@cfx-dev/ui-components 1.0.2 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +38 -38
- package/dist/Button.module-Cv-7p0xt.js +16 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Flex.css +1 -1
- package/dist/assets/Flyout.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/Island.css +1 -1
- package/dist/assets/Pad.css +1 -1
- package/dist/assets/Popover.css +1 -1
- package/dist/assets/RichInput.css +1 -1
- package/dist/assets/Spacer.css +1 -1
- package/dist/assets/Textarea.css +1 -1
- package/dist/assets/global.css +1 -1
- package/dist/components/Button/Button.d.ts +1 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Button/ButtonBar.js +1 -1
- package/dist/components/Flyout/Flyout.js +39 -39
- package/dist/components/Input/Input.d.ts +0 -1
- package/dist/components/Input/Input.js +58 -61
- package/dist/components/Input/RichInput.js +27 -27
- package/dist/components/InputDropzone/InputDropzone.js +122 -119
- package/dist/components/InputDropzone/ItemPreview.js +1 -1
- package/dist/components/Island/Island.js +23 -23
- package/dist/components/Layout/Flex/Flex.d.ts +1 -1
- package/dist/components/Layout/Flex/Flex.js +44 -43
- package/dist/components/Layout/Pad/Pad.d.ts +1 -1
- package/dist/components/Layout/Pad/Pad.js +30 -29
- package/dist/components/Modal/Modal.d.ts +2 -0
- package/dist/components/Modal/Modal.js +25 -23
- package/dist/components/Overlay/Overlay.js +13 -13
- package/dist/components/Popover/Popover.js +18 -18
- package/dist/components/Select/Select.d.ts +1 -1
- package/dist/components/Select/Select.js +239 -229
- package/dist/components/Spacer/Spacer.d.ts +1 -1
- package/dist/components/Spacer/Spacer.js +13 -12
- package/dist/components/Table/Table.js +41 -35
- package/dist/components/Text/Text.types.d.ts +1 -1
- package/dist/components/Textarea/Textarea.d.ts +0 -1
- package/dist/components/Textarea/Textarea.js +37 -40
- package/dist/iconBase-Bipuk9tK.js +112 -0
- package/dist/main.d.ts +1 -1
- package/dist/main.js +112 -113
- package/dist/style-guide/Icons/IconDisplayGrid.js +3 -3
- package/dist/style-guide/Icons/Icons.d.ts +13 -13
- package/dist/style-guide/Icons/Icons.js +36 -8
- package/dist/styles-scss/_ui.scss +167 -195
- package/dist/styles-scss/assets/images/checkered_dark.svg +7 -7
- package/dist/styles-scss/assets/images/checkered_light.svg +7 -7
- package/dist/styles-scss/global.scss +73 -75
- package/dist/styles-scss/theme_dark.scss +24 -24
- package/dist/styles-scss/theme_light.scss +54 -54
- package/dist/styles-scss/themes.scss +2 -2
- package/dist/styles-scss/tokens.scss +272 -274
- package/dist/utils/string.d.ts +16 -1
- package/dist/utils/string.js +46 -39
- package/package.json +71 -72
- package/dist/Button.module-Z6njvP9Z.js +0 -17
- package/dist/Icons-NE1cibCU.js +0 -107
- package/dist/index.esm-BkynlSN6.js +0 -72
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export interface SpacerProps {
|
|
2
|
-
size?: 'none' | 'thin' | 'small' | 'normal' | 'large' | 'xlarge';
|
|
2
|
+
size?: 'none' | 'thin' | 'small' | 'normal' | 'medium' | 'large' | 'xlarge';
|
|
3
3
|
vertical?: boolean;
|
|
4
4
|
}
|
|
5
5
|
export declare function Spacer(props: SpacerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,23 +1,24 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { clsx as l } from "../../utils/clsx.js";
|
|
3
|
-
import '../../assets/Spacer.css';const a = "
|
|
3
|
+
import '../../assets/Spacer.css';const a = "_root_gods5_1", t = "_horizontal_gods5_1", s = {
|
|
4
4
|
root: a,
|
|
5
5
|
horizontal: t,
|
|
6
|
-
"size-none": "_size-
|
|
7
|
-
"size-thin": "_size-
|
|
8
|
-
"size-xsmall": "_size-
|
|
9
|
-
"size-small": "_size-
|
|
10
|
-
"size-normal": "_size-
|
|
11
|
-
"size-
|
|
12
|
-
"size-
|
|
6
|
+
"size-none": "_size-none_gods5_4",
|
|
7
|
+
"size-thin": "_size-thin_gods5_7",
|
|
8
|
+
"size-xsmall": "_size-xsmall_gods5_10",
|
|
9
|
+
"size-small": "_size-small_gods5_13",
|
|
10
|
+
"size-normal": "_size-normal_gods5_16",
|
|
11
|
+
"size-medium": "_size-medium_gods5_19",
|
|
12
|
+
"size-large": "_size-large_gods5_22",
|
|
13
|
+
"size-xlarge": "_size-xlarge_gods5_25"
|
|
13
14
|
};
|
|
14
|
-
function m(
|
|
15
|
+
function m(e) {
|
|
15
16
|
const {
|
|
16
17
|
size: i = "normal",
|
|
17
18
|
vertical: o = !1
|
|
18
|
-
} =
|
|
19
|
-
[
|
|
20
|
-
[
|
|
19
|
+
} = e, _ = l(s.root, s[`size-${i}`], {
|
|
20
|
+
[s.horizontal]: !o,
|
|
21
|
+
[s.vertical]: o
|
|
21
22
|
});
|
|
22
23
|
return /* @__PURE__ */ r("div", { className: _ });
|
|
23
24
|
}
|
|
@@ -1,54 +1,60 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import d, { useState as
|
|
3
|
-
import {
|
|
4
|
-
import '../../assets/Table.css';
|
|
1
|
+
import { jsx as e, jsxs as i } from "react/jsx-runtime";
|
|
2
|
+
import d, { useState as o } from "react";
|
|
3
|
+
import { G as R } from "../../iconBase-Bipuk9tK.js";
|
|
4
|
+
import '../../assets/Table.css';function x(l) {
|
|
5
|
+
return R({ tag: "svg", attr: { viewBox: "0 0 320 512" }, child: [{ tag: "path", attr: { d: "M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41z" }, child: [] }] })(l);
|
|
6
|
+
}
|
|
7
|
+
function L(l) {
|
|
8
|
+
return R({ tag: "svg", attr: { viewBox: "0 0 320 512" }, child: [{ tag: "path", attr: { d: "M279 224H41c-21.4 0-32.1-25.9-17-41L143 64c9.4-9.4 24.6-9.4 33.9 0l119 119c15.2 15.1 4.5 41-16.9 41z" }, child: [] }] })(l);
|
|
9
|
+
}
|
|
10
|
+
const z = "_selectedRow_1jg2j_23", w = {
|
|
5
11
|
"table-responsive": "_table-responsive_1jg2j_1",
|
|
6
|
-
selectedRow:
|
|
12
|
+
selectedRow: z
|
|
7
13
|
};
|
|
8
|
-
function
|
|
9
|
-
headers:
|
|
10
|
-
data:
|
|
11
|
-
includeRadio:
|
|
12
|
-
onSelectChange:
|
|
13
|
-
dataContainer:
|
|
14
|
-
useSort:
|
|
14
|
+
function G({
|
|
15
|
+
headers: l = [],
|
|
16
|
+
data: _ = [],
|
|
17
|
+
includeRadio: p = !1,
|
|
18
|
+
onSelectChange: r,
|
|
19
|
+
dataContainer: h,
|
|
20
|
+
useSort: u = !1,
|
|
15
21
|
sortBy: j,
|
|
16
|
-
sortOrder:
|
|
17
|
-
onSortChange:
|
|
22
|
+
sortOrder: y = "asc",
|
|
23
|
+
onSortChange: n
|
|
18
24
|
}) {
|
|
19
|
-
const [
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
},
|
|
23
|
-
f(parseInt(
|
|
24
|
-
}, [f,
|
|
25
|
-
return /* @__PURE__ */
|
|
26
|
-
/* @__PURE__ */
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
25
|
+
const [m, f] = o(null), [b, g] = o(j), [v, B] = o(y), k = (t) => {
|
|
26
|
+
const c = b === t && v === "asc" ? "desc" : "asc";
|
|
27
|
+
g(t), B(c), n == null || n(t, c);
|
|
28
|
+
}, O = d.useCallback((t) => {
|
|
29
|
+
f(parseInt(t.target.value, 10)), r == null || r(parseInt(t.target.value, 10));
|
|
30
|
+
}, [f, r]);
|
|
31
|
+
return /* @__PURE__ */ e("div", { className: w.table, children: /* @__PURE__ */ i("table", { children: [
|
|
32
|
+
/* @__PURE__ */ e("thead", { children: /* @__PURE__ */ i("tr", { children: [
|
|
33
|
+
p && /* @__PURE__ */ e("th", { children: "Select Row" }),
|
|
34
|
+
l.map((t, s) => /* @__PURE__ */ i("th", { onClick: () => u && k(t), children: [
|
|
35
|
+
t,
|
|
36
|
+
u && b === t && /* @__PURE__ */ e("span", { children: v === "asc" ? /* @__PURE__ */ e(L, {}) : /* @__PURE__ */ e(x, {}) })
|
|
31
37
|
] }, `header-${s}`))
|
|
32
38
|
] }) }),
|
|
33
|
-
/* @__PURE__ */
|
|
39
|
+
/* @__PURE__ */ e("tbody", { children: _.map((t, s) => /* @__PURE__ */ i(
|
|
34
40
|
"tr",
|
|
35
41
|
{
|
|
36
|
-
className:
|
|
42
|
+
className: m === s ? w.selectedRow : "",
|
|
37
43
|
children: [
|
|
38
|
-
|
|
44
|
+
p && /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
|
|
39
45
|
"input",
|
|
40
46
|
{
|
|
41
47
|
type: "radio",
|
|
42
48
|
name: "tableRowSelect",
|
|
43
49
|
value: s,
|
|
44
|
-
checked:
|
|
45
|
-
onChange:
|
|
50
|
+
checked: m === s,
|
|
51
|
+
onChange: O,
|
|
46
52
|
"aria-label": `${s}`
|
|
47
53
|
}
|
|
48
54
|
) }),
|
|
49
|
-
|
|
50
|
-
let
|
|
51
|
-
return d.isValidElement(
|
|
55
|
+
t.map((c, $) => {
|
|
56
|
+
let a;
|
|
57
|
+
return d.isValidElement(c) ? a = c : h ? a = d.createElement(h, { item: c }) : a = String(c), /* @__PURE__ */ e("td", { children: a }, `item-${$}`);
|
|
52
58
|
})
|
|
53
59
|
]
|
|
54
60
|
},
|
|
@@ -57,5 +63,5 @@ function S({
|
|
|
57
63
|
] }) });
|
|
58
64
|
}
|
|
59
65
|
export {
|
|
60
|
-
|
|
66
|
+
G as Table
|
|
61
67
|
};
|
|
@@ -10,6 +10,5 @@ export interface TextareaProps {
|
|
|
10
10
|
resize?: 'none' | 'vertical' | 'horizontal' | 'both';
|
|
11
11
|
autofocus?: boolean;
|
|
12
12
|
className?: string;
|
|
13
|
-
backdropBlur?: boolean;
|
|
14
13
|
}
|
|
15
14
|
export declare function Textarea(props: TextareaProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,57 +1,54 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as l, jsxs as f } from "react/jsx-runtime";
|
|
2
2
|
import _ from "react";
|
|
3
|
-
import { clsx as
|
|
4
|
-
import '../../assets/Textarea.css';const
|
|
5
|
-
root:
|
|
6
|
-
"full-width": "_full-
|
|
3
|
+
import { clsx as g } from "../../utils/clsx.js";
|
|
4
|
+
import '../../assets/Textarea.css';const x = "_root_19t3p_1", v = "_small_19t3p_7", C = "_large_19t3p_11", N = "_error_19t3p_15", w = "_disabled_19t3p_19", e = {
|
|
5
|
+
root: x,
|
|
6
|
+
"full-width": "_full-width_19t3p_4",
|
|
7
7
|
small: v,
|
|
8
8
|
large: C,
|
|
9
9
|
error: N,
|
|
10
10
|
disabled: w,
|
|
11
|
-
"resize-none": "_resize-
|
|
12
|
-
"resize-vertical": "_resize-
|
|
13
|
-
"resize-horizontal": "_resize-
|
|
14
|
-
"resize-both": "_resize-
|
|
15
|
-
"backdrop-blur": "_backdrop-blur_1gmfx_83"
|
|
11
|
+
"resize-none": "_resize-none_19t3p_57",
|
|
12
|
+
"resize-vertical": "_resize-vertical_19t3p_60",
|
|
13
|
+
"resize-horizontal": "_resize-horizontal_19t3p_63",
|
|
14
|
+
"resize-both": "_resize-both_19t3p_66"
|
|
16
15
|
};
|
|
17
|
-
function
|
|
16
|
+
function k(n) {
|
|
18
17
|
const {
|
|
19
|
-
value:
|
|
20
|
-
onChange:
|
|
21
|
-
label:
|
|
22
|
-
placeholder:
|
|
18
|
+
value: i,
|
|
19
|
+
onChange: o,
|
|
20
|
+
label: t,
|
|
21
|
+
placeholder: c,
|
|
23
22
|
rows: d,
|
|
24
|
-
resize:
|
|
25
|
-
disabled:
|
|
26
|
-
autofocus:
|
|
27
|
-
className:
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
r(h.target.value);
|
|
23
|
+
resize: p = "none",
|
|
24
|
+
disabled: r = !1,
|
|
25
|
+
autofocus: h,
|
|
26
|
+
className: m
|
|
27
|
+
} = n, u = _.useCallback(
|
|
28
|
+
(b) => {
|
|
29
|
+
o(b.target.value);
|
|
32
30
|
},
|
|
33
|
-
[
|
|
34
|
-
),
|
|
31
|
+
[o]
|
|
32
|
+
), s = _.useId(), a = /* @__PURE__ */ l(
|
|
35
33
|
"textarea",
|
|
36
34
|
{
|
|
37
|
-
autoFocus:
|
|
38
|
-
id:
|
|
39
|
-
className: e[`resize-${
|
|
35
|
+
autoFocus: h,
|
|
36
|
+
id: s,
|
|
37
|
+
className: e[`resize-${p}`],
|
|
40
38
|
rows: d,
|
|
41
|
-
value:
|
|
42
|
-
disabled:
|
|
43
|
-
onChange:
|
|
44
|
-
placeholder:
|
|
39
|
+
value: i,
|
|
40
|
+
disabled: r,
|
|
41
|
+
onChange: u,
|
|
42
|
+
placeholder: c
|
|
45
43
|
}
|
|
46
|
-
),
|
|
47
|
-
[e.disabled]:
|
|
48
|
-
[e["backdrop-blur"]]: x
|
|
44
|
+
), z = g(e.root, m, {
|
|
45
|
+
[e.disabled]: r
|
|
49
46
|
});
|
|
50
|
-
return /* @__PURE__ */
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
] }) :
|
|
47
|
+
return /* @__PURE__ */ l("div", { className: z, children: t ? /* @__PURE__ */ f("label", { htmlFor: s, children: [
|
|
48
|
+
t,
|
|
49
|
+
a
|
|
50
|
+
] }) : a });
|
|
54
51
|
}
|
|
55
52
|
export {
|
|
56
|
-
|
|
53
|
+
k as Textarea
|
|
57
54
|
};
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import a from "react";
|
|
2
|
+
var p = {
|
|
3
|
+
color: void 0,
|
|
4
|
+
size: void 0,
|
|
5
|
+
className: void 0,
|
|
6
|
+
style: void 0,
|
|
7
|
+
attr: void 0
|
|
8
|
+
}, s = a.createContext && /* @__PURE__ */ a.createContext(p), O = ["attr", "size", "title"];
|
|
9
|
+
function g(e, t) {
|
|
10
|
+
if (e == null) return {};
|
|
11
|
+
var r = y(e, t), n, i;
|
|
12
|
+
if (Object.getOwnPropertySymbols) {
|
|
13
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
14
|
+
for (i = 0; i < o.length; i++)
|
|
15
|
+
n = o[i], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (r[n] = e[n]);
|
|
16
|
+
}
|
|
17
|
+
return r;
|
|
18
|
+
}
|
|
19
|
+
function y(e, t) {
|
|
20
|
+
if (e == null) return {};
|
|
21
|
+
var r = {};
|
|
22
|
+
for (var n in e)
|
|
23
|
+
if (Object.prototype.hasOwnProperty.call(e, n)) {
|
|
24
|
+
if (t.indexOf(n) >= 0) continue;
|
|
25
|
+
r[n] = e[n];
|
|
26
|
+
}
|
|
27
|
+
return r;
|
|
28
|
+
}
|
|
29
|
+
function c() {
|
|
30
|
+
return c = Object.assign ? Object.assign.bind() : function(e) {
|
|
31
|
+
for (var t = 1; t < arguments.length; t++) {
|
|
32
|
+
var r = arguments[t];
|
|
33
|
+
for (var n in r)
|
|
34
|
+
Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
|
|
35
|
+
}
|
|
36
|
+
return e;
|
|
37
|
+
}, c.apply(this, arguments);
|
|
38
|
+
}
|
|
39
|
+
function m(e, t) {
|
|
40
|
+
var r = Object.keys(e);
|
|
41
|
+
if (Object.getOwnPropertySymbols) {
|
|
42
|
+
var n = Object.getOwnPropertySymbols(e);
|
|
43
|
+
t && (n = n.filter(function(i) {
|
|
44
|
+
return Object.getOwnPropertyDescriptor(e, i).enumerable;
|
|
45
|
+
})), r.push.apply(r, n);
|
|
46
|
+
}
|
|
47
|
+
return r;
|
|
48
|
+
}
|
|
49
|
+
function u(e) {
|
|
50
|
+
for (var t = 1; t < arguments.length; t++) {
|
|
51
|
+
var r = arguments[t] != null ? arguments[t] : {};
|
|
52
|
+
t % 2 ? m(Object(r), !0).forEach(function(n) {
|
|
53
|
+
d(e, n, r[n]);
|
|
54
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : m(Object(r)).forEach(function(n) {
|
|
55
|
+
Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
return e;
|
|
59
|
+
}
|
|
60
|
+
function d(e, t, r) {
|
|
61
|
+
return t = j(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
|
|
62
|
+
}
|
|
63
|
+
function j(e) {
|
|
64
|
+
var t = P(e, "string");
|
|
65
|
+
return typeof t == "symbol" ? t : t + "";
|
|
66
|
+
}
|
|
67
|
+
function P(e, t) {
|
|
68
|
+
if (typeof e != "object" || !e) return e;
|
|
69
|
+
var r = e[Symbol.toPrimitive];
|
|
70
|
+
if (r !== void 0) {
|
|
71
|
+
var n = r.call(e, t || "default");
|
|
72
|
+
if (typeof n != "object") return n;
|
|
73
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
74
|
+
}
|
|
75
|
+
return (t === "string" ? String : Number)(e);
|
|
76
|
+
}
|
|
77
|
+
function b(e) {
|
|
78
|
+
return e && e.map((t, r) => /* @__PURE__ */ a.createElement(t.tag, u({
|
|
79
|
+
key: r
|
|
80
|
+
}, t.attr), b(t.child)));
|
|
81
|
+
}
|
|
82
|
+
function E(e) {
|
|
83
|
+
return (t) => /* @__PURE__ */ a.createElement(h, c({
|
|
84
|
+
attr: u({}, e.attr)
|
|
85
|
+
}, t), b(e.child));
|
|
86
|
+
}
|
|
87
|
+
function h(e) {
|
|
88
|
+
var t = (r) => {
|
|
89
|
+
var {
|
|
90
|
+
attr: n,
|
|
91
|
+
size: i,
|
|
92
|
+
title: o
|
|
93
|
+
} = e, v = g(e, O), f = i || r.size || "1em", l;
|
|
94
|
+
return r.className && (l = r.className), e.className && (l = (l ? l + " " : "") + e.className), /* @__PURE__ */ a.createElement("svg", c({
|
|
95
|
+
stroke: "currentColor",
|
|
96
|
+
fill: "currentColor",
|
|
97
|
+
strokeWidth: "0"
|
|
98
|
+
}, r.attr, n, v, {
|
|
99
|
+
className: l,
|
|
100
|
+
style: u(u({
|
|
101
|
+
color: e.color || r.color
|
|
102
|
+
}, r.style), e.style),
|
|
103
|
+
height: f,
|
|
104
|
+
width: f,
|
|
105
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
106
|
+
}), o && /* @__PURE__ */ a.createElement("title", null, o), e.children);
|
|
107
|
+
};
|
|
108
|
+
return s !== void 0 ? /* @__PURE__ */ a.createElement(s.Consumer, null, (r) => t(r)) : t(p);
|
|
109
|
+
}
|
|
110
|
+
export {
|
|
111
|
+
E as G
|
|
112
|
+
};
|
package/dist/main.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ export { useInstance, useDynamicRef, useGlobalKeyboardEvent, useKeyboardClose, u
|
|
|
5
5
|
export { noop, returnTrue, returnFalse, identity, invoke, } from './utils/functional';
|
|
6
6
|
export { isExternalUrl, matchLinks, matchLinkNodes, defaultLinkReplacerx, defaultLinkReplacer, linkifyx, linkify, Linkify, } from './utils/links';
|
|
7
7
|
export { clamp01, clamp, } from './utils/math';
|
|
8
|
-
export {
|
|
8
|
+
export { splitByIndices, replaceRange, normalizeSlashes, isTrueString, isFalseString, } from './utils/string';
|
|
9
9
|
export { debounce, throttle, } from './utils/execution';
|
|
10
10
|
export type { ValueOrGetter } from './utils/getValue';
|
|
11
11
|
export type { ILinkSubstitute, ILinkMatch, LinkifyProps, } from './utils/links';
|
package/dist/main.js
CHANGED
|
@@ -3,146 +3,145 @@ import { clsx as p } from "./utils/clsx.js";
|
|
|
3
3
|
import { getValue as m } from "./utils/getValue.js";
|
|
4
4
|
import { useDynamicRef as a, useGlobalKeyboardEvent as l, useInstance as n, useKeyboardClose as i, useOutlet as s, useWindowResize as u } from "./utils/hooks.js";
|
|
5
5
|
import { identity as d, invoke as T, noop as I, returnFalse as L, returnTrue as S } from "./utils/functional.js";
|
|
6
|
-
import { Linkify as B, defaultLinkReplacer as k, defaultLinkReplacerx as R, isExternalUrl as b, linkify as O, linkifyx as g, matchLinkNodes as
|
|
7
|
-
import { clamp as
|
|
8
|
-
import { isFalseString as
|
|
9
|
-
import { debounce as
|
|
10
|
-
import { Checkbox as
|
|
11
|
-
import { Button as
|
|
12
|
-
import { LinkButton as
|
|
13
|
-
import { ButtonBar as
|
|
14
|
-
import { Avatar as
|
|
15
|
-
import { BACKDROP_OUTLET_ID as
|
|
16
|
-
import { Badge as
|
|
17
|
-
import { ControlBox as
|
|
18
|
-
import { CountryFlag as
|
|
19
|
-
import { Decorate as
|
|
20
|
-
import { Dot as
|
|
21
|
-
import { FLYOUT_OUTLET_ID as
|
|
22
|
-
import { Icon as
|
|
23
|
-
import { Indicator as
|
|
24
|
-
import { InfoPanel as
|
|
25
|
-
import { Input as
|
|
26
|
-
import { RichInput as
|
|
27
|
-
import { Interactive as
|
|
6
|
+
import { Linkify as B, defaultLinkReplacer as k, defaultLinkReplacerx as R, isExternalUrl as b, linkify as O, linkifyx as g, matchLinkNodes as D, matchLinks as h } from "./utils/links.js";
|
|
7
|
+
import { clamp as P, clamp01 as _ } from "./utils/math.js";
|
|
8
|
+
import { isFalseString as C, isTrueString as F, normalizeSlashes as U, replaceRange as z, splitByIndices as A } from "./utils/string.js";
|
|
9
|
+
import { debounce as V, throttle as w } from "./utils/execution.js";
|
|
10
|
+
import { Checkbox as Y } from "./components/Checkbox/Checkbox.js";
|
|
11
|
+
import { Button as M } from "./components/Button/Button.js";
|
|
12
|
+
import { LinkButton as j } from "./components/Button/LinkButton.js";
|
|
13
|
+
import { ButtonBar as H } from "./components/Button/ButtonBar.js";
|
|
14
|
+
import { Avatar as Q } from "./components/Avatar/Avatar.js";
|
|
15
|
+
import { BACKDROP_OUTLET_ID as Z, BackdropPortal as $ } from "./components/BackdropPortal/BackdropPortal.js";
|
|
16
|
+
import { Badge as ro } from "./components/Badge/Badge.js";
|
|
17
|
+
import { ControlBox as to } from "./components/ControlBox/ControlBox.js";
|
|
18
|
+
import { CountryFlag as xo } from "./components/CountryFlag/CountryFlag.js";
|
|
19
|
+
import { Decorate as fo } from "./components/Decorate/Decorate.js";
|
|
20
|
+
import { Dot as lo } from "./components/Dot/Dot.js";
|
|
21
|
+
import { FLYOUT_OUTLET_ID as io, Flyout as so } from "./components/Flyout/Flyout.js";
|
|
22
|
+
import { Icon as co } from "./components/Icon/Icon.js";
|
|
23
|
+
import { Indicator as Io } from "./components/Indicator/Indicator.js";
|
|
24
|
+
import { InfoPanel as So } from "./components/InfoPanel/InfoPanel.js";
|
|
25
|
+
import { Input as Bo } from "./components/Input/Input.js";
|
|
26
|
+
import { RichInput as Ro } from "./components/Input/RichInput.js";
|
|
27
|
+
import { Interactive as Oo } from "./components/Interactive/Interactive.js";
|
|
28
28
|
import { Island as Do } from "./components/Island/Island.js";
|
|
29
29
|
import { Box as Eo } from "./components/Layout/Box/Box.js";
|
|
30
30
|
import { Center as _o } from "./components/Layout/Center/Center.js";
|
|
31
|
-
import { Flex as
|
|
32
|
-
import { FlexRestricter as
|
|
33
|
-
import { Pad as
|
|
34
|
-
import { Page as
|
|
35
|
-
import { Scrollable as
|
|
36
|
-
import { VirtualScrollable as
|
|
37
|
-
import { Loaf as
|
|
38
|
-
import { Modal as
|
|
39
|
-
import { NavList as
|
|
40
|
-
import { OVERLAY_OUTLET_ID as
|
|
41
|
-
import { Popover as
|
|
42
|
-
import { PremiumBadge as
|
|
43
|
-
import { Prose as
|
|
44
|
-
import { Radio as
|
|
45
|
-
import { Select as
|
|
46
|
-
import { Separator as
|
|
47
|
-
import { Shroud as
|
|
48
|
-
import { Spacer as
|
|
49
|
-
import { Style as
|
|
50
|
-
import { Switch as
|
|
51
|
-
import { Tabular as
|
|
52
|
-
import { Table as
|
|
53
|
-
import { Text as
|
|
54
|
-
import { Textarea as
|
|
31
|
+
import { Flex as Co } from "./components/Layout/Flex/Flex.js";
|
|
32
|
+
import { FlexRestricter as Uo } from "./components/Layout/Flex/FlexRestricter.js";
|
|
33
|
+
import { Pad as Ao } from "./components/Layout/Pad/Pad.js";
|
|
34
|
+
import { Page as Vo } from "./components/Layout/Page/Page.js";
|
|
35
|
+
import { Scrollable as No } from "./components/Layout/Scrollable/Scrollable.js";
|
|
36
|
+
import { VirtualScrollable as Go } from "./components/Layout/Scrollable/VirtualScrollable.js";
|
|
37
|
+
import { Loaf as Wo } from "./components/Loaf/Loaf.js";
|
|
38
|
+
import { Modal as qo } from "./components/Modal/Modal.js";
|
|
39
|
+
import { NavList as Jo } from "./components/NavList/NavList.js";
|
|
40
|
+
import { OVERLAY_OUTLET_ID as Xo, Overlay as Zo } from "./components/Overlay/Overlay.js";
|
|
41
|
+
import { Popover as or } from "./components/Popover/Popover.js";
|
|
42
|
+
import { PremiumBadge as er } from "./components/PremiumBadge/PremiumBadge.js";
|
|
43
|
+
import { Prose as pr } from "./components/Prose/Prose.js";
|
|
44
|
+
import { Radio as mr } from "./components/Radio/Radio.js";
|
|
45
|
+
import { Select as ar } from "./components/Select/Select.js";
|
|
46
|
+
import { Separator as nr } from "./components/Separator/Separator.js";
|
|
47
|
+
import { Shroud as sr } from "./components/Shroud/Shroud.js";
|
|
48
|
+
import { Spacer as cr } from "./components/Spacer/Spacer.js";
|
|
49
|
+
import { Style as Tr, useContextualStyle as Ir } from "./components/Style/Style.js";
|
|
50
|
+
import { Switch as Sr } from "./components/Switch/Switch.js";
|
|
51
|
+
import { Tabular as Br } from "./components/Tabular/Tabular.js";
|
|
52
|
+
import { Table as Rr } from "./components/Table/Table.js";
|
|
53
|
+
import { Text as Or, TextBlock as gr } from "./components/Text/Text.js";
|
|
54
|
+
import { Textarea as hr } from "./components/Textarea/Textarea.js";
|
|
55
55
|
import { TITLE_OUTLET_ID as Pr, Title as _r } from "./components/Title/Title.js";
|
|
56
|
-
import { InputDropzone as
|
|
57
|
-
import {
|
|
58
|
-
import { OnScreenSensor as
|
|
59
|
-
import { ui as
|
|
60
|
-
import { Symbols as
|
|
56
|
+
import { InputDropzone as Cr } from "./components/InputDropzone/InputDropzone.js";
|
|
57
|
+
import { BrandIcon as Ur, Icons as zr } from "./style-guide/Icons/Icons.js";
|
|
58
|
+
import { OnScreenSensor as Kr } from "./components/OnScreenSensor.js";
|
|
59
|
+
import { ui as wr } from "./components/ui.js";
|
|
60
|
+
import { Symbols as Yr } from "./components/Symbols.js";
|
|
61
61
|
export {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
62
|
+
Q as Avatar,
|
|
63
|
+
Z as BACKDROP_OUTLET_ID,
|
|
64
|
+
$ as BackdropPortal,
|
|
65
|
+
ro as Badge,
|
|
66
66
|
Eo as Box,
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
Ur as BrandIcon,
|
|
68
|
+
M as Button,
|
|
69
|
+
H as ButtonBar,
|
|
70
70
|
_o as Center,
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
71
|
+
Y as Checkbox,
|
|
72
|
+
to as ControlBox,
|
|
73
|
+
xo as CountryFlag,
|
|
74
|
+
fo as Decorate,
|
|
75
|
+
lo as Dot,
|
|
76
|
+
io as FLYOUT_OUTLET_ID,
|
|
77
|
+
Co as Flex,
|
|
78
|
+
Uo as FlexRestricter,
|
|
79
|
+
so as Flyout,
|
|
80
|
+
co as Icon,
|
|
81
81
|
zr as Icons,
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
82
|
+
Io as Indicator,
|
|
83
|
+
So as InfoPanel,
|
|
84
|
+
Bo as Input,
|
|
85
|
+
Cr as InputDropzone,
|
|
86
|
+
Oo as Interactive,
|
|
87
87
|
Do as Island,
|
|
88
|
-
|
|
88
|
+
j as LinkButton,
|
|
89
89
|
B as Linkify,
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
90
|
+
Wo as Loaf,
|
|
91
|
+
qo as Modal,
|
|
92
|
+
Jo as NavList,
|
|
93
|
+
Xo as OVERLAY_OUTLET_ID,
|
|
94
|
+
Kr as OnScreenSensor,
|
|
95
|
+
Zo as Overlay,
|
|
96
|
+
Ao as Pad,
|
|
97
|
+
Vo as Page,
|
|
98
|
+
or as Popover,
|
|
99
|
+
er as PremiumBadge,
|
|
100
|
+
pr as Prose,
|
|
101
|
+
mr as Radio,
|
|
102
|
+
Ro as RichInput,
|
|
103
|
+
No as Scrollable,
|
|
104
|
+
ar as Select,
|
|
105
|
+
nr as Separator,
|
|
106
|
+
sr as Shroud,
|
|
107
|
+
cr as Spacer,
|
|
108
|
+
Tr as Style,
|
|
109
|
+
Sr as Switch,
|
|
110
|
+
Yr as Symbols,
|
|
111
111
|
Pr as TITLE_OUTLET_ID,
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
112
|
+
Rr as Table,
|
|
113
|
+
Br as Tabular,
|
|
114
|
+
Or as Text,
|
|
115
|
+
gr as TextBlock,
|
|
116
|
+
hr as Textarea,
|
|
117
117
|
_r as Title,
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
118
|
+
Go as VirtualScrollable,
|
|
119
|
+
P as clamp,
|
|
120
|
+
_ as clamp01,
|
|
121
121
|
p as clsx,
|
|
122
|
-
|
|
122
|
+
V as debounce,
|
|
123
123
|
k as defaultLinkReplacer,
|
|
124
124
|
R as defaultLinkReplacerx,
|
|
125
125
|
m as getValue,
|
|
126
126
|
d as identity,
|
|
127
127
|
T as invoke,
|
|
128
128
|
b as isExternalUrl,
|
|
129
|
-
|
|
129
|
+
C as isFalseString,
|
|
130
130
|
F as isTrueString,
|
|
131
131
|
O as linkify,
|
|
132
132
|
g as linkifyx,
|
|
133
|
-
|
|
134
|
-
|
|
133
|
+
D as matchLinkNodes,
|
|
134
|
+
h as matchLinks,
|
|
135
135
|
e as mergeRefs,
|
|
136
136
|
I as noop,
|
|
137
137
|
U as normalizeSlashes,
|
|
138
|
-
|
|
138
|
+
z as replaceRange,
|
|
139
139
|
L as returnFalse,
|
|
140
140
|
S as returnTrue,
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
Lr as useContextualStyle,
|
|
141
|
+
A as splitByIndices,
|
|
142
|
+
w as throttle,
|
|
143
|
+
wr as ui,
|
|
144
|
+
Ir as useContextualStyle,
|
|
146
145
|
a as useDynamicRef,
|
|
147
146
|
l as useGlobalKeyboardEvent,
|
|
148
147
|
n as useInstance,
|