@veracity/vui 2.9.0 → 2.10.0-beta.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/accordion/accordionItem.d.ts.map +1 -1
- package/dist/cjs/avatar/theme.js +1 -1
- package/dist/cjs/button/button.js +1 -1
- package/dist/cjs/core/vuiProvider/globalStyle.d.ts.map +1 -1
- package/dist/cjs/core/vuiProvider/globalStyle.js +6 -1
- package/dist/cjs/header/headerAccount.d.ts.map +1 -1
- package/dist/cjs/header/headerAccount.js +1 -1
- package/dist/cjs/header/headerAccountUserInfo.js +1 -1
- package/dist/cjs/header/headerMobileToggle.d.ts.map +1 -1
- package/dist/cjs/header/headerMobileToggle.js +1 -1
- package/dist/cjs/header/headerNotifications.d.ts.map +1 -1
- package/dist/cjs/header/headerNotifications.js +1 -1
- package/dist/cjs/header/headerServices.d.ts.map +1 -1
- package/dist/cjs/header/headerServices.js +1 -1
- package/dist/cjs/input/autoCompletePopover.d.ts +7 -0
- package/dist/cjs/input/autoCompletePopover.d.ts.map +1 -0
- package/dist/cjs/input/autoCompletePopover.js +31 -0
- package/dist/cjs/input/helpText.d.ts +1 -1
- package/dist/cjs/input/helpText.js +1 -1
- package/dist/cjs/input/input.d.ts +0 -1
- package/dist/cjs/input/input.d.ts.map +1 -1
- package/dist/cjs/input/input.js +32 -39
- package/dist/cjs/input/input.types.d.ts +11 -0
- package/dist/cjs/input/input.types.d.ts.map +1 -1
- package/dist/cjs/list/list.types.d.ts +2 -0
- package/dist/cjs/list/list.types.d.ts.map +1 -1
- package/dist/cjs/list/theme.d.ts +20 -0
- package/dist/cjs/list/theme.d.ts.map +1 -1
- package/dist/cjs/list/theme.js +21 -1
- package/dist/cjs/popover/popover.d.ts.map +1 -1
- package/dist/cjs/popover/popover.js +2 -2
- package/dist/cjs/popover/popover.types.d.ts +3 -0
- package/dist/cjs/popover/popover.types.d.ts.map +1 -1
- package/dist/cjs/popover/usePopover.d.ts.map +1 -1
- package/dist/cjs/popover/usePopover.js +2 -2
- package/dist/cjs/progressCircular/progressCircular.d.ts.map +1 -1
- package/dist/cjs/progressCircular/progressCircular.js +1 -1
- package/dist/cjs/radio/radio.d.ts.map +1 -1
- package/dist/cjs/radio/radio.js +2 -1
- package/dist/cjs/select/select.d.ts.map +1 -1
- package/dist/cjs/select/select.js +2 -2
- package/dist/cjs/select/useSelect.types.d.ts +3 -0
- package/dist/cjs/select/useSelect.types.d.ts.map +1 -1
- package/dist/cjs/sidemenu/consts.d.ts +0 -1
- package/dist/cjs/sidemenu/consts.d.ts.map +1 -1
- package/dist/cjs/sidemenu/consts.js +1 -2
- package/dist/cjs/sidemenu/sidemenu.d.ts +1 -1
- package/dist/cjs/sidemenu/sidemenu.d.ts.map +1 -1
- package/dist/cjs/sidemenu/sidemenu.js +7 -6
- package/dist/cjs/sidemenu/sidemenuItem.d.ts.map +1 -1
- package/dist/cjs/sidemenu/sidemenuItem.js +5 -3
- package/dist/cjs/sidemenu/sidemenuTop.d.ts.map +1 -1
- package/dist/cjs/sidemenu/sidemenuTop.js +2 -2
- package/dist/cjs/sidemenu/theme.d.ts +42 -3
- package/dist/cjs/sidemenu/theme.d.ts.map +1 -1
- package/dist/cjs/sidemenu/theme.js +43 -3
- package/dist/cjs/switch/consts.d.ts +2 -0
- package/dist/cjs/switch/consts.d.ts.map +1 -1
- package/dist/cjs/switch/consts.js +2 -0
- package/dist/cjs/switch/switchButton.d.ts.map +1 -1
- package/dist/cjs/switch/switchButton.js +1 -2
- package/dist/cjs/table/tableSortIcon.js +1 -1
- package/dist/cjs/table/useTable.d.ts.map +1 -1
- package/dist/cjs/table/useTable.js +9 -3
- package/dist/cjs/theme/components.d.ts +62 -3
- package/dist/cjs/theme/components.d.ts.map +1 -1
- package/dist/cjs/theme/defaultTheme.d.ts +63 -3
- package/dist/cjs/theme/defaultTheme.d.ts.map +1 -1
- package/dist/cjs/theme/foundations/colors.d.ts +2 -0
- package/dist/cjs/theme/foundations/colors.d.ts.map +1 -1
- package/dist/cjs/theme/foundations/colors.js +1 -0
- package/dist/cjs/theme/foundations/index.d.ts +1 -0
- package/dist/cjs/theme/foundations/index.d.ts.map +1 -1
- package/dist/cjs/tree/tree.js +1 -1
- package/dist/cjs/tree/treeItem.d.ts.map +1 -1
- package/dist/cjs/tree/treeItem.js +6 -2
- package/dist/cjs/tutorial/tutorial.types.d.ts +3 -3
- package/dist/cjs/tutorial/tutorial.types.d.ts.map +1 -1
- package/dist/cjs/tutorial/tutorialCard.d.ts.map +1 -1
- package/dist/cjs/tutorial/tutorialCard.js +1 -4
- package/dist/cjs/utils/array.d.ts.map +1 -1
- package/dist/cjs/utils/array.js +2 -0
- package/dist/cjs/utils/types.d.ts +2 -1
- package/dist/cjs/utils/types.d.ts.map +1 -1
- package/dist/esm/accordion/accordionItem.d.ts.map +1 -1
- package/dist/esm/avatar/theme.js +1 -1
- package/dist/esm/button/button.js +1 -1
- package/dist/esm/core/vuiProvider/globalStyle.d.ts.map +1 -1
- package/dist/esm/core/vuiProvider/globalStyle.js +6 -1
- package/dist/esm/header/headerAccount.d.ts.map +1 -1
- package/dist/esm/header/headerAccount.js +1 -1
- package/dist/esm/header/headerAccountUserInfo.js +1 -1
- package/dist/esm/header/headerMobileToggle.d.ts.map +1 -1
- package/dist/esm/header/headerMobileToggle.js +1 -1
- package/dist/esm/header/headerNotifications.d.ts.map +1 -1
- package/dist/esm/header/headerNotifications.js +1 -1
- package/dist/esm/header/headerServices.d.ts.map +1 -1
- package/dist/esm/header/headerServices.js +1 -1
- package/dist/esm/input/autoCompletePopover.d.ts +7 -0
- package/dist/esm/input/autoCompletePopover.d.ts.map +1 -0
- package/dist/esm/input/autoCompletePopover.js +23 -0
- package/dist/esm/input/helpText.d.ts +1 -1
- package/dist/esm/input/helpText.js +1 -1
- package/dist/esm/input/input.d.ts +0 -1
- package/dist/esm/input/input.d.ts.map +1 -1
- package/dist/esm/input/input.js +31 -38
- package/dist/esm/input/input.types.d.ts +11 -0
- package/dist/esm/input/input.types.d.ts.map +1 -1
- package/dist/esm/list/list.types.d.ts +2 -0
- package/dist/esm/list/list.types.d.ts.map +1 -1
- package/dist/esm/list/theme.d.ts +20 -0
- package/dist/esm/list/theme.d.ts.map +1 -1
- package/dist/esm/list/theme.js +21 -1
- package/dist/esm/popover/popover.d.ts.map +1 -1
- package/dist/esm/popover/popover.js +2 -2
- package/dist/esm/popover/popover.types.d.ts +3 -0
- package/dist/esm/popover/popover.types.d.ts.map +1 -1
- package/dist/esm/popover/usePopover.d.ts.map +1 -1
- package/dist/esm/popover/usePopover.js +2 -1
- package/dist/esm/progressCircular/progressCircular.d.ts.map +1 -1
- package/dist/esm/progressCircular/progressCircular.js +1 -1
- package/dist/esm/radio/radio.d.ts.map +1 -1
- package/dist/esm/radio/radio.js +2 -1
- package/dist/esm/select/select.d.ts.map +1 -1
- package/dist/esm/select/select.js +2 -2
- package/dist/esm/select/useSelect.types.d.ts +3 -0
- package/dist/esm/select/useSelect.types.d.ts.map +1 -1
- package/dist/esm/sidemenu/consts.d.ts +0 -1
- package/dist/esm/sidemenu/consts.d.ts.map +1 -1
- package/dist/esm/sidemenu/consts.js +0 -1
- package/dist/esm/sidemenu/sidemenu.d.ts +1 -1
- package/dist/esm/sidemenu/sidemenu.d.ts.map +1 -1
- package/dist/esm/sidemenu/sidemenu.js +8 -7
- package/dist/esm/sidemenu/sidemenuItem.d.ts.map +1 -1
- package/dist/esm/sidemenu/sidemenuItem.js +6 -4
- package/dist/esm/sidemenu/sidemenuTop.d.ts.map +1 -1
- package/dist/esm/sidemenu/sidemenuTop.js +3 -3
- package/dist/esm/sidemenu/theme.d.ts +42 -3
- package/dist/esm/sidemenu/theme.d.ts.map +1 -1
- package/dist/esm/sidemenu/theme.js +43 -3
- package/dist/esm/switch/consts.d.ts +2 -0
- package/dist/esm/switch/consts.d.ts.map +1 -1
- package/dist/esm/switch/consts.js +2 -0
- package/dist/esm/switch/switchButton.d.ts.map +1 -1
- package/dist/esm/switch/switchButton.js +1 -2
- package/dist/esm/table/tableSortIcon.js +1 -1
- package/dist/esm/table/useTable.d.ts.map +1 -1
- package/dist/esm/table/useTable.js +9 -3
- package/dist/esm/theme/components.d.ts +62 -3
- package/dist/esm/theme/components.d.ts.map +1 -1
- package/dist/esm/theme/defaultTheme.d.ts +63 -3
- package/dist/esm/theme/defaultTheme.d.ts.map +1 -1
- package/dist/esm/theme/foundations/colors.d.ts +2 -0
- package/dist/esm/theme/foundations/colors.d.ts.map +1 -1
- package/dist/esm/theme/foundations/colors.js +1 -0
- package/dist/esm/theme/foundations/index.d.ts +1 -0
- package/dist/esm/theme/foundations/index.d.ts.map +1 -1
- package/dist/esm/tree/tree.js +1 -1
- package/dist/esm/tree/treeItem.d.ts.map +1 -1
- package/dist/esm/tree/treeItem.js +7 -3
- package/dist/esm/tutorial/tutorial.types.d.ts +3 -3
- package/dist/esm/tutorial/tutorial.types.d.ts.map +1 -1
- package/dist/esm/tutorial/tutorialCard.d.ts.map +1 -1
- package/dist/esm/tutorial/tutorialCard.js +1 -4
- package/dist/esm/utils/array.d.ts.map +1 -1
- package/dist/esm/utils/array.js +2 -0
- package/dist/esm/utils/types.d.ts +2 -1
- package/dist/esm/utils/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/accordion/accordionItem.tsx +0 -1
- package/src/avatar/theme.ts +1 -1
- package/src/button/button.tsx +2 -2
- package/src/core/vuiProvider/globalStyle.tsx +6 -1
- package/src/header/headerAccount.tsx +1 -0
- package/src/header/headerAccountUserInfo.tsx +1 -1
- package/src/header/headerMobileToggle.tsx +1 -0
- package/src/header/headerNotifications.tsx +1 -2
- package/src/header/headerServices.tsx +1 -0
- package/src/input/autoCompletePopover.tsx +49 -0
- package/src/input/helpText.tsx +1 -1
- package/src/input/input.tsx +54 -67
- package/src/input/input.types.ts +12 -0
- package/src/list/list.types.ts +2 -0
- package/src/list/theme.ts +21 -1
- package/src/popover/popover.tsx +2 -3
- package/src/popover/popover.types.ts +4 -0
- package/src/popover/usePopover.ts +2 -0
- package/src/progressCircular/progressCircular.tsx +1 -0
- package/src/radio/radio.tsx +25 -9
- package/src/select/select.tsx +3 -1
- package/src/select/useSelect.types.ts +3 -0
- package/src/sidemenu/consts.ts +0 -2
- package/src/sidemenu/sidemenu.tsx +26 -7
- package/src/sidemenu/sidemenuItem.tsx +10 -8
- package/src/sidemenu/sidemenuTop.tsx +3 -4
- package/src/sidemenu/theme.ts +43 -3
- package/src/switch/consts.ts +3 -1
- package/src/switch/switchButton.tsx +1 -2
- package/src/table/tableSortIcon.tsx +1 -1
- package/src/table/useTable.ts +12 -4
- package/src/theme/foundations/colors.ts +1 -0
- package/src/tree/tree.tsx +1 -1
- package/src/tree/treeItem.tsx +8 -2
- package/src/tutorial/tutorial.types.ts +3 -3
- package/src/tutorial/tutorialCard.tsx +1 -4
- package/src/utils/array.ts +1 -0
- package/src/utils/types.ts +3 -1
|
@@ -17,11 +17,11 @@ export type TutorialProps = {
|
|
|
17
17
|
className?: string;
|
|
18
18
|
/** An id for further handling with localStorage */
|
|
19
19
|
id: string;
|
|
20
|
-
/** Invoked once the action button clicked. */
|
|
20
|
+
/** Invoked once the action button is clicked. */
|
|
21
21
|
onAction?: () => void;
|
|
22
|
-
/** Invoked once the dismiss button clicked. */
|
|
22
|
+
/** Invoked once the dismiss button is clicked. */
|
|
23
23
|
onDismiss?: () => void;
|
|
24
|
-
/** Invoked once the finish button clicked. */
|
|
24
|
+
/** Invoked once the finish button is clicked. */
|
|
25
25
|
onFinish?: () => void;
|
|
26
26
|
/** Popover placement */
|
|
27
27
|
placement?: Placement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tutorial.types.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorial.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,cAAc;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mDAAmD;IACnD,EAAE,EAAE,MAAM,CAAA;IACV,
|
|
1
|
+
{"version":3,"file":"tutorial.types.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorial.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,cAAc;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mDAAmD;IACnD,EAAE,EAAE,MAAM,CAAA;IACV,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,wBAAwB;IACxB,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,mCAAmC;IACnC,MAAM,EAAE,OAAO,CAAA;IACf,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,gBAAgB,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,UAAU,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tutorialCard.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialCard.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAyC,MAAM,kBAAkB,CAAA;AAG3F,wBAAgB,YAAY,CAAC,EAC3B,WAAsB,EACtB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,UAAe,EACtB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACT,EAAE,iBAAiB,
|
|
1
|
+
{"version":3,"file":"tutorialCard.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialCard.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAyC,MAAM,kBAAkB,CAAA;AAG3F,wBAAgB,YAAY,CAAC,EAC3B,WAAsB,EACtB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,UAAe,EACtB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACT,EAAE,iBAAiB,eAoHnB"}
|
|
@@ -59,9 +59,6 @@ function TutorialCard({ actionLabel = 'Action', className, title, readMoreLink,
|
|
|
59
59
|
(showSkipButton || isFinalStep || !!onAction) && (react_1.default.createElement(index_1.Box, { alignItems: "center", justifyContent: "space-between" },
|
|
60
60
|
showSkipButton && !isFinalStep && (react_1.default.createElement(index_1.Button, { mr: 2, onClick: onDismiss, variant: "primaryLight" }, "Skip")),
|
|
61
61
|
isFinalStep && (react_1.default.createElement(index_1.Button, { mr: 2, onClick: onFinish, variant: "primaryLight" }, "Finish")),
|
|
62
|
-
!!onAction && (react_1.default.createElement(index_1.Button, { mr: 6, onClick: onAction, variant: "primaryLight" },
|
|
63
|
-
react_1.default.createElement(react_1.default.Fragment, null,
|
|
64
|
-
actionLabel,
|
|
65
|
-
onAction))))))));
|
|
62
|
+
!!onAction && (react_1.default.createElement(index_1.Button, { mr: 6, onClick: onAction, variant: "primaryLight" }, actionLabel)))))));
|
|
66
63
|
}
|
|
67
64
|
exports.TutorialCard = TutorialCard;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"array.d.ts","sourceRoot":"","sources":["../../../src/utils/array.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAG9B,iGAAiG;AACjG,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,GAAE,IAAI,CAAC,OAAO,CAAS,WAGlF,CAAC,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"array.d.ts","sourceRoot":"","sources":["../../../src/utils/array.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAG9B,iGAAiG;AACjG,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,GAAE,IAAI,CAAC,OAAO,CAAS,WAGlF,CAAC,SAAS,CAAC,YAY3B;AAGD,oFAAoF;AACpF,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAEtD"}
|
package/dist/cjs/utils/array.js
CHANGED
|
@@ -6,6 +6,8 @@ exports.toggleItem = exports.compareBy = void 0;
|
|
|
6
6
|
function compareBy(key, order = 'asc') {
|
|
7
7
|
const ord = order === 'asc' ? 1 : -1;
|
|
8
8
|
return (item1, item2) => {
|
|
9
|
+
if (order === null)
|
|
10
|
+
return 0;
|
|
9
11
|
const a = item1[key];
|
|
10
12
|
const b = item2[key];
|
|
11
13
|
if (typeof a === 'string' && typeof b === 'string') {
|
|
@@ -43,8 +43,9 @@ export type RefPropsOf<C extends ElementType, Props = {}> = RightJoinProps<Compo
|
|
|
43
43
|
export type RenderProps<P> = React.ReactNode | ((props: P) => React.ReactNode);
|
|
44
44
|
/** Merges props definitions, overriding source keys */
|
|
45
45
|
export type RightJoinProps<SourceProps, OverrideProps> = Omit<SourceProps, keyof OverrideProps> & OverrideProps;
|
|
46
|
+
export type SortOrder = 'asc' | 'desc' | null;
|
|
46
47
|
export type Sort<T = string> = {
|
|
47
48
|
key: T;
|
|
48
|
-
order:
|
|
49
|
+
order: SortOrder;
|
|
49
50
|
};
|
|
50
51
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordionItem.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordionItem.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAItD,yBAAyB;AACzB,eAAO,MAAM,aAAa,UAAW,kBAAkB,
|
|
1
|
+
{"version":3,"file":"accordionItem.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordionItem.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAItD,yBAAyB;AACzB,eAAO,MAAM,aAAa,UAAW,kBAAkB,gBAmFtD,CAAA;AAED,eAAe,aAAa,CAAA"}
|
package/dist/esm/avatar/theme.js
CHANGED
|
@@ -105,7 +105,7 @@ export const Button = vui((props, ref) => {
|
|
|
105
105
|
w: isFullWidth ? '100%' : undefined
|
|
106
106
|
});
|
|
107
107
|
return (React.createElement(ButtonProvider, { value: context },
|
|
108
|
-
React.createElement(ButtonBase, {
|
|
108
|
+
React.createElement(ButtonBase, { borderWidth: border, className: cs('vui-button', className, isActive && activeClassName, `vui-button-variant-${variantProp}`), disabled: disabled, focusRing: 3, h: h, pl: pl, pr: isDropDown ? 0 : pr, ref: ref, title: title || ariaLabel, type: "button", variant: variant, ...buttonStyles, ...disabledProps, ...aliasedProps, ...rest },
|
|
109
109
|
hasState && (React.createElement(StateWrapper, { onClick: (e) => e.stopPropagation(), ...stateProps },
|
|
110
110
|
React.createElement(ButtonIcon, { m: "auto", ...stateIconProps }))),
|
|
111
111
|
React.createElement(Content, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"globalStyle.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":"AAMA,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;;AACH,
|
|
1
|
+
{"version":3,"file":"globalStyle.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":"AAMA,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;;AACH,wBAoFC"}
|
|
@@ -12,7 +12,6 @@ import fontFaces from './fontFaces';
|
|
|
12
12
|
*/
|
|
13
13
|
export default createGlobalStyle `
|
|
14
14
|
${fontFaces}
|
|
15
|
-
|
|
16
15
|
:root {
|
|
17
16
|
${generateCSSVariables}
|
|
18
17
|
}
|
|
@@ -24,18 +23,23 @@ export default createGlobalStyle `
|
|
|
24
23
|
}
|
|
25
24
|
|
|
26
25
|
button,
|
|
26
|
+
.vui-avatar,
|
|
27
|
+
.vui-tag,
|
|
27
28
|
.vui-switchTrack {
|
|
28
29
|
--x-ring-color: transparent;
|
|
29
30
|
}
|
|
30
31
|
|
|
31
32
|
button:focus-visible,
|
|
32
33
|
li:focus-visible,
|
|
34
|
+
.vui-avatar:focus-visible,
|
|
35
|
+
.vui-tag:focus-visible,
|
|
33
36
|
.vui-switchTrack:focus-visible {
|
|
34
37
|
--x-ring-color: var(--vui-colors-focusColor);
|
|
35
38
|
outline: var(--vui-colors-focusColor) solid 3px;
|
|
36
39
|
z-index: 1;
|
|
37
40
|
}
|
|
38
41
|
|
|
42
|
+
//@formatter:off
|
|
39
43
|
${p => p.globalStyle &&
|
|
40
44
|
css `
|
|
41
45
|
body {
|
|
@@ -53,6 +57,7 @@ export default createGlobalStyle `
|
|
|
53
57
|
}
|
|
54
58
|
`}
|
|
55
59
|
|
|
60
|
+
//@formatter:on
|
|
56
61
|
@keyframes vui-bounce {
|
|
57
62
|
${bounce}
|
|
58
63
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerAccount.d.ts","sourceRoot":"","sources":["../../../src/header/headerAccount.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,kBAAkB,EAA6B,MAAM,uBAAuB,CAAA;AAGrF,+CAA+C;AAE/C,oFAAoF;AACpF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,
|
|
1
|
+
{"version":3,"file":"headerAccount.d.ts","sourceRoot":"","sources":["../../../src/header/headerAccount.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,kBAAkB,EAA6B,MAAM,uBAAuB,CAAA;AAGrF,+CAA+C;AAE/C,oFAAoF;AACpF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAsDtD;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -16,7 +16,7 @@ export function HeaderAccount(props) {
|
|
|
16
16
|
const variant = styles?.trigger?.variant ?? 'solidDarkBlue';
|
|
17
17
|
const offsetX = isMobile ? 64 : 39;
|
|
18
18
|
return (React.createElement(Popover, { isLazy: false, offset: [offsetX, 16], placement: "bottom-end", ...rest },
|
|
19
|
-
React.createElement(Popover.Trigger, { as: Avatar, className: "vui-headerAccountTrigger", isInteractive: true, ml: 1, name: name, size: "lg", title: "Account", variant: variant, ...styles.trigger, ...triggerProps }),
|
|
19
|
+
React.createElement(Popover.Trigger, { as: Avatar, className: "vui-headerAccountTrigger", isInteractive: true, ml: 1, name: name, role: "button", size: "lg", title: "Account", variant: variant, ...styles.trigger, ...triggerProps }),
|
|
20
20
|
React.createElement(Popover.Content, { borderRadius: 0, className: "vui-headerAccountContent", column: true, ...styles.content, w: isMobile ? 280 : 320, ...contentProps },
|
|
21
21
|
isJsx(userInfo) ? userInfo : userInfo && React.createElement(HeaderAccountUserInfo, { ...userInfo }),
|
|
22
22
|
isJsx(sections)
|
|
@@ -14,6 +14,6 @@ export const HeaderAccountUserInfo = vui((props, ref) => {
|
|
|
14
14
|
React.createElement(Box, { column: true, rowGap: role ? 0 : 0.5 },
|
|
15
15
|
displayName && (React.createElement(T, { fontSize: isApplication ? '12px' : 'inherit', weight: "demi" }, displayName)),
|
|
16
16
|
companyName && React.createElement(T, { fontSize: isApplication ? '12px' : 'inherit' }, companyName),
|
|
17
|
-
role && (React.createElement(T, { color: "sandstone.
|
|
17
|
+
role && (React.createElement(T, { color: "sandstone.45", fontSize: isApplication ? '12px' : 'inherit' }, role)))))));
|
|
18
18
|
});
|
|
19
19
|
export default HeaderAccountUserInfo;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerMobileToggle.d.ts","sourceRoot":"","sources":["../../../src/header/headerMobileToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAc,MAAM,WAAW,CAAA;AAMnD,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"headerMobileToggle.d.ts","sourceRoot":"","sources":["../../../src/header/headerMobileToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAc,MAAM,WAAW,CAAA;AAMnD,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,uDAoB7B,CAAA;AAEF,eAAe,kBAAkB,CAAA"}
|
|
@@ -10,6 +10,6 @@ export const HeaderMobileToggle = vui((props, ref) => {
|
|
|
10
10
|
const { isMobileOpen, mobileToggleRef, setIsMobileOpen } = useHeaderContext() ?? {};
|
|
11
11
|
const styles = useStyleConfig('Header', useHeaderContext());
|
|
12
12
|
const iconName = isMobileOpen ? 'falTimes' : 'falBars';
|
|
13
|
-
return (React.createElement(IconButton, { className: cs('vui-headerMobileToggle', className), icon: React.createElement(Icon, { name: iconName }), ml: 1, onClick: () => setIsMobileOpen(s => !s), p: "3px", ref: mergeRefs(ref, mobileToggleRef), ...styles.mobileToggle, ...rest }));
|
|
13
|
+
return (React.createElement(IconButton, { className: cs('vui-headerMobileToggle', className), icon: React.createElement(Icon, { name: iconName }), ml: 1, onClick: () => setIsMobileOpen(s => !s), p: "3px", ref: mergeRefs(ref, mobileToggleRef), title: "mobileToggleButton", ...styles.mobileToggle, ...rest }));
|
|
14
14
|
});
|
|
15
15
|
export default HeaderMobileToggle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerNotifications.d.ts","sourceRoot":"","sources":["../../../src/header/headerNotifications.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AAoBzD,+FAA+F;AAC/F,eAAO,MAAM,mBAAmB,+
|
|
1
|
+
{"version":3,"file":"headerNotifications.d.ts","sourceRoot":"","sources":["../../../src/header/headerNotifications.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AAoBzD,+FAA+F;AAC/F,eAAO,MAAM,mBAAmB,+DA6B9B,CAAA;AAEF,eAAe,mBAAmB,CAAA"}
|
|
@@ -25,7 +25,7 @@ export const HeaderNotifications = vui((props, ref) => {
|
|
|
25
25
|
const { children, className, count = 0, url, ...rest } = props;
|
|
26
26
|
const { links } = useHeaderContext() ?? {};
|
|
27
27
|
const styles = useStyleConfig('Header', useHeaderContext()).notifications;
|
|
28
|
-
return (React.createElement(Button, { as: "a", className: cs('vui-headerNotifications', className), href: url ?? links.notifications, minW: 0,
|
|
28
|
+
return (React.createElement(Button, { as: "a", className: cs('vui-headerNotifications', className), href: url ?? links.notifications, minW: 0, position: "relative", px: "9px", ref: ref, size: "lg", title: "Notifications", variant: "tertiaryDark", ...styles.container, ...rest }, children ?? (React.createElement(React.Fragment, null,
|
|
29
29
|
React.createElement(Button.Icon, { name: "falBell" }),
|
|
30
30
|
count > 0 && React.createElement(Badge, null, count < 100 ? count : '99+')))));
|
|
31
31
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerServices.d.ts","sourceRoot":"","sources":["../../../src/header/headerServices.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAoBpD,yDAAyD;AACzD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"headerServices.d.ts","sourceRoot":"","sources":["../../../src/header/headerServices.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAoBpD,yDAAyD;AACzD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAsCxD;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -17,7 +17,7 @@ export function HeaderServices(props) {
|
|
|
17
17
|
return (React.createElement(React.Fragment, null,
|
|
18
18
|
React.createElement(RenderOnScreen, { minWidth: "lg" },
|
|
19
19
|
React.createElement(Menu, { isLazy: false, offset: [offsetX, 20], placement: "bottom-end", size: "lg", ...rest },
|
|
20
|
-
React.createElement(Menu.Button, { className: "vui-services-trigger", icon: "falTh", title: "My services", ...styles.button, ...buttonProps }),
|
|
20
|
+
React.createElement(Menu.Button, { className: "vui-services-trigger", icon: "falTh", size: "lg", title: "My services", ...styles.button, ...buttonProps }),
|
|
21
21
|
React.createElement(Menu.List, { heading: "My Services", maxH: 400, right: 0, w: 320, ...styles.list },
|
|
22
22
|
React.createElement(ListContent, { links: links })))),
|
|
23
23
|
React.createElement(RenderOnScreen, { maxWidth: "lg" },
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AutoCompletePopoverProps } from './input.types';
|
|
3
|
+
/** Wrapper for the autocomplete popover. */
|
|
4
|
+
export declare const AutoCompletePopover: ({ autoCompleteOptions, autoCompleteMaxHeight, children, filterAutoCompleteOptions, onAutoCompleteSelect }: AutoCompletePopoverProps) => JSX.Element;
|
|
5
|
+
declare const _default: React.MemoExoticComponent<({ autoCompleteOptions, autoCompleteMaxHeight, children, filterAutoCompleteOptions, onAutoCompleteSelect }: AutoCompletePopoverProps) => JSX.Element>;
|
|
6
|
+
export default _default;
|
|
7
|
+
//# sourceMappingURL=autoCompletePopover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autoCompletePopover.d.ts","sourceRoot":"","sources":["../../../src/input/autoCompletePopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAA;AAYxD,4CAA4C;AAC5C,eAAO,MAAM,mBAAmB,8GAM7B,wBAAwB,gBAqB1B,CAAA;;AAED,wBAA8C"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { styled } from '../core';
|
|
3
|
+
import { List } from '../list';
|
|
4
|
+
import { Popover } from '../popover';
|
|
5
|
+
import { cs } from '../utils';
|
|
6
|
+
const InputContainer = styled.divBox `
|
|
7
|
+
width: 100%;
|
|
8
|
+
`;
|
|
9
|
+
const options = {
|
|
10
|
+
aria: {
|
|
11
|
+
expanded: false
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
/** Wrapper for the autocomplete popover. */
|
|
15
|
+
export const AutoCompletePopover = ({ autoCompleteOptions, autoCompleteMaxHeight, children, filterAutoCompleteOptions, onAutoCompleteSelect }) => {
|
|
16
|
+
if (!autoCompleteOptions?.length)
|
|
17
|
+
return children;
|
|
18
|
+
return (React.createElement(Popover, { options: options, placement: "bottom-start" },
|
|
19
|
+
React.createElement(Popover.Trigger, { as: InputContainer, className: cs('vui-input-popoverTrigger') }, children),
|
|
20
|
+
!!autoCompleteOptions && (React.createElement(Popover.Content, null,
|
|
21
|
+
React.createElement(List, { maxH: autoCompleteMaxHeight }, autoCompleteOptions?.filter?.(filterAutoCompleteOptions).map((i) => (React.createElement(List.Item, { cursor: "pointer", hoverBg: "skyBlue.hover", key: i, onClick: () => onAutoCompleteSelect(i) }, i))))))));
|
|
22
|
+
};
|
|
23
|
+
export default React.memo(AutoCompletePopover);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HelpTextProps } from './input.types';
|
|
2
|
-
/** Displaying help text bellow
|
|
2
|
+
/** Displaying help text bellow 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
|
|
@@ -5,7 +5,7 @@ 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 bellow
|
|
8
|
+
/** Displaying help text bellow the input. */
|
|
9
9
|
export const HelpText = vui((props, ref) => {
|
|
10
10
|
const { className, children, isError, ...rest } = props;
|
|
11
11
|
const inputProps = useInputContext();
|
|
@@ -3,7 +3,6 @@ import HelpText from './helpText';
|
|
|
3
3
|
import { InputProps } from './input.types';
|
|
4
4
|
import InputIcon from './inputIcon';
|
|
5
5
|
import InputInput from './inputInput';
|
|
6
|
-
export declare const InputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
|
|
7
6
|
export declare const InputBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
|
|
8
7
|
/**
|
|
9
8
|
* Displays an input element wrapped in a div to allow extra content, like counter, side icons or buttons.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"AAEA,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,+HAgBrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK;UAwIV,gBAAgB;WACf,iBAAiB;cACd,eAAe;CAC1B,CAAA;AAMD,eAAe,KAAK,CAAA"}
|
package/dist/esm/input/input.js
CHANGED
|
@@ -1,18 +1,14 @@
|
|
|
1
1
|
import React, { useEffect, useMemo, useState } from 'react';
|
|
2
2
|
import { styled, useStyleConfig, vui } from '../core';
|
|
3
|
-
import { List } from '../list';
|
|
4
|
-
import { Popover } from '../popover';
|
|
5
3
|
import { T } from '../t';
|
|
6
4
|
import { cs, filterUndefined, isString } from '../utils';
|
|
5
|
+
import AutoCompletePopover from './autoCompletePopover';
|
|
7
6
|
import { inputColors, inputStateMapping } from './consts';
|
|
8
7
|
import { InputProvider } from './context';
|
|
9
8
|
import { getInitialCount } from './helpers';
|
|
10
9
|
import HelpText from './helpText';
|
|
11
10
|
import InputIcon from './inputIcon';
|
|
12
11
|
import InputInput from './inputInput';
|
|
13
|
-
export const InputContainer = styled.divBox `
|
|
14
|
-
width: 100%;
|
|
15
|
-
`;
|
|
16
12
|
export const InputBase = styled.divBox `
|
|
17
13
|
align-items: center;
|
|
18
14
|
background-color: white;
|
|
@@ -63,39 +59,36 @@ export const Input = vui((props, ref) => {
|
|
|
63
59
|
}, [value]);
|
|
64
60
|
const filterAutoCompleteOptions = (i) => valueInternal === i ? false : !valueInternal || i.toLowerCase().includes(`${valueInternal}`.toLowerCase());
|
|
65
61
|
return (React.createElement(InputProvider, { value: context },
|
|
66
|
-
React.createElement(
|
|
67
|
-
React.createElement(
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
maxLength ? `/ ${maxLength}` : null)))),
|
|
97
|
-
!!autoCompleteOptions && (React.createElement(Popover.Content, null,
|
|
98
|
-
React.createElement(List, { maxH: autoCompleteMaxHeight }, autoCompleteOptions?.filter?.(filterAutoCompleteOptions).map((i) => (React.createElement(List.Item, { cursor: "pointer", hoverBg: "skyBlue.hover", key: i, onClick: () => onAutoCompleteSelect(i) }, i))))))),
|
|
62
|
+
React.createElement(AutoCompletePopover, { autoCompleteMaxHeight: autoCompleteMaxHeight, autoCompleteOptions: autoCompleteOptions, filterAutoCompleteOptions: filterAutoCompleteOptions, onAutoCompleteSelect: onAutoCompleteSelect },
|
|
63
|
+
React.createElement(InputBase, { className: cs('vui-input', className), ref: ref, ...styles.container, ...aliasedProps, ...rest },
|
|
64
|
+
itemLeft,
|
|
65
|
+
isString(iconLeft) ? React.createElement(InputIcon, { ml: 1, name: iconLeft }) : iconLeft,
|
|
66
|
+
children ?? input ?? (React.createElement(InputInput, { ref: inputRef, ...{
|
|
67
|
+
autoFocus,
|
|
68
|
+
defaultValue,
|
|
69
|
+
disabled,
|
|
70
|
+
id,
|
|
71
|
+
max,
|
|
72
|
+
maxLength,
|
|
73
|
+
min,
|
|
74
|
+
name,
|
|
75
|
+
onBlur,
|
|
76
|
+
onChange,
|
|
77
|
+
onFocus,
|
|
78
|
+
pattern,
|
|
79
|
+
placeholder,
|
|
80
|
+
readOnly,
|
|
81
|
+
required,
|
|
82
|
+
step,
|
|
83
|
+
type
|
|
84
|
+
}, autoComplete: autoCompleteOptions?.length ? 'off' : autoComplete, value: valueInternal, ...inputProps })),
|
|
85
|
+
isString(iconRight) ? React.createElement(InputIcon, { mr: 1, name: iconRight }) : iconRight,
|
|
86
|
+
itemRight,
|
|
87
|
+
state && React.createElement(InputIcon, { mr: 1, ...states[state]?.iconProps }),
|
|
88
|
+
showCount && (React.createElement(T, { className: "vui-inputCount", color: maxLength && count > maxLength ? inputColors.error : inputColors.helpText, position: "absolute", right: 0, size: "sm", top: "calc(100% + 1px)" },
|
|
89
|
+
count,
|
|
90
|
+
" ",
|
|
91
|
+
maxLength ? `/ ${maxLength}` : null)))),
|
|
99
92
|
!!helpText && React.createElement(HelpText, null, helpText),
|
|
100
93
|
!!errorText && React.createElement(HelpText, { isError: true }, errorText)));
|
|
101
94
|
});
|
|
@@ -75,6 +75,17 @@ export type InputProps = SystemProps & ThemingProps<'Input'> & {
|
|
|
75
75
|
/** Passed to the inner input. */
|
|
76
76
|
value?: number | string;
|
|
77
77
|
};
|
|
78
|
+
export type AutoCompletePopoverProps = {
|
|
79
|
+
/** List of autocomplete options. */
|
|
80
|
+
autoCompleteOptions?: string[];
|
|
81
|
+
/** Maximum autoComplete container height in px. */
|
|
82
|
+
autoCompleteMaxHeight?: number;
|
|
83
|
+
/** The input children. */
|
|
84
|
+
children: JSX.Element;
|
|
85
|
+
/** Filter helper function. */
|
|
86
|
+
filterAutoCompleteOptions: (value: string, index: number, array: string[]) => boolean;
|
|
87
|
+
onAutoCompleteSelect: (value: string) => void;
|
|
88
|
+
};
|
|
78
89
|
export type HelpTextProps = PProps & {
|
|
79
90
|
isError?: boolean;
|
|
80
91
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.types.d.ts","sourceRoot":"","sources":["../../../src/input/input.types.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"input.types.d.ts","sourceRoot":"","sources":["../../../src/input/input.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -13,6 +13,8 @@ export type ListProps = SystemProps & ThemingProps<'List'> & {
|
|
|
13
13
|
isInteractive?: boolean;
|
|
14
14
|
/** Socket displaying a list of items. */
|
|
15
15
|
items?: PropsOf<'li', ListItemProps>[] | JSX.Element;
|
|
16
|
+
/** Socket for the variant. The 'blue' variant is internal, used in the header. */
|
|
17
|
+
variant?: 'default' | 'ordered' | 'unordered' | 'blue';
|
|
16
18
|
};
|
|
17
19
|
export type ListItemLinkProps = PropsOf<'a', LinkProps> | object;
|
|
18
20
|
export type ListItemProps = SystemProps & ThemingProps<'List'> & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.types.d.ts","sourceRoot":"","sources":["../../../src/list/list.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,MAAM,MAAM,SAAS,GAAG,WAAW,GACjC,YAAY,CAAC,MAAM,CAAC,GAAG;IACrB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,mDAAmD;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,aAAa,CAAC,EAAE,GAAG,GAAG,CAAC,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"list.types.d.ts","sourceRoot":"","sources":["../../../src/list/list.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,MAAM,MAAM,SAAS,GAAG,WAAW,GACjC,YAAY,CAAC,MAAM,CAAC,GAAG;IACrB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,mDAAmD;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,aAAa,CAAC,EAAE,GAAG,GAAG,CAAC,OAAO,CAAA;IACpD,kFAAkF;IAClF,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,CAAA;CACvD,CAAA;AAEH,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,MAAM,CAAA;AAEhE,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,MAAM,CAAC,GAAG;IACrB,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IACjC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAClC,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,oDAAoD;IACpD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,6FAA6F;IAC7F,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAAA;CAC/B,CAAA"}
|
package/dist/esm/list/theme.d.ts
CHANGED
|
@@ -80,6 +80,26 @@ declare const _default: {
|
|
|
80
80
|
};
|
|
81
81
|
variants: {
|
|
82
82
|
default: {};
|
|
83
|
+
ordered: {
|
|
84
|
+
container: {
|
|
85
|
+
as: string;
|
|
86
|
+
listStyleType: string;
|
|
87
|
+
pl: number;
|
|
88
|
+
};
|
|
89
|
+
item: {
|
|
90
|
+
display: string;
|
|
91
|
+
};
|
|
92
|
+
};
|
|
93
|
+
unordered: {
|
|
94
|
+
container: {
|
|
95
|
+
as: string;
|
|
96
|
+
listStyleType: string;
|
|
97
|
+
pl: number;
|
|
98
|
+
};
|
|
99
|
+
item: {
|
|
100
|
+
display: string;
|
|
101
|
+
};
|
|
102
|
+
};
|
|
83
103
|
blue: {
|
|
84
104
|
heading: {
|
|
85
105
|
color: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/list/theme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/list/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiHA,wBAMC"}
|
package/dist/esm/list/theme.js
CHANGED
|
@@ -79,7 +79,27 @@ const sizes = {
|
|
|
79
79
|
};
|
|
80
80
|
const variants = {
|
|
81
81
|
default: {},
|
|
82
|
-
|
|
82
|
+
ordered: {
|
|
83
|
+
container: {
|
|
84
|
+
as: 'ol',
|
|
85
|
+
listStyleType: 'decimal',
|
|
86
|
+
pl: 3
|
|
87
|
+
},
|
|
88
|
+
item: {
|
|
89
|
+
display: 'list-item'
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
unordered: {
|
|
93
|
+
container: {
|
|
94
|
+
as: 'ul',
|
|
95
|
+
listStyleType: 'disc',
|
|
96
|
+
pl: 3
|
|
97
|
+
},
|
|
98
|
+
item: {
|
|
99
|
+
display: 'list-item'
|
|
100
|
+
}
|
|
101
|
+
},
|
|
102
|
+
// internal; variant *blue* was introduced for the *header* component
|
|
83
103
|
blue: {
|
|
84
104
|
heading: {
|
|
85
105
|
color: 'darkBlue.main'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAK9C;;;GAGG;AACH,iBAAwB,OAAO,CAAC,KAAK,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAK9C;;;GAGG;AACH,iBAAwB,OAAO,CAAC,KAAK,EAAE,YAAY,eAOlD;kBAPuB,OAAO;;;;eAAP,OAAO"}
|
|
@@ -9,8 +9,8 @@ import usePopover from './usePopover';
|
|
|
9
9
|
* By default, renders provided content only when popover is opened (lazy).
|
|
10
10
|
*/
|
|
11
11
|
export default function Popover(props) {
|
|
12
|
-
const { children, isLazy = true, ...rest } = props;
|
|
13
|
-
const popoverProps = usePopover(rest);
|
|
12
|
+
const { children, isLazy = true, options, ...rest } = props;
|
|
13
|
+
const popoverProps = usePopover({ options, ...rest });
|
|
14
14
|
const { close, isOpen, open } = popoverProps;
|
|
15
15
|
const context = filterUndefined({ isLazy, ...popoverProps });
|
|
16
16
|
return React.createElement(PopoverProvider, { value: context }, runIfFn(children, { close, isOpen, open }));
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { TippyProps } from '@tippyjs/react';
|
|
1
2
|
import { BoxProps } from '../box';
|
|
2
3
|
import { SystemProps } from '../system';
|
|
3
4
|
import { RenderProps } from '../utils';
|
|
@@ -9,6 +10,8 @@ export type PopoverProps = UsePopoverProps & {
|
|
|
9
10
|
children?: PopoverRenderProps;
|
|
10
11
|
/** Mounts provided content only when popover is opened for performance. @default true */
|
|
11
12
|
isLazy?: boolean;
|
|
13
|
+
/** Object with any Tippy props. */
|
|
14
|
+
options?: Partial<TippyProps>;
|
|
12
15
|
};
|
|
13
16
|
export type PopoverRenderProps = RenderProps<{
|
|
14
17
|
close: UsePopoverType['close'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.types.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAA;AAE1C,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IAC3C,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,yFAAyF;IACzF,MAAM,CAAC,EAAE,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"popover.types.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAA;AAE1C,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IAC3C,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,yFAAyF;IACzF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;IAC3C,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC9B,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IAChC,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;CAC7B,CAAC,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../../src/popover/usePopover.ts"],"names":[],"mappings":";AACA,OAAc,EAAE,QAAQ,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,UAAU,CAAA;AAI/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,GAAE,eAAoB;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../../src/popover/usePopover.ts"],"names":[],"mappings":";AACA,OAAc,EAAE,QAAQ,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,UAAU,CAAA;AAI/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,GAAE,eAAoB;;;;;;;;;EAiH7D;AAED,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAA"}
|
|
@@ -19,8 +19,9 @@ export default function usePopover(props = {}) {
|
|
|
19
19
|
const open = useCallback(() => instance?.show(), [instance]);
|
|
20
20
|
const isControlled = isOpenProp !== undefined;
|
|
21
21
|
const tippyOptions = useMemo(() => {
|
|
22
|
-
const { offset: optionsOffset, onHidden, onHide, onShow, plugins = [], popperOptions = {}, ...otherOptions } = options ?? {};
|
|
22
|
+
const { aria, offset: optionsOffset, onHidden, onHide, onShow, plugins = [], popperOptions = {}, ...otherOptions } = options ?? {};
|
|
23
23
|
return {
|
|
24
|
+
aria,
|
|
24
25
|
arrow: false,
|
|
25
26
|
duration: [200, 150],
|
|
26
27
|
hideOnClick: !isControlled ? closeOnBlur : false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progressCircular.d.ts","sourceRoot":"","sources":["../../../src/progressCircular/progressCircular.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,eAAO,MAAM,oBAAoB,+HAIhC,CAAA;AAWD,2CAA2C;AAC3C,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"progressCircular.d.ts","sourceRoot":"","sources":["../../../src/progressCircular/progressCircular.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,eAAO,MAAM,oBAAoB,+HAIhC,CAAA;AAWD,2CAA2C;AAC3C,eAAO,MAAM,gBAAgB,8DA8D3B,CAAA;AAEF,eAAe,gBAAgB,CAAA"}
|
|
@@ -33,7 +33,7 @@ export const ProgressCircular = vui((props, ref) => {
|
|
|
33
33
|
const angle = radius * 2 * Math.PI;
|
|
34
34
|
const offset = angle - (progress / maxValue) * angle;
|
|
35
35
|
return (React.createElement(ProgressCircularBase, { className: cs('vui-progress-circular', className), ref: ref, w: styles.width, ...rest },
|
|
36
|
-
React.createElement("svg", { "aria-valuemax": maxValue, "aria-valuemin": 0, "aria-valuenow": progress, height: styles.width, version: "1.1", viewBox: "0 0 100 100", width: styles.width, xmlns: "http://www.w3.org/2000/svg" },
|
|
36
|
+
React.createElement("svg", { "aria-valuemax": maxValue, "aria-valuemin": 0, "aria-valuenow": progress, height: styles.width, role: "meter", version: "1.1", viewBox: "0 0 100 100", width: styles.width, xmlns: "http://www.w3.org/2000/svg" },
|
|
37
37
|
React.createElement(MainCircle, { cx: "50", cy: "50", r: radius, stroke: styles.stroke.main, strokeWidth: styles.strokeWidth }),
|
|
38
38
|
React.createElement(ProgressCircle, { cx: "50", cy: "50", r: radius, stroke: styles.stroke.progress, strokeDasharray: `${angle} ${angle}`, strokeDashoffset: offset, strokeWidth: styles.strokeWidth })),
|
|
39
39
|
React.createElement(Box, { ...absCenterStyles, top: styles.top }, children ? (children) : showPercentage ? (React.createElement(T, { color: styles.color, fontSize: styles.fontSize },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAuB3D,eAAO,MAAM,SAAS,olJAkBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAuB3D,eAAO,MAAM,SAAS,olJAkBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,oDA4GhB,CAAA;AAEF,eAAe,KAAK,CAAA"}
|