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

@hitachivantara/uikit-react-core 5.14.1 → 5.15.0

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

Files changed (736) hide show

package/dist/cjs/components/Calendar/SingleCalendar/SingleCalendar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SingleCalendar.cjs","sources":["../../../../../src/components/Calendar/SingleCalendar/SingleCalendar.tsx"],"sourcesContent":["import { useState, useMemo } from \"react\";\nimport { clsx } from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { setId, keyboardCodes, isKeypress } from \"@core/utils\";\nimport { ViewMode } from \"../enums\";\nimport { isRange, isDate, getWeekdayNamesList } from \"../utils\";\nimport { generateCalendarModel } from \"../model\";\nimport { HvComposedNavigation, HvMonthSelector } from \"../CalendarNavigation\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"..\";\nimport {\n StyledCalendarContainer,\n StyledCalendarGrid,\n StyledCalendarWrapper,\n} from \"./SingleCalendar.styles\";\nimport singleCalendarClasses, {\n HvSingleCalendarClasses,\n} from \"./singleCalendarClasses\";\nimport { HvCalendarCell } from \"./CalendarCell\";\nimport { HvCalendarWeekLabel } from \"../CalendarWeekLabels\";\nimport { HvCalendarHeader } from \"../CalendarHeader/CalendarHeader\";\n\nconst { Enter, ArrowLeft, ArrowRight, ArrowUp, ArrowDown } = keyboardCodes;\n\nexport const HvSingleCalendar = ({\n classes,\n className,\n id,\n locale = \"en-US\",\n value,\n visibleMonth,\n visibleYear,\n minimumDate,\n maximumDate,\n onChange,\n onInputChange,\n onVisibleDateChange,\n showEndDate,\n showDayOfWeek,\n invalidDateLabel,\n children,\n ...others\n}: HvSingleCalendarProps) => {\n // TODO: refactor this out\n // const { HvCalendarHeader } = useContext(HvFormElementDescriptorsContext);\n\n const today = new Date();\n const localValue = isNil(value) ? today : value;\n\n const [calViewMode, setCalViewMode] = useState<ViewMode>(\"calendar\");\n\n const rangeMode = isRange(localValue);\n const isDateSelectionMode = rangeMode && !isDate(localValue.endDate);\n const calModel = rangeMode\n ? generateCalendarModel(localValue.startDate, visibleMonth, visibleYear)\n : generateCalendarModel(localValue, visibleMonth, visibleYear);\n const firstDayOfCurrentMonth = new Date(calModel.year, calModel.month - 1, 1);\n const firstDayOfCurrentMonthTime = firstDayOfCurrentMonth.getTime();\n\n const listWeekdayNames = useMemo(\n () => getWeekdayNamesList(locale, \"narrow\"),\n [locale]\n );\n\n const handleChange = (event, date: Date \| DateRangeProp) => {\n event?.preventDefault();\n onChange?.(event, date);\n };\n\n const handleInputChange = (event, date) => {\n event?.preventDefault();\n onInputChange?.(event, date);\n };\n\n const getNavChild = (event: KeyboardEvent, siblings, i: number) => {\n if (isKeypress(event, ArrowLeft)) return siblings[i - 1];\n if (isKeypress(event, ArrowRight)) return siblings[i + 1];\n if (isKeypress(event, ArrowUp)) return siblings[i - 7];\n if (isKeypress(event, ArrowDown)) return siblings[i + 7];\n return undefined;\n };\n\n const handleKeyDown = (event) => {\n // This code is very brittle and should be managed with the focus wrapper\n const el = document?.activeElement;\n const parent = el?.parentElement?.parentElement;\n const siblings =\n parent != null\n ? [\n ...parent.getElementsByClassName(\n singleCalendarClasses.cellContainer as string\n ),\n ]\n : [];\n const elIndex = el ? siblings.indexOf(el) : 0;\n\n if (isKeypress(event, Enter)) {\n (el as HTMLElement).focus();\n return;\n }\n\n const child = getNavChild(event, siblings, elIndex);\n\n if (child) {\n const inMonth = child.getAttribute(\"data-in-month\");\n if (inMonth === \"true\") {\n event?.preventDefault();\n child?.focus();\n }\n }\n };\n\n /*\n Renders the element representing the received date.\n \n @param currentDate - The array representing the date [YYYY, MM, DD].\n * @memberOf Calendar\n /\n const renderCalendarDate = (currentDate) => {\n return (\n <HvCalendarCell\n classes={classes}\n key={currentDate}\n tabIndex={currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n value={currentDate}\n today={today}\n calendarValue={localValue}\n rangeMode={rangeMode}\n isDateSelectionMode={isDateSelectionMode}\n locale={locale}\n firstDayOfCurrentMonth={firstDayOfCurrentMonth}\n maximumDate={maximumDate}\n minimumDate={minimumDate}\n />\n );\n };\n\n return (\n <StyledCalendarContainer\n className={clsx(\n className,\n singleCalendarClasses.calendarContainer,\n classes?.calendarContainer\n )}\n {...others}\n >\n <StyledCalendarWrapper\n id={id}\n className={clsx(\n singleCalendarClasses.calendarWrapper,\n classes?.calendarWrapper\n )}\n >\n <HvCalendarHeader\n id={setId(id, \"header\")}\n locale={locale}\n onChange={handleInputChange}\n showEndDate={showEndDate && !isDateSelectionMode}\n showDayOfWeek={showDayOfWeek}\n invalidDateLabel={invalidDateLabel}\n />\n {calViewMode === \"calendar\" && (\n <div>\n <HvComposedNavigation\n id={id}\n locale={locale}\n onChange={onVisibleDateChange}\n onViewModeChange={setCalViewMode}\n visibleYear={visibleYear \|\| today.getFullYear()}\n visibleMonth={visibleMonth \|\| today.getMonth() + 1}\n />\n <StyledCalendarGrid\n className={clsx(\n singleCalendarClasses.calendarGrid,\n classes?.calendarGrid\n )}\n aria-controls={HvCalendarHeader?.[0]?.id}\n >\n <HvCalendarWeekLabel labels={listWeekdayNames} />\n {calModel.dates.map(renderCalendarDate)}\n </StyledCalendarGrid>\n </div>\n )}\n {calViewMode === \"monthly\" && (\n <HvMonthSelector\n id={id}\n locale={locale}\n onChange={onVisibleDateChange}\n onViewModeChange={setCalViewMode}\n visibleMonth={visibleMonth \|\| today.getMonth() + 1}\n rangeMode={rangeMode}\n />\n )}\n </StyledCalendarWrapper>\n </StyledCalendarContainer>\n );\n};\n\nexport interface HvSingleCalendarProps {\n /\n Styles applied from the theme.\n /\n classes?: HvSingleCalendarClasses;\n /\n Identifier.\n /\n id?: string;\n /\n The class name to add at the root of the single calendar\n /\n className?: string;\n /\n The calendar locale.\n \n /\n locale: string;\n /*\n Date that the calendar would show.\n /\n value?: string \| Date \| DateRangeProp;\n /\n Date that will be used to know which month and year should be displayed on the calendar. The value of the day is\n * irrelevant.\n /\n visibleDate?: Date;\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 Callback function to be triggered when the selected date has changed.\n /\n onChange?: (\n event:\n \| React.ChangeEvent<HTMLTextAreaElement \| HTMLInputElement>\n \| undefined,\n value: Date \| DateRangeProp\n ) => void;\n /\n Callback function to be triggered when the selected date input has changed.\n /\n onInputChange?: (\n event:\n \| React.ChangeEvent<\n HTMLTextAreaElement \| HTMLInputElement \| HTMLButtonElement\n >\n \| undefined,\n value: Date \| DateRangeProp,\n position?: \"left\" \| \"right\"\n ) => void;\n /\n Callback function to be triggered when visible date has changed.\n /\n onVisibleDateChange?: (\n event:\n \| React.ChangeEvent<HTMLTextAreaElement \| HTMLInputElement>\n \| undefined,\n action: VisibilitySelectorActions,\n value?: Date \| DateRangeProp \| number\n ) => void;\n /\n The maximum selectable date after this all values are disabled.\n /\n maximumDate?: Date;\n /\n The minimum selectable date before this all values are disabled.\n /\n minimumDate?: Date;\n /\n Indicates if header should display end date in a date range.\n /\n showEndDate?: boolean;\n /\n Indicates if header should display the day of week.\n /\n showDayOfWeek?: boolean;\n /\n Content on the upper part of the calendar.\n /\n children?: React.ReactNode;\n /\n Label shown when date is invalid.\n */\n invalidDateLabel?: string;\n}\n"],"names":["Enter","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","keyboardCodes","HvSingleCalendar","classes","className","id","locale","value","visibleMonth","visibleYear","minimumDate","maximumDate","onChange","onInputChange","onVisibleDateChange","showEndDate","showDayOfWeek","invalidDateLabel","children","others","today","Date","localValue","isNil","calViewMode","setCalViewMode","useState","rangeMode","isRange","isDateSelectionMode","isDate","endDate","calModel","generateCalendarModel","startDate","firstDayOfCurrentMonth","year","month","firstDayOfCurrentMonthTime","getTime","listWeekdayNames","useMemo","getWeekdayNamesList","handleChange","event","date","preventDefault","handleInputChange","getNavChild","siblings","i","isKeypress","undefined","handleKeyDown","el","document","activeElement","parent","parentElement","getElementsByClassName","singleCalendarClasses","cellContainer","elIndex","indexOf","focus","child","inMonth","getAttribute","renderCalendarDate","currentDate","HvCalendarCell","tabIndex","onKeyDown","calendarValue","StyledCalendarContainer","clsx","calendarContainer","StyledCalendarWrapper","calendarWrapper","_jsx","HvCalendarHeader","setId","HvComposedNavigation","onViewModeChange","getFullYear","getMonth","_jsxs","StyledCalendarGrid","calendarGrid","HvCalendarWeekLabel","labels","dates","map","HvMonthSelector"],"mappings":"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"}
1	+ {"version":3,"file":"SingleCalendar.cjs","sources":["../../../../../src/components/Calendar/SingleCalendar/SingleCalendar.tsx"],"sourcesContent":["import { useState, useMemo } from \"react\";\nimport { clsx } from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { setId, keyboardCodes, isKeypress } from \"@core/utils\";\nimport { ViewMode } from \"../enums\";\nimport { isRange, isDate, getWeekdayNamesList } from \"../utils\";\nimport { generateCalendarModel } from \"../model\";\nimport { HvComposedNavigation, HvMonthSelector } from \"../CalendarNavigation\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"..\";\nimport {\n StyledCalendarContainer,\n StyledCalendarGrid,\n StyledCalendarWrapper,\n} from \"./SingleCalendar.styles\";\nimport singleCalendarClasses, {\n HvSingleCalendarClasses,\n} from \"./singleCalendarClasses\";\nimport { HvCalendarCell } from \"./CalendarCell\";\nimport { HvCalendarWeekLabel } from \"../CalendarWeekLabels\";\nimport { HvCalendarHeader } from \"../CalendarHeader/CalendarHeader\";\n\nconst { Enter, ArrowLeft, ArrowRight, ArrowUp, ArrowDown } = keyboardCodes;\n\nexport const HvSingleCalendar = ({\n classes,\n className,\n id,\n locale = \"en-US\",\n value,\n visibleMonth,\n visibleYear,\n minimumDate,\n maximumDate,\n onChange,\n onInputChange,\n onVisibleDateChange,\n showEndDate,\n showDayOfWeek,\n invalidDateLabel,\n children,\n ...others\n}: HvSingleCalendarProps) => {\n // TODO: refactor this out\n // const { HvCalendarHeader } = useContext(HvFormElementDescriptorsContext);\n\n const today = new Date();\n const localValue = isNil(value) ? today : value;\n\n const [calViewMode, setCalViewMode] = useState<ViewMode>(\"calendar\");\n\n const rangeMode = isRange(localValue);\n const isDateSelectionMode = rangeMode && !isDate(localValue.endDate);\n const calModel = rangeMode\n ? generateCalendarModel(localValue.startDate, visibleMonth, visibleYear)\n : generateCalendarModel(localValue, visibleMonth, visibleYear);\n const firstDayOfCurrentMonth = new Date(calModel.year, calModel.month - 1, 1);\n const firstDayOfCurrentMonthTime = firstDayOfCurrentMonth.getTime();\n\n const listWeekdayNames = useMemo(\n () => getWeekdayNamesList(locale, \"narrow\"),\n [locale]\n );\n\n const handleChange = (event, date: Date \| DateRangeProp) => {\n event?.preventDefault();\n onChange?.(event, date);\n };\n\n const handleInputChange = (event, date) => {\n event?.preventDefault();\n onInputChange?.(event, date);\n };\n\n const getNavChild = (event: KeyboardEvent, siblings, i: number) => {\n if (isKeypress(event, ArrowLeft)) return siblings[i - 1];\n if (isKeypress(event, ArrowRight)) return siblings[i + 1];\n if (isKeypress(event, ArrowUp)) return siblings[i - 7];\n if (isKeypress(event, ArrowDown)) return siblings[i + 7];\n return undefined;\n };\n\n const handleKeyDown = (event) => {\n // This code is very brittle and should be managed with the focus wrapper\n const el = document?.activeElement;\n const parent = el?.parentElement?.parentElement;\n const siblings =\n parent != null\n ? Array.from(\n parent.getElementsByClassName(\n singleCalendarClasses.cellContainer as string\n )\n )\n : [];\n const elIndex = el ? siblings.indexOf(el) : 0;\n\n if (isKeypress(event, Enter)) {\n (el as HTMLElement).focus();\n return;\n }\n\n const child = getNavChild(event, siblings, elIndex);\n\n if (child) {\n const inMonth = child.getAttribute(\"data-in-month\");\n if (inMonth === \"true\") {\n event?.preventDefault();\n child?.focus();\n }\n }\n };\n\n /*\n Renders the element representing the received date.\n \n @param currentDate - The array representing the date [YYYY, MM, DD].\n * @memberOf Calendar\n /\n const renderCalendarDate = (currentDate) => {\n return (\n <HvCalendarCell\n classes={classes}\n key={currentDate}\n tabIndex={currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n value={currentDate}\n today={today}\n calendarValue={localValue}\n rangeMode={rangeMode}\n isDateSelectionMode={isDateSelectionMode}\n locale={locale}\n firstDayOfCurrentMonth={firstDayOfCurrentMonth}\n maximumDate={maximumDate}\n minimumDate={minimumDate}\n />\n );\n };\n\n return (\n <StyledCalendarContainer\n className={clsx(\n className,\n singleCalendarClasses.calendarContainer,\n classes?.calendarContainer\n )}\n {...others}\n >\n <StyledCalendarWrapper\n id={id}\n className={clsx(\n singleCalendarClasses.calendarWrapper,\n classes?.calendarWrapper\n )}\n >\n <HvCalendarHeader\n id={setId(id, \"header\")}\n locale={locale}\n onChange={handleInputChange}\n showEndDate={showEndDate && !isDateSelectionMode}\n showDayOfWeek={showDayOfWeek}\n invalidDateLabel={invalidDateLabel}\n />\n {calViewMode === \"calendar\" && (\n <div>\n <HvComposedNavigation\n id={id}\n locale={locale}\n onChange={onVisibleDateChange}\n onViewModeChange={setCalViewMode}\n visibleYear={visibleYear \|\| today.getFullYear()}\n visibleMonth={visibleMonth \|\| today.getMonth() + 1}\n />\n <StyledCalendarGrid\n className={clsx(\n singleCalendarClasses.calendarGrid,\n classes?.calendarGrid\n )}\n aria-controls={HvCalendarHeader?.[0]?.id}\n >\n <HvCalendarWeekLabel labels={listWeekdayNames} />\n {calModel.dates.map(renderCalendarDate)}\n </StyledCalendarGrid>\n </div>\n )}\n {calViewMode === \"monthly\" && (\n <HvMonthSelector\n id={id}\n locale={locale}\n onChange={onVisibleDateChange}\n onViewModeChange={setCalViewMode}\n visibleMonth={visibleMonth \|\| today.getMonth() + 1}\n rangeMode={rangeMode}\n />\n )}\n </StyledCalendarWrapper>\n </StyledCalendarContainer>\n );\n};\n\nexport interface HvSingleCalendarProps {\n /\n Styles applied from the theme.\n /\n classes?: HvSingleCalendarClasses;\n /\n Identifier.\n /\n id?: string;\n /\n The class name to add at the root of the single calendar\n /\n className?: string;\n /\n The calendar locale.\n \n /\n locale: string;\n /*\n Date that the calendar would show.\n /\n value?: string \| Date \| DateRangeProp;\n /\n Date that will be used to know which month and year should be displayed on the calendar. The value of the day is\n * irrelevant.\n /\n visibleDate?: Date;\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 Callback function to be triggered when the selected date has changed.\n /\n onChange?: (\n event:\n \| React.ChangeEvent<HTMLTextAreaElement \| HTMLInputElement>\n \| undefined,\n value: Date \| DateRangeProp\n ) => void;\n /\n Callback function to be triggered when the selected date input has changed.\n /\n onInputChange?: (\n event:\n \| React.ChangeEvent<\n HTMLTextAreaElement \| HTMLInputElement \| HTMLButtonElement\n >\n \| undefined,\n value: Date \| DateRangeProp,\n position?: \"left\" \| \"right\"\n ) => void;\n /\n Callback function to be triggered when visible date has changed.\n /\n onVisibleDateChange?: (\n event:\n \| React.ChangeEvent<HTMLTextAreaElement \| HTMLInputElement>\n \| undefined,\n action: VisibilitySelectorActions,\n value?: Date \| DateRangeProp \| number\n ) => void;\n /\n The maximum selectable date after this all values are disabled.\n /\n maximumDate?: Date;\n /\n The minimum selectable date before this all values are disabled.\n /\n minimumDate?: Date;\n /\n Indicates if header should display end date in a date range.\n /\n showEndDate?: boolean;\n /\n Indicates if header should display the day of week.\n /\n showDayOfWeek?: boolean;\n /\n Content on the upper part of the calendar.\n /\n children?: React.ReactNode;\n /\n Label shown when date is invalid.\n */\n invalidDateLabel?: string;\n}\n"],"names":["Enter","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","keyboardCodes","HvSingleCalendar","classes","className","id","locale","value","visibleMonth","visibleYear","minimumDate","maximumDate","onChange","onInputChange","onVisibleDateChange","showEndDate","showDayOfWeek","invalidDateLabel","children","others","today","Date","localValue","isNil","calViewMode","setCalViewMode","useState","rangeMode","isRange","isDateSelectionMode","isDate","endDate","calModel","generateCalendarModel","startDate","firstDayOfCurrentMonth","year","month","firstDayOfCurrentMonthTime","getTime","listWeekdayNames","useMemo","getWeekdayNamesList","handleChange","event","date","preventDefault","handleInputChange","getNavChild","siblings","i","isKeypress","undefined","handleKeyDown","el","document","activeElement","parent","parentElement","Array","from","getElementsByClassName","singleCalendarClasses","cellContainer","elIndex","indexOf","focus","child","inMonth","getAttribute","renderCalendarDate","currentDate","HvCalendarCell","tabIndex","onKeyDown","calendarValue","StyledCalendarContainer","clsx","calendarContainer","StyledCalendarWrapper","calendarWrapper","_jsx","HvCalendarHeader","setId","HvComposedNavigation","onViewModeChange","getFullYear","getMonth","_jsxs","StyledCalendarGrid","calendarGrid","HvCalendarWeekLabel","labels","dates","map","HvMonthSelector"],"mappings":"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"}

package/dist/cjs/components/Calendar/model.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"model.cjs","sources":["../../../../src/components/Calendar/model.tsx"],"sourcesContent":["import { createDatesArray, isRange } from \"./utils\";\n\n/*\n Calendar builder for a specific month and year.\n * Returns an array of date objects.\n /\nexport default class CalendarModel {\n month: any;\n\n year: any;\n\n dates: Date[] = [];\n\n constructor(month?: number, year?: number) {\n this.updateModel(month, year);\n }\n\n /\n Updates the model with the received month and year\n \n @param {number} month - Number of the month (1 to 12).\n * @param {number} year - Number of the year.\n * @memberOf CalendarModel\n */\n updateModel = (month, year) => {\n let validMonth = month;\n let validYear = year;\n if (!Number.isInteger(validMonth)) {\n validMonth = new Date().getMonth() + 1;\n }\n if (!Number.isInteger(validYear)) {\n validYear = new Date().getFullYear();\n }\n\n this.month = validMonth;\n this.year = validYear;\n this.dates = createDatesArray(validMonth, validYear);\n };\n}\n\nconst generateModelFromDate = (seedValue) => {\n let calendarModel;\n\n if (typeof seedValue === \"string\") {\n const today = new Date();\n calendarModel = new CalendarModel(\n today.getMonth() + 1,\n today.getFullYear()\n );\n } else if (isRange(seedValue)) {\n calendarModel = new CalendarModel(\n seedValue.startDate.getMonth() + 1,\n seedValue.startDate.getFullYear()\n );\n } else {\n calendarModel = new CalendarModel(\n seedValue.getMonth() + 1,\n seedValue.getFullYear()\n );\n }\n\n return calendarModel;\n};\n\nexport const generateCalendarModel = (seedValue, visibleMonth, visibleYear) => {\n let calendarModel;\n\n if (visibleMonth && visibleYear) {\n calendarModel = new CalendarModel(visibleMonth, visibleYear);\n } else if (visibleMonth && !visibleYear) {\n calendarModel = new CalendarModel(visibleMonth, seedValue.getFullYear());\n } else if (!visibleMonth && visibleYear) {\n calendarModel = new CalendarModel(1, visibleYear);\n } else {\n calendarModel = generateModelFromDate(seedValue);\n }\n\n return calendarModel;\n};\n"],"names":["CalendarModel","constructor","month","year","dates","updateModel","validMonth","validYear","Number","isInteger","Date","getMonth","getFullYear","createDatesArray","generateModelFromDate","seedValue","calendarModel","today","isRange","startDate","generateCalendarModel","visibleMonth","visibleYear"],"mappings":";;;AAMA,MAAqBA,cAAc;AAAA,EAOjCC,YAAYC,OAAgBC,MAAe;AAF3CC,SAAAA,QAAgB;AAaFC,SAAAA,cAAAA,CAACH,QAAOC,UAAS;AAC7B,UAAIG,aAAaJ;AACjB,UAAIK,YAAYJ;AAChB,UAAI,CAACK,OAAOC,UAAUH,UAAU,GAAG;AACjCA,sBAAiBI,oBAAAA,KAAOC,GAAAA,SAAAA,IAAa;AAAA,MACvC;AACA,UAAI,CAACH,OAAOC,UAAUF,SAAS,GAAG;AACpB,qBAAA,oBAAIG,~~KAAM~~,~~GAACE~~,~~YAAa~~;AAAA,~~MACtC~~;AAEA,WAAKV,QAAQI;AACb,WAAKH,OAAOI;AACPH,WAAAA,QAAQS,MAAAA,iBAAiBP,YAAYC,SAAS;AAAA,IAAA;AAtB9CF,SAAAA,YAAYH,OAAOC,IAAI;AAAA,EAC9B;AAuBF;AAEA,MAAMW,wBAAyBC,CAAc,cAAA;AACvCC,MAAAA;AAEA,MAAA,OAAOD,cAAc,UAAU;AAC3BE,UAAAA,4BAAYP;AACF,oBAAA,IAAIV,cAClBiB,MAAMN,aAAa,GACnBM,MAAML,~~aAAa~~;AAAA,EAAA,~~WAEZM~~,MAAAA,QAAQH,SAAS,GAAG;AACb,oBAAA,IAAIf,cAClBe,UAAUI,UAAUR,aAAa,GACjCI,UAAUI,UAAUP,~~YAAa~~,CAAA;AAAA,EAAA,~~OAE9B~~;AACW,oBAAA,IAAIZ,cAClBe,UAAUJ,aAAa,GACvBI,UAAUH,~~aAAa~~;AAAA,~~EAE3B~~;AAEOI,SAAAA;AACT;AAEO,MAAMI,wBAAwBA,CAACL,WAAWM,cAAcC,gBAAgB;AACzEN,MAAAA;AAEJ,MAAIK,gBAAgBC,aAAa;AACf,oBAAA,IAAItB,cAAcqB,cAAcC,WAAW;AAAA,EAAA,WAClDD,gBAAgB,CAACC,aAAa;AACvCN,oBAAgB,IAAIhB,cAAcqB,cAAcN,UAAUH,YAAa,CAAA;AAAA,EAAA,WAC9D,CAACS,gBAAgBC,aAAa;AACvB,oBAAA,IAAItB,cAAc,GAAGsB,WAAW;AAAA,EAAA,OAC3C;AACLN,oBAAgBF,sBAAsBC,SAAS;AAAA,EACjD;AAEOC,SAAAA;AACT;;;"}
1	+ {"version":3,"file":"model.cjs","sources":["../../../../src/components/Calendar/model.tsx"],"sourcesContent":["import { createDatesArray, isRange } from \"./utils\";\n\n/*\n Calendar builder for a specific month and year.\n * Returns an array of date objects.\n /\nexport default class CalendarModel {\n month: any;\n\n year: any;\n\n dates: Date[] = [];\n\n constructor(month?: number, year?: number) {\n this.updateModel(month, year);\n }\n\n /\n Updates the model with the received month and year\n \n @param {number} month - Number of the month (1 to 12).\n * @param {number} year - Number of the year.\n * @memberOf CalendarModel\n */\n updateModel = (month, year) => {\n let validMonth = month;\n let validYear = year;\n if (!Number.isInteger(validMonth)) {\n validMonth = new Date().getMonth() + 1;\n }\n if (!Number.isInteger(validYear)) {\n validYear = new Date().getFullYear();\n }\n\n this.month = validMonth;\n this.year = validYear;\n this.dates = createDatesArray(validMonth, validYear);\n };\n}\n\nconst generateModelFromDate = (seedValue) => {\n let calendarModel;\n\n if (typeof seedValue === \"string\") {\n const today = new Date();\n calendarModel = new CalendarModel(\n today.getMonth() + 1,\n today.getFullYear()\n );\n } else if (isRange(seedValue)) {\n calendarModel = new CalendarModel(\n seedValue.startDate.getMonth() + 1,\n seedValue.startDate.getFullYear()\n );\n } else {\n calendarModel = new CalendarModel(\n seedValue.getMonth() + 1,\n seedValue.getFullYear()\n );\n }\n\n return calendarModel;\n};\n\nexport const generateCalendarModel = (seedValue, visibleMonth, visibleYear) => {\n let calendarModel;\n\n if (visibleMonth && visibleYear) {\n calendarModel = new CalendarModel(visibleMonth, visibleYear);\n } else if (visibleMonth && !visibleYear) {\n calendarModel = new CalendarModel(visibleMonth, seedValue.getFullYear());\n } else if (!visibleMonth && visibleYear) {\n calendarModel = new CalendarModel(1, visibleYear);\n } else {\n calendarModel = generateModelFromDate(seedValue);\n }\n\n return calendarModel;\n};\n"],"names":["CalendarModel","constructor","month","year","dates","updateModel","validMonth","validYear","Number","isInteger","Date","getMonth","getFullYear","createDatesArray","generateModelFromDate","seedValue","calendarModel","today","isRange","startDate","generateCalendarModel","visibleMonth","visibleYear"],"mappings":";;;AAMA,MAAqBA,cAAc;AAAA,EAOjCC,YAAYC,OAAgBC,MAAe;AAF3CC,SAAAA,QAAgB;AAaFC,SAAAA,cAAAA,CAACH,QAAOC,UAAS;AAC7B,UAAIG,aAAaJ;AACjB,UAAIK,YAAYJ;AAChB,UAAI,CAACK,OAAOC,UAAUH,UAAU,GAAG;AACjCA,sBAAiBI,oBAAAA,KAAOC,GAAAA,SAAAA,IAAa;AAAA,MACvC;AACA,UAAI,CAACH,OAAOC,UAAUF,SAAS,GAAG;AACpB,qBAAA,oBAAIG,KAAK,GAAEE,YAAY;AAAA,MACrC;AAEA,WAAKV,QAAQI;AACb,WAAKH,OAAOI;AACPH,WAAAA,QAAQS,MAAAA,iBAAiBP,YAAYC,SAAS;AAAA,IAAA;AAtB9CF,SAAAA,YAAYH,OAAOC,IAAI;AAAA,EAC9B;AAuBF;AAEA,MAAMW,wBAAyBC,CAAc,cAAA;AACvCC,MAAAA;AAEA,MAAA,OAAOD,cAAc,UAAU;AAC3BE,UAAAA,4BAAYP;AACF,oBAAA,IAAIV,cAClBiB,MAAMN,aAAa,GACnBM,MAAML,aACR;AAAA,EAAA,WACSM,MAAAA,QAAQH,SAAS,GAAG;AACb,oBAAA,IAAIf,cAClBe,UAAUI,UAAUR,aAAa,GACjCI,UAAUI,UAAUP,YACtB,CAAA;AAAA,EAAA,OACK;AACW,oBAAA,IAAIZ,cAClBe,UAAUJ,aAAa,GACvBI,UAAUH,aACZ;AAAA,EACF;AAEOI,SAAAA;AACT;AAEO,MAAMI,wBAAwBA,CAACL,WAAWM,cAAcC,gBAAgB;AACzEN,MAAAA;AAEJ,MAAIK,gBAAgBC,aAAa;AACf,oBAAA,IAAItB,cAAcqB,cAAcC,WAAW;AAAA,EAAA,WAClDD,gBAAgB,CAACC,aAAa;AACvCN,oBAAgB,IAAIhB,cAAcqB,cAAcN,UAAUH,YAAa,CAAA;AAAA,EAAA,WAC9D,CAACS,gBAAgBC,aAAa;AACvB,oBAAA,IAAItB,cAAc,GAAGsB,WAAW;AAAA,EAAA,OAC3C;AACLN,oBAAgBF,sBAAsBC,SAAS;AAAA,EACjD;AAEOC,SAAAA;AACT;;;"}

package/dist/cjs/components/Calendar/utils.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.cjs","sources":["../../../../src/components/Calendar/utils.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport isNil from \"lodash/isNil\";\nimport capitalize from \"lodash/capitalize\";\nimport { DateRangeProp } from \".\";\n\n/*\n Constant with the number of weeks to be displayed on the calendar.\n /\nexport const CALENDAR_WEEKS = 6;\n\n/\n Constant with the default locale that should be used as the default.\n /\nexport const DEFAULT_LOCALE = \"en\";\n\n/\n Pads a string value with leading zeroes(0) until length is reached.\n \n @param value - Value to be padded.\n * @param length - Length of the value after the padding is added.\n * @returns The value as a string with the received amount of padding.\n \n @example zeroPad(5, 2) => \"05\"\n /\nexport const zeroPad = (value: number, length: number) =>\n `${value}`.padStart(length, \"0\");\n\n/\n Returns the number of days in the month given a month and year.\n \n @param month - Number of the month (1 to 12).\n * @param year - Number of the year.\n * @returns The number of days in a month for the received year.\n /\nexport const getMonthDays = (month: number, year: number) =>\n new Date(year, month, 0).getDate();\n\n/\n Gets the week day of the first day of a given month and year.\n * From 0 (Sunday) to 6 (Saturday).\n \n @param month - Number of the month (1 to 12).\n * @param year - Number of the year.\n * @returns The zero indexed week day where 0 is Sunday (0 to 6).\n /\nexport const getMonthFirstWeekday = (month: number, year: number) =>\n new Date(year, month - 1, 1).getDay();\n\n/\n Creates a `Date` instance in UTC timezone.\n \n @param year - The year of the date.\n * @param monthIndex - The zero indexed month of the year (0 to 11).\n * @param day - The day of the month.\n * @param [hour=1] - The hour of the day.\n * @returns A `Date` instance in UTC timezone.\n /\nexport const makeUTCDate = (\n year: number,\n monthIndex: number,\n day: number,\n hour = 1\n) => new Date(Date.UTC(year, monthIndex, day, hour));\n\n/\n Checks if the received date is a valid date.\n \n @param date - The date to be validated.\n * @returns A flag stating if the date is valid or not.\n /\nexport const isDate = (date: any): date is Date =>\n Object.prototype.toString.call(date) === \"[object Date]\" &&\n !Number.isNaN(date.valueOf());\n\nexport const isDateRangeProp = (date: any): date is DateRangeProp =>\n \"startDate\" in date;\n\n/\n Checks if two dates are in the same month and year.\n \n @param date1 - First date.\n * @param date2 - Second date.\n * @returns A flag stating if the dates are in the same month and year or not.\n /\nexport const isSameMonth = (date1: any, date2: any) => {\n if (!(isDate(date1) && isDate(date2))) return false;\n\n return (\n date1.getMonth() === date2.getMonth() &&\n date1.getFullYear() === date2.getFullYear()\n );\n};\n\n/\n Checks if two dates are on the same day.\n \n @param date1 - First date.\n * @param date2 - Second date.\n * @returns A flag stating if the dates are in the same day or not.\n /\nexport const isSameDay = (date1: any, date2: any) => {\n if (!(isDate(date1) && isDate(date2))) return false;\n\n return (\n date1.getDate() === date2.getDate() &&\n date1.getMonth() === date2.getMonth() &&\n date1.getFullYear() === date2.getFullYear()\n );\n};\n\n/\n Formats the received date using the ISO format (YYYY-MM-DD).\n \n @param date - The date to be formatted.\n * @returns The formatted date in ISO format.\n /\nexport const getDateISO = (date?: Date) => {\n if (!isDate(date)) return null;\n\n return [\n date.getFullYear(),\n zeroPad(date.getMonth() + 1, 2),\n zeroPad(date.getDate(), 2),\n ].join(\"-\");\n};\n\n/\n Returns an object with the previous month taking also into consideration the year.\n * For example the previous month of January 2000 will be December 1999.\n \n @param month - Number of the month.\n * @param year - Number of the year.\n * @returns Object with new month and year defined.\n /\nexport const getPreviousMonth = (month: number, year: number) => {\n const prevMonth = month > 1 ? month - 1 : 12;\n const prevMonthYear = month > 1 ? year : year - 1;\n\n return { month: prevMonth, year: prevMonthYear };\n};\n\n/\n Returns an object with the next month taking also into consideration the year.\n * For example the next month of December 2000 will be January 2001.\n \n @param month - Number of the month.\n * @param year - Number of the year.\n * @returns Object with new month and year defined.\n /\nexport const getNextMonth = (month: number, year: number) => {\n const nextMonth = month < 12 ? month + 1 : 1;\n const nextMonthYear = month < 12 ? year : year + 1;\n\n return { month: nextMonth, year: nextMonthYear };\n};\n\n/\n Returns a list with the names of all the months localized in the received locale and representation value.\n \n @param locale - The locale to be applied to the Intl format.\n * @param representationValue - The representation value for the month.\n * @returns An array with all the months names.\n /\nexport const getMonthNamesList = (\n locale: string \| undefined,\n representationValue: Intl.DateTimeFormatOptions[\"month\"] = \"long\"\n) => {\n const options = { month: representationValue, timeZone: \"UTC\" };\n\n return [...new Array(12)].map((n, index) => {\n const auxDate = makeUTCDate(1970, index, 1);\n return capitalize(Intl.DateTimeFormat(locale, options).format(auxDate));\n });\n};\n\n/\n Returns a list with the names of all the weekdays localized in the received locale and representation value.\n \n @param locale - The locale to be applied.\n * @param dateTimeFormatValue - The representation value for the weekday.\n * @returns An array with all the weekday names.\n /\nexport const getWeekdayNamesList = (\n locale: string,\n dateTimeFormatValue: Intl.DateTimeFormatOptions[\"weekday\"] = \"long\"\n) => {\n const options = { weekday: dateTimeFormatValue, timeZone: \"UTC\" };\n const weekdayNames: string[] = [];\n\n for (let day = 4; day <= 10; day += 1) {\n const auxDate = makeUTCDate(1970, 0, day);\n weekdayNames.push(Intl.DateTimeFormat(locale, options).format(auxDate));\n }\n return weekdayNames;\n};\n\n/\n Returns the name of the month for the supplied month localized in the received locale and representation value.\n \n @param date - The date from which the month name is extracted.\n * @param locale - The locale to be applied to the Intl format.\n * @param representationValue - The locale to be applied to the Intl format.\n * @returns The name of the month.\n /\nexport const getMonthName = (\n date: Date,\n locale: string,\n representationValue: Intl.DateTimeFormatOptions[\"month\"] = \"long\"\n) =>\n new Intl.DateTimeFormat(locale, { month: representationValue }).format(date);\n\n/\n Formats the received date according to Design System specifications.\n * Currently: day month, year => `14 Aug, 2019`.\n \n @param date - UTC date to be formatted.\n * @param locale - The locale to be applied to the Intl format.\n * @returns The formatted date as a string.\n /\nexport const getFormattedDate = (\n // TODO: fix this\n date: any,\n locale: any,\n rep: Intl.DateTimeFormatOptions[\"month\"] = \"short\"\n) =>\n `${date.getDate()} ${getMonthName(date, locale, rep)} ${date.getFullYear()}`;\n\n/\n Creates an array of 42 days. The complete current month and enough days from the previous and next months to fill\n * the 42 positions.\n \n @param month - The number of the month (1 to 12).\n * @param year - The number of the year.\n * @returns The array of dates.\n /\nexport const createDatesArray = (month: number, year: number) => {\n // Initializes the variables needed to calculate the dates for the received month and year\n const monthDays = getMonthDays(month, year);\n const daysFromPrevMonth = getMonthFirstWeekday(month, year);\n const daysFromNextMonth =\n CALENDAR_WEEKS 7 - (daysFromPrevMonth + monthDays);\n const prevMonthYear = getPreviousMonth(month, year);\n const nextMonthYear = getNextMonth(month, year);\n const prevMonthDays = getMonthDays(prevMonthYear.month, prevMonthYear.year);\n\n // Creates the arrays for the dates for previous, current and next months\n const prevMonthDates = [...new Array(daysFromPrevMonth)].map((n, index) => {\n const day = index + 1 + (prevMonthDays - daysFromPrevMonth);\n return new Date(prevMonthYear.year, prevMonthYear.month - 1, day);\n });\n const currentMonthDates = [...new Array(monthDays)].map((n, index) => {\n const day = index + 1;\n return new Date(year, month - 1, day);\n });\n const nextMonthDates = [...new Array(daysFromNextMonth)].map((n, index) => {\n const day = index + 1;\n return new Date(nextMonthYear.year, nextMonthYear.month - 1, day);\n });\n\n return [...prevMonthDates, ...currentMonthDates, ...nextMonthDates];\n};\n\n/*\n Checks if the received locale is valid according to Intl.\n \n @param locale - The locale to be checked\n * @returns True if the locale is valid, false otherwise.\n /\nexport const isValidLocale = (locale: string) => {\n try {\n if (Intl.DateTimeFormat.supportedLocalesOf(locale).length > 0) {\n return true;\n }\n // eslint-disable-next-line no-console\n console.warn(`${locale} is not supported. Falling back to a known locale.`);\n return false;\n } catch (error) {\n if (\n error != null &&\n typeof error === \"object\" &&\n \"name\" in error &&\n error?.name === \"RangeError\"\n ) {\n // eslint-disable-next-line no-console\n console.error(`Invalid locale: ${locale}`);\n return false;\n }\n if (error != null && typeof error === \"object\" && \"message\" in error) {\n // eslint-disable-next-line no-console\n console.error(error?.message);\n return false;\n }\n\n return false;\n }\n};\n\nexport const isRange = (date): date is DateRangeProp =>\n date != null && typeof date === \"object\" && \"startDate\" in date;\n\n/\n Checks if the date falls within a specified date range.\n \n @param date - The date to be evaluated.\n * @param providedValueRange - Provided selection range.\n * @returns - True if the date falls within the range, false otherwise.\n */\nexport const dateInProvidedValueRange = (\n date: any,\n providedValueRange: any\n) => {\n const { startDate, endDate } = providedValueRange;\n\n if (!isRange(providedValueRange) \|\| isNil(endDate)) return false;\n const localEndDate = endDate;\n\n const modStartDate = dayjs(startDate).format(\"YYYY-MM-DD\");\n const modEndDate = dayjs(localEndDate).format(\"YYYY-MM-DD\");\n\n const convertedDate = dayjs(date).format(\"YYYY-MM-DD\");\n\n return convertedDate >= modStartDate && convertedDate <= modEndDate;\n};\n\nexport const checkIfDateIsDisabled = (\n date?: string \| number \| Date \| dayjs.Dayjs,\n minimumDate?: string \| number \| Date \| dayjs.Dayjs,\n maximumDate?: string \| number \| Date \| dayjs.Dayjs\n) => {\n if (!minimumDate && !maximumDate) return false;\n const modStartDate = minimumDate\n ? dayjs(minimumDate).format(\"YYYY-MM-DD\")\n : undefined;\n const modEndDate = maximumDate\n ? dayjs(maximumDate).format(\"YYYY-MM-DD\")\n : undefined;\n\n const convertedDate = dayjs(date).format(\"YYYY-MM-DD\");\n\n return (\n (modStartDate !== undefined && convertedDate < modStartDate) \|\|\n (modEndDate !== undefined && convertedDate > modEndDate)\n );\n};\n\nexport const formatToLocale = (date, locale) => {\n return new Intl.DateTimeFormat(locale, {\n day: \"numeric\",\n month: \"short\",\n year: \"numeric\",\n }).format(date);\n};\n"],"names":["CALENDAR_WEEKS","getMonthDays","month","year","Date","getDate","getMonthFirstWeekday","getDay","makeUTCDate","monthIndex","day","hour","UTC","isDate","date","Object","prototype","toString","call","Number","isNaN","valueOf","isDateRangeProp","isSameMonth","date1","date2","getMonth","getFullYear","isSameDay","getPreviousMonth","prevMonth","prevMonthYear","getNextMonth","nextMonth","nextMonthYear","getMonthNamesList","locale","representationValue","options","timeZone","Array","map","n","index","auxDate","capitalize","Intl","DateTimeFormat","format","getWeekdayNamesList","dateTimeFormatValue","weekday","weekdayNames","push","getMonthName","getFormattedDate","rep","createDatesArray","monthDays","daysFromPrevMonth","daysFromNextMonth","prevMonthDays","prevMonthDates","currentMonthDates","nextMonthDates","isRange","dateInProvidedValueRange","providedValueRange","startDate","endDate","isNil","localEndDate","modStartDate","dayjs","modEndDate","convertedDate","checkIfDateIsDisabled","minimumDate","maximumDate","undefined","formatToLocale"],"mappings":"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"}
1	+ {"version":3,"file":"utils.cjs","sources":["../../../../src/components/Calendar/utils.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport isNil from \"lodash/isNil\";\nimport capitalize from \"lodash/capitalize\";\nimport { DateRangeProp } from \".\";\n\n/*\n Constant with the number of weeks to be displayed on the calendar.\n /\nexport const CALENDAR_WEEKS = 6;\n\n/\n Constant with the default locale that should be used as the default.\n /\nexport const DEFAULT_LOCALE = \"en\";\n\n/\n Pads a string value with leading zeroes(0) until length is reached.\n \n @param value - Value to be padded.\n * @param length - Length of the value after the padding is added.\n * @returns The value as a string with the received amount of padding.\n \n @example zeroPad(5, 2) => \"05\"\n /\nexport const zeroPad = (value: number, length: number) =>\n `${value}`.padStart(length, \"0\");\n\n/\n Returns the number of days in the month given a month and year.\n \n @param month - Number of the month (1 to 12).\n * @param year - Number of the year.\n * @returns The number of days in a month for the received year.\n /\nexport const getMonthDays = (month: number, year: number) =>\n new Date(year, month, 0).getDate();\n\n/\n Gets the week day of the first day of a given month and year.\n * From 0 (Sunday) to 6 (Saturday).\n \n @param month - Number of the month (1 to 12).\n * @param year - Number of the year.\n * @returns The zero indexed week day where 0 is Sunday (0 to 6).\n /\nexport const getMonthFirstWeekday = (month: number, year: number) =>\n new Date(year, month - 1, 1).getDay();\n\n/\n Creates a `Date` instance in UTC timezone.\n \n @param year - The year of the date.\n * @param monthIndex - The zero indexed month of the year (0 to 11).\n * @param day - The day of the month.\n * @param [hour=1] - The hour of the day.\n * @returns A `Date` instance in UTC timezone.\n /\nexport const makeUTCDate = (\n year: number,\n monthIndex: number,\n day: number,\n hour = 1\n) => new Date(Date.UTC(year, monthIndex, day, hour));\n\n/\n Checks if the received date is a valid date.\n \n @param date - The date to be validated.\n * @returns A flag stating if the date is valid or not.\n /\nexport const isDate = (date: any): date is Date =>\n Object.prototype.toString.call(date) === \"[object Date]\" &&\n !Number.isNaN(date.valueOf());\n\nexport const isDateRangeProp = (date: any): date is DateRangeProp =>\n \"startDate\" in date;\n\n/\n Checks if two dates are in the same month and year.\n \n @param date1 - First date.\n * @param date2 - Second date.\n * @returns A flag stating if the dates are in the same month and year or not.\n /\nexport const isSameMonth = (date1: any, date2: any) => {\n if (!(isDate(date1) && isDate(date2))) return false;\n\n return (\n date1.getMonth() === date2.getMonth() &&\n date1.getFullYear() === date2.getFullYear()\n );\n};\n\n/\n Checks if two dates are on the same day.\n \n @param date1 - First date.\n * @param date2 - Second date.\n * @returns A flag stating if the dates are in the same day or not.\n /\nexport const isSameDay = (date1: any, date2: any) => {\n if (!(isDate(date1) && isDate(date2))) return false;\n\n return (\n date1.getDate() === date2.getDate() &&\n date1.getMonth() === date2.getMonth() &&\n date1.getFullYear() === date2.getFullYear()\n );\n};\n\n/\n Formats the received date using the ISO format (YYYY-MM-DD).\n \n @param date - The date to be formatted.\n * @returns The formatted date in ISO format.\n /\nexport const getDateISO = (date?: Date) => {\n if (!isDate(date)) return null;\n\n return [\n date.getFullYear(),\n zeroPad(date.getMonth() + 1, 2),\n zeroPad(date.getDate(), 2),\n ].join(\"-\");\n};\n\n/\n Returns an object with the previous month taking also into consideration the year.\n * For example the previous month of January 2000 will be December 1999.\n \n @param month - Number of the month.\n * @param year - Number of the year.\n * @returns Object with new month and year defined.\n /\nexport const getPreviousMonth = (month: number, year: number) => {\n const prevMonth = month > 1 ? month - 1 : 12;\n const prevMonthYear = month > 1 ? year : year - 1;\n\n return { month: prevMonth, year: prevMonthYear };\n};\n\n/\n Returns an object with the next month taking also into consideration the year.\n * For example the next month of December 2000 will be January 2001.\n \n @param month - Number of the month.\n * @param year - Number of the year.\n * @returns Object with new month and year defined.\n /\nexport const getNextMonth = (month: number, year: number) => {\n const nextMonth = month < 12 ? month + 1 : 1;\n const nextMonthYear = month < 12 ? year : year + 1;\n\n return { month: nextMonth, year: nextMonthYear };\n};\n\n/\n Returns a list with the names of all the months localized in the received locale and representation value.\n \n @param locale - The locale to be applied to the Intl format.\n * @param representationValue - The representation value for the month.\n * @returns An array with all the months names.\n /\nexport const getMonthNamesList = (\n locale: string \| undefined,\n representationValue: Intl.DateTimeFormatOptions[\"month\"] = \"long\"\n) => {\n const options = { month: representationValue, timeZone: \"UTC\" };\n\n return [...new Array(12)].map((n, index) => {\n const auxDate = makeUTCDate(1970, index, 1);\n return capitalize(Intl.DateTimeFormat(locale, options).format(auxDate));\n });\n};\n\n/\n Returns a list with the names of all the weekdays localized in the received locale and representation value.\n \n @param locale - The locale to be applied.\n * @param dateTimeFormatValue - The representation value for the weekday.\n * @returns An array with all the weekday names.\n /\nexport const getWeekdayNamesList = (\n locale: string,\n dateTimeFormatValue: Intl.DateTimeFormatOptions[\"weekday\"] = \"long\"\n) => {\n const options = { weekday: dateTimeFormatValue, timeZone: \"UTC\" };\n const weekdayNames: string[] = [];\n\n for (let day = 4; day <= 10; day += 1) {\n const auxDate = makeUTCDate(1970, 0, day);\n weekdayNames.push(Intl.DateTimeFormat(locale, options).format(auxDate));\n }\n return weekdayNames;\n};\n\n/\n Returns the name of the month for the supplied month localized in the received locale and representation value.\n \n @param date - The date from which the month name is extracted.\n * @param locale - The locale to be applied to the Intl format.\n * @param representationValue - The locale to be applied to the Intl format.\n * @returns The name of the month.\n /\nexport const getMonthName = (\n date: Date,\n locale: string,\n representationValue: Intl.DateTimeFormatOptions[\"month\"] = \"long\"\n) =>\n new Intl.DateTimeFormat(locale, { month: representationValue }).format(date);\n\n/\n Formats the received date according to Design System specifications.\n * Currently: day month, year => `14 Aug, 2019`.\n \n @param date - UTC date to be formatted.\n * @param locale - The locale to be applied to the Intl format.\n * @returns The formatted date as a string.\n /\nexport const getFormattedDate = (\n // TODO: fix this\n date: any,\n locale: any,\n rep: Intl.DateTimeFormatOptions[\"month\"] = \"short\"\n) =>\n `${date.getDate()} ${getMonthName(date, locale, rep)} ${date.getFullYear()}`;\n\n/\n Creates an array of 42 days. The complete current month and enough days from the previous and next months to fill\n * the 42 positions.\n \n @param month - The number of the month (1 to 12).\n * @param year - The number of the year.\n * @returns The array of dates.\n /\nexport const createDatesArray = (month: number, year: number) => {\n // Initializes the variables needed to calculate the dates for the received month and year\n const monthDays = getMonthDays(month, year);\n const daysFromPrevMonth = getMonthFirstWeekday(month, year);\n const daysFromNextMonth =\n CALENDAR_WEEKS 7 - (daysFromPrevMonth + monthDays);\n const prevMonthYear = getPreviousMonth(month, year);\n const nextMonthYear = getNextMonth(month, year);\n const prevMonthDays = getMonthDays(prevMonthYear.month, prevMonthYear.year);\n\n // Creates the arrays for the dates for previous, current and next months\n const prevMonthDates = [...new Array(daysFromPrevMonth)].map((n, index) => {\n const day = index + 1 + (prevMonthDays - daysFromPrevMonth);\n return new Date(prevMonthYear.year, prevMonthYear.month - 1, day);\n });\n const currentMonthDates = [...new Array(monthDays)].map((n, index) => {\n const day = index + 1;\n return new Date(year, month - 1, day);\n });\n const nextMonthDates = [...new Array(daysFromNextMonth)].map((n, index) => {\n const day = index + 1;\n return new Date(nextMonthYear.year, nextMonthYear.month - 1, day);\n });\n\n return [...prevMonthDates, ...currentMonthDates, ...nextMonthDates];\n};\n\n/*\n Checks if the received locale is valid according to Intl.\n \n @param locale - The locale to be checked\n * @returns True if the locale is valid, false otherwise.\n /\nexport const isValidLocale = (locale: string) => {\n try {\n if (Intl.DateTimeFormat.supportedLocalesOf(locale).length > 0) {\n return true;\n }\n // eslint-disable-next-line no-console\n console.warn(`${locale} is not supported. Falling back to a known locale.`);\n return false;\n } catch (error) {\n if (\n error != null &&\n typeof error === \"object\" &&\n \"name\" in error &&\n error?.name === \"RangeError\"\n ) {\n // eslint-disable-next-line no-console\n console.error(`Invalid locale: ${locale}`);\n return false;\n }\n if (error != null && typeof error === \"object\" && \"message\" in error) {\n // eslint-disable-next-line no-console\n console.error(error?.message);\n return false;\n }\n\n return false;\n }\n};\n\nexport const isRange = (date): date is DateRangeProp =>\n date != null && typeof date === \"object\" && \"startDate\" in date;\n\n/\n Checks if the date falls within a specified date range.\n \n @param date - The date to be evaluated.\n * @param providedValueRange - Provided selection range.\n * @returns - True if the date falls within the range, false otherwise.\n */\nexport const dateInProvidedValueRange = (\n date: any,\n providedValueRange: any\n) => {\n const { startDate, endDate } = providedValueRange;\n\n if (!isRange(providedValueRange) \|\| isNil(endDate)) return false;\n const localEndDate = endDate;\n\n const modStartDate = dayjs(startDate).format(\"YYYY-MM-DD\");\n const modEndDate = dayjs(localEndDate).format(\"YYYY-MM-DD\");\n\n const convertedDate = dayjs(date).format(\"YYYY-MM-DD\");\n\n return convertedDate >= modStartDate && convertedDate <= modEndDate;\n};\n\nexport const checkIfDateIsDisabled = (\n date?: string \| number \| Date \| dayjs.Dayjs,\n minimumDate?: string \| number \| Date \| dayjs.Dayjs,\n maximumDate?: string \| number \| Date \| dayjs.Dayjs\n) => {\n if (!minimumDate && !maximumDate) return false;\n const modStartDate = minimumDate\n ? dayjs(minimumDate).format(\"YYYY-MM-DD\")\n : undefined;\n const modEndDate = maximumDate\n ? dayjs(maximumDate).format(\"YYYY-MM-DD\")\n : undefined;\n\n const convertedDate = dayjs(date).format(\"YYYY-MM-DD\");\n\n return (\n (modStartDate !== undefined && convertedDate < modStartDate) \|\|\n (modEndDate !== undefined && convertedDate > modEndDate)\n );\n};\n\nexport const formatToLocale = (date, locale) => {\n return new Intl.DateTimeFormat(locale, {\n day: \"numeric\",\n month: \"short\",\n year: \"numeric\",\n }).format(date);\n};\n"],"names":["CALENDAR_WEEKS","getMonthDays","month","year","Date","getDate","getMonthFirstWeekday","getDay","makeUTCDate","monthIndex","day","hour","UTC","isDate","date","Object","prototype","toString","call","Number","isNaN","valueOf","isDateRangeProp","isSameMonth","date1","date2","getMonth","getFullYear","isSameDay","getPreviousMonth","prevMonth","prevMonthYear","getNextMonth","nextMonth","nextMonthYear","getMonthNamesList","locale","representationValue","options","timeZone","Array","map","n","index","auxDate","capitalize","Intl","DateTimeFormat","format","getWeekdayNamesList","dateTimeFormatValue","weekday","weekdayNames","push","getMonthName","getFormattedDate","rep","createDatesArray","monthDays","daysFromPrevMonth","daysFromNextMonth","prevMonthDays","prevMonthDates","currentMonthDates","nextMonthDates","isRange","dateInProvidedValueRange","providedValueRange","startDate","endDate","isNil","localEndDate","modStartDate","dayjs","modEndDate","convertedDate","checkIfDateIsDisabled","minimumDate","maximumDate","undefined","formatToLocale"],"mappings":";;;;;;;;;AAQO,MAAMA,iBAAiB;AA0BjBC,MAAAA,eAAeA,CAACC,OAAeC,SAC1C,IAAIC,KAAKD,MAAMD,OAAO,CAAC,EAAEG,QAAQ;AAUtBC,MAAAA,uBAAuBA,CAACJ,OAAeC,SAClD,IAAIC,KAAKD,MAAMD,QAAQ,GAAG,CAAC,EAAEK,OAAO;AAW/B,MAAMC,cAAcA,CACzBL,MACAM,YACAC,KACAC,OAAO,MACJ,IAAIP,KAAKA,KAAKQ,IAAIT,MAAMM,YAAYC,KAAKC,IAAI,CAAC;AAQ5C,MAAME,SAASA,CAACC,SACrBC,OAAOC,UAAUC,SAASC,KAAKJ,IAAI,MAAM,mBACzC,CAACK,OAAOC,MAAMN,KAAKO,SAAS;AAEjBC,MAAAA,kBAAkBA,CAACR,SAC9B,eAAeA;AASJS,MAAAA,cAAcA,CAACC,OAAYC,UAAe;AACrD,MAAI,EAAEZ,OAAOW,KAAK,KAAKX,OAAOY,KAAK;AAAW,WAAA;AAG5CD,SAAAA,MAAME,eAAeD,MAAMC,SAAAA,KAC3BF,MAAMG,YAAkBF,MAAAA,MAAME;AAElC;AASaC,MAAAA,YAAYA,CAACJ,OAAYC,UAAe;AACnD,MAAI,EAAEZ,OAAOW,KAAK,KAAKX,OAAOY,KAAK;AAAW,WAAA;AAE9C,SACED,MAAMnB,QAAQ,MAAMoB,MAAMpB,QAAAA,KAC1BmB,MAAME,SAAAA,MAAeD,MAAMC,SAC3BF,KAAAA,MAAMG,YAAY,MAAMF,MAAME;AAElC;AA0BaE,MAAAA,mBAAmBA,CAAC3B,OAAeC,SAAiB;AAC/D,QAAM2B,YAAY5B,QAAQ,IAAIA,QAAQ,IAAI;AAC1C,QAAM6B,gBAAgB7B,QAAQ,IAAIC,OAAOA,OAAO;AAEzC,SAAA;AAAA,IAAED,OAAO4B;AAAAA,IAAW3B,MAAM4B;AAAAA,EAAAA;AACnC;AAUaC,MAAAA,eAAeA,CAAC9B,OAAeC,SAAiB;AAC3D,QAAM8B,YAAY/B,QAAQ,KAAKA,QAAQ,IAAI;AAC3C,QAAMgC,gBAAgBhC,QAAQ,KAAKC,OAAOA,OAAO;AAE1C,SAAA;AAAA,IAAED,OAAO+B;AAAAA,IAAW9B,MAAM+B;AAAAA,EAAAA;AACnC;AASO,MAAMC,oBAAoBA,CAC/BC,QACAC,sBAA2D,WACxD;AACH,QAAMC,UAAU;AAAA,IAAEpC,OAAOmC;AAAAA,IAAqBE,UAAU;AAAA,EAAA;AAEjD,SAAA,CAAC,GAAG,IAAIC,MAAM,EAAE,CAAC,EAAEC,IAAI,CAACC,GAAGC,UAAU;AAC1C,UAAMC,UAAUpC,YAAY,MAAMmC,OAAO,CAAC;AACnCE,WAAAA,oBAAAA,QAAWC,KAAKC,eAAeX,QAAQE,OAAO,EAAEU,OAAOJ,OAAO,CAAC;AAAA,EAAA,CACvE;AACH;AASO,MAAMK,sBAAsBA,CACjCb,QACAc,sBAA6D,WAC1D;AACH,QAAMZ,UAAU;AAAA,IAAEa,SAASD;AAAAA,IAAqBX,UAAU;AAAA,EAAA;AAC1D,QAAMa,eAAyB,CAAA;AAE/B,WAAS1C,MAAM,GAAGA,OAAO,IAAIA,OAAO,GAAG;AACrC,UAAMkC,UAAUpC,YAAY,MAAM,GAAGE,GAAG;AAC3B2C,iBAAAA,KAAKP,KAAKC,eAAeX,QAAQE,OAAO,EAAEU,OAAOJ,OAAO,CAAC;AAAA,EACxE;AACOQ,SAAAA;AACT;AAUaE,MAAAA,eAAeA,CAC1BxC,MACAsB,QACAC,sBAA2D,WAE3D,IAAIS,KAAKC,eAAeX,QAAQ;AAAA,EAAElC,OAAOmC;AAAoB,CAAC,EAAEW,OAAOlC,IAAI;AAUtE,MAAMyC,mBAAmBA,CAE9BzC,MACAsB,QACAoB,MAA2C,YAE1C,GAAE1C,KAAKT,QAAQ,KAAKiD,aAAaxC,MAAMsB,QAAQoB,GAAG,KAAK1C,KAAKa,YAAY;AAU9D8B,MAAAA,mBAAmBA,CAACvD,OAAeC,SAAiB;AAEzDuD,QAAAA,YAAYzD,aAAaC,OAAOC,IAAI;AACpCwD,QAAAA,oBAAoBrD,qBAAqBJ,OAAOC,IAAI;AACpDyD,QAAAA,oBACJ5D,iBAAiB,KAAK2D,oBAAoBD;AACtC3B,QAAAA,gBAAgBF,iBAAiB3B,OAAOC,IAAI;AAC5C+B,QAAAA,gBAAgBF,aAAa9B,OAAOC,IAAI;AAC9C,QAAM0D,gBAAgB5D,aAAa8B,cAAc7B,OAAO6B,cAAc5B,IAAI;AAGpE2D,QAAAA,iBAAiB,CAAC,GAAG,IAAItB,MAAMmB,iBAAiB,CAAC,EAAElB,IAAI,CAACC,GAAGC,UAAU;AACnEjC,UAAAA,MAAMiC,QAAQ,KAAKkB,gBAAgBF;AACzC,WAAO,IAAIvD,KAAK2B,cAAc5B,MAAM4B,cAAc7B,QAAQ,GAAGQ,GAAG;AAAA,EAAA,CACjE;AACKqD,QAAAA,oBAAoB,CAAC,GAAG,IAAIvB,MAAMkB,SAAS,CAAC,EAAEjB,IAAI,CAACC,GAAGC,UAAU;AACpE,UAAMjC,MAAMiC,QAAQ;AACpB,WAAO,IAAIvC,KAAKD,MAAMD,QAAQ,GAAGQ,GAAG;AAAA,EAAA,CACrC;AACKsD,QAAAA,iBAAiB,CAAC,GAAG,IAAIxB,MAAMoB,iBAAiB,CAAC,EAAEnB,IAAI,CAACC,GAAGC,UAAU;AACzE,UAAMjC,MAAMiC,QAAQ;AACpB,WAAO,IAAIvC,KAAK8B,cAAc/B,MAAM+B,cAAchC,QAAQ,GAAGQ,GAAG;AAAA,EAAA,CACjE;AAED,SAAO,CAAC,GAAGoD,gBAAgB,GAAGC,mBAAmB,GAAGC,cAAc;AACpE;AAqCaC,MAAAA,UAAUA,CAACnD,SACtBA,QAAQ,QAAQ,OAAOA,SAAS,YAAY,eAAeA;AAShDoD,MAAAA,2BAA2BA,CACtCpD,MACAqD,uBACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,EAAYF,IAAAA;AAE/B,MAAI,CAACF,QAAQE,kBAAkB,KAAKG,eAAAA,QAAMD,OAAO;AAAU,WAAA;AAC3D,QAAME,eAAeF;AAErB,QAAMG,eAAeC,eAAAA,QAAML,SAAS,EAAEpB,OAAO,YAAY;AACzD,QAAM0B,aAAaD,eAAAA,QAAMF,YAAY,EAAEvB,OAAO,YAAY;AAE1D,QAAM2B,gBAAgBF,eAAAA,QAAM3D,IAAI,EAAEkC,OAAO,YAAY;AAE9C2B,SAAAA,iBAAiBH,gBAAgBG,iBAAiBD;AAC3D;AAEO,MAAME,wBAAwBA,CACnC9D,MACA+D,aACAC,gBACG;AACC,MAAA,CAACD,eAAe,CAACC;AAAoB,WAAA;AACzC,QAAMN,eAAeK,cACjBJ,uBAAMI,WAAW,EAAE7B,OAAO,YAAY,IACtC+B;AACJ,QAAML,aAAaI,cACfL,uBAAMK,WAAW,EAAE9B,OAAO,YAAY,IACtC+B;AAEJ,QAAMJ,gBAAgBF,eAAAA,QAAM3D,IAAI,EAAEkC,OAAO,YAAY;AAErD,SACGwB,iBAAiBO,UAAaJ,gBAAgBH,gBAC9CE,eAAeK,UAAaJ,gBAAgBD;AAEjD;AAEaM,MAAAA,iBAAiBA,CAAClE,MAAMsB,WAAW;AACvC,SAAA,IAAIU,KAAKC,eAAeX,QAAQ;AAAA,IACrC1B,KAAK;AAAA,IACLR,OAAO;AAAA,IACPC,MAAM;AAAA,EAAA,CACP,EAAE6C,OAAOlC,IAAI;AAChB;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/Card/Card.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Card.cjs","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { ClassNames } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvBox } from \"@core/components\";\nimport {\n HvBaseProps,\n HvAtmosphereColorKeys,\n HvSemanticColorKeys,\n} from \"@core/types\";\nimport { styles } from \"./Card.styles\";\nimport cardClasses, { HvCardClasses } from \"./cardClasses\";\n\nexport interface HvCardProps extends HvBaseProps {\n /** The renderable content inside the icon slot of the header. /\n icon?: React.ReactNode;\n /* Whether the card is selectable. /\n selectable?: boolean;\n /* Whether the card is currently selected. /\n selected?: boolean;\n /* The background color of the card. /\n bgcolor?:\n \| \"sema0\"\n \| HvSemanticColorKeys\n \| HvAtmosphereColorKeys\n \| \"transparent\";\n /\n The border color at the top of the card. Must be one of palette semantic or atmosphere colors.\n * To set another color, the borderTop should be override.\n /\n statusColor?: \"sema0\" \| HvSemanticColorKeys \| HvAtmosphereColorKeys;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvCardClasses;\n}\n\n/\n A card is a container for a few short and related pieces of content.\n * It roughly resembles a playing card in size and shape and is intended as a\n * linked short representation of a conceptual unit. For that reason,\n * this pattern must be used as an entry-point for further information.\n */\nexport const HvCard = ({\n classes,\n className,\n children,\n icon,\n selectable = false,\n selected = false,\n statusColor = \"sema0\",\n bgcolor,\n ...others\n}: HvCardProps) => {\n return (\n <ClassNames>\n {({ css, cx }) => (\n <HvBox\n aria-selected={selectable ? selected : undefined}\n className={cx(\n \"HvIsCardGridElement\",\n cardClasses.root,\n selectable && cardClasses.selectable,\n selected && cardClasses.selected,\n css(styles.root),\n css({\n backgroundColor:\n (bgcolor && theme.colors[bgcolor]) \|\|\n theme.card.backgroundColor,\n }),\n selectable && css(styles.selectable),\n selected && css(styles.selected),\n className,\n classes?.root,\n selectable && css(styles.selectable),\n selected && css(styles.selected)\n )}\n {...others}\n >\n <div\n className={cx(\n cardClasses.semanticContainer,\n css(styles.semanticContainer),\n classes?.semanticContainer\n )}\n >\n <div\n className={cx(\n cardClasses.semanticBar,\n css(styles.semanticBar),\n css({\n height: selected ? 4 : 2,\n backgroundColor:\n statusColor === \"sema0\"\n ? selected\n ? theme.colors.secondary\n : theme.colors.atmo4\n : theme.colors[statusColor],\n }),\n classes?.semanticBar\n )}\n />\n <div\n className={cx(cardClasses.icon, css(styles.icon), classes?.icon)}\n >\n {icon}\n </div>\n </div>\n {children}\n </HvBox>\n )}\n </ClassNames>\n );\n};\n"],"names":["HvCard","classes","className","children","icon","selectable","selected","statusColor","bgcolor","others","ClassNames","css","cx","HvBox","undefined","cardClasses","root","styles","backgroundColor","theme","colors","card","_jsxs","semanticContainer","_jsx","semanticBar","height","secondary","atmo4"],"mappings":";;;;;;;;AAuCO,MAAMA,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACbC,WAAW;AAAA,EACXC,cAAc;AAAA,EACdC;AAAAA,EACA,GAAGC;AACQ,MAAM;AACjB,wCACGC,MAAAA,YAAU;AAAA,IAAAP,UACRA,CAAC;AAAA,MAAEQ;AAAAA,MAAKC;AAAAA,IAAAA,sCACNC,IAAAA,OAAK;AAAA,MACJ,iBAAeR,aAAaC,WAAWQ;AAAAA,MACvCZ,WAAWU,GACT,uBACAG,YAAAA,QAAYC,MACZX,cAAcU,oBAAYV,YAC1BC,YAAYS,YAAAA,QAAYT,UACxBK,IAAIM,YAAAA,OAAOD,IAAI,GACfL,IAAI;AAAA,QACFO,iBACGV,WAAWW,kBAAMC,OAAOZ,OAAO,KAChCW,YAAAA,MAAME,KAAKH;AAAAA,MAAAA,CACd,GACDb,cAAcM,IAAIM,mBAAOZ,UAAU,GACnCC,YAAYK,IAAIM,mBAAOX,QAAQ,GAC/BJ,WACAD,mCAASe,MACTX,cAAcM,IAAIM,mBAAOZ,UAAU,GACnCC,YAAYK,IAAIM,mBAAOX,QAAQ,~~CAAC~~;AAAA,~~MAChC~~,GACEG;AAAAA,MAAMN,WAEVmB,2BAAAA,KAAA,OAAA;AAAA,QACEpB,WAAWU,GACTG,YAAYQ,QAAAA,mBACZZ,IAAIM,YAAAA,OAAOM,iBAAiB,GAC5BtB,mCAASsB,~~iBAAiB~~;AAAA,~~QAC1BpB~~,WAEFqB,2BAAAA,IAAA,OAAA;AAAA,UACEtB,WAAWU,GACTG,YAAAA,QAAYU,aACZd,IAAIM,mBAAOQ,WAAW,GACtBd,IAAI;AAAA,YACFe,QAAQpB,WAAW,IAAI;AAAA,YACvBY,iBACEX,gBAAgB,UACZD,WACEa,YAAMC,MAAAA,OAAOO,YACbR,YAAAA,MAAMC,OAAOQ,QACfT,YAAAA,MAAMC,OAAOb,WAAW;AAAA,UAAA,CAC/B,GACDN,mCAASwB,~~WAAW~~;AAAA,QAAA,~~CACpB~~,~~GAEJD~~,2BAAAA,IAAA,OAAA;AAAA,UACEtB,WAAWU,GAAGG,YAAYX,QAAAA,MAAMO,IAAIM,YAAAA,OAAOb,IAAI,GAAGH,mCAASG,IAAI;AAAA,UAAED,UAEhEC;AAAAA,QAAAA,~~CACG~~,~~CAAA~~;AAAA,~~MAAA~~,CAAA,~~GAEPD~~,QAAQ;AAAA,IAAA,~~CAAA~~;AAAA,EAAA,~~CAGF~~;~~AAEjB~~;;"}
1	+ {"version":3,"file":"Card.cjs","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { ClassNames } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvBox } from \"@core/components\";\nimport {\n HvBaseProps,\n HvAtmosphereColorKeys,\n HvSemanticColorKeys,\n} from \"@core/types\";\nimport { styles } from \"./Card.styles\";\nimport cardClasses, { HvCardClasses } from \"./cardClasses\";\n\nexport interface HvCardProps extends HvBaseProps {\n /** The renderable content inside the icon slot of the header. /\n icon?: React.ReactNode;\n /* Whether the card is selectable. /\n selectable?: boolean;\n /* Whether the card is currently selected. /\n selected?: boolean;\n /* The background color of the card. /\n bgcolor?:\n \| \"sema0\"\n \| HvSemanticColorKeys\n \| HvAtmosphereColorKeys\n \| \"transparent\";\n /\n The border color at the top of the card. Must be one of palette semantic or atmosphere colors.\n * To set another color, the borderTop should be override.\n /\n statusColor?: \"sema0\" \| HvSemanticColorKeys \| HvAtmosphereColorKeys;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvCardClasses;\n}\n\n/\n A card is a container for a few short and related pieces of content.\n * It roughly resembles a playing card in size and shape and is intended as a\n * linked short representation of a conceptual unit. For that reason,\n * this pattern must be used as an entry-point for further information.\n */\nexport const HvCard = ({\n classes,\n className,\n children,\n icon,\n selectable = false,\n selected = false,\n statusColor = \"sema0\",\n bgcolor,\n ...others\n}: HvCardProps) => {\n return (\n <ClassNames>\n {({ css, cx }) => (\n <HvBox\n aria-selected={selectable ? selected : undefined}\n className={cx(\n \"HvIsCardGridElement\",\n cardClasses.root,\n selectable && cardClasses.selectable,\n selected && cardClasses.selected,\n css(styles.root),\n css({\n backgroundColor:\n (bgcolor && theme.colors[bgcolor]) \|\|\n theme.card.backgroundColor,\n }),\n selectable && css(styles.selectable),\n selected && css(styles.selected),\n className,\n classes?.root,\n selectable && css(styles.selectable),\n selected && css(styles.selected)\n )}\n {...others}\n >\n <div\n className={cx(\n cardClasses.semanticContainer,\n css(styles.semanticContainer),\n classes?.semanticContainer\n )}\n >\n <div\n className={cx(\n cardClasses.semanticBar,\n css(styles.semanticBar),\n css({\n height: selected ? 4 : 2,\n backgroundColor:\n statusColor === \"sema0\"\n ? selected\n ? theme.colors.secondary\n : theme.colors.atmo4\n : theme.colors[statusColor],\n }),\n classes?.semanticBar\n )}\n />\n <div\n className={cx(cardClasses.icon, css(styles.icon), classes?.icon)}\n >\n {icon}\n </div>\n </div>\n {children}\n </HvBox>\n )}\n </ClassNames>\n );\n};\n"],"names":["HvCard","classes","className","children","icon","selectable","selected","statusColor","bgcolor","others","ClassNames","css","cx","HvBox","undefined","cardClasses","root","styles","backgroundColor","theme","colors","card","_jsxs","semanticContainer","_jsx","semanticBar","height","secondary","atmo4"],"mappings":";;;;;;;;AAuCO,MAAMA,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACbC,WAAW;AAAA,EACXC,cAAc;AAAA,EACdC;AAAAA,EACA,GAAGC;AACQ,MAAM;AACjB,wCACGC,MAAAA,YAAU;AAAA,IAAAP,UACRA,CAAC;AAAA,MAAEQ;AAAAA,MAAKC;AAAAA,IAAAA,sCACNC,IAAAA,OAAK;AAAA,MACJ,iBAAeR,aAAaC,WAAWQ;AAAAA,MACvCZ,WAAWU,GACT,uBACAG,YAAAA,QAAYC,MACZX,cAAcU,oBAAYV,YAC1BC,YAAYS,YAAAA,QAAYT,UACxBK,IAAIM,YAAAA,OAAOD,IAAI,GACfL,IAAI;AAAA,QACFO,iBACGV,WAAWW,kBAAMC,OAAOZ,OAAO,KAChCW,YAAAA,MAAME,KAAKH;AAAAA,MAAAA,CACd,GACDb,cAAcM,IAAIM,mBAAOZ,UAAU,GACnCC,YAAYK,IAAIM,mBAAOX,QAAQ,GAC/BJ,WACAD,mCAASe,MACTX,cAAcM,IAAIM,mBAAOZ,UAAU,GACnCC,YAAYK,IAAIM,mBAAOX,QAAQ,CACjC;AAAA,MAAE,GACEG;AAAAA,MAAMN,WAEVmB,2BAAAA,KAAA,OAAA;AAAA,QACEpB,WAAWU,GACTG,YAAYQ,QAAAA,mBACZZ,IAAIM,YAAAA,OAAOM,iBAAiB,GAC5BtB,mCAASsB,iBACX;AAAA,QAAEpB,WAEFqB,2BAAAA,IAAA,OAAA;AAAA,UACEtB,WAAWU,GACTG,YAAAA,QAAYU,aACZd,IAAIM,mBAAOQ,WAAW,GACtBd,IAAI;AAAA,YACFe,QAAQpB,WAAW,IAAI;AAAA,YACvBY,iBACEX,gBAAgB,UACZD,WACEa,YAAMC,MAAAA,OAAOO,YACbR,YAAAA,MAAMC,OAAOQ,QACfT,YAAAA,MAAMC,OAAOb,WAAW;AAAA,UAAA,CAC/B,GACDN,mCAASwB,WACX;AAAA,QAAA,CACD,GACDD,2BAAAA,IAAA,OAAA;AAAA,UACEtB,WAAWU,GAAGG,YAAYX,QAAAA,MAAMO,IAAIM,YAAAA,OAAOb,IAAI,GAAGH,mCAASG,IAAI;AAAA,UAAED,UAEhEC;AAAAA,QAAAA,CACE,CAAC;AAAA,MACH,CAAA,GACJD,QAAQ;AAAA,IAAA,CACJ;AAAA,EAAA,CAEC;AAEhB;;"}

package/dist/cjs/components/Card/Content/Content.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Content.cjs","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,wCACGC,MAAAA,YAAU;AAAA,IAAAH,UACRA,CAAC;AAAA,MAAEI;AAAAA,MAAKC;AAAAA,IAAAA,qCACNC,wBAAAA,SAAc;AAAA,MACbT;AAAAA,MACAE,WAAWM,GACTE,uBAAmBC,SACnBJ,IAAIK,sBAAOD,OAAO,GAClBT,WACAD,mCAASU,~~OAAO~~;AAAA,~~MAElBP~~;AAAAA,MAAiB,GACbC;AAAAA,MAAMF;AAAAA,IAAAA,~~CAED~~;AAAA,EAAA,~~CAGF~~;~~AAEjB~~;;"}
1	+ {"version":3,"file":"Content.cjs","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,wCACGC,MAAAA,YAAU;AAAA,IAAAH,UACRA,CAAC;AAAA,MAAEI;AAAAA,MAAKC;AAAAA,IAAAA,qCACNC,wBAAAA,SAAc;AAAA,MACbT;AAAAA,MACAE,WAAWM,GACTE,uBAAmBC,SACnBJ,IAAIK,sBAAOD,OAAO,GAClBT,WACAD,mCAASU,OACX;AAAA,MACAP;AAAAA,MAAiB,GACbC;AAAAA,MAAMF;AAAAA,IAAAA,CAGI;AAAA,EAAA,CAER;AAEhB;;"}

package/dist/cjs/components/Card/Header/Header.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.cjs","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~~,SAAA;~~AAElC~~,wCACGC,MAAAA,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,qCACNC,uBAAAA,SAAa;AAAA,MACZX;AAAAA,MACAC;AAAAA,MACAW,QAAQV;AAAAA,MACRC;AAAAA,MACAJ,WAAWW,GACTG,sBAAkBC,MAClBL,IAAIM,qBAAOD,IAAI,GACff,WACAD,mCAASgB,~~IAAI~~;AAAA,~~MAEfhB~~,SAAS;AAAA,QACPE,OAAOE,OACHQ,GACEG,sBAAkBG,YAClBP,IAAIM,cAAAA,OAAOC,UAAU,GACrBP,IAAI;AAAA,UACF,GAAGJ,2CAAaY,WAAWZ,2CAAaa,KAAKC;AAAAA,QAC9C,CAAA,GACDrB,mCAASkB,~~UAAU~~,~~IAErBN~~,GACEG,cAAAA,QAAkBb,OAClBS,IAAIM,cAAAA,OAAOf,KAAK,GAChBS,IAAI;AAAA,UACF,GAAGJ,2CAAaY,WAAWZ,2CAAaa,KAAKC;AAAAA,QAAY,CAC1D,GACDrB,mCAASE,~~KAAK~~;AAAA,~~QAEpBC~~,WAAWS,GACTG,cAAAA,QAAkBZ,WAClBQ,IAAIM,qBAAOd,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,cAAkBD,QAAAA,QAClBH,IAAIM,cAAAA,OAAOH,MAAM,GACjBd,mCAASc,~~MAAM~~;AAAA,~~QAEjBW~~,SAASb,GAAGG,cAAAA,QAAkBU,SAASzB,mCAASyB,OAAO;AAAA,MACzD;AAAA,MAAE,GACEnB;AAAAA,IAAAA,~~CAAM~~;AAAA,EAAA,~~CAGH~~;~~AAEjB~~;;"}
1	+ {"version":3,"file":"Header.cjs","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,SAAS,SAAA;AAEjC,wCACGC,MAAAA,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,qCACNC,uBAAAA,SAAa;AAAA,MACZX;AAAAA,MACAC;AAAAA,MACAW,QAAQV;AAAAA,MACRC;AAAAA,MACAJ,WAAWW,GACTG,sBAAkBC,MAClBL,IAAIM,qBAAOD,IAAI,GACff,WACAD,mCAASgB,IACX;AAAA,MACAhB,SAAS;AAAA,QACPE,OAAOE,OACHQ,GACEG,sBAAkBG,YAClBP,IAAIM,cAAAA,OAAOC,UAAU,GACrBP,IAAI;AAAA,UACF,GAAGJ,2CAAaY,WAAWZ,2CAAaa,KAAKC;AAAAA,QAC9C,CAAA,GACDrB,mCAASkB,UACX,IACAN,GACEG,cAAAA,QAAkBb,OAClBS,IAAIM,cAAAA,OAAOf,KAAK,GAChBS,IAAI;AAAA,UACF,GAAGJ,2CAAaY,WAAWZ,2CAAaa,KAAKC;AAAAA,QAAY,CAC1D,GACDrB,mCAASE,KACX;AAAA,QACJC,WAAWS,GACTG,cAAAA,QAAkBZ,WAClBQ,IAAIM,qBAAOd,SAAS,GACpBQ,IAAI;AAAA,UACF,GAAGJ,2CAAaY,WAAWZ,2CAAaa,KAAKE;AAAAA,UAC7CC,OAAOhB,2CAAaa,KAAKI;AAAAA,QAAAA,CAC1B,GACDxB,mCAASG,SACX;AAAA,QACAW,QAAQF,GACNG,cAAkBD,QAAAA,QAClBH,IAAIM,cAAAA,OAAOH,MAAM,GACjBd,mCAASc,MACX;AAAA,QACAW,SAASb,GAAGG,cAAAA,QAAkBU,SAASzB,mCAASyB,OAAO;AAAA,MACzD;AAAA,MAAE,GACEnB;AAAAA,IAAAA,CACL;AAAA,EAAA,CAEO;AAEhB;;"}

package/dist/cjs/components/Card/Media/Media.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Media.cjs","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,wCACGC,MAAAA,YAAU;AAAA,IAAAJ,UACRA,CAAC;AAAA,MAAEK;AAAAA,MAAKC;AAAAA,IAAAA,qCACNC,sBAAAA,SAAY;AAAA,MACXV;AAAAA,MACAC,SAAS;AAAA,QACPU,MAAMF,GAAGG,aAAiBD,QAAAA,MAAMH,IAAIK,aAAAA,OAAOF,IAAI,GAAGV,mCAASU,IAAI;AAAA,QAC/DG,OAAOL,GAAGG,aAAAA,QAAiBE,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.cjs","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,wCACGC,MAAAA,YAAU;AAAA,IAAAJ,UACRA,CAAC;AAAA,MAAEK;AAAAA,MAAKC;AAAAA,IAAAA,qCACNC,sBAAAA,SAAY;AAAA,MACXV;AAAAA,MACAC,SAAS;AAAA,QACPU,MAAMF,GAAGG,aAAiBD,QAAAA,MAAMH,IAAIK,aAAAA,OAAOF,IAAI,GAAGV,mCAASU,IAAI;AAAA,QAC/DG,OAAOL,GAAGG,aAAAA,QAAiBE,OAAOb,mCAASa,KAAK;AAAA,MAClD;AAAA,MACAZ;AAAAA,MACAa,MAAK;AAAA,MACLX;AAAAA,MACAC;AAAAA,MAAiB,GACbC;AAAAA,MAAMH;AAAAA,IAAAA,CAGE;AAAA,EAAA,CAEN;AAEhB;;"}

package/dist/cjs/components/Carousel/Carousel.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Carousel.cjs","sources":["../../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":["import React, {\n CSSProperties,\n Children,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport useCarousel, { EmblaOptionsType } from \"embla-carousel-react\";\nimport { ClassNames } from \"@emotion/react\";\nimport {\n Backwards,\n Forwards,\n Close,\n Fullscreen,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, HvContainer, HvStack, HvTypography } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\n\nimport styles, {\n HvCarouselClasses,\n carouselClasses as cc,\n} from \"./Carousel.styles\";\nimport { makeClasses } from \"./utils\";\n\nconst clamp = (num: number, max: number, min = 0) =>\n Math.min(Math.max(num, min), max);\n\nexport interface HvCarouselProps\n extends HvBaseProps<HTMLDivElement, \"title\" \| \"onChange\"> {\n /** A Jss Object used to override or extend the styles applied. /\n classes?: Partial<HvCarouselClasses>;\n /* Height of the Slider container. If `undefined`, images will keep a 16/9 aspect-ratio /\n height?: CSSProperties[\"height\"];\n /* Width of the thumbnail. Height will try to maintain a 16/9 aspect-ratio /\n thumbnailWidth?: CSSProperties[\"width\"];\n /* Title of the carousel /\n title?: React.ReactNode;\n /* Content slides to be displayed. @see `<HvCarouselSlide />` /\n children?: React.ReactNode;\n /* Custom content to render in the actions area /\n actions?: React.ReactNode;\n /* Whether Carousel is in \"xs mode\" - to use in embedded contexts /\n xs?: boolean;\n /* Whether to show dots instead of arrow pagination. Defaults to true under 5 elements /\n showDots?: boolean;\n /* Whether to show the counter on the top-right corner of the active slide /\n showCounter?: boolean;\n /* Whether to show the back/forwards buttons over the active slide /\n showSlideControls?: boolean;\n /* Whether to enable the fullscreen toggle button /\n showFullscreen?: boolean;\n /* Whether to hide the thumbnails. Hidden by default in \"xs\" mode /\n hideThumbnails?: boolean;\n /* Carousel configuration options. @see https://www.embla-carousel.com/api/options/ /\n carouselOptions?: EmblaOptionsType;\n /* /\n renderThumbnail?: (index: number) => React.ReactNode;\n /* The callback fired when the active slide changes. /\n onChange?: (index: number) => void;\n}\n\n/\n A Carousel is commonly used to browse images, it can also be used to browse any kind of content like text, video, or charts.\n * It allows you to focus on a particular content while having a notion of how many you have to explore.\n */\nexport const HvCarousel = (props: HvCarouselProps) => {\n const {\n className,\n classes: classesProp = {},\n height: heightProp = \"auto\",\n thumbnailWidth = 90,\n title,\n children,\n actions,\n xs,\n showDots: showDotsProp,\n showCounter: showCounterProp,\n showSlideControls,\n showFullscreen: showFullscreenProp,\n hideThumbnails: hideThumbnailsProp,\n carouselOptions,\n renderThumbnail,\n onChange,\n ...others\n } = props;\n const thumbnailsRef = useRef<HTMLDivElement>(null);\n const [isFullscreen, setIsFullscreen] = useState(false);\n\n const [containerRef, controller] = useCarousel({\n align: \"start\",\n loop: true,\n ...carouselOptions,\n });\n\n const [selectedIndex, setSelectedIndex] = useState(\n carouselOptions?.startIndex ?? 0\n );\n\n const numSlides = Children.count(children);\n\n const handlePrevious = () => {\n controller?.scrollPrev();\n };\n\n const handleNext = () => {\n controller?.scrollNext();\n };\n\n const handleScroll = (index: number) => {\n controller?.scrollTo(index);\n };\n\n const handleSelect = () => {\n if (!controller) return;\n\n const slideIndex = controller.selectedScrollSnap();\n setSelectedIndex(slideIndex);\n\n // scroll to thumbnail button\n thumbnailsRef.current\n ?.querySelectorAll(\"button\")\n ?.[slideIndex]?.scrollIntoView({\n behavior: \"smooth\",\n block: \"nearest\",\n });\n\n onChange?.(slideIndex);\n };\n\n useEffect(() => {\n if (!controller) return;\n\n controller.on(\"select\", handleSelect);\n\n return () => {\n controller.off(\"select\", handleSelect);\n };\n }, [controller]);\n\n useEffect(() => {\n if (!controller) return;\n\n controller.reInit();\n setSelectedIndex((currentIndex) => clamp(currentIndex, numSlides, 0));\n }, [numSlides]);\n\n const canPrev = controller?.canScrollPrev() ?? false;\n const canNext = controller?.canScrollNext() ?? false;\n const showTitle = !!title && (!xs \|\| isFullscreen);\n const showFullscreen = showFullscreenProp ?? xs;\n const height = isFullscreen ? \"100%\" : heightProp ?? \"auto\";\n const showCounter = xs;\n const hideThumbnails = hideThumbnailsProp ?? (xs && !isFullscreen);\n const showThumbnails = !hideThumbnails && !!renderThumbnail;\n const showDots = showDotsProp ?? numSlides <= 5;\n\n return (\n <ClassNames>\n {({ css, cx }) => {\n const classes = makeClasses(\n { css, cx },\n { cc, styles, classes: classesProp }\n );\n return (\n <HvContainer\n className={cx(classes.root, className, {\n [classes.xs]: xs,\n [classes.fullscreen]: isFullscreen,\n })}\n {...others}\n >\n {showTitle && (\n <HvTypography variant=\"title2\" className={classes.title}>\n {title}\n </HvTypography>\n )}\n <div className={classes.actions}>\n {showFullscreen && (\n <HvButton\n icon\n variant=\"secondaryGhost\"\n onClick={() => setIsFullscreen((curr) => !curr)}\n className={classes.closeButton}\n >\n {isFullscreen ? (\n <Close aria-label=\"Close\" />\n ) : (\n <Fullscreen aria-label=\"Fullscreen\" />\n )}\n </HvButton>\n )}\n {actions}\n </div>\n\n <div className={classes.mainContainer}>\n <div className={classes.controls}>\n {showDots ? (\n <div className={classes.dots}>\n {Array.from(Array(numSlides)).map((el, index) => (\n <span\n key={`circle-${index}`}\n className={cx(classes.dot, {\n [classes.dotSelected]: index === selectedIndex,\n })}\n />\n ))}\n </div>\n ) : (\n <>\n <HvButton\n icon\n disabled={!canPrev}\n variant=\"secondaryGhost\"\n aria-label=\"Backwards\"\n onClick={handlePrevious}\n >\n <Backwards iconSize=\"XS\" />\n </HvButton>\n <div className={classes.pageCounter}>\n {`${selectedIndex + 1} / ${numSlides}`}\n </div>\n <HvButton\n icon\n disabled={!canNext}\n variant=\"secondaryGhost\"\n aria-label=\"Forwards\"\n onClick={handleNext}\n >\n <Forwards iconSize=\"XS\" />\n </HvButton>\n </>\n )}\n </div>\n\n <div\n className={cx(classes.main, {\n [classes.mainXs]: xs,\n [classes.mainFullscreen]: isFullscreen,\n })}\n >\n {showCounter && (\n <div className={classes.counterContainer}>\n <span className={classes.counter}>\n {`${selectedIndex + 1}/${numSlides}`}\n </span>\n </div>\n )}\n\n {showSlideControls && (\n <div className={classes.slideControls}>\n <HvButton\n icon\n disabled={!canPrev}\n variant=\"secondary\"\n aria-label=\"Backwards\"\n onClick={handlePrevious}\n >\n <Backwards iconSize=\"XS\" />\n </HvButton>\n <HvButton\n icon\n disabled={!canNext}\n variant=\"secondary\"\n aria-label=\"Forwards\"\n onClick={handleNext}\n >\n <Forwards iconSize=\"XS\" />\n </HvButton>\n </div>\n )}\n\n <div\n ref={containerRef}\n style={{ height }}\n className={classes.slidesViewport}\n >\n <div className={classes.slidesContainer}>{children}</div>\n </div>\n </div>\n </div>\n\n {showThumbnails && (\n <div ref={thumbnailsRef} className={classes.panel}>\n <HvStack direction=\"row\" spacing=\"xs\">\n {Array.from(Array(numSlides)).map((doc, i) => (\n <HvButton\n icon\n variant=\"secondaryGhost\"\n key={`button-${i}`}\n style={{ width: thumbnailWidth }}\n className={cx(classes.thumbnail, {\n [classes.thumbnailSelected]: i === selectedIndex,\n })}\n onClick={() => handleScroll(i)}\n >\n {renderThumbnail(i)}\n </HvButton>\n ))}\n </HvStack>\n </div>\n )}\n </HvContainer>\n );\n }}\n </ClassNames>\n );\n};\n"],"names":["clamp","num","max","min","Math","HvCarousel","props","className","classes","classesProp","height","heightProp","thumbnailWidth","title","children","actions","xs","showDots","showDotsProp","showCounter","showCounterProp","showSlideControls","showFullscreen","showFullscreenProp","hideThumbnails","hideThumbnailsProp","carouselOptions","renderThumbnail","onChange","others","thumbnailsRef","useRef","isFullscreen","setIsFullscreen","useState","containerRef","controller","useCarousel","align","loop","selectedIndex","setSelectedIndex","startIndex","numSlides","Children","count","handlePrevious","scrollPrev","handleNext","scrollNext","handleScroll","index","scrollTo","handleSelect","slideIndex","selectedScrollSnap","current","querySelectorAll","scrollIntoView","behavior","block","useEffect","on","off","reInit","currentIndex","canPrev","canScrollPrev","canNext","canScrollNext","showTitle","showThumbnails","ClassNames","css","cx","makeClasses","cc","styles","HvContainer","root","fullscreen","_jsx","HvTypography","variant","_jsxs","HvButton","icon","onClick","curr","closeButton","Close","Fullscreen","mainContainer","controls","dots","Array","from","map","el","dot","dotSelected","_Fragment","disabled","Backwards","iconSize","pageCounter","Forwards","main","mainXs","mainFullscreen","counterContainer","counter","slideControls","ref","style","slidesViewport","slidesContainer","panel","HvStack","direction","spacing","doc","i","width","thumbnail","thumbnailSelected"],"mappings":"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"}
1	+ {"version":3,"file":"Carousel.cjs","sources":["../../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":["import React, {\n CSSProperties,\n Children,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport useCarousel, { EmblaOptionsType } from \"embla-carousel-react\";\nimport { ClassNames } from \"@emotion/react\";\nimport {\n Backwards,\n Forwards,\n Close,\n Fullscreen,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, HvContainer, HvStack, HvTypography } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\n\nimport styles, {\n HvCarouselClasses,\n carouselClasses as cc,\n} from \"./Carousel.styles\";\nimport { makeClasses } from \"./utils\";\n\nconst clamp = (num: number, max: number, min = 0) =>\n Math.min(Math.max(num, min), max);\n\nexport interface HvCarouselProps\n extends HvBaseProps<HTMLDivElement, \"title\" \| \"onChange\"> {\n /** A Jss Object used to override or extend the styles applied. /\n classes?: Partial<HvCarouselClasses>;\n /* Height of the Slider container. If `undefined`, images will keep a 16/9 aspect-ratio /\n height?: CSSProperties[\"height\"];\n /* Width of the thumbnail. Height will try to maintain a 16/9 aspect-ratio /\n thumbnailWidth?: CSSProperties[\"width\"];\n /* Title of the carousel /\n title?: React.ReactNode;\n /* Content slides to be displayed. @see `<HvCarouselSlide />` /\n children?: React.ReactNode;\n /* Custom content to render in the actions area /\n actions?: React.ReactNode;\n /* Whether Carousel is in \"xs mode\" - to use in embedded contexts /\n xs?: boolean;\n /* Whether to show dots instead of arrow pagination. Defaults to true under 5 elements /\n showDots?: boolean;\n /* Whether to show the counter on the top-right corner of the active slide /\n showCounter?: boolean;\n /* Whether to show the back/forwards buttons over the active slide /\n showSlideControls?: boolean;\n /* Whether to enable the fullscreen toggle button /\n showFullscreen?: boolean;\n /* Whether to hide the thumbnails. Hidden by default in \"xs\" mode /\n hideThumbnails?: boolean;\n /* Carousel configuration options. @see https://www.embla-carousel.com/api/options/ /\n carouselOptions?: EmblaOptionsType;\n /* /\n renderThumbnail?: (index: number) => React.ReactNode;\n /* The callback fired when the active slide changes. /\n onChange?: (index: number) => void;\n}\n\n/\n A Carousel is commonly used to browse images, it can also be used to browse any kind of content like text, video, or charts.\n * It allows you to focus on a particular content while having a notion of how many you have to explore.\n */\nexport const HvCarousel = (props: HvCarouselProps) => {\n const {\n className,\n classes: classesProp = {},\n height: heightProp = \"auto\",\n thumbnailWidth = 90,\n title,\n children,\n actions,\n xs,\n showDots: showDotsProp,\n showCounter: showCounterProp,\n showSlideControls,\n showFullscreen: showFullscreenProp,\n hideThumbnails: hideThumbnailsProp,\n carouselOptions,\n renderThumbnail,\n onChange,\n ...others\n } = props;\n const thumbnailsRef = useRef<HTMLDivElement>(null);\n const [isFullscreen, setIsFullscreen] = useState(false);\n\n const [containerRef, controller] = useCarousel({\n align: \"start\",\n loop: true,\n ...carouselOptions,\n });\n\n const [selectedIndex, setSelectedIndex] = useState(\n carouselOptions?.startIndex ?? 0\n );\n\n const numSlides = Children.count(children);\n\n const handlePrevious = () => {\n controller?.scrollPrev();\n };\n\n const handleNext = () => {\n controller?.scrollNext();\n };\n\n const handleScroll = (index: number) => {\n controller?.scrollTo(index);\n };\n\n const handleSelect = () => {\n if (!controller) return;\n\n const slideIndex = controller.selectedScrollSnap();\n setSelectedIndex(slideIndex);\n\n // scroll to thumbnail button\n thumbnailsRef.current\n ?.querySelectorAll(\"button\")\n ?.[slideIndex]?.scrollIntoView({\n behavior: \"smooth\",\n block: \"nearest\",\n });\n\n onChange?.(slideIndex);\n };\n\n useEffect(() => {\n if (!controller) return;\n\n controller.on(\"select\", handleSelect);\n\n return () => {\n controller.off(\"select\", handleSelect);\n };\n }, [controller]);\n\n useEffect(() => {\n if (!controller) return;\n\n controller.reInit();\n setSelectedIndex((currentIndex) => clamp(currentIndex, numSlides, 0));\n }, [numSlides]);\n\n const canPrev = controller?.canScrollPrev() ?? false;\n const canNext = controller?.canScrollNext() ?? false;\n const showTitle = !!title && (!xs \|\| isFullscreen);\n const showFullscreen = showFullscreenProp ?? xs;\n const height = isFullscreen ? \"100%\" : heightProp ?? \"auto\";\n const showCounter = xs;\n const hideThumbnails = hideThumbnailsProp ?? (xs && !isFullscreen);\n const showThumbnails = !hideThumbnails && !!renderThumbnail;\n const showDots = showDotsProp ?? numSlides <= 5;\n\n return (\n <ClassNames>\n {({ css, cx }) => {\n const classes = makeClasses(\n { css, cx },\n { cc, styles, classes: classesProp }\n );\n return (\n <HvContainer\n className={cx(classes.root, className, {\n [classes.xs]: xs,\n [classes.fullscreen]: isFullscreen,\n })}\n {...others}\n >\n {showTitle && (\n <HvTypography variant=\"title2\" className={classes.title}>\n {title}\n </HvTypography>\n )}\n <div className={classes.actions}>\n {showFullscreen && (\n <HvButton\n icon\n variant=\"secondaryGhost\"\n onClick={() => setIsFullscreen((curr) => !curr)}\n className={classes.closeButton}\n >\n {isFullscreen ? (\n <Close aria-label=\"Close\" />\n ) : (\n <Fullscreen aria-label=\"Fullscreen\" />\n )}\n </HvButton>\n )}\n {actions}\n </div>\n\n <div className={classes.mainContainer}>\n <div className={classes.controls}>\n {showDots ? (\n <div className={classes.dots}>\n {Array.from(Array(numSlides)).map((el, index) => (\n <span\n key={`circle-${index}`}\n className={cx(classes.dot, {\n [classes.dotSelected]: index === selectedIndex,\n })}\n />\n ))}\n </div>\n ) : (\n <>\n <HvButton\n icon\n disabled={!canPrev}\n variant=\"secondaryGhost\"\n aria-label=\"Backwards\"\n onClick={handlePrevious}\n >\n <Backwards iconSize=\"XS\" />\n </HvButton>\n <div className={classes.pageCounter}>\n {`${selectedIndex + 1} / ${numSlides}`}\n </div>\n <HvButton\n icon\n disabled={!canNext}\n variant=\"secondaryGhost\"\n aria-label=\"Forwards\"\n onClick={handleNext}\n >\n <Forwards iconSize=\"XS\" />\n </HvButton>\n </>\n )}\n </div>\n\n <div\n className={cx(classes.main, {\n [classes.mainXs]: xs,\n [classes.mainFullscreen]: isFullscreen,\n })}\n >\n {showCounter && (\n <div className={classes.counterContainer}>\n <span className={classes.counter}>\n {`${selectedIndex + 1}/${numSlides}`}\n </span>\n </div>\n )}\n\n {showSlideControls && (\n <div className={classes.slideControls}>\n <HvButton\n icon\n disabled={!canPrev}\n variant=\"secondary\"\n aria-label=\"Backwards\"\n onClick={handlePrevious}\n >\n <Backwards iconSize=\"XS\" />\n </HvButton>\n <HvButton\n icon\n disabled={!canNext}\n variant=\"secondary\"\n aria-label=\"Forwards\"\n onClick={handleNext}\n >\n <Forwards iconSize=\"XS\" />\n </HvButton>\n </div>\n )}\n\n <div\n ref={containerRef}\n style={{ height }}\n className={classes.slidesViewport}\n >\n <div className={classes.slidesContainer}>{children}</div>\n </div>\n </div>\n </div>\n\n {showThumbnails && (\n <div ref={thumbnailsRef} className={classes.panel}>\n <HvStack direction=\"row\" spacing=\"xs\">\n {Array.from(Array(numSlides)).map((doc, i) => (\n <HvButton\n icon\n variant=\"secondaryGhost\"\n key={`button-${i}`}\n style={{ width: thumbnailWidth }}\n className={cx(classes.thumbnail, {\n [classes.thumbnailSelected]: i === selectedIndex,\n })}\n onClick={() => handleScroll(i)}\n >\n {renderThumbnail(i)}\n </HvButton>\n ))}\n </HvStack>\n </div>\n )}\n </HvContainer>\n );\n }}\n </ClassNames>\n );\n};\n"],"names":["clamp","num","max","min","Math","HvCarousel","props","className","classes","classesProp","height","heightProp","thumbnailWidth","title","children","actions","xs","showDots","showDotsProp","showCounter","showCounterProp","showSlideControls","showFullscreen","showFullscreenProp","hideThumbnails","hideThumbnailsProp","carouselOptions","renderThumbnail","onChange","others","thumbnailsRef","useRef","isFullscreen","setIsFullscreen","useState","containerRef","controller","useCarousel","align","loop","selectedIndex","setSelectedIndex","startIndex","numSlides","Children","count","handlePrevious","scrollPrev","handleNext","scrollNext","handleScroll","index","scrollTo","handleSelect","slideIndex","selectedScrollSnap","current","querySelectorAll","scrollIntoView","behavior","block","useEffect","on","off","reInit","currentIndex","canPrev","canScrollPrev","canNext","canScrollNext","showTitle","showThumbnails","ClassNames","css","cx","makeClasses","cc","styles","HvContainer","root","fullscreen","_jsx","HvTypography","variant","_jsxs","HvButton","icon","onClick","curr","closeButton","Close","Fullscreen","mainContainer","controls","dots","Array","from","map","el","dot","dotSelected","_Fragment","disabled","Backwards","iconSize","pageCounter","Forwards","main","mainXs","mainFullscreen","counterContainer","counter","slideControls","ref","style","slidesViewport","slidesContainer","panel","HvStack","direction","spacing","doc","i","width","thumbnail","thumbnailSelected"],"mappings":"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"}

package/dist/cjs/components/Carousel/Carousel.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Carousel.styles.cjs","sources":["../../../../src/components/Carousel/Carousel.styles.ts"],"sourcesContent":["import { CSSProperties } from \"react\";\nimport { CSSInterpolation } from \"@emotion/css\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { getClasses } from \"@core/utils\";\nimport { replace$ } from \"./utils\";\n\nexport type HvCarouselClasses = Record<keyof typeof styles, string>;\n\nconst styles = {\n /** Styles applied to the component root class. */\n root: {\n display: \"flex\",\n alignItems: \"stretch\",\n flexDirection: \"column\",\n backgroundColor: theme.colors.atmo1,\n margin: 0,\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n },\n xs: {\n \"&:not(._)\": {\n padding: 0,\n },\n // put dots on top of Slide\n \"& $dots\": {\n position: \"relative\",\n top: \"-40px\",\n },\n \"& $actions\": {\n top: 0,\n },\n \"& $controls\": {\n display: theme.carousel.xsControlsDisplay,\n },\n },\n fullscreen: {\n width: \"100vw\",\n height: \"100vh\",\n position: \"fixed\",\n inset: 0,\n zIndex: theme.zIndices.modal,\n \"&:not(._)\": {\n padding: theme.spacing([\"xs\", \"xl\"]),\n },\n },\n title: {\n display: \"flex\",\n justifyContent: \"flex-start\",\n marginBottom: theme.space.xs,\n },\n actions: {\n display: \"flex\",\n justifyContent: \"flex-end\",\n height: 0,\n zIndex: 1,\n\n position: \"relative\",\n top: theme.carousel.actionsOffsetTop,\n },\n closeButton: {},\n\n mainContainer: {\n display: \"flex\",\n flexDirection: theme.carousel\n .mainContainerFlexDirection as CSSProperties[\"flexDirection\"],\n },\n\n controls: {\n display: \"flex\",\n alignItems: \"center\",\n height: 32,\n justifyContent: theme.carousel.controlsJustifyContent,\n backgroundColor: theme.carousel.controlsBackgroundColor,\n border: theme.carousel.controlsBorder,\n gap: theme.space.xs,\n \"&:has($dots)\": {\n justifyContent: \"center\",\n },\n },\n pageCounter: {},\n\n main: {\n padding: 0,\n display: \"flex\",\n flexDirection: \"column\",\n position: \"relative\",\n \"&:hover $slideControls\": {\n opacity: 1,\n },\n },\n mainXs: {},\n mainFullscreen: {\n maxHeight: \"80vh\",\n },\n counterContainer: {\n position: \"absolute\",\n top: theme.space.xs,\n right: theme.space.md,\n zIndex: 1,\n display: theme.carousel.counterContainerDisplay,\n },\n counter: {\n color: theme.colors.base_light,\n backgroundColor: theme.colors.base_dark,\n padding: theme.spacing([0, \"sm\"]),\n },\n slideControls: {\n position: \"absolute\",\n left: 0,\n right: 0,\n top: `calc(50% - (32px / 2))`,\n padding: theme.spacing([0, \"sm\"]),\n display: \"flex\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n opacity: 0,\n \"& button\": {\n zIndex: 1,\n },\n \"&:focus-within\": {\n opacity: 1,\n },\n },\n slidesViewport: {\n overflow: \"hidden\",\n },\n slidesContainer: {\n display: \"flex\",\n flexDirection: \"row\",\n height: \"100%\",\n },\n\n dots: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n gap: theme.space.xs,\n height: theme.space.md,\n },\n dotsXs: {},\n dot: {\n width: 5,\n height: 5,\n margin: theme.space.xs,\n borderRadius: \"50%\",\n backgroundColor: theme.colors.atmo4,\n },\n dotSelected: {\n width: 10,\n height: 10,\n backgroundColor: theme.colors.secondary_80,\n },\n\n panel: {\n display: \"flex\",\n width: \"100%\",\n overflowX: \"auto\", // \"hidden\",\n overflowY: \"hidden\",\n padding: theme.spacing([\"xs\", \"2px\", \"2px\"]),\n },\n thumbnail: {\n height: \"unset\",\n padding: 0,\n \"& img\": {\n width: \"100%\",\n height: \"100%\",\n textAlign: \"center\",\n aspectRatio: \"16/9\",\n opacity: \"50%\",\n borderRadius: theme.carousel.thumbnailBorderRadius,\n },\n },\n thumbnailSelected: {\n \"& img\": {\n border: theme.carousel.thumbnailSelectedBorder,\n opacity: \"100%\",\n },\n },\n} satisfies Record<string, CSSInterpolation>;\n\nconst name = \"HvCarousel\";\n\nexport const carouselClasses = getClasses(\n Object.keys(styles) as (keyof HvCarouselClasses)[],\n name\n);\n\nconst newStyles = replace$(styles, name);\n\nexport default newStyles;\n"],"names":["styles","root","display","alignItems","flexDirection","backgroundColor","theme","colors","atmo1","margin","paddingTop","spacing","paddingBottom","xs","padding","position","top","carousel","xsControlsDisplay","fullscreen","width","height","inset","zIndex","zIndices","modal","title","justifyContent","marginBottom","space","actions","actionsOffsetTop","closeButton","mainContainer","mainContainerFlexDirection","controls","controlsJustifyContent","controlsBackgroundColor","border","controlsBorder","gap","pageCounter","main","opacity","mainXs","mainFullscreen","maxHeight","counterContainer","right","md","counterContainerDisplay","counter","color","base_light","base_dark","slideControls","left","slidesViewport","overflow","slidesContainer","dots","dotsXs","dot","borderRadius","atmo4","dotSelected","secondary_80","panel","overflowX","overflowY","thumbnail","textAlign","aspectRatio","thumbnailBorderRadius","thumbnailSelected","thumbnailSelectedBorder","name","carouselClasses","getClasses","Object","keys","newStyles","replace$"],"mappings":"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~~IAAI~~;~~AAGAK~~,MAAAA,YAAYC,MAAAA,SAASlF,QAAQ4E,IAAI;;;"}
1	+ {"version":3,"file":"Carousel.styles.cjs","sources":["../../../../src/components/Carousel/Carousel.styles.ts"],"sourcesContent":["import { CSSProperties } from \"react\";\nimport { CSSInterpolation } from \"@emotion/css\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { getClasses } from \"@core/utils\";\nimport { replace$ } from \"./utils\";\n\nexport type HvCarouselClasses = Record<keyof typeof styles, string>;\n\nconst styles = {\n /** Styles applied to the component root class. */\n root: {\n display: \"flex\",\n alignItems: \"stretch\",\n flexDirection: \"column\",\n backgroundColor: theme.colors.atmo1,\n margin: 0,\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n },\n xs: {\n \"&:not(._)\": {\n padding: 0,\n },\n // put dots on top of Slide\n \"& $dots\": {\n position: \"relative\",\n top: \"-40px\",\n },\n \"& $actions\": {\n top: 0,\n },\n \"& $controls\": {\n display: theme.carousel.xsControlsDisplay,\n },\n },\n fullscreen: {\n width: \"100vw\",\n height: \"100vh\",\n position: \"fixed\",\n inset: 0,\n zIndex: theme.zIndices.modal,\n \"&:not(._)\": {\n padding: theme.spacing([\"xs\", \"xl\"]),\n },\n },\n title: {\n display: \"flex\",\n justifyContent: \"flex-start\",\n marginBottom: theme.space.xs,\n },\n actions: {\n display: \"flex\",\n justifyContent: \"flex-end\",\n height: 0,\n zIndex: 1,\n\n position: \"relative\",\n top: theme.carousel.actionsOffsetTop,\n },\n closeButton: {},\n\n mainContainer: {\n display: \"flex\",\n flexDirection: theme.carousel\n .mainContainerFlexDirection as CSSProperties[\"flexDirection\"],\n },\n\n controls: {\n display: \"flex\",\n alignItems: \"center\",\n height: 32,\n justifyContent: theme.carousel.controlsJustifyContent,\n backgroundColor: theme.carousel.controlsBackgroundColor,\n border: theme.carousel.controlsBorder,\n gap: theme.space.xs,\n \"&:has($dots)\": {\n justifyContent: \"center\",\n },\n },\n pageCounter: {},\n\n main: {\n padding: 0,\n display: \"flex\",\n flexDirection: \"column\",\n position: \"relative\",\n \"&:hover $slideControls\": {\n opacity: 1,\n },\n },\n mainXs: {},\n mainFullscreen: {\n maxHeight: \"80vh\",\n },\n counterContainer: {\n position: \"absolute\",\n top: theme.space.xs,\n right: theme.space.md,\n zIndex: 1,\n display: theme.carousel.counterContainerDisplay,\n },\n counter: {\n color: theme.colors.base_light,\n backgroundColor: theme.colors.base_dark,\n padding: theme.spacing([0, \"sm\"]),\n },\n slideControls: {\n position: \"absolute\",\n left: 0,\n right: 0,\n top: `calc(50% - (32px / 2))`,\n padding: theme.spacing([0, \"sm\"]),\n display: \"flex\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n opacity: 0,\n \"& button\": {\n zIndex: 1,\n },\n \"&:focus-within\": {\n opacity: 1,\n },\n },\n slidesViewport: {\n overflow: \"hidden\",\n },\n slidesContainer: {\n display: \"flex\",\n flexDirection: \"row\",\n height: \"100%\",\n },\n\n dots: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n gap: theme.space.xs,\n height: theme.space.md,\n },\n dotsXs: {},\n dot: {\n width: 5,\n height: 5,\n margin: theme.space.xs,\n borderRadius: \"50%\",\n backgroundColor: theme.colors.atmo4,\n },\n dotSelected: {\n width: 10,\n height: 10,\n backgroundColor: theme.colors.secondary_80,\n },\n\n panel: {\n display: \"flex\",\n width: \"100%\",\n overflowX: \"auto\", // \"hidden\",\n overflowY: \"hidden\",\n padding: theme.spacing([\"xs\", \"2px\", \"2px\"]),\n },\n thumbnail: {\n height: \"unset\",\n padding: 0,\n \"& img\": {\n width: \"100%\",\n height: \"100%\",\n textAlign: \"center\",\n aspectRatio: \"16/9\",\n opacity: \"50%\",\n borderRadius: theme.carousel.thumbnailBorderRadius,\n },\n },\n thumbnailSelected: {\n \"& img\": {\n border: theme.carousel.thumbnailSelectedBorder,\n opacity: \"100%\",\n },\n },\n} satisfies Record<string, CSSInterpolation>;\n\nconst name = \"HvCarousel\";\n\nexport const carouselClasses = getClasses(\n Object.keys(styles) as (keyof HvCarouselClasses)[],\n name\n);\n\nconst newStyles = replace$(styles, name);\n\nexport default newStyles;\n"],"names":["styles","root","display","alignItems","flexDirection","backgroundColor","theme","colors","atmo1","margin","paddingTop","spacing","paddingBottom","xs","padding","position","top","carousel","xsControlsDisplay","fullscreen","width","height","inset","zIndex","zIndices","modal","title","justifyContent","marginBottom","space","actions","actionsOffsetTop","closeButton","mainContainer","mainContainerFlexDirection","controls","controlsJustifyContent","controlsBackgroundColor","border","controlsBorder","gap","pageCounter","main","opacity","mainXs","mainFullscreen","maxHeight","counterContainer","right","md","counterContainerDisplay","counter","color","base_light","base_dark","slideControls","left","slidesViewport","overflow","slidesContainer","dots","dotsXs","dot","borderRadius","atmo4","dotSelected","secondary_80","panel","overflowX","overflowY","thumbnail","textAlign","aspectRatio","thumbnailBorderRadius","thumbnailSelected","thumbnailSelectedBorder","name","carouselClasses","getClasses","Object","keys","newStyles","replace$"],"mappings":"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"}

package/dist/cjs/components/Carousel/CarouselSlide/CarouselSlide.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CarouselSlide.cjs","sources":["../../../../../src/components/Carousel/CarouselSlide/CarouselSlide.tsx"],"sourcesContent":["import { ImgHTMLAttributes } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\n\nimport styles, { HvCarouselSlideClasses, cc } from \"./CarouselSlide.styles\";\nimport { makeClasses } from \"../utils\";\n\nexport interface HvCarouselSlideProps\n extends ImgHTMLAttributes<HTMLImageElement> {\n /** A Jss Object used to override or extend the styles applied. /\n classes?: Partial<HvCarouselSlideClasses>;\n /* The width of the Slide. Defaults to `100%` /\n size?: string;\n /* Content of a slide to be displayed /\n children?: React.ReactNode;\n}\n\n/\n A container to use as `children` of `HvCarousel`.\n * Pass `img` props directly to it, or `children` for any custom content\n */\nexport const HvCarouselSlide = ({\n classes: classesProp = {},\n children,\n size: flexBasis = \"100%\",\n src,\n alt,\n ...props\n}: HvCarouselSlideProps) => {\n return (\n <ClassNames>\n {({ css, cx }) => {\n const classes = makeClasses(\n { css, cx },\n { cc, styles, classes: classesProp }\n );\n\n return (\n <div className={cx(css({ flex: `0 0 ${flexBasis}` }), classes.slide)}>\n {children ?? (\n <img className={classes.image} src={src} alt={alt} {...props} />\n )}\n </div>\n );\n }}\n </ClassNames>\n );\n};\n"],"names":["HvCarouselSlide","classes","classesProp","children","size","flexBasis","src","alt","props","ClassNames","css","cx","makeClasses","cc","styles","className","flex","slide","_jsx","image"],"mappings":";;;;;;AAoBO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC,MAAMC,YAAY;AAAA,EAClBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,MAAM;AAC1B,wCACGC,MAAAA,YAAU;AAAA,IAAAN,UACRA,CAAC;AAAA,MAAEO;AAAAA,MAAKC;AAAAA,IAAAA,MAAS;AAChB,YAAMV,UAAUW,MAAAA,YACd;AAAA,QAAEF;AAAAA,QAAKC;AAAAA,MAAAA,GACP;AAAA,QAAA,IAAEE,qBAAAA;AAAAA,QAAAA,QAAIC,qBAAAA;AAAAA,QAAQb,SAASC;AAAAA,MAAAA,~~CAAa~~;~~AAGtC~~,4CACE,OAAA;AAAA,QAAKa,WAAWJ,GAAGD,IAAI;AAAA,UAAEM,MAAO,OAAMX;AAAAA,QAAAA,CAAa,GAAGJ,QAAQgB,KAAK;AAAA,QAAEd,UAClEA,YACCe,2BAAAA,IAAA,OAAA;AAAA,UAAKH,WAAWd,QAAQkB;AAAAA,UAAOb;AAAAA,UAAUC;AAAAA,UAAS,GAAKC;AAAAA,QAAAA,~~CAAK~~;AAAA,MAAA,~~CAE1D~~;AAAA,~~IAEV~~;AAAA,EAAA,~~CACW~~;~~AAEjB~~;;"}
1	+ {"version":3,"file":"CarouselSlide.cjs","sources":["../../../../../src/components/Carousel/CarouselSlide/CarouselSlide.tsx"],"sourcesContent":["import { ImgHTMLAttributes } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\n\nimport styles, { HvCarouselSlideClasses, cc } from \"./CarouselSlide.styles\";\nimport { makeClasses } from \"../utils\";\n\nexport interface HvCarouselSlideProps\n extends ImgHTMLAttributes<HTMLImageElement> {\n /** A Jss Object used to override or extend the styles applied. /\n classes?: Partial<HvCarouselSlideClasses>;\n /* The width of the Slide. Defaults to `100%` /\n size?: string;\n /* Content of a slide to be displayed /\n children?: React.ReactNode;\n}\n\n/\n A container to use as `children` of `HvCarousel`.\n * Pass `img` props directly to it, or `children` for any custom content\n */\nexport const HvCarouselSlide = ({\n classes: classesProp = {},\n children,\n size: flexBasis = \"100%\",\n src,\n alt,\n ...props\n}: HvCarouselSlideProps) => {\n return (\n <ClassNames>\n {({ css, cx }) => {\n const classes = makeClasses(\n { css, cx },\n { cc, styles, classes: classesProp }\n );\n\n return (\n <div className={cx(css({ flex: `0 0 ${flexBasis}` }), classes.slide)}>\n {children ?? (\n <img className={classes.image} src={src} alt={alt} {...props} />\n )}\n </div>\n );\n }}\n </ClassNames>\n );\n};\n"],"names":["HvCarouselSlide","classes","classesProp","children","size","flexBasis","src","alt","props","ClassNames","css","cx","makeClasses","cc","styles","className","flex","slide","_jsx","image"],"mappings":";;;;;;AAoBO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC,MAAMC,YAAY;AAAA,EAClBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,MAAM;AAC1B,wCACGC,MAAAA,YAAU;AAAA,IAAAN,UACRA,CAAC;AAAA,MAAEO;AAAAA,MAAKC;AAAAA,IAAAA,MAAS;AAChB,YAAMV,UAAUW,MAAAA,YACd;AAAA,QAAEF;AAAAA,QAAKC;AAAAA,MAAAA,GACP;AAAA,QAAA,IAAEE,qBAAAA;AAAAA,QAAAA,QAAIC,qBAAAA;AAAAA,QAAQb,SAASC;AAAAA,MAAAA,CACzB;AAEA,4CACE,OAAA;AAAA,QAAKa,WAAWJ,GAAGD,IAAI;AAAA,UAAEM,MAAO,OAAMX;AAAAA,QAAAA,CAAa,GAAGJ,QAAQgB,KAAK;AAAA,QAAEd,UAClEA,YACCe,2BAAAA,IAAA,OAAA;AAAA,UAAKH,WAAWd,QAAQkB;AAAAA,UAAOb;AAAAA,UAAUC;AAAAA,UAAS,GAAKC;AAAAA,QAAAA,CAAQ;AAAA,MAAA,CAE9D;AAAA,IAET;AAAA,EAAA,CACU;AAEhB;;"}

package/dist/cjs/components/Carousel/CarouselSlide/CarouselSlide.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CarouselSlide.styles.cjs","sources":["../../../../../src/components/Carousel/CarouselSlide/CarouselSlide.styles.ts"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/css\";\nimport { getClasses } from \"@core/utils\";\n\nexport type HvCarouselSlideClasses = Record<keyof typeof styles, string>;\n\nconst styles = {\n slide: {},\n image: {\n aspectRatio: \"16/9\",\n width: \"100%\",\n height: \"100%\",\n },\n} satisfies Record<string, CSSInterpolation>;\n\nexport const cc = getClasses(\n Object.keys(styles) as (keyof HvCarouselSlideClasses)[],\n \"HvCarouselSlide\"\n);\n\nexport default styles;\n"],"names":["styles","slide","image","aspectRatio","width","height","cc","getClasses","Object","keys"],"mappings":";;;AAKA,MAAMA,SAAS;AAAA,EACbC,OAAO,CAAC;AAAA,EACRC,OAAO;AAAA,IACLC,aAAa;AAAA,IACbC,OAAO;AAAA,IACPC,QAAQ;AAAA,EACV;AACF;AAEO,MAAMC,KAAKC,QAAAA,WAChBC,OAAOC,KAAKT,MAAM,GAClB,~~iBAAiB~~;;;"}
1	+ {"version":3,"file":"CarouselSlide.styles.cjs","sources":["../../../../../src/components/Carousel/CarouselSlide/CarouselSlide.styles.ts"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/css\";\nimport { getClasses } from \"@core/utils\";\n\nexport type HvCarouselSlideClasses = Record<keyof typeof styles, string>;\n\nconst styles = {\n slide: {},\n image: {\n aspectRatio: \"16/9\",\n width: \"100%\",\n height: \"100%\",\n },\n} satisfies Record<string, CSSInterpolation>;\n\nexport const cc = getClasses(\n Object.keys(styles) as (keyof HvCarouselSlideClasses)[],\n \"HvCarouselSlide\"\n);\n\nexport default styles;\n"],"names":["styles","slide","image","aspectRatio","width","height","cc","getClasses","Object","keys"],"mappings":";;;AAKA,MAAMA,SAAS;AAAA,EACbC,OAAO,CAAC;AAAA,EACRC,OAAO;AAAA,IACLC,aAAa;AAAA,IACbC,OAAO;AAAA,IACPC,QAAQ;AAAA,EACV;AACF;AAEO,MAAMC,KAAKC,QAAAA,WAChBC,OAAOC,KAAKT,MAAM,GAClB,iBACF;;;"}

package/dist/cjs/components/Carousel/utils.cjs CHANGED Viewed

@@ -14,7 +14,7 @@ const makeClasses = ({
 const deepRename = (obj, mapFn) => {
   const result = {};
   for (const key in obj) {
-    if (obj.hasOwnProperty(key)) {
+    if (Object.hasOwn(obj, key)) {
       const newKey = mapFn(key);
       const value = obj[key];
       result[newKey] = typeof value === "object" ? deepRename(value, mapFn) : value;

package/dist/cjs/components/Carousel/utils.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.cjs","sources":["../../../../src/components/Carousel/utils.ts"],"sourcesContent":["import type { CSSInterpolation } from \"@emotion/css\";\nimport type { ClassNamesContent } from \"@emotion/react\";\n\ntype ClassObject<T extends string> = {\n cc: Record<T, string>;\n classes: Partial<Record<T, string>>;\n styles: Record<T, CSSInterpolation>;\n};\n\nexport const makeClasses = <T extends string>(\n { css, cx }: Pick<ClassNamesContent, \"css\" \| \"cx\">,\n { cc, classes, styles }: ClassObject<T>\n) =>\n Object.keys(cc).reduce((acc, key) => {\n acc[key] = cx(cc?.[key], css(styles?.[key]), classes?.[key]);\n return acc;\n }, {} as { [P in T]: string });\n\nconst deepRename = <T extends object>(\n obj: T,\n mapFn: (key: string) => string\n): T => {\n const result: any = {};\n for (const key in obj) {\n if (~~obj~~.~~hasOwnProperty~~(key)) {\n const newKey = mapFn(key);\n const value = obj[key];\n result[newKey] =\n typeof value === \"object\" ? deepRename(value as any, mapFn) : value;\n }\n }\n return result;\n};\n\n/** Given a `stylesObj`, replaces its keys' `$myClass` with `.{name}-myClass` */\nexport const replace$ = <T extends object>(stylesObj: T, name: string): T => {\n return deepRename(stylesObj, (key) => {\n const matches = key.match(/\\$\\w+/g);\n if (!matches?.length) return key;\n const newKey = matches.reduce(\n (acc, match) => acc.replace(match, `.${name}-${match.slice(1)}`),\n key\n );\n return newKey ?? key;\n });\n};\n"],"names":["makeClasses","css","cx","cc","classes","styles","Object","keys","reduce","acc","key","deepRename","obj","mapFn","result","~~hasOwnProperty~~","newKey","value","replace$","stylesObj","name","matches","match","length","replace","slice"],"mappings":";;AASO,MAAMA,cAAc,CACzB;AAAA,EAAEC;AAAAA,EAAKC;AAA0C,GACjD;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAASC;AAAuB,MAEtCC,OAAOC,KAAKJ,EAAE,EAAEK,OAAO,CAACC,KAAKC,QAAQ;AACnCD,MAAIC,GAAG,IAAIR,GAAGC,yBAAKO,MAAMT,IAAII,iCAASK,IAAI,GAAGN,mCAAUM,IAAI;AACpDD,SAAAA;AACT,GAAG,EAA2B;AAEhC,MAAME,aAAa,CACjBC,KACAC,UACM;AACN,QAAMC,SAAc,CAAA;AACpB,aAAWJ,OAAOE,KAAK;~~AACjBA~~,~~QAAAA~~,~~IAAIG~~,~~eAAeL~~,GAAG,GAAG;AACrBM,YAAAA,SAASH,MAAMH,GAAG;AAClBO,YAAAA,QAAQL,IAAIF,GAAG;AACdM,aAAAA,MAAM,IACX,OAAOC,UAAU,WAAWN,WAAWM,OAAcJ,KAAK,IAAII;AAAAA,IAClE;AAAA,EACF;AACOH,SAAAA;AACT;AAGaI,MAAAA,WAAW,CAAmBC,WAAcC,SAAoB;AACpET,SAAAA,WAAWQ,WAAYT,CAAQ,QAAA;AAC9BW,UAAAA,UAAUX,IAAIY,MAAM,QAAQ;AAClC,QAAI,EAACD,mCAASE;AAAeb,aAAAA;AAC7B,UAAMM,SAASK,QAAQb,OACrB,CAACC,KAAKa,UAAUb,IAAIe,QAAQF,OAAQ,IAAGF,QAAQE,MAAMG,MAAM,CAAC,GAAG,GAC/Df,~~GAAG~~;~~AAEL~~,WAAOM,UAAUN;AAAAA,EAAAA,CAClB;AACH;;;"}
1	+ {"version":3,"file":"utils.cjs","sources":["../../../../src/components/Carousel/utils.ts"],"sourcesContent":["import type { CSSInterpolation } from \"@emotion/css\";\nimport type { ClassNamesContent } from \"@emotion/react\";\n\ntype ClassObject<T extends string> = {\n cc: Record<T, string>;\n classes: Partial<Record<T, string>>;\n styles: Record<T, CSSInterpolation>;\n};\n\nexport const makeClasses = <T extends string>(\n { css, cx }: Pick<ClassNamesContent, \"css\" \| \"cx\">,\n { cc, classes, styles }: ClassObject<T>\n) =>\n Object.keys(cc).reduce((acc, key) => {\n acc[key] = cx(cc?.[key], css(styles?.[key]), classes?.[key]);\n return acc;\n }, {} as { [P in T]: string });\n\nconst deepRename = <T extends object>(\n obj: T,\n mapFn: (key: string) => string\n): T => {\n const result: any = {};\n for (const key in obj) {\n if (Object.hasOwn(obj, key)) {\n const newKey = mapFn(key);\n const value = obj[key];\n result[newKey] =\n typeof value === \"object\" ? deepRename(value as any, mapFn) : value;\n }\n }\n return result;\n};\n\n/** Given a `stylesObj`, replaces its keys' `$myClass` with `.{name}-myClass` */\nexport const replace$ = <T extends object>(stylesObj: T, name: string): T => {\n return deepRename(stylesObj, (key) => {\n const matches = key.match(/\\$\\w+/g);\n if (!matches?.length) return key;\n const newKey = matches.reduce(\n (acc, match) => acc.replace(match, `.${name}-${match.slice(1)}`),\n key\n );\n return newKey ?? key;\n });\n};\n"],"names":["makeClasses","css","cx","cc","classes","styles","Object","keys","reduce","acc","key","deepRename","obj","mapFn","result","hasOwn","newKey","value","replace$","stylesObj","name","matches","match","length","replace","slice"],"mappings":";;AASO,MAAMA,cAAc,CACzB;AAAA,EAAEC;AAAAA,EAAKC;AAA0C,GACjD;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAASC;AAAuB,MAEtCC,OAAOC,KAAKJ,EAAE,EAAEK,OAAO,CAACC,KAAKC,QAAQ;AACnCD,MAAIC,GAAG,IAAIR,GAAGC,yBAAKO,MAAMT,IAAII,iCAASK,IAAI,GAAGN,mCAAUM,IAAI;AACpDD,SAAAA;AACT,GAAG,EAA2B;AAEhC,MAAME,aAAa,CACjBC,KACAC,UACM;AACN,QAAMC,SAAc,CAAA;AACpB,aAAWJ,OAAOE,KAAK;AACrB,QAAIN,OAAOS,OAAOH,KAAKF,GAAG,GAAG;AACrBM,YAAAA,SAASH,MAAMH,GAAG;AAClBO,YAAAA,QAAQL,IAAIF,GAAG;AACdM,aAAAA,MAAM,IACX,OAAOC,UAAU,WAAWN,WAAWM,OAAcJ,KAAK,IAAII;AAAAA,IAClE;AAAA,EACF;AACOH,SAAAA;AACT;AAGaI,MAAAA,WAAW,CAAmBC,WAAcC,SAAoB;AACpET,SAAAA,WAAWQ,WAAYT,CAAQ,QAAA;AAC9BW,UAAAA,UAAUX,IAAIY,MAAM,QAAQ;AAClC,QAAI,EAACD,mCAASE;AAAeb,aAAAA;AAC7B,UAAMM,SAASK,QAAQb,OACrB,CAACC,KAAKa,UAAUb,IAAIe,QAAQF,OAAQ,IAAGF,QAAQE,MAAMG,MAAM,CAAC,GAAG,GAC/Df,GACF;AACA,WAAOM,UAAUN;AAAAA,EAAAA,CAClB;AACH;;;"}

package/dist/cjs/components/CheckBox/CheckBox.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckBox.cjs","sources":["../../../../src/components/CheckBox/CheckBox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useControlled, useUniqueId } from \"@core/hooks\";\nimport { useCallback, useState } from \"react\";\nimport { setId } from \"@core/utils\";\nimport { HvBaseCheckBoxProps } from \"../BaseCheckBox\";\nimport { HvLabelProps, HvFormStatus, HvWarningText, isInvalid } from \"../Forms\";\nimport {\n StyledBaseCheckBox,\n StyledFormElement,\n StyledLabel,\n StyledLabelContainer,\n} from \"./CheckBox.styles\";\nimport checkBoxClasses, { HvCheckBoxClasses } from \"./checkBoxClasses\";\n\nexport interface HvCheckBoxProps extends Omit<HvBaseCheckBoxProps, \"classes\"> {\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 inputted via inputProps.\n /\n label?: React.ReactNode;\n /\n Properties passed on to the label element.\n /\n labelProps?: HvLabelProps;\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 A Jss Object used to override or extend the styles applied to the checkbox.\n /\n classes?: HvCheckBoxClasses;\n}\n\n/\n A Checkbox is a mechanism that allows the user to select one or more options.\n \n Usually used in a Checkbox Group to present the user with a range of options from\n * which the user <b>may select any number of options</b> to complete their task.\n \n It can also be used individually to represent the toggle of a single option, when\n * the Toggle Switch and Toggle Button aren't more appropriate.\n */\nexport const HvCheckBox = ({\n id,\n classes,\n className,\n name,\n checked,\n status,\n indeterminate,\n statusMessage,\n label,\n labelProps,\n inputProps,\n value = \"on\",\n required = false,\n readOnly = false,\n disabled = false,\n semantic = false,\n defaultChecked = false,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-errormessage\": ariaErrorMessage,\n onChange,\n onFocusVisible,\n onBlur,\n ...others\n}: HvCheckBoxProps) => {\n const elementId = useUniqueId(id, \"hvcheckbox\");\n\n const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n const [validationState, setValidationState] = useControlled(\n status,\n \"standBy\"\n );\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const [isChecked, setIsChecked] = useControlled(\n checked,\n Boolean(defaultChecked)\n );\n\n const [isIndeterminate, setIsIndeterminate] = useControlled(\n checked !== undefined ? indeterminate : undefined,\n Boolean(indeterminate)\n );\n\n const isStateInvalid = isInvalid(validationState);\n\n const onChangeCallback = useCallback(\n (event, newChecked) => {\n setIsChecked(() => {\n // This will only run if uncontrolled\n setIsIndeterminate(false);\n\n if (required && !newChecked) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newChecked;\n });\n\n onChange?.(event, newChecked, value);\n },\n [\n onChange,\n required,\n setIsChecked,\n setIsIndeterminate,\n setValidationState,\n value,\n ]\n );\n\n const onFocusVisibleCallback = useCallback(\n (event) => {\n setFocusVisible(true);\n onFocusVisible?.(event);\n },\n [onFocusVisible]\n );\n\n const onBlurCallback = useCallback(\n (event) => {\n setFocusVisible(false);\n onBlur?.(event);\n },\n [onBlur]\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 hasLabel = label != null;\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n }\n\n const checkbox = (\n <StyledBaseCheckBox\n id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n name={name}\n className={clsx(\n checkBoxClasses.checkbox,\n classes?.checkbox,\n isStateInvalid &&\n clsx(checkBoxClasses.invalidCheckbox, classes?.invalidCheckbox)\n )}\n $invalid={isStateInvalid}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n onChange={onChangeCallback}\n value={value}\n checked={isChecked}\n indeterminate={isIndeterminate}\n semantic={semantic}\n inputProps={{\n \"aria-invalid\": isStateInvalid ? true : undefined,\n \"aria-errormessage\": errorMessageId,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n ...inputProps,\n }}\n onFocusVisible={onFocusVisibleCallback}\n onBlur={onBlurCallback}\n {...others}\n />\n );\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(\n className,\n checkBoxClasses.root,\n classes?.root,\n !!(focusVisible && label) &&\n clsx(checkBoxClasses.focusVisible, classes?.focusVisible)\n )}\n $focusVisible={!!(focusVisible && label)}\n >\n {hasLabel ? (\n <StyledLabelContainer\n className={clsx(\n checkBoxClasses.container,\n classes?.container,\n disabled && clsx(checkBoxClasses.disabled, classes?.disabled),\n isStateInvalid &&\n clsx(checkBoxClasses.invalidContainer, classes?.invalidContainer)\n )}\n $disabled={disabled}\n $invalid={isStateInvalid}\n >\n {checkbox}\n <StyledLabel\n id={setId(elementId, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n className={clsx(checkBoxClasses.label, classes?.label)}\n $disabled={disabled}\n {...labelProps}\n />\n </StyledLabelContainer>\n ) : (\n checkbox\n )}\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n disableAdornment={!hasLabel}\n hideText={!hasLabel}\n disableBorder\n >\n {validationMessage}\n </HvWarningText>\n )}\n </StyledFormElement>\n );\n};\n"],"names":["HvCheckBox","id","classes","className","name","checked","status","indeterminate","statusMessage","label","labelProps","inputProps","value","required","readOnly","disabled","semantic","defaultChecked","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","onChange","onFocusVisible","onBlur","others","elementId","useUniqueId","focusVisible","setFocusVisible","useState","validationState","setValidationState","useControlled","validationMessage","isChecked","setIsChecked","Boolean","isIndeterminate","setIsIndeterminate","undefined","isStateInvalid","isInvalid","onChangeCallback","useCallback","event","newChecked","onFocusVisibleCallback","onBlurCallback","canShowError","hasLabel","errorMessageId","setId","checkbox","StyledBaseCheckBox","clsx","checkBoxClasses","invalidCheckbox","$invalid","StyledFormElement","root","$focusVisible","children","_jsxs","StyledLabelContainer","container","invalidContainer","$disabled","_jsx","StyledLabel","htmlFor","HvWarningText","disableAdornment","hideText","disableBorder"],"mappings":"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"}
1	+ {"version":3,"file":"CheckBox.cjs","sources":["../../../../src/components/CheckBox/CheckBox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useControlled, useUniqueId } from \"@core/hooks\";\nimport { useCallback, useState } from \"react\";\nimport { setId } from \"@core/utils\";\nimport { HvBaseCheckBoxProps } from \"../BaseCheckBox\";\nimport { HvLabelProps, HvFormStatus, HvWarningText, isInvalid } from \"../Forms\";\nimport {\n StyledBaseCheckBox,\n StyledFormElement,\n StyledLabel,\n StyledLabelContainer,\n} from \"./CheckBox.styles\";\nimport checkBoxClasses, { HvCheckBoxClasses } from \"./checkBoxClasses\";\n\nexport interface HvCheckBoxProps extends Omit<HvBaseCheckBoxProps, \"classes\"> {\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 inputted via inputProps.\n /\n label?: React.ReactNode;\n /\n Properties passed on to the label element.\n /\n labelProps?: HvLabelProps;\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 A Jss Object used to override or extend the styles applied to the checkbox.\n /\n classes?: HvCheckBoxClasses;\n}\n\n/\n A Checkbox is a mechanism that allows the user to select one or more options.\n \n Usually used in a Checkbox Group to present the user with a range of options from\n * which the user <b>may select any number of options</b> to complete their task.\n \n It can also be used individually to represent the toggle of a single option, when\n * the Toggle Switch and Toggle Button aren't more appropriate.\n */\nexport const HvCheckBox = ({\n id,\n classes,\n className,\n name,\n checked,\n status,\n indeterminate,\n statusMessage,\n label,\n labelProps,\n inputProps,\n value = \"on\",\n required = false,\n readOnly = false,\n disabled = false,\n semantic = false,\n defaultChecked = false,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-errormessage\": ariaErrorMessage,\n onChange,\n onFocusVisible,\n onBlur,\n ...others\n}: HvCheckBoxProps) => {\n const elementId = useUniqueId(id, \"hvcheckbox\");\n\n const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n const [validationState, setValidationState] = useControlled(\n status,\n \"standBy\"\n );\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const [isChecked, setIsChecked] = useControlled(\n checked,\n Boolean(defaultChecked)\n );\n\n const [isIndeterminate, setIsIndeterminate] = useControlled(\n checked !== undefined ? indeterminate : undefined,\n Boolean(indeterminate)\n );\n\n const isStateInvalid = isInvalid(validationState);\n\n const onChangeCallback = useCallback(\n (event, newChecked) => {\n setIsChecked(() => {\n // This will only run if uncontrolled\n setIsIndeterminate(false);\n\n if (required && !newChecked) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newChecked;\n });\n\n onChange?.(event, newChecked, value);\n },\n [\n onChange,\n required,\n setIsChecked,\n setIsIndeterminate,\n setValidationState,\n value,\n ]\n );\n\n const onFocusVisibleCallback = useCallback(\n (event) => {\n setFocusVisible(true);\n onFocusVisible?.(event);\n },\n [onFocusVisible]\n );\n\n const onBlurCallback = useCallback(\n (event) => {\n setFocusVisible(false);\n onBlur?.(event);\n },\n [onBlur]\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 hasLabel = label != null;\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n }\n\n const checkbox = (\n <StyledBaseCheckBox\n id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n name={name}\n className={clsx(\n checkBoxClasses.checkbox,\n classes?.checkbox,\n isStateInvalid &&\n clsx(checkBoxClasses.invalidCheckbox, classes?.invalidCheckbox)\n )}\n $invalid={isStateInvalid}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n onChange={onChangeCallback}\n value={value}\n checked={isChecked}\n indeterminate={isIndeterminate}\n semantic={semantic}\n inputProps={{\n \"aria-invalid\": isStateInvalid ? true : undefined,\n \"aria-errormessage\": errorMessageId,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n ...inputProps,\n }}\n onFocusVisible={onFocusVisibleCallback}\n onBlur={onBlurCallback}\n {...others}\n />\n );\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(\n className,\n checkBoxClasses.root,\n classes?.root,\n !!(focusVisible && label) &&\n clsx(checkBoxClasses.focusVisible, classes?.focusVisible)\n )}\n $focusVisible={!!(focusVisible && label)}\n >\n {hasLabel ? (\n <StyledLabelContainer\n className={clsx(\n checkBoxClasses.container,\n classes?.container,\n disabled && clsx(checkBoxClasses.disabled, classes?.disabled),\n isStateInvalid &&\n clsx(checkBoxClasses.invalidContainer, classes?.invalidContainer)\n )}\n $disabled={disabled}\n $invalid={isStateInvalid}\n >\n {checkbox}\n <StyledLabel\n id={setId(elementId, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n className={clsx(checkBoxClasses.label, classes?.label)}\n $disabled={disabled}\n {...labelProps}\n />\n </StyledLabelContainer>\n ) : (\n checkbox\n )}\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n disableAdornment={!hasLabel}\n hideText={!hasLabel}\n disableBorder\n >\n {validationMessage}\n </HvWarningText>\n )}\n </StyledFormElement>\n );\n};\n"],"names":["HvCheckBox","id","classes","className","name","checked","status","indeterminate","statusMessage","label","labelProps","inputProps","value","required","readOnly","disabled","semantic","defaultChecked","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","onChange","onFocusVisible","onBlur","others","elementId","useUniqueId","focusVisible","setFocusVisible","useState","validationState","setValidationState","useControlled","validationMessage","isChecked","setIsChecked","Boolean","isIndeterminate","setIsIndeterminate","undefined","isStateInvalid","isInvalid","onChangeCallback","useCallback","event","newChecked","onFocusVisibleCallback","onBlurCallback","canShowError","hasLabel","errorMessageId","setId","checkbox","StyledBaseCheckBox","clsx","checkBoxClasses","invalidCheckbox","$invalid","StyledFormElement","root","$focusVisible","children","_jsxs","StyledLabelContainer","container","invalidContainer","$disabled","_jsx","StyledLabel","htmlFor","HvWarningText","disableAdornment","hideText","disableBorder"],"mappings":"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"}

package/dist/cjs/components/CheckBox/CheckBox.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckBox.styles.cjs","sources":["../../../../src/components/CheckBox/CheckBox.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"@core/utils\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport {\n HvBaseCheckBox,\n HvLabel,\n HvFormElement,\n checkBoxClasses,\n HvBaseCheckBoxProps,\n HvFormElementProps,\n} from \"@core/components\";\nimport { CSSProperties } from \"react\";\n\nexport const StyledFormElement = styled(\n (props: HvFormElementProps) => <HvFormElement {...props} />,\n transientOptions\n)(({ $focusVisible }: { $focusVisible: boolean }) => ({\n display: \"inline-block\",\n\n ...($focusVisible && {\n ...outlineStyles,\n\n \"& div\": {\n backgroundColor: theme.colors.atmo3,\n },\n\n [`& .${checkBoxClasses.checkbox} div > svg`]: {\n outline: \"none\",\n boxShadow: \"none\",\n },\n }),\n}));\n\nexport const StyledLabelContainer = styled(\n \"div\",\n transientOptions\n)(({ $disabled, $invalid }: { $disabled: boolean; $invalid: boolean }) => ({\n cursor: \"pointer\",\n display: \"flex\",\n height: \"32px\",\n transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n\n \"&:hover\": {\n backgroundColor: theme.checkbox.hoverColor,\n borderRadius: theme.checkbox.borderRadius,\n\n ...($invalid && {\n borderBottomLeftRadius: \"0px\",\n borderBottomRightRadius: \"0px\",\n }),\n },\n\n ...($disabled && {\n cursor: \"not-allowed\",\n }),\n\n ...($invalid && {\n borderBottom: `1px solid ${theme.colors.negative}`,\n }),\n}));\n\nexport const StyledLabel = styled(\n HvLabel,\n transientOptions\n)(({ $disabled }: { $disabled: boolean }) => ({\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n verticalAlign: \"middle\",\n paddingRight: theme.space.xs,\n whiteSpace: \"nowrap\",\n ...(theme.typography.body as CSSProperties),\n cursor: \"pointer\",\n height: \"32px\",\n lineHeight: \"32px\",\n width: \"100%\",\n\n ...($disabled && {\n color: theme.colors.secondary_60,\n cursor: \"not-allowed\",\n }),\n}));\n\nexport const StyledBaseCheckBox = styled(\n (props: HvBaseCheckBoxProps) => <HvBaseCheckBox {...props} />,\n transientOptions\n)(({ $invalid }: { $invalid: boolean }) => ({\n height: \"32px\",\n\n ...($invalid && {\n borderBottom: `1px solid ${theme.colors.negative}`,\n borderBottomLeftRadius: \"0px\",\n borderBottomRightRadius: \"0px\",\n }),\n}));\n"],"names":["StyledFormElement","_styled","props","HvFormElement","process","env","NODE_ENV","_extends","target","transientOptions","label","$focusVisible","display","outlineStyles","backgroundColor","theme","colors","atmo3","checkBoxClasses","checkbox","outline","boxShadow","StyledLabelContainer","$disabled","$invalid","cursor","height","transition","hoverColor","borderRadius","borderBottomLeftRadius","borderBottomRightRadius","borderBottom","negative","StyledLabel","HvLabel","overflow","textOverflow","verticalAlign","paddingRight","space","xs","whiteSpace","typography","body","lineHeight","width","color","secondary_60","StyledBaseCheckBox","HvBaseCheckBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAMA,oBAAoBC,iCAAAA,QAC/B,CAACC,yCAA+BC,YAAAA,eAAa;AAAA,EAAA,GAAKD;AAAK,~~CAAA~~,~~GAAIE~~,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GAC3DC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,~~CACjB~~,~~EAAC~~,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpDC,SAAS;AAAA,EAET,GAAID,iBAAiB;AAAA,IACnB,GAAGE,WAAAA;AAAAA,IAEH,SAAS;AAAA,MACPC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAChC;AAAA,IAEA,CAAE,MAAKC,gBAAAA,QAAgBC,oBAAoB,GAAG;AAAA,MAC5CC,SAAS;AAAA,MACTC,WAAW;AAAA,IACb;AAAA,EACF;AACF,IAAEjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ypHAAA;AAEUgB,MAAAA,gEACX,OAAKlB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,~~CACjB~~,~~EAAC~~,CAAC;AAAA,EAAEc;AAAAA,EAAWC;AAAoD,OAAO;AAAA,EACzEC,QAAQ;AAAA,EACRb,SAAS;AAAA,EACTc,QAAQ;AAAA,EACRC,YAAY;AAAA,EAEZ,WAAW;AAAA,IACTb,iBAAiBC,YAAAA,MAAMI,SAASS;AAAAA,IAChCC,cAAcd,YAAAA,MAAMI,SAASU;AAAAA,IAE7B,GAAIL,YAAY;AAAA,MACdM,wBAAwB;AAAA,MACxBC,yBAAyB;AAAA,IAC3B;AAAA,EACF;AAAA,EAEA,GAAIR,aAAa;AAAA,IACfE,QAAQ;AAAA,EACV;AAAA,EAEA,GAAID,YAAY;AAAA,IACdQ,cAAe,aAAYjB,YAAAA,MAAMC,OAAOiB;AAAAA,EAC1C;AACF,IAAE7B,QAAAC,IAAAC,aAAC,eAAA,KAAA,ypHAAA;AAEU4B,MAAAA,uDACXC,MAAAA,SAAO/B,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACPC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,~~CACjB~~,~~EAAC~~,CAAC;AAAA,EAAEc;AAAkC,OAAO;AAAA,EAC5Ca,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,eAAe;AAAA,EACfC,cAAcxB,YAAAA,MAAMyB,MAAMC;AAAAA,EAC1BC,YAAY;AAAA,EACZ,GAAI3B,YAAAA,MAAM4B,WAAWC;AAAAA,EACrBnB,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRmB,YAAY;AAAA,EACZC,OAAO;AAAA,EAEP,GAAIvB,aAAa;AAAA,IACfwB,OAAOhC,YAAAA,MAAMC,OAAOgC;AAAAA,IACpBvB,QAAQ;AAAA,EACV;AACF,IAAErB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ypHAAA;AAEI,MAAM2C,qBAAqBhD,iCAAAA,QAChC,CAACC,yCAAgCgD,aAAAA,gBAAc;AAAA,EAAA,GAAKhD;AAAK,~~CAAA~~,~~GAAIE~~,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GAC7DC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,~~CACjB~~,~~EAAC~~,CAAC;AAAA,EAAEe;AAAgC,OAAO;AAAA,EAC1CE,QAAQ;AAAA,EAER,GAAIF,YAAY;AAAA,IACdQ,cAAe,aAAYjB,YAAAA,MAAMC,OAAOiB;AAAAA,IACxCH,wBAAwB;AAAA,IACxBC,yBAAyB;AAAA,EAC3B;AACF,IAAE3B,QAAAC,IAAAC,aAAC,eAAA,KAAA,ypHAAA;;;;;"}
1	+ {"version":3,"file":"CheckBox.styles.cjs","sources":["../../../../src/components/CheckBox/CheckBox.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"@core/utils\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport {\n HvBaseCheckBox,\n HvLabel,\n HvFormElement,\n checkBoxClasses,\n HvBaseCheckBoxProps,\n HvFormElementProps,\n} from \"@core/components\";\nimport { CSSProperties } from \"react\";\n\nexport const StyledFormElement = styled(\n (props: HvFormElementProps) => <HvFormElement {...props} />,\n transientOptions\n)(({ $focusVisible }: { $focusVisible: boolean }) => ({\n display: \"inline-block\",\n\n ...($focusVisible && {\n ...outlineStyles,\n\n \"& div\": {\n backgroundColor: theme.colors.atmo3,\n },\n\n [`& .${checkBoxClasses.checkbox} div > svg`]: {\n outline: \"none\",\n boxShadow: \"none\",\n },\n }),\n}));\n\nexport const StyledLabelContainer = styled(\n \"div\",\n transientOptions\n)(({ $disabled, $invalid }: { $disabled: boolean; $invalid: boolean }) => ({\n cursor: \"pointer\",\n display: \"flex\",\n height: \"32px\",\n transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n\n \"&:hover\": {\n backgroundColor: theme.checkbox.hoverColor,\n borderRadius: theme.checkbox.borderRadius,\n\n ...($invalid && {\n borderBottomLeftRadius: \"0px\",\n borderBottomRightRadius: \"0px\",\n }),\n },\n\n ...($disabled && {\n cursor: \"not-allowed\",\n }),\n\n ...($invalid && {\n borderBottom: `1px solid ${theme.colors.negative}`,\n }),\n}));\n\nexport const StyledLabel = styled(\n HvLabel,\n transientOptions\n)(({ $disabled }: { $disabled: boolean }) => ({\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n verticalAlign: \"middle\",\n paddingRight: theme.space.xs,\n whiteSpace: \"nowrap\",\n ...(theme.typography.body as CSSProperties),\n cursor: \"pointer\",\n height: \"32px\",\n lineHeight: \"32px\",\n width: \"100%\",\n\n ...($disabled && {\n color: theme.colors.secondary_60,\n cursor: \"not-allowed\",\n }),\n}));\n\nexport const StyledBaseCheckBox = styled(\n (props: HvBaseCheckBoxProps) => <HvBaseCheckBox {...props} />,\n transientOptions\n)(({ $invalid }: { $invalid: boolean }) => ({\n height: \"32px\",\n\n ...($invalid && {\n borderBottom: `1px solid ${theme.colors.negative}`,\n borderBottomLeftRadius: \"0px\",\n borderBottomRightRadius: \"0px\",\n }),\n}));\n"],"names":["StyledFormElement","_styled","props","HvFormElement","process","env","NODE_ENV","_extends","target","transientOptions","label","$focusVisible","display","outlineStyles","backgroundColor","theme","colors","atmo3","checkBoxClasses","checkbox","outline","boxShadow","StyledLabelContainer","$disabled","$invalid","cursor","height","transition","hoverColor","borderRadius","borderBottomLeftRadius","borderBottomRightRadius","borderBottom","negative","StyledLabel","HvLabel","overflow","textOverflow","verticalAlign","paddingRight","space","xs","whiteSpace","typography","body","lineHeight","width","color","secondary_60","StyledBaseCheckBox","HvBaseCheckBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAMA,oBAAoBC,iCAAAA,QAC/B,CAACC,yCAA+BC,YAAAA,eAAa;AAAA,EAAA,GAAKD;AAAK,CAAG,GAACE,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GAC3DC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpDC,SAAS;AAAA,EAET,GAAID,iBAAiB;AAAA,IACnB,GAAGE,WAAAA;AAAAA,IAEH,SAAS;AAAA,MACPC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAChC;AAAA,IAEA,CAAE,MAAKC,gBAAAA,QAAgBC,oBAAoB,GAAG;AAAA,MAC5CC,SAAS;AAAA,MACTC,WAAW;AAAA,IACb;AAAA,EACF;AACF,IAAEjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ypHAAA;AAEUgB,MAAAA,gEACX,OAAKlB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEc;AAAAA,EAAWC;AAAoD,OAAO;AAAA,EACzEC,QAAQ;AAAA,EACRb,SAAS;AAAA,EACTc,QAAQ;AAAA,EACRC,YAAY;AAAA,EAEZ,WAAW;AAAA,IACTb,iBAAiBC,YAAAA,MAAMI,SAASS;AAAAA,IAChCC,cAAcd,YAAAA,MAAMI,SAASU;AAAAA,IAE7B,GAAIL,YAAY;AAAA,MACdM,wBAAwB;AAAA,MACxBC,yBAAyB;AAAA,IAC3B;AAAA,EACF;AAAA,EAEA,GAAIR,aAAa;AAAA,IACfE,QAAQ;AAAA,EACV;AAAA,EAEA,GAAID,YAAY;AAAA,IACdQ,cAAe,aAAYjB,YAAAA,MAAMC,OAAOiB;AAAAA,EAC1C;AACF,IAAE7B,QAAAC,IAAAC,aAAC,eAAA,KAAA,ypHAAA;AAEU4B,MAAAA,uDACXC,MAAAA,SAAO/B,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACPC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEc;AAAkC,OAAO;AAAA,EAC5Ca,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,eAAe;AAAA,EACfC,cAAcxB,YAAAA,MAAMyB,MAAMC;AAAAA,EAC1BC,YAAY;AAAA,EACZ,GAAI3B,YAAAA,MAAM4B,WAAWC;AAAAA,EACrBnB,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRmB,YAAY;AAAA,EACZC,OAAO;AAAA,EAEP,GAAIvB,aAAa;AAAA,IACfwB,OAAOhC,YAAAA,MAAMC,OAAOgC;AAAAA,IACpBvB,QAAQ;AAAA,EACV;AACF,IAAErB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ypHAAA;AAEI,MAAM2C,qBAAqBhD,iCAAAA,QAChC,CAACC,yCAAgCgD,aAAAA,gBAAc;AAAA,EAAA,GAAKhD;AAAK,CAAG,GAACE,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GAC7DC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEe;AAAgC,OAAO;AAAA,EAC1CE,QAAQ;AAAA,EAER,GAAIF,YAAY;AAAA,IACdQ,cAAe,aAAYjB,YAAAA,MAAMC,OAAOiB;AAAAA,IACxCH,wBAAwB;AAAA,IACxBC,yBAAyB;AAAA,EAC3B;AACF,IAAE3B,QAAAC,IAAAC,aAAC,eAAA,KAAA,ypHAAA;;;;;"}