npm - @hitachivantara/uikit-react-core - Versions diffs - 4.4.3 → 4.4.5 - Mend

@hitachivantara/uikit-react-core 4.4.3 → 4.4.5

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.

Files changed (52) hide show

package/dist/modern/DatePicker/DatePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePicker.js","names":["React","useState","useEffect","useRef","PropTypes","withStyles","Calendar","clsx","setId","useSavedState","useLabels","HvActionBar","HvBaseDropdown","HvButton","HvCalendar","HvLabel","HvInfoMessage","HvFormElement","HvWarningText","HvTypography","useUniqueId","useControlled","isInvalid","styles","isDate","getDateLabel","useVisibleDate","useLocale","NAV_OPTIONS","DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","HvDatePicker","props","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","ariaErrorMessage","placeholder","labels","labelsProp","value","startValue","endValue","rangeMode","startAdornment","horizontalPlacement","locale","localeProp","showActions","showClear","disablePortal","escapeWithReference","dropdownProps","calendarProps","others","elementId","validationState","setValidationState","validationMessage","localeFromProvider","calendarOpen","setCalendarOpen","startDate","setStartDate","rollbackStartDate","endDate","setEndDate","rollbackEndDate","visibleDate","dispatchAction","focusTarget","endDateIsSet","current","type","MONTH_YEAR","target","year","getFullYear","month","getMonth","handleApply","handleCancel","handleClear","undefined","handleCalendarClose","shouldSave","handleToggle","evt","open","focusOnContainer","focus","handleDateChange","event","newDate","autoSave","handleInputDateChange","position","renderActions","actionContainer","leftContainer","action","rightContainer","renderInput","dateString","dateValue","hasLabel","hasDescription","canShowError","isStateInvalid","errorMessageId","root","labelContainer","dropdown","panel","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","icon","modifiers","enabled","join","trim","_event","error","propTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Date","Object","index"],"sources":["../../../src/DatePicker/DatePicker.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { Calendar } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { setId, useSavedState, useLabels } from \"../utils\";\nimport {\n HvActionBar,\n HvBaseDropdown,\n HvButton,\n HvCalendar,\n HvLabel,\n HvInfoMessage,\n HvFormElement,\n HvWarningText,\n HvTypography,\n useUniqueId,\n useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport styles from \"./styles\";\nimport { isDate } from \"../Calendar/utils\";\nimport { getDateLabel } from \"./utils\";\nimport useVisibleDate from \"./useVisibleDate\";\nimport useLocale from \"../Provider/useLocale\";\nimport { NAV_OPTIONS } from \"../Calendar/enums\";\n\nconst DEFAULT_LABELS = {\n applyLabel: \"Apply\",\n cancelLabel: \"Cancel\",\n clearLabel: \"Clear\",\n};\n\n/*\n A date picker, popup calendar or date range picker is a graphical user\n * interface widget which allows the user to select a date from a calendar.\n /\nconst HvDatePicker = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n\n required = false,\n disabled = false,\n readOnly,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n onCancel,\n onClear,\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n placeholder,\n\n labels: labelsProp,\n\n value,\n startValue,\n endValue,\n\n rangeMode = false,\n startAdornment,\n horizontalPlacement = \"right\",\n locale: localeProp,\n showActions = false,\n showClear = false,\n disablePortal = true,\n escapeWithReference = true,\n dropdownProps,\n calendarProps,\n ...others\n } = props;\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const elementId = useUniqueId(id, \"hvdatepicker\");\n\n const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const localeFromProvider = useLocale();\n\n const locale = localeProp \|\| localeFromProvider;\n\n const [calendarOpen, setCalendarOpen] = useState(false);\n\n const [startDate, setStartDate, rollbackStartDate] = useSavedState(\n rangeMode ? startValue : value\n );\n const [endDate, setEndDate, rollbackEndDate] = useSavedState(endValue);\n\n const [visibleDate, dispatchAction] = useVisibleDate(startDate, endDate);\n\n const focusTarget = useRef();\n\n useEffect(() => {\n setStartDate(rangeMode ? startValue : value, true);\n setEndDate(endValue, true);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value, startValue, endValue, rangeMode]);\n\n const endDateIsSet = useRef(false);\n endDateIsSet.current = endDate != null;\n\n useEffect(() => {\n if (startDate != null) {\n dispatchAction({\n type: NAV_OPTIONS.MONTH_YEAR,\n target: endDateIsSet.current ? \"left\" : \"best\",\n year: startDate.getFullYear(),\n month: startDate.getMonth() + 1,\n });\n }\n }, [dispatchAction, startDate]);\n\n useEffect(() => {\n if (endDate != null) {\n dispatchAction({\n type: NAV_OPTIONS.MONTH_YEAR,\n target: \"right\",\n year: endDate.getFullYear(),\n month: endDate.getMonth() + 1,\n });\n }\n }, [dispatchAction, endDate]);\n\n /\n Handles the `Apply` action. Both single and ranged modes are handled here.\n /\n const handleApply = () => {\n setStartDate(startDate, true);\n setEndDate(endDate ?? startDate, true);\n\n onChange?.(startDate, endDate);\n\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && (!isDate(startDate) \|\| (rangeMode && !isDate(endDate)))) {\n return \"invalid\";\n }\n\n return \"valid\";\n });\n\n setCalendarOpen(false);\n };\n\n /\n Handles the `Cancel` action. Both single and ranged modes are handled here.\n /\n const handleCancel = () => {\n rollbackStartDate();\n rollbackEndDate();\n\n onCancel?.();\n\n setCalendarOpen(false);\n };\n\n /\n Handles the `Cancel` action. Both single and ranged modes are handled here.\n /\n const handleClear = () => {\n setStartDate(undefined, false);\n setEndDate(undefined, false);\n onClear?.();\n };\n\n const handleCalendarClose = () => {\n const shouldSave = !(rangeMode \|\| showActions);\n if (shouldSave) {\n handleApply();\n } else {\n handleCancel();\n }\n };\n\n const handleToggle = (evt, open) => {\n / \n If evt is null this toggle wasn't triggered by the user.\n instead it was triggered by the baseDropdown useEffect after\n the datepicker changed the expanded value this baseDropdown behavior needs a review\n /\n if (evt === null) return;\n setCalendarOpen(open);\n if (!open) handleCalendarClose();\n };\n\n const focusOnContainer = () => {\n focusTarget.current?.focus();\n };\n\n const handleDateChange = (event, newDate) => {\n if (!isDate(newDate)) return;\n\n const autoSave = !showActions && !rangeMode;\n\n if (rangeMode) {\n if (!startDate \|\| (startDate && endDate) \|\| newDate < startDate) {\n setStartDate(newDate);\n setEndDate(null);\n } else {\n setEndDate(newDate);\n }\n } else {\n setStartDate(newDate, autoSave);\n }\n\n if (autoSave) {\n onChange?.(newDate);\n\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && !isDate(newDate)) {\n return \"invalid\";\n }\n\n return \"valid\";\n });\n\n setCalendarOpen(false);\n }\n };\n\n const handleInputDateChange = (event, newDate, position) => {\n if (!isDate(newDate)) return;\n\n if (!rangeMode) {\n handleDateChange(event, newDate);\n return;\n }\n\n if (position === \"left\") {\n setStartDate(newDate > endDate ? endDate : newDate);\n } else if (position === \"right\") {\n if (!startDate) {\n setStartDate(newDate > endDate ? endDate : newDate);\n return;\n }\n setEndDate(newDate < startDate ? startDate : newDate);\n }\n };\n\n /\n Renders the container for the action elements.\n /\n const renderActions = () => (\n <HvActionBar\n className={clsx({\n [classes.actionContainer]: showClear,\n })}\n >\n {showClear && (\n <div className={classes.leftContainer}>\n <HvButton\n id={setId(id, \"action\", \"clear\")}\n className={classes.action}\n category=\"ghost\"\n onClick={handleClear}\n >\n {labels.clearLabel}\n </HvButton>\n </div>\n )}\n <div className={classes.rightContainer}>\n <HvButton\n id={setId(id, \"action\", \"apply\")}\n className={classes.action}\n category=\"ghost\"\n onClick={handleApply}\n >\n {labels.applyLabel}\n </HvButton>\n <HvButton\n id={setId(id, \"action\", \"cancel\")}\n className={classes.action}\n category=\"ghost\"\n onClick={handleCancel}\n >\n {labels.cancelLabel}\n </HvButton>\n </div>\n </HvActionBar>\n );\n\n const renderInput = (dateString) => (\n <HvTypography variant={dateString ? \"normalText\" : \"placeholderText\"}>\n {(dateString \|\| placeholder) === undefined ? \"\" : dateString \|\| placeholder}\n </HvTypography>\n );\n\n const dateValue = rangeMode ? { startDate, endDate } : startDate;\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 value={dateValue}\n status={validationState}\n disabled={disabled}\n required={required}\n className={clsx(className, classes.root)}\n locale={locale}\n readOnly={readOnly}\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 role=\"combobox\"\n classes={{\n root: classes.dropdown,\n panel: classes.panel,\n header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,\n headerOpen: classes.dropdownHeaderOpen,\n }}\n readOnly={readOnly}\n disabled={disabled}\n disablePortal={disablePortal}\n variableWidth\n placement={horizontalPlacement}\n expanded={calendarOpen}\n onToggle={handleToggle}\n onClickOutside={handleCalendarClose}\n onContainerCreation={focusOnContainer}\n placeholder={renderInput(getDateLabel(dateValue, rangeMode, locale))}\n adornment={<Calendar className={classes.icon} color={disabled ? \"atmo5\" : undefined} />}\n popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n aria-haspopup=\"dialog\"\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 {...dropdownProps}\n >\n <div ref={focusTarget} tabIndex={-1} />\n <HvCalendar\n id={setId(id, \"calendar\")}\n startAdornment={startAdornment}\n onChange={handleDateChange}\n onInputChange={handleInputDateChange}\n onVisibleDateChange={(_event, type, month, target) => {\n dispatchAction({ type, target, month });\n }}\n locale={locale}\n {...visibleDate}\n {...calendarProps}\n />\n {(rangeMode \|\| showActions) && renderActions()}\n </HvBaseDropdown>\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvDatePicker.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 panel: PropTypes.string,\n action: PropTypes.string,\n icon: PropTypes.string,\n /\n Styles applied to the date picker when invalid.\n /\n dropdownHeaderInvalid: PropTypes.string,\n /\n Styles applied to the date picker when opened.\n /\n dropdownHeaderOpen: PropTypes.string,\n /\n Styles applied to the container that holds the actions buttons.\n /\n actionContainer: PropTypes.string,\n /\n Styles applied to the container that holds the clear button.\n /\n leftContainer: PropTypes.string,\n /\n Styles applied to the container that holds the apply and cancel button.\n /\n rightContainer: 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 date picker.\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 callback fired when user clicks on cancel.\n /\n onCancel: PropTypes.func,\n\n /\n The callback fired when user clicks on clear.\n /\n onClear: PropTypes.func,\n\n /\n An object containing all the labels for the datepicker.\n /\n labels: PropTypes.shape({\n /\n Apply button label.\n /\n applyLabel: PropTypes.string,\n /\n Cancel button label.\n /\n cancelLabel: PropTypes.string,\n /\n Clear button label.\n /\n clearLabel: PropTypes.string,\n }),\n\n /\n The initial value of the input when in single calendar mode.\n /\n value: PropTypes.instanceOf(Date),\n /\n The initial value for the start date when in range mode.\n /\n startValue: PropTypes.instanceOf(Date),\n /\n The initial value for the end date when in range mode.\n /\n endValue: PropTypes.instanceOf(Date),\n /\n Flag informing if the the component should be in range mode or in single mode.\n /\n rangeMode: PropTypes.bool,\n /\n The placement where the calendar should be placed according to the input. Options are `left` or `right`.\n * Note this prop only affects the calendar when in `rangeMode`.\n /\n horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n /\n The calendar locale. If undefined, it uses calendar default\n /\n locale: PropTypes.string,\n\n /\n Controls if actions buttons are visible at the calendar.\n /\n showActions: PropTypes.bool,\n /\n Controls if clear button is visible at the calendar,\n * only works if showing actions or in range mode.\n /\n showClear: PropTypes.bool,\n /\n Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n /\n disablePortal: PropTypes.bool,\n /\n Sets if the calendar container should follow the date picker input out of the screen or stay visible.\n /\n escapeWithReference: PropTypes.bool,\n /\n An element placed before the Calendar\n /\n startAdornment: PropTypes.node,\n /\n An object containing props to be passed onto the baseDropdown.\n /\n dropdownProps: PropTypes.instanceOf(Object),\n /\n If `true` the DatePicker will be in read only mode, unable to be interacted.\n /\n readOnly: PropTypes.bool,\n /\n Additional props passed to the HvCalendar component.\n */\n calendarProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvDatePicker\", index: 1 })(HvDatePicker);\n"],"mappings":"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"}
1	+ {"version":3,"file":"DatePicker.js","names":["React","useState","useEffect","useRef","PropTypes","withStyles","Calendar","clsx","setId","useSavedState","useLabels","HvActionBar","HvBaseDropdown","HvButton","HvCalendar","HvLabel","HvInfoMessage","HvFormElement","HvWarningText","HvTypography","useUniqueId","useControlled","isInvalid","styles","isDate","getDateLabel","useVisibleDate","useLocale","NAV_OPTIONS","DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","invalidDateLabel","HvDatePicker","props","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","ariaErrorMessage","placeholder","labels","labelsProp","value","startValue","endValue","rangeMode","startAdornment","horizontalPlacement","locale","localeProp","showActions","showClear","disablePortal","escapeWithReference","dropdownProps","calendarProps","others","elementId","validationState","setValidationState","validationMessage","localeFromProvider","calendarOpen","setCalendarOpen","startDate","setStartDate","rollbackStartDate","endDate","setEndDate","rollbackEndDate","visibleDate","dispatchAction","focusTarget","endDateIsSet","current","type","MONTH_YEAR","target","year","getFullYear","month","getMonth","handleApply","handleCancel","handleClear","undefined","handleCalendarClose","shouldSave","handleToggle","evt","open","focusOnContainer","focus","handleDateChange","event","newDate","autoSave","handleInputDateChange","position","renderActions","actionContainer","leftContainer","action","rightContainer","renderInput","dateString","dateValue","hasLabel","hasDescription","canShowError","isStateInvalid","errorMessageId","root","labelContainer","dropdown","panel","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","icon","modifiers","enabled","join","trim","_event","error","propTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Date","Object","index"],"sources":["../../../src/DatePicker/DatePicker.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { Calendar } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { setId, useSavedState, useLabels } from \"../utils\";\nimport {\n HvActionBar,\n HvBaseDropdown,\n HvButton,\n HvCalendar,\n HvLabel,\n HvInfoMessage,\n HvFormElement,\n HvWarningText,\n HvTypography,\n useUniqueId,\n useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport styles from \"./styles\";\nimport { isDate } from \"../Calendar/utils\";\nimport { getDateLabel } from \"./utils\";\nimport useVisibleDate from \"./useVisibleDate\";\nimport useLocale from \"../Provider/useLocale\";\nimport { NAV_OPTIONS } from \"../Calendar/enums\";\n\nconst DEFAULT_LABELS = {\n applyLabel: \"Apply\",\n cancelLabel: \"Cancel\",\n clearLabel: \"Clear\",\n invalidDateLabel: \"Invalid Date\",\n};\n\n/*\n A date picker, popup calendar or date range picker is a graphical user\n * interface widget which allows the user to select a date from a calendar.\n /\nconst HvDatePicker = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n\n required = false,\n disabled = false,\n readOnly,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n onCancel,\n onClear,\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n placeholder,\n\n labels: labelsProp,\n\n value,\n startValue,\n endValue,\n\n rangeMode = false,\n startAdornment,\n horizontalPlacement = \"right\",\n locale: localeProp,\n showActions = false,\n showClear = false,\n disablePortal = true,\n escapeWithReference = true,\n dropdownProps,\n calendarProps,\n ...others\n } = props;\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const elementId = useUniqueId(id, \"hvdatepicker\");\n\n const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const localeFromProvider = useLocale();\n\n const locale = localeProp \|\| localeFromProvider;\n\n const [calendarOpen, setCalendarOpen] = useState(false);\n\n const [startDate, setStartDate, rollbackStartDate] = useSavedState(\n rangeMode ? startValue : value\n );\n const [endDate, setEndDate, rollbackEndDate] = useSavedState(endValue);\n\n const [visibleDate, dispatchAction] = useVisibleDate(startDate, endDate);\n\n const focusTarget = useRef();\n\n useEffect(() => {\n setStartDate(rangeMode ? startValue : value, true);\n setEndDate(endValue, true);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value, startValue, endValue, rangeMode]);\n\n const endDateIsSet = useRef(false);\n endDateIsSet.current = endDate != null;\n\n useEffect(() => {\n if (startDate != null) {\n dispatchAction({\n type: NAV_OPTIONS.MONTH_YEAR,\n target: endDateIsSet.current ? \"left\" : \"best\",\n year: startDate.getFullYear(),\n month: startDate.getMonth() + 1,\n });\n }\n }, [dispatchAction, startDate]);\n\n useEffect(() => {\n if (endDate != null) {\n dispatchAction({\n type: NAV_OPTIONS.MONTH_YEAR,\n target: \"right\",\n year: endDate.getFullYear(),\n month: endDate.getMonth() + 1,\n });\n }\n }, [dispatchAction, endDate]);\n\n /\n Handles the `Apply` action. Both single and ranged modes are handled here.\n /\n const handleApply = () => {\n setStartDate(startDate, true);\n setEndDate(endDate ?? startDate, true);\n\n onChange?.(startDate, endDate);\n\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && (!isDate(startDate) \|\| (rangeMode && !isDate(endDate)))) {\n return \"invalid\";\n }\n\n return \"valid\";\n });\n\n setCalendarOpen(false);\n };\n\n /\n Handles the `Cancel` action. Both single and ranged modes are handled here.\n /\n const handleCancel = () => {\n rollbackStartDate();\n rollbackEndDate();\n\n onCancel?.();\n\n setCalendarOpen(false);\n };\n\n /\n Handles the `Cancel` action. Both single and ranged modes are handled here.\n /\n const handleClear = () => {\n setStartDate(undefined, false);\n setEndDate(undefined, false);\n onClear?.();\n };\n\n const handleCalendarClose = () => {\n const shouldSave = !(rangeMode \|\| showActions);\n if (shouldSave) {\n handleApply();\n } else {\n handleCancel();\n }\n };\n\n const handleToggle = (evt, open) => {\n / \n If evt is null this toggle wasn't triggered by the user.\n instead it was triggered by the baseDropdown useEffect after\n the datepicker changed the expanded value this baseDropdown behavior needs a review\n /\n if (evt === null) return;\n setCalendarOpen(open);\n if (!open) handleCalendarClose();\n };\n\n const focusOnContainer = () => {\n focusTarget.current?.focus();\n };\n\n const handleDateChange = (event, newDate) => {\n if (!isDate(newDate)) return;\n\n const autoSave = !showActions && !rangeMode;\n\n if (rangeMode) {\n if (!startDate \|\| (startDate && endDate) \|\| newDate < startDate) {\n setStartDate(newDate);\n setEndDate(null);\n } else {\n setEndDate(newDate);\n }\n } else {\n setStartDate(newDate, autoSave);\n }\n\n if (autoSave) {\n onChange?.(newDate);\n\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && !isDate(newDate)) {\n return \"invalid\";\n }\n\n return \"valid\";\n });\n\n setCalendarOpen(false);\n }\n };\n\n const handleInputDateChange = (event, newDate, position) => {\n if (!isDate(newDate)) return;\n\n if (!rangeMode) {\n handleDateChange(event, newDate);\n return;\n }\n\n if (position === \"left\") {\n setStartDate(newDate > endDate ? endDate : newDate);\n } else if (position === \"right\") {\n if (!startDate) {\n setStartDate(newDate > endDate ? endDate : newDate);\n return;\n }\n setEndDate(newDate < startDate ? startDate : newDate);\n }\n };\n\n /\n Renders the container for the action elements.\n /\n const renderActions = () => (\n <HvActionBar\n className={clsx({\n [classes.actionContainer]: showClear,\n })}\n >\n {showClear && (\n <div className={classes.leftContainer}>\n <HvButton\n id={setId(id, \"action\", \"clear\")}\n className={classes.action}\n category=\"ghost\"\n onClick={handleClear}\n >\n {labels.clearLabel}\n </HvButton>\n </div>\n )}\n <div className={classes.rightContainer}>\n <HvButton\n id={setId(id, \"action\", \"apply\")}\n className={classes.action}\n category=\"ghost\"\n onClick={handleApply}\n >\n {labels.applyLabel}\n </HvButton>\n <HvButton\n id={setId(id, \"action\", \"cancel\")}\n className={classes.action}\n category=\"ghost\"\n onClick={handleCancel}\n >\n {labels.cancelLabel}\n </HvButton>\n </div>\n </HvActionBar>\n );\n\n const renderInput = (dateString) => (\n <HvTypography variant={dateString ? \"normalText\" : \"placeholderText\"}>\n {(dateString \|\| placeholder) === undefined ? \"\" : dateString \|\| placeholder}\n </HvTypography>\n );\n\n const dateValue = rangeMode ? { startDate, endDate } : startDate;\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 value={dateValue}\n status={validationState}\n disabled={disabled}\n required={required}\n className={clsx(className, classes.root)}\n locale={locale}\n readOnly={readOnly}\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 role=\"combobox\"\n classes={{\n root: classes.dropdown,\n panel: classes.panel,\n header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,\n headerOpen: classes.dropdownHeaderOpen,\n }}\n readOnly={readOnly}\n disabled={disabled}\n disablePortal={disablePortal}\n variableWidth\n placement={horizontalPlacement}\n expanded={calendarOpen}\n onToggle={handleToggle}\n onClickOutside={handleCalendarClose}\n onContainerCreation={focusOnContainer}\n placeholder={renderInput(getDateLabel(dateValue, rangeMode, locale))}\n adornment={<Calendar className={classes.icon} color={disabled ? \"atmo5\" : undefined} />}\n popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n aria-haspopup=\"dialog\"\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 {...dropdownProps}\n >\n <div ref={focusTarget} tabIndex={-1} />\n <HvCalendar\n id={setId(id, \"calendar\")}\n startAdornment={startAdornment}\n onChange={handleDateChange}\n onInputChange={handleInputDateChange}\n onVisibleDateChange={(_event, type, month, target) => {\n dispatchAction({ type, target, month });\n }}\n locale={locale}\n {...visibleDate}\n {...calendarProps}\n invalidDateLabel={labels.invalidDateLabel}\n />\n {(rangeMode \|\| showActions) && renderActions()}\n </HvBaseDropdown>\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvDatePicker.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 panel: PropTypes.string,\n action: PropTypes.string,\n icon: PropTypes.string,\n /\n Styles applied to the date picker when invalid.\n /\n dropdownHeaderInvalid: PropTypes.string,\n /\n Styles applied to the date picker when opened.\n /\n dropdownHeaderOpen: PropTypes.string,\n /\n Styles applied to the container that holds the actions buttons.\n /\n actionContainer: PropTypes.string,\n /\n Styles applied to the container that holds the clear button.\n /\n leftContainer: PropTypes.string,\n /\n Styles applied to the container that holds the apply and cancel button.\n /\n rightContainer: 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 date picker.\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 callback fired when user clicks on cancel.\n /\n onCancel: PropTypes.func,\n\n /\n The callback fired when user clicks on clear.\n /\n onClear: PropTypes.func,\n\n /\n An object containing all the labels for the datepicker.\n /\n labels: PropTypes.shape({\n /\n Apply button label.\n /\n applyLabel: PropTypes.string,\n /\n Cancel button label.\n /\n cancelLabel: PropTypes.string,\n /\n Clear button label.\n /\n clearLabel: PropTypes.string,\n /\n Invalid Date label.\n /\n invalidDateLabel: PropTypes.string,\n }),\n\n /\n The initial value of the input when in single calendar mode.\n /\n value: PropTypes.instanceOf(Date),\n /\n The initial value for the start date when in range mode.\n /\n startValue: PropTypes.instanceOf(Date),\n /\n The initial value for the end date when in range mode.\n /\n endValue: PropTypes.instanceOf(Date),\n /\n Flag informing if the the component should be in range mode or in single mode.\n /\n rangeMode: PropTypes.bool,\n /\n The placement where the calendar should be placed according to the input. Options are `left` or `right`.\n * Note this prop only affects the calendar when in `rangeMode`.\n /\n horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n /\n The calendar locale. If undefined, it uses calendar default\n /\n locale: PropTypes.string,\n\n /\n Controls if actions buttons are visible at the calendar.\n /\n showActions: PropTypes.bool,\n /\n Controls if clear button is visible at the calendar,\n * only works if showing actions or in range mode.\n /\n showClear: PropTypes.bool,\n /\n Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n /\n disablePortal: PropTypes.bool,\n /\n Sets if the calendar container should follow the date picker input out of the screen or stay visible.\n /\n escapeWithReference: PropTypes.bool,\n /\n An element placed before the Calendar\n /\n startAdornment: PropTypes.node,\n /\n An object containing props to be passed onto the baseDropdown.\n /\n dropdownProps: PropTypes.instanceOf(Object),\n /\n If `true` the DatePicker will be in read only mode, unable to be interacted.\n /\n readOnly: PropTypes.bool,\n /\n Additional props passed to the HvCalendar component.\n */\n calendarProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvDatePicker\", index: 1 })(HvDatePicker);\n"],"mappings":"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"}

package/dist/modern/FilterGroup/Counter/Counter.js CHANGED Viewed

@@ -20,7 +20,6 @@ const Counter = ({
   className,
   id
 }) => {
-  var _appliedFilters$flat;
   const classes = useStyles();
   const {
     filterOptions,
@@ -30,7 +29,7 @@ const Counter = ({
   const options = id ? [filterOptions.find(option => option.id === id)] : filterOptions;
   const optionIdx = filterOptions.findIndex(option => option.id === id);
   let groupsCounter = 0;
-  appliedFilters === null || appliedFilters === void 0 ? void 0 : (_appliedFilters$flat = appliedFilters.flat()) === null || _appliedFilters$flat === void 0 ? void 0 : _appliedFilters$flat.filter(elem => elem !== undefined).forEach((fg, i) => {
+  appliedFilters === null || appliedFilters === void 0 ? void 0 : appliedFilters.filter(elem => elem !== undefined).forEach((fg, i) => {
     groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);
   });
   const partialCounter = id ? getExistingFiltersById(optionIdx, filterValues, filterOptions) || 0 : groupsCounter;

package/dist/modern/FilterGroup/Counter/Counter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Counter.js","names":["React","useContext","clsx","PropTypes","FilterGroupContext","useStyles","getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","Counter","className","classes","appliedFilters","options","option","optionIdx","findIndex","groupsCounter","~~flat","~~filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","root","propTypes","string"],"sources":["../../../../src/FilterGroup/Counter/Counter.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\n\nconst getExistingFiltersById = (idx, filterValues, filterOptions) => {\n let total = 0;\n filterValues[idx]?.forEach((fv) => {\n if (filterOptions[idx]?.data.find((f) => f.id === fv)) {\n total += 1;\n }\n });\n return total;\n};\n\nconst Counter = ({ className, id }) => {\n const classes = useStyles();\n const { filterOptions, filterValues = [], appliedFilters = [] } = useContext(FilterGroupContext);\n\n const options = id ? [filterOptions.find((option) => option.id === id)] : filterOptions;\n const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n let groupsCounter = 0;\n appliedFilters\n ?.~~flat()\n ?.~~filter((elem) => elem !== undefined)\n .forEach((fg, i) => {\n groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);\n });\n\n const partialCounter = id\n ? getExistingFiltersById(optionIdx, filterValues, filterOptions) \|\| 0\n : groupsCounter;\n const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);\n\n return (\n <div className={clsx(classes.root, className)}>\n {partialCounter > 0 ? <b>{partialCounter}</b> : partialCounter}\n {` / ${totalCounter}`}\n </div>\n );\n};\n\nCounter.propTypes = {\n className: PropTypes.string,\n id: PropTypes.string,\n};\n\nexport default Counter;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,OAAOC,SAAS,MAAM,UAAU;AAAC;AAAA;AAEjC,MAAMC,sBAAsB,GAAG,CAACC,GAAG,EAAEC,YAAY,EAAEC,aAAa,KAAK;EAAA;EACnE,IAAIC,KAAK,GAAG,CAAC;EACb,qBAAAF,YAAY,CAACD,GAAG,CAAC,sDAAjB,kBAAmBI,OAAO,CAAEC,EAAE,IAAK;IAAA;IACjC,0BAAIH,aAAa,CAACF,GAAG,CAAC,+CAAlB,mBAAoBM,IAAI,CAACC,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACC,EAAE,KAAKJ,EAAE,CAAC,EAAE;MACrDF,KAAK,IAAI,CAAC;IACZ;EACF,CAAC,CAAC;EACF,OAAOA,KAAK;AACd,CAAC;AAED,MAAMO,OAAO,GAAG,CAAC;EAAEC,SAAS;EAAEF;AAAG,CAAC,KAAK;~~EAAA;~~EACrC,MAAMG,OAAO,GAAGd,SAAS,EAAE;EAC3B,MAAM;IAAEI,aAAa;IAAED,YAAY,GAAG,EAAE;IAAEY,cAAc,GAAG;EAAG,CAAC,GAAGnB,UAAU,CAACG,kBAAkB,CAAC;EAEhG,MAAMiB,OAAO,GAAGL,EAAE,GAAG,CAACP,aAAa,CAACK,IAAI,CAAEQ,MAAM,IAAKA,MAAM,CAACN,EAAE,KAAKA,EAAE,CAAC,CAAC,GAAGP,aAAa;EACvF,MAAMc,SAAS,GAAGd,aAAa,CAACe,SAAS,CAAEF,MAAM,IAAKA,MAAM,CAACN,EAAE,KAAKA,EAAE,CAAC;EAEvE,IAAIS,aAAa,GAAG,CAAC;EACrBL,cAAc,aAAdA,cAAc~~,+CAAdA~~,cAAc,CACVM,~~IAAI,EAAE,yDADV,qBAEIC,~~MAAM,CAAEC,IAAI,IAAKA,IAAI,KAAKC,SAAS,CAAC,~~CACrClB~~,OAAO,CAAC,~~CAACmB~~,EAAE,EAAEC,CAAC,KAAK;~~IAClBN~~,aAAa,IAAInB,sBAAsB,~~CAACyB~~,CAAC,~~EAAEvB~~,YAAY,EAAEC,aAAa,CAAC;EACzE,CAAC,CAAC;EAEJ,~~MAAMuB~~,cAAc,~~GAAGhB~~,EAAE,GACrBV,sBAAsB,CAACiB,SAAS,EAAEf,YAAY,EAAEC,aAAa,CAAC,IAAI,CAAC,GACnEgB,aAAa;EACjB,~~MAAMQ~~,YAAY,~~GAAGZ~~,OAAO,~~CAACa~~,MAAM,CAAC,CAACC,GAAG,~~EAAEb~~,MAAM,~~KAAKa~~,GAAG,~~GAAGb~~,MAAM,CAACT,IAAI,~~CAACuB~~,MAAM,EAAE,CAAC,CAAC;EAEjF,oBACE;IAAK,SAAS,~~EAAElC~~,IAAI,CAACiB,OAAO,~~CAACkB~~,IAAI,~~EAAEnB~~,SAAS,CAAE;IAAA,~~WAC3Cc~~,cAAc,GAAG,CAAC,gBAAG;MAAA,UAAIA;IAAc,EAAK,GAAGA,cAAc,EAC5D,MAAKC,YAAa,EAAC;EAAA,EACjB;AAEV,CAAC;AAED,~~wCAAAhB~~,OAAO,~~CAACqB~~,SAAS,GAAG;~~EAClBpB~~,SAAS,EAAEf,SAAS,~~CAACoC~~,MAAM;~~EAC3BvB~~,EAAE,EAAEb,SAAS,~~CAACoC~~;AAChB,CAAC;AAED,~~eAAetB~~,OAAO"}
1	+ {"version":3,"file":"Counter.js","names":["React","useContext","clsx","PropTypes","FilterGroupContext","useStyles","getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","Counter","className","classes","appliedFilters","options","option","optionIdx","findIndex","groupsCounter","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","root","propTypes","string"],"sources":["../../../../src/FilterGroup/Counter/Counter.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\n\nconst getExistingFiltersById = (idx, filterValues, filterOptions) => {\n let total = 0;\n filterValues[idx]?.forEach((fv) => {\n if (filterOptions[idx]?.data.find((f) => f.id === fv)) {\n total += 1;\n }\n });\n return total;\n};\n\nconst Counter = ({ className, id }) => {\n const classes = useStyles();\n const { filterOptions, filterValues = [], appliedFilters = [] } = useContext(FilterGroupContext);\n\n const options = id ? [filterOptions.find((option) => option.id === id)] : filterOptions;\n const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n let groupsCounter = 0;\n appliedFilters\n ?.filter((elem) => elem !== undefined)\n .forEach((fg, i) => {\n groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);\n });\n\n const partialCounter = id\n ? getExistingFiltersById(optionIdx, filterValues, filterOptions) \|\| 0\n : groupsCounter;\n const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);\n\n return (\n <div className={clsx(classes.root, className)}>\n {partialCounter > 0 ? <b>{partialCounter}</b> : partialCounter}\n {` / ${totalCounter}`}\n </div>\n );\n};\n\nCounter.propTypes = {\n className: PropTypes.string,\n id: PropTypes.string,\n};\n\nexport default Counter;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,OAAOC,SAAS,MAAM,UAAU;AAAC;AAAA;AAEjC,MAAMC,sBAAsB,GAAG,CAACC,GAAG,EAAEC,YAAY,EAAEC,aAAa,KAAK;EAAA;EACnE,IAAIC,KAAK,GAAG,CAAC;EACb,qBAAAF,YAAY,CAACD,GAAG,CAAC,sDAAjB,kBAAmBI,OAAO,CAAEC,EAAE,IAAK;IAAA;IACjC,0BAAIH,aAAa,CAACF,GAAG,CAAC,+CAAlB,mBAAoBM,IAAI,CAACC,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACC,EAAE,KAAKJ,EAAE,CAAC,EAAE;MACrDF,KAAK,IAAI,CAAC;IACZ;EACF,CAAC,CAAC;EACF,OAAOA,KAAK;AACd,CAAC;AAED,MAAMO,OAAO,GAAG,CAAC;EAAEC,SAAS;EAAEF;AAAG,CAAC,KAAK;EACrC,MAAMG,OAAO,GAAGd,SAAS,EAAE;EAC3B,MAAM;IAAEI,aAAa;IAAED,YAAY,GAAG,EAAE;IAAEY,cAAc,GAAG;EAAG,CAAC,GAAGnB,UAAU,CAACG,kBAAkB,CAAC;EAEhG,MAAMiB,OAAO,GAAGL,EAAE,GAAG,CAACP,aAAa,CAACK,IAAI,CAAEQ,MAAM,IAAKA,MAAM,CAACN,EAAE,KAAKA,EAAE,CAAC,CAAC,GAAGP,aAAa;EACvF,MAAMc,SAAS,GAAGd,aAAa,CAACe,SAAS,CAAEF,MAAM,IAAKA,MAAM,CAACN,EAAE,KAAKA,EAAE,CAAC;EAEvE,IAAIS,aAAa,GAAG,CAAC;EACrBL,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CACVM,MAAM,CAAEC,IAAI,IAAKA,IAAI,KAAKC,SAAS,CAAC,CACrCjB,OAAO,CAAC,CAACkB,EAAE,EAAEC,CAAC,KAAK;IAClBL,aAAa,IAAInB,sBAAsB,CAACwB,CAAC,EAAEtB,YAAY,EAAEC,aAAa,CAAC;EACzE,CAAC,CAAC;EAEJ,MAAMsB,cAAc,GAAGf,EAAE,GACrBV,sBAAsB,CAACiB,SAAS,EAAEf,YAAY,EAAEC,aAAa,CAAC,IAAI,CAAC,GACnEgB,aAAa;EACjB,MAAMO,YAAY,GAAGX,OAAO,CAACY,MAAM,CAAC,CAACC,GAAG,EAAEZ,MAAM,KAAKY,GAAG,GAAGZ,MAAM,CAACT,IAAI,CAACsB,MAAM,EAAE,CAAC,CAAC;EAEjF,oBACE;IAAK,SAAS,EAAEjC,IAAI,CAACiB,OAAO,CAACiB,IAAI,EAAElB,SAAS,CAAE;IAAA,WAC3Ca,cAAc,GAAG,CAAC,gBAAG;MAAA,UAAIA;IAAc,EAAK,GAAGA,cAAc,EAC5D,MAAKC,YAAa,EAAC;EAAA,EACjB;AAEV,CAAC;AAED,wCAAAf,OAAO,CAACoB,SAAS,GAAG;EAClBnB,SAAS,EAAEf,SAAS,CAACmC,MAAM;EAC3BtB,EAAE,EAAEb,SAAS,CAACmC;AAChB,CAAC;AAED,eAAerB,OAAO"}

package/dist/modern/FilterGroup/RightPanel/RightPanel.js CHANGED Viewed

@@ -27,7 +27,10 @@ const RightPanel = ({
     setFilterValues,
     activeGroup
   } = useContext(FilterGroupContext);
-  const activeGroupOptions = useMemo(() => filterOptions[activeGroup].data.map(option => option.id), [filterOptions, activeGroup]);
+  const activeGroupOptions = useMemo(() => {
+    var _filterOptions$active;
+    return ((_filterOptions$active = filterOptions[activeGroup]) === null || _filterOptions$active === void 0 ? void 0 : _filterOptions$active.data.filter(option => option.name.toLowerCase().includes(searchStr.toLowerCase())).map(option => option.id)) || [];
+  }, [filterOptions, activeGroup, searchStr]);
   const activeFilterValues = useMemo(() => {
     var _filterValues$activeG;
     return (_filterValues$activeG = filterValues[activeGroup]) === null || _filterValues$activeG === void 0 ? void 0 : _filterValues$activeG.filter(value => activeGroupOptions.includes(value));
@@ -57,9 +60,18 @@ const RightPanel = ({
   };
   const handleSelectAll = useCallback(() => {
     const newFilterValues = cloneDeep(filterValues);
-    newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;
+    if (anySelected) {
+      if (searchStr !== "") {
+        var _filterValues$activeG3;
+        newFilterValues[activeGroup] = (_filterValues$activeG3 = filterValues[activeGroup]) === null || _filterValues$activeG3 === void 0 ? void 0 : _filterValues$activeG3.filter(value => !activeGroupOptions.includes(value));
+      } else {
+        newFilterValues[activeGroup] = [];
+      }
+    } else {
+      newFilterValues[activeGroup] = [...filterValues[activeGroup], ...activeGroupOptions];
+    }
     setFilterValues(newFilterValues);
-  }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);
+  }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues, searchStr]);
   /**
    * Create selecteAll component.

package/dist/modern/FilterGroup/RightPanel/RightPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RightPanel.js","names":["React","useMemo","useContext","useState","useEffect","useCallback","PropTypes","cloneDeep","clsx","FilterGroupContext","useStyles","setId","HvTypography","HvList","HvInput","HvPanel","HvCheckBox","RightPanel","id","className","labels","emptyElement","classes","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","nbrSelected","length","hasSelection","allSelect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","container","selection","root","search","searchBoxPlaceholder","event","str","list","propTypes","string","shape","node"],"sources":["../../../../src/FilterGroup/RightPanel/RightPanel.js"],"sourcesContent":["import React, { useMemo, useContext, useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport clsx from \"clsx\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\nimport { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from \"../..\";\n\nconst RightPanel = ({ id, className, labels, emptyElement }) => {\n const classes = useStyles();\n const [searchStr, setSearchStr] = useState(\"\");\n const [allSelected, setAllSelected] = useState(false);\n const [anySelected, setAnySelected] = useState(false);\n\n const {\n filterOptions,\n filterValues = [],\n setFilterValues,\n activeGroup,\n } = useContext(FilterGroupContext);\n\n const activeGroupOptions = useMemo(\n () => filterOptions[activeGroup].data.map((option) => option.id),\n [filterOptions, activeGroup]\n );\n\n const activeFilterValues = useMemo(\n () => filterValues[activeGroup]?.filter((value) => activeGroupOptions.includes(value)),\n [filterValues, activeGroupOptions, activeGroup]\n );\n\n const listValues = useMemo(\n () =>\n filterOptions[activeGroup].data.map((option) => ({\n ...option,\n label: option.name,\n selected: filterValues[activeGroup]?.includes(option.id),\n isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n })),\n [filterOptions, filterValues, activeGroup, searchStr]\n );\n\n const updateSelectAll = useCallback(() => {\n const nbrSelected = activeFilterValues?.length;\n const hasSelection = nbrSelected > 0;\n const allSelect = nbrSelected === activeGroupOptions.length;\n\n setAnySelected(hasSelection);\n setAllSelected(hasSelection && allSelect);\n }, [activeFilterValues, activeGroupOptions]);\n\n useEffect(() => {\n updateSelectAll();\n }, [activeFilterValues, updateSelectAll]);\n\n useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n const onChangeHandler = (values) => {\n const newFilterValues = filterOptions.map((option, i) =>\n activeGroup === i\n ? values.filter((v) => v.selected).map((v) => v.id)\n : [...(filterValues[i] \|\| [])]\n );\n setFilterValues(newFilterValues);\n };\n\n const handleSelectAll = useCallback(() => {\n const newFilterValues = cloneDeep(filterValues);\n newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n setFilterValues(newFilterValues);\n }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);\n\n /*\n Create selecteAll component.\n \n @returns {}\n /\n const SelectAll = useCallback(() => {\n const { selectAll, multiSelectionConjunction } = labels;\n const nbrSelected = activeFilterValues?.length;\n\n const defaultLabel = (\n <HvTypography component=\"span\">\n {nbrSelected > 0 ? (\n <>\n <b>{nbrSelected}</b>\n {` ${multiSelectionConjunction} ${activeGroupOptions.length}`}\n </>\n ) : (\n <>\n <b>{selectAll}</b>\n {` (${activeGroupOptions.length})`}\n </>\n )}\n </HvTypography>\n );\n\n return (\n <div className={classes.selectAllContainer}>\n <HvCheckBox\n id={setId(id, \"select-all\")}\n label={defaultLabel}\n onChange={() => handleSelectAll()}\n classes={{ container: classes.selection }}\n className={classes.selectAll}\n indeterminate={anySelected && !allSelected}\n checked={allSelected}\n />\n </div>\n );\n }, [\n activeFilterValues?.length,\n activeGroupOptions.length,\n allSelected,\n anySelected,\n classes.selectAll,\n classes.selectAllContainer,\n classes.selection,\n handleSelectAll,\n id,\n labels,\n ]);\n\n return (\n <HvPanel id={setId(id, \"rightPanel\")} className={clsx(className, classes.root)}>\n {listValues.length > 0 ? (\n <>\n <HvInput\n id={setId(id, \"search\")}\n classes={{\n root: classes.search,\n }}\n type=\"search\"\n placeholder={labels.searchBoxPlaceholder}\n value={searchStr}\n onChange={(event, str) => setSearchStr(str)}\n />\n <SelectAll />\n <HvList\n key={activeGroup}\n id={setId(id, \"list\")}\n className={classes.list}\n values={listValues}\n multiSelect\n useSelector\n showSelectAll={false}\n onChange={onChangeHandler}\n selectable\n condensed\n hasTooltips\n />\n </>\n ) : (\n emptyElement\n )}\n </HvPanel>\n );\n};\n\nRightPanel.propTypes = {\n id: PropTypes.string,\n className: PropTypes.string,\n labels: PropTypes.shape({\n searchBoxPlaceholder: PropTypes.string,\n selectAll: PropTypes.string,\n multiSelectionConjunction: PropTypes.string,\n }),\n emptyElement: PropTypes.node,\n};\n\nexport default RightPanel;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,QAAQ,OAAO;AACpF,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,kBAAkB;AACxC,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,OAAOC,SAAS,MAAM,UAAU;AAChC,SAASC,KAAK,EAAEC,YAAY,EAAEC,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAEC,UAAU,QAAQ,OAAO;AAAC;AAAA;AAAA;AAElF,MAAMC,UAAU,GAAG,CAAC;EAAEC,EAAE;EAAEC,SAAS;EAAEC,MAAM;EAAEC;AAAa,CAAC,KAAK;EAC9D,MAAMC,OAAO,GAAGZ,SAAS,EAAE;EAC3B,MAAM,CAACa,SAAS,EAAEC,YAAY,CAAC,GAAGrB,QAAQ,CAAC,EAAE,CAAC;EAC9C,MAAM,CAACsB,WAAW,EAAEC,cAAc,CAAC,GAAGvB,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAM,CAACwB,WAAW,EAAEC,cAAc,CAAC,GAAGzB,QAAQ,CAAC,KAAK,CAAC;EAErD,MAAM;IACJ0B,aAAa;IACbC,YAAY,GAAG,EAAE;IACjBC,eAAe;IACfC;EACF,CAAC,GAAG9B,UAAU,CAACO,kBAAkB,CAAC;EAElC,MAAMwB,kBAAkB,GAAGhC,OAAO,CAChC,MAAM4B,aAAa,CAACG,WAAW,CAAC,CAACE,IAAI,CAACC,GAAG,CAAEC,MAAM,IAAKA,MAAM,CAAClB,EAAE,CAAC,EAChE,CAACW,aAAa,EAAEG,WAAW,CAAC,CAC7B;EAED,MAAMK,kBAAkB,GAAGpC,OAAO,CAChC;IAAA;IAAA,gCAAM6B,YAAY,CAACE,WAAW,CAAC,0DAAzB,sBAA2BM,MAAM,CAAEC,KAAK,IAAKN,kBAAkB,CAACO,QAAQ,CAACD,KAAK,CAAC,CAAC;EAAA,GACtF,CAACT,YAAY,EAAEG,kBAAkB,EAAED,WAAW,CAAC,CAChD;EAED,MAAMS,UAAU,GAAGxC,OAAO,CACxB,MACE4B,aAAa,CAACG,WAAW,CAAC,CAACE,IAAI,CAACC,GAAG,CAAEC,MAAM;IAAA;IAAA,uCACtCA,MAAM;MACTM,KAAK,EAAEN,MAAM,CAACO,IAAI;MAClBC,QAAQ,4BAAEd,YAAY,CAACE,WAAW,CAAC,2DAAzB,uBAA2BQ,QAAQ,CAACJ,MAAM,CAAClB,EAAE,CAAC;MACxD2B,QAAQ,EAAET,MAAM,CAACO,IAAI,CAACG,WAAW,EAAE,CAACC,OAAO,CAACxB,SAAS,CAACuB,WAAW,EAAE,CAAC,GAAG;IAAC;EAAA,CACxE,CAAC,EACL,CAACjB,aAAa,EAAEC,YAAY,EAAEE,WAAW,EAAET,SAAS,CAAC,CACtD;EAED,MAAMyB,eAAe,GAAG3C,WAAW,CAAC,MAAM;IACxC,MAAM4C,WAAW,GAAGZ,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAEa,MAAM;IAC9C,MAAMC,YAAY,GAAGF,WAAW,GAAG,CAAC;IACpC,MAAMG,SAAS,GAAGH,WAAW,KAAKhB,kBAAkB,CAACiB,MAAM;IAE3DtB,cAAc,CAACuB,YAAY,CAAC;IAC5BzB,cAAc,CAACyB,YAAY,IAAIC,SAAS,CAAC;EAC3C,CAAC,EAAE,CAACf,kBAAkB,EAAEJ,kBAAkB,CAAC,CAAC;EAE5C7B,SAAS,CAAC,MAAM;IACd4C,eAAe,EAAE;EACnB,CAAC,EAAE,CAACX,kBAAkB,EAAEW,eAAe,CAAC,CAAC;EAEzC5C,SAAS,CAAC,MAAMoB,YAAY,CAAC,EAAE,CAAC,EAAE,CAACQ,WAAW,CAAC,CAAC;EAEhD,MAAMqB,eAAe,GAAIC,MAAM,IAAK;IAClC,MAAMC,eAAe,GAAG1B,aAAa,CAACM,GAAG,CAAC,CAACC,MAAM,EAAEoB,CAAC,KAClDxB,WAAW,KAAKwB,CAAC,GACbF,MAAM,CAAChB,MAAM,CAAEmB,CAAC,IAAKA,CAAC,CAACb,QAAQ,CAAC,CAACT,GAAG,CAAEsB,CAAC,IAAKA,CAAC,CAACvC,EAAE,CAAC,GACjD,CAAC,IAAIY,YAAY,CAAC0B,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CACjC;IACDzB,eAAe,CAACwB,eAAe,CAAC;EAClC,CAAC;EAED,MAAMG,eAAe,GAAGrD,WAAW,CAAC,MAAM;IACxC,MAAMkD,eAAe,GAAGhD,SAAS,CAACuB,YAAY,CAAC;IAC/CyB,eAAe,CAACvB,WAAW,CAAC,GAAGL,WAAW,GAAG,EAAE,GAAGM,kBAAkB;IAEpEF,eAAe,CAACwB,eAAe,CAAC;EAClC,CAAC,EAAE,CAACvB,WAAW,EAAEC,kBAAkB,EAAEN,WAAW,EAAEG,YAAY,EAAEC,eAAe,CAAC,CAAC;;EAEjF;AACF;AACA;AACA;AACA;EACE,MAAM4B,SAAS,GAAGtD,WAAW,CAAC,MAAM;IAClC,MAAM;MAAEuD,SAAS;MAAEC;IAA0B,CAAC,GAAGzC,MAAM;IACvD,MAAM6B,WAAW,GAAGZ,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAEa,MAAM;IAE9C,MAAMY,YAAY,gBAChB,KAAC,YAAY;MAAC,SAAS,EAAC,MAAM;MAAA,UAC3Bb,WAAW,GAAG,CAAC,gBACd;QAAA,wBACE;UAAA,UAAIA;QAAW,EAAK,EAClB,IAAGY,yBAA0B,IAAG5B,kBAAkB,CAACiB,MAAO,EAAC;MAAA,EAC5D,gBAEH;QAAA,wBACE;UAAA,UAAIU;QAAS,EAAK,EAChB,KAAI3B,kBAAkB,CAACiB,MAAO,GAAE;MAAA;IAErC,EAEJ;IAED,oBACE;MAAK,SAAS,EAAE5B,OAAO,CAACyC,kBAAmB;MAAA,uBACzC,KAAC,UAAU;QACT,EAAE,EAAEpD,KAAK,CAACO,EAAE,EAAE,YAAY,CAAE;QAC5B,KAAK,EAAE4C,YAAa;QACpB,QAAQ,EAAE,MAAMJ,eAAe,EAAG;QAClC,OAAO,EAAE;UAAEM,SAAS,EAAE1C,OAAO,CAAC2C;QAAU,CAAE;QAC1C,SAAS,EAAE3C,OAAO,CAACsC,SAAU;QAC7B,aAAa,EAAEjC,WAAW,IAAI,CAACF,WAAY;QAC3C,OAAO,EAAEA;MAAY;IACrB,EACE;EAEV,CAAC,EAAE,CACDY,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAEa,MAAM,EAC1BjB,kBAAkB,CAACiB,MAAM,EACzBzB,WAAW,EACXE,WAAW,EACXL,OAAO,CAACsC,SAAS,EACjBtC,OAAO,CAACyC,kBAAkB,EAC1BzC,OAAO,CAAC2C,SAAS,EACjBP,eAAe,EACfxC,EAAE,EACFE,MAAM,CACP,CAAC;EAEF,oBACE,KAAC,OAAO;IAAC,EAAE,EAAET,KAAK,CAACO,EAAE,EAAE,YAAY,CAAE;IAAC,SAAS,EAAEV,IAAI,CAACW,SAAS,EAAEG,OAAO,CAAC4C,IAAI,CAAE;IAAA,UAC5EzB,UAAU,CAACS,MAAM,GAAG,CAAC,gBACpB;MAAA,wBACE,KAAC,OAAO;QACN,EAAE,EAAEvC,KAAK,CAACO,EAAE,EAAE,QAAQ,CAAE;QACxB,OAAO,EAAE;UACPgD,IAAI,EAAE5C,OAAO,CAAC6C;QAChB,CAAE;QACF,IAAI,EAAC,QAAQ;QACb,WAAW,EAAE/C,MAAM,CAACgD,oBAAqB;QACzC,KAAK,EAAE7C,SAAU;QACjB,QAAQ,EAAE,CAAC8C,KAAK,EAAEC,GAAG,KAAK9C,YAAY,CAAC8C,GAAG;MAAE,EAC5C,eACF,KAAC,SAAS,KAAG,eACb,KAAC,MAAM;QAEL,EAAE,EAAE3D,KAAK,CAACO,EAAE,EAAE,MAAM,CAAE;QACtB,SAAS,EAAEI,OAAO,CAACiD,IAAK;QACxB,MAAM,EAAE9B,UAAW;QACnB,WAAW;QACX,WAAW;QACX,aAAa,EAAE,KAAM;QACrB,QAAQ,EAAEY,eAAgB;QAC1B,UAAU;QACV,SAAS;QACT,WAAW;MAAA,GAVNrB,WAAW,CAWhB;IAAA,EACD,GAEHX;EACD,EACO;AAEd,CAAC;AAED,wCAAAJ,UAAU,CAACuD,SAAS,GAAG;EACrBtD,EAAE,EAAEZ,SAAS,CAACmE,MAAM;EACpBtD,SAAS,EAAEb,SAAS,CAACmE,MAAM;EAC3BrD,MAAM,EAAEd,SAAS,CAACoE,KAAK,CAAC;IACtBN,oBAAoB,EAAE9D,SAAS,CAACmE,MAAM;IACtCb,SAAS,EAAEtD,SAAS,CAACmE,MAAM;IAC3BZ,yBAAyB,EAAEvD,SAAS,CAACmE;EACvC,CAAC,CAAC;EACFpD,YAAY,EAAEf,SAAS,CAACqE;AAC1B,CAAC;AAED,eAAe1D,UAAU"}
1	+ {"version":3,"file":"RightPanel.js","names":["React","useMemo","useContext","useState","useEffect","useCallback","PropTypes","cloneDeep","clsx","FilterGroupContext","useStyles","setId","HvTypography","HvList","HvInput","HvPanel","HvCheckBox","RightPanel","id","className","labels","emptyElement","classes","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","data","filter","option","name","toLowerCase","includes","map","activeFilterValues","value","listValues","label","selected","isHidden","indexOf","updateSelectAll","nbrSelected","length","hasSelection","allSelect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","container","selection","root","search","searchBoxPlaceholder","event","str","list","propTypes","string","shape","node"],"sources":["../../../../src/FilterGroup/RightPanel/RightPanel.js"],"sourcesContent":["import React, { useMemo, useContext, useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport clsx from \"clsx\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\nimport { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from \"../..\";\n\nconst RightPanel = ({ id, className, labels, emptyElement }) => {\n const classes = useStyles();\n const [searchStr, setSearchStr] = useState(\"\");\n const [allSelected, setAllSelected] = useState(false);\n const [anySelected, setAnySelected] = useState(false);\n\n const {\n filterOptions,\n filterValues = [],\n setFilterValues,\n activeGroup,\n } = useContext(FilterGroupContext);\n\n const activeGroupOptions = useMemo(\n () =>\n filterOptions[activeGroup]?.data\n .filter((option) => option.name.toLowerCase().includes(searchStr.toLowerCase()))\n .map((option) => option.id) \|\| [],\n [filterOptions, activeGroup, searchStr]\n );\n\n const activeFilterValues = useMemo(\n () => filterValues[activeGroup]?.filter((value) => activeGroupOptions.includes(value)),\n [filterValues, activeGroupOptions, activeGroup]\n );\n\n const listValues = useMemo(\n () =>\n filterOptions[activeGroup].data.map((option) => ({\n ...option,\n label: option.name,\n selected: filterValues[activeGroup]?.includes(option.id),\n isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n })),\n [filterOptions, filterValues, activeGroup, searchStr]\n );\n\n const updateSelectAll = useCallback(() => {\n const nbrSelected = activeFilterValues?.length;\n const hasSelection = nbrSelected > 0;\n const allSelect = nbrSelected === activeGroupOptions.length;\n\n setAnySelected(hasSelection);\n setAllSelected(hasSelection && allSelect);\n }, [activeFilterValues, activeGroupOptions]);\n\n useEffect(() => {\n updateSelectAll();\n }, [activeFilterValues, updateSelectAll]);\n\n useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n const onChangeHandler = (values) => {\n const newFilterValues = filterOptions.map((option, i) =>\n activeGroup === i\n ? values.filter((v) => v.selected).map((v) => v.id)\n : [...(filterValues[i] \|\| [])]\n );\n setFilterValues(newFilterValues);\n };\n\n const handleSelectAll = useCallback(() => {\n const newFilterValues = cloneDeep(filterValues);\n\n if (anySelected) {\n if (searchStr !== \"\") {\n newFilterValues[activeGroup] = filterValues[activeGroup]?.filter(\n (value) => !activeGroupOptions.includes(value)\n );\n } else {\n newFilterValues[activeGroup] = [];\n }\n } else {\n newFilterValues[activeGroup] = [...filterValues[activeGroup], ...activeGroupOptions];\n }\n\n setFilterValues(newFilterValues);\n }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues, searchStr]);\n\n /*\n Create selecteAll component.\n \n @returns {}\n /\n const SelectAll = useCallback(() => {\n const { selectAll, multiSelectionConjunction } = labels;\n const nbrSelected = activeFilterValues?.length;\n\n const defaultLabel = (\n <HvTypography component=\"span\">\n {nbrSelected > 0 ? (\n <>\n <b>{nbrSelected}</b>\n {` ${multiSelectionConjunction} ${activeGroupOptions.length}`}\n </>\n ) : (\n <>\n <b>{selectAll}</b>\n {` (${activeGroupOptions.length})`}\n </>\n )}\n </HvTypography>\n );\n\n return (\n <div className={classes.selectAllContainer}>\n <HvCheckBox\n id={setId(id, \"select-all\")}\n label={defaultLabel}\n onChange={() => handleSelectAll()}\n classes={{ container: classes.selection }}\n className={classes.selectAll}\n indeterminate={anySelected && !allSelected}\n checked={allSelected}\n />\n </div>\n );\n }, [\n activeFilterValues?.length,\n activeGroupOptions.length,\n allSelected,\n anySelected,\n classes.selectAll,\n classes.selectAllContainer,\n classes.selection,\n handleSelectAll,\n id,\n labels,\n ]);\n\n return (\n <HvPanel id={setId(id, \"rightPanel\")} className={clsx(className, classes.root)}>\n {listValues.length > 0 ? (\n <>\n <HvInput\n id={setId(id, \"search\")}\n classes={{\n root: classes.search,\n }}\n type=\"search\"\n placeholder={labels.searchBoxPlaceholder}\n value={searchStr}\n onChange={(event, str) => setSearchStr(str)}\n />\n <SelectAll />\n <HvList\n key={activeGroup}\n id={setId(id, \"list\")}\n className={classes.list}\n values={listValues}\n multiSelect\n useSelector\n showSelectAll={false}\n onChange={onChangeHandler}\n selectable\n condensed\n hasTooltips\n />\n </>\n ) : (\n emptyElement\n )}\n </HvPanel>\n );\n};\n\nRightPanel.propTypes = {\n id: PropTypes.string,\n className: PropTypes.string,\n labels: PropTypes.shape({\n searchBoxPlaceholder: PropTypes.string,\n selectAll: PropTypes.string,\n multiSelectionConjunction: PropTypes.string,\n }),\n emptyElement: PropTypes.node,\n};\n\nexport default RightPanel;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,QAAQ,OAAO;AACpF,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,kBAAkB;AACxC,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,OAAOC,SAAS,MAAM,UAAU;AAChC,SAASC,KAAK,EAAEC,YAAY,EAAEC,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAEC,UAAU,QAAQ,OAAO;AAAC;AAAA;AAAA;AAElF,MAAMC,UAAU,GAAG,CAAC;EAAEC,EAAE;EAAEC,SAAS;EAAEC,MAAM;EAAEC;AAAa,CAAC,KAAK;EAC9D,MAAMC,OAAO,GAAGZ,SAAS,EAAE;EAC3B,MAAM,CAACa,SAAS,EAAEC,YAAY,CAAC,GAAGrB,QAAQ,CAAC,EAAE,CAAC;EAC9C,MAAM,CAACsB,WAAW,EAAEC,cAAc,CAAC,GAAGvB,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAM,CAACwB,WAAW,EAAEC,cAAc,CAAC,GAAGzB,QAAQ,CAAC,KAAK,CAAC;EAErD,MAAM;IACJ0B,aAAa;IACbC,YAAY,GAAG,EAAE;IACjBC,eAAe;IACfC;EACF,CAAC,GAAG9B,UAAU,CAACO,kBAAkB,CAAC;EAElC,MAAMwB,kBAAkB,GAAGhC,OAAO,CAChC;IAAA;IAAA,OACE,0BAAA4B,aAAa,CAACG,WAAW,CAAC,0DAA1B,sBAA4BE,IAAI,CAC7BC,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,IAAI,CAACC,WAAW,EAAE,CAACC,QAAQ,CAAChB,SAAS,CAACe,WAAW,EAAE,CAAC,CAAC,CAC/EE,GAAG,CAAEJ,MAAM,IAAKA,MAAM,CAAClB,EAAE,CAAC,KAAI,EAAE;EAAA,GACrC,CAACW,aAAa,EAAEG,WAAW,EAAET,SAAS,CAAC,CACxC;EAED,MAAMkB,kBAAkB,GAAGxC,OAAO,CAChC;IAAA;IAAA,gCAAM6B,YAAY,CAACE,WAAW,CAAC,0DAAzB,sBAA2BG,MAAM,CAAEO,KAAK,IAAKT,kBAAkB,CAACM,QAAQ,CAACG,KAAK,CAAC,CAAC;EAAA,GACtF,CAACZ,YAAY,EAAEG,kBAAkB,EAAED,WAAW,CAAC,CAChD;EAED,MAAMW,UAAU,GAAG1C,OAAO,CACxB,MACE4B,aAAa,CAACG,WAAW,CAAC,CAACE,IAAI,CAACM,GAAG,CAAEJ,MAAM;IAAA;IAAA,uCACtCA,MAAM;MACTQ,KAAK,EAAER,MAAM,CAACC,IAAI;MAClBQ,QAAQ,4BAAEf,YAAY,CAACE,WAAW,CAAC,2DAAzB,uBAA2BO,QAAQ,CAACH,MAAM,CAAClB,EAAE,CAAC;MACxD4B,QAAQ,EAAEV,MAAM,CAACC,IAAI,CAACC,WAAW,EAAE,CAACS,OAAO,CAACxB,SAAS,CAACe,WAAW,EAAE,CAAC,GAAG;IAAC;EAAA,CACxE,CAAC,EACL,CAACT,aAAa,EAAEC,YAAY,EAAEE,WAAW,EAAET,SAAS,CAAC,CACtD;EAED,MAAMyB,eAAe,GAAG3C,WAAW,CAAC,MAAM;IACxC,MAAM4C,WAAW,GAAGR,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAES,MAAM;IAC9C,MAAMC,YAAY,GAAGF,WAAW,GAAG,CAAC;IACpC,MAAMG,SAAS,GAAGH,WAAW,KAAKhB,kBAAkB,CAACiB,MAAM;IAE3DtB,cAAc,CAACuB,YAAY,CAAC;IAC5BzB,cAAc,CAACyB,YAAY,IAAIC,SAAS,CAAC;EAC3C,CAAC,EAAE,CAACX,kBAAkB,EAAER,kBAAkB,CAAC,CAAC;EAE5C7B,SAAS,CAAC,MAAM;IACd4C,eAAe,EAAE;EACnB,CAAC,EAAE,CAACP,kBAAkB,EAAEO,eAAe,CAAC,CAAC;EAEzC5C,SAAS,CAAC,MAAMoB,YAAY,CAAC,EAAE,CAAC,EAAE,CAACQ,WAAW,CAAC,CAAC;EAEhD,MAAMqB,eAAe,GAAIC,MAAM,IAAK;IAClC,MAAMC,eAAe,GAAG1B,aAAa,CAACW,GAAG,CAAC,CAACJ,MAAM,EAAEoB,CAAC,KAClDxB,WAAW,KAAKwB,CAAC,GACbF,MAAM,CAACnB,MAAM,CAAEsB,CAAC,IAAKA,CAAC,CAACZ,QAAQ,CAAC,CAACL,GAAG,CAAEiB,CAAC,IAAKA,CAAC,CAACvC,EAAE,CAAC,GACjD,CAAC,IAAIY,YAAY,CAAC0B,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CACjC;IACDzB,eAAe,CAACwB,eAAe,CAAC;EAClC,CAAC;EAED,MAAMG,eAAe,GAAGrD,WAAW,CAAC,MAAM;IACxC,MAAMkD,eAAe,GAAGhD,SAAS,CAACuB,YAAY,CAAC;IAE/C,IAAIH,WAAW,EAAE;MACf,IAAIJ,SAAS,KAAK,EAAE,EAAE;QAAA;QACpBgC,eAAe,CAACvB,WAAW,CAAC,6BAAGF,YAAY,CAACE,WAAW,CAAC,2DAAzB,uBAA2BG,MAAM,CAC7DO,KAAK,IAAK,CAACT,kBAAkB,CAACM,QAAQ,CAACG,KAAK,CAAC,CAC/C;MACH,CAAC,MAAM;QACLa,eAAe,CAACvB,WAAW,CAAC,GAAG,EAAE;MACnC;IACF,CAAC,MAAM;MACLuB,eAAe,CAACvB,WAAW,CAAC,GAAG,CAAC,GAAGF,YAAY,CAACE,WAAW,CAAC,EAAE,GAAGC,kBAAkB,CAAC;IACtF;IAEAF,eAAe,CAACwB,eAAe,CAAC;EAClC,CAAC,EAAE,CAACvB,WAAW,EAAEC,kBAAkB,EAAEN,WAAW,EAAEG,YAAY,EAAEC,eAAe,EAAER,SAAS,CAAC,CAAC;;EAE5F;AACF;AACA;AACA;AACA;EACE,MAAMoC,SAAS,GAAGtD,WAAW,CAAC,MAAM;IAClC,MAAM;MAAEuD,SAAS;MAAEC;IAA0B,CAAC,GAAGzC,MAAM;IACvD,MAAM6B,WAAW,GAAGR,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAES,MAAM;IAE9C,MAAMY,YAAY,gBAChB,KAAC,YAAY;MAAC,SAAS,EAAC,MAAM;MAAA,UAC3Bb,WAAW,GAAG,CAAC,gBACd;QAAA,wBACE;UAAA,UAAIA;QAAW,EAAK,EAClB,IAAGY,yBAA0B,IAAG5B,kBAAkB,CAACiB,MAAO,EAAC;MAAA,EAC5D,gBAEH;QAAA,wBACE;UAAA,UAAIU;QAAS,EAAK,EAChB,KAAI3B,kBAAkB,CAACiB,MAAO,GAAE;MAAA;IAErC,EAEJ;IAED,oBACE;MAAK,SAAS,EAAE5B,OAAO,CAACyC,kBAAmB;MAAA,uBACzC,KAAC,UAAU;QACT,EAAE,EAAEpD,KAAK,CAACO,EAAE,EAAE,YAAY,CAAE;QAC5B,KAAK,EAAE4C,YAAa;QACpB,QAAQ,EAAE,MAAMJ,eAAe,EAAG;QAClC,OAAO,EAAE;UAAEM,SAAS,EAAE1C,OAAO,CAAC2C;QAAU,CAAE;QAC1C,SAAS,EAAE3C,OAAO,CAACsC,SAAU;QAC7B,aAAa,EAAEjC,WAAW,IAAI,CAACF,WAAY;QAC3C,OAAO,EAAEA;MAAY;IACrB,EACE;EAEV,CAAC,EAAE,CACDgB,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAES,MAAM,EAC1BjB,kBAAkB,CAACiB,MAAM,EACzBzB,WAAW,EACXE,WAAW,EACXL,OAAO,CAACsC,SAAS,EACjBtC,OAAO,CAACyC,kBAAkB,EAC1BzC,OAAO,CAAC2C,SAAS,EACjBP,eAAe,EACfxC,EAAE,EACFE,MAAM,CACP,CAAC;EAEF,oBACE,KAAC,OAAO;IAAC,EAAE,EAAET,KAAK,CAACO,EAAE,EAAE,YAAY,CAAE;IAAC,SAAS,EAAEV,IAAI,CAACW,SAAS,EAAEG,OAAO,CAAC4C,IAAI,CAAE;IAAA,UAC5EvB,UAAU,CAACO,MAAM,GAAG,CAAC,gBACpB;MAAA,wBACE,KAAC,OAAO;QACN,EAAE,EAAEvC,KAAK,CAACO,EAAE,EAAE,QAAQ,CAAE;QACxB,OAAO,EAAE;UACPgD,IAAI,EAAE5C,OAAO,CAAC6C;QAChB,CAAE;QACF,IAAI,EAAC,QAAQ;QACb,WAAW,EAAE/C,MAAM,CAACgD,oBAAqB;QACzC,KAAK,EAAE7C,SAAU;QACjB,QAAQ,EAAE,CAAC8C,KAAK,EAAEC,GAAG,KAAK9C,YAAY,CAAC8C,GAAG;MAAE,EAC5C,eACF,KAAC,SAAS,KAAG,eACb,KAAC,MAAM;QAEL,EAAE,EAAE3D,KAAK,CAACO,EAAE,EAAE,MAAM,CAAE;QACtB,SAAS,EAAEI,OAAO,CAACiD,IAAK;QACxB,MAAM,EAAE5B,UAAW;QACnB,WAAW;QACX,WAAW;QACX,aAAa,EAAE,KAAM;QACrB,QAAQ,EAAEU,eAAgB;QAC1B,UAAU;QACV,SAAS;QACT,WAAW;MAAA,GAVNrB,WAAW,CAWhB;IAAA,EACD,GAEHX;EACD,EACO;AAEd,CAAC;AAED,wCAAAJ,UAAU,CAACuD,SAAS,GAAG;EACrBtD,EAAE,EAAEZ,SAAS,CAACmE,MAAM;EACpBtD,SAAS,EAAEb,SAAS,CAACmE,MAAM;EAC3BrD,MAAM,EAAEd,SAAS,CAACoE,KAAK,CAAC;IACtBN,oBAAoB,EAAE9D,SAAS,CAACmE,MAAM;IACtCb,SAAS,EAAEtD,SAAS,CAACmE,MAAM;IAC3BZ,yBAAyB,EAAEvD,SAAS,CAACmE;EACvC,CAAC,CAAC;EACFpD,YAAY,EAAEf,SAAS,CAACqE;AAC1B,CAAC;AAED,eAAe1D,UAAU"}

package/dist/modern/OverflowTooltip/OverflowTooltip.js CHANGED Viewed

@@ -37,8 +37,8 @@ const HvOverflowTooltip = ({
   placement = "top-start",
   tooltipsProps
 }) => {
-  var _ref$current;
   const {
+    height = 0,
     width = 0,
     ref
   } = useResizeDetector({
@@ -48,10 +48,19 @@ const HvOverflowTooltip = ({
     },
     handleHeight: false
   });
-  const scrollWidth = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollWidth) || 0;
-  // The difference should be higher than a pixel to be considered as overflowing
-  const isOverflowing = scrollWidth - width >= 1;
   const isParag = useMemo(() => paragraphOverflow && isParagraph(data.toString()), [data, paragraphOverflow]);
+  // The difference should be higher than a pixel to be considered as overflowing
+  const isOverflowing = useMemo(() => {
+    var _ref$current2;
+    if (isParag) {
+      var _ref$current;
+      const scrollHeight = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollHeight) || 0;
+      return scrollHeight - height >= 1;
+    }
+    const scrollWidth = ((_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.scrollWidth) || 0;
+    return scrollWidth - width >= 1;
+  }, [height, isParag, ref, width]);
   const content = useMemo(() => /*#__PURE__*/_jsx("div", {
     ref: ref,
     className: clsx(className, isParag ? classes.tooltipAnchorParagraph : classes.tooltipAnchor),

package/dist/modern/OverflowTooltip/OverflowTooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OverflowTooltip.js","names":["React","useMemo","clsx","PropTypes","useResizeDetector","withStyles","createStyles","HvTooltip","HvTypography","styles","tooltipData","tooltipAnchor","whiteSpace","overflow","textOverflow","tooltipAnchorParagraph","display","isParagraph","children","test","HvOverflowTooltip","id","className","classes","data","open","paragraphOverflow","placement","tooltipsProps","width","ref","refreshMode","refreshOptions","trailing","handleHeight","~~scrollWidth~~","~~current~~","isOverflowing","~~isParag~~","~~toString~~","content","propTypes","string","node","shape","root","isRequired","bool","oneOf","instanceOf","Object","name","memo","RawOverflowTooltip"],"sources":["../../../src/OverflowTooltip/OverflowTooltip.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { withStyles, createStyles } from \"@mui/styles\";\n\nimport { HvTooltip, HvTypography } from \"..\";\n\nconst styles = createStyles({\n tooltipData: {},\n tooltipAnchor: {\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n },\n tooltipAnchorParagraph: {\n overflow: \"hidden\",\n display: \"-webkit-box\",\n \"-webkit-line-clamp\": 2,\n \"-webkit-box-orient\": \"vertical\",\n },\n});\n\nconst isParagraph = (children) => /\\s/.test(children);\n\n/*\n This component generates a tooltip whenever the text is overflowed.\n /\nconst HvOverflowTooltip = ({\n id,\n className,\n classes,\n data,\n open,\n paragraphOverflow,\n placement = \"top-start\",\n tooltipsProps,\n}) => {\n const { width = 0, ref } = useResizeDetector({\n refreshMode: \"debounce\",\n refreshOptions: {\n trailing: true,\n },\n handleHeight: false,\n });\n const ~~scrollWidth~~ = ~~ref~~.~~current?.scrollWidth~~ ~~\|\| 0~~;\n // The difference should be higher than a pixel to be considered as overflowing\n const isOverflowing = ~~scrollWidth~~ - ~~width~~ >= 1;\n\n const ~~isParag~~ = ~~useMemo(~~\n () => ~~paragraphOverflow~~ && ~~isParagraph(data.toString()),\~~n [~~data~~, ~~paragraphOverflow~~]\n );\n\n const content = useMemo(\n () => (\n <div\n ref={ref}\n className={clsx(className, {\n [classes.tooltipAnchor]: !isParag,\n [classes.tooltipAnchorParagraph]: isParag,\n })}\n >\n {data}\n </div>\n ),\n [className, classes.tooltipAnchor, classes.tooltipAnchorParagraph, data, isParag, ref]\n );\n\n return open \|\| isOverflowing ? (\n <HvTooltip\n id={id}\n disableHoverListener={!isOverflowing}\n open={open}\n placement={placement}\n title={\n <HvTypography className={classes.tooltipData} variant=\"normalText\">\n {data}\n </HvTypography>\n }\n {...tooltipsProps}\n >\n {content}\n </HvTooltip>\n ) : (\n content\n );\n};\n\nHvOverflowTooltip.propTypes = {\n /\n Id to be applied to the tooltip.\n /\n id: PropTypes.string,\n /\n The node that will be rendered inside the tooltip.\n /\n data: PropTypes.node,\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes: PropTypes.shape({\n /\n Styles applied to the root of the component.\n /\n root: PropTypes.string,\n /\n Styles applied to the data container in the tooltip.\n /\n tooltipData: PropTypes.string,\n /\n Styles applied to the anchor of the tooltip.\n /\n tooltipAnchor: PropTypes.string,\n /\n Styles applied to the anchor of the when it is a paragraph.\n /\n tooltipAnchorParagraph: PropTypes.string,\n }).isRequired,\n /\n If `true` the overflow tooltip will always use the paragraph overflow style.\n /\n paragraphOverflow: PropTypes.bool,\n /\n Tooltip placement.\n /\n placement: PropTypes.oneOf([\n \"bottom-end\",\n \"bottom-start\",\n \"bottom\",\n \"left-end\",\n \"left-start\",\n \"left\",\n \"right-end\",\n \"right-start\",\n \"right\",\n \"top-end\",\n \"top-start\",\n \"top\",\n ]),\n /\n If true, the tooltip is shown.\n /\n open: PropTypes.bool,\n /\n Extra properties to add to the tooltip.\n */\n tooltipsProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, {\n name: \"HvOverflowTooltip\",\n})(React.memo(HvOverflowTooltip));\n\nexport { HvOverflowTooltip as RawOverflowTooltip };\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,iBAAiB,QAAQ,uBAAuB;AAEzD,SAASC,UAAU,EAAEC,YAAY,QAAQ,aAAa;AAEtD,SAASC,SAAS,EAAEC,YAAY,QAAQ,IAAI;AAAC;AAE7C,MAAMC,MAAM,GAAGH,YAAY,CAAC;EAC1BI,WAAW,EAAE,CAAC,CAAC;EACfC,aAAa,EAAE;IACbC,UAAU,EAAE,QAAQ;IACpBC,QAAQ,EAAE,QAAQ;IAClBC,YAAY,EAAE;EAChB,CAAC;EACDC,sBAAsB,EAAE;IACtBF,QAAQ,EAAE,QAAQ;IAClBG,OAAO,EAAE,aAAa;IACtB,oBAAoB,EAAE,CAAC;IACvB,oBAAoB,EAAE;EACxB;AACF,CAAC,CAAC;AAEF,MAAMC,WAAW,GAAIC,QAAQ,IAAK,IAAI,CAACC,IAAI,CAACD,QAAQ,CAAC;;AAErD;AACA;AACA;AACA,MAAME,iBAAiB,GAAG,CAAC;EACzBC,EAAE;EACFC,SAAS;EACTC,OAAO;EACPC,IAAI;EACJC,IAAI;EACJC,iBAAiB;EACjBC,SAAS,GAAG,WAAW;EACvBC;AACF,CAAC,KAAK;~~EAAA;~~EACJ,MAAM;~~IAAEC~~,KAAK,GAAG,CAAC;~~IAAEC~~;~~EAAI~~,CAAC,~~GAAG1B~~,iBAAiB,CAAC;~~IAC3C2B~~,WAAW,EAAE,UAAU;IACvBC,cAAc,EAAE;MACdC,QAAQ,EAAE;IACZ,CAAC;IACDC,YAAY,EAAE;EAChB,CAAC,CAAC;~~EACF~~,MAAMC,WAAW,GAAG,~~iBAAAL~~,GAAG,~~CAACM~~,OAAO,iDAAX,aAAaD,~~WAAW~~,KAAI,CAAC;~~EACjD;EACA~~,~~MAAME~~,~~aAAa~~,~~GAAGF~~,~~WAAW~~,~~GAAGN,KAAK,~~IAAI,CAAC;~~EAE9C~~,~~MAAMS~~,~~OAAO~~,~~GAAGrC~~,OAAO,~~CACrB~~,~~MAAMyB~~,~~iBAAiB~~,~~IAAIT~~,WAAW,~~CAACO~~,IAAI,~~CAACe~~,~~QAAQ~~,EAAE,~~CAAC~~,~~EACvD~~,~~CAACf~~,~~IAAI~~,~~EAAEE~~,~~iBAAiB~~,CAAC,~~CAC1B~~;~~EAED~~,~~MAAMc~~,OAAO,~~GAAGvC~~,OAAO,CACrB,mBACE;IACE,GAAG,~~EAAE6B~~,GAAI;IACT,SAAS,~~EAAE5B~~,IAAI,CAACoB,SAAS,~~EAEWgB~~,OAAO,~~GAAxCf~~,OAAO,CAACR,sBAAsB,GAD9BQ,OAAO,CAACZ,aAAa,CAErB;IAAA,UAEFa;EAAI,EAER,EACD,CAACF,SAAS,EAAEC,OAAO,CAACZ,aAAa,EAAEY,OAAO,CAACR,sBAAsB,EAAES,IAAI,~~EAAEc~~,OAAO,~~EAAER~~,GAAG,CAAC,CACvF;EAED,~~OAAOL~~,IAAI,~~IAAIY~~,aAAa,gBAC1B,KAAC,SAAS;IACR,EAAE,~~EAAEhB~~,EAAG;IACP,oBAAoB,EAAE,~~CAACgB~~,aAAc;IACrC,IAAI,~~EAAEZ~~,IAAK;IACX,SAAS,EAAEE,SAAU;IACrB,KAAK,eACH,KAAC,YAAY;MAAC,SAAS,EAAEJ,OAAO,CAACb,WAAY;MAAC,OAAO,EAAC,YAAY;MAAA,UAC/Dc;IAAI;EAER,GACGI,aAAa;IAAA,~~UAEhBY~~;EAAO,GACE,GAEZA,OACD;AACH,CAAC;AAED,~~wCAAApB~~,iBAAiB,~~CAACqB~~,SAAS,GAAG;EAC5B;AACF;AACA;~~EACEpB~~,EAAE,EAAElB,SAAS,~~CAACuC~~,MAAM;EACpB;AACF;AACA;~~EACElB~~,IAAI,EAAErB,SAAS,~~CAACwC~~,IAAI;EACpB;AACF;AACA;~~EACErB~~,SAAS,EAAEnB,SAAS,~~CAACuC~~,MAAM;EAC3B;AACF;AACA;~~EACEnB~~,OAAO,EAAEpB,SAAS,~~CAACyC~~,KAAK,CAAC;IACvB;AACJ;AACA;IACIC,IAAI,~~EAAE1C~~,SAAS,~~CAACuC~~,MAAM;IACtB;AACJ;AACA;~~IACIhC~~,WAAW,EAAEP,SAAS,~~CAACuC~~,MAAM;IAC7B;AACJ;AACA;~~IACI/B~~,aAAa,EAAER,SAAS,~~CAACuC~~,MAAM;IAC/B;AACJ;AACA;~~IACI3B~~,sBAAsB,EAAEZ,SAAS,~~CAACuC~~;EACpC,CAAC,CAAC,CAACI,UAAU;EACb;AACF;AACA;~~EACEpB~~,iBAAiB,EAAEvB,SAAS,~~CAAC4C~~,IAAI;EACjC;AACF;AACA;~~EACEpB~~,SAAS,EAAExB,SAAS,~~CAAC6C~~,KAAK,CAAC,CACzB,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,MAAM,EACN,WAAW,EACX,aAAa,EACb,OAAO,EACP,SAAS,EACT,WAAW,EACX,KAAK,CACN,CAAC;EACF;AACF;AACA;~~EACEvB~~,IAAI,EAAEtB,SAAS,~~CAAC4C~~,IAAI;EACpB;AACF;AACA;~~EACEnB~~,aAAa,EAAEzB,SAAS,~~CAAC8C~~,UAAU,CAACC,MAAM;AAC5C,CAAC;AAED,~~eAAe7C~~,UAAU,CAACI,MAAM,EAAE;~~EAChC0C~~,IAAI,EAAE;AACR,CAAC,CAAC,~~eAACnD~~,KAAK,~~CAACoD~~,IAAI,~~CAAChC~~,iBAAiB,CAAC,CAAC;AAEjC,SAASA,iBAAiB,~~IAAIiC~~,kBAAkB"}
1	+ {"version":3,"file":"OverflowTooltip.js","names":["React","useMemo","clsx","PropTypes","useResizeDetector","withStyles","createStyles","HvTooltip","HvTypography","styles","tooltipData","tooltipAnchor","whiteSpace","overflow","textOverflow","tooltipAnchorParagraph","display","isParagraph","children","test","HvOverflowTooltip","id","className","classes","data","open","paragraphOverflow","placement","tooltipsProps","height","width","ref","refreshMode","refreshOptions","trailing","handleHeight","isParag","toString","isOverflowing","scrollHeight","current","scrollWidth","content","propTypes","string","node","shape","root","isRequired","bool","oneOf","instanceOf","Object","name","memo","RawOverflowTooltip"],"sources":["../../../src/OverflowTooltip/OverflowTooltip.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { withStyles, createStyles } from \"@mui/styles\";\n\nimport { HvTooltip, HvTypography } from \"..\";\n\nconst styles = createStyles({\n tooltipData: {},\n tooltipAnchor: {\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n },\n tooltipAnchorParagraph: {\n overflow: \"hidden\",\n display: \"-webkit-box\",\n \"-webkit-line-clamp\": 2,\n \"-webkit-box-orient\": \"vertical\",\n },\n});\n\nconst isParagraph = (children) => /\\s/.test(children);\n\n/*\n This component generates a tooltip whenever the text is overflowed.\n /\nconst HvOverflowTooltip = ({\n id,\n className,\n classes,\n data,\n open,\n paragraphOverflow,\n placement = \"top-start\",\n tooltipsProps,\n}) => {\n const {\n height = 0,\n width = 0,\n ref,\n } = useResizeDetector({\n refreshMode: \"debounce\",\n refreshOptions: {\n trailing: true,\n },\n handleHeight: false,\n });\n\n const isParag = useMemo(\n () => paragraphOverflow && isParagraph(data.toString()),\n [data, paragraphOverflow]\n );\n\n // The difference should be higher than a pixel to be considered as overflowing\n const isOverflowing = useMemo(() => {\n if (isParag) {\n const scrollHeight = ref.current?.scrollHeight \|\| 0;\n\n return scrollHeight - height >= 1;\n }\n\n const scrollWidth = ref.current?.scrollWidth \|\| 0;\n\n return scrollWidth - width >= 1;\n }, [height, isParag, ref, width]);\n\n const content = useMemo(\n () => (\n <div\n ref={ref}\n className={clsx(className, {\n [classes.tooltipAnchor]: !isParag,\n [classes.tooltipAnchorParagraph]: isParag,\n })}\n >\n {data}\n </div>\n ),\n [className, classes.tooltipAnchor, classes.tooltipAnchorParagraph, data, isParag, ref]\n );\n\n return open \|\| isOverflowing ? (\n <HvTooltip\n id={id}\n disableHoverListener={!isOverflowing}\n open={open}\n placement={placement}\n title={\n <HvTypography className={classes.tooltipData} variant=\"normalText\">\n {data}\n </HvTypography>\n }\n {...tooltipsProps}\n >\n {content}\n </HvTooltip>\n ) : (\n content\n );\n};\n\nHvOverflowTooltip.propTypes = {\n /\n Id to be applied to the tooltip.\n /\n id: PropTypes.string,\n /\n The node that will be rendered inside the tooltip.\n /\n data: PropTypes.node,\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes: PropTypes.shape({\n /\n Styles applied to the root of the component.\n /\n root: PropTypes.string,\n /\n Styles applied to the data container in the tooltip.\n /\n tooltipData: PropTypes.string,\n /\n Styles applied to the anchor of the tooltip.\n /\n tooltipAnchor: PropTypes.string,\n /\n Styles applied to the anchor of the when it is a paragraph.\n /\n tooltipAnchorParagraph: PropTypes.string,\n }).isRequired,\n /\n If `true` the overflow tooltip will always use the paragraph overflow style.\n /\n paragraphOverflow: PropTypes.bool,\n /\n Tooltip placement.\n /\n placement: PropTypes.oneOf([\n \"bottom-end\",\n \"bottom-start\",\n \"bottom\",\n \"left-end\",\n \"left-start\",\n \"left\",\n \"right-end\",\n \"right-start\",\n \"right\",\n \"top-end\",\n \"top-start\",\n \"top\",\n ]),\n /\n If true, the tooltip is shown.\n /\n open: PropTypes.bool,\n /\n Extra properties to add to the tooltip.\n */\n tooltipsProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, {\n name: \"HvOverflowTooltip\",\n})(React.memo(HvOverflowTooltip));\n\nexport { HvOverflowTooltip as RawOverflowTooltip };\n"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "4.4.3",
+  "version": "4.4.5",
   "description": "A collection of React components for the Hitachi Vantara's Design System.",
   "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "license": "Apache-2.0",
@@ -84,5 +84,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1306e807ca35c09ab5d243cb10a3c8aae600d6fe"
+  "gitHead": "72651250a3d72b341970cbebd7f5c274c6ba36ee"
 }