@iress-oss/ids-components 6.0.0-alpha.22 → 6.0.0-alpha.24
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/{Button-BrpmQKsB.js → Button-CF1am1r6.js} +25 -9
- package/dist/Provider-uPW2d6U5.js +49 -0
- package/dist/components/Alert/Alert.js +1 -1
- package/dist/components/Autocomplete/hooks/useAutocompleteSearch.js +91 -89
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Button/CloseButton/CloseButton.js +1 -1
- package/dist/components/Button/index.js +1 -1
- package/dist/components/Filter/Filter.js +1 -1
- package/dist/components/Filter/components/FilterResetButton.js +1 -1
- package/dist/components/Icon/Icon.constants.d.ts +2 -0
- package/dist/components/Icon/Icon.constants.js +4 -2
- package/dist/components/Icon/Icon.js +27 -26
- package/dist/components/Icon/Icon.styles.d.ts +1 -0
- package/dist/components/Icon/Icon.styles.js +4 -2
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Modal/Modal.js +1 -1
- package/dist/components/Provider/Provider.js +1 -1
- package/dist/components/Provider/index.js +1 -1
- package/dist/components/RichSelect/SelectHeading/SelectHeading.js +1 -1
- package/dist/components/RichSelect/SelectTags/SelectTags.js +1 -1
- package/dist/components/SkipLink/SkipLink.js +1 -1
- package/dist/components/Slideout/components/SlideoutInner.js +1 -1
- package/dist/components/Tag/Tag.js +1 -1
- package/dist/components/Toaster/components/Toast/Toast.js +1 -1
- package/dist/main.js +2 -2
- package/dist/patterns/Loading/components/ValidateLoading.js +1 -1
- package/dist/patterns/Shadow/Shadow.js +61 -30
- package/dist/style.css +1 -1
- package/package.json +7 -7
- package/dist/Provider-Dw49edAo.js +0 -53
|
@@ -212,30 +212,46 @@ const h = {}, Y = [
|
|
|
212
212
|
loading: !0,
|
|
213
213
|
css: {
|
|
214
214
|
root: {
|
|
215
|
-
bg: "colour.neutral.
|
|
216
|
-
borderColor: "colour.neutral.
|
|
217
|
-
color: "colour.neutral.
|
|
215
|
+
bg: "colour.neutral.20",
|
|
216
|
+
borderColor: "colour.neutral.20",
|
|
217
|
+
color: "colour.neutral.70"
|
|
218
218
|
},
|
|
219
219
|
spinner: {
|
|
220
|
-
color: "colour.neutral.
|
|
220
|
+
color: "colour.neutral.70"
|
|
221
221
|
}
|
|
222
222
|
}
|
|
223
223
|
},
|
|
224
224
|
{
|
|
225
225
|
mode: [
|
|
226
226
|
"secondary",
|
|
227
|
-
"tertiary",
|
|
228
227
|
"quaternary"
|
|
229
228
|
],
|
|
230
229
|
loading: !0,
|
|
231
230
|
css: {
|
|
232
231
|
root: {
|
|
233
|
-
bg: "colour.neutral.
|
|
234
|
-
borderColor: "colour.neutral.
|
|
235
|
-
color: "colour.neutral.
|
|
232
|
+
bg: "colour.neutral.20",
|
|
233
|
+
borderColor: "colour.neutral.40",
|
|
234
|
+
color: "colour.neutral.70",
|
|
235
|
+
_hover: {
|
|
236
|
+
boxShadow: "none"
|
|
237
|
+
}
|
|
236
238
|
},
|
|
237
239
|
spinner: {
|
|
238
|
-
color: "colour.neutral.
|
|
240
|
+
color: "colour.neutral.70"
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
},
|
|
244
|
+
{
|
|
245
|
+
mode: "tertiary",
|
|
246
|
+
loading: !0,
|
|
247
|
+
css: {
|
|
248
|
+
root: {
|
|
249
|
+
bg: "colour.neutral.20",
|
|
250
|
+
borderColor: "colour.neutral.70",
|
|
251
|
+
color: "colour.neutral.70"
|
|
252
|
+
},
|
|
253
|
+
spinner: {
|
|
254
|
+
color: "colour.neutral.70"
|
|
239
255
|
}
|
|
240
256
|
}
|
|
241
257
|
},
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { jsxs as a, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import "./components/Modal/Modal.styles.js";
|
|
3
|
+
import "./components/Modal/Modal.js";
|
|
4
|
+
import { IressModalProvider as m } from "./components/Modal/ModalProvider.js";
|
|
5
|
+
import "./components/Modal/hooks/useModal.js";
|
|
6
|
+
import { IressToasterProvider as d } from "./components/Toaster/ToasterProvider.js";
|
|
7
|
+
import "./components/Toaster/hooks/useToaster.js";
|
|
8
|
+
import "./components/Toaster/Toaster.styles.js";
|
|
9
|
+
import "./components/Toaster/components/Toast/Toast.styles.js";
|
|
10
|
+
import "./components/Slideout/Slideout.js";
|
|
11
|
+
import "./components/Slideout/Slideout.styles.js";
|
|
12
|
+
import { IressSlideoutProvider as g } from "./components/Slideout/SlideoutProvider.js";
|
|
13
|
+
import "./components/Slideout/hooks/useSlideout.js";
|
|
14
|
+
import { createPortal as n } from "react-dom";
|
|
15
|
+
import "./components/Icon/Icon.js";
|
|
16
|
+
import "./components/Icon/Icon.styles.js";
|
|
17
|
+
import { IressIconProvider as h } from "./components/Icon/IconProvider.js";
|
|
18
|
+
var r = /* @__PURE__ */ ((o) => (o.Color = "color", o.Dimension = "dimension", o.FontFamily = "fontFamily", o.FontSize = "fontSize", o.Background = "background", o.Border = "border", o.Radius = "radius", o.Shadow = "shadow", o.Typography = "typography", o))(r || {});
|
|
19
|
+
const l = [
|
|
20
|
+
"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"
|
|
21
|
+
];
|
|
22
|
+
r.FontSize, r.FontFamily, r.FontFamily, r.Typography, r.Typography, r.Typography, r.Typography, r.Typography, r.Typography, r.Typography, r.Typography, r.Typography, r.Typography, r.Typography, r.Typography, r.Typography, r.Typography;
|
|
23
|
+
const $ = ({
|
|
24
|
+
children: o,
|
|
25
|
+
container: p,
|
|
26
|
+
noDefaultFont: y,
|
|
27
|
+
position: i,
|
|
28
|
+
...s
|
|
29
|
+
}) => /* @__PURE__ */ a(m, { container: p, children: [
|
|
30
|
+
/* @__PURE__ */ e(d, { container: p, position: i, children: /* @__PURE__ */ e(g, { container: p, ...s, children: /* @__PURE__ */ e(h, { container: p, noSubsetting: !0, children: o }) }) }),
|
|
31
|
+
!y && n(
|
|
32
|
+
l.map((t) => /* @__PURE__ */ e(
|
|
33
|
+
"link",
|
|
34
|
+
{
|
|
35
|
+
rel: "stylesheet",
|
|
36
|
+
href: t,
|
|
37
|
+
"data-iress-design-system-font": !0
|
|
38
|
+
},
|
|
39
|
+
t
|
|
40
|
+
)),
|
|
41
|
+
document.head,
|
|
42
|
+
"design-system-font"
|
|
43
|
+
)
|
|
44
|
+
] });
|
|
45
|
+
$.displayName = "IressProvider";
|
|
46
|
+
export {
|
|
47
|
+
$ as I,
|
|
48
|
+
l as i
|
|
49
|
+
};
|
|
@@ -9,7 +9,7 @@ import { alert as h } from "./Alert.styles.js";
|
|
|
9
9
|
import { c as q } from "../../css-BStWZDQe.js";
|
|
10
10
|
import { c as I } from "../../cx-DN21T1EH.js";
|
|
11
11
|
import { GlobalCSSClass as F } from "../../enums.js";
|
|
12
|
-
import { I as G } from "../../Button-
|
|
12
|
+
import { I as G } from "../../Button-CF1am1r6.js";
|
|
13
13
|
import { IressCloseButton as L } from "../Button/CloseButton/CloseButton.js";
|
|
14
14
|
import "../Inline/Inline.styles.js";
|
|
15
15
|
import { IressInline as M } from "../Inline/Inline.js";
|
|
@@ -1,90 +1,92 @@
|
|
|
1
|
-
import { useRef as
|
|
2
|
-
import { searchLabelValues as
|
|
3
|
-
import { highlightQueryInLabelValue as
|
|
4
|
-
function
|
|
5
|
-
var a = this, t =
|
|
6
|
-
|
|
7
|
-
var
|
|
1
|
+
import { useRef as h, useState as D, useCallback as v, useMemo as V, useEffect as U } from "react";
|
|
2
|
+
import { searchLabelValues as B } from "../../../helpers/label-value/searchLabelValues.js";
|
|
3
|
+
import { highlightQueryInLabelValue as C } from "../../../helpers/label-value/highlightQueryInLabelValue.js";
|
|
4
|
+
function G(r, n, u, c) {
|
|
5
|
+
var a = this, t = h(null), f = h(0), s = h(0), e = h(null), i = h([]), o = h(), d = h(), m = h(r), S = h(!0), p = h(), E = h();
|
|
6
|
+
m.current = r;
|
|
7
|
+
var y = typeof window < "u", w = !n && n !== 0 && y;
|
|
8
8
|
if (typeof r != "function") throw new TypeError("Expected a function");
|
|
9
9
|
n = +n || 0;
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var
|
|
19
|
-
return
|
|
20
|
-
},
|
|
21
|
-
|
|
22
|
-
},
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}, F = function o() {
|
|
29
|
-
var h = Date.now();
|
|
30
|
-
if (w && s.current === f.current && N(), O(h)) return Q(h);
|
|
31
|
-
if (v.current) {
|
|
32
|
-
var b = n - (h - t.current), k = R ? Math.min(b, y - (h - f.current)) : b;
|
|
33
|
-
D(o, k);
|
|
10
|
+
var O = !!(u = u || {}).leading, F = !("trailing" in u) || !!u.trailing, T = !!u.flushOnExit && F, A = "maxWait" in u, _ = "debounceOnServer" in u && !!u.debounceOnServer, H = A ? Math.max(+u.maxWait || 0, n) : null, M = V(function() {
|
|
11
|
+
var b = function(l) {
|
|
12
|
+
var g = i.current, R = o.current;
|
|
13
|
+
return i.current = o.current = null, f.current = l, s.current = s.current || l, d.current = m.current.apply(R, g);
|
|
14
|
+
}, L = function(l, g) {
|
|
15
|
+
w && cancelAnimationFrame(e.current), e.current = w ? requestAnimationFrame(l) : setTimeout(l, g);
|
|
16
|
+
}, N = function(l) {
|
|
17
|
+
if (!S.current) return !1;
|
|
18
|
+
var g = l - t.current;
|
|
19
|
+
return !t.current || g >= n || g < 0 || A && l - f.current >= H;
|
|
20
|
+
}, k = function(l) {
|
|
21
|
+
return e.current = null, F && i.current ? b(l) : (i.current = o.current = null, d.current);
|
|
22
|
+
}, Q = function l() {
|
|
23
|
+
var g = Date.now();
|
|
24
|
+
if (O && s.current === f.current && I(), N(g)) return k(g);
|
|
25
|
+
if (S.current) {
|
|
26
|
+
var R = n - (g - t.current), x = A ? Math.min(R, H - (g - f.current)) : R;
|
|
27
|
+
L(l, x);
|
|
34
28
|
}
|
|
35
|
-
},
|
|
29
|
+
}, I = function() {
|
|
36
30
|
c && c({});
|
|
37
31
|
}, W = function() {
|
|
38
|
-
if (
|
|
39
|
-
var
|
|
40
|
-
if (i.current = [].slice.call(arguments),
|
|
41
|
-
|
|
42
|
-
|
|
32
|
+
if (y || _) {
|
|
33
|
+
var l, g = Date.now(), R = N(g);
|
|
34
|
+
if (i.current = [].slice.call(arguments), o.current = a, t.current = g, T && !p.current && (p.current = function() {
|
|
35
|
+
var x;
|
|
36
|
+
((x = global.document) == null ? void 0 : x.visibilityState) === "hidden" && E.current.flush();
|
|
37
|
+
}, (l = global.document) == null || l.addEventListener == null || l.addEventListener("visibilitychange", p.current)), R) {
|
|
38
|
+
if (!e.current && S.current) return f.current = t.current, L(Q, n), O ? b(t.current) : d.current;
|
|
39
|
+
if (A) return L(Q, n), b(t.current);
|
|
43
40
|
}
|
|
44
|
-
return e.current ||
|
|
41
|
+
return e.current || L(Q, n), d.current;
|
|
45
42
|
}
|
|
46
43
|
};
|
|
47
44
|
return W.cancel = function() {
|
|
48
|
-
var
|
|
49
|
-
|
|
45
|
+
var l = e.current;
|
|
46
|
+
l && (w ? cancelAnimationFrame(e.current) : clearTimeout(e.current)), f.current = 0, i.current = t.current = o.current = e.current = null, l && c && c({});
|
|
50
47
|
}, W.isPending = function() {
|
|
51
48
|
return !!e.current;
|
|
52
49
|
}, W.flush = function() {
|
|
53
|
-
return e.current ?
|
|
50
|
+
return e.current ? k(Date.now()) : d.current;
|
|
54
51
|
}, W;
|
|
55
|
-
}, [
|
|
56
|
-
return M
|
|
52
|
+
}, [O, A, n, H, F, T, w, y, _, c]);
|
|
53
|
+
return E.current = M, U(function() {
|
|
54
|
+
return S.current = !0, function() {
|
|
55
|
+
var b;
|
|
56
|
+
T && E.current.flush(), p.current && ((b = global.document) == null || b.removeEventListener == null || b.removeEventListener("visibilitychange", p.current), p.current = null), S.current = !1;
|
|
57
|
+
};
|
|
58
|
+
}, [T]), M;
|
|
57
59
|
}
|
|
58
|
-
function
|
|
60
|
+
function P(r, n) {
|
|
59
61
|
return r === n;
|
|
60
62
|
}
|
|
61
|
-
function
|
|
62
|
-
var c =
|
|
63
|
+
function j(r, n, u) {
|
|
64
|
+
var c = P, a = h(r), t = D({})[1], f = G(v(function(e) {
|
|
63
65
|
a.current = e, t({});
|
|
64
|
-
}, [t]), n, u, t), s =
|
|
66
|
+
}, [t]), n, u, t), s = h(r);
|
|
65
67
|
return c(s.current, r) || (f(r), s.current = r), [a.current, f];
|
|
66
68
|
}
|
|
67
|
-
const
|
|
68
|
-
const [r, n] =
|
|
69
|
+
const z = 500, J = 1, K = (r) => r instanceof Error && r.message ? r.message : typeof r == "string" ? r : !0, X = () => {
|
|
70
|
+
const [r, n] = D(!1), [u, c] = D(!1), [a, t] = D([]), [f, s] = D(!1), e = v(() => {
|
|
69
71
|
t([]), n(!1), c(!1), s(!1);
|
|
70
|
-
}, []), i =
|
|
71
|
-
(
|
|
72
|
+
}, []), i = v(
|
|
73
|
+
(E, y) => {
|
|
72
74
|
t(
|
|
73
|
-
|
|
74
|
-
(
|
|
75
|
+
E.map(
|
|
76
|
+
(w) => C(w, y)
|
|
75
77
|
)
|
|
76
78
|
), c(!1), n(!1);
|
|
77
79
|
},
|
|
78
80
|
[]
|
|
79
|
-
),
|
|
80
|
-
t([]), c(
|
|
81
|
-
}, []), d =
|
|
81
|
+
), o = v((E) => {
|
|
82
|
+
t([]), c(E), n(!1);
|
|
83
|
+
}, []), d = v(() => {
|
|
82
84
|
c(!1);
|
|
83
|
-
}, []),
|
|
84
|
-
n(
|
|
85
|
-
}, []),
|
|
86
|
-
s(
|
|
87
|
-
}, []),
|
|
85
|
+
}, []), m = v((E) => {
|
|
86
|
+
n(E);
|
|
87
|
+
}, []), S = v((E) => {
|
|
88
|
+
s(E);
|
|
89
|
+
}, []), p = v(() => {
|
|
88
90
|
c(!1);
|
|
89
91
|
}, []);
|
|
90
92
|
return {
|
|
@@ -94,41 +96,41 @@ const G = 500, P = 1, j = (r) => r instanceof Error && r.message ? r.message : t
|
|
|
94
96
|
hasSearched: f,
|
|
95
97
|
reset: e,
|
|
96
98
|
updateWithResults: i,
|
|
97
|
-
updateWithError:
|
|
99
|
+
updateWithError: o,
|
|
98
100
|
clearError: d,
|
|
99
|
-
setLoadingState:
|
|
100
|
-
setSearched:
|
|
101
|
-
clearErrorState:
|
|
101
|
+
setLoadingState: m,
|
|
102
|
+
setSearched: S,
|
|
103
|
+
clearErrorState: p
|
|
102
104
|
};
|
|
103
|
-
},
|
|
104
|
-
const u =
|
|
105
|
+
}, Y = (r, n) => {
|
|
106
|
+
const u = h(""), c = v((s) => u.current === s, []), a = v((s) => {
|
|
105
107
|
u.current = s;
|
|
106
|
-
}, []), t =
|
|
107
|
-
async (s, e, i,
|
|
108
|
-
if (c(e) && !
|
|
108
|
+
}, []), t = v(
|
|
109
|
+
async (s, e, i, o = !1) => {
|
|
110
|
+
if (c(e) && !o) return;
|
|
109
111
|
const d = ++n.current;
|
|
110
|
-
if (a(e), e.length >= i ||
|
|
112
|
+
if (a(e), e.length >= i || o) {
|
|
111
113
|
r.setLoadingState(!0), r.clearErrorState();
|
|
112
114
|
try {
|
|
113
|
-
const
|
|
115
|
+
const m = await s(e);
|
|
114
116
|
if (d !== n.current) return;
|
|
115
|
-
r.setSearched(!0), r.updateWithResults(
|
|
116
|
-
} catch (
|
|
117
|
+
r.setSearched(!0), r.updateWithResults(m, e);
|
|
118
|
+
} catch (m) {
|
|
117
119
|
if (d !== n.current) return;
|
|
118
120
|
r.setSearched(!0), r.updateWithError(
|
|
119
|
-
|
|
121
|
+
K(m)
|
|
120
122
|
);
|
|
121
123
|
}
|
|
122
124
|
} else
|
|
123
125
|
r.reset();
|
|
124
126
|
},
|
|
125
127
|
[r, c, a, n]
|
|
126
|
-
), f =
|
|
127
|
-
(s, e, i,
|
|
128
|
-
if (!(c(e) && !
|
|
129
|
-
if (a(e), e.length >= i ||
|
|
128
|
+
), f = v(
|
|
129
|
+
(s, e, i, o = !1) => {
|
|
130
|
+
if (!(c(e) && !o))
|
|
131
|
+
if (a(e), e.length >= i || o) {
|
|
130
132
|
r.setSearched(!0);
|
|
131
|
-
const d =
|
|
133
|
+
const d = B(e, s);
|
|
132
134
|
r.updateWithResults(d, e);
|
|
133
135
|
} else
|
|
134
136
|
r.reset();
|
|
@@ -139,14 +141,14 @@ const G = 500, P = 1, j = (r) => r instanceof Error && r.message ? r.message : t
|
|
|
139
141
|
handleAsync: t,
|
|
140
142
|
handleSync: f
|
|
141
143
|
};
|
|
142
|
-
},
|
|
143
|
-
debounceThreshold: r =
|
|
144
|
+
}, rr = ({
|
|
145
|
+
debounceThreshold: r = z,
|
|
144
146
|
initialOptions: n = [],
|
|
145
|
-
minSearchLength: u =
|
|
147
|
+
minSearchLength: u = J,
|
|
146
148
|
options: c = [],
|
|
147
149
|
query: a = ""
|
|
148
150
|
}) => {
|
|
149
|
-
const t =
|
|
151
|
+
const t = X(), f = h(0), s = Y(t, f), [e] = j(a, r), i = v(
|
|
150
152
|
(d = !1) => {
|
|
151
153
|
if (typeof c == "function") {
|
|
152
154
|
s.handleAsync(
|
|
@@ -166,9 +168,9 @@ const G = 500, P = 1, j = (r) => r instanceof Error && r.message ? r.message : t
|
|
|
166
168
|
},
|
|
167
169
|
[e, u, c, s]
|
|
168
170
|
);
|
|
169
|
-
|
|
170
|
-
let
|
|
171
|
-
return t.results.length ?
|
|
171
|
+
U(i, [i]);
|
|
172
|
+
let o;
|
|
173
|
+
return t.results.length ? o = t.results : e.length ? o = [] : o = n ?? [], {
|
|
172
174
|
clearError: t.clearError,
|
|
173
175
|
debouncedQuery: e,
|
|
174
176
|
error: t.error,
|
|
@@ -176,11 +178,11 @@ const G = 500, P = 1, j = (r) => r instanceof Error && r.message ? r.message : t
|
|
|
176
178
|
shouldShowInstructions: a.length < u && !t.results.length && !n?.length,
|
|
177
179
|
shouldShowDebounceWaiting: a.length >= u && e.length < u && !t.loading && !t.hasSearched,
|
|
178
180
|
shouldShowNoResults: t.hasSearched && !t.loading && t.results.length === 0 && a.length >= u,
|
|
179
|
-
results:
|
|
181
|
+
results: o,
|
|
180
182
|
startSearch: i,
|
|
181
183
|
stopSearch: t.reset
|
|
182
184
|
};
|
|
183
185
|
};
|
|
184
186
|
export {
|
|
185
|
-
|
|
187
|
+
rr as useAutocompleteSearch
|
|
186
188
|
};
|
|
@@ -9,7 +9,7 @@ import "../ButtonGroup/hooks/useButtonGroupItem.js";
|
|
|
9
9
|
import "../../is-valid-prop-DTA0i8bT.js";
|
|
10
10
|
import "../../css-BStWZDQe.js";
|
|
11
11
|
import "../../cx-DN21T1EH.js";
|
|
12
|
-
import { I as g } from "../../Button-
|
|
12
|
+
import { I as g } from "../../Button-CF1am1r6.js";
|
|
13
13
|
import "../Popover/Popover.js";
|
|
14
14
|
import "../Popover/Popover.styles.js";
|
|
15
15
|
import "../Popover/InputPopover/InputPopover.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { I as e } from "../../../Button-
|
|
2
|
+
import { I as e } from "../../../Button-CF1am1r6.js";
|
|
3
3
|
import { IressIcon as i } from "../../Icon/Icon.js";
|
|
4
4
|
import "../../Icon/Icon.styles.js";
|
|
5
5
|
import "../../Icon/IconProvider.js";
|
|
@@ -9,7 +9,7 @@ import { IressPopover as me } from "../Popover/Popover.js";
|
|
|
9
9
|
import "../Popover/Popover.styles.js";
|
|
10
10
|
import "../Popover/InputPopover/InputPopover.js";
|
|
11
11
|
import "../Popover/hooks/useFloatingPopover.js";
|
|
12
|
-
import { I as ce } from "../../Button-
|
|
12
|
+
import { I as ce } from "../../Button-CF1am1r6.js";
|
|
13
13
|
import "../Button/CloseButton/CloseButton.js";
|
|
14
14
|
import { useRichSelectState as de } from "../RichSelect/hooks/useRichSelectState.js";
|
|
15
15
|
import "../../Autocomplete-DUsna_OY.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { I as i } from "../../../Button-
|
|
2
|
+
import { I as i } from "../../../Button-CF1am1r6.js";
|
|
3
3
|
import "../../Button/CloseButton/CloseButton.js";
|
|
4
4
|
import { filter as p } from "../Filter.styles.js";
|
|
5
5
|
import { usePopoverItem as f } from "../../Popover/hooks/usePopoverItem.js";
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
const
|
|
1
|
+
const a = {
|
|
2
|
+
family: "Material Symbols Rounded",
|
|
3
|
+
className: "material-symbols-rounded",
|
|
2
4
|
figmaGrade: "Emphasis",
|
|
3
5
|
figmaOpticalSize: "24dp",
|
|
4
6
|
grade: 0,
|
|
@@ -6,5 +8,5 @@ const i = {
|
|
|
6
8
|
weight: 300
|
|
7
9
|
};
|
|
8
10
|
export {
|
|
9
|
-
|
|
11
|
+
a as MATERIAL_SYMBOLS
|
|
10
12
|
};
|
|
@@ -1,58 +1,59 @@
|
|
|
1
1
|
import { jsx as c } from "react/jsx-runtime";
|
|
2
2
|
import { s as d } from "../../factory-BrouwSOb.js";
|
|
3
|
-
import { s as
|
|
4
|
-
import { c as
|
|
3
|
+
import { s as w } from "../../is-valid-prop-DTA0i8bT.js";
|
|
4
|
+
import { c as M } from "../../css-BStWZDQe.js";
|
|
5
5
|
import { c as p } from "../../cx-DN21T1EH.js";
|
|
6
6
|
import { icon as I } from "./Icon.styles.js";
|
|
7
7
|
import { GlobalCSSClass as u } from "../../enums.js";
|
|
8
|
-
import { useContext as
|
|
9
|
-
import { IconContext as
|
|
8
|
+
import { useContext as S, useEffect as v } from "react";
|
|
9
|
+
import { IconContext as N } from "./IconProvider.js";
|
|
10
10
|
import { idsLogger as _ } from "../../helpers/utility/idsLogger.js";
|
|
11
|
-
import { FA_TO_MATERIAL_MAP as
|
|
12
|
-
|
|
11
|
+
import { FA_TO_MATERIAL_MAP as E } from "./helpers/iconMapping.js";
|
|
12
|
+
import { MATERIAL_SYMBOLS as $ } from "./Icon.constants.js";
|
|
13
|
+
const F = ({
|
|
13
14
|
className: r,
|
|
14
15
|
flip: m,
|
|
15
|
-
name:
|
|
16
|
+
name: e,
|
|
16
17
|
rotate: l,
|
|
17
18
|
screenreaderText: a,
|
|
18
19
|
spin: n,
|
|
19
20
|
type: f,
|
|
20
21
|
...t
|
|
21
22
|
}) => {
|
|
22
|
-
const i =
|
|
23
|
+
const i = S(N), s = f ?? i?.type ?? "material";
|
|
23
24
|
f == "fontawesome" && _(
|
|
24
|
-
`[IressIcon] Font Awesome is deprecated and will be removed in a future version. Please migrate to Material Symbols. Icon name: "${
|
|
25
|
+
`[IressIcon] Font Awesome is deprecated and will be removed in a future version. Please migrate to Material Symbols. Icon name: "${e}"`
|
|
25
26
|
);
|
|
26
27
|
let o;
|
|
27
|
-
if (
|
|
28
|
-
|
|
29
|
-
}, [
|
|
30
|
-
const
|
|
28
|
+
if (s === "material" && (o = E[e] ?? e), v(() => {
|
|
29
|
+
s === "material" && i && o && i.registerIcon(o);
|
|
30
|
+
}, [s, i, o]), s === "material" && o) {
|
|
31
|
+
const y = i ? i.isIconLoaded(o) : !0, C = I.raw({
|
|
31
32
|
flip: m,
|
|
32
33
|
rotate: l,
|
|
33
34
|
spin: n,
|
|
34
35
|
filled: t.filled,
|
|
35
|
-
type:
|
|
36
|
-
loading: !
|
|
37
|
-
}), [
|
|
36
|
+
type: s,
|
|
37
|
+
loading: !y
|
|
38
|
+
}), [L, b] = w(t);
|
|
38
39
|
return /* @__PURE__ */ c(
|
|
39
40
|
d.span,
|
|
40
41
|
{
|
|
41
42
|
role: "img",
|
|
42
43
|
className: p(
|
|
43
|
-
|
|
44
|
+
M(C, L),
|
|
44
45
|
u.Icon,
|
|
45
|
-
|
|
46
|
+
$.className,
|
|
46
47
|
r
|
|
47
48
|
),
|
|
48
49
|
"aria-hidden": !a && "true",
|
|
49
50
|
"aria-label": a,
|
|
50
|
-
...
|
|
51
|
+
...b,
|
|
51
52
|
children: o
|
|
52
53
|
}
|
|
53
54
|
);
|
|
54
55
|
}
|
|
55
|
-
const g = "fa-",
|
|
56
|
+
const g = "fa-", A = t.set ?? "fal", h = t.fixedWidth ?? !1, x = I({
|
|
56
57
|
flip: m,
|
|
57
58
|
rotate: l,
|
|
58
59
|
spin: n
|
|
@@ -62,11 +63,11 @@ const E = ({
|
|
|
62
63
|
{
|
|
63
64
|
role: "img",
|
|
64
65
|
className: p(
|
|
65
|
-
|
|
66
|
+
x,
|
|
66
67
|
u.Icon,
|
|
67
|
-
|
|
68
|
-
`${g}${
|
|
69
|
-
|
|
68
|
+
A,
|
|
69
|
+
`${g}${e}`,
|
|
70
|
+
h && "fa-fw",
|
|
70
71
|
r
|
|
71
72
|
),
|
|
72
73
|
"aria-hidden": !a && "true",
|
|
@@ -75,7 +76,7 @@ const E = ({
|
|
|
75
76
|
}
|
|
76
77
|
);
|
|
77
78
|
};
|
|
78
|
-
|
|
79
|
+
F.displayName = "IressIcon";
|
|
79
80
|
export {
|
|
80
|
-
|
|
81
|
+
F as IressIcon
|
|
81
82
|
};
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { c as t } from "../../cva-DJVW1KHF.js";
|
|
2
|
-
|
|
2
|
+
import { MATERIAL_SYMBOLS as i } from "./Icon.constants.js";
|
|
3
|
+
const o = t({
|
|
3
4
|
base: {},
|
|
4
5
|
variants: {
|
|
5
6
|
type: {
|
|
6
7
|
fontawesome: {},
|
|
7
8
|
material: {
|
|
8
9
|
fontFamily: "Material Symbols Rounded",
|
|
10
|
+
fontWeight: i.weight,
|
|
9
11
|
textStyle: "inherit",
|
|
10
12
|
verticalAlign: "middle",
|
|
11
13
|
materialSymbols: "true",
|
|
@@ -73,5 +75,5 @@ const i = t({
|
|
|
73
75
|
]
|
|
74
76
|
});
|
|
75
77
|
export {
|
|
76
|
-
|
|
78
|
+
o as icon
|
|
77
79
|
};
|
|
@@ -13,7 +13,7 @@ import { input as X } from "./Input.styles.js";
|
|
|
13
13
|
import { s as Z } from "../../factory-BrouwSOb.js";
|
|
14
14
|
import { s as _ } from "../../is-valid-prop-DTA0i8bT.js";
|
|
15
15
|
import { useNoDefaultValueInForms as ee } from "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
|
|
16
|
-
import "../../Button-
|
|
16
|
+
import "../../Button-CF1am1r6.js";
|
|
17
17
|
import { IressCloseButton as te } from "../Button/CloseButton/CloseButton.js";
|
|
18
18
|
const re = ({ rows: t, ...c }, P) => {
|
|
19
19
|
const {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as n, jsxs as v } from "react/jsx-runtime";
|
|
2
2
|
import { useState as Z, useEffect as w, useMemo as oo } from "react";
|
|
3
|
-
import "../../Button-
|
|
3
|
+
import "../../Button-CF1am1r6.js";
|
|
4
4
|
import { IressCloseButton as eo } from "../Button/CloseButton/CloseButton.js";
|
|
5
5
|
import { u as to, b as so, c as ro, d as no, e as ao, F as io, f as lo, g as co } from "../../floating-ui.react-BlU6Nz_4.js";
|
|
6
6
|
import { idsLogger as mo } from "../../helpers/utility/idsLogger.js";
|
|
@@ -12,7 +12,7 @@ import "../Slideout/Slideout.styles.js";
|
|
|
12
12
|
import "../Slideout/SlideoutProvider.js";
|
|
13
13
|
import "../Slideout/hooks/useSlideout.js";
|
|
14
14
|
import "react-dom";
|
|
15
|
-
import { I as j } from "../../Provider-
|
|
15
|
+
import { I as j } from "../../Provider-uPW2d6U5.js";
|
|
16
16
|
import "../Icon/Icon.js";
|
|
17
17
|
import "../Icon/Icon.styles.js";
|
|
18
18
|
import "../Icon/IconProvider.js";
|
|
@@ -8,7 +8,7 @@ import "../../Menu/MenuDivider/MenuDivider.js";
|
|
|
8
8
|
import "../../Menu/MenuItem/MenuItem.js";
|
|
9
9
|
import { IressMenuHeading as g } from "../../Menu/MenuText/MenuText.js";
|
|
10
10
|
import { GlobalCSSClass as a } from "../../../enums.js";
|
|
11
|
-
import { I as h } from "../../../Button-
|
|
11
|
+
import { I as h } from "../../../Button-CF1am1r6.js";
|
|
12
12
|
import "../../Button/CloseButton/CloseButton.js";
|
|
13
13
|
import "../../Popover/Popover.js";
|
|
14
14
|
import "../../Popover/Popover.styles.js";
|
|
@@ -21,7 +21,7 @@ import "../../Popover/Popover.styles.js";
|
|
|
21
21
|
import "../../Popover/InputPopover/InputPopover.js";
|
|
22
22
|
import { usePopover as V } from "../../Popover/hooks/usePopover.js";
|
|
23
23
|
import "../../Popover/hooks/useFloatingPopover.js";
|
|
24
|
-
import { I as G } from "../../../Button-
|
|
24
|
+
import { I as G } from "../../../Button-CF1am1r6.js";
|
|
25
25
|
import "../../Button/CloseButton/CloseButton.js";
|
|
26
26
|
import { IressIcon as R } from "../../Icon/Icon.js";
|
|
27
27
|
import "../../Icon/Icon.styles.js";
|