@veracity/vui 2.18.2 → 2.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/button/button.d.ts.map +1 -1
- package/dist/cjs/button/button.js +3 -2
- package/dist/cjs/button/button.js.map +1 -1
- package/dist/cjs/checkbox/checkbox.js +3 -3
- package/dist/cjs/checkbox/checkbox.js.map +1 -1
- package/dist/cjs/checkbox/consts.d.ts +4 -3
- package/dist/cjs/checkbox/consts.d.ts.map +1 -1
- package/dist/cjs/checkbox/consts.js +4 -3
- package/dist/cjs/checkbox/consts.js.map +1 -1
- package/dist/cjs/checkbox/theme.d.ts +2 -2
- package/dist/cjs/input/consts.d.ts +27 -21
- package/dist/cjs/input/consts.d.ts.map +1 -1
- package/dist/cjs/input/consts.js +8 -2
- package/dist/cjs/input/consts.js.map +1 -1
- package/dist/cjs/input/helpText.d.ts +1 -1
- package/dist/cjs/input/helpText.d.ts.map +1 -1
- package/dist/cjs/input/helpText.js +2 -2
- package/dist/cjs/input/helpText.js.map +1 -1
- package/dist/cjs/input/input.d.ts.map +1 -1
- package/dist/cjs/input/input.js +3 -2
- package/dist/cjs/input/input.js.map +1 -1
- package/dist/cjs/input/input.types.d.ts +5 -3
- package/dist/cjs/input/input.types.d.ts.map +1 -1
- package/dist/cjs/input/inputInput.js +3 -2
- package/dist/cjs/input/inputInput.js.map +1 -1
- package/dist/cjs/input/theme.d.ts +8 -8
- package/dist/cjs/input/theme.js +1 -1
- package/dist/cjs/link/theme.d.ts +3 -7
- package/dist/cjs/link/theme.d.ts.map +1 -1
- package/dist/cjs/link/theme.js +5 -9
- package/dist/cjs/link/theme.js.map +1 -1
- package/dist/cjs/list/list.d.ts.map +1 -1
- package/dist/cjs/list/list.js +63 -2
- package/dist/cjs/list/list.js.map +1 -1
- package/dist/cjs/menu/menuItem.d.ts.map +1 -1
- package/dist/cjs/menu/menuItem.js +1 -1
- package/dist/cjs/menu/menuItem.js.map +1 -1
- package/dist/cjs/menu/menuList.d.ts.map +1 -1
- package/dist/cjs/menu/menuList.js +1 -1
- package/dist/cjs/menu/menuList.js.map +1 -1
- package/dist/cjs/radio/consts.d.ts +4 -3
- package/dist/cjs/radio/consts.d.ts.map +1 -1
- package/dist/cjs/radio/consts.js +4 -3
- package/dist/cjs/radio/consts.js.map +1 -1
- package/dist/cjs/radio/radio.js +1 -1
- package/dist/cjs/radio/radio.js.map +1 -1
- package/dist/cjs/radio/theme.d.ts +2 -2
- package/dist/cjs/select/selectButton.d.ts.map +1 -1
- package/dist/cjs/select/selectButton.js +14 -5
- package/dist/cjs/select/selectButton.js.map +1 -1
- package/dist/cjs/tabs/tabsNavBar.d.ts.map +1 -1
- package/dist/cjs/tabs/tabsNavBar.js +5 -1
- package/dist/cjs/tabs/tabsNavBar.js.map +1 -1
- package/dist/cjs/textarea/textarea.d.ts.map +1 -1
- package/dist/cjs/textarea/textarea.js +8 -5
- package/dist/cjs/textarea/textarea.js.map +1 -1
- package/dist/cjs/textarea/textarea.types.d.ts +6 -0
- package/dist/cjs/textarea/textarea.types.d.ts.map +1 -1
- package/dist/cjs/textarea/theme.d.ts +8 -8
- package/dist/cjs/textarea/theme.js +1 -1
- package/dist/cjs/theme/components.d.ts +23 -27
- package/dist/cjs/theme/components.d.ts.map +1 -1
- package/dist/cjs/theme/defaultTheme.d.ts +23 -27
- package/dist/cjs/theme/defaultTheme.d.ts.map +1 -1
- package/dist/cjs/tooltip/tooltip.d.ts.map +1 -1
- package/dist/cjs/tooltip/tooltip.js +1 -1
- package/dist/cjs/tooltip/tooltip.js.map +1 -1
- package/dist/esm/button/button.d.ts.map +1 -1
- package/dist/esm/button/button.js +3 -2
- package/dist/esm/button/button.js.map +1 -1
- package/dist/esm/checkbox/checkbox.js +3 -3
- package/dist/esm/checkbox/checkbox.js.map +1 -1
- package/dist/esm/checkbox/consts.d.ts +4 -3
- package/dist/esm/checkbox/consts.d.ts.map +1 -1
- package/dist/esm/checkbox/consts.js +4 -3
- package/dist/esm/checkbox/consts.js.map +1 -1
- package/dist/esm/checkbox/theme.d.ts +2 -2
- package/dist/esm/input/consts.d.ts +27 -21
- package/dist/esm/input/consts.d.ts.map +1 -1
- package/dist/esm/input/consts.js +7 -1
- package/dist/esm/input/consts.js.map +1 -1
- package/dist/esm/input/helpText.d.ts +1 -1
- package/dist/esm/input/helpText.d.ts.map +1 -1
- package/dist/esm/input/helpText.js +2 -2
- package/dist/esm/input/helpText.js.map +1 -1
- package/dist/esm/input/input.d.ts.map +1 -1
- package/dist/esm/input/input.js +4 -3
- package/dist/esm/input/input.js.map +1 -1
- package/dist/esm/input/input.types.d.ts +5 -3
- package/dist/esm/input/input.types.d.ts.map +1 -1
- package/dist/esm/input/inputInput.js +3 -2
- package/dist/esm/input/inputInput.js.map +1 -1
- package/dist/esm/input/theme.d.ts +8 -8
- package/dist/esm/input/theme.js +1 -1
- package/dist/esm/link/theme.d.ts +3 -7
- package/dist/esm/link/theme.d.ts.map +1 -1
- package/dist/esm/link/theme.js +5 -9
- package/dist/esm/link/theme.js.map +1 -1
- package/dist/esm/list/list.d.ts.map +1 -1
- package/dist/esm/list/list.js +40 -2
- package/dist/esm/list/list.js.map +1 -1
- package/dist/esm/menu/menuItem.d.ts.map +1 -1
- package/dist/esm/menu/menuItem.js +1 -1
- package/dist/esm/menu/menuItem.js.map +1 -1
- package/dist/esm/menu/menuList.d.ts.map +1 -1
- package/dist/esm/menu/menuList.js +1 -1
- package/dist/esm/menu/menuList.js.map +1 -1
- package/dist/esm/radio/consts.d.ts +4 -3
- package/dist/esm/radio/consts.d.ts.map +1 -1
- package/dist/esm/radio/consts.js +4 -3
- package/dist/esm/radio/consts.js.map +1 -1
- package/dist/esm/radio/radio.js +1 -1
- package/dist/esm/radio/radio.js.map +1 -1
- package/dist/esm/radio/theme.d.ts +2 -2
- package/dist/esm/select/selectButton.d.ts.map +1 -1
- package/dist/esm/select/selectButton.js +14 -5
- package/dist/esm/select/selectButton.js.map +1 -1
- package/dist/esm/tabs/tabsNavBar.d.ts.map +1 -1
- package/dist/esm/tabs/tabsNavBar.js +4 -1
- package/dist/esm/tabs/tabsNavBar.js.map +1 -1
- package/dist/esm/textarea/textarea.d.ts.map +1 -1
- package/dist/esm/textarea/textarea.js +9 -6
- package/dist/esm/textarea/textarea.js.map +1 -1
- package/dist/esm/textarea/textarea.types.d.ts +6 -0
- package/dist/esm/textarea/textarea.types.d.ts.map +1 -1
- package/dist/esm/textarea/theme.d.ts +8 -8
- package/dist/esm/textarea/theme.js +1 -1
- package/dist/esm/theme/components.d.ts +23 -27
- package/dist/esm/theme/components.d.ts.map +1 -1
- package/dist/esm/theme/defaultTheme.d.ts +23 -27
- package/dist/esm/theme/defaultTheme.d.ts.map +1 -1
- package/dist/esm/tooltip/tooltip.d.ts.map +1 -1
- package/dist/esm/tooltip/tooltip.js +1 -1
- package/dist/esm/tooltip/tooltip.js.map +1 -1
- package/dist/tsconfig.legacy.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/src/button/button.tsx +11 -6
- package/src/checkbox/checkbox.tsx +3 -3
- package/src/checkbox/consts.ts +5 -4
- package/src/input/consts.ts +12 -5
- package/src/input/helpText.tsx +2 -2
- package/src/input/input.tsx +10 -4
- package/src/input/input.types.ts +5 -4
- package/src/input/inputInput.tsx +2 -2
- package/src/input/theme.ts +1 -1
- package/src/link/theme.ts +5 -9
- package/src/list/list.tsx +43 -3
- package/src/menu/menuItem.tsx +1 -10
- package/src/menu/menuList.tsx +1 -0
- package/src/radio/consts.ts +5 -4
- package/src/radio/radio.tsx +1 -1
- package/src/select/selectButton.tsx +16 -5
- package/src/tabs/tabsNavBar.tsx +4 -1
- package/src/textarea/textarea.tsx +17 -5
- package/src/textarea/textarea.types.ts +6 -0
- package/src/textarea/theme.ts +1 -1
- package/src/tooltip/tooltip.tsx +27 -25
package/dist/esm/input/input.js
CHANGED
|
@@ -5,7 +5,7 @@ import { styled, useStyleConfig, vui } from '../core';
|
|
|
5
5
|
import { T } from '../t';
|
|
6
6
|
import { cs, filterUndefined, isString } from '../utils';
|
|
7
7
|
import AutoCompletePopover from './autoCompletePopover';
|
|
8
|
-
import { clearIconSize, displayValueOnlyTextSize, inputColors, inputStateMapping } from './consts';
|
|
8
|
+
import { clearIconSize, displayValueOnlyTextSize, helpTextSize, inputColors, inputStateMapping } from './consts';
|
|
9
9
|
import { InputProvider } from './context';
|
|
10
10
|
import { getInitialCount } from './helpers';
|
|
11
11
|
import HelpText from './helpText';
|
|
@@ -38,7 +38,7 @@ export const InputBase = styled.divBox `
|
|
|
38
38
|
* Exposes some props to the children via context.
|
|
39
39
|
*/
|
|
40
40
|
export const Input = vui((props, ref) => {
|
|
41
|
-
const { allowClear, autoComplete, autoCompleteOptions, autoCompleteMaxHeight, autoFocus, children, className, defaultValue, disabled, errorText, iconLeft, iconRight, id, input, inputProps, inputRef, itemLeft, itemRight, helpText, max, maxLength, min, name, onBlur, onChange: onChangeProp, onFocus, pattern, placeholder, readOnly, required, showCount, displayValueOnly, size = 'lg', state = '', stateMapping, step, type = 'text', value, variant, ...rest } = props;
|
|
41
|
+
const { allowClear, autoComplete, autoCompleteOptions, autoCompleteMaxHeight, autoFocus, ariaLabel, children, className, defaultValue, disabled, errorText, iconLeft, iconRight, id, input, inputProps, inputRef, itemLeft, itemRight, helpText, max, maxLength, min, name, onBlur, onChange: onChangeProp, onFocus, pattern, placeholder, readOnly, required, showCount, displayValueOnly, size = 'lg', state = '', stateMapping, step, type = 'text', value, variant, ...rest } = props;
|
|
42
42
|
const [count, setCount] = useState(getInitialCount(props));
|
|
43
43
|
const [valueInternal, setValueInternal] = useState(defaultValue || '');
|
|
44
44
|
const states = { ...inputStateMapping, ...stateMapping };
|
|
@@ -73,6 +73,7 @@ export const Input = vui((props, ref) => {
|
|
|
73
73
|
}, [value]);
|
|
74
74
|
const filterAutoCompleteOptions = (i) => valueInternal === i ? false : !valueInternal || i.toLowerCase().includes(`${valueInternal}`.toLowerCase());
|
|
75
75
|
return (_jsxs(InputProvider, { value: context, children: [displayValueOnly ? (_jsx(T, { className: cs('vui-input-value', className), size: displayValueOnlyTextSize[size], children: value || defaultValue })) : (_jsx(AutoCompletePopover, { autoCompleteMaxHeight: autoCompleteMaxHeight, autoCompleteOptions: autoCompleteOptions, filterAutoCompleteOptions: filterAutoCompleteOptions, onAutoCompleteSelect: onAutoCompleteSelect, children: _jsxs(InputBase, { className: cs('vui-input', className), ref: ref, ...styles.container, ...aliasedProps, ...rest, children: [itemLeft, isString(iconLeft) ? _jsx(InputIcon, { ml: 1, name: iconLeft }) : iconLeft, children ?? input ?? (_jsx(InputInput, { ref: inputRef, autoFocus,
|
|
76
|
+
ariaLabel,
|
|
76
77
|
defaultValue,
|
|
77
78
|
disabled,
|
|
78
79
|
id,
|
|
@@ -88,7 +89,7 @@ export const Input = vui((props, ref) => {
|
|
|
88
89
|
readOnly,
|
|
89
90
|
required,
|
|
90
91
|
step,
|
|
91
|
-
type, autoComplete: autoCompleteOptions?.length ? 'off' : autoComplete, value: valueInternal, ...inputProps })), isString(iconRight) ? _jsx(InputIcon, { mr: 1, name: iconRight }) : iconRight, itemRight, state && _jsx(InputIcon, { mr: 1, ...states[state]?.iconProps }), allowClear && (_jsx(IconButton, { disabled: !valueInternal, icon: "falTimes", mr: 0.5, onClick: onClear, size: clearIconSize[size], title: "Clear" })), showCount && (_jsxs(T, { className: "vui-inputCount", color: maxLength && count > maxLength ? inputColors.error : inputColors.helpText, position: "absolute", right: 0, size: "sm", top: "calc(100% + 1px)", children: [count, " ", maxLength ? `/ ${maxLength}` : null] }))] }) })), !!helpText && _jsx(HelpText, { children: helpText }), !!errorText && _jsx(HelpText, { isError: true, children: errorText })] }));
|
|
92
|
+
type, autoComplete: autoCompleteOptions?.length ? 'off' : autoComplete, value: valueInternal, ...inputProps })), isString(iconRight) ? _jsx(InputIcon, { mr: 1, name: iconRight }) : iconRight, itemRight, state && _jsx(InputIcon, { mr: 1, ...states[state]?.iconProps }), allowClear && (_jsx(IconButton, { disabled: !valueInternal, icon: "falTimes", mr: 0.5, onClick: onClear, size: clearIconSize[size], title: "Clear" })), showCount && (_jsxs(T, { className: "vui-inputCount", color: maxLength && count > maxLength ? inputColors.error : inputColors.helpText, position: "absolute", right: 0, size: "sm", top: "calc(100% + 1px)", children: [count, " ", maxLength ? `/ ${maxLength}` : null] }))] }) })), !!helpText && _jsx(HelpText, { size: helpTextSize[size], children: helpText }), !!errorText && (_jsx(HelpText, { isError: true, size: helpTextSize[size], children: errorText }))] }));
|
|
92
93
|
});
|
|
93
94
|
Input.Icon = InputIcon;
|
|
94
95
|
Input.Input = InputInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAgB,MAAM,SAAS,CAAA;AACnE,OAAO,EAAE,CAAC,EAAE,MAAM,MAAM,CAAA;AACxB,OAAO,EAAe,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACrE,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,wBAAwB,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,14 +16,18 @@ export type InputProps = SystemProps & ThemingProps<'Input'> & {
|
|
|
16
16
|
autoCompleteMaxHeight?: number;
|
|
17
17
|
/** Passed to the inner input. */
|
|
18
18
|
autoFocus?: boolean;
|
|
19
|
+
/** ARIA label for the input element. */
|
|
20
|
+
ariaLabel?: string;
|
|
19
21
|
/** Deprecated. Please use variant instead. @deprecated */
|
|
20
22
|
colorScheme?: 'green' | 'grey' | 'red';
|
|
21
23
|
/** Passed to the inner input. */
|
|
22
24
|
defaultValue?: number | string;
|
|
23
25
|
/** Passed to the inner input. */
|
|
24
26
|
disabled?: boolean;
|
|
25
|
-
/** Socket displaying error text
|
|
27
|
+
/** Socket displaying error text below an input. */
|
|
26
28
|
errorText?: string | React.ReactNode;
|
|
29
|
+
/** Socket displaying help text below an input. */
|
|
30
|
+
helpText?: React.ReactNode | string;
|
|
27
31
|
/** Socket displaying an icon on the left. */
|
|
28
32
|
iconLeft?: IconProp | JSX.Element;
|
|
29
33
|
/** Socket displaying an icon on the right. */
|
|
@@ -40,8 +44,6 @@ export type InputProps = SystemProps & ThemingProps<'Input'> & {
|
|
|
40
44
|
itemLeft?: React.ReactNode;
|
|
41
45
|
/** Socket displaying a custom element on the right. */
|
|
42
46
|
itemRight?: React.ReactNode;
|
|
43
|
-
/** Socket displaying help text bellow an input. */
|
|
44
|
-
helpText?: React.ReactNode | string;
|
|
45
47
|
/** Passed to the inner input. */
|
|
46
48
|
max?: number | string;
|
|
47
49
|
/** Passed to the inner input. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.types.d.ts","sourceRoot":"","sources":["../../../src/input/input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAEzE,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"input.types.d.ts","sourceRoot":"","sources":["../../../src/input/input.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -21,14 +21,15 @@ export const InputInputBase = styled.input `
|
|
|
21
21
|
`;
|
|
22
22
|
/** Displays an input element within the Input component. */
|
|
23
23
|
export const InputInput = vui((props, ref) => {
|
|
24
|
-
const { className, autoComplete, ...rest } = props;
|
|
24
|
+
const { type, className, autoComplete, ...rest } = props;
|
|
25
25
|
const inputProps = useInputContext();
|
|
26
26
|
const mergedProps = { ...inputProps, ...props };
|
|
27
27
|
const styles = useStyleConfig('Input', mergedProps);
|
|
28
28
|
const aliasedProps = filterUndefined({
|
|
29
29
|
'aria-disabled': mergedProps.disabled,
|
|
30
|
+
'aria-label': mergedProps.ariaLabel,
|
|
30
31
|
});
|
|
31
|
-
return (_jsx(InputInputBase, {
|
|
32
|
+
return (_jsx(InputInputBase, { autoComplete: autoComplete, className: cs('vui-inputInput', className), ref: ref, ...styles.input, ...aliasedProps, ...rest }));
|
|
32
33
|
});
|
|
33
34
|
InputInput.displayName = 'InputInput';
|
|
34
35
|
export default InputInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputInput.js","sourceRoot":"","sources":["../../../src/input/inputInput.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,EAAE,EAAE,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;CAgBzC,CAAA;AAED,4DAA4D;AAC5D,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"inputInput.js","sourceRoot":"","sources":["../../../src/input/inputInput.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,EAAE,EAAE,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;CAgBzC,CAAA;AAED,4DAA4D;AAC5D,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACxD,MAAM,UAAU,GAAG,eAAe,EAAE,CAAA;IACpC,MAAM,WAAW,GAAG,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,CAAA;IAC/C,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IAEnD,MAAM,YAAY,GAAG,eAAe,CAAC;QACnC,eAAe,EAAE,WAAW,CAAC,QAAQ;QACrC,YAAY,EAAE,WAAW,CAAC,SAAS;KACpC,CAAC,CAAA;IAEF,OAAO,CACL,KAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAC1C,GAAG,EAAE,GAAG,KACJ,MAAM,CAAC,KAAK,KACZ,YAAY,KACZ,IAAI,GACR,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
|
|
@@ -2,10 +2,10 @@ declare const _default: {
|
|
|
2
2
|
baseStyle: {
|
|
3
3
|
container: {
|
|
4
4
|
focusWithinRing: number;
|
|
5
|
-
color:
|
|
5
|
+
color: "sandstone.10";
|
|
6
6
|
};
|
|
7
7
|
input: {
|
|
8
|
-
placeholderTextColor:
|
|
8
|
+
placeholderTextColor: "sandstone.55";
|
|
9
9
|
};
|
|
10
10
|
};
|
|
11
11
|
defaultProps: {
|
|
@@ -58,20 +58,20 @@ declare const _default: {
|
|
|
58
58
|
variants: {
|
|
59
59
|
grey: {
|
|
60
60
|
container: {
|
|
61
|
-
borderColor:
|
|
62
|
-
focusWithinRingColor:
|
|
61
|
+
borderColor: "sandstone.60";
|
|
62
|
+
focusWithinRingColor: "focusColor";
|
|
63
63
|
};
|
|
64
64
|
};
|
|
65
65
|
green: {
|
|
66
66
|
container: {
|
|
67
|
-
borderColor:
|
|
68
|
-
focusWithinRingColor:
|
|
67
|
+
borderColor: "landGreen.35";
|
|
68
|
+
focusWithinRingColor: "landGreen.35";
|
|
69
69
|
};
|
|
70
70
|
};
|
|
71
71
|
red: {
|
|
72
72
|
container: {
|
|
73
|
-
borderColor:
|
|
74
|
-
focusWithinRingColor:
|
|
73
|
+
borderColor: "energyRed.45";
|
|
74
|
+
focusWithinRingColor: "energyRed.45";
|
|
75
75
|
};
|
|
76
76
|
};
|
|
77
77
|
};
|
package/dist/esm/input/theme.js
CHANGED
package/dist/esm/link/theme.d.ts
CHANGED
|
@@ -3,9 +3,11 @@ declare const _default: {
|
|
|
3
3
|
container: {
|
|
4
4
|
dislplay: string;
|
|
5
5
|
};
|
|
6
|
+
icon: {
|
|
7
|
+
size: string;
|
|
8
|
+
};
|
|
6
9
|
};
|
|
7
10
|
defaultProps: {
|
|
8
|
-
size: string;
|
|
9
11
|
variant: string;
|
|
10
12
|
};
|
|
11
13
|
parts: string[];
|
|
@@ -15,18 +17,12 @@ declare const _default: {
|
|
|
15
17
|
fontSize: string;
|
|
16
18
|
lineHeight: string;
|
|
17
19
|
};
|
|
18
|
-
icon: {
|
|
19
|
-
size: string;
|
|
20
|
-
};
|
|
21
20
|
};
|
|
22
21
|
md: {
|
|
23
22
|
container: {
|
|
24
23
|
fontSize: string;
|
|
25
24
|
lineHeight: string;
|
|
26
25
|
};
|
|
27
|
-
icon: {
|
|
28
|
-
size: string;
|
|
29
|
-
};
|
|
30
26
|
};
|
|
31
27
|
lg: {
|
|
32
28
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/link/theme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/link/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,wBAMC"}
|
package/dist/esm/link/theme.js
CHANGED
|
@@ -2,9 +2,11 @@ const baseStyle = {
|
|
|
2
2
|
container: {
|
|
3
3
|
dislplay: 'inline',
|
|
4
4
|
},
|
|
5
|
+
icon: {
|
|
6
|
+
size: 'xs',
|
|
7
|
+
},
|
|
5
8
|
};
|
|
6
9
|
const defaultProps = {
|
|
7
|
-
size: 'md',
|
|
8
10
|
variant: 'dark',
|
|
9
11
|
};
|
|
10
12
|
const parts = ['container', 'icon', 'text'];
|
|
@@ -33,21 +35,15 @@ const variants = {
|
|
|
33
35
|
const sizes = {
|
|
34
36
|
sm: {
|
|
35
37
|
container: {
|
|
36
|
-
fontSize: '
|
|
38
|
+
fontSize: 'sm',
|
|
37
39
|
lineHeight: '16px',
|
|
38
40
|
},
|
|
39
|
-
icon: {
|
|
40
|
-
size: 'xs',
|
|
41
|
-
},
|
|
42
41
|
},
|
|
43
42
|
md: {
|
|
44
43
|
container: {
|
|
45
|
-
fontSize: '
|
|
44
|
+
fontSize: 'md',
|
|
46
45
|
lineHeight: '20px',
|
|
47
46
|
},
|
|
48
|
-
icon: {
|
|
49
|
-
size: 'xs',
|
|
50
|
-
},
|
|
51
47
|
},
|
|
52
48
|
lg: {
|
|
53
49
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/link/theme.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG;IAChB,SAAS,EAAE;QACT,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/link/theme.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG;IAChB,SAAS,EAAE;QACT,QAAQ,EAAE,QAAQ;KACnB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;KACX;CACF,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;AAE3C,MAAM,QAAQ,GAAG;IACf,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,KAAK,EAAE,cAAc;SACtB;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,KAAK,EAAE,gBAAgB;SACxB;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,KAAK,EAAE,OAAO;SACf;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,mBAAmB,EAAE,MAAM;SAC5B;KACF;CACF,CAAA;AAED,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE;QACF,SAAS,EAAE;YACT,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,MAAM;SACnB;KACF;IACD,EAAE,EAAE;QACF,SAAS,EAAE;YACT,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,MAAM;SACnB;KACF;IACD,EAAE,EAAE;QACF,SAAS,EAAE;YACT,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,MAAM;SACnB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,EAAE,EAAE;QACF,SAAS,EAAE;YACT,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,MAAM;SACnB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;CACF,CAAA;AAED,eAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,KAAK;IACL,QAAQ;CACT,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/list/list.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/list/list.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAiB,SAAS,EAAE,MAAM,cAAc,CAAA;AACvD,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAMjC,eAAO,MAAM,QAAQ,8HAAiB,CAAA;AAEtC,+GAA+G;AAC/G,eAAO,MAAM,IAAI;aAsDN,kBAAkB;aAClB,kBAAkB;UACrB,eAAe;UACf,eAAe;UACf,eAAe;CACtB,CAAA;AAQD,eAAe,IAAI,CAAA"}
|
package/dist/esm/list/list.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useMemo } from 'react';
|
|
2
|
+
import React, { useEffect, useMemo, useRef } from 'react';
|
|
3
3
|
import { styled, useStyleConfig, vui } from '../core';
|
|
4
4
|
import { cs, filterUndefined, isArray, isReactText } from '../utils';
|
|
5
5
|
import { ListProvider } from './context';
|
|
@@ -8,13 +8,51 @@ import ListHeading from './listHeading';
|
|
|
8
8
|
import ListIcon from './listIcon';
|
|
9
9
|
import ListItem from './listItem';
|
|
10
10
|
import ListText from './listText';
|
|
11
|
+
const clickKeys = ['Enter', ' '];
|
|
12
|
+
const nextKeys = ['ArrowDown', 'Tab'];
|
|
13
|
+
const prevKeys = ['ArrowUp'];
|
|
11
14
|
export const ListBase = styled.ulBox ``;
|
|
12
15
|
/** Displays a list of list link items and optional heading. Exposes some props to the children via context. */
|
|
13
16
|
export const List = vui((props, ref) => {
|
|
14
17
|
const { children, className, heading, isInteractive, items, size, variant, ...rest } = props;
|
|
15
18
|
const styles = useStyleConfig('List', props);
|
|
16
19
|
const context = useMemo(() => filterUndefined({ isInteractive, size, variant }), [isInteractive, size, variant]);
|
|
17
|
-
|
|
20
|
+
const listRef = useRef(null);
|
|
21
|
+
const [_, setActive] = React.useState(-1);
|
|
22
|
+
const onKeydown = (event) => {
|
|
23
|
+
if ([...prevKeys, ...nextKeys, ...clickKeys].includes(event.key)) {
|
|
24
|
+
event.preventDefault();
|
|
25
|
+
setActive((a) => {
|
|
26
|
+
let active = a;
|
|
27
|
+
if (listRef.current) {
|
|
28
|
+
const allChildren = Array.from(listRef.current.childNodes);
|
|
29
|
+
const tabIndexedChildren = allChildren.filter(child => child.tabIndex === 0);
|
|
30
|
+
if (nextKeys.includes(event.key) && active < tabIndexedChildren.length - 1)
|
|
31
|
+
active++;
|
|
32
|
+
if (prevKeys.includes(event.key))
|
|
33
|
+
active = active > 0 ? active - 1 : 0;
|
|
34
|
+
tabIndexedChildren.forEach((node, index) => {
|
|
35
|
+
if (index === active) {
|
|
36
|
+
if (clickKeys.includes(event.key))
|
|
37
|
+
node?.click();
|
|
38
|
+
else
|
|
39
|
+
node?.focus();
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
return active;
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
useEffect(() => {
|
|
48
|
+
if (isInteractive)
|
|
49
|
+
document.addEventListener('keydown', onKeydown);
|
|
50
|
+
return () => {
|
|
51
|
+
if (isInteractive)
|
|
52
|
+
document.removeEventListener('keydown', onKeydown);
|
|
53
|
+
};
|
|
54
|
+
}, []);
|
|
55
|
+
return (_jsx(ListProvider, { value: context, children: _jsxs(ListBase, { className: cs('vui-list', className), ref: ref || listRef, ...styles.container, ...rest, children: [isReactText(heading) ? _jsx(ListHeading, { text: heading }) : heading, children ??
|
|
18
56
|
(isArray(items)
|
|
19
57
|
? items.map(({ key, ...props }, index) => _jsx(ListItem, { ...props }, key ?? index))
|
|
20
58
|
: items)] }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/list/list.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/list/list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menuItem.d.ts","sourceRoot":"","sources":["../../../src/menu/menuItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,aAAa,EAAE,MAAM,SAAS,CAAA;AAKjD,oEAAoE;AACpE,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"menuItem.d.ts","sourceRoot":"","sources":["../../../src/menu/menuItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,aAAa,EAAE,MAAM,SAAS,CAAA;AAKjD,oEAAoE;AACpE,eAAO,MAAM,QAAQ,qDAYnB,CAAA;AAGF,eAAe,QAAQ,CAAA"}
|
|
@@ -14,7 +14,7 @@ export const MenuItem = vui((props, ref) => {
|
|
|
14
14
|
onClickProp?.(e);
|
|
15
15
|
closeOnSelect && instance?.hide();
|
|
16
16
|
});
|
|
17
|
-
return
|
|
17
|
+
return _jsx(ListItem, { className: cs('vui-menuItem', className), onClick: onClick, ref: ref, ...styles.item, ...rest });
|
|
18
18
|
});
|
|
19
19
|
MenuItem.displayName = 'MenuItem';
|
|
20
20
|
export default MenuItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menuItem.js","sourceRoot":"","sources":["../../../src/menu/menuItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAiB,MAAM,SAAS,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,EAAE,EAAc,cAAc,EAAE,MAAM,UAAU,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1C,oEAAoE;AACpE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAsB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC1D,MAAM,EAAE,QAAQ,EAAE,GAAG,iBAAiB,EAAE,IAAI,EAAE,CAAA;IAC9C,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,GAAG,cAAc,EAAE,IAAI,EAAE,CAAA;IAC9D,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC,CAAA;IAEjE,MAAM,OAAO,GAAG,cAAc,CAAC,CAAC,CAA4B,EAAE,EAAE;QAC9D,WAAW,EAAE,CAAC,CAAC,CAAC,CAAA;QAChB,aAAa,IAAI,QAAQ,EAAE,IAAI,EAAE,CAAA;IACnC,CAAC,CAAC,CAAA;IAEF,OAAO,
|
|
1
|
+
{"version":3,"file":"menuItem.js","sourceRoot":"","sources":["../../../src/menu/menuItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAiB,MAAM,SAAS,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,EAAE,EAAc,cAAc,EAAE,MAAM,UAAU,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1C,oEAAoE;AACpE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAsB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC1D,MAAM,EAAE,QAAQ,EAAE,GAAG,iBAAiB,EAAE,IAAI,EAAE,CAAA;IAC9C,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,GAAG,cAAc,EAAE,IAAI,EAAE,CAAA;IAC9D,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC,CAAA;IAEjE,MAAM,OAAO,GAAG,cAAc,CAAC,CAAC,CAA4B,EAAE,EAAE;QAC9D,WAAW,EAAE,CAAC,CAAC,CAAC,CAAA;QAChB,aAAa,IAAI,QAAQ,EAAE,IAAI,EAAE,CAAA;IACnC,CAAC,CAAC,CAAA;IAEF,OAAO,KAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAM,MAAM,CAAC,IAAI,KAAM,IAAI,GAAI,CAAA;AACtH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AACjC,eAAe,QAAQ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menuList.d.ts","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,IAAI,MAAM,SAAS,CAAA;AAI1B,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE5C,kEAAkE;AAClE,eAAO,MAAM,QAAQ;
|
|
1
|
+
{"version":3,"file":"menuList.d.ts","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,IAAI,MAAM,SAAS,CAAA;AAI1B,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE5C,kEAAkE;AAClE,eAAO,MAAM,QAAQ;aAwBV,OAAO,KAAK,OAAO;aACnB,OAAO,KAAK,OAAO;UACtB,OAAO,KAAK,IAAI;UAChB,OAAO,KAAK,IAAI;UAChB,OAAO,SAAS;CACvB,CAAA;AAUD,eAAe,QAAQ,CAAA"}
|
|
@@ -10,7 +10,7 @@ export const MenuList = vui((props, ref) => {
|
|
|
10
10
|
const { className, contentProps, contentRef, ...rest } = props;
|
|
11
11
|
const { slotTop, slotBottom } = props;
|
|
12
12
|
const styles = useStyleConfig('Menu', useMenuContext());
|
|
13
|
-
return (_jsx(PopoverContent, { borderRadius: 0, ref: contentRef, ...contentProps, children: _jsxs(Box, { flexDirection: "column", children: [slotTop, _jsx(List, { className: cs('vui-menuList', className), py: 1, ref: ref, w: "100%", ...styles.list, ...rest, maxH: 295 }), slotBottom] }) }));
|
|
13
|
+
return (_jsx(PopoverContent, { borderRadius: 0, ref: contentRef, ...contentProps, children: _jsxs(Box, { flexDirection: "column", children: [slotTop, _jsx(List, { className: cs('vui-menuList', className), isInteractive: true, py: 1, ref: ref, w: "100%", ...styles.list, ...rest, maxH: 295 }), slotBottom] }) }));
|
|
14
14
|
});
|
|
15
15
|
MenuList.Divider = List.Divider;
|
|
16
16
|
MenuList.Heading = List.Heading;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menuList.js","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,cAAc,EAAE,GAAG,EAAgB,MAAM,SAAS,CAAA;AAC3D,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAG1C,kEAAkE;AAClE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAsB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC9D,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IACrC,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE,cAAc,EAAE,CAAC,CAAA;IAEvD,OAAO,CACL,KAAC,cAAc,IAAC,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,UAAU,KAAM,YAAY,YAChE,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACxB,OAAO,EACR,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,EACxC,EAAE,EAAE,CAAC,EACL,GAAG,EAAE,GAAG,EACR,CAAC,EAAC,MAAM,KACJ,MAAM,CAAC,IAAI,KACX,IAAI,EACR,IAAI,EAAE,GAAG,GACT,EACD,UAAU,IACP,GACS,CAClB,CAAA;AACH,CAAC,CAMA,CAAA;AAED,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;AAC/B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;AAC/B,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;AACzB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;AACzB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;AAEzB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
|
|
1
|
+
{"version":3,"file":"menuList.js","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,cAAc,EAAE,GAAG,EAAgB,MAAM,SAAS,CAAA;AAC3D,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAG1C,kEAAkE;AAClE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAsB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC9D,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IACrC,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE,cAAc,EAAE,CAAC,CAAA;IAEvD,OAAO,CACL,KAAC,cAAc,IAAC,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,UAAU,KAAM,YAAY,YAChE,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACxB,OAAO,EACR,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,EACxC,aAAa,QACb,EAAE,EAAE,CAAC,EACL,GAAG,EAAE,GAAG,EACR,CAAC,EAAC,MAAM,KACJ,MAAM,CAAC,IAAI,KACX,IAAI,EACR,IAAI,EAAE,GAAG,GACT,EACD,UAAU,IACP,GACS,CAClB,CAAA;AACH,CAAC,CAMA,CAAA;AAED,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;AAC/B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;AAC/B,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;AACzB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;AACzB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;AAEzB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export declare const radioColors: {
|
|
2
|
-
main:
|
|
3
|
-
hover:
|
|
4
|
-
disabled:
|
|
2
|
+
readonly main: "sandstone.60";
|
|
3
|
+
readonly hover: "sandstone.60";
|
|
4
|
+
readonly disabled: "sandstone.60";
|
|
5
|
+
readonly disabledText: "sandstone.60";
|
|
5
6
|
};
|
|
6
7
|
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/radio/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/radio/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;CAKd,CAAA"}
|
package/dist/esm/radio/consts.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/radio/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/radio/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,cAAc;IACrB,QAAQ,EAAE,cAAc;IACxB,YAAY,EAAE,cAAc;CACpB,CAAA"}
|
package/dist/esm/radio/radio.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,EAAE,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC3E,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,CAAC,MAAM,MAAM,CAAA;AACpB,OAAO,EAAe,EAAE,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAGhD,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAA;;;;;;CAMlC,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;CAW9B,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAiB;;;;;;;aAO5C,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC;;;;aAIlC,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,EAAE,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC3E,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,CAAC,MAAM,MAAM,CAAA;AACpB,OAAO,EAAe,EAAE,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAGhD,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAA;;;;;;CAMlC,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;CAW9B,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAiB;;;;;;;aAO5C,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC;;;;aAIlC,WAAW,CAAC,YAAY;;;;eAItB,WAAW,CAAC,QAAQ;;;CAGlC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAqB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1D,MAAM,EACJ,YAAY,EAAE,iBAAiB,EAC/B,SAAS,EAAE,cAAc,EACzB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,UAAU,EACjB,GAAG,eAAe,EACnB,GAAG,oBAAoB,EAAE,IAAI,EAAE,CAAA;IAChC,MAAM,gBAAgB,GAAG,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAA;IAElG,MAAM,WAAW,GAAG,EAAE,GAAG,eAAe,EAAE,GAAG,KAAK,EAAE,CAAA;IACpD,MAAM,EACJ,OAAO,GAAG,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,EAC3E,QAAQ,EACR,SAAS,EACT,cAAc,GAAG,iBAAiB,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,iBAAiB,CAAC,CAAC,CAAC,SAAS,EAChG,QAAQ,EACR,IAAI,EAAE,QAAQ,GAAG,oBAAoB,EACrC,WAAW,GAAG,kBAAkB,EAChC,EAAE,EACF,UAAU,EACV,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAA;IAEjC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,gBAAgB,IAAI,OAAO,IAAI,cAAc,CAAC,CAAA;IACzF,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IACnD,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,GAAG,MAAM,CAAC,OAAO,CAAA;IAE5E,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC/C,MAAM,SAAS,GAAG,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,MAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAA;IAC5D,MAAM,iBAAiB,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAA;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,KAAK,SAAS,EAAE;YAChC,YAAY,CAAC,cAAc,KAAK,KAAK,CAAC,CAAA;SACvC;aAAM,IAAI,OAAO,KAAK,SAAS,EAAE;YAChC,YAAY,CAAC,OAAO,CAAC,CAAA;SACtB;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAA;IAE7B,SAAS,cAAc,CAAC,CAAc;QACpC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAA;QAClB,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;IACf,CAAC;IAED,MAAM,YAAY,GAAG,eAAe,CAAC;QACnC,eAAe,EAAE,QAAQ;KAC1B,CAAC,CAAA;IAEF,OAAO,CACL,MAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EACrC,iBAAiB,EAAE,iBAAiB,EACpC,GAAG,EAAE,GAAG,KACJ,MAAM,CAAC,SAAS,KAChB,YAAY,KACZ,IAAI,aAER,MAAC,YAAY,IACX,EAAE,EAAC,OAAO,EACV,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,CAAC,EAClB,EAAE,EAAE,SAAS,KACT,aAAa,aAEhB,OAAO,KAAK,SAAS,IAAI,CACxB,KAAC,UAAU,kBACE,aAAa,EACxB,SAAS,EAAC,gBAAgB,EAC1B,QAAQ,EAAE,cAAc,EACxB,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,OAAO,EACN,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,KAC9C,UAAU,GACd,CACH,EAEA,OAAO,KAAK,SAAS,IAAI,CACxB,KAAC,UAAU,kBACE,aAAa,EACxB,SAAS,EAAC,gBAAgB,EAC1B,QAAQ,EAAE,cAAc,EACxB,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,OAAO,EACN,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,KACrD,UAAU,GACd,CACH,EAED,KAAC,IAAI,IAAC,SAAS,EAAC,eAAe,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,GAAG,IACnD,EAEd,QAAQ;gBACP,CAAC,KAAK,IAAI,CACR,KAAC,CAAC,IAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAC,QAAQ,KAAK,MAAM,CAAC,KAAK,YAC/D,KAAK,GACJ,CACL,CAAC,IACM,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,eAAe,KAAK,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectButton.d.ts","sourceRoot":"","sources":["../../../src/select/selectButton.tsx"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"selectButton.d.ts","sourceRoot":"","sources":["../../../src/select/selectButton.tsx"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,YAAY,2EAgEvB,CAAA;AAGF,eAAe,YAAY,CAAA"}
|
|
@@ -14,8 +14,15 @@ export const SelectButton = vui((props, ref) => {
|
|
|
14
14
|
const { disabled, isInvalid, placeholder, readOnly, valueText } = useSelectContext() ?? {};
|
|
15
15
|
const styles = useStyleConfig('Select', useSelectContext());
|
|
16
16
|
const text = valueText || placeholder;
|
|
17
|
-
const
|
|
18
|
-
|
|
17
|
+
const disabledProps = disabled
|
|
18
|
+
? {
|
|
19
|
+
activeBg: 'sandstone.79',
|
|
20
|
+
cursor: 'not-allowed',
|
|
21
|
+
backgroundColor: 'sandstone.79',
|
|
22
|
+
borderColor: 'sandstone.79',
|
|
23
|
+
hoverBg: 'sandstone.79',
|
|
24
|
+
}
|
|
25
|
+
: undefined;
|
|
19
26
|
const readOnlyProps = readOnly
|
|
20
27
|
? {
|
|
21
28
|
activeBg: 'sandstone.95',
|
|
@@ -26,14 +33,16 @@ export const SelectButton = vui((props, ref) => {
|
|
|
26
33
|
hoverBg: 'sandstone.95',
|
|
27
34
|
opacity: 1,
|
|
28
35
|
}
|
|
29
|
-
:
|
|
36
|
+
: undefined;
|
|
30
37
|
const isInvalidProps = isInvalid
|
|
31
38
|
? {
|
|
32
39
|
borderColor: 'energyRed.45',
|
|
33
40
|
hoverBorderColor: 'energyRed.45',
|
|
34
41
|
}
|
|
35
|
-
:
|
|
36
|
-
|
|
42
|
+
: undefined;
|
|
43
|
+
const textColor = valueText ? undefined : 'sandstone.10';
|
|
44
|
+
const iconColor = disabled ? 'sandstone.10' : 'seaBlue.main';
|
|
45
|
+
return (_jsx(PopoverTrigger, { as: LineButton, bg: "white", className: cs('vui-selectButton', className), disabled: disabled, focusRing: 2, fontWeight: "regular", iconRight: _jsx(Button.Icon, { color: iconColor, ml: "auto", name: "falAngleDown" }), isFullWidth: true, px: 1, ref: ref, text: _jsx(Button.Text, { color: textColor, ...ellipsisOverflow, children: text }), userSelect: "text", ...styles.button, ...disabledProps, ...readOnlyProps, ...isInvalidProps, ...rest }));
|
|
37
46
|
});
|
|
38
47
|
SelectButton.displayName = 'SelectButton';
|
|
39
48
|
export default SelectButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectButton.js","sourceRoot":"","sources":["../../../src/select/selectButton.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,EAAE,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAG5C;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,IAAI,EAAE,CAAA;IAC1F,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,EAAE,gBAAgB,EAAE,CAAC,CAAA;IAE3D,MAAM,IAAI,GAAG,SAAS,IAAI,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"selectButton.js","sourceRoot":"","sources":["../../../src/select/selectButton.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,EAAE,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAG5C;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,IAAI,EAAE,CAAA;IAC1F,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,EAAE,gBAAgB,EAAE,CAAC,CAAA;IAE3D,MAAM,IAAI,GAAG,SAAS,IAAI,WAAW,CAAA;IAErC,MAAM,aAAa,GAAG,QAAQ;QAC5B,CAAC,CAAC;YACE,QAAQ,EAAE,cAAc;YACxB,MAAM,EAAE,aAAa;YACrB,eAAe,EAAE,cAAc;YAC/B,WAAW,EAAE,cAAc;YAC3B,OAAO,EAAE,cAAc;SACxB;QACH,CAAC,CAAC,SAAS,CAAA;IAEb,MAAM,aAAa,GAAG,QAAQ;QAC5B,CAAC,CAAC;YACE,QAAQ,EAAE,cAAc;YACxB,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,cAAc;YACrB,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,IAAI;YACd,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,CAAC;SACX;QACH,CAAC,CAAC,SAAS,CAAA;IAEb,MAAM,cAAc,GAAG,SAAS;QAC9B,CAAC,CAAC;YACE,WAAW,EAAE,cAAc;YAC3B,gBAAgB,EAAE,cAAc;SACjC;QACH,CAAC,CAAC,SAAS,CAAA;IAEb,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAA;IACxD,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAA;IAE5D,OAAO,CACL,KAAC,cAAc,IACb,EAAE,EAAE,UAAU,EACd,EAAE,EAAC,OAAO,EACV,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAC5C,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAC,EACZ,UAAU,EAAC,SAAS,EACpB,SAAS,EAAE,KAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,GAAG,EAC1E,WAAW,QACX,EAAE,EAAE,CAAC,EACL,GAAG,EAAE,GAAG,EACR,IAAI,EACF,KAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAE,SAAS,KAAM,gBAAgB,YAChD,IAAI,GACO,EAEhB,UAAU,EAAC,MAAM,KACb,MAAM,CAAC,MAAM,KACb,aAAa,KACb,aAAa,KACb,cAAc,KACd,IAAI,GACR,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AACzC,eAAe,YAAY,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabsNavBar.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabsNavBar.tsx"],"names":[],"mappings":"AASA,OAAO,EAAiC,cAAc,EAAE,MAAM,cAAc,CAAA;AAK5E,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"tabsNavBar.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabsNavBar.tsx"],"names":[],"mappings":"AASA,OAAO,EAAiC,cAAc,EAAE,MAAM,cAAc,CAAA;AAK5E,eAAO,MAAM,UAAU,uDAmFrB,CAAA;AAIF,eAAe,UAAU,CAAA"}
|
|
@@ -18,7 +18,10 @@ export const TabsNavBar = vui((props, ref) => {
|
|
|
18
18
|
const py = sizes[size ?? 'md'].tabsNavBar.py;
|
|
19
19
|
const iconMarginRight = size === 'xxl' ? '16px' : '8px';
|
|
20
20
|
const isActive = (tab) => !tab.disabled && tab?.index === activeNavItem;
|
|
21
|
-
return (_jsxs(List, { alignItems: "end", borderBottom: showBorder ? `1px solid ${border}` : 'none', className: cs('vui-tabsNavBar'), display: "flex", isInteractive: true, mb: "20px", ref: ref, w: 1, children: [tabs?.map?.(tab => (_jsxs(ListItem, { activeBg: tab.disabled ? undefined : activeBg, bg: "white", className: `vui-tabsNavBarItem vui-tabsNavBarItem-${tab?.id}`, color: isActive(tab) ? main : color, disabled: tab.disabled, display: "inline-flex", fontSize: fontSize, fontWeight: 500, h: h, hoverBg: tab.disabled ? undefined : hover, onClick: e => onNavItemClick?.(tab.index || 0, e), position: "relative", px: "16px", py: py, children: [_jsxs(Box, { alignItems: "center", children: [!!tab.icon && _jsx(Icon, { mr: iconMarginRight, name: tab.icon, size: iconSize }), tab.title] }), !!tab.onDelete && (_jsx(TagButton, { disabled: tab.disabled, hoverBg: "skyBlue.80", hoverColor: "seaBlue.main", isRound: false, ml: 1, onClick: e =>
|
|
21
|
+
return (_jsxs(List, { alignItems: "end", borderBottom: showBorder ? `1px solid ${border}` : 'none', className: cs('vui-tabsNavBar'), display: "flex", isInteractive: true, mb: "20px", ref: ref, w: 1, children: [tabs?.map?.(tab => (_jsxs(ListItem, { activeBg: tab.disabled ? undefined : activeBg, bg: "white", className: `vui-tabsNavBarItem vui-tabsNavBarItem-${tab?.id}`, color: isActive(tab) ? main : color, disabled: tab.disabled, display: "inline-flex", fontSize: fontSize, fontWeight: 500, h: h, hoverBg: tab.disabled ? undefined : hover, onClick: e => onNavItemClick?.(tab.index || 0, e), position: "relative", px: "16px", py: py, children: [_jsxs(Box, { alignItems: "center", children: [!!tab.icon && _jsx(Icon, { mr: iconMarginRight, name: tab.icon, size: iconSize }), tab.title] }), !!tab.onDelete && (_jsx(TagButton, { disabled: tab.disabled, hoverBg: "skyBlue.80", hoverColor: "seaBlue.main", isRound: false, ml: 1, onClick: e => {
|
|
22
|
+
e.stopPropagation();
|
|
23
|
+
tab?.onDelete?.(e);
|
|
24
|
+
}, title: "Delete" })), isActive(tab) && (_jsx(Box, { animation: animationDirection, bg: main, bottom: "-1px", h: borderWidth, left: 0, position: "absolute", w: 1, children: "\u00A0" }))] }, tab.index))), !!actions && (_jsx(Box, { ml: "auto", px: 0.75, py: 0.5, children: actions }))] }));
|
|
22
25
|
});
|
|
23
26
|
TabsNavBar.displayName = 'TabsNavBar';
|
|
24
27
|
export default TabsNavBar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabsNavBar.js","sourceRoot":"","sources":["../../../src/tabs/tabsNavBar.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"tabsNavBar.js","sourceRoot":"","sources":["../../../src/tabs/tabsNavBar.tsx"],"names":[],"mappings":";AAEA,OAAO,GAAG,MAAM,QAAQ,CAAA;AACxB,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAClC,OAAO,EAAE,EAAE,EAAQ,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEjD,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,MAAM,CAAA;AAEvD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAwB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,aAAa,EAAE,kBAAkB,EAAE,UAAU,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC3G,MAAM,QAAQ,GAAmB,cAAc,EAAE,CAAC,IAAc,CAAC,IAAI,IAAI,CAAA;IAEzE,MAAM,EAAE,KAAK,EAAE,GAAI,KAAc,IAAI,EAAE,CAAA;IAEvC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAA;IACxD,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;IAC1C,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,UAAU,CAAC,WAAW,CAAA;IAC9D,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,UAAU,CAAC,EAAE,CAAA;IAC5C,MAAM,eAAe,GAAG,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAA;IAEvD,MAAM,QAAQ,GAAG,CAAC,GAAkB,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,IAAI,GAAG,EAAE,KAAK,KAAK,aAAa,CAAA;IAEtF,OAAO,CACL,MAAC,IAAI,IACH,UAAU,EAAC,KAAK,EAChB,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,EACzD,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAC/B,OAAO,EAAC,MAAM,EACd,aAAa,QACb,EAAE,EAAC,MAAM,EACT,GAAG,EAAE,GAAG,EACR,CAAC,EAAE,CAAC,aAEH,IAAI,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAClB,MAAC,QAAQ,IACP,QAAQ,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAC7C,EAAE,EAAC,OAAO,EACV,SAAS,EAAE,yCAAyC,GAAG,EAAE,EAAE,EAAE,EAC7D,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACnC,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,OAAO,EAAC,aAAa,EACrB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,GAAG,EACf,CAAC,EAAE,CAAC,EACJ,OAAO,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAEzC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,EACjD,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,EAAE,aAEN,MAAC,GAAG,IAAC,UAAU,EAAC,QAAQ,aACrB,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,KAAC,IAAI,IAAC,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,GAAI,EAC3E,GAAG,CAAC,KAAK,IACN,EACL,CAAC,CAAC,GAAG,CAAC,QAAQ,IAAI,CACjB,KAAC,SAAS,IACR,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,OAAO,EAAC,YAAY,EACpB,UAAU,EAAC,cAAc,EACzB,OAAO,EAAE,KAAK,EACd,EAAE,EAAE,CAAC,EACL,OAAO,EAAE,CAAC,CAAC,EAAE;4BACX,CAAC,CAAC,eAAe,EAAE,CAAA;4BACnB,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;wBACpB,CAAC,EACD,KAAK,EAAC,QAAQ,GACd,CACH,EACA,QAAQ,CAAC,GAAG,CAAC,IAAI,CAChB,KAAC,GAAG,IACF,SAAS,EAAE,kBAAkB,EAC7B,EAAE,EAAE,IAAI,EACR,MAAM,EAAC,MAAM,EACb,CAAC,EAAE,WAAW,EACd,IAAI,EAAE,CAAC,EACP,QAAQ,EAAC,UAAU,EACnB,CAAC,EAAE,CAAC,uBAGA,CACP,KApCI,GAAG,CAAC,KAAK,CAqCL,CACZ,CAAC,EACD,CAAC,CAAC,OAAO,IAAI,CACZ,KAAC,GAAG,IAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,YAC7B,OAAO,GACJ,CACP,IACI,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAoBhD,eAAO,MAAM,YAAY,+HAKxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,sDA2GnB,CAAA;AAIF,eAAe,QAAQ,CAAA"}
|