npm - @hitachivantara/uikit-react-core - Versions diffs - 5.14.1 → 5.15.0 - Mend

@hitachivantara/uikit-react-core 5.14.1 → 5.15.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 (736) hide show

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"LeftControl.styles.js","sources":["../../../../../src/components/Controls/LeftControl/LeftControl.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const StyledRoot = styled(\"div\")({\n display: \"inline-flex\",\n gap: 10,\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;AAEO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,~~CAGrC~~;"}
1	+ {"version":3,"file":"LeftControl.styles.js","sources":["../../../../../src/components/Controls/LeftControl/LeftControl.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const StyledRoot = styled(\"div\")({\n display: \"inline-flex\",\n gap: 10,\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;AAEO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGtC;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RightControl.js","sources":["../../../../../src/components/Controls/RightControl/RightControl.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useContext, useState } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { setId } from \"@core/utils\";\nimport { HvDropdownProps, HvListValue } from \"@core/components\";\nimport { StyledDropdown, StyledRoot } from \"./RightControl.styles\";\nimport rightControlClasses, {\n HvRightControlClasses,\n} from \"./rightControlClasses\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\n\nexport interface HvRightListControls extends HvListValue {\n accessor: string;\n desc: boolean;\n}\n\nexport interface HvRightControlProps extends HvBaseProps {\n /** if `true` the hide sort by dropdown is not rendered /\n hideSortBy?: boolean;\n /* options for the dropdown to sort /\n values?: HvRightListControls[];\n /* Callback called when a sort action occurs /\n onSort?: (selected: HvRightListControls \| undefined) => void;\n /* Extra props passed to dropdown /\n sortProps?: HvDropdownProps;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvRightControlClasses;\n}\n\nexport const HvRightControl = ({\n id,\n classes,\n className,\n children,\n values,\n onSort,\n hideSortBy = false,\n sortProps,\n ...others\n}: HvRightControlProps) => {\n const [dropDownValues, setDropdownValues] = useState(values);\n\n const { onSort: onSortHandler } = useContext(HvControlsContext);\n\n const handleChangeSort = (value) => {\n onSort?.(value);\n onSortHandler?.(value);\n // this should be changed when dropdown changes his \"values\" behavior\n setDropdownValues((prevValues) =>\n prevValues?.map((prevValue) => ({\n ...prevValue,\n selected: prevValue.id === value.id,\n }))\n );\n };\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, rightControlClasses.root, classes?.root)}\n {...others}\n >\n {!hideSortBy && (\n <StyledDropdown\n id={setId(id, \"sort-by-dropdown\")}\n values={dropDownValues}\n className={clsx(\n rightControlClasses.sortDropdown,\n classes?.sortDropdown\n )}\n onChange={handleChangeSort}\n singleSelectionToggle={false}\n {...sortProps}\n />\n )}\n {children}\n </StyledRoot>\n );\n};\n"],"names":["HvRightControl","id","classes","className","children","values","onSort","hideSortBy","sortProps","others","dropDownValues","setDropdownValues","useState","onSortHandler","useContext","HvControlsContext","handleChangeSort","value","prevValues","map","prevValue","selected","StyledRoot","clsx","rightControlClasses","root","StyledDropdown","setId","sortDropdown","onChange","singleSelectionToggle"],"mappings":";;;;;;;AA6BO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACbC;AAAAA,EACA,GAAGC;AACgB,MAAM;AACzB,QAAM,CAACC,gBAAgBC,iBAAiB,IAAIC,SAASP,MAAM;AAErD,QAAA;AAAA,IAAEC,QAAQO;AAAAA,EAAAA,IAAkBC,WAAWC,iBAAiB;AAE9D,QAAMC,mBAAoBC,CAAU,UAAA;AAClCX,qCAASW;AACTJ,mDAAgBI;AAEGC,sBAAAA,CAAAA,eACjBA,yCAAYC,IAAKC,CAAe,eAAA;AAAA,MAC9B,GAAGA;AAAAA,MACHC,UAAUD,UAAUnB,OAAOgB,MAAMhB;AAAAA,~~OAChC~~;AAAA,EAAA;~~AAIP~~,8BACGqB,YAAU;AAAA,IACTrB;AAAAA,IACAE,WAAWoB,KAAKpB,WAAWqB,oBAAoBC,MAAMvB,mCAASuB,IAAI;AAAA,IAAE,GAChEhB;AAAAA,IAAML,WAET,CAACG,kCACCmB,gBAAc;AAAA,MACbzB,IAAI0B,MAAM1B,IAAI,kBAAkB;AAAA,MAChCI,QAAQK;AAAAA,MACRP,WAAWoB,KACTC,oBAAoBI,cACpB1B,mCAAS0B,~~YAAY~~;AAAA,~~MAEvBC~~,UAAUb;AAAAA,MACVc,uBAAuB;AAAA,MAAM,GACzBtB;AAAAA,~~IAAS~~,CAAA,~~GAGhBJ~~,QAAQ;AAAA,EAAA,~~CACE~~;~~AAEjB~~;"}
1	+ {"version":3,"file":"RightControl.js","sources":["../../../../../src/components/Controls/RightControl/RightControl.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useContext, useState } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { setId } from \"@core/utils\";\nimport { HvDropdownProps, HvListValue } from \"@core/components\";\nimport { StyledDropdown, StyledRoot } from \"./RightControl.styles\";\nimport rightControlClasses, {\n HvRightControlClasses,\n} from \"./rightControlClasses\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\n\nexport interface HvRightListControls extends HvListValue {\n accessor: string;\n desc: boolean;\n}\n\nexport interface HvRightControlProps extends HvBaseProps {\n /** if `true` the hide sort by dropdown is not rendered /\n hideSortBy?: boolean;\n /* options for the dropdown to sort /\n values?: HvRightListControls[];\n /* Callback called when a sort action occurs /\n onSort?: (selected: HvRightListControls \| undefined) => void;\n /* Extra props passed to dropdown /\n sortProps?: HvDropdownProps;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvRightControlClasses;\n}\n\nexport const HvRightControl = ({\n id,\n classes,\n className,\n children,\n values,\n onSort,\n hideSortBy = false,\n sortProps,\n ...others\n}: HvRightControlProps) => {\n const [dropDownValues, setDropdownValues] = useState(values);\n\n const { onSort: onSortHandler } = useContext(HvControlsContext);\n\n const handleChangeSort = (value) => {\n onSort?.(value);\n onSortHandler?.(value);\n // this should be changed when dropdown changes his \"values\" behavior\n setDropdownValues((prevValues) =>\n prevValues?.map((prevValue) => ({\n ...prevValue,\n selected: prevValue.id === value.id,\n }))\n );\n };\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, rightControlClasses.root, classes?.root)}\n {...others}\n >\n {!hideSortBy && (\n <StyledDropdown\n id={setId(id, \"sort-by-dropdown\")}\n values={dropDownValues}\n className={clsx(\n rightControlClasses.sortDropdown,\n classes?.sortDropdown\n )}\n onChange={handleChangeSort}\n singleSelectionToggle={false}\n {...sortProps}\n />\n )}\n {children}\n </StyledRoot>\n );\n};\n"],"names":["HvRightControl","id","classes","className","children","values","onSort","hideSortBy","sortProps","others","dropDownValues","setDropdownValues","useState","onSortHandler","useContext","HvControlsContext","handleChangeSort","value","prevValues","map","prevValue","selected","StyledRoot","clsx","rightControlClasses","root","StyledDropdown","setId","sortDropdown","onChange","singleSelectionToggle"],"mappings":";;;;;;;AA6BO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACbC;AAAAA,EACA,GAAGC;AACgB,MAAM;AACzB,QAAM,CAACC,gBAAgBC,iBAAiB,IAAIC,SAASP,MAAM;AAErD,QAAA;AAAA,IAAEC,QAAQO;AAAAA,EAAAA,IAAkBC,WAAWC,iBAAiB;AAE9D,QAAMC,mBAAoBC,CAAU,UAAA;AAClCX,qCAASW;AACTJ,mDAAgBI;AAEGC,sBAAAA,CAAAA,eACjBA,yCAAYC,IAAKC,CAAe,eAAA;AAAA,MAC9B,GAAGA;AAAAA,MACHC,UAAUD,UAAUnB,OAAOgB,MAAMhB;AAAAA,OAErC;AAAA,EAAA;AAGF,8BACGqB,YAAU;AAAA,IACTrB;AAAAA,IACAE,WAAWoB,KAAKpB,WAAWqB,oBAAoBC,MAAMvB,mCAASuB,IAAI;AAAA,IAAE,GAChEhB;AAAAA,IAAML,WAET,CAACG,kCACCmB,gBAAc;AAAA,MACbzB,IAAI0B,MAAM1B,IAAI,kBAAkB;AAAA,MAChCI,QAAQK;AAAAA,MACRP,WAAWoB,KACTC,oBAAoBI,cACpB1B,mCAAS0B,YACX;AAAA,MACAC,UAAUb;AAAAA,MACVc,uBAAuB;AAAA,MAAM,GACzBtB;AAAAA,IACL,CAAA,GAEFJ,QAAQ;AAAA,EAAA,CACC;AAEhB;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RightControl.styles.js","sources":["../../../../../src/components/Controls/RightControl/RightControl.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvDropdown, HvDropdownProps } from \"@core/components\";\n\nexport const StyledRoot = styled(\"div\")({\n display: \"inline-flex\",\n gap: 10,\n});\n\nexport const StyledDropdown = styled((props: HvDropdownProps) => (\n <HvDropdown {...props} />\n))({\n minWidth: 200,\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledDropdown","_styled","props","HvDropdown"],"mappings":";;;;;;AAGO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,~~CAGrC~~;~~AAEK~~,MAAMC,iBAAiBC,wBAAO,CAACC,8BACnCC,YAAU;AAAA,EAAA,GAAKD;AAAK,~~CAAA~~,~~GACtBZ~~,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,~~CAEA~~;"}
1	+ {"version":3,"file":"RightControl.styles.js","sources":["../../../../../src/components/Controls/RightControl/RightControl.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvDropdown, HvDropdownProps } from \"@core/components\";\n\nexport const StyledRoot = styled(\"div\")({\n display: \"inline-flex\",\n gap: 10,\n});\n\nexport const StyledDropdown = styled((props: HvDropdownProps) => (\n <HvDropdown {...props} />\n))({\n minWidth: 200,\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledDropdown","_styled","props","HvDropdown"],"mappings":";;;;;;AAGO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGtC;AAEM,MAAMC,iBAAiBC,wBAAO,CAACC,8BACnCC,YAAU;AAAA,EAAA,GAAKD;AAAK,CAAG,GACzBZ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAED;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePicker.js","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport styled from \"@emotion/styled\";\nimport { Calendar } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n HvCalendar,\n HvInfoMessage,\n HvWarningText,\n HvCalendarProps,\n HvActionBar,\n HvButton,\n HvFormElement,\n HvTypography,\n HvBaseDropdown,\n HvLabel,\n} from \"@core/components\";\nimport { useControlled, useLabels, useTheme, useUniqueId } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport { setId, useSavedState } from \"@core/utils\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport { isDate } from \"../Calendar/utils\";\nimport { getDateLabel } from \"./utils\";\nimport useVisibleDate from \"./useVisibleDate\";\nimport datePickerClasses, { HvDatePickerClasses } from \"./datePickerClasses\";\nimport { styles } from \"./DatePicker.styles\";\n\nconst DEFAULT_LABELS = {\n applyLabel: \"Apply\",\n cancelLabel: \"Cancel\",\n clearLabel: \"Clear\",\n invalidLabel: \"Invalid date\",\n};\n\nexport type HvDatePickerStatus = \"standBy\" \| \"valid\" \| \"invalid\";\n\nexport interface HvDatePickerProps\n extends HvBaseProps<HTMLDivElement, \"onChange\"> {\n /*\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes?: HvDatePickerClasses;\n /\n Id to be applied to the form element root node.\n /\n id?: string;\n\n /\n The form element name.\n /\n name?: string;\n /\n The label of the form element.\n \n The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n /\n label?: React.ReactNode;\n /\n @ignore\n /\n \"aria-label\"?: string;\n /\n @ignore\n /\n \"aria-labelledby\"?: string;\n /\n Provide additional descriptive text for the form element.\n /\n description?: React.ReactNode;\n /\n @ignore\n /\n \"aria-describedby\"?: string;\n /\n The placeholder value when nothing is selected.\n /\n placeholder?: string;\n\n /\n Indicates that the form element is disabled.\n /\n disabled?: boolean;\n /\n Indicates that user input is required on the form element.\n /\n required?: boolean;\n\n /\n The status of the form element.\n \n Valid is correct, invalid is incorrect and standBy means no validations have run.\n \n When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n /\n status?: HvDatePickerStatus;\n /\n The error message to show when the validation status is \"invalid\".\n \n Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n /\n statusMessage?: React.ReactNode;\n /\n Identifies the element that provides an error message for the date picker.\n \n Will only be used when the validation status is invalid.\n /\n \"aria-errormessage\"?: string;\n\n /\n The callback fired when the value changes.\n /\n onChange?: (date?: Date, endDate?: Date) => void;\n /\n The callback fired when user clicks on cancel.\n /\n onCancel?: () => void;\n /\n The callback fired when user clicks on clear.\n /\n onClear?: () => void;\n /\n An object containing all the labels for the datepicker.\n /\n labels?: {\n /\n Apply button label.\n /\n applyLabel?: string;\n /\n Cancel button label.\n /\n cancelLabel?: string;\n /\n Clear button label.\n /\n clearLabel?: string;\n /\n Invalid Date label.\n /\n invalidDateLabel?: string;\n };\n\n /\n The initial value of the input when in single calendar mode.\n /\n value?: Date;\n /\n The initial value for the start date when in range mode.\n /\n startValue?: Date;\n /\n The initial value for the end date when in range mode.\n /\n endValue?: Date;\n /\n Flag informing if the the component should be in range mode or in single mode.\n * TODO: remove this in favour of discriminated union\n /\n rangeMode?: boolean;\n /\n The placement where the calendar should be placed according to the input. Options are `left` or `right`.\n * Note this prop only affects the calendar when in `rangeMode`.\n /\n horizontalPlacement?: \"left\" \| \"right\";\n /\n The calendar locale. If undefined, it uses calendar default\n /\n locale?: string;\n\n /\n Controls if actions buttons are visible at the calendar.\n /\n showActions?: boolean;\n /\n Controls if clear button is visible at the calendar,\n * only works if showing actions or in range mode.\n /\n showClear?: boolean;\n /\n Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n /\n disablePortal?: boolean;\n /\n Sets if the calendar container should follow the date picker input out of the screen or stay visible.\n /\n escapeWithReference?: boolean;\n /\n An element placed before the Calendar\n /\n startAdornment?: React.ReactNode;\n /\n An object containing props to be passed onto the baseDropdown.\n /\n dropdownProps?: Object;\n /\n If `true` the DatePicker will be in read only mode, unable to be interacted.\n /\n readOnly?: boolean;\n /\n Additional props passed to the HvCalendar component.\n /\n calendarProps?: Partial<HvCalendarProps>;\n}\n\n/\n A date picker, popup calendar or date range picker is a graphical user\n * interface widget which allows the user to select a date from a calendar.\n /\nexport const HvDatePicker = ({\n classes,\n className,\n\n id,\n name,\n\n required = false,\n disabled = false,\n readOnly,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n onCancel,\n onClear,\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n placeholder,\n\n labels: labelsProp,\n\n value,\n startValue,\n endValue,\n\n rangeMode = false,\n startAdornment,\n horizontalPlacement = \"right\",\n locale: localeProp,\n showActions = false,\n showClear = false,\n disablePortal = true,\n escapeWithReference = true,\n dropdownProps,\n calendarProps,\n ...others\n}: HvDatePickerProps) => {\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const elementId = useUniqueId(id, \"hvdatepicker\");\n\n const [validationState, setValidationState] = useControlled(\n status,\n \"standBy\"\n );\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const locale = localeProp \|\| \"en-US\";\n\n const [calendarOpen, setCalendarOpen] = useState(false);\n\n const [startDate, setStartDate, rollbackStartDate] = useSavedState(\n rangeMode ? startValue : value\n );\n const [endDate, setEndDate, rollbackEndDate] = useSavedState(endValue);\n\n const [visibleDate, dispatchAction] = useVisibleDate(startDate, endDate);\n\n const focusTarget = useRef<HTMLDivElement>(null);\n\n const { activeTheme } = useTheme();\n\n useEffect(() => {\n setStartDate(rangeMode ? startValue : value, true);\n setEndDate(endValue, true);\n }, [value, startValue, endValue, rangeMode]);\n\n const endDateIsSet = useRef(false);\n endDateIsSet.current = endDate != null;\n\n useEffect(() => {\n if (startDate != null) {\n dispatchAction({\n type: \"month_year\",\n target: endDateIsSet.current ? \"left\" : \"best\",\n year: startDate.getFullYear(),\n month: startDate.getMonth() + 1,\n });\n }\n }, [dispatchAction, startDate]);\n\n useEffect(() => {\n if (endDate != null) {\n dispatchAction({\n type: \"month_year\",\n target: \"right\",\n year: endDate.getFullYear(),\n month: endDate.getMonth() + 1,\n });\n }\n }, [dispatchAction, endDate]);\n\n /\n Handles the `Apply` action. Both single and ranged modes are handled here.\n /\n const handleApply = () => {\n setStartDate(startDate, true);\n setEndDate(endDate ?? startDate, true);\n\n onChange?.(startDate, endDate);\n\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && (!isDate(startDate) \|\| (rangeMode && !isDate(endDate)))) {\n return \"invalid\";\n }\n\n return \"valid\";\n });\n\n setCalendarOpen(false);\n };\n\n /\n Handles the `Cancel` action. Both single and ranged modes are handled here.\n /\n const handleCancel = () => {\n rollbackStartDate();\n rollbackEndDate();\n\n onCancel?.();\n\n setCalendarOpen(false);\n };\n\n /\n Handles the `Cancel` action. Both single and ranged modes are handled here.\n /\n const handleClear = () => {\n setStartDate(undefined, false);\n setEndDate(undefined, false);\n onClear?.();\n };\n\n const handleCalendarClose = () => {\n const shouldSave = !(rangeMode \|\| showActions);\n if (shouldSave) {\n handleApply();\n } else {\n handleCancel();\n }\n };\n\n const handleToggle = (evt, open) => {\n / \n If evt is null this toggle wasn't triggered by the user.\n instead it was triggered by the baseDropdown useEffect after\n the datepicker changed the expanded value this baseDropdown behavior needs a review\n /\n if (evt === null) return;\n setCalendarOpen(open);\n if (!open) handleCalendarClose();\n };\n\n const focusOnContainer = () => {\n focusTarget.current?.focus();\n };\n\n const handleDateChange = (event, newDate) => {\n if (!isDate(newDate)) return;\n\n const autoSave = !showActions && !rangeMode;\n\n if (rangeMode) {\n if (!startDate \|\| (startDate && endDate) \|\| newDate < startDate) {\n setStartDate(newDate);\n setEndDate(undefined);\n } else {\n setEndDate(newDate);\n }\n } else {\n setStartDate(newDate, autoSave);\n }\n\n if (autoSave) {\n onChange?.(newDate);\n\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && !isDate(newDate)) {\n return \"invalid\";\n }\n\n return \"valid\";\n });\n\n setCalendarOpen(false);\n }\n };\n\n const handleInputDateChange = (event, newDate, position) => {\n if (!isDate(newDate)) return;\n\n if (!rangeMode) {\n handleDateChange(event, newDate);\n return;\n }\n\n if (position === \"left\") {\n if (endDate) setStartDate(newDate > endDate ? endDate : newDate);\n } else if (position === \"right\") {\n if (!startDate) {\n if (endDate) setStartDate(newDate > endDate ? endDate : newDate);\n return;\n }\n setEndDate(newDate < startDate ? startDate : newDate);\n }\n };\n\n /\n Renders the container for the action elements.\n */\n const renderActions = () => (\n <ClassNames>\n {({ css, cx }) => (\n <HvActionBar\n className={\n showClear\n ? cx(\n datePickerClasses.actionContainer,\n css(styles.actionContainer),\n classes?.actionContainer\n )\n : \"\"\n }\n >\n {showClear && (\n <div\n className={cx(\n datePickerClasses.leftContainer,\n classes?.leftContainer\n )}\n >\n <HvButton\n id={setId(id, \"action\", \"clear\")}\n className={cx(\n datePickerClasses.action,\n css(styles.action),\n classes?.action\n )}\n variant=\"primaryGhost\"\n onClick={handleClear}\n >\n {labels?.clearLabel}\n </HvButton>\n </div>\n )}\n <div\n className={cx(\n datePickerClasses.rightContainer,\n classes?.rightContainer\n )}\n >\n <HvButton\n id={setId(id, \"action\", \"apply\")}\n className={cx(\n datePickerClasses.action,\n css(styles.action),\n classes?.action\n )}\n variant=\"primaryGhost\"\n onClick={handleApply}\n >\n {labels?.applyLabel}\n </HvButton>\n <HvButton\n id={setId(id, \"action\", \"cancel\")}\n className={cx(\n datePickerClasses.action,\n css(styles.action),\n classes?.action\n )}\n variant=\"primaryGhost\"\n onClick={handleCancel}\n >\n {labels?.cancelLabel}\n </HvButton>\n </div>\n </HvActionBar>\n )}\n </ClassNames>\n );\n\n const styledTypography = (dateString, variant, text) => {\n const StyledTypography = styled(HvTypography)({\n color: dateString\n ? theme.colors.secondary\n : theme.datePicker.dropdownPlaceholderColor,\n });\n\n return <StyledTypography variant={variant}>{text}</StyledTypography>;\n };\n\n const renderInput = (dateString) =>\n styledTypography(\n dateString,\n activeTheme?.datePicker.placeholderVariant,\n (dateString \|\| placeholder) === undefined ? \"\" : dateString \|\| placeholder\n );\n\n const dateValue = rangeMode ? { startDate, endDate } : startDate;\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) \|\|\n (status === undefined && required));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n }\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <HvFormElement\n id={id}\n name={name}\n value={dateValue}\n status={validationState}\n disabled={disabled}\n required={required}\n className={cx(\n datePickerClasses.root,\n css(styles.root),\n className,\n classes?.root\n )}\n readOnly={readOnly}\n {...others}\n >\n {(hasLabel \|\| hasDescription) && (\n <div\n className={cx(\n datePickerClasses.labelContainer,\n css(styles.labelContainer),\n classes?.labelContainer\n )}\n >\n {hasLabel && (\n <HvLabel\n id={setId(elementId, \"label\")}\n label={label}\n className={cx(\n datePickerClasses.label,\n css(styles.label),\n classes?.label\n )}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage\n id={setId(elementId, \"description\")}\n className={cx(\n datePickerClasses.description,\n css(styles.description),\n classes?.description\n )}\n >\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n <HvBaseDropdown\n role=\"combobox\"\n classes={{\n root: cx(\n datePickerClasses.dropdown,\n css(styles.dropdown),\n classes?.dropdown\n ),\n panel: cx(\n datePickerClasses.panel,\n css(styles.panel),\n classes?.panel\n ),\n header: isStateInvalid\n ? cx(\n datePickerClasses.dropdownHeaderInvalid,\n css(styles.dropdownHeaderInvalid),\n classes?.dropdownHeaderInvalid\n )\n : undefined,\n headerOpen: cx(\n datePickerClasses.dropdownHeaderOpen,\n css(styles.dropdownHeaderOpen),\n classes?.dropdownHeaderOpen\n ),\n }}\n readOnly={readOnly}\n disabled={disabled}\n disablePortal={disablePortal}\n variableWidth\n placement={horizontalPlacement}\n expanded={calendarOpen}\n onToggle={handleToggle}\n onClickOutside={handleCalendarClose}\n onContainerCreation={focusOnContainer}\n placeholder={renderInput(\n getDateLabel(dateValue, rangeMode, locale)\n )}\n adornment={\n <Calendar\n className={cx(\n datePickerClasses.icon,\n css(styles.icon),\n classes?.icon\n )}\n color={disabled ? \"secondary_80\" : undefined}\n />\n }\n popperProps={{\n modifiers: [\n { name: \"preventOverflow\", enabled: escapeWithReference },\n ],\n }}\n aria-haspopup=\"dialog\"\n aria-label={ariaLabel}\n aria-labelledby={\n [label && setId(elementId, \"label\"), ariaLabelledBy]\n .join(\" \")\n .trim() \|\| undefined\n }\n aria-invalid={isStateInvalid ? true : undefined}\n aria-errormessage={errorMessageId}\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy]\n .join(\" \")\n .trim() \|\| undefined\n }\n {...dropdownProps}\n >\n <div ref={focusTarget} tabIndex={-1} />\n <HvCalendar\n id={setId(id, \"calendar\")}\n startAdornment={startAdornment}\n onChange={handleDateChange}\n onInputChange={handleInputDateChange}\n onVisibleDateChange={(_event, type, month, target) => {\n dispatchAction({ type, target, month });\n }}\n locale={locale}\n {...visibleDate}\n {...calendarProps}\n invalidDateLabel={labels?.invalidDateLabel}\n />\n {(rangeMode \|\| showActions) && renderActions()}\n </HvBaseDropdown>\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n disableBorder\n className={cx(datePickerClasses.error, classes?.error)}\n >\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n )}\n </ClassNames>\n );\n};\n"],"names":["DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","invalidLabel","HvDatePicker","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","ariaErrorMessage","placeholder","labels","labelsProp","value","startValue","endValue","rangeMode","startAdornment","horizontalPlacement","locale","localeProp","showActions","showClear","disablePortal","escapeWithReference","dropdownProps","calendarProps","others","useLabels","elementId","useUniqueId","validationState","setValidationState","useControlled","validationMessage","calendarOpen","setCalendarOpen","useState","startDate","setStartDate","rollbackStartDate","useSavedState","endDate","setEndDate","rollbackEndDate","visibleDate","dispatchAction","useVisibleDate","focusTarget","useRef","activeTheme","useTheme","useEffect","endDateIsSet","current","type","target","year","getFullYear","month","getMonth","handleApply","isDate","handleCancel","handleClear","undefined","handleCalendarClose","shouldSave","handleToggle","evt","open","focusOnContainer","focus","handleDateChange","event","newDate","autoSave","handleInputDateChange","position","renderActions","_jsx","ClassNames","children","css","cx","HvActionBar","datePickerClasses","actionContainer","styles","leftContainer","HvButton","setId","action","variant","onClick","_jsxs","rightContainer","styledTypography","dateString","text","StyledTypography","HvTypography","process","env","NODE_ENV","color","theme","colors","secondary","datePicker","dropdownPlaceholderColor","renderInput","placeholderVariant","dateValue","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","HvFormElement","root","labelContainer","HvLabel","HvInfoMessage","HvBaseDropdown","role","dropdown","panel","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","variableWidth","placement","expanded","onToggle","onClickOutside","onContainerCreation","getDateLabel","adornment","Calendar","icon","popperProps","modifiers","enabled","join","trim","ref","tabIndex","HvCalendar","onInputChange","onVisibleDateChange","_event","invalidDateLabel","HvWarningText","disableBorder","error"],"mappings":"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"}
1	+ {"version":3,"file":"DatePicker.js","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport styled from \"@emotion/styled\";\nimport { Calendar } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n HvCalendar,\n HvInfoMessage,\n HvWarningText,\n HvCalendarProps,\n HvActionBar,\n HvButton,\n HvFormElement,\n HvTypography,\n HvBaseDropdown,\n HvLabel,\n} from \"@core/components\";\nimport { useControlled, useLabels, useTheme, useUniqueId } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport { setId, useSavedState } from \"@core/utils\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport { isDate } from \"../Calendar/utils\";\nimport { getDateLabel } from \"./utils\";\nimport useVisibleDate from \"./useVisibleDate\";\nimport datePickerClasses, { HvDatePickerClasses } from \"./datePickerClasses\";\nimport { styles } from \"./DatePicker.styles\";\n\nconst DEFAULT_LABELS = {\n applyLabel: \"Apply\",\n cancelLabel: \"Cancel\",\n clearLabel: \"Clear\",\n invalidLabel: \"Invalid date\",\n};\n\nexport type HvDatePickerStatus = \"standBy\" \| \"valid\" \| \"invalid\";\n\nexport interface HvDatePickerProps\n extends HvBaseProps<HTMLDivElement, \"onChange\"> {\n /*\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes?: HvDatePickerClasses;\n /\n Id to be applied to the form element root node.\n /\n id?: string;\n\n /\n The form element name.\n /\n name?: string;\n /\n The label of the form element.\n \n The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n /\n label?: React.ReactNode;\n /\n @ignore\n /\n \"aria-label\"?: string;\n /\n @ignore\n /\n \"aria-labelledby\"?: string;\n /\n Provide additional descriptive text for the form element.\n /\n description?: React.ReactNode;\n /\n @ignore\n /\n \"aria-describedby\"?: string;\n /\n The placeholder value when nothing is selected.\n /\n placeholder?: string;\n\n /\n Indicates that the form element is disabled.\n /\n disabled?: boolean;\n /\n Indicates that user input is required on the form element.\n /\n required?: boolean;\n\n /\n The status of the form element.\n \n Valid is correct, invalid is incorrect and standBy means no validations have run.\n \n When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n /\n status?: HvDatePickerStatus;\n /\n The error message to show when the validation status is \"invalid\".\n \n Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n /\n statusMessage?: React.ReactNode;\n /\n Identifies the element that provides an error message for the date picker.\n \n Will only be used when the validation status is invalid.\n /\n \"aria-errormessage\"?: string;\n\n /\n The callback fired when the value changes.\n /\n onChange?: (date?: Date, endDate?: Date) => void;\n /\n The callback fired when user clicks on cancel.\n /\n onCancel?: () => void;\n /\n The callback fired when user clicks on clear.\n /\n onClear?: () => void;\n /\n An object containing all the labels for the datepicker.\n /\n labels?: {\n /\n Apply button label.\n /\n applyLabel?: string;\n /\n Cancel button label.\n /\n cancelLabel?: string;\n /\n Clear button label.\n /\n clearLabel?: string;\n /\n Invalid Date label.\n /\n invalidDateLabel?: string;\n };\n\n /\n The initial value of the input when in single calendar mode.\n /\n value?: Date;\n /\n The initial value for the start date when in range mode.\n /\n startValue?: Date;\n /\n The initial value for the end date when in range mode.\n /\n endValue?: Date;\n /\n Flag informing if the the component should be in range mode or in single mode.\n * TODO: remove this in favour of discriminated union\n /\n rangeMode?: boolean;\n /\n The placement where the calendar should be placed according to the input. Options are `left` or `right`.\n * Note this prop only affects the calendar when in `rangeMode`.\n /\n horizontalPlacement?: \"left\" \| \"right\";\n /\n The calendar locale. If undefined, it uses calendar default\n /\n locale?: string;\n\n /\n Controls if actions buttons are visible at the calendar.\n /\n showActions?: boolean;\n /\n Controls if clear button is visible at the calendar,\n * only works if showing actions or in range mode.\n /\n showClear?: boolean;\n /\n Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n /\n disablePortal?: boolean;\n /\n Sets if the calendar container should follow the date picker input out of the screen or stay visible.\n /\n escapeWithReference?: boolean;\n /\n An element placed before the Calendar\n /\n startAdornment?: React.ReactNode;\n /\n An object containing props to be passed onto the baseDropdown.\n /\n dropdownProps?: Object;\n /\n If `true` the DatePicker will be in read only mode, unable to be interacted.\n /\n readOnly?: boolean;\n /\n Additional props passed to the HvCalendar component.\n /\n calendarProps?: Partial<HvCalendarProps>;\n}\n\n/\n A date picker, popup calendar or date range picker is a graphical user\n * interface widget which allows the user to select a date from a calendar.\n /\nexport const HvDatePicker = ({\n classes,\n className,\n\n id,\n name,\n\n required = false,\n disabled = false,\n readOnly,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n onCancel,\n onClear,\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n placeholder,\n\n labels: labelsProp,\n\n value,\n startValue,\n endValue,\n\n rangeMode = false,\n startAdornment,\n horizontalPlacement = \"right\",\n locale: localeProp,\n showActions = false,\n showClear = false,\n disablePortal = true,\n escapeWithReference = true,\n dropdownProps,\n calendarProps,\n ...others\n}: HvDatePickerProps) => {\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const elementId = useUniqueId(id, \"hvdatepicker\");\n\n const [validationState, setValidationState] = useControlled(\n status,\n \"standBy\"\n );\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const locale = localeProp \|\| \"en-US\";\n\n const [calendarOpen, setCalendarOpen] = useState(false);\n\n const [startDate, setStartDate, rollbackStartDate] = useSavedState(\n rangeMode ? startValue : value\n );\n const [endDate, setEndDate, rollbackEndDate] = useSavedState(endValue);\n\n const [visibleDate, dispatchAction] = useVisibleDate(startDate, endDate);\n\n const focusTarget = useRef<HTMLDivElement>(null);\n\n const { activeTheme } = useTheme();\n\n useEffect(() => {\n setStartDate(rangeMode ? startValue : value, true);\n setEndDate(endValue, true);\n }, [value, startValue, endValue, rangeMode]);\n\n const endDateIsSet = useRef(false);\n endDateIsSet.current = endDate != null;\n\n useEffect(() => {\n if (startDate != null) {\n dispatchAction({\n type: \"month_year\",\n target: endDateIsSet.current ? \"left\" : \"best\",\n year: startDate.getFullYear(),\n month: startDate.getMonth() + 1,\n });\n }\n }, [dispatchAction, startDate]);\n\n useEffect(() => {\n if (endDate != null) {\n dispatchAction({\n type: \"month_year\",\n target: \"right\",\n year: endDate.getFullYear(),\n month: endDate.getMonth() + 1,\n });\n }\n }, [dispatchAction, endDate]);\n\n /\n Handles the `Apply` action. Both single and ranged modes are handled here.\n /\n const handleApply = () => {\n setStartDate(startDate, true);\n setEndDate(endDate ?? startDate, true);\n\n onChange?.(startDate, endDate);\n\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && (!isDate(startDate) \|\| (rangeMode && !isDate(endDate)))) {\n return \"invalid\";\n }\n\n return \"valid\";\n });\n\n setCalendarOpen(false);\n };\n\n /\n Handles the `Cancel` action. Both single and ranged modes are handled here.\n /\n const handleCancel = () => {\n rollbackStartDate();\n rollbackEndDate();\n\n onCancel?.();\n\n setCalendarOpen(false);\n };\n\n /\n Handles the `Cancel` action. Both single and ranged modes are handled here.\n /\n const handleClear = () => {\n setStartDate(undefined, false);\n setEndDate(undefined, false);\n onClear?.();\n };\n\n const handleCalendarClose = () => {\n const shouldSave = !(rangeMode \|\| showActions);\n if (shouldSave) {\n handleApply();\n } else {\n handleCancel();\n }\n };\n\n const handleToggle = (evt, open) => {\n / \n If evt is null this toggle wasn't triggered by the user.\n instead it was triggered by the baseDropdown useEffect after\n the datepicker changed the expanded value this baseDropdown behavior needs a review\n /\n if (evt === null) return;\n setCalendarOpen(open);\n if (!open) handleCalendarClose();\n };\n\n const focusOnContainer = () => {\n focusTarget.current?.focus();\n };\n\n const handleDateChange = (event, newDate) => {\n if (!isDate(newDate)) return;\n\n const autoSave = !showActions && !rangeMode;\n\n if (rangeMode) {\n if (!startDate \|\| (startDate && endDate) \|\| newDate < startDate) {\n setStartDate(newDate);\n setEndDate(undefined);\n } else {\n setEndDate(newDate);\n }\n } else {\n setStartDate(newDate, autoSave);\n }\n\n if (autoSave) {\n onChange?.(newDate);\n\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && !isDate(newDate)) {\n return \"invalid\";\n }\n\n return \"valid\";\n });\n\n setCalendarOpen(false);\n }\n };\n\n const handleInputDateChange = (event, newDate, position) => {\n if (!isDate(newDate)) return;\n\n if (!rangeMode) {\n handleDateChange(event, newDate);\n return;\n }\n\n if (position === \"left\") {\n if (endDate) setStartDate(newDate > endDate ? endDate : newDate);\n } else if (position === \"right\") {\n if (!startDate) {\n if (endDate) setStartDate(newDate > endDate ? endDate : newDate);\n return;\n }\n setEndDate(newDate < startDate ? startDate : newDate);\n }\n };\n\n /\n Renders the container for the action elements.\n */\n const renderActions = () => (\n <ClassNames>\n {({ css, cx }) => (\n <HvActionBar\n className={\n showClear\n ? cx(\n datePickerClasses.actionContainer,\n css(styles.actionContainer),\n classes?.actionContainer\n )\n : \"\"\n }\n >\n {showClear && (\n <div\n className={cx(\n datePickerClasses.leftContainer,\n classes?.leftContainer\n )}\n >\n <HvButton\n id={setId(id, \"action\", \"clear\")}\n className={cx(\n datePickerClasses.action,\n css(styles.action),\n classes?.action\n )}\n variant=\"primaryGhost\"\n onClick={handleClear}\n >\n {labels?.clearLabel}\n </HvButton>\n </div>\n )}\n <div\n className={cx(\n datePickerClasses.rightContainer,\n classes?.rightContainer\n )}\n >\n <HvButton\n id={setId(id, \"action\", \"apply\")}\n className={cx(\n datePickerClasses.action,\n css(styles.action),\n classes?.action\n )}\n variant=\"primaryGhost\"\n onClick={handleApply}\n >\n {labels?.applyLabel}\n </HvButton>\n <HvButton\n id={setId(id, \"action\", \"cancel\")}\n className={cx(\n datePickerClasses.action,\n css(styles.action),\n classes?.action\n )}\n variant=\"primaryGhost\"\n onClick={handleCancel}\n >\n {labels?.cancelLabel}\n </HvButton>\n </div>\n </HvActionBar>\n )}\n </ClassNames>\n );\n\n const styledTypography = (dateString, variant, text) => {\n const StyledTypography = styled(HvTypography)({\n color: dateString\n ? theme.colors.secondary\n : theme.datePicker.dropdownPlaceholderColor,\n });\n\n return <StyledTypography variant={variant}>{text}</StyledTypography>;\n };\n\n const renderInput = (dateString) =>\n styledTypography(\n dateString,\n activeTheme?.datePicker.placeholderVariant,\n (dateString \|\| placeholder) === undefined ? \"\" : dateString \|\| placeholder\n );\n\n const dateValue = rangeMode ? { startDate, endDate } : startDate;\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) \|\|\n (status === undefined && required));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n }\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <HvFormElement\n id={id}\n name={name}\n value={dateValue}\n status={validationState}\n disabled={disabled}\n required={required}\n className={cx(\n datePickerClasses.root,\n css(styles.root),\n className,\n classes?.root\n )}\n readOnly={readOnly}\n {...others}\n >\n {(hasLabel \|\| hasDescription) && (\n <div\n className={cx(\n datePickerClasses.labelContainer,\n css(styles.labelContainer),\n classes?.labelContainer\n )}\n >\n {hasLabel && (\n <HvLabel\n id={setId(elementId, \"label\")}\n label={label}\n className={cx(\n datePickerClasses.label,\n css(styles.label),\n classes?.label\n )}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage\n id={setId(elementId, \"description\")}\n className={cx(\n datePickerClasses.description,\n css(styles.description),\n classes?.description\n )}\n >\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n <HvBaseDropdown\n role=\"combobox\"\n classes={{\n root: cx(\n datePickerClasses.dropdown,\n css(styles.dropdown),\n classes?.dropdown\n ),\n panel: cx(\n datePickerClasses.panel,\n css(styles.panel),\n classes?.panel\n ),\n header: isStateInvalid\n ? cx(\n datePickerClasses.dropdownHeaderInvalid,\n css(styles.dropdownHeaderInvalid),\n classes?.dropdownHeaderInvalid\n )\n : undefined,\n headerOpen: cx(\n datePickerClasses.dropdownHeaderOpen,\n css(styles.dropdownHeaderOpen),\n classes?.dropdownHeaderOpen\n ),\n }}\n readOnly={readOnly}\n disabled={disabled}\n disablePortal={disablePortal}\n variableWidth\n placement={horizontalPlacement}\n expanded={calendarOpen}\n onToggle={handleToggle}\n onClickOutside={handleCalendarClose}\n onContainerCreation={focusOnContainer}\n placeholder={renderInput(\n getDateLabel(dateValue, rangeMode, locale)\n )}\n adornment={\n <Calendar\n className={cx(\n datePickerClasses.icon,\n css(styles.icon),\n classes?.icon\n )}\n color={disabled ? \"secondary_80\" : undefined}\n />\n }\n popperProps={{\n modifiers: [\n { name: \"preventOverflow\", enabled: escapeWithReference },\n ],\n }}\n aria-haspopup=\"dialog\"\n aria-label={ariaLabel}\n aria-labelledby={\n [label && setId(elementId, \"label\"), ariaLabelledBy]\n .join(\" \")\n .trim() \|\| undefined\n }\n aria-invalid={isStateInvalid ? true : undefined}\n aria-errormessage={errorMessageId}\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy]\n .join(\" \")\n .trim() \|\| undefined\n }\n {...dropdownProps}\n >\n <div ref={focusTarget} tabIndex={-1} />\n <HvCalendar\n id={setId(id, \"calendar\")}\n startAdornment={startAdornment}\n onChange={handleDateChange}\n onInputChange={handleInputDateChange}\n onVisibleDateChange={(_event, type, month, target) => {\n dispatchAction({ type, target, month });\n }}\n locale={locale}\n {...visibleDate}\n {...calendarProps}\n invalidDateLabel={labels?.invalidDateLabel}\n />\n {(rangeMode \|\| showActions) && renderActions()}\n </HvBaseDropdown>\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n disableBorder\n className={cx(datePickerClasses.error, classes?.error)}\n >\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n )}\n </ClassNames>\n );\n};\n"],"names":["DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","invalidLabel","HvDatePicker","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","ariaErrorMessage","placeholder","labels","labelsProp","value","startValue","endValue","rangeMode","startAdornment","horizontalPlacement","locale","localeProp","showActions","showClear","disablePortal","escapeWithReference","dropdownProps","calendarProps","others","useLabels","elementId","useUniqueId","validationState","setValidationState","useControlled","validationMessage","calendarOpen","setCalendarOpen","useState","startDate","setStartDate","rollbackStartDate","useSavedState","endDate","setEndDate","rollbackEndDate","visibleDate","dispatchAction","useVisibleDate","focusTarget","useRef","activeTheme","useTheme","useEffect","endDateIsSet","current","type","target","year","getFullYear","month","getMonth","handleApply","isDate","handleCancel","handleClear","undefined","handleCalendarClose","shouldSave","handleToggle","evt","open","focusOnContainer","focus","handleDateChange","event","newDate","autoSave","handleInputDateChange","position","renderActions","_jsx","ClassNames","children","css","cx","HvActionBar","datePickerClasses","actionContainer","styles","leftContainer","HvButton","setId","action","variant","onClick","_jsxs","rightContainer","styledTypography","dateString","text","StyledTypography","HvTypography","process","env","NODE_ENV","color","theme","colors","secondary","datePicker","dropdownPlaceholderColor","renderInput","placeholderVariant","dateValue","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","HvFormElement","root","labelContainer","HvLabel","HvInfoMessage","HvBaseDropdown","role","dropdown","panel","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","variableWidth","placement","expanded","onToggle","onClickOutside","onContainerCreation","getDateLabel","adornment","Calendar","icon","popperProps","modifiers","enabled","join","trim","ref","tabIndex","HvCalendar","onInputChange","onVisibleDateChange","_event","invalidDateLabel","HvWarningText","disableBorder","error"],"mappings":"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"}

package/dist/esm/components/DatePicker/DatePicker.styles.js CHANGED Viewed

@@ -21,27 +21,15 @@ const styles = {
   dropdown: {
     display: "block"
   },
-  panel: {
-    border: theme.datePicker.panelBorder,
-    backgroundColor: theme.datePicker.panelBackgroundColor
-  },
+  panel: {},
   dropdownHeaderInvalid: {
     border: `1px solid ${theme.colors.negative}`,
     "&:hover": {
       border: `1px solid ${theme.colors.negative}`
     }
   },
-  dropdownHeaderOpen: {
-    border: theme.datePicker.dropdownHeaderOpenBorder,
-    "&:hover": {
-      border: theme.datePicker.dropdownHeaderOpenBorder
-    }
-  },
-  icon: {
-    position: "absolute",
-    right: -1,
-    bottom: -1
-  },
+  dropdownHeaderOpen: {},
+  icon: {},
   action: {
     "&:first-of-type": {
       marginRight: theme.space.xs

package/dist/esm/components/DatePicker/DatePicker.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePicker.styles.js","sources":["../../../../src/components/DatePicker/DatePicker.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvDatePickerClasses } from \"./datePickerClasses\";\n\nexport const styles: Partial<\n Record<keyof HvDatePickerClasses, CSSInterpolation>\n> = {\n root: {\n position: \"relative\",\n },\n actionContainer: {\n justifyContent: \"space-between\",\n },\n leftContainer: {},\n rightContainer: {},\n\n labelContainer: {\n display: \"flex\",\n alignItems: \"flex-start\",\n },\n label: {\n paddingBottom: \"6px\",\n display: \"block\",\n },\n description: {},\n error: {},\n\n dropdown: {\n display: \"block\",\n },\n panel: {~~\n border: theme.datePicker.panelBorder,\n backgroundColor: theme.datePicker.panelBackgroundColor,\n~~ },\n\n dropdownHeaderInvalid: {\n border: `1px solid ${theme.colors.negative}`,\n \"&:hover\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n },\n dropdownHeaderOpen: {~~\n border: theme.datePicker.dropdownHeaderOpenBorder,\n \"&:hover\": {\n border: theme.datePicker.dropdownHeaderOpenBorder,\n~~ },\n ~~},\n~~ icon: {~~\n position: \"absolute\",\n right: -1,\n bottom: -1,\n~~ },\n action: {\n \"&:first-of-type\": {\n marginRight: theme.space.xs,\n },\n },\n};\n"],"names":["styles","root","position","actionContainer","justifyContent","leftContainer","rightContainer","labelContainer","display","alignItems","label","paddingBottom","description","error","dropdown","panel","~~border~~","~~theme~~","~~datePicker~~","~~panelBorder","backgroundColor","panelBackgroundColor","dropdownHeaderInvalid","~~colors","negative","dropdownHeaderOpen","~~dropdownHeaderOpenBorder","~~icon","~~right","bottom","~~action","marginRight","space","xs"],"mappings":";AAIO,MAAMA,SAET;AAAA,EACFC,MAAM;AAAA,IACJC,UAAU;AAAA,EACZ;AAAA,EACAC,iBAAiB;AAAA,IACfC,gBAAgB;AAAA,EAClB;AAAA,EACAC,eAAe,CAAC;AAAA,EAChBC,gBAAgB,CAAC;AAAA,EAEjBC,gBAAgB;AAAA,IACdC,SAAS;AAAA,IACTC,YAAY;AAAA,EACd;AAAA,EACAC,OAAO;AAAA,IACLC,eAAe;AAAA,IACfH,SAAS;AAAA,EACX;AAAA,EACAI,aAAa,CAAC;AAAA,EACdC,OAAO,CAAC;AAAA,EAERC,UAAU;AAAA,IACRN,SAAS;AAAA,EACX;AAAA,EACAO,OAAO~~;AAAA~~,~~IACLC,QAAQC,MAAMC,WAAWC~~;~~AAAAA,IACzBC,iBAAiBH,MAAMC,WAAWG;AAAAA,EACpC;~~AAAA,~~EAEAC~~,uBAAuB;AAAA,~~IACrBN~~,QAAS,aAAYC,~~MAAMM~~,OAAOC;AAAAA,IAClC,WAAW;AAAA,~~MACTR~~,QAAS,aAAYC,~~MAAMM~~,OAAOC;AAAAA,IACpC;AAAA,EACF;AAAA,EACAC,oBAAoB~~;AAAA~~,~~IAClBT,QAAQC,MAAMC,WAAWQ~~;~~AAAAA,IACzB,WAAW;~~AAAA,~~MACTV~~,~~QAAQC,MAAMC,WAAWQ;AAAAA,IAC3B;AAAA,EACF;AAAA,EACAC,~~MAAM~~;AAAA~~,~~IACJzB,UAAU~~;AAAA,~~IACV0B~~,~~OAAO;AAAA,IACPC,~~QAAQ;AAAA,~~EACV;AAAA,EACAC,QAAQ;AAAA,~~IACN,mBAAmB;AAAA,MACjBC,~~aAAad~~,~~MAAMe~~,MAAMC;AAAAA,IAC3B;AAAA,EACF;AACF;"}
1	+ {"version":3,"file":"DatePicker.styles.js","sources":["../../../../src/components/DatePicker/DatePicker.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvDatePickerClasses } from \"./datePickerClasses\";\n\nexport const styles: Partial<\n Record<keyof HvDatePickerClasses, CSSInterpolation>\n> = {\n root: {\n position: \"relative\",\n },\n actionContainer: {\n justifyContent: \"space-between\",\n },\n leftContainer: {},\n rightContainer: {},\n\n labelContainer: {\n display: \"flex\",\n alignItems: \"flex-start\",\n },\n label: {\n paddingBottom: \"6px\",\n display: \"block\",\n },\n description: {},\n error: {},\n\n dropdown: {\n display: \"block\",\n },\n panel: {},\n\n dropdownHeaderInvalid: {\n border: `1px solid ${theme.colors.negative}`,\n \"&:hover\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n },\n dropdownHeaderOpen: {},\n icon: {},\n action: {\n \"&:first-of-type\": {\n marginRight: theme.space.xs,\n },\n },\n};\n"],"names":["styles","root","position","actionContainer","justifyContent","leftContainer","rightContainer","labelContainer","display","alignItems","label","paddingBottom","description","error","dropdown","panel","dropdownHeaderInvalid","border","theme","colors","negative","dropdownHeaderOpen","icon","action","marginRight","space","xs"],"mappings":";AAIO,MAAMA,SAET;AAAA,EACFC,MAAM;AAAA,IACJC,UAAU;AAAA,EACZ;AAAA,EACAC,iBAAiB;AAAA,IACfC,gBAAgB;AAAA,EAClB;AAAA,EACAC,eAAe,CAAC;AAAA,EAChBC,gBAAgB,CAAC;AAAA,EAEjBC,gBAAgB;AAAA,IACdC,SAAS;AAAA,IACTC,YAAY;AAAA,EACd;AAAA,EACAC,OAAO;AAAA,IACLC,eAAe;AAAA,IACfH,SAAS;AAAA,EACX;AAAA,EACAI,aAAa,CAAC;AAAA,EACdC,OAAO,CAAC;AAAA,EAERC,UAAU;AAAA,IACRN,SAAS;AAAA,EACX;AAAA,EACAO,OAAO,CAAC;AAAA,EAERC,uBAAuB;AAAA,IACrBC,QAAS,aAAYC,MAAMC,OAAOC;AAAAA,IAClC,WAAW;AAAA,MACTH,QAAS,aAAYC,MAAMC,OAAOC;AAAAA,IACpC;AAAA,EACF;AAAA,EACAC,oBAAoB,CAAC;AAAA,EACrBC,MAAM,CAAC;AAAA,EACPC,QAAQ;AAAA,IACN,mBAAmB;AAAA,MACjBC,aAAaN,MAAMO,MAAMC;AAAAA,IAC3B;AAAA,EACF;AACF;"}

package/dist/esm/components/DatePicker/useVisibleDate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useVisibleDate.js","sources":["../../../../src/components/DatePicker/useVisibleDate.tsx"],"sourcesContent":["import { Reducer, useReducer } from \"react\";\n\nimport { validateDate } from \"./utils\";\n\nimport { VisibilitySelectorActions } from \"..\";\n\nfunction stateToLeftRight({\n visibleYear,\n visibleMonth,\n rightVisibleYear,\n rightVisibleMonth,\n}) {\n return {\n left: { year: visibleYear, month: visibleMonth },\n right: { year: rightVisibleYear, month: rightVisibleMonth },\n };\n}\n\nfunction leftRightToState(left, right) {\n return {\n visibleYear: left.year,\n visibleMonth: left.month,\n rightVisibleYear: right.year,\n rightVisibleMonth: right.month,\n };\n}\n\nfunction subtractYear({ year, month }) {\n return { year: year - 1, month };\n}\n\nfunction addYear({ year, month }) {\n return { year: year + 1, month };\n}\n\nfunction subtractMonth({ year, month }) {\n let y = year;\n let m = month;\n\n m -= 1;\n if (m === 0) {\n y -= 1;\n m = 12;\n }\n\n return { year: y, month: m };\n}\n\nfunction addMonth({ year, month }) {\n let y = year;\n let m = month;\n\n m += 1;\n if (m === 13) {\n y += 1;\n m = 1;\n }\n\n return { year: y, month: m };\n}\n\nfunction ensureNoOverlap(left, right, keepRight = false) {\n let l = left;\n let r = right;\n if (\n left.year > right.year \|\|\n (left.year === right.year && left.month >= right.month)\n ) {\n if (keepRight) {\n l = subtractMonth(right);\n } else {\n r = addMonth(left);\n }\n }\n\n return leftRightToState(l, r);\n}\n\nexport function isSameYearMonth(d1, d2) {\n return d1.year === d2.year && d1.month === d2.month;\n}\n\ntype State = {\n visibleYear: any;\n visibleMonth: any;\n rightVisibleYear: any;\n rightVisibleMonth: any;\n};\ntype Action = { type: VisibilitySelectorActions } & Record<string, any>;\n\nconst visibleDateReducer: Reducer<State, Action> = (state, action) => {\n let { left, right } = stateToLeftRight(state);\n\n switch (action.type) {\n case \"previous_year\":\n if (action.target === \"right\") {\n right = subtractYear(right);\n return ensureNoOverlap(left, right, true);\n }\n\n left = subtractYear(left);\n return ensureNoOverlap(left, right, false);\n\n case \"next_year\":\n if (action.target === \"right\") {\n right = addYear(right);\n return ensureNoOverlap(left, right, true);\n }\n\n left = addYear(left);\n return ensureNoOverlap(left, right, false);\n\n case \"previous_month\":\n if (action.target === \"right\") {\n right = subtractMonth(right);\n return ensureNoOverlap(left, right, true);\n }\n\n left = subtractMonth(left);\n return ensureNoOverlap(left, right, false);\n\n case \"next_month\":\n if (action.target === \"right\") {\n right = addMonth(right);\n return ensureNoOverlap(left, right, true);\n }\n\n left = addMonth(left);\n return ensureNoOverlap(left, right, false);\n\n case \"month\":\n if (action.month != null) {\n if (action.target === \"right\") {\n if (right.month !== action.month) {\n right = { year: right.year, month: action.month };\n return ensureNoOverlap(left, right, true);\n }\n } else if (left.month !== action.month) {\n left = { year: left.year, month: action.month };\n return ensureNoOverlap(left, right, false);\n }\n }\n break;\n\n case \"month_year\":\n if (action.month != null && action.year != null) {\n if (action.target === \"right\") {\n if (\n !isSameYearMonth(left, action) &&\n !isSameYearMonth(right, action)\n ) {\n right = { year: action.year, month: action.month };\n return ensureNoOverlap(left, right, true);\n }\n } else if (\n !isSameYearMonth(left, action) &&\n (action.target === \"left\" \|\| !isSameYearMonth(right, action))\n ) {\n left = { year: action.year, month: action.month };\n return ensureNoOverlap(left, right, false);\n }\n }\n\n break;\n\n default:\n }\n\n return state;\n};\n\nfunction stateFromRange(startDate, endDate) {\n const initialStartDate = validateDate(startDate);\n const initialEndDate =\n endDate != null ? validateDate(endDate) : initialStartDate;\n\n return ensureNoOverlap(\n {\n year: initialStartDate.getFullYear(),\n month: initialStartDate.getMonth() + 1,\n },\n { year: initialEndDate.getFullYear(), month: initialEndDate.getMonth() + 1 }\n );\n}\n\nexport default function useVisibleDate(startDate?: Date, endDate?: Date) {\n return useReducer(visibleDateReducer, { startDate, endDate }, (initData) =>\n stateFromRange(initData.startDate, initData.endDate)\n );\n}\n"],"names":["stateToLeftRight","visibleYear","visibleMonth","rightVisibleYear","rightVisibleMonth","left","year","month","right","leftRightToState","subtractYear","addYear","subtractMonth","y","m","addMonth","ensureNoOverlap","keepRight","l","r","isSameYearMonth","d1","d2","visibleDateReducer","state","action","type","target","stateFromRange","startDate","endDate","initialStartDate","validateDate","initialEndDate","getFullYear","getMonth","useVisibleDate","useReducer","initData"],"mappings":";;AAMA,SAASA,iBAAiB;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACF,GAAG;AACM,SAAA;AAAA,IACLC,MAAM;AAAA,MAAEC,MAAML;AAAAA,MAAaM,OAAOL;AAAAA,IAAa;AAAA,IAC/CM,OAAO;AAAA,MAAEF,MAAMH;AAAAA,MAAkBI,OAAOH;AAAAA,IAAkB;AAAA,EAAA;AAE9D;AAEA,SAASK,iBAAiBJ,MAAMG,OAAO;AAC9B,SAAA;AAAA,IACLP,aAAaI,KAAKC;AAAAA,IAClBJ,cAAcG,KAAKE;AAAAA,IACnBJ,kBAAkBK,MAAMF;AAAAA,IACxBF,mBAAmBI,MAAMD;AAAAA,EAAAA;AAE7B;AAEA,SAASG,aAAa;AAAA,EAAEJ;AAAAA,EAAMC;AAAM,GAAG;AAC9B,SAAA;AAAA,IAAED,MAAMA,OAAO;AAAA,IAAGC;AAAAA,EAAAA;AAC3B;AAEA,SAASI,QAAQ;AAAA,EAAEL;AAAAA,EAAMC;AAAM,GAAG;AACzB,SAAA;AAAA,IAAED,MAAMA,OAAO;AAAA,IAAGC;AAAAA,EAAAA;AAC3B;AAEA,SAASK,cAAc;AAAA,EAAEN;AAAAA,EAAMC;AAAM,GAAG;AACtC,MAAIM,IAAIP;AACR,MAAIQ,IAAIP;AAEH,OAAA;AACL,MAAIO,MAAM,GAAG;AACN,SAAA;AACD,QAAA;AAAA,EACN;AAEO,SAAA;AAAA,IAAER,MAAMO;AAAAA,IAAGN,OAAOO;AAAAA,EAAAA;AAC3B;AAEA,SAASC,SAAS;AAAA,EAAET;AAAAA,EAAMC;AAAM,GAAG;AACjC,MAAIM,IAAIP;AACR,MAAIQ,IAAIP;AAEH,OAAA;AACL,MAAIO,MAAM,IAAI;AACP,SAAA;AACD,QAAA;AAAA,EACN;AAEO,SAAA;AAAA,IAAER,MAAMO;AAAAA,IAAGN,OAAOO;AAAAA,EAAAA;AAC3B;AAEA,SAASE,gBAAgBX,MAAMG,OAAOS,YAAY,OAAO;AACvD,MAAIC,IAAIb;AACR,MAAIc,IAAIX;AAENH,MAAAA,KAAKC,OAAOE,MAAMF,QACjBD,KAAKC,SAASE,MAAMF,QAAQD,KAAKE,SAASC,MAAMD,OACjD;AACA,QAAIU,WAAW;AACbC,UAAIN,cAAcJ,KAAK;AAAA,IAAA,OAClB;AACLW,UAAIJ,SAASV,IAAI;AAAA,IACnB;AAAA,EACF;AAEOI,SAAAA,iBAAiBS,GAAGC,CAAC;AAC9B;AAEgBC,SAAAA,gBAAgBC,IAAIC,IAAI;AACtC,SAAOD,GAAGf,SAASgB,GAAGhB,QAAQe,GAAGd,UAAUe,GAAGf;AAChD;AAUA,MAAMgB,qBAA6CA,CAACC,OAAOC,WAAW;AAChE,MAAA;AAAA,IAAEpB;AAAAA,IAAMG;AAAAA,EAAAA,IAAUR,iBAAiBwB,KAAK;AAE5C,UAAQC,OAAOC,MAAI;AAAA,IACjB,KAAK;AACCD,UAAAA,OAAOE,WAAW,SAAS;AAC7BnB,gBAAQE,aAAaF,KAAK;AACnBQ,eAAAA,gBAAgBX,MAAMG,OAAO,IAAI;AAAA,MAC1C;AAEAH,aAAOK,aAAaL,IAAI;AACjBW,aAAAA,gBAAgBX,MAAMG,OAAO,KAAK;AAAA,IAE3C,KAAK;AACCiB,UAAAA,OAAOE,WAAW,SAAS;AAC7BnB,gBAAQG,QAAQH,KAAK;AACdQ,eAAAA,gBAAgBX,MAAMG,OAAO,IAAI;AAAA,MAC1C;AAEAH,aAAOM,QAAQN,IAAI;AACZW,aAAAA,gBAAgBX,MAAMG,OAAO,KAAK;AAAA,IAE3C,KAAK;AACCiB,UAAAA,OAAOE,WAAW,SAAS;AAC7BnB,gBAAQI,cAAcJ,KAAK;AACpBQ,eAAAA,gBAAgBX,MAAMG,OAAO,IAAI;AAAA,MAC1C;AAEAH,aAAOO,cAAcP,IAAI;AAClBW,aAAAA,gBAAgBX,MAAMG,OAAO,KAAK;AAAA,IAE3C,KAAK;AACCiB,UAAAA,OAAOE,WAAW,SAAS;AAC7BnB,gBAAQO,SAASP,KAAK;AACfQ,eAAAA,gBAAgBX,MAAMG,OAAO,IAAI;AAAA,MAC1C;AAEAH,aAAOU,SAASV,IAAI;AACbW,aAAAA,gBAAgBX,MAAMG,OAAO,KAAK;AAAA,IAE3C,KAAK;AACCiB,UAAAA,OAAOlB,SAAS,MAAM;AACpBkB,YAAAA,OAAOE,WAAW,SAAS;AACzBnB,cAAAA,MAAMD,UAAUkB,OAAOlB,OAAO;AACxB,oBAAA;AAAA,cAAED,MAAME,MAAMF;AAAAA,cAAMC,OAAOkB,OAAOlB;AAAAA,YAAAA;AACnCS,mBAAAA,gBAAgBX,MAAMG,OAAO,IAAI;AAAA,UAC1C;AAAA,QACSH,WAAAA,KAAKE,UAAUkB,OAAOlB,OAAO;AAC/B,iBAAA;AAAA,YAAED,MAAMD,KAAKC;AAAAA,YAAMC,OAAOkB,OAAOlB;AAAAA,UAAAA;AACjCS,iBAAAA,gBAAgBX,MAAMG,OAAO,KAAK;AAAA,QAC3C;AAAA,MACF;AACA;AAAA,IAEF,KAAK;AACH,UAAIiB,OAAOlB,SAAS,QAAQkB,OAAOnB,QAAQ,MAAM;AAC3CmB,YAAAA,OAAOE,WAAW,SAAS;AAE3B,cAAA,CAACP,gBAAgBf,MAAMoB,MAAM,KAC7B,CAACL,gBAAgBZ,OAAOiB,MAAM,GAC9B;AACQ,oBAAA;AAAA,cAAEnB,MAAMmB,OAAOnB;AAAAA,cAAMC,OAAOkB,OAAOlB;AAAAA,YAAAA;AACpCS,mBAAAA,gBAAgBX,MAAMG,OAAO,IAAI;AAAA,UAC1C;AAAA,QAEA,WAAA,CAACY,gBAAgBf,MAAMoB,MAAM,MAC5BA,OAAOE,WAAW,UAAU,CAACP,gBAAgBZ,OAAOiB,MAAM,IAC3D;AACO,iBAAA;AAAA,YAAEnB,MAAMmB,OAAOnB;AAAAA,YAAMC,OAAOkB,OAAOlB;AAAAA,UAAAA;AACnCS,iBAAAA,gBAAgBX,MAAMG,OAAO,KAAK;AAAA,QAC3C;AAAA,MACF;AAEA;AAAA,~~EAEM~~;~~AAGHgB~~,SAAAA;AACT;AAEA,SAASI,eAAeC,WAAWC,SAAS;AACpCC,QAAAA,mBAAmBC,aAAaH,SAAS;AAC/C,QAAMI,iBACJH,WAAW,OAAOE,aAAaF,OAAO,IAAIC;AAE5C,SAAOf,gBACL;AAAA,IACEV,MAAMyB,iBAAiBG,~~YAAa~~;AAAA,~~IACpC3B~~,OAAOwB,iBAAiBI,SAAAA,IAAa;AAAA,EAAA,GAEvC;AAAA,IAAE7B,MAAM2B,eAAeC,~~YAAa~~;AAAA,~~IAAE3B~~,OAAO0B,eAAeE,SAAAA,IAAa;AAAA,EAAA,~~CAAG~~;~~AAEhF~~;AAEwBC,SAAAA,eAAeP,WAAkBC,SAAgB;AACvE,SAAOO,WAAWd,oBAAoB;AAAA,IAAEM;AAAAA,IAAWC;AAAAA,EAAAA,GAAYQ,CAC7DV,aAAAA,eAAeU,SAAST,WAAWS,SAASR,OAAO,~~CAAC~~;~~AAExD~~;"}
1	+ {"version":3,"file":"useVisibleDate.js","sources":["../../../../src/components/DatePicker/useVisibleDate.tsx"],"sourcesContent":["import { Reducer, useReducer } from \"react\";\n\nimport { validateDate } from \"./utils\";\n\nimport { VisibilitySelectorActions } from \"..\";\n\nfunction stateToLeftRight({\n visibleYear,\n visibleMonth,\n rightVisibleYear,\n rightVisibleMonth,\n}) {\n return {\n left: { year: visibleYear, month: visibleMonth },\n right: { year: rightVisibleYear, month: rightVisibleMonth },\n };\n}\n\nfunction leftRightToState(left, right) {\n return {\n visibleYear: left.year,\n visibleMonth: left.month,\n rightVisibleYear: right.year,\n rightVisibleMonth: right.month,\n };\n}\n\nfunction subtractYear({ year, month }) {\n return { year: year - 1, month };\n}\n\nfunction addYear({ year, month }) {\n return { year: year + 1, month };\n}\n\nfunction subtractMonth({ year, month }) {\n let y = year;\n let m = month;\n\n m -= 1;\n if (m === 0) {\n y -= 1;\n m = 12;\n }\n\n return { year: y, month: m };\n}\n\nfunction addMonth({ year, month }) {\n let y = year;\n let m = month;\n\n m += 1;\n if (m === 13) {\n y += 1;\n m = 1;\n }\n\n return { year: y, month: m };\n}\n\nfunction ensureNoOverlap(left, right, keepRight = false) {\n let l = left;\n let r = right;\n if (\n left.year > right.year \|\|\n (left.year === right.year && left.month >= right.month)\n ) {\n if (keepRight) {\n l = subtractMonth(right);\n } else {\n r = addMonth(left);\n }\n }\n\n return leftRightToState(l, r);\n}\n\nexport function isSameYearMonth(d1, d2) {\n return d1.year === d2.year && d1.month === d2.month;\n}\n\ntype State = {\n visibleYear: any;\n visibleMonth: any;\n rightVisibleYear: any;\n rightVisibleMonth: any;\n};\ntype Action = { type: VisibilitySelectorActions } & Record<string, any>;\n\nconst visibleDateReducer: Reducer<State, Action> = (state, action) => {\n let { left, right } = stateToLeftRight(state);\n\n switch (action.type) {\n case \"previous_year\":\n if (action.target === \"right\") {\n right = subtractYear(right);\n return ensureNoOverlap(left, right, true);\n }\n\n left = subtractYear(left);\n return ensureNoOverlap(left, right, false);\n\n case \"next_year\":\n if (action.target === \"right\") {\n right = addYear(right);\n return ensureNoOverlap(left, right, true);\n }\n\n left = addYear(left);\n return ensureNoOverlap(left, right, false);\n\n case \"previous_month\":\n if (action.target === \"right\") {\n right = subtractMonth(right);\n return ensureNoOverlap(left, right, true);\n }\n\n left = subtractMonth(left);\n return ensureNoOverlap(left, right, false);\n\n case \"next_month\":\n if (action.target === \"right\") {\n right = addMonth(right);\n return ensureNoOverlap(left, right, true);\n }\n\n left = addMonth(left);\n return ensureNoOverlap(left, right, false);\n\n case \"month\":\n if (action.month != null) {\n if (action.target === \"right\") {\n if (right.month !== action.month) {\n right = { year: right.year, month: action.month };\n return ensureNoOverlap(left, right, true);\n }\n } else if (left.month !== action.month) {\n left = { year: left.year, month: action.month };\n return ensureNoOverlap(left, right, false);\n }\n }\n break;\n\n case \"month_year\":\n if (action.month != null && action.year != null) {\n if (action.target === \"right\") {\n if (\n !isSameYearMonth(left, action) &&\n !isSameYearMonth(right, action)\n ) {\n right = { year: action.year, month: action.month };\n return ensureNoOverlap(left, right, true);\n }\n } else if (\n !isSameYearMonth(left, action) &&\n (action.target === \"left\" \|\| !isSameYearMonth(right, action))\n ) {\n left = { year: action.year, month: action.month };\n return ensureNoOverlap(left, right, false);\n }\n }\n\n break;\n\n default:\n }\n\n return state;\n};\n\nfunction stateFromRange(startDate, endDate) {\n const initialStartDate = validateDate(startDate);\n const initialEndDate =\n endDate != null ? validateDate(endDate) : initialStartDate;\n\n return ensureNoOverlap(\n {\n year: initialStartDate.getFullYear(),\n month: initialStartDate.getMonth() + 1,\n },\n { year: initialEndDate.getFullYear(), month: initialEndDate.getMonth() + 1 }\n );\n}\n\nexport default function useVisibleDate(startDate?: Date, endDate?: Date) {\n return useReducer(visibleDateReducer, { startDate, endDate }, (initData) =>\n stateFromRange(initData.startDate, initData.endDate)\n );\n}\n"],"names":["stateToLeftRight","visibleYear","visibleMonth","rightVisibleYear","rightVisibleMonth","left","year","month","right","leftRightToState","subtractYear","addYear","subtractMonth","y","m","addMonth","ensureNoOverlap","keepRight","l","r","isSameYearMonth","d1","d2","visibleDateReducer","state","action","type","target","stateFromRange","startDate","endDate","initialStartDate","validateDate","initialEndDate","getFullYear","getMonth","useVisibleDate","useReducer","initData"],"mappings":"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"}

package/dist/esm/components/DatePicker/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../../src/components/DatePicker/utils.tsx"],"sourcesContent":["import { DateRangeProp } from \"..\";\nimport {\n getFormattedDate,\n getMonthName,\n isDate,\n isSameMonth,\n} from \"../Calendar/utils\";\n\nexport const validateDate = (date) => (isDate(date) && date) \|\| new Date();\n\nexport const getFormattedDateRange = (\n date: DateRangeProp,\n locale: string,\n rep: Intl.DateTimeFormatOptions[\"month\"] = \"short\"\n) => {\n const { startDate, endDate } = date;\n const monthYear = `${getMonthName(\n startDate,\n locale,\n rep\n )} ${startDate.getFullYear()}`;\n return `${startDate.getDate()} - ${endDate?.getDate()} ${monthYear}`;\n};\n\nexport const getSingleDateLabel = (date, locale?) =>\n isDate(date) ? getFormattedDate(date, locale) : \"\";\n\nexport const getRangeDateLabel = ({ startDate, endDate }, locale) => {\n if (!(isDate(startDate) && isDate(endDate)))\n return getSingleDateLabel(startDate);\n\n return isSameMonth(startDate, endDate)\n ? getFormattedDateRange({ startDate, endDate }, locale)\n : `${getFormattedDate(startDate, locale)} - ${getFormattedDate(\n endDate,\n locale\n )}`;\n};\n\nexport const getDateLabel = (\n date: Date \| Partial<DateRangeProp> \| undefined,\n rangeMode: boolean,\n locale: string\n) =>\n rangeMode\n ? getRangeDateLabel(date as Required<DateRangeProp>, locale)\n : getSingleDateLabel(date, locale);\n"],"names":["validateDate","date","isDate","Date","getFormattedDateRange","locale","rep","startDate","endDate","monthYear","getMonthName","getFullYear","getDate","getSingleDateLabel","getFormattedDate","getRangeDateLabel","isSameMonth","getDateLabel","rangeMode"],"mappings":";AAQO,MAAMA,eAAgBC,CAAUC,SAAAA,OAAOD,IAAI,KAAKA,4BAAaE,~~KAAM~~;~~AAEnE~~,MAAMC,wBAAwBA,CACnCH,MACAI,QACAC,MAA2C,YACxC;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,EAAYP,IAAAA;AACzBQ,QAAAA,YAAa,GAAEC,aACnBH,WACAF,QACAC,~~GAAG~~,~~KACAC~~,UAAUI;~~AACf~~,SAAQ,GAAEJ,UAAUK,QAAAA,OAAeJ,mCAASI,aAAaH;AAC3D;AAEaI,MAAAA,qBAAqBA,CAACZ,MAAMI,WACvCH,OAAOD,IAAI,IAAIa,iBAAiBb,MAAMI,MAAM,IAAI;AAE3C,MAAMU,oBAAoBA,CAAC;AAAA,EAAER;AAAAA,EAAWC;AAAQ,GAAGH,WAAW;AACnE,MAAI,EAAEH,OAAOK,SAAS,KAAKL,OAAOM,OAAO;AACvC,WAAOK,mBAAmBN,SAAS;AAErC,SAAOS,YAAYT,WAAWC,OAAO,IACjCJ,sBAAsB;AAAA,IAAEG;AAAAA,IAAWC;AAAAA,EAAQ,GAAGH,MAAM,IACnD,GAAES,iBAAiBP,WAAWF,MAAM,OAAOS,iBAC1CN,SACAH,~~MAAM~~;~~AAEd~~;AAEO,MAAMY,eAAeA,CAC1BhB,MACAiB,WACAb,WAEAa,YACIH,kBAAkBd,MAAiCI,MAAM,IACzDQ,mBAAmBZ,MAAMI,MAAM;"}
1	+ {"version":3,"file":"utils.js","sources":["../../../../src/components/DatePicker/utils.tsx"],"sourcesContent":["import { DateRangeProp } from \"..\";\nimport {\n getFormattedDate,\n getMonthName,\n isDate,\n isSameMonth,\n} from \"../Calendar/utils\";\n\nexport const validateDate = (date) => (isDate(date) && date) \|\| new Date();\n\nexport const getFormattedDateRange = (\n date: DateRangeProp,\n locale: string,\n rep: Intl.DateTimeFormatOptions[\"month\"] = \"short\"\n) => {\n const { startDate, endDate } = date;\n const monthYear = `${getMonthName(\n startDate,\n locale,\n rep\n )} ${startDate.getFullYear()}`;\n return `${startDate.getDate()} - ${endDate?.getDate()} ${monthYear}`;\n};\n\nexport const getSingleDateLabel = (date, locale?) =>\n isDate(date) ? getFormattedDate(date, locale) : \"\";\n\nexport const getRangeDateLabel = ({ startDate, endDate }, locale) => {\n if (!(isDate(startDate) && isDate(endDate)))\n return getSingleDateLabel(startDate);\n\n return isSameMonth(startDate, endDate)\n ? getFormattedDateRange({ startDate, endDate }, locale)\n : `${getFormattedDate(startDate, locale)} - ${getFormattedDate(\n endDate,\n locale\n )}`;\n};\n\nexport const getDateLabel = (\n date: Date \| Partial<DateRangeProp> \| undefined,\n rangeMode: boolean,\n locale: string\n) =>\n rangeMode\n ? getRangeDateLabel(date as Required<DateRangeProp>, locale)\n : getSingleDateLabel(date, locale);\n"],"names":["validateDate","date","isDate","Date","getFormattedDateRange","locale","rep","startDate","endDate","monthYear","getMonthName","getFullYear","getDate","getSingleDateLabel","getFormattedDate","getRangeDateLabel","isSameMonth","getDateLabel","rangeMode"],"mappings":";AAQO,MAAMA,eAAgBC,CAAUC,SAAAA,OAAOD,IAAI,KAAKA,4BAAaE,KAAK;AAElE,MAAMC,wBAAwBA,CACnCH,MACAI,QACAC,MAA2C,YACxC;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,EAAYP,IAAAA;AACzBQ,QAAAA,YAAa,GAAEC,aACnBH,WACAF,QACAC,GACF,KAAKC,UAAUI,YAAY;AAC3B,SAAQ,GAAEJ,UAAUK,QAAAA,OAAeJ,mCAASI,aAAaH;AAC3D;AAEaI,MAAAA,qBAAqBA,CAACZ,MAAMI,WACvCH,OAAOD,IAAI,IAAIa,iBAAiBb,MAAMI,MAAM,IAAI;AAE3C,MAAMU,oBAAoBA,CAAC;AAAA,EAAER;AAAAA,EAAWC;AAAQ,GAAGH,WAAW;AACnE,MAAI,EAAEH,OAAOK,SAAS,KAAKL,OAAOM,OAAO;AACvC,WAAOK,mBAAmBN,SAAS;AAErC,SAAOS,YAAYT,WAAWC,OAAO,IACjCJ,sBAAsB;AAAA,IAAEG;AAAAA,IAAWC;AAAAA,EAAQ,GAAGH,MAAM,IACnD,GAAES,iBAAiBP,WAAWF,MAAM,OAAOS,iBAC1CN,SACAH,MACF;AACN;AAEO,MAAMY,eAAeA,CAC1BhB,MACAiB,WACAb,WAEAa,YACIH,kBAAkBd,MAAiCI,MAAM,IACzDQ,mBAAmBZ,MAAMI,MAAM;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.js","sources":["../../../../../src/components/Dialog/Actions/Actions.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { DialogActionsProps as MuiDialogActionsProps } from \"@mui/material/DialogActions\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledActions } from \"./Actions.styles\";\nimport dialogActionClasses, { HvDialogActionClasses } from \"./actionsClasses\";\n\nexport interface HvDialogActionsProps\n extends Omit<MuiDialogActionsProps, \"classes\">,\n HvBaseProps {\n /** Set the dialog to fullscreen mode. */\n fullscreen?: boolean;\n classes?: HvDialogActionClasses;\n}\n\nexport const HvDialogActions = ({\n classes,\n className,\n children,\n fullscreen = false,\n ...others\n}: HvDialogActionsProps) => {\n return (\n <StyledActions\n className={className}\n classes={{\n root: clsx(\n dialogActionClasses.root,\n classes?.root,\n fullscreen &&\n clsx(dialogActionClasses.fullscreen, classes?.fullscreen)\n ),\n spacing: clsx(dialogActionClasses.spacing, classes?.spacing),\n }}\n $fullscreen={fullscreen}\n {...others}\n >\n {children}\n </StyledActions>\n );\n};\n"],"names":["HvDialogActions","classes","className","children","fullscreen","others","StyledActions","root","clsx","dialogActionClasses","spacing","$fullscreen"],"mappings":";;;;AAcO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACb,GAAGC;AACiB,MAAM;AAC1B,6BACGC,eAAa;AAAA,IACZJ;AAAAA,IACAD,SAAS;AAAA,MACPM,MAAMC,KACJC,oBAAoBF,MACpBN,mCAASM,MACTH,cACEI,KAAKC,oBAAoBL,YAAYH,mCAASG,UAAU,~~CAAC~~;AAAA,~~MAE7DM~~,SAASF,KAAKC,oBAAoBC,SAAST,mCAASS,OAAO;AAAA,IAC7D;AAAA,IACAC,aAAaP;AAAAA,IAAW,GACpBC;AAAAA,IAAMF;AAAAA,EAAAA,~~CAGI~~;~~AAEpB~~;"}
1	+ {"version":3,"file":"Actions.js","sources":["../../../../../src/components/Dialog/Actions/Actions.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { DialogActionsProps as MuiDialogActionsProps } from \"@mui/material/DialogActions\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledActions } from \"./Actions.styles\";\nimport dialogActionClasses, { HvDialogActionClasses } from \"./actionsClasses\";\n\nexport interface HvDialogActionsProps\n extends Omit<MuiDialogActionsProps, \"classes\">,\n HvBaseProps {\n /** Set the dialog to fullscreen mode. */\n fullscreen?: boolean;\n classes?: HvDialogActionClasses;\n}\n\nexport const HvDialogActions = ({\n classes,\n className,\n children,\n fullscreen = false,\n ...others\n}: HvDialogActionsProps) => {\n return (\n <StyledActions\n className={className}\n classes={{\n root: clsx(\n dialogActionClasses.root,\n classes?.root,\n fullscreen &&\n clsx(dialogActionClasses.fullscreen, classes?.fullscreen)\n ),\n spacing: clsx(dialogActionClasses.spacing, classes?.spacing),\n }}\n $fullscreen={fullscreen}\n {...others}\n >\n {children}\n </StyledActions>\n );\n};\n"],"names":["HvDialogActions","classes","className","children","fullscreen","others","StyledActions","root","clsx","dialogActionClasses","spacing","$fullscreen"],"mappings":";;;;AAcO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACb,GAAGC;AACiB,MAAM;AAC1B,6BACGC,eAAa;AAAA,IACZJ;AAAAA,IACAD,SAAS;AAAA,MACPM,MAAMC,KACJC,oBAAoBF,MACpBN,mCAASM,MACTH,cACEI,KAAKC,oBAAoBL,YAAYH,mCAASG,UAAU,CAC5D;AAAA,MACAM,SAASF,KAAKC,oBAAoBC,SAAST,mCAASS,OAAO;AAAA,IAC7D;AAAA,IACAC,aAAaP;AAAAA,IAAW,GACpBC;AAAAA,IAAMF;AAAAA,EAAAA,CAGG;AAEnB;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.styles.js","sources":["../../../../../src/components/Dialog/Actions/Actions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport DialogActions from \"@mui/material/DialogActions\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledActions = styled(\n DialogActions,\n transientOptions\n)(({ $fullscreen }: { $fullscreen: boolean }) => ({\n margin: \"0\",\n padding: theme.space.sm,\n borderTop: `3px solid ${theme.colors.atmo2}`,\n height: 65,\n maxHeight: 65,\n flex: 1,\n ...($fullscreen && {\n position: \"fixed\",\n width: \"100%\",\n bottom: 0,\n left: 0,\n }),\n \"&.MuiDialogActions-spacing\": {\n \"& > :not(:first-of-type)\": {\n marginLeft: theme.space.xs,\n },\n },\n}));\n"],"names":["StyledActions","DialogActions","process","env","NODE_ENV","_extends","target","transientOptions","label","$fullscreen","margin","padding","theme","space","sm","borderTop","colors","atmo2","height","maxHeight","flex","position","width","bottom","left","marginLeft","xs"],"mappings":";;;;;;;;;;;;;;;;;;AAKaA,MAAAA,wCACXC,eAAaC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACbC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,~~CACjB~~,~~EAAC~~,CAAC;AAAA,EAAEE;AAAsC,OAAO;AAAA,EAChDC,QAAQ;AAAA,EACRC,SAASC,MAAMC,MAAMC;AAAAA,EACrBC,WAAY,aAAYH,MAAMI,OAAOC;AAAAA,EACrCC,QAAQ;AAAA,EACRC,WAAW;AAAA,EACXC,MAAM;AAAA,EACN,GAAIX,eAAe;AAAA,IACjBY,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,MAAM;AAAA,EACR;AAAA,EACA,8BAA8B;AAAA,IAC5B,4BAA4B;AAAA,MAC1BC,YAAYb,MAAMC,MAAMa;AAAAA,IAC1B;AAAA,EACF;AACF,IAAExB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y7CAAA;"}
1	+ {"version":3,"file":"Actions.styles.js","sources":["../../../../../src/components/Dialog/Actions/Actions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport DialogActions from \"@mui/material/DialogActions\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledActions = styled(\n DialogActions,\n transientOptions\n)(({ $fullscreen }: { $fullscreen: boolean }) => ({\n margin: \"0\",\n padding: theme.space.sm,\n borderTop: `3px solid ${theme.colors.atmo2}`,\n height: 65,\n maxHeight: 65,\n flex: 1,\n ...($fullscreen && {\n position: \"fixed\",\n width: \"100%\",\n bottom: 0,\n left: 0,\n }),\n \"&.MuiDialogActions-spacing\": {\n \"& > :not(:first-of-type)\": {\n marginLeft: theme.space.xs,\n },\n },\n}));\n"],"names":["StyledActions","DialogActions","process","env","NODE_ENV","_extends","target","transientOptions","label","$fullscreen","margin","padding","theme","space","sm","borderTop","colors","atmo2","height","maxHeight","flex","position","width","bottom","left","marginLeft","xs"],"mappings":";;;;;;;;;;;;;;;;;;AAKaA,MAAAA,wCACXC,eAAaC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACbC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAAsC,OAAO;AAAA,EAChDC,QAAQ;AAAA,EACRC,SAASC,MAAMC,MAAMC;AAAAA,EACrBC,WAAY,aAAYH,MAAMI,OAAOC;AAAAA,EACrCC,QAAQ;AAAA,EACRC,WAAW;AAAA,EACXC,MAAM;AAAA,EACN,GAAIX,eAAe;AAAA,IACjBY,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,MAAM;AAAA,EACR;AAAA,EACA,8BAA8B;AAAA,IAC5B,4BAA4B;AAAA,MAC1BC,YAAYb,MAAMC,MAAMa;AAAAA,IAC1B;AAAA,EACF;AACF,IAAExB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y7CAAA;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Content.js","sources":["../../../../../src/components/Dialog/Content/Content.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport MuiDialogContent, {\n DialogContentProps as MuiDialogContentProps,\n} from \"@mui/material/DialogContent\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledTypography } from \"./Content.styles\";\nimport dialogContentClasses, { HvDialogContentClasses } from \"./contentClasses\";\n\nexport interface HvDialogContentProps\n extends Omit<MuiDialogContentProps, \"classes\">,\n HvBaseProps {\n /** Content should be indented in relationship to the Dialog title. */\n indentContent?: boolean;\n classes?: HvDialogContentClasses;\n}\n\nexport const HvDialogContent = ({\n classes,\n className,\n children,\n indentContent = false,\n}: HvDialogContentProps) => {\n return (\n <StyledTypography\n component={MuiDialogContent}\n className={clsx(\n className,\n dialogContentClasses.root,\n classes?.root,\n !!indentContent &&\n clsx(dialogContentClasses.textContent, classes?.textContent)\n )}\n $indentContent={indentContent}\n >\n {children}\n </StyledTypography>\n );\n};\n"],"names":["HvDialogContent","classes","className","children","indentContent","StyledTypography","component","MuiDialogContent","clsx","dialogContentClasses","root","textContent","$indentContent"],"mappings":";;;;;AAgBO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AACI,MAAM;AAC1B,6BACGC,kBAAgB;AAAA,IACfC,WAAWC;AAAAA,IACXL,WAAWM,KACTN,WACAO,qBAAqBC,MACrBT,mCAASS,MACT,CAAC,CAACN,iBACAI,KAAKC,qBAAqBE,aAAaV,mCAASU,WAAW,~~CAAC~~;AAAA,~~IAEhEC~~,gBAAgBR;AAAAA,IAAcD;AAAAA,EAAAA,~~CAGb~~;~~AAEvB~~;"}
1	+ {"version":3,"file":"Content.js","sources":["../../../../../src/components/Dialog/Content/Content.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport MuiDialogContent, {\n DialogContentProps as MuiDialogContentProps,\n} from \"@mui/material/DialogContent\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledTypography } from \"./Content.styles\";\nimport dialogContentClasses, { HvDialogContentClasses } from \"./contentClasses\";\n\nexport interface HvDialogContentProps\n extends Omit<MuiDialogContentProps, \"classes\">,\n HvBaseProps {\n /** Content should be indented in relationship to the Dialog title. */\n indentContent?: boolean;\n classes?: HvDialogContentClasses;\n}\n\nexport const HvDialogContent = ({\n classes,\n className,\n children,\n indentContent = false,\n}: HvDialogContentProps) => {\n return (\n <StyledTypography\n component={MuiDialogContent}\n className={clsx(\n className,\n dialogContentClasses.root,\n classes?.root,\n !!indentContent &&\n clsx(dialogContentClasses.textContent, classes?.textContent)\n )}\n $indentContent={indentContent}\n >\n {children}\n </StyledTypography>\n );\n};\n"],"names":["HvDialogContent","classes","className","children","indentContent","StyledTypography","component","MuiDialogContent","clsx","dialogContentClasses","root","textContent","$indentContent"],"mappings":";;;;;AAgBO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AACI,MAAM;AAC1B,6BACGC,kBAAgB;AAAA,IACfC,WAAWC;AAAAA,IACXL,WAAWM,KACTN,WACAO,qBAAqBC,MACrBT,mCAASS,MACT,CAAC,CAACN,iBACAI,KAAKC,qBAAqBE,aAAaV,mCAASU,WAAW,CAC/D;AAAA,IACAC,gBAAgBR;AAAAA,IAAcD;AAAAA,EAAAA,CAGd;AAEtB;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Content.styles.js","sources":["../../../../../src/components/Dialog/Content/Content.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"@core/components\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledTypography = styled(\n HvTypography,\n transientOptions\n)(({ $indentContent }: { $indentContent: boolean }) => ({\n padding: `0 ${theme.space.sm} ${theme.space.sm} ${theme.space.sm}`,\n flex: \"none\",\n ...($indentContent && {\n marginLeft: \"42px\",\n paddingRight: \"62px\",\n flex: 1,\n overflowY: \"auto\",\n }),\n}));\n"],"names":["StyledTypography","HvTypography","process","env","NODE_ENV","_extends","target","transientOptions","label","$indentContent","padding","theme","space","sm","flex","marginLeft","paddingRight","overflowY"],"mappings":";;;;;;;;;;;;;;;;;;AAKaA,MAAAA,2CACXC,cAAYC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,~~CACjB~~,~~EAAC~~,CAAC;AAAA,EAAEE;AAA4C,OAAO;AAAA,EACtDC,SAAU,KAAIC,MAAMC,MAAMC,MAAMF,MAAMC,MAAMC,MAAMF,MAAMC,MAAMC;AAAAA,EAC9DC,MAAM;AAAA,EACN,GAAIL,kBAAkB;AAAA,IACpBM,YAAY;AAAA,IACZC,cAAc;AAAA,IACdF,MAAM;AAAA,IACNG,WAAW;AAAA,EACb;AACF,IAAEf,QAAAC,IAAAC,aAAC,eAAA,KAAA,6uCAAA;"}
1	+ {"version":3,"file":"Content.styles.js","sources":["../../../../../src/components/Dialog/Content/Content.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"@core/components\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledTypography = styled(\n HvTypography,\n transientOptions\n)(({ $indentContent }: { $indentContent: boolean }) => ({\n padding: `0 ${theme.space.sm} ${theme.space.sm} ${theme.space.sm}`,\n flex: \"none\",\n ...($indentContent && {\n marginLeft: \"42px\",\n paddingRight: \"62px\",\n flex: 1,\n overflowY: \"auto\",\n }),\n}));\n"],"names":["StyledTypography","HvTypography","process","env","NODE_ENV","_extends","target","transientOptions","label","$indentContent","padding","theme","space","sm","flex","marginLeft","paddingRight","overflowY"],"mappings":";;;;;;;;;;;;;;;;;;AAKaA,MAAAA,2CACXC,cAAYC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAA4C,OAAO;AAAA,EACtDC,SAAU,KAAIC,MAAMC,MAAMC,MAAMF,MAAMC,MAAMC,MAAMF,MAAMC,MAAMC;AAAAA,EAC9DC,MAAM;AAAA,EACN,GAAIL,kBAAkB;AAAA,IACpBM,YAAY;AAAA,IACZC,cAAc;AAAA,IACdF,MAAM;AAAA,IACNG,WAAW;AAAA,EACb;AACF,IAAEf,QAAAC,IAAAC,aAAC,eAAA,KAAA,6uCAAA;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport MuiDialog, { DialogProps as MuiDialogProps } from \"@mui/material/Dialog\";\nimport { BackdropProps } from \"@mui/material\";\n\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils\";\nimport { withTooltip } from \"@core/hocs\";\nimport { useTheme } from \"@core/hooks\";\nimport dialogClasses, { HvDialogClasses } from \"./dialogClasses\";\nimport { StyledBackdrop, StyledClose, styles } from \"./Dialog.styles\";\n\nexport interface HvDialogProps\n extends Omit<MuiDialogProps, \"fullScreen\" \| \"classes\" \| \"open\">,\n HvBaseProps {\n /** Id to be applied to the root node. /\n id?: string;\n /* Current state of the Dialog. /\n open?: boolean;\n /* Function executed on close. /\n onClose?: (\n event: React.SyntheticEvent,\n reason?: \"escapeKeyDown\" \| \"backdropClick\"\n ) => void;\n /* @inheritdoc /\n maxWidth?: MuiDialogProps[\"maxWidth\"];\n /* @inheritdoc /\n fullWidth?: MuiDialogProps[\"fullWidth\"];\n /\n Element id that should be focus when the Dialog opens.\n * Auto-focusing elements can cause usability issues, so this should be avoided.\n * @deprecated Use `autoFocus` on the element instead, if auto-focusing is required.\n /\n firstFocusable?: string;\n /* Title for the button close. /\n buttonTitle?: string;\n /* Set the dialog to fullscreen mode. /\n fullscreen?: boolean;\n /* Prevent closing the dialog when clicking on the backdrop. /\n disableBackdropClick?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvDialogClasses;\n}\n\nconst DialogBackdrop = (backdropProps: BackdropProps) => {\n const { activeTheme, selectedMode } = useTheme();\n return (\n <StyledBackdrop\n $backColor={\n activeTheme?.colors?.modes[selectedMode].atmo4 \|\| theme.colors.atmo4\n }\n {...backdropProps}\n />\n );\n};\n\nexport const HvDialog = ({\n classes,\n className,\n id,\n children,\n open = false,\n onClose,\n firstFocusable,\n buttonTitle = \"Close\",\n fullscreen = false,\n disableBackdropClick = false,\n ...others\n}: HvDialogProps) => {\n delete (others as any).fullScreen;\n\n const { rootId } = useTheme();\n\n // Because the `disableBackdropClick` property was deprecated in MUI5\n // and we want to maintain that functionality to the user we're wrapping\n // the onClose call here to make that check.\n const wrappedClose = useCallback(\n (\n event,\n bypassValidation: boolean = false,\n reason?: \"escapeKeyDown\" \| \"backdropClick\"\n ) => {\n if (bypassValidation \|\| !disableBackdropClick) {\n onClose?.(event, reason);\n }\n },\n [onClose]\n );\n\n const measuredRef = useCallback(() => {\n if (!firstFocusable) return;\n\n const element = document.getElementById(firstFocusable);\n element?.focus();\n }, [firstFocusable]);\n\n const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n const CloseButtonTooltipWrapper = buttonTitle\n ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n : closeButtonDisplay;\n\n const slots = useMemo<MuiDialogProps[\"slots\"]>(\n () => ({\n backdrop: (backdropProps) => (\n <DialogBackdrop open={open} onClick={wrappedClose} {...backdropProps} />\n ),\n }),\n [open, wrappedClose]\n );\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <MuiDialog\n container={document.getElementById(rootId \|\| \"\") \|\| document.body}\n className={cx(dialogClasses.root, className, classes?.root)}\n id={id}\n ref={measuredRef}\n open={open}\n fullScreen={fullscreen}\n onClose={(event, reason) => wrappedClose(event, undefined, reason)}\n slots={slots}\n classes={{ container: css({ position: \"relative\" }) }}\n BackdropProps={{\n classes: {\n root: cx(dialogClasses.background, classes?.background),\n },\n }}\n PaperProps={{\n classes: {\n root: cx(\n dialogClasses.paper,\n fullscreen && cx(dialogClasses.fullscreen, \"fullscreen\"),\n css(styles.paper),\n css({ position: \"absolute\" }),\n classes?.paper,\n fullscreen && classes?.fullscreen\n ),\n },\n }}\n aria-modal\n {...others}\n >\n <StyledClose\n id={setId(id, \"close\")}\n className={cx(dialogClasses.closeButton, classes?.closeButton)}\n variant=\"secondaryGhost\"\n onClick={(event) => wrappedClose(event, true, undefined)}\n aria-label={buttonTitle}\n >\n <CloseButtonTooltipWrapper />\n </StyledClose>\n {children && typeof children === \"object\"\n ? React.Children.map(\n children,\n (c: React.ReactNode) =>\n c &&\n React.cloneElement(c as React.ReactElement, { fullscreen })\n )\n : children}\n </MuiDialog>\n )}\n </ClassNames>\n );\n};\n"],"names":["DialogBackdrop","backdropProps","activeTheme","selectedMode","useTheme","StyledBackdrop","$backColor","colors","modes","atmo4","theme","HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","disableBackdropClick","others","fullScreen","rootId","wrappedClose","useCallback","event","bypassValidation","reason","measuredRef","element","document","getElementById","focus","closeButtonDisplay","_jsx","Close","role","CloseButtonTooltipWrapper","withTooltip","slots","useMemo","backdrop","onClick","ClassNames","css","cx","MuiDialog","container","body","dialogClasses","root","ref","undefined","position","BackdropProps","background","PaperProps","paper","styles","StyledClose","setId","closeButton","variant","React","Children","map","c","cloneElement"],"mappings":";;;;;;;;;;;AA8CA,MAAMA,iBAAiBA,CAACC,kBAAiC;;AACjD,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,MAAiBC,~~SAAU~~;~~AAChD~~,6BACGC,gBAAc;AAAA,IACbC,cACEJ,gDAAaK,WAAbL,mBAAqBM,MAAML,cAAcM,UAASC,MAAMH,OAAOE;AAAAA,IAChE,GACGR;AAAAA,EAAAA,~~CACJ~~;~~AAEN~~;AAEO,MAAMU,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC,aAAa;AAAA,EACbC,uBAAuB;AAAA,EACvB,GAAGC;AACU,MAAM;AACnB,SAAQA,OAAeC;AAEjB,QAAA;AAAA,IAAEC;AAAAA,MAAWpB,~~SAAU~~;~~AAK7B~~,QAAMqB,eAAeC,YACnB,CACEC,OACAC,mBAA4B,OAC5BC,WACG;AACCD,QAAAA,oBAAoB,CAACP,sBAAsB;AAC7CJ,yCAAUU,OAAOE;AAAAA,IACnB;AAAA,EAAA,GAEF,CAACZ,OAAO,~~CAAC~~;~~AAGLa~~,QAAAA,cAAcJ,YAAY,MAAM;AACpC,QAAI,CAACR;AAAgB;AAEfa,UAAAA,UAAUC,SAASC,eAAef,cAAc;AACtDa,uCAASG;AAAAA,~~EAAO~~,~~GACf~~,CAAChB,cAAc,CAAC;AAEbiB,QAAAA,qBAAqBA,MAAMC,oBAACC,OAAK;AAAA,IAACC,MAAK;AAAA,EAAA,~~CAAiB~~;~~AAE9D~~,QAAMC,4BAA4BpB,cAC9BqB,YAAYL,oBAAoBhB,aAAa,KAAK,IAClDgB;AAEEM,QAAAA,QAAQC,QACZ,OAAO;AAAA,IACLC,UAAW1C,CACTmC,kBAAAA,oBAACpC,gBAAc;AAAA,MAACgB;AAAAA,MAAY4B,SAASnB;AAAAA,MAAa,GAAKxB;AAAAA,IAAAA,~~CAAa~~;AAAA,~~EAGxE~~,IAAA,CAACe,MAAMS,YAAY,~~CAAC~~;~~AAGtB~~,6BACGoB,YAAU;AAAA,IAAA9B,UACRA,CAAC;AAAA,MAAE+B;AAAAA,MAAKC;AAAAA,IAAAA,2BACNC,WAAS;AAAA,MACRC,WAAWjB,SAASC,eAAeT,UAAU,EAAE,KAAKQ,SAASkB;AAAAA,MAC7DrC,WAAWkC,GAAGI,cAAcC,MAAMvC,WAAWD,mCAASwC,IAAI;AAAA,MAC1DtC;AAAAA,MACAuC,KAAKvB;AAAAA,MACLd;AAAAA,MACAO,YAAYH;AAAAA,MACZH,SAASA,CAACU,OAAOE,WAAWJ,aAAaE,OAAO2B,QAAWzB,MAAM;AAAA,MACjEY;AAAAA,MACA7B,SAAS;AAAA,QAAEqC,WAAWH,IAAI;AAAA,UAAES,UAAU;AAAA,QAAA,CAAY;AAAA,MAAE;AAAA,MACpDC,eAAe;AAAA,QACb5C,SAAS;AAAA,UACPwC,MAAML,GAAGI,cAAcM,YAAY7C,mCAAS6C,UAAU;AAAA,QACxD;AAAA,MACF;AAAA,MACAC,YAAY;AAAA,QACV9C,SAAS;AAAA,UACPwC,MAAML,GACJI,cAAcQ,OACdvC,cAAc2B,GAAGI,cAAc/B,YAAY,YAAY,GACvD0B,IAAIc,OAAOD,KAAK,GAChBb,IAAI;AAAA,YAAES,UAAU;AAAA,UAAY,CAAA,GAC5B3C,mCAAS+C,OACTvC,eAAcR,mCAASQ,~~WAAU~~;AAAA,~~QAErC~~;AAAA,MACF;AAAA,MACA,cAAU;AAAA,MAAA,GACNE;AAAAA,MAAMP,UAAA,CAEVqB,oBAACyB,aAAW;AAAA,QACV/C,IAAIgD,MAAMhD,IAAI,OAAO;AAAA,QACrBD,WAAWkC,GAAGI,cAAcY,aAAanD,mCAASmD,WAAW;AAAA,QAC7DC,SAAQ;AAAA,QACRpB,SAAUjB,CAAAA,UAAUF,aAAaE,OAAO,MAAM2B,MAAS;AAAA,QACvD,cAAYnC;AAAAA,QAAYJ,UAExBqB,oBAACG,~~2BAAyB~~,EAAA;AAAA,~~MAAG~~,CAAA,~~GAE9BxB~~,YAAY,OAAOA,aAAa,WAC7BkD,eAAMC,SAASC,IACbpD,UACA,CAACqD,MACCA,KACAH,eAAMI,aAAaD,GAAyB;AAAA,QAAEhD;AAAAA,MAAAA,CAAY,~~CAAC~~,~~IAE/DL~~,QAAQ;AAAA,IAAA,~~CAAA~~;AAAA,EAAA,~~CAGL~~;~~AAEjB~~;"}
1	+ {"version":3,"file":"Dialog.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport MuiDialog, { DialogProps as MuiDialogProps } from \"@mui/material/Dialog\";\nimport { BackdropProps } from \"@mui/material\";\n\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils\";\nimport { withTooltip } from \"@core/hocs\";\nimport { useTheme } from \"@core/hooks\";\nimport dialogClasses, { HvDialogClasses } from \"./dialogClasses\";\nimport { StyledBackdrop, StyledClose, styles } from \"./Dialog.styles\";\n\nexport interface HvDialogProps\n extends Omit<MuiDialogProps, \"fullScreen\" \| \"classes\" \| \"open\">,\n HvBaseProps {\n /** Id to be applied to the root node. /\n id?: string;\n /* Current state of the Dialog. /\n open?: boolean;\n /* Function executed on close. /\n onClose?: (\n event: React.SyntheticEvent,\n reason?: \"escapeKeyDown\" \| \"backdropClick\"\n ) => void;\n /* @inheritdoc /\n maxWidth?: MuiDialogProps[\"maxWidth\"];\n /* @inheritdoc /\n fullWidth?: MuiDialogProps[\"fullWidth\"];\n /\n Element id that should be focus when the Dialog opens.\n * Auto-focusing elements can cause usability issues, so this should be avoided.\n * @deprecated Use `autoFocus` on the element instead, if auto-focusing is required.\n /\n firstFocusable?: string;\n /* Title for the button close. /\n buttonTitle?: string;\n /* Set the dialog to fullscreen mode. /\n fullscreen?: boolean;\n /* Prevent closing the dialog when clicking on the backdrop. /\n disableBackdropClick?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvDialogClasses;\n}\n\nconst DialogBackdrop = (backdropProps: BackdropProps) => {\n const { activeTheme, selectedMode } = useTheme();\n return (\n <StyledBackdrop\n $backColor={\n activeTheme?.colors?.modes[selectedMode].atmo4 \|\| theme.colors.atmo4\n }\n {...backdropProps}\n />\n );\n};\n\nexport const HvDialog = ({\n classes,\n className,\n id,\n children,\n open = false,\n onClose,\n firstFocusable,\n buttonTitle = \"Close\",\n fullscreen = false,\n disableBackdropClick = false,\n ...others\n}: HvDialogProps) => {\n delete (others as any).fullScreen;\n\n const { rootId } = useTheme();\n\n // Because the `disableBackdropClick` property was deprecated in MUI5\n // and we want to maintain that functionality to the user we're wrapping\n // the onClose call here to make that check.\n const wrappedClose = useCallback(\n (\n event,\n bypassValidation: boolean = false,\n reason?: \"escapeKeyDown\" \| \"backdropClick\"\n ) => {\n if (bypassValidation \|\| !disableBackdropClick) {\n onClose?.(event, reason);\n }\n },\n [onClose]\n );\n\n const measuredRef = useCallback(() => {\n if (!firstFocusable) return;\n\n const element = document.getElementById(firstFocusable);\n element?.focus();\n }, [firstFocusable]);\n\n const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n const CloseButtonTooltipWrapper = buttonTitle\n ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n : closeButtonDisplay;\n\n const slots = useMemo<MuiDialogProps[\"slots\"]>(\n () => ({\n backdrop: (backdropProps) => (\n <DialogBackdrop open={open} onClick={wrappedClose} {...backdropProps} />\n ),\n }),\n [open, wrappedClose]\n );\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <MuiDialog\n container={document.getElementById(rootId \|\| \"\") \|\| document.body}\n className={cx(dialogClasses.root, className, classes?.root)}\n id={id}\n ref={measuredRef}\n open={open}\n fullScreen={fullscreen}\n onClose={(event, reason) => wrappedClose(event, undefined, reason)}\n slots={slots}\n classes={{ container: css({ position: \"relative\" }) }}\n BackdropProps={{\n classes: {\n root: cx(dialogClasses.background, classes?.background),\n },\n }}\n PaperProps={{\n classes: {\n root: cx(\n dialogClasses.paper,\n fullscreen && cx(dialogClasses.fullscreen, \"fullscreen\"),\n css(styles.paper),\n css({ position: \"absolute\" }),\n classes?.paper,\n fullscreen && classes?.fullscreen\n ),\n },\n }}\n aria-modal\n {...others}\n >\n <StyledClose\n id={setId(id, \"close\")}\n className={cx(dialogClasses.closeButton, classes?.closeButton)}\n variant=\"secondaryGhost\"\n onClick={(event) => wrappedClose(event, true, undefined)}\n aria-label={buttonTitle}\n >\n <CloseButtonTooltipWrapper />\n </StyledClose>\n {children && typeof children === \"object\"\n ? React.Children.map(\n children,\n (c: React.ReactNode) =>\n c &&\n React.cloneElement(c as React.ReactElement, { fullscreen })\n )\n : children}\n </MuiDialog>\n )}\n </ClassNames>\n );\n};\n"],"names":["DialogBackdrop","backdropProps","activeTheme","selectedMode","useTheme","StyledBackdrop","$backColor","colors","modes","atmo4","theme","HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","disableBackdropClick","others","fullScreen","rootId","wrappedClose","useCallback","event","bypassValidation","reason","measuredRef","element","document","getElementById","focus","closeButtonDisplay","_jsx","Close","role","CloseButtonTooltipWrapper","withTooltip","slots","useMemo","backdrop","onClick","ClassNames","css","cx","MuiDialog","container","body","dialogClasses","root","ref","undefined","position","BackdropProps","background","PaperProps","paper","styles","StyledClose","setId","closeButton","variant","React","Children","map","c","cloneElement"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.styles.js","sources":["../../../../src/components/Dialog/Dialog.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Backdrop as MuiBackdrop } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport fade from \"@core/utils/hexToRgbA\";\nimport { HvButton, HvButtonProps } from \"@core/components\";\nimport { forwardRef } from \"react\";\nimport { CSSInterpolation } from \"@emotion/serialize\";\nimport { PolymorphicRef } from \"@core/types\";\nimport { HvDialogClasses } from \"./dialogClasses\";\n\nexport const styles = {\n paper: {\n color: theme.colors.secondary,\n backgroundColor: theme.colors.atmo1,\n boxShadow: [\"none\", theme.colors.shadow],\n borderRadius: theme.dialog.borderRadius,\n },\n} satisfies Partial<Record<keyof HvDialogClasses, CSSInterpolation>>;\n\nexport const StyledBackdrop = styled(\n MuiBackdrop,\n transientOptions\n)(({ $backColor }: { $backColor: string }) => ({\n background: fade($backColor, 0.8),\n}));\n\nexport const StyledClose = styled(\n forwardRef((props: HvButtonProps, ref?: PolymorphicRef<\"button\">) => {\n return <HvButton {...props} ref={ref} />;\n })\n)({\n padding: 0,\n minWidth: \"auto\",\n position: \"absolute\",\n top: theme.space.sm,\n right: theme.space.sm,\n width: 32,\n height: 32,\n});\n"],"names":["styles","paper","color","theme","colors","secondary","backgroundColor","atmo1","boxShadow","shadow","borderRadius","dialog","StyledBackdrop","MuiBackdrop","process","env","NODE_ENV","_extends","target","transientOptions","label","$backColor","background","fade","StyledClose","_styled","forwardRef","props","ref","HvButton","padding","minWidth","position","top","space","sm","right","width","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAWO,MAAMA,SAAS;AAAA,EACpBC,OAAO;AAAA,IACLC,OAAOC,MAAMC,OAAOC;AAAAA,IACpBC,iBAAiBH,MAAMC,OAAOG;AAAAA,IAC9BC,WAAW,CAAC,QAAQL,MAAMC,OAAOK,MAAM;AAAA,IACvCC,cAAcP,MAAMQ,OAAOD;AAAAA,EAC7B;AACF;AAEaE,MAAAA,yCACXC,UAAWC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,~~CACjB~~,~~EAAC~~,CAAC;AAAA,EAAEE;AAAmC,OAAO;AAAA,EAC7CC,YAAYC,KAAKF,YAAY,GAAG;AAClC,IAAEP,QAAAC,IAAAC,aAAC,eAAA,KAAA,qqEAAA;AAEI,MAAMQ,cAAcC,wBACzBC,WAAW,CAACC,OAAsBC,QAAmC;AACnE,6BAAQC,UAAQ;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,~~CAAY~~;~~AAC1C~~,CAAC,GAACd,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,~~CAAA~~,~~EACF~~;AAAA,EACAU,SAAS;AAAA,EACTC,UAAU;AAAA,EACVC,UAAU;AAAA,EACVC,KAAK9B,MAAM+B,MAAMC;AAAAA,EACjBC,OAAOjC,MAAM+B,MAAMC;AAAAA,EACnBE,OAAO;AAAA,EACPC,QAAQ;AACV,GAACxB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qqEAAA;"}
1	+ {"version":3,"file":"Dialog.styles.js","sources":["../../../../src/components/Dialog/Dialog.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Backdrop as MuiBackdrop } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport fade from \"@core/utils/hexToRgbA\";\nimport { HvButton, HvButtonProps } from \"@core/components\";\nimport { forwardRef } from \"react\";\nimport { CSSInterpolation } from \"@emotion/serialize\";\nimport { PolymorphicRef } from \"@core/types\";\nimport { HvDialogClasses } from \"./dialogClasses\";\n\nexport const styles = {\n paper: {\n color: theme.colors.secondary,\n backgroundColor: theme.colors.atmo1,\n boxShadow: [\"none\", theme.colors.shadow],\n borderRadius: theme.dialog.borderRadius,\n },\n} satisfies Partial<Record<keyof HvDialogClasses, CSSInterpolation>>;\n\nexport const StyledBackdrop = styled(\n MuiBackdrop,\n transientOptions\n)(({ $backColor }: { $backColor: string }) => ({\n background: fade($backColor, 0.8),\n}));\n\nexport const StyledClose = styled(\n forwardRef((props: HvButtonProps, ref?: PolymorphicRef<\"button\">) => {\n return <HvButton {...props} ref={ref} />;\n })\n)({\n padding: 0,\n minWidth: \"auto\",\n position: \"absolute\",\n top: theme.space.sm,\n right: theme.space.sm,\n width: 32,\n height: 32,\n});\n"],"names":["styles","paper","color","theme","colors","secondary","backgroundColor","atmo1","boxShadow","shadow","borderRadius","dialog","StyledBackdrop","MuiBackdrop","process","env","NODE_ENV","_extends","target","transientOptions","label","$backColor","background","fade","StyledClose","_styled","forwardRef","props","ref","HvButton","padding","minWidth","position","top","space","sm","right","width","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAWO,MAAMA,SAAS;AAAA,EACpBC,OAAO;AAAA,IACLC,OAAOC,MAAMC,OAAOC;AAAAA,IACpBC,iBAAiBH,MAAMC,OAAOG;AAAAA,IAC9BC,WAAW,CAAC,QAAQL,MAAMC,OAAOK,MAAM;AAAA,IACvCC,cAAcP,MAAMQ,OAAOD;AAAAA,EAC7B;AACF;AAEaE,MAAAA,yCACXC,UAAWC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAAmC,OAAO;AAAA,EAC7CC,YAAYC,KAAKF,YAAY,GAAG;AAClC,IAAEP,QAAAC,IAAAC,aAAC,eAAA,KAAA,qqEAAA;AAEI,MAAMQ,cAAcC,wBACzBC,WAAW,CAACC,OAAsBC,QAAmC;AACnE,6BAAQC,UAAQ;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAW;AACzC,CAAC,GAACd,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CACJ,EAAE;AAAA,EACAU,SAAS;AAAA,EACTC,UAAU;AAAA,EACVC,UAAU;AAAA,EACVC,KAAK9B,MAAM+B,MAAMC;AAAAA,EACjBC,OAAOjC,MAAM+B,MAAMC;AAAAA,EACnBE,OAAO;AAAA,EACPC,QAAQ;AACV,GAACxB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qqEAAA;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Title.js","sources":["../../../../../src/components/Dialog/Title/Title.tsx"],"sourcesContent":["import { DialogTitleProps as MuiDialogTitleProps } from \"@mui/material/DialogTitle\";\nimport { clsx } from \"clsx\";\nimport { HvTypography } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { iconVariant } from \"@core/utils\";\nimport { useTheme } from \"@core/hooks\";\nimport {\n StyledTitle,\n StyledMessageContainer,\n StyledTextWithIcon,\n} from \"./Title.styles\";\nimport dialogTitleClasses, { HvDialogTitleClasses } from \"./titleClasses\";\n\nexport type HvDialogTitleVariant =\n \| \"success\"\n \| \"warning\"\n \| \"error\"\n \| \"info\"\n \| \"default\";\n\nexport interface HvDialogTitleProps\n extends Omit<MuiDialogTitleProps, \"variant\" \| \"classes\">,\n HvBaseProps<HTMLSpanElement, \"color\"> {\n /** Variant of the Dialog. /\n variant?: HvDialogTitleVariant;\n /* Controls if the associated icon to the variant should be shown. /\n showIcon?: boolean;\n /* Custom icon to replace the variant default. */\n customIcon?: React.ReactNode;\n classes?: HvDialogTitleClasses;\n}\n\nexport const HvDialogTitle = ({\n classes,\n className,\n children,\n variant = \"default\",\n showIcon = true,\n customIcon = null,\n ...others\n}: HvDialogTitleProps) => {\n const { activeTheme } = useTheme();\n\n const isString = typeof children === \"string\";\n\n const { fullscreen } = others as any;\n delete (others as any).fullscreen;\n\n const icon = customIcon \|\| (showIcon && iconVariant(variant));\n\n return (\n <StyledTitle\n className={clsx(\n dialogTitleClasses.root,\n classes?.root,\n className,\n fullscreen && clsx(dialogTitleClasses.fullscreen, classes?.fullscreen)\n )}\n $fullscreen={fullscreen}\n {...others}\n >\n <StyledMessageContainer\n className={clsx(\n dialogTitleClasses.messageContainer,\n classes?.messageContainer\n )}\n >\n {icon}\n <StyledTextWithIcon\n className={\n icon\n ? clsx(dialogTitleClasses.textWithIcon, classes?.textWithIcon)\n : undefined\n }\n $hasIcon={!!icon}\n >\n {!isString && children}\n {isString && (\n <HvTypography variant={activeTheme?.dialog.titleVariant}>\n {children}\n </HvTypography>\n )}\n </StyledTextWithIcon>\n </StyledMessageContainer>\n </StyledTitle>\n );\n};\n"],"names":["HvDialogTitle","classes","className","children","variant","showIcon","customIcon","others","activeTheme","useTheme","isString","fullscreen","icon","iconVariant","StyledTitle","clsx","dialogTitleClasses","root","$fullscreen","StyledMessageContainer","messageContainer","_jsxs","StyledTextWithIcon","textWithIcon","undefined","$hasIcon","HvTypography","dialog","titleVariant"],"mappings":";;;;;;;AAgCO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,EACb,GAAGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,~~SAAU~~;~~AAE5BC~~,QAAAA,WAAW,OAAOP,aAAa;AAE/B,QAAA;AAAA,IAAEQ;AAAAA,EAAeJ,IAAAA;AACvB,SAAQA,OAAeI;AAEvB,QAAMC,OAAON,cAAeD,YAAYQ,YAAYT,OAAO;AAE3D,6BACGU,aAAW;AAAA,IACVZ,WAAWa,KACTC,mBAAmBC,MACnBhB,mCAASgB,MACTf,WACAS,cAAcI,KAAKC,mBAAmBL,YAAYV,mCAASU,UAAU,~~CAAC~~;AAAA,~~IAExEO~~,aAAaP;AAAAA,IAAW,GACpBJ;AAAAA,IAAMJ,+BAETgB,wBAAsB;AAAA,MACrBjB,WAAWa,KACTC,mBAAmBI,kBACnBnB,mCAASmB,~~gBAAgB~~;AAAA,~~MACzBjB~~,UAEDS,CAAAA,MACDS,qBAACC,oBAAkB;AAAA,QACjBpB,WACEU,OACIG,KAAKC,mBAAmBO,cAActB,mCAASsB,YAAY,IAC3DC;AAAAA,QAENC,UAAU,CAAC,CAACb;AAAAA,QAAKT,UAAA,CAEhB,CAACO,YAAYP,UACbO,gCACEgB,cAAY;AAAA,UAACtB,SAASI,2CAAamB,OAAOC;AAAAA,UAAazB;AAAAA,QAAAA,~~CAGzD~~,~~CAAA~~;AAAA,MAAA,~~CACkB~~,~~CAAA~~;AAAA,IAAA,~~CAAA~~;AAAA,EAAA,~~CAEX~~;~~AAElB~~;"}
1	+ {"version":3,"file":"Title.js","sources":["../../../../../src/components/Dialog/Title/Title.tsx"],"sourcesContent":["import { DialogTitleProps as MuiDialogTitleProps } from \"@mui/material/DialogTitle\";\nimport { clsx } from \"clsx\";\nimport { HvTypography } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { iconVariant } from \"@core/utils\";\nimport { useTheme } from \"@core/hooks\";\nimport {\n StyledTitle,\n StyledMessageContainer,\n StyledTextWithIcon,\n} from \"./Title.styles\";\nimport dialogTitleClasses, { HvDialogTitleClasses } from \"./titleClasses\";\n\nexport type HvDialogTitleVariant =\n \| \"success\"\n \| \"warning\"\n \| \"error\"\n \| \"info\"\n \| \"default\";\n\nexport interface HvDialogTitleProps\n extends Omit<MuiDialogTitleProps, \"variant\" \| \"classes\">,\n HvBaseProps<HTMLSpanElement, \"color\"> {\n /** Variant of the Dialog. /\n variant?: HvDialogTitleVariant;\n /* Controls if the associated icon to the variant should be shown. /\n showIcon?: boolean;\n /* Custom icon to replace the variant default. */\n customIcon?: React.ReactNode;\n classes?: HvDialogTitleClasses;\n}\n\nexport const HvDialogTitle = ({\n classes,\n className,\n children,\n variant = \"default\",\n showIcon = true,\n customIcon = null,\n ...others\n}: HvDialogTitleProps) => {\n const { activeTheme } = useTheme();\n\n const isString = typeof children === \"string\";\n\n const { fullscreen } = others as any;\n delete (others as any).fullscreen;\n\n const icon = customIcon \|\| (showIcon && iconVariant(variant));\n\n return (\n <StyledTitle\n className={clsx(\n dialogTitleClasses.root,\n classes?.root,\n className,\n fullscreen && clsx(dialogTitleClasses.fullscreen, classes?.fullscreen)\n )}\n $fullscreen={fullscreen}\n {...others}\n >\n <StyledMessageContainer\n className={clsx(\n dialogTitleClasses.messageContainer,\n classes?.messageContainer\n )}\n >\n {icon}\n <StyledTextWithIcon\n className={\n icon\n ? clsx(dialogTitleClasses.textWithIcon, classes?.textWithIcon)\n : undefined\n }\n $hasIcon={!!icon}\n >\n {!isString && children}\n {isString && (\n <HvTypography variant={activeTheme?.dialog.titleVariant}>\n {children}\n </HvTypography>\n )}\n </StyledTextWithIcon>\n </StyledMessageContainer>\n </StyledTitle>\n );\n};\n"],"names":["HvDialogTitle","classes","className","children","variant","showIcon","customIcon","others","activeTheme","useTheme","isString","fullscreen","icon","iconVariant","StyledTitle","clsx","dialogTitleClasses","root","$fullscreen","StyledMessageContainer","messageContainer","_jsxs","StyledTextWithIcon","textWithIcon","undefined","$hasIcon","HvTypography","dialog","titleVariant"],"mappings":";;;;;;;AAgCO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,EACb,GAAGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAS;AAE3BC,QAAAA,WAAW,OAAOP,aAAa;AAE/B,QAAA;AAAA,IAAEQ;AAAAA,EAAeJ,IAAAA;AACvB,SAAQA,OAAeI;AAEvB,QAAMC,OAAON,cAAeD,YAAYQ,YAAYT,OAAO;AAE3D,6BACGU,aAAW;AAAA,IACVZ,WAAWa,KACTC,mBAAmBC,MACnBhB,mCAASgB,MACTf,WACAS,cAAcI,KAAKC,mBAAmBL,YAAYV,mCAASU,UAAU,CACvE;AAAA,IACAO,aAAaP;AAAAA,IAAW,GACpBJ;AAAAA,IAAMJ,+BAETgB,wBAAsB;AAAA,MACrBjB,WAAWa,KACTC,mBAAmBI,kBACnBnB,mCAASmB,gBACX;AAAA,MAAEjB,UAEDS,CAAAA,MACDS,qBAACC,oBAAkB;AAAA,QACjBpB,WACEU,OACIG,KAAKC,mBAAmBO,cAActB,mCAASsB,YAAY,IAC3DC;AAAAA,QAENC,UAAU,CAAC,CAACb;AAAAA,QAAKT,UAAA,CAEhB,CAACO,YAAYP,UACbO,gCACEgB,cAAY;AAAA,UAACtB,SAASI,2CAAamB,OAAOC;AAAAA,UAAazB;AAAAA,QAAAA,CAE1C,CACf;AAAA,MAAA,CACiB,CAAC;AAAA,IAAA,CACC;AAAA,EAAA,CACb;AAEjB;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Title.styles.js","sources":["../../../../../src/components/Dialog/Title/Title.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport DialogTitle from \"@mui/material/DialogTitle\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledTitle = styled(\n DialogTitle,\n transientOptions\n)(({ $fullscreen }: { $fullscreen: boolean }) => ({\n padding: theme.space.sm,\n margin: 0,\n ...(!$fullscreen && {\n flex: 1,\n }),\n}));\n\nexport const StyledMessageContainer = styled(\"div\")({\n display: \"flex\",\n alignItems: \"center\",\n});\n\nexport const StyledTextWithIcon = styled(\n \"div\",\n transientOptions\n)(({ $hasIcon }: { $hasIcon: boolean }) => ({\n ...($hasIcon && {\n marginLeft: theme.space.xs,\n // 32px is the icon width\n marginRight: `calc(32px + ${theme.space.xs})`,\n }),\n}));\n"],"names":["StyledTitle","DialogTitle","process","env","NODE_ENV","_extends","target","transientOptions","label","$fullscreen","padding","theme","space","sm","margin","flex","StyledMessageContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledTextWithIcon","$hasIcon","marginLeft","xs","marginRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,sCACXC,aAAWC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,~~CACjB~~,~~EAAC~~,CAAC;AAAA,EAAEE;AAAsC,OAAO;AAAA,EAChDC,SAASC,MAAMC,MAAMC;AAAAA,EACrBC,QAAQ;AAAA,EACR,GAAI,CAACL,eAAe;AAAA,IAClBM,MAAM;AAAA,EACR;AACF,IAAEb,QAAAC,IAAAC,aAAC,eAAA,KAAA,6iDAAA;AAEI,MAAMY,yBAAgC,wBAAA,OAAKd,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAa,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,~~CAGjD~~;~~AAEWC~~,MAAAA,6CACX,OAAKpB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,~~CACjB~~,~~EAAC~~,CAAC;AAAA,EAAEgB;AAAgC,OAAO;AAAA,EAC1C,GAAIA,YAAY;AAAA,IACdC,YAAYb,MAAMC,MAAMa;AAAAA;AAAAA,IAExBC,aAAc,eAAcf,MAAMC,MAAMa;AAAAA,EAC1C;AACF,IAAEvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6iDAAA;"}
1	+ {"version":3,"file":"Title.styles.js","sources":["../../../../../src/components/Dialog/Title/Title.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport DialogTitle from \"@mui/material/DialogTitle\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledTitle = styled(\n DialogTitle,\n transientOptions\n)(({ $fullscreen }: { $fullscreen: boolean }) => ({\n padding: theme.space.sm,\n margin: 0,\n ...(!$fullscreen && {\n flex: 1,\n }),\n}));\n\nexport const StyledMessageContainer = styled(\"div\")({\n display: \"flex\",\n alignItems: \"center\",\n});\n\nexport const StyledTextWithIcon = styled(\n \"div\",\n transientOptions\n)(({ $hasIcon }: { $hasIcon: boolean }) => ({\n ...($hasIcon && {\n marginLeft: theme.space.xs,\n // 32px is the icon width\n marginRight: `calc(32px + ${theme.space.xs})`,\n }),\n}));\n"],"names":["StyledTitle","DialogTitle","process","env","NODE_ENV","_extends","target","transientOptions","label","$fullscreen","padding","theme","space","sm","margin","flex","StyledMessageContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledTextWithIcon","$hasIcon","marginLeft","xs","marginRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,sCACXC,aAAWC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAAsC,OAAO;AAAA,EAChDC,SAASC,MAAMC,MAAMC;AAAAA,EACrBC,QAAQ;AAAA,EACR,GAAI,CAACL,eAAe;AAAA,IAClBM,MAAM;AAAA,EACR;AACF,IAAEb,QAAAC,IAAAC,aAAC,eAAA,KAAA,6iDAAA;AAEI,MAAMY,yBAAgC,wBAAA,OAAKd,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAa,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGlD;AAEYC,MAAAA,6CACX,OAAKpB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEgB;AAAgC,OAAO;AAAA,EAC1C,GAAIA,YAAY;AAAA,IACdC,YAAYb,MAAMC,MAAMa;AAAAA;AAAAA,IAExBC,aAAc,eAAcf,MAAMC,MAAMa;AAAAA,EAC1C;AACF,IAAEvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6iDAAA;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DotPagination.js","sources":["../../../../src/components/DotPagination/DotPagination.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { cloneElement } from \"react\";\nimport { HvRadioGroupProps } from \"../RadioGroup\";\nimport dotPaginationClasses, {\n HvDotPaginationClasses,\n} from \"./dotPaginationClasses\";\nimport {\n StyledCurrentStep,\n StyledOtherStep,\n StyledRadio,\n StyledRadioGroup,\n} from \"./DotPagination.styles\";\n\nexport interface HvDotPaginationProps\n extends Omit<HvRadioGroupProps, \"classes\"> {\n /*\n Icon to override the default one used for the unselected state.\n \n The default icon is `OtherStep`.\n /\n unselectedIcon?: React.ReactElement;\n /\n Icon to override the default one used for the selected state.\n \n The default icon is `CurrentStep`.\n /\n selectedIcon?: React.ReactElement;\n /\n The number of pages the component has.\n /\n pages?: number;\n /\n The currently selected page.\n /\n page?: number;\n /\n The callback fired when the page value changes.\n /\n onPageChange?: (\n event: React.ChangeEvent<HTMLInputElement>,\n page: number\n ) => void;\n /\n The callback fired to get the page aria label.\n /\n getItemAriaLabel?: (page: number) => string;\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes?: HvDotPaginationClasses;\n}\n\nconst getSelectorIcons = (\n radioIcon?: React.ReactElement,\n radioCheckedIcon?: React.ReactElement,\n classes?: HvDotPaginationClasses\n) => {\n return {\n radio: cloneElement(radioIcon \|\| <StyledOtherStep width={8} height={8} />, {\n className: clsx(classes?.icon, dotPaginationClasses.icon),\n }),\n radioChecked: cloneElement(\n radioCheckedIcon \|\| <StyledCurrentStep width={8} height={8} />,\n {\n className: clsx(classes?.icon, dotPaginationClasses.icon),\n }\n ),\n };\n};\n\n/\n Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.\n * This component uses Radio Buttons to represent each page.\n */\nexport const HvDotPagination = ({\n className,\n classes,\n unselectedIcon,\n selectedIcon,\n pages = 1,\n page = 0,\n onPageChange,\n getItemAriaLabel,\n ...others\n}: HvDotPaginationProps) => {\n const range = (n: number) => Array.from(Array(n), (_, i) => i);\n\n const icons = getSelectorIcons(unselectedIcon, selectedIcon, classes);\n\n return (\n <StyledRadioGroup\n className={clsx(className, classes?.root, dotPaginationClasses.root)}\n classes={{\n horizontal: clsx(classes?.horizontal, dotPaginationClasses.horizontal),\n }}\n orientation=\"horizontal\"\n {...others}\n >\n {range(pages).map((i) => (\n <StyledRadio\n classes={{\n radio: clsx(classes?.radio, dotPaginationClasses.radio),\n root: clsx(classes?.radioRoot, dotPaginationClasses.radioRoot),\n }}\n key={i}\n value={i}\n checked={page === i}\n onChange={(event) => onPageChange?.(event, i)}\n icon={icons.radio}\n checkedIcon={icons.radioChecked}\n aria-label={getItemAriaLabel?.(i)}\n />\n ))}\n </StyledRadioGroup>\n );\n};\n"],"names":["getSelectorIcons","radioIcon","radioCheckedIcon","classes","radio","cloneElement","_jsx","StyledOtherStep","width","height","className","clsx","icon","dotPaginationClasses","radioChecked","StyledCurrentStep","HvDotPagination","unselectedIcon","selectedIcon","pages","page","onPageChange","getItemAriaLabel","others","range","n","Array","from","_","i","icons","StyledRadioGroup","root","horizontal","orientation","children","map","StyledRadio","radioRoot","value","checked","onChange","event","checkedIcon"],"mappings":";;;;;AAoDA,MAAMA,mBAAmBA,CACvBC,WACAC,kBACAC,YACG;AACI,SAAA;AAAA,IACLC,OAAOC,aAAaJ,aAAaK,oBAACC,iBAAe;AAAA,MAACC,OAAO;AAAA,MAAGC,QAAQ;AAAA,IAAA,~~CAAE~~,~~GAAK~~;AAAA,MACzEC,WAAWC,KAAKR,mCAASS,MAAMC,qBAAqBD,IAAI;AAAA,IAAA,CACzD;AAAA,IACDE,cAAcT,aACZH,oBAAoBI,oBAACS,mBAAiB;AAAA,MAACP,OAAO;AAAA,MAAGC,QAAQ;AAAA,IAAA,~~CAAE~~,~~GAC3D~~;AAAA,MACEC,WAAWC,KAAKR,mCAASS,MAAMC,qBAAqBD,IAAI;AAAA,IAAA,~~CACzD~~;AAAA,EAAA;~~AAGP~~;AAMO,MAAMI,kBAAkBA,CAAC;AAAA,EAC9BN;AAAAA,EACAP;AAAAA,EACAc;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,OAAO;AAAA,EACPC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,MAAM;AACpBC,QAAAA,QAAQA,CAACC,MAAcC,MAAMC,KAAKD,MAAMD,CAAC,GAAG,CAACG,GAAGC,MAAMA,CAAC;AAE7D,QAAMC,QAAQ9B,iBAAiBiB,gBAAgBC,cAAcf,OAAO;AAEpE,6BACG4B,kBAAgB;AAAA,IACfrB,WAAWC,KAAKD,WAAWP,mCAAS6B,MAAMnB,qBAAqBmB,IAAI;AAAA,IACnE7B,SAAS;AAAA,MACP8B,YAAYtB,KAAKR,mCAAS8B,YAAYpB,qBAAqBoB,UAAU;AAAA,IACvE;AAAA,IACAC,aAAY;AAAA,IAAY,GACpBX;AAAAA,IAAMY,UAETX,MAAML,KAAK,EAAEiB,IAAKP,CAAAA,0BAChBQ,aAAW;AAAA,MACVlC,SAAS;AAAA,QACPC,OAAOO,KAAKR,mCAASC,OAAOS,qBAAqBT,KAAK;AAAA,QACtD4B,MAAMrB,KAAKR,mCAASmC,WAAWzB,qBAAqByB,SAAS;AAAA,MAC/D;AAAA,MAEAC,OAAOV;AAAAA,MACPW,SAASpB,SAASS;AAAAA,MAClBY,UAAWC,CAAAA,UAAUrB,6CAAeqB,OAAOb;AAAAA,MAC3CjB,MAAMkB,MAAM1B;AAAAA,MACZuC,aAAab,MAAMhB;AAAAA,MACnB,cAAYQ,qDAAmBO;AAAAA,IAAG,GAN7BA,~~CAAC~~,~~CAQT~~;AAAA,EAAA,~~CACgB~~;~~AAEvB~~;"}
1	+ {"version":3,"file":"DotPagination.js","sources":["../../../../src/components/DotPagination/DotPagination.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { cloneElement } from \"react\";\nimport { HvRadioGroupProps } from \"../RadioGroup\";\nimport dotPaginationClasses, {\n HvDotPaginationClasses,\n} from \"./dotPaginationClasses\";\nimport {\n StyledCurrentStep,\n StyledOtherStep,\n StyledRadio,\n StyledRadioGroup,\n} from \"./DotPagination.styles\";\n\nexport interface HvDotPaginationProps\n extends Omit<HvRadioGroupProps, \"classes\"> {\n /*\n Icon to override the default one used for the unselected state.\n \n The default icon is `OtherStep`.\n /\n unselectedIcon?: React.ReactElement;\n /\n Icon to override the default one used for the selected state.\n \n The default icon is `CurrentStep`.\n /\n selectedIcon?: React.ReactElement;\n /\n The number of pages the component has.\n /\n pages?: number;\n /\n The currently selected page.\n /\n page?: number;\n /\n The callback fired when the page value changes.\n /\n onPageChange?: (\n event: React.ChangeEvent<HTMLInputElement>,\n page: number\n ) => void;\n /\n The callback fired to get the page aria label.\n /\n getItemAriaLabel?: (page: number) => string;\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes?: HvDotPaginationClasses;\n}\n\nconst getSelectorIcons = (\n radioIcon?: React.ReactElement,\n radioCheckedIcon?: React.ReactElement,\n classes?: HvDotPaginationClasses\n) => {\n return {\n radio: cloneElement(radioIcon \|\| <StyledOtherStep width={8} height={8} />, {\n className: clsx(classes?.icon, dotPaginationClasses.icon),\n }),\n radioChecked: cloneElement(\n radioCheckedIcon \|\| <StyledCurrentStep width={8} height={8} />,\n {\n className: clsx(classes?.icon, dotPaginationClasses.icon),\n }\n ),\n };\n};\n\n/\n Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.\n * This component uses Radio Buttons to represent each page.\n */\nexport const HvDotPagination = ({\n className,\n classes,\n unselectedIcon,\n selectedIcon,\n pages = 1,\n page = 0,\n onPageChange,\n getItemAriaLabel,\n ...others\n}: HvDotPaginationProps) => {\n const range = (n: number) => Array.from(Array(n), (_, i) => i);\n\n const icons = getSelectorIcons(unselectedIcon, selectedIcon, classes);\n\n return (\n <StyledRadioGroup\n className={clsx(className, classes?.root, dotPaginationClasses.root)}\n classes={{\n horizontal: clsx(classes?.horizontal, dotPaginationClasses.horizontal),\n }}\n orientation=\"horizontal\"\n {...others}\n >\n {range(pages).map((i) => (\n <StyledRadio\n classes={{\n radio: clsx(classes?.radio, dotPaginationClasses.radio),\n root: clsx(classes?.radioRoot, dotPaginationClasses.radioRoot),\n }}\n key={i}\n value={i}\n checked={page === i}\n onChange={(event) => onPageChange?.(event, i)}\n icon={icons.radio}\n checkedIcon={icons.radioChecked}\n aria-label={getItemAriaLabel?.(i)}\n />\n ))}\n </StyledRadioGroup>\n );\n};\n"],"names":["getSelectorIcons","radioIcon","radioCheckedIcon","classes","radio","cloneElement","_jsx","StyledOtherStep","width","height","className","clsx","icon","dotPaginationClasses","radioChecked","StyledCurrentStep","HvDotPagination","unselectedIcon","selectedIcon","pages","page","onPageChange","getItemAriaLabel","others","range","n","Array","from","_","i","icons","StyledRadioGroup","root","horizontal","orientation","children","map","StyledRadio","radioRoot","value","checked","onChange","event","checkedIcon"],"mappings":";;;;;AAoDA,MAAMA,mBAAmBA,CACvBC,WACAC,kBACAC,YACG;AACI,SAAA;AAAA,IACLC,OAAOC,aAAaJ,aAAaK,oBAACC,iBAAe;AAAA,MAACC,OAAO;AAAA,MAAGC,QAAQ;AAAA,IAAA,CAAI,GAAG;AAAA,MACzEC,WAAWC,KAAKR,mCAASS,MAAMC,qBAAqBD,IAAI;AAAA,IAAA,CACzD;AAAA,IACDE,cAAcT,aACZH,oBAAoBI,oBAACS,mBAAiB;AAAA,MAACP,OAAO;AAAA,MAAGC,QAAQ;AAAA,IAAA,CAAI,GAC7D;AAAA,MACEC,WAAWC,KAAKR,mCAASS,MAAMC,qBAAqBD,IAAI;AAAA,IAAA,CAE5D;AAAA,EAAA;AAEJ;AAMO,MAAMI,kBAAkBA,CAAC;AAAA,EAC9BN;AAAAA,EACAP;AAAAA,EACAc;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,OAAO;AAAA,EACPC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,MAAM;AACpBC,QAAAA,QAAQA,CAACC,MAAcC,MAAMC,KAAKD,MAAMD,CAAC,GAAG,CAACG,GAAGC,MAAMA,CAAC;AAE7D,QAAMC,QAAQ9B,iBAAiBiB,gBAAgBC,cAAcf,OAAO;AAEpE,6BACG4B,kBAAgB;AAAA,IACfrB,WAAWC,KAAKD,WAAWP,mCAAS6B,MAAMnB,qBAAqBmB,IAAI;AAAA,IACnE7B,SAAS;AAAA,MACP8B,YAAYtB,KAAKR,mCAAS8B,YAAYpB,qBAAqBoB,UAAU;AAAA,IACvE;AAAA,IACAC,aAAY;AAAA,IAAY,GACpBX;AAAAA,IAAMY,UAETX,MAAML,KAAK,EAAEiB,IAAKP,CAAAA,0BAChBQ,aAAW;AAAA,MACVlC,SAAS;AAAA,QACPC,OAAOO,KAAKR,mCAASC,OAAOS,qBAAqBT,KAAK;AAAA,QACtD4B,MAAMrB,KAAKR,mCAASmC,WAAWzB,qBAAqByB,SAAS;AAAA,MAC/D;AAAA,MAEAC,OAAOV;AAAAA,MACPW,SAASpB,SAASS;AAAAA,MAClBY,UAAWC,CAAAA,UAAUrB,6CAAeqB,OAAOb;AAAAA,MAC3CjB,MAAMkB,MAAM1B;AAAAA,MACZuC,aAAab,MAAMhB;AAAAA,MACnB,cAAYQ,qDAAmBO;AAAAA,IAAG,GAN7BA,CAON,CACF;AAAA,EAAA,CACe;AAEtB;"}

package/dist/esm/components/DotPagination/DotPagination.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DotPagination.styles.js","sources":["../../../../src/components/DotPagination/DotPagination.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n HvRadio,\n HvRadioGroup,\n HvRadioGroupProps,\n HvRadioProps,\n} from \"@core/components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CurrentStep, OtherStep } from \"@hitachivantara/uikit-react-icons\";\nimport dotPaginationClasses from \"./dotPaginationClasses\";\n\nexport const StyledRadioGroup = styled((props: HvRadioGroupProps) => (\n <HvRadioGroup {...props} />\n))({\n display: \"flex\",\n justifyContent: \"center\",\n\n [`& .${dotPaginationClasses.horizontal}`]: {\n marginLeft: 0,\n width: \"auto\",\n },\n});\n\nexport const StyledRadio = styled((props: HvRadioProps) => (\n <HvRadio {...props} />\n))({\n [`&.${dotPaginationClasses.radioRoot}`]: {\n marginLeft: \"8px\",\n },\n\n [`& .${dotPaginationClasses.radio}`]: {\n height: \"16px\",\n\n \"&:hover\": {\n backgroundColor: theme.colors.neutral_20,\n borderRadius: \"100%\",\n },\n },\n});\n\nexport const StyledOtherStep = styled(OtherStep)({\n width: \"16px\",\n height: \"16px\",\n});\n\nexport const StyledCurrentStep = styled(CurrentStep)({\n width: \"16px\",\n height: \"16px\",\n});\n"],"names":["StyledRadioGroup","_styled","props","HvRadioGroup","process","env","NODE_ENV","target","label","display","justifyContent","dotPaginationClasses","horizontal","marginLeft","width","StyledRadio","HvRadio","radioRoot","radio","height","backgroundColor","theme","colors","neutral_20","borderRadius","StyledOtherStep","OtherStep","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledCurrentStep","CurrentStep"],"mappings":";;;;;;;;;;AAWO,MAAMA,mBAAmBC,wBAAO,CAACC,8BACrCC,cAAY;AAAA,EAAA,GAAKD;AAAK,~~CAAA~~,~~GACxBE~~,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACDC,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAEhB,CAAE,MAAKC,qBAAqBC,YAAY,GAAG;AAAA,IACzCC,YAAY;AAAA,IACZC,OAAO;AAAA,EACT;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,yhEAAA;AAEK,MAAMS,cAAcd,wBAAO,CAACC,8BAChCc,SAAO;AAAA,EAAA,GAAKd;AAAK,~~CAAA~~,~~GACnBE~~,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACD,CAAE,KAAIG,qBAAqBM,WAAW,GAAG;AAAA,IACvCJ,YAAY;AAAA,EACd;AAAA,EAEA,CAAE,MAAKF,qBAAqBO,OAAO,GAAG;AAAA,IACpCC,QAAQ;AAAA,IAER,WAAW;AAAA,MACTC,iBAAiBC,MAAMC,OAAOC;AAAAA,MAC9BC,cAAc;AAAA,IAChB;AAAA,EACF;AACF,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,yhEAAA;AAEK,MAAMmB,kBAAyBC,wBAAAA,WAAStB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAqB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,~~CAG9C~~;~~AAEK~~,MAAMC,oBAA2BC,wBAAAA,aAAW7B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAqB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,~~CAGlD~~;"}
1	+ {"version":3,"file":"DotPagination.styles.js","sources":["../../../../src/components/DotPagination/DotPagination.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n HvRadio,\n HvRadioGroup,\n HvRadioGroupProps,\n HvRadioProps,\n} from \"@core/components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CurrentStep, OtherStep } from \"@hitachivantara/uikit-react-icons\";\nimport dotPaginationClasses from \"./dotPaginationClasses\";\n\nexport const StyledRadioGroup = styled((props: HvRadioGroupProps) => (\n <HvRadioGroup {...props} />\n))({\n display: \"flex\",\n justifyContent: \"center\",\n\n [`& .${dotPaginationClasses.horizontal}`]: {\n marginLeft: 0,\n width: \"auto\",\n },\n});\n\nexport const StyledRadio = styled((props: HvRadioProps) => (\n <HvRadio {...props} />\n))({\n [`&.${dotPaginationClasses.radioRoot}`]: {\n marginLeft: \"8px\",\n },\n\n [`& .${dotPaginationClasses.radio}`]: {\n height: \"16px\",\n\n \"&:hover\": {\n backgroundColor: theme.colors.neutral_20,\n borderRadius: \"100%\",\n },\n },\n});\n\nexport const StyledOtherStep = styled(OtherStep)({\n width: \"16px\",\n height: \"16px\",\n});\n\nexport const StyledCurrentStep = styled(CurrentStep)({\n width: \"16px\",\n height: \"16px\",\n});\n"],"names":["StyledRadioGroup","_styled","props","HvRadioGroup","process","env","NODE_ENV","target","label","display","justifyContent","dotPaginationClasses","horizontal","marginLeft","width","StyledRadio","HvRadio","radioRoot","radio","height","backgroundColor","theme","colors","neutral_20","borderRadius","StyledOtherStep","OtherStep","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledCurrentStep","CurrentStep"],"mappings":";;;;;;;;;;AAWO,MAAMA,mBAAmBC,wBAAO,CAACC,8BACrCC,cAAY;AAAA,EAAA,GAAKD;AAAK,CAAG,GAC3BE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACDC,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAEhB,CAAE,MAAKC,qBAAqBC,YAAY,GAAG;AAAA,IACzCC,YAAY;AAAA,IACZC,OAAO;AAAA,EACT;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,yhEAAA;AAEK,MAAMS,cAAcd,wBAAO,CAACC,8BAChCc,SAAO;AAAA,EAAA,GAAKd;AAAK,CAAG,GACtBE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACD,CAAE,KAAIG,qBAAqBM,WAAW,GAAG;AAAA,IACvCJ,YAAY;AAAA,EACd;AAAA,EAEA,CAAE,MAAKF,qBAAqBO,OAAO,GAAG;AAAA,IACpCC,QAAQ;AAAA,IAER,WAAW;AAAA,MACTC,iBAAiBC,MAAMC,OAAOC;AAAAA,MAC9BC,cAAc;AAAA,IAChB;AAAA,EACF;AACF,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,yhEAAA;AAEK,MAAMmB,kBAAyBC,wBAAAA,WAAStB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAqB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAG/C;AAEM,MAAMC,oBAA2BC,wBAAAA,aAAW7B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAqB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGnD;"}