@eightshift/ui-components 5.6.1 → 6.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/dist/{Button-CQ5ZZJ2w.js → Button-BXjXzdW_.js} +13 -13
- package/dist/{Dialog-BMgMUQuN.js → Dialog-D8bjn-nh.js} +404 -77
- package/dist/{FieldError-B8BgFmIQ.js → FieldError-DwBG6m1U.js} +2 -2
- package/dist/{FocusScope-B5vxRkHm.js → FocusScope-BMk5oZCk.js} +8 -8
- package/dist/{Heading-B5aEynOM.js → Heading-BmRX4BRL.js} +3 -3
- package/dist/{Hidden-rE6uR-lr.js → Hidden-Rfj-STx7.js} +4 -4
- package/dist/{Input-8yja_IHC.js → Input-CNNksOWg.js} +11 -11
- package/dist/{Label-DWVaNd2E.js → Label-D8a3eYb-.js} +4 -4
- package/dist/{List-BiAnh5G5.js → List-BGHOoFf0.js} +8 -8
- package/dist/{ListBox-DggfiuO_.js → ListBox-Dd37zMvs.js} +40 -41
- package/dist/{OverlayArrow-DraDOoRn.js → OverlayArrow-DokC40S3.js} +6 -6
- package/dist/{PortalProvider---wyKpMr.js → PortalProvider-CHPnqDSH.js} +2 -2
- package/dist/RadioGroup-BVFvITWO.js +371 -0
- package/dist/{SearchField-DWGdCvnn.js → SearchField-CHYnN-jt.js} +16 -16
- package/dist/{SelectionManager-B6-b5NM2.js → SelectionManager-N8X7T_4D.js} +44 -46
- package/dist/{SharedElementTransition-fML-zIv6.js → SharedElementTransition-BDT84GtD.js} +3 -3
- package/dist/{Slider-DfU6bRtH.js → Slider-CL5CM9S8.js} +23 -23
- package/dist/{Text-AxKZjtFm.js → Text-ztX6G1zR.js} +3 -3
- package/dist/{VisuallyHidden-CgnIuZJ2.js → VisuallyHidden-DTUuKFiI.js} +4 -4
- package/dist/assets/style-admin.css +12156 -2
- package/dist/assets/style-editor.css +12156 -2
- package/dist/assets/style.css +12162 -2
- package/dist/assets/wp-overrides/allow-full-width-blocks.css +6 -0
- package/dist/assets/wp-overrides/fix-label-text-case.css +29 -0
- package/dist/assets/wp-overrides/increase-sidebar-width.css +4 -0
- package/dist/assets/wp-overrides/make-block-messages-nicer.css +155 -0
- package/dist/assets/wp-overrides/replace-fonts.css +8 -0
- package/dist/assets/wp-overrides/restyle-tooltips.css +194 -0
- package/dist/assets/wp-overrides/round-corners.css +200 -0
- package/dist/assets/wp-overrides/unify-button-sizes.css +5 -0
- package/dist/clsx-DgYk2OaC.js +16 -0
- package/dist/{Color-WxFE7lQB.js → color-swatch-CFIuSPcO.js} +124 -6
- package/dist/components/animated-visibility/animated-visibility.js +25 -17
- package/dist/components/base-control/base-control.js +8 -5
- package/dist/components/base-control/container.js +204 -0
- package/dist/components/button/button.js +249 -155
- package/dist/components/checkbox/checkbox.js +96 -37
- package/dist/components/color-pickers/color-picker.js +16 -7
- package/dist/components/color-pickers/color-swatch.js +5 -57
- package/dist/components/color-pickers/gradient-editor.js +161 -138
- package/dist/components/color-pickers/solid-color-picker.js +308 -206
- package/dist/components/component-toggle/component-toggle.js +12 -8
- package/dist/components/container-panel/container-panel.js +54 -31
- package/dist/components/draggable/draggable-handle.js +8 -7
- package/dist/components/draggable/draggable.js +2 -2
- package/dist/components/draggable-list/draggable-list-item.js +21 -12
- package/dist/components/draggable-list/draggable-list.js +19 -21
- package/dist/components/expandable/expandable.js +56 -28
- package/dist/components/index.js +7 -21
- package/dist/components/input-field/input-field.js +112 -35
- package/dist/components/item-collection/item-collection.js +1 -1
- package/dist/components/link-input/link-input.js +181 -121
- package/dist/components/matrix-align/matrix-align.js +54 -20
- package/dist/components/menu/menu.js +26 -34
- package/dist/components/modal/modal.js +31 -28
- package/dist/components/notice/notice.js +45 -28
- package/dist/components/number-picker/number-picker.js +151 -101
- package/dist/components/option-select/option-select.js +40 -4
- package/dist/components/options-panel/options-panel.js +52 -25
- package/dist/components/placeholders/file-picker-shell.js +10 -9
- package/dist/components/placeholders/file-placeholder.js +14 -6
- package/dist/components/placeholders/image-placeholder.js +14 -4
- package/dist/components/placeholders/media-placeholder.js +11 -4
- package/dist/components/popover/popover.js +14 -11
- package/dist/components/portal-provider/portal-provider.js +1 -1
- package/dist/components/radio/radio.js +118 -429
- package/dist/components/repeater/repeater-item.js +7 -10
- package/dist/components/repeater/repeater.js +9 -15
- package/dist/components/responsive/mini-responsive.js +53 -61
- package/dist/components/responsive/responsive-legacy.js +1 -1
- package/dist/components/responsive/responsive.js +27 -27
- package/dist/components/responsive-preview/responsive-preview.js +1 -1
- package/dist/components/rich-label/rich-label.js +5 -5
- package/dist/components/select/async-multi-select.js +467 -100
- package/dist/components/select/{v2/async-select.js → async-select.js} +182 -105
- package/dist/components/select/multi-select.js +437 -83
- package/dist/components/select/shared.js +14 -42
- package/dist/components/select/single-select.js +349 -54
- package/dist/components/slider/column-config-slider.js +138 -45
- package/dist/components/slider/slider.js +265 -205
- package/dist/components/slider/utils.js +32 -1
- package/dist/components/smart-image/smart-image.js +25 -4
- package/dist/components/smart-image/worker-inline.js +1 -1
- package/dist/components/spacer/spacer.js +2 -2
- package/dist/components/tabs/tabs.js +370 -101
- package/dist/components/toggle/switch.js +174 -39
- package/dist/components/toggle/toggle.js +6 -3
- package/dist/components/toggle-button/toggle-button.js +140 -56
- package/dist/components/tooltip/tooltip.js +27 -26
- package/dist/{context-DMOmz986.js → context-BQvmiUqb.js} +3 -3
- package/dist/{default-i18n-DBm-GqWM.js → default-i18n-CnQeC5Pl.js} +10 -10
- package/dist/{general-Ck8IV7xJ.js → general-B6pOveVp.js} +11 -10
- package/dist/icons/icons.js +28 -9
- package/dist/icons/jsx-svg.js +1 -1
- package/dist/icons/spinner.js +3 -1
- package/dist/{index-Dq3gT5pW.js → index-BHpUy2Ix.js} +1 -1
- package/dist/{index-D8-Zjpbd.js → index-oFgxU4zs.js} +3 -3
- package/dist/index.js +6 -20
- package/dist/proxy-0B6wWuDe.js +7409 -0
- package/dist/{react-jsx-parser.min-VUl-CuCv.js → react-jsx-parser.min-B_hvYYa1.js} +5 -5
- package/dist/{Select-BvggcFOX.js → shared-DwjRce5e.js} +170 -36
- package/dist/{textSelection-DbCKqaw8.js → textSelection-CwHUtNVX.js} +1 -1
- package/dist/{useButton-v9ngEj50.js → useButton-DdZrS1Kz.js} +3 -3
- package/dist/{useEvent-BifIGnVS.js → useEvent-BD7Olibq.js} +1 -1
- package/dist/{useFilter-BlkUH1Ma.js → useFilter-bhxeEDg8.js} +1 -1
- package/dist/{useFocusRing-Cgm0R4Cf.js → useFocusRing-D3b7Kh4P.js} +1 -1
- package/dist/{useFormReset-yV9VVy9R.js → useFormReset-WUv2PdFO.js} +1 -1
- package/dist/{useFormValidation-CeNsUGWK.js → useFormValidation-DQeXkyLm.js} +2 -2
- package/dist/{useHover-BRDW3y7-.js → useHover-Bycb7BsD.js} +7 -7
- package/dist/{useLabel-C8umX0gk.js → useLabel-Bnv4-T24.js} +2 -2
- package/dist/{useLabels-Cdxi6JSa.js → useLabels-B49ptFDX.js} +1 -1
- package/dist/{useListState-RdLrYsMP.js → useListState-ZKhRO8ML.js} +1 -1
- package/dist/{useLocalizedStringFormatter-eaZiN2tE.js → useLocalizedStringFormatter-NETP-8H8.js} +1 -1
- package/dist/{useNumberField-D16dDfYF.js → useNumberField-D2fUHql3.js} +10 -10
- package/dist/{useNumberFormatter-BCmkV-7c.js → useNumberFormatter-DGvuRCn7.js} +1 -1
- package/dist/{usePress-DJskZBH9.js → usePress-B8OteQMu.js} +6 -6
- package/dist/{useSingleSelectListState-n0AVMr3Y.js → useSingleSelectListState-BBTu4shO.js} +2 -2
- package/dist/{useToggle-DSBDAfdw.js → useToggle-BZhaYwZl.js} +4 -4
- package/dist/{useToggleState-CzN79ary.js → useToggleState-VkXJjsru.js} +1 -1
- package/dist/utilities/general.js +1 -1
- package/dist/utilities/index.js +1 -1
- package/dist/{utils-cvK1vxO7.js → utils-DGpXyJOJ.js} +29 -42
- package/dist/workers/image-analysis.worker.js +3 -3
- package/package.json +26 -22
- package/dist/ColorSwatch-xVS3rMYS.js +0 -66
- package/dist/Select-ef7c0426.esm-CmTkSxDx.js +0 -2474
- package/dist/Separator-B-xeqOkC.js +0 -344
- package/dist/assets/wp-font-enhancements.css +0 -2
- package/dist/assets/wp-ui-enhancements.css +0 -2
- package/dist/components/select/async-single-select.js +0 -138
- 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/react-select-component-wrappers.js +0 -90
- package/dist/components/select/styles.js +0 -49
- package/dist/components/select/v2/async-multi-select.js +0 -432
- package/dist/components/select/v2/multi-select.js +0 -403
- package/dist/components/select/v2/shared.js +0 -69
- package/dist/components/select/v2/single-select.js +0 -358
- package/dist/index-641ee5b8.esm-DVp0njHa.js +0 -3139
- package/dist/modifiers.esm-BuJQPI1X.js +0 -31
- package/dist/multi-select-components-CT_W0Cy9.js +0 -3744
- package/dist/react-select-async.esm-Zl1LPaPb.js +0 -107
- package/dist/react-select.esm-Bu36HujU.js +0 -15
- package/dist/useDragAndDrop-C08ZXv4F.js +0 -3925
- package/dist/wp/wp-font-enhancements.js +0 -1
- package/dist/wp/wp-ui-enhancements.js +0 -1
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
import { a as _objectWithoutProperties, b as _slicedToArray, h as handleInputChange, d as _objectSpread2, e as _defineProperty, _ as _extends } from "./index-641ee5b8.esm-DVp0njHa.js";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { useRef, useState, useEffect, useCallback, forwardRef } from "react";
|
|
4
|
-
import { u as useStateManager, S as Select } from "./Select-ef7c0426.esm-CmTkSxDx.js";
|
|
5
|
-
import "./index-D8-Zjpbd.js";
|
|
6
|
-
var _excluded = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
|
|
7
|
-
function useAsync(_ref) {
|
|
8
|
-
var _ref$defaultOptions = _ref.defaultOptions, propsDefaultOptions = _ref$defaultOptions === void 0 ? false : _ref$defaultOptions, _ref$cacheOptions = _ref.cacheOptions, cacheOptions = _ref$cacheOptions === void 0 ? false : _ref$cacheOptions, propsLoadOptions = _ref.loadOptions;
|
|
9
|
-
_ref.options;
|
|
10
|
-
var _ref$isLoading = _ref.isLoading, propsIsLoading = _ref$isLoading === void 0 ? false : _ref$isLoading, propsOnInputChange = _ref.onInputChange, _ref$filterOption = _ref.filterOption, filterOption = _ref$filterOption === void 0 ? null : _ref$filterOption, restSelectProps = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
-
var propsInputValue = restSelectProps.inputValue;
|
|
12
|
-
var lastRequest = useRef(void 0);
|
|
13
|
-
var mounted = useRef(false);
|
|
14
|
-
var _useState = useState(Array.isArray(propsDefaultOptions) ? propsDefaultOptions : void 0), _useState2 = _slicedToArray(_useState, 2), defaultOptions = _useState2[0], setDefaultOptions = _useState2[1];
|
|
15
|
-
var _useState3 = useState(typeof propsInputValue !== "undefined" ? propsInputValue : ""), _useState4 = _slicedToArray(_useState3, 2), stateInputValue = _useState4[0], setStateInputValue = _useState4[1];
|
|
16
|
-
var _useState5 = useState(propsDefaultOptions === true), _useState6 = _slicedToArray(_useState5, 2), isLoading = _useState6[0], setIsLoading = _useState6[1];
|
|
17
|
-
var _useState7 = useState(void 0), _useState8 = _slicedToArray(_useState7, 2), loadedInputValue = _useState8[0], setLoadedInputValue = _useState8[1];
|
|
18
|
-
var _useState9 = useState([]), _useState10 = _slicedToArray(_useState9, 2), loadedOptions = _useState10[0], setLoadedOptions = _useState10[1];
|
|
19
|
-
var _useState11 = useState(false), _useState12 = _slicedToArray(_useState11, 2), passEmptyOptions = _useState12[0], setPassEmptyOptions = _useState12[1];
|
|
20
|
-
var _useState13 = useState({}), _useState14 = _slicedToArray(_useState13, 2), optionsCache = _useState14[0], setOptionsCache = _useState14[1];
|
|
21
|
-
var _useState15 = useState(void 0), _useState16 = _slicedToArray(_useState15, 2), prevDefaultOptions = _useState16[0], setPrevDefaultOptions = _useState16[1];
|
|
22
|
-
var _useState17 = useState(void 0), _useState18 = _slicedToArray(_useState17, 2), prevCacheOptions = _useState18[0], setPrevCacheOptions = _useState18[1];
|
|
23
|
-
if (cacheOptions !== prevCacheOptions) {
|
|
24
|
-
setOptionsCache({});
|
|
25
|
-
setPrevCacheOptions(cacheOptions);
|
|
26
|
-
}
|
|
27
|
-
if (propsDefaultOptions !== prevDefaultOptions) {
|
|
28
|
-
setDefaultOptions(Array.isArray(propsDefaultOptions) ? propsDefaultOptions : void 0);
|
|
29
|
-
setPrevDefaultOptions(propsDefaultOptions);
|
|
30
|
-
}
|
|
31
|
-
useEffect(function() {
|
|
32
|
-
mounted.current = true;
|
|
33
|
-
return function() {
|
|
34
|
-
mounted.current = false;
|
|
35
|
-
};
|
|
36
|
-
}, []);
|
|
37
|
-
var loadOptions = useCallback(function(inputValue, callback) {
|
|
38
|
-
if (!propsLoadOptions) return callback();
|
|
39
|
-
var loader = propsLoadOptions(inputValue, callback);
|
|
40
|
-
if (loader && typeof loader.then === "function") {
|
|
41
|
-
loader.then(callback, function() {
|
|
42
|
-
return callback();
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
}, [propsLoadOptions]);
|
|
46
|
-
useEffect(function() {
|
|
47
|
-
if (propsDefaultOptions === true) {
|
|
48
|
-
loadOptions(stateInputValue, function(options2) {
|
|
49
|
-
if (!mounted.current) return;
|
|
50
|
-
setDefaultOptions(options2 || []);
|
|
51
|
-
setIsLoading(!!lastRequest.current);
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
}, []);
|
|
55
|
-
var onInputChange = useCallback(function(newValue, actionMeta) {
|
|
56
|
-
var inputValue = handleInputChange(newValue, actionMeta, propsOnInputChange);
|
|
57
|
-
if (!inputValue) {
|
|
58
|
-
lastRequest.current = void 0;
|
|
59
|
-
setStateInputValue("");
|
|
60
|
-
setLoadedInputValue("");
|
|
61
|
-
setLoadedOptions([]);
|
|
62
|
-
setIsLoading(false);
|
|
63
|
-
setPassEmptyOptions(false);
|
|
64
|
-
return;
|
|
65
|
-
}
|
|
66
|
-
if (cacheOptions && optionsCache[inputValue]) {
|
|
67
|
-
setStateInputValue(inputValue);
|
|
68
|
-
setLoadedInputValue(inputValue);
|
|
69
|
-
setLoadedOptions(optionsCache[inputValue]);
|
|
70
|
-
setIsLoading(false);
|
|
71
|
-
setPassEmptyOptions(false);
|
|
72
|
-
} else {
|
|
73
|
-
var request = lastRequest.current = {};
|
|
74
|
-
setStateInputValue(inputValue);
|
|
75
|
-
setIsLoading(true);
|
|
76
|
-
setPassEmptyOptions(!loadedInputValue);
|
|
77
|
-
loadOptions(inputValue, function(options2) {
|
|
78
|
-
if (!mounted) return;
|
|
79
|
-
if (request !== lastRequest.current) return;
|
|
80
|
-
lastRequest.current = void 0;
|
|
81
|
-
setIsLoading(false);
|
|
82
|
-
setLoadedInputValue(inputValue);
|
|
83
|
-
setLoadedOptions(options2 || []);
|
|
84
|
-
setPassEmptyOptions(false);
|
|
85
|
-
setOptionsCache(options2 ? _objectSpread2(_objectSpread2({}, optionsCache), {}, _defineProperty({}, inputValue, options2)) : optionsCache);
|
|
86
|
-
});
|
|
87
|
-
}
|
|
88
|
-
}, [cacheOptions, loadOptions, loadedInputValue, optionsCache, propsOnInputChange]);
|
|
89
|
-
var options = passEmptyOptions ? [] : stateInputValue && loadedInputValue ? loadedOptions : defaultOptions || [];
|
|
90
|
-
return _objectSpread2(_objectSpread2({}, restSelectProps), {}, {
|
|
91
|
-
options,
|
|
92
|
-
isLoading: isLoading || propsIsLoading,
|
|
93
|
-
onInputChange,
|
|
94
|
-
filterOption
|
|
95
|
-
});
|
|
96
|
-
}
|
|
97
|
-
var AsyncSelect = /* @__PURE__ */ forwardRef(function(props, ref) {
|
|
98
|
-
var stateManagedProps = useAsync(props);
|
|
99
|
-
var selectProps = useStateManager(stateManagedProps);
|
|
100
|
-
return /* @__PURE__ */ React.createElement(Select, _extends({
|
|
101
|
-
ref
|
|
102
|
-
}, selectProps));
|
|
103
|
-
});
|
|
104
|
-
var AsyncSelect$1 = AsyncSelect;
|
|
105
|
-
export {
|
|
106
|
-
AsyncSelect$1 as A
|
|
107
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { u as useStateManager, S as Select } from "./Select-ef7c0426.esm-CmTkSxDx.js";
|
|
2
|
-
import { _ as _extends } from "./index-641ee5b8.esm-DVp0njHa.js";
|
|
3
|
-
import * as React from "react";
|
|
4
|
-
import { forwardRef } from "react";
|
|
5
|
-
import "./index-D8-Zjpbd.js";
|
|
6
|
-
var StateManagedSelect = /* @__PURE__ */ forwardRef(function(props, ref) {
|
|
7
|
-
var baseSelectProps = useStateManager(props);
|
|
8
|
-
return /* @__PURE__ */ React.createElement(Select, _extends({
|
|
9
|
-
ref
|
|
10
|
-
}, baseSelectProps));
|
|
11
|
-
});
|
|
12
|
-
var StateManagedSelect$1 = StateManagedSelect;
|
|
13
|
-
export {
|
|
14
|
-
StateManagedSelect$1 as S
|
|
15
|
-
};
|