@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAYtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAYtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;UA2IX,iBAAiB;UACjB,iBAAiB;CACxB,CAAA;AAMD,eAAe,MAAM,CAAA"}
|
|
@@ -82,11 +82,12 @@ exports.Button = (0, core_1.vui)((props, ref) => {
|
|
|
82
82
|
var _a, _b, _c, _d, _e;
|
|
83
83
|
const buttonGroupProps = (0, context_1.useButtonGroupContext)();
|
|
84
84
|
const mergedProps = Object.assign(Object.assign({}, buttonGroupProps), props);
|
|
85
|
-
const { borderWidth: borderWidthProp, children, className, colorScheme, disabled, dropDownIcon = 'falAngleDown', icon, iconLeft, iconRight, isActive, isDropDown, isElevated, isFullWidth, isLoading, // eslint-disable-line
|
|
85
|
+
const { borderWidth: borderWidthProp, children, className, colorScheme, disabled, dropDownIcon = 'falAngleDown', icon, iconLeft, iconRight: iconRightProp, isActive, isDropDown, isElevated, isFullWidth, isLoading, // eslint-disable-line
|
|
86
86
|
isRound, isSplit, isTruncated, size, state = '', stateMapping, text, title, variant: variantProp } = mergedProps, rest = __rest(mergedProps, ["borderWidth", "children", "className", "colorScheme", "disabled", "dropDownIcon", "icon", "iconLeft", "iconRight", "isActive", "isDropDown", "isElevated", "isFullWidth", "isLoading", "isRound", "isSplit", "isTruncated", "size", "state", "stateMapping", "text", "title", "variant"]);
|
|
87
87
|
const hasState = Boolean(state) && state !== 'idle';
|
|
88
88
|
const states = Object.assign(Object.assign({}, consts_1.buttonStateMapping), stateMapping);
|
|
89
89
|
const _f = (_a = states[state]) !== null && _a !== void 0 ? _a : {}, { iconProps: stateIconProps } = _f, stateProps = __rest(_f, ["iconProps"]);
|
|
90
|
+
const iconRight = isDropDown ? 'falAngleDown' : iconRightProp;
|
|
90
91
|
const variant = (0, utils_1.filterUndefined)({
|
|
91
92
|
variant: (_c = (_b = states[state]) === null || _b === void 0 ? void 0 : _b.variant) !== null && _c !== void 0 ? _c : variantProp,
|
|
92
93
|
});
|
|
@@ -126,7 +127,7 @@ exports.Button = (0, core_1.vui)((props, ref) => {
|
|
|
126
127
|
pointerEvents: hasState ? 'none' : undefined,
|
|
127
128
|
w: isFullWidth ? '100%' : undefined,
|
|
128
129
|
});
|
|
129
|
-
return ((0, jsx_runtime_1.jsx)(context_2.ButtonProvider, { value: context, children: (0, jsx_runtime_1.jsxs)(exports.ButtonBase, Object.assign({ borderWidth: border, className: (0, utils_1.cs)('vui-button', className, isActive && utils_1.activeClassName, variantProp ? `vui-button-variant-${variantProp}` : undefined), disabled: disabled, focusRing: 3, h: h, pl: pl, pr:
|
|
130
|
+
return ((0, jsx_runtime_1.jsx)(context_2.ButtonProvider, { value: context, children: (0, jsx_runtime_1.jsxs)(exports.ButtonBase, Object.assign({ borderWidth: border, className: (0, utils_1.cs)('vui-button', className, isActive && utils_1.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 && ((0, jsx_runtime_1.jsx)(StateWrapper, Object.assign({ onClick: (e) => e.stopPropagation() }, stateProps, { children: (0, jsx_runtime_1.jsx)(buttonIcon_1.default, Object.assign({ m: "auto" }, stateIconProps)) }))), (0, jsx_runtime_1.jsxs)(Content, { children: [(0, utils_1.isString)(icon) ? (0, jsx_runtime_1.jsx)(buttonIcon_1.default, { name: icon }) : icon, !icon && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isLoading ? ((0, jsx_runtime_1.jsx)(buttonIcon_1.default, Object.assign({ mr: iconLeftMr }, consts_1.loadingIconProps))) : (0, utils_1.isString)(iconLeft) ? ((0, jsx_runtime_1.jsx)(buttonIcon_1.default, { mr: iconLeftMr, name: iconLeft })) : (iconLeft), children !== null && children !== void 0 ? children : ((0, utils_1.isReactText)(text) ? (0, jsx_runtime_1.jsx)(buttonText_1.default, { isTruncated, text }) : text), (0, utils_1.isString)(iconRight) ? ((0, jsx_runtime_1.jsx)(buttonIcon_1.default, { ml: !children && !text ? 0 : iconRightMl, name: iconRight })) : (iconRight)] }))] })] })) }));
|
|
130
131
|
});
|
|
131
132
|
exports.Button.Icon = buttonIcon_1.default;
|
|
132
133
|
exports.Button.Text = buttonText_1.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AAEtC,oDAA8D;AAC9D,kCAAmE;AACnE,oCAAsF;AAEtF,8DAAqC;AACrC,8DAAqC;AACrC,qCAA+D;AAC/D,uCAA0C;AAE1C,MAAM,cAAc,GAAG,aAAM,CAAC,IAAI,CAAA;;CAEjC,CAAA;AAED,MAAM,YAAY,GAAG,aAAM,CAAC,IAAI,CAAA;;;;;;;CAO/B,CAAA;AAEY,QAAA,UAAU,GAAG,aAAM,CAAC,SAAS,CAAa;;;;;;;;;;;;CAYtD,CAAA;AAED;;;;;;GAMG;AACU,QAAA,MAAM,GAAG,IAAA,UAAG,EAAwB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IAC9D,MAAM,gBAAgB,GAAG,IAAA,+BAAqB,GAAE,CAAA;IAChD,MAAM,WAAW,mCAAQ,gBAAgB,GAAK,KAAK,CAAE,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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"}
|
|
@@ -52,11 +52,11 @@ exports.CheckboxBase = core_1.styled.labelBox `
|
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
&[aria-disabled='true'] {
|
|
55
|
-
color: ${consts_1.checkboxColors.
|
|
55
|
+
color: ${consts_1.checkboxColors.disabledText};
|
|
56
56
|
cursor: not-allowed;
|
|
57
57
|
|
|
58
58
|
.vui-checkboxControl {
|
|
59
|
-
color: ${consts_1.checkboxColors.
|
|
59
|
+
color: ${consts_1.checkboxColors.disabledText};
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
62
|
`;
|
|
@@ -73,7 +73,7 @@ exports.Checkbox = (0, core_1.vui)((props, ref) => {
|
|
|
73
73
|
const styles = (0, core_1.useStyleConfig)('Checkbox', mergedProps);
|
|
74
74
|
const _d = styles.control, { color: controlColor, hoverColor } = _d, controlStyles = __rest(_d, ["color", "hoverColor"]);
|
|
75
75
|
const icon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp;
|
|
76
|
-
const controlMr = children || label ?
|
|
76
|
+
const controlMr = children || label ? 1 : 0;
|
|
77
77
|
const color = controlColor ? controlColor : consts_1.checkboxColors.main;
|
|
78
78
|
const controlHoverColor = hoverColor ? hoverColor : consts_1.checkboxColors.hover;
|
|
79
79
|
const isLongLabel = label && (label === null || label === void 0 ? void 0 : label.length) >= 60;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkD;AAElD,kCAA2E;AAC3E,mDAA0B;AAC1B,6CAAoB;AACpB,oCAA2D;AAE3D,qCAAyC;AACzC,uCAAmD;AAEnD,MAAM,eAAe,GAAG,aAAM,CAAC,OAAO,CAAA;;;;;;CAMrC,CAAA;AAED,MAAM,aAAa,GAAG,aAAM,CAAC,KAAK,CAAA;;;;;;;;;;;CAWjC,CAAA;AAEY,QAAA,YAAY,GAAG,aAAM,CAAC,QAAQ,CAAoB;;;;;;aAMlD,CAAC,CAAC,EAAE,CAAC,SAAE,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC;;;;aAIlC,uBAAc,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"}
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.checkboxColors = void 0;
|
|
4
4
|
exports.checkboxColors = {
|
|
5
|
-
main: '
|
|
6
|
-
hover: '
|
|
7
|
-
disabled: 'sandstone.
|
|
5
|
+
main: 'sandstone.60',
|
|
6
|
+
hover: 'sandstone.60',
|
|
7
|
+
disabled: 'sandstone.60',
|
|
8
|
+
disabledText: 'sandstone.60',
|
|
8
9
|
};
|
|
9
10
|
//# sourceMappingURL=consts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/checkbox/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,cAAc,GAAG;IAC5B,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/checkbox/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,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/cjs/input/consts.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.clearIconSize = exports.displayValueOnlyTextSize = exports.inputStateMapping = exports.stateIcons = exports.inputColors = void 0;
|
|
3
|
+
exports.helpTextSize = exports.clearIconSize = exports.displayValueOnlyTextSize = exports.inputStateMapping = exports.stateIcons = exports.inputColors = void 0;
|
|
4
4
|
exports.inputColors = {
|
|
5
5
|
border: 'sandstone.60',
|
|
6
6
|
placeholder: 'sandstone.55',
|
|
@@ -8,7 +8,7 @@ exports.inputColors = {
|
|
|
8
8
|
helpText: 'sandstone.30',
|
|
9
9
|
icons: 'seaBlue.main',
|
|
10
10
|
disabled: 'sandstone.95',
|
|
11
|
-
focus: '
|
|
11
|
+
focus: 'focusColor',
|
|
12
12
|
error: 'energyRed.45',
|
|
13
13
|
loading: 'seaBlue.80',
|
|
14
14
|
success: 'landGreen.35',
|
|
@@ -54,4 +54,10 @@ exports.clearIconSize = {
|
|
|
54
54
|
lg: 'sm',
|
|
55
55
|
xl: 'md',
|
|
56
56
|
};
|
|
57
|
+
exports.helpTextSize = {
|
|
58
|
+
sm: 'sm',
|
|
59
|
+
md: 'sm',
|
|
60
|
+
lg: 'md',
|
|
61
|
+
xl: 'md',
|
|
62
|
+
};
|
|
57
63
|
//# sourceMappingURL=consts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/input/consts.ts"],"names":[],"mappings":";;;AAEa,QAAA,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,QAAA,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;AAEG,QAAA,UAAU,GAAG;IACxB,KAAK,EAAE,wBAAwB;IAC/B,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,UAAU;CACX,CAAA;AAEG,QAAA,iBAAiB,GAAsB;IAClD,KAAK,EAAE;QACL,OAAO,EAAE,KAAK;QACd,SAAS,EAAE;YACT,KAAK,EAAE,mBAAW,CAAC,KAAK;YACxB,IAAI,EAAE,kBAAU,CAAC,KAAK;SACvB;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,MAAM;QACf,SAAS,EAAE;YACT,SAAS,EAAE,+BAA+B;YAC1C,IAAI,EAAE,kBAAU,CAAC,OAAO;YACxB,QAAQ,EAAE,CAAC,mBAAW,CAAC,OAAO,EAAE,mBAAW,CAAC,KAAK,CAAC;SACnD;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE;YACT,KAAK,EAAE,mBAAW,CAAC,OAAO;YAC1B,IAAI,EAAE,kBAAU,CAAC,OAAO;SACzB;KACF;CACF,CAAA;AAEY,QAAA,wBAAwB,GAAG;IACtC,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACA,CAAA;AAEG,QAAA,aAAa,GAAG;IAC3B,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACA,CAAA;AAEG,QAAA,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"}
|
|
@@ -22,14 +22,14 @@ const p_1 = __importDefault(require("../p"));
|
|
|
22
22
|
const utils_1 = require("../utils");
|
|
23
23
|
const consts_1 = require("./consts");
|
|
24
24
|
const context_1 = require("./context");
|
|
25
|
-
/** Displaying help text
|
|
25
|
+
/** Displaying help text below the input. */
|
|
26
26
|
exports.HelpText = (0, core_1.vui)((props, ref) => {
|
|
27
27
|
const { className, children, isError } = props, rest = __rest(props, ["className", "children", "isError"]);
|
|
28
28
|
const inputProps = (0, context_1.useInputContext)();
|
|
29
29
|
const mergedProps = Object.assign(Object.assign({}, inputProps), props);
|
|
30
30
|
const styles = (0, core_1.useStyleConfig)('Input', mergedProps);
|
|
31
31
|
const color = isError ? consts_1.inputColors.error : consts_1.inputColors.helpText;
|
|
32
|
-
return ((0, jsx_runtime_1.jsxs)(p_1.default, Object.assign({ alignItems: "center", className: (0, utils_1.cs)('vui-inputHelpText', className), color: color, display: "flex",
|
|
32
|
+
return ((0, jsx_runtime_1.jsxs)(p_1.default, Object.assign({ alignItems: "center", className: (0, utils_1.cs)('vui-inputHelpText', className), color: color, display: "flex", pt: 0.5, ref: ref }, styles.helpText, rest, { children: [isError && (0, jsx_runtime_1.jsx)(icon_1.default, { mr: 1, name: "falExclamationTriangle", pathFill: consts_1.inputColors.error, size: "sm" }), children] })));
|
|
33
33
|
});
|
|
34
34
|
exports.HelpText.displayName = 'HelpText';
|
|
35
35
|
exports.default = exports.HelpText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpText.js","sourceRoot":"","sources":["../../../src/input/helpText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEA,kCAA6C;AAC7C,mDAA0B;AAC1B,6CAAoB;AACpB,oCAA6B;AAC7B,qCAAsC;AACtC,uCAA2C;AAG3C,
|
|
1
|
+
{"version":3,"file":"helpText.js","sourceRoot":"","sources":["../../../src/input/helpText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEA,kCAA6C;AAC7C,mDAA0B;AAC1B,6CAAoB;AACpB,oCAA6B;AAC7B,qCAAsC;AACtC,uCAA2C;AAG3C,4CAA4C;AAC/B,QAAA,QAAQ,GAAG,IAAA,UAAG,EAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAjD,oCAAyC,CAAQ,CAAA;IACvD,MAAM,UAAU,GAAG,IAAA,yBAAe,GAAE,CAAA;IACpC,MAAM,WAAW,mCAAQ,UAAU,GAAK,KAAK,CAAE,CAAA;IAC/C,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IAEnD,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,oBAAW,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAW,CAAC,QAAQ,CAAA;IAEhE,OAAO,CACL,wBAAC,WAAC,kBACA,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,IAAA,UAAE,EAAC,mBAAmB,EAAE,SAAS,CAAC,EAC7C,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,MAAM,EACd,EAAE,EAAE,GAAG,EACP,GAAG,EAAE,GAAG,IACJ,MAAM,CAAC,QAAQ,EACf,IAAI,eAEP,OAAO,IAAI,uBAAC,cAAI,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAC,wBAAwB,EAAC,QAAQ,EAAE,oBAAW,CAAC,KAAK,EAAE,IAAI,EAAC,IAAI,GAAG,EAC/F,QAAQ,KACP,CACL,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AACjC,kBAAe,gBAAQ,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/cjs/input/input.js
CHANGED
|
@@ -56,7 +56,7 @@ exports.InputBase = core_1.styled.divBox `
|
|
|
56
56
|
*/
|
|
57
57
|
exports.Input = (0, core_1.vui)((props, ref) => {
|
|
58
58
|
var _a, _b;
|
|
59
|
-
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 } = props, rest = __rest(props, ["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", "onFocus", "pattern", "placeholder", "readOnly", "required", "showCount", "displayValueOnly", "size", "state", "stateMapping", "step", "type", "value", "variant"]);
|
|
59
|
+
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 } = props, rest = __rest(props, ["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", "onFocus", "pattern", "placeholder", "readOnly", "required", "showCount", "displayValueOnly", "size", "state", "stateMapping", "step", "type", "value", "variant"]);
|
|
60
60
|
const [count, setCount] = (0, react_1.useState)((0, helpers_1.getInitialCount)(props));
|
|
61
61
|
const [valueInternal, setValueInternal] = (0, react_1.useState)(defaultValue || '');
|
|
62
62
|
const states = Object.assign(Object.assign({}, consts_1.inputStateMapping), stateMapping);
|
|
@@ -92,6 +92,7 @@ exports.Input = (0, core_1.vui)((props, ref) => {
|
|
|
92
92
|
}, [value]);
|
|
93
93
|
const filterAutoCompleteOptions = (i) => valueInternal === i ? false : !valueInternal || i.toLowerCase().includes(`${valueInternal}`.toLowerCase());
|
|
94
94
|
return ((0, jsx_runtime_1.jsxs)(context_1.InputProvider, { value: context, children: [displayValueOnly ? ((0, jsx_runtime_1.jsx)(t_1.T, { className: (0, utils_1.cs)('vui-input-value', className), size: consts_1.displayValueOnlyTextSize[size], children: value || defaultValue })) : ((0, jsx_runtime_1.jsx)(autoCompletePopover_1.default, { autoCompleteMaxHeight: autoCompleteMaxHeight, autoCompleteOptions: autoCompleteOptions, filterAutoCompleteOptions: filterAutoCompleteOptions, onAutoCompleteSelect: onAutoCompleteSelect, children: (0, jsx_runtime_1.jsxs)(exports.InputBase, Object.assign({ className: (0, utils_1.cs)('vui-input', className), ref: ref }, styles.container, aliasedProps, rest, { children: [itemLeft, (0, utils_1.isString)(iconLeft) ? (0, jsx_runtime_1.jsx)(inputIcon_1.default, { ml: 1, name: iconLeft }) : iconLeft, (_a = children !== null && children !== void 0 ? children : input) !== null && _a !== void 0 ? _a : ((0, jsx_runtime_1.jsx)(inputInput_1.default, Object.assign({ ref: inputRef, autoFocus,
|
|
95
|
+
ariaLabel,
|
|
95
96
|
defaultValue,
|
|
96
97
|
disabled,
|
|
97
98
|
id,
|
|
@@ -107,7 +108,7 @@ exports.Input = (0, core_1.vui)((props, ref) => {
|
|
|
107
108
|
readOnly,
|
|
108
109
|
required,
|
|
109
110
|
step,
|
|
110
|
-
type, autoComplete: (autoCompleteOptions === null || autoCompleteOptions === void 0 ? void 0 : autoCompleteOptions.length) ? 'off' : autoComplete, value: valueInternal }, inputProps))), (0, utils_1.isString)(iconRight) ? (0, jsx_runtime_1.jsx)(inputIcon_1.default, { mr: 1, name: iconRight }) : iconRight, itemRight, state && (0, jsx_runtime_1.jsx)(inputIcon_1.default, Object.assign({ mr: 1 }, (_b = states[state]) === null || _b === void 0 ? void 0 : _b.iconProps)), allowClear && ((0, jsx_runtime_1.jsx)(button_1.IconButton, { disabled: !valueInternal, icon: "falTimes", mr: 0.5, onClick: onClear, size: consts_1.clearIconSize[size], title: "Clear" })), showCount && ((0, jsx_runtime_1.jsxs)(t_1.T, { className: "vui-inputCount", color: maxLength && count > maxLength ? consts_1.inputColors.error : consts_1.inputColors.helpText, position: "absolute", right: 0, size: "sm", top: "calc(100% + 1px)", children: [count, " ", maxLength ? `/ ${maxLength}` : null] }))] })) })), !!helpText && (0, jsx_runtime_1.jsx)(helpText_1.default, { children: helpText }), !!errorText && (0, jsx_runtime_1.jsx)(helpText_1.default, { isError: true, children: errorText })] }));
|
|
111
|
+
type, autoComplete: (autoCompleteOptions === null || autoCompleteOptions === void 0 ? void 0 : autoCompleteOptions.length) ? 'off' : autoComplete, value: valueInternal }, inputProps))), (0, utils_1.isString)(iconRight) ? (0, jsx_runtime_1.jsx)(inputIcon_1.default, { mr: 1, name: iconRight }) : iconRight, itemRight, state && (0, jsx_runtime_1.jsx)(inputIcon_1.default, Object.assign({ mr: 1 }, (_b = states[state]) === null || _b === void 0 ? void 0 : _b.iconProps)), allowClear && ((0, jsx_runtime_1.jsx)(button_1.IconButton, { disabled: !valueInternal, icon: "falTimes", mr: 0.5, onClick: onClear, size: consts_1.clearIconSize[size], title: "Clear" })), showCount && ((0, jsx_runtime_1.jsxs)(t_1.T, { className: "vui-inputCount", color: maxLength && count > maxLength ? consts_1.inputColors.error : consts_1.inputColors.helpText, position: "absolute", right: 0, size: "sm", top: "calc(100% + 1px)", children: [count, " ", maxLength ? `/ ${maxLength}` : null] }))] })) })), !!helpText && (0, jsx_runtime_1.jsx)(helpText_1.default, { size: consts_1.helpTextSize[size], children: helpText }), !!errorText && ((0, jsx_runtime_1.jsx)(helpText_1.default, { isError: true, size: consts_1.helpTextSize[size], children: errorText }))] }));
|
|
111
112
|
});
|
|
112
113
|
exports.Input.Icon = inputIcon_1.default;
|
|
113
114
|
exports.Input.Input = inputInput_1.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAA2D;AAE3D,sCAAsC;AACtC,kCAAmE;AACnE,4BAAwB;AACxB,oCAAqE;AACrE,gFAAuD;AACvD,
|
|
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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"}
|
|
@@ -35,14 +35,15 @@ exports.InputInputBase = core_1.styled.input `
|
|
|
35
35
|
`;
|
|
36
36
|
/** Displays an input element within the Input component. */
|
|
37
37
|
exports.InputInput = (0, core_1.vui)((props, ref) => {
|
|
38
|
-
const { className, autoComplete } = props, rest = __rest(props, ["className", "autoComplete"]);
|
|
38
|
+
const { type, className, autoComplete } = props, rest = __rest(props, ["type", "className", "autoComplete"]);
|
|
39
39
|
const inputProps = (0, context_1.useInputContext)();
|
|
40
40
|
const mergedProps = Object.assign(Object.assign({}, inputProps), props);
|
|
41
41
|
const styles = (0, core_1.useStyleConfig)('Input', mergedProps);
|
|
42
42
|
const aliasedProps = (0, utils_1.filterUndefined)({
|
|
43
43
|
'aria-disabled': mergedProps.disabled,
|
|
44
|
+
'aria-label': mergedProps.ariaLabel,
|
|
44
45
|
});
|
|
45
|
-
return ((0, jsx_runtime_1.jsx)(exports.InputInputBase, Object.assign({
|
|
46
|
+
return ((0, jsx_runtime_1.jsx)(exports.InputInputBase, Object.assign({ autoComplete: autoComplete, className: (0, utils_1.cs)('vui-inputInput', className), ref: ref }, styles.input, aliasedProps, rest)));
|
|
46
47
|
});
|
|
47
48
|
exports.InputInput.displayName = 'InputInput';
|
|
48
49
|
exports.default = exports.InputInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputInput.js","sourceRoot":"","sources":["../../../src/input/inputInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,kCAAqD;AACrD,oCAA8C;AAC9C,uCAA2C;AAG9B,QAAA,cAAc,GAAG,aAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;CAgBzC,CAAA;AAED,4DAA4D;AAC/C,QAAA,UAAU,GAAG,IAAA,UAAG,EAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,EAAE,SAAS,EAAE,YAAY,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,
|
|
1
|
+
{"version":3,"file":"inputInput.js","sourceRoot":"","sources":["../../../src/input/inputInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,kCAAqD;AACrD,oCAA8C;AAC9C,uCAA2C;AAG9B,QAAA,cAAc,GAAG,aAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;CAgBzC,CAAA;AAED,4DAA4D;AAC/C,QAAA,UAAU,GAAG,IAAA,UAAG,EAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAlD,qCAA0C,CAAQ,CAAA;IACxD,MAAM,UAAU,GAAG,IAAA,yBAAe,GAAE,CAAA;IACpC,MAAM,WAAW,mCAAQ,UAAU,GAAK,KAAK,CAAE,CAAA;IAC/C,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IAEnD,MAAM,YAAY,GAAG,IAAA,uBAAe,EAAC;QACnC,eAAe,EAAE,WAAW,CAAC,QAAQ;QACrC,YAAY,EAAE,WAAW,CAAC,SAAS;KACpC,CAAC,CAAA;IAEF,OAAO,CACL,uBAAC,sBAAc,kBACb,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,IAAA,UAAE,EAAC,gBAAgB,EAAE,SAAS,CAAC,EAC1C,GAAG,EAAE,GAAG,IACJ,MAAM,CAAC,KAAK,EACZ,YAAY,EACZ,IAAI,EACR,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,kBAAe,kBAAU,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/cjs/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/cjs/list/list.js
CHANGED
|
@@ -1,4 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
2
25
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
26
|
var t = {};
|
|
4
27
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -16,7 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
40
|
exports.List = exports.ListBase = void 0;
|
|
18
41
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
const react_1 = require("react");
|
|
42
|
+
const react_1 = __importStar(require("react"));
|
|
20
43
|
const core_1 = require("../core");
|
|
21
44
|
const utils_1 = require("../utils");
|
|
22
45
|
const context_1 = require("./context");
|
|
@@ -25,13 +48,52 @@ const listHeading_1 = __importDefault(require("./listHeading"));
|
|
|
25
48
|
const listIcon_1 = __importDefault(require("./listIcon"));
|
|
26
49
|
const listItem_1 = __importDefault(require("./listItem"));
|
|
27
50
|
const listText_1 = __importDefault(require("./listText"));
|
|
51
|
+
const clickKeys = ['Enter', ' '];
|
|
52
|
+
const nextKeys = ['ArrowDown', 'Tab'];
|
|
53
|
+
const prevKeys = ['ArrowUp'];
|
|
28
54
|
exports.ListBase = core_1.styled.ulBox ``;
|
|
29
55
|
/** Displays a list of list link items and optional heading. Exposes some props to the children via context. */
|
|
30
56
|
exports.List = (0, core_1.vui)((props, ref) => {
|
|
31
57
|
const { children, className, heading, isInteractive, items, size, variant } = props, rest = __rest(props, ["children", "className", "heading", "isInteractive", "items", "size", "variant"]);
|
|
32
58
|
const styles = (0, core_1.useStyleConfig)('List', props);
|
|
33
59
|
const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ isInteractive, size, variant }), [isInteractive, size, variant]);
|
|
34
|
-
|
|
60
|
+
const listRef = (0, react_1.useRef)(null);
|
|
61
|
+
const [_, setActive] = react_1.default.useState(-1);
|
|
62
|
+
const onKeydown = (event) => {
|
|
63
|
+
if ([...prevKeys, ...nextKeys, ...clickKeys].includes(event.key)) {
|
|
64
|
+
event.preventDefault();
|
|
65
|
+
setActive((a) => {
|
|
66
|
+
let active = a;
|
|
67
|
+
if (listRef.current) {
|
|
68
|
+
const allChildren = Array.from(listRef.current.childNodes);
|
|
69
|
+
const tabIndexedChildren = allChildren.filter(child => child.tabIndex === 0);
|
|
70
|
+
if (nextKeys.includes(event.key) && active < tabIndexedChildren.length - 1)
|
|
71
|
+
active++;
|
|
72
|
+
if (prevKeys.includes(event.key))
|
|
73
|
+
active = active > 0 ? active - 1 : 0;
|
|
74
|
+
tabIndexedChildren.forEach((node, index) => {
|
|
75
|
+
if (index === active) {
|
|
76
|
+
if (clickKeys.includes(event.key))
|
|
77
|
+
node === null || node === void 0 ? void 0 : node.click();
|
|
78
|
+
else
|
|
79
|
+
node === null || node === void 0 ? void 0 : node.focus();
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
return active;
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
};
|
|
87
|
+
(0, react_1.useEffect)(() => {
|
|
88
|
+
if (listRef.current && isInteractive) {
|
|
89
|
+
listRef.current.addEventListener('keydown', onKeydown);
|
|
90
|
+
return () => {
|
|
91
|
+
var _a;
|
|
92
|
+
(_a = listRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', onKeydown);
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
}, [listRef.current, isInteractive]);
|
|
96
|
+
return ((0, jsx_runtime_1.jsx)(context_1.ListProvider, { value: context, children: (0, jsx_runtime_1.jsxs)(exports.ListBase, Object.assign({ className: (0, utils_1.cs)('vui-list', className), ref: ref || listRef }, styles.container, rest, { children: [(0, utils_1.isReactText)(heading) ? (0, jsx_runtime_1.jsx)(listHeading_1.default, { text: heading }) : heading, children !== null && children !== void 0 ? children : ((0, utils_1.isArray)(items)
|
|
35
97
|
? items.map((_a, index) => {
|
|
36
98
|
var { key } = _a, props = __rest(_a, ["key"]);
|
|
37
99
|
return (0, jsx_runtime_1.jsx)(listItem_1.default, Object.assign({}, props), key !== null && key !== void 0 ? key : index);
|
|
@@ -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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"}
|