npm - intelicoreact - Versions diffs - 2.0.20 → 2.0.21 - Mend

intelicoreact 2.0.20 → 2.0.21

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

package/dist/es/Atomic/FormElements/ActionAlert/ActionAlert.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionAlert.js","names":[],"sources":["../../../../../src/Atomic/FormElements/ActionAlert/ActionAlert.tsx"],"sourcesContent":["import type { IActionAlertProps } from './ActionAlert.interface';\n\nimport cn from 'classnames';\nimport React from 'react';\n\nimport Button from '../../UI/Button/Button';\n\nimport './ActionAlert.scss';\n\nconst ActionAlert: React.FC<IActionAlertProps> = ({\n message,\n className,\n buttonsClassName,\n date,\n noButtons,\n children,\n variant = 'default',\n testId = 'alert',\n buttons,\n}) => {\n return (\n <div role=\"alert\" data-testid={testId} className={cn(`action-alert action-alert--${variant}`, className)}>\n <div className=\"action-alert__message-box\">\n {date && <div className=\"action-alert__time\">{date}</div>}\n <div className=\"action-alert__message\">{message \|\| children}</div>\n </div>\n\n <div className={buttonsClassName}>\n {typeof buttons !== 'undefined'\n && buttons?.length > 0\n && !noButtons\n && buttons.map((item) => {\n const { buttonColor, buttonLabel, ...buttonProps } = item;\n return (\n <Button\n style={{\n backgroundColor: buttonColor,\n borderColor: buttonColor,\n }}\n className=\"ml5\"\n label={buttonLabel}\n {...buttonProps}\n onClick={item.onClick}\n key={item.key}\n />\n );\n })}\n </div>\n </div>\n );\n};\n\nexport default ActionAlert;\n"],"mappings":";;;;;;AASA,IAAM,eAA4C,EAChD,SACA,WACA,kBACA,MACA,WACA,UACA,UAAU,WACV,SAAS,SACT,cACI;CACJ,OACE,qBAAC,OAAD;EAAK,MAAK;EAAQ,eAAa;EAAQ,WAAW,GAAG,8BAA8B,WAAW,SAAS;~~YAAvG~~,CACE,qBAAC,OAAD;GAAK,WAAU;~~aAAf~~,CACG,QAAQ,oBAAC,OAAD;IAAK,WAAU;~~cAAsB~~;GAAU,CAAA,GACxD,oBAAC,OAAD;IAAK,WAAU;~~cAAyB~~,WAAW;GAAc,CAAA,CAC9D;~~MAEL~~,oBAAC,OAAD;GAAK,WAAW;~~aACb~~,OAAO,YAAY,eACf,SAAS,SAAS,KAClB,CAAC,aACD,QAAQ,KAAK,SAAS;IACvB,MAAM,EAAE,aAAa,aAAa,GAAG,gBAAgB;IACrD,OACE,8BAAC,QAAD;KACE,OAAO;MACL,iBAAiB;MACjB,aAAa;KACf;KACA,WAAU;KACV,OAAO;KACP,GAAI;KACJ,SAAS,KAAK;KACd,KAAK,KAAK;IACX,CAAA;GAEL,CAAC;EACA,CAAA,CACF;;AAET"}
1	+ {"version":3,"file":"ActionAlert.js","names":[],"sources":["../../../../../src/Atomic/FormElements/ActionAlert/ActionAlert.tsx"],"sourcesContent":["import type { IActionAlertProps } from './ActionAlert.interface';\n\nimport cn from 'classnames';\nimport React from 'react';\n\nimport Button from '../../UI/Button/Button';\n\nimport './ActionAlert.scss';\n\nconst ActionAlert: React.FC<IActionAlertProps> = ({\n message,\n className,\n buttonsClassName,\n date,\n noButtons,\n children,\n variant = 'default',\n testId = 'alert',\n buttons,\n}) => {\n return (\n <div role=\"alert\" data-testid={testId} className={cn(`action-alert action-alert--${variant}`, className)}>\n <div className=\"action-alert__message-box\">\n {date && <div className=\"action-alert__time\">{date}</div>}\n <div className=\"action-alert__message\">{message \|\| children}</div>\n </div>\n\n <div className={buttonsClassName}>\n {typeof buttons !== 'undefined'\n && buttons?.length > 0\n && !noButtons\n && buttons.map((item) => {\n const { buttonColor, buttonLabel, ...buttonProps } = item;\n return (\n <Button\n style={{\n backgroundColor: buttonColor,\n borderColor: buttonColor,\n }}\n className=\"ml5\"\n label={buttonLabel}\n {...buttonProps}\n onClick={item.onClick}\n key={item.key}\n />\n );\n })}\n </div>\n </div>\n );\n};\n\nexport default ActionAlert;\n"],"mappings":";;;;;;AASA,IAAM,eAA4C,EAChD,SACA,WACA,kBACA,MACA,WACA,UACA,UAAU,WACV,SAAS,SACT,cACI;CACJ,OACE,qBAAC,OAAD;EAAK,MAAK;EAAQ,eAAa;EAAQ,WAAW,GAAG,8BAA8B,WAAW,SAAS;EAAvG,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACG,QAAQ,oBAAC,OAAD;IAAK,WAAU;IAAsB,UAAA;GAAU,CAAA,GACxD,oBAAC,OAAD;IAAK,WAAU;IAAyB,UAAA,WAAW;GAAc,CAAA,CAC9D;EAEL,CAAA,GAAA,oBAAC,OAAD;GAAK,WAAW;GACb,UAAA,OAAO,YAAY,eACf,SAAS,SAAS,KAClB,CAAC,aACD,QAAQ,KAAK,SAAS;IACvB,MAAM,EAAE,aAAa,aAAa,GAAG,gBAAgB;IACrD,OACE,8BAAC,QAAD;KACE,OAAO;MACL,iBAAiB;MACjB,aAAa;KACf;KACA,WAAU;KACV,OAAO;KACP,GAAI;KACJ,SAAS,KAAK;KACd,KAAK,KAAK;IACX,CAAA;GAEL,CAAC;EACA,CAAA,CACF;;AAET"}

package/dist/es/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AdvancedStatus.js","names":[],"sources":["../../../../../src/Atomic/FormElements/AdvancedStatus/AdvancedStatus.tsx"],"sourcesContent":["import type { IAdvancedStatusProps } from './AdvancedStatus.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\nimport Status from '../../UI/Status/Status';\n\nimport TextSwitcher from '../TextSwitcher/TextSwitcher';\n\nimport './AdvancedStatus.scss';\n\nconst RC = 'advanced-status';\n\nconst AdvancedStatus: React.FC<IAdvancedStatusProps> = ({\n onChange,\n inactiveText,\n activeText,\n value,\n disabled = false,\n isPrimary = false,\n primaryStatusText,\n className,\n testId = RC,\n ...props\n}) => {\n const isUndefined = value === undefined \|\| value === null;\n\n return (\n <div\n {...props}\n data-testid={testId}\n className={cn(\n RC,\n {\n 'advanced-status_undefined': isUndefined,\n 'advanced-status_disabled': disabled,\n },\n className,\n )}\n >\n <TextSwitcher\n onChange={onChange}\n isActive={value \|\| false}\n inactiveText={inactiveText}\n activeText={activeText}\n className=\"advanced-status__switcher\"\n />\n {isPrimary && (\n <Status className=\"advanced-status__status\" status=\"warning\">\n {primaryStatusText}\n </Status>\n )}\n </div>\n );\n};\n\nexport default AdvancedStatus;\n"],"mappings":";;;;;;;AAUA,IAAM,KAAK;AAEX,IAAM,kBAAkD,EACtD,UACA,cACA,YACA,OACA,WAAW,OACX,YAAY,OACZ,mBACA,WACA,SAAS,IACT,GAAG,YACC;CACJ,MAAM,cAAc,UAAU,KAAA,KAAa,UAAU;CAErD,OACE,qBAAC,OAAD;EACE,GAAI;EACJ,eAAa;EACb,WAAW,GACT,IACA;GACE,6BAA6B;GAC7B,4BAA4B;EAC9B,GACA,SACF;~~YAVF~~,CAYE,oBAAC,cAAD;GACY;GACV,UAAU,SAAS;GACL;GACF;GACZ,WAAU;EACX,CAAA,GACA,aACC,oBAAC,QAAD;GAAQ,WAAU;GAA0B,QAAO;~~aAChD~~;EACK,CAAA,CAEP;;AAET"}
1	+ {"version":3,"file":"AdvancedStatus.js","names":[],"sources":["../../../../../src/Atomic/FormElements/AdvancedStatus/AdvancedStatus.tsx"],"sourcesContent":["import type { IAdvancedStatusProps } from './AdvancedStatus.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\nimport Status from '../../UI/Status/Status';\n\nimport TextSwitcher from '../TextSwitcher/TextSwitcher';\n\nimport './AdvancedStatus.scss';\n\nconst RC = 'advanced-status';\n\nconst AdvancedStatus: React.FC<IAdvancedStatusProps> = ({\n onChange,\n inactiveText,\n activeText,\n value,\n disabled = false,\n isPrimary = false,\n primaryStatusText,\n className,\n testId = RC,\n ...props\n}) => {\n const isUndefined = value === undefined \|\| value === null;\n\n return (\n <div\n {...props}\n data-testid={testId}\n className={cn(\n RC,\n {\n 'advanced-status_undefined': isUndefined,\n 'advanced-status_disabled': disabled,\n },\n className,\n )}\n >\n <TextSwitcher\n onChange={onChange}\n isActive={value \|\| false}\n inactiveText={inactiveText}\n activeText={activeText}\n className=\"advanced-status__switcher\"\n />\n {isPrimary && (\n <Status className=\"advanced-status__status\" status=\"warning\">\n {primaryStatusText}\n </Status>\n )}\n </div>\n );\n};\n\nexport default AdvancedStatus;\n"],"mappings":";;;;;;;AAUA,IAAM,KAAK;AAEX,IAAM,kBAAkD,EACtD,UACA,cACA,YACA,OACA,WAAW,OACX,YAAY,OACZ,mBACA,WACA,SAAS,IACT,GAAG,YACC;CACJ,MAAM,cAAc,UAAU,KAAA,KAAa,UAAU;CAErD,OACE,qBAAC,OAAD;EACE,GAAI;EACJ,eAAa;EACb,WAAW,GACT,IACA;GACE,6BAA6B;GAC7B,4BAA4B;EAC9B,GACA,SACF;EAVF,UAAA,CAYE,oBAAC,cAAD;GACY;GACV,UAAU,SAAS;GACL;GACF;GACZ,WAAU;EACX,CAAA,GACA,aACC,oBAAC,QAAD;GAAQ,WAAU;GAA0B,QAAO;GAChD,UAAA;EACK,CAAA,CAEP;;AAET"}

package/dist/es/Atomic/FormElements/Calendar/Calendar.js CHANGED Viewed

@@ -43,8 +43,9 @@ var Calendar = ({ date = dateDefault, setDate, setIsOpened, className, isListTop
 		if (!day) return /* @__PURE__ */ jsx("div", { className: "calendar__day" });
 		const isFutureDay = day && !isDontLimitFuture && maxDate ? moment(day.date).isAfter(momentMaxDate || moment().add(1, "days"), "day") : moment(day.date).isAfter(moment(), "day");
 		const isBeforeDay = day && moment(day.date).isBefore(momentMinDate || "", "day");
+		const classNames = cn("calendar__day", { "calendar__day--clickable": day }, { "calendar__day--disabled": !isDontLimitFuture && isFutureDay }, { "calendar__day--disabled": isBeforeDay }, { "calendar__day--selected": moment(date).format() === moment(day.date).format() });
 		return /* @__PURE__ */ jsx("div", {
-			className: cn("calendar__day", { "calendar__day--clickable": day }, { "calendar__day--disabled": !isDontLimitFuture && isFutureDay }, { "calendar__day--disabled": isBeforeDay }, { "calendar__day--selected": moment(date).format() === moment(day.date).format() }),
+			className: classNames,
 			onClick: day && (isDontLimitFuture || !isFutureDay) ? () => {
 				setDate(moment(day.date).format("L"));
 				setIsOpened(false);

package/dist/es/Atomic/FormElements/Calendar/Calendar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Calendar.js","names":[],"sources":["../../../../../src/Atomic/FormElements/Calendar/Calendar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { CalendarProps, Days } from './Calendar.props';\nimport cn from 'classnames';\nimport moment from 'moment';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { ChevronLeft, ChevronRight } from 'react-feather';\n\nimport InputMask from 'react-input-mask';\n\nimport './Calendar.scss';\n\nconst CN = 'calendar';\n\nconst paramsDefault = {} as CalendarProps['params'];\nconst dateDefault = moment().format('L');\n\nconst Calendar: React.FC<CalendarProps> = ({\n date = dateDefault,\n setDate,\n setIsOpened,\n className,\n isListTop,\n allowPrev = true,\n allowNext = true,\n params = paramsDefault,\n testId = CN,\n}) => {\n if (!setDate \|\| !setIsOpened) {\n throw new Error('Required props setDate and setIsOpened must be provided to Calendar component');\n }\n\n const { minDate, maxDate, momentMinDate, momentMaxDate, isDontLimitFuture } = params ?? {};\n\n const [days, setDays] = useState<Days>({});\n const [showDate, setShowDate] = useState<string>(date);\n const [isChangeYear, setIsChangeYear] = useState<boolean>(false);\n const [inputYearValue, setInputYearValue] = useState<string>(moment(showDate, 'L', true).format('YYYY'));\n\n const yearInputRef = useRef<HTMLDivElement>(null);\n const selectedDay = moment(showDate, 'L', true);\n const isError = 'Invalid date';\n\n const showMonth = useMemo(() => moment(showDate, 'L', true).format('MMM'), [showDate]);\n\n const showYear = useMemo(() => moment(showDate, 'L', true).format('YYYY'), [showDate]);\n\n const isShovPrevArrow\n = allowPrev && !(minDate && moment(showDate, 'L', true).startOf('month').isSameOrBefore(momentMinDate, 'months'));\n\n const isShovNextArrow\n = allowNext\n && (isDontLimitFuture\n \|\| !moment(showDate, 'L', true)\n .startOf('month')\n .isSameOrAfter(maxDate ? momentMaxDate : moment().add(1, 'day').startOf('day'), 'months'));\n\n useEffect(() => {\n const result: Days = {};\n const day = selectedDay.startOf('month');\n const daysInMonth = day.daysInMonth();\n\n for (let d = 0; d < daysInMonth; d += 1) {\n let week = day.week();\n if (day.month() === 11 && week === 1) week = 53;\n if (day.month() === 0 && week === 53) week = 0;\n\n if (!Object.prototype.hasOwnProperty.call(result, week)) {\n result[week] = {};\n }\n\n result[week][day.weekday()] = { date: day.toDate() };\n day.add(1, 'd');\n }\n\n setDays(result);\n }, [showDate]);\n\n const renderDay = (week: number, dayOfWeek: number): ReactNode => {\n const day = days[week]?.[dayOfWeek];\n if (!day) return <div className=\"calendar__day\" />;\n\n const isFutureDay\n = day && !isDontLimitFuture && maxDate\n ? moment(day.date).isAfter(momentMaxDate \|\| moment().add(1, 'days'), 'day')\n : moment(day.date).isAfter(moment(), 'day');\n\n const isBeforeDay = day && moment(day.date).isBefore(momentMinDate \|\| '', 'day');\n\n const classNames = cn(\n 'calendar__day',\n { 'calendar__day--clickable': day },\n { 'calendar__day--disabled': !isDontLimitFuture && isFutureDay },\n { 'calendar__day--disabled': isBeforeDay },\n {\n 'calendar__day--selected': moment(date).format() === moment(day.date).format(),\n },\n );\n\n return (\n <div\n key={`${week}_${dayOfWeek}`}\n className={classNames}\n onClick={\n day && (isDontLimitFuture \|\| !isFutureDay)\n ? () => {\n setDate(moment(day.date).format('L'));\n setIsOpened(false);\n }\n : undefined\n }\n >\n {day && day.date.getDate()}\n </div>\n );\n };\n\n const handlePrev = (): void => {\n setShowDate(moment(showDate, 'L', true).subtract(1, 'month').format('L'));\n };\n\n const handleNext = (): void => {\n setShowDate(moment(showDate, 'L', true).add(1, 'month').format('L'));\n };\n\n const closeYearInput = (): void => {\n const newDate = (() => {\n const dateArr = showDate.split('/');\n dateArr[2] = inputYearValue;\n return moment(dateArr.join('/'), 'L', true).format('MM/DD/YYYY') === isError\n ? showDate\n : moment(dateArr.join('/'), 'L', true).format('MM/DD/YYYY');\n })();\n\n let resultDate = newDate;\n if (minDate && moment(minDate) > moment(newDate, 'MM/DD/YYYY', true)) resultDate = moment(showDate, 'L', true).format('MM/DD/YYYY');\n else if (maxDate && moment(maxDate) < moment(newDate, 'MM/DD/YYYY', true)) resultDate = moment(showDate, 'L', true).format('MM/DD/YYYY');\n\n setIsChangeYear(false);\n setShowDate(resultDate);\n setInputYearValue(resultDate);\n };\n\n useEffect(() => {\n let timeoutId: NodeJS.Timeout;\n if (isChangeYear && yearInputRef.current) {\n const input = yearInputRef.current.querySelector('input');\n if (input) {\n setInputYearValue(showYear);\n timeoutId = setTimeout(() => {\n input.focus();\n input.select();\n }, 0);\n }\n }\n\n return () => {\n clearTimeout(timeoutId);\n };\n }, [isChangeYear, showYear]);\n\n return (\n <div\n data-testid={testId}\n className={cn(CN, className, {\n 'calendar_list-top': isListTop,\n })}\n >\n <div className=\"calendar-header\">\n <div className=\"calendar-header__prev\" data-testid={`${testId}-prev-arrow`}>\n {isShovPrevArrow && (\n <div onClick={handlePrev}>\n <ChevronLeft />\n </div>\n )}\n </div>\n <div className={cn('calendar-header__title')} ref={yearInputRef}>\n <span className=\"calendar-header__title-month\">{`${showMonth} `}</span>\n <span\n className={cn('calendar-header__title-year', {\n 'calendar-header__title-year_change-mode': isChangeYear,\n })}\n onClick={() => setIsChangeYear(true)}\n >\n {isChangeYear\n ? (\n <InputMask\n className=\"calendar-header__title-year-change-input\"\n value={inputYearValue}\n mask=\"9999\"\n onBlur={closeYearInput}\n onKeyUp={(e: React.KeyboardEvent) => {\n if (e.key === 'Escape') setIsChangeYear(false);\n if (e.key === 'Enter') closeYearInput();\n }}\n onChange={(e: React.ChangeEvent<HTMLInputElement>) => setInputYearValue(e.target.value)}\n />\n )\n : (\n showYear\n )}\n </span>\n </div>\n <div data-testid={`${testId}-next-arrow`} className=\"calendar-header__next\">\n {isShovNextArrow && (\n <div onClick={handleNext}>\n <ChevronRight />\n </div>\n )}\n </div>\n </div>\n <div className=\"calendar__week\">\n {[...Array.from({ length: 7 }).keys()].map(dayOfWeek => (\n <div key={`day-of-week_${dayOfWeek}`} className=\"calendar__day calendar__day--title\">\n {moment().weekday(dayOfWeek).format('dd')}\n </div>\n ))}\n </div>\n {Object.keys(days).map((week, index) => (\n <div key={`week_${index}`} className=\"calendar__week\">\n {[...Array.from({ length: 7 }).keys()].map(dayOfWeek => (\n <React.Fragment key={`calendar-day--${dayOfWeek}`}>\n {renderDay(Number(week), dayOfWeek)}\n </React.Fragment>\n ))}\n </div>\n ))}\n </div>\n );\n};\n\nexport default Calendar;\n"],"mappings":"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"}
1	+ {"version":3,"file":"Calendar.js","names":[],"sources":["../../../../../src/Atomic/FormElements/Calendar/Calendar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { CalendarProps, Days } from './Calendar.props';\nimport cn from 'classnames';\nimport moment from 'moment';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { ChevronLeft, ChevronRight } from 'react-feather';\n\nimport InputMask from 'react-input-mask';\n\nimport './Calendar.scss';\n\nconst CN = 'calendar';\n\nconst paramsDefault = {} as CalendarProps['params'];\nconst dateDefault = moment().format('L');\n\nconst Calendar: React.FC<CalendarProps> = ({\n date = dateDefault,\n setDate,\n setIsOpened,\n className,\n isListTop,\n allowPrev = true,\n allowNext = true,\n params = paramsDefault,\n testId = CN,\n}) => {\n if (!setDate \|\| !setIsOpened) {\n throw new Error('Required props setDate and setIsOpened must be provided to Calendar component');\n }\n\n const { minDate, maxDate, momentMinDate, momentMaxDate, isDontLimitFuture } = params ?? {};\n\n const [days, setDays] = useState<Days>({});\n const [showDate, setShowDate] = useState<string>(date);\n const [isChangeYear, setIsChangeYear] = useState<boolean>(false);\n const [inputYearValue, setInputYearValue] = useState<string>(moment(showDate, 'L', true).format('YYYY'));\n\n const yearInputRef = useRef<HTMLDivElement>(null);\n const selectedDay = moment(showDate, 'L', true);\n const isError = 'Invalid date';\n\n const showMonth = useMemo(() => moment(showDate, 'L', true).format('MMM'), [showDate]);\n\n const showYear = useMemo(() => moment(showDate, 'L', true).format('YYYY'), [showDate]);\n\n const isShovPrevArrow\n = allowPrev && !(minDate && moment(showDate, 'L', true).startOf('month').isSameOrBefore(momentMinDate, 'months'));\n\n const isShovNextArrow\n = allowNext\n && (isDontLimitFuture\n \|\| !moment(showDate, 'L', true)\n .startOf('month')\n .isSameOrAfter(maxDate ? momentMaxDate : moment().add(1, 'day').startOf('day'), 'months'));\n\n useEffect(() => {\n const result: Days = {};\n const day = selectedDay.startOf('month');\n const daysInMonth = day.daysInMonth();\n\n for (let d = 0; d < daysInMonth; d += 1) {\n let week = day.week();\n if (day.month() === 11 && week === 1) week = 53;\n if (day.month() === 0 && week === 53) week = 0;\n\n if (!Object.prototype.hasOwnProperty.call(result, week)) {\n result[week] = {};\n }\n\n result[week][day.weekday()] = { date: day.toDate() };\n day.add(1, 'd');\n }\n\n setDays(result);\n }, [showDate]);\n\n const renderDay = (week: number, dayOfWeek: number): ReactNode => {\n const day = days[week]?.[dayOfWeek];\n if (!day) return <div className=\"calendar__day\" />;\n\n const isFutureDay\n = day && !isDontLimitFuture && maxDate\n ? moment(day.date).isAfter(momentMaxDate \|\| moment().add(1, 'days'), 'day')\n : moment(day.date).isAfter(moment(), 'day');\n\n const isBeforeDay = day && moment(day.date).isBefore(momentMinDate \|\| '', 'day');\n\n const classNames = cn(\n 'calendar__day',\n { 'calendar__day--clickable': day },\n { 'calendar__day--disabled': !isDontLimitFuture && isFutureDay },\n { 'calendar__day--disabled': isBeforeDay },\n {\n 'calendar__day--selected': moment(date).format() === moment(day.date).format(),\n },\n );\n\n return (\n <div\n key={`${week}_${dayOfWeek}`}\n className={classNames}\n onClick={\n day && (isDontLimitFuture \|\| !isFutureDay)\n ? () => {\n setDate(moment(day.date).format('L'));\n setIsOpened(false);\n }\n : undefined\n }\n >\n {day && day.date.getDate()}\n </div>\n );\n };\n\n const handlePrev = (): void => {\n setShowDate(moment(showDate, 'L', true).subtract(1, 'month').format('L'));\n };\n\n const handleNext = (): void => {\n setShowDate(moment(showDate, 'L', true).add(1, 'month').format('L'));\n };\n\n const closeYearInput = (): void => {\n const newDate = (() => {\n const dateArr = showDate.split('/');\n dateArr[2] = inputYearValue;\n return moment(dateArr.join('/'), 'L', true).format('MM/DD/YYYY') === isError\n ? showDate\n : moment(dateArr.join('/'), 'L', true).format('MM/DD/YYYY');\n })();\n\n let resultDate = newDate;\n if (minDate && moment(minDate) > moment(newDate, 'MM/DD/YYYY', true)) resultDate = moment(showDate, 'L', true).format('MM/DD/YYYY');\n else if (maxDate && moment(maxDate) < moment(newDate, 'MM/DD/YYYY', true)) resultDate = moment(showDate, 'L', true).format('MM/DD/YYYY');\n\n setIsChangeYear(false);\n setShowDate(resultDate);\n setInputYearValue(resultDate);\n };\n\n useEffect(() => {\n let timeoutId: NodeJS.Timeout;\n if (isChangeYear && yearInputRef.current) {\n const input = yearInputRef.current.querySelector('input');\n if (input) {\n setInputYearValue(showYear);\n timeoutId = setTimeout(() => {\n input.focus();\n input.select();\n }, 0);\n }\n }\n\n return () => {\n clearTimeout(timeoutId);\n };\n }, [isChangeYear, showYear]);\n\n return (\n <div\n data-testid={testId}\n className={cn(CN, className, {\n 'calendar_list-top': isListTop,\n })}\n >\n <div className=\"calendar-header\">\n <div className=\"calendar-header__prev\" data-testid={`${testId}-prev-arrow`}>\n {isShovPrevArrow && (\n <div onClick={handlePrev}>\n <ChevronLeft />\n </div>\n )}\n </div>\n <div className={cn('calendar-header__title')} ref={yearInputRef}>\n <span className=\"calendar-header__title-month\">{`${showMonth} `}</span>\n <span\n className={cn('calendar-header__title-year', {\n 'calendar-header__title-year_change-mode': isChangeYear,\n })}\n onClick={() => setIsChangeYear(true)}\n >\n {isChangeYear\n ? (\n <InputMask\n className=\"calendar-header__title-year-change-input\"\n value={inputYearValue}\n mask=\"9999\"\n onBlur={closeYearInput}\n onKeyUp={(e: React.KeyboardEvent) => {\n if (e.key === 'Escape') setIsChangeYear(false);\n if (e.key === 'Enter') closeYearInput();\n }}\n onChange={(e: React.ChangeEvent<HTMLInputElement>) => setInputYearValue(e.target.value)}\n />\n )\n : (\n showYear\n )}\n </span>\n </div>\n <div data-testid={`${testId}-next-arrow`} className=\"calendar-header__next\">\n {isShovNextArrow && (\n <div onClick={handleNext}>\n <ChevronRight />\n </div>\n )}\n </div>\n </div>\n <div className=\"calendar__week\">\n {[...Array.from({ length: 7 }).keys()].map(dayOfWeek => (\n <div key={`day-of-week_${dayOfWeek}`} className=\"calendar__day calendar__day--title\">\n {moment().weekday(dayOfWeek).format('dd')}\n </div>\n ))}\n </div>\n {Object.keys(days).map((week, index) => (\n <div key={`week_${index}`} className=\"calendar__week\">\n {[...Array.from({ length: 7 }).keys()].map(dayOfWeek => (\n <React.Fragment key={`calendar-day--${dayOfWeek}`}>\n {renderDay(Number(week), dayOfWeek)}\n </React.Fragment>\n ))}\n </div>\n ))}\n </div>\n );\n};\n\nexport default Calendar;\n"],"mappings":";;;;;;;;AAWA,IAAM,KAAK;AAEX,IAAM,gBAAgB,CAAC;AACvB,IAAM,cAAc,OAAO,CAAC,CAAC,OAAO,GAAG;AAEvC,IAAM,YAAqC,EACzC,OAAO,aACP,SACA,aACA,WACA,WACA,YAAY,MACZ,YAAY,MACZ,SAAS,eACT,SAAS,SACL;CACJ,IAAI,CAAC,WAAW,CAAC,aACf,MAAM,IAAI,MAAM,+EAA+E;CAGjG,MAAM,EAAE,SAAS,SAAS,eAAe,eAAe,sBAAsB,UAAU,CAAC;CAEzF,MAAM,CAAC,MAAM,WAAW,SAAe,CAAC,CAAC;CACzC,MAAM,CAAC,UAAU,eAAe,SAAiB,IAAI;CACrD,MAAM,CAAC,cAAc,mBAAmB,SAAkB,KAAK;CAC/D,MAAM,CAAC,gBAAgB,qBAAqB,SAAiB,OAAO,UAAU,KAAK,IAAI,CAAC,CAAC,OAAO,MAAM,CAAC;CAEvG,MAAM,eAAe,OAAuB,IAAI;CAChD,MAAM,cAAc,OAAO,UAAU,KAAK,IAAI;CAC9C,MAAM,UAAU;CAEhB,MAAM,YAAY,cAAc,OAAO,UAAU,KAAK,IAAI,CAAC,CAAC,OAAO,KAAK,GAAG,CAAC,QAAQ,CAAC;CAErF,MAAM,WAAW,cAAc,OAAO,UAAU,KAAK,IAAI,CAAC,CAAC,OAAO,MAAM,GAAG,CAAC,QAAQ,CAAC;CAErF,MAAM,kBACF,aAAa,EAAE,WAAW,OAAO,UAAU,KAAK,IAAI,CAAC,CAAC,QAAQ,OAAO,CAAC,CAAC,eAAe,eAAe,QAAQ;CAEjH,MAAM,kBACF,cACI,qBACC,CAAC,OAAO,UAAU,KAAK,IAAI,CAAC,CAC5B,QAAQ,OAAO,CAAC,CAChB,cAAc,UAAU,gBAAgB,OAAO,CAAC,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,QAAQ,KAAK,GAAG,QAAQ;CAEhG,gBAAgB;EACd,MAAM,SAAe,CAAC;EACtB,MAAM,MAAM,YAAY,QAAQ,OAAO;EACvC,MAAM,cAAc,IAAI,YAAY;EAEpC,KAAK,IAAI,IAAI,GAAG,IAAI,aAAa,KAAK,GAAG;GACvC,IAAI,OAAO,IAAI,KAAK;GACpB,IAAI,IAAI,MAAM,MAAM,MAAM,SAAS,GAAG,OAAO;GAC7C,IAAI,IAAI,MAAM,MAAM,KAAK,SAAS,IAAI,OAAO;GAE7C,IAAI,CAAC,OAAO,UAAU,eAAe,KAAK,QAAQ,IAAI,GACpD,OAAO,QAAQ,CAAC;GAGlB,OAAO,KAAK,CAAC,IAAI,QAAQ,KAAK,EAAE,MAAM,IAAI,OAAO,EAAE;GACnD,IAAI,IAAI,GAAG,GAAG;EAChB;EAEA,QAAQ,MAAM;CAChB,GAAG,CAAC,QAAQ,CAAC;CAEb,MAAM,aAAa,MAAc,cAAiC;EAChE,MAAM,MAAM,KAAK,KAAK,GAAG;EACzB,IAAI,CAAC,KAAK,OAAO,oBAAC,OAAD,EAAK,WAAU,gBAAiB,CAAA;EAEjD,MAAM,cACF,OAAO,CAAC,qBAAqB,UAC3B,OAAO,IAAI,IAAI,CAAC,CAAC,QAAQ,iBAAiB,OAAO,CAAC,CAAC,IAAI,GAAG,MAAM,GAAG,KAAK,IACxE,OAAO,IAAI,IAAI,CAAC,CAAC,QAAQ,OAAO,GAAG,KAAK;EAE9C,MAAM,cAAc,OAAO,OAAO,IAAI,IAAI,CAAC,CAAC,SAAS,iBAAiB,IAAI,KAAK;EAE/E,MAAM,aAAa,GACjB,iBACA,EAAE,4BAA4B,IAAI,GAClC,EAAE,2BAA2B,CAAC,qBAAqB,YAAY,GAC/D,EAAE,2BAA2B,YAAY,GACzC,EACE,2BAA2B,OAAO,IAAI,CAAC,CAAC,OAAO,MAAM,OAAO,IAAI,IAAI,CAAC,CAAC,OAAO,EAC/E,CACF;EAEA,OACE,oBAAC,OAAD;GAEE,WAAW;GACX,SACE,QAAQ,qBAAqB,CAAC,qBACpB;IACJ,QAAQ,OAAO,IAAI,IAAI,CAAC,CAAC,OAAO,GAAG,CAAC;IACpC,YAAY,KAAK;GACnB,IACA,KAAA;GAGL,UAAA,OAAO,IAAI,KAAK,QAAQ;EACtB,GAZE,GAAG,KAAK,GAAG,WAYb;CAET;CAEA,MAAM,mBAAyB;EAC7B,YAAY,OAAO,UAAU,KAAK,IAAI,CAAC,CAAC,SAAS,GAAG,OAAO,CAAC,CAAC,OAAO,GAAG,CAAC;CAC1E;CAEA,MAAM,mBAAyB;EAC7B,YAAY,OAAO,UAAU,KAAK,IAAI,CAAC,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC,OAAO,GAAG,CAAC;CACrE;CAEA,MAAM,uBAA6B;EACjC,MAAM,iBAAiB;GACrB,MAAM,UAAU,SAAS,MAAM,GAAG;GAClC,QAAQ,KAAK;GACb,OAAO,OAAO,QAAQ,KAAK,GAAG,GAAG,KAAK,IAAI,CAAC,CAAC,OAAO,YAAY,MAAM,UACjE,WACA,OAAO,QAAQ,KAAK,GAAG,GAAG,KAAK,IAAI,CAAC,CAAC,OAAO,YAAY;EAC9D,EAAA,CAAG;EAEH,IAAI,aAAa;EACjB,IAAI,WAAW,OAAO,OAAO,IAAI,OAAO,SAAS,cAAc,IAAI,GAAG,aAAa,OAAO,UAAU,KAAK,IAAI,CAAC,CAAC,OAAO,YAAY;OAC7H,IAAI,WAAW,OAAO,OAAO,IAAI,OAAO,SAAS,cAAc,IAAI,GAAG,aAAa,OAAO,UAAU,KAAK,IAAI,CAAC,CAAC,OAAO,YAAY;EAEvI,gBAAgB,KAAK;EACrB,YAAY,UAAU;EACtB,kBAAkB,UAAU;CAC9B;CAEA,gBAAgB;EACd,IAAI;EACJ,IAAI,gBAAgB,aAAa,SAAS;GACxC,MAAM,QAAQ,aAAa,QAAQ,cAAc,OAAO;GACxD,IAAI,OAAO;IACT,kBAAkB,QAAQ;IAC1B,YAAY,iBAAiB;KAC3B,MAAM,MAAM;KACZ,MAAM,OAAO;IACf,GAAG,CAAC;GACN;EACF;EAEA,aAAa;GACX,aAAa,SAAS;EACxB;CACF,GAAG,CAAC,cAAc,QAAQ,CAAC;CAE3B,OACE,qBAAC,OAAD;EACE,eAAa;EACb,WAAW,GAAG,IAAI,WAAW,EAC3B,qBAAqB,UACvB,CAAC;EAJH,UAAA;GAME,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,oBAAC,OAAD;MAAK,WAAU;MAAwB,eAAa,GAAG,OAAO;MAC3D,UAAA,mBACC,oBAAC,OAAD;OAAK,SAAS;OACZ,UAAA,oBAAC,aAAD,CAAc,CAAA;MACX,CAAA;KAEJ,CAAA;KACL,qBAAC,OAAD;MAAK,WAAW,GAAG,wBAAwB;MAAG,KAAK;MAAnD,UAAA,CACE,oBAAC,QAAD;OAAM,WAAU;OAAgC,UAAA,GAAG,UAAU;MAAS,CAAA,GACtE,oBAAC,QAAD;OACE,WAAW,GAAG,+BAA+B,EAC3C,2CAA2C,aAC7C,CAAC;OACD,eAAe,gBAAgB,IAAI;OAElC,UAAA,eAEK,oBAAC,WAAD;QACE,WAAU;QACV,OAAO;QACP,MAAK;QACL,QAAQ;QACR,UAAU,MAA2B;SACnC,IAAI,EAAE,QAAQ,UAAU,gBAAgB,KAAK;SAC7C,IAAI,EAAE,QAAQ,SAAS,eAAe;QACxC;QACA,WAAW,MAA2C,kBAAkB,EAAE,OAAO,KAAK;OACvF,CAAA,IAGD;MAEF,CAAA,CACH;;KACL,oBAAC,OAAD;MAAK,eAAa,GAAG,OAAO;MAAc,WAAU;MACjD,UAAA,mBACC,oBAAC,OAAD;OAAK,SAAS;OACZ,UAAA,oBAAC,cAAD,CAAe,CAAA;MACZ,CAAA;KAEJ,CAAA;IACF;;GACL,oBAAC,OAAD;IAAK,WAAU;IACZ,UAAA,CAAC,GAAG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAI,cACzC,oBAAC,OAAD;KAAsC,WAAU;KAC7C,UAAA,OAAO,CAAC,CAAC,QAAQ,SAAS,CAAC,CAAC,OAAO,IAAI;IACrC,GAFK,eAAe,WAEpB,CACN;GACE,CAAA;GACJ,OAAO,KAAK,IAAI,CAAC,CAAC,KAAK,MAAM,UAC5B,oBAAC,OAAD;IAA2B,WAAU;IAClC,UAAA,CAAC,GAAG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAI,cACzC,oBAAC,MAAM,UAAP,EAAA,UACG,UAAU,OAAO,IAAI,GAAG,SAAS,EACpB,GAFK,iBAAiB,WAEtB,CACjB;GACE,GANK,QAAQ,OAMb,CACN;EACE;;AAET"}

package/dist/es/Atomic/FormElements/CheckboxInput/CheckboxInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxInput.js","names":[],"sources":["../../../../../src/Atomic/FormElements/CheckboxInput/CheckboxInput.tsx"],"sourcesContent":["import type { ICheckboxInputProps } from './CheckboxInput.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport './CheckboxInput.scss';\n\nconst RC = 'checkbox-input';\n\nconst attrsOfNativeInputDefault = {}\nconst CheckboxInput: React.FC<ICheckboxInputProps> = ({\n label,\n id,\n value,\n onChange,\n disabled,\n className,\n isStark,\n testId = RC,\n attributesOfNativeInput = attrsOfNativeInputDefault,\n ...props\n}) => {\n return (\n <label\n data-testid={testId}\n className={cn(RC, className, {\n [`checkbox-input_disabled`]: disabled,\n })}\n htmlFor={id?.toString()}\n >\n <div\n className={cn(`checkbox-input__input`, {\n [`checkbox-input__input_checked`]: value,\n [`checkbox-input__input_indeterminate`]: isStark,\n })}\n >\n <input\n {...(id ? { 'id': id.toString(), 'data-id': id } : {})}\n type=\"checkbox\"\n className=\"checkbox-input__checkbox\"\n onChange={e => onChange?.(!value, e)}\n checked={value ?? false}\n disabled={disabled}\n ref={(elem) => {\n if (elem) elem.indeterminate = !!isStark;\n }}\n data-testid={`${testId}-input`}\n {...attributesOfNativeInput}\n {...props}\n />\n <span className=\"checkbox-input__mark\" />\n </div>\n {label && <div className=\"checkbox-input__label\">{label}</div>}\n </label>\n );\n};\n\nexport default CheckboxInput;\n"],"mappings":";;;;;AAOA,IAAM,KAAK;AAEX,IAAM,4BAA4B,CAAC;AACnC,IAAM,iBAAgD,EACpD,OACA,IACA,OACA,UACA,UACA,WACA,SACA,SAAS,IACT,0BAA0B,2BAC1B,GAAG,YACC;CACJ,OACE,qBAAC,SAAD;EACE,eAAa;EACb,WAAW,GAAG,IAAI,WAAW,GAC1B,4BAA4B,SAC/B,CAAC;EACD,SAAS,IAAI,SAAS;~~YALxB~~,CAOE,qBAAC,OAAD;GACE,WAAW,GAAG,yBAAyB;KACpC,kCAAkC;KAClC,wCAAwC;GAC3C,CAAC;~~aAJH~~,CAME,oBAAC,SAAD;IACE,GAAK,KAAK;KAAE,MAAM,GAAG,SAAS;KAAG,WAAW;IAAG,IAAI,CAAC;IACpD,MAAK;IACL,WAAU;IACV,WAAU,MAAK,WAAW,CAAC,OAAO,CAAC;IACnC,SAAS,SAAS;IACR;IACV,MAAM,SAAS;KACb,IAAI,MAAM,KAAK,gBAAgB,CAAC,CAAC;IACnC;IACA,eAAa,GAAG,OAAO;IACvB,GAAI;IACJ,GAAI;GACL,CAAA,GACD,oBAAC,QAAD,EAAM,WAAU,uBAAwB,CAAA,CACrC;~~MACJ~~,SAAS,oBAAC,OAAD;GAAK,WAAU;~~aAAyB~~;EAAW,CAAA,CACxD;;AAEX"}
1	+ {"version":3,"file":"CheckboxInput.js","names":[],"sources":["../../../../../src/Atomic/FormElements/CheckboxInput/CheckboxInput.tsx"],"sourcesContent":["import type { ICheckboxInputProps } from './CheckboxInput.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport './CheckboxInput.scss';\n\nconst RC = 'checkbox-input';\n\nconst attrsOfNativeInputDefault = {}\nconst CheckboxInput: React.FC<ICheckboxInputProps> = ({\n label,\n id,\n value,\n onChange,\n disabled,\n className,\n isStark,\n testId = RC,\n attributesOfNativeInput = attrsOfNativeInputDefault,\n ...props\n}) => {\n return (\n <label\n data-testid={testId}\n className={cn(RC, className, {\n [`checkbox-input_disabled`]: disabled,\n })}\n htmlFor={id?.toString()}\n >\n <div\n className={cn(`checkbox-input__input`, {\n [`checkbox-input__input_checked`]: value,\n [`checkbox-input__input_indeterminate`]: isStark,\n })}\n >\n <input\n {...(id ? { 'id': id.toString(), 'data-id': id } : {})}\n type=\"checkbox\"\n className=\"checkbox-input__checkbox\"\n onChange={e => onChange?.(!value, e)}\n checked={value ?? false}\n disabled={disabled}\n ref={(elem) => {\n if (elem) elem.indeterminate = !!isStark;\n }}\n data-testid={`${testId}-input`}\n {...attributesOfNativeInput}\n {...props}\n />\n <span className=\"checkbox-input__mark\" />\n </div>\n {label && <div className=\"checkbox-input__label\">{label}</div>}\n </label>\n );\n};\n\nexport default CheckboxInput;\n"],"mappings":";;;;;AAOA,IAAM,KAAK;AAEX,IAAM,4BAA4B,CAAC;AACnC,IAAM,iBAAgD,EACpD,OACA,IACA,OACA,UACA,UACA,WACA,SACA,SAAS,IACT,0BAA0B,2BAC1B,GAAG,YACC;CACJ,OACE,qBAAC,SAAD;EACE,eAAa;EACb,WAAW,GAAG,IAAI,WAAW,GAC1B,4BAA4B,SAC/B,CAAC;EACD,SAAS,IAAI,SAAS;EALxB,UAAA,CAOE,qBAAC,OAAD;GACE,WAAW,GAAG,yBAAyB;KACpC,kCAAkC;KAClC,wCAAwC;GAC3C,CAAC;GAJH,UAAA,CAME,oBAAC,SAAD;IACE,GAAK,KAAK;KAAE,MAAM,GAAG,SAAS;KAAG,WAAW;IAAG,IAAI,CAAC;IACpD,MAAK;IACL,WAAU;IACV,WAAU,MAAK,WAAW,CAAC,OAAO,CAAC;IACnC,SAAS,SAAS;IACR;IACV,MAAM,SAAS;KACb,IAAI,MAAM,KAAK,gBAAgB,CAAC,CAAC;IACnC;IACA,eAAa,GAAG,OAAO;IACvB,GAAI;IACJ,GAAI;GACL,CAAA,GACD,oBAAC,QAAD,EAAM,WAAU,uBAAwB,CAAA,CACrC;EACJ,CAAA,GAAA,SAAS,oBAAC,OAAD;GAAK,WAAU;GAAyB,UAAA;EAAW,CAAA,CACxD;;AAEX"}

package/dist/es/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxesLine.js","names":[],"sources":["../../../../../src/Atomic/FormElements/CheckboxesLine/CheckboxesLine.tsx"],"sourcesContent":["import type { ICheckboxLineProps } from './CheckboxesLine.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport Checkbox from '../CheckboxInput/CheckboxInput';\n\nimport './CheckboxesLine.scss';\n\nconst RC = 'checkboxes-line';\n\nconst CheckboxesLine: React.FC<ICheckboxLineProps> = (props) => {\n const { field, onChange } = props;\n const { items, value, disabled, isPositionColumn, className, testId = RC } = field ?? (props \|\| {});\n\n const handleChange = (val: boolean, id: string \| number): void => {\n onChange(val ? [...(value \|\| []), id] : [...(value?.filter(el => el !== id) \|\| [])]);\n };\n\n return (\n <div data-testid={RC} className={cn(RC, { [`${RC}_column`]: isPositionColumn }, className)}>\n {items?.map(item => (\n <Checkbox\n testId={item?.testId \|\| testId}\n id={item.id}\n className={`${RC}__checkbox-input`}\n key={item.label}\n label={item.label \|\| ''}\n value={value?.includes?.(item.id) \|\| false}\n onChange={val => handleChange(val, item.id)}\n disabled={disabled \|\| item.disabled}\n />\n )) \|\| null}\n </div>\n );\n};\n\nexport default CheckboxesLine;\n"],"mappings":";;;;;;AASA,IAAM,KAAK;AAEX,IAAM,kBAAgD,UAAU;CAC9D,MAAM,EAAE,OAAO,aAAa;CAC5B,MAAM,EAAE,OAAO,OAAO,UAAU,kBAAkB,WAAW,SAAS,OAAO,UAAU,SAAS,CAAC;CAEjG,MAAM,gBAAgB,KAAc,OAA8B;EAChE,SAAS,MAAM,CAAC,GAAI,SAAS,CAAC,GAAI,EAAE,IAAI,CAAC,GAAI,OAAO,QAAO,OAAM,OAAO,EAAE,KAAK,CAAC,CAAE,CAAC;CACrF;CAEA,OACE,oBAAC,OAAD;EAAK,eAAa;EAAI,WAAW,GAAG,IAAI,GAAG,GAAG,GAAG,WAAW,iBAAiB,GAAG,SAAS;~~YACtF~~,OAAO,KAAI,SACV,oBAAC,eAAD;GACE,QAAQ,MAAM,UAAU;GACxB,IAAI,KAAK;GACT,WAAW,GAAG,GAAG;GAEjB,OAAO,KAAK,SAAS;GACrB,OAAO,OAAO,WAAW,KAAK,EAAE,KAAK;GACrC,WAAU,QAAO,aAAa,KAAK,KAAK,EAAE;GAC1C,UAAU,YAAY,KAAK;EAC5B,GALM,KAAK,KAKX,CACF,KAAK;CACH,CAAA;AAET"}
1	+ {"version":3,"file":"CheckboxesLine.js","names":[],"sources":["../../../../../src/Atomic/FormElements/CheckboxesLine/CheckboxesLine.tsx"],"sourcesContent":["import type { ICheckboxLineProps } from './CheckboxesLine.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport Checkbox from '../CheckboxInput/CheckboxInput';\n\nimport './CheckboxesLine.scss';\n\nconst RC = 'checkboxes-line';\n\nconst CheckboxesLine: React.FC<ICheckboxLineProps> = (props) => {\n const { field, onChange } = props;\n const { items, value, disabled, isPositionColumn, className, testId = RC } = field ?? (props \|\| {});\n\n const handleChange = (val: boolean, id: string \| number): void => {\n onChange(val ? [...(value \|\| []), id] : [...(value?.filter(el => el !== id) \|\| [])]);\n };\n\n return (\n <div data-testid={RC} className={cn(RC, { [`${RC}_column`]: isPositionColumn }, className)}>\n {items?.map(item => (\n <Checkbox\n testId={item?.testId \|\| testId}\n id={item.id}\n className={`${RC}__checkbox-input`}\n key={item.label}\n label={item.label \|\| ''}\n value={value?.includes?.(item.id) \|\| false}\n onChange={val => handleChange(val, item.id)}\n disabled={disabled \|\| item.disabled}\n />\n )) \|\| null}\n </div>\n );\n};\n\nexport default CheckboxesLine;\n"],"mappings":";;;;;;AASA,IAAM,KAAK;AAEX,IAAM,kBAAgD,UAAU;CAC9D,MAAM,EAAE,OAAO,aAAa;CAC5B,MAAM,EAAE,OAAO,OAAO,UAAU,kBAAkB,WAAW,SAAS,OAAO,UAAU,SAAS,CAAC;CAEjG,MAAM,gBAAgB,KAAc,OAA8B;EAChE,SAAS,MAAM,CAAC,GAAI,SAAS,CAAC,GAAI,EAAE,IAAI,CAAC,GAAI,OAAO,QAAO,OAAM,OAAO,EAAE,KAAK,CAAC,CAAE,CAAC;CACrF;CAEA,OACE,oBAAC,OAAD;EAAK,eAAa;EAAI,WAAW,GAAG,IAAI,GAAG,GAAG,GAAG,WAAW,iBAAiB,GAAG,SAAS;EACtF,UAAA,OAAO,KAAI,SACV,oBAAC,eAAD;GACE,QAAQ,MAAM,UAAU;GACxB,IAAI,KAAK;GACT,WAAW,GAAG,GAAG;GAEjB,OAAO,KAAK,SAAS;GACrB,OAAO,OAAO,WAAW,KAAK,EAAE,KAAK;GACrC,WAAU,QAAO,aAAa,KAAK,KAAK,EAAE;GAC1C,UAAU,YAAY,KAAK;EAC5B,GALM,KAAK,KAKX,CACF,KAAK;CACH,CAAA;AAET"}

package/dist/es/Atomic/FormElements/Datepicker/Datepicker.js CHANGED Viewed

@@ -124,10 +124,11 @@ var Datepicker = ({ isCompareHidden, limitRange, onChange, values, onChangeCompa
 			return;
 		}
 		if (timerId) clearTimeout(timerId);
-		if (startDate && endDate && moment(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0) if (moment(date).isAfter(moment(startDate), "day")) setHoverStatus("end");
-		else if (moment(date).isBefore(moment(startDate), "day")) setHoverStatus("start");
-		else setHoverStatus(null);
-		else setHoverStatus("start");
+		if (startDate && endDate && moment(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0) {
+			if (moment(date).isAfter(moment(startDate), "day")) setHoverStatus("end");
+			else if (moment(date).isBefore(moment(startDate), "day")) setHoverStatus("start");
+			else setHoverStatus(null);
+		} else setHoverStatus("start");
 	};
 	const handleChangeStartHour = (value) => {
 		const val = Number(value);

package/dist/es/Atomic/FormElements/Datepicker/Datepicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Datepicker.js","names":[],"sources":["../../../../../src/Atomic/FormElements/Datepicker/Datepicker.tsx"],"sourcesContent":["import type { KeyboardEvent } from 'react';\nimport type { DatepickerProps, DateRange } from './Datepicker.props';\n\nimport cn from 'classnames';\nimport moment from 'moment';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport Langs from '../../../Langs';\nimport Button from '../../UI/Button/Button';\nimport Dropdown from '../Dropdown/Dropdown';\nimport Input from '../Input/Input';\nimport Switcher from '../Switcher/Switcher';\nimport DatepickerCalendar from './components/DatepickerCalendar';\n\nimport './Datepicker.scss';\n\nfunction padTime(time: number): string {\n return `${time.toString().padStart(2, '0')}:00`;\n}\n\nconst Datepicker: React.FC<DatepickerProps> = ({\n isCompareHidden,\n limitRange,\n onChange,\n values,\n onChangeCompare,\n onCancel,\n getSelectedMode,\n onChangeInterval,\n}) => {\n const { start = null, end = null, compare = false } = values as DateRange;\n // @ts-ignore\n const txt = Langs[globalThis.lng as keyof typeof Langs];\n\n const startDateInputRef = useRef<HTMLInputElement>(null);\n const endDateInputRef = useRef<HTMLInputElement>(null);\n\n const [startDate, setStartDate] = useState<Date \| null>(start);\n const [endDate, setEndDate] = useState<Date \| null>(end);\n const [startDateInput, setStartDateInput] = useState<string \| Date \| null>(start);\n const [endDateInput, setEndDateInput] = useState<string \| Date \| null>(end);\n const [startHour, setStartHour] = useState<number>(start ? moment(start).hour() : 0);\n const [endHour, setEndHour] = useState<number>(end ? moment(end).hour() : 0);\n const [isCompare, setIsCompare] = useState<boolean>(compare);\n const [date1, setDate1] = useState<Date>(\n start ? moment(start).toDate() : moment().subtract(1, 'month').toDate(),\n );\n const [date2, setDate2] = useState<Date>(\n end ? moment(end).toDate() : moment().toDate(),\n );\n const [isStartFocused, setIsStartFocused] = useState(false);\n const [isEndFocused, setIsEndFocused] = useState(false);\n const [hoverStatus, setHoverStatus] = useState<'start' \| 'end' \| null>(null);\n\n const dateInterval = getSelectedMode?.({ start: startDate, end: endDate });\n\n const isNearby = useMemo(\n () => moment(date2).subtract(1, 'month').isSame(moment(date1), 'month'),\n [date1, date2],\n );\n\n const isPreviousPeriodShowed = useMemo(\n () => isCompare && !isCompareHidden && startDate && endDate,\n [startDate, endDate, isCompare],\n );\n\n const prevEndHour = useRef<number>(endHour);\n\n const getStartHourItems = (): { label: string; value: number; disabled: boolean }[] =>\n Array.from({ length: 24 }, (_, hour) => ({\n label: padTime(hour),\n value: hour,\n disabled: !!(\n startDate\n && endDate\n && moment(startDate).isSame(endDate, 'day')\n && endHour <= hour\n ),\n }));\n\n const getEndHourItems = (): { label: string; value: number; disabled: boolean }[] =>\n Array.from({ length: 24 }, (_, hour) => ({\n label: padTime(hour + 1),\n value: hour === 23 ? 0 : hour + 1,\n disabled: !!(\n startDate\n && endDate\n && (moment(startDate).isSame(endDate, 'day')\n \|\| (moment(startDate).isSame(moment(endDate).subtract(1, 'days'), 'day')\n && endHour === 0))\n && hour < startHour\n ),\n }));\n\n const startPrevDate = useMemo(() => {\n if (isPreviousPeriodShowed && startDate && endDate) {\n const intervalHours = moment(endDate).diff(startDate, 'hours');\n return moment(startDate).subtract(intervalHours, 'hours').toDate();\n }\n return null;\n }, [startDate, endDate, isCompare]);\n\n const endPrevDate = useMemo(() => {\n return isPreviousPeriodShowed && startDate ? startDate : null;\n }, [startDate, isCompare]);\n\n const title = useMemo(() => {\n if (isCompare && !isCompareHidden && startPrevDate && endPrevDate) {\n return `${moment(startPrevDate).format('ll')} (${moment(startPrevDate).format('HH:mm')}) - ${moment(\n endPrevDate,\n ).format('ll')} (${moment(endPrevDate).format('HH:mm')})`;\n }\n return '';\n }, [startPrevDate, endPrevDate, isCompare]);\n\n const subtractDay = (date: Date): moment.Moment => (endHour === 0 ? moment(date).subtract(1, 'days') : moment(date));\n const addDay = (date: Date): moment.Moment => (endHour === 0 ? moment(date).add(1, 'days') : moment(date));\n\n useEffect(() => {\n if (startDate && endDate && moment(startDate).isSameOrAfter(endDate)) {\n const newStart = moment(endDate).subtract(1, 'd').toDate();\n setStartDate(newStart);\n setDate1(newStart);\n }\n }, [startDate]);\n\n useEffect(() => {\n if (startDate && endDate && moment(endDate).isSameOrBefore(startDate)) {\n const newEnd = moment(startDate).add(1, 'd').toDate();\n setEndDate(newEnd);\n setDate2(newEnd);\n }\n }, [endDate]);\n\n useEffect(() => {\n setStartDateInput(startDate);\n setEndDateInput(endDate);\n if (startDate && endDate && moment(startDate).isBefore(moment(endDate), 'month')) {\n setDate1(startDate);\n setDate2(endDate);\n }\n }, [startDate, endDate]);\n\n useEffect(() => {\n if (moment(date1).isSameOrAfter(moment(date2), 'month')) {\n setDate1(moment(date2).subtract(1, 'month').toDate());\n }\n }, [date1, date2]);\n\n useEffect(() => {\n if (dateInterval) onChangeInterval?.(dateInterval);\n }, [dateInterval]);\n\n const handleClick = (date: Date): void => {\n prevEndHour.current = 0;\n if (\n !startDate\n \|\| (startDate\n && endDate\n && !(\n moment(startDate).add(1, 'd').isSame(endDate, 'day')\n && endHour === 0\n ))\n ) {\n setStartDate(moment(date).startOf('day').toDate());\n setEndDate(moment(date).add(1, 'd').startOf('day').toDate());\n setStartHour(0);\n setEndHour(0);\n }\n else if (moment(date).isBefore(moment(startDate), 'day')) {\n setEndDate(moment(startDate).add(1, 'd').startOf('day').toDate());\n setStartDate(moment(date).set('hour', startHour).toDate());\n }\n else if (moment(date).isAfter(moment(startDate), 'day')) {\n setEndDate(moment(date).add(1, 'd').startOf('day').toDate());\n }\n setHoverStatus(null);\n };\n\n let timerId: ReturnType<typeof setTimeout>;\n\n const handleHover = (date: Date \| null): void => {\n if (!date) {\n timerId = setTimeout(() => setHoverStatus(null), 400);\n return;\n }\n if (timerId) clearTimeout(timerId);\n if (startDate && endDate && moment(startDate).add(1, 'd').isSame(endDate, 'day') && endHour === 0) {\n if (moment(date).isAfter(moment(startDate), 'day')) setHoverStatus('end');\n else if (moment(date).isBefore(moment(startDate), 'day')) setHoverStatus('start');\n else setHoverStatus(null);\n }\n else {\n setHoverStatus('start');\n }\n };\n\n const handleChangeStartHour = (value: string \| number): void => {\n const val = Number(value);\n setStartHour(val);\n if (startDate) setStartDate(moment(startDate).set('hour', val).toDate());\n };\n\n const handleChangeEndHour = (value: string \| number): void => {\n const newHour = Number(value);\n setEndHour(newHour);\n if (!endDate) return;\n\n let newEndDate: Date \| moment.Moment;\n if (prevEndHour.current === 0 && newHour !== 0) {\n newEndDate = moment(endDate).subtract(1, 'days');\n }\n else if (prevEndHour.current !== 0 && newHour === 0) {\n newEndDate = moment(endDate).add(1, 'days');\n }\n else {\n newEndDate = moment(endDate);\n }\n prevEndHour.current = newHour;\n setEndDate(moment(newEndDate).set('hour', newHour).toDate());\n };\n\n const handleStartDateFocus = (): void => {\n setIsStartFocused(true);\n if (startDate) setStartDateInput(moment(startDate).format('L'));\n };\n\n const handleEndDateFocus = (): void => {\n setIsEndFocused(true);\n if (endDate) setEndDateInput(moment(subtractDay(endDate)).format('L'));\n };\n\n const handleStartDateBlur = (): void => {\n if (typeof startDateInput === 'string' && moment(startDateInput).isValid()) {\n const newDate = moment(startDateInput).set('hour', startHour).toDate();\n setStartDate(newDate);\n setDate1(\n moment(newDate).isSameOrAfter(moment(date2), 'month')\n ? moment(date2).subtract(1, 'month').toDate()\n : newDate,\n );\n }\n else {\n setStartDateInput(startDate);\n }\n setIsStartFocused(false);\n startDateInputRef.current?.blur();\n };\n\n const handleEndDateBlur = (): void => {\n if (typeof endDateInput === 'string' && moment(endDateInput).isValid()) {\n const newDate = moment(endDateInput).set('hour', endHour).toDate();\n const finalDate = addDay(newDate).toDate();\n setEndDate(finalDate);\n setDate2(finalDate);\n }\n else {\n setEndDateInput(endDate);\n }\n setIsEndFocused(false);\n endDateInputRef.current?.blur();\n };\n\n const handleKeyPressed = (e: KeyboardEvent<HTMLInputElement>, callback: () => void): void => {\n if (e.key === 'Enter') callback();\n };\n\n const renderButtons = (): React.ReactNode => (\n <>\n <Button className=\"plr15 mr5\" onClick={onCancel}>\n {txt.buttons.cancel}\n </Button>\n <Button\n className=\"plr20\"\n // variant=\"filled\"\n disabled={!startDate \|\| !endDate}\n onClick={() => {\n if (!startDate \|\| !endDate) return;\n onChange?.({\n start: startDate,\n end: endDate,\n startPrevDate,\n endPrevDate,\n compare: isCompare,\n });\n }}\n >\n {txt.buttons.apply}\n </Button>\n </>\n );\n\n const renderPreviousPeriod = (): React.ReactNode => (\n <>\n {/* @ts-ignore */}\n {txt.labels.previousPeriod}\n :\n {' '}\n <span className=\"date-picker__previous-period-interval\">{title}</span>\n </>\n );\n\n return (\n <div className=\"date-picker\">\n <div className=\"date-picker__header\">\n <Input\n testId=\"datepicker_start-date-input\"\n className={cn('mr5', {\n 'date-picker-text-input--active': hoverStatus === 'start',\n })}\n value={\n isStartFocused ? String(startDateInput) : moment(startDate).format('ll')\n }\n disabled={!startDate}\n onChange={value => setStartDateInput(value)}\n onFocus={handleStartDateFocus}\n onBlur={handleStartDateBlur}\n onKeyDown={(_keyCode: string \| number, e: KeyboardEvent<HTMLInputElement>) => handleKeyPressed(e, handleStartDateBlur)}\n ref={startDateInputRef}\n />\n <Dropdown\n testId=\"datepicker_start-hour-select-input\"\n onChange={handleChangeStartHour}\n value={startHour}\n options={getStartHourItems()}\n disabled={!startDate}\n />\n <div className=\"pl5 pr5 date-picker__header--gray\">—</div>\n <Input\n testId=\"datepicker_end-date-input\"\n className={cn('mr5', {\n 'date-picker-text-input--active': hoverStatus === 'end',\n })}\n value={\n isEndFocused\n ? String(endDateInput)\n : endDate\n ? moment(subtractDay(endDate)).format('ll')\n : ''\n }\n disabled={!endDate}\n onChange={(value: string) => setEndDateInput(value)}\n onFocus={handleEndDateFocus}\n onBlur={handleEndDateBlur}\n onKeyDown={(_keyCode, e: KeyboardEvent<HTMLInputElement>) => handleKeyPressed(e, handleEndDateBlur)}\n ref={endDateInputRef}\n />\n <Dropdown\n testId=\"datepicker_end-hour-select-input\"\n onChange={handleChangeEndHour}\n value={endHour}\n options={getEndHourItems()}\n disabled={!endDate}\n />\n </div>\n <div className=\"date-picker__previous-period\">\n {isCompare\n && !isCompareHidden\n && startDate\n && endDate\n && renderPreviousPeriod()}\n </div>\n <div className=\"date-picker__calendars\">\n <DatepickerCalendar\n date={date1}\n setDate={setDate1}\n allowNext={!isNearby}\n startDate={startDate}\n endDate={endDate}\n startPrevDate={startPrevDate}\n endPrevDate={endPrevDate}\n onClick={handleClick}\n onHover={handleHover}\n limitRange={limitRange}\n />\n <DatepickerCalendar\n date={date2}\n setDate={setDate2}\n allowPrev={!isNearby}\n startDate={startDate}\n endDate={endDate}\n startPrevDate={startPrevDate}\n endPrevDate={endPrevDate}\n onClick={handleClick}\n onHover={handleHover}\n />\n </div>\n <div className=\"date-picker__footer j46\">\n {!isCompareHidden && (\n <div className=\"j4\">\n <div className=\"mr5\">\n <Switcher\n testId=\"datepicker_compare\"\n // @ts-ignore\n label={txt.labels.compare}\n isActive={isCompare}\n onChange={() => {\n onChangeCompare?.(!isCompare);\n setIsCompare(state => !state);\n }}\n />\n </div>\n </div>\n )}\n <div>{renderButtons()}</div>\n </div>\n </div>\n );\n};\n\nexport default Datepicker;\n"],"mappings":"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"}
1	+ {"version":3,"file":"Datepicker.js","names":[],"sources":["../../../../../src/Atomic/FormElements/Datepicker/Datepicker.tsx"],"sourcesContent":["import type { KeyboardEvent } from 'react';\nimport type { DatepickerProps, DateRange } from './Datepicker.props';\n\nimport cn from 'classnames';\nimport moment from 'moment';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport Langs from '../../../Langs';\nimport Button from '../../UI/Button/Button';\nimport Dropdown from '../Dropdown/Dropdown';\nimport Input from '../Input/Input';\nimport Switcher from '../Switcher/Switcher';\nimport DatepickerCalendar from './components/DatepickerCalendar';\n\nimport './Datepicker.scss';\n\nfunction padTime(time: number): string {\n return `${time.toString().padStart(2, '0')}:00`;\n}\n\nconst Datepicker: React.FC<DatepickerProps> = ({\n isCompareHidden,\n limitRange,\n onChange,\n values,\n onChangeCompare,\n onCancel,\n getSelectedMode,\n onChangeInterval,\n}) => {\n const { start = null, end = null, compare = false } = values as DateRange;\n // @ts-ignore\n const txt = Langs[globalThis.lng as keyof typeof Langs];\n\n const startDateInputRef = useRef<HTMLInputElement>(null);\n const endDateInputRef = useRef<HTMLInputElement>(null);\n\n const [startDate, setStartDate] = useState<Date \| null>(start);\n const [endDate, setEndDate] = useState<Date \| null>(end);\n const [startDateInput, setStartDateInput] = useState<string \| Date \| null>(start);\n const [endDateInput, setEndDateInput] = useState<string \| Date \| null>(end);\n const [startHour, setStartHour] = useState<number>(start ? moment(start).hour() : 0);\n const [endHour, setEndHour] = useState<number>(end ? moment(end).hour() : 0);\n const [isCompare, setIsCompare] = useState<boolean>(compare);\n const [date1, setDate1] = useState<Date>(\n start ? moment(start).toDate() : moment().subtract(1, 'month').toDate(),\n );\n const [date2, setDate2] = useState<Date>(\n end ? moment(end).toDate() : moment().toDate(),\n );\n const [isStartFocused, setIsStartFocused] = useState(false);\n const [isEndFocused, setIsEndFocused] = useState(false);\n const [hoverStatus, setHoverStatus] = useState<'start' \| 'end' \| null>(null);\n\n const dateInterval = getSelectedMode?.({ start: startDate, end: endDate });\n\n const isNearby = useMemo(\n () => moment(date2).subtract(1, 'month').isSame(moment(date1), 'month'),\n [date1, date2],\n );\n\n const isPreviousPeriodShowed = useMemo(\n () => isCompare && !isCompareHidden && startDate && endDate,\n [startDate, endDate, isCompare],\n );\n\n const prevEndHour = useRef<number>(endHour);\n\n const getStartHourItems = (): { label: string; value: number; disabled: boolean }[] =>\n Array.from({ length: 24 }, (_, hour) => ({\n label: padTime(hour),\n value: hour,\n disabled: !!(\n startDate\n && endDate\n && moment(startDate).isSame(endDate, 'day')\n && endHour <= hour\n ),\n }));\n\n const getEndHourItems = (): { label: string; value: number; disabled: boolean }[] =>\n Array.from({ length: 24 }, (_, hour) => ({\n label: padTime(hour + 1),\n value: hour === 23 ? 0 : hour + 1,\n disabled: !!(\n startDate\n && endDate\n && (moment(startDate).isSame(endDate, 'day')\n \|\| (moment(startDate).isSame(moment(endDate).subtract(1, 'days'), 'day')\n && endHour === 0))\n && hour < startHour\n ),\n }));\n\n const startPrevDate = useMemo(() => {\n if (isPreviousPeriodShowed && startDate && endDate) {\n const intervalHours = moment(endDate).diff(startDate, 'hours');\n return moment(startDate).subtract(intervalHours, 'hours').toDate();\n }\n return null;\n }, [startDate, endDate, isCompare]);\n\n const endPrevDate = useMemo(() => {\n return isPreviousPeriodShowed && startDate ? startDate : null;\n }, [startDate, isCompare]);\n\n const title = useMemo(() => {\n if (isCompare && !isCompareHidden && startPrevDate && endPrevDate) {\n return `${moment(startPrevDate).format('ll')} (${moment(startPrevDate).format('HH:mm')}) - ${moment(\n endPrevDate,\n ).format('ll')} (${moment(endPrevDate).format('HH:mm')})`;\n }\n return '';\n }, [startPrevDate, endPrevDate, isCompare]);\n\n const subtractDay = (date: Date): moment.Moment => (endHour === 0 ? moment(date).subtract(1, 'days') : moment(date));\n const addDay = (date: Date): moment.Moment => (endHour === 0 ? moment(date).add(1, 'days') : moment(date));\n\n useEffect(() => {\n if (startDate && endDate && moment(startDate).isSameOrAfter(endDate)) {\n const newStart = moment(endDate).subtract(1, 'd').toDate();\n setStartDate(newStart);\n setDate1(newStart);\n }\n }, [startDate]);\n\n useEffect(() => {\n if (startDate && endDate && moment(endDate).isSameOrBefore(startDate)) {\n const newEnd = moment(startDate).add(1, 'd').toDate();\n setEndDate(newEnd);\n setDate2(newEnd);\n }\n }, [endDate]);\n\n useEffect(() => {\n setStartDateInput(startDate);\n setEndDateInput(endDate);\n if (startDate && endDate && moment(startDate).isBefore(moment(endDate), 'month')) {\n setDate1(startDate);\n setDate2(endDate);\n }\n }, [startDate, endDate]);\n\n useEffect(() => {\n if (moment(date1).isSameOrAfter(moment(date2), 'month')) {\n setDate1(moment(date2).subtract(1, 'month').toDate());\n }\n }, [date1, date2]);\n\n useEffect(() => {\n if (dateInterval) onChangeInterval?.(dateInterval);\n }, [dateInterval]);\n\n const handleClick = (date: Date): void => {\n prevEndHour.current = 0;\n if (\n !startDate\n \|\| (startDate\n && endDate\n && !(\n moment(startDate).add(1, 'd').isSame(endDate, 'day')\n && endHour === 0\n ))\n ) {\n setStartDate(moment(date).startOf('day').toDate());\n setEndDate(moment(date).add(1, 'd').startOf('day').toDate());\n setStartHour(0);\n setEndHour(0);\n }\n else if (moment(date).isBefore(moment(startDate), 'day')) {\n setEndDate(moment(startDate).add(1, 'd').startOf('day').toDate());\n setStartDate(moment(date).set('hour', startHour).toDate());\n }\n else if (moment(date).isAfter(moment(startDate), 'day')) {\n setEndDate(moment(date).add(1, 'd').startOf('day').toDate());\n }\n setHoverStatus(null);\n };\n\n let timerId: ReturnType<typeof setTimeout>;\n\n const handleHover = (date: Date \| null): void => {\n if (!date) {\n timerId = setTimeout(() => setHoverStatus(null), 400);\n return;\n }\n if (timerId) clearTimeout(timerId);\n if (startDate && endDate && moment(startDate).add(1, 'd').isSame(endDate, 'day') && endHour === 0) {\n if (moment(date).isAfter(moment(startDate), 'day')) setHoverStatus('end');\n else if (moment(date).isBefore(moment(startDate), 'day')) setHoverStatus('start');\n else setHoverStatus(null);\n }\n else {\n setHoverStatus('start');\n }\n };\n\n const handleChangeStartHour = (value: string \| number): void => {\n const val = Number(value);\n setStartHour(val);\n if (startDate) setStartDate(moment(startDate).set('hour', val).toDate());\n };\n\n const handleChangeEndHour = (value: string \| number): void => {\n const newHour = Number(value);\n setEndHour(newHour);\n if (!endDate) return;\n\n let newEndDate: Date \| moment.Moment;\n if (prevEndHour.current === 0 && newHour !== 0) {\n newEndDate = moment(endDate).subtract(1, 'days');\n }\n else if (prevEndHour.current !== 0 && newHour === 0) {\n newEndDate = moment(endDate).add(1, 'days');\n }\n else {\n newEndDate = moment(endDate);\n }\n prevEndHour.current = newHour;\n setEndDate(moment(newEndDate).set('hour', newHour).toDate());\n };\n\n const handleStartDateFocus = (): void => {\n setIsStartFocused(true);\n if (startDate) setStartDateInput(moment(startDate).format('L'));\n };\n\n const handleEndDateFocus = (): void => {\n setIsEndFocused(true);\n if (endDate) setEndDateInput(moment(subtractDay(endDate)).format('L'));\n };\n\n const handleStartDateBlur = (): void => {\n if (typeof startDateInput === 'string' && moment(startDateInput).isValid()) {\n const newDate = moment(startDateInput).set('hour', startHour).toDate();\n setStartDate(newDate);\n setDate1(\n moment(newDate).isSameOrAfter(moment(date2), 'month')\n ? moment(date2).subtract(1, 'month').toDate()\n : newDate,\n );\n }\n else {\n setStartDateInput(startDate);\n }\n setIsStartFocused(false);\n startDateInputRef.current?.blur();\n };\n\n const handleEndDateBlur = (): void => {\n if (typeof endDateInput === 'string' && moment(endDateInput).isValid()) {\n const newDate = moment(endDateInput).set('hour', endHour).toDate();\n const finalDate = addDay(newDate).toDate();\n setEndDate(finalDate);\n setDate2(finalDate);\n }\n else {\n setEndDateInput(endDate);\n }\n setIsEndFocused(false);\n endDateInputRef.current?.blur();\n };\n\n const handleKeyPressed = (e: KeyboardEvent<HTMLInputElement>, callback: () => void): void => {\n if (e.key === 'Enter') callback();\n };\n\n const renderButtons = (): React.ReactNode => (\n <>\n <Button className=\"plr15 mr5\" onClick={onCancel}>\n {txt.buttons.cancel}\n </Button>\n <Button\n className=\"plr20\"\n // variant=\"filled\"\n disabled={!startDate \|\| !endDate}\n onClick={() => {\n if (!startDate \|\| !endDate) return;\n onChange?.({\n start: startDate,\n end: endDate,\n startPrevDate,\n endPrevDate,\n compare: isCompare,\n });\n }}\n >\n {txt.buttons.apply}\n </Button>\n </>\n );\n\n const renderPreviousPeriod = (): React.ReactNode => (\n <>\n {/* @ts-ignore */}\n {txt.labels.previousPeriod}\n :\n {' '}\n <span className=\"date-picker__previous-period-interval\">{title}</span>\n </>\n );\n\n return (\n <div className=\"date-picker\">\n <div className=\"date-picker__header\">\n <Input\n testId=\"datepicker_start-date-input\"\n className={cn('mr5', {\n 'date-picker-text-input--active': hoverStatus === 'start',\n })}\n value={\n isStartFocused ? String(startDateInput) : moment(startDate).format('ll')\n }\n disabled={!startDate}\n onChange={value => setStartDateInput(value)}\n onFocus={handleStartDateFocus}\n onBlur={handleStartDateBlur}\n onKeyDown={(_keyCode: string \| number, e: KeyboardEvent<HTMLInputElement>) => handleKeyPressed(e, handleStartDateBlur)}\n ref={startDateInputRef}\n />\n <Dropdown\n testId=\"datepicker_start-hour-select-input\"\n onChange={handleChangeStartHour}\n value={startHour}\n options={getStartHourItems()}\n disabled={!startDate}\n />\n <div className=\"pl5 pr5 date-picker__header--gray\">—</div>\n <Input\n testId=\"datepicker_end-date-input\"\n className={cn('mr5', {\n 'date-picker-text-input--active': hoverStatus === 'end',\n })}\n value={\n isEndFocused\n ? String(endDateInput)\n : endDate\n ? moment(subtractDay(endDate)).format('ll')\n : ''\n }\n disabled={!endDate}\n onChange={(value: string) => setEndDateInput(value)}\n onFocus={handleEndDateFocus}\n onBlur={handleEndDateBlur}\n onKeyDown={(_keyCode, e: KeyboardEvent<HTMLInputElement>) => handleKeyPressed(e, handleEndDateBlur)}\n ref={endDateInputRef}\n />\n <Dropdown\n testId=\"datepicker_end-hour-select-input\"\n onChange={handleChangeEndHour}\n value={endHour}\n options={getEndHourItems()}\n disabled={!endDate}\n />\n </div>\n <div className=\"date-picker__previous-period\">\n {isCompare\n && !isCompareHidden\n && startDate\n && endDate\n && renderPreviousPeriod()}\n </div>\n <div className=\"date-picker__calendars\">\n <DatepickerCalendar\n date={date1}\n setDate={setDate1}\n allowNext={!isNearby}\n startDate={startDate}\n endDate={endDate}\n startPrevDate={startPrevDate}\n endPrevDate={endPrevDate}\n onClick={handleClick}\n onHover={handleHover}\n limitRange={limitRange}\n />\n <DatepickerCalendar\n date={date2}\n setDate={setDate2}\n allowPrev={!isNearby}\n startDate={startDate}\n endDate={endDate}\n startPrevDate={startPrevDate}\n endPrevDate={endPrevDate}\n onClick={handleClick}\n onHover={handleHover}\n />\n </div>\n <div className=\"date-picker__footer j46\">\n {!isCompareHidden && (\n <div className=\"j4\">\n <div className=\"mr5\">\n <Switcher\n testId=\"datepicker_compare\"\n // @ts-ignore\n label={txt.labels.compare}\n isActive={isCompare}\n onChange={() => {\n onChangeCompare?.(!isCompare);\n setIsCompare(state => !state);\n }}\n />\n </div>\n </div>\n )}\n <div>{renderButtons()}</div>\n </div>\n </div>\n );\n};\n\nexport default Datepicker;\n"],"mappings":"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"}

package/dist/es/Atomic/FormElements/Datepicker/components/DatepickerCalendar.js CHANGED Viewed

@@ -29,8 +29,9 @@ var DatepickerCalendar = ({ date, setDate, startDate, endDate, allowPrev = true,
 		const isRangeInside = day && startDate && endDate && moment(day.date).isAfter(startDate, "day") && moment(day.date).isBefore(moment(endDate).subtract(1, "hour"), "day");
 		const isPrevRangeEnd = day && (moment(day.date).isSame(startPrevDate, "day") || moment(day.date).isSame(moment(endPrevDate).subtract(1, "day"), "day"));
 		const isPrevRangeInside = day && startPrevDate && endPrevDate && moment(day.date).isAfter(startPrevDate, "day") && moment(day.date).isBefore(moment(endPrevDate).subtract(1, "day"), "day");
+		const classNames = cn("calendar__day", { "calendar__day--clickable": day }, { "calendar__day--disabled": isFutureDay || isPastDay }, { "calendar__day--range-end": isRangeEnd }, { "calendar__day--range-inside": isRangeInside }, { "calendar__day--prev-range-end": isPrevRangeEnd }, { "calendar__day--prev-range-inside": isPrevRangeInside });
 		return /* @__PURE__ */ jsx("div", {
-			className: cn("calendar__day", { "calendar__day--clickable": day }, { "calendar__day--disabled": isFutureDay || isPastDay }, { "calendar__day--range-end": isRangeEnd }, { "calendar__day--range-inside": isRangeInside }, { "calendar__day--prev-range-end": isPrevRangeEnd }, { "calendar__day--prev-range-inside": isPrevRangeInside }),
+			className: classNames,
 			onClick: day && !isFutureDay ? () => onClick(day.date) : void 0,
 			onMouseOver: day && !isFutureDay ? () => onHover(day.date) : void 0,
 			onMouseLeave: () => onHover(null),

package/dist/es/Atomic/FormElements/Datepicker/components/DatepickerCalendar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatepickerCalendar.js","names":[],"sources":["../../../../../../src/Atomic/FormElements/Datepicker/components/DatepickerCalendar.tsx"],"sourcesContent":["import type { DatepickerCalendarProps, DaysByWeek } from './DatepickerCalendar.props';\n\nimport cn from 'classnames';\nimport moment from 'moment';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport * as Icon from 'react-feather';\n\nconst DatepickerCalendar: React.FC<DatepickerCalendarProps> = ({\n date,\n setDate,\n startDate,\n endDate,\n allowPrev = true,\n allowNext = true,\n onClick,\n onHover,\n startPrevDate,\n endPrevDate,\n limitRange,\n}) => {\n const [days, setDays] = useState<DaysByWeek>({});\n\n const title = useMemo(() => `${moment(date).format('MMM')} ${moment(date).format('YYYY')}`, [date]);\n\n useEffect(() => {\n const result: DaysByWeek = {};\n const day = moment(date).startOf('month');\n const daysInMonth = day.daysInMonth();\n for (let d = 0; d < daysInMonth; d++) {\n let week = day.week();\n if (day.month() === 11 && week === 1) week = 53;\n if (day.month() === 0 && week === 53) week = 0;\n if (!result[week]) result[week] = {};\n result[week][day.weekday()] = { date: day.toDate() };\n day.add(1, 'd');\n }\n setDays(result);\n }, [date]);\n\n const renderDay = (week: string \| number, dayOfWeek: number): React.ReactNode => {\n const day = days[+week]?.[dayOfWeek];\n const isFutureDay = day && moment(day.date).isAfter(moment(), 'day');\n const isPastDay = limitRange\n ? day\n && moment(day.date).isBefore(moment().subtract(limitRange, 'days'), 'day')\n : null;\n const isRangeEnd\n = day\n && (moment(day.date).isSame(startDate, 'day')\n \|\| moment(day.date).isSame(moment(endDate).subtract(1, 'hour'), 'day'));\n const isRangeInside\n = day\n && startDate\n && endDate\n && moment(day.date).isAfter(startDate, 'day')\n && moment(day.date).isBefore(moment(endDate).subtract(1, 'hour'), 'day');\n const isPrevRangeEnd\n = day\n && (moment(day.date).isSame(startPrevDate, 'day')\n \|\| moment(day.date).isSame(moment(endPrevDate).subtract(1, 'day'), 'day'));\n const isPrevRangeInside\n = day\n && startPrevDate\n && endPrevDate\n && moment(day.date).isAfter(startPrevDate, 'day')\n && moment(day.date).isBefore(moment(endPrevDate).subtract(1, 'day'), 'day');\n\n const classNames = cn(\n 'calendar__day',\n { 'calendar__day--clickable': day },\n { 'calendar__day--disabled': isFutureDay \|\| isPastDay },\n { 'calendar__day--range-end': isRangeEnd },\n { 'calendar__day--range-inside': isRangeInside },\n { 'calendar__day--prev-range-end': isPrevRangeEnd },\n { 'calendar__day--prev-range-inside': isPrevRangeInside },\n );\n\n return (\n <div\n key={`${week}_${dayOfWeek}`}\n className={classNames}\n onClick={day && !isFutureDay ? () => onClick(day.date) : undefined}\n onMouseOver={day && !isFutureDay ? () => onHover(day.date) : undefined}\n onMouseLeave={() => onHover(null)}\n >\n {day && day.date.getDate()}\n </div>\n );\n };\n\n const handlePrev = (): void => {\n setDate(moment(date).subtract(1, 'month').toDate());\n };\n\n const handleNext = (): void => {\n setDate(moment(date).add(1, 'month').toDate());\n };\n\n return (\n <div className=\"calendar\">\n <div className=\"calendar-header\">\n <div className=\"calendar-header__prev\">\n {allowPrev && (\n <button type=\"button\" data-testid=\"datepicker-calendar-prev\" onClick={handlePrev} aria-label=\"Previous month\">\n <Icon.ChevronLeft size={16} />\n </button>\n )}\n </div>\n <div className=\"calendar-header__title\">{title}</div>\n <div className=\"calendar-header__next\">\n {allowNext && (\n <button type=\"button\" data-testid=\"datepicker-calendar-next\" onClick={handleNext} aria-label=\"Next month\">\n <Icon.ChevronRight size={16} />\n </button>\n )}\n </div>\n </div>\n <div className=\"calendar__week\">\n {Array.from({ length: 7 }, (_, dayOfWeek) => (\n <div\n key={`day-of-week_${dayOfWeek}`}\n className=\"calendar__day calendar__day--title\"\n >\n {moment().weekday(dayOfWeek).format('dd').charAt(0)}\n </div>\n ))}\n </div>\n {Object.keys(days).map((week, index) => (\n <div key={`week_${index}`} className=\"calendar__week\">\n {Array.from({ length: 7 }, (_, dayOfWeek) => renderDay(week, dayOfWeek))}\n </div>\n ))}\n </div>\n );\n};\n\nexport default DatepickerCalendar;\n"],"mappings":";;;;;;AAQA,IAAM,sBAAyD,EAC7D,MACA,SACA,WACA,SACA,YAAY,MACZ,YAAY,MACZ,SACA,SACA,eACA,aACA,iBACI;CACJ,MAAM,CAAC,MAAM,WAAW,SAAqB,CAAC,CAAC;CAE/C,MAAM,QAAQ,cAAc,GAAG,OAAO,IAAI,CAAC,CAAC,OAAO,KAAK,EAAE,GAAG,OAAO,IAAI,CAAC,CAAC,OAAO,MAAM,KAAK,CAAC,IAAI,CAAC;CAElG,gBAAgB;EACd,MAAM,SAAqB,CAAC;EAC5B,MAAM,MAAM,OAAO,IAAI,CAAC,CAAC,QAAQ,OAAO;EACxC,MAAM,cAAc,IAAI,YAAY;EACpC,KAAK,IAAI,IAAI,GAAG,IAAI,aAAa,KAAK;GACpC,IAAI,OAAO,IAAI,KAAK;GACpB,IAAI,IAAI,MAAM,MAAM,MAAM,SAAS,GAAG,OAAO;GAC7C,IAAI,IAAI,MAAM,MAAM,KAAK,SAAS,IAAI,OAAO;GAC7C,IAAI,CAAC,OAAO,OAAO,OAAO,QAAQ,CAAC;GACnC,OAAO,KAAK,CAAC,IAAI,QAAQ,KAAK,EAAE,MAAM,IAAI,OAAO,EAAE;GACnD,IAAI,IAAI,GAAG,GAAG;EAChB;EACA,QAAQ,MAAM;CAChB,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,aAAa,MAAuB,cAAuC;EAC/E,MAAM,MAAM,KAAK,CAAC,KAAK,GAAG;EAC1B,MAAM,cAAc,OAAO,OAAO,IAAI,IAAI,CAAC,CAAC,QAAQ,OAAO,GAAG,KAAK;EACnE,MAAM,YAAY,aACd,OACC,OAAO,IAAI,IAAI,CAAC,CAAC,SAAS,OAAO,CAAC,CAAC,SAAS,YAAY,MAAM,GAAG,KAAK,IACvE;EACJ,MAAM,aACF,QACI,OAAO,IAAI,IAAI,CAAC,CAAC,OAAO,WAAW,KAAK,KACvC,OAAO,IAAI,IAAI,CAAC,CAAC,OAAO,OAAO,OAAO,CAAC,CAAC,SAAS,GAAG,MAAM,GAAG,KAAK;EAC3E,MAAM,gBACF,OACG,aACA,WACA,OAAO,IAAI,IAAI,CAAC,CAAC,QAAQ,WAAW,KAAK,KACzC,OAAO,IAAI,IAAI,CAAC,CAAC,SAAS,OAAO,OAAO,CAAC,CAAC,SAAS,GAAG,MAAM,GAAG,KAAK;EAC3E,MAAM,iBACF,QACI,OAAO,IAAI,IAAI,CAAC,CAAC,OAAO,eAAe,KAAK,KAC3C,OAAO,IAAI,IAAI,CAAC,CAAC,OAAO,OAAO,WAAW,CAAC,CAAC,SAAS,GAAG,KAAK,GAAG,KAAK;EAC9E,MAAM,oBACF,OACG,iBACA,eACA,OAAO,IAAI,IAAI,CAAC,CAAC,QAAQ,eAAe,KAAK,KAC7C,OAAO,IAAI,IAAI,CAAC,CAAC,SAAS,OAAO,WAAW,CAAC,CAAC,SAAS,GAAG,KAAK,GAAG,KAAK;~~EAY9E~~,~~OACE~~,~~oBAAC~~,~~OAAD;GAEE,WAbe,~~GACjB,iBACA,EAAE,4BAA4B,IAAI,GAClC,EAAE,2BAA2B,eAAe,UAAU,GACtD,EAAE,4BAA4B,WAAW,GACzC,EAAE,+BAA+B,cAAc,GAC/C,EAAE,iCAAiC,eAAe,GAClD,EAAE,oCAAoC,kBAAkB,~~CAM3C~~;GACX,SAAS,OAAO,CAAC,oBAAoB,QAAQ,IAAI,IAAI,IAAI,KAAA;GACzD,aAAa,OAAO,CAAC,oBAAoB,QAAQ,IAAI,IAAI,IAAI,KAAA;GAC7D,oBAAoB,QAAQ,IAAI;~~aAE~~/B,OAAO,IAAI,KAAK,QAAQ;EACtB,GAPE,GAAG,KAAK,GAAG,WAOb;CAET;CAEA,MAAM,mBAAyB;EAC7B,QAAQ,OAAO,IAAI,CAAC,CAAC,SAAS,GAAG,OAAO,CAAC,CAAC,OAAO,CAAC;CACpD;CAEA,MAAM,mBAAyB;EAC7B,QAAQ,OAAO,IAAI,CAAC,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC,OAAO,CAAC;CAC/C;CAEA,OACE,qBAAC,OAAD;EAAK,WAAU;~~YAAf~~;GACE,qBAAC,OAAD;IAAK,WAAU;~~cAAf~~;KACE,oBAAC,OAAD;MAAK,WAAU;~~gBACZ~~,aACC,oBAAC,UAAD;OAAQ,MAAK;OAAS,eAAY;OAA2B,SAAS;OAAY,cAAW;~~iBAC3F~~,oBAAC,KAAK,aAAN,EAAkB,MAAM,GAAK,CAAA;MACvB,CAAA;KAEP,CAAA;KACL,oBAAC,OAAD;MAAK,WAAU;~~gBAA0B~~;KAAW,CAAA;KACpD,oBAAC,OAAD;MAAK,WAAU;~~gBACZ~~,aACC,oBAAC,UAAD;OAAQ,MAAK;OAAS,eAAY;OAA2B,SAAS;OAAY,cAAW;~~iBAC3F~~,oBAAC,KAAK,cAAN,EAAmB,MAAM,GAAK,CAAA;MACxB,CAAA;KAEP,CAAA;IACF;;GACL,oBAAC,OAAD;IAAK,WAAU;~~cACZ~~,MAAM,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,cAC7B,oBAAC,OAAD;KAEE,WAAU;~~eAET~~,OAAO,CAAC,CAAC,QAAQ,SAAS,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC;IAC/C,GAJE,eAAe,WAIjB,CACN;GACE,CAAA;GACJ,OAAO,KAAK,IAAI,CAAC,CAAC,KAAK,MAAM,UAC5B,oBAAC,OAAD;IAA2B,WAAU;~~cAClC~~,MAAM,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,cAAc,UAAU,MAAM,SAAS,CAAC;GACpE,GAFK,QAAQ,OAEb,CACN;EACE;;AAET"}
1	+ {"version":3,"file":"DatepickerCalendar.js","names":[],"sources":["../../../../../../src/Atomic/FormElements/Datepicker/components/DatepickerCalendar.tsx"],"sourcesContent":["import type { DatepickerCalendarProps, DaysByWeek } from './DatepickerCalendar.props';\n\nimport cn from 'classnames';\nimport moment from 'moment';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport * as Icon from 'react-feather';\n\nconst DatepickerCalendar: React.FC<DatepickerCalendarProps> = ({\n date,\n setDate,\n startDate,\n endDate,\n allowPrev = true,\n allowNext = true,\n onClick,\n onHover,\n startPrevDate,\n endPrevDate,\n limitRange,\n}) => {\n const [days, setDays] = useState<DaysByWeek>({});\n\n const title = useMemo(() => `${moment(date).format('MMM')} ${moment(date).format('YYYY')}`, [date]);\n\n useEffect(() => {\n const result: DaysByWeek = {};\n const day = moment(date).startOf('month');\n const daysInMonth = day.daysInMonth();\n for (let d = 0; d < daysInMonth; d++) {\n let week = day.week();\n if (day.month() === 11 && week === 1) week = 53;\n if (day.month() === 0 && week === 53) week = 0;\n if (!result[week]) result[week] = {};\n result[week][day.weekday()] = { date: day.toDate() };\n day.add(1, 'd');\n }\n setDays(result);\n }, [date]);\n\n const renderDay = (week: string \| number, dayOfWeek: number): React.ReactNode => {\n const day = days[+week]?.[dayOfWeek];\n const isFutureDay = day && moment(day.date).isAfter(moment(), 'day');\n const isPastDay = limitRange\n ? day\n && moment(day.date).isBefore(moment().subtract(limitRange, 'days'), 'day')\n : null;\n const isRangeEnd\n = day\n && (moment(day.date).isSame(startDate, 'day')\n \|\| moment(day.date).isSame(moment(endDate).subtract(1, 'hour'), 'day'));\n const isRangeInside\n = day\n && startDate\n && endDate\n && moment(day.date).isAfter(startDate, 'day')\n && moment(day.date).isBefore(moment(endDate).subtract(1, 'hour'), 'day');\n const isPrevRangeEnd\n = day\n && (moment(day.date).isSame(startPrevDate, 'day')\n \|\| moment(day.date).isSame(moment(endPrevDate).subtract(1, 'day'), 'day'));\n const isPrevRangeInside\n = day\n && startPrevDate\n && endPrevDate\n && moment(day.date).isAfter(startPrevDate, 'day')\n && moment(day.date).isBefore(moment(endPrevDate).subtract(1, 'day'), 'day');\n\n const classNames = cn(\n 'calendar__day',\n { 'calendar__day--clickable': day },\n { 'calendar__day--disabled': isFutureDay \|\| isPastDay },\n { 'calendar__day--range-end': isRangeEnd },\n { 'calendar__day--range-inside': isRangeInside },\n { 'calendar__day--prev-range-end': isPrevRangeEnd },\n { 'calendar__day--prev-range-inside': isPrevRangeInside },\n );\n\n return (\n <div\n key={`${week}_${dayOfWeek}`}\n className={classNames}\n onClick={day && !isFutureDay ? () => onClick(day.date) : undefined}\n onMouseOver={day && !isFutureDay ? () => onHover(day.date) : undefined}\n onMouseLeave={() => onHover(null)}\n >\n {day && day.date.getDate()}\n </div>\n );\n };\n\n const handlePrev = (): void => {\n setDate(moment(date).subtract(1, 'month').toDate());\n };\n\n const handleNext = (): void => {\n setDate(moment(date).add(1, 'month').toDate());\n };\n\n return (\n <div className=\"calendar\">\n <div className=\"calendar-header\">\n <div className=\"calendar-header__prev\">\n {allowPrev && (\n <button type=\"button\" data-testid=\"datepicker-calendar-prev\" onClick={handlePrev} aria-label=\"Previous month\">\n <Icon.ChevronLeft size={16} />\n </button>\n )}\n </div>\n <div className=\"calendar-header__title\">{title}</div>\n <div className=\"calendar-header__next\">\n {allowNext && (\n <button type=\"button\" data-testid=\"datepicker-calendar-next\" onClick={handleNext} aria-label=\"Next month\">\n <Icon.ChevronRight size={16} />\n </button>\n )}\n </div>\n </div>\n <div className=\"calendar__week\">\n {Array.from({ length: 7 }, (_, dayOfWeek) => (\n <div\n key={`day-of-week_${dayOfWeek}`}\n className=\"calendar__day calendar__day--title\"\n >\n {moment().weekday(dayOfWeek).format('dd').charAt(0)}\n </div>\n ))}\n </div>\n {Object.keys(days).map((week, index) => (\n <div key={`week_${index}`} className=\"calendar__week\">\n {Array.from({ length: 7 }, (_, dayOfWeek) => renderDay(week, dayOfWeek))}\n </div>\n ))}\n </div>\n );\n};\n\nexport default DatepickerCalendar;\n"],"mappings":"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"}

package/dist/es/Atomic/FormElements/Dropdown/Dropdown.js CHANGED Viewed

@@ -6,7 +6,7 @@ import DropdownLoader from "./components/DropdownLoader.js";
 import useDropdown from "./useDropdown.js";
 import './Dropdown.styles.css';/* empty css              */
 import cn from "classnames";
-import { useCallback, useEffect, useLayoutEffect, useMemo } from "react";
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Check, ChevronDown, ChevronUp, Code, X } from "react-feather";
 import { createPortal } from "react-dom";
@@ -24,22 +24,30 @@ function Dropdown({ label, options, value, error, disabled, onChange, placeholde
 		minItemsForShowMobileSearch,
 		isDoNotPullOutListOfMainContainer
 	});
-	const onCancelClick = () => {
+	const onChangeRef = useRef(onChange);
+	const onActionConfirmClickRef = useRef(onActionConfirmClick);
+	const onActionCancelClickRef = useRef(onActionCancelClick);
+	const scrollReactionObjRef = useRef(scrollReactionObj);
+	onChangeRef.current = onChange;
+	onActionConfirmClickRef.current = onActionConfirmClick;
+	onActionCancelClickRef.current = onActionCancelClick;
+	scrollReactionObjRef.current = scrollReactionObj;
+	const onCancelClick = useCallback(() => {
 		setIsOpen(false);
 		setValueToApply?.(null);
-		onActionCancelClick?.();
-	};
-	const onApplyClick = () => {
+		onActionCancelClickRef.current?.();
+	}, []);
+	const onApplyClick = useCallback(() => {
 		if (valueToApplyRef?.current !== null && valueToApplyRef?.current !== void 0) {
-			onChange?.(valueToApplyRef.current);
-			setTimeout(() => onActionConfirmClick?.(), 1);
+			onChangeRef.current?.(valueToApplyRef.current);
+			setTimeout(() => onActionConfirmClickRef.current?.(), 1);
 		}
 		onCancelClick?.();
-	};
+	}, [onCancelClick]);
 	const onChangeHandler = (item) => {
 		if (isMobile ? closeOnSelectMobile : closeOnSelect) setIsOpen(false);
 		if (withApplyLogic && applyButtonRef?.current) setValueToApply?.(item.value);
-		else onChange?.(item.value);
+		else onChangeRef.current?.(item.value);
 	};
 	const onKeyDown = (e) => {
 		if (![9, 13].includes(e.keyCode)) return false;
@@ -71,13 +79,13 @@ function Dropdown({ label, options, value, error, disabled, onChange, placeholde
 		if (!getListContainer()?.contains(event?.target) && dropdownRef?.current !== null && !dropdownRef?.current.contains(event?.target)) onCancelClick();
 	};
 	const doScrollCallback = useCallback((e) => {
-		const { callback, isWithAnyScrolling, scrollingInaccuracy = 0 } = scrollReactionObj || {};
+		const { callback, isWithAnyScrolling, scrollingInaccuracy = 0 } = scrollReactionObjRef.current || {};
 		const target = e?.target;
 		if (callback && typeof callback === "function") {
 			if (isWithAnyScrolling) callback(e);
 			else if (Math.round(target.clientHeight + target.scrollTop + scrollingInaccuracy) >= target.scrollHeight) callback(e);
 		}
-	}, [filteredOptions]);
+	}, []);
 	const initListContainer = () => {
 		const dropdownList = document.createElement("div");
 		dropdownList.setAttribute("id", dropdownId);
@@ -132,7 +140,7 @@ function Dropdown({ label, options, value, error, disabled, onChange, placeholde
 	const closeList = isOpen ? handleClickOutside : () => {};
 	const getDepends = (getDependsTrigger) => {
 		const newOnChange = (e) => {
-			if (e.value === "open_modal") onChange?.("open_modal");
+			if (e.value === "open_modal") onChangeRef.current?.("open_modal");
 			else onChangeHandler(e);
 		};
 		const newOptions = [{
@@ -147,8 +155,7 @@ function Dropdown({ label, options, value, error, disabled, onChange, placeholde
 			options: getDependsTrigger ? newOptions : options
 		};
 	};
-	const modalBtnTrigger = useMemo(() => entity && entity !== "" && typeof entity === "string", [entity]);
-	const depend = useMemo(() => getDepends(modalBtnTrigger), [modalBtnTrigger, filteredOptions]);
+	const depend = getDepends(useMemo(() => entity && entity !== "" && typeof entity === "string", [entity]));
 	const getMarkupForElement = (item, _index, optTestId) => {
 		return /* @__PURE__ */ jsxs("button", {
 			type: "button",
@@ -236,16 +243,17 @@ function Dropdown({ label, options, value, error, disabled, onChange, placeholde
 						ref: dropdownListRef,
 						children: [
 							depend.options && getSortedOptions(depend.options)?.map((option, index) => {
-								if (option?.items?.length) if (!isSearchable || !isSearchChanged) return filteredOptionList(option);
-								else {
-									const items = option.items?.slice().filter((el) => el?.label?.toLowerCase().includes(searchValue?.toLowerCase() || "") || !el?.value || el?.value === "");
-									if (items?.length) return filteredOptionList({
-										...option,
-										items
-									});
-									return null;
-								}
-								else if (!isSearchable || !isSearchChanged || option?.label?.toLowerCase().includes(searchValue?.toLowerCase() || "") || !option?.value || option?.value === "") return getMarkupForElement(option, index, (option?.testId || index)?.toString());
+								if (option?.items?.length) {
+									if (!isSearchable || !isSearchChanged) return filteredOptionList(option);
+									else {
+										const items = option.items?.slice().filter((el) => el?.label?.toLowerCase().includes(searchValue?.toLowerCase() || "") || !el?.value || el?.value === "");
+										if (items?.length) return filteredOptionList({
+											...option,
+											items
+										});
+										return null;
+									}
+								} else if (!isSearchable || !isSearchChanged || option?.label?.toLowerCase().includes(searchValue?.toLowerCase() || "") || !option?.value || option?.value === "") return getMarkupForElement(option, index, (option?.testId || index)?.toString());
 								return null;
 							}),
 							!filteredItems?.length && !filteredGroups?.length && /* @__PURE__ */ jsx("div", {
@@ -325,9 +333,10 @@ function Dropdown({ label, options, value, error, disabled, onChange, placeholde
 			setIsSearchChanged(false);
 			if (!isMobile) setMaxListContainerHeight(0);
 		}
-		if (scrollReactionObj && typeof scrollReactionObj === "object" && isOpen && dropdownListRef && dropdownListRef.current) dropdownListRef.current.addEventListener("scroll", doScrollCallback);
+		const scrollListElement = dropdownListRef?.current;
+		if (scrollReactionObj && typeof scrollReactionObj === "object" && isOpen && scrollListElement) scrollListElement.addEventListener("scroll", doScrollCallback);
 		return () => {
-			if (scrollReactionObj && typeof scrollReactionObj === "object") removeEventListener("scroll", doScrollCallback);
+			scrollListElement?.removeEventListener("scroll", doScrollCallback);
 		};
 	}, [isOpen, dropdownListRef]);
 	useEffect(() => {