npm - @salutejs/plasma-new-hope - Versions diffs - 0.326.0-canary.2011.15533728863.0 → 0.326.0-canary.2011.15544508573.0 - Mend

@salutejs/plasma-new-hope 0.326.0-canary.2011.15533728863.0 → 0.326.0-canary.2011.15544508573.0

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

Files changed (34) hide show

package/cjs/components/DatePicker/SingleDate/SingleDate.js CHANGED Viewed

@@ -25,7 +25,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var cls__default = /*#__PURE__*/_interopDefault(cls);
-var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "calendarContainerWidth", "calendarContainerHeight", "stretched", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
+var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "calendarContainerWidth", "calendarContainerHeight", "stretched", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
 var datePickerRoot = function datePickerRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
@@ -89,6 +89,8 @@ var datePickerRoot = function datePickerRoot(Root) {
       closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
       _ref$closeOnEsc = _ref.closeOnEsc,
       closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
+      _ref$closeAfterDateSe = _ref.closeAfterDateSelect,
+      closeAfterDateSelect = _ref$closeAfterDateSe === void 0 ? true : _ref$closeAfterDateSe,
       offset = _ref.offset,
       calendarContainerWidth = _ref.calendarContainerWidth,
       calendarContainerHeight = _ref.calendarContainerHeight,
@@ -163,14 +165,14 @@ var datePickerRoot = function datePickerRoot(Root) {
       datePickerErrorClass = _useDatePicker.datePickerErrorClass,
       datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
       handleChangeValue = _useDatePicker.handleChangeValue,
-      handleCalendarPick = _useDatePicker.handleCalendarPick,
+      onCalendarPick = _useDatePicker.handleCalendarPick,
       handleSearch = _useDatePicker.handleSearch,
       updateExternalDate = _useDatePicker.updateExternalDate;
     var handleToggle = function handleToggle(innerOpened, event) {
       if (disabled || readOnly) {
         return;
       }
-      var isCalendarOpen = event.target === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== useKeyboardNavigation.keys.Escape ? true : innerOpened;
+      var isCalendarOpen = (event === null || event === void 0 ? void 0 : event.target) === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== useKeyboardNavigation.keys.Escape ? true : innerOpened;
       if (!innerOpened && !calendarValue) {
         setCalendarValue(function (prevValue) {
           return prevValue === undefined ? null : undefined;
@@ -211,6 +213,13 @@ var datePickerRoot = function datePickerRoot(Root) {
         onBlur(event);
       }
     };
+    var handleCalendarPick = function handleCalendarPick(date, dateInfo) {
+      onCalendarPick(date, dateInfo);
+      if (closeAfterDateSelect) {
+        setIsInnerOpen(false);
+        handleToggle(false);
+      }
+    };
     var DatePickerInput = /*#__PURE__*/React__default.default.createElement(SingleDate_styles.StyledInput, {
       ref: inputRef,
       className: cls__default.default(datePickerErrorClass, datePickerSuccessClass),

package/cjs/components/DatePicker/SingleDate/SingleDate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, SyntheticEvent, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport cls from 'classnames';\nimport type { KeyboardEvent, FocusEvent, MouseEvent } from 'react';\nimport type { DateType } from 'src/components/Calendar/Calendar.types';\nimport type { RootProps } from 'src/engines';\nimport { getPlacements, getSizeValueFromProp, noop } from 'src/utils';\n\nimport { getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { InputHidden, StyledCalendar } from '../DatePickerBase.styles';\nimport { keys, useKeyNavigation } from '../hooks/useKeyboardNavigation';\nimport { getFormattedDates } from '../utils';\n\nimport type { DatePickerProps } from './SingleDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledInput, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'opened' \| 'defaultValue' \| 'onChangeValue'>>,\n) =>\n forwardRef<HTMLInputElement, DatePickerProps>(\n (\n {\n className,\n opened = false,\n value,\n\n label,\n labelPlacement = 'outer',\n keepPlaceholder,\n required = false,\n requiredPlacement = 'right',\n hasRequiredIndicator = true,\n placeholder,\n leftHelper,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n view,\n size,\n readOnly = false,\n disabled = false,\n name,\n\n defaultDate = '',\n valueError,\n valueSuccess,\n format = 'DD.MM.YYYY',\n lang = 'ru',\n maskWithFormat,\n min,\n max,\n renderFromDate,\n includeEdgeDates = false,\n eventList,\n disabledList,\n eventMonthList,\n disabledMonthList,\n eventQuarterList,\n disabledQuarterList,\n eventYearList,\n disabledYearList,\n type = 'Days',\n\n frame = 'document',\n usePortal = false,\n placement = ['top', 'bottom'],\n closeOnOverlayClick = true,\n closeOnEsc = true,\n offset,\n\n calendarContainerWidth,\n calendarContainerHeight,\n stretched,\n\n onChangeValue,\n onCommitDate,\n onToggle,\n onFocus,\n onBlur,\n onChange,\n\n autoComplete,\n ...rest\n },\n ref,\n ) => {\n if (value && defaultDate) {\n throw new Error(\"Controlled DatePicker can't have `defaultDate`, use `value` instead\");\n }\n\n const inputRef = useRef<HTMLInputElement \| null>(null);\n const innerRef = useRef<HTMLInputElement \| null>(null);\n const calendarRootRef = useRef<HTMLDivElement \| null>(null);\n const [isInnerOpen, setIsInnerOpen] = useState(opened);\n\n const dateFormatDelimiter = getDateFormatDelimiter(format);\n\n const initialValues = getFormattedDates({\n value: value \|\| defaultDate,\n delimiter: dateFormatDelimiter,\n lang,\n format,\n includeEdgeDates,\n min,\n max,\n });\n\n const [correctDates, setCorrectDates] = useState({\n calendar: initialValues.originalDate,\n input: initialValues.formattedDate,\n });\n const [calendarValue, setCalendarValue] = useState<DateType>(correctDates.calendar);\n const [inputValue, setInputValue] = useState(correctDates.input);\n\n const calendarContainerWidthValue = calendarContainerWidth\n ? getSizeValueFromProp(calendarContainerWidth, 'rem')\n : undefined;\n const calendarContainerHeightValue = calendarContainerHeight\n ? getSizeValueFromProp(calendarContainerHeight, 'rem')\n : undefined;\n\n const {\n datePickerErrorClass,\n datePickerSuccessClass,\n handleChangeValue,\n handleCalendarPick,\n handleSearch,\n updateExternalDate,\n } = useDatePicker({\n currentValue: inputValue,\n format,\n lang,\n disabled,\n readOnly,\n maskWithFormat,\n valueError,\n valueSuccess,\n name,\n type,\n min,\n max,\n includeEdgeDates,\n setCorrectDates,\n setInputValue,\n setCalendarValue,\n dateFormatDelimiter,\n onChangeValue,\n onCommitDate,\n onChange,\n });\n\n const handleToggle = (innerOpened: boolean, event: SyntheticEvent \| Event) => {\n if (disabled \|\| readOnly) {\n return;\n }\n\n const isCalendarOpen =\n event.target === inputRef?.current &&\n (event as KeyboardEvent<HTMLInputElement>).code !== keys.Escape\n ? true\n : innerOpened;\n\n if (!innerOpened && !calendarValue) {\n setCalendarValue((prevValue) => (prevValue === undefined ? null : undefined));\n }\n\n if (onToggle) {\n onToggle(isCalendarOpen, event);\n\n return;\n }\n\n setIsInnerOpen(isCalendarOpen);\n };\n\n const handleCalendarRootClick = (event: MouseEvent<HTMLDivElement>) => {\n if (disabled \|\| readOnly) {\n return;\n }\n\n if (isInnerOpen && stretched && event.target === calendarRootRef?.current) {\n setIsInnerOpen(false);\n\n if (onToggle) {\n onToggle(false, event);\n }\n }\n };\n\n const { onKeyDown } = useKeyNavigation({\n isCalendarOpen: isInnerOpen,\n format,\n maskWithFormat,\n delimiter: dateFormatDelimiter,\n closeOnEsc,\n onToggle: handleToggle,\n });\n\n const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n if (!calendarValue && correctDates.calendar) {\n setCalendarValue(new Date(correctDates.calendar));\n setInputValue(correctDates.input);\n }\n\n if (onBlur) {\n onBlur(event);\n }\n };\n\n const DatePickerInput = (\n <StyledInput\n ref={inputRef}\n className={cls(datePickerErrorClass, datePickerSuccessClass)}\n value={inputValue}\n size={size}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onChange={handleChangeValue}\n onSearch={handleSearch}\n onFocus={onFocus}\n onBlur={handleBlur}\n onKeyDown={onKeyDown}\n required={required}\n requiredPlacement={requiredPlacement}\n hasRequiredIndicator={hasRequiredIndicator}\n label={label}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n autoComplete={autoComplete}\n />\n );\n\n useEffect(() => {\n setIsInnerOpen((prevOpen) => prevOpen !== opened && opened);\n }, [opened]);\n\n useLayoutEffect(() => {\n updateExternalDate(value);\n }, [value, format, lang]);\n\n useLayoutEffect(() => {\n updateExternalDate(defaultDate);\n }, [defaultDate, format, lang]);\n\n return (\n <Root\n view={view}\n size={size}\n className={cls(classes.datePickerRoot, className, { [classes.datePickerstretched]: stretched })}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n ref={ref}\n {...rest}\n >\n <StyledPopover\n opened={isInnerOpen}\n usePortal={usePortal}\n frame={frame}\n onToggle={handleToggle}\n offset={offset}\n placement={getPlacements(placement, false)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={DatePickerInput}\n preventOverflow={false}\n >\n <Root\n ref={calendarRootRef}\n view={view}\n size={size}\n className={cls(classes.datePickerRoot, className, {\n [classes.datePickerstretched]: stretched,\n })}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onClick={handleCalendarRootClick}\n >\n <StyledCalendar\n className={cls({ [classes.datePickerCalendarstretched]: stretched })}\n innerWidth={calendarContainerWidthValue}\n innerHeight={calendarContainerHeightValue}\n size={size}\n value={calendarValue}\n type={type}\n eventList={eventList}\n disabledList={disabledList}\n eventMonthList={eventMonthList}\n disabledMonthList={disabledMonthList}\n eventQuarterList={eventQuarterList}\n disabledQuarterList={disabledQuarterList}\n eventYearList={eventYearList}\n disabledYearList={disabledYearList}\n min={min}\n max={max}\n renderFromDate={renderFromDate}\n includeEdgeDates={includeEdgeDates}\n isRange={false}\n locale={lang}\n onChangeValue={handleCalendarPick}\n />\n </Root>\n </StyledPopover>\n {leftHelper && (\n <LeftHelper className={cls(datePickerErrorClass, datePickerSuccessClass)}>\n {leftHelper}\n </LeftHelper>\n )}\n <InputHidden\n type=\"hidden\"\n datatype=\"datepicker-single\"\n name={name}\n value={inputValue}\n ref={innerRef}\n {...noop}\n />\n </Root>\n );\n },\n );\n\nexport const datePickerConfig = {\n name: 'DatePicker',\n tag: 'div',\n layout: datePickerRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["datePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","value","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","name","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","_ref$lang","lang","maskWithFormat","min","max","renderFromDate","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$frame","frame","_ref$usePortal","usePortal","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","calendarContainerWidth","calendarContainerHeight","stretched","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","onChange","autoComplete","rest","_objectWithoutProperties","_excluded","Error","inputRef","useRef","innerRef","calendarRootRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","dateFormatDelimiter","getDateFormatDelimiter","initialValues","getFormattedDates","delimiter","_useState3","calendar","originalDate","input","formattedDate","_useState4","correctDates","setCorrectDates","_useState5","_useState6","calendarValue","setCalendarValue","_useState7","_useState8","inputValue","setInputValue","calendarContainerWidthValue","getSizeValueFromProp","undefined","calendarContainerHeightValue","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleChangeValue","handleCalendarPick","handleSearch","updateExternalDate","handleToggle","innerOpened","event","isCalendarOpen","target","current","code","keys","Escape","prevValue","handleCalendarRootClick","_useKeyNavigation","useKeyNavigation","onKeyDown","handleBlur","Date","DatePickerInput","React","createElement","StyledInput","cls","onSearch","useEffect","prevOpen","useLayoutEffect","_extends","classes","_defineProperty","datePickerstretched","StyledPopover","getPlacements","trigger","isFocusTrapped","preventOverflow","onClick","StyledCalendar","datePickerCalendarstretched","innerWidth","innerHeight","isRange","locale","LeftHelper","InputHidden","datatype","noop","datePickerConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, SyntheticEvent, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport cls from 'classnames';\nimport type { KeyboardEvent, FocusEvent, MouseEvent } from 'react';\nimport type { DateInfo, DateType } from 'src/components/Calendar/Calendar.types';\nimport type { RootProps } from 'src/engines';\nimport { getPlacements, getSizeValueFromProp, noop } from 'src/utils';\n\nimport { getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { InputHidden, StyledCalendar } from '../DatePickerBase.styles';\nimport { keys, useKeyNavigation } from '../hooks/useKeyboardNavigation';\nimport { getFormattedDates } from '../utils';\n\nimport type { DatePickerProps } from './SingleDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledInput, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'opened' \| 'defaultValue' \| 'onChangeValue'>>,\n) =>\n forwardRef<HTMLInputElement, DatePickerProps>(\n (\n {\n className,\n opened = false,\n value,\n\n label,\n labelPlacement = 'outer',\n keepPlaceholder,\n required = false,\n requiredPlacement = 'right',\n hasRequiredIndicator = true,\n placeholder,\n leftHelper,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n view,\n size,\n readOnly = false,\n disabled = false,\n name,\n\n defaultDate = '',\n valueError,\n valueSuccess,\n format = 'DD.MM.YYYY',\n lang = 'ru',\n maskWithFormat,\n min,\n max,\n renderFromDate,\n includeEdgeDates = false,\n eventList,\n disabledList,\n eventMonthList,\n disabledMonthList,\n eventQuarterList,\n disabledQuarterList,\n eventYearList,\n disabledYearList,\n type = 'Days',\n\n frame = 'document',\n usePortal = false,\n placement = ['top', 'bottom'],\n closeOnOverlayClick = true,\n closeOnEsc = true,\n closeAfterDateSelect = true,\n offset,\n\n calendarContainerWidth,\n calendarContainerHeight,\n stretched,\n\n onChangeValue,\n onCommitDate,\n onToggle,\n onFocus,\n onBlur,\n onChange,\n\n autoComplete,\n ...rest\n },\n ref,\n ) => {\n if (value && defaultDate) {\n throw new Error(\"Controlled DatePicker can't have `defaultDate`, use `value` instead\");\n }\n\n const inputRef = useRef<HTMLInputElement \| null>(null);\n const innerRef = useRef<HTMLInputElement \| null>(null);\n const calendarRootRef = useRef<HTMLDivElement \| null>(null);\n const [isInnerOpen, setIsInnerOpen] = useState(opened);\n\n const dateFormatDelimiter = getDateFormatDelimiter(format);\n\n const initialValues = getFormattedDates({\n value: value \|\| defaultDate,\n delimiter: dateFormatDelimiter,\n lang,\n format,\n includeEdgeDates,\n min,\n max,\n });\n\n const [correctDates, setCorrectDates] = useState({\n calendar: initialValues.originalDate,\n input: initialValues.formattedDate,\n });\n const [calendarValue, setCalendarValue] = useState<DateType>(correctDates.calendar);\n const [inputValue, setInputValue] = useState(correctDates.input);\n\n const calendarContainerWidthValue = calendarContainerWidth\n ? getSizeValueFromProp(calendarContainerWidth, 'rem')\n : undefined;\n const calendarContainerHeightValue = calendarContainerHeight\n ? getSizeValueFromProp(calendarContainerHeight, 'rem')\n : undefined;\n\n const {\n datePickerErrorClass,\n datePickerSuccessClass,\n handleChangeValue,\n handleCalendarPick: onCalendarPick,\n handleSearch,\n updateExternalDate,\n } = useDatePicker({\n currentValue: inputValue,\n format,\n lang,\n disabled,\n readOnly,\n maskWithFormat,\n valueError,\n valueSuccess,\n name,\n type,\n min,\n max,\n includeEdgeDates,\n setCorrectDates,\n setInputValue,\n setCalendarValue,\n dateFormatDelimiter,\n onChangeValue,\n onCommitDate,\n onChange,\n });\n\n const handleToggle = (innerOpened: boolean, event?: SyntheticEvent \| Event) => {\n if (disabled \|\| readOnly) {\n return;\n }\n\n const isCalendarOpen =\n event?.target === inputRef?.current &&\n (event as KeyboardEvent<HTMLInputElement>).code !== keys.Escape\n ? true\n : innerOpened;\n\n if (!innerOpened && !calendarValue) {\n setCalendarValue((prevValue) => (prevValue === undefined ? null : undefined));\n }\n\n if (onToggle) {\n onToggle(isCalendarOpen, event);\n\n return;\n }\n\n setIsInnerOpen(isCalendarOpen);\n };\n\n const handleCalendarRootClick = (event: MouseEvent<HTMLDivElement>) => {\n if (disabled \|\| readOnly) {\n return;\n }\n\n if (isInnerOpen && stretched && event.target === calendarRootRef?.current) {\n setIsInnerOpen(false);\n\n if (onToggle) {\n onToggle(false, event);\n }\n }\n };\n\n const { onKeyDown } = useKeyNavigation({\n isCalendarOpen: isInnerOpen,\n format,\n maskWithFormat,\n delimiter: dateFormatDelimiter,\n closeOnEsc,\n onToggle: handleToggle,\n });\n\n const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n if (!calendarValue && correctDates.calendar) {\n setCalendarValue(new Date(correctDates.calendar));\n setInputValue(correctDates.input);\n }\n\n if (onBlur) {\n onBlur(event);\n }\n };\n\n const handleCalendarPick = (date?: Date \| null, dateInfo?: DateInfo) => {\n onCalendarPick(date, dateInfo);\n\n if (closeAfterDateSelect) {\n setIsInnerOpen(false);\n handleToggle(false);\n }\n };\n\n const DatePickerInput = (\n <StyledInput\n ref={inputRef}\n className={cls(datePickerErrorClass, datePickerSuccessClass)}\n value={inputValue}\n size={size}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onChange={handleChangeValue}\n onSearch={handleSearch}\n onFocus={onFocus}\n onBlur={handleBlur}\n onKeyDown={onKeyDown}\n required={required}\n requiredPlacement={requiredPlacement}\n hasRequiredIndicator={hasRequiredIndicator}\n label={label}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n autoComplete={autoComplete}\n />\n );\n\n useEffect(() => {\n setIsInnerOpen((prevOpen) => prevOpen !== opened && opened);\n }, [opened]);\n\n useLayoutEffect(() => {\n updateExternalDate(value);\n }, [value, format, lang]);\n\n useLayoutEffect(() => {\n updateExternalDate(defaultDate);\n }, [defaultDate, format, lang]);\n\n return (\n <Root\n view={view}\n size={size}\n className={cls(classes.datePickerRoot, className, { [classes.datePickerstretched]: stretched })}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n ref={ref}\n {...rest}\n >\n <StyledPopover\n opened={isInnerOpen}\n usePortal={usePortal}\n frame={frame}\n onToggle={handleToggle}\n offset={offset}\n placement={getPlacements(placement, false)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={DatePickerInput}\n preventOverflow={false}\n >\n <Root\n ref={calendarRootRef}\n view={view}\n size={size}\n className={cls(classes.datePickerRoot, className, {\n [classes.datePickerstretched]: stretched,\n })}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onClick={handleCalendarRootClick}\n >\n <StyledCalendar\n className={cls({ [classes.datePickerCalendarstretched]: stretched })}\n innerWidth={calendarContainerWidthValue}\n innerHeight={calendarContainerHeightValue}\n size={size}\n value={calendarValue}\n type={type}\n eventList={eventList}\n disabledList={disabledList}\n eventMonthList={eventMonthList}\n disabledMonthList={disabledMonthList}\n eventQuarterList={eventQuarterList}\n disabledQuarterList={disabledQuarterList}\n eventYearList={eventYearList}\n disabledYearList={disabledYearList}\n min={min}\n max={max}\n renderFromDate={renderFromDate}\n includeEdgeDates={includeEdgeDates}\n isRange={false}\n locale={lang}\n onChangeValue={handleCalendarPick}\n />\n </Root>\n </StyledPopover>\n {leftHelper && (\n <LeftHelper className={cls(datePickerErrorClass, datePickerSuccessClass)}>\n {leftHelper}\n </LeftHelper>\n )}\n <InputHidden\n type=\"hidden\"\n datatype=\"datepicker-single\"\n name={name}\n value={inputValue}\n ref={innerRef}\n {...noop}\n />\n </Root>\n );\n },\n );\n\nexport const datePickerConfig = {\n name: 'DatePicker',\n tag: 'div',\n layout: datePickerRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["datePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","value","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","name","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","_ref$lang","lang","maskWithFormat","min","max","renderFromDate","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$frame","frame","_ref$usePortal","usePortal","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","_ref$closeAfterDateSe","closeAfterDateSelect","offset","calendarContainerWidth","calendarContainerHeight","stretched","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","onChange","autoComplete","rest","_objectWithoutProperties","_excluded","Error","inputRef","useRef","innerRef","calendarRootRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","dateFormatDelimiter","getDateFormatDelimiter","initialValues","getFormattedDates","delimiter","_useState3","calendar","originalDate","input","formattedDate","_useState4","correctDates","setCorrectDates","_useState5","_useState6","calendarValue","setCalendarValue","_useState7","_useState8","inputValue","setInputValue","calendarContainerWidthValue","getSizeValueFromProp","undefined","calendarContainerHeightValue","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleChangeValue","onCalendarPick","handleCalendarPick","handleSearch","updateExternalDate","handleToggle","innerOpened","event","isCalendarOpen","target","current","code","keys","Escape","prevValue","handleCalendarRootClick","_useKeyNavigation","useKeyNavigation","onKeyDown","handleBlur","Date","date","dateInfo","DatePickerInput","React","createElement","StyledInput","cls","onSearch","useEffect","prevOpen","useLayoutEffect","_extends","classes","_defineProperty","datePickerstretched","StyledPopover","getPlacements","trigger","isFocusTrapped","preventOverflow","onClick","StyledCalendar","datePickerCalendarstretched","innerWidth","innerHeight","isRange","locale","LeftHelper","InputHidden","datatype","noop","datePickerConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}

package/cjs/components/Sheet/hooks/useOverflow.js CHANGED Viewed

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
+var canUseDOM = require('../../../utils/canUseDOM.js');
 var useOverflow = function useOverflow(_ref) {
   var opened = _ref.opened;
-  var overflow = React.useRef(document.body.style.overflowY);
+  var overflow = React.useRef(canUseDOM.canUseDOM ? document.body.style.overflowY : 'initial');
   // linaria не поддерживает динамический global
   React.useEffect(function () {

package/cjs/components/Sheet/hooks/useOverflow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useOverflow.js","sources":["../../../../src/components/Sheet/hooks/useOverflow.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { SheetHookArgs } from '../Sheet.types';\n\nexport const useOverflow = ({ opened }: SheetHookArgs) => {\n const overflow = useRef<string>(document.body.style.overflowY);\n\n // linaria не поддерживает динамический global\n useEffect(() => {\n if (opened) {\n overflow.current = document.body.style.overflowY;\n document.body.style.overflowY = 'hidden';\n return;\n }\n\n document.body.style.overflowY = overflow.current;\n }, [opened]);\n};\n"],"names":["useOverflow","_ref","opened","overflow","useRef","document","body","style","overflowY","useEffect","current"],"mappings":"~~;;;;;;IAIaA~~,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAkC;AAAA,EAAA,IAA5BC,MAAM,GAAAD,IAAA,CAANC,MAAM,CAAA;~~EAChC~~,IAAMC,QAAQ,GAAGC,YAAM,CAASC,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,CAAC,CAAA;;~~AAE9D~~;AACAC,EAAAA,eAAS,CAAC,YAAM;AACZ,IAAA,~~IAAIP~~,MAAM,EAAE;MACRC,QAAQ,~~CAACO~~,OAAO,GAAGL,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,CAAA;AAChDH,MAAAA,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,GAAG,QAAQ,CAAA;AACxC,MAAA,OAAA;AACJ,KAAA;IAEAH,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,~~GAAGL~~,QAAQ,~~CAACO~~,OAAO,CAAA;AACpD,GAAC,EAAE,~~CAACR~~,MAAM,CAAC,CAAC,CAAA;AAChB;;;;"}
1	+ {"version":3,"file":"useOverflow.js","sources":["../../../../src/components/Sheet/hooks/useOverflow.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { canUseDOM } from 'src/utils';\n\nimport { SheetHookArgs } from '../Sheet.types';\n\nexport const useOverflow = ({ opened }: SheetHookArgs) => {\n const overflow = useRef<string>(canUseDOM ? document.body.style.overflowY : 'initial');\n\n // linaria не поддерживает динамический global\n useEffect(() => {\n if (opened) {\n overflow.current = document.body.style.overflowY;\n document.body.style.overflowY = 'hidden';\n return;\n }\n\n document.body.style.overflowY = overflow.current;\n }, [opened]);\n};\n"],"names":["useOverflow","_ref","opened","overflow","useRef","canUseDOM","document","body","style","overflowY","useEffect","current"],"mappings":";;;;;;;IAKaA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAkC;AAAA,EAAA,IAA5BC,MAAM,GAAAD,IAAA,CAANC,MAAM,CAAA;AAChC,EAAA,IAAMC,QAAQ,GAAGC,YAAM,CAASC,mBAAS,GAAGC,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,GAAG,SAAS,CAAC,CAAA;;AAEtF;AACAC,EAAAA,eAAS,CAAC,YAAM;AACZ,IAAA,IAAIR,MAAM,EAAE;MACRC,QAAQ,CAACQ,OAAO,GAAGL,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,CAAA;AAChDH,MAAAA,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,GAAG,QAAQ,CAAA;AACxC,MAAA,OAAA;AACJ,KAAA;IAEAH,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,GAAGN,QAAQ,CAACQ,OAAO,CAAA;AACpD,GAAC,EAAE,CAACT,MAAM,CAAC,CAAC,CAAA;AAChB;;;;"}

package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js CHANGED Viewed

@@ -19,7 +19,7 @@ var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
 var _SingleDate = /*#__PURE__*/require("./SingleDate.styles");
-var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "calendarContainerWidth", "calendarContainerHeight", "stretched", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
+var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "calendarContainerWidth", "calendarContainerHeight", "stretched", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -98,6 +98,8 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
       _ref$closeOnEsc = _ref.closeOnEsc,
       closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
+      _ref$closeAfterDateSe = _ref.closeAfterDateSelect,
+      closeAfterDateSelect = _ref$closeAfterDateSe === void 0 ? true : _ref$closeAfterDateSe,
       offset = _ref.offset,
       calendarContainerWidth = _ref.calendarContainerWidth,
       calendarContainerHeight = _ref.calendarContainerHeight,
@@ -172,14 +174,14 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       datePickerErrorClass = _useDatePicker.datePickerErrorClass,
       datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
       handleChangeValue = _useDatePicker.handleChangeValue,
-      handleCalendarPick = _useDatePicker.handleCalendarPick,
+      onCalendarPick = _useDatePicker.handleCalendarPick,
       handleSearch = _useDatePicker.handleSearch,
       updateExternalDate = _useDatePicker.updateExternalDate;
     var handleToggle = function handleToggle(innerOpened, event) {
       if (disabled || readOnly) {
         return;
       }
-      var isCalendarOpen = event.target === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== _useKeyboardNavigation.keys.Escape ? true : innerOpened;
+      var isCalendarOpen = (event === null || event === void 0 ? void 0 : event.target) === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== _useKeyboardNavigation.keys.Escape ? true : innerOpened;
       if (!innerOpened && !calendarValue) {
         setCalendarValue(function (prevValue) {
           return prevValue === undefined ? null : undefined;
@@ -220,6 +222,13 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
         onBlur(event);
       }
     };
+    var handleCalendarPick = function handleCalendarPick(date, dateInfo) {
+      onCalendarPick(date, dateInfo);
+      if (closeAfterDateSelect) {
+        setIsInnerOpen(false);
+        handleToggle(false);
+      }
+    };
     var DatePickerInput = /*#__PURE__*/_react["default"].createElement(_SingleDate.StyledInput, {
       ref: inputRef,
       className: (0, _classnames["default"])(datePickerErrorClass, datePickerSuccessClass),

package/emotion/cjs/components/Sheet/hooks/useOverflow.js CHANGED Viewed

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useOverflow = void 0;
 var _react = /*#__PURE__*/require("react");
+var _utils = /*#__PURE__*/require("../../../utils");
 var useOverflow = exports.useOverflow = function useOverflow(_ref) {
   var opened = _ref.opened;
-  var overflow = (0, _react.useRef)(document.body.style.overflowY);
+  var overflow = (0, _react.useRef)(_utils.canUseDOM ? document.body.style.overflowY : 'initial');
   // linaria не поддерживает динамический global
   (0, _react.useEffect)(function () {

package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx CHANGED Viewed

@@ -14,6 +14,7 @@ const onChangeValue = action('onChangeValue');
 const onCommitDate = action('onCommitDate');
 const onBlur = action('onBlur');
 const onFocus = action('onFocus');
+const onToggle = action('onToggle');
 const onChangeFirstValue = action('onChangeFirstValue');
 const onChangeSecondValue = action('onChangeSecondValue');
@@ -118,7 +119,10 @@ const StoryDefault = ({
             contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
             onBlur={onBlur}
             onFocus={onFocus}
-            onToggle={(is) => setIsOpen(is)}
+            onToggle={(is) => {
+                setIsOpen(is);
+                onToggle(is);
+            }}
             onChangeValue={onChangeValue}
             onCommitDate={onCommitDate}
             lang={lang}
@@ -162,6 +166,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
         includeEdgeDates: true,
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),
+        closeAfterDateSelect: true,
         maskWithFormat: true,
         required: false,
         requiredPlacement: 'right',
@@ -262,7 +267,10 @@ const StoryRange = ({
             secondTextfieldTextBefore={
                 showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore
             }
-            onToggle={(is) => setIsOpen(is)}
+            onToggle={(is) => {
+                setIsOpen(is);
+                onToggle(is);
+            }}
             onChangeFirstValue={onChangeFirstValue}
             onChangeSecondValue={onChangeSecondValue}
             lang={lang}
@@ -304,11 +312,11 @@ export const Range: StoryObj<StoryPropsRange> = {
         calendarContainerHeight: 0,
         stretched: false,
         isDoubleCalendar: false,
-        closeAfterDateSelect: true,
         dividerVariant: 'dash',
         includeEdgeDates: true,
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),
+        closeAfterDateSelect: true,
         renderFromDate: new Date(2024, 4, 14),
         maskWithFormat: false,
         required: false,
@@ -410,6 +418,7 @@ export const Deferred: StoryObj<StoryPropsDefault> = {
         includeEdgeDates: true,
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),
+        closeAfterDateSelect: true,
         maskWithFormat: false,
         required: false,
         requiredPlacement: 'right',

package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx CHANGED Viewed

@@ -118,7 +118,10 @@ const StoryDefault = ({
             contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
             onBlur={onBlur}
             onFocus={onFocus}
-            onToggle={(is) => setIsOpen(is)}
+            onToggle={(is) => {
+                setIsOpen(is);
+                onToggle(is);
+            }}
             onChangeValue={onChangeValue}
             onCommitDate={onCommitDate}
             lang={lang}
@@ -162,6 +165,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
         includeEdgeDates: true,
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),
+        closeAfterDateSelect: true,
         maskWithFormat: false,
         required: false,
         requiredPlacement: 'right',
@@ -262,7 +266,10 @@ const StoryRange = ({
             secondTextfieldTextBefore={
                 showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore
             }
-            onToggle={(is) => setIsOpen(is)}
+            onToggle={(is) => {
+                setIsOpen(is);
+                onToggle(is);
+            }}
             onChangeFirstValue={onChangeFirstValue}
             onChangeSecondValue={onChangeSecondValue}
             lang={lang}
@@ -304,11 +311,11 @@ export const Range: StoryObj<StoryPropsRange> = {
         calendarContainerHeight: 0,
         stretched: false,
         isDoubleCalendar: false,
-        closeAfterDateSelect: true,
         dividerVariant: 'dash',
         includeEdgeDates: true,
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),
+        closeAfterDateSelect: true,
         renderFromDate: new Date(2024, 4, 14),
         maskWithFormat: false,
         required: false,
@@ -410,6 +417,7 @@ export const Deferred: StoryObj<StoryPropsDefault> = {
         includeEdgeDates: true,
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),
+        closeAfterDateSelect: true,
         maskWithFormat: false,
         required: false,
         requiredPlacement: 'right',

package/emotion/es/components/DatePicker/SingleDate/SingleDate.js CHANGED Viewed

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "calendarContainerWidth", "calendarContainerHeight", "stretched", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
+var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "calendarContainerWidth", "calendarContainerHeight", "stretched", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
@@ -89,6 +89,8 @@ export var datePickerRoot = function datePickerRoot(Root) {
       closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
       _ref$closeOnEsc = _ref.closeOnEsc,
       closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
+      _ref$closeAfterDateSe = _ref.closeAfterDateSelect,
+      closeAfterDateSelect = _ref$closeAfterDateSe === void 0 ? true : _ref$closeAfterDateSe,
       offset = _ref.offset,
       calendarContainerWidth = _ref.calendarContainerWidth,
       calendarContainerHeight = _ref.calendarContainerHeight,
@@ -163,14 +165,14 @@ export var datePickerRoot = function datePickerRoot(Root) {
       datePickerErrorClass = _useDatePicker.datePickerErrorClass,
       datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
       handleChangeValue = _useDatePicker.handleChangeValue,
-      handleCalendarPick = _useDatePicker.handleCalendarPick,
+      onCalendarPick = _useDatePicker.handleCalendarPick,
       handleSearch = _useDatePicker.handleSearch,
       updateExternalDate = _useDatePicker.updateExternalDate;
     var handleToggle = function handleToggle(innerOpened, event) {
       if (disabled || readOnly) {
         return;
       }
-      var isCalendarOpen = event.target === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== keys.Escape ? true : innerOpened;
+      var isCalendarOpen = (event === null || event === void 0 ? void 0 : event.target) === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== keys.Escape ? true : innerOpened;
       if (!innerOpened && !calendarValue) {
         setCalendarValue(function (prevValue) {
           return prevValue === undefined ? null : undefined;
@@ -211,6 +213,13 @@ export var datePickerRoot = function datePickerRoot(Root) {
         onBlur(event);
       }
     };
+    var handleCalendarPick = function handleCalendarPick(date, dateInfo) {
+      onCalendarPick(date, dateInfo);
+      if (closeAfterDateSelect) {
+        setIsInnerOpen(false);
+        handleToggle(false);
+      }
+    };
     var DatePickerInput = /*#__PURE__*/React.createElement(StyledInput, {
       ref: inputRef,
       className: cls(datePickerErrorClass, datePickerSuccessClass),

package/emotion/es/components/Sheet/hooks/useOverflow.js CHANGED Viewed

@@ -1,7 +1,8 @@
 import { useEffect, useRef } from 'react';
+import { canUseDOM } from "../../../utils";
 export var useOverflow = function useOverflow(_ref) {
   var opened = _ref.opened;
-  var overflow = useRef(document.body.style.overflowY);
+  var overflow = useRef(canUseDOM ? document.body.style.overflowY : 'initial');
   // linaria не поддерживает динамический global
   useEffect(function () {

package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx CHANGED Viewed

@@ -14,6 +14,7 @@ const onChangeValue = action('onChangeValue');
 const onCommitDate = action('onCommitDate');
 const onBlur = action('onBlur');
 const onFocus = action('onFocus');
+const onToggle = action('onToggle');
 const onChangeFirstValue = action('onChangeFirstValue');
 const onChangeSecondValue = action('onChangeSecondValue');
@@ -118,7 +119,10 @@ const StoryDefault = ({
             contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
             onBlur={onBlur}
             onFocus={onFocus}
-            onToggle={(is) => setIsOpen(is)}
+            onToggle={(is) => {
+                setIsOpen(is);
+                onToggle(is);
+            }}
             onChangeValue={onChangeValue}
             onCommitDate={onCommitDate}
             lang={lang}
@@ -162,6 +166,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
         includeEdgeDates: true,
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),
+        closeAfterDateSelect: true,
         maskWithFormat: true,
         required: false,
         requiredPlacement: 'right',
@@ -262,7 +267,10 @@ const StoryRange = ({
             secondTextfieldTextBefore={
                 showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore
             }
-            onToggle={(is) => setIsOpen(is)}
+            onToggle={(is) => {
+                setIsOpen(is);
+                onToggle(is);
+            }}
             onChangeFirstValue={onChangeFirstValue}
             onChangeSecondValue={onChangeSecondValue}
             lang={lang}
@@ -304,11 +312,11 @@ export const Range: StoryObj<StoryPropsRange> = {
         calendarContainerHeight: 0,
         stretched: false,
         isDoubleCalendar: false,
-        closeAfterDateSelect: true,
         dividerVariant: 'dash',
         includeEdgeDates: true,
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),
+        closeAfterDateSelect: true,
         renderFromDate: new Date(2024, 4, 14),
         maskWithFormat: false,
         required: false,
@@ -410,6 +418,7 @@ export const Deferred: StoryObj<StoryPropsDefault> = {
         includeEdgeDates: true,
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),
+        closeAfterDateSelect: true,
         maskWithFormat: false,
         required: false,
         requiredPlacement: 'right',

package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx CHANGED Viewed

@@ -118,7 +118,10 @@ const StoryDefault = ({
             contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
             onBlur={onBlur}
             onFocus={onFocus}
-            onToggle={(is) => setIsOpen(is)}
+            onToggle={(is) => {
+                setIsOpen(is);
+                onToggle(is);
+            }}
             onChangeValue={onChangeValue}
             onCommitDate={onCommitDate}
             lang={lang}
@@ -162,6 +165,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
         includeEdgeDates: true,
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),
+        closeAfterDateSelect: true,
         maskWithFormat: false,
         required: false,
         requiredPlacement: 'right',
@@ -262,7 +266,10 @@ const StoryRange = ({
             secondTextfieldTextBefore={
                 showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore
             }
-            onToggle={(is) => setIsOpen(is)}
+            onToggle={(is) => {
+                setIsOpen(is);
+                onToggle(is);
+            }}
             onChangeFirstValue={onChangeFirstValue}
             onChangeSecondValue={onChangeSecondValue}
             lang={lang}
@@ -304,11 +311,11 @@ export const Range: StoryObj<StoryPropsRange> = {
         calendarContainerHeight: 0,
         stretched: false,
         isDoubleCalendar: false,
-        closeAfterDateSelect: true,
         dividerVariant: 'dash',
         includeEdgeDates: true,
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),
+        closeAfterDateSelect: true,
         renderFromDate: new Date(2024, 4, 14),
         maskWithFormat: false,
         required: false,
@@ -410,6 +417,7 @@ export const Deferred: StoryObj<StoryPropsDefault> = {
         includeEdgeDates: true,
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),
+        closeAfterDateSelect: true,
         maskWithFormat: false,
         required: false,
         requiredPlacement: 'right',

package/es/components/DatePicker/SingleDate/SingleDate.js CHANGED Viewed

@@ -16,7 +16,7 @@ import { getSizeValueFromProp } from '../../../utils/getSizeValueFromProp.js';
 import { noop } from '../../../utils/noop.js';
 import { getPlacements } from '../../../utils/getPopoverPlacement.js';
-var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "calendarContainerWidth", "calendarContainerHeight", "stretched", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
+var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "calendarContainerWidth", "calendarContainerHeight", "stretched", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
 var datePickerRoot = function datePickerRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
     var className = _ref.className,
@@ -80,6 +80,8 @@ var datePickerRoot = function datePickerRoot(Root) {
       closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
       _ref$closeOnEsc = _ref.closeOnEsc,
       closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
+      _ref$closeAfterDateSe = _ref.closeAfterDateSelect,
+      closeAfterDateSelect = _ref$closeAfterDateSe === void 0 ? true : _ref$closeAfterDateSe,
       offset = _ref.offset,
       calendarContainerWidth = _ref.calendarContainerWidth,
       calendarContainerHeight = _ref.calendarContainerHeight,
@@ -154,14 +156,14 @@ var datePickerRoot = function datePickerRoot(Root) {
       datePickerErrorClass = _useDatePicker.datePickerErrorClass,
       datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
       handleChangeValue = _useDatePicker.handleChangeValue,
-      handleCalendarPick = _useDatePicker.handleCalendarPick,
+      onCalendarPick = _useDatePicker.handleCalendarPick,
       handleSearch = _useDatePicker.handleSearch,
       updateExternalDate = _useDatePicker.updateExternalDate;
     var handleToggle = function handleToggle(innerOpened, event) {
       if (disabled || readOnly) {
         return;
       }
-      var isCalendarOpen = event.target === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== keys.Escape ? true : innerOpened;
+      var isCalendarOpen = (event === null || event === void 0 ? void 0 : event.target) === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== keys.Escape ? true : innerOpened;
       if (!innerOpened && !calendarValue) {
         setCalendarValue(function (prevValue) {
           return prevValue === undefined ? null : undefined;
@@ -202,6 +204,13 @@ var datePickerRoot = function datePickerRoot(Root) {
         onBlur(event);
       }
     };
+    var handleCalendarPick = function handleCalendarPick(date, dateInfo) {
+      onCalendarPick(date, dateInfo);
+      if (closeAfterDateSelect) {
+        setIsInnerOpen(false);
+        handleToggle(false);
+      }
+    };
     var DatePickerInput = /*#__PURE__*/React.createElement(StyledInput, {
       ref: inputRef,
       className: cls(datePickerErrorClass, datePickerSuccessClass),