@codeleap/web 7.0.1 → 7.0.2
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/components/ActivityIndicator/index.js +34 -16
- package/dist/components/ActivityIndicator/index.js.map +1 -1
- package/dist/components/ActivityIndicator/styles.js +2 -1
- package/dist/components/ActivityIndicator/types.js +2 -1
- package/dist/components/Badge/index.js +42 -24
- package/dist/components/Badge/index.js.map +1 -1
- package/dist/components/Badge/styles.js +2 -1
- package/dist/components/Badge/types.js +2 -1
- package/dist/components/Button/index.js +36 -19
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Button/styles.js +2 -1
- package/dist/components/Button/types.js +2 -1
- package/dist/components/Calendar/index.js +29 -12
- package/dist/components/Calendar/index.js.map +1 -1
- package/dist/components/Calendar/styles.js +2 -1
- package/dist/components/Calendar/types.js +2 -1
- package/dist/components/Carousel/index.js +82 -40
- package/dist/components/Carousel/index.js.map +1 -1
- package/dist/components/Carousel/styles.js +2 -1
- package/dist/components/Carousel/types.js +2 -1
- package/dist/components/Checkbox/index.js +42 -24
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Checkbox/styles.js +2 -1
- package/dist/components/Checkbox/types.js +2 -1
- package/dist/components/Collapse/index.js +35 -17
- package/dist/components/Collapse/index.js.map +1 -1
- package/dist/components/Collapse/styles.js +2 -1
- package/dist/components/Collapse/types.js +2 -1
- package/dist/components/ColorPicker/index.js +51 -33
- package/dist/components/ColorPicker/index.js.map +1 -1
- package/dist/components/ColorPicker/styles.js +2 -1
- package/dist/components/ColorPicker/types.js +2 -1
- package/dist/components/CropPicker/hooks.d.ts +2 -2
- package/dist/components/CropPicker/hooks.js +20 -17
- package/dist/components/CropPicker/hooks.js.map +1 -1
- package/dist/components/CropPicker/index.js +40 -22
- package/dist/components/CropPicker/index.js.map +1 -1
- package/dist/components/CropPicker/styles.js +2 -1
- package/dist/components/CropPicker/types.js +2 -1
- package/dist/components/CropPicker/utils.js +9 -3
- package/dist/components/CropPicker/utils.js.map +1 -1
- package/dist/components/DatePicker/index.js +40 -23
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/DatePicker/styles.js +2 -1
- package/dist/components/DatePicker/types.js +2 -1
- package/dist/components/Drawer/index.js +40 -22
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Drawer/styles.js +2 -1
- package/dist/components/Drawer/types.js +2 -1
- package/dist/components/Dropzone/context.js +16 -11
- package/dist/components/Dropzone/context.js.map +1 -1
- package/dist/components/Dropzone/elements.js +19 -13
- package/dist/components/Dropzone/elements.js.map +1 -1
- package/dist/components/Dropzone/index.js +53 -35
- package/dist/components/Dropzone/index.js.map +1 -1
- package/dist/components/Dropzone/styles.js +2 -1
- package/dist/components/Dropzone/types.js +2 -1
- package/dist/components/Dropzone/useDropzone.js +6 -3
- package/dist/components/Dropzone/useDropzone.js.map +1 -1
- package/dist/components/EmptyPlaceholder/index.js +61 -40
- package/dist/components/EmptyPlaceholder/index.js.map +1 -1
- package/dist/components/EmptyPlaceholder/styles.js +2 -1
- package/dist/components/EmptyPlaceholder/types.js +2 -1
- package/dist/components/Field/context.js +17 -11
- package/dist/components/Field/context.js.map +1 -1
- package/dist/components/Field/elements.js +39 -31
- package/dist/components/Field/elements.js.map +1 -1
- package/dist/components/Field/index.js +41 -23
- package/dist/components/Field/index.js.map +1 -1
- package/dist/components/Field/styles.js +2 -1
- package/dist/components/Field/types.js +2 -1
- package/dist/components/Field/useFieldInput.d.ts +1 -1
- package/dist/components/Field/useFieldInput.js +11 -8
- package/dist/components/Field/useFieldInput.js.map +1 -1
- package/dist/components/FileInput/index.js +32 -14
- package/dist/components/FileInput/index.js.map +1 -1
- package/dist/components/FileInput/types.js +2 -1
- package/dist/components/Icon/index.js +44 -26
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/Icon/styles.js +2 -1
- package/dist/components/Icon/types.js +2 -1
- package/dist/components/List/context.js +25 -20
- package/dist/components/List/context.js.map +1 -1
- package/dist/components/List/elements.js +74 -33
- package/dist/components/List/elements.js.map +1 -1
- package/dist/components/List/index.js +35 -18
- package/dist/components/List/index.js.map +1 -1
- package/dist/components/List/scroll.js +18 -13
- package/dist/components/List/scroll.js.map +1 -1
- package/dist/components/List/styles.js +2 -1
- package/dist/components/List/types.js +2 -1
- package/dist/components/LoadingOverlay/index.js +38 -20
- package/dist/components/LoadingOverlay/index.js.map +1 -1
- package/dist/components/LoadingOverlay/styles.js +2 -1
- package/dist/components/LoadingOverlay/types.js +2 -1
- package/dist/components/MaskedTextInput/index.js +32 -14
- package/dist/components/MaskedTextInput/index.js.map +1 -1
- package/dist/components/MaskedTextInput/mask.js +4 -1
- package/dist/components/MaskedTextInput/mask.js.map +1 -1
- package/dist/components/MaskedTextInput/types.js +2 -1
- package/dist/components/Modal/context.js +14 -9
- package/dist/components/Modal/context.js.map +1 -1
- package/dist/components/Modal/elements.js +31 -23
- package/dist/components/Modal/elements.js.map +1 -1
- package/dist/components/Modal/index.js +40 -22
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Modal/styles.js +2 -1
- package/dist/components/Modal/types.js +2 -1
- package/dist/components/NumberIncrement/index.js +47 -29
- package/dist/components/NumberIncrement/index.js.map +1 -1
- package/dist/components/NumberIncrement/styles.js +2 -1
- package/dist/components/NumberIncrement/types.js +2 -1
- package/dist/components/NumberIncrement/useNumberIncrement.js +24 -21
- package/dist/components/NumberIncrement/useNumberIncrement.js.map +1 -1
- package/dist/components/Overlay/index.js +39 -21
- package/dist/components/Overlay/index.js.map +1 -1
- package/dist/components/Overlay/styles.js +2 -1
- package/dist/components/Overlay/types.js +2 -1
- package/dist/components/PaginationButtons/index.js +44 -26
- package/dist/components/PaginationButtons/index.js.map +1 -1
- package/dist/components/PaginationButtons/styles.js +2 -1
- package/dist/components/PaginationButtons/types.js +2 -1
- package/dist/components/PaginationIndicator/index.js +42 -24
- package/dist/components/PaginationIndicator/index.js.map +1 -1
- package/dist/components/PaginationIndicator/styles.js +2 -1
- package/dist/components/PaginationIndicator/types.js +2 -1
- package/dist/components/Progress/Bar/Segmented.js +23 -19
- package/dist/components/Progress/Bar/Segmented.js.map +1 -1
- package/dist/components/Progress/Bar/index.js +47 -29
- package/dist/components/Progress/Bar/index.js.map +1 -1
- package/dist/components/Progress/Bar/styles.js +2 -1
- package/dist/components/Progress/Bar/types.js +2 -1
- package/dist/components/Progress/Circle/Segmented.js +26 -22
- package/dist/components/Progress/Circle/Segmented.js.map +1 -1
- package/dist/components/Progress/Circle/index.js +48 -30
- package/dist/components/Progress/Circle/index.js.map +1 -1
- package/dist/components/Progress/Circle/styles.js +2 -1
- package/dist/components/Progress/Circle/types.js +2 -1
- package/dist/components/Progress/index.js +18 -2
- package/dist/components/Progress/index.js.map +1 -1
- package/dist/components/Progress/utils.js +4 -1
- package/dist/components/Progress/utils.js.map +1 -1
- package/dist/components/RadioInput/index.js +47 -26
- package/dist/components/RadioInput/index.js.map +1 -1
- package/dist/components/RadioInput/styles.js +2 -1
- package/dist/components/RadioInput/types.js +2 -1
- package/dist/components/SearchInput/index.js +51 -14
- package/dist/components/SearchInput/index.js.map +1 -1
- package/dist/components/SectionFilters/index.js +56 -38
- package/dist/components/SectionFilters/index.js.map +1 -1
- package/dist/components/SectionFilters/styles.js +2 -1
- package/dist/components/SectionFilters/types.js +2 -1
- package/dist/components/Select/context.js +50 -44
- package/dist/components/Select/context.js.map +1 -1
- package/dist/components/Select/elements.js +29 -23
- package/dist/components/Select/elements.js.map +1 -1
- package/dist/components/Select/index.js +41 -24
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/styles.js +2 -1
- package/dist/components/Select/types.js +2 -1
- package/dist/components/Select/useTriggerWidth.js +9 -6
- package/dist/components/Select/useTriggerWidth.js.map +1 -1
- package/dist/components/Slider/index.js +68 -47
- package/dist/components/Slider/index.js.map +1 -1
- package/dist/components/Slider/styles.js +2 -1
- package/dist/components/Slider/types.js +2 -1
- package/dist/components/Switch/index.js +40 -22
- package/dist/components/Switch/index.js.map +1 -1
- package/dist/components/Switch/styles.js +2 -1
- package/dist/components/Switch/types.js +2 -1
- package/dist/components/Tag/index.js +55 -34
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Tag/styles.js +2 -1
- package/dist/components/Tag/types.js +2 -1
- package/dist/components/Text/index.js +48 -27
- package/dist/components/Text/index.js.map +1 -1
- package/dist/components/Text/styles.js +2 -1
- package/dist/components/Text/types.js +2 -1
- package/dist/components/TextEditor/index.js +50 -29
- package/dist/components/TextEditor/index.js.map +1 -1
- package/dist/components/TextEditor/styles.js +2 -1
- package/dist/components/TextEditor/types.js +2 -1
- package/dist/components/TextInput/index.js +49 -28
- package/dist/components/TextInput/index.js.map +1 -1
- package/dist/components/TextInput/styles.js +2 -1
- package/dist/components/TextInput/types.js +2 -1
- package/dist/components/TextInput/useTextInput.d.ts +2 -2
- package/dist/components/TextInput/useTextInput.js +15 -12
- package/dist/components/TextInput/useTextInput.js.map +1 -1
- package/dist/components/Tooltip/index.js +54 -33
- package/dist/components/Tooltip/index.js.map +1 -1
- package/dist/components/Tooltip/styles.js +2 -1
- package/dist/components/Tooltip/types.js +2 -1
- package/dist/components/Touchable/index.js +41 -21
- package/dist/components/Touchable/index.js.map +1 -1
- package/dist/components/Touchable/styles.js +2 -1
- package/dist/components/Touchable/types.js +2 -1
- package/dist/components/View/index.js +32 -15
- package/dist/components/View/index.js.map +1 -1
- package/dist/components/View/styles.js +2 -1
- package/dist/components/View/types.js +2 -1
- package/dist/components/components.js +57 -41
- package/dist/components/components.js.map +1 -1
- package/dist/index.js +20 -4
- package/dist/index.js.map +1 -1
- package/dist/lib/ListMasonry.js +31 -22
- package/dist/lib/ListMasonry.js.map +1 -1
- package/dist/lib/ThemeVariables.js +11 -6
- package/dist/lib/ThemeVariables.js.map +1 -1
- package/dist/lib/WebStyleRegistry.js +7 -3
- package/dist/lib/WebStyleRegistry.js.map +1 -1
- package/dist/lib/hooks/index.js +38 -22
- package/dist/lib/hooks/index.js.map +1 -1
- package/dist/lib/hooks/useAnimatedStyle.js +9 -5
- package/dist/lib/hooks/useAnimatedStyle.js.map +1 -1
- package/dist/lib/hooks/useAnimatedVariantStyles.js +9 -6
- package/dist/lib/hooks/useAnimatedVariantStyles.js.map +1 -1
- package/dist/lib/hooks/useAsyncSelect.js +11 -8
- package/dist/lib/hooks/useAsyncSelect.js.map +1 -1
- package/dist/lib/hooks/useBreakpointMatch.js +22 -19
- package/dist/lib/hooks/useBreakpointMatch.js.map +1 -1
- package/dist/lib/hooks/useClick.js +10 -7
- package/dist/lib/hooks/useClick.js.map +1 -1
- package/dist/lib/hooks/useClickOutside.js +7 -4
- package/dist/lib/hooks/useClickOutside.js.map +1 -1
- package/dist/lib/hooks/useFileInput.js +7 -3
- package/dist/lib/hooks/useFileInput.js.map +1 -1
- package/dist/lib/hooks/useIsomorphicEffect.js +5 -2
- package/dist/lib/hooks/useIsomorphicEffect.js.map +1 -1
- package/dist/lib/hooks/useKeydown.js +13 -9
- package/dist/lib/hooks/useKeydown.js.map +1 -1
- package/dist/lib/hooks/useListFocus.js +7 -4
- package/dist/lib/hooks/useListFocus.js.map +1 -1
- package/dist/lib/hooks/useMediaQuery.js +11 -8
- package/dist/lib/hooks/useMediaQuery.js.map +1 -1
- package/dist/lib/hooks/usePageExitBlocker.js +10 -6
- package/dist/lib/hooks/usePageExitBlocker.js.map +1 -1
- package/dist/lib/hooks/usePagination.js +13 -10
- package/dist/lib/hooks/usePagination.js.map +1 -1
- package/dist/lib/hooks/usePopState.js +9 -5
- package/dist/lib/hooks/usePopState.js.map +1 -1
- package/dist/lib/hooks/usePopoverDismiss.js +8 -5
- package/dist/lib/hooks/usePopoverDismiss.js.map +1 -1
- package/dist/lib/hooks/useRefresh.js +16 -9
- package/dist/lib/hooks/useRefresh.js.map +1 -1
- package/dist/lib/hooks/useScrollEffect.js +6 -3
- package/dist/lib/hooks/useScrollEffect.js.map +1 -1
- package/dist/lib/hooks/useSearchParams.js +10 -7
- package/dist/lib/hooks/useSearchParams.js.map +1 -1
- package/dist/lib/hooks/useStaticAnimationStyles.js +6 -3
- package/dist/lib/hooks/useStaticAnimationStyles.js.map +1 -1
- package/dist/lib/hooks/useStylesFor.js +13 -9
- package/dist/lib/hooks/useStylesFor.js.map +1 -1
- package/dist/lib/hooks/useTouchableEvents.js +7 -4
- package/dist/lib/hooks/useTouchableEvents.js.map +1 -1
- package/dist/lib/hooks/useWindowFocus.js +11 -7
- package/dist/lib/hooks/useWindowFocus.js.map +1 -1
- package/dist/lib/hooks/useWindowSize.js +10 -7
- package/dist/lib/hooks/useWindowSize.js.map +1 -1
- package/dist/lib/index.js +22 -6
- package/dist/lib/index.js.map +1 -1
- package/dist/lib/tools/index.js +19 -3
- package/dist/lib/tools/index.js.map +1 -1
- package/dist/lib/tools/localStorage.js +12 -8
- package/dist/lib/tools/localStorage.js.map +1 -1
- package/dist/lib/tools/mediaQuery.js +8 -3
- package/dist/lib/tools/mediaQuery.js.map +1 -1
- package/dist/lib/tools/modal.js +18 -13
- package/dist/lib/tools/modal.js.map +1 -1
- package/dist/lib/utils/attributes.js +6 -3
- package/dist/lib/utils/attributes.js.map +1 -1
- package/dist/lib/utils/cache.d.ts +2 -2
- package/dist/lib/utils/cache.js +11 -4
- package/dist/lib/utils/cache.js.map +1 -1
- package/dist/lib/utils/index.js +21 -5
- package/dist/lib/utils/index.js.map +1 -1
- package/dist/lib/utils/pollyfils/scroll.js +5 -1
- package/dist/lib/utils/pollyfils/scroll.js.map +1 -1
- package/dist/lib/utils/stopPropagation.js +4 -1
- package/dist/lib/utils/stopPropagation.js.map +1 -1
- package/dist/lib/utils/test.js +7 -3
- package/dist/lib/utils/test.js.map +1 -1
- package/dist/types/index.js +17 -1
- package/dist/types/index.js.map +1 -1
- package/dist/types/utility.js +2 -1
- package/package.json +1 -1
|
@@ -1,15 +1,32 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.Select = Select;
|
|
18
|
+
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
19
|
+
const Field_1 = require("../Field");
|
|
20
|
+
const WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
|
|
21
|
+
const context_1 = require("./context");
|
|
22
|
+
const elements_1 = require("./elements");
|
|
23
|
+
__exportStar(require("./styles"), exports);
|
|
24
|
+
__exportStar(require("./types"), exports);
|
|
25
|
+
__exportStar(require("./context"), exports);
|
|
26
|
+
__exportStar(require("./elements"), exports);
|
|
10
27
|
function SelectInner(props) {
|
|
11
|
-
const { styles } = useSelectContext();
|
|
12
|
-
return (
|
|
28
|
+
const { styles } = (0, context_1.useSelectContext)();
|
|
29
|
+
return ((0, jsx_runtime_1.jsxs)(Field_1.Field.Wrapper, { style: styles.wrapper, children: [(0, jsx_runtime_1.jsx)(Field_1.Field.Heading, { style: styles.heading }), (0, jsx_runtime_1.jsx)(elements_1.SelectTrigger, {}), (0, jsx_runtime_1.jsx)(elements_1.SelectPopover, { children: (0, jsx_runtime_1.jsx)(elements_1.SelectList, { renderItem: props.renderItem, renderEmpty: props.renderEmpty }) }), (0, jsx_runtime_1.jsx)(Field_1.Field.Helper, { style: styles.helper })] }));
|
|
13
30
|
}
|
|
14
31
|
/**
|
|
15
32
|
* Accessible dropdown select field supporting both single and multi-select modes, field layout, and validation.
|
|
@@ -18,17 +35,17 @@ function SelectInner(props) {
|
|
|
18
35
|
* and a typed factory `Select.of<T, Multi>()` for composing custom select UIs without casting.
|
|
19
36
|
* Uses: `SelectProvider`, `SelectTrigger`, `SelectPopover`, `SelectList`, `Field.Wrapper`, `Field.Heading`, `Field.Helper`
|
|
20
37
|
*/
|
|
21
|
-
|
|
38
|
+
function Select(props) {
|
|
22
39
|
const allProps = {
|
|
23
40
|
...Select.defaultProps,
|
|
24
41
|
...props
|
|
25
42
|
};
|
|
26
|
-
return (
|
|
43
|
+
return ((0, jsx_runtime_1.jsx)(context_1.SelectProvider, { ...allProps, children: (0, jsx_runtime_1.jsx)(SelectInner, { ...allProps }) }));
|
|
27
44
|
}
|
|
28
45
|
Select.displayName = 'Select';
|
|
29
46
|
Select.styleRegistryName = 'Select';
|
|
30
47
|
Select.elements = [
|
|
31
|
-
...Field.elements,
|
|
48
|
+
...Field_1.Field.elements,
|
|
32
49
|
'trigger', 'value',
|
|
33
50
|
'popover', 'list', 'listItem', 'listItemText',
|
|
34
51
|
'emptyState', 'placeholder'
|
|
@@ -38,16 +55,16 @@ Select.defaultProps = {
|
|
|
38
55
|
separatorMultiValue: ', ',
|
|
39
56
|
options: [],
|
|
40
57
|
};
|
|
41
|
-
Select.Provider = SelectProvider;
|
|
42
|
-
Select.Trigger = SelectTrigger;
|
|
43
|
-
Select.Popover = SelectPopover;
|
|
44
|
-
Select.List = SelectList;
|
|
45
|
-
Select.useContext = useSelectContext;
|
|
58
|
+
Select.Provider = context_1.SelectProvider;
|
|
59
|
+
Select.Trigger = elements_1.SelectTrigger;
|
|
60
|
+
Select.Popover = elements_1.SelectPopover;
|
|
61
|
+
Select.List = elements_1.SelectList;
|
|
62
|
+
Select.useContext = context_1.useSelectContext;
|
|
46
63
|
Select.of = () => ({
|
|
47
|
-
Provider: SelectProvider,
|
|
48
|
-
List: SelectList,
|
|
49
|
-
Trigger: SelectTrigger,
|
|
50
|
-
Popover: SelectPopover,
|
|
64
|
+
Provider: context_1.SelectProvider,
|
|
65
|
+
List: elements_1.SelectList,
|
|
66
|
+
Trigger: elements_1.SelectTrigger,
|
|
67
|
+
Popover: elements_1.SelectPopover,
|
|
51
68
|
});
|
|
52
|
-
WebStyleRegistry.registerComponent(Select);
|
|
69
|
+
WebStyleRegistry_1.WebStyleRegistry.registerComponent(Select);
|
|
53
70
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAuCA,wBAaC;;AAnDD,oCAAgC;AAChC,iEAA6D;AAE7D,uCAA4D;AAC5D,yCAAqE;AAErE,2CAAwB;AACxB,0CAAuB;AACvB,4CAAyB;AACzB,6CAA0B;AAE1B,SAAS,WAAW,CAGlB,KAA4B;IAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,0BAAgB,GAAE,CAAA;IACrC,OAAO,CACL,wBAAC,aAAK,CAAC,OAAO,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,aAClC,uBAAC,aAAK,CAAC,OAAO,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,GAAI,EACxC,uBAAC,wBAAa,KAAG,EACjB,uBAAC,wBAAa,cACZ,uBAAC,qBAAU,IACT,UAAU,EAAE,KAAK,CAAC,UAA8C,EAChE,WAAW,EAAE,KAAK,CAAC,WAAgD,GACnE,GACY,EAChB,uBAAC,aAAK,CAAC,MAAM,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,GAAI,IACxB,CACjB,CAAA;AACH,CAAC;AAED;;;;;;GAMG;AACH,SAAgB,MAAM,CAGpB,KAA4B;IAC5B,MAAM,QAAQ,GAAG;QACf,GAAG,MAAM,CAAC,YAAY;QACtB,GAAG,KAAK;KACgB,CAAA;IAC1B,OAAO,CACL,uBAAC,wBAAc,OAAM,QAAgC,YACnD,uBAAC,WAAW,OAAe,QAAQ,GAAI,GACxB,CAClB,CAAA;AACH,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAC7B,MAAM,CAAC,iBAAiB,GAAG,QAAQ,CAAA;AACnC,MAAM,CAAC,QAAQ,GAAG;IAChB,GAAG,aAAK,CAAC,QAAQ;IACjB,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc;IAC7C,YAAY,EAAE,aAAa;CAC5B,CAAA;AACD,MAAM,CAAC,WAAW,GAAG,SAAS,CAAA;AAC9B,MAAM,CAAC,YAAY,GAAG;IACpB,mBAAmB,EAAE,IAAI;IACzB,OAAO,EAAE,EAAE;CACsB,CAAA;AAEnC,MAAM,CAAC,QAAQ,GAAG,wBAAc,CAAA;AAChC,MAAM,CAAC,OAAO,GAAG,wBAAa,CAAA;AAC9B,MAAM,CAAC,OAAO,GAAG,wBAAa,CAAA;AAC9B,MAAM,CAAC,IAAI,GAAG,qBAAU,CAAA;AACxB,MAAM,CAAC,UAAU,GAAG,0BAAgB,CAAA;AAEpC,MAAM,CAAC,EAAE,GAAG,GAGR,EAAE,CAAC,CAAC;IACN,QAAQ,EAAE,wBAA6F;IACvG,IAAI,EAAE,qBAAqD;IAC3D,OAAO,EAAE,wBAAa;IACtB,OAAO,EAAE,wBAAa;CACvB,CAAC,CAAA;AAEF,mCAAgB,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAA"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useTriggerWidth = useTriggerWidth;
|
|
4
|
+
const react_1 = require("react");
|
|
2
5
|
// Workaround for https://github.com/adobe/react-spectrum/pull/9913
|
|
3
6
|
// RAC <=1.17 only sets --trigger-width in built-in trigger components, not standalone Popovers.
|
|
4
7
|
// Remove once upgraded to 1.18+.
|
|
@@ -7,14 +10,14 @@ import { useCallback, useLayoutEffect, useEffect, useState } from 'react';
|
|
|
7
10
|
* `--trigger-width` so that `SelectPopover` can match the trigger's width.
|
|
8
11
|
* Uses a `ResizeObserver` to keep the value up-to-date on layout changes.
|
|
9
12
|
*/
|
|
10
|
-
|
|
11
|
-
const [width, setWidth] = useState(null);
|
|
12
|
-
const measure = useCallback(() => {
|
|
13
|
+
function useTriggerWidth(ref) {
|
|
14
|
+
const [width, setWidth] = (0, react_1.useState)(null);
|
|
15
|
+
const measure = (0, react_1.useCallback)(() => {
|
|
13
16
|
if (ref.current)
|
|
14
17
|
setWidth(ref.current.getBoundingClientRect().width + 'px');
|
|
15
18
|
}, [ref]);
|
|
16
|
-
useLayoutEffect(measure, [measure]);
|
|
17
|
-
useEffect(() => {
|
|
19
|
+
(0, react_1.useLayoutEffect)(measure, [measure]);
|
|
20
|
+
(0, react_1.useEffect)(() => {
|
|
18
21
|
const el = ref.current;
|
|
19
22
|
if (!el || typeof ResizeObserver === 'undefined')
|
|
20
23
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTriggerWidth.js","sourceRoot":"","sources":["../../../src/components/Select/useTriggerWidth.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useTriggerWidth.js","sourceRoot":"","sources":["../../../src/components/Select/useTriggerWidth.ts"],"names":[],"mappings":";;AAUA,0CAkBC;AA5BD,iCAAyF;AAEzF,mEAAmE;AACnE,gGAAgG;AAChG,iCAAiC;AACjC;;;;GAIG;AACH,SAAgB,eAAe,CAAC,GAA8B;IAC5D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAA;IAEvD,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,IAAI,GAAG,CAAC,OAAO;YAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;IAC7E,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,IAAA,uBAAe,EAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEnC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAA;QACtB,IAAI,CAAC,EAAE,IAAI,OAAO,cAAc,KAAK,WAAW;YAAE,OAAM;QACxD,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,CAAA;QAC5C,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QACpB,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;IACrC,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAA;IAElB,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAyB,CAAA;AAC5D,CAAC"}
|
|
@@ -1,43 +1,63 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
17
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
18
|
+
};
|
|
19
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
|
+
exports.Slider = void 0;
|
|
21
|
+
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
22
|
+
const react_1 = __importDefault(require("react"));
|
|
23
|
+
const types_1 = require("@codeleap/types");
|
|
24
|
+
const hooks_1 = require("@codeleap/hooks");
|
|
25
|
+
const View_1 = require("../View");
|
|
26
|
+
const Text_1 = require("../Text");
|
|
27
|
+
const react_slider_1 = require("@radix-ui/react-slider");
|
|
28
|
+
const useStylesFor_1 = require("../../lib/hooks/useStylesFor");
|
|
29
|
+
const styles_1 = require("@codeleap/styles");
|
|
30
|
+
const WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
|
|
31
|
+
const Field_1 = require("../Field");
|
|
32
|
+
const form_1 = require("@codeleap/form");
|
|
33
|
+
const Field_2 = require("../Field");
|
|
34
|
+
__exportStar(require("./styles"), exports);
|
|
35
|
+
__exportStar(require("./types"), exports);
|
|
16
36
|
const DefaultSliderTrackMark = (props) => {
|
|
17
37
|
const { style } = props;
|
|
18
|
-
if (!TypeGuards.isString(props.content)) {
|
|
19
|
-
return
|
|
38
|
+
if (!types_1.TypeGuards.isString(props.content)) {
|
|
39
|
+
return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: props.content });
|
|
20
40
|
}
|
|
21
|
-
return
|
|
41
|
+
return (0, jsx_runtime_1.jsx)(Text_1.Text, { text: props.content, style: style });
|
|
22
42
|
};
|
|
23
43
|
/**
|
|
24
44
|
* Radix UI-backed range slider with `Field` layout, optional track marks, and a computed value indicator in the helper slot.
|
|
25
45
|
* Supports both single-thumb and multi-thumb (range) modes determined by whether `value` is a scalar or array.
|
|
26
46
|
* Uses: `Field.Provider`, `Field.Wrapper`, `Field.Heading`, `Field.Helper`, `View`, `Text`
|
|
27
47
|
*/
|
|
28
|
-
|
|
48
|
+
const Slider = (props) => {
|
|
29
49
|
const allProps = {
|
|
30
|
-
...Slider.defaultProps,
|
|
50
|
+
...exports.Slider.defaultProps,
|
|
31
51
|
...props,
|
|
32
52
|
};
|
|
33
53
|
const { onValueChange, onValueCommit, value: _value, field, label, helper, leftSection, rightSection, debugName, style, disabled, trackMarks, trackMarkComponent: SliderTrackMark = DefaultSliderTrackMark, max, min, defaultValue: defaultSliderValue, indicatorLabel, minStepsBetweenThumbs, step, onPressThumbSetValue, onPressThumb, ...sliderProps } = allProps;
|
|
34
|
-
const { wrapperRef, inputValue, onInputValueChange, validation, } = useFieldInput(field, fields.number, { value: _value, onValueChange });
|
|
35
|
-
const isUniqueValue = !TypeGuards.isArray(inputValue);
|
|
54
|
+
const { wrapperRef, inputValue, onInputValueChange, validation, } = (0, Field_1.useFieldInput)(field, form_1.fields.number, { value: _value, onValueChange });
|
|
55
|
+
const isUniqueValue = !types_1.TypeGuards.isArray(inputValue);
|
|
36
56
|
const value = isUniqueValue ? [inputValue] : inputValue;
|
|
37
|
-
const _defaultValue = TypeGuards.isArray(defaultSliderValue) ? defaultSliderValue : [defaultSliderValue];
|
|
38
|
-
const defaultValueRef = useRef(_defaultValue);
|
|
57
|
+
const _defaultValue = types_1.TypeGuards.isArray(defaultSliderValue) ? defaultSliderValue : [defaultSliderValue];
|
|
58
|
+
const defaultValueRef = (0, hooks_1.useRef)(_defaultValue);
|
|
39
59
|
const defaultValue = defaultValueRef.current;
|
|
40
|
-
onMount(() => {
|
|
60
|
+
(0, hooks_1.onMount)(() => {
|
|
41
61
|
if (_defaultValue?.length <= 0) {
|
|
42
62
|
defaultValueRef.current = value;
|
|
43
63
|
}
|
|
@@ -48,8 +68,8 @@ export const Slider = (props) => {
|
|
|
48
68
|
const handleValueCommit = (newValue) => {
|
|
49
69
|
onValueCommit?.(newValue);
|
|
50
70
|
};
|
|
51
|
-
const trackMarksHaveContent = !(TypeGuards.isArray(trackMarks) || TypeGuards.isNil(trackMarks));
|
|
52
|
-
const trackMarksProp =
|
|
71
|
+
const trackMarksHaveContent = !(types_1.TypeGuards.isArray(trackMarks) || types_1.TypeGuards.isNil(trackMarks));
|
|
72
|
+
const trackMarksProp = react_1.default.useMemo(() => {
|
|
53
73
|
if (!trackMarksHaveContent) {
|
|
54
74
|
return trackMarks;
|
|
55
75
|
}
|
|
@@ -61,21 +81,21 @@ export const Slider = (props) => {
|
|
|
61
81
|
error: !!validation?.showError,
|
|
62
82
|
focused: false,
|
|
63
83
|
};
|
|
64
|
-
const styles = useStylesFor(Slider.styleRegistryName, style, fieldContext);
|
|
65
|
-
const trackStyle = mergeStyles([styles.track, styles.unselectedTrack]);
|
|
66
|
-
const sliderHelper =
|
|
67
|
-
if (TypeGuards.isNil(indicatorLabel) || !indicatorLabel?.order && !indicatorLabel?.transformer) {
|
|
84
|
+
const styles = (0, useStylesFor_1.useStylesFor)(exports.Slider.styleRegistryName, style, fieldContext);
|
|
85
|
+
const trackStyle = (0, styles_1.mergeStyles)([styles.track, styles.unselectedTrack]);
|
|
86
|
+
const sliderHelper = react_1.default.useMemo(() => {
|
|
87
|
+
if (types_1.TypeGuards.isNil(indicatorLabel) || !indicatorLabel?.order && !indicatorLabel?.transformer) {
|
|
68
88
|
return helper;
|
|
69
89
|
}
|
|
70
|
-
if (TypeGuards.isFunction(indicatorLabel?.transformer)) {
|
|
90
|
+
if (types_1.TypeGuards.isFunction(indicatorLabel?.transformer)) {
|
|
71
91
|
const str = indicatorLabel?.transformer(value, defaultValue);
|
|
72
92
|
return str;
|
|
73
93
|
}
|
|
74
|
-
else if (TypeGuards.isArray(indicatorLabel?.order)) {
|
|
94
|
+
else if (types_1.TypeGuards.isArray(indicatorLabel?.order)) {
|
|
75
95
|
let str = '';
|
|
76
96
|
indicatorLabel?.order?.forEach((idx, i) => {
|
|
77
97
|
const valueLabel = value[idx];
|
|
78
|
-
if (TypeGuards.isNil(valueLabel))
|
|
98
|
+
if (types_1.TypeGuards.isNil(valueLabel))
|
|
79
99
|
return;
|
|
80
100
|
str = i === 0 ? String(valueLabel) : `${str}${indicatorLabel?.separator ?? ' - '}${valueLabel}`;
|
|
81
101
|
});
|
|
@@ -85,13 +105,13 @@ export const Slider = (props) => {
|
|
|
85
105
|
return helper;
|
|
86
106
|
}
|
|
87
107
|
}, [value]);
|
|
88
|
-
return (
|
|
108
|
+
return ((0, jsx_runtime_1.jsx)(Field_2.Field.Provider, { context: fieldContext, label: label, helper: validation?.showError ? validation?.message : sliderHelper, leftSection: leftSection, rightSection: rightSection, componentName: 'slider', children: (0, jsx_runtime_1.jsxs)(Field_2.Field.Wrapper, { ref: wrapperRef, style: styles.wrapper, children: [(0, jsx_runtime_1.jsx)(Field_2.Field.Heading, { style: styles.heading }), (0, jsx_runtime_1.jsxs)(react_slider_1.Root, { ...sliderProps, step: step, min: min, max: max, disabled: disabled, defaultValue: defaultValue, onValueCommit: handleValueCommit, onValueChange: handleChange, css: styles.sliderContainer, value: value, minStepsBetweenThumbs: minStepsBetweenThumbs, children: [(0, jsx_runtime_1.jsx)(react_slider_1.Track, { css: trackStyle, children: (0, jsx_runtime_1.jsx)(react_slider_1.Range, { css: styles.selectedTrack }) }), defaultValue.map((_, i) => ((0, jsx_runtime_1.jsx)(react_slider_1.Thumb, { css: styles.thumb, onClick: () => {
|
|
89
109
|
if (onPressThumbSetValue)
|
|
90
110
|
onInputValueChange?.(value);
|
|
91
|
-
if (TypeGuards.isFunction(onPressThumb))
|
|
111
|
+
if (types_1.TypeGuards.isFunction(onPressThumb))
|
|
92
112
|
onPressThumb?.(value, i);
|
|
93
113
|
} }, i)))] }), trackMarksProp ?
|
|
94
|
-
|
|
114
|
+
(0, jsx_runtime_1.jsx)(View_1.View, { style: styles.trackMarkWrapper, children: trackMarksProp.map((_, idx) => {
|
|
95
115
|
let idxStyle = {};
|
|
96
116
|
const relativeValue = Number(trackMarksProp[idx]);
|
|
97
117
|
if (idx !== 0 && idx !== trackMarksProp.length - 1) {
|
|
@@ -103,18 +123,19 @@ export const Slider = (props) => {
|
|
|
103
123
|
transform: `translate(-50%, -50%)`,
|
|
104
124
|
};
|
|
105
125
|
}
|
|
106
|
-
const style = mergeStyles([styles.trackMark, idxStyle]);
|
|
126
|
+
const style = (0, styles_1.mergeStyles)([styles.trackMark, idxStyle]);
|
|
107
127
|
if (!trackMarksHaveContent) {
|
|
108
|
-
return
|
|
128
|
+
return (0, jsx_runtime_1.jsx)(SliderTrackMark, { index: idx, style: style }, idx);
|
|
109
129
|
}
|
|
110
130
|
const content = trackMarks[relativeValue];
|
|
111
|
-
return (
|
|
131
|
+
return ((0, jsx_runtime_1.jsx)(SliderTrackMark, { index: idx, content: content, style: style }, idx));
|
|
112
132
|
}) })
|
|
113
|
-
: null,
|
|
133
|
+
: null, (0, jsx_runtime_1.jsx)(Field_2.Field.Helper, { style: styles.helper })] }) }));
|
|
114
134
|
};
|
|
115
|
-
Slider
|
|
116
|
-
Slider.
|
|
117
|
-
|
|
135
|
+
exports.Slider = Slider;
|
|
136
|
+
exports.Slider.styleRegistryName = 'Slider';
|
|
137
|
+
exports.Slider.elements = [
|
|
138
|
+
...Field_2.Field.elements,
|
|
118
139
|
'thumb',
|
|
119
140
|
'track',
|
|
120
141
|
'selectedTrack',
|
|
@@ -123,8 +144,8 @@ Slider.elements = [
|
|
|
123
144
|
'trackMarkWrapper',
|
|
124
145
|
'sliderContainer',
|
|
125
146
|
];
|
|
126
|
-
Slider.rootElement = 'wrapper';
|
|
127
|
-
Slider.defaultProps = {
|
|
147
|
+
exports.Slider.rootElement = 'wrapper';
|
|
148
|
+
exports.Slider.defaultProps = {
|
|
128
149
|
max: 100,
|
|
129
150
|
min: 0,
|
|
130
151
|
minStepsBetweenThumbs: 0,
|
|
@@ -135,5 +156,5 @@ Slider.defaultProps = {
|
|
|
135
156
|
onPressThumbSetValue: false,
|
|
136
157
|
onPressThumb: null,
|
|
137
158
|
};
|
|
138
|
-
WebStyleRegistry.registerComponent(Slider);
|
|
159
|
+
WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.Slider);
|
|
139
160
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,26 +1,43 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.Switch = void 0;
|
|
18
|
+
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
19
|
+
const WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
|
|
20
|
+
const useStylesFor_1 = require("../../lib/hooks/useStylesFor");
|
|
21
|
+
const Field_1 = require("../Field");
|
|
22
|
+
const form_1 = require("@codeleap/form");
|
|
23
|
+
const Field_2 = require("../Field");
|
|
24
|
+
const lib_1 = require("../../lib");
|
|
25
|
+
const View_1 = require("../View");
|
|
26
|
+
const Touchable_1 = require("../Touchable");
|
|
27
|
+
__exportStar(require("./styles"), exports);
|
|
28
|
+
__exportStar(require("./types"), exports);
|
|
12
29
|
/**
|
|
13
30
|
* Boolean toggle control rendered as a sliding track-and-thumb with `Field` layout support (label, helper, sections).
|
|
14
31
|
* Toggles on click or Enter keypress; `disabled` suppresses both.
|
|
15
32
|
* Uses: `Field.Provider`, `Field.Wrapper`, `Field.Heading`, `Field.Helper`, `Touchable`, `View`
|
|
16
33
|
*/
|
|
17
|
-
|
|
34
|
+
const Switch = (props) => {
|
|
18
35
|
const allProps = {
|
|
19
|
-
...Switch.defaultProps,
|
|
36
|
+
...exports.Switch.defaultProps,
|
|
20
37
|
...props,
|
|
21
38
|
};
|
|
22
39
|
const { style, disabled, debugName, label, helper, leftSection, rightSection, value, onChange, onValueChange, switchOnLeft, field, } = allProps;
|
|
23
|
-
const { wrapperRef, inputValue, onInputValueChange, validation, } = useFieldInput(field, fields.boolean, { value, onValueChange });
|
|
40
|
+
const { wrapperRef, inputValue, onInputValueChange, validation, } = (0, Field_1.useFieldInput)(field, form_1.fields.boolean, { value, onValueChange });
|
|
24
41
|
const handleChange = (e) => {
|
|
25
42
|
if (disabled)
|
|
26
43
|
return;
|
|
@@ -36,13 +53,14 @@ export const Switch = (props) => {
|
|
|
36
53
|
focused: false,
|
|
37
54
|
switchOnLeft: !!switchOnLeft,
|
|
38
55
|
};
|
|
39
|
-
const styles = useStylesFor(Switch.styleRegistryName, style, fieldContext);
|
|
40
|
-
const stateAttrs = toDataAttrs({ value: !!inputValue, disabled: !!disabled });
|
|
41
|
-
return (
|
|
56
|
+
const styles = (0, useStylesFor_1.useStylesFor)(exports.Switch.styleRegistryName, style, fieldContext);
|
|
57
|
+
const stateAttrs = (0, lib_1.toDataAttrs)({ value: !!inputValue, disabled: !!disabled });
|
|
58
|
+
return ((0, jsx_runtime_1.jsx)(Field_2.Field.Provider, { context: fieldContext, label: label, helper: validation?.showError ? validation?.message : helper, leftSection: leftSection, rightSection: rightSection, componentName: 'switch', children: (0, jsx_runtime_1.jsxs)(Field_2.Field.Wrapper, { ref: wrapperRef, style: styles.wrapper, children: [(0, jsx_runtime_1.jsx)(Field_2.Field.Heading, { style: styles.heading }), (0, jsx_runtime_1.jsx)(Touchable_1.Touchable, { debugName: debugName, style: styles.track, ...stateAttrs, onClick: handleChange, onKeyDown: handleChange, tabIndex: 0, children: (0, jsx_runtime_1.jsx)(View_1.View, { style: styles.thumb, ...stateAttrs }) }), (0, jsx_runtime_1.jsx)(Field_2.Field.Helper, { style: styles.helper })] }) }));
|
|
42
59
|
};
|
|
43
|
-
Switch
|
|
44
|
-
Switch.
|
|
45
|
-
Switch.
|
|
46
|
-
Switch.
|
|
47
|
-
|
|
60
|
+
exports.Switch = Switch;
|
|
61
|
+
exports.Switch.styleRegistryName = 'Switch';
|
|
62
|
+
exports.Switch.elements = [...Field_2.Field.elements, 'track', 'thumb'];
|
|
63
|
+
exports.Switch.rootElement = 'wrapper';
|
|
64
|
+
exports.Switch.defaultProps = {};
|
|
65
|
+
WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.Switch);
|
|
48
66
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"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"}
|