mimir-ui-kit 1.6.0 → 1.7.0

package/dist/DatePickerModal-CbzwSnA7.js

@@ -1,202 +0,0 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { useRef, useState, useEffect } from "react";
-import { Button } from "./components/Button/Button.js";
-import { formating } from "./utils/index.js";
-import './assets/DatePickerModal.css';const input = "_input_8eg6j_2";
-const wrapper = "_wrapper_8eg6j_23";
-const active = "_active_8eg6j_29";
-const button = "_button_8eg6j_37";
-const h = "_h_8eg6j_83";
-const b = "_b_8eg6j_37";
-const d = "_d_8eg6j_6";
-const m = "_m_8eg6j_102";
-const a = "_a_8eg6j_29";
-const prev = "_prev_8eg6j_104";
-const orange = "_orange_8eg6j_120";
-const current = "_current_8eg6j_145";
-const cls = {
-  input,
-  "date-wrapper": "_date-wrapper_8eg6j_6",
-  wrapper,
-  active,
-  "input-wrapper": "_input-wrapper_8eg6j_33",
-  "button-wrapper": "_button-wrapper_8eg6j_37",
-  button,
-  "field-overlow": "_field-overlow_8eg6j_54",
-  "calendar-block": "_calendar-block_8eg6j_60",
-  h,
-  b,
-  d,
-  m,
-  a,
-  prev,
-  orange,
-  current
-};
-function DatePickerModal({
-  date,
-  onValue,
-  setActive,
-  before
-}) {
-  const field = useRef(null);
-  const _current = new Date(date);
-  const _selecte = new Date(date);
-  const current2 = {
-    y: _current.getFullYear(),
-    d: _current.getDate(),
-    m: _current.getMonth() + 1
-  };
-  const selecte = {
-    y: _selecte.getFullYear(),
-    d: _selecte.getDate(),
-    m: _selecte.getMonth() + 1
-  };
-  const [month, setMonth] = useState({ y: selecte.y, m: selecte.m });
-  useEffect(() => {
-    const windowHeight = window.innerHeight;
-    if (field.current !== null) {
-      const inputPosition = field.current.getBoundingClientRect();
-      const calendarSize = field.current.offsetHeight;
-      console.log(windowHeight, inputPosition.y, calendarSize);
-      if (windowHeight < inputPosition.y + calendarSize) {
-        field.current.style.top = -calendarSize + "px";
-      } else {
-        field.current.style.top = "65px";
-      }
-      field.current.style.opacity = "1";
-    }
-  }, [month]);
-  const g = (e) => {
-    let da = e.getDay();
-    if (da === 0) da = 7;
-    return da - 1;
-  };
-  const week = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"];
-  const o = month.m - 1;
-  const d2 = new Date(month.y, o);
-  const days = [];
-  const prevDays = () => {
-    const prevMonth = new Date(d2);
-    prevMonth.setDate(prevMonth.getDate() - 1);
-    const prevList = [];
-    for (let i = 0; i < g(d2); i++) {
-      prevList.push(prevMonth.getDate() - i);
-    }
-    prevList.reverse();
-    return prevList;
-  };
-  while (d2.getMonth() === o) {
-    days.push(d2.getDate());
-    d2.setDate(d2.getDate() + 1);
-  }
-  const prevM = prevDays();
-  const nextDays = () => {
-    const daysCount = 42 - (prevM.length + days.length);
-    const nextList = [];
-    for (let i = 1; i <= daysCount; i++) {
-      nextList.push(i);
-    }
-    return nextList;
-  };
-  const nextM = nextDays();
-  const update = (m2, y) => {
-    y = m2 > 12 ? y + 1 : m2 < 1 ? y - 1 : y;
-    m2 = m2 > 12 ? 1 : m2 < 1 ? 12 : m2;
-    setMonth({ y, m: m2 });
-  };
-  const onExit = () => {
-    setActive(false);
-  };
-  const next = () => {
-    update(month.m + 1, month.y);
-  };
-  const prev2 = () => {
-    update(month.m - 1, month.y);
-  };
-  const isBefore = (activeDate) => {
-    if (before) {
-      const beforeDate = before.getTime();
-      if (beforeDate > activeDate) return true;
-    }
-    return false;
-  };
-  const send = (searchDate) => {
-    if (isBefore(
-      (/* @__PURE__ */ new Date(
-        `${month.y}-${formating.Number(2, month.m)}-${formating.Number(2, searchDate)}`
-      )).getTime()
-    ))
-      return;
-    onValue(
-      /* @__PURE__ */ new Date(
-        `${month.y}-${formating.Number(2, month.m)}-${formating.Number(2, searchDate)}`
-      )
-    );
-    onExit();
-  };
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: [cls["calendar-block"]].join(" "), ref: field, children: [
-    /* @__PURE__ */ jsxs("div", { className: cls["h"], children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          isIconButton: true,
-          iconName: "DropdownArrowLeft16px",
-          onClick: prev2,
-          variant: "secondary-gray",
-          size: "l"
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: cls["d"], children: [
-        formating.Month(month.m).name,
-        "’",
-        month.y.toString().slice(-2)
-      ] }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          isIconButton: true,
-          iconName: "DropdownArrowRight16px",
-          onClick: next,
-          variant: "secondary-gray",
-          size: "l"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: cls["b"], children: [
-      week.map((i, s) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: `${s > 4 ? [cls["m"], cls["orange"]].join(" ") : cls["m"]}`,
-          children: i
-        },
-        `v${s}`
-      )),
-      prevM.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key)),
-      days.map((i, s) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: isBefore(
-            (/* @__PURE__ */ new Date(
-              `${month.y}-${formating.Number(2, month.m)}-${formating.Number(2, i)}`
-            )).getTime()
-          ) ? cls["m"] : cls["a"],
-          children: i !== 0 ? /* @__PURE__ */ jsx(
-            "b",
-            {
-              className: current2.y === month.y && current2.m === month.m && current2.d === i ? cls["current"] : "",
-              onClick: () => send(i),
-              children: i
-            }
-          ) : /* @__PURE__ */ jsx("p", {})
-        },
-        s
-      )),
-      nextM.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key))
-    ] })
-  ] }) });
-}
-export {
-  DatePickerModal as D,
-  cls as c
-};

package/dist/assets/DatePickerModal.css

@@ -1 +0,0 @@
-._input_8eg6j_2{padding-right:var(--space-3xl)}._date-wrapper_8eg6j_6{position:relative}._date-wrapper_8eg6j_6:hover input{background:var(--input-bg-color-hover)}._date-wrapper_8eg6j_6:before{content:"";position:absolute;z-index:3;top:0;bottom:0;left:0;right:60px;cursor:pointer}._wrapper_8eg6j_23{position:relative;display:flex;align-items:center;border-radius:8px}._wrapper_8eg6j_23._active_8eg6j_29{border-bottom:1px solid var(--citrine-100)}._input-wrapper_8eg6j_33{flex:1}._button-wrapper_8eg6j_37{position:absolute;top:0;right:0;z-index:2;display:flex;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_8eg6j_37{align-self:center;background-color:transparent;border-radius:8px}._field-overlow_8eg6j_54{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3}._calendar-block_8eg6j_60{display:flex;flex-direction:column;padding:16px;border-radius:8px;background:#fff;max-height:none;width:368px;box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703;text-align:center;font-feature-settings:"zero";font-variant-numeric:slashed-zero;text-overflow:ellipsis;font-family:var(--font-inter);font-size:var(--size-text-l);font-style:normal;font-weight:var(--font-weight-text-regular);line-height:var(--line-height-text-2xs);position:absolute;z-index:3;transition:height .5s ease-in;opacity:0}._calendar-block_8eg6j_60 ._h_8eg6j_83{display:flex;width:100%;color:var(--black-100)}._calendar-block_8eg6j_60 ._b_8eg6j_37{display:grid;grid-template-columns:repeat(7,1fr)}._calendar-block_8eg6j_60 ._d_8eg6j_6{flex:1;display:flex;align-items:center;justify-content:center;color:var(--black-100)}._calendar-block_8eg6j_60 ._m_8eg6j_102,._calendar-block_8eg6j_60 ._a_8eg6j_29,._calendar-block_8eg6j_60 ._prev_8eg6j_104{overflow:hidden;height:48px;width:48px}._calendar-block_8eg6j_60 ._m_8eg6j_102{color:var(--disabled);display:flex;justify-content:center;align-items:center}._calendar-block_8eg6j_60 ._m_8eg6j_102 b{font-weight:400}._calendar-block_8eg6j_60 ._orange_8eg6j_120{color:var(--citrine-100)}._calendar-block_8eg6j_60 ._a_8eg6j_29{color:var(--black-100);border-radius:4px}._calendar-block_8eg6j_60 ._a_8eg6j_29 b{cursor:pointer;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-weight:400}._calendar-block_8eg6j_60 ._a_8eg6j_29 b:hover{background:var(--black-10)}._calendar-block_8eg6j_60 ._a_8eg6j_29 b:active{background:var(--sapphire-100);color:var(--white)}._calendar-block_8eg6j_60 ._current_8eg6j_145{border-radius:4px;background:var(--sapphire-10)}

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,44 +0,0 @@
-import { TInputProps } from '../Input';
-
-export type DatePicker = {
-    /**
-     * функция=callback, которая вызывается при изменении значения и передает имя и новое значение для обновления стейта (data),
-     */
-    onValue: (e: onValue) => void;
-    /**
-    * функция ограничения выбора даты
-    (до какой даты выбор не доступен)
-    */
-    before?: Date | string;
-    /**
-     * значение из стейта (data)
-     */
-    value: string;
-} & TInputProps;
-export type onValue = {
-    value: Date;
-    name?: string;
-};
-export declare const DatePicker: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<{
-    /**
-     * функция=callback, которая вызывается при изменении значения и передает имя и новое значение для обновления стейта (data),
-     */
-    onValue: (e: onValue) => void;
-    /**
-    * функция ограничения выбора даты
-    (до какой даты выбор не доступен)
-    */
-    before?: Date | string;
-    /**
-     * значение из стейта (data)
-     */
-    value: string;
-} & import('../Input/types').TInputProps & {
-    size?: import('../Input').TSize;
-    variant?: import('../Input').TVariant;
-    className?: string;
-    wrapperClassName?: string;
-    label?: import('react').ReactNode;
-    autofocus?: boolean;
-    readonly?: boolean;
-} & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/DatePicker/DatePicker.js

@@ -1,78 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { memo, forwardRef, useState, useEffect } from "react";
-import { Input } from "../Input/Input.js";
-import { Button } from "../Button/Button.js";
-import { c as cls, D as DatePickerModal } from "../../DatePickerModal-CbzwSnA7.js";
-import { formating } from "../../utils/index.js";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-const DatePicker = memo(
-  forwardRef(
-    ({ size, value, onValue, name, before, ...props }, ref) => {
-      const [active, setActive] = useState(false);
-      const [date, setDate] = useState(
-        value ? new Date(value) : /* @__PURE__ */ new Date()
-      );
-      useEffect(() => {
-        const handleClickFunction = (e) => {
-          if (e.target) {
-            if (!e.target.closest("." + cls["calendar-block"])) {
-              setActive(false);
-              window.removeEventListener("click", handleClickFunction, true);
-            }
-          }
-        };
-        if (active) {
-          window.addEventListener("click", handleClickFunction, true);
-        } else {
-          window.removeEventListener("click", handleClickFunction, true);
-        }
-      }, [active]);
-      const onOpen = () => {
-        setActive(true);
-      };
-      const onDate = (d) => {
-        setDate(d);
-        if (onValue) onValue({ value: d, name });
-      };
-      const wrapperClassNames = classNames(cls.wrapper, active && cls.active);
-      return /* @__PURE__ */ jsxs("div", { className: wrapperClassNames, children: [
-        /* @__PURE__ */ jsx("div", { className: cls["date-wrapper"], onClick: onOpen, children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            ref,
-            className: cls.input,
-            wrapperClassName: cls["input-wrapper"],
-            size,
-            type: "text",
-            value: formating.Date(date, "dd.mm.yy"),
-            ...props
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { className: cls["button-wrapper"], children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            isIconButton: true,
-            clear: true,
-            type: "button",
-            className: cls.button,
-            onClick: onOpen,
-            iconName: active ? "DropdownArrowUp16px" : "DropdownArrowBottom16px"
-          }
-        ) }),
-        active && /* @__PURE__ */ jsx(
-          DatePickerModal,
-          {
-            onValue: onDate,
-            date,
-            setActive,
-            before: typeof before === "string" ? new Date(before) : before
-          }
-        )
-      ] });
-    }
-  )
-);
-DatePicker.displayName = "DatePicker";
-export {
-  DatePicker
-};

package/dist/components/DatePicker/DatePickerModal.d.ts

@@ -1,8 +0,0 @@
-type DatePickerModal = {
-    date: Date;
-    onValue: (d: Date) => void;
-    setActive: (s: boolean) => void;
-    before?: Date;
-};
-export declare function DatePickerModal({ date, onValue, setActive, before }: DatePickerModal): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/DatePicker/DatePickerModal.js

@@ -1,8 +0,0 @@
-import "react/jsx-runtime";
-import "react";
-import { D } from "../../DatePickerModal-CbzwSnA7.js";
-import "../Button/Button.js";
-import "../../utils/index.js";
-export {
-  D as DatePickerModal
-};

package/dist/components/DatePicker/constants.d.ts

@@ -1,5 +0,0 @@
-export declare enum EDatePickerBeforeDate {
-    CurrentDate1 = "2024-08-01",
-    CurrentDate2 = "2024-07-01",
-    CurrentDate3 = "2024-07-11"
-}

package/dist/components/DatePicker/constants.js

@@ -1,9 +0,0 @@
-var EDatePickerBeforeDate = /* @__PURE__ */ ((EDatePickerBeforeDate2) => {
-  EDatePickerBeforeDate2["CurrentDate1"] = "2024-08-01";
-  EDatePickerBeforeDate2["CurrentDate2"] = "2024-07-01";
-  EDatePickerBeforeDate2["CurrentDate3"] = "2024-07-11";
-  return EDatePickerBeforeDate2;
-})(EDatePickerBeforeDate || {});
-export {
-  EDatePickerBeforeDate
-};

package/dist/components/DatePicker/index.d.ts

@@ -1,2 +0,0 @@
-export { DatePicker } from './DatePicker';
-export type { DatePicker as TDatePickerProps } from './DatePicker';

package/dist/components/DatePicker/index.js

@@ -1,4 +0,0 @@
-import { DatePicker } from "./DatePicker.js";
-export {
-  DatePicker
-};

package/dist/utils/formating/Date.d.ts

@@ -1 +0,0 @@
-export default function _Date(x: Date, y: string | Date): string;

package/dist/utils/formating/Date.js

@@ -1,27 +0,0 @@
-function _Date(x, y) {
-  if (y === void 0) {
-    y = x;
-    x = /* @__PURE__ */ new Date();
-  } else {
-    x = new Date(x);
-  }
-  const replaces = {
-    yyyy: x.getFullYear() + "",
-    yy: `${x.getFullYear()}`.slice(-2),
-    mm: `0${x.getMonth() + 1}`.slice(-2),
-    dd: `0${x.getDate()}`.slice(-2),
-    HH: `0${x.getHours()}`.slice(-2),
-    MM: `0${x.getMinutes()}`.slice(-2),
-    SS: `0${x.getSeconds()}`.slice(-2)
-  };
-  Object.keys(replaces).forEach((replace) => {
-    if (typeof y === "string") {
-      y = y.replace(replace, replaces[replace]);
-      console.log(y);
-    }
-  });
-  return y;
-}
-export {
-  _Date as default
-};

package/dist/utils/formating/Month.d.ts

@@ -1,8 +0,0 @@
-type MonthObj = {
-    val: string;
-    name: string;
-    names: string;
-    abc: string;
-};
-export default function Month(n: number): MonthObj;
-export {};

package/dist/utils/formating/Month.js

@@ -1,80 +0,0 @@
-function Month(n) {
-  const obj = {
-    1: {
-      val: "01",
-      name: "Январь",
-      names: "Января",
-      abc: "Янв"
-    },
-    2: {
-      val: "02",
-      name: "Февраль",
-      names: "Февраля",
-      abc: "Февр"
-    },
-    3: {
-      val: "03",
-      name: "Март",
-      names: "Марта",
-      abc: "Март"
-    },
-    4: {
-      val: "04",
-      name: "Апрель",
-      names: "Апреля",
-      abc: "Апр"
-    },
-    5: {
-      val: "05",
-      name: "Май",
-      names: "Мая",
-      abc: "Май"
-    },
-    6: {
-      val: "06",
-      name: "Июнь",
-      names: "Июня",
-      abc: "Июнь"
-    },
-    7: {
-      val: "07",
-      name: "Июль",
-      names: "Июля",
-      abc: "Июль"
-    },
-    8: {
-      val: "08",
-      name: "Август",
-      names: "Августа",
-      abc: "Авг"
-    },
-    9: {
-      val: "09",
-      name: "Сентябрь",
-      names: "Сентебря",
-      abc: "Сент"
-    },
-    10: {
-      val: "10",
-      name: "Октябрь",
-      names: "Октября",
-      abc: "Окт"
-    },
-    11: {
-      val: "11",
-      name: "Ноябрь",
-      names: "Ноября",
-      abc: "Нояб"
-    },
-    12: {
-      val: "12",
-      name: "Декабрь",
-      names: "Декабря",
-      abc: "Дек"
-    }
-  };
-  return obj[n];
-}
-export {
-  Month as default
-};

package/dist/utils/formating/Number.d.ts

@@ -1,6 +0,0 @@
-/**
- *l - length
- *n - numder
- *fn(10,123) => 0000000123
- */
-export default function Number(l: number, n: number): string;

package/dist/utils/formating/Number.js

@@ -1,8 +0,0 @@
-function Number(l, n) {
-  let c = n + "";
-  while (c.length < l) c = "0" + c;
-  return c;
-}
-export {
-  Number as default
-};

package/dist/utils/index.d.ts

@@ -1,9 +0,0 @@
-import { default as Number } from './formating/Number';
-import { default as Month } from './formating/Month';
-import { default as Date } from './formating/Date';
-
-export declare const formating: {
-    Number: typeof Number;
-    Month: typeof Month;
-    Date: typeof Date;
-};

package/dist/utils/index.js

@@ -1,11 +0,0 @@
-import Number from "./formating/Number.js";
-import Month from "./formating/Month.js";
-import _Date from "./formating/Date.js";
-const formating = {
-  Number,
-  Month,
-  Date: _Date
-};
-export {
-  formating
-};