@sberbusiness/triplex-next 1.3.0 → 1.5.0

package/components/DatePickerExtended/DatePickerExtended.js

@@ -0,0 +1,136 @@
+import { jsx as p, jsxs as q } from "react/jsx-runtime";
+import G, { useState as I, useRef as m, useEffect as J } from "react";
+import { isKey as Q } from "../../utils/keyboard.js";
+import { Calendar as W } from "../Calendar/Calendar.js";
+import "../Dropdown/Dropdown.js";
+import "../Dropdown/DropdownListContext.js";
+import "../Dropdown/desktop/DropdownDesktop.js";
+import "../Dropdown/desktop/DropdownList.js";
+import "../../chunks/DropdownListItem-SqymKZn5.js";
+import "../Dropdown/mobile/DropdownMobile.js";
+import "../Dropdown/mobile/DropdownMobileBody.js";
+import "../Dropdown/mobile/DropdownMobileClose.js";
+import "../Dropdown/mobile/DropdownMobileFooter.js";
+import "../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";
+import { EComponentSize as X } from "../../enums/EComponentSize.js";
+import { EDropdownAlignment as Y } from "../Dropdown/enums.js";
+import { DatePickerExtendedContext as Z } from "./DatePickerExtendedContext.js";
+import { DatePickerExtendedDropdown as $ } from "./DatePickerExtendedDropdown.js";
+const ee = G.forwardRef((l, r) => {
+  const {
+    // Dropdown props
+    alignment: D = Y.LEFT,
+    focusTrapProps: w,
+    // Calendar props
+    pickType: g,
+    format: P,
+    defaultViewDate: C,
+    onViewChange: h,
+    onPageChange: y,
+    pickedDate: E,
+    limitRange: k,
+    markedDays: x,
+    disabledDays: R,
+    reversedPick: v,
+    dayHtmlAttributes: O,
+    monthHtmlAttributes: T,
+    yearHtmlAttributes: A,
+    prevButtonProps: H,
+    nextButtonProps: b,
+    viewButtonProps: B,
+    todayButtonProps: L,
+    onDateChange: M,
+    // Other
+    renderTarget: S,
+    renderDropdownHeaderTarget: j,
+    onKeyDown: i,
+    onMouseDown: a,
+    onDropdownOpen: z,
+    onDropdownClose: K,
+    ...V
+  } = l, [t, o] = I(!1), s = m(null), c = m(null), d = m(!1);
+  J(() => {
+    const e = (n) => {
+      var f, u;
+      !((f = s.current) != null && f.contains(n.target)) && !((u = c.current) != null && u.contains(n.target)) && o(!1);
+    };
+    if (t)
+      return document.addEventListener("mousedown", e), () => {
+        document.removeEventListener("mousedown", e);
+      };
+    d.current = !1;
+  }, [t]);
+  const _ = (e) => {
+    const n = e.code || e.keyCode;
+    Q(n, "ESCAPE") && t && o(!1), i == null || i(e);
+  }, F = (e) => {
+    d.current = !0, a == null || a(e);
+  }, N = (e) => /* @__PURE__ */ p(
+    W,
+    {
+      defaultViewDate: C,
+      pickedDate: E,
+      pickType: g,
+      format: P,
+      limitRange: k,
+      markedDays: x,
+      disabledDays: R,
+      reversedPick: v,
+      adaptiveMode: e,
+      onDateChange: U,
+      onPageChange: y,
+      onViewChange: h,
+      dayHtmlAttributes: O,
+      monthHtmlAttributes: T,
+      yearHtmlAttributes: A,
+      prevButtonProps: H,
+      nextButtonProps: b,
+      viewButtonProps: B,
+      todayButtonProps: L
+    }
+  ), U = (e) => {
+    o(!1), M(e);
+  };
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      onKeyDown: _,
+      onMouseDown: F,
+      ...V,
+      "data-tx": "1.5.0",
+      ref: (e) => {
+        s.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
+      },
+      children: /* @__PURE__ */ q(Z.Provider, { value: { dropdownOpen: t, mouseUsedRef: d, setDropdownOpen: o }, children: [
+        S(),
+        /* @__PURE__ */ p(
+          $,
+          {
+            opened: t,
+            size: X.MD,
+            alignment: D,
+            targetRef: s,
+            focusTrapProps: w,
+            renderCalendar: N,
+            renderHeaderTarget: j,
+            setOpened: o,
+            onOpen: z,
+            onClose: K,
+            ref: c
+          }
+        )
+      ] })
+    }
+  );
+});
+ee.displayName = "DatePickerExtended";
+export {
+  ee as DatePickerExtended
+};
+//# sourceMappingURL=DatePickerExtended.js.map

package/components/DatePickerExtended/DatePickerExtendedContext.js

@@ -0,0 +1,11 @@
+import e from "react";
+const o = e.createContext({
+  dropdownOpen: !1,
+  mouseUsedRef: { current: !1 },
+  setDropdownOpen: () => {
+  }
+});
+export {
+  o as DatePickerExtendedContext
+};
+//# sourceMappingURL=DatePickerExtendedContext.js.map

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -0,0 +1,63 @@
+import { jsx as e, jsxs as i, Fragment as m } from "react/jsx-runtime";
+import f, { useContext as u } from "react";
+import { n as D } from "../../chunks/vendor-9KVE23Ri.js";
+import { Dropdown as w } from "../Dropdown/Dropdown.js";
+import { DatePickerExtendedContext as x } 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 "../Dropdown/mobile/DropdownMobileFooter.js";
+import { DropdownMobileHeader as M } 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__f46d6c9c", E = {
+  datePickerExtendedMobileDropdown: h
+}, C = f.forwardRef(
+  (d, c) => {
+    const { children: P, targetRef: o, setOpened: a, renderHeaderTarget: p, renderCalendar: t, focusTrapProps: r, ...s } = d, { mouseUsedRef: n, setDropdownOpen: l } = u(x);
+    return /* @__PURE__ */ e(
+      w,
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        targetRef: o,
+        mobileViewProps: {
+          children: /* @__PURE__ */ i(m, { children: [
+            /* @__PURE__ */ i(M, { children: [
+              p(),
+              /* @__PURE__ */ e(k, { onClick: () => l(!1) })
+            ] }),
+            /* @__PURE__ */ e(b, { children: t(!0) })
+          ] }),
+          className: E.datePickerExtendedMobileDropdown
+        },
+        setOpened: a,
+        ...s,
+        ref: c,
+        children: /* @__PURE__ */ e(
+          D.FocusTrap,
+          {
+            ...r,
+            focusTrapOptions: {
+              clickOutsideDeactivates: !0,
+              fallbackFocus: o.current,
+              initialFocus: !n.current && void 0,
+              returnFocusOnDeactivate: !n.current,
+              ...r == null ? void 0 : r.focusTrapOptions
+            },
+            children: /* @__PURE__ */ e("div", { role: "presentation", children: t(!1) })
+          }
+        )
+      }
+    );
+  }
+);
+C.displayName = "DatePickerExtendedDropdown";
+export {
+  C as DatePickerExtendedDropdown
+};
+//# sourceMappingURL=DatePickerExtendedDropdown.js.map

package/components/DesignTokens/DesignTokenUtils.js

@@ -3,11 +3,11 @@ import { DesignTokensCore as m } 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 { h as l } from "../../chunks/vendor-CehxOAkM.js";
+import { j as l } from "../../chunks/vendor-9KVE23Ri.js";
 const n = {
   getCSSVariableByTokenGroup: (t, s) => {
     const e = Object.keys(t)[0], r = "triplex-next";
-    let o = "1.3.0";
+    let o = "1.5.0";
     return o = o.replace(/\./g, "-"), Object.keys(t[e]).map(
       (T) => `--${r}-${e}-${T}-${o}: ${n.getTokenValue(
         t[e][T],

package/components/DesignTokens/DesignTokensComponents.js

@@ -1,140 +1,161 @@
 import { ETriplexNextTheme as o } from "../ThemeProvider/ETriplexNextTheme.js";
 import { GetTokensValueByTheme as r } from "./GetTokensValueByTheme.js";
 import { Button_Tokens as e } from "./components/Button.js";
-import { Checkbox_Tokens as t } from "./components/Checkbox.js";
-import { FormField_Tokens as m } from "./components/FormField.js";
-import { Link_Tokens as T } from "./components/Link.js";
-import { Tabs_Tokens as n } from "./components/Tabs.js";
-import { TabsLine_Tokens as i } from "./components/TabsLine.js";
-import { Loader_Tokens as s } from "./components/Loader.js";
-import { LoaderScreen_Tokens as p } from "./components/LoaderScreen.js";
-import { Radio_Tokens as L } from "./components/Radio.js";
+import { Calendar_Tokens as t } from "./components/Calendar.js";
+import { Checkbox_Tokens as m } from "./components/Checkbox.js";
+import { FormField_Tokens as T } from "./components/FormField.js";
+import { Link_Tokens as n } from "./components/Link.js";
+import { Tabs_Tokens as i } from "./components/Tabs.js";
+import { TabsLine_Tokens as s } from "./components/TabsLine.js";
+import { Loader_Tokens as p } from "./components/Loader.js";
+import { LoaderScreen_Tokens as L } from "./components/LoaderScreen.js";
+import { Radio_Tokens as a } from "./components/Radio.js";
 import { Typography_Tokens as k } from "./components/Typography.js";
-import { Tooltip_Tokens as a } from "./components/Tooltip.js";
-import { AlertContext_Tokens as I } from "./components/AlertContext.js";
-import { AlertProcess_Tokens as f } from "./components/AlertProcess.js";
-import { Divider_Tokens as H } from "./components/Divider.js";
-import { Dropdown_Tokens as G } from "./components/Dropdown.js";
-import { DropdownList_Tokens as _ } from "./components/DropdownList.js";
-import { DropdownMobile_Tokens as d } from "./components/DropdownMobile.js";
-import { DropdownMobileList_Tokens as l } from "./components/DropdownMobileList.js";
+import { Tooltip_Tokens as I } from "./components/Tooltip.js";
+import { AlertContext_Tokens as f } from "./components/AlertContext.js";
+import { AlertProcess_Tokens as H } from "./components/AlertProcess.js";
+import { Divider_Tokens as G } from "./components/Divider.js";
+import { Dropdown_Tokens as _ } from "./components/Dropdown.js";
+import { DropdownList_Tokens as d } from "./components/DropdownList.js";
+import { DropdownMobile_Tokens as l } from "./components/DropdownMobile.js";
+import { DropdownMobileList_Tokens as S } from "./components/DropdownMobileList.js";
 import { Overlay_Tokens as g } from "./components/Overlay.js";
-import { ListItem_Tokens as C } from "./components/ListItem.js";
-import { ListItemControlsButton_Tokens as S } from "./components/ListItemControlsButton.js";
-import { ListMaster_Tokens as b } from "./components/ListMaster.js";
-import { Marker_Tokens as c } from "./components/Marker.js";
-import { MarkerStatus_Tokens as D } from "./components/MarkerStatus.js";
-import { Page_Tokens as M } from "./components/Page.js";
-import { UploadZone_Tokens as P } from "./components/UploadZone.js";
+import { ListItem_Tokens as c } from "./components/ListItem.js";
+import { ListItemControlsButton_Tokens as C } from "./components/ListItemControlsButton.js";
+import { ListMaster_Tokens as M } from "./components/ListMaster.js";
+import { Marker_Tokens as b } from "./components/Marker.js";
+import { MarkerStatus_Tokens as u } from "./components/MarkerStatus.js";
+import { UploadZone_Tokens as D } from "./components/UploadZone.js";
 import { Pagination_Tokens as h } from "./components/Pagination.js";
 import { Card_Tokens as w } from "./components/Card.js";
-import { Skeleton_Tokens as u } from "./components/Skeleton.js";
-import { SegmentedControl_Tokens as x } from "./components/SegmentedControl.js";
-import { SegmentedControlSegment_Tokens as y } from "./components/SegmentedControlSegment.js";
-import { Stepper_Tokens as B } from "./components/Stepper.js";
-import { HeaderPage_Tokens as F } from "./components/HeaderPage.js";
-import { FooterPage_Tokens as v } from "./components/FooterPage.js";
-import { Island_Tokens as A } from "./components/Island.js";
-import { TableBasic_Tokens as N } from "./components/TableBasic.js";
-import { Chip_Tokens as O } from "./components/Chip.js";
-import { Tag_Tokens as R } from "./components/Tag.js";
-import { Notification_Tokens as U } from "./components/Notification.js";
-const wo = {
+import { Skeleton_Tokens as x } from "./components/Skeleton.js";
+import { SegmentedControl_Tokens as B } from "./components/SegmentedControl.js";
+import { SegmentedControlSegment_Tokens as P } from "./components/SegmentedControlSegment.js";
+import { Stepper_Tokens as y } from "./components/Stepper.js";
+import { HeaderPage_Tokens as A } from "./components/HeaderPage.js";
+import { FooterPage_Tokens as F } from "./components/FooterPage.js";
+import { Island_Tokens as v } from "./components/Island.js";
+import { IslandAccordion_Tokens as N } from "./components/IslandAccordion.js";
+import { TableBasic_Tokens as O } from "./components/TableBasic.js";
+import { Chip_Tokens as R } from "./components/Chip.js";
+import { LightBox_Tokens as U } from "./components/LightBox.js";
+import { Tag_Tokens as W } from "./components/Tag.js";
+import { Notification_Tokens as Z } from "./components/Notification.js";
+import { SMSInput_Tokens as E } from "./components/SMSInput.js";
+import { StatusTracker_Tokens as V } from "./components/StatusTracker.js";
+import { Step_Tokens as j } from "./components/Step.js";
+import { ModalWindow_Tokens as q } from "./components/ModalWindow.js";
+const Wo = {
   AlertContext: r(
     o.LIGHT,
-    I
+    f
   ),
   AlertProcess: r(
     o.LIGHT,
-    f
+    H
   ),
   Button: r(o.LIGHT, e),
+  Calendar: r(o.LIGHT, t),
   Card: r(o.LIGHT, w),
-  Checkbox: r(o.LIGHT, t),
-  Chip: r(o.LIGHT, O),
-  Divider: r(o.LIGHT, H),
-  Dropdown: r(o.LIGHT, G),
+  Checkbox: r(o.LIGHT, m),
+  Chip: r(o.LIGHT, R),
+  Divider: r(o.LIGHT, G),
+  Dropdown: r(o.LIGHT, _),
   DropdownList: r(
     o.LIGHT,
-    _
+    d
   ),
   DropdownMobile: r(
     o.LIGHT,
-    d
+    l
   ),
   DropdownMobileList: r(
     o.LIGHT,
-    l
+    S
   ),
   FooterPage: r(
     o.LIGHT,
-    v
+    F
   ),
-  FormField: r(o.LIGHT, m),
+  FormField: r(o.LIGHT, T),
   HeaderPage: r(
     o.LIGHT,
-    F
+    A
+  ),
+  Island: r(o.LIGHT, v),
+  IslandAccordion: r(
+    o.LIGHT,
+    N
   ),
-  Island: r(o.LIGHT, A),
-  Link: r(o.LIGHT, T),
-  ListItem: r(o.LIGHT, C),
+  Link: r(o.LIGHT, n),
+  ListItem: r(o.LIGHT, c),
   ListItemControlsButton: r(
     o.LIGHT,
-    S
+    C
   ),
   ListMaster: r(
     o.LIGHT,
-    b
+    M
   ),
-  Loader: r(o.LIGHT, s),
+  Loader: r(o.LIGHT, p),
   LoaderScreen: r(
     o.LIGHT,
-    p
+    L
   ),
-  Marker: r(o.LIGHT, c),
+  Marker: r(o.LIGHT, b),
   MarkerStatus: r(
     o.LIGHT,
-    D
+    u
   ),
   Overlay: r(o.LIGHT, g),
-  Page: r(o.LIGHT, M),
   Pagination: r(
     o.LIGHT,
     h
   ),
-  Radio: r(o.LIGHT, L),
+  Radio: r(o.LIGHT, a),
   SegmentedControl: r(
     o.LIGHT,
-    x
+    B
   ),
   SegmentedControlSegment: r(
     o.LIGHT,
-    y
+    P
   ),
-  Skeleton: r(o.LIGHT, u),
-  Stepper: r(o.LIGHT, B),
+  Skeleton: r(o.LIGHT, x),
+  SMSInput: r(o.LIGHT, E),
+  Step: r(o.LIGHT, j),
+  Stepper: r(o.LIGHT, y),
   TableBasic: r(
     o.LIGHT,
-    N
+    O
   ),
-  Tabs: r(o.LIGHT, n),
-  Tag: r(o.LIGHT, R),
-  TabsLine: r(o.LIGHT, i),
-  Tooltip: r(o.LIGHT, a),
+  Tabs: r(o.LIGHT, i),
+  Tag: r(o.LIGHT, W),
+  TabsLine: r(o.LIGHT, s),
+  Tooltip: r(o.LIGHT, I),
   Typography: r(
     o.LIGHT,
     k
   ),
   UploadZone: r(
     o.LIGHT,
-    P
+    D
   ),
+  LightBox: r(o.LIGHT, U),
   Notification: r(
     o.LIGHT,
-    U
+    Z
+  ),
+  StatusTracker: r(
+    o.LIGHT,
+    V
+  ),
+  ModalWindow: r(
+    o.LIGHT,
+    q
   )
 };
 export {
-  wo as DesignTokensComponents
+  Wo as DesignTokensComponents
 };
 //# sourceMappingURL=DesignTokensComponents.js.map