@hortiview/shared-components 0.0.4721 → 0.0.4723

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 (81) hide show
  1. package/dist/BlockView.module-8kbPxxc4.js +15 -0
  2. package/dist/BlockView.module-ypKp14Lt.cjs +1 -0
  3. package/dist/HashTabView.module-B20c3S70.cjs +1 -0
  4. package/dist/HashTabView.module-BY0tbl3B.js +13 -0
  5. package/dist/HeaderFilter.module-DSCJz6-s.cjs +1 -0
  6. package/dist/HeaderFilter.module-DiBmulr5.js +7 -0
  7. package/dist/_commonjsHelpers-DwTZ_eVU.cjs +1 -0
  8. package/dist/_getTag-DNUtgXkb.js +136 -0
  9. package/dist/_getTag-DSIzMwlx.cjs +1 -0
  10. package/dist/_stringToPath-B-GSTJ2e.cjs +1 -0
  11. package/dist/_stringToPath-BfzwTbL6.js +54 -0
  12. package/dist/assets/DeleteModal.css +1 -1
  13. package/dist/baseView.module--VUY4h_X.cjs +1 -0
  14. package/dist/baseView.module-DXWalo9p.js +7 -0
  15. package/dist/basicHeading.module-BbcVMp42.cjs +1 -0
  16. package/dist/basicHeading.module-ClcvD7x2.js +16 -0
  17. package/dist/component-DJvMx3oL.cjs +148 -0
  18. package/dist/{component-DCtofpGS.js → component-Rx4bNsGO.js} +1 -1
  19. package/dist/components/BaseView/BaseView.js +28 -30
  20. package/dist/components/BaseView/BaseView.test.js +1 -1
  21. package/dist/components/BasicHeading/BasicHeading.js +40 -51
  22. package/dist/components/BasicHeading/BasicHeading.test.js +1 -1
  23. package/dist/components/BlockView/BlockView.js +41 -51
  24. package/dist/components/DeleteModal/DeleteModal.js +34 -36
  25. package/dist/components/Disclaimer/Disclaimer.js +11 -14
  26. package/dist/components/EmptyView/EmptyView.js +4 -4
  27. package/dist/components/HashTabView/HashTabView.js +60 -68
  28. package/dist/components/HeaderFilter/HeaderFilter.js +628 -629
  29. package/dist/components/Iconify/Iconify.js +1 -1
  30. package/dist/components/ListArea/ListArea.js +189 -233
  31. package/dist/components/ListArea/ListArea.test.js +2 -2
  32. package/dist/components/ListArea/ListAreaService.js +56 -9
  33. package/dist/components/SearchBar/SearchBar.js +47 -48
  34. package/dist/components/VerticalDivider/VerticalDivider.js +4 -6
  35. package/dist/disclaimer.module-BZydt-Q_.js +8 -0
  36. package/dist/disclaimer.module-BfrBh-Rf.cjs +1 -0
  37. package/dist/hooks/useBreakpoint.js +2 -2
  38. package/dist/index.es-80RhGkCD.cjs +1 -0
  39. package/dist/index.es-Ba9oZK_n.js +769 -0
  40. package/dist/{index.es-CcfZlo4c.js → index.es-C1ojb4Lq.js} +1 -1
  41. package/dist/index.es-CEydmFbW.cjs +23 -0
  42. package/dist/index.es-CKdjg72r.cjs +64 -0
  43. package/dist/{index.es-hAl7Wxm5.js → index.es-CNBieliG.js} +1 -1
  44. package/dist/index.es-CPRODq-I.cjs +127 -0
  45. package/dist/{index.es-C3EKMb0J.js → index.es-CQ3ep412.js} +3 -3
  46. package/dist/index.es-CSD_u-fK.cjs +1 -0
  47. package/dist/{index.es-STyHqa-8.js → index.es-CVCp4d0C.js} +2 -2
  48. package/dist/{index.es-BahjEG5L.js → index.es-Cct4Uapb.js} +28 -28
  49. package/dist/index.es-Cj9DW-2T.js +430 -0
  50. package/dist/{index.es-z8RCxF8n.js → index.es-Cm4X20_S.js} +2 -2
  51. package/dist/index.es-Cqx46S1V.cjs +540 -0
  52. package/dist/index.es-DiO-sp-V.cjs +1 -0
  53. package/dist/index.es-DyXn5zZ8.cjs +1 -0
  54. package/dist/{index.es-3I3oam0G.js → index.es-InSNsV4f.js} +1 -1
  55. package/dist/index.es-J3ub0jmR.cjs +1 -0
  56. package/dist/{index.es-BcHAMD5J.js → index.es-L0ZCcbUf.js} +1676 -1805
  57. package/dist/index.es-gvcK6-6t.cjs +1 -0
  58. package/dist/listArea.module-B04TR5bj.js +14 -0
  59. package/dist/listArea.module-CMO-yRdf.cjs +1 -0
  60. package/dist/magic-string.es-EQkD18No.cjs +10 -0
  61. package/dist/main.d.ts +1 -0
  62. package/dist/main.js +6 -6
  63. package/dist/react.esm-CMNZXU0t.cjs +93 -0
  64. package/dist/searchBar.module-9gKyrZRT.js +7 -0
  65. package/dist/searchBar.module-CFi8D8zn.cjs +1 -0
  66. package/dist/{tslib.es6-BOWp4lfV.js → tslib.es6-CIXEwqhg.js} +4 -4
  67. package/dist/tslib.es6-D1TYK0An.cjs +1 -0
  68. package/dist/{useBreakpoint-DROHPVxO.js → useBreakpoint-DyAmuka7.js} +2 -2
  69. package/dist/useBreakpoint-PUopk3AO.cjs +1 -0
  70. package/dist/verticalDivider.module-C3_GL-fH.js +7 -0
  71. package/dist/verticalDivider.module-Ciw9Fnt1.cjs +1 -0
  72. package/dist/vi.JYQecGiw-M1q0RI3O.cjs +512 -0
  73. package/package.json +1 -1
  74. package/dist/ListAreaService-BQCdQv7a.js +0 -68
  75. package/dist/index.es-DVNdCQvl.js +0 -1192
  76. /package/dist/assets/{BaseView.css → baseView.css} +0 -0
  77. /package/dist/assets/{BasicHeading.css → basicHeading.css} +0 -0
  78. /package/dist/assets/{Disclaimer.css → disclaimer.css} +0 -0
  79. /package/dist/assets/{ListAreaService.css → listArea.css} +0 -0
  80. /package/dist/assets/{SearchBar.css → searchBar.css} +0 -0
  81. /package/dist/assets/{VerticalDivider.css → verticalDivider.css} +0 -0
@@ -1,1192 +0,0 @@
1
- import { P as n, a as pe, c as O, _ as I, e as j, g as fe, h as ae, u as me, i as he } from "./index.es-BahjEG5L.js";
2
- import { I as ge, c as be } from "./index.es-3I3oam0G.js";
3
- import p, { forwardRef as S, useRef as h, useImperativeHandle as M, useEffect as L, useState as J, useMemo as ie, useCallback as w, Fragment as oe } from "react";
4
- import { c as H, _ as F } from "./tslib.es6-BOWp4lfV.js";
5
- import { a as X, M as le, b as Y, e as ye } from "./component-DCtofpGS.js";
6
- import ve from "react-dom";
7
- /**
8
- * @license
9
- * Copyright 2018 Google Inc.
10
- *
11
- * Permission is hereby granted, free of charge, to any person obtaining a copy
12
- * of this software and associated documentation files (the "Software"), to deal
13
- * in the Software without restriction, including without limitation the rights
14
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
15
- * copies of the Software, and to permit persons to whom the Software is
16
- * furnished to do so, subject to the following conditions:
17
- *
18
- * The above copyright notice and this permission notice shall be included in
19
- * all copies or substantial portions of the Software.
20
- *
21
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
22
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
23
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
24
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
25
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
26
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
27
- * THE SOFTWARE.
28
- */
29
- var U = {
30
- ICON_BUTTON_ON: "mdc-icon-button--on",
31
- ROOT: "mdc-icon-button"
32
- }, E = {
33
- ARIA_LABEL: "aria-label",
34
- ARIA_PRESSED: "aria-pressed",
35
- DATA_ARIA_LABEL_OFF: "data-aria-label-off",
36
- DATA_ARIA_LABEL_ON: "data-aria-label-on",
37
- CHANGE_EVENT: "MDCIconButtonToggle:change"
38
- };
39
- /**
40
- * @license
41
- * Copyright 2018 Google Inc.
42
- *
43
- * Permission is hereby granted, free of charge, to any person obtaining a copy
44
- * of this software and associated documentation files (the "Software"), to deal
45
- * in the Software without restriction, including without limitation the rights
46
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
47
- * copies of the Software, and to permit persons to whom the Software is
48
- * furnished to do so, subject to the following conditions:
49
- *
50
- * The above copyright notice and this permission notice shall be included in
51
- * all copies or substantial portions of the Software.
52
- *
53
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
54
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
55
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
56
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
57
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
58
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
59
- * THE SOFTWARE.
60
- */
61
- var se = (
62
- /** @class */
63
- function(a) {
64
- H(t, a);
65
- function t(e) {
66
- var o = a.call(this, F(F({}, t.defaultAdapter), e)) || this;
67
- return o.hasToggledAriaLabel = !1, o;
68
- }
69
- return Object.defineProperty(t, "cssClasses", {
70
- get: function() {
71
- return U;
72
- },
73
- enumerable: !1,
74
- configurable: !0
75
- }), Object.defineProperty(t, "strings", {
76
- get: function() {
77
- return E;
78
- },
79
- enumerable: !1,
80
- configurable: !0
81
- }), Object.defineProperty(t, "defaultAdapter", {
82
- get: function() {
83
- return {
84
- addClass: function() {
85
- },
86
- hasClass: function() {
87
- return !1;
88
- },
89
- notifyChange: function() {
90
- },
91
- removeClass: function() {
92
- },
93
- getAttr: function() {
94
- return null;
95
- },
96
- setAttr: function() {
97
- }
98
- };
99
- },
100
- enumerable: !1,
101
- configurable: !0
102
- }), t.prototype.init = function() {
103
- var e = this.adapter.getAttr(E.DATA_ARIA_LABEL_ON), o = this.adapter.getAttr(E.DATA_ARIA_LABEL_OFF);
104
- if (e && o) {
105
- if (this.adapter.getAttr(E.ARIA_PRESSED) !== null)
106
- throw new Error("MDCIconButtonToggleFoundation: Button should not set `aria-pressed` if it has a toggled aria label.");
107
- this.hasToggledAriaLabel = !0;
108
- } else
109
- this.adapter.setAttr(E.ARIA_PRESSED, String(this.isOn()));
110
- }, t.prototype.handleClick = function() {
111
- this.toggle(), this.adapter.notifyChange({ isOn: this.isOn() });
112
- }, t.prototype.isOn = function() {
113
- return this.adapter.hasClass(U.ICON_BUTTON_ON);
114
- }, t.prototype.toggle = function(e) {
115
- if (e === void 0 && (e = !this.isOn()), e ? this.adapter.addClass(U.ICON_BUTTON_ON) : this.adapter.removeClass(U.ICON_BUTTON_ON), this.hasToggledAriaLabel) {
116
- var o = e ? this.adapter.getAttr(E.DATA_ARIA_LABEL_ON) : this.adapter.getAttr(E.DATA_ARIA_LABEL_OFF);
117
- this.adapter.setAttr(E.ARIA_LABEL, o || "");
118
- } else
119
- this.adapter.setAttr(E.ARIA_PRESSED, "" + e);
120
- }, t;
121
- }(X)
122
- );
123
- /**
124
- * @license
125
- * Copyright 2018 Google Inc.
126
- *
127
- * Permission is hereby granted, free of charge, to any person obtaining a copy
128
- * of this software and associated documentation files (the "Software"), to deal
129
- * in the Software without restriction, including without limitation the rights
130
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
131
- * copies of the Software, and to permit persons to whom the Software is
132
- * furnished to do so, subject to the following conditions:
133
- *
134
- * The above copyright notice and this permission notice shall be included in
135
- * all copies or substantial portions of the Software.
136
- *
137
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
138
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
139
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
140
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
141
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
142
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
143
- * THE SOFTWARE.
144
- */
145
- var Ae = se.strings, _e = (
146
- /** @class */
147
- function(a) {
148
- H(t, a);
149
- function t() {
150
- var e = a !== null && a.apply(this, arguments) || this;
151
- return e.rippleComponent = e.createRipple(), e;
152
- }
153
- return t.attachTo = function(e) {
154
- return new t(e);
155
- }, t.prototype.initialSyncWithDOM = function() {
156
- var e = this;
157
- this.handleClick = function() {
158
- e.foundation.handleClick();
159
- }, this.listen("click", this.handleClick);
160
- }, t.prototype.destroy = function() {
161
- this.unlisten("click", this.handleClick), this.ripple.destroy(), a.prototype.destroy.call(this);
162
- }, t.prototype.getDefaultFoundation = function() {
163
- var e = this, o = {
164
- addClass: function(r) {
165
- return e.root.classList.add(r);
166
- },
167
- hasClass: function(r) {
168
- return e.root.classList.contains(r);
169
- },
170
- notifyChange: function(r) {
171
- e.emit(Ae.CHANGE_EVENT, r);
172
- },
173
- removeClass: function(r) {
174
- return e.root.classList.remove(r);
175
- },
176
- getAttr: function(r) {
177
- return e.root.getAttribute(r);
178
- },
179
- setAttr: function(r, i) {
180
- return e.root.setAttribute(r, i);
181
- }
182
- };
183
- return new se(o);
184
- }, Object.defineProperty(t.prototype, "ripple", {
185
- get: function() {
186
- return this.rippleComponent;
187
- },
188
- enumerable: !1,
189
- configurable: !0
190
- }), Object.defineProperty(t.prototype, "on", {
191
- get: function() {
192
- return this.foundation.isOn();
193
- },
194
- set: function(e) {
195
- this.foundation.toggle(e);
196
- },
197
- enumerable: !1,
198
- configurable: !0
199
- }), t.prototype.createRipple = function() {
200
- var e = new le(this.root);
201
- return e.unbounded = !0, e;
202
- }, t;
203
- }(Y)
204
- );
205
- const Ee = {
206
- /**
207
- * Programmatically sets the toggle state of the button when used as a toggle button. If not set, the toggle state will be managed internally.
208
- *
209
- * Defaults to **false**.
210
- */
211
- active: n.bool,
212
- /**
213
- * Accessibility label for assistive technologies.
214
- *
215
- * Defaults to **null**.
216
- */
217
- ariaLabel: n.string,
218
- /**
219
- * Id of an element serving as a label for this IconButton instance. Used by assistive technologies.
220
- *
221
- * Defaults to **null**.
222
- */
223
- ariaLabelledBy: n.string,
224
- /**
225
- * The custom icon button notification badge to be rendered.
226
- *
227
- * Defaults to **undefined**.
228
- */
229
- badge: n.node,
230
- /**
231
- * The placement of the notification badge on the icon to start. It will flip to the opposite side if there is no room.
232
- *
233
- * Defaults to **'right-start'**.
234
- */
235
- badgePlacement: n.oneOf(["right-start", "left-start"]),
236
- /**
237
- * The content when when using the IconButton normally. Expects an `Icon` component. For toggle button functionality, use `toggleOn` and `toggleOff` instead.
238
- *
239
- * Defaults to **null**.
240
- */
241
- children: n.node,
242
- /**
243
- * The css class name to be passed through to the component markup.
244
- *
245
- * Defaults to **undefined**.
246
- */
247
- className: n.string,
248
- /**
249
- * Enables a smaller IconButton.
250
- *
251
- * Defaults to **false**.
252
- */
253
- dense: n.bool,
254
- /**
255
- * Disables the icon button.
256
- *
257
- * Defaults to **false**.
258
- */
259
- disabled: n.bool,
260
- /**
261
- * For simple use-cases, this will automatically create the icon object. Does not work with `toggle='true'`
262
- *
263
- * Defaults to **null**.
264
- */
265
- icon: n.oneOfType([n.string, n.node]),
266
- /**
267
- * One of 'xsmall', 'small', 'medium', 'large', and 'xlarge' will change the size of the icon. Defaults to medium.
268
- *
269
- * Defaults to **'medium'**.
270
- */
271
- iconSize: n.oneOf(["xsmall", "small", "medium", "large", "xlarge"]),
272
- /**
273
- * The icon type to be rendered. Not all icons have every type. To see which icons are available for different types see [Material Icons docs](https://material.io/tools/icons)
274
- *
275
- * Defaults to **'filled'**.
276
- */
277
- iconType: n.oneOf(["filled", "outlined", "rounded", "two-tone", "sharp"]),
278
- /**
279
- * Fired when the user clicks the IconButton, will return toggle state, if applicable.
280
- *
281
- * Defaults to **null**.
282
- */
283
- onClick: n.func,
284
- /**
285
- * TabIndex of the button.
286
- *
287
- * Defaults to **0**.
288
- */
289
- tabIndex: n.number,
290
- /**
291
- * The content to be rendered when the `IconButton` is toggled off. Expects an `Icon` component. The typical use case for a toggle button would be to set an Icon for `toggleOn` and `toggleOff`, leaving children blank.
292
- *
293
- * Defaults to **null**.
294
- */
295
- toggleOff: n.node,
296
- /**
297
- * The `aria-label` value to be read by a screen-reader when the button is toggled off. Example 'Add to Favorites'. Alternatively, `toggleOffAriaLabelledBy` may be used instead.
298
- *
299
- * Defaults to **null**.
300
- */
301
- toggleOffAriaLabel: n.string,
302
- /**
303
- * The `aria-labelledby`value when the button is toggled on. This should be the `id `of a parent element to be read by a screen reader instead of `aria-label`.
304
- *
305
- * Defaults to **null**.
306
- */
307
- toggleOffAriaLabelledBy: n.string,
308
- /**
309
- * The content to be rendered when the `IconButton` is toggled on. Expects an `Icon` component. The typical use case for a toggle button would be to set an Icon for `toggleOn` and `toggleOff`, leaving children blank.
310
- *
311
- * Defaults to **null**.
312
- */
313
- toggleOn: n.node,
314
- /**
315
- * The `aria-label` value to be read by a screen-reader when the button is toggled on. Example 'Remove from Favorites'. Alternatively, `toggleOnAriaLabelledBy` may be used instead.
316
- *
317
- * Defaults to **null**.
318
- */
319
- toggleOnAriaLabel: n.string,
320
- /**
321
- * The `aria-labelledby`value when the button is toggled on. This should be the `id` of a parent element to be read by a screen reader instead of `aria-label`.
322
- *
323
- * Defaults to **null**.
324
- */
325
- toggleOnAriaLabelledBy: n.string,
326
- /**
327
- * Variants prefixed with `filled-` will add a background color to the icon according to the theme. Variants prefixed with ` color-` will change the color of the icon according to the theme.
328
- *
329
- * Defaults to **empty string**.
330
- */
331
- variant: pe(n.oneOf(["", "filled-danger-alt", "filled-danger", "filled-primary", "filled-secondary", "color-primary", "color-secondary", "color-on-dark", "color-on-unknown-black"]), ["primary-alt", "secondary-alt", "primary", "danger-alt", "danger"], "IconButton", "Please use one of '','filled-danger-alt','filled-danger','filled-primary','filled-secondary','color-primary','color-secondary','color-on-dark','color-on-unknown-black'.")
332
- }, Oe = {
333
- active: !1,
334
- ariaLabel: null,
335
- ariaLabelledBy: null,
336
- badge: void 0,
337
- badgePlacement: "right-start",
338
- children: null,
339
- className: void 0,
340
- dense: !1,
341
- disabled: !1,
342
- icon: null,
343
- iconSize: "medium",
344
- iconType: "filled",
345
- tabIndex: 0,
346
- toggleOff: null,
347
- toggleOffAriaLabel: null,
348
- toggleOffAriaLabelledBy: null,
349
- toggleOn: null,
350
- toggleOnAriaLabel: null,
351
- toggleOnAriaLabelledBy: null,
352
- variant: ""
353
- }, Z = /* @__PURE__ */ S((a, t) => {
354
- const {
355
- active: e,
356
- ariaLabel: o,
357
- ariaLabelledBy: r,
358
- badge: i,
359
- badgePlacement: g,
360
- children: c,
361
- className: f,
362
- dense: b,
363
- disabled: y,
364
- icon: C,
365
- iconSize: G,
366
- iconType: V,
367
- onClick: R,
368
- tabIndex: T,
369
- toggleOff: N,
370
- toggleOffAriaLabel: _,
371
- toggleOffAriaLabelledBy: x,
372
- toggleOn: $,
373
- toggleOnAriaLabel: D,
374
- toggleOnAriaLabelledBy: B,
375
- variant: s,
376
- ...z
377
- } = a, k = h(), d = h(), u = h(), m = $ && N;
378
- M(t, () => k.current, []);
379
- const W = O("lmnt", "lmnt-icon-button", "mdc-icon-button", b && "lmnt-icon-button--dense", (s === "primary" || s === "primary-alt" || s === "secondary" || s === "danger" || s === "danger-alt" || s === "filled-primary" || s === "filled-primary-alt" || s === "filled-secondary" || s === "filled-danger" || s === "filled-danger-alt") && "lmnt-icon-button--fill", (s === "danger-alt" || s === "filled-danger-alt") && "lmnt-icon-button--fill-danger-alt", (s === "danger" || s === "filled-danger") && "lmnt-icon-button--fill-danger", (s === "primary" || s === "filled-primary") && "lmnt-icon-button--fill-primary", (s === "primary-alt" || s === "filled-secondary") && "lmnt-icon-button--fill-secondary", (s === "secondary-alt" || s === "color-on-dark") && "lmnt-icon-button--color-on-dark", s === "color-primary" && "lmnt-icon-button--color-primary", s === "color-secondary" && "lmnt-icon-button--color-secondary", s === "color-on-unknown-black" && "lmnt-icon-button--on-unknown-black", f);
380
- L(() => (m ? u.current = _e.attachTo(k.current) : (d.current = le.attachTo(k.current), d.current.unbounded = !0), () => {
381
- m ? u.current.destroy() : d.current.destroy();
382
- }), [u, m, d]), L(() => {
383
- m && (u.current.on = e);
384
- }, [e, m, u]);
385
- const ue = (l) => {
386
- R && R(m ? u.current.on : l);
387
- };
388
- return /* @__PURE__ */ p.createElement("button", I({
389
- "aria-label": o,
390
- "aria-labelledby": r,
391
- "data-aria-label-on": D || B || o,
392
- "data-aria-label-off": _ || x || o,
393
- onClick: ue,
394
- ref: k,
395
- className: W,
396
- disabled: y,
397
- tabIndex: T
398
- }, z), C && /* @__PURE__ */ p.createElement(ge, {
399
- badge: i,
400
- badgePlacement: g,
401
- icon: C,
402
- iconSize: G,
403
- iconType: V
404
- }), c && j(c, (l) => {
405
- var v, A;
406
- return {
407
- className: O("mdc-icon-button__icon", l == null || (v = l.props) === null || v === void 0 ? void 0 : v.className),
408
- "aria-hidden": (l == null || (A = l.props) === null || A === void 0 ? void 0 : A["aria-hidden"]) || o || r
409
- };
410
- }), m && j($, (l) => {
411
- var v, A, P;
412
- return {
413
- className: O("mdc-icon-button__icon mdc-icon-button__icon--on", l == null || (v = l.props) === null || v === void 0 ? void 0 : v.className),
414
- "aria-label": (l == null || (A = l.props) === null || A === void 0 ? void 0 : A["aria-label"]) || D || B || o,
415
- "aria-hidden": (l == null || (P = l.props) === null || P === void 0 ? void 0 : P["aria-hidden"]) || D || B || o
416
- };
417
- }), m && j(N, (l) => {
418
- var v, A, P;
419
- return {
420
- className: O("mdc-icon-button__icon", l == null || (v = l.props) === null || v === void 0 ? void 0 : v.className),
421
- "aria-label": (l == null || (A = l.props) === null || A === void 0 ? void 0 : A["aria-label"]) || _ || x || o,
422
- "aria-hidden": (l == null || (P = l.props) === null || P === void 0 ? void 0 : P["aria-hidden"]) || _ || x || o
423
- };
424
- }));
425
- });
426
- Z.displayName = "IconButton";
427
- Z.propTypes = Ee;
428
- Z.defaultProps = Oe;
429
- /**
430
- * @license
431
- * Copyright 2016 Google Inc.
432
- *
433
- * Permission is hereby granted, free of charge, to any person obtaining a copy
434
- * of this software and associated documentation files (the "Software"), to deal
435
- * in the Software without restriction, including without limitation the rights
436
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
437
- * copies of the Software, and to permit persons to whom the Software is
438
- * furnished to do so, subject to the following conditions:
439
- *
440
- * The above copyright notice and this permission notice shall be included in
441
- * all copies or substantial portions of the Software.
442
- *
443
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
444
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
445
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
446
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
447
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
448
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
449
- * THE SOFTWARE.
450
- */
451
- var Le = {
452
- LABEL_FLOAT_ABOVE: "mdc-floating-label--float-above",
453
- LABEL_REQUIRED: "mdc-floating-label--required",
454
- LABEL_SHAKE: "mdc-floating-label--shake",
455
- ROOT: "mdc-floating-label"
456
- };
457
- /**
458
- * @license
459
- * Copyright 2016 Google Inc.
460
- *
461
- * Permission is hereby granted, free of charge, to any person obtaining a copy
462
- * of this software and associated documentation files (the "Software"), to deal
463
- * in the Software without restriction, including without limitation the rights
464
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
465
- * copies of the Software, and to permit persons to whom the Software is
466
- * furnished to do so, subject to the following conditions:
467
- *
468
- * The above copyright notice and this permission notice shall be included in
469
- * all copies or substantial portions of the Software.
470
- *
471
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
472
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
473
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
474
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
475
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
476
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
477
- * THE SOFTWARE.
478
- */
479
- var de = (
480
- /** @class */
481
- function(a) {
482
- H(t, a);
483
- function t(e) {
484
- var o = a.call(this, F(F({}, t.defaultAdapter), e)) || this;
485
- return o.shakeAnimationEndHandler_ = function() {
486
- return o.handleShakeAnimationEnd_();
487
- }, o;
488
- }
489
- return Object.defineProperty(t, "cssClasses", {
490
- get: function() {
491
- return Le;
492
- },
493
- enumerable: !1,
494
- configurable: !0
495
- }), Object.defineProperty(t, "defaultAdapter", {
496
- /**
497
- * See {@link MDCFloatingLabelAdapter} for typing information on parameters and return types.
498
- */
499
- get: function() {
500
- return {
501
- addClass: function() {
502
- },
503
- removeClass: function() {
504
- },
505
- getWidth: function() {
506
- return 0;
507
- },
508
- registerInteractionHandler: function() {
509
- },
510
- deregisterInteractionHandler: function() {
511
- }
512
- };
513
- },
514
- enumerable: !1,
515
- configurable: !0
516
- }), t.prototype.init = function() {
517
- this.adapter.registerInteractionHandler("animationend", this.shakeAnimationEndHandler_);
518
- }, t.prototype.destroy = function() {
519
- this.adapter.deregisterInteractionHandler("animationend", this.shakeAnimationEndHandler_);
520
- }, t.prototype.getWidth = function() {
521
- return this.adapter.getWidth();
522
- }, t.prototype.shake = function(e) {
523
- var o = t.cssClasses.LABEL_SHAKE;
524
- e ? this.adapter.addClass(o) : this.adapter.removeClass(o);
525
- }, t.prototype.float = function(e) {
526
- var o = t.cssClasses, r = o.LABEL_FLOAT_ABOVE, i = o.LABEL_SHAKE;
527
- e ? this.adapter.addClass(r) : (this.adapter.removeClass(r), this.adapter.removeClass(i));
528
- }, t.prototype.setRequired = function(e) {
529
- var o = t.cssClasses.LABEL_REQUIRED;
530
- e ? this.adapter.addClass(o) : this.adapter.removeClass(o);
531
- }, t.prototype.handleShakeAnimationEnd_ = function() {
532
- var e = t.cssClasses.LABEL_SHAKE;
533
- this.adapter.removeClass(e);
534
- }, t;
535
- }(X)
536
- );
537
- /**
538
- * @license
539
- * Copyright 2016 Google Inc.
540
- *
541
- * Permission is hereby granted, free of charge, to any person obtaining a copy
542
- * of this software and associated documentation files (the "Software"), to deal
543
- * in the Software without restriction, including without limitation the rights
544
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
545
- * copies of the Software, and to permit persons to whom the Software is
546
- * furnished to do so, subject to the following conditions:
547
- *
548
- * The above copyright notice and this permission notice shall be included in
549
- * all copies or substantial portions of the Software.
550
- *
551
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
552
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
553
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
554
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
555
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
556
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
557
- * THE SOFTWARE.
558
- */
559
- var Ce = (
560
- /** @class */
561
- function(a) {
562
- H(t, a);
563
- function t() {
564
- return a !== null && a.apply(this, arguments) || this;
565
- }
566
- return t.attachTo = function(e) {
567
- return new t(e);
568
- }, t.prototype.shake = function(e) {
569
- this.foundation.shake(e);
570
- }, t.prototype.float = function(e) {
571
- this.foundation.float(e);
572
- }, t.prototype.setRequired = function(e) {
573
- this.foundation.setRequired(e);
574
- }, t.prototype.getWidth = function() {
575
- return this.foundation.getWidth();
576
- }, t.prototype.getDefaultFoundation = function() {
577
- var e = this, o = {
578
- addClass: function(r) {
579
- return e.root.classList.add(r);
580
- },
581
- removeClass: function(r) {
582
- return e.root.classList.remove(r);
583
- },
584
- getWidth: function() {
585
- return ye(e.root);
586
- },
587
- registerInteractionHandler: function(r, i) {
588
- return e.listen(r, i);
589
- },
590
- deregisterInteractionHandler: function(r, i) {
591
- return e.unlisten(r, i);
592
- }
593
- };
594
- return new de(o);
595
- }, t;
596
- }(Y)
597
- );
598
- /**
599
- * @license
600
- * Copyright 2018 Google Inc.
601
- *
602
- * Permission is hereby granted, free of charge, to any person obtaining a copy
603
- * of this software and associated documentation files (the "Software"), to deal
604
- * in the Software without restriction, including without limitation the rights
605
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
606
- * copies of the Software, and to permit persons to whom the Software is
607
- * furnished to do so, subject to the following conditions:
608
- *
609
- * The above copyright notice and this permission notice shall be included in
610
- * all copies or substantial portions of the Software.
611
- *
612
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
613
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
614
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
615
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
616
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
617
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
618
- * THE SOFTWARE.
619
- */
620
- var ce = {
621
- NOTCH_ELEMENT_SELECTOR: ".mdc-notched-outline__notch"
622
- }, re = {
623
- // This should stay in sync with $mdc-notched-outline-padding * 2.
624
- NOTCH_ELEMENT_PADDING: 8
625
- }, Q = {
626
- NO_LABEL: "mdc-notched-outline--no-label",
627
- OUTLINE_NOTCHED: "mdc-notched-outline--notched",
628
- OUTLINE_UPGRADED: "mdc-notched-outline--upgraded"
629
- };
630
- /**
631
- * @license
632
- * Copyright 2017 Google Inc.
633
- *
634
- * Permission is hereby granted, free of charge, to any person obtaining a copy
635
- * of this software and associated documentation files (the "Software"), to deal
636
- * in the Software without restriction, including without limitation the rights
637
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
638
- * copies of the Software, and to permit persons to whom the Software is
639
- * furnished to do so, subject to the following conditions:
640
- *
641
- * The above copyright notice and this permission notice shall be included in
642
- * all copies or substantial portions of the Software.
643
- *
644
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
645
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
646
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
647
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
648
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
649
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
650
- * THE SOFTWARE.
651
- */
652
- var Te = (
653
- /** @class */
654
- function(a) {
655
- H(t, a);
656
- function t(e) {
657
- return a.call(this, F(F({}, t.defaultAdapter), e)) || this;
658
- }
659
- return Object.defineProperty(t, "strings", {
660
- get: function() {
661
- return ce;
662
- },
663
- enumerable: !1,
664
- configurable: !0
665
- }), Object.defineProperty(t, "cssClasses", {
666
- get: function() {
667
- return Q;
668
- },
669
- enumerable: !1,
670
- configurable: !0
671
- }), Object.defineProperty(t, "numbers", {
672
- get: function() {
673
- return re;
674
- },
675
- enumerable: !1,
676
- configurable: !0
677
- }), Object.defineProperty(t, "defaultAdapter", {
678
- /**
679
- * See {@link MDCNotchedOutlineAdapter} for typing information on parameters and return types.
680
- */
681
- get: function() {
682
- return {
683
- addClass: function() {
684
- },
685
- removeClass: function() {
686
- },
687
- setNotchWidthProperty: function() {
688
- },
689
- removeNotchWidthProperty: function() {
690
- }
691
- };
692
- },
693
- enumerable: !1,
694
- configurable: !0
695
- }), t.prototype.notch = function(e) {
696
- var o = t.cssClasses.OUTLINE_NOTCHED;
697
- e > 0 && (e += re.NOTCH_ELEMENT_PADDING), this.adapter.setNotchWidthProperty(e), this.adapter.addClass(o);
698
- }, t.prototype.closeNotch = function() {
699
- var e = t.cssClasses.OUTLINE_NOTCHED;
700
- this.adapter.removeClass(e), this.adapter.removeNotchWidthProperty();
701
- }, t;
702
- }(X)
703
- );
704
- /**
705
- * @license
706
- * Copyright 2017 Google Inc.
707
- *
708
- * Permission is hereby granted, free of charge, to any person obtaining a copy
709
- * of this software and associated documentation files (the "Software"), to deal
710
- * in the Software without restriction, including without limitation the rights
711
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
712
- * copies of the Software, and to permit persons to whom the Software is
713
- * furnished to do so, subject to the following conditions:
714
- *
715
- * The above copyright notice and this permission notice shall be included in
716
- * all copies or substantial portions of the Software.
717
- *
718
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
719
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
720
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
721
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
722
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
723
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
724
- * THE SOFTWARE.
725
- */
726
- var Ne = (
727
- /** @class */
728
- function(a) {
729
- H(t, a);
730
- function t() {
731
- return a !== null && a.apply(this, arguments) || this;
732
- }
733
- return t.attachTo = function(e) {
734
- return new t(e);
735
- }, t.prototype.initialSyncWithDOM = function() {
736
- this.notchElement_ = this.root.querySelector(ce.NOTCH_ELEMENT_SELECTOR);
737
- var e = this.root.querySelector("." + de.cssClasses.ROOT);
738
- e ? (e.style.transitionDuration = "0s", this.root.classList.add(Q.OUTLINE_UPGRADED), requestAnimationFrame(function() {
739
- e.style.transitionDuration = "";
740
- })) : this.root.classList.add(Q.NO_LABEL);
741
- }, t.prototype.notch = function(e) {
742
- this.foundation.notch(e);
743
- }, t.prototype.closeNotch = function() {
744
- this.foundation.closeNotch();
745
- }, t.prototype.getDefaultFoundation = function() {
746
- var e = this, o = {
747
- addClass: function(r) {
748
- return e.root.classList.add(r);
749
- },
750
- removeClass: function(r) {
751
- return e.root.classList.remove(r);
752
- },
753
- setNotchWidthProperty: function(r) {
754
- return e.notchElement_.style.setProperty("width", r + "px");
755
- },
756
- removeNotchWidthProperty: function() {
757
- return e.notchElement_.style.removeProperty("width");
758
- }
759
- };
760
- return new Te(o);
761
- }, t;
762
- }(Y)
763
- );
764
- const Pe = {
765
- /**
766
- * Content to be rendered inside the portal.
767
- *
768
- * Defaults to **null**.
769
- */
770
- children: n.node,
771
- /**
772
- * Disables the portal to rendering children in the natural flow of the DOM.
773
- *
774
- * Defaults to **false**.
775
- */
776
- disabled: n.bool,
777
- /**
778
- * The DOM element the children will render in. If a string is sent it should be a valid DOM query selector. If one is not sent, Portal will default to `document.body`.
779
- *
780
- * Defaults to **'document.body'**.
781
- */
782
- portalContainer: n.oneOfType([n.string, n.node])
783
- }, Ie = {
784
- children: null,
785
- disabled: !1,
786
- portalContainer: "document.body"
787
- }, q = /* @__PURE__ */ S((a, t) => {
788
- const [e, o] = J(document.body), {
789
- children: r,
790
- container: i,
791
- disabled: g
792
- } = a, c = h();
793
- return M(t, () => c.current, []), L(() => {
794
- if (typeof i == "string")
795
- if (i === "document.body")
796
- o(document.body);
797
- else {
798
- const f = fe(i);
799
- o(f || document.body);
800
- }
801
- else
802
- o(i || document.body);
803
- }, [i]), // eslint-disable-next-line react/jsx-no-useless-fragment
804
- /* @__PURE__ */ p.createElement(p.Fragment, null, g ? r : /* @__PURE__ */ ve.createPortal(r, e));
805
- });
806
- q.displayName = "Portal";
807
- q.propTypes = Pe;
808
- q.defaultProps = Ie;
809
- var Re = /* @__PURE__ */ p.memo(q);
810
- const De = {
811
- /**
812
- * Accepts any valid markup. This will be rendered before any value set with the `text` prop. For most use-cases use `text`.
813
- *
814
- * Defaults to **undefined**.
815
- */
816
- children: n.node.isRequired,
817
- /**
818
- * The css class name to be passed through to the component markup.
819
- *
820
- * Defaults to **undefined**.
821
- */
822
- className: n.string,
823
- /**
824
- * Container display type, inline or block.
825
- *
826
- * Defaults to **'inline'**.
827
- */
828
- containerType: n.oneOf(["inline", "block"]),
829
- /**
830
- * Whether or not the tooltip is hoisted to render outside of the parent element. Useful for when the tooltip needs to render in a parent with `overflow: hidden` ie. a table cell.
831
- *
832
- * Defaults to **false**.
833
- */
834
- hoisted: n.bool,
835
- /**
836
- * Randomly generated id. May be overwritten.
837
- *
838
- * Defaults to **undefined**.
839
- */
840
- id: n.string,
841
- /**
842
- * Fired when the trigger is interacted with.
843
- *
844
- * Defaults to **null**.
845
- */
846
- onClick: n.func,
847
- /**
848
- * The DOM element the children will render in. If a string is sent it should be a valid DOM query selector. If one is not sent, Portal will default to `document.body`.
849
- *
850
- * Defaults to **'document.body'**.
851
- */
852
- portalContainer: n.oneOfType([n.string, n.node]),
853
- /**
854
- * Position of tooltip. Options include: 'top', 'left', 'right', and 'bottom'(default).
855
- *
856
- * Defaults to **'bottom'**.
857
- */
858
- position: n.oneOf(["bottom", "top", "left", "right"]),
859
- /**
860
- * string
861
- *
862
- * Defaults to **null**.
863
- */
864
- text: n.oneOfType([n.string, n.func, n.node]).isRequired,
865
- /**
866
- * Custom properties to apply to the hovering element.
867
- *
868
- * Defaults to **null**.
869
- */
870
- tooltipProps: n.object,
871
- /**
872
- * Custom properties to apply to the trigger element.
873
- *
874
- * Defaults to **null**.
875
- */
876
- triggerProps: n.object
877
- }, Be = {
878
- children: void 0,
879
- className: void 0,
880
- containerType: "inline",
881
- hoisted: !1,
882
- id: void 0,
883
- portalContainer: "document.body",
884
- position: "bottom",
885
- text: null,
886
- tooltipProps: null,
887
- triggerProps: null
888
- }, ke = {
889
- /**
890
- * The css class name to be passed through to the component markup.
891
- *
892
- * Defaults to **undefined**.
893
- */
894
- className: n.string,
895
- /**
896
- * Whether or not the tooltip is hoisted to render outside of the parent element. Useful for when the tooltip needs to render in a parent with `overflow: hidden` ie. a table cell.
897
- *
898
- * Defaults to **false**.
899
- */
900
- hoisted: n.bool,
901
- /**
902
- * Randomly generated id. May be overwritten.
903
- *
904
- * Defaults to **undefined**.
905
- */
906
- id: n.string,
907
- /**
908
- * The DOM element the children will render in. If a string is sent it should be a valid DOM query selector. If one is not sent, Portal will default to `document.body`.
909
- *
910
- * Defaults to **'document.body'**.
911
- */
912
- portalContainer: n.oneOfType([n.string, n.node]),
913
- /**
914
- * The text to be rendered inside of the Tooltip.
915
- *
916
- * Defaults to **null**.
917
- */
918
- text: n.oneOfType([n.string, n.func, n.node]).isRequired
919
- }, Fe = {
920
- className: void 0,
921
- hoisted: !1,
922
- id: void 0,
923
- portalContainer: "document.body",
924
- text: null
925
- }, K = /* @__PURE__ */ S((a, t) => {
926
- const {
927
- className: e,
928
- hoisted: o,
929
- id: r,
930
- portalContainer: i,
931
- text: g,
932
- ...c
933
- } = a, [f] = J(() => r || ae()), b = h();
934
- M(t, () => b.current, []);
935
- const y = ie(() => O(["lmnt", e, "lmnt-tooltip__text-content", "mdc-typography--caption"]), [e]);
936
- return /* @__PURE__ */ p.createElement(Re, {
937
- disabled: !o,
938
- container: i
939
- }, /* @__PURE__ */ p.createElement("div", I({
940
- role: "tooltip",
941
- id: f,
942
- className: y
943
- }, c, {
944
- ref: b
945
- }), g));
946
- });
947
- K.displayName = "TooltipText";
948
- K.propTypes = ke;
949
- K.defaultProps = Fe;
950
- const ee = /* @__PURE__ */ S((a, t) => {
951
- const {
952
- children: e,
953
- className: o,
954
- containerType: r,
955
- hoisted: i,
956
- id: g,
957
- onClick: c,
958
- portalContainer: f,
959
- position: b,
960
- text: y,
961
- tooltipProps: C,
962
- triggerProps: G,
963
- ...V
964
- } = a, R = h(), T = h(), N = h();
965
- M(t, () => T.current, []);
966
- const [_] = J(() => g || ae()), x = w(() => {
967
- c?.();
968
- }, [c]), $ = w((d) => {
969
- d.key === "Enter" && c?.();
970
- }, [c]);
971
- me(() => {
972
- const d = [{
973
- name: "flip",
974
- options: {
975
- enabled: !0,
976
- padding: {
977
- bottom: 32,
978
- top: 32
979
- }
980
- }
981
- }];
982
- return i ? d.push({
983
- name: "offset",
984
- options: {
985
- offset: [0, 6]
986
- }
987
- }) : d.push({
988
- name: "offset",
989
- options: {
990
- offset: [0, 12]
991
- }
992
- }), R.current && T.current && (N.current = be(R.current, T.current, {
993
- placement: b,
994
- modifiers: d
995
- })), () => {
996
- var u;
997
- (u = N.current) === null || u === void 0 || u.destroy();
998
- };
999
- }, [b, i]);
1000
- const D = w(() => {
1001
- var d, u, m;
1002
- (d = T.current) === null || d === void 0 || d.setAttribute("data-show", ""), (u = N.current) === null || u === void 0 || u.setOptions((W) => ({
1003
- ...W,
1004
- modifiers: [...W.modifiers, {
1005
- name: "eventListeners",
1006
- enabled: !0
1007
- }]
1008
- })), (m = N.current) === null || m === void 0 || m.update();
1009
- }, []), B = w(() => {
1010
- var d, u;
1011
- (d = T.current) === null || d === void 0 || d.removeAttribute("data-show"), (u = N.current) === null || u === void 0 || u.setOptions((m) => ({
1012
- ...m,
1013
- modifiers: [...m.modifiers, {
1014
- name: "eventListeners",
1015
- enabled: !1
1016
- }]
1017
- }));
1018
- }, []), s = w(() => {
1019
- const d = e;
1020
- return d.type ? d.type === oe : d === oe;
1021
- }, [e]);
1022
- L(() => {
1023
- const d = `Tooltips should only include short text for additional context and should not exceed three lines visually. (Toolitip ID ${_}).`;
1024
- y && y.length > 100 && he(d);
1025
- }, [y, _]);
1026
- const z = ie(
1027
- // eslint-disable-next-line react/no-unstable-nested-components
1028
- () => () => e ? typeof e == "string" || s(e) ? /* @__PURE__ */ p.createElement("span", {
1029
- "aria-describedby": _
1030
- }, e) : j(e, {
1031
- "aria-describedby": _
1032
- }) : null,
1033
- [e, _, s]
1034
- ), k = c ? {
1035
- tabIndex: 0,
1036
- role: c ? "button" : "note",
1037
- onKeyPress: $,
1038
- onClick: x
1039
- } : {};
1040
- return /* @__PURE__ */ p.createElement("span", I({
1041
- className: O("lmnt lmnt-tooltip", r === "block" ? "lmnt-tooltip--block" : "lmnt-tooltip--inline")
1042
- }, k, V), /* @__PURE__ */ p.createElement("span", I({
1043
- className: O("lmnt-tooltip__content", r === "block" ? "lmnt-tooltip--block" : "lmnt-tooltip--inline")
1044
- }, G, {
1045
- ref: R,
1046
- onMouseEnter: D,
1047
- onFocus: D,
1048
- onMouseLeave: B,
1049
- onBlur: B
1050
- }), /* @__PURE__ */ p.createElement(z, null)), y && /* @__PURE__ */ p.createElement(K, I({
1051
- hoisted: i,
1052
- portalContainer: f,
1053
- role: "tooltip",
1054
- id: _,
1055
- className: o
1056
- }, C, {
1057
- ref: T,
1058
- text: y
1059
- })));
1060
- });
1061
- ee.displayName = "Tooltip";
1062
- ee.propTypes = De;
1063
- ee.defaultProps = Be;
1064
- const Se = {
1065
- /**
1066
- * Content to be rendered inside the label. Expects a string, though accepts any valid markup.
1067
- *
1068
- * Defaults to **null**.
1069
- */
1070
- children: n.node.isRequired,
1071
- /**
1072
- * The css class name to be passed through to the component markup.
1073
- *
1074
- * Defaults to **undefined**.
1075
- */
1076
- className: n.string,
1077
- /**
1078
- * The label will appear in the floating state.
1079
- *
1080
- * Defaults to **false**.
1081
- */
1082
- float: n.bool,
1083
- /**
1084
- * The id of the component to trigger on active
1085
- *
1086
- * Defaults to **empty string**.
1087
- */
1088
- htmlFor: n.string,
1089
- /**
1090
- * The label will shake briefly when set.
1091
- *
1092
- * Defaults to **false**.
1093
- */
1094
- shake: n.bool
1095
- }, Me = {
1096
- children: null,
1097
- className: void 0,
1098
- float: !1,
1099
- htmlFor: "",
1100
- shake: !1
1101
- }, te = /* @__PURE__ */ S((a, t) => {
1102
- const {
1103
- children: e,
1104
- htmlFor: o = "",
1105
- shake: r = !1,
1106
- float: i = !1,
1107
- className: g,
1108
- style: c,
1109
- ...f
1110
- } = a, b = h(), y = e, C = h();
1111
- return M(t, () => C.current, []), L(() => (b.current = Ce.attachTo(C.current), () => {
1112
- b.current.destroy();
1113
- })), L(() => {
1114
- b.current.float(i);
1115
- }, [i]), /* @__PURE__ */ p.createElement("label", I({
1116
- ref: C,
1117
- htmlFor: o,
1118
- className: O("lmnt", "mdc-floating-label", i && "mdc-floating-label--float-above", r && "mdc-floating-label--shake", g)
1119
- }, f, {
1120
- style: c
1121
- }), y);
1122
- });
1123
- te.displayName = "FloatingLabel";
1124
- te.propTypes = Se;
1125
- te.defaultProps = Me;
1126
- const He = {
1127
- /**
1128
- * Content to be rendered inside the notched outline. Accepts a string.
1129
- *
1130
- * Defaults to **null**.
1131
- */
1132
- children: n.node,
1133
- /**
1134
- * The css class name to be passed through to the component markup.
1135
- *
1136
- * Defaults to **undefined**.
1137
- */
1138
- className: n.string,
1139
- /**
1140
- * Determines if the notch is opened or closed.
1141
- *
1142
- * Defaults to **undefined**.
1143
- */
1144
- closed: n.bool,
1145
- /**
1146
- *
1147
- *
1148
- * Defaults to **null**.
1149
- */
1150
- width: n.number
1151
- }, xe = {
1152
- children: null,
1153
- className: void 0,
1154
- closed: void 0,
1155
- width: null
1156
- }, ne = /* @__PURE__ */ S((a, t) => {
1157
- const {
1158
- closed: e,
1159
- className: o,
1160
- children: r,
1161
- width: i,
1162
- ...g
1163
- } = a, c = h(), f = h();
1164
- return M(t, () => c.current, []), L(() => (f.current = Ne.attachTo(c.current), () => {
1165
- f.current.destroy();
1166
- }), []), L(() => {
1167
- e !== void 0 && (e ? f.current.closeNotch() : f.current.notch());
1168
- }, [e]), L(() => {
1169
- i ? f.current.foundation.adapter.setNotchWidthProperty(i) : f.current.foundation.adapter.removeNotchWidthProperty();
1170
- }, [i]), /* @__PURE__ */ p.createElement("div", I({
1171
- className: O("lmnt", "mdc-notched-outline", o),
1172
- ref: c
1173
- }, g), /* @__PURE__ */ p.createElement("div", {
1174
- className: "mdc-notched-outline__leading"
1175
- }), /* @__PURE__ */ p.createElement("div", {
1176
- className: "mdc-notched-outline__notch"
1177
- }, r), /* @__PURE__ */ p.createElement("div", {
1178
- className: "mdc-notched-outline__trailing"
1179
- }));
1180
- });
1181
- ne.displayName = "NotchedOutline";
1182
- ne.propTypes = He;
1183
- ne.defaultProps = xe;
1184
- export {
1185
- te as F,
1186
- Z as I,
1187
- Ce as M,
1188
- ne as N,
1189
- Re as P,
1190
- K as T,
1191
- Ne as a
1192
- };