@companix/uikit 0.0.34 → 0.0.36

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 (184) hide show
  1. package/package.json +7 -10
  2. package/dist/Avatar/Avatar.scss +0 -64
  3. package/dist/Avatar/helpers.d.ts +0 -10
  4. package/dist/Avatar/index.d.ts +0 -8
  5. package/dist/Avatar/types.d.ts +0 -2
  6. package/dist/Button/Button.scss +0 -128
  7. package/dist/Button/index.d.ts +0 -21
  8. package/dist/ButtonGroup/ButtonGroup.scss +0 -18
  9. package/dist/ButtonGroup/index.d.ts +0 -6
  10. package/dist/Calendar/Calendar.d.ts +0 -14
  11. package/dist/Calendar/Calendar.scss +0 -125
  12. package/dist/Calendar/CalendarHeader.d.ts +0 -10
  13. package/dist/Checkbox/Checkbox.scss +0 -115
  14. package/dist/Checkbox/index.d.ts +0 -10
  15. package/dist/Countdown/index.d.ts +0 -6
  16. package/dist/DateInput/DateInput.scss +0 -11
  17. package/dist/DateInput/index.d.ts +0 -13
  18. package/dist/DatePicker/index.d.ts +0 -9
  19. package/dist/Dialog/Dialog.scss +0 -25
  20. package/dist/Dialog/Popup.scss +0 -55
  21. package/dist/Dialog/index.d.ts +0 -16
  22. package/dist/DialogAlert/Alert.d.ts +0 -19
  23. package/dist/DialogAlert/Alert.scss +0 -52
  24. package/dist/DialogAlert/Viewport.d.ts +0 -8
  25. package/dist/DialogAlert/index.d.ts +0 -11
  26. package/dist/Drawer/Drawer.scss +0 -112
  27. package/dist/Drawer/index.d.ts +0 -13
  28. package/dist/File/index.d.ts +0 -10
  29. package/dist/FormGroup/FormGroup.scss +0 -32
  30. package/dist/FormGroup/index.d.ts +0 -9
  31. package/dist/Icon/icon.scss +0 -18
  32. package/dist/Icon/index.d.ts +0 -6
  33. package/dist/Input/Form.scss +0 -67
  34. package/dist/Input/InlineInput.d.ts +0 -0
  35. package/dist/Input/Input.d.ts +0 -14
  36. package/dist/Input/Input.scss +0 -47
  37. package/dist/Input/InputContainer.d.ts +0 -11
  38. package/dist/Input/InputElement.d.ts +0 -9
  39. package/dist/LoadingButton/index.d.ts +0 -5
  40. package/dist/NumberInput/index.d.ts +0 -23
  41. package/dist/OptionItem/Option.scss +0 -89
  42. package/dist/OptionItem/OptionItem.d.ts +0 -6
  43. package/dist/OptionItem/OptionsList.d.ts +0 -7
  44. package/dist/Popover/Popover.scss +0 -80
  45. package/dist/Popover/index.d.ts +0 -27
  46. package/dist/Progress/Progress.scss +0 -47
  47. package/dist/Progress/index.d.ts +0 -5
  48. package/dist/Radio/Radio.scss +0 -148
  49. package/dist/Radio/index.d.ts +0 -20
  50. package/dist/Scrollable/ImitateScroll.d.ts +0 -10
  51. package/dist/Scrollable/Scrollable.scss +0 -50
  52. package/dist/Scrollable/index.d.ts +0 -33
  53. package/dist/Segments/Segments.scss +0 -57
  54. package/dist/Segments/index.d.ts +0 -11
  55. package/dist/Select/Select.scss +0 -80
  56. package/dist/Select/SelectInput.d.ts +0 -15
  57. package/dist/Select/SelectOptions.d.ts +0 -12
  58. package/dist/Select/SelectRight.d.ts +0 -8
  59. package/dist/Select/index.d.ts +0 -24
  60. package/dist/SelectTags/SelectTags.scss +0 -67
  61. package/dist/SelectTags/index.d.ts +0 -17
  62. package/dist/Spinner/Spinner.scss +0 -14
  63. package/dist/Spinner/index.d.ts +0 -7
  64. package/dist/Switch/Switch.scss +0 -102
  65. package/dist/Switch/index.d.ts +0 -10
  66. package/dist/Tabs/Tabs.scss +0 -58
  67. package/dist/Tabs/index.d.ts +0 -13
  68. package/dist/TextArea/TextArea.scss +0 -34
  69. package/dist/TextArea/index.d.ts +0 -7
  70. package/dist/ThemeProvider/helpers.d.ts +0 -4
  71. package/dist/ThemeProvider/index.d.ts +0 -12
  72. package/dist/ThemeProvider/script.d.ts +0 -8
  73. package/dist/ThemeProvider/types.d.ts +0 -2
  74. package/dist/TimePicker/index.d.ts +0 -10
  75. package/dist/Toaster/Toast.d.ts +0 -15
  76. package/dist/Toaster/Toaster.scss +0 -155
  77. package/dist/Toaster/Viewport.d.ts +0 -13
  78. package/dist/Toaster/index.d.ts +0 -20
  79. package/dist/Tooltip/Tooltip.scss +0 -28
  80. package/dist/Tooltip/index.d.ts +0 -7
  81. package/dist/__helpers/createDialogRegistry.d.ts +0 -26
  82. package/dist/__helpers/createPopoversRegistry.d.ts +0 -19
  83. package/dist/__hooks/use-frooze-closing.d.ts +0 -5
  84. package/dist/__hooks/use-input-padding.d.ts +0 -5
  85. package/dist/__hooks/use-loading.d.ts +0 -8
  86. package/dist/__hooks/use-local-storage.d.ts +0 -1
  87. package/dist/__hooks/use-popover-position.d.ts +0 -8
  88. package/dist/__hooks/use-previos.d.ts +0 -2
  89. package/dist/__hooks/use-resize.d.ts +0 -3
  90. package/dist/__hooks/use-scrollbox.d.ts +0 -7
  91. package/dist/__hooks/use-update.d.ts +0 -1
  92. package/dist/__hooks/useCalendar.d.ts +0 -17
  93. package/dist/__hooks/useCalendarOptions-copy.d.ts +0 -22
  94. package/dist/__hooks/useCalendarOptions.d.ts +0 -31
  95. package/dist/__libs/calendar.d.ts +0 -25
  96. package/dist/__utils/RemoveListener.d.ts +0 -3
  97. package/dist/__utils/utils.d.ts +0 -39
  98. package/dist/bundle.es.js +0 -88
  99. package/dist/bundle.es10.js +0 -82
  100. package/dist/bundle.es11.js +0 -28
  101. package/dist/bundle.es12.js +0 -77
  102. package/dist/bundle.es13.js +0 -43
  103. package/dist/bundle.es14.js +0 -38
  104. package/dist/bundle.es15.js +0 -58
  105. package/dist/bundle.es16.js +0 -23
  106. package/dist/bundle.es17.js +0 -35
  107. package/dist/bundle.es18.js +0 -27
  108. package/dist/bundle.es19.js +0 -47
  109. package/dist/bundle.es2.js +0 -44
  110. package/dist/bundle.es20.js +0 -25
  111. package/dist/bundle.es21.js +0 -31
  112. package/dist/bundle.es22.js +0 -40
  113. package/dist/bundle.es23.js +0 -18
  114. package/dist/bundle.es24.js +0 -36
  115. package/dist/bundle.es25.js +0 -23
  116. package/dist/bundle.es26.js +0 -44
  117. package/dist/bundle.es27.js +0 -118
  118. package/dist/bundle.es28.js +0 -123
  119. package/dist/bundle.es29.js +0 -76
  120. package/dist/bundle.es3.js +0 -4
  121. package/dist/bundle.es30.js +0 -35
  122. package/dist/bundle.es31.js +0 -14
  123. package/dist/bundle.es32.js +0 -88
  124. package/dist/bundle.es33.js +0 -24
  125. package/dist/bundle.es34.js +0 -9
  126. package/dist/bundle.es35.js +0 -37
  127. package/dist/bundle.es36.js +0 -24
  128. package/dist/bundle.es37.js +0 -13
  129. package/dist/bundle.es38.js +0 -27
  130. package/dist/bundle.es39.js +0 -41
  131. package/dist/bundle.es4.js +0 -47
  132. package/dist/bundle.es40.js +0 -53
  133. package/dist/bundle.es41.js +0 -45
  134. package/dist/bundle.es42.js +0 -11
  135. package/dist/bundle.es43.js +0 -27
  136. package/dist/bundle.es44.js +0 -26
  137. package/dist/bundle.es45.js +0 -89
  138. package/dist/bundle.es46.js +0 -20
  139. package/dist/bundle.es47.js +0 -22
  140. package/dist/bundle.es48.js +0 -26
  141. package/dist/bundle.es49.js +0 -41
  142. package/dist/bundle.es5.js +0 -10
  143. package/dist/bundle.es50.js +0 -5
  144. package/dist/bundle.es51.js +0 -7
  145. package/dist/bundle.es52.js +0 -16
  146. package/dist/bundle.es53.js +0 -16
  147. package/dist/bundle.es54.js +0 -5
  148. package/dist/bundle.es55.js +0 -5
  149. package/dist/bundle.es56.js +0 -72
  150. package/dist/bundle.es57.js +0 -70
  151. package/dist/bundle.es58.js +0 -72
  152. package/dist/bundle.es59.js +0 -14
  153. package/dist/bundle.es6.js +0 -13
  154. package/dist/bundle.es60.js +0 -45
  155. package/dist/bundle.es61.js +0 -17
  156. package/dist/bundle.es62.js +0 -34
  157. package/dist/bundle.es63.js +0 -72
  158. package/dist/bundle.es64.js +0 -78
  159. package/dist/bundle.es65.js +0 -51
  160. package/dist/bundle.es66.js +0 -16
  161. package/dist/bundle.es67.js +0 -22
  162. package/dist/bundle.es68.js +0 -4
  163. package/dist/bundle.es69.js +0 -22
  164. package/dist/bundle.es7.js +0 -87
  165. package/dist/bundle.es70.js +0 -4
  166. package/dist/bundle.es71.js +0 -23
  167. package/dist/bundle.es72.js +0 -4
  168. package/dist/bundle.es73.js +0 -22
  169. package/dist/bundle.es74.js +0 -5
  170. package/dist/bundle.es75.js +0 -5
  171. package/dist/bundle.es76.js +0 -16
  172. package/dist/bundle.es77.js +0 -4
  173. package/dist/bundle.es78.js +0 -22
  174. package/dist/bundle.es79.js +0 -4
  175. package/dist/bundle.es8.js +0 -87
  176. package/dist/bundle.es80.js +0 -22
  177. package/dist/bundle.es81.js +0 -4
  178. package/dist/bundle.es9.js +0 -24
  179. package/dist/css-properties.scss +0 -120
  180. package/dist/index.d.ts +0 -77
  181. package/dist/index.scss +0 -28
  182. package/dist/mixins.scss +0 -102
  183. package/dist/theme.scss +0 -101
  184. package/dist/types.d.ts +0 -17
@@ -1,27 +0,0 @@
1
- import { jsxs as d, jsx as c } from "react/jsx-runtime";
2
- import * as r from "@radix-ui/react-switch";
3
- import { attr as a } from "@companix/utils-browser";
4
- import { useId as n } from "react";
5
- const u = (m) => {
6
- const { checked: e, disabled: s, onCheckedChange: o, uncheckedIcon: i, checkedIcon: t, label: h } = m, l = n();
7
- return /* @__PURE__ */ d("div", { className: "switch", "data-disabled": a(s), children: [
8
- /* @__PURE__ */ c(
9
- r.Root,
10
- {
11
- className: "switch-track",
12
- checked: e,
13
- onCheckedChange: o,
14
- disabled: s,
15
- id: l,
16
- children: /* @__PURE__ */ d(r.Thumb, { className: "switch-thumb", children: [
17
- i && /* @__PURE__ */ c("span", { className: "switch-thumb-icon", "data-visible": a(!e), children: i }),
18
- t && /* @__PURE__ */ c("span", { className: "switch-thumb-icon", "data-visible": a(e), children: t })
19
- ] })
20
- }
21
- ),
22
- h && /* @__PURE__ */ c("label", { className: "switch-label", htmlFor: l, "data-disabled": s, children: h })
23
- ] });
24
- };
25
- export {
26
- u as Switch
27
- };
@@ -1,47 +0,0 @@
1
- import { jsxs as u, jsx as o } from "react/jsx-runtime";
2
- import { useId as p } from "react";
3
- import * as l from "@radix-ui/react-radio-group";
4
- import { attr as s } from "@companix/utils-browser";
5
- const q = (t) => {
6
- const { options: m, value: a, onChange: r, disabled: d, required: e, size: n } = t;
7
- return /* @__PURE__ */ o(
8
- l.Root,
9
- {
10
- className: "radio-group",
11
- disabled: d,
12
- "data-required": s(e && !a),
13
- "data-v": a,
14
- value: a,
15
- onValueChange: (i) => r(i),
16
- children: m.map((i, c) => /* @__PURE__ */ o(
17
- h,
18
- {
19
- ...i,
20
- size: n,
21
- disabled: d,
22
- required: e && !a
23
- },
24
- `radio-${i.value}-${c}`
25
- ))
26
- }
27
- );
28
- }, h = ({ value: t, label: m, size: a = "md", disabled: r, required: d }) => {
29
- const e = p();
30
- return /* @__PURE__ */ u(
31
- "span",
32
- {
33
- className: "radio",
34
- "data-disabled": s(r),
35
- "data-size": a,
36
- "data-required": s(d),
37
- children: [
38
- /* @__PURE__ */ o(l.Item, { className: "radio-box", value: t, disabled: r, id: e, children: /* @__PURE__ */ o(l.Indicator, { className: "radio-mark" }) }),
39
- /* @__PURE__ */ o("label", { className: "radio-label", htmlFor: e, "data-disabled": s(r), children: m })
40
- ]
41
- }
42
- );
43
- };
44
- export {
45
- h as Radio,
46
- q as RadioGroup
47
- };
@@ -1,44 +0,0 @@
1
- import { jsxs as I, jsx as a } from "react/jsx-runtime";
2
- import { box as g } from "@companix/utils-browser";
3
- import { getInitialsFontSize as h } from "./bundle.es43.js";
4
- const k = 24, y = ({
5
- alt: n,
6
- crossOrigin: i,
7
- decoding: m,
8
- loading: v,
9
- referrerPolicy: d,
10
- sizes: f,
11
- size: t = k,
12
- src: o,
13
- srcSet: s,
14
- useMap: N,
15
- initials: c,
16
- noBorder: b,
17
- fallbackIcon: p,
18
- children: l
19
- }) => {
20
- const r = o || s, x = c ? /* @__PURE__ */ a("div", { className: "avatar-initials", style: { fontSize: h(t) }, children: c }) : p, e = r ? null : x;
21
- return /* @__PURE__ */ I("div", { className: "avatar", style: g(t), children: [
22
- r && /* @__PURE__ */ a(
23
- "img",
24
- {
25
- alt: n,
26
- className: "avatar-image",
27
- crossOrigin: i,
28
- decoding: m,
29
- loading: v,
30
- referrerPolicy: d,
31
- sizes: f,
32
- src: o,
33
- srcSet: s,
34
- useMap: N
35
- }
36
- ),
37
- e && /* @__PURE__ */ a("div", { className: "avatar-icon", children: e }),
38
- l && /* @__PURE__ */ a("div", { className: "avatar-content", children: l }),
39
- !b && /* @__PURE__ */ a("div", { className: "avatar-border" })
40
- ] });
41
- };
42
- export {
43
- y as Avatar
44
- };
@@ -1,25 +0,0 @@
1
- import { jsx as e, jsxs as o } from "react/jsx-runtime";
2
- import c from "classnames";
3
- import * as r from "@radix-ui/react-dialog";
4
- import { VisuallyHidden as i } from "@radix-ui/react-visually-hidden";
5
- import { customCSS as d } from "@companix/utils-browser";
6
- const p = ({ open: t, onOpenChange: l, children: a, size: s, direction: m, className: n }) => /* @__PURE__ */ e(r.Root, { open: t, onOpenChange: l, children: /* @__PURE__ */ o(r.Portal, { children: [
7
- /* @__PURE__ */ e(r.Overlay, { className: "drawer-overlay" }),
8
- /* @__PURE__ */ o(
9
- r.Content,
10
- {
11
- style: d({ "--drawer-size": s ?? "50%" }),
12
- className: c("drawer", n),
13
- "data-direction": m,
14
- children: [
15
- /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r.Title, {}) }),
16
- /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r.Description, {}) }),
17
- a
18
- ]
19
- }
20
- )
21
- ] }) });
22
- p.Close = r.Close;
23
- export {
24
- p as Drawer
25
- };
@@ -1,31 +0,0 @@
1
- import { jsx as e, jsxs as i } from "react/jsx-runtime";
2
- import f from "classnames";
3
- import * as o from "@radix-ui/react-dialog";
4
- import { VisuallyHidden as a } from "@radix-ui/react-visually-hidden";
5
- import { RemoveListener as v } from "./bundle.es51.js";
6
- const g = (l) => {
7
- const { size: n = "s", open: r, onOpenChange: s, children: c, onClosed: t, disableEsc: p, className: d } = l, m = (h) => {
8
- p && h.preventDefault();
9
- };
10
- return /* @__PURE__ */ e(o.Root, { open: r, onOpenChange: s, children: /* @__PURE__ */ i(o.Portal, { children: [
11
- /* @__PURE__ */ e(o.Overlay, { className: "popup-overlay dialog-overlay" }),
12
- /* @__PURE__ */ e(
13
- o.Content,
14
- {
15
- className: "popup-container dialog-container",
16
- "data-size": n,
17
- onEscapeKeyDown: m,
18
- children: /* @__PURE__ */ i("div", { className: f("popup dialog", d), children: [
19
- /* @__PURE__ */ e(v, { callback: t }),
20
- /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o.Title, {}) }),
21
- /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o.Description, {}) }),
22
- c
23
- ] })
24
- }
25
- )
26
- ] }) });
27
- };
28
- g.Close = o.Close;
29
- export {
30
- g as Dialog
31
- };
@@ -1,40 +0,0 @@
1
- import { jsxs as a, jsx as e } from "react/jsx-runtime";
2
- import * as r from "@radix-ui/react-alert-dialog";
3
- import { Button as c } from "./bundle.es4.js";
4
- import { RemoveListener as N } from "./bundle.es51.js";
5
- import { VisuallyHidden as u } from "@radix-ui/react-visually-hidden";
6
- const C = ({
7
- open: d,
8
- defaultOpen: p,
9
- onOpenChange: m,
10
- onUnMounted: h,
11
- icon: i,
12
- title: l,
13
- description: o,
14
- cancelDefaultText: n,
15
- cancel: t,
16
- disableCancel: v,
17
- confirm: s
18
- }) => /* @__PURE__ */ a(r.Root, { open: d, defaultOpen: p, onOpenChange: m, children: [
19
- /* @__PURE__ */ e(N, { callback: h }),
20
- /* @__PURE__ */ a(r.Portal, { children: [
21
- /* @__PURE__ */ e(r.Overlay, { className: "popup-overlay dialog-overlay" }),
22
- /* @__PURE__ */ e(r.Content, { className: "popup-container dialog-container", children: /* @__PURE__ */ a("div", { className: "popup alert", children: [
23
- /* @__PURE__ */ a("div", { className: "alert-body", children: [
24
- i && /* @__PURE__ */ e("span", { className: "alert-icon", children: i }),
25
- /* @__PURE__ */ a("div", { className: "alert-content", children: [
26
- l && /* @__PURE__ */ e(r.Title, { className: "alert-title", children: l }),
27
- !l && /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(r.Title, {}) }),
28
- o && /* @__PURE__ */ e(r.Description, { className: "alert-description", children: o })
29
- ] })
30
- ] }),
31
- /* @__PURE__ */ a("div", { className: "alert-footer", children: [
32
- !v && (t?.text || n) && /* @__PURE__ */ e(r.Cancel, { asChild: !0, children: /* @__PURE__ */ e(c, { appearance: "neutral", ...t, text: t?.text ?? n }) }),
33
- s?.text && /* @__PURE__ */ e(r.Action, { asChild: !0, children: /* @__PURE__ */ e(c, { appearance: "negative", ...s }) })
34
- ] })
35
- ] }) })
36
- ] })
37
- ] });
38
- export {
39
- C as AlertDialog
40
- };
@@ -1,18 +0,0 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import { Button as m } from "./bundle.es4.js";
3
- import { useLoading as p } from "./bundle.es52.js";
4
- const g = ({ onClick: o, appearance: r = "primary", ...i }) => {
5
- const { isLoading: n, isError: t, handleClick: a } = p({ onClick: o });
6
- return /* @__PURE__ */ e(
7
- m,
8
- {
9
- appearance: t ? "negative" : r,
10
- ...i,
11
- loading: n,
12
- onClick: a
13
- }
14
- );
15
- };
16
- export {
17
- g as LoadingButton
18
- };
@@ -1,36 +0,0 @@
1
- import { jsx as n, jsxs as T } from "react/jsx-runtime";
2
- import * as c from "@radix-ui/react-tabs";
3
- import { useRef as g, useId as p, createContext as v, useState as I, useContext as d, useEffect as R } from "react";
4
- const l = v({ baseId: "", listRef: {} }), b = (t, e) => `radix-${t}-trigger-${e}`, y = ({ children: t, value: e, onChange: s }) => {
5
- const r = g(null), o = p();
6
- return /* @__PURE__ */ n(c.Root, { value: e, onValueChange: s, children: /* @__PURE__ */ n(l.Provider, { value: { baseId: o, listRef: r }, children: /* @__PURE__ */ T(c.List, { className: "tabs", ref: r, children: [
7
- /* @__PURE__ */ n($, { value: e }),
8
- t
9
- ] }) }) });
10
- }, $ = ({ value: t }) => {
11
- const [e, s] = I({}), { baseId: r, listRef: o } = d(l);
12
- return R(() => {
13
- const a = { observer: null };
14
- if (o.current) {
15
- const f = `.tab[id="${b(r, t)}"]`, i = o.current.querySelector(f);
16
- i != null ? (a.observer = new ResizeObserver(() => {
17
- const { clientHeight: u, clientWidth: m, offsetLeft: h, offsetTop: x } = i;
18
- s({
19
- height: u,
20
- transform: `translateX(${Math.floor(h)}px) translateY(${Math.floor(x)}px)`,
21
- width: m
22
- });
23
- }), a.observer.observe(i)) : s({ display: "none" });
24
- }
25
- return () => {
26
- a.observer && a.observer.disconnect();
27
- };
28
- }, [t]), /* @__PURE__ */ n("div", { className: "tab-indicator-container", style: e, children: /* @__PURE__ */ n("div", { className: "tab-indicator" }) });
29
- }, C = ({ children: t, value: e, ...s }) => {
30
- const { baseId: r } = d(l), o = b(r, e);
31
- return /* @__PURE__ */ n(c.Trigger, { ...s, id: o, className: "tab", value: e, children: t });
32
- };
33
- y.Tab = C;
34
- export {
35
- y as Tabs
36
- };
@@ -1,23 +0,0 @@
1
- import { jsx as d, Fragment as p } from "react/jsx-runtime";
2
- import { getNextCandleTime as T, sleep as S, getTimes as x } from "@companix/utils-js";
3
- import { useRef as g, useState as v, useEffect as s } from "react";
4
- const n = (t) => String(t).padStart(2, "0"), j = ({ expiration: t, separator: m = ":", onExpired: a }) => {
5
- const e = g(null), [, o] = v([]);
6
- s(() => {
7
- const c = Date.now(), f = T(c, "1s") - c;
8
- return e.current && clearInterval(e.current), S(f).then(() => {
9
- o([]), e.current = setInterval(() => {
10
- o([]);
11
- }, 1e3);
12
- }), () => {
13
- e.current && clearInterval(e.current);
14
- };
15
- }, [t]);
16
- const r = t - Date.now(), { hours: i, minutes: u, seconds: l } = x(r);
17
- return s(() => {
18
- r <= 0 && (a?.(), e.current && clearInterval(e.current));
19
- }, [r <= 0]), /* @__PURE__ */ d(p, { children: [n(i), n(u), n(l)].join(m) });
20
- };
21
- export {
22
- j as Countdown
23
- };
@@ -1,44 +0,0 @@
1
- import { jsx as f } from "react/jsx-runtime";
2
- import { useResizeTextarea as x } from "./bundle.es53.js";
3
- import { attr as e, callMultiple as u } from "@companix/utils-browser";
4
- import { useEffect as z } from "react";
5
- import { mergeRefs as R } from "react-merge-refs";
6
- const q = ({
7
- onResize: m,
8
- grow: a = !1,
9
- value: t,
10
- onChange: s,
11
- disabled: o,
12
- required: i,
13
- rows: l = 2,
14
- fill: p = !1,
15
- textAreaRef: c,
16
- ...d
17
- }) => {
18
- const [n, r] = x(m, a);
19
- return z(r, [r, t]), /* @__PURE__ */ f(
20
- "div",
21
- {
22
- className: "form form-textarea",
23
- "data-required": e(i),
24
- "data-disabled": e(o),
25
- "data-fill": e(p),
26
- children: /* @__PURE__ */ f(
27
- "textarea",
28
- {
29
- className: "form-input",
30
- "data-grow": e(a),
31
- value: t,
32
- ref: R([c, n]),
33
- rows: l,
34
- disabled: o,
35
- onChange: u(s, r),
36
- ...d
37
- }
38
- )
39
- }
40
- );
41
- };
42
- export {
43
- q as TextArea
44
- };
@@ -1,118 +0,0 @@
1
- import { jsx as o, jsxs as l } from "react/jsx-runtime";
2
- import { useFroozeClosing as M } from "./bundle.es44.js";
3
- import { Popover as j } from "./bundle.es10.js";
4
- import { OptionItem as q } from "./bundle.es14.js";
5
- import { OptionsList as V } from "./bundle.es16.js";
6
- import { Icon as d } from "./bundle.es33.js";
7
- import { useState as B, useRef as h, useMemo as g } from "react";
8
- import { f as H } from "./bundle.es54.js";
9
- import { f as Q } from "./bundle.es55.js";
10
- import { attr as x, getActiveElementByAnotherElement as G, contains as J } from "@companix/utils-browser";
11
- import { mergeRefs as K } from "react-merge-refs";
12
- const se = (C) => {
13
- const {
14
- options: r,
15
- closeAfterSelect: v,
16
- placeholder: N,
17
- onChange: c,
18
- emptyText: R = "Ничего не найдено",
19
- readOnly: m,
20
- size: z = "md",
21
- value: n,
22
- inputRef: A,
23
- disabled: u,
24
- required: D
25
- } = C, [a, E] = B(""), i = h(null), w = h(null), { popoverRef: f, froozePopoverPosition: y, handleAnimationEnd: b } = M(), O = g(() => {
26
- const e = {};
27
- return r.forEach((t) => {
28
- e[t.value] = t;
29
- }), e;
30
- }, [r]), P = (e) => n.includes(e) ? [...n] : [...n, e], T = (e) => n.filter((t) => e !== t), k = (e, t) => {
31
- v ? (y(), c(e), t()) : c(e);
32
- }, p = g(() => a.trim() ? r.filter(({ title: e }) => {
33
- const t = e.toLowerCase(), s = a.trim().toLowerCase();
34
- return t.indexOf(s) >= 0;
35
- }) : r, [a, r]), I = (e) => {
36
- if (u) return;
37
- f.current && f.current.getAttribute("data-state") === "open" && e.preventDefault();
38
- const t = G(e.currentTarget);
39
- e.defaultPrevented || J(e.currentTarget, t) || i.current && i.current.focus();
40
- }, S = (e) => {
41
- e.target !== i.current && e.preventDefault();
42
- }, $ = (e, t) => {
43
- e.stopPropagation(), c(T(t));
44
- };
45
- return /* @__PURE__ */ o(
46
- j,
47
- {
48
- minimal: !0,
49
- ref: f,
50
- sideOffset: 0,
51
- matchTarget: "width",
52
- onAnimationEnd: b,
53
- onOpenAutoFocus: (e) => e.preventDefault(),
54
- onCloseAutoFocus: (e) => e.preventDefault(),
55
- content: ({ close: e }) => /* @__PURE__ */ l(V, { maxHeight: 300, children: [
56
- p.length === 0 && /* @__PURE__ */ o("div", { className: "select-tags-empty", children: R }),
57
- p.map(({ value: t, title: s, icon: F }, L) => /* @__PURE__ */ o(
58
- q,
59
- {
60
- active: n.includes(t),
61
- onClick: () => k(P(t), e),
62
- title: s,
63
- icon: F
64
- },
65
- `option-item-${t}-${L}`
66
- ))
67
- ] }),
68
- children: /* @__PURE__ */ o(
69
- "div",
70
- {
71
- className: "form",
72
- onClick: I,
73
- onMouseDown: S,
74
- "data-size": z,
75
- "data-required": x(D),
76
- children: /* @__PURE__ */ l("div", { className: "select-tags-container", children: [
77
- /* @__PURE__ */ l("div", { className: "select-tags", children: [
78
- n.length > 0 && /* @__PURE__ */ o(
79
- "div",
80
- {
81
- className: "tag-container",
82
- ref: w,
83
- role: "listbox",
84
- "data-readonly": x(m),
85
- children: n.map((e, t) => /* @__PURE__ */ l("div", { className: "tag", children: [
86
- /* @__PURE__ */ o("span", { className: "tag-name", children: O[e].title }),
87
- /* @__PURE__ */ o("button", { className: "tag-close-button", onClick: (s) => $(s, e), children: /* @__PURE__ */ o(d, { className: "tag-close-icon", icon: Q.faClose, size: "xxxs" }) })
88
- ] }, `tag-option-${e}-${t}`))
89
- }
90
- ),
91
- (!m || n.length === 0) && /* @__PURE__ */ o(
92
- "input",
93
- {
94
- ref: K([A, i]),
95
- type: "text",
96
- autoCapitalize: "none",
97
- autoComplete: "off",
98
- autoCorrect: "off",
99
- className: "form-input",
100
- spellCheck: !1,
101
- value: a,
102
- disabled: u,
103
- readOnly: m,
104
- placeholder: N,
105
- onChange: ({ target: e }) => E(e.value)
106
- }
107
- )
108
- ] }),
109
- /* @__PURE__ */ o(d, { className: "expand-icon", icon: H.faChevronDown, size: "xxxs" })
110
- ] })
111
- }
112
- )
113
- }
114
- );
115
- };
116
- export {
117
- se as SelectTags
118
- };
@@ -1,123 +0,0 @@
1
- import { jsx as u } from "react/jsx-runtime";
2
- import { Popover as T } from "./bundle.es10.js";
3
- import { Input as w } from "./bundle.es13.js";
4
- import { useState as A, useRef as j } from "react";
5
- import { Calendar as E } from "./bundle.es56.js";
6
- import { useDayDisableCheker as N } from "./bundle.es57.js";
7
- import { getNum as h, formatTime as v } from "@companix/utils-js";
8
- import { removeDigits as O } from "./bundle.es58.js";
9
- import { SelectRightElements as Y } from "./bundle.es59.js";
10
- const i = {
11
- char: "-",
12
- toString: (e) => {
13
- if (e) {
14
- const n = v(e.getDate()), r = v(e.getMonth() + 1), l = e.getFullYear();
15
- return [n, r, l].join(i.char);
16
- }
17
- return "";
18
- },
19
- toValue: (e) => {
20
- const n = e.split(i.char);
21
- if (n.length === 3) {
22
- const [r, l, a] = [h(n[0]), h(n[1]), h(n[2])];
23
- if (r && l && a) {
24
- const o = new Date(a, l - 1, r);
25
- if (o.getFullYear() === a && o.getDate() === r && o.getMonth() === l - 1)
26
- return o;
27
- }
28
- }
29
- return null;
30
- }
31
- }, U = (e) => {
32
- const {
33
- clearButton: n,
34
- clearButtonIcon: r,
35
- children: l,
36
- disabled: a,
37
- // calendar props
38
- value: o,
39
- enableTime: y,
40
- disablePickers: I,
41
- showNeighboringMonth: P,
42
- onChange: c,
43
- shouldDisableDate: g,
44
- viewDate: S,
45
- disablePast: d,
46
- disableFuture: D,
47
- minDateTime: C,
48
- maxDateTime: b,
49
- // input props
50
- ...V
51
- } = e, [m, s] = A(() => i.toString(o ?? null)), p = j(null), k = N({
52
- disableFuture: D,
53
- disablePast: d,
54
- shouldDisableDate: g,
55
- minDateTime: C,
56
- maxDateTime: b
57
- }), B = (t) => {
58
- a || p.current && p.current.getAttribute("data-state") === "open" && t.preventDefault();
59
- }, F = (t) => {
60
- t.stopPropagation(), s(""), c?.(null);
61
- }, x = (t) => {
62
- s(t);
63
- const f = i.toValue(t);
64
- f && !k(f) && c?.(f);
65
- }, M = () => {
66
- const t = i.toValue(m);
67
- (!t || k(t)) && s(i.toString(o ?? null));
68
- }, R = (t) => {
69
- c?.(t), s(i.toString(t));
70
- };
71
- return /* @__PURE__ */ u(
72
- T,
73
- {
74
- minimal: !0,
75
- ref: p,
76
- sideOffset: 0,
77
- onOpenAutoFocus: (t) => t.preventDefault(),
78
- onCloseAutoFocus: (t) => t.preventDefault(),
79
- disabled: a,
80
- fitMaxHeight: !1,
81
- content: () => /* @__PURE__ */ u(
82
- E,
83
- {
84
- value: o,
85
- disablePast: d,
86
- disableFuture: D,
87
- enableTime: y,
88
- disablePickers: I,
89
- showNeighboringMonth: P,
90
- onChange: R,
91
- shouldDisableDate: g,
92
- viewDate: S,
93
- minDateTime: C,
94
- maxDateTime: b
95
- }
96
- ),
97
- children: /* @__PURE__ */ u(
98
- w,
99
- {
100
- ...V,
101
- value: m,
102
- disabled: a,
103
- onClick: B,
104
- onValueChange: x,
105
- onBlur: M,
106
- mask: "99-99-9999",
107
- rightElement: /* @__PURE__ */ u(
108
- Y,
109
- {
110
- clearButton: n,
111
- clearButtonIcon: r,
112
- value: !!O(m, ["-", "_"]),
113
- onClear: F
114
- }
115
- )
116
- }
117
- )
118
- }
119
- );
120
- };
121
- export {
122
- U as DatePicker
123
- };
@@ -1,76 +0,0 @@
1
- import { jsxs as D, jsx as h } from "react/jsx-runtime";
2
- import { useMemo as M, useEffect as C } from "react";
3
- import { Select as c } from "./bundle.es12.js";
4
- import { createDateValidation as O, getMonthMaxDay as T } from "./bundle.es58.js";
5
- import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es60.js";
6
- const B = ({
7
- min: o = j,
8
- max: e = N,
9
- disabled: r,
10
- value: a,
11
- noDaySelect: g,
12
- noYearSelect: u,
13
- onChange: l,
14
- required: m,
15
- size: i
16
- }) => {
17
- const d = M(() => O({ min: o, max: e }), [o, e]);
18
- C(() => {
19
- const t = d(a);
20
- t && l(t);
21
- }, [d, a]);
22
- const { years: p, months: w, days: f } = V({ min: o, max: e, now: a }), s = (t, x) => {
23
- const n = { ...a };
24
- n[t] = x;
25
- const y = T(n.month, n.year);
26
- n.day = n.day > y ? y : n.day, l(n);
27
- };
28
- return /* @__PURE__ */ D("div", { className: "data-input", children: [
29
- !u && p.length > 0 && /* @__PURE__ */ h(
30
- c,
31
- {
32
- placeholder: "Год",
33
- options: p,
34
- onChange: (t) => s("year", t),
35
- value: a.year,
36
- required: m,
37
- disabled: r,
38
- size: i,
39
- minimalOptions: !0,
40
- matchTarget: "min-width"
41
- }
42
- ),
43
- /* @__PURE__ */ h(
44
- c,
45
- {
46
- placeholder: "Месяц",
47
- className: "w-full",
48
- options: w,
49
- onChange: (t) => s("month", t),
50
- value: a.month,
51
- disabled: r,
52
- required: m,
53
- size: i,
54
- minimalOptions: !0,
55
- matchTarget: "min-width"
56
- }
57
- ),
58
- !g && /* @__PURE__ */ h(
59
- c,
60
- {
61
- placeholder: "День",
62
- options: f,
63
- disabled: r || f.length === 0,
64
- onChange: (t) => s("day", t),
65
- value: a.day,
66
- required: m,
67
- size: i,
68
- minimalOptions: !0,
69
- matchTarget: "min-width"
70
- }
71
- )
72
- ] });
73
- };
74
- export {
75
- B as DateInput
76
- };
@@ -1,4 +0,0 @@
1
- const a = [16, 20, 24, 28, 32, 36, 40, 44, 48, 56, 64, 72, 80, 88, 96];
2
- export {
3
- a as avatarSizes
4
- };