@korsolutions/ui 0.0.40 → 0.0.41
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/module/components/autocomplete/variants/default.js +8 -5
- package/dist/module/components/autocomplete/variants/default.js.map +1 -1
- package/dist/module/primitives/autocomplete/autocomplete-input.js +4 -0
- package/dist/module/primitives/autocomplete/autocomplete-input.js.map +1 -1
- package/dist/typescript/src/components/autocomplete/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/primitives/autocomplete/autocomplete-input.d.ts.map +1 -1
- package/dist/typescript/src/primitives/autocomplete/types.d.ts +1 -1
- package/dist/typescript/src/primitives/autocomplete/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/autocomplete/variants/default.tsx +6 -3
- package/src/primitives/autocomplete/autocomplete-input.tsx +4 -0
- package/src/primitives/autocomplete/types.ts +1 -1
|
@@ -14,24 +14,27 @@ export function useAutocompleteVariantDefault() {
|
|
|
14
14
|
disabled: {}
|
|
15
15
|
},
|
|
16
16
|
input: {
|
|
17
|
+
placeholderTextColor: colors.mutedForeground,
|
|
18
|
+
selectionColor: colors.primary,
|
|
17
19
|
default: {
|
|
18
20
|
borderWidth: 1,
|
|
19
21
|
borderColor: colors.border,
|
|
20
22
|
borderRadius: radius,
|
|
23
|
+
backgroundColor: colors.surface,
|
|
21
24
|
paddingVertical: 12,
|
|
22
25
|
paddingHorizontal: 16,
|
|
23
|
-
|
|
26
|
+
outlineWidth: 0,
|
|
24
27
|
fontFamily,
|
|
25
28
|
fontSize,
|
|
26
|
-
|
|
27
|
-
|
|
29
|
+
height: 48,
|
|
30
|
+
color: colors.foreground
|
|
28
31
|
},
|
|
29
32
|
focused: {
|
|
30
33
|
borderColor: colors.primary
|
|
31
34
|
},
|
|
32
35
|
disabled: {
|
|
33
|
-
|
|
34
|
-
|
|
36
|
+
color: colors.mutedForeground,
|
|
37
|
+
backgroundColor: colors.muted
|
|
35
38
|
}
|
|
36
39
|
},
|
|
37
40
|
overlay: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useThemedStyles","useAutocompleteVariantDefault","colors","radius","fontFamily","fontSize","root","default","focused","disabled","input","borderWidth","borderColor","border","borderRadius","
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useAutocompleteVariantDefault","colors","radius","fontFamily","fontSize","root","default","focused","disabled","input","placeholderTextColor","mutedForeground","selectionColor","primary","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","paddingVertical","paddingHorizontal","outlineWidth","height","color","foreground","muted","overlay","content","padding","gap","maxHeight","option","selected","hovered","empty","textAlign"],"sourceRoot":"../../../../../src","sources":["components/autocomplete/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe;AAExB,OAAO,SAASC,6BAA6BA,CAAA,EAAuB;EAClE,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAA0B;IACjEC,IAAI,EAAE;MACJC,OAAO,EAAE,CAAC,CAAC;MACXC,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDC,KAAK,EAAE;MACLC,oBAAoB,EAAET,MAAM,CAACU,eAAe;MAC5CC,cAAc,EAAEX,MAAM,CAACY,OAAO;MAC9BP,OAAO,EAAE;QACPQ,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEd,MAAM,CAACe,MAAM;QAC1BC,YAAY,EAAEf,MAAM;QACpBgB,eAAe,EAAEjB,MAAM,CAACkB,OAAO;QAC/BC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,YAAY,EAAE,CAAC;QACfnB,UAAU;QACVC,QAAQ;QACRmB,MAAM,EAAE,EAAE;QACVC,KAAK,EAAEvB,MAAM,CAACwB;MAChB,CAAC;MACDlB,OAAO,EAAE;QACPQ,WAAW,EAAEd,MAAM,CAACY;MACtB,CAAC;MACDL,QAAQ,EAAE;QACRgB,KAAK,EAAEvB,MAAM,CAACU,eAAe;QAC7BO,eAAe,EAAEjB,MAAM,CAACyB;MAC1B;IACF,CAAC;IACDC,OAAO,EAAE;MACPrB,OAAO,EAAE,CAAC,CAAC;MACXC,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDoB,OAAO,EAAE;MACPtB,OAAO,EAAE;QACPY,eAAe,EAAEjB,MAAM,CAACkB,OAAO;QAC/BF,YAAY,EAAEf,MAAM;QACpBY,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEd,MAAM,CAACe,MAAM;QAC1Ba,OAAO,EAAE,CAAC;QACVC,GAAG,EAAE,CAAC;QACNC,SAAS,EAAE;MACb,CAAC;MACDxB,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDwB,MAAM,EAAE;MACN1B,OAAO,EAAE;QACPc,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBlB,UAAU;QACVC,QAAQ;QACRoB,KAAK,EAAEvB,MAAM,CAACwB,UAAU;QACxBR,YAAY,EAAEf,MAAM,GAAG;MACzB,CAAC;MACDM,QAAQ,EAAE;QACRgB,KAAK,EAAEvB,MAAM,CAACU;MAChB,CAAC;MACDsB,QAAQ,EAAE;QACRf,eAAe,EAAEjB,MAAM,CAACyB;MAC1B,CAAC;MACDQ,OAAO,EAAE;QACPhB,eAAe,EAAEjB,MAAM,CAACyB;MAC1B;IACF,CAAC;IACDS,KAAK,EAAE;MACL7B,OAAO,EAAE;QACPc,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBlB,UAAU;QACVC,QAAQ;QACRoB,KAAK,EAAEvB,MAAM,CAACU,eAAe;QAC7ByB,SAAS,EAAE;MACb,CAAC;MACD7B,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
|
|
@@ -13,6 +13,8 @@ export const AutocompleteInput = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
13
13
|
const inputRef = useRef(null);
|
|
14
14
|
const blurTimeoutRef = useRef(undefined);
|
|
15
15
|
const composedStyles = [autocomplete.styles?.input?.default, autocomplete.styles?.input?.[autocomplete.state], props.style];
|
|
16
|
+
const placeholderTextColor = autocomplete.styles?.input?.placeholderTextColor;
|
|
17
|
+
const selectionColor = autocomplete.styles?.input?.selectionColor;
|
|
16
18
|
const handleFocus = e => {
|
|
17
19
|
// Clear any pending blur timeout
|
|
18
20
|
if (blurTimeoutRef.current) {
|
|
@@ -61,6 +63,8 @@ export const AutocompleteInput = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
61
63
|
id: field?.id,
|
|
62
64
|
value: autocomplete.inputValue,
|
|
63
65
|
placeholder: autocomplete.placeholder,
|
|
66
|
+
placeholderTextColor: placeholderTextColor,
|
|
67
|
+
selectionColor: selectionColor,
|
|
64
68
|
onChangeText: handleChangeText,
|
|
65
69
|
onFocus: handleFocus,
|
|
66
70
|
onBlur: handleBlur,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["setInnerInputValue","measureLayoutPosition","forwardRef","useEffect","useImperativeHandle","useRef","StyleSheet","TextInput","useFieldOptional","useAutocomplete","jsx","_jsx","AutocompleteInput","props","ref","autocomplete","field","inputRef","blurTimeoutRef","undefined","composedStyles","styles","input","default","state","style","handleFocus","e","current","clearTimeout","openOnFocus","isDisabled","layout","setInputPosition","setIsOpen","onFocus","handleBlur","setTimeout","onBlur","handleChangeText","text","setInputValue","isOpen","trim","onChangeText","setBlurInput","blur","setInputDisplayValueSetter","v","id","value","inputValue","placeholder","editable","flatten","displayName"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/autocomplete-input.tsx"],"mappings":";;AACA,SAASA,kBAAkB;AAC3B,SAASC,qBAAqB;AAC9B,SAASC,UAAU,EAAEC,SAAS,EAAEC,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AAC1E,SAASC,UAAU,EAAEC,SAAS,QAA6D,cAAc;AACzG,SAASC,gBAAgB;AACzB,SAASC,eAAe;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAM5C,OAAO,MAAMC,iBAAiB,gBAAGV,UAAU,CAAuC,CAACW,KAAK,EAAEC,GAAG,KAAK;EAChG,MAAMC,YAAY,GAAGN,eAAe,CAAC,CAAC;EACtC,MAAMO,KAAK,GAAGR,gBAAgB,CAAC,CAAC;EAChC,MAAMS,QAAQ,GAAGZ,MAAM,CAAe,IAAI,CAAC;EAC3C,MAAMa,cAAc,GAAGb,MAAM,CAA6Bc,SAAS,CAAC;EAEpE,MAAMC,cAAc,GAAG,CAACL,YAAY,CAACM,MAAM,EAAEC,KAAK,EAAEC,OAAO,EAAER,YAAY,CAACM,MAAM,EAAEC,KAAK,GAAGP,YAAY,CAACS,KAAK,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;
|
|
1
|
+
{"version":3,"names":["setInnerInputValue","measureLayoutPosition","forwardRef","useEffect","useImperativeHandle","useRef","StyleSheet","TextInput","useFieldOptional","useAutocomplete","jsx","_jsx","AutocompleteInput","props","ref","autocomplete","field","inputRef","blurTimeoutRef","undefined","composedStyles","styles","input","default","state","style","placeholderTextColor","selectionColor","handleFocus","e","current","clearTimeout","openOnFocus","isDisabled","layout","setInputPosition","setIsOpen","onFocus","handleBlur","setTimeout","onBlur","handleChangeText","text","setInputValue","isOpen","trim","onChangeText","setBlurInput","blur","setInputDisplayValueSetter","v","id","value","inputValue","placeholder","editable","flatten","displayName"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/autocomplete-input.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/autocomplete/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGvD,wBAAgB,6BAA6B,IAAI,kBAAkB,
|
|
1
|
+
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/autocomplete/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGvD,wBAAgB,6BAA6B,IAAI,kBAAkB,CAmFlE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-input.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/autocomplete-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI1D,OAAO,EAAyB,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1G,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IACxF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"autocomplete-input.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/autocomplete-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI1D,OAAO,EAAyB,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1G,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IACxF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,iBAAiB,iHA2E5B,CAAC"}
|
|
@@ -8,7 +8,7 @@ export type AutocompleteState = "default" | "focused" | "disabled";
|
|
|
8
8
|
export type AutocompleteOptionState = AutocompleteState | "hovered" | "selected";
|
|
9
9
|
export interface AutocompleteStyles {
|
|
10
10
|
root?: Partial<Record<AutocompleteState, AutocompleteRootProps["style"]>>;
|
|
11
|
-
input?: Partial<Record<AutocompleteState, AutocompleteInputProps["style"]
|
|
11
|
+
input?: Partial<Record<AutocompleteState, AutocompleteInputProps["style"]>> & Pick<AutocompleteInputProps, "placeholderTextColor" | "selectionColor">;
|
|
12
12
|
overlay?: Partial<Record<AutocompleteState, AutocompleteOverlayProps["style"]>>;
|
|
13
13
|
content?: Partial<Record<AutocompleteState, AutocompleteContentProps["style"]>>;
|
|
14
14
|
option?: Partial<Record<AutocompleteOptionState, AutocompleteOptionProps["style"]>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACnE,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,GAAG,SAAS,GAAG,UAAU,CAAC;AAEjF,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACnE,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,GAAG,SAAS,GAAG,UAAU,CAAC;AAEjF,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,sBAAsB,EAAE,sBAAsB,GAAG,gBAAgB,CAAC,CAAC;IACtJ,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAChF,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,uBAAuB,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACpF,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;CAC7E;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf"}
|
package/package.json
CHANGED
|
@@ -10,24 +10,27 @@ export function useAutocompleteVariantDefault(): AutocompleteStyles {
|
|
|
10
10
|
disabled: {},
|
|
11
11
|
},
|
|
12
12
|
input: {
|
|
13
|
+
placeholderTextColor: colors.mutedForeground,
|
|
14
|
+
selectionColor: colors.primary,
|
|
13
15
|
default: {
|
|
14
16
|
borderWidth: 1,
|
|
15
17
|
borderColor: colors.border,
|
|
16
18
|
borderRadius: radius,
|
|
19
|
+
backgroundColor: colors.surface,
|
|
17
20
|
paddingVertical: 12,
|
|
18
21
|
paddingHorizontal: 16,
|
|
19
|
-
|
|
22
|
+
outlineWidth: 0,
|
|
20
23
|
fontFamily,
|
|
21
24
|
fontSize,
|
|
25
|
+
height: 48,
|
|
22
26
|
color: colors.foreground,
|
|
23
|
-
backgroundColor: colors.background,
|
|
24
27
|
},
|
|
25
28
|
focused: {
|
|
26
29
|
borderColor: colors.primary,
|
|
27
30
|
},
|
|
28
31
|
disabled: {
|
|
29
|
-
backgroundColor: colors.muted,
|
|
30
32
|
color: colors.mutedForeground,
|
|
33
|
+
backgroundColor: colors.muted,
|
|
31
34
|
},
|
|
32
35
|
},
|
|
33
36
|
overlay: {
|
|
@@ -17,6 +17,8 @@ export const AutocompleteInput = forwardRef<TextInputRef, AutocompleteInputProps
|
|
|
17
17
|
const blurTimeoutRef = useRef<NodeJS.Timeout | undefined>(undefined);
|
|
18
18
|
|
|
19
19
|
const composedStyles = [autocomplete.styles?.input?.default, autocomplete.styles?.input?.[autocomplete.state], props.style];
|
|
20
|
+
const placeholderTextColor = autocomplete.styles?.input?.placeholderTextColor;
|
|
21
|
+
const selectionColor = autocomplete.styles?.input?.selectionColor;
|
|
20
22
|
|
|
21
23
|
const handleFocus: TextInputProps["onFocus"] = (e) => {
|
|
22
24
|
// Clear any pending blur timeout
|
|
@@ -74,6 +76,8 @@ export const AutocompleteInput = forwardRef<TextInputRef, AutocompleteInputProps
|
|
|
74
76
|
id={field?.id}
|
|
75
77
|
value={autocomplete.inputValue}
|
|
76
78
|
placeholder={autocomplete.placeholder}
|
|
79
|
+
placeholderTextColor={placeholderTextColor}
|
|
80
|
+
selectionColor={selectionColor}
|
|
77
81
|
onChangeText={handleChangeText}
|
|
78
82
|
onFocus={handleFocus}
|
|
79
83
|
onBlur={handleBlur}
|
|
@@ -10,7 +10,7 @@ export type AutocompleteOptionState = AutocompleteState | "hovered" | "selected"
|
|
|
10
10
|
|
|
11
11
|
export interface AutocompleteStyles {
|
|
12
12
|
root?: Partial<Record<AutocompleteState, AutocompleteRootProps["style"]>>;
|
|
13
|
-
input?: Partial<Record<AutocompleteState, AutocompleteInputProps["style"]
|
|
13
|
+
input?: Partial<Record<AutocompleteState, AutocompleteInputProps["style"]>> & Pick<AutocompleteInputProps, "placeholderTextColor" | "selectionColor">;
|
|
14
14
|
overlay?: Partial<Record<AutocompleteState, AutocompleteOverlayProps["style"]>>;
|
|
15
15
|
content?: Partial<Record<AutocompleteState, AutocompleteContentProps["style"]>>;
|
|
16
16
|
option?: Partial<Record<AutocompleteOptionState, AutocompleteOptionProps["style"]>>;
|