@smwb/ui-react 2.0.0

package/dist/components/inputs/datePicker/datePickerList.d.ts

@@ -0,0 +1,11 @@
+interface Item {
+    label: string;
+    value: number;
+}
+export interface DataPickerListProps {
+    value: number;
+    items: Item[];
+    onChange: (value: number) => void;
+}
+export declare function DatePickerList({ value: valueProp, items, onChange }: DataPickerListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/inputs/datePicker/datePickerList.js

@@ -0,0 +1,38 @@
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import o from "react";
+import { useSafeLayoutEffect as a } from "../../../hooks/useSafeLayoutEffect.js";
+import { Icon as p } from "../../base/icon/icon.js";
+import { MenuItem as k } from "../../navigation/menu/menuItem.js";
+import { MenuItemIcon as I } from "../../navigation/menu/menuItemIcon.js";
+import { MenuItemText as w } from "../../navigation/menu/menuItemText.js";
+function T({ value: m, items: l, onChange: c }) {
+  const s = o.useRef(null), i = o.useRef(null);
+  a(() => {
+    if (s.current && i.current) {
+      const e = (s.current.offsetHeight - i.current.offsetHeight) / 2;
+      s.current.scrollTop = i.current.offsetTop - e;
+    }
+  });
+  const n = o.useCallback(
+    (e) => () => {
+      c == null || c(e);
+    },
+    [c]
+  ), u = o.useCallback(
+    (e) => (t) => {
+      m === e && (i.current = t);
+    },
+    [m]
+  );
+  return /* @__PURE__ */ r("div", { className: "smwb-date-picker__overflow", ref: s, "data-testid": "date-picker-list", children: /* @__PURE__ */ r("ul", { className: "smwb-date-picker__list", children: l.map(({ label: e, value: t }) => {
+    const f = m === t;
+    return /* @__PURE__ */ d(k, { selected: f, onClick: n(t), ref: u(t), children: [
+      f && /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(p, { name: "check", weight: 500, size: 24 }) }),
+      /* @__PURE__ */ r(w, { className: "smwb-date-picker__list-item", inset: !f, children: e })
+    ] }, t);
+  }) }) });
+}
+export {
+  T as DatePickerList
+};
+//# sourceMappingURL=datePickerList.js.map

package/dist/components/inputs/datePicker/datePickerList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePickerList.js","sources":["../../../../src/components/inputs/datePicker/datePickerList.tsx"],"sourcesContent":["import React from \"react\";\nimport { MenuItem, MenuItemIcon, MenuItemText } from \"../../navigation/menu\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport Icon from \"../../base/icon/icon\";\n\ninterface Item {\n  label: string;\n  value: number;\n}\n\nexport interface DataPickerListProps {\n  value: number;\n  items: Item[];\n  onChange: (value: number) => void;\n}\n\nexport function DatePickerList({ value: valueProp, items, onChange }: DataPickerListProps) {\n  const overflowRef = React.useRef<HTMLDivElement>(null);\n  const selectedItemRef = React.useRef<HTMLLIElement>(null);\n\n  useSafeLayoutEffect(() => {\n    if (overflowRef.current && selectedItemRef.current) {\n      const middle = (overflowRef.current.offsetHeight - selectedItemRef.current.offsetHeight) / 2;\n\n      // Прокрутит до элемента середины списка\n      overflowRef.current.scrollTop = selectedItemRef.current.offsetTop - middle;\n    }\n  });\n\n  const onItemClick = React.useCallback(\n    (value: number) => () => {\n      onChange?.(value);\n    },\n    [onChange]\n  );\n\n  const setRef = React.useCallback(\n    (value: number) => (element: HTMLLIElement) => {\n      if (valueProp === value) {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore Мутабельный объект\n        selectedItemRef.current = element;\n      }\n    },\n    [valueProp]\n  );\n\n  return (\n    <div className=\"smwb-date-picker__overflow\" ref={overflowRef} data-testid=\"date-picker-list\">\n      <ul className=\"smwb-date-picker__list\">\n        {items.map(({ label, value }) => {\n          const isSelected = valueProp === value;\n\n          return (\n            <MenuItem key={value} selected={isSelected} onClick={onItemClick(value)} ref={setRef(value)}>\n              {isSelected && (\n                <MenuItemIcon>\n                  <Icon name=\"check\" weight={500} size={24} />\n                </MenuItemIcon>\n              )}\n              <MenuItemText className=\"smwb-date-picker__list-item\" inset={!isSelected}>\n                {label}\n              </MenuItemText>\n            </MenuItem>\n          );\n        })}\n      </ul>\n    </div>\n  );\n}\n"],"names":["DatePickerList","valueProp","items","onChange","overflowRef","React","selectedItemRef","useSafeLayoutEffect","middle","onItemClick","value","setRef","element","jsx","label","isSelected","jsxs","MenuItem","MenuItemIcon","Icon","MenuItemText"],"mappings":";;;;;;;AAgBO,SAASA,EAAe,EAAE,OAAOC,GAAW,OAAAC,GAAO,UAAAC,KAAiC;AACzF,QAAMC,IAAcC,EAAM,OAAuB,IAAI,GAC/CC,IAAkBD,EAAM,OAAsB,IAAI;AAExD,EAAAE,EAAoB,MAAM;AACxB,QAAIH,EAAY,WAAWE,EAAgB,SAAS;AAClD,YAAME,KAAUJ,EAAY,QAAQ,eAAeE,EAAgB,QAAQ,gBAAgB;AAG3F,MAAAF,EAAY,QAAQ,YAAYE,EAAgB,QAAQ,YAAYE;AAAA,IACtE;AAAA,EACF,CAAC;AAED,QAAMC,IAAcJ,EAAM;AAAA,IACxB,CAACK,MAAkB,MAAM;AACvB,MAAAP,KAAA,QAAAA,EAAWO;AAAA,IACb;AAAA,IACA,CAACP,CAAQ;AAAA,EAAA,GAGLQ,IAASN,EAAM;AAAA,IACnB,CAACK,MAAkB,CAACE,MAA2B;AAC7C,MAAIX,MAAcS,MAGhBJ,EAAgB,UAAUM;AAAA,IAE9B;AAAA,IACA,CAACX,CAAS;AAAA,EAAA;AAGZ,2BACG,OAAA,EAAI,WAAU,8BAA6B,KAAKG,GAAa,eAAY,oBACxE,UAAA,gBAAAS,EAAC,MAAA,EAAG,WAAU,0BACX,UAAAX,EAAM,IAAI,CAAC,EAAE,OAAAY,GAAO,OAAAJ,QAAY;AAC/B,UAAMK,IAAad,MAAcS;AAEjC,WACE,gBAAAM,EAACC,GAAA,EAAqB,UAAUF,GAAY,SAASN,EAAYC,CAAK,GAAG,KAAKC,EAAOD,CAAK,GACvF,UAAA;AAAA,MAAAK,KACC,gBAAAF,EAACK,GAAA,EACC,UAAA,gBAAAL,EAACM,GAAA,EAAK,MAAK,SAAQ,QAAQ,KAAK,MAAM,GAAA,CAAI,EAAA,CAC5C;AAAA,wBAEDC,GAAA,EAAa,WAAU,+BAA8B,OAAO,CAACL,GAC3D,UAAAD,EAAA,CACH;AAAA,IAAA,EAAA,GARaJ,CASf;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;"}

package/dist/components/inputs/datePicker/index.d.ts

@@ -0,0 +1,16 @@
+export { default as DatePicker, OpenView } from "./datePicker";
+export type { DatePickerProps } from "./datePicker";
+export { DataPickerDays } from "./dataPickerDays";
+export type { DataPickerDaysProps } from "./dataPickerDays";
+export { DataPickerHeader } from "./dataPickerHeader";
+export type { DataPickerHeaderProps } from "./dataPickerHeader";
+export { DataPickerInput } from "./dataPickerInput";
+export type { DataPickerInputProps } from "./dataPickerInput";
+export { DatePickerActionLabel } from "./datePickerActionLabel";
+export type { ActionLabelProp } from "./datePickerActionLabel";
+export { DatePickerIconButton } from "./datePickerIconButton";
+export type { DataPickerIconButtonProps } from "./datePickerIconButton";
+export { DatePickerList } from "./datePickerList";
+export type { DataPickerListProps } from "./datePickerList";
+export type { UseDateInputProps } from "./useDateInput";
+export { useDateInput } from "./useDateInput";

package/dist/components/inputs/datePicker/useDateInput.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { DatePickerProps } from "./datePicker";
+export type UseDateInputProps = Pick<DatePickerProps, "value" | "onChange" | "onBlur"> & {
+    /** Date format pattern with tokens dd, MM, yyyy (e.g. "dd/MM/yyyy"). Defaults to the system locale. */
+    format?: string;
+};
+interface UseDateInputReturn {
+    value: string;
+    onChange: React.ChangeEventHandler;
+    onBlur: React.ChangeEventHandler;
+    placeholder: string;
+}
+export declare function useDateInput({ value: valueProp, onChange: onChangeProp, onBlur: onBlurProp, format, }: UseDateInputProps): UseDateInputReturn;
+export {};

package/dist/components/inputs/datePicker/useDateInput.js

@@ -0,0 +1,35 @@
+import R, { useMemo as o, useState as S, useRef as b, useCallback as w } from "react";
+import { useRifm as x } from "rifm";
+import { getCurrentFormatDate as l, getDisplayDate as u, getMaskFormat as E, maskedDateFormatter as I, isDateMatch as g, getDateByFormat as F } from "./utils.js";
+const L = l();
+function z({
+  value: s,
+  onChange: c,
+  onBlur: i,
+  format: t
+}) {
+  const n = o(() => t ? l(t) : L, [t]), [k, a] = S(u(s, t)), d = o(() => E(t), [t]), y = o(() => I(d), [d]), r = b(void 0);
+  R.useEffect(() => {
+    const e = s !== r.current;
+    r.current = s, e && a(u(s, t));
+  }, [s, t]);
+  const C = (e) => {
+    a(e), c && (g(e, n) ? c(void 0, F(e, n)) : e === "" && c(void 0));
+  }, V = w(() => {
+    var e, m, f, D;
+    i && (g((m = (e = r.current) == null ? void 0 : e.toString()) != null ? m : "", n) ? i(void 0, F((D = (f = r.current) == null ? void 0 : f.toString()) != null ? D : "", n)) : r.current === "" && i(void 0), a(u(s, t)));
+  }, [i, s, t, n]), h = x({
+    value: k,
+    onChange: C,
+    format: y
+  }), M = n.toLowerCase();
+  return {
+    ...h,
+    onBlur: V,
+    placeholder: M
+  };
+}
+export {
+  z as useDateInput
+};
+//# sourceMappingURL=useDateInput.js.map

package/dist/components/inputs/datePicker/useDateInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDateInput.js","sources":["../../../../src/components/inputs/datePicker/useDateInput.ts"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from \"react\";\nimport { useRifm } from \"rifm\";\nimport {\n  getDateByFormat,\n  isDateMatch,\n  getDisplayDate,\n  getMaskFormat,\n  getCurrentFormatDate,\n  maskedDateFormatter,\n} from \"./utils\";\nimport { DatePickerProps } from \"./datePicker\";\n\nexport type UseDateInputProps = Pick<DatePickerProps, \"value\" | \"onChange\" | \"onBlur\"> & {\n  /** Date format pattern with tokens dd, MM, yyyy (e.g. \"dd/MM/yyyy\"). Defaults to the system locale. */\n  format?: string;\n};\n\ninterface UseDateInputReturn {\n  value: string;\n  onChange: React.ChangeEventHandler;\n  onBlur: React.ChangeEventHandler;\n  placeholder: string;\n}\n\n// Формат даты для текущей локали, например ru — dd.MM.yyyy, en — MM/dd/yyyy\nconst defaultFormatDate = getCurrentFormatDate();\n\nexport function useDateInput({\n  value: valueProp,\n  onChange: onChangeProp,\n  onBlur: onBlurProp,\n  format,\n}: UseDateInputProps): UseDateInputReturn {\n  const currentFormatDate = useMemo(() => (format ? getCurrentFormatDate(format) : defaultFormatDate), [format]);\n  const [displayedValue, setDisplayedValue] = useState(getDisplayDate(valueProp, format));\n\n  // Получаем маску даты для текущей локали\n  const maskFormat = useMemo(() => getMaskFormat(format), [format]);\n  // Форматирование для выходного значения в поле\n  const formatter = useMemo(() => maskedDateFormatter(maskFormat), [maskFormat]);\n\n  const prevValue = useRef<UseDateInputProps[\"value\"]>(undefined);\n\n  React.useEffect(() => {\n    const isValueChanged = valueProp !== prevValue.current;\n    prevValue.current = valueProp;\n\n    if (!isValueChanged) {\n      return;\n    }\n\n    setDisplayedValue(getDisplayDate(valueProp, format));\n  }, [valueProp, format]);\n\n  const onChange = (value: string) => {\n    setDisplayedValue(value);\n\n    if (!onChangeProp) {\n      return;\n    }\n\n    if (isDateMatch(value, currentFormatDate)) {\n      onChangeProp(undefined, getDateByFormat(value, currentFormatDate));\n    } else if (value === \"\") {\n      onChangeProp(undefined);\n    }\n  };\n\n  const onBlur = useCallback(() => {\n    if (!onBlurProp) {\n      return;\n    }\n\n    if (isDateMatch(prevValue.current?.toString() ?? \"\", currentFormatDate)) {\n      onBlurProp(undefined, getDateByFormat(prevValue.current?.toString() ?? \"\", currentFormatDate));\n    } else if (prevValue.current === \"\") {\n      onBlurProp(undefined);\n    }\n\n    setDisplayedValue(getDisplayDate(valueProp, format));\n  }, [onBlurProp, valueProp, format, currentFormatDate]);\n\n  const rifmProps = useRifm({\n    value: displayedValue,\n    onChange,\n    format: formatter,\n  });\n\n  const placeholder = currentFormatDate.toLowerCase();\n\n  return {\n    ...rifmProps,\n    onBlur,\n    placeholder,\n  };\n}\n"],"names":["defaultFormatDate","getCurrentFormatDate","useDateInput","valueProp","onChangeProp","onBlurProp","format","currentFormatDate","useMemo","displayedValue","setDisplayedValue","useState","getDisplayDate","maskFormat","getMaskFormat","formatter","maskedDateFormatter","prevValue","useRef","React","isValueChanged","onChange","value","isDateMatch","getDateByFormat","onBlur","useCallback","_b","_a","_d","_c","rifmProps","useRifm","placeholder"],"mappings":";;;AAyBA,MAAMA,IAAoBC,EAAA;AAEnB,SAASC,EAAa;AAAA,EAC3B,OAAOC;AAAA,EACP,UAAUC;AAAA,EACV,QAAQC;AAAA,EACR,QAAAC;AACF,GAA0C;AACxC,QAAMC,IAAoBC,EAAQ,MAAOF,IAASL,EAAqBK,CAAM,IAAIN,GAAoB,CAACM,CAAM,CAAC,GACvG,CAACG,GAAgBC,CAAiB,IAAIC,EAASC,EAAeT,GAAWG,CAAM,CAAC,GAGhFO,IAAaL,EAAQ,MAAMM,EAAcR,CAAM,GAAG,CAACA,CAAM,CAAC,GAE1DS,IAAYP,EAAQ,MAAMQ,EAAoBH,CAAU,GAAG,CAACA,CAAU,CAAC,GAEvEI,IAAYC,EAAmC,MAAS;AAE9D,EAAAC,EAAM,UAAU,MAAM;AACpB,UAAMC,IAAiBjB,MAAcc,EAAU;AAG/C,IAFAA,EAAU,UAAUd,GAEfiB,KAILV,EAAkBE,EAAeT,GAAWG,CAAM,CAAC;AAAA,EACrD,GAAG,CAACH,GAAWG,CAAM,CAAC;AAEtB,QAAMe,IAAW,CAACC,MAAkB;AAGlC,IAFAZ,EAAkBY,CAAK,GAElBlB,MAIDmB,EAAYD,GAAOf,CAAiB,IACtCH,EAAa,QAAWoB,EAAgBF,GAAOf,CAAiB,CAAC,IACxDe,MAAU,MACnBlB,EAAa,MAAS;AAAA,EAE1B,GAEMqB,IAASC,EAAY,MAAM;;AAC/B,IAAKrB,MAIDkB,GAAYI,KAAAC,IAAAX,EAAU,YAAV,gBAAAW,EAAmB,eAAnB,OAAAD,IAAiC,IAAIpB,CAAiB,IACpEF,EAAW,QAAWmB,GAAgBK,KAAAC,IAAAb,EAAU,YAAV,gBAAAa,EAAmB,eAAnB,OAAAD,IAAiC,IAAItB,CAAiB,CAAC,IACpFU,EAAU,YAAY,MAC/BZ,EAAW,MAAS,GAGtBK,EAAkBE,EAAeT,GAAWG,CAAM,CAAC;AAAA,EACrD,GAAG,CAACD,GAAYF,GAAWG,GAAQC,CAAiB,CAAC,GAE/CwB,IAAYC,EAAQ;AAAA,IACxB,OAAOvB;AAAA,IACP,UAAAY;AAAA,IACA,QAAQN;AAAA,EAAA,CACT,GAEKkB,IAAc1B,EAAkB,YAAA;AAEtC,SAAO;AAAA,IACL,GAAGwB;AAAA,IACH,QAAAN;AAAA,IACA,aAAAQ;AAAA,EAAA;AAEJ;"}

package/dist/components/inputs/datePicker/utils.d.ts

@@ -0,0 +1,37 @@
+export declare function startOfWeek(date: Date, weekStart?: number): Date;
+export declare function endOfWeek(date: Date, weekStart?: number): Date;
+export declare function eachDayOfInterval(start: Date, end: Date): Date[];
+export declare const getDayNames: (now: Date, weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6, locale?: string) => string[];
+export declare function startOfMonth(date: Date): Date;
+export declare function endOfMonth(date: Date): Date;
+export declare function isBefore(date1: Date, date2: Date): boolean;
+export declare function isAfter(date1: Date, date2: Date): boolean;
+export declare function addDays(date: Date, days: number): Date;
+export declare const getWeeks: (date: Date, weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6) => Date[][];
+export declare function isSameMonth(date1: Date, date2: Date): boolean;
+export declare function resetTime(date: Date): Date;
+export declare function setMaxTime(date: Date): Date;
+export declare function isSameDay(date1: Date, date2: Date): boolean;
+export declare function addMonths(date: Date, months: number): Date;
+export declare function addYears(date: Date, years: number): Date;
+export declare function endOfDay(date: Date): Date;
+export declare function startOfDay(date: Date): Date;
+export declare function getMonths(locale?: string): {
+    value: number;
+    label: string;
+}[];
+export declare function setMonth(date: Date, month: number): Date;
+export declare function getYears(currentYear: number, range: number): {
+    value: number;
+    label: string;
+}[];
+export declare function setYear(date: Date, year: number): Date;
+export declare function getMonthLabel(date: Date, locale?: string): string;
+export declare function getYearLabel(date: Date, locale?: string): string;
+export declare function getDisplayDate(date: unknown, format?: string): string;
+export declare function getCurrentFormatDate(format?: string): string;
+export declare function getMaskFormat(format?: string): string;
+export declare function maskedDateFormatter(mask: string): (value: string) => string;
+export declare function isDateMatch(value: string, format: string): boolean;
+export declare function getDateByFormat(value: string, format: string): Date;
+export declare function isValidDate(value: unknown): value is Date;

package/dist/components/inputs/datePicker/utils.js

@@ -0,0 +1,179 @@
+import { formatDateByPattern as w, isDatePatternMatch as M, parseDateByPattern as p } from "./dateFormat.js";
+function m(t, e = 0) {
+  e = e % 7;
+  const n = new Date(t), r = n.getDay(), o = (r < e ? 7 : 0) + r - e;
+  return new Date(n.setDate(n.getDate() - o));
+}
+function l(t, e = 0) {
+  const n = new Date(m(t, e));
+  return new Date(n.setDate(n.getDate() + 6));
+}
+function T(t, e) {
+  const n = [], r = new Date(t), i = new Date(e).getTime(), a = r;
+  for (a.setHours(0, 0, 0, 0); a.getTime() <= i; )
+    n.push(new Date(a.getTime())), a.setDate(a.getDate() + 1), a.setHours(0, 0, 0, 0);
+  return n;
+}
+const P = (t, e, n) => {
+  const r = new Intl.DateTimeFormat(n, { weekday: "narrow" });
+  return T(m(t, e), l(t, e)).map(
+    (o) => r.format(o)
+  );
+};
+function g(t) {
+  const e = new Date(t);
+  return new Date(e.getFullYear(), e.getMonth(), 1);
+}
+function d(t) {
+  return y(new Date(t.getFullYear(), t.getMonth() + 1, 0));
+}
+function h(t, e) {
+  return new Date(t) < new Date(e);
+}
+function O(t, e) {
+  return h(e, t);
+}
+function F(t, e) {
+  const n = new Date(t);
+  return n.setDate(n.getDate() + e), n;
+}
+const E = (t, e) => {
+  const n = m(g(t), e), r = l(d(t), e);
+  let o = 0, i = n;
+  const a = [];
+  let u = null;
+  for (; h(i, r); ) {
+    const s = Math.floor(o / 7);
+    a[s] = a[s] || [];
+    const c = i.getDay();
+    u !== c && (u = c, a[s].push(i), o += 1), i = F(i, 1);
+  }
+  return a;
+};
+function v(t, e) {
+  return g(e) <= t && t <= d(e);
+}
+function D(t) {
+  return new Date(t.getFullYear(), t.getMonth(), t.getDate());
+}
+function y(t) {
+  return new Date(t.getFullYear(), t.getMonth(), t.getDate(), 23, 59, 59, 999);
+}
+function x(t, e) {
+  return D(t).getTime() === D(e).getTime();
+}
+function _(t, e) {
+  return I(t, t.getMonth() + e);
+}
+function A(t, e) {
+  return Y(t, t.getFullYear() + e);
+}
+function j(t) {
+  return y(t);
+}
+function k(t) {
+  return D(t);
+}
+function B(t) {
+  const e = [], n = new Intl.DateTimeFormat(t, { month: "long" });
+  for (let r = 0; r < 12; r++)
+    e.push({
+      label: n.format(_(/* @__PURE__ */ new Date("1970-01-01"), r)),
+      value: r
+    });
+  return e;
+}
+function I(t, e) {
+  const n = new Date(t);
+  return n.setMonth(e), n;
+}
+function L(t, e) {
+  const n = [];
+  for (let r = t - e; r <= t + e; r++)
+    n.push({ label: String(r).padStart(4, "0"), value: r });
+  return n;
+}
+function Y(t, e) {
+  const n = new Date(t);
+  return n.setFullYear(e), n;
+}
+function W(t, e) {
+  return new Intl.DateTimeFormat(e, { month: "short" }).format(t);
+}
+function K(t, e) {
+  return new Intl.DateTimeFormat(e, { year: "numeric" }).format(t);
+}
+function G(t, e) {
+  return C(t) ? e ? w(t, e) : new Intl.DateTimeFormat(void 0, { day: "2-digit", month: "2-digit", year: "numeric" }).format(t) : "";
+}
+function H(t) {
+  if (t)
+    return t;
+  const e = {
+    year: "yyyy",
+    month: "MM",
+    day: "dd"
+  };
+  return new Intl.DateTimeFormat(void 0, { day: "2-digit", month: "2-digit", year: "numeric" }).formatToParts(/* @__PURE__ */ new Date("1970-01-01")).map((o) => e[o.type] || o.value).join("");
+}
+const f = /\d/gi, b = /[a-zA-Z]/g;
+function R(t) {
+  return t ? t.replace(b, "_") : new Intl.DateTimeFormat(void 0, { day: "2-digit", month: "2-digit", year: "numeric" }).format(
+    /* @__PURE__ */ new Date("1970-01-01")
+  ).replace(f, "_");
+}
+function S(t) {
+  return (e) => {
+    let n = 0;
+    return e.split("").map((r, o) => {
+      if (f.lastIndex = 0, n > t.length - 1)
+        return "";
+      const i = t[n], a = t[n + 1], u = f.test(r) ? r : "", s = i === "_" ? u : i + u;
+      return n += s.length, o === e.length - 1 && a && a !== "_" ? s ? s + a : "" : s;
+    }).join("");
+  };
+}
+function X(t, e) {
+  return M(t, e);
+}
+function z(t, e) {
+  const n = p(t, e);
+  return n || new Date(Number.NaN);
+}
+function C(t) {
+  return Object.prototype.toString.call(t) === "[object Date]" && !isNaN(t);
+}
+export {
+  F as addDays,
+  _ as addMonths,
+  A as addYears,
+  T as eachDayOfInterval,
+  j as endOfDay,
+  d as endOfMonth,
+  l as endOfWeek,
+  H as getCurrentFormatDate,
+  z as getDateByFormat,
+  P as getDayNames,
+  G as getDisplayDate,
+  R as getMaskFormat,
+  W as getMonthLabel,
+  B as getMonths,
+  E as getWeeks,
+  K as getYearLabel,
+  L as getYears,
+  O as isAfter,
+  h as isBefore,
+  X as isDateMatch,
+  x as isSameDay,
+  v as isSameMonth,
+  C as isValidDate,
+  S as maskedDateFormatter,
+  D as resetTime,
+  y as setMaxTime,
+  I as setMonth,
+  Y as setYear,
+  k as startOfDay,
+  g as startOfMonth,
+  m as startOfWeek
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/inputs/datePicker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/inputs/datePicker/utils.ts"],"sourcesContent":["import { formatDateByPattern, isDatePatternMatch, parseDateByPattern } from \"./dateFormat\";\n\n// Вернёт дату начала недели, по умолчанию воскресенье\nexport function startOfWeek(date: Date, weekStart = 0) {\n  weekStart = weekStart % 7;\n\n  const day = new Date(date);\n  const weekDay = day.getDay();\n  const diff = (weekDay < weekStart ? 7 : 0) + weekDay - weekStart;\n\n  return new Date(day.setDate(day.getDate() - diff));\n}\n\n// Вернёт дату конца недели, по умолчанию суббота\nexport function endOfWeek(date: Date, weekStart = 0) {\n  const day = new Date(startOfWeek(date, weekStart));\n\n  return new Date(day.setDate(day.getDate() + 6));\n}\n\n// Вернёт даты всей недели\nexport function eachDayOfInterval(start: Date, end: Date) {\n  const dates: Date[] = [];\n  const startDate = new Date(start);\n  const endDate = new Date(end);\n\n  const endTime = endDate.getTime();\n  const currentDate = startDate;\n  currentDate.setHours(0, 0, 0, 0);\n\n  while (currentDate.getTime() <= endTime) {\n    dates.push(new Date(currentDate.getTime()));\n    currentDate.setDate(currentDate.getDate() + 1);\n    currentDate.setHours(0, 0, 0, 0);\n  }\n\n  return dates;\n}\n\n// Вернёт форматированную дату\nexport const getDayNames = (now: Date, weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6, locale?: string) => {\n  const formatter = new Intl.DateTimeFormat(locale, { weekday: \"narrow\" });\n\n  return eachDayOfInterval(startOfWeek(now, weekStartsOn), endOfWeek(now, weekStartsOn)).map((day) =>\n    formatter.format(day)\n  );\n};\n\n// Вернёт дату первого дня месяца по текущей дате\nexport function startOfMonth(date: Date) {\n  const _date = new Date(date);\n\n  return new Date(_date.getFullYear(), _date.getMonth(), 1);\n}\n\n// Вернёт дату последнего дня месяца по текущей дате\nexport function endOfMonth(date: Date) {\n  return setMaxTime(new Date(date.getFullYear(), date.getMonth() + 1, 0));\n}\n\n// Если date1 меньше чем date2\nexport function isBefore(date1: Date, date2: Date) {\n  return new Date(date1) < new Date(date2);\n}\n\n// Если date1 больше чем date2\nexport function isAfter(date1: Date, date2: Date) {\n  return isBefore(date2, date1);\n}\n\n// Добавит дни к текущий дате\nexport function addDays(date: Date, days: number) {\n  const _date = new Date(date);\n\n  _date.setDate(_date.getDate() + days);\n\n  return _date;\n}\n\n// Получит даты дней недель как текущего месяца, так и за его пределом\nexport const getWeeks = (date: Date, weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6) => {\n  const start = startOfWeek(startOfMonth(date), weekStartsOn);\n  const end = endOfWeek(endOfMonth(date), weekStartsOn);\n\n  let count = 0;\n  let current = start;\n  const nestedWeeks: Date[][] = [];\n  let lastDay = null;\n\n  while (isBefore(current, end)) {\n    const weekNumber = Math.floor(count / 7);\n    nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];\n    const day = current.getDay();\n\n    if (lastDay !== day) {\n      lastDay = day;\n      nestedWeeks[weekNumber].push(current);\n      count += 1;\n    }\n\n    current = addDays(current, 1);\n  }\n\n  return nestedWeeks;\n};\n\n// Находится ли date1 в текущем месяце date2\nexport function isSameMonth(date1: Date, date2: Date) {\n  return startOfMonth(date2) <= date1 && date1 <= endOfMonth(date2);\n}\n\n// Сбросит всё время\nexport function resetTime(date: Date) {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\n// Установит максимальное время\nexport function setMaxTime(date: Date) {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);\n}\n\n// Определит, соответствуют ли даты текущему дню\nexport function isSameDay(date1: Date, date2: Date) {\n  return resetTime(date1).getTime() === resetTime(date2).getTime();\n}\n\n// Добавит месяцы\nexport function addMonths(date: Date, months: number) {\n  return setMonth(date, date.getMonth() + months);\n}\n\n// Добавит годы\nexport function addYears(date: Date, years: number) {\n  return setYear(date, date.getFullYear() + years);\n}\n\n// Установит конец дня (по времени)\nexport function endOfDay(date: Date) {\n  return setMaxTime(date);\n}\n\n// Установит начало дня (по времени)\nexport function startOfDay(date: Date) {\n  return resetTime(date);\n}\n\n// Получит все месяцы\nexport function getMonths(locale?: string) {\n  const months: {\n    value: number;\n    label: string;\n  }[] = [];\n  const formatter = new Intl.DateTimeFormat(locale, { month: \"long\" });\n\n  for (let i = 0; i < 12; i++) {\n    months.push({\n      label: formatter.format(addMonths(new Date(\"1970-01-01\"), i)),\n      value: i,\n    });\n  }\n\n  return months;\n}\n\n// Установит месяц к текущей дате\nexport function setMonth(date: Date, month: number) {\n  const _date = new Date(date);\n\n  _date.setMonth(month);\n\n  return _date;\n}\n\n// Получит диапазон годов от текущего года\nexport function getYears(currentYear: number, range: number) {\n  const years: {\n    value: number;\n    label: string;\n  }[] = [];\n\n  for (let i = currentYear - range; i <= currentYear + range; i++) {\n    years.push({ label: String(i).padStart(4, \"0\"), value: i });\n  }\n\n  return years;\n}\n\n// Установит год для текущей даты\nexport function setYear(date: Date, year: number) {\n  const _date = new Date(date);\n\n  _date.setFullYear(year);\n\n  return _date;\n}\n\nexport function getMonthLabel(date: Date, locale?: string) {\n  return new Intl.DateTimeFormat(locale, { month: \"short\" }).format(date);\n}\n\nexport function getYearLabel(date: Date, locale?: string) {\n  return new Intl.DateTimeFormat(locale, { year: \"numeric\" }).format(date);\n}\n\nexport function getDisplayDate(date: unknown, format?: string) {\n  if (!isValidDate(date)) {\n    return \"\";\n  }\n\n  if (format) {\n    return formatDateByPattern(date, format);\n  }\n\n  return new Intl.DateTimeFormat(undefined, { day: \"2-digit\", month: \"2-digit\", year: \"numeric\" }).format(date);\n}\n\nexport function getCurrentFormatDate(format?: string): string {\n  if (format) {\n    return format;\n  }\n\n  const parts: { [key: string]: string } = {\n    year: \"yyyy\",\n    month: \"MM\",\n    day: \"dd\",\n  };\n  const formatter = new Intl.DateTimeFormat(undefined, { day: \"2-digit\", month: \"2-digit\", year: \"numeric\" });\n  const dateParts = formatter.formatToParts(new Date(\"1970-01-01\"));\n\n  return dateParts.map((element) => parts[element.type] || element.value).join(\"\");\n}\n\nconst MASK_DATE_REGEXP = /\\d/gi;\nconst MASK_TOKEN_REGEXP = /[a-zA-Z]/g;\n\nexport function getMaskFormat(format?: string) {\n  if (format) {\n    return format.replace(MASK_TOKEN_REGEXP, \"_\");\n  }\n\n  const date = new Intl.DateTimeFormat(undefined, { day: \"2-digit\", month: \"2-digit\", year: \"numeric\" }).format(\n    new Date(\"1970-01-01\")\n  );\n\n  return date.replace(MASK_DATE_REGEXP, \"_\");\n}\n\nexport function maskedDateFormatter(mask: string) {\n  return (value: string) => {\n    let outputCharIndex = 0;\n\n    return value\n      .split(\"\")\n      .map((char, inputCharIndex) => {\n        MASK_DATE_REGEXP.lastIndex = 0;\n\n        if (outputCharIndex > mask.length - 1) {\n          return \"\";\n        }\n\n        const maskChar = mask[outputCharIndex];\n        const nextMaskChar = mask[outputCharIndex + 1];\n\n        const acceptedChar = MASK_DATE_REGEXP.test(char) ? char : \"\";\n        const formattedChar = maskChar === \"_\" ? acceptedChar : maskChar + acceptedChar;\n\n        outputCharIndex += formattedChar.length;\n\n        const isLastCharacter = inputCharIndex === value.length - 1;\n\n        if (isLastCharacter && nextMaskChar && nextMaskChar !== \"_\") {\n          return formattedChar ? formattedChar + nextMaskChar : \"\";\n        }\n\n        return formattedChar;\n      })\n      .join(\"\");\n  };\n}\n\nexport function isDateMatch(value: string, format: string) {\n  return isDatePatternMatch(value, format);\n}\n\nexport function getDateByFormat(value: string, format: string) {\n  const parsed = parseDateByPattern(value, format);\n\n  if (!parsed) {\n    return new Date(Number.NaN);\n  }\n\n  return parsed;\n}\n\nexport function isValidDate(value: unknown): value is Date {\n  return Object.prototype.toString.call(value) === \"[object Date]\" && !isNaN(value as number);\n}\n"],"names":["startOfWeek","date","weekStart","day","weekDay","diff","endOfWeek","eachDayOfInterval","start","end","dates","startDate","endTime","currentDate","getDayNames","now","weekStartsOn","locale","formatter","startOfMonth","_date","endOfMonth","setMaxTime","isBefore","date1","date2","isAfter","addDays","days","getWeeks","count","current","nestedWeeks","lastDay","weekNumber","isSameMonth","resetTime","isSameDay","addMonths","months","setMonth","addYears","years","setYear","endOfDay","startOfDay","getMonths","i","month","getYears","currentYear","range","year","getMonthLabel","getYearLabel","getDisplayDate","format","isValidDate","formatDateByPattern","getCurrentFormatDate","parts","element","MASK_DATE_REGEXP","MASK_TOKEN_REGEXP","getMaskFormat","maskedDateFormatter","mask","value","outputCharIndex","char","inputCharIndex","maskChar","nextMaskChar","acceptedChar","formattedChar","isDateMatch","isDatePatternMatch","getDateByFormat","parsed","parseDateByPattern"],"mappings":"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"}

package/dist/components/inputs/dateTimePicker/dateTimeFormat.d.ts

@@ -0,0 +1,3 @@
+export declare function formatDateTimeByPattern(date: Date, pattern: string): string;
+export declare function parseDateTimeByPattern(value: string, pattern: string): Date | undefined;
+export declare function isDateTimePatternMatch(value: string, pattern: string): boolean;

package/dist/components/inputs/dateTimePicker/dateTimeFormat.js

@@ -0,0 +1,73 @@
+const l = /yyyy|MM|dd|HH|mm|ss/g;
+function m(t) {
+  const e = [];
+  let r;
+  for (l.lastIndex = 0; (r = l.exec(t)) !== null; )
+    e.push(r[0]);
+  return e;
+}
+function y(t) {
+  return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function p(t) {
+  let e = "^", r = 0, n;
+  for (l.lastIndex = 0; (n = l.exec(t)) !== null; )
+    e += y(t.slice(r, n.index)), e += n[0] === "yyyy" ? "(\\d{4})" : "(\\d{2})", r = l.lastIndex;
+  return e += y(t.slice(r)), e += "$", new RegExp(e);
+}
+function x(t, e, r) {
+  if (e < 1 || e > 12 || r < 1)
+    return !1;
+  const n = new Date(t, e - 1, r);
+  return n.getFullYear() === t && n.getMonth() === e - 1 && n.getDate() === r;
+}
+function M(t, e, r) {
+  return t >= 0 && t <= 23 && e >= 0 && e <= 59 && r >= 0 && r <= 59;
+}
+function h(t, e) {
+  const r = t.getFullYear(), n = t.getMonth() + 1, u = t.getDate(), s = t.getHours(), a = t.getMinutes(), c = t.getSeconds();
+  return e.replace(l, (i) => i === "yyyy" ? String(r).padStart(4, "0") : i === "MM" ? String(n).padStart(2, "0") : i === "dd" ? String(u).padStart(2, "0") : i === "HH" ? String(s).padStart(2, "0") : i === "mm" ? String(a).padStart(2, "0") : String(c).padStart(2, "0"));
+}
+function S(t, e) {
+  const r = m(e);
+  if (!r.includes("yyyy") || !r.includes("MM") || !r.includes("dd") || !r.includes("HH") || !r.includes("mm"))
+    return;
+  const n = p(e).exec(t);
+  if (!n)
+    return;
+  let u, s, a, c, i, f = 0;
+  if (r.forEach((o, g) => {
+    const d = Number(n[g + 1]);
+    if (o === "yyyy") {
+      u = d;
+      return;
+    }
+    if (o === "MM") {
+      s = d;
+      return;
+    }
+    if (o === "dd") {
+      a = d;
+      return;
+    }
+    if (o === "HH") {
+      c = d;
+      return;
+    }
+    if (o === "mm") {
+      i = d;
+      return;
+    }
+    f = d;
+  }), !(u === void 0 || s === void 0 || a === void 0 || c === void 0 || i === void 0) && !(!x(u, s, a) || !M(c, i, f)))
+    return new Date(u, s - 1, a, c, i, f);
+}
+function v(t, e) {
+  return S(t, e) !== void 0;
+}
+export {
+  h as formatDateTimeByPattern,
+  v as isDateTimePatternMatch,
+  S as parseDateTimeByPattern
+};
+//# sourceMappingURL=dateTimeFormat.js.map

package/dist/components/inputs/dateTimePicker/dateTimeFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimeFormat.js","sources":["../../../../src/components/inputs/dateTimePicker/dateTimeFormat.ts"],"sourcesContent":["const DATETIME_TOKEN_REGEXP = /yyyy|MM|dd|HH|mm|ss/g;\n\ntype DateTimeToken = \"yyyy\" | \"MM\" | \"dd\" | \"HH\" | \"mm\" | \"ss\";\n\nfunction extractTokens(pattern: string): DateTimeToken[] {\n  const tokens: DateTimeToken[] = [];\n  let match: RegExpExecArray | null;\n\n  DATETIME_TOKEN_REGEXP.lastIndex = 0;\n  while ((match = DATETIME_TOKEN_REGEXP.exec(pattern)) !== null) {\n    tokens.push(match[0] as DateTimeToken);\n  }\n\n  return tokens;\n}\n\nfunction escapeRegExp(value: string): string {\n  return value.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n}\n\nfunction patternToRegExp(pattern: string): RegExp {\n  let regex = \"^\";\n  let lastIndex = 0;\n  let match: RegExpExecArray | null;\n\n  DATETIME_TOKEN_REGEXP.lastIndex = 0;\n  while ((match = DATETIME_TOKEN_REGEXP.exec(pattern)) !== null) {\n    regex += escapeRegExp(pattern.slice(lastIndex, match.index));\n    regex += match[0] === \"yyyy\" ? \"(\\\\d{4})\" : \"(\\\\d{2})\";\n    lastIndex = DATETIME_TOKEN_REGEXP.lastIndex;\n  }\n\n  regex += escapeRegExp(pattern.slice(lastIndex));\n  regex += \"$\";\n\n  return new RegExp(regex);\n}\n\nfunction isValidCalendarDate(year: number, month: number, day: number): boolean {\n  if (month < 1 || month > 12 || day < 1) {\n    return false;\n  }\n\n  const date = new Date(year, month - 1, day);\n\n  return date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;\n}\n\nfunction isValidTime(hours: number, minutes: number, seconds: number): boolean {\n  return hours >= 0 && hours <= 23 && minutes >= 0 && minutes <= 59 && seconds >= 0 && seconds <= 59;\n}\n\nexport function formatDateTimeByPattern(date: Date, pattern: string): string {\n  const year = date.getFullYear();\n  const month = date.getMonth() + 1;\n  const day = date.getDate();\n  const hours = date.getHours();\n  const minutes = date.getMinutes();\n  const seconds = date.getSeconds();\n\n  return pattern.replace(DATETIME_TOKEN_REGEXP, (token) => {\n    if (token === \"yyyy\") {\n      return String(year).padStart(4, \"0\");\n    }\n\n    if (token === \"MM\") {\n      return String(month).padStart(2, \"0\");\n    }\n\n    if (token === \"dd\") {\n      return String(day).padStart(2, \"0\");\n    }\n\n    if (token === \"HH\") {\n      return String(hours).padStart(2, \"0\");\n    }\n\n    if (token === \"mm\") {\n      return String(minutes).padStart(2, \"0\");\n    }\n\n    return String(seconds).padStart(2, \"0\");\n  });\n}\n\nexport function parseDateTimeByPattern(value: string, pattern: string): Date | undefined {\n  const tokens = extractTokens(pattern);\n\n  if (\n    !tokens.includes(\"yyyy\") ||\n    !tokens.includes(\"MM\") ||\n    !tokens.includes(\"dd\") ||\n    !tokens.includes(\"HH\") ||\n    !tokens.includes(\"mm\")\n  ) {\n    return undefined;\n  }\n\n  const match = patternToRegExp(pattern).exec(value);\n\n  if (!match) {\n    return undefined;\n  }\n\n  let year: number | undefined;\n  let month: number | undefined;\n  let day: number | undefined;\n  let hours: number | undefined;\n  let minutes: number | undefined;\n  let seconds = 0;\n\n  tokens.forEach((token, index) => {\n    const part = Number(match[index + 1]);\n\n    if (token === \"yyyy\") {\n      year = part;\n      return;\n    }\n\n    if (token === \"MM\") {\n      month = part;\n      return;\n    }\n\n    if (token === \"dd\") {\n      day = part;\n      return;\n    }\n\n    if (token === \"HH\") {\n      hours = part;\n      return;\n    }\n\n    if (token === \"mm\") {\n      minutes = part;\n      return;\n    }\n\n    seconds = part;\n  });\n\n  if (year === undefined || month === undefined || day === undefined || hours === undefined || minutes === undefined) {\n    return undefined;\n  }\n\n  if (!isValidCalendarDate(year, month, day) || !isValidTime(hours, minutes, seconds)) {\n    return undefined;\n  }\n\n  return new Date(year, month - 1, day, hours, minutes, seconds);\n}\n\nexport function isDateTimePatternMatch(value: string, pattern: string): boolean {\n  return parseDateTimeByPattern(value, pattern) !== undefined;\n}\n"],"names":["DATETIME_TOKEN_REGEXP","extractTokens","pattern","tokens","match","escapeRegExp","value","patternToRegExp","regex","lastIndex","isValidCalendarDate","year","month","day","date","isValidTime","hours","minutes","seconds","formatDateTimeByPattern","token","parseDateTimeByPattern","index","part","isDateTimePatternMatch"],"mappings":"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"}

package/dist/components/inputs/dateTimePicker/dateTimePicker.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import { Placement } from "../../../utils/floating";
+import { TextFieldProps } from "../textField";
+export interface DateTimePickerProps extends Omit<TextFieldProps, "onBlur" | "onChange" | "value" | "defaultValue"> {
+    showDaysOutsideMonth?: boolean;
+    disablePast?: boolean;
+    disableFuture?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    isDateDisabled?: (day: Date) => boolean;
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    locale?: string;
+    /** Input format with tokens dd, MM, yyyy, HH, mm, ss, e.g. "dd/MM/yyyy HH:mm". */
+    format?: string;
+    /** Time portion format when using the clock columns. Defaults to "HH:mm". */
+    timeFormat?: string;
+    placement?: Placement;
+    disableCalendar?: boolean;
+    label?: string;
+    calendarAriaLabel?: string;
+    autoComplete?: string;
+    value?: Date | string;
+    calendarIcon?: React.ReactNode;
+    onChange?: (event?: React.ChangeEvent<HTMLInputElement>, value?: Date, data?: DateTimePickerProps) => void;
+    onBlur?: (event?: React.FocusEvent<HTMLInputElement>, value?: Date, data?: DateTimePickerProps) => void;
+}
+export declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<unknown>>;
+export default DateTimePicker;