@sberbusiness/triplex-next 1.34.0 → 1.35.0

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -1,60 +1,64 @@
-import { jsx as e, jsxs as l, Fragment as m } from "react/jsx-runtime";
-import f, { useContext as u } from "react";
-import { j as D } from "../../chunks/vendor-D5cfSbgz.js";
-import { Dropdown as w } from "../Dropdown/Dropdown.js";
-import { DatePickerExtendedContext as x } from "./DatePickerExtendedContext.js";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React__default, { useContext } from "react";
+import { j as focusTrapReactExports } from "../../chunks/vendor-Bco_z_Yi.js";
+import { Dropdown } from "../Dropdown/Dropdown.js";
+import { DatePickerExtendedContext } from "./DatePickerExtendedContext.js";
 import "../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody as b } from "../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose as k } from "../Dropdown/mobile/DropdownMobileClose.js";
+import { DropdownMobileBody } from "../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose } from "../Dropdown/mobile/DropdownMobileClose.js";
 import "../Dropdown/mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader as M } from "../Dropdown/mobile/DropdownMobileHeader.js";
+import { DropdownMobileHeader } from "../Dropdown/mobile/DropdownMobileHeader.js";
 import "../Dropdown/mobile/DropdownMobileInner.js";
 import "../Dropdown/mobile/DropdownMobileInput.js";
 import "../Dropdown/mobile/DropdownMobileList.js";
 import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-const h = "datePickerExtendedMobileDropdown__1ecf1dbe", E = {
-  datePickerExtendedMobileDropdown: h
-}, C = f.forwardRef(
-  (i, d) => {
-    const { children: P, targetRef: r, setOpened: c, renderHeaderTarget: a, renderCalendar: t, focusTrapProps: o, ...p } = i, { mouseUsedRef: n, setDropdownOpen: s } = u(x);
-    return /* @__PURE__ */ e(
-      w,
+const datePickerExtendedMobileDropdown = "datePickerExtendedMobileDropdown__03de64a7";
+const styles = {
+  datePickerExtendedMobileDropdown
+};
+const DatePickerExtendedDropdown = React__default.forwardRef(
+  (props, ref) => {
+    const { children, targetRef, setOpened, renderHeaderTarget, renderCalendar, focusTrapProps, ...rest } = props;
+    const { mouseUsedRef, setDropdownOpen } = useContext(DatePickerExtendedContext);
+    const renderMobileContent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(DropdownMobileHeader, { controlButtons: /* @__PURE__ */ jsx(DropdownMobileClose, { onClick: () => setDropdownOpen(false) }), children: renderHeaderTarget() }),
+      /* @__PURE__ */ jsx(DropdownMobileBody, { children: renderCalendar(true) })
+    ] });
+    return /* @__PURE__ */ jsx(
+      Dropdown,
       {
         role: "dialog",
         "aria-modal": "true",
-        targetRef: r,
+        targetRef,
         mobileViewProps: {
-          children: /* @__PURE__ */ l(m, { children: [
-            /* @__PURE__ */ e(M, { controlButtons: /* @__PURE__ */ e(k, { onClick: () => s(!1) }), children: a() }),
-            /* @__PURE__ */ e(b, { children: t(!0) })
-          ] }),
-          className: E.datePickerExtendedMobileDropdown
+          children: renderMobileContent(),
+          className: styles.datePickerExtendedMobileDropdown
         },
-        setOpened: c,
-        ...p,
-        ref: d,
-        children: /* @__PURE__ */ e(
-          D.FocusTrap,
+        setOpened,
+        ...rest,
+        ref,
+        children: /* @__PURE__ */ jsx(
+          focusTrapReactExports.FocusTrap,
           {
-            ...o,
+            ...focusTrapProps,
             focusTrapOptions: {
-              clickOutsideDeactivates: !0,
-              fallbackFocus: r.current,
-              initialFocus: !n.current && void 0,
-              returnFocusOnDeactivate: !n.current,
-              ...o == null ? void 0 : o.focusTrapOptions
+              clickOutsideDeactivates: true,
+              fallbackFocus: targetRef.current,
+              initialFocus: !mouseUsedRef.current && void 0,
+              returnFocusOnDeactivate: !mouseUsedRef.current,
+              ...focusTrapProps == null ? void 0 : focusTrapProps.focusTrapOptions
             },
-            children: /* @__PURE__ */ e("div", { role: "presentation", children: t(!1) })
+            children: /* @__PURE__ */ jsx("div", { role: "presentation", children: renderCalendar(false) })
           }
         )
       }
     );
   }
 );
-C.displayName = "DatePickerExtendedDropdown";
+DatePickerExtendedDropdown.displayName = "DatePickerExtendedDropdown";
 export {
-  C as DatePickerExtendedDropdown
+  DatePickerExtendedDropdown
 };
 //# sourceMappingURL=DatePickerExtendedDropdown.js.map

package/components/DatePickerExtended/DatePickerExtendedDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerExtendedDropdown.js","sources":["../../../src/components/DatePickerExtended/DatePickerExtendedDropdown.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { FocusTrap, FocusTrapProps } from \"focus-trap-react\";\nimport { Dropdown, IDropdownProps } from \"../Dropdown/Dropdown\";\nimport { DatePickerExtendedContext } from \"./DatePickerExtendedContext\";\nimport { DropdownMobileHeader, DropdownMobileClose, DropdownMobileBody } from \"../Dropdown/mobile\";\nimport styles from \"./styles/DatePickerExtended.module.less\";\n\n/** Свойства компонента DatePickerExtendedDropdown. */\nexport interface IDatePickerExtendedDropdownProps extends IDropdownProps {\n    /** Рендер-функция календаря. */\n    renderCalendar: (adaptiveMode: boolean) => React.ReactNode;\n    /** Рендер-функция целевого элемента в заголовке DropdownMobile. */\n    renderHeaderTarget: () => React.ReactNode;\n    /** Свойства компонента FocusTrap. Используется npm-пакет focus-trap-react. */\n    focusTrapProps?: FocusTrapProps;\n}\n\n/** Выпадающее меню компонента DatePickerExtended. */\nexport const DatePickerExtendedDropdown = React.forwardRef<HTMLDivElement, IDatePickerExtendedDropdownProps>(\n    (props, ref) => {\n        const { children, targetRef, setOpened, renderHeaderTarget, renderCalendar, focusTrapProps, ...rest } = props;\n        const { mouseUsedRef, setDropdownOpen } = useContext(DatePickerExtendedContext);\n\n        /** Отрисовка содержимого в мобильном режиме. */\n        const renderMobileContent = () => (\n            <>\n                <DropdownMobileHeader controlButtons={<DropdownMobileClose onClick={() => setDropdownOpen(false)} />}>\n                    {renderHeaderTarget()}\n                </DropdownMobileHeader>\n                <DropdownMobileBody>{renderCalendar(true)}</DropdownMobileBody>\n            </>\n        );\n\n        return (\n            <Dropdown\n                role=\"dialog\"\n                aria-modal=\"true\"\n                targetRef={targetRef}\n                mobileViewProps={{\n                    children: renderMobileContent(),\n                    className: styles.datePickerExtendedMobileDropdown,\n                }}\n                setOpened={setOpened}\n                {...rest}\n                ref={ref}\n            >\n                <FocusTrap\n                    {...focusTrapProps}\n                    focusTrapOptions={{\n                        clickOutsideDeactivates: true,\n                        fallbackFocus: targetRef.current!,\n                        initialFocus: !mouseUsedRef.current && undefined,\n                        returnFocusOnDeactivate: !mouseUsedRef.current,\n                        ...focusTrapProps?.focusTrapOptions,\n                    }}\n                >\n                    <div role=\"presentation\">{renderCalendar(false)}</div>\n                </FocusTrap>\n            </Dropdown>\n        );\n    },\n);\n\nDatePickerExtendedDropdown.displayName = \"DatePickerExtendedDropdown\";\n"],"names":["React","FocusTrap"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,6BAA6BA,eAAM;AAAA,EAC5C,CAAC,OAAO,QAAQ;AACZ,UAAM,EAAE,UAAU,WAAW,WAAW,oBAAoB,gBAAgB,gBAAgB,GAAG,KAAA,IAAS;AACxG,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAG9E,UAAM,sBAAsB,MACxB,qBAAA,UAAA,EACI,UAAA;AAAA,MAAA,oBAAC,sBAAA,EAAqB,gBAAgB,oBAAC,qBAAA,EAAoB,SAAS,MAAM,gBAAgB,KAAK,EAAA,CAAG,GAC7F,UAAA,mBAAA,EAAmB,CACxB;AAAA,MACA,oBAAC,oBAAA,EAAoB,UAAA,eAAe,IAAI,EAAA,CAAE;AAAA,IAAA,GAC9C;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,cAAW;AAAA,QACX;AAAA,QACA,iBAAiB;AAAA,UACb,UAAU,oBAAA;AAAA,UACV,WAAW,OAAO;AAAA,QAAA;AAAA,QAEtB;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,QAEA,UAAA;AAAA,UAACC,sBAAAA;AAAAA,UAAA;AAAA,YACI,GAAG;AAAA,YACJ,kBAAkB;AAAA,cACd,yBAAyB;AAAA,cACzB,eAAe,UAAU;AAAA,cACzB,cAAc,CAAC,aAAa,WAAW;AAAA,cACvC,yBAAyB,CAAC,aAAa;AAAA,cACvC,GAAG,iDAAgB;AAAA,YAAA;AAAA,YAGvB,8BAAC,OAAA,EAAI,MAAK,gBAAgB,UAAA,eAAe,KAAK,EAAA,CAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACpD;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,2BAA2B,cAAc;"}

package/components/DatePickerExtended/index.js

@@ -1,5 +1,5 @@
-import { DatePickerExtended as t } from "./DatePickerExtended.js";
+import { DatePickerExtended } from "./DatePickerExtended.js";
 export {
-  t as DatePickerExtended
+  DatePickerExtended
 };
 //# sourceMappingURL=index.js.map

package/components/DatePickerExtended/index.js.map

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

package/components/DateRange/DateRange.js

@@ -1,74 +1,95 @@
-import { jsxs as v, jsx as l } from "react/jsx-runtime";
-import c from "moment";
-import { CaretleftStrokeSrvIcon20 as D, RangeStrokeSrvIcon16 as Y, CaretrightStrokeSrvIcon20 as C } from "@sberbusiness/icons-next";
-import { dateFormatYYYYMMDD as r } from "../../consts/DateConst.js";
-import { EDateRangeShiftUnit as E } from "./enums.js";
-import { c as i } from "../../chunks/vendor-D5cfSbgz.js";
-const F = "dateRange__51691ffd", M = "dateRangeButton__41ea08e9", h = "separator__c3f74696", d = {
-  dateRange: F,
-  dateRangeButton: M,
-  separator: h
-}, j = ({
-  children: y,
-  className: p,
-  value: R,
-  onChange: o,
-  shiftAmount: n = 1,
-  shiftUnit: s = E.MONTH,
-  hideNavigation: f,
-  renderPickerFrom: g,
-  renderPickerTo: u,
-  renderButtonForward: S,
-  renderButtonBack: k,
-  ...x
+import { jsxs, jsx } from "react/jsx-runtime";
+import moment from "moment";
+import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon20 } from "@sberbusiness/icons-next";
+import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
+import { EDateRangeShiftUnit } from "./enums.js";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+const dateRange = "dateRange__199ee6df";
+const dateRangeButton = "dateRangeButton__ed6aa91a";
+const separator = "separator__7646dce5";
+const styles = {
+  dateRange,
+  dateRangeButton,
+  separator
+};
+const DateRange = ({
+  children,
+  className,
+  value,
+  onChange,
+  shiftAmount = 1,
+  shiftUnit = EDateRangeShiftUnit.MONTH,
+  hideNavigation,
+  renderPickerFrom,
+  renderPickerTo,
+  renderButtonForward,
+  renderButtonBack,
+  ...rest
 }) => {
-  const [t, a] = R, b = i(d.dateRange, p), B = (e) => {
-    !e || !a || e <= a ? o([e, a]) : o([e, ""]);
-  }, I = (e) => {
-    !e || !t || e >= t ? o([t, e]) : o(["", e]);
-  }, N = () => {
-    if (!t || !a)
+  const [start, end] = value;
+  const classNames = clsx(styles.dateRange, className);
+  const handleChangePickerFrom = (date) => {
+    if (!date || !end || date <= end) {
+      onChange([date, end]);
+    } else {
+      onChange([date, ""]);
+    }
+  };
+  const handleChangePickerTo = (date) => {
+    if (!date || !start || date >= start) {
+      onChange([start, date]);
+    } else {
+      onChange(["", date]);
+    }
+  };
+  const shiftRangeBack = () => {
+    if (!start || !end) {
       return;
-    const e = c(t, r), m = c(a, r);
-    o([
-      e.subtract(n, s).format(r),
-      m.subtract(n, s).format(r)
+    }
+    const momentStart = moment(start, dateFormatYYYYMMDD);
+    const momentEnd = moment(end, dateFormatYYYYMMDD);
+    onChange([
+      momentStart.subtract(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),
+      momentEnd.subtract(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD)
     ]);
-  }, _ = () => {
-    if (!t || !a)
+  };
+  const shiftRangeForward = () => {
+    if (!start || !end) {
       return;
-    const e = c(t, r), m = c(a, r);
-    o([
-      e.add(n, s).format(r),
-      m.add(n, s).format(r)
+    }
+    const momentStart = moment(start, dateFormatYYYYMMDD);
+    const momentEnd = moment(end, dateFormatYYYYMMDD);
+    onChange([
+      momentStart.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),
+      momentEnd.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD)
     ]);
   };
-  return /* @__PURE__ */ v("div", { className: b, ...x, children: [
-    !f && k({
-      children: /* @__PURE__ */ l(D, { paletteIndex: 5 }),
-      className: i(d.dateRangeButton, { disabled: !(t && a) }),
-      disabled: !(t && a),
-      onClick: N
+  return /* @__PURE__ */ jsxs("div", { className: classNames, ...rest, children: [
+    !hideNavigation && renderButtonBack({
+      children: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon20, { paletteIndex: 5 }),
+      className: clsx(styles.dateRangeButton, { disabled: !(start && end) }),
+      disabled: !(start && end),
+      onClick: shiftRangeBack
     }),
-    g({
-      onChange: B,
-      value: t
+    renderPickerFrom({
+      onChange: handleChangePickerFrom,
+      value: start
     }),
-    /* @__PURE__ */ l(Y, { className: d.separator, paletteIndex: 5 }),
-    u({
-      onChange: I,
-      value: a
+    /* @__PURE__ */ jsx(RangeStrokeSrvIcon16, { className: styles.separator, paletteIndex: 5 }),
+    renderPickerTo({
+      onChange: handleChangePickerTo,
+      value: end
     }),
-    !f && S({
-      children: /* @__PURE__ */ l(C, { paletteIndex: 5 }),
-      className: i(d.dateRangeButton, { disabled: !(t && a) }),
-      disabled: !(t && a),
-      onClick: _
+    !hideNavigation && renderButtonForward({
+      children: /* @__PURE__ */ jsx(CaretrightStrokeSrvIcon20, { paletteIndex: 5 }),
+      className: clsx(styles.dateRangeButton, { disabled: !(start && end) }),
+      disabled: !(start && end),
+      onClick: shiftRangeForward
     })
   ] });
 };
-j.displayName = "DateRange";
+DateRange.displayName = "DateRange";
 export {
-  j as DateRange
+  DateRange
 };
 //# sourceMappingURL=DateRange.js.map

package/components/DateRange/DateRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRange.js","sources":["../../../src/components/DateRange/DateRange.tsx"],"sourcesContent":["import React from \"react\";\nimport moment from \"moment\";\nimport { RangeStrokeSrvIcon16, CaretleftStrokeSrvIcon20, CaretrightStrokeSrvIcon20 } from \"@sberbusiness/icons-next\";\nimport { dateFormatYYYYMMDD } from \"../../consts/DateConst\";\nimport { EDateRangeShiftUnit } from \"./enums\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/DateRange.module.less\";\n\n/** Свойства функции рендеринга кнопки сдвига диапазона дат. */\nexport interface IDateRangeButtonProvideProps {\n    children: React.ReactNode;\n    className: string;\n    onClick: () => void;\n    disabled: boolean;\n}\n\n/** Свойства функции рендеринга поля выбора даты. */\nexport interface IDateRangePickerProvideProps {\n    value: string;\n    onChange: (value: string) => void;\n}\n\n/** Значение компонента DateRange. */\nexport type TDateRangeValue = [string, string];\n\n/** Свойства компонента DateRange. */\nexport interface IDateRangeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"defaultValue\" | \"onChange\"> {\n    /** Диапазон дат. */\n    value: TDateRangeValue;\n    /** Функция, вызывающаяся при изменении диапазона дат. */\n    onChange: (value: TDateRangeValue) => void;\n    /** Численная величина сдвига диапазона дат. */\n    shiftAmount?: number;\n    /** Единица измерения сдвига диапазона дат. */\n    shiftUnit?: EDateRangeShiftUnit;\n    /** Управление отображением/скрытием кнопок сдвига диапазона дат. */\n    hideNavigation?: boolean;\n    /** Функция рендеринга поля выбора даты \"от\". */\n    renderPickerFrom: (props: IDateRangePickerProvideProps) => React.ReactNode;\n    /** Функция рендеринга поля выбора даты \"до\". */\n    renderPickerTo: (props: IDateRangePickerProvideProps) => React.ReactNode;\n    /** Функция рендеринга кнопки сдвига диапазона дат \"назад\". */\n    renderButtonBack: (props: IDateRangeButtonProvideProps) => React.ReactNode;\n    /** Функция рендеринга кнопки сдвига диапазона дат \"вперёд\". */\n    renderButtonForward: (props: IDateRangeButtonProvideProps) => React.ReactNode;\n}\n\n/** Выбор диапазона дат. */\nexport const DateRange: React.FC<IDateRangeProps> = ({\n    children,\n    className,\n    value,\n    onChange,\n    shiftAmount = 1,\n    shiftUnit = EDateRangeShiftUnit.MONTH,\n    hideNavigation,\n    renderPickerFrom,\n    renderPickerTo,\n    renderButtonForward,\n    renderButtonBack,\n    ...rest\n}) => {\n    const [start, end] = value;\n    const classNames = clsx(styles.dateRange, className);\n\n    /** Обработчик изменения значения в поле выбора даты \"от\". */\n    const handleChangePickerFrom = (date: string) => {\n        if (!date || !end || date <= end) {\n            onChange([date, end]);\n        } else {\n            onChange([date, \"\"]);\n        }\n    };\n\n    /** Обработчик изменения значения в поле выбора даты \"до\". */\n    const handleChangePickerTo = (date: string) => {\n        if (!date || !start || date >= start) {\n            onChange([start, date]);\n        } else {\n            onChange([\"\", date]);\n        }\n    };\n\n    /** Функция, смещающая диапазон дат назад. */\n    const shiftRangeBack = () => {\n        if (!start || !end) {\n            return;\n        }\n\n        const momentStart = moment(start, dateFormatYYYYMMDD);\n        const momentEnd = moment(end, dateFormatYYYYMMDD);\n\n        onChange([\n            momentStart.subtract(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),\n            momentEnd.subtract(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),\n        ]);\n    };\n\n    /** Функция, смещающая диапазон дат вперёд. */\n    const shiftRangeForward = () => {\n        if (!start || !end) {\n            return;\n        }\n\n        const momentStart = moment(start, dateFormatYYYYMMDD);\n        const momentEnd = moment(end, dateFormatYYYYMMDD);\n\n        onChange([\n            momentStart.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),\n            momentEnd.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),\n        ]);\n    };\n\n    return (\n        <div className={classNames} {...rest}>\n            {!hideNavigation &&\n                renderButtonBack({\n                    children: <CaretleftStrokeSrvIcon20 paletteIndex={5} />,\n                    className: clsx(styles.dateRangeButton, { disabled: !(start && end) }),\n                    disabled: !(start && end),\n                    onClick: shiftRangeBack,\n                })}\n            {renderPickerFrom({\n                onChange: handleChangePickerFrom,\n                value: start,\n            })}\n            <RangeStrokeSrvIcon16 className={styles.separator} paletteIndex={5} />\n            {renderPickerTo({\n                onChange: handleChangePickerTo,\n                value: end,\n            })}\n            {!hideNavigation &&\n                renderButtonForward({\n                    children: <CaretrightStrokeSrvIcon20 paletteIndex={5} />,\n                    className: clsx(styles.dateRangeButton, { disabled: !(start && end) }),\n                    disabled: !(start && end),\n                    onClick: shiftRangeForward,\n                })}\n        </div>\n    );\n};\n\nDateRange.displayName = \"DateRange\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAgDO,MAAM,YAAuC,CAAC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,YAAY,oBAAoB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,CAAC,OAAO,GAAG,IAAI;AACrB,QAAM,aAAa,KAAK,OAAO,WAAW,SAAS;AAGnD,QAAM,yBAAyB,CAAC,SAAiB;AAC7C,QAAI,CAAC,QAAQ,CAAC,OAAO,QAAQ,KAAK;AAC9B,eAAS,CAAC,MAAM,GAAG,CAAC;AAAA,IACxB,OAAO;AACH,eAAS,CAAC,MAAM,EAAE,CAAC;AAAA,IACvB;AAAA,EACJ;AAGA,QAAM,uBAAuB,CAAC,SAAiB;AAC3C,QAAI,CAAC,QAAQ,CAAC,SAAS,QAAQ,OAAO;AAClC,eAAS,CAAC,OAAO,IAAI,CAAC;AAAA,IAC1B,OAAO;AACH,eAAS,CAAC,IAAI,IAAI,CAAC;AAAA,IACvB;AAAA,EACJ;AAGA,QAAM,iBAAiB,MAAM;AACzB,QAAI,CAAC,SAAS,CAAC,KAAK;AAChB;AAAA,IACJ;AAEA,UAAM,cAAc,OAAO,OAAO,kBAAkB;AACpD,UAAM,YAAY,OAAO,KAAK,kBAAkB;AAEhD,aAAS;AAAA,MACL,YAAY,SAAS,aAAa,SAAS,EAAE,OAAO,kBAAkB;AAAA,MACtE,UAAU,SAAS,aAAa,SAAS,EAAE,OAAO,kBAAkB;AAAA,IAAA,CACvE;AAAA,EACL;AAGA,QAAM,oBAAoB,MAAM;AAC5B,QAAI,CAAC,SAAS,CAAC,KAAK;AAChB;AAAA,IACJ;AAEA,UAAM,cAAc,OAAO,OAAO,kBAAkB;AACpD,UAAM,YAAY,OAAO,KAAK,kBAAkB;AAEhD,aAAS;AAAA,MACL,YAAY,IAAI,aAAa,SAAS,EAAE,OAAO,kBAAkB;AAAA,MACjE,UAAU,IAAI,aAAa,SAAS,EAAE,OAAO,kBAAkB;AAAA,IAAA,CAClE;AAAA,EACL;AAEA,SACI,qBAAC,OAAA,EAAI,WAAW,YAAa,GAAG,MAC3B,UAAA;AAAA,IAAA,CAAC,kBACE,iBAAiB;AAAA,MACb,UAAU,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AAAA,MACrD,WAAW,KAAK,OAAO,iBAAiB,EAAE,UAAU,EAAE,SAAS,MAAM;AAAA,MACrE,UAAU,EAAE,SAAS;AAAA,MACrB,SAAS;AAAA,IAAA,CACZ;AAAA,IACJ,iBAAiB;AAAA,MACd,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,CACV;AAAA,wBACA,sBAAA,EAAqB,WAAW,OAAO,WAAW,cAAc,GAAG;AAAA,IACnE,eAAe;AAAA,MACZ,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,CACV;AAAA,IACA,CAAC,kBACE,oBAAoB;AAAA,MAChB,UAAU,oBAAC,2BAAA,EAA0B,cAAc,EAAA,CAAG;AAAA,MACtD,WAAW,KAAK,OAAO,iBAAiB,EAAE,UAAU,EAAE,SAAS,MAAM;AAAA,MACrE,UAAU,EAAE,SAAS;AAAA,MACrB,SAAS;AAAA,IAAA,CACZ;AAAA,EAAA,GACT;AAER;AAEA,UAAU,cAAc;"}

package/components/DateRange/enums.js

@@ -1,5 +1,12 @@
-var A = /* @__PURE__ */ ((r) => (r.DAY = "day", r.WEEK = "week", r.MONTH = "month", r.QUARTER = "quarter", r.YEAR = "year", r))(A || {});
+var EDateRangeShiftUnit = /* @__PURE__ */ ((EDateRangeShiftUnit2) => {
+  EDateRangeShiftUnit2["DAY"] = "day";
+  EDateRangeShiftUnit2["WEEK"] = "week";
+  EDateRangeShiftUnit2["MONTH"] = "month";
+  EDateRangeShiftUnit2["QUARTER"] = "quarter";
+  EDateRangeShiftUnit2["YEAR"] = "year";
+  return EDateRangeShiftUnit2;
+})(EDateRangeShiftUnit || {});
 export {
-  A as EDateRangeShiftUnit
+  EDateRangeShiftUnit
 };
 //# sourceMappingURL=enums.js.map

package/components/DateRange/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sources":["../../../src/components/DateRange/enums.ts"],"sourcesContent":["/** Единица измерения сдвига диапазона дат. */\nexport enum EDateRangeShiftUnit {\n    DAY = \"day\",\n    WEEK = \"week\",\n    MONTH = \"month\",\n    QUARTER = \"quarter\",\n    YEAR = \"year\",\n}\n"],"names":["EDateRangeShiftUnit"],"mappings":"AACO,IAAK,wCAAAA,yBAAL;AACHA,uBAAA,KAAA,IAAM;AACNA,uBAAA,MAAA,IAAO;AACPA,uBAAA,OAAA,IAAQ;AACRA,uBAAA,SAAA,IAAU;AACVA,uBAAA,MAAA,IAAO;AALC,SAAAA;AAAA,GAAA,uBAAA,CAAA,CAAA;"}

package/components/DateRange/index.js

@@ -1,7 +1,7 @@
-import { DateRange as a } from "./DateRange.js";
-import { EDateRangeShiftUnit as r } from "./enums.js";
+import { DateRange } from "./DateRange.js";
+import { EDateRangeShiftUnit } from "./enums.js";
 export {
-  a as DateRange,
-  r as EDateRangeShiftUnit
+  DateRange,
+  EDateRangeShiftUnit
 };
 //# sourceMappingURL=index.js.map

package/components/DateRange/index.js.map

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

package/components/DesignTokens/DesignTokenUtils.js

@@ -1,82 +1,92 @@
-import { ETriplexNextTheme as i } from "../ThemeProvider/ETriplexNextTheme.js";
-import { DesignTokensCore as l } from "./DesignTokensCore.js";
-import { DesignTokensCoreThemeDark as a } from "./DesignTokensCoreThemeDark.js";
-import { DesignTokensComponents as c } from "./DesignTokensComponents.js";
-import { DesignTokensComponentsThemeDark as f } from "./DesignTokensComponentsThemeDark.js";
-import { m as T } from "../../chunks/vendor-D5cfSbgz.js";
-const n = {
-  getCSSVariableByTokenGroup: (t, s) => {
-    const e = Object.keys(t)[0], r = "triplex-next";
-    let o = "1.34.0";
-    return o = o.replace(/\./g, "-"), Object.keys(t[e]).map(
-      (m) => `--${r}-${e}-${m}-${o}: ${n.getTokenValue(
-        t[e][m],
-        s
+import { ETriplexNextTheme } from "../ThemeProvider/ETriplexNextTheme.js";
+import { DesignTokensCore } from "./DesignTokensCore.js";
+import { DesignTokensCoreThemeDark } from "./DesignTokensCoreThemeDark.js";
+import { DesignTokensComponents } from "./DesignTokensComponents.js";
+import { DesignTokensComponentsThemeDark } from "./DesignTokensComponentsThemeDark.js";
+import { m as defaultsDeep } from "../../chunks/vendor-Bco_z_Yi.js";
+const DesignTokenUtils = {
+  getCSSVariableByTokenGroup: (tokenGroup, tokens) => {
+    const tokenGroupTitle = Object.keys(tokenGroup)[0];
+    const tokenPrefix = "triplex-next";
+    let tokenVersion = "1.35.0";
+    tokenVersion = tokenVersion.replace(/\./g, "-");
+    return Object.keys(tokenGroup[tokenGroupTitle]).map(
+      (tokenTitle) => `--${tokenPrefix}-${tokenGroupTitle}-${tokenTitle}-${tokenVersion}: ${DesignTokenUtils.getTokenValue(
+        tokenGroup[tokenGroupTitle][tokenTitle],
+        tokens
       )};`
-    ).join(`
-`);
+    ).join("\n");
   },
   // Возвращает токены, которые использует компонент.
-  getComponentTokens: (t) => {
-    const s = [], e = [];
-    return Object.keys(c).forEach((r) => {
-      Object.keys(c[r]).forEach(
-        (o) => {
-          if (r === t) {
-            e.push(`${r}.${o}`);
+  getComponentTokens: (componentName) => {
+    const coreTokens = [];
+    const componentsTokens = [];
+    Object.keys(DesignTokensComponents).forEach((tokenGroup) => {
+      Object.keys(DesignTokensComponents[tokenGroup]).forEach(
+        (tokenTitle) => {
+          if (tokenGroup === componentName) {
+            componentsTokens.push(`${tokenGroup}.${tokenTitle}`);
             return;
           }
         }
       );
-    }), { components: e, core: s };
+    });
+    return { components: componentsTokens, core: coreTokens };
   },
-  getStyle: (t = i.LIGHT, s) => {
-    let e = "";
-    switch (t) {
-      case i.LIGHT: {
-        const r = T({}, s, l, c);
-        e = n.getStyleByTokens(r);
+  getStyle: (theme = ETriplexNextTheme.LIGHT, tokens) => {
+    let style = "";
+    switch (theme) {
+      case ETriplexNextTheme.LIGHT: {
+        const nextTokens = defaultsDeep({}, tokens, DesignTokensCore, DesignTokensComponents);
+        style = DesignTokenUtils.getStyleByTokens(nextTokens);
         break;
       }
-      case i.DARK: {
-        const r = T(
+      case ETriplexNextTheme.DARK: {
+        const nextTokens = defaultsDeep(
           {},
-          s,
-          a,
-          f
+          tokens,
+          DesignTokensCoreThemeDark,
+          DesignTokensComponentsThemeDark
         );
-        e = n.getStyleByTokens(r);
+        style = DesignTokenUtils.getStyleByTokens(nextTokens);
         break;
       }
     }
-    return e;
+    return style;
   },
   // Возвращает строку с css-переменными.
-  getStyleByTokens: (t) => Object.keys(t).map(
-    (e) => n.getCSSVariableByTokenGroup(
-      {
-        [e]: t[e]
-      },
-      t
-    )
-  ).join(`
-`).trim(),
+  getStyleByTokens: (tokens) => {
+    const cssList = Object.keys(tokens).map(
+      (token) => DesignTokenUtils.getCSSVariableByTokenGroup(
+        {
+          [token]: tokens[token]
+        },
+        tokens
+      )
+    );
+    return cssList.join("\n").trim();
+  },
   // Возвращает значение токена. Если токен имеет значение в виде строки, будет возвращена эта строка, если токен ссылается на другой токен, будет возвращено значение другого токена.
-  getTokenValue: (t, s) => {
-    let e = "";
-    if (t.value)
-      e = t.value;
-    else if (t.ref) {
-      const r = t.ref.split("."), o = s[r[0]][r[1]].value;
-      o ? e = o : s[r[0]][r[1]].ref && (e = n.getTokenValue(
-        s[r[0]][r[1]],
-        s
-      ));
+  getTokenValue: (tokenValue, tokens) => {
+    let value = "";
+    if (tokenValue.value) {
+      value = tokenValue.value;
+    } else if (tokenValue.ref) {
+      const refArr = tokenValue.ref.split(".");
+      const nextValue = tokens[refArr[0]][refArr[1]].value;
+      if (nextValue) {
+        value = nextValue;
+      } else if (tokens[refArr[0]][refArr[1]].ref) {
+        value = DesignTokenUtils.getTokenValue(
+          tokens[refArr[0]][refArr[1]],
+          tokens
+        );
+      }
     }
-    return e;
+    return value;
   }
 };
 export {
-  n as DesignTokenUtils
+  DesignTokenUtils
 };
 //# sourceMappingURL=DesignTokenUtils.js.map

package/components/DesignTokens/DesignTokenUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignTokenUtils.js","sources":["../../../src/components/DesignTokens/DesignTokenUtils.ts"],"sourcesContent":["import { defaultsDeep } from \"lodash-es\";\nimport {\n    TDesignTokens,\n    TDesignTokensComponentsWithIndex,\n    TDesignTokensGroupAbstract,\n    TDesignTokensPartial,\n} from \"./types/DesignTokensTypes\";\nimport { ETriplexNextTheme } from \"../ThemeProvider/ETriplexNextTheme\";\nimport { DesignTokensCore } from \"./DesignTokensCore\";\nimport { DesignTokensCoreThemeDark } from \"./DesignTokensCoreThemeDark\";\nimport { DesignTokensComponents } from \"./DesignTokensComponents\";\nimport { DesignTokensComponentsThemeDark } from \"./DesignTokensComponentsThemeDark\";\nimport { TDesignTokenValue } from \"./types/DesignTokenTypes\";\n\nexport interface IDesignTokenUtils {\n    // Возвращает строку с css-переменными группы токенов, вида `--variable-name-1: '#fff'; --variable-name-2: '#0ed'`.\n    getCSSVariableByTokenGroup: (tokenGroup: TDesignTokensGroupAbstract, tokens: TDesignTokens) => string;\n    // Возвращает токены, которые использует компонент.\n    getComponentTokens: (componentName: string) => { core: string[]; components: string[] };\n    // Возвращает строку с css-переменными на основе темы и токенов.\n    getStyle: (theme: ETriplexNextTheme | undefined, tokens: TDesignTokensPartial) => string;\n    // Возвращает строку с css-переменными.\n    getStyleByTokens: (tokens: TDesignTokens) => string;\n    // Возвращает значение токена. Если токен имеет значение в виде строки, будет возвращена эта строка, если токен ссылается на другой токен, будет возвращено значение другого токена.\n    getTokenValue: (tokenValue: TDesignTokenValue, tokens: TDesignTokens) => string;\n}\n\nexport const DesignTokenUtils: IDesignTokenUtils = {\n    getCSSVariableByTokenGroup: (tokenGroup, tokens) => {\n        const tokenGroupTitle = Object.keys(tokenGroup)[0];\n\n        const tokenPrefix = \"triplex-next\";\n        // Не объединять в одну строку  const tokenVersion = process.env.npm_package_version!.replace(/\\./g, '-');\n        // Иначе rollup не заменяет process.env.npm_package_version на значение.\n        let tokenVersion = process.env.npm_package_version;\n        tokenVersion = tokenVersion!.replace(/\\./g, \"-\");\n\n        return Object.keys(tokenGroup[tokenGroupTitle])\n            .map(\n                (tokenTitle) =>\n                    `--${tokenPrefix}-${tokenGroupTitle}-${tokenTitle}-${tokenVersion!}: ${DesignTokenUtils.getTokenValue(\n                        tokenGroup[tokenGroupTitle][tokenTitle],\n                        tokens,\n                    )};`,\n            )\n            .join(\"\\n\");\n    },\n    // Возвращает токены, которые использует компонент.\n    getComponentTokens: (componentName) => {\n        // Общие токены.\n        const coreTokens: string[] = [];\n        // Токены компонента.\n        const componentsTokens: string[] = [];\n\n        Object.keys(DesignTokensComponents).forEach((tokenGroup) => {\n            Object.keys((DesignTokensComponents as TDesignTokensComponentsWithIndex)[tokenGroup]).forEach(\n                (tokenTitle) => {\n                    // Группа токенов соответствует имени файла.\n                    if (tokenGroup === componentName) {\n                        componentsTokens.push(`${tokenGroup}.${tokenTitle}`);\n                        return;\n                    }\n                },\n            );\n        });\n\n        return { components: componentsTokens, core: coreTokens };\n    },\n\n    getStyle: (theme = ETriplexNextTheme.LIGHT, tokens) => {\n        let style = \"\";\n        switch (theme) {\n            case ETriplexNextTheme.LIGHT: {\n                const nextTokens = defaultsDeep({}, tokens, DesignTokensCore, DesignTokensComponents) as TDesignTokens;\n                style = DesignTokenUtils.getStyleByTokens(nextTokens);\n                break;\n            }\n            case ETriplexNextTheme.DARK: {\n                const nextTokens = defaultsDeep(\n                    {},\n                    tokens,\n                    DesignTokensCoreThemeDark,\n                    DesignTokensComponentsThemeDark,\n                ) as TDesignTokens;\n                style = DesignTokenUtils.getStyleByTokens(nextTokens);\n                break;\n            }\n        }\n        return style;\n    },\n    // Возвращает строку с css-переменными.\n    getStyleByTokens: (tokens) => {\n        // Convert to css variables\n        const cssList = Object.keys(tokens).map((token) =>\n            DesignTokenUtils.getCSSVariableByTokenGroup(\n                {\n                    [token]: tokens[token as keyof TDesignTokensPartial],\n                } as TDesignTokensGroupAbstract,\n                tokens,\n            ),\n        );\n\n        return cssList.join(\"\\n\").trim();\n    },\n    // Возвращает значение токена. Если токен имеет значение в виде строки, будет возвращена эта строка, если токен ссылается на другой токен, будет возвращено значение другого токена.\n    getTokenValue: (tokenValue, tokens) => {\n        let value = \"\";\n        if (tokenValue.value) {\n            value = tokenValue.value;\n        } else if (tokenValue.ref) {\n            const refArr = tokenValue.ref.split(\".\");\n            const nextValue = (tokens as TDesignTokensGroupAbstract)[refArr[0]][refArr[1]].value;\n            if (nextValue) {\n                value = nextValue;\n            } else if ((tokens as TDesignTokensGroupAbstract)[refArr[0]][refArr[1]].ref) {\n                value = DesignTokenUtils.getTokenValue(\n                    (tokens as TDesignTokensGroupAbstract)[refArr[0]][refArr[1]],\n                    tokens,\n                );\n            }\n        }\n\n        return value;\n    },\n};\n"],"names":[],"mappings":";;;;;;AA2BO,MAAM,mBAAsC;AAAA,EAC/C,4BAA4B,CAAC,YAAY,WAAW;AAChD,UAAM,kBAAkB,OAAO,KAAK,UAAU,EAAE,CAAC;AAEjD,UAAM,cAAc;AAGpB,QAAI,eAAe;AACnB,mBAAe,aAAc,QAAQ,OAAO,GAAG;AAE/C,WAAO,OAAO,KAAK,WAAW,eAAe,CAAC,EACzC;AAAA,MACG,CAAC,eACG,KAAK,WAAW,IAAI,eAAe,IAAI,UAAU,IAAI,YAAa,KAAK,iBAAiB;AAAA,QACpF,WAAW,eAAe,EAAE,UAAU;AAAA,QACtC;AAAA,MAAA,CACH;AAAA,IAAA,EAER,KAAK,IAAI;AAAA,EAClB;AAAA;AAAA,EAEA,oBAAoB,CAAC,kBAAkB;AAEnC,UAAM,aAAuB,CAAA;AAE7B,UAAM,mBAA6B,CAAA;AAEnC,WAAO,KAAK,sBAAsB,EAAE,QAAQ,CAAC,eAAe;AACxD,aAAO,KAAM,uBAA4D,UAAU,CAAC,EAAE;AAAA,QAClF,CAAC,eAAe;AAEZ,cAAI,eAAe,eAAe;AAC9B,6BAAiB,KAAK,GAAG,UAAU,IAAI,UAAU,EAAE;AACnD;AAAA,UACJ;AAAA,QACJ;AAAA,MAAA;AAAA,IAER,CAAC;AAED,WAAO,EAAE,YAAY,kBAAkB,MAAM,WAAA;AAAA,EACjD;AAAA,EAEA,UAAU,CAAC,QAAQ,kBAAkB,OAAO,WAAW;AACnD,QAAI,QAAQ;AACZ,YAAQ,OAAA;AAAA,MACJ,KAAK,kBAAkB,OAAO;AAC1B,cAAM,aAAa,aAAa,CAAA,GAAI,QAAQ,kBAAkB,sBAAsB;AACpF,gBAAQ,iBAAiB,iBAAiB,UAAU;AACpD;AAAA,MACJ;AAAA,MACA,KAAK,kBAAkB,MAAM;AACzB,cAAM,aAAa;AAAA,UACf,CAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAEJ,gBAAQ,iBAAiB,iBAAiB,UAAU;AACpD;AAAA,MACJ;AAAA,IAAA;AAEJ,WAAO;AAAA,EACX;AAAA;AAAA,EAEA,kBAAkB,CAAC,WAAW;AAE1B,UAAM,UAAU,OAAO,KAAK,MAAM,EAAE;AAAA,MAAI,CAAC,UACrC,iBAAiB;AAAA,QACb;AAAA,UACI,CAAC,KAAK,GAAG,OAAO,KAAmC;AAAA,QAAA;AAAA,QAEvD;AAAA,MAAA;AAAA,IACJ;AAGJ,WAAO,QAAQ,KAAK,IAAI,EAAE,KAAA;AAAA,EAC9B;AAAA;AAAA,EAEA,eAAe,CAAC,YAAY,WAAW;AACnC,QAAI,QAAQ;AACZ,QAAI,WAAW,OAAO;AAClB,cAAQ,WAAW;AAAA,IACvB,WAAW,WAAW,KAAK;AACvB,YAAM,SAAS,WAAW,IAAI,MAAM,GAAG;AACvC,YAAM,YAAa,OAAsC,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE;AAC/E,UAAI,WAAW;AACX,gBAAQ;AAAA,MACZ,WAAY,OAAsC,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK;AACzE,gBAAQ,iBAAiB;AAAA,UACpB,OAAsC,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;AAAA,UAC3D;AAAA,QAAA;AAAA,MAER;AAAA,IACJ;AAEA,WAAO;AAAA,EACX;AACJ;"}