@veracity/vui 2.18.3 → 2.19.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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/list/list.d.ts.map +1 -1
- package/dist/cjs/list/list.js +64 -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 +7 -4
- 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 +20 -20
- package/dist/cjs/theme/defaultTheme.d.ts +20 -20
- 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/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 +8 -5
- 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 +20 -20
- package/dist/esm/theme/defaultTheme.d.ts +20 -20
- package/dist/tsconfig.legacy.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- 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/list/list.tsx +44 -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 +16 -4
- package/src/textarea/textarea.types.ts +6 -0
- package/src/textarea/theme.ts +1 -1
|
@@ -41,11 +41,12 @@ export const ButtonBase = styled.buttonBox `
|
|
|
41
41
|
export const Button = vui((props, ref) => {
|
|
42
42
|
const buttonGroupProps = useButtonGroupContext();
|
|
43
43
|
const mergedProps = { ...buttonGroupProps, ...props };
|
|
44
|
-
const { borderWidth: borderWidthProp, children, className, colorScheme, disabled, dropDownIcon = 'falAngleDown', icon, iconLeft, iconRight, isActive, isDropDown, isElevated, isFullWidth, isLoading, // eslint-disable-line
|
|
44
|
+
const { borderWidth: borderWidthProp, children, className, colorScheme, disabled, dropDownIcon = 'falAngleDown', icon, iconLeft, iconRight: iconRightProp, isActive, isDropDown, isElevated, isFullWidth, isLoading, // eslint-disable-line
|
|
45
45
|
isRound, isSplit, isTruncated, size, state = '', stateMapping, text, title, variant: variantProp, ...rest } = mergedProps;
|
|
46
46
|
const hasState = Boolean(state) && state !== 'idle';
|
|
47
47
|
const states = { ...buttonStateMapping, ...stateMapping };
|
|
48
48
|
const { iconProps: stateIconProps, ...stateProps } = states[state] ?? {};
|
|
49
|
+
const iconRight = isDropDown ? 'falAngleDown' : iconRightProp;
|
|
49
50
|
const variant = filterUndefined({
|
|
50
51
|
variant: states[state]?.variant ?? variantProp,
|
|
51
52
|
});
|
|
@@ -85,7 +86,7 @@ export const Button = vui((props, ref) => {
|
|
|
85
86
|
pointerEvents: hasState ? 'none' : undefined,
|
|
86
87
|
w: isFullWidth ? '100%' : undefined,
|
|
87
88
|
});
|
|
88
|
-
return (_jsx(ButtonProvider, { value: context, children: _jsxs(ButtonBase, { borderWidth: border, className: cs('vui-button', className, isActive && activeClassName, variantProp ? `vui-button-variant-${variantProp}` : undefined), disabled: disabled, focusRing: 3, h: h, pl: pl, pr:
|
|
89
|
+
return (_jsx(ButtonProvider, { value: context, children: _jsxs(ButtonBase, { borderWidth: border, className: cs('vui-button', className, isActive && activeClassName, variantProp ? `vui-button-variant-${variantProp}` : undefined), disabled: disabled, focusRing: 3, h: h, pl: pl, pr: pr, ref: ref, title: title || ariaLabel, type: "button", variant: variant, ...buttonStyles, ...disabledProps, ...aliasedProps, ...rest, children: [hasState && (_jsx(StateWrapper, { onClick: (e) => e.stopPropagation(), ...stateProps, children: _jsx(ButtonIcon, { m: "auto", ...stateIconProps }) })), _jsxs(Content, { children: [isString(icon) ? _jsx(ButtonIcon, { name: icon }) : icon, !icon && (_jsxs(_Fragment, { children: [isLoading ? (_jsx(ButtonIcon, { mr: iconLeftMr, ...loadingIconProps })) : isString(iconLeft) ? (_jsx(ButtonIcon, { mr: iconLeftMr, name: iconLeft })) : (iconLeft), children ?? (isReactText(text) ? _jsx(ButtonText, { isTruncated, text }) : text), isString(iconRight) ? (_jsx(ButtonIcon, { ml: !children && !text ? 0 : iconRightMl, name: iconRight })) : (iconRight)] }))] })] }) }));
|
|
89
90
|
});
|
|
90
91
|
Button.Icon = ButtonIcon;
|
|
91
92
|
Button.Text = ButtonText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAC9D,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAgB,MAAM,SAAS,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEtF,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1C,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAA;;CAEjC,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;CAO/B,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,CAAa;;;;;;;;;;;;CAYtD,CAAA;AAED;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAwB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,gBAAgB,GAAG,qBAAqB,EAAE,CAAA;IAChD,MAAM,WAAW,GAAG,EAAE,GAAG,gBAAgB,EAAE,GAAG,KAAK,EAAE,CAAA;IACrD,MAAM,EACJ,WAAW,EAAE,eAAe,EAC5B,QAAQ,EACR,SAAS,EACT,WAAW,EACX,QAAQ,EACR,YAAY,GAAG,cAAc,EAC7B,IAAI,EACJ,QAAQ,EACR,SAAS,
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -35,11 +35,11 @@ export const CheckboxBase = styled.labelBox `
|
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
&[aria-disabled='true'] {
|
|
38
|
-
color: ${checkboxColors.
|
|
38
|
+
color: ${checkboxColors.disabledText};
|
|
39
39
|
cursor: not-allowed;
|
|
40
40
|
|
|
41
41
|
.vui-checkboxControl {
|
|
42
|
-
color: ${checkboxColors.
|
|
42
|
+
color: ${checkboxColors.disabledText};
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
`;
|
|
@@ -55,7 +55,7 @@ export const Checkbox = vui((props, ref) => {
|
|
|
55
55
|
const styles = useStyleConfig('Checkbox', mergedProps);
|
|
56
56
|
const { color: controlColor, hoverColor, ...controlStyles } = styles.control;
|
|
57
57
|
const icon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp;
|
|
58
|
-
const controlMr = children || label ?
|
|
58
|
+
const controlMr = children || label ? 1 : 0;
|
|
59
59
|
const color = controlColor ? controlColor : checkboxColors.main;
|
|
60
60
|
const controlHoverColor = hoverColor ? hoverColor : checkboxColors.hover;
|
|
61
61
|
const isLongLabel = label && label?.length >= 60;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.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;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAEnD,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAA;;;;;;CAMrC,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;CAWjC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAoB;;;;;;aAMlD,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC;;;;aAIlC,cAAc,CAAC,
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export declare const checkboxColors: {
|
|
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/checkbox/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/checkbox/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;CAKjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/checkbox/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/checkbox/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,cAAc;IACrB,QAAQ,EAAE,cAAc;IACxB,YAAY,EAAE,cAAc;CACpB,CAAA"}
|
|
@@ -1,32 +1,38 @@
|
|
|
1
1
|
import { InputStateMapping } from './input.types';
|
|
2
2
|
export declare const inputColors: {
|
|
3
|
-
border:
|
|
4
|
-
placeholder:
|
|
5
|
-
inputText:
|
|
6
|
-
helpText:
|
|
7
|
-
icons:
|
|
8
|
-
disabled:
|
|
9
|
-
focus:
|
|
10
|
-
error:
|
|
11
|
-
loading:
|
|
12
|
-
success:
|
|
3
|
+
readonly border: "sandstone.60";
|
|
4
|
+
readonly placeholder: "sandstone.55";
|
|
5
|
+
readonly inputText: "sandstone.10";
|
|
6
|
+
readonly helpText: "sandstone.30";
|
|
7
|
+
readonly icons: "seaBlue.main";
|
|
8
|
+
readonly disabled: "sandstone.95";
|
|
9
|
+
readonly focus: "focusColor";
|
|
10
|
+
readonly error: "energyRed.45";
|
|
11
|
+
readonly loading: "seaBlue.80";
|
|
12
|
+
readonly success: "landGreen.35";
|
|
13
13
|
};
|
|
14
14
|
export declare const stateIcons: {
|
|
15
|
-
error:
|
|
16
|
-
loading:
|
|
17
|
-
success:
|
|
15
|
+
readonly error: "falExclamationTriangle";
|
|
16
|
+
readonly loading: "fadSpinnerThird";
|
|
17
|
+
readonly success: "falCheck";
|
|
18
18
|
};
|
|
19
19
|
export declare const inputStateMapping: InputStateMapping;
|
|
20
20
|
export declare const displayValueOnlyTextSize: {
|
|
21
|
-
sm:
|
|
22
|
-
md:
|
|
23
|
-
lg:
|
|
24
|
-
xl:
|
|
21
|
+
readonly sm: "xs";
|
|
22
|
+
readonly md: "sm";
|
|
23
|
+
readonly lg: "md";
|
|
24
|
+
readonly xl: "lg";
|
|
25
25
|
};
|
|
26
26
|
export declare const clearIconSize: {
|
|
27
|
-
sm:
|
|
28
|
-
md:
|
|
29
|
-
lg:
|
|
30
|
-
xl:
|
|
27
|
+
readonly sm: "sm";
|
|
28
|
+
readonly md: "sm";
|
|
29
|
+
readonly lg: "sm";
|
|
30
|
+
readonly xl: "md";
|
|
31
|
+
};
|
|
32
|
+
export declare const helpTextSize: {
|
|
33
|
+
readonly sm: "sm";
|
|
34
|
+
readonly md: "sm";
|
|
35
|
+
readonly lg: "md";
|
|
36
|
+
readonly xl: "md";
|
|
31
37
|
};
|
|
32
38
|
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/input/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,eAAO,MAAM,WAAW;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/input/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,eAAO,MAAM,WAAW;;;;;;;;;;;CAWd,CAAA;AAEV,eAAO,MAAM,UAAU;;;;CAIb,CAAA;AAEV,eAAO,MAAM,iBAAiB,EAAE,iBAuB/B,CAAA;AAED,eAAO,MAAM,wBAAwB;;;;;CAK3B,CAAA;AAEV,eAAO,MAAM,aAAa;;;;;CAKhB,CAAA;AAEV,eAAO,MAAM,YAAY;;;;;CAKf,CAAA"}
|
package/dist/esm/input/consts.js
CHANGED
|
@@ -5,7 +5,7 @@ export const inputColors = {
|
|
|
5
5
|
helpText: 'sandstone.30',
|
|
6
6
|
icons: 'seaBlue.main',
|
|
7
7
|
disabled: 'sandstone.95',
|
|
8
|
-
focus: '
|
|
8
|
+
focus: 'focusColor',
|
|
9
9
|
error: 'energyRed.45',
|
|
10
10
|
loading: 'seaBlue.80',
|
|
11
11
|
success: 'landGreen.35',
|
|
@@ -51,4 +51,10 @@ export const clearIconSize = {
|
|
|
51
51
|
lg: 'sm',
|
|
52
52
|
xl: 'md',
|
|
53
53
|
};
|
|
54
|
+
export const helpTextSize = {
|
|
55
|
+
sm: 'sm',
|
|
56
|
+
md: 'sm',
|
|
57
|
+
lg: 'md',
|
|
58
|
+
xl: 'md',
|
|
59
|
+
};
|
|
54
60
|
//# sourceMappingURL=consts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/input/consts.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,cAAc;IACtB,WAAW,EAAE,cAAc;IAC3B,SAAS,EAAE,cAAc;IACzB,QAAQ,EAAE,cAAc;IACxB,KAAK,EAAE,cAAc;IACrB,QAAQ,EAAE,cAAc;IACxB,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/input/consts.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,cAAc;IACtB,WAAW,EAAE,cAAc;IAC3B,SAAS,EAAE,cAAc;IACzB,QAAQ,EAAE,cAAc;IACxB,KAAK,EAAE,cAAc;IACrB,QAAQ,EAAE,cAAc;IACxB,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,cAAc;IACrB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,cAAc;CACf,CAAA;AAEV,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,wBAAwB;IAC/B,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,UAAU;CACX,CAAA;AAEV,MAAM,CAAC,MAAM,iBAAiB,GAAsB;IAClD,KAAK,EAAE;QACL,OAAO,EAAE,KAAK;QACd,SAAS,EAAE;YACT,KAAK,EAAE,WAAW,CAAC,KAAK;YACxB,IAAI,EAAE,UAAU,CAAC,KAAK;SACvB;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,MAAM;QACf,SAAS,EAAE;YACT,SAAS,EAAE,+BAA+B;YAC1C,IAAI,EAAE,UAAU,CAAC,OAAO;YACxB,QAAQ,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC;SACnD;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE;YACT,KAAK,EAAE,WAAW,CAAC,OAAO;YAC1B,IAAI,EAAE,UAAU,CAAC,OAAO;SACzB;KACF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACA,CAAA;AAEV,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACA,CAAA;AAEV,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACA,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HelpTextProps } from './input.types';
|
|
2
|
-
/** Displaying help text
|
|
2
|
+
/** Displaying help text below the input. */
|
|
3
3
|
export declare const HelpText: import("../core").VuiComponent<"div", HelpTextProps>;
|
|
4
4
|
export default HelpText;
|
|
5
5
|
//# sourceMappingURL=helpText.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpText.d.ts","sourceRoot":"","sources":["../../../src/input/helpText.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,
|
|
1
|
+
{"version":3,"file":"helpText.d.ts","sourceRoot":"","sources":["../../../src/input/helpText.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,4CAA4C;AAC5C,eAAO,MAAM,QAAQ,sDAuBnB,CAAA;AAGF,eAAe,QAAQ,CAAA"}
|
|
@@ -5,14 +5,14 @@ import P from '../p';
|
|
|
5
5
|
import { cs } from '../utils';
|
|
6
6
|
import { inputColors } from './consts';
|
|
7
7
|
import { useInputContext } from './context';
|
|
8
|
-
/** Displaying help text
|
|
8
|
+
/** Displaying help text below the input. */
|
|
9
9
|
export const HelpText = vui((props, ref) => {
|
|
10
10
|
const { className, children, isError, ...rest } = props;
|
|
11
11
|
const inputProps = useInputContext();
|
|
12
12
|
const mergedProps = { ...inputProps, ...props };
|
|
13
13
|
const styles = useStyleConfig('Input', mergedProps);
|
|
14
14
|
const color = isError ? inputColors.error : inputColors.helpText;
|
|
15
|
-
return (_jsxs(P, { alignItems: "center", className: cs('vui-inputHelpText', className), color: color, display: "flex",
|
|
15
|
+
return (_jsxs(P, { alignItems: "center", className: cs('vui-inputHelpText', className), color: color, display: "flex", pt: 0.5, ref: ref, ...styles.helpText, ...rest, children: [isError && _jsx(Icon, { mr: 1, name: "falExclamationTriangle", pathFill: inputColors.error, size: "sm" }), children] }));
|
|
16
16
|
});
|
|
17
17
|
HelpText.displayName = 'HelpText';
|
|
18
18
|
export default HelpText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpText.js","sourceRoot":"","sources":["../../../src/input/helpText.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,CAAC,MAAM,MAAM,CAAA;AACpB,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,
|
|
1
|
+
{"version":3,"file":"helpText.js","sourceRoot":"","sources":["../../../src/input/helpText.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,CAAC,MAAM,MAAM,CAAA;AACpB,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,4CAA4C;AAC5C,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACvD,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,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAA;IAEhE,OAAO,CACL,MAAC,CAAC,IACA,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,EAC7C,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,MAAM,EACd,EAAE,EAAE,GAAG,EACP,GAAG,EAAE,GAAG,KACJ,MAAM,CAAC,QAAQ,KACf,IAAI,aAEP,OAAO,IAAI,KAAC,IAAI,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAC,wBAAwB,EAAC,QAAQ,EAAE,WAAW,CAAC,KAAK,EAAE,IAAI,EAAC,IAAI,GAAG,EAC/F,QAAQ,IACP,CACL,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AACjC,eAAe,QAAQ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAOnE,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,eAAO,MAAM,SAAS,+HAoBrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK;
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAOnE,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,eAAO,MAAM,SAAS,+HAoBrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK;UA6KV,gBAAgB;WACf,iBAAiB;cACd,eAAe;CAC1B,CAAA;AAOD,eAAe,KAAK,CAAA"}
|
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
|
@@ -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;aAuDN,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 (listRef.current && isInteractive) {
|
|
49
|
+
listRef.current.addEventListener('keydown', onKeydown);
|
|
50
|
+
return () => {
|
|
51
|
+
listRef.current?.removeEventListener('keydown', onKeydown);
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
}, [listRef.current, isInteractive]);
|
|
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":";AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAgB,MAAM,SAAS,CAAA;AACnE,OAAO,EAAE,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,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;AAEjC,MAAM,SAAS,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAA;AAChC,MAAM,QAAQ,GAAG,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;AACrC,MAAM,QAAQ,GAAG,CAAC,SAAS,CAAC,CAAA;AAE5B,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAA,EAAE,CAAA;AAEtC,+GAA+G;AAC/G,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC5F,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IAE5C,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IAEhH,MAAM,OAAO,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAE9C,MAAM,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;IAEzC,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;QACzC,IAAI,CAAC,GAAG,QAAQ,EAAE,GAAG,QAAQ,EAAE,GAAG,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YAChE,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,SAAS,CAAC,CAAC,CAAS,EAAE,EAAE;gBACtB,IAAI,MAAM,GAAG,CAAC,CAAA;gBACd,IAAI,OAAO,CAAC,OAAO,EAAE;oBACnB,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,CAAA;oBAC1D,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAE,KAAqB,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAA;oBAE7F,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,MAAM,GAAG,kBAAkB,CAAC,MAAM,GAAG,CAAC;wBAAE,MAAM,EAAE,CAAA;oBACpF,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC;wBAAE,MAAM,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;oBAEtE,kBAAkB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wBACzC,IAAI,KAAK,KAAK,MAAM,EAAE;4BACpB,IAAI,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC;gCAAG,IAAoB,EAAE,KAAK,EAAE,CAAA;;gCAC3D,IAAoB,EAAE,KAAK,EAAE,CAAA;yBACpC;oBACH,CAAC,CAAC,CAAA;iBACH;gBACD,OAAO,MAAM,CAAA;YACf,CAAC,CAAC,CAAA;SACH;IACH,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,OAAO,IAAI,aAAa,EAAE;YACpC,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;YACtD,OAAO,GAAG,EAAE;gBACV,OAAO,CAAC,OAAO,EAAE,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;YAC5D,CAAC,CAAA;SACF;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,KAAC,YAAY,IAAC,KAAK,EAAE,OAAO,YAC1B,MAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,OAAO,KAAM,MAAM,CAAC,SAAS,KAAM,IAAI,aAChG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,IAAI,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,OAAO,EAC/D,QAAQ;oBACP,CAAC,OAAO,CAAgB,KAAK,CAAC;wBAC5B,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,KAAC,QAAQ,OAAwB,KAAK,IAAvB,GAAG,IAAI,KAAK,CAAe,CAAC;wBACrF,CAAC,CAAC,KAAK,CAAC,IACH,GACE,CAChB,CAAA;AACH,CAAC,CAMA,CAAA;AAED,IAAI,CAAC,OAAO,GAAG,WAAW,CAAA;AAC1B,IAAI,CAAC,OAAO,GAAG,WAAW,CAAA;AAC1B,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;AACpB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;AACpB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;AACpB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AACzB,eAAe,IAAI,CAAA"}
|
|
@@ -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;
|