@eightshift/ui-components 0.0.1
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/README.md +27 -0
- package/dist/Checkbox-BLcVbhiO.js +178 -0
- package/dist/ColorSwatch-Cmlex_kT.js +66 -0
- package/dist/FieldError-wtMA4667.js +42 -0
- package/dist/FocusScope-1u9yyfIN.js +725 -0
- package/dist/Form-Cq3fu75_.js +5 -0
- package/dist/GridList-BZPXp3_O.js +1256 -0
- package/dist/Group-DyqpTRPe.js +49 -0
- package/dist/Input-jsbb4ugq.js +130 -0
- package/dist/Label-BPzS-sR7.js +17 -0
- package/dist/ListBox-w9gDaJkV.js +4423 -0
- package/dist/LiveAnnouncer-IsokfWQ5.js +73 -0
- package/dist/NumberFormatter-LzoKy975.js +160 -0
- package/dist/RSPContexts-CrNYmadY.js +14 -0
- package/dist/Select-49a62830.esm-C-RFtLiD.js +2541 -0
- package/dist/SelectionManager-mefd0ThJ.js +2155 -0
- package/dist/Separator-DHn0CwdK.js +325 -0
- package/dist/Slider-Pyh2V4bY.js +885 -0
- package/dist/Text-BM136LvS.js +17 -0
- package/dist/VisuallyHidden-BYRI1Lfo.js +51 -0
- package/dist/_commonjsHelpers-CUmg6egw.js +6 -0
- package/dist/ariaHideOutside-ByKBPHmX.js +113 -0
- package/dist/assets/style.css +1 -0
- package/dist/button-BkkdyHfJ.js +307 -0
- package/dist/components/animated-visibility/animated-visibility.js +7165 -0
- package/dist/components/base-control/base-control.js +97 -0
- package/dist/components/breakpoint-preview/breakpoint-preview.js +218 -0
- package/dist/components/button/button.js +10 -0
- package/dist/components/checkbox/checkbox.js +119 -0
- package/dist/components/color-pickers/color-picker.js +242 -0
- package/dist/components/color-pickers/color-swatch.js +62 -0
- package/dist/components/color-pickers/gradient-editor.js +516 -0
- package/dist/components/color-pickers/solid-color-picker.js +1633 -0
- package/dist/components/component-toggle/component-toggle.js +71 -0
- package/dist/components/container-panel/container-panel.js +39 -0
- package/dist/components/expandable/expandable.js +144 -0
- package/dist/components/input-field/input-field.js +224 -0
- package/dist/components/link-input/link-input.js +937 -0
- package/dist/components/list-box/list-box.js +152 -0
- package/dist/components/matrix-align/matrix-align.js +185 -0
- package/dist/components/menu/menu.js +1608 -0
- package/dist/components/notice/notice.js +119 -0
- package/dist/components/number-picker/number-picker.js +277 -0
- package/dist/components/popover/popover.js +9 -0
- package/dist/components/radio/radio.js +552 -0
- package/dist/components/repeater/repeater-item.js +127 -0
- package/dist/components/repeater/repeater.js +248 -0
- package/dist/components/responsive/responsive-legacy.js +326 -0
- package/dist/components/responsive/responsive.js +499 -0
- package/dist/components/responsive-preview/responsive-preview.js +119 -0
- package/dist/components/rich-label/rich-label.js +56 -0
- package/dist/components/select/async-multi-select.js +144 -0
- package/dist/components/select/async-single-select.js +126 -0
- package/dist/components/select/custom-select-default-components.js +38 -0
- package/dist/components/select/multi-select-components.js +8 -0
- package/dist/components/select/multi-select.js +134 -0
- package/dist/components/select/react-select-component-wrappers.js +90 -0
- package/dist/components/select/shared.js +45 -0
- package/dist/components/select/single-select.js +116 -0
- package/dist/components/select/styles.js +55 -0
- package/dist/components/slider/column-config-slider.js +225 -0
- package/dist/components/slider/slider.js +362 -0
- package/dist/components/slider/utils.js +45 -0
- package/dist/components/spacer/spacer.js +93 -0
- package/dist/components/tabs/tabs.js +626 -0
- package/dist/components/toggle/switch.js +140 -0
- package/dist/components/toggle/toggle.js +58 -0
- package/dist/components/toggle-button/toggle-button.js +206 -0
- package/dist/components/tooltip/tooltip.js +10 -0
- package/dist/context-jMy6xdVq.js +98 -0
- package/dist/default-i18n-BhE-OUmt.js +873 -0
- package/dist/filterDOMProps-DG2RfOUr.js +30 -0
- package/dist/focusSafely-C3K8zAKj.js +743 -0
- package/dist/hooks/use-cell-edit-mode.js +35 -0
- package/dist/icons/block-icon.js +42 -0
- package/dist/icons/generic-color-swatch.js +21 -0
- package/dist/icons/icons.js +3636 -0
- package/dist/index-Bfb9bWcb.js +28844 -0
- package/dist/index-a301f526.esm-Bioi4cGX.js +3576 -0
- package/dist/index.js +109 -0
- package/dist/intlStrings-CUhoK9EN.js +2484 -0
- package/dist/isScrollable-PcyglExV.js +10 -0
- package/dist/modifiers.esm-BuJQPI1X.js +31 -0
- package/dist/multi-select-components-CjVpCNko.js +3677 -0
- package/dist/number-rWqELA8W.js +39 -0
- package/dist/popover-Dx3vKXUX.js +1061 -0
- package/dist/react-select-async.esm-TFb_ZX6C.js +111 -0
- package/dist/react-select.esm-BjRWqf0E.js +15 -0
- package/dist/style.js +1 -0
- package/dist/textSelection-BosCCRVE.js +89 -0
- package/dist/tooltip-CkCndvTI.js +1094 -0
- package/dist/useButton-CuG5UzUw.js +74 -0
- package/dist/useEvent-DHv-yhOH.js +24 -0
- package/dist/useFocusRing-Cc-4eouh.js +41 -0
- package/dist/useFocusable-5q1Gek1J.js +81 -0
- package/dist/useFormReset-Buc9YJcv.js +23 -0
- package/dist/useFormValidationState-BAPPNXic.js +238 -0
- package/dist/useHasTabbableChild-D3uUNhJ0.js +37 -0
- package/dist/useLabel-CGlkoFG0.js +28 -0
- package/dist/useLabels-Dg62M_3P.js +25 -0
- package/dist/useListData-BelKu4kx.js +211 -0
- package/dist/useListState-Domq0blV.js +137 -0
- package/dist/useLocalizedStringFormatter-Prmz0h0A.js +130 -0
- package/dist/useNumberFieldState-BLU3uhSR.js +1253 -0
- package/dist/useNumberFormatter-BLc2xjZn.js +13 -0
- package/dist/usePress-BQgVor4T.js +698 -0
- package/dist/useToggle-C9ETOBaZ.js +58 -0
- package/dist/useToggleState-DJ_z5E2S.js +21 -0
- package/dist/utilities/classnames.js +16 -0
- package/dist/utilities/text-helpers.js +79 -0
- package/dist/utils-BsiH7-5Y.js +488 -0
- package/package.json +71 -0
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
import { a as _objectWithoutProperties, b as _slicedToArray, h as handleInputChange, d as _objectSpread2, e as _defineProperty, _ as _extends } from "./index-a301f526.esm-Bioi4cGX.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-49a62830.esm-C-RFtLiD.js";
|
|
5
|
+
import "./index-Bfb9bWcb.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)
|
|
39
|
+
return callback();
|
|
40
|
+
var loader = propsLoadOptions(inputValue, callback);
|
|
41
|
+
if (loader && typeof loader.then === "function") {
|
|
42
|
+
loader.then(callback, function() {
|
|
43
|
+
return callback();
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
}, [propsLoadOptions]);
|
|
47
|
+
useEffect(function() {
|
|
48
|
+
if (propsDefaultOptions === true) {
|
|
49
|
+
loadOptions(stateInputValue, function(options2) {
|
|
50
|
+
if (!mounted.current)
|
|
51
|
+
return;
|
|
52
|
+
setDefaultOptions(options2 || []);
|
|
53
|
+
setIsLoading(!!lastRequest.current);
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
}, []);
|
|
57
|
+
var onInputChange = useCallback(function(newValue, actionMeta) {
|
|
58
|
+
var inputValue = handleInputChange(newValue, actionMeta, propsOnInputChange);
|
|
59
|
+
if (!inputValue) {
|
|
60
|
+
lastRequest.current = void 0;
|
|
61
|
+
setStateInputValue("");
|
|
62
|
+
setLoadedInputValue("");
|
|
63
|
+
setLoadedOptions([]);
|
|
64
|
+
setIsLoading(false);
|
|
65
|
+
setPassEmptyOptions(false);
|
|
66
|
+
return;
|
|
67
|
+
}
|
|
68
|
+
if (cacheOptions && optionsCache[inputValue]) {
|
|
69
|
+
setStateInputValue(inputValue);
|
|
70
|
+
setLoadedInputValue(inputValue);
|
|
71
|
+
setLoadedOptions(optionsCache[inputValue]);
|
|
72
|
+
setIsLoading(false);
|
|
73
|
+
setPassEmptyOptions(false);
|
|
74
|
+
} else {
|
|
75
|
+
var request = lastRequest.current = {};
|
|
76
|
+
setStateInputValue(inputValue);
|
|
77
|
+
setIsLoading(true);
|
|
78
|
+
setPassEmptyOptions(!loadedInputValue);
|
|
79
|
+
loadOptions(inputValue, function(options2) {
|
|
80
|
+
if (!mounted)
|
|
81
|
+
return;
|
|
82
|
+
if (request !== lastRequest.current)
|
|
83
|
+
return;
|
|
84
|
+
lastRequest.current = void 0;
|
|
85
|
+
setIsLoading(false);
|
|
86
|
+
setLoadedInputValue(inputValue);
|
|
87
|
+
setLoadedOptions(options2 || []);
|
|
88
|
+
setPassEmptyOptions(false);
|
|
89
|
+
setOptionsCache(options2 ? _objectSpread2(_objectSpread2({}, optionsCache), {}, _defineProperty({}, inputValue, options2)) : optionsCache);
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
}, [cacheOptions, loadOptions, loadedInputValue, optionsCache, propsOnInputChange]);
|
|
93
|
+
var options = passEmptyOptions ? [] : stateInputValue && loadedInputValue ? loadedOptions : defaultOptions || [];
|
|
94
|
+
return _objectSpread2(_objectSpread2({}, restSelectProps), {}, {
|
|
95
|
+
options,
|
|
96
|
+
isLoading: isLoading || propsIsLoading,
|
|
97
|
+
onInputChange,
|
|
98
|
+
filterOption
|
|
99
|
+
});
|
|
100
|
+
}
|
|
101
|
+
var AsyncSelect = /* @__PURE__ */ forwardRef(function(props, ref) {
|
|
102
|
+
var stateManagedProps = useAsync(props);
|
|
103
|
+
var selectProps = useStateManager(stateManagedProps);
|
|
104
|
+
return /* @__PURE__ */ React.createElement(Select, _extends({
|
|
105
|
+
ref
|
|
106
|
+
}, selectProps));
|
|
107
|
+
});
|
|
108
|
+
var AsyncSelect$1 = AsyncSelect;
|
|
109
|
+
export {
|
|
110
|
+
AsyncSelect$1 as A
|
|
111
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { u as useStateManager, S as Select } from "./Select-49a62830.esm-C-RFtLiD.js";
|
|
2
|
+
import { _ as _extends } from "./index-a301f526.esm-Bioi4cGX.js";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { forwardRef } from "react";
|
|
5
|
+
import "./index-Bfb9bWcb.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
|
+
};
|
package/dist/style.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './assets/style.css';
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { useRef, useCallback, useEffect } from "react";
|
|
2
|
+
import { j as $c87311424ea30a05$export$fedb369cb70207f1, g as $431fbd86ca7dc216$export$b204af158042fbac, k as $bbed8b41f857bcc0$export$24490316f764c430 } from "./focusSafely-C3K8zAKj.js";
|
|
3
|
+
function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
|
|
4
|
+
let globalListeners = useRef(/* @__PURE__ */ new Map());
|
|
5
|
+
let addGlobalListener = useCallback((eventTarget, type, listener, options) => {
|
|
6
|
+
let fn = (options === null || options === void 0 ? void 0 : options.once) ? (...args) => {
|
|
7
|
+
globalListeners.current.delete(listener);
|
|
8
|
+
listener(...args);
|
|
9
|
+
} : listener;
|
|
10
|
+
globalListeners.current.set(listener, {
|
|
11
|
+
type,
|
|
12
|
+
eventTarget,
|
|
13
|
+
fn,
|
|
14
|
+
options
|
|
15
|
+
});
|
|
16
|
+
eventTarget.addEventListener(type, listener, options);
|
|
17
|
+
}, []);
|
|
18
|
+
let removeGlobalListener = useCallback((eventTarget, type, listener, options) => {
|
|
19
|
+
var _globalListeners_current_get;
|
|
20
|
+
let fn = ((_globalListeners_current_get = globalListeners.current.get(listener)) === null || _globalListeners_current_get === void 0 ? void 0 : _globalListeners_current_get.fn) || listener;
|
|
21
|
+
eventTarget.removeEventListener(type, fn, options);
|
|
22
|
+
globalListeners.current.delete(listener);
|
|
23
|
+
}, []);
|
|
24
|
+
let removeAllGlobalListeners = useCallback(() => {
|
|
25
|
+
globalListeners.current.forEach((value, key) => {
|
|
26
|
+
removeGlobalListener(value.eventTarget, value.type, key, value.options);
|
|
27
|
+
});
|
|
28
|
+
}, [
|
|
29
|
+
removeGlobalListener
|
|
30
|
+
]);
|
|
31
|
+
useEffect(() => {
|
|
32
|
+
return removeAllGlobalListeners;
|
|
33
|
+
}, [
|
|
34
|
+
removeAllGlobalListeners
|
|
35
|
+
]);
|
|
36
|
+
return {
|
|
37
|
+
addGlobalListener,
|
|
38
|
+
removeGlobalListener,
|
|
39
|
+
removeAllGlobalListeners
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
let $14c0b72509d70225$var$state = "default";
|
|
43
|
+
let $14c0b72509d70225$var$savedUserSelect = "";
|
|
44
|
+
let $14c0b72509d70225$var$modifiedElementMap = /* @__PURE__ */ new WeakMap();
|
|
45
|
+
function $14c0b72509d70225$export$16a4697467175487(target) {
|
|
46
|
+
if ($c87311424ea30a05$export$fedb369cb70207f1()) {
|
|
47
|
+
if ($14c0b72509d70225$var$state === "default") {
|
|
48
|
+
const documentObject = $431fbd86ca7dc216$export$b204af158042fbac(target);
|
|
49
|
+
$14c0b72509d70225$var$savedUserSelect = documentObject.documentElement.style.webkitUserSelect;
|
|
50
|
+
documentObject.documentElement.style.webkitUserSelect = "none";
|
|
51
|
+
}
|
|
52
|
+
$14c0b72509d70225$var$state = "disabled";
|
|
53
|
+
} else if (target instanceof HTMLElement || target instanceof SVGElement) {
|
|
54
|
+
$14c0b72509d70225$var$modifiedElementMap.set(target, target.style.userSelect);
|
|
55
|
+
target.style.userSelect = "none";
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
function $14c0b72509d70225$export$b0d6fa1ab32e3295(target) {
|
|
59
|
+
if ($c87311424ea30a05$export$fedb369cb70207f1()) {
|
|
60
|
+
if ($14c0b72509d70225$var$state !== "disabled")
|
|
61
|
+
return;
|
|
62
|
+
$14c0b72509d70225$var$state = "restoring";
|
|
63
|
+
setTimeout(() => {
|
|
64
|
+
$bbed8b41f857bcc0$export$24490316f764c430(() => {
|
|
65
|
+
if ($14c0b72509d70225$var$state === "restoring") {
|
|
66
|
+
const documentObject = $431fbd86ca7dc216$export$b204af158042fbac(target);
|
|
67
|
+
if (documentObject.documentElement.style.webkitUserSelect === "none")
|
|
68
|
+
documentObject.documentElement.style.webkitUserSelect = $14c0b72509d70225$var$savedUserSelect || "";
|
|
69
|
+
$14c0b72509d70225$var$savedUserSelect = "";
|
|
70
|
+
$14c0b72509d70225$var$state = "default";
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
}, 300);
|
|
74
|
+
} else if (target instanceof HTMLElement || target instanceof SVGElement) {
|
|
75
|
+
if (target && $14c0b72509d70225$var$modifiedElementMap.has(target)) {
|
|
76
|
+
let targetOldUserSelect = $14c0b72509d70225$var$modifiedElementMap.get(target);
|
|
77
|
+
if (target.style.userSelect === "none")
|
|
78
|
+
target.style.userSelect = targetOldUserSelect;
|
|
79
|
+
if (target.getAttribute("style") === "")
|
|
80
|
+
target.removeAttribute("style");
|
|
81
|
+
$14c0b72509d70225$var$modifiedElementMap.delete(target);
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
export {
|
|
86
|
+
$03deb23ff14920c4$export$4eaf04e54aa8eed6 as $,
|
|
87
|
+
$14c0b72509d70225$export$b0d6fa1ab32e3295 as a,
|
|
88
|
+
$14c0b72509d70225$export$16a4697467175487 as b
|
|
89
|
+
};
|