mimir-ui-kit 1.37.1 → 1.37.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/components/DatePicker/DatePicker.js +112 -107
  2. package/package.json +1 -1
package/dist/components/DatePicker/DatePicker.js CHANGED
@@ -1,149 +1,154 @@
1
- import { jsxs as B, jsx as r } from "react/jsx-runtime";
2
- import { c as v } from "../../index-DIxK0V-G.js";
3
- import { memo as V, forwardRef as tt, useState as y, useEffect as I } from "react";
4
- import { MAX_DAY as st, MAX_MONTH as et, DATE_LENGTH as ot } from "./constants.js";
5
- import { DatePickerModal as it } from "./DatePickerModal.js";
6
- import { MonthPickerModal as at } from "./MonthPickerModal.js";
1
+ import { jsxs as B, jsx as m } from "react/jsx-runtime";
2
+ import { c as b } from "../../index-DIxK0V-G.js";
3
+ import { memo as V, forwardRef as tt, useState as w, useEffect as T } from "react";
4
+ import { MAX_DAY as st, MAX_MONTH as et, DATE_LENGTH as it } from "./constants.js";
5
+ import { DatePickerModal as ot } from "./DatePickerModal.js";
6
+ import { MonthPickerModal as rt } from "./MonthPickerModal.js";
7
7
  import { c as o } from "../../styles.module-B3xL6-zc.js";
8
- import { formatDatePart as $ } from "./utils.js";
9
- import { YearPickerModal as rt } from "./YearPickerModal.js";
8
+ import { formatDatePart as L } from "./utils.js";
9
+ import { YearPickerModal as at } from "./YearPickerModal.js";
10
10
  import { useClickOutside as ct } from "../../hooks/useClickOutside/useClickOutside.js";
11
- import { Icon as H } from "../../icons/Icon.js";
12
- import { formating as f } from "../../utils/index.js";
11
+ import { Icon as R } from "../../icons/Icon.js";
12
+ import { formating as y } from "../../utils/index.js";
13
13
  import { I as mt } from "../../Input-BYrIS5GU.js";
14
- import { EInputStatus as pt, EInputSize as L } from "../Input/constants.js";
14
+ import { EInputStatus as pt, EInputSize as U } from "../Input/constants.js";
15
15
  const dt = {
16
- days: it,
17
- months: at,
18
- years: rt
19
- }, nt = V(
16
+ days: ot,
17
+ months: rt,
18
+ years: at
19
+ }, ft = V(
20
20
  tt(
21
21
  ({
22
- size: T,
23
- value: s,
24
- onChangeValue: e,
25
- name: c,
26
- before: P,
27
- type: m = "days",
28
- error: M,
29
- onError: p,
30
- onBlur: d,
31
- validateImmediately: _,
32
- variant: R,
33
- disabled: u = !1,
34
- editable: l = !1,
35
- openOnInput: b = !0,
36
- ...U
37
- }, X) => {
38
- const [w, a] = y(!1), [g, n] = y(m), [i, D] = y(
39
- () => s && !isNaN(new Date(s).getTime()) ? new Date(s) : void 0
40
- ), [x, S] = y(M), [F, h] = y("");
41
- I(() => {
42
- S(M);
43
- }, [M]), I(() => {
44
- D(
45
- s && !isNaN(new Date(s).getTime()) ? new Date(s) : void 0
22
+ size: P,
23
+ value: e,
24
+ onChangeValue: s,
25
+ name: a,
26
+ before: M,
27
+ type: p = "days",
28
+ error: v,
29
+ onError: d,
30
+ onBlur: i,
31
+ validateImmediately: h,
32
+ variant: X,
33
+ disabled: x = !1,
34
+ editable: D = !1,
35
+ openOnInput: j = !0,
36
+ ...u
37
+ }, F) => {
38
+ const [N, c] = w(!1), [S, f] = w(p), [r, l] = w(
39
+ () => e && !isNaN(new Date(e).getTime()) ? new Date(e) : void 0
40
+ ), [_, g] = w(v), [G, k] = w("");
41
+ T(() => {
42
+ g(v);
43
+ }, [v]), T(() => {
44
+ l(
45
+ e && !isNaN(new Date(e).getTime()) ? new Date(e) : void 0
46
46
  );
47
- }, [s]), I(() => {
48
- i && typeof i != "string" && !isNaN(i == null ? void 0 : i.getTime()) ? h(f.Date(i, "dd/mm/yyyy")) : h("");
49
- }, [i]);
50
- const j = s && new Date(s).getTime;
51
- I(() => {
52
- _ && (j ? (S(!1), p == null || p({ name: c, active: !1 })) : (S(!0), p == null || p({ name: c, active: !0 })));
53
- }, [_, c, j]), ct({
54
- isActive: w,
47
+ }, [e]), T(() => {
48
+ r && typeof r != "string" && !isNaN(r == null ? void 0 : r.getTime()) ? k(y.Date(r, "dd/mm/yyyy")) : k("");
49
+ }, [r]);
50
+ const O = e && new Date(e).getTime;
51
+ T(() => {
52
+ h && (O ? (g(!1), d == null || d({ name: a, active: !1 })) : (g(!0), d == null || d({ name: a, active: !0 })));
53
+ }, [h, a, O]), ct({
54
+ isActive: N,
55
55
  setActive: (t) => {
56
- a(t), n(m);
56
+ c(t), f(p);
57
57
  },
58
58
  className: o["calendar-block"]
59
59
  });
60
- const G = () => {
61
- !u && (b || !l) && a(!0);
62
- }, K = (t) => {
63
- isNaN(t.getTime()) || (D(t), e == null || e({
64
- value: f.Date(t, "yyyy-mm-dd"),
65
- name: c
66
- })), g === "years" && (m === "years" ? (a(!1), n(m)) : n("months")), g === "months" && (m === "months" ? (a(!1), n(m)) : n("days")), D(t), e == null || e({
67
- value: f.Date(t, "yyyy-mm-dd"),
68
- name: c
69
- }), d == null || d(f.Date(t, "yyyy-mm-dd"));
60
+ const K = () => {
61
+ !x && (j || !D) && c(!0);
70
62
  }, W = (t) => {
71
- if (l) {
72
- const N = t.target.value.replace(/[^\d]/g, ""), [k, C, O] = [
73
- $(N.substring(0, 2), st),
74
- $(N.substring(2, 4), et),
75
- N.substring(4, 8)
76
- ], Y = [k, C, O].filter(Boolean).join("/");
77
- if (h(Y), Y.length === ot) {
78
- const z = parseInt(O), A = /* @__PURE__ */ new Date(
79
- `${z}-${C.padStart(2, "0")}-${k.padStart(2, "0")}`
80
- );
81
- isNaN(A.getTime()) || (D(A), e == null || e({
82
- value: f.Date(A, "yyyy-mm-dd"),
83
- name: c
84
- }), d == null || d(f.Date(A, "yyyy-mm-dd")));
63
+ isNaN(t.getTime()) || (l(t), s == null || s({
64
+ value: y.Date(t, "yyyy-mm-dd"),
65
+ name: a
66
+ })), S === "years" && (p === "years" ? (c(!1), f(p)) : f("months")), S === "months" && (p === "months" ? (c(!1), f(p)) : f("days")), l(t), s == null || s({
67
+ value: y.Date(t, "yyyy-mm-dd"),
68
+ name: a
69
+ }), i == null || i(y.Date(t, "yyyy-mm-dd"));
70
+ }, q = (t) => {
71
+ if (D) {
72
+ const n = t.target.value.replace(/[^\d]/g, "");
73
+ if (n.length === 0)
74
+ k(""), s == null || s({ value: "", name: a }), i == null || i("");
75
+ else {
76
+ const [A, Y, $] = [
77
+ L(n.substring(0, 2), st),
78
+ L(n.substring(2, 4), et),
79
+ n.substring(4, 8)
80
+ ], H = [A, Y, $].filter(Boolean).join("/");
81
+ if (k(H), H.length === it) {
82
+ const C = parseInt($), I = /* @__PURE__ */ new Date(
83
+ `${C}-${Y.padStart(2, "0")}-${A.padStart(2, "0")}`
84
+ );
85
+ isNaN(I.getTime()) || (l(I), s == null || s({
86
+ value: y.Date(I, "yyyy-mm-dd"),
87
+ name: a
88
+ }), i == null || i(y.Date(I, "yyyy-mm-dd")));
89
+ }
85
90
  }
86
91
  }
87
- }, q = v(o.wrapper, w && o.active), E = v(o.input, o.inputBorderControl), J = {
88
- onChangeValue: K,
89
- date: i || /* @__PURE__ */ new Date(),
90
- before: typeof P == "string" ? new Date(P) : P,
91
- onChangeType: n,
92
- setIsActive: a
93
- }, Q = dt[g], Z = ({ isActive: t }) => /* @__PURE__ */ r("button", { onClick: (k) => {
94
- k.stopPropagation(), u || a(!t);
95
- }, className: o["icon-button"], children: t ? /* @__PURE__ */ r(
96
- H,
92
+ }, E = b(o.wrapper, N && o.active), J = b(o.input, o.inputBorderControl), Q = {
93
+ onChangeValue: W,
94
+ date: r || /* @__PURE__ */ new Date(),
95
+ before: typeof M == "string" ? new Date(M) : M,
96
+ onChangeType: f,
97
+ setIsActive: c
98
+ }, Z = dt[S], z = ({ isActive: t }) => /* @__PURE__ */ m("button", { onClick: (A) => {
99
+ A.stopPropagation(), x || c(!t);
100
+ }, className: o["icon-button"], children: t ? /* @__PURE__ */ m(
101
+ R,
97
102
  {
98
- iconName: T === L.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
103
+ iconName: P === U.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
99
104
  }
100
- ) : /* @__PURE__ */ r(
101
- H,
105
+ ) : /* @__PURE__ */ m(
106
+ R,
102
107
  {
103
- iconName: T === L.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
108
+ iconName: P === U.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
104
109
  }
105
110
  ) });
106
- return /* @__PURE__ */ B("div", { className: q, "data-disabled": u, children: [
107
- /* @__PURE__ */ r(
111
+ return /* @__PURE__ */ B("div", { className: E, "data-disabled": x, children: [
112
+ /* @__PURE__ */ m(
108
113
  "div",
109
114
  {
110
115
  role: "button",
111
- "data-error": x,
112
- className: v(o["date-wrapper"], {
113
- [o.editable]: l
116
+ "data-error": _,
117
+ className: b(o["date-wrapper"], {
118
+ [o.editable]: D
114
119
  }),
115
- onClick: G,
116
- children: /* @__PURE__ */ r(
120
+ onClick: K,
121
+ children: /* @__PURE__ */ m(
117
122
  mt,
118
123
  {
119
- ref: X,
120
- className: E,
124
+ ref: F,
125
+ className: J,
121
126
  wrapperClassName: o["input-wrapper"],
122
- size: T,
127
+ size: P,
123
128
  type: "text",
124
- variant: R,
125
- status: x ? pt.Error : void 0,
126
- value: F,
127
- onChange: W,
129
+ variant: X,
130
+ status: _ ? pt.Error : void 0,
131
+ value: G,
132
+ onChange: q,
128
133
  rightAddon: {
129
134
  addonType: "react-node",
130
- addonContent: /* @__PURE__ */ r(Z, { isActive: w })
135
+ addonContent: /* @__PURE__ */ m(z, { isActive: N })
131
136
  },
132
137
  onFocus: () => {
133
- b && !l && a(!0);
138
+ j && !D && c(!0);
134
139
  },
135
- "data-error": x,
136
- ...U
140
+ "data-error": _,
141
+ ...u
137
142
  }
138
143
  )
139
144
  }
140
145
  ),
141
- w && /* @__PURE__ */ r(Q, { ...J })
146
+ N && /* @__PURE__ */ m(Z, { ...Q })
142
147
  ] });
143
148
  }
144
149
  )
145
150
  );
146
- nt.displayName = "DatePicker";
151
+ ft.displayName = "DatePicker";
147
152
  export {
148
- nt as DatePicker
153
+ ft as DatePicker
149
154
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "mimir-ui-kit",
3
3
  "private": false,
4
- "version": "1.37.1",
4
+ "version": "1.37.2",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {