@sberbusiness/triplex-next 1.33.0 → 1.35.0

package/components/Confirm/components/ConfirmClose.js

@@ -1,13 +1,16 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useRef as n } from "react";
-import { TriggerClickOnKeyDownEvent as f } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
-import { EVENT_KEY_CODES as i } from "../../../utils/keyboard.js";
-import { ConfirmCloseButton as t } from "./ConfirmCloseButton.js";
-const c = ({ clickByEsc: m, ...e }) => {
-  const o = n(null);
-  return m ? /* @__PURE__ */ r(f, { targetRef: o, eventKeyCode: i.ESCAPE, children: /* @__PURE__ */ r(t, { ...e, ref: o }) }) : /* @__PURE__ */ r(t, { ...e });
+import { jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { TriggerClickOnKeyDownEvent } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
+import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
+import { ConfirmCloseButton } from "./ConfirmCloseButton.js";
+const ConfirmClose = ({ clickByEsc, ...buttonProps }) => {
+  const ref = useRef(null);
+  if (clickByEsc) {
+    return /* @__PURE__ */ jsx(TriggerClickOnKeyDownEvent, { targetRef: ref, eventKeyCode: EVENT_KEY_CODES.ESCAPE, children: /* @__PURE__ */ jsx(ConfirmCloseButton, { ...buttonProps, ref }) });
+  }
+  return /* @__PURE__ */ jsx(ConfirmCloseButton, { ...buttonProps });
 };
 export {
-  c as ConfirmClose
+  ConfirmClose
 };
 //# sourceMappingURL=ConfirmClose.js.map

package/components/Confirm/components/ConfirmClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmClose.js","sources":["../../../../src/components/Confirm/components/ConfirmClose.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { TriggerClickOnKeyDownEvent } from \"../../Triggers/TriggerClickOnKeyDownEvent\";\nimport { EVENT_KEY_CODES } from \"../../../utils/keyboard\";\nimport { ConfirmCloseButton, IConfirmCloseButtonProps } from \"./ConfirmCloseButton\";\n\nexport interface IConfirmCloseProps extends IConfirmCloseButtonProps {\n    /**\n     * Триггер click по нажатию Esc.\n     */\n    clickByEsc: boolean;\n}\n\n/**\n * Компонент закрытия.\n */\nexport const ConfirmClose: React.FC<IConfirmCloseProps> = ({ clickByEsc, ...buttonProps }) => {\n    const ref = useRef<HTMLButtonElement>(null);\n\n    if (clickByEsc) {\n        return (\n            <TriggerClickOnKeyDownEvent targetRef={ref} eventKeyCode={EVENT_KEY_CODES.ESCAPE}>\n                <ConfirmCloseButton {...buttonProps} ref={ref} />\n            </TriggerClickOnKeyDownEvent>\n        );\n    }\n\n    return <ConfirmCloseButton {...buttonProps} />;\n};\n"],"names":[],"mappings":";;;;;AAeO,MAAM,eAA6C,CAAC,EAAE,YAAY,GAAG,kBAAkB;AAC1F,QAAM,MAAM,OAA0B,IAAI;AAE1C,MAAI,YAAY;AACZ,WACI,oBAAC,4BAAA,EAA2B,WAAW,KAAK,cAAc,gBAAgB,QACtE,UAAA,oBAAC,oBAAA,EAAoB,GAAG,aAAa,IAAA,CAAU,GACnD;AAAA,EAER;AAEA,SAAO,oBAAC,oBAAA,EAAoB,GAAG,YAAA,CAAa;AAChD;"}

package/components/Confirm/components/ConfirmCloseButton.js

@@ -1,27 +1,27 @@
-import { jsx as o } from "react/jsx-runtime";
-import s from "react";
-import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
-import { c as f } from "../../../chunks/vendor-D5cfSbgz.js";
-import { s as n } from "../../../chunks/Confirm.module-DzA_7mQO.js";
-import { Button as p } from "../../Button/Button.js";
-import { EButtonTheme as a } from "../../Button/enums.js";
-import { EComponentSize as l } from "../../../enums/EComponentSize.js";
-const c = s.forwardRef(
-  ({ className: t, title: r = "Закрыть", ...m }, e) => /* @__PURE__ */ o(
-    p,
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../../chunks/Confirm.module-DZAhfu8o.js";
+import { Button } from "../../Button/Button.js";
+import { EButtonTheme } from "../../Button/enums.js";
+import { EComponentSize } from "../../../enums/EComponentSize.js";
+const ConfirmCloseButton = React__default.forwardRef(
+  ({ className, title = "Закрыть", ...props }, ref) => /* @__PURE__ */ jsx(
+    Button,
     {
-      icon: /* @__PURE__ */ o(i, { paletteIndex: 0 }),
-      theme: a.SECONDARY,
-      size: l.MD,
-      ref: e,
-      className: f(t, n.confirmCloseButton),
-      title: r,
-      ...m
+      icon: /* @__PURE__ */ jsx(CrossStrokeSrvIcon20, { paletteIndex: 0 }),
+      theme: EButtonTheme.SECONDARY,
+      size: EComponentSize.MD,
+      ref,
+      className: clsx(className, styles.confirmCloseButton),
+      title,
+      ...props
     }
   )
 );
-c.displayName = "ConfirmCloseButton";
+ConfirmCloseButton.displayName = "ConfirmCloseButton";
 export {
-  c as ConfirmCloseButton
+  ConfirmCloseButton
 };
 //# sourceMappingURL=ConfirmCloseButton.js.map

package/components/Confirm/components/ConfirmCloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmCloseButton.js","sources":["../../../../src/components/Confirm/components/ConfirmCloseButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { CrossStrokeSrvIcon20 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Confirm.module.less\";\nimport { Button, TButtonProps } from \"../../Button/Button\";\nimport { EButtonTheme } from \"../../Button/enums\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\n\nexport interface IConfirmCloseButtonProps extends Omit<TButtonProps, \"theme\" | \"size\" | \"icon\"> {}\n\n/**\n * Кнопка закрытия.\n */\nexport const ConfirmCloseButton = React.forwardRef<HTMLButtonElement, IConfirmCloseButtonProps>(\n    ({ className, title = \"Закрыть\", ...props }, ref) => (\n        <Button\n            icon={<CrossStrokeSrvIcon20 paletteIndex={0} />}\n            theme={EButtonTheme.SECONDARY}\n            size={EComponentSize.MD}\n            ref={ref}\n            className={clsx(className, styles.confirmCloseButton)}\n            title={title}\n            {...props}\n        />\n    ),\n);\n\nConfirmCloseButton.displayName = \"ConfirmCloseButton\";\n"],"names":["React"],"mappings":";;;;;;;;AAaO,MAAM,qBAAqBA,eAAM;AAAA,EACpC,CAAC,EAAE,WAAW,QAAQ,WAAW,GAAG,MAAA,GAAS,QACzC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAM,oBAAC,sBAAA,EAAqB,cAAc,EAAA,CAAG;AAAA,MAC7C,OAAO,aAAa;AAAA,MACpB,MAAM,eAAe;AAAA,MACrB;AAAA,MACA,WAAW,KAAK,WAAW,OAAO,kBAAkB;AAAA,MACpD;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,mBAAmB,cAAc;"}

package/components/Confirm/components/ConfirmContent.js

@@ -1,13 +1,13 @@
-import { jsx as n } from "react/jsx-runtime";
-import { ConfirmContentSubTitle as r } from "./ConfirmContentSubTitle.js";
-import { ConfirmContentTitle as e } from "./ConfirmContentTitle.js";
-import { c as s } from "../../../chunks/vendor-D5cfSbgz.js";
-import { s as f } from "../../../chunks/Confirm.module-DzA_7mQO.js";
-const o = ({ children: t, className: m, ...i }) => /* @__PURE__ */ n("div", { className: s(m, f.confirmContent), ...i, children: t });
-o.displayName = "ConfirmContent";
-o.Title = e;
-o.SubTitle = r;
+import { jsx } from "react/jsx-runtime";
+import { ConfirmContentSubTitle } from "./ConfirmContentSubTitle.js";
+import { ConfirmContentTitle } from "./ConfirmContentTitle.js";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../../chunks/Confirm.module-DZAhfu8o.js";
+const ConfirmContent = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.confirmContent), ...htmlDivAttributes, children });
+ConfirmContent.displayName = "ConfirmContent";
+ConfirmContent.Title = ConfirmContentTitle;
+ConfirmContent.SubTitle = ConfirmContentSubTitle;
 export {
-  o as ConfirmContent
+  ConfirmContent
 };
 //# sourceMappingURL=ConfirmContent.js.map

package/components/Confirm/components/ConfirmContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmContent.js","sources":["../../../../src/components/Confirm/components/ConfirmContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConfirmContentSubTitle } from \"./ConfirmContentSubTitle\";\nimport { ConfirmContentTitle } from \"./ConfirmContentTitle\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Confirm.module.less\";\n\n/** Свойства компонента ConfirmContent. */\nexport interface IConfirmContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport interface IConfirmContentFC extends React.FC<IConfirmContentProps> {\n    Title: typeof ConfirmContentTitle;\n    SubTitle: typeof ConfirmContentSubTitle;\n}\n\nexport const ConfirmContent: IConfirmContentFC = ({ children, className, ...htmlDivAttributes }) => (\n    <div className={clsx(className, styles.confirmContent)} {...htmlDivAttributes}>\n        {children}\n    </div>\n);\n\nConfirmContent.displayName = \"ConfirmContent\";\nConfirmContent.Title = ConfirmContentTitle;\nConfirmContent.SubTitle = ConfirmContentSubTitle;\n"],"names":[],"mappings":";;;;;AAcO,MAAM,iBAAoC,CAAC,EAAE,UAAU,WAAW,GAAG,wBACxE,oBAAC,OAAA,EAAI,WAAW,KAAK,WAAW,OAAO,cAAc,GAAI,GAAG,mBACvD,SAAA,CACL;AAGJ,eAAe,cAAc;AAC7B,eAAe,QAAQ;AACvB,eAAe,WAAW;"}

package/components/Confirm/components/ConfirmContentSubTitle.js

@@ -1,16 +1,16 @@
-import { jsx as m } from "react/jsx-runtime";
-import { ETextSize as r } from "../../Typography/enums.js";
+import { jsx } from "react/jsx-runtime";
+import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
-import { Text as e } from "../../Typography/Text.js";
+import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-const p = ({
-  children: t,
-  size: o = r.B2,
-  ...i
-}) => /* @__PURE__ */ m(e, { size: o, tag: "div", ...i, children: t });
-p.displayName = "ConfirmContentSubTitle";
+const ConfirmContentSubTitle = ({
+  children,
+  size = ETextSize.B2,
+  ...rest
+}) => /* @__PURE__ */ jsx(Text, { size, tag: "div", ...rest, children });
+ConfirmContentSubTitle.displayName = "ConfirmContentSubTitle";
 export {
-  p as ConfirmContentSubTitle
+  ConfirmContentSubTitle
 };
 //# sourceMappingURL=ConfirmContentSubTitle.js.map

package/components/Confirm/components/ConfirmContentSubTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmContentSubTitle.js","sources":["../../../../src/components/Confirm/components/ConfirmContentSubTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"../../Typography\";\nimport { ETextSize } from \"../../Typography/enums\";\nimport { TTextProps } from \"../../Typography/Text\";\n\n/** Свойства компонента ConfirmContentSubTitle. */\nexport interface IConfirmContentSubTitleProps extends Partial<TTextProps<\"div\">> {}\n\nexport const ConfirmContentSubTitle: React.FC<IConfirmContentSubTitleProps> = ({\n    children,\n    size = ETextSize.B2,\n    ...rest\n}) => (\n    <Text size={size} tag=\"div\" {...rest}>\n        {children}\n    </Text>\n);\n\nConfirmContentSubTitle.displayName = \"ConfirmContentSubTitle\";\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,yBAAiE,CAAC;AAAA,EAC3E;AAAA,EACA,OAAO,UAAU;AAAA,EACjB,GAAG;AACP,0BACK,MAAA,EAAK,MAAY,KAAI,OAAO,GAAG,MAC3B,SAAA,CACL;AAGJ,uBAAuB,cAAc;"}

package/components/Confirm/components/ConfirmContentTitle.js

@@ -1,16 +1,16 @@
-import { jsx as r } from "react/jsx-runtime";
-import { ETitleSize as e } from "../../Typography/enums.js";
-import { Title as s } from "../../Typography/Title.js";
-import { c as n } from "../../../chunks/vendor-D5cfSbgz.js";
-import { s as l } from "../../../chunks/Confirm.module-DzA_7mQO.js";
-const f = ({
-  children: t,
-  className: o,
-  size: i = e.H3,
-  ...m
-}) => /* @__PURE__ */ r(s, { size: i, className: n(o, l.confirmContentTitle), ...m, children: t });
-f.displayName = "ConfirmContentTitle";
+import { jsx } from "react/jsx-runtime";
+import { ETitleSize } from "../../Typography/enums.js";
+import { Title } from "../../Typography/Title.js";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../../chunks/Confirm.module-DZAhfu8o.js";
+const ConfirmContentTitle = ({
+  children,
+  className,
+  size = ETitleSize.H3,
+  ...rest
+}) => /* @__PURE__ */ jsx(Title, { size, className: clsx(className, styles.confirmContentTitle), ...rest, children });
+ConfirmContentTitle.displayName = "ConfirmContentTitle";
 export {
-  f as ConfirmContentTitle
+  ConfirmContentTitle
 };
 //# sourceMappingURL=ConfirmContentTitle.js.map

package/components/Confirm/components/ConfirmContentTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmContentTitle.js","sources":["../../../../src/components/Confirm/components/ConfirmContentTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { ETitleSize } from \"../../Typography/enums\";\nimport { TTitleProps } from \"../../Typography/Title\";\nimport { Title } from \"../../Typography/Title\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Confirm.module.less\";\n\n/** Свойства компонента ConfirmContentTitle. */\nexport interface IConfirmContentTitleProps extends Partial<TTitleProps<\"h1\">> {}\n\nexport const ConfirmContentTitle: React.FC<IConfirmContentTitleProps> = ({\n    children,\n    className,\n    size = ETitleSize.H3,\n    ...rest\n}) => (\n    <Title size={size} className={clsx(className, styles.confirmContentTitle)} {...rest}>\n        {children}\n    </Title>\n);\n\nConfirmContentTitle.displayName = \"ConfirmContentTitle\";\n"],"names":[],"mappings":";;;;;AAUO,MAAM,sBAA2D,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA,OAAO,WAAW;AAAA,EAClB,GAAG;AACP,MACI,oBAAC,OAAA,EAAM,MAAY,WAAW,KAAK,WAAW,OAAO,mBAAmB,GAAI,GAAG,MAC1E,SAAA,CACL;AAGJ,oBAAoB,cAAc;"}

package/components/Confirm/components/ConfirmControls.js

@@ -1,9 +1,9 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as t } from "../../../chunks/vendor-D5cfSbgz.js";
-import { s as i } from "../../../chunks/Confirm.module-DzA_7mQO.js";
-const l = ({ children: o, className: s, ...r }) => /* @__PURE__ */ m("div", { className: t(s, i.confirmControls), ...r, children: o });
-l.displayName = "ConfirmControls";
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../../chunks/Confirm.module-DZAhfu8o.js";
+const ConfirmControls = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.confirmControls), ...htmlDivAttributes, children });
+ConfirmControls.displayName = "ConfirmControls";
 export {
-  l as ConfirmControls
+  ConfirmControls
 };
 //# sourceMappingURL=ConfirmControls.js.map

package/components/Confirm/components/ConfirmControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmControls.js","sources":["../../../../src/components/Confirm/components/ConfirmControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Confirm.module.less\";\n\n/** Свойства компонента ConfirmControls. */\nexport interface IConfirmControlsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const ConfirmControls: React.FC<IConfirmControlsProps> = ({ children, className, ...htmlDivAttributes }) => (\n    <div className={clsx(className, styles.confirmControls)} {...htmlDivAttributes}>\n        {children}\n    </div>\n);\n\nConfirmControls.displayName = \"ConfirmControls\";\n"],"names":[],"mappings":";;;AAOO,MAAM,kBAAmD,CAAC,EAAE,UAAU,WAAW,GAAG,wBACvF,oBAAC,OAAA,EAAI,WAAW,KAAK,WAAW,OAAO,eAAe,GAAI,GAAG,mBACxD,SAAA,CACL;AAGJ,gBAAgB,cAAc;"}

package/components/Confirm/enums.js

@@ -1,5 +1,11 @@
-var L = /* @__PURE__ */ ((O) => (O.LIGHTBOX = "lightBox", O.SIDE_OVERLAY_SM = "sideOverlaySM", O.SIDE_OVERLAY_MD = "sideOverlayMD", O.SIDE_OVERLAY_LG = "sideOverlayLG", O))(L || {});
+var EConfirmParentComponent = /* @__PURE__ */ ((EConfirmParentComponent2) => {
+  EConfirmParentComponent2["LIGHTBOX"] = "lightBox";
+  EConfirmParentComponent2["SIDE_OVERLAY_SM"] = "sideOverlaySM";
+  EConfirmParentComponent2["SIDE_OVERLAY_MD"] = "sideOverlayMD";
+  EConfirmParentComponent2["SIDE_OVERLAY_LG"] = "sideOverlayLG";
+  return EConfirmParentComponent2;
+})(EConfirmParentComponent || {});
 export {
-  L as EConfirmParentComponent
+  EConfirmParentComponent
 };
 //# sourceMappingURL=enums.js.map

package/components/Confirm/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sources":["../../../src/components/Confirm/enums.ts"],"sourcesContent":["/** Компоненты, в которых можно открыть Confirm.\n *  От этого зависит максимальная ширина Confirm.\n */\nexport enum EConfirmParentComponent {\n    LIGHTBOX = \"lightBox\",\n    SIDE_OVERLAY_SM = \"sideOverlaySM\",\n    SIDE_OVERLAY_MD = \"sideOverlayMD\",\n    SIDE_OVERLAY_LG = \"sideOverlayLG\",\n}\n"],"names":["EConfirmParentComponent"],"mappings":"AAGO,IAAK,4CAAAA,6BAAL;AACHA,2BAAA,UAAA,IAAW;AACXA,2BAAA,iBAAA,IAAkB;AAClBA,2BAAA,iBAAA,IAAkB;AAClBA,2BAAA,iBAAA,IAAkB;AAJV,SAAAA;AAAA,GAAA,2BAAA,CAAA,CAAA;"}

package/components/Confirm/index.js

@@ -1,7 +1,7 @@
-import { Confirm as m } from "./Confirm.js";
-import { EConfirmParentComponent as e } from "./enums.js";
+import { Confirm } from "./Confirm.js";
+import { EConfirmParentComponent } from "./enums.js";
 export {
-  m as Confirm,
-  e as EConfirmParentComponent
+  Confirm,
+  EConfirmParentComponent
 };
 //# sourceMappingURL=index.js.map

package/components/Confirm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/DateField/DateField.js

@@ -1,127 +1,176 @@
-import { jsx as n, jsxs as K } from "react/jsx-runtime";
-import Q, { useState as W, useRef as l, useEffect as X } from "react";
-import y from "moment";
-import { DatePickerExtended as Z } from "../DatePickerExtended/DatePickerExtended.js";
-import { dateFormatYYYYMMDD as $, globalLimitRange as ee } from "../../consts/DateConst.js";
-import { DateFieldUtils as f } from "./utils.js";
-import { DateFieldTarget as te } from "./DateFieldTarget.js";
-import { inputDateFormat as b } from "./constants.js";
-import { Tooltip as S } from "../Tooltip/Tooltip.js";
-import { ETooltipSize as re } from "../Tooltip/enums.js";
-import { MobileView as ae } from "../MobileView/MobileView.js";
-import { DropdownMobileMaskedInput as T } from "../Dropdown/mobile/DropdownMobileMaskedInput.js";
-import { DateFieldContext as ne } from "./DateFieldContext.js";
-import { FormFieldMaskedInput as ie } from "../FormField/components/FormFieldMaskedInput.js";
-const oe = Q.forwardRef((x, d) => {
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default, { useState, useRef, useEffect } from "react";
+import moment from "moment";
+import { DatePickerExtended } from "../DatePickerExtended/DatePickerExtended.js";
+import { dateFormatYYYYMMDD, globalLimitRange } from "../../consts/DateConst.js";
+import { DateFieldUtils } from "./utils.js";
+import { DateFieldTarget } from "./DateFieldTarget.js";
+import { inputDateFormat } from "./constants.js";
+import { Tooltip } from "../Tooltip/Tooltip.js";
+import { ETooltipSize } from "../Tooltip/enums.js";
+import { MobileView } from "../MobileView/MobileView.js";
+import { DropdownMobileMaskedInput } from "../Dropdown/mobile/DropdownMobileMaskedInput.js";
+import { DateFieldContext } from "./DateFieldContext.js";
+import { FormFieldMaskedInput } from "../FormField/components/FormFieldMaskedInput.js";
+const DateField = React__default.forwardRef((props, ref) => {
   const {
-    size: I,
-    status: E,
-    value: s,
-    label: O,
-    placeholderMask: P,
-    "aria-label": Y,
-    "aria-labelledby": z,
-    format: a = $,
-    limitRange: i = ee,
-    disabledDays: o,
-    onChange: c,
-    onClear: L,
-    onDropdownOpen: m,
-    onDropdownClose: g,
-    invalidDateHint: j,
-    targetProps: A,
-    ...B
-  } = x, [r, D] = W(
-    f.getPickerValues(s, a, i, o)
-  ), C = l(null), p = l(r), F = l(!1), R = l(!1), h = l(!1), u = l(!1);
-  X(() => {
-    const e = f.getPickerValues(s, a, i, o);
-    e.inputString !== r.inputString && D(e), p.current = e;
-  }, [s, a, i, o]);
-  const H = (e) => {
-    C.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
-  }, _ = () => {
-    const { maskedInputProps: e, ...t } = A || {}, { onChange: k, ...J } = e || {};
-    return /* @__PURE__ */ n(ne.Provider, { value: { inputFocusedRef: F, onChange: c, triggerChangeFromInput: w }, children: /* @__PURE__ */ n(
-      te,
+    size,
+    status,
+    value,
+    label,
+    placeholderMask,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledby,
+    format = dateFormatYYYYMMDD,
+    limitRange = globalLimitRange,
+    disabledDays,
+    onChange,
+    onClear,
+    onDropdownOpen,
+    onDropdownClose,
+    invalidDateHint,
+    targetProps,
+    ...rest
+  } = props;
+  const [pickerValues, setPickerValues] = useState(
+    DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays)
+  );
+  const tooltipTargetRef = useRef(null);
+  const lastValidPickerValuesRef = useRef(pickerValues);
+  const inputFocusedRef = useRef(false);
+  const dropdownOpenRef = useRef(false);
+  const dropdownClosedByCalendarRef = useRef(false);
+  const tooltipOpened = useRef(false);
+  useEffect(() => {
+    const newPickerValues = DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays);
+    if (newPickerValues.inputString !== pickerValues.inputString) {
+      setPickerValues(newPickerValues);
+    }
+    lastValidPickerValuesRef.current = newPickerValues;
+  }, [value, format, limitRange, disabledDays]);
+  const setRef = (instance) => {
+    tooltipTargetRef.current = instance;
+    if (typeof ref === "function") {
+      ref(instance);
+    } else if (ref) {
+      ref.current = instance;
+    }
+  };
+  const renderTarget = () => {
+    const { maskedInputProps, ...restTargetProps } = targetProps || {};
+    const { onChange: onInputChange, ...restMaskedInputProps } = maskedInputProps || {};
+    return /* @__PURE__ */ jsx(DateFieldContext.Provider, { value: { inputFocusedRef, onChange, triggerChangeFromInput }, children: /* @__PURE__ */ jsx(
+      DateFieldTarget,
       {
-        size: I,
-        status: E,
-        label: O,
-        onClear: L,
+        size,
+        status,
+        label,
+        onClear,
         maskedInputProps: {
-          value: r.inputString,
-          mask: ie.presets.masks.date,
-          placeholderMask: P,
-          "aria-label": Y,
-          "aria-labelledby": z,
-          onChange: (v) => {
-            V(v), k == null || k(v);
+          value: pickerValues.inputString,
+          mask: FormFieldMaskedInput.presets.masks.date,
+          placeholderMask,
+          "aria-label": ariaLabel,
+          "aria-labelledby": ariaLabelledby,
+          onChange: (event) => {
+            handleInputChange(event);
+            onInputChange == null ? void 0 : onInputChange(event);
           },
-          ...J
+          ...restMaskedInputProps
         },
-        ...t
+        ...restTargetProps
       }
     ) });
-  }, N = () => /* @__PURE__ */ n(
-    T,
+  };
+  const renderDropdownHeaderTarget = () => /* @__PURE__ */ jsx(
+    DropdownMobileMaskedInput,
     {
-      value: r.inputString,
-      mask: T.presets.masks.date,
-      placeholderMask: P,
-      onChange: V,
-      autoFocus: !0
+      value: pickerValues.inputString,
+      mask: DropdownMobileMaskedInput.presets.masks.date,
+      placeholderMask,
+      onChange: handleInputChange,
+      autoFocus: true
+    }
+  );
+  const handleInputChange = (event) => {
+    let date = null;
+    if (event.target.value.length === inputDateFormat.length) {
+      date = moment(event.target.value, inputDateFormat, true);
+      if (!date.isValid() || !DateFieldUtils.isAvailableDate(date, date.format(format), limitRange, disabledDays)) {
+        date = null;
+      }
+      tooltipOpened.current = !date;
+    } else {
+      tooltipOpened.current = false;
     }
-  ), V = (e) => {
-    let t = null;
-    e.target.value.length === b.length ? (t = y(e.target.value, b, !0), (!t.isValid() || !f.isAvailableDate(t, t.format(a), i, o)) && (t = null), u.current = !t) : u.current = !1, D({ calendarDate: t, inputString: e.target.value });
-  }, w = () => {
-    if (r.inputString.length === 0 && s.length !== 0)
-      return c(r.inputString);
-    const e = y(r.inputString, b, !0);
-    if (e.isValid()) {
-      const t = e.format(a);
-      if (t === s)
+    setPickerValues({ calendarDate: date, inputString: event.target.value });
+  };
+  const triggerChangeFromInput = () => {
+    if (pickerValues.inputString.length === 0 && value.length !== 0) {
+      return onChange(pickerValues.inputString);
+    }
+    const date = moment(pickerValues.inputString, inputDateFormat, true);
+    if (date.isValid()) {
+      const newValue = date.format(format);
+      if (newValue === value) {
         return;
-      if (f.isAvailableDate(e, t, i, o))
-        return c(t);
+      }
+      if (DateFieldUtils.isAvailableDate(date, newValue, limitRange, disabledDays)) {
+        return onChange(newValue);
+      }
+    }
+    if (pickerValues.inputString !== lastValidPickerValuesRef.current.inputString) {
+      tooltipOpened.current = false;
+      setPickerValues(lastValidPickerValuesRef.current);
+    }
+  };
+  const handleDropdownOpen = () => {
+    dropdownOpenRef.current = true;
+    onDropdownOpen == null ? void 0 : onDropdownOpen();
+  };
+  const handleDropdownClose = () => {
+    dropdownOpenRef.current = false;
+    if (dropdownClosedByCalendarRef.current) {
+      dropdownClosedByCalendarRef.current = false;
+    } else if (!inputFocusedRef.current && pickerValues.inputString !== lastValidPickerValuesRef.current.inputString) {
+      triggerChangeFromInput();
     }
-    r.inputString !== p.current.inputString && (u.current = !1, D(p.current));
-  }, U = () => {
-    R.current = !0, m == null || m();
-  }, q = () => {
-    R.current = !1, h.current ? h.current = !1 : !F.current && r.inputString !== p.current.inputString && w(), g == null || g();
-  }, G = (e) => {
-    h.current = !0, u.current = !1, c(e.format(a));
-  }, M = () => /* @__PURE__ */ n(
-    Z,
+    onDropdownClose == null ? void 0 : onDropdownClose();
+  };
+  const handleDateChange = (date) => {
+    dropdownClosedByCalendarRef.current = true;
+    tooltipOpened.current = false;
+    onChange(date.format(format));
+  };
+  const renderDatePickerExtended = () => /* @__PURE__ */ jsx(
+    DatePickerExtended,
     {
-      renderTarget: _,
-      renderDropdownHeaderTarget: N,
-      pickedDate: r.calendarDate,
-      format: a,
-      limitRange: i,
-      disabledDays: o,
-      onDropdownOpen: U,
-      onDropdownClose: q,
-      onDateChange: G,
-      ...B,
-      ref: H
+      renderTarget,
+      renderDropdownHeaderTarget,
+      pickedDate: pickerValues.calendarDate,
+      format,
+      limitRange,
+      disabledDays,
+      onDropdownOpen: handleDropdownOpen,
+      onDropdownClose: handleDropdownClose,
+      onDateChange: handleDateChange,
+      ...rest,
+      ref: setRef
     }
   );
-  return /* @__PURE__ */ n(
-    ae,
+  return /* @__PURE__ */ jsx(
+    MobileView,
     {
-      fallback: /* @__PURE__ */ K(S, { targetRef: C, size: re.SM, isOpen: u.current, children: [
-        /* @__PURE__ */ n(S.Body, { children: j }),
-        /* @__PURE__ */ n(S.Target, { children: M() })
+      fallback: /* @__PURE__ */ jsxs(Tooltip, { targetRef: tooltipTargetRef, size: ETooltipSize.SM, isOpen: tooltipOpened.current, children: [
+        /* @__PURE__ */ jsx(Tooltip.Body, { children: invalidDateHint }),
+        /* @__PURE__ */ jsx(Tooltip.Target, { children: renderDatePickerExtended() })
       ] }),
-      children: M()
+      children: renderDatePickerExtended()
     }
   );
 });
-oe.displayName = "DateField";
+DateField.displayName = "DateField";
 export {
-  oe as DateField
+  DateField
 };
 //# sourceMappingURL=DateField.js.map

package/components/DateField/DateField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.js","sources":["../../../src/components/DateField/DateField.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport moment from \"moment\";\nimport { IDateFieldProps } from \"./types\";\nimport { DatePickerExtended } from \"../DatePickerExtended/DatePickerExtended\";\nimport { dateFormatYYYYMMDD, globalLimitRange } from \"../../consts/DateConst\";\nimport { DateFieldUtils } from \"./utils\";\nimport { DateFieldTarget } from \"./DateFieldTarget\";\nimport { inputDateFormat } from \"./constants\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { ETooltipSize } from \"../Tooltip/enums\";\nimport { MobileView } from \"../MobileView/MobileView\";\nimport { DropdownMobileMaskedInput } from \"../Dropdown/mobile/DropdownMobileMaskedInput\";\nimport { DateFieldContext } from \"./DateFieldContext\";\nimport { FormFieldMaskedInput } from \"../FormField/components/FormFieldMaskedInput\";\n\n/** Компонент ввода и выбора даты. */\nexport const DateField = React.forwardRef<HTMLDivElement, IDateFieldProps>((props, ref) => {\n    const {\n        size,\n        status,\n        value,\n        label,\n        placeholderMask,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledby,\n        format = dateFormatYYYYMMDD,\n        limitRange = globalLimitRange,\n        disabledDays,\n        onChange,\n        onClear,\n        onDropdownOpen,\n        onDropdownClose,\n        invalidDateHint,\n        targetProps,\n        ...rest\n    } = props;\n    const [pickerValues, setPickerValues] = useState(\n        DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays),\n    );\n    const tooltipTargetRef = useRef<HTMLDivElement | null>(null);\n    const lastValidPickerValuesRef = useRef(pickerValues);\n    const inputFocusedRef = useRef(false);\n    const dropdownOpenRef = useRef(false);\n    const dropdownClosedByCalendarRef = useRef(false); // Dropdown закрылся от выбора даты в календаре\n    const tooltipOpened = useRef(false);\n\n    useEffect(() => {\n        const newPickerValues = DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays);\n\n        if (newPickerValues.inputString !== pickerValues.inputString) {\n            setPickerValues(newPickerValues);\n        }\n        lastValidPickerValuesRef.current = newPickerValues;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, format, limitRange, disabledDays]);\n\n    /** Функция для хранения ссылки. */\n    const setRef = (instance: HTMLDivElement | null) => {\n        tooltipTargetRef.current = instance;\n        if (typeof ref === \"function\") {\n            ref(instance);\n        } else if (ref) {\n            ref.current = instance;\n        }\n    };\n\n    /** Рендер-функция управляющего элемента. */\n    const renderTarget = () => {\n        const { maskedInputProps, ...restTargetProps } = targetProps || {};\n        const { onChange: onInputChange, ...restMaskedInputProps } = maskedInputProps || {};\n\n        return (\n            <DateFieldContext.Provider value={{ inputFocusedRef, onChange, triggerChangeFromInput }}>\n                <DateFieldTarget\n                    size={size}\n                    status={status}\n                    label={label}\n                    onClear={onClear}\n                    maskedInputProps={{\n                        value: pickerValues.inputString,\n                        mask: FormFieldMaskedInput.presets.masks.date,\n                        placeholderMask,\n                        \"aria-label\": ariaLabel,\n                        \"aria-labelledby\": ariaLabelledby,\n                        onChange: (event) => {\n                            handleInputChange(event);\n                            onInputChange?.(event);\n                        },\n                        ...restMaskedInputProps,\n                    }}\n                    {...restTargetProps}\n                />\n            </DateFieldContext.Provider>\n        );\n    };\n\n    /** Рендер-функция управляющего элемента в заголовке DropdownMobile. */\n    const renderDropdownHeaderTarget = () => (\n        <DropdownMobileMaskedInput\n            value={pickerValues.inputString}\n            mask={DropdownMobileMaskedInput.presets.masks.date}\n            placeholderMask={placeholderMask}\n            onChange={handleInputChange}\n            autoFocus={true}\n        />\n    );\n\n    /** Обработчик изменения значения DatePickerTargetInput. */\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        let date: moment.Moment | null = null;\n\n        if (event.target.value.length === inputDateFormat.length) {\n            date = moment(event.target.value, inputDateFormat, true);\n\n            if (\n                !date.isValid() ||\n                !DateFieldUtils.isAvailableDate(date, date.format(format), limitRange, disabledDays)\n            ) {\n                date = null;\n            }\n\n            tooltipOpened.current = !date;\n        } else {\n            tooltipOpened.current = false;\n        }\n\n        setPickerValues({ calendarDate: date, inputString: event.target.value });\n    };\n\n    /** Триггер изменения значения из поля ввода. */\n    const triggerChangeFromInput = () => {\n        if (pickerValues.inputString.length === 0 && value.length !== 0) {\n            return onChange(pickerValues.inputString);\n        }\n\n        const date = moment(pickerValues.inputString, inputDateFormat, true);\n\n        if (date.isValid()) {\n            const newValue = date.format(format);\n\n            if (newValue === value) {\n                return;\n            }\n\n            if (DateFieldUtils.isAvailableDate(date, newValue, limitRange, disabledDays)) {\n                return onChange(newValue);\n            }\n        }\n\n        // Текущее значение в поле невалидно, возвращаем последнее валидное.\n        if (pickerValues.inputString !== lastValidPickerValuesRef.current.inputString) {\n            tooltipOpened.current = false;\n            setPickerValues(lastValidPickerValuesRef.current);\n        }\n    };\n\n    /** Обработчик открытия Dropdown. */\n    const handleDropdownOpen = () => {\n        dropdownOpenRef.current = true;\n\n        onDropdownOpen?.();\n    };\n\n    /** Обработчик закрытия Dropdown. */\n    const handleDropdownClose = () => {\n        dropdownOpenRef.current = false;\n\n        if (dropdownClosedByCalendarRef.current) {\n            dropdownClosedByCalendarRef.current = false;\n        } else if (\n            !inputFocusedRef.current &&\n            pickerValues.inputString !== lastValidPickerValuesRef.current.inputString\n        ) {\n            triggerChangeFromInput();\n        }\n\n        onDropdownClose?.();\n    };\n\n    /** Обработчик изменения даты. */\n    const handleDateChange = (date: moment.Moment) => {\n        dropdownClosedByCalendarRef.current = true;\n        tooltipOpened.current = false;\n\n        onChange(date.format(format));\n    };\n\n    const renderDatePickerExtended = () => (\n        <DatePickerExtended\n            renderTarget={renderTarget}\n            renderDropdownHeaderTarget={renderDropdownHeaderTarget}\n            pickedDate={pickerValues.calendarDate}\n            format={format}\n            limitRange={limitRange}\n            disabledDays={disabledDays}\n            onDropdownOpen={handleDropdownOpen}\n            onDropdownClose={handleDropdownClose}\n            onDateChange={handleDateChange}\n            {...rest}\n            ref={setRef}\n        />\n    );\n\n    return (\n        <MobileView\n            fallback={\n                <Tooltip targetRef={tooltipTargetRef} size={ETooltipSize.SM} isOpen={tooltipOpened.current}>\n                    <Tooltip.Body>{invalidDateHint}</Tooltip.Body>\n                    <Tooltip.Target>{renderDatePickerExtended()}</Tooltip.Target>\n                </Tooltip>\n            }\n        >\n            {renderDatePickerExtended()}\n        </MobileView>\n    );\n});\n\nDateField.displayName = \"DateField\";\n"],"names":["React"],"mappings":"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"}

package/components/DateField/DateFieldContext.js

@@ -1,5 +1,5 @@
-import e from "react";
-const n = e.createContext({
+import React__default from "react";
+const DateFieldContext = React__default.createContext({
   inputFocusedRef: { current: null },
   onChange: () => {
   },
@@ -7,6 +7,6 @@ const n = e.createContext({
   }
 });
 export {
-  n as DateFieldContext
+  DateFieldContext
 };
 //# sourceMappingURL=DateFieldContext.js.map

package/components/DateField/DateFieldContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFieldContext.js","sources":["../../../src/components/DateField/DateFieldContext.ts"],"sourcesContent":["import React from \"react\";\nimport { IDateFieldProps } from \"./types\";\n\n/** Свойства контекста компонента DatePickerExtended. */\ninterface IDateFieldContext extends Pick<IDateFieldProps, \"onChange\"> {\n    inputFocusedRef: React.MutableRefObject<boolean | null>;\n    triggerChangeFromInput: () => void;\n}\n\n/** Контекст компонента MonthYearField. */\nexport const DateFieldContext = React.createContext<IDateFieldContext>({\n    inputFocusedRef: { current: null },\n    onChange: () => {},\n    triggerChangeFromInput: () => {},\n});\n"],"names":["React"],"mappings":";AAUO,MAAM,mBAAmBA,eAAM,cAAiC;AAAA,EACnE,iBAAiB,EAAE,SAAS,KAAA;AAAA,EAC5B,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,wBAAwB,MAAM;AAAA,EAAC;AACnC,CAAC;"}