npm - @hitachivantara/uikit-react-core - Versions diffs - 5.7.4 → 5.7.5 - Mend

@hitachivantara/uikit-react-core 5.7.4 → 5.7.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (394) hide show

package/dist/esm/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ComposedNavigation.js","sources":["../../../../../../src/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.tsx"],"sourcesContent":["import { ~~getMonthNamesList~~ } from \"~~../../~~utils\";\nimport { ~~ViewMode~~ } from \"~~../../enums~~\";\nimport { ~~setId~~ } from \"~~@core/~~utils\";\nimport { ~~Navigation~~ } from \"~~../Navigation~~\";\nimport { ~~clsx~~ } from \"~~clsx~~\";\nimport composedNavigationClasses, {\n HvComposedNavigationClasses,\n} from \"./composedNavigationClasses\";\nimport {\n StyledNavigationContainer,\n StyledNavigationMonth,\n} from \"./ComposedNavigation.styles\";\nimport { VisibilitySelectorActions } from \"../../Calendar\";\n\nexport const HvComposedNavigation = ({\n classes,\n id,\n locale,\n onChange,\n onViewModeChange,\n visibleYear,\n visibleMonth,\n ...others\n}: HvComposedNavigationProps) => {\n const listMonthNamesLong = getMonthNamesList(locale, \"long\");\n const monthName = listMonthNamesLong[visibleMonth - 1];\n\n return (\n <StyledNavigationContainer\n className={clsx(\n composedNavigationClasses.navigationContainer,\n classes?.navigationContainer\n )}\n {...others}\n >\n <StyledNavigationMonth\n className={clsx(\n composedNavigationClasses.navigationMonth,\n classes?.navigationMonth\n )}\n >\n <Navigation\n id={setId(id, \"navigation-month\")}\n navigationText={monthName}\n onNavigatePrevious={(event) => {\n onChange?.(event, \"previous_month\");\n }}\n onNavigateNext={(event) => {\n onChange?.(event, \"next_month\");\n }}\n onTextClick={() => {\n onViewModeChange(\"monthly\");\n }}\n className={clsx(\n composedNavigationClasses.navigationMonth,\n classes?.navigationMonth\n )}\n />\n </StyledNavigationMonth>\n\n <Navigation\n id={setId(id, \"navigation-year\")}\n navigationText={visibleYear.toString()}\n onNavigatePrevious={(event) => {\n onChange?.(event, \"previous_year\");\n }}\n onNavigateNext={(event) => {\n onChange?.(event, \"next_year\");\n }}\n />\n </StyledNavigationContainer>\n );\n};\n\nexport interface HvComposedNavigationProps {\n /*\n A Jss Object used to override or extend the component styles.\n /\n classes?: HvComposedNavigationClasses;\n /\n Identifier.\n /\n id?: string;\n /\n Locale to be used by the calendar.\n /\n locale?: string;\n /\n Callback to define the input date.\n /\n onChange?: (event, action: VisibilitySelectorActions) => void;\n /\n Callback to define the view mode.\n /\n onViewModeChange: (viewMode: ViewMode) => void;\n /\n Controls the visible month of the Calendar\n /\n visibleMonth: number;\n /\n Controls the visible month of the Calendar\n */\n visibleYear: number;\n}\n"],"names":["HvComposedNavigation","classes","id","locale","onChange","onViewModeChange","visibleYear","visibleMonth","others","listMonthNamesLong","getMonthNamesList","monthName","StyledNavigationContainer","className","clsx","composedNavigationClasses","navigationContainer","children","_jsx","StyledNavigationMonth","navigationMonth","Navigation","setId","navigationText","onNavigatePrevious","event","onNavigateNext","onTextClick","toString"],"mappings":";;;;;;;AAcO,MAAMA,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACsB,MAAM;AACzBC,QAAAA,qBAAqBC,kBAAkBP,QAAQ,MAAM;AACrDQ,QAAAA,YAAYF,mBAAmBF,eAAe,CAAC;AAErD,8BACGK,2BAAyB;AAAA,IACxBC,WAAWC,KACTC,0BAA0BC,qBAC1Bf,mCAASe,mBAAmB;AAAA,IAC5B,GACER;AAAAA,IAAMS,UAAA,CAEVC,oBAACC,uBAAqB;AAAA,MACpBN,WAAWC,KACTC,0BAA0BK,iBAC1BnB,mCAASmB,eAAe;AAAA,MACxBH,8BAEDI,YAAU;AAAA,QACTnB,IAAIoB,MAAMpB,IAAI,kBAAkB;AAAA,QAChCqB,gBAAgBZ;AAAAA,QAChBa,oBAAqBC,CAAU,UAAA;AAC7BrB,+CAAWqB,OAAO;AAAA,QACpB;AAAA,QACAC,gBAAiBD,CAAU,UAAA;AACzBrB,+CAAWqB,OAAO;AAAA,QACpB;AAAA,QACAE,aAAaA,MAAM;AACjBtB,2BAAiB,SAAS;AAAA,QAC5B;AAAA,QACAQ,WAAWC,KACTC,0BAA0BK,iBAC1BnB,mCAASmB,eAAe;AAAA,MAAA,CACxB;AAAA,IAAA,CAEkB,GAExBF,oBAACG,YAAU;AAAA,MACTnB,IAAIoB,MAAMpB,IAAI,iBAAiB;AAAA,MAC/BqB,gBAAgBjB,YAAYsB,SAAW;AAAA,MACvCJ,oBAAqBC,CAAU,UAAA;AAC7BrB,6CAAWqB,OAAO;AAAA,MACpB;AAAA,MACAC,gBAAiBD,CAAU,UAAA;AACzBrB,6CAAWqB,OAAO;AAAA,MACpB;AAAA,IAAA,CACA,CAAA;AAAA,EAAA,CACwB;AAEhC;"}
1	+ {"version":3,"file":"ComposedNavigation.js","sources":["../../../../../../src/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.tsx"],"sourcesContent":["import { setId } from \"@core/utils\";\nimport { clsx } from \"clsx\";\nimport { getMonthNamesList } from \"../../utils\";\nimport { ViewMode } from \"../../enums\";\nimport { Navigation } from \"../Navigation\";\nimport composedNavigationClasses, {\n HvComposedNavigationClasses,\n} from \"./composedNavigationClasses\";\nimport {\n StyledNavigationContainer,\n StyledNavigationMonth,\n} from \"./ComposedNavigation.styles\";\nimport { VisibilitySelectorActions } from \"../../Calendar\";\n\nexport const HvComposedNavigation = ({\n classes,\n id,\n locale,\n onChange,\n onViewModeChange,\n visibleYear,\n visibleMonth,\n ...others\n}: HvComposedNavigationProps) => {\n const listMonthNamesLong = getMonthNamesList(locale, \"long\");\n const monthName = listMonthNamesLong[visibleMonth - 1];\n\n return (\n <StyledNavigationContainer\n className={clsx(\n composedNavigationClasses.navigationContainer,\n classes?.navigationContainer\n )}\n {...others}\n >\n <StyledNavigationMonth\n className={clsx(\n composedNavigationClasses.navigationMonth,\n classes?.navigationMonth\n )}\n >\n <Navigation\n id={setId(id, \"navigation-month\")}\n navigationText={monthName}\n onNavigatePrevious={(event) => {\n onChange?.(event, \"previous_month\");\n }}\n onNavigateNext={(event) => {\n onChange?.(event, \"next_month\");\n }}\n onTextClick={() => {\n onViewModeChange(\"monthly\");\n }}\n className={clsx(\n composedNavigationClasses.navigationMonth,\n classes?.navigationMonth\n )}\n />\n </StyledNavigationMonth>\n\n <Navigation\n id={setId(id, \"navigation-year\")}\n navigationText={visibleYear.toString()}\n onNavigatePrevious={(event) => {\n onChange?.(event, \"previous_year\");\n }}\n onNavigateNext={(event) => {\n onChange?.(event, \"next_year\");\n }}\n />\n </StyledNavigationContainer>\n );\n};\n\nexport interface HvComposedNavigationProps {\n /*\n A Jss Object used to override or extend the component styles.\n /\n classes?: HvComposedNavigationClasses;\n /\n Identifier.\n /\n id?: string;\n /\n Locale to be used by the calendar.\n /\n locale?: string;\n /\n Callback to define the input date.\n /\n onChange?: (event, action: VisibilitySelectorActions) => void;\n /\n Callback to define the view mode.\n /\n onViewModeChange: (viewMode: ViewMode) => void;\n /\n Controls the visible month of the Calendar\n /\n visibleMonth: number;\n /\n Controls the visible month of the Calendar\n */\n visibleYear: number;\n}\n"],"names":["HvComposedNavigation","classes","id","locale","onChange","onViewModeChange","visibleYear","visibleMonth","others","listMonthNamesLong","getMonthNamesList","monthName","StyledNavigationContainer","className","clsx","composedNavigationClasses","navigationContainer","children","_jsx","StyledNavigationMonth","navigationMonth","Navigation","setId","navigationText","onNavigatePrevious","event","onNavigateNext","onTextClick","toString"],"mappings":";;;;;;;AAcO,MAAMA,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACsB,MAAM;AACzBC,QAAAA,qBAAqBC,kBAAkBP,QAAQ,MAAM;AACrDQ,QAAAA,YAAYF,mBAAmBF,eAAe,CAAC;AAErD,8BACGK,2BAAyB;AAAA,IACxBC,WAAWC,KACTC,0BAA0BC,qBAC1Bf,mCAASe,mBAAmB;AAAA,IAC5B,GACER;AAAAA,IAAMS,UAAA,CAEVC,oBAACC,uBAAqB;AAAA,MACpBN,WAAWC,KACTC,0BAA0BK,iBAC1BnB,mCAASmB,eAAe;AAAA,MACxBH,8BAEDI,YAAU;AAAA,QACTnB,IAAIoB,MAAMpB,IAAI,kBAAkB;AAAA,QAChCqB,gBAAgBZ;AAAAA,QAChBa,oBAAqBC,CAAU,UAAA;AAC7BrB,+CAAWqB,OAAO;AAAA,QACpB;AAAA,QACAC,gBAAiBD,CAAU,UAAA;AACzBrB,+CAAWqB,OAAO;AAAA,QACpB;AAAA,QACAE,aAAaA,MAAM;AACjBtB,2BAAiB,SAAS;AAAA,QAC5B;AAAA,QACAQ,WAAWC,KACTC,0BAA0BK,iBAC1BnB,mCAASmB,eAAe;AAAA,MAAA,CACxB;AAAA,IAAA,CAEkB,GAExBF,oBAACG,YAAU;AAAA,MACTnB,IAAIoB,MAAMpB,IAAI,iBAAiB;AAAA,MAC/BqB,gBAAgBjB,YAAYsB,SAAW;AAAA,MACvCJ,oBAAqBC,CAAU,UAAA;AAC7BrB,6CAAWqB,OAAO;AAAA,MACpB;AAAA,MACAC,gBAAiBD,CAAU,UAAA;AACzBrB,6CAAWqB,OAAO;AAAA,MACpB;AAAA,IAAA,CACA,CAAA;AAAA,EAAA,CACwB;AAEhC;"}

package/dist/esm/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js CHANGED Viewed

@@ -35,7 +35,6 @@ const HvMonthSelector = ({
       tabIndex: 0,
       ...others,
       children: /* @__PURE__ */ jsx(StyledCalendarMonthlyCell, {
-        variant: "normalText",
         className: clsx(monthSelectorClasses.calendarMonthlyCell, classes == null ? void 0 : classes.calendarMonthlyCell, index + 1 === visibleMonth && clsx(monthSelectorClasses.calendarMonthlyCellSelected, classes == null ? void 0 : classes.calendarMonthlyCellSelected)),
         children: monthName
       })

package/dist/esm/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MonthSelector.js","sources":["../../../../../../src/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { isKeypress, keyboardCodes } from \"@core/utils\";\nimport { getMonthNamesList } from \"../../utils\";\nimport { ViewMode } from \"../../enums\";\nimport monthSelectorClasses, {\n HvMonthSelectorClasses,\n} from \"./monthSelectorClasses\";\nimport {\n StyledCalendarMonthlyCell,\n StyledCalendarMonthlyGrid,\n StyledFocusSelection,\n} from \"./MonthSelector.styles\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"../../Calendar\";\n\nexport const HvMonthSelector = ({\n classes,\n id,\n locale,\n onChange,\n onViewModeChange,\n rangeMode,\n visibleMonth,\n ...others\n}: HvMonthSelectorProps) => {\n const listMonthNamesShort = getMonthNamesList(locale, \"short\");\n const onKeyDownHandler = (event, index) => {\n if (isKeypress(event, keyboardCodes.Enter)) {\n onChange?.(event, \"month\", index + 1);\n onViewModeChange(\"calendar\");\n }\n };\n return (\n <StyledCalendarMonthlyGrid\n className={clsx(\n monthSelectorClasses.calendarMonthlyGrid,\n classes?.calendarMonthlyGrid,\n rangeMode\n ? clsx(monthSelectorClasses.rangeModeWidth, classes?.rangeModeWidth)\n : clsx(monthSelectorClasses.normalWidth, classes?.normalWidth)\n )}\n >\n {listMonthNamesShort.map((monthName, index) => (\n <StyledFocusSelection\n className={clsx(\n monthSelectorClasses.focusSelection,\n classes?.focusSelection\n )}\n key={monthName}\n role=\"button\"\n onClick={(event) => {\n onChange?.(event, \"month\", index + 1);\n onViewModeChange(\"calendar\");\n }}\n onKeyDown={(event) => onKeyDownHandler(event, index)}\n tabIndex={0}\n {...others}\n >\n <StyledCalendarMonthlyCell\n ~~variant=\"normalText\"\n~~ className={clsx(\n monthSelectorClasses.calendarMonthlyCell,\n classes?.calendarMonthlyCell,\n index + 1 === visibleMonth &&\n clsx(\n monthSelectorClasses.calendarMonthlyCellSelected,\n classes?.calendarMonthlyCellSelected\n )\n )}\n >\n {monthName}\n </StyledCalendarMonthlyCell>\n </StyledFocusSelection>\n ))}\n </StyledCalendarMonthlyGrid>\n );\n};\n\nexport interface HvMonthSelectorProps {\n /*\n A Jss Object used to override or extend the component styles.\n /\n classes?: HvMonthSelectorClasses;\n /\n Identifier.\n /\n id?: string;\n /\n Locale to be used by the calendar.\n /\n locale?: string;\n /\n Callback to define the input date.\n /\n onChange?: (\n event: any,\n action: VisibilitySelectorActions,\n value: Date \| DateRangeProp \| number\n ) => void;\n /\n Callback to define the input date.\n /\n onViewModeChange: (viewMode: ViewMode) => void;\n /\n Controls the visible month of the Calendar\n /\n visibleMonth: number;\n /\n Controls the visible month of the Calendar\n */\n visibleYear?: number;\n rangeMode?: boolean;\n}\n"],"names":["HvMonthSelector","classes","id","locale","onChange","onViewModeChange","rangeMode","visibleMonth","others","listMonthNamesShort","getMonthNamesList","onKeyDownHandler","event","index","isKeypress","keyboardCodes","Enter","StyledCalendarMonthlyGrid","className","clsx","monthSelectorClasses","calendarMonthlyGrid","rangeModeWidth","normalWidth","children","map","monthName","StyledFocusSelection","focusSelection","role","onClick","onKeyDown","tabIndex","StyledCalendarMonthlyCell","~~variant","~~calendarMonthlyCell","calendarMonthlyCellSelected"],"mappings":";;;;;;;AAcO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,MAAM;AACpBC,QAAAA,sBAAsBC,kBAAkBP,QAAQ,OAAO;AACvDQ,QAAAA,mBAAmBA,CAACC,OAAOC,UAAU;AACzC,QAAIC,WAAWF,OAAOG,cAAcC,KAAK,GAAG;AAC/BJ,2CAAAA,OAAO,SAASC,QAAQ;AACnCR,uBAAiB,UAAU;AAAA,IAC7B;AAAA,EAAA;AAEF,6BACGY,2BAAyB;AAAA,IACxBC,WAAWC,KACTC,qBAAqBC,qBACrBpB,mCAASoB,qBACTf,YACIa,KAAKC,qBAAqBE,gBAAgBrB,mCAASqB,cAAc,IACjEH,KAAKC,qBAAqBG,aAAatB,mCAASsB,WAAW,CAAC;AAAA,IAChEC,UAEDf,oBAAoBgB,IAAI,CAACC,WAAWb,8BAClCc,sBAAoB;AAAA,MACnBT,WAAWC,KACTC,qBAAqBQ,gBACrB3B,mCAAS2B,cAAc;AAAA,MAGzBC,MAAK;AAAA,MACLC,SAAUlB,CAAU,UAAA;AACPA,6CAAAA,OAAO,SAASC,QAAQ;AACnCR,yBAAiB,UAAU;AAAA,MAC7B;AAAA,MACA0B,WAAYnB,CAAAA,UAAUD,iBAAiBC,OAAOC,KAAK;AAAA,MACnDmB,UAAU;AAAA,MAAE,GACRxB;AAAAA,MAAMgB,8BAETS,2BAAyB;AAAA,~~QACxBC~~,~~SAAQ;AAAA,QACRhB,~~WAAWC,KACTC,~~qBAAqBe~~,~~qBACrBlC~~,~~mCAASkC~~,~~qBACTtB~~,QAAQ,MAAMN,gBACZY,KACEC,~~qBAAqBgB~~,~~6BACrBnC~~,~~mCAASmC~~,2BAA2B,CACrC;AAAA,~~QACHZ~~,UAEDE;AAAAA,MAAAA,CAAS;AAAA,IACgB,~~GAvBvBA~~,SAAS,~~CAyBjB~~;AAAA,EAAA,CACyB;AAEhC;"}
1	+ {"version":3,"file":"MonthSelector.js","sources":["../../../../../../src/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { isKeypress, keyboardCodes } from \"@core/utils\";\nimport { getMonthNamesList } from \"../../utils\";\nimport { ViewMode } from \"../../enums\";\nimport monthSelectorClasses, {\n HvMonthSelectorClasses,\n} from \"./monthSelectorClasses\";\nimport {\n StyledCalendarMonthlyCell,\n StyledCalendarMonthlyGrid,\n StyledFocusSelection,\n} from \"./MonthSelector.styles\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"../../Calendar\";\n\nexport const HvMonthSelector = ({\n classes,\n id,\n locale,\n onChange,\n onViewModeChange,\n rangeMode,\n visibleMonth,\n ...others\n}: HvMonthSelectorProps) => {\n const listMonthNamesShort = getMonthNamesList(locale, \"short\");\n const onKeyDownHandler = (event, index) => {\n if (isKeypress(event, keyboardCodes.Enter)) {\n onChange?.(event, \"month\", index + 1);\n onViewModeChange(\"calendar\");\n }\n };\n return (\n <StyledCalendarMonthlyGrid\n className={clsx(\n monthSelectorClasses.calendarMonthlyGrid,\n classes?.calendarMonthlyGrid,\n rangeMode\n ? clsx(monthSelectorClasses.rangeModeWidth, classes?.rangeModeWidth)\n : clsx(monthSelectorClasses.normalWidth, classes?.normalWidth)\n )}\n >\n {listMonthNamesShort.map((monthName, index) => (\n <StyledFocusSelection\n className={clsx(\n monthSelectorClasses.focusSelection,\n classes?.focusSelection\n )}\n key={monthName}\n role=\"button\"\n onClick={(event) => {\n onChange?.(event, \"month\", index + 1);\n onViewModeChange(\"calendar\");\n }}\n onKeyDown={(event) => onKeyDownHandler(event, index)}\n tabIndex={0}\n {...others}\n >\n <StyledCalendarMonthlyCell\n className={clsx(\n monthSelectorClasses.calendarMonthlyCell,\n classes?.calendarMonthlyCell,\n index + 1 === visibleMonth &&\n clsx(\n monthSelectorClasses.calendarMonthlyCellSelected,\n classes?.calendarMonthlyCellSelected\n )\n )}\n >\n {monthName}\n </StyledCalendarMonthlyCell>\n </StyledFocusSelection>\n ))}\n </StyledCalendarMonthlyGrid>\n );\n};\n\nexport interface HvMonthSelectorProps {\n /*\n A Jss Object used to override or extend the component styles.\n /\n classes?: HvMonthSelectorClasses;\n /\n Identifier.\n /\n id?: string;\n /\n Locale to be used by the calendar.\n /\n locale?: string;\n /\n Callback to define the input date.\n /\n onChange?: (\n event: any,\n action: VisibilitySelectorActions,\n value: Date \| DateRangeProp \| number\n ) => void;\n /\n Callback to define the input date.\n /\n onViewModeChange: (viewMode: ViewMode) => void;\n /\n Controls the visible month of the Calendar\n /\n visibleMonth: number;\n /\n Controls the visible month of the Calendar\n */\n visibleYear?: number;\n rangeMode?: boolean;\n}\n"],"names":["HvMonthSelector","classes","id","locale","onChange","onViewModeChange","rangeMode","visibleMonth","others","listMonthNamesShort","getMonthNamesList","onKeyDownHandler","event","index","isKeypress","keyboardCodes","Enter","StyledCalendarMonthlyGrid","className","clsx","monthSelectorClasses","calendarMonthlyGrid","rangeModeWidth","normalWidth","children","map","monthName","StyledFocusSelection","focusSelection","role","onClick","onKeyDown","tabIndex","StyledCalendarMonthlyCell","calendarMonthlyCell","calendarMonthlyCellSelected"],"mappings":";;;;;;;AAcO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,MAAM;AACpBC,QAAAA,sBAAsBC,kBAAkBP,QAAQ,OAAO;AACvDQ,QAAAA,mBAAmBA,CAACC,OAAOC,UAAU;AACzC,QAAIC,WAAWF,OAAOG,cAAcC,KAAK,GAAG;AAC/BJ,2CAAAA,OAAO,SAASC,QAAQ;AACnCR,uBAAiB,UAAU;AAAA,IAC7B;AAAA,EAAA;AAEF,6BACGY,2BAAyB;AAAA,IACxBC,WAAWC,KACTC,qBAAqBC,qBACrBpB,mCAASoB,qBACTf,YACIa,KAAKC,qBAAqBE,gBAAgBrB,mCAASqB,cAAc,IACjEH,KAAKC,qBAAqBG,aAAatB,mCAASsB,WAAW,CAAC;AAAA,IAChEC,UAEDf,oBAAoBgB,IAAI,CAACC,WAAWb,8BAClCc,sBAAoB;AAAA,MACnBT,WAAWC,KACTC,qBAAqBQ,gBACrB3B,mCAAS2B,cAAc;AAAA,MAGzBC,MAAK;AAAA,MACLC,SAAUlB,CAAU,UAAA;AACPA,6CAAAA,OAAO,SAASC,QAAQ;AACnCR,yBAAiB,UAAU;AAAA,MAC7B;AAAA,MACA0B,WAAYnB,CAAAA,UAAUD,iBAAiBC,OAAOC,KAAK;AAAA,MACnDmB,UAAU;AAAA,MAAE,GACRxB;AAAAA,MAAMgB,8BAETS,2BAAyB;AAAA,QACxBf,WAAWC,KACTC,qBAAqBc,qBACrBjC,mCAASiC,qBACTrB,QAAQ,MAAMN,gBACZY,KACEC,qBAAqBe,6BACrBlC,mCAASkC,2BAA2B,CACrC;AAAA,QACHX,UAEDE;AAAAA,MAAAA,CAAS;AAAA,IACgB,GAtBvBA,SAAS,CAwBjB;AAAA,EAAA,CACyB;AAEhC;"}

package/dist/esm/components/Calendar/CalendarNavigation/Navigation/Navigation.js CHANGED Viewed

@@ -39,7 +39,7 @@ const Navigation = ({
       onKeyDown: onTextClick && ((event) => onkeyDownHandler(event, onTextClick)),
       tabIndex: onTextClick ? 0 : -1,
       children: /* @__PURE__ */ jsx(HvTypography, {
-        variant: "normalText",
+        variant: "body",
         children: navigationText
       })
     }), /* @__PURE__ */ jsx(StyledDropRightIcon, {

package/dist/esm/components/Calendar/CalendarNavigation/Navigation/Navigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Navigation.js","sources":["../../../../../../src/components/Calendar/CalendarNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { HvTypography } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n StyledDropLeftIcon,\n StyledDropRightIcon,\n StyledRoot,\n StyledText,\n} from \"./Navigation.styles\";\nimport navigationClasses, { HvNavigationClasses } from \"./navigationClasses\";\n\nexport const Navigation = ({\n id,\n classes,\n onNavigatePrevious,\n onNavigateNext,\n onTextClick,\n navigationText = \"n/a\",\n isPreviousEnabled = true,\n isNextEnabled = true,\n}: NavigationProps) => {\n const onkeyDownHandler = (event, funcAction) => {\n if (\n isKeypress(event, keyboardCodes.Enter) \|\|\n isKeypress(event, keyboardCodes.Space)\n ) {\n event.preventDefault();\n funcAction(event);\n }\n };\n\n const onTextClickIsFunction = typeof onTextClick === \"function\";\n\n return (\n <StyledRoot className={clsx(navigationClasses.root, classes?.root)}>\n <StyledDropLeftIcon\n id={setId(id, \"left\")}\n className={clsx(\n navigationClasses.icon,\n classes?.icon,\n !isPreviousEnabled &&\n clsx(navigationClasses.disabled, classes?.disabled)\n )}\n onClick={\n isPreviousEnabled ? (event) => onNavigatePrevious(event) : undefined\n }\n onKeyDown={(event) =>\n isNextEnabled\n ? onkeyDownHandler(event, onNavigatePrevious)\n : undefined\n }\n tabIndex={0}\n />\n\n <StyledText\n id={id}\n className={clsx(\n onTextClickIsFunction && clsx(navigationClasses.text, classes?.text),\n !onTextClickIsFunction &&\n clsx(navigationClasses.textWithoutHover, classes?.textWithoutHover)\n )}\n role=\"presentation\"\n onClick={onTextClick}\n onKeyDown={\n onTextClick && ((event) => onkeyDownHandler(event, onTextClick))\n }\n tabIndex={onTextClick ? 0 : -1}\n >\n <HvTypography variant=\"~~normalText~~\">{navigationText}</HvTypography>\n </StyledText>\n\n <StyledDropRightIcon\n id={setId(id, \"right\")}\n className={`${clsx(navigationClasses.icon, classes?.icon)} ${\n isNextEnabled\n ? \"\"\n : clsx(navigationClasses.disabled, classes?.disabled)\n }`}\n onClick={isNextEnabled ? (event) => onNavigateNext(event) : undefined}\n onKeyDown={(event) =>\n isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : undefined\n }\n tabIndex={0}\n />\n </StyledRoot>\n );\n};\n\nexport interface NavigationProps extends HvBaseProps {\n /*\n Identifier.\n /\n id?: string;\n /\n A Jss Object used to override or extend the component styles.\n /\n classes?: HvNavigationClasses;\n /\n A function to be executed whenever the navigate previous action is triggered.\n /\n onNavigatePrevious: (event: React.MouseEvent<HTMLDivElement>) => void;\n /\n A function to be executed whenever the navigate next action is triggered.\n /\n onNavigateNext: (event: React.MouseEvent<HTMLDivElement>) => void;\n /\n A function to be executed whenever the text is clicked.\n /\n onTextClick?: () => void;\n /\n The text that will be shown between the navigation buttons.\n /\n navigationText?: string;\n /\n Flag stating if the previous button should be enabled or disabled.\n /\n isPreviousEnabled?: boolean;\n /\n Flag stating if the next button should be enabled or disabled.\n */\n isNextEnabled?: boolean;\n}\n"],"names":["Navigation","id","classes","onNavigatePrevious","onNavigateNext","onTextClick","navigationText","isPreviousEnabled","isNextEnabled","onkeyDownHandler","event","funcAction","isKeypress","keyboardCodes","Enter","Space","preventDefault","onTextClickIsFunction","StyledRoot","className","clsx","navigationClasses","root","children","_jsx","StyledDropLeftIcon","setId","icon","disabled","onClick","undefined","onKeyDown","tabIndex","StyledText","text","textWithoutHover","role","HvTypography","variant","StyledDropRightIcon"],"mappings":";;;;;;;;AAYO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,EACjBC,oBAAoB;AAAA,EACpBC,gBAAgB;AACD,MAAM;AACfC,QAAAA,mBAAmBA,CAACC,OAAOC,eAAe;AAE5CC,QAAAA,WAAWF,OAAOG,cAAcC,KAAK,KACrCF,WAAWF,OAAOG,cAAcE,KAAK,GACrC;AACAL,YAAMM,eAAgB;AACtBL,iBAAWD,KAAK;AAAA,IAClB;AAAA,EAAA;AAGIO,QAAAA,wBAAwB,OAAOZ,gBAAgB;AAErD,8BACGa,YAAU;AAAA,IAACC,WAAWC,KAAKC,kBAAkBC,MAAMpB,mCAASoB,IAAI;AAAA,IAAEC,UAAA,CACjEC,oBAACC,oBAAkB;AAAA,MACjBxB,IAAIyB,MAAMzB,IAAI,MAAM;AAAA,MACpBkB,WAAWC,KACTC,kBAAkBM,MAClBzB,mCAASyB,MACT,CAACpB,qBACCa,KAAKC,kBAAkBO,UAAU1B,mCAAS0B,QAAQ,CAAC;AAAA,MAEvDC,SACEtB,oBAAqBG,CAAUP,UAAAA,mBAAmBO,KAAK,IAAIoB;AAAAA,MAE7DC,WAAYrB,CACVF,UAAAA,gBACIC,iBAAiBC,OAAOP,kBAAkB,IAC1C2B;AAAAA,MAENE,UAAU;AAAA,IAAA,CACV,GAEFR,oBAACS,YAAU;AAAA,MACThC;AAAAA,MACAkB,WAAWC,KACTH,yBAAyBG,KAAKC,kBAAkBa,MAAMhC,mCAASgC,IAAI,GACnE,CAACjB,yBACCG,KAAKC,kBAAkBc,kBAAkBjC,mCAASiC,gBAAgB,CAAC;AAAA,MAEvEC,MAAK;AAAA,MACLP,SAASxB;AAAAA,MACT0B,WACE1B,gBAAiBK,CAAUD,UAAAA,iBAAiBC,OAAOL,WAAW;AAAA,MAEhE2B,UAAU3B,cAAc,IAAI;AAAA,MAAGkB,8BAE9Bc,cAAY;AAAA,QAACC,SAAQ;AAAA,~~QAAYf~~,UAAEjB;AAAAA,MAAAA,CAAc;AAAA,IAAA,~~CACvC~~,GAEbkB,oBAACe,qBAAmB;AAAA,MAClBtC,IAAIyB,MAAMzB,IAAI,OAAO;AAAA,MACrBkB,WAAY,GAAEC,KAAKC,kBAAkBM,MAAMzB,mCAASyB,IAAI,KACtDnB,gBACI,KACAY,KAAKC,kBAAkBO,UAAU1B,mCAAS0B,QAAQ;AAAA,MAExDC,SAASrB,gBAAiBE,CAAUN,UAAAA,eAAeM,KAAK,IAAIoB;AAAAA,MAC5DC,WAAYrB,CACVF,UAAAA,gBAAgBC,iBAAiBC,OAAON,cAAc,IAAI0B;AAAAA,MAE5DE,UAAU;AAAA,IAAA,CACV,CAAA;AAAA,EAAA,CACS;AAEjB;"}
1	+ {"version":3,"file":"Navigation.js","sources":["../../../../../../src/components/Calendar/CalendarNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { HvTypography } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n StyledDropLeftIcon,\n StyledDropRightIcon,\n StyledRoot,\n StyledText,\n} from \"./Navigation.styles\";\nimport navigationClasses, { HvNavigationClasses } from \"./navigationClasses\";\n\nexport const Navigation = ({\n id,\n classes,\n onNavigatePrevious,\n onNavigateNext,\n onTextClick,\n navigationText = \"n/a\",\n isPreviousEnabled = true,\n isNextEnabled = true,\n}: NavigationProps) => {\n const onkeyDownHandler = (event, funcAction) => {\n if (\n isKeypress(event, keyboardCodes.Enter) \|\|\n isKeypress(event, keyboardCodes.Space)\n ) {\n event.preventDefault();\n funcAction(event);\n }\n };\n\n const onTextClickIsFunction = typeof onTextClick === \"function\";\n\n return (\n <StyledRoot className={clsx(navigationClasses.root, classes?.root)}>\n <StyledDropLeftIcon\n id={setId(id, \"left\")}\n className={clsx(\n navigationClasses.icon,\n classes?.icon,\n !isPreviousEnabled &&\n clsx(navigationClasses.disabled, classes?.disabled)\n )}\n onClick={\n isPreviousEnabled ? (event) => onNavigatePrevious(event) : undefined\n }\n onKeyDown={(event) =>\n isNextEnabled\n ? onkeyDownHandler(event, onNavigatePrevious)\n : undefined\n }\n tabIndex={0}\n />\n\n <StyledText\n id={id}\n className={clsx(\n onTextClickIsFunction && clsx(navigationClasses.text, classes?.text),\n !onTextClickIsFunction &&\n clsx(navigationClasses.textWithoutHover, classes?.textWithoutHover)\n )}\n role=\"presentation\"\n onClick={onTextClick}\n onKeyDown={\n onTextClick && ((event) => onkeyDownHandler(event, onTextClick))\n }\n tabIndex={onTextClick ? 0 : -1}\n >\n <HvTypography variant=\"body\">{navigationText}</HvTypography>\n </StyledText>\n\n <StyledDropRightIcon\n id={setId(id, \"right\")}\n className={`${clsx(navigationClasses.icon, classes?.icon)} ${\n isNextEnabled\n ? \"\"\n : clsx(navigationClasses.disabled, classes?.disabled)\n }`}\n onClick={isNextEnabled ? (event) => onNavigateNext(event) : undefined}\n onKeyDown={(event) =>\n isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : undefined\n }\n tabIndex={0}\n />\n </StyledRoot>\n );\n};\n\nexport interface NavigationProps extends HvBaseProps {\n /*\n Identifier.\n /\n id?: string;\n /\n A Jss Object used to override or extend the component styles.\n /\n classes?: HvNavigationClasses;\n /\n A function to be executed whenever the navigate previous action is triggered.\n /\n onNavigatePrevious: (event: React.MouseEvent<HTMLDivElement>) => void;\n /\n A function to be executed whenever the navigate next action is triggered.\n /\n onNavigateNext: (event: React.MouseEvent<HTMLDivElement>) => void;\n /\n A function to be executed whenever the text is clicked.\n /\n onTextClick?: () => void;\n /\n The text that will be shown between the navigation buttons.\n /\n navigationText?: string;\n /\n Flag stating if the previous button should be enabled or disabled.\n /\n isPreviousEnabled?: boolean;\n /\n Flag stating if the next button should be enabled or disabled.\n */\n isNextEnabled?: boolean;\n}\n"],"names":["Navigation","id","classes","onNavigatePrevious","onNavigateNext","onTextClick","navigationText","isPreviousEnabled","isNextEnabled","onkeyDownHandler","event","funcAction","isKeypress","keyboardCodes","Enter","Space","preventDefault","onTextClickIsFunction","StyledRoot","className","clsx","navigationClasses","root","children","_jsx","StyledDropLeftIcon","setId","icon","disabled","onClick","undefined","onKeyDown","tabIndex","StyledText","text","textWithoutHover","role","HvTypography","variant","StyledDropRightIcon"],"mappings":";;;;;;;;AAYO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,EACjBC,oBAAoB;AAAA,EACpBC,gBAAgB;AACD,MAAM;AACfC,QAAAA,mBAAmBA,CAACC,OAAOC,eAAe;AAE5CC,QAAAA,WAAWF,OAAOG,cAAcC,KAAK,KACrCF,WAAWF,OAAOG,cAAcE,KAAK,GACrC;AACAL,YAAMM,eAAgB;AACtBL,iBAAWD,KAAK;AAAA,IAClB;AAAA,EAAA;AAGIO,QAAAA,wBAAwB,OAAOZ,gBAAgB;AAErD,8BACGa,YAAU;AAAA,IAACC,WAAWC,KAAKC,kBAAkBC,MAAMpB,mCAASoB,IAAI;AAAA,IAAEC,UAAA,CACjEC,oBAACC,oBAAkB;AAAA,MACjBxB,IAAIyB,MAAMzB,IAAI,MAAM;AAAA,MACpBkB,WAAWC,KACTC,kBAAkBM,MAClBzB,mCAASyB,MACT,CAACpB,qBACCa,KAAKC,kBAAkBO,UAAU1B,mCAAS0B,QAAQ,CAAC;AAAA,MAEvDC,SACEtB,oBAAqBG,CAAUP,UAAAA,mBAAmBO,KAAK,IAAIoB;AAAAA,MAE7DC,WAAYrB,CACVF,UAAAA,gBACIC,iBAAiBC,OAAOP,kBAAkB,IAC1C2B;AAAAA,MAENE,UAAU;AAAA,IAAA,CACV,GAEFR,oBAACS,YAAU;AAAA,MACThC;AAAAA,MACAkB,WAAWC,KACTH,yBAAyBG,KAAKC,kBAAkBa,MAAMhC,mCAASgC,IAAI,GACnE,CAACjB,yBACCG,KAAKC,kBAAkBc,kBAAkBjC,mCAASiC,gBAAgB,CAAC;AAAA,MAEvEC,MAAK;AAAA,MACLP,SAASxB;AAAAA,MACT0B,WACE1B,gBAAiBK,CAAUD,UAAAA,iBAAiBC,OAAOL,WAAW;AAAA,MAEhE2B,UAAU3B,cAAc,IAAI;AAAA,MAAGkB,8BAE9Bc,cAAY;AAAA,QAACC,SAAQ;AAAA,QAAMf,UAAEjB;AAAAA,MAAAA,CAAc;AAAA,IAAA,CACjC,GAEbkB,oBAACe,qBAAmB;AAAA,MAClBtC,IAAIyB,MAAMzB,IAAI,OAAO;AAAA,MACrBkB,WAAY,GAAEC,KAAKC,kBAAkBM,MAAMzB,mCAASyB,IAAI,KACtDnB,gBACI,KACAY,KAAKC,kBAAkBO,UAAU1B,mCAAS0B,QAAQ;AAAA,MAExDC,SAASrB,gBAAiBE,CAAUN,UAAAA,eAAeM,KAAK,IAAIoB;AAAAA,MAC5DC,WAAYrB,CACVF,UAAAA,gBAAgBC,iBAAiBC,OAAON,cAAc,IAAI0B;AAAAA,MAE5DE,UAAU;AAAA,IAAA,CACV,CAAA;AAAA,EAAA,CACS;AAEjB;"}

package/dist/esm/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.js CHANGED Viewed

@@ -10,7 +10,7 @@ const HvCalendarWeekLabel = ({
     children: [" ", labels.map((dayName, index) => {
       const key = `${dayName}-${index}`;
       return /* @__PURE__ */ jsx(StyledCalendarDay, {
-        variant: "highlightText",
+        variant: "label",
         className: clsx(calendarWeekLabelsClasses.calendarDay, classes == null ? void 0 : classes.calendarDay),
         children: dayName
       }, key);

package/dist/esm/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarWeekLabels.js","sources":["../../../../../src/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { DateRangeProp } from \"../Calendar\";\nimport { StyledCalendarDay } from \"./CalendarWeekLabels.styles\";\nimport calendarWeekLabelsClasses, {\n HvCalendarWeekLabelsClasses,\n} from \"./calendarWeekLabelsClasses\";\n\nexport const HvCalendarWeekLabel = ({\n classes,\n labels = [],\n}: HvCalendarWeekLabelProps) => {\n return (\n <>\n {\" \"}\n {labels.map((dayName, index) => {\n const key = `${dayName}-${index}`;\n return (\n <StyledCalendarDay\n variant=\"~~highlightText~~\"\n className={clsx(\n calendarWeekLabelsClasses.calendarDay,\n classes?.calendarDay\n )}\n key={key}\n >\n {dayName}\n </StyledCalendarDay>\n );\n })}{\" \"}\n </>\n );\n};\n\nexport type HvCalendarWeekLabelProps = {\n /*\n A Jss Object used to override or extend the component styles.\n /\n classes?: HvCalendarWeekLabelsClasses;\n /\n Identifier.\n /\n id?: string;\n /\n Localized day of week labels.\n /\n labels?: string[];\n /\n Callback to define the input date.\n */\n onChange?: (\n event:\n \| React.ChangeEvent<HTMLTextAreaElement \| HTMLInputElement>\n \| undefined,\n value: Date \| DateRangeProp\n ) => void;\n};\n"],"names":["HvCalendarWeekLabel","classes","labels","_Fragment","children","map","dayName","index","key","StyledCalendarDay","variant","className","clsx","calendarWeekLabelsClasses","calendarDay"],"mappings":";;;;AAOO,MAAMA,sBAAsBA,CAAC;AAAA,EAClCC;AAAAA,EACAC,SAAS,CAAA;AACe,MAAM;AAC9B,8BACEC,UAAA;AAAA,IAAAC,UAAA,CACG,KACAF,OAAOG,IAAI,CAACC,SAASC,UAAU;AACxBC,YAAAA,MAAO,GAAEF,WAAWC;AAC1B,iCACGE,mBAAiB;AAAA,QAChBC,SAAQ;AAAA,QACRC,WAAWC,KACTC,0BAA0BC,aAC1Bb,mCAASa,WAAW;AAAA,QACpBV,UAGDE;AAAAA,SAFIE,GAAG;AAAA,IAKb,CAAA,GAAG,GAAG;AAAA,EAAA,CACN;AAEP;"}
1	+ {"version":3,"file":"CalendarWeekLabels.js","sources":["../../../../../src/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { DateRangeProp } from \"../Calendar\";\nimport { StyledCalendarDay } from \"./CalendarWeekLabels.styles\";\nimport calendarWeekLabelsClasses, {\n HvCalendarWeekLabelsClasses,\n} from \"./calendarWeekLabelsClasses\";\n\nexport const HvCalendarWeekLabel = ({\n classes,\n labels = [],\n}: HvCalendarWeekLabelProps) => {\n return (\n <>\n {\" \"}\n {labels.map((dayName, index) => {\n const key = `${dayName}-${index}`;\n return (\n <StyledCalendarDay\n variant=\"label\"\n className={clsx(\n calendarWeekLabelsClasses.calendarDay,\n classes?.calendarDay\n )}\n key={key}\n >\n {dayName}\n </StyledCalendarDay>\n );\n })}{\" \"}\n </>\n );\n};\n\nexport type HvCalendarWeekLabelProps = {\n /*\n A Jss Object used to override or extend the component styles.\n /\n classes?: HvCalendarWeekLabelsClasses;\n /\n Identifier.\n /\n id?: string;\n /\n Localized day of week labels.\n /\n labels?: string[];\n /\n Callback to define the input date.\n */\n onChange?: (\n event:\n \| React.ChangeEvent<HTMLTextAreaElement \| HTMLInputElement>\n \| undefined,\n value: Date \| DateRangeProp\n ) => void;\n};\n"],"names":["HvCalendarWeekLabel","classes","labels","_Fragment","children","map","dayName","index","key","StyledCalendarDay","variant","className","clsx","calendarWeekLabelsClasses","calendarDay"],"mappings":";;;;AAOO,MAAMA,sBAAsBA,CAAC;AAAA,EAClCC;AAAAA,EACAC,SAAS,CAAA;AACe,MAAM;AAC9B,8BACEC,UAAA;AAAA,IAAAC,UAAA,CACG,KACAF,OAAOG,IAAI,CAACC,SAASC,UAAU;AACxBC,YAAAA,MAAO,GAAEF,WAAWC;AAC1B,iCACGE,mBAAiB;AAAA,QAChBC,SAAQ;AAAA,QACRC,WAAWC,KACTC,0BAA0BC,aAC1Bb,mCAASa,WAAW;AAAA,QACpBV,UAGDE;AAAAA,SAFIE,GAAG;AAAA,IAKb,CAAA,GAAG,GAAG;AAAA,EAAA,CACN;AAEP;"}

package/dist/esm/components/Calendar/SingleCalendar/CalendarCell.js CHANGED Viewed

@@ -59,7 +59,7 @@ const HvCalendarCell = ({
     "data-in-month": inMonth,
     ...others,
     children: /* @__PURE__ */ jsx(StyledCalendarDate, {
-      variant: isCellToday ? "highlightText" : "normalText",
+      variant: isCellToday ? "label" : "body",
       className: clsx(calendarCellClasses.calendarDate, classes == null ? void 0 : classes.calendarDate, inMonth && isCellSelected && clsx(calendarCellClasses.calendarDateSelected, classes == null ? void 0 : classes.calendarDateSelected), !inMonth && clsx(calendarCellClasses.calendarDateNotInMonth, classes == null ? void 0 : classes.calendarDateNotInMonth), inMonth && rangeMode && isDateInSelectionRange && clsx(calendarCellClasses.calendarDateInSelectionRange, classes == null ? void 0 : classes.calendarDateInSelectionRange), isDateDisabled && clsx(calendarCellClasses.calendarDateDisabled, classes == null ? void 0 : classes.calendarDateDisabled), inMonth && (startBookend && rangeMode || isCellStartingDate && isDateSelectionMode) && clsx(calendarCellClasses.startBookend, classes == null ? void 0 : classes.startBookend), inMonth && endBookend && rangeMode && clsx(calendarCellClasses.endBookend, classes == null ? void 0 : classes.endBookend)),
       children: value && value.getDate()
     })

package/dist/esm/components/Calendar/SingleCalendar/CalendarCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarCell.js","sources":["../../../../../src/components/Calendar/SingleCalendar/CalendarCell.tsx"],"sourcesContent":["import { SyntheticEvent, useRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport {\n getDateISO,\n getFormattedDate,\n isSameDay,\n isSameMonth,\n dateInProvidedValueRange,\n checkIfDateIsDisabled,\n isDateRangeProp,\n} from \"../utils\";\nimport { DateRangeProp } from \"../Calendar\";\nimport ~~{ HvTooltip, HvTypography } from \"@core/components\";\nimport { useComputation } from \"@core/hooks\";\nimport~~ calendarCellClasses, {\n HvCalendarCellClasses,\n} from \"./calendarCellClasses\";\nimport {\n StyledCalendarDate,\n StyledCellContainer,\n StyledDateWrapper,\n} from \"./CalendarCell.styles\";\nimport CalendarModel from \"../model\";\n\nexport const HvCalendarCell = ({\n classes,\n onChange,\n onKeyDown,\n calendarValue,\n firstDayOfCurrentMonth,\n value,\n isDateSelectionMode,\n today,\n locale,\n minimumDate,\n maximumDate,\n rangeMode = false,\n ...others\n}: HvCalendarCellProps) => {\n const buttonEl = useRef<HTMLButtonElement>(null);\n const [title, computeTitle] = useComputation(() =>\n getFormattedDate(value, locale)\n );\n\n const startDate = isDateRangeProp(calendarValue)\n ? calendarValue.startDate\n : undefined;\n const endDate = isDateRangeProp(calendarValue)\n ? calendarValue.endDate\n : undefined;\n const isCellToday = isSameDay(value, today);\n const isCellSelected = isSameDay(calendarValue, value);\n const inMonth = isSameMonth(value, firstDayOfCurrentMonth);\n const isCellAfterStartingDate =\n rangeMode && value && startDate ? value >= startDate : false;\n const isCellStartingDate = rangeMode ? isSameDay(value, startDate) : false;\n const isDateInSelectionRange =\n calendarValue && rangeMode\n ? dateInProvidedValueRange(value, calendarValue)\n : false;\n const isDateDisabled = checkIfDateIsDisabled(value, minimumDate, maximumDate);\n const startBookend = isSameDay(startDate, value);\n const endBookend = isSameDay(endDate, value);\n const isSelecting = isDateSelectionMode && isCellAfterStartingDate;\n\n const handleClick = (event: SyntheticEvent) => {\n if (value) {\n onChange?.(event, value);\n if (buttonEl.current) setTimeout(() => buttonEl?.current?.focus());\n }\n };\n\n const handleKeyDown = (event) => {\n onKeyDown?.(event);\n };\n\n const renderDate = () => (\n <StyledCellContainer\n ref={buttonEl}\n type=\"button\"\n className={clsx(\n calendarCellClasses.cellContainer,\n classes?.cellContainer,\n inMonth &&\n clsx(calendarCellClasses.focusSelection, classes?.focusSelection)\n )}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n disabled={isDateDisabled \|\| !inMonth}\n data-in-month={inMonth}\n {...others}\n >\n <StyledCalendarDate\n variant={isCellToday ? \"~~highlightText~~\" : \"~~normalText~~\"}\n className={clsx(\n calendarCellClasses.calendarDate,\n classes?.calendarDate,\n inMonth &&\n isCellSelected &&\n clsx(\n calendarCellClasses.calendarDateSelected,\n classes?.calendarDateSelected\n ),\n !inMonth &&\n clsx(\n calendarCellClasses.calendarDateNotInMonth,\n classes?.calendarDateNotInMonth\n ),\n inMonth &&\n rangeMode &&\n isDateInSelectionRange &&\n clsx(\n calendarCellClasses.calendarDateInSelectionRange,\n classes?.calendarDateInSelectionRange\n ),\n isDateDisabled &&\n clsx(\n calendarCellClasses.calendarDateDisabled,\n classes?.calendarDateDisabled\n ),\n inMonth &&\n ((startBookend && rangeMode) \|\|\n (isCellStartingDate && isDateSelectionMode)) &&\n clsx(calendarCellClasses.startBookend, classes?.startBookend),\n inMonth &&\n endBookend &&\n rangeMode &&\n clsx(calendarCellClasses.endBookend, classes?.endBookend)\n )}\n >\n {value && value.getDate()}\n </StyledCalendarDate>\n </StyledCellContainer>\n );\n\n return (\n <HvTooltip\n key={getDateISO(value)}\n enterDelay={600}\n onOpen={computeTitle}\n title={title ? <HvTypography noWrap>{title}</HvTypography> : \"\"}\n >\n <StyledDateWrapper\n className={clsx(\n calendarCellClasses.dateWrapper,\n classes?.dateWrapper,\n inMonth &&\n rangeMode &&\n isSelecting &&\n clsx(calendarCellClasses.cellsInRange, classes?.cellsInRange),\n rangeMode &&\n !isSelecting &&\n clsx(\n calendarCellClasses.cellsOutsideRange,\n classes?.cellsOutsideRange\n )\n )}\n data-calendar-cell=\"calendarCell\"\n >\n {renderDate()}\n </StyledDateWrapper>\n </HvTooltip>\n );\n};\n\nexport interface HvCalendarCellProps {\n /*\n A Jss Object used to override or extend the component styles.\n /\n classes?: HvCalendarCellClasses;\n /\n Identifier.\n /\n id?: string;\n /\n The text to be shown on the main part of the header.\n /\n calendarValue?: string \| Date \| DateRangeProp;\n /\n The text to be shown on the main part of the header.\n /\n value?: Date;\n /\n Locale to be used by the calendar.\n /\n locale?: string;\n /\n Callback to define the input date.\n /\n onChange?: (event: SyntheticEvent, value: Date \| DateRangeProp) => void;\n /\n Callback to handle input onFocus.\n */\n onFocus?: React.FocusEventHandler<any>;\n\n calendarModel?: CalendarModel;\n onKeyDown?: (event: KeyboardEvent) => void;\n\n today?: Date;\n minimumDate?: Date;\n maximumDate?: Date;\n firstDayOfCurrentMonth?: Date;\n isDateSelectionMode?: boolean;\n rangeMode?: boolean;\n tabIndex?: number;\n}\n\nexport default HvCalendarCell;\n"],"names":["HvCalendarCell","classes","onChange","onKeyDown","calendarValue","firstDayOfCurrentMonth","value","isDateSelectionMode","today","locale","minimumDate","maximumDate","rangeMode","others","buttonEl","useRef","title","computeTitle","useComputation","getFormattedDate","startDate","isDateRangeProp","undefined","endDate","isCellToday","isSameDay","isCellSelected","inMonth","isSameMonth","isCellAfterStartingDate","isCellStartingDate","isDateInSelectionRange","dateInProvidedValueRange","isDateDisabled","checkIfDateIsDisabled","startBookend","endBookend","isSelecting","handleClick","event","current","setTimeout","focus","handleKeyDown","renderDate","_jsx","StyledCellContainer","ref","type","className","clsx","calendarCellClasses","cellContainer","focusSelection","onClick","disabled","children","StyledCalendarDate","variant","calendarDate","calendarDateSelected","calendarDateNotInMonth","calendarDateInSelectionRange","calendarDateDisabled","getDate","HvTooltip","enterDelay","onOpen","HvTypography","noWrap","StyledDateWrapper","dateWrapper","cellsInRange","cellsOutsideRange","getDateISO"],"mappings":";;;;;;;;;AAwBO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZ,GAAGC;AACgB,MAAM;AACnBC,QAAAA,WAAWC,OAA0B,IAAI;AACzC,QAAA,CAACC,OAAOC,YAAY,IAAIC,eAAe,MAC3CC,iBAAiBb,OAAOG,MAAM,CAAC;AAGjC,QAAMW,YAAYC,gBAAgBjB,aAAa,IAC3CA,cAAcgB,YACdE;AACJ,QAAMC,UAAUF,gBAAgBjB,aAAa,IACzCA,cAAcmB,UACdD;AACEE,QAAAA,cAAcC,UAAUnB,OAAOE,KAAK;AACpCkB,QAAAA,iBAAiBD,UAAUrB,eAAeE,KAAK;AAC/CqB,QAAAA,UAAUC,YAAYtB,OAAOD,sBAAsB;AACzD,QAAMwB,0BACJjB,aAAaN,SAASc,YAAYd,SAASc,YAAY;AACzD,QAAMU,qBAAqBlB,YAAYa,UAAUnB,OAAOc,SAAS,IAAI;AACrE,QAAMW,yBACJ3B,iBAAiBQ,YACboB,yBAAyB1B,OAAOF,aAAa,IAC7C;AACN,QAAM6B,iBAAiBC,sBAAsB5B,OAAOI,aAAaC,WAAW;AACtEwB,QAAAA,eAAeV,UAAUL,WAAWd,KAAK;AACzC8B,QAAAA,aAAaX,UAAUF,SAASjB,KAAK;AAC3C,QAAM+B,cAAc9B,uBAAuBsB;AAErCS,QAAAA,cAAcA,CAACC,UAA0B;AAC7C,QAAIjC,OAAO;AACTJ,2CAAWqC,OAAOjC;AAClB,UAAIQ,SAAS0B;AAASC,mBAAW,MAAA;;AAAM3B,4DAAU0B,YAAV1B,mBAAmB4B;AAAAA,SAAO;AAAA,IACnE;AAAA,EAAA;AAGF,QAAMC,gBAAiBJ,CAAU,UAAA;AAC/BpC,2CAAYoC;AAAAA,EAAK;AAGbK,QAAAA,aAAaA,MACjBC,oBAACC,qBAAmB;AAAA,IAClBC,KAAKjC;AAAAA,IACLkC,MAAK;AAAA,IACLC,WAAWC,KACTC,oBAAoBC,eACpBnD,mCAASmD,eACTzB,WACEuB,KAAKC,oBAAoBE,gBAAgBpD,mCAASoD,cAAc,CAAC;AAAA,IAErEC,SAAShB;AAAAA,IACTnC,WAAWwC;AAAAA,IACXY,UAAUtB,kBAAkB,CAACN;AAAAA,IAC7B,iBAAeA;AAAAA,IAAQ,GACnBd;AAAAA,IAAM2C,8BAETC,oBAAkB;AAAA,MACjBC,SAASlC,cAAc,~~kBAAkB~~;AAAA,~~MACzCyB~~,WAAWC,KACTC,oBAAoBQ,cACpB1D,mCAAS0D,cACThC,WACED,kBACAwB,KACEC,oBAAoBS,sBACpB3D,mCAAS2D,oBAAoB,GAEjC,CAACjC,WACCuB,KACEC,oBAAoBU,wBACpB5D,mCAAS4D,sBAAsB,GAEnClC,WACEf,aACAmB,0BACAmB,KACEC,oBAAoBW,8BACpB7D,mCAAS6D,4BAA4B,GAEzC7B,kBACEiB,KACEC,oBAAoBY,sBACpB9D,mCAAS8D,oBAAoB,GAEjCpC,YACIQ,gBAAgBvB,aACfkB,sBAAsBvB,wBACzB2C,KAAKC,oBAAoBhB,cAAclC,mCAASkC,YAAY,GAC9DR,WACES,cACAxB,aACAsC,KAAKC,oBAAoBf,YAAYnC,mCAASmC,UAAU,CAAC;AAAA,MAC3DoB,UAEDlD,SAASA,MAAM0D,QAAO;AAAA,IAAA,CAAE;AAAA,EAAA,CAG9B;AAED,6BACGC,WAAS;AAAA,IAERC,YAAY;AAAA,IACZC,QAAQlD;AAAAA,IACRD,OAAOA,QAAQ6B,oBAACuB,cAAY;AAAA,MAACC,QAAM;AAAA,MAAAb,UAAExC;AAAAA,IAAK,CAAA,IAAmB;AAAA,IAAGwC,8BAE/Dc,mBAAiB;AAAA,MAChBrB,WAAWC,KACTC,oBAAoBoB,aACpBtE,mCAASsE,aACT5C,WACEf,aACAyB,eACAa,KAAKC,oBAAoBqB,cAAcvE,mCAASuE,YAAY,GAC9D5D,aACE,CAACyB,eACDa,KACEC,oBAAoBsB,mBACpBxE,mCAASwE,iBAAiB,CAC3B;AAAA,MAEL,sBAAmB;AAAA,MAAcjB,UAEhCZ,WAAU;AAAA,IAAA,CAAE;AAAA,EAAA,GAtBV8B,WAAWpE,KAAK,CAAC;AA0B5B;"}
1	+ {"version":3,"file":"CalendarCell.js","sources":["../../../../../src/components/Calendar/SingleCalendar/CalendarCell.tsx"],"sourcesContent":["import { SyntheticEvent, useRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { HvTooltip, HvTypography } from \"@core/components\";\nimport { useComputation } from \"@core/hooks\";\nimport {\n getDateISO,\n getFormattedDate,\n isSameDay,\n isSameMonth,\n dateInProvidedValueRange,\n checkIfDateIsDisabled,\n isDateRangeProp,\n} from \"../utils\";\nimport { DateRangeProp } from \"../Calendar\";\nimport calendarCellClasses, {\n HvCalendarCellClasses,\n} from \"./calendarCellClasses\";\nimport {\n StyledCalendarDate,\n StyledCellContainer,\n StyledDateWrapper,\n} from \"./CalendarCell.styles\";\nimport CalendarModel from \"../model\";\n\nexport const HvCalendarCell = ({\n classes,\n onChange,\n onKeyDown,\n calendarValue,\n firstDayOfCurrentMonth,\n value,\n isDateSelectionMode,\n today,\n locale,\n minimumDate,\n maximumDate,\n rangeMode = false,\n ...others\n}: HvCalendarCellProps) => {\n const buttonEl = useRef<HTMLButtonElement>(null);\n const [title, computeTitle] = useComputation(() =>\n getFormattedDate(value, locale)\n );\n\n const startDate = isDateRangeProp(calendarValue)\n ? calendarValue.startDate\n : undefined;\n const endDate = isDateRangeProp(calendarValue)\n ? calendarValue.endDate\n : undefined;\n const isCellToday = isSameDay(value, today);\n const isCellSelected = isSameDay(calendarValue, value);\n const inMonth = isSameMonth(value, firstDayOfCurrentMonth);\n const isCellAfterStartingDate =\n rangeMode && value && startDate ? value >= startDate : false;\n const isCellStartingDate = rangeMode ? isSameDay(value, startDate) : false;\n const isDateInSelectionRange =\n calendarValue && rangeMode\n ? dateInProvidedValueRange(value, calendarValue)\n : false;\n const isDateDisabled = checkIfDateIsDisabled(value, minimumDate, maximumDate);\n const startBookend = isSameDay(startDate, value);\n const endBookend = isSameDay(endDate, value);\n const isSelecting = isDateSelectionMode && isCellAfterStartingDate;\n\n const handleClick = (event: SyntheticEvent) => {\n if (value) {\n onChange?.(event, value);\n if (buttonEl.current) setTimeout(() => buttonEl?.current?.focus());\n }\n };\n\n const handleKeyDown = (event) => {\n onKeyDown?.(event);\n };\n\n const renderDate = () => (\n <StyledCellContainer\n ref={buttonEl}\n type=\"button\"\n className={clsx(\n calendarCellClasses.cellContainer,\n classes?.cellContainer,\n inMonth &&\n clsx(calendarCellClasses.focusSelection, classes?.focusSelection)\n )}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n disabled={isDateDisabled \|\| !inMonth}\n data-in-month={inMonth}\n {...others}\n >\n <StyledCalendarDate\n variant={isCellToday ? \"label\" : \"body\"}\n className={clsx(\n calendarCellClasses.calendarDate,\n classes?.calendarDate,\n inMonth &&\n isCellSelected &&\n clsx(\n calendarCellClasses.calendarDateSelected,\n classes?.calendarDateSelected\n ),\n !inMonth &&\n clsx(\n calendarCellClasses.calendarDateNotInMonth,\n classes?.calendarDateNotInMonth\n ),\n inMonth &&\n rangeMode &&\n isDateInSelectionRange &&\n clsx(\n calendarCellClasses.calendarDateInSelectionRange,\n classes?.calendarDateInSelectionRange\n ),\n isDateDisabled &&\n clsx(\n calendarCellClasses.calendarDateDisabled,\n classes?.calendarDateDisabled\n ),\n inMonth &&\n ((startBookend && rangeMode) \|\|\n (isCellStartingDate && isDateSelectionMode)) &&\n clsx(calendarCellClasses.startBookend, classes?.startBookend),\n inMonth &&\n endBookend &&\n rangeMode &&\n clsx(calendarCellClasses.endBookend, classes?.endBookend)\n )}\n >\n {value && value.getDate()}\n </StyledCalendarDate>\n </StyledCellContainer>\n );\n\n return (\n <HvTooltip\n key={getDateISO(value)}\n enterDelay={600}\n onOpen={computeTitle}\n title={title ? <HvTypography noWrap>{title}</HvTypography> : \"\"}\n >\n <StyledDateWrapper\n className={clsx(\n calendarCellClasses.dateWrapper,\n classes?.dateWrapper,\n inMonth &&\n rangeMode &&\n isSelecting &&\n clsx(calendarCellClasses.cellsInRange, classes?.cellsInRange),\n rangeMode &&\n !isSelecting &&\n clsx(\n calendarCellClasses.cellsOutsideRange,\n classes?.cellsOutsideRange\n )\n )}\n data-calendar-cell=\"calendarCell\"\n >\n {renderDate()}\n </StyledDateWrapper>\n </HvTooltip>\n );\n};\n\nexport interface HvCalendarCellProps {\n /*\n A Jss Object used to override or extend the component styles.\n /\n classes?: HvCalendarCellClasses;\n /\n Identifier.\n /\n id?: string;\n /\n The text to be shown on the main part of the header.\n /\n calendarValue?: string \| Date \| DateRangeProp;\n /\n The text to be shown on the main part of the header.\n /\n value?: Date;\n /\n Locale to be used by the calendar.\n /\n locale?: string;\n /\n Callback to define the input date.\n /\n onChange?: (event: SyntheticEvent, value: Date \| DateRangeProp) => void;\n /\n Callback to handle input onFocus.\n */\n onFocus?: React.FocusEventHandler<any>;\n\n calendarModel?: CalendarModel;\n onKeyDown?: (event: KeyboardEvent) => void;\n\n today?: Date;\n minimumDate?: Date;\n maximumDate?: Date;\n firstDayOfCurrentMonth?: Date;\n isDateSelectionMode?: boolean;\n rangeMode?: boolean;\n tabIndex?: number;\n}\n\nexport default HvCalendarCell;\n"],"names":["HvCalendarCell","classes","onChange","onKeyDown","calendarValue","firstDayOfCurrentMonth","value","isDateSelectionMode","today","locale","minimumDate","maximumDate","rangeMode","others","buttonEl","useRef","title","computeTitle","useComputation","getFormattedDate","startDate","isDateRangeProp","undefined","endDate","isCellToday","isSameDay","isCellSelected","inMonth","isSameMonth","isCellAfterStartingDate","isCellStartingDate","isDateInSelectionRange","dateInProvidedValueRange","isDateDisabled","checkIfDateIsDisabled","startBookend","endBookend","isSelecting","handleClick","event","current","setTimeout","focus","handleKeyDown","renderDate","_jsx","StyledCellContainer","ref","type","className","clsx","calendarCellClasses","cellContainer","focusSelection","onClick","disabled","children","StyledCalendarDate","variant","calendarDate","calendarDateSelected","calendarDateNotInMonth","calendarDateInSelectionRange","calendarDateDisabled","getDate","HvTooltip","enterDelay","onOpen","HvTypography","noWrap","StyledDateWrapper","dateWrapper","cellsInRange","cellsOutsideRange","getDateISO"],"mappings":";;;;;;;;;AAwBO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZ,GAAGC;AACgB,MAAM;AACnBC,QAAAA,WAAWC,OAA0B,IAAI;AACzC,QAAA,CAACC,OAAOC,YAAY,IAAIC,eAAe,MAC3CC,iBAAiBb,OAAOG,MAAM,CAAC;AAGjC,QAAMW,YAAYC,gBAAgBjB,aAAa,IAC3CA,cAAcgB,YACdE;AACJ,QAAMC,UAAUF,gBAAgBjB,aAAa,IACzCA,cAAcmB,UACdD;AACEE,QAAAA,cAAcC,UAAUnB,OAAOE,KAAK;AACpCkB,QAAAA,iBAAiBD,UAAUrB,eAAeE,KAAK;AAC/CqB,QAAAA,UAAUC,YAAYtB,OAAOD,sBAAsB;AACzD,QAAMwB,0BACJjB,aAAaN,SAASc,YAAYd,SAASc,YAAY;AACzD,QAAMU,qBAAqBlB,YAAYa,UAAUnB,OAAOc,SAAS,IAAI;AACrE,QAAMW,yBACJ3B,iBAAiBQ,YACboB,yBAAyB1B,OAAOF,aAAa,IAC7C;AACN,QAAM6B,iBAAiBC,sBAAsB5B,OAAOI,aAAaC,WAAW;AACtEwB,QAAAA,eAAeV,UAAUL,WAAWd,KAAK;AACzC8B,QAAAA,aAAaX,UAAUF,SAASjB,KAAK;AAC3C,QAAM+B,cAAc9B,uBAAuBsB;AAErCS,QAAAA,cAAcA,CAACC,UAA0B;AAC7C,QAAIjC,OAAO;AACTJ,2CAAWqC,OAAOjC;AAClB,UAAIQ,SAAS0B;AAASC,mBAAW,MAAA;;AAAM3B,4DAAU0B,YAAV1B,mBAAmB4B;AAAAA,SAAO;AAAA,IACnE;AAAA,EAAA;AAGF,QAAMC,gBAAiBJ,CAAU,UAAA;AAC/BpC,2CAAYoC;AAAAA,EAAK;AAGbK,QAAAA,aAAaA,MACjBC,oBAACC,qBAAmB;AAAA,IAClBC,KAAKjC;AAAAA,IACLkC,MAAK;AAAA,IACLC,WAAWC,KACTC,oBAAoBC,eACpBnD,mCAASmD,eACTzB,WACEuB,KAAKC,oBAAoBE,gBAAgBpD,mCAASoD,cAAc,CAAC;AAAA,IAErEC,SAAShB;AAAAA,IACTnC,WAAWwC;AAAAA,IACXY,UAAUtB,kBAAkB,CAACN;AAAAA,IAC7B,iBAAeA;AAAAA,IAAQ,GACnBd;AAAAA,IAAM2C,8BAETC,oBAAkB;AAAA,MACjBC,SAASlC,cAAc,UAAU;AAAA,MACjCyB,WAAWC,KACTC,oBAAoBQ,cACpB1D,mCAAS0D,cACThC,WACED,kBACAwB,KACEC,oBAAoBS,sBACpB3D,mCAAS2D,oBAAoB,GAEjC,CAACjC,WACCuB,KACEC,oBAAoBU,wBACpB5D,mCAAS4D,sBAAsB,GAEnClC,WACEf,aACAmB,0BACAmB,KACEC,oBAAoBW,8BACpB7D,mCAAS6D,4BAA4B,GAEzC7B,kBACEiB,KACEC,oBAAoBY,sBACpB9D,mCAAS8D,oBAAoB,GAEjCpC,YACIQ,gBAAgBvB,aACfkB,sBAAsBvB,wBACzB2C,KAAKC,oBAAoBhB,cAAclC,mCAASkC,YAAY,GAC9DR,WACES,cACAxB,aACAsC,KAAKC,oBAAoBf,YAAYnC,mCAASmC,UAAU,CAAC;AAAA,MAC3DoB,UAEDlD,SAASA,MAAM0D,QAAO;AAAA,IAAA,CAAE;AAAA,EAAA,CAG9B;AAED,6BACGC,WAAS;AAAA,IAERC,YAAY;AAAA,IACZC,QAAQlD;AAAAA,IACRD,OAAOA,QAAQ6B,oBAACuB,cAAY;AAAA,MAACC,QAAM;AAAA,MAAAb,UAAExC;AAAAA,IAAK,CAAA,IAAmB;AAAA,IAAGwC,8BAE/Dc,mBAAiB;AAAA,MAChBrB,WAAWC,KACTC,oBAAoBoB,aACpBtE,mCAASsE,aACT5C,WACEf,aACAyB,eACAa,KAAKC,oBAAoBqB,cAAcvE,mCAASuE,YAAY,GAC9D5D,aACE,CAACyB,eACDa,KACEC,oBAAoBsB,mBACpBxE,mCAASwE,iBAAiB,CAC3B;AAAA,MAEL,sBAAmB;AAAA,MAAcjB,UAEhCZ,WAAU;AAAA,IAAA,CAAE;AAAA,EAAA,GAtBV8B,WAAWpE,KAAK,CAAC;AA0B5B;"}

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

@@ -1,7 +1,7 @@
-import { styles } from "./Content.styles.js";
 import MuiCardContent from "@mui/material/CardContent";
-import cardContentClasses from "./contentClasses.js";
 import { ClassNames } from "@emotion/react";
+import { styles } from "./Content.styles.js";
+import cardContentClasses from "./contentClasses.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 const HvCardContent = ({
   id,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Content.js","sources":["../../../../../src/components/Card/Content/Content.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport ~~{ styles } from \"./Content.styles\";\nimport~~ MuiCardContent, {\n CardContentProps as MuiCardContentProps,\n} from \"@mui/material/CardContent\";\nimport ~~cardContentClasses,~~ { ~~HvCardContentClasses~~ } from \"./~~contentClasses~~\";\nimport { ~~ClassNames~~ } from \"~~@emotion/react~~\";\n\nexport interface HvCardContentProps\n extends Omit<MuiCardContentProps, \"classes\">,\n HvBaseProps {\n /** Id to be applied to the root node. /\n id?: string;\n /* The function that will be executed when this section is clicked. /\n onClick?: (event: React.SyntheticEvent) => void;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvCardContentClasses;\n}\n\nexport const HvCardContent = ({\n id,\n classes,\n className,\n children,\n onClick,\n ...others\n}: HvCardContentProps) => {\n return (\n <ClassNames>\n {({ css, cx }) => (\n <MuiCardContent\n id={id}\n className={cx(\n cardContentClasses.content,\n css(styles.content),\n className,\n classes?.content\n )}\n onClick={onClick}\n {...others}\n >\n {children}\n </MuiCardContent>\n )}\n </ClassNames>\n );\n};\n"],"names":["HvCardContent","id","classes","className","children","onClick","others","ClassNames","css","cx","MuiCardContent","cardContentClasses","content","styles"],"mappings":";;;;;AAmBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACe,MAAM;AACxB,6BACGC,YAAU;AAAA,IAAAH,UACRA,CAAC;AAAA,MAAEI;AAAAA,MAAKC;AAAAA,IAAAA,0BACNC,gBAAc;AAAA,MACbT;AAAAA,MACAE,WAAWM,GACTE,mBAAmBC,SACnBJ,IAAIK,OAAOD,OAAO,GAClBT,WACAD,mCAASU,OAAO;AAAA,MAElBP;AAAAA,MAAiB,GACbC;AAAAA,MAAMF;AAAAA,IAAAA,CAED;AAAA,EAAA,CAGF;AAEjB;"}
1	+ {"version":3,"file":"Content.js","sources":["../../../../../src/components/Card/Content/Content.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport MuiCardContent, {\n CardContentProps as MuiCardContentProps,\n} from \"@mui/material/CardContent\";\nimport { ClassNames } from \"@emotion/react\";\nimport { styles } from \"./Content.styles\";\nimport cardContentClasses, { HvCardContentClasses } from \"./contentClasses\";\n\nexport interface HvCardContentProps\n extends Omit<MuiCardContentProps, \"classes\">,\n HvBaseProps {\n /** Id to be applied to the root node. /\n id?: string;\n /* The function that will be executed when this section is clicked. /\n onClick?: (event: React.SyntheticEvent) => void;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvCardContentClasses;\n}\n\nexport const HvCardContent = ({\n id,\n classes,\n className,\n children,\n onClick,\n ...others\n}: HvCardContentProps) => {\n return (\n <ClassNames>\n {({ css, cx }) => (\n <MuiCardContent\n id={id}\n className={cx(\n cardContentClasses.content,\n css(styles.content),\n className,\n classes?.content\n )}\n onClick={onClick}\n {...others}\n >\n {children}\n </MuiCardContent>\n )}\n </ClassNames>\n );\n};\n"],"names":["HvCardContent","id","classes","className","children","onClick","others","ClassNames","css","cx","MuiCardContent","cardContentClasses","content","styles"],"mappings":";;;;;AAmBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACe,MAAM;AACxB,6BACGC,YAAU;AAAA,IAAAH,UACRA,CAAC;AAAA,MAAEI;AAAAA,MAAKC;AAAAA,IAAAA,0BACNC,gBAAc;AAAA,MACbT;AAAAA,MACAE,WAAWM,GACTE,mBAAmBC,SACnBJ,IAAIK,OAAOD,OAAO,GAClBT,WACAD,mCAASU,OAAO;AAAA,MAElBP;AAAAA,MAAiB,GACbC;AAAAA,MAAMF;AAAAA,IAAAA,CAED;AAAA,EAAA,CAGF;AAEjB;"}

package/dist/esm/components/Card/Header/Header.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import MuiCardHeader from "@mui/material/CardHeader";
+import { ClassNames } from "@emotion/react";
 import cardHeaderClasses from "./headerClasses.js";
 import { styles } from "./Header.styles.js";
-import { ClassNames } from "@emotion/react";
 import { jsx } from "@emotion/react/jsx-runtime";
 import { useTheme } from "../../../hooks/useTheme.js";
 const HvCardHeader = ({

package/dist/esm/components/Card/Header/Header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.js","sources":["../../../../../src/components/Card/Header/Header.tsx"],"sourcesContent":["import MuiCardHeader, {\n CardHeaderProps as MuiCardHeaderProps,\n} from \"@mui/material/CardHeader\";\nimport { HvBaseProps } from \"@core/types\";\nimport ~~cardHeaderClasses,~~ { ~~HvCardHeaderClasses~~ } from \"~~./headerClasses~~\";\nimport { ~~styles~~ } from \"~~./Header.styles~~\";\nimport { ~~useTheme~~ } from \"~~@core/hooks~~\";\nimport { ~~ClassNames~~ } from \"~~@emotion/react~~\";\n\nexport interface HvCardHeaderProps\n extends Omit<MuiCardHeaderProps, \"classes\">,\n HvBaseProps<HTMLDivElement, \"title\"> {\n /** The renderable content inside the title slot of the header. /\n title: React.ReactNode;\n /* The renderable content inside the subheader slot of the header. /\n subheader?: React.ReactNode;\n /* The renderable content inside the icon slot of the header. /\n icon?: React.ReactNode;\n /* The function that will be executed when this section is clicked. /\n onClick?: React.MouseEventHandler<HTMLDivElement> \| undefined;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvCardHeaderClasses;\n}\n\nexport const HvCardHeader = ({\n classes,\n className,\n title,\n subheader,\n icon,\n onClick,\n ...others\n}: HvCardHeaderProps) => {\n const { activeTheme } = useTheme();\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <MuiCardHeader\n title={title}\n subheader={subheader}\n action={icon}\n onClick={onClick}\n className={cx(\n cardHeaderClasses.root,\n css(styles.root),\n className,\n classes?.root\n )}\n classes={{\n title: icon\n ? cx(\n cardHeaderClasses.titleShort,\n css(styles.titleShort),\n css({\n ...activeTheme?.typography[activeTheme?.card.titleVariant],\n }),\n classes?.titleShort\n )\n : cx(\n cardHeaderClasses.title,\n css(styles.title),\n css({\n ...activeTheme?.typography[activeTheme?.card.titleVariant],\n }),\n classes?.title\n ),\n subheader: cx(\n cardHeaderClasses.subheader,\n css(styles.subheader),\n css({\n ...activeTheme?.typography[activeTheme?.card.subheaderVariant],\n color: activeTheme?.card.subheaderColor,\n }),\n classes?.subheader\n ),\n action: cx(\n cardHeaderClasses.action,\n css(styles.action),\n classes?.action\n ),\n content: cx(cardHeaderClasses.content, classes?.content),\n }}\n {...others}\n />\n )}\n </ClassNames>\n );\n};\n"],"names":["HvCardHeader","classes","className","title","subheader","icon","onClick","others","activeTheme","useTheme","ClassNames","children","css","cx","MuiCardHeader","action","cardHeaderClasses","root","styles","titleShort","typography","card","titleVariant","subheaderVariant","color","subheaderColor","content"],"mappings":";;;;;;AAwBO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACc,MAAM;AACjB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAU;AAElC,6BACGC,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,0BACNC,eAAa;AAAA,MACZX;AAAAA,MACAC;AAAAA,MACAW,QAAQV;AAAAA,MACRC;AAAAA,MACAJ,WAAWW,GACTG,kBAAkBC,MAClBL,IAAIM,OAAOD,IAAI,GACff,WACAD,mCAASgB,IAAI;AAAA,MAEfhB,SAAS;AAAA,QACPE,OAAOE,OACHQ,GACEG,kBAAkBG,YAClBP,IAAIM,OAAOC,UAAU,GACrBP,IAAI;AAAA,UACF,GAAGJ,2CAAaY,WAAWZ,2CAAaa,KAAKC;AAAAA,QAC9C,CAAA,GACDrB,mCAASkB,UAAU,IAErBN,GACEG,kBAAkBb,OAClBS,IAAIM,OAAOf,KAAK,GAChBS,IAAI;AAAA,UACF,GAAGJ,2CAAaY,WAAWZ,2CAAaa,KAAKC;AAAAA,QAAY,CAC1D,GACDrB,mCAASE,KAAK;AAAA,QAEpBC,WAAWS,GACTG,kBAAkBZ,WAClBQ,IAAIM,OAAOd,SAAS,GACpBQ,IAAI;AAAA,UACF,GAAGJ,2CAAaY,WAAWZ,2CAAaa,KAAKE;AAAAA,UAC7CC,OAAOhB,2CAAaa,KAAKI;AAAAA,QAAAA,CAC1B,GACDxB,mCAASG,SAAS;AAAA,QAEpBW,QAAQF,GACNG,kBAAkBD,QAClBH,IAAIM,OAAOH,MAAM,GACjBd,mCAASc,MAAM;AAAA,QAEjBW,SAASb,GAAGG,kBAAkBU,SAASzB,mCAASyB,OAAO;AAAA,MACzD;AAAA,MAAE,GACEnB;AAAAA,IAAAA,CAAM;AAAA,EAAA,CAGH;AAEjB;"}
1	+ {"version":3,"file":"Header.js","sources":["../../../../../src/components/Card/Header/Header.tsx"],"sourcesContent":["import MuiCardHeader, {\n CardHeaderProps as MuiCardHeaderProps,\n} from \"@mui/material/CardHeader\";\nimport { HvBaseProps } from \"@core/types\";\nimport { useTheme } from \"@core/hooks\";\nimport { ClassNames } from \"@emotion/react\";\nimport cardHeaderClasses, { HvCardHeaderClasses } from \"./headerClasses\";\nimport { styles } from \"./Header.styles\";\n\nexport interface HvCardHeaderProps\n extends Omit<MuiCardHeaderProps, \"classes\">,\n HvBaseProps<HTMLDivElement, \"title\"> {\n /** The renderable content inside the title slot of the header. /\n title: React.ReactNode;\n /* The renderable content inside the subheader slot of the header. /\n subheader?: React.ReactNode;\n /* The renderable content inside the icon slot of the header. /\n icon?: React.ReactNode;\n /* The function that will be executed when this section is clicked. /\n onClick?: React.MouseEventHandler<HTMLDivElement> \| undefined;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvCardHeaderClasses;\n}\n\nexport const HvCardHeader = ({\n classes,\n className,\n title,\n subheader,\n icon,\n onClick,\n ...others\n}: HvCardHeaderProps) => {\n const { activeTheme } = useTheme();\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <MuiCardHeader\n title={title}\n subheader={subheader}\n action={icon}\n onClick={onClick}\n className={cx(\n cardHeaderClasses.root,\n css(styles.root),\n className,\n classes?.root\n )}\n classes={{\n title: icon\n ? cx(\n cardHeaderClasses.titleShort,\n css(styles.titleShort),\n css({\n ...activeTheme?.typography[activeTheme?.card.titleVariant],\n }),\n classes?.titleShort\n )\n : cx(\n cardHeaderClasses.title,\n css(styles.title),\n css({\n ...activeTheme?.typography[activeTheme?.card.titleVariant],\n }),\n classes?.title\n ),\n subheader: cx(\n cardHeaderClasses.subheader,\n css(styles.subheader),\n css({\n ...activeTheme?.typography[activeTheme?.card.subheaderVariant],\n color: activeTheme?.card.subheaderColor,\n }),\n classes?.subheader\n ),\n action: cx(\n cardHeaderClasses.action,\n css(styles.action),\n classes?.action\n ),\n content: cx(cardHeaderClasses.content, classes?.content),\n }}\n {...others}\n />\n )}\n </ClassNames>\n );\n};\n"],"names":["HvCardHeader","classes","className","title","subheader","icon","onClick","others","activeTheme","useTheme","ClassNames","children","css","cx","MuiCardHeader","action","cardHeaderClasses","root","styles","titleShort","typography","card","titleVariant","subheaderVariant","color","subheaderColor","content"],"mappings":";;;;;;AAwBO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACc,MAAM;AACjB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAU;AAElC,6BACGC,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,0BACNC,eAAa;AAAA,MACZX;AAAAA,MACAC;AAAAA,MACAW,QAAQV;AAAAA,MACRC;AAAAA,MACAJ,WAAWW,GACTG,kBAAkBC,MAClBL,IAAIM,OAAOD,IAAI,GACff,WACAD,mCAASgB,IAAI;AAAA,MAEfhB,SAAS;AAAA,QACPE,OAAOE,OACHQ,GACEG,kBAAkBG,YAClBP,IAAIM,OAAOC,UAAU,GACrBP,IAAI;AAAA,UACF,GAAGJ,2CAAaY,WAAWZ,2CAAaa,KAAKC;AAAAA,QAC9C,CAAA,GACDrB,mCAASkB,UAAU,IAErBN,GACEG,kBAAkBb,OAClBS,IAAIM,OAAOf,KAAK,GAChBS,IAAI;AAAA,UACF,GAAGJ,2CAAaY,WAAWZ,2CAAaa,KAAKC;AAAAA,QAAY,CAC1D,GACDrB,mCAASE,KAAK;AAAA,QAEpBC,WAAWS,GACTG,kBAAkBZ,WAClBQ,IAAIM,OAAOd,SAAS,GACpBQ,IAAI;AAAA,UACF,GAAGJ,2CAAaY,WAAWZ,2CAAaa,KAAKE;AAAAA,UAC7CC,OAAOhB,2CAAaa,KAAKI;AAAAA,QAAAA,CAC1B,GACDxB,mCAASG,SAAS;AAAA,QAEpBW,QAAQF,GACNG,kBAAkBD,QAClBH,IAAIM,OAAOH,MAAM,GACjBd,mCAASc,MAAM;AAAA,QAEjBW,SAASb,GAAGG,kBAAkBU,SAASzB,mCAASyB,OAAO;AAAA,MACzD;AAAA,MAAE,GACEnB;AAAAA,IAAAA,CAAM;AAAA,EAAA,CAGH;AAEjB;"}

package/dist/esm/components/Card/Media/Media.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import MuiCardMedia from "@mui/material/CardMedia";
-import { styles } from "./Media.styles.js";
-import cardMediaClasses from "./mediaClasses.js";
 import { ClassNames } from "@emotion/react";
+import cardMediaClasses from "./mediaClasses.js";
+import { styles } from "./Media.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 const HvCardMedia = ({
   id,

package/dist/esm/components/Card/Media/Media.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Media.js","sources":["../../../../../src/components/Card/Media/Media.tsx"],"sourcesContent":["import MuiCardMedia, {\n CardMediaProps as MuiCardMediaProps,\n} from \"@mui/material/CardMedia\";\nimport { ~~styles~~ } from \"~~./Media.styles~~\";\nimport { ~~HvBaseProps~~ } from \"~~@core/types~~\";\nimport ~~cardMediaClasses,~~ { ~~HvCardMediaClasses~~ } from \"~~./mediaClasses~~\";\nimport { ~~ImgHTMLAttributes~~ } from \"~~react~~\";\nimport { ~~ClassNames~~ } from \"~~@emotion/react~~\";\n\nexport interface HvCardMediaProps\n extends Omit<MuiCardMediaProps, \"classes\">,\n ImgHTMLAttributes<HTMLDivElement>,\n HvBaseProps<HTMLDivElement, \"onClick\" \| \"title\"> {\n /** Id to be applied to the root node. /\n id?: string;\n /* The title of the media. /\n title?: string;\n /* The function that will be executed when this section is clicked. /\n onClick?: React.MouseEventHandler<HTMLDivElement> \| undefined;\n /* The component used for the root node. Either a string to use a HTML element or a component. /\n component?: React.ElementType;\n /* The image to display. /\n image?: string;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvCardMediaClasses;\n}\n\nexport const HvCardMedia = ({\n id,\n classes,\n className,\n children,\n title,\n onClick,\n ...others\n}: HvCardMediaProps) => {\n return (\n <ClassNames>\n {({ css, cx }) => (\n <MuiCardMedia\n id={id}\n classes={{\n root: cx(cardMediaClasses.root, css(styles.root), classes?.root),\n media: cx(cardMediaClasses.media, classes?.media),\n }}\n className={className}\n role=\"img\"\n title={title}\n onClick={onClick}\n {...others}\n >\n {children}\n </MuiCardMedia>\n )}\n </ClassNames>\n );\n};\n"],"names":["HvCardMedia","id","classes","className","children","title","onClick","others","ClassNames","css","cx","MuiCardMedia","root","cardMediaClasses","styles","media","role"],"mappings":";;;;;AA2BO,MAAMA,cAAcA,CAAC;AAAA,EAC1BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACa,MAAM;AACtB,6BACGC,YAAU;AAAA,IAAAJ,UACRA,CAAC;AAAA,MAAEK;AAAAA,MAAKC;AAAAA,IAAAA,0BACNC,cAAY;AAAA,MACXV;AAAAA,MACAC,SAAS;AAAA,QACPU,MAAMF,GAAGG,iBAAiBD,MAAMH,IAAIK,OAAOF,IAAI,GAAGV,mCAASU,IAAI;AAAA,QAC/DG,OAAOL,GAAGG,iBAAiBE,OAAOb,mCAASa,KAAK;AAAA,MAClD;AAAA,MACAZ;AAAAA,MACAa,MAAK;AAAA,MACLX;AAAAA,MACAC;AAAAA,MAAiB,GACbC;AAAAA,MAAMH;AAAAA,IAAAA,CAED;AAAA,EAAA,CAGF;AAEjB;"}
1	+ {"version":3,"file":"Media.js","sources":["../../../../../src/components/Card/Media/Media.tsx"],"sourcesContent":["import MuiCardMedia, {\n CardMediaProps as MuiCardMediaProps,\n} from \"@mui/material/CardMedia\";\nimport { HvBaseProps } from \"@core/types\";\nimport { ImgHTMLAttributes } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport cardMediaClasses, { HvCardMediaClasses } from \"./mediaClasses\";\nimport { styles } from \"./Media.styles\";\n\nexport interface HvCardMediaProps\n extends Omit<MuiCardMediaProps, \"classes\">,\n ImgHTMLAttributes<HTMLDivElement>,\n HvBaseProps<HTMLDivElement, \"onClick\" \| \"title\"> {\n /** Id to be applied to the root node. /\n id?: string;\n /* The title of the media. /\n title?: string;\n /* The function that will be executed when this section is clicked. /\n onClick?: React.MouseEventHandler<HTMLDivElement> \| undefined;\n /* The component used for the root node. Either a string to use a HTML element or a component. /\n component?: React.ElementType;\n /* The image to display. /\n image?: string;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvCardMediaClasses;\n}\n\nexport const HvCardMedia = ({\n id,\n classes,\n className,\n children,\n title,\n onClick,\n ...others\n}: HvCardMediaProps) => {\n return (\n <ClassNames>\n {({ css, cx }) => (\n <MuiCardMedia\n id={id}\n classes={{\n root: cx(cardMediaClasses.root, css(styles.root), classes?.root),\n media: cx(cardMediaClasses.media, classes?.media),\n }}\n className={className}\n role=\"img\"\n title={title}\n onClick={onClick}\n {...others}\n >\n {children}\n </MuiCardMedia>\n )}\n </ClassNames>\n );\n};\n"],"names":["HvCardMedia","id","classes","className","children","title","onClick","others","ClassNames","css","cx","MuiCardMedia","root","cardMediaClasses","styles","media","role"],"mappings":";;;;;AA2BO,MAAMA,cAAcA,CAAC;AAAA,EAC1BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACa,MAAM;AACtB,6BACGC,YAAU;AAAA,IAAAJ,UACRA,CAAC;AAAA,MAAEK;AAAAA,MAAKC;AAAAA,IAAAA,0BACNC,cAAY;AAAA,MACXV;AAAAA,MACAC,SAAS;AAAA,QACPU,MAAMF,GAAGG,iBAAiBD,MAAMH,IAAIK,OAAOF,IAAI,GAAGV,mCAASU,IAAI;AAAA,QAC/DG,OAAOL,GAAGG,iBAAiBE,OAAOb,mCAASa,KAAK;AAAA,MAClD;AAAA,MACAZ;AAAAA,MACAa,MAAK;AAAA,MACLX;AAAAA,MACAC;AAAAA,MAAiB,GACbC;AAAAA,MAAMH;AAAAA,IAAAA,CAED;AAAA,EAAA,CAGF;AAEjB;"}

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

@@ -1,8 +1,8 @@
-import { StyledFormElement, StyledLabel, StyledGroupContainer } from "./CheckBoxGroup.styles.js";
 import { clsx } from "clsx";
 import { useRef, useMemo, Children, useCallback, cloneElement } from "react";
+import { StyledFormElement, StyledLabel, StyledGroupContainer } from "./CheckBoxGroup.styles.js";
 import checkBoxGroupClasses from "./checkBoxGroupClasses.js";
-import { jsx, Fragment, jsxs } from "@emotion/react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import useUniqueId from "../../hooks/useUniqueId.js";
 import multiSelectionEventHandler from "../../utils/multiSelectionEventHandler.js";
 import { HvCheckBox } from "../CheckBox/CheckBox.js";
@@ -126,16 +126,14 @@ const HvCheckBoxGroup = ({
       return newValue;
     });
   };
-  const selectAllLabelComponent = /* @__PURE__ */ jsx(Fragment, {
-    children: selectedCount === 0 ? /* @__PURE__ */ jsxs(Fragment, {
-      children: [/* @__PURE__ */ jsx("b", {
-        children: selectAllLabel
-      }), ` (${Children.toArray(children).length})`]
-    }) : /* @__PURE__ */ jsxs(Fragment, {
-      children: [/* @__PURE__ */ jsx("b", {
-        children: selectedCount
-      }), ` ${selectAllConjunctionLabel} ${Children.toArray(children).length}`]
-    })
+  const selectAllLabelComponent = selectedCount === 0 ? /* @__PURE__ */ jsxs(Fragment, {
+    children: [/* @__PURE__ */ jsx("b", {
+      children: selectAllLabel
+    }), ` (${Children.toArray(children).length})`]
+  }) : /* @__PURE__ */ jsxs(Fragment, {
+    children: [/* @__PURE__ */ jsx("b", {
+      children: selectedCount
+    }), ` ${selectAllConjunctionLabel} ${Children.toArray(children).length}`]
   });
   const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
   const errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckBoxGroup.js","sources":["../../../../src/components/CheckBoxGroup/CheckBoxGroup.tsx"],"sourcesContent":["import { HvFormStatus } from \"../Forms\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n StyledFormElement,\n StyledGroupContainer,\n StyledLabel,\n} from \"./CheckBoxGroup.styles\";\nimport { clsx } from \"clsx\";\nimport { useControlled, useUniqueId } from \"@core/hooks\";\nimport { multiSelectionEventHandler, setId } from \"@core/utils\";\nimport { HvCheckBox, HvInfoMessage, HvWarningText } from \"@core/components\";\nimport { Children, cloneElement, useCallback, useMemo, useRef } from \"react\";\nimport checkBoxGroupClasses, {\n HvCheckBoxGroupClasses,\n} from \"./checkBoxGroupClasses\";\n\nconst computeSelectAllState = (selected, total) => {\n if (selected === 0) {\n return \"none\";\n }\n\n if (selected === total) {\n return \"all\";\n }\n\n return \"some\";\n};\n\nconst getValueFromSelectedChildren = (children: React.ReactNode) => {\n const selectedValues = Children.toArray(children)\n .map((child: any) => {\n const childIsControlled = child?.props?.checked !== undefined;\n const childIsSelected = childIsControlled\n ? child?.props?.checked\n : child?.props?.defaultChecked;\n\n return childIsSelected ? child?.props?.value : undefined;\n })\n .filter((v) => v !== undefined);\n\n return selectedValues;\n};\n\nexport interface HvCheckBoxGroupProps\n extends HvBaseProps<HTMLDivElement, \"onChange\"> {\n /*\n The form element name.\n \n It is propagated to the children checkboxes, unless they already have one.\n /\n name?: string;\n /\n The value of the form element. An array of values represented in the child checkboxes.\n \n When defined the checkbox group state becomes controlled.\n /\n value?: any[];\n /\n When uncontrolled, defines the initial value.\n /\n defaultValue?: any[];\n /\n The label of the form element.\n \n The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n /\n label?: React.ReactNode;\n /\n Provide additional descriptive text for the form element.\n /\n description?: React.ReactNode;\n /\n Indicates that the form element is disabled.\n * If `true` the state is propagated to the children checkboxes.\n /\n disabled?: boolean;\n /\n Indicates that the form element is not editable.\n * If `true` the state is propagated to the children checkboxes.\n /\n readOnly?: boolean;\n /\n Indicates that user input is required on the form element.\n /\n required?: boolean;\n /\n The status of the form element.\n \n Valid is correct, invalid is incorrect and standBy means no validations have run.\n \n When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n /\n status?: HvFormStatus;\n /\n The error message to show when the validation status is \"invalid\".\n \n Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n /\n statusMessage?: React.ReactNode;\n /\n The callback fired when the value changes.\n /\n onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: any[]) => void;\n /\n Indicates whether the checkbox group's orientation is horizontal or vertical.\n \n Defaults to vertical.\n /\n orientation?: \"vertical\" \| \"horizontal\";\n /\n Indicates if an additional select all checkbox should be shown.\n /\n showSelectAll?: boolean;\n /\n The label of the select all checkbox. Defaults to \"All\".\n /\n selectAllLabel?: string;\n /\n Custom label for select all checkbox conjunction\n /\n selectAllConjunctionLabel?: string;\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes?: HvCheckBoxGroupClasses;\n}\n\n/\n A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.\n */\nexport const HvCheckBoxGroup = ({\n id,\n classes,\n className,\n children,\n name,\n label,\n description,\n status,\n statusMessage,\n defaultValue,\n value: valueProp,\n required = false,\n readOnly = false,\n disabled = false,\n showSelectAll = false,\n orientation = \"vertical\",\n selectAllLabel = \"All\",\n selectAllConjunctionLabel = \"/\",\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-errormessage\": ariaErrorMessage,\n onChange,\n ...others\n}: HvCheckBoxGroupProps) => {\n const [value, setValue] = useControlled(\n valueProp,\n defaultValue !== undefined\n ? defaultValue\n : // When uncontrolled and no default value is given,\n // extract the initial selected values from the children own state\n () => getValueFromSelectedChildren(children)\n );\n\n const [validationState, setValidationState] = useControlled(\n status,\n \"standBy\"\n );\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const elementId = useUniqueId(id, \"hvcheckboxgroup\");\n\n const selectionAnchor = useRef(undefined);\n\n const [allValues, selectedState, selectedCount] = useMemo(() => {\n const childValues: any[] = [];\n const childSelectedState: boolean[] = [];\n let childSelectedCounter = 0;\n\n Children.toArray(children).forEach((child: any, i: number) => {\n const childValue = child?.props?.value;\n const childIsSelected = value.indexOf(childValue) !== -1;\n\n childValues[i] = childValue;\n childSelectedState[i] = childIsSelected;\n\n if (childIsSelected) {\n childSelectedCounter += 1;\n }\n });\n\n return [childValues, childSelectedState, childSelectedCounter];\n }, [children, value]);\n\n const selectAllState = computeSelectAllState(\n value.length,\n selectedState.length\n );\n\n const onChildChangeInterceptor = useCallback(\n (\n index: number,\n childOnChange: (\n event: React.ChangeEvent<HTMLInputElement>,\n isChecked: boolean\n ) => void,\n event: React.ChangeEvent<HTMLInputElement>,\n isChecked: boolean\n ) => {\n const newValue = multiSelectionEventHandler(\n event,\n index,\n selectionAnchor,\n allValues,\n selectedState,\n isChecked\n );\n\n childOnChange?.(event, isChecked);\n\n onChange?.(event, newValue);\n\n setValue(() => {\n // This will only run if uncontrolled\n\n if (required && newValue.length === 0) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newValue;\n });\n },\n [allValues, onChange, required, selectedState, setValidationState, setValue]\n );\n\n const modifiedChildren = useMemo(() => {\n return Children.map(children, (child: any, i: number) => {\n const childIsSelected = selectedState[i];\n\n return cloneElement(child, {\n checked: childIsSelected,\n name: child?.props?.name \|\| name,\n onChange: (\n event: React.ChangeEvent<HTMLInputElement>,\n isChecked: boolean\n ) =>\n onChildChangeInterceptor(i, child?.props?.onChange, event, isChecked),\n disabled: disabled \|\| child?.props?.disabled,\n readOnly: readOnly \|\| child?.props?.readOnly,\n });\n });\n }, [\n children,\n disabled,\n name,\n onChildChangeInterceptor,\n readOnly,\n selectedState,\n ]);\n\n const handleSelectAll = (\n event: React.ChangeEvent<HTMLInputElement>,\n selectAllChecked: boolean\n ) => {\n let newValue: any[];\n if (selectAllChecked) {\n newValue = [...allValues];\n } else {\n newValue = [];\n }\n\n onChange?.(event, newValue);\n\n setValue(() => {\n // This will only run if uncontrolled\n if (required && newValue.length === 0) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newValue;\n });\n };\n\n const selectAllLabelComponent = (\n <>\n {selectedCount === 0 ? (\n <>\n <b>{selectAllLabel}</b>\n {` (${Children.toArray(children).length})`}\n </>\n ) : (\n <>\n <b>{selectedCount}</b>\n {` ${selectAllConjunctionLabel} ${Children.toArray(children).length}`}\n </>\n )}\n </>\n );\n\n // The error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) \|\|\n (status === undefined && required));\n\n const errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n\n return (\n <StyledFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(className, classes?.root, checkBoxGroupClasses.root)}\n >\n {label && (\n <StyledLabel\n id={setId(elementId, \"label\")}\n label={label}\n className={clsx(classes?.label, checkBoxGroupClasses.label)}\n />\n )}\n\n {description && (\n <HvInfoMessage id={setId(elementId, \"description\")}>\n {description}\n </HvInfoMessage>\n )}\n\n <StyledGroupContainer\n role=\"group\"\n aria-label={ariaLabel}\n aria-labelledby={\n ariaLabelledBy \|\| (label && setId(elementId, \"label\")) \|\| undefined\n }\n aria-disabled={disabled ? true : undefined}\n aria-invalid={validationState === \"invalid\" ? true : undefined}\n aria-errormessage={\n validationState === \"invalid\" ? errorMessageId : undefined\n }\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy]\n .join(\" \")\n .trim() \|\| undefined\n }\n className={clsx(\n classes?.group,\n checkBoxGroupClasses.group,\n orientation === \"vertical\" &&\n clsx(classes?.vertical, checkBoxGroupClasses.vertical),\n orientation === \"horizontal\" &&\n clsx(classes?.horizontal, checkBoxGroupClasses.horizontal),\n validationState === \"invalid\" &&\n clsx(classes?.invalid, checkBoxGroupClasses.invalid)\n )}\n $vertical={orientation === \"vertical\"}\n $horizontal={orientation === \"horizontal\"}\n $invalid={validationState === \"invalid\"}\n {...others}\n >\n {showSelectAll && (\n <HvCheckBox\n checked={selectAllState === \"all\"}\n indeterminate={selectAllState === \"some\"}\n label={selectAllLabelComponent}\n disabled={disabled}\n readOnly={readOnly}\n className={clsx(classes?.selectAll, checkBoxGroupClasses.selectAll)}\n onChange={handleSelectAll}\n />\n )}\n {modifiedChildren}\n </StyledGroupContainer>\n\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n disableBorder\n className={clsx(classes?.error, checkBoxGroupClasses.error)}\n >\n {validationMessage}\n </HvWarningText>\n )}\n </StyledFormElement>\n );\n};\n"],"names":["computeSelectAllState","selected","total","getValueFromSelectedChildren","children","selectedValues","Children","toArray","map","child","childIsControlled","props","checked","undefined","childIsSelected","defaultChecked","value","filter","v","HvCheckBoxGroup","id","classes","className","name","label","description","status","statusMessage","defaultValue","valueProp","required","readOnly","disabled","showSelectAll","orientation","selectAllLabel","selectAllConjunctionLabel","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","onChange","others","setValue","useControlled","validationState","setValidationState","validationMessage","elementId","useUniqueId","selectionAnchor","useRef","allValues","selectedState","selectedCount","useMemo","childValues","childSelectedState","childSelectedCounter","forEach","i","childValue","indexOf","selectAllState","length","onChildChangeInterceptor","useCallback","index","childOnChange","event","isChecked","newValue","multiSelectionEventHandler","modifiedChildren","cloneElement","handleSelectAll","selectAllChecked","selectAllLabelComponent","_Fragment","_jsxs","_jsx","canShowError","errorMessageId","setId","StyledFormElement","clsx","root","checkBoxGroupClasses","StyledLabel","HvInfoMessage","StyledGroupContainer","role","join","trim","group","vertical","horizontal","invalid","$vertical","$horizontal","$invalid","HvCheckBox","indeterminate","selectAll","HvWarningText","disableBorder","error"],"mappings":";;;;;;;;;;;;AAgBA,MAAMA,wBAAwBA,CAACC,UAAUC,UAAU;AACjD,MAAID,aAAa,GAAG;AACX,WAAA;AAAA,EACT;AAEA,MAAIA,aAAaC,OAAO;AACf,WAAA;AAAA,EACT;AAEO,SAAA;AACT;AAEA,MAAMC,+BAA+BA,CAACC,aAA8B;AAClE,QAAMC,iBAAiBC,SAASC,QAAQH,QAAQ,EAC7CI,IAAI,CAACC,UAAe;;AACbC,UAAAA,sBAAoBD,oCAAOE,UAAPF,mBAAcG,aAAYC;AACpD,UAAMC,kBAAkBJ,qBACpBD,oCAAOE,UAAPF,mBAAcG,WACdH,oCAAOE,UAAPF,mBAAcM;AAEXD,WAAAA,mBAAkBL,oCAAOE,UAAPF,mBAAcO,QAAQH;AAAAA,EAAAA,CAChD,EACAI,OAAQC,CAAAA,MAAMA,MAAML,MAAS;AAEzBR,SAAAA;AACT;AA2FO,MAAMc,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAlB;AAAAA,EACAmB;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAZ,OAAOa;AAAAA,EACPC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,gBAAgB;AAAA,EAChBC,cAAc;AAAA,EACdC,iBAAiB;AAAA,EACjBC,4BAA4B;AAAA,EAC5B,cAAcC;AAAAA,EACd,mBAAmBC;AAAAA,EACnB,oBAAoBC;AAAAA,EACpB,qBAAqBC;AAAAA,EACrBC;AAAAA,EACA,GAAGC;AACiB,MAAM;AAC1B,QAAM,CAAC1B,OAAO2B,QAAQ,IAAIC,cACxBf,WACAD,iBAAiBf,SACbe;AAAAA;AAAAA;AAAAA,IAGA,MAAMzB,6BAA6BC,QAAQ;AAAA,GAAC;AAGlD,QAAM,CAACyC,iBAAiBC,kBAAkB,IAAIF,cAC5ClB,QACA,SAAS;AAGX,QAAM,CAACqB,iBAAiB,IAAIH,cAAcjB,eAAe,UAAU;AAE7DqB,QAAAA,YAAYC,YAAY7B,IAAI,iBAAiB;AAE7C8B,QAAAA,kBAAkBC,OAAOtC,MAAS;AAExC,QAAM,CAACuC,WAAWC,eAAeC,aAAa,IAAIC,QAAQ,MAAM;AAC9D,UAAMC,cAAqB,CAAA;AAC3B,UAAMC,qBAAgC,CAAA;AACtC,QAAIC,uBAAuB;AAE3BpD,aAASC,QAAQH,QAAQ,EAAEuD,QAAQ,CAAClD,OAAYmD,MAAc;;AACtDC,YAAAA,cAAapD,oCAAOE,UAAPF,mBAAcO;AACjC,YAAMF,kBAAkBE,MAAM8C,QAAQD,UAAU,MAAM;AAEtDL,kBAAYI,CAAC,IAAIC;AACjBJ,yBAAmBG,CAAC,IAAI9C;AAExB,UAAIA,iBAAiB;AACK,gCAAA;AAAA,MAC1B;AAAA,IAAA,CACD;AAEM,WAAA,CAAC0C,aAAaC,oBAAoBC,oBAAoB;AAAA,EAAA,GAC5D,CAACtD,UAAUY,KAAK,CAAC;AAEpB,QAAM+C,iBAAiB/D,sBACrBgB,MAAMgD,QACNX,cAAcW,MAAM;AAGtB,QAAMC,2BAA2BC,YAC/B,CACEC,OACAC,eAIAC,OACAC,cACG;AACH,UAAMC,WAAWC,2BACfH,OACAF,OACAjB,iBACAE,WACAC,eACAiB,SAAS;AAGXF,mDAAgBC,OAAOC;AAEvB7B,yCAAW4B,OAAOE;AAElB5B,aAAS,MAAM;AAGTb,UAAAA,YAAYyC,SAASP,WAAW,GAAG;AACrClB,2BAAmB,SAAS;AAAA,MAAA,OACvB;AACLA,2BAAmB,OAAO;AAAA,MAC5B;AAEOyB,aAAAA;AAAAA,IAAAA,CACR;AAAA,EAAA,GAEH,CAACnB,WAAWX,UAAUX,UAAUuB,eAAeP,oBAAoBH,QAAQ,CAAC;AAGxE8B,QAAAA,mBAAmBlB,QAAQ,MAAM;AACrC,WAAOjD,SAASE,IAAIJ,UAAU,CAACK,OAAYmD,MAAc;;AACjD9C,YAAAA,kBAAkBuC,cAAcO,CAAC;AAEvC,aAAOc,aAAajE,OAAO;AAAA,QACzBG,SAASE;AAAAA,QACTS,QAAMd,oCAAOE,UAAPF,mBAAcc,SAAQA;AAAAA,QAC5BkB,UAAUA,CACR4B,OACAC,cAEAL;;AAAAA,0CAAyBL,IAAGnD,MAAAA,+BAAOE,UAAPF,gBAAAA,IAAcgC,UAAU4B,OAAOC,SAAS;AAAA;AAAA,QACtEtC,UAAUA,cAAYvB,oCAAOE,UAAPF,mBAAcuB;AAAAA,QACpCD,UAAUA,cAAYtB,oCAAOE,UAAPF,mBAAcsB;AAAAA,MAAAA,CACrC;AAAA,IAAA,CACF;AAAA,EAAA,GACA,CACD3B,UACA4B,UACAT,MACA0C,0BACAlC,UACAsB,aAAa,CACd;AAEKsB,QAAAA,kBAAkBA,CACtBN,OACAO,qBACG;AACCL,QAAAA;AACJ,QAAIK,kBAAkB;AACT,iBAAA,CAAC,GAAGxB,SAAS;AAAA,IAAA,OACnB;AACLmB,iBAAW,CAAA;AAAA,IACb;AAEA9B,yCAAW4B,OAAOE;AAElB5B,aAAS,MAAM;AAETb,UAAAA,YAAYyC,SAASP,WAAW,GAAG;AACrClB,2BAAmB,SAAS;AAAA,MAAA,OACvB;AACLA,2BAAmB,OAAO;AAAA,MAC5B;AAEOyB,aAAAA;AAAAA,IAAAA,CACR;AAAA,EAAA;AAGGM,QAAAA,8CACJC,UAAA;AAAA,IAAA1E,UACGkD,kBAAkB,IACjByB,qBAAAD,UAAA;AAAA,MAAA1E,WACE4E,oBAAA,KAAA;AAAA,QAAA5E,UAAI+B;AAAAA,MAAAA,CAAmB,GACrB,KAAI7B,SAASC,QAAQH,QAAQ,EAAE4D,SAAS;AAAA,IAAA,CACzC,IAEHe,qBAAAD,UAAA;AAAA,MAAA1E,WACE4E,oBAAA,KAAA;AAAA,QAAA5E,UAAIkD;AAAAA,MAAAA,CAAa,GACf,IAAGlB,6BAA6B9B,SAASC,QAAQH,QAAQ,EAAE4D,QAAQ;AAAA,IAAA,CAAA;AAAA,EAAA,CAI5E;AAMKiB,QAAAA,eACJzC,oBAAoB,SAClBd,WAAWb,UAAac,kBAAkBd,UACzCa,WAAWb,UAAaiB;AAE7B,QAAMoD,iBAAiBD,eACnBE,MAAMnC,WAAW,OAAO,IACxBR;AAEJ,8BACG4C,mBAAiB;AAAA,IAChBhE;AAAAA,IACAG;AAAAA,IACAG,QAAQmB;AAAAA,IACRb;AAAAA,IACAF;AAAAA,IACAC;AAAAA,IACAT,WAAW+D,KAAK/D,WAAWD,mCAASiE,MAAMC,qBAAqBD,IAAI;AAAA,IAAElF,UAEpEoB,CAAAA,SACCwD,oBAACQ,aAAW;AAAA,MACVpE,IAAI+D,MAAMnC,WAAW,OAAO;AAAA,MAC5BxB;AAAAA,MACAF,WAAW+D,KAAKhE,mCAASG,OAAO+D,qBAAqB/D,KAAK;AAAA,IAAA,CAAE,GAI/DC,eACCuD,oBAACS,eAAa;AAAA,MAACrE,IAAI+D,MAAMnC,WAAW,aAAa;AAAA,MAAE5C,UAChDqB;AAAAA,IAAAA,CAEJ,GAEDsD,qBAACW,sBAAoB;AAAA,MACnBC,MAAK;AAAA,MACL,cAAYtD;AAAAA,MACZ,mBACEC,kBAAmBd,SAAS2D,MAAMnC,WAAW,OAAO,KAAMnC;AAAAA,MAE5D,iBAAemB,WAAW,OAAOnB;AAAAA,MACjC,gBAAcgC,oBAAoB,YAAY,OAAOhC;AAAAA,MACrD,qBACEgC,oBAAoB,YAAYqC,iBAAiBrE;AAAAA,MAEnD,oBACE,CAACY,eAAe0D,MAAMnC,WAAW,aAAa,GAAGT,eAAe,EAC7DqD,KAAK,GAAG,EACRC,UAAUhF;AAAAA,MAEfS,WAAW+D,KACThE,mCAASyE,OACTP,qBAAqBO,OACrB5D,gBAAgB,cACdmD,KAAKhE,mCAAS0E,UAAUR,qBAAqBQ,QAAQ,GACvD7D,gBAAgB,gBACdmD,KAAKhE,mCAAS2E,YAAYT,qBAAqBS,UAAU,GAC3DnD,oBAAoB,aAClBwC,KAAKhE,mCAAS4E,SAASV,qBAAqBU,OAAO,CAAC;AAAA,MAExDC,WAAWhE,gBAAgB;AAAA,MAC3BiE,aAAajE,gBAAgB;AAAA,MAC7BkE,UAAUvD,oBAAoB;AAAA,MAAU,GACpCH;AAAAA,MAAMtC,UAET6B,CAAAA,iBACC+C,oBAACqB,YAAU;AAAA,QACTzF,SAASmD,mBAAmB;AAAA,QAC5BuC,eAAevC,mBAAmB;AAAA,QAClCvC,OAAOqD;AAAAA,QACP7C;AAAAA,QACAD;AAAAA,QACAT,WAAW+D,KAAKhE,mCAASkF,WAAWhB,qBAAqBgB,SAAS;AAAA,QAClE9D,UAAUkC;AAAAA,MAAgB,CAAA,GAG7BF,gBAAgB;AAAA,IAAA,CAAA,GAGlBQ,gBACCD,oBAACwB,eAAa;AAAA,MACZpF,IAAI+D,MAAMnC,WAAW,OAAO;AAAA,MAC5ByD,eAAa;AAAA,MACbnF,WAAW+D,KAAKhE,mCAASqF,OAAOnB,qBAAqBmB,KAAK;AAAA,MAAEtG,UAE3D2C;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACiB;AAExB;"}
1	+ {"version":3,"file":"CheckBoxGroup.js","sources":["../../../../src/components/CheckBoxGroup/CheckBoxGroup.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport { clsx } from \"clsx\";\nimport { useControlled, useUniqueId } from \"@core/hooks\";\nimport { multiSelectionEventHandler, setId } from \"@core/utils\";\nimport { HvCheckBox, HvInfoMessage, HvWarningText } from \"@core/components\";\nimport { Children, cloneElement, useCallback, useMemo, useRef } from \"react\";\nimport {\n StyledFormElement,\n StyledGroupContainer,\n StyledLabel,\n} from \"./CheckBoxGroup.styles\";\nimport { HvFormStatus } from \"../Forms\";\nimport checkBoxGroupClasses, {\n HvCheckBoxGroupClasses,\n} from \"./checkBoxGroupClasses\";\n\nconst computeSelectAllState = (selected, total) => {\n if (selected === 0) {\n return \"none\";\n }\n\n if (selected === total) {\n return \"all\";\n }\n\n return \"some\";\n};\n\nconst getValueFromSelectedChildren = (children: React.ReactNode) => {\n const selectedValues = Children.toArray(children)\n .map((child: any) => {\n const childIsControlled = child?.props?.checked !== undefined;\n const childIsSelected = childIsControlled\n ? child?.props?.checked\n : child?.props?.defaultChecked;\n\n return childIsSelected ? child?.props?.value : undefined;\n })\n .filter((v) => v !== undefined);\n\n return selectedValues;\n};\n\nexport interface HvCheckBoxGroupProps\n extends HvBaseProps<HTMLDivElement, \"onChange\"> {\n /*\n The form element name.\n \n It is propagated to the children checkboxes, unless they already have one.\n /\n name?: string;\n /\n The value of the form element. An array of values represented in the child checkboxes.\n \n When defined the checkbox group state becomes controlled.\n /\n value?: any[];\n /\n When uncontrolled, defines the initial value.\n /\n defaultValue?: any[];\n /\n The label of the form element.\n \n The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n /\n label?: React.ReactNode;\n /\n Provide additional descriptive text for the form element.\n /\n description?: React.ReactNode;\n /\n Indicates that the form element is disabled.\n * If `true` the state is propagated to the children checkboxes.\n /\n disabled?: boolean;\n /\n Indicates that the form element is not editable.\n * If `true` the state is propagated to the children checkboxes.\n /\n readOnly?: boolean;\n /\n Indicates that user input is required on the form element.\n /\n required?: boolean;\n /\n The status of the form element.\n \n Valid is correct, invalid is incorrect and standBy means no validations have run.\n \n When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n /\n status?: HvFormStatus;\n /\n The error message to show when the validation status is \"invalid\".\n \n Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n /\n statusMessage?: React.ReactNode;\n /\n The callback fired when the value changes.\n /\n onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: any[]) => void;\n /\n Indicates whether the checkbox group's orientation is horizontal or vertical.\n \n Defaults to vertical.\n /\n orientation?: \"vertical\" \| \"horizontal\";\n /\n Indicates if an additional select all checkbox should be shown.\n /\n showSelectAll?: boolean;\n /\n The label of the select all checkbox. Defaults to \"All\".\n /\n selectAllLabel?: string;\n /\n Custom label for select all checkbox conjunction\n /\n selectAllConjunctionLabel?: string;\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes?: HvCheckBoxGroupClasses;\n}\n\n/\n A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.\n */\nexport const HvCheckBoxGroup = ({\n id,\n classes,\n className,\n children,\n name,\n label,\n description,\n status,\n statusMessage,\n defaultValue,\n value: valueProp,\n required = false,\n readOnly = false,\n disabled = false,\n showSelectAll = false,\n orientation = \"vertical\",\n selectAllLabel = \"All\",\n selectAllConjunctionLabel = \"/\",\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-errormessage\": ariaErrorMessage,\n onChange,\n ...others\n}: HvCheckBoxGroupProps) => {\n const [value, setValue] = useControlled(\n valueProp,\n defaultValue !== undefined\n ? defaultValue\n : // When uncontrolled and no default value is given,\n // extract the initial selected values from the children own state\n () => getValueFromSelectedChildren(children)\n );\n\n const [validationState, setValidationState] = useControlled(\n status,\n \"standBy\"\n );\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const elementId = useUniqueId(id, \"hvcheckboxgroup\");\n\n const selectionAnchor = useRef(undefined);\n\n const [allValues, selectedState, selectedCount] = useMemo(() => {\n const childValues: any[] = [];\n const childSelectedState: boolean[] = [];\n let childSelectedCounter = 0;\n\n Children.toArray(children).forEach((child: any, i: number) => {\n const childValue = child?.props?.value;\n const childIsSelected = value.indexOf(childValue) !== -1;\n\n childValues[i] = childValue;\n childSelectedState[i] = childIsSelected;\n\n if (childIsSelected) {\n childSelectedCounter += 1;\n }\n });\n\n return [childValues, childSelectedState, childSelectedCounter];\n }, [children, value]);\n\n const selectAllState = computeSelectAllState(\n value.length,\n selectedState.length\n );\n\n const onChildChangeInterceptor = useCallback(\n (\n index: number,\n childOnChange: (\n event: React.ChangeEvent<HTMLInputElement>,\n isChecked: boolean\n ) => void,\n event: React.ChangeEvent<HTMLInputElement>,\n isChecked: boolean\n ) => {\n const newValue = multiSelectionEventHandler(\n event,\n index,\n selectionAnchor,\n allValues,\n selectedState,\n isChecked\n );\n\n childOnChange?.(event, isChecked);\n\n onChange?.(event, newValue);\n\n setValue(() => {\n // This will only run if uncontrolled\n\n if (required && newValue.length === 0) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newValue;\n });\n },\n [allValues, onChange, required, selectedState, setValidationState, setValue]\n );\n\n const modifiedChildren = useMemo(() => {\n return Children.map(children, (child: any, i: number) => {\n const childIsSelected = selectedState[i];\n\n return cloneElement(child, {\n checked: childIsSelected,\n name: child?.props?.name \|\| name,\n onChange: (\n event: React.ChangeEvent<HTMLInputElement>,\n isChecked: boolean\n ) =>\n onChildChangeInterceptor(i, child?.props?.onChange, event, isChecked),\n disabled: disabled \|\| child?.props?.disabled,\n readOnly: readOnly \|\| child?.props?.readOnly,\n });\n });\n }, [\n children,\n disabled,\n name,\n onChildChangeInterceptor,\n readOnly,\n selectedState,\n ]);\n\n const handleSelectAll = (\n event: React.ChangeEvent<HTMLInputElement>,\n selectAllChecked: boolean\n ) => {\n let newValue: any[];\n if (selectAllChecked) {\n newValue = [...allValues];\n } else {\n newValue = [];\n }\n\n onChange?.(event, newValue);\n\n setValue(() => {\n // This will only run if uncontrolled\n if (required && newValue.length === 0) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newValue;\n });\n };\n\n const selectAllLabelComponent =\n selectedCount === 0 ? (\n <>\n <b>{selectAllLabel}</b>\n {` (${Children.toArray(children).length})`}\n </>\n ) : (\n <>\n <b>{selectedCount}</b>\n {` ${selectAllConjunctionLabel} ${Children.toArray(children).length}`}\n </>\n );\n\n // The error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) \|\|\n (status === undefined && required));\n\n const errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n\n return (\n <StyledFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(className, classes?.root, checkBoxGroupClasses.root)}\n >\n {label && (\n <StyledLabel\n id={setId(elementId, \"label\")}\n label={label}\n className={clsx(classes?.label, checkBoxGroupClasses.label)}\n />\n )}\n\n {description && (\n <HvInfoMessage id={setId(elementId, \"description\")}>\n {description}\n </HvInfoMessage>\n )}\n\n <StyledGroupContainer\n role=\"group\"\n aria-label={ariaLabel}\n aria-labelledby={\n ariaLabelledBy \|\| (label && setId(elementId, \"label\")) \|\| undefined\n }\n aria-disabled={disabled ? true : undefined}\n aria-invalid={validationState === \"invalid\" ? true : undefined}\n aria-errormessage={\n validationState === \"invalid\" ? errorMessageId : undefined\n }\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy]\n .join(\" \")\n .trim() \|\| undefined\n }\n className={clsx(\n classes?.group,\n checkBoxGroupClasses.group,\n orientation === \"vertical\" &&\n clsx(classes?.vertical, checkBoxGroupClasses.vertical),\n orientation === \"horizontal\" &&\n clsx(classes?.horizontal, checkBoxGroupClasses.horizontal),\n validationState === \"invalid\" &&\n clsx(classes?.invalid, checkBoxGroupClasses.invalid)\n )}\n $vertical={orientation === \"vertical\"}\n $horizontal={orientation === \"horizontal\"}\n $invalid={validationState === \"invalid\"}\n {...others}\n >\n {showSelectAll && (\n <HvCheckBox\n checked={selectAllState === \"all\"}\n indeterminate={selectAllState === \"some\"}\n label={selectAllLabelComponent}\n disabled={disabled}\n readOnly={readOnly}\n className={clsx(classes?.selectAll, checkBoxGroupClasses.selectAll)}\n onChange={handleSelectAll}\n />\n )}\n {modifiedChildren}\n </StyledGroupContainer>\n\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n disableBorder\n className={clsx(classes?.error, checkBoxGroupClasses.error)}\n >\n {validationMessage}\n </HvWarningText>\n )}\n </StyledFormElement>\n );\n};\n"],"names":["computeSelectAllState","selected","total","getValueFromSelectedChildren","children","selectedValues","Children","toArray","map","child","childIsControlled","props","checked","undefined","childIsSelected","defaultChecked","value","filter","v","HvCheckBoxGroup","id","classes","className","name","label","description","status","statusMessage","defaultValue","valueProp","required","readOnly","disabled","showSelectAll","orientation","selectAllLabel","selectAllConjunctionLabel","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","onChange","others","setValue","useControlled","validationState","setValidationState","validationMessage","elementId","useUniqueId","selectionAnchor","useRef","allValues","selectedState","selectedCount","useMemo","childValues","childSelectedState","childSelectedCounter","forEach","i","childValue","indexOf","selectAllState","length","onChildChangeInterceptor","useCallback","index","childOnChange","event","isChecked","newValue","multiSelectionEventHandler","modifiedChildren","cloneElement","handleSelectAll","selectAllChecked","selectAllLabelComponent","_jsxs","_Fragment","_jsx","canShowError","errorMessageId","setId","StyledFormElement","clsx","root","checkBoxGroupClasses","StyledLabel","HvInfoMessage","StyledGroupContainer","role","join","trim","group","vertical","horizontal","invalid","$vertical","$horizontal","$invalid","HvCheckBox","indeterminate","selectAll","HvWarningText","disableBorder","error"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import {\n HvBaseDropdown,\n HvFormElement,\n HvInfoMessage,\n HvLabel,\n HvPanel,\n HvTypography,\n} from \"@core/components\";\nimport { ClassNames } from \"@emotion/react\";\nimport { Checkbox, ColorPicker } from \"@hitachivantara/uikit-react-icons\";\nimport { Picker } from \"./Picker\";\nimport { styles } from \"./ColorPicker.styles\";\nimport colorPickerClasses, { HvColorPickerClasses } from \"./colorPickerClasses\";\nimport { ColorState } from \"react-color\";\nimport { PresetColors } from \"./PresetColors\";\nimport { SavedColors } from \"./SavedColors\";\nimport { useControlled, useLabels, useTheme, useUniqueId } from \"@core/hooks\";\nimport { setId } from \"@core/utils\";\n\nexport interface HvColorPickerProps {\n \"aria-label\"?: string;\n \"aria-labelledby\"?: string;\n \"aria-describedby\"?: string;\n /** Class names to be applied. /\n className?: string;\n /* Id to be applied to the form element root node. /\n id?: string;\n /* The form element name. /\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 /* Provide additional descriptive text for the form element. /\n description?: React.ReactNode;\n /* Indicates that user input is required on the form element. /\n required?: boolean;\n /* The value color, in HEX format. /\n value?: string;\n /* The default value color, in HEX format. /\n defaultValue?: string;\n /* If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled. /\n disabled?: boolean;\n /* If `true` the dropdown starts opened if `false` it starts closed. /\n expanded?: boolean;\n /* When uncontrolled, defines the initial expanded state. /\n defaultExpanded?: boolean;\n /* A function to be executed whenever the color changes. /\n onChange?: (color: string) => void;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvColorPickerClasses;\n /* The placeholder value when nothing is selected. /\n placeholder?: string;\n /* Recommended colors. The colors are HEX values. /\n recommendedColors?: string[];\n /* Recommended colors position. /\n recommendedColorsPosition?: \"top\" \| \"bottom\";\n /* If `true`, the labels are shown. If `false`, they are not shown. /\n showLabels?: boolean;\n /* An object containing all the labels. /\n labels?: {\n recommendedColorsLabel?: string;\n customColorsLabel?: string;\n };\n /* Icon type for the input's end adornment. /\n dropdownIcon?: \"arrow\" \| \"colorPicker\";\n /* If `true`, the input only shows an icon. If `false`, the input shows text and icons. /\n iconOnly?: boolean;\n /* If `true`, the saved colors area is shown. If `false`, it is not shown. /\n showSavedColors?: boolean;\n /* If `true`, the custom colors area is shown. If `false`, it is not shown. /\n showCustomColors?: boolean;\n /* The saved colors. The colors are HEX values. /\n savedColorsValue?: string[];\n /* The default saved colors. The colors are HEX values. /\n defaultSavedColorsValue?: string[];\n /* Callback fired when a new saved color is added. /\n onSavedColorAdded?: (color?: string) => void;\n /* Callback fired when a new saved color is removed. /\n onSavedColorRemoved?: (color?: string) => void;\n /* Aria label to apply to delete saved color button. /\n deleteSavedColorButtonArialLabel?: string;\n}\n\nconst DEFAULT_LABELS: HvColorPickerProps[\"labels\"] = {\n recommendedColorsLabel: \"Recommended colors:\",\n customColorsLabel: \"Custom colors:\",\n};\n\n/\n A color picker component which allows the user to select a color from a list of pre-defined colors or freely select one color via the Hue and Saturation.\n * It receives a color string in HEX format and outputs an HEX formatted color.\n */\nexport const HvColorPicker = ({\n id,\n name,\n required = false,\n disabled = false,\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n className,\n classes,\n value,\n onChange,\n defaultValue = \"\",\n expanded,\n defaultExpanded = false,\n recommendedColorsPosition = \"top\",\n recommendedColors = [\n \"#95AFE8\",\n \"#E89E5D\",\n \"#83B8A6\",\n \"#70759C\",\n \"#C57E7E\",\n \"#FADA95\",\n \"#ADBFE8\",\n \"#E3B386\",\n \"#9AC6B7\",\n \"#8B90AF\",\n \"#CF9797\",\n \"#FAE1AA\",\n ],\n showLabels = true,\n labels: labelsProp,\n dropdownIcon = \"colorPicker\",\n placeholder = \"Select color...\",\n iconOnly = false,\n showSavedColors = true,\n showCustomColors = true,\n savedColorsValue,\n defaultSavedColorsValue = [],\n onSavedColorAdded,\n onSavedColorRemoved,\n deleteSavedColorButtonArialLabel = \"Delete saved color\",\n}: HvColorPickerProps) => {\n const { activeTheme } = useTheme();\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n const [color, setColor] = useControlled(value, defaultValue);\n const [savedColors, setSavedColors] = useControlled(\n savedColorsValue,\n defaultSavedColorsValue\n );\n const elementId = useUniqueId(id, \"hvdropdown\");\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n const handleToggle = (_, open: boolean) => {\n setIsOpen(open);\n };\n\n const handleSelect = (val: ColorState \| { hex: string; source: string }) => {\n onChange?.(val.hex);\n setColor(val.hex);\n };\n\n const handleAddColor = () => {\n // When no color is provided, react-color sets the picker to #000000.\n // This is the color that should be added in this case.\n const colorToAdd = color \|\| \"#000000\";\n\n onSavedColorAdded?.(colorToAdd);\n setSavedColors([...savedColors, colorToAdd]);\n };\n\n const handleRemoveColor = (val: string, position: number) => {\n if (savedColors[position] === val) {\n const sColors = [...savedColors];\n sColors.splice(position, 1);\n onSavedColorRemoved?.(val);\n setSavedColors(sColors);\n }\n };\n\n const setFocusToContent = (containerRef: HTMLElement \| null) => {\n const inputs = containerRef?.getElementsByTagName(\"input\");\n if (inputs && inputs.length > 0) {\n inputs[0].focus();\n }\n };\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <HvFormElement\n id={id}\n name={name}\n disabled={disabled}\n required={required}\n className={cx(colorPickerClasses.root, className, classes?.root)}\n >\n {(hasLabel \|\| hasDescription) && (\n <div\n className={cx(\n colorPickerClasses.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 colorPickerClasses.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 colorPickerClasses.description,\n classes?.description\n )}\n >\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n <HvBaseDropdown\n className={className}\n expanded={isOpen}\n onToggle={handleToggle}\n onContainerCreation={setFocusToContent}\n classes={{\n root: iconOnly\n ? cx(\n colorPickerClasses.dropdownRootIconOnly,\n css(styles.dropdownRootIconOnly),\n classes?.dropdownRootIconOnly\n )\n : undefined,\n }}\n adornment={\n iconOnly && color ? (\n <Checkbox\n className={cx(\n colorPickerClasses.headerColorIconOnly,\n css(styles.headerColorIconOnly),\n css({\n \"& svg:last-child\": {\n fill: color,\n },\n }),\n classes?.headerColorIconOnly\n )}\n color={[color]}\n />\n ) : dropdownIcon === \"colorPicker\" ? (\n <ColorPicker\n className={cx(\n colorPickerClasses.colorPickerIcon,\n css(styles.colorPickerIcon),\n classes?.colorPickerIcon\n )}\n />\n ) : undefined\n }\n placeholder={\n iconOnly ? undefined : color ? (\n <>\n <Checkbox\n className={cx(\n colorPickerClasses.headerColorIcon,\n css(styles.headerColorIcon),\n css({\n \"& svg:last-child\": {\n fill: color,\n },\n }),\n classes?.headerColorIcon\n )}\n color={[color]}\n />\n <HvTypography\n className={cx(\n colorPickerClasses.headerColorValue,\n css(styles.headerColorValue),\n classes?.headerColorValue\n )}\n variant={activeTheme?.colorPicker.inputValueVariant}\n >\n {color}\n </HvTypography>\n </>\n ) : (\n placeholder\n )\n }\n aria-label={ariaLabel}\n aria-labelledby={\n [label && setId(elementId, \"label\"), ariaLabelledBy]\n .join(\" \")\n .trim() \|\| undefined\n }\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy]\n .join(\" \")\n .trim() \|\| undefined\n }\n >\n <HvPanel\n className={cx(\n colorPickerClasses.panel,\n css(styles.panel),\n classes?.panel\n )}\n >\n <div\n className={cx(\n colorPickerClasses.colorPicker,\n css(styles.colorPicker),\n classes?.colorPicker\n )}\n >\n {recommendedColorsPosition === \"top\" && (\n <PresetColors\n className={cx(\n colorPickerClasses.recommendedColorsRoot,\n (showCustomColors \|\| showSavedColors) &&\n css({\n paddingBottom:\n activeTheme?.colorPicker\n .recommendedColorsBottomPadding,\n }),\n classes?.recommendedColorsRoot\n )}\n colors={recommendedColors}\n onClick={handleSelect}\n title={\n showLabels ? labels?.recommendedColorsLabel : undefined\n }\n />\n )}\n {showCustomColors && (\n <Picker\n classes={{\n fields:\n recommendedColorsPosition === \"bottom\" \|\|\n showSavedColors\n ? cx(\n colorPickerClasses.pickerFields,\n css(styles.pickerFields),\n classes?.pickerFields\n )\n : undefined,\n }}\n title={showLabels ? labels?.customColorsLabel : undefined}\n color={color}\n onChange={handleSelect}\n />\n )}\n {showSavedColors && (\n <SavedColors\n colors={savedColors}\n onAddColor={handleAddColor}\n onClickColor={handleSelect}\n onRemoveColor={handleRemoveColor}\n deleteButtonArialLabel={deleteSavedColorButtonArialLabel}\n />\n )}\n {recommendedColorsPosition === \"bottom\" && (\n <PresetColors\n colors={recommendedColors}\n onClick={handleSelect}\n title={\n showLabels ? labels?.recommendedColorsLabel : undefined\n }\n />\n )}\n </div>\n </HvPanel>\n </HvBaseDropdown>\n </HvFormElement>\n )}\n </ClassNames>\n );\n};\n"],"names":["DEFAULT_LABELS","recommendedColorsLabel","customColorsLabel","HvColorPicker","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","className","classes","value","onChange","defaultValue","expanded","defaultExpanded","recommendedColorsPosition","recommendedColors","showLabels","labels","labelsProp","dropdownIcon","placeholder","iconOnly","showSavedColors","showCustomColors","savedColorsValue","defaultSavedColorsValue","onSavedColorAdded","onSavedColorRemoved","deleteSavedColorButtonArialLabel","activeTheme","useTheme","useLabels","isOpen","setIsOpen","useControlled","Boolean","color","setColor","savedColors","setSavedColors","elementId","useUniqueId","hasLabel","hasDescription","handleToggle","_","open","handleSelect","val","hex","handleAddColor","colorToAdd","handleRemoveColor","position","sColors","splice","setFocusToContent","containerRef","inputs","getElementsByTagName","length","focus","ClassNames","children","css","cx","HvFormElement","colorPickerClasses","root","labelContainer","styles","_jsx","HvLabel","setId","HvInfoMessage","HvBaseDropdown","onToggle","onContainerCreation","dropdownRootIconOnly","undefined","adornment","Checkbox","headerColorIconOnly","fill","ColorPicker","colorPickerIcon","_Fragment","headerColorIcon","HvTypography","headerColorValue","variant","colorPicker","inputValueVariant","join","trim","HvPanel","panel","PresetColors","recommendedColorsRoot","paddingBottom","recommendedColorsBottomPadding","colors","onClick","title","Picker","fields","pickerFields","SavedColors","onAddColor","onClickColor","onRemoveColor","deleteButtonArialLabel"],"mappings":"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"}
1	+ {"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import {\n HvBaseDropdown,\n HvFormElement,\n HvInfoMessage,\n HvLabel,\n HvPanel,\n HvTypography,\n} from \"@core/components\";\nimport { ClassNames } from \"@emotion/react\";\nimport { Checkbox, ColorPicker } from \"@hitachivantara/uikit-react-icons\";\nimport { ColorState } from \"react-color\";\nimport { useControlled, useLabels, useTheme, useUniqueId } from \"@core/hooks\";\nimport { setId } from \"@core/utils\";\nimport { Picker } from \"./Picker\";\nimport { styles } from \"./ColorPicker.styles\";\nimport colorPickerClasses, { HvColorPickerClasses } from \"./colorPickerClasses\";\nimport { PresetColors } from \"./PresetColors\";\nimport { SavedColors } from \"./SavedColors\";\n\nexport interface HvColorPickerProps {\n \"aria-label\"?: string;\n \"aria-labelledby\"?: string;\n \"aria-describedby\"?: string;\n /** Class names to be applied. /\n className?: string;\n /* Id to be applied to the form element root node. /\n id?: string;\n /* The form element name. /\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 /* Provide additional descriptive text for the form element. /\n description?: React.ReactNode;\n /* Indicates that user input is required on the form element. /\n required?: boolean;\n /* The value color, in HEX format. /\n value?: string;\n /* The default value color, in HEX format. /\n defaultValue?: string;\n /* If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled. /\n disabled?: boolean;\n /* If `true` the dropdown starts opened if `false` it starts closed. /\n expanded?: boolean;\n /* When uncontrolled, defines the initial expanded state. /\n defaultExpanded?: boolean;\n /* A function to be executed whenever the color changes. /\n onChange?: (color: string) => void;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvColorPickerClasses;\n /* The placeholder value when nothing is selected. /\n placeholder?: string;\n /* Recommended colors. The colors are HEX values. /\n recommendedColors?: string[];\n /* Recommended colors position. /\n recommendedColorsPosition?: \"top\" \| \"bottom\";\n /* If `true`, the labels are shown. If `false`, they are not shown. /\n showLabels?: boolean;\n /* An object containing all the labels. /\n labels?: {\n recommendedColorsLabel?: string;\n customColorsLabel?: string;\n };\n /* Icon type for the input's end adornment. /\n dropdownIcon?: \"arrow\" \| \"colorPicker\";\n /* If `true`, the input only shows an icon. If `false`, the input shows text and icons. /\n iconOnly?: boolean;\n /* If `true`, the saved colors area is shown. If `false`, it is not shown. /\n showSavedColors?: boolean;\n /* If `true`, the custom colors area is shown. If `false`, it is not shown. /\n showCustomColors?: boolean;\n /* The saved colors. The colors are HEX values. /\n savedColorsValue?: string[];\n /* The default saved colors. The colors are HEX values. /\n defaultSavedColorsValue?: string[];\n /* Callback fired when a new saved color is added. /\n onSavedColorAdded?: (color?: string) => void;\n /* Callback fired when a new saved color is removed. /\n onSavedColorRemoved?: (color?: string) => void;\n /* Aria label to apply to delete saved color button. /\n deleteSavedColorButtonArialLabel?: string;\n}\n\nconst DEFAULT_LABELS: HvColorPickerProps[\"labels\"] = {\n recommendedColorsLabel: \"Recommended colors:\",\n customColorsLabel: \"Custom colors:\",\n};\n\n/\n A color picker component which allows the user to select a color from a list of pre-defined colors or freely select one color via the Hue and Saturation.\n * It receives a color string in HEX format and outputs an HEX formatted color.\n */\nexport const HvColorPicker = ({\n id,\n name,\n required = false,\n disabled = false,\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n className,\n classes,\n value,\n onChange,\n defaultValue = \"\",\n expanded,\n defaultExpanded = false,\n recommendedColorsPosition = \"top\",\n recommendedColors = [\n \"#95AFE8\",\n \"#E89E5D\",\n \"#83B8A6\",\n \"#70759C\",\n \"#C57E7E\",\n \"#FADA95\",\n \"#ADBFE8\",\n \"#E3B386\",\n \"#9AC6B7\",\n \"#8B90AF\",\n \"#CF9797\",\n \"#FAE1AA\",\n ],\n showLabels = true,\n labels: labelsProp,\n dropdownIcon = \"colorPicker\",\n placeholder = \"Select color...\",\n iconOnly = false,\n showSavedColors = true,\n showCustomColors = true,\n savedColorsValue,\n defaultSavedColorsValue = [],\n onSavedColorAdded,\n onSavedColorRemoved,\n deleteSavedColorButtonArialLabel = \"Delete saved color\",\n}: HvColorPickerProps) => {\n const { activeTheme } = useTheme();\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n const [color, setColor] = useControlled(value, defaultValue);\n const [savedColors, setSavedColors] = useControlled(\n savedColorsValue,\n defaultSavedColorsValue\n );\n const elementId = useUniqueId(id, \"hvdropdown\");\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n const handleToggle = (_, open: boolean) => {\n setIsOpen(open);\n };\n\n const handleSelect = (val: ColorState \| { hex: string; source: string }) => {\n onChange?.(val.hex);\n setColor(val.hex);\n };\n\n const handleAddColor = () => {\n // When no color is provided, react-color sets the picker to #000000.\n // This is the color that should be added in this case.\n const colorToAdd = color \|\| \"#000000\";\n\n onSavedColorAdded?.(colorToAdd);\n setSavedColors([...savedColors, colorToAdd]);\n };\n\n const handleRemoveColor = (val: string, position: number) => {\n if (savedColors[position] === val) {\n const sColors = [...savedColors];\n sColors.splice(position, 1);\n onSavedColorRemoved?.(val);\n setSavedColors(sColors);\n }\n };\n\n const setFocusToContent = (containerRef: HTMLElement \| null) => {\n const inputs = containerRef?.getElementsByTagName(\"input\");\n if (inputs && inputs.length > 0) {\n inputs[0].focus();\n }\n };\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <HvFormElement\n id={id}\n name={name}\n disabled={disabled}\n required={required}\n className={cx(colorPickerClasses.root, className, classes?.root)}\n >\n {(hasLabel \|\| hasDescription) && (\n <div\n className={cx(\n colorPickerClasses.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 colorPickerClasses.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 colorPickerClasses.description,\n classes?.description\n )}\n >\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n <HvBaseDropdown\n className={className}\n expanded={isOpen}\n onToggle={handleToggle}\n onContainerCreation={setFocusToContent}\n classes={{\n root: iconOnly\n ? cx(\n colorPickerClasses.dropdownRootIconOnly,\n css(styles.dropdownRootIconOnly),\n classes?.dropdownRootIconOnly\n )\n : undefined,\n }}\n adornment={\n iconOnly && color ? (\n <Checkbox\n className={cx(\n colorPickerClasses.headerColorIconOnly,\n css(styles.headerColorIconOnly),\n css({\n \"& svg:last-child\": {\n fill: color,\n },\n }),\n classes?.headerColorIconOnly\n )}\n color={[color]}\n />\n ) : dropdownIcon === \"colorPicker\" ? (\n <ColorPicker\n className={cx(\n colorPickerClasses.colorPickerIcon,\n css(styles.colorPickerIcon),\n classes?.colorPickerIcon\n )}\n />\n ) : undefined\n }\n placeholder={\n iconOnly ? undefined : color ? (\n <>\n <Checkbox\n className={cx(\n colorPickerClasses.headerColorIcon,\n css(styles.headerColorIcon),\n css({\n \"& svg:last-child\": {\n fill: color,\n },\n }),\n classes?.headerColorIcon\n )}\n color={[color]}\n />\n <HvTypography\n className={cx(\n colorPickerClasses.headerColorValue,\n css(styles.headerColorValue),\n classes?.headerColorValue\n )}\n variant={activeTheme?.colorPicker.inputValueVariant}\n >\n {color}\n </HvTypography>\n </>\n ) : (\n placeholder\n )\n }\n aria-label={ariaLabel}\n aria-labelledby={\n [label && setId(elementId, \"label\"), ariaLabelledBy]\n .join(\" \")\n .trim() \|\| undefined\n }\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy]\n .join(\" \")\n .trim() \|\| undefined\n }\n >\n <HvPanel\n className={cx(\n colorPickerClasses.panel,\n css(styles.panel),\n classes?.panel\n )}\n >\n <div\n className={cx(\n colorPickerClasses.colorPicker,\n css(styles.colorPicker),\n classes?.colorPicker\n )}\n >\n {recommendedColorsPosition === \"top\" && (\n <PresetColors\n className={cx(\n colorPickerClasses.recommendedColorsRoot,\n (showCustomColors \|\| showSavedColors) &&\n css({\n paddingBottom:\n activeTheme?.colorPicker\n .recommendedColorsBottomPadding,\n }),\n classes?.recommendedColorsRoot\n )}\n colors={recommendedColors}\n onClick={handleSelect}\n title={\n showLabels ? labels?.recommendedColorsLabel : undefined\n }\n />\n )}\n {showCustomColors && (\n <Picker\n classes={{\n fields:\n recommendedColorsPosition === \"bottom\" \|\|\n showSavedColors\n ? cx(\n colorPickerClasses.pickerFields,\n css(styles.pickerFields),\n classes?.pickerFields\n )\n : undefined,\n }}\n title={showLabels ? labels?.customColorsLabel : undefined}\n color={color}\n onChange={handleSelect}\n />\n )}\n {showSavedColors && (\n <SavedColors\n colors={savedColors}\n onAddColor={handleAddColor}\n onClickColor={handleSelect}\n onRemoveColor={handleRemoveColor}\n deleteButtonArialLabel={deleteSavedColorButtonArialLabel}\n />\n )}\n {recommendedColorsPosition === \"bottom\" && (\n <PresetColors\n colors={recommendedColors}\n onClick={handleSelect}\n title={\n showLabels ? labels?.recommendedColorsLabel : undefined\n }\n />\n )}\n </div>\n </HvPanel>\n </HvBaseDropdown>\n </HvFormElement>\n )}\n </ClassNames>\n );\n};\n"],"names":["DEFAULT_LABELS","recommendedColorsLabel","customColorsLabel","HvColorPicker","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","className","classes","value","onChange","defaultValue","expanded","defaultExpanded","recommendedColorsPosition","recommendedColors","showLabels","labels","labelsProp","dropdownIcon","placeholder","iconOnly","showSavedColors","showCustomColors","savedColorsValue","defaultSavedColorsValue","onSavedColorAdded","onSavedColorRemoved","deleteSavedColorButtonArialLabel","activeTheme","useTheme","useLabels","isOpen","setIsOpen","useControlled","Boolean","color","setColor","savedColors","setSavedColors","elementId","useUniqueId","hasLabel","hasDescription","handleToggle","_","open","handleSelect","val","hex","handleAddColor","colorToAdd","handleRemoveColor","position","sColors","splice","setFocusToContent","containerRef","inputs","getElementsByTagName","length","focus","ClassNames","children","css","cx","HvFormElement","colorPickerClasses","root","labelContainer","styles","_jsx","HvLabel","setId","HvInfoMessage","HvBaseDropdown","onToggle","onContainerCreation","dropdownRootIconOnly","undefined","adornment","Checkbox","headerColorIconOnly","fill","ColorPicker","colorPickerIcon","_Fragment","headerColorIcon","HvTypography","headerColorValue","variant","colorPicker","inputValueVariant","join","trim","HvPanel","panel","PresetColors","recommendedColorsRoot","paddingBottom","recommendedColorsBottomPadding","colors","onClick","title","Picker","fields","pickerFields","SavedColors","onAddColor","onClickColor","onRemoveColor","deleteButtonArialLabel"],"mappings":"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"}

package/dist/esm/components/ColorPicker/Picker/Picker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Picker.js","sources":["../../../../../src/components/ColorPicker/Picker/Picker.tsx"],"sourcesContent":["import { ClassNames } from \"@emotion/react\";\nimport { useCallback } from \"react\";\nimport { Saturation, Hue } from \"react-color/lib/components/common\";\nimport {\n CustomPicker,\n CustomPickerInjectedProps,\n HSLColor,\n HSVColor,\n RGBColor,\n} from \"react-color\";\nimport { ~~styles~~ } from \"~~./Picker.styles~~\";\nimport { ~~Fields~~ } from \"~~../Fields~~\";\nimport { ~~HvTypography~~ } from \"~~@core/components~~\";\nimport { ~~useTheme~~ } from \"~~@core/hooks~~\";\nimport colorPickerPickerClasses, {\n HvColorPickerPickerClasses,\n} from \"./pickerClasses\";\n\nexport const Picker = ({\n onChange,\n rgb,\n hsl,\n hsv,\n hex,\n title,\n classes,\n}: {\n classes?: HvColorPickerPickerClasses;\n title?: string;\n} & CustomPickerInjectedProps<\n \| HSLColor\n \| HSVColor\n \| RGBColor\n \| {\n source?: string;\n hex?: string;\n }\n>) => {\n const { activeTheme } = useTheme();\n\n const SaturationPointer = useCallback(\n () => (\n <ClassNames>\n {({ css, cx }) => (\n <div\n className={cx(\n colorPickerPickerClasses.saturationPointer,\n css(styles.saturationPointer),\n classes?.saturationPointer\n )}\n />\n )}\n </ClassNames>\n ),\n []\n );\n\n const HueSlider = useCallback(\n () => (\n <ClassNames>\n {({ css, cx }) => (\n <div\n className={cx(\n colorPickerPickerClasses.hueSlider,\n css(styles.hueSlider),\n classes?.hueSlider\n )}\n />\n )}\n </ClassNames>\n ),\n []\n );\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <>\n {title && (\n <HvTypography\n className={cx(\n colorPickerPickerClasses.title,\n css(styles.title),\n classes?.title\n )}\n variant=\"caption1\"\n >\n {title}\n </HvTypography>\n )}\n <div\n className={cx(\n colorPickerPickerClasses.pickers,\n css(styles.pickers),\n classes?.pickers\n )}\n >\n <div\n className={cx(\n colorPickerPickerClasses.saturation,\n css(styles.saturation),\n classes?.saturation\n )}\n >\n <Saturation\n hsl={hsl}\n hsv={hsv}\n onChange={onChange}\n pointer={SaturationPointer}\n />\n </div>\n <div\n className={cx(\n colorPickerPickerClasses.hue,\n css(styles.hue),\n classes?.hue\n )}\n >\n <Hue\n direction={activeTheme?.colorPicker.hueDirection}\n hsl={hsl}\n onChange={onChange}\n pointer={HueSlider}\n />\n </div>\n </div>\n <Fields\n className={cx(colorPickerPickerClasses.fields, classes?.fields)}\n rgb={rgb}\n hex={hex}\n onChange={onChange}\n />\n </>\n )}\n </ClassNames>\n );\n};\n\nexport default CustomPicker(Picker);\n"],"names":["Picker","onChange","rgb","hsl","hsv","hex","title","classes","activeTheme","useTheme","SaturationPointer","useCallback","_jsx","ClassNames","children","css","cx","className","colorPickerPickerClasses","saturationPointer","styles","HueSlider","hueSlider","_Fragment","HvTypography","variant","_jsxs","pickers","saturation","Saturation","pointer","hue","Hue","direction","colorPicker","hueDirection","Fields","fields","CustomPicker"],"mappings":";;;;;;;;;;AAkBO,MAAMA,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAYF,MAAM;AACE,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAU;AAElC,QAAMC,oBAAoBC,YACxB,MACEC,oBAACC,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,0BACP,OAAA;AAAA,MACEC,WAAWD,GACTE,yBAAyBC,mBACzBJ,IAAIK,OAAOD,iBAAiB,GAC5BZ,mCAASY,iBAAiB;AAAA,IAAA,CAC1B;AAAA,EAAA,CAIT,GACD,CAAE,CAAA;AAGJ,QAAME,YAAYV,YAChB,MACEC,oBAACC,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,0BACP,OAAA;AAAA,MACEC,WAAWD,GACTE,yBAAyBI,WACzBP,IAAIK,OAAOE,SAAS,GACpBf,mCAASe,SAAS;AAAA,IAAA,CAClB;AAAA,EAAA,CAIT,GACD,CAAE,CAAA;AAGJ,6BACGT,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,2BACPO,UAAA;AAAA,MAAAT,UACGR,CAAAA,SACCM,oBAACY,cAAY;AAAA,QACXP,WAAWD,GACTE,yBAAyBZ,OACzBS,IAAIK,OAAOd,KAAK,GAChBC,mCAASD,KAAK;AAAA,QAEhBmB,SAAQ;AAAA,QAAUX,UAEjBR;AAAAA,MAAAA,CAAK,GAGVoB,qBAAA,OAAA;AAAA,QACET,WAAWD,GACTE,yBAAyBS,SACzBZ,IAAIK,OAAOO,OAAO,GAClBpB,mCAASoB,OAAO;AAAA,QAChBb,WAEFF,oBAAA,OAAA;AAAA,UACEK,WAAWD,GACTE,yBAAyBU,YACzBb,IAAIK,OAAOQ,UAAU,GACrBrB,mCAASqB,UAAU;AAAA,UACnBd,8BAEDe,YAAU;AAAA,YACT1B;AAAAA,YACAC;AAAAA,YACAH;AAAAA,YACA6B,SAASpB;AAAAA,UAAAA,CAAkB;AAAA,QAAA,CAC3B,GAEJE,oBAAA,OAAA;AAAA,UACEK,WAAWD,GACTE,yBAAyBa,KACzBhB,IAAIK,OAAOW,GAAG,GACdxB,mCAASwB,GAAG;AAAA,UACZjB,8BAEDkB,KAAG;AAAA,YACFC,WAAWzB,2CAAa0B,YAAYC;AAAAA,YACpChC;AAAAA,YACAF;AAAAA,YACA6B,SAAST;AAAAA,UAAAA,CAAU;AAAA,QAAA,CAEjB,CAAA;AAAA,MAAA,CACF,GACNT,oBAACwB,QAAM;AAAA,QACLnB,WAAWD,GAAGE,yBAAyBmB,QAAQ9B,mCAAS8B,MAAM;AAAA,QAC9DnC;AAAAA,QACAG;AAAAA,QACAJ;AAAAA,MAAAA,CACA,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAGK;AAEjB;AAEA,MAAeqC,WAAAA,aAAatC,MAAM;"}
1	+ {"version":3,"file":"Picker.js","sources":["../../../../../src/components/ColorPicker/Picker/Picker.tsx"],"sourcesContent":["import { ClassNames } from \"@emotion/react\";\nimport { useCallback } from \"react\";\nimport { Saturation, Hue } from \"react-color/lib/components/common\";\nimport {\n CustomPicker,\n CustomPickerInjectedProps,\n HSLColor,\n HSVColor,\n RGBColor,\n} from \"react-color\";\nimport { HvTypography } from \"@core/components\";\nimport { useTheme } from \"@core/hooks\";\nimport { styles } from \"./Picker.styles\";\nimport { Fields } from \"../Fields\";\nimport colorPickerPickerClasses, {\n HvColorPickerPickerClasses,\n} from \"./pickerClasses\";\n\nexport const Picker = ({\n onChange,\n rgb,\n hsl,\n hsv,\n hex,\n title,\n classes,\n}: {\n classes?: HvColorPickerPickerClasses;\n title?: string;\n} & CustomPickerInjectedProps<\n \| HSLColor\n \| HSVColor\n \| RGBColor\n \| {\n source?: string;\n hex?: string;\n }\n>) => {\n const { activeTheme } = useTheme();\n\n const SaturationPointer = useCallback(\n () => (\n <ClassNames>\n {({ css, cx }) => (\n <div\n className={cx(\n colorPickerPickerClasses.saturationPointer,\n css(styles.saturationPointer),\n classes?.saturationPointer\n )}\n />\n )}\n </ClassNames>\n ),\n []\n );\n\n const HueSlider = useCallback(\n () => (\n <ClassNames>\n {({ css, cx }) => (\n <div\n className={cx(\n colorPickerPickerClasses.hueSlider,\n css(styles.hueSlider),\n classes?.hueSlider\n )}\n />\n )}\n </ClassNames>\n ),\n []\n );\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <>\n {title && (\n <HvTypography\n className={cx(\n colorPickerPickerClasses.title,\n css(styles.title),\n classes?.title\n )}\n variant=\"caption1\"\n >\n {title}\n </HvTypography>\n )}\n <div\n className={cx(\n colorPickerPickerClasses.pickers,\n css(styles.pickers),\n classes?.pickers\n )}\n >\n <div\n className={cx(\n colorPickerPickerClasses.saturation,\n css(styles.saturation),\n classes?.saturation\n )}\n >\n <Saturation\n hsl={hsl}\n hsv={hsv}\n onChange={onChange}\n pointer={SaturationPointer}\n />\n </div>\n <div\n className={cx(\n colorPickerPickerClasses.hue,\n css(styles.hue),\n classes?.hue\n )}\n >\n <Hue\n direction={activeTheme?.colorPicker.hueDirection}\n hsl={hsl}\n onChange={onChange}\n pointer={HueSlider}\n />\n </div>\n </div>\n <Fields\n className={cx(colorPickerPickerClasses.fields, classes?.fields)}\n rgb={rgb}\n hex={hex}\n onChange={onChange}\n />\n </>\n )}\n </ClassNames>\n );\n};\n\nexport default CustomPicker(Picker);\n"],"names":["Picker","onChange","rgb","hsl","hsv","hex","title","classes","activeTheme","useTheme","SaturationPointer","useCallback","_jsx","ClassNames","children","css","cx","className","colorPickerPickerClasses","saturationPointer","styles","HueSlider","hueSlider","_Fragment","HvTypography","variant","_jsxs","pickers","saturation","Saturation","pointer","hue","Hue","direction","colorPicker","hueDirection","Fields","fields","CustomPicker"],"mappings":";;;;;;;;;;AAkBO,MAAMA,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAYF,MAAM;AACE,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAU;AAElC,QAAMC,oBAAoBC,YACxB,MACEC,oBAACC,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,0BACP,OAAA;AAAA,MACEC,WAAWD,GACTE,yBAAyBC,mBACzBJ,IAAIK,OAAOD,iBAAiB,GAC5BZ,mCAASY,iBAAiB;AAAA,IAAA,CAC1B;AAAA,EAAA,CAIT,GACD,CAAE,CAAA;AAGJ,QAAME,YAAYV,YAChB,MACEC,oBAACC,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,0BACP,OAAA;AAAA,MACEC,WAAWD,GACTE,yBAAyBI,WACzBP,IAAIK,OAAOE,SAAS,GACpBf,mCAASe,SAAS;AAAA,IAAA,CAClB;AAAA,EAAA,CAIT,GACD,CAAE,CAAA;AAGJ,6BACGT,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,2BACPO,UAAA;AAAA,MAAAT,UACGR,CAAAA,SACCM,oBAACY,cAAY;AAAA,QACXP,WAAWD,GACTE,yBAAyBZ,OACzBS,IAAIK,OAAOd,KAAK,GAChBC,mCAASD,KAAK;AAAA,QAEhBmB,SAAQ;AAAA,QAAUX,UAEjBR;AAAAA,MAAAA,CAAK,GAGVoB,qBAAA,OAAA;AAAA,QACET,WAAWD,GACTE,yBAAyBS,SACzBZ,IAAIK,OAAOO,OAAO,GAClBpB,mCAASoB,OAAO;AAAA,QAChBb,WAEFF,oBAAA,OAAA;AAAA,UACEK,WAAWD,GACTE,yBAAyBU,YACzBb,IAAIK,OAAOQ,UAAU,GACrBrB,mCAASqB,UAAU;AAAA,UACnBd,8BAEDe,YAAU;AAAA,YACT1B;AAAAA,YACAC;AAAAA,YACAH;AAAAA,YACA6B,SAASpB;AAAAA,UAAAA,CAAkB;AAAA,QAAA,CAC3B,GAEJE,oBAAA,OAAA;AAAA,UACEK,WAAWD,GACTE,yBAAyBa,KACzBhB,IAAIK,OAAOW,GAAG,GACdxB,mCAASwB,GAAG;AAAA,UACZjB,8BAEDkB,KAAG;AAAA,YACFC,WAAWzB,2CAAa0B,YAAYC;AAAAA,YACpChC;AAAAA,YACAF;AAAAA,YACA6B,SAAST;AAAAA,UAAAA,CAAU;AAAA,QAAA,CAEjB,CAAA;AAAA,MAAA,CACF,GACNT,oBAACwB,QAAM;AAAA,QACLnB,WAAWD,GAAGE,yBAAyBmB,QAAQ9B,mCAAS8B,MAAM;AAAA,QAC9DnC;AAAAA,QACAG;AAAAA,QACAJ;AAAAA,MAAAA,CACA,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAGK;AAEjB;AAEA,MAAeqC,WAAAA,aAAatC,MAAM;"}

package/dist/esm/components/ColorPicker/PresetColors/PresetColors.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { ClassNames } from "@emotion/react";
+import { Swatch } from "react-color/lib/components/common";
 import { styles } from "./PresetColors.styles.js";
 import colorPickerPresetColorsClasses from "./presetColorsClasses.js";
-import { Swatch } from "react-color/lib/components/common";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { HvTypography } from "../../Typography/Typography.js";
 const PresetColors = ({