@cdx-ui/primitives 0.0.1-alpha.14 → 0.0.1-alpha.15
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/lib/commonjs/checkbox/createCheckboxIcon.js +3 -2
- package/lib/commonjs/checkbox/createCheckboxIcon.js.map +1 -1
- package/lib/commonjs/input/index.js +0 -4
- package/lib/commonjs/input/index.js.map +1 -1
- package/lib/commonjs/select/context.js +8 -43
- package/lib/commonjs/select/context.js.map +1 -1
- package/lib/commonjs/select/createSelectItem.js +1 -1
- package/lib/commonjs/select/createSelectItem.js.map +1 -1
- package/lib/commonjs/select/createSelectRoot.js +1 -1
- package/lib/commonjs/select/createSelectRoot.js.map +1 -1
- package/lib/commonjs/select/createSelectTrigger.js +2 -8
- package/lib/commonjs/select/createSelectTrigger.js.map +1 -1
- package/lib/module/checkbox/createCheckboxIcon.js +3 -2
- package/lib/module/checkbox/createCheckboxIcon.js.map +1 -1
- package/lib/module/input/index.js +0 -4
- package/lib/module/input/index.js.map +1 -1
- package/lib/module/select/context.js +4 -42
- package/lib/module/select/context.js.map +1 -1
- package/lib/module/select/createSelectItem.js +2 -2
- package/lib/module/select/createSelectItem.js.map +1 -1
- package/lib/module/select/createSelectRoot.js +2 -2
- package/lib/module/select/createSelectRoot.js.map +1 -1
- package/lib/module/select/createSelectTrigger.js +3 -9
- package/lib/module/select/createSelectTrigger.js.map +1 -1
- package/lib/typescript/input/index.d.ts +2 -3
- package/lib/typescript/input/index.d.ts.map +1 -1
- package/lib/typescript/input/types.d.ts +1 -2
- package/lib/typescript/input/types.d.ts.map +1 -1
- package/lib/typescript/select/context.d.ts +12 -6
- package/lib/typescript/select/context.d.ts.map +1 -1
- package/lib/typescript/select/createSelectTrigger.d.ts +2 -7
- package/lib/typescript/select/createSelectTrigger.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/checkbox/createCheckboxIcon.tsx +2 -2
- package/src/input/index.tsx +1 -7
- package/src/input/types.ts +0 -4
- package/src/select/context.tsx +7 -43
- package/src/select/createSelectItem.tsx +3 -3
- package/src/select/createSelectRoot.tsx +3 -3
- package/src/select/createSelectTrigger.tsx +6 -31
- package/lib/commonjs/input/createInputIcon.js +0 -20
- package/lib/commonjs/input/createInputIcon.js.map +0 -1
- package/lib/module/input/createInputIcon.js +0 -15
- package/lib/module/input/createInputIcon.js.map +0 -1
- package/lib/typescript/input/createInputIcon.d.ts +0 -4
- package/lib/typescript/input/createInputIcon.d.ts.map +0 -1
- package/src/input/createInputIcon.tsx +0 -12
|
@@ -13,9 +13,10 @@ const createCheckboxIcon = BaseCheckboxIcon => /*#__PURE__*/(0, _react.forwardRe
|
|
|
13
13
|
...props
|
|
14
14
|
}, ref) => {
|
|
15
15
|
const {
|
|
16
|
-
isChecked
|
|
16
|
+
isChecked,
|
|
17
|
+
isIndeterminate
|
|
17
18
|
} = (0, _context.useCheckboxContext)();
|
|
18
|
-
if (forceMount || isChecked) {
|
|
19
|
+
if (forceMount || isChecked || isIndeterminate) {
|
|
19
20
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseCheckboxIcon, {
|
|
20
21
|
...props,
|
|
21
22
|
ref: ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_context","_jsxRuntime","createCheckboxIcon","BaseCheckboxIcon","forwardRef","children","forceMount","props","ref","isChecked","useCheckboxContext","jsx","exports"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA+C,IAAAE,WAAA,GAAAF,OAAA;AAGxC,MAAMG,kBAAkB,GAAQC,gBAAwC,iBAC7E,IAAAC,iBAAU,EAA8B,CAAC;EAAEC,QAAQ;EAAEC,UAAU,GAAG,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC3F,MAAM;IAAEC;
|
|
1
|
+
{"version":3,"names":["_react","require","_context","_jsxRuntime","createCheckboxIcon","BaseCheckboxIcon","forwardRef","children","forceMount","props","ref","isChecked","isIndeterminate","useCheckboxContext","jsx","exports"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA+C,IAAAE,WAAA,GAAAF,OAAA;AAGxC,MAAMG,kBAAkB,GAAQC,gBAAwC,iBAC7E,IAAAC,iBAAU,EAA8B,CAAC;EAAEC,QAAQ;EAAEC,UAAU,GAAG,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC3F,MAAM;IAAEC,SAAS;IAAEC;EAAgB,CAAC,GAAG,IAAAC,2BAAkB,EAAC,CAAC;EAE3D,IAAIL,UAAU,IAAIG,SAAS,IAAIC,eAAe,EAAE;IAC9C,oBACE,IAAAT,WAAA,CAAAW,GAAA,EAACT,gBAAgB;MAAA,GAAMI,KAAK;MAAQC,GAAG,EAAEA,GAAI;MAAAH,QAAA,EAC1CA;IAAQ,CACO,CAAC;EAEvB;EAEA,OAAO,IAAI;AACb,CAAC,CAAC;AAACQ,OAAA,CAAAX,kBAAA,GAAAA,kBAAA","ignoreList":[]}
|
|
@@ -5,20 +5,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.createInput = createInput;
|
|
7
7
|
var _createInputField = require("./createInputField");
|
|
8
|
-
var _createInputIcon = require("./createInputIcon");
|
|
9
8
|
var _createInputRoot = require("./createInputRoot");
|
|
10
9
|
var _createInputSlot = require("./createInputSlot");
|
|
11
10
|
function createInput(BaseComponents) {
|
|
12
11
|
const Input = (0, _createInputRoot.createInputRoot)(BaseComponents.Root);
|
|
13
|
-
const Icon = (0, _createInputIcon.createInputIcon)(BaseComponents.Icon);
|
|
14
12
|
const Slot = (0, _createInputSlot.createInputSlot)(BaseComponents.Slot);
|
|
15
13
|
const Field = (0, _createInputField.createInputField)(BaseComponents.Field);
|
|
16
14
|
Input.displayName = 'InputPrimitive';
|
|
17
|
-
Icon.displayName = 'InputPrimitive.Icon';
|
|
18
15
|
Slot.displayName = 'InputPrimitive.Slot';
|
|
19
16
|
Field.displayName = 'InputPrimitive.Field';
|
|
20
17
|
return Object.assign(Input, {
|
|
21
|
-
Icon,
|
|
22
18
|
Slot,
|
|
23
19
|
Field
|
|
24
20
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_createInputField","require","
|
|
1
|
+
{"version":3,"names":["_createInputField","require","_createInputRoot","_createInputSlot","createInput","BaseComponents","Input","createInputRoot","Root","Slot","createInputSlot","Field","createInputField","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["input/index.tsx"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAWO,SAASG,WAAWA,CAMzBC,cAID,EAAE;EACD,MAAMC,KAAK,GAAG,IAAAC,gCAAe,EAACF,cAAc,CAACG,IAAI,CAAC;EAClD,MAAMC,IAAI,GAAG,IAAAC,gCAAe,EAACL,cAAc,CAACI,IAAI,CAAC;EACjD,MAAME,KAAK,GAAG,IAAAC,kCAAgB,EAACP,cAAc,CAACM,KAAK,CAAC;EAEpDL,KAAK,CAACO,WAAW,GAAG,gBAAgB;EACpCJ,IAAI,CAACI,WAAW,GAAG,qBAAqB;EACxCF,KAAK,CAACE,WAAW,GAAG,sBAAsB;EAE1C,OAAOC,MAAM,CAACC,MAAM,CAACT,KAAK,EAAE;IAC1BG,IAAI;IACJE;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -3,31 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.useSelectTriggerContext = exports.useSelectItemContext = exports.useSelectContext = exports.
|
|
7
|
-
var
|
|
8
|
-
const
|
|
9
|
-
open: false,
|
|
10
|
-
items: [],
|
|
11
|
-
setOpen: () => {},
|
|
12
|
-
value: undefined,
|
|
13
|
-
onValueChange: () => {},
|
|
14
|
-
disabled: false,
|
|
15
|
-
required: false,
|
|
16
|
-
invalid: false,
|
|
17
|
-
readOnly: false,
|
|
18
|
-
native: false,
|
|
19
|
-
triggerRef: {
|
|
20
|
-
current: null
|
|
21
|
-
},
|
|
22
|
-
contentId: '',
|
|
23
|
-
triggerId: '',
|
|
24
|
-
activeValue: undefined,
|
|
25
|
-
setActiveValue: () => {},
|
|
26
|
-
// TODO: Is this needed? At the very least it could be moved to SelectContent
|
|
27
|
-
accessibilityLabel: undefined
|
|
28
|
-
};
|
|
29
|
-
const SelectContext = exports.SelectContext = /*#__PURE__*/(0, _react.createContext)(defaultContextValue);
|
|
30
|
-
const useSelectContext = () => (0, _react.useContext)(SelectContext);
|
|
6
|
+
exports.useSelectTriggerContext = exports.useSelectItemContext = exports.useSelectContext = exports.SelectTriggerProvider = exports.SelectProvider = exports.SelectItemProvider = void 0;
|
|
7
|
+
var _utils = require("@cdx-ui/utils");
|
|
8
|
+
const [SelectProvider, useSelectContext] = (0, _utils.createContext)('SelectContext');
|
|
31
9
|
|
|
32
10
|
/**
|
|
33
11
|
* Propagates the trigger's interaction state (hover, focus, active, etc.) to
|
|
@@ -35,29 +13,16 @@ const useSelectContext = () => (0, _react.useContext)(SelectContext);
|
|
|
35
13
|
* data-attribute styles.
|
|
36
14
|
*/
|
|
37
15
|
exports.useSelectContext = useSelectContext;
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
focus: false,
|
|
41
|
-
active: false,
|
|
42
|
-
disabled: false,
|
|
43
|
-
focusVisible: false
|
|
44
|
-
});
|
|
45
|
-
const useSelectTriggerContext = () => (0, _react.useContext)(SelectTriggerContext);
|
|
16
|
+
exports.SelectProvider = SelectProvider;
|
|
17
|
+
const [SelectTriggerProvider, useSelectTriggerContext] = (0, _utils.createContext)('SelectTriggerContext');
|
|
46
18
|
|
|
47
19
|
/**
|
|
48
20
|
* Propagates the item's interaction and selection state (hover, focus, active,
|
|
49
21
|
* highlighted, checked, etc.) to child components like SelectItemLabel.
|
|
50
22
|
*/
|
|
51
23
|
exports.useSelectTriggerContext = useSelectTriggerContext;
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
focus: false,
|
|
55
|
-
active: false,
|
|
56
|
-
disabled: false,
|
|
57
|
-
focusVisible: false,
|
|
58
|
-
highlighted: false,
|
|
59
|
-
checked: false
|
|
60
|
-
});
|
|
61
|
-
const useSelectItemContext = () => (0, _react.useContext)(SelectItemContext);
|
|
24
|
+
exports.SelectTriggerProvider = SelectTriggerProvider;
|
|
25
|
+
const [SelectItemProvider, useSelectItemContext] = (0, _utils.createContext)('SelectItemContext');
|
|
62
26
|
exports.useSelectItemContext = useSelectItemContext;
|
|
27
|
+
exports.SelectItemProvider = SelectItemProvider;
|
|
63
28
|
//# sourceMappingURL=context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_utils","require","SelectProvider","useSelectContext","createContext","exports","SelectTriggerProvider","useSelectTriggerContext","SelectItemProvider","useSelectItemContext"],"sourceRoot":"../../../src","sources":["select/context.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIO,MAAM,CAACC,cAAc,EAAEC,gBAAgB,CAAC,GAC7C,IAAAC,oBAAa,EAAqB,eAAe,CAAC;;AAEpD;AACA;AACA;AACA;AACA;AAJAC,OAAA,CAAAF,gBAAA,GAAAA,gBAAA;AAAAE,OAAA,CAAAH,cAAA,GAAAA,cAAA;AAKO,MAAM,CAACI,qBAAqB,EAAEC,uBAAuB,CAAC,GAC3D,IAAAH,oBAAa,EAAmB,sBAAsB,CAAC;;AAEzD;AACA;AACA;AACA;AAHAC,OAAA,CAAAE,uBAAA,GAAAA,uBAAA;AAAAF,OAAA,CAAAC,qBAAA,GAAAA,qBAAA;AAIO,MAAM,CAACE,kBAAkB,EAAEC,oBAAoB,CAAC,GACrD,IAAAL,oBAAa,EAA6B,mBAAmB,CAAC;AAACC,OAAA,CAAAI,oBAAA,GAAAA,oBAAA;AAAAJ,OAAA,CAAAG,kBAAA,GAAAA,kBAAA","ignoreList":[]}
|
|
@@ -66,7 +66,7 @@ const createSelectItem = BaseItem => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
66
66
|
highlighted,
|
|
67
67
|
checked
|
|
68
68
|
}), [isHoveredProp, isHovered, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, isFocusVisible, highlighted, checked]);
|
|
69
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.
|
|
69
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.SelectItemProvider, {
|
|
70
70
|
value: interactionState,
|
|
71
71
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseItem, {
|
|
72
72
|
ref: ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_utils","_focus","_interactions","_dataAttributes","_context","_jsxRuntime","createSelectItem","BaseItem","forwardRef","children","value","itemValue","disabled","disabledProp","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","props","ref","selectedValue","onValueChange","setOpen","activeValue","contentId","contextDisabled","useSelectContext","checked","highlighted","focusProps","focusRingProps","useFocusRing","pressProps","isPressed","usePress","useFocus","hoverProps","useHover","handlePress","useCallback","interactionState","useMemo","hover","focus","active","focusVisible","jsx","
|
|
1
|
+
{"version":3,"names":["_react","require","_utils","_focus","_interactions","_dataAttributes","_context","_jsxRuntime","createSelectItem","BaseItem","forwardRef","children","value","itemValue","disabled","disabledProp","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","props","ref","selectedValue","onValueChange","setOpen","activeValue","contentId","contextDisabled","useSelectContext","checked","highlighted","focusProps","focusRingProps","useFocusRing","pressProps","isPressed","usePress","useFocus","hoverProps","useHover","handlePress","useCallback","interactionState","useMemo","hover","focus","active","focusVisible","jsx","SelectItemProvider","role","id","dataAttributes","state","slot","onPress","composeEventHandlers","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","exports"],"sourceRoot":"../../../src","sources":["select/createSelectItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -79,7 +79,7 @@ const createSelectRoot = BaseRoot => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
79
79
|
setActiveValue,
|
|
80
80
|
accessibilityLabel
|
|
81
81
|
}), [open, items, setOpen, value, setValue, isEffectivelyDisabled, isEffectivelyRequired, isEffectivelyInvalid, isEffectivelyReadOnly, native, contentId, triggerId, activeValue, accessibilityLabel]);
|
|
82
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.
|
|
82
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.SelectProvider, {
|
|
83
83
|
value: contextValue,
|
|
84
84
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseRoot, {
|
|
85
85
|
ref: ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_utils","_dataAttributes","_context","_jsxRuntime","createSelectRoot","BaseRoot","forwardRef","children","items","value","valueProp","defaultValue","onValueChange","open","openProp","defaultOpen","onOpenChange","disabled","isRequired","isInvalid","isReadOnly","native","accessibilityLabel","props","ref","formControlProps","useFormControl","isDisabled","isEffectivelyDisabled","isEffectivelyRequired","required","isEffectivelyInvalid","isEffectivelyReadOnly","readOnly","setValue","useControllableState","prop","defaultProp","onChange","newValue","undefined","setOpenState","setOpen","useCallback","newOpen","activeValue","setActiveValue","useState","triggerRef","useRef","id","useId","triggerId","contentId","contextValue","useMemo","invalid","jsx","
|
|
1
|
+
{"version":3,"names":["_react","require","_utils","_dataAttributes","_context","_jsxRuntime","createSelectRoot","BaseRoot","forwardRef","children","items","value","valueProp","defaultValue","onValueChange","open","openProp","defaultOpen","onOpenChange","disabled","isRequired","isInvalid","isReadOnly","native","accessibilityLabel","props","ref","formControlProps","useFormControl","isDisabled","isEffectivelyDisabled","isEffectivelyRequired","required","isEffectivelyInvalid","isEffectivelyReadOnly","readOnly","setValue","useControllableState","prop","defaultProp","onChange","newValue","undefined","setOpenState","setOpen","useCallback","newOpen","activeValue","setActiveValue","useState","triggerRef","useRef","id","useId","triggerId","contentId","contextValue","useMemo","invalid","jsx","SelectProvider","dataAttributes","slot","readonly","exports"],"sourceRoot":"../../../src","sources":["select/createSelectRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -88,7 +88,7 @@ const createSelectTrigger = BaseTrigger => /*#__PURE__*/(0, _react.forwardRef)((
|
|
|
88
88
|
const webKeyboardProps = _reactNative.Platform.OS === 'web' ? {
|
|
89
89
|
onKeyDown: (0, _utils.composeEventHandlers)(props.onKeyDown, handleKeyDown)
|
|
90
90
|
} : {};
|
|
91
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.
|
|
91
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.SelectTriggerProvider, {
|
|
92
92
|
value: interactionState,
|
|
93
93
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseTrigger, {
|
|
94
94
|
ref: mergedRef,
|
|
@@ -124,13 +124,7 @@ const createSelectTrigger = BaseTrigger => /*#__PURE__*/(0, _react.forwardRef)((
|
|
|
124
124
|
onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(props?.onFocus, focusProps.onFocus), focusRingProps.onFocus),
|
|
125
125
|
onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(props?.onBlur, focusProps.onBlur), focusRingProps.onBlur),
|
|
126
126
|
...webKeyboardProps,
|
|
127
|
-
children: typeof children === 'function' ? children(
|
|
128
|
-
hovered: interactionState.hover,
|
|
129
|
-
focused: interactionState.focus,
|
|
130
|
-
pressed: interactionState.active,
|
|
131
|
-
disabled: interactionState.disabled,
|
|
132
|
-
focusVisible: interactionState.focusVisible
|
|
133
|
-
}) : children
|
|
127
|
+
children: typeof children === 'function' ? children(interactionState) : children
|
|
134
128
|
})
|
|
135
129
|
});
|
|
136
130
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_utils","_focus","_interactions","_dataAttributes","_context","_jsxRuntime","createSelectTrigger","BaseTrigger","forwardRef","children","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","props","ref","open","setOpen","disabled","contextDisabled","required","contextRequired","invalid","contextInvalid","readOnly","contextReadOnly","triggerId","contentId","triggerRef","activeValue","accessibilityLabel","useSelectContext","focusProps","focusRingProps","useFocusRing","pressProps","isPressed","usePress","useFocus","hoverProps","useHover","handlePress","useCallback","e","type","key","handleKeyDown","preventDefault","interactionState","useMemo","hover","focus","active","focusVisible","mergedRef","mergeRefs","webKeyboardProps","Platform","OS","onKeyDown","composeEventHandlers","jsx","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_utils","_focus","_interactions","_dataAttributes","_context","_jsxRuntime","createSelectTrigger","BaseTrigger","forwardRef","children","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","props","ref","open","setOpen","disabled","contextDisabled","required","contextRequired","invalid","contextInvalid","readOnly","contextReadOnly","triggerId","contentId","triggerRef","activeValue","accessibilityLabel","useSelectContext","focusProps","focusRingProps","useFocusRing","pressProps","isPressed","usePress","useFocus","hoverProps","useHover","handlePress","useCallback","e","type","key","handleKeyDown","preventDefault","interactionState","useMemo","hover","focus","active","focusVisible","mergedRef","mergeRefs","webKeyboardProps","Platform","OS","onKeyDown","composeEventHandlers","jsx","SelectTriggerProvider","value","role","undefined","id","dataAttributes","readonly","state","slot","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","exports"],"sourceRoot":"../../../src","sources":["select/createSelectTrigger.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,9 +9,10 @@ export const createCheckboxIcon = BaseCheckboxIcon => /*#__PURE__*/forwardRef(({
|
|
|
9
9
|
...props
|
|
10
10
|
}, ref) => {
|
|
11
11
|
const {
|
|
12
|
-
isChecked
|
|
12
|
+
isChecked,
|
|
13
|
+
isIndeterminate
|
|
13
14
|
} = useCheckboxContext();
|
|
14
|
-
if (forceMount || isChecked) {
|
|
15
|
+
if (forceMount || isChecked || isIndeterminate) {
|
|
15
16
|
return /*#__PURE__*/_jsx(BaseCheckboxIcon, {
|
|
16
17
|
...props,
|
|
17
18
|
ref: ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useCheckboxContext","jsx","_jsx","createCheckboxIcon","BaseCheckboxIcon","children","forceMount","props","ref","isChecked"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxIcon.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,kBAAkB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMC,kBAAkB,GAAQC,gBAAwC,iBAC7EL,UAAU,CAA8B,CAAC;EAAEM,QAAQ;EAAEC,UAAU,GAAG,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC3F,MAAM;IAAEC;
|
|
1
|
+
{"version":3,"names":["forwardRef","useCheckboxContext","jsx","_jsx","createCheckboxIcon","BaseCheckboxIcon","children","forceMount","props","ref","isChecked","isIndeterminate"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxIcon.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,kBAAkB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMC,kBAAkB,GAAQC,gBAAwC,iBAC7EL,UAAU,CAA8B,CAAC;EAAEM,QAAQ;EAAEC,UAAU,GAAG,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC3F,MAAM;IAAEC,SAAS;IAAEC;EAAgB,CAAC,GAAGV,kBAAkB,CAAC,CAAC;EAE3D,IAAIM,UAAU,IAAIG,SAAS,IAAIC,eAAe,EAAE;IAC9C,oBACER,IAAA,CAACE,gBAAgB;MAAA,GAAMG,KAAK;MAAQC,GAAG,EAAEA,GAAI;MAAAH,QAAA,EAC1CA;IAAQ,CACO,CAAC;EAEvB;EAEA,OAAO,IAAI;AACb,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,20 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { createInputField } from './createInputField';
|
|
4
|
-
import { createInputIcon } from './createInputIcon';
|
|
5
4
|
import { createInputRoot } from './createInputRoot';
|
|
6
5
|
import { createInputSlot } from './createInputSlot';
|
|
7
6
|
export function createInput(BaseComponents) {
|
|
8
7
|
const Input = createInputRoot(BaseComponents.Root);
|
|
9
|
-
const Icon = createInputIcon(BaseComponents.Icon);
|
|
10
8
|
const Slot = createInputSlot(BaseComponents.Slot);
|
|
11
9
|
const Field = createInputField(BaseComponents.Field);
|
|
12
10
|
Input.displayName = 'InputPrimitive';
|
|
13
|
-
Icon.displayName = 'InputPrimitive.Icon';
|
|
14
11
|
Slot.displayName = 'InputPrimitive.Slot';
|
|
15
12
|
Field.displayName = 'InputPrimitive.Field';
|
|
16
13
|
return Object.assign(Input, {
|
|
17
|
-
Icon,
|
|
18
14
|
Slot,
|
|
19
15
|
Field
|
|
20
16
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createInputField","
|
|
1
|
+
{"version":3,"names":["createInputField","createInputRoot","createInputSlot","createInput","BaseComponents","Input","Root","Slot","Field","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["input/index.tsx"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,eAAe,QAAQ,mBAAmB;AAWnD,OAAO,SAASC,WAAWA,CAMzBC,cAID,EAAE;EACD,MAAMC,KAAK,GAAGJ,eAAe,CAACG,cAAc,CAACE,IAAI,CAAC;EAClD,MAAMC,IAAI,GAAGL,eAAe,CAACE,cAAc,CAACG,IAAI,CAAC;EACjD,MAAMC,KAAK,GAAGR,gBAAgB,CAACI,cAAc,CAACI,KAAK,CAAC;EAEpDH,KAAK,CAACI,WAAW,GAAG,gBAAgB;EACpCF,IAAI,CAACE,WAAW,GAAG,qBAAqB;EACxCD,KAAK,CAACC,WAAW,GAAG,sBAAsB;EAE1C,OAAOC,MAAM,CAACC,MAAM,CAACN,KAAK,EAAE;IAC1BE,IAAI;IACJC;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -1,56 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { createContext
|
|
4
|
-
const
|
|
5
|
-
open: false,
|
|
6
|
-
items: [],
|
|
7
|
-
setOpen: () => {},
|
|
8
|
-
value: undefined,
|
|
9
|
-
onValueChange: () => {},
|
|
10
|
-
disabled: false,
|
|
11
|
-
required: false,
|
|
12
|
-
invalid: false,
|
|
13
|
-
readOnly: false,
|
|
14
|
-
native: false,
|
|
15
|
-
triggerRef: {
|
|
16
|
-
current: null
|
|
17
|
-
},
|
|
18
|
-
contentId: '',
|
|
19
|
-
triggerId: '',
|
|
20
|
-
activeValue: undefined,
|
|
21
|
-
setActiveValue: () => {},
|
|
22
|
-
// TODO: Is this needed? At the very least it could be moved to SelectContent
|
|
23
|
-
accessibilityLabel: undefined
|
|
24
|
-
};
|
|
25
|
-
export const SelectContext = /*#__PURE__*/createContext(defaultContextValue);
|
|
26
|
-
export const useSelectContext = () => useContext(SelectContext);
|
|
3
|
+
import { createContext } from '@cdx-ui/utils';
|
|
4
|
+
export const [SelectProvider, useSelectContext] = createContext('SelectContext');
|
|
27
5
|
|
|
28
6
|
/**
|
|
29
7
|
* Propagates the trigger's interaction state (hover, focus, active, etc.) to
|
|
30
8
|
* child components like SelectValue and SelectIcon so they can apply matching
|
|
31
9
|
* data-attribute styles.
|
|
32
10
|
*/
|
|
33
|
-
export const
|
|
34
|
-
hover: false,
|
|
35
|
-
focus: false,
|
|
36
|
-
active: false,
|
|
37
|
-
disabled: false,
|
|
38
|
-
focusVisible: false
|
|
39
|
-
});
|
|
40
|
-
export const useSelectTriggerContext = () => useContext(SelectTriggerContext);
|
|
11
|
+
export const [SelectTriggerProvider, useSelectTriggerContext] = createContext('SelectTriggerContext');
|
|
41
12
|
|
|
42
13
|
/**
|
|
43
14
|
* Propagates the item's interaction and selection state (hover, focus, active,
|
|
44
15
|
* highlighted, checked, etc.) to child components like SelectItemLabel.
|
|
45
16
|
*/
|
|
46
|
-
export const
|
|
47
|
-
hover: false,
|
|
48
|
-
focus: false,
|
|
49
|
-
active: false,
|
|
50
|
-
disabled: false,
|
|
51
|
-
focusVisible: false,
|
|
52
|
-
highlighted: false,
|
|
53
|
-
checked: false
|
|
54
|
-
});
|
|
55
|
-
export const useSelectItemContext = () => useContext(SelectItemContext);
|
|
17
|
+
export const [SelectItemProvider, useSelectItemContext] = createContext('SelectItemContext');
|
|
56
18
|
//# sourceMappingURL=context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","
|
|
1
|
+
{"version":3,"names":["createContext","SelectProvider","useSelectContext","SelectTriggerProvider","useSelectTriggerContext","SelectItemProvider","useSelectItemContext"],"sourceRoot":"../../../src","sources":["select/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAI7C,OAAO,MAAM,CAACC,cAAc,EAAEC,gBAAgB,CAAC,GAC7CF,aAAa,CAAqB,eAAe,CAAC;;AAEpD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAM,CAACG,qBAAqB,EAAEC,uBAAuB,CAAC,GAC3DJ,aAAa,CAAmB,sBAAsB,CAAC;;AAEzD;AACA;AACA;AACA;AACA,OAAO,MAAM,CAACK,kBAAkB,EAAEC,oBAAoB,CAAC,GACrDN,aAAa,CAA6B,mBAAmB,CAAC","ignoreList":[]}
|
|
@@ -5,7 +5,7 @@ import { composeEventHandlers } from '@cdx-ui/utils';
|
|
|
5
5
|
import { useFocus, useFocusRing } from '@react-native-aria/focus';
|
|
6
6
|
import { useHover, usePress } from '@react-native-aria/interactions';
|
|
7
7
|
import { dataAttributes } from '../utils/dataAttributes';
|
|
8
|
-
import {
|
|
8
|
+
import { SelectItemProvider, useSelectContext } from './context';
|
|
9
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
10
|
export const createSelectItem = BaseItem => /*#__PURE__*/forwardRef(({
|
|
11
11
|
children,
|
|
@@ -62,7 +62,7 @@ export const createSelectItem = BaseItem => /*#__PURE__*/forwardRef(({
|
|
|
62
62
|
highlighted,
|
|
63
63
|
checked
|
|
64
64
|
}), [isHoveredProp, isHovered, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, isFocusVisible, highlighted, checked]);
|
|
65
|
-
return /*#__PURE__*/_jsx(
|
|
65
|
+
return /*#__PURE__*/_jsx(SelectItemProvider, {
|
|
66
66
|
value: interactionState,
|
|
67
67
|
children: /*#__PURE__*/_jsx(BaseItem, {
|
|
68
68
|
ref: ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useCallback","useMemo","composeEventHandlers","useFocus","useFocusRing","useHover","usePress","dataAttributes","
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useMemo","composeEventHandlers","useFocus","useFocusRing","useHover","usePress","dataAttributes","SelectItemProvider","useSelectContext","jsx","_jsx","createSelectItem","BaseItem","children","value","itemValue","disabled","disabledProp","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","props","ref","selectedValue","onValueChange","setOpen","activeValue","contentId","contextDisabled","checked","highlighted","focusProps","focusRingProps","pressProps","isPressed","hoverProps","handlePress","interactionState","hover","focus","active","focusVisible","role","id","state","slot","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur"],"sourceRoot":"../../../src","sources":["select/createSelectItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { forwardRef, useCallback, useId, useMemo, useRef, useState } from 'react';
|
|
4
4
|
import { useControllableState, useFormControl } from '@cdx-ui/utils';
|
|
5
5
|
import { dataAttributes } from '../utils/dataAttributes';
|
|
6
|
-
import {
|
|
6
|
+
import { SelectProvider } from './context';
|
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
8
|
export const createSelectRoot = BaseRoot => /*#__PURE__*/forwardRef(({
|
|
9
9
|
children,
|
|
@@ -75,7 +75,7 @@ export const createSelectRoot = BaseRoot => /*#__PURE__*/forwardRef(({
|
|
|
75
75
|
setActiveValue,
|
|
76
76
|
accessibilityLabel
|
|
77
77
|
}), [open, items, setOpen, value, setValue, isEffectivelyDisabled, isEffectivelyRequired, isEffectivelyInvalid, isEffectivelyReadOnly, native, contentId, triggerId, activeValue, accessibilityLabel]);
|
|
78
|
-
return /*#__PURE__*/_jsx(
|
|
78
|
+
return /*#__PURE__*/_jsx(SelectProvider, {
|
|
79
79
|
value: contextValue,
|
|
80
80
|
children: /*#__PURE__*/_jsx(BaseRoot, {
|
|
81
81
|
ref: ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useCallback","useId","useMemo","useRef","useState","useControllableState","useFormControl","dataAttributes","
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useId","useMemo","useRef","useState","useControllableState","useFormControl","dataAttributes","SelectProvider","jsx","_jsx","createSelectRoot","BaseRoot","children","items","value","valueProp","defaultValue","onValueChange","open","openProp","defaultOpen","onOpenChange","disabled","isRequired","isInvalid","isReadOnly","native","accessibilityLabel","props","ref","formControlProps","isDisabled","isEffectivelyDisabled","isEffectivelyRequired","required","isEffectivelyInvalid","isEffectivelyReadOnly","readOnly","setValue","prop","defaultProp","onChange","newValue","undefined","setOpenState","setOpen","newOpen","activeValue","setActiveValue","triggerRef","id","triggerId","contentId","contextValue","invalid","slot","readonly"],"sourceRoot":"../../../src","sources":["select/createSelectRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@ import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
|
|
|
6
6
|
import { useFocus, useFocusRing } from '@react-native-aria/focus';
|
|
7
7
|
import { useHover, usePress } from '@react-native-aria/interactions';
|
|
8
8
|
import { dataAttributes } from '../utils/dataAttributes';
|
|
9
|
-
import {
|
|
9
|
+
import { SelectTriggerProvider, useSelectContext } from './context';
|
|
10
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
11
|
export const createSelectTrigger = BaseTrigger => /*#__PURE__*/forwardRef(({
|
|
12
12
|
children,
|
|
@@ -84,7 +84,7 @@ export const createSelectTrigger = BaseTrigger => /*#__PURE__*/forwardRef(({
|
|
|
84
84
|
const webKeyboardProps = Platform.OS === 'web' ? {
|
|
85
85
|
onKeyDown: composeEventHandlers(props.onKeyDown, handleKeyDown)
|
|
86
86
|
} : {};
|
|
87
|
-
return /*#__PURE__*/_jsx(
|
|
87
|
+
return /*#__PURE__*/_jsx(SelectTriggerProvider, {
|
|
88
88
|
value: interactionState,
|
|
89
89
|
children: /*#__PURE__*/_jsx(BaseTrigger, {
|
|
90
90
|
ref: mergedRef,
|
|
@@ -120,13 +120,7 @@ export const createSelectTrigger = BaseTrigger => /*#__PURE__*/forwardRef(({
|
|
|
120
120
|
onFocus: composeEventHandlers(composeEventHandlers(props?.onFocus, focusProps.onFocus), focusRingProps.onFocus),
|
|
121
121
|
onBlur: composeEventHandlers(composeEventHandlers(props?.onBlur, focusProps.onBlur), focusRingProps.onBlur),
|
|
122
122
|
...webKeyboardProps,
|
|
123
|
-
children: typeof children === 'function' ? children(
|
|
124
|
-
hovered: interactionState.hover,
|
|
125
|
-
focused: interactionState.focus,
|
|
126
|
-
pressed: interactionState.active,
|
|
127
|
-
disabled: interactionState.disabled,
|
|
128
|
-
focusVisible: interactionState.focusVisible
|
|
129
|
-
}) : children
|
|
123
|
+
children: typeof children === 'function' ? children(interactionState) : children
|
|
130
124
|
})
|
|
131
125
|
});
|
|
132
126
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useCallback","useMemo","Platform","composeEventHandlers","mergeRefs","useFocus","useFocusRing","useHover","usePress","dataAttributes","
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useMemo","Platform","composeEventHandlers","mergeRefs","useFocus","useFocusRing","useHover","usePress","dataAttributes","SelectTriggerProvider","useSelectContext","jsx","_jsx","createSelectTrigger","BaseTrigger","children","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","props","ref","open","setOpen","disabled","contextDisabled","required","contextRequired","invalid","contextInvalid","readOnly","contextReadOnly","triggerId","contentId","triggerRef","activeValue","accessibilityLabel","focusProps","focusRingProps","pressProps","isPressed","hoverProps","handlePress","e","type","key","handleKeyDown","preventDefault","interactionState","hover","focus","active","focusVisible","mergedRef","webKeyboardProps","OS","onKeyDown","value","role","undefined","id","readonly","state","slot","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur"],"sourceRoot":"../../../src","sources":["select/createSelectTrigger.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
2
|
import type { IInputComponentType } from './types';
|
|
3
3
|
export type { IInputFieldProps, IInputIconProps, IInputProps, IInputRootProps, IInputSlotProps, } from './types';
|
|
4
|
-
export declare function createInput<RootProps,
|
|
4
|
+
export declare function createInput<RootProps, SlotProps, FieldProps, RootRef = unknown, FieldRef = unknown>(BaseComponents: {
|
|
5
5
|
Root: React.ComponentType<RootProps>;
|
|
6
|
-
Icon: React.ComponentType<IconProps>;
|
|
7
6
|
Slot: React.ComponentType<SlotProps>;
|
|
8
7
|
Field: React.ComponentType<FieldProps>;
|
|
9
|
-
}): IInputComponentType<RootProps,
|
|
8
|
+
}): IInputComponentType<RootProps, SlotProps, FieldProps, RootRef, FieldRef>;
|
|
10
9
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,eAAe,EACf,eAAe,GAChB,MAAM,SAAS,CAAC;AAEjB,wBAAgB,WAAW,CACzB,SAAS,EACT,SAAS,EACT,UAAU,EACV,OAAO,GAAG,OAAO,EACjB,QAAQ,GAAG,OAAO,EAClB,cAAc,EAAE;IAChB,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACrC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;CACxC,GAYO,mBAAmB,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,CAAC,CAC/E"}
|
|
@@ -82,8 +82,7 @@ export interface IInputSlotProps extends ViewProps {
|
|
|
82
82
|
*/
|
|
83
83
|
focusOnPress?: boolean;
|
|
84
84
|
}
|
|
85
|
-
export type IInputComponentType<RootProps,
|
|
86
|
-
Icon: React.ForwardRefExoticComponent<React.PropsWithoutRef<IconProps> & React.RefAttributes<unknown>>;
|
|
85
|
+
export type IInputComponentType<RootProps, SlotProps, FieldProps, RootRef = unknown, FieldRef = unknown> = React.ForwardRefExoticComponent<React.PropsWithoutRef<RootProps & IInputFieldProps> & React.RefAttributes<RootRef>> & {
|
|
87
86
|
Slot: React.ForwardRefExoticComponent<React.PropsWithoutRef<SlotProps & IInputSlotProps> & React.RefAttributes<unknown>>;
|
|
88
87
|
Field: React.ForwardRefExoticComponent<React.PropsWithoutRef<FieldProps & IInputProps> & React.RefAttributes<FieldRef>>;
|
|
89
88
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AACD,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,UAAU,eAAgB,SAAQ,cAAc;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,eAAgB,SAAQ,eAAe;IAC/C,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CAC5B;AAED,UAAU,eAAgB,SAAQ,eAAe;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qGAAqG;IACrG,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IACjC,yDAAyD;IACzD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACnC;AAED,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,eAAe,CAAC;AAC5D,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,CAC7B,SAAS,EACT,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/input/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,18 +1,24 @@
|
|
|
1
1
|
import type { InteractionState } from '../types';
|
|
2
2
|
import type { SelectContextValue, SelectItemInteractionState } from './types';
|
|
3
|
-
export declare const
|
|
4
|
-
|
|
3
|
+
export declare const SelectProvider: import("react").FunctionComponent<{
|
|
4
|
+
children: import("react").ReactNode;
|
|
5
|
+
value: SelectContextValue;
|
|
6
|
+
}>, useSelectContext: () => SelectContextValue;
|
|
5
7
|
/**
|
|
6
8
|
* Propagates the trigger's interaction state (hover, focus, active, etc.) to
|
|
7
9
|
* child components like SelectValue and SelectIcon so they can apply matching
|
|
8
10
|
* data-attribute styles.
|
|
9
11
|
*/
|
|
10
|
-
export declare const
|
|
11
|
-
|
|
12
|
+
export declare const SelectTriggerProvider: import("react").FunctionComponent<{
|
|
13
|
+
children: import("react").ReactNode;
|
|
14
|
+
value: InteractionState;
|
|
15
|
+
}>, useSelectTriggerContext: () => InteractionState;
|
|
12
16
|
/**
|
|
13
17
|
* Propagates the item's interaction and selection state (hover, focus, active,
|
|
14
18
|
* highlighted, checked, etc.) to child components like SelectItemLabel.
|
|
15
19
|
*/
|
|
16
|
-
export declare const
|
|
17
|
-
|
|
20
|
+
export declare const SelectItemProvider: import("react").FunctionComponent<{
|
|
21
|
+
children: import("react").ReactNode;
|
|
22
|
+
value: SelectItemInteractionState;
|
|
23
|
+
}>, useSelectItemContext: () => SelectItemInteractionState;
|
|
18
24
|
//# sourceMappingURL=context.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/select/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/select/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAE9E,eAAO,MAAO,cAAc;;;IAAE,gBAAgB,0BACM,CAAC;AAErD;;;;GAIG;AACH,eAAO,MAAO,qBAAqB;;;IAAE,uBAAuB,wBACH,CAAC;AAE1D;;;GAGG;AACH,eAAO,MAAO,kBAAkB;;;IAAE,oBAAoB,kCACU,CAAC"}
|
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
|
+
import type { InteractionState } from '../types';
|
|
2
3
|
import type { ISelectTriggerProps } from './types';
|
|
3
4
|
export declare const createSelectTrigger: <T>(BaseTrigger: React.ComponentType<T>) => React.ForwardRefExoticComponent<Omit<ISelectTriggerProps, "children"> & {
|
|
4
|
-
children?: ((
|
|
5
|
-
hovered?: boolean;
|
|
6
|
-
pressed?: boolean;
|
|
7
|
-
focused?: boolean;
|
|
8
|
-
focusVisible?: boolean;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
}) => React.ReactNode) | React.ReactNode;
|
|
5
|
+
children?: ((state: InteractionState) => React.ReactNode) | React.ReactNode;
|
|
11
6
|
} & React.RefAttributes<unknown>>;
|
|
12
7
|
//# sourceMappingURL=createSelectTrigger.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createSelectTrigger.d.ts","sourceRoot":"","sources":["../../../src/select/createSelectTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"createSelectTrigger.d.ts","sourceRoot":"","sources":["../../../src/select/createSelectTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAG,aAAa,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;eAYxD,CAAC,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS;iCA+IhF,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cdx-ui/primitives",
|
|
3
|
-
"version": "0.0.1-alpha.
|
|
3
|
+
"version": "0.0.1-alpha.15",
|
|
4
4
|
"main": "lib/commonjs/index.js",
|
|
5
5
|
"module": "lib/module/index.js",
|
|
6
6
|
"react-native": "src/index.ts",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"@react-native-aria/interactions": "^0.2.16",
|
|
53
53
|
"@react-stately/checkbox": "3.7.4",
|
|
54
54
|
"@react-stately/toggle": "3.9.4",
|
|
55
|
-
"@cdx-ui/utils": "0.0.1-alpha.
|
|
55
|
+
"@cdx-ui/utils": "0.0.1-alpha.15"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
58
|
"@types/react": "*",
|
|
@@ -4,9 +4,9 @@ import type { ICheckboxIconProps } from './types';
|
|
|
4
4
|
|
|
5
5
|
export const createCheckboxIcon = <T,>(BaseCheckboxIcon: React.ComponentType<T>) =>
|
|
6
6
|
forwardRef<unknown, ICheckboxIconProps>(({ children, forceMount = false, ...props }, ref) => {
|
|
7
|
-
const { isChecked } = useCheckboxContext();
|
|
7
|
+
const { isChecked, isIndeterminate } = useCheckboxContext();
|
|
8
8
|
|
|
9
|
-
if (forceMount || isChecked) {
|
|
9
|
+
if (forceMount || isChecked || isIndeterminate) {
|
|
10
10
|
return (
|
|
11
11
|
<BaseCheckboxIcon {...(props as T)} ref={ref}>
|
|
12
12
|
{children}
|
package/src/input/index.tsx
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
2
|
import { createInputField } from './createInputField';
|
|
3
|
-
import { createInputIcon } from './createInputIcon';
|
|
4
3
|
import { createInputRoot } from './createInputRoot';
|
|
5
4
|
import { createInputSlot } from './createInputSlot';
|
|
6
5
|
import type { IInputComponentType } from './types';
|
|
@@ -15,30 +14,25 @@ export type {
|
|
|
15
14
|
|
|
16
15
|
export function createInput<
|
|
17
16
|
RootProps,
|
|
18
|
-
IconProps,
|
|
19
17
|
SlotProps,
|
|
20
18
|
FieldProps,
|
|
21
19
|
RootRef = unknown,
|
|
22
20
|
FieldRef = unknown,
|
|
23
21
|
>(BaseComponents: {
|
|
24
22
|
Root: React.ComponentType<RootProps>;
|
|
25
|
-
Icon: React.ComponentType<IconProps>;
|
|
26
23
|
Slot: React.ComponentType<SlotProps>;
|
|
27
24
|
Field: React.ComponentType<FieldProps>;
|
|
28
25
|
}) {
|
|
29
26
|
const Input = createInputRoot(BaseComponents.Root);
|
|
30
|
-
const Icon = createInputIcon(BaseComponents.Icon);
|
|
31
27
|
const Slot = createInputSlot(BaseComponents.Slot);
|
|
32
28
|
const Field = createInputField(BaseComponents.Field);
|
|
33
29
|
|
|
34
30
|
Input.displayName = 'InputPrimitive';
|
|
35
|
-
Icon.displayName = 'InputPrimitive.Icon';
|
|
36
31
|
Slot.displayName = 'InputPrimitive.Slot';
|
|
37
32
|
Field.displayName = 'InputPrimitive.Field';
|
|
38
33
|
|
|
39
34
|
return Object.assign(Input, {
|
|
40
|
-
Icon,
|
|
41
35
|
Slot,
|
|
42
36
|
Field,
|
|
43
|
-
}) as IInputComponentType<RootProps,
|
|
37
|
+
}) as IInputComponentType<RootProps, SlotProps, FieldProps, RootRef, FieldRef>;
|
|
44
38
|
}
|
package/src/input/types.ts
CHANGED
|
@@ -93,7 +93,6 @@ export interface IInputSlotProps extends ViewProps {
|
|
|
93
93
|
|
|
94
94
|
export type IInputComponentType<
|
|
95
95
|
RootProps,
|
|
96
|
-
IconProps,
|
|
97
96
|
SlotProps,
|
|
98
97
|
FieldProps,
|
|
99
98
|
RootRef = unknown,
|
|
@@ -101,9 +100,6 @@ export type IInputComponentType<
|
|
|
101
100
|
> = React.ForwardRefExoticComponent<
|
|
102
101
|
React.PropsWithoutRef<RootProps & IInputFieldProps> & React.RefAttributes<RootRef>
|
|
103
102
|
> & {
|
|
104
|
-
Icon: React.ForwardRefExoticComponent<
|
|
105
|
-
React.PropsWithoutRef<IconProps> & React.RefAttributes<unknown>
|
|
106
|
-
>;
|
|
107
103
|
Slot: React.ForwardRefExoticComponent<
|
|
108
104
|
React.PropsWithoutRef<SlotProps & IInputSlotProps> & React.RefAttributes<unknown>
|
|
109
105
|
>;
|
package/src/select/context.tsx
CHANGED
|
@@ -1,57 +1,21 @@
|
|
|
1
|
-
import { createContext
|
|
1
|
+
import { createContext } from '@cdx-ui/utils';
|
|
2
2
|
import type { InteractionState } from '../types';
|
|
3
3
|
import type { SelectContextValue, SelectItemInteractionState } from './types';
|
|
4
4
|
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
items: [],
|
|
8
|
-
setOpen: () => {},
|
|
9
|
-
value: undefined,
|
|
10
|
-
onValueChange: () => {},
|
|
11
|
-
disabled: false,
|
|
12
|
-
required: false,
|
|
13
|
-
invalid: false,
|
|
14
|
-
readOnly: false,
|
|
15
|
-
native: false,
|
|
16
|
-
triggerRef: { current: null },
|
|
17
|
-
contentId: '',
|
|
18
|
-
triggerId: '',
|
|
19
|
-
activeValue: undefined,
|
|
20
|
-
setActiveValue: () => {}, // TODO: Is this needed? At the very least it could be moved to SelectContent
|
|
21
|
-
accessibilityLabel: undefined,
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
export const SelectContext = createContext<SelectContextValue>(defaultContextValue);
|
|
25
|
-
|
|
26
|
-
export const useSelectContext = () => useContext(SelectContext);
|
|
5
|
+
export const [SelectProvider, useSelectContext] =
|
|
6
|
+
createContext<SelectContextValue>('SelectContext');
|
|
27
7
|
|
|
28
8
|
/**
|
|
29
9
|
* Propagates the trigger's interaction state (hover, focus, active, etc.) to
|
|
30
10
|
* child components like SelectValue and SelectIcon so they can apply matching
|
|
31
11
|
* data-attribute styles.
|
|
32
12
|
*/
|
|
33
|
-
export const
|
|
34
|
-
|
|
35
|
-
focus: false,
|
|
36
|
-
active: false,
|
|
37
|
-
disabled: false,
|
|
38
|
-
focusVisible: false,
|
|
39
|
-
});
|
|
40
|
-
|
|
41
|
-
export const useSelectTriggerContext = () => useContext(SelectTriggerContext);
|
|
13
|
+
export const [SelectTriggerProvider, useSelectTriggerContext] =
|
|
14
|
+
createContext<InteractionState>('SelectTriggerContext');
|
|
42
15
|
|
|
43
16
|
/**
|
|
44
17
|
* Propagates the item's interaction and selection state (hover, focus, active,
|
|
45
18
|
* highlighted, checked, etc.) to child components like SelectItemLabel.
|
|
46
19
|
*/
|
|
47
|
-
export const
|
|
48
|
-
|
|
49
|
-
focus: false,
|
|
50
|
-
active: false,
|
|
51
|
-
disabled: false,
|
|
52
|
-
focusVisible: false,
|
|
53
|
-
highlighted: false,
|
|
54
|
-
checked: false,
|
|
55
|
-
});
|
|
56
|
-
|
|
57
|
-
export const useSelectItemContext = () => useContext(SelectItemContext);
|
|
20
|
+
export const [SelectItemProvider, useSelectItemContext] =
|
|
21
|
+
createContext<SelectItemInteractionState>('SelectItemContext');
|
|
@@ -4,7 +4,7 @@ import { composeEventHandlers } from '@cdx-ui/utils';
|
|
|
4
4
|
import { useFocus, useFocusRing } from '@react-native-aria/focus';
|
|
5
5
|
import { useHover, usePress } from '@react-native-aria/interactions';
|
|
6
6
|
import { dataAttributes } from '../utils/dataAttributes';
|
|
7
|
-
import {
|
|
7
|
+
import { SelectItemProvider, useSelectContext } from './context';
|
|
8
8
|
import type { ISelectItemProps } from './types';
|
|
9
9
|
|
|
10
10
|
export const createSelectItem = <T,>(BaseItem: React.ComponentType<T>) =>
|
|
@@ -74,7 +74,7 @@ export const createSelectItem = <T,>(BaseItem: React.ComponentType<T>) =>
|
|
|
74
74
|
);
|
|
75
75
|
|
|
76
76
|
return (
|
|
77
|
-
<
|
|
77
|
+
<SelectItemProvider value={interactionState}>
|
|
78
78
|
<BaseItem
|
|
79
79
|
ref={ref}
|
|
80
80
|
role="option"
|
|
@@ -115,7 +115,7 @@ export const createSelectItem = <T,>(BaseItem: React.ComponentType<T>) =>
|
|
|
115
115
|
>
|
|
116
116
|
{children}
|
|
117
117
|
</BaseItem>
|
|
118
|
-
</
|
|
118
|
+
</SelectItemProvider>
|
|
119
119
|
);
|
|
120
120
|
},
|
|
121
121
|
);
|
|
@@ -2,7 +2,7 @@ import type React from 'react';
|
|
|
2
2
|
import { forwardRef, useCallback, useId, useMemo, useRef, useState } from 'react';
|
|
3
3
|
import { useControllableState, useFormControl } from '@cdx-ui/utils';
|
|
4
4
|
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
-
import {
|
|
5
|
+
import { SelectProvider } from './context';
|
|
6
6
|
import type { ISelectProps } from './types';
|
|
7
7
|
|
|
8
8
|
export const createSelectRoot = <T,>(BaseRoot: React.ComponentType<T>) =>
|
|
@@ -110,7 +110,7 @@ export const createSelectRoot = <T,>(BaseRoot: React.ComponentType<T>) =>
|
|
|
110
110
|
);
|
|
111
111
|
|
|
112
112
|
return (
|
|
113
|
-
<
|
|
113
|
+
<SelectProvider value={contextValue}>
|
|
114
114
|
<BaseRoot
|
|
115
115
|
ref={ref}
|
|
116
116
|
{...(props as T)}
|
|
@@ -124,7 +124,7 @@ export const createSelectRoot = <T,>(BaseRoot: React.ComponentType<T>) =>
|
|
|
124
124
|
>
|
|
125
125
|
{children}
|
|
126
126
|
</BaseRoot>
|
|
127
|
-
</
|
|
127
|
+
</SelectProvider>
|
|
128
128
|
);
|
|
129
129
|
},
|
|
130
130
|
);
|
|
@@ -4,8 +4,9 @@ import { type GestureResponderEvent, Platform } from 'react-native';
|
|
|
4
4
|
import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
|
|
5
5
|
import { useFocus, useFocusRing } from '@react-native-aria/focus';
|
|
6
6
|
import { useHover, usePress } from '@react-native-aria/interactions';
|
|
7
|
+
import type { InteractionState } from '../types';
|
|
7
8
|
import { dataAttributes } from '../utils/dataAttributes';
|
|
8
|
-
import {
|
|
9
|
+
import { SelectTriggerProvider, useSelectContext } from './context';
|
|
9
10
|
import type { ISelectTriggerProps } from './types';
|
|
10
11
|
|
|
11
12
|
export const createSelectTrigger = <T,>(BaseTrigger: React.ComponentType<T>) =>
|
|
@@ -20,21 +21,7 @@ export const createSelectTrigger = <T,>(BaseTrigger: React.ComponentType<T>) =>
|
|
|
20
21
|
isDisabled: isDisabledProp,
|
|
21
22
|
...props
|
|
22
23
|
}: Omit<ISelectTriggerProps, 'children'> & {
|
|
23
|
-
children?:
|
|
24
|
-
| (({
|
|
25
|
-
hovered,
|
|
26
|
-
pressed,
|
|
27
|
-
focused,
|
|
28
|
-
focusVisible,
|
|
29
|
-
disabled,
|
|
30
|
-
}: {
|
|
31
|
-
hovered?: boolean;
|
|
32
|
-
pressed?: boolean;
|
|
33
|
-
focused?: boolean;
|
|
34
|
-
focusVisible?: boolean;
|
|
35
|
-
disabled?: boolean;
|
|
36
|
-
}) => React.ReactNode)
|
|
37
|
-
| React.ReactNode;
|
|
24
|
+
children?: ((state: InteractionState) => React.ReactNode) | React.ReactNode;
|
|
38
25
|
},
|
|
39
26
|
ref?: any,
|
|
40
27
|
) => {
|
|
@@ -122,7 +109,7 @@ export const createSelectTrigger = <T,>(BaseTrigger: React.ComponentType<T>) =>
|
|
|
122
109
|
: {};
|
|
123
110
|
|
|
124
111
|
return (
|
|
125
|
-
<
|
|
112
|
+
<SelectTriggerProvider value={interactionState}>
|
|
126
113
|
<BaseTrigger
|
|
127
114
|
ref={mergedRef}
|
|
128
115
|
role="combobox"
|
|
@@ -172,21 +159,9 @@ export const createSelectTrigger = <T,>(BaseTrigger: React.ComponentType<T>) =>
|
|
|
172
159
|
)}
|
|
173
160
|
{...webKeyboardProps}
|
|
174
161
|
>
|
|
175
|
-
{
|
|
176
|
-
passes raw hook values (isHovered, isFocused, etc.) while this
|
|
177
|
-
passes merged interaction state (isHoveredProp || isHovered). Pick
|
|
178
|
-
one convention and apply to both. */}
|
|
179
|
-
{typeof children === 'function'
|
|
180
|
-
? children({
|
|
181
|
-
hovered: interactionState.hover,
|
|
182
|
-
focused: interactionState.focus,
|
|
183
|
-
pressed: interactionState.active,
|
|
184
|
-
disabled: interactionState.disabled,
|
|
185
|
-
focusVisible: interactionState.focusVisible,
|
|
186
|
-
})
|
|
187
|
-
: children}
|
|
162
|
+
{typeof children === 'function' ? children(interactionState) : children}
|
|
188
163
|
</BaseTrigger>
|
|
189
|
-
</
|
|
164
|
+
</SelectTriggerProvider>
|
|
190
165
|
);
|
|
191
166
|
},
|
|
192
167
|
);
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.createInputIcon = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
const createInputIcon = BaseInputIcon => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
10
|
-
children,
|
|
11
|
-
...props
|
|
12
|
-
}, ref) => {
|
|
13
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseInputIcon, {
|
|
14
|
-
ref: ref,
|
|
15
|
-
...props,
|
|
16
|
-
children: children
|
|
17
|
-
});
|
|
18
|
-
});
|
|
19
|
-
exports.createInputIcon = createInputIcon;
|
|
20
|
-
//# sourceMappingURL=createInputIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_jsxRuntime","createInputIcon","BaseInputIcon","forwardRef","children","props","ref","jsx","exports"],"sourceRoot":"../../../src","sources":["input/createInputIcon.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAAmC,IAAAC,WAAA,GAAAD,OAAA;AAG5B,MAAME,eAAe,GAAQC,aAAqC,iBACvE,IAAAC,iBAAU,EAA2B,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACpE,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACL,aAAa;IAACI,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAChCA;EAAQ,CACI,CAAC;AAEpB,CAAC,CAAC;AAACI,OAAA,CAAAP,eAAA,GAAAA,eAAA","ignoreList":[]}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
export const createInputIcon = BaseInputIcon => /*#__PURE__*/forwardRef(({
|
|
6
|
-
children,
|
|
7
|
-
...props
|
|
8
|
-
}, ref) => {
|
|
9
|
-
return /*#__PURE__*/_jsx(BaseInputIcon, {
|
|
10
|
-
ref: ref,
|
|
11
|
-
...props,
|
|
12
|
-
children: children
|
|
13
|
-
});
|
|
14
|
-
});
|
|
15
|
-
//# sourceMappingURL=createInputIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","jsx","_jsx","createInputIcon","BaseInputIcon","children","props","ref"],"sourceRoot":"../../../src","sources":["input/createInputIcon.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGnC,OAAO,MAAMC,eAAe,GAAQC,aAAqC,iBACvEJ,UAAU,CAA2B,CAAC;EAAEK,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACpE,oBACEL,IAAA,CAACE,aAAa;IAACG,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAChCA;EAAQ,CACI,CAAC;AAEpB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type React from 'react';
|
|
2
|
-
import type { IInputIconProps } from './types';
|
|
3
|
-
export declare const createInputIcon: <T>(BaseInputIcon: React.ComponentType<T>) => React.ForwardRefExoticComponent<IInputIconProps & React.RefAttributes<unknown>>;
|
|
4
|
-
//# sourceMappingURL=createInputIcon.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createInputIcon.d.ts","sourceRoot":"","sources":["../../../src/input/createInputIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,eAAe,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,oFAOrE,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type React from 'react';
|
|
2
|
-
import { forwardRef } from 'react';
|
|
3
|
-
import type { IInputIconProps } from './types';
|
|
4
|
-
|
|
5
|
-
export const createInputIcon = <T,>(BaseInputIcon: React.ComponentType<T>) =>
|
|
6
|
-
forwardRef<unknown, IInputIconProps>(({ children, ...props }, ref) => {
|
|
7
|
-
return (
|
|
8
|
-
<BaseInputIcon ref={ref} {...(props as T)}>
|
|
9
|
-
{children}
|
|
10
|
-
</BaseInputIcon>
|
|
11
|
-
);
|
|
12
|
-
});
|