npm - @hitachivantara/uikit-react-core - Versions diffs - 5.0.0-next.7 → 5.0.0-next.9 - Mend

@hitachivantara/uikit-react-core 5.0.0-next.7 → 5.0.0-next.9

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 (876) hide show

package/dist/esm/components/CheckBoxGroup/CheckBoxGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckBoxGroup.js","sources":["../../../../src/components/CheckBoxGroup/CheckBoxGroup.tsx"],"sourcesContent":["import { HvFormStatus } from \"../Forms\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n StyledFormElement,\n StyledGroupContainer,\n StyledLabel,\n} from \"./CheckBoxGroup.styles\";\nimport clsx from \"clsx\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport { multiSelectionEventHandler, setId } from \"utils\";\nimport { HvCheckBox, HvInfoMessage, HvWarningText } from \"components\";\nimport { Children, cloneElement, useCallback, useMemo, useRef } from \"react\";\nimport checkBoxGroupClasses, {\n HvCheckBoxGroupClasses,\n} from \"./checkBoxGroupClasses\";\n\nconst computeSelectAllState = (selected, total) => {\n if (selected === 0) {\n return \"none\";\n }\n\n if (selected === total) {\n return \"all\";\n }\n\n return \"some\";\n};\n\nconst getValueFromSelectedChildren = (children: React.ReactNode) => {\n const selectedValues = Children.toArray(children)\n .map((child: any) => {\n const childIsControlled = child?.props?.checked !== undefined;\n const childIsSelected = childIsControlled\n ? child?.props?.checked\n : child?.props?.defaultChecked;\n\n return childIsSelected ? child?.props?.value : undefined;\n })\n .filter((v) => v !== undefined);\n\n return selectedValues;\n};\n\nexport type HvCheckBoxGroupProps = HvBaseProps<HTMLDivElement, { onChange }> & {\n /*\n The form element name.\n \n It is propagated to the children checkboxes, unless they already have one.\n /\n name?: string;\n /\n The value of the form element. An array of values represented in the child checkboxes.\n \n When defined the checkbox group state becomes controlled.\n /\n value?: any[];\n /\n When uncontrolled, defines the initial value.\n /\n defaultValue?: any[];\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?: React.ReactNode;\n /\n Provide additional descriptive text for the form element.\n /\n description?: React.ReactNode;\n /\n Indicates that the form element is disabled.\n * If `true` the state is propagated to the children checkboxes.\n /\n disabled?: boolean;\n /\n Indicates that the form element is not editable.\n * If `true` the state is propagated to the children checkboxes.\n /\n readOnly?: boolean;\n /\n Indicates that user input is required on the form element.\n /\n required?: boolean;\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?: HvFormStatus;\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?: React.ReactNode;\n /\n The callback fired when the value changes.\n /\n onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: any[]) => void;\n /\n Indicates whether the checkbox group's orientation is horizontal or vertical.\n \n Defaults to vertical.\n /\n orientation?: \"vertical\" \| \"horizontal\";\n /\n Indicates if an additional select all checkbox should be shown.\n /\n showSelectAll?: boolean;\n /\n The label of the select all checkbox. Defaults to \"All\".\n /\n selectAllLabel?: string;\n /\n Custom label for select all checkbox conjunction\n /\n selectAllConjunctionLabel?: string;\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes?: HvCheckBoxGroupClasses;\n};\n\n/\n A group of checkboxes.\n \n A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.\n */\nexport const HvCheckBoxGroup = ({\n id,\n classes,\n className,\n children,\n name,\n label,\n description,\n status,\n statusMessage,\n defaultValue,\n value: valueProp,\n required = false,\n readOnly = false,\n disabled = false,\n showSelectAll = false,\n orientation = \"vertical\",\n selectAllLabel = \"All\",\n selectAllConjunctionLabel = \"/\",\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-errormessage\": ariaErrorMessage,\n onChange,\n ...others\n}: HvCheckBoxGroupProps) => {\n const [value, setValue] = useControlled(\n valueProp,\n defaultValue !== undefined\n ? defaultValue\n : // When uncontrolled and no default value is given,\n // extract the initial selected values from the children own state\n () => getValueFromSelectedChildren(children)\n );\n\n const [validationState, setValidationState] = useControlled(\n status,\n \"standBy\"\n );\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const elementId = useUniqueId(id, \"hvcheckboxgroup\");\n\n const selectionAnchor = useRef(undefined);\n\n const [allValues, selectedState, selectedCount] = useMemo(() => {\n const childValues: any[] = [];\n const childSelectedState: boolean[] = [];\n let childSelectedCounter = 0;\n\n Children.toArray(children).forEach((child: any, i: number) => {\n const childValue = child?.props?.value;\n const childIsSelected = value.indexOf(childValue) !== -1;\n\n childValues[i] = childValue;\n childSelectedState[i] = childIsSelected;\n\n if (childIsSelected) {\n childSelectedCounter += 1;\n }\n });\n\n return [childValues, childSelectedState, childSelectedCounter];\n }, [children, value]);\n\n const selectAllState = computeSelectAllState(\n value.length,\n selectedState.length\n );\n\n const onChildChangeInterceptor = useCallback(\n (\n index: number,\n childOnChange: (\n event: React.ChangeEvent<HTMLInputElement>,\n isChecked: boolean\n ) => void,\n event: React.ChangeEvent<HTMLInputElement>,\n isChecked: boolean\n ) => {\n const newValue = multiSelectionEventHandler(\n event,\n index,\n selectionAnchor,\n allValues,\n selectedState,\n isChecked\n );\n\n childOnChange?.(event, isChecked);\n\n onChange?.(event, newValue);\n\n setValue(() => {\n // This will only run if uncontrolled\n\n if (required && newValue.length === 0) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newValue;\n });\n },\n [allValues, onChange, required, selectedState, setValidationState, setValue]\n );\n\n const modifiedChildren = useMemo(() => {\n return Children.map(children, (child: any, i: number) => {\n const childIsSelected = selectedState[i];\n\n return cloneElement(child, {\n checked: childIsSelected,\n name: child?.props?.name \|\| name,\n onChange: (\n event: React.ChangeEvent<HTMLInputElement>,\n isChecked: boolean\n ) =>\n onChildChangeInterceptor(i, child?.props?.onChange, event, isChecked),\n disabled: disabled \|\| child?.props?.disabled,\n readOnly: readOnly \|\| child?.props?.readOnly,\n });\n });\n }, [\n children,\n disabled,\n name,\n onChildChangeInterceptor,\n readOnly,\n selectedState,\n ]);\n\n const handleSelectAll = (\n event: React.ChangeEvent<HTMLInputElement>,\n selectAllChecked: boolean\n ) => {\n let newValue: any[];\n if (selectAllChecked) {\n newValue = [...allValues];\n } else {\n newValue = [];\n }\n\n onChange?.(event, newValue);\n\n setValue(() => {\n // This will only run if uncontrolled\n if (required && newValue.length === 0) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newValue;\n });\n };\n\n const selectAllLabelComponent = (\n <>\n {selectedCount === 0 ? (\n <>\n <b>{selectAllLabel}</b>\n {` (${Children.toArray(children).length})`}\n </>\n ) : (\n <>\n <b>{selectedCount}</b>\n {` ${selectAllConjunctionLabel} ${Children.toArray(children).length}`}\n </>\n )}\n </>\n );\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) \|\|\n (status === undefined && required));\n\n const errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n\n return (\n <StyledFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(className, classes?.root, checkBoxGroupClasses.root)}\n >\n {label && (\n <StyledLabel\n id={setId(elementId, \"label\")}\n label={label}\n className={clsx(classes?.label, checkBoxGroupClasses.label)}\n />\n )}\n\n {description && (\n <HvInfoMessage id={setId(elementId, \"description\")}>\n {description}\n </HvInfoMessage>\n )}\n\n <StyledGroupContainer\n role=\"group\"\n aria-label={ariaLabel}\n aria-labelledby={\n ariaLabelledBy \|\| (label && setId(elementId, \"label\")) \|\| undefined\n }\n aria-disabled={disabled ? true : undefined}\n aria-invalid={validationState === \"invalid\" ? true : undefined}\n aria-errormessage={\n validationState === \"invalid\" ? errorMessageId : undefined\n }\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy]\n .join(\" \")\n .trim() \|\| undefined\n }\n className={clsx(\n classes?.group,\n checkBoxGroupClasses.group,\n orientation === \"vertical\" &&\n clsx(classes?.vertical, checkBoxGroupClasses.vertical),\n orientation === \"horizontal\" &&\n clsx(classes?.horizontal, checkBoxGroupClasses.horizontal),\n validationState === \"invalid\" &&\n clsx(classes?.invalid, checkBoxGroupClasses.invalid)\n )}\n $vertical={orientation === \"vertical\"}\n $horizontal={orientation === \"horizontal\"}\n $invalid={validationState === \"invalid\"}\n {...others}\n >\n {showSelectAll && (\n <HvCheckBox\n checked={selectAllState === \"all\"}\n indeterminate={selectAllState === \"some\"}\n label={selectAllLabelComponent}\n disabled={disabled}\n readOnly={readOnly}\n className={clsx(classes?.selectAll, checkBoxGroupClasses.selectAll)}\n onChange={handleSelectAll}\n />\n )}\n {modifiedChildren}\n </StyledGroupContainer>\n\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n disableBorder\n className={clsx(classes?.error, checkBoxGroupClasses.error)}\n >\n {validationMessage}\n </HvWarningText>\n )}\n </StyledFormElement>\n );\n};\n"],"names":["computeSelectAllState","selected","total","getValueFromSelectedChildren","children","selectedValues","Children","toArray","map","child","childIsControlled","props","checked","undefined","childIsSelected","defaultChecked","value","filter","v","HvCheckBoxGroup","id","classes","className","name","label","description","status","statusMessage","defaultValue","valueProp","required","readOnly","disabled","showSelectAll","orientation","selectAllLabel","selectAllConjunctionLabel","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","onChange","others","setValue","useControlled","validationState","setValidationState","validationMessage","elementId","useUniqueId","selectionAnchor","useRef","allValues","selectedState","selectedCount","useMemo","childValues","childSelectedState","childSelectedCounter","forEach","i","childValue","indexOf","selectAllState","length","onChildChangeInterceptor","useCallback","index","childOnChange","event","isChecked","newValue","multiSelectionEventHandler","modifiedChildren","cloneElement","handleSelectAll","selectAllChecked","selectAllLabelComponent","_Fragment","_jsxs","_jsx","canShowError","errorMessageId","setId","StyledFormElement","clsx","root","checkBoxGroupClasses","StyledLabel","HvInfoMessage","StyledGroupContainer","role","join","trim","group","vertical","horizontal","invalid","$vertical","$horizontal","$invalid","HvCheckBox","indeterminate","selectAll","HvWarningText","disableBorder","error"],"mappings":"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"}
1	+ {"version":3,"file":"CheckBoxGroup.js","sources":["../../../../src/components/CheckBoxGroup/CheckBoxGroup.tsx"],"sourcesContent":["import { HvFormStatus } from \"../Forms\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n StyledFormElement,\n StyledGroupContainer,\n StyledLabel,\n} from \"./CheckBoxGroup.styles\";\nimport clsx from \"clsx\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport { multiSelectionEventHandler, setId } from \"utils\";\nimport { HvCheckBox, HvInfoMessage, HvWarningText } from \"components\";\nimport { Children, cloneElement, useCallback, useMemo, useRef } from \"react\";\nimport checkBoxGroupClasses, {\n HvCheckBoxGroupClasses,\n} from \"./checkBoxGroupClasses\";\n\nconst computeSelectAllState = (selected, total) => {\n if (selected === 0) {\n return \"none\";\n }\n\n if (selected === total) {\n return \"all\";\n }\n\n return \"some\";\n};\n\nconst getValueFromSelectedChildren = (children: React.ReactNode) => {\n const selectedValues = Children.toArray(children)\n .map((child: any) => {\n const childIsControlled = child?.props?.checked !== undefined;\n const childIsSelected = childIsControlled\n ? child?.props?.checked\n : child?.props?.defaultChecked;\n\n return childIsSelected ? child?.props?.value : undefined;\n })\n .filter((v) => v !== undefined);\n\n return selectedValues;\n};\n\nexport type HvCheckBoxGroupProps = HvBaseProps<HTMLDivElement, { onChange }> & {\n /*\n The form element name.\n \n It is propagated to the children checkboxes, unless they already have one.\n /\n name?: string;\n /\n The value of the form element. An array of values represented in the child checkboxes.\n \n When defined the checkbox group state becomes controlled.\n /\n value?: any[];\n /\n When uncontrolled, defines the initial value.\n /\n defaultValue?: any[];\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?: React.ReactNode;\n /\n Provide additional descriptive text for the form element.\n /\n description?: React.ReactNode;\n /\n Indicates that the form element is disabled.\n * If `true` the state is propagated to the children checkboxes.\n /\n disabled?: boolean;\n /\n Indicates that the form element is not editable.\n * If `true` the state is propagated to the children checkboxes.\n /\n readOnly?: boolean;\n /\n Indicates that user input is required on the form element.\n /\n required?: boolean;\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?: HvFormStatus;\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?: React.ReactNode;\n /\n The callback fired when the value changes.\n /\n onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: any[]) => void;\n /\n Indicates whether the checkbox group's orientation is horizontal or vertical.\n \n Defaults to vertical.\n /\n orientation?: \"vertical\" \| \"horizontal\";\n /\n Indicates if an additional select all checkbox should be shown.\n /\n showSelectAll?: boolean;\n /\n The label of the select all checkbox. Defaults to \"All\".\n /\n selectAllLabel?: string;\n /\n Custom label for select all checkbox conjunction\n /\n selectAllConjunctionLabel?: string;\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes?: HvCheckBoxGroupClasses;\n};\n\n/\n A group of checkboxes.\n \n A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.\n */\nexport const HvCheckBoxGroup = ({\n id,\n classes,\n className,\n children,\n name,\n label,\n description,\n status,\n statusMessage,\n defaultValue,\n value: valueProp,\n required = false,\n readOnly = false,\n disabled = false,\n showSelectAll = false,\n orientation = \"vertical\",\n selectAllLabel = \"All\",\n selectAllConjunctionLabel = \"/\",\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-errormessage\": ariaErrorMessage,\n onChange,\n ...others\n}: HvCheckBoxGroupProps) => {\n const [value, setValue] = useControlled(\n valueProp,\n defaultValue !== undefined\n ? defaultValue\n : // When uncontrolled and no default value is given,\n // extract the initial selected values from the children own state\n () => getValueFromSelectedChildren(children)\n );\n\n const [validationState, setValidationState] = useControlled(\n status,\n \"standBy\"\n );\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const elementId = useUniqueId(id, \"hvcheckboxgroup\");\n\n const selectionAnchor = useRef(undefined);\n\n const [allValues, selectedState, selectedCount] = useMemo(() => {\n const childValues: any[] = [];\n const childSelectedState: boolean[] = [];\n let childSelectedCounter = 0;\n\n Children.toArray(children).forEach((child: any, i: number) => {\n const childValue = child?.props?.value;\n const childIsSelected = value.indexOf(childValue) !== -1;\n\n childValues[i] = childValue;\n childSelectedState[i] = childIsSelected;\n\n if (childIsSelected) {\n childSelectedCounter += 1;\n }\n });\n\n return [childValues, childSelectedState, childSelectedCounter];\n }, [children, value]);\n\n const selectAllState = computeSelectAllState(\n value.length,\n selectedState.length\n );\n\n const onChildChangeInterceptor = useCallback(\n (\n index: number,\n childOnChange: (\n event: React.ChangeEvent<HTMLInputElement>,\n isChecked: boolean\n ) => void,\n event: React.ChangeEvent<HTMLInputElement>,\n isChecked: boolean\n ) => {\n const newValue = multiSelectionEventHandler(\n event,\n index,\n selectionAnchor,\n allValues,\n selectedState,\n isChecked\n );\n\n childOnChange?.(event, isChecked);\n\n onChange?.(event, newValue);\n\n setValue(() => {\n // This will only run if uncontrolled\n\n if (required && newValue.length === 0) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newValue;\n });\n },\n [allValues, onChange, required, selectedState, setValidationState, setValue]\n );\n\n const modifiedChildren = useMemo(() => {\n return Children.map(children, (child: any, i: number) => {\n const childIsSelected = selectedState[i];\n\n return cloneElement(child, {\n checked: childIsSelected,\n name: child?.props?.name \|\| name,\n onChange: (\n event: React.ChangeEvent<HTMLInputElement>,\n isChecked: boolean\n ) =>\n onChildChangeInterceptor(i, child?.props?.onChange, event, isChecked),\n disabled: disabled \|\| child?.props?.disabled,\n readOnly: readOnly \|\| child?.props?.readOnly,\n });\n });\n }, [\n children,\n disabled,\n name,\n onChildChangeInterceptor,\n readOnly,\n selectedState,\n ]);\n\n const handleSelectAll = (\n event: React.ChangeEvent<HTMLInputElement>,\n selectAllChecked: boolean\n ) => {\n let newValue: any[];\n if (selectAllChecked) {\n newValue = [...allValues];\n } else {\n newValue = [];\n }\n\n onChange?.(event, newValue);\n\n setValue(() => {\n // This will only run if uncontrolled\n if (required && newValue.length === 0) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newValue;\n });\n };\n\n const selectAllLabelComponent = (\n <>\n {selectedCount === 0 ? (\n <>\n <b>{selectAllLabel}</b>\n {` (${Children.toArray(children).length})`}\n </>\n ) : (\n <>\n <b>{selectedCount}</b>\n {` ${selectAllConjunctionLabel} ${Children.toArray(children).length}`}\n </>\n )}\n </>\n );\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) \|\|\n (status === undefined && required));\n\n const errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n\n return (\n <StyledFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(className, classes?.root, checkBoxGroupClasses.root)}\n >\n {label && (\n <StyledLabel\n id={setId(elementId, \"label\")}\n label={label}\n className={clsx(classes?.label, checkBoxGroupClasses.label)}\n />\n )}\n\n {description && (\n <HvInfoMessage id={setId(elementId, \"description\")}>\n {description}\n </HvInfoMessage>\n )}\n\n <StyledGroupContainer\n role=\"group\"\n aria-label={ariaLabel}\n aria-labelledby={\n ariaLabelledBy \|\| (label && setId(elementId, \"label\")) \|\| undefined\n }\n aria-disabled={disabled ? true : undefined}\n aria-invalid={validationState === \"invalid\" ? true : undefined}\n aria-errormessage={\n validationState === \"invalid\" ? errorMessageId : undefined\n }\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy]\n .join(\" \")\n .trim() \|\| undefined\n }\n className={clsx(\n classes?.group,\n checkBoxGroupClasses.group,\n orientation === \"vertical\" &&\n clsx(classes?.vertical, checkBoxGroupClasses.vertical),\n orientation === \"horizontal\" &&\n clsx(classes?.horizontal, checkBoxGroupClasses.horizontal),\n validationState === \"invalid\" &&\n clsx(classes?.invalid, checkBoxGroupClasses.invalid)\n )}\n $vertical={orientation === \"vertical\"}\n $horizontal={orientation === \"horizontal\"}\n $invalid={validationState === \"invalid\"}\n {...others}\n >\n {showSelectAll && (\n <HvCheckBox\n checked={selectAllState === \"all\"}\n indeterminate={selectAllState === \"some\"}\n label={selectAllLabelComponent}\n disabled={disabled}\n readOnly={readOnly}\n className={clsx(classes?.selectAll, checkBoxGroupClasses.selectAll)}\n onChange={handleSelectAll}\n />\n )}\n {modifiedChildren}\n </StyledGroupContainer>\n\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n disableBorder\n className={clsx(classes?.error, checkBoxGroupClasses.error)}\n >\n {validationMessage}\n </HvWarningText>\n )}\n </StyledFormElement>\n );\n};\n"],"names":["computeSelectAllState","selected","total","getValueFromSelectedChildren","children","selectedValues","Children","toArray","map","child","childIsControlled","props","checked","undefined","childIsSelected","defaultChecked","value","filter","v","HvCheckBoxGroup","id","classes","className","name","label","description","status","statusMessage","defaultValue","valueProp","required","readOnly","disabled","showSelectAll","orientation","selectAllLabel","selectAllConjunctionLabel","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","onChange","others","setValue","useControlled","validationState","setValidationState","validationMessage","elementId","useUniqueId","selectionAnchor","useRef","allValues","selectedState","selectedCount","useMemo","childValues","childSelectedState","childSelectedCounter","forEach","i","childValue","indexOf","selectAllState","length","onChildChangeInterceptor","useCallback","index","childOnChange","event","isChecked","newValue","multiSelectionEventHandler","modifiedChildren","cloneElement","handleSelectAll","selectAllChecked","selectAllLabelComponent","canShowError","errorMessageId","setId","clsx","root","checkBoxGroupClasses","join","trim","group","vertical","horizontal","invalid","selectAll","error"],"mappings":"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"}

package/dist/esm/components/Container/Container.js CHANGED Viewed

@@ -1,9 +1,9 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import { useTheme } from "@mui/material/styles";
 import { forwardRef } from "react";
 import { StyledRoot } from "./Container.styles.js";
 import containerClasses from "./containerClasses.js";
 import clsx from "clsx";
-import { jsx } from "@emotion/react/jsx-runtime";
 const HvContainer = forwardRef(({
   maxWidth = false,
   classes,
@@ -12,14 +12,16 @@ const HvContainer = forwardRef(({
   ...others
 }, ref) => {
   const muiTheme = useTheme();
-  return /* @__PURE__ */ jsx(StyledRoot, {
-    className: clsx(className, containerClasses.root, classes == null ? void 0 : classes.root),
-    $breakpoints: muiTheme.breakpoints,
-    ref,
-    maxWidth,
-    fixed,
-    ...others
-  });
+  return /* @__PURE__ */ jsx(StyledRoot, { className, classes: {
+    root: clsx(containerClasses.root, classes == null ? void 0 : classes.root),
+    disableGutters: clsx(containerClasses.disableGutters, classes == null ? void 0 : classes.disableGutters),
+    fixed: clsx(containerClasses.fixed, classes == null ? void 0 : classes.fixed),
+    maxWidthXs: clsx(containerClasses.maxWidthXs, classes == null ? void 0 : classes.maxWidthXs),
+    maxWidthSm: clsx(containerClasses.maxWidthSm, classes == null ? void 0 : classes.maxWidthSm),
+    maxWidthMd: clsx(containerClasses.maxWidthMd, classes == null ? void 0 : classes.maxWidthMd),
+    maxWidthLg: clsx(containerClasses.maxWidthLg, classes == null ? void 0 : classes.maxWidthLg),
+    maxWidthXl: clsx(containerClasses.maxWidthXl, classes == null ? void 0 : classes.maxWidthXl)
+  }, $breakpoints: muiTheme.breakpoints, ref, maxWidth, fixed, ...others });
 });
 export {
   HvContainer

package/dist/esm/components/Container/Container.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Container.js","sources":["../../../../src/components/Container/Container.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport { ContainerProps as MuiContainerProps } from \"@mui/material/Container\";\nimport { forwardRef } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledRoot } from \"./Container.styles\";\nimport containerClasses, { HvContainerClasses } from \"./containerClasses\";\nimport clsx from \"clsx\";\n\nexport type HvContainerProps = MuiContainerProps &\n HvBaseProps & {\n /*\n The component used for the root node.\n * Either a string to use a DOM element or a component.\n /\n component?: React.ElementType;\n /\n Determine the max-width of the container.\n * The container width grows with the size of the screen.\n * Set to `false` to disable `maxWidth`.\n /\n maxWidth?: \"xs\" \| \"sm\" \| \"md\" \| \"lg\" \| \"xl\" \| false;\n /* If `true`, the left and right padding is removed. /\n disableGutters?: boolean;\n /\n Set the max-width to match the min-width of the current breakpoint.\n * This is useful if you'd prefer to design for a fixed set of sizes\n * instead of trying to accommodate a fully fluid viewport.\n * It's fluid by default.\n /\n fixed?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvContainerClasses;\n };\n\nexport const HvContainer = forwardRef<HTMLDivElement, HvContainerProps>(\n ({ maxWidth = false, classes, className, fixed, ...others }, ref) => {\n const muiTheme = useTheme();\n return (\n <StyledRoot\n className={clsx(~~className,~~ containerClasses.root, classes?.root)}\n $breakpoints={muiTheme.breakpoints}\n ref={ref}\n maxWidth={maxWidth}\n fixed={fixed}\n {...others}\n />\n );\n }\n);\n"],"names":["HvContainer","forwardRef","maxWidth","classes","className","fixed","others","ref","muiTheme","useTheme","~~StyledRoot~~","clsx","containerClasses","~~root~~","~~$breakpoints~~","breakpoints"],"mappings":";;;;;;AAkCaA,MAAAA,cAAcC,WACzB,CAAC;AAAA,EAAEC,WAAW;AAAA,EAAOC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,KAAUC;AAAO,GAAGC,QAAQ;AACnE,QAAMC,WAAWC;~~AACjB~~,~~6BACGC~~,~~YAAU~~;AAAA,~~IACTN~~,~~WAAWO~~,~~KAAKP~~,~~WAAWQ~~,~~iBAAiBC~~,~~MAAMV~~,~~mCAASU,~~IAAI;AAAA,IAC/DC,~~cAAcN~~,~~SAASO~~;~~AAAAA~~,~~IACvBR~~;~~AAAAA~~,~~IACAL~~;~~AAAAA~~,~~IACAG~~;~~AAAAA~~,~~IAAa~~,~~GACTC~~;~~AAAAA~~,~~EAAAA~~,~~CACJ~~;AAEN,CAAC;"}
1	+ {"version":3,"file":"Container.js","sources":["../../../../src/components/Container/Container.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport { ContainerProps as MuiContainerProps } from \"@mui/material/Container\";\nimport { forwardRef } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledRoot } from \"./Container.styles\";\nimport containerClasses, { HvContainerClasses } from \"./containerClasses\";\nimport clsx from \"clsx\";\n\nexport type HvContainerProps = Omit<MuiContainerProps, \"classes\"> &\n HvBaseProps & {\n /*\n The component used for the root node.\n * Either a string to use a DOM element or a component.\n /\n component?: React.ElementType;\n /\n Determine the max-width of the container.\n * The container width grows with the size of the screen.\n * Set to `false` to disable `maxWidth`.\n /\n maxWidth?: \"xs\" \| \"sm\" \| \"md\" \| \"lg\" \| \"xl\" \| false;\n /* If `true`, the left and right padding is removed. /\n disableGutters?: boolean;\n /\n Set the max-width to match the min-width of the current breakpoint.\n * This is useful if you'd prefer to design for a fixed set of sizes\n * instead of trying to accommodate a fully fluid viewport.\n * It's fluid by default.\n /\n fixed?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvContainerClasses;\n };\n\nexport const HvContainer = forwardRef<HTMLDivElement, HvContainerProps>(\n ({ maxWidth = false, classes, className, fixed, ...others }, ref) => {\n const muiTheme = useTheme();\n return (\n <StyledRoot\n className={className}\n classes={{\n root: clsx(containerClasses.root, classes?.root),\n disableGutters: clsx(\n containerClasses.disableGutters,\n classes?.disableGutters\n ),\n fixed: clsx(containerClasses.fixed, classes?.fixed),\n maxWidthXs: clsx(containerClasses.maxWidthXs, classes?.maxWidthXs),\n maxWidthSm: clsx(containerClasses.maxWidthSm, classes?.maxWidthSm),\n maxWidthMd: clsx(containerClasses.maxWidthMd, classes?.maxWidthMd),\n maxWidthLg: clsx(containerClasses.maxWidthLg, classes?.maxWidthLg),\n maxWidthXl: clsx(containerClasses.maxWidthXl, classes?.maxWidthXl),\n }}\n $breakpoints={muiTheme.breakpoints}\n ref={ref}\n maxWidth={maxWidth}\n fixed={fixed}\n {...others}\n />\n );\n }\n);\n"],"names":["HvContainer","forwardRef","maxWidth","classes","className","fixed","others","ref","muiTheme","useTheme","root","clsx","containerClasses","disableGutters","maxWidthXs","maxWidthSm","maxWidthMd","maxWidthLg","maxWidthXl","breakpoints"],"mappings":";;;;;;AAkCaA,MAAAA,cAAcC,WACzB,CAAC;AAAA,EAAEC,WAAW;AAAA,EAAOC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,KAAUC;AAAO,GAAGC,QAAQ;AACnE,QAAMC,WAAWC;AAEf,SAAA,oBAAC,YACC,EAAA,WACA,SAAS;AAAA,IACPC,MAAMC,KAAKC,iBAAiBF,MAAMP,mCAASO,IAAI;AAAA,IAC/CG,gBAAgBF,KACdC,iBAAiBC,gBACjBV,mCAASU,cAAc;AAAA,IAEzBR,OAAOM,KAAKC,iBAAiBP,OAAOF,mCAASE,KAAK;AAAA,IAClDS,YAAYH,KAAKC,iBAAiBE,YAAYX,mCAASW,UAAU;AAAA,IACjEC,YAAYJ,KAAKC,iBAAiBG,YAAYZ,mCAASY,UAAU;AAAA,IACjEC,YAAYL,KAAKC,iBAAiBI,YAAYb,mCAASa,UAAU;AAAA,IACjEC,YAAYN,KAAKC,iBAAiBK,YAAYd,mCAASc,UAAU;AAAA,IACjEC,YAAYP,KAAKC,iBAAiBM,YAAYf,mCAASe,UAAU;AAAA,EAAA,GAEnE,cAAcV,SAASW,aACvB,KACA,UACA,OACIb,GAAAA,OACJ,CAAA;AAEN,CAAC;"}

package/dist/esm/components/Container/containerClasses.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { getClasses } from "../../utils/classes.js";
-const classKeys = ["root"];
+const classKeys = ["root", "disableGutters", "fixed", "maxWidthXs", "maxWidthSm", "maxWidthMd", "maxWidthLg", "maxWidthXl"];
 const containerClasses = getClasses(classKeys, "HvContainer");
 const containerClasses$1 = containerClasses;
 export {

package/dist/esm/components/Container/containerClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"containerClasses.js","sources":["../../../../src/components/Container/containerClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvContainerClasses = {\n root?: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst containerClasses = getClasses<HvContainerClasses>(\n classKeys,\n \"HvContainer\"\n);\n\nexport default containerClasses;\n"],"names":["classKeys","containerClasses","getClasses"],"mappings":";~~AAMA~~,MAAMA,YAAsB,~~CAAC~~,~~MAAM~~;~~AAEnC~~,MAAMC,mBAAmBC,WACvBF,WACA,aAAa;AAGf,MAAA,qBAAeC;"}
1	+ {"version":3,"file":"containerClasses.js","sources":["../../../../src/components/Container/containerClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvContainerClasses = {\n root?: string;\n disableGutters?: string;\n fixed?: string;\n maxWidthXs?: string;\n maxWidthSm?: string;\n maxWidthMd?: string;\n maxWidthLg?: string;\n maxWidthXl?: string;\n};\n\nconst classKeys: string[] = [\n \"root\",\n \"disableGutters\",\n \"fixed\",\n \"maxWidthXs\",\n \"maxWidthSm\",\n \"maxWidthMd\",\n \"maxWidthLg\",\n \"maxWidthXl\",\n];\n\nconst containerClasses = getClasses<HvContainerClasses>(\n classKeys,\n \"HvContainer\"\n);\n\nexport default containerClasses;\n"],"names":["classKeys","containerClasses","getClasses"],"mappings":";AAaA,MAAMA,YAAsB,CAC1B,QACA,kBACA,SACA,cACA,cACA,cACA,cACA,YAAY;AAGd,MAAMC,mBAAmBC,WACvBF,WACA,aAAa;AAGf,MAAA,qBAAeC;"}

package/dist/esm/components/Controls/Controls.js CHANGED Viewed

@@ -1,9 +1,9 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import { StyledRoot, StyledSection } from "./Controls.styles.js";
-import { controlsClasses } from "./index.js";
 import { HvControlsContextProvider } from "./context/ControlsContext.js";
 import { Children } from "react";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import controlsClasses from "./controlClasses.js";
 import { HvMultiButton } from "../MultiButton/MultiButton.js";
 import { useControlled } from "../../hooks/useControlled.js";
 import { setId } from "../../utils/setId.js";
@@ -35,37 +35,20 @@ const HvControls = ({
   const childrenIndexCut = childrenCount > 0 ? Math.round(childrenCount * 0.5) : 0;
   const leftChildren = childrenArray.slice(0, childrenIndexCut);
   const rightChildren = childrenArray.slice(childrenIndexCut, childrenCount || 0);
-  return /* @__PURE__ */ jsx(StyledRoot, {
-    id,
-    className: clsx(className, controlsClasses.root, classes == null ? void 0 : classes.root),
-    children: /* @__PURE__ */ jsxs(HvControlsContextProvider, {
-      value: {
-        onSearch: onSearchHandler,
-        onSort: onSortHandler
-      },
-      children: [/* @__PURE__ */ jsx(StyledSection, {
-        className: clsx(classes == null ? void 0 : classes.section, controlsClasses.section, classes == null ? void 0 : classes.leftSection, controlsClasses.leftSection),
-        children: leftChildren
-      }), /* @__PURE__ */ jsxs(StyledSection, {
-        className: clsx(classes == null ? void 0 : classes.section, controlsClasses.section, classes == null ? void 0 : classes.rightSection, controlsClasses.rightSection),
-        children: [rightChildren, views && !hideViewSwitcher && (views == null ? void 0 : views.length) > 0 && /* @__PURE__ */ jsx(HvMultiButton, {
-          id: setId(id, "view-multi-button"),
-          children: views.map(({
-            id: btnId,
-            icon,
-            ...others
-          }) => /* @__PURE__ */ jsx(HvButton, {
-            id: btnId,
-            icon: true,
-            selected: currentView === btnId,
-            onClick: (evt) => onViewChangeHandler(evt, btnId),
-            ...others,
-            children: icon
-          }, btnId))
-        })]
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsx(StyledRoot, { id, className: clsx(className, controlsClasses.root, classes == null ? void 0 : classes.root), children: /* @__PURE__ */ jsxs(HvControlsContextProvider, { value: {
+    onSearch: onSearchHandler,
+    onSort: onSortHandler
+  }, children: [
+    /* @__PURE__ */ jsx(StyledSection, { className: clsx(classes == null ? void 0 : classes.section, controlsClasses.section, classes == null ? void 0 : classes.leftSection, controlsClasses.leftSection), children: leftChildren }),
+    /* @__PURE__ */ jsxs(StyledSection, { className: clsx(classes == null ? void 0 : classes.section, controlsClasses.section, classes == null ? void 0 : classes.rightSection, controlsClasses.rightSection), children: [
+      rightChildren,
+      views && !hideViewSwitcher && (views == null ? void 0 : views.length) > 0 && /* @__PURE__ */ jsx(HvMultiButton, { id: setId(id, "view-multi-button"), children: views.map(({
+        id: btnId,
+        icon,
+        ...others
+      }) => /* @__PURE__ */ jsx(HvButton, { id: btnId, icon: true, selected: currentView === btnId, onClick: (evt) => onViewChangeHandler(evt, btnId), ...others, children: icon }, btnId)) })
+    ] })
+  ] }) });
 };
 export {
   HvControls

package/dist/esm/components/Controls/Controls.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Controls.js","sources":["../../../../src/components/Controls/Controls.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps, HvExtraProps } from \"../../types\";\nimport { StyledRoot, StyledSection } from \"./Controls.styles\";\nimport { controlsClasses, HvControlsClasses } from \".\";\nimport { HvButton, HvMultiButton } from \"components\";\nimport { setId } from \"utils\";\nimport { useControlled } from \"hooks\";\nimport { HvControlsContextProvider } from \"./context/ControlsContext\";\nimport { Children } from \"react\";\nimport { HvTableInstance } from \"components/Table/hooks/useTable\";\n\nexport type HvControlsViewConfiguration = {\n id?: string;\n label?: string;\n icon?: React.ReactNode;\n} & HvExtraProps;\n\nexport type HvControlsProps = HvBaseProps & {\n /*\n An instance of useHvTable or useTable used to manage the data\n * if this is not provided data sorting and search must be handled externally\n /\n callbacks?: Pick<HvTableInstance, \"setSortBy\" \| \"setGlobalFilter\">;\n /\n Views configuration required for the view buttons\n /\n views?: HvControlsViewConfiguration[];\n /\n What view is selected by default\n /\n defaultView?: string;\n /\n Sets the selected view to be the one specified\n * if specified the component is in a controlled state and it won't change it state\n * unless specified externally\n /\n selectedView?: string;\n /\n Callback called when the view switcher button is pressed\n /\n onViewChange?: (event: Event, id: string) => void;\n /\n if `true` the button to switch views is not rendered\n /\n hideViewSwitcher?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvControlsClasses;\n};\n\nexport const HvControls = ({\n id,\n className,\n classes,\n views,\n callbacks,\n selectedView,\n defaultView,\n children,\n hideViewSwitcher = false,\n onViewChange,\n}: HvControlsProps) => {\n const [currentView, setCurrentView] = useControlled(\n selectedView,\n defaultView\n );\n\n const onViewChangeHandler = (evt, btnId) => {\n setCurrentView(btnId);\n onViewChange?.(evt, btnId);\n };\n\n const onSearchHandler = (value) => callbacks?.setGlobalFilter(value);\n const onSortHandler = (value) =>\n callbacks?.setSortBy([\n {\n id: value?.accessor,\n desc: value?.desc,\n },\n ]);\n\n const childrenCount = Children.count(children);\n const childrenArray = Children.toArray(children);\n\n const childrenIndexCut =\n childrenCount > 0 ? Math.round(childrenCount 0.5) : 0;\n const leftChildren = childrenArray.slice(0, childrenIndexCut);\n const rightChildren = childrenArray.slice(\n childrenIndexCut,\n childrenCount \|\| 0\n );\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, controlsClasses.root, classes?.root)}\n >\n <HvControlsContextProvider\n value={{\n onSearch: onSearchHandler,\n onSort: onSortHandler,\n }}\n >\n <StyledSection\n className={clsx(\n classes?.section,\n controlsClasses.section,\n classes?.leftSection,\n controlsClasses.leftSection\n )}\n >\n {leftChildren}\n </StyledSection>\n <StyledSection\n className={clsx(\n classes?.section,\n controlsClasses.section,\n classes?.rightSection,\n controlsClasses.rightSection\n )}\n >\n {rightChildren}\n {views && !hideViewSwitcher && views?.length > 0 && (\n <HvMultiButton id={setId(id, \"view-multi-button\")}>\n {views.map(({ id: btnId, icon, ...others }) => (\n <HvButton\n id={btnId}\n key={btnId}\n icon\n selected={currentView === btnId}\n onClick={(evt) => onViewChangeHandler(evt, btnId)}\n {...others}\n >\n {icon}\n </HvButton>\n ))}\n </HvMultiButton>\n )}\n </StyledSection>\n </HvControlsContextProvider>\n </StyledRoot>\n );\n};\n"],"names":["HvControls","id","className","classes","views","callbacks","selectedView","defaultView","children","hideViewSwitcher","onViewChange","currentView","setCurrentView","useControlled","onViewChangeHandler","evt","btnId","onSearchHandler","value","setGlobalFilter","onSortHandler","setSortBy","accessor","desc","childrenCount","Children","count","childrenArray","toArray","childrenIndexCut","Math","round","leftChildren","slice","rightChildren","~~StyledRoot","~~clsx","controlsClasses","root","~~HvControlsContextProvider","~~onSearch","onSort","~~_jsx","StyledSection","~~section","leftSection","~~_jsxs","~~rightSection","length","~~HvMultiButton","~~setId","map","icon","others"~~,"HvButton","selected","onClick"~~],"mappings":";;;;;;;;;;AAiDO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,mBAAmB;AAAA,EACnBC;AACe,MAAM;AACrB,QAAM,CAACC,aAAaC,cAAc,IAAIC,cACpCP,cACAC,WAAW;AAGPO,QAAAA,sBAAsBA,CAACC,KAAKC,UAAU;AAC1CJ,mBAAeI,KAAK;AACpBN,iDAAeK,KAAKC;AAAAA,EAAK;AAG3B,QAAMC,kBAAmBC,CAAAA,UAAUb,uCAAWc,gBAAgBD;AAC9D,QAAME,gBAAiBF,CAAAA,UACrBb,uCAAWgB,UAAU,CACnB;AAAA,IACEpB,IAAIiB,+BAAOI;AAAAA,IACXC,MAAML,+BAAOK;AAAAA,EACd,CAAA;AAGCC,QAAAA,gBAAgBC,SAASC,MAAMlB,QAAQ;AACvCmB,QAAAA,gBAAgBF,SAASG,QAAQpB,QAAQ;AAE/C,QAAMqB,mBACJL,gBAAgB,IAAIM,KAAKC,MAAMP,gBAAgB,GAAG,IAAI;AACxD,QAAMQ,eAAeL,cAAcM,MAAM,GAAGJ,gBAAgB;AAC5D,QAAMK,gBAAgBP,cAAcM,MAClCJ,kBACAL,iBAAiB,CAAC;AAGpB,~~6BACGW~~,~~YAAU;AAAA~~,~~IACTlC;AAAAA~~,~~IACAC~~,~~WAAWkC~~,~~KAAKlC~~,~~WAAWmC~~,gBAAgBC,~~MAAMnC~~,~~mCAASmC~~,IAAI~~;AAAA~~,~~IAAE9B,+BAE/D+B~~,~~2BAAyB;AAAA~~,~~MACxBrB~~,OAAO;AAAA,~~QACLsB~~,~~UAAUvB~~;AAAAA,~~QACVwB~~,~~QAAQrB~~;AAAAA,~~MACV;AAAA~~,~~MAAEZ~~,UAAA,~~CAEFkC~~,~~oBAACC~~,~~eAAa;AAAA~~,~~QACZzC~~,~~WAAWkC~~,~~KACTjC~~,~~mCAASyC~~,~~SACTP~~,~~gBAAgBO~~,~~SAChBzC~~,~~mCAAS0C~~,~~aACTR~~,~~gBAAgBQ~~,WAAW~~;AAAA~~,~~QAC3BrC~~,~~UAEDwB~~;~~AAAAA~~,~~MAAAA~~,~~CACa~~,~~GAChBc~~,~~qBAACH~~,~~eAAa;AAAA~~,~~QACZzC~~,~~WAAWkC~~,~~KACTjC~~,~~mCAASyC~~,~~SACTP~~,~~gBAAgBO~~,~~SAChBzC~~,~~mCAAS4C~~,~~cACTV~~,~~gBAAgBU~~,~~YAAY~~;~~AAAA~~,~~QAC5BvC~~,~~WAED0B~~,~~eACA9B,~~SAAS,CAACK,qBAAoBL,+~~BAAO4C~~,UAAS,~~KAC7CN~~,~~oBAACO~~,~~eAAa;AAAA~~,~~UAAChD~~,~~IAAIiD~~,~~MAAMjD~~,IAAI,mBAAmB~~;AAAA~~,~~UAAEO~~,~~UAC/CJ~~,~~MAAM+C~~,IAAI,CAAC;AAAA,~~YAAElD~~,IAAIe;AAAAA,~~YAAOoC~~;AAAAA,~~eAASC~~;AAAAA,~~UAAAA~~,~~0BAC/BC~~,~~UAAQ;AAAA~~,~~YACPrD~~,~~IAAIe;AAAAA~~,~~YAEJoC~~,MAAI~~;AAAA~~,~~YACJG~~,~~UAAU5C~~,gBAAgBK~~;AAAAA~~,~~YAC1BwC~~,~~SAAUzC~~,~~CAAAA~~,~~QAAQD~~,oBAAoBC,KAAKC,KAAK~~;AAAA~~,~~YAAE~~,~~GAC9CqC;AAAAA~~,~~YAAM7C~~,~~UAET4C;AAAAA~~,~~UAAI~~,~~GANApC~~,~~KAAK~~,~~CAQb~~;AAAA,~~QAAA~~,~~CAEJ,CAAA~~;AAAA,~~MAAA~~,~~CACa~~,CAAA~~;AAAA~~,~~IAAA~~,CAAA;~~AAAA,EAAA,CAEP~~;~~AAEjB;~~"}
1	+ {"version":3,"file":"Controls.js","sources":["../../../../src/components/Controls/Controls.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps, HvExtraProps } from \"../../types\";\nimport { StyledRoot, StyledSection } from \"./Controls.styles\";\nimport { controlsClasses, HvControlsClasses } from \".\";\nimport { HvButton, HvMultiButton } from \"components\";\nimport { setId } from \"utils\";\nimport { useControlled } from \"hooks\";\nimport { HvControlsContextProvider } from \"./context/ControlsContext\";\nimport { Children } from \"react\";\nimport { HvTableInstance } from \"components/Table/hooks/useTable\";\n\nexport type HvControlsViewConfiguration = {\n id?: string;\n label?: string;\n icon?: React.ReactNode;\n} & HvExtraProps;\n\nexport type HvControlsProps = HvBaseProps & {\n /*\n An instance of useHvTable or useTable used to manage the data\n * if this is not provided data sorting and search must be handled externally\n /\n callbacks?: Pick<HvTableInstance, \"setSortBy\" \| \"setGlobalFilter\">;\n /\n Views configuration required for the view buttons\n /\n views?: HvControlsViewConfiguration[];\n /\n What view is selected by default\n /\n defaultView?: string;\n /\n Sets the selected view to be the one specified\n * if specified the component is in a controlled state and it won't change it state\n * unless specified externally\n /\n selectedView?: string;\n /\n Callback called when the view switcher button is pressed\n /\n onViewChange?: (event: Event, id: string) => void;\n /\n if `true` the button to switch views is not rendered\n /\n hideViewSwitcher?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvControlsClasses;\n};\n\nexport const HvControls = ({\n id,\n className,\n classes,\n views,\n callbacks,\n selectedView,\n defaultView,\n children,\n hideViewSwitcher = false,\n onViewChange,\n}: HvControlsProps) => {\n const [currentView, setCurrentView] = useControlled(\n selectedView,\n defaultView\n );\n\n const onViewChangeHandler = (evt, btnId) => {\n setCurrentView(btnId);\n onViewChange?.(evt, btnId);\n };\n\n const onSearchHandler = (value) => callbacks?.setGlobalFilter(value);\n const onSortHandler = (value) =>\n callbacks?.setSortBy([\n {\n id: value?.accessor,\n desc: value?.desc,\n },\n ]);\n\n const childrenCount = Children.count(children);\n const childrenArray = Children.toArray(children);\n\n const childrenIndexCut =\n childrenCount > 0 ? Math.round(childrenCount 0.5) : 0;\n const leftChildren = childrenArray.slice(0, childrenIndexCut);\n const rightChildren = childrenArray.slice(\n childrenIndexCut,\n childrenCount \|\| 0\n );\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, controlsClasses.root, classes?.root)}\n >\n <HvControlsContextProvider\n value={{\n onSearch: onSearchHandler,\n onSort: onSortHandler,\n }}\n >\n <StyledSection\n className={clsx(\n classes?.section,\n controlsClasses.section,\n classes?.leftSection,\n controlsClasses.leftSection\n )}\n >\n {leftChildren}\n </StyledSection>\n <StyledSection\n className={clsx(\n classes?.section,\n controlsClasses.section,\n classes?.rightSection,\n controlsClasses.rightSection\n )}\n >\n {rightChildren}\n {views && !hideViewSwitcher && views?.length > 0 && (\n <HvMultiButton id={setId(id, \"view-multi-button\")}>\n {views.map(({ id: btnId, icon, ...others }) => (\n <HvButton\n id={btnId}\n key={btnId}\n icon\n selected={currentView === btnId}\n onClick={(evt) => onViewChangeHandler(evt, btnId)}\n {...others}\n >\n {icon}\n </HvButton>\n ))}\n </HvMultiButton>\n )}\n </StyledSection>\n </HvControlsContextProvider>\n </StyledRoot>\n );\n};\n"],"names":["HvControls","id","className","classes","views","callbacks","selectedView","defaultView","children","hideViewSwitcher","onViewChange","currentView","setCurrentView","useControlled","onViewChangeHandler","evt","btnId","onSearchHandler","value","setGlobalFilter","onSortHandler","setSortBy","accessor","desc","childrenCount","Children","count","childrenArray","toArray","childrenIndexCut","Math","round","leftChildren","slice","rightChildren","clsx","controlsClasses","root","onSearch","onSort","section","leftSection","rightSection","length","setId","map","icon","others"],"mappings":";;;;;;;;;;AAiDO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,mBAAmB;AAAA,EACnBC;AACe,MAAM;AACrB,QAAM,CAACC,aAAaC,cAAc,IAAIC,cACpCP,cACAC,WAAW;AAGPO,QAAAA,sBAAsBA,CAACC,KAAKC,UAAU;AAC1CJ,mBAAeI,KAAK;AACpBN,iDAAeK,KAAKC;AAAAA,EAAK;AAG3B,QAAMC,kBAAmBC,CAAAA,UAAUb,uCAAWc,gBAAgBD;AAC9D,QAAME,gBAAiBF,CAAAA,UACrBb,uCAAWgB,UAAU,CACnB;AAAA,IACEpB,IAAIiB,+BAAOI;AAAAA,IACXC,MAAML,+BAAOK;AAAAA,EACd,CAAA;AAGCC,QAAAA,gBAAgBC,SAASC,MAAMlB,QAAQ;AACvCmB,QAAAA,gBAAgBF,SAASG,QAAQpB,QAAQ;AAE/C,QAAMqB,mBACJL,gBAAgB,IAAIM,KAAKC,MAAMP,gBAAgB,GAAG,IAAI;AACxD,QAAMQ,eAAeL,cAAcM,MAAM,GAAGJ,gBAAgB;AAC5D,QAAMK,gBAAgBP,cAAcM,MAClCJ,kBACAL,iBAAiB,CAAC;AAGpB,SACG,oBAAA,YAAA,EACC,IACA,WAAWW,KAAKjC,WAAWkC,gBAAgBC,MAAMlC,mCAASkC,IAAI,GAE9D,UAAA,qBAAC,6BACC,OAAO;AAAA,IACLC,UAAUrB;AAAAA,IACVsB,QAAQnB;AAAAA,EAGV,GAAA,UAAA;AAAA,IAAA,oBAAC,eACC,EAAA,WAAWe,KACThC,mCAASqC,SACTJ,gBAAgBI,SAChBrC,mCAASsC,aACTL,gBAAgBK,WAAW,GAG5BT,UACH,cAAA;AAAA,IACC,qBAAA,eAAA,EACC,WAAWG,KACThC,mCAASqC,SACTJ,gBAAgBI,SAChBrC,mCAASuC,cACTN,gBAAgBM,YAAY,GAG7BR,UAAAA;AAAAA,MAAAA;AAAAA,MACA9B,SAAS,CAACK,qBAAoBL,+BAAOuC,UAAS,KAC7C,oBAAC,eAAc,EAAA,IAAIC,MAAM3C,IAAI,mBAAmB,GAC7CG,UAAAA,MAAMyC,IAAI,CAAC;AAAA,QAAE5C,IAAIe;AAAAA,QAAO8B;AAAAA,WAASC;AAAAA,MAAO,0BACtC,UACC,EAAA,IAAI/B,OAEJ,MAAI,MACJ,UAAUL,gBAAgBK,OAC1B,SAAUD,CAAQD,QAAAA,oBAAoBC,KAAKC,KAAK,GAChD,GAAI+B,QAEHD,UAAAA,KAAAA,GANI9B,KAOP,CACD,GACH;AAAA,IAAA,GAEJ;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;"}

package/dist/esm/components/Controls/LeftControl/LeftControl.js CHANGED Viewed

@@ -1,8 +1,8 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import { StyledRoot } from "./LeftControl.styles.js";
 import { useContext } from "react";
 import { HvControlsContext } from "../context/ControlsContext.js";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import leftControlClasses from "./leftControlClasses.js";
 import { HvInput } from "../../Input/Input.js";
 import { setId } from "../../../utils/setId.js";
@@ -24,18 +24,10 @@ const HvLeftControl = ({
     onSearch == null ? void 0 : onSearch(e, value);
     onSearchHandler == null ? void 0 : onSearchHandler(value);
   };
-  return /* @__PURE__ */ jsxs(StyledRoot, {
-    id,
-    className: clsx(className, leftControlClasses.root, classes == null ? void 0 : classes.root),
-    ...others,
-    children: [!hideSearch && /* @__PURE__ */ jsx(HvInput, {
-      id: setId(id, "search-input"),
-      type: "search",
-      placeholder,
-      onChange: (e, value) => onChangeFilter(e, value),
-      ...searchProps
-    }), children]
-  });
+  return /* @__PURE__ */ jsxs(StyledRoot, { id, className: clsx(className, leftControlClasses.root, classes == null ? void 0 : classes.root), ...others, children: [
+    !hideSearch && /* @__PURE__ */ jsx(HvInput, { id: setId(id, "search-input"), type: "search", placeholder, onChange: (e, value) => onChangeFilter(e, value), ...searchProps }),
+    children
+  ] });
 };
 export {
   HvLeftControl

package/dist/esm/components/Controls/LeftControl/LeftControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LeftControl.js","sources":["../../../../../src/components/Controls/LeftControl/LeftControl.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot } from \"./LeftControl.styles\";\nimport { leftControlClasses, HvLeftControlClasses } from \".\";\nimport { HvInput, HvInputProps } from \"components\";\nimport { useContext } from \"react\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport { setId } from \"utils\";\n\nexport type HvLeftControlProps = HvBaseProps & {\n /** if `true` the hide sort by dropdown is not rendered /\n hideSearch?: boolean;\n /* placeholder of the input /\n placeholder?: string;\n /* Callback called when a search action occurs /\n onSearch?: (\n event: React.ChangeEvent<HTMLInputElement>,\n value: string\n ) => void;\n /* Extra props passed to input /\n searchProps?: HvInputProps;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvLeftControlClasses;\n};\n\nexport const HvLeftControl = ({\n id,\n classes,\n className,\n children,\n placeholder = \"Search\",\n onSearch,\n hideSearch = false,\n searchProps,\n ...others\n}: HvLeftControlProps) => {\n const { onSearch: onSearchHandler } = useContext(HvControlsContext);\n\n const onChangeFilter = (e, value) => {\n onSearch?.(e, value);\n onSearchHandler?.(value);\n };\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, leftControlClasses.root, classes?.root)}\n {...others}\n >\n {!hideSearch && (\n <HvInput\n id={setId(id, \"search-input\")}\n type=\"search\"\n placeholder={placeholder}\n onChange={(e, value) => onChangeFilter(e, value)}\n {...searchProps}\n />\n )}\n {children}\n </StyledRoot>\n );\n};\n"],"names":["HvLeftControl","id","classes","className","children","placeholder","onSearch","hideSearch","searchProps","others","onSearchHandler","useContext","HvControlsContext","onChangeFilter","e","value","~~StyledRoot","~~clsx","leftControlClasses","root","~~HvInput","~~setId"~~,"type","onChange"~~],"mappings":";;;;;;;;AAyBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC;AAAAA,EACAC,aAAa;AAAA,EACbC;AAAAA,KACGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEH,UAAUI;AAAAA,EAAAA,IAAoBC,WAAWC,iBAAiB;AAE5DC,QAAAA,iBAAiBA,CAACC,GAAGC,UAAU;AACnCT,yCAAWQ,GAAGC;AACdL,uDAAkBK;AAAAA,EAAK;AAGzB,~~8BACGC~~,~~YAAU;AAAA~~,~~IACTf;AAAAA~~,~~IACAE~~,~~WAAWc~~,~~KAAKd~~,~~WAAWe~~,mBAAmBC,~~MAAMjB~~,~~mCAASiB~~,IAAI~~;AAAA~~,~~IAAE~~,~~GAC/DV~~;~~AAAAA~~,~~IAAML~~,~~WAET~~,~~CAACG~~,~~kCACCa~~,~~SAAO;AAAA~~,~~MACNnB~~,~~IAAIoB~~,~~MAAMpB,~~IAAI,cAAc~~;AAAA~~,~~MAC5BqB~~,MAAK~~;AAAA~~,~~MACLjB;AAAAA~~,~~MACAkB~~,~~UAAUA~~,~~CAACT~~,GAAGC,UAAUF,eAAeC,GAAGC,KAAK;AAAA,~~MAAE,GAC7CP~~;AAAAA,~~IAAW~~,~~CAAA,GAGlBJ,QAAQ;AAAA,~~EAAA,~~CACE~~;~~AAEjB~~;"}
1	+ {"version":3,"file":"LeftControl.js","sources":["../../../../../src/components/Controls/LeftControl/LeftControl.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot } from \"./LeftControl.styles\";\nimport { leftControlClasses, HvLeftControlClasses } from \".\";\nimport { HvInput, HvInputProps } from \"components\";\nimport { useContext } from \"react\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport { setId } from \"utils\";\n\nexport type HvLeftControlProps = HvBaseProps & {\n /** if `true` the hide sort by dropdown is not rendered /\n hideSearch?: boolean;\n /* placeholder of the input /\n placeholder?: string;\n /* Callback called when a search action occurs /\n onSearch?: (\n event: React.ChangeEvent<HTMLInputElement>,\n value: string\n ) => void;\n /* Extra props passed to input /\n searchProps?: HvInputProps;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvLeftControlClasses;\n};\n\nexport const HvLeftControl = ({\n id,\n classes,\n className,\n children,\n placeholder = \"Search\",\n onSearch,\n hideSearch = false,\n searchProps,\n ...others\n}: HvLeftControlProps) => {\n const { onSearch: onSearchHandler } = useContext(HvControlsContext);\n\n const onChangeFilter = (e, value) => {\n onSearch?.(e, value);\n onSearchHandler?.(value);\n };\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, leftControlClasses.root, classes?.root)}\n {...others}\n >\n {!hideSearch && (\n <HvInput\n id={setId(id, \"search-input\")}\n type=\"search\"\n placeholder={placeholder}\n onChange={(e, value) => onChangeFilter(e, value)}\n {...searchProps}\n />\n )}\n {children}\n </StyledRoot>\n );\n};\n"],"names":["HvLeftControl","id","classes","className","children","placeholder","onSearch","hideSearch","searchProps","others","onSearchHandler","useContext","HvControlsContext","onChangeFilter","e","value","clsx","leftControlClasses","root","setId"],"mappings":";;;;;;;;AAyBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC;AAAAA,EACAC,aAAa;AAAA,EACbC;AAAAA,KACGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEH,UAAUI;AAAAA,EAAAA,IAAoBC,WAAWC,iBAAiB;AAE5DC,QAAAA,iBAAiBA,CAACC,GAAGC,UAAU;AACnCT,yCAAWQ,GAAGC;AACdL,uDAAkBK;AAAAA,EAAK;AAGzB,SACG,qBAAA,YAAA,EACC,IACA,WAAWC,KAAKb,WAAWc,mBAAmBC,MAAMhB,mCAASgB,IAAI,GAC7DT,GAAAA,QAEH,UAAA;AAAA,IAACF,CAAAA,kCACC,SACC,EAAA,IAAIY,MAAMlB,IAAI,cAAc,GAC5B,MAAK,UACL,aACA,UAAU,CAACa,GAAGC,UAAUF,eAAeC,GAAGC,KAAK,GAC/C,GAAIP,aAEP;AAAA,IACAJ;AAAAA,EACH,EAAA,CAAA;AAEJ;"}

package/dist/esm/components/Controls/RightControl/RightControl.js CHANGED Viewed

@@ -1,8 +1,8 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import { StyledRoot, StyledDropdown } from "./RightControl.styles.js";
 import { useState, useContext } from "react";
 import { HvControlsContext } from "../context/ControlsContext.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import rightControlClasses from "./rightControlClasses.js";
 import { setId } from "../../../utils/setId.js";
 const HvRightControl = ({
@@ -28,19 +28,7 @@ const HvRightControl = ({
       selected: prevValue.id === value.id
     })));
   };
-  return /* @__PURE__ */ jsx(StyledRoot, {
-    id,
-    className: clsx(className, rightControlClasses.root, classes == null ? void 0 : classes.root),
-    ...others,
-    children: !hideSortBy && /* @__PURE__ */ jsx(StyledDropdown, {
-      id: setId(id, "sort-by-dropdown"),
-      values: dropDownValues,
-      className: clsx(rightControlClasses.sortDropdown, classes == null ? void 0 : classes.sortDropdown),
-      onChange: handleChangeSort,
-      singleSelectionToggle: false,
-      ...sortProps
-    })
-  });
+  return /* @__PURE__ */ jsx(StyledRoot, { id, className: clsx(className, rightControlClasses.root, classes == null ? void 0 : classes.root), ...others, children: !hideSortBy && /* @__PURE__ */ jsx(StyledDropdown, { id: setId(id, "sort-by-dropdown"), values: dropDownValues, className: clsx(rightControlClasses.sortDropdown, classes == null ? void 0 : classes.sortDropdown), onChange: handleChangeSort, singleSelectionToggle: false, ...sortProps }) });
 };
 export {
   HvRightControl

package/dist/esm/components/Controls/RightControl/RightControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RightControl.js","sources":["../../../../../src/components/Controls/RightControl/RightControl.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledDropdown, StyledRoot } from \"./RightControl.styles\";\nimport { rightControlClasses, HvRightControlClasses } from \".\";\nimport { HvDropdownProps, HvListValue } from \"components\";\nimport { useContext, useState } from \"react\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport { setId } from \"utils\";\n\nexport type HvRightListControls = HvListValue & {\n accessor: string;\n desc: boolean;\n};\n\nexport type HvRightControlProps = HvBaseProps & {\n /** if `true` the hide sort by dropdown is not rendered /\n hideSortBy?: boolean;\n /* options for the dropdown to sort /\n values?: HvRightListControls[];\n /* Callback called when a sort action occurs /\n onSort?: (selected: HvRightListControls \| undefined) => void;\n /* Extra props passed to dropdown /\n sortProps?: HvDropdownProps;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvRightControlClasses;\n};\n\nexport const HvRightControl = ({\n id,\n classes,\n className,\n children,\n values,\n onSort,\n hideSortBy = false,\n sortProps,\n ...others\n}: HvRightControlProps) => {\n const [dropDownValues, setDropdownValues] = useState(values);\n\n const { onSort: onSortHandler } = useContext(HvControlsContext);\n\n const handleChangeSort = (value) => {\n onSort?.(value);\n onSortHandler?.(value);\n // this should be changed when dropdown changes his \"values\" behavior\n setDropdownValues((prevValues) =>\n prevValues?.map((prevValue) => ({\n ...prevValue,\n selected: prevValue.id === value.id,\n }))\n );\n };\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, rightControlClasses.root, classes?.root)}\n {...others}\n >\n {!hideSortBy && (\n <StyledDropdown\n id={setId(id, \"sort-by-dropdown\")}\n values={dropDownValues}\n className={clsx(\n rightControlClasses.sortDropdown,\n classes?.sortDropdown\n )}\n onChange={handleChangeSort}\n singleSelectionToggle={false}\n {...sortProps}\n />\n )}\n </StyledRoot>\n );\n};\n"],"names":["HvRightControl","id","classes","className","children","values","onSort","hideSortBy","sortProps","others","dropDownValues","setDropdownValues","useState","onSortHandler","useContext","HvControlsContext","handleChangeSort","value","prevValues","map","prevValue","selected","~~StyledRoot","~~clsx","rightControlClasses","root","~~_jsx","StyledDropdown","~~setId","sortDropdown"~~,"onChange","singleSelectionToggle"~~],"mappings":";;;;;;;AA2BO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACbC;AAAAA,KACGC;AACgB,MAAM;AACzB,QAAM,CAACC,gBAAgBC,iBAAiB,IAAIC,SAASP,MAAM;AAErD,QAAA;AAAA,IAAEC,QAAQO;AAAAA,EAAAA,IAAkBC,WAAWC,iBAAiB;AAE9D,QAAMC,mBAAoBC,CAAU,UAAA;AAClCX,qCAASW;AACTJ,mDAAgBI;AAEGC,sBAAAA,CAAAA,eACjBA,yCAAYC,IAAKC,CAAe,eAAA;AAAA,MAC9B,GAAGA;AAAAA,MACHC,UAAUD,UAAUnB,OAAOgB,MAAMhB;AAAAA,OAChC;AAAA,EAAA;AAIP,~~6BACGqB~~,~~YAAU;AAAA~~,~~IACTrB;AAAAA~~,~~IACAE~~,~~WAAWoB~~,~~KAAKpB~~,~~WAAWqB~~,oBAAoBC,~~MAAMvB~~,~~mCAASuB~~,IAAI~~;AAAA~~,~~IAAE~~,~~GAChEhB;AAAAA~~,~~IAAML~~,~~UAET~~,~~CAACG~~,~~cACAmB~~,~~oBAACC~~,~~gBAAc;AAAA~~,~~MACb1B~~,~~IAAI2B~~,~~MAAM3B,~~IAAI,kBAAkB~~;AAAA~~,~~MAChCI~~,~~QAAQK;AAAAA~~,~~MACRP~~,~~WAAWoB~~,KACTC,~~oBAAoBK~~,~~cACpB3B~~,~~mCAAS2B~~,YAAY~~;AAAA~~,~~MAEvBC~~,~~UAAUd;AAAAA~~,~~MACVe~~,uBAAuB~~;AAAA~~,~~MAAM~~,~~GACzBvB;AAAAA~~,~~IAAAA~~,~~CAAS;AAAA~~,~~EAAA,CAGN~~;~~AAEjB~~;"}
1	+ {"version":3,"file":"RightControl.js","sources":["../../../../../src/components/Controls/RightControl/RightControl.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledDropdown, StyledRoot } from \"./RightControl.styles\";\nimport { rightControlClasses, HvRightControlClasses } from \".\";\nimport { HvDropdownProps, HvListValue } from \"components\";\nimport { useContext, useState } from \"react\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport { setId } from \"utils\";\n\nexport type HvRightListControls = HvListValue & {\n accessor: string;\n desc: boolean;\n};\n\nexport type HvRightControlProps = HvBaseProps & {\n /** if `true` the hide sort by dropdown is not rendered /\n hideSortBy?: boolean;\n /* options for the dropdown to sort /\n values?: HvRightListControls[];\n /* Callback called when a sort action occurs /\n onSort?: (selected: HvRightListControls \| undefined) => void;\n /* Extra props passed to dropdown /\n sortProps?: HvDropdownProps;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvRightControlClasses;\n};\n\nexport const HvRightControl = ({\n id,\n classes,\n className,\n children,\n values,\n onSort,\n hideSortBy = false,\n sortProps,\n ...others\n}: HvRightControlProps) => {\n const [dropDownValues, setDropdownValues] = useState(values);\n\n const { onSort: onSortHandler } = useContext(HvControlsContext);\n\n const handleChangeSort = (value) => {\n onSort?.(value);\n onSortHandler?.(value);\n // this should be changed when dropdown changes his \"values\" behavior\n setDropdownValues((prevValues) =>\n prevValues?.map((prevValue) => ({\n ...prevValue,\n selected: prevValue.id === value.id,\n }))\n );\n };\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, rightControlClasses.root, classes?.root)}\n {...others}\n >\n {!hideSortBy && (\n <StyledDropdown\n id={setId(id, \"sort-by-dropdown\")}\n values={dropDownValues}\n className={clsx(\n rightControlClasses.sortDropdown,\n classes?.sortDropdown\n )}\n onChange={handleChangeSort}\n singleSelectionToggle={false}\n {...sortProps}\n />\n )}\n </StyledRoot>\n );\n};\n"],"names":["HvRightControl","id","classes","className","children","values","onSort","hideSortBy","sortProps","others","dropDownValues","setDropdownValues","useState","onSortHandler","useContext","HvControlsContext","handleChangeSort","value","prevValues","map","prevValue","selected","clsx","rightControlClasses","root","setId","sortDropdown"],"mappings":";;;;;;;AA2BO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACbC;AAAAA,KACGC;AACgB,MAAM;AACzB,QAAM,CAACC,gBAAgBC,iBAAiB,IAAIC,SAASP,MAAM;AAErD,QAAA;AAAA,IAAEC,QAAQO;AAAAA,EAAAA,IAAkBC,WAAWC,iBAAiB;AAE9D,QAAMC,mBAAoBC,CAAU,UAAA;AAClCX,qCAASW;AACTJ,mDAAgBI;AAEGC,sBAAAA,CAAAA,eACjBA,yCAAYC,IAAKC,CAAe,eAAA;AAAA,MAC9B,GAAGA;AAAAA,MACHC,UAAUD,UAAUnB,OAAOgB,MAAMhB;AAAAA,OAChC;AAAA,EAAA;AAIP,6BACG,YACC,EAAA,IACA,WAAWqB,KAAKnB,WAAWoB,oBAAoBC,MAAMtB,mCAASsB,IAAI,GAC9Df,GAAAA,QAEH,UAACF,CAAAA,kCACC,gBACC,EAAA,IAAIkB,MAAMxB,IAAI,kBAAkB,GAChC,QAAQS,gBACR,WAAWY,KACTC,oBAAoBG,cACpBxB,mCAASwB,YAAY,GAEvB,UAAUV,kBACV,uBAAuB,OACvB,GAAIR,WAEP,EACH,CAAA;AAEJ;"}

package/dist/esm/components/Controls/RightControl/RightControl.styles.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import _styled from "@emotion/styled/base";
 import { jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
 import { HvDropdown } from "../../Dropdown/Dropdown.js";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
@@ -18,9 +18,7 @@ const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "prod
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ29udHJvbHMvUmlnaHRDb250cm9sL1JpZ2h0Q29udHJvbC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUcwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NvbnRyb2xzL1JpZ2h0Q29udHJvbC9SaWdodENvbnRyb2wuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZEcm9wZG93biB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBnYXA6IDEwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkRyb3Bkb3duIHsuLi5wcm9wc30gLz4pKHtcbiAgbWluV2lkdGg6IDIwMCxcbn0pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledDropdown = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvDropdown, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
+const StyledDropdown = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvDropdown, { ...props }), process.env.NODE_ENV === "production" ? {
   target: "e16dy5r70"
 } : {
   target: "e16dy5r70",

package/dist/esm/components/Controls/RightControl/RightControl.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RightControl.styles.js","sources":["../../../../../src/components/Controls/RightControl/RightControl.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvDropdown } from \"components\";\n\nexport const StyledRoot = styled(\"div\")({\n display: \"inline-flex\",\n gap: 10,\n});\n\nexport const StyledDropdown = styled((props) => <HvDropdown {...props} />)({\n minWidth: 200,\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledDropdown","~~_styled","~~props"~~,"_jsx","HvDropdown"~~],"mappings":";;;;;;AAGO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;~~AAEK~~,~~MAAMC~~,~~iBAAiBC~~,~~wBAAQC~~,~~CAAUC~~,~~UAAAA~~,~~oBAACC~~,~~YAAU;AAAA~~,~~EAAA~~,~~GAAKF;AAAK~~,~~CAAA~~,~~GAAIZ~~,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAExE;"}
1	+ {"version":3,"file":"RightControl.styles.js","sources":["../../../../../src/components/Controls/RightControl/RightControl.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvDropdown } from \"components\";\n\nexport const StyledRoot = styled(\"div\")({\n display: \"inline-flex\",\n gap: 10,\n});\n\nexport const StyledDropdown = styled((props) => <HvDropdown {...props} />)({\n minWidth: 200,\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledDropdown","props"],"mappings":";;;;;;AAGO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;AAEWC,MAAAA,iBAAyBC,wBAAAA,CAAAA,UAAW,oBAAA,YAAA,EAAeA,GAAAA,MAAAA,CAAS,GAAAX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAExE;"}

package/dist/esm/components/Controls/{index.js → controlClasses.js} RENAMED Viewed

@@ -1,7 +1,8 @@
 import { getClasses } from "../../utils/classes.js";
 const classKeys = ["root", "section", "rightSection", "leftSection"];
 const controlsClasses = getClasses(classKeys, "HvControls");
+const controlsClasses$1 = controlsClasses;
 export {
-  controlsClasses
+  controlsClasses$1 as default
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=controlClasses.js.map

package/dist/esm/components/Controls/controlClasses.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"controlClasses.js","sources":["../../../../src/components/Controls/controlClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvControlsClasses = {\n root: string;\n section: string;\n rightSection: string;\n leftSection: string;\n};\n\nconst classKeys: string[] = [\"root\", \"section\", \"rightSection\", \"leftSection\"];\n\nconst controlsClasses = getClasses<HvControlsClasses>(classKeys, \"HvControls\");\n\nexport default controlsClasses;\n"],"names":["classKeys","controlsClasses","getClasses"],"mappings":";AASA,MAAMA,YAAsB,CAAC,QAAQ,WAAW,gBAAgB,aAAa;AAE7E,MAAMC,kBAAkBC,WAA8BF,WAAW,YAAY;AAE7E,MAAA,oBAAeC;"}

package/dist/esm/components/Dialog/Actions/Actions.js CHANGED Viewed

@@ -1,7 +1,7 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import { StyledActions } from "./Actions.styles.js";
 import dialogActionClasses from "./actionsClasses.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 const HvActions = ({
   classes,
   className,
@@ -9,16 +9,10 @@ const HvActions = ({
   fullscreen = false,
   ...others
 }) => {
-  return /* @__PURE__ */ jsx(StyledActions, {
-    className,
-    classes: {
-      root: clsx(dialogActionClasses.root, classes == null ? void 0 : classes.root, fullscreen && clsx(dialogActionClasses.fullscreen, classes == null ? void 0 : classes.fullscreen)),
-      spacing: clsx(dialogActionClasses.spacing, classes == null ? void 0 : classes.spacing)
-    },
-    $fullscreen: fullscreen,
-    ...others,
-    children
-  });
+  return /* @__PURE__ */ jsx(StyledActions, { className, classes: {
+    root: clsx(dialogActionClasses.root, classes == null ? void 0 : classes.root, fullscreen && clsx(dialogActionClasses.fullscreen, classes == null ? void 0 : classes.fullscreen)),
+    spacing: clsx(dialogActionClasses.spacing, classes == null ? void 0 : classes.spacing)
+  }, $fullscreen: fullscreen, ...others, children });
 };
 export {
   HvActions

package/dist/esm/components/Dialog/Actions/Actions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.js","sources":["../../../../../src/components/Dialog/Actions/Actions.tsx"],"sourcesContent":["import { DialogActionsProps as MuiDialogActionsProps } from \"@mui/material/DialogActions\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledActions } from \"./Actions.styles\";\nimport dialogActionClasses, { HvDialogActionClasses } from \"./actionsClasses\";\n\nexport type HvActionsProps = MuiDialogActionsProps &\n HvBaseProps & {\n /** Set the dialog to fullscreen mode. */\n fullscreen?: boolean;\n classes?: HvDialogActionClasses;\n };\n\nexport const HvActions = ({\n classes,\n className,\n children,\n fullscreen = false,\n ...others\n}: HvActionsProps) => {\n return (\n <StyledActions\n className={className}\n classes={{\n root: clsx(\n dialogActionClasses.root,\n classes?.root,\n fullscreen &&\n clsx(dialogActionClasses.fullscreen, classes?.fullscreen)\n ),\n spacing: clsx(dialogActionClasses.spacing, classes?.spacing),\n }}\n $fullscreen={fullscreen}\n {...others}\n >\n {children}\n </StyledActions>\n );\n};\n"],"names":["HvActions","classes","className","children","fullscreen","others","~~StyledActions","~~root","clsx","dialogActionClasses","spacing"~~,"$fullscreen"~~],"mappings":";;;;AAaO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,KACVC;AACW,MAAM;~~AACpB~~,~~6BACGC~~,~~eAAa;AAAA~~,~~IACZJ;AAAAA~~,~~IACAD~~,SAAS;AAAA,~~MACPM~~,MAAMC,KACJC,oBAAoBF,~~MACpBN~~,~~mCAASM~~,~~MACTH~~,~~cACEI~~,KAAKC,~~oBAAoBL~~,YAAYH,mCAASG,UAAU,CAAC;AAAA,~~MAE7DM~~,SAASF,KAAKC,oBAAoBC,~~SAAST~~,~~mCAASS~~,OAAO;AAAA,~~IAC7D;AAAA~~,~~IACAC~~,~~aAAaP;AAAAA~~,~~IAAW~~,~~GACpBC;AAAAA~~,~~IAAMF;AAAAA~~,~~EAAAA~~,~~CAGI~~;~~AAEpB~~;"}
1	+ {"version":3,"file":"Actions.js","sources":["../../../../../src/components/Dialog/Actions/Actions.tsx"],"sourcesContent":["import { DialogActionsProps as MuiDialogActionsProps } from \"@mui/material/DialogActions\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledActions } from \"./Actions.styles\";\nimport dialogActionClasses, { HvDialogActionClasses } from \"./actionsClasses\";\n\nexport type HvActionsProps = Omit<MuiDialogActionsProps, \"classes\"> &\n HvBaseProps & {\n /** Set the dialog to fullscreen mode. */\n fullscreen?: boolean;\n classes?: HvDialogActionClasses;\n };\n\nexport const HvActions = ({\n classes,\n className,\n children,\n fullscreen = false,\n ...others\n}: HvActionsProps) => {\n return (\n <StyledActions\n className={className}\n classes={{\n root: clsx(\n dialogActionClasses.root,\n classes?.root,\n fullscreen &&\n clsx(dialogActionClasses.fullscreen, classes?.fullscreen)\n ),\n spacing: clsx(dialogActionClasses.spacing, classes?.spacing),\n }}\n $fullscreen={fullscreen}\n {...others}\n >\n {children}\n </StyledActions>\n );\n};\n"],"names":["HvActions","classes","className","children","fullscreen","others","root","clsx","dialogActionClasses","spacing"],"mappings":";;;;AAaO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,KACVC;AACW,MAAM;AAElB,SAAA,oBAAC,eACC,EAAA,WACA,SAAS;AAAA,IACPC,MAAMC,KACJC,oBAAoBF,MACpBL,mCAASK,MACTF,cACEG,KAAKC,oBAAoBJ,YAAYH,mCAASG,UAAU,CAAC;AAAA,IAE7DK,SAASF,KAAKC,oBAAoBC,SAASR,mCAASQ,OAAO;AAAA,EAE7D,GAAA,aAAaL,YACTC,GAAAA,QAEHF,SACH,CAAA;AAEJ;"}

package/dist/esm/components/Dialog/Content/Content.js CHANGED Viewed

@@ -1,19 +1,15 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import MuiDialogContent from "@mui/material/DialogContent";
 import clsx from "clsx";
-import { StyledTypography, StyledContent } from "./Content.styles.js";
+import { StyledTypography } from "./Content.styles.js";
 import dialogContentClasses from "./contentClasses.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 const HvContent = ({
   classes,
   className,
   children,
   indentContent = false
 }) => {
-  return /* @__PURE__ */ jsx(StyledTypography, {
-    component: StyledContent,
-    className: clsx(className, dialogContentClasses.root, classes == null ? void 0 : classes.root),
-    $indentContent: indentContent,
-    children
-  });
+  return /* @__PURE__ */ jsx(StyledTypography, { component: MuiDialogContent, className: clsx(className, dialogContentClasses.root, classes == null ? void 0 : classes.root, !!indentContent && clsx(dialogContentClasses.textContent, classes == null ? void 0 : classes.textContent)), $indentContent: indentContent, children });
 };
 export {
   HvContent

package/dist/esm/components/Dialog/Content/Content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Content.js","sources":["../../../../../src/components/Dialog/Content/Content.tsx"],"sourcesContent":["import { DialogContentProps as MuiDialogContentProps } from \"@mui/material/DialogContent\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { ~~StyledContent,~~ StyledTypography } from \"./Content.styles\";\nimport dialogContentClasses, { HvDialogContentClasses } from \"./contentClasses\";\n\nexport type HvContentProps = MuiDialogContentProps &\n HvBaseProps & {\n /** Content should be indented in relationship to the Dialog title. */\n indentContent?: boolean;\n classes?: HvDialogContentClasses;\n };\n\nexport const HvContent = ({\n classes,\n className,\n children,\n indentContent = false,\n}: HvContentProps) => {\n return (\n <StyledTypography\n component={~~StyledContent~~}\n className={clsx(className, dialogContentClasses.~~root~~, classes?.~~root~~)}\n $indentContent={indentContent}\n >\n {children}\n </StyledTypography>\n );\n};\n"],"names":["HvContent","classes","className","children","indentContent","~~StyledTypography~~","~~component","StyledContent","~~clsx","dialogContentClasses","root","~~$indentContent~~"],"mappings":"~~;;;;AAaO~~,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AACF,MAAM;~~AACpB~~,~~6BACGC~~,~~kBAAgB;AAAA~~,~~IACfC~~,WAAWC~~;AAAAA~~,~~IACXL~~,~~WAAWM~~,~~KAAKN~~,~~WAAWO~~,qBAAqBC,~~MAAMT~~,~~mCAASS~~,~~IAAI;AAAA~~,~~IACnEC~~,~~gBAAgBP;AAAAA~~,~~IAAcD;AAAAA~~,~~EAAAA~~,~~CAGb~~;~~AAEvB~~;"}
1	+ {"version":3,"file":"Content.js","sources":["../../../../../src/components/Dialog/Content/Content.tsx"],"sourcesContent":["import MuiDialogContent, {\n DialogContentProps as MuiDialogContentProps,\n} from \"@mui/material/DialogContent\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledTypography } from \"./Content.styles\";\nimport dialogContentClasses, { HvDialogContentClasses } from \"./contentClasses\";\n\nexport type HvContentProps = Omit<MuiDialogContentProps, \"classes\"> &\n HvBaseProps & {\n /** Content should be indented in relationship to the Dialog title. */\n indentContent?: boolean;\n classes?: HvDialogContentClasses;\n };\n\nexport const HvContent = ({\n classes,\n className,\n children,\n indentContent = false,\n}: HvContentProps) => {\n return (\n <StyledTypography\n component={MuiDialogContent}\n className={clsx(\n className,\n dialogContentClasses.root,\n classes?.root,\n !!indentContent &&\n clsx(dialogContentClasses.textContent, classes?.textContent)\n )}\n $indentContent={indentContent}\n >\n {children}\n </StyledTypography>\n );\n};\n"],"names":["HvContent","classes","className","children","indentContent","MuiDialogContent","clsx","dialogContentClasses","root","textContent"],"mappings":";;;;;AAeO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AACF,MAAM;AAElB,SAAA,oBAAC,oBACC,WAAWC,kBACX,WAAWC,KACTJ,WACAK,qBAAqBC,MACrBP,mCAASO,MACT,CAAC,CAACJ,iBACAE,KAAKC,qBAAqBE,aAAaR,mCAASQ,WAAW,CAAC,GAEhE,gBAAgBL,eAEfD,SACH,CAAA;AAEJ;"}

package/dist/esm/components/Dialog/Content/Content.styles.js CHANGED Viewed

@@ -1,11 +1,7 @@
 import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
-import DialogContent from "@mui/material/DialogContent";
 import { transientOptions } from "../../../utils/transientOptions.js";
 import { HvTypography } from "../../Typography/Typography.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -20,20 +16,6 @@ function _extends() {
   };
   return _extends.apply(this, arguments);
 }
-const StyledContent = /* @__PURE__ */ _styled(DialogContent, process.env.NODE_ENV === "production" ? {
-  target: "e4uf5ag1"
-} : {
-  target: "e4uf5ag1",
-  label: "StyledContent"
-})(process.env.NODE_ENV === "production" ? {
-  name: "0",
-  styles: ""
-} : {
-  name: "0",
-  styles: "",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0NvbnRlbnQvQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU02QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9Db250ZW50L0NvbnRlbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IERpYWxvZ0NvbnRlbnQgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvRGlhbG9nQ29udGVudFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZChEaWFsb2dDb250ZW50KSh7fSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGluZGVudENvbnRlbnQgfTogeyAkaW5kZW50Q29udGVudDogYm9vbGVhbiB9KSA9PiAoe1xuICBwYWRkaW5nOiBgMCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGZsZXg6IFwibm9uZVwiLFxuICAuLi4oJGluZGVudENvbnRlbnQgJiYge1xuICAgIG1hcmdpbkxlZnQ6IFwiNDJweFwiLFxuICAgIHBhZGRpbmdSaWdodDogXCI2MnB4XCIsXG4gICAgZmxleDogMSxcbiAgICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICB9KSxcbn0pKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
 const StyledTypography = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e4uf5ag0"
 }, transientOptions) : _extends({}, {
@@ -50,9 +32,8 @@ const StyledTypography = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_
     flex: 1,
     overflowY: "auto"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0NvbnRlbnQvQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9Db250ZW50L0NvbnRlbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IERpYWxvZ0NvbnRlbnQgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvRGlhbG9nQ29udGVudFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZChEaWFsb2dDb250ZW50KSh7fSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGluZGVudENvbnRlbnQgfTogeyAkaW5kZW50Q29udGVudDogYm9vbGVhbiB9KSA9PiAoe1xuICBwYWRkaW5nOiBgMCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGZsZXg6IFwibm9uZVwiLFxuICAuLi4oJGluZGVudENvbnRlbnQgJiYge1xuICAgIG1hcmdpbkxlZnQ6IFwiNDJweFwiLFxuICAgIHBhZGRpbmdSaWdodDogXCI2MnB4XCIsXG4gICAgZmxleDogMSxcbiAgICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0NvbnRlbnQvQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9Db250ZW50L0NvbnRlbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpbmRlbnRDb250ZW50IH06IHsgJGluZGVudENvbnRlbnQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgcGFkZGluZzogYDAgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBmbGV4OiBcIm5vbmVcIixcbiAgLi4uKCRpbmRlbnRDb250ZW50ICYmIHtcbiAgICBtYXJnaW5MZWZ0OiBcIjQycHhcIixcbiAgICBwYWRkaW5nUmlnaHQ6IFwiNjJweFwiLFxuICAgIGZsZXg6IDEsXG4gICAgb3ZlcmZsb3dZOiBcImF1dG9cIixcbiAgfSksXG59KSk7XG4iXX0= */");
 export {
-  StyledContent,
   StyledTypography
 };
 //# sourceMappingURL=Content.styles.js.map

package/dist/esm/components/Dialog/Content/Content.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Content.styles.js","sources":["../../../../../src/components/Dialog/Content/Content.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport ~~DialogContent from \"@mui/material/DialogContent\";\nimport~~ { HvTypography } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const ~~StyledContent = styled(DialogContent)({});\n\nexport const~~ StyledTypography = styled(\n HvTypography,\n transientOptions\n)(({ $indentContent }: { $indentContent: boolean }) => ({\n padding: `0 ${theme.space.sm} ${theme.space.sm} ${theme.space.sm}`,\n flex: \"none\",\n ...($indentContent && {\n marginLeft: \"42px\",\n paddingRight: \"62px\",\n flex: 1,\n overflowY: \"auto\",\n }),\n}));\n"],"names":["~~StyledContent~~","~~DialogContent~~","process","env","NODE_ENV","~~target~~","~~label~~","~~name~~","~~styles~~","~~map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledTypography","HvTypography","_extends","transientOptions","~~$indentContent","padding","theme","space","sm","flex","marginLeft","paddingRight","overflowY"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;AAMO~~,MAAMA,gBAAuBC,wBAAAA,eAAaC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAAI;AAEzCC,MAAAA,2CACXC,~~cAAYX~~,QAAAC,IAAAC,~~4BAAAU~~,SAAA,IAAA;AAAA,~~EAAAT~~,QAAA;AAAA,~~GACZU~~,gBAAgB,~~IAAAD~~,SAAA,IAAA;AAAA,~~EAAAT~~,QAAA;AAAA,~~EAAAC~~,OAAA;AAAA,~~GAAhBS~~,gBAAgB,CACjB,EAAC,CAAC;AAAA,~~EAAEC~~;AAA4C,OAAO;AAAA,EACtDC,SAAU,KAAIC,MAAMC,MAAMC,MAAMF,MAAMC,MAAMC,MAAMF,MAAMC,MAAMC;AAAAA,EAC9DC,MAAM;AAAA,EACN,GAAIL,kBAAkB;AAAA,IACpBM,YAAY;AAAA,IACZC,cAAc;AAAA,IACdF,MAAM;AAAA,IACNG,WAAW;AAAA,EACb;AACF,~~IAAEtB~~,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~63CAAA~~;"}
1	+ {"version":3,"file":"Content.styles.js","sources":["../../../../../src/components/Dialog/Content/Content.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledTypography = styled(\n HvTypography,\n transientOptions\n)(({ $indentContent }: { $indentContent: boolean }) => ({\n padding: `0 ${theme.space.sm} ${theme.space.sm} ${theme.space.sm}`,\n flex: \"none\",\n ...($indentContent && {\n marginLeft: \"42px\",\n paddingRight: \"62px\",\n flex: 1,\n overflowY: \"auto\",\n }),\n}));\n"],"names":["StyledTypography","HvTypography","process","env","NODE_ENV","_extends","target","transientOptions","label","$indentContent","padding","theme","space","sm","flex","marginLeft","paddingRight","overflowY"],"mappings":";;;;;;;;;;;;;;;;;;AAKaA,MAAAA,2CACXC,cAAYC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA4C,OAAO;AAAA,EACtDC,SAAU,KAAIC,MAAMC,MAAMC,MAAMF,MAAMC,MAAMC,MAAMF,MAAMC,MAAMC;AAAAA,EAC9DC,MAAM;AAAA,EACN,GAAIL,kBAAkB;AAAA,IACpBM,YAAY;AAAA,IACZC,cAAc;AAAA,IACdF,MAAM;AAAA,IACNG,WAAW;AAAA,EACb;AACF,IAAEf,QAAAC,IAAAC,aAAC,eAAA,KAAA,6tCAAA;"}

package/dist/esm/components/Dialog/Content/contentClasses.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { getClasses } from "../../../utils/classes.js";
-const classKeys = ["root"];
+const classKeys = ["root", "textContent"];
 const dialogContentClasses = getClasses(classKeys, "HvDialog-Content");
 const dialogContentClasses$1 = dialogContentClasses;
 export {

package/dist/esm/components/Dialog/Content/contentClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"contentClasses.js","sources":["../../../../../src/components/Dialog/Content/contentClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDialogContentClasses = {\n root?: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst dialogContentClasses = getClasses<HvDialogContentClasses>(\n classKeys,\n \"HvDialog-Content\"\n);\n\nexport default dialogContentClasses;\n"],"names":["classKeys","dialogContentClasses","getClasses"],"mappings":";~~AAMA~~,MAAMA,YAAsB,CAAC,~~MAAM~~;~~AAEnC~~,MAAMC,uBAAuBC,WAC3BF,WACA,kBAAkB;AAGpB,MAAA,yBAAeC;"}
1	+ {"version":3,"file":"contentClasses.js","sources":["../../../../../src/components/Dialog/Content/contentClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDialogContentClasses = {\n root?: string;\n textContent?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"textContent\"];\n\nconst dialogContentClasses = getClasses<HvDialogContentClasses>(\n classKeys,\n \"HvDialog-Content\"\n);\n\nexport default dialogContentClasses;\n"],"names":["classKeys","dialogContentClasses","getClasses"],"mappings":";AAOA,MAAMA,YAAsB,CAAC,QAAQ,aAAa;AAElD,MAAMC,uBAAuBC,WAC3BF,WACA,kBAAkB;AAGpB,MAAA,yBAAeC;"}