@adam-milo/ui 1.0.29 → 1.0.31
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.
- package/dist/index.cjs +1 -1
- package/dist/index.js +3 -1
- package/dist/index10.cjs +1 -1
- package/dist/index10.js +1 -1
- package/dist/index11.cjs +1 -1
- package/dist/index11.js +1 -1
- package/dist/index12.cjs +1 -1
- package/dist/index12.js +1 -1
- package/dist/index13.cjs +1 -1
- package/dist/index13.js +1 -1
- package/dist/index14.cjs +1 -1
- package/dist/index14.js +1 -1
- package/dist/index15.cjs +1 -1
- package/dist/index15.js +2 -2
- package/dist/index16.cjs +1 -1
- package/dist/index16.js +1 -1
- package/dist/index17.cjs +1 -1
- package/dist/index17.js +1 -1
- package/dist/index18.cjs +1 -1
- package/dist/index18.js +1 -1
- package/dist/index2.cjs +1 -1
- package/dist/index2.js +1 -1
- package/dist/index20.cjs +1 -1
- package/dist/index20.js +53 -12
- package/dist/index21.cjs +1 -0
- package/dist/index21.js +14 -0
- package/dist/index23.cjs +1 -1
- package/dist/index23.js +20 -299
- package/dist/index24.cjs +1 -1
- package/dist/index24.js +298 -13
- package/dist/index25.cjs +1 -0
- package/dist/index25.js +16 -0
- package/dist/{index27.cjs → index28.cjs} +1 -1
- package/dist/{index27.js → index28.js} +21 -21
- package/dist/index3.cjs +1 -1
- package/dist/index3.js +2 -2
- package/dist/index4.cjs +1 -1
- package/dist/index4.js +1 -1
- package/dist/index42.cjs +1 -1
- package/dist/index42.js +16 -6
- package/dist/index44.cjs +1 -1
- package/dist/index44.js +3 -36
- package/dist/index45.cjs +1 -1
- package/dist/index45.js +6 -59
- package/dist/index46.cjs +1 -1
- package/dist/index46.js +67 -7
- package/dist/index47.cjs +1 -1
- package/dist/index47.js +28 -201
- package/dist/index48.cjs +1 -1
- package/dist/index48.js +58 -23
- package/dist/index49.cjs +1 -1
- package/dist/index49.js +6 -204
- package/dist/index5.cjs +1 -1
- package/dist/index5.js +1 -1
- package/dist/index50.cjs +1 -1
- package/dist/index50.js +208 -10
- package/dist/index51.cjs +1 -1
- package/dist/index51.js +22 -286
- package/dist/index52.cjs +1 -1
- package/dist/index52.js +203 -13
- package/dist/index53.cjs +1 -1
- package/dist/index53.js +10 -39
- package/dist/index54.cjs +1 -1
- package/dist/index54.js +283 -79
- package/dist/index55.cjs +1 -1
- package/dist/index55.js +15 -11
- package/dist/index56.cjs +1 -1
- package/dist/index56.js +38 -66
- package/dist/index57.cjs +1 -1
- package/dist/index57.js +86 -3
- package/dist/index58.cjs +1 -1
- package/dist/index58.js +10 -10
- package/dist/index59.cjs +1 -1
- package/dist/index59.js +66 -29
- package/dist/index6.cjs +1 -1
- package/dist/index6.js +2 -2
- package/dist/index60.cjs +1 -1
- package/dist/index60.js +3 -119
- package/dist/index61.cjs +1 -1
- package/dist/index61.js +11 -8
- package/dist/index62.cjs +1 -0
- package/dist/index62.js +34 -0
- package/dist/index63.cjs +1 -1
- package/dist/index63.js +118 -13
- package/dist/index64.cjs +1 -1
- package/dist/index64.js +7 -293
- package/dist/index65.cjs +1 -1
- package/dist/index65.js +14 -22
- package/dist/index66.cjs +1 -1
- package/dist/index66.js +291 -33
- package/dist/index67.cjs +1 -1
- package/dist/index67.js +22 -622
- package/dist/index68.cjs +1 -1
- package/dist/index68.js +35 -35
- package/dist/index69.cjs +1 -1
- package/dist/index69.js +620 -33
- package/dist/index7.cjs +1 -1
- package/dist/index7.js +1 -1
- package/dist/index70.cjs +1 -1
- package/dist/index70.js +37 -5
- package/dist/index71.cjs +1 -1
- package/dist/index71.js +36 -8
- package/dist/index72.cjs +1 -1
- package/dist/index72.js +5 -3
- package/dist/index73.cjs +1 -1
- package/dist/index73.js +8 -33
- package/dist/index74.cjs +1 -1
- package/dist/index74.js +3 -178
- package/dist/index75.cjs +1 -1
- package/dist/index75.js +31 -17
- package/dist/index76.cjs +1 -1
- package/dist/index76.js +165 -706
- package/dist/index77.cjs +1 -1
- package/dist/index77.js +16 -149
- package/dist/index78.cjs +1 -1
- package/dist/index78.js +697 -149
- package/dist/index79.cjs +1 -1
- package/dist/index79.js +146 -80
- package/dist/index8.cjs +1 -1
- package/dist/index8.js +1 -1
- package/dist/index80.cjs +1 -1
- package/dist/index80.js +170 -44
- package/dist/index81.cjs +1 -1
- package/dist/index81.js +44 -10
- package/dist/index82.cjs +1 -1
- package/dist/index82.js +11 -17
- package/dist/index83.cjs +1 -1
- package/dist/index83.js +14 -97
- package/dist/index84.cjs +1 -1
- package/dist/index84.js +99 -8
- package/dist/index85.cjs +1 -1
- package/dist/index85.js +82 -23
- package/dist/index86.cjs +1 -1
- package/dist/index86.js +8 -34
- package/dist/index87.cjs +1 -1
- package/dist/index87.js +27 -14
- package/dist/index88.cjs +1 -1
- package/dist/index88.js +30 -41
- package/dist/index89.cjs +1 -1
- package/dist/index89.js +13 -6
- package/dist/index9.cjs +1 -1
- package/dist/index9.js +2 -2
- package/dist/index90.cjs +1 -0
- package/dist/index90.js +48 -0
- package/dist/index91.cjs +1 -0
- package/dist/index91.js +9 -0
- package/dist/src/components/forms/radio/Radio.component.d.ts.map +1 -1
- package/dist/src/components/layout/grid/Grid.component.d.ts +53 -0
- package/dist/src/components/layout/grid/Grid.component.d.ts.map +1 -0
- package/dist/src/index.d.ts +2 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +2 -1
- package/dist/index22.cjs +0 -1
- package/dist/index22.js +0 -22
- package/dist/index40.cjs +0 -1
- package/dist/index40.js +0 -21
- package/dist/index41.cjs +0 -1
- package/dist/index41.js +0 -6
- package/dist/index43.cjs +0 -1
- package/dist/index43.js +0 -70
- /package/dist/{index35.cjs → index36.cjs} +0 -0
- /package/dist/{index35.js → index36.js} +0 -0
package/dist/index47.js
CHANGED
|
@@ -1,212 +1,39 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
branches: /* @__PURE__ */ new Set()
|
|
17
|
-
});
|
|
18
|
-
var DismissableLayer = React.forwardRef(
|
|
19
|
-
(props, forwardedRef) => {
|
|
20
|
-
const {
|
|
21
|
-
disableOutsidePointerEvents = false,
|
|
22
|
-
onEscapeKeyDown,
|
|
23
|
-
onPointerDownOutside,
|
|
24
|
-
onFocusOutside,
|
|
25
|
-
onInteractOutside,
|
|
26
|
-
onDismiss,
|
|
27
|
-
...layerProps
|
|
28
|
-
} = props;
|
|
29
|
-
const context = React.useContext(DismissableLayerContext);
|
|
30
|
-
const [node, setNode] = React.useState(null);
|
|
31
|
-
const ownerDocument = (node == null ? void 0 : node.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document);
|
|
32
|
-
const [, force] = React.useState({});
|
|
33
|
-
const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
|
|
34
|
-
const layers = Array.from(context.layers);
|
|
35
|
-
const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
|
|
36
|
-
const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);
|
|
37
|
-
const index = node ? layers.indexOf(node) : -1;
|
|
38
|
-
const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;
|
|
39
|
-
const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;
|
|
40
|
-
const pointerDownOutside = usePointerDownOutside((event) => {
|
|
41
|
-
const target = event.target;
|
|
42
|
-
const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));
|
|
43
|
-
if (!isPointerEventsEnabled || isPointerDownOnBranch) return;
|
|
44
|
-
onPointerDownOutside == null ? void 0 : onPointerDownOutside(event);
|
|
45
|
-
onInteractOutside == null ? void 0 : onInteractOutside(event);
|
|
46
|
-
if (!event.defaultPrevented) onDismiss == null ? void 0 : onDismiss();
|
|
47
|
-
}, ownerDocument);
|
|
48
|
-
const focusOutside = useFocusOutside((event) => {
|
|
49
|
-
const target = event.target;
|
|
50
|
-
const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));
|
|
51
|
-
if (isFocusInBranch) return;
|
|
52
|
-
onFocusOutside == null ? void 0 : onFocusOutside(event);
|
|
53
|
-
onInteractOutside == null ? void 0 : onInteractOutside(event);
|
|
54
|
-
if (!event.defaultPrevented) onDismiss == null ? void 0 : onDismiss();
|
|
55
|
-
}, ownerDocument);
|
|
56
|
-
useEscapeKeydown((event) => {
|
|
57
|
-
const isHighestLayer = index === context.layers.size - 1;
|
|
58
|
-
if (!isHighestLayer) return;
|
|
59
|
-
onEscapeKeyDown == null ? void 0 : onEscapeKeyDown(event);
|
|
60
|
-
if (!event.defaultPrevented && onDismiss) {
|
|
61
|
-
event.preventDefault();
|
|
62
|
-
onDismiss();
|
|
63
|
-
}
|
|
64
|
-
}, ownerDocument);
|
|
65
|
-
React.useEffect(() => {
|
|
66
|
-
if (!node) return;
|
|
67
|
-
if (disableOutsidePointerEvents) {
|
|
68
|
-
if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
|
|
69
|
-
originalBodyPointerEvents = ownerDocument.body.style.pointerEvents;
|
|
70
|
-
ownerDocument.body.style.pointerEvents = "none";
|
|
71
|
-
}
|
|
72
|
-
context.layersWithOutsidePointerEventsDisabled.add(node);
|
|
2
|
+
function setRef(ref, value) {
|
|
3
|
+
if (typeof ref === "function") {
|
|
4
|
+
return ref(value);
|
|
5
|
+
} else if (ref !== null && ref !== void 0) {
|
|
6
|
+
ref.current = value;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
function composeRefs(...refs) {
|
|
10
|
+
return (node) => {
|
|
11
|
+
let hasCleanup = false;
|
|
12
|
+
const cleanups = refs.map((ref) => {
|
|
13
|
+
const cleanup = setRef(ref, node);
|
|
14
|
+
if (!hasCleanup && typeof cleanup == "function") {
|
|
15
|
+
hasCleanup = true;
|
|
73
16
|
}
|
|
74
|
-
|
|
75
|
-
|
|
17
|
+
return cleanup;
|
|
18
|
+
});
|
|
19
|
+
if (hasCleanup) {
|
|
76
20
|
return () => {
|
|
77
|
-
|
|
78
|
-
|
|
21
|
+
for (let i = 0; i < cleanups.length; i++) {
|
|
22
|
+
const cleanup = cleanups[i];
|
|
23
|
+
if (typeof cleanup == "function") {
|
|
24
|
+
cleanup();
|
|
25
|
+
} else {
|
|
26
|
+
setRef(refs[i], null);
|
|
27
|
+
}
|
|
79
28
|
}
|
|
80
29
|
};
|
|
81
|
-
}, [node, ownerDocument, disableOutsidePointerEvents, context]);
|
|
82
|
-
React.useEffect(() => {
|
|
83
|
-
return () => {
|
|
84
|
-
if (!node) return;
|
|
85
|
-
context.layers.delete(node);
|
|
86
|
-
context.layersWithOutsidePointerEventsDisabled.delete(node);
|
|
87
|
-
dispatchUpdate();
|
|
88
|
-
};
|
|
89
|
-
}, [node, context]);
|
|
90
|
-
React.useEffect(() => {
|
|
91
|
-
const handleUpdate = () => force({});
|
|
92
|
-
document.addEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
93
|
-
return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
94
|
-
}, []);
|
|
95
|
-
return /* @__PURE__ */ jsx(
|
|
96
|
-
Primitive.div,
|
|
97
|
-
{
|
|
98
|
-
...layerProps,
|
|
99
|
-
ref: composedRefs,
|
|
100
|
-
style: {
|
|
101
|
-
pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
|
|
102
|
-
...props.style
|
|
103
|
-
},
|
|
104
|
-
onFocusCapture: composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture),
|
|
105
|
-
onBlurCapture: composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture),
|
|
106
|
-
onPointerDownCapture: composeEventHandlers(
|
|
107
|
-
props.onPointerDownCapture,
|
|
108
|
-
pointerDownOutside.onPointerDownCapture
|
|
109
|
-
)
|
|
110
|
-
}
|
|
111
|
-
);
|
|
112
|
-
}
|
|
113
|
-
);
|
|
114
|
-
DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
|
|
115
|
-
var BRANCH_NAME = "DismissableLayerBranch";
|
|
116
|
-
var DismissableLayerBranch = React.forwardRef((props, forwardedRef) => {
|
|
117
|
-
const context = React.useContext(DismissableLayerContext);
|
|
118
|
-
const ref = React.useRef(null);
|
|
119
|
-
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
120
|
-
React.useEffect(() => {
|
|
121
|
-
const node = ref.current;
|
|
122
|
-
if (node) {
|
|
123
|
-
context.branches.add(node);
|
|
124
|
-
return () => {
|
|
125
|
-
context.branches.delete(node);
|
|
126
|
-
};
|
|
127
30
|
}
|
|
128
|
-
}, [context.branches]);
|
|
129
|
-
return /* @__PURE__ */ jsx(Primitive.div, { ...props, ref: composedRefs });
|
|
130
|
-
});
|
|
131
|
-
DismissableLayerBranch.displayName = BRANCH_NAME;
|
|
132
|
-
function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
|
|
133
|
-
const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
|
|
134
|
-
const isPointerInsideReactTreeRef = React.useRef(false);
|
|
135
|
-
const handleClickRef = React.useRef(() => {
|
|
136
|
-
});
|
|
137
|
-
React.useEffect(() => {
|
|
138
|
-
const handlePointerDown = (event) => {
|
|
139
|
-
if (event.target && !isPointerInsideReactTreeRef.current) {
|
|
140
|
-
let handleAndDispatchPointerDownOutsideEvent2 = function() {
|
|
141
|
-
handleAndDispatchCustomEvent(
|
|
142
|
-
POINTER_DOWN_OUTSIDE,
|
|
143
|
-
handlePointerDownOutside,
|
|
144
|
-
eventDetail,
|
|
145
|
-
{ discrete: true }
|
|
146
|
-
);
|
|
147
|
-
};
|
|
148
|
-
const eventDetail = { originalEvent: event };
|
|
149
|
-
if (event.pointerType === "touch") {
|
|
150
|
-
ownerDocument.removeEventListener("click", handleClickRef.current);
|
|
151
|
-
handleClickRef.current = handleAndDispatchPointerDownOutsideEvent2;
|
|
152
|
-
ownerDocument.addEventListener("click", handleClickRef.current, { once: true });
|
|
153
|
-
} else {
|
|
154
|
-
handleAndDispatchPointerDownOutsideEvent2();
|
|
155
|
-
}
|
|
156
|
-
} else {
|
|
157
|
-
ownerDocument.removeEventListener("click", handleClickRef.current);
|
|
158
|
-
}
|
|
159
|
-
isPointerInsideReactTreeRef.current = false;
|
|
160
|
-
};
|
|
161
|
-
const timerId = window.setTimeout(() => {
|
|
162
|
-
ownerDocument.addEventListener("pointerdown", handlePointerDown);
|
|
163
|
-
}, 0);
|
|
164
|
-
return () => {
|
|
165
|
-
window.clearTimeout(timerId);
|
|
166
|
-
ownerDocument.removeEventListener("pointerdown", handlePointerDown);
|
|
167
|
-
ownerDocument.removeEventListener("click", handleClickRef.current);
|
|
168
|
-
};
|
|
169
|
-
}, [ownerDocument, handlePointerDownOutside]);
|
|
170
|
-
return {
|
|
171
|
-
// ensures we check React component tree (not just DOM tree)
|
|
172
|
-
onPointerDownCapture: () => isPointerInsideReactTreeRef.current = true
|
|
173
|
-
};
|
|
174
|
-
}
|
|
175
|
-
function useFocusOutside(onFocusOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
|
|
176
|
-
const handleFocusOutside = useCallbackRef(onFocusOutside);
|
|
177
|
-
const isFocusInsideReactTreeRef = React.useRef(false);
|
|
178
|
-
React.useEffect(() => {
|
|
179
|
-
const handleFocus = (event) => {
|
|
180
|
-
if (event.target && !isFocusInsideReactTreeRef.current) {
|
|
181
|
-
const eventDetail = { originalEvent: event };
|
|
182
|
-
handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {
|
|
183
|
-
discrete: false
|
|
184
|
-
});
|
|
185
|
-
}
|
|
186
|
-
};
|
|
187
|
-
ownerDocument.addEventListener("focusin", handleFocus);
|
|
188
|
-
return () => ownerDocument.removeEventListener("focusin", handleFocus);
|
|
189
|
-
}, [ownerDocument, handleFocusOutside]);
|
|
190
|
-
return {
|
|
191
|
-
onFocusCapture: () => isFocusInsideReactTreeRef.current = true,
|
|
192
|
-
onBlurCapture: () => isFocusInsideReactTreeRef.current = false
|
|
193
31
|
};
|
|
194
32
|
}
|
|
195
|
-
function
|
|
196
|
-
|
|
197
|
-
document.dispatchEvent(event);
|
|
198
|
-
}
|
|
199
|
-
function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
|
|
200
|
-
const target = detail.originalEvent.target;
|
|
201
|
-
const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });
|
|
202
|
-
if (handler) target.addEventListener(name, handler, { once: true });
|
|
203
|
-
if (discrete) {
|
|
204
|
-
dispatchDiscreteCustomEvent(target, event);
|
|
205
|
-
} else {
|
|
206
|
-
target.dispatchEvent(event);
|
|
207
|
-
}
|
|
33
|
+
function useComposedRefs(...refs) {
|
|
34
|
+
return React.useCallback(composeRefs(...refs), refs);
|
|
208
35
|
}
|
|
209
36
|
export {
|
|
210
|
-
|
|
211
|
-
|
|
37
|
+
composeRefs,
|
|
38
|
+
useComposedRefs
|
|
212
39
|
};
|
package/dist/index48.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react/jsx-runtime");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const o in e)if("default"!==o){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}return t.default=e,Object.freeze(t)}const n=o(e);function r(...e){const t=e[0];if(1===e.length)return t;const o=()=>{const o=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){const r=o.reduce((t,{useScope:o,scopeName:n})=>({...t,...o(e)[`__scope${n}`]}),{});return n.useMemo(()=>({[`__scope${t.scopeName}`]:r}),[r])}};return o.scopeName=t.scopeName,o}exports.createContextScope=function(e,o=[]){let c=[];const u=()=>{const t=c.map(e=>n.createContext(e));return function(o){const r=(null==o?void 0:o[e])||t;return n.useMemo(()=>({[`__scope${e}`]:{...o,[e]:r}}),[o,r])}};return u.scopeName=e,[function(o,r){const u=n.createContext(r),s=c.length;c=[...c,r];const i=o=>{var r;const{scope:c,children:i,...l}=o,a=(null==(r=null==c?void 0:c[e])?void 0:r[s])||u,p=n.useMemo(()=>l,Object.values(l));return t.jsx(a.Provider,{value:p,children:i})};return i.displayName=o+"Provider",[i,function(t,c){var i;const l=(null==(i=null==c?void 0:c[e])?void 0:i[s])||u,a=n.useContext(l);if(a)return a;if(void 0!==r)return r;throw new Error(`\`${t}\` must be used within \`${o}\``)}]},r(u,...o)]};
|
package/dist/index48.js
CHANGED
|
@@ -1,29 +1,64 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
|
|
3
|
-
function
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
function createContextScope(scopeName, createContextScopeDeps = []) {
|
|
4
|
+
let defaultContexts = [];
|
|
5
|
+
function createContext3(rootComponentName, defaultContext) {
|
|
6
|
+
const BaseContext = React.createContext(defaultContext);
|
|
7
|
+
const index = defaultContexts.length;
|
|
8
|
+
defaultContexts = [...defaultContexts, defaultContext];
|
|
9
|
+
const Provider = (props) => {
|
|
10
|
+
var _a;
|
|
11
|
+
const { scope, children, ...context } = props;
|
|
12
|
+
const Context = ((_a = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a[index]) || BaseContext;
|
|
13
|
+
const value = React.useMemo(() => context, Object.values(context));
|
|
14
|
+
return /* @__PURE__ */ jsx(Context.Provider, { value, children });
|
|
14
15
|
};
|
|
15
|
-
|
|
16
|
+
Provider.displayName = rootComponentName + "Provider";
|
|
17
|
+
function useContext2(consumerName, scope) {
|
|
18
|
+
var _a;
|
|
19
|
+
const Context = ((_a = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a[index]) || BaseContext;
|
|
20
|
+
const context = React.useContext(Context);
|
|
21
|
+
if (context) return context;
|
|
22
|
+
if (defaultContext !== void 0) return defaultContext;
|
|
23
|
+
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
|
24
|
+
}
|
|
25
|
+
return [Provider, useContext2];
|
|
26
|
+
}
|
|
27
|
+
const createScope = () => {
|
|
28
|
+
const scopeContexts = defaultContexts.map((defaultContext) => {
|
|
29
|
+
return React.createContext(defaultContext);
|
|
30
|
+
});
|
|
31
|
+
return function useScope(scope) {
|
|
32
|
+
const contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
|
|
33
|
+
return React.useMemo(
|
|
34
|
+
() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
|
|
35
|
+
[scope, contexts]
|
|
36
|
+
);
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
createScope.scopeName = scopeName;
|
|
40
|
+
return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
|
|
16
41
|
}
|
|
17
|
-
function
|
|
18
|
-
const
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
42
|
+
function composeContextScopes(...scopes) {
|
|
43
|
+
const baseScope = scopes[0];
|
|
44
|
+
if (scopes.length === 1) return baseScope;
|
|
45
|
+
const createScope = () => {
|
|
46
|
+
const scopeHooks = scopes.map((createScope2) => ({
|
|
47
|
+
useScope: createScope2(),
|
|
48
|
+
scopeName: createScope2.scopeName
|
|
49
|
+
}));
|
|
50
|
+
return function useComposedScopes(overrideScopes) {
|
|
51
|
+
const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
|
|
52
|
+
const scopeProps = useScope(overrideScopes);
|
|
53
|
+
const currentScope = scopeProps[`__scope${scopeName}`];
|
|
54
|
+
return { ...nextScopes2, ...currentScope };
|
|
55
|
+
}, {});
|
|
56
|
+
return React.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
createScope.scopeName = baseScope.scopeName;
|
|
60
|
+
return createScope;
|
|
26
61
|
}
|
|
27
62
|
export {
|
|
28
|
-
|
|
63
|
+
createContextScope
|
|
29
64
|
};
|
package/dist/index49.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react")
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");function t(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}require("react/jsx-runtime");const r=t(e);var o=r.createContext(void 0);exports.useDirection=function(e){const t=r.useContext(o);return e||t||"ltr"};
|
package/dist/index49.js
CHANGED
|
@@ -1,208 +1,10 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
|
|
8
|
-
var EVENT_OPTIONS = { bubbles: false, cancelable: true };
|
|
9
|
-
var FOCUS_SCOPE_NAME = "FocusScope";
|
|
10
|
-
var FocusScope = React.forwardRef((props, forwardedRef) => {
|
|
11
|
-
const {
|
|
12
|
-
loop = false,
|
|
13
|
-
trapped = false,
|
|
14
|
-
onMountAutoFocus: onMountAutoFocusProp,
|
|
15
|
-
onUnmountAutoFocus: onUnmountAutoFocusProp,
|
|
16
|
-
...scopeProps
|
|
17
|
-
} = props;
|
|
18
|
-
const [container, setContainer] = React.useState(null);
|
|
19
|
-
const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
|
|
20
|
-
const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
|
|
21
|
-
const lastFocusedElementRef = React.useRef(null);
|
|
22
|
-
const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
|
|
23
|
-
const focusScope = React.useRef({
|
|
24
|
-
paused: false,
|
|
25
|
-
pause() {
|
|
26
|
-
this.paused = true;
|
|
27
|
-
},
|
|
28
|
-
resume() {
|
|
29
|
-
this.paused = false;
|
|
30
|
-
}
|
|
31
|
-
}).current;
|
|
32
|
-
React.useEffect(() => {
|
|
33
|
-
if (trapped) {
|
|
34
|
-
let handleFocusIn2 = function(event) {
|
|
35
|
-
if (focusScope.paused || !container) return;
|
|
36
|
-
const target = event.target;
|
|
37
|
-
if (container.contains(target)) {
|
|
38
|
-
lastFocusedElementRef.current = target;
|
|
39
|
-
} else {
|
|
40
|
-
focus(lastFocusedElementRef.current, { select: true });
|
|
41
|
-
}
|
|
42
|
-
}, handleFocusOut2 = function(event) {
|
|
43
|
-
if (focusScope.paused || !container) return;
|
|
44
|
-
const relatedTarget = event.relatedTarget;
|
|
45
|
-
if (relatedTarget === null) return;
|
|
46
|
-
if (!container.contains(relatedTarget)) {
|
|
47
|
-
focus(lastFocusedElementRef.current, { select: true });
|
|
48
|
-
}
|
|
49
|
-
}, handleMutations2 = function(mutations) {
|
|
50
|
-
const focusedElement = document.activeElement;
|
|
51
|
-
if (focusedElement !== document.body) return;
|
|
52
|
-
for (const mutation of mutations) {
|
|
53
|
-
if (mutation.removedNodes.length > 0) focus(container);
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
document.addEventListener("focusin", handleFocusIn2);
|
|
57
|
-
document.addEventListener("focusout", handleFocusOut2);
|
|
58
|
-
const mutationObserver = new MutationObserver(handleMutations2);
|
|
59
|
-
if (container) mutationObserver.observe(container, { childList: true, subtree: true });
|
|
60
|
-
return () => {
|
|
61
|
-
document.removeEventListener("focusin", handleFocusIn2);
|
|
62
|
-
document.removeEventListener("focusout", handleFocusOut2);
|
|
63
|
-
mutationObserver.disconnect();
|
|
64
|
-
};
|
|
65
|
-
}
|
|
66
|
-
}, [trapped, container, focusScope.paused]);
|
|
67
|
-
React.useEffect(() => {
|
|
68
|
-
if (container) {
|
|
69
|
-
focusScopesStack.add(focusScope);
|
|
70
|
-
const previouslyFocusedElement = document.activeElement;
|
|
71
|
-
const hasFocusedCandidate = container.contains(previouslyFocusedElement);
|
|
72
|
-
if (!hasFocusedCandidate) {
|
|
73
|
-
const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS);
|
|
74
|
-
container.addEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
|
|
75
|
-
container.dispatchEvent(mountEvent);
|
|
76
|
-
if (!mountEvent.defaultPrevented) {
|
|
77
|
-
focusFirst(removeLinks(getTabbableCandidates(container)), { select: true });
|
|
78
|
-
if (document.activeElement === previouslyFocusedElement) {
|
|
79
|
-
focus(container);
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
return () => {
|
|
84
|
-
container.removeEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
|
|
85
|
-
setTimeout(() => {
|
|
86
|
-
const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS);
|
|
87
|
-
container.addEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
|
|
88
|
-
container.dispatchEvent(unmountEvent);
|
|
89
|
-
if (!unmountEvent.defaultPrevented) {
|
|
90
|
-
focus(previouslyFocusedElement ?? document.body, { select: true });
|
|
91
|
-
}
|
|
92
|
-
container.removeEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
|
|
93
|
-
focusScopesStack.remove(focusScope);
|
|
94
|
-
}, 0);
|
|
95
|
-
};
|
|
96
|
-
}
|
|
97
|
-
}, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
|
|
98
|
-
const handleKeyDown = React.useCallback(
|
|
99
|
-
(event) => {
|
|
100
|
-
if (!loop && !trapped) return;
|
|
101
|
-
if (focusScope.paused) return;
|
|
102
|
-
const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
|
|
103
|
-
const focusedElement = document.activeElement;
|
|
104
|
-
if (isTabKey && focusedElement) {
|
|
105
|
-
const container2 = event.currentTarget;
|
|
106
|
-
const [first, last] = getTabbableEdges(container2);
|
|
107
|
-
const hasTabbableElementsInside = first && last;
|
|
108
|
-
if (!hasTabbableElementsInside) {
|
|
109
|
-
if (focusedElement === container2) event.preventDefault();
|
|
110
|
-
} else {
|
|
111
|
-
if (!event.shiftKey && focusedElement === last) {
|
|
112
|
-
event.preventDefault();
|
|
113
|
-
if (loop) focus(first, { select: true });
|
|
114
|
-
} else if (event.shiftKey && focusedElement === first) {
|
|
115
|
-
event.preventDefault();
|
|
116
|
-
if (loop) focus(last, { select: true });
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
},
|
|
121
|
-
[loop, trapped, focusScope.paused]
|
|
122
|
-
);
|
|
123
|
-
return /* @__PURE__ */ jsx(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
|
|
124
|
-
});
|
|
125
|
-
FocusScope.displayName = FOCUS_SCOPE_NAME;
|
|
126
|
-
function focusFirst(candidates, { select = false } = {}) {
|
|
127
|
-
const previouslyFocusedElement = document.activeElement;
|
|
128
|
-
for (const candidate of candidates) {
|
|
129
|
-
focus(candidate, { select });
|
|
130
|
-
if (document.activeElement !== previouslyFocusedElement) return;
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
function getTabbableEdges(container) {
|
|
134
|
-
const candidates = getTabbableCandidates(container);
|
|
135
|
-
const first = findVisible(candidates, container);
|
|
136
|
-
const last = findVisible(candidates.reverse(), container);
|
|
137
|
-
return [first, last];
|
|
138
|
-
}
|
|
139
|
-
function getTabbableCandidates(container) {
|
|
140
|
-
const nodes = [];
|
|
141
|
-
const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
|
|
142
|
-
acceptNode: (node) => {
|
|
143
|
-
const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
|
|
144
|
-
if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
|
|
145
|
-
return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
|
146
|
-
}
|
|
147
|
-
});
|
|
148
|
-
while (walker.nextNode()) nodes.push(walker.currentNode);
|
|
149
|
-
return nodes;
|
|
150
|
-
}
|
|
151
|
-
function findVisible(elements, container) {
|
|
152
|
-
for (const element of elements) {
|
|
153
|
-
if (!isHidden(element, { upTo: container })) return element;
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
function isHidden(node, { upTo }) {
|
|
157
|
-
if (getComputedStyle(node).visibility === "hidden") return true;
|
|
158
|
-
while (node) {
|
|
159
|
-
if (upTo !== void 0 && node === upTo) return false;
|
|
160
|
-
if (getComputedStyle(node).display === "none") return true;
|
|
161
|
-
node = node.parentElement;
|
|
162
|
-
}
|
|
163
|
-
return false;
|
|
164
|
-
}
|
|
165
|
-
function isSelectableInput(element) {
|
|
166
|
-
return element instanceof HTMLInputElement && "select" in element;
|
|
167
|
-
}
|
|
168
|
-
function focus(element, { select = false } = {}) {
|
|
169
|
-
if (element && element.focus) {
|
|
170
|
-
const previouslyFocusedElement = document.activeElement;
|
|
171
|
-
element.focus({ preventScroll: true });
|
|
172
|
-
if (element !== previouslyFocusedElement && isSelectableInput(element) && select)
|
|
173
|
-
element.select();
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
|
-
var focusScopesStack = createFocusScopesStack();
|
|
177
|
-
function createFocusScopesStack() {
|
|
178
|
-
let stack = [];
|
|
179
|
-
return {
|
|
180
|
-
add(focusScope) {
|
|
181
|
-
const activeFocusScope = stack[0];
|
|
182
|
-
if (focusScope !== activeFocusScope) {
|
|
183
|
-
activeFocusScope == null ? void 0 : activeFocusScope.pause();
|
|
184
|
-
}
|
|
185
|
-
stack = arrayRemove(stack, focusScope);
|
|
186
|
-
stack.unshift(focusScope);
|
|
187
|
-
},
|
|
188
|
-
remove(focusScope) {
|
|
189
|
-
var _a;
|
|
190
|
-
stack = arrayRemove(stack, focusScope);
|
|
191
|
-
(_a = stack[0]) == null ? void 0 : _a.resume();
|
|
192
|
-
}
|
|
193
|
-
};
|
|
194
|
-
}
|
|
195
|
-
function arrayRemove(array, item) {
|
|
196
|
-
const updatedArray = [...array];
|
|
197
|
-
const index = updatedArray.indexOf(item);
|
|
198
|
-
if (index !== -1) {
|
|
199
|
-
updatedArray.splice(index, 1);
|
|
200
|
-
}
|
|
201
|
-
return updatedArray;
|
|
202
|
-
}
|
|
203
|
-
function removeLinks(items) {
|
|
204
|
-
return items.filter((item) => item.tagName !== "A");
|
|
2
|
+
import "react/jsx-runtime";
|
|
3
|
+
var DirectionContext = React.createContext(void 0);
|
|
4
|
+
function useDirection(localDir) {
|
|
5
|
+
const globalDir = React.useContext(DirectionContext);
|
|
6
|
+
return localDir || globalDir || "ltr";
|
|
205
7
|
}
|
|
206
8
|
export {
|
|
207
|
-
|
|
9
|
+
useDirection
|
|
208
10
|
};
|
package/dist/index5.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index24.cjs"),r=t.forwardRef(({min:r,max:i,step:s=1,allowDecimals:u=!1,validate:n,"data-cy":l,"data-testid":c,...d},o)=>{const m=t.useCallback(e=>{if(!e)return;const t=parseFloat(e);return isNaN(t)?"Please enter a valid number":u||Number.isInteger(t)?void 0!==r&&t<r?`Must be at least ${r}`:void 0!==i&&t>i?`Must be at most ${i}`:void 0:"Decimals are not allowed"},[r,i,u]),p=t.useCallback(e=>n?m(e)||n(e):m(e),[m,n]);return e.jsx(a.Input,{ref:o,type:"number",min:r,max:i,validate:p,"data-cy":l||"numeric-input","data-testid":c||"numeric-input",...d,step:u?"any":s})});r.displayName="NumericInput",exports.NumericInput=r;
|
package/dist/index5.js
CHANGED
package/dist/index50.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index45.cjs"),n=require("./index56.cjs"),r=require("./index47.cjs"),s=require("./index58.cjs"),i=require("./index65.cjs"),o=require("react/jsx-runtime");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}return t.default=e,Object.freeze(t)}const a=u(e);var l,c="dismissableLayer.update",d="dismissableLayer.pointerDownOutside",v="dismissableLayer.focusOutside",f=a.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),b=a.forwardRef((e,u)=>{const{disableOutsidePointerEvents:b=!1,onEscapeKeyDown:m,onPointerDownOutside:y,onFocusOutside:h,onInteractOutside:w,onDismiss:D,...C}=e,g=a.useContext(f),[O,P]=a.useState(null),L=(null==O?void 0:O.ownerDocument)??(null==globalThis?void 0:globalThis.document),[,x]=a.useState({}),j=r.useComposedRefs(u,e=>P(e)),T=Array.from(g.layers),[R]=[...g.layersWithOutsidePointerEventsDisabled].slice(-1),S=T.indexOf(R),q=O?T.indexOf(O):-1,W=g.layersWithOutsidePointerEventsDisabled.size>0,k=q>=S,B=function(e,t=(null==globalThis?void 0:globalThis.document)){const n=s.useCallbackRef(e),r=a.useRef(!1),i=a.useRef(()=>{});return a.useEffect(()=>{const e=e=>{if(e.target&&!r.current){let r=function(){E(d,n,s,{discrete:!0})};const s={originalEvent:e};"touch"===e.pointerType?(t.removeEventListener("click",i.current),i.current=r,t.addEventListener("click",i.current,{once:!0})):r()}else t.removeEventListener("click",i.current);r.current=!1},s=window.setTimeout(()=>{t.addEventListener("pointerdown",e)},0);return()=>{window.clearTimeout(s),t.removeEventListener("pointerdown",e),t.removeEventListener("click",i.current)}},[t,n]),{onPointerDownCapture:()=>r.current=!0}}(e=>{const t=e.target,n=[...g.branches].some(e=>e.contains(t));k&&!n&&(null==y||y(e),null==w||w(e),e.defaultPrevented||null==D||D())},L),z=function(e,t=(null==globalThis?void 0:globalThis.document)){const n=s.useCallbackRef(e),r=a.useRef(!1);return a.useEffect(()=>{const e=e=>{if(e.target&&!r.current){E(v,n,{originalEvent:e},{discrete:!1})}};return t.addEventListener("focusin",e),()=>t.removeEventListener("focusin",e)},[t,n]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}(e=>{const t=e.target;[...g.branches].some(e=>e.contains(t))||(null==h||h(e),null==w||w(e),e.defaultPrevented||null==D||D())},L);return i.useEscapeKeydown(e=>{q===g.layers.size-1&&(null==m||m(e),!e.defaultPrevented&&D&&(e.preventDefault(),D()))},L),a.useEffect(()=>{if(O)return b&&(0===g.layersWithOutsidePointerEventsDisabled.size&&(l=L.body.style.pointerEvents,L.body.style.pointerEvents="none"),g.layersWithOutsidePointerEventsDisabled.add(O)),g.layers.add(O),p(),()=>{b&&1===g.layersWithOutsidePointerEventsDisabled.size&&(L.body.style.pointerEvents=l)}},[O,L,b,g]),a.useEffect(()=>()=>{O&&(g.layers.delete(O),g.layersWithOutsidePointerEventsDisabled.delete(O),p())},[O,g]),a.useEffect(()=>{const e=()=>x({});return document.addEventListener(c,e),()=>document.removeEventListener(c,e)},[]),o.jsx(n.Primitive.div,{...C,ref:j,style:{pointerEvents:W?k?"auto":"none":void 0,...e.style},onFocusCapture:t.composeEventHandlers(e.onFocusCapture,z.onFocusCapture),onBlurCapture:t.composeEventHandlers(e.onBlurCapture,z.onBlurCapture),onPointerDownCapture:t.composeEventHandlers(e.onPointerDownCapture,B.onPointerDownCapture)})});b.displayName="DismissableLayer";var m=a.forwardRef((e,t)=>{const s=a.useContext(f),i=a.useRef(null),u=r.useComposedRefs(t,i);return a.useEffect(()=>{const e=i.current;if(e)return s.branches.add(e),()=>{s.branches.delete(e)}},[s.branches]),o.jsx(n.Primitive.div,{...e,ref:u})});function p(){const e=new CustomEvent(c);document.dispatchEvent(e)}function E(e,t,r,{discrete:s}){const i=r.originalEvent.target,o=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:r});t&&i.addEventListener(e,t,{once:!0}),s?n.dispatchDiscreteCustomEvent(i,o):i.dispatchEvent(o)}m.displayName="DismissableLayerBranch",exports.DismissableLayer=b,exports.DismissableLayerBranch=m;
|