872 lines
51 KiB
JavaScript
872 lines
51 KiB
JavaScript
"use strict";
|
|
(self["webpackChunk_woocommerce_storybook"] = self["webpackChunk_woocommerce_storybook"] || []).push([[4962],{
|
|
|
|
/***/ "../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/utils/colors-values.js":
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
lm: () => (/* binding */ COLORS)
|
|
});
|
|
|
|
// UNUSED EXPORTS: ADMIN, ALERT, BASE, BLUE, DARK_GRAY, DARK_OPACITY, DARK_OPACITY_LIGHT, G2, LIGHT_GRAY, LIGHT_OPACITY_LIGHT, UI, default
|
|
|
|
// EXTERNAL MODULE: ../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/lodash.js
|
|
var lodash = __webpack_require__("../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/lodash.js");
|
|
// EXTERNAL MODULE: ../../node_modules/.pnpm/colord@2.9.3/node_modules/colord/index.mjs
|
|
var colord = __webpack_require__("../../node_modules/.pnpm/colord@2.9.3/node_modules/colord/index.mjs");
|
|
// EXTERNAL MODULE: ../../node_modules/.pnpm/colord@2.9.3/node_modules/colord/plugins/names.mjs
|
|
var names = __webpack_require__("../../node_modules/.pnpm/colord@2.9.3/node_modules/colord/plugins/names.mjs");
|
|
;// CONCATENATED MODULE: ../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/utils/colors.js
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
|
|
|
|
(0,colord/* extend */.X$)([names/* default */.A]);
|
|
/**
|
|
* Generating a CSS compliant rgba() color value.
|
|
*
|
|
* @param {string} hexValue The hex value to convert to rgba().
|
|
* @param {number} alpha The alpha value for opacity.
|
|
* @return {string} The converted rgba() color value.
|
|
*
|
|
* @example
|
|
* rgba( '#000000', 0.5 )
|
|
* // rgba(0, 0, 0, 0.5)
|
|
*/
|
|
|
|
function rgba() {
|
|
let hexValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
let alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
|
|
return (0,colord/* colord */.Mj)(hexValue).alpha(alpha).toRgbString();
|
|
}
|
|
//# sourceMappingURL=colors.js.map
|
|
;// CONCATENATED MODULE: ../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/utils/colors-values.js
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
const BASE = {
|
|
black: '#000',
|
|
white: '#fff'
|
|
};
|
|
/**
|
|
* TODO: Continue to update values as "G2" design evolves.
|
|
*
|
|
* "G2" refers to the movement to advance the interface of the block editor.
|
|
* https://github.com/WordPress/gutenberg/issues/18667
|
|
*/
|
|
|
|
const G2 = {
|
|
blue: {
|
|
medium: {
|
|
focus: '#007cba',
|
|
focusDark: '#fff'
|
|
}
|
|
},
|
|
gray: {
|
|
900: '#1e1e1e',
|
|
700: '#757575',
|
|
// Meets 4.6:1 text contrast against white.
|
|
600: '#949494',
|
|
// Meets 3:1 UI or large text contrast against white.
|
|
400: '#ccc',
|
|
300: '#ddd',
|
|
// Used for most borders.
|
|
200: '#e0e0e0',
|
|
// Used sparingly for light borders.
|
|
100: '#f0f0f0' // Used for light gray backgrounds.
|
|
|
|
},
|
|
darkGray: {
|
|
primary: '#1e1e1e',
|
|
heading: '#050505'
|
|
},
|
|
mediumGray: {
|
|
text: '#757575'
|
|
},
|
|
lightGray: {
|
|
ui: '#949494',
|
|
secondary: '#ccc',
|
|
tertiary: '#e7e8e9'
|
|
}
|
|
};
|
|
const DARK_GRAY = {
|
|
900: '#191e23',
|
|
800: '#23282d',
|
|
700: '#32373c',
|
|
600: '#40464d',
|
|
500: '#555d66',
|
|
// Use this most of the time for dark items.
|
|
400: '#606a73',
|
|
300: '#6c7781',
|
|
// Lightest gray that can be used for AA text contrast.
|
|
200: '#7e8993',
|
|
150: '#8d96a0',
|
|
// Lightest gray that can be used for AA non-text contrast.
|
|
100: '#8f98a1',
|
|
placeholder: rgba(G2.gray[900], 0.62)
|
|
};
|
|
const DARK_OPACITY = {
|
|
900: rgba('#000510', 0.9),
|
|
800: rgba('#00000a', 0.85),
|
|
700: rgba('#06060b', 0.8),
|
|
600: rgba('#000913', 0.75),
|
|
500: rgba('#0a1829', 0.7),
|
|
400: rgba('#0a1829', 0.65),
|
|
300: rgba('#0e1c2e', 0.62),
|
|
200: rgba('#162435', 0.55),
|
|
100: rgba('#223443', 0.5),
|
|
backgroundFill: rgba(DARK_GRAY[700], 0.7)
|
|
};
|
|
const DARK_OPACITY_LIGHT = {
|
|
900: rgba('#304455', 0.45),
|
|
800: rgba('#425863', 0.4),
|
|
700: rgba('#667886', 0.35),
|
|
600: rgba('#7b86a2', 0.3),
|
|
500: rgba('#9197a2', 0.25),
|
|
400: rgba('#95959c', 0.2),
|
|
300: rgba('#829493', 0.15),
|
|
200: rgba('#8b8b96', 0.1),
|
|
100: rgba('#747474', 0.05)
|
|
};
|
|
const LIGHT_GRAY = {
|
|
900: '#a2aab2',
|
|
800: '#b5bcc2',
|
|
700: '#ccd0d4',
|
|
600: '#d7dade',
|
|
500: '#e2e4e7',
|
|
// Good for "grayed" items and borders.
|
|
400: '#e8eaeb',
|
|
// Good for "readonly" input fields and special text selection.
|
|
300: '#edeff0',
|
|
200: '#f3f4f5',
|
|
100: '#f8f9f9',
|
|
placeholder: rgba(BASE.white, 0.65)
|
|
};
|
|
const LIGHT_OPACITY_LIGHT = {
|
|
900: rgba(BASE.white, 0.5),
|
|
800: rgba(BASE.white, 0.45),
|
|
700: rgba(BASE.white, 0.4),
|
|
600: rgba(BASE.white, 0.35),
|
|
500: rgba(BASE.white, 0.3),
|
|
400: rgba(BASE.white, 0.25),
|
|
300: rgba(BASE.white, 0.2),
|
|
200: rgba(BASE.white, 0.15),
|
|
100: rgba(BASE.white, 0.1),
|
|
backgroundFill: rgba(LIGHT_GRAY[300], 0.8)
|
|
}; // Additional colors.
|
|
// Some are from https://make.wordpress.org/design/handbook/foundations/colors/.
|
|
|
|
const BLUE = {
|
|
wordpress: {
|
|
700: '#00669b'
|
|
},
|
|
dark: {
|
|
900: '#0071a1'
|
|
},
|
|
medium: {
|
|
900: '#006589',
|
|
800: '#00739c',
|
|
700: '#007fac',
|
|
600: '#008dbe',
|
|
500: '#00a0d2',
|
|
400: '#33b3db',
|
|
300: '#66c6e4',
|
|
200: '#bfe7f3',
|
|
100: '#e5f5fa',
|
|
highlight: '#b3e7fe',
|
|
focus: '#007cba'
|
|
}
|
|
};
|
|
const ALERT = {
|
|
yellow: '#f0b849',
|
|
red: '#d94f4f',
|
|
green: '#4ab866'
|
|
};
|
|
const ADMIN = {
|
|
theme: `var( --wp-admin-theme-color, ${BLUE.wordpress[700]})`,
|
|
themeDark10: `var( --wp-admin-theme-color-darker-10, ${BLUE.medium.focus})`
|
|
}; // Namespaced values for raw colors hex codes.
|
|
|
|
const UI = {
|
|
theme: ADMIN.theme,
|
|
background: BASE.white,
|
|
backgroundDisabled: LIGHT_GRAY[200],
|
|
border: G2.gray[700],
|
|
borderHover: G2.gray[700],
|
|
borderFocus: ADMIN.themeDark10,
|
|
borderDisabled: G2.gray[400],
|
|
borderLight: G2.gray[300],
|
|
label: DARK_GRAY[500],
|
|
textDisabled: DARK_GRAY[150],
|
|
textDark: BASE.white,
|
|
textLight: BASE.black
|
|
}; // Using Object.assign instead of { ...spread } syntax helps TypeScript
|
|
// to extract the correct type defs here.
|
|
|
|
const COLORS = Object.assign({}, BASE, {
|
|
darkGray: (0,lodash.merge)({}, DARK_GRAY, G2.darkGray),
|
|
darkOpacity: DARK_OPACITY,
|
|
darkOpacityLight: DARK_OPACITY_LIGHT,
|
|
mediumGray: G2.mediumGray,
|
|
gray: G2.gray,
|
|
lightGray: (0,lodash.merge)({}, LIGHT_GRAY, G2.lightGray),
|
|
lightGrayLight: LIGHT_OPACITY_LIGHT,
|
|
blue: (0,lodash.merge)({}, BLUE, G2.blue),
|
|
alert: ALERT,
|
|
admin: ADMIN,
|
|
ui: UI
|
|
});
|
|
/* harmony default export */ const colors_values = ((/* unused pure expression or super */ null && (COLORS)));
|
|
//# sourceMappingURL=colors-values.js.map
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/utils/config-values.js":
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _ui_utils_space__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/ui/utils/space.js");
|
|
/* harmony import */ var _colors_values__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/utils/colors-values.js");
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
const CONTROL_HEIGHT = '36px';
|
|
const CONTROL_PADDING_X = '12px';
|
|
const CONTROL_PROPS = {
|
|
controlSurfaceColor: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.white,
|
|
controlTextActiveColor: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.ui.theme,
|
|
controlPaddingX: CONTROL_PADDING_X,
|
|
controlPaddingXLarge: `calc(${CONTROL_PADDING_X} * 1.3334)`,
|
|
controlPaddingXSmall: `calc(${CONTROL_PADDING_X} / 1.3334)`,
|
|
controlBackgroundColor: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.white,
|
|
controlBorderRadius: '2px',
|
|
controlBorderColor: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.gray[700],
|
|
controlBoxShadow: 'transparent',
|
|
controlBorderColorHover: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.gray[700],
|
|
controlBoxShadowFocus: `0 0 0 0.5px ${_colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.admin.theme}`,
|
|
controlDestructiveBorderColor: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.alert.red,
|
|
controlHeight: CONTROL_HEIGHT,
|
|
controlHeightXSmall: `calc( ${CONTROL_HEIGHT} * 0.6 )`,
|
|
controlHeightSmall: `calc( ${CONTROL_HEIGHT} * 0.8 )`,
|
|
controlHeightLarge: `calc( ${CONTROL_HEIGHT} * 1.2 )`,
|
|
controlHeightXLarge: `calc( ${CONTROL_HEIGHT} * 1.4 )`
|
|
};
|
|
const TOGGLE_GROUP_CONTROL_PROPS = {
|
|
toggleGroupControlBackgroundColor: CONTROL_PROPS.controlBackgroundColor,
|
|
toggleGroupControlBorderColor: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.ui.border,
|
|
toggleGroupControlBackdropBackgroundColor: CONTROL_PROPS.controlSurfaceColor,
|
|
toggleGroupControlBackdropBorderColor: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.ui.border,
|
|
toggleGroupControlBackdropBoxShadow: 'transparent',
|
|
toggleGroupControlButtonColorActive: CONTROL_PROPS.controlBackgroundColor
|
|
}; // Using Object.assign to avoid creating circular references when emitting
|
|
// TypeScript type declarations.
|
|
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Object.assign({}, CONTROL_PROPS, TOGGLE_GROUP_CONTROL_PROPS, {
|
|
colorDivider: 'rgba(0, 0, 0, 0.1)',
|
|
colorScrollbarThumb: 'rgba(0, 0, 0, 0.2)',
|
|
colorScrollbarThumbHover: 'rgba(0, 0, 0, 0.5)',
|
|
colorScrollbarTrack: 'rgba(0, 0, 0, 0.04)',
|
|
elevationIntensity: 1,
|
|
radiusBlockUi: '2px',
|
|
borderWidth: '1px',
|
|
borderWidthFocus: '1.5px',
|
|
borderWidthTab: '4px',
|
|
spinnerSize: 16,
|
|
fontSize: '13px',
|
|
fontSizeH1: 'calc(2.44 * 13px)',
|
|
fontSizeH2: 'calc(1.95 * 13px)',
|
|
fontSizeH3: 'calc(1.56 * 13px)',
|
|
fontSizeH4: 'calc(1.25 * 13px)',
|
|
fontSizeH5: '13px',
|
|
fontSizeH6: 'calc(0.8 * 13px)',
|
|
fontSizeInputMobile: '16px',
|
|
fontSizeMobile: '15px',
|
|
fontSizeSmall: 'calc(0.92 * 13px)',
|
|
fontSizeXSmall: 'calc(0.75 * 13px)',
|
|
fontLineHeightBase: '1.2',
|
|
fontWeight: 'normal',
|
|
fontWeightHeading: '600',
|
|
gridBase: '4px',
|
|
cardBorderRadius: '2px',
|
|
cardPaddingXSmall: `${(0,_ui_utils_space__WEBPACK_IMPORTED_MODULE_1__/* .space */ .x)(2)}`,
|
|
cardPaddingSmall: `${(0,_ui_utils_space__WEBPACK_IMPORTED_MODULE_1__/* .space */ .x)(4)}`,
|
|
cardPaddingMedium: `${(0,_ui_utils_space__WEBPACK_IMPORTED_MODULE_1__/* .space */ .x)(4)} ${(0,_ui_utils_space__WEBPACK_IMPORTED_MODULE_1__/* .space */ .x)(6)}`,
|
|
cardPaddingLarge: `${(0,_ui_utils_space__WEBPACK_IMPORTED_MODULE_1__/* .space */ .x)(6)} ${(0,_ui_utils_space__WEBPACK_IMPORTED_MODULE_1__/* .space */ .x)(8)}`,
|
|
surfaceBackgroundColor: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.white,
|
|
surfaceBackgroundSubtleColor: '#F3F3F3',
|
|
surfaceBackgroundTintColor: '#F5F5F5',
|
|
surfaceBorderColor: 'rgba(0, 0, 0, 0.1)',
|
|
surfaceBorderBoldColor: 'rgba(0, 0, 0, 0.15)',
|
|
surfaceBorderSubtleColor: 'rgba(0, 0, 0, 0.05)',
|
|
surfaceBackgroundTertiaryColor: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.white,
|
|
surfaceColor: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.white,
|
|
transitionDuration: '200ms',
|
|
transitionDurationFast: '160ms',
|
|
transitionDurationFaster: '120ms',
|
|
transitionDurationFastest: '100ms',
|
|
transitionTimingFunction: 'cubic-bezier(0.08, 0.52, 0.52, 1)',
|
|
transitionTimingFunctionControl: 'cubic-bezier(0.12, 0.8, 0.32, 1)'
|
|
}));
|
|
//# sourceMappingURL=config-values.js.map
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../../packages/js/components/src/table/placeholder.tsx":
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/extends.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
|
|
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");
|
|
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.map.js");
|
|
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.keys.js");
|
|
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.symbol.js");
|
|
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_3__);
|
|
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.filter.js");
|
|
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_4__);
|
|
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.to-string.js");
|
|
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__);
|
|
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
|
|
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_6__);
|
|
/* harmony import */ var core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.for-each.js");
|
|
/* harmony import */ var core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_7__);
|
|
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/web.dom-collections.for-each.js");
|
|
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_8__);
|
|
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
|
|
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_9__);
|
|
/* harmony import */ var core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.define-properties.js");
|
|
/* harmony import */ var core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_10__);
|
|
/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.define-property.js");
|
|
/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_11__);
|
|
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/lodash.js");
|
|
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_12__);
|
|
/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__("../../packages/js/components/src/table/table.tsx");
|
|
|
|
|
|
|
|
var _excluded = ["query", "caption", "headers", "numberOfRows"];
|
|
|
|
function ownKeys(e, r) {
|
|
var t = Object.keys(e);
|
|
if (Object.getOwnPropertySymbols) {
|
|
var o = Object.getOwnPropertySymbols(e);
|
|
r && (o = o.filter(function (r) {
|
|
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
})), t.push.apply(t, o);
|
|
}
|
|
return t;
|
|
}
|
|
function _objectSpread(e) {
|
|
for (var r = 1; r < arguments.length; r++) {
|
|
var t = null != arguments[r] ? arguments[r] : {};
|
|
r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(e, r, t[r]);
|
|
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
|
|
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
});
|
|
}
|
|
return e;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
|
|
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
/**
|
|
* `TablePlaceholder` behaves like `Table` but displays placeholder boxes instead of data. This can be used while loading.
|
|
*/
|
|
var TablePlaceholder = function TablePlaceholder(_ref) {
|
|
var query = _ref.query,
|
|
caption = _ref.caption,
|
|
headers = _ref.headers,
|
|
_ref$numberOfRows = _ref.numberOfRows,
|
|
numberOfRows = _ref$numberOfRows === void 0 ? 5 : _ref$numberOfRows,
|
|
props = (0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .A)(_ref, _excluded);
|
|
var rows = (0,lodash__WEBPACK_IMPORTED_MODULE_12__.range)(numberOfRows).map(function () {
|
|
return headers.map(function () {
|
|
return {
|
|
display: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_14__.createElement)("span", {
|
|
className: "is-placeholder"
|
|
})
|
|
};
|
|
});
|
|
});
|
|
var tableProps = _objectSpread({
|
|
query: query,
|
|
caption: caption,
|
|
headers: headers,
|
|
numberOfRows: numberOfRows
|
|
}, props);
|
|
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_14__.createElement)(_table__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .A, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .A)({
|
|
ariaHidden: true,
|
|
className: "is-loading",
|
|
rows: rows
|
|
}, tableProps));
|
|
};
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TablePlaceholder);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../../packages/js/components/src/table/stories/index.ts":
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ Ge: () => (/* binding */ rows),
|
|
/* harmony export */ b3: () => (/* binding */ headers),
|
|
/* harmony export */ z: () => (/* binding */ summary)
|
|
/* harmony export */ });
|
|
var headers = [{
|
|
key: 'month',
|
|
label: 'Month'
|
|
}, {
|
|
key: 'orders',
|
|
label: 'Orders'
|
|
}, {
|
|
key: 'revenue',
|
|
label: 'Revenue'
|
|
}];
|
|
var rows = [[{
|
|
display: 'January',
|
|
value: 1
|
|
}, {
|
|
display: 10,
|
|
value: 10
|
|
}, {
|
|
display: '$530.00',
|
|
value: 530
|
|
}], [{
|
|
display: 'February',
|
|
value: 2
|
|
}, {
|
|
display: 13,
|
|
value: 13
|
|
}, {
|
|
display: '$675.00',
|
|
value: 675
|
|
}], [{
|
|
display: 'March',
|
|
value: 3
|
|
}, {
|
|
display: 9,
|
|
value: 9
|
|
}, {
|
|
display: '$460.00',
|
|
value: 460
|
|
}]];
|
|
var summary = [{
|
|
label: 'Gross Income',
|
|
value: '$830.00'
|
|
}, {
|
|
label: 'Taxes',
|
|
value: '$96.32'
|
|
}, {
|
|
label: 'Shipping',
|
|
value: '$50.00'
|
|
}];
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../../packages/js/components/src/table/table.tsx":
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/extends.js");
|
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
|
|
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");
|
|
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.map.js");
|
|
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.concat.js");
|
|
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var core_js_modules_es_date_to_string_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.date.to-string.js");
|
|
/* harmony import */ var core_js_modules_es_date_to_string_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_date_to_string_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.to-string.js");
|
|
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__);
|
|
/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.regexp.to-string.js");
|
|
/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_4__);
|
|
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/.pnpm/@wordpress+i18n@4.6.1/node_modules/@wordpress/i18n/build-module/index.js");
|
|
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js");
|
|
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__);
|
|
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/button/index.js");
|
|
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/lodash.js");
|
|
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_7__);
|
|
/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__("../../node_modules/.pnpm/@wordpress+compose@5.4.1_react@17.0.2/node_modules/@wordpress/compose/build-module/higher-order/with-instance-id/index.js");
|
|
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__("../../node_modules/.pnpm/@wordpress+icons@8.2.3/node_modules/@wordpress/icons/build-module/icon/index.js");
|
|
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__("../../node_modules/.pnpm/@wordpress+icons@8.2.3/node_modules/@wordpress/icons/build-module/library/chevron-up.js");
|
|
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__("../../node_modules/.pnpm/@wordpress+icons@8.2.3/node_modules/@wordpress/icons/build-module/library/chevron-down.js");
|
|
/* harmony import */ var _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../../node_modules/.pnpm/@wordpress+deprecated@3.6.1/node_modules/@wordpress/deprecated/build-module/index.js");
|
|
|
|
|
|
|
|
var _excluded = ["instanceId", "headers", "rows", "ariaHidden", "caption", "className", "onSort", "query", "rowHeader", "rowKey", "emptyMessage"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
var ASC = 'asc';
|
|
var DESC = 'desc';
|
|
var getDisplay = function getDisplay(cell) {
|
|
return cell.display || null;
|
|
};
|
|
|
|
/**
|
|
* A table component, without the Card wrapper. This is a basic table display, sortable, but no default filtering.
|
|
*
|
|
* Row data should be passed to the component as a list of arrays, where each array is a row in the table.
|
|
* Headers are passed in separately as an array of objects with column-related properties. For example,
|
|
* this data would render the following table.
|
|
*
|
|
* ```js
|
|
* const headers = [ { label: 'Month' }, { label: 'Orders' }, { label: 'Revenue' } ];
|
|
* const rows = [
|
|
* [
|
|
* { display: 'January', value: 1 },
|
|
* { display: 10, value: 10 },
|
|
* { display: '$530.00', value: 530 },
|
|
* ],
|
|
* [
|
|
* { display: 'February', value: 2 },
|
|
* { display: 13, value: 13 },
|
|
* { display: '$675.00', value: 675 },
|
|
* ],
|
|
* [
|
|
* { display: 'March', value: 3 },
|
|
* { display: 9, value: 9 },
|
|
* { display: '$460.00', value: 460 },
|
|
* ],
|
|
* ]
|
|
* ```
|
|
*
|
|
* | Month | Orders | Revenue |
|
|
* | ---------|--------|---------|
|
|
* | January | 10 | $530.00 |
|
|
* | February | 13 | $675.00 |
|
|
* | March | 9 | $460.00 |
|
|
*/
|
|
|
|
var Table = function Table(_ref) {
|
|
var instanceId = _ref.instanceId,
|
|
_ref$headers = _ref.headers,
|
|
headers = _ref$headers === void 0 ? [] : _ref$headers,
|
|
_ref$rows = _ref.rows,
|
|
rows = _ref$rows === void 0 ? [] : _ref$rows,
|
|
ariaHidden = _ref.ariaHidden,
|
|
caption = _ref.caption,
|
|
className = _ref.className,
|
|
_ref$onSort = _ref.onSort,
|
|
onSort = _ref$onSort === void 0 ? function (f) {
|
|
return f;
|
|
} : _ref$onSort,
|
|
_ref$query = _ref.query,
|
|
query = _ref$query === void 0 ? {} : _ref$query,
|
|
rowHeader = _ref.rowHeader,
|
|
rowKey = _ref.rowKey,
|
|
emptyMessage = _ref.emptyMessage,
|
|
props = (0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A)(_ref, _excluded);
|
|
var classNames = props.classNames;
|
|
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_8__.useState)(undefined),
|
|
_useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .A)(_useState, 2),
|
|
tabIndex = _useState2[0],
|
|
setTabIndex = _useState2[1];
|
|
var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_8__.useState)(false),
|
|
_useState4 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .A)(_useState3, 2),
|
|
isScrollableRight = _useState4[0],
|
|
setIsScrollableRight = _useState4[1];
|
|
var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_8__.useState)(false),
|
|
_useState6 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .A)(_useState5, 2),
|
|
isScrollableLeft = _useState6[0],
|
|
setIsScrollableLeft = _useState6[1];
|
|
var container = (0,react__WEBPACK_IMPORTED_MODULE_8__.useRef)(null);
|
|
if (classNames) {
|
|
(0,_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .A)("Table component's classNames prop", {
|
|
since: '11.1.0',
|
|
version: '12.0.0',
|
|
alternative: 'className',
|
|
plugin: '@woocommerce/components'
|
|
});
|
|
}
|
|
var classes = classnames__WEBPACK_IMPORTED_MODULE_6___default()('woocommerce-table__table', classNames, className, {
|
|
'is-scrollable-right': isScrollableRight,
|
|
'is-scrollable-left': isScrollableLeft
|
|
});
|
|
var sortBy = function sortBy(key) {
|
|
return function () {
|
|
var currentKey = query.orderby || (0,lodash__WEBPACK_IMPORTED_MODULE_7__.get)((0,lodash__WEBPACK_IMPORTED_MODULE_7__.find)(headers, {
|
|
defaultSort: true
|
|
}), 'key', false);
|
|
var currentDir = query.order || (0,lodash__WEBPACK_IMPORTED_MODULE_7__.get)((0,lodash__WEBPACK_IMPORTED_MODULE_7__.find)(headers, {
|
|
key: currentKey
|
|
}), 'defaultOrder', DESC);
|
|
var dir = DESC;
|
|
if (key === currentKey) {
|
|
dir = DESC === currentDir ? ASC : DESC;
|
|
}
|
|
onSort(key, dir);
|
|
};
|
|
};
|
|
var getRowKey = function getRowKey(row, index) {
|
|
if (rowKey && typeof rowKey === 'function') {
|
|
return rowKey(row, index);
|
|
}
|
|
return index;
|
|
};
|
|
var updateTableShadow = function updateTableShadow() {
|
|
var table = container.current;
|
|
if (table !== null && table !== void 0 && table.scrollWidth && table !== null && table !== void 0 && table.scrollHeight && table !== null && table !== void 0 && table.offsetWidth) {
|
|
var scrolledToEnd = (table === null || table === void 0 ? void 0 : table.scrollWidth) - (table === null || table === void 0 ? void 0 : table.scrollLeft) <= (table === null || table === void 0 ? void 0 : table.offsetWidth);
|
|
if (scrolledToEnd && isScrollableRight) {
|
|
setIsScrollableRight(false);
|
|
} else if (!scrolledToEnd && !isScrollableRight) {
|
|
setIsScrollableRight(true);
|
|
}
|
|
}
|
|
if (table !== null && table !== void 0 && table.scrollLeft) {
|
|
var scrolledToStart = (table === null || table === void 0 ? void 0 : table.scrollLeft) <= 0;
|
|
if (scrolledToStart && isScrollableLeft) {
|
|
setIsScrollableLeft(false);
|
|
} else if (!scrolledToStart && !isScrollableLeft) {
|
|
setIsScrollableLeft(true);
|
|
}
|
|
}
|
|
};
|
|
var sortedBy = query.orderby || (0,lodash__WEBPACK_IMPORTED_MODULE_7__.get)((0,lodash__WEBPACK_IMPORTED_MODULE_7__.find)(headers, {
|
|
defaultSort: true
|
|
}), 'key', false);
|
|
var sortDir = query.order || (0,lodash__WEBPACK_IMPORTED_MODULE_7__.get)((0,lodash__WEBPACK_IMPORTED_MODULE_7__.find)(headers, {
|
|
key: sortedBy
|
|
}), 'defaultOrder', DESC);
|
|
var hasData = !!rows.length;
|
|
(0,react__WEBPACK_IMPORTED_MODULE_8__.useEffect)(function () {
|
|
var _container$current, _container$current2;
|
|
var scrollWidth = (_container$current = container.current) === null || _container$current === void 0 ? void 0 : _container$current.scrollWidth;
|
|
var clientWidth = (_container$current2 = container.current) === null || _container$current2 === void 0 ? void 0 : _container$current2.clientWidth;
|
|
if (scrollWidth === undefined || clientWidth === undefined) {
|
|
return;
|
|
}
|
|
var scrollable = scrollWidth > clientWidth;
|
|
setTabIndex(scrollable ? 0 : undefined);
|
|
updateTableShadow();
|
|
window.addEventListener('resize', updateTableShadow);
|
|
return function () {
|
|
window.removeEventListener('resize', updateTableShadow);
|
|
};
|
|
}, []);
|
|
(0,react__WEBPACK_IMPORTED_MODULE_8__.useEffect)(updateTableShadow, [headers, rows, emptyMessage]);
|
|
return (0,react__WEBPACK_IMPORTED_MODULE_8__.createElement)("div", {
|
|
className: classes,
|
|
ref: container,
|
|
tabIndex: tabIndex,
|
|
"aria-hidden": ariaHidden,
|
|
"aria-labelledby": "caption-".concat(instanceId),
|
|
role: "group",
|
|
onScroll: updateTableShadow
|
|
}, (0,react__WEBPACK_IMPORTED_MODULE_8__.createElement)("table", null, (0,react__WEBPACK_IMPORTED_MODULE_8__.createElement)("caption", {
|
|
id: "caption-".concat(instanceId),
|
|
className: "woocommerce-table__caption screen-reader-text"
|
|
}, caption, tabIndex === 0 && (0,react__WEBPACK_IMPORTED_MODULE_8__.createElement)("small", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('(scroll to see more)', 'woocommerce'))), (0,react__WEBPACK_IMPORTED_MODULE_8__.createElement)("tbody", null, (0,react__WEBPACK_IMPORTED_MODULE_8__.createElement)("tr", null, headers.map(function (header, i) {
|
|
var cellClassName = header.cellClassName,
|
|
isLeftAligned = header.isLeftAligned,
|
|
isSortable = header.isSortable,
|
|
isNumeric = header.isNumeric,
|
|
key = header.key,
|
|
label = header.label,
|
|
screenReaderLabel = header.screenReaderLabel;
|
|
var labelId = "header-".concat(instanceId, "-").concat(i);
|
|
var thProps = {
|
|
className: classnames__WEBPACK_IMPORTED_MODULE_6___default()('woocommerce-table__header', cellClassName, {
|
|
'is-left-aligned': isLeftAligned || !isNumeric,
|
|
'is-sortable': isSortable,
|
|
'is-sorted': sortedBy === key,
|
|
'is-numeric': isNumeric
|
|
})
|
|
};
|
|
if (isSortable) {
|
|
thProps['aria-sort'] = 'none';
|
|
if (sortedBy === key) {
|
|
thProps['aria-sort'] = sortDir === ASC ? 'ascending' : 'descending';
|
|
}
|
|
}
|
|
// We only sort by ascending if the col is already sorted descending
|
|
var iconLabel = sortedBy === key && sortDir !== ASC ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__/* .sprintf */ .nv)( /* translators: %s: column label */
|
|
(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Sort by %s in ascending order', 'woocommerce'), screenReaderLabel || label) : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__/* .sprintf */ .nv)( /* translators: %s: column label */
|
|
(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Sort by %s in descending order', 'woocommerce'), screenReaderLabel || label);
|
|
var textLabel = (0,react__WEBPACK_IMPORTED_MODULE_8__.createElement)(react__WEBPACK_IMPORTED_MODULE_8__.Fragment, null, (0,react__WEBPACK_IMPORTED_MODULE_8__.createElement)("span", {
|
|
"aria-hidden": Boolean(screenReaderLabel)
|
|
}, label), screenReaderLabel && (0,react__WEBPACK_IMPORTED_MODULE_8__.createElement)("span", {
|
|
className: "screen-reader-text"
|
|
}, screenReaderLabel));
|
|
return (0,react__WEBPACK_IMPORTED_MODULE_8__.createElement)("th", (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .A)({
|
|
role: "columnheader",
|
|
scope: "col",
|
|
key: header.key || i
|
|
}, thProps), isSortable ? (0,react__WEBPACK_IMPORTED_MODULE_8__.createElement)(react__WEBPACK_IMPORTED_MODULE_8__.Fragment, null, (0,react__WEBPACK_IMPORTED_MODULE_8__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .A, {
|
|
"aria-describedby": labelId,
|
|
onClick: hasData ? sortBy(key) : lodash__WEBPACK_IMPORTED_MODULE_7__.noop
|
|
}, sortedBy === key && sortDir === ASC ? (0,react__WEBPACK_IMPORTED_MODULE_8__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .A, {
|
|
icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .A
|
|
}) : (0,react__WEBPACK_IMPORTED_MODULE_8__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .A, {
|
|
icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .A
|
|
}), textLabel), (0,react__WEBPACK_IMPORTED_MODULE_8__.createElement)("span", {
|
|
className: "screen-reader-text",
|
|
id: labelId
|
|
}, iconLabel)) : textLabel);
|
|
})), hasData ? rows.map(function (row, i) {
|
|
return (0,react__WEBPACK_IMPORTED_MODULE_8__.createElement)("tr", {
|
|
key: getRowKey(row, i)
|
|
}, row.map(function (cell, j) {
|
|
var _headers$j = headers[j],
|
|
cellClassName = _headers$j.cellClassName,
|
|
isLeftAligned = _headers$j.isLeftAligned,
|
|
isNumeric = _headers$j.isNumeric;
|
|
var isHeader = rowHeader === j;
|
|
var Cell = isHeader ? 'th' : 'td';
|
|
var cellClasses = classnames__WEBPACK_IMPORTED_MODULE_6___default()('woocommerce-table__item', cellClassName, {
|
|
'is-left-aligned': isLeftAligned || !isNumeric,
|
|
'is-numeric': isNumeric,
|
|
'is-sorted': sortedBy === headers[j].key
|
|
});
|
|
var cellKey = getRowKey(row, i).toString() + j;
|
|
return (0,react__WEBPACK_IMPORTED_MODULE_8__.createElement)(Cell, {
|
|
scope: isHeader ? 'row' : undefined,
|
|
key: cellKey,
|
|
className: cellClasses
|
|
}, getDisplay(cell));
|
|
}));
|
|
}) : (0,react__WEBPACK_IMPORTED_MODULE_8__.createElement)("tr", null, (0,react__WEBPACK_IMPORTED_MODULE_8__.createElement)("td", {
|
|
className: "woocommerce-table__empty-item",
|
|
colSpan: headers.length
|
|
}, emptyMessage !== null && emptyMessage !== void 0 ? emptyMessage : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('No data to display', 'woocommerce'))))));
|
|
};
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_17__/* ["default"] */ .A)(Table));
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../../node_modules/.pnpm/colord@2.9.3/node_modules/colord/index.mjs":
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ Mj: () => (/* binding */ w),
|
|
/* harmony export */ X$: () => (/* binding */ k)
|
|
/* harmony export */ });
|
|
/* unused harmony exports Colord, getFormat, random */
|
|
var r={grad:.9,turn:360,rad:360/(2*Math.PI)},t=function(r){return"string"==typeof r?r.length>0:"number"==typeof r},n=function(r,t,n){return void 0===t&&(t=0),void 0===n&&(n=Math.pow(10,t)),Math.round(n*r)/n+0},e=function(r,t,n){return void 0===t&&(t=0),void 0===n&&(n=1),r>n?n:r>t?r:t},u=function(r){return(r=isFinite(r)?r%360:0)>0?r:r+360},a=function(r){return{r:e(r.r,0,255),g:e(r.g,0,255),b:e(r.b,0,255),a:e(r.a)}},o=function(r){return{r:n(r.r),g:n(r.g),b:n(r.b),a:n(r.a,3)}},i=/^#([0-9a-f]{3,8})$/i,s=function(r){var t=r.toString(16);return t.length<2?"0"+t:t},h=function(r){var t=r.r,n=r.g,e=r.b,u=r.a,a=Math.max(t,n,e),o=a-Math.min(t,n,e),i=o?a===t?(n-e)/o:a===n?2+(e-t)/o:4+(t-n)/o:0;return{h:60*(i<0?i+6:i),s:a?o/a*100:0,v:a/255*100,a:u}},b=function(r){var t=r.h,n=r.s,e=r.v,u=r.a;t=t/360*6,n/=100,e/=100;var a=Math.floor(t),o=e*(1-n),i=e*(1-(t-a)*n),s=e*(1-(1-t+a)*n),h=a%6;return{r:255*[e,i,o,o,s,e][h],g:255*[s,e,e,i,o,o][h],b:255*[o,o,s,e,e,i][h],a:u}},g=function(r){return{h:u(r.h),s:e(r.s,0,100),l:e(r.l,0,100),a:e(r.a)}},d=function(r){return{h:n(r.h),s:n(r.s),l:n(r.l),a:n(r.a,3)}},f=function(r){return b((n=(t=r).s,{h:t.h,s:(n*=((e=t.l)<50?e:100-e)/100)>0?2*n/(e+n)*100:0,v:e+n,a:t.a}));var t,n,e},c=function(r){return{h:(t=h(r)).h,s:(u=(200-(n=t.s))*(e=t.v)/100)>0&&u<200?n*e/100/(u<=100?u:200-u)*100:0,l:u/2,a:t.a};var t,n,e,u},l=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,p=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,v=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,m=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,y={string:[[function(r){var t=i.exec(r);return t?(r=t[1]).length<=4?{r:parseInt(r[0]+r[0],16),g:parseInt(r[1]+r[1],16),b:parseInt(r[2]+r[2],16),a:4===r.length?n(parseInt(r[3]+r[3],16)/255,2):1}:6===r.length||8===r.length?{r:parseInt(r.substr(0,2),16),g:parseInt(r.substr(2,2),16),b:parseInt(r.substr(4,2),16),a:8===r.length?n(parseInt(r.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(r){var t=v.exec(r)||m.exec(r);return t?t[2]!==t[4]||t[4]!==t[6]?null:a({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:void 0===t[7]?1:Number(t[7])/(t[8]?100:1)}):null},"rgb"],[function(t){var n=l.exec(t)||p.exec(t);if(!n)return null;var e,u,a=g({h:(e=n[1],u=n[2],void 0===u&&(u="deg"),Number(e)*(r[u]||1)),s:Number(n[3]),l:Number(n[4]),a:void 0===n[5]?1:Number(n[5])/(n[6]?100:1)});return f(a)},"hsl"]],object:[[function(r){var n=r.r,e=r.g,u=r.b,o=r.a,i=void 0===o?1:o;return t(n)&&t(e)&&t(u)?a({r:Number(n),g:Number(e),b:Number(u),a:Number(i)}):null},"rgb"],[function(r){var n=r.h,e=r.s,u=r.l,a=r.a,o=void 0===a?1:a;if(!t(n)||!t(e)||!t(u))return null;var i=g({h:Number(n),s:Number(e),l:Number(u),a:Number(o)});return f(i)},"hsl"],[function(r){var n=r.h,a=r.s,o=r.v,i=r.a,s=void 0===i?1:i;if(!t(n)||!t(a)||!t(o))return null;var h=function(r){return{h:u(r.h),s:e(r.s,0,100),v:e(r.v,0,100),a:e(r.a)}}({h:Number(n),s:Number(a),v:Number(o),a:Number(s)});return b(h)},"hsv"]]},N=function(r,t){for(var n=0;n<t.length;n++){var e=t[n][0](r);if(e)return[e,t[n][1]]}return[null,void 0]},x=function(r){return"string"==typeof r?N(r.trim(),y.string):"object"==typeof r&&null!==r?N(r,y.object):[null,void 0]},I=function(r){return x(r)[1]},M=function(r,t){var n=c(r);return{h:n.h,s:e(n.s+100*t,0,100),l:n.l,a:n.a}},H=function(r){return(299*r.r+587*r.g+114*r.b)/1e3/255},$=function(r,t){var n=c(r);return{h:n.h,s:n.s,l:e(n.l+100*t,0,100),a:n.a}},j=function(){function r(r){this.parsed=x(r)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return r.prototype.isValid=function(){return null!==this.parsed},r.prototype.brightness=function(){return n(H(this.rgba),2)},r.prototype.isDark=function(){return H(this.rgba)<.5},r.prototype.isLight=function(){return H(this.rgba)>=.5},r.prototype.toHex=function(){return r=o(this.rgba),t=r.r,e=r.g,u=r.b,i=(a=r.a)<1?s(n(255*a)):"","#"+s(t)+s(e)+s(u)+i;var r,t,e,u,a,i},r.prototype.toRgb=function(){return o(this.rgba)},r.prototype.toRgbString=function(){return r=o(this.rgba),t=r.r,n=r.g,e=r.b,(u=r.a)<1?"rgba("+t+", "+n+", "+e+", "+u+")":"rgb("+t+", "+n+", "+e+")";var r,t,n,e,u},r.prototype.toHsl=function(){return d(c(this.rgba))},r.prototype.toHslString=function(){return r=d(c(this.rgba)),t=r.h,n=r.s,e=r.l,(u=r.a)<1?"hsla("+t+", "+n+"%, "+e+"%, "+u+")":"hsl("+t+", "+n+"%, "+e+"%)";var r,t,n,e,u},r.prototype.toHsv=function(){return r=h(this.rgba),{h:n(r.h),s:n(r.s),v:n(r.v),a:n(r.a,3)};var r},r.prototype.invert=function(){return w({r:255-(r=this.rgba).r,g:255-r.g,b:255-r.b,a:r.a});var r},r.prototype.saturate=function(r){return void 0===r&&(r=.1),w(M(this.rgba,r))},r.prototype.desaturate=function(r){return void 0===r&&(r=.1),w(M(this.rgba,-r))},r.prototype.grayscale=function(){return w(M(this.rgba,-1))},r.prototype.lighten=function(r){return void 0===r&&(r=.1),w($(this.rgba,r))},r.prototype.darken=function(r){return void 0===r&&(r=.1),w($(this.rgba,-r))},r.prototype.rotate=function(r){return void 0===r&&(r=15),this.hue(this.hue()+r)},r.prototype.alpha=function(r){return"number"==typeof r?w({r:(t=this.rgba).r,g:t.g,b:t.b,a:r}):n(this.rgba.a,3);var t},r.prototype.hue=function(r){var t=c(this.rgba);return"number"==typeof r?w({h:r,s:t.s,l:t.l,a:t.a}):n(t.h)},r.prototype.isEqual=function(r){return this.toHex()===w(r).toHex()},r}(),w=function(r){return r instanceof j?r:new j(r)},S=[],k=function(r){r.forEach(function(r){S.indexOf(r)<0&&(r(j,y),S.push(r))})},E=function(){return new j({r:255*Math.random(),g:255*Math.random(),b:255*Math.random()})};
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../../node_modules/.pnpm/colord@2.9.3/node_modules/colord/plugins/names.mjs":
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ A: () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__(e,f){var a={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},r={};for(var d in a)r[a[d]]=d;var l={};e.prototype.toName=function(f){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var d,i,n=r[this.toHex()];if(n)return n;if(null==f?void 0:f.closest){var o=this.toRgb(),t=1/0,b="black";if(!l.length)for(var c in a)l[c]=new e(a[c]).toRgb();for(var g in a){var u=(d=o,i=l[g],Math.pow(d.r-i.r,2)+Math.pow(d.g-i.g,2)+Math.pow(d.b-i.b,2));u<t&&(t=u,b=g)}return b}};f.string.push([function(f){var r=f.toLowerCase(),d="transparent"===r?"#0000":a[r];return d?new e(d).toRgb():null},"name"])}
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../../packages/js/components/src/table/stories/table-placeholder.story.tsx":
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ Basic: () => (/* binding */ Basic),
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");
|
|
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/card/card/component.js");
|
|
/* harmony import */ var _woocommerce_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../packages/js/components/src/table/placeholder.tsx");
|
|
/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../packages/js/components/src/table/stories/index.ts");
|
|
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
var Basic = function Basic() {
|
|
return /* @ts-expect-error: size must be one of small, medium, largel, xSmall, extraSmall. */(
|
|
(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A, {
|
|
size: null
|
|
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_woocommerce_components__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A, {
|
|
caption: "Revenue last week",
|
|
headers: _index__WEBPACK_IMPORTED_MODULE_3__/* .headers */ .b3
|
|
}))
|
|
);
|
|
};
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
|
|
title: 'WooCommerce Admin/components/TablePlaceholder',
|
|
component: _woocommerce_components__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A
|
|
});
|
|
Basic.parameters = {
|
|
...Basic.parameters,
|
|
docs: {
|
|
...Basic.parameters?.docs,
|
|
source: {
|
|
originalSource: "() => {\n return /* @ts-expect-error: size must be one of small, medium, largel, xSmall, extraSmall. */(\n <Card size={null}>\n <TablePlaceholder caption=\"Revenue last week\" headers={headers} />\n </Card>\n );\n}",
|
|
...Basic.parameters?.docs?.source
|
|
}
|
|
}
|
|
};
|
|
|
|
/***/ })
|
|
|
|
}]); |