@salutejs/plasma-new-hope 0.94.0-canary.1274.9714678450.0 → 0.94.0-dev.0

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

@@ -0,0 +1,183 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index = require('../../../utils/index.js');
+var dateHelper = require('../utils/dateHelper.js');
+var useDatePicker = require('../hooks/useDatePicker.js');
+var DatePicker_tokens = require('../DatePicker.tokens.js');
+var DatePickerBase_styles = require('../DatePickerBase.styles.js');
+var base$1 = require('./variations/_size/base.js');
+var base = require('./variations/_view/base.js');
+var base$2 = require('./variations/_disabled/base.js');
+var base$3 = require('./variations/_readonly/base.js');
+var SingleDate_styles = require('./SingleDate.styles.js');
+var getPopoverPlacement = require('../../../utils/getPopoverPlacement.js');
+
+var _excluded = ["className", "isOpen", "label", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "defaultDate", "valueError", "valueSuccess", "format", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "type", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur"];
+var datePickerRoot = function datePickerRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var className = _ref.className,
+      _ref$isOpen = _ref.isOpen,
+      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+      label = _ref.label,
+      placeholder = _ref.placeholder,
+      leftHelper = _ref.leftHelper,
+      contentLeft = _ref.contentLeft,
+      contentRight = _ref.contentRight,
+      textBefore = _ref.textBefore,
+      textAfter = _ref.textAfter,
+      view = _ref.view,
+      size = _ref.size,
+      _ref$readOnly = _ref.readOnly,
+      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$defaultDate = _ref.defaultDate,
+      defaultDate = _ref$defaultDate === void 0 ? '' : _ref$defaultDate,
+      valueError = _ref.valueError,
+      valueSuccess = _ref.valueSuccess,
+      _ref$format = _ref.format,
+      format = _ref$format === void 0 ? 'DD.MM.YYYY' : _ref$format,
+      maskWithFormat = _ref.maskWithFormat,
+      min = _ref.min,
+      max = _ref.max,
+      _ref$includeEdgeDates = _ref.includeEdgeDates,
+      includeEdgeDates = _ref$includeEdgeDates === void 0 ? false : _ref$includeEdgeDates,
+      eventList = _ref.eventList,
+      disabledList = _ref.disabledList,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'Days' : _ref$type,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? ['top', 'bottom'] : _ref$placement,
+      _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
+      closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
+      offset = _ref.offset,
+      onChangeValue = _ref.onChangeValue,
+      onCommitDate = _ref.onCommitDate,
+      onToggle = _ref.onToggle,
+      onFocus = _ref.onFocus,
+      onBlur = _ref.onBlur,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+    var inputRef = React.useRef(null);
+    var _useState = React.useState(isOpen),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      isInnerOpen = _useState2[0],
+      setIsInnerOpen = _useState2[1];
+    var _useState3 = React.useState(dateHelper.formatCalendarValue(defaultDate, format)),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      calendarValue = _useState4[0],
+      setCalendarValue = _useState4[1];
+    var _useState5 = React.useState(dateHelper.formatInputValue(defaultDate, format)),
+      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+      inputValue = _useState6[0],
+      setInputValue = _useState6[1];
+    var dateFormatDelimiter = React.useCallback(function () {
+      return dateHelper.getDateFormatDelimiter(format);
+    }, [format]);
+    var _useDatePicker = useDatePicker.useDatePicker({
+        currentValue: inputValue,
+        setInputValue: setInputValue,
+        setCalendarValue: setCalendarValue,
+        setIsInnerOpen: setIsInnerOpen,
+        dateFormatDelimiter: dateFormatDelimiter,
+        format: format,
+        disabled: disabled,
+        readOnly: readOnly,
+        maskWithFormat: maskWithFormat,
+        valueError: valueError,
+        valueSuccess: valueSuccess,
+        inputRef: inputRef,
+        onToggle: onToggle,
+        onChangeValue: onChangeValue,
+        onCommitDate: onCommitDate
+      }),
+      datePickerErrorClass = _useDatePicker.datePickerErrorClass,
+      datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
+      handleToggle = _useDatePicker.handleToggle,
+      handleChangeValue = _useDatePicker.handleChangeValue,
+      handleCommitDate = _useDatePicker.handleCommitDate;
+    var DatePickerInput = /*#__PURE__*/React.createElement(SingleDate_styles.StyledInput, {
+      ref: inputRef,
+      className: index.cx(datePickerErrorClass, datePickerSuccessClass),
+      value: inputValue,
+      readOnly: readOnly,
+      disabled: disabled,
+      placeholder: placeholder,
+      contentLeft: contentLeft,
+      contentRight: contentRight,
+      textBefore: textBefore,
+      textAfter: textAfter,
+      onChange: handleChangeValue,
+      onSearch: function onSearch(date) {
+        return handleCommitDate(date, true, false);
+      },
+      onFocus: onFocus,
+      onBlur: onBlur
+    });
+    return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
+      view: view,
+      size: size,
+      className: index.cx(DatePicker_tokens.classes.datePickerRoot, className),
+      disabled: disabled,
+      readOnly: !disabled && readOnly,
+      ref: ref
+    }, rest), label && /*#__PURE__*/React.createElement(SingleDate_styles.StyledLabel, null, label), /*#__PURE__*/React.createElement(SingleDate_styles.StyledPopover, {
+      isOpen: isOpen || isInnerOpen,
+      usePortal: false,
+      onToggle: handleToggle,
+      offset: offset,
+      placement: getPopoverPlacement.getPlacements(placement),
+      trigger: "click",
+      closeOnOverlayClick: closeOnOverlayClick,
+      isFocusTrapped: false,
+      target: DatePickerInput,
+      preventOverflow: false
+    }, /*#__PURE__*/React.createElement(DatePickerBase_styles.StyledCalendar, {
+      size: size,
+      value: calendarValue,
+      type: type,
+      eventList: eventList,
+      disabledList: disabledList,
+      min: min,
+      max: max,
+      includeEdgeDates: includeEdgeDates,
+      isRange: false,
+      onChangeValue: function onChangeValue(date) {
+        return handleCommitDate(date, false, true);
+      }
+    })), leftHelper && /*#__PURE__*/React.createElement(SingleDate_styles.LeftHelper, null, leftHelper));
+  });
+};
+var datePickerConfig = {
+  name: 'DatePicker',
+  tag: 'div',
+  layout: datePickerRoot,
+  base: SingleDate_styles.base,
+  variations: {
+    view: {
+      css: base.base
+    },
+    size: {
+      css: base$1.base
+    },
+    disabled: {
+      css: base$2.base,
+      attrs: true
+    },
+    readOnly: {
+      css: base$3.base,
+      attrs: true
+    }
+  },
+  defaults: {
+    size: 'm',
+    view: 'default'
+  }
+};
+
+exports.datePickerConfig = datePickerConfig;
+exports.datePickerRoot = datePickerRoot;
+//# sourceMappingURL=SingleDate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { cx, getPlacements } from '../../../utils';\nimport { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { StyledCalendar } from '../DatePickerBase.styles';\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, StyledLabel, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n    Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'isOpen' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n    forwardRef<HTMLInputElement, DatePickerProps>(\n        (\n            {\n                className,\n                isOpen = false,\n\n                label,\n                placeholder,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n\n                defaultDate = '',\n                valueError,\n                valueSuccess,\n                format = 'DD.MM.YYYY',\n                maskWithFormat,\n                min,\n                max,\n                includeEdgeDates = false,\n                eventList,\n                disabledList,\n                type = 'Days',\n\n                placement = ['top', 'bottom'],\n                closeOnOverlayClick = true,\n                offset,\n\n                onChangeValue,\n                onCommitDate,\n                onToggle,\n                onFocus,\n                onBlur,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const inputRef = useRef<HTMLInputElement | null>(null);\n            const [isInnerOpen, setIsInnerOpen] = useState(isOpen);\n\n            const [calendarValue, setCalendarValue] = useState(formatCalendarValue(defaultDate, format));\n            const [inputValue, setInputValue] = useState(formatInputValue(defaultDate, format));\n\n            const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]);\n\n            const {\n                datePickerErrorClass,\n                datePickerSuccessClass,\n                handleToggle,\n                handleChangeValue,\n                handleCommitDate,\n            } = useDatePicker({\n                currentValue: inputValue,\n                setInputValue,\n                setCalendarValue,\n                setIsInnerOpen,\n                dateFormatDelimiter,\n                format,\n                disabled,\n                readOnly,\n                maskWithFormat,\n                valueError,\n                valueSuccess,\n                inputRef,\n                onToggle,\n                onChangeValue,\n                onCommitDate,\n            });\n\n            const DatePickerInput = (\n                <StyledInput\n                    ref={inputRef}\n                    className={cx(datePickerErrorClass, datePickerSuccessClass)}\n                    value={inputValue}\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={(date) => handleCommitDate(date, true, false)}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                />\n            );\n\n            return (\n                <Root\n                    view={view}\n                    size={size}\n                    className={cx(classes.datePickerRoot, className)}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    ref={ref}\n                    {...rest}\n                >\n                    {label && <StyledLabel>{label}</StyledLabel>}\n                    <StyledPopover\n                        isOpen={isOpen || isInnerOpen}\n                        usePortal={false}\n                        onToggle={handleToggle}\n                        offset={offset}\n                        placement={getPlacements(placement)}\n                        trigger=\"click\"\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        isFocusTrapped={false}\n                        target={DatePickerInput}\n                        preventOverflow={false}\n                    >\n                        <StyledCalendar\n                            size={size}\n                            value={calendarValue}\n                            type={type}\n                            eventList={eventList}\n                            disabledList={disabledList}\n                            min={min}\n                            max={max}\n                            includeEdgeDates={includeEdgeDates}\n                            isRange={false}\n                            onChangeValue={(date) => handleCommitDate(date, false, true)}\n                        />\n                    </StyledPopover>\n                    {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\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$isOpen","isOpen","label","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","maskWithFormat","min","max","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","_ref$type","type","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","offset","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","rest","_objectWithoutProperties","_excluded","inputRef","useRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","formatCalendarValue","_useState4","calendarValue","setCalendarValue","_useState5","formatInputValue","_useState6","inputValue","setInputValue","dateFormatDelimiter","useCallback","getDateFormatDelimiter","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleToggle","handleChangeValue","handleCommitDate","DatePickerInput","React","createElement","StyledInput","cx","value","onChange","onSearch","date","_extends","classes","StyledLabel","StyledPopover","usePortal","getPlacements","trigger","isFocusTrapped","target","preventOverflow","StyledCalendar","isRange","LeftHelper","datePickerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}

package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js

@@ -0,0 +1,51 @@
+import './SingleDate.styles_18b5qkz.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+require('@linaria/core');
+var common = require('../../../engines/common.js');
+var TextField$1 = require('../../TextField/TextField.js');
+var Popover$1 = require('../../Popover/Popover.js');
+
+var mergedTextFieldConfig = /*#__PURE__*/common.mergeConfig(TextField$1.textFieldConfig);
+var TextField = /*#__PURE__*/common.component(mergedTextFieldConfig);
+var mergedPopoverConfig = /*#__PURE__*/common.mergeConfig(Popover$1.popoverConfig);
+var Popover = /*#__PURE__*/common.component(mergedPopoverConfig);
+var _exp = function _exp() {
+  return Popover;
+};
+var StyledPopover = /*#__PURE__*/react.styled(_exp())({
+  name: "StyledPopover",
+  "class": "s1golqpq",
+  propsAsIs: true
+});
+
+// NOTE: переопределение токенов TextField
+var _exp2 = function _exp2() {
+  return TextField;
+};
+var StyledInput = /*#__PURE__*/react.styled(_exp2())({
+  name: "StyledInput",
+  "class": "s15omatb",
+  propsAsIs: true
+});
+var base = "boba7w3";
+var StyledLabel = /*#__PURE__*/react.styled('label')({
+  name: "StyledLabel",
+  "class": "svfqi8",
+  propsAsIs: false
+});
+var LeftHelper = /*#__PURE__*/react.styled('div')({
+  name: "LeftHelper",
+  "class": "l5dd1qs",
+  propsAsIs: false
+});
+
+exports.LeftHelper = LeftHelper;
+exports.StyledInput = StyledInput;
+exports.StyledLabel = StyledLabel;
+exports.StyledPopover = StyledPopover;
+exports.base = base;
+//# sourceMappingURL=SingleDate.styles.js.map

package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleDate.styles.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../TextField';\nimport { classes, tokens } from '../DatePicker.tokens';\nimport { popoverConfig } from '../../Popover';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`        \n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n    ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n    ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n    \n    ${textFieldTokens.borderColor}: var(${tokens.borderColor});\n    ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n\n    ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n    ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n    ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n    ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n\n    ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n    \n    ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n    &.${classes.datePickerError} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n    }\n\n    &.${classes.datePickerSuccess} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n    }\n`;\n\nexport const base = css`\n    display: inline-block;\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledInput","base","StyledLabel","LeftHelper"],"mappings":";;;;;;;;;;AAQA,IAAMA,qBAAqB,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,qBAAqB,CAAC,CAAA;AAElD,IAAMK,mBAAmB,gBAAGJ,kBAAW,CAACK,uBAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,gBAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAX7BA,SAW6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;;AAE9C;AAAA,IAAAC,KAAA,GAfkBA,SAelBA,KAAAA,GAAA;AAAA,EAAA,OACkCX,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMY,WAAW,gBAAGL,YAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA6DhC,EAAA;AAEM,IAAMG,IAAI,GAEhB,UAAA;AAEM,IAAMC,WAAW,gBAAGP,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMK,UAAU,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;;;;;"}

package/cjs/components/DatePicker/SingleDate/SingleDate.styles_18b5qkz.css

@@ -0,0 +1,5 @@
+
+.s15omatb{--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-date-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-date-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);}.s15omatb.date-picker-error{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-error-focus);}.s15omatb.date-picker-success{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-success-focus);}
+.boba7w3{display:inline-block;}
+
+

package/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js

@@ -0,0 +1,9 @@
+import './base_1rfgfsz.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "bl4tpwr";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../src/components/DatePicker/SingleDate/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../../DatePicker.tokens';\n\nexport const base = css`\n    &[disabled] {\n        opacity: var(${tokens.disabledOpacity});\n        cursor: not-allowed;\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAKhB;;;;"}

package/cjs/components/DatePicker/SingleDate/variations/_disabled/base_1rfgfsz.css

@@ -0,0 +1 @@
+.bl4tpwr[disabled]{opacity:var(--plasma-date-picker-disabled-opacity);cursor:not-allowed;}

package/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js

@@ -0,0 +1,9 @@
+import './base_1jucwp.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "b160pc19";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../src/components/DatePicker/SingleDate/variations/_readonly/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../../DatePicker.tokens';\nimport { LeftHelper, StyledLabel } from '../../SingleDate.styles';\n\nexport const base = css`\n    &[readonly] {\n        cursor: default;\n\n        ${StyledLabel} {\n            display: block;\n            color: var(${tokens.labelColorReadOnly});\n        }\n\n        ${LeftHelper} {\n            color: var(${tokens.leftHelperColorReadOnly});\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAahB;;;;"}

package/cjs/components/DatePicker/SingleDate/variations/_readonly/base_1jucwp.css

@@ -0,0 +1 @@
+.b160pc19[readonly]{cursor:default;}.b160pc19[readonly] .svfqi8{display:block;color:var(--plasma-date-picker__label-color-readonly);}.b160pc19[readonly] .l5dd1qs{color:var(--plasma-date-picker__left-helper-color-readonly);}

package/cjs/components/DatePicker/SingleDate/variations/_size/base.js

@@ -0,0 +1,9 @@
+import './base_lf7y25.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "bjvjzuw";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/components/DatePicker/SingleDate/variations/_size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../src/components/DatePicker/SingleDate/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../../DatePicker.tokens';\nimport { StyledLabel, LeftHelper } from '../../SingleDate.styles';\n\nexport const base = css`\n    width: var(${tokens.width});\n\n    ${StyledLabel} {\n        margin: var(${tokens.labelOffset});\n\n        font-family: var(${tokens.labelFontFamily});\n        font-size: var(${tokens.labelFontSize});\n        font-style: var(${tokens.labelFontStyle});\n        font-weight: var(${tokens.labelFontWeight});\n        letter-spacing: var(${tokens.labelLetterSpacing});\n        line-height: var(${tokens.labelLineHeight});\n    }\n\n    ${LeftHelper} {\n        margin: var(${tokens.leftHelperOffset});\n\n        font-family: var(${tokens.leftHelperFontFamily});\n        font-size: var(${tokens.leftHelperFontSize});\n        font-style: var(${tokens.leftHelperFontStyle});\n        font-weight: var(${tokens.leftHelperFontWeight});\n        letter-spacing: var(${tokens.leftHelperLetterSpacing});\n        line-height: var(${tokens.leftHelperLineHeight});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAwBhB;;;;"}

package/cjs/components/DatePicker/SingleDate/variations/_size/base_lf7y25.css

@@ -0,0 +1 @@
+.bjvjzuw{width:var(--plasma-date-picker-width);}.bjvjzuw .svfqi8{margin:var(--plasma-date-picker__label-offset);font-family:var(--plasma-date-picker__label-font-family);font-size:var(--plasma-date-picker__label-font-size);font-style:var(--plasma-date-picker__label-font-style);font-weight:var(--plasma-date-picker__label-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__label-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__label-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__label-letter-spacing);letter-spacing:var(--plasma-date-picker__label-letter-spacing);line-height:var(--plasma-date-picker__label-line-height);}.bjvjzuw .l5dd1qs{margin:var(--plasma-date-picker__left-helper-offset);font-family:var(--plasma-date-picker__left-helper-font-family);font-size:var(--plasma-date-picker__left-helper-font-size);font-style:var(--plasma-date-picker__left-helper-font-style);font-weight:var(--plasma-date-picker__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);line-height:var(--plasma-date-picker__left-helper-line-height);}

package/cjs/components/DatePicker/SingleDate/variations/_view/base.js

@@ -0,0 +1,9 @@
+import './base_15vaheb.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "bgt8q06";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/components/DatePicker/SingleDate/variations/_view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../src/components/DatePicker/SingleDate/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { LeftHelper, StyledLabel } from '../../SingleDate.styles';\nimport { tokens } from '../../../DatePicker.tokens';\n\nexport const base = css`\n    ${StyledLabel} {\n        display: block;\n        color: var(${tokens.labelColor});\n    }\n\n    ${LeftHelper} {\n        color: var(${tokens.leftHelperColor});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAShB;;;;"}

package/cjs/components/DatePicker/SingleDate/variations/_view/base_15vaheb.css

@@ -0,0 +1 @@
+.bgt8q06 .svfqi8{display:block;color:var(--plasma-date-picker__label-color);}.bgt8q06 .l5dd1qs{color:var(--plasma-date-picker__left-helper-color);}

package/cjs/components/DatePicker/hooks/useDatePicker.js

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DatePicker_tokens = require('../DatePicker.tokens.js');
+var dateHelper = require('../utils/dateHelper.js');
+
+var useDatePicker = function useDatePicker(_ref) {
+  var currentValue = _ref.currentValue,
+    setInputValue = _ref.setInputValue,
+    setCalendarValue = _ref.setCalendarValue,
+    setIsInnerOpen = _ref.setIsInnerOpen,
+    dateFormatDelimiter = _ref.dateFormatDelimiter,
+    format = _ref.format,
+    disabled = _ref.disabled,
+    readOnly = _ref.readOnly,
+    maskWithFormat = _ref.maskWithFormat,
+    valueError = _ref.valueError,
+    valueSuccess = _ref.valueSuccess,
+    inputRef = _ref.inputRef,
+    onToggle = _ref.onToggle,
+    onChangeValue = _ref.onChangeValue,
+    onCommitDate = _ref.onCommitDate;
+  var datePickerErrorClass = valueError ? DatePicker_tokens.classes.datePickerError : undefined;
+  var datePickerSuccessClass = valueSuccess ? DatePicker_tokens.classes.datePickerSuccess : undefined;
+  var handleToggle = function handleToggle(opened, event) {
+    if (disabled || readOnly) {
+      return;
+    }
+    var isCalendarOpen = event.target === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) ? true : opened;
+    if (onToggle) {
+      return onToggle(isCalendarOpen, event);
+    }
+    setIsInnerOpen(isCalendarOpen);
+  };
+  var handleChangeValue = function handleChangeValue(event) {
+    if (disabled || readOnly) {
+      return;
+    }
+    var value = event.target.value;
+    var newValue = maskWithFormat ? dateHelper.getMaskedDateOnInput(value, format, dateFormatDelimiter(), currentValue) : value;
+    setCalendarValue(dateHelper.formatCalendarValue(newValue, format));
+    setInputValue(dateHelper.formatInputValue(newValue, format));
+    onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
+  };
+  var handleCommitDate = function handleCommitDate(date, applyFormat, isCalendarValue) {
+    if (disabled || readOnly) {
+      return;
+    }
+    if (!date) {
+      setCalendarValue(undefined);
+      setInputValue('');
+      return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate('', false, true);
+    }
+    if (isCalendarValue) {
+      setCalendarValue(dateHelper.formatCalendarValue(date, format));
+      setInputValue(dateHelper.formatInputValue(date, format));
+      return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate(date, false, true);
+    }
+    var formatString = applyFormat ? format : undefined;
+    var _getDateFromFormat = dateHelper.getDateFromFormat(date, formatString),
+      newDate = _getDateFromFormat.value,
+      isError = _getDateFromFormat.isError,
+      isSuccess = _getDateFromFormat.isSuccess;
+    setCalendarValue(dateHelper.formatCalendarValue(newDate, format));
+    setInputValue(dateHelper.formatInputValue(newDate, format));
+    onCommitDate === null || onCommitDate === void 0 || onCommitDate(newDate, isError, isSuccess);
+  };
+  return {
+    datePickerErrorClass: datePickerErrorClass,
+    datePickerSuccessClass: datePickerSuccessClass,
+    handleToggle: handleToggle,
+    handleChangeValue: handleChangeValue,
+    handleCommitDate: handleCommitDate
+  };
+};
+
+exports.useDatePicker = useDatePicker;
+//# sourceMappingURL=useDatePicker.js.map

package/cjs/components/DatePicker/hooks/useDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDatePicker.js","sources":["../../../../src/components/DatePicker/hooks/useDatePicker.ts"],"sourcesContent":["import { ChangeEvent, SyntheticEvent } from 'react';\n\nimport { classes } from '../DatePicker.tokens';\nimport type { UseDatePickerProps } from '../DatePickerBase.types';\nimport { formatCalendarValue, formatInputValue, getDateFromFormat, getMaskedDateOnInput } from '../utils/dateHelper';\n\nexport const useDatePicker = ({\n    currentValue,\n    setInputValue,\n    setCalendarValue,\n    setIsInnerOpen,\n    dateFormatDelimiter,\n    format,\n    disabled,\n    readOnly,\n    maskWithFormat,\n    valueError,\n    valueSuccess,\n    inputRef,\n    onToggle,\n    onChangeValue,\n    onCommitDate,\n}: UseDatePickerProps) => {\n    const datePickerErrorClass = valueError ? classes.datePickerError : undefined;\n    const datePickerSuccessClass = valueSuccess ? classes.datePickerSuccess : undefined;\n\n    const handleToggle = (opened: boolean, event: SyntheticEvent | Event) => {\n        if (disabled || readOnly) {\n            return;\n        }\n\n        const isCalendarOpen = event.target === inputRef?.current ? true : opened;\n\n        if (onToggle) {\n            return onToggle(isCalendarOpen, event);\n        }\n\n        setIsInnerOpen(isCalendarOpen);\n    };\n\n    const handleChangeValue = (event: ChangeEvent<HTMLInputElement>) => {\n        if (disabled || readOnly) {\n            return;\n        }\n        const { value } = event.target;\n\n        const newValue = maskWithFormat\n            ? getMaskedDateOnInput(value, format, dateFormatDelimiter(), currentValue)\n            : value;\n\n        setCalendarValue(formatCalendarValue(newValue, format));\n        setInputValue(formatInputValue(newValue, format));\n\n        onChangeValue?.(event, newValue);\n    };\n\n    const handleCommitDate = (date?: Date | string, applyFormat?: boolean, isCalendarValue?: boolean) => {\n        if (disabled || readOnly) {\n            return;\n        }\n\n        if (!date) {\n            setCalendarValue(undefined);\n            setInputValue('');\n\n            return onCommitDate?.('', false, true);\n        }\n\n        if (isCalendarValue) {\n            setCalendarValue(formatCalendarValue(date, format));\n            setInputValue(formatInputValue(date, format));\n\n            return onCommitDate?.(date, false, true);\n        }\n\n        const formatString = applyFormat ? format : undefined;\n\n        const { value: newDate, isError, isSuccess } = getDateFromFormat(date, formatString);\n\n        setCalendarValue(formatCalendarValue(newDate, format));\n        setInputValue(formatInputValue(newDate, format));\n\n        onCommitDate?.(newDate, isError, isSuccess);\n    };\n\n    return {\n        datePickerErrorClass,\n        datePickerSuccessClass,\n        handleToggle,\n        handleChangeValue,\n        handleCommitDate,\n    };\n};\n"],"names":["useDatePicker","_ref","currentValue","setInputValue","setCalendarValue","setIsInnerOpen","dateFormatDelimiter","format","disabled","readOnly","maskWithFormat","valueError","valueSuccess","inputRef","onToggle","onChangeValue","onCommitDate","datePickerErrorClass","classes","datePickerError","undefined","datePickerSuccessClass","datePickerSuccess","handleToggle","opened","event","isCalendarOpen","target","current","handleChangeValue","value","newValue","getMaskedDateOnInput","formatCalendarValue","formatInputValue","handleCommitDate","date","applyFormat","isCalendarValue","formatString","_getDateFromFormat","getDateFromFormat","newDate","isError","isSuccess"],"mappings":"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"}

package/cjs/components/DatePicker/utils/dateHelper.js

@@ -0,0 +1,84 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var datejs = require('../../../utils/datejs.js');
+
+var formatInputValue = function formatInputValue(value, format) {
+  if (!value) {
+    return '';
+  }
+  if (format && datejs.customDayjs(value, format, true).isValid()) {
+    return datejs.customDayjs(value, format).format(format);
+  }
+  if (format && String(value).length >= 10 && String(new Date(value)) !== 'Invalid Date') {
+    return datejs.customDayjs(value).format(format);
+  }
+  return String(value);
+};
+var formatCalendarValue = function formatCalendarValue(value, format) {
+  if (!value) {
+    return undefined;
+  }
+  if (format && datejs.customDayjs(value, format, true).isValid()) {
+    return datejs.customDayjs(value, format, true).toDate();
+  }
+  if (String(new Date(value)) !== 'Invalid Date') {
+    return datejs.customDayjs(value).toDate();
+  }
+  return undefined;
+};
+var getDateFromFormat = function getDateFromFormat(value, format) {
+  if (format && datejs.customDayjs(value, format, true).isValid()) {
+    return {
+      value: datejs.customDayjs(value, format, true).toDate(),
+      isError: false,
+      isSuccess: true
+    };
+  }
+  if (!format && String(new Date(value)) !== 'Invalid Date') {
+    return {
+      value: datejs.customDayjs(value).toDate(),
+      isError: false,
+      isSuccess: true
+    };
+  }
+  return {
+    value: value,
+    isError: true,
+    isSuccess: false
+  };
+};
+var getDateFormatDelimiter = function getDateFormatDelimiter(format) {
+  var _format$match;
+  if (!format) {
+    return '';
+  }
+  var delimiter = (_format$match = format.match(/[^a-zA-Z0-9]/)) === null || _format$match === void 0 ? void 0 : _format$match[0];
+  return delimiter !== null && delimiter !== void 0 ? delimiter : '';
+};
+var getMaskedDateOnInput = function getMaskedDateOnInput(value, format, delimiter, prevValue) {
+  if (!value) {
+    return '';
+  }
+  if (!format || !delimiter) {
+    return value;
+  }
+  if (value.length >= format.length) {
+    return value.slice(0, format.length);
+  }
+  if (prevValue && value.length < prevValue.length && (prevValue === null || prevValue === void 0 ? void 0 : prevValue[value.length]) === delimiter) {
+    return value.slice(0, -1);
+  }
+  if ((format === null || format === void 0 ? void 0 : format[value.length]) === delimiter) {
+    return value + delimiter;
+  }
+  return value;
+};
+
+exports.formatCalendarValue = formatCalendarValue;
+exports.formatInputValue = formatInputValue;
+exports.getDateFormatDelimiter = getDateFormatDelimiter;
+exports.getDateFromFormat = getDateFromFormat;
+exports.getMaskedDateOnInput = getMaskedDateOnInput;
+//# sourceMappingURL=dateHelper.js.map

package/cjs/components/DatePicker/utils/dateHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateHelper.js","sources":["../../../../src/components/DatePicker/utils/dateHelper.ts"],"sourcesContent":["import { customDayjs } from '../../../utils/datejs';\n\nexport const formatInputValue = (value?: Date | string, format?: string) => {\n    if (!value) {\n        return '';\n    }\n\n    if (format && customDayjs(value, format, true).isValid()) {\n        return customDayjs(value, format).format(format);\n    }\n\n    if (format && String(value).length >= 10 && String(new Date(value)) !== 'Invalid Date') {\n        return customDayjs(value).format(format);\n    }\n\n    return String(value);\n};\n\nexport const formatCalendarValue = (value?: Date | string, format?: string) => {\n    if (!value) {\n        return undefined;\n    }\n\n    if (format && customDayjs(value, format, true).isValid()) {\n        return customDayjs(value, format, true).toDate();\n    }\n\n    if (String(new Date(value)) !== 'Invalid Date') {\n        return customDayjs(value).toDate();\n    }\n\n    return undefined;\n};\n\nexport const getDateFromFormat = (value: Date | string, format?: string) => {\n    if (format && customDayjs(value, format, true).isValid()) {\n        return { value: customDayjs(value, format, true).toDate(), isError: false, isSuccess: true };\n    }\n\n    if (!format && String(new Date(value)) !== 'Invalid Date') {\n        return { value: customDayjs(value).toDate(), isError: false, isSuccess: true };\n    }\n\n    return { value, isError: true, isSuccess: false };\n};\n\nexport const getDateFormatDelimiter = (format?: string) => {\n    if (!format) {\n        return '';\n    }\n\n    const delimiter = format.match(/[^a-zA-Z0-9]/)?.[0];\n\n    return delimiter ?? '';\n};\n\nexport const getMaskedDateOnInput = (value?: string, format?: string, delimiter?: string, prevValue?: string) => {\n    if (!value) {\n        return '';\n    }\n\n    if (!format || !delimiter) {\n        return value;\n    }\n\n    if (value.length >= format.length) {\n        return value.slice(0, format.length);\n    }\n\n    if (prevValue && value.length < prevValue.length && prevValue?.[value.length] === delimiter) {\n        return value.slice(0, -1);\n    }\n\n    if (format?.[value.length] === delimiter) {\n        return value + delimiter;\n    }\n\n    return value;\n};\n"],"names":["formatInputValue","value","format","customDayjs","isValid","String","length","Date","formatCalendarValue","undefined","toDate","getDateFromFormat","isError","isSuccess","getDateFormatDelimiter","_format$match","delimiter","match","getMaskedDateOnInput","prevValue","slice"],"mappings":"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"}

package/cjs/components/Dropdown/Dropdown.js

@@ -22,6 +22,7 @@ var base$1 = require('./variations/_size/base.js');
 var Dropdown_styles = require('./Dropdown.styles.js');
 var useKeyboardNavigation = require('./hooks/useKeyboardNavigation.js');
 var useHashMaps = require('./hooks/useHashMaps.js');
+var getPopoverPlacement = require('../../utils/getPopoverPlacement.js');
 
 var _excluded = ["items", "children", "placement", "offset", "closeOnOverlayClick", "onToggle", "size", "view", "itemRole", "className", "listWidth", "listHeight", "listOverflow", "closeOnSelect", "onHover", "onItemSelect", "onItemClick", "trigger", "variant", "hasArrow"];
 
@@ -120,7 +121,7 @@ var dropdownRoot = function dropdownRoot(Root) {
       usePortal: false,
       onToggle: handleGlobalToggle,
       offset: offset,
-      placement: index$1.getPlacements(placement),
+      placement: getPopoverPlacement.getPlacements(placement),
       trigger: trigger,
       closeOnOverlayClick: closeOnOverlayClick,
       isFocusTrapped: false,
@@ -158,7 +159,8 @@ var dropdownRoot = function dropdownRoot(Root) {
         onItemClick: onItemClick,
         listWidth: listWidth,
         variant: variant,
-        hasArrow: hasArrow
+        hasArrow: hasArrow,
+        size: size
       });
     }))));
   });