@hitachivantara/uikit-react-core 3.67.15 → 3.67.18
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/Dropdown/Dropdown.d.ts +10 -3
- package/dist/Dropdown/Dropdown.js +33 -12
- package/dist/Dropdown/Dropdown.js.map +1 -1
- package/dist/Focus/Focus.d.ts +3 -3
- package/dist/List/List.d.ts +1 -1
- package/dist/Slider/styles.js +12 -2
- package/dist/Slider/styles.js.map +1 -1
- package/dist/Snackbar/stories/SnackbarProvider.stories.mdx +12 -12
- package/dist/index.d.ts +3 -0
- package/dist/index.js +9 -0
- package/dist/index.js.map +1 -1
- package/dist/legacy/Dropdown/Dropdown.d.ts +10 -3
- package/dist/legacy/Dropdown/Dropdown.js +27 -8
- package/dist/legacy/Dropdown/Dropdown.js.map +1 -1
- package/dist/legacy/Focus/Focus.d.ts +3 -3
- package/dist/legacy/List/List.d.ts +1 -1
- package/dist/legacy/Slider/styles.js +12 -2
- package/dist/legacy/Slider/styles.js.map +1 -1
- package/dist/legacy/Snackbar/stories/SnackbarProvider.stories.mdx +12 -12
- package/dist/legacy/index.d.ts +3 -0
- package/dist/legacy/index.js +1 -0
- package/dist/legacy/index.js.map +1 -1
- package/dist/modern/Dropdown/Dropdown.d.ts +10 -3
- package/dist/modern/Dropdown/Dropdown.js +26 -9
- package/dist/modern/Dropdown/Dropdown.js.map +1 -1
- package/dist/modern/Focus/Focus.d.ts +3 -3
- package/dist/modern/List/List.d.ts +1 -1
- package/dist/modern/Slider/styles.js +12 -2
- package/dist/modern/Slider/styles.js.map +1 -1
- package/dist/modern/Snackbar/stories/SnackbarProvider.stories.mdx +12 -12
- package/dist/modern/index.d.ts +3 -0
- package/dist/modern/index.js +1 -0
- package/dist/modern/index.js.map +1 -1
- package/package.json +4 -4
|
@@ -1,5 +1,8 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
1
2
|
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
2
3
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
4
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
5
|
+
var _excluded = ["classes", "className", "id", "name", "required", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "placeholder", "onChange", "status", "statusMessage", "aria-errormessage", "onCancel", "onToggle", "onClickOutside", "onFocus", "onBlur", "values", "multiSelect", "showSearch", "expanded", "defaultExpanded", "notifyChangesOnFirstRender", "labels", "hasTooltips", "disablePortal", "singleSelectionToggle", "placement", "variableWidth", "popperProps", "height", "virtualized", "baseDropdownProps", "listProps"];
|
|
3
6
|
import "core-js/modules/es.function.name.js";
|
|
4
7
|
import "core-js/modules/es.symbol.js";
|
|
5
8
|
import "core-js/modules/es.symbol.description.js";
|
|
@@ -80,7 +83,13 @@ var HvDropdown = function HvDropdown(props) {
|
|
|
80
83
|
popperProps = _props$popperProps === void 0 ? {} : _props$popperProps,
|
|
81
84
|
height = props.height,
|
|
82
85
|
_props$virtualized = props.virtualized,
|
|
83
|
-
virtualized = _props$virtualized === void 0 ? false : _props$virtualized
|
|
86
|
+
virtualized = _props$virtualized === void 0 ? false : _props$virtualized,
|
|
87
|
+
_props$baseDropdownPr = props.baseDropdownProps,
|
|
88
|
+
baseDropdownProps = _props$baseDropdownPr === void 0 ? {} : _props$baseDropdownPr,
|
|
89
|
+
_props$listProps = props.listProps,
|
|
90
|
+
listProps = _props$listProps === void 0 ? {} : _props$listProps,
|
|
91
|
+
others = _objectWithoutProperties(props, _excluded);
|
|
92
|
+
|
|
84
93
|
var labels = useLabels(DEFAULT_LABELS, labelsProp);
|
|
85
94
|
var elementId = useUniqueId(id, "hvdropdown");
|
|
86
95
|
|
|
@@ -253,14 +262,14 @@ var HvDropdown = function HvDropdown(props) {
|
|
|
253
262
|
errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
|
|
254
263
|
}
|
|
255
264
|
|
|
256
|
-
return /*#__PURE__*/React.createElement(HvFormElement, {
|
|
265
|
+
return /*#__PURE__*/React.createElement(HvFormElement, _extends({
|
|
257
266
|
id: id,
|
|
258
267
|
name: name,
|
|
259
268
|
status: validationState,
|
|
260
269
|
disabled: disabled,
|
|
261
270
|
required: required,
|
|
262
271
|
className: clsx(className, classes.root)
|
|
263
|
-
}, (hasLabel || hasDescription) && /*#__PURE__*/React.createElement("div", {
|
|
272
|
+
}, others), (hasLabel || hasDescription) && /*#__PURE__*/React.createElement("div", {
|
|
264
273
|
className: classes.labelContainer
|
|
265
274
|
}, hasLabel && /*#__PURE__*/React.createElement(HvLabel, {
|
|
266
275
|
id: setId(elementId, "label"),
|
|
@@ -269,7 +278,7 @@ var HvDropdown = function HvDropdown(props) {
|
|
|
269
278
|
}), hasDescription && /*#__PURE__*/React.createElement(HvInfoMessage, {
|
|
270
279
|
id: setId(elementId, "description"),
|
|
271
280
|
className: classes.description
|
|
272
|
-
}, description)), /*#__PURE__*/React.createElement(HvBaseDropdown, {
|
|
281
|
+
}, description)), /*#__PURE__*/React.createElement(HvBaseDropdown, _extends({
|
|
273
282
|
id: setId(id, "dropdown"),
|
|
274
283
|
classes: {
|
|
275
284
|
root: classes.dropdown,
|
|
@@ -296,7 +305,7 @@ var HvDropdown = function HvDropdown(props) {
|
|
|
296
305
|
onFocus: onFocus,
|
|
297
306
|
onBlur: onBlur,
|
|
298
307
|
dropdownHeaderRef: dropdownHeaderRef
|
|
299
|
-
}, /*#__PURE__*/React.createElement(List, {
|
|
308
|
+
}, baseDropdownProps), /*#__PURE__*/React.createElement(List, _extends({
|
|
300
309
|
id: setId(elementId, "values"),
|
|
301
310
|
classes: {
|
|
302
311
|
rootList: classes.rootList,
|
|
@@ -314,7 +323,7 @@ var HvDropdown = function HvDropdown(props) {
|
|
|
314
323
|
"aria-labelledby": hasLabel ? setId(elementId, "label") : undefined,
|
|
315
324
|
height: height,
|
|
316
325
|
virtualized: virtualized
|
|
317
|
-
})), canShowError && /*#__PURE__*/React.createElement(HvWarningText, {
|
|
326
|
+
}, listProps))), canShowError && /*#__PURE__*/React.createElement(HvWarningText, {
|
|
318
327
|
id: setId(elementId, "error"),
|
|
319
328
|
disableBorder: true,
|
|
320
329
|
className: classes.error
|
|
@@ -488,7 +497,7 @@ process.env.NODE_ENV !== "production" ? HvDropdown.propTypes = {
|
|
|
488
497
|
* The list to be rendered by the dropdown.
|
|
489
498
|
*/
|
|
490
499
|
values: PropTypes.arrayOf(PropTypes.shape({
|
|
491
|
-
id: PropTypes.string,
|
|
500
|
+
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
492
501
|
label: PropTypes.node.isRequired,
|
|
493
502
|
searchValue: PropTypes.string,
|
|
494
503
|
value: PropTypes.any,
|
|
@@ -624,7 +633,17 @@ process.env.NODE_ENV !== "production" ? HvDropdown.propTypes = {
|
|
|
624
633
|
/**
|
|
625
634
|
* Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.
|
|
626
635
|
*/
|
|
627
|
-
virtualized: PropTypes.bool
|
|
636
|
+
virtualized: PropTypes.bool,
|
|
637
|
+
|
|
638
|
+
/**
|
|
639
|
+
* Extra props passed to the dropdown.
|
|
640
|
+
*/
|
|
641
|
+
baseDropdownProps: PropTypes.object,
|
|
642
|
+
|
|
643
|
+
/**
|
|
644
|
+
* Extra props passed to the list.
|
|
645
|
+
*/
|
|
646
|
+
listProps: PropTypes.object
|
|
628
647
|
} : void 0;
|
|
629
648
|
export default withStyles(styles, {
|
|
630
649
|
name: "HvDropdown"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","names":["React","useEffect","useRef","useState","PropTypes","clsx","withStyles","setId","useLabels","HvBaseDropdown","HvFormElement","HvLabel","HvInfoMessage","HvWarningText","HvTypography","useUniqueId","useControlled","isInvalid","List","getSelected","getSelectionLabel","styles","DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labelsProp","labels","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","virtualized","elementId","validationState","setValidationState","validationMessage","Boolean","isOpen","setIsOpen","selectionLabel","setSelectionLabel","internalValues","setInternalValues","process","env","NODE_ENV","console","error","dropdownHeaderRef","handleToggle","_e","open","hasSelection","length","handleSelection","listValues","commitChanges","toggle","notifyChanges","selected","current","focus","preventScroll","handleCancel","evt","handleClickOutside","setFocusToContent","containerRef","inputs","getElementsByTagName","listItems","every","listItem","tabIndex","buildHeaderLabel","selectionDisabled","total","hasLabel","hasDescription","canShowError","isStateInvalid","errorMessageId","root","labelContainer","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","join","trim","rootList","dropdownListContainer","propTypes","string","shape","isRequired","node","bool","oneOf","func","arrayOf","searchValue","value","any","number"],"sources":["../../../src/Dropdown/Dropdown.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useLabels } from \"../utils\";\nimport {\n HvBaseDropdown,\n HvFormElement,\n HvLabel,\n HvInfoMessage,\n HvWarningText,\n HvTypography,\n useUniqueId,\n useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport List from \"./List\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n select: undefined,\n selectAll: \"All\",\n cancelLabel: \"Cancel\",\n applyLabel: \"Apply\",\n searchPlaceholder: \"Search\",\n multiSelectionConjunction: \"/\",\n};\n\n/**\n * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.\n */\nconst HvDropdown = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n\n required = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n placeholder = \"Select...\",\n\n onChange,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n onCancel,\n onToggle,\n onClickOutside,\n\n onFocus,\n onBlur,\n\n values,\n multiSelect = false,\n showSearch = false,\n expanded,\n defaultExpanded = false,\n notifyChangesOnFirstRender = false,\n labels: labelsProp,\n hasTooltips = false,\n disablePortal = false,\n singleSelectionToggle = true,\n placement,\n variableWidth = false,\n popperProps = {},\n height,\n virtualized = false,\n } = props;\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const elementId = useUniqueId(id, \"hvdropdown\");\n\n const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n const [selectionLabel, setSelectionLabel] = useState(\n getSelectionLabel(values, labels, placeholder, multiSelect)\n );\n const [internalValues, setInternalValues] = useState(values);\n\n useEffect(() => {\n setInternalValues(values);\n }, [values]);\n\n useEffect(() => {\n setSelectionLabel(getSelectionLabel(values, labels, placeholder, multiSelect));\n }, [labels, multiSelect, placeholder, values]);\n\n if (virtualized && !height && process.env.NODE_ENV !== \"production\") {\n // eslint-disable-next-line no-console\n console.error(\"Dropdown/List in virtualized mode requires a height. Please define it.\");\n }\n\n const dropdownHeaderRef = useRef();\n\n const handleToggle = (_e, open) => {\n onToggle?.(_e, open);\n\n setIsOpen(open);\n\n if (!open) {\n // also run built-in validation when closing without changes\n // as the user \"touched\" the input\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required) {\n const hasSelection = getSelected(internalValues).length > 0;\n\n if (!hasSelection) {\n return \"invalid\";\n }\n }\n\n return \"valid\";\n });\n }\n };\n\n /**\n * Applies the selected values to the state\n *\n * @param {Array} listValues - An array containing the selected values.\n * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection\n * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state\n * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.\n */\n const handleSelection = (listValues, commitChanges, toggle, notifyChanges = true) => {\n const selected = getSelected(listValues);\n if (commitChanges) {\n setInternalValues(listValues);\n setSelectionLabel(getSelectionLabel(listValues, labels, placeholder, multiSelect));\n\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && selected.length === 0) {\n return \"invalid\";\n }\n\n return \"valid\";\n });\n }\n if (notifyChanges) onChange?.(multiSelect ? selected : selected[0]);\n if (toggle) {\n handleToggle(undefined, false);\n\n // focus-ring won't be visible even if using the keyboard:\n // https://github.com/WICG/focus-visible/issues/88\n dropdownHeaderRef.current?.focus({ preventScroll: true });\n }\n };\n\n /**\n * Handles the `Cancel` action. Both single and ranged modes are handled here.\n */\n const handleCancel = (evt) => {\n onCancel?.(evt);\n\n handleToggle(evt, false);\n\n // focus-ring won't be visible even if using the keyboard:\n // https://github.com/WICG/focus-visible/issues/88\n dropdownHeaderRef.current?.focus({ preventScroll: true });\n };\n\n const handleClickOutside = (evt) => {\n onClickOutside?.(evt);\n onCancel?.(evt);\n };\n\n const setFocusToContent = (containerRef) => {\n const inputs = containerRef?.getElementsByTagName(\"input\");\n if (inputs?.length > 0) {\n inputs[0].focus();\n return;\n }\n const listItems = containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n listItems.every((listItem) => {\n if (listItem.tabIndex >= 0) {\n listItem.focus();\n return false;\n }\n return true;\n });\n };\n\n const buildHeaderLabel = () => {\n const hasSelection = getSelected(internalValues).length > 0;\n return labels.select || !multiSelect ? (\n <HvTypography\n component=\"div\"\n noWrap\n variant={isOpen || hasSelection ? \"normalText\" : \"placeholderText\"}\n className={clsx(classes.placeholder, {\n [classes.selectionDisabled]: disabled,\n })}\n >\n {selectionLabel.selected}\n </HvTypography>\n ) : (\n <HvTypography\n component=\"div\"\n noWrap\n className={clsx(classes.placeholder, {\n [classes.selectionDisabled]: disabled,\n })}\n variant=\"normalText\"\n >\n <b>{selectionLabel.selected}</b>\n {` ${labels.multiSelectionConjunction} ${selectionLabel.total}`}\n </HvTypography>\n );\n };\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n }\n\n return (\n <HvFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n className={clsx(className, classes.root)}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n )}\n\n {hasDescription && (\n <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n <HvBaseDropdown\n id={setId(id, \"dropdown\")}\n classes={{\n root: classes.dropdown,\n arrow: classes.arrow,\n header: clsx(\n classes.dropdownHeader,\n isStateInvalid ? classes.dropdownHeaderInvalid : undefined\n ),\n headerOpen: classes.dropdownHeaderOpen,\n }}\n expanded={isOpen}\n disabled={disabled}\n disablePortal={disablePortal}\n placement={placement}\n popperProps={popperProps}\n placeholder={buildHeaderLabel()}\n onToggle={handleToggle}\n onClickOutside={handleClickOutside}\n onContainerCreation={setFocusToContent}\n role=\"combobox\"\n variableWidth={variableWidth}\n aria-label={ariaLabel}\n aria-labelledby={\n [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n }\n aria-invalid={isStateInvalid ? true : undefined}\n aria-errormessage={errorMessageId}\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n undefined\n }\n onFocus={onFocus}\n onBlur={onBlur}\n dropdownHeaderRef={dropdownHeaderRef}\n >\n <List\n id={setId(elementId, \"values\")}\n classes={{\n rootList: classes.rootList,\n dropdownListContainer: classes.dropdownListContainer,\n }}\n values={internalValues}\n multiSelect={multiSelect}\n showSearch={showSearch}\n onChange={handleSelection}\n onCancel={handleCancel}\n labels={labels}\n notifyChangesOnFirstRender={notifyChangesOnFirstRender}\n hasTooltips={hasTooltips}\n singleSelectionToggle={singleSelectionToggle}\n aria-labelledby={hasLabel ? setId(elementId, \"label\") : undefined}\n height={height}\n virtualized={virtualized}\n />\n </HvBaseDropdown>\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvDropdown.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n\n /**\n * Styles applied to the container of the labels elements.\n */\n labelContainer: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the icon information text.\n */\n description: PropTypes.string,\n\n /**\n * Styles applied to the error area.\n */\n error: PropTypes.string,\n\n /**\n * Styles applied to the dropdown.\n */\n dropdown: PropTypes.string,\n\n /**\n * Styles applied to the arrow\n */\n arrow: PropTypes.string,\n /**\n * Styles applied for truncating the list elements.\n */\n placeholder: PropTypes.string,\n /**\n * Styles applied when the selection is disabled.\n */\n selectionDisabled: PropTypes.string,\n /**\n * Styles applied to the list.\n */\n rootList: PropTypes.string,\n /**\n * Styles applied to the dropdown header.\n */\n dropdownHeader: PropTypes.string,\n /**\n * Styles applied to the dropdown is invalid.\n */\n dropdownHeaderInvalid: PropTypes.string,\n /**\n * Styles applied to the dropdown is opened.\n */\n dropdownHeaderOpen: PropTypes.string,\n /**\n * Styles applied to the dropdown list.\n */\n dropdownListContainer: PropTypes.string,\n }).isRequired,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n\n /**\n * The form element name.\n */\n name: PropTypes.string,\n\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n */\n label: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n\n /**\n * The placeholder value when nothing is selected.\n */\n placeholder: PropTypes.string,\n\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n */\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /**\n * The error message to show when the validation status is \"invalid\".\n *\n * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n */\n statusMessage: PropTypes.node,\n /**\n * Identifies the element that provides an error message for the dropdown.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\": PropTypes.string,\n\n /**\n * The callback fired when the value changes.\n */\n onChange: PropTypes.func,\n\n /**\n * The list to be rendered by the dropdown.\n */\n values: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n label: PropTypes.node.isRequired,\n searchValue: PropTypes.string,\n value: PropTypes.any,\n selected: PropTypes.bool,\n })\n ),\n /**\n * If `true` the dropdown is multiSelect, if `false` the dropdown is single select.\n */\n multiSelect: PropTypes.bool,\n /**\n * If `true` the dropdown is rendered with a search bar, if `false` there won't be a search bar.\n */\n showSearch: PropTypes.bool,\n /**\n * If `true` the dropdown starts opened if `false` it starts closed.\n */\n expanded: PropTypes.bool,\n /**\n * When uncontrolled, defines the initial expanded state.\n */\n defaultExpanded: PropTypes.bool,\n /**\n * If 'true' the dropdown will notify on the first render.\n */\n notifyChangesOnFirstRender: PropTypes.bool,\n /**\n * An object containing all the labels for the dropdown.\n */\n labels: PropTypes.shape({\n /**\n * Label for overwrite the default header behaviour.\n */\n select: PropTypes.string,\n /**\n * Label used for the All checkbox action.\n */\n selectAll: PropTypes.string,\n /**\n * Cancel button label.\n */\n cancelLabel: PropTypes.string,\n /**\n * Apply button label.\n */\n applyLabel: PropTypes.string,\n /**\n * The label used in the middle of the multiSelection count.\n */\n multiSelectionConjunction: PropTypes.string,\n }),\n /**\n * If `true` the dropdown will show tooltips when user mouseenter text in list\n */\n hasTooltips: PropTypes.bool,\n /**\n * Disable the portal behavior.\n * The children stay within it's parent DOM hierarchy.\n */\n disablePortal: PropTypes.bool,\n /**\n * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n * Defaults to `false`.\n */\n variableWidth: PropTypes.bool,\n /**\n * If `true`, selection can be toggled when single selection.\n */\n singleSelectionToggle: PropTypes.bool,\n /**\n * Placement of the dropdown.\n */\n placement: PropTypes.oneOf([\"left\", \"right\"]),\n /**\n * An object containing props to be wired to the popper component.\n */\n popperProps: PropTypes.shape(),\n\n /**\n * Callback called when the user cancels the changes.\n *\n * Called when the cancel button is used and when the user clicks outside the open container.\n *\n * @param {object} event The event source of the callback.\n */\n onCancel: PropTypes.func,\n /**\n * Callback called when dropdown changes the expanded state.\n *\n * @param {object} event The event source of the callback.\n * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n */\n onToggle: PropTypes.func,\n /**\n * Callback called when the user clicks outside the open container.\n *\n * @param {object} event The event source of the callback.\n */\n onClickOutside: PropTypes.func,\n\n /**\n * @ignore\n */\n onFocus: PropTypes.func,\n /**\n * @ignore\n */\n onBlur: PropTypes.func,\n\n /**\n * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n */\n height: PropTypes.number,\n /**\n * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n */\n virtualized: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDropdown\" })(HvDropdown);\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Dropdown.js","names":["React","useEffect","useRef","useState","PropTypes","clsx","withStyles","setId","useLabels","HvBaseDropdown","HvFormElement","HvLabel","HvInfoMessage","HvWarningText","HvTypography","useUniqueId","useControlled","isInvalid","List","getSelected","getSelectionLabel","styles","DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labelsProp","labels","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","virtualized","baseDropdownProps","listProps","others","elementId","validationState","setValidationState","validationMessage","Boolean","isOpen","setIsOpen","selectionLabel","setSelectionLabel","internalValues","setInternalValues","process","env","NODE_ENV","console","error","dropdownHeaderRef","handleToggle","_e","open","hasSelection","length","handleSelection","listValues","commitChanges","toggle","notifyChanges","selected","current","focus","preventScroll","handleCancel","evt","handleClickOutside","setFocusToContent","containerRef","inputs","getElementsByTagName","listItems","every","listItem","tabIndex","buildHeaderLabel","selectionDisabled","total","hasLabel","hasDescription","canShowError","isStateInvalid","errorMessageId","root","labelContainer","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","join","trim","rootList","dropdownListContainer","propTypes","string","shape","isRequired","node","bool","oneOf","func","arrayOf","oneOfType","number","searchValue","value","any","object"],"sources":["../../../src/Dropdown/Dropdown.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useLabels } from \"../utils\";\nimport {\n HvBaseDropdown,\n HvFormElement,\n HvLabel,\n HvInfoMessage,\n HvWarningText,\n HvTypography,\n useUniqueId,\n useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport List from \"./List\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n select: undefined,\n selectAll: \"All\",\n cancelLabel: \"Cancel\",\n applyLabel: \"Apply\",\n searchPlaceholder: \"Search\",\n multiSelectionConjunction: \"/\",\n};\n\n/**\n * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.\n */\nconst HvDropdown = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n\n required = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n placeholder = \"Select...\",\n\n onChange,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n onCancel,\n onToggle,\n onClickOutside,\n\n onFocus,\n onBlur,\n\n values,\n multiSelect = false,\n showSearch = false,\n expanded,\n defaultExpanded = false,\n notifyChangesOnFirstRender = false,\n labels: labelsProp,\n hasTooltips = false,\n disablePortal = false,\n singleSelectionToggle = true,\n placement,\n variableWidth = false,\n popperProps = {},\n height,\n virtualized = false,\n baseDropdownProps = {},\n listProps = {},\n ...others\n } = props;\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const elementId = useUniqueId(id, \"hvdropdown\");\n\n const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n const [selectionLabel, setSelectionLabel] = useState(\n getSelectionLabel(values, labels, placeholder, multiSelect)\n );\n const [internalValues, setInternalValues] = useState(values);\n\n useEffect(() => {\n setInternalValues(values);\n }, [values]);\n\n useEffect(() => {\n setSelectionLabel(getSelectionLabel(values, labels, placeholder, multiSelect));\n }, [labels, multiSelect, placeholder, values]);\n\n if (virtualized && !height && process.env.NODE_ENV !== \"production\") {\n // eslint-disable-next-line no-console\n console.error(\"Dropdown/List in virtualized mode requires a height. Please define it.\");\n }\n\n const dropdownHeaderRef = useRef();\n\n const handleToggle = (_e, open) => {\n onToggle?.(_e, open);\n\n setIsOpen(open);\n\n if (!open) {\n // also run built-in validation when closing without changes\n // as the user \"touched\" the input\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required) {\n const hasSelection = getSelected(internalValues).length > 0;\n\n if (!hasSelection) {\n return \"invalid\";\n }\n }\n\n return \"valid\";\n });\n }\n };\n\n /**\n * Applies the selected values to the state\n *\n * @param {Array} listValues - An array containing the selected values.\n * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection\n * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state\n * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.\n */\n const handleSelection = (listValues, commitChanges, toggle, notifyChanges = true) => {\n const selected = getSelected(listValues);\n if (commitChanges) {\n setInternalValues(listValues);\n setSelectionLabel(getSelectionLabel(listValues, labels, placeholder, multiSelect));\n\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && selected.length === 0) {\n return \"invalid\";\n }\n\n return \"valid\";\n });\n }\n if (notifyChanges) onChange?.(multiSelect ? selected : selected[0]);\n if (toggle) {\n handleToggle(undefined, false);\n\n // focus-ring won't be visible even if using the keyboard:\n // https://github.com/WICG/focus-visible/issues/88\n dropdownHeaderRef.current?.focus({ preventScroll: true });\n }\n };\n\n /**\n * Handles the `Cancel` action. Both single and ranged modes are handled here.\n */\n const handleCancel = (evt) => {\n onCancel?.(evt);\n\n handleToggle(evt, false);\n\n // focus-ring won't be visible even if using the keyboard:\n // https://github.com/WICG/focus-visible/issues/88\n dropdownHeaderRef.current?.focus({ preventScroll: true });\n };\n\n const handleClickOutside = (evt) => {\n onClickOutside?.(evt);\n onCancel?.(evt);\n };\n\n const setFocusToContent = (containerRef) => {\n const inputs = containerRef?.getElementsByTagName(\"input\");\n if (inputs?.length > 0) {\n inputs[0].focus();\n return;\n }\n const listItems = containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n listItems.every((listItem) => {\n if (listItem.tabIndex >= 0) {\n listItem.focus();\n return false;\n }\n return true;\n });\n };\n\n const buildHeaderLabel = () => {\n const hasSelection = getSelected(internalValues).length > 0;\n return labels.select || !multiSelect ? (\n <HvTypography\n component=\"div\"\n noWrap\n variant={isOpen || hasSelection ? \"normalText\" : \"placeholderText\"}\n className={clsx(classes.placeholder, {\n [classes.selectionDisabled]: disabled,\n })}\n >\n {selectionLabel.selected}\n </HvTypography>\n ) : (\n <HvTypography\n component=\"div\"\n noWrap\n className={clsx(classes.placeholder, {\n [classes.selectionDisabled]: disabled,\n })}\n variant=\"normalText\"\n >\n <b>{selectionLabel.selected}</b>\n {` ${labels.multiSelectionConjunction} ${selectionLabel.total}`}\n </HvTypography>\n );\n };\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n }\n\n return (\n <HvFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n className={clsx(className, classes.root)}\n {...others}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n )}\n\n {hasDescription && (\n <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n <HvBaseDropdown\n id={setId(id, \"dropdown\")}\n classes={{\n root: classes.dropdown,\n arrow: classes.arrow,\n header: clsx(\n classes.dropdownHeader,\n isStateInvalid ? classes.dropdownHeaderInvalid : undefined\n ),\n headerOpen: classes.dropdownHeaderOpen,\n }}\n expanded={isOpen}\n disabled={disabled}\n disablePortal={disablePortal}\n placement={placement}\n popperProps={popperProps}\n placeholder={buildHeaderLabel()}\n onToggle={handleToggle}\n onClickOutside={handleClickOutside}\n onContainerCreation={setFocusToContent}\n role=\"combobox\"\n variableWidth={variableWidth}\n aria-label={ariaLabel}\n aria-labelledby={\n [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n }\n aria-invalid={isStateInvalid ? true : undefined}\n aria-errormessage={errorMessageId}\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n undefined\n }\n onFocus={onFocus}\n onBlur={onBlur}\n dropdownHeaderRef={dropdownHeaderRef}\n {...baseDropdownProps}\n >\n <List\n id={setId(elementId, \"values\")}\n classes={{\n rootList: classes.rootList,\n dropdownListContainer: classes.dropdownListContainer,\n }}\n values={internalValues}\n multiSelect={multiSelect}\n showSearch={showSearch}\n onChange={handleSelection}\n onCancel={handleCancel}\n labels={labels}\n notifyChangesOnFirstRender={notifyChangesOnFirstRender}\n hasTooltips={hasTooltips}\n singleSelectionToggle={singleSelectionToggle}\n aria-labelledby={hasLabel ? setId(elementId, \"label\") : undefined}\n height={height}\n virtualized={virtualized}\n {...listProps}\n />\n </HvBaseDropdown>\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvDropdown.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n\n /**\n * Styles applied to the container of the labels elements.\n */\n labelContainer: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the icon information text.\n */\n description: PropTypes.string,\n\n /**\n * Styles applied to the error area.\n */\n error: PropTypes.string,\n\n /**\n * Styles applied to the dropdown.\n */\n dropdown: PropTypes.string,\n\n /**\n * Styles applied to the arrow\n */\n arrow: PropTypes.string,\n /**\n * Styles applied for truncating the list elements.\n */\n placeholder: PropTypes.string,\n /**\n * Styles applied when the selection is disabled.\n */\n selectionDisabled: PropTypes.string,\n /**\n * Styles applied to the list.\n */\n rootList: PropTypes.string,\n /**\n * Styles applied to the dropdown header.\n */\n dropdownHeader: PropTypes.string,\n /**\n * Styles applied to the dropdown is invalid.\n */\n dropdownHeaderInvalid: PropTypes.string,\n /**\n * Styles applied to the dropdown is opened.\n */\n dropdownHeaderOpen: PropTypes.string,\n /**\n * Styles applied to the dropdown list.\n */\n dropdownListContainer: PropTypes.string,\n }).isRequired,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n\n /**\n * The form element name.\n */\n name: PropTypes.string,\n\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n */\n label: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n\n /**\n * The placeholder value when nothing is selected.\n */\n placeholder: PropTypes.string,\n\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n */\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /**\n * The error message to show when the validation status is \"invalid\".\n *\n * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n */\n statusMessage: PropTypes.node,\n /**\n * Identifies the element that provides an error message for the dropdown.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\": PropTypes.string,\n\n /**\n * The callback fired when the value changes.\n */\n onChange: PropTypes.func,\n\n /**\n * The list to be rendered by the dropdown.\n */\n values: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n label: PropTypes.node.isRequired,\n searchValue: PropTypes.string,\n value: PropTypes.any,\n selected: PropTypes.bool,\n })\n ),\n /**\n * If `true` the dropdown is multiSelect, if `false` the dropdown is single select.\n */\n multiSelect: PropTypes.bool,\n /**\n * If `true` the dropdown is rendered with a search bar, if `false` there won't be a search bar.\n */\n showSearch: PropTypes.bool,\n /**\n * If `true` the dropdown starts opened if `false` it starts closed.\n */\n expanded: PropTypes.bool,\n /**\n * When uncontrolled, defines the initial expanded state.\n */\n defaultExpanded: PropTypes.bool,\n /**\n * If 'true' the dropdown will notify on the first render.\n */\n notifyChangesOnFirstRender: PropTypes.bool,\n /**\n * An object containing all the labels for the dropdown.\n */\n labels: PropTypes.shape({\n /**\n * Label for overwrite the default header behaviour.\n */\n select: PropTypes.string,\n /**\n * Label used for the All checkbox action.\n */\n selectAll: PropTypes.string,\n /**\n * Cancel button label.\n */\n cancelLabel: PropTypes.string,\n /**\n * Apply button label.\n */\n applyLabel: PropTypes.string,\n /**\n * The label used in the middle of the multiSelection count.\n */\n multiSelectionConjunction: PropTypes.string,\n }),\n /**\n * If `true` the dropdown will show tooltips when user mouseenter text in list\n */\n hasTooltips: PropTypes.bool,\n /**\n * Disable the portal behavior.\n * The children stay within it's parent DOM hierarchy.\n */\n disablePortal: PropTypes.bool,\n /**\n * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n * Defaults to `false`.\n */\n variableWidth: PropTypes.bool,\n /**\n * If `true`, selection can be toggled when single selection.\n */\n singleSelectionToggle: PropTypes.bool,\n /**\n * Placement of the dropdown.\n */\n placement: PropTypes.oneOf([\"left\", \"right\"]),\n /**\n * An object containing props to be wired to the popper component.\n */\n popperProps: PropTypes.shape(),\n\n /**\n * Callback called when the user cancels the changes.\n *\n * Called when the cancel button is used and when the user clicks outside the open container.\n *\n * @param {object} event The event source of the callback.\n */\n onCancel: PropTypes.func,\n /**\n * Callback called when dropdown changes the expanded state.\n *\n * @param {object} event The event source of the callback.\n * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n */\n onToggle: PropTypes.func,\n /**\n * Callback called when the user clicks outside the open container.\n *\n * @param {object} event The event source of the callback.\n */\n onClickOutside: PropTypes.func,\n\n /**\n * @ignore\n */\n onFocus: PropTypes.func,\n /**\n * @ignore\n */\n onBlur: PropTypes.func,\n\n /**\n * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n */\n height: PropTypes.number,\n /**\n * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n */\n virtualized: PropTypes.bool,\n /**\n * Extra props passed to the dropdown.\n */\n baseDropdownProps: PropTypes.object,\n /**\n * Extra props passed to the list.\n */\n listProps: PropTypes.object,\n};\n\nexport default withStyles(styles, { name: \"HvDropdown\" })(HvDropdown);\n"],"mappings":";;;;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,KAAT,EAAgBC,SAAhB,QAAiC,UAAjC;AACA,SACEC,cADF,EAEEC,aAFF,EAGEC,OAHF,EAIEC,aAJF,EAKEC,aALF,EAMEC,YANF,EAOEC,WAPF,EAQEC,aARF,QASO,IATP;AAUA,SAASC,SAAT,QAA0B,uCAA1B;AACA,OAAOC,IAAP,MAAiB,QAAjB;AACA,SAASC,WAAT,EAAsBC,iBAAtB,QAA+C,SAA/C;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,IAAMC,cAAc,GAAG;EACrBC,MAAM,EAAEC,SADa;EAErBC,SAAS,EAAE,KAFU;EAGrBC,WAAW,EAAE,QAHQ;EAIrBC,UAAU,EAAE,OAJS;EAKrBC,iBAAiB,EAAE,QALE;EAMrBC,yBAAyB,EAAE;AANN,CAAvB;AASA;AACA;AACA;;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;EAC5B,IACEC,OADF,GAiDID,KAjDJ,CACEC,OADF;EAAA,IAEEC,SAFF,GAiDIF,KAjDJ,CAEEE,SAFF;EAAA,IAIEC,EAJF,GAiDIH,KAjDJ,CAIEG,EAJF;EAAA,IAKEC,IALF,GAiDIJ,KAjDJ,CAKEI,IALF;EAAA,sBAiDIJ,KAjDJ,CAOEK,QAPF;EAAA,IAOEA,QAPF,gCAOa,KAPb;EAAA,sBAiDIL,KAjDJ,CAQEM,QARF;EAAA,IAQEA,QARF,gCAQa,KARb;EAAA,IAUEC,KAVF,GAiDIP,KAjDJ,CAUEO,KAVF;EAAA,IAWgBC,SAXhB,GAiDIR,KAjDJ,CAWE,YAXF;EAAA,IAYqBS,cAZrB,GAiDIT,KAjDJ,CAYE,iBAZF;EAAA,IAaEU,WAbF,GAiDIV,KAjDJ,CAaEU,WAbF;EAAA,IAcsBC,eAdtB,GAiDIX,KAjDJ,CAcE,kBAdF;EAAA,yBAiDIA,KAjDJ,CAgBEY,WAhBF;EAAA,IAgBEA,WAhBF,mCAgBgB,WAhBhB;EAAA,IAkBEC,QAlBF,GAiDIb,KAjDJ,CAkBEa,QAlBF;EAAA,IAoBEC,MApBF,GAiDId,KAjDJ,CAoBEc,MApBF;EAAA,IAqBEC,aArBF,GAiDIf,KAjDJ,CAqBEe,aArBF;EAAA,IAsBuBC,gBAtBvB,GAiDIhB,KAjDJ,CAsBE,mBAtBF;EAAA,IAwBEiB,QAxBF,GAiDIjB,KAjDJ,CAwBEiB,QAxBF;EAAA,IAyBEC,QAzBF,GAiDIlB,KAjDJ,CAyBEkB,QAzBF;EAAA,IA0BEC,cA1BF,GAiDInB,KAjDJ,CA0BEmB,cA1BF;EAAA,IA4BEC,OA5BF,GAiDIpB,KAjDJ,CA4BEoB,OA5BF;EAAA,IA6BEC,MA7BF,GAiDIrB,KAjDJ,CA6BEqB,MA7BF;EAAA,IA+BEC,MA/BF,GAiDItB,KAjDJ,CA+BEsB,MA/BF;EAAA,yBAiDItB,KAjDJ,CAgCEuB,WAhCF;EAAA,IAgCEA,WAhCF,mCAgCgB,KAhChB;EAAA,wBAiDIvB,KAjDJ,CAiCEwB,UAjCF;EAAA,IAiCEA,UAjCF,kCAiCe,KAjCf;EAAA,IAkCEC,QAlCF,GAiDIzB,KAjDJ,CAkCEyB,QAlCF;EAAA,4BAiDIzB,KAjDJ,CAmCE0B,eAnCF;EAAA,IAmCEA,eAnCF,sCAmCoB,KAnCpB;EAAA,4BAiDI1B,KAjDJ,CAoCE2B,0BApCF;EAAA,IAoCEA,0BApCF,sCAoC+B,KApC/B;EAAA,IAqCUC,UArCV,GAiDI5B,KAjDJ,CAqCE6B,MArCF;EAAA,yBAiDI7B,KAjDJ,CAsCE8B,WAtCF;EAAA,IAsCEA,WAtCF,mCAsCgB,KAtChB;EAAA,2BAiDI9B,KAjDJ,CAuCE+B,aAvCF;EAAA,IAuCEA,aAvCF,qCAuCkB,KAvClB;EAAA,4BAiDI/B,KAjDJ,CAwCEgC,qBAxCF;EAAA,IAwCEA,qBAxCF,sCAwC0B,IAxC1B;EAAA,IAyCEC,SAzCF,GAiDIjC,KAjDJ,CAyCEiC,SAzCF;EAAA,2BAiDIjC,KAjDJ,CA0CEkC,aA1CF;EAAA,IA0CEA,aA1CF,qCA0CkB,KA1ClB;EAAA,yBAiDIlC,KAjDJ,CA2CEmC,WA3CF;EAAA,IA2CEA,WA3CF,mCA2CgB,EA3ChB;EAAA,IA4CEC,MA5CF,GAiDIpC,KAjDJ,CA4CEoC,MA5CF;EAAA,yBAiDIpC,KAjDJ,CA6CEqC,WA7CF;EAAA,IA6CEA,WA7CF,mCA6CgB,KA7ChB;EAAA,4BAiDIrC,KAjDJ,CA8CEsC,iBA9CF;EAAA,IA8CEA,iBA9CF,sCA8CsB,EA9CtB;EAAA,uBAiDItC,KAjDJ,CA+CEuC,SA/CF;EAAA,IA+CEA,SA/CF,iCA+Cc,EA/Cd;EAAA,IAgDKC,MAhDL,4BAiDIxC,KAjDJ;;EAmDA,IAAM6B,MAAM,GAAGpD,SAAS,CAACc,cAAD,EAAiBqC,UAAjB,CAAxB;EAEA,IAAMa,SAAS,GAAGzD,WAAW,CAACmB,EAAD,EAAK,YAAL,CAA7B;;EAEA,qBAA8ClB,aAAa,CAAC6B,MAAD,EAAS,SAAT,CAA3D;EAAA;EAAA,IAAO4B,eAAP;EAAA,IAAwBC,kBAAxB;;EAEA,sBAA4B1D,aAAa,CAAC8B,aAAD,EAAgB,UAAhB,CAAzC;EAAA;EAAA,IAAO6B,iBAAP;;EAEA,sBAA4B3D,aAAa,CAACwC,QAAD,EAAWoB,OAAO,CAACnB,eAAD,CAAlB,CAAzC;EAAA;EAAA,IAAOoB,MAAP;EAAA,IAAeC,SAAf;;EACA,gBAA4C3E,QAAQ,CAClDiB,iBAAiB,CAACiC,MAAD,EAASO,MAAT,EAAiBjB,WAAjB,EAA8BW,WAA9B,CADiC,CAApD;EAAA;EAAA,IAAOyB,cAAP;EAAA,IAAuBC,iBAAvB;;EAGA,iBAA4C7E,QAAQ,CAACkD,MAAD,CAApD;EAAA;EAAA,IAAO4B,cAAP;EAAA,IAAuBC,iBAAvB;;EAEAjF,SAAS,CAAC,YAAM;IACdiF,iBAAiB,CAAC7B,MAAD,CAAjB;EACD,CAFQ,EAEN,CAACA,MAAD,CAFM,CAAT;EAIApD,SAAS,CAAC,YAAM;IACd+E,iBAAiB,CAAC5D,iBAAiB,CAACiC,MAAD,EAASO,MAAT,EAAiBjB,WAAjB,EAA8BW,WAA9B,CAAlB,CAAjB;EACD,CAFQ,EAEN,CAACM,MAAD,EAASN,WAAT,EAAsBX,WAAtB,EAAmCU,MAAnC,CAFM,CAAT;;EAIA,IAAIe,WAAW,IAAI,CAACD,MAAhB,IAA0BgB,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAAvD,EAAqE;IACnE;IACAC,OAAO,CAACC,KAAR,CAAc,wEAAd;EACD;;EAED,IAAMC,iBAAiB,GAAGtF,MAAM,EAAhC;;EAEA,IAAMuF,YAAY,GAAG,SAAfA,YAAe,CAACC,EAAD,EAAKC,IAAL,EAAc;IACjC1C,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGyC,EAAH,EAAOC,IAAP,CAAR;IAEAb,SAAS,CAACa,IAAD,CAAT;;IAEA,IAAI,CAACA,IAAL,EAAW;MACT;MACA;MACAjB,kBAAkB,CAAC,YAAM;QACvB;QACA,IAAItC,QAAJ,EAAc;UACZ,IAAMwD,YAAY,GAAGzE,WAAW,CAAC8D,cAAD,CAAX,CAA4BY,MAA5B,GAAqC,CAA1D;;UAEA,IAAI,CAACD,YAAL,EAAmB;YACjB,OAAO,SAAP;UACD;QACF;;QAED,OAAO,OAAP;MACD,CAXiB,CAAlB;IAYD;EACF,CArBD;EAuBA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;;;EACE,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAACC,UAAD,EAAaC,aAAb,EAA4BC,MAA5B,EAA6D;IAAA,IAAzBC,aAAyB,uEAAT,IAAS;IACnF,IAAMC,QAAQ,GAAGhF,WAAW,CAAC4E,UAAD,CAA5B;;IACA,IAAIC,aAAJ,EAAmB;MACjBd,iBAAiB,CAACa,UAAD,CAAjB;MACAf,iBAAiB,CAAC5D,iBAAiB,CAAC2E,UAAD,EAAanC,MAAb,EAAqBjB,WAArB,EAAkCW,WAAlC,CAAlB,CAAjB;MAEAoB,kBAAkB,CAAC,YAAM;QACvB;QACA,IAAItC,QAAQ,IAAI+D,QAAQ,CAACN,MAAT,KAAoB,CAApC,EAAuC;UACrC,OAAO,SAAP;QACD;;QAED,OAAO,OAAP;MACD,CAPiB,CAAlB;IAQD;;IACD,IAAIK,aAAJ,EAAmBtD,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGU,WAAW,GAAG6C,QAAH,GAAcA,QAAQ,CAAC,CAAD,CAApC,CAAR;;IACnB,IAAIF,MAAJ,EAAY;MAAA;;MACVR,YAAY,CAACjE,SAAD,EAAY,KAAZ,CAAZ,CADU,CAGV;MACA;;MACA,yBAAAgE,iBAAiB,CAACY,OAAlB,gFAA2BC,KAA3B,CAAiC;QAAEC,aAAa,EAAE;MAAjB,CAAjC;IACD;EACF,CAvBD;EAyBA;AACF;AACA;;;EACE,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD,EAAS;IAAA;;IAC5BxD,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGwD,GAAH,CAAR;IAEAf,YAAY,CAACe,GAAD,EAAM,KAAN,CAAZ,CAH4B,CAK5B;IACA;;IACA,0BAAAhB,iBAAiB,CAACY,OAAlB,kFAA2BC,KAA3B,CAAiC;MAAEC,aAAa,EAAE;IAAjB,CAAjC;EACD,CARD;;EAUA,IAAMG,kBAAkB,GAAG,SAArBA,kBAAqB,CAACD,GAAD,EAAS;IAClCtD,cAAc,SAAd,IAAAA,cAAc,WAAd,YAAAA,cAAc,CAAGsD,GAAH,CAAd;IACAxD,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGwD,GAAH,CAAR;EACD,CAHD;;EAKA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,YAAD,EAAkB;IAC1C,IAAMC,MAAM,GAAGD,YAAH,aAAGA,YAAH,uBAAGA,YAAY,CAAEE,oBAAd,CAAmC,OAAnC,CAAf;;IACA,IAAI,CAAAD,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEf,MAAR,IAAiB,CAArB,EAAwB;MACtBe,MAAM,CAAC,CAAD,CAAN,CAAUP,KAAV;MACA;IACD;;IACD,IAAMS,SAAS,GAAGH,YAAY,IAAI,IAAhB,sBAA2BA,YAAY,CAACE,oBAAb,CAAkC,IAAlC,CAA3B,IAAsE,EAAxF;IACAC,SAAS,CAACC,KAAV,CAAgB,UAACC,QAAD,EAAc;MAC5B,IAAIA,QAAQ,CAACC,QAAT,IAAqB,CAAzB,EAA4B;QAC1BD,QAAQ,CAACX,KAAT;QACA,OAAO,KAAP;MACD;;MACD,OAAO,IAAP;IACD,CAND;EAOD,CAdD;;EAgBA,IAAMa,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;IAC7B,IAAMtB,YAAY,GAAGzE,WAAW,CAAC8D,cAAD,CAAX,CAA4BY,MAA5B,GAAqC,CAA1D;IACA,OAAOjC,MAAM,CAACrC,MAAP,IAAiB,CAAC+B,WAAlB,gBACL,oBAAC,YAAD;MACE,SAAS,EAAC,KADZ;MAEE,MAAM,MAFR;MAGE,OAAO,EAAEuB,MAAM,IAAIe,YAAV,GAAyB,YAAzB,GAAwC,iBAHnD;MAIE,SAAS,EAAEvF,IAAI,CAAC2B,OAAO,CAACW,WAAT,EACgBN,QADhB,IACZL,OAAO,CAACmF,iBADI;IAJjB,GAQGpC,cAAc,CAACoB,QARlB,CADK,gBAYL,oBAAC,YAAD;MACE,SAAS,EAAC,KADZ;MAEE,MAAM,MAFR;MAGE,SAAS,EAAE9F,IAAI,CAAC2B,OAAO,CAACW,WAAT,EACgBN,QADhB,IACZL,OAAO,CAACmF,iBADI,CAHjB;MAME,OAAO,EAAC;IANV,gBAQE,+BAAIpC,cAAc,CAACoB,QAAnB,CARF,aASOvC,MAAM,CAAC/B,yBATd,cAS2CkD,cAAc,CAACqC,KAT1D,EAZF;EAwBD,CA1BD;;EA4BA,IAAMC,QAAQ,GAAG/E,KAAK,IAAI,IAA1B;EACA,IAAMgF,cAAc,GAAG7E,WAAW,IAAI,IAAtC,CAxM4B,CA0M5B;EACA;EACA;EACA;;EACA,IAAM8E,YAAY,GAChBxE,gBAAgB,IAAI,IAApB,KACEF,MAAM,KAAKrB,SAAX,IAAwBsB,aAAa,KAAKtB,SAA3C,IAA0DqB,MAAM,KAAKrB,SAAX,IAAwBY,QADnF,CADF;EAIA,IAAMoF,cAAc,GAAGvG,SAAS,CAACwD,eAAD,CAAhC;EAEA,IAAIgD,cAAJ;;EACA,IAAID,cAAJ,EAAoB;IAClBC,cAAc,GAAGF,YAAY,GAAGhH,KAAK,CAACiE,SAAD,EAAY,OAAZ,CAAR,GAA+BzB,gBAA5D;EACD;;EAED,oBACE,oBAAC,aAAD;IACE,EAAE,EAAEb,EADN;IAEE,IAAI,EAAEC,IAFR;IAGE,MAAM,EAAEsC,eAHV;IAIE,QAAQ,EAAEpC,QAJZ;IAKE,QAAQ,EAAED,QALZ;IAME,SAAS,EAAE/B,IAAI,CAAC4B,SAAD,EAAYD,OAAO,CAAC0F,IAApB;EANjB,GAOMnD,MAPN,GASG,CAAC8C,QAAQ,IAAIC,cAAb,kBACC;IAAK,SAAS,EAAEtF,OAAO,CAAC2F;EAAxB,GACGN,QAAQ,iBACP,oBAAC,OAAD;IAAS,EAAE,EAAE9G,KAAK,CAACiE,SAAD,EAAY,OAAZ,CAAlB;IAAwC,KAAK,EAAElC,KAA/C;IAAsD,SAAS,EAAEN,OAAO,CAACM;EAAzE,EAFJ,EAKGgF,cAAc,iBACb,oBAAC,aAAD;IAAe,EAAE,EAAE/G,KAAK,CAACiE,SAAD,EAAY,aAAZ,CAAxB;IAAoD,SAAS,EAAExC,OAAO,CAACS;EAAvE,GACGA,WADH,CANJ,CAVJ,eAsBE,oBAAC,cAAD;IACE,EAAE,EAAElC,KAAK,CAAC2B,EAAD,EAAK,UAAL,CADX;IAEE,OAAO,EAAE;MACPwF,IAAI,EAAE1F,OAAO,CAAC4F,QADP;MAEPC,KAAK,EAAE7F,OAAO,CAAC6F,KAFR;MAGPC,MAAM,EAAEzH,IAAI,CACV2B,OAAO,CAAC+F,cADE,EAEVP,cAFU,IAEOxF,OAAO,CAACgG,qBAFf,CAHL;MAOPC,UAAU,EAAEjG,OAAO,CAACkG;IAPb,CAFX;IAWE,QAAQ,EAAErD,MAXZ;IAYE,QAAQ,EAAExC,QAZZ;IAaE,aAAa,EAAEyB,aAbjB;IAcE,SAAS,EAAEE,SAdb;IAeE,WAAW,EAAEE,WAff;IAgBE,WAAW,EAAEgD,gBAAgB,EAhB/B;IAiBE,QAAQ,EAAEzB,YAjBZ;IAkBE,cAAc,EAAEgB,kBAlBlB;IAmBE,mBAAmB,EAAEC,iBAnBvB;IAoBE,IAAI,EAAC,UApBP;IAqBE,aAAa,EAAEzC,aArBjB;IAsBE,cAAY1B,SAtBd;IAuBE,mBACE,CAACD,KAAK,IAAI/B,KAAK,CAACiE,SAAD,EAAY,OAAZ,CAAf,EAAqChC,cAArC,EAAqD2F,IAArD,CAA0D,GAA1D,EAA+DC,IAA/D,MAAyE5G,SAxB7E;IA0BE,gBAAcgG,cAAc,GAAG,IAAH,GAAUhG,SA1BxC;IA2BE,qBAAmBiG,cA3BrB;IA4BE,oBACE,CAAChF,WAAW,IAAIlC,KAAK,CAACiE,SAAD,EAAY,aAAZ,CAArB,EAAiD9B,eAAjD,EAAkEyF,IAAlE,CAAuE,GAAvE,EAA4EC,IAA5E,MACA5G,SA9BJ;IAgCE,OAAO,EAAE2B,OAhCX;IAiCE,MAAM,EAAEC,MAjCV;IAkCE,iBAAiB,EAAEoC;EAlCrB,GAmCMnB,iBAnCN,gBAqCE,oBAAC,IAAD;IACE,EAAE,EAAE9D,KAAK,CAACiE,SAAD,EAAY,QAAZ,CADX;IAEE,OAAO,EAAE;MACP6D,QAAQ,EAAErG,OAAO,CAACqG,QADX;MAEPC,qBAAqB,EAAEtG,OAAO,CAACsG;IAFxB,CAFX;IAME,MAAM,EAAErD,cANV;IAOE,WAAW,EAAE3B,WAPf;IAQE,UAAU,EAAEC,UARd;IASE,QAAQ,EAAEuC,eATZ;IAUE,QAAQ,EAAES,YAVZ;IAWE,MAAM,EAAE3C,MAXV;IAYE,0BAA0B,EAAEF,0BAZ9B;IAaE,WAAW,EAAEG,WAbf;IAcE,qBAAqB,EAAEE,qBAdzB;IAeE,mBAAiBsD,QAAQ,GAAG9G,KAAK,CAACiE,SAAD,EAAY,OAAZ,CAAR,GAA+BhD,SAf1D;IAgBE,MAAM,EAAE2C,MAhBV;IAiBE,WAAW,EAAEC;EAjBf,GAkBME,SAlBN,EArCF,CAtBF,EAgFGiD,YAAY,iBACX,oBAAC,aAAD;IAAe,EAAE,EAAEhH,KAAK,CAACiE,SAAD,EAAY,OAAZ,CAAxB;IAA8C,aAAa,MAA3D;IAA4D,SAAS,EAAExC,OAAO,CAACuD;EAA/E,GACGZ,iBADH,CAjFJ,CADF;AAwFD,CAjTD;;AAmTA,wCAAA7C,UAAU,CAACyG,SAAX,GAAuB;EACrB;AACF;AACA;EACEtG,SAAS,EAAE7B,SAAS,CAACoI,MAJA;;EAKrB;AACF;AACA;EACExG,OAAO,EAAE5B,SAAS,CAACqI,KAAV,CAAgB;IACvB;AACJ;AACA;IACIf,IAAI,EAAEtH,SAAS,CAACoI,MAJO;;IAMvB;AACJ;AACA;IACIb,cAAc,EAAEvH,SAAS,CAACoI,MATH;;IAUvB;AACJ;AACA;IACIlG,KAAK,EAAElC,SAAS,CAACoI,MAbM;;IAcvB;AACJ;AACA;IACI/F,WAAW,EAAErC,SAAS,CAACoI,MAjBA;;IAmBvB;AACJ;AACA;IACIjD,KAAK,EAAEnF,SAAS,CAACoI,MAtBM;;IAwBvB;AACJ;AACA;IACIZ,QAAQ,EAAExH,SAAS,CAACoI,MA3BG;;IA6BvB;AACJ;AACA;IACIX,KAAK,EAAEzH,SAAS,CAACoI,MAhCM;;IAiCvB;AACJ;AACA;IACI7F,WAAW,EAAEvC,SAAS,CAACoI,MApCA;;IAqCvB;AACJ;AACA;IACIrB,iBAAiB,EAAE/G,SAAS,CAACoI,MAxCN;;IAyCvB;AACJ;AACA;IACIH,QAAQ,EAAEjI,SAAS,CAACoI,MA5CG;;IA6CvB;AACJ;AACA;IACIT,cAAc,EAAE3H,SAAS,CAACoI,MAhDH;;IAiDvB;AACJ;AACA;IACIR,qBAAqB,EAAE5H,SAAS,CAACoI,MApDV;;IAqDvB;AACJ;AACA;IACIN,kBAAkB,EAAE9H,SAAS,CAACoI,MAxDP;;IAyDvB;AACJ;AACA;IACIF,qBAAqB,EAAElI,SAAS,CAACoI;EA5DV,CAAhB,EA6DNE,UArEkB;;EAuErB;AACF;AACA;EACExG,EAAE,EAAE9B,SAAS,CAACoI,MA1EO;;EA4ErB;AACF;AACA;EACErG,IAAI,EAAE/B,SAAS,CAACoI,MA/EK;;EAiFrB;AACF;AACA;AACA;AACA;AACA;EACElG,KAAK,EAAElC,SAAS,CAACuI,IAvFI;;EAwFrB;AACF;AACA;EACE,cAAcvI,SAAS,CAACoI,MA3FH;;EA4FrB;AACF;AACA;EACE,mBAAmBpI,SAAS,CAACoI,MA/FR;;EAgGrB;AACF;AACA;EACE/F,WAAW,EAAErC,SAAS,CAACuI,IAnGF;;EAoGrB;AACF;AACA;EACE,oBAAoBvI,SAAS,CAACoI,MAvGT;;EAyGrB;AACF;AACA;EACE7F,WAAW,EAAEvC,SAAS,CAACoI,MA5GF;;EA8GrB;AACF;AACA;EACEnG,QAAQ,EAAEjC,SAAS,CAACwI,IAjHC;;EAkHrB;AACF;AACA;EACExG,QAAQ,EAAEhC,SAAS,CAACwI,IArHC;;EAuHrB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE/F,MAAM,EAAEzC,SAAS,CAACyI,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,CAAhB,CA/Ha;;EAgIrB;AACF;AACA;AACA;AACA;EACE/F,aAAa,EAAE1C,SAAS,CAACuI,IArIJ;;EAsIrB;AACF;AACA;AACA;AACA;EACE,qBAAqBvI,SAAS,CAACoI,MA3IV;;EA6IrB;AACF;AACA;EACE5F,QAAQ,EAAExC,SAAS,CAAC0I,IAhJC;;EAkJrB;AACF;AACA;EACEzF,MAAM,EAAEjD,SAAS,CAAC2I,OAAV,CACN3I,SAAS,CAACqI,KAAV,CAAgB;IACdvG,EAAE,EAAE9B,SAAS,CAAC4I,SAAV,CAAoB,CAAC5I,SAAS,CAACoI,MAAX,EAAmBpI,SAAS,CAAC6I,MAA7B,CAApB,CADU;IAEd3G,KAAK,EAAElC,SAAS,CAACuI,IAAV,CAAeD,UAFR;IAGdQ,WAAW,EAAE9I,SAAS,CAACoI,MAHT;IAIdW,KAAK,EAAE/I,SAAS,CAACgJ,GAJH;IAKdjD,QAAQ,EAAE/F,SAAS,CAACwI;EALN,CAAhB,CADM,CArJa;;EA8JrB;AACF;AACA;EACEtF,WAAW,EAAElD,SAAS,CAACwI,IAjKF;;EAkKrB;AACF;AACA;EACErF,UAAU,EAAEnD,SAAS,CAACwI,IArKD;;EAsKrB;AACF;AACA;EACEpF,QAAQ,EAAEpD,SAAS,CAACwI,IAzKC;;EA0KrB;AACF;AACA;EACEnF,eAAe,EAAErD,SAAS,CAACwI,IA7KN;;EA8KrB;AACF;AACA;EACElF,0BAA0B,EAAEtD,SAAS,CAACwI,IAjLjB;;EAkLrB;AACF;AACA;EACEhF,MAAM,EAAExD,SAAS,CAACqI,KAAV,CAAgB;IACtB;AACJ;AACA;IACIlH,MAAM,EAAEnB,SAAS,CAACoI,MAJI;;IAKtB;AACJ;AACA;IACI/G,SAAS,EAAErB,SAAS,CAACoI,MARC;;IAStB;AACJ;AACA;IACI9G,WAAW,EAAEtB,SAAS,CAACoI,MAZD;;IAatB;AACJ;AACA;IACI7G,UAAU,EAAEvB,SAAS,CAACoI,MAhBA;;IAiBtB;AACJ;AACA;IACI3G,yBAAyB,EAAEzB,SAAS,CAACoI;EApBf,CAAhB,CArLa;;EA2MrB;AACF;AACA;EACE3E,WAAW,EAAEzD,SAAS,CAACwI,IA9MF;;EA+MrB;AACF;AACA;AACA;EACE9E,aAAa,EAAE1D,SAAS,CAACwI,IAnNJ;;EAoNrB;AACF;AACA;AACA;EACE3E,aAAa,EAAE7D,SAAS,CAACwI,IAxNJ;;EAyNrB;AACF;AACA;EACE7E,qBAAqB,EAAE3D,SAAS,CAACwI,IA5NZ;;EA6NrB;AACF;AACA;EACE5E,SAAS,EAAE5D,SAAS,CAACyI,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB,CAhOU;;EAiOrB;AACF;AACA;EACE3E,WAAW,EAAE9D,SAAS,CAACqI,KAAV,EApOQ;;EAsOrB;AACF;AACA;AACA;AACA;AACA;AACA;EACEzF,QAAQ,EAAE5C,SAAS,CAAC0I,IA7OC;;EA8OrB;AACF;AACA;AACA;AACA;AACA;EACE7F,QAAQ,EAAE7C,SAAS,CAAC0I,IApPC;;EAqPrB;AACF;AACA;AACA;AACA;EACE5F,cAAc,EAAE9C,SAAS,CAAC0I,IA1PL;;EA4PrB;AACF;AACA;EACE3F,OAAO,EAAE/C,SAAS,CAAC0I,IA/PE;;EAgQrB;AACF;AACA;EACE1F,MAAM,EAAEhD,SAAS,CAAC0I,IAnQG;;EAqQrB;AACF;AACA;EACE3E,MAAM,EAAE/D,SAAS,CAAC6I,MAxQG;;EAyQrB;AACF;AACA;EACE7E,WAAW,EAAEhE,SAAS,CAACwI,IA5QF;;EA6QrB;AACF;AACA;EACEvE,iBAAiB,EAAEjE,SAAS,CAACiJ,MAhRR;;EAiRrB;AACF;AACA;EACE/E,SAAS,EAAElE,SAAS,CAACiJ;AApRA,CAAvB;AAuRA,eAAe/I,UAAU,CAACe,MAAD,EAAS;EAAEc,IAAI,EAAE;AAAR,CAAT,CAAV,CAA2CL,UAA3C,CAAf"}
|
|
@@ -3,7 +3,7 @@ import { StandardProps } from "@material-ui/core";
|
|
|
3
3
|
|
|
4
4
|
export type HvFocusStrategies = "listbox" | "menu" | "card" | "grid";
|
|
5
5
|
|
|
6
|
-
export type
|
|
6
|
+
export type HvFocusClassKey =
|
|
7
7
|
| "root"
|
|
8
8
|
| "selected"
|
|
9
9
|
| "disabled"
|
|
@@ -15,7 +15,7 @@ export type ClassKey =
|
|
|
15
15
|
| "focus";
|
|
16
16
|
|
|
17
17
|
export interface HvFocusProps
|
|
18
|
-
extends StandardProps<React.HTMLAttributes<HTMLDivElement>,
|
|
18
|
+
extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvFocusClassKey> {
|
|
19
19
|
/**
|
|
20
20
|
* The reference to the root element to hold all Focus' context.
|
|
21
21
|
*/
|
|
@@ -39,7 +39,7 @@ export interface HvFocusProps
|
|
|
39
39
|
/**
|
|
40
40
|
* Child node to set the focus.
|
|
41
41
|
*/
|
|
42
|
-
children:
|
|
42
|
+
children: React.ReactNode;
|
|
43
43
|
/**
|
|
44
44
|
* Focus and navigation strategy to be used.
|
|
45
45
|
*/
|
|
@@ -11,6 +11,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
11
11
|
|
|
12
12
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
13
13
|
|
|
14
|
+
import { outlineStyles } from "../Focus/styles";
|
|
15
|
+
|
|
14
16
|
var styles = function styles(theme) {
|
|
15
17
|
var ring = {
|
|
16
18
|
width: "32px",
|
|
@@ -106,7 +108,14 @@ var styles = function styles(theme) {
|
|
|
106
108
|
"&:hover": {
|
|
107
109
|
"&::before": _objectSpread({}, ring),
|
|
108
110
|
"&::after": _objectSpread({}, border)
|
|
109
|
-
}
|
|
111
|
+
},
|
|
112
|
+
// Note about the usage of `!important below`: the way the rc-slider allows us to
|
|
113
|
+
// style the knobs is through inline styles. This means that the `box-shadow`, which
|
|
114
|
+
// is an inline style and is set to `none` to prevent the default rc-slider style to
|
|
115
|
+
// show, can't be overriden for the focus scenario unless we use the `!important` flag.
|
|
116
|
+
"&:focus-visible": _objectSpread(_objectSpread({}, outlineStyles), {}, {
|
|
117
|
+
boxShadow: "0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)!important"
|
|
118
|
+
})
|
|
110
119
|
}
|
|
111
120
|
},
|
|
112
121
|
handle: {},
|
|
@@ -192,7 +201,8 @@ var styles = function styles(theme) {
|
|
|
192
201
|
},
|
|
193
202
|
mark: _objectSpread(_objectSpread({}, theme.hv.typography.vizText), {}, {
|
|
194
203
|
fontFamily: theme.hv.typography.fontFamily,
|
|
195
|
-
top: "-2px"
|
|
204
|
+
top: "-2px",
|
|
205
|
+
zIndex: -1
|
|
196
206
|
}),
|
|
197
207
|
disabledMark: _objectSpread(_objectSpread({}, theme.hv.typography.vizText), {}, {
|
|
198
208
|
fontFamily: theme.hv.typography.fontFamily,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles","theme","ring","width","height","borderRadius","border","hv","palette","accent","acce1","opacity","content","position","top","left","atmosphere","atmo1","dragSquare","cursor","background","borderTop","atmo3","borderBottom","zIndex","dot","bottom","marginLeft","backgroundColor","atmo4","verticalAlign","root","rootDisabled","sliderContainer","marginBottom","padding","error","trackDragging","trackStandBy","sliderRoot","rootRange","handleContainer","marginTop","handle","handleContainerDisabled","handleHiddenContainer","display","labelContainer","alignItems","justifyContent","marginRight","labelIncluded","onlyInput","label","dotDisabled","rail","knobInner","borderColor","boxShadow","knobOuter","knobHidden","knobHiddenLast","touchAction","track","mark","typography","vizText","fontFamily","disabledMark","color","atmo5","sliderTooltip","maxWidth","spacing","sm","normalText","visibility"],"sources":["../../../src/Slider/styles.js"],"sourcesContent":["const styles = (theme) => {\n const ring = {\n width: \"32px\",\n height: \"32px\",\n borderRadius: \"50%\",\n border: `9px solid ${theme.hv.palette.accent.acce1}`,\n opacity: \"20%\",\n content: \"''\",\n position: \"absolute\",\n top: \"-10px\",\n left: \"-10px\",\n };\n const border = {\n width: \"20px\",\n height: \"20px\",\n borderRadius: \"50%\",\n border: `2px solid ${theme.hv.palette.atmosphere.atmo1}`,\n content: \"''\",\n position: \"absolute\",\n top: \"-4px\",\n left: \"-4px\",\n };\n const dragSquare = {\n cursor: \"grab\",\n width: \"calc(100% - 40px)\",\n left: \"20px\",\n height: \"27px\",\n position: \"absolute\",\n top: \"-12px\",\n content: \"''\",\n background: \"transparent\",\n borderTop: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n borderBottom: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n zIndex: \"-2\",\n };\n const dot = {\n position: \"absolute\",\n bottom: \"-1px\",\n marginLeft: \"0px\",\n width: \"1px\",\n height: \"4px\",\n border: \"none\",\n borderRadius: \"0%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n cursor: \"pointer\",\n verticalAlign: \"middle\",\n zIndex: \"-3\",\n };\n\n return {\n root: {},\n rootDisabled: {\n cursor: \"not-allowed\",\n \"& .rc-slider-disabled\": {\n background: \"transparent\",\n },\n },\n sliderContainer: {\n marginBottom: \"18px\",\n padding: \"0 23px\",\n },\n error: {\n padding: \"0 8px\",\n },\n trackDragging: {\n cursor: \"grabbing\",\n \"& .rc-slider-track\": {\n \"&::before\": {\n ...dragSquare,\n cursor: \"grabbing\",\n },\n },\n },\n trackStandBy: {\n \"& .rc-slider-track\": {\n \"&:hover\": {\n \"&::before\": {\n ...dragSquare,\n },\n },\n },\n },\n sliderRoot: {\n zIndex: 0,\n },\n rootRange: {},\n handleContainer: {\n \"& .rc-slider-handle\": {\n cursor: \"pointer\",\n marginTop: \"-8px\",\n opacity: 1,\n \"&:active\": {\n cursor: \"grab\",\n \"&::before\": {\n ...ring,\n },\n \"&::after\": {\n ...border,\n },\n },\n \"&:hover\": {\n \"&::before\": {\n ...ring,\n },\n \"&::after\": {\n ...border,\n },\n },\n },\n },\n handle: {},\n handleContainerDisabled: {\n \"& .rc-slider-handle\": {\n cursor: \"not-allowed\",\n marginTop: \"-8px\",\n opacity: 1,\n \"&:active\": {\n cursor: \"not-allowed\",\n },\n \"&:hover\": {\n cursor: \"not-allowed\",\n },\n },\n },\n handleHiddenContainer: {\n display: \"none\",\n },\n labelContainer: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n marginBottom: \"12px\",\n marginLeft: \"20px\",\n marginRight: \"20px\",\n },\n labelIncluded: {\n justifyContent: \"space-between\",\n },\n onlyInput: {\n justifyContent: \"flex-end\",\n },\n label: {},\n dot: {\n ...dot,\n },\n dotDisabled: {\n ...dot,\n cursor: \"not-allowed\",\n },\n rail: {\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n height: \"1px\",\n zIndex: \"-3\",\n },\n knobInner: {\n borderColor: \"transparent\",\n boxShadow: \"none\",\n backgroundColor: theme.hv.palette.accent.acce1,\n width: \"16px\",\n height: \"16px\",\n },\n knobOuter: {\n position: \"relative\",\n borderColor: \"transparent\",\n borderRadius: \"50%\",\n boxShadow: \"none\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n width: \"32px\",\n height: \"32px\",\n top: \"-80%\",\n left: \"-80%\",\n zIndex: \"-1\",\n },\n knobHidden: {\n display: \"none\",\n },\n knobHiddenLast: {\n borderColor: \"transparent\",\n height: \"3px\",\n width: \"2px\",\n marginLeft: \"-1px\",\n border: \"none\",\n borderRadius: \"0\",\n marginTop: \"0px\",\n left: \"100%\",\n touchAction: \"none\",\n cursor: \"default\",\n },\n track: {\n backgroundColor: theme.hv.palette.accent.acce1,\n height: \"3px\",\n zIndex: \"-1\",\n marginTop: \"-1px\",\n },\n mark: {\n ...theme.hv.typography.vizText,\n fontFamily: theme.hv.typography.fontFamily,\n top: \"-2px\",\n },\n disabledMark: {\n ...theme.hv.typography.vizText,\n fontFamily: theme.hv.typography.fontFamily,\n color: `${theme.hv.palette.atmosphere.atmo5}`,\n cursor: \"not-allowed\",\n top: \"-2px\",\n },\n sliderTooltip: {\n \"& .rc-slider-tooltip-inner\": {\n background: theme.hv.palette.atmosphere.atmo1,\n borderRadius: 0,\n maxWidth: \"532px\",\n height: \"100%\",\n padding: `${theme.hv.spacing.sm}px`,\n ...theme.hv.typography.normalText,\n fontFamily: theme.hv.typography.fontFamily,\n boxShadow: \"none\",\n },\n \"& .rc-slider-tooltip-arrow\": {\n visibility: \"hidden\",\n },\n },\n };\n};\n\nexport default styles;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","ring","width","height","borderRadius","border","hv","palette","accent","acce1","opacity","content","position","top","left","atmosphere","atmo1","dragSquare","cursor","background","borderTop","atmo3","borderBottom","zIndex","dot","bottom","marginLeft","backgroundColor","atmo4","verticalAlign","root","rootDisabled","sliderContainer","marginBottom","padding","error","trackDragging","trackStandBy","sliderRoot","rootRange","handleContainer","marginTop","boxShadow","handle","handleContainerDisabled","handleHiddenContainer","display","labelContainer","alignItems","justifyContent","marginRight","labelIncluded","onlyInput","label","dotDisabled","rail","knobInner","borderColor","knobOuter","knobHidden","knobHiddenLast","touchAction","track","mark","typography","vizText","fontFamily","disabledMark","color","atmo5","sliderTooltip","maxWidth","spacing","sm","normalText","visibility"],"sources":["../../../src/Slider/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => {\n const ring = {\n width: \"32px\",\n height: \"32px\",\n borderRadius: \"50%\",\n border: `9px solid ${theme.hv.palette.accent.acce1}`,\n opacity: \"20%\",\n content: \"''\",\n position: \"absolute\",\n top: \"-10px\",\n left: \"-10px\",\n };\n const border = {\n width: \"20px\",\n height: \"20px\",\n borderRadius: \"50%\",\n border: `2px solid ${theme.hv.palette.atmosphere.atmo1}`,\n content: \"''\",\n position: \"absolute\",\n top: \"-4px\",\n left: \"-4px\",\n };\n const dragSquare = {\n cursor: \"grab\",\n width: \"calc(100% - 40px)\",\n left: \"20px\",\n height: \"27px\",\n position: \"absolute\",\n top: \"-12px\",\n content: \"''\",\n background: \"transparent\",\n borderTop: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n borderBottom: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n zIndex: \"-2\",\n };\n const dot = {\n position: \"absolute\",\n bottom: \"-1px\",\n marginLeft: \"0px\",\n width: \"1px\",\n height: \"4px\",\n border: \"none\",\n borderRadius: \"0%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n cursor: \"pointer\",\n verticalAlign: \"middle\",\n zIndex: \"-3\",\n };\n\n return {\n root: {},\n rootDisabled: {\n cursor: \"not-allowed\",\n \"& .rc-slider-disabled\": {\n background: \"transparent\",\n },\n },\n sliderContainer: {\n marginBottom: \"18px\",\n padding: \"0 23px\",\n },\n error: {\n padding: \"0 8px\",\n },\n trackDragging: {\n cursor: \"grabbing\",\n \"& .rc-slider-track\": {\n \"&::before\": {\n ...dragSquare,\n cursor: \"grabbing\",\n },\n },\n },\n trackStandBy: {\n \"& .rc-slider-track\": {\n \"&:hover\": {\n \"&::before\": {\n ...dragSquare,\n },\n },\n },\n },\n sliderRoot: {\n zIndex: 0,\n },\n rootRange: {},\n handleContainer: {\n \"& .rc-slider-handle\": {\n cursor: \"pointer\",\n marginTop: \"-8px\",\n opacity: 1,\n \"&:active\": {\n cursor: \"grab\",\n \"&::before\": {\n ...ring,\n },\n \"&::after\": {\n ...border,\n },\n },\n \"&:hover\": {\n \"&::before\": {\n ...ring,\n },\n \"&::after\": {\n ...border,\n },\n },\n // Note about the usage of `!important below`: the way the rc-slider allows us to\n // style the knobs is through inline styles. This means that the `box-shadow`, which\n // is an inline style and is set to `none` to prevent the default rc-slider style to\n // show, can't be overriden for the focus scenario unless we use the `!important` flag.\n \"&:focus-visible\": {\n ...outlineStyles,\n boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)!important\",\n },\n },\n },\n handle: {},\n handleContainerDisabled: {\n \"& .rc-slider-handle\": {\n cursor: \"not-allowed\",\n marginTop: \"-8px\",\n opacity: 1,\n \"&:active\": {\n cursor: \"not-allowed\",\n },\n \"&:hover\": {\n cursor: \"not-allowed\",\n },\n },\n },\n handleHiddenContainer: {\n display: \"none\",\n },\n labelContainer: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n marginBottom: \"12px\",\n marginLeft: \"20px\",\n marginRight: \"20px\",\n },\n labelIncluded: {\n justifyContent: \"space-between\",\n },\n onlyInput: {\n justifyContent: \"flex-end\",\n },\n label: {},\n dot: {\n ...dot,\n },\n dotDisabled: {\n ...dot,\n cursor: \"not-allowed\",\n },\n rail: {\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n height: \"1px\",\n zIndex: \"-3\",\n },\n knobInner: {\n borderColor: \"transparent\",\n boxShadow: \"none\",\n backgroundColor: theme.hv.palette.accent.acce1,\n width: \"16px\",\n height: \"16px\",\n },\n knobOuter: {\n position: \"relative\",\n borderColor: \"transparent\",\n borderRadius: \"50%\",\n boxShadow: \"none\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n width: \"32px\",\n height: \"32px\",\n top: \"-80%\",\n left: \"-80%\",\n zIndex: \"-1\",\n },\n knobHidden: {\n display: \"none\",\n },\n knobHiddenLast: {\n borderColor: \"transparent\",\n height: \"3px\",\n width: \"2px\",\n marginLeft: \"-1px\",\n border: \"none\",\n borderRadius: \"0\",\n marginTop: \"0px\",\n left: \"100%\",\n touchAction: \"none\",\n cursor: \"default\",\n },\n track: {\n backgroundColor: theme.hv.palette.accent.acce1,\n height: \"3px\",\n zIndex: \"-1\",\n marginTop: \"-1px\",\n },\n mark: {\n ...theme.hv.typography.vizText,\n fontFamily: theme.hv.typography.fontFamily,\n top: \"-2px\",\n zIndex: -1,\n },\n disabledMark: {\n ...theme.hv.typography.vizText,\n fontFamily: theme.hv.typography.fontFamily,\n color: `${theme.hv.palette.atmosphere.atmo5}`,\n cursor: \"not-allowed\",\n top: \"-2px\",\n },\n sliderTooltip: {\n \"& .rc-slider-tooltip-inner\": {\n background: theme.hv.palette.atmosphere.atmo1,\n borderRadius: 0,\n maxWidth: \"532px\",\n height: \"100%\",\n padding: `${theme.hv.spacing.sm}px`,\n ...theme.hv.typography.normalText,\n fontFamily: theme.hv.typography.fontFamily,\n boxShadow: \"none\",\n },\n \"& .rc-slider-tooltip-arrow\": {\n visibility: \"hidden\",\n },\n },\n };\n};\n\nexport default styles;\n"],"mappings":"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"}
|
|
@@ -4,36 +4,35 @@ import LinkTo from "@storybook/addon-links/react";
|
|
|
4
4
|
|
|
5
5
|
import { Usage } from "storybook-root/blocks/Usage";
|
|
6
6
|
|
|
7
|
-
import {
|
|
8
|
-
SnackbarProvider,
|
|
9
|
-
} from "./SnackbarProvider.stories.js";
|
|
7
|
+
import { SnackbarProvider } from "./SnackbarProvider.stories.js";
|
|
10
8
|
|
|
11
|
-
<Meta title="
|
|
9
|
+
<Meta title="Feedback/Snackbar/Provider" />
|
|
12
10
|
|
|
13
11
|
# Snackbar Provider
|
|
14
12
|
|
|
15
|
-
The UI Kit library provides a snackbar provider
|
|
13
|
+
The UI Kit library provides a snackbar provider
|
|
16
14
|
to control the stacking of multiple snackbars in the app.
|
|
17
15
|
|
|
18
|
-
The providers is not meant to be 100% feature complete, but instead,
|
|
19
|
-
ease the majority of use-cases we have been encountering.
|
|
20
|
-
If you need any customization or extension to the behavior,
|
|
16
|
+
The providers is not meant to be 100% feature complete, but instead,
|
|
17
|
+
ease the majority of use-cases we have been encountering.
|
|
18
|
+
If you need any customization or extension to the behavior,
|
|
21
19
|
please feel free to copy and customize it.
|
|
22
20
|
|
|
23
|
-
This feature needs both the
|
|
21
|
+
This feature needs both the _HvSnackbarProvider_ provider and the hook _useHvSnackbar_.
|
|
24
22
|
The provider and the hook are wrappers of the [Notistack](https://github.com/iamhosseindhv/notistack) API.
|
|
25
23
|
|
|
26
24
|
Ideally the `HvSnackbarProvider` should be at the top of the component tree of your application.
|
|
27
|
-
This will allow the snackbar to be triggered in any page.
|
|
25
|
+
This will allow the snackbar to be triggered in any page.
|
|
28
26
|
For more information of the provider API check the [notistack documentation](https://iamhosseindhv.com/notistack/api).
|
|
29
27
|
|
|
30
28
|
<Usage>{'import { HvSnackbarProvider } from "@hitachivantara/uikit-react-core";'}</Usage>
|
|
31
29
|
|
|
32
|
-
After adding the provider at the root of your app, you can call the
|
|
30
|
+
After adding the provider at the root of your app, you can call the `useHvSnackbar` at any
|
|
33
31
|
component inside your app. This hook will allow you to request the rendering of a snackbar through the use
|
|
34
|
-
of the
|
|
32
|
+
of the `enqueueSnackbar` function which follows the API bellow:
|
|
35
33
|
|
|
36
34
|
parameters:
|
|
35
|
+
|
|
37
36
|
- `message: string | React.node`: The message to render inside the snackbar.
|
|
38
37
|
- `options: HvEnqueueOptions`: The options to configure the snackbar.
|
|
39
38
|
- `HvEnqueueOptions`:
|
|
@@ -42,6 +41,7 @@ parameters:
|
|
|
42
41
|
- `snackbarContentProps?: HvSnackbarContentProps`: Extra properties to be passed onto the snackbar
|
|
43
42
|
|
|
44
43
|
output:
|
|
44
|
+
|
|
45
45
|
- `SnackbarKey: string | number`: How many snackbars to render.
|
|
46
46
|
|
|
47
47
|
<Usage>{'import { useHvSnackbar } from "@hitachivantara/uikit-react-core";'}</Usage>
|
package/dist/legacy/index.d.ts
CHANGED
|
@@ -66,6 +66,9 @@ export * from "./FileUploader";
|
|
|
66
66
|
export { default as HvFilterGroup } from "./FilterGroup";
|
|
67
67
|
export * from "./FilterGroup";
|
|
68
68
|
|
|
69
|
+
export { default as HvFocus } from "./Focus";
|
|
70
|
+
export * from "./Focus";
|
|
71
|
+
|
|
69
72
|
export { default as HvFooter } from "./Footer";
|
|
70
73
|
export * from "./Footer";
|
|
71
74
|
|
package/dist/legacy/index.js
CHANGED
|
@@ -26,6 +26,7 @@ export { default as HvEmptyState } from "./EmptyState";
|
|
|
26
26
|
export { default as HvFilterGroup } from "./FilterGroup";
|
|
27
27
|
export { default as HvFileUploader } from "./FileUploader";
|
|
28
28
|
export * from "./FileUploader";
|
|
29
|
+
export { default as HvFocus } from "./Focus";
|
|
29
30
|
export { default as HvFooter } from "./Footer";
|
|
30
31
|
export * from "./Forms";
|
|
31
32
|
export { default as HvGrid } from "./Grid";
|
package/dist/legacy/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","HvAccordion","HvActionsGeneric","HvActionBar","HvAppSwitcher","HvAssetInventory","HvAvatar","HvBadge","HvBanner","HvBarchart","HvBaseDropdown","HvBreadcrumb","HvBulkActions","HvButton","HvCard","HvContainer","HvDatePicker","HvDonutchart","HvDropdown","HvDropDownMenu","HvEmptyState","HvFilterGroup","HvFileUploader","HvFooter","HvGrid","HvGlobalActions","HvHeader","HvBaseInput","HvInput","HvSlider","HvKpi","HvLinechart","HvLink","HvListContainer","HvList","HvSelectionList","HvLoading","HvLogin","HvDialog","HvMultiButton","HvPagination","HvBaseCheckBox","HvCheckBox","HvCheckBoxGroup","HvBaseRadio","HvRadio","HvRadioGroup","HvBaseSwitch","HvSwitch","HvSnackbar","HvSnackbarContent","HvSnackbarProvider","useHvSnackbar","HvStack","HvSimpleGrid","HvTab","HvTag","HvTable","HvTabs","HvTextArea","HvTagsInput","HvToggleButton","HvTooltip","HvOverflowTooltip","HvTimePicker","HvTypography","HvUserPreferences","Actions","HvUserPreferencesActions","Action","HvUserPreferencesAction","Options","HvUserPreferencesOptions","Option","HvUserPreferencesOption","Group","HvUserPreferencesOptionsGroup","Label","HvUserPreferencesOptionsGroupLabel","HvScrollToHorizontal","HvScrollToVertical","useScrollTo","HvVerticalNavigation","Navigation","HvVerticalNavigationTree","TreeView","HvTreeView","TreeViewItem","HvTreeViewItem","HvVerticalNavigationActions","HvVerticalNavigationAction","HvPanel","withId","withTooltip","useUniqueId","hvTheme","themeBuilder","getTheme","HvCssBaseline","HvScopedCssBaseline","HvProvider"],"sources":["../../src/index.js"],"sourcesContent":["// components\nexport { default as HvAccordion } from \"./Accordion\";\nexport { default as HvActionsGeneric } from \"./ActionsGeneric\";\nexport { default as HvActionBar } from \"./ActionBar\";\nexport { default as HvAppSwitcher } from \"./AppSwitcher\";\nexport { default as HvAssetInventory } from \"./AssetInventory\";\nexport * from \"./AssetInventory\";\nexport { default as HvAvatar } from \"./Avatar\";\nexport { default as HvBadge } from \"./Badge\";\nexport { default as HvBanner } from \"./Banner\";\nexport * from \"./Banner\";\nexport { default as HvBarchart } from \"./Barchart\";\nexport { default as HvBaseDropdown } from \"./BaseDropdown\";\nexport { default as HvBreadcrumb } from \"./BreadCrumb\";\nexport { default as HvBulkActions } from \"./BulkActions\";\nexport { default as HvButton } from \"./Button\";\nexport { default as HvCard } from \"./Card\";\nexport * from \"./Card\";\nexport * from \"./Calendar\";\nexport { default as HvContainer } from \"./Container\";\nexport { default as HvDatePicker } from \"./DatePicker\";\nexport { default as HvDonutchart } from \"./Donutchart\";\nexport { default as HvDropdown } from \"./Dropdown\";\nexport { default as HvDropDownMenu } from \"./DropDownMenu\";\nexport { default as HvEmptyState } from \"./EmptyState\";\nexport { default as HvFilterGroup } from \"./FilterGroup\";\nexport { default as HvFileUploader } from \"./FileUploader\";\nexport * from \"./FileUploader\";\nexport { default as HvFooter } from \"./Footer\";\nexport * from \"./Forms\";\n\nexport { default as HvGrid } from \"./Grid\";\nexport { default as HvGlobalActions } from \"./GlobalActions\";\n\nexport { default as HvHeader } from \"./Header\";\nexport * from \"./Header\";\n\nexport { default as HvBaseInput } from \"./BaseInput\";\nexport { default as HvInput } from \"./Input\";\n\nexport { default as HvSlider } from \"./Slider\";\n\nexport { default as HvKpi } from \"./Kpi\";\n\nexport { default as HvLinechart } from \"./Linechart\";\nexport { default as HvLink } from \"./Link\";\nexport { default as HvListContainer } from \"./ListContainer\";\nexport * from \"./ListContainer\";\n\nexport { default as HvList } from \"./List\";\n\nexport { default as HvSelectionList } from \"./SelectionList\";\n\nexport { default as HvLoading } from \"./Loading\";\nexport { default as HvLogin } from \"./Login\";\nexport { default as HvDialog } from \"./Dialog\";\nexport * from \"./Dialog\";\nexport { default as HvMultiButton } from \"./MultiButton\";\nexport { default as HvPagination } from \"./Pagination\";\n\nexport { default as HvBaseCheckBox } from \"./BaseCheckBox\";\nexport { default as HvCheckBox } from \"./CheckBox\";\nexport { default as HvCheckBoxGroup } from \"./CheckBoxGroup\";\n\nexport { default as HvBaseRadio } from \"./BaseRadio\";\nexport { default as HvRadio } from \"./Radio\";\nexport { default as HvRadioGroup } from \"./RadioGroup\";\n\nexport { default as HvBaseSwitch } from \"./BaseSwitch\";\nexport { default as HvSwitch } from \"./Switch\";\n\nexport { default as HvSnackbar } from \"./Snackbar\";\nexport { default as HvSnackbarContent } from \"./Snackbar/SnackbarContentWrapper\";\nexport { default as HvSnackbarProvider, useHvSnackbar } from \"./Snackbar/SnackbarProvider\";\nexport { default as HvStack } from \"./Stack\";\nexport { default as HvSimpleGrid } from \"./SimpleGrid\";\n\nexport { default as HvTab } from \"./Tab\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvTable } from \"./Table\";\nexport { default as HvTabs } from \"./Tabs\";\nexport { default as HvTextArea } from \"./TextArea\";\nexport { default as HvTagsInput } from \"./TagsInput\";\nexport { default as HvToggleButton } from \"./ToggleButton\";\nexport { default as HvTooltip } from \"./Tooltip\";\nexport { default as HvOverflowTooltip } from \"./OverflowTooltip\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTypography } from \"./Typography\";\nexport { default as HvUserPreferences } from \"./UserPreferences\";\n// TODO refactor the HvUserPreferences subcomponents' names\nexport {\n Actions as HvUserPreferencesActions,\n Action as HvUserPreferencesAction,\n} from \"./UserPreferences\";\nexport {\n Options as HvUserPreferencesOptions,\n Option as HvUserPreferencesOption,\n Group as HvUserPreferencesOptionsGroup,\n Label as HvUserPreferencesOptionsGroupLabel,\n} from \"./UserPreferences\";\n\nexport { default as HvScrollToHorizontal } from \"./ScrollTo/Horizontal\";\nexport { default as HvScrollToVertical } from \"./ScrollTo/Vertical\";\nexport { default as useScrollTo } from \"./ScrollTo/useScrollTo\";\n\nexport { default as HvVerticalNavigation } from \"./VerticalNavigation\";\n// TODO refactor the HvVerticalNavigation subcomponents' names\nexport { Navigation as HvVerticalNavigationTree } from \"./VerticalNavigation\";\nexport { TreeView as HvTreeView, TreeViewItem as HvTreeViewItem } from \"./VerticalNavigation\";\nexport {\n Actions as HvVerticalNavigationActions,\n Action as HvVerticalNavigationAction,\n} from \"./VerticalNavigation\";\n\nexport { default as HvPanel } from \"./Panel\";\n\n// HOCs\nexport { default as withId } from \"./withId\";\nexport { default as withTooltip } from \"./withTooltip\";\n\n// Hooks\nexport { default as useUniqueId } from \"./useUniqueId\";\n\n// theme\nexport { default as hvTheme } from \"./theme\";\nexport { themeBuilder, getTheme } from \"./theme\";\nexport { HvCssBaseline, HvScopedCssBaseline } from \"./theme\";\n\n// provider\nexport { default as HvProvider } from \"./Provider\";\nexport * from \"./Provider\";\n\n// utils\nexport * from \"./utils\";\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","HvAccordion","HvActionsGeneric","HvActionBar","HvAppSwitcher","HvAssetInventory","HvAvatar","HvBadge","HvBanner","HvBarchart","HvBaseDropdown","HvBreadcrumb","HvBulkActions","HvButton","HvCard","HvContainer","HvDatePicker","HvDonutchart","HvDropdown","HvDropDownMenu","HvEmptyState","HvFilterGroup","HvFileUploader","HvFocus","HvFooter","HvGrid","HvGlobalActions","HvHeader","HvBaseInput","HvInput","HvSlider","HvKpi","HvLinechart","HvLink","HvListContainer","HvList","HvSelectionList","HvLoading","HvLogin","HvDialog","HvMultiButton","HvPagination","HvBaseCheckBox","HvCheckBox","HvCheckBoxGroup","HvBaseRadio","HvRadio","HvRadioGroup","HvBaseSwitch","HvSwitch","HvSnackbar","HvSnackbarContent","HvSnackbarProvider","useHvSnackbar","HvStack","HvSimpleGrid","HvTab","HvTag","HvTable","HvTabs","HvTextArea","HvTagsInput","HvToggleButton","HvTooltip","HvOverflowTooltip","HvTimePicker","HvTypography","HvUserPreferences","Actions","HvUserPreferencesActions","Action","HvUserPreferencesAction","Options","HvUserPreferencesOptions","Option","HvUserPreferencesOption","Group","HvUserPreferencesOptionsGroup","Label","HvUserPreferencesOptionsGroupLabel","HvScrollToHorizontal","HvScrollToVertical","useScrollTo","HvVerticalNavigation","Navigation","HvVerticalNavigationTree","TreeView","HvTreeView","TreeViewItem","HvTreeViewItem","HvVerticalNavigationActions","HvVerticalNavigationAction","HvPanel","withId","withTooltip","useUniqueId","hvTheme","themeBuilder","getTheme","HvCssBaseline","HvScopedCssBaseline","HvProvider"],"sources":["../../src/index.js"],"sourcesContent":["// components\nexport { default as HvAccordion } from \"./Accordion\";\nexport { default as HvActionsGeneric } from \"./ActionsGeneric\";\nexport { default as HvActionBar } from \"./ActionBar\";\nexport { default as HvAppSwitcher } from \"./AppSwitcher\";\nexport { default as HvAssetInventory } from \"./AssetInventory\";\nexport * from \"./AssetInventory\";\nexport { default as HvAvatar } from \"./Avatar\";\nexport { default as HvBadge } from \"./Badge\";\nexport { default as HvBanner } from \"./Banner\";\nexport * from \"./Banner\";\nexport { default as HvBarchart } from \"./Barchart\";\nexport { default as HvBaseDropdown } from \"./BaseDropdown\";\nexport { default as HvBreadcrumb } from \"./BreadCrumb\";\nexport { default as HvBulkActions } from \"./BulkActions\";\nexport { default as HvButton } from \"./Button\";\nexport { default as HvCard } from \"./Card\";\nexport * from \"./Card\";\nexport * from \"./Calendar\";\nexport { default as HvContainer } from \"./Container\";\nexport { default as HvDatePicker } from \"./DatePicker\";\nexport { default as HvDonutchart } from \"./Donutchart\";\nexport { default as HvDropdown } from \"./Dropdown\";\nexport { default as HvDropDownMenu } from \"./DropDownMenu\";\nexport { default as HvEmptyState } from \"./EmptyState\";\nexport { default as HvFilterGroup } from \"./FilterGroup\";\nexport { default as HvFileUploader } from \"./FileUploader\";\nexport * from \"./FileUploader\";\nexport { default as HvFocus } from \"./Focus\";\nexport { default as HvFooter } from \"./Footer\";\nexport * from \"./Forms\";\n\nexport { default as HvGrid } from \"./Grid\";\nexport { default as HvGlobalActions } from \"./GlobalActions\";\n\nexport { default as HvHeader } from \"./Header\";\nexport * from \"./Header\";\n\nexport { default as HvBaseInput } from \"./BaseInput\";\nexport { default as HvInput } from \"./Input\";\n\nexport { default as HvSlider } from \"./Slider\";\n\nexport { default as HvKpi } from \"./Kpi\";\n\nexport { default as HvLinechart } from \"./Linechart\";\nexport { default as HvLink } from \"./Link\";\nexport { default as HvListContainer } from \"./ListContainer\";\nexport * from \"./ListContainer\";\n\nexport { default as HvList } from \"./List\";\n\nexport { default as HvSelectionList } from \"./SelectionList\";\n\nexport { default as HvLoading } from \"./Loading\";\nexport { default as HvLogin } from \"./Login\";\nexport { default as HvDialog } from \"./Dialog\";\nexport * from \"./Dialog\";\nexport { default as HvMultiButton } from \"./MultiButton\";\nexport { default as HvPagination } from \"./Pagination\";\n\nexport { default as HvBaseCheckBox } from \"./BaseCheckBox\";\nexport { default as HvCheckBox } from \"./CheckBox\";\nexport { default as HvCheckBoxGroup } from \"./CheckBoxGroup\";\n\nexport { default as HvBaseRadio } from \"./BaseRadio\";\nexport { default as HvRadio } from \"./Radio\";\nexport { default as HvRadioGroup } from \"./RadioGroup\";\n\nexport { default as HvBaseSwitch } from \"./BaseSwitch\";\nexport { default as HvSwitch } from \"./Switch\";\n\nexport { default as HvSnackbar } from \"./Snackbar\";\nexport { default as HvSnackbarContent } from \"./Snackbar/SnackbarContentWrapper\";\nexport { default as HvSnackbarProvider, useHvSnackbar } from \"./Snackbar/SnackbarProvider\";\nexport { default as HvStack } from \"./Stack\";\nexport { default as HvSimpleGrid } from \"./SimpleGrid\";\n\nexport { default as HvTab } from \"./Tab\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvTable } from \"./Table\";\nexport { default as HvTabs } from \"./Tabs\";\nexport { default as HvTextArea } from \"./TextArea\";\nexport { default as HvTagsInput } from \"./TagsInput\";\nexport { default as HvToggleButton } from \"./ToggleButton\";\nexport { default as HvTooltip } from \"./Tooltip\";\nexport { default as HvOverflowTooltip } from \"./OverflowTooltip\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTypography } from \"./Typography\";\nexport { default as HvUserPreferences } from \"./UserPreferences\";\n// TODO refactor the HvUserPreferences subcomponents' names\nexport {\n Actions as HvUserPreferencesActions,\n Action as HvUserPreferencesAction,\n} from \"./UserPreferences\";\nexport {\n Options as HvUserPreferencesOptions,\n Option as HvUserPreferencesOption,\n Group as HvUserPreferencesOptionsGroup,\n Label as HvUserPreferencesOptionsGroupLabel,\n} from \"./UserPreferences\";\n\nexport { default as HvScrollToHorizontal } from \"./ScrollTo/Horizontal\";\nexport { default as HvScrollToVertical } from \"./ScrollTo/Vertical\";\nexport { default as useScrollTo } from \"./ScrollTo/useScrollTo\";\n\nexport { default as HvVerticalNavigation } from \"./VerticalNavigation\";\n// TODO refactor the HvVerticalNavigation subcomponents' names\nexport { Navigation as HvVerticalNavigationTree } from \"./VerticalNavigation\";\nexport { TreeView as HvTreeView, TreeViewItem as HvTreeViewItem } from \"./VerticalNavigation\";\nexport {\n Actions as HvVerticalNavigationActions,\n Action as HvVerticalNavigationAction,\n} from \"./VerticalNavigation\";\n\nexport { default as HvPanel } from \"./Panel\";\n\n// HOCs\nexport { default as withId } from \"./withId\";\nexport { default as withTooltip } from \"./withTooltip\";\n\n// Hooks\nexport { default as useUniqueId } from \"./useUniqueId\";\n\n// theme\nexport { default as hvTheme } from \"./theme\";\nexport { themeBuilder, getTheme } from \"./theme\";\nexport { HvCssBaseline, HvScopedCssBaseline } from \"./theme\";\n\n// provider\nexport { default as HvProvider } from \"./Provider\";\nexport * from \"./Provider\";\n\n// utils\nexport * from \"./utils\";\n"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { StandardProps } from "@material-ui/core";
|
|
2
2
|
import { PopperProps } from "@material-ui/core/Popper";
|
|
3
|
-
import { ListLabelsProp, ListValueProp } from "../List";
|
|
4
|
-
import { HvFormElementProps } from "..";
|
|
3
|
+
import { ListLabelsProp, ListValueProp, HvListProps } from "../List";
|
|
4
|
+
import { HvFormElementProps, HvBaseDropdownProps } from "..";
|
|
5
5
|
|
|
6
6
|
export interface DropDownLabelsProp extends ListLabelsProp {
|
|
7
7
|
/**
|
|
@@ -106,7 +106,14 @@ export interface HvDropdownProps
|
|
|
106
106
|
* Properties passed to the underlying Popper component
|
|
107
107
|
*/
|
|
108
108
|
popperProps?: Partial<PopperProps>;
|
|
109
|
-
|
|
109
|
+
/**
|
|
110
|
+
* Extra props passed to the list
|
|
111
|
+
*/
|
|
112
|
+
listProps?: Partial<HvListProps>;
|
|
113
|
+
/**
|
|
114
|
+
* Extra props passed to the base dropdown
|
|
115
|
+
*/
|
|
116
|
+
baseDropdownProps?: Partial<HvBaseDropdownProps>;
|
|
110
117
|
/**
|
|
111
118
|
* Callback called when the user cancels the changes.
|
|
112
119
|
*
|