npm - acinguiux-ds-react-framework - Versions diffs - 0.1.16 → 0.1.19 - Mend

acinguiux-ds-react-framework 0.1.16 → 0.1.19

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

package/build/cjs/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\n useEffect(() => {\n setSelectedDate(value);\n }, [value]);\n\n // Hold the input value in state\n const [inputValue, setInputValue] = useState<string>('');\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","useEffect","inputValue","setInputValue","isPickerOpen","setIsPickerOpen","availableMonths","getAvailableMonths","availableYears","getAvailableYears","togglePicker","useCallback","prev","handleOnPickerOpenChange","isOpen","_a","handleDayPickerSelect","date","formatDate","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';\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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"}

package/build/cjs/components/DatePicker/utils/range.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=i=>i==="to"?"end":"start",l=(i,o,s)=>s==="from"?i?.from&&(o?.from===i.from&&!i.to\|\|o?.to!==i.to\|\|!o?.from&&i?.to&&o?.to)?{shouldClose:!0,newOrigin:"to"}:{shouldClose:!1,newOrigin:"to"}:s==="to"?i?.from&&(o?.to!==i.to\|\|!o?.from&&i?.to&&o?.to)?{shouldClose:!0,newOrigin:"from"}:{shouldClose:!1,newOrigin:"from"}:!o?.from&&!o?.to\|\|o?.to?{shouldClose:!1,newOrigin:"from"}:o?.from&&!o?.to?{shouldClose:!1,newOrigin:"to"}:{shouldClose:!0,newOrigin:void 0};exports.getNextOriginState=l;exports.originToBound=f;
2	+ //# sourceMappingURL=range.js.map

package/build/cjs/components/DatePicker/utils/range.js.map ADDED Viewed

@@ -0,0 +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":"4GAIO,MAAMA,EAAiBC,GAAqCA,IAAW,KAAO,MAAQ,QAEhFC,EAAqB,CAChCC,EACAC,EACAC,IAEIA,IAAkB,OAElBF,GAAS,OACPC,GAAa,OAASD,EAAQ,MAAQ,CAACA,EAAQ,IAC/CC,GAAa,KAAOD,EAAQ,IAC3B,CAACC,GAAa,MAAQD,GAAS,IAAMC,GAAa,IAE9C,CAAE,YAAa,GAAM,UAAW,IAAA,EAGlC,CAAE,YAAa,GAAO,UAAW,IAAA,EAGtCC,IAAkB,KAChBF,GAAS,OAASC,GAAa,KAAOD,EAAQ,IAAO,CAACC,GAAa,MAAQD,GAAS,IAAMC,GAAa,IAClG,CAAE,YAAa,GAAM,UAAW,MAAA,EAGlC,CAAE,YAAa,GAAO,UAAW,MAAA,EAIrC,CAACA,GAAa,MAAQ,CAACA,GAAa,IAAOA,GAAa,GACpD,CAAE,YAAa,GAAO,UAAW,MAAA,EAEtCA,GAAa,MAAQ,CAACA,GAAa,GAC9B,CAAE,YAAa,GAAO,UAAW,IAAA,EAGnC,CAAE,YAAa,GAAM,UAAW,MAAA"}

package/build/cjs/components/Divider/Divider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const u=require("react/jsx-runtime"),m=require("react"),d=require("classnames"),q=require("../../react-base/src/consts/classes.js"),D=require("../../react-base/src/components/Divider/Divider.utils.js"),$=require("./Divider.styles.js"),l=m.forwardRef(({className:s,...e},i)=>{const{size:r,direction:t,contrast:n,sentiment:c,sentimentProminence:o,shape:a}=D.useProps(e);return u.jsx($.Divider,{ref:i,className:d(q.DIVIDER_CLASS,s),...e,$size:r,$direction:t,$sentiment:c,$sentimentProminence:o,$contrast:n,$shape:a})});module.exports=l;
+"use strict";const m=require("react/jsx-runtime"),d=require("react"),p=require("classnames"),q=require("../../react-base/src/consts/classes.js"),D=require("../../react-base/src/components/Divider/Divider.utils.js"),$=require("./Divider.styles.js"),l=d.forwardRef(({className:e,...s},r)=>{const{size:t,direction:i,contrast:n,sentiment:c,sentimentProminence:o,shape:a,...u}=D.useProps(s);return m.jsx($.Divider,{ref:r,className:p(q.DIVIDER_CLASS,e),...u,$size:t,$direction:i,$sentiment:c,$sentimentProminence:o,$contrast:n,$shape:a})});module.exports=l;
 //# sourceMappingURL=Divider.js.map

package/build/cjs/components/Divider/Divider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { DIVIDER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { DividerUtils } from 'acinguiux-ds-react-base/components/Divider';\n\nimport * as Styled from './Divider.styles';\nimport type { IDividerProps } from './Divider.types';\n\nconst Divider = forwardRef<HTMLHRElement, IDividerProps>(({ className, ...rest }, ref) => {\n const { size, direction, contrast, sentiment, sentimentProminence, shape } = DividerUtils.useProps(rest);\n\n return (\n <Styled.Divider\n ref={ref}\n className={classNames(DIVIDER_CLASS, className)}\n {...~~rest~~}\n $size={size}\n $direction={direction}\n $sentiment={sentiment}\n $sentimentProminence={sentimentProminence}\n $contrast={contrast}\n $shape={shape}\n />\n );\n});\n\nexport default Divider;\n"],"names":["Divider","forwardRef","className","rest","ref","size","direction","contrast","sentiment","sentimentProminence","shape","DividerUtils.useProps","jsx","Styled.Divider","classNames","DIVIDER_CLASS"],"mappings":"wPASMA,EAAUC,EAAAA,WAAyC,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAAQC,IAAQ,CACxF,KAAM,CAAE,KAAAC,EAAM,UAAAC,EAAW,SAAAC,EAAU,UAAAC,EAAW,oBAAAC,EAAqB,MAAAC,~~CAAA~~,~~EAAUC~~,EAAAA,~~SAAsBR~~,CAAI,~~EAEvG~~,~~OACES~~,EAAAA,IAACC,EAAAA,QAAA,CACC,~~IAAAT~~,EACA,~~UAAWU~~,EAAWC,EAAAA,~~cAAeb~~,CAAS,EAC7C,~~GAAGC~~,EACJ,~~MAAOE~~,EACP,WAAYC,EACZ,WAAYE,EACZ,qBAAsBC,EACtB,UAAWF,EACX,OAAQG,CAAA,CAAA,CAGd,CAAC"}
1	+ {"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { DIVIDER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { DividerUtils } from 'acinguiux-ds-react-base/components/Divider';\n\nimport * as Styled from './Divider.styles';\nimport type { IDividerProps } from './Divider.types';\n\nconst Divider = forwardRef<HTMLHRElement, IDividerProps>(({ className, ...rest }, ref) => {\n const { size, direction, contrast, sentiment, sentimentProminence, shape, ...props } = DividerUtils.useProps(rest);\n\n return (\n <Styled.Divider\n ref={ref}\n className={classNames(DIVIDER_CLASS, className)}\n {...props}\n $size={size}\n $direction={direction}\n $sentiment={sentiment}\n $sentimentProminence={sentimentProminence}\n $contrast={contrast}\n $shape={shape}\n />\n );\n});\n\nexport default Divider;\n"],"names":["Divider","forwardRef","className","rest","ref","size","direction","contrast","sentiment","sentimentProminence","shape","props","DividerUtils.useProps","jsx","Styled.Divider","classNames","DIVIDER_CLASS"],"mappings":"wPASMA,EAAUC,EAAAA,WAAyC,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAAQC,IAAQ,CACxF,KAAM,CAAE,KAAAC,EAAM,UAAAC,EAAW,SAAAC,EAAU,UAAAC,EAAW,oBAAAC,EAAqB,MAAAC,EAAO,GAAGC,GAAUC,EAAAA,SAAsBT,CAAI,EAEjH,OACEU,EAAAA,IAACC,EAAAA,QAAA,CACC,IAAAV,EACA,UAAWW,EAAWC,EAAAA,cAAed,CAAS,EAC7C,GAAGS,EACJ,MAAON,EACP,WAAYC,EACZ,WAAYE,EACZ,qBAAsBC,EACtB,UAAWF,EACX,OAAQG,CAAA,CAAA,CAGd,CAAC"}

package/build/cjs/components/Divider/Divider.styles.js CHANGED Viewed

@@ -1,19 +1,19 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),s=require("../../react-base/src/consts/index.js"),$=require("../../react-base/src/components/Divider/Divider.utils.js"),b=e.styled.hr`
-  ${({$size:o,$direction:r,$contrast:n,$sentiment:d,$sentimentProminence:c,$shape:u,theme:l})=>{const{borderRadius:a,borderWidth:h,color:i,width:t}=$.useStyles({size:o,contrast:n,sentimentProminence:c,sentiment:d,shape:u,theme:l});return e.css`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),s=require("../../react-base/src/consts/index.js"),p=require("../../react-base/src/components/Divider/Divider.utils.js"),$=e.styled.hr`
+  ${({$size:o,$direction:t,$contrast:n,$sentiment:d,$sentimentProminence:c,$shape:u,theme:l})=>{const{borderRadius:a,borderWidth:h,color:i,width:r}=p.useStyles({size:o,contrast:n,sentimentProminence:c,sentiment:d,shape:u,theme:l});return e.css`
       margin: 0;
       border-radius: ${a}px;
       border: ${h}px solid ${i};
-      background-color: ${i};
+      background-color: ${r===1?i:"transparent"};
-      ${r===s.Directions.Horizontal&&e.css`
+      ${t===s.Directions.Horizontal&&e.css`
         width: 100%;
-        height: ${t}px;
+        height: ${r}px;
       `}
-      ${r===s.Directions.Vertical&&e.css`
+      ${t===s.Directions.Vertical&&e.css`
         height: 100%;
-        width: ${t}px;
+        width: ${r}px;
       `}
     `}}
-`;exports.Divider=b;
+`;exports.Divider=$;
 //# sourceMappingURL=Divider.styles.js.map

package/build/cjs/components/Divider/Divider.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Divider.styles.js","sources":["../../../../src/components/Divider/Divider.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Directions } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { DividerUtils } from 'acinguiux-ds-react-base/components/Divider';\n\nimport type { IDividerProps } from './Divider.types';\n\nexport const Divider = styled.hr<\n Required<PickTransient<IDividerProps, 'size' \| 'contrast' \| 'shape'>> &\n PickTransient<IDividerProps, 'direction' \| 'sentiment' \| 'sentimentProminence'>\n>`\n ${({ $size, $direction, $contrast, $sentiment, $sentimentProminence, $shape, theme }) => {\n const { borderRadius, borderWidth, color, width } = DividerUtils.useStyles({\n size: $size,\n contrast: $contrast,\n sentimentProminence: $sentimentProminence,\n sentiment: $sentiment,\n shape: $shape,\n theme,\n });\n\n return css`\n margin: 0;\n border-radius: ${borderRadius}px;\n border: ${borderWidth}px solid ${color};\n background-color: ${color};\n\n ${$direction === Directions.Horizontal &&\n css`\n width: 100%;\n height: ${width}px;\n `}\n\n ${$direction === Directions.Vertical &&\n css`\n height: 100%;\n width: ${width}px;\n `}\n `;\n }}\n`;\n"],"names":["Divider","styled","$size","$direction","$contrast","$sentiment","$sentimentProminence","$shape","theme","borderRadius","borderWidth","color","width","DividerUtils.useStyles","css","Directions"],"mappings":"yQAOaA,EAAUC,EAAAA,OAAO;AAAA,IAI1B,CAAC,CAAE,MAAAC,EAAO,WAAAC,EAAY,UAAAC,EAAW,WAAAC,EAAY,qBAAAC,EAAsB,OAAAC,EAAQ,MAAAC,KAAY,CACvF,KAAM,CAAE,aAAAC,EAAc,YAAAC,EAAa,MAAAC,EAAO,MAAAC,CAAA,EAAUC,EAAAA,UAAuB,CACzE,KAAMX,EACN,SAAUE,EACV,oBAAqBE,EACrB,UAAWD,EACX,MAAOE,EACP,MAAAC,CAAA,CACD,EAED,OAAOM,EAAAA;AAAAA;AAAAA,uBAEYL,CAAY;AAAA,gBACnBC,CAAW,YAAYC,CAAK;AAAA,~~0BAClBA~~,~~CAAK~~;AAAA;AAAA,~~QAEvBR~~,IAAeY,aAAW,YAC5BD,EAAAA;AAAAA;AAAAA,kBAEYF,CAAK;AAAA,OAChB;AAAA;AAAA,QAECT,IAAeY,aAAW,UAC5BD,EAAAA;AAAAA;AAAAA,iBAEWF,CAAK;AAAA,OACf;AAAA,KAEL,CAAC;AAAA"}
1	+ {"version":3,"file":"Divider.styles.js","sources":["../../../../src/components/Divider/Divider.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Directions } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { DividerUtils } from 'acinguiux-ds-react-base/components/Divider';\n\nimport type { IDividerProps } from './Divider.types';\n\nexport const Divider = styled.hr<\n Required<PickTransient<IDividerProps, 'size' \| 'contrast' \| 'shape'>> &\n PickTransient<IDividerProps, 'direction' \| 'sentiment' \| 'sentimentProminence'>\n>`\n ${({ $size, $direction, $contrast, $sentiment, $sentimentProminence, $shape, theme }) => {\n const { borderRadius, borderWidth, color, width } = DividerUtils.useStyles({\n size: $size,\n contrast: $contrast,\n sentimentProminence: $sentimentProminence,\n sentiment: $sentiment,\n shape: $shape,\n theme,\n });\n\n return css`\n margin: 0;\n border-radius: ${borderRadius}px;\n border: ${borderWidth}px solid ${color};\n background-color: ${width === 1 ? color : 'transparent'};\n\n ${$direction === Directions.Horizontal &&\n css`\n width: 100%;\n height: ${width}px;\n `}\n\n ${$direction === Directions.Vertical &&\n css`\n height: 100%;\n width: ${width}px;\n `}\n `;\n }}\n`;\n"],"names":["Divider","styled","$size","$direction","$contrast","$sentiment","$sentimentProminence","$shape","theme","borderRadius","borderWidth","color","width","DividerUtils.useStyles","css","Directions"],"mappings":"yQAOaA,EAAUC,EAAAA,OAAO;AAAA,IAI1B,CAAC,CAAE,MAAAC,EAAO,WAAAC,EAAY,UAAAC,EAAW,WAAAC,EAAY,qBAAAC,EAAsB,OAAAC,EAAQ,MAAAC,KAAY,CACvF,KAAM,CAAE,aAAAC,EAAc,YAAAC,EAAa,MAAAC,EAAO,MAAAC,CAAA,EAAUC,EAAAA,UAAuB,CACzE,KAAMX,EACN,SAAUE,EACV,oBAAqBE,EACrB,UAAWD,EACX,MAAOE,EACP,MAAAC,CAAA,CACD,EAED,OAAOM,EAAAA;AAAAA;AAAAA,uBAEYL,CAAY;AAAA,gBACnBC,CAAW,YAAYC,CAAK;AAAA,0BAClBC,IAAU,EAAID,EAAQ,aAAa;AAAA;AAAA,QAErDR,IAAeY,aAAW,YAC5BD,EAAAA;AAAAA;AAAAA,kBAEYF,CAAK;AAAA,OAChB;AAAA;AAAA,QAECT,IAAeY,aAAW,UAC5BD,EAAAA;AAAAA;AAAAA,iBAEWF,CAAK;AAAA,OACf;AAAA,KAEL,CAAC;AAAA"}

package/build/cjs/components/Drawer/Drawer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),m=require("react"),A=require("classnames"),E=require("rc-drawer"),n=require("../../react-base/src/consts/index.js"),q=require("../Button/Button.js"),H=require("../Icon/components/ChevronLeft.js"),M=require("../Icon/components/Cross.js"),s=require("./Drawer.styles.js"),D=require("./Drawer.consts.js"),b=require("../_internalComponents/ActionBar/ActionBar.js"),F=require("../_internalComponents/InfoBar/InfoBar.js"),L=require("../../react-base/src/consts/classes.js"),N=({className:o,rootClassName:c,...r})=>e.jsx(E,{rootClassName:A(c,o),...r}),S=({children:o,className:c,size:r=n.Sizes.Medium,header:i,actionsAlignment:w=n.Alignments.Right,actionsDirection:h=n.Directions.Horizontal,sticky:$=!1,elevation:u,onClose:l,closeButton:C=!0,backButton:B=!1,padding:v=!0,bgColor:f=!1,headerBorder:x=!0,footerBorder:j=!0,actions:d,getContainer:R,maskMotion:g=D.defaultMaskMotion,motion:k=D.defaultMotion,open:a=!1,...y})=>{const t=m.useRef(null);return m.useLayoutEffect(()=>{a&&document.activeElement&&!t.current&&(t.current=document.activeElement),!a&&t.current&&(t.current.focus(),t.current=null)},[a,t]),e.jsxs(s.Drawer,{as:N,className:`${c} this-new-class-name`,prefixCls:L.DRAWER_CLASS,onClose:l,getContainer:R,motion:k,maskMotion:g,$bgColor:f,$sticky:$,$elevation:u,autoFocus:!0,open:a,...y,children:[!!i&&e.jsxs(s.DrawerHeader,{$size:r,$headerBorder:x,$elevation:u,children:[B?e.jsx(q,{icon:e.jsx(H,{}),iconOnly:!0,variant:n.Variants.Transparent,size:r,onClick:l,"aria-label":"Back"}):null,e.jsx(s.DrawerHeaderContent,{children:e.jsx(F,{size:r,direction:n.Directions.Vertical,...i})}),C?e.jsx(q,{icon:e.jsx(M,{}),iconOnly:!0,variant:n.Variants.Transparent,size:r,onClick:l,"aria-label":"Close"}):null]}),e.jsx(s.DrawerContent,{$sticky:$,$size:r,$padding:v,$headerBorder:x,$footerBorder:j,$bgColor:f,$hasHeader:!!i,$hasFooter:!!d,children:o}),!!d&&e.jsx(s.DrawerFooter,{$size:r,$footerBorder:j,$elevation:u,children:e.jsx(b,{size:r,actions:d,alignment:w,direction:h})})]})};module.exports=S;
+"use strict";const e=require("react/jsx-runtime"),m=require("react"),E=require("classnames"),H=require("rc-drawer"),n=require("../../react-base/src/consts/index.js"),q=require("../Button/Button.js"),M=require("../Icon/components/ChevronLeft.js"),b=require("../Icon/components/Cross.js"),s=require("./Drawer.styles.js"),D=require("./Drawer.consts.js"),F=require("../_internalComponents/ActionBar/ActionBar.js"),L=require("../_internalComponents/InfoBar/InfoBar.js"),N=require("../../react-base/src/consts/classes.js"),S=({className:o,rootClassName:c,...r})=>e.jsx(H,{rootClassName:E(c,o),...r}),V=({children:o,className:c,size:r=n.Sizes.Medium,header:i,actionsAlignment:w=n.Alignments.Right,actionsDirection:h=n.Directions.Horizontal,sticky:$=!1,zIndex:C,elevation:u,onClose:l,closeButton:B=!0,backButton:v=!1,padding:R=!0,bgColor:x=!1,headerBorder:f=!0,footerBorder:j=!0,actions:d,getContainer:g,maskMotion:k=D.defaultMaskMotion,motion:y=D.defaultMotion,open:a=!1,...A})=>{const t=m.useRef(null);return m.useLayoutEffect(()=>{a&&document.activeElement&&!t.current&&(t.current=document.activeElement),!a&&t.current&&(t.current.focus(),t.current=null)},[a,t]),e.jsxs(s.Drawer,{as:S,className:`${c} this-new-class-name`,prefixCls:N.DRAWER_CLASS,onClose:l,getContainer:g,motion:y,maskMotion:k,$bgColor:x,$sticky:$,$elevation:u,$zIndex:C,autoFocus:!0,open:a,...A,children:[!!i&&e.jsxs(s.DrawerHeader,{$size:r,$headerBorder:f,$elevation:u,children:[v?e.jsx(q,{icon:e.jsx(M,{}),iconOnly:!0,variant:n.Variants.Transparent,size:r,onClick:l,"aria-label":"Back"}):null,e.jsx(s.DrawerHeaderContent,{children:e.jsx(L,{size:r,direction:n.Directions.Vertical,...i})}),B?e.jsx(q,{icon:e.jsx(b,{}),iconOnly:!0,variant:n.Variants.Transparent,size:r,onClick:l,"aria-label":"Close"}):null]}),e.jsx(s.DrawerContent,{$sticky:$,$size:r,$padding:R,$headerBorder:f,$footerBorder:j,$bgColor:x,$hasHeader:!!i,$hasFooter:!!d,children:o}),!!d&&e.jsx(s.DrawerFooter,{$size:r,$footerBorder:j,$elevation:u,children:e.jsx(F,{size:r,actions:d,alignment:w,direction:h})})]})};module.exports=V;
 //# sourceMappingURL=Drawer.js.map

package/build/cjs/components/Drawer/Drawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Drawer.js","sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import { type ReactElement, useRef, useLayoutEffect } from 'react';\n\nimport classNames from 'classnames';\nimport RcDrawer, { type DrawerProps } from 'rc-drawer';\nimport { Sizes, Alignments, Directions, DRAWER_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\n\nimport Button from '../Button/Button';\nimport ChevronLeft from '../Icon/components/ChevronLeft';\nimport CrossIcon from '../Icon/components/Cross';\nimport * as Styled from './Drawer.styles';\nimport { defaultMotion, defaultMaskMotion } from './Drawer.consts';\nimport type { IDrawerProps } from './Drawer.types';\nimport ActionBar from '../_internalComponents/ActionBar/ActionBar';\nimport InfoBar from '../_internalComponents/InfoBar/InfoBar';\n\nconst DrawerHoc = ({ className, rootClassName, ...props }: DrawerProps): ReactElement => (\n <RcDrawer rootClassName={classNames(rootClassName, className)} {...props} />\n);\n\nconst Drawer = ({\n children,\n className,\n size = Sizes.Medium,\n header,\n actionsAlignment = Alignments.Right,\n actionsDirection = Directions.Horizontal,\n sticky = false,\n elevation,\n onClose,\n closeButton = true,\n backButton = false,\n padding = true,\n bgColor = false,\n headerBorder = true,\n footerBorder = true,\n actions,\n getContainer,\n maskMotion = defaultMaskMotion,\n motion = defaultMotion,\n open = false,\n ...rest\n}: IDrawerProps): ReactElement => {\n const cachedActiveElement = useRef<HTMLElement \| null>(null);\n\n useLayoutEffect(() => {\n if (open && document.activeElement && !cachedActiveElement.current) {\n cachedActiveElement.current = document.activeElement as HTMLElement;\n }\n\n if (!open && cachedActiveElement.current) {\n cachedActiveElement.current.focus();\n cachedActiveElement.current = null;\n }\n }, [open, cachedActiveElement]);\n\n return (\n <Styled.Drawer\n as={DrawerHoc}\n className={`${className} this-new-class-name`}\n prefixCls={DRAWER_CLASS}\n onClose={onClose}\n getContainer={getContainer}\n motion={motion}\n maskMotion={maskMotion}\n $bgColor={bgColor}\n $sticky={sticky}\n $elevation={elevation}\n autoFocus={true}\n open={open}\n {...rest}\n >\n {!!header && (\n <Styled.DrawerHeader $size={size} $headerBorder={headerBorder} $elevation={elevation}>\n {backButton ? (\n <Button\n icon={<ChevronLeft />}\n iconOnly={true}\n variant={Variants.Transparent}\n size={size}\n onClick={onClose}\n aria-label=\"Back\"\n />\n ) : null}\n <Styled.DrawerHeaderContent>\n <InfoBar size={size} direction={Directions.Vertical} {...header} />\n </Styled.DrawerHeaderContent>\n {closeButton ? (\n <Button\n icon={<CrossIcon />}\n iconOnly={true}\n variant={Variants.Transparent}\n size={size}\n onClick={onClose}\n aria-label=\"Close\"\n />\n ) : null}\n </Styled.DrawerHeader>\n )}\n\n <Styled.DrawerContent\n $sticky={sticky}\n $size={size}\n $padding={padding}\n $headerBorder={headerBorder}\n $footerBorder={footerBorder}\n $bgColor={bgColor}\n $hasHeader={Boolean(header)}\n $hasFooter={Boolean(actions)}\n >\n {children}\n </Styled.DrawerContent>\n\n {!!actions && (\n <Styled.DrawerFooter $size={size} $footerBorder={footerBorder} $elevation={elevation}>\n <ActionBar size={size} actions={actions} alignment={actionsAlignment} direction={actionsDirection} />\n </Styled.DrawerFooter>\n )}\n </Styled.Drawer>\n );\n};\n\nexport default Drawer;\n"],"names":["DrawerHoc","className","rootClassName","props","jsx","RcDrawer","classNames","Drawer","children","size","Sizes","header","actionsAlignment","Alignments","actionsDirection","Directions","sticky","elevation","onClose","closeButton","backButton","padding","bgColor","headerBorder","footerBorder","actions","getContainer","maskMotion","defaultMaskMotion","motion","defaultMotion","open","rest","cachedActiveElement","useRef","useLayoutEffect","jsxs","Styled.Drawer","DRAWER_CLASS","Styled.DrawerHeader","Button","ChevronLeft","Variants","Styled.DrawerHeaderContent","InfoBar","CrossIcon","Styled.DrawerContent","Styled.DrawerFooter","ActionBar"],"mappings":"qgBAeMA,EAAY,CAAC,CAAE,UAAAC,EAAW,cAAAC,EAAe,GAAGC,CAAA,IAChDC,EAAAA,IAACC,EAAA,CAAS,cAAeC,EAAWJ,EAAeD,CAAS,EAAI,GAAGE,EAAO,EAGtEI,EAAS,CAAC,CACd,SAAAC,EACA,UAAAP,EACA,KAAAQ,EAAOC,EAAAA,MAAM,OACb,OAAAC,EACA,iBAAAC,EAAmBC,EAAAA,WAAW,MAC9B,iBAAAC,EAAmBC,EAAAA,WAAW,WAC9B,OAAAC,EAAS,GACT,UAAAC,EACA,QAAAC,EACA,YAAAC,EAAc,GACd,WAAAC,EAAa,GACb,QAAAC,EAAU,GACV,QAAAC,EAAU,GACV,aAAAC,EAAe,GACf,aAAAC,EAAe,GACf,QAAAC,EACA,aAAAC,EACA,WAAAC,EAAaC,EAAAA,kBACb,OAAAC,EAASC,EAAAA,cACT,KAAAC,EAAO,GACP,GAAGC,CACL,IAAkC,CAChC,MAAMC,EAAsBC,EAAAA,OAA2B,IAAI,EAE3DC,OAAAA,EAAAA,gBAAgB,IAAM,CAChBJ,GAAQ,SAAS,eAAiB,CAACE,EAAoB,UACzDA,EAAoB,QAAU,SAAS,eAGrC,CAACF,GAAQE,EAAoB,UAC/BA,EAAoB,QAAQ,MAAA,EAC5BA,EAAoB,QAAU,KAElC,EAAG,CAACF,EAAME,CAAmB,CAAC,EAG5BG,EAAAA,KAACC,EAAAA,OAAA,CACC,~~GAAIrC~~,EACJ,UAAW,GAAGC,CAAS,uBACvB,~~UAAWqC~~,EAAAA,aACX,QAAApB,EACA,aAAAQ,EACA,OAAAG,EACA,WAAAF,EACA,SAAUL,EACV,~~QAASN~~,EACT,~~WAAYC~~,EACZ,UAAW,GACX,~~KAAAc~~,EACC,GAAGC,EAEH,SAAA,CAAA,CAAC,~~CAACrB~~,~~GACDyB~~,OAACG,EAAAA,aAAA,CAAoB,~~MAAO9B~~,EAAM,~~cAAec~~,EAAc,WAAYN,EACxE,SAAA,CAAAG,~~EACChB~~,EAAAA,~~IAACoC~~,EAAA,CACC,WAAOC,EAAA,EAAY,EACnB,SAAU,GACV,QAASC,EAAAA,SAAS,YAClB,~~KAAAjC~~,EACA,~~QAASS~~,EACT,aAAW,MAAA,CAAA,EAEX,~~KACJd~~,EAAAA,~~IAACuC~~,EAAAA,oBAAA,CACC,~~SAAAvC~~,EAAAA,~~IAACwC~~,EAAA,CAAQ,~~KAAAnC~~,EAAY,UAAWM,EAAAA,WAAW,SAAW,GAAGJ,CAAA,CAAQ,CAAA,CACnE,~~EACCQ~~,~~EACCf~~,EAAAA,~~IAACoC~~,EAAA,CACC,WAAOK,EAAA,EAAU,EACjB,SAAU,GACV,QAASH,EAAAA,SAAS,YAClB,~~KAAAjC~~,EACA,~~QAASS~~,EACT,aAAW,OAAA,CAAA,EAEX,IAAA,EACN,~~EAGFd~~,EAAAA,~~IAAC0C~~,EAAAA,cAAA,CACC,~~QAAS9B~~,EACT,MAAOP,EACP,~~SAAUY~~,EACV,cAAeE,EACf,cAAeC,EACf,SAAUF,EACV,WAAY,~~EAAQX~~,EACpB,WAAY,~~EAAQc~~,EAEnB,~~SAAAjB~~,CAAA,CAAA,EAGF,CAAC,~~CAACiB~~,~~GACDrB~~,EAAAA,~~IAAC2C~~,eAAA,CAAoB,~~MAAOtC~~,EAAM,~~cAAee~~,EAAc,WAAYP,EACzE,eAAC+B,EAAA,CAAU,~~KAAAvC~~,EAAY,~~QAAAgB~~,EAAkB,~~UAAWb~~,EAAkB,UAAWE,CAAA,CAAkB,CAAA,CACrG,CAAA,CAAA,CAAA,CAIR"}
1	+ {"version":3,"file":"Drawer.js","sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import { type ReactElement, useRef, useLayoutEffect } from 'react';\n\nimport classNames from 'classnames';\nimport RcDrawer, { type DrawerProps } from 'rc-drawer';\nimport { Sizes, Alignments, Directions, DRAWER_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\n\nimport Button from '../Button/Button';\nimport ChevronLeft from '../Icon/components/ChevronLeft';\nimport CrossIcon from '../Icon/components/Cross';\nimport * as Styled from './Drawer.styles';\nimport { defaultMotion, defaultMaskMotion } from './Drawer.consts';\nimport type { IDrawerProps } from './Drawer.types';\nimport ActionBar from '../_internalComponents/ActionBar/ActionBar';\nimport InfoBar from '../_internalComponents/InfoBar/InfoBar';\n\nconst DrawerHoc = ({ className, rootClassName, ...props }: DrawerProps): ReactElement => (\n <RcDrawer rootClassName={classNames(rootClassName, className)} {...props} />\n);\n\nconst Drawer = ({\n children,\n className,\n size = Sizes.Medium,\n header,\n actionsAlignment = Alignments.Right,\n actionsDirection = Directions.Horizontal,\n sticky = false,\n zIndex,\n elevation,\n onClose,\n closeButton = true,\n backButton = false,\n padding = true,\n bgColor = false,\n headerBorder = true,\n footerBorder = true,\n actions,\n getContainer,\n maskMotion = defaultMaskMotion,\n motion = defaultMotion,\n open = false,\n ...rest\n}: IDrawerProps): ReactElement => {\n const cachedActiveElement = useRef<HTMLElement \| null>(null);\n\n useLayoutEffect(() => {\n if (open && document.activeElement && !cachedActiveElement.current) {\n cachedActiveElement.current = document.activeElement as HTMLElement;\n }\n\n if (!open && cachedActiveElement.current) {\n cachedActiveElement.current.focus();\n cachedActiveElement.current = null;\n }\n }, [open, cachedActiveElement]);\n\n return (\n <Styled.Drawer\n as={DrawerHoc}\n className={`${className} this-new-class-name`}\n prefixCls={DRAWER_CLASS}\n onClose={onClose}\n getContainer={getContainer}\n motion={motion}\n maskMotion={maskMotion}\n $bgColor={bgColor}\n $sticky={sticky}\n $elevation={elevation}\n $zIndex={zIndex}\n autoFocus={true}\n open={open}\n {...rest}\n >\n {!!header && (\n <Styled.DrawerHeader $size={size} $headerBorder={headerBorder} $elevation={elevation}>\n {backButton ? (\n <Button\n icon={<ChevronLeft />}\n iconOnly={true}\n variant={Variants.Transparent}\n size={size}\n onClick={onClose}\n aria-label=\"Back\"\n />\n ) : null}\n <Styled.DrawerHeaderContent>\n <InfoBar size={size} direction={Directions.Vertical} {...header} />\n </Styled.DrawerHeaderContent>\n {closeButton ? (\n <Button\n icon={<CrossIcon />}\n iconOnly={true}\n variant={Variants.Transparent}\n size={size}\n onClick={onClose}\n aria-label=\"Close\"\n />\n ) : null}\n </Styled.DrawerHeader>\n )}\n\n <Styled.DrawerContent\n $sticky={sticky}\n $size={size}\n $padding={padding}\n $headerBorder={headerBorder}\n $footerBorder={footerBorder}\n $bgColor={bgColor}\n $hasHeader={Boolean(header)}\n $hasFooter={Boolean(actions)}\n >\n {children}\n </Styled.DrawerContent>\n\n {!!actions && (\n <Styled.DrawerFooter $size={size} $footerBorder={footerBorder} $elevation={elevation}>\n <ActionBar size={size} actions={actions} alignment={actionsAlignment} direction={actionsDirection} />\n </Styled.DrawerFooter>\n )}\n </Styled.Drawer>\n );\n};\n\nexport default Drawer;\n"],"names":["DrawerHoc","className","rootClassName","props","jsx","RcDrawer","classNames","Drawer","children","size","Sizes","header","actionsAlignment","Alignments","actionsDirection","Directions","sticky","zIndex","elevation","onClose","closeButton","backButton","padding","bgColor","headerBorder","footerBorder","actions","getContainer","maskMotion","defaultMaskMotion","motion","defaultMotion","open","rest","cachedActiveElement","useRef","useLayoutEffect","jsxs","Styled.Drawer","DRAWER_CLASS","Styled.DrawerHeader","Button","ChevronLeft","Variants","Styled.DrawerHeaderContent","InfoBar","CrossIcon","Styled.DrawerContent","Styled.DrawerFooter","ActionBar"],"mappings":"qgBAeMA,EAAY,CAAC,CAAE,UAAAC,EAAW,cAAAC,EAAe,GAAGC,CAAA,IAChDC,EAAAA,IAACC,EAAA,CAAS,cAAeC,EAAWJ,EAAeD,CAAS,EAAI,GAAGE,EAAO,EAGtEI,EAAS,CAAC,CACd,SAAAC,EACA,UAAAP,EACA,KAAAQ,EAAOC,EAAAA,MAAM,OACb,OAAAC,EACA,iBAAAC,EAAmBC,EAAAA,WAAW,MAC9B,iBAAAC,EAAmBC,EAAAA,WAAW,WAC9B,OAAAC,EAAS,GACT,OAAAC,EACA,UAAAC,EACA,QAAAC,EACA,YAAAC,EAAc,GACd,WAAAC,EAAa,GACb,QAAAC,EAAU,GACV,QAAAC,EAAU,GACV,aAAAC,EAAe,GACf,aAAAC,EAAe,GACf,QAAAC,EACA,aAAAC,EACA,WAAAC,EAAaC,EAAAA,kBACb,OAAAC,EAASC,EAAAA,cACT,KAAAC,EAAO,GACP,GAAGC,CACL,IAAkC,CAChC,MAAMC,EAAsBC,EAAAA,OAA2B,IAAI,EAE3DC,OAAAA,EAAAA,gBAAgB,IAAM,CAChBJ,GAAQ,SAAS,eAAiB,CAACE,EAAoB,UACzDA,EAAoB,QAAU,SAAS,eAGrC,CAACF,GAAQE,EAAoB,UAC/BA,EAAoB,QAAQ,MAAA,EAC5BA,EAAoB,QAAU,KAElC,EAAG,CAACF,EAAME,CAAmB,CAAC,EAG5BG,EAAAA,KAACC,EAAAA,OAAA,CACC,GAAItC,EACJ,UAAW,GAAGC,CAAS,uBACvB,UAAWsC,EAAAA,aACX,QAAApB,EACA,aAAAQ,EACA,OAAAG,EACA,WAAAF,EACA,SAAUL,EACV,QAASP,EACT,WAAYE,EACZ,QAASD,EACT,UAAW,GACX,KAAAe,EACC,GAAGC,EAEH,SAAA,CAAA,CAAC,CAACtB,GACD0B,OAACG,EAAAA,aAAA,CAAoB,MAAO/B,EAAM,cAAee,EAAc,WAAYN,EACxE,SAAA,CAAAG,EACCjB,EAAAA,IAACqC,EAAA,CACC,WAAOC,EAAA,EAAY,EACnB,SAAU,GACV,QAASC,EAAAA,SAAS,YAClB,KAAAlC,EACA,QAASU,EACT,aAAW,MAAA,CAAA,EAEX,KACJf,EAAAA,IAACwC,EAAAA,oBAAA,CACC,SAAAxC,EAAAA,IAACyC,EAAA,CAAQ,KAAApC,EAAY,UAAWM,EAAAA,WAAW,SAAW,GAAGJ,CAAA,CAAQ,CAAA,CACnE,EACCS,EACChB,EAAAA,IAACqC,EAAA,CACC,WAAOK,EAAA,EAAU,EACjB,SAAU,GACV,QAASH,EAAAA,SAAS,YAClB,KAAAlC,EACA,QAASU,EACT,aAAW,OAAA,CAAA,EAEX,IAAA,EACN,EAGFf,EAAAA,IAAC2C,EAAAA,cAAA,CACC,QAAS/B,EACT,MAAOP,EACP,SAAUa,EACV,cAAeE,EACf,cAAeC,EACf,SAAUF,EACV,WAAY,EAAQZ,EACpB,WAAY,EAAQe,EAEnB,SAAAlB,CAAA,CAAA,EAGF,CAAC,CAACkB,GACDtB,EAAAA,IAAC4C,eAAA,CAAoB,MAAOvC,EAAM,cAAegB,EAAc,WAAYP,EACzE,eAAC+B,EAAA,CAAU,KAAAxC,EAAY,QAAAiB,EAAkB,UAAWd,EAAkB,UAAWE,CAAA,CAAkB,CAAA,CACrG,CAAA,CAAA,CAAA,CAIR"}

package/build/cjs/components/Drawer/Drawer.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("rc-drawer"),t=require("styled-components"),c=require("../../react-base/src/consts/index.js"),i=require("../../react-base/src/theme/types/layer.js"),r=require("../../react-base/src/components/Drawer/Drawer.consts.js"),p=(e=!1)=>e?"raised":"surface",d=t.css`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("rc-drawer"),t=require("styled-components"),p=require("../../react-base/src/consts/index.js"),l=require("../../react-base/src/theme/types/layer.js"),r=require("../../react-base/src/components/Drawer/Drawer.consts.js"),u=(e=!1)=>e?"raised":"surface",c=t.css`
   &-enter,
   &-appear,
   &-leave {
@@ -11,11 +11,11 @@
     }
   }
 `,b=t.styled($)`
-  ${({prefixCls:e,theme:a,$sticky:n,$bgColor:o,$elevation:l})=>{const s=a.layer({foundation:o?"base":p(l)});return t.css`
-      z-index: ${c.ZIndexes.DRAWER};
+  ${({prefixCls:e,theme:a,$sticky:n,$bgColor:s,$elevation:d,$zIndex:o})=>{const i=a.layer({foundation:s?"base":u(d)});return t.css`
+      z-index: ${o??p.ZIndexes.DRAWER};
       position: fixed;
       inset: 0;
-      color: ${s[i.Variables.TextOnFoundationStrong]};
+      color: ${i[l.Variables.TextOnFoundationStrong]};
       pointer-events: none;
       &.${e}-inline {
@@ -26,7 +26,7 @@
         &-mask {
           position: absolute;
           inset: 0;
-          z-index: ${c.ZIndexes.DRAWER};
+          z-index: ${o??p.ZIndexes.DRAWER};
           pointer-events: auto;
           background-color: ${a.globals("others").mask};
@@ -60,7 +60,7 @@
         &-content-wrapper {
           position: absolute;
-          z-index: ${c.ZIndexes.DRAWER};
+          z-index: ${o??p.ZIndexes.DRAWER};
           transition: transform 0.3s ease-out;
           &-hidden {
@@ -94,7 +94,7 @@
           &.panel-motion {
             /* Left */
             &-left {
-              ${d};
+              ${c};
               &-enter,
               &-appear {
                 &-start {
@@ -117,7 +117,7 @@
             /* Right */
             &-right {
-              ${d};
+              ${c};
               &-enter,
               &-appear {
                 &-start {
@@ -140,7 +140,7 @@
             /* Top */
             &-top {
-              ${d};
+              ${c};
               &-enter,
               &-appear {
                 &-start {
@@ -163,7 +163,7 @@
             /* Bottom */
             &-bottom {
-              ${d};
+              ${c};
               &-enter,
               &-appear {
                 &-start {
@@ -192,21 +192,21 @@
           height: 100%;
           width: 100%;
           pointer-events: auto;
-          background: ${s[i.Variables.BackgroundFoundation]};
+          background: ${i[l.Variables.BackgroundFoundation]};
           overflow: hidden;
           ${!n&&t.css`
             overflow-y: auto;
           `}
-          ${l&&t.css`
+          ${d&&t.css`
             filter: ${a.dropShadows.high1};
           `}
         }
       }
     `}}
 `,v=t.styled.div`
-  ${({$size:e,$padding:a,$sticky:n,$headerBorder:o,$footerBorder:l,$hasHeader:s,$hasFooter:u,$bgColor:m})=>t.css`
+  ${({$size:e,$padding:a,$sticky:n,$headerBorder:s,$footerBorder:d,$hasHeader:o,$hasFooter:i,$bgColor:m})=>t.css`
     display: flex;
     flex-direction: column;
@@ -218,28 +218,28 @@
       padding-inline: ${r.consts[e].padding};
     `}
-     ${(s&&(o||m)||!s)&&t.css`
+     ${(o&&(s||m)||!o)&&t.css`
       padding-block-start: ${r.consts[e].padding};
     `}
-        ${(u&&(l||m)||!u)&&t.css`
+        ${(i&&(d||m)||!i)&&t.css`
       padding-block-end: ${r.consts[e].padding};
     `}
   `}
 `,f=t.styled.div`
   ${({$size:e,$elevation:a,theme:n})=>t.css`
-    z-index: ${c.ZIndexes.ELEVATED};
+    z-index: ${p.ZIndexes.ELEVATED};
     display: flex;
     align-items: flex-start;
     min-height: auto;
     padding: ${r.consts[e].padding};
-    background: ${n.layer({foundation:p(a)})[i.Variables.BackgroundFoundation]};
+    background: ${n.layer({foundation:u(a)})[l.Variables.BackgroundFoundation]};
   `}
 `,g=t.styled.div`
   flex: 1 0 0;
   align-self: center;
 `,y=t.styled(f)`
-  ${({$headerBorder:e,$elevation:a,$size:n,theme:o})=>t.css`
+  ${({$headerBorder:e,$elevation:a,$size:n,theme:s})=>t.css`
     gap: 12px;
     & > button:first-child {
@@ -250,7 +250,7 @@
     ${e&&t.css`
       border-bottom: 1px solid
-        ${o.layer({foundation:p(a)})[i.Variables.BorderOnFoundationSubtle]};
+        ${s.layer({foundation:u(a)})[l.Variables.BorderOnFoundationSubtle]};
     `}
   `}
 `,w=t.styled(f)`
@@ -260,7 +260,7 @@
     ${e&&t.css`
       border-top: 1px solid
-        ${n.layer({foundation:p(a)})[i.Variables.BorderOnFoundationSubtle]};
+        ${n.layer({foundation:u(a)})[l.Variables.BorderOnFoundationSubtle]};
     `}
   `}
 `;exports.Drawer=b;exports.DrawerContent=v;exports.DrawerFooter=w;exports.DrawerHeader=y;exports.DrawerHeaderContent=g;

package/build/cjs/components/Drawer/Drawer.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Drawer.styles.js","sources":["../../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import RcDrawer from 'rc-drawer';\nimport { styled, css } from 'styled-components';\nimport { ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { DrawerConsts } from 'acinguiux-ds-react-base/components/Drawer';\n\nimport type { IDrawerProps } from './Drawer.types';\n\nconst raisedOnElevation = (elevation = false): 'raised' \| 'surface' => (elevation ? 'raised' : 'surface');\n\nconst panelMotion = css`\n &-enter,\n &-appear,\n &-leave {\n &-start {\n transition: none;\n }\n\n &-active {\n transition: all 0.3s ease-out;\n }\n }\n`;\n\nconst Drawer = styled(RcDrawer)<PickTransient<IDrawerProps, 'elevation' \| 'sticky' \| 'bgColor'>>`\n ${({ prefixCls, theme, $sticky, $bgColor, $elevation }) => {\n const layer = theme.layer({ foundation: $bgColor ? 'base' : raisedOnElevation($elevation) });\n\n return css`\n z-index: ${ZIndexes.DRAWER};\n position: fixed;\n inset: 0;\n color: ${layer[Variables.TextOnFoundationStrong]};\n pointer-events: none;\n\n &.${prefixCls}-inline {\n position: absolute;\n }\n\n .${prefixCls} {\n &-mask {\n position: absolute;\n inset: 0;\n z-index: ${ZIndexes.DRAWER};\n pointer-events: auto;\n background-color: ${theme.globals('others').mask};\n\n &.mask-motion {\n &-enter,\n &-appear,\n &-leave {\n &-active {\n transition: all 0.3s;\n }\n }\n\n &-enter,\n &-appear {\n opacity: 0;\n\n &-active {\n opacity: 1;\n }\n }\n\n &-leave {\n opacity: 1;\n\n &-active {\n opacity: 0;\n }\n }\n }\n }\n\n &-content-wrapper {\n position: absolute;\n z-index: ${ZIndexes.DRAWER};\n transition: transform 0.3s ease-out;\n\n &-hidden {\n display: none;\n }\n\n .${prefixCls}-left& {\n top: 0;\n bottom: 0;\n left: 0;\n }\n\n .${prefixCls}-right& {\n top: 0;\n right: 0;\n bottom: 0;\n }\n\n .${prefixCls}-top& {\n top: 0;\n right: 0;\n left: 0;\n }\n\n .${prefixCls}-bottom& {\n right: 0;\n bottom: 0;\n left: 0;\n }\n\n &.panel-motion {\n /* Left /\n &-left {\n ${panelMotion};\n &-enter,\n &-appear {\n &-start {\n transform: translateX(-100%) !important;\n }\n\n &-active {\n transform: translateX(0);\n }\n }\n\n &-leave {\n transform: translateX(0);\n\n &-active {\n transform: translateX(-100%);\n }\n }\n }\n\n / Right /\n &-right {\n ${panelMotion};\n &-enter,\n &-appear {\n &-start {\n transform: translateX(100%) !important;\n }\n\n &-active {\n transform: translateX(0);\n }\n }\n\n &-leave {\n transform: translateX(0);\n\n &-active {\n transform: translateX(100%);\n }\n }\n }\n\n / Top /\n &-top {\n ${panelMotion};\n &-enter,\n &-appear {\n &-start {\n transform: translateY(-100%) !important;\n }\n\n &-active {\n transform: translateY(0);\n }\n }\n\n &-leave {\n transform: translateY(0);\n\n &-active {\n transform: translateY(-100%);\n }\n }\n }\n\n / Bottom */\n &-bottom {\n ${panelMotion};\n &-enter,\n &-appear {\n &-start {\n transform: translateY(100%) !important;\n }\n\n &-active {\n transform: translateY(0);\n }\n }\n\n &-leave {\n transform: translateY(0);\n\n &-active {\n transform: translateY(100%);\n }\n }\n }\n }\n }\n\n &-content {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n pointer-events: auto;\n background: ${layer[Variables.BackgroundFoundation]};\n overflow: hidden;\n\n ${!$sticky &&\n css`\n overflow-y: auto;\n `}\n\n ${$elevation &&\n css`\n filter: ${theme.dropShadows.high1};\n `}\n }\n }\n `;\n }}\n`;\n\ntype DrawerContentPropKeys = 'size' \| 'padding' \| 'sticky' \| 'headerBorder' \| 'footerBorder' \| 'bgColor';\nconst DrawerContent = styled.div<\n Required<PickTransient<IDrawerProps, DrawerContentPropKeys>> & {\n $hasHeader: boolean;\n $hasFooter: boolean;\n }\n>`\n ${({ $size, $padding, $sticky, $headerBorder, $footerBorder, $hasHeader, $hasFooter, $bgColor }) => css`\n display: flex;\n flex-direction: column;\n\n ${$sticky &&\n css`\n overflow-y: auto;\n `}\n\n ${$padding &&\n css`\n padding-inline: ${DrawerConsts.consts[$size].padding};\n `}\n\n ${(($hasHeader && ($headerBorder \|\| $bgColor)) \|\| !$hasHeader) &&\n css`\n padding-block-start: ${DrawerConsts.consts[$size].padding};\n `}\n\n ${(($hasFooter && ($footerBorder \|\| $bgColor)) \|\| !$hasFooter) &&\n css`\n padding-block-end: ${DrawerConsts.consts[$size].padding};\n `}\n `}\n`;\n\nconst DrawerBar = styled.div<Required<PickTransient<IDrawerProps, 'size'>> & PickTransient<IDrawerProps, 'elevation'>>`\n ${({ $size, $elevation, theme }) => css`\n z-index: ${ZIndexes.ELEVATED};\n display: flex;\n align-items: flex-start;\n min-height: auto;\n padding: ${DrawerConsts.consts[$size].padding};\n background: ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BackgroundFoundation]};\n `}\n`;\n\nconst DrawerHeaderContent = styled.div`\n flex: 1 0 0;\n align-self: center;\n`;\n\nconst DrawerHeader = styled(DrawerBar)<PickTransient<IDrawerProps, 'headerBorder'>>`\n ${({ $headerBorder, $elevation, $size, theme }) => css`\n gap: 12px;\n\n & > button:first-child {\n min-width: ${DrawerConsts.consts[$size].backIconSize};\n width: ${DrawerConsts.consts[$size].backIconSize};\n max-width: ${DrawerConsts.consts[$size].backIconSize};\n }\n\n ${$headerBorder &&\n css`\n border-bottom: 1px solid\n ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BorderOnFoundationSubtle]};\n `}\n `}\n`;\n\nconst DrawerFooter = styled(DrawerBar)<PickTransient<IDrawerProps, 'footerBorder'>>`\n ${({ $footerBorder, $elevation, theme }) => css`\n width: 100%;\n margin-top: auto;\n\n ${$footerBorder &&\n css`\n border-top: 1px solid\n ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BorderOnFoundationSubtle]};\n `}\n `}\n`;\n\nexport { Drawer, DrawerContent, DrawerHeader, DrawerHeaderContent, DrawerFooter };\n"],"names":["raisedOnElevation","elevation","panelMotion","css","Drawer","styled","RcDrawer","prefixCls","theme","$sticky","$bgColor","$elevation","layer","ZIndexes","Variables","DrawerContent","$size","$padding","$headerBorder","$footerBorder","$hasHeader","$hasFooter","DrawerConsts.consts","DrawerBar","DrawerHeaderContent","DrawerHeader","DrawerFooter"],"mappings":"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"}
1	+ {"version":3,"file":"Drawer.styles.js","sources":["../../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import RcDrawer from 'rc-drawer';\nimport { styled, css } from 'styled-components';\nimport { ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { DrawerConsts } from 'acinguiux-ds-react-base/components/Drawer';\n\nimport type { IDrawerProps } from './Drawer.types';\n\nconst raisedOnElevation = (elevation = false): 'raised' \| 'surface' => (elevation ? 'raised' : 'surface');\n\nconst panelMotion = css`\n &-enter,\n &-appear,\n &-leave {\n &-start {\n transition: none;\n }\n\n &-active {\n transition: all 0.3s ease-out;\n }\n }\n`;\n\ntype StyledDrawerPropKeys = 'elevation' \| 'sticky' \| 'bgColor' \| 'zIndex';\nexport type IStyledDrawerProps = PickTransient<IDrawerProps, StyledDrawerPropKeys>;\n\nconst Drawer = styled(RcDrawer)<IStyledDrawerProps>`\n ${({ prefixCls, theme, $sticky, $bgColor, $elevation, $zIndex }) => {\n const layer = theme.layer({ foundation: $bgColor ? 'base' : raisedOnElevation($elevation) });\n\n return css`\n z-index: ${$zIndex ?? ZIndexes.DRAWER};\n position: fixed;\n inset: 0;\n color: ${layer[Variables.TextOnFoundationStrong]};\n pointer-events: none;\n\n &.${prefixCls}-inline {\n position: absolute;\n }\n\n .${prefixCls} {\n &-mask {\n position: absolute;\n inset: 0;\n z-index: ${$zIndex ?? ZIndexes.DRAWER};\n pointer-events: auto;\n background-color: ${theme.globals('others').mask};\n\n &.mask-motion {\n &-enter,\n &-appear,\n &-leave {\n &-active {\n transition: all 0.3s;\n }\n }\n\n &-enter,\n &-appear {\n opacity: 0;\n\n &-active {\n opacity: 1;\n }\n }\n\n &-leave {\n opacity: 1;\n\n &-active {\n opacity: 0;\n }\n }\n }\n }\n\n &-content-wrapper {\n position: absolute;\n z-index: ${$zIndex ?? ZIndexes.DRAWER};\n transition: transform 0.3s ease-out;\n\n &-hidden {\n display: none;\n }\n\n .${prefixCls}-left& {\n top: 0;\n bottom: 0;\n left: 0;\n }\n\n .${prefixCls}-right& {\n top: 0;\n right: 0;\n bottom: 0;\n }\n\n .${prefixCls}-top& {\n top: 0;\n right: 0;\n left: 0;\n }\n\n .${prefixCls}-bottom& {\n right: 0;\n bottom: 0;\n left: 0;\n }\n\n &.panel-motion {\n /* Left /\n &-left {\n ${panelMotion};\n &-enter,\n &-appear {\n &-start {\n transform: translateX(-100%) !important;\n }\n\n &-active {\n transform: translateX(0);\n }\n }\n\n &-leave {\n transform: translateX(0);\n\n &-active {\n transform: translateX(-100%);\n }\n }\n }\n\n / Right /\n &-right {\n ${panelMotion};\n &-enter,\n &-appear {\n &-start {\n transform: translateX(100%) !important;\n }\n\n &-active {\n transform: translateX(0);\n }\n }\n\n &-leave {\n transform: translateX(0);\n\n &-active {\n transform: translateX(100%);\n }\n }\n }\n\n / Top /\n &-top {\n ${panelMotion};\n &-enter,\n &-appear {\n &-start {\n transform: translateY(-100%) !important;\n }\n\n &-active {\n transform: translateY(0);\n }\n }\n\n &-leave {\n transform: translateY(0);\n\n &-active {\n transform: translateY(-100%);\n }\n }\n }\n\n / Bottom */\n &-bottom {\n ${panelMotion};\n &-enter,\n &-appear {\n &-start {\n transform: translateY(100%) !important;\n }\n\n &-active {\n transform: translateY(0);\n }\n }\n\n &-leave {\n transform: translateY(0);\n\n &-active {\n transform: translateY(100%);\n }\n }\n }\n }\n }\n\n &-content {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n pointer-events: auto;\n background: ${layer[Variables.BackgroundFoundation]};\n overflow: hidden;\n\n ${!$sticky &&\n css`\n overflow-y: auto;\n `}\n\n ${$elevation &&\n css`\n filter: ${theme.dropShadows.high1};\n `}\n }\n }\n `;\n }}\n`;\n\ntype DrawerContentPropKeys = 'size' \| 'padding' \| 'sticky' \| 'headerBorder' \| 'footerBorder' \| 'bgColor';\nconst DrawerContent = styled.div<\n Required<PickTransient<IDrawerProps, DrawerContentPropKeys>> & {\n $hasHeader: boolean;\n $hasFooter: boolean;\n }\n>`\n ${({ $size, $padding, $sticky, $headerBorder, $footerBorder, $hasHeader, $hasFooter, $bgColor }) => css`\n display: flex;\n flex-direction: column;\n\n ${$sticky &&\n css`\n overflow-y: auto;\n `}\n\n ${$padding &&\n css`\n padding-inline: ${DrawerConsts.consts[$size].padding};\n `}\n\n ${(($hasHeader && ($headerBorder \|\| $bgColor)) \|\| !$hasHeader) &&\n css`\n padding-block-start: ${DrawerConsts.consts[$size].padding};\n `}\n\n ${(($hasFooter && ($footerBorder \|\| $bgColor)) \|\| !$hasFooter) &&\n css`\n padding-block-end: ${DrawerConsts.consts[$size].padding};\n `}\n `}\n`;\n\nconst DrawerBar = styled.div<Required<PickTransient<IDrawerProps, 'size'>> & PickTransient<IDrawerProps, 'elevation'>>`\n ${({ $size, $elevation, theme }) => css`\n z-index: ${ZIndexes.ELEVATED};\n display: flex;\n align-items: flex-start;\n min-height: auto;\n padding: ${DrawerConsts.consts[$size].padding};\n background: ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BackgroundFoundation]};\n `}\n`;\n\nconst DrawerHeaderContent = styled.div`\n flex: 1 0 0;\n align-self: center;\n`;\n\nconst DrawerHeader = styled(DrawerBar)<PickTransient<IDrawerProps, 'headerBorder'>>`\n ${({ $headerBorder, $elevation, $size, theme }) => css`\n gap: 12px;\n\n & > button:first-child {\n min-width: ${DrawerConsts.consts[$size].backIconSize};\n width: ${DrawerConsts.consts[$size].backIconSize};\n max-width: ${DrawerConsts.consts[$size].backIconSize};\n }\n\n ${$headerBorder &&\n css`\n border-bottom: 1px solid\n ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BorderOnFoundationSubtle]};\n `}\n `}\n`;\n\nconst DrawerFooter = styled(DrawerBar)<PickTransient<IDrawerProps, 'footerBorder'>>`\n ${({ $footerBorder, $elevation, theme }) => css`\n width: 100%;\n margin-top: auto;\n\n ${$footerBorder &&\n css`\n border-top: 1px solid\n ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BorderOnFoundationSubtle]};\n `}\n `}\n`;\n\nexport { Drawer, DrawerContent, DrawerHeader, DrawerHeaderContent, DrawerFooter };\n"],"names":["raisedOnElevation","elevation","panelMotion","css","Drawer","styled","RcDrawer","prefixCls","theme","$sticky","$bgColor","$elevation","$zIndex","layer","ZIndexes","Variables","DrawerContent","$size","$padding","$headerBorder","$footerBorder","$hasHeader","$hasFooter","DrawerConsts.consts","DrawerBar","DrawerHeaderContent","DrawerHeader","DrawerFooter"],"mappings":"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"}

package/build/cjs/components/EmptyState/EmptyState.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),f=require("react"),j=require("classnames"),d=require("../../react-base/src/consts/index.js"),b=require("../../react-base/src/components/EmptyState/EmptyState.utils.js"),$=require("acinguiux-ds-fabrics"),t=require("../Button/Button.js"),h=require("./EmptyState.styles.js"),y=require("../Button/ButtonLink.js"),E=require("../Button/SentimentButton.js"),A=require("../../react-base/src/consts/classes.js"),T=f.forwardRef(({className:a,image:n,icon:l,pictogram:m,title:x,description:p,size:r=d.Sizes.Medium,actions:i,actionsAlignment:q=d.Alignments.Center,...u},S)=>s.jsxs(h.EmptyState,{ref:S,$size:r,className:j(A.EMPTY_STATE_CLASS,a),...u,children:[!!(n??m??l)&&s.jsx(h.VisualPlaceholder,{$size:r,$variant:b.getVisualPlaceholderVariant(!!n,!!m,!!l),$iconSentiment:(l==null?void 0:l.sentiment)??$.FabricsVariables.Sentiments.Neutral,children:n??m??(l==null?void 0:l.component)}),!!(x??p)&&s.jsxs(h.TextPlaceholder,{$size:r,children:[!!x&&s.jsx(h.Title,{$size:r,children:x}),typeof p=="string"?s.jsx(h.Description,{$size:r,children:p}):p]}),!!(i!=null&&i.length)&&s.jsx(h.Actions,{$size:r,$actionsAlignment:q,children:i.map(e=>"href"in e&&e.href?s.jsx(y,{size:r,href:e.href,...e.props,children:e.label},e.label):"action"in e?e.props&&"sentiment"in e.props&&e.props.sentiment?s.jsx(E,{size:r,onClick:e.action,...e.props,children:e.label},e.label):s.jsx(t,{size:r,onClick:e.action,...e.props,children:e.label},e.label):null)})]}));module.exports=T;
+"use strict";const s=require("react/jsx-runtime"),u=require("react"),S=require("classnames"),m=require("../../react-base/src/consts/index.js"),f=require("../../react-base/src/components/EmptyState/EmptyState.utils.js"),j=require("acinguiux-ds-fabrics"),b=require("../Button/Button.js"),l=require("./EmptyState.styles.js"),$=require("../Button/ButtonLink.js"),y=require("../Button/SentimentButton.js"),E=require("../../react-base/src/consts/classes.js"),A=u.forwardRef(({className:x,image:h,icon:i,pictogram:c,title:p,description:n,size:r=m.Sizes.Medium,actions:a,actionsAlignment:d=m.Alignments.Center,...q},t)=>s.jsxs(l.EmptyState,{ref:t,$size:r,className:S(E.EMPTY_STATE_CLASS,x),...q,children:[!!(h??c??i)&&s.jsx(l.VisualPlaceholder,{$size:r,$variant:f.getVisualPlaceholderVariant(!!h,!!c,!!i),$iconSentiment:i?.sentiment??j.FabricsVariables.Sentiments.Neutral,children:h??c??i?.component}),!!(p??n)&&s.jsxs(l.TextPlaceholder,{$size:r,children:[!!p&&s.jsx(l.Title,{$size:r,children:p}),typeof n=="string"?s.jsx(l.Description,{$size:r,children:n}):n]}),!!a?.length&&s.jsx(l.Actions,{$size:r,$actionsAlignment:d,children:a.map(e=>"href"in e&&e.href?s.jsx($,{size:r,href:e.href,...e.props,children:e.label},e.label):"action"in e?e.props&&"sentiment"in e.props&&e.props.sentiment?s.jsx(y,{size:r,onClick:e.action,...e.props,children:e.label},e.label):s.jsx(b,{size:r,onClick:e.action,...e.props,children:e.label},e.label):null)})]}));module.exports=A;
 //# sourceMappingURL=EmptyState.js.map

package/build/cjs/components/EmptyState/EmptyState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Alignments, EMPTY_STATE_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { EmptyStateUtils } from 'acinguiux-ds-react-base/components/EmptyState';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport Button from '../Button/Button';\nimport * as Styled from './EmptyState.styles';\nimport type { IEmptyStateProps } from './EmptyState.types';\nimport ButtonLink from '../Button/ButtonLink';\nimport SentimentButton from '../Button/SentimentButton';\n\nconst EmptyState = forwardRef(\n (\n {\n className,\n image,\n icon,\n pictogram,\n title,\n description,\n size = Sizes.Medium,\n actions,\n actionsAlignment = Alignments.Center,\n ...rest\n }: IEmptyStateProps,\n ref: ForwardedRef<HTMLDivElement>,\n ) => (\n <Styled.EmptyState ref={ref} $size={size} className={classNames(EMPTY_STATE_CLASS, className)} {...rest}>\n {!!(image ?? pictogram ?? icon) && (\n <Styled.VisualPlaceholder\n $size={size}\n $variant={EmptyStateUtils.getVisualPlaceholderVariant(!!image, !!pictogram, !!icon)}\n $iconSentiment={icon?.sentiment ?? FabricsVariables.Sentiments.Neutral}\n >\n {image ?? pictogram ?? icon?.component}\n </Styled.VisualPlaceholder>\n )}\n\n {!!(title ?? description) && (\n <Styled.TextPlaceholder $size={size}>\n {!!title && <Styled.Title $size={size}>{title}</Styled.Title>}\n {typeof description === 'string' ? (\n <Styled.Description $size={size}>{description}</Styled.Description>\n ) : (\n description\n )}\n </Styled.TextPlaceholder>\n )}\n\n {!!actions?.length && (\n <Styled.Actions $size={size} $actionsAlignment={actionsAlignment}>\n {actions.map((actionButton) => {\n if ('href' in actionButton && actionButton.href) {\n return (\n <ButtonLink key={actionButton.label} size={size} href={actionButton.href} {...actionButton.props}>\n {actionButton.label}\n </ButtonLink>\n );\n }\n\n if ('action' in actionButton) {\n if (actionButton.props && 'sentiment' in actionButton.props && actionButton.props.sentiment) {\n return (\n <SentimentButton\n key={actionButton.label}\n size={size}\n onClick={actionButton.action}\n {...actionButton.props}\n >\n {actionButton.label}\n </SentimentButton>\n );\n }\n\n return (\n <Button key={actionButton.label} size={size} onClick={actionButton.action} {...actionButton.props}>\n {actionButton.label}\n </Button>\n );\n }\n\n return null;\n })}\n </Styled.Actions>\n )}\n </Styled.EmptyState>\n ),\n);\n\nexport default EmptyState;\n"],"names":["EmptyState","forwardRef","className","image","icon","pictogram","title","description","size","Sizes","actions","actionsAlignment","Alignments","rest","ref","jsxs","Styled.EmptyState","classNames","EMPTY_STATE_CLASS","jsx","Styled.VisualPlaceholder","EmptyStateUtils.getVisualPlaceholderVariant","FabricsVariables","Styled.TextPlaceholder","Styled.Title","Styled.Description","Styled.Actions","actionButton","ButtonLink","SentimentButton","Button"],"mappings":"qcAaMA,EAAaC,EAAAA,WACjB,CACE,CACE,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,QAAAC,EACA,iBAAAC,EAAmBC,EAAAA,WAAW,OAC9B,GAAGC,CAAA,EAELC,IAEAC,EAAAA,KAACC,EAAAA,WAAA,CAAkB,IAAAF,EAAU,MAAON,EAAM,UAAWS,EAAWC,EAAAA,kBAAmBhB,CAAS,EAAI,GAAGW,EAChG,SAAA,CAAA,CAAC,EAAEV,GAASE,GAAaD,IACxBe,EAAAA,IAACC,EAAAA,kBAAA,CACC,MAAOZ,EACP,SAAUa,EAAAA,4BAA4C,CAAC,CAAClB,EAAO,CAAC,CAACE,EAAW,CAAC,CAACD,CAAI,EAClF,~~gBAAgBA~~,~~GAAA~~,~~YAAAA~~,~~EAAM,YAAakB,~~EAAAA,iBAAiB,WAAW,QAE9D,SAAAnB,GAASE,~~IAAaD~~,~~GAAA~~,~~YAAAA~~,~~EAAM,UAAA,~~CAAA,EAIhC,CAAC,EAAEE,GAASC,WACVgB,EAAAA,gBAAA,CAAuB,MAAOf,EAC5B,SAAA,CAAA,CAAC,CAACF,GAASa,EAAAA,IAACK,EAAAA,MAAA,CAAa,MAAOhB,EAAO,SAAAF,EAAM,EAC7C,OAAOC,GAAgB,SACtBY,EAAAA,IAACM,EAAAA,YAAA,CAAmB,MAAOjB,EAAO,SAAAD,CAAA,CAAY,EAE9CA,CAAA,EAEJ,EAGD,CAAC,~~EAACG~~,~~GAAA~~,~~MAAAA~~,~~EAAS,eACTgB,~~EAAAA,QAAA,CAAe,MAAOlB,EAAM,kBAAmBG,EAC7C,SAAAD,EAAQ,IAAKiB,GACR,SAAUA,GAAgBA,EAAa,KAEvCR,EAAAA,IAACS,EAAA,CAAoC,KAAApB,EAAY,KAAMmB,EAAa,KAAO,GAAGA,EAAa,MACxF,SAAAA,EAAa,KAAA,EADCA,EAAa,KAE9B,EAIA,WAAYA,EACVA,EAAa,OAAS,cAAeA,EAAa,OAASA,EAAa,MAAM,UAE9ER,EAAAA,IAACU,EAAA,CAEC,KAAArB,EACA,QAASmB,EAAa,OACrB,GAAGA,EAAa,MAEhB,SAAAA,EAAa,KAAA,EALTA,EAAa,KAAA,EAWtBR,EAAAA,IAACW,EAAA,CAAgC,KAAAtB,EAAY,QAASmB,EAAa,OAAS,GAAGA,EAAa,MACzF,SAAAA,EAAa,KAAA,EADHA,EAAa,KAE1B,EAIG,IACR,CAAA,CACH,CAAA,CAAA,CAEJ,CAEJ"}
1	+ {"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Alignments, EMPTY_STATE_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { EmptyStateUtils } from 'acinguiux-ds-react-base/components/EmptyState';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport Button from '../Button/Button';\nimport * as Styled from './EmptyState.styles';\nimport type { IEmptyStateProps } from './EmptyState.types';\nimport ButtonLink from '../Button/ButtonLink';\nimport SentimentButton from '../Button/SentimentButton';\n\nconst EmptyState = forwardRef(\n (\n {\n className,\n image,\n icon,\n pictogram,\n title,\n description,\n size = Sizes.Medium,\n actions,\n actionsAlignment = Alignments.Center,\n ...rest\n }: IEmptyStateProps,\n ref: ForwardedRef<HTMLDivElement>,\n ) => (\n <Styled.EmptyState ref={ref} $size={size} className={classNames(EMPTY_STATE_CLASS, className)} {...rest}>\n {!!(image ?? pictogram ?? icon) && (\n <Styled.VisualPlaceholder\n $size={size}\n $variant={EmptyStateUtils.getVisualPlaceholderVariant(!!image, !!pictogram, !!icon)}\n $iconSentiment={icon?.sentiment ?? FabricsVariables.Sentiments.Neutral}\n >\n {image ?? pictogram ?? icon?.component}\n </Styled.VisualPlaceholder>\n )}\n\n {!!(title ?? description) && (\n <Styled.TextPlaceholder $size={size}>\n {!!title && <Styled.Title $size={size}>{title}</Styled.Title>}\n {typeof description === 'string' ? (\n <Styled.Description $size={size}>{description}</Styled.Description>\n ) : (\n description\n )}\n </Styled.TextPlaceholder>\n )}\n\n {!!actions?.length && (\n <Styled.Actions $size={size} $actionsAlignment={actionsAlignment}>\n {actions.map((actionButton) => {\n if ('href' in actionButton && actionButton.href) {\n return (\n <ButtonLink key={actionButton.label} size={size} href={actionButton.href} {...actionButton.props}>\n {actionButton.label}\n </ButtonLink>\n );\n }\n\n if ('action' in actionButton) {\n if (actionButton.props && 'sentiment' in actionButton.props && actionButton.props.sentiment) {\n return (\n <SentimentButton\n key={actionButton.label}\n size={size}\n onClick={actionButton.action}\n {...actionButton.props}\n >\n {actionButton.label}\n </SentimentButton>\n );\n }\n\n return (\n <Button key={actionButton.label} size={size} onClick={actionButton.action} {...actionButton.props}>\n {actionButton.label}\n </Button>\n );\n }\n\n return null;\n })}\n </Styled.Actions>\n )}\n </Styled.EmptyState>\n ),\n);\n\nexport default EmptyState;\n"],"names":["EmptyState","forwardRef","className","image","icon","pictogram","title","description","size","Sizes","actions","actionsAlignment","Alignments","rest","ref","jsxs","Styled.EmptyState","classNames","EMPTY_STATE_CLASS","jsx","Styled.VisualPlaceholder","EmptyStateUtils.getVisualPlaceholderVariant","FabricsVariables","Styled.TextPlaceholder","Styled.Title","Styled.Description","Styled.Actions","actionButton","ButtonLink","SentimentButton","Button"],"mappings":"qcAaMA,EAAaC,EAAAA,WACjB,CACE,CACE,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,QAAAC,EACA,iBAAAC,EAAmBC,EAAAA,WAAW,OAC9B,GAAGC,CAAA,EAELC,IAEAC,EAAAA,KAACC,EAAAA,WAAA,CAAkB,IAAAF,EAAU,MAAON,EAAM,UAAWS,EAAWC,EAAAA,kBAAmBhB,CAAS,EAAI,GAAGW,EAChG,SAAA,CAAA,CAAC,EAAEV,GAASE,GAAaD,IACxBe,EAAAA,IAACC,EAAAA,kBAAA,CACC,MAAOZ,EACP,SAAUa,EAAAA,4BAA4C,CAAC,CAAClB,EAAO,CAAC,CAACE,EAAW,CAAC,CAACD,CAAI,EAClF,eAAgBA,GAAM,WAAakB,EAAAA,iBAAiB,WAAW,QAE9D,SAAAnB,GAASE,GAAaD,GAAM,SAAA,CAAA,EAIhC,CAAC,EAAEE,GAASC,WACVgB,EAAAA,gBAAA,CAAuB,MAAOf,EAC5B,SAAA,CAAA,CAAC,CAACF,GAASa,EAAAA,IAACK,EAAAA,MAAA,CAAa,MAAOhB,EAAO,SAAAF,EAAM,EAC7C,OAAOC,GAAgB,SACtBY,EAAAA,IAACM,EAAAA,YAAA,CAAmB,MAAOjB,EAAO,SAAAD,CAAA,CAAY,EAE9CA,CAAA,EAEJ,EAGD,CAAC,CAACG,GAAS,cACTgB,EAAAA,QAAA,CAAe,MAAOlB,EAAM,kBAAmBG,EAC7C,SAAAD,EAAQ,IAAKiB,GACR,SAAUA,GAAgBA,EAAa,KAEvCR,EAAAA,IAACS,EAAA,CAAoC,KAAApB,EAAY,KAAMmB,EAAa,KAAO,GAAGA,EAAa,MACxF,SAAAA,EAAa,KAAA,EADCA,EAAa,KAE9B,EAIA,WAAYA,EACVA,EAAa,OAAS,cAAeA,EAAa,OAASA,EAAa,MAAM,UAE9ER,EAAAA,IAACU,EAAA,CAEC,KAAArB,EACA,QAASmB,EAAa,OACrB,GAAGA,EAAa,MAEhB,SAAAA,EAAa,KAAA,EALTA,EAAa,KAAA,EAWtBR,EAAAA,IAACW,EAAA,CAAgC,KAAAtB,EAAY,QAASmB,EAAa,OAAS,GAAGA,EAAa,MACzF,SAAAA,EAAa,KAAA,EADHA,EAAa,KAE1B,EAIG,IACR,CAAA,CACH,CAAA,CAAA,CAEJ,CAEJ"}

package/build/cjs/components/FileUploader/FileUploader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),o=require("react"),y=require("../../react-base/src/consts/index.js"),k=require("../../react-base/src/components/FileUploader/FileUploader.consts.js"),u=require("../../react-base/src/components/FileUploader/FileUploader.types.js"),v=require("acinguiux-ds-fabrics"),d=require("./FileUploader.styles.js"),A=require("../Flexbox/Flexbox.js"),B=require("./components/FileUpload/FileUpload.js"),S=require("./components/FileUpload/FileUpload.styles.js"),K=require("./components/FileUploadErrorMessage/FileUploadErrorMessage.js"),V=require("./components/FileUploadContent/FileUploadContent.js"),H=require("./hooks/useFileUploaderProps.js"),O=o.forwardRef(({size:t=`${y.Sizes.Medium}`,filePreview:p=`${u.FilePreview.Image}`,progressBarType:h="line",disabled:n=!1,showIcon:j=!0,showUploads:D=!0,showAcceptedFiles:R,showDescription:U=!0,showButton:C=!0,dropzoneAlignment:T=`${y.Directions.Vertical}`,...i},w)=>{const{renderFileUploads:E,hasError:F,accept:I,acceptedTextMapper:x,isFirstFileUploadComplete:b,handleOnRemoveFile:f,onChange:M,onClick:z,dropResult:{isDropTarget:l,dropProps:N},isSingleFileType:P,fileType:m,fileUploads:s,renderSingleDeleteFile:_,fileInputRef:c}=H(i),a=o.useRef(null),g=o.useRef(null);g.current=o.useMemo(()=>{var e;return l?((e=a.current)==null?void 0:e.getBoundingClientRect())??null:null},[l,a.current]);const{onError:Z,onProgress:G,initialFiles:J,...$}=i;return r.jsxs(d.DropzoneContainer,{"data-invalid":F,"data-disabled":n,size:t,ref:w,gap:"16px",flexDirection:m===u.FileType.MultiHorizontal?"row":"column",children:[r.jsxs(d.DropZone,{...$,size:t,rect:g.current,isDropTarget:l,ref:a,tabIndex:0,"data-dropzone":!0,onKeyDown:e=>{var q;(e.key==="Enter"||e.code==="Space")&&c.current&&c.current.click(),(q=i.onKeyDown)==null||q.call(i,e)},children:[r.jsx(V,{renderSingleDeleteFile:_,fileUploads:s,isSingleFileType:P,isDropTarget:l,filePreview:p,isFirstFileUploadComplete:b,progressBarType:h,renderErrorsInside:F,acceptedTextMapper:x,size:t,disabled:n,showIcon:j,showAcceptedFiles:R??U,showButton:C,maxFileSize:i.maxFileSize,dropzoneAlignment:T}),r.jsx(d.FileInput,{...N,onClick:z,ref:c,onChange:M,multiple:m!==u.FileType.Single,tabIndex:-1,"aria-hidden":"true",type:"file",accept:I})]}),D&&E&&r.jsxs(A,{flexDirection:"column",gap:`${k.consts[t].attachedFiles.gap}`,children:[s.filter(e=>!!e.errors).map(e=>r.jsx(S.StyledAlert,{sentiment:v.FabricsVariables.Sentiments.Negative,title:"The following files could not be uploaded:",size:t,onClose:()=>f(e.fileName),closeButton:!0,icon:r.jsx(S.StyledAlertCircle,{size:t}),children:r.jsx(K,{size:t,disabled:n,fileUploadError:e,acceptedTextMapper:x,maxFilesSize:i.maxFileSize})},e.fileName)),s.filter(e=>!e.errors).map(e=>r.jsx(B,{...e,handleOnRemoveFile:f,filePreview:p,size:t,disabled:n},e.fileName))]})]})});module.exports=O;
+"use strict";const r=require("react/jsx-runtime"),o=require("react"),q=require("../../react-base/src/consts/index.js"),k=require("../../react-base/src/components/FileUploader/FileUploader.consts.js"),u=require("../../react-base/src/components/FileUploader/FileUploader.types.js"),v=require("acinguiux-ds-fabrics"),d=require("./FileUploader.styles.js"),A=require("../Flexbox/Flexbox.js"),B=require("./components/FileUpload/FileUpload.js"),y=require("./components/FileUpload/FileUpload.styles.js"),K=require("./components/FileUploadErrorMessage/FileUploadErrorMessage.js"),V=require("./components/FileUploadContent/FileUploadContent.js"),H=require("./hooks/useFileUploaderProps.js"),O=o.forwardRef(({size:t=`${q.Sizes.Medium}`,filePreview:p=`${u.FilePreview.Image}`,progressBarType:S="line",disabled:n=!1,showIcon:h=!0,showUploads:j=!0,showErrors:D=!0,showAcceptedFiles:R,showDescription:U=!0,showButton:C=!0,dropzoneAlignment:T=`${q.Directions.Vertical}`,...i},w)=>{const{renderFileUploads:E,hasError:F,accept:I,acceptedTextMapper:x,isFirstFileUploadComplete:b,handleOnRemoveFile:f,onChange:M,onClick:z,dropResult:{isDropTarget:l,dropProps:N},isSingleFileType:P,fileType:m,fileUploads:s,renderSingleDeleteFile:_,fileInputRef:c}=H(i),a=o.useRef(null),g=o.useRef(null);g.current=o.useMemo(()=>l?a.current?.getBoundingClientRect()??null:null,[l,a.current]);const{onError:Z,onProgress:G,initialFiles:J,...$}=i;return r.jsxs(d.DropzoneContainer,{"data-invalid":F,"data-disabled":n,size:t,ref:w,gap:"16px",flexDirection:m===u.FileType.MultiHorizontal?"row":"column",children:[r.jsxs(d.DropZone,{...$,size:t,rect:g.current,isDropTarget:l,ref:a,tabIndex:0,"data-dropzone":!0,onKeyDown:e=>{(e.key==="Enter"||e.code==="Space")&&c.current&&c.current.click(),i.onKeyDown?.(e)},children:[r.jsx(V,{renderSingleDeleteFile:_,fileUploads:s,isSingleFileType:P,isDropTarget:l,filePreview:p,isFirstFileUploadComplete:b,progressBarType:S,renderErrorsInside:F,acceptedTextMapper:x,size:t,disabled:n,showIcon:h,showAcceptedFiles:R??U,showButton:C,maxFileSize:i.maxFileSize,dropzoneAlignment:T}),r.jsx(d.FileInput,{...N,onClick:z,ref:c,onChange:M,multiple:m!==u.FileType.Single,tabIndex:-1,"aria-hidden":"true",type:"file",accept:I})]}),E&&r.jsxs(A,{flexDirection:"column",gap:`${k.consts[t].attachedFiles.gap}`,children:[D&&s.filter(e=>!!e.errors).map(e=>r.jsx(y.StyledAlert,{sentiment:v.FabricsVariables.Sentiments.Negative,title:"The following files could not be uploaded:",size:t,onClose:()=>f(e.fileName),closeButton:!0,icon:r.jsx(y.StyledAlertCircle,{size:t}),children:r.jsx(K,{size:t,disabled:n,fileUploadError:e,acceptedTextMapper:x,maxFilesSize:i.maxFileSize})},e.fileName)),j&&s.filter(e=>!e.errors).map(e=>r.jsx(B,{...e,handleOnRemoveFile:f,filePreview:p,size:t,disabled:n},e.fileName))]})]})});module.exports=O;
 //# sourceMappingURL=FileUploader.js.map

package/build/cjs/components/FileUploader/FileUploader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUploader.js","sources":["../../../../src/components/FileUploader/FileUploader.tsx"],"sourcesContent":["import { forwardRef, useMemo, useRef } from 'react';\n\nimport { Directions, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { FileUploaderTypes, FileUploaderConsts } from 'acinguiux-ds-react-base/components/FileUploader';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { IFileUploaderProps } from './FileUploader.types';\nimport * as Styled from './FileUploader.styles';\nimport Flexbox from '../Flexbox/Flexbox';\nimport FileUpload from './components/FileUpload/FileUpload';\nimport { StyledAlert, StyledAlertCircle } from './components/FileUpload/FileUpload.styles';\nimport FileUploadErrorMessage from './components/FileUploadErrorMessage/FileUploadErrorMessage';\nimport FileUploadContent from './components/FileUploadContent/FileUploadContent';\nimport useFileUploaderProps from './hooks/useFileUploaderProps';\n\nconst FileUploader = forwardRef<HTMLDivElement, IFileUploaderProps>(\n (\n {\n size = `${Sizes.Medium}`,\n filePreview = `${FileUploaderTypes.FilePreview.Image}`,\n progressBarType = 'line',\n disabled = false,\n showIcon = true,\n showUploads = true,\n showAcceptedFiles,\n showDescription = true,\n showButton = true,\n dropzoneAlignment = `${Directions.Vertical}`,\n ...props\n },\n ref,\n ) => {\n const {\n renderFileUploads,\n hasError,\n accept,\n acceptedTextMapper,\n isFirstFileUploadComplete,\n handleOnRemoveFile,\n onChange,\n onClick,\n dropResult: { isDropTarget, dropProps },\n isSingleFileType,\n fileType,\n fileUploads,\n renderSingleDeleteFile,\n fileInputRef,\n } = useFileUploaderProps(props);\n\n const dropzoneRef = useRef<HTMLLabelElement \| null>(null);\n const dropzoneRect = useRef<DOMRect \| null>(null);\n\n // Stops the dropzone from collapsing when files are moved over it\n // Don't want to use hard coded width/height\n dropzoneRect.current = useMemo(\n () => (isDropTarget ? (dropzoneRef.current?.getBoundingClientRect() ?? null) : null),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [isDropTarget, dropzoneRef.current],\n );\n\n const { onError, onProgress, initialFiles, ...dropzoneProps } = props;\n\n return (\n <Styled.DropzoneContainer\n data-invalid={hasError}\n data-disabled={disabled}\n size={size}\n ref={ref}\n gap=\"16px\"\n flexDirection={fileType === FileUploaderTypes.FileType.MultiHorizontal ? 'row' : 'column'}\n >\n <Styled.DropZone\n {...dropzoneProps}\n size={size}\n rect={dropzoneRect.current}\n isDropTarget={isDropTarget}\n ref={dropzoneRef}\n tabIndex={0}\n data-dropzone={true}\n onKeyDown={(e) => {\n if ((e.key === 'Enter' \|\| e.code === 'Space') && fileInputRef.current) {\n fileInputRef.current.click();\n }\n props.onKeyDown?.(e);\n }}\n >\n <FileUploadContent\n renderSingleDeleteFile={renderSingleDeleteFile}\n fileUploads={fileUploads}\n isSingleFileType={isSingleFileType}\n isDropTarget={isDropTarget}\n filePreview={filePreview}\n isFirstFileUploadComplete={isFirstFileUploadComplete}\n progressBarType={progressBarType}\n renderErrorsInside={hasError}\n acceptedTextMapper={acceptedTextMapper}\n size={size}\n disabled={disabled}\n showIcon={showIcon}\n showAcceptedFiles={showAcceptedFiles ?? showDescription}\n showButton={showButton}\n maxFileSize={props.maxFileSize}\n dropzoneAlignment={dropzoneAlignment}\n />\n <Styled.FileInput\n {...dropProps}\n onClick={onClick}\n ref={fileInputRef}\n onChange={onChange}\n multiple={fileType !== FileUploaderTypes.FileType.Single}\n tabIndex={-1}\n aria-hidden=\"true\"\n type=\"file\"\n accept={accept}\n />\n </Styled.DropZone>\n {~~showUploads &&~~ renderFileUploads && (\n <Flexbox flexDirection=\"column\" gap={`${FileUploaderConsts.consts[size].attachedFiles.gap}`}>\n {(fileUploads as FileUploaderTypes.IFileUploadError[])\n .filter((fileUpload) => !!fileUpload.errors)\n .map((fileUpload) => (\n <StyledAlert\n key={fileUpload.fileName}\n sentiment={FabricsVariables.Sentiments.Negative}\n title=\"The following files could not be uploaded:\"\n size={size}\n onClose={() => handleOnRemoveFile(fileUpload.fileName)}\n closeButton={true}\n icon={<StyledAlertCircle size={size} />}\n >\n <FileUploadErrorMessage\n size={size}\n disabled={disabled}\n fileUploadError={fileUpload}\n acceptedTextMapper={acceptedTextMapper}\n maxFilesSize={props.maxFileSize}\n />\n </StyledAlert>\n ))}\n {(fileUploads as FileUploaderTypes.IFileUpload[])\n .filter((fileUpload) => !fileUpload.errors)\n .map((fileUpload) => (\n <FileUpload\n key={fileUpload.fileName}\n {...fileUpload}\n handleOnRemoveFile={handleOnRemoveFile}\n filePreview={filePreview}\n size={size}\n disabled={disabled}\n />\n ))}\n </Flexbox>\n )}\n </Styled.DropzoneContainer>\n );\n },\n);\n\nexport default FileUploader;\n"],"names":["FileUploader","forwardRef","size","Sizes","filePreview","FileUploaderTypes.FilePreview","progressBarType","disabled","showIcon","showUploads","showAcceptedFiles","showDescription","showButton","dropzoneAlignment","Directions","props","ref","renderFileUploads","hasError","accept","acceptedTextMapper","isFirstFileUploadComplete","handleOnRemoveFile","onChange","onClick","isDropTarget","dropProps","isSingleFileType","fileType","fileUploads","renderSingleDeleteFile","fileInputRef","useFileUploaderProps","dropzoneRef","useRef","dropzoneRect","useMemo","~~_a","~~onError","onProgress","initialFiles","dropzoneProps","jsxs","Styled.DropzoneContainer","FileUploaderTypes.FileType","Styled.DropZone","jsx","FileUploadContent","Styled.FileInput","Flexbox","FileUploaderConsts.consts","fileUpload","StyledAlert","FabricsVariables","StyledAlertCircle","FileUploadErrorMessage","FileUpload"],"mappings":"yqBAeMA,EAAeC,EAAAA,WACnB,CACE,CACE,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,YAAAC,EAAc,GAAGC,cAA8B,KAAK,GACpD,gBAAAC,EAAkB,OAClB,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,YAAAC,EAAc,GACd,kBAAAC,EACA,gBAAAC,EAAkB,GAClB,WAAAC,EAAa,GACb,kBAAAC,EAAoB,GAAGC,aAAW,QAAQ,GAC1C,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CACJ,kBAAAC,EACA,SAAAC,EACA,OAAAC,EACA,mBAAAC,EACA,0BAAAC,EACA,mBAAAC,EACA,SAAAC,EACA,QAAAC,EACA,WAAY,CAAE,aAAAC,EAAc,UAAAC,CAAA,EAC5B,iBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,uBAAAC,EACA,aAAAC,CAAA,EACEC,EAAqBjB,CAAK,EAExBkB,EAAcC,EAAAA,OAAgC,IAAI,EAClDC,EAAeD,EAAAA,OAAuB,IAAI,EAIhDC,EAAa,QAAUC,EAAAA,QACrB,~~IAAA~~,~~OAAO~~,~~OAAAX,IAAgBY,EAAAJ,~~EAAY,~~UAAZ~~,~~YAAAI~~,~~EAAqB~~,~~0BAA2B,~~KAAQ,~~MAE~~/E,~~CAACZ~~,EAAcQ,EAAY,OAAO,CAAA,EAGpC,KAAM,CAAE,~~QAAAK~~,EAAS,WAAAC,EAAY,aAAAC,EAAc,GAAGC,~~GAAkB1B~~,EAEhE,~~OACE2B~~,EAAAA,KAACC,EAAAA,kBAAA,CACC,~~eAAczB~~,EACd,~~gBAAeX~~,EACf,KAAAL,EACA,~~IAAAc~~,EACA,IAAI,OACJ,cAAeY,~~IAAagB~~,EAAAA,SAA2B,gBAAkB,MAAQ,SAEjF,SAAA,CAAAF,EAAAA,KAACG,EAAAA,SAAA,CACE,GAAGJ,EACJ,KAAAvC,EACA,~~KAAMiC~~,EAAa,QACnB,aAAAV,EACA,IAAKQ,EACL,SAAU,EACV,gBAAe,GACf,UAAY,GAAM,~~QACX~~,EAAE,MAAQ,SAAW,EAAE,OAAS,UAAYF,EAAa,SAC5DA,EAAa,QAAQ,MAAA,~~GAEvBM~~,~~EAAAtB,~~EAAM,~~YAAN~~,~~MAAAsB~~,~~EAAA~~,~~KAAAtB,EAAkB,EACpB,~~EAEA,SAAA,~~CAAA+B~~,EAAAA,IAACC,EAAA,CACC,~~uBAAAjB~~,EACA,YAAAD,EACA,iBAAAF,EACA,aAAAF,EACA,~~YAAArB~~,EACA,~~0BAAAiB~~,EACA,~~gBAAAf~~,EACA,~~mBAAoBY~~,EACpB,mBAAAE,EACA,~~KAAAlB~~,EACA,SAAAK,EACA,SAAAC,EACA,~~kBAAmBE~~,GAAqBC,EACxC,WAAAC,EACA,YAAaG,EAAM,YACnB,kBAAAF,CAAA,CAAA,~~EAEFiC~~,EAAAA,IAACE,EAAAA,UAAA,CACE,~~GAAGtB~~,EACJ,QAAAF,EACA,IAAKO,EACL,SAAAR,EACA,SAAUK,~~IAAagB~~,EAAAA,SAA2B,OAClD,SAAU,GACV,cAAY,OACZ,KAAK,OACL,~~OAAAzB~~,CAAA,CAAA,CACF,CAAA,CAAA,~~EAEDV~~,~~GAAeQ~~,~~GACdyB,~~EAAAA,KAACO,EAAA,CAAQ,cAAc,SAAS,IAAK,GAAGC,EAAAA,OAA0BhD,CAAI,EAAE,cAAc,GAAG,~~GACrF~~,SAAA,~~CAAA2B~~,~~EACC~~,~~OAAQsB~~,GAAe,CAAC,CAACA,EAAW,MAAM,EAC1C,IAAKA,GACJL,EAAAA,IAACM,EAAAA,YAAA,CAEC,UAAWC,EAAAA,iBAAiB,WAAW,SACvC,MAAM,6CACN,KAAAnD,EACA,QAAS,~~IAAMoB~~,~~EAAmB6B~~,EAAW,QAAQ,EACrD,YAAa,GACb,KAAML,EAAAA,IAACQ,oBAAA,CAAkB,KAAApD,CAAA,CAAY,EAErC,SAAA4C,EAAAA,IAACS,EAAA,CACC,KAAArD,EACA,SAAAK,EACA,gBAAiB4C,EACjB,~~mBAAA/B~~,EACA,aAAcL,EAAM,WAAA,CAAA,CACtB,~~EAdKoC~~,EAAW,QAAA,CAgBnB,~~EACDtB~~,~~EACC~~,~~OAAQsB~~,GAAe,CAACA,EAAW,MAAM,EACzC,IAAKA,GACJL,EAAAA,IAACU,EAAA,CAEE,GAAGL,EACJ,~~mBAAA7B~~,EACA,~~YAAAlB~~,EACA,KAAAF,EACA,SAAAK,CAAA,EALK4C,EAAW,QAAA,CAOnB,CAAA,CAAA,~~CACL~~,CAAA,CAAA,CAAA,CAIR,CACF"}
1	+ {"version":3,"file":"FileUploader.js","sources":["../../../../src/components/FileUploader/FileUploader.tsx"],"sourcesContent":["import { forwardRef, useMemo, useRef } from 'react';\n\nimport { Directions, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { FileUploaderTypes, FileUploaderConsts } from 'acinguiux-ds-react-base/components/FileUploader';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { IFileUploaderProps } from './FileUploader.types';\nimport * as Styled from './FileUploader.styles';\nimport Flexbox from '../Flexbox/Flexbox';\nimport FileUpload from './components/FileUpload/FileUpload';\nimport { StyledAlert, StyledAlertCircle } from './components/FileUpload/FileUpload.styles';\nimport FileUploadErrorMessage from './components/FileUploadErrorMessage/FileUploadErrorMessage';\nimport FileUploadContent from './components/FileUploadContent/FileUploadContent';\nimport useFileUploaderProps from './hooks/useFileUploaderProps';\n\nconst FileUploader = forwardRef<HTMLDivElement, IFileUploaderProps>(\n (\n {\n size = `${Sizes.Medium}`,\n filePreview = `${FileUploaderTypes.FilePreview.Image}`,\n progressBarType = 'line',\n disabled = false,\n showIcon = true,\n showUploads = true,\n showErrors = true,\n showAcceptedFiles,\n showDescription = true,\n showButton = true,\n dropzoneAlignment = `${Directions.Vertical}`,\n ...props\n },\n ref,\n ) => {\n const {\n renderFileUploads,\n hasError,\n accept,\n acceptedTextMapper,\n isFirstFileUploadComplete,\n handleOnRemoveFile,\n onChange,\n onClick,\n dropResult: { isDropTarget, dropProps },\n isSingleFileType,\n fileType,\n fileUploads,\n renderSingleDeleteFile,\n fileInputRef,\n } = useFileUploaderProps(props);\n\n const dropzoneRef = useRef<HTMLLabelElement \| null>(null);\n const dropzoneRect = useRef<DOMRect \| null>(null);\n\n // Stops the dropzone from collapsing when files are moved over it\n // Don't want to use hard coded width/height\n dropzoneRect.current = useMemo(\n () => (isDropTarget ? (dropzoneRef.current?.getBoundingClientRect() ?? null) : null),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [isDropTarget, dropzoneRef.current],\n );\n\n const { onError, onProgress, initialFiles, ...dropzoneProps } = props;\n\n return (\n <Styled.DropzoneContainer\n data-invalid={hasError}\n data-disabled={disabled}\n size={size}\n ref={ref}\n gap=\"16px\"\n flexDirection={fileType === FileUploaderTypes.FileType.MultiHorizontal ? 'row' : 'column'}\n >\n <Styled.DropZone\n {...dropzoneProps}\n size={size}\n rect={dropzoneRect.current}\n isDropTarget={isDropTarget}\n ref={dropzoneRef}\n tabIndex={0}\n data-dropzone={true}\n onKeyDown={(e) => {\n if ((e.key === 'Enter' \|\| e.code === 'Space') && fileInputRef.current) {\n fileInputRef.current.click();\n }\n props.onKeyDown?.(e);\n }}\n >\n <FileUploadContent\n renderSingleDeleteFile={renderSingleDeleteFile}\n fileUploads={fileUploads}\n isSingleFileType={isSingleFileType}\n isDropTarget={isDropTarget}\n filePreview={filePreview}\n isFirstFileUploadComplete={isFirstFileUploadComplete}\n progressBarType={progressBarType}\n renderErrorsInside={hasError}\n acceptedTextMapper={acceptedTextMapper}\n size={size}\n disabled={disabled}\n showIcon={showIcon}\n showAcceptedFiles={showAcceptedFiles ?? showDescription}\n showButton={showButton}\n maxFileSize={props.maxFileSize}\n dropzoneAlignment={dropzoneAlignment}\n />\n <Styled.FileInput\n {...dropProps}\n onClick={onClick}\n ref={fileInputRef}\n onChange={onChange}\n multiple={fileType !== FileUploaderTypes.FileType.Single}\n tabIndex={-1}\n aria-hidden=\"true\"\n type=\"file\"\n accept={accept}\n />\n </Styled.DropZone>\n {renderFileUploads && (\n <Flexbox flexDirection=\"column\" gap={`${FileUploaderConsts.consts[size].attachedFiles.gap}`}>\n {showErrors &&\n (fileUploads as FileUploaderTypes.IFileUploadError[])\n .filter((fileUpload) => !!fileUpload.errors)\n .map((fileUpload) => (\n <StyledAlert\n key={fileUpload.fileName}\n sentiment={FabricsVariables.Sentiments.Negative}\n title=\"The following files could not be uploaded:\"\n size={size}\n onClose={() => handleOnRemoveFile(fileUpload.fileName)}\n closeButton={true}\n icon={<StyledAlertCircle size={size} />}\n >\n <FileUploadErrorMessage\n size={size}\n disabled={disabled}\n fileUploadError={fileUpload}\n acceptedTextMapper={acceptedTextMapper}\n maxFilesSize={props.maxFileSize}\n />\n </StyledAlert>\n ))}\n {showUploads &&\n (fileUploads as FileUploaderTypes.IFileUpload[])\n .filter((fileUpload) => !fileUpload.errors)\n .map((fileUpload) => (\n <FileUpload\n key={fileUpload.fileName}\n {...fileUpload}\n handleOnRemoveFile={handleOnRemoveFile}\n filePreview={filePreview}\n size={size}\n disabled={disabled}\n />\n ))}\n </Flexbox>\n )}\n </Styled.DropzoneContainer>\n );\n },\n);\n\nexport default FileUploader;\n"],"names":["FileUploader","forwardRef","size","Sizes","filePreview","FileUploaderTypes.FilePreview","progressBarType","disabled","showIcon","showUploads","showErrors","showAcceptedFiles","showDescription","showButton","dropzoneAlignment","Directions","props","ref","renderFileUploads","hasError","accept","acceptedTextMapper","isFirstFileUploadComplete","handleOnRemoveFile","onChange","onClick","isDropTarget","dropProps","isSingleFileType","fileType","fileUploads","renderSingleDeleteFile","fileInputRef","useFileUploaderProps","dropzoneRef","useRef","dropzoneRect","useMemo","onError","onProgress","initialFiles","dropzoneProps","jsxs","Styled.DropzoneContainer","FileUploaderTypes.FileType","Styled.DropZone","jsx","FileUploadContent","Styled.FileInput","Flexbox","FileUploaderConsts.consts","fileUpload","StyledAlert","FabricsVariables","StyledAlertCircle","FileUploadErrorMessage","FileUpload"],"mappings":"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"}

package/build/cjs/components/FileUploader/components/FileUploadContent/FileUploadContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),t=require("../../../../react-base/src/consts/index.js"),a=require("../../../../react-base/src/components/FileUploader/FileUploader.consts.js"),T=require("acinguiux-ds-fabrics"),i=require("./FileUploadContent.styles.js"),u=require("../FileUpload/FileUpload.utils.js"),I=require("../FileUpload/FileUpload.styles.js"),L=require("../../../Icon/components/Cross.js"),V=require("../../../Icon/components/TrashAlt.js"),o=require("../../FileUpload.utils.js"),c=require("./FileUploadContent.utils.js"),_=require("../../../Flexbox/Flexbox.js"),b=require("../../../Button/Button.js"),q=require("../../../Button/SentimentButton.js"),A=({size:n=`${t.Sizes.Medium}`,disabled:s,renderSingleDeleteFile:H,fileUploads:p,isSingleFileType:z,acceptedTextMapper:j,isFirstFileUploadComplete:x,isDropTarget:E,filePreview:$,progressBarType:g,renderErrorsInside:h,showIcon:m,showAcceptedFiles:D,showButton:U,maxFileSize:C,dropzoneAlignment:r})=>{var f,v;if(E)return e.jsxs(i.DropTargetContainer,{$dropzoneAlignment:r,children:[m&&e.jsx(i.UploadCloudIcon,{}),e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:e.jsx("span",{children:"Drop files"})})]});const l=p[0],B=h?q:b,G=x?e.jsx(q,{size:c.getActionButtonSize(n),variant:t.Variants.Outlined,sentiment:T.FabricsVariables.Sentiments.Negative,icon:e.jsx(V,{}),label:"Remove file"}):e.jsx(b,{"aria-label":"Cancel upload",size:c.getActionButtonSize(n),variant:t.Variants.Outlined,icon:e.jsx(L,{}),label:"Cancel upload"}),y=H?G:U&&e.jsx(B,{size:c.getActionButtonSize(n),variant:t.Variants.Outlined,sentiment:T.FabricsVariables.Sentiments.Negative,icon:e.jsx(i.AddIcon,{}),label:"Choose file","aria-hidden":"true"});if(h){const S=p.some(w=>{var F;return(F=w.errors)==null?void 0:F.hasGenericError});let d=null;switch(!0){case S:d=e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:"An error occurred during the upload"});break;case((f=l.errors)==null?void 0:f.hasFileSizeError):d=e.jsxs(e.Fragment,{children:[e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:"File size is too big"}),!!C&&e.jsxs(e.Fragment,{children:[e.jsx(i.Subtitle,{disabled:s,size:n===t.Sizes.XSmall?t.Sizes.Small:n,children:"Maximum accepted file size is: "}),e.jsx(u.FileSize,{fileSize:C,size:n,disabled:s})]})]});break;case((v=l.errors)==null?void 0:v.hasFileTypeError):d=e.jsxs(e.Fragment,{children:[e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:"Invalid file type"}),e.jsx(i.Subtitle,{disabled:s,size:n===t.Sizes.XSmall?t.Sizes.Small:n,children:e.jsx(c.FileTypeErrorText,{acceptedTextMapper:j})})]});break}return e.jsxs(i.ContentContainer,{$dropzoneAlignment:r,gap:a.consts[n].dropzone.stateIconGap,children:[e.jsx(I.StyledErrorCross,{size:n}),e.jsx(i.TextContainer,{$dropzoneAlignment:r,children:d})]})}if(z&&l&&c.isFileUpload(l)&&p.length===1){const S=u.getIsUploadComplete(l.progressPercentage);return e.jsxs(_,{flexDirection:r===t.Directions.Vertical||g==="line"&&!S?"column":"row",gap:a.consts[n].dropzone.stateIconGap,alignItems:"center",flexGrow:1,children:[e.jsx(u.FileLoadingSuccess,{size:n,progressPercentage:l.progressPercentage,file:l.file,filePreview:$,type:g,label:!0}),e.jsxs(i.ContentContainer,{$dropzoneAlignment:r,justifyContent:"space-between",gap:a.consts[n].dropzone.actionButtonGap,width:r===t.Directions.Horizontal?"100%":"auto",children:[e.jsxs(i.TextContainer,{$dropzoneAlignment:r,children:[e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:x?l.fileName:"Uploading your file"}),x?e.jsx(u.FileSize,{fileSize:l.file.size,size:n,disabled:s}):e.jsx(i.Subtitle,{disabled:s,size:n===t.Sizes.XSmall?t.Sizes.Small:n,children:l.fileName})]}),y]})]})}return e.jsxs(i.ContentContainer,{$dropzoneAlignment:r,gap:a.consts[n].dropzone.actionButtonGap,justifyContent:"space-between",children:[e.jsxs(i.ContentContainer,{$dropzoneAlignment:r,gap:r===t.Directions.Vertical?"4px":a.consts[n].dropzone.uploadIconGap,children:[m&&e.jsx(i.UploadCloudIcon,{}),e.jsxs(i.TextContainer,{$dropzoneAlignment:r,children:[e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:e.jsx("span",{children:"Drag and drop or choose a file"})}),D&&e.jsxs(i.Subtitle,{disabled:s,size:n===t.Sizes.XSmall?t.Sizes.Small:n,children:["Accepts ",j("and")||"all file types"]})]})]}),y]})};module.exports=A;
+"use strict";const e=require("react/jsx-runtime"),t=require("../../../../react-base/src/consts/index.js"),a=require("../../../../react-base/src/components/FileUploader/FileUploader.consts.js"),f=require("acinguiux-ds-fabrics"),i=require("./FileUploadContent.styles.js"),u=require("../FileUpload/FileUpload.utils.js"),B=require("../FileUpload/FileUpload.styles.js"),G=require("../../../Icon/components/Cross.js"),w=require("../../../Icon/components/TrashAlt.js"),o=require("../../FileUpload.utils.js"),c=require("./FileUploadContent.utils.js"),I=require("../../../Flexbox/Flexbox.js"),v=require("../../../Button/Button.js"),F=require("../../../Button/SentimentButton.js"),L=({size:n=`${t.Sizes.Medium}`,disabled:s,renderSingleDeleteFile:T,fileUploads:p,isSingleFileType:b,acceptedTextMapper:j,isFirstFileUploadComplete:x,isDropTarget:q,filePreview:H,progressBarType:g,renderErrorsInside:h,showIcon:m,showAcceptedFiles:z,showButton:E,maxFileSize:C,dropzoneAlignment:r})=>{if(q)return e.jsxs(i.DropTargetContainer,{$dropzoneAlignment:r,children:[m&&e.jsx(i.UploadCloudIcon,{}),e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:e.jsx("span",{children:"Drop files"})})]});const l=p[0],$=h?F:v,D=x?e.jsx(F,{size:c.getActionButtonSize(n),variant:t.Variants.Outlined,sentiment:f.FabricsVariables.Sentiments.Negative,icon:e.jsx(w,{}),label:"Remove file"}):e.jsx(v,{"aria-label":"Cancel upload",size:c.getActionButtonSize(n),variant:t.Variants.Outlined,icon:e.jsx(G,{}),label:"Cancel upload"}),y=T?D:E&&e.jsx($,{size:c.getActionButtonSize(n),variant:t.Variants.Outlined,sentiment:f.FabricsVariables.Sentiments.Negative,icon:e.jsx(i.AddIcon,{}),label:"Choose file","aria-hidden":"true"});if(h){const S=p.some(U=>U.errors?.hasGenericError);let d=null;switch(!0){case S:d=e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:"An error occurred during the upload"});break;case l.errors?.hasFileSizeError:d=e.jsxs(e.Fragment,{children:[e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:"File size is too big"}),!!C&&e.jsxs(e.Fragment,{children:[e.jsx(i.Subtitle,{disabled:s,size:n===t.Sizes.XSmall?t.Sizes.Small:n,children:"Maximum accepted file size is: "}),e.jsx(u.FileSize,{fileSize:C,size:n,disabled:s})]})]});break;case l.errors?.hasFileTypeError:d=e.jsxs(e.Fragment,{children:[e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:"Invalid file type"}),e.jsx(i.Subtitle,{disabled:s,size:n===t.Sizes.XSmall?t.Sizes.Small:n,children:e.jsx(c.FileTypeErrorText,{acceptedTextMapper:j})})]});break}return e.jsxs(i.ContentContainer,{$dropzoneAlignment:r,gap:a.consts[n].dropzone.stateIconGap,children:[e.jsx(B.StyledErrorCross,{size:n}),e.jsx(i.TextContainer,{$dropzoneAlignment:r,children:d})]})}if(b&&l&&c.isFileUpload(l)&&p.length===1){const S=u.getIsUploadComplete(l.progressPercentage);return e.jsxs(I,{flexDirection:r===t.Directions.Vertical||g==="line"&&!S?"column":"row",gap:a.consts[n].dropzone.stateIconGap,alignItems:"center",flexGrow:1,children:[e.jsx(u.FileLoadingSuccess,{size:n,progressPercentage:l.progressPercentage,file:l.file,filePreview:H,type:g,label:!0}),e.jsxs(i.ContentContainer,{$dropzoneAlignment:r,justifyContent:"space-between",gap:a.consts[n].dropzone.actionButtonGap,width:r===t.Directions.Horizontal?"100%":"auto",children:[e.jsxs(i.TextContainer,{$dropzoneAlignment:r,children:[e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:x?l.fileName:"Uploading your file"}),x?e.jsx(u.FileSize,{fileSize:l.file.size,size:n,disabled:s}):e.jsx(i.Subtitle,{disabled:s,size:n===t.Sizes.XSmall?t.Sizes.Small:n,children:l.fileName})]}),y]})]})}return e.jsxs(i.ContentContainer,{$dropzoneAlignment:r,gap:a.consts[n].dropzone.actionButtonGap,justifyContent:"space-between",children:[e.jsxs(i.ContentContainer,{$dropzoneAlignment:r,gap:r===t.Directions.Vertical?"4px":a.consts[n].dropzone.uploadIconGap,children:[m&&e.jsx(i.UploadCloudIcon,{}),e.jsxs(i.TextContainer,{$dropzoneAlignment:r,children:[e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:e.jsx("span",{children:"Drag and drop or choose a file"})}),z&&e.jsxs(i.Subtitle,{disabled:s,size:n===t.Sizes.XSmall?t.Sizes.Small:n,children:["Accepts ",j("and")||"all file types"]})]})]}),y]})};module.exports=L;
 //# sourceMappingURL=FileUploadContent.js.map