@companix/uikit 0.0.3 → 0.0.4

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 (165) hide show
  1. package/dist/Button/Button.scss +128 -0
  2. package/dist/ButtonGroup/ButtonGroup.scss +18 -0
  3. package/dist/Checkbox/Checkbox.scss +115 -0
  4. package/dist/DateInput/DateInput.scss +11 -0
  5. package/dist/DatePicker/Calendar.scss +125 -0
  6. package/dist/DatePicker/DatePicker.scss +0 -0
  7. package/dist/Dialog/Dialog.scss +25 -0
  8. package/dist/Dialog/Popup.scss +55 -0
  9. package/dist/DialogAlert/Alert.scss +52 -0
  10. package/dist/Drawer/Drawer.scss +112 -0
  11. package/dist/Form/Form.scss +70 -0
  12. package/dist/Form/Input.scss +24 -0
  13. package/dist/Icon/icon.scss +18 -0
  14. package/dist/OptionItem/Option.scss +89 -0
  15. package/dist/Popover/Popover.scss +80 -0
  16. package/dist/Radio/Radio.scss +148 -0
  17. package/dist/Scrollable/Scrollable.scss +50 -0
  18. package/dist/Select/Select.scss +80 -0
  19. package/dist/SelectTags/SelectTags.scss +66 -0
  20. package/dist/Spinner/Spinner.scss +14 -0
  21. package/dist/Stepper/StepperInput.scss +35 -0
  22. package/dist/Switch/Switch.scss +102 -0
  23. package/dist/Tabs/Tabs.scss +58 -0
  24. package/dist/TextArea/TextArea.scss +34 -0
  25. package/dist/Toaster/Toaster.scss +151 -0
  26. package/dist/Tooltip/Tooltip.scss +28 -0
  27. package/dist/bundle.es.js +56 -59
  28. package/dist/bundle.es10.js +35 -84
  29. package/dist/bundle.es11.js +30 -72
  30. package/dist/bundle.es12.js +14 -34
  31. package/dist/bundle.es13.js +7 -30
  32. package/dist/bundle.es14.js +33 -16
  33. package/dist/bundle.es15.js +24 -8
  34. package/dist/bundle.es16.js +15 -27
  35. package/dist/bundle.es17.js +22 -25
  36. package/dist/bundle.es18.js +13 -21
  37. package/dist/bundle.es19.js +38 -22
  38. package/dist/bundle.es2.js +45 -0
  39. package/dist/bundle.es20.js +16 -13
  40. package/dist/bundle.es21.js +34 -39
  41. package/dist/bundle.es22.js +20 -15
  42. package/dist/bundle.es23.js +38 -32
  43. package/dist/bundle.es24.js +110 -20
  44. package/dist/bundle.es25.js +106 -34
  45. package/dist/bundle.es26.js +34 -110
  46. package/dist/bundle.es27.js +11 -113
  47. package/dist/bundle.es28.js +23 -34
  48. package/dist/bundle.es29.js +35 -10
  49. package/dist/bundle.es3.js +10 -42
  50. package/dist/bundle.es30.js +20 -21
  51. package/dist/bundle.es31.js +81 -36
  52. package/dist/bundle.es32.js +20 -0
  53. package/dist/bundle.es33.js +16 -0
  54. package/dist/bundle.es34.js +24 -0
  55. package/dist/bundle.es35.js +5 -41
  56. package/dist/bundle.es36.js +18 -437
  57. package/dist/bundle.es37.js +14 -22
  58. package/dist/bundle.es38.js +68 -22
  59. package/dist/bundle.es39.js +68 -81
  60. package/dist/bundle.es4.js +85 -12
  61. package/dist/bundle.es40.js +31 -17
  62. package/dist/bundle.es41.js +67 -13
  63. package/dist/bundle.es43.js +75 -5
  64. package/dist/bundle.es44.js +46 -18
  65. package/dist/bundle.es45.js +42 -13
  66. package/dist/bundle.es5.js +82 -83
  67. package/dist/bundle.es6.js +74 -81
  68. package/dist/bundle.es7.js +26 -78
  69. package/dist/bundle.es8.js +80 -22
  70. package/dist/bundle.es9.js +71 -43
  71. package/dist/css-properties.scss +120 -0
  72. package/dist/{types/index.d.ts → index.d.ts} +0 -1
  73. package/dist/index.scss +25 -0
  74. package/dist/mixins.scss +100 -0
  75. package/dist/theme.scss +101 -0
  76. package/package.json +1 -1
  77. package/dist/bundle.es46.js +0 -72
  78. package/dist/bundle.es47.js +0 -70
  79. package/dist/bundle.es48.js +0 -34
  80. package/dist/bundle.es49.js +0 -70
  81. package/dist/bundle.es51.js +0 -78
  82. package/dist/bundle.es52.js +0 -51
  83. package/dist/bundle.es53.js +0 -45
  84. package/dist/bundle.es54.js +0 -40
  85. package/dist/bundle.es55.js +0 -36
  86. package/dist/bundle.es56.js +0 -9
  87. package/dist/bundle.es57.js +0 -9
  88. package/dist/bundle.es58.js +0 -7
  89. package/dist/bundle.es59.js +0 -9
  90. package/dist/bundle.es60.js +0 -8
  91. package/dist/bundle.es61.js +0 -19
  92. package/dist/bundle.es62.js +0 -15
  93. package/dist/bundle.es63.js +0 -22
  94. package/dist/bundle.es64.js +0 -45
  95. package/dist/bundle.es65.js +0 -28
  96. package/dist/bundle.es66.js +0 -34
  97. package/dist/bundle.es67.js +0 -6
  98. package/dist/bundle.es68.js +0 -12
  99. package/dist/bundle.es69.js +0 -47
  100. package/dist/bundle.es70.js +0 -11
  101. package/dist/bundle.es71.js +0 -18
  102. package/dist/bundle.es72.js +0 -32
  103. package/dist/bundle.es73.js +0 -35
  104. package/dist/bundle.es74.js +0 -6
  105. package/dist/bundle.es75.js +0 -7
  106. package/dist/bundle.es76.js +0 -7
  107. package/dist/bundle.es77.js +0 -11
  108. package/dist/bundle.es78.js +0 -17
  109. package/dist/bundle.es79.js +0 -7
  110. package/dist/bundle.es80.js +0 -17
  111. package/dist/bundle.es81.js +0 -25
  112. package/dist/uikit.css +0 -1
  113. /package/dist/{types/Button → Button}/index.d.ts +0 -0
  114. /package/dist/{types/ButtonGroup → ButtonGroup}/index.d.ts +0 -0
  115. /package/dist/{types/Checkbox → Checkbox}/index.d.ts +0 -0
  116. /package/dist/{types/Countdown → Countdown}/index.d.ts +0 -0
  117. /package/dist/{types/DateInput → DateInput}/index.d.ts +0 -0
  118. /package/dist/{types/DatePicker → DatePicker}/Calendar.d.ts +0 -0
  119. /package/dist/{types/DatePicker → DatePicker}/CalendarHeader.d.ts +0 -0
  120. /package/dist/{types/DatePicker → DatePicker}/index.d.ts +0 -0
  121. /package/dist/{types/Dialog → Dialog}/index.d.ts +0 -0
  122. /package/dist/{types/DialogAlert → DialogAlert}/Alert.d.ts +0 -0
  123. /package/dist/{types/DialogAlert → DialogAlert}/Viewport.d.ts +0 -0
  124. /package/dist/{types/DialogAlert → DialogAlert}/index.d.ts +0 -0
  125. /package/dist/{types/Drawer → Drawer}/index.d.ts +0 -0
  126. /package/dist/{types/File → File}/index.d.ts +0 -0
  127. /package/dist/{types/Form → Form}/index.d.ts +0 -0
  128. /package/dist/{types/Icon → Icon}/index.d.ts +0 -0
  129. /package/dist/{types/LoadButton → LoadButton}/index.d.ts +0 -0
  130. /package/dist/{types/NumberInput → NumberInput}/index.d.ts +0 -0
  131. /package/dist/{types/OptionItem → OptionItem}/OptionItem.d.ts +0 -0
  132. /package/dist/{types/OptionItem → OptionItem}/OptionsList.d.ts +0 -0
  133. /package/dist/{types/Popover → Popover}/index.d.ts +0 -0
  134. /package/dist/{types/Radio → Radio}/index.d.ts +0 -0
  135. /package/dist/{types/Scrollable → Scrollable}/ImitateScroll.d.ts +0 -0
  136. /package/dist/{types/Scrollable → Scrollable}/index.d.ts +0 -0
  137. /package/dist/{types/Select → Select}/SelectInput.d.ts +0 -0
  138. /package/dist/{types/Select → Select}/index.d.ts +0 -0
  139. /package/dist/{types/SelectTags → SelectTags}/index.d.ts +0 -0
  140. /package/dist/{types/Spinner → Spinner}/index.d.ts +0 -0
  141. /package/dist/{types/Stepper → Stepper}/index.d.ts +0 -0
  142. /package/dist/{types/Switch → Switch}/index.d.ts +0 -0
  143. /package/dist/{types/Tabs → Tabs}/index.d.ts +0 -0
  144. /package/dist/{types/TextArea → TextArea}/index.d.ts +0 -0
  145. /package/dist/{types/Toaster → Toaster}/RemoveListener.d.ts +0 -0
  146. /package/dist/{types/Toaster → Toaster}/Toast.d.ts +0 -0
  147. /package/dist/{types/Toaster → Toaster}/Viewport.d.ts +0 -0
  148. /package/dist/{types/Toaster → Toaster}/index.d.ts +0 -0
  149. /package/dist/{types/Tooltip → Tooltip}/index.d.ts +0 -0
  150. /package/dist/{types/__hooks → __hooks}/use-frooze-closing.d.ts +0 -0
  151. /package/dist/{types/__hooks → __hooks}/use-loading.d.ts +0 -0
  152. /package/dist/{types/__hooks → __hooks}/use-local-storage.d.ts +0 -0
  153. /package/dist/{types/__hooks → __hooks}/use-popover-position.d.ts +0 -0
  154. /package/dist/{types/__hooks → __hooks}/use-previos.d.ts +0 -0
  155. /package/dist/{types/__hooks → __hooks}/use-resize.d.ts +0 -0
  156. /package/dist/{types/__hooks → __hooks}/use-scrollbox.d.ts +0 -0
  157. /package/dist/{types/__hooks → __hooks}/use-stepper-input.d.ts +0 -0
  158. /package/dist/{types/__hooks → __hooks}/use-update.d.ts +0 -0
  159. /package/dist/{types/__hooks → __hooks}/useCalendar.d.ts +0 -0
  160. /package/dist/{types/__hooks → __hooks}/useCalendarOptions-copy.d.ts +0 -0
  161. /package/dist/{types/__hooks → __hooks}/useCalendarOptions.d.ts +0 -0
  162. /package/dist/{types/__libs → __libs}/calendar.d.ts +0 -0
  163. /package/dist/{types/__utils → __utils}/utils.d.ts +0 -0
  164. /package/dist/{bundle.es50.js → bundle.es42.js} +0 -0
  165. /package/dist/{types/types.d.ts → types.d.ts} +0 -0
@@ -1,442 +1,23 @@
1
- import { setEventTarget as me, createSyntheticEvent as be, preventFocus as te } from "./bundle.es54.js";
2
- import { restoreTextSelection as z, disableTextSelection as re } from "./bundle.es55.js";
3
- import { PressResponderContext as Se } from "./bundle.es56.js";
4
- import { _ as xe } from "./bundle.es57.js";
5
- import { _ as Ke } from "./bundle.es58.js";
6
- import { _ as ne } from "./bundle.es59.js";
7
- import { chain as ke } from "./bundle.es60.js";
8
- import { nodeContains as c, getEventTarget as u } from "./bundle.es61.js";
9
- import { getOwnerDocument as y, getOwnerWindow as N } from "./bundle.es62.js";
10
- import { mergeProps as ge } from "./bundle.es63.js";
11
- import { focusWithoutScrolling as Oe } from "./bundle.es64.js";
12
- import { openLink as ie } from "./bundle.es65.js";
13
- import { useGlobalListeners as Me } from "./bundle.es66.js";
14
- import { useLayoutEffect as se } from "./bundle.es67.js";
15
- import { useSyncRef as Ce } from "./bundle.es68.js";
16
- import { isMac as Ie } from "./bundle.es69.js";
17
- import { isVirtualPointerEvent as we, isVirtualClick as ae } from "./bundle.es70.js";
18
- import { useEffectEvent as X } from "./bundle.es71.js";
19
- import { flushSync as Le } from "react-dom";
20
- import { useState as j, useRef as De, useCallback as O, useMemo as _e, useEffect as oe, useContext as Ue } from "react";
21
- function Ye(n) {
22
- let s = Ue(Se);
23
- if (s) {
24
- let { register: o, ...f } = s;
25
- n = ge(f, n), o();
26
- }
27
- return Ce(s, n.ref), n;
28
- }
29
- var R = /* @__PURE__ */ new WeakMap();
30
- class F {
31
- continuePropagation() {
32
- ne(this, R, !1);
33
- }
34
- get shouldStopPropagation() {
35
- return xe(this, R);
36
- }
37
- constructor(s, o, f, p) {
38
- Ke(this, R, {
39
- writable: !0,
40
- value: void 0
41
- }), ne(this, R, !0);
42
- var P;
43
- let v = (P = p?.target) !== null && P !== void 0 ? P : f.currentTarget;
44
- const d = v?.getBoundingClientRect();
45
- let w, S = 0, C, g = null;
46
- f.clientX != null && f.clientY != null && (C = f.clientX, g = f.clientY), d && (C != null && g != null ? (w = C - d.left, S = g - d.top) : (w = d.width / 2, S = d.height / 2)), this.type = s, this.pointerType = o, this.target = f.currentTarget, this.shiftKey = f.shiftKey, this.metaKey = f.metaKey, this.ctrlKey = f.ctrlKey, this.altKey = f.altKey, this.x = w, this.y = S;
47
- }
48
- }
49
- const le = /* @__PURE__ */ Symbol("linkClicked"), fe = "react-aria-pressable-style", ue = "data-react-aria-pressable";
50
- function ft(n) {
51
- let { onPress: s, onPressChange: o, onPressStart: f, onPressEnd: p, onPressUp: P, onClick: v, isDisabled: d, isPressed: w, preventFocusOnPress: S, shouldCancelOnPointerExit: C, allowTextSelectionOnPress: g, ref: A, ...Te } = Ye(n), [Pe, Q] = j(!1), E = De({
52
- isPressed: !1,
53
- ignoreEmulatedMouseEvents: !1,
54
- didFirePressStart: !1,
55
- isTriggeringEvent: !1,
56
- activePointerId: null,
57
- target: null,
58
- isOverTarget: !1,
59
- pointerType: null,
60
- disposables: []
61
- }), { addGlobalListener: h, removeAllGlobalListeners: I, removeGlobalListener: x } = Me(), $ = O((e, r) => {
62
- let t = E.current;
63
- if (d || t.didFirePressStart) return !1;
64
- let i = !0;
65
- if (t.isTriggeringEvent = !0, f) {
66
- let a = new F("pressstart", r, e);
67
- f(a), i = a.shouldStopPropagation;
68
- }
69
- return o && o(!0), t.isTriggeringEvent = !1, t.didFirePressStart = !0, Q(!0), i;
70
- }, [
71
- d,
72
- f,
73
- o
74
- ]), T = O((e, r, t = !0) => {
75
- let i = E.current;
76
- if (!i.didFirePressStart) return !1;
77
- i.didFirePressStart = !1, i.isTriggeringEvent = !0;
78
- let a = !0;
79
- if (p) {
80
- let l = new F("pressend", r, e);
81
- p(l), a = l.shouldStopPropagation;
82
- }
83
- if (o && o(!1), Q(!1), s && t && !d) {
84
- let l = new F("press", r, e);
85
- s(l), a && (a = l.shouldStopPropagation);
86
- }
87
- return i.isTriggeringEvent = !1, a;
88
- }, [
89
- d,
90
- p,
91
- o,
92
- s
93
- ]), $e = X(T), K = O((e, r) => {
94
- let t = E.current;
95
- if (d) return !1;
96
- if (P) {
97
- t.isTriggeringEvent = !0;
98
- let i = new F("pressup", r, e);
99
- return P(i), t.isTriggeringEvent = !1, i.shouldStopPropagation;
100
- }
101
- return !0;
102
- }, [
103
- d,
104
- P
105
- ]), ye = X(K), m = O((e) => {
106
- let r = E.current;
107
- if (r.isPressed && r.target) {
108
- r.didFirePressStart && r.pointerType != null && T(M(r.target, e), r.pointerType, !1), r.isPressed = !1, D(null), r.isOverTarget = !1, r.activePointerId = null, r.pointerType = null, I(), g || z(r.target);
109
- for (let t of r.disposables) t();
110
- r.disposables = [];
111
- }
112
- }, [
113
- g,
114
- I,
115
- T
116
- ]), L = X(m), _ = O((e) => {
117
- C && m(e);
118
- }, [
119
- C,
120
- m
121
- ]), V = O((e) => {
122
- d || v?.(e);
123
- }, [
124
- d,
125
- v
126
- ]), B = O((e, r) => {
127
- if (!d && v) {
128
- let t = new MouseEvent("click", e);
129
- me(t, r), v(be(t));
130
- }
131
- }, [
132
- d,
133
- v
134
- ]), Ee = X(B), [Z, ee] = j(!1);
135
- se(() => {
136
- let e = E.current;
137
- if (Z) {
138
- let r = (l) => {
139
- var k;
140
- if (e.isPressed && e.target && q(l, e.target)) {
141
- var G;
142
- de(u(l), l.key) && l.preventDefault();
143
- let W = u(l), Y = c(e.target, u(l));
144
- $e(M(e.target, l), "keyboard", Y), Y && Ee(l, e.target), I(), l.key !== "Enter" && J(e.target) && c(e.target, W) && !l[le] && (l[le] = !0, ie(e.target, l, !1)), e.isPressed = !1, ee(!1), (G = e.metaKeyEvents) === null || G === void 0 || G.delete(l.key);
145
- } else if (l.key === "Meta" && (!((k = e.metaKeyEvents) === null || k === void 0) && k.size)) {
146
- var H;
147
- let W = e.metaKeyEvents;
148
- e.metaKeyEvents = void 0;
149
- for (let Y of W.values()) (H = e.target) === null || H === void 0 || H.dispatchEvent(new KeyboardEvent("keyup", Y));
150
- }
151
- }, t = e.target, a = ke((l) => {
152
- t && q(l, t) && !l.repeat && c(t, u(l)) && e.target && ye(M(e.target, l), "keyboard");
153
- }, r);
154
- return h(y(e.target), "keyup", a, !0), () => {
155
- x(y(e.target), "keyup", a, !0);
156
- };
157
- }
158
- }, [
159
- Z,
160
- h,
161
- I,
162
- x
163
- ]);
164
- let [U, D] = j(null);
165
- se(() => {
166
- let e = E.current;
167
- if (U === "pointer") {
168
- let r = (i) => {
169
- if (i.pointerId === e.activePointerId && e.isPressed && i.button === 0 && e.target) {
170
- if (c(e.target, u(i)) && e.pointerType != null) {
171
- let a = !1, l = setTimeout(() => {
172
- e.isPressed && e.target instanceof HTMLElement && (a ? L(i) : (Oe(e.target), e.target.click()));
173
- }, 80);
174
- h(i.currentTarget, "click", () => a = !0, !0), e.disposables.push(() => clearTimeout(l));
175
- } else L(i);
176
- e.isOverTarget = !1;
177
- }
178
- }, t = (i) => {
179
- L(i);
180
- };
181
- return h(y(e.target), "pointerup", r, !1), h(y(e.target), "pointercancel", t, !1), () => {
182
- x(y(e.target), "pointerup", r, !1), x(y(e.target), "pointercancel", t, !1);
183
- };
184
- } else if (U === "mouse" && process.env.NODE_ENV === "test") {
185
- let r = (t) => {
186
- if (t.button === 0) {
187
- if (e.ignoreEmulatedMouseEvents) {
188
- e.ignoreEmulatedMouseEvents = !1;
189
- return;
190
- }
191
- e.target && e.target.contains(t.target) && e.pointerType != null || L(t), e.isOverTarget = !1;
192
- }
193
- };
194
- return h(y(e.target), "mouseup", r, !1), () => {
195
- x(y(e.target), "mouseup", r, !1);
196
- };
197
- } else if (U === "touch" && process.env.NODE_ENV === "test") {
198
- let r = (t) => {
199
- e.isPressed && c(u(t), e.target) && L({
200
- currentTarget: e.target,
201
- shiftKey: !1,
202
- ctrlKey: !1,
203
- metaKey: !1,
204
- altKey: !1
1
+ import { useState as a } from "react";
2
+ const l = ({ onClick: i }) => {
3
+ const [e, s] = a({ isLoading: !1, isError: !1 });
4
+ return {
5
+ ...e,
6
+ handleClick: (o) => {
7
+ e.isLoading || i(() => s({ isLoading: !0, isError: !1 }), o).then(() => {
8
+ s({
9
+ isLoading: !1,
10
+ isError: !1
11
+ });
12
+ }).catch((r) => {
13
+ console.log(r), s({
14
+ isLoading: !1,
15
+ isError: !0
205
16
  });
206
- };
207
- return h(N(e.target), "scroll", r, !0), () => {
208
- x(N(e.target), "scroll", r, !0);
209
- };
17
+ });
210
18
  }
211
- }, [
212
- U,
213
- h,
214
- x
215
- ]);
216
- let he = _e(() => {
217
- let e = E.current, r = {
218
- onKeyDown(t) {
219
- if (q(t.nativeEvent, t.currentTarget) && c(t.currentTarget, u(t.nativeEvent))) {
220
- var i;
221
- de(u(t.nativeEvent), t.key) && t.preventDefault();
222
- let a = !0;
223
- !e.isPressed && !t.repeat && (e.target = t.currentTarget, e.isPressed = !0, ee(!0), e.pointerType = "keyboard", a = $(t, "keyboard")), a && t.stopPropagation(), t.metaKey && Ie() && ((i = e.metaKeyEvents) === null || i === void 0 || i.set(t.key, t.nativeEvent));
224
- } else t.key === "Meta" && (e.metaKeyEvents = /* @__PURE__ */ new Map());
225
- },
226
- onClick(t) {
227
- if (!(t && !c(t.currentTarget, u(t.nativeEvent))) && t && t.button === 0 && !e.isTriggeringEvent && !ie.isOpening) {
228
- let i = !0;
229
- if (d && t.preventDefault(), !e.ignoreEmulatedMouseEvents && !e.isPressed && (e.pointerType === "virtual" || ae(t.nativeEvent))) {
230
- let a = $(t, "virtual"), l = K(t, "virtual"), k = T(t, "virtual");
231
- V(t), i = a && l && k;
232
- } else if (e.isPressed && e.pointerType !== "keyboard") {
233
- let a = e.pointerType || t.nativeEvent.pointerType || "virtual", l = K(M(t.currentTarget, t), a), k = T(M(t.currentTarget, t), a, !0);
234
- i = l && k, e.isOverTarget = !1, V(t), m(t);
235
- }
236
- e.ignoreEmulatedMouseEvents = !1, i && t.stopPropagation();
237
- }
238
- }
239
- };
240
- return typeof PointerEvent < "u" ? (r.onPointerDown = (t) => {
241
- if (t.button !== 0 || !c(t.currentTarget, u(t.nativeEvent))) return;
242
- if (we(t.nativeEvent)) {
243
- e.pointerType = "virtual";
244
- return;
245
- }
246
- e.pointerType = t.pointerType;
247
- let i = !0;
248
- if (!e.isPressed) {
249
- e.isPressed = !0, D("pointer"), e.isOverTarget = !0, e.activePointerId = t.pointerId, e.target = t.currentTarget, g || re(e.target), i = $(t, e.pointerType);
250
- let a = u(t.nativeEvent);
251
- "releasePointerCapture" in a && a.releasePointerCapture(t.pointerId);
252
- }
253
- i && t.stopPropagation();
254
- }, r.onMouseDown = (t) => {
255
- if (c(t.currentTarget, u(t.nativeEvent)) && t.button === 0) {
256
- if (S) {
257
- let i = te(t.target);
258
- i && e.disposables.push(i);
259
- }
260
- t.stopPropagation();
261
- }
262
- }, r.onPointerUp = (t) => {
263
- !c(t.currentTarget, u(t.nativeEvent)) || e.pointerType === "virtual" || t.button === 0 && !e.isPressed && K(t, e.pointerType || t.pointerType);
264
- }, r.onPointerEnter = (t) => {
265
- t.pointerId === e.activePointerId && e.target && !e.isOverTarget && e.pointerType != null && (e.isOverTarget = !0, $(M(e.target, t), e.pointerType));
266
- }, r.onPointerLeave = (t) => {
267
- t.pointerId === e.activePointerId && e.target && e.isOverTarget && e.pointerType != null && (e.isOverTarget = !1, T(M(e.target, t), e.pointerType, !1), _(t));
268
- }, r.onDragStart = (t) => {
269
- c(t.currentTarget, u(t.nativeEvent)) && m(t);
270
- }) : process.env.NODE_ENV === "test" && (r.onMouseDown = (t) => {
271
- if (t.button !== 0 || !c(t.currentTarget, u(t.nativeEvent))) return;
272
- if (e.ignoreEmulatedMouseEvents) {
273
- t.stopPropagation();
274
- return;
275
- }
276
- if (e.isPressed = !0, D("mouse"), e.isOverTarget = !0, e.target = t.currentTarget, e.pointerType = ae(t.nativeEvent) ? "virtual" : "mouse", Le(() => $(t, e.pointerType)) && t.stopPropagation(), S) {
277
- let a = te(t.target);
278
- a && e.disposables.push(a);
279
- }
280
- }, r.onMouseEnter = (t) => {
281
- if (!c(t.currentTarget, u(t.nativeEvent))) return;
282
- let i = !0;
283
- e.isPressed && !e.ignoreEmulatedMouseEvents && e.pointerType != null && (e.isOverTarget = !0, i = $(t, e.pointerType)), i && t.stopPropagation();
284
- }, r.onMouseLeave = (t) => {
285
- if (!c(t.currentTarget, u(t.nativeEvent))) return;
286
- let i = !0;
287
- e.isPressed && !e.ignoreEmulatedMouseEvents && e.pointerType != null && (e.isOverTarget = !1, i = T(t, e.pointerType, !1), _(t)), i && t.stopPropagation();
288
- }, r.onMouseUp = (t) => {
289
- c(t.currentTarget, u(t.nativeEvent)) && !e.ignoreEmulatedMouseEvents && t.button === 0 && !e.isPressed && K(t, e.pointerType || "mouse");
290
- }, r.onTouchStart = (t) => {
291
- if (!c(t.currentTarget, u(t.nativeEvent))) return;
292
- let i = Xe(t.nativeEvent);
293
- if (!i) return;
294
- e.activePointerId = i.identifier, e.ignoreEmulatedMouseEvents = !0, e.isOverTarget = !0, e.isPressed = !0, D("touch"), e.target = t.currentTarget, e.pointerType = "touch", g || re(e.target), $(b(e.target, t), e.pointerType) && t.stopPropagation();
295
- }, r.onTouchMove = (t) => {
296
- if (!c(t.currentTarget, u(t.nativeEvent))) return;
297
- if (!e.isPressed) {
298
- t.stopPropagation();
299
- return;
300
- }
301
- let i = ce(t.nativeEvent, e.activePointerId), a = !0;
302
- i && pe(i, t.currentTarget) ? !e.isOverTarget && e.pointerType != null && (e.isOverTarget = !0, a = $(b(e.target, t), e.pointerType)) : e.isOverTarget && e.pointerType != null && (e.isOverTarget = !1, a = T(b(e.target, t), e.pointerType, !1), _(b(e.target, t))), a && t.stopPropagation();
303
- }, r.onTouchEnd = (t) => {
304
- if (!c(t.currentTarget, u(t.nativeEvent))) return;
305
- if (!e.isPressed) {
306
- t.stopPropagation();
307
- return;
308
- }
309
- let i = ce(t.nativeEvent, e.activePointerId), a = !0;
310
- i && pe(i, t.currentTarget) && e.pointerType != null ? (K(b(e.target, t), e.pointerType), a = T(b(e.target, t), e.pointerType), B(t.nativeEvent, e.target)) : e.isOverTarget && e.pointerType != null && (a = T(b(e.target, t), e.pointerType, !1)), a && t.stopPropagation(), e.isPressed = !1, D(null), e.activePointerId = null, e.isOverTarget = !1, e.ignoreEmulatedMouseEvents = !0, e.target && !g && z(e.target), I();
311
- }, r.onTouchCancel = (t) => {
312
- c(t.currentTarget, u(t.nativeEvent)) && (t.stopPropagation(), e.isPressed && m(b(e.target, t)));
313
- }, r.onDragStart = (t) => {
314
- c(t.currentTarget, u(t.nativeEvent)) && m(t);
315
- }), r;
316
- }, [
317
- d,
318
- S,
319
- I,
320
- g,
321
- m,
322
- _,
323
- T,
324
- $,
325
- K,
326
- V,
327
- B
328
- ]);
329
- return oe(() => {
330
- if (!A || process.env.NODE_ENV === "test") return;
331
- const e = y(A.current);
332
- if (!e || !e.head || e.getElementById(fe)) return;
333
- const r = e.createElement("style");
334
- r.id = fe, r.textContent = `
335
- @layer {
336
- [${ue}] {
337
- touch-action: pan-x pan-y pinch-zoom;
338
- }
339
- }
340
- `.trim(), e.head.prepend(r);
341
- }, [
342
- A
343
- ]), oe(() => {
344
- let e = E.current;
345
- return () => {
346
- var r;
347
- g || z((r = e.target) !== null && r !== void 0 ? r : void 0);
348
- for (let t of e.disposables) t();
349
- e.disposables = [];
350
- };
351
- }, [
352
- g
353
- ]), {
354
- isPressed: w || Pe,
355
- pressProps: ge(Te, he, {
356
- [ue]: !0
357
- })
358
19
  };
359
- }
360
- function J(n) {
361
- return n.tagName === "A" && n.hasAttribute("href");
362
- }
363
- function q(n, s) {
364
- const { key: o, code: f } = n, p = s, P = p.getAttribute("role");
365
- return (o === "Enter" || o === " " || o === "Spacebar" || f === "Space") && !(p instanceof N(p).HTMLInputElement && !ve(p, o) || p instanceof N(p).HTMLTextAreaElement || p.isContentEditable) && // Links should only trigger with Enter key
366
- !((P === "link" || !P && J(p)) && o !== "Enter");
367
- }
368
- function Xe(n) {
369
- const { targetTouches: s } = n;
370
- return s.length > 0 ? s[0] : null;
371
- }
372
- function ce(n, s) {
373
- const o = n.changedTouches;
374
- for (let f = 0; f < o.length; f++) {
375
- const p = o[f];
376
- if (p.identifier === s) return p;
377
- }
378
- return null;
379
- }
380
- function b(n, s) {
381
- let o = 0, f = 0;
382
- return s.targetTouches && s.targetTouches.length === 1 && (o = s.targetTouches[0].clientX, f = s.targetTouches[0].clientY), {
383
- currentTarget: n,
384
- shiftKey: s.shiftKey,
385
- ctrlKey: s.ctrlKey,
386
- metaKey: s.metaKey,
387
- altKey: s.altKey,
388
- clientX: o,
389
- clientY: f
390
- };
391
- }
392
- function M(n, s) {
393
- let o = s.clientX, f = s.clientY;
394
- return {
395
- currentTarget: n,
396
- shiftKey: s.shiftKey,
397
- ctrlKey: s.ctrlKey,
398
- metaKey: s.metaKey,
399
- altKey: s.altKey,
400
- clientX: o,
401
- clientY: f
402
- };
403
- }
404
- function Re(n) {
405
- let s = 0, o = 0;
406
- return n.width !== void 0 ? s = n.width / 2 : n.radiusX !== void 0 && (s = n.radiusX), n.height !== void 0 ? o = n.height / 2 : n.radiusY !== void 0 && (o = n.radiusY), {
407
- top: n.clientY - o,
408
- right: n.clientX + s,
409
- bottom: n.clientY + o,
410
- left: n.clientX - s
411
- };
412
- }
413
- function Fe(n, s) {
414
- return !(n.left > s.right || s.left > n.right || n.top > s.bottom || s.top > n.bottom);
415
- }
416
- function pe(n, s) {
417
- let o = s.getBoundingClientRect(), f = Re(n);
418
- return Fe(o, f);
419
- }
420
- function Ne(n) {
421
- return n instanceof HTMLInputElement ? !1 : n instanceof HTMLButtonElement ? n.type !== "submit" && n.type !== "reset" : !J(n);
422
- }
423
- function de(n, s) {
424
- return n instanceof HTMLInputElement ? !ve(n, s) : Ne(n);
425
- }
426
- const Ae = /* @__PURE__ */ new Set([
427
- "checkbox",
428
- "radio",
429
- "range",
430
- "color",
431
- "file",
432
- "image",
433
- "button",
434
- "submit",
435
- "reset"
436
- ]);
437
- function ve(n, s) {
438
- return n.type === "checkbox" || n.type === "radio" ? s === " " : Ae.has(n.type);
439
- }
20
+ };
440
21
  export {
441
- ft as usePress
22
+ l as useLoading
442
23
  };
@@ -1,24 +1,16 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import f from "classnames";
3
- import { forwardRef as l } from "react";
4
- const g = l(
5
- ({ icon: r, className: t, size: i = "m", ...e }, a) => {
6
- const [n, c, , , m] = r.icon;
7
- return /* @__PURE__ */ o(
8
- "svg",
9
- {
10
- ref: a,
11
- "data-prefix": r.prefix,
12
- "data-icon": r.iconName,
13
- viewBox: `0 0 ${n} ${c}`,
14
- className: f(`icon icon-size-${i}`, t),
15
- ...e,
16
- role: "img",
17
- children: /* @__PURE__ */ o(s, { paths: m })
18
- }
19
- );
20
- }
21
- ), s = ({ paths: r }) => Array.isArray(r) ? /* @__PURE__ */ o("g", { children: r.map((t, i) => /* @__PURE__ */ o("path", { fill: "currentColor", d: t }, `-d-${i}`)) }) : /* @__PURE__ */ o("path", { fill: "currentColor", d: r });
1
+ import { useRef as i, useCallback as o } from "react";
2
+ const f = (e, s) => {
3
+ const r = i(null), c = i(void 0), n = o(
4
+ (t) => {
5
+ s && t.offsetParent && (t.style.height = "", t.style.height = `${t.scrollHeight}px`, t.scrollHeight !== c.current && e && (e(t), c.current = t.scrollHeight));
6
+ },
7
+ [s, e]
8
+ ), l = o(() => {
9
+ const t = r.current;
10
+ t && n(t);
11
+ }, [r, n]);
12
+ return [r, l];
13
+ };
22
14
  export {
23
- g as Icon
15
+ f as useResizeTextarea
24
16
  };
@@ -1,26 +1,72 @@
1
- import { useRef as s, useCallback as c } from "react";
2
- const p = () => {
3
- const t = s(null), r = s({ cb: null }), i = c(() => {
4
- if (t.current && t.current.parentElement) {
5
- const e = t.current.parentElement, u = e.style.getPropertyValue("--radix-popper-anchor-width"), n = e.style.getPropertyValue("transform"), o = new MutationObserver(() => {
6
- e.style.transform !== n && e.style.setProperty("transform", n);
7
- });
8
- o.observe(e, {
9
- attributes: !0,
10
- attributeFilter: ["style"]
11
- }), r.current.cb = () => {
12
- o.disconnect();
13
- }, t.current.style.setProperty("--radix-popover-trigger-width", u);
14
- }
15
- }, []), l = c(() => {
16
- r.current.cb && (r.current.cb(), r.current.cb = null);
17
- }, []);
18
- return {
19
- popoverRef: t,
20
- handleAnimationEnd: l,
21
- froozePopoverPosition: i
1
+ import { jsxs as D, jsx as t } from "react/jsx-runtime";
2
+ import { dateToFormat as $, weeks as g, createVoids as p, getDayIndex as b, getFirstDay as u, getMonthMaxDay as k } from "./bundle.es42.js";
3
+ import { CalendarHeader as F } from "./bundle.es43.js";
4
+ import { useCalendar as j } from "./bundle.es44.js";
5
+ import { attr as m } from "@companix/utils-browser";
6
+ import { isSameDate as f } from "./bundle.es39.js";
7
+ import { useLayoutEffect as I } from "react";
8
+ const T = ({ disablePickers: c, value: e, onChange: i, ...l }) => {
9
+ const {
10
+ viewDate: n,
11
+ setViewDate: r,
12
+ setNextMonth: N,
13
+ setPrevMonth: x,
14
+ isMonthDisabled: M,
15
+ isYearDisabled: v,
16
+ isDayDisabled: w
17
+ } = j(l);
18
+ I(() => {
19
+ e && r(e);
20
+ }, [e]);
21
+ const o = $(n), h = n.getMonth(), y = n.getFullYear(), C = /* @__PURE__ */ new Date();
22
+ return /* @__PURE__ */ D("div", { className: "calendar", children: [
23
+ /* @__PURE__ */ t(
24
+ F,
25
+ {
26
+ viewDate: n,
27
+ onChange: r,
28
+ onNextMonth: N,
29
+ onPrevMonth: x,
30
+ disablePickers: c,
31
+ isMonthDisabled: M,
32
+ isYearDisabled: v
33
+ }
34
+ ),
35
+ /* @__PURE__ */ t("div", { className: "calendar-names", children: g.map((d, a) => /* @__PURE__ */ t("div", { className: "calendar-name", children: d }, `week-name-${a}`)) }),
36
+ /* @__PURE__ */ D("div", { className: "calendar-days", children: [
37
+ p(b(u(o.month, o.year))).map((d, a) => /* @__PURE__ */ t("div", { className: "calendar-day", "data-void": !0 }, `void-${d}-${a}`)),
38
+ p(k(o.month, o.year)).map((d, a) => {
39
+ const s = new Date(y, h, a + 1);
40
+ return /* @__PURE__ */ t(
41
+ P,
42
+ {
43
+ day: a + 1,
44
+ disabled: w(s),
45
+ selected: !!(e && f(e, s)),
46
+ today: f(s, C),
47
+ onSelect: () => i?.(s)
48
+ },
49
+ `date-${d}-${y}-${h}-${a}`
50
+ );
51
+ })
52
+ ] })
53
+ ] });
54
+ }, P = ({ day: c, disabled: e, selected: i, today: l, onSelect: n }) => {
55
+ const r = () => {
56
+ e || n?.();
22
57
  };
58
+ return /* @__PURE__ */ t(
59
+ "div",
60
+ {
61
+ className: "calendar-day",
62
+ "data-disabled": m(e),
63
+ "data-selected": m(i),
64
+ "data-today": m(l),
65
+ onClick: r,
66
+ children: /* @__PURE__ */ t("span", { className: "calendar-day-number", children: c })
67
+ }
68
+ );
23
69
  };
24
70
  export {
25
- p as useFroozeClosing
71
+ T as Calendar
26
72
  };