npm - @hitachivantara/uikit-react-core - Versions diffs - 5.5.0 → 5.6.0 - Mend

@hitachivantara/uikit-react-core 5.5.0 → 5.6.0

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseCheckBox.js","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.tsx"],"sourcesContent":["import {\n CheckboxCheck as CheckboxCheckIcon,\n CheckboxPartial as CheckboxPartialIcon,\n Checkbox as CheckboxIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { CheckboxProps as MuiCheckboxProps } from \"@mui/material\";\nimport { clsx } from \"clsx\";\nimport React, { useCallback, useState } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledCheckedBox } from \"./BaseCheckBox.styles\";\nimport baseCheckBoxClasses, {\n HvBaseCheckBoxClasses,\n} from \"./baseCheckBoxClasses\";\n\nexport interface HvBaseCheckBoxProps\n extends Omit<MuiCheckboxProps, \"onChange\" \| \"classes\">,\n HvBaseProps<HTMLButtonElement, { onChange; color }> {\n /*\n The input name.\n /\n name?: string;\n /\n The value of the input.\n \n Is up to the application's logic when to consider the submission of this value.\n * Generally it should be used only when the checkbox is neither unchecked nor indeterminate.\n \n The default value is \"on\".\n /\n value?: any;\n /\n Indicates that the input is disabled.\n /\n disabled?: boolean;\n /\n Indicates that the input is not editable.\n /\n readOnly?: boolean;\n /\n Indicates that user input is required.\n /\n required?: boolean;\n /\n If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n \n When defined the checkbox state becomes controlled.\n /\n checked?: boolean;\n /\n When uncontrolled, defines the initial checked state.\n /\n defaultChecked?: boolean;\n /\n If `true` the checkbox visually shows the indeterminate state.\n /\n indeterminate?: boolean;\n /\n The callback fired when the checkbox is pressed.\n /\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement>,\n checked: boolean,\n value: any\n ) => void;\n /\n Whether the selector should use semantic colors.\n /\n semantic?: boolean;\n /\n Properties passed on to the input element.\n /\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n /\n Callback fired when the component is focused with a keyboard.\n * We trigger a `onFocus` callback too.\n /\n onFocusVisible?: (event: React.FocusEvent<any>) => void;\n /\n Callback fired when the component is blurred.\n /\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n /\n A Jss Object used to override or extend the styles applied to the checkbox.\n /\n classes?: HvBaseCheckBoxClasses;\n}\n\nconst getSelectorIcons = (\n options: {\n disabled: boolean;\n semantic: boolean;\n },\n classes?: HvBaseCheckBoxClasses\n) => {\n const { disabled, semantic } = options;\n const color =\n (disabled && [\"atmo3\", \"secondary_60\"]) \|\|\n (semantic && [\"base_light\", \"base_dark\"]) \|\|\n undefined;\n const checkedColor =\n (disabled && [\"atmo3\", \"secondary_60\"]) \|\|\n (semantic && [\"base_dark\", \"base_light\"]) \|\|\n undefined;\n\n // Default colors: [\"atmo1\",\"secondary\"]\n return {\n checkbox: (\n <CheckboxIcon\n color={color}\n className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n />\n ),\n checkboxPartial: (\n <CheckboxPartialIcon\n color={color}\n className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n />\n ),\n checkboxChecked: (\n <CheckboxCheckIcon\n color={checkedColor}\n className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n />\n ),\n };\n};\n\n/\n A Checkbox is a mechanism that allows user to select one or more options.\n \n The Base Checkbox is a building block of the Checkbox form element. Don't use unless\n * implementing a custom use case not covered by the Checkbox form element.\n */\nexport const HvBaseCheckBox = ({\n id,\n classes,\n className,\n name,\n inputProps,\n onChange,\n onFocusVisible,\n onBlur,\n checked,\n indeterminate,\n defaultChecked,\n value = \"on\",\n required = false,\n readOnly = false,\n disabled = false,\n semantic = false,\n ...others\n}: HvBaseCheckBoxProps) => {\n const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n const icons = getSelectorIcons({ disabled, semantic }, classes);\n\n const onChangeCallback = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n if (readOnly) {\n return;\n }\n\n onChange?.(event, event.target.checked, value);\n },\n [onChange, readOnly, value]\n );\n\n const onBlurCallback = useCallback(\n (event: React.FocusEvent<HTMLButtonElement>) => {\n setFocusVisible(false);\n onBlur?.(event);\n },\n [onBlur]\n );\n\n const onFocusVisibleCallback = useCallback(\n (event: React.FocusEvent<any>) => {\n setFocusVisible(true);\n onFocusVisible?.(event);\n },\n [onFocusVisible]\n );\n\n return (\n <StyledCheckedBox\n id={id}\n name={name}\n value={value}\n className={clsx(\n className,\n baseCheckBoxClasses.root,\n classes?.root,\n disabled && clsx(baseCheckBoxClasses.disabled, classes?.disabled),\n focusVisible &&\n clsx(baseCheckBoxClasses.focusVisible, classes?.focusVisible)\n )}\n $focusVisible={focusVisible}\n icon={icons.checkbox}\n indeterminateIcon={icons.checkboxPartial}\n checkedIcon={icons.checkboxChecked}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n checked={checked}\n defaultChecked={defaultChecked}\n indeterminate={indeterminate}\n inputProps={inputProps}\n onChange={onChangeCallback}\n onFocusVisible={onFocusVisibleCallback}\n onBlur={onBlurCallback}\n color=\"default\"\n disableRipple\n {...others}\n />\n );\n};\n"],"names":["getSelectorIcons","options","classes","disabled","semantic","color","undefined","checkedColor","checkbox","CheckboxIcon","className","clsx","icon","baseCheckBoxClasses","checkboxPartial","CheckboxPartialIcon","checkboxChecked","CheckboxCheckIcon","HvBaseCheckBox","id","name","inputProps","onChange","onFocusVisible","onBlur","checked","indeterminate","defaultChecked","value","required","readOnly","others","focusVisible","setFocusVisible","useState","icons","onChangeCallback","useCallback","event","target","onBlurCallback","onFocusVisibleCallback","StyledCheckedBox","root","$focusVisible","indeterminateIcon","checkedIcon","disableRipple"],"mappings":";;;;;;AAuFA,MAAMA,mBAAmBA,CACvBC,SAIAC,YACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,EAAaH,IAAAA;AACzBI,QAAAA,QACHF,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,cAAc,WAAW,KACvCE;AACIC,QAAAA,eACHJ,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,aAAa,YAAY,KACvCE;AAGK,SAAA;AAAA,IACLE,8BACGC,UAAY;AAAA,MACXJ;AAAAA,MACAK,WAAWC,KAAKT,mCAASU,MAAMC,oBAAoBD,IAAI;AAAA,IAAA,CAE1D;AAAA,IACDE,qCACGC,iBAAmB;AAAA,MAClBV;AAAAA,MACAK,WAAWC,KAAKT,mCAASU,MAAMC,oBAAoBD,IAAI;AAAA,IAAA,CAE1D;AAAA,IACDI,qCACGC,eAAiB;AAAA,MAChBZ,OAAOE;AAAAA,MACPG,WAAWC,KAAKT,mCAASU,MAAMC,oBAAoBD,IAAI;AAAA,IAAA,CAAE;AAAA,EAAA;AAIjE;AAQO,MAAMM,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAjB;AAAAA,EACAQ;AAAAA,EACAU;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,WAAW;AAAA,EACXC,WAAW;AAAA,EACX3B,WAAW;AAAA,EACXC,WAAW;AAAA,EACX,GAAG2B;AACgB,MAAM;AACzB,QAAM,CAACC,cAAcC,eAAe,IAAIC,SAAkB,KAAK;AAE/D,QAAMC,QAAQnC,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDkC,QAAAA,mBAAmBC,YACvB,CAACC,UAA+C;AAC9C,QAAIR,UAAU;AACZ;AAAA,IACF;AAEAR,yCAAWgB,OAAOA,MAAMC,OAAOd,SAASG;AAAAA,EAE1C,GAAA,CAACN,UAAUQ,UAAUF,KAAK,CAAC;AAGvBY,QAAAA,iBAAiBH,YACrB,CAACC,UAA+C;AAC9CL,oBAAgB,KAAK;AACrBT,qCAASc;AAAAA,EAAK,GAEhB,CAACd,MAAM,CAAC;AAGJiB,QAAAA,yBAAyBJ,YAC7B,CAACC,UAAiC;AAChCL,oBAAgB,IAAI;AACpBV,qDAAiBe;AAAAA,EAAK,GAExB,CAACf,cAAc,CAAC;AAGlB,6BACGmB,kBAAgB;AAAA,IACfvB;AAAAA,IACAC;AAAAA,IACAQ;AAAAA,IACAlB,WAAWC,KACTD,WACAG,oBAAoB8B,MACpBzC,mCAASyC,MACTxC,YAAYQ,KAAKE,oBAAoBV,UAAUD,mCAASC,QAAQ,GAChE6B,gBACErB,KAAKE,oBAAoBmB,cAAc9B,mCAAS8B,YAAY,CAAC;AAAA,IAEjEY,eAAeZ;AAAAA,IACfpB,MAAMuB,MAAM3B;AAAAA,IACZqC,mBAAmBV,MAAMrB;AAAAA,IACzBgC,aAAaX,MAAMnB;AAAAA,IACnBb;AAAAA,IACA0B;AAAAA,IACAC;AAAAA,IACAL;AAAAA,IACAE;AAAAA,IACAD;AAAAA,IACAL;AAAAA,IACAC,UAAUc;AAAAA,IACVb,gBAAgBkB;AAAAA,IAChBjB,QAAQgB;AAAAA,IACRnC,OAAM;AAAA,IACN0C,eAAa;AAAA,IAAA,GACThB;AAAAA,EAAAA,CACJ;AAEN;"}
1	+ {"version":3,"file":"BaseCheckBox.js","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.tsx"],"sourcesContent":["import {\n CheckboxCheck as CheckboxCheckIcon,\n CheckboxPartial as CheckboxPartialIcon,\n Checkbox as CheckboxIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { CheckboxProps as MuiCheckboxProps } from \"@mui/material\";\nimport { clsx } from \"clsx\";\nimport React, { useCallback, useState } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledCheckedBox } from \"./BaseCheckBox.styles\";\nimport baseCheckBoxClasses, {\n HvBaseCheckBoxClasses,\n} from \"./baseCheckBoxClasses\";\n\nexport interface HvBaseCheckBoxProps\n extends Omit<MuiCheckboxProps, \"onChange\" \| \"classes\">,\n HvBaseProps<HTMLButtonElement, \"onChange\" \| \"color\"> {\n /*\n The input name.\n /\n name?: string;\n /\n The value of the input.\n \n Is up to the application's logic when to consider the submission of this value.\n * Generally it should be used only when the checkbox is neither unchecked nor indeterminate.\n \n The default value is \"on\".\n /\n value?: any;\n /\n Indicates that the input is disabled.\n /\n disabled?: boolean;\n /\n Indicates that the input is not editable.\n /\n readOnly?: boolean;\n /\n Indicates that user input is required.\n /\n required?: boolean;\n /\n If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n \n When defined the checkbox state becomes controlled.\n /\n checked?: boolean;\n /\n When uncontrolled, defines the initial checked state.\n /\n defaultChecked?: boolean;\n /\n If `true` the checkbox visually shows the indeterminate state.\n /\n indeterminate?: boolean;\n /\n The callback fired when the checkbox is pressed.\n /\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement>,\n checked: boolean,\n value: any\n ) => void;\n /\n Whether the selector should use semantic colors.\n /\n semantic?: boolean;\n /\n Properties passed on to the input element.\n /\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n /\n Callback fired when the component is focused with a keyboard.\n * We trigger a `onFocus` callback too.\n /\n onFocusVisible?: (event: React.FocusEvent<any>) => void;\n /\n Callback fired when the component is blurred.\n /\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n /\n A Jss Object used to override or extend the styles applied to the checkbox.\n /\n classes?: HvBaseCheckBoxClasses;\n}\n\nconst getSelectorIcons = (\n options: {\n disabled: boolean;\n semantic: boolean;\n },\n classes?: HvBaseCheckBoxClasses\n) => {\n const { disabled, semantic } = options;\n const color =\n (disabled && [\"atmo3\", \"secondary_60\"]) \|\|\n (semantic && [\"base_light\", \"base_dark\"]) \|\|\n undefined;\n const checkedColor =\n (disabled && [\"atmo3\", \"secondary_60\"]) \|\|\n (semantic && [\"base_dark\", \"base_light\"]) \|\|\n undefined;\n\n // Default colors: [\"atmo1\",\"secondary\"]\n return {\n checkbox: (\n <CheckboxIcon\n color={color}\n className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n />\n ),\n checkboxPartial: (\n <CheckboxPartialIcon\n color={color}\n className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n />\n ),\n checkboxChecked: (\n <CheckboxCheckIcon\n color={checkedColor}\n className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n />\n ),\n };\n};\n\n/\n A Checkbox is a mechanism that allows user to select one or more options.\n \n The Base Checkbox is a building block of the Checkbox form element. Don't use unless\n * implementing a custom use case not covered by the Checkbox form element.\n */\nexport const HvBaseCheckBox = ({\n id,\n classes,\n className,\n name,\n inputProps,\n onChange,\n onFocusVisible,\n onBlur,\n checked,\n indeterminate,\n defaultChecked,\n value = \"on\",\n required = false,\n readOnly = false,\n disabled = false,\n semantic = false,\n ...others\n}: HvBaseCheckBoxProps) => {\n const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n const icons = getSelectorIcons({ disabled, semantic }, classes);\n\n const onChangeCallback = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n if (readOnly) {\n return;\n }\n\n onChange?.(event, event.target.checked, value);\n },\n [onChange, readOnly, value]\n );\n\n const onBlurCallback = useCallback(\n (event: React.FocusEvent<HTMLButtonElement>) => {\n setFocusVisible(false);\n onBlur?.(event);\n },\n [onBlur]\n );\n\n const onFocusVisibleCallback = useCallback(\n (event: React.FocusEvent<any>) => {\n setFocusVisible(true);\n onFocusVisible?.(event);\n },\n [onFocusVisible]\n );\n\n return (\n <StyledCheckedBox\n id={id}\n name={name}\n value={value}\n className={clsx(\n className,\n baseCheckBoxClasses.root,\n classes?.root,\n disabled && clsx(baseCheckBoxClasses.disabled, classes?.disabled),\n focusVisible &&\n clsx(baseCheckBoxClasses.focusVisible, classes?.focusVisible)\n )}\n $focusVisible={focusVisible}\n icon={icons.checkbox}\n indeterminateIcon={icons.checkboxPartial}\n checkedIcon={icons.checkboxChecked}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n checked={checked}\n defaultChecked={defaultChecked}\n indeterminate={indeterminate}\n inputProps={inputProps}\n onChange={onChangeCallback}\n onFocusVisible={onFocusVisibleCallback}\n onBlur={onBlurCallback}\n color=\"default\"\n disableRipple\n {...others}\n />\n );\n};\n"],"names":["getSelectorIcons","options","classes","disabled","semantic","color","undefined","checkedColor","checkbox","CheckboxIcon","className","clsx","icon","baseCheckBoxClasses","checkboxPartial","CheckboxPartialIcon","checkboxChecked","CheckboxCheckIcon","HvBaseCheckBox","id","name","inputProps","onChange","onFocusVisible","onBlur","checked","indeterminate","defaultChecked","value","required","readOnly","others","focusVisible","setFocusVisible","useState","icons","onChangeCallback","useCallback","event","target","onBlurCallback","onFocusVisibleCallback","StyledCheckedBox","root","$focusVisible","indeterminateIcon","checkedIcon","disableRipple"],"mappings":";;;;;;AAuFA,MAAMA,mBAAmBA,CACvBC,SAIAC,YACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,EAAaH,IAAAA;AACzBI,QAAAA,QACHF,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,cAAc,WAAW,KACvCE;AACIC,QAAAA,eACHJ,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,aAAa,YAAY,KACvCE;AAGK,SAAA;AAAA,IACLE,8BACGC,UAAY;AAAA,MACXJ;AAAAA,MACAK,WAAWC,KAAKT,mCAASU,MAAMC,oBAAoBD,IAAI;AAAA,IAAA,CAE1D;AAAA,IACDE,qCACGC,iBAAmB;AAAA,MAClBV;AAAAA,MACAK,WAAWC,KAAKT,mCAASU,MAAMC,oBAAoBD,IAAI;AAAA,IAAA,CAE1D;AAAA,IACDI,qCACGC,eAAiB;AAAA,MAChBZ,OAAOE;AAAAA,MACPG,WAAWC,KAAKT,mCAASU,MAAMC,oBAAoBD,IAAI;AAAA,IAAA,CAAE;AAAA,EAAA;AAIjE;AAQO,MAAMM,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAjB;AAAAA,EACAQ;AAAAA,EACAU;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,WAAW;AAAA,EACXC,WAAW;AAAA,EACX3B,WAAW;AAAA,EACXC,WAAW;AAAA,EACX,GAAG2B;AACgB,MAAM;AACzB,QAAM,CAACC,cAAcC,eAAe,IAAIC,SAAkB,KAAK;AAE/D,QAAMC,QAAQnC,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDkC,QAAAA,mBAAmBC,YACvB,CAACC,UAA+C;AAC9C,QAAIR,UAAU;AACZ;AAAA,IACF;AAEAR,yCAAWgB,OAAOA,MAAMC,OAAOd,SAASG;AAAAA,EAE1C,GAAA,CAACN,UAAUQ,UAAUF,KAAK,CAAC;AAGvBY,QAAAA,iBAAiBH,YACrB,CAACC,UAA+C;AAC9CL,oBAAgB,KAAK;AACrBT,qCAASc;AAAAA,EAAK,GAEhB,CAACd,MAAM,CAAC;AAGJiB,QAAAA,yBAAyBJ,YAC7B,CAACC,UAAiC;AAChCL,oBAAgB,IAAI;AACpBV,qDAAiBe;AAAAA,EAAK,GAExB,CAACf,cAAc,CAAC;AAGlB,6BACGmB,kBAAgB;AAAA,IACfvB;AAAAA,IACAC;AAAAA,IACAQ;AAAAA,IACAlB,WAAWC,KACTD,WACAG,oBAAoB8B,MACpBzC,mCAASyC,MACTxC,YAAYQ,KAAKE,oBAAoBV,UAAUD,mCAASC,QAAQ,GAChE6B,gBACErB,KAAKE,oBAAoBmB,cAAc9B,mCAAS8B,YAAY,CAAC;AAAA,IAEjEY,eAAeZ;AAAAA,IACfpB,MAAMuB,MAAM3B;AAAAA,IACZqC,mBAAmBV,MAAMrB;AAAAA,IACzBgC,aAAaX,MAAMnB;AAAAA,IACnBb;AAAAA,IACA0B;AAAAA,IACAC;AAAAA,IACAL;AAAAA,IACAE;AAAAA,IACAD;AAAAA,IACAL;AAAAA,IACAC,UAAUc;AAAAA,IACVb,gBAAgBkB;AAAAA,IAChBjB,QAAQgB;AAAAA,IACRnC,OAAM;AAAA,IACN0C,eAAa;AAAA,IAAA,GACThB;AAAAA,EAAAA,CACJ;AAEN;"}

package/dist/esm/components/BaseCheckBox/baseCheckBoxClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"baseCheckBoxClasses.js","sources":["../../../../src/components/BaseCheckBox/baseCheckBoxClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBaseCheckBoxClasses {\n root?: string;\n disabled?: string;\n focusVisible?: string;\n icon?: string;\n}\n\nconst classKeys: ~~string~~[] = [\"root\", \"disabled\", \"focusVisible\", \"icon\"];\n\nconst baseCheckBoxClasses = getClasses~~<HvBaseCheckBoxClasses>~~(\n classKeys~~,\n~~ \"HvBaseCheckBox\"\n);\n\nexport default baseCheckBoxClasses;\n"],"names":["classKeys","baseCheckBoxClasses","getClasses"],"mappings":";AASA,MAAMA,~~YAAsB~~,~~CAAC~~,~~QAAQ~~,~~YAAY~~,~~gBAAgB~~,MAAM;~~AAEvE~~,MAAMC,sBAAsBC,~~WAC1BF~~,~~WACA~~,gBAAgB;~~AAGlB~~,MAAA,wBAAeC;"}
1	+ {"version":3,"file":"baseCheckBoxClasses.js","sources":["../../../../src/components/BaseCheckBox/baseCheckBoxClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBaseCheckBoxClasses {\n root?: string;\n disabled?: string;\n focusVisible?: string;\n icon?: string;\n}\n\nconst classKeys: (keyof HvBaseCheckBoxClasses)[] = [\n \"root\",\n \"disabled\",\n \"focusVisible\",\n \"icon\",\n];\n\nconst baseCheckBoxClasses = getClasses(classKeys, \"HvBaseCheckBox\");\n\nexport default baseCheckBoxClasses;\n"],"names":["classKeys","baseCheckBoxClasses","getClasses"],"mappings":";AASA,MAAMA,YAA6C,CACjD,QACA,YACA,gBACA,MAAM;AAGR,MAAMC,sBAAsBC,WAAWF,WAAW,gBAAgB;AAElE,MAAA,wBAAeC;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseDropdown.js","sources":["../../../../src/components/BaseDropdown/BaseDropdown.tsx"],"sourcesContent":["import React, { useMemo, useState, useCallback } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { clsx } from \"clsx\";\nimport BaseDropdownContext from \"./BaseDropdownContext\";\nimport {\n ClickAwayListener,\n PopperPlacementType,\n PopperProps,\n} from \"@mui/material\";\nimport { useControlled, useForkRef, useTheme, useUniqueId } from \"@core/hooks\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { getFirstAndLastFocus } from \"@core/utils/focusableElementFinder\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n StyledAnchor,\n StyledContainer,\n StyledDropDownXS,\n StyledDropUpXS,\n StyledExtension,\n StyledHeaderRoot,\n StyledPanel,\n StyledPlaceholder,\n StyledRoot,\n StyledSelection,\n} from \"./BaseDropdown.styles\";\nimport { usePopper } from \"react-popper\";\nimport { detectOverflow, ModifierArguments, Options } from \"@popperjs/core\";\nimport baseDropdownClasses, {\n HvBaseDropdownClasses,\n} from \"./baseDropdownClasses\";\n\nconst { Tab, Enter, Esc, Space, ArrowDown } = keyboardCodes;\n\nexport interface HvBaseDropdownProps\n extends HvBaseProps<HTMLDivElement, { placeholder }> {\n /*\n The role of the element that triggers the popup.\n \n Defaults to \"combobox\" if `component` and the default\n * \"textbox\" header is used, undefined otherwise.\n /\n role?: string;\n /\n Header placeholder.\n /\n placeholder?: string \| React.ReactNode;\n /\n If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.\n /\n disabled?: boolean;\n /\n If `true` the dropdown will be in read only mode, unable to be interacted.\n /\n readOnly?: boolean;\n /\n Disable the portal behavior.\n * The children stay within it's parent DOM hierarchy.\n /\n disablePortal?: boolean;\n /\n If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n * Defaults to `false`.\n /\n variableWidth?: boolean;\n /\n If `true` the dropdown starts opened if `false` it starts closed.\n /\n expanded?: boolean;\n /\n When uncontrolled, defines the initial expanded state.\n /\n defaultExpanded?: boolean;\n /\n An object containing props to be wired to the popper component.\n /\n popperProps?: Partial<PopperProps>;\n /\n Placement of the dropdown.\n /\n placement?: \"left\" \| \"right\";\n /\n Replacement for the header component.\n /\n component?: React.ReactNode;\n /\n Adornment to replace the default arrows.\n /\n adornment?: React.ReactNode;\n /\n When dropdown changes the expanded state.\n /\n onToggle?: (event: Event, open: boolean) => void;\n /\n When user click outside the open container.\n /\n onClickOutside?: (event: Event) => void;\n /\n Callback called when the dropdown is opened and ready,\n * commonly used to set focus to the content.\n /\n onContainerCreation?: (container: HTMLElement \| null) => void;\n /\n Attributes applied to the dropdown header element.\n /\n dropdownHeaderProps?: React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n >;\n /\n Pass a ref to the dropdown header element.\n /\n dropdownHeaderRef?: React.Ref<any>;\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes?: HvBaseDropdownClasses;\n}\n\nexport const HvBaseDropdown = ({\n id,\n className,\n classes,\n children,\n role,\n placeholder,\n component,\n adornment,\n expanded,\n dropdownHeaderProps,\n defaultExpanded = false,\n disabled = false,\n readOnly = false,\n disablePortal = false,\n variableWidth = false,\n placement = \"right\",\n popperProps = {},\n dropdownHeaderRef: dropdownHeaderRefProp,\n onToggle,\n onClickOutside,\n onContainerCreation,\n ...others\n}: HvBaseDropdownProps) => {\n const { rootId } = useTheme();\n\n const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n const [referenceElement, setReferenceElement] = useState<HTMLElement \| null>(\n null\n );\n const [popperElement, setPopperElement] = useState<HTMLElement \| null>(null);\n const [popperMaxSize, setPopperMaxSize] = useState<{\n width?: number;\n height?: number;\n }>({});\n\n const handleDropdownHeaderRefProp = useForkRef(\n dropdownHeaderRefProp,\n dropdownHeaderProps?.ref\n );\n const handleDropdownHeaderRef = useForkRef(\n setReferenceElement,\n handleDropdownHeaderRefProp\n );\n\n const ariaRole = role \|\| (component == null ? \"combobox\" : undefined);\n\n const elementId = useUniqueId(id, \"hvbasedropdown\");\n\n const bottom: PopperPlacementType =\n placement && `bottom-${placement === \"right\" ? \"start\" : \"end\"}`;\n\n const extensionWidth = referenceElement\n ? referenceElement?.offsetWidth\n : \"inherit\";\n\n const { modifiers: popperPropsModifiers = [], ...otherPopperProps } =\n popperProps;\n\n const onFirstUpdate = useCallback(() => {\n if (onContainerCreation) onContainerCreation(popperElement);\n }, [onContainerCreation, popperElement]);\n\n const widthCalculator = useCallback(\n ({ state }: ModifierArguments<Options>) => {\n state.styles.popper.width = `${state.rects.reference.width}px`;\n },\n []\n );\n\n const widthCalculatorEffect = useCallback(\n ({ state }: ModifierArguments<Options>) => {\n state.elements.popper.style.width = `${\n (state.elements.reference as any).offsetWidth\n }px`;\n },\n []\n );\n\n const applyMaxSizeCalculator = useCallback(\n ({ state }: ModifierArguments<Options>) => {\n // The `maxSize` modifier provides this data\n const { width, height } = state.modifiersData.maxSize;\n if (width !== popperMaxSize?.width \|\| height !== popperMaxSize?.height) {\n setPopperMaxSize({ width, height });\n }\n\n state.styles.popper = {\n ...state.styles.popper,\n maxWidth: `${width}px`,\n maxHeight: `${height}px`,\n };\n },\n [popperMaxSize]\n );\n\n const maxSizeCalculator = useCallback(\n ({ state, name, options }: ModifierArguments<Options>) => {\n const overflow = detectOverflow(state, options);\n\n const x = state.modifiersData.preventOverflow?.x \|\| 0;\n const y = state.modifiersData.preventOverflow?.y \|\| 0;\n\n const popperWidth = state.rects.popper.width;\n const popperHeight = state.rects.popper.height;\n\n const basePlacement = state.placement.split(\"-\")[0];\n\n const widthProp = basePlacement === \"left\" ? \"left\" : \"right\";\n const heightProp = basePlacement === \"top\" ? \"top\" : \"bottom\";\n\n state.modifiersData[name] = {\n width: popperWidth - overflow[widthProp] - x,\n height: popperHeight - overflow[heightProp] - y,\n };\n },\n []\n );\n\n const modifiers: any = useMemo(\n () => [\n {\n name: \"variableWidth\",\n enabled: !variableWidth,\n phase: \"beforeWrite\",\n requires: [\"computeStyles\"],\n fn: widthCalculator,\n effect: widthCalculatorEffect,\n },\n {\n name: \"maxSize\",\n enabled: true,\n phase: \"main\",\n requiresIfExists: [\"offset\", \"preventOverflow\", \"flip\"],\n fn: maxSizeCalculator,\n },\n {\n name: \"applyMaxSize\",\n enabled: true,\n phase: \"beforeWrite\",\n requires: [\"maxSize\"],\n fn: applyMaxSizeCalculator,\n },\n ...popperPropsModifiers,\n ],\n [\n maxSizeCalculator,\n applyMaxSizeCalculator,\n popperPropsModifiers,\n variableWidth,\n widthCalculator,\n widthCalculatorEffect,\n ]\n );\n\n const { styles: popperStyles, attributes } = usePopper(\n referenceElement,\n popperElement,\n {\n placement: bottom,\n modifiers,\n onFirstUpdate,\n ...otherPopperProps,\n }\n );\n\n let popperPlacement = \"bottom\";\n if (attributes.popper) {\n popperPlacement = attributes.popper[\"data-popper-placement\"];\n }\n\n const handleToggle = useCallback(\n (event) => {\n if (event && !isKeypress(event, Tab)) {\n event.preventDefault();\n }\n\n // We are checking specifically for false because if \"isKeypress\" returns true or undefined it should continue\n const notControlKey = [Tab, Enter, Esc, ArrowDown, Space].every(\n (key) => isKeypress(event, key) === false\n );\n\n const ignoredCombinations =\n (isKeypress(event, Esc) && !isOpen) \|\|\n (isKeypress(event, ArrowDown) && isOpen) \|\|\n (isKeypress(event, Tab) && !isOpen);\n\n if (disabled \|\| notControlKey \|\| ignoredCombinations) return;\n\n const newOpen = !isOpen;\n\n / If about to close focus on the header component. /\n const focusHeader = () => {\n if (!newOpen) {\n // Focus-ring won't be visible even if using the keyboard:\n // https://github.com/WICG/focus-visible/issues/88\n referenceElement?.focus({ preventScroll: true });\n }\n\n return newOpen;\n };\n setIsOpen(focusHeader());\n\n onToggle?.(event, newOpen);\n },\n [isOpen, disabled, setIsOpen, onToggle, referenceElement]\n );\n\n const headerComponent = (() => {\n if (component) {\n return React.cloneElement(component as React.ReactElement, {\n ref: handleDropdownHeaderRef,\n });\n }\n\n return (\n <StyledHeaderRoot\n id={setId(id, \"header\")}\n className={clsx(\n baseDropdownClasses.header,\n classes?.header,\n disabled &&\n clsx(baseDropdownClasses.headerDisabled, classes?.headerDisabled),\n readOnly &&\n clsx(baseDropdownClasses.headerReadOnly, classes?.headerReadOnly),\n isOpen && clsx(baseDropdownClasses.headerOpen, classes?.headerOpen),\n isOpen &&\n popperPlacement.includes(\"top\") &&\n clsx(baseDropdownClasses.headerOpenUp, classes?.headerOpenUp),\n isOpen &&\n popperPlacement.includes(\"bottom\") &&\n clsx(baseDropdownClasses.headerOpenDown, classes?.headerOpenDown)\n )}\n $disabled={disabled}\n $readOnly={readOnly}\n $opened={isOpen}\n $openedUp={isOpen && popperPlacement.includes(\"top\")}\n $openedDown={isOpen && popperPlacement.includes(\"bottom\")}\n role={ariaRole === \"combobox\" ? \"textbox\" : undefined}\n style={disabled \|\| readOnly ? { pointerEvents: \"none\" } : undefined}\n aria-controls={\n isOpen ? setId(elementId, \"children-container\") : undefined\n }\n aria-label={others[\"aria-label\"] ?? undefined}\n aria-labelledby={others[\"aria-labelledby\"] ?? undefined}\n // Removes the element from the navigation sequence for keyboard focus if disabled\n tabIndex={disabled ? -1 : 0}\n ref={handleDropdownHeaderRef}\n {...dropdownHeaderProps}\n >\n <StyledSelection\n className={clsx(baseDropdownClasses.selection, classes?.selection)}\n >\n {placeholder && typeof placeholder === \"string\" ? (\n <StyledPlaceholder\n className={clsx(\n baseDropdownClasses.placeholder,\n classes?.placeholder,\n disabled &&\n clsx(\n baseDropdownClasses.selectionDisabled,\n classes?.selectionDisabled\n )\n )}\n $disabled={disabled}\n variant=\"body\"\n >\n {placeholder}\n </StyledPlaceholder>\n ) : (\n placeholder\n )}\n </StyledSelection>\n {adornment \|\|\n (isOpen ? (\n <StyledDropUpXS\n iconSize=\"XS\"\n className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n />\n ) : (\n <StyledDropDownXS\n iconSize=\"XS\"\n className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n $disabled={disabled}\n />\n ))}\n </StyledHeaderRoot>\n );\n })();\n\n const containerComponent = (() => {\n /\n Handle keyboard inside children container.\n */\n const handleContainerKeyDown = (event) => {\n if (isKeypress(event, Esc)) {\n handleToggle(event);\n }\n if (isKeypress(event, Tab) && !event.shiftKey) {\n const focusList = getFirstAndLastFocus(popperElement);\n if (document.activeElement === focusList?.last) {\n event.preventDefault();\n focusList?.first?.focus();\n }\n }\n };\n\n const handleOutside = (event) => {\n const isButtonClick = referenceElement?.contains(event.target);\n if (!isButtonClick) {\n onClickOutside?.(event);\n setIsOpen(false);\n onToggle?.(event, false);\n }\n };\n\n const container = (\n <StyledContainer\n role=\"tooltip\"\n ref={setPopperElement}\n className={clsx(baseDropdownClasses.container, classes?.container)}\n style={popperStyles.popper}\n {...attributes.popper}\n >\n <ClickAwayListener onClickAway={handleOutside}>\n <div onKeyDown={handleContainerKeyDown}>\n {popperPlacement.includes(\"bottom\") && (\n <StyledExtension\n style={{ width: extensionWidth }}\n className={clsx(\n baseDropdownClasses.inputExtensionOpen,\n classes?.inputExtensionOpen,\n popperPlacement.includes(\"end\") &&\n clsx(\n baseDropdownClasses.inputExtensionLeftPosition,\n classes?.inputExtensionLeftPosition\n )\n )}\n $leftPosition={popperPlacement.includes(\"end\")}\n $openShadow={false}\n $floatLeft={false}\n $floatRight={false}\n />\n )}\n <BaseDropdownContext.Provider value={popperMaxSize}>\n <StyledPanel\n id={setId(elementId, \"children-container\")}\n className={clsx(baseDropdownClasses.panel, classes?.panel)}\n $popperPlacement={\n popperPlacement.includes(\"top\") ? \"top\" : \"bottom\"\n }\n >\n {children}\n </StyledPanel>\n </BaseDropdownContext.Provider>\n {popperPlacement.includes(\"top\") && (\n <StyledExtension\n style={{ width: extensionWidth }}\n className={clsx(\n baseDropdownClasses.inputExtensionOpen,\n classes?.inputExtensionOpen,\n baseDropdownClasses.inputExtensionOpenShadow,\n classes?.inputExtensionOpenShadow,\n popperPlacement.includes(\"end\") &&\n clsx(\n baseDropdownClasses.inputExtensionFloatRight,\n classes?.inputExtensionFloatRight\n ),\n popperPlacement.includes(\"start\") &&\n clsx(\n baseDropdownClasses.inputExtensionFloatLeft,\n classes?.inputExtensionFloatLeft\n )\n )}\n $leftPosition={false}\n $openShadow={true}\n $floatLeft={popperPlacement.includes(\"start\")}\n $floatRight={popperPlacement.includes(\"end\")}\n />\n )}\n </div>\n </ClickAwayListener>\n </StyledContainer>\n );\n\n if (disablePortal) return container;\n\n return createPortal(\n container,\n document.getElementById(rootId \|\| \"\") \|\| document.body\n );\n })();\n\n return (\n <StyledRoot className={clsx(baseDropdownClasses.root, classes?.root)}>\n <StyledAnchor\n id={id}\n role={ariaRole}\n aria-expanded={!!isOpen}\n aria-owns={isOpen ? setId(elementId, \"children-container\") : undefined}\n className={clsx(\n className,\n baseDropdownClasses.anchor,\n classes?.anchor,\n disabled &&\n clsx(baseDropdownClasses.rootDisabled, classes?.rootDisabled)\n )}\n $disabled={disabled}\n {...(!readOnly && {\n onKeyDown: handleToggle,\n onClick: handleToggle,\n })}\n // Removes the element from the navigation sequence for keyboard focus\n tabIndex={-1}\n {...others}\n >\n {headerComponent}\n </StyledAnchor>\n {isOpen && containerComponent}\n </StyledRoot>\n );\n};\n"],"names":["Tab","Enter","Esc","Space","ArrowDown","keyboardCodes","HvBaseDropdown","id","className","classes","children","role","placeholder","component","adornment","expanded","dropdownHeaderProps","defaultExpanded","disabled","readOnly","disablePortal","variableWidth","placement","popperProps","dropdownHeaderRef","dropdownHeaderRefProp","onToggle","onClickOutside","onContainerCreation","others","rootId","useTheme","isOpen","setIsOpen","useControlled","Boolean","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","useForkRef","ref","handleDropdownHeaderRef","ariaRole","undefined","elementId","useUniqueId","bottom","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","useCallback","widthCalculator","state","styles","popper","width","rects","reference","widthCalculatorEffect","elements","style","applyMaxSizeCalculator","height","modifiersData","maxSize","maxWidth","maxHeight","maxSizeCalculator","name","options","overflow","detectOverflow","x","preventOverflow","y","popperWidth","popperHeight","basePlacement","split","widthProp","heightProp","useMemo","enabled","phase","requires","fn","effect","requiresIfExists","popperStyles","attributes","usePopper","popperPlacement","handleToggle","event","isKeypress","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","React","cloneElement","StyledHeaderRoot","setId","clsx","baseDropdownClasses","header","headerDisabled","headerReadOnly","headerOpen","includes","headerOpenUp","headerOpenDown","$disabled","$readOnly","$opened","$openedUp","$openedDown","pointerEvents","tabIndex","_jsx","StyledSelection","selection","StyledPlaceholder","selectionDisabled","variant","StyledDropUpXS","iconSize","arrow","StyledDropDownXS","containerComponent","handleContainerKeyDown","shiftKey","focusList","getFirstAndLastFocus","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","StyledContainer","ClickAwayListener","onClickAway","onKeyDown","StyledExtension","inputExtensionOpen","inputExtensionLeftPosition","$leftPosition","$openShadow","$floatLeft","$floatRight","BaseDropdownContext","Provider","value","StyledPanel","panel","$popperPlacement","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","getElementById","body","StyledRoot","root","StyledAnchor","anchor","rootDisabled","onClick"],"mappings":"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"}
1	+ {"version":3,"file":"BaseDropdown.js","sources":["../../../../src/components/BaseDropdown/BaseDropdown.tsx"],"sourcesContent":["import React, { useMemo, useState, useCallback } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { clsx } from \"clsx\";\nimport BaseDropdownContext from \"./BaseDropdownContext\";\nimport {\n ClickAwayListener,\n PopperPlacementType,\n PopperProps,\n} from \"@mui/material\";\nimport { useControlled, useForkRef, useTheme, useUniqueId } from \"@core/hooks\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { getFirstAndLastFocus } from \"@core/utils/focusableElementFinder\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n StyledAnchor,\n StyledContainer,\n StyledDropDownXS,\n StyledDropUpXS,\n StyledExtension,\n StyledHeaderRoot,\n StyledPanel,\n StyledPlaceholder,\n StyledRoot,\n StyledSelection,\n} from \"./BaseDropdown.styles\";\nimport { usePopper } from \"react-popper\";\nimport { detectOverflow, ModifierArguments, Options } from \"@popperjs/core\";\nimport baseDropdownClasses, {\n HvBaseDropdownClasses,\n} from \"./baseDropdownClasses\";\n\nconst { Tab, Enter, Esc, Space, ArrowDown } = keyboardCodes;\n\nexport interface HvBaseDropdownProps\n extends HvBaseProps<HTMLDivElement, \"placeholder\"> {\n /*\n The role of the element that triggers the popup.\n \n Defaults to \"combobox\" if `component` and the default\n * \"textbox\" header is used, undefined otherwise.\n /\n role?: string;\n /\n Header placeholder.\n /\n placeholder?: string \| React.ReactNode;\n /\n If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.\n /\n disabled?: boolean;\n /\n If `true` the dropdown will be in read only mode, unable to be interacted.\n /\n readOnly?: boolean;\n /\n Disable the portal behavior.\n * The children stay within it's parent DOM hierarchy.\n /\n disablePortal?: boolean;\n /\n If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n * Defaults to `false`.\n /\n variableWidth?: boolean;\n /\n If `true` the dropdown starts opened if `false` it starts closed.\n /\n expanded?: boolean;\n /\n When uncontrolled, defines the initial expanded state.\n /\n defaultExpanded?: boolean;\n /\n An object containing props to be wired to the popper component.\n /\n popperProps?: Partial<PopperProps>;\n /\n Placement of the dropdown.\n /\n placement?: \"left\" \| \"right\";\n /\n Replacement for the header component.\n /\n component?: React.ReactNode;\n /\n Adornment to replace the default arrows.\n /\n adornment?: React.ReactNode;\n /\n When dropdown changes the expanded state.\n /\n onToggle?: (event: Event, open: boolean) => void;\n /\n When user click outside the open container.\n /\n onClickOutside?: (event: Event) => void;\n /\n Callback called when the dropdown is opened and ready,\n * commonly used to set focus to the content.\n /\n onContainerCreation?: (container: HTMLElement \| null) => void;\n /\n Attributes applied to the dropdown header element.\n /\n dropdownHeaderProps?: React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n >;\n /\n Pass a ref to the dropdown header element.\n /\n dropdownHeaderRef?: React.Ref<any>;\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes?: HvBaseDropdownClasses;\n}\n\nexport const HvBaseDropdown = ({\n id,\n className,\n classes,\n children,\n role,\n placeholder,\n component,\n adornment,\n expanded,\n dropdownHeaderProps,\n defaultExpanded = false,\n disabled = false,\n readOnly = false,\n disablePortal = false,\n variableWidth = false,\n placement = \"right\",\n popperProps = {},\n dropdownHeaderRef: dropdownHeaderRefProp,\n onToggle,\n onClickOutside,\n onContainerCreation,\n ...others\n}: HvBaseDropdownProps) => {\n const { rootId } = useTheme();\n\n const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n const [referenceElement, setReferenceElement] = useState<HTMLElement \| null>(\n null\n );\n const [popperElement, setPopperElement] = useState<HTMLElement \| null>(null);\n const [popperMaxSize, setPopperMaxSize] = useState<{\n width?: number;\n height?: number;\n }>({});\n\n const handleDropdownHeaderRefProp = useForkRef(\n dropdownHeaderRefProp,\n dropdownHeaderProps?.ref\n );\n const handleDropdownHeaderRef = useForkRef(\n setReferenceElement,\n handleDropdownHeaderRefProp\n );\n\n const ariaRole = role \|\| (component == null ? \"combobox\" : undefined);\n\n const elementId = useUniqueId(id, \"hvbasedropdown\");\n\n const bottom: PopperPlacementType =\n placement && `bottom-${placement === \"right\" ? \"start\" : \"end\"}`;\n\n const extensionWidth = referenceElement\n ? referenceElement?.offsetWidth\n : \"inherit\";\n\n const { modifiers: popperPropsModifiers = [], ...otherPopperProps } =\n popperProps;\n\n const onFirstUpdate = useCallback(() => {\n if (onContainerCreation) onContainerCreation(popperElement);\n }, [onContainerCreation, popperElement]);\n\n const widthCalculator = useCallback(\n ({ state }: ModifierArguments<Options>) => {\n state.styles.popper.width = `${state.rects.reference.width}px`;\n },\n []\n );\n\n const widthCalculatorEffect = useCallback(\n ({ state }: ModifierArguments<Options>) => {\n state.elements.popper.style.width = `${\n (state.elements.reference as any).offsetWidth\n }px`;\n },\n []\n );\n\n const applyMaxSizeCalculator = useCallback(\n ({ state }: ModifierArguments<Options>) => {\n // The `maxSize` modifier provides this data\n const { width, height } = state.modifiersData.maxSize;\n if (width !== popperMaxSize?.width \|\| height !== popperMaxSize?.height) {\n setPopperMaxSize({ width, height });\n }\n\n state.styles.popper = {\n ...state.styles.popper,\n maxWidth: `${width}px`,\n maxHeight: `${height}px`,\n };\n },\n [popperMaxSize]\n );\n\n const maxSizeCalculator = useCallback(\n ({ state, name, options }: ModifierArguments<Options>) => {\n const overflow = detectOverflow(state, options);\n\n const x = state.modifiersData.preventOverflow?.x \|\| 0;\n const y = state.modifiersData.preventOverflow?.y \|\| 0;\n\n const popperWidth = state.rects.popper.width;\n const popperHeight = state.rects.popper.height;\n\n const basePlacement = state.placement.split(\"-\")[0];\n\n const widthProp = basePlacement === \"left\" ? \"left\" : \"right\";\n const heightProp = basePlacement === \"top\" ? \"top\" : \"bottom\";\n\n state.modifiersData[name] = {\n width: popperWidth - overflow[widthProp] - x,\n height: popperHeight - overflow[heightProp] - y,\n };\n },\n []\n );\n\n const modifiers: any = useMemo(\n () => [\n {\n name: \"variableWidth\",\n enabled: !variableWidth,\n phase: \"beforeWrite\",\n requires: [\"computeStyles\"],\n fn: widthCalculator,\n effect: widthCalculatorEffect,\n },\n {\n name: \"maxSize\",\n enabled: true,\n phase: \"main\",\n requiresIfExists: [\"offset\", \"preventOverflow\", \"flip\"],\n fn: maxSizeCalculator,\n },\n {\n name: \"applyMaxSize\",\n enabled: true,\n phase: \"beforeWrite\",\n requires: [\"maxSize\"],\n fn: applyMaxSizeCalculator,\n },\n ...popperPropsModifiers,\n ],\n [\n maxSizeCalculator,\n applyMaxSizeCalculator,\n popperPropsModifiers,\n variableWidth,\n widthCalculator,\n widthCalculatorEffect,\n ]\n );\n\n const { styles: popperStyles, attributes } = usePopper(\n referenceElement,\n popperElement,\n {\n placement: bottom,\n modifiers,\n onFirstUpdate,\n ...otherPopperProps,\n }\n );\n\n let popperPlacement = \"bottom\";\n if (attributes.popper) {\n popperPlacement = attributes.popper[\"data-popper-placement\"];\n }\n\n const handleToggle = useCallback(\n (event) => {\n if (event && !isKeypress(event, Tab)) {\n event.preventDefault();\n }\n\n // We are checking specifically for false because if \"isKeypress\" returns true or undefined it should continue\n const notControlKey = [Tab, Enter, Esc, ArrowDown, Space].every(\n (key) => isKeypress(event, key) === false\n );\n\n const ignoredCombinations =\n (isKeypress(event, Esc) && !isOpen) \|\|\n (isKeypress(event, ArrowDown) && isOpen) \|\|\n (isKeypress(event, Tab) && !isOpen);\n\n if (disabled \|\| notControlKey \|\| ignoredCombinations) return;\n\n const newOpen = !isOpen;\n\n / If about to close focus on the header component. /\n const focusHeader = () => {\n if (!newOpen) {\n // Focus-ring won't be visible even if using the keyboard:\n // https://github.com/WICG/focus-visible/issues/88\n referenceElement?.focus({ preventScroll: true });\n }\n\n return newOpen;\n };\n setIsOpen(focusHeader());\n\n onToggle?.(event, newOpen);\n },\n [isOpen, disabled, setIsOpen, onToggle, referenceElement]\n );\n\n const headerComponent = (() => {\n if (component) {\n return React.cloneElement(component as React.ReactElement, {\n ref: handleDropdownHeaderRef,\n });\n }\n\n return (\n <StyledHeaderRoot\n id={setId(id, \"header\")}\n className={clsx(\n baseDropdownClasses.header,\n classes?.header,\n disabled &&\n clsx(baseDropdownClasses.headerDisabled, classes?.headerDisabled),\n readOnly &&\n clsx(baseDropdownClasses.headerReadOnly, classes?.headerReadOnly),\n isOpen && clsx(baseDropdownClasses.headerOpen, classes?.headerOpen),\n isOpen &&\n popperPlacement.includes(\"top\") &&\n clsx(baseDropdownClasses.headerOpenUp, classes?.headerOpenUp),\n isOpen &&\n popperPlacement.includes(\"bottom\") &&\n clsx(baseDropdownClasses.headerOpenDown, classes?.headerOpenDown)\n )}\n $disabled={disabled}\n $readOnly={readOnly}\n $opened={isOpen}\n $openedUp={isOpen && popperPlacement.includes(\"top\")}\n $openedDown={isOpen && popperPlacement.includes(\"bottom\")}\n role={ariaRole === \"combobox\" ? \"textbox\" : undefined}\n style={disabled \|\| readOnly ? { pointerEvents: \"none\" } : undefined}\n aria-controls={\n isOpen ? setId(elementId, \"children-container\") : undefined\n }\n aria-label={others[\"aria-label\"] ?? undefined}\n aria-labelledby={others[\"aria-labelledby\"] ?? undefined}\n // Removes the element from the navigation sequence for keyboard focus if disabled\n tabIndex={disabled ? -1 : 0}\n ref={handleDropdownHeaderRef}\n {...dropdownHeaderProps}\n >\n <StyledSelection\n className={clsx(baseDropdownClasses.selection, classes?.selection)}\n >\n {placeholder && typeof placeholder === \"string\" ? (\n <StyledPlaceholder\n className={clsx(\n baseDropdownClasses.placeholder,\n classes?.placeholder,\n disabled &&\n clsx(\n baseDropdownClasses.selectionDisabled,\n classes?.selectionDisabled\n )\n )}\n $disabled={disabled}\n variant=\"body\"\n >\n {placeholder}\n </StyledPlaceholder>\n ) : (\n placeholder\n )}\n </StyledSelection>\n {adornment \|\|\n (isOpen ? (\n <StyledDropUpXS\n iconSize=\"XS\"\n className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n />\n ) : (\n <StyledDropDownXS\n iconSize=\"XS\"\n className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n $disabled={disabled}\n />\n ))}\n </StyledHeaderRoot>\n );\n })();\n\n const containerComponent = (() => {\n /\n Handle keyboard inside children container.\n */\n const handleContainerKeyDown = (event) => {\n if (isKeypress(event, Esc)) {\n handleToggle(event);\n }\n if (isKeypress(event, Tab) && !event.shiftKey) {\n const focusList = getFirstAndLastFocus(popperElement);\n if (document.activeElement === focusList?.last) {\n event.preventDefault();\n focusList?.first?.focus();\n }\n }\n };\n\n const handleOutside = (event) => {\n const isButtonClick = referenceElement?.contains(event.target);\n if (!isButtonClick) {\n onClickOutside?.(event);\n setIsOpen(false);\n onToggle?.(event, false);\n }\n };\n\n const container = (\n <StyledContainer\n role=\"tooltip\"\n ref={setPopperElement}\n className={clsx(baseDropdownClasses.container, classes?.container)}\n style={popperStyles.popper}\n {...attributes.popper}\n >\n <ClickAwayListener onClickAway={handleOutside}>\n <div onKeyDown={handleContainerKeyDown}>\n {popperPlacement.includes(\"bottom\") && (\n <StyledExtension\n style={{ width: extensionWidth }}\n className={clsx(\n baseDropdownClasses.inputExtensionOpen,\n classes?.inputExtensionOpen,\n popperPlacement.includes(\"end\") &&\n clsx(\n baseDropdownClasses.inputExtensionLeftPosition,\n classes?.inputExtensionLeftPosition\n )\n )}\n $leftPosition={popperPlacement.includes(\"end\")}\n $openShadow={false}\n $floatLeft={false}\n $floatRight={false}\n />\n )}\n <BaseDropdownContext.Provider value={popperMaxSize}>\n <StyledPanel\n id={setId(elementId, \"children-container\")}\n className={clsx(baseDropdownClasses.panel, classes?.panel)}\n $popperPlacement={\n popperPlacement.includes(\"top\") ? \"top\" : \"bottom\"\n }\n >\n {children}\n </StyledPanel>\n </BaseDropdownContext.Provider>\n {popperPlacement.includes(\"top\") && (\n <StyledExtension\n style={{ width: extensionWidth }}\n className={clsx(\n baseDropdownClasses.inputExtensionOpen,\n classes?.inputExtensionOpen,\n baseDropdownClasses.inputExtensionOpenShadow,\n classes?.inputExtensionOpenShadow,\n popperPlacement.includes(\"end\") &&\n clsx(\n baseDropdownClasses.inputExtensionFloatRight,\n classes?.inputExtensionFloatRight\n ),\n popperPlacement.includes(\"start\") &&\n clsx(\n baseDropdownClasses.inputExtensionFloatLeft,\n classes?.inputExtensionFloatLeft\n )\n )}\n $leftPosition={false}\n $openShadow={true}\n $floatLeft={popperPlacement.includes(\"start\")}\n $floatRight={popperPlacement.includes(\"end\")}\n />\n )}\n </div>\n </ClickAwayListener>\n </StyledContainer>\n );\n\n if (disablePortal) return container;\n\n return createPortal(\n container,\n document.getElementById(rootId \|\| \"\") \|\| document.body\n );\n })();\n\n return (\n <StyledRoot className={clsx(baseDropdownClasses.root, classes?.root)}>\n <StyledAnchor\n id={id}\n role={ariaRole}\n aria-expanded={!!isOpen}\n aria-owns={isOpen ? setId(elementId, \"children-container\") : undefined}\n className={clsx(\n className,\n baseDropdownClasses.anchor,\n classes?.anchor,\n disabled &&\n clsx(baseDropdownClasses.rootDisabled, classes?.rootDisabled)\n )}\n $disabled={disabled}\n {...(!readOnly && {\n onKeyDown: handleToggle,\n onClick: handleToggle,\n })}\n // Removes the element from the navigation sequence for keyboard focus\n tabIndex={-1}\n {...others}\n >\n {headerComponent}\n </StyledAnchor>\n {isOpen && containerComponent}\n </StyledRoot>\n );\n};\n"],"names":["Tab","Enter","Esc","Space","ArrowDown","keyboardCodes","HvBaseDropdown","id","className","classes","children","role","placeholder","component","adornment","expanded","dropdownHeaderProps","defaultExpanded","disabled","readOnly","disablePortal","variableWidth","placement","popperProps","dropdownHeaderRef","dropdownHeaderRefProp","onToggle","onClickOutside","onContainerCreation","others","rootId","useTheme","isOpen","setIsOpen","useControlled","Boolean","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","useForkRef","ref","handleDropdownHeaderRef","ariaRole","undefined","elementId","useUniqueId","bottom","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","useCallback","widthCalculator","state","styles","popper","width","rects","reference","widthCalculatorEffect","elements","style","applyMaxSizeCalculator","height","modifiersData","maxSize","maxWidth","maxHeight","maxSizeCalculator","name","options","overflow","detectOverflow","x","preventOverflow","y","popperWidth","popperHeight","basePlacement","split","widthProp","heightProp","useMemo","enabled","phase","requires","fn","effect","requiresIfExists","popperStyles","attributes","usePopper","popperPlacement","handleToggle","event","isKeypress","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","React","cloneElement","StyledHeaderRoot","setId","clsx","baseDropdownClasses","header","headerDisabled","headerReadOnly","headerOpen","includes","headerOpenUp","headerOpenDown","$disabled","$readOnly","$opened","$openedUp","$openedDown","pointerEvents","tabIndex","_jsx","StyledSelection","selection","StyledPlaceholder","selectionDisabled","variant","StyledDropUpXS","iconSize","arrow","StyledDropDownXS","containerComponent","handleContainerKeyDown","shiftKey","focusList","getFirstAndLastFocus","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","StyledContainer","ClickAwayListener","onClickAway","onKeyDown","StyledExtension","inputExtensionOpen","inputExtensionLeftPosition","$leftPosition","$openShadow","$floatLeft","$floatRight","BaseDropdownContext","Provider","value","StyledPanel","panel","$popperPlacement","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","getElementById","body","StyledRoot","root","StyledAnchor","anchor","rootDisabled","onClick"],"mappings":"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"}

package/dist/esm/components/BaseDropdown/baseDropdownClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"baseDropdownClasses.js","sources":["../../../../src/components/BaseDropdown/baseDropdownClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBaseDropdownClasses {\n root?: string;\n rootDisabled?: string;\n anchor?: string;\n container?: string;\n header?: string;\n headerOpen?: string;\n headerOpenUp?: string;\n headerOpenDown?: string;\n headerDisabled?: string;\n headerReadOnly?: string;\n arrow?: string;\n selection?: string;\n placeholder?: string;\n selectionDisabled?: string;\n panel?: string;\n inputExtensionOpen?: string;\n inputExtensionLeftPosition?: string;\n inputExtensionOpenShadow?: string;\n inputExtensionFloatRight?: string;\n inputExtensionFloatLeft?: string;\n}\n\nconst classKeys: ~~string~~[] = [\n \"root\",\n \"rootDisabled\",\n \"anchor\",\n \"container\",\n \"header\",\n \"headerOpen\",\n \"headerOpenUp\",\n \"headerOpenDown\",\n \"headerDisabled\",\n \"headerReadOnly\",\n \"arrow\",\n \"selection\",\n \"placeholder\",\n \"selectionDisabled\",\n \"panel\",\n \"inputExtensionOpen\",\n \"inputExtensionLeftPosition\",\n \"inputExtensionOpenShadow\",\n \"inputExtensionFloatRight\",\n \"inputExtensionFloatLeft\",\n];\n\nconst baseDropdownClasses = getClasses~~<HvBaseDropdownClasses>~~(\n classKeys~~,\n~~ \"HvBaseDropdown\"\n);\n\nexport default baseDropdownClasses;\n"],"names":["classKeys","baseDropdownClasses","getClasses"],"mappings":";AAyBA,MAAMA,~~YAAsB~~,~~CAC1B~~,QACA,gBACA,UACA,aACA,UACA,cACA,gBACA,kBACA,kBACA,kBACA,SACA,aACA,eACA,qBACA,SACA,sBACA,8BACA,4BACA,4BACA,yBAAyB;AAG3B,MAAMC,sBAAsBC,~~WAC1BF~~,~~WACA~~,gBAAgB;~~AAGlB~~,MAAA,wBAAeC;"}
1	+ {"version":3,"file":"baseDropdownClasses.js","sources":["../../../../src/components/BaseDropdown/baseDropdownClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBaseDropdownClasses {\n root?: string;\n rootDisabled?: string;\n anchor?: string;\n container?: string;\n header?: string;\n headerOpen?: string;\n headerOpenUp?: string;\n headerOpenDown?: string;\n headerDisabled?: string;\n headerReadOnly?: string;\n arrow?: string;\n selection?: string;\n placeholder?: string;\n selectionDisabled?: string;\n panel?: string;\n inputExtensionOpen?: string;\n inputExtensionLeftPosition?: string;\n inputExtensionOpenShadow?: string;\n inputExtensionFloatRight?: string;\n inputExtensionFloatLeft?: string;\n}\n\nconst classKeys: (keyof HvBaseDropdownClasses)[] = [\n \"root\",\n \"rootDisabled\",\n \"anchor\",\n \"container\",\n \"header\",\n \"headerOpen\",\n \"headerOpenUp\",\n \"headerOpenDown\",\n \"headerDisabled\",\n \"headerReadOnly\",\n \"arrow\",\n \"selection\",\n \"placeholder\",\n \"selectionDisabled\",\n \"panel\",\n \"inputExtensionOpen\",\n \"inputExtensionLeftPosition\",\n \"inputExtensionOpenShadow\",\n \"inputExtensionFloatRight\",\n \"inputExtensionFloatLeft\",\n];\n\nconst baseDropdownClasses = getClasses(classKeys, \"HvBaseDropdown\");\n\nexport default baseDropdownClasses;\n"],"names":["classKeys","baseDropdownClasses","getClasses"],"mappings":";AAyBA,MAAMA,YAA6C,CACjD,QACA,gBACA,UACA,aACA,UACA,cACA,gBACA,kBACA,kBACA,kBACA,SACA,aACA,eACA,qBACA,SACA,sBACA,8BACA,4BACA,4BACA,yBAAyB;AAG3B,MAAMC,sBAAsBC,WAAWF,WAAW,gBAAgB;AAElE,MAAA,wBAAeC;"}

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

@@ -8,7 +8,7 @@ import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import { buildFormElementPropsFromContext, buildAriaPropsFromContext } from "../Forms/FormElement/utils/FormUtils.js";
 import { HvFormElementContext } from "../Forms/FormElement/context/FormElementContext.js";
 import { HvFormElementDescriptorsContext } from "../Forms/FormElement/context/FormElementDescriptorsContext.js";
-const baseInputStyles = /* @__PURE__ */ css('"input:-webkit-autofill":{"-webkit-box-shadow":0 0 0px 1000px ', theme.colors.atmo1, ' inset,"-webkit-text-fill-color":', theme.colors.secondary, ',;},"input[type=search]::-ms-clear":{display:"none",width:0,height:0,;},"input[type=search]::-ms-reveal":{display:"none",width:0,height:0,;},"input[type=search]::-webkit-search-decoration":{display:"none";},"input[type=search]::-webkit-search-cancel-button":{display:"none";},"input[type=search]::-webkit-search-results-button":{display:"none",;},"input[type=search]::-webkit-search-results-decoration":{display:"none",;}' + (process.env.NODE_ENV === "production" ? "" : ";label:baseInputStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUlucHV0L0Jhc2VJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUIyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhc2VJbnB1dC9CYXNlSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVmT2JqZWN0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQge1xuICBJbnB1dEJhc2VDb21wb25lbnRQcm9wcyBhcyBNdWlJbnB1dEJhc2VDb21wb25lbnRQcm9wcyxcbiAgSW5wdXRQcm9wcyBhcyBNdWlJbnB1dFByb3BzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgSHZCYXNlUHJvcHMgfSBmcm9tIFwiQGNvcmUvdHlwZXNcIjtcbmltcG9ydCB7XG4gIFN0eWxlZFJvb3QsXG4gIFN0eWxlZElucHV0Qm9yZGVyQ29udGFpbmVyLFxuICBTdHlsZWRJbnB1dCxcbn0gZnJvbSBcIi4vQmFzZUlucHV0LnN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZGb3JtRWxlbWVudENvbnRleHQsXG4gIEh2Rm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHQsXG4gIGJ1aWxkRm9ybUVsZW1lbnRQcm9wc0Zyb21Db250ZXh0LFxuICBidWlsZEFyaWFQcm9wc0Zyb21Db250ZXh0LFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgY2xzeCB9IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgYmFzZUlucHV0Q2xhc3NlcywgeyBIdkJhc2VJbnB1dENsYXNzZXMgfSBmcm9tIFwiLi9iYXNlSW5wdXRDbGFzc2VzXCI7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG4vLyBHbG9iYWwgc3R5bGVzIGZvciB0aGUgYmFzZSBpbnB1dC5cbmNvbnN0IGJhc2VJbnB1dFN0eWxlcyA9IGNzc2BcbiAgXCJpbnB1dDotd2Via2l0LWF1dG9maWxsXCI6IHtcbiAgICBcIi13ZWJraXQtYm94LXNoYWRvd1wiOiAwIDAgMHB4IDEwMDBweCAke3RoZW1lLmNvbG9ycy5hdG1vMX0gaW5zZXQsXG4gICAgXCItd2Via2l0LXRleHQtZmlsbC1jb2xvclwiOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9LFxuICB9LFxuXG4gIC8qIENsZWFycyBpbnB1dCdzIGNsZWFyIGFuZCByZXZlYWwgYnV0dG9ucyBmcm9tIElFICovXG4gIFwiaW5wdXRbdHlwZT1zZWFyY2hdOjotbXMtY2xlYXJcIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIHdpZHRoOiAwLFxuICAgIGhlaWdodDogMCxcbiAgfSxcbiAgXCJpbnB1dFt0eXBlPXNlYXJjaF06Oi1tcy1yZXZlYWxcIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIHdpZHRoOiAwLFxuICAgIGhlaWdodDogMCxcbiAgfSxcblxuICAvKiBDbGVhcnMgaW5wdXQncyBjbGVhciBidXR0b24gZnJvbSBDaHJvbWUgKi9cbiAgXCJpbnB1dFt0eXBlPXNlYXJjaF06Oi13ZWJraXQtc2VhcmNoLWRlY29yYXRpb25cIjogeyBkaXNwbGF5OiBcIm5vbmVcIiB9LFxuICBcImlucHV0W3R5cGU9c2VhcmNoXTo6LXdlYmtpdC1zZWFyY2gtY2FuY2VsLWJ1dHRvblwiOiB7IGRpc3BsYXk6IFwibm9uZVwiIH0sXG4gIFwiaW5wdXRbdHlwZT1zZWFyY2hdOjotd2Via2l0LXNlYXJjaC1yZXN1bHRzLWJ1dHRvblwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0sXG4gIFwiaW5wdXRbdHlwZT1zZWFyY2hdOjotd2Via2l0LXNlYXJjaC1yZXN1bHRzLWRlY29yYXRpb25cIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxufWA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZCYXNlSW5wdXRQcm9wc1xuICBleHRlbmRzIE9taXQ8TXVpSW5wdXRQcm9wcywgXCJvbkNoYW5nZVwiIHwgXCJjbGFzc2VzXCI+LFxuICAgIEh2QmFzZVByb3BzPFxuICAgICAgSFRNTERpdkVsZW1lbnQsXG4gICAgICB7IG9uQ2hhbmdlOyBjb2xvcjsgb25CbHVyOyBvbkZvY3VzOyBvbkludmFsaWQ7IG9uS2V5RG93bjsgb25LZXlVcCB9XG4gICAgPiB7XG4gIC8qKiBUaGUgaW5wdXQgbmFtZS4gKi9cbiAgbmFtZT86IHN0cmluZztcbiAgLyoqIFRoZSB2YWx1ZSBvZiB0aGUgaW5wdXQsIHdoZW4gY29udHJvbGxlZC4gKi9cbiAgdmFsdWU/OiBzdHJpbmc7XG4gIC8qKiBUaGUgaW5pdGlhbCB2YWx1ZSBvZiB0aGUgaW5wdXQsIHdoZW4gdW5jb250cm9sbGVkLiAqL1xuICBkZWZhdWx0VmFsdWU/OiBzdHJpbmc7XG4gIC8qKiBJZiBgdHJ1ZWAgdGhlIGlucHV0IGlzIGRpc2FibGVkLiAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKiBJbmRpY2F0ZXMgdGhhdCB0aGUgaW5wdXQgaXMgbm90IGVkaXRhYmxlLiAqL1xuICByZWFkT25seT86IGJvb2xlYW47XG4gIC8qKiBJZiB0cnVlLCB0aGUgaW5wdXQgZWxlbWVudCB3aWxsIGJlIHJlcXVpcmVkLiAqL1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIC8qKiBUaGUgZnVuY3Rpb24gdGhhdCB3aWxsIGJlIGV4ZWN1dGVkIG9uQ2hhbmdlLCBhbGxvd3MgbW9kaWZpY2F0aW9uIG9mIHRoZSBpbnB1dCxcbiAgICogaXQgcmVjZWl2ZXMgdGhlIHZhbHVlLiBJZiBhIG5ldyB2YWx1ZSBzaG91bGQgYmUgcHJlc2VudGVkIGl0IG11c3QgcmV0dXJuZWQgaXQuICovXG4gIG9uQ2hhbmdlPzogKFxuICAgIGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50IHwgSFRNTFRleHRBcmVhRWxlbWVudD4sXG4gICAgdmFsdWU6IHN0cmluZ1xuICApID0+IHZvaWQ7XG4gIC8qKiBUaGUgaW5wdXQgdHlwZS4gKi9cbiAgdHlwZT86IHN0cmluZztcbiAgLyoqIExhYmVsIGluc2lkZSB0aGUgaW5wdXQgdXNlZCB0byBoZWxwIHVzZXIuICovXG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAvKiogSWYgdHJ1ZSwgYSB0ZXh0YXJlYSBlbGVtZW50IHdpbGwgYmUgcmVuZGVyZWQuICovXG4gIG11bHRpbGluZT86IGJvb2xlYW47XG4gIC8qKiBJZiB0cnVlIGFuZCBtdWx0aWxpbmUgaXMgYWxzbyB0cnVlIHRoZSB0ZXh0YXJlYSBlbGVtZW50IHdpbGwgYmUgcmVzaXphYmxlLiAqL1xuICByZXNpemFibGU/OiBib29sZWFuO1xuICAvKiogRGVub3RlcyBpZiB0aGUgaW5wdXQgaXMgaW4gYW4gaW52YWxpZCBzdGF0ZS4gKi9cbiAgaW52YWxpZD86IGJvb2xlYW47XG4gIC8qKiBBdHRyaWJ1dGVzIGFwcGxpZWQgdG8gdGhlIGlucHV0IGVsZW1lbnQuICovXG4gIGlucHV0UHJvcHM/OiBNdWlJbnB1dEJhc2VDb21wb25lbnRQcm9wcztcbiAgLyoqIEFsbG93cyBwYXNzaW5nIGEgcmVmIHRvIHRoZSB1bmRlcmx5aW5nIGlucHV0ICovXG4gIGlucHV0UmVmPzogUmVmT2JqZWN0PEhUTUxFbGVtZW50PjtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgY2xhc3Nlcz86IEh2QmFzZUlucHV0Q2xhc3Nlcztcbn1cblxuLyoqXG4gKiBBbiBJbnB1dCBjb21wb25lbnQgdGhhdCBvbmx5IHBvc3NlcyB0aGUgbW9zdCBiYXNpYyBmdW5jdGlvbmFsaXRpZXMuXG4gKiBJdCBzaG91bGQgYmUgdXNlZCBhbG9uZ3NpZGUgdGhlIG90aGVyIGZvcm0gZWxlbWVudHMgdG8gY29uc3RydWN0IGEgcHJvcGVyIGFjY2Vzc2libGUgZm9ybS5cbiAqL1xuZXhwb3J0IGNvbnN0IEh2QmFzZUlucHV0ID0gKHtcbiAgY2xhc3NlcyxcbiAgY2xhc3NOYW1lID0gXCJcIixcbiAgaWQsXG4gIG5hbWUsXG4gIHZhbHVlLFxuICBkZWZhdWx0VmFsdWUsXG4gIHJlcXVpcmVkLFxuICByZWFkT25seSxcbiAgZGlzYWJsZWQsXG4gIG9uQ2hhbmdlLFxuICB0eXBlID0gXCJ0ZXh0XCIsXG4gIHBsYWNlaG9sZGVyLFxuICBtdWx0aWxpbmUgPSBmYWxzZSxcbiAgcmVzaXphYmxlID0gZmFsc2UsXG4gIGludmFsaWQgPSBmYWxzZSxcbiAgaW5wdXRSZWYsXG4gIGlucHV0UHJvcHMgPSB7fSxcbiAgLi4ub3RoZXJzXG59OiBIdkJhc2VJbnB1dFByb3BzKSA9PiB7XG4gIGNvbnN0IGZvcm1FbGVtZW50Q29udGV4dCA9IHVzZUNvbnRleHQoSHZGb3JtRWxlbWVudENvbnRleHQpO1xuICBjb25zdCBmb3JtRWxlbWVudFByb3BzID0gYnVpbGRGb3JtRWxlbWVudFByb3BzRnJvbUNvbnRleHQoXG4gICAgbmFtZSxcbiAgICBkaXNhYmxlZCxcbiAgICByZWFkT25seSxcbiAgICByZXF1aXJlZCxcbiAgICBzdGF0dXMsXG4gICAgZm9ybUVsZW1lbnRDb250ZXh0XG4gICk7XG5cbiAgY29uc3QgbG9jYWxJbnZhbGlkID0gaW52YWxpZCB8fCBmb3JtRWxlbWVudFByb3BzLnN0YXR1cyA9PT0gXCJpbnZhbGlkXCI7XG5cbiAgY29uc3QgZm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHQgPSB1c2VDb250ZXh0KFxuICAgIEh2Rm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHRcbiAgKTtcbiAgY29uc3QgYXJpYVByb3BzID0gYnVpbGRBcmlhUHJvcHNGcm9tQ29udGV4dChcbiAgICBpbnB1dFByb3BzLFxuICAgIGZvcm1FbGVtZW50RGVzY3JpcHRvcnNDb250ZXh0LFxuICAgIGxvY2FsSW52YWxpZCxcbiAgICBpZFxuICApO1xuXG4gIGNvbnN0IG9uQ2hhbmdlSGFuZGxlciA9IChcbiAgICBldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudCB8IEhUTUxUZXh0QXJlYUVsZW1lbnQ+XG4gICkgPT4ge1xuICAgIG9uQ2hhbmdlPy4oZXZlbnQsIGV2ZW50LnRhcmdldC52YWx1ZSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEdsb2JhbCBzdHlsZXM9e2Jhc2VJbnB1dFN0eWxlc30gLz5cbiAgICAgIDxTdHlsZWRSb290XG4gICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICBiYXNlSW5wdXRDbGFzc2VzLnJvb3QsXG4gICAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJlxuICAgICAgICAgICAgY2xzeChiYXNlSW5wdXRDbGFzc2VzLmRpc2FibGVkLCBjbGFzc2VzPy5kaXNhYmxlZCksXG4gICAgICAgICAgbG9jYWxJbnZhbGlkICYmIGNsc3goYmFzZUlucHV0Q2xhc3Nlcy5pbnZhbGlkLCBjbGFzc2VzPy5pbnZhbGlkKSxcbiAgICAgICAgICBtdWx0aWxpbmUgJiZcbiAgICAgICAgICAgIHJlc2l6YWJsZSAmJlxuICAgICAgICAgICAgY2xzeChiYXNlSW5wdXRDbGFzc2VzLnJlc2l6YWJsZSwgY2xhc3Nlcz8ucmVzaXphYmxlKSxcbiAgICAgICAgICByZWFkT25seSAmJiBjbHN4KGJhc2VJbnB1dENsYXNzZXMucmVhZE9ubHksIGNsYXNzZXM/LnJlYWRPbmx5KVxuICAgICAgICApfVxuICAgICAgICAkZGlzYWJsZWQ9e2Zvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWR9XG4gICAgICAgICRpbnZhbGlkPXtsb2NhbEludmFsaWR9XG4gICAgICAgICRyZXNpemFibGU9e211bHRpbGluZSAmJiByZXNpemFibGV9XG4gICAgICAgICRyZWFkT25seT17ISFyZWFkT25seX1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgIG5hbWU9e2Zvcm1FbGVtZW50UHJvcHMubmFtZX1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgZGVmYXVsdFZhbHVlPXtkZWZhdWx0VmFsdWV9XG4gICAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgcmVhZE9ubHk9eyEhZm9ybUVsZW1lbnRQcm9wcy5yZWFkT25seX1cbiAgICAgICAgICBkaXNhYmxlZD17Zm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZH1cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2VIYW5kbGVyfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgIGxvY2FsSW52YWxpZCAmJlxuICAgICAgICAgICAgICBjbHN4KFxuICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290SW52YWxpZCxcbiAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3RJbnZhbGlkXG4gICAgICAgICAgICAgICksXG4gICAgICAgICAgICByZWFkT25seSAmJlxuICAgICAgICAgICAgICBjbHN4KFxuICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290UmVhZE9ubHksXG4gICAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRSb290UmVhZE9ubHlcbiAgICAgICAgICAgICAgKVxuICAgICAgICAgICl9XG4gICAgICAgICAgY2xhc3Nlcz17e1xuICAgICAgICAgICAgcm9vdDogY2xzeChiYXNlSW5wdXRDbGFzc2VzLmlucHV0Um9vdCwgY2xhc3Nlcz8uaW5wdXRSb290KSxcbiAgICAgICAgICAgIGZvY3VzZWQ6IGNsc3goXG4gICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290Rm9jdXNlZCxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRSb290Rm9jdXNlZFxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIGRpc2FibGVkOiBjbHN4KFxuICAgICAgICAgICAgICBiYXNlSW5wdXRDbGFzc2VzLmlucHV0Um9vdERpc2FibGVkLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3REaXNhYmxlZFxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIG11bHRpbGluZTogY2xzeChcbiAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RNdWx0aWxpbmUsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0Um9vdE11bHRpbGluZVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIGlucHV0OiBjbHN4KFxuICAgICAgICAgICAgICBiYXNlSW5wdXRDbGFzc2VzLmlucHV0LFxuICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dCxcbiAgICAgICAgICAgICAgIWZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiZcbiAgICAgICAgICAgICAgICByZXNpemFibGUgJiZcbiAgICAgICAgICAgICAgICBjbHN4KGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSZXNpemFibGUsIGNsYXNzZXM/LmlucHV0UmVzaXphYmxlKSxcbiAgICAgICAgICAgICAgZGlzYWJsZWQgJiZcbiAgICAgICAgICAgICAgICBjbHN4KGJhc2VJbnB1dENsYXNzZXMuaW5wdXREaXNhYmxlZCwgY2xhc3Nlcz8uaW5wdXREaXNhYmxlZCksXG4gICAgICAgICAgICAgIHJlYWRPbmx5ICYmXG4gICAgICAgICAgICAgICAgY2xzeChiYXNlSW5wdXRDbGFzc2VzLmlucHV0UmVhZE9ubHksIGNsYXNzZXM/LnJlYWRPbmx5KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICB9fVxuICAgICAgICAgIGlucHV0UHJvcHM9e3tcbiAgICAgICAgICAgIC8vIEF2b2lkIHRoZSByZXF1aXJlZCBhdHRyaWJ1dGUgYXQgdGhlIHJvb3Qgbm9kZVxuICAgICAgICAgICAgcmVxdWlyZWQ6IGZvcm1FbGVtZW50UHJvcHMucmVxdWlyZWQsXG4gICAgICAgICAgICAuLi5pbnB1dFByb3BzLFxuICAgICAgICAgICAgLi4uYXJpYVByb3BzLFxuICAgICAgICAgIH19XG4gICAgICAgICAgaW5wdXRSZWY9e2lucHV0UmVmfVxuICAgICAgICAgIG11bHRpbGluZT17bXVsdGlsaW5lfVxuICAgICAgICAgIHJvd3M9ezEwfVxuICAgICAgICAgICRyZXNpemFibGU9eyFmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmIHJlc2l6YWJsZX1cbiAgICAgICAgICAkZGlzYWJsZWQ9eyEhZGlzYWJsZWR9XG4gICAgICAgICAgJHJlYWRPbmx5PXshIXJlYWRPbmx5fVxuICAgICAgICAgICRpbnZhbGlkPXtsb2NhbEludmFsaWR9XG4gICAgICAgICAgey4uLm90aGVyc31cbiAgICAgICAgLz5cbiAgICAgICAgeyFtdWx0aWxpbmUgJiYgKFxuICAgICAgICAgIDxTdHlsZWRJbnB1dEJvcmRlckNvbnRhaW5lclxuICAgICAgICAgICAgcm9sZT1cInByZXNlbnRhdGlvblwiXG4gICAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goXG4gICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRCb3JkZXJDb250YWluZXIsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0Qm9yZGVyQ29udGFpbmVyXG4gICAgICAgICAgICApfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZFJvb3Q+XG4gICAgPC8+XG4gICk7XG59O1xuIl19 */");
+const baseInputStyles = /* @__PURE__ */ css('"input:-webkit-autofill":{"-webkit-box-shadow":0 0 0px 1000px ', theme.colors.atmo1, ' inset,"-webkit-text-fill-color":', theme.colors.secondary, ',;},"input[type=search]::-ms-clear":{display:"none",width:0,height:0,;},"input[type=search]::-ms-reveal":{display:"none",width:0,height:0,;},"input[type=search]::-webkit-search-decoration":{display:"none";},"input[type=search]::-webkit-search-cancel-button":{display:"none";},"input[type=search]::-webkit-search-results-button":{display:"none",;},"input[type=search]::-webkit-search-results-decoration":{display:"none",;}' + (process.env.NODE_ENV === "production" ? "" : ";label:baseInputStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUlucHV0L0Jhc2VJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUIyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhc2VJbnB1dC9CYXNlSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVmT2JqZWN0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQge1xuICBJbnB1dEJhc2VDb21wb25lbnRQcm9wcyBhcyBNdWlJbnB1dEJhc2VDb21wb25lbnRQcm9wcyxcbiAgSW5wdXRQcm9wcyBhcyBNdWlJbnB1dFByb3BzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgSHZCYXNlUHJvcHMgfSBmcm9tIFwiQGNvcmUvdHlwZXNcIjtcbmltcG9ydCB7XG4gIFN0eWxlZFJvb3QsXG4gIFN0eWxlZElucHV0Qm9yZGVyQ29udGFpbmVyLFxuICBTdHlsZWRJbnB1dCxcbn0gZnJvbSBcIi4vQmFzZUlucHV0LnN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZGb3JtRWxlbWVudENvbnRleHQsXG4gIEh2Rm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHQsXG4gIGJ1aWxkRm9ybUVsZW1lbnRQcm9wc0Zyb21Db250ZXh0LFxuICBidWlsZEFyaWFQcm9wc0Zyb21Db250ZXh0LFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgY2xzeCB9IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgYmFzZUlucHV0Q2xhc3NlcywgeyBIdkJhc2VJbnB1dENsYXNzZXMgfSBmcm9tIFwiLi9iYXNlSW5wdXRDbGFzc2VzXCI7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG4vLyBHbG9iYWwgc3R5bGVzIGZvciB0aGUgYmFzZSBpbnB1dC5cbmNvbnN0IGJhc2VJbnB1dFN0eWxlcyA9IGNzc2BcbiAgXCJpbnB1dDotd2Via2l0LWF1dG9maWxsXCI6IHtcbiAgICBcIi13ZWJraXQtYm94LXNoYWRvd1wiOiAwIDAgMHB4IDEwMDBweCAke3RoZW1lLmNvbG9ycy5hdG1vMX0gaW5zZXQsXG4gICAgXCItd2Via2l0LXRleHQtZmlsbC1jb2xvclwiOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9LFxuICB9LFxuXG4gIC8qIENsZWFycyBpbnB1dCdzIGNsZWFyIGFuZCByZXZlYWwgYnV0dG9ucyBmcm9tIElFICovXG4gIFwiaW5wdXRbdHlwZT1zZWFyY2hdOjotbXMtY2xlYXJcIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIHdpZHRoOiAwLFxuICAgIGhlaWdodDogMCxcbiAgfSxcbiAgXCJpbnB1dFt0eXBlPXNlYXJjaF06Oi1tcy1yZXZlYWxcIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIHdpZHRoOiAwLFxuICAgIGhlaWdodDogMCxcbiAgfSxcblxuICAvKiBDbGVhcnMgaW5wdXQncyBjbGVhciBidXR0b24gZnJvbSBDaHJvbWUgKi9cbiAgXCJpbnB1dFt0eXBlPXNlYXJjaF06Oi13ZWJraXQtc2VhcmNoLWRlY29yYXRpb25cIjogeyBkaXNwbGF5OiBcIm5vbmVcIiB9LFxuICBcImlucHV0W3R5cGU9c2VhcmNoXTo6LXdlYmtpdC1zZWFyY2gtY2FuY2VsLWJ1dHRvblwiOiB7IGRpc3BsYXk6IFwibm9uZVwiIH0sXG4gIFwiaW5wdXRbdHlwZT1zZWFyY2hdOjotd2Via2l0LXNlYXJjaC1yZXN1bHRzLWJ1dHRvblwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0sXG4gIFwiaW5wdXRbdHlwZT1zZWFyY2hdOjotd2Via2l0LXNlYXJjaC1yZXN1bHRzLWRlY29yYXRpb25cIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxufWA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZCYXNlSW5wdXRQcm9wc1xuICBleHRlbmRzIE9taXQ8TXVpSW5wdXRQcm9wcywgXCJvbkNoYW5nZVwiIHwgXCJjbGFzc2VzXCI+LFxuICAgIEh2QmFzZVByb3BzPFxuICAgICAgSFRNTERpdkVsZW1lbnQsXG4gICAgICB8IFwib25DaGFuZ2VcIlxuICAgICAgfCBcImNvbG9yXCJcbiAgICAgIHwgXCJvbkJsdXJcIlxuICAgICAgfCBcIm9uRm9jdXNcIlxuICAgICAgfCBcIm9uSW52YWxpZFwiXG4gICAgICB8IFwib25LZXlEb3duXCJcbiAgICAgIHwgXCJvbktleVVwXCJcbiAgICA+IHtcbiAgLyoqIFRoZSBpbnB1dCBuYW1lLiAqL1xuICBuYW1lPzogc3RyaW5nO1xuICAvKiogVGhlIHZhbHVlIG9mIHRoZSBpbnB1dCwgd2hlbiBjb250cm9sbGVkLiAqL1xuICB2YWx1ZT86IHN0cmluZztcbiAgLyoqIFRoZSBpbml0aWFsIHZhbHVlIG9mIHRoZSBpbnB1dCwgd2hlbiB1bmNvbnRyb2xsZWQuICovXG4gIGRlZmF1bHRWYWx1ZT86IHN0cmluZztcbiAgLyoqIElmIGB0cnVlYCB0aGUgaW5wdXQgaXMgZGlzYWJsZWQuICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIEluZGljYXRlcyB0aGF0IHRoZSBpbnB1dCBpcyBub3QgZWRpdGFibGUuICovXG4gIHJlYWRPbmx5PzogYm9vbGVhbjtcbiAgLyoqIElmIHRydWUsIHRoZSBpbnB1dCBlbGVtZW50IHdpbGwgYmUgcmVxdWlyZWQuICovXG4gIHJlcXVpcmVkPzogYm9vbGVhbjtcbiAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IHdpbGwgYmUgZXhlY3V0ZWQgb25DaGFuZ2UsIGFsbG93cyBtb2RpZmljYXRpb24gb2YgdGhlIGlucHV0LFxuICAgKiBpdCByZWNlaXZlcyB0aGUgdmFsdWUuIElmIGEgbmV3IHZhbHVlIHNob3VsZCBiZSBwcmVzZW50ZWQgaXQgbXVzdCByZXR1cm5lZCBpdC4gKi9cbiAgb25DaGFuZ2U/OiAoXG4gICAgZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PixcbiAgICB2YWx1ZTogc3RyaW5nXG4gICkgPT4gdm9pZDtcbiAgLyoqIFRoZSBpbnB1dCB0eXBlLiAqL1xuICB0eXBlPzogc3RyaW5nO1xuICAvKiogTGFiZWwgaW5zaWRlIHRoZSBpbnB1dCB1c2VkIHRvIGhlbHAgdXNlci4gKi9cbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIC8qKiBJZiB0cnVlLCBhIHRleHRhcmVhIGVsZW1lbnQgd2lsbCBiZSByZW5kZXJlZC4gKi9cbiAgbXVsdGlsaW5lPzogYm9vbGVhbjtcbiAgLyoqIElmIHRydWUgYW5kIG11bHRpbGluZSBpcyBhbHNvIHRydWUgdGhlIHRleHRhcmVhIGVsZW1lbnQgd2lsbCBiZSByZXNpemFibGUuICovXG4gIHJlc2l6YWJsZT86IGJvb2xlYW47XG4gIC8qKiBEZW5vdGVzIGlmIHRoZSBpbnB1dCBpcyBpbiBhbiBpbnZhbGlkIHN0YXRlLiAqL1xuICBpbnZhbGlkPzogYm9vbGVhbjtcbiAgLyoqIEF0dHJpYnV0ZXMgYXBwbGllZCB0byB0aGUgaW5wdXQgZWxlbWVudC4gKi9cbiAgaW5wdXRQcm9wcz86IE11aUlucHV0QmFzZUNvbXBvbmVudFByb3BzO1xuICAvKiogQWxsb3dzIHBhc3NpbmcgYSByZWYgdG8gdGhlIHVuZGVybHlpbmcgaW5wdXQgKi9cbiAgaW5wdXRSZWY/OiBSZWZPYmplY3Q8SFRNTEVsZW1lbnQ+O1xuICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICBjbGFzc2VzPzogSHZCYXNlSW5wdXRDbGFzc2VzO1xufVxuXG4vKipcbiAqIEFuIElucHV0IGNvbXBvbmVudCB0aGF0IG9ubHkgcG9zc2VzIHRoZSBtb3N0IGJhc2ljIGZ1bmN0aW9uYWxpdGllcy5cbiAqIEl0IHNob3VsZCBiZSB1c2VkIGFsb25nc2lkZSB0aGUgb3RoZXIgZm9ybSBlbGVtZW50cyB0byBjb25zdHJ1Y3QgYSBwcm9wZXIgYWNjZXNzaWJsZSBmb3JtLlxuICovXG5leHBvcnQgY29uc3QgSHZCYXNlSW5wdXQgPSAoe1xuICBjbGFzc2VzLFxuICBjbGFzc05hbWUgPSBcIlwiLFxuICBpZCxcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIGRlZmF1bHRWYWx1ZSxcbiAgcmVxdWlyZWQsXG4gIHJlYWRPbmx5LFxuICBkaXNhYmxlZCxcbiAgb25DaGFuZ2UsXG4gIHR5cGUgPSBcInRleHRcIixcbiAgcGxhY2Vob2xkZXIsXG4gIG11bHRpbGluZSA9IGZhbHNlLFxuICByZXNpemFibGUgPSBmYWxzZSxcbiAgaW52YWxpZCA9IGZhbHNlLFxuICBpbnB1dFJlZixcbiAgaW5wdXRQcm9wcyA9IHt9LFxuICAuLi5vdGhlcnNcbn06IEh2QmFzZUlucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgZm9ybUVsZW1lbnRDb250ZXh0ID0gdXNlQ29udGV4dChIdkZvcm1FbGVtZW50Q29udGV4dCk7XG4gIGNvbnN0IGZvcm1FbGVtZW50UHJvcHMgPSBidWlsZEZvcm1FbGVtZW50UHJvcHNGcm9tQ29udGV4dChcbiAgICBuYW1lLFxuICAgIGRpc2FibGVkLFxuICAgIHJlYWRPbmx5LFxuICAgIHJlcXVpcmVkLFxuICAgIHN0YXR1cyxcbiAgICBmb3JtRWxlbWVudENvbnRleHRcbiAgKTtcblxuICBjb25zdCBsb2NhbEludmFsaWQgPSBpbnZhbGlkIHx8IGZvcm1FbGVtZW50UHJvcHMuc3RhdHVzID09PSBcImludmFsaWRcIjtcblxuICBjb25zdCBmb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dCA9IHVzZUNvbnRleHQoXG4gICAgSHZGb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dFxuICApO1xuICBjb25zdCBhcmlhUHJvcHMgPSBidWlsZEFyaWFQcm9wc0Zyb21Db250ZXh0KFxuICAgIGlucHV0UHJvcHMsXG4gICAgZm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHQsXG4gICAgbG9jYWxJbnZhbGlkLFxuICAgIGlkXG4gICk7XG5cbiAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gKFxuICAgIGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50IHwgSFRNTFRleHRBcmVhRWxlbWVudD5cbiAgKSA9PiB7XG4gICAgb25DaGFuZ2U/LihldmVudCwgZXZlbnQudGFyZ2V0LnZhbHVlKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8R2xvYmFsIHN0eWxlcz17YmFzZUlucHV0U3R5bGVzfSAvPlxuICAgICAgPFN0eWxlZFJvb3RcbiAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMucm9vdCxcbiAgICAgICAgICBjbGFzc2VzPy5yb290LFxuICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmXG4gICAgICAgICAgICBjbHN4KGJhc2VJbnB1dENsYXNzZXMuZGlzYWJsZWQsIGNsYXNzZXM/LmRpc2FibGVkKSxcbiAgICAgICAgICBsb2NhbEludmFsaWQgJiYgY2xzeChiYXNlSW5wdXRDbGFzc2VzLmludmFsaWQsIGNsYXNzZXM/LmludmFsaWQpLFxuICAgICAgICAgIG11bHRpbGluZSAmJlxuICAgICAgICAgICAgcmVzaXphYmxlICYmXG4gICAgICAgICAgICBjbHN4KGJhc2VJbnB1dENsYXNzZXMucmVzaXphYmxlLCBjbGFzc2VzPy5yZXNpemFibGUpLFxuICAgICAgICAgIHJlYWRPbmx5ICYmIGNsc3goYmFzZUlucHV0Q2xhc3Nlcy5yZWFkT25seSwgY2xhc3Nlcz8ucmVhZE9ubHkpXG4gICAgICAgICl9XG4gICAgICAgICRkaXNhYmxlZD17Zm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZH1cbiAgICAgICAgJGludmFsaWQ9e2xvY2FsSW52YWxpZH1cbiAgICAgICAgJHJlc2l6YWJsZT17bXVsdGlsaW5lICYmIHJlc2l6YWJsZX1cbiAgICAgICAgJHJlYWRPbmx5PXshIXJlYWRPbmx5fVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgbmFtZT17Zm9ybUVsZW1lbnRQcm9wcy5uYW1lfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZX1cbiAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICByZWFkT25seT17ISFmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5fVxuICAgICAgICAgIGRpc2FibGVkPXtmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgbG9jYWxJbnZhbGlkICYmXG4gICAgICAgICAgICAgIGNsc3goXG4gICAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RJbnZhbGlkLFxuICAgICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0Um9vdEludmFsaWRcbiAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHJlYWRPbmx5ICYmXG4gICAgICAgICAgICAgIGNsc3goXG4gICAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RSZWFkT25seSxcbiAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3RSZWFkT25seVxuICAgICAgICAgICAgICApXG4gICAgICAgICAgKX1cbiAgICAgICAgICBjbGFzc2VzPXt7XG4gICAgICAgICAgICByb290OiBjbHN4KGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290LCBjbGFzc2VzPy5pbnB1dFJvb3QpLFxuICAgICAgICAgICAgZm9jdXNlZDogY2xzeChcbiAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RGb2N1c2VkLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3RGb2N1c2VkXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgZGlzYWJsZWQ6IGNsc3goXG4gICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290RGlzYWJsZWQsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0Um9vdERpc2FibGVkXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgbXVsdGlsaW5lOiBjbHN4KFxuICAgICAgICAgICAgICBiYXNlSW5wdXRDbGFzc2VzLmlucHV0Um9vdE11bHRpbGluZSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRSb290TXVsdGlsaW5lXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgaW5wdXQ6IGNsc3goXG4gICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXQsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0LFxuICAgICAgICAgICAgICAhZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJlxuICAgICAgICAgICAgICAgIHJlc2l6YWJsZSAmJlxuICAgICAgICAgICAgICAgIGNsc3goYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJlc2l6YWJsZSwgY2xhc3Nlcz8uaW5wdXRSZXNpemFibGUpLFxuICAgICAgICAgICAgICBkaXNhYmxlZCAmJlxuICAgICAgICAgICAgICAgIGNsc3goYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dERpc2FibGVkLCBjbGFzc2VzPy5pbnB1dERpc2FibGVkKSxcbiAgICAgICAgICAgICAgcmVhZE9ubHkgJiZcbiAgICAgICAgICAgICAgICBjbHN4KGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSZWFkT25seSwgY2xhc3Nlcz8ucmVhZE9ubHkpXG4gICAgICAgICAgICApLFxuICAgICAgICAgIH19XG4gICAgICAgICAgaW5wdXRQcm9wcz17e1xuICAgICAgICAgICAgLy8gQXZvaWQgdGhlIHJlcXVpcmVkIGF0dHJpYnV0ZSBhdCB0aGUgcm9vdCBub2RlXG4gICAgICAgICAgICByZXF1aXJlZDogZm9ybUVsZW1lbnRQcm9wcy5yZXF1aXJlZCxcbiAgICAgICAgICAgIC4uLmlucHV0UHJvcHMsXG4gICAgICAgICAgICAuLi5hcmlhUHJvcHMsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBpbnB1dFJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgbXVsdGlsaW5lPXttdWx0aWxpbmV9XG4gICAgICAgICAgcm93cz17MTB9XG4gICAgICAgICAgJHJlc2l6YWJsZT17IWZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiYgcmVzaXphYmxlfVxuICAgICAgICAgICRkaXNhYmxlZD17ISFkaXNhYmxlZH1cbiAgICAgICAgICAkcmVhZE9ubHk9eyEhcmVhZE9ubHl9XG4gICAgICAgICAgJGludmFsaWQ9e2xvY2FsSW52YWxpZH1cbiAgICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgICAvPlxuICAgICAgICB7IW11bHRpbGluZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZElucHV0Qm9yZGVyQ29udGFpbmVyXG4gICAgICAgICAgICByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dEJvcmRlckNvbnRhaW5lcixcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRCb3JkZXJDb250YWluZXJcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkUm9vdD5cbiAgICA8Lz5cbiAgKTtcbn07XG4iXX0= */");
 const HvBaseInput = ({
   classes,
   className = "",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseInput.js","sources":["../../../../src/components/BaseInput/BaseInput.tsx"],"sourcesContent":["import { RefObject, useContext } from \"react\";\nimport {\n InputBaseComponentProps as MuiInputBaseComponentProps,\n InputProps as MuiInputProps,\n} from \"@mui/material\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n StyledRoot,\n StyledInputBorderContainer,\n StyledInput,\n} from \"./BaseInput.styles\";\nimport {\n HvFormElementContext,\n HvFormElementDescriptorsContext,\n buildFormElementPropsFromContext,\n buildAriaPropsFromContext,\n} from \"@core/components\";\nimport { clsx } from \"clsx\";\nimport baseInputClasses, { HvBaseInputClasses } from \"./baseInputClasses\";\nimport { css, Global } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\n// Global styles for the base input.\nconst baseInputStyles = css`\n \"input:-webkit-autofill\": {\n \"-webkit-box-shadow\": 0 0 0px 1000px ${theme.colors.atmo1} inset,\n \"-webkit-text-fill-color\": ${theme.colors.secondary},\n },\n\n /* Clears input's clear and reveal buttons from IE /\n \"input[type=search]::-ms-clear\": {\n display: \"none\",\n width: 0,\n height: 0,\n },\n \"input[type=search]::-ms-reveal\": {\n display: \"none\",\n width: 0,\n height: 0,\n },\n\n / Clears input's clear button from Chrome /\n \"input[type=search]::-webkit-search-decoration\": { display: \"none\" },\n \"input[type=search]::-webkit-search-cancel-button\": { display: \"none\" },\n \"input[type=search]::-webkit-search-results-button\": {\n display: \"none\",\n },\n \"input[type=search]::-webkit-search-results-decoration\": {\n display: \"none\",\n },\n}`;\n\nexport interface HvBaseInputProps\n extends Omit<MuiInputProps, \"onChange\" \| \"classes\">,\n HvBaseProps<\n HTMLDivElement,\n { onChange; color; onBlur; onFocus; onInvalid; onKeyDown; onKeyUp }\n > {\n /* The input name. /\n name?: string;\n /* The value of the input, when controlled. /\n value?: string;\n /* The initial value of the input, when uncontrolled. /\n defaultValue?: string;\n /* If `true` the input is disabled. /\n disabled?: boolean;\n /* Indicates that the input is not editable. /\n readOnly?: boolean;\n /* If true, the input element will be required. /\n required?: boolean;\n /* The function that will be executed onChange, allows modification of the input,\n * it receives the value. If a new value should be presented it must returned it. /\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement \| HTMLTextAreaElement>,\n value: string\n ) => void;\n /* The input type. /\n type?: string;\n /* Label inside the input used to help user. /\n placeholder?: string;\n /* If true, a textarea element will be rendered. /\n multiline?: boolean;\n /* If true and multiline is also true the textarea element will be resizable. /\n resizable?: boolean;\n /* Denotes if the input is in an invalid state. /\n invalid?: boolean;\n /* Attributes applied to the input element. /\n inputProps?: MuiInputBaseComponentProps;\n /* Allows passing a ref to the underlying input /\n inputRef?: RefObject<HTMLElement>;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvBaseInputClasses;\n}\n\n/\n An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nexport const HvBaseInput = ({\n classes,\n className = \"\",\n id,\n name,\n value,\n defaultValue,\n required,\n readOnly,\n disabled,\n onChange,\n type = \"text\",\n placeholder,\n multiline = false,\n resizable = false,\n invalid = false,\n inputRef,\n inputProps = {},\n ...others\n}: HvBaseInputProps) => {\n const formElementContext = useContext(HvFormElementContext);\n const formElementProps = buildFormElementPropsFromContext(\n name,\n disabled,\n readOnly,\n required,\n status,\n formElementContext\n );\n\n const localInvalid = invalid \|\| formElementProps.status === \"invalid\";\n\n const formElementDescriptorsContext = useContext(\n HvFormElementDescriptorsContext\n );\n const ariaProps = buildAriaPropsFromContext(\n inputProps,\n formElementDescriptorsContext,\n localInvalid,\n id\n );\n\n const onChangeHandler = (\n event: React.ChangeEvent<HTMLInputElement \| HTMLTextAreaElement>\n ) => {\n onChange?.(event, event.target.value);\n };\n\n return (\n <>\n <Global styles={baseInputStyles} />\n <StyledRoot\n className={clsx(\n baseInputClasses.root,\n classes?.root,\n className,\n formElementProps.disabled &&\n clsx(baseInputClasses.disabled, classes?.disabled),\n localInvalid && clsx(baseInputClasses.invalid, classes?.invalid),\n multiline &&\n resizable &&\n clsx(baseInputClasses.resizable, classes?.resizable),\n readOnly && clsx(baseInputClasses.readOnly, classes?.readOnly)\n )}\n $disabled={formElementProps.disabled}\n $invalid={localInvalid}\n $resizable={multiline && resizable}\n $readOnly={!!readOnly}\n >\n <StyledInput\n id={id}\n name={formElementProps.name}\n value={value}\n defaultValue={defaultValue}\n type={type}\n placeholder={placeholder}\n readOnly={!!formElementProps.readOnly}\n disabled={formElementProps.disabled}\n onChange={onChangeHandler}\n className={clsx(\n localInvalid &&\n clsx(\n baseInputClasses.inputRootInvalid,\n classes?.inputRootInvalid\n ),\n readOnly &&\n clsx(\n baseInputClasses.inputRootReadOnly,\n classes?.inputRootReadOnly\n )\n )}\n classes={{\n root: clsx(baseInputClasses.inputRoot, classes?.inputRoot),\n focused: clsx(\n baseInputClasses.inputRootFocused,\n classes?.inputRootFocused\n ),\n disabled: clsx(\n baseInputClasses.inputRootDisabled,\n classes?.inputRootDisabled\n ),\n multiline: clsx(\n baseInputClasses.inputRootMultiline,\n classes?.inputRootMultiline\n ),\n input: clsx(\n baseInputClasses.input,\n classes?.input,\n !formElementProps.disabled &&\n resizable &&\n clsx(baseInputClasses.inputResizable, classes?.inputResizable),\n disabled &&\n clsx(baseInputClasses.inputDisabled, classes?.inputDisabled),\n readOnly &&\n clsx(baseInputClasses.inputReadOnly, classes?.readOnly)\n ),\n }}\n inputProps={{\n // Avoid the required attribute at the root node\n required: formElementProps.required,\n ...inputProps,\n ...ariaProps,\n }}\n inputRef={inputRef}\n multiline={multiline}\n rows={10}\n $resizable={!formElementProps.disabled && resizable}\n $disabled={!!disabled}\n $readOnly={!!readOnly}\n $invalid={localInvalid}\n {...others}\n />\n {!multiline && (\n <StyledInputBorderContainer\n role=\"presentation\"\n className={clsx(\n baseInputClasses.inputBorderContainer,\n classes?.inputBorderContainer\n )}\n />\n )}\n </StyledRoot>\n </>\n );\n};\n"],"names":["baseInputStyles","theme","colors","atmo1","secondary","process","env","NODE_ENV","HvBaseInput","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","useContext","HvFormElementContext","formElementProps","buildFormElementPropsFromContext","status","localInvalid","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","buildAriaPropsFromContext","onChangeHandler","event","target","_Fragment","children","_jsx","Global","styles","_jsxs","StyledRoot","clsx","baseInputClasses","root","$disabled","$invalid","$resizable","$readOnly","StyledInput","inputRootInvalid","inputRootReadOnly","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputReadOnly","rows","StyledInputBorderContainer","role","inputBorderContainer"],"mappings":"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"}
1	+ {"version":3,"file":"BaseInput.js","sources":["../../../../src/components/BaseInput/BaseInput.tsx"],"sourcesContent":["import { RefObject, useContext } from \"react\";\nimport {\n InputBaseComponentProps as MuiInputBaseComponentProps,\n InputProps as MuiInputProps,\n} from \"@mui/material\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n StyledRoot,\n StyledInputBorderContainer,\n StyledInput,\n} from \"./BaseInput.styles\";\nimport {\n HvFormElementContext,\n HvFormElementDescriptorsContext,\n buildFormElementPropsFromContext,\n buildAriaPropsFromContext,\n} from \"@core/components\";\nimport { clsx } from \"clsx\";\nimport baseInputClasses, { HvBaseInputClasses } from \"./baseInputClasses\";\nimport { css, Global } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\n// Global styles for the base input.\nconst baseInputStyles = css`\n \"input:-webkit-autofill\": {\n \"-webkit-box-shadow\": 0 0 0px 1000px ${theme.colors.atmo1} inset,\n \"-webkit-text-fill-color\": ${theme.colors.secondary},\n },\n\n /* Clears input's clear and reveal buttons from IE /\n \"input[type=search]::-ms-clear\": {\n display: \"none\",\n width: 0,\n height: 0,\n },\n \"input[type=search]::-ms-reveal\": {\n display: \"none\",\n width: 0,\n height: 0,\n },\n\n / Clears input's clear button from Chrome /\n \"input[type=search]::-webkit-search-decoration\": { display: \"none\" },\n \"input[type=search]::-webkit-search-cancel-button\": { display: \"none\" },\n \"input[type=search]::-webkit-search-results-button\": {\n display: \"none\",\n },\n \"input[type=search]::-webkit-search-results-decoration\": {\n display: \"none\",\n },\n}`;\n\nexport interface HvBaseInputProps\n extends Omit<MuiInputProps, \"onChange\" \| \"classes\">,\n HvBaseProps<\n HTMLDivElement,\n \| \"onChange\"\n \| \"color\"\n \| \"onBlur\"\n \| \"onFocus\"\n \| \"onInvalid\"\n \| \"onKeyDown\"\n \| \"onKeyUp\"\n > {\n /* The input name. /\n name?: string;\n /* The value of the input, when controlled. /\n value?: string;\n /* The initial value of the input, when uncontrolled. /\n defaultValue?: string;\n /* If `true` the input is disabled. /\n disabled?: boolean;\n /* Indicates that the input is not editable. /\n readOnly?: boolean;\n /* If true, the input element will be required. /\n required?: boolean;\n /* The function that will be executed onChange, allows modification of the input,\n * it receives the value. If a new value should be presented it must returned it. /\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement \| HTMLTextAreaElement>,\n value: string\n ) => void;\n /* The input type. /\n type?: string;\n /* Label inside the input used to help user. /\n placeholder?: string;\n /* If true, a textarea element will be rendered. /\n multiline?: boolean;\n /* If true and multiline is also true the textarea element will be resizable. /\n resizable?: boolean;\n /* Denotes if the input is in an invalid state. /\n invalid?: boolean;\n /* Attributes applied to the input element. /\n inputProps?: MuiInputBaseComponentProps;\n /* Allows passing a ref to the underlying input /\n inputRef?: RefObject<HTMLElement>;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvBaseInputClasses;\n}\n\n/\n An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nexport const HvBaseInput = ({\n classes,\n className = \"\",\n id,\n name,\n value,\n defaultValue,\n required,\n readOnly,\n disabled,\n onChange,\n type = \"text\",\n placeholder,\n multiline = false,\n resizable = false,\n invalid = false,\n inputRef,\n inputProps = {},\n ...others\n}: HvBaseInputProps) => {\n const formElementContext = useContext(HvFormElementContext);\n const formElementProps = buildFormElementPropsFromContext(\n name,\n disabled,\n readOnly,\n required,\n status,\n formElementContext\n );\n\n const localInvalid = invalid \|\| formElementProps.status === \"invalid\";\n\n const formElementDescriptorsContext = useContext(\n HvFormElementDescriptorsContext\n );\n const ariaProps = buildAriaPropsFromContext(\n inputProps,\n formElementDescriptorsContext,\n localInvalid,\n id\n );\n\n const onChangeHandler = (\n event: React.ChangeEvent<HTMLInputElement \| HTMLTextAreaElement>\n ) => {\n onChange?.(event, event.target.value);\n };\n\n return (\n <>\n <Global styles={baseInputStyles} />\n <StyledRoot\n className={clsx(\n baseInputClasses.root,\n classes?.root,\n className,\n formElementProps.disabled &&\n clsx(baseInputClasses.disabled, classes?.disabled),\n localInvalid && clsx(baseInputClasses.invalid, classes?.invalid),\n multiline &&\n resizable &&\n clsx(baseInputClasses.resizable, classes?.resizable),\n readOnly && clsx(baseInputClasses.readOnly, classes?.readOnly)\n )}\n $disabled={formElementProps.disabled}\n $invalid={localInvalid}\n $resizable={multiline && resizable}\n $readOnly={!!readOnly}\n >\n <StyledInput\n id={id}\n name={formElementProps.name}\n value={value}\n defaultValue={defaultValue}\n type={type}\n placeholder={placeholder}\n readOnly={!!formElementProps.readOnly}\n disabled={formElementProps.disabled}\n onChange={onChangeHandler}\n className={clsx(\n localInvalid &&\n clsx(\n baseInputClasses.inputRootInvalid,\n classes?.inputRootInvalid\n ),\n readOnly &&\n clsx(\n baseInputClasses.inputRootReadOnly,\n classes?.inputRootReadOnly\n )\n )}\n classes={{\n root: clsx(baseInputClasses.inputRoot, classes?.inputRoot),\n focused: clsx(\n baseInputClasses.inputRootFocused,\n classes?.inputRootFocused\n ),\n disabled: clsx(\n baseInputClasses.inputRootDisabled,\n classes?.inputRootDisabled\n ),\n multiline: clsx(\n baseInputClasses.inputRootMultiline,\n classes?.inputRootMultiline\n ),\n input: clsx(\n baseInputClasses.input,\n classes?.input,\n !formElementProps.disabled &&\n resizable &&\n clsx(baseInputClasses.inputResizable, classes?.inputResizable),\n disabled &&\n clsx(baseInputClasses.inputDisabled, classes?.inputDisabled),\n readOnly &&\n clsx(baseInputClasses.inputReadOnly, classes?.readOnly)\n ),\n }}\n inputProps={{\n // Avoid the required attribute at the root node\n required: formElementProps.required,\n ...inputProps,\n ...ariaProps,\n }}\n inputRef={inputRef}\n multiline={multiline}\n rows={10}\n $resizable={!formElementProps.disabled && resizable}\n $disabled={!!disabled}\n $readOnly={!!readOnly}\n $invalid={localInvalid}\n {...others}\n />\n {!multiline && (\n <StyledInputBorderContainer\n role=\"presentation\"\n className={clsx(\n baseInputClasses.inputBorderContainer,\n classes?.inputBorderContainer\n )}\n />\n )}\n </StyledRoot>\n </>\n );\n};\n"],"names":["baseInputStyles","theme","colors","atmo1","secondary","process","env","NODE_ENV","HvBaseInput","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","useContext","HvFormElementContext","formElementProps","buildFormElementPropsFromContext","status","localInvalid","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","buildAriaPropsFromContext","onChangeHandler","event","target","_Fragment","children","_jsx","Global","styles","_jsxs","StyledRoot","clsx","baseInputClasses","root","$disabled","$invalid","$resizable","$readOnly","StyledInput","inputRootInvalid","inputRootReadOnly","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputReadOnly","rows","StyledInputBorderContainer","role","inputBorderContainer"],"mappings":"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"}

package/dist/esm/components/BaseInput/baseInputClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"baseInputClasses.js","sources":["../../../../src/components/BaseInput/baseInputClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBaseInputClasses {\n /** Styles applied to the root container of the input. /\n root?: string;\n /* Styles applied to the root container of the input when it is disabled. /\n disabled?: string;\n /* Styles applied to the root container of the input when it is invalid. /\n invalid?: string;\n /* Styles applied to the root container of the input when it is resizable. /\n resizable?: string;\n /* Styles applied to input root which is the input that encloses all the other elements. /\n inputRoot?: string;\n /* Styles applied to input root when it is focused. /\n inputRootFocused?: string;\n /* Styles applied to input root element when it is disabled. /\n inputRootDisabled?: string;\n /* Styles applied to input root element when it is multiline mode. /\n inputRootMultiline?: string;\n /* Styles applied to input root element when it is invalid. /\n inputRootInvalid?: string;\n /* Styles applied to input root element when it is read only. /\n inputRootReadOnly?: string;\n /* Styles applied to input html element. /\n input?: string;\n /* Styles applied to input html element when is disabled. /\n inputDisabled?: string;\n /* Styles applied to input html element when it is resizable. /\n inputResizable?: string;\n /* Styles applied to input html element when it is read only. /\n inputReadOnly?: string;\n /* Styles applied to the container of the border element. /\n inputBorderContainer?: string;\n /* Styles applied to the container of the border element, when in read only mode. */\n readOnly?: string;\n}\n\nconst classKeys: ~~string~~[] = [\n \"root\",\n \"disabled\",\n \"invalid\",\n \"resizable\",\n \"inputRoot\",\n \"inputRootFocused\",\n \"inputRootDisabled\",\n \"inputRootMultiline\",\n \"inputRootInvalid\",\n \"inputRootReadOnly\",\n \"input\",\n \"inputDisabled\",\n \"inputResizable\",\n \"inputReadOnly\",\n \"inputBorderContainer\",\n \"readOnly\",\n];\n\nconst baseInputClasses = getClasses~~<HvBaseInputClasses>~~(\n classKeys~~,\n~~ \"HvBaseInput\"\n);\n\nexport default baseInputClasses;\n"],"names":["classKeys","baseInputClasses","getClasses"],"mappings":";AAqCA,MAAMA,~~YAAsB~~,~~CAC1B~~,QACA,YACA,WACA,aACA,aACA,oBACA,qBACA,sBACA,oBACA,qBACA,SACA,iBACA,kBACA,iBACA,wBACA,UAAU;AAGZ,MAAMC,mBAAmBC,~~WACvBF~~,~~WACA~~,aAAa;~~AAGf~~,MAAA,qBAAeC;"}
1	+ {"version":3,"file":"baseInputClasses.js","sources":["../../../../src/components/BaseInput/baseInputClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBaseInputClasses {\n /** Styles applied to the root container of the input. /\n root?: string;\n /* Styles applied to the root container of the input when it is disabled. /\n disabled?: string;\n /* Styles applied to the root container of the input when it is invalid. /\n invalid?: string;\n /* Styles applied to the root container of the input when it is resizable. /\n resizable?: string;\n /* Styles applied to input root which is the input that encloses all the other elements. /\n inputRoot?: string;\n /* Styles applied to input root when it is focused. /\n inputRootFocused?: string;\n /* Styles applied to input root element when it is disabled. /\n inputRootDisabled?: string;\n /* Styles applied to input root element when it is multiline mode. /\n inputRootMultiline?: string;\n /* Styles applied to input root element when it is invalid. /\n inputRootInvalid?: string;\n /* Styles applied to input root element when it is read only. /\n inputRootReadOnly?: string;\n /* Styles applied to input html element. /\n input?: string;\n /* Styles applied to input html element when is disabled. /\n inputDisabled?: string;\n /* Styles applied to input html element when it is resizable. /\n inputResizable?: string;\n /* Styles applied to input html element when it is read only. /\n inputReadOnly?: string;\n /* Styles applied to the container of the border element. /\n inputBorderContainer?: string;\n /* Styles applied to the container of the border element, when in read only mode. */\n readOnly?: string;\n}\n\nconst classKeys: (keyof HvBaseInputClasses)[] = [\n \"root\",\n \"disabled\",\n \"invalid\",\n \"resizable\",\n \"inputRoot\",\n \"inputRootFocused\",\n \"inputRootDisabled\",\n \"inputRootMultiline\",\n \"inputRootInvalid\",\n \"inputRootReadOnly\",\n \"input\",\n \"inputDisabled\",\n \"inputResizable\",\n \"inputReadOnly\",\n \"inputBorderContainer\",\n \"readOnly\",\n];\n\nconst baseInputClasses = getClasses(classKeys, \"HvBaseInput\");\n\nexport default baseInputClasses;\n"],"names":["classKeys","baseInputClasses","getClasses"],"mappings":";AAqCA,MAAMA,YAA0C,CAC9C,QACA,YACA,WACA,aACA,aACA,oBACA,qBACA,sBACA,oBACA,qBACA,SACA,iBACA,kBACA,iBACA,wBACA,UAAU;AAGZ,MAAMC,mBAAmBC,WAAWF,WAAW,aAAa;AAE5D,MAAA,qBAAeC;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseRadio.js","sources":["../../../../src/components/BaseRadio/BaseRadio.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport { clsx } from \"clsx\";\nimport { RadioProps as MuiRadioProps } from \"@mui/material\";\nimport {\n RadioButtonUnselected,\n RadioButtonSelected,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledRadio } from \"./BaseRadio.styles\";\nimport baseRadioClasses, { HvBaseRadioClasses } from \"./baseRadioClasses\";\n\nexport interface HvBaseRadioProps\n extends Omit<MuiRadioProps, \"onChange\" \| \"classes\">,\n HvBaseProps<HTMLButtonElement, { onChange; color }> {\n /*\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied to the radio button.\n /\n classes?: HvBaseRadioClasses;\n /\n Id to be applied to the root node.\n /\n id?: string;\n /\n The input name.\n /\n name?: string;\n /\n The value of the input.\n \n The default value is \"on\".\n /\n value?: any;\n /\n Indicates that user input is required.\n /\n required?: boolean;\n /\n Indicates that the input is not editable.\n /\n readOnly?: boolean;\n /\n Indicates that the input is disabled.\n /\n disabled?: boolean;\n /\n If `true` the radio button is selected, if set to `false` the radio button is not selected.\n \n When defined the radio button state becomes controlled.\n /\n checked?: boolean;\n /\n When uncontrolled, defines the initial checked state.\n /\n defaultChecked?: boolean;\n /\n The callback fired when the radio button is pressed.\n /\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement>,\n checked: boolean,\n value: any\n ) => void;\n /\n Whether the selector should use semantic colors.\n /\n semantic?: boolean;\n /\n Properties passed on to the input element.\n /\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n /\n Callback fired when the component is focused with a keyboard.\n * We trigger a `onFocus` callback too.\n /\n onFocusVisible?: (event: React.FocusEvent<any>) => void;\n /\n @ignore\n /\n onBlur?: (event: React.FocusEvent<any>) => void;\n}\n\nexport const getSelectorIcons = (\n options: { disabled: boolean; semantic: boolean },\n classes?: HvBaseRadioClasses\n) => {\n const { disabled, semantic } = options;\n const color =\n (disabled && [\"atmo3\", \"secondary_60\"]) \|\|\n (semantic && [\"base_light\", \"base_dark\"]) \|\|\n undefined;\n const checkedColor =\n (disabled && [\"atmo3\", \"secondary_60\"]) \|\|\n (semantic && [\"base_dark\", \"base_light\"]) \|\|\n undefined;\n\n return {\n radio: (\n <RadioButtonUnselected\n color={color}\n className={clsx(baseRadioClasses.icon, classes?.icon)}\n />\n ),\n radioChecked: (\n <RadioButtonSelected\n color={checkedColor}\n className={clsx(baseRadioClasses.icon, classes?.icon)}\n />\n ),\n };\n};\n\n/\n A Radio Button is a mechanism that allows user to select one or more options.\n \n The Base Radio Button is a building block of the Radio Button form element. Don't\n * use unless implementing a custom use case not covered by the Radio Button form element.\n */\nexport const HvBaseRadio = (props: HvBaseRadioProps) => {\n const {\n classes,\n className,\n id,\n name,\n value = \"on\",\n required = false,\n readOnly = false,\n disabled = false,\n checked,\n defaultChecked,\n onChange,\n semantic = false,\n inputProps,\n onFocusVisible,\n onBlur,\n ...others\n } = props;\n\n const [focusVisible, setFocusVisible] = useState(false);\n\n const onFocusVisibleCallback = useCallback(\n (evt: React.FocusEvent<any>) => {\n setFocusVisible(true);\n onFocusVisible?.(evt);\n },\n [onFocusVisible]\n );\n\n const onBlurCallback = useCallback(\n (evt: React.FocusEvent<any>) => {\n setFocusVisible(false);\n onBlur?.(evt);\n },\n [onBlur]\n );\n\n const icons = getSelectorIcons({ disabled, semantic }, classes);\n\n const onLocalChange = useCallback(\n (evt: React.ChangeEvent<HTMLInputElement>) => {\n if (readOnly) {\n return;\n }\n\n onChange?.(evt, evt.target.checked, value);\n },\n [onChange, readOnly, value]\n );\n\n return (\n <StyledRadio\n id={id}\n name={name}\n className={clsx(\n className,\n baseRadioClasses.root,\n classes?.root,\n disabled && clsx(baseRadioClasses.disabled, classes?.disabled),\n focusVisible &&\n clsx(baseRadioClasses.focusVisible, classes?.focusVisible)\n )}\n $focusVisible={focusVisible}\n icon={icons.radio}\n checkedIcon={icons.radioChecked}\n color=\"default\"\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n disableRipple\n onChange={onLocalChange}\n value={value}\n checked={checked}\n defaultChecked={defaultChecked}\n inputProps={inputProps}\n onFocusVisible={onFocusVisibleCallback}\n onBlur={onBlurCallback}\n {...others}\n />\n );\n};\n"],"names":["getSelectorIcons","options","classes","disabled","semantic","color","undefined","checkedColor","radio","RadioButtonUnselected","className","clsx","baseRadioClasses","icon","radioChecked","RadioButtonSelected","HvBaseRadio","props","id","name","value","required","readOnly","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","useState","onFocusVisibleCallback","useCallback","evt","onBlurCallback","icons","onLocalChange","target","StyledRadio","root","$focusVisible","checkedIcon","disableRipple"],"mappings":";;;;;;AAqFaA,MAAAA,mBAAmBA,CAC9BC,SACAC,YACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,EAAaH,IAAAA;AACzBI,QAAAA,QACHF,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,cAAc,WAAW,KACvCE;AACIC,QAAAA,eACHJ,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,aAAa,YAAY,KACvCE;AAEK,SAAA;AAAA,IACLE,2BACGC,uBAAqB;AAAA,MACpBJ;AAAAA,MACAK,WAAWC,KAAKC,iBAAiBC,MAAMX,mCAASW,IAAI;AAAA,IAAA,CAEvD;AAAA,IACDC,kCACGC,qBAAmB;AAAA,MAClBV,OAAOE;AAAAA,MACPG,WAAWC,KAAKC,iBAAiBC,MAAMX,mCAASW,IAAI;AAAA,IAAA,CAAE;AAAA,EAAA;AAI9D;AAQaG,MAAAA,cAAcA,CAACC,UAA4B;AAChD,QAAA;AAAA,IACJf;AAAAA,IACAQ;AAAAA,IACAQ;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXnB,WAAW;AAAA,IACXoB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACArB,WAAW;AAAA,IACXsB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDZ,IAAAA;AAEJ,QAAM,CAACa,cAAcC,eAAe,IAAIC,SAAS,KAAK;AAEhDC,QAAAA,yBAAyBC,YAC7B,CAACC,QAA+B;AAC9BJ,oBAAgB,IAAI;AACpBJ,qDAAiBQ;AAAAA,EAAG,GAEtB,CAACR,cAAc,CAAC;AAGZS,QAAAA,iBAAiBF,YACrB,CAACC,QAA+B;AAC9BJ,oBAAgB,KAAK;AACrBH,qCAASO;AAAAA,EAAG,GAEd,CAACP,MAAM,CAAC;AAGV,QAAMS,QAAQrC,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDoC,QAAAA,gBAAgBJ,YACpB,CAACC,QAA6C;AAC5C,QAAIb,UAAU;AACZ;AAAA,IACF;AAEAG,yCAAWU,KAAKA,IAAII,OAAOhB,SAASH;AAAAA,EAEtC,GAAA,CAACK,UAAUH,UAAUF,KAAK,CAAC;AAG7B,6BACGoB,aAAW;AAAA,IACVtB;AAAAA,IACAC;AAAAA,IACAT,WAAWC,KACTD,WACAE,iBAAiB6B,MACjBvC,mCAASuC,MACTtC,YAAYQ,KAAKC,iBAAiBT,UAAUD,mCAASC,QAAQ,GAC7D2B,gBACEnB,KAAKC,iBAAiBkB,cAAc5B,mCAAS4B,YAAY,CAAC;AAAA,IAE9DY,eAAeZ;AAAAA,IACfjB,MAAMwB,MAAM7B;AAAAA,IACZmC,aAAaN,MAAMvB;AAAAA,IACnBT,OAAM;AAAA,IACNF;AAAAA,IACAkB;AAAAA,IACAC;AAAAA,IACAsB,eAAa;AAAA,IACbnB,UAAUa;AAAAA,IACVlB;AAAAA,IACAG;AAAAA,IACAC;AAAAA,IACAE;AAAAA,IACAC,gBAAgBM;AAAAA,IAChBL,QAAQQ;AAAAA,IAAe,GACnBP;AAAAA,EAAAA,CACJ;AAEN;"}
1	+ {"version":3,"file":"BaseRadio.js","sources":["../../../../src/components/BaseRadio/BaseRadio.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport { clsx } from \"clsx\";\nimport { RadioProps as MuiRadioProps } from \"@mui/material\";\nimport {\n RadioButtonUnselected,\n RadioButtonSelected,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledRadio } from \"./BaseRadio.styles\";\nimport baseRadioClasses, { HvBaseRadioClasses } from \"./baseRadioClasses\";\n\nexport interface HvBaseRadioProps\n extends Omit<MuiRadioProps, \"onChange\" \| \"classes\">,\n HvBaseProps<HTMLButtonElement, \"onChange\" \| \"color\"> {\n /*\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied to the radio button.\n /\n classes?: HvBaseRadioClasses;\n /\n Id to be applied to the root node.\n /\n id?: string;\n /\n The input name.\n /\n name?: string;\n /\n The value of the input.\n \n The default value is \"on\".\n /\n value?: any;\n /\n Indicates that user input is required.\n /\n required?: boolean;\n /\n Indicates that the input is not editable.\n /\n readOnly?: boolean;\n /\n Indicates that the input is disabled.\n /\n disabled?: boolean;\n /\n If `true` the radio button is selected, if set to `false` the radio button is not selected.\n \n When defined the radio button state becomes controlled.\n /\n checked?: boolean;\n /\n When uncontrolled, defines the initial checked state.\n /\n defaultChecked?: boolean;\n /\n The callback fired when the radio button is pressed.\n /\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement>,\n checked: boolean,\n value: any\n ) => void;\n /\n Whether the selector should use semantic colors.\n /\n semantic?: boolean;\n /\n Properties passed on to the input element.\n /\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n /\n Callback fired when the component is focused with a keyboard.\n * We trigger a `onFocus` callback too.\n /\n onFocusVisible?: (event: React.FocusEvent<any>) => void;\n /\n @ignore\n /\n onBlur?: (event: React.FocusEvent<any>) => void;\n}\n\nexport const getSelectorIcons = (\n options: { disabled: boolean; semantic: boolean },\n classes?: HvBaseRadioClasses\n) => {\n const { disabled, semantic } = options;\n const color =\n (disabled && [\"atmo3\", \"secondary_60\"]) \|\|\n (semantic && [\"base_light\", \"base_dark\"]) \|\|\n undefined;\n const checkedColor =\n (disabled && [\"atmo3\", \"secondary_60\"]) \|\|\n (semantic && [\"base_dark\", \"base_light\"]) \|\|\n undefined;\n\n return {\n radio: (\n <RadioButtonUnselected\n color={color}\n className={clsx(baseRadioClasses.icon, classes?.icon)}\n />\n ),\n radioChecked: (\n <RadioButtonSelected\n color={checkedColor}\n className={clsx(baseRadioClasses.icon, classes?.icon)}\n />\n ),\n };\n};\n\n/\n A Radio Button is a mechanism that allows user to select one or more options.\n \n The Base Radio Button is a building block of the Radio Button form element. Don't\n * use unless implementing a custom use case not covered by the Radio Button form element.\n */\nexport const HvBaseRadio = (props: HvBaseRadioProps) => {\n const {\n classes,\n className,\n id,\n name,\n value = \"on\",\n required = false,\n readOnly = false,\n disabled = false,\n checked,\n defaultChecked,\n onChange,\n semantic = false,\n inputProps,\n onFocusVisible,\n onBlur,\n ...others\n } = props;\n\n const [focusVisible, setFocusVisible] = useState(false);\n\n const onFocusVisibleCallback = useCallback(\n (evt: React.FocusEvent<any>) => {\n setFocusVisible(true);\n onFocusVisible?.(evt);\n },\n [onFocusVisible]\n );\n\n const onBlurCallback = useCallback(\n (evt: React.FocusEvent<any>) => {\n setFocusVisible(false);\n onBlur?.(evt);\n },\n [onBlur]\n );\n\n const icons = getSelectorIcons({ disabled, semantic }, classes);\n\n const onLocalChange = useCallback(\n (evt: React.ChangeEvent<HTMLInputElement>) => {\n if (readOnly) {\n return;\n }\n\n onChange?.(evt, evt.target.checked, value);\n },\n [onChange, readOnly, value]\n );\n\n return (\n <StyledRadio\n id={id}\n name={name}\n className={clsx(\n className,\n baseRadioClasses.root,\n classes?.root,\n disabled && clsx(baseRadioClasses.disabled, classes?.disabled),\n focusVisible &&\n clsx(baseRadioClasses.focusVisible, classes?.focusVisible)\n )}\n $focusVisible={focusVisible}\n icon={icons.radio}\n checkedIcon={icons.radioChecked}\n color=\"default\"\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n disableRipple\n onChange={onLocalChange}\n value={value}\n checked={checked}\n defaultChecked={defaultChecked}\n inputProps={inputProps}\n onFocusVisible={onFocusVisibleCallback}\n onBlur={onBlurCallback}\n {...others}\n />\n );\n};\n"],"names":["getSelectorIcons","options","classes","disabled","semantic","color","undefined","checkedColor","radio","RadioButtonUnselected","className","clsx","baseRadioClasses","icon","radioChecked","RadioButtonSelected","HvBaseRadio","props","id","name","value","required","readOnly","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","useState","onFocusVisibleCallback","useCallback","evt","onBlurCallback","icons","onLocalChange","target","StyledRadio","root","$focusVisible","checkedIcon","disableRipple"],"mappings":";;;;;;AAqFaA,MAAAA,mBAAmBA,CAC9BC,SACAC,YACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,EAAaH,IAAAA;AACzBI,QAAAA,QACHF,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,cAAc,WAAW,KACvCE;AACIC,QAAAA,eACHJ,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,aAAa,YAAY,KACvCE;AAEK,SAAA;AAAA,IACLE,2BACGC,uBAAqB;AAAA,MACpBJ;AAAAA,MACAK,WAAWC,KAAKC,iBAAiBC,MAAMX,mCAASW,IAAI;AAAA,IAAA,CAEvD;AAAA,IACDC,kCACGC,qBAAmB;AAAA,MAClBV,OAAOE;AAAAA,MACPG,WAAWC,KAAKC,iBAAiBC,MAAMX,mCAASW,IAAI;AAAA,IAAA,CAAE;AAAA,EAAA;AAI9D;AAQaG,MAAAA,cAAcA,CAACC,UAA4B;AAChD,QAAA;AAAA,IACJf;AAAAA,IACAQ;AAAAA,IACAQ;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXnB,WAAW;AAAA,IACXoB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACArB,WAAW;AAAA,IACXsB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDZ,IAAAA;AAEJ,QAAM,CAACa,cAAcC,eAAe,IAAIC,SAAS,KAAK;AAEhDC,QAAAA,yBAAyBC,YAC7B,CAACC,QAA+B;AAC9BJ,oBAAgB,IAAI;AACpBJ,qDAAiBQ;AAAAA,EAAG,GAEtB,CAACR,cAAc,CAAC;AAGZS,QAAAA,iBAAiBF,YACrB,CAACC,QAA+B;AAC9BJ,oBAAgB,KAAK;AACrBH,qCAASO;AAAAA,EAAG,GAEd,CAACP,MAAM,CAAC;AAGV,QAAMS,QAAQrC,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDoC,QAAAA,gBAAgBJ,YACpB,CAACC,QAA6C;AAC5C,QAAIb,UAAU;AACZ;AAAA,IACF;AAEAG,yCAAWU,KAAKA,IAAII,OAAOhB,SAASH;AAAAA,EAEtC,GAAA,CAACK,UAAUH,UAAUF,KAAK,CAAC;AAG7B,6BACGoB,aAAW;AAAA,IACVtB;AAAAA,IACAC;AAAAA,IACAT,WAAWC,KACTD,WACAE,iBAAiB6B,MACjBvC,mCAASuC,MACTtC,YAAYQ,KAAKC,iBAAiBT,UAAUD,mCAASC,QAAQ,GAC7D2B,gBACEnB,KAAKC,iBAAiBkB,cAAc5B,mCAAS4B,YAAY,CAAC;AAAA,IAE9DY,eAAeZ;AAAAA,IACfjB,MAAMwB,MAAM7B;AAAAA,IACZmC,aAAaN,MAAMvB;AAAAA,IACnBT,OAAM;AAAA,IACNF;AAAAA,IACAkB;AAAAA,IACAC;AAAAA,IACAsB,eAAa;AAAA,IACbnB,UAAUa;AAAAA,IACVlB;AAAAA,IACAG;AAAAA,IACAC;AAAAA,IACAE;AAAAA,IACAC,gBAAgBM;AAAAA,IAChBL,QAAQQ;AAAAA,IAAe,GACnBP;AAAAA,EAAAA,CACJ;AAEN;"}

package/dist/esm/components/BaseRadio/baseRadioClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"baseRadioClasses.js","sources":["../../../../src/components/BaseRadio/baseRadioClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBaseRadioClasses {\n /** Styles applied to the component. /\n root?: string;\n /* Styles applied to the radio button when it is disabled. /\n disabled?: string;\n /* Class applied to the root element if keyboard focused. /\n focusVisible?: string;\n /* Class applied top the icon element. */\n icon?: string;\n}\n\nconst classKeys: ~~string~~[] = [\"root\", \"disabled\", \"focusVisible\", \"icon\"];\n\nconst baseRadioClasses = getClasses~~<HvBaseRadioClasses>~~(\n classKeys~~,\n~~ \"HvBaseRadio\"\n);\n\nexport default baseRadioClasses;\n"],"names":["classKeys","baseRadioClasses","getClasses"],"mappings":";AAaA,MAAMA,~~YAAsB~~,~~CAAC~~,~~QAAQ~~,~~YAAY~~,~~gBAAgB~~,MAAM;~~AAEvE~~,MAAMC,mBAAmBC,~~WACvBF~~,~~WACA~~,aAAa;~~AAGf~~,MAAA,qBAAeC;"}
1	+ {"version":3,"file":"baseRadioClasses.js","sources":["../../../../src/components/BaseRadio/baseRadioClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBaseRadioClasses {\n /** Styles applied to the component. /\n root?: string;\n /* Styles applied to the radio button when it is disabled. /\n disabled?: string;\n /* Class applied to the root element if keyboard focused. /\n focusVisible?: string;\n /* Class applied top the icon element. */\n icon?: string;\n}\n\nconst classKeys: (keyof HvBaseRadioClasses)[] = [\n \"root\",\n \"disabled\",\n \"focusVisible\",\n \"icon\",\n];\n\nconst baseRadioClasses = getClasses(classKeys, \"HvBaseRadio\");\n\nexport default baseRadioClasses;\n"],"names":["classKeys","baseRadioClasses","getClasses"],"mappings":";AAaA,MAAMA,YAA0C,CAC9C,QACA,YACA,gBACA,MAAM;AAGR,MAAMC,mBAAmBC,WAAWF,WAAW,aAAa;AAE5D,MAAA,qBAAeC;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseSwitch.js","sources":["../../../../src/components/BaseSwitch/BaseSwitch.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport { clsx } from \"clsx\";\nimport { SwitchProps as MuiSwitchProps } from \"@mui/material\";\nimport { StyledSwitch } from \"./BaseSwitch.styles\";\nimport { HvBaseProps } from \"@core/types\";\nimport baseSwitchClasses, { HvBaseSwitchClasses } from \"./baseSwitchClasses\";\n\nexport interface HvBaseSwitchProps\n extends Omit<MuiSwitchProps, \"onChange\" \| \"classes\">,\n HvBaseProps<HTMLButtonElement, { onChange; color }> {\n /*\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied to the switch.\n /\n classes?: HvBaseSwitchClasses;\n /\n Id to be applied to the root node.\n /\n id?: string;\n /\n The input name.\n /\n name?: string;\n /\n The value of the input.\n \n Is up to the application's logic when to consider the submission of this value.\n * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n \n The default value is \"on\".\n /\n value?: any;\n /\n Indicates that user input is required.\n /\n required?: boolean;\n /\n Indicates that the input is not editable.\n /\n readOnly?: boolean;\n /\n Indicates that the input is disabled.\n /\n disabled?: boolean;\n /\n If `true` the switch is selected, if set to `false` the switch is not selected.\n \n When defined the switch state becomes controlled.\n /\n checked?: boolean;\n /\n When uncontrolled, defines the initial checked state.\n /\n defaultChecked?: boolean;\n /\n The callback fired when the switch is pressed.\n /\n onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n /\n Properties passed on to the input element.\n /\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n /\n Callback fired when the component is focused with a keyboard.\n * We trigger a `onFocus` callback too.\n /\n onFocusVisible?: (event: React.FocusEvent<any>) => void;\n /\n @ignore\n /\n onBlur?: (event: React.FocusEvent<any>) => void;\n}\n\n/\n A Switch is <b>binary</b> and work as a digital on/off button.\n \n The Base Switch is a building block of the Switch form element. Don't use unless\n * implementing a custom use case not covered by the Switch form element.\n */\nexport const HvBaseSwitch = (props: HvBaseSwitchProps) => {\n const {\n classes,\n className,\n\n id,\n name,\n value = \"on\",\n\n required = false,\n readOnly = false,\n disabled = false,\n\n checked,\n defaultChecked,\n\n onChange,\n\n inputProps,\n\n onFocusVisible,\n onBlur,\n\n ...others\n } = props;\n\n const [focusVisible, setFocusVisible] = useState(false);\n\n const onFocusVisibleCallback = useCallback(\n (evt: React.FocusEvent<any, Element>) => {\n setFocusVisible(true);\n onFocusVisible?.(evt);\n },\n [onFocusVisible]\n );\n\n const onBlurCallback = useCallback(\n (evt: React.FocusEvent<any, Element>) => {\n setFocusVisible(false);\n onBlur?.(evt);\n },\n [onBlur]\n );\n\n const onLocalChange = useCallback(\n (evt: React.ChangeEvent<HTMLInputElement>) => {\n if (readOnly) {\n return;\n }\n\n onChange?.(evt, evt.target.checked, value);\n },\n [onChange, readOnly, value]\n );\n\n return (\n <StyledSwitch\n id={id}\n name={name}\n className={clsx(\n className,\n baseSwitchClasses.root,\n classes?.root,\n disabled && clsx(baseSwitchClasses.disabled, classes?.disabled),\n readOnly && clsx(baseSwitchClasses.readOnly, classes?.readOnly),\n focusVisible &&\n clsx(baseSwitchClasses.focusVisible, classes?.focusVisible)\n )}\n $focusVisible={focusVisible}\n $readOnly={readOnly}\n $disabled={disabled}\n color=\"default\"\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n disableRipple\n onChange={onLocalChange}\n value={value}\n checked={checked}\n defaultChecked={defaultChecked}\n classes={{\n root: clsx(baseSwitchClasses.switch, classes?.switch),\n switchBase: clsx(baseSwitchClasses.switchBase, classes?.switchBase),\n checked: clsx(baseSwitchClasses.checked, classes?.checked),\n track: clsx(baseSwitchClasses.track, classes?.track),\n thumb: clsx(baseSwitchClasses.thumb, classes?.thumb),\n disabled: clsx(baseSwitchClasses.disabled, classes?.disabled),\n }}\n inputProps={inputProps}\n onFocusVisible={onFocusVisibleCallback}\n onBlur={onBlurCallback}\n {...others}\n />\n );\n};\n"],"names":["HvBaseSwitch","props","classes","className","id","name","value","required","readOnly","disabled","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","useState","onFocusVisibleCallback","useCallback","evt","onBlurCallback","onLocalChange","target","StyledSwitch","clsx","baseSwitchClasses","root","$focusVisible","$readOnly","$disabled","color","disableRipple","switch","switchBase","track","thumb"],"mappings":";;;;;AAkFaA,MAAAA,eAAeA,CAACC,UAA6B;AAClD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IAERC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,WAAW;AAAA,IAEXC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IAEAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IAEA,GAAGC;AAAAA,EACDf,IAAAA;AAEJ,QAAM,CAACgB,cAAcC,eAAe,IAAIC,SAAS,KAAK;AAEhDC,QAAAA,yBAAyBC,YAC7B,CAACC,QAAwC;AACvCJ,oBAAgB,IAAI;AACpBJ,qDAAiBQ;AAAAA,EAAG,GAEtB,CAACR,cAAc,CAAC;AAGZS,QAAAA,iBAAiBF,YACrB,CAACC,QAAwC;AACvCJ,oBAAgB,KAAK;AACrBH,qCAASO;AAAAA,EAAG,GAEd,CAACP,MAAM,CAAC;AAGJS,QAAAA,gBAAgBH,YACpB,CAACC,QAA6C;AAC5C,QAAId,UAAU;AACZ;AAAA,IACF;AAEAI,yCAAWU,KAAKA,IAAIG,OAAOf,SAASJ;AAAAA,EAEtC,GAAA,CAACM,UAAUJ,UAAUF,KAAK,CAAC;AAG7B,6BACGoB,cAAY;AAAA,IACXtB;AAAAA,IACAC;AAAAA,IACAF,WAAWwB,KACTxB,WACAyB,kBAAkBC,MAClB3B,mCAAS2B,MACTpB,YAAYkB,KAAKC,kBAAkBnB,UAAUP,mCAASO,QAAQ,GAC9DD,YAAYmB,KAAKC,kBAAkBpB,UAAUN,mCAASM,QAAQ,GAC9DS,gBACEU,KAAKC,kBAAkBX,cAAcf,mCAASe,YAAY,CAAC;AAAA,IAE/Da,eAAeb;AAAAA,IACfc,WAAWvB;AAAAA,IACXwB,WAAWvB;AAAAA,IACXwB,OAAM;AAAA,IACNxB;AAAAA,IACAF;AAAAA,IACAC;AAAAA,IACA0B,eAAa;AAAA,IACbtB,UAAUY;AAAAA,IACVlB;AAAAA,IACAI;AAAAA,IACAC;AAAAA,IACAT,SAAS;AAAA,MACP2B,MAAMF,KAAKC,kBAAkBO,QAAQjC,mCAASiC,MAAM;AAAA,MACpDC,YAAYT,KAAKC,kBAAkBQ,YAAYlC,mCAASkC,UAAU;AAAA,MAClE1B,SAASiB,KAAKC,kBAAkBlB,SAASR,mCAASQ,OAAO;AAAA,MACzD2B,OAAOV,KAAKC,kBAAkBS,OAAOnC,mCAASmC,KAAK;AAAA,MACnDC,OAAOX,KAAKC,kBAAkBU,OAAOpC,mCAASoC,KAAK;AAAA,MACnD7B,UAAUkB,KAAKC,kBAAkBnB,UAAUP,mCAASO,QAAQ;AAAA,IAC9D;AAAA,IACAI;AAAAA,IACAC,gBAAgBM;AAAAA,IAChBL,QAAQQ;AAAAA,IAAe,GACnBP;AAAAA,EAAAA,CACJ;AAEN;"}
1	+ {"version":3,"file":"BaseSwitch.js","sources":["../../../../src/components/BaseSwitch/BaseSwitch.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport { clsx } from \"clsx\";\nimport { SwitchProps as MuiSwitchProps } from \"@mui/material\";\nimport { StyledSwitch } from \"./BaseSwitch.styles\";\nimport { HvBaseProps } from \"@core/types\";\nimport baseSwitchClasses, { HvBaseSwitchClasses } from \"./baseSwitchClasses\";\n\nexport interface HvBaseSwitchProps\n extends Omit<MuiSwitchProps, \"onChange\" \| \"classes\">,\n HvBaseProps<HTMLButtonElement, \"onChange\" \| \"color\"> {\n /*\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied to the switch.\n /\n classes?: HvBaseSwitchClasses;\n /\n Id to be applied to the root node.\n /\n id?: string;\n /\n The input name.\n /\n name?: string;\n /\n The value of the input.\n \n Is up to the application's logic when to consider the submission of this value.\n * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n \n The default value is \"on\".\n /\n value?: any;\n /\n Indicates that user input is required.\n /\n required?: boolean;\n /\n Indicates that the input is not editable.\n /\n readOnly?: boolean;\n /\n Indicates that the input is disabled.\n /\n disabled?: boolean;\n /\n If `true` the switch is selected, if set to `false` the switch is not selected.\n \n When defined the switch state becomes controlled.\n /\n checked?: boolean;\n /\n When uncontrolled, defines the initial checked state.\n /\n defaultChecked?: boolean;\n /\n The callback fired when the switch is pressed.\n /\n onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n /\n Properties passed on to the input element.\n /\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n /\n Callback fired when the component is focused with a keyboard.\n * We trigger a `onFocus` callback too.\n /\n onFocusVisible?: (event: React.FocusEvent<any>) => void;\n /\n @ignore\n /\n onBlur?: (event: React.FocusEvent<any>) => void;\n}\n\n/\n A Switch is <b>binary</b> and work as a digital on/off button.\n \n The Base Switch is a building block of the Switch form element. Don't use unless\n * implementing a custom use case not covered by the Switch form element.\n */\nexport const HvBaseSwitch = (props: HvBaseSwitchProps) => {\n const {\n classes,\n className,\n\n id,\n name,\n value = \"on\",\n\n required = false,\n readOnly = false,\n disabled = false,\n\n checked,\n defaultChecked,\n\n onChange,\n\n inputProps,\n\n onFocusVisible,\n onBlur,\n\n ...others\n } = props;\n\n const [focusVisible, setFocusVisible] = useState(false);\n\n const onFocusVisibleCallback = useCallback(\n (evt: React.FocusEvent<any, Element>) => {\n setFocusVisible(true);\n onFocusVisible?.(evt);\n },\n [onFocusVisible]\n );\n\n const onBlurCallback = useCallback(\n (evt: React.FocusEvent<any, Element>) => {\n setFocusVisible(false);\n onBlur?.(evt);\n },\n [onBlur]\n );\n\n const onLocalChange = useCallback(\n (evt: React.ChangeEvent<HTMLInputElement>) => {\n if (readOnly) {\n return;\n }\n\n onChange?.(evt, evt.target.checked, value);\n },\n [onChange, readOnly, value]\n );\n\n return (\n <StyledSwitch\n id={id}\n name={name}\n className={clsx(\n className,\n baseSwitchClasses.root,\n classes?.root,\n disabled && clsx(baseSwitchClasses.disabled, classes?.disabled),\n readOnly && clsx(baseSwitchClasses.readOnly, classes?.readOnly),\n focusVisible &&\n clsx(baseSwitchClasses.focusVisible, classes?.focusVisible)\n )}\n $focusVisible={focusVisible}\n $readOnly={readOnly}\n $disabled={disabled}\n color=\"default\"\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n disableRipple\n onChange={onLocalChange}\n value={value}\n checked={checked}\n defaultChecked={defaultChecked}\n classes={{\n root: clsx(baseSwitchClasses.switch, classes?.switch),\n switchBase: clsx(baseSwitchClasses.switchBase, classes?.switchBase),\n checked: clsx(baseSwitchClasses.checked, classes?.checked),\n track: clsx(baseSwitchClasses.track, classes?.track),\n thumb: clsx(baseSwitchClasses.thumb, classes?.thumb),\n disabled: clsx(baseSwitchClasses.disabled, classes?.disabled),\n }}\n inputProps={inputProps}\n onFocusVisible={onFocusVisibleCallback}\n onBlur={onBlurCallback}\n {...others}\n />\n );\n};\n"],"names":["HvBaseSwitch","props","classes","className","id","name","value","required","readOnly","disabled","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","useState","onFocusVisibleCallback","useCallback","evt","onBlurCallback","onLocalChange","target","StyledSwitch","clsx","baseSwitchClasses","root","$focusVisible","$readOnly","$disabled","color","disableRipple","switch","switchBase","track","thumb"],"mappings":";;;;;AAkFaA,MAAAA,eAAeA,CAACC,UAA6B;AAClD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IAERC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,WAAW;AAAA,IAEXC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IAEAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IAEA,GAAGC;AAAAA,EACDf,IAAAA;AAEJ,QAAM,CAACgB,cAAcC,eAAe,IAAIC,SAAS,KAAK;AAEhDC,QAAAA,yBAAyBC,YAC7B,CAACC,QAAwC;AACvCJ,oBAAgB,IAAI;AACpBJ,qDAAiBQ;AAAAA,EAAG,GAEtB,CAACR,cAAc,CAAC;AAGZS,QAAAA,iBAAiBF,YACrB,CAACC,QAAwC;AACvCJ,oBAAgB,KAAK;AACrBH,qCAASO;AAAAA,EAAG,GAEd,CAACP,MAAM,CAAC;AAGJS,QAAAA,gBAAgBH,YACpB,CAACC,QAA6C;AAC5C,QAAId,UAAU;AACZ;AAAA,IACF;AAEAI,yCAAWU,KAAKA,IAAIG,OAAOf,SAASJ;AAAAA,EAEtC,GAAA,CAACM,UAAUJ,UAAUF,KAAK,CAAC;AAG7B,6BACGoB,cAAY;AAAA,IACXtB;AAAAA,IACAC;AAAAA,IACAF,WAAWwB,KACTxB,WACAyB,kBAAkBC,MAClB3B,mCAAS2B,MACTpB,YAAYkB,KAAKC,kBAAkBnB,UAAUP,mCAASO,QAAQ,GAC9DD,YAAYmB,KAAKC,kBAAkBpB,UAAUN,mCAASM,QAAQ,GAC9DS,gBACEU,KAAKC,kBAAkBX,cAAcf,mCAASe,YAAY,CAAC;AAAA,IAE/Da,eAAeb;AAAAA,IACfc,WAAWvB;AAAAA,IACXwB,WAAWvB;AAAAA,IACXwB,OAAM;AAAA,IACNxB;AAAAA,IACAF;AAAAA,IACAC;AAAAA,IACA0B,eAAa;AAAA,IACbtB,UAAUY;AAAAA,IACVlB;AAAAA,IACAI;AAAAA,IACAC;AAAAA,IACAT,SAAS;AAAA,MACP2B,MAAMF,KAAKC,kBAAkBO,QAAQjC,mCAASiC,MAAM;AAAA,MACpDC,YAAYT,KAAKC,kBAAkBQ,YAAYlC,mCAASkC,UAAU;AAAA,MAClE1B,SAASiB,KAAKC,kBAAkBlB,SAASR,mCAASQ,OAAO;AAAA,MACzD2B,OAAOV,KAAKC,kBAAkBS,OAAOnC,mCAASmC,KAAK;AAAA,MACnDC,OAAOX,KAAKC,kBAAkBU,OAAOpC,mCAASoC,KAAK;AAAA,MACnD7B,UAAUkB,KAAKC,kBAAkBnB,UAAUP,mCAASO,QAAQ;AAAA,IAC9D;AAAA,IACAI;AAAAA,IACAC,gBAAgBM;AAAAA,IAChBL,QAAQQ;AAAAA,IAAe,GACnBP;AAAAA,EAAAA,CACJ;AAEN;"}

package/dist/esm/components/BaseSwitch/baseSwitchClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"baseSwitchClasses.js","sources":["../../../../src/components/BaseSwitch/baseSwitchClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBaseSwitchClasses {\n /** Styles applied to the component. /\n root?: string;\n /* Styles applied to the switch when it is disabled. /\n disabled?: string;\n /* Styles applied to the switch when it is in read only mode. /\n readOnly?: string;\n /* Styles applied to the internal Switch component's root class. /\n switch?: string;\n /* Styles applied to the internal SwitchBase component's root class. /\n switchBase?: string;\n /* Pseudo-class applied to the internal SwitchBase component's checked class. /\n checked?: string;\n /* Styles applied to the track element. /\n track?: string;\n /* Styles used to create the thumb passed to the internal SwitchBase component icon prop. /\n thumb?: string;\n /* Class applied to the root element if keyboard focused. */\n focusVisible?: string;\n}\n\nconst classKeys: ~~string~~[] = [\n \"root\",\n \"disabled\",\n \"readOnly\",\n \"switch\",\n \"switchBase\",\n \"checked\",\n \"track\",\n \"thumb\",\n \"focusVisible\",\n];\n\nconst baseSwitchClasses = getClasses~~<HvBaseSwitchClasses>~~(\n classKeys~~,\n~~ \"HvBaseSwitch\"\n);\n\nexport default baseSwitchClasses;\n"],"names":["classKeys","baseSwitchClasses","getClasses"],"mappings":";AAuBA,MAAMA,~~YAAsB~~,~~CAC1B~~,QACA,YACA,YACA,UACA,cACA,WACA,SACA,SACA,cAAc;AAGhB,MAAMC,oBAAoBC,~~WACxBF~~,~~WACA~~,cAAc;~~AAGhB~~,MAAA,sBAAeC;"}
1	+ {"version":3,"file":"baseSwitchClasses.js","sources":["../../../../src/components/BaseSwitch/baseSwitchClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBaseSwitchClasses {\n /** Styles applied to the component. /\n root?: string;\n /* Styles applied to the switch when it is disabled. /\n disabled?: string;\n /* Styles applied to the switch when it is in read only mode. /\n readOnly?: string;\n /* Styles applied to the internal Switch component's root class. /\n switch?: string;\n /* Styles applied to the internal SwitchBase component's root class. /\n switchBase?: string;\n /* Pseudo-class applied to the internal SwitchBase component's checked class. /\n checked?: string;\n /* Styles applied to the track element. /\n track?: string;\n /* Styles used to create the thumb passed to the internal SwitchBase component icon prop. /\n thumb?: string;\n /* Class applied to the root element if keyboard focused. */\n focusVisible?: string;\n}\n\nconst classKeys: (keyof HvBaseSwitchClasses)[] = [\n \"root\",\n \"disabled\",\n \"readOnly\",\n \"switch\",\n \"switchBase\",\n \"checked\",\n \"track\",\n \"thumb\",\n \"focusVisible\",\n];\n\nconst baseSwitchClasses = getClasses(classKeys, \"HvBaseSwitch\");\n\nexport default baseSwitchClasses;\n"],"names":["classKeys","baseSwitchClasses","getClasses"],"mappings":";AAuBA,MAAMA,YAA2C,CAC/C,QACA,YACA,YACA,UACA,cACA,WACA,SACA,SACA,cAAc;AAGhB,MAAMC,oBAAoBC,WAAWF,WAAW,cAAc;AAE9D,MAAA,sBAAeC;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadCrumb.js","sources":["../../../../src/components/BreadCrumb/BreadCrumb.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport startCase from \"lodash/startCase\";\nimport { isValidElement, MouseEventHandler } from \"react\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport breadCrumbClasses, { HvBreadCrumbClasses } from \"./breadCrumbClasses\";\nimport { HvPathElement } from \"./PathElement\";\nimport { HvPage } from \"./Page\";\nimport {\n StyledOrderedList,\n StyledRoot,\n StyledTypography,\n} from \"./BreadCrumb.styles\";\nimport { pathWithSubMenu, removeExtension } from \"./utils\";\nimport { HvDropDownMenuProps } from \"@core/components\";\n\nexport interface HvBreadCrumbPathElement {\n label: string;\n path: string;\n}\n\nexport interface HvBreadCrumbProps\n extends HvBaseProps<HTMLDivElement, { onClick }> {\n /** List of breadcrumb. /\n listRoute?: HvBreadCrumbPathElement[];\n /* URL to build the breadcrumb. /\n url?: string;\n /* Number of pages visible. /\n maxVisible?: number;\n /* The component used for the link node. Either a string to use a DOM element or a component. /\n component?: React.ElementType;\n /* Function passed to the component. If defined the component prop is used as the link node. /\n onClick?: (\n event: MouseEventHandler<HTMLAnchorElement>,\n data: any\n ) => void \| undefined;\n /* Props passed down to the DropDownMenu sub-menu component. /\n dropDownMenuProps?: HvDropDownMenuProps;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvBreadCrumbClasses;\n}\n\n/\n A breadcrumb is a graphical control element frequently used as a navigational aid.\n /\nexport const HvBreadCrumb = ({\n classes,\n className,\n id,\n listRoute = [],\n maxVisible,\n url,\n onClick,\n component = \"div\",\n dropDownMenuProps,\n ...others\n}: HvBreadCrumbProps) => {\n const maxVisibleElem = maxVisible && maxVisible < 2 ? 2 : maxVisible;\n let listPath = listRoute.slice();\n\n // build the listPath object list\n if (!isNil(url)) {\n listPath = [];\n\n // get the domain\n const baseUrl = url.match(/^.\\/\\/[^/]+/);\n\n // get url without domain\n const urlWithoutDomain = url.replace(/^.*\\/\\/[^/]+/, \"\");\n\n const pathNames = urlWithoutDomain.split(\"/\").filter((x) => x);\n\n pathNames.map((elem, index) =>\n listPath.push({\n label: decodeURI(elem),\n path: `${baseUrl}/${pathNames.slice(0, index + 1).join(\"/\")}`,\n })\n );\n }\n\n const breadcrumbPath =\n maxVisibleElem && listPath.length > maxVisibleElem\n ? pathWithSubMenu(\n id,\n onClick,\n listPath,\n maxVisibleElem,\n dropDownMenuProps\n )\n : listPath;\n\n return (\n <StyledRoot\n id={id}\n className={clsx(breadCrumbClasses.root, classes?.root, className)}\n {...others}\n >\n <StyledOrderedList\n className={clsx(breadCrumbClasses.orderedList, classes?.orderedList)}\n >\n {listPath.map((elem, index) => {\n const key = `key_${index}`;\n const isLast = index === breadcrumbPath.length - 1;\n\n {\n return (\n <HvPathElement\n classes={{\n centerContainer: clsx(\n breadCrumbClasses.centerContainer,\n classes?.centerContainer\n ),\n separatorContainer: clsx(\n breadCrumbClasses.separatorContainer,\n classes?.separatorContainer\n ),\n }}\n key={key}\n last={isLast}\n >\n {(isValidElement(elem) && elem) \|\|\n (isLast && (\n <StyledTypography\n className={clsx(\n breadCrumbClasses.currentPage,\n classes?.currentPage\n )}\n variant=\"body\"\n >\n {startCase(removeExtension(elem.label))}\n </StyledTypography>\n )) \|\| (\n <HvPage\n key={key}\n elem={elem}\n classes={{\n a: clsx(breadCrumbClasses.a, classes?.a),\n link: clsx(breadCrumbClasses.link, classes?.link),\n }}\n Component={onClick ? component : undefined}\n onClick={onClick}\n />\n )}\n </HvPathElement>\n );\n }\n })}\n </StyledOrderedList>\n </StyledRoot>\n );\n};\n"],"names":["HvBreadCrumb","classes","className","id","listRoute","maxVisible","url","onClick","component","dropDownMenuProps","others","maxVisibleElem","listPath","slice","isNil","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","elem","index","push","label","decodeURI","path","join","breadcrumbPath","length","pathWithSubMenu","StyledRoot","clsx","breadCrumbClasses","root","children","StyledOrderedList","orderedList","key","isLast","HvPathElement","centerContainer","separatorContainer","last","isValidElement","StyledTypography","currentPage","variant","startCase","removeExtension","_jsx","HvPage","a","link","Component","undefined"],"mappings":";;;;;;;;;;AA6CO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY,CAAE;AAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC;AAAAA,EACA,GAAGC;AACc,MAAM;AACvB,QAAMC,iBAAiBN,cAAcA,aAAa,IAAI,IAAIA;AACtDO,MAAAA,WAAWR,UAAUS;AAGrB,MAAA,CAACC,MAAMR,GAAG,GAAG;AACfM,eAAW,CAAA;AAGLG,UAAAA,UAAUT,IAAIU,MAAM,cAAc;AAGxC,UAAMC,mBAAmBX,IAAIY,QAAQ,gBAAgB,EAAE;AAEvD,UAAMC,YAAYF,iBAAiBG,MAAM,GAAG,EAAEC,OAAQC,OAAMA,CAAC;AAE7DH,cAAUI,IAAI,CAACC,MAAMC,UACnBb,SAASc,KAAK;AAAA,MACZC,OAAOC,UAAUJ,IAAI;AAAA,MACrBK,MAAO,GAAEd,WAAWI,UAAUN,MAAM,GAAGY,QAAQ,CAAC,EAAEK,KAAK,GAAG;AAAA,IAC3D,CAAA,CAAC;AAAA,EAEN;AAEMC,QAAAA,iBACJpB,kBAAkBC,SAASoB,SAASrB,iBAChCsB,gBACE9B,IACAI,SACAK,UACAD,gBACAF,iBAAiB,IAEnBG;AAEN,6BACGsB,YAAU;AAAA,IACT/B;AAAAA,IACAD,WAAWiC,KAAKC,kBAAkBC,MAAMpC,mCAASoC,MAAMnC,SAAS;AAAA,IAAE,GAC9DQ;AAAAA,IAAM4B,8BAETC,mBAAiB;AAAA,MAChBrC,WAAWiC,KAAKC,kBAAkBI,aAAavC,mCAASuC,WAAW;AAAA,MAAEF,UAEpE1B,SAASW,IAAI,CAACC,MAAMC,UAAU;AAC7B,cAAMgB,MAAO,OAAMhB;AACbiB,cAAAA,SAASjB,UAAUM,eAAeC,SAAS;AAEjD;AACE,qCACGW,eAAa;AAAA,YACZ1C,SAAS;AAAA,cACP2C,iBAAiBT,KACfC,kBAAkBQ,iBAClB3C,mCAAS2C,eAAe;AAAA,cAE1BC,oBAAoBV,KAClBC,kBAAkBS,oBAClB5C,mCAAS4C,kBAAkB;AAAA,YAE/B;AAAA,YAEAC,MAAMJ;AAAAA,YAAOJ,UAEXS,eAAevB,IAAI,KAAKA,QACvBkB,8BACEM,kBAAgB;AAAA,cACf9C,WAAWiC,KACTC,kBAAkBa,aAClBhD,mCAASgD,WAAW;AAAA,cAEtBC,SAAQ;AAAA,cAAMZ,UAEba,UAAUC,gBAAgB5B,KAAKG,KAAK,CAAC;AAAA,YAAA,CAExC,KACA0B,oBAACC,QAAM;AAAA,cAEL9B;AAAAA,cACAvB,SAAS;AAAA,gBACPsD,GAAGpB,KAAKC,kBAAkBmB,GAAGtD,mCAASsD,CAAC;AAAA,gBACvCC,MAAMrB,KAAKC,kBAAkBoB,MAAMvD,mCAASuD,IAAI;AAAA,cAClD;AAAA,cACAC,WAAWlD,UAAUC,YAAYkD;AAAAA,cACjCnD;AAAAA,eAPKkC,GAAG;AAAA,aAhBTA,GAAG;AAAA,QA4Bd;AAAA,MAAA,CACD;AAAA,IAAA,CAAC;AAAA,EAAA,CAEO;AAEjB;"}
1	+ {"version":3,"file":"BreadCrumb.js","sources":["../../../../src/components/BreadCrumb/BreadCrumb.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport startCase from \"lodash/startCase\";\nimport { isValidElement, MouseEventHandler } from \"react\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport breadCrumbClasses, { HvBreadCrumbClasses } from \"./breadCrumbClasses\";\nimport { HvPathElement } from \"./PathElement\";\nimport { HvPage } from \"./Page\";\nimport {\n StyledOrderedList,\n StyledRoot,\n StyledTypography,\n} from \"./BreadCrumb.styles\";\nimport { pathWithSubMenu, removeExtension } from \"./utils\";\nimport { HvDropDownMenuProps } from \"@core/components\";\n\nexport interface HvBreadCrumbPathElement {\n label: string;\n path: string;\n}\n\nexport interface HvBreadCrumbProps\n extends HvBaseProps<HTMLDivElement, \"onClick\"> {\n /** List of breadcrumb. /\n listRoute?: HvBreadCrumbPathElement[];\n /* URL to build the breadcrumb. /\n url?: string;\n /* Number of pages visible. /\n maxVisible?: number;\n /* The component used for the link node. Either a string to use a DOM element or a component. /\n component?: React.ElementType;\n /* Function passed to the component. If defined the component prop is used as the link node. /\n onClick?: (\n event: MouseEventHandler<HTMLAnchorElement>,\n data: any\n ) => void \| undefined;\n /* Props passed down to the DropDownMenu sub-menu component. /\n dropDownMenuProps?: HvDropDownMenuProps;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvBreadCrumbClasses;\n}\n\n/\n A breadcrumb is a graphical control element frequently used as a navigational aid.\n /\nexport const HvBreadCrumb = ({\n classes,\n className,\n id,\n listRoute = [],\n maxVisible,\n url,\n onClick,\n component = \"div\",\n dropDownMenuProps,\n ...others\n}: HvBreadCrumbProps) => {\n const maxVisibleElem = maxVisible && maxVisible < 2 ? 2 : maxVisible;\n let listPath = listRoute.slice();\n\n // build the listPath object list\n if (!isNil(url)) {\n listPath = [];\n\n // get the domain\n const baseUrl = url.match(/^.\\/\\/[^/]+/);\n\n // get url without domain\n const urlWithoutDomain = url.replace(/^.*\\/\\/[^/]+/, \"\");\n\n const pathNames = urlWithoutDomain.split(\"/\").filter((x) => x);\n\n pathNames.map((elem, index) =>\n listPath.push({\n label: decodeURI(elem),\n path: `${baseUrl}/${pathNames.slice(0, index + 1).join(\"/\")}`,\n })\n );\n }\n\n const breadcrumbPath =\n maxVisibleElem && listPath.length > maxVisibleElem\n ? pathWithSubMenu(\n id,\n onClick,\n listPath,\n maxVisibleElem,\n dropDownMenuProps\n )\n : listPath;\n\n return (\n <StyledRoot\n id={id}\n className={clsx(breadCrumbClasses.root, classes?.root, className)}\n {...others}\n >\n <StyledOrderedList\n className={clsx(breadCrumbClasses.orderedList, classes?.orderedList)}\n >\n {listPath.map((elem, index) => {\n const key = `key_${index}`;\n const isLast = index === breadcrumbPath.length - 1;\n\n {\n return (\n <HvPathElement\n classes={{\n centerContainer: clsx(\n breadCrumbClasses.centerContainer,\n classes?.centerContainer\n ),\n separatorContainer: clsx(\n breadCrumbClasses.separatorContainer,\n classes?.separatorContainer\n ),\n }}\n key={key}\n last={isLast}\n >\n {(isValidElement(elem) && elem) \|\|\n (isLast && (\n <StyledTypography\n className={clsx(\n breadCrumbClasses.currentPage,\n classes?.currentPage\n )}\n variant=\"body\"\n >\n {startCase(removeExtension(elem.label))}\n </StyledTypography>\n )) \|\| (\n <HvPage\n key={key}\n elem={elem}\n classes={{\n a: clsx(breadCrumbClasses.a, classes?.a),\n link: clsx(breadCrumbClasses.link, classes?.link),\n }}\n Component={onClick ? component : undefined}\n onClick={onClick}\n />\n )}\n </HvPathElement>\n );\n }\n })}\n </StyledOrderedList>\n </StyledRoot>\n );\n};\n"],"names":["HvBreadCrumb","classes","className","id","listRoute","maxVisible","url","onClick","component","dropDownMenuProps","others","maxVisibleElem","listPath","slice","isNil","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","elem","index","push","label","decodeURI","path","join","breadcrumbPath","length","pathWithSubMenu","StyledRoot","clsx","breadCrumbClasses","root","children","StyledOrderedList","orderedList","key","isLast","HvPathElement","centerContainer","separatorContainer","last","isValidElement","StyledTypography","currentPage","variant","startCase","removeExtension","_jsx","HvPage","a","link","Component","undefined"],"mappings":";;;;;;;;;;AA6CO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY,CAAE;AAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC;AAAAA,EACA,GAAGC;AACc,MAAM;AACvB,QAAMC,iBAAiBN,cAAcA,aAAa,IAAI,IAAIA;AACtDO,MAAAA,WAAWR,UAAUS;AAGrB,MAAA,CAACC,MAAMR,GAAG,GAAG;AACfM,eAAW,CAAA;AAGLG,UAAAA,UAAUT,IAAIU,MAAM,cAAc;AAGxC,UAAMC,mBAAmBX,IAAIY,QAAQ,gBAAgB,EAAE;AAEvD,UAAMC,YAAYF,iBAAiBG,MAAM,GAAG,EAAEC,OAAQC,OAAMA,CAAC;AAE7DH,cAAUI,IAAI,CAACC,MAAMC,UACnBb,SAASc,KAAK;AAAA,MACZC,OAAOC,UAAUJ,IAAI;AAAA,MACrBK,MAAO,GAAEd,WAAWI,UAAUN,MAAM,GAAGY,QAAQ,CAAC,EAAEK,KAAK,GAAG;AAAA,IAC3D,CAAA,CAAC;AAAA,EAEN;AAEMC,QAAAA,iBACJpB,kBAAkBC,SAASoB,SAASrB,iBAChCsB,gBACE9B,IACAI,SACAK,UACAD,gBACAF,iBAAiB,IAEnBG;AAEN,6BACGsB,YAAU;AAAA,IACT/B;AAAAA,IACAD,WAAWiC,KAAKC,kBAAkBC,MAAMpC,mCAASoC,MAAMnC,SAAS;AAAA,IAAE,GAC9DQ;AAAAA,IAAM4B,8BAETC,mBAAiB;AAAA,MAChBrC,WAAWiC,KAAKC,kBAAkBI,aAAavC,mCAASuC,WAAW;AAAA,MAAEF,UAEpE1B,SAASW,IAAI,CAACC,MAAMC,UAAU;AAC7B,cAAMgB,MAAO,OAAMhB;AACbiB,cAAAA,SAASjB,UAAUM,eAAeC,SAAS;AAEjD;AACE,qCACGW,eAAa;AAAA,YACZ1C,SAAS;AAAA,cACP2C,iBAAiBT,KACfC,kBAAkBQ,iBAClB3C,mCAAS2C,eAAe;AAAA,cAE1BC,oBAAoBV,KAClBC,kBAAkBS,oBAClB5C,mCAAS4C,kBAAkB;AAAA,YAE/B;AAAA,YAEAC,MAAMJ;AAAAA,YAAOJ,UAEXS,eAAevB,IAAI,KAAKA,QACvBkB,8BACEM,kBAAgB;AAAA,cACf9C,WAAWiC,KACTC,kBAAkBa,aAClBhD,mCAASgD,WAAW;AAAA,cAEtBC,SAAQ;AAAA,cAAMZ,UAEba,UAAUC,gBAAgB5B,KAAKG,KAAK,CAAC;AAAA,YAAA,CAExC,KACA0B,oBAACC,QAAM;AAAA,cAEL9B;AAAAA,cACAvB,SAAS;AAAA,gBACPsD,GAAGpB,KAAKC,kBAAkBmB,GAAGtD,mCAASsD,CAAC;AAAA,gBACvCC,MAAMrB,KAAKC,kBAAkBoB,MAAMvD,mCAASuD,IAAI;AAAA,cAClD;AAAA,cACAC,WAAWlD,UAAUC,YAAYkD;AAAAA,cACjCnD;AAAAA,eAPKkC,GAAG;AAAA,aAhBTA,GAAG;AAAA,QA4Bd;AAAA,MAAA,CACD;AAAA,IAAA,CAAC;AAAA,EAAA,CAEO;AAEjB;"}

package/dist/esm/components/BreadCrumb/Page/pageClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pageClasses.js","sources":["../../../../../src/components/BreadCrumb/Page/pageClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvPageClasses {\n a?: string;\n link?: string;\n label?: string;\n}\n\nconst classKeys: ~~string~~[] = [\"a\", \"link\", \"label\"];\n\nconst pageClasses = getClasses~~<HvPageClasses>~~(classKeys, \"HvPage\");\n\nexport default pageClasses;\n"],"names":["classKeys","pageClasses","getClasses"],"mappings":";AAQA,MAAMA,~~YAAsB~~,CAAC,KAAK,QAAQ,OAAO;~~AAEjD~~,MAAMC,cAAcC,~~WAA0BF~~,WAAW,QAAQ;~~AAEjE~~,MAAA,gBAAeC;"}
1	+ {"version":3,"file":"pageClasses.js","sources":["../../../../../src/components/BreadCrumb/Page/pageClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvPageClasses {\n a?: string;\n link?: string;\n label?: string;\n}\n\nconst classKeys: (keyof HvPageClasses)[] = [\"a\", \"link\", \"label\"];\n\nconst pageClasses = getClasses(classKeys, \"HvPage\");\n\nexport default pageClasses;\n"],"names":["classKeys","pageClasses","getClasses"],"mappings":";AAQA,MAAMA,YAAqC,CAAC,KAAK,QAAQ,OAAO;AAEhE,MAAMC,cAAcC,WAAWF,WAAW,QAAQ;AAElD,MAAA,gBAAeC;"}

package/dist/esm/components/BreadCrumb/PathElement/pathElementClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pathElementClasses.js","sources":["../../../../../src/components/BreadCrumb/PathElement/pathElementClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvPathElementClasses {\n centerContainer?: string;\n separatorContainer?: string;\n}\n\nconst classKeys: ~~string~~[] = [\"centerContainer\", \"separatorContainer\"];\n\nconst fileClasses = getClasses~~<HvPathElementClasses>~~(\n classKeys~~,\n~~ \"HvPathElement\"\n);\n\nexport default fileClasses;\n"],"names":["classKeys","fileClasses","getClasses"],"mappings":";AAOA,MAAMA,~~YAAsB~~,~~CAAC~~,~~mBAAmB~~,oBAAoB;~~AAEpE~~,MAAMC,cAAcC,~~WAClBF~~,~~WACA~~,eAAe;~~AAGjB~~,MAAA,qBAAeC;"}
1	+ {"version":3,"file":"pathElementClasses.js","sources":["../../../../../src/components/BreadCrumb/PathElement/pathElementClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvPathElementClasses {\n centerContainer?: string;\n separatorContainer?: string;\n}\n\nconst classKeys: (keyof HvPathElementClasses)[] = [\n \"centerContainer\",\n \"separatorContainer\",\n];\n\nconst fileClasses = getClasses(classKeys, \"HvPathElement\");\n\nexport default fileClasses;\n"],"names":["classKeys","fileClasses","getClasses"],"mappings":";AAOA,MAAMA,YAA4C,CAChD,mBACA,oBAAoB;AAGtB,MAAMC,cAAcC,WAAWF,WAAW,eAAe;AAEzD,MAAA,qBAAeC;"}

package/dist/esm/components/BreadCrumb/breadCrumbClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadCrumbClasses.js","sources":["../../../../src/components/BreadCrumb/breadCrumbClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBreadCrumbClasses {\n root?: string;\n link?: string;\n orderedList?: string;\n currentPage?: string;\n centerContainer?: string;\n separatorContainer?: string;\n a?: string;\n}\n\nconst classKeys: ~~string~~[] = [\n \"root\",\n \"link\",\n \"orderedList\",\n \"currentPage\",\n \"centerContainer\",\n \"separatorContainer\",\n \"a\",\n];\n\nconst breadCrumbClasses = getClasses~~<HvBreadCrumbClasses>~~(\n classKeys~~,\n~~ \"HvBreadCrumb\"\n);\n\nexport default breadCrumbClasses;\n"],"names":["classKeys","breadCrumbClasses","getClasses"],"mappings":";AAYA,MAAMA,~~YAAsB~~,~~CAC1B~~,QACA,QACA,eACA,eACA,mBACA,sBACA,GAAG;AAGL,MAAMC,oBAAoBC,~~WACxBF~~,~~WACA~~,cAAc;~~AAGhB~~,MAAA,sBAAeC;"}
1	+ {"version":3,"file":"breadCrumbClasses.js","sources":["../../../../src/components/BreadCrumb/breadCrumbClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBreadCrumbClasses {\n root?: string;\n link?: string;\n orderedList?: string;\n currentPage?: string;\n centerContainer?: string;\n separatorContainer?: string;\n a?: string;\n}\n\nconst classKeys: (keyof HvBreadCrumbClasses)[] = [\n \"root\",\n \"link\",\n \"orderedList\",\n \"currentPage\",\n \"centerContainer\",\n \"separatorContainer\",\n \"a\",\n];\n\nconst breadCrumbClasses = getClasses(classKeys, \"HvBreadCrumb\");\n\nexport default breadCrumbClasses;\n"],"names":["classKeys","breadCrumbClasses","getClasses"],"mappings":";AAYA,MAAMA,YAA2C,CAC/C,QACA,QACA,eACA,eACA,mBACA,sBACA,GAAG;AAGL,MAAMC,oBAAoBC,WAAWF,WAAW,cAAc;AAE9D,MAAA,sBAAeC;"}

package/dist/esm/components/BulkActions/bulkActionsClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"bulkActionsClasses.js","sources":["../../../../src/components/BulkActions/bulkActionsClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBulkActionsClasses {\n root?: string;\n semantic?: string;\n actions?: string;\n selectAllContainer?: string;\n selectAll?: string;\n selectAllPages?: string;\n}\n\nconst classKeys: ~~string~~[] = [\n \"root\",\n \"semantic\",\n \"actions\",\n \"selectAllContainer\",\n \"selectAll\",\n \"selectAllPages\",\n];\n\nconst bulkActionsClasses = getClasses~~<HvBulkActionsClasses>~~(\n classKeys~~,\n~~ \"HvBulkActions\"\n);\n\nexport default bulkActionsClasses;\n"],"names":["classKeys","bulkActionsClasses","getClasses"],"mappings":";AAWA,MAAMA,~~YAAsB~~,~~CAC1B~~,QACA,YACA,WACA,sBACA,aACA,gBAAgB;AAGlB,MAAMC,qBAAqBC,~~WACzBF~~,~~WACA~~,eAAe;~~AAGjB~~,MAAA,uBAAeC;"}
1	+ {"version":3,"file":"bulkActionsClasses.js","sources":["../../../../src/components/BulkActions/bulkActionsClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBulkActionsClasses {\n root?: string;\n semantic?: string;\n actions?: string;\n selectAllContainer?: string;\n selectAll?: string;\n selectAllPages?: string;\n}\n\nconst classKeys: (keyof HvBulkActionsClasses)[] = [\n \"root\",\n \"semantic\",\n \"actions\",\n \"selectAllContainer\",\n \"selectAll\",\n \"selectAllPages\",\n];\n\nconst bulkActionsClasses = getClasses(classKeys, \"HvBulkActions\");\n\nexport default bulkActionsClasses;\n"],"names":["classKeys","bulkActionsClasses","getClasses"],"mappings":";AAWA,MAAMA,YAA4C,CAChD,QACA,YACA,WACA,sBACA,aACA,gBAAgB;AAGlB,MAAMC,qBAAqBC,WAAWF,WAAW,eAAe;AAEhE,MAAA,uBAAeC;"}

package/dist/esm/components/Button/buttonClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"buttonClasses.js","sources":["../../../../src/components/Button/buttonClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvButtonClasses {\n root?: string;\n startIcon?: string;\n endIcon?: string;\n focusVisible?: string;\n}\n\nconst classKeys: ~~string~~[] = [\"root\", \"startIcon\", \"endIcon\", \"focusVisible\"];\n\nconst buttonClasses = getClasses~~<HvButtonClasses>~~(classKeys, \"HvButton\");\n\nexport default buttonClasses;\n"],"names":["classKeys","buttonClasses","getClasses"],"mappings":";AASA,MAAMA,~~YAAsB~~,~~CAAC~~,~~QAAQ~~,~~aAAa~~,~~WAAW~~,cAAc;~~AAE3E~~,MAAMC,gBAAgBC,~~WAA4BF~~,WAAW,UAAU;~~AAEvE~~,MAAA,kBAAeC;"}
1	+ {"version":3,"file":"buttonClasses.js","sources":["../../../../src/components/Button/buttonClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvButtonClasses {\n root?: string;\n startIcon?: string;\n endIcon?: string;\n focusVisible?: string;\n}\n\nconst classKeys: (keyof HvButtonClasses)[] = [\n \"root\",\n \"startIcon\",\n \"endIcon\",\n \"focusVisible\",\n];\n\nconst buttonClasses = getClasses(classKeys, \"HvButton\");\n\nexport default buttonClasses;\n"],"names":["classKeys","buttonClasses","getClasses"],"mappings":";AASA,MAAMA,YAAuC,CAC3C,QACA,aACA,WACA,cAAc;AAGhB,MAAMC,gBAAgBC,WAAWF,WAAW,UAAU;AAEtD,MAAA,kBAAeC;"}

package/dist/esm/components/Calendar/CalendarHeader/calendarHeaderClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"calendarHeaderClasses.js","sources":["../../../../../src/components/Calendar/CalendarHeader/calendarHeaderClasses.~~tsx~~"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvCalendarHeaderClasses {\n root?: string;\n invalid?: string;\n headerDayOfWeek?: string;\n headerDate?: string;\n input?: string;\n inputBorderContainer?: string;\n invalidMessageStyling?: string;\n}\n\nconst classKeys: ~~string~~[] = [\n \"root\",\n \"invalid\",\n \"headerDayOfWeek\",\n \"headerDate\",\n \"input\",\n \"inputBorderContainer\",\n \"invalidMessageStyling\",\n];\n\nconst calendarHeaderClasses = getClasses~~<HvCalendarHeaderClasses>~~(\n classKeys~~,\n~~ \"HvCalendarHeader\"\n);\n\nexport default calendarHeaderClasses;\n"],"names":["classKeys","calendarHeaderClasses","getClasses"],"mappings":";AAYA,MAAMA,~~YAAsB~~,~~CAC1B~~,QACA,WACA,mBACA,cACA,SACA,wBACA,uBAAuB;AAGzB,MAAMC,wBAAwBC,~~WAC5BF~~,~~WACA~~,kBAAkB;~~AAGpB~~,MAAA,0BAAeC;"}
1	+ {"version":3,"file":"calendarHeaderClasses.js","sources":["../../../../../src/components/Calendar/CalendarHeader/calendarHeaderClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvCalendarHeaderClasses {\n root?: string;\n invalid?: string;\n headerDayOfWeek?: string;\n headerDate?: string;\n input?: string;\n inputBorderContainer?: string;\n invalidMessageStyling?: string;\n}\n\nconst classKeys: (keyof HvCalendarHeaderClasses)[] = [\n \"root\",\n \"invalid\",\n \"headerDayOfWeek\",\n \"headerDate\",\n \"input\",\n \"inputBorderContainer\",\n \"invalidMessageStyling\",\n];\n\nconst calendarHeaderClasses = getClasses(classKeys, \"HvCalendarHeader\");\n\nexport default calendarHeaderClasses;\n"],"names":["classKeys","calendarHeaderClasses","getClasses"],"mappings":";AAYA,MAAMA,YAA+C,CACnD,QACA,WACA,mBACA,cACA,SACA,wBACA,uBAAuB;AAGzB,MAAMC,wBAAwBC,WAAWF,WAAW,kBAAkB;AAEtE,MAAA,0BAAeC;"}