@companix/uikit 0.0.39 → 0.0.41

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 (44) hide show
  1. package/dist/Scrollable/index.d.ts +1 -0
  2. package/dist/Segments/Segments.scss +14 -14
  3. package/dist/__hooks/use-tab-slider.d.ts +7 -0
  4. package/dist/bundle.es12.js +4 -4
  5. package/dist/bundle.es13.js +2 -2
  6. package/dist/bundle.es15.js +1 -1
  7. package/dist/bundle.es21.js +1 -1
  8. package/dist/bundle.es22.js +1 -1
  9. package/dist/bundle.es23.js +1 -1
  10. package/dist/bundle.es24.js +17 -32
  11. package/dist/bundle.es26.js +1 -1
  12. package/dist/bundle.es27.js +1 -1
  13. package/dist/bundle.es28.js +4 -4
  14. package/dist/bundle.es29.js +2 -2
  15. package/dist/bundle.es32.js +2 -2
  16. package/dist/bundle.es35.js +1 -1
  17. package/dist/bundle.es38.js +1 -1
  18. package/dist/bundle.es39.js +1 -1
  19. package/dist/bundle.es40.js +1 -1
  20. package/dist/bundle.es44.js +22 -23
  21. package/dist/bundle.es45.js +24 -87
  22. package/dist/bundle.es46.js +87 -18
  23. package/dist/bundle.es47.js +16 -18
  24. package/dist/bundle.es48.js +20 -24
  25. package/dist/bundle.es49.js +20 -35
  26. package/dist/bundle.es50.js +39 -5
  27. package/dist/bundle.es51.js +5 -14
  28. package/dist/bundle.es52.js +13 -13
  29. package/dist/bundle.es53.js +13 -69
  30. package/dist/bundle.es54.js +68 -66
  31. package/dist/bundle.es55.js +67 -69
  32. package/dist/bundle.es56.js +69 -10
  33. package/dist/bundle.es57.js +10 -42
  34. package/dist/bundle.es58.js +42 -14
  35. package/dist/bundle.es59.js +15 -32
  36. package/dist/bundle.es60.js +23 -61
  37. package/dist/bundle.es61.js +69 -13
  38. package/dist/bundle.es62.js +13 -74
  39. package/dist/bundle.es63.js +71 -45
  40. package/dist/bundle.es64.js +48 -13
  41. package/dist/bundle.es65.js +16 -0
  42. package/dist/bundle.es7.js +22 -21
  43. package/dist/bundle.es9.js +16 -13
  44. package/package.json +2 -2
@@ -1,16 +1,51 @@
1
- import { useRef as f, useLayoutEffect as u, useEffect as s } from "react";
2
- const o = (t, r) => {
3
- const e = f(!1);
4
- u(() => {
5
- e.current = !0, t();
6
- }, []), s(() => {
7
- if (e.current) {
8
- e.current = !1;
9
- return;
10
- }
11
- t();
12
- }, r);
1
+ import { subMonths as L, addMonths as N, useDayDisableCheker as R } from "./bundle.es55.js";
2
+ import { DEFAULT_MIN_YEAR as w, DEFAULT_MAX_YEAR as A } from "./bundle.es56.js";
3
+ import { useState as U, useCallback as M } from "react";
4
+ const X = ({
5
+ value: p,
6
+ disablePast: r,
7
+ disableFuture: c,
8
+ shouldDisableDate: E,
9
+ minDateTime: l,
10
+ maxDateTime: s
11
+ }) => {
12
+ const [e, u] = U(p || /* @__PURE__ */ new Date()), _ = M(() => {
13
+ u(L(e));
14
+ }, [e]), C = M(() => {
15
+ u(N(e, 1));
16
+ }, [e]), D = R({
17
+ disableFuture: c,
18
+ disablePast: r,
19
+ shouldDisableDate: E,
20
+ minDateTime: l,
21
+ maxDateTime: s
22
+ }), k = M(
23
+ (o, t) => {
24
+ const n = /* @__PURE__ */ new Date();
25
+ t = t || e.getFullYear();
26
+ const h = l ? l.getMonth() : 0, Y = s ? s.getMonth() : 11, F = l?.getFullYear() || w, f = s?.getFullYear() || A;
27
+ let g = t >= F && t <= f ? t === F && h > o || t === f && o > Y : !0;
28
+ return c && (g = g || (t === n.getFullYear() ? o > n.getMonth() : t > n.getFullYear())), r && (g = g || (t === n.getFullYear() ? o < n.getMonth() : t < n.getFullYear())), g;
29
+ },
30
+ [c, r, e, l, s]
31
+ ), v = M(
32
+ (o) => {
33
+ const t = /* @__PURE__ */ new Date(), n = l?.getFullYear() || w, h = s?.getFullYear() || A;
34
+ let Y = n > o || o > h;
35
+ return c && (Y = Y || o > t.getFullYear()), r && (Y = Y || o < t.getFullYear()), Y;
36
+ },
37
+ [c, r, l, s]
38
+ );
39
+ return {
40
+ viewDate: e,
41
+ setViewDate: u,
42
+ setPrevMonth: _,
43
+ setNextMonth: C,
44
+ isDayDisabled: D,
45
+ isMonthDisabled: k,
46
+ isYearDisabled: v
47
+ };
13
48
  };
14
49
  export {
15
- o as useEffectWithLayout
50
+ X as useCalendar
16
51
  };
@@ -0,0 +1,16 @@
1
+ import { useRef as f, useLayoutEffect as u, useEffect as s } from "react";
2
+ const o = (t, r) => {
3
+ const e = f(!1);
4
+ u(() => {
5
+ e.current = !0, t();
6
+ }, []), s(() => {
7
+ if (e.current) {
8
+ e.current = !1;
9
+ return;
10
+ }
11
+ t();
12
+ }, r);
13
+ };
14
+ export {
15
+ o as useEffectWithLayout
16
+ };
@@ -1,23 +1,24 @@
1
- import { jsx as v } from "react/jsx-runtime";
2
- import S from "classnames";
3
- import { forwardRef as I } from "react";
1
+ import { jsx as S } from "react/jsx-runtime";
2
+ import I from "classnames";
3
+ import { forwardRef as B } from "react";
4
4
  import { customCSS as r, px as i } from "@companix/utils-browser";
5
- const $ = I((t, c) => {
5
+ const $ = B((t, c) => {
6
6
  let {
7
7
  interactionKind: m = "static",
8
- thumbPos: g = "center",
8
+ thumbPos: s = "center",
9
9
  thumbPadding: l = 4,
10
- heightAuto: s,
10
+ heightAuto: g,
11
11
  scrollX: h,
12
12
  className: u,
13
13
  scrollY: n,
14
- onWheel: b,
14
+ preventOnMouse: f,
15
+ onWheel: p,
15
16
  maxHeight: d,
16
- onScroll: f,
17
- thumbColor: p,
18
- children: w
17
+ onScroll: b,
18
+ thumbColor: w,
19
+ children: x
19
20
  } = t;
20
- const x = (() => {
21
+ const v = (() => {
21
22
  if (t.implementation === "edge") {
22
23
  l = 0;
23
24
  const { padding: o, scrollbarWidth: e } = t;
@@ -51,34 +52,34 @@ const $ = I((t, c) => {
51
52
  }
52
53
  return {};
53
54
  })();
54
- return /* @__PURE__ */ v(
55
+ return /* @__PURE__ */ S(
55
56
  "div",
56
57
  {
57
58
  ref: c,
58
- onWheel: b,
59
- onScroll: f,
59
+ onWheel: p,
60
+ onScroll: b,
60
61
  onMouseDown: (o) => {
61
- o.preventDefault();
62
+ f && o.preventDefault();
62
63
  },
63
64
  style: {
64
- ...x,
65
+ ...v,
65
66
  ...t.style,
66
67
  maxHeight: d ? i(d) : void 0,
67
68
  ...r({ "--thumb-padding": i(l) }),
68
- ...r({ "--thumb-color": p ?? "#c1c2c8bd" })
69
+ ...r({ "--thumb-color": w ?? "#c1c2c8bd" })
69
70
  },
70
- className: S(
71
+ className: I(
71
72
  !window.IS_MOBILE && "scrollable",
72
73
  u,
73
- s ? "" : "h-full",
74
+ g ? "" : "h-full",
74
75
  {
75
76
  "overflow-y-scroll": n,
76
77
  "overflow-x-scroll": h,
77
78
  "scrollable-hover-interaction": m === "hover",
78
- "scrollable-border-position": g === "border"
79
+ "scrollable-border-position": s === "border"
79
80
  }
80
81
  ),
81
- children: w
82
+ children: x
82
83
  }
83
84
  );
84
85
  });
@@ -1,24 +1,27 @@
1
- import { jsx as s, jsxs as l } from "react/jsx-runtime";
2
- import { attr as d } from "@companix/utils-browser";
3
- const u = ({ value: t, onChange: i, options: r }) => {
4
- const n = r.findIndex((e) => e.value === t), a = {
5
- "--uikit--current-index": String(n),
6
- "--uikit--options": String(r.length)
7
- };
8
- return /* @__PURE__ */ s("div", { className: "segments-container", children: /* @__PURE__ */ l("div", { role: "radiogroup", className: "segments", children: [
9
- n > -1 && /* @__PURE__ */ s("div", { "aria-hidden": !0, className: "segments-slider", style: a }),
10
- r.map((e) => /* @__PURE__ */ s(
1
+ import { jsx as r, jsxs as m } from "react/jsx-runtime";
2
+ import { makeTabId as c, useTabSlider as i } from "./bundle.es44.js";
3
+ import { attr as o } from "@companix/utils-browser";
4
+ import { useRef as u, useId as f } from "react";
5
+ const h = ({ value: s, onChange: t, options: a }) => {
6
+ const n = u(null), d = a.findIndex((e) => e.value === s), l = f().replaceAll(":", "");
7
+ return /* @__PURE__ */ r("div", { className: "segments-container", children: /* @__PURE__ */ m("div", { role: "radiogroup", className: "segments", ref: n, children: [
8
+ d > -1 && /* @__PURE__ */ r(g, { containerRef: n, baseId: l, value: s }),
9
+ a.map((e) => /* @__PURE__ */ r(
11
10
  "div",
12
11
  {
13
- onClick: () => i(e.value),
12
+ id: c(l, e.value),
13
+ onClick: () => t(e.value),
14
14
  className: "segments-option",
15
- "data-active": d(e.value === t),
15
+ "data-selected": o(e.value === s),
16
16
  children: e.label
17
17
  },
18
18
  `segment-${e.value}`
19
19
  ))
20
20
  ] }) });
21
+ }, g = (s) => {
22
+ const t = i(s);
23
+ return /* @__PURE__ */ r("div", { "aria-hidden": !0, className: "segments-slider", style: t });
21
24
  };
22
25
  export {
23
- u as Segments
26
+ h as Segments
24
27
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@companix/uikit",
3
- "version": "0.0.39",
3
+ "version": "0.0.41",
4
4
  "main": "./dist/bundle.es.js",
5
5
  "module": "./dist/bundle.es.js",
6
6
  "types": "./dist/index.d.ts",
@@ -8,7 +8,7 @@
8
8
  "files": [
9
9
  "dist"
10
10
  ],
11
- "author": "Pavel Victorov.",
11
+ "author": "Pavel Victorov",
12
12
  "scripts": {
13
13
  "echo": "echo \"uikit\"",
14
14
  "dev": "vite --config vite.config.ts",