@sberbusiness/triplex-next 1.34.0 → 1.35.0

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js

@@ -1,43 +1,51 @@
-import { jsx as i, jsxs as p } from "react/jsx-runtime";
-import { useContext as x } from "react";
-import { CollapsibleTreeExtended as l } from "../../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
-import { isStaticCheckboxTreeExtended as f } from "../isStaticCheckboxTreeExtended.js";
-import { c as u } from "../../../chunks/vendor-D5cfSbgz.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { CollapsibleTreeExtended } from "../../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
+import { isStaticCheckboxTreeExtended } from "../isStaticCheckboxTreeExtended.js";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import "./CheckboxTreeExtendedArrow.js";
-import { createSizeToClassNameMap as T } from "../../../utils/classNameMaps.js";
-import { s as o } from "../../../chunks/CheckboxTreeExtended.module-D-nuxCw2.js";
-import { CheckboxTreeExtendedContext as C } from "../CheckboxTreeExtendedContext.js";
-const N = T(o), y = ({
-  children: r,
-  checkbox: t,
-  opened: h,
-  ...d
+import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-gSQWTZYQ.js";
+import { CheckboxTreeExtendedContext } from "../CheckboxTreeExtendedContext.js";
+const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const CheckboxTreeExtendedNode = ({
+  children,
+  checkbox,
+  opened,
+  ...collapsibleTreeExtendedNodeProps
 }) => {
-  const { size: s } = x(C), n = (e) => {
-    e.target === e.currentTarget && e.preventDefault();
-  }, a = ({ activeNode: e, opened: m, toggle: b }) => /* @__PURE__ */ p(
-    "div",
-    {
-      className: u(o.checkboxTreeExtendedNodeHeader, N[s], { opened: m }),
-      onMouseDown: n,
-      children: [
-        !f,
-        t({ active: e, opened: !0 })
-      ]
+  const { size } = useContext(CheckboxTreeExtendedContext);
+  const handleHeaderMouseDown = (event) => {
+    if (event.target === event.currentTarget) {
+      event.preventDefault();
     }
-  ), c = () => r;
-  return /* @__PURE__ */ i(
-    l.Node,
+  };
+  const renderHeader = ({ activeNode, opened: opened2, toggle }) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: clsx(styles.checkboxTreeExtendedNodeHeader, sizeToClassNameMap[size], { opened: opened2 }),
+        onMouseDown: handleHeaderMouseDown,
+        children: [
+          !isStaticCheckboxTreeExtended,
+          checkbox({ active: activeNode, opened: true })
+        ]
+      }
+    );
+  };
+  const renderBody = () => children;
+  return /* @__PURE__ */ jsx(
+    CollapsibleTreeExtended.Node,
     {
-      className: o.checkboxTreeExtendedNode,
-      opened: !0,
-      renderHeader: a,
-      renderBody: c,
-      ...d
+      className: styles.checkboxTreeExtendedNode,
+      opened: true,
+      renderHeader,
+      renderBody,
+      ...collapsibleTreeExtendedNodeProps
     }
   );
 };
 export {
-  y as CheckboxTreeExtendedNode
+  CheckboxTreeExtendedNode
 };
 //# sourceMappingURL=CheckboxTreeExtendedNode.js.map

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxTreeExtendedNode.js","sources":["../../../../src/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport {\n    ICollapsibleTreeExtendedNodeHeaderProvideProps,\n    ICollapsibleTreeExtendedNodeProps,\n} from \"../../CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode\";\nimport { CollapsibleTreeExtended } from \"../../CollapsibleTreeExtended/CollapsibleTreeExtended\";\nimport { isStaticCheckboxTreeExtended } from \"../isStaticCheckboxTreeExtended\";\nimport clsx from \"clsx\";\nimport { CheckboxTreeExtendedArrow } from \"./CheckboxTreeExtendedArrow\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/CheckboxTreeExtended.module.less\";\nimport { CheckboxTreeExtendedContext } from \"../CheckboxTreeExtendedContext\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Свойства передаваемые CheckboxTreeExtendedNode в render-функцию чекбокса. */\nexport interface ICheckboxTreeExtendedCheckboxProvideProps {\n    // Текущая нода является активной при перемещении с клавиатуры.\n    active?: boolean;\n    // Текущая нода раскрыта.\n    opened?: boolean;\n}\n\n/** Свойства CheckboxTreeExtendedNode. */\ninterface ICheckboxTreeExtendedNodeProps extends Omit<\n    ICollapsibleTreeExtendedNodeProps,\n    \"children\" | \"renderBody\" | \"renderHeader\"\n> {\n    // Render-функция компонента чекбокс.\n    checkbox: (props: ICheckboxTreeExtendedCheckboxProvideProps) => JSX.Element;\n    // Массив нод CheckboxTreeNode, если имеются вложенные ноды.\n    children?: React.ReactNode;\n    // Id ноды.\n    id: string;\n}\n\n/**\n * Нода CheckboxTreeExtendedNode.\n * Является оберткой CollapsibleTreeExtended.Node.\n * Добавляет стили дерева чекбоксов.\n */\nexport const CheckboxTreeExtendedNode: React.FC<ICheckboxTreeExtendedNodeProps> = ({\n    children,\n    checkbox,\n    opened,\n    ...collapsibleTreeExtendedNodeProps\n}) => {\n    const { size } = useContext(CheckboxTreeExtendedContext);\n\n    const handleHeaderMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n        // Прерывание всплытия при клике на сам контейнер. Чтобы checkbox не выделялся фокусом при клике сбоку от него.\n        if (event.target === event.currentTarget) {\n            event.preventDefault();\n        }\n    };\n\n    const renderHeader = ({ activeNode, opened, toggle }: ICollapsibleTreeExtendedNodeHeaderProvideProps) => {\n        return (\n            <div\n                className={clsx(styles.checkboxTreeExtendedNodeHeader, sizeToClassNameMap[size], { opened: opened })}\n                onMouseDown={handleHeaderMouseDown}\n            >\n                {!isStaticCheckboxTreeExtended && children && (\n                    <CheckboxTreeExtendedArrow active={activeNode} toggle={toggle} opened={opened} />\n                )}\n\n                {/** Active передается для фокуса чекбокса при перемещении с клавиатуры. Если есть дочерние ноды, то active передается в CheckboxTreeExtendedArrow. */}\n                {isStaticCheckboxTreeExtended\n                    ? checkbox({ active: activeNode, opened: true })\n                    : checkbox({ active: !children && activeNode, opened })}\n            </div>\n        );\n    };\n\n    const renderBody = () => children;\n\n    return (\n        <CollapsibleTreeExtended.Node\n            className={styles.checkboxTreeExtendedNode}\n            opened={isStaticCheckboxTreeExtended ? true : opened}\n            renderHeader={renderHeader}\n            renderBody={renderBody}\n            {...collapsibleTreeExtendedNodeProps}\n        />\n    );\n};\n"],"names":["opened"],"mappings":";;;;;;;;;AAaA,MAAM,qBAAqB,yBAAyB,MAAM;AA4BnD,MAAM,2BAAqE,CAAC;AAAA,EAC/E;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,EAAE,KAAA,IAAS,WAAW,2BAA2B;AAEvD,QAAM,wBAAwB,CAAC,UAA4C;AAEvE,QAAI,MAAM,WAAW,MAAM,eAAe;AACtC,YAAM,eAAA;AAAA,IACV;AAAA,EACJ;AAEA,QAAM,eAAe,CAAC,EAAE,YAAY,QAAAA,SAAQ,aAA6D;AACrG,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,gCAAgC,mBAAmB,IAAI,GAAG,EAAE,QAAQA,SAAQ;AAAA,QACnG,aAAa;AAAA,QAEZ,UAAA;AAAA,UAAA,CAAC;AAAA,UAMI,SAAS,EAAE,QAAQ,YAAY,QAAQ,KAAA,CAAM;AAAA,QACO;AAAA,MAAA;AAAA,IAAA;AAAA,EAGtE;AAEA,QAAM,aAAa,MAAM;AAEzB,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,WAAW,OAAO;AAAA,MAClB,QAAuC;AAAA,MACvC;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/components/CheckboxTreeExtended/index.js

@@ -1,7 +1,7 @@
-import { CheckboxTreeExtended as r } from "./CheckboxTreeExtended.js";
-import { CheckboxTreeExtendedNode as d } from "./components/CheckboxTreeExtendedNode.js";
+import { CheckboxTreeExtended } from "./CheckboxTreeExtended.js";
+import { CheckboxTreeExtendedNode } from "./components/CheckboxTreeExtendedNode.js";
 export {
-  r as CheckboxTreeExtended,
-  d as CheckboxTreeExtendedNode
+  CheckboxTreeExtended,
+  CheckboxTreeExtendedNode
 };
 //# sourceMappingURL=index.js.map

package/components/CheckboxTreeExtended/index.js.map

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

package/components/CheckboxTreeExtended/isStaticCheckboxTreeExtended.js

@@ -1,5 +1,5 @@
-const e = !0;
+const isStaticCheckboxTreeExtended = true;
 export {
-  e as isStaticCheckboxTreeExtended
+  isStaticCheckboxTreeExtended
 };
 //# sourceMappingURL=isStaticCheckboxTreeExtended.js.map

package/components/CheckboxTreeExtended/isStaticCheckboxTreeExtended.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isStaticCheckboxTreeExtended.js","sources":["../../../src/components/CheckboxTreeExtended/isStaticCheckboxTreeExtended.ts"],"sourcesContent":["// TODO удалить эту константу и файл, когда дерево чекбоксов по-стандарту будет сворачиваемым.\nexport const isStaticCheckboxTreeExtended = true;\n"],"names":[],"mappings":"AACO,MAAM,+BAA+B;"}

package/components/Chip/Chip.js

@@ -1,14 +1,14 @@
 import "react/jsx-runtime";
 import "react";
-import "../../chunks/vendor-D5cfSbgz.js";
+import "../../chunks/vendor-Bco_z_Yi.js";
 import "../../enums/EComponentSize.js";
 import "../../utils/classNameMaps.js";
 import "../../utils/keyboard.js";
 import "../Badge/Badge.js";
 import "../IconWrapper/IconWrapper.js";
 import "./enums.js";
-import { C as s } from "../../chunks/Chip-l3XTM9L_.js";
+import { C } from "../../chunks/Chip-CU6KmHGZ.js";
 export {
-  s as Chip
+  C as Chip
 };
 //# sourceMappingURL=Chip.js.map

package/components/Chip/Chip.js.map

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

package/components/Chip/ChipClearButton.js

@@ -1,20 +1,23 @@
-import { jsx as t } from "react/jsx-runtime";
-import p from "react";
-import { c as s } from "../../chunks/vendor-D5cfSbgz.js";
-import { CrossStrokeSrvIcon24 as c, CrossStrokeSrvIcon20 as i, CrossStrokeSrvIcon16 as l } from "@sberbusiness/icons-next";
-import { EComponentSize as o } from "../../enums/EComponentSize.js";
-import { ButtonIcon as m } from "../Button/ButtonIcon.js";
-const C = "chipClearButton__b9913ba8", S = {
-  chipClearButton: C
-}, f = {
-  [o.SM]: /* @__PURE__ */ t(l, { paletteIndex: 6 }),
-  [o.MD]: /* @__PURE__ */ t(i, { paletteIndex: 6 }),
-  [o.LG]: /* @__PURE__ */ t(c, { paletteIndex: 6 })
-}, I = p.forwardRef(
-  ({ className: r, size: e = o.MD, ...n }, a) => /* @__PURE__ */ t(m, { className: s(S.chipClearButton, r), ...n, ref: a, children: f[e] })
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { CrossStrokeSrvIcon24, CrossStrokeSrvIcon20, CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+import { ButtonIcon } from "../Button/ButtonIcon.js";
+const chipClearButton = "chipClearButton__1b1662b1";
+const styles = {
+  chipClearButton
+};
+const SIZE_TO_CROSS_ICON_MAP = {
+  [EComponentSize.SM]: /* @__PURE__ */ jsx(CrossStrokeSrvIcon16, { paletteIndex: 6 }),
+  [EComponentSize.MD]: /* @__PURE__ */ jsx(CrossStrokeSrvIcon20, { paletteIndex: 6 }),
+  [EComponentSize.LG]: /* @__PURE__ */ jsx(CrossStrokeSrvIcon24, { paletteIndex: 6 })
+};
+const ChipClearButton = React__default.forwardRef(
+  ({ className, size = EComponentSize.MD, ...restProps }, ref) => /* @__PURE__ */ jsx(ButtonIcon, { className: clsx(styles.chipClearButton, className), ...restProps, ref, children: SIZE_TO_CROSS_ICON_MAP[size] })
 );
-I.displayName = "ChipClearButton";
+ChipClearButton.displayName = "ChipClearButton";
 export {
-  I as ChipClearButton
+  ChipClearButton
 };
 //# sourceMappingURL=ChipClearButton.js.map

package/components/Chip/ChipClearButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipClearButton.js","sources":["../../../src/components/Chip/ChipClearButton.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { CrossStrokeSrvIcon16, CrossStrokeSrvIcon20, CrossStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport { ButtonIcon, IButtonIconProps } from \"../Button/ButtonIcon\";\nimport styles from \"./styles/ChipClearButton.module.less\";\n\n/** Свойства компонента ChipClearButton. */\nexport interface IChipClearButtonProps extends Omit<IButtonIconProps, \"children\"> {\n    size?: EComponentSize;\n}\n\nconst SIZE_TO_CROSS_ICON_MAP: Record<EComponentSize, React.ReactNode> = {\n    [EComponentSize.SM]: <CrossStrokeSrvIcon16 paletteIndex={6} />,\n    [EComponentSize.MD]: <CrossStrokeSrvIcon20 paletteIndex={6} />,\n    [EComponentSize.LG]: <CrossStrokeSrvIcon24 paletteIndex={6} />,\n};\n\n/** Кнопка отмены выбора для Chip. */\nexport const ChipClearButton = React.forwardRef<HTMLButtonElement, IChipClearButtonProps>(\n    ({ className, size = EComponentSize.MD, ...restProps }, ref) => (\n        <ButtonIcon className={clsx(styles.chipClearButton, className)} {...restProps} ref={ref}>\n            {SIZE_TO_CROSS_ICON_MAP[size]}\n        </ButtonIcon>\n    ),\n);\n\nChipClearButton.displayName = \"ChipClearButton\";\n"],"names":["React"],"mappings":";;;;;;;;;;AAYA,MAAM,yBAAkE;AAAA,EACpE,CAAC,eAAe,EAAE,GAAG,oBAAC,sBAAA,EAAqB,cAAc,GAAG;AAAA,EAC5D,CAAC,eAAe,EAAE,GAAG,oBAAC,sBAAA,EAAqB,cAAc,GAAG;AAAA,EAC5D,CAAC,eAAe,EAAE,GAAG,oBAAC,sBAAA,EAAqB,cAAc,EAAA,CAAG;AAChE;AAGO,MAAM,kBAAkBA,eAAM;AAAA,EACjC,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,GAAG,aAAa,QACpD,oBAAC,cAAW,WAAW,KAAK,OAAO,iBAAiB,SAAS,GAAI,GAAG,WAAW,KAC1E,UAAA,uBAAuB,IAAI,EAAA,CAChC;AAER;AAEA,gBAAgB,cAAc;"}

package/components/Chip/ChipDatePicker/ChipDatePicker.js

@@ -1,92 +1,126 @@
-import { jsx as g } from "react/jsx-runtime";
-import O, { useState as _, useRef as h, useEffect as j } from "react";
-import k from "moment";
-import { dateFormatYYYYMMDD as z, globalLimitRange as B } from "../../../consts/DateConst.js";
-import { DateFieldUtils as u } from "../../DateField/utils.js";
-import { DatePickerExtended as G } from "../../DatePickerExtended/DatePickerExtended.js";
-import { ChipDatePickerTarget as H } from "./ChipDatePickerTarget.js";
-import { inputDateFormat as D } from "../../DateField/constants.js";
-import { DropdownMobileMaskedInput as C } from "../../Dropdown/mobile/DropdownMobileMaskedInput.js";
-import { s as L } from "../../../chunks/Chip-l3XTM9L_.js";
-const U = O.forwardRef((S, V) => {
+import { jsx } from "react/jsx-runtime";
+import React__default, { useState, useRef, useEffect } from "react";
+import moment from "moment";
+import { dateFormatYYYYMMDD, globalLimitRange } from "../../../consts/DateConst.js";
+import { DateFieldUtils } from "../../DateField/utils.js";
+import { DatePickerExtended } from "../../DatePickerExtended/DatePickerExtended.js";
+import { ChipDatePickerTarget } from "./ChipDatePickerTarget.js";
+import { inputDateFormat } from "../../DateField/constants.js";
+import { DropdownMobileMaskedInput } from "../../Dropdown/mobile/DropdownMobileMaskedInput.js";
+import { s as styles } from "../../../chunks/Chip-CU6KmHGZ.js";
+const ChipDatePicker = React__default.forwardRef((props, ref) => {
   const {
-    size: P,
-    value: o,
-    placeholderMask: w,
-    format: n = z,
-    limitRange: a = B,
-    disabledDays: i,
-    type: R,
-    label: b,
-    displayedValue: y,
-    disabled: v,
-    onChange: s,
-    onDropdownOpen: c,
-    onDropdownClose: p,
-    ...F
-  } = S, [r, d] = _(
-    u.getPickerValues(o, n, a, i)
-  ), l = h(r), f = h(!1), m = h(!1);
-  j(() => {
-    const e = u.getPickerValues(o, n, a, i);
-    l.current = e, e.inputString !== r.inputString && d(e);
-  }, [o, n, a, i]);
-  const M = () => {
-    const e = f.current ? l.current : r, t = e.calendarDate !== null;
-    return /* @__PURE__ */ g(H, { type: R, size: P, selected: t, disabled: v, onClear: I, children: t ? y ?? e.inputString : b });
-  }, I = () => {
-    s("");
-  }, Y = () => {
-    f.current = !0, c == null || c();
-  }, x = () => {
-    f.current = !1, m.current ? m.current = !1 : r.inputString !== l.current.inputString && E(), p == null || p();
-  }, T = () => /* @__PURE__ */ g(
-    C,
+    size,
+    value,
+    placeholderMask,
+    format = dateFormatYYYYMMDD,
+    limitRange = globalLimitRange,
+    disabledDays,
+    type,
+    label,
+    displayedValue,
+    disabled,
+    onChange,
+    onDropdownOpen,
+    onDropdownClose,
+    ...rest
+  } = props;
+  const [pickerValues, setPickerValues] = useState(
+    DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays)
+  );
+  const lastValidPickerValuesRef = useRef(pickerValues);
+  const dropdownOpenRef = useRef(false);
+  const dropdownClosedByCalendarRef = useRef(false);
+  useEffect(() => {
+    const newPickerValues = DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays);
+    lastValidPickerValuesRef.current = newPickerValues;
+    if (newPickerValues.inputString !== pickerValues.inputString) {
+      setPickerValues(newPickerValues);
+    }
+  }, [value, format, limitRange, disabledDays]);
+  const renderTarget = () => {
+    const currentPickerValues = dropdownOpenRef.current ? lastValidPickerValuesRef.current : pickerValues;
+    const selected = currentPickerValues.calendarDate !== null;
+    return /* @__PURE__ */ jsx(ChipDatePickerTarget, { type, size, selected, disabled, onClear: handleClear, children: selected ? displayedValue ?? currentPickerValues.inputString : label });
+  };
+  const handleClear = () => {
+    onChange("");
+  };
+  const handleDropdownOpen = () => {
+    dropdownOpenRef.current = true;
+    onDropdownOpen == null ? void 0 : onDropdownOpen();
+  };
+  const handleDropdownClose = () => {
+    dropdownOpenRef.current = false;
+    if (dropdownClosedByCalendarRef.current) {
+      dropdownClosedByCalendarRef.current = false;
+    } else if (pickerValues.inputString !== lastValidPickerValuesRef.current.inputString) {
+      triggerChangeFromInput();
+    }
+    onDropdownClose == null ? void 0 : onDropdownClose();
+  };
+  const renderDropdownHeaderTarget = () => /* @__PURE__ */ jsx(
+    DropdownMobileMaskedInput,
     {
-      value: r.inputString,
-      mask: C.presets.masks.date,
-      placeholderMask: w,
-      onChange: A,
-      autoFocus: !0
+      value: pickerValues.inputString,
+      mask: DropdownMobileMaskedInput.presets.masks.date,
+      placeholderMask,
+      onChange: handleInputChange,
+      autoFocus: true
     }
-  ), A = (e) => {
-    let t = null;
-    e.target.value.length === D.length && (t = k(e.target.value, D, !0), (!t.isValid() || !u.isAvailableDate(t, t.format(n), a, i)) && (t = null)), d({ calendarDate: t, inputString: e.target.value });
-  }, E = () => {
-    if (r.inputString.length === 0 && o.length !== 0)
-      return s(r.inputString);
-    const e = k(r.inputString, D, !0);
-    if (e.isValid()) {
-      const t = e.format(n);
-      if (t === o)
+  );
+  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;
+      }
+    }
+    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 (u.isAvailableDate(e, t, a, i))
-        return s(t);
+      }
+      if (DateFieldUtils.isAvailableDate(date, newValue, limitRange, disabledDays)) {
+        return onChange(newValue);
+      }
+    }
+    if (pickerValues.inputString !== lastValidPickerValuesRef.current.inputString) {
+      setPickerValues(lastValidPickerValuesRef.current);
     }
-    r.inputString !== l.current.inputString && d(l.current);
-  }, N = (e) => {
-    m.current = !0, s(e.format(n));
   };
-  return /* @__PURE__ */ g(
-    G,
+  const handleDateChange = (date) => {
+    dropdownClosedByCalendarRef.current = true;
+    onChange(date.format(format));
+  };
+  return /* @__PURE__ */ jsx(
+    DatePickerExtended,
     {
-      className: L.chipGroupItem,
-      renderTarget: M,
-      pickedDate: r.calendarDate,
-      renderDropdownHeaderTarget: T,
-      format: n,
-      limitRange: a,
-      onDropdownOpen: Y,
-      onDropdownClose: x,
-      onDateChange: N,
-      disabledDays: i,
-      ...F,
-      ref: V
+      className: styles.chipGroupItem,
+      renderTarget,
+      pickedDate: pickerValues.calendarDate,
+      renderDropdownHeaderTarget,
+      format,
+      limitRange,
+      onDropdownOpen: handleDropdownOpen,
+      onDropdownClose: handleDropdownClose,
+      onDateChange: handleDateChange,
+      disabledDays,
+      ...rest,
+      ref
     }
   );
 });
-U.displayName = "ChipDatePicker";
+ChipDatePicker.displayName = "ChipDatePicker";
 export {
-  U as ChipDatePicker
+  ChipDatePicker
 };
 //# sourceMappingURL=ChipDatePicker.js.map

package/components/Chip/ChipDatePicker/ChipDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipDatePicker.js","sources":["../../../../src/components/Chip/ChipDatePicker/ChipDatePicker.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport moment from \"moment\";\nimport { IDateFieldProps } from \"../../DateField\";\nimport { IChipProps } from \"../Chip\";\nimport { dateFormatYYYYMMDD, globalLimitRange } from \"../../../consts/DateConst\";\nimport { DateFieldUtils } from \"../../DateField/utils\";\nimport { DatePickerExtended } from \"../../DatePickerExtended/DatePickerExtended\";\nimport { ChipDatePickerTarget } from \"./ChipDatePickerTarget\";\nimport { inputDateFormat } from \"../../DateField/constants\";\nimport { DropdownMobileMaskedInput } from \"../../Dropdown/mobile/DropdownMobileMaskedInput\";\nimport styles from \"../styles/Chip.module.less\";\n\n/** Свойства компонента ChipDatePicker. */\nexport interface IChipDatePickerProps\n    extends Omit<IDateFieldProps, \"status\" | \"invalidDateHint\">, Pick<IChipProps, \"type\" | \"disabled\"> {\n    /** Название поля, когда не выбрано значение. */\n    label: React.ReactNode;\n    /** Лейбл, отображаемый вместо выбранного значения. */\n    displayedValue?: React.ReactNode;\n}\n\n/** DatePicker с видом компонента Chip. */\nexport const ChipDatePicker = React.forwardRef<HTMLDivElement, IChipDatePickerProps>((props, ref) => {\n    const {\n        size,\n        value,\n        placeholderMask,\n        format = dateFormatYYYYMMDD,\n        limitRange = globalLimitRange,\n        disabledDays,\n        type,\n        label,\n        displayedValue,\n        disabled,\n        onChange,\n        onDropdownOpen,\n        onDropdownClose,\n        ...rest\n    } = props;\n    const [pickerValues, setPickerValues] = useState(\n        DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays),\n    );\n    const lastValidPickerValuesRef = useRef(pickerValues);\n    const dropdownOpenRef = useRef(false);\n    const dropdownClosedByCalendarRef = useRef(false); // Dropdown закрылся от выбора даты в календаре\n\n    useEffect(() => {\n        const newPickerValues = DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays);\n\n        lastValidPickerValuesRef.current = newPickerValues;\n\n        if (newPickerValues.inputString !== pickerValues.inputString) {\n            setPickerValues(newPickerValues);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, format, limitRange, disabledDays]);\n\n    const renderTarget = () => {\n        const currentPickerValues = dropdownOpenRef.current ? lastValidPickerValuesRef.current : pickerValues;\n        const selected = currentPickerValues.calendarDate !== null;\n\n        return (\n            <ChipDatePickerTarget type={type} size={size} selected={selected} disabled={disabled} onClear={handleClear}>\n                {selected ? (displayedValue ?? currentPickerValues.inputString) : label}\n            </ChipDatePickerTarget>\n        );\n    };\n\n    const handleClear = () => {\n        onChange(\"\");\n    };\n\n    const handleDropdownOpen = () => {\n        dropdownOpenRef.current = true;\n\n        onDropdownOpen?.();\n    };\n\n    const handleDropdownClose = () => {\n        dropdownOpenRef.current = false;\n\n        if (dropdownClosedByCalendarRef.current) {\n            dropdownClosedByCalendarRef.current = false;\n        } else if (pickerValues.inputString !== lastValidPickerValuesRef.current.inputString) {\n            triggerChangeFromInput();\n        }\n\n        onDropdownClose?.();\n    };\n\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    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\n        setPickerValues({ calendarDate: date, inputString: event.target.value });\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        if (pickerValues.inputString !== lastValidPickerValuesRef.current.inputString) {\n            setPickerValues(lastValidPickerValuesRef.current);\n        }\n    };\n\n    const handleDateChange = (date: moment.Moment) => {\n        dropdownClosedByCalendarRef.current = true;\n\n        onChange(date.format(format));\n    };\n\n    return (\n        <DatePickerExtended\n            className={styles.chipGroupItem}\n            renderTarget={renderTarget}\n            pickedDate={pickerValues.calendarDate}\n            renderDropdownHeaderTarget={renderDropdownHeaderTarget}\n            format={format}\n            limitRange={limitRange}\n            onDropdownOpen={handleDropdownOpen}\n            onDropdownClose={handleDropdownClose}\n            onDateChange={handleDateChange}\n            disabledDays={disabledDays}\n            {...rest}\n            ref={ref}\n        />\n    );\n});\n\nChipDatePicker.displayName = \"ChipDatePicker\";\n"],"names":["React"],"mappings":"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"}

package/components/Chip/ChipDatePicker/ChipDatePickerTarget.js

@@ -1,35 +1,52 @@
-import { jsx as n } from "react/jsx-runtime";
-import D, { useContext as P } from "react";
-import { C as k } from "../../../chunks/Chip-l3XTM9L_.js";
-import { ChipDropdownArrow as w } from "../ChipDropdownArrow.js";
-import { ChipClearButton as g } from "../ChipClearButton.js";
-import { DatePickerExtendedContext as E } from "../../DatePickerExtended/DatePickerExtendedContext.js";
-import { isKey as s } from "../../../utils/keyboard.js";
-const T = D.forwardRef((d, c) => {
-  const { children: f, size: e, selected: a, onKeyDown: t, onClick: i, onClear: l, ...m } = d, { dropdownOpen: r, setDropdownOpen: p } = P(E), C = (o) => {
-    (s(o.code, "ENTER") || s(o.code, "SPACE")) && (o.preventDefault(), p(!r), t == null || t(o));
-  }, h = (o) => {
-    p(!r), i == null || i(o);
-  }, u = () => a ? /* @__PURE__ */ n(g, { size: e, onClick: x }) : /* @__PURE__ */ n(w, { size: e, rotated: r }), x = (o) => {
-    o.stopPropagation(), l();
+import { jsx } from "react/jsx-runtime";
+import React__default, { useContext } from "react";
+import { C as Chip } from "../../../chunks/Chip-CU6KmHGZ.js";
+import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
+import { ChipClearButton } from "../ChipClearButton.js";
+import { DatePickerExtendedContext } from "../../DatePickerExtended/DatePickerExtendedContext.js";
+import { isKey } from "../../../utils/keyboard.js";
+const ChipDatePickerTarget = React__default.forwardRef((props, ref) => {
+  const { children, size, selected, onKeyDown, onClick, onClear, ...restProps } = props;
+  const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);
+  const handleKeyDown = (event) => {
+    if (isKey(event.code, "ENTER") || isKey(event.code, "SPACE")) {
+      event.preventDefault();
+      setDropdownOpen(!dropdownOpen);
+      onKeyDown == null ? void 0 : onKeyDown(event);
+    }
+  };
+  const handleClick = (event) => {
+    setDropdownOpen(!dropdownOpen);
+    onClick == null ? void 0 : onClick(event);
+  };
+  const renderTargetPostfix = () => {
+    if (selected) {
+      return /* @__PURE__ */ jsx(ChipClearButton, { size, onClick: handleClearButtonClick });
+    } else {
+      return /* @__PURE__ */ jsx(ChipDropdownArrow, { size, rotated: dropdownOpen });
+    }
+  };
+  const handleClearButtonClick = (event) => {
+    event.stopPropagation();
+    onClear();
   };
-  return /* @__PURE__ */ n(
-    k,
+  return /* @__PURE__ */ jsx(
+    Chip,
     {
-      size: e,
-      selected: a,
-      "aria-expanded": r,
-      onKeyDown: C,
-      onClick: h,
-      postfix: u(),
-      ...m,
-      ref: c,
-      children: f
+      size,
+      selected,
+      "aria-expanded": dropdownOpen,
+      onKeyDown: handleKeyDown,
+      onClick: handleClick,
+      postfix: renderTargetPostfix(),
+      ...restProps,
+      ref,
+      children
     }
   );
 });
-T.displayName = "ChipDatePickerTarget";
+ChipDatePickerTarget.displayName = "ChipDatePickerTarget";
 export {
-  T as ChipDatePickerTarget
+  ChipDatePickerTarget
 };
 //# sourceMappingURL=ChipDatePickerTarget.js.map

package/components/Chip/ChipDatePicker/ChipDatePickerTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipDatePickerTarget.js","sources":["../../../../src/components/Chip/ChipDatePicker/ChipDatePickerTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { Chip, IChipProps } from \"../Chip\";\nimport { ChipDropdownArrow } from \"../ChipDropdownArrow\";\nimport { ChipClearButton } from \"../ChipClearButton\";\nimport { DatePickerExtendedContext } from \"../../DatePickerExtended/DatePickerExtendedContext\";\nimport { isKey } from \"../../../utils/keyboard\";\n\nexport interface IChipDatePickerTargetProps extends IChipProps {\n    onClear: () => void;\n}\n\nexport const ChipDatePickerTarget = React.forwardRef<HTMLSpanElement, IChipDatePickerTargetProps>((props, ref) => {\n    const { children, size, selected, onKeyDown, onClick, onClear, ...restProps } = props;\n    const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>) => {\n        if (isKey(event.code, \"ENTER\") || isKey(event.code, \"SPACE\")) {\n            event.preventDefault();\n            setDropdownOpen(!dropdownOpen);\n            onKeyDown?.(event);\n        }\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLSpanElement>) => {\n        setDropdownOpen(!dropdownOpen);\n        onClick?.(event);\n    };\n\n    const renderTargetPostfix = () => {\n        if (selected) {\n            return <ChipClearButton size={size} onClick={handleClearButtonClick} />;\n        } else {\n            return <ChipDropdownArrow size={size} rotated={dropdownOpen} />;\n        }\n    };\n\n    const handleClearButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        event.stopPropagation();\n        onClear();\n    };\n\n    return (\n        <Chip\n            size={size}\n            selected={selected}\n            aria-expanded={dropdownOpen}\n            onKeyDown={handleKeyDown}\n            onClick={handleClick}\n            postfix={renderTargetPostfix()}\n            {...restProps}\n            ref={ref}\n        >\n            {children}\n        </Chip>\n    );\n});\n\nChipDatePickerTarget.displayName = \"ChipDatePickerTarget\";\n"],"names":["React"],"mappings":";;;;;;;AAWO,MAAM,uBAAuBA,eAAM,WAAwD,CAAC,OAAO,QAAQ;AAC9G,QAAM,EAAE,UAAU,MAAM,UAAU,WAAW,SAAS,SAAS,GAAG,UAAA,IAAc;AAChF,QAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAE9E,QAAM,gBAAgB,CAAC,UAAgD;AACnE,QAAI,MAAM,MAAM,MAAM,OAAO,KAAK,MAAM,MAAM,MAAM,OAAO,GAAG;AAC1D,YAAM,eAAA;AACN,sBAAgB,CAAC,YAAY;AAC7B,6CAAY;AAAA,IAChB;AAAA,EACJ;AAEA,QAAM,cAAc,CAAC,UAA6C;AAC9D,oBAAgB,CAAC,YAAY;AAC7B,uCAAU;AAAA,EACd;AAEA,QAAM,sBAAsB,MAAM;AAC9B,QAAI,UAAU;AACV,aAAO,oBAAC,iBAAA,EAAgB,MAAY,SAAS,uBAAA,CAAwB;AAAA,IACzE,OAAO;AACH,aAAO,oBAAC,mBAAA,EAAkB,MAAY,SAAS,aAAA,CAAc;AAAA,IACjE;AAAA,EACJ;AAEA,QAAM,yBAAyB,CAAC,UAA+C;AAC3E,UAAM,gBAAA;AACN,YAAA;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,iBAAe;AAAA,MACf,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS,oBAAA;AAAA,MACR,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAED,qBAAqB,cAAc;"}

package/components/Chip/ChipDatePicker/index.js

@@ -1,7 +1,7 @@
-import { ChipDatePicker as t } from "./ChipDatePicker.js";
-import { ChipDatePickerTarget as o } from "./ChipDatePickerTarget.js";
+import { ChipDatePicker } from "./ChipDatePicker.js";
+import { ChipDatePickerTarget } from "./ChipDatePickerTarget.js";
 export {
-  t as ChipDatePicker,
-  o as ChipDatePickerTarget
+  ChipDatePicker,
+  ChipDatePickerTarget
 };
 //# sourceMappingURL=index.js.map

package/components/Chip/ChipDatePicker/index.js.map

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

package/components/Chip/ChipDropdownArrow.js

@@ -1,17 +1,21 @@
-import { jsx as o } from "react/jsx-runtime";
-import { CaretdownStrokeSrvIcon24 as p, CaretdownStrokeSrvIcon20 as d, CaretdownStrokeSrvIcon16 as c } from "@sberbusiness/icons-next";
-import { c as a } from "../../chunks/vendor-D5cfSbgz.js";
-import { EComponentSize as r } from "../../enums/EComponentSize.js";
-const w = "chipDropdownArrow__c8b4d766", s = "rotated__1ef8fc67", t = {
-  chipDropdownArrow: w,
-  rotated: s
-}, i = {
-  [r.SM]: /* @__PURE__ */ o(c, { paletteIndex: 5 }),
-  [r.MD]: /* @__PURE__ */ o(d, { paletteIndex: 5 }),
-  [r.LG]: /* @__PURE__ */ o(p, { paletteIndex: 5 })
-}, m = ({ rotated: e, size: n = r.MD }) => /* @__PURE__ */ o("span", { className: a(t.chipDropdownArrow, { [t.rotated]: e }), children: i[n] });
-m.displayName = "ChipDropdownArrow";
+import { jsx } from "react/jsx-runtime";
+import { CaretdownStrokeSrvIcon24, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+const chipDropdownArrow = "chipDropdownArrow__adc6eeb2";
+const rotated = "rotated__a70bd58a";
+const styles = {
+  chipDropdownArrow,
+  rotated
+};
+const SIZE_TO_DROPDOWN_ARROW_ICON_MAP = {
+  [EComponentSize.SM]: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon16, { paletteIndex: 5 }),
+  [EComponentSize.MD]: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon20, { paletteIndex: 5 }),
+  [EComponentSize.LG]: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon24, { paletteIndex: 5 })
+};
+const ChipDropdownArrow = ({ rotated: rotated2, size = EComponentSize.MD }) => /* @__PURE__ */ jsx("span", { className: clsx(styles.chipDropdownArrow, { [styles.rotated]: rotated2 }), children: SIZE_TO_DROPDOWN_ARROW_ICON_MAP[size] });
+ChipDropdownArrow.displayName = "ChipDropdownArrow";
 export {
-  m as ChipDropdownArrow
+  ChipDropdownArrow
 };
 //# sourceMappingURL=ChipDropdownArrow.js.map

package/components/Chip/ChipDropdownArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipDropdownArrow.js","sources":["../../../src/components/Chip/ChipDropdownArrow.tsx"],"sourcesContent":["import React from \"react\";\nimport { CaretdownStrokeSrvIcon16, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport styles from \"./styles/ChipDropdownArrow.module.less\";\n\n/** Свойства компонента ChipDropdownArrow. */\nexport interface IChipDropdownArrowProps {\n    rotated: boolean;\n    size?: EComponentSize;\n}\n\nconst SIZE_TO_DROPDOWN_ARROW_ICON_MAP: Record<EComponentSize, React.ReactNode> = {\n    [EComponentSize.SM]: <CaretdownStrokeSrvIcon16 paletteIndex={5} />,\n    [EComponentSize.MD]: <CaretdownStrokeSrvIcon20 paletteIndex={5} />,\n    [EComponentSize.LG]: <CaretdownStrokeSrvIcon24 paletteIndex={5} />,\n};\n\n/** Стрелка выпадающего меню Chip. */\nexport const ChipDropdownArrow: React.FC<IChipDropdownArrowProps> = ({ rotated, size = EComponentSize.MD }) => (\n    <span className={clsx(styles.chipDropdownArrow, { [styles.rotated]: rotated })}>\n        {SIZE_TO_DROPDOWN_ARROW_ICON_MAP[size]}\n    </span>\n);\n\nChipDropdownArrow.displayName = \"ChipDropdownArrow\";\n"],"names":["rotated"],"mappings":";;;;;;;;;;AAYA,MAAM,kCAA2E;AAAA,EAC7E,CAAC,eAAe,EAAE,GAAG,oBAAC,0BAAA,EAAyB,cAAc,GAAG;AAAA,EAChE,CAAC,eAAe,EAAE,GAAG,oBAAC,0BAAA,EAAyB,cAAc,GAAG;AAAA,EAChE,CAAC,eAAe,EAAE,GAAG,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AACpE;AAGO,MAAM,oBAAuD,CAAC,EAAE,SAAAA,UAAS,OAAO,eAAe,GAAA,MAClG,oBAAC,QAAA,EAAK,WAAW,KAAK,OAAO,mBAAmB,EAAE,CAAC,OAAO,OAAO,GAAGA,UAAS,GACxE,UAAA,gCAAgC,IAAI,EAAA,CACzC;AAGJ,kBAAkB,cAAc;"}

package/components/Chip/ChipIcon.js

@@ -1,9 +1,9 @@
-import { jsx as o } from "react/jsx-runtime";
-import f from "react";
-import { C as t } from "../../chunks/Chip-l3XTM9L_.js";
-const a = f.forwardRef(({ children: p, ...r }, i) => /* @__PURE__ */ o(t, { ...r, prefix: p, postfix: /* @__PURE__ */ o("span", {}), ref: i }));
-a.displayName = "ChipIcon";
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { C as Chip } from "../../chunks/Chip-CU6KmHGZ.js";
+const ChipIcon = React__default.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsx(Chip, { ...rest, prefix: children, postfix: /* @__PURE__ */ jsx("span", {}), ref }));
+ChipIcon.displayName = "ChipIcon";
 export {
-  a as ChipIcon
+  ChipIcon
 };
 //# sourceMappingURL=ChipIcon.js.map

package/components/Chip/ChipIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipIcon.js","sources":["../../../src/components/Chip/ChipIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Chip, IChipProps } from \"./Chip\";\n\nexport interface IChipIconProps extends Omit<IChipProps, \"prefix\" | \"postfix\"> {}\n\n/**\n * Chip с иконкой.\n */\nexport const ChipIcon = React.forwardRef<HTMLSpanElement, IChipIconProps>(({ children, ...rest }, ref) => (\n    <Chip {...rest} prefix={children} postfix={<span />} ref={ref} />\n));\n\nChipIcon.displayName = \"ChipIcon\";\n"],"names":["React"],"mappings":";;;AAQO,MAAM,WAAWA,eAAM,WAA4C,CAAC,EAAE,UAAU,GAAG,QAAQ,4BAC7F,MAAA,EAAM,GAAG,MAAM,QAAQ,UAAU,SAAS,oBAAC,QAAA,CAAA,CAAK,GAAI,KAAU,CAClE;AAED,SAAS,cAAc;"}