@jars-labs/jars-components 1.0.7 → 1.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index-Bsn_EcYJ.js +1538 -0
- package/dist/index-Bsn_EcYJ.js.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.js +5 -95
- package/dist/index.js.map +1 -1
- package/dist/{lottie-BhwTMqqj.js → lottie-uxb8tIPw.js} +8 -10
- package/dist/{lottie-BhwTMqqj.js.map → lottie-uxb8tIPw.js.map} +1 -1
- package/dist/types/Badge/Badge.d.ts.map +1 -1
- package/dist/types/Icons/Icon.d.ts.map +1 -1
- package/dist/types/LinkModal/LinkModal.d.ts.map +1 -1
- package/dist/types/StatusBadge/StatusBadge.d.ts.map +1 -1
- package/dist/types/Text/Text.d.ts +1 -1
- package/dist/types/Text/Text.d.ts.map +1 -1
- package/package.json +3 -3
- package/dist/index-Bk4OUlhh.js +0 -1625
- package/dist/index-Bk4OUlhh.js.map +0 -1
package/dist/index-Bk4OUlhh.js
DELETED
|
@@ -1,1625 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var core = require('@mantine/core');
|
|
5
|
-
var t = require('react');
|
|
6
|
-
var dates = require('@mantine/dates');
|
|
7
|
-
|
|
8
|
-
/******************************************************************************
|
|
9
|
-
Copyright (c) Microsoft Corporation.
|
|
10
|
-
|
|
11
|
-
Permission to use, copy, modify, and/or distribute this software for any
|
|
12
|
-
purpose with or without fee is hereby granted.
|
|
13
|
-
|
|
14
|
-
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
15
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
16
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
17
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
18
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
19
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
20
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
21
|
-
***************************************************************************** */
|
|
22
|
-
/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
var __assign = function() {
|
|
26
|
-
__assign = Object.assign || function __assign(t) {
|
|
27
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
28
|
-
s = arguments[i];
|
|
29
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
30
|
-
}
|
|
31
|
-
return t;
|
|
32
|
-
};
|
|
33
|
-
return __assign.apply(this, arguments);
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
function __rest(s, e) {
|
|
37
|
-
var t = {};
|
|
38
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
-
t[p] = s[p];
|
|
40
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
-
t[p[i]] = s[p[i]];
|
|
44
|
-
}
|
|
45
|
-
return t;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
function __spreadArray(to, from, pack) {
|
|
49
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
50
|
-
if (ar || !(i in from)) {
|
|
51
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
52
|
-
ar[i] = from[i];
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
59
|
-
var e = new Error(message);
|
|
60
|
-
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
var styles$n = {"accordion":"Accordion-module_accordion__Nl0Vb","item":"Accordion-module_item__85Qrt","chevron":"Accordion-module_chevron__kqKKx","control":"Accordion-module_control__92uvC","content":"Accordion-module_content__LkKAo","label":"Accordion-module_label__VkyEF"};
|
|
64
|
-
|
|
65
|
-
var serverSideRenderSVG = function (_a, children) {
|
|
66
|
-
var width = _a.width, height = _a.height, viewBox = _a.viewBox, fill = _a.fill, rotate = _a.rotate;
|
|
67
|
-
return (jsxRuntime.jsx("svg", { width: width, height: height, viewBox: viewBox, fill: fill, preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", transform: "rotate(".concat(rotate, ")"), children: children }));
|
|
68
|
-
};
|
|
69
|
-
var Icon = function (_a) {
|
|
70
|
-
var _b = _a.width, width = _b === void 0 ? '32px' : _b, _c = _a.height, height = _c === void 0 ? '32px' : _c, viewBox = _a.viewBox, _d = _a.fill, fill = _d === void 0 ? 'none' : _d, _e = _a.stroke, stroke = _e === void 0 ? 'currentColor' : _e, _f = _a.rotate, rotate = _f === void 0 ? 0 : _f, _g = _a.style, style = _g === void 0 ? {} : _g, children = _a.children;
|
|
71
|
-
if (typeof window === 'undefined') {
|
|
72
|
-
serverSideRenderSVG({
|
|
73
|
-
width: width,
|
|
74
|
-
height: height,
|
|
75
|
-
viewBox: viewBox,
|
|
76
|
-
fill: fill,
|
|
77
|
-
rotate: rotate,
|
|
78
|
-
}, children);
|
|
79
|
-
}
|
|
80
|
-
var svgRef = t.useRef(null);
|
|
81
|
-
var _h = t.useState(null), transform = _h[0], setTransform = _h[1];
|
|
82
|
-
t.useEffect(function () {
|
|
83
|
-
var centerSvgInViewBox = function () {
|
|
84
|
-
if (svgRef.current) {
|
|
85
|
-
var content = svgRef.current.querySelector('g') || svgRef.current;
|
|
86
|
-
// Check if one of the parent elements is an accordion content
|
|
87
|
-
var parent_1 = svgRef.current.parentElement;
|
|
88
|
-
var isParentContent = false;
|
|
89
|
-
while (parent_1) {
|
|
90
|
-
if (parent_1.classList.contains('mantine-Accordion-root')) {
|
|
91
|
-
isParentContent = true;
|
|
92
|
-
break;
|
|
93
|
-
}
|
|
94
|
-
parent_1 = parent_1.parentElement;
|
|
95
|
-
}
|
|
96
|
-
if (isParentContent) {
|
|
97
|
-
// Don't center it
|
|
98
|
-
return;
|
|
99
|
-
}
|
|
100
|
-
var bbox = content.getBBox();
|
|
101
|
-
var viewBoxValues = (viewBox === null || viewBox === void 0 ? void 0 : viewBox.split(' ').map(Number)) || [0, 0, 32, 32];
|
|
102
|
-
var viewBoxWidth = viewBoxValues[2];
|
|
103
|
-
var viewBoxHeight = viewBoxValues[3];
|
|
104
|
-
var dx = (viewBoxWidth - bbox.width) / 2 - bbox.x;
|
|
105
|
-
var dy = (viewBoxHeight - bbox.height) / 2 - bbox.y;
|
|
106
|
-
setTransform("translate(".concat(dx, ", ").concat(dy, ")"));
|
|
107
|
-
}
|
|
108
|
-
};
|
|
109
|
-
centerSvgInViewBox();
|
|
110
|
-
}, [viewBox]);
|
|
111
|
-
return (jsxRuntime.jsx("svg", { ref: svgRef, width: width, height: height, viewBox: viewBox, fill: fill, stroke: stroke, preserveAspectRatio: "xMidYMid meet", style: __assign(__assign({}, style), { transform: "rotate(".concat(rotate, "deg)"), transformOrigin: 'center' }), children: jsxRuntime.jsx("g", { transform: transform || undefined, children: children }) }));
|
|
112
|
-
};
|
|
113
|
-
|
|
114
|
-
var Chevron = function (_a) {
|
|
115
|
-
var props = __rest(_a, []);
|
|
116
|
-
return (jsxRuntime.jsx(Icon, __assign({}, props, { style: {
|
|
117
|
-
transition: 'transform 0.25s ease',
|
|
118
|
-
}, children: jsxRuntime.jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M15.75 19.5L8.25 12l7.5-7.5" }) })));
|
|
119
|
-
};
|
|
120
|
-
|
|
121
|
-
var Accordion = function (props) {
|
|
122
|
-
return (jsxRuntime.jsx(core.Accordion, __assign({ variant: "filled", chevron: jsxRuntime.jsx(Chevron, { rotate: 270, width: "24px", height: "24px" }), chevronSize: 24, classNames: { root: styles$n.accordion, chevron: styles$n.chevron }, multiple: true }, props, { children: props.children })));
|
|
123
|
-
};
|
|
124
|
-
var AccordionItem = function (_a) {
|
|
125
|
-
var children = _a.children, value = _a.value, props = __rest(_a, ["children", "value"]);
|
|
126
|
-
return (jsxRuntime.jsx(core.AccordionItem, __assign({ classNames: { item: styles$n.item }, value: value }, props, { children: children })));
|
|
127
|
-
};
|
|
128
|
-
var AccordionControl = function (_a) {
|
|
129
|
-
var children = _a.children;
|
|
130
|
-
return (jsxRuntime.jsx(core.AccordionControl, { classNames: { label: styles$n.label, control: styles$n.control }, children: children }));
|
|
131
|
-
};
|
|
132
|
-
var AccordionPanel = function (_a) {
|
|
133
|
-
var children = _a.children;
|
|
134
|
-
return (jsxRuntime.jsx(core.AccordionPanel, { classNames: { content: styles$n.content }, children: children }));
|
|
135
|
-
};
|
|
136
|
-
|
|
137
|
-
var styles$m = {"root":"ActionIcon-module_root__orJKP"};
|
|
138
|
-
|
|
139
|
-
/**
|
|
140
|
-
* ActionIcon component to display an icon with a clickable action.
|
|
141
|
-
* Use Button component if you need to display an icon with a label, or any other variants.
|
|
142
|
-
* Use light variant when you dont want it to have a background.
|
|
143
|
-
*
|
|
144
|
-
* @param onClick - Function to call when icon is clicked
|
|
145
|
-
* @param radius - Radius of the background
|
|
146
|
-
* @param color - Color of the icon
|
|
147
|
-
* @param variant - Variant of the icon (filled, light, outline)
|
|
148
|
-
* @param size - Size of the icon
|
|
149
|
-
* @param disabled - If true, icon will be disabled
|
|
150
|
-
* @param children - Icon to display
|
|
151
|
-
* @returns React component
|
|
152
|
-
*/
|
|
153
|
-
var ActionIcon = t.forwardRef(function (_a, ref) {
|
|
154
|
-
var onClick = _a.onClick, _b = _a.radius, radius = _b === void 0 ? 'xl' : _b, _c = _a.color, color = _c === void 0 ? 'var(--color-neutral-200)' : _c, _d = _a.variant, variant = _d === void 0 ? 'filled' : _d, _e = _a.size, size = _e === void 0 ? 'md' : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, children = _a.children, rest = __rest(_a, ["onClick", "radius", "color", "variant", "size", "disabled", "children"]);
|
|
155
|
-
return (jsxRuntime.jsx(core.ActionIcon, __assign({ onClick: onClick && onClick, radius: radius, variant: variant, size: size, disabled: disabled, classNames: {
|
|
156
|
-
root: styles$m.root,
|
|
157
|
-
}, color: color, ref: ref }, rest, { children: jsxRuntime.jsx(core.Group, { children: children }) })));
|
|
158
|
-
});
|
|
159
|
-
|
|
160
|
-
var Animation = function (_a) {
|
|
161
|
-
var animationData = _a.animationData, loop = _a.loop, props = __rest(_a, ["animationData", "loop"]);
|
|
162
|
-
var refVector = t.useRef(null);
|
|
163
|
-
var _b = t.useState(null), lottie = _b[0], setLottie = _b[1];
|
|
164
|
-
t.useEffect(function () {
|
|
165
|
-
Promise.resolve().then(function () { return require('./lottie-BhwTMqqj.js'); }).then(function (n) { return n.lottie; }).then(function (Lottie) { return setLottie(Lottie.default); });
|
|
166
|
-
}, []);
|
|
167
|
-
t.useEffect(function () {
|
|
168
|
-
if (lottie && refVector.current) {
|
|
169
|
-
var Animation_1 = lottie.loadAnimation({
|
|
170
|
-
container: refVector.current,
|
|
171
|
-
renderer: 'svg',
|
|
172
|
-
loop: loop,
|
|
173
|
-
autoplay: true,
|
|
174
|
-
path: animationData,
|
|
175
|
-
});
|
|
176
|
-
return function () { return Animation_1.destroy(); };
|
|
177
|
-
}
|
|
178
|
-
}, [lottie, animationData]);
|
|
179
|
-
return (jsxRuntime.jsx("div", __assign({ ref: refVector }, props, { style: { width: '100%', height: '100%' } })));
|
|
180
|
-
};
|
|
181
|
-
|
|
182
|
-
var styles$l = {"dropdown":"Dropdown-module_dropdown__Pf3Aj","option":"Dropdown-module_option__5-7L7"};
|
|
183
|
-
|
|
184
|
-
/**
|
|
185
|
-
*
|
|
186
|
-
* Dropdown component
|
|
187
|
-
* Used to Create custom select, autocomplete or multiselect inputs
|
|
188
|
-
*
|
|
189
|
-
* @param options - list of options to display in dropdown
|
|
190
|
-
* @param onOptionSubmit - function to call when option is selected by click or enter
|
|
191
|
-
* @param children - dropdown target element (the dropdown will be attached to this element)
|
|
192
|
-
* @param footer - footer element to display at the bottom of the dropdown
|
|
193
|
-
* @param storeOptions - useCombobox options
|
|
194
|
-
* @param maxHeight - max height of dropdown
|
|
195
|
-
* @param closeOnSelect - close dropdown on option select
|
|
196
|
-
* @param rest - rest of the props to pass to Combobox component
|
|
197
|
-
*
|
|
198
|
-
* @return Attaches dropdown to target element and displays options
|
|
199
|
-
*
|
|
200
|
-
* @example
|
|
201
|
-
* <Dropdown
|
|
202
|
-
* options={['Option 1', 'Option 2', 'Option 3']}
|
|
203
|
-
* onOptionSubmit={(value) => console.log(value)}
|
|
204
|
-
* >
|
|
205
|
-
* <Button label="Click Me!">
|
|
206
|
-
* </Dropdown>
|
|
207
|
-
*
|
|
208
|
-
*/
|
|
209
|
-
var Dropdown = function (_a) {
|
|
210
|
-
var options = _a.options, children = _a.children, footer = _a.footer, storeOptions = _a.storeOptions, onOptionSubmit = _a.onOptionSubmit, maxHeight = _a.maxHeight, _b = _a.closeOnSelect, closeOnSelect = _b === void 0 ? false : _b, rest = __rest(_a, ["options", "children", "footer", "storeOptions", "onOptionSubmit", "maxHeight", "closeOnSelect"]);
|
|
211
|
-
var store = core.useCombobox(__assign({}, storeOptions));
|
|
212
|
-
var renderOptions = function (options, onOptionSubmit) {
|
|
213
|
-
if (!Array.isArray(options)) {
|
|
214
|
-
return options;
|
|
215
|
-
}
|
|
216
|
-
return options.map(function (option, index) {
|
|
217
|
-
if (typeof option === 'string') {
|
|
218
|
-
return (jsxRuntime.jsx(core.Combobox.Option, { value: option, onClick: function () {
|
|
219
|
-
store.selectOption(index);
|
|
220
|
-
onOptionSubmit === null || onOptionSubmit === void 0 ? void 0 : onOptionSubmit(option);
|
|
221
|
-
closeOnSelect && store.closeDropdown();
|
|
222
|
-
}, className: styles$l.option, children: option }, index));
|
|
223
|
-
}
|
|
224
|
-
return option;
|
|
225
|
-
});
|
|
226
|
-
};
|
|
227
|
-
return (jsxRuntime.jsxs(core.Combobox, __assign({ store: store, onOptionSubmit: function (value) {
|
|
228
|
-
onOptionSubmit === null || onOptionSubmit === void 0 ? void 0 : onOptionSubmit(value);
|
|
229
|
-
closeOnSelect && store.closeDropdown();
|
|
230
|
-
} }, rest, { children: [jsxRuntime.jsx(core.Combobox.Target, { children: jsxRuntime.jsx(core.Flex, { children: typeof children === 'function' ? children(store) : children }) }), jsxRuntime.jsxs(core.Combobox.Dropdown, { classNames: { dropdown: styles$l.dropdown }, children: [jsxRuntime.jsx(core.Combobox.Options, { mah: maxHeight, style: { overflow: maxHeight ? 'auto' : 'unset' }, children: renderOptions(options, onOptionSubmit) }), footer && (jsxRuntime.jsx(core.Combobox.Footer, { children: typeof footer === 'function' ? footer(store) : footer }))] })] })));
|
|
231
|
-
};
|
|
232
|
-
Dropdown.Option = core.Combobox.Option;
|
|
233
|
-
Dropdown.Options = core.Combobox.Options;
|
|
234
|
-
Dropdown.OptionGroup = core.Combobox.Group;
|
|
235
|
-
|
|
236
|
-
var Close = function (_a) {
|
|
237
|
-
var _b = _a.width, width = _b === void 0 ? '32px' : _b, _c = _a.height, height = _c === void 0 ? '32px' : _c, _d = _a.viewBox, viewBox = _d === void 0 ? '0 0 32 32' : _d, _e = _a.fill, fill = _e === void 0 ? 'transparent' : _e, _f = _a.stroke, stroke = _f === void 0 ? 'currentColor' : _f, _g = _a.outlined, outlined = _g === void 0 ? false : _g;
|
|
238
|
-
return (jsxRuntime.jsx(Icon, { width: width, height: height, viewBox: viewBox, children: outlined ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { fillRule: "evenodd", stroke: stroke, fill: fill, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M12 21v0a9 9 0 01-9-9v0a9 9 0 019-9v0a9 9 0 019 9v0a9 9 0 01-9 9z", clipRule: "evenodd" }), jsxRuntime.jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M9.172 9.172l5.656 5.656M14.829 9.172l-5.657 5.656" })] })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("g", { stroke: "none", fill: fill, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", children: [jsxRuntime.jsx("path", { d: "m9.364 9.364 12.728 12.728", stroke: stroke }), jsxRuntime.jsx("path", { d: "M22.092 9.364 9.364 22.092", stroke: stroke })] }) })) }));
|
|
239
|
-
};
|
|
240
|
-
|
|
241
|
-
var Search = function (props) {
|
|
242
|
-
return (jsxRuntime.jsxs(Icon, __assign({}, props, { viewBox: props.viewBox || '0 0 22 22', width: props.width || '22', height: props.height || '22', children: [jsxRuntime.jsx("path", { d: "M9.46154 17.9231C14.1347 17.9231 17.9231 14.1347 17.9231 9.46154C17.9231 4.78835 14.1347 1 9.46154 1C4.78835 1 1 4.78835 1 9.46154C1 14.1347 4.78835 17.9231 9.46154 17.9231Z", stroke: "var(--color-neutral-600)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M21 21L15.6154 15.6154", stroke: "var(--color-neutral-600)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })));
|
|
243
|
-
};
|
|
244
|
-
|
|
245
|
-
function getDefaultExportFromCjs (x) {
|
|
246
|
-
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
247
|
-
}
|
|
248
|
-
|
|
249
|
-
var classnames = {exports: {}};
|
|
250
|
-
|
|
251
|
-
/*!
|
|
252
|
-
Copyright (c) 2018 Jed Watson.
|
|
253
|
-
Licensed under the MIT License (MIT), see
|
|
254
|
-
http://jedwatson.github.io/classnames
|
|
255
|
-
*/
|
|
256
|
-
|
|
257
|
-
var hasRequiredClassnames;
|
|
258
|
-
|
|
259
|
-
function requireClassnames () {
|
|
260
|
-
if (hasRequiredClassnames) return classnames.exports;
|
|
261
|
-
hasRequiredClassnames = 1;
|
|
262
|
-
(function (module) {
|
|
263
|
-
/* global define */
|
|
264
|
-
|
|
265
|
-
(function () {
|
|
266
|
-
|
|
267
|
-
var hasOwn = {}.hasOwnProperty;
|
|
268
|
-
|
|
269
|
-
function classNames () {
|
|
270
|
-
var classes = '';
|
|
271
|
-
|
|
272
|
-
for (var i = 0; i < arguments.length; i++) {
|
|
273
|
-
var arg = arguments[i];
|
|
274
|
-
if (arg) {
|
|
275
|
-
classes = appendClass(classes, parseValue(arg));
|
|
276
|
-
}
|
|
277
|
-
}
|
|
278
|
-
|
|
279
|
-
return classes;
|
|
280
|
-
}
|
|
281
|
-
|
|
282
|
-
function parseValue (arg) {
|
|
283
|
-
if (typeof arg === 'string' || typeof arg === 'number') {
|
|
284
|
-
return arg;
|
|
285
|
-
}
|
|
286
|
-
|
|
287
|
-
if (typeof arg !== 'object') {
|
|
288
|
-
return '';
|
|
289
|
-
}
|
|
290
|
-
|
|
291
|
-
if (Array.isArray(arg)) {
|
|
292
|
-
return classNames.apply(null, arg);
|
|
293
|
-
}
|
|
294
|
-
|
|
295
|
-
if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
|
|
296
|
-
return arg.toString();
|
|
297
|
-
}
|
|
298
|
-
|
|
299
|
-
var classes = '';
|
|
300
|
-
|
|
301
|
-
for (var key in arg) {
|
|
302
|
-
if (hasOwn.call(arg, key) && arg[key]) {
|
|
303
|
-
classes = appendClass(classes, key);
|
|
304
|
-
}
|
|
305
|
-
}
|
|
306
|
-
|
|
307
|
-
return classes;
|
|
308
|
-
}
|
|
309
|
-
|
|
310
|
-
function appendClass (value, newClass) {
|
|
311
|
-
if (!newClass) {
|
|
312
|
-
return value;
|
|
313
|
-
}
|
|
314
|
-
|
|
315
|
-
if (value) {
|
|
316
|
-
return value + ' ' + newClass;
|
|
317
|
-
}
|
|
318
|
-
|
|
319
|
-
return value + newClass;
|
|
320
|
-
}
|
|
321
|
-
|
|
322
|
-
if (module.exports) {
|
|
323
|
-
classNames.default = classNames;
|
|
324
|
-
module.exports = classNames;
|
|
325
|
-
} else {
|
|
326
|
-
window.classNames = classNames;
|
|
327
|
-
}
|
|
328
|
-
}());
|
|
329
|
-
} (classnames));
|
|
330
|
-
return classnames.exports;
|
|
331
|
-
}
|
|
332
|
-
|
|
333
|
-
var classnamesExports = requireClassnames();
|
|
334
|
-
var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
|
|
335
|
-
|
|
336
|
-
var styles$k = {"container":"Input-module_container__zzWGm","input":"Input-module_input__aRXjR","inputError":"Input-module_inputError__s3cRz","inputLeftIcon":"Input-module_inputLeftIcon__gObSe","inputRightIcon":"Input-module_inputRightIcon__hWB1a","label":"Input-module_label__HtZ2L","labelFocused":"Input-module_labelFocused__3-p5R","labelError":"Input-module_labelError__MA8Ti","labelDisabled":"Input-module_labelDisabled__lhjNw","description":"Input-module_description__Q1Rbw","error":"Input-module_error__yiAgw","errorText":"Input-module_errorText__wKZ67","leftSection":"Input-module_leftSection__YyGeo","rightSection":"Input-module_rightSection__zMH-z"};
|
|
337
|
-
|
|
338
|
-
var Info = function (props) {
|
|
339
|
-
return (jsxRuntime.jsxs(Icon, __assign({}, props, { children: [jsxRuntime.jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M11.999 8C11.861 8 11.749 8.112 11.75 8.25C11.75 8.388 11.862 8.5 12 8.5C12.138 8.5 12.25 8.388 12.25 8.25C12.25 8.112 12.138 8 11.999 8" }), jsxRuntime.jsx("path", { fillRule: "evenodd", stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 21V21C7.029 21 3 16.971 3 12V12C3 7.029 7.029 3 12 3V3C16.971 3 21 7.029 21 12V12C21 16.971 16.971 21 12 21Z", clipRule: "evenodd" }), jsxRuntime.jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 12V17" })] })));
|
|
340
|
-
};
|
|
341
|
-
|
|
342
|
-
var styles$j = {"text":"Text-module_text__3xRq3","h1":"Text-module_h1__RkLfx","h2":"Text-module_h2__fAm7L","h3":"Text-module_h3__o11c2","h4":"Text-module_h4__RIwZg","m":"Text-module_m__nlfmp","s":"Text-module_s__t9q3d","xs":"Text-module_xs__ZU2jV","xxs":"Text-module_xxs__hmZHQ","bold":"Text-module_bold__N75tZ","medium":"Text-module_medium__Q8kf4","regular":"Text-module_regular__-EdPk","title0":"Text-module_title0__NvhiO","title0-mobile":"Text-module_title0-mobile__y1sTi","title1":"Text-module_title1__Oa54p","title1-500":"Text-module_title1-500__Md7EO","title1-500-mobile":"Text-module_title1-500-mobile__Y78Lk","l-medium":"Text-module_l-medium__U22ra","l-regular":"Text-module_l-regular__ihWaL","xxxl-medium":"Text-module_xxxl-medium__O3TD0","xxl-medium":"Text-module_xxl-medium__DWGly","xl-medium":"Text-module_xl-medium__cobLu","base-regular":"Text-module_base-regular__TwXtn","base-medium":"Text-module_base-medium__-4t3q","m-regular":"Text-module_m-regular__Lx6ru","m-medium":"Text-module_m-medium__upYpJ","s-light":"Text-module_s-light__oSwjg","xs-light":"Text-module_xs-light__rLaCR","xxs-normal":"Text-module_xxs-normal__TQEfr","xxs-light":"Text-module_xxs-light__4hw2o","xxs-bold":"Text-module_xxs-bold__LiO7o","title2":"Text-module_title2__vmM-P","title3":"Text-module_title3__r5irn","headline":"Text-module_headline__bgILl","headline-xxl":"Text-module_headline-xxl__uINnx","subheader":"Text-module_subheader__3CmmH","subheader-bold":"Text-module_subheader-bold__nUCe5","input":"Text-module_input__uD4E2"};
|
|
343
|
-
|
|
344
|
-
var elementType = {
|
|
345
|
-
h1: 'h1',
|
|
346
|
-
h2: 'h2',
|
|
347
|
-
h3: 'h3',
|
|
348
|
-
h4: 'h4',
|
|
349
|
-
};
|
|
350
|
-
var Text = t.forwardRef(function (props, ref) {
|
|
351
|
-
var as = props.as, children = props.children, className = props.className, color = props.color, style = props.style, variant = props.variant, weight = props.weight, rest = __rest(props, ["as", "children", "className", "color", "style", "variant", "weight"]);
|
|
352
|
-
var combinedStyle = __assign(__assign({}, style), { color: color });
|
|
353
|
-
var combinedClassName = classNames(className, styles$j['text'], styles$j[variant || ''], styles$j[weight || '']);
|
|
354
|
-
return t.createElement(as || elementType[variant] || 'p', __assign({ ref: ref, className: combinedClassName, style: combinedStyle }, rest), children);
|
|
355
|
-
});
|
|
356
|
-
|
|
357
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
358
|
-
function capitalizeFirstSentenceLetter(input) {
|
|
359
|
-
var str;
|
|
360
|
-
if (typeof input !== 'string') {
|
|
361
|
-
if (Array.isArray(input)) {
|
|
362
|
-
str = input.join(' ');
|
|
363
|
-
}
|
|
364
|
-
else {
|
|
365
|
-
return String(input);
|
|
366
|
-
}
|
|
367
|
-
}
|
|
368
|
-
else {
|
|
369
|
-
str = input;
|
|
370
|
-
}
|
|
371
|
-
var lowerCaseString = str.toLowerCase().replace(/_/g, ' ');
|
|
372
|
-
return lowerCaseString.charAt(0).toUpperCase() + lowerCaseString.slice(1);
|
|
373
|
-
}
|
|
374
|
-
|
|
375
|
-
/**
|
|
376
|
-
* Input component that extends the TextInput component from Mantine.
|
|
377
|
-
* It includes additional features like error handling, description, and label visibility.
|
|
378
|
-
*
|
|
379
|
-
* @param {string} name - The name of the input field.
|
|
380
|
-
* @param {string} label - The label for the input field.
|
|
381
|
-
* @param {string} placeholder - The placeholder text for the input field.
|
|
382
|
-
* @param {string} value - The value of the input field.
|
|
383
|
-
* @param {function} onChange - The function to call when the input value changes.
|
|
384
|
-
* @param {function} onBlur - The function to call when the input loses focus.
|
|
385
|
-
* @param {string} error - The error message to display.
|
|
386
|
-
* @param {string} description - The description text to display below the input field.
|
|
387
|
-
* @param {boolean} holdSpace - Whether to hold space for the error message even when there is no error.
|
|
388
|
-
* @param {React.ReactNode} leftSection - The icon to display on the left side of the input field.
|
|
389
|
-
* @param {React.ReactNode} rightSection - The icon to display on the right side of the input field.
|
|
390
|
-
* @param {boolean} hideLabel - Whether to hide the label when it's not required.
|
|
391
|
-
* @param {string} type - The type of the input field (default is 'text').
|
|
392
|
-
*
|
|
393
|
-
* @example
|
|
394
|
-
* <Input
|
|
395
|
-
* name="username"
|
|
396
|
-
* label="Username"
|
|
397
|
-
* placeholder="Enter your username"
|
|
398
|
-
* value={username}
|
|
399
|
-
* onChange={(e) => setUsername(e.target.value)}
|
|
400
|
-
* onBlur={() => console.log('Input blurred')}
|
|
401
|
-
* error="Username is required"
|
|
402
|
-
* description="Your unique username"
|
|
403
|
-
* />
|
|
404
|
-
*/
|
|
405
|
-
var Input = function (_a) {
|
|
406
|
-
var _b, _c;
|
|
407
|
-
var _d = _a.error, error = _d === void 0 ? '' : _d, name = _a.name, placeholder = _a.placeholder, _e = _a.value, value = _e === void 0 ? '' : _e, onChange = _a.onChange, label = _a.label, description = _a.description, leftSection = _a.leftSection, rightSection = _a.rightSection, _f = _a.type, type = _f === void 0 ? 'text' : _f, _g = _a.holdSpace, holdSpace = _g === void 0 ? true : _g, _h = _a.hideLabel, hideLabel = _h === void 0 ? false : _h, _j = _a.disabled, disabled = _j === void 0 ? false : _j, rest = __rest(_a, ["error", "name", "placeholder", "value", "onChange", "label", "description", "leftSection", "rightSection", "type", "holdSpace", "hideLabel", "disabled"]);
|
|
408
|
-
var _k = t.useState(false), isFocused = _k[0], setIsFocused = _k[1];
|
|
409
|
-
var _l = t.useState(false), isHovered = _l[0], setIsHovered = _l[1];
|
|
410
|
-
var showLabel = !hideLabel && (isFocused || value.trim());
|
|
411
|
-
var placeHolderValue = showLabel ? placeholder : label;
|
|
412
|
-
var ErrorSection = t.useMemo(function () {
|
|
413
|
-
return holdSpace && (jsxRuntime.jsxs(core.Flex, { className: styles$k.error, gap: 4, ml: 0, style: { visibility: error ? 'visible' : 'hidden' }, children: [jsxRuntime.jsx(Info, { width: "18px", height: "18px", viewBox: "0 0 24 24", stroke: "var(--color-red-300)" }), jsxRuntime.jsx(Text, { variant: "xs", className: classNames(styles$k.errorText), as: "span", children: capitalizeFirstSentenceLetter(error) })] }));
|
|
414
|
-
}, [error]);
|
|
415
|
-
return (jsxRuntime.jsxs("div", { className: styles$k.container, children: [showLabel && (jsxRuntime.jsx("label", { className: classNames(styles$k.label, (_b = {},
|
|
416
|
-
_b[styles$k.labelError] = error && !isFocused,
|
|
417
|
-
_b[styles$k.labelFocused] = isFocused || isHovered,
|
|
418
|
-
_b[styles$k.labelDisabled] = disabled,
|
|
419
|
-
_b)), children: label })), jsxRuntime.jsx("div", { onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); }, children: jsxRuntime.jsx(core.TextInput, __assign({ classNames: {
|
|
420
|
-
input: classNames(styles$k.input, (_c = {},
|
|
421
|
-
_c[styles$k.inputLeftIcon] = leftSection,
|
|
422
|
-
_c[styles$k.inputRightIcon] = rightSection,
|
|
423
|
-
_c[styles$k.inputError] = error,
|
|
424
|
-
_c)),
|
|
425
|
-
}, placeholder: placeHolderValue, name: name, error: ErrorSection, description: !error && jsxRuntime.jsx(Text, { variant: "xs", children: description }), descriptionProps: { className: styles$k.description }, errorProps: { className: styles$k.error }, inputWrapperOrder: ['label', 'input', 'description', 'error'], value: value, onChange: onChange, leftSection: leftSection, rightSection: rightSection, leftSectionProps: { className: styles$k.leftSection }, rightSectionProps: { className: styles$k.rightSection }, type: type, disabled: disabled }, rest)) })] }));
|
|
426
|
-
};
|
|
427
|
-
|
|
428
|
-
var Loader = function (props) {
|
|
429
|
-
return jsxRuntime.jsx(core.Loader, __assign({ color: "var(--color-primary-300)" }, props));
|
|
430
|
-
};
|
|
431
|
-
|
|
432
|
-
/**
|
|
433
|
-
*
|
|
434
|
-
* Autocomplete component
|
|
435
|
-
* Autocomplete user input with any list of options
|
|
436
|
-
*
|
|
437
|
-
* @param options - list of options to display in dropdown
|
|
438
|
-
* @param label - input label
|
|
439
|
-
* @param placeholder - input placeholder
|
|
440
|
-
* @param onOptionSubmit - function to call when option is selected by click or enter
|
|
441
|
-
* @param disabled - disable input
|
|
442
|
-
* @param onSearchChange - function to call when search value changes
|
|
443
|
-
* @param searchValue - search value
|
|
444
|
-
* @param loading - show loading spinner
|
|
445
|
-
*
|
|
446
|
-
* @return Autocomplete component with dropdown
|
|
447
|
-
*/
|
|
448
|
-
var Autocomplete = function (_a) {
|
|
449
|
-
var options = _a.options, _b = _a.placeholder, placeholder = _b === void 0 ? 'Search' : _b, onOptionSubmit = _a.onOptionSubmit, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onSearchChange = _a.onSearchChange, searchValue = _a.searchValue, _d = _a.loading, loading = _d === void 0 ? false : _d, style = _a.style;
|
|
450
|
-
var handleOptionSubmit = function (value) {
|
|
451
|
-
onOptionSubmit === null || onOptionSubmit === void 0 ? void 0 : onOptionSubmit(value);
|
|
452
|
-
onSearchChange(value);
|
|
453
|
-
};
|
|
454
|
-
var boldedOptions = options.map(function (option) {
|
|
455
|
-
var index = option.toLowerCase().indexOf(searchValue.toLowerCase());
|
|
456
|
-
if (index === -1)
|
|
457
|
-
return (jsxRuntime.jsx(Dropdown.Option, { value: option, children: option }, option));
|
|
458
|
-
return (jsxRuntime.jsxs(Dropdown.Option, { value: option, onClick: function () { return handleOptionSubmit(option); }, children: [option.slice(0, index), jsxRuntime.jsx("strong", { children: option.slice(index, index + searchValue.length) }), option.slice(index + searchValue.length)] }, option));
|
|
459
|
-
});
|
|
460
|
-
var emptyOptions = (jsxRuntime.jsx(Dropdown.Option, { value: "No options found", style: { cursor: 'not-allowed', pointerEvents: 'none' }, children: "No matches found, try something else." }));
|
|
461
|
-
var loadingOptions = (jsxRuntime.jsx(Dropdown.Option, { value: "Loading...", disabled: true, style: { display: 'flex', justifyContent: 'center' }, children: jsxRuntime.jsx(Loader, {}) }));
|
|
462
|
-
var renderOptions = function () {
|
|
463
|
-
if (loading)
|
|
464
|
-
return loadingOptions;
|
|
465
|
-
return boldedOptions.length > 0 ? boldedOptions : emptyOptions;
|
|
466
|
-
};
|
|
467
|
-
return (jsxRuntime.jsx(Dropdown, { options: renderOptions(), onOptionSubmit: handleOptionSubmit, maxHeight: 250, closeOnSelect: true, children: function (store) { return (jsxRuntime.jsx(Input, { hideLabel: true, label: "Search", placeholder: placeholder, onClick: function () { return !disabled && searchValue && store.toggleDropdown(); }, onChange: function (event) {
|
|
468
|
-
onSearchChange(event.currentTarget.value);
|
|
469
|
-
if (!store.dropdownOpened) {
|
|
470
|
-
store.openDropdown();
|
|
471
|
-
}
|
|
472
|
-
if (event.currentTarget.value === '') {
|
|
473
|
-
store.closeDropdown();
|
|
474
|
-
}
|
|
475
|
-
}, value: searchValue, holdSpace: false, leftSection: jsxRuntime.jsx(Search, {}), rightSection: jsxRuntime.jsx(ActionIcon, { radius: "sm", variant: "light", onClick: function () {
|
|
476
|
-
onSearchChange('');
|
|
477
|
-
onOptionSubmit === null || onOptionSubmit === void 0 ? void 0 : onOptionSubmit('');
|
|
478
|
-
store.closeDropdown();
|
|
479
|
-
}, style: { visibility: searchValue ? 'visible' : 'hidden' }, children: jsxRuntime.jsx(Close, {}) }), onKeyDown: function (event) {
|
|
480
|
-
if (event.key === 'Enter' && options.length !== 1) {
|
|
481
|
-
handleOptionSubmit(searchValue);
|
|
482
|
-
store.toggleDropdown();
|
|
483
|
-
}
|
|
484
|
-
else if (event.key === 'Enter') {
|
|
485
|
-
handleOptionSubmit(options[0]);
|
|
486
|
-
store.toggleDropdown();
|
|
487
|
-
}
|
|
488
|
-
}, style: style })); } }));
|
|
489
|
-
};
|
|
490
|
-
|
|
491
|
-
var AvatarPlaceholder = function (_a) {
|
|
492
|
-
var width = _a.width, height = _a.height, viewBox = _a.viewBox, rotate = _a.rotate;
|
|
493
|
-
return (jsxRuntime.jsxs(Icon, { width: width, height: height, viewBox: viewBox, rotate: rotate, stroke: "none", children: [jsxRuntime.jsx("ellipse", { cx: "11.755", cy: "5.818", fill: "var(--color-tertiary-200)", rx: "5.878", ry: "5.818" }), jsxRuntime.jsx("path", { fill: "var(--color-primary-300)", d: "M24 24H12 0c0-6.56 5.373-11.879 12-11.879s12 5.319 12 11.88z" })] }));
|
|
494
|
-
};
|
|
495
|
-
|
|
496
|
-
var badgeVariantMap = {
|
|
497
|
-
notes: {
|
|
498
|
-
backgroundColor: 'var(--color-neutral-100)',
|
|
499
|
-
color: 'var(--color-neutral-600)',
|
|
500
|
-
},
|
|
501
|
-
notice: {
|
|
502
|
-
backgroundColor: 'var(--color-yellow-100)',
|
|
503
|
-
color: 'var(--color-yellow-500)',
|
|
504
|
-
},
|
|
505
|
-
neutral: {
|
|
506
|
-
backgroundColor: 'var(--color-neutral-200)',
|
|
507
|
-
color: 'var(--color-neutral-600)',
|
|
508
|
-
},
|
|
509
|
-
info: {
|
|
510
|
-
backgroundColor: 'var(--color-orange-100)',
|
|
511
|
-
color: 'var(--color-orange-400)',
|
|
512
|
-
},
|
|
513
|
-
success: {
|
|
514
|
-
backgroundColor: 'var(--color-green-100)',
|
|
515
|
-
color: 'var(--color-green-400)',
|
|
516
|
-
},
|
|
517
|
-
warning: {
|
|
518
|
-
backgroundColor: 'var(--color-red-100)',
|
|
519
|
-
color: 'var(--color-red-400)',
|
|
520
|
-
},
|
|
521
|
-
primary: {
|
|
522
|
-
backgroundColor: 'var(--color-primary-50)',
|
|
523
|
-
color: 'var(--color-primary-300)',
|
|
524
|
-
},
|
|
525
|
-
};
|
|
526
|
-
var sizeMap$1 = {
|
|
527
|
-
small: {
|
|
528
|
-
textVariant: 'xxs',
|
|
529
|
-
padding: '8px 12px',
|
|
530
|
-
},
|
|
531
|
-
medium: {
|
|
532
|
-
textVariant: 'xs',
|
|
533
|
-
padding: '5px 12px',
|
|
534
|
-
},
|
|
535
|
-
large: {
|
|
536
|
-
textVariant: 's',
|
|
537
|
-
padding: '8px 16px',
|
|
538
|
-
},
|
|
539
|
-
};
|
|
540
|
-
var Badge = t.forwardRef(function (_a, ref) {
|
|
541
|
-
var _b, _c;
|
|
542
|
-
var style = _a.style, icon = _a.icon, variant = _a.variant, size = _a.size, label = _a.label;
|
|
543
|
-
var backgroundColor = (_b = badgeVariantMap[variant]) === null || _b === void 0 ? void 0 : _b.backgroundColor;
|
|
544
|
-
var color = (_c = badgeVariantMap[variant]) === null || _c === void 0 ? void 0 : _c.color;
|
|
545
|
-
var sizeStyles = sizeMap$1[size || 'small'];
|
|
546
|
-
return (jsxRuntime.jsxs(core.Flex, { gap: 8, w: 'fit-content', bg: backgroundColor, p: sizeStyles.padding, style: __assign(__assign({}, style), { borderRadius: 999, alignItems: 'center' }), ref: ref, children: [icon, jsxRuntime.jsx(Text, { variant: sizeStyles.textVariant, color: color, children: label })] }));
|
|
547
|
-
});
|
|
548
|
-
|
|
549
|
-
var styles$i = {"button":"Button-module_button__7BLGt","label":"Button-module_label__447Ll","button-flex":"Button-module_button-flex__bzVRB","button--filled":"Button-module_button--filled__BKGu2","label-color--filled":"Button-module_label-color--filled__wJHlw","label-color--filled--disabled":"Button-module_label-color--filled--disabled__BbMbV","button--outlined":"Button-module_button--outlined__QZysw","label-color--outlined":"Button-module_label-color--outlined__seGi5","label-color--outlined--disabled":"Button-module_label-color--outlined--disabled__qXPjI","button--underlined":"Button-module_button--underlined__BsY5s","label-color--underlined":"Button-module_label-color--underlined__ymMfq","label-color--underlined--disabled":"Button-module_label-color--underlined--disabled__TBDd8","button--underlined-neutral":"Button-module_button--underlined-neutral__30A91","label-color--underlined-neutral":"Button-module_label-color--underlined-neutral__1xWMY","label-color--underlined-neutral--disabled":"Button-module_label-color--underlined-neutral--disabled__RQKW7","button--delete":"Button-module_button--delete__Xqpbl","label-color--delete":"Button-module_label-color--delete__iPB3X","label-color--delete--disabled":"Button-module_label-color--delete--disabled__lJkM6","button--small":"Button-module_button--small__3npYU","button--medium":"Button-module_button--medium__WRSIQ","button--large":"Button-module_button--large__bGVS1"};
|
|
550
|
-
|
|
551
|
-
var Button = t.forwardRef(function (_a, ref) {
|
|
552
|
-
var _b;
|
|
553
|
-
var _c = _a.variant, variant = _c === void 0 ? 'filled' : _c, submit = _a.submit, _d = _a.size, size = _d === void 0 ? 'medium' : _d, fullWidth = _a.fullWidth, backgroundColor = _a.backgroundColor, label = _a.label, icon = _a.icon, children = _a.children, props = __rest(_a, ["variant", "submit", "size", "fullWidth", "backgroundColor", "label", "icon", "children"]);
|
|
554
|
-
var mode = styles$i["button--".concat(variant)];
|
|
555
|
-
return (jsxRuntime.jsx("button", __assign({ ref: ref, type: submit ? 'submit' : 'button', style: __assign(__assign({}, props.style), { backgroundColor: backgroundColor, width: fullWidth ? '100%' : 'auto' }) }, props, { className: [styles$i.button, styles$i["button--".concat(size)], mode].join(' '), children: jsxRuntime.jsxs("div", { className: styles$i['button-flex'], children: [!!icon && icon, label ? (jsxRuntime.jsx(Text, { className: classNames(styles$i.label, styles$i["label-color--".concat(variant)], (_b = {},
|
|
556
|
-
_b[styles$i["label-color--".concat(variant, "--disabled")]] = props.disabled,
|
|
557
|
-
_b)), children: label })) : (children)] }) })));
|
|
558
|
-
});
|
|
559
|
-
|
|
560
|
-
var styles$h = {"card":"Card-module_card__-PlHa","footerDivider":"Card-module_footerDivider__nt5J7","mdShadow":"Card-module_mdShadow__yft6m","lgShadow":"Card-module_lgShadow__WzWj7"};
|
|
561
|
-
|
|
562
|
-
var Card = function (_a) {
|
|
563
|
-
var _b;
|
|
564
|
-
var header = _a.header, children = _a.children, footer = _a.footer, style = _a.style, _c = _a.shadow, shadow = _c === void 0 ? 'md' : _c;
|
|
565
|
-
var cardClassName = classNames(styles$h.card, (_b = {},
|
|
566
|
-
_b[styles$h.mdShadow] = shadow === 'md',
|
|
567
|
-
_b[styles$h.lgShadow] = shadow === 'lg',
|
|
568
|
-
_b));
|
|
569
|
-
return (jsxRuntime.jsxs("div", { className: cardClassName, style: style, children: [header, children, footer && jsxRuntime.jsx("div", { className: styles$h.footerDivider }), footer] }));
|
|
570
|
-
};
|
|
571
|
-
|
|
572
|
-
var styles$g = {"cardStatus":"CardStatus-module_cardStatus__5T4aF","cardStatus--leftIcon":"CardStatus-module_cardStatus--leftIcon__ULp9A"};
|
|
573
|
-
|
|
574
|
-
var cardStatusVariantMap = {
|
|
575
|
-
notes: {
|
|
576
|
-
backgroundColor: 'var(--color-neutral-100)',
|
|
577
|
-
},
|
|
578
|
-
info: {
|
|
579
|
-
backgroundColor: 'var(--color-orange-100)',
|
|
580
|
-
},
|
|
581
|
-
success: {
|
|
582
|
-
backgroundColor: 'var(--color-green-100)',
|
|
583
|
-
},
|
|
584
|
-
warning: {
|
|
585
|
-
backgroundColor: 'var(--color-red-100)',
|
|
586
|
-
},
|
|
587
|
-
};
|
|
588
|
-
var sizeMap = {
|
|
589
|
-
small: {
|
|
590
|
-
textVariant: 'xxs',
|
|
591
|
-
padding: '8px 12px',
|
|
592
|
-
},
|
|
593
|
-
medium: {
|
|
594
|
-
textVariant: 'xs',
|
|
595
|
-
padding: '8px 12px',
|
|
596
|
-
},
|
|
597
|
-
large: {
|
|
598
|
-
textVariant: 's',
|
|
599
|
-
padding: '8px 16px',
|
|
600
|
-
},
|
|
601
|
-
};
|
|
602
|
-
var CardStatus = function (_a) {
|
|
603
|
-
var _b;
|
|
604
|
-
var icon = _a.icon, variant = _a.variant, size = _a.size, label = _a.label, leftIcon = _a.leftIcon;
|
|
605
|
-
var backgroundColor = variant
|
|
606
|
-
? (_b = cardStatusVariantMap[variant]) === null || _b === void 0 ? void 0 : _b.backgroundColor
|
|
607
|
-
: undefined;
|
|
608
|
-
var sizeStyles = sizeMap[size || 'small'];
|
|
609
|
-
return (jsxRuntime.jsxs("div", { className: "".concat(styles$g.cardStatus, " ").concat(leftIcon ? styles$g['cardStatus--leftIcon'] : ''), style: backgroundColor ? { backgroundColor: backgroundColor } : undefined, children: [leftIcon && icon, jsxRuntime.jsx(Text, { variant: sizeStyles.textVariant, color: 'var(--color-neutral-600)', children: label }), !leftIcon && icon] }));
|
|
610
|
-
};
|
|
611
|
-
|
|
612
|
-
var styles$f = {"inner":"Checkbox-module_inner__R7olC","input":"Checkbox-module_input__XnCmS","label":"Checkbox-module_label__l8z5T","label-wrapper":"Checkbox-module_label-wrapper__kW-yP","label-disabled":"Checkbox-module_label-disabled__fXIgW","icon-disabled":"Checkbox-module_icon-disabled__Nw0dG"};
|
|
613
|
-
|
|
614
|
-
/**
|
|
615
|
-
* Checkbox component for selecting multiple options from a set.
|
|
616
|
-
* For single selections, use the RadioButton component.
|
|
617
|
-
*
|
|
618
|
-
* @param {boolean} checked - Indicates if the checkbox is checked.
|
|
619
|
-
* @param {string | JSX.Element} label - The label displayed next to the checkbox.
|
|
620
|
-
* @param {boolean} disabled - Whether the checkbox is disabled.
|
|
621
|
-
* @param {(e: React.ChangeEvent<HTMLInputElement>) => void} onChange - Callback fired when the selection changes.
|
|
622
|
-
* @param {string} id - The id of the checkbox.
|
|
623
|
-
*
|
|
624
|
-
* @returns {JSX.Element} The rendered Checkbox component adhering to the design system.
|
|
625
|
-
*/
|
|
626
|
-
var Checkbox = function (_a) {
|
|
627
|
-
var _b, _c;
|
|
628
|
-
var _d = _a.checked, checked = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, label = _a.label, onChange = _a.onChange, id = _a.id, rest = __rest(_a, ["checked", "disabled", "label", "onChange", "id"]);
|
|
629
|
-
return (jsxRuntime.jsx(core.Checkbox, __assign({ checked: checked, label: label, disabled: disabled, onChange: onChange, id: id, color: "var(--color-primary-300)", classNames: {
|
|
630
|
-
labelWrapper: styles$f['label-wrapper'],
|
|
631
|
-
label: classNames(styles$f.label, (_b = {},
|
|
632
|
-
_b[styles$f['label-disabled']] = disabled,
|
|
633
|
-
_b)),
|
|
634
|
-
input: styles$f.input,
|
|
635
|
-
inner: styles$f.inner,
|
|
636
|
-
icon: classNames((_c = {},
|
|
637
|
-
_c[styles$f['icon-disabled']] = disabled,
|
|
638
|
-
_c)),
|
|
639
|
-
} }, rest)));
|
|
640
|
-
};
|
|
641
|
-
|
|
642
|
-
var dayjs_min$1 = {exports: {}};
|
|
643
|
-
|
|
644
|
-
var dayjs_min = dayjs_min$1.exports;
|
|
645
|
-
|
|
646
|
-
var hasRequiredDayjs_min;
|
|
647
|
-
|
|
648
|
-
function requireDayjs_min () {
|
|
649
|
-
if (hasRequiredDayjs_min) return dayjs_min$1.exports;
|
|
650
|
-
hasRequiredDayjs_min = 1;
|
|
651
|
-
(function (module, exports) {
|
|
652
|
-
!function(t,e){module.exports=e();}(dayjs_min,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[p]=!0;}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return b},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return b.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=b.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return b.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=b.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return b.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return b.s(e.$y,4,"0");case"M":return a+1;case"MM":return b.s(a+1,2,"0");case"MMM":return h(n.monthsShort,a,c,3);case"MMMM":return h(c,a);case"D":return e.$D;case"DD":return b.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return h(n.weekdaysMin,e.$W,o,2);case"ddd":return h(n.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(s);case"HH":return b.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return $(s,u,!0);case"A":return $(s,u,!1);case"m":return String(u);case"mm":return b.s(u,2,"0");case"s":return String(e.$s);case"ss":return b.s(e.$s,2,"0");case"SSS":return b.s(e.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:b.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=w(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return b.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),k=_.prototype;return O.prototype=k,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){k[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=!0),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O}));
|
|
653
|
-
} (dayjs_min$1));
|
|
654
|
-
return dayjs_min$1.exports;
|
|
655
|
-
}
|
|
656
|
-
|
|
657
|
-
var dayjs_minExports = requireDayjs_min();
|
|
658
|
-
var dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
|
|
659
|
-
|
|
660
|
-
var customParseFormat$2 = {exports: {}};
|
|
661
|
-
|
|
662
|
-
var customParseFormat$1 = customParseFormat$2.exports;
|
|
663
|
-
|
|
664
|
-
var hasRequiredCustomParseFormat;
|
|
665
|
-
|
|
666
|
-
function requireCustomParseFormat () {
|
|
667
|
-
if (hasRequiredCustomParseFormat) return customParseFormat$2.exports;
|
|
668
|
-
hasRequiredCustomParseFormat = 1;
|
|
669
|
-
(function (module, exports) {
|
|
670
|
-
!function(e,t){module.exports=t();}(customParseFormat$1,(function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d/,r=/\d\d/,i=/\d\d?/,o=/\d*[^-_:/,()\s\d]+/,s={},a=function(e){return (e=+e)+(e>68?1900:2e3)};var f=function(e){return function(t){this[e]=+t;}},h=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var t=e.match(/([+-]|\d\d)/g),n=60*t[1]+(+t[2]||0);return 0===n?0:"+"===t[0]?-n:n}(e);}],u=function(e){var t=s[e];return t&&(t.indexOf?t:t.s.concat(t.f))},d=function(e,t){var n,r=s.meridiem;if(r){for(var i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?"pm":"PM");return n},c={A:[o,function(e){this.afternoon=d(e,!1);}],a:[o,function(e){this.afternoon=d(e,!0);}],Q:[n,function(e){this.month=3*(e-1)+1;}],S:[n,function(e){this.milliseconds=100*+e;}],SS:[r,function(e){this.milliseconds=10*+e;}],SSS:[/\d{3}/,function(e){this.milliseconds=+e;}],s:[i,f("seconds")],ss:[i,f("seconds")],m:[i,f("minutes")],mm:[i,f("minutes")],H:[i,f("hours")],h:[i,f("hours")],HH:[i,f("hours")],hh:[i,f("hours")],D:[i,f("day")],DD:[r,f("day")],Do:[o,function(e){var t=s.ordinal,n=e.match(/\d+/);if(this.day=n[0],t)for(var r=1;r<=31;r+=1)t(r).replace(/\[|\]/g,"")===e&&(this.day=r);}],w:[i,f("week")],ww:[r,f("week")],M:[i,f("month")],MM:[r,f("month")],MMM:[o,function(e){var t=u("months"),n=(u("monthsShort")||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n;}],MMMM:[o,function(e){var t=u("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t;}],Y:[/[+-]?\d+/,f("year")],YY:[r,function(e){this.year=a(e);}],YYYY:[/\d{4}/,f("year")],Z:h,ZZ:h};function l(n){var r,i;r=n,i=s&&s.formats;for(var o=(n=r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var o=r&&r.toUpperCase();return n||i[r]||e[r]||i[o].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}))).match(t),a=o.length,f=0;f<a;f+=1){var h=o[f],u=c[h],d=u&&u[0],l=u&&u[1];o[f]=l?{regex:d,parser:l}:h.replace(/^\[|\]$/g,"");}return function(e){for(var t={},n=0,r=0;n<a;n+=1){var i=o[n];if("string"==typeof i)r+=i.length;else {var s=i.regex,f=i.parser,h=e.slice(r),u=s.exec(h)[0];f.call(t,u),e=e.replace(u,"");}}return function(e){var t=e.afternoon;if(void 0!==t){var n=e.hours;t?n<12&&(e.hours+=12):12===n&&(e.hours=0),delete e.afternoon;}}(t),t}}return function(e,t,n){n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(a=e.parseTwoDigitYear);var r=t.prototype,i=r.parse;r.parse=function(e){var t=e.date,r=e.utc,o=e.args;this.$u=r;var a=o[1];if("string"==typeof a){var f=!0===o[2],h=!0===o[3],u=f||h,d=o[2];h&&(d=o[2]),s=this.$locale(),!f&&d&&(s=n.Ls[d]),this.$d=function(e,t,n,r){try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);var i=l(t)(e),o=i.year,s=i.month,a=i.day,f=i.hours,h=i.minutes,u=i.seconds,d=i.milliseconds,c=i.zone,m=i.week,M=new Date,Y=a||(o||s?1:M.getDate()),p=o||M.getFullYear(),v=0;o&&!s||(v=s>0?s-1:M.getMonth());var D,w=f||0,g=h||0,y=u||0,L=d||0;return c?new Date(Date.UTC(p,v,Y,w,g,y,L+60*c.offset*1e3)):n?new Date(Date.UTC(p,v,Y,w,g,y,L)):(D=new Date(p,v,Y,w,g,y,L),m&&(D=r(D).week(m).toDate()),D)}catch(e){return new Date("")}}(t,a,r,n),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),u&&t!=this.format(a)&&(this.$d=new Date("")),s={};}else if(a instanceof Array)for(var c=a.length,m=1;m<=c;m+=1){o[1]=a[m-1];var M=n.apply(this,o);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}m===c&&(this.$d=new Date(""));}else i.call(this,e);};}}));
|
|
671
|
-
} (customParseFormat$2));
|
|
672
|
-
return customParseFormat$2.exports;
|
|
673
|
-
}
|
|
674
|
-
|
|
675
|
-
var customParseFormatExports = requireCustomParseFormat();
|
|
676
|
-
var customParseFormat = /*@__PURE__*/getDefaultExportFromCjs(customParseFormatExports);
|
|
677
|
-
|
|
678
|
-
var styles$e = {"wrapper":"DateInput-module_wrapper__ju4xt","input":"DateInput-module_input__2Fx3r","section":"DateInput-module_section__xCTwu","day":"DateInput-module_day__D3285"};
|
|
679
|
-
|
|
680
|
-
var Calendar = function (props) {
|
|
681
|
-
return (jsxRuntime.jsx(Icon, __assign({}, props, { children: jsxRuntime.jsx("path", { stroke: props.stroke, d: "M9.58333 5V7.75M22.4167 5V7.75M5 24.25V10.5C5 8.98122 6.23122 7.75 7.75 7.75H24.25C25.7688 7.75 27 8.98122 27 10.5V24.25M5 24.25C5 25.7688 6.23122 27 7.75 27H24.25C25.7688 27 27 25.7688 27 24.25M5 24.25V15.0833C5 13.5646 6.23122 12.3333 7.75 12.3333H24.25C25.7688 12.3333 27 13.5646 27 15.0833V24.25M16 16.9167H16.0092V16.9258H16V16.9167ZM16 19.6667H16.0092V19.6758H16V19.6667ZM16 22.4167H16.0092V22.4258H16V22.4167ZM13.25 19.6667H13.2592V19.6758H13.25V19.6667ZM13.25 22.4167H13.2592V22.4258H13.25V22.4167ZM10.5 19.6667H10.5092V19.6758H10.5V19.6667ZM10.5 22.4167H10.5092V22.4258H10.5V22.4167ZM18.75 16.9167H18.7592V16.9258H18.75V16.9167ZM18.75 19.6667H18.7592V19.6758H18.75V19.6667ZM18.75 22.4167H18.7592V22.4258H18.75V22.4167ZM21.5 16.9167H21.5092V16.9258H21.5V16.9167ZM21.5 19.6667H21.5092V19.6758H21.5V19.6667Z", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })));
|
|
682
|
-
};
|
|
683
|
-
|
|
684
|
-
dayjs.extend(customParseFormat);
|
|
685
|
-
var dateParser = function (value) {
|
|
686
|
-
if (!value || value.length < 6) {
|
|
687
|
-
return null;
|
|
688
|
-
}
|
|
689
|
-
var formats = [
|
|
690
|
-
'MMDDYYYY',
|
|
691
|
-
'MM DD YYYY',
|
|
692
|
-
'MM/DD/YYYY',
|
|
693
|
-
'MM / DD / YYYY',
|
|
694
|
-
'M D YYYY',
|
|
695
|
-
'M/D/YYYY',
|
|
696
|
-
];
|
|
697
|
-
var parsedDate = dayjs(value, formats, true);
|
|
698
|
-
if (parsedDate.isValid()) {
|
|
699
|
-
return parsedDate.toDate();
|
|
700
|
-
}
|
|
701
|
-
return null;
|
|
702
|
-
};
|
|
703
|
-
var DateInput = function (_a) {
|
|
704
|
-
var disabled = _a.disabled, error = _a.error, onBlur = _a.onBlur, onChange = _a.onChange, placeholder = _a.placeholder, value = _a.value, rest = __rest(_a, ["disabled", "error", "onBlur", "onChange", "placeholder", "value"]);
|
|
705
|
-
return (jsxRuntime.jsx(dates.DateInput, __assign({ valueFormat: "MM/DD/YYYY", dateParser: dateParser, rightSection: jsxRuntime.jsx(Calendar, {}), placeholder: placeholder, value: value, onChange: onChange, onBlur: onBlur, error: error, disabled: disabled, classNames: styles$e }, rest)));
|
|
706
|
-
};
|
|
707
|
-
|
|
708
|
-
var styles$d = {"code-input":"EnterCodeInput-module_code-input__bCj-T","code-input--2":"EnterCodeInput-module_code-input--2__yoYWJ","code-input--3":"EnterCodeInput-module_code-input--3__0xXFa","code-input--4":"EnterCodeInput-module_code-input--4__stWlP","code-input-error":"EnterCodeInput-module_code-input-error__l8yKQ"};
|
|
709
|
-
|
|
710
|
-
var EnterCodeInput = t.forwardRef(function (props, ref) {
|
|
711
|
-
var className = [
|
|
712
|
-
styles$d['code-input'],
|
|
713
|
-
styles$d["code-input--".concat(props.inline)],
|
|
714
|
-
].join(' ');
|
|
715
|
-
if (props.error) {
|
|
716
|
-
className = [className, styles$d['code-input-error']].join(' ');
|
|
717
|
-
}
|
|
718
|
-
return (jsxRuntime.jsx("input", __assign({}, (typeof props.field === 'object' ? props.field : {}), props, { ref: ref, name: props.name, autoFocus: true, className: className, type: props.type, maxLength: 6, placeholder: props.placeholder, onChange: props.onChange, onBlur: props.onBlur, onKeyUp: props.onKeyUp, value: props.value })));
|
|
719
|
-
});
|
|
720
|
-
EnterCodeInput.displayName = 'EnterCodeInput';
|
|
721
|
-
|
|
722
|
-
var styles$c = {"container":"FileInput-module_container__PUDhK","dropzone":"FileInput-module_dropzone__y5BNo","dragging":"FileInput-module_dragging__DoJPz","disabled":"FileInput-module_disabled__2Vlih","input":"FileInput-module_input__xiCkj","icon":"FileInput-module_icon__lXNr-","content":"FileInput-module_content__V9dYE","label":"FileInput-module_label__3DYWx","helper":"FileInput-module_helper__vVlYi","fileFormatText":"FileInput-module_fileFormatText__3E24H","fileList":"FileInput-module_fileList__xwhfk"};
|
|
723
|
-
|
|
724
|
-
var styles$b = {"fileItem":"FileUpload-module_fileItem__TQAj3","fileInfo":"FileUpload-module_fileInfo__0Rsbg","successIcon":"FileUpload-module_successIcon__P4ekl","errorIcon":"FileUpload-module_errorIcon__3IUcP","fileName":"FileUpload-module_fileName__iE6N7","fileSize":"FileUpload-module_fileSize__BuAI5","fileMessage":"FileUpload-module_fileMessage__ymYSV","progressBar":"FileUpload-module_progressBar__MYqP0","progress":"FileUpload-module_progress__eXpUX"};
|
|
725
|
-
|
|
726
|
-
var Clock = function (props) {
|
|
727
|
-
return (jsxRuntime.jsx(Icon, __assign({}, props, { children: jsxRuntime.jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M16 8v8h6m6 0c0 6.627-5.373 12-12 12S4 22.627 4 16 9.373 4 16 4s12 5.373 12 12z" }) })));
|
|
728
|
-
};
|
|
729
|
-
|
|
730
|
-
var Document = function (props) {
|
|
731
|
-
return (jsxRuntime.jsxs(Icon, __assign({}, props, { children: [jsxRuntime.jsx("path", { fillRule: "evenodd", stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M24.885 8.552l-3.77-3.77c-.5-.5-1.179-.782-1.886-.782H9.667A2.666 2.666 0 007 6.667v18.666A2.666 2.666 0 009.667 28H23a2.666 2.666 0 002.667-2.667V10.437c0-.706-.282-1.385-.782-1.885v0z", clipRule: "evenodd" }), jsxRuntime.jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M25.667 10.667h-5.334A1.334 1.334 0 0119 9.333V4" })] })));
|
|
732
|
-
};
|
|
733
|
-
|
|
734
|
-
var Tick = function (_a) {
|
|
735
|
-
var _b = _a.width, width = _b === void 0 ? '32px' : _b, _c = _a.height, height = _c === void 0 ? '32px' : _c, _d = _a.viewBox, viewBox = _d === void 0 ? '0 0 32 32' : _d, _e = _a.stroke, stroke = _e === void 0 ? 'currentColor' : _e, _f = _a.strokeWidth, strokeWidth = _f === void 0 ? 1.5 : _f, _g = _a.outlined, outlined = _g === void 0 ? false : _g;
|
|
736
|
-
return (jsxRuntime.jsx(Icon, { width: width, height: height, viewBox: viewBox, children: outlined ? (jsxRuntime.jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth, d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" })) : (jsxRuntime.jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth, d: "M26.667 8.667L12 23.333l-6.667-6.666" })) }));
|
|
737
|
-
};
|
|
738
|
-
|
|
739
|
-
var validateFile = function (file, maxSize, acceptedFormats) {
|
|
740
|
-
var _a;
|
|
741
|
-
if (file.size > maxSize * 1024 * 1024) {
|
|
742
|
-
return {
|
|
743
|
-
isValid: false,
|
|
744
|
-
error: "File size must be less than ".concat(maxSize, "MB"),
|
|
745
|
-
};
|
|
746
|
-
}
|
|
747
|
-
var fileExtension = '.' + ((_a = file.name.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase());
|
|
748
|
-
if (!acceptedFormats.includes(fileExtension)) {
|
|
749
|
-
return {
|
|
750
|
-
isValid: false,
|
|
751
|
-
error: "File must be ".concat(acceptedFormats.join(', ')),
|
|
752
|
-
};
|
|
753
|
-
}
|
|
754
|
-
return { isValid: true };
|
|
755
|
-
};
|
|
756
|
-
var getIcon$1 = function (status) {
|
|
757
|
-
switch (status) {
|
|
758
|
-
case 'uploaded':
|
|
759
|
-
return (jsxRuntime.jsx(Tick, { outlined: true, stroke: "var(--color-green-400)", width: "1.5rem", height: "1.5rem", viewBox: "0 0 24 24" }));
|
|
760
|
-
case 'failed':
|
|
761
|
-
return (jsxRuntime.jsx(Info, { stroke: "var(--color-red-400)", width: "1.5rem", height: "1.5rem", viewBox: "0 0 24 24" }));
|
|
762
|
-
case 'duplicate':
|
|
763
|
-
return (jsxRuntime.jsx(Info, { stroke: "var(--color-orange-400)", width: "1.5rem", height: "1.5rem", viewBox: "0 0 24 24" }));
|
|
764
|
-
case 'uploading':
|
|
765
|
-
return (jsxRuntime.jsx(Clock, { stroke: "var(--color-neutral-400)", width: "1.5rem", height: "1.5rem", viewBox: "0 0 32 32" }));
|
|
766
|
-
case 'previously-uploaded':
|
|
767
|
-
return (jsxRuntime.jsx(Document, { stroke: "var(--color-neutral-600)", width: "1.5rem", height: "1.5rem", viewBox: "0 0 32 32" }));
|
|
768
|
-
default:
|
|
769
|
-
return null;
|
|
770
|
-
}
|
|
771
|
-
};
|
|
772
|
-
var getMessage = function (status, message, progress) {
|
|
773
|
-
if (status === 'failed') {
|
|
774
|
-
if (message === null || message === void 0 ? void 0 : message.includes('-')) {
|
|
775
|
-
var _a = message.split('-'), errorReason = _a[0], errorMessage = _a[1];
|
|
776
|
-
return (jsxRuntime.jsxs(Text, { className: styles$b.fileMessage, color: "var(--color-red-400)", children: [jsxRuntime.jsx("strong", { children: errorReason }), " - ", errorMessage] }));
|
|
777
|
-
}
|
|
778
|
-
return (jsxRuntime.jsx(Text, { className: styles$b.fileMessage, color: "var(--color-red-400)", children: message }));
|
|
779
|
-
}
|
|
780
|
-
if (status === 'duplicate') {
|
|
781
|
-
if (message === null || message === void 0 ? void 0 : message.includes('-')) {
|
|
782
|
-
var _b = message.split('-'), errorReason = _b[0], errorMessage = _b[1];
|
|
783
|
-
return (jsxRuntime.jsxs(Text, { className: styles$b.fileMessage, color: "var(--color-orange-400)", children: [jsxRuntime.jsx("strong", { children: errorReason }), " - ", errorMessage] }));
|
|
784
|
-
}
|
|
785
|
-
return (jsxRuntime.jsx(Text, { className: styles$b.fileMessage, color: "var(--color-orange-400)", children: message }));
|
|
786
|
-
}
|
|
787
|
-
if (status === 'uploading') {
|
|
788
|
-
return (jsxRuntime.jsxs(core.Flex, { align: "center", gap: 24, children: [jsxRuntime.jsx(core.Flex, { className: styles$b.progressBar, children: jsxRuntime.jsx(core.Flex, { className: styles$b.progress, w: "".concat(progress, "%") }) }), jsxRuntime.jsxs(Text, { color: "var(--color-neutral-500)", variant: "m", style: { margin: 0 }, children: [progress, "%"] })] }));
|
|
789
|
-
}
|
|
790
|
-
if (status === 'previously-uploaded') {
|
|
791
|
-
return (jsxRuntime.jsx(Text, { className: styles$b.fileMessage, color: "var(--color-green-400)", children: message }));
|
|
792
|
-
}
|
|
793
|
-
if (status === 'uploaded') {
|
|
794
|
-
return (jsxRuntime.jsx(Text, { className: styles$b.fileMessage, color: "var(--color-green-400)", children: message }));
|
|
795
|
-
}
|
|
796
|
-
return null;
|
|
797
|
-
};
|
|
798
|
-
var parseFileSize = function (size) {
|
|
799
|
-
if (size < 1024) {
|
|
800
|
-
return "".concat(size, " B");
|
|
801
|
-
}
|
|
802
|
-
if (size < 1024 * 1024) {
|
|
803
|
-
return "".concat((size / 1024).toFixed(2), " KB");
|
|
804
|
-
}
|
|
805
|
-
return "".concat((size / (1024 * 1024)).toFixed(2), " MB");
|
|
806
|
-
};
|
|
807
|
-
|
|
808
|
-
var FileUpload = function (_a) {
|
|
809
|
-
var id = _a.id, name = _a.name, size = _a.size, status = _a.status, message = _a.message, progress = _a.progress, removeFile = _a.removeFile;
|
|
810
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(core.Divider, { color: "var(--color-neutral-300)" }), jsxRuntime.jsxs("div", { className: styles$b.fileItem, children: [jsxRuntime.jsxs("div", { className: styles$b.fileInfo, children: [getIcon$1(status), jsxRuntime.jsxs(core.Flex, { direction: "column", w: "100%", children: [jsxRuntime.jsx(Text, { className: styles$b.fileName, children: name }), jsxRuntime.jsx(Text, { className: styles$b.fileSize, color: "var(--color-neutral-500)", children: parseFileSize(size) }), getMessage(status, message, progress)] })] }), removeFile && (jsxRuntime.jsx(ActionIcon, { variant: "light", size: 'md', onClick: function () { return removeFile(id); }, "aria-label": "Remove ".concat(name), children: jsxRuntime.jsx(Close, {}) }))] }, "".concat(name, "-").concat(id))] }));
|
|
811
|
-
};
|
|
812
|
-
|
|
813
|
-
var Upload = function (props) {
|
|
814
|
-
return (jsxRuntime.jsxs(Icon, __assign({}, props, { viewBox: props.viewBox || '0 0 42 42', stroke: props.stroke || 'currentColor', children: [jsxRuntime.jsx("path", { d: "M16.5007 25.8333V16.5", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M13.6113 19.1667L16.5007 16.2773L19.39 19.1667", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M21.8326 25.8334H25.2459C27.8166 25.8334 29.9126 23.7374 29.9126 21.1667C29.9126 18.5961 27.8166 16.5001 25.2459 16.5001H24.6659V15.1667C24.6659 10.7534 21.0793 7.16675 16.6659 7.16675C12.6966 7.16675 9.40594 10.0707 8.78194 13.8641C5.6126 14.0254 3.08594 16.6241 3.08594 19.8334C3.08594 23.1467 5.7726 25.8334 9.08594 25.8334H11.1659", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })));
|
|
815
|
-
};
|
|
816
|
-
|
|
817
|
-
var FileInput = function (_a) {
|
|
818
|
-
var _b;
|
|
819
|
-
var _c = _a === void 0 ? {} : _a, _d = _c.files, files = _d === void 0 ? [] : _d, _e = _c.maxSize, maxSize = _e === void 0 ? 25 : _e, _f = _c.acceptedFormats, acceptedFormats = _f === void 0 ? ['.pdf', '.jpg', '.jpeg', '.png'] : _f, onFileSelect = _c.onFileSelect, onFileRemove = _c.onFileRemove, _g = _c.label, label = _g === void 0 ? 'documents' : _g, _h = _c.helperText, helperText = _h === void 0 ? '' : _h, _j = _c.errorMessage, errorMessage = _j === void 0 ? 'Please remove failed document and try again' : _j, disabled = _c.disabled;
|
|
820
|
-
var _k = t.useState(false), isDragging = _k[0], setIsDragging = _k[1];
|
|
821
|
-
var handleFiles = function (newFiles) {
|
|
822
|
-
var newFilesArray = Array.from(newFiles);
|
|
823
|
-
var newFileUploads = newFilesArray.map(function (file) {
|
|
824
|
-
var checkedFile = validateFile(file, maxSize, acceptedFormats);
|
|
825
|
-
return {
|
|
826
|
-
file: file,
|
|
827
|
-
id: "".concat(file.name, "-").concat(Date.now()),
|
|
828
|
-
name: file.name,
|
|
829
|
-
size: file.size,
|
|
830
|
-
status: checkedFile.isValid
|
|
831
|
-
? 'uploading'
|
|
832
|
-
: 'failed',
|
|
833
|
-
message: checkedFile.isValid ? 'Uploading...' : checkedFile.error,
|
|
834
|
-
progress: checkedFile.isValid ? 0 : undefined,
|
|
835
|
-
};
|
|
836
|
-
});
|
|
837
|
-
onFileSelect === null || onFileSelect === void 0 ? void 0 : onFileSelect(__spreadArray(__spreadArray([], files, true), newFileUploads, true));
|
|
838
|
-
};
|
|
839
|
-
var handleDragOver = function (e) {
|
|
840
|
-
e.preventDefault();
|
|
841
|
-
setIsDragging(true);
|
|
842
|
-
};
|
|
843
|
-
var handleDragLeave = function (e) {
|
|
844
|
-
e.preventDefault();
|
|
845
|
-
setIsDragging(false);
|
|
846
|
-
};
|
|
847
|
-
var handleDrop = function (e) {
|
|
848
|
-
e.preventDefault();
|
|
849
|
-
setIsDragging(false);
|
|
850
|
-
handleFiles(e.dataTransfer.files);
|
|
851
|
-
};
|
|
852
|
-
var handleFileInput = function (e) {
|
|
853
|
-
var _a;
|
|
854
|
-
if ((_a = e.target.files) === null || _a === void 0 ? void 0 : _a.length) {
|
|
855
|
-
handleFiles(e.target.files);
|
|
856
|
-
}
|
|
857
|
-
};
|
|
858
|
-
var removeFile = function (fileId) {
|
|
859
|
-
onFileRemove === null || onFileRemove === void 0 ? void 0 : onFileRemove(fileId);
|
|
860
|
-
};
|
|
861
|
-
var color = "var(--color-neutral-".concat(disabled ? 500 : 600, ")");
|
|
862
|
-
var fileFormatText = "File format must be ".concat(acceptedFormats
|
|
863
|
-
.join(', ')
|
|
864
|
-
.slice('.'.length)
|
|
865
|
-
.toUpperCase(), ". Max file size: ").concat(maxSize, "MB");
|
|
866
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: styles$c.container, children: jsxRuntime.jsxs("div", { className: classNames(styles$c.dropzone, (_b = {},
|
|
867
|
-
_b[styles$c.dragging] = isDragging,
|
|
868
|
-
_b[styles$c.disabled] = disabled,
|
|
869
|
-
_b)), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, children: [jsxRuntime.jsx("input", { type: "file", accept: acceptedFormats.join(','), onChange: handleFileInput, className: styles$c.input, "aria-label": label, disabled: disabled, multiple: true }), jsxRuntime.jsx("div", { className: styles$c.icon, children: jsxRuntime.jsx(Upload, { stroke: color, width: "2.6rem", height: "2.6rem", viewBox: "0 0 40 40" }) }), jsxRuntime.jsxs("div", { className: styles$c.content, children: [jsxRuntime.jsxs(core.Flex, { gap: 4, children: [jsxRuntime.jsx(Text, { variant: "m", weight: "medium", color: color, children: "Drag or" }), jsxRuntime.jsxs(Text, { variant: "m", weight: "medium", color: color, style: { textDecoration: 'underline' }, children: ["click to upload ", label] })] }), jsxRuntime.jsx(Text, { className: styles$c.fileFormatText, color: color, children: fileFormatText })] })] }) }), files.some(function (f) { return f.status === 'failed'; }) ? (jsxRuntime.jsx(Text, { variant: "xs", className: styles$c.helper, children: errorMessage })) : (jsxRuntime.jsx(Text, { variant: "xs", className: styles$c.helper, children: helperText })), files.length > 0 && (jsxRuntime.jsx(core.Flex, { className: styles$c.fileList, children: files.map(function (_a, index) {
|
|
870
|
-
var file = _a.file, rest = __rest(_a, ["file"]);
|
|
871
|
-
return (jsxRuntime.jsx(FileUpload, __assign({ file: file, removeFile: removeFile }, rest), "".concat(file.name, "-").concat(index)));
|
|
872
|
-
}) }))] }));
|
|
873
|
-
};
|
|
874
|
-
|
|
875
|
-
var styles$a = {"flex":"IncrementNumber-module_flex__Zo8-v","increment-button":"IncrementNumber-module_increment-button__qpw2X"};
|
|
876
|
-
|
|
877
|
-
var IncrementNumber = function (props) {
|
|
878
|
-
var formatter = new Intl.NumberFormat('en-US', {
|
|
879
|
-
style: 'currency',
|
|
880
|
-
currency: 'USD',
|
|
881
|
-
});
|
|
882
|
-
return (jsxRuntime.jsxs("div", { className: styles$a['flex'], children: [props.disableDecrease ? (jsxRuntime.jsx("div", { style: { width: 24 } })) : (jsxRuntime.jsx("button", { className: styles$a['increment-button'], onClick: function () { return props.handleDecrease(props.value); }, children: jsxRuntime.jsx("img", { src: props.minusIconPath, width: 24, height: 24, alt: "-", style: {
|
|
883
|
-
maxWidth: '100%',
|
|
884
|
-
height: 'auto',
|
|
885
|
-
} }) })), jsxRuntime.jsx(Text, { variant: "m-regular", style: { minWidth: 120 }, children: formatter.format(props.value) }), props.disableIncrease ? (jsxRuntime.jsx("div", { style: { width: 24 } })) : (jsxRuntime.jsx("button", { className: styles$a['increment-button'], onClick: function () { return props.handleIncrease(props.value); }, children: jsxRuntime.jsx("img", { src: props.plusIconPath, width: 24, height: 24, alt: "+", style: {
|
|
886
|
-
maxWidth: '100%',
|
|
887
|
-
height: 'auto',
|
|
888
|
-
} }) }))] }));
|
|
889
|
-
};
|
|
890
|
-
|
|
891
|
-
var EyeHide = function (props) {
|
|
892
|
-
return (jsxRuntime.jsx(Icon, __assign({}, props, { children: jsxRuntime.jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M16 25.333c-1.123 0-2.247-.237-3.339-.66M16 25.333c4.66 0 9.32-4.044 11.843-8.709.209-.388.209-.859 0-1.247a20.174 20.174 0 00-2.404-3.482M6.667 25.333L25.333 6.667M13.031 18.969a4.2 4.2 0 015.94-5.94m3.754-3.754C20.663 7.679 18.331 6.667 16 6.667c-4.66 0-9.32 4.044-11.843 8.71-.209.388-.209.859 0 1.247 1.262 2.332 3.056 4.508 5.118 6.103" }) })));
|
|
893
|
-
};
|
|
894
|
-
|
|
895
|
-
var EyeShow = function (props) {
|
|
896
|
-
return (jsxRuntime.jsxs(Icon, __assign({}, props, { children: [jsxRuntime.jsx("path", { fillRule: "evenodd", stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M18.83 13.173a4.005 4.005 0 010 5.66 4.005 4.005 0 01-5.66 0 4.005 4.005 0 010-5.66 4 4 0 015.66 0z", clipRule: "evenodd" }), jsxRuntime.jsx("path", { fillRule: "evenodd", stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M4 16c0-.879.203-1.748.595-2.55C6.615 9.322 11.079 6.668 16 6.668c4.921 0 9.385 2.654 11.405 6.784.392.801.595 1.67.595 2.549s-.203 1.748-.595 2.55c-2.02 4.129-6.484 6.783-11.405 6.783-4.921 0-9.385-2.654-11.405-6.784A5.795 5.795 0 014 16z", clipRule: "evenodd" })] })));
|
|
897
|
-
};
|
|
898
|
-
|
|
899
|
-
/**
|
|
900
|
-
* PasswordInput component
|
|
901
|
-
* It allows toggling visibility of the password.
|
|
902
|
-
* It extends the Input component.
|
|
903
|
-
*
|
|
904
|
-
* @param {string} name - The name of the input password field.
|
|
905
|
-
* @param {string} label - The label for the input password field.
|
|
906
|
-
* @param {string} placeholder - The placeholder text for the input password field.
|
|
907
|
-
* @param {string} value - The value of the input password field.
|
|
908
|
-
* @param {function} onChange - The function to call when the input password value changes.
|
|
909
|
-
* @param {function} onBlur - The function to call when the input password loses focus.
|
|
910
|
-
* @param {string} error - The error message to display.
|
|
911
|
-
*
|
|
912
|
-
* @return Attaches PasswordInput to target element and displays options
|
|
913
|
-
*
|
|
914
|
-
* @example
|
|
915
|
-
* <PasswordInput
|
|
916
|
-
* name="password"
|
|
917
|
-
* label="Password"
|
|
918
|
-
* placeholder="Password"
|
|
919
|
-
* value={password}
|
|
920
|
-
* onChange={(e) => setPassword(e.target.value)}
|
|
921
|
-
* onBlur={() => console.log('Password blurred')}
|
|
922
|
-
* error="Password is required"
|
|
923
|
-
* />
|
|
924
|
-
*
|
|
925
|
-
*/
|
|
926
|
-
var PasswordInput = function (_a) {
|
|
927
|
-
var name = _a.name, label = _a.label, placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, error = _a.error;
|
|
928
|
-
var _b = t.useState(false), showPassword = _b[0], setShowPassword = _b[1];
|
|
929
|
-
var togglePasswordVisibility = function () {
|
|
930
|
-
setShowPassword(function (prevShowPassword) { return !prevShowPassword; });
|
|
931
|
-
};
|
|
932
|
-
return (jsxRuntime.jsx(Input, { "data-testid": name, name: name, label: label, placeholder: placeholder, type: showPassword ? 'text' : 'password', value: value, onChange: onChange, onBlur: onBlur, error: error, rightSection: jsxRuntime.jsx(core.Flex, { onClick: togglePasswordVisibility, align: 'center', style: { cursor: 'pointer' }, children: showPassword ? (jsxRuntime.jsx(EyeShow, { width: "32px", height: "32px", stroke: "var(--color-neutral-600)" })) : (jsxRuntime.jsx(EyeHide, { width: "32px", height: "32px", stroke: "var(--color-neutral-600)" })) }) }));
|
|
933
|
-
};
|
|
934
|
-
|
|
935
|
-
var styles$9 = {"link":"Link-module_link__8oxip","s":"Link-module_s__YsU8H","m":"Link-module_m__8-UFj","bold":"Link-module_bold__H3baG","medium":"Link-module_medium__nuncU","regular":"Link-module_regular__4VBH2"};
|
|
936
|
-
|
|
937
|
-
var Link = function (_a) {
|
|
938
|
-
var children = _a.children, variant = _a.variant, weight = _a.weight, href = _a.href, rest = __rest(_a, ["children", "variant", "weight", "href"]);
|
|
939
|
-
return (jsxRuntime.jsx("a", __assign({}, rest, { href: href || '#', className: [
|
|
940
|
-
styles$9['link'],
|
|
941
|
-
styles$9[variant || ''],
|
|
942
|
-
styles$9[weight || ''],
|
|
943
|
-
].join(' '), children: children })));
|
|
944
|
-
};
|
|
945
|
-
|
|
946
|
-
var styles$8 = {"modal":"Modal-module_modal__gMPgi","body":"Modal-module_body__OhLb0","header":"Modal-module_header__5sBzU"};
|
|
947
|
-
|
|
948
|
-
var Modal = function (_a) {
|
|
949
|
-
var isOpen = _a.isOpen, onClose = _a.onClose, noLabel = _a.noLabel, yesLabel = _a.yesLabel, invertColors = _a.invertColors, underButton = _a.underButton, no = _a.no, yes = _a.yes, _b = _a.size, size = _b === void 0 ? 'sm' : _b, _c = _a.padding, padding = _c === void 0 ? 'sm' : _c, _d = _a.customRadius, customRadius = _d === void 0 ? 16 : _d, children = _a.children;
|
|
950
|
-
var handleClose = function () {
|
|
951
|
-
if (onClose) {
|
|
952
|
-
onClose();
|
|
953
|
-
}
|
|
954
|
-
};
|
|
955
|
-
var sizeMap = {
|
|
956
|
-
sm: '512px',
|
|
957
|
-
md: '780px',
|
|
958
|
-
lg: '900px',
|
|
959
|
-
full: '100%',
|
|
960
|
-
};
|
|
961
|
-
var paddingMap = {
|
|
962
|
-
sm: '4px 24px 32px 24px',
|
|
963
|
-
md: '4px 64px 64px 64px',
|
|
964
|
-
};
|
|
965
|
-
return (jsxRuntime.jsxs(core.Modal, { opened: isOpen, onClose: handleClose, withCloseButton: onClose !== undefined, size: sizeMap[size], fullScreen: size === 'full', radius: customRadius, closeButtonProps: {
|
|
966
|
-
'aria-label': 'Close modal',
|
|
967
|
-
title: 'Close modal',
|
|
968
|
-
icon: jsxRuntime.jsx(Close, { fill: "var(--color-neutral-200)" }),
|
|
969
|
-
}, classNames: {
|
|
970
|
-
content: styles$8.modal,
|
|
971
|
-
body: styles$8.body,
|
|
972
|
-
header: styles$8.header,
|
|
973
|
-
}, styles: {
|
|
974
|
-
body: {
|
|
975
|
-
padding: paddingMap[padding],
|
|
976
|
-
},
|
|
977
|
-
}, centered: true, children: [children, jsxRuntime.jsxs(core.Flex, { direction: 'column', gap: 16, w: 312, children: [noLabel && (jsxRuntime.jsx(Button, { variant: invertColors ? 'filled' : 'outlined', onClick: no, label: noLabel })), yesLabel && (jsxRuntime.jsx(Button, { variant: invertColors ? 'outlined' : 'filled', onClick: yes, label: yesLabel }))] }), underButton] }));
|
|
978
|
-
};
|
|
979
|
-
|
|
980
|
-
var LinkModal = function (props) {
|
|
981
|
-
var _a = t.useState(false), modalIsOpen = _a[0], setModalIsOpen = _a[1];
|
|
982
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("a", { onClick: function () { return setModalIsOpen(!modalIsOpen); }, children: jsxRuntime.jsx(Text, { variant: "xs-light", style: {
|
|
983
|
-
color: 'var(--color-primary-300)',
|
|
984
|
-
textDecoration: 'underline',
|
|
985
|
-
}, children: props.label }) }), jsxRuntime.jsx(Modal, { isOpen: modalIsOpen, onClose: function () { return setModalIsOpen(false); }, children: props.children })] }));
|
|
986
|
-
};
|
|
987
|
-
|
|
988
|
-
var Warning = function (_a) {
|
|
989
|
-
var _b = _a.width, width = _b === void 0 ? '32px' : _b, _c = _a.height, height = _c === void 0 ? '32px' : _c, _d = _a.viewBox, viewBox = _d === void 0 ? '0 0 32 32' : _d, _e = _a.fill, fill = _e === void 0 ? 'transparent' : _e, _f = _a.stroke, stroke = _f === void 0 ? 'currentColor' : _f, _g = _a.rotate, rotate = _g === void 0 ? 0 : _g;
|
|
990
|
-
return (jsxRuntime.jsxs(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, style: {
|
|
991
|
-
transition: 'transform 0.25s ease',
|
|
992
|
-
transform: "rotate(".concat(rotate, "deg)"),
|
|
993
|
-
}, children: [jsxRuntime.jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M12.001 16a.25.25 0 10-.002-.5.25.25 0 00.002.5" }), jsxRuntime.jsx("path", { fillRule: "evenodd", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M12 3v0a9 9 0 019 9v0a9 9 0 01-9 9v0a9 9 0 01-9-9v0a9 9 0 019-9z", clipRule: "evenodd" }), jsxRuntime.jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M12 12V7" })] }));
|
|
994
|
-
};
|
|
995
|
-
|
|
996
|
-
var styles$7 = {"message":"Message-module_message__HyLo0","general":"Message-module_general__jNnP2","alert":"Message-module_alert__3mQLB","negative":"Message-module_negative__H-tsT","positive":"Message-module_positive__CU0EL","center":"Message-module_center__Y4KjG","top":"Message-module_top__J-o9d","bottom":"Message-module_bottom__2p2bW"};
|
|
997
|
-
|
|
998
|
-
/**
|
|
999
|
-
* Message component for displaying feedback to the user.
|
|
1000
|
-
* The message can be positive, negative, alert, or general.
|
|
1001
|
-
*
|
|
1002
|
-
* @param {string | ReactNode} content - The message to display, or a ReactNode for more complex messages.
|
|
1003
|
-
* @param {string} variant - The variant of the message (currently only in form).
|
|
1004
|
-
* @param {string} status - The status of the message, controls the icon and colors used.
|
|
1005
|
-
* @param {string} iconAlignment - The alignment of the icon (top, center, bottom).
|
|
1006
|
-
*
|
|
1007
|
-
* @returns {JSX.Element} The rendered Message component with one of the status icons and the message text.
|
|
1008
|
-
*
|
|
1009
|
-
*/
|
|
1010
|
-
var getIcon = function (status) {
|
|
1011
|
-
switch (status) {
|
|
1012
|
-
case 'positive':
|
|
1013
|
-
return (jsxRuntime.jsx(Tick, { outlined: true, height: "1.5rem", width: "1.5rem", viewBox: "0 0 24 24", stroke: "var(--color-secondary-500)" }));
|
|
1014
|
-
case 'negative':
|
|
1015
|
-
return (jsxRuntime.jsx(Close, { height: "1.5rem", width: "1.5rem", viewBox: "0 0 24 24", stroke: "var(--color-red-400)", outlined: true }));
|
|
1016
|
-
case 'alert':
|
|
1017
|
-
return (jsxRuntime.jsx(Warning, { height: "1.5rem", width: "1.5rem", viewBox: "0 0 24 24", stroke: "var(--color-orange-400)" }));
|
|
1018
|
-
case 'general':
|
|
1019
|
-
return (jsxRuntime.jsx(Info, { height: "1.5rem", width: "1.5rem", viewBox: "0 0 24 24", stroke: "var(--color-primary-400)" }));
|
|
1020
|
-
default:
|
|
1021
|
-
return (jsxRuntime.jsx(Info, { height: "1.5rem", width: "1.5rem", viewBox: "0 0 24 24", stroke: "var(--color-primary-400)" }));
|
|
1022
|
-
}
|
|
1023
|
-
};
|
|
1024
|
-
var Message = function (_a) {
|
|
1025
|
-
var content = _a.content, _b = _a.variant, variant = _b === void 0 ? 'form' : _b, _c = _a.status, status = _c === void 0 ? 'general' : _c, _d = _a.iconAlignment, iconAlignment = _d === void 0 ? 'center' : _d;
|
|
1026
|
-
return (jsxRuntime.jsxs(core.Flex, { className: classNames(styles$7.message, styles$7[status], styles$7[variant]), children: [jsxRuntime.jsx(core.Flex, { className: styles$7[iconAlignment], children: getIcon(status) }), typeof content === 'string' ? (jsxRuntime.jsx(Text, { variant: "xs", children: content })) : (content)] }));
|
|
1027
|
-
};
|
|
1028
|
-
|
|
1029
|
-
var Umbrello = function (props) {
|
|
1030
|
-
return (jsxRuntime.jsx(Icon, __assign({}, props, { stroke: "none", children: jsxRuntime.jsx("path", { fill: props.fill, d: "M69.83 6.6h-3.982v8.951c0 2.41-1.554 4.167-3.788 4.167-2.007 0-3.4-1.563-3.4-3.809V6.6h-3.95v10.157c0 3.841 2.397 6.51 6.055 6.51 2.331 0 4.177-1.009 5.083-2.8v2.54h3.982V6.599zM72.263 23.006h3.982v-9.408c0-2.311 1.327-3.841 3.431-3.841 1.91 0 3.109 1.53 3.109 3.841v9.408h3.95v-9.408c0-2.311 1.327-3.841 3.464-3.841 1.91 0 3.108 1.53 3.108 3.841v9.408h3.95V12.394c0-3.483-2.267-6.055-5.796-6.055-2.59 0-4.662 1.432-5.406 3.125-.713-2.018-2.493-3.125-5.084-3.125-2.298 0-3.917 1.172-4.726 2.832V6.599h-3.983v16.407zM108.583 23.266c4.888 0 7.77-3.45 7.77-8.463 0-5.014-2.882-8.464-7.706-8.464-2.104 0-3.852.911-4.791 2.246V.733h-3.95v22.273h3.95v-2.05c.939 1.431 2.752 2.31 4.727 2.31zm-.583-3.45c-2.655 0-4.403-1.986-4.403-5.013 0-3.028 1.748-5.014 4.403-5.014 2.655 0 4.403 1.986 4.403 5.014 0 3.027-1.748 5.013-4.403 5.013zM127.996 9.952V6.6h-1.91c-2.105 0-3.367.814-4.177 2.897V6.6h-3.982v16.407h3.982v-7.748c0-3.125 1.004-5.306 3.529-5.306h2.558zM139.79 17.537c-.421 1.563-1.749 2.409-3.788 2.409-2.525 0-4.209-1.693-4.5-4.33h12.043c.033-.325.065-.813.065-1.367 0-3.906-2.46-7.91-7.932-7.91-5.342 0-7.997 4.069-7.997 8.399 0 4.296 2.979 8.528 8.321 8.528 4.014 0 7.058-2.246 7.673-5.729h-3.885zm-4.112-8.203c2.363 0 3.788 1.562 3.95 3.646h-8.029c.421-2.474 1.845-3.646 4.079-3.646zM145.449 23.006h3.95V.733h-3.95v22.273zM152.283 23.006h3.95V.733h-3.95v22.273zM166.564 23.266c4.954 0 8.515-3.58 8.515-8.463 0-4.883-3.561-8.464-8.515-8.464-4.986 0-8.547 3.58-8.547 8.464 0 4.883 3.561 8.463 8.547 8.463zm0-3.45c-2.719 0-4.532-2.051-4.532-5.013 0-2.963 1.813-5.014 4.532-5.014 2.687 0 4.5 2.051 4.5 5.014 0 2.962-1.813 5.013-4.5 5.013zM.004 23.266a22.293 22.293 0 011.541-8.59A22.123 22.123 0 016.26 7.36a21.876 21.876 0 017.152-4.903 21.7 21.7 0 0116.948 0 21.876 21.876 0 017.152 4.903 22.126 22.126 0 014.714 7.317 22.295 22.295 0 011.541 8.59H.004z" }) })));
|
|
1031
|
-
};
|
|
1032
|
-
|
|
1033
|
-
var NavBar = function (_a) {
|
|
1034
|
-
var children = _a.children;
|
|
1035
|
-
return (jsxRuntime.jsxs(core.Flex, { p: "24px 120px", bg: "var(--color-white)", align: "center", justify: "space-between", children: [jsxRuntime.jsx("a", { href: "/dashboard/management-companies", children: jsxRuntime.jsx(Umbrello, { fill: "var(--color-neutral-600)", width: "200", height: "40", viewBox: "0 0 200 40" }) }), children] }));
|
|
1036
|
-
};
|
|
1037
|
-
|
|
1038
|
-
var Pagination = function (_a) {
|
|
1039
|
-
var onChange = _a.onChange, value = _a.value, total = _a.total;
|
|
1040
|
-
return (jsxRuntime.jsx(core.Pagination, { radius: "xl", previousIcon: function () { return jsxRuntime.jsx(Chevron, {}); }, nextIcon: function () { return jsxRuntime.jsx(Chevron, { rotate: 180 }); }, onChange: onChange, value: value, total: total, styles: { control: { border: 'none', color: 'black' } }, color: "var(--color-neutral-300)" }));
|
|
1041
|
-
};
|
|
1042
|
-
|
|
1043
|
-
var styles$6 = {"radio":"RadioButton-module_radio__0A47m","label":"RadioButton-module_label__4gTzQ","disabled-label":"RadioButton-module_disabled-label__Nk0NW"};
|
|
1044
|
-
|
|
1045
|
-
/**
|
|
1046
|
-
* RadioButton component for selecting a single option from a set (mutually exclusive options).
|
|
1047
|
-
* For multiple selections, use the Checkbox component.
|
|
1048
|
-
*
|
|
1049
|
-
* @param {string} label - The label displayed next to the radio button.
|
|
1050
|
-
* @param {string} value - The value associated with the radio button.
|
|
1051
|
-
* @param {boolean} selected - Indicates if the radio button is selected.
|
|
1052
|
-
* @param {(value: string) => void} onChange - Callback fired when the selection changes.
|
|
1053
|
-
* @param {boolean} [disabled] - Whether the radio button is disabled.
|
|
1054
|
-
* @returns {JSX.Element} The rendered RadioButton component adhering to the design system.
|
|
1055
|
-
*/
|
|
1056
|
-
var RadioButton = function (_a) {
|
|
1057
|
-
var _b;
|
|
1058
|
-
var label = _a.label, value = _a.value, selected = _a.selected, onChange = _a.onChange, disabled = _a.disabled;
|
|
1059
|
-
return (jsxRuntime.jsx(core.Radio, { label: label, value: value, checked: selected, disabled: disabled, onChange: function () { return onChange(value); }, variant: "outline", color: "var(--color-primary-300)", classNames: {
|
|
1060
|
-
radio: styles$6.radio,
|
|
1061
|
-
label: classNames(styles$6.label, (_b = {},
|
|
1062
|
-
_b[styles$6['disabled-label']] = disabled,
|
|
1063
|
-
_b)),
|
|
1064
|
-
} }));
|
|
1065
|
-
};
|
|
1066
|
-
|
|
1067
|
-
var styles$5 = {"root":"SegmentedControl-module_root__iVJTH","control":"SegmentedControl-module_control__siwFH","input":"SegmentedControl-module_input__HW-AN","label":"SegmentedControl-module_label__V69j4","indicator":"SegmentedControl-module_indicator__IxU-O"};
|
|
1068
|
-
|
|
1069
|
-
/**
|
|
1070
|
-
* SegmentedControl component for selecting a single option from a set (mutually exclusive options).
|
|
1071
|
-
* This is variant of the RadioButton component that can use icons and has a card like styling.
|
|
1072
|
-
* For multiple selections, use the Checkbox component.
|
|
1073
|
-
*
|
|
1074
|
-
* @param {SegmentedControlItem[]} data - An array of objects containing value, label, icon and disabled status for each option.
|
|
1075
|
-
* @param {string} value - The value associated with the selected option.
|
|
1076
|
-
* @param {(value: string) => void} onChange - Callback fired when the selection changes.
|
|
1077
|
-
* @returns {JSX.Element} The rendered SegmentedControl component adhering to the design system.
|
|
1078
|
-
*/
|
|
1079
|
-
var SegmentedControl = function (_a) {
|
|
1080
|
-
var data = _a.data, value = _a.value, onChange = _a.onChange;
|
|
1081
|
-
return (jsxRuntime.jsx(core.SegmentedControl, { classNames: {
|
|
1082
|
-
root: styles$5.root,
|
|
1083
|
-
control: styles$5.control,
|
|
1084
|
-
input: styles$5.input,
|
|
1085
|
-
label: styles$5.label,
|
|
1086
|
-
indicator: styles$5.indicator,
|
|
1087
|
-
}, data: data.map(function (item) { return (__assign(__assign({}, item), { label: (jsxRuntime.jsxs(core.Flex, { align: "center", direction: "column", gap: 8, children: [item.icon, jsxRuntime.jsx(Text, { variant: "m", color: item.disabled
|
|
1088
|
-
? 'var(--color-neutral-500)'
|
|
1089
|
-
: 'var(--color-neutral-600)', style: { margin: 0 }, children: item.label })] })) })); }), value: value, onChange: onChange, fullWidth: true }));
|
|
1090
|
-
};
|
|
1091
|
-
|
|
1092
|
-
var styles$4 = {"container":"Select-module_container__T9nVd","input":"Select-module_input__9enOc","inputError":"Select-module_inputError__gLKOh","chevron":"Select-module_chevron__L2z6W","default-label":"Select-module_default-label__wOXLe","label":"Select-module_label__M1IjA","labelFocused":"Select-module_labelFocused__fd8Sl","labelError":"Select-module_labelError__GbSpn","dropdown":"Select-module_dropdown__H0jM5","option":"Select-module_option__cTFdq","description":"Select-module_description__buJVC","error":"Select-module_error__-VDAX","errorText":"Select-module_errorText__nNHjr"};
|
|
1093
|
-
|
|
1094
|
-
/**
|
|
1095
|
-
* Select component, use it to select an option from a list of options
|
|
1096
|
-
* For selecting multiple options, use the MultipleSelect component
|
|
1097
|
-
*
|
|
1098
|
-
* @param {string} label - The label of the select
|
|
1099
|
-
* @param {string} placeholder - The placeholder of the select
|
|
1100
|
-
* @param {string} value - The value of the select
|
|
1101
|
-
* @param {(value: string) => void} onChange - The function to call when the value changes
|
|
1102
|
-
* @param {string} error - The error message to display
|
|
1103
|
-
* @param {string} description - The description to display
|
|
1104
|
-
* @param {OptionsType[]} data - The data to display in the select
|
|
1105
|
-
*
|
|
1106
|
-
* @returns {React.ReactElement} The Select component
|
|
1107
|
-
*
|
|
1108
|
-
*/
|
|
1109
|
-
var Select = function (_a) {
|
|
1110
|
-
var _b, _c;
|
|
1111
|
-
var error = _a.error, description = _a.description, label = _a.label, placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, name = _a.name, data = _a.data, _d = _a.disabled, disabled = _d === void 0 ? false : _d;
|
|
1112
|
-
var _e = t.useState(false), isFocused = _e[0], setIsFocused = _e[1];
|
|
1113
|
-
var _f = t.useState(false), isHovered = _f[0], setIsHovered = _f[1];
|
|
1114
|
-
var _g = t.useState(false), isOpen = _g[0], setIsOpen = _g[1];
|
|
1115
|
-
var showLabel = isFocused || value;
|
|
1116
|
-
var placeHolderValue = showLabel ? placeholder : label;
|
|
1117
|
-
var ErrorSection = t.useMemo(function () { return (jsxRuntime.jsxs(core.Flex, { className: styles$4.error, gap: 4, ml: 0, style: { visibility: error ? 'visible' : 'hidden' }, children: [jsxRuntime.jsx(Info, { width: "18px", height: "18px", viewBox: "0 0 24 24", stroke: "var(--color-red-300)" }), jsxRuntime.jsx(Text, { variant: "xs", className: classNames(styles$4.errorText), children: error })] })); }, [error]);
|
|
1118
|
-
var handleBlur = function () {
|
|
1119
|
-
setIsFocused(false);
|
|
1120
|
-
if (onBlur) {
|
|
1121
|
-
onBlur();
|
|
1122
|
-
}
|
|
1123
|
-
if (!value && onChange) {
|
|
1124
|
-
onChange(null);
|
|
1125
|
-
}
|
|
1126
|
-
};
|
|
1127
|
-
return (jsxRuntime.jsxs("div", { className: styles$4.container, children: [showLabel && (jsxRuntime.jsx("label", { className: classNames(styles$4.label, (_b = {},
|
|
1128
|
-
_b[styles$4.labelError] = error && !isFocused,
|
|
1129
|
-
_b[styles$4.labelFocused] = isFocused || isHovered,
|
|
1130
|
-
_b)), children: label })), jsxRuntime.jsx("div", { onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); }, children: jsxRuntime.jsx(core.Select, { classNames: {
|
|
1131
|
-
input: classNames(styles$4.input, (_c = {},
|
|
1132
|
-
_c[styles$4.inputError] = error,
|
|
1133
|
-
_c)),
|
|
1134
|
-
label: styles$4['default-label'],
|
|
1135
|
-
dropdown: styles$4.dropdown,
|
|
1136
|
-
option: styles$4.option,
|
|
1137
|
-
}, data: data, placeholder: placeHolderValue, value: value, name: name || '', onChange: onChange, comboboxProps: { zIndex: 1000 }, error: ErrorSection, onFocus: function () { return setIsFocused(true); }, onBlur: handleBlur, inputWrapperOrder: ['label', 'input', 'description', 'error'], description: !error && description && jsxRuntime.jsx(Text, { variant: "xs", children: description }), descriptionProps: { className: styles$4.description }, errorProps: { className: styles$4.error }, rightSection: jsxRuntime.jsx(Chevron, { rotate: isOpen ? 90 : 270 }), rightSectionProps: {
|
|
1138
|
-
className: styles$4.chevron,
|
|
1139
|
-
}, withCheckIcon: false, onDropdownOpen: function () { return setIsOpen(true); }, onDropdownClose: function () { return setIsOpen(false); }, disabled: disabled }) })] }));
|
|
1140
|
-
};
|
|
1141
|
-
|
|
1142
|
-
var variantMap = {
|
|
1143
|
-
gray: {
|
|
1144
|
-
backgroundColor: 'var(--color-neutral-200)',
|
|
1145
|
-
color: 'var(--color-neutral-500)',
|
|
1146
|
-
},
|
|
1147
|
-
green: {
|
|
1148
|
-
backgroundColor: 'var(--color-green-100)',
|
|
1149
|
-
color: 'var(--color-green-400)',
|
|
1150
|
-
},
|
|
1151
|
-
purple: {
|
|
1152
|
-
backgroundColor: 'var(--color-primary-50)',
|
|
1153
|
-
color: 'var(--color-primary-300)',
|
|
1154
|
-
},
|
|
1155
|
-
orange: {
|
|
1156
|
-
backgroundColor: 'var(--color-orange-100)',
|
|
1157
|
-
color: 'var(--color-orange-400)',
|
|
1158
|
-
},
|
|
1159
|
-
red: {
|
|
1160
|
-
backgroundColor: 'var(--color-red-100)',
|
|
1161
|
-
color: 'var(--color-red-400)',
|
|
1162
|
-
},
|
|
1163
|
-
};
|
|
1164
|
-
var StatusBadge = function (props) {
|
|
1165
|
-
var _a, _b;
|
|
1166
|
-
var backgroundColor = ((_a = variantMap[props.variant]) === null || _a === void 0 ? void 0 : _a.backgroundColor) || 'var(--color-neutral-400)';
|
|
1167
|
-
var color = ((_b = variantMap[props.variant]) === null || _b === void 0 ? void 0 : _b.color) || 'var(--color-jet-black)';
|
|
1168
|
-
return (jsxRuntime.jsxs("div", { style: __assign(__assign({}, props.style), { backgroundColor: backgroundColor, padding: "".concat(props.small ? 0 : 6, "px 14px"), borderRadius: 999, width: 'fit-content', display: 'flex', alignItems: 'center', gap: 8 }), children: [props.icon, jsxRuntime.jsx(Text, { variant: "input", style: {
|
|
1169
|
-
color: color,
|
|
1170
|
-
lineHeight: '16px',
|
|
1171
|
-
margin: '8px 0',
|
|
1172
|
-
}, children: props.label })] }));
|
|
1173
|
-
};
|
|
1174
|
-
|
|
1175
|
-
var styles$3 = {"table":"Table-module_table__7Pagp","th":"Table-module_th__VVMW7","tableHeaderCell":"Table-module_tableHeaderCell__Wd4IN","tableRow":"Table-module_tableRow__GzCm4","tableCell":"Table-module_tableCell__4mBPu","empty":"Table-module_empty__Dvxh9","paginationWrapper":"Table-module_paginationWrapper__S88Dr","loaderWrapper":"Table-module_loaderWrapper__Fkp8F"};
|
|
1176
|
-
|
|
1177
|
-
/**
|
|
1178
|
-
*
|
|
1179
|
-
* Table component that displays data in a table format, with support for pagination and row selection.
|
|
1180
|
-
*
|
|
1181
|
-
* @param data - The data to be displayed in the table
|
|
1182
|
-
* @param columns - The columns to be displayed in the table
|
|
1183
|
-
* @param itemsPerPage - The number of items to display per page
|
|
1184
|
-
* @param totalRecords - The total number of records
|
|
1185
|
-
* @param currentPage - The current page
|
|
1186
|
-
* @param showCheckboxes - Whether to show checkboxes for selecting rows
|
|
1187
|
-
* @param onSelectionChange - Callback function that is called when the selection changes
|
|
1188
|
-
* @param loading - Whether the table is in a loading state
|
|
1189
|
-
* @returns Render table with theme styles
|
|
1190
|
-
*/
|
|
1191
|
-
function Table(_a) {
|
|
1192
|
-
var data = _a.data, columns = _a.columns, _b = _a.itemsPerPage, itemsPerPage = _b === void 0 ? 10 : _b, totalRecords = _a.totalRecords, currentPage = _a.currentPage, onPageChange = _a.onPageChange, _c = _a.showCheckboxes, showCheckboxes = _c === void 0 ? false : _c, onSelectionChange = _a.onSelectionChange, _d = _a.loading, loading = _d === void 0 ? false : _d;
|
|
1193
|
-
var _e = t.useState([]), selectedItems = _e[0], setSelectedItems = _e[1];
|
|
1194
|
-
var renderCell = function (item, column) {
|
|
1195
|
-
var value = item[column.key];
|
|
1196
|
-
return column.render ? column.render(value, item) : String(value);
|
|
1197
|
-
};
|
|
1198
|
-
var handleCheckboxChange = function (item) {
|
|
1199
|
-
var updatedSelection = selectedItems.includes(item)
|
|
1200
|
-
? selectedItems.filter(function (selectedItem) { return selectedItem !== item; })
|
|
1201
|
-
: __spreadArray(__spreadArray([], selectedItems, true), [item], false);
|
|
1202
|
-
setSelectedItems(updatedSelection);
|
|
1203
|
-
onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(updatedSelection);
|
|
1204
|
-
};
|
|
1205
|
-
var handleSelectAll = function () {
|
|
1206
|
-
var newSelectedItems = selectedItems.length === data.length ? [] : data;
|
|
1207
|
-
setSelectedItems(newSelectedItems);
|
|
1208
|
-
onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(newSelectedItems);
|
|
1209
|
-
};
|
|
1210
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(core.Table, { className: styles$3.table, children: [jsxRuntime.jsx(core.Table.Thead, { className: styles$3.th, children: jsxRuntime.jsxs(core.Table.Tr, { children: [showCheckboxes && (jsxRuntime.jsx(core.Table.Th, { className: styles$3.tableHeaderCell, children: jsxRuntime.jsx(Checkbox, { checked: selectedItems.length === data.length, onChange: handleSelectAll, label: "" }) })), columns.map(function (column) { return (jsxRuntime.jsx(core.Table.Th, { className: styles$3.tableHeaderCell, children: column.header }, column.key)); })] }) }), loading ? (jsxRuntime.jsx(core.Table.Tbody, { children: jsxRuntime.jsxs(core.Table.Tr, { children: [jsxRuntime.jsx(core.Table.Td, { colSpan: columns.length / 2 }), jsxRuntime.jsx(core.Table.Td, { colSpan: columns.length / 2, className: styles$3.loaderWrapper, children: jsxRuntime.jsx(Loader, { size: "lg" }) })] }) })) : (jsxRuntime.jsx(core.Table.Tbody, { children: (data === null || data === void 0 ? void 0 : data.length) > 0 &&
|
|
1211
|
-
data.map(function (item, index) { return (jsxRuntime.jsxs(core.Table.Tr, { className: styles$3.tableRow, onClick: item.handleClick, children: [showCheckboxes && (jsxRuntime.jsx(core.Table.Td, { className: styles$3.tableCell, children: jsxRuntime.jsx(Checkbox, { checked: selectedItems.includes(item), onChange: function () { return handleCheckboxChange(item); }, label: "" }) })), columns.map(function (column) { return (jsxRuntime.jsx(core.Table.Td, { className: styles$3.tableCell, children: renderCell(item, column) }, column.key)); })] }, index)); }) }))] }), data.length === 0 && (jsxRuntime.jsx("div", { className: styles$3.empty, children: jsxRuntime.jsxs(Text, { children: ["No results match your search or selected filters.", jsxRuntime.jsx("br", {}), "Please adjust your criteria and try again"] }) })), totalRecords > itemsPerPage && (jsxRuntime.jsx("div", { className: styles$3.paginationWrapper, children: jsxRuntime.jsx(Pagination, { total: Math.ceil(totalRecords / itemsPerPage), value: currentPage, onChange: onPageChange }) }))] }));
|
|
1212
|
-
}
|
|
1213
|
-
|
|
1214
|
-
var styles$2 = {"list":"Tabs-module_list__tJ8dS","tab":"Tabs-module_tab__DEdzi","panel":"Tabs-module_panel__hp43N","tabSm":"Tabs-module_tabSm__E7WFL","tabXs":"Tabs-module_tabXs__rXqxS"};
|
|
1215
|
-
|
|
1216
|
-
/**
|
|
1217
|
-
*
|
|
1218
|
-
* Tabs component is used to switch between different sections of content
|
|
1219
|
-
* To control active tab, use `value` and `onChange` props
|
|
1220
|
-
* To disable a single tab, use `disabled` prop on Tabs.Tab component
|
|
1221
|
-
*
|
|
1222
|
-
* @param size - Tabs size
|
|
1223
|
-
* @param defaultValue - Default active tab value
|
|
1224
|
-
* @param children - Tabs.List, Tabs.Tab and Tabs.Panel components
|
|
1225
|
-
* @param onChange - Called when tab changes
|
|
1226
|
-
* @param value - Active tab value
|
|
1227
|
-
*
|
|
1228
|
-
* @example
|
|
1229
|
-
* <Tabs defaultValue="gallery">
|
|
1230
|
-
* <Tabs.List>
|
|
1231
|
-
* <Tabs.Tab value="gallery">Gallery</Tabs.Tab>
|
|
1232
|
-
* <Tabs.Tab value="messages" disabled>Messages</Tabs.Tab>
|
|
1233
|
-
* <Tabs.Tab value="settings">Settings</Tabs.Tab>
|
|
1234
|
-
* </Tabs.List>
|
|
1235
|
-
* </Tabs>
|
|
1236
|
-
*
|
|
1237
|
-
* @returns Rendered Tabs component
|
|
1238
|
-
*/
|
|
1239
|
-
var Tabs = function (_a) {
|
|
1240
|
-
var _b;
|
|
1241
|
-
var _c = _a.size, size = _c === void 0 ? 'sm' : _c, props = __rest(_a, ["size"]);
|
|
1242
|
-
return (jsxRuntime.jsx(core.Tabs, __assign({ variant: "pills", classNames: {
|
|
1243
|
-
list: styles$2.list,
|
|
1244
|
-
panel: styles$2.panel,
|
|
1245
|
-
tab: classNames(styles$2.tab, (_b = {},
|
|
1246
|
-
_b[styles$2.tabXs] = size === 'xs',
|
|
1247
|
-
_b[styles$2.tabSm] = size === 'sm',
|
|
1248
|
-
_b)),
|
|
1249
|
-
} }, props)));
|
|
1250
|
-
};
|
|
1251
|
-
Tabs.List = core.Tabs.List;
|
|
1252
|
-
Tabs.Tab = core.Tabs.Tab;
|
|
1253
|
-
Tabs.Panel = core.Tabs.Panel;
|
|
1254
|
-
|
|
1255
|
-
var Textarea = function (_a) {
|
|
1256
|
-
var _b, _c;
|
|
1257
|
-
var _d = _a.error, error = _d === void 0 ? '' : _d, name = _a.name, placeholder = _a.placeholder, _e = _a.value, value = _e === void 0 ? '' : _e, onChange = _a.onChange, label = _a.label, description = _a.description, _f = _a.holdSpace, holdSpace = _f === void 0 ? true : _f, _g = _a.hideLabel, hideLabel = _g === void 0 ? false : _g, rest = __rest(_a, ["error", "name", "placeholder", "value", "onChange", "label", "description", "holdSpace", "hideLabel"]);
|
|
1258
|
-
var _h = t.useState(false), isFocused = _h[0], setIsFocused = _h[1];
|
|
1259
|
-
var _j = t.useState(false), isHovered = _j[0], setIsHovered = _j[1];
|
|
1260
|
-
var showLabel = !hideLabel && (isFocused || value.trim());
|
|
1261
|
-
var placeHolderValue = showLabel ? placeholder : label;
|
|
1262
|
-
var ErrorSection = t.useMemo(function () {
|
|
1263
|
-
return holdSpace && (jsxRuntime.jsxs(core.Flex, { className: styles$k.error, gap: 4, ml: 0, style: { visibility: error ? 'visible' : 'hidden' }, children: [jsxRuntime.jsx(Info, { width: "18px", height: "18px", viewBox: "0 0 24 24", stroke: "var(--color-red-300)" }), jsxRuntime.jsx(Text, { variant: "xs", className: classNames(styles$k.errorText), children: error })] }));
|
|
1264
|
-
}, [error]);
|
|
1265
|
-
return (jsxRuntime.jsxs("div", { className: styles$k.container, children: [showLabel && (jsxRuntime.jsx("label", { className: classNames(styles$k.label, (_b = {},
|
|
1266
|
-
_b[styles$k.labelError] = error && !isFocused,
|
|
1267
|
-
_b[styles$k.labelFocused] = isFocused || isHovered,
|
|
1268
|
-
_b)), children: label })), jsxRuntime.jsx("div", { onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); }, children: jsxRuntime.jsx(core.Textarea, __assign({ classNames: {
|
|
1269
|
-
input: classNames(styles$k.input, (_c = {},
|
|
1270
|
-
_c[styles$k.inputError] = error,
|
|
1271
|
-
_c)),
|
|
1272
|
-
}, placeholder: placeHolderValue, name: name, error: ErrorSection, description: !error && jsxRuntime.jsx(Text, { variant: "xs", children: description }), descriptionProps: { className: styles$k.description }, errorProps: { className: styles$k.error }, inputWrapperOrder: ['label', 'input', 'description', 'error'], value: value, onChange: onChange }, rest)) })] }));
|
|
1273
|
-
};
|
|
1274
|
-
|
|
1275
|
-
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
|
1276
|
-
|
|
1277
|
-
const u=t=>"number"==typeof t&&!isNaN(t),d=t=>"string"==typeof t,p=t=>"function"==typeof t,m=t=>d(t)||p(t)?t:null,f=t$1=>t.isValidElement(t$1)||d(t$1)||p(t$1)||u(t$1);function g(t,e,n){void 0===n&&(n=300);const{scrollHeight:o,style:s}=t;requestAnimationFrame(()=>{s.minHeight="initial",s.height=o+"px",s.transition=`all ${n}ms`,requestAnimationFrame(()=>{s.height="0",s.padding="0",s.margin="0",setTimeout(e,n);});});}function h(e){let{enter:a,exit:r,appendPosition:i=!1,collapse:l=!0,collapseDuration:c=300}=e;return function(e){let{children:u,position:d,preventExitTransition:p,done:m,nodeRef:f,isIn:h}=e;const y=i?`${a}--${d}`:a,v=i?`${r}--${d}`:r,T=t.useRef(0);return t.useLayoutEffect(()=>{const t=f.current,e=y.split(" "),n=o=>{o.target===f.current&&(t.dispatchEvent(new Event("d")),t.removeEventListener("animationend",n),t.removeEventListener("animationcancel",n),0===T.current&&"animationcancel"!==o.type&&t.classList.remove(...e));};t.classList.add(...e),t.addEventListener("animationend",n),t.addEventListener("animationcancel",n);},[]),t.useEffect(()=>{const t=f.current,e=()=>{t.removeEventListener("animationend",e),l?g(t,m,c):m();};h||(p?e():(T.current=1,t.className+=` ${v}`,t.addEventListener("animationend",e)));},[h]),t.createElement(t.Fragment,null,u)}}function y(t,e){return null!=t?{content:t.content,containerId:t.props.containerId,id:t.props.toastId,theme:t.props.theme,type:t.props.type,data:t.props.data||{},isLoading:t.props.isLoading,icon:t.props.icon,status:e}:{}}const v={list:new Map,emitQueue:new Map,on(t,e){return this.list.has(t)||this.list.set(t,[]),this.list.get(t).push(e),this},off(t,e){if(e){const n=this.list.get(t).filter(t=>t!==e);return this.list.set(t,n),this}return this.list.delete(t),this},cancelEmit(t){const e=this.emitQueue.get(t);return e&&(e.forEach(clearTimeout),this.emitQueue.delete(t)),this},emit(t){this.list.has(t)&&this.list.get(t).forEach(e=>{const n=setTimeout(()=>{e(...[].slice.call(arguments,1));},0);this.emitQueue.has(t)||this.emitQueue.set(t,[]),this.emitQueue.get(t).push(n);});}},T=e=>{let{theme:n,type:o,...s}=e;return t.createElement("svg",{viewBox:"0 0 24 24",width:"100%",height:"100%",fill:"colored"===n?"currentColor":`var(--toastify-icon-color-${o})`,...s})},E={info:function(e){return t.createElement(T,{...e},t.createElement("path",{d:"M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"}))},warning:function(e){return t.createElement(T,{...e},t.createElement("path",{d:"M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"}))},success:function(e){return t.createElement(T,{...e},t.createElement("path",{d:"M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"}))},error:function(e){return t.createElement(T,{...e},t.createElement("path",{d:"M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"}))},spinner:function(){return t.createElement("div",{className:"Toastify__spinner"})}};function C(t$1){const[,o]=t.useReducer(t=>t+1,0),[l,c]=t.useState([]),g=t.useRef(null),h=t.useRef(new Map).current,T=t=>-1!==l.indexOf(t),C=t.useRef({toastKey:1,displayedToast:0,count:0,queue:[],props:t$1,containerId:null,isToastActive:T,getToast:t=>h.get(t)}).current;function b(t){let{containerId:e}=t;const{limit:n}=C.props;!n||e&&C.containerId!==e||(C.count-=C.queue.length,C.queue=[]);}function I(t){c(e=>null==t?[]:e.filter(e=>e!==t));}function _(){const{toastContent:t,toastProps:e,staleId:n}=C.queue.shift();O(t,e,n);}function L(t$1,n){let{delay:s,staleId:r,...i}=n;if(!f(t$1)||function(t){return !g.current||C.props.enableMultiContainer&&t.containerId!==C.props.containerId||h.has(t.toastId)&&null==t.updateId}(i))return;const{toastId:l,updateId:c,data:T}=i,{props:b}=C,L=()=>I(l),N=null==c;N&&C.count++;const M={...b,style:b.toastStyle,key:C.toastKey++,...Object.fromEntries(Object.entries(i).filter(t=>{let[e,n]=t;return null!=n})),toastId:l,updateId:c,data:T,closeToast:L,isIn:!1,className:m(i.className||b.toastClassName),bodyClassName:m(i.bodyClassName||b.bodyClassName),progressClassName:m(i.progressClassName||b.progressClassName),autoClose:!i.isLoading&&(R=i.autoClose,w=b.autoClose,!1===R||u(R)&&R>0?R:w),deleteToast(){const t=y(h.get(l),"removed");h.delete(l),v.emit(4,t);const e=C.queue.length;if(C.count=null==l?C.count-C.displayedToast:C.count-1,C.count<0&&(C.count=0),e>0){const t=null==l?C.props.limit:1;if(1===e||1===t)C.displayedToast++,_();else {const n=t>e?e:t;C.displayedToast=n;for(let t=0;t<n;t++)_();}}else o();}};var R,w;M.iconOut=function(t$1){let{theme:n,type:o,isLoading:s,icon:r}=t$1,i=null;const l={theme:n,type:o};return !1===r||(p(r)?i=r(l):t.isValidElement(r)?i=t.cloneElement(r,l):d(r)||u(r)?i=r:s?i=E.spinner():(t=>t in E)(o)&&(i=E[o](l))),i}(M),p(i.onOpen)&&(M.onOpen=i.onOpen),p(i.onClose)&&(M.onClose=i.onClose),M.closeButton=b.closeButton,!1===i.closeButton||f(i.closeButton)?M.closeButton=i.closeButton:!0===i.closeButton&&(M.closeButton=!f(b.closeButton)||b.closeButton);let x=t$1;t.isValidElement(t$1)&&!d(t$1.type)?x=t.cloneElement(t$1,{closeToast:L,toastProps:M,data:T}):p(t$1)&&(x=t$1({closeToast:L,toastProps:M,data:T})),b.limit&&b.limit>0&&C.count>b.limit&&N?C.queue.push({toastContent:x,toastProps:M,staleId:r}):u(s)?setTimeout(()=>{O(x,M,r);},s):O(x,M,r);}function O(t,e,n){const{toastId:o}=e;n&&h.delete(n);const s={content:t,props:e};h.set(o,s),c(t=>[...t,o].filter(t=>t!==n)),v.emit(4,y(s,null==s.props.updateId?"added":"updated"));}return t.useEffect(()=>(C.containerId=t$1.containerId,v.cancelEmit(3).on(0,L).on(1,t=>g.current&&I(t)).on(5,b).emit(2,C),()=>{h.clear(),v.emit(3,C);}),[]),t.useEffect(()=>{C.props=t$1,C.isToastActive=T,C.displayedToast=l.length;}),{getToastToRender:function(e){const n=new Map,o=Array.from(h.values());return t$1.newestOnTop&&o.reverse(),o.forEach(t=>{const{position:e}=t.props;n.has(e)||n.set(e,[]),n.get(e).push(t);}),Array.from(n,t=>e(t[0],t[1]))},containerRef:g,isToastActive:T}}function b(t){return t.targetTouches&&t.targetTouches.length>=1?t.targetTouches[0].clientX:t.clientX}function I(t){return t.targetTouches&&t.targetTouches.length>=1?t.targetTouches[0].clientY:t.clientY}function _(t$1){const[o,a]=t.useState(!1),[r,l]=t.useState(!1),c=t.useRef(null),u=t.useRef({start:0,x:0,y:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,boundingRect:null,didMove:!1}).current,d=t.useRef(t$1),{autoClose:m,pauseOnHover:f,closeToast:g,onClick:h,closeOnClick:y}=t$1;function v(e){if(t$1.draggable){"touchstart"===e.nativeEvent.type&&e.nativeEvent.preventDefault(),u.didMove=!1,document.addEventListener("mousemove",_),document.addEventListener("mouseup",L),document.addEventListener("touchmove",_),document.addEventListener("touchend",L);const n=c.current;u.canCloseOnClick=!0,u.canDrag=!0,u.boundingRect=n.getBoundingClientRect(),n.style.transition="",u.x=b(e.nativeEvent),u.y=I(e.nativeEvent),"x"===t$1.draggableDirection?(u.start=u.x,u.removalDistance=n.offsetWidth*(t$1.draggablePercent/100)):(u.start=u.y,u.removalDistance=n.offsetHeight*(80===t$1.draggablePercent?1.5*t$1.draggablePercent:t$1.draggablePercent/100));}}function T(e){if(u.boundingRect){const{top:n,bottom:o,left:s,right:a}=u.boundingRect;"touchend"!==e.nativeEvent.type&&t$1.pauseOnHover&&u.x>=s&&u.x<=a&&u.y>=n&&u.y<=o?C():E();}}function E(){a(!0);}function C(){a(!1);}function _(e){const n=c.current;u.canDrag&&n&&(u.didMove=!0,o&&C(),u.x=b(e),u.y=I(e),u.delta="x"===t$1.draggableDirection?u.x-u.start:u.y-u.start,u.start!==u.x&&(u.canCloseOnClick=!1),n.style.transform=`translate${t$1.draggableDirection}(${u.delta}px)`,n.style.opacity=""+(1-Math.abs(u.delta/u.removalDistance)));}function L(){document.removeEventListener("mousemove",_),document.removeEventListener("mouseup",L),document.removeEventListener("touchmove",_),document.removeEventListener("touchend",L);const e=c.current;if(u.canDrag&&u.didMove&&e){if(u.canDrag=!1,Math.abs(u.delta)>u.removalDistance)return l(!0),void t$1.closeToast();e.style.transition="transform 0.2s, opacity 0.2s",e.style.transform=`translate${t$1.draggableDirection}(0)`,e.style.opacity="1";}}t.useEffect(()=>{d.current=t$1;}),t.useEffect(()=>(c.current&&c.current.addEventListener("d",E,{once:!0}),p(t$1.onOpen)&&t$1.onOpen(t.isValidElement(t$1.children)&&t$1.children.props),()=>{const t$1=d.current;p(t$1.onClose)&&t$1.onClose(t.isValidElement(t$1.children)&&t$1.children.props);}),[]),t.useEffect(()=>(t$1.pauseOnFocusLoss&&(document.hasFocus()||C(),window.addEventListener("focus",E),window.addEventListener("blur",C)),()=>{t$1.pauseOnFocusLoss&&(window.removeEventListener("focus",E),window.removeEventListener("blur",C));}),[t$1.pauseOnFocusLoss]);const O={onMouseDown:v,onTouchStart:v,onMouseUp:T,onTouchEnd:T};return m&&f&&(O.onMouseEnter=C,O.onMouseLeave=E),y&&(O.onClick=t=>{h&&h(t),u.canCloseOnClick&&g();}),{playToast:E,pauseToast:C,isRunning:o,preventExitTransition:r,toastRef:c,eventHandlers:O}}function L(e){let{closeToast:n,theme:o,ariaLabel:s="close"}=e;return t.createElement("button",{className:`Toastify__close-button Toastify__close-button--${o}`,type:"button",onClick:t=>{t.stopPropagation(),n(t);},"aria-label":s},t.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},t.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}function O(e){let{delay:n,isRunning:o,closeToast:s,type:a="default",hide:r,className:i,style:l,controlledProgress:u,progress:d,rtl:m,isIn:f,theme:g}=e;const h=r||u&&0===d,y={...l,animationDuration:`${n}ms`,animationPlayState:o?"running":"paused",opacity:h?0:1};u&&(y.transform=`scaleX(${d})`);const v=clsx("Toastify__progress-bar",u?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated",`Toastify__progress-bar-theme--${g}`,`Toastify__progress-bar--${a}`,{"Toastify__progress-bar--rtl":m}),T=p(i)?i({rtl:m,type:a,defaultClassName:v}):clsx(v,i);return t.createElement("div",{role:"progressbar","aria-hidden":h?"true":"false","aria-label":"notification timer",className:T,style:y,[u&&d>=1?"onTransitionEnd":"onAnimationEnd"]:u&&d<1?null:()=>{f&&s();}})}const N=n=>{const{isRunning:o,preventExitTransition:s,toastRef:r,eventHandlers:i}=_(n),{closeButton:l,children:u,autoClose:d,onClick:m,type:f,hideProgressBar:g,closeToast:h,transition:y,position:v,className:T,style:E,bodyClassName:C,bodyStyle:b,progressClassName:I,progressStyle:N,updateId:M,role:R,progress:w,rtl:x,toastId:$,deleteToast:k,isIn:P,isLoading:B,iconOut:D,closeOnClick:A,theme:z}=n,F=clsx("Toastify__toast",`Toastify__toast-theme--${z}`,`Toastify__toast--${f}`,{"Toastify__toast--rtl":x},{"Toastify__toast--close-on-click":A}),H=p(T)?T({rtl:x,position:v,type:f,defaultClassName:F}):clsx(F,T),S=!!w||!d,q={closeToast:h,type:f,theme:z};let Q=null;return !1===l||(Q=p(l)?l(q):t.isValidElement(l)?t.cloneElement(l,q):L(q)),t.createElement(y,{isIn:P,done:k,position:v,preventExitTransition:s,nodeRef:r},t.createElement("div",{id:$,onClick:m,className:H,...i,style:E,ref:r},t.createElement("div",{...P&&{role:R},className:p(C)?C({type:f}):clsx("Toastify__toast-body",C),style:b},null!=D&&t.createElement("div",{className:clsx("Toastify__toast-icon",{"Toastify--animate-icon Toastify__zoom-enter":!B})},D),t.createElement("div",null,u)),Q,t.createElement(O,{...M&&!S?{key:`pb-${M}`}:{},rtl:x,theme:z,delay:d,isRunning:o,isIn:P,closeToast:h,hide:g,type:f,style:N,className:I,controlledProgress:S,progress:w||0})))},M=function(t,e){return void 0===e&&(e=!1),{enter:`Toastify--animate Toastify__${t}-enter`,exit:`Toastify--animate Toastify__${t}-exit`,appendPosition:e}},R=h(M("bounce",!0));h(M("slide",!0));h(M("zoom"));h(M("flip"));const k=t.forwardRef((e,n)=>{const{getToastToRender:o,containerRef:a,isToastActive:r}=C(e),{className:i,style:l,rtl:u,containerId:d}=e;function f(t){const e=clsx("Toastify__toast-container",`Toastify__toast-container--${t}`,{"Toastify__toast-container--rtl":u});return p(i)?i({position:t,rtl:u,defaultClassName:e}):clsx(e,m(i))}return t.useEffect(()=>{n&&(n.current=a.current);},[]),t.createElement("div",{ref:a,className:"Toastify",id:d},o((e,n)=>{const o=n.length?{...l}:{...l,pointerEvents:"none"};return t.createElement("div",{className:f(e),style:o,key:`container-${e}`},n.map((e,o)=>{let{content:s,props:a}=e;return t.createElement(N,{...a,isIn:r(a.toastId),style:{...a.style,"--nth":o+1,"--len":n.length},key:`toast-${a.key}`},s)}))}))});k.displayName="ToastContainer",k.defaultProps={position:"top-right",transition:R,autoClose:5e3,closeButton:L,pauseOnHover:!0,pauseOnFocusLoss:!0,closeOnClick:!0,draggable:!0,draggablePercent:80,draggableDirection:"x",role:"alert",theme:"light"};let P,B=new Map,D=[];v.on(2,t=>{P=t.containerId||t,B.set(P,t),D.forEach(t=>{v.emit(0,t.content,t.options);}),D=[];}).on(3,t=>{B.delete(t.containerId||t),0===B.size&&v.off(0).off(1).off(5);});
|
|
1278
|
-
|
|
1279
|
-
var styles$1 = {"toast-container":"ToastContainer-module_toast-container__4KBx3"};
|
|
1280
|
-
|
|
1281
|
-
var ToastContainer = function () {
|
|
1282
|
-
return (jsxRuntime.jsx(k, { theme: "dark", className: styles$1['toast-container'], progressStyle: {
|
|
1283
|
-
borderRadius: 999,
|
|
1284
|
-
}, closeButton: false, autoClose: 300000 }));
|
|
1285
|
-
};
|
|
1286
|
-
|
|
1287
|
-
var styles = {"tooltip":"Tooltip-module_tooltip__Q1YfF"};
|
|
1288
|
-
|
|
1289
|
-
var Tooltip = function (_a) {
|
|
1290
|
-
var children = _a.children, props = __rest(_a, ["children"]);
|
|
1291
|
-
return (jsxRuntime.jsx(core.Tooltip, __assign({}, props, { classNames: {
|
|
1292
|
-
tooltip: styles.tooltip,
|
|
1293
|
-
}, offset: 4, children: children })));
|
|
1294
|
-
};
|
|
1295
|
-
|
|
1296
|
-
var multiselectStyles = {"input":"Multiselect-module_input__lwmrJ","disabled":"Multiselect-module_disabled__DyqLt","pill":"Multiselect-module_pill__NwXcT"};
|
|
1297
|
-
|
|
1298
|
-
/**
|
|
1299
|
-
* MultiSelect component, use it to select multiple options from a list of options
|
|
1300
|
-
* For selecting a single option, use the Select component
|
|
1301
|
-
*
|
|
1302
|
-
* @param {MultiSelectOptionsType[]} data - The data to display in the select
|
|
1303
|
-
* @param {(options: MultiSelectOptionsType[]) => void} onApply - The function to call when the selected items change by clicking the 'Apply' button
|
|
1304
|
-
* @param {string} label - The label of the select
|
|
1305
|
-
* @param {string} placeholder - The placeholder of the select
|
|
1306
|
-
* @param {string} error - The error message to display
|
|
1307
|
-
* @param {string} description - The description to display
|
|
1308
|
-
*
|
|
1309
|
-
* @returns {React.ReactElement} The MultiSelect component
|
|
1310
|
-
*
|
|
1311
|
-
*/
|
|
1312
|
-
var Multiselect = function (_a) {
|
|
1313
|
-
var data = _a.data, onApply = _a.onApply, error = _a.error, description = _a.description, label = _a.label, placeholder = _a.placeholder, onBlur = _a.onBlur, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
|
|
1314
|
-
var dataKey = t.useMemo(function () { return data.map(function (o) { return o.value; }).join('_'); }, [data]);
|
|
1315
|
-
return (jsxRuntime.jsx(MultiselectInternal, { data: data, onApply: onApply, error: error, description: description, label: label, placeholder: placeholder, onBlur: onBlur, disabled: disabled }, dataKey));
|
|
1316
|
-
};
|
|
1317
|
-
/**
|
|
1318
|
-
* Private component that holds the local state (`temporaryOptions`)
|
|
1319
|
-
*/
|
|
1320
|
-
var MultiselectInternal = function (_a) {
|
|
1321
|
-
var data = _a.data, onApply = _a.onApply, error = _a.error, description = _a.description, label = _a.label, placeholder = _a.placeholder, onBlur = _a.onBlur, disabled = _a.disabled;
|
|
1322
|
-
var _b = t.useState(data), temporaryOptions = _b[0], setTemporaryOptions = _b[1];
|
|
1323
|
-
var _c = t.useState(false), isFocused = _c[0], setIsFocused = _c[1];
|
|
1324
|
-
var _d = t.useState(false), isHovered = _d[0], setIsHovered = _d[1];
|
|
1325
|
-
var hasSelectedOptions = temporaryOptions.some(function (option) { return option.selected; });
|
|
1326
|
-
// Handlers
|
|
1327
|
-
var handleOptionClick = function (option) {
|
|
1328
|
-
var newOptions = temporaryOptions.map(function (selectedOption) {
|
|
1329
|
-
if (selectedOption.value === option.value) {
|
|
1330
|
-
return __assign(__assign({}, selectedOption), { selected: !selectedOption.selected });
|
|
1331
|
-
}
|
|
1332
|
-
return selectedOption;
|
|
1333
|
-
});
|
|
1334
|
-
setTemporaryOptions(newOptions);
|
|
1335
|
-
};
|
|
1336
|
-
var handleApply = function (closeDropdown) {
|
|
1337
|
-
onApply(temporaryOptions);
|
|
1338
|
-
closeDropdown();
|
|
1339
|
-
};
|
|
1340
|
-
var handleClear = function () {
|
|
1341
|
-
var newOptions = data.map(function (option) { return (__assign(__assign({}, option), { selected: false })); });
|
|
1342
|
-
setTemporaryOptions(newOptions);
|
|
1343
|
-
};
|
|
1344
|
-
var handleBlur = function () {
|
|
1345
|
-
setIsFocused(false);
|
|
1346
|
-
if (onBlur) {
|
|
1347
|
-
onBlur();
|
|
1348
|
-
}
|
|
1349
|
-
};
|
|
1350
|
-
var handleDeselect = function (optionId) {
|
|
1351
|
-
var newOptions = temporaryOptions.map(function (option) {
|
|
1352
|
-
if (option.value === optionId) {
|
|
1353
|
-
return __assign(__assign({}, option), { selected: false });
|
|
1354
|
-
}
|
|
1355
|
-
return option;
|
|
1356
|
-
});
|
|
1357
|
-
setTemporaryOptions(newOptions);
|
|
1358
|
-
onApply(newOptions);
|
|
1359
|
-
};
|
|
1360
|
-
// Sections
|
|
1361
|
-
var PillListSection = function (_a) {
|
|
1362
|
-
var store = _a.store;
|
|
1363
|
-
var selected = temporaryOptions.filter(function (option) { return option.selected; });
|
|
1364
|
-
return (jsxRuntime.jsx("div", { style: {
|
|
1365
|
-
display: 'flex',
|
|
1366
|
-
flexGrow: 1,
|
|
1367
|
-
gap: 8,
|
|
1368
|
-
alignItems: 'center',
|
|
1369
|
-
}, children: selected.length === 0 ? (jsxRuntime.jsx(Text, { variant: "s", children: store.dropdownOpened ? placeholder : label })) : (jsxRuntime.jsxs(core.Flex, { gap: 8, align: "center", wrap: "wrap", children: [selected.slice(0, 3).map(function (option) { return (jsxRuntime.jsxs("span", { className: multiselectStyles.pill, onClick: function (e) {
|
|
1370
|
-
handleOptionClick(option);
|
|
1371
|
-
e.stopPropagation();
|
|
1372
|
-
}, children: [jsxRuntime.jsx(Text, { variant: "xs", children: option.label }), jsxRuntime.jsx(core.ActionIcon, { variant: "transparent", onClick: function (e) {
|
|
1373
|
-
handleDeselect(option.value);
|
|
1374
|
-
e.stopPropagation();
|
|
1375
|
-
}, children: jsxRuntime.jsx(Close, { height: "20px", width: "20px" }) })] }, option.value)); }), selected.length > 3 && (jsxRuntime.jsx(Tooltip, { label: selected
|
|
1376
|
-
.slice(3)
|
|
1377
|
-
.map(function (option) { return option.label; })
|
|
1378
|
-
.join(', '), children: jsxRuntime.jsx("span", { className: multiselectStyles.pill, children: jsxRuntime.jsxs(Text, { variant: "xs", children: ["+ ", selected.length - 3] }) }, selected.length) }))] })) }));
|
|
1379
|
-
};
|
|
1380
|
-
var ErrorSection = (jsxRuntime.jsxs(core.Flex, { className: styles$k.error, gap: 4, ml: 16, mt: 8, style: { visibility: error ? 'visible' : 'hidden' }, children: [jsxRuntime.jsx(Info, { width: "18px", height: "18px", viewBox: "0 0 24 24", stroke: "var(--color-red-300)" }), jsxRuntime.jsx(Text, { variant: "xs", className: classNames(styles$k.errorText), children: error })] }));
|
|
1381
|
-
var DescriptionSection = (jsxRuntime.jsx(core.Flex, { className: styles$k.description, gap: 4, ml: 16, mt: 8, style: { visibility: description ? 'visible' : 'hidden' }, children: jsxRuntime.jsx(Text, { variant: "xs", children: description }) }));
|
|
1382
|
-
var options = t.useMemo(function () {
|
|
1383
|
-
return temporaryOptions.map(function (option) {
|
|
1384
|
-
return (jsxRuntime.jsx(Dropdown.Option, { value: option.value, py: 12, disabled: option.disabled, onClick: function (e) {
|
|
1385
|
-
e.stopPropagation();
|
|
1386
|
-
}, children: jsxRuntime.jsx(Checkbox, { label: option.label, checked: option.selected, disabled: option.disabled, onChange: function (e) {
|
|
1387
|
-
handleOptionClick(option);
|
|
1388
|
-
e.stopPropagation();
|
|
1389
|
-
}, w: "100%" }, option.value) }, option.value));
|
|
1390
|
-
});
|
|
1391
|
-
}, [temporaryOptions]);
|
|
1392
|
-
return (jsxRuntime.jsx(Dropdown, { options: options, maxHeight: 300, footer: function (store) { return (jsxRuntime.jsxs(core.Flex, { justify: "flex-end", py: 8, gap: 8, children: [jsxRuntime.jsx(Button, { variant: "outlined", label: "Clear", size: "small", onClick: handleClear }), jsxRuntime.jsx(Button, { variant: "filled", label: "Apply", size: "small", onClick: function () { return handleApply(store.closeDropdown); } })] })); }, children: function (store) {
|
|
1393
|
-
var _a, _b;
|
|
1394
|
-
return (jsxRuntime.jsxs("div", { className: styles$k.container, children: [(store.dropdownOpened || hasSelectedOptions) && (jsxRuntime.jsx("label", { className: classNames(styles$k.label, (_a = {},
|
|
1395
|
-
_a[styles$k.labelError] = error && !isFocused,
|
|
1396
|
-
_a[styles$k.labelFocused] = isFocused || isHovered,
|
|
1397
|
-
_a)), children: label })), jsxRuntime.jsxs(core.Box, { className: classNames(styles$k.input, multiselectStyles.input, (_b = {},
|
|
1398
|
-
_b[styles$k.inputError] = error && !isFocused,
|
|
1399
|
-
_b[multiselectStyles.disabled] = disabled,
|
|
1400
|
-
_b)), onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onClick: function () { return store.toggleDropdown(); }, onFocus: function () { return setIsFocused(true); }, onBlur: handleBlur, tabIndex: 0, children: [jsxRuntime.jsx(PillListSection, { store: store }), jsxRuntime.jsx(Chevron, { rotate: store.dropdownOpened ? 90 : 270 })] }), error ? ErrorSection : DescriptionSection] }));
|
|
1401
|
-
} }));
|
|
1402
|
-
};
|
|
1403
|
-
|
|
1404
|
-
var Alert = function (props) {
|
|
1405
|
-
return (jsxRuntime.jsx(Icon, __assign({}, props, { children: jsxRuntime.jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M15.5 14.374v4.098m-10.167 3.69c-.946 1.639.237 3.687 2.13 3.687h16.074c1.893 0 3.076-2.048 2.13-3.687L17.63 8.23c-.946-1.64-3.314-1.64-4.26 0L5.333 22.162zm10.167-.41h.008v.007H15.5v-.008z" }) })));
|
|
1406
|
-
};
|
|
1407
|
-
|
|
1408
|
-
var Arrow = function (props) {
|
|
1409
|
-
return (jsxRuntime.jsx(Icon, __assign({}, props, { children: jsxRuntime.jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M25.333 16H6.667M18.667 22.667L25.333 16M18.667 9.333L25.333 16" }) })));
|
|
1410
|
-
};
|
|
1411
|
-
|
|
1412
|
-
var Attachment = function (props) {
|
|
1413
|
-
return (jsxRuntime.jsx(Icon, __assign({}, props, { children: jsxRuntime.jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M20.04 12.542v8.947a3.7 3.7 0 01-7.401 0V8.767a2.467 2.467 0 014.934 0V21.5m0-.01v.01m-2.467-9.095v9.084a1.233 1.233 0 002.467.01" }) })));
|
|
1414
|
-
};
|
|
1415
|
-
|
|
1416
|
-
var Bell = function (_a) {
|
|
1417
|
-
var _b = _a.width, width = _b === void 0 ? '32px' : _b, _c = _a.height, height = _c === void 0 ? '32px' : _c, _d = _a.viewBox, viewBox = _d === void 0 ? '0 0 32 32' : _d, _e = _a.alert, alert = _e === void 0 ? false : _e;
|
|
1418
|
-
return (jsxRuntime.jsxs(Icon, { width: width, height: height, viewBox: viewBox, children: [jsxRuntime.jsx("path", { d: "M14.1429 27.8572H17.5714", stroke: "black", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M22.7143 15C22.7143 13.1813 21.9919 11.4372 20.7059 10.1512C19.4199 8.86527 17.6758 8.14282 15.8572 8.14282C14.0385 8.14282 12.2944 8.86527 11.0084 10.1512C9.72247 11.4372 9.00002 13.1813 9.00002 15V21C9.00002 21.6819 8.72909 22.3361 8.24686 22.8183C7.76463 23.3005 7.11057 23.5714 6.42859 23.5714H25.2857C24.6038 23.5714 23.9496 23.3005 23.4674 22.8183C22.9852 22.3361 22.7143 21.6819 22.7143 21V15Z", stroke: "black", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M4.71429 14.777C4.71522 13.1453 5.10435 11.5372 5.84956 10.0855C6.59476 8.63384 7.67464 7.38032 9.00001 6.42847", stroke: "black", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M25.8648 10.0855C25.1196 8.63384 24.0396 7.38032 22.7143 6.42847", stroke: "black", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), alert && (jsxRuntime.jsx("circle", { cx: "22.2857", cy: "9.14282", r: "5.5", fill: "#7B34D6", stroke: "white" }))] }));
|
|
1419
|
-
};
|
|
1420
|
-
|
|
1421
|
-
var Cat = function (props) {
|
|
1422
|
-
return (jsxRuntime.jsxs(Icon, __assign({}, props, { children: [jsxRuntime.jsx("path", { fillRule: "evenodd", stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M19.651 8.556l3.115-2.73a1.97 1.97 0 012.142-.305 2.054 2.054 0 011.167 1.862v9.95c0 5.894-4.67 10.672-10.433 10.672v0c-5.761 0-10.432-4.778-10.432-10.671v-9.95c0-.801.455-1.529 1.167-1.863a1.97 1.97 0 012.142.305l3.114 2.73a11.774 11.774 0 018.018 0z", clipRule: "evenodd" }), jsxRuntime.jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M13.36 14.333a.33.33 0 01-.326.333.33.33 0 01-.326-.333.33.33 0 01.326-.334c.086 0 .17.035.23.098a.338.338 0 01.096.236M18.577 14.333a.33.33 0 01-.327.333.33.33 0 01-.326-.333.33.33 0 01.326-.334c.087 0 .17.035.231.098a.338.338 0 01.096.236" }), jsxRuntime.jsx("path", { fillRule: "evenodd", stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M15.642 19.335v0a.66.66 0 01-.652-.667v0a.22.22 0 01.218-.223h.87c.12 0 .216.1.216.223v0a.66.66 0 01-.652.667z", clipRule: "evenodd" }), jsxRuntime.jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M12.79 22.836c.314.32.739.501 1.182.5v0c.922 0 1.67-.765 1.67-1.708a1.71 1.71 0 001.032 1.578 1.643 1.643 0 001.82-.37M15.642 19.335v2.293M22.163 17.076l5.216-.89M27.38 21.336l-5.217-.89M9.122 17.076l-5.216-.89M3.906 21.336l5.216-.89" })] })));
|
|
1423
|
-
};
|
|
1424
|
-
|
|
1425
|
-
var Cloud = function (_a) {
|
|
1426
|
-
var _b = _a.width, width = _b === void 0 ? '32' : _b, _c = _a.height, height = _c === void 0 ? '32' : _c, _d = _a.viewBox, viewBox = _d === void 0 ? '0 0 32 32' : _d, _e = _a.fill, fill = _e === void 0 ? 'none' : _e, _f = _a.stroke, stroke = _f === void 0 ? 'currentColor' : _f, _g = _a.strokeWidth, strokeWidth = _g === void 0 ? 3 : _g;
|
|
1427
|
-
return (jsxRuntime.jsx(Icon, { width: width, height: height, fill: fill, viewBox: viewBox, children: jsxRuntime.jsx("path", { d: "M3 19.8C3 22.948 5.68629 25.5 9 25.5H24C26.7614 25.5 29 23.3734 29 20.75C29 18.7207 27.6604 16.9886 25.7755 16.3082C25.9209 15.9144 26 15.491 26 15.05C26 12.9513 24.2091 11.25 22 11.25C21.569 11.25 21.1539 11.3148 20.7649 11.4346C19.9686 8.5933 17.2416 6.5 14 6.5C10.134 6.5 7 9.47731 7 13.15C7 13.5721 7.04139 13.985 7.12053 14.3852C4.7274 15.1345 3 17.2756 3 19.8Z", stroke: stroke, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
1428
|
-
};
|
|
1429
|
-
|
|
1430
|
-
var Delete = function (props) {
|
|
1431
|
-
return (jsxRuntime.jsx(Icon, __assign({}, props, { viewBox: props.viewBox || '0 0 32 32', children: jsxRuntime.jsx("path", { d: "M26.671 8.49647H5.32874M18.6259 14.499V22.0021M13.3738 14.499V22.0021M20.7237 28.0046H11.276C9.70771 28.0046 8.40385 26.7972 8.28357 25.2335L6.9961 8.49647H25.0036L23.7161 25.2335C23.5958 26.7972 22.292 28.0046 20.7237 28.0046ZM12.2483 3.9946H19.7514C20.5802 3.9946 21.252 4.66645 21.252 5.49522V8.49647H10.7477V5.49522C10.7477 4.66645 11.4195 3.9946 12.2483 3.9946Z", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
|
|
1432
|
-
};
|
|
1433
|
-
|
|
1434
|
-
var Dog = function (props) {
|
|
1435
|
-
return (jsxRuntime.jsxs(Icon, __assign({}, props, { children: [jsxRuntime.jsx("path", { fillRule: "evenodd", stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M15.642 18.223v0a.66.66 0 01-.652-.667v0a.22.22 0 01.218-.222h.87c.12 0 .216.1.216.222v0a.66.66 0 01-.652.667z", clipRule: "evenodd" }), jsxRuntime.jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M23.467 17.334c0 .737.584 1.334 1.304 1.334v0c1.44 0 2.608-1.195 2.608-2.668v-4.002c0-2.21-1.752-4.001-3.912-4.001h-.544M10.493 23.798l-1.371 4.207M20.792 23.798l1.37 4.207M8.362 7.997h-.544c-2.16 0-3.912 1.791-3.912 4.001V16c0 1.473 1.167 2.668 2.608 2.668v0c.72 0 1.304-.597 1.304-1.334M18.25 23.775v.895c0 1.105-.875 2.001-1.956 2.001H14.99c-1.08 0-1.956-.896-1.956-2v-.896" }), jsxRuntime.jsx("path", { fillRule: "evenodd", stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M15.642 18.223v1.779c0 2.21-1.751 4.001-3.912 4.001v0c-2.16 0-3.912-1.791-3.912-4.001v-9.338c0-3.683 2.92-6.669 6.52-6.669h2.609c3.6 0 6.52 2.986 6.52 6.67v9.337c0 2.21-1.752 4.001-3.912 4.001v0c-2.161 0-3.913-1.791-3.913-4.001v-1.779z", clipRule: "evenodd" }), jsxRuntime.jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M18.577 12.666a.33.33 0 01-.327.333.33.33 0 01-.326-.334.33.33 0 01.326-.333c.087 0 .17.035.231.098a.337.337 0 01.096.236M13.36 12.666a.33.33 0 01-.326.333.33.33 0 01-.326-.334.33.33 0 01.326-.333c.086 0 .17.035.23.098a.337.337 0 01.096.236" })] })));
|
|
1436
|
-
};
|
|
1437
|
-
|
|
1438
|
-
var Fingerprint = function (_a) {
|
|
1439
|
-
var _b = _a.width, width = _b === void 0 ? '32px' : _b, _c = _a.height, height = _c === void 0 ? '32px' : _c, _d = _a.viewBox, viewBox = _d === void 0 ? '0 0 32 32' : _d, _e = _a.stroke, stroke = _e === void 0 ? 'currentColor' : _e, _f = _a.fill, fill = _f === void 0 ? 'none' : _f;
|
|
1440
|
-
return (jsxRuntime.jsxs(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: [jsxRuntime.jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M10.272 23.728l.452-.452A3.22 3.22 0 0113 22.333v0c.854 0 1.672.34 2.276.943l.452.452A4.342 4.342 0 0018.798 25h.526a4.343 4.343 0 004.343-4.343v0a4.343 4.343 0 00-1.934-3.613v0a10.638 10.638 0 01-3.31-3.527l-1.226-2.122A4.793 4.793 0 0013.047 9v0a4.793 4.793 0 00-4.11 2.327l-1.373 2.288a10.637 10.637 0 01-3.22 3.378l-.077.051a4.343 4.343 0 00-1.934 3.613v0A4.343 4.343 0 006.676 25H7.2a4.343 4.343 0 003.07-1.272v0z", clipRule: "evenodd" }), jsxRuntime.jsx("circle", { cx: "3", cy: "9.667", r: "2", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), jsxRuntime.jsx("circle", { cx: "23", cy: "9.667", r: "2", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), jsxRuntime.jsx("ellipse", { cx: "8.714", cy: "3", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", rx: "2", ry: "2" }), jsxRuntime.jsx("circle", { cx: "17.286", cy: "3", r: "2", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" })] }));
|
|
1441
|
-
};
|
|
1442
|
-
|
|
1443
|
-
var Google = function (props) {
|
|
1444
|
-
return (jsxRuntime.jsxs(Icon, __assign({}, props, { stroke: "none", children: [jsxRuntime.jsx("path", { fill: "#4285F4", d: "M22 11.453c0-.83-.069-1.628-.196-2.394H11.647v4.532h5.804c-.255 1.457-1.02 2.691-2.167 3.521v2.947h3.5C20.824 18.016 22 15.016 22 11.452z" }), jsxRuntime.jsx("path", { fill: "#34A853", d: "M11.327 22.647c3.034 0 5.578-.997 7.438-2.707l-3.648-2.82c-1 .672-2.278 1.08-3.79 1.08-2.922 0-5.405-1.965-6.294-4.612H1.294v2.89a11.232 11.232 0 0010.033 6.169z" }), jsxRuntime.jsx("path", { fill: "#FBBC05", d: "M5.176 13.38a6.024 6.024 0 01-.374-2.057c0-.718.14-1.407.374-2.057V6.471H1.262A10.01 10.01 0 000 11.323c0 1.753.46 3.397 1.262 4.854L4.31 13.99l.866-.61z" }), jsxRuntime.jsx("path", { fill: "#EA4335", d: "M11.28 4.453c1.648 0 3.112.57 4.281 1.668l3.204-3.203C16.822 1.108 14.3 0 11.28 0 6.908 0 3.135 2.511 1.294 6.171L5.016 9.06c.885-2.644 3.356-4.606 6.264-4.606z" })] })));
|
|
1445
|
-
};
|
|
1446
|
-
|
|
1447
|
-
var Grid = function (props) {
|
|
1448
|
-
return (jsxRuntime.jsx(Icon, __assign({}, props, { children: jsxRuntime.jsx("path", { fillRule: "evenodd", stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M3 3h7v7H3V3zM14 3h7v7h-7V3zM3 14h7v7H3v-7zM14 14h7v7h-7v-7z", clipRule: "evenodd" }) })));
|
|
1449
|
-
};
|
|
1450
|
-
|
|
1451
|
-
var HappyFace = function (props) {
|
|
1452
|
-
return (jsxRuntime.jsx(Icon, __assign({}, props, { children: jsxRuntime.jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M20.212 20.212a5.25 5.25 0 01-7.424 0M27 16.5C27 22.299 22.299 27 16.5 27S6 22.299 6 16.5 10.701 6 16.5 6 27 10.701 27 16.5zm-13.125-2.625c0 .483-.196.875-.438.875-.241 0-.437-.392-.437-.875s.196-.875.438-.875c.241 0 .437.392.437.875zm-.438 0h.01v.018h-.01v-.018zm6.563 0c0 .483-.196.875-.438.875-.241 0-.437-.392-.437-.875s.196-.875.438-.875c.241 0 .437.392.437.875zm-.438 0h.01v.018h-.01v-.018z" }) })));
|
|
1453
|
-
};
|
|
1454
|
-
|
|
1455
|
-
var House = function (_a) {
|
|
1456
|
-
var _b = _a.width, width = _b === void 0 ? '32px' : _b, _c = _a.height, height = _c === void 0 ? '32px' : _c, _d = _a.viewBox, viewBox = _d === void 0 ? '0 0 32 32' : _d, _e = _a.stroke, stroke = _e === void 0 ? 'currentColor' : _e, _f = _a.fill, fill = _f === void 0 ? 'none' : _f;
|
|
1457
|
-
return (jsxRuntime.jsx(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: jsxRuntime.jsxs("g", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", opacity: "0.9", children: [jsxRuntime.jsx("path", { d: "M1 11.262l10.58-9.069c.817-.7 2.023-.7 2.84 0L25 11.263" }), jsxRuntime.jsx("path", { d: "M23.288 9.817V2.09A1.09 1.09 0 0022.197 1h-3.273a1.09 1.09 0 00-1.09 1.09v3.051M9.732 23.669v-6.91c0-.602.488-1.09 1.09-1.09h2.183" }), jsxRuntime.jsx("path", { d: "M16.273 23.669v-6.91c0-.602-.489-1.09-1.091-1.09H13M2.715 9.82v13.85M23.167 10v13M25 23.67H1" })] }) }));
|
|
1458
|
-
};
|
|
1459
|
-
|
|
1460
|
-
var HouseTime = function (_a) {
|
|
1461
|
-
var _b = _a.width, width = _b === void 0 ? '32px' : _b, _c = _a.height, height = _c === void 0 ? '32px' : _c, _d = _a.viewBox, viewBox = _d === void 0 ? '0 0 32 32' : _d, _e = _a.stroke, stroke = _e === void 0 ? 'currentColor' : _e, _f = _a.fill, fill = _f === void 0 ? 'none' : _f;
|
|
1462
|
-
return (jsxRuntime.jsx(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: jsxRuntime.jsxs("g", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", opacity: "0.9", children: [jsxRuntime.jsx("path", { d: "M1 11.262l10.58-9.069c.817-.7 2.023-.7 2.84 0L25 11.263" }), jsxRuntime.jsx("path", { d: "M23.288 9.817V2.09A1.09 1.09 0 0022.197 1h-3.273a1.09 1.09 0 00-1.09 1.09v3.051M21 14.333A5.333 5.333 0 1121 25a5.333 5.333 0 010-10.667M23.432 19.947h-2.59M20.84 19.946v-3.121M9.732 23.669v-6.91c0-.602.488-1.09 1.09-1.09h2.183M2.715 9.82v13.85M13 23.67H1" })] }) }));
|
|
1463
|
-
};
|
|
1464
|
-
|
|
1465
|
-
var Identification = function (props) {
|
|
1466
|
-
return (jsxRuntime.jsx(Icon, __assign({}, props, { children: jsxRuntime.jsx("path", { d: "M20 12H25M20 16H25M20 20H25M6 26H26C27.6569 26 29 24.6569 29 23V9C29 7.34315 27.6569 6 26 6H6C4.34315 6 3 7.34315 3 9V23C3 24.6569 4.34315 26 6 26ZM14 12.5C14 13.8807 12.8807 15 11.5 15C10.1193 15 9 13.8807 9 12.5C9 11.1193 10.1193 10 11.5 10C12.8807 10 14 11.1193 14 12.5ZM15.7252 20.9485C14.4653 21.6196 13.0269 22 11.4998 22C9.97264 22 8.53432 21.6196 7.27441 20.9485C7.90648 19.2277 9.55977 18 11.4998 18C13.4398 18 15.0931 19.2277 15.7252 20.9485Z", stroke: props.stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })));
|
|
1467
|
-
};
|
|
1468
|
-
|
|
1469
|
-
var Location = function (_a) {
|
|
1470
|
-
var _b = _a.width, width = _b === void 0 ? '32px' : _b, _c = _a.height, height = _c === void 0 ? '32px' : _c, _d = _a.viewBox, viewBox = _d === void 0 ? '0 0 32 32' : _d, _e = _a.stroke, stroke = _e === void 0 ? 'currentColor' : _e, _f = _a.fill, fill = _f === void 0 ? 'none' : _f;
|
|
1471
|
-
return (jsxRuntime.jsxs(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: [jsxRuntime.jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M9.308 1C4.721 1 1 4.542 1 8.904c0 5.02 5.539 12.974 7.572 15.722a.91.91 0 001.472 0c2.034-2.747 7.572-10.698 7.572-15.722C17.616 4.542 13.895 1 9.308 1z" }), jsxRuntime.jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M9.31 12.08a2.771 2.771 0 100-5.541 2.771 2.771 0 000 5.542z" })] }));
|
|
1472
|
-
};
|
|
1473
|
-
|
|
1474
|
-
var Mail = function (_a) {
|
|
1475
|
-
var _b = _a.width, width = _b === void 0 ? '32px' : _b, _c = _a.height, height = _c === void 0 ? '32px' : _c, _d = _a.viewBox, viewBox = _d === void 0 ? '0 0 32 32' : _d, _e = _a.stroke, stroke = _e === void 0 ? 'currentColor' : _e, _f = _a.fill, fill = _f === void 0 ? 'none' : _f;
|
|
1476
|
-
return (jsxRuntime.jsxs(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, stroke: stroke, children: [jsxRuntime.jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M25.692 7H6.308A2.308 2.308 0 004 9.308v13.846a2.308 2.308 0 002.308 2.308h19.384A2.308 2.308 0 0028 23.154V9.308A2.308 2.308 0 0025.692 7z" }), jsxRuntime.jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M7.692 10.692l8.307 6.462 8.308-6.462" })] }));
|
|
1477
|
-
};
|
|
1478
|
-
|
|
1479
|
-
var Menu = function (_a) {
|
|
1480
|
-
var _b = _a.width, width = _b === void 0 ? '32px' : _b, _c = _a.height, height = _c === void 0 ? '32px' : _c, _d = _a.viewBox, viewBox = _d === void 0 ? '0 0 32 32' : _d, _e = _a.stroke, stroke = _e === void 0 ? 'currentColor' : _e, _f = _a.fill, fill = _f === void 0 ? 'none' : _f;
|
|
1481
|
-
return (jsxRuntime.jsx(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: jsxRuntime.jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M14 8h13M14 8a2 2 0 11-4 0m4 0a2 2 0 10-4 0M5 8h5m4 16h13m-13 0a2 2 0 11-4 0m4 0a2 2 0 10-4 0m-5 0h5m12-8h5m-5 0a2 2 0 11-4 0m4 0a2 2 0 10-4 0M5 16h13" }) }));
|
|
1482
|
-
};
|
|
1483
|
-
|
|
1484
|
-
var MenuTouched = function (_a) {
|
|
1485
|
-
var _b = _a.width, width = _b === void 0 ? '32px' : _b, _c = _a.height, height = _c === void 0 ? '32px' : _c, _d = _a.viewBox, viewBox = _d === void 0 ? '0 0 32 32' : _d, _e = _a.stroke, stroke = _e === void 0 ? 'currentColor' : _e, _f = _a.fill, fill = _f === void 0 ? 'none' : _f;
|
|
1486
|
-
return (jsxRuntime.jsxs(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: [jsxRuntime.jsx("path", { d: "M14 8L27 8M14 8C14 9.10457 13.1046 10 12 10C10.8954 10 10 9.10457 10 8M14 8C14 6.89543 13.1046 6 12 6C10.8954 6 10 6.89543 10 8M5 8H10M14 24H27M14 24C14 25.1046 13.1046 26 12 26C10.8954 26 10 25.1046 10 24M14 24C14 22.8954 13.1046 22 12 22C10.8954 22 10 22.8954 10 24M5 24L10 24M22 16L27 16M22 16C22 17.1046 21.1046 18 20 18C18.8954 18 18 17.1046 18 16M22 16C22 14.8954 21.1046 14 20 14C18.8954 14 18 14.8954 18 16M5 16H18", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("circle", { cx: "26", cy: "6", r: "5.5", fill: "#7B34D6", stroke: "white" })] }));
|
|
1487
|
-
};
|
|
1488
|
-
|
|
1489
|
-
var Notification = function (_a) {
|
|
1490
|
-
var _b = _a.width, width = _b === void 0 ? '18px' : _b, _c = _a.height, height = _c === void 0 ? '18px' : _c, _d = _a.viewBox, viewBox = _d === void 0 ? '0 0 18 18' : _d, _e = _a.fill, fill = _e === void 0 ? 'var(--color-red-300)' : _e, _f = _a.stroke, stroke = _f === void 0 ? 'var(--color-white)' : _f;
|
|
1491
|
-
return (jsxRuntime.jsx(Icon, { width: width, height: height, viewBox: viewBox, children: jsxRuntime.jsx("circle", { cx: "9", cy: "9", r: "8.5", fill: fill, stroke: stroke }) }));
|
|
1492
|
-
};
|
|
1493
|
-
|
|
1494
|
-
var Open = function (_a) {
|
|
1495
|
-
var _b = _a.width, width = _b === void 0 ? '16' : _b, _c = _a.height, height = _c === void 0 ? '16' : _c, _d = _a.viewBox, viewBox = _d === void 0 ? '0 0 16 16' : _d, _e = _a.fill, fill = _e === void 0 ? 'none' : _e, _f = _a.stroke, stroke = _f === void 0 ? 'currentColor' : _f;
|
|
1496
|
-
return (jsxRuntime.jsx(Icon, { width: width, height: height, fill: fill, viewBox: viewBox, children: jsxRuntime.jsx("path", { d: "M9 4H3.5C2.67157 4 2 4.67157 2 5.5V12.5C2 13.3284 2.67157 14 3.5 14H10.5C11.3284 14 12 13.3284 12 12.5V7M6.33333 9.66667L14 2M14 2L10.5 2M14 2V5.5", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
1497
|
-
};
|
|
1498
|
-
|
|
1499
|
-
var Pets = function (props) {
|
|
1500
|
-
return (jsxRuntime.jsxs(Icon, __assign({}, props, { children: [jsxRuntime.jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M27.037 14.667c.216-.813.33-1.65.337-2.493a6.804 6.804 0 00-1.922-4.87 6.497 6.497 0 00-4.76-1.97 5.979 5.979 0 00-5.05 2.562 5.979 5.979 0 00-5.048-2.563c-1.783-.03-3.501.68-4.761 1.97a6.804 6.804 0 00-1.922 4.871 12.954 12.954 0 003.305 8.066 21.288 21.288 0 005.615 4.716c.471.272.98.47 1.508.588" }), jsxRuntime.jsx("path", { fillRule: "evenodd", stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M23.137 22.667v0c2.16 0 3.91 1.79 3.91 4v0c0 .736-.583 1.333-1.303 1.333H20.53c-.72 0-1.303-.597-1.303-1.333v0c0-2.21 1.75-4 3.91-4z", clipRule: "evenodd" }), jsxRuntime.jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M23.463 18.667a.33.33 0 01-.326.333.33.33 0 01-.325-.333.33.33 0 01.325-.334c.087 0 .17.035.231.098a.337.337 0 01.096.236M27.374 20a.33.33 0 01-.326.333.33.33 0 01-.326-.333.33.33 0 01.326-.333c.087 0 .17.035.23.097a.337.337 0 01.096.236M19.553 20a.33.33 0 01-.326.333.33.33 0 01-.326-.333.33.33 0 01.326-.333c.086 0 .17.035.23.097a.337.337 0 01.096.236" })] })));
|
|
1501
|
-
};
|
|
1502
|
-
|
|
1503
|
-
var Phone = function (_a) {
|
|
1504
|
-
var _b = _a.width, width = _b === void 0 ? '32px' : _b, _c = _a.height, height = _c === void 0 ? '32px' : _c, _d = _a.viewBox, viewBox = _d === void 0 ? '0 0 32 32' : _d, _e = _a.stroke, stroke = _e === void 0 ? 'currentColor' : _e, _f = _a.fill, fill = _f === void 0 ? 'none' : _f;
|
|
1505
|
-
return (jsxRuntime.jsx(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: jsxRuntime.jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M1 6.538C1 16.735 9.266 25 19.462 25h2.769A2.77 2.77 0 0025 22.23v-1.687c0-.636-.432-1.19-1.049-1.344l-5.444-1.36a1.384 1.384 0 00-1.443.512l-1.194 1.592c-.347.462-.946.666-1.489.468a14.813 14.813 0 01-8.792-8.792c-.198-.543.006-1.142.468-1.489l1.592-1.194c.446-.334.648-.903.513-1.443L6.8 2.049A1.385 1.385 0 005.457 1H3.77A2.77 2.77 0 001 3.77v2.768z" }) }));
|
|
1506
|
-
};
|
|
1507
|
-
|
|
1508
|
-
var Plaid = function (props) {
|
|
1509
|
-
return (jsxRuntime.jsx(Icon, __assign({}, props, { stroke: "none", children: jsxRuntime.jsx("path", { fill: props.fill || 'var(--color-neutral-600)', fillRule: "evenodd", d: "M12.705 2L4.35 4.189l-2.302 8.403 2.88 2.957L2 18.457l2.167 8.44 8.32 2.325 2.927-2.91 2.88 2.957 8.357-2.188 2.302-8.404-2.88-2.956L29 12.813l-2.167-8.44-8.321-2.325-2.926 2.908L12.706 2zM7.578 5.805l4.401-1.153 1.925 1.976-2.807 2.789-3.52-3.612zm9.663.849l1.955-1.943 4.383 1.224-3.577 3.554-2.761-2.835zM4.684 11.902l1.212-4.426 3.519 3.612-2.807 2.79L4.684 11.9zm16.972-.714l3.577-3.555 1.14 4.446-1.955 1.944-2.762-2.835zm-8.905-.073l2.808-2.79 2.76 2.836-2.806 2.79-2.762-2.836zm-4.488 4.46l2.806-2.79 2.763 2.836-2.807 2.79-2.762-2.836zm8.905.073l2.807-2.79 2.761 2.836-2.807 2.79-2.76-2.836zM4.625 19.191l1.957-1.945 2.76 2.836-3.575 3.553-1.142-4.444zm8.054.918l2.807-2.79 2.762 2.835-2.807 2.79-2.762-2.835zm8.905.073l2.807-2.79 1.925 1.976-1.212 4.426-3.52-3.612zM7.42 25.335l3.576-3.556 2.763 2.836-1.956 1.944-4.383-1.224zm9.675-.693l2.806-2.79 3.52 3.613-4.402 1.153-1.924-1.976z", clipRule: "evenodd" }) })));
|
|
1510
|
-
};
|
|
1511
|
-
|
|
1512
|
-
var Plus = function (_a) {
|
|
1513
|
-
var _b = _a.width, width = _b === void 0 ? '32px' : _b, _c = _a.height, height = _c === void 0 ? '32px' : _c, _d = _a.viewBox, viewBox = _d === void 0 ? '0 0 32 32' : _d, _e = _a.stroke, stroke = _e === void 0 ? 'currentColor' : _e, _f = _a.fill, fill = _f === void 0 ? 'none' : _f;
|
|
1514
|
-
return (jsxRuntime.jsxs(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: [jsxRuntime.jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M16 28v0C9.372 28 4 22.628 4 16v0C4 9.372 9.372 4 16 4v0c6.628 0 12 5.372 12 12v0c0 6.628-5.372 12-12 12z", clipRule: "evenodd" }), jsxRuntime.jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M16 10.667v10.666M21.333 16H10.667" })] }));
|
|
1515
|
-
};
|
|
1516
|
-
|
|
1517
|
-
var Remove = function (_a) {
|
|
1518
|
-
var _b = _a.width, width = _b === void 0 ? '32px' : _b, _c = _a.height, height = _c === void 0 ? '32px' : _c, _d = _a.viewBox, viewBox = _d === void 0 ? '0 0 32 32' : _d, _e = _a.stroke, stroke = _e === void 0 ? 'currentColor' : _e, _f = _a.fill, fill = _f === void 0 ? 'none' : _f;
|
|
1519
|
-
return (jsxRuntime.jsxs(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: [jsxRuntime.jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M21.333 16H10.667" }), jsxRuntime.jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M16 28v0C9.372 28 4 22.628 4 16v0C4 9.372 9.372 4 16 4v0c6.628 0 12 5.372 12 12v0c0 6.628-5.372 12-12 12z", clipRule: "evenodd" })] }));
|
|
1520
|
-
};
|
|
1521
|
-
|
|
1522
|
-
var ThreeDots = function (props) {
|
|
1523
|
-
return (jsxRuntime.jsxs(Icon, __assign({}, props, { fill: props.fill || 'var(--color-neutral-600)', stroke: "none", children: [jsxRuntime.jsx("path", { d: "M2.14285 3.04239e-05C3.32632 3.04756e-05 4.28571 0.95942 4.28571 2.14289C4.28571 3.32635 3.32632 4.28574 2.14285 4.28574C0.959382 4.28574 -7.77479e-06 3.32635 -7.72306e-06 2.14289C-7.67133e-06 0.95942 0.959382 3.03722e-05 2.14285 3.04239e-05Z", fill: props.fill }), jsxRuntime.jsx("path", { d: "M2.14285 7.85717C3.32632 7.85717 4.28571 8.81656 4.28571 10C4.28571 11.1835 3.32632 12.1429 2.14285 12.1429C0.959381 12.1429 -8.11824e-06 11.1835 -8.06651e-06 10C-8.01478e-06 8.81656 0.959381 7.85717 2.14285 7.85717Z", fill: props.fill }), jsxRuntime.jsx("path", { d: "M4.2857 17.8572C4.2857 16.6737 3.32632 15.7143 2.14285 15.7143C0.959381 15.7143 -8.35822e-06 16.6737 -8.40996e-06 17.8572C-8.46169e-06 19.0406 0.959381 20 2.14285 20C3.32632 20 4.2857 19.0406 4.2857 17.8572Z", fill: props.fill })] })));
|
|
1524
|
-
};
|
|
1525
|
-
|
|
1526
|
-
var ThumbsDown = function (props) {
|
|
1527
|
-
return (jsxRuntime.jsx(Icon, __assign({}, props, { children: jsxRuntime.jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M22.606 17c-.992 0-1.888.549-2.5 1.33a11.127 11.127 0 01-3.522 2.953c-.889.473-1.66 1.176-2.034 2.111a5.538 5.538 0 00-.396 2.057v.78c0 .51-.413.923-.923.923a2.77 2.77 0 01-2.77-2.77c0-1.417.32-2.76.89-3.96.328-.687-.13-1.578-.892-1.578m0 0H6.612c-1.264 0-2.395-.854-2.528-2.11A14.937 14.937 0 014 15.154c0-3.505 1.22-6.725 3.26-9.257C7.737 5.305 8.475 5 9.235 5h4.943a5.54 5.54 0 011.752.284l3.833 1.278a5.54 5.54 0 001.751.284h1.989m-13.044 12h2.772m10.272-12a11.007 11.007 0 00-.333-.741c-.243-.492.096-1.105.645-1.105h1.117c1.094 0 2.108.638 2.427 1.684C27.776 8.049 28 9.498 28 11c0 1.91-.363 3.737-1.023 5.413-.376.953-1.337 1.51-2.36 1.51H23.32c-.58 0-.917-.684-.615-1.18A11.026 11.026 0 0024.308 11c0-1.469-.286-2.871-.805-4.154z" }) })));
|
|
1528
|
-
};
|
|
1529
|
-
|
|
1530
|
-
var Visa = function (props) {
|
|
1531
|
-
return (jsxRuntime.jsxs(Icon, __assign({}, props, { stroke: "none", children: [jsxRuntime.jsx("rect", { width: "27", height: "18", fill: "#1434CB", rx: "2" }), jsxRuntime.jsx("rect", { width: "26", height: "17", x: "0.5", y: "0.5", stroke: "#000", strokeOpacity: "0.2", rx: "1.5" }), jsxRuntime.jsx("path", { fill: "#fff", d: "M16.678 5.486c-1.491 0-2.824.773-2.824 2.2 0 1.638 2.364 1.751 2.364 2.574 0 .347-.397.656-1.075.656-.962 0-1.682-.433-1.682-.433l-.307 1.441s.828.366 1.928.366c1.63 0 2.913-.81 2.913-2.263 0-1.73-2.373-1.84-2.373-2.604 0-.271.326-.568 1.002-.568.763 0 1.385.315 1.385.315l.301-1.392s-.677-.292-1.632-.292zm-13.642.105L3 5.801s.627.115 1.192.344c.728.263.78.415.902.89l1.335 5.147h1.79l2.757-6.59H9.19l-1.771 4.48-.723-3.798c-.066-.435-.402-.683-.813-.683H3.036zm8.658 0l-1.4 6.59h1.702l1.396-6.59h-1.698zm9.496 0c-.41 0-.628.22-.787.604l-2.495 5.987h1.786l.345-.998h2.175l.21.998H24l-1.375-6.59H21.19zm.233 1.78l.529 2.474h-1.418l.889-2.473z" })] })));
|
|
1532
|
-
};
|
|
1533
|
-
|
|
1534
|
-
var World = function (_a) {
|
|
1535
|
-
var _b = _a.width, width = _b === void 0 ? '32px' : _b, _c = _a.height, height = _c === void 0 ? '32px' : _c, _d = _a.viewBox, viewBox = _d === void 0 ? '0 0 32 32' : _d, _e = _a.stroke, stroke = _e === void 0 ? 'currentColor' : _e;
|
|
1536
|
-
return (jsxRuntime.jsx(Icon, { width: width, height: height, viewBox: viewBox, children: jsxRuntime.jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M17.375 5.036v.662c0 .39.173.759.472 1.008l1.247 1.039c.515.43.624 1.178.252 1.736l-.596.895c-.324.485-.8.85-1.354 1.034l-.166.055a1.292 1.292 0 00-.667 1.942 1.292 1.292 0 01-.497 1.873L13 16.813l.494 1.234a1.115 1.115 0 01-1.927 1.084l-.793-1.057a1.313 1.313 0 00-2.224.2l-.8 1.601-.714.178M17.375 5.037A10.64 10.64 0 0016.5 5C10.701 5 6 9.701 6 15.5c0 1.631.372 3.176 1.036 4.553M17.375 5.037C22.765 5.48 27 9.996 27 15.5c0 2.192-.672 4.228-1.821 5.912m0 0l-.206-.617A2.625 2.625 0 0022.483 19h-.733l-.378-.378a1.695 1.695 0 00-2.716.44l-.042.085a1.85 1.85 0 01-1.146.952l-1.154.33a1.313 1.313 0 00-.934 1.477l.085.51c.092.554.57.959 1.132.959.987 0 1.864.632 2.176 1.569l.25.75m6.156-4.282a10.513 10.513 0 01-6.156 4.283m0 0c-.808.2-1.653.305-2.523.305a10.5 10.5 0 01-9.464-5.947M20.875 12a3.492 3.492 0 01-1.185 2.625" }) }));
|
|
1537
|
-
};
|
|
1538
|
-
|
|
1539
|
-
exports.Accordion = Accordion;
|
|
1540
|
-
exports.AccordionControl = AccordionControl;
|
|
1541
|
-
exports.AccordionItem = AccordionItem;
|
|
1542
|
-
exports.AccordionPanel = AccordionPanel;
|
|
1543
|
-
exports.ActionIcon = ActionIcon;
|
|
1544
|
-
exports.Alert = Alert;
|
|
1545
|
-
exports.Animation = Animation;
|
|
1546
|
-
exports.Arrow = Arrow;
|
|
1547
|
-
exports.Attachment = Attachment;
|
|
1548
|
-
exports.Autocomplete = Autocomplete;
|
|
1549
|
-
exports.AvatarPlaceholder = AvatarPlaceholder;
|
|
1550
|
-
exports.Badge = Badge;
|
|
1551
|
-
exports.Bell = Bell;
|
|
1552
|
-
exports.Button = Button;
|
|
1553
|
-
exports.Calendar = Calendar;
|
|
1554
|
-
exports.Card = Card;
|
|
1555
|
-
exports.CardStatus = CardStatus;
|
|
1556
|
-
exports.Cat = Cat;
|
|
1557
|
-
exports.Checkbox = Checkbox;
|
|
1558
|
-
exports.Chevron = Chevron;
|
|
1559
|
-
exports.Clock = Clock;
|
|
1560
|
-
exports.Close = Close;
|
|
1561
|
-
exports.Cloud = Cloud;
|
|
1562
|
-
exports.DateInput = DateInput;
|
|
1563
|
-
exports.Delete = Delete;
|
|
1564
|
-
exports.Document = Document;
|
|
1565
|
-
exports.Dog = Dog;
|
|
1566
|
-
exports.Dropdown = Dropdown;
|
|
1567
|
-
exports.EnterCodeInput = EnterCodeInput;
|
|
1568
|
-
exports.EyeHide = EyeHide;
|
|
1569
|
-
exports.EyeShow = EyeShow;
|
|
1570
|
-
exports.FileInput = FileInput;
|
|
1571
|
-
exports.FileUpload = FileUpload;
|
|
1572
|
-
exports.Fingerprint = Fingerprint;
|
|
1573
|
-
exports.Google = Google;
|
|
1574
|
-
exports.Grid = Grid;
|
|
1575
|
-
exports.HappyFace = HappyFace;
|
|
1576
|
-
exports.House = House;
|
|
1577
|
-
exports.HouseTime = HouseTime;
|
|
1578
|
-
exports.Identification = Identification;
|
|
1579
|
-
exports.IncrementNumber = IncrementNumber;
|
|
1580
|
-
exports.Info = Info;
|
|
1581
|
-
exports.Input = Input;
|
|
1582
|
-
exports.Link = Link;
|
|
1583
|
-
exports.LinkModal = LinkModal;
|
|
1584
|
-
exports.Loader = Loader;
|
|
1585
|
-
exports.Location = Location;
|
|
1586
|
-
exports.Mail = Mail;
|
|
1587
|
-
exports.Menu = Menu;
|
|
1588
|
-
exports.MenuTouched = MenuTouched;
|
|
1589
|
-
exports.Message = Message;
|
|
1590
|
-
exports.Modal = Modal;
|
|
1591
|
-
exports.Multiselect = Multiselect;
|
|
1592
|
-
exports.NavBar = NavBar;
|
|
1593
|
-
exports.Notification = Notification;
|
|
1594
|
-
exports.Open = Open;
|
|
1595
|
-
exports.Pagination = Pagination;
|
|
1596
|
-
exports.PasswordInput = PasswordInput;
|
|
1597
|
-
exports.Pets = Pets;
|
|
1598
|
-
exports.Phone = Phone;
|
|
1599
|
-
exports.Plaid = Plaid;
|
|
1600
|
-
exports.Plus = Plus;
|
|
1601
|
-
exports.RadioButton = RadioButton;
|
|
1602
|
-
exports.Remove = Remove;
|
|
1603
|
-
exports.Search = Search;
|
|
1604
|
-
exports.SegmentedControl = SegmentedControl;
|
|
1605
|
-
exports.Select = Select;
|
|
1606
|
-
exports.StatusBadge = StatusBadge;
|
|
1607
|
-
exports.Table = Table;
|
|
1608
|
-
exports.Tabs = Tabs;
|
|
1609
|
-
exports.Text = Text;
|
|
1610
|
-
exports.Textarea = Textarea;
|
|
1611
|
-
exports.ThreeDots = ThreeDots;
|
|
1612
|
-
exports.ThumbsDown = ThumbsDown;
|
|
1613
|
-
exports.Tick = Tick;
|
|
1614
|
-
exports.ToastContainer = ToastContainer;
|
|
1615
|
-
exports.Tooltip = Tooltip;
|
|
1616
|
-
exports.Umbrello = Umbrello;
|
|
1617
|
-
exports.Upload = Upload;
|
|
1618
|
-
exports.Visa = Visa;
|
|
1619
|
-
exports.Warning = Warning;
|
|
1620
|
-
exports.World = World;
|
|
1621
|
-
exports.badgeVariantMap = badgeVariantMap;
|
|
1622
|
-
exports.capitalizeFirstSentenceLetter = capitalizeFirstSentenceLetter;
|
|
1623
|
-
exports.cardStatusVariantMap = cardStatusVariantMap;
|
|
1624
|
-
exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
|
|
1625
|
-
//# sourceMappingURL=index-Bk4OUlhh.js.map
|