@eightshift/ui-components 4.0.0 → 5.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +101 -101
- package/dist/Button-CvzGKGCo.js +0 -185
- package/dist/Collection-ddre1L5v.js +0 -2332
- package/dist/Color-MV5kBVXr.js +0 -2452
- package/dist/ColorSwatch-BqQfVu4L.js +0 -64
- package/dist/ComboBox-jQ-dk95U.js +0 -1906
- package/dist/Dialog-DX1aiYyE.js +0 -2300
- package/dist/FieldError-52GVSGgC.js +0 -42
- package/dist/FocusScope-Cri5BFRz.js +0 -831
- package/dist/Form-Cq3fu75_.js +0 -5
- package/dist/Group-_emcIVxI.js +0 -48
- package/dist/Heading-B2153VXe.js +0 -16
- package/dist/Hidden-rE6uR-lr.js +0 -41
- package/dist/Input-BxpFEIXV.js +0 -133
- package/dist/Label-icmbmNdI.js +0 -17
- package/dist/List-BYNHbol3.js +0 -593
- package/dist/ListBox-mJ4nQaL7.js +0 -581
- package/dist/NumberFormatter-DA8u1Ot7.js +0 -140
- package/dist/OverlayArrow-BB0CWwdq.js +0 -629
- package/dist/RSPContexts-2lR5GG9p.js +0 -14
- package/dist/Select-aab027f3.esm--EmXjiL3.js +0 -2469
- package/dist/Separator-D9moUgP8.js +0 -322
- package/dist/Slider-rz2XRMGm.js +0 -853
- package/dist/Text-DVSAPY-K.js +0 -16
- package/dist/VisuallyHidden-f9zX67a_.js +0 -48
- package/dist/_commonjsHelpers-CUmg6egw.js +0 -6
- package/dist/assets/index.css +0 -37
- package/dist/assets/style-admin.css +0 -5255
- package/dist/assets/style-editor.css +0 -5255
- package/dist/assets/style.css +0 -5261
- package/dist/assets/wp-font-enhancements.css +0 -8
- package/dist/assets/wp-ui-enhancements.css +0 -299
- package/dist/components/animated-visibility/animated-visibility.js +0 -105
- package/dist/components/base-control/base-control.js +0 -86
- package/dist/components/breakpoint-preview/breakpoint-preview.js +0 -161
- package/dist/components/button/button.js +0 -387
- package/dist/components/checkbox/checkbox.js +0 -320
- package/dist/components/color-pickers/color-picker.js +0 -272
- package/dist/components/color-pickers/color-swatch.js +0 -58
- package/dist/components/color-pickers/gradient-editor.js +0 -534
- package/dist/components/color-pickers/solid-color-picker.js +0 -1567
- package/dist/components/component-toggle/component-toggle.js +0 -158
- package/dist/components/container-panel/container-panel.js +0 -131
- package/dist/components/draggable/draggable-context.js +0 -5
- package/dist/components/draggable/draggable-handle.js +0 -46
- package/dist/components/draggable/draggable.js +0 -6207
- package/dist/components/draggable-list/draggable-list-context.js +0 -5
- package/dist/components/draggable-list/draggable-list-item.js +0 -77
- package/dist/components/draggable-list/draggable-list.js +0 -151
- package/dist/components/expandable/expandable.js +0 -342
- package/dist/components/index.js +0 -137
- package/dist/components/input-field/input-field.js +0 -231
- package/dist/components/item-collection/item-collection.js +0 -59
- package/dist/components/layout/hstack.js +0 -30
- package/dist/components/layout/vstack.js +0 -30
- package/dist/components/link-input/link-input.js +0 -293
- package/dist/components/matrix-align/matrix-align.js +0 -134
- package/dist/components/menu/menu.js +0 -285
- package/dist/components/modal/modal.js +0 -305
- package/dist/components/notice/notice.js +0 -123
- package/dist/components/number-picker/number-picker.js +0 -292
- package/dist/components/option-select/option-select.js +0 -264
- package/dist/components/options-panel/options-panel.js +0 -158
- package/dist/components/placeholders/file-placeholder.js +0 -42
- package/dist/components/placeholders/image-placeholder.js +0 -88
- package/dist/components/placeholders/media-placeholder.js +0 -63
- package/dist/components/popover/popover.js +0 -207
- package/dist/components/radio/radio.js +0 -579
- package/dist/components/repeater/repeater-context.js +0 -5
- package/dist/components/repeater/repeater-item.js +0 -119
- package/dist/components/repeater/repeater.js +0 -280
- package/dist/components/responsive/mini-responsive.js +0 -498
- package/dist/components/responsive/responsive-legacy.js +0 -343
- package/dist/components/responsive/responsive.js +0 -580
- package/dist/components/responsive-preview/responsive-preview.js +0 -123
- package/dist/components/rich-label/rich-label.js +0 -66
- package/dist/components/select/async-multi-select.js +0 -157
- package/dist/components/select/async-single-select.js +0 -137
- package/dist/components/select/custom-select-default-components.js +0 -38
- package/dist/components/select/multi-select-components.js +0 -8
- package/dist/components/select/multi-select.js +0 -151
- package/dist/components/select/react-select-component-wrappers.js +0 -90
- package/dist/components/select/shared.js +0 -26
- package/dist/components/select/single-select.js +0 -131
- package/dist/components/select/styles.js +0 -49
- package/dist/components/select/v2/async-select.js +0 -297
- package/dist/components/select/v2/shared.js +0 -24
- package/dist/components/select/v2/single-select.js +0 -990
- package/dist/components/slider/column-config-slider.js +0 -210
- package/dist/components/slider/slider.js +0 -343
- package/dist/components/slider/utils.js +0 -84
- package/dist/components/spacer/spacer.js +0 -97
- package/dist/components/tabs/tabs.js +0 -702
- package/dist/components/toggle/switch.js +0 -155
- package/dist/components/toggle/toggle.js +0 -64
- package/dist/components/toggle-button/toggle-button.js +0 -324
- package/dist/components/tooltip/tooltip.js +0 -525
- package/dist/context-D2KUdwNL.js +0 -92
- package/dist/default-i18n-CT_oS1Fy.js +0 -922
- package/dist/filterDOMProps-EDDcM64A.js +0 -28
- package/dist/icons/block-icon.js +0 -42
- package/dist/icons/generic-color-swatch.js +0 -113
- package/dist/icons/icons.js +0 -30371
- package/dist/icons/index.js +0 -11
- package/dist/icons/jsx-svg.js +0 -50
- package/dist/index-641ee5b8.esm-BPz6U6sJ.js +0 -3137
- package/dist/index-BKGQ6jGS.js +0 -44
- package/dist/index-BYHhzLf-.js +0 -444
- package/dist/index.js +0 -139
- package/dist/lite-DVmmD_-j.js +0 -7
- package/dist/modifiers.esm-BuJQPI1X.js +0 -31
- package/dist/multi-select-components-BlZZoNXC.js +0 -3744
- package/dist/number-GajL10e1.js +0 -36
- package/dist/react-jsx-parser.min-DZCiis5V.js +0 -11753
- package/dist/react-select-async.esm-CwUoej5h.js +0 -107
- package/dist/react-select.esm-DcwYxadV.js +0 -15
- package/dist/style-admin.js +0 -1
- package/dist/style-editor.js +0 -1
- package/dist/style.js +0 -1
- package/dist/textSelection-0UUS8Yfg.js +0 -46
- package/dist/useButton-BpOKDWEN.js +0 -71
- package/dist/useEvent-B0b-6KBr.js +0 -23
- package/dist/useFocusRing-CV5l3lf6.js +0 -107
- package/dist/useFormReset-C5OggHsw.js +0 -22
- package/dist/useFormValidation-DhDNSjws.js +0 -224
- package/dist/useHover-DwDr6ozG.js +0 -900
- package/dist/useLabel-D7HkNEHT.js +0 -27
- package/dist/useLabels-D8cxd1Z8.js +0 -23
- package/dist/useListState-UGlN5-7P.js +0 -161
- package/dist/useLocalizedStringFormatter-CFP1YZWQ.js +0 -121
- package/dist/useNumberField-CEAj7Mrj.js +0 -1204
- package/dist/useNumberFormatter-321rAb4J.js +0 -13
- package/dist/usePress-DNW8qpY6.js +0 -664
- package/dist/useSingleSelectListState-DC0wWTUM.js +0 -38
- package/dist/useToggle-BrpmSOB-.js +0 -59
- package/dist/useToggleState-CmQX3SoX.js +0 -19
- package/dist/utilities/array-helpers.js +0 -56
- package/dist/utilities/debounce-throttle.js +0 -123
- package/dist/utilities/es-dash.js +0 -376
- package/dist/utilities/index.js +0 -27
- package/dist/utilities/text-helpers.js +0 -136
- package/dist/utils-DkCSC521.js +0 -370
- package/dist/wp/wp-font-enhancements.js +0 -1
- package/dist/wp/wp-ui-enhancements.js +0 -1
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
const $65484d02dcb7eb3e$var$DOMPropNames = /* @__PURE__ */ new Set([
|
|
2
|
-
"id"
|
|
3
|
-
]);
|
|
4
|
-
const $65484d02dcb7eb3e$var$labelablePropNames = /* @__PURE__ */ new Set([
|
|
5
|
-
"aria-label",
|
|
6
|
-
"aria-labelledby",
|
|
7
|
-
"aria-describedby",
|
|
8
|
-
"aria-details"
|
|
9
|
-
]);
|
|
10
|
-
const $65484d02dcb7eb3e$var$linkPropNames = /* @__PURE__ */ new Set([
|
|
11
|
-
"href",
|
|
12
|
-
"hrefLang",
|
|
13
|
-
"target",
|
|
14
|
-
"rel",
|
|
15
|
-
"download",
|
|
16
|
-
"ping",
|
|
17
|
-
"referrerPolicy"
|
|
18
|
-
]);
|
|
19
|
-
const $65484d02dcb7eb3e$var$propRe = /^(data-.*)$/;
|
|
20
|
-
function $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, opts = {}) {
|
|
21
|
-
let { labelable, isLink, propNames } = opts;
|
|
22
|
-
let filteredProps = {};
|
|
23
|
-
for (const prop in props) if (Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || isLink && $65484d02dcb7eb3e$var$linkPropNames.has(prop) || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) || $65484d02dcb7eb3e$var$propRe.test(prop))) filteredProps[prop] = props[prop];
|
|
24
|
-
return filteredProps;
|
|
25
|
-
}
|
|
26
|
-
export {
|
|
27
|
-
$65484d02dcb7eb3e$export$457c3d6518dd4c6f as $
|
|
28
|
-
};
|
package/dist/icons/block-icon.js
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { blockIcons } from "./icons.js";
|
|
3
|
-
/**
|
|
4
|
-
* A component that displays a block icon.
|
|
5
|
-
*
|
|
6
|
-
* Usage:
|
|
7
|
-
*
|
|
8
|
-
* ```jsx
|
|
9
|
-
* import { BlockIcon } from '@eightshift/frontend-libs/scripts';
|
|
10
|
-
*
|
|
11
|
-
* <BlockIcon iconName='es-button' />
|
|
12
|
-
* ```
|
|
13
|
-
*
|
|
14
|
-
* Output:
|
|
15
|
-
*
|
|
16
|
-
* Selected block icon displayed inline.
|
|
17
|
-
* ```html
|
|
18
|
-
* <i><svg ...> ... </svg></i>
|
|
19
|
-
* ```
|
|
20
|
-
*
|
|
21
|
-
* @param {object} props - BlockIcon options.
|
|
22
|
-
* @param {string} props.iconName - Name of the block icon to display.
|
|
23
|
-
*
|
|
24
|
-
* @access public
|
|
25
|
-
*
|
|
26
|
-
* @returns {JSX.Element} The BlockIcon component.
|
|
27
|
-
*
|
|
28
|
-
* @preserve
|
|
29
|
-
*/
|
|
30
|
-
const BlockIcon = (props) => {
|
|
31
|
-
const { iconName } = props;
|
|
32
|
-
return /* @__PURE__ */ jsx(
|
|
33
|
-
"i",
|
|
34
|
-
{
|
|
35
|
-
dangerouslySetInnerHTML: { __html: blockIcons[iconName] },
|
|
36
|
-
style: { lineHeight: 0 }
|
|
37
|
-
}
|
|
38
|
-
);
|
|
39
|
-
};
|
|
40
|
-
export {
|
|
41
|
-
BlockIcon
|
|
42
|
-
};
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useId } from "react";
|
|
3
|
-
const GenericColorSwatch = ({ style }) => {
|
|
4
|
-
const clipId = useId();
|
|
5
|
-
return /* @__PURE__ */ jsxs(
|
|
6
|
-
"svg",
|
|
7
|
-
{
|
|
8
|
-
style,
|
|
9
|
-
width: "20",
|
|
10
|
-
height: "20",
|
|
11
|
-
viewBox: "0 0 20 20",
|
|
12
|
-
fill: "none",
|
|
13
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
-
children: [
|
|
15
|
-
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: `genericColorSwatchShape-${clipId}`, children: /* @__PURE__ */ jsx(
|
|
16
|
-
"rect",
|
|
17
|
-
{
|
|
18
|
-
className: "generic-swatch-icon-color-mask",
|
|
19
|
-
x: "1",
|
|
20
|
-
y: "1",
|
|
21
|
-
width: "18",
|
|
22
|
-
height: "18",
|
|
23
|
-
rx: "2"
|
|
24
|
-
}
|
|
25
|
-
) }) }),
|
|
26
|
-
/* @__PURE__ */ jsxs(
|
|
27
|
-
"g",
|
|
28
|
-
{
|
|
29
|
-
opacity: "var(--checkerboard-opacity, 0)",
|
|
30
|
-
clipPath: `url(#genericColorSwatchShape-${clipId})`,
|
|
31
|
-
className: "generic-swatch-icon-checkerboard-group",
|
|
32
|
-
children: [
|
|
33
|
-
/* @__PURE__ */ jsx(
|
|
34
|
-
"path",
|
|
35
|
-
{
|
|
36
|
-
fill: "#CCC",
|
|
37
|
-
d: "M1 1h3v3H1V1zm0 6h3v3H1zm0 6h3v3H1zM7 1h3v3H7zm0 6h3v3H7zm0 6h3v3H7zm6-12h3v3h-3zm0 6h3v3h-3zm0 6h3v3h-3z"
|
|
38
|
-
}
|
|
39
|
-
),
|
|
40
|
-
/* @__PURE__ */ jsx(
|
|
41
|
-
"path",
|
|
42
|
-
{
|
|
43
|
-
fill: "#fff",
|
|
44
|
-
d: "M4 1h3v3H4zm0 6h3v3H4zm0 6h3v3H4zm6-12h3v3h-3zm0 6h3v3h-3zm0 6h3v3h-3zm6-12h3v3h-3V1zm0 6h3v3h-3zm0 6h3v3h-3z"
|
|
45
|
-
}
|
|
46
|
-
),
|
|
47
|
-
/* @__PURE__ */ jsx(
|
|
48
|
-
"path",
|
|
49
|
-
{
|
|
50
|
-
fill: "#CCC",
|
|
51
|
-
d: "M4 4h3v3H4zm0 6h3v3H4zm0 6h3v3H4zm6-12h3v3h-3zm0 6h3v3h-3zm0 6h3v3h-3zm6-12h3v3h-3zm0 6h3v3h-3zm0 6h3v3h-3v-3z"
|
|
52
|
-
}
|
|
53
|
-
),
|
|
54
|
-
/* @__PURE__ */ jsx(
|
|
55
|
-
"path",
|
|
56
|
-
{
|
|
57
|
-
fill: "#fff",
|
|
58
|
-
d: "M1 4h3v3H1zm0 6h3v3H1zm0 6h3v3H1v-3zM7 4h3v3H7zm0 6h3v3H7zm0 6h3v3H7zm6-12h3v3h-3zm0 6h3v3h-3zm0 6h3v3h-3z"
|
|
59
|
-
}
|
|
60
|
-
)
|
|
61
|
-
]
|
|
62
|
-
}
|
|
63
|
-
),
|
|
64
|
-
/* @__PURE__ */ jsx(
|
|
65
|
-
"rect",
|
|
66
|
-
{
|
|
67
|
-
className: "generic-swatch-icon-color",
|
|
68
|
-
x: "1",
|
|
69
|
-
y: "1",
|
|
70
|
-
width: "18",
|
|
71
|
-
height: "18",
|
|
72
|
-
rx: "2",
|
|
73
|
-
fill: "var(--selected-color, currentColor)",
|
|
74
|
-
stroke: "gray"
|
|
75
|
-
}
|
|
76
|
-
),
|
|
77
|
-
/* @__PURE__ */ jsx(
|
|
78
|
-
"path",
|
|
79
|
-
{
|
|
80
|
-
opacity: "var(--selected-opacity, 0)",
|
|
81
|
-
d: "M4 16 16 4",
|
|
82
|
-
stroke: "gray",
|
|
83
|
-
strokeLinejoin: "round",
|
|
84
|
-
fill: "none"
|
|
85
|
-
}
|
|
86
|
-
),
|
|
87
|
-
/* @__PURE__ */ jsx(
|
|
88
|
-
"circle",
|
|
89
|
-
{
|
|
90
|
-
opacity: "var(--current-opacity, 0)",
|
|
91
|
-
cx: "10",
|
|
92
|
-
cy: "10",
|
|
93
|
-
r: "4.5",
|
|
94
|
-
fill: "#fff"
|
|
95
|
-
}
|
|
96
|
-
),
|
|
97
|
-
/* @__PURE__ */ jsx(
|
|
98
|
-
"circle",
|
|
99
|
-
{
|
|
100
|
-
opacity: "var(--current-opacity, 0)",
|
|
101
|
-
cx: "10",
|
|
102
|
-
cy: "10",
|
|
103
|
-
r: "2.5",
|
|
104
|
-
fill: "#000"
|
|
105
|
-
}
|
|
106
|
-
)
|
|
107
|
-
]
|
|
108
|
-
}
|
|
109
|
-
);
|
|
110
|
-
};
|
|
111
|
-
export {
|
|
112
|
-
GenericColorSwatch
|
|
113
|
-
};
|