@rufous/ui 0.3.54 → 0.3.56
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/main.cjs +205 -193
- package/dist/main.css +3 -0
- package/dist/main.d.cts +9 -1
- package/dist/main.d.ts +9 -1
- package/dist/main.js +910 -899
- package/package.json +1 -1
package/dist/main.cjs
CHANGED
|
@@ -65,6 +65,7 @@ __export(main_exports, {
|
|
|
65
65
|
CardHeader: () => CardHeader,
|
|
66
66
|
CardMedia: () => CardMedia,
|
|
67
67
|
ChatBubbleIcon: () => chatBubbleIcon_default,
|
|
68
|
+
CheckBoxIcon: () => checkBoxIcon_default,
|
|
68
69
|
CheckCircleIcon: () => checkCircleIcon_default,
|
|
69
70
|
Checkbox: () => Checkbox,
|
|
70
71
|
ChevronDownIcon: () => chevronDownIcon_default,
|
|
@@ -1456,12 +1457,22 @@ var path9 = /* @__PURE__ */ React123.createElement(React123.Fragment, null, /* @
|
|
|
1456
1457
|
var PersonSearchIcon = makeMaterialIcon(path9, path9);
|
|
1457
1458
|
var personSearchIcon_default = PersonSearchIcon;
|
|
1458
1459
|
|
|
1460
|
+
// lib/icons/checkBoxIcon.tsx
|
|
1461
|
+
var React124 = __toESM(require("react"), 1);
|
|
1462
|
+
var CheckBoxIcon = makeMaterialIcon(
|
|
1463
|
+
// Filled: solid rounded square with cut-out check
|
|
1464
|
+
/* @__PURE__ */ React124.createElement("path", { d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }),
|
|
1465
|
+
// Outlined: outlined rounded square with stroked check
|
|
1466
|
+
/* @__PURE__ */ React124.createElement("path", { d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm0 16H5V5h14v14zm-1.41-9.42L10.59 16.59 7 13l1.41-1.41 2.17 2.17 5.59-5.59L17.59 9.58z" })
|
|
1467
|
+
);
|
|
1468
|
+
var checkBoxIcon_default = CheckBoxIcon;
|
|
1469
|
+
|
|
1459
1470
|
// lib/icons/index.ts
|
|
1460
1471
|
var AddIcon = plusIcon_default;
|
|
1461
1472
|
var RemoveIcon = minusIcon_default;
|
|
1462
1473
|
|
|
1463
1474
|
// lib/Buttons/addButton.tsx
|
|
1464
|
-
var
|
|
1475
|
+
var React125 = __toESM(require("react"), 1);
|
|
1465
1476
|
|
|
1466
1477
|
// lib/utils/sx.ts
|
|
1467
1478
|
var import_react5 = require("react");
|
|
@@ -1510,15 +1521,15 @@ function useSx(sx) {
|
|
|
1510
1521
|
// lib/Buttons/addButton.tsx
|
|
1511
1522
|
var AddButton = ({ children, sx, className, ...props }) => {
|
|
1512
1523
|
const sxClass = useSx(sx);
|
|
1513
|
-
return /* @__PURE__ */
|
|
1524
|
+
return /* @__PURE__ */ React125.createElement("button", { className: ["btn add-btn", sxClass, className].filter(Boolean).join(" "), ...props }, "+ ", children);
|
|
1514
1525
|
};
|
|
1515
1526
|
var addButton_default = AddButton;
|
|
1516
1527
|
|
|
1517
1528
|
// lib/Buttons/submitButton.tsx
|
|
1518
|
-
var
|
|
1529
|
+
var React127 = __toESM(require("react"), 1);
|
|
1519
1530
|
|
|
1520
1531
|
// lib/Progress/circularProgress.tsx
|
|
1521
|
-
var
|
|
1532
|
+
var React126 = __toESM(require("react"), 1);
|
|
1522
1533
|
var CircularProgress = ({
|
|
1523
1534
|
size = 50,
|
|
1524
1535
|
color = "#a81c08",
|
|
@@ -1527,14 +1538,14 @@ var CircularProgress = ({
|
|
|
1527
1538
|
...props
|
|
1528
1539
|
}) => {
|
|
1529
1540
|
const sxClass = useSx(sx);
|
|
1530
|
-
return /* @__PURE__ */
|
|
1541
|
+
return /* @__PURE__ */ React126.createElement(
|
|
1531
1542
|
"div",
|
|
1532
1543
|
{
|
|
1533
1544
|
className: ["rufous-loader", sxClass, className].filter(Boolean).join(" "),
|
|
1534
1545
|
style: { width: size, height: size },
|
|
1535
1546
|
...props
|
|
1536
1547
|
},
|
|
1537
|
-
/* @__PURE__ */
|
|
1548
|
+
/* @__PURE__ */ React126.createElement("svg", { viewBox: "0 0 100 100" }, /* @__PURE__ */ React126.createElement(
|
|
1538
1549
|
"circle",
|
|
1539
1550
|
{
|
|
1540
1551
|
className: "rufous-loader-circle",
|
|
@@ -1556,7 +1567,7 @@ var CircularProgressIcon = ({
|
|
|
1556
1567
|
className
|
|
1557
1568
|
}) => {
|
|
1558
1569
|
const sxClass = useSx(sx);
|
|
1559
|
-
return /* @__PURE__ */
|
|
1570
|
+
return /* @__PURE__ */ React126.createElement("div", { className: ["rufous-loader rufous-loader--with-icon", sxClass, className].filter(Boolean).join(" "), style: { width: size, height: size } }, /* @__PURE__ */ React126.createElement("svg", { viewBox: "0 0 100 100" }, /* @__PURE__ */ React126.createElement(
|
|
1560
1571
|
"circle",
|
|
1561
1572
|
{
|
|
1562
1573
|
className: "rufous-loader-circle",
|
|
@@ -1565,7 +1576,7 @@ var CircularProgressIcon = ({
|
|
|
1565
1576
|
r: "45",
|
|
1566
1577
|
stroke: color
|
|
1567
1578
|
}
|
|
1568
|
-
)), /* @__PURE__ */
|
|
1579
|
+
)), /* @__PURE__ */ React126.createElement("div", { className: "rufous-loader__icon-wrap" }, /* @__PURE__ */ React126.createElement("div", { className: spinIcon ? "rufous-loader__icon--spin-y" : void 0 }, icon)));
|
|
1569
1580
|
};
|
|
1570
1581
|
|
|
1571
1582
|
// lib/Buttons/submitButton.tsx
|
|
@@ -1582,7 +1593,7 @@ var SubmitButton = ({
|
|
|
1582
1593
|
...props
|
|
1583
1594
|
}) => {
|
|
1584
1595
|
const sxClass = useSx(sx);
|
|
1585
|
-
const [loading, setLoading] =
|
|
1596
|
+
const [loading, setLoading] = React127.useState(false);
|
|
1586
1597
|
const runProtected = async (e, handler) => {
|
|
1587
1598
|
if (loading || isLoading) return;
|
|
1588
1599
|
setLoading(true);
|
|
@@ -1598,7 +1609,7 @@ var SubmitButton = ({
|
|
|
1598
1609
|
const handleClick = onClick ? (e) => runProtected(e, onClick) : void 0;
|
|
1599
1610
|
const handleDoubleClick = onDoubleClick ? (e) => runProtected(e, onDoubleClick) : void 0;
|
|
1600
1611
|
const showLoader = loading || isLoading;
|
|
1601
|
-
return /* @__PURE__ */
|
|
1612
|
+
return /* @__PURE__ */ React127.createElement(
|
|
1602
1613
|
"button",
|
|
1603
1614
|
{
|
|
1604
1615
|
...props,
|
|
@@ -1609,38 +1620,38 @@ var SubmitButton = ({
|
|
|
1609
1620
|
onDoubleClick: onDoubleClick ? handleDoubleClick : void 0,
|
|
1610
1621
|
style: { position: "relative", ...props.style }
|
|
1611
1622
|
},
|
|
1612
|
-
/* @__PURE__ */
|
|
1613
|
-
showLoader && /* @__PURE__ */
|
|
1623
|
+
/* @__PURE__ */ React127.createElement("span", { className: "btn-content", style: { visibility: showLoader ? "hidden" : "visible" } }, children),
|
|
1624
|
+
showLoader && /* @__PURE__ */ React127.createElement("span", { style: {
|
|
1614
1625
|
position: "absolute",
|
|
1615
1626
|
inset: 0,
|
|
1616
1627
|
display: "flex",
|
|
1617
1628
|
alignItems: "center",
|
|
1618
1629
|
justifyContent: "center"
|
|
1619
|
-
} }, /* @__PURE__ */
|
|
1630
|
+
} }, /* @__PURE__ */ React127.createElement(circularProgress_default, { size: 18, color: "#ffffff80" }))
|
|
1620
1631
|
);
|
|
1621
1632
|
};
|
|
1622
1633
|
var submitButton_default = SubmitButton;
|
|
1623
1634
|
|
|
1624
1635
|
// lib/Buttons/cancelButton.tsx
|
|
1625
|
-
var
|
|
1636
|
+
var React128 = __toESM(require("react"), 1);
|
|
1626
1637
|
var CancelButton = ({ children, sx, className, ...props }) => {
|
|
1627
1638
|
const sxClass = useSx(sx);
|
|
1628
|
-
return /* @__PURE__ */
|
|
1639
|
+
return /* @__PURE__ */ React128.createElement("button", { className: ["btn cancel-btn", sxClass, className].filter(Boolean).join(" "), ...props }, children);
|
|
1629
1640
|
};
|
|
1630
1641
|
var cancelButton_default = CancelButton;
|
|
1631
1642
|
|
|
1632
1643
|
// lib/Buttons/stdButton.tsx
|
|
1633
|
-
var
|
|
1644
|
+
var React129 = __toESM(require("react"), 1);
|
|
1634
1645
|
var StandardButton = ({ children, sx, className, ...props }) => {
|
|
1635
1646
|
const sxClass = useSx(sx);
|
|
1636
|
-
return /* @__PURE__ */
|
|
1647
|
+
return /* @__PURE__ */ React129.createElement("button", { className: ["btn standard-btn", sxClass, className].filter(Boolean).join(" "), ...props }, children);
|
|
1637
1648
|
};
|
|
1638
1649
|
var stdButton_default = StandardButton;
|
|
1639
1650
|
|
|
1640
1651
|
// lib/Buttons/Button.tsx
|
|
1641
|
-
var
|
|
1652
|
+
var React130 = __toESM(require("react"), 1);
|
|
1642
1653
|
var DEFAULT_MIN_MS = 1500;
|
|
1643
|
-
var Button =
|
|
1654
|
+
var Button = React130.forwardRef(
|
|
1644
1655
|
({
|
|
1645
1656
|
variant = "text",
|
|
1646
1657
|
color = "primary",
|
|
@@ -1665,10 +1676,10 @@ var Button = React129.forwardRef(
|
|
|
1665
1676
|
...rest
|
|
1666
1677
|
}, ref) => {
|
|
1667
1678
|
const sxClass = useSx(sx);
|
|
1668
|
-
const [debounceLoading, setDebounceLoading] =
|
|
1669
|
-
const btnRef =
|
|
1679
|
+
const [debounceLoading, setDebounceLoading] = React130.useState(false);
|
|
1680
|
+
const btnRef = React130.useRef(null);
|
|
1670
1681
|
const isLoading = loading || debounceLoading;
|
|
1671
|
-
const handleClick =
|
|
1682
|
+
const handleClick = React130.useCallback(
|
|
1672
1683
|
async (e) => {
|
|
1673
1684
|
if (!debounce) {
|
|
1674
1685
|
onClick?.(e);
|
|
@@ -1714,7 +1725,7 @@ var Button = React129.forwardRef(
|
|
|
1714
1725
|
tagProps.type = type;
|
|
1715
1726
|
tagProps.disabled = disabled || isLoading;
|
|
1716
1727
|
}
|
|
1717
|
-
return /* @__PURE__ */
|
|
1728
|
+
return /* @__PURE__ */ React130.createElement(
|
|
1718
1729
|
Tag,
|
|
1719
1730
|
{
|
|
1720
1731
|
ref: (node) => {
|
|
@@ -1727,19 +1738,19 @@ var Button = React129.forwardRef(
|
|
|
1727
1738
|
onClick: handleClick,
|
|
1728
1739
|
...tagProps
|
|
1729
1740
|
},
|
|
1730
|
-
isLoading && loadingPosition === "start" && /* @__PURE__ */
|
|
1731
|
-
startIcon && !isLoading && /* @__PURE__ */
|
|
1732
|
-
isLoading && loadingPosition === "center" ? /* @__PURE__ */
|
|
1733
|
-
endIcon && !isLoading && /* @__PURE__ */
|
|
1734
|
-
isLoading && loadingPosition === "end" && /* @__PURE__ */
|
|
1741
|
+
isLoading && loadingPosition === "start" && /* @__PURE__ */ React130.createElement("span", { className: "rf-btn__loading-indicator rf-btn__loading--start" }, /* @__PURE__ */ React130.createElement(circularProgress_default, { size: size === "small" ? 14 : size === "large" ? 22 : 18 })),
|
|
1742
|
+
startIcon && !isLoading && /* @__PURE__ */ React130.createElement("span", { className: "rf-btn__start-icon" }, startIcon),
|
|
1743
|
+
isLoading && loadingPosition === "center" ? /* @__PURE__ */ React130.createElement("span", { className: "rf-btn__loading-indicator" }, /* @__PURE__ */ React130.createElement(circularProgress_default, { size: size === "small" ? 14 : size === "large" ? 22 : 18 })) : /* @__PURE__ */ React130.createElement("span", { className: "rf-btn__label" }, children),
|
|
1744
|
+
endIcon && !isLoading && /* @__PURE__ */ React130.createElement("span", { className: "rf-btn__end-icon" }, endIcon),
|
|
1745
|
+
isLoading && loadingPosition === "end" && /* @__PURE__ */ React130.createElement("span", { className: "rf-btn__loading-indicator rf-btn__loading--end" }, /* @__PURE__ */ React130.createElement(circularProgress_default, { size: size === "small" ? 14 : size === "large" ? 22 : 18 }))
|
|
1735
1746
|
);
|
|
1736
1747
|
}
|
|
1737
1748
|
);
|
|
1738
1749
|
Button.displayName = "Button";
|
|
1739
1750
|
|
|
1740
1751
|
// lib/Buttons/IconButton.tsx
|
|
1741
|
-
var
|
|
1742
|
-
var IconButton =
|
|
1752
|
+
var React131 = __toESM(require("react"), 1);
|
|
1753
|
+
var IconButton = React131.forwardRef(
|
|
1743
1754
|
({
|
|
1744
1755
|
color = "default",
|
|
1745
1756
|
size = "medium",
|
|
@@ -1772,14 +1783,14 @@ var IconButton = React130.forwardRef(
|
|
|
1772
1783
|
tagProps.type = type;
|
|
1773
1784
|
tagProps.disabled = disabled;
|
|
1774
1785
|
}
|
|
1775
|
-
return /* @__PURE__ */
|
|
1786
|
+
return /* @__PURE__ */ React131.createElement(Tag, { ref, className: classes, style, ...tagProps }, children);
|
|
1776
1787
|
}
|
|
1777
1788
|
);
|
|
1778
1789
|
IconButton.displayName = "IconButton";
|
|
1779
1790
|
|
|
1780
1791
|
// lib/Buttons/ButtonGroup.tsx
|
|
1781
|
-
var
|
|
1782
|
-
var ButtonGroup =
|
|
1792
|
+
var React132 = __toESM(require("react"), 1);
|
|
1793
|
+
var ButtonGroup = React132.forwardRef(
|
|
1783
1794
|
({
|
|
1784
1795
|
orientation = "horizontal",
|
|
1785
1796
|
variant = "outlined",
|
|
@@ -1801,11 +1812,11 @@ var ButtonGroup = React131.forwardRef(
|
|
|
1801
1812
|
sxClass,
|
|
1802
1813
|
className
|
|
1803
1814
|
].filter(Boolean).join(" ");
|
|
1804
|
-
const childArray =
|
|
1805
|
-
return /* @__PURE__ */
|
|
1806
|
-
if (!
|
|
1815
|
+
const childArray = React132.Children.toArray(children);
|
|
1816
|
+
return /* @__PURE__ */ React132.createElement("div", { ref, role: "group", className: classes, ...rest }, childArray.map((child, idx) => {
|
|
1817
|
+
if (!React132.isValidElement(child)) return child;
|
|
1807
1818
|
const childProps = child.props;
|
|
1808
|
-
return
|
|
1819
|
+
return React132.cloneElement(child, {
|
|
1809
1820
|
...childProps,
|
|
1810
1821
|
disabled: disabled || childProps.disabled || false,
|
|
1811
1822
|
"data-rf-bg-index": idx,
|
|
@@ -1818,7 +1829,7 @@ var ButtonGroup = React131.forwardRef(
|
|
|
1818
1829
|
ButtonGroup.displayName = "ButtonGroup";
|
|
1819
1830
|
|
|
1820
1831
|
// lib/Dialogs/BaseDialog.tsx
|
|
1821
|
-
var
|
|
1832
|
+
var React133 = __toESM(require("react"), 1);
|
|
1822
1833
|
var import_react8 = require("react");
|
|
1823
1834
|
var import_react_dom = __toESM(require("react-dom"), 1);
|
|
1824
1835
|
|
|
@@ -2113,7 +2124,7 @@ var __iconNode22 = [
|
|
|
2113
2124
|
var X = createLucideIcon("x", __iconNode22);
|
|
2114
2125
|
|
|
2115
2126
|
// lib/Dialogs/BaseDialog.tsx
|
|
2116
|
-
var DialogDepthContext =
|
|
2127
|
+
var DialogDepthContext = React133.createContext(0);
|
|
2117
2128
|
var MIN_LOADING_MS2 = 1500;
|
|
2118
2129
|
var BaseDialog = ({
|
|
2119
2130
|
open = false,
|
|
@@ -2202,7 +2213,7 @@ var BaseDialog = ({
|
|
|
2202
2213
|
}, [open, portalZ]);
|
|
2203
2214
|
if (!open && !TransitionComponent) return null;
|
|
2204
2215
|
const isButtonLoading = isSubmitting || loading;
|
|
2205
|
-
const renderButtons = () => /* @__PURE__ */
|
|
2216
|
+
const renderButtons = () => /* @__PURE__ */ React133.createElement(React133.Fragment, null, showCancelButton && /* @__PURE__ */ React133.createElement(
|
|
2206
2217
|
"button",
|
|
2207
2218
|
{
|
|
2208
2219
|
className: "btn-cancel",
|
|
@@ -2211,7 +2222,7 @@ var BaseDialog = ({
|
|
|
2211
2222
|
type: "button"
|
|
2212
2223
|
},
|
|
2213
2224
|
cancelText
|
|
2214
|
-
), form ? /* @__PURE__ */
|
|
2225
|
+
), form ? /* @__PURE__ */ React133.createElement(
|
|
2215
2226
|
"button",
|
|
2216
2227
|
{
|
|
2217
2228
|
className: "btn-confirm",
|
|
@@ -2219,9 +2230,9 @@ var BaseDialog = ({
|
|
|
2219
2230
|
style: { position: "relative" },
|
|
2220
2231
|
type: "submit"
|
|
2221
2232
|
},
|
|
2222
|
-
/* @__PURE__ */
|
|
2223
|
-
isButtonLoading && /* @__PURE__ */
|
|
2224
|
-
) : onConfirm && /* @__PURE__ */
|
|
2233
|
+
/* @__PURE__ */ React133.createElement("span", { style: { visibility: isButtonLoading ? "hidden" : "visible" } }, submitText),
|
|
2234
|
+
isButtonLoading && /* @__PURE__ */ React133.createElement("span", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React133.createElement(circularProgress_default, { size: 18, color: "#ffffff80" }))
|
|
2235
|
+
) : onConfirm && /* @__PURE__ */ React133.createElement(
|
|
2225
2236
|
"button",
|
|
2226
2237
|
{
|
|
2227
2238
|
className: "btn-confirm",
|
|
@@ -2241,18 +2252,18 @@ var BaseDialog = ({
|
|
|
2241
2252
|
}
|
|
2242
2253
|
}
|
|
2243
2254
|
},
|
|
2244
|
-
/* @__PURE__ */
|
|
2245
|
-
isButtonLoading && /* @__PURE__ */
|
|
2255
|
+
/* @__PURE__ */ React133.createElement("span", { style: { visibility: isButtonLoading ? "hidden" : "visible" } }, confirmText),
|
|
2256
|
+
isButtonLoading && /* @__PURE__ */ React133.createElement("span", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React133.createElement(circularProgress_default, { size: 18, color: "#ffffff80" }))
|
|
2246
2257
|
));
|
|
2247
2258
|
const containerClass = ["dialog-container", size ? `size-${size}` : "", sxClass, className].filter(Boolean).join(" ");
|
|
2248
2259
|
const containerStyle = { minWidth, minHeight };
|
|
2249
|
-
const dialogInner = /* @__PURE__ */
|
|
2260
|
+
const dialogInner = /* @__PURE__ */ React133.createElement(React133.Fragment, null, /* @__PURE__ */ React133.createElement("div", { className: "dialog-title" }, /* @__PURE__ */ React133.createElement("h2", null, formatTitle ? title?.charAt(0).toUpperCase() + title?.slice(1) : title), showCloseButton && /* @__PURE__ */ React133.createElement("button", { className: "btn-close", type: "button", onClick: onClose }, /* @__PURE__ */ React133.createElement(
|
|
2250
2261
|
X,
|
|
2251
2262
|
{
|
|
2252
2263
|
size: 18,
|
|
2253
2264
|
color: themeConfig?.icon || "#666666"
|
|
2254
2265
|
}
|
|
2255
|
-
))), /* @__PURE__ */
|
|
2266
|
+
))), /* @__PURE__ */ React133.createElement("div", { className: "dialog-divider" }), /* @__PURE__ */ React133.createElement(
|
|
2256
2267
|
"div",
|
|
2257
2268
|
{
|
|
2258
2269
|
className: "dialog-body",
|
|
@@ -2262,8 +2273,8 @@ var BaseDialog = ({
|
|
|
2262
2273
|
}
|
|
2263
2274
|
},
|
|
2264
2275
|
children
|
|
2265
|
-
), /* @__PURE__ */
|
|
2266
|
-
const dialogContent = form ? /* @__PURE__ */
|
|
2276
|
+
), /* @__PURE__ */ React133.createElement("div", { className: "dialog-divider" }), /* @__PURE__ */ React133.createElement("div", { className: "dialog-footer", style: { justifyContent: buttonAlign } }, customButtons || renderButtons()));
|
|
2277
|
+
const dialogContent = form ? /* @__PURE__ */ React133.createElement(
|
|
2267
2278
|
"form",
|
|
2268
2279
|
{
|
|
2269
2280
|
ref: setContainerRef,
|
|
@@ -2275,7 +2286,7 @@ var BaseDialog = ({
|
|
|
2275
2286
|
}
|
|
2276
2287
|
},
|
|
2277
2288
|
dialogInner
|
|
2278
|
-
) : /* @__PURE__ */
|
|
2289
|
+
) : /* @__PURE__ */ React133.createElement(
|
|
2279
2290
|
"div",
|
|
2280
2291
|
{
|
|
2281
2292
|
ref: setContainerRef,
|
|
@@ -2284,17 +2295,17 @@ var BaseDialog = ({
|
|
|
2284
2295
|
},
|
|
2285
2296
|
dialogInner
|
|
2286
2297
|
);
|
|
2287
|
-
const overlayNode = (content) => /* @__PURE__ */
|
|
2298
|
+
const overlayNode = (content) => /* @__PURE__ */ React133.createElement(
|
|
2288
2299
|
"div",
|
|
2289
2300
|
{
|
|
2290
2301
|
className: `dialog-overlay ${size === "fullScreen" ? "overlay-fullscreen" : ""}`,
|
|
2291
2302
|
style: { zIndex: overlayZ }
|
|
2292
2303
|
},
|
|
2293
|
-
/* @__PURE__ */
|
|
2304
|
+
/* @__PURE__ */ React133.createElement(DialogDepthContext.Provider, { value: depth + 1 }, content)
|
|
2294
2305
|
);
|
|
2295
2306
|
if (TransitionComponent) {
|
|
2296
2307
|
return import_react_dom.default.createPortal(
|
|
2297
|
-
/* @__PURE__ */
|
|
2308
|
+
/* @__PURE__ */ React133.createElement(
|
|
2298
2309
|
TransitionComponent,
|
|
2299
2310
|
{
|
|
2300
2311
|
in: open,
|
|
@@ -5175,9 +5186,9 @@ var DateRangeField = ({
|
|
|
5175
5186
|
DateRangeField.displayName = "DateRangeField";
|
|
5176
5187
|
|
|
5177
5188
|
// lib/Progress/LinearProgress.tsx
|
|
5178
|
-
var
|
|
5189
|
+
var React142 = __toESM(require("react"), 1);
|
|
5179
5190
|
var clamp = (n) => Math.max(0, Math.min(100, n));
|
|
5180
|
-
var LinearProgress =
|
|
5191
|
+
var LinearProgress = React142.forwardRef(
|
|
5181
5192
|
({
|
|
5182
5193
|
variant = "indeterminate",
|
|
5183
5194
|
value = 0,
|
|
@@ -5204,7 +5215,7 @@ var LinearProgress = React141.forwardRef(
|
|
|
5204
5215
|
"aria-valuemin": 0,
|
|
5205
5216
|
"aria-valuemax": 100
|
|
5206
5217
|
} : {};
|
|
5207
|
-
return /* @__PURE__ */
|
|
5218
|
+
return /* @__PURE__ */ React142.createElement(
|
|
5208
5219
|
"div",
|
|
5209
5220
|
{
|
|
5210
5221
|
ref,
|
|
@@ -5218,21 +5229,21 @@ var LinearProgress = React141.forwardRef(
|
|
|
5218
5229
|
},
|
|
5219
5230
|
...rest
|
|
5220
5231
|
},
|
|
5221
|
-
variant === "buffer" && /* @__PURE__ */
|
|
5232
|
+
variant === "buffer" && /* @__PURE__ */ React142.createElement(
|
|
5222
5233
|
"span",
|
|
5223
5234
|
{
|
|
5224
5235
|
className: "rf-linear-progress__buffer",
|
|
5225
5236
|
style: { width: `${vb}%`, background: color, opacity: 0.3 }
|
|
5226
5237
|
}
|
|
5227
5238
|
),
|
|
5228
|
-
/* @__PURE__ */
|
|
5239
|
+
/* @__PURE__ */ React142.createElement(
|
|
5229
5240
|
"span",
|
|
5230
5241
|
{
|
|
5231
5242
|
className: "rf-linear-progress__bar",
|
|
5232
5243
|
style: variant === "determinate" || variant === "buffer" ? { width: `${v}%`, background: color } : { background: color }
|
|
5233
5244
|
}
|
|
5234
5245
|
),
|
|
5235
|
-
variant === "indeterminate" && /* @__PURE__ */
|
|
5246
|
+
variant === "indeterminate" && /* @__PURE__ */ React142.createElement(
|
|
5236
5247
|
"span",
|
|
5237
5248
|
{
|
|
5238
5249
|
className: "rf-linear-progress__bar rf-linear-progress__bar--secondary",
|
|
@@ -5245,13 +5256,13 @@ var LinearProgress = React141.forwardRef(
|
|
|
5245
5256
|
LinearProgress.displayName = "LinearProgress";
|
|
5246
5257
|
|
|
5247
5258
|
// lib/Progress/RufousLogoLoader.tsx
|
|
5248
|
-
var
|
|
5259
|
+
var React143 = __toESM(require("react"), 1);
|
|
5249
5260
|
var _uid = 0;
|
|
5250
5261
|
var RufousLogoLoader = ({ size = 80, sx, className }) => {
|
|
5251
|
-
const clipId =
|
|
5262
|
+
const clipId = React143.useRef(`rll-${++_uid}`).current;
|
|
5252
5263
|
const height = size * (38.795 / 54.585);
|
|
5253
5264
|
const sxClass = useSx(sx);
|
|
5254
|
-
return /* @__PURE__ */
|
|
5265
|
+
return /* @__PURE__ */ React143.createElement("div", { className: ["rufous-logo-loader", sxClass, className].filter(Boolean).join(" "), style: { width: size, height } }, /* @__PURE__ */ React143.createElement(
|
|
5255
5266
|
"svg",
|
|
5256
5267
|
{
|
|
5257
5268
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5260,14 +5271,14 @@ var RufousLogoLoader = ({ size = 80, sx, className }) => {
|
|
|
5260
5271
|
height,
|
|
5261
5272
|
className: "rufous-logo-loader__svg"
|
|
5262
5273
|
},
|
|
5263
|
-
/* @__PURE__ */
|
|
5274
|
+
/* @__PURE__ */ React143.createElement("defs", null, /* @__PURE__ */ React143.createElement("clipPath", { id: clipId }, /* @__PURE__ */ React143.createElement(
|
|
5264
5275
|
"path",
|
|
5265
5276
|
{
|
|
5266
5277
|
transform: "translate(2208 18.205)",
|
|
5267
5278
|
d: "M.7,38.8a3.783,3.783,0,0,1-.5-.045l-.031,0A.26.26,0,0,1,0,38.564a.279.279,0,0,1,.14-.2c.222-.126.45-.251.671-.371l.047-.026c.357-.194.8-.435,1.209-.685.783-.479,1.565-.993,2.32-1.489l.033-.022.218-.143.49-.32c.575-.374,1.226-.8,1.824-1.241.98-.726,1.834-1.407,2.611-2.081a22.444,22.444,0,0,0,1.783-1.774A14.2,14.2,0,0,0,12.5,28.749l.012-.016a15.8,15.8,0,0,0,1.151-1.8,10.351,10.351,0,0,0,.586-1.511l0-.011.092-.278a4.425,4.425,0,0,0,.14-.583l.007-.036c.024-.119.048-.243.079-.363a4.639,4.639,0,0,0-.034-2.566c-.064-.212-.126-.43-.184-.636l-.008-.028c-.111-.391-.225-.8-.369-1.181a8.71,8.71,0,0,0-2.279-3.24,14.363,14.363,0,0,0-3.239-2.326c-.75-.4-1.553-.727-2.329-1.046L6.1,13.114l-.157-.065c-.294-.122-.6-.221-.9-.318l-.025-.008c-.19-.061-.427-.136-.649-.218-.108-.04-.265-.172-.252-.229a.7.7,0,0,1,.235-.4.915.915,0,0,1,.449-.112c.383-.029.77-.063,1.165-.1.969-.085,1.971-.174,2.962-.181h.119a13.145,13.145,0,0,1,2.907.315,11.888,11.888,0,0,1,3.128,1.123,10.286,10.286,0,0,1,2.3,1.554.92.92,0,0,1,.273.4,12.722,12.722,0,0,1,.458,3.3c-.009,1.494-.014,2.867-.014,4.2,0,.309.013.588.039.852a1.013,1.013,0,0,0,.078.26l0,.01c.027.067.051.129.077.207.029-.064.054-.116.076-.161l.009-.017.006-.012a.823.823,0,0,0,.076-.189c.051-.247.1-.494.164-.767.136-.618.276-1.257.359-1.9a24.362,24.362,0,0,0,0-6.777,13.01,13.01,0,0,0-.559-2.1c-.061-.185-.125-.382-.187-.579a9.42,9.42,0,0,0-.583-1.469c-.367-.727-.786-1.449-1.184-2.126a9.376,9.376,0,0,0-.643-.918c-.076-.1-.151-.2-.224-.3L15.548,6.3a8.128,8.128,0,0,0-.865-1.057,32.021,32.021,0,0,0-2.466-2.183,12.673,12.673,0,0,0-1.905-1.188c-.48-.256-1-.485-1.462-.687-.221-.1-.457-.2-.683-.306a.663.663,0,0,1-.11-.071L8.039.795c-.027-.02-.058-.043-.1-.069L8.062.667,8.108.644a1.786,1.786,0,0,1,.27-.12A11.679,11.679,0,0,1,11.866,0a13.332,13.332,0,0,1,1.769.121A13.927,13.927,0,0,1,15.9.693l.471.147a10.775,10.775,0,0,1,1.656.658,9.622,9.622,0,0,1,1.768,1.041,32.024,32.024,0,0,1,3.092,2.717,25.62,25.62,0,0,1,2.245,2.829l.084.117c.617.86,1.171,1.777,1.678,2.641.255.435.484.9.687,1.3.14.281.285.572.436.854.262.491.534.977.835,1.516l.005.01q.169.3.337.6c.064.116.13.232.2.347l.027.047c.12.212.244.431.357.651a8.518,8.518,0,0,0,2.121,2.695c.065.024.137.054.212.086l.013.006a1.268,1.268,0,0,0,.376.123.087.087,0,0,0,.063-.02.209.209,0,0,0,.083-.151c0-.083-.08-.153-.157-.22a.694.694,0,0,1-.135-.142c-.134-.216-.273-.436-.407-.649l-.063-.1c-.373-.587-.8-1.251-1.157-1.923s-.666-1.373-.964-2.057l0-.008q-.123-.284-.247-.564a1.707,1.707,0,0,1,.239-1.554l.026-.046.005-.009A12.918,12.918,0,0,1,31.408,9.3,7.814,7.814,0,0,1,33.75,7.612a5.391,5.391,0,0,1,2.218-.444,11.369,11.369,0,0,1,1.882.186,9.211,9.211,0,0,1,2.845,1.022c.138.071.261.135.373.188a4.155,4.155,0,0,0,1.849.464h.093c1.993-.052,4-.14,5.95-.224l.846-.036c.9-.038,1.808-.066,2.682-.093L52.7,8.67l1.007-.031h.041a1.787,1.787,0,0,1,.73.163c.1.051.109.256.109.318,0,.081-.147.169-.257.175-.466.028-.994.043-1.485.043a37.855,37.855,0,0,0-6.3.577A9.221,9.221,0,0,0,42.7,11.3a7.884,7.884,0,0,0-1.565,1.5c-.593.743-1.116,1.545-1.621,2.321l-.121.185c-.228.35-.435.709-.662,1.109l-.041.071c-.136.236-.276.481-.42.717l-.007.012c-.349.572-.709,1.162-1.1,1.716l-.216.307-.01.014a21.585,21.585,0,0,1-1.451,1.907c-1.317,1.485-2.538,2.8-3.734,4.006a30.822,30.822,0,0,1-2.5,2.207c-.548.446-1.139.86-1.71,1.26l-.01.007q-.254.177-.5.355c-.536.379-1.109.78-1.7,1.157-.545.35-1.143.71-1.828,1.1-.842.483-1.586.9-2.275,1.26-.271.144-.553.272-.868.412-.13.058-.3.135-.467.213a6.838,6.838,0,0,1-1.18.3,5.079,5.079,0,0,1,.647-.771l.008-.008c.132-.136.251-.26.365-.393l.048-.056c.566-.667,1.151-1.357,1.7-2.059s1.126-1.439,1.649-2.2c.4-.579.749-1.2,1.134-1.888l.016-.028c.406-.734.826-1.493,1.181-2.266.274-.6.733-1.787.866-2.189l.023-.07c.13-.389.215-.646-.013-.916a.369.369,0,0,1-.041.031l0,0c-.028.021-.055.041-.058.065a2.307,2.307,0,0,1-.146.5,5.257,5.257,0,0,1-.374.709c-.281.468-.536.959-.782,1.434-.2.385-.379.731-.57,1.069a20.042,20.042,0,0,1-1.161,1.871,30.689,30.689,0,0,1-1.985,2.531c-.74.821-1.567,1.648-2.6,2.6a21.448,21.448,0,0,1-2.1,1.669c-.85.606-1.754,1.2-2.688,1.768a17.867,17.867,0,0,1-1.993,1.037c-.994.445-2.066.891-3.185,1.324a12.127,12.127,0,0,1-1.714.514c-.955.213-1.969.413-3.1.611-1.023.18-2.054.328-2.927.449A1.41,1.41,0,0,1,.7,38.8ZM37.945,10.58l-.007,0a.583.583,0,0,0-.223.048.677.677,0,0,0-.437.555.637.637,0,0,0,.426.527.621.621,0,0,0,.209.046h.016a.72.72,0,0,0,.464-.194.676.676,0,0,0,.194-.282l0-.011,0-.005,0-.006,0-.009a.415.415,0,0,0,.014-.109.734.734,0,0,0-.657-.56Z"
|
|
5268
5279
|
}
|
|
5269
5280
|
))),
|
|
5270
|
-
/* @__PURE__ */
|
|
5281
|
+
/* @__PURE__ */ React143.createElement("g", { transform: "translate(-123.275 -24)" }, /* @__PURE__ */ React143.createElement("g", { transform: "translate(-2084.725 5.795)", clipPath: `url(#${clipId})` }, /* @__PURE__ */ React143.createElement("rect", { className: "rufous-ls rufous-ls-1", width: "40", height: "6", transform: "translate(2208 58) rotate(-90)", fill: "#d07f6f" }), /* @__PURE__ */ React143.createElement("rect", { className: "rufous-ls rufous-ls-2", width: "40", height: "6", transform: "translate(2214 58) rotate(-90)", fill: "#c66958" }), /* @__PURE__ */ React143.createElement("rect", { className: "rufous-ls rufous-ls-3", width: "40", height: "7", transform: "translate(2220 58) rotate(-90)", fill: "#bb5341" }), /* @__PURE__ */ React143.createElement("rect", { className: "rufous-ls rufous-ls-4", width: "40", height: "6", transform: "translate(2227 58) rotate(-90)", fill: "#b03a28" }), /* @__PURE__ */ React143.createElement("rect", { className: "rufous-ls rufous-ls-5", width: "40", height: "6", transform: "translate(2233 58) rotate(-90)", fill: "#a41b06" }), /* @__PURE__ */ React143.createElement("rect", { className: "rufous-ls rufous-ls-6", width: "40", height: "6", transform: "translate(2239 58) rotate(-90)", fill: "#8e1604" }), /* @__PURE__ */ React143.createElement("rect", { className: "rufous-ls rufous-ls-7", width: "40", height: "6", transform: "translate(2245 58) rotate(-90)", fill: "#791103" }), /* @__PURE__ */ React143.createElement("rect", { className: "rufous-ls rufous-ls-8", width: "40", height: "5", transform: "translate(2251 58) rotate(-90)", fill: "#640c02" }), /* @__PURE__ */ React143.createElement("rect", { className: "rufous-ls rufous-ls-9", width: "40", height: "7", transform: "translate(2256 58) rotate(-90)", fill: "#500801" })))
|
|
5271
5282
|
));
|
|
5272
5283
|
};
|
|
5273
5284
|
|
|
@@ -6187,7 +6198,7 @@ function DataGrid({
|
|
|
6187
6198
|
"td",
|
|
6188
6199
|
{
|
|
6189
6200
|
key: `${item.id}-${colField}`,
|
|
6190
|
-
className: `dg-td${col.pinned === "left" ? " pinned-left" : col.pinned === "right" ? " pinned-right" : ""}${col.editable ? " dg-td--editable" : ""} ${col.cellClassName || ""}`,
|
|
6201
|
+
className: `dg-td${col.pinned === "left" ? " pinned-left" : col.pinned === "right" ? " pinned-right" : ""}${col.editable ? " dg-td--editable" : ""}${col.disablePadding ? " dg-td--no-padding" : ""} ${col.cellClassName || ""}`,
|
|
6191
6202
|
style: { width, minWidth: width, maxWidth: width, left: leftOffset, right: rightOffset, flex: col.flex },
|
|
6192
6203
|
onDoubleClick: () => onCellDoubleClick?.({ row: item, field: colField, value: item[col.field || ""] }),
|
|
6193
6204
|
onClick: col.editable ? () => {
|
|
@@ -7062,8 +7073,8 @@ var RadioGroup = import_react21.default.forwardRef(function RadioGroup2(props, r
|
|
|
7062
7073
|
RadioGroup.displayName = "RadioGroup";
|
|
7063
7074
|
|
|
7064
7075
|
// lib/FormGroup/FormGroup.tsx
|
|
7065
|
-
var
|
|
7066
|
-
var FormGroup =
|
|
7076
|
+
var React149 = __toESM(require("react"), 1);
|
|
7077
|
+
var FormGroup = React149.forwardRef(
|
|
7067
7078
|
({ row = false, spacing, sx, className, style, children, ...rest }, ref) => {
|
|
7068
7079
|
const sxClass = useSx(sx);
|
|
7069
7080
|
const classes = ["rf-form-group", sxClass, className].filter(Boolean).join(" ");
|
|
@@ -7075,7 +7086,7 @@ var FormGroup = React148.forwardRef(
|
|
|
7075
7086
|
gap,
|
|
7076
7087
|
...style
|
|
7077
7088
|
};
|
|
7078
|
-
return /* @__PURE__ */
|
|
7089
|
+
return /* @__PURE__ */ React149.createElement("div", { ref, className: classes, style: inlineStyle, ...rest }, children);
|
|
7079
7090
|
}
|
|
7080
7091
|
);
|
|
7081
7092
|
FormGroup.displayName = "FormGroup";
|
|
@@ -7868,12 +7879,12 @@ var Skeleton = ({
|
|
|
7868
7879
|
Skeleton.displayName = "Skeleton";
|
|
7869
7880
|
|
|
7870
7881
|
// lib/Box/Box.tsx
|
|
7871
|
-
var
|
|
7882
|
+
var React158 = __toESM(require("react"), 1);
|
|
7872
7883
|
function sp(val) {
|
|
7873
7884
|
if (val === void 0) return void 0;
|
|
7874
7885
|
return typeof val === "number" ? `${val * 8}px` : val;
|
|
7875
7886
|
}
|
|
7876
|
-
var Box =
|
|
7887
|
+
var Box = React158.forwardRef(
|
|
7877
7888
|
({
|
|
7878
7889
|
component = "div",
|
|
7879
7890
|
children,
|
|
@@ -7973,18 +7984,18 @@ var Box = React157.forwardRef(
|
|
|
7973
7984
|
};
|
|
7974
7985
|
const classes = ["rf-box", sxClass, className].filter(Boolean).join(" ");
|
|
7975
7986
|
const Tag = component;
|
|
7976
|
-
return /* @__PURE__ */
|
|
7987
|
+
return /* @__PURE__ */ React158.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, children);
|
|
7977
7988
|
}
|
|
7978
7989
|
);
|
|
7979
7990
|
Box.displayName = "Box";
|
|
7980
7991
|
|
|
7981
7992
|
// lib/Stack/Stack.tsx
|
|
7982
|
-
var
|
|
7993
|
+
var React159 = __toESM(require("react"), 1);
|
|
7983
7994
|
function sp2(val) {
|
|
7984
7995
|
if (val === void 0) return void 0;
|
|
7985
7996
|
return typeof val === "number" ? `${val * 8}px` : val;
|
|
7986
7997
|
}
|
|
7987
|
-
var Stack =
|
|
7998
|
+
var Stack = React159.forwardRef(
|
|
7988
7999
|
({
|
|
7989
8000
|
direction = "column",
|
|
7990
8001
|
spacing,
|
|
@@ -8061,14 +8072,14 @@ var Stack = React158.forwardRef(
|
|
|
8061
8072
|
const classes = ["rf-stack", sxClass, className].filter(Boolean).join(" ");
|
|
8062
8073
|
let content;
|
|
8063
8074
|
if (divider) {
|
|
8064
|
-
const childArray =
|
|
8075
|
+
const childArray = React159.Children.toArray(children).filter(
|
|
8065
8076
|
(child) => child !== null && child !== void 0
|
|
8066
8077
|
);
|
|
8067
8078
|
content = childArray.reduce((acc, child, idx) => {
|
|
8068
8079
|
acc.push(child);
|
|
8069
8080
|
if (idx < childArray.length - 1) {
|
|
8070
8081
|
acc.push(
|
|
8071
|
-
/* @__PURE__ */
|
|
8082
|
+
/* @__PURE__ */ React159.createElement("div", { key: `divider-${idx}`, className: "rf-stack-divider" }, divider)
|
|
8072
8083
|
);
|
|
8073
8084
|
}
|
|
8074
8085
|
return acc;
|
|
@@ -8077,13 +8088,13 @@ var Stack = React158.forwardRef(
|
|
|
8077
8088
|
content = children;
|
|
8078
8089
|
}
|
|
8079
8090
|
const Tag = component;
|
|
8080
|
-
return /* @__PURE__ */
|
|
8091
|
+
return /* @__PURE__ */ React159.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, content);
|
|
8081
8092
|
}
|
|
8082
8093
|
);
|
|
8083
8094
|
Stack.displayName = "Stack";
|
|
8084
8095
|
|
|
8085
8096
|
// lib/Grid/Grid.tsx
|
|
8086
|
-
var
|
|
8097
|
+
var React160 = __toESM(require("react"), 1);
|
|
8087
8098
|
function sp3(val) {
|
|
8088
8099
|
if (val === void 0) return void 0;
|
|
8089
8100
|
return typeof val === "number" ? `${val * 8}px` : val;
|
|
@@ -8100,7 +8111,7 @@ function getSpacingGap(spacing) {
|
|
|
8100
8111
|
const base = spacing.xs ?? spacing.sm ?? spacing.md ?? 0;
|
|
8101
8112
|
return `${base * 8}px`;
|
|
8102
8113
|
}
|
|
8103
|
-
var Grid =
|
|
8114
|
+
var Grid = React160.forwardRef(
|
|
8104
8115
|
({
|
|
8105
8116
|
container = false,
|
|
8106
8117
|
item = false,
|
|
@@ -8194,13 +8205,13 @@ var Grid = React159.forwardRef(
|
|
|
8194
8205
|
className
|
|
8195
8206
|
].filter(Boolean).join(" ");
|
|
8196
8207
|
const Tag = component;
|
|
8197
|
-
return /* @__PURE__ */
|
|
8208
|
+
return /* @__PURE__ */ React160.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, children);
|
|
8198
8209
|
}
|
|
8199
8210
|
);
|
|
8200
8211
|
Grid.displayName = "Grid";
|
|
8201
8212
|
|
|
8202
8213
|
// lib/Container/Container.tsx
|
|
8203
|
-
var
|
|
8214
|
+
var React161 = __toESM(require("react"), 1);
|
|
8204
8215
|
var BREAKPOINT_PX = {
|
|
8205
8216
|
xs: 444,
|
|
8206
8217
|
sm: 600,
|
|
@@ -8208,7 +8219,7 @@ var BREAKPOINT_PX = {
|
|
|
8208
8219
|
lg: 1200,
|
|
8209
8220
|
xl: 1536
|
|
8210
8221
|
};
|
|
8211
|
-
var Container =
|
|
8222
|
+
var Container = React161.forwardRef(
|
|
8212
8223
|
({
|
|
8213
8224
|
maxWidth = "lg",
|
|
8214
8225
|
fixed = false,
|
|
@@ -8233,7 +8244,7 @@ var Container = React160.forwardRef(
|
|
|
8233
8244
|
...style
|
|
8234
8245
|
};
|
|
8235
8246
|
const Tag = component;
|
|
8236
|
-
return /* @__PURE__ */
|
|
8247
|
+
return /* @__PURE__ */ React161.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, children);
|
|
8237
8248
|
}
|
|
8238
8249
|
);
|
|
8239
8250
|
Container.displayName = "Container";
|
|
@@ -8493,8 +8504,8 @@ var TablePagination = import_react30.default.forwardRef(
|
|
|
8493
8504
|
TablePagination.displayName = "TablePagination";
|
|
8494
8505
|
|
|
8495
8506
|
// lib/Paper/Paper.tsx
|
|
8496
|
-
var
|
|
8497
|
-
var Paper =
|
|
8507
|
+
var React163 = __toESM(require("react"), 1);
|
|
8508
|
+
var Paper = React163.forwardRef(
|
|
8498
8509
|
({
|
|
8499
8510
|
elevation = 1,
|
|
8500
8511
|
square = false,
|
|
@@ -8516,14 +8527,14 @@ var Paper = React162.forwardRef(
|
|
|
8516
8527
|
className
|
|
8517
8528
|
].filter(Boolean).join(" ");
|
|
8518
8529
|
const Tag = component;
|
|
8519
|
-
return /* @__PURE__ */
|
|
8530
|
+
return /* @__PURE__ */ React163.createElement(Tag, { ref, className: classes, style, ...rest }, children);
|
|
8520
8531
|
}
|
|
8521
8532
|
);
|
|
8522
8533
|
Paper.displayName = "Paper";
|
|
8523
8534
|
|
|
8524
8535
|
// lib/Card/Card.tsx
|
|
8525
|
-
var
|
|
8526
|
-
var Card =
|
|
8536
|
+
var React164 = __toESM(require("react"), 1);
|
|
8537
|
+
var Card = React164.forwardRef(
|
|
8527
8538
|
({
|
|
8528
8539
|
elevation = 1,
|
|
8529
8540
|
variant = "elevation",
|
|
@@ -8542,33 +8553,33 @@ var Card = React163.forwardRef(
|
|
|
8542
8553
|
sxClass,
|
|
8543
8554
|
className
|
|
8544
8555
|
].filter(Boolean).join(" ");
|
|
8545
|
-
return /* @__PURE__ */
|
|
8556
|
+
return /* @__PURE__ */ React164.createElement("div", { ref, className: classes, style, ...rest }, children);
|
|
8546
8557
|
}
|
|
8547
8558
|
);
|
|
8548
8559
|
Card.displayName = "Card";
|
|
8549
|
-
var CardContent =
|
|
8560
|
+
var CardContent = React164.forwardRef(
|
|
8550
8561
|
({ children, className, style, sx, ...rest }, ref) => {
|
|
8551
8562
|
const sxClass = useSx(sx);
|
|
8552
8563
|
const classes = ["rf-card-content", sxClass, className].filter(Boolean).join(" ");
|
|
8553
|
-
return /* @__PURE__ */
|
|
8564
|
+
return /* @__PURE__ */ React164.createElement("div", { ref, className: classes, style, ...rest }, children);
|
|
8554
8565
|
}
|
|
8555
8566
|
);
|
|
8556
8567
|
CardContent.displayName = "CardContent";
|
|
8557
|
-
var CardHeader =
|
|
8568
|
+
var CardHeader = React164.forwardRef(
|
|
8558
8569
|
({ title, subheader, avatar, action, className, style, sx, ...rest }, ref) => {
|
|
8559
8570
|
const sxClass = useSx(sx);
|
|
8560
8571
|
const classes = ["rf-card-header", sxClass, className].filter(Boolean).join(" ");
|
|
8561
|
-
return /* @__PURE__ */
|
|
8572
|
+
return /* @__PURE__ */ React164.createElement("div", { ref, className: classes, style, ...rest }, avatar && /* @__PURE__ */ React164.createElement("div", { className: "rf-card-header-avatar" }, avatar), /* @__PURE__ */ React164.createElement("div", { className: "rf-card-header-content" }, /* @__PURE__ */ React164.createElement("div", { className: "rf-card-header-title" }, title), subheader && /* @__PURE__ */ React164.createElement("div", { className: "rf-card-header-subheader" }, subheader)), action && /* @__PURE__ */ React164.createElement("div", { className: "rf-card-header-action" }, action));
|
|
8562
8573
|
}
|
|
8563
8574
|
);
|
|
8564
8575
|
CardHeader.displayName = "CardHeader";
|
|
8565
|
-
var CardMedia =
|
|
8576
|
+
var CardMedia = React164.forwardRef(
|
|
8566
8577
|
({ component = "div", image, src, height, alt, className, style, sx, ...rest }, ref) => {
|
|
8567
8578
|
const sxClass = useSx(sx);
|
|
8568
8579
|
const classes = ["rf-card-media", sxClass, className].filter(Boolean).join(" ");
|
|
8569
8580
|
const computedHeight = height !== void 0 ? typeof height === "number" ? `${height}px` : height : "200px";
|
|
8570
8581
|
if (component === "img") {
|
|
8571
|
-
return /* @__PURE__ */
|
|
8582
|
+
return /* @__PURE__ */ React164.createElement(
|
|
8572
8583
|
"img",
|
|
8573
8584
|
{
|
|
8574
8585
|
ref,
|
|
@@ -8581,7 +8592,7 @@ var CardMedia = React163.forwardRef(
|
|
|
8581
8592
|
);
|
|
8582
8593
|
}
|
|
8583
8594
|
if (component === "video") {
|
|
8584
|
-
return /* @__PURE__ */
|
|
8595
|
+
return /* @__PURE__ */ React164.createElement(
|
|
8585
8596
|
"video",
|
|
8586
8597
|
{
|
|
8587
8598
|
ref,
|
|
@@ -8597,7 +8608,7 @@ var CardMedia = React163.forwardRef(
|
|
|
8597
8608
|
...image ? { backgroundImage: `url(${image})` } : {},
|
|
8598
8609
|
...style
|
|
8599
8610
|
};
|
|
8600
|
-
return /* @__PURE__ */
|
|
8611
|
+
return /* @__PURE__ */ React164.createElement(
|
|
8601
8612
|
"div",
|
|
8602
8613
|
{
|
|
8603
8614
|
ref,
|
|
@@ -8609,7 +8620,7 @@ var CardMedia = React163.forwardRef(
|
|
|
8609
8620
|
}
|
|
8610
8621
|
);
|
|
8611
8622
|
CardMedia.displayName = "CardMedia";
|
|
8612
|
-
var CardActions =
|
|
8623
|
+
var CardActions = React164.forwardRef(
|
|
8613
8624
|
({ disableSpacing = false, children, className, style, sx, ...rest }, ref) => {
|
|
8614
8625
|
const sxClass = useSx(sx);
|
|
8615
8626
|
const classes = [
|
|
@@ -8618,13 +8629,13 @@ var CardActions = React163.forwardRef(
|
|
|
8618
8629
|
sxClass,
|
|
8619
8630
|
className
|
|
8620
8631
|
].filter(Boolean).join(" ");
|
|
8621
|
-
return /* @__PURE__ */
|
|
8632
|
+
return /* @__PURE__ */ React164.createElement("div", { ref, className: classes, style, ...rest }, children);
|
|
8622
8633
|
}
|
|
8623
8634
|
);
|
|
8624
8635
|
CardActions.displayName = "CardActions";
|
|
8625
8636
|
|
|
8626
8637
|
// lib/Accordion/Accordion.tsx
|
|
8627
|
-
var
|
|
8638
|
+
var React165 = __toESM(require("react"), 1);
|
|
8628
8639
|
var import_react31 = require("react");
|
|
8629
8640
|
var AccordionContext = (0, import_react31.createContext)({
|
|
8630
8641
|
expanded: false,
|
|
@@ -8632,7 +8643,7 @@ var AccordionContext = (0, import_react31.createContext)({
|
|
|
8632
8643
|
toggle: () => {
|
|
8633
8644
|
}
|
|
8634
8645
|
});
|
|
8635
|
-
var Accordion =
|
|
8646
|
+
var Accordion = React165.forwardRef(
|
|
8636
8647
|
({
|
|
8637
8648
|
expanded: expandedProp,
|
|
8638
8649
|
defaultExpanded = false,
|
|
@@ -8667,11 +8678,11 @@ var Accordion = React164.forwardRef(
|
|
|
8667
8678
|
sxClass,
|
|
8668
8679
|
className
|
|
8669
8680
|
].filter(Boolean).join(" ");
|
|
8670
|
-
return /* @__PURE__ */
|
|
8681
|
+
return /* @__PURE__ */ React165.createElement(AccordionContext.Provider, { value: { expanded, disabled, toggle } }, /* @__PURE__ */ React165.createElement("div", { ref, className: classes, style, ...rest }, children));
|
|
8671
8682
|
}
|
|
8672
8683
|
);
|
|
8673
8684
|
Accordion.displayName = "Accordion";
|
|
8674
|
-
var ChevronIcon = () => /* @__PURE__ */
|
|
8685
|
+
var ChevronIcon = () => /* @__PURE__ */ React165.createElement(
|
|
8675
8686
|
"svg",
|
|
8676
8687
|
{
|
|
8677
8688
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8685,9 +8696,9 @@ var ChevronIcon = () => /* @__PURE__ */ React164.createElement(
|
|
|
8685
8696
|
strokeLinejoin: "round",
|
|
8686
8697
|
"aria-hidden": "true"
|
|
8687
8698
|
},
|
|
8688
|
-
/* @__PURE__ */
|
|
8699
|
+
/* @__PURE__ */ React165.createElement("polyline", { points: "6 9 12 15 18 9" })
|
|
8689
8700
|
);
|
|
8690
|
-
var AccordionSummary =
|
|
8701
|
+
var AccordionSummary = React165.forwardRef(
|
|
8691
8702
|
({ expandIcon, children, sx, className, style, ...rest }, ref) => {
|
|
8692
8703
|
const sxClass = useSx(sx);
|
|
8693
8704
|
const { expanded, toggle, disabled } = (0, import_react31.useContext)(AccordionContext);
|
|
@@ -8701,7 +8712,7 @@ var AccordionSummary = React164.forwardRef(
|
|
|
8701
8712
|
"rf-accordion-summary-icon",
|
|
8702
8713
|
expanded ? "rf-accordion-icon-expanded" : ""
|
|
8703
8714
|
].filter(Boolean).join(" ");
|
|
8704
|
-
return /* @__PURE__ */
|
|
8715
|
+
return /* @__PURE__ */ React165.createElement(
|
|
8705
8716
|
"button",
|
|
8706
8717
|
{
|
|
8707
8718
|
ref,
|
|
@@ -8713,13 +8724,13 @@ var AccordionSummary = React164.forwardRef(
|
|
|
8713
8724
|
"aria-expanded": expanded,
|
|
8714
8725
|
...rest
|
|
8715
8726
|
},
|
|
8716
|
-
/* @__PURE__ */
|
|
8717
|
-
/* @__PURE__ */
|
|
8727
|
+
/* @__PURE__ */ React165.createElement("span", { className: "rf-accordion-summary-content" }, children),
|
|
8728
|
+
/* @__PURE__ */ React165.createElement("span", { className: iconClasses }, expandIcon !== void 0 ? expandIcon : /* @__PURE__ */ React165.createElement(ChevronIcon, null))
|
|
8718
8729
|
);
|
|
8719
8730
|
}
|
|
8720
8731
|
);
|
|
8721
8732
|
AccordionSummary.displayName = "AccordionSummary";
|
|
8722
|
-
var AccordionDetails =
|
|
8733
|
+
var AccordionDetails = React165.forwardRef(
|
|
8723
8734
|
({ children, sx, className, style, ...rest }, ref) => {
|
|
8724
8735
|
const sxClass = useSx(sx);
|
|
8725
8736
|
const { expanded } = (0, import_react31.useContext)(AccordionContext);
|
|
@@ -8732,7 +8743,7 @@ var AccordionDetails = React164.forwardRef(
|
|
|
8732
8743
|
sxClass,
|
|
8733
8744
|
className
|
|
8734
8745
|
].filter(Boolean).join(" ");
|
|
8735
|
-
return /* @__PURE__ */
|
|
8746
|
+
return /* @__PURE__ */ React165.createElement("div", { className: wrapperClasses }, /* @__PURE__ */ React165.createElement("div", { className: "rf-accordion-details-inner" }, /* @__PURE__ */ React165.createElement("div", { ref, className: detailsClasses, style, ...rest }, children)));
|
|
8736
8747
|
}
|
|
8737
8748
|
);
|
|
8738
8749
|
AccordionDetails.displayName = "AccordionDetails";
|
|
@@ -9443,7 +9454,7 @@ var Drawer = ({
|
|
|
9443
9454
|
Drawer.displayName = "Drawer";
|
|
9444
9455
|
|
|
9445
9456
|
// lib/Pagination/Pagination.tsx
|
|
9446
|
-
var
|
|
9457
|
+
var React171 = __toESM(require("react"), 1);
|
|
9447
9458
|
function range(start, end) {
|
|
9448
9459
|
const out = [];
|
|
9449
9460
|
for (let i = start; i <= end; i++) out.push(i);
|
|
@@ -9482,7 +9493,7 @@ function buildItems(count, page, siblingCount, boundaryCount) {
|
|
|
9482
9493
|
endPages.forEach((p) => items.push({ type: "page", page: p, key: `p-${p}` }));
|
|
9483
9494
|
return items;
|
|
9484
9495
|
}
|
|
9485
|
-
var Pagination =
|
|
9496
|
+
var Pagination = React171.forwardRef(
|
|
9486
9497
|
({
|
|
9487
9498
|
count,
|
|
9488
9499
|
page: pageProp,
|
|
@@ -9503,7 +9514,7 @@ var Pagination = React170.forwardRef(
|
|
|
9503
9514
|
...rest
|
|
9504
9515
|
}, ref) => {
|
|
9505
9516
|
const isControlled = pageProp !== void 0;
|
|
9506
|
-
const [uncontrolledPage, setUncontrolledPage] =
|
|
9517
|
+
const [uncontrolledPage, setUncontrolledPage] = React171.useState(defaultPage);
|
|
9507
9518
|
const page = isControlled ? pageProp : uncontrolledPage;
|
|
9508
9519
|
const sxClass = useSx(sx);
|
|
9509
9520
|
const classes = [
|
|
@@ -9520,7 +9531,7 @@ var Pagination = React170.forwardRef(
|
|
|
9520
9531
|
onChange?.(e, clamped);
|
|
9521
9532
|
};
|
|
9522
9533
|
const items = buildItems(count, page, siblingCount, boundaryCount);
|
|
9523
|
-
const renderControl = (key, label, targetPage, isDisabled, symbol) => /* @__PURE__ */
|
|
9534
|
+
const renderControl = (key, label, targetPage, isDisabled, symbol) => /* @__PURE__ */ React171.createElement("li", { key }, /* @__PURE__ */ React171.createElement(
|
|
9524
9535
|
"button",
|
|
9525
9536
|
{
|
|
9526
9537
|
type: "button",
|
|
@@ -9531,12 +9542,12 @@ var Pagination = React170.forwardRef(
|
|
|
9531
9542
|
},
|
|
9532
9543
|
symbol
|
|
9533
9544
|
));
|
|
9534
|
-
return /* @__PURE__ */
|
|
9545
|
+
return /* @__PURE__ */ React171.createElement("nav", { ref, className: classes, "aria-label": "pagination", ...rest }, /* @__PURE__ */ React171.createElement("ul", { className: "rf-pagination__list" }, showFirstButton && renderControl("first", "Go to first page", 1, page <= 1, "\xAB"), !hidePrevButton && renderControl("prev", "Go to previous page", page - 1, page <= 1, "\u2039"), items.map((item) => {
|
|
9535
9546
|
if (item.type === "start-ellipsis" || item.type === "end-ellipsis") {
|
|
9536
|
-
return /* @__PURE__ */
|
|
9547
|
+
return /* @__PURE__ */ React171.createElement("li", { key: item.key, "aria-hidden": "true" }, /* @__PURE__ */ React171.createElement("span", { className: "rf-pagination__ellipsis" }, "\u2026"));
|
|
9537
9548
|
}
|
|
9538
9549
|
const isActive = item.page === page;
|
|
9539
|
-
return /* @__PURE__ */
|
|
9550
|
+
return /* @__PURE__ */ React171.createElement("li", { key: item.key }, /* @__PURE__ */ React171.createElement(
|
|
9540
9551
|
"button",
|
|
9541
9552
|
{
|
|
9542
9553
|
type: "button",
|
|
@@ -9668,14 +9679,14 @@ var Snackbar = ({
|
|
|
9668
9679
|
Snackbar.displayName = "Snackbar";
|
|
9669
9680
|
|
|
9670
9681
|
// lib/Alert/Alert.tsx
|
|
9671
|
-
var
|
|
9682
|
+
var React173 = __toESM(require("react"), 1);
|
|
9672
9683
|
var DEFAULT_ICONS = {
|
|
9673
|
-
success: /* @__PURE__ */
|
|
9674
|
-
info: /* @__PURE__ */
|
|
9675
|
-
warning: /* @__PURE__ */
|
|
9676
|
-
error: /* @__PURE__ */
|
|
9684
|
+
success: /* @__PURE__ */ React173.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true }, /* @__PURE__ */ React173.createElement("path", { d: "M12 2a10 10 0 100 20 10 10 0 000-20zm-1 14.5l-4.5-4.5 1.4-1.4L11 13.7l6.1-6.1L18.5 9 11 16.5z" })),
|
|
9685
|
+
info: /* @__PURE__ */ React173.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true }, /* @__PURE__ */ React173.createElement("path", { d: "M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" })),
|
|
9686
|
+
warning: /* @__PURE__ */ React173.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true }, /* @__PURE__ */ React173.createElement("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" })),
|
|
9687
|
+
error: /* @__PURE__ */ React173.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true }, /* @__PURE__ */ React173.createElement("path", { d: "M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }))
|
|
9677
9688
|
};
|
|
9678
|
-
var Alert =
|
|
9689
|
+
var Alert = React173.forwardRef(
|
|
9679
9690
|
({
|
|
9680
9691
|
severity = "info",
|
|
9681
9692
|
variant = "standard",
|
|
@@ -9698,7 +9709,7 @@ var Alert = React172.forwardRef(
|
|
|
9698
9709
|
className
|
|
9699
9710
|
].filter(Boolean).join(" ");
|
|
9700
9711
|
const resolvedIcon = icon === false ? null : icon ?? DEFAULT_ICONS[severity];
|
|
9701
|
-
const closeAction = onClose && !action ? /* @__PURE__ */
|
|
9712
|
+
const closeAction = onClose && !action ? /* @__PURE__ */ React173.createElement(
|
|
9702
9713
|
"button",
|
|
9703
9714
|
{
|
|
9704
9715
|
type: "button",
|
|
@@ -9708,18 +9719,18 @@ var Alert = React172.forwardRef(
|
|
|
9708
9719
|
},
|
|
9709
9720
|
"\xD7"
|
|
9710
9721
|
) : null;
|
|
9711
|
-
return /* @__PURE__ */
|
|
9722
|
+
return /* @__PURE__ */ React173.createElement("div", { ref, role, className: classes, ...rest }, resolvedIcon !== null && /* @__PURE__ */ React173.createElement("span", { className: "rf-alert__icon" }, resolvedIcon), /* @__PURE__ */ React173.createElement("div", { className: "rf-alert__message" }, title && /* @__PURE__ */ React173.createElement("div", { className: "rf-alert__title" }, title), children), (action || closeAction) && /* @__PURE__ */ React173.createElement("div", { className: "rf-alert__action" }, action ?? closeAction));
|
|
9712
9723
|
}
|
|
9713
9724
|
);
|
|
9714
9725
|
Alert.displayName = "Alert";
|
|
9715
9726
|
|
|
9716
9727
|
// lib/Timeline/Timeline.tsx
|
|
9717
|
-
var
|
|
9718
|
-
var TimelineContext =
|
|
9719
|
-
var TimelineItemContext =
|
|
9728
|
+
var React174 = __toESM(require("react"), 1);
|
|
9729
|
+
var TimelineContext = React174.createContext({ position: "right" });
|
|
9730
|
+
var TimelineItemContext = React174.createContext({
|
|
9720
9731
|
effectivePosition: "right"
|
|
9721
9732
|
});
|
|
9722
|
-
var Timeline =
|
|
9733
|
+
var Timeline = React174.forwardRef(
|
|
9723
9734
|
({ position = "right", sx, className, children, ...rest }, ref) => {
|
|
9724
9735
|
const sxClass = useSx(sx);
|
|
9725
9736
|
const classes = [
|
|
@@ -9728,17 +9739,17 @@ var Timeline = React173.forwardRef(
|
|
|
9728
9739
|
sxClass,
|
|
9729
9740
|
className
|
|
9730
9741
|
].filter(Boolean).join(" ");
|
|
9731
|
-
const indexed =
|
|
9732
|
-
if (!
|
|
9733
|
-
return
|
|
9742
|
+
const indexed = React174.Children.map(children, (child, idx) => {
|
|
9743
|
+
if (!React174.isValidElement(child)) return child;
|
|
9744
|
+
return React174.cloneElement(child, {
|
|
9734
9745
|
"data-rf-timeline-index": idx
|
|
9735
9746
|
});
|
|
9736
9747
|
});
|
|
9737
|
-
return /* @__PURE__ */
|
|
9748
|
+
return /* @__PURE__ */ React174.createElement(TimelineContext.Provider, { value: { position } }, /* @__PURE__ */ React174.createElement("ul", { ref, className: classes, ...rest }, indexed));
|
|
9738
9749
|
}
|
|
9739
9750
|
);
|
|
9740
9751
|
Timeline.displayName = "Timeline";
|
|
9741
|
-
var TimelineItem =
|
|
9752
|
+
var TimelineItem = React174.forwardRef(
|
|
9742
9753
|
(props, ref) => {
|
|
9743
9754
|
const {
|
|
9744
9755
|
position: positionProp,
|
|
@@ -9747,7 +9758,7 @@ var TimelineItem = React173.forwardRef(
|
|
|
9747
9758
|
children,
|
|
9748
9759
|
...rest
|
|
9749
9760
|
} = props;
|
|
9750
|
-
const { position: parentPosition } =
|
|
9761
|
+
const { position: parentPosition } = React174.useContext(TimelineContext);
|
|
9751
9762
|
const idx = rest["data-rf-timeline-index"];
|
|
9752
9763
|
let effectivePosition;
|
|
9753
9764
|
if (positionProp) {
|
|
@@ -9762,8 +9773,8 @@ var TimelineItem = React173.forwardRef(
|
|
|
9762
9773
|
effectivePosition = (idx ?? 0) % 2 === 0 ? "left" : "right";
|
|
9763
9774
|
}
|
|
9764
9775
|
let hasOpposite = false;
|
|
9765
|
-
|
|
9766
|
-
if (
|
|
9776
|
+
React174.Children.forEach(children, (child) => {
|
|
9777
|
+
if (React174.isValidElement(child) && child.type?.displayName === "TimelineOppositeContent") {
|
|
9767
9778
|
hasOpposite = true;
|
|
9768
9779
|
}
|
|
9769
9780
|
});
|
|
@@ -9775,17 +9786,17 @@ var TimelineItem = React173.forwardRef(
|
|
|
9775
9786
|
sxClass,
|
|
9776
9787
|
className
|
|
9777
9788
|
].filter(Boolean).join(" ");
|
|
9778
|
-
return /* @__PURE__ */
|
|
9789
|
+
return /* @__PURE__ */ React174.createElement(TimelineItemContext.Provider, { value: { effectivePosition } }, /* @__PURE__ */ React174.createElement("li", { ref, className: classes, ...rest }, children));
|
|
9779
9790
|
}
|
|
9780
9791
|
);
|
|
9781
9792
|
TimelineItem.displayName = "TimelineItem";
|
|
9782
|
-
var TimelineSeparator =
|
|
9793
|
+
var TimelineSeparator = React174.forwardRef(({ sx, className, children, ...rest }, ref) => {
|
|
9783
9794
|
const sxClass = useSx(sx);
|
|
9784
9795
|
const classes = ["rf-timeline-separator", sxClass, className].filter(Boolean).join(" ");
|
|
9785
|
-
return /* @__PURE__ */
|
|
9796
|
+
return /* @__PURE__ */ React174.createElement("div", { ref, className: classes, ...rest }, children);
|
|
9786
9797
|
});
|
|
9787
9798
|
TimelineSeparator.displayName = "TimelineSeparator";
|
|
9788
|
-
var TimelineDot =
|
|
9799
|
+
var TimelineDot = React174.forwardRef(
|
|
9789
9800
|
({ color = "grey", variant = "filled", sx, className, children, ...rest }, ref) => {
|
|
9790
9801
|
const sxClass = useSx(sx);
|
|
9791
9802
|
const classes = [
|
|
@@ -9796,31 +9807,31 @@ var TimelineDot = React173.forwardRef(
|
|
|
9796
9807
|
sxClass,
|
|
9797
9808
|
className
|
|
9798
9809
|
].filter(Boolean).join(" ");
|
|
9799
|
-
return /* @__PURE__ */
|
|
9810
|
+
return /* @__PURE__ */ React174.createElement("span", { ref, className: classes, ...rest }, children);
|
|
9800
9811
|
}
|
|
9801
9812
|
);
|
|
9802
9813
|
TimelineDot.displayName = "TimelineDot";
|
|
9803
|
-
var TimelineConnector =
|
|
9814
|
+
var TimelineConnector = React174.forwardRef(({ sx, className, ...rest }, ref) => {
|
|
9804
9815
|
const sxClass = useSx(sx);
|
|
9805
9816
|
const classes = ["rf-timeline-connector", sxClass, className].filter(Boolean).join(" ");
|
|
9806
|
-
return /* @__PURE__ */
|
|
9817
|
+
return /* @__PURE__ */ React174.createElement("span", { ref, className: classes, ...rest });
|
|
9807
9818
|
});
|
|
9808
9819
|
TimelineConnector.displayName = "TimelineConnector";
|
|
9809
|
-
var TimelineContent =
|
|
9820
|
+
var TimelineContent = React174.forwardRef(({ sx, className, children, ...rest }, ref) => {
|
|
9810
9821
|
const sxClass = useSx(sx);
|
|
9811
9822
|
const classes = ["rf-timeline-content", sxClass, className].filter(Boolean).join(" ");
|
|
9812
|
-
return /* @__PURE__ */
|
|
9823
|
+
return /* @__PURE__ */ React174.createElement("div", { ref, className: classes, ...rest }, children);
|
|
9813
9824
|
});
|
|
9814
9825
|
TimelineContent.displayName = "TimelineContent";
|
|
9815
|
-
var TimelineOppositeContent =
|
|
9826
|
+
var TimelineOppositeContent = React174.forwardRef(({ sx, className, children, ...rest }, ref) => {
|
|
9816
9827
|
const sxClass = useSx(sx);
|
|
9817
9828
|
const classes = ["rf-timeline-opposite-content", sxClass, className].filter(Boolean).join(" ");
|
|
9818
|
-
return /* @__PURE__ */
|
|
9829
|
+
return /* @__PURE__ */ React174.createElement("div", { ref, className: classes, ...rest }, children);
|
|
9819
9830
|
});
|
|
9820
9831
|
TimelineOppositeContent.displayName = "TimelineOppositeContent";
|
|
9821
9832
|
|
|
9822
9833
|
// lib/ClickAwayListener/ClickAwayListener.tsx
|
|
9823
|
-
var
|
|
9834
|
+
var React175 = __toESM(require("react"), 1);
|
|
9824
9835
|
function mapEventPropToEvent(eventProp) {
|
|
9825
9836
|
return eventProp.substring(2).toLowerCase();
|
|
9826
9837
|
}
|
|
@@ -9838,7 +9849,7 @@ function setRef(ref, value) {
|
|
|
9838
9849
|
}
|
|
9839
9850
|
}
|
|
9840
9851
|
function useForkRef(refA, refB) {
|
|
9841
|
-
return
|
|
9852
|
+
return React175.useMemo(() => {
|
|
9842
9853
|
if (refA == null && refB == null) {
|
|
9843
9854
|
return null;
|
|
9844
9855
|
}
|
|
@@ -9849,14 +9860,14 @@ function useForkRef(refA, refB) {
|
|
|
9849
9860
|
}, [refA, refB]);
|
|
9850
9861
|
}
|
|
9851
9862
|
function useEventCallback(fn) {
|
|
9852
|
-
const ref =
|
|
9853
|
-
|
|
9863
|
+
const ref = React175.useRef(fn);
|
|
9864
|
+
React175.useEffect(() => {
|
|
9854
9865
|
ref.current = fn;
|
|
9855
9866
|
});
|
|
9856
|
-
return
|
|
9867
|
+
return React175.useCallback((...args) => ref.current(...args), []);
|
|
9857
9868
|
}
|
|
9858
9869
|
function getReactElementRef(element) {
|
|
9859
|
-
const major = parseInt(
|
|
9870
|
+
const major = parseInt(React175.version, 10);
|
|
9860
9871
|
if (major >= 19) {
|
|
9861
9872
|
return element.props?.ref ?? null;
|
|
9862
9873
|
}
|
|
@@ -9870,11 +9881,11 @@ function ClickAwayListener(props) {
|
|
|
9870
9881
|
onClickAway,
|
|
9871
9882
|
touchEvent = "onTouchEnd"
|
|
9872
9883
|
} = props;
|
|
9873
|
-
const movedRef =
|
|
9874
|
-
const nodeRef =
|
|
9875
|
-
const activatedRef =
|
|
9876
|
-
const syntheticEventRef =
|
|
9877
|
-
|
|
9884
|
+
const movedRef = React175.useRef(false);
|
|
9885
|
+
const nodeRef = React175.useRef(null);
|
|
9886
|
+
const activatedRef = React175.useRef(false);
|
|
9887
|
+
const syntheticEventRef = React175.useRef(false);
|
|
9888
|
+
React175.useEffect(() => {
|
|
9878
9889
|
const id = setTimeout(() => {
|
|
9879
9890
|
activatedRef.current = true;
|
|
9880
9891
|
}, 0);
|
|
@@ -9923,7 +9934,7 @@ function ClickAwayListener(props) {
|
|
|
9923
9934
|
if (touchEvent !== false) {
|
|
9924
9935
|
childrenProps[touchEvent] = createHandleSynthetic(touchEvent);
|
|
9925
9936
|
}
|
|
9926
|
-
|
|
9937
|
+
React175.useEffect(() => {
|
|
9927
9938
|
if (touchEvent === false) {
|
|
9928
9939
|
return void 0;
|
|
9929
9940
|
}
|
|
@@ -9942,7 +9953,7 @@ function ClickAwayListener(props) {
|
|
|
9942
9953
|
if (mouseEvent !== false) {
|
|
9943
9954
|
childrenProps[mouseEvent] = createHandleSynthetic(mouseEvent);
|
|
9944
9955
|
}
|
|
9945
|
-
|
|
9956
|
+
React175.useEffect(() => {
|
|
9946
9957
|
if (mouseEvent === false) {
|
|
9947
9958
|
return void 0;
|
|
9948
9959
|
}
|
|
@@ -9953,7 +9964,7 @@ function ClickAwayListener(props) {
|
|
|
9953
9964
|
doc.removeEventListener(mappedMouseEvent, handleClickAway);
|
|
9954
9965
|
};
|
|
9955
9966
|
}, [handleClickAway, mouseEvent]);
|
|
9956
|
-
return
|
|
9967
|
+
return React175.cloneElement(children, childrenProps);
|
|
9957
9968
|
}
|
|
9958
9969
|
|
|
9959
9970
|
// lib/Link/Link.tsx
|
|
@@ -13304,38 +13315,38 @@ var CustomTaskItem = import_extension_task_item.default.extend({
|
|
|
13304
13315
|
});
|
|
13305
13316
|
|
|
13306
13317
|
// lib/RufousTextEditor/icons.tsx
|
|
13307
|
-
var
|
|
13318
|
+
var React190 = __toESM(require("react"), 1);
|
|
13308
13319
|
var s = { width: 20, height: 20, viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" };
|
|
13309
|
-
var IconUndo = () => /* @__PURE__ */
|
|
13310
|
-
var IconRedo = () => /* @__PURE__ */
|
|
13311
|
-
var IconBold = () => /* @__PURE__ */
|
|
13312
|
-
var IconItalic = () => /* @__PURE__ */
|
|
13313
|
-
var IconLink = () => /* @__PURE__ */
|
|
13314
|
-
var IconStrike = () => /* @__PURE__ */
|
|
13315
|
-
var IconHeading = () => /* @__PURE__ */
|
|
13316
|
-
var IconFontSize = () => /* @__PURE__ */
|
|
13317
|
-
var IconColor = () => /* @__PURE__ */
|
|
13318
|
-
var IconFont = () => /* @__PURE__ */
|
|
13319
|
-
var IconLineHeight = () => /* @__PURE__ */
|
|
13320
|
-
var IconBulletList = () => /* @__PURE__ */
|
|
13321
|
-
var IconOrderedList = () => /* @__PURE__ */
|
|
13322
|
-
var IconAlignLeft = () => /* @__PURE__ */
|
|
13323
|
-
var IconAlignCenter = () => /* @__PURE__ */
|
|
13324
|
-
var IconAlignRight = () => /* @__PURE__ */
|
|
13325
|
-
var IconAlignJustify = () => /* @__PURE__ */
|
|
13326
|
-
var IconIndentIncrease = () => /* @__PURE__ */
|
|
13327
|
-
var IconIndentDecrease = () => /* @__PURE__ */
|
|
13328
|
-
var IconTable = () => /* @__PURE__ */
|
|
13329
|
-
var IconImage = () => /* @__PURE__ */
|
|
13330
|
-
var IconVideo = () => /* @__PURE__ */
|
|
13331
|
-
var IconCut = () => /* @__PURE__ */
|
|
13332
|
-
var IconCopy = () => /* @__PURE__ */
|
|
13333
|
-
var IconCode = () => /* @__PURE__ */
|
|
13334
|
-
var IconFullscreen = () => /* @__PURE__ */
|
|
13335
|
-
var IconTranslate = () => /* @__PURE__ */
|
|
13336
|
-
var IconTaskList = () => /* @__PURE__ */
|
|
13337
|
-
var IconCheck = () => /* @__PURE__ */
|
|
13338
|
-
var IconPaste = () => /* @__PURE__ */
|
|
13320
|
+
var IconUndo = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M12.5 8C9.85 8 7.45 9 5.6 10.6L2 7v9h9l-3.62-3.62C8.93 11.01 10.63 10.2 12.5 10.2c3.03 0 5.6 1.93 6.55 4.63l2.15-.72C19.93 10.68 16.5 8 12.5 8z" }));
|
|
13321
|
+
var IconRedo = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M18.4 10.6C16.55 9 14.15 8 11.5 8c-4 0-7.43 2.68-8.7 6.11l2.15.72c.95-2.7 3.52-4.63 6.55-4.63 1.87 0 3.57.81 5.12 2.18L13 16h9V7l-3.6 3.6z" }));
|
|
13322
|
+
var IconBold = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z" }));
|
|
13323
|
+
var IconItalic = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z" }));
|
|
13324
|
+
var IconLink = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z" }));
|
|
13325
|
+
var IconStrike = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M7.24 11h2.01c-.13-.42-.2-.88-.2-1.37 0-.89.32-1.58.96-2.08.64-.49 1.46-.74 2.47-.74.99 0 1.81.24 2.46.71.64.47.97 1.1.97 1.88h2.04c0-1.27-.55-2.33-1.64-3.18C15.21 5.37 13.83 4.95 12.2 4.95c-1.69 0-3.09.43-4.2 1.3C6.9 7.1 6.35 8.23 6.35 9.63c0 .47.06.92.18 1.37H3v2h18v-2H7.24zM12.2 17.05c-1.03 0-1.89-.28-2.56-.84-.67-.56-1-1.27-1-2.13h-2.1c0 1.36.58 2.5 1.75 3.44 1.16.93 2.56 1.4 4.19 1.4 1.69 0 3.09-.43 4.2-1.3 1.1-.86 1.65-1.99 1.65-3.38h-2.1c0 .85-.33 1.56-1 2.13-.66.56-1.52.84-2.56.84l-.47-.16z" }));
|
|
13326
|
+
var IconHeading = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M5 4v3h5.5v12h3V7H19V4z" }));
|
|
13327
|
+
var IconFontSize = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M9 4v3h5v12h2V7h5V4H9zm-6 8h3v7h2v-7h3v-2H3v2z" }));
|
|
13328
|
+
var IconColor = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M11 2L5.5 16h2.25l1.12-3h6.25l1.12 3h2.25L13 2h-2zm-1.38 9L12 4.67 14.38 11H9.62z" }), /* @__PURE__ */ React190.createElement("path", { d: "M3 20h18v3H3z", opacity: "0.8" }));
|
|
13329
|
+
var IconFont = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M9.93 13.5h4.14L12 7.98 9.93 13.5zM20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-4.05 16.5l-1.14-3H9.17l-1.12 3H5.96l5.11-13h1.86l5.11 13h-2.09z" }));
|
|
13330
|
+
var IconLineHeight = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M6 7h2.5L5 3.5 1.5 7H4v10H1.5L5 20.5 8.5 17H6V7zm16-3h-8v2h8V4zm0 4h-8v2h8V8zm0 4h-8v2h8v-2zm0 4h-8v2h8v-2z" }));
|
|
13331
|
+
var IconBulletList = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z" }));
|
|
13332
|
+
var IconOrderedList = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z" }));
|
|
13333
|
+
var IconAlignLeft = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zM3 21h18v-2H3v2zM3 3v2h18V3H3z" }));
|
|
13334
|
+
var IconAlignCenter = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z" }));
|
|
13335
|
+
var IconAlignRight = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z" }));
|
|
13336
|
+
var IconAlignJustify = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zM3 3v2h18V3H3z" }));
|
|
13337
|
+
var IconIndentIncrease = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z" }));
|
|
13338
|
+
var IconIndentDecrease = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M11 17h10v-2H11v2zm-8-5l4 4V8l-4 4zm0 9h18v-2H3v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z" }));
|
|
13339
|
+
var IconTable = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M20 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 19V5h4v14H5zm6 0V5h4v14h-4zm6 0V5h3v14h-3z", fillRule: "evenodd" }));
|
|
13340
|
+
var IconImage = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z" }));
|
|
13341
|
+
var IconVideo = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M4 6.47L5.76 10H20v8H4V6.47M22 4h-4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4z" }));
|
|
13342
|
+
var IconCut = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M9.64 7.64c.23-.5.36-1.05.36-1.64 0-2.21-1.79-4-4-4S2 3.79 2 6s1.79 4 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1L9.64 7.64zM6 8c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm0 12c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm6-7.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5zM19 3l-6 6 2 2 7-7V3h-3z" }));
|
|
13343
|
+
var IconCopy = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" }));
|
|
13344
|
+
var IconCode = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z" }));
|
|
13345
|
+
var IconFullscreen = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }));
|
|
13346
|
+
var IconTranslate = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M12.87 15.07l-2.54-2.51.03-.03A17.52 17.52 0 0014.07 6H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2.02c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z" }));
|
|
13347
|
+
var IconTaskList = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M22 8c0-.55-.45-1-1-1h-7c-.55 0-1 .45-1 1s.45 1 1 1h7c.55 0 1-.45 1-1zm0 8c0-.55-.45-1-1-1h-7c-.55 0-1 .45-1 1s.45 1 1 1h7c.55 0 1-.45 1-1zM5.54 11L2 7.46l1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41L5.54 11zm0 8L2 15.46l1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41L5.54 19z" }));
|
|
13348
|
+
var IconCheck = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }));
|
|
13349
|
+
var IconPaste = () => /* @__PURE__ */ React190.createElement("svg", { ...s }, /* @__PURE__ */ React190.createElement("path", { d: "M19 2h-4.18C14.4.84 13.3 0 12 0c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z" }));
|
|
13339
13350
|
|
|
13340
13351
|
// lib/RufousTextEditor/Toolbar.tsx
|
|
13341
13352
|
var COLOR_PALETTE = [
|
|
@@ -15860,6 +15871,7 @@ function useCitiesSearch(debounceMs = 300) {
|
|
|
15860
15871
|
CardHeader,
|
|
15861
15872
|
CardMedia,
|
|
15862
15873
|
ChatBubbleIcon,
|
|
15874
|
+
CheckBoxIcon,
|
|
15863
15875
|
CheckCircleIcon,
|
|
15864
15876
|
Checkbox,
|
|
15865
15877
|
ChevronDownIcon,
|