npm - acinguiux-ds-react-framework - Versions diffs - 0.1.26 → 0.1.27 - Mend

acinguiux-ds-react-framework 0.1.26 → 0.1.27

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

package/build/esm/components/DatePicker/components/SingleDatePicker/SingleDatePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SingleDatePicker.js","sources":["../../../../../../src/components/DatePicker/components/SingleDatePicker/SingleDatePicker.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from 'react';\n\nimport { format as formatDate, isValid, parse } from 'date-fns';\nimport { DATE_PICKER_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport classNames from 'classnames';\n\nimport Select from '../../../Select/Select';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../../Popover/Popover';\nimport Calendar from '../Calendar/Calendar';\nimport { CalendarEvent } from '../../../Icon/components';\nimport { useFocusRingOnKeyboard } from '../../../../hooks/useFocusRingOnKeyboard';\nimport { SingleDatePickerTextInput } from './SingleDatePicker.styles';\nimport { getAvailableMonths, getAvailableYears } from '../../utils/dateAvailabilities';\nimport type { ISingleDatePickerProps } from './SingleDatePicker.types';\n\nconst SingleDatePicker = ({\n size = Sizes.Medium,\n picker = 'day',\n format = 'dd/MM/yyyy',\n disabled,\n invalid,\n defaultValue,\n value,\n onChange,\n open,\n calendarProps,\n onFocus,\n onBlur,\n onClick,\n onMouseDownCapture,\n placeholder = 'DD/MM/YYYY',\n allowClear,\n className,\n ...ariaProps\n}: ISingleDatePickerProps) => {\n const calendarId = useId();\n const inputRef = useRef<HTMLInputElement>(null);\n\n const { focusKind, handleOnClick, handleOnFocus, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\n onFocus,\n onBlur,\n onClick,\n onMouseDownCapture,\n });\n\n // Hold the selected date in state\n const [selectedDate, setSelectedDate] = useState<Date \| undefined>(defaultValue);\n // Hold the input value in state\n const [inputValue, setInputValue] = useState<string>(defaultValue ? formatDate(defaultValue, format) : '');\n\n useEffect(() => {\n setSelectedDate(value);\n setInputValue(value ? formatDate(value, format) : '');\n }, [value, format]);\n\n // Hold the dialog visibility in state\n const [isPickerOpen, setIsPickerOpen] = useState(open);\n\n const availableMonths = getAvailableMonths(calendarProps?.startMonth, calendarProps?.endMonth);\n const availableYears = getAvailableYears(calendarProps?.startMonth, calendarProps?.endMonth);\n\n useEffect(() => {\n setIsPickerOpen(open);\n }, [open]);\n\n const togglePicker = useCallback(() => setIsPickerOpen((prev) => !prev), []);\n\n const handleOnPickerOpenChange = (isOpen: boolean) => {\n setIsPickerOpen(isOpen);\n\n if (!isOpen) {\n // If the picker is closed, focus the input\n setTimeout(() => inputRef.current?.focus(), 0);\n }\n };\n\n const handleDayPickerSelect = (date: Date \| undefined) => {\n if (!date) {\n setInputValue('');\n setSelectedDate(undefined);\n onChange?.(undefined);\n } else {\n setInputValue(formatDate(date, format));\n setSelectedDate(date);\n onChange?.(date);\n }\n\n handleOnPickerOpenChange(false);\n };\n\n const onBlurHandler = useCallback(\n (event: React.FocusEvent<HTMLInputElement>) => {\n // If the blur event is triggered by clicking outside the single date picker, trigger the onBlur handler\n // Otherwise, trigger the onFocus handler\n if (!event.relatedTarget \|\| !(event.relatedTarget as HTMLElement).className.includes('rdp-')) {\n handleOnBlur(event);\n if (inputRef.current?.value) {\n const parsedDate = parse(inputRef.current.value, format, new Date());\n if (!isValid(parsedDate)) {\n setSelectedDate(undefined);\n onChange?.(undefined);\n setInputValue('');\n }\n }\n } else {\n handleOnFocus(event);\n }\n },\n [format, handleOnBlur, handleOnFocus, onChange],\n );\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setInputValue(e.target.value);\n\n const parsedDate = parse(e.target.value, format, new Date());\n if (isValid(parsedDate)) {\n setSelectedDate(parsedDate);\n onChange?.(parsedDate);\n } else {\n setSelectedDate(undefined);\n onChange?.(undefined);\n }\n };\n\n const handleOnKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (event.key === ' ') {\n event.preventDefault();\n togglePicker();\n }\n };\n\n return (\n <Popover open={isPickerOpen} modal={true} onOpenChange={handleOnPickerOpenChange}>\n <p\n aria-live=\"polite\"\n aria-atomic=\"true\"\n style={{\n position: 'absolute',\n width: '1px',\n height: '1px',\n padding: '0px',\n margin: '-1px',\n overflow: 'hidden',\n clip: 'rect(0px, 0px, 0px, 0px)',\n whiteSpace: 'nowrap',\n borderWidth: '0px',\n }}\n >\n {inputValue !== ''\n ? `Selected date ${inputValue}`\n : 'Please type or pick a date. Press space to open the calendar.'}\n </p>\n {picker === 'day' && (\n <PopoverTrigger asChild={true}>\n <SingleDatePickerTextInput\n inputRef={inputRef}\n className={classNames(DATE_PICKER_CLASS, className)}\n data-focused={focusKind}\n size={size}\n disabled={disabled}\n invalid={invalid}\n onFocus={handleOnFocus}\n onBlur={onBlurHandler}\n placeholder={placeholder}\n allowClear={allowClear ? () => Boolean(selectedDate) : undefined}\n onClear={() => handleDayPickerSelect(undefined)}\n wrapperProps={{\n onMouseDownCapture: handleOnMouseDownCapture,\n onClick: handleOnClick,\n }}\n onKeyDown={handleOnKeyDown}\n suffix={{\n node: <CalendarEvent />,\n onClick: (e) => {\n if (!disabled) {\n togglePicker();\n handleOnClick(e);\n }\n },\n }}\n value={inputValue}\n onChange={handleInputChange}\n type=\"text\"\n aria-controls=\"dialog\"\n aria-expanded={isPickerOpen}\n aria-label=\"Open calendar to choose date\"\n {...ariaProps}\n />\n </PopoverTrigger>\n )}\n {picker === 'month' && (\n <Select\n disabled={disabled}\n invalid={invalid}\n placeholder={placeholder}\n className={classNames(DATE_PICKER_CLASS, className)}\n optionLabelProp=\"label\"\n options={[\n {\n label: 'Select Month',\n options: availableMonths.map((month) => ({\n label: formatDate(new Date(0, month), 'MMMM'),\n value: `${month}`.padStart(2, '0'),\n })),\n },\n ]}\n />\n )}\n {picker === 'year' && (\n <Select\n disabled={disabled}\n invalid={invalid}\n placeholder={placeholder}\n allowClear={allowClear}\n className={classNames(DATE_PICKER_CLASS, className)}\n optionLabelProp=\"label\"\n options={[\n {\n label: 'Select Year',\n options: availableYears.map((year) => ({ label: year.toString(), value: year.toString() })),\n },\n ]}\n />\n )}\n <PopoverContent arrow={true} sideOffset={12}>\n <Calendar\n id={`calendar-${calendarId}`}\n {...calendarProps}\n autoFocus={true}\n variant=\"single\"\n selected={selectedDate}\n month={selectedDate}\n size={size === Sizes.XSmall ? Sizes.Small : size}\n onSelect={handleDayPickerSelect}\n />\n </PopoverContent>\n </Popover>\n );\n};\n\nexport default SingleDatePicker;\n"],"names":["SingleDatePicker","size","Sizes","picker","format","disabled","invalid","defaultValue","value","onChange","open","calendarProps","onFocus","onBlur","onClick","onMouseDownCapture","placeholder","allowClear","className","ariaProps","calendarId","useId","inputRef","useRef","focusKind","handleOnClick","handleOnFocus","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","selectedDate","setSelectedDate","useState","inputValue","setInputValue","formatDate","useEffect","isPickerOpen","setIsPickerOpen","availableMonths","getAvailableMonths","availableYears","getAvailableYears","togglePicker","useCallback","prev","handleOnPickerOpenChange","isOpen","handleDayPickerSelect","date","onBlurHandler","event","parsedDate","parse","isValid","handleInputChange","handleOnKeyDown","Popover","jsx","PopoverTrigger","SingleDatePickerTextInput","classNames","DATE_PICKER_CLASS","CalendarEvent","Select","month","year","PopoverContent","Calendar"],"mappings":"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"}
1	+ {"version":3,"file":"SingleDatePicker.js","sources":["../../../../../../src/components/DatePicker/components/SingleDatePicker/SingleDatePicker.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from 'react';\r\n\r\nimport { format as formatDate, isValid, parse } from 'date-fns';\r\nimport { DATE_PICKER_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport classNames from 'classnames';\r\n\r\nimport Select from '../../../Select/Select';\r\nimport { Popover, PopoverContent, PopoverTrigger } from '../../../Popover/Popover';\r\nimport Calendar from '../Calendar/Calendar';\r\nimport { CalendarEvent } from '../../../Icon/components';\r\nimport { useFocusRingOnKeyboard } from '../../../../hooks/useFocusRingOnKeyboard';\r\nimport { SingleDatePickerTextInput } from './SingleDatePicker.styles';\r\nimport { getAvailableMonths, getAvailableYears } from '../../utils/dateAvailabilities';\r\nimport type { ISingleDatePickerProps } from './SingleDatePicker.types';\r\n\r\nconst SingleDatePicker = ({\r\n size = Sizes.Medium,\r\n picker = 'day',\r\n format = 'dd/MM/yyyy',\r\n disabled,\r\n invalid,\r\n defaultValue,\r\n value,\r\n onChange,\r\n open,\r\n calendarProps,\r\n onFocus,\r\n onBlur,\r\n onClick,\r\n onMouseDownCapture,\r\n placeholder = 'DD/MM/YYYY',\r\n allowClear,\r\n className,\r\n ...ariaProps\r\n}: ISingleDatePickerProps) => {\r\n const calendarId = useId();\r\n const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n const { focusKind, handleOnClick, handleOnFocus, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\r\n onFocus,\r\n onBlur,\r\n onClick,\r\n onMouseDownCapture,\r\n });\r\n\r\n // Hold the selected date in state\r\n const [selectedDate, setSelectedDate] = useState<Date \| undefined>(defaultValue);\r\n // Hold the input value in state\r\n const [inputValue, setInputValue] = useState<string>(defaultValue ? formatDate(defaultValue, format) : '');\r\n\r\n useEffect(() => {\r\n setSelectedDate(value);\r\n setInputValue(value ? formatDate(value, format) : '');\r\n }, [value, format]);\r\n\r\n // Hold the dialog visibility in state\r\n const [isPickerOpen, setIsPickerOpen] = useState(open);\r\n\r\n const availableMonths = getAvailableMonths(calendarProps?.startMonth, calendarProps?.endMonth);\r\n const availableYears = getAvailableYears(calendarProps?.startMonth, calendarProps?.endMonth);\r\n\r\n useEffect(() => {\r\n setIsPickerOpen(open);\r\n }, [open]);\r\n\r\n const togglePicker = useCallback(() => setIsPickerOpen((prev) => !prev), []);\r\n\r\n const handleOnPickerOpenChange = (isOpen: boolean) => {\r\n setIsPickerOpen(isOpen);\r\n\r\n if (!isOpen) {\r\n // If the picker is closed, focus the input\r\n setTimeout(() => inputRef.current?.focus(), 0);\r\n }\r\n };\r\n\r\n const handleDayPickerSelect = (date: Date \| undefined) => {\r\n if (!date) {\r\n setInputValue('');\r\n setSelectedDate(undefined);\r\n onChange?.(undefined);\r\n } else {\r\n setInputValue(formatDate(date, format));\r\n setSelectedDate(date);\r\n onChange?.(date);\r\n }\r\n\r\n handleOnPickerOpenChange(false);\r\n };\r\n\r\n const onBlurHandler = useCallback(\r\n (event: React.FocusEvent<HTMLInputElement>) => {\r\n // If the blur event is triggered by clicking outside the single date picker, trigger the onBlur handler\r\n // Otherwise, trigger the onFocus handler\r\n if (!event.relatedTarget \|\| !(event.relatedTarget as HTMLElement).className.includes('rdp-')) {\r\n handleOnBlur(event);\r\n if (inputRef.current?.value) {\r\n const parsedDate = parse(inputRef.current.value, format, new Date());\r\n if (!isValid(parsedDate)) {\r\n setSelectedDate(undefined);\r\n onChange?.(undefined);\r\n setInputValue('');\r\n }\r\n }\r\n } else {\r\n handleOnFocus(event);\r\n }\r\n },\r\n [format, handleOnBlur, handleOnFocus, onChange],\r\n );\r\n\r\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n setInputValue(e.target.value);\r\n\r\n const parsedDate = parse(e.target.value, format, new Date());\r\n if (isValid(parsedDate)) {\r\n setSelectedDate(parsedDate);\r\n onChange?.(parsedDate);\r\n } else {\r\n setSelectedDate(undefined);\r\n onChange?.(undefined);\r\n }\r\n };\r\n\r\n const handleOnKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n if (event.key === ' ') {\r\n event.preventDefault();\r\n togglePicker();\r\n }\r\n };\r\n\r\n return (\r\n <Popover open={isPickerOpen} modal={true} onOpenChange={handleOnPickerOpenChange}>\r\n <p\r\n aria-live=\"polite\"\r\n aria-atomic=\"true\"\r\n style={{\r\n position: 'absolute',\r\n width: '1px',\r\n height: '1px',\r\n padding: '0px',\r\n margin: '-1px',\r\n overflow: 'hidden',\r\n clip: 'rect(0px, 0px, 0px, 0px)',\r\n whiteSpace: 'nowrap',\r\n borderWidth: '0px',\r\n }}\r\n >\r\n {inputValue !== ''\r\n ? `Selected date ${inputValue}`\r\n : 'Please type or pick a date. Press space to open the calendar.'}\r\n </p>\r\n {picker === 'day' && (\r\n <PopoverTrigger asChild={true}>\r\n <SingleDatePickerTextInput\r\n inputRef={inputRef}\r\n className={classNames(DATE_PICKER_CLASS, className)}\r\n data-focused={focusKind}\r\n size={size}\r\n disabled={disabled}\r\n invalid={invalid}\r\n onFocus={handleOnFocus}\r\n onBlur={onBlurHandler}\r\n placeholder={placeholder}\r\n allowClear={allowClear ? () => Boolean(selectedDate) : undefined}\r\n onClear={() => handleDayPickerSelect(undefined)}\r\n wrapperProps={{\r\n onMouseDownCapture: handleOnMouseDownCapture,\r\n onClick: handleOnClick,\r\n }}\r\n onKeyDown={handleOnKeyDown}\r\n suffix={{\r\n node: <CalendarEvent />,\r\n onClick: (e) => {\r\n if (!disabled) {\r\n togglePicker();\r\n handleOnClick(e);\r\n }\r\n },\r\n }}\r\n value={inputValue}\r\n onChange={handleInputChange}\r\n type=\"text\"\r\n aria-controls=\"dialog\"\r\n aria-expanded={isPickerOpen}\r\n aria-label=\"Open calendar to choose date\"\r\n {...ariaProps}\r\n />\r\n </PopoverTrigger>\r\n )}\r\n {picker === 'month' && (\r\n <Select\r\n disabled={disabled}\r\n invalid={invalid}\r\n placeholder={placeholder}\r\n className={classNames(DATE_PICKER_CLASS, className)}\r\n optionLabelProp=\"label\"\r\n options={[\r\n {\r\n label: 'Select Month',\r\n options: availableMonths.map((month) => ({\r\n label: formatDate(new Date(0, month), 'MMMM'),\r\n value: `${month}`.padStart(2, '0'),\r\n })),\r\n },\r\n ]}\r\n />\r\n )}\r\n {picker === 'year' && (\r\n <Select\r\n disabled={disabled}\r\n invalid={invalid}\r\n placeholder={placeholder}\r\n allowClear={allowClear}\r\n className={classNames(DATE_PICKER_CLASS, className)}\r\n optionLabelProp=\"label\"\r\n options={[\r\n {\r\n label: 'Select Year',\r\n options: availableYears.map((year) => ({ label: year.toString(), value: year.toString() })),\r\n },\r\n ]}\r\n />\r\n )}\r\n <PopoverContent arrow={true} sideOffset={12}>\r\n <Calendar\r\n id={`calendar-${calendarId}`}\r\n {...calendarProps}\r\n autoFocus={true}\r\n variant=\"single\"\r\n selected={selectedDate}\r\n month={selectedDate}\r\n size={size === Sizes.XSmall ? Sizes.Small : size}\r\n onSelect={handleDayPickerSelect}\r\n />\r\n </PopoverContent>\r\n </Popover>\r\n );\r\n};\r\n\r\nexport default SingleDatePicker;\r\n"],"names":["SingleDatePicker","size","Sizes","picker","format","disabled","invalid","defaultValue","value","onChange","open","calendarProps","onFocus","onBlur","onClick","onMouseDownCapture","placeholder","allowClear","className","ariaProps","calendarId","useId","inputRef","useRef","focusKind","handleOnClick","handleOnFocus","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","selectedDate","setSelectedDate","useState","inputValue","setInputValue","formatDate","useEffect","isPickerOpen","setIsPickerOpen","availableMonths","getAvailableMonths","availableYears","getAvailableYears","togglePicker","useCallback","prev","handleOnPickerOpenChange","isOpen","handleDayPickerSelect","date","onBlurHandler","event","parsedDate","parse","isValid","handleInputChange","handleOnKeyDown","Popover","jsx","PopoverTrigger","SingleDatePickerTextInput","classNames","DATE_PICKER_CLASS","CalendarEvent","Select","month","year","PopoverContent","Calendar"],"mappings":"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"}

package/build/esm/components/DatePicker/components/SingleDatePicker/SingleDatePicker.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SingleDatePicker.styles.js","sources":["../../../../../../src/components/DatePicker/components/SingleDatePicker/SingleDatePicker.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\n\nimport TextInput from '../../../TextInput/TextInput';\n\nexport const SingleDatePickerTextInput = styled(TextInput)``;\n"],"names":["SingleDatePickerTextInput","styled","TextInput"],"mappings":";;AAIO,MAAMA,IAA4BC,EAAOC,CAAS;"}
1	+ {"version":3,"file":"SingleDatePicker.styles.js","sources":["../../../../../../src/components/DatePicker/components/SingleDatePicker/SingleDatePicker.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\n\r\nimport TextInput from '../../../TextInput/TextInput';\r\n\r\nexport const SingleDatePickerTextInput = styled(TextInput)``;\r\n"],"names":["SingleDatePickerTextInput","styled","TextInput"],"mappings":";;AAIO,MAAMA,IAA4BC,EAAOC,CAAS;"}

package/build/esm/components/DatePicker/utils/dateAvailabilities.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dateAvailabilities.js","sources":["../../../../../src/components/DatePicker/utils/dateAvailabilities.ts"],"sourcesContent":["export const getAvailableYears = (startMonth: Date = new Date(), endMonth: Date = new Date()) => {\n const startYear = startMonth.getFullYear();\n const endYear = endMonth.getFullYear();\n const minYear = Math.min(startYear, endYear);\n const maxYear = Math.max(startYear, endYear);\n const years: number[] = [];\n\n for (let year = minYear; year <= maxYear; year++) {\n years.push(year);\n }\n\n return years;\n};\n\nconst MONTH_DECEMBER = 11;\n\nexport const getAvailableMonths = (\n startMonth: Date = new Date(),\n endMonth: Date = new Date(new Date().getFullYear(), MONTH_DECEMBER),\n) => {\n const startingMonth = startMonth.getMonth();\n const endingMonth = endMonth.getMonth();\n const minMonth = Math.min(startingMonth, endingMonth);\n const maxMonth = Math.max(startingMonth, endingMonth);\n const months: number[] = [];\n\n for (let month = minMonth; month <= maxMonth; month++) {\n months.push(month);\n }\n\n return months;\n};\n"],"names":["getAvailableYears","startMonth","endMonth","startYear","endYear","minYear","maxYear","years","year","getAvailableMonths","startingMonth","endingMonth","minMonth","maxMonth","months","month"],"mappings":"AAAO,MAAMA,IAAoB,CAACC,IAAmB,oBAAI,QAAQC,IAAiB,oBAAI,WAAW;AAC/F,QAAMC,IAAYF,EAAW,YAAA,GACvBG,IAAUF,EAAS,YAAA,GACnBG,IAAU,KAAK,IAAIF,GAAWC,CAAO,GACrCE,IAAU,KAAK,IAAIH,GAAWC,CAAO,GACrCG,IAAkB,CAAA;AAExB,WAASC,IAAOH,GAASG,KAAQF,GAASE;AACxC,IAAAD,EAAM,KAAKC,CAAI;AAGjB,SAAOD;AACT;AAIO,MAAME,IAAqB,CAChCR,IAAmB,oBAAI,QACvBC,IAAiB,IAAI,0BAAS,KAAA,GAAO,YAAA,GAAe,EAAc,MAC/D;AACH,QAAMQ,IAAgBT,EAAW,SAAA,GAC3BU,IAAcT,EAAS,SAAA,GACvBU,IAAW,KAAK,IAAIF,GAAeC,CAAW,GAC9CE,IAAW,KAAK,IAAIH,GAAeC,CAAW,GAC9CG,IAAmB,CAAA;AAEzB,WAASC,IAAQH,GAAUG,KAASF,GAAUE;AAC5C,IAAAD,EAAO,KAAKC,CAAK;AAGnB,SAAOD;AACT;"}
1	+ {"version":3,"file":"dateAvailabilities.js","sources":["../../../../../src/components/DatePicker/utils/dateAvailabilities.ts"],"sourcesContent":["export const getAvailableYears = (startMonth: Date = new Date(), endMonth: Date = new Date()) => {\r\n const startYear = startMonth.getFullYear();\r\n const endYear = endMonth.getFullYear();\r\n const minYear = Math.min(startYear, endYear);\r\n const maxYear = Math.max(startYear, endYear);\r\n const years: number[] = [];\r\n\r\n for (let year = minYear; year <= maxYear; year++) {\r\n years.push(year);\r\n }\r\n\r\n return years;\r\n};\r\n\r\nconst MONTH_DECEMBER = 11;\r\n\r\nexport const getAvailableMonths = (\r\n startMonth: Date = new Date(),\r\n endMonth: Date = new Date(new Date().getFullYear(), MONTH_DECEMBER),\r\n) => {\r\n const startingMonth = startMonth.getMonth();\r\n const endingMonth = endMonth.getMonth();\r\n const minMonth = Math.min(startingMonth, endingMonth);\r\n const maxMonth = Math.max(startingMonth, endingMonth);\r\n const months: number[] = [];\r\n\r\n for (let month = minMonth; month <= maxMonth; month++) {\r\n months.push(month);\r\n }\r\n\r\n return months;\r\n};\r\n"],"names":["getAvailableYears","startMonth","endMonth","startYear","endYear","minYear","maxYear","years","year","getAvailableMonths","startingMonth","endingMonth","minMonth","maxMonth","months","month"],"mappings":"AAAO,MAAMA,IAAoB,CAACC,IAAmB,oBAAI,QAAQC,IAAiB,oBAAI,WAAW;AAC/F,QAAMC,IAAYF,EAAW,YAAA,GACvBG,IAAUF,EAAS,YAAA,GACnBG,IAAU,KAAK,IAAIF,GAAWC,CAAO,GACrCE,IAAU,KAAK,IAAIH,GAAWC,CAAO,GACrCG,IAAkB,CAAA;AAExB,WAASC,IAAOH,GAASG,KAAQF,GAASE;AACxC,IAAAD,EAAM,KAAKC,CAAI;AAGjB,SAAOD;AACT;AAIO,MAAME,IAAqB,CAChCR,IAAmB,oBAAI,QACvBC,IAAiB,IAAI,0BAAS,KAAA,GAAO,YAAA,GAAe,EAAc,MAC/D;AACH,QAAMQ,IAAgBT,EAAW,SAAA,GAC3BU,IAAcT,EAAS,SAAA,GACvBU,IAAW,KAAK,IAAIF,GAAeC,CAAW,GAC9CE,IAAW,KAAK,IAAIH,GAAeC,CAAW,GAC9CG,IAAmB,CAAA;AAEzB,WAASC,IAAQH,GAAUG,KAASF,GAAUE;AAC5C,IAAAD,EAAO,KAAKC,CAAK;AAGnB,SAAOD;AACT;"}

package/build/esm/components/DatePicker/utils/range.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"range.js","sources":["../../../../../src/components/DatePicker/utils/range.ts"],"sourcesContent":["import type { DatePickerTypes } from 'acinguiux-ds-react-base/components/DatePicker';\n\nexport type Origin = 'from' \| 'to' \| undefined;\n\nexport const originToBound = (origin: Origin): 'start' \| 'end' => (origin === 'to' ? 'end' : 'start');\n\nexport const getNextOriginState = (\n newDate: DatePickerTypes.RangeDate \| undefined,\n currentDate: DatePickerTypes.RangeDate \| undefined,\n currentOrigin: Origin,\n): { shouldClose: boolean; newOrigin: Origin } => {\n if (currentOrigin === 'from') {\n if (\n newDate?.from &&\n ((currentDate?.from === newDate.from && !newDate.to) \|\|\n currentDate?.to !== newDate.to \|\|\n (!currentDate?.from && newDate?.to && currentDate?.to))\n ) {\n return { shouldClose: true, newOrigin: 'to' };\n }\n\n return { shouldClose: false, newOrigin: 'to' };\n }\n\n if (currentOrigin === 'to') {\n if (newDate?.from && (currentDate?.to !== newDate.to \|\| (!currentDate?.from && newDate?.to && currentDate?.to))) {\n return { shouldClose: true, newOrigin: 'from' };\n }\n\n return { shouldClose: false, newOrigin: 'from' };\n }\n\n // safety fallback, in case current origin is not known\n if ((!currentDate?.from && !currentDate?.to) \|\| currentDate?.to) {\n return { shouldClose: false, newOrigin: 'from' };\n }\n if (currentDate?.from && !currentDate?.to) {\n return { shouldClose: false, newOrigin: 'to' };\n }\n\n return { shouldClose: true, newOrigin: undefined };\n};\n"],"names":["originToBound","origin","getNextOriginState","newDate","currentDate","currentOrigin"],"mappings":"AAIO,MAAMA,IAAgB,CAACC,MAAqCA,MAAW,OAAO,QAAQ,SAEhFC,IAAqB,CAChCC,GACAC,GACAC,MAEIA,MAAkB,SAElBF,GAAS,SACPC,GAAa,SAASD,EAAQ,QAAQ,CAACA,EAAQ,MAC/CC,GAAa,OAAOD,EAAQ,MAC3B,CAACC,GAAa,QAAQD,GAAS,MAAMC,GAAa,MAE9C,EAAE,aAAa,IAAM,WAAW,KAAA,IAGlC,EAAE,aAAa,IAAO,WAAW,KAAA,IAGtCC,MAAkB,OAChBF,GAAS,SAASC,GAAa,OAAOD,EAAQ,MAAO,CAACC,GAAa,QAAQD,GAAS,MAAMC,GAAa,MAClG,EAAE,aAAa,IAAM,WAAW,OAAA,IAGlC,EAAE,aAAa,IAAO,WAAW,OAAA,IAIrC,CAACA,GAAa,QAAQ,CAACA,GAAa,MAAOA,GAAa,KACpD,EAAE,aAAa,IAAO,WAAW,OAAA,IAEtCA,GAAa,QAAQ,CAACA,GAAa,KAC9B,EAAE,aAAa,IAAO,WAAW,KAAA,IAGnC,EAAE,aAAa,IAAM,WAAW,OAAA;"}
1	+ {"version":3,"file":"range.js","sources":["../../../../../src/components/DatePicker/utils/range.ts"],"sourcesContent":["import type { DatePickerTypes } from 'acinguiux-ds-react-base/components/DatePicker';\r\n\r\nexport type Origin = 'from' \| 'to' \| undefined;\r\n\r\nexport const originToBound = (origin: Origin): 'start' \| 'end' => (origin === 'to' ? 'end' : 'start');\r\n\r\nexport const getNextOriginState = (\r\n newDate: DatePickerTypes.RangeDate \| undefined,\r\n currentDate: DatePickerTypes.RangeDate \| undefined,\r\n currentOrigin: Origin,\r\n): { shouldClose: boolean; newOrigin: Origin } => {\r\n if (currentOrigin === 'from') {\r\n if (\r\n newDate?.from &&\r\n ((currentDate?.from === newDate.from && !newDate.to) \|\|\r\n currentDate?.to !== newDate.to \|\|\r\n (!currentDate?.from && newDate?.to && currentDate?.to))\r\n ) {\r\n return { shouldClose: true, newOrigin: 'to' };\r\n }\r\n\r\n return { shouldClose: false, newOrigin: 'to' };\r\n }\r\n\r\n if (currentOrigin === 'to') {\r\n if (newDate?.from && (currentDate?.to !== newDate.to \|\| (!currentDate?.from && newDate?.to && currentDate?.to))) {\r\n return { shouldClose: true, newOrigin: 'from' };\r\n }\r\n\r\n return { shouldClose: false, newOrigin: 'from' };\r\n }\r\n\r\n // safety fallback, in case current origin is not known\r\n if ((!currentDate?.from && !currentDate?.to) \|\| currentDate?.to) {\r\n return { shouldClose: false, newOrigin: 'from' };\r\n }\r\n if (currentDate?.from && !currentDate?.to) {\r\n return { shouldClose: false, newOrigin: 'to' };\r\n }\r\n\r\n return { shouldClose: true, newOrigin: undefined };\r\n};\r\n"],"names":["originToBound","origin","getNextOriginState","newDate","currentDate","currentOrigin"],"mappings":"AAIO,MAAMA,IAAgB,CAACC,MAAqCA,MAAW,OAAO,QAAQ,SAEhFC,IAAqB,CAChCC,GACAC,GACAC,MAEIA,MAAkB,SAElBF,GAAS,SACPC,GAAa,SAASD,EAAQ,QAAQ,CAACA,EAAQ,MAC/CC,GAAa,OAAOD,EAAQ,MAC3B,CAACC,GAAa,QAAQD,GAAS,MAAMC,GAAa,MAE9C,EAAE,aAAa,IAAM,WAAW,KAAA,IAGlC,EAAE,aAAa,IAAO,WAAW,KAAA,IAGtCC,MAAkB,OAChBF,GAAS,SAASC,GAAa,OAAOD,EAAQ,MAAO,CAACC,GAAa,QAAQD,GAAS,MAAMC,GAAa,MAClG,EAAE,aAAa,IAAM,WAAW,OAAA,IAGlC,EAAE,aAAa,IAAO,WAAW,OAAA,IAIrC,CAACA,GAAa,QAAQ,CAACA,GAAa,MAAOA,GAAa,KACpD,EAAE,aAAa,IAAO,WAAW,OAAA,IAEtCA,GAAa,QAAQ,CAACA,GAAa,KAC9B,EAAE,aAAa,IAAO,WAAW,KAAA,IAGnC,EAAE,aAAa,IAAM,WAAW,OAAA;"}

package/build/esm/components/DeprecatedDatePicker/DatePicker.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePicker.styles.js","sources":["../../../../src/components/DeprecatedDatePicker/DatePicker.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Sizes, ZIndexes, ARROW_KEYPAD_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { ModesType, Variables } from 'acinguiux-ds-react-base/theme';\nimport { DatePickerConsts } from 'acinguiux-ds-react-base/components/DatePicker';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { InputConsts, InputStyles } from 'acinguiux-ds-react-base/components/Input';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { IDatePickerProps } from './DatePicker.types';\nimport { buttonCssWithVariant } from '../Button/Button.styles';\n\nconst { consts } = DatePickerConsts;\n\nconst Dropdown = css<\n Required<PickTransient<IDatePickerProps, 'size'>> & PickTransient<IDatePickerProps, 'prefixCls' \| 'elevation'>\n>`\n ${({ $prefixCls, $elevation, $size, theme }) => {\n const layer = theme.layer({ foundation: 'raised' });\n const { width: arrowWidth, height: arrowHeight } = DatePickerConsts.arrow[$size];\n\n return css`\n div .${$prefixCls}-dropdown {\n z-index: ${ZIndexes.DATE_PICKER};\n }\n\n .${$prefixCls}-dropdown {\n &:focus-visible {\n border-radius: 4px;\n ${getFocusStyles(theme)};\n }\n\n ${$elevation &&\n css`\n position: absolute;\n `}\n\n display: flex;\n justify-content: center;\n z-index: ${ZIndexes.ELEVATED};\n border-radius: 8px;\n ${$elevation &&\n css`\n filter: ${theme.dropShadows.low3};\n `}\n\n &-hidden {\n display: none;\n }\n\n .${$prefixCls}-range-arrow {\n display: none;\n }\n\n .${$prefixCls}-panel-container {\n position: relative;\n border-radius: 8px;\n background: ${$elevation ? layer[Variables.BackgroundFoundation] : 'transparent'};\n\n &::before {\n content: '';\n position: absolute;\n display: ${$elevation ? 'block' : 'none'};\n background: ${$elevation ? layer[Variables.BackgroundFoundation] : 'transparent'};\n mask: url('data:image/svg+xml;utf8,<svg width=\"${arrowWidth}\" height=\"${arrowHeight}\" viewBox=\"0 0 20 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 0H20L18.8147 0.000198954C17.6615 0.000392518 16.5644 0.498297 15.805 1.36618L11.5052 6.28033C10.7083 7.19098 9.29167 7.19098 8.49485 6.28033L4.19497 1.36618C3.43557 0.498295 2.33855 0.000392518 1.18533 0.000198954L0 0Z\" fill=\"white\" /></svg>');\n width: ${arrowWidth}px;\n height: ${arrowHeight}px;\n left: calc(50% - ${arrowWidth / 2}px);\n transform-origin: center;\n background-repeat: no-repeat;\n background-size: contain;\n }\n }\n\n &-placement-topLeft,\n &-placement-topRight {\n .${$prefixCls}-panel-container::before {\n bottom: -${arrowHeight - 1}px;\n transform: rotate(0deg);\n }\n }\n\n &-placement-bottomLeft,\n &-placement-bottomRight {\n .${$prefixCls}-panel-container::before {\n top: -${arrowHeight - 1}px;\n transform: rotate(180deg);\n }\n }\n }\n `;\n }}\n`;\n\nconst Cell = css<Required<PickTransient<IDatePickerProps, 'prefixCls' \| 'size'>>>`\n ${({ $prefixCls, theme, $size }) => {\n const modes: ModesType = { foundation: 'section' };\n const layer = theme.layer(modes);\n const subtleLayer = theme.layer({ ...modes, selectedProminence: 'subtle' });\n const disabledLayer = theme.layer({ ...modes, disabled: true });\n\n return css`\n &-cell {\n color: ${layer[Variables.TextOnFoundationSubtle]};\n\n &:not(.${$prefixCls}-cell-in-range):first-of-type\n .${$prefixCls}-cell-inner,\n &-start\n .${$prefixCls}-cell-inner,\n &-disabled\n + .${$prefixCls}-cell-in-view:not(.${$prefixCls}-cell-disabled)\n .${$prefixCls}-cell-inner,\n &-in-view:not(&-in-range)\n + :not(.${$prefixCls}-cell-in-view, .${$prefixCls}-cell-disabled, .${$prefixCls}-cell-in-range)\n .${$prefixCls}-cell-inner,\n :not(&-in-view)\n + .${$prefixCls}-cell-in-view:not(.${$prefixCls}-cell-disabled, .${$prefixCls}-cell-in-range)\n .${$prefixCls}-cell-inner {\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n }\n\n &:not(.${$prefixCls}-cell-in-range):last-of-type\n .${$prefixCls}-cell-inner,\n &-end\n .${$prefixCls}-cell-inner,\n :not(&-in-view):has(+ .${$prefixCls}-cell-in-view:not(.${$prefixCls}-cell-disabled)):not(\n .${$prefixCls}-cell-in-range\n )\n .${$prefixCls}-cell-inner,\n &-disabled:has(+ .${$prefixCls}-cell-in-view:not(.${$prefixCls}-cell-disabled)):not(\n .${$prefixCls}-cell-in-range\n )\n .${$prefixCls}-cell-inner {\n border-top-right-radius: 8px;\n border-bottom-right-radius: 8px;\n }\n\n &-inner {\n ${theme.typography('label', getLabelTypographySize($size))};\n\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: ${consts[$size].boxSize}px;\n min-height: ${consts[$size].boxSize}px;\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n background-color: ${layer[Variables.BackgroundFoundation]};\n color: ${layer[Variables.TextOnFoundationStrong]};\n cursor: pointer;\n outline: none;\n transition:\n background-color 0.3s,\n border 0.3s;\n }\n\n &-in-view:not(.${$prefixCls}-cell-disabled) .${$prefixCls}-cell-inner {\n border-radius: 8px;\n color: ${layer[Variables.TextOnFoundationStrong]};\n background-color: transparent;\n\n &:hover {\n background-color: ${theme.layer({ ...modes, state: FabricsVariables.States.Hover })[\n Variables.BackgroundFoundation\n ]};\n }\n\n &:active {\n background-color: ${theme.layer({ ...modes, state: FabricsVariables.States.Press })[\n Variables.BackgroundFoundation\n ]};\n }\n }\n\n &-in-view {\n &.${$prefixCls}-cell-selected .${$prefixCls}-cell-inner {\n background-color: ${layer[Variables.BackgroundSelected]};\n color: ${layer[Variables.TextOnSelectedBackgroundStrong]};\n\n &:hover {\n background-color: ${theme.layer({ ...modes, state: FabricsVariables.States.Hover })[\n Variables.BackgroundSelected\n ]};\n }\n\n &:active {\n background-color: ${theme.layer({ ...modes, state: FabricsVariables.States.Press })[\n Variables.BackgroundSelected\n ]};\n }\n }\n\n &.${$prefixCls}-cell-in-range-selected .${$prefixCls}-cell-inner {\n background: ${layer[Variables.BackgroundSelected]};\n color: ${layer[Variables.TextOnSelectedBackgroundStrong]};\n }\n\n &.${$prefixCls}-cell-in-range .${$prefixCls}-cell-inner {\n border-radius: unset;\n background: ${subtleLayer[Variables.BackgroundSelected]};\n }\n\n &.${$prefixCls}-cell-range-hover-start, &.${$prefixCls}-cell-range-hover-end {\n .${$prefixCls}-cell-inner {\n background: ${layer[Variables.BackgroundSelected]};\n color: ${layer[Variables.TextOnSelectedBackgroundStrong]};\n }\n }\n\n &.${$prefixCls}-cell-range-hover {\n position: relative;\n\n .${$prefixCls}-cell-inner {\n background: ${subtleLayer[Variables.BackgroundSelected]};\n }\n }\n\n &.${$prefixCls}-cell-range-start\n > .${$prefixCls}-cell-inner,\n &.${$prefixCls}-cell-range-end\n > .${$prefixCls}-cell-inner {\n background: ${layer[Variables.BackgroundSelected]};\n color: ${layer[Variables.TextOnSelectedBackgroundStrong]};\n }\n }\n\n &-range-start:not(&-range-start-single)\n .${$prefixCls}-cell-inner,\n &-range-hover-start\n .${$prefixCls}-cell-inner {\n border-top-right-radius: unset;\n border-bottom-right-radius: unset;\n\n &::after {\n background: ${layer[Variables.TextOnSelectedBackgroundStrong]};\n border: 1px solid ${layer[Variables.TextOnSelectedBackgroundStrong]};\n }\n }\n\n &-range-end:not(&-range-start-single)\n .${$prefixCls}-cell-inner,\n &-range-hover-end:not(&-range-start-single)\n .${$prefixCls}-cell-inner {\n border-top-left-radius: unset;\n border-bottom-left-radius: unset;\n\n &::after {\n background: ${layer[Variables.TextOnSelectedBackgroundStrong]};\n border: 1px solid ${layer[Variables.TextOnSelectedBackgroundStrong]};\n }\n }\n\n &-range-hover .${$prefixCls}-cell-inner {\n border-radius: unset;\n }\n\n &-today .${$prefixCls}-cell-inner {\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n bottom: 4px;\n display: block;\n height: 3px;\n width: 20px;\n border: 1px solid ${disabledLayer[Variables.TextOnFoundationSubtle]};\n border-radius: 2px;\n background-color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n }\n }\n\n &-in-view.${$prefixCls}-cell-today .${$prefixCls}-cell-inner {\n &::after {\n border-color: ${layer[Variables.BackgroundSelected]};\n background-color: ${layer[Variables.BackgroundSelected]};\n }\n }\n\n &-selected.${$prefixCls}-cell-today .${$prefixCls}-cell-inner {\n &::after {\n border-color: ${layer[Variables.TextOnSelectedBackgroundStrong]};\n background-color: ${layer[Variables.TextOnSelectedBackgroundStrong]};\n }\n }\n\n &-in-view.${$prefixCls}-cell-in-range.${$prefixCls}-cell-today .${$prefixCls}-cell-inner {\n &::after {\n border-color: ${layer[Variables.TextOnFoundationStrong]};\n background-color: ${layer[Variables.TextOnFoundationStrong]};\n }\n }\n\n &-disabled.${$prefixCls}-cell-today .${$prefixCls}-cell-inner {\n &::after {\n border-color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n background-color: ${disabledLayer[Variables.TextOnFoundationStrong]};\n }\n }\n\n &-disabled .${$prefixCls}-cell-inner {\n background-color: ${disabledLayer[Variables.BackgroundFoundation]};\n color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n cursor: not-allowed;\n text-decoration: line-through;\n }\n }\n `;\n }}\n`;\n\nconst Header = css<Required<PickTransient<IDatePickerProps, 'size'>>>`\n ${({ theme, $size }) => {\n const layer = theme.layer({ foundation: 'surface' });\n\n return css`\n &-header {\n display: flex;\n\n &-view {\n flex: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n\n > button {\n ${($size === Sizes.Small \|\| $size === Sizes.XSmall) && theme.typography('heading', 'extraSmall')};\n ${$size === Sizes.Medium && theme.typography('heading', 'small')};\n ${$size === Sizes.Large && theme.typography('heading', 'medium')};\n\n color: ${layer[Variables.TextOnFoundationStrong]};\n border: 0;\n padding: 0;\n background: none;\n\n &:not(:last-child) {\n margin-right: 8px;\n }\n\n &:hover {\n cursor: pointer;\n color: ${layer[Variables.BackgroundSelected]};\n }\n }\n }\n\n &-next-btn,\n &-prev-btn,\n &-super-next-btn,\n &-super-prev-btn {\n padding: 8px 4px;\n border: 0;\n margin: 0;\n background: none;\n cursor: pointer;\n\n > svg {\n display: block;\n fill: ${layer[Variables.TextOnFoundationStrong]};\n\n &:hover {\n fill: ${layer[Variables.BackgroundSelected]};\n }\n }\n }\n\n &-super-next-btn,\n &-super-prev-btn {\n display: none;\n }\n }\n `;\n }}\n`;\n\nconst Footer = css<Required<PickTransient<IDatePickerProps, 'size'>>>(\n ({ $size }) => css<Required<PickTransient<IDatePickerProps, 'size'>>>`\n &-footer {\n display: flex;\n justify-content: flex-start;\n margin: 0 ${consts[$size].panelPadding}px ${consts[$size].panelGap}px;\n\n &-extra {\n order: 2;\n }\n }\n\n &-today-btn,\n &-ok button {\n ${buttonCssWithVariant()};\n }\n\n &-now a {\n ${buttonCssWithVariant('outlined')};\n }\n\n &-ranges {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n padding: 0;\n overflow: hidden;\n list-style: none;\n gap: 12px;\n\n > li {\n display: inline-block;\n }\n }\n `,\n);\n\nexport type PanelProps = Required<PickTransient<IDatePickerProps, 'prefixCls' \| 'size'>> &\n PickTransient<IDatePickerProps, 'elevation'>;\n\nconst Panel = css<PanelProps>`\n ${({ $prefixCls, $size, $elevation, theme }) => css<PanelProps>`\n &-panel {\n background-color: ${$elevation\n ? theme.layer({ foundation: 'raised' })[Variables.BackgroundFoundation]\n : 'transparent'};\n display: inline-block;\n vertical-align: top;\n margin: ${$elevation\n ? `${consts[$size].panelGap}px\n ${consts[$size].panelPadding}px\n ${consts[$size].panelPadding}px`\n : `${consts[$size].panelGap}px 0 0`};\n\n &:not(.${$prefixCls}-panel-focused) .${ARROW_KEYPAD_CLASS} {\n display: none;\n }\n\n &:focus-visible {\n ${getFocusStyles(theme)};\n }\n\n &-focused {\n .${ARROW_KEYPAD_CLASS} {\n display: flex;\n }\n\n .acinguiux-date-picker-content tbody {\n border-radius: 4px;\n ${getFocusStyles(theme)};\n }\n }\n\n &-rtl {\n direction: rtl;\n }\n }\n\n &-panels {\n display: flex;\n gap: ${$elevation ? '0' : `${consts[$size].panelPadding}px`};\n }\n\n &-decade-panel,\n &-year-panel,\n &-month-panel,\n &-week-panel,\n &-date-panel,\n &-time-panel {\n display: flex;\n flex-direction: column;\n\n .${$prefixCls}-content {\n background-color: ${$elevation\n ? theme.layer({ foundation: 'raised' })[Variables.BackgroundFoundation]\n : 'transparent'};\n }\n\n table {\n text-align: center;\n border-collapse: collapse;\n border-spacing: 0;\n\n td {\n padding: 0;\n margin: 0;\n }\n }\n\n tr:not(:last-child) td {\n padding-bottom: 4px;\n }\n\n thead th {\n ${($size === Sizes.XSmall \|\| $size === Sizes.Small) && theme.typography('label', 'small')};\n ${($size === Sizes.Large \|\| $size === Sizes.Medium) && theme.typography('label', 'medium')};\n\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationSubtle]};\n height: ${consts[$size].boxSize}px;\n }\n }\n\n &-year-panel,\n &-month-panel,\n &-decade-panel {\n .${$prefixCls}-header-super-prev-btn, .${$prefixCls}-header-super-next-btn {\n display: block;\n }\n\n .${$prefixCls}-header {\n margin-bottom: ${consts[$size].panelGap}px;\n }\n\n .${$prefixCls}-cell-inner {\n width: ${consts[$size].cellWidth}px;\n }\n }\n\n &-week-panel {\n &-row {\n &:hover {\n .${$prefixCls}-cell {\n background: ${theme.layer({ selectedProminence: 'subtle' })[Variables.BackgroundSelected]};\n &.${$prefixCls}-cell-in-view .${$prefixCls}-cell-inner, & .${$prefixCls}-cell-inner {\n color: ${theme.layer({ selectedProminence: 'subtle' })[Variables.TextOnSelectedBackgroundStrong]};\n }\n }\n }\n\n &-selected {\n .${$prefixCls}-cell {\n background: ${theme.layer({ selectedProminence: 'strong' })[Variables.BackgroundSelected]};\n &.${$prefixCls}-cell-in-view .${$prefixCls}-cell-inner, & .${$prefixCls}-cell-inner {\n color: ${theme.layer({ selectedProminence: 'strong' })[Variables.TextOnSelectedBackgroundStrong]};\n }\n }\n }\n }\n\n .${$prefixCls}-cell-week {\n width: 20px;\n font-size: 12px;\n color: ${theme.layer({ selectedProminence: 'strong' })[Variables.TextOnSelectedBackgroundStrong]};\n font-weight: bold;\n }\n\n .${$prefixCls}-cell:hover > .${$prefixCls}-cell-inner, .${$prefixCls}-cell-selected > .${$prefixCls}-cell-inner {\n background: transparent;\n }\n }\n\n &-time-panel {\n width: auto;\n\n .${$prefixCls}-header {\n height: 32px;\n margin-bottom: 12px;\n }\n\n .${$prefixCls}-content {\n display: flex;\n max-height: 240px;\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n right: 0;\n border-radius: 8px;\n background-color: ${theme.layer({ foundation: 'section' })[Variables.BackgroundFoundation]};\n height: 36px;\n }\n }\n\n &-column {\n flex: none;\n text-align: left;\n position: relative;\n list-style: none;\n margin: 0;\n padding: 0 0 180px;\n overflow: hidden hidden;\n justify-items: center;\n width: 54px;\n transition: background-color 0.3s;\n font-size: 12px;\n\n &-active {\n background: rgb(0 0 255 / 10%);\n }\n\n &:hover {\n overflow-y: auto;\n }\n\n > li {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 36px;\n height: 36px;\n border-radius: 8px;\n padding: 0;\n margin: 0;\n cursor: pointer;\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationSubtle]};\n\n .${$prefixCls}-time-panel-cell-inner {\n width: 100%;\n height: 20px;\n margin: 0;\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationSubtle]};\n line-height: 20px;\n text-align: center;\n\n .${$prefixCls}-panel-rtl & {\n padding: 0 12px 0 0;\n text-align: right;\n }\n }\n\n &:hover {\n background-color: ${theme.layer({ foundation: 'section', state: FabricsVariables.States.Hover })[\n Variables.BackgroundFoundation\n ]};\n }\n }\n }\n }\n\n &-datetime-panel {\n display: flex;\n\n .${$prefixCls}-time-panel {\n margin-left: 20px;\n }\n\n .${$prefixCls}-date-panel, .${$prefixCls}-time-panel {\n transition: opacity 0.3s;\n }\n\n &-active {\n .${$prefixCls}-date-panel, .${$prefixCls}-time-panel {\n opacity: 0.3;\n\n &-active {\n opacity: 1;\n }\n }\n }\n }\n\n ${Header}\n ${Cell}\n ${Footer}\n `}\n`;\n\nexport type DatePickerWrapperProps = Required<PickTransient<IDatePickerProps, 'size' \| 'prefixCls'>> &\n PickTransient<IDatePickerProps, 'elevation' \| 'invalid'>;\n\nconst DatePickerWrapper = styled.div<DatePickerWrapperProps>`\n ${({ $prefixCls, $size, theme }) => css<DatePickerWrapperProps>`\n ${InputStyles.WrapperStyles};\n\n &:has(> .${$prefixCls}-range) {\n background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\n }\n\n &:focus-visible {\n outline: none;\n }\n\n .${$prefixCls} {\n display: flex;\n align-items: center;\n justify-content: stretch;\n width: 100%;\n\n &-rtl {\n direction: rtl;\n }\n\n ${Panel}\n\n &-input {\n display: flex;\n width: 100%;\n }\n\n &-suffix {\n ${$size === Sizes.XSmall &&\n css`\n margin-block: 1px;\n `};\n }\n\n &-clear {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n\n button {\n right: ${InputConsts.consts[$size].containerGap * 2 +\n InputConsts.consts[$size].iconSize +\n InputConsts.consts[$size].padding.inline * 2}px;\n }\n }\n\n &-range {\n display: flex;\n position: relative;\n gap: ${InputConsts.consts[$size].containerGap}px;\n\n input {\n border-radius: ${InputConsts.consts[$size].affixBorderRadius}px;\n }\n\n input:hover,\n input:active,\n input:focus-visible {\n background-color: ${theme.layer({ selectedProminence: 'subtle' })[Variables.BackgroundSelected]};\n }\n\n .${$prefixCls}-clear div {\n top: 0;\n }\n\n &-separator {\n display: flex;\n align-items: center;\n fill: inherit;\n }\n }\n }\n\n ${Dropdown}\n `}\n`;\n\nexport type CalendarWrapperProps = Required<PickTransient<IDatePickerProps, 'prefixCls' \| 'size'>>;\n\nconst CalendarWrapper = styled.div<CalendarWrapperProps>`\n ${({ $prefixCls }) => css<CalendarWrapperProps>`\n .${$prefixCls} {\n ${Panel};\n }\n `}\n`;\n\nexport { DatePickerWrapper, CalendarWrapper };\n"],"names":["consts","DatePickerConsts","Dropdown","css","$prefixCls","$elevation","$size","theme","layer","arrowWidth","arrowHeight","DatePickerConsts.arrow","ZIndexes","getFocusStyles","Variables","Cell","modes","subtleLayer","disabledLayer","getLabelTypographySize","FabricsVariables","Header","Sizes","Footer","buttonCssWithVariant","Panel","ARROW_KEYPAD_CLASS","DatePickerWrapper","styled","InputStyles.WrapperStyles","InputConsts.consts","CalendarWrapper"],"mappings":"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"}
1	+ {"version":3,"file":"DatePicker.styles.js","sources":["../../../../src/components/DeprecatedDatePicker/DatePicker.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Sizes, ZIndexes, ARROW_KEYPAD_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { ModesType, Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { DatePickerConsts } from 'acinguiux-ds-react-base/components/DatePicker';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport { InputConsts, InputStyles } from 'acinguiux-ds-react-base/components/Input';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nimport type { IDatePickerProps } from './DatePicker.types';\r\nimport { buttonCssWithVariant } from '../Button/Button.styles';\r\n\r\nconst { consts } = DatePickerConsts;\r\n\r\nconst Dropdown = css<\r\n Required<PickTransient<IDatePickerProps, 'size'>> & PickTransient<IDatePickerProps, 'prefixCls' \| 'elevation'>\r\n>`\r\n ${({ $prefixCls, $elevation, $size, theme }) => {\r\n const layer = theme.layer({ foundation: 'raised' });\r\n const { width: arrowWidth, height: arrowHeight } = DatePickerConsts.arrow[$size];\r\n\r\n return css`\r\n div .${$prefixCls}-dropdown {\r\n z-index: ${ZIndexes.DATE_PICKER};\r\n }\r\n\r\n .${$prefixCls}-dropdown {\r\n &:focus-visible {\r\n border-radius: 4px;\r\n ${getFocusStyles(theme)};\r\n }\r\n\r\n ${$elevation &&\r\n css`\r\n position: absolute;\r\n `}\r\n\r\n display: flex;\r\n justify-content: center;\r\n z-index: ${ZIndexes.ELEVATED};\r\n border-radius: 8px;\r\n ${$elevation &&\r\n css`\r\n filter: ${theme.dropShadows.low3};\r\n `}\r\n\r\n &-hidden {\r\n display: none;\r\n }\r\n\r\n .${$prefixCls}-range-arrow {\r\n display: none;\r\n }\r\n\r\n .${$prefixCls}-panel-container {\r\n position: relative;\r\n border-radius: 8px;\r\n background: ${$elevation ? layer[Variables.BackgroundFoundation] : 'transparent'};\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n display: ${$elevation ? 'block' : 'none'};\r\n background: ${$elevation ? layer[Variables.BackgroundFoundation] : 'transparent'};\r\n mask: url('data:image/svg+xml;utf8,<svg width=\"${arrowWidth}\" height=\"${arrowHeight}\" viewBox=\"0 0 20 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 0H20L18.8147 0.000198954C17.6615 0.000392518 16.5644 0.498297 15.805 1.36618L11.5052 6.28033C10.7083 7.19098 9.29167 7.19098 8.49485 6.28033L4.19497 1.36618C3.43557 0.498295 2.33855 0.000392518 1.18533 0.000198954L0 0Z\" fill=\"white\" /></svg>');\r\n width: ${arrowWidth}px;\r\n height: ${arrowHeight}px;\r\n left: calc(50% - ${arrowWidth / 2}px);\r\n transform-origin: center;\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n }\r\n }\r\n\r\n &-placement-topLeft,\r\n &-placement-topRight {\r\n .${$prefixCls}-panel-container::before {\r\n bottom: -${arrowHeight - 1}px;\r\n transform: rotate(0deg);\r\n }\r\n }\r\n\r\n &-placement-bottomLeft,\r\n &-placement-bottomRight {\r\n .${$prefixCls}-panel-container::before {\r\n top: -${arrowHeight - 1}px;\r\n transform: rotate(180deg);\r\n }\r\n }\r\n }\r\n `;\r\n }}\r\n`;\r\n\r\nconst Cell = css<Required<PickTransient<IDatePickerProps, 'prefixCls' \| 'size'>>>`\r\n ${({ $prefixCls, theme, $size }) => {\r\n const modes: ModesType = { foundation: 'section' };\r\n const layer = theme.layer(modes);\r\n const subtleLayer = theme.layer({ ...modes, selectedProminence: 'subtle' });\r\n const disabledLayer = theme.layer({ ...modes, disabled: true });\r\n\r\n return css`\r\n &-cell {\r\n color: ${layer[Variables.TextOnFoundationSubtle]};\r\n\r\n &:not(.${$prefixCls}-cell-in-range):first-of-type\r\n .${$prefixCls}-cell-inner,\r\n &-start\r\n .${$prefixCls}-cell-inner,\r\n &-disabled\r\n + .${$prefixCls}-cell-in-view:not(.${$prefixCls}-cell-disabled)\r\n .${$prefixCls}-cell-inner,\r\n &-in-view:not(&-in-range)\r\n + :not(.${$prefixCls}-cell-in-view, .${$prefixCls}-cell-disabled, .${$prefixCls}-cell-in-range)\r\n .${$prefixCls}-cell-inner,\r\n :not(&-in-view)\r\n + .${$prefixCls}-cell-in-view:not(.${$prefixCls}-cell-disabled, .${$prefixCls}-cell-in-range)\r\n .${$prefixCls}-cell-inner {\r\n border-top-left-radius: 8px;\r\n border-bottom-left-radius: 8px;\r\n }\r\n\r\n &:not(.${$prefixCls}-cell-in-range):last-of-type\r\n .${$prefixCls}-cell-inner,\r\n &-end\r\n .${$prefixCls}-cell-inner,\r\n :not(&-in-view):has(+ .${$prefixCls}-cell-in-view:not(.${$prefixCls}-cell-disabled)):not(\r\n .${$prefixCls}-cell-in-range\r\n )\r\n .${$prefixCls}-cell-inner,\r\n &-disabled:has(+ .${$prefixCls}-cell-in-view:not(.${$prefixCls}-cell-disabled)):not(\r\n .${$prefixCls}-cell-in-range\r\n )\r\n .${$prefixCls}-cell-inner {\r\n border-top-right-radius: 8px;\r\n border-bottom-right-radius: 8px;\r\n }\r\n\r\n &-inner {\r\n ${theme.typography('label', getLabelTypographySize($size))};\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-width: ${consts[$size].boxSize}px;\r\n min-height: ${consts[$size].boxSize}px;\r\n padding: 0;\r\n margin: 0;\r\n box-sizing: border-box;\r\n background-color: ${layer[Variables.BackgroundFoundation]};\r\n color: ${layer[Variables.TextOnFoundationStrong]};\r\n cursor: pointer;\r\n outline: none;\r\n transition:\r\n background-color 0.3s,\r\n border 0.3s;\r\n }\r\n\r\n &-in-view:not(.${$prefixCls}-cell-disabled) .${$prefixCls}-cell-inner {\r\n border-radius: 8px;\r\n color: ${layer[Variables.TextOnFoundationStrong]};\r\n background-color: transparent;\r\n\r\n &:hover {\r\n background-color: ${theme.layer({ ...modes, state: FabricsVariables.States.Hover })[\r\n Variables.BackgroundFoundation\r\n ]};\r\n }\r\n\r\n &:active {\r\n background-color: ${theme.layer({ ...modes, state: FabricsVariables.States.Press })[\r\n Variables.BackgroundFoundation\r\n ]};\r\n }\r\n }\r\n\r\n &-in-view {\r\n &.${$prefixCls}-cell-selected .${$prefixCls}-cell-inner {\r\n background-color: ${layer[Variables.BackgroundSelected]};\r\n color: ${layer[Variables.TextOnSelectedBackgroundStrong]};\r\n\r\n &:hover {\r\n background-color: ${theme.layer({ ...modes, state: FabricsVariables.States.Hover })[\r\n Variables.BackgroundSelected\r\n ]};\r\n }\r\n\r\n &:active {\r\n background-color: ${theme.layer({ ...modes, state: FabricsVariables.States.Press })[\r\n Variables.BackgroundSelected\r\n ]};\r\n }\r\n }\r\n\r\n &.${$prefixCls}-cell-in-range-selected .${$prefixCls}-cell-inner {\r\n background: ${layer[Variables.BackgroundSelected]};\r\n color: ${layer[Variables.TextOnSelectedBackgroundStrong]};\r\n }\r\n\r\n &.${$prefixCls}-cell-in-range .${$prefixCls}-cell-inner {\r\n border-radius: unset;\r\n background: ${subtleLayer[Variables.BackgroundSelected]};\r\n }\r\n\r\n &.${$prefixCls}-cell-range-hover-start, &.${$prefixCls}-cell-range-hover-end {\r\n .${$prefixCls}-cell-inner {\r\n background: ${layer[Variables.BackgroundSelected]};\r\n color: ${layer[Variables.TextOnSelectedBackgroundStrong]};\r\n }\r\n }\r\n\r\n &.${$prefixCls}-cell-range-hover {\r\n position: relative;\r\n\r\n .${$prefixCls}-cell-inner {\r\n background: ${subtleLayer[Variables.BackgroundSelected]};\r\n }\r\n }\r\n\r\n &.${$prefixCls}-cell-range-start\r\n > .${$prefixCls}-cell-inner,\r\n &.${$prefixCls}-cell-range-end\r\n > .${$prefixCls}-cell-inner {\r\n background: ${layer[Variables.BackgroundSelected]};\r\n color: ${layer[Variables.TextOnSelectedBackgroundStrong]};\r\n }\r\n }\r\n\r\n &-range-start:not(&-range-start-single)\r\n .${$prefixCls}-cell-inner,\r\n &-range-hover-start\r\n .${$prefixCls}-cell-inner {\r\n border-top-right-radius: unset;\r\n border-bottom-right-radius: unset;\r\n\r\n &::after {\r\n background: ${layer[Variables.TextOnSelectedBackgroundStrong]};\r\n border: 1px solid ${layer[Variables.TextOnSelectedBackgroundStrong]};\r\n }\r\n }\r\n\r\n &-range-end:not(&-range-start-single)\r\n .${$prefixCls}-cell-inner,\r\n &-range-hover-end:not(&-range-start-single)\r\n .${$prefixCls}-cell-inner {\r\n border-top-left-radius: unset;\r\n border-bottom-left-radius: unset;\r\n\r\n &::after {\r\n background: ${layer[Variables.TextOnSelectedBackgroundStrong]};\r\n border: 1px solid ${layer[Variables.TextOnSelectedBackgroundStrong]};\r\n }\r\n }\r\n\r\n &-range-hover .${$prefixCls}-cell-inner {\r\n border-radius: unset;\r\n }\r\n\r\n &-today .${$prefixCls}-cell-inner {\r\n position: relative;\r\n\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 4px;\r\n display: block;\r\n height: 3px;\r\n width: 20px;\r\n border: 1px solid ${disabledLayer[Variables.TextOnFoundationSubtle]};\r\n border-radius: 2px;\r\n background-color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\r\n }\r\n }\r\n\r\n &-in-view.${$prefixCls}-cell-today .${$prefixCls}-cell-inner {\r\n &::after {\r\n border-color: ${layer[Variables.BackgroundSelected]};\r\n background-color: ${layer[Variables.BackgroundSelected]};\r\n }\r\n }\r\n\r\n &-selected.${$prefixCls}-cell-today .${$prefixCls}-cell-inner {\r\n &::after {\r\n border-color: ${layer[Variables.TextOnSelectedBackgroundStrong]};\r\n background-color: ${layer[Variables.TextOnSelectedBackgroundStrong]};\r\n }\r\n }\r\n\r\n &-in-view.${$prefixCls}-cell-in-range.${$prefixCls}-cell-today .${$prefixCls}-cell-inner {\r\n &::after {\r\n border-color: ${layer[Variables.TextOnFoundationStrong]};\r\n background-color: ${layer[Variables.TextOnFoundationStrong]};\r\n }\r\n }\r\n\r\n &-disabled.${$prefixCls}-cell-today .${$prefixCls}-cell-inner {\r\n &::after {\r\n border-color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\r\n background-color: ${disabledLayer[Variables.TextOnFoundationStrong]};\r\n }\r\n }\r\n\r\n &-disabled .${$prefixCls}-cell-inner {\r\n background-color: ${disabledLayer[Variables.BackgroundFoundation]};\r\n color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\r\n cursor: not-allowed;\r\n text-decoration: line-through;\r\n }\r\n }\r\n `;\r\n }}\r\n`;\r\n\r\nconst Header = css<Required<PickTransient<IDatePickerProps, 'size'>>>`\r\n ${({ theme, $size }) => {\r\n const layer = theme.layer({ foundation: 'surface' });\r\n\r\n return css`\r\n &-header {\r\n display: flex;\r\n\r\n &-view {\r\n flex: auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n > button {\r\n ${($size === Sizes.Small \|\| $size === Sizes.XSmall) && theme.typography('heading', 'extraSmall')};\r\n ${$size === Sizes.Medium && theme.typography('heading', 'small')};\r\n ${$size === Sizes.Large && theme.typography('heading', 'medium')};\r\n\r\n color: ${layer[Variables.TextOnFoundationStrong]};\r\n border: 0;\r\n padding: 0;\r\n background: none;\r\n\r\n &:not(:last-child) {\r\n margin-right: 8px;\r\n }\r\n\r\n &:hover {\r\n cursor: pointer;\r\n color: ${layer[Variables.BackgroundSelected]};\r\n }\r\n }\r\n }\r\n\r\n &-next-btn,\r\n &-prev-btn,\r\n &-super-next-btn,\r\n &-super-prev-btn {\r\n padding: 8px 4px;\r\n border: 0;\r\n margin: 0;\r\n background: none;\r\n cursor: pointer;\r\n\r\n > svg {\r\n display: block;\r\n fill: ${layer[Variables.TextOnFoundationStrong]};\r\n\r\n &:hover {\r\n fill: ${layer[Variables.BackgroundSelected]};\r\n }\r\n }\r\n }\r\n\r\n &-super-next-btn,\r\n &-super-prev-btn {\r\n display: none;\r\n }\r\n }\r\n `;\r\n }}\r\n`;\r\n\r\nconst Footer = css<Required<PickTransient<IDatePickerProps, 'size'>>>(\r\n ({ $size }) => css<Required<PickTransient<IDatePickerProps, 'size'>>>`\r\n &-footer {\r\n display: flex;\r\n justify-content: flex-start;\r\n margin: 0 ${consts[$size].panelPadding}px ${consts[$size].panelGap}px;\r\n\r\n &-extra {\r\n order: 2;\r\n }\r\n }\r\n\r\n &-today-btn,\r\n &-ok button {\r\n ${buttonCssWithVariant()};\r\n }\r\n\r\n &-now a {\r\n ${buttonCssWithVariant('outlined')};\r\n }\r\n\r\n &-ranges {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin: 0;\r\n padding: 0;\r\n overflow: hidden;\r\n list-style: none;\r\n gap: 12px;\r\n\r\n > li {\r\n display: inline-block;\r\n }\r\n }\r\n `,\r\n);\r\n\r\nexport type PanelProps = Required<PickTransient<IDatePickerProps, 'prefixCls' \| 'size'>> &\r\n PickTransient<IDatePickerProps, 'elevation'>;\r\n\r\nconst Panel = css<PanelProps>`\r\n ${({ $prefixCls, $size, $elevation, theme }) => css<PanelProps>`\r\n &-panel {\r\n background-color: ${$elevation\r\n ? theme.layer({ foundation: 'raised' })[Variables.BackgroundFoundation]\r\n : 'transparent'};\r\n display: inline-block;\r\n vertical-align: top;\r\n margin: ${$elevation\r\n ? `${consts[$size].panelGap}px\r\n ${consts[$size].panelPadding}px\r\n ${consts[$size].panelPadding}px`\r\n : `${consts[$size].panelGap}px 0 0`};\r\n\r\n &:not(.${$prefixCls}-panel-focused) .${ARROW_KEYPAD_CLASS} {\r\n display: none;\r\n }\r\n\r\n &:focus-visible {\r\n ${getFocusStyles(theme)};\r\n }\r\n\r\n &-focused {\r\n .${ARROW_KEYPAD_CLASS} {\r\n display: flex;\r\n }\r\n\r\n .acinguiux-date-picker-content tbody {\r\n border-radius: 4px;\r\n ${getFocusStyles(theme)};\r\n }\r\n }\r\n\r\n &-rtl {\r\n direction: rtl;\r\n }\r\n }\r\n\r\n &-panels {\r\n display: flex;\r\n gap: ${$elevation ? '0' : `${consts[$size].panelPadding}px`};\r\n }\r\n\r\n &-decade-panel,\r\n &-year-panel,\r\n &-month-panel,\r\n &-week-panel,\r\n &-date-panel,\r\n &-time-panel {\r\n display: flex;\r\n flex-direction: column;\r\n\r\n .${$prefixCls}-content {\r\n background-color: ${$elevation\r\n ? theme.layer({ foundation: 'raised' })[Variables.BackgroundFoundation]\r\n : 'transparent'};\r\n }\r\n\r\n table {\r\n text-align: center;\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n\r\n td {\r\n padding: 0;\r\n margin: 0;\r\n }\r\n }\r\n\r\n tr:not(:last-child) td {\r\n padding-bottom: 4px;\r\n }\r\n\r\n thead th {\r\n ${($size === Sizes.XSmall \|\| $size === Sizes.Small) && theme.typography('label', 'small')};\r\n ${($size === Sizes.Large \|\| $size === Sizes.Medium) && theme.typography('label', 'medium')};\r\n\r\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationSubtle]};\r\n height: ${consts[$size].boxSize}px;\r\n }\r\n }\r\n\r\n &-year-panel,\r\n &-month-panel,\r\n &-decade-panel {\r\n .${$prefixCls}-header-super-prev-btn, .${$prefixCls}-header-super-next-btn {\r\n display: block;\r\n }\r\n\r\n .${$prefixCls}-header {\r\n margin-bottom: ${consts[$size].panelGap}px;\r\n }\r\n\r\n .${$prefixCls}-cell-inner {\r\n width: ${consts[$size].cellWidth}px;\r\n }\r\n }\r\n\r\n &-week-panel {\r\n &-row {\r\n &:hover {\r\n .${$prefixCls}-cell {\r\n background: ${theme.layer({ selectedProminence: 'subtle' })[Variables.BackgroundSelected]};\r\n &.${$prefixCls}-cell-in-view .${$prefixCls}-cell-inner, & .${$prefixCls}-cell-inner {\r\n color: ${theme.layer({ selectedProminence: 'subtle' })[Variables.TextOnSelectedBackgroundStrong]};\r\n }\r\n }\r\n }\r\n\r\n &-selected {\r\n .${$prefixCls}-cell {\r\n background: ${theme.layer({ selectedProminence: 'strong' })[Variables.BackgroundSelected]};\r\n &.${$prefixCls}-cell-in-view .${$prefixCls}-cell-inner, & .${$prefixCls}-cell-inner {\r\n color: ${theme.layer({ selectedProminence: 'strong' })[Variables.TextOnSelectedBackgroundStrong]};\r\n }\r\n }\r\n }\r\n }\r\n\r\n .${$prefixCls}-cell-week {\r\n width: 20px;\r\n font-size: 12px;\r\n color: ${theme.layer({ selectedProminence: 'strong' })[Variables.TextOnSelectedBackgroundStrong]};\r\n font-weight: bold;\r\n }\r\n\r\n .${$prefixCls}-cell:hover > .${$prefixCls}-cell-inner, .${$prefixCls}-cell-selected > .${$prefixCls}-cell-inner {\r\n background: transparent;\r\n }\r\n }\r\n\r\n &-time-panel {\r\n width: auto;\r\n\r\n .${$prefixCls}-header {\r\n height: 32px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .${$prefixCls}-content {\r\n display: flex;\r\n max-height: 240px;\r\n position: relative;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n display: block;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n border-radius: 8px;\r\n background-color: ${theme.layer({ foundation: 'section' })[Variables.BackgroundFoundation]};\r\n height: 36px;\r\n }\r\n }\r\n\r\n &-column {\r\n flex: none;\r\n text-align: left;\r\n position: relative;\r\n list-style: none;\r\n margin: 0;\r\n padding: 0 0 180px;\r\n overflow: hidden hidden;\r\n justify-items: center;\r\n width: 54px;\r\n transition: background-color 0.3s;\r\n font-size: 12px;\r\n\r\n &-active {\r\n background: rgb(0 0 255 / 10%);\r\n }\r\n\r\n &:hover {\r\n overflow-y: auto;\r\n }\r\n\r\n > li {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 8px;\r\n padding: 0;\r\n margin: 0;\r\n cursor: pointer;\r\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationSubtle]};\r\n\r\n .${$prefixCls}-time-panel-cell-inner {\r\n width: 100%;\r\n height: 20px;\r\n margin: 0;\r\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationSubtle]};\r\n line-height: 20px;\r\n text-align: center;\r\n\r\n .${$prefixCls}-panel-rtl & {\r\n padding: 0 12px 0 0;\r\n text-align: right;\r\n }\r\n }\r\n\r\n &:hover {\r\n background-color: ${theme.layer({ foundation: 'section', state: FabricsVariables.States.Hover })[\r\n Variables.BackgroundFoundation\r\n ]};\r\n }\r\n }\r\n }\r\n }\r\n\r\n &-datetime-panel {\r\n display: flex;\r\n\r\n .${$prefixCls}-time-panel {\r\n margin-left: 20px;\r\n }\r\n\r\n .${$prefixCls}-date-panel, .${$prefixCls}-time-panel {\r\n transition: opacity 0.3s;\r\n }\r\n\r\n &-active {\r\n .${$prefixCls}-date-panel, .${$prefixCls}-time-panel {\r\n opacity: 0.3;\r\n\r\n &-active {\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n }\r\n\r\n ${Header}\r\n ${Cell}\r\n ${Footer}\r\n `}\r\n`;\r\n\r\nexport type DatePickerWrapperProps = Required<PickTransient<IDatePickerProps, 'size' \| 'prefixCls'>> &\r\n PickTransient<IDatePickerProps, 'elevation' \| 'invalid'>;\r\n\r\nconst DatePickerWrapper = styled.div<DatePickerWrapperProps>`\r\n ${({ $prefixCls, $size, theme }) => css<DatePickerWrapperProps>`\r\n ${InputStyles.WrapperStyles};\r\n\r\n &:has(> .${$prefixCls}-range) {\r\n background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\r\n }\r\n\r\n &:focus-visible {\r\n outline: none;\r\n }\r\n\r\n .${$prefixCls} {\r\n display: flex;\r\n align-items: center;\r\n justify-content: stretch;\r\n width: 100%;\r\n\r\n &-rtl {\r\n direction: rtl;\r\n }\r\n\r\n ${Panel}\r\n\r\n &-input {\r\n display: flex;\r\n width: 100%;\r\n }\r\n\r\n &-suffix {\r\n ${$size === Sizes.XSmall &&\r\n css`\r\n margin-block: 1px;\r\n `};\r\n }\r\n\r\n &-clear {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n\r\n button {\r\n right: ${InputConsts.consts[$size].containerGap * 2 +\r\n InputConsts.consts[$size].iconSize +\r\n InputConsts.consts[$size].padding.inline * 2}px;\r\n }\r\n }\r\n\r\n &-range {\r\n display: flex;\r\n position: relative;\r\n gap: ${InputConsts.consts[$size].containerGap}px;\r\n\r\n input {\r\n border-radius: ${InputConsts.consts[$size].affixBorderRadius}px;\r\n }\r\n\r\n input:hover,\r\n input:active,\r\n input:focus-visible {\r\n background-color: ${theme.layer({ selectedProminence: 'subtle' })[Variables.BackgroundSelected]};\r\n }\r\n\r\n .${$prefixCls}-clear div {\r\n top: 0;\r\n }\r\n\r\n &-separator {\r\n display: flex;\r\n align-items: center;\r\n fill: inherit;\r\n }\r\n }\r\n }\r\n\r\n ${Dropdown}\r\n `}\r\n`;\r\n\r\nexport type CalendarWrapperProps = Required<PickTransient<IDatePickerProps, 'prefixCls' \| 'size'>>;\r\n\r\nconst CalendarWrapper = styled.div<CalendarWrapperProps>`\r\n ${({ $prefixCls }) => css<CalendarWrapperProps>`\r\n .${$prefixCls} {\r\n ${Panel};\r\n }\r\n `}\r\n`;\r\n\r\nexport { DatePickerWrapper, CalendarWrapper };\r\n"],"names":["consts","DatePickerConsts","Dropdown","css","$prefixCls","$elevation","$size","theme","layer","arrowWidth","arrowHeight","DatePickerConsts.arrow","ZIndexes","getFocusStyles","Variables","Cell","modes","subtleLayer","disabledLayer","getLabelTypographySize","FabricsVariables","Header","Sizes","Footer","buttonCssWithVariant","Panel","ARROW_KEYPAD_CLASS","DatePickerWrapper","styled","InputStyles.WrapperStyles","InputConsts.consts","CalendarWrapper"],"mappings":"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"}

package/build/esm/components/DeprecatedDatePicker/components/Calendar/Calendar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Calendar.js","sources":["../../../../../../src/components/DeprecatedDatePicker/components/Calendar/Calendar.tsx"],"sourcesContent":["import { type ReactElement, useRef } from 'react';\n\nimport classNames from 'classnames';\nimport { PickerPanel } from 'rc-picker';\nimport type { Dayjs } from 'dayjs';\nimport dayJsGenerateConfig from 'rc-picker/es/generate/dayjs';\nimport enGB from 'rc-picker/es/locale/en_GB';\nimport { Sizes, Variants, CALENDAR_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { DatePickerConsts } from 'acinguiux-ds-react-base/components/DatePicker';\n\nimport Button from '../../../Button/Button';\nimport * as Styled from '../../DatePicker.styles';\nimport { ClearIcon, NextIcon, PrevIcon, SuffixIcon, SuperNextIcon, SuperPrevIcon } from '../Icons/Icons';\nimport type { ICalendarProps } from './Calendar.types';\n\nconst { ariaLabel, consts } = DatePickerConsts;\n\n/*\n @deprecated This component is deprecated. There are no new replacements for it yet. It will be coming in a future release.\n * This component is a wrapper around the `rc-picker` Panel component, but is not accessible via screen reader.\n */\nconst Calendar = <T extends object = Dayjs>({\n className = '',\n value,\n size = `${Sizes.Medium}`,\n ...rest\n}: ICalendarProps<T>): ReactElement => {\n const container = useRef<HTMLDivElement>(null);\n\n const pickerProps = {\n prefixCls: CALENDAR_CLASS,\n getPopupContainer: () => container.current as HTMLElement,\n showToday: true,\n nextIcon: <NextIcon />,\n superNextIcon: <SuperNextIcon />,\n prevIcon: <PrevIcon />,\n superPrevIcon: <SuperPrevIcon />,\n suffixIcon: <SuffixIcon />,\n allowClear: true,\n clearIcon: (\n <Button\n size={consts[size].clearSize}\n variant={Variants.Transparent}\n icon={<ClearIcon />}\n iconOnly={true}\n aria-label=\"Clear entry\"\n />\n ),\n locale: enGB,\n format: 'DD MMM YYYY',\n 'aria-label': ariaLabel,\n };\n\n const datePickerWrapperProps = {\n className: classNames(CALENDAR_CLASS, className),\n $prefixCls: CALENDAR_CLASS,\n ref: container,\n $size: size,\n };\n\n if (rest.config === 'custom') {\n return (\n <Styled.CalendarWrapper {...datePickerWrapperProps}>\n <PickerPanel {...pickerProps} {...rest} value={value as NonNullable<T>} />\n </Styled.CalendarWrapper>\n );\n }\n\n return (\n <Styled.CalendarWrapper {...datePickerWrapperProps}>\n <PickerPanel\n {...pickerProps}\n generateConfig={dayJsGenerateConfig}\n value={value as NonNullable<Dayjs>}\n {...rest}\n />\n </Styled.CalendarWrapper>\n );\n};\n\nexport default Calendar;\n"],"names":["ariaLabel","consts","DatePickerConsts","Calendar","className","value","size","Sizes","rest","container","useRef","pickerProps","CALENDAR_CLASS","NextIcon","SuperNextIcon","PrevIcon","SuperPrevIcon","SuffixIcon","jsx","Button","Variants","ClearIcon","enGB","datePickerWrapperProps","classNames","Styled.CalendarWrapper","PickerPanel","dayJsGenerateConfig"],"mappings":";;;;;;;;;;;;AAeA,MAAM,EAAE,WAAAA,GAAW,QAAAC,EAAA,IAAWC,GAMxBC,IAAW,CAA2B;AAAA,EAC1C,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,EACtB,GAAGC;AACL,MAAuC;AACrC,QAAMC,IAAYC,EAAuB,IAAI,GAEvCC,IAAc;AAAA,IAClB,WAAWC;AAAA,IACX,mBAAmB,MAAMH,EAAU;AAAA,IACnC,WAAW;AAAA,IACX,4BAAWI,GAAA,EAAS;AAAA,IACpB,iCAAgBC,GAAA,EAAc;AAAA,IAC9B,4BAAWC,GAAA,EAAS;AAAA,IACpB,iCAAgBC,GAAA,EAAc;AAAA,IAC9B,8BAAaC,GAAA,EAAW;AAAA,IACxB,YAAY;AAAA,IACZ,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMlB,EAAOK,CAAI,EAAE;AAAA,QACnB,SAASc,EAAS;AAAA,QAClB,wBAAOC,GAAA,EAAU;AAAA,QACjB,UAAU;AAAA,QACV,cAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGf,QAAQC;AAAA,IACR,QAAQ;AAAA,IACR,cAActB;AAAA,EAAA,GAGVuB,IAAyB;AAAA,IAC7B,WAAWC,EAAWZ,GAAgBR,CAAS;AAAA,IAC/C,YAAYQ;AAAA,IACZ,KAAKH;AAAA,IACL,OAAOH;AAAA,EAAA;AAGT,SAAIE,EAAK,WAAW,WAEhB,gBAAAU,EAACO,GAAA,EAAwB,GAAGF,GAC1B,UAAA,gBAAAL,EAACQ,GAAA,EAAa,GAAGf,GAAc,GAAGH,GAAM,OAAAH,GAAgC,EAAA,CAC1E,IAKF,gBAAAa,EAACO,GAAA,EAAwB,GAAGF,GAC1B,UAAA,gBAAAL;AAAA,IAACQ;AAAA,IAAA;AAAA,MACE,GAAGf;AAAA,MACJ,gBAAgBgB;AAAA,MAChB,OAAAtB;AAAA,MACC,GAAGG;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}
1	+ {"version":3,"file":"Calendar.js","sources":["../../../../../../src/components/DeprecatedDatePicker/components/Calendar/Calendar.tsx"],"sourcesContent":["import { type ReactElement, useRef } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { PickerPanel } from 'rc-picker';\r\nimport type { Dayjs } from 'dayjs';\r\nimport dayJsGenerateConfig from 'rc-picker/es/generate/dayjs';\r\nimport enGB from 'rc-picker/es/locale/en_GB';\r\nimport { Sizes, Variants, CALENDAR_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { DatePickerConsts } from 'acinguiux-ds-react-base/components/DatePicker';\r\n\r\nimport Button from '../../../Button/Button';\r\nimport * as Styled from '../../DatePicker.styles';\r\nimport { ClearIcon, NextIcon, PrevIcon, SuffixIcon, SuperNextIcon, SuperPrevIcon } from '../Icons/Icons';\r\nimport type { ICalendarProps } from './Calendar.types';\r\n\r\nconst { ariaLabel, consts } = DatePickerConsts;\r\n\r\n/*\r\n @deprecated This component is deprecated. There are no new replacements for it yet. It will be coming in a future release.\r\n * This component is a wrapper around the `rc-picker` Panel component, but is not accessible via screen reader.\r\n */\r\nconst Calendar = <T extends object = Dayjs>({\r\n className = '',\r\n value,\r\n size = `${Sizes.Medium}`,\r\n ...rest\r\n}: ICalendarProps<T>): ReactElement => {\r\n const container = useRef<HTMLDivElement>(null);\r\n\r\n const pickerProps = {\r\n prefixCls: CALENDAR_CLASS,\r\n getPopupContainer: () => container.current as HTMLElement,\r\n showToday: true,\r\n nextIcon: <NextIcon />,\r\n superNextIcon: <SuperNextIcon />,\r\n prevIcon: <PrevIcon />,\r\n superPrevIcon: <SuperPrevIcon />,\r\n suffixIcon: <SuffixIcon />,\r\n allowClear: true,\r\n clearIcon: (\r\n <Button\r\n size={consts[size].clearSize}\r\n variant={Variants.Transparent}\r\n icon={<ClearIcon />}\r\n iconOnly={true}\r\n aria-label=\"Clear entry\"\r\n />\r\n ),\r\n locale: enGB,\r\n format: 'DD MMM YYYY',\r\n 'aria-label': ariaLabel,\r\n };\r\n\r\n const datePickerWrapperProps = {\r\n className: classNames(CALENDAR_CLASS, className),\r\n $prefixCls: CALENDAR_CLASS,\r\n ref: container,\r\n $size: size,\r\n };\r\n\r\n if (rest.config === 'custom') {\r\n return (\r\n <Styled.CalendarWrapper {...datePickerWrapperProps}>\r\n <PickerPanel {...pickerProps} {...rest} value={value as NonNullable<T>} />\r\n </Styled.CalendarWrapper>\r\n );\r\n }\r\n\r\n return (\r\n <Styled.CalendarWrapper {...datePickerWrapperProps}>\r\n <PickerPanel\r\n {...pickerProps}\r\n generateConfig={dayJsGenerateConfig}\r\n value={value as NonNullable<Dayjs>}\r\n {...rest}\r\n />\r\n </Styled.CalendarWrapper>\r\n );\r\n};\r\n\r\nexport default Calendar;\r\n"],"names":["ariaLabel","consts","DatePickerConsts","Calendar","className","value","size","Sizes","rest","container","useRef","pickerProps","CALENDAR_CLASS","NextIcon","SuperNextIcon","PrevIcon","SuperPrevIcon","SuffixIcon","jsx","Button","Variants","ClearIcon","enGB","datePickerWrapperProps","classNames","Styled.CalendarWrapper","PickerPanel","dayJsGenerateConfig"],"mappings":";;;;;;;;;;;;AAeA,MAAM,EAAE,WAAAA,GAAW,QAAAC,EAAA,IAAWC,GAMxBC,IAAW,CAA2B;AAAA,EAC1C,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,EACtB,GAAGC;AACL,MAAuC;AACrC,QAAMC,IAAYC,EAAuB,IAAI,GAEvCC,IAAc;AAAA,IAClB,WAAWC;AAAA,IACX,mBAAmB,MAAMH,EAAU;AAAA,IACnC,WAAW;AAAA,IACX,4BAAWI,GAAA,EAAS;AAAA,IACpB,iCAAgBC,GAAA,EAAc;AAAA,IAC9B,4BAAWC,GAAA,EAAS;AAAA,IACpB,iCAAgBC,GAAA,EAAc;AAAA,IAC9B,8BAAaC,GAAA,EAAW;AAAA,IACxB,YAAY;AAAA,IACZ,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMlB,EAAOK,CAAI,EAAE;AAAA,QACnB,SAASc,EAAS;AAAA,QAClB,wBAAOC,GAAA,EAAU;AAAA,QACjB,UAAU;AAAA,QACV,cAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGf,QAAQC;AAAA,IACR,QAAQ;AAAA,IACR,cAActB;AAAA,EAAA,GAGVuB,IAAyB;AAAA,IAC7B,WAAWC,EAAWZ,GAAgBR,CAAS;AAAA,IAC/C,YAAYQ;AAAA,IACZ,KAAKH;AAAA,IACL,OAAOH;AAAA,EAAA;AAGT,SAAIE,EAAK,WAAW,WAEhB,gBAAAU,EAACO,GAAA,EAAwB,GAAGF,GAC1B,UAAA,gBAAAL,EAACQ,GAAA,EAAa,GAAGf,GAAc,GAAGH,GAAM,OAAAH,GAAgC,EAAA,CAC1E,IAKF,gBAAAa,EAACO,GAAA,EAAwB,GAAGF,GAC1B,UAAA,gBAAAL;AAAA,IAACQ;AAAA,IAAA;AAAA,MACE,GAAGf;AAAA,MACJ,gBAAgBgB;AAAA,MAChB,OAAAtB;AAAA,MACC,GAAGG;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}

package/build/esm/components/DeprecatedDatePicker/components/Icons/Icons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icons.js","sources":["../../../../../../src/components/DeprecatedDatePicker/components/Icons/Icons.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport ArrowRight from '../../../Icon/components/ArrowRight';\nimport CalendarEvent from '../../../Icon/components/CalendarEvent';\nimport CaretLeft from '../../../Icon/components/CaretLeft';\nimport CaretRight from '../../../Icon/components/CaretRight';\nimport ChevronLeft from '../../../Icon/components/ChevronLeft';\nimport ChevronRight from '../../../Icon/components/ChevronRight';\nimport Cross from '../../../Icon/components/Cross';\n\nexport const NextIcon = (): ReactElement => <ChevronRight width={20} aria-label=\"Next\" />;\nexport const SuperNextIcon = (): ReactElement => <CaretRight width={20} aria-label=\"Next\" />;\n\nexport const PrevIcon = (): ReactElement => <ChevronLeft width={20} aria-label=\"Previous\" />;\nexport const SuperPrevIcon = (): ReactElement => <CaretLeft width={20} aria-label=\"Previous\" />;\n\nexport const SuffixIcon = (): ReactElement => <CalendarEvent width={20} aria-label=\"Month\" />;\n\nexport const ClearIcon = (): ReactElement => <Cross width={20} tabIndex={0} aria-label=\"Clear\" />;\n\nexport const Separator = (): ReactElement => <ArrowRight width={16} aria-label=\"Separator\" />;\n"],"names":["NextIcon","jsx","ChevronRight","SuperNextIcon","CaretRight","PrevIcon","ChevronLeft","SuperPrevIcon","CaretLeft","SuffixIcon","CalendarEvent","ClearIcon","Cross"],"mappings":";;;;;;;AAUO,MAAMA,IAAW,MAAoB,gBAAAC,EAACC,KAAa,OAAO,IAAI,cAAW,OAAA,CAAO,GAC1EC,IAAgB,MAAoB,gBAAAF,EAACG,KAAW,OAAO,IAAI,cAAW,OAAA,CAAO,GAE7EC,IAAW,MAAoB,gBAAAJ,EAACK,KAAY,OAAO,IAAI,cAAW,WAAA,CAAW,GAC7EC,IAAgB,MAAoB,gBAAAN,EAACO,KAAU,OAAO,IAAI,cAAW,WAAA,CAAW,GAEhFC,IAAa,MAAoB,gBAAAR,EAACS,KAAc,OAAO,IAAI,cAAW,QAAA,CAAQ,GAE9EC,IAAY,MAAoB,gBAAAV,EAACW,GAAA,EAAM,OAAO,IAAI,UAAU,GAAG,cAAW,QAAA,CAAQ;"}
1	+ {"version":3,"file":"Icons.js","sources":["../../../../../../src/components/DeprecatedDatePicker/components/Icons/Icons.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\r\n\r\nimport ArrowRight from '../../../Icon/components/ArrowRight';\r\nimport CalendarEvent from '../../../Icon/components/CalendarEvent';\r\nimport CaretLeft from '../../../Icon/components/CaretLeft';\r\nimport CaretRight from '../../../Icon/components/CaretRight';\r\nimport ChevronLeft from '../../../Icon/components/ChevronLeft';\r\nimport ChevronRight from '../../../Icon/components/ChevronRight';\r\nimport Cross from '../../../Icon/components/Cross';\r\n\r\nexport const NextIcon = (): ReactElement => <ChevronRight width={20} aria-label=\"Next\" />;\r\nexport const SuperNextIcon = (): ReactElement => <CaretRight width={20} aria-label=\"Next\" />;\r\n\r\nexport const PrevIcon = (): ReactElement => <ChevronLeft width={20} aria-label=\"Previous\" />;\r\nexport const SuperPrevIcon = (): ReactElement => <CaretLeft width={20} aria-label=\"Previous\" />;\r\n\r\nexport const SuffixIcon = (): ReactElement => <CalendarEvent width={20} aria-label=\"Month\" />;\r\n\r\nexport const ClearIcon = (): ReactElement => <Cross width={20} tabIndex={0} aria-label=\"Clear\" />;\r\n\r\nexport const Separator = (): ReactElement => <ArrowRight width={16} aria-label=\"Separator\" />;\r\n"],"names":["NextIcon","jsx","ChevronRight","SuperNextIcon","CaretRight","PrevIcon","ChevronLeft","SuperPrevIcon","CaretLeft","SuffixIcon","CalendarEvent","ClearIcon","Cross"],"mappings":";;;;;;;AAUO,MAAMA,IAAW,MAAoB,gBAAAC,EAACC,KAAa,OAAO,IAAI,cAAW,OAAA,CAAO,GAC1EC,IAAgB,MAAoB,gBAAAF,EAACG,KAAW,OAAO,IAAI,cAAW,OAAA,CAAO,GAE7EC,IAAW,MAAoB,gBAAAJ,EAACK,KAAY,OAAO,IAAI,cAAW,WAAA,CAAW,GAC7EC,IAAgB,MAAoB,gBAAAN,EAACO,KAAU,OAAO,IAAI,cAAW,WAAA,CAAW,GAEhFC,IAAa,MAAoB,gBAAAR,EAACS,KAAc,OAAO,IAAI,cAAW,QAAA,CAAQ,GAE9EC,IAAY,MAAoB,gBAAAV,EAACW,GAAA,EAAM,OAAO,IAAI,UAAU,GAAG,cAAW,QAAA,CAAQ;"}

package/build/esm/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RangeDatePicker.js","sources":["../../../../../../src/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.tsx"],"sourcesContent":["import { FocusEventHandler, type ReactElement, useRef } from 'react';\n\nimport classNames from 'classnames';\nimport { RangePicker, RangePickerProps } from 'rc-picker';\nimport dayJsGenerateConfig from 'rc-picker/es/generate/dayjs';\nimport enGB from 'rc-picker/es/locale/en_GB';\nimport { Sizes, DATE_PICKER_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\nimport { DatePickerConsts, DatePickerTypes } from 'acinguiux-ds-react-base/components/DatePicker';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { GenerateConfig } from 'rc-picker/es/generate';\nimport { RangePickerRef } from 'rc-picker/es/interface';\n\nimport * as Styled from '../../DatePicker.styles';\nimport { NextIcon, PrevIcon, SuperNextIcon, SuperPrevIcon } from '../Icons/Icons';\nimport type { IRangePickerProps } from './RangeDatePicker.types';\nimport * as TextAreaStyled from '../../../TextArea/TextArea.styles';\nimport { ArrowRight, CalendarEvent, Cross } from '../../../Icon/components';\nimport { Affix } from '../../../TextInput/components/Affix';\nimport { useFocusRingOnKeyboard } from '../../../../hooks/useFocusRingOnKeyboard';\n\nconst { ariaLabel } = DatePickerConsts;\n\n/*\n @deprecated This component is deprecated. There are no new replacements for it yet. It will be coming in a future release.\n * This component is a wrapper around the `rc-picker` RangePicker component, but is not accessible via screen reader.\n * Prefer using a combination of 2 `NativeDatePicker` when accessibility is required.\n */\nconst RangeDatePicker = <T extends object>({\n className,\n size = Sizes.Medium,\n invalid = false,\n disabled = false,\n elevation = true,\n allowClear = true,\n prefix,\n suffix,\n background,\n popupAlign,\n onMouseDownCapture,\n onFocus,\n onBlur,\n onClick,\n ...rest\n}: IRangePickerProps<T>): ReactElement => {\n const container = useRef<HTMLDivElement>(null);\n\n const { focusKind, handleOnClick, handleOnFocus, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\n onFocus: onFocus as FocusEventHandler<HTMLElement>,\n onBlur: onBlur as FocusEventHandler<HTMLElement>,\n onClick,\n onMouseDownCapture,\n });\n\n const pickerProps: RangePickerProps<T> = {\n popupAlign: {\n ...popupAlign,\n offset: [0, elevation ? 20 : 0],\n },\n generateConfig: (rest.config === 'custom' ? rest.generateConfig : dayJsGenerateConfig) as GenerateConfig<T>,\n disabled,\n onFocus: handleOnFocus,\n onClick: handleOnClick,\n prefixCls: DATE_PICKER_CLASS,\n getPopupContainer: () => container.current as HTMLElement,\n separator: <ArrowRight />,\n showToday: false,\n nextIcon: <NextIcon />,\n superNextIcon: <SuperNextIcon />,\n prevIcon: <PrevIcon />,\n superPrevIcon: <SuperPrevIcon />,\n ...(prefix\n ? {\n prefix: (\n <Affix\n affix={{ transparent: !background, node: <CalendarEvent /> }}\n size={size}\n disabled={Array.isArray(disabled) ? disabled.some(Boolean) : disabled}\n type=\"prefix\"\n invalid={invalid}\n />\n ),\n }\n : {}),\n ...(suffix\n ? {\n suffixIcon: (\n <Affix\n affix={{ transparent: !background, node: <CalendarEvent /> }}\n size={size}\n disabled={Array.isArray(disabled) ? disabled.some(Boolean) : disabled}\n type=\"suffix\"\n invalid={invalid}\n />\n ),\n }\n : {}),\n allowClear: allowClear\n ? {\n clearIcon: (\n <TextAreaStyled.ClearButtonContainer $size={size}>\n <TextAreaStyled.ClearButton\n size={size === Sizes.XSmall ? size : (getSmallerSize(size) as DatePickerTypes.Size)}\n variant={Variants.Transparent}\n icon={<Cross />}\n iconOnly={true}\n />\n </TextAreaStyled.ClearButtonContainer>\n ),\n }\n : false,\n locale: enGB,\n format: 'DD MMM YYYY',\n 'aria-label': ariaLabel,\n };\n\n const datePickerWrapperProps = {\n className: classNames(DATE_PICKER_CLASS, className),\n onMouseDown: handleOnMouseDownCapture,\n onClick: handleOnClick,\n onBlur: handleOnBlur,\n $prefixCls: DATE_PICKER_CLASS,\n ref: container,\n $size: size,\n $invalid: invalid,\n $elevation: elevation,\n };\n\n return (\n <Styled.DatePickerWrapper {...datePickerWrapperProps}>\n <RangePicker<T> {...pickerProps} {...(rest as React.RefAttributes<RangePickerRef>)} data-focused={focusKind} />\n </Styled.DatePickerWrapper>\n );\n};\n\nexport default RangeDatePicker;\n"],"names":["ariaLabel","DatePickerConsts","RangeDatePicker","className","size","Sizes","invalid","disabled","elevation","allowClear","prefix","suffix","background","popupAlign","onMouseDownCapture","onFocus","onBlur","onClick","rest","container","useRef","focusKind","handleOnClick","handleOnFocus","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","pickerProps","dayJsGenerateConfig","DATE_PICKER_CLASS","ArrowRight","NextIcon","SuperNextIcon","PrevIcon","SuperPrevIcon","jsx","Affix","CalendarEvent","TextAreaStyled.ClearButtonContainer","TextAreaStyled.ClearButton","getSmallerSize","Variants","Cross","enGB","datePickerWrapperProps","classNames","Styled.DatePickerWrapper","RangePicker"],"mappings":"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"}
1	+ {"version":3,"file":"RangeDatePicker.js","sources":["../../../../../../src/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.tsx"],"sourcesContent":["import { FocusEventHandler, type ReactElement, useRef } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { RangePicker, RangePickerProps } from 'rc-picker';\r\nimport dayJsGenerateConfig from 'rc-picker/es/generate/dayjs';\r\nimport enGB from 'rc-picker/es/locale/en_GB';\r\nimport { Sizes, DATE_PICKER_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\r\nimport { DatePickerConsts, DatePickerTypes } from 'acinguiux-ds-react-base/components/DatePicker';\r\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport { GenerateConfig } from 'rc-picker/es/generate';\r\nimport { RangePickerRef } from 'rc-picker/es/interface';\r\n\r\nimport * as Styled from '../../DatePicker.styles';\r\nimport { NextIcon, PrevIcon, SuperNextIcon, SuperPrevIcon } from '../Icons/Icons';\r\nimport type { IRangePickerProps } from './RangeDatePicker.types';\r\nimport * as TextAreaStyled from '../../../TextArea/TextArea.styles';\r\nimport { ArrowRight, CalendarEvent, Cross } from '../../../Icon/components';\r\nimport { Affix } from '../../../TextInput/components/Affix';\r\nimport { useFocusRingOnKeyboard } from '../../../../hooks/useFocusRingOnKeyboard';\r\n\r\nconst { ariaLabel } = DatePickerConsts;\r\n\r\n/*\r\n @deprecated This component is deprecated. There are no new replacements for it yet. It will be coming in a future release.\r\n * This component is a wrapper around the `rc-picker` RangePicker component, but is not accessible via screen reader.\r\n * Prefer using a combination of 2 `NativeDatePicker` when accessibility is required.\r\n */\r\nconst RangeDatePicker = <T extends object>({\r\n className,\r\n size = Sizes.Medium,\r\n invalid = false,\r\n disabled = false,\r\n elevation = true,\r\n allowClear = true,\r\n prefix,\r\n suffix,\r\n background,\r\n popupAlign,\r\n onMouseDownCapture,\r\n onFocus,\r\n onBlur,\r\n onClick,\r\n ...rest\r\n}: IRangePickerProps<T>): ReactElement => {\r\n const container = useRef<HTMLDivElement>(null);\r\n\r\n const { focusKind, handleOnClick, handleOnFocus, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\r\n onFocus: onFocus as FocusEventHandler<HTMLElement>,\r\n onBlur: onBlur as FocusEventHandler<HTMLElement>,\r\n onClick,\r\n onMouseDownCapture,\r\n });\r\n\r\n const pickerProps: RangePickerProps<T> = {\r\n popupAlign: {\r\n ...popupAlign,\r\n offset: [0, elevation ? 20 : 0],\r\n },\r\n generateConfig: (rest.config === 'custom' ? rest.generateConfig : dayJsGenerateConfig) as GenerateConfig<T>,\r\n disabled,\r\n onFocus: handleOnFocus,\r\n onClick: handleOnClick,\r\n prefixCls: DATE_PICKER_CLASS,\r\n getPopupContainer: () => container.current as HTMLElement,\r\n separator: <ArrowRight />,\r\n showToday: false,\r\n nextIcon: <NextIcon />,\r\n superNextIcon: <SuperNextIcon />,\r\n prevIcon: <PrevIcon />,\r\n superPrevIcon: <SuperPrevIcon />,\r\n ...(prefix\r\n ? {\r\n prefix: (\r\n <Affix\r\n affix={{ transparent: !background, node: <CalendarEvent /> }}\r\n size={size}\r\n disabled={Array.isArray(disabled) ? disabled.some(Boolean) : disabled}\r\n type=\"prefix\"\r\n invalid={invalid}\r\n />\r\n ),\r\n }\r\n : {}),\r\n ...(suffix\r\n ? {\r\n suffixIcon: (\r\n <Affix\r\n affix={{ transparent: !background, node: <CalendarEvent /> }}\r\n size={size}\r\n disabled={Array.isArray(disabled) ? disabled.some(Boolean) : disabled}\r\n type=\"suffix\"\r\n invalid={invalid}\r\n />\r\n ),\r\n }\r\n : {}),\r\n allowClear: allowClear\r\n ? {\r\n clearIcon: (\r\n <TextAreaStyled.ClearButtonContainer $size={size}>\r\n <TextAreaStyled.ClearButton\r\n size={size === Sizes.XSmall ? size : (getSmallerSize(size) as DatePickerTypes.Size)}\r\n variant={Variants.Transparent}\r\n icon={<Cross />}\r\n iconOnly={true}\r\n />\r\n </TextAreaStyled.ClearButtonContainer>\r\n ),\r\n }\r\n : false,\r\n locale: enGB,\r\n format: 'DD MMM YYYY',\r\n 'aria-label': ariaLabel,\r\n };\r\n\r\n const datePickerWrapperProps = {\r\n className: classNames(DATE_PICKER_CLASS, className),\r\n onMouseDown: handleOnMouseDownCapture,\r\n onClick: handleOnClick,\r\n onBlur: handleOnBlur,\r\n $prefixCls: DATE_PICKER_CLASS,\r\n ref: container,\r\n $size: size,\r\n $invalid: invalid,\r\n $elevation: elevation,\r\n };\r\n\r\n return (\r\n <Styled.DatePickerWrapper {...datePickerWrapperProps}>\r\n <RangePicker<T> {...pickerProps} {...(rest as React.RefAttributes<RangePickerRef>)} data-focused={focusKind} />\r\n </Styled.DatePickerWrapper>\r\n );\r\n};\r\n\r\nexport default RangeDatePicker;\r\n"],"names":["ariaLabel","DatePickerConsts","RangeDatePicker","className","size","Sizes","invalid","disabled","elevation","allowClear","prefix","suffix","background","popupAlign","onMouseDownCapture","onFocus","onBlur","onClick","rest","container","useRef","focusKind","handleOnClick","handleOnFocus","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","pickerProps","dayJsGenerateConfig","DATE_PICKER_CLASS","ArrowRight","NextIcon","SuperNextIcon","PrevIcon","SuperPrevIcon","jsx","Affix","CalendarEvent","TextAreaStyled.ClearButtonContainer","TextAreaStyled.ClearButton","getSmallerSize","Variants","Cross","enGB","datePickerWrapperProps","classNames","Styled.DatePickerWrapper","RangePicker"],"mappings":"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"}

package/build/esm/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SingleDatePicker.js","sources":["../../../../../../src/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.tsx"],"sourcesContent":["import { type ReactElement, useRef, type PropsWithChildren, FocusEventHandler } from 'react';\n\nimport classNames from 'classnames';\nimport { Picker } from 'rc-picker';\nimport dayJsGenerateConfig from 'rc-picker/es/generate/dayjs';\nimport enGB from 'rc-picker/es/locale/en_GB';\nimport { Sizes, DATE_PICKER_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\nimport { DatePickerConsts, DatePickerTypes } from 'acinguiux-ds-react-base/components/DatePicker';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport { Affix } from '../../../TextInput/components/Affix';\nimport * as Styled from '../../DatePicker.styles';\nimport { NextIcon, PrevIcon, SuperNextIcon, SuperPrevIcon } from '../Icons/Icons';\nimport type { ISingleDatePickerProps } from './SingleDatePicker.types';\nimport { useFocusRingOnKeyboard } from '../../../../hooks/useFocusRingOnKeyboard';\nimport * as TextAreaStyled from '../../../TextArea/TextArea.styles';\nimport { CalendarEvent, Cross } from '../../../Icon/components';\nimport Button from '../../../Button/Button';\n\nconst { ariaLabel } = DatePickerConsts;\n\nconst customOkbutton = (size: DatePickerTypes.Size) => ({\n button: ({ children, ...props }: PropsWithChildren<unknown>) => (\n <Button type=\"button\" size={size} {...props}>\n {children}\n </Button>\n ),\n});\n\n/*\n @deprecated This component is deprecated. There are no new replacements for it yet. It will be coming in a future release.\n * This component is a wrapper around the `rc-picker` Picker component, but is not accessible via screen reader.\n * Prefer using `NativeDatePicker` when accessibility is required.\n */\nconst SingleDatePicker = <T extends object>({\n className = '',\n size = `${Sizes.Medium}`,\n invalid = false,\n disabled = false,\n elevation = true,\n prefix = false,\n suffix = true,\n allowClear = true,\n background = true,\n popupAlign,\n onMouseDownCapture,\n onClick,\n onFocus,\n onBlur,\n ...rest\n}: ISingleDatePickerProps<T>): ReactElement => {\n const container = useRef<HTMLDivElement>(null);\n\n const { focusKind, handleOnClick, handleOnFocus, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\n onFocus: onFocus as FocusEventHandler<HTMLElement>,\n onBlur: onBlur as FocusEventHandler<HTMLElement>,\n onClick,\n onMouseDownCapture,\n });\n\n const pickerProps = {\n popupAlign: {\n ...popupAlign,\n offset: [0, elevation ? 20 : 0],\n },\n disabled,\n onFocus: handleOnFocus,\n onClick: handleOnClick,\n prefixCls: DATE_PICKER_CLASS,\n getPopupContainer: () => container.current as HTMLElement,\n showToday: true,\n nextIcon: <NextIcon />,\n superNextIcon: <SuperNextIcon />,\n prevIcon: <PrevIcon />,\n superPrevIcon: <SuperPrevIcon />,\n ...(prefix\n ? {\n prefix: (\n <Affix\n affix={{ transparent: !background, node: <CalendarEvent /> }}\n size={size}\n disabled={disabled}\n type=\"prefix\"\n invalid={invalid}\n />\n ),\n }\n : {}),\n ...(suffix\n ? {\n suffixIcon: (\n <Affix\n affix={{ transparent: !background, node: <CalendarEvent /> }}\n size={size}\n disabled={disabled}\n type=\"suffix\"\n invalid={invalid}\n />\n ),\n }\n : {}),\n allowClear: allowClear\n ? {\n clearIcon: (\n <TextAreaStyled.ClearButtonContainer $size={size}>\n <TextAreaStyled.ClearButton\n size={size === Sizes.XSmall ? size : (getSmallerSize(size) as DatePickerTypes.Size)}\n variant={Variants.Transparent}\n icon={<Cross />}\n iconOnly={true}\n />\n </TextAreaStyled.ClearButtonContainer>\n ),\n }\n : false,\n locale: enGB,\n format: 'DD MMM YYYY',\n 'aria-label': ariaLabel,\n components: customOkbutton(size),\n };\n\n const datePickerWrapperProps = {\n className: classNames(DATE_PICKER_CLASS, className),\n onMouseDown: handleOnMouseDownCapture,\n onClick: handleOnClick,\n onBlur: handleOnBlur,\n $prefixCls: DATE_PICKER_CLASS,\n ref: container,\n $size: size,\n $invalid: invalid,\n $elevation: elevation,\n };\n\n if (rest.config === 'custom') {\n return (\n <Styled.DatePickerWrapper {...datePickerWrapperProps}>\n <Picker data-focused={focusKind} {...pickerProps} {...rest} />\n </Styled.DatePickerWrapper>\n );\n }\n\n return (\n <Styled.DatePickerWrapper {...datePickerWrapperProps}>\n <Picker data-focused={focusKind} generateConfig={dayJsGenerateConfig} {...pickerProps} {...rest} />\n </Styled.DatePickerWrapper>\n );\n};\n\nexport default SingleDatePicker;\n"],"names":["ariaLabel","DatePickerConsts","customOkbutton","size","children","props","jsx","Button","SingleDatePicker","className","Sizes","invalid","disabled","elevation","prefix","suffix","allowClear","background","popupAlign","onMouseDownCapture","onClick","onFocus","onBlur","rest","container","useRef","focusKind","handleOnClick","handleOnFocus","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","pickerProps","DATE_PICKER_CLASS","NextIcon","SuperNextIcon","PrevIcon","SuperPrevIcon","Affix","CalendarEvent","TextAreaStyled.ClearButtonContainer","TextAreaStyled.ClearButton","getSmallerSize","Variants","Cross","enGB","datePickerWrapperProps","classNames","Styled.DatePickerWrapper","Picker","dayJsGenerateConfig"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,MAAM,EAAE,WAAAA,MAAcC,GAEhBC,IAAiB,CAACC,OAAgC;AAAA,EACtD,QAAQ,CAAC,EAAE,UAAAC,GAAU,GAAGC,EAAA,MACtB,gBAAAC,EAACC,GAAA,EAAO,MAAK,UAAS,MAAAJ,GAAa,GAAGE,GACnC,UAAAD,EAAA,CACH;AAEJ,IAOMI,KAAmB,CAAmB;AAAA,EAC1C,WAAAC,IAAY;AAAA,EACZ,MAAAN,IAAO,GAAGO,EAAM,MAAM;AAAA,EACtB,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,MAA+C;AAC7C,QAAMC,IAAYC,EAAuB,IAAI,GAEvC,EAAE,WAAAC,GAAW,eAAAC,GAAe,eAAAC,GAAe,0BAAAC,GAA0B,cAAAC,EAAA,IAAiBC,EAAuB;AAAA,IACjH,SAAAV;AAAA,IACA,QAAAC;AAAA,IACA,SAAAF;AAAA,IACA,oBAAAD;AAAA,EAAA,CACD,GAEKa,IAAc;AAAA,IAClB,YAAY;AAAA,MACV,GAAGd;AAAA,MACH,QAAQ,CAAC,GAAGL,IAAY,KAAK,CAAC;AAAA,IAAA;AAAA,IAEhC,UAAAD;AAAA,IACA,SAASgB;AAAA,IACT,SAASD;AAAA,IACT,WAAWM;AAAA,IACX,mBAAmB,MAAMT,EAAU;AAAA,IACnC,WAAW;AAAA,IACX,4BAAWU,GAAA,EAAS;AAAA,IACpB,iCAAgBC,GAAA,EAAc;AAAA,IAC9B,4BAAWC,GAAA,EAAS;AAAA,IACpB,iCAAgBC,GAAA,EAAc;AAAA,IAC9B,GAAIvB,IACA;AAAA,MACE,QACE,gBAAAR;AAAA,QAACgC;AAAA,QAAA;AAAA,UACC,OAAO,EAAE,aAAa,CAACrB,GAAY,MAAM,gBAAAX,EAACiC,KAAc,EAAA;AAAA,UACxD,MAAApC;AAAA,UACA,UAAAS;AAAA,UACA,MAAK;AAAA,UACL,SAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,IAGJ,CAAA;AAAA,IACJ,GAAII,IACA;AAAA,MACE,YACE,gBAAAT;AAAA,QAACgC;AAAA,QAAA;AAAA,UACC,OAAO,EAAE,aAAa,CAACrB,GAAY,MAAM,gBAAAX,EAACiC,KAAc,EAAA;AAAA,UACxD,MAAApC;AAAA,UACA,UAAAS;AAAA,UACA,MAAK;AAAA,UACL,SAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,IAGJ,CAAA;AAAA,IACJ,YAAYK,IACR;AAAA,MACE,WACE,gBAAAV,EAACkC,GAAA,EAAoC,OAAOrC,GAC1C,UAAA,gBAAAG;AAAA,QAACmC;AAAAA,QAAA;AAAA,UACC,MAAMtC,MAASO,EAAM,SAASP,IAAQuC,EAAevC,CAAI;AAAA,UACzD,SAASwC,EAAS;AAAA,UAClB,wBAAOC,GAAA,EAAM;AAAA,UACb,UAAU;AAAA,QAAA;AAAA,MAAA,EACZ,CACF;AAAA,IAAA,IAGJ;AAAA,IACJ,QAAQC;AAAA,IACR,QAAQ;AAAA,IACR,cAAc7C;AAAA,IACd,YAAYE,EAAeC,CAAI;AAAA,EAAA,GAG3B2C,IAAyB;AAAA,IAC7B,WAAWC,EAAWd,GAAmBxB,CAAS;AAAA,IAClD,aAAaoB;AAAA,IACb,SAASF;AAAA,IACT,QAAQG;AAAA,IACR,YAAYG;AAAA,IACZ,KAAKT;AAAA,IACL,OAAOrB;AAAA,IACP,UAAUQ;AAAA,IACV,YAAYE;AAAA,EAAA;AAGd,SAAIU,EAAK,WAAW,WAEhB,gBAAAjB,EAAC0C,GAAA,EAA0B,GAAGF,GAC5B,UAAA,gBAAAxC,EAAC2C,GAAA,EAAO,gBAAcvB,GAAY,GAAGM,GAAc,GAAGT,GAAM,EAAA,CAC9D,sBAKDyB,GAAA,EAA0B,GAAGF,GAC5B,UAAA,gBAAAxC,EAAC2C,GAAA,EAAO,gBAAcvB,GAAW,gBAAgBwB,GAAsB,GAAGlB,GAAc,GAAGT,GAAM,GACnG;AAEJ;"}
1	+ {"version":3,"file":"SingleDatePicker.js","sources":["../../../../../../src/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.tsx"],"sourcesContent":["import { type ReactElement, useRef, type PropsWithChildren, FocusEventHandler } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Picker } from 'rc-picker';\r\nimport dayJsGenerateConfig from 'rc-picker/es/generate/dayjs';\r\nimport enGB from 'rc-picker/es/locale/en_GB';\r\nimport { Sizes, DATE_PICKER_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\r\nimport { DatePickerConsts, DatePickerTypes } from 'acinguiux-ds-react-base/components/DatePicker';\r\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\n\r\nimport { Affix } from '../../../TextInput/components/Affix';\r\nimport * as Styled from '../../DatePicker.styles';\r\nimport { NextIcon, PrevIcon, SuperNextIcon, SuperPrevIcon } from '../Icons/Icons';\r\nimport type { ISingleDatePickerProps } from './SingleDatePicker.types';\r\nimport { useFocusRingOnKeyboard } from '../../../../hooks/useFocusRingOnKeyboard';\r\nimport * as TextAreaStyled from '../../../TextArea/TextArea.styles';\r\nimport { CalendarEvent, Cross } from '../../../Icon/components';\r\nimport Button from '../../../Button/Button';\r\n\r\nconst { ariaLabel } = DatePickerConsts;\r\n\r\nconst customOkbutton = (size: DatePickerTypes.Size) => ({\r\n button: ({ children, ...props }: PropsWithChildren<unknown>) => (\r\n <Button type=\"button\" size={size} {...props}>\r\n {children}\r\n </Button>\r\n ),\r\n});\r\n\r\n/*\r\n @deprecated This component is deprecated. There are no new replacements for it yet. It will be coming in a future release.\r\n * This component is a wrapper around the `rc-picker` Picker component, but is not accessible via screen reader.\r\n * Prefer using `NativeDatePicker` when accessibility is required.\r\n */\r\nconst SingleDatePicker = <T extends object>({\r\n className = '',\r\n size = `${Sizes.Medium}`,\r\n invalid = false,\r\n disabled = false,\r\n elevation = true,\r\n prefix = false,\r\n suffix = true,\r\n allowClear = true,\r\n background = true,\r\n popupAlign,\r\n onMouseDownCapture,\r\n onClick,\r\n onFocus,\r\n onBlur,\r\n ...rest\r\n}: ISingleDatePickerProps<T>): ReactElement => {\r\n const container = useRef<HTMLDivElement>(null);\r\n\r\n const { focusKind, handleOnClick, handleOnFocus, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\r\n onFocus: onFocus as FocusEventHandler<HTMLElement>,\r\n onBlur: onBlur as FocusEventHandler<HTMLElement>,\r\n onClick,\r\n onMouseDownCapture,\r\n });\r\n\r\n const pickerProps = {\r\n popupAlign: {\r\n ...popupAlign,\r\n offset: [0, elevation ? 20 : 0],\r\n },\r\n disabled,\r\n onFocus: handleOnFocus,\r\n onClick: handleOnClick,\r\n prefixCls: DATE_PICKER_CLASS,\r\n getPopupContainer: () => container.current as HTMLElement,\r\n showToday: true,\r\n nextIcon: <NextIcon />,\r\n superNextIcon: <SuperNextIcon />,\r\n prevIcon: <PrevIcon />,\r\n superPrevIcon: <SuperPrevIcon />,\r\n ...(prefix\r\n ? {\r\n prefix: (\r\n <Affix\r\n affix={{ transparent: !background, node: <CalendarEvent /> }}\r\n size={size}\r\n disabled={disabled}\r\n type=\"prefix\"\r\n invalid={invalid}\r\n />\r\n ),\r\n }\r\n : {}),\r\n ...(suffix\r\n ? {\r\n suffixIcon: (\r\n <Affix\r\n affix={{ transparent: !background, node: <CalendarEvent /> }}\r\n size={size}\r\n disabled={disabled}\r\n type=\"suffix\"\r\n invalid={invalid}\r\n />\r\n ),\r\n }\r\n : {}),\r\n allowClear: allowClear\r\n ? {\r\n clearIcon: (\r\n <TextAreaStyled.ClearButtonContainer $size={size}>\r\n <TextAreaStyled.ClearButton\r\n size={size === Sizes.XSmall ? size : (getSmallerSize(size) as DatePickerTypes.Size)}\r\n variant={Variants.Transparent}\r\n icon={<Cross />}\r\n iconOnly={true}\r\n />\r\n </TextAreaStyled.ClearButtonContainer>\r\n ),\r\n }\r\n : false,\r\n locale: enGB,\r\n format: 'DD MMM YYYY',\r\n 'aria-label': ariaLabel,\r\n components: customOkbutton(size),\r\n };\r\n\r\n const datePickerWrapperProps = {\r\n className: classNames(DATE_PICKER_CLASS, className),\r\n onMouseDown: handleOnMouseDownCapture,\r\n onClick: handleOnClick,\r\n onBlur: handleOnBlur,\r\n $prefixCls: DATE_PICKER_CLASS,\r\n ref: container,\r\n $size: size,\r\n $invalid: invalid,\r\n $elevation: elevation,\r\n };\r\n\r\n if (rest.config === 'custom') {\r\n return (\r\n <Styled.DatePickerWrapper {...datePickerWrapperProps}>\r\n <Picker data-focused={focusKind} {...pickerProps} {...rest} />\r\n </Styled.DatePickerWrapper>\r\n );\r\n }\r\n\r\n return (\r\n <Styled.DatePickerWrapper {...datePickerWrapperProps}>\r\n <Picker data-focused={focusKind} generateConfig={dayJsGenerateConfig} {...pickerProps} {...rest} />\r\n </Styled.DatePickerWrapper>\r\n );\r\n};\r\n\r\nexport default SingleDatePicker;\r\n"],"names":["ariaLabel","DatePickerConsts","customOkbutton","size","children","props","jsx","Button","SingleDatePicker","className","Sizes","invalid","disabled","elevation","prefix","suffix","allowClear","background","popupAlign","onMouseDownCapture","onClick","onFocus","onBlur","rest","container","useRef","focusKind","handleOnClick","handleOnFocus","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","pickerProps","DATE_PICKER_CLASS","NextIcon","SuperNextIcon","PrevIcon","SuperPrevIcon","Affix","CalendarEvent","TextAreaStyled.ClearButtonContainer","TextAreaStyled.ClearButton","getSmallerSize","Variants","Cross","enGB","datePickerWrapperProps","classNames","Styled.DatePickerWrapper","Picker","dayJsGenerateConfig"],"mappings":"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"}

package/build/esm/components/DeprecatedSelect/Select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.js","sources":["../../../../src/components/DeprecatedSelect/Select.tsx"],"sourcesContent":["import {\n forwardRef,\n MouseEvent as ReactMouseEvent,\n RefObject,\n useImperativeHandle,\n useRef,\n type ReactElement,\n} from 'react';\n\nimport classNames from 'classnames';\nimport RCSelect, { type BaseSelectRef, type SelectProps } from 'rc-select';\nimport { Sizes, Positions, SELECT_ERROR_CLASS, SELECT_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\n\nimport { RemoveIcon, SelectedIcon } from './components/Icons/Icons';\nimport * as Styled from './Select.styles';\nimport type { ISelectProps } from './Select.types';\nimport * as TextAreaStyled from '../TextArea/TextArea.styles';\nimport Cross from '../Icon/components/Cross';\nimport { Affix } from '../TextInput/components/Affix';\nimport ChevronDown from '../Icon/components/ChevronDown';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\n\nconst RCSelectRef = forwardRef<BaseSelectRef, SelectProps>(({ className, ...rest }: SelectProps, ref) => (\n <RCSelect\n ref={ref}\n dropdownClassName={className}\n className={className}\n getPopupContainer={(element) => element}\n dropdownAlign={{ offset: [0, 4], ...rest.dropdownAlign }}\n {...rest}\n />\n));\n\nconst Select = forwardRef<BaseSelectRef, ISelectProps>(\n (\n {\n className,\n size = Sizes.Medium,\n mode = 'single',\n placeholder,\n invalid = false,\n showSearch = true,\n allowClear,\n placement,\n optionFilterProp = 'children',\n optionLabelProp = 'children',\n disabled,\n onFocus,\n onBlur,\n onClick,\n ...rest\n }: ISelectProps,\n ref,\n ): ReactElement => {\n const inputRef = useRef<BaseSelectRef>(null);\n const clearBtn = useRef<HTMLButtonElement>(null);\n\n useImperativeHandle(ref, () => inputRef.current!);\n\n const { focusKind, setFocusKind, handleOnClick, handleOnFocus, handleOnBlur, handleOnMouseDownCapture } =\n useFocusRingOnKeyboard({\n inputRef: inputRef as unknown as RefObject<HTMLInputElement>,\n onFocus,\n onBlur,\n onClick,\n });\n\n return (\n <Styled.Select\n as={RCSelectRef}\n ref={inputRef}\n onFocus={handleOnFocus}\n onBlur={handleOnBlur}\n onClick={handleOnClick}\n onMouseDownCapture={handleOnMouseDownCapture}\n className={classNames(invalid && SELECT_ERROR_CLASS, SELECT_CLASS, className)}\n prefixCls={SELECT_CLASS}\n aria-label=\"Select\"\n data-focused={focusKind}\n $size={size}\n mode={mode !== 'single' ? mode : undefined}\n placeholder={placeholder}\n showSearch={showSearch}\n suffixIcon={\n <Affix\n affix={{ transparent: true, node: <ChevronDown /> }}\n size={size}\n disabled={Array.isArray(disabled) ? disabled.some(Boolean) : disabled}\n type=\"suffix\"\n invalid={invalid}\n />\n }\n allowClear={\n allowClear\n ? {\n clearIcon: (\n <TextAreaStyled.ClearButtonContainer $size={size}>\n <TextAreaStyled.ClearButton\n ref={clearBtn}\n onFocus={() => setFocusKind('keyboard')}\n onMouseDown={(event) => {\n handleOnClick(event as unknown as ReactMouseEvent<HTMLDivElement, MouseEvent>);\n }}\n onClick={() => {\n clearBtn.current?.dispatchEvent(new Event('mousedown', { bubbles: true }));\n }}\n size={size === Sizes.XSmall ? size : (getSmallerSize(size) as SelectTypes.Size)}\n variant={Variants.Transparent}\n icon={<Cross />}\n iconOnly={true}\n />\n </TextAreaStyled.ClearButtonContainer>\n ),\n }\n : false\n }\n optionFilterProp={optionFilterProp}\n optionLabelProp={optionLabelProp}\n $invalid={invalid}\n $disabled={disabled}\n disabled={disabled}\n listHeight={250} // default max-height for Select\n {...rest}\n removeIcon={<RemoveIcon size={size} />}\n menuItemSelectedIcon={<SelectedIcon size={size} />}\n placement={placement === Positions.Top ? 'topLeft' : 'bottomLeft'}\n />\n );\n },\n);\n\nexport default Select;\n"],"names":["RCSelectRef","forwardRef","className","rest","ref","jsx","RCSelect","element","Select","size","Sizes","mode","placeholder","invalid","showSearch","allowClear","placement","optionFilterProp","optionLabelProp","disabled","onFocus","onBlur","onClick","inputRef","useRef","clearBtn","useImperativeHandle","focusKind","setFocusKind","handleOnClick","handleOnFocus","handleOnBlur","handleOnMouseDownCapture","useFocusRingOnKeyboard","Styled.Select","classNames","SELECT_ERROR_CLASS","SELECT_CLASS","Affix","ChevronDown","TextAreaStyled.ClearButtonContainer","TextAreaStyled.ClearButton","event","getSmallerSize","Variants","Cross","RemoveIcon","SelectedIcon","Positions"],"mappings":"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"}
1	+ {"version":3,"file":"Select.js","sources":["../../../../src/components/DeprecatedSelect/Select.tsx"],"sourcesContent":["import {\r\n forwardRef,\r\n MouseEvent as ReactMouseEvent,\r\n RefObject,\r\n useImperativeHandle,\r\n useRef,\r\n type ReactElement,\r\n} from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport RCSelect, { type BaseSelectRef, type SelectProps } from 'rc-select';\r\nimport { Sizes, Positions, SELECT_ERROR_CLASS, SELECT_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\r\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\r\n\r\nimport { RemoveIcon, SelectedIcon } from './components/Icons/Icons';\r\nimport * as Styled from './Select.styles';\r\nimport type { ISelectProps } from './Select.types';\r\nimport * as TextAreaStyled from '../TextArea/TextArea.styles';\r\nimport Cross from '../Icon/components/Cross';\r\nimport { Affix } from '../TextInput/components/Affix';\r\nimport ChevronDown from '../Icon/components/ChevronDown';\r\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\r\n\r\nconst RCSelectRef = forwardRef<BaseSelectRef, SelectProps>(({ className, ...rest }: SelectProps, ref) => (\r\n <RCSelect\r\n ref={ref}\r\n dropdownClassName={className}\r\n className={className}\r\n getPopupContainer={(element) => element}\r\n dropdownAlign={{ offset: [0, 4], ...rest.dropdownAlign }}\r\n {...rest}\r\n />\r\n));\r\n\r\nconst Select = forwardRef<BaseSelectRef, ISelectProps>(\r\n (\r\n {\r\n className,\r\n size = Sizes.Medium,\r\n mode = 'single',\r\n placeholder,\r\n invalid = false,\r\n showSearch = true,\r\n allowClear,\r\n placement,\r\n optionFilterProp = 'children',\r\n optionLabelProp = 'children',\r\n disabled,\r\n onFocus,\r\n onBlur,\r\n onClick,\r\n ...rest\r\n }: ISelectProps,\r\n ref,\r\n ): ReactElement => {\r\n const inputRef = useRef<BaseSelectRef>(null);\r\n const clearBtn = useRef<HTMLButtonElement>(null);\r\n\r\n useImperativeHandle(ref, () => inputRef.current!);\r\n\r\n const { focusKind, setFocusKind, handleOnClick, handleOnFocus, handleOnBlur, handleOnMouseDownCapture } =\r\n useFocusRingOnKeyboard({\r\n inputRef: inputRef as unknown as RefObject<HTMLInputElement>,\r\n onFocus,\r\n onBlur,\r\n onClick,\r\n });\r\n\r\n return (\r\n <Styled.Select\r\n as={RCSelectRef}\r\n ref={inputRef}\r\n onFocus={handleOnFocus}\r\n onBlur={handleOnBlur}\r\n onClick={handleOnClick}\r\n onMouseDownCapture={handleOnMouseDownCapture}\r\n className={classNames(invalid && SELECT_ERROR_CLASS, SELECT_CLASS, className)}\r\n prefixCls={SELECT_CLASS}\r\n aria-label=\"Select\"\r\n data-focused={focusKind}\r\n $size={size}\r\n mode={mode !== 'single' ? mode : undefined}\r\n placeholder={placeholder}\r\n showSearch={showSearch}\r\n suffixIcon={\r\n <Affix\r\n affix={{ transparent: true, node: <ChevronDown /> }}\r\n size={size}\r\n disabled={Array.isArray(disabled) ? disabled.some(Boolean) : disabled}\r\n type=\"suffix\"\r\n invalid={invalid}\r\n />\r\n }\r\n allowClear={\r\n allowClear\r\n ? {\r\n clearIcon: (\r\n <TextAreaStyled.ClearButtonContainer $size={size}>\r\n <TextAreaStyled.ClearButton\r\n ref={clearBtn}\r\n onFocus={() => setFocusKind('keyboard')}\r\n onMouseDown={(event) => {\r\n handleOnClick(event as unknown as ReactMouseEvent<HTMLDivElement, MouseEvent>);\r\n }}\r\n onClick={() => {\r\n clearBtn.current?.dispatchEvent(new Event('mousedown', { bubbles: true }));\r\n }}\r\n size={size === Sizes.XSmall ? size : (getSmallerSize(size) as SelectTypes.Size)}\r\n variant={Variants.Transparent}\r\n icon={<Cross />}\r\n iconOnly={true}\r\n />\r\n </TextAreaStyled.ClearButtonContainer>\r\n ),\r\n }\r\n : false\r\n }\r\n optionFilterProp={optionFilterProp}\r\n optionLabelProp={optionLabelProp}\r\n $invalid={invalid}\r\n $disabled={disabled}\r\n disabled={disabled}\r\n listHeight={250} // default max-height for Select\r\n {...rest}\r\n removeIcon={<RemoveIcon size={size} />}\r\n menuItemSelectedIcon={<SelectedIcon size={size} />}\r\n placement={placement === Positions.Top ? 'topLeft' : 'bottomLeft'}\r\n />\r\n );\r\n },\r\n);\r\n\r\nexport default Select;\r\n"],"names":["RCSelectRef","forwardRef","className","rest","ref","jsx","RCSelect","element","Select","size","Sizes","mode","placeholder","invalid","showSearch","allowClear","placement","optionFilterProp","optionLabelProp","disabled","onFocus","onBlur","onClick","inputRef","useRef","clearBtn","useImperativeHandle","focusKind","setFocusKind","handleOnClick","handleOnFocus","handleOnBlur","handleOnMouseDownCapture","useFocusRingOnKeyboard","Styled.Select","classNames","SELECT_ERROR_CLASS","SELECT_CLASS","Affix","ChevronDown","TextAreaStyled.ClearButtonContainer","TextAreaStyled.ClearButton","event","getSmallerSize","Variants","Cross","RemoveIcon","SelectedIcon","Positions"],"mappings":"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"}