@hortiview/default-components 1.4.0 → 1.4.2
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/README.md +1 -1
- package/dist/{Iconify-Cjdr-ccS.js → Iconify-CUZc8WnW.js} +17 -16
- package/dist/InfoCard-CFmkh7DJ.js +58 -0
- package/dist/{LoadingSpinner-FRQEZvxs.js → LoadingSpinner-DVBQ1tGJ.js} +178 -192
- package/dist/OfflineView-DHtzNLwt-BmxTfGZq.js +46 -0
- package/dist/assets/InfoCard.css +1 -0
- package/dist/assets/OfflineView-DHtzNLwt.css +1 -0
- package/dist/{component-DsB0poTj-BDGiEcbP.js → component-DsB0poTj-CeLHB9Ok.js} +3 -3
- package/dist/components/DefaultFormNumber/DefaultFormNumber.js +1337 -505
- package/dist/components/DefaultFormSelect/DefaultFormSelect.js +25 -25
- package/dist/components/DefaultLoadingSpinner/DefaultLoadingSpinner.js +2 -2
- package/dist/components/GenericTable/GenericTable.js +11524 -9875
- package/dist/components/HealthChecks/DataBaseHealthCheck.d.ts +2 -2
- package/dist/components/HealthChecks/DataBaseHealthCheck.js +2 -2
- package/dist/components/HealthChecks/DefaultHealthCheck.d.ts +2 -2
- package/dist/components/HealthChecks/DefaultHealthCheck.js +2 -2
- package/dist/components/HealthChecks/IotServiceHealthCheck.d.ts +2 -2
- package/dist/components/HealthChecks/IotServiceHealthCheck.js +2 -2
- package/dist/components/HealthChecks/PlatformHealthCheck.d.ts +2 -2
- package/dist/components/HealthChecks/PlatformHealthCheck.js +2 -2
- package/dist/components/ImpatienceLoadingSpinner/ImpatienceLoadingSpinner.js +2 -2
- package/dist/components/OfflineView/OfflineView.js +2 -2
- package/dist/index.es-0QJC9VS2-CNPew9LK.js +360 -0
- package/dist/{index.es--yyG47az-DBKBm3yD.js → index.es-BGordhUK-C36NK84Q.js} +400 -365
- package/dist/index.es-Bg8hxXM8-BlFd894m.js +1083 -0
- package/dist/index.es-Bo1Rhtyb-B650l9Yk.js +79 -0
- package/dist/index.es-CK4oZMKs-Da8pin7D.js +14077 -0
- package/dist/{index.es-U5-b20Gv-ChQ_O81C.js → index.es-Cq04gn3U-Bvzrqtm6.js} +369 -535
- package/dist/{omit-1Eom1PmQ-BLY9iMqj.js → index.es-DENZVv7_-PUEN9sIa.js} +495 -869
- package/dist/index.es-IXyb5F6n-B5afcHX8.js +452 -0
- package/dist/isTypedArray-Dw_IY7Zq-BZ-4N8-Z.js +210 -0
- package/dist/main.d.ts +3 -2
- package/dist/main.js +8 -8
- package/dist/slicedToArray-BWk2gTCn-Cfzj7tjm.js +432 -0
- package/dist/useHelperText-3ahu6tTS.js +391 -0
- package/dist/useTranslation-CVaIJbcK.js +5277 -0
- package/package.json +4 -4
- package/dist/HealthCheckFailed-CqLYAwpc.js +0 -47
- package/dist/OfflineView-HbuDPpQL-kqlzfoUS.js +0 -46
- package/dist/assets/HealthCheckFailed.css +0 -1
- package/dist/assets/OfflineView-HbuDPpQL.css +0 -1
- package/dist/index.es-Bx1E5MPK-CaV59rEP.js +0 -344
- package/dist/index.es-CzUKBF7E-C0X-mcdY.js +0 -13567
- package/dist/index.es-D-ph6ImM-CWxTa_iD.js +0 -63
- package/dist/index.es-DDo_AHL0-VqD9ikmU.js +0 -1033
- package/dist/index.es-Kg9soDed-BkTwDySy.js +0 -440
- package/dist/useHelperText-DD9_Dtkk.js +0 -21
- package/dist/useTranslation-B_ODv8uN.js +0 -4306
|
@@ -0,0 +1,452 @@
|
|
|
1
|
+
import { r as Ee, d as Se, e as v, h as ie, l as Re, B as T, g as ue, i as Pe, F as we, j as re, k as De, Y as xe, t as a, m as Fe } from "./useTranslation-CVaIJbcK.js";
|
|
2
|
+
import N, { forwardRef as je, useRef as B, useImperativeHandle as He, useEffect as de } from "react";
|
|
3
|
+
import { U as fe } from "./component-DsB0poTj-CeLHB9Ok.js";
|
|
4
|
+
var se, ce;
|
|
5
|
+
function ze() {
|
|
6
|
+
return ce || (ce = 1, se = /* @__PURE__ */ we()), se;
|
|
7
|
+
}
|
|
8
|
+
var Ue = ze();
|
|
9
|
+
const $e = /* @__PURE__ */ Se(Ue);
|
|
10
|
+
/**
|
|
11
|
+
* @license
|
|
12
|
+
* Copyright 2018 Google Inc.
|
|
13
|
+
*
|
|
14
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
15
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
16
|
+
* in the Software without restriction, including without limitation the rights
|
|
17
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
18
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
19
|
+
* furnished to do so, subject to the following conditions:
|
|
20
|
+
*
|
|
21
|
+
* The above copyright notice and this permission notice shall be included in
|
|
22
|
+
* all copies or substantial portions of the Software.
|
|
23
|
+
*
|
|
24
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
25
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
26
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
27
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
28
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
29
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
30
|
+
* THE SOFTWARE.
|
|
31
|
+
*/
|
|
32
|
+
var A = {
|
|
33
|
+
ICON_BUTTON_ON: "mdc-icon-button--on",
|
|
34
|
+
ROOT: "mdc-icon-button"
|
|
35
|
+
}, f = {
|
|
36
|
+
ARIA_LABEL: "aria-label",
|
|
37
|
+
ARIA_PRESSED: "aria-pressed",
|
|
38
|
+
DATA_ARIA_LABEL_OFF: "data-aria-label-off",
|
|
39
|
+
DATA_ARIA_LABEL_ON: "data-aria-label-on",
|
|
40
|
+
CHANGE_EVENT: "MDCIconButtonToggle:change"
|
|
41
|
+
};
|
|
42
|
+
/**
|
|
43
|
+
* @license
|
|
44
|
+
* Copyright 2018 Google Inc.
|
|
45
|
+
*
|
|
46
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
47
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
48
|
+
* in the Software without restriction, including without limitation the rights
|
|
49
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
50
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
51
|
+
* furnished to do so, subject to the following conditions:
|
|
52
|
+
*
|
|
53
|
+
* The above copyright notice and this permission notice shall be included in
|
|
54
|
+
* all copies or substantial portions of the Software.
|
|
55
|
+
*
|
|
56
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
57
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
58
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
59
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
60
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
61
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
62
|
+
* THE SOFTWARE.
|
|
63
|
+
*/
|
|
64
|
+
var ge = (
|
|
65
|
+
/** @class */
|
|
66
|
+
function(e) {
|
|
67
|
+
ue(l, e);
|
|
68
|
+
function l(n) {
|
|
69
|
+
var d = e.call(this, re(re({}, l.defaultAdapter), n)) || this;
|
|
70
|
+
return d.hasToggledAriaLabel = !1, d;
|
|
71
|
+
}
|
|
72
|
+
return Object.defineProperty(l, "cssClasses", {
|
|
73
|
+
get: function() {
|
|
74
|
+
return A;
|
|
75
|
+
},
|
|
76
|
+
enumerable: !1,
|
|
77
|
+
configurable: !0
|
|
78
|
+
}), Object.defineProperty(l, "strings", {
|
|
79
|
+
get: function() {
|
|
80
|
+
return f;
|
|
81
|
+
},
|
|
82
|
+
enumerable: !1,
|
|
83
|
+
configurable: !0
|
|
84
|
+
}), Object.defineProperty(l, "defaultAdapter", {
|
|
85
|
+
get: function() {
|
|
86
|
+
return {
|
|
87
|
+
addClass: function() {
|
|
88
|
+
},
|
|
89
|
+
hasClass: function() {
|
|
90
|
+
return !1;
|
|
91
|
+
},
|
|
92
|
+
notifyChange: function() {
|
|
93
|
+
},
|
|
94
|
+
removeClass: function() {
|
|
95
|
+
},
|
|
96
|
+
getAttr: function() {
|
|
97
|
+
return null;
|
|
98
|
+
},
|
|
99
|
+
setAttr: function() {
|
|
100
|
+
}
|
|
101
|
+
};
|
|
102
|
+
},
|
|
103
|
+
enumerable: !1,
|
|
104
|
+
configurable: !0
|
|
105
|
+
}), l.prototype.init = function() {
|
|
106
|
+
var n = this.adapter.getAttr(f.DATA_ARIA_LABEL_ON), d = this.adapter.getAttr(f.DATA_ARIA_LABEL_OFF);
|
|
107
|
+
if (n && d) {
|
|
108
|
+
if (this.adapter.getAttr(f.ARIA_PRESSED) !== null)
|
|
109
|
+
throw new Error("MDCIconButtonToggleFoundation: Button should not set `aria-pressed` if it has a toggled aria label.");
|
|
110
|
+
this.hasToggledAriaLabel = !0;
|
|
111
|
+
} else
|
|
112
|
+
this.adapter.setAttr(f.ARIA_PRESSED, String(this.isOn()));
|
|
113
|
+
}, l.prototype.handleClick = function() {
|
|
114
|
+
this.toggle(), this.adapter.notifyChange({ isOn: this.isOn() });
|
|
115
|
+
}, l.prototype.isOn = function() {
|
|
116
|
+
return this.adapter.hasClass(A.ICON_BUTTON_ON);
|
|
117
|
+
}, l.prototype.toggle = function(n) {
|
|
118
|
+
if (n === void 0 && (n = !this.isOn()), n ? this.adapter.addClass(A.ICON_BUTTON_ON) : this.adapter.removeClass(A.ICON_BUTTON_ON), this.hasToggledAriaLabel) {
|
|
119
|
+
var d = n ? this.adapter.getAttr(f.DATA_ARIA_LABEL_ON) : this.adapter.getAttr(f.DATA_ARIA_LABEL_OFF);
|
|
120
|
+
this.adapter.setAttr(f.ARIA_LABEL, d || "");
|
|
121
|
+
} else
|
|
122
|
+
this.adapter.setAttr(f.ARIA_PRESSED, "" + n);
|
|
123
|
+
}, l;
|
|
124
|
+
}(De)
|
|
125
|
+
);
|
|
126
|
+
/**
|
|
127
|
+
* @license
|
|
128
|
+
* Copyright 2018 Google Inc.
|
|
129
|
+
*
|
|
130
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
131
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
132
|
+
* in the Software without restriction, including without limitation the rights
|
|
133
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
134
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
135
|
+
* furnished to do so, subject to the following conditions:
|
|
136
|
+
*
|
|
137
|
+
* The above copyright notice and this permission notice shall be included in
|
|
138
|
+
* all copies or substantial portions of the Software.
|
|
139
|
+
*
|
|
140
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
141
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
142
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
143
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
144
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
145
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
146
|
+
* THE SOFTWARE.
|
|
147
|
+
*/
|
|
148
|
+
var Ge = ge.strings, Me = (
|
|
149
|
+
/** @class */
|
|
150
|
+
function(e) {
|
|
151
|
+
ue(l, e);
|
|
152
|
+
function l() {
|
|
153
|
+
var n = e !== null && e.apply(this, arguments) || this;
|
|
154
|
+
return n.rippleComponent = n.createRipple(), n;
|
|
155
|
+
}
|
|
156
|
+
return l.attachTo = function(n) {
|
|
157
|
+
return new l(n);
|
|
158
|
+
}, l.prototype.initialSyncWithDOM = function() {
|
|
159
|
+
var n = this;
|
|
160
|
+
this.handleClick = function() {
|
|
161
|
+
n.foundation.handleClick();
|
|
162
|
+
}, this.listen("click", this.handleClick);
|
|
163
|
+
}, l.prototype.destroy = function() {
|
|
164
|
+
this.unlisten("click", this.handleClick), this.ripple.destroy(), e.prototype.destroy.call(this);
|
|
165
|
+
}, l.prototype.getDefaultFoundation = function() {
|
|
166
|
+
var n = this, d = {
|
|
167
|
+
addClass: function(r) {
|
|
168
|
+
return n.root.classList.add(r);
|
|
169
|
+
},
|
|
170
|
+
hasClass: function(r) {
|
|
171
|
+
return n.root.classList.contains(r);
|
|
172
|
+
},
|
|
173
|
+
notifyChange: function(r) {
|
|
174
|
+
n.emit(Ge.CHANGE_EVENT, r);
|
|
175
|
+
},
|
|
176
|
+
removeClass: function(r) {
|
|
177
|
+
return n.root.classList.remove(r);
|
|
178
|
+
},
|
|
179
|
+
getAttr: function(r) {
|
|
180
|
+
return n.root.getAttribute(r);
|
|
181
|
+
},
|
|
182
|
+
setAttr: function(r, u) {
|
|
183
|
+
return n.root.setAttribute(r, u);
|
|
184
|
+
}
|
|
185
|
+
};
|
|
186
|
+
return new ge(d);
|
|
187
|
+
}, Object.defineProperty(l.prototype, "ripple", {
|
|
188
|
+
get: function() {
|
|
189
|
+
return this.rippleComponent;
|
|
190
|
+
},
|
|
191
|
+
enumerable: !1,
|
|
192
|
+
configurable: !0
|
|
193
|
+
}), Object.defineProperty(l.prototype, "on", {
|
|
194
|
+
get: function() {
|
|
195
|
+
return this.foundation.isOn();
|
|
196
|
+
},
|
|
197
|
+
set: function(n) {
|
|
198
|
+
this.foundation.toggle(n);
|
|
199
|
+
},
|
|
200
|
+
enumerable: !1,
|
|
201
|
+
configurable: !0
|
|
202
|
+
}), l.prototype.createRipple = function() {
|
|
203
|
+
var n = new fe(this.root);
|
|
204
|
+
return n.unbounded = !0, n;
|
|
205
|
+
}, l;
|
|
206
|
+
}(Pe)
|
|
207
|
+
), Ve = {
|
|
208
|
+
/**
|
|
209
|
+
* Programmatically sets the toggle state of the button when used as a toggle button. If not set, the toggle state will be managed internally.
|
|
210
|
+
*
|
|
211
|
+
* Defaults to **false**.
|
|
212
|
+
*/
|
|
213
|
+
active: a.bool,
|
|
214
|
+
/**
|
|
215
|
+
* Accessibility label for assistive technologies.
|
|
216
|
+
*
|
|
217
|
+
* Defaults to **null**.
|
|
218
|
+
*/
|
|
219
|
+
ariaLabel: a.string,
|
|
220
|
+
/**
|
|
221
|
+
* Id of an element serving as a label for this IconButton instance. Used by assistive technologies.
|
|
222
|
+
*
|
|
223
|
+
* Defaults to **null**.
|
|
224
|
+
*/
|
|
225
|
+
ariaLabelledBy: a.string,
|
|
226
|
+
/**
|
|
227
|
+
* The custom icon button notification badge to be rendered.
|
|
228
|
+
*
|
|
229
|
+
* Defaults to **undefined**.
|
|
230
|
+
*/
|
|
231
|
+
badge: a.node,
|
|
232
|
+
/**
|
|
233
|
+
* The placement of the notification badge on the icon to start. It will flip to the opposite side if there is no room.
|
|
234
|
+
*
|
|
235
|
+
* Defaults to **'right-start'**.
|
|
236
|
+
*/
|
|
237
|
+
badgePlacement: a.oneOf(["right-start", "left-start"]),
|
|
238
|
+
/**
|
|
239
|
+
* The content when when using the IconButton normally. Expects an `Icon` component. For toggle button functionality, use `toggleOn` and `toggleOff` instead.
|
|
240
|
+
*
|
|
241
|
+
* Defaults to **null**.
|
|
242
|
+
*/
|
|
243
|
+
children: a.node,
|
|
244
|
+
/**
|
|
245
|
+
* The css class name to be passed through to the component markup.
|
|
246
|
+
*
|
|
247
|
+
* Defaults to **undefined**.
|
|
248
|
+
*/
|
|
249
|
+
className: a.string,
|
|
250
|
+
/**
|
|
251
|
+
* @deprecated _Use iconSize='small' instead._
|
|
252
|
+
*
|
|
253
|
+
* Enables a smaller IconButton.
|
|
254
|
+
*
|
|
255
|
+
* Defaults to **undefined**.
|
|
256
|
+
*/
|
|
257
|
+
dense: Fe(a.bool, "IconButton", 'Use iconSize="small" instead.'),
|
|
258
|
+
/**
|
|
259
|
+
* Disables the icon button.
|
|
260
|
+
*
|
|
261
|
+
* Defaults to **false**.
|
|
262
|
+
*/
|
|
263
|
+
disabled: a.bool,
|
|
264
|
+
/**
|
|
265
|
+
* For filled variants, choose between the two emphasis levels for icon Button to improve visual hierarchy and user interface clarity
|
|
266
|
+
*
|
|
267
|
+
* Defaults to **'high'**.
|
|
268
|
+
*/
|
|
269
|
+
emphasis: a.oneOf(["high", "low"]),
|
|
270
|
+
/**
|
|
271
|
+
* For simple use-cases, this will automatically create the icon object. Does not work with `toggle='true'`
|
|
272
|
+
*
|
|
273
|
+
* Defaults to **null**.
|
|
274
|
+
*/
|
|
275
|
+
icon: a.oneOfType([a.string, a.node]),
|
|
276
|
+
/**
|
|
277
|
+
* Pass props to the internal Icon instance. Ignored if you pass your own object.
|
|
278
|
+
*
|
|
279
|
+
* Defaults to **undefined**.
|
|
280
|
+
*/
|
|
281
|
+
iconProps: a.object,
|
|
282
|
+
/**
|
|
283
|
+
* One of 'xsmall', 'small', 'medium', 'large', and 'xlarge' will change the size of the icon. Defaults to medium.
|
|
284
|
+
*
|
|
285
|
+
* Defaults to **'medium'**.
|
|
286
|
+
*/
|
|
287
|
+
iconSize: a.oneOf(["xsmall", "small", "medium", "large", "xlarge"]),
|
|
288
|
+
/**
|
|
289
|
+
* Choose between the classic Material Icons (default), newer Material Symbols, or custom.
|
|
290
|
+
*
|
|
291
|
+
* Defaults to **'material-icons'**.
|
|
292
|
+
*/
|
|
293
|
+
iconSource: a.oneOf(["material-icons", "material-symbols"]),
|
|
294
|
+
/**
|
|
295
|
+
* The material icon type/style to be use. NOTE: Not all icons have every type and material-symbols only support outlined, rounded, and sharp. To see which icons are available for different types see [Material Icons docs](https://material.io/tools/icons)
|
|
296
|
+
*
|
|
297
|
+
* Defaults to **'filled'**.
|
|
298
|
+
*/
|
|
299
|
+
iconType: a.oneOf(["filled", "outlined", "rounded", "two-tone", "sharp"]),
|
|
300
|
+
/**
|
|
301
|
+
* Disables the hover effect.
|
|
302
|
+
*
|
|
303
|
+
* Defaults to **false**.
|
|
304
|
+
*/
|
|
305
|
+
noHover: a.bool,
|
|
306
|
+
/**
|
|
307
|
+
* Fired when the user clicks the IconButton, will return toggle state, if applicable.
|
|
308
|
+
*
|
|
309
|
+
* Defaults to **null**.
|
|
310
|
+
*/
|
|
311
|
+
onClick: a.func,
|
|
312
|
+
/**
|
|
313
|
+
* TabIndex of the button.
|
|
314
|
+
*
|
|
315
|
+
* Defaults to **0**.
|
|
316
|
+
*/
|
|
317
|
+
tabIndex: a.number,
|
|
318
|
+
/**
|
|
319
|
+
* By default a button will be rendered, this allows another tag/component to be used instead. A block type element/component is suggested.
|
|
320
|
+
*
|
|
321
|
+
* Defaults to **null**.
|
|
322
|
+
*/
|
|
323
|
+
tag: a.oneOfType([a.string, a.elementType, a.instanceOf(N.Component)]),
|
|
324
|
+
/**
|
|
325
|
+
* 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.
|
|
326
|
+
*
|
|
327
|
+
* Defaults to **null**.
|
|
328
|
+
*/
|
|
329
|
+
toggleOff: a.node,
|
|
330
|
+
/**
|
|
331
|
+
* 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.
|
|
332
|
+
*
|
|
333
|
+
* Defaults to **null**.
|
|
334
|
+
*/
|
|
335
|
+
toggleOffAriaLabel: a.string,
|
|
336
|
+
/**
|
|
337
|
+
* 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`.
|
|
338
|
+
*
|
|
339
|
+
* Defaults to **null**.
|
|
340
|
+
*/
|
|
341
|
+
toggleOffAriaLabelledBy: a.string,
|
|
342
|
+
/**
|
|
343
|
+
* 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.
|
|
344
|
+
*
|
|
345
|
+
* Defaults to **null**.
|
|
346
|
+
*/
|
|
347
|
+
toggleOn: a.node,
|
|
348
|
+
/**
|
|
349
|
+
* 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.
|
|
350
|
+
*
|
|
351
|
+
* Defaults to **null**.
|
|
352
|
+
*/
|
|
353
|
+
toggleOnAriaLabel: a.string,
|
|
354
|
+
/**
|
|
355
|
+
* 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`.
|
|
356
|
+
*
|
|
357
|
+
* Defaults to **null**.
|
|
358
|
+
*/
|
|
359
|
+
toggleOnAriaLabelledBy: a.string,
|
|
360
|
+
/**
|
|
361
|
+
* 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.
|
|
362
|
+
*
|
|
363
|
+
* Defaults to **empty string**.
|
|
364
|
+
*/
|
|
365
|
+
variant: xe(a.oneOf(["", "filled-danger-alt", "filled-danger", "filled-primary", "filled-secondary", "color-primary", "color-secondary", "color-on-dark", "color-on-unknown-black", "secondary-on-surface"]), ["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','secondary-on-surface'.")
|
|
366
|
+
}, We = {
|
|
367
|
+
active: !1,
|
|
368
|
+
ariaLabel: null,
|
|
369
|
+
ariaLabelledBy: null,
|
|
370
|
+
badge: void 0,
|
|
371
|
+
badgePlacement: "right-start",
|
|
372
|
+
children: null,
|
|
373
|
+
className: void 0,
|
|
374
|
+
dense: void 0,
|
|
375
|
+
disabled: !1,
|
|
376
|
+
emphasis: "high",
|
|
377
|
+
icon: null,
|
|
378
|
+
iconSize: "medium",
|
|
379
|
+
iconSource: "material-icons",
|
|
380
|
+
iconType: "filled",
|
|
381
|
+
noHover: !1,
|
|
382
|
+
onClick: null,
|
|
383
|
+
tabIndex: 0,
|
|
384
|
+
tag: null,
|
|
385
|
+
toggleOff: null,
|
|
386
|
+
toggleOffAriaLabel: null,
|
|
387
|
+
toggleOffAriaLabelledBy: null,
|
|
388
|
+
toggleOn: null,
|
|
389
|
+
toggleOnAriaLabel: null,
|
|
390
|
+
toggleOnAriaLabelledBy: null,
|
|
391
|
+
variant: ""
|
|
392
|
+
}, Ye = ["active", "ariaLabel", "ariaLabelledBy", "badge", "badgePlacement", "children", "className", "dense", "disabled", "emphasis", "icon", "iconSize", "iconType", "onClick", "noHover", "tabIndex", "iconSource", "tag", "toggleOff", "toggleOffAriaLabel", "toggleOffAriaLabelledBy", "toggleOn", "toggleOnAriaLabel", "toggleOnAriaLabelledBy", "variant", "iconProps"], o = We, be = /* @__PURE__ */ je(function(e, l) {
|
|
393
|
+
var n = e.active, d = n === void 0 ? o.active : n, r = e.ariaLabel, u = r === void 0 ? o.ariaLabel : r, I = e.ariaLabelledBy, k = I === void 0 ? o.ariaLabelledBy : I, E = e.badge, S = E === void 0 ? o.badge : E, R = e.badgePlacement, pe = R === void 0 ? o.badgePlacement : R, P = e.children, w = P === void 0 ? o.children : P, D = e.className, me = D === void 0 ? o.className : D, x = e.dense, he = x === void 0 ? o.dense : x, F = e.disabled, ye = F === void 0 ? o.disabled : F, j = e.emphasis, H = j === void 0 ? o.emphasis : j, z = e.icon, U = z === void 0 ? o.icon : z, $ = e.iconSize, ve = $ === void 0 ? o.iconSize : $, G = e.iconType, Ae = G === void 0 ? o.iconType : G, M = e.onClick, V = M === void 0 ? o.onClick : M, W = e.noHover, Oe = W === void 0 ? o.noHover : W, Y = e.tabIndex, Le = Y === void 0 ? o.tabIndex : Y, q = e.iconSource, _e = q === void 0 ? o.iconSource : q, X = e.tag, Ce = X === void 0 ? o.tag : X, J = e.toggleOff, K = J === void 0 ? o.toggleOff : J, Q = e.toggleOffAriaLabel, O = Q === void 0 ? o.toggleOffAriaLabel : Q, Z = e.toggleOffAriaLabelledBy, L = Z === void 0 ? o.toggleOffAriaLabelledBy : Z, ee = e.toggleOn, ne = ee === void 0 ? o.toggleOn : ee, ae = e.toggleOnAriaLabel, _ = ae === void 0 ? o.toggleOnAriaLabel : ae, te = e.toggleOnAriaLabelledBy, C = te === void 0 ? o.toggleOnAriaLabelledBy : te, oe = e.variant, t = oe === void 0 ? o.variant : oe, Te = e.iconProps, Be = Ee(e, Ye), h = B(), y = B(), m = B(), g = ne && K, le = t && $e(t).call(t, "filled") > -1, b = ve;
|
|
394
|
+
b === "medium" && he && (b = "small"), S && (b === "small" || b === "xsmall") && (b = "medium"), He(l, function() {
|
|
395
|
+
return h.current;
|
|
396
|
+
}, []);
|
|
397
|
+
var Ne = v("lmnt", "lmnt-icon-button", "mdc-icon-button", Oe && "lmnt-icon-button__no-hover", le && H === "low" && "lmnt-icon-button--emphasis-low", le && H === "high" && "lmnt-icon-button--emphasis-high", (t === "primary" || t === "primary-alt" || t === "secondary" || t === "danger" || t === "danger-alt" || t === "filled-primary" || t === "filled-primary-alt" || t === "filled-secondary" || t === "filled-danger" || t === "filled-danger-alt") && "lmnt-icon-button--fill", (t === "danger-alt" || t === "filled-danger-alt") && "lmnt-icon-button--fill-danger-alt", (t === "danger" || t === "filled-danger") && "lmnt-icon-button--fill-danger", (t === "primary" || t === "filled-primary") && "lmnt-icon-button--fill-primary", (t === "primary-alt" || t === "filled-secondary") && "lmnt-icon-button--fill-secondary", (t === "secondary-alt" || t === "color-on-dark") && "lmnt-icon-button--color-on-dark", t === "color-primary" && "lmnt-icon-button--color-primary", t === "color-secondary" && "lmnt-icon-button--color-secondary", t === "color-on-unknown-black" && "lmnt-icon-button--on-unknown-black", t === "secondary-on-surface" && "lmnt-icon-button--secondary-on-surface", b && "lmnt-icon-button--".concat(b), me);
|
|
398
|
+
de(function() {
|
|
399
|
+
return g ? m.current = Me.attachTo(h.current) : (y.current = fe.attachTo(h.current), y.current.unbounded = !0), function() {
|
|
400
|
+
g ? m.current.destroy() : y.current.destroy();
|
|
401
|
+
};
|
|
402
|
+
}, [m, g, y]), de(function() {
|
|
403
|
+
g && (m.current.on = d);
|
|
404
|
+
}, [d, g, m]);
|
|
405
|
+
var Ie = function(i) {
|
|
406
|
+
V && V(g ? m.current.on : i);
|
|
407
|
+
}, ke = Ce || "button";
|
|
408
|
+
return /* @__PURE__ */ N.createElement(ke, ie({
|
|
409
|
+
"aria-label": u,
|
|
410
|
+
"aria-labelledby": k,
|
|
411
|
+
"data-aria-label-on": _ || C || u,
|
|
412
|
+
"data-aria-label-off": O || L || u,
|
|
413
|
+
onClick: Ie,
|
|
414
|
+
ref: h,
|
|
415
|
+
className: Ne,
|
|
416
|
+
disabled: ye,
|
|
417
|
+
tabIndex: Le
|
|
418
|
+
}, Be), U && /* @__PURE__ */ N.createElement(Re, ie({
|
|
419
|
+
badge: S,
|
|
420
|
+
badgePlacement: pe,
|
|
421
|
+
icon: U,
|
|
422
|
+
iconSize: b,
|
|
423
|
+
iconSource: _e,
|
|
424
|
+
iconType: Ae
|
|
425
|
+
}, Te)), w && T(w, function(i) {
|
|
426
|
+
var s, c;
|
|
427
|
+
return {
|
|
428
|
+
className: v("mdc-icon-button__icon", i == null || (s = i.props) === null || s === void 0 ? void 0 : s.className),
|
|
429
|
+
"aria-hidden": (i == null || (c = i.props) === null || c === void 0 ? void 0 : c["aria-hidden"]) || u || k
|
|
430
|
+
};
|
|
431
|
+
}), g && d && T(ne, function(i) {
|
|
432
|
+
var s, c, p;
|
|
433
|
+
return {
|
|
434
|
+
className: v("mdc-icon-button__icon", i == null || (s = i.props) === null || s === void 0 ? void 0 : s.className),
|
|
435
|
+
"aria-label": (i == null || (c = i.props) === null || c === void 0 ? void 0 : c["aria-label"]) || _ || C || u,
|
|
436
|
+
"aria-hidden": (i == null || (p = i.props) === null || p === void 0 ? void 0 : p["aria-hidden"]) || _ || C || u
|
|
437
|
+
};
|
|
438
|
+
}), g && !d && T(K, function(i) {
|
|
439
|
+
var s, c, p;
|
|
440
|
+
return {
|
|
441
|
+
className: v("mdc-icon-button__icon", i == null || (s = i.props) === null || s === void 0 ? void 0 : s.className),
|
|
442
|
+
"aria-label": (i == null || (c = i.props) === null || c === void 0 ? void 0 : c["aria-label"]) || O || L || u,
|
|
443
|
+
"aria-hidden": (i == null || (p = i.props) === null || p === void 0 ? void 0 : p["aria-hidden"]) || O || L || u
|
|
444
|
+
};
|
|
445
|
+
}));
|
|
446
|
+
});
|
|
447
|
+
be.displayName = "IconButton";
|
|
448
|
+
be.propTypes = Ve;
|
|
449
|
+
export {
|
|
450
|
+
$e as j,
|
|
451
|
+
be as p
|
|
452
|
+
};
|
|
@@ -0,0 +1,210 @@
|
|
|
1
|
+
import { x as mr, y as P, z as wr, N as H, J as dr, A as b, G as O, C as Or } from "./useTranslation-CVaIJbcK.js";
|
|
2
|
+
var F, z;
|
|
3
|
+
function gr() {
|
|
4
|
+
if (z) return F;
|
|
5
|
+
z = 1;
|
|
6
|
+
var r = Object.prototype;
|
|
7
|
+
function e(t) {
|
|
8
|
+
var n = t && t.constructor, o = typeof n == "function" && n.prototype || r;
|
|
9
|
+
return t === o;
|
|
10
|
+
}
|
|
11
|
+
return F = e, F;
|
|
12
|
+
}
|
|
13
|
+
var I, Q;
|
|
14
|
+
function Tr() {
|
|
15
|
+
if (Q) return I;
|
|
16
|
+
Q = 1;
|
|
17
|
+
function r(e, t) {
|
|
18
|
+
return function(n) {
|
|
19
|
+
return e(t(n));
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
return I = r, I;
|
|
23
|
+
}
|
|
24
|
+
var M, Y;
|
|
25
|
+
function $r() {
|
|
26
|
+
if (Y) return M;
|
|
27
|
+
Y = 1;
|
|
28
|
+
var r = Tr(), e = r(Object.keys, Object);
|
|
29
|
+
return M = e, M;
|
|
30
|
+
}
|
|
31
|
+
var B, Z;
|
|
32
|
+
function Cr() {
|
|
33
|
+
if (Z) return B;
|
|
34
|
+
Z = 1;
|
|
35
|
+
var r = gr(), e = $r(), t = Object.prototype, n = t.hasOwnProperty;
|
|
36
|
+
function o(c) {
|
|
37
|
+
if (!r(c))
|
|
38
|
+
return e(c);
|
|
39
|
+
var a = [];
|
|
40
|
+
for (var i in Object(c))
|
|
41
|
+
n.call(c, i) && i != "constructor" && a.push(i);
|
|
42
|
+
return a;
|
|
43
|
+
}
|
|
44
|
+
return B = o, B;
|
|
45
|
+
}
|
|
46
|
+
var E, _;
|
|
47
|
+
function hr() {
|
|
48
|
+
if (_) return E;
|
|
49
|
+
_ = 1;
|
|
50
|
+
var r = O(), e = b(), t = r(e, "DataView");
|
|
51
|
+
return E = t, E;
|
|
52
|
+
}
|
|
53
|
+
var S, X;
|
|
54
|
+
function kr() {
|
|
55
|
+
if (X) return S;
|
|
56
|
+
X = 1;
|
|
57
|
+
var r = O(), e = b(), t = r(e, "Promise");
|
|
58
|
+
return S = t, S;
|
|
59
|
+
}
|
|
60
|
+
var V, rr;
|
|
61
|
+
function Dr() {
|
|
62
|
+
if (rr) return V;
|
|
63
|
+
rr = 1;
|
|
64
|
+
var r = O(), e = b(), t = r(e, "Set");
|
|
65
|
+
return V = t, V;
|
|
66
|
+
}
|
|
67
|
+
var C, tr;
|
|
68
|
+
function Fr() {
|
|
69
|
+
if (tr) return C;
|
|
70
|
+
tr = 1;
|
|
71
|
+
var r = O(), e = b(), t = r(e, "WeakMap");
|
|
72
|
+
return C = t, C;
|
|
73
|
+
}
|
|
74
|
+
var U, er;
|
|
75
|
+
function Ur() {
|
|
76
|
+
if (er) return U;
|
|
77
|
+
er = 1;
|
|
78
|
+
var r = hr(), e = mr(), t = kr(), n = Dr(), o = Fr(), c = P(), a = wr(), i = "[object Map]", s = "[object Object]", v = "[object Promise]", p = "[object Set]", j = "[object WeakMap]", y = "[object DataView]", g = a(r), T = a(e), $ = a(t), h = a(n), k = a(o), f = c;
|
|
79
|
+
return (r && f(new r(new ArrayBuffer(1))) != y || e && f(new e()) != i || t && f(t.resolve()) != v || n && f(new n()) != p || o && f(new o()) != j) && (f = function(l) {
|
|
80
|
+
var A = c(l), x = A == s ? l.constructor : void 0, m = x ? a(x) : "";
|
|
81
|
+
if (m)
|
|
82
|
+
switch (m) {
|
|
83
|
+
case g:
|
|
84
|
+
return y;
|
|
85
|
+
case T:
|
|
86
|
+
return i;
|
|
87
|
+
case $:
|
|
88
|
+
return v;
|
|
89
|
+
case h:
|
|
90
|
+
return p;
|
|
91
|
+
case k:
|
|
92
|
+
return j;
|
|
93
|
+
}
|
|
94
|
+
return A;
|
|
95
|
+
}), U = f, U;
|
|
96
|
+
}
|
|
97
|
+
var q, nr;
|
|
98
|
+
function Ir() {
|
|
99
|
+
if (nr) return q;
|
|
100
|
+
nr = 1;
|
|
101
|
+
var r = P(), e = H(), t = "[object Arguments]";
|
|
102
|
+
function n(o) {
|
|
103
|
+
return e(o) && r(o) == t;
|
|
104
|
+
}
|
|
105
|
+
return q = n, q;
|
|
106
|
+
}
|
|
107
|
+
var N, or;
|
|
108
|
+
function qr() {
|
|
109
|
+
if (or) return N;
|
|
110
|
+
or = 1;
|
|
111
|
+
var r = Ir(), e = H(), t = Object.prototype, n = t.hasOwnProperty, o = t.propertyIsEnumerable, c = r(/* @__PURE__ */ function() {
|
|
112
|
+
return arguments;
|
|
113
|
+
}()) ? r : function(a) {
|
|
114
|
+
return e(a) && n.call(a, "callee") && !o.call(a, "callee");
|
|
115
|
+
};
|
|
116
|
+
return N = c, N;
|
|
117
|
+
}
|
|
118
|
+
var R, ur;
|
|
119
|
+
function pr() {
|
|
120
|
+
if (ur) return R;
|
|
121
|
+
ur = 1;
|
|
122
|
+
var r = 9007199254740991;
|
|
123
|
+
function e(t) {
|
|
124
|
+
return typeof t == "number" && t > -1 && t % 1 == 0 && t <= r;
|
|
125
|
+
}
|
|
126
|
+
return R = e, R;
|
|
127
|
+
}
|
|
128
|
+
var W, ar;
|
|
129
|
+
function Nr() {
|
|
130
|
+
if (ar) return W;
|
|
131
|
+
ar = 1;
|
|
132
|
+
var r = dr(), e = pr();
|
|
133
|
+
function t(n) {
|
|
134
|
+
return n != null && e(n.length) && !r(n);
|
|
135
|
+
}
|
|
136
|
+
return W = t, W;
|
|
137
|
+
}
|
|
138
|
+
var w = { exports: {} }, G, cr;
|
|
139
|
+
function Mr() {
|
|
140
|
+
if (cr) return G;
|
|
141
|
+
cr = 1;
|
|
142
|
+
function r() {
|
|
143
|
+
return !1;
|
|
144
|
+
}
|
|
145
|
+
return G = r, G;
|
|
146
|
+
}
|
|
147
|
+
w.exports;
|
|
148
|
+
var ir;
|
|
149
|
+
function Rr() {
|
|
150
|
+
return ir || (ir = 1, function(r, e) {
|
|
151
|
+
var t = b(), n = Mr(), o = e && !e.nodeType && e, c = o && !0 && r && !r.nodeType && r, a = c && c.exports === o, i = a ? t.Buffer : void 0, s = i ? i.isBuffer : void 0, v = s || n;
|
|
152
|
+
r.exports = v;
|
|
153
|
+
}(w, w.exports)), w.exports;
|
|
154
|
+
}
|
|
155
|
+
var J, fr;
|
|
156
|
+
function Br() {
|
|
157
|
+
if (fr) return J;
|
|
158
|
+
fr = 1;
|
|
159
|
+
var r = P(), e = pr(), t = H(), n = "[object Arguments]", o = "[object Array]", c = "[object Boolean]", a = "[object Date]", i = "[object Error]", s = "[object Function]", v = "[object Map]", p = "[object Number]", j = "[object Object]", y = "[object RegExp]", g = "[object Set]", T = "[object String]", $ = "[object WeakMap]", h = "[object ArrayBuffer]", k = "[object DataView]", f = "[object Float32Array]", l = "[object Float64Array]", A = "[object Int8Array]", x = "[object Int16Array]", m = "[object Int32Array]", jr = "[object Uint8Array]", yr = "[object Uint8ClampedArray]", lr = "[object Uint16Array]", Ar = "[object Uint32Array]", u = {};
|
|
160
|
+
u[f] = u[l] = u[A] = u[x] = u[m] = u[jr] = u[yr] = u[lr] = u[Ar] = !0, u[n] = u[o] = u[h] = u[c] = u[k] = u[a] = u[i] = u[s] = u[v] = u[p] = u[j] = u[y] = u[g] = u[T] = u[$] = !1;
|
|
161
|
+
function xr(D) {
|
|
162
|
+
return t(D) && e(D.length) && !!u[r(D)];
|
|
163
|
+
}
|
|
164
|
+
return J = xr, J;
|
|
165
|
+
}
|
|
166
|
+
var K, sr;
|
|
167
|
+
function Er() {
|
|
168
|
+
if (sr) return K;
|
|
169
|
+
sr = 1;
|
|
170
|
+
function r(e) {
|
|
171
|
+
return function(t) {
|
|
172
|
+
return e(t);
|
|
173
|
+
};
|
|
174
|
+
}
|
|
175
|
+
return K = r, K;
|
|
176
|
+
}
|
|
177
|
+
var d = { exports: {} };
|
|
178
|
+
d.exports;
|
|
179
|
+
var vr;
|
|
180
|
+
function Sr() {
|
|
181
|
+
return vr || (vr = 1, function(r, e) {
|
|
182
|
+
var t = Or(), n = e && !e.nodeType && e, o = n && !0 && r && !r.nodeType && r, c = o && o.exports === n, a = c && t.process, i = function() {
|
|
183
|
+
try {
|
|
184
|
+
var s = o && o.require && o.require("util").types;
|
|
185
|
+
return s || a && a.binding && a.binding("util");
|
|
186
|
+
} catch {
|
|
187
|
+
}
|
|
188
|
+
}();
|
|
189
|
+
r.exports = i;
|
|
190
|
+
}(d, d.exports)), d.exports;
|
|
191
|
+
}
|
|
192
|
+
var L, br;
|
|
193
|
+
function Wr() {
|
|
194
|
+
if (br) return L;
|
|
195
|
+
br = 1;
|
|
196
|
+
var r = Br(), e = Er(), t = Sr(), n = t && t.isTypedArray, o = n ? e(n) : r;
|
|
197
|
+
return L = o, L;
|
|
198
|
+
}
|
|
199
|
+
export {
|
|
200
|
+
Nr as C,
|
|
201
|
+
Rr as D,
|
|
202
|
+
Cr as E,
|
|
203
|
+
Ur as F,
|
|
204
|
+
Wr as K,
|
|
205
|
+
Sr as L,
|
|
206
|
+
Er as O,
|
|
207
|
+
qr as V,
|
|
208
|
+
Tr as l,
|
|
209
|
+
gr as m
|
|
210
|
+
};
|
package/dist/main.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
export { DefaultLoadingSpinner } from './components/DefaultLoadingSpinner/DefaultLoadingSpinner';
|
|
2
1
|
export { GenericTable } from './components/GenericTable/GenericTable';
|
|
3
|
-
export { ImpatienceLoadingSpinner } from './components/ImpatienceLoadingSpinner/ImpatienceLoadingSpinner';
|
|
4
2
|
export { OfflineView } from './components/OfflineView/OfflineView';
|
|
3
|
+
/** default loading components */
|
|
4
|
+
export { DefaultLoadingSpinner } from './components/DefaultLoadingSpinner/DefaultLoadingSpinner';
|
|
5
|
+
export { ImpatienceLoadingSpinner } from './components/ImpatienceLoadingSpinner/ImpatienceLoadingSpinner';
|
|
5
6
|
/** default form components */
|
|
6
7
|
export { DefaultFormNumber } from './components/DefaultFormNumber/DefaultFormNumber';
|
|
7
8
|
export { DefaultFormSelect } from './components/DefaultFormSelect/DefaultFormSelect';
|