@rufous/ui 0.1.85 → 0.1.86
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 +160 -67
- package/dist/main.css +357 -111
- package/dist/main.d.cts +38 -2
- package/dist/main.d.ts +38 -2
- package/dist/main.js +487 -396
- package/package.json +1 -1
package/dist/main.js
CHANGED
|
@@ -1264,8 +1264,97 @@ var StandardButton = ({ children, sx, className, ...props }) => {
|
|
|
1264
1264
|
};
|
|
1265
1265
|
var stdButton_default = StandardButton;
|
|
1266
1266
|
|
|
1267
|
-
// lib/
|
|
1267
|
+
// lib/Buttons/Button.tsx
|
|
1268
1268
|
import * as React63 from "react";
|
|
1269
|
+
var Button = React63.forwardRef(
|
|
1270
|
+
({
|
|
1271
|
+
variant = "text",
|
|
1272
|
+
color = "primary",
|
|
1273
|
+
size = "medium",
|
|
1274
|
+
startIcon,
|
|
1275
|
+
endIcon,
|
|
1276
|
+
fullWidth = false,
|
|
1277
|
+
disabled = false,
|
|
1278
|
+
disableElevation = false,
|
|
1279
|
+
loading = false,
|
|
1280
|
+
loadingPosition = "center",
|
|
1281
|
+
component,
|
|
1282
|
+
children,
|
|
1283
|
+
className,
|
|
1284
|
+
style,
|
|
1285
|
+
sx,
|
|
1286
|
+
href,
|
|
1287
|
+
type = "button",
|
|
1288
|
+
...rest
|
|
1289
|
+
}, ref) => {
|
|
1290
|
+
const sxClass = useSx(sx);
|
|
1291
|
+
const classes = [
|
|
1292
|
+
"rf-btn",
|
|
1293
|
+
`rf-btn--${variant}`,
|
|
1294
|
+
`rf-btn--${color}`,
|
|
1295
|
+
`rf-btn--${size}`,
|
|
1296
|
+
fullWidth && "rf-btn--full-width",
|
|
1297
|
+
disableElevation && "rf-btn--no-elevation",
|
|
1298
|
+
disabled && "rf-btn--disabled",
|
|
1299
|
+
loading && "rf-btn--loading",
|
|
1300
|
+
sxClass,
|
|
1301
|
+
className
|
|
1302
|
+
].filter(Boolean).join(" ");
|
|
1303
|
+
const Tag = component || (href ? "a" : "button");
|
|
1304
|
+
const tagProps = { ...rest };
|
|
1305
|
+
if (Tag === "a") {
|
|
1306
|
+
tagProps.href = disabled ? void 0 : href;
|
|
1307
|
+
} else {
|
|
1308
|
+
tagProps.type = type;
|
|
1309
|
+
tagProps.disabled = disabled || loading;
|
|
1310
|
+
}
|
|
1311
|
+
return /* @__PURE__ */ React63.createElement(Tag, { ref, className: classes, style, ...tagProps }, loading && loadingPosition === "start" && /* @__PURE__ */ React63.createElement("span", { className: "rf-btn__loading-indicator rf-btn__loading--start" }, /* @__PURE__ */ React63.createElement(circularProgress_default, { size: size === "small" ? 14 : size === "large" ? 22 : 18 })), startIcon && !loading && /* @__PURE__ */ React63.createElement("span", { className: "rf-btn__start-icon" }, startIcon), loading && loadingPosition === "center" ? /* @__PURE__ */ React63.createElement("span", { className: "rf-btn__loading-indicator" }, /* @__PURE__ */ React63.createElement(circularProgress_default, { size: size === "small" ? 14 : size === "large" ? 22 : 18 })) : /* @__PURE__ */ React63.createElement("span", { className: "rf-btn__label" }, children), endIcon && !loading && /* @__PURE__ */ React63.createElement("span", { className: "rf-btn__end-icon" }, endIcon), loading && loadingPosition === "end" && /* @__PURE__ */ React63.createElement("span", { className: "rf-btn__loading-indicator rf-btn__loading--end" }, /* @__PURE__ */ React63.createElement(circularProgress_default, { size: size === "small" ? 14 : size === "large" ? 22 : 18 })));
|
|
1312
|
+
}
|
|
1313
|
+
);
|
|
1314
|
+
Button.displayName = "Button";
|
|
1315
|
+
|
|
1316
|
+
// lib/Buttons/IconButton.tsx
|
|
1317
|
+
import * as React64 from "react";
|
|
1318
|
+
var IconButton = React64.forwardRef(
|
|
1319
|
+
({
|
|
1320
|
+
color = "default",
|
|
1321
|
+
size = "medium",
|
|
1322
|
+
edge = false,
|
|
1323
|
+
disabled = false,
|
|
1324
|
+
component,
|
|
1325
|
+
children,
|
|
1326
|
+
className,
|
|
1327
|
+
style,
|
|
1328
|
+
sx,
|
|
1329
|
+
href,
|
|
1330
|
+
type = "button",
|
|
1331
|
+
...rest
|
|
1332
|
+
}, ref) => {
|
|
1333
|
+
const sxClass = useSx(sx);
|
|
1334
|
+
const classes = [
|
|
1335
|
+
"rf-icon-btn",
|
|
1336
|
+
`rf-icon-btn--${color}`,
|
|
1337
|
+
`rf-icon-btn--${size}`,
|
|
1338
|
+
edge && `rf-icon-btn--edge-${edge}`,
|
|
1339
|
+
disabled && "rf-icon-btn--disabled",
|
|
1340
|
+
sxClass,
|
|
1341
|
+
className
|
|
1342
|
+
].filter(Boolean).join(" ");
|
|
1343
|
+
const Tag = component || (href ? "a" : "button");
|
|
1344
|
+
const tagProps = { ...rest };
|
|
1345
|
+
if (Tag === "a") {
|
|
1346
|
+
tagProps.href = disabled ? void 0 : href;
|
|
1347
|
+
} else {
|
|
1348
|
+
tagProps.type = type;
|
|
1349
|
+
tagProps.disabled = disabled;
|
|
1350
|
+
}
|
|
1351
|
+
return /* @__PURE__ */ React64.createElement(Tag, { ref, className: classes, style, ...tagProps }, children);
|
|
1352
|
+
}
|
|
1353
|
+
);
|
|
1354
|
+
IconButton.displayName = "IconButton";
|
|
1355
|
+
|
|
1356
|
+
// lib/Dialogs/BaseDialog.tsx
|
|
1357
|
+
import * as React65 from "react";
|
|
1269
1358
|
import { useState as useState2 } from "react";
|
|
1270
1359
|
import { X } from "lucide-react";
|
|
1271
1360
|
var BaseDialog = ({
|
|
@@ -1300,7 +1389,7 @@ var BaseDialog = ({
|
|
|
1300
1389
|
const sxClass = useSx(sx);
|
|
1301
1390
|
if (!open) return null;
|
|
1302
1391
|
const isButtonLoading = isSubmitting || loading;
|
|
1303
|
-
const renderButtons = () => /* @__PURE__ */
|
|
1392
|
+
const renderButtons = () => /* @__PURE__ */ React65.createElement("div", { className: "dialog-footer", style: { justifyContent: buttonAlign } }, showCancelButton && /* @__PURE__ */ React65.createElement(
|
|
1304
1393
|
"button",
|
|
1305
1394
|
{
|
|
1306
1395
|
className: "btn-cancel",
|
|
@@ -1308,7 +1397,7 @@ var BaseDialog = ({
|
|
|
1308
1397
|
disabled: isLoading || isButtonLoading
|
|
1309
1398
|
},
|
|
1310
1399
|
cancelText
|
|
1311
|
-
), onConfirm && /* @__PURE__ */
|
|
1400
|
+
), onConfirm && /* @__PURE__ */ React65.createElement(
|
|
1312
1401
|
"button",
|
|
1313
1402
|
{
|
|
1314
1403
|
className: "btn-confirm",
|
|
@@ -1320,10 +1409,10 @@ var BaseDialog = ({
|
|
|
1320
1409
|
setIsSubmitting(false);
|
|
1321
1410
|
}
|
|
1322
1411
|
},
|
|
1323
|
-
/* @__PURE__ */
|
|
1324
|
-
isButtonLoading && /* @__PURE__ */
|
|
1412
|
+
/* @__PURE__ */ React65.createElement("span", { style: { visibility: isButtonLoading ? "hidden" : "visible" } }, confirmText),
|
|
1413
|
+
isButtonLoading && /* @__PURE__ */ React65.createElement("span", { className: "spinner", style: { position: "absolute" } })
|
|
1325
1414
|
));
|
|
1326
|
-
return /* @__PURE__ */
|
|
1415
|
+
return /* @__PURE__ */ React65.createElement("div", { className: `dialog-overlay ${size === "fullScreen" ? "overlay-fullscreen" : ""}` }, /* @__PURE__ */ React65.createElement(
|
|
1327
1416
|
"div",
|
|
1328
1417
|
{
|
|
1329
1418
|
className: ["dialog-container", size ? `size-${size}` : "", sxClass, className].filter(Boolean).join(" "),
|
|
@@ -1332,15 +1421,15 @@ var BaseDialog = ({
|
|
|
1332
1421
|
minHeight
|
|
1333
1422
|
}
|
|
1334
1423
|
},
|
|
1335
|
-
/* @__PURE__ */
|
|
1424
|
+
/* @__PURE__ */ React65.createElement("div", { className: "dialog-title" }, /* @__PURE__ */ React65.createElement("h2", null, formatTitle ? title?.charAt(0).toUpperCase() + title?.slice(1) : title), showCloseButton && /* @__PURE__ */ React65.createElement("button", { className: "btn-close", onClick: onClose }, /* @__PURE__ */ React65.createElement(
|
|
1336
1425
|
X,
|
|
1337
1426
|
{
|
|
1338
1427
|
size: 18,
|
|
1339
1428
|
color: themeConfig?.icon || "#666666"
|
|
1340
1429
|
}
|
|
1341
1430
|
))),
|
|
1342
|
-
/* @__PURE__ */
|
|
1343
|
-
/* @__PURE__ */
|
|
1431
|
+
/* @__PURE__ */ React65.createElement("div", { className: "dialog-divider" }),
|
|
1432
|
+
/* @__PURE__ */ React65.createElement(
|
|
1344
1433
|
"div",
|
|
1345
1434
|
{
|
|
1346
1435
|
className: "dialog-body",
|
|
@@ -1351,14 +1440,14 @@ var BaseDialog = ({
|
|
|
1351
1440
|
},
|
|
1352
1441
|
children
|
|
1353
1442
|
),
|
|
1354
|
-
/* @__PURE__ */
|
|
1443
|
+
/* @__PURE__ */ React65.createElement("div", { className: "dialog-divider" }),
|
|
1355
1444
|
customButtons || renderButtons()
|
|
1356
1445
|
));
|
|
1357
1446
|
};
|
|
1358
1447
|
var BaseDialog_default = BaseDialog;
|
|
1359
1448
|
|
|
1360
1449
|
// lib/Contexts/rufousThemeProvider.tsx
|
|
1361
|
-
import
|
|
1450
|
+
import React66, {
|
|
1362
1451
|
createContext,
|
|
1363
1452
|
useContext,
|
|
1364
1453
|
useEffect as useEffect2,
|
|
@@ -1395,7 +1484,7 @@ var RufousThemeProvider = ({ children }) => {
|
|
|
1395
1484
|
setCommittedThemeKey(key);
|
|
1396
1485
|
};
|
|
1397
1486
|
const cancelTheme = () => setPreviewThemeKey(committedThemeKey);
|
|
1398
|
-
return /* @__PURE__ */
|
|
1487
|
+
return /* @__PURE__ */ React66.createElement(
|
|
1399
1488
|
RufousThemeContext.Provider,
|
|
1400
1489
|
{
|
|
1401
1490
|
value: {
|
|
@@ -1409,7 +1498,7 @@ var RufousThemeProvider = ({ children }) => {
|
|
|
1409
1498
|
updateSettings: (v) => setSettings(v)
|
|
1410
1499
|
}
|
|
1411
1500
|
},
|
|
1412
|
-
/* @__PURE__ */
|
|
1501
|
+
/* @__PURE__ */ React66.createElement(
|
|
1413
1502
|
"div",
|
|
1414
1503
|
{
|
|
1415
1504
|
className: `theme-${previewThemeKey || committedThemeKey || "default"}`
|
|
@@ -1421,7 +1510,7 @@ var RufousThemeProvider = ({ children }) => {
|
|
|
1421
1510
|
var useRufousTheme = () => useContext(RufousThemeContext);
|
|
1422
1511
|
|
|
1423
1512
|
// lib/CheckBoxes/CheckBox.jsx
|
|
1424
|
-
import
|
|
1513
|
+
import React67 from "react";
|
|
1425
1514
|
var Checkbox = ({
|
|
1426
1515
|
id,
|
|
1427
1516
|
label,
|
|
@@ -1436,7 +1525,7 @@ var Checkbox = ({
|
|
|
1436
1525
|
const handleChange = (e) => {
|
|
1437
1526
|
if (onChange) onChange(e.target.checked);
|
|
1438
1527
|
};
|
|
1439
|
-
return /* @__PURE__ */
|
|
1528
|
+
return /* @__PURE__ */ React67.createElement("div", { className: ["checkbox-wrapper-13", sxClass].filter(Boolean).join(" ") }, /* @__PURE__ */ React67.createElement("label", { className: `${className}`, style }, /* @__PURE__ */ React67.createElement(
|
|
1440
1529
|
"input",
|
|
1441
1530
|
{
|
|
1442
1531
|
id,
|
|
@@ -1445,12 +1534,12 @@ var Checkbox = ({
|
|
|
1445
1534
|
onChange: handleChange,
|
|
1446
1535
|
disabled
|
|
1447
1536
|
}
|
|
1448
|
-
), label && /* @__PURE__ */
|
|
1537
|
+
), label && /* @__PURE__ */ React67.createElement("span", { className: "checkbox-label" }, label)));
|
|
1449
1538
|
};
|
|
1450
1539
|
|
|
1451
1540
|
// lib/TextFields/TextField.tsx
|
|
1452
|
-
import
|
|
1453
|
-
var TextField =
|
|
1541
|
+
import React68, { forwardRef as forwardRef3 } from "react";
|
|
1542
|
+
var TextField = forwardRef3(({
|
|
1454
1543
|
label,
|
|
1455
1544
|
name,
|
|
1456
1545
|
id,
|
|
@@ -1496,7 +1585,7 @@ var TextField = forwardRef(({
|
|
|
1496
1585
|
sxClass,
|
|
1497
1586
|
className
|
|
1498
1587
|
].filter(Boolean).join(" ");
|
|
1499
|
-
const internalRef =
|
|
1588
|
+
const internalRef = React68.useRef(null);
|
|
1500
1589
|
const triggerChange = () => {
|
|
1501
1590
|
if (internalRef.current) {
|
|
1502
1591
|
const nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
|
|
@@ -1544,7 +1633,7 @@ var TextField = forwardRef(({
|
|
|
1544
1633
|
props.onKeyDown(e);
|
|
1545
1634
|
}
|
|
1546
1635
|
};
|
|
1547
|
-
return /* @__PURE__ */
|
|
1636
|
+
return /* @__PURE__ */ React68.createElement("div", { ref, className: rootClasses, style }, /* @__PURE__ */ React68.createElement("div", { className: `rf-text-field__wrapper ${InputProps?.className || ""}`, style: InputProps?.style }, InputProps?.startAdornment && /* @__PURE__ */ React68.createElement("div", { className: "rf-text-field__adornment rf-text-field__adornment--start" }, InputProps.startAdornment), /* @__PURE__ */ React68.createElement(
|
|
1548
1637
|
"input",
|
|
1549
1638
|
{
|
|
1550
1639
|
ref: internalRef,
|
|
@@ -1562,12 +1651,12 @@ var TextField = forwardRef(({
|
|
|
1562
1651
|
...slotProps?.input,
|
|
1563
1652
|
...props
|
|
1564
1653
|
}
|
|
1565
|
-
), InputProps?.endAdornment && /* @__PURE__ */
|
|
1654
|
+
), InputProps?.endAdornment && /* @__PURE__ */ React68.createElement("div", { className: "rf-text-field__adornment rf-text-field__adornment--end" }, InputProps.endAdornment), type === "number" && !disabled && !readOnly && /* @__PURE__ */ React68.createElement("div", { className: "rf-text-field__number-controls" }, /* @__PURE__ */ React68.createElement("button", { type: "button", tabIndex: -1, onClick: handleIncrement, className: "rf-text-field__number-btn" }, /* @__PURE__ */ React68.createElement("svg", { width: "8", height: "5", viewBox: "0 0 8 5", fill: "currentColor" }, /* @__PURE__ */ React68.createElement("path", { d: "M4 0L8 5H0L4 0Z" }))), /* @__PURE__ */ React68.createElement("button", { type: "button", tabIndex: -1, onClick: handleDecrement, className: "rf-text-field__number-btn", style: { marginTop: 2 } }, /* @__PURE__ */ React68.createElement("svg", { width: "8", height: "5", viewBox: "0 0 8 5", fill: "currentColor" }, /* @__PURE__ */ React68.createElement("path", { d: "M4 5L0 0H8L4 5Z" })))), hasLabel && /* @__PURE__ */ React68.createElement("label", { htmlFor: inputId, className: "rf-text-field__label" }, label, " ", required && /* @__PURE__ */ React68.createElement("span", { className: "rf-text-field__asterisk" }, "*")), variant === "outlined" && /* @__PURE__ */ React68.createElement("fieldset", { className: "rf-text-field__notch" }, hasLabel ? /* @__PURE__ */ React68.createElement("legend", { className: "rf-text-field__legend" }, /* @__PURE__ */ React68.createElement("span", null, label, " ", required ? "*" : "")) : /* @__PURE__ */ React68.createElement("legend", { className: "rf-text-field__legend--empty" }))), helperText && /* @__PURE__ */ React68.createElement("div", { className: "rf-text-field__helper-text" }, helperText));
|
|
1566
1655
|
});
|
|
1567
1656
|
TextField.displayName = "TextField";
|
|
1568
1657
|
|
|
1569
1658
|
// lib/TextFields/AddressLookup.tsx
|
|
1570
|
-
import
|
|
1659
|
+
import React69, { useState as useState4, useRef as useRef3, useEffect as useEffect3 } from "react";
|
|
1571
1660
|
import Axios from "axios";
|
|
1572
1661
|
import { Country, State, City } from "country-state-city";
|
|
1573
1662
|
var AddressLookup = ({
|
|
@@ -1742,7 +1831,7 @@ var AddressLookup = ({
|
|
|
1742
1831
|
city: ""
|
|
1743
1832
|
});
|
|
1744
1833
|
};
|
|
1745
|
-
return /* @__PURE__ */
|
|
1834
|
+
return /* @__PURE__ */ React69.createElement("div", { className: "address-lookup-container", style: sx, ref: containerRef }, /* @__PURE__ */ React69.createElement("div", { className: `address-lookup-grid address-lookup-grid-${layout}` }, /* @__PURE__ */ React69.createElement("div", { className: "address-lookup-grid-item col-l1" }, /* @__PURE__ */ React69.createElement(
|
|
1746
1835
|
TextField,
|
|
1747
1836
|
{
|
|
1748
1837
|
label,
|
|
@@ -1775,7 +1864,7 @@ var AddressLookup = ({
|
|
|
1775
1864
|
},
|
|
1776
1865
|
onFocus: () => suggestions.length > 0 && setShowSuggestions(true)
|
|
1777
1866
|
}
|
|
1778
|
-
), loading && /* @__PURE__ */
|
|
1867
|
+
), loading && /* @__PURE__ */ React69.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ React69.createElement(circularProgress_default, { size: 20 })), showSuggestions && suggestions.length > 0 && /* @__PURE__ */ React69.createElement("div", { className: "autocomplete-dropdown" }, suggestions.map((option, idx) => /* @__PURE__ */ React69.createElement(
|
|
1779
1868
|
"div",
|
|
1780
1869
|
{
|
|
1781
1870
|
key: idx,
|
|
@@ -1786,9 +1875,9 @@ var AddressLookup = ({
|
|
|
1786
1875
|
fetchPlaceDetails(option.placePrediction.placeId, mainText);
|
|
1787
1876
|
}
|
|
1788
1877
|
},
|
|
1789
|
-
/* @__PURE__ */
|
|
1790
|
-
/* @__PURE__ */
|
|
1791
|
-
))), error.addressLine1 && /* @__PURE__ */
|
|
1878
|
+
/* @__PURE__ */ React69.createElement("div", { className: "autocomplete-main-text" }, option?.placePrediction?.structuredFormat?.mainText?.text),
|
|
1879
|
+
/* @__PURE__ */ React69.createElement("div", { className: "autocomplete-secondary-text" }, option?.placePrediction?.structuredFormat?.secondaryText?.text)
|
|
1880
|
+
))), error.addressLine1 && /* @__PURE__ */ React69.createElement("div", { className: "field-error-text" }, error.addressLine1)), layout === "compact" && /* @__PURE__ */ React69.createElement("div", { className: "address-lookup-grid-item col-l2" }, /* @__PURE__ */ React69.createElement(
|
|
1792
1881
|
TextField,
|
|
1793
1882
|
{
|
|
1794
1883
|
label: "Address Line 2",
|
|
@@ -1797,7 +1886,7 @@ var AddressLookup = ({
|
|
|
1797
1886
|
value: value.addressLine2 || "",
|
|
1798
1887
|
onChange: (e) => handleChange("addressLine2", e.target.value)
|
|
1799
1888
|
}
|
|
1800
|
-
)), layout !== "compact" && /* @__PURE__ */
|
|
1889
|
+
)), layout !== "compact" && /* @__PURE__ */ React69.createElement("div", { className: "address-lookup-grid-item col-l2" }, /* @__PURE__ */ React69.createElement(
|
|
1801
1890
|
TextField,
|
|
1802
1891
|
{
|
|
1803
1892
|
label: "Address Line 2",
|
|
@@ -1806,7 +1895,7 @@ var AddressLookup = ({
|
|
|
1806
1895
|
value: value.addressLine2 || "",
|
|
1807
1896
|
onChange: (e) => handleChange("addressLine2", e.target.value)
|
|
1808
1897
|
}
|
|
1809
|
-
)), /* @__PURE__ */
|
|
1898
|
+
)), /* @__PURE__ */ React69.createElement("div", { className: "address-lookup-grid-item col-country" }, /* @__PURE__ */ React69.createElement(
|
|
1810
1899
|
TextField,
|
|
1811
1900
|
{
|
|
1812
1901
|
label: "Country",
|
|
@@ -1819,7 +1908,7 @@ var AddressLookup = ({
|
|
|
1819
1908
|
onChange: (e) => handleCountryChange(e.target.value),
|
|
1820
1909
|
list: "countries-list"
|
|
1821
1910
|
}
|
|
1822
|
-
), /* @__PURE__ */
|
|
1911
|
+
), /* @__PURE__ */ React69.createElement("datalist", { id: "countries-list" }, countries.map((c) => /* @__PURE__ */ React69.createElement("option", { key: c.isoCode, value: c.name }))), error.country && /* @__PURE__ */ React69.createElement("div", { className: "field-error-text" }, error.country)), /* @__PURE__ */ React69.createElement("div", { className: "address-lookup-grid-item col-state" }, /* @__PURE__ */ React69.createElement(
|
|
1823
1912
|
TextField,
|
|
1824
1913
|
{
|
|
1825
1914
|
label: "State",
|
|
@@ -1833,7 +1922,7 @@ var AddressLookup = ({
|
|
|
1833
1922
|
onChange: (e) => handleStateChange(e.target.value),
|
|
1834
1923
|
list: "states-list"
|
|
1835
1924
|
}
|
|
1836
|
-
), /* @__PURE__ */
|
|
1925
|
+
), /* @__PURE__ */ React69.createElement("datalist", { id: "states-list" }, states.map((s) => /* @__PURE__ */ React69.createElement("option", { key: s.isoCode, value: s.name }))), error.state && /* @__PURE__ */ React69.createElement("div", { className: "field-error-text" }, error.state)), /* @__PURE__ */ React69.createElement("div", { className: "address-lookup-grid-item col-city" }, /* @__PURE__ */ React69.createElement(
|
|
1837
1926
|
TextField,
|
|
1838
1927
|
{
|
|
1839
1928
|
label: "City",
|
|
@@ -1847,7 +1936,7 @@ var AddressLookup = ({
|
|
|
1847
1936
|
onChange: (e) => handleChange("city", e.target.value),
|
|
1848
1937
|
list: "cities-list"
|
|
1849
1938
|
}
|
|
1850
|
-
), /* @__PURE__ */
|
|
1939
|
+
), /* @__PURE__ */ React69.createElement("datalist", { id: "cities-list" }, cities.map((c, i) => /* @__PURE__ */ React69.createElement("option", { key: i, value: c.name }))), error.city && /* @__PURE__ */ React69.createElement("div", { className: "field-error-text" }, error.city)), /* @__PURE__ */ React69.createElement("div", { className: "address-lookup-grid-item col-pin" }, /* @__PURE__ */ React69.createElement(
|
|
1851
1940
|
TextField,
|
|
1852
1941
|
{
|
|
1853
1942
|
label: "Pincode",
|
|
@@ -1859,12 +1948,12 @@ var AddressLookup = ({
|
|
|
1859
1948
|
readOnly: googleFields.pincode && !!value.pincode,
|
|
1860
1949
|
onChange: (e) => handleChange("pincode", e.target.value)
|
|
1861
1950
|
}
|
|
1862
|
-
), error.pincode && /* @__PURE__ */
|
|
1951
|
+
), error.pincode && /* @__PURE__ */ React69.createElement("div", { className: "field-error-text" }, error.pincode))));
|
|
1863
1952
|
};
|
|
1864
1953
|
var AddressLookup_default = AddressLookup;
|
|
1865
1954
|
|
|
1866
1955
|
// lib/TextFields/DateField.tsx
|
|
1867
|
-
import
|
|
1956
|
+
import React70, {
|
|
1868
1957
|
useState as useState5,
|
|
1869
1958
|
useRef as useRef4,
|
|
1870
1959
|
useEffect as useEffect4,
|
|
@@ -2015,9 +2104,9 @@ var parseTimeFromISO = (iso) => {
|
|
|
2015
2104
|
if (h === 0) h = 12;
|
|
2016
2105
|
return { h, m, ampm };
|
|
2017
2106
|
};
|
|
2018
|
-
var CalendarIcon = () => /* @__PURE__ */
|
|
2019
|
-
var ChevUp = () => /* @__PURE__ */
|
|
2020
|
-
var ChevDown = () => /* @__PURE__ */
|
|
2107
|
+
var CalendarIcon = () => /* @__PURE__ */ React70.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React70.createElement("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), /* @__PURE__ */ React70.createElement("line", { x1: "16", y1: "2", x2: "16", y2: "6" }), /* @__PURE__ */ React70.createElement("line", { x1: "8", y1: "2", x2: "8", y2: "6" }), /* @__PURE__ */ React70.createElement("line", { x1: "3", y1: "10", x2: "21", y2: "10" }));
|
|
2108
|
+
var ChevUp = () => /* @__PURE__ */ React70.createElement("svg", { width: "10", height: "7", viewBox: "0 0 10 7", fill: "currentColor" }, /* @__PURE__ */ React70.createElement("path", { d: "M5 0L10 7H0L5 0Z" }));
|
|
2109
|
+
var ChevDown = () => /* @__PURE__ */ React70.createElement("svg", { width: "10", height: "7", viewBox: "0 0 10 7", fill: "currentColor" }, /* @__PURE__ */ React70.createElement("path", { d: "M5 7L0 0H10L5 7Z" }));
|
|
2021
2110
|
var ITEM_H = 36;
|
|
2022
2111
|
var ScrollColumn = ({ items, selected, onSelect, infinite = true }) => {
|
|
2023
2112
|
const listRef = useRef4(null);
|
|
@@ -2065,15 +2154,15 @@ var ScrollColumn = ({ items, selected, onSelect, infinite = true }) => {
|
|
|
2065
2154
|
}
|
|
2066
2155
|
}, 100);
|
|
2067
2156
|
};
|
|
2068
|
-
return /* @__PURE__ */
|
|
2157
|
+
return /* @__PURE__ */ React70.createElement("div", { className: "rf-timescroll__col-wrapper" }, /* @__PURE__ */ React70.createElement(
|
|
2069
2158
|
"div",
|
|
2070
2159
|
{
|
|
2071
2160
|
className: "rf-timescroll__col",
|
|
2072
2161
|
ref: listRef,
|
|
2073
2162
|
onScroll: handleScroll
|
|
2074
2163
|
},
|
|
2075
|
-
!infinite && /* @__PURE__ */
|
|
2076
|
-
virtualItems.map((label, idx) => /* @__PURE__ */
|
|
2164
|
+
!infinite && /* @__PURE__ */ React70.createElement("div", { className: "rf-timescroll__spacer" }),
|
|
2165
|
+
virtualItems.map((label, idx) => /* @__PURE__ */ React70.createElement(
|
|
2077
2166
|
"div",
|
|
2078
2167
|
{
|
|
2079
2168
|
key: `${label}-${idx}`,
|
|
@@ -2081,8 +2170,8 @@ var ScrollColumn = ({ items, selected, onSelect, infinite = true }) => {
|
|
|
2081
2170
|
},
|
|
2082
2171
|
label
|
|
2083
2172
|
)),
|
|
2084
|
-
!infinite && /* @__PURE__ */
|
|
2085
|
-
), /* @__PURE__ */
|
|
2173
|
+
!infinite && /* @__PURE__ */ React70.createElement("div", { className: "rf-timescroll__spacer" })
|
|
2174
|
+
), /* @__PURE__ */ React70.createElement("div", { className: "rf-timescroll__mask rf-timescroll__mask--top" }), /* @__PURE__ */ React70.createElement("div", { className: "rf-timescroll__mask rf-timescroll__mask--bottom" }));
|
|
2086
2175
|
};
|
|
2087
2176
|
var SpinnerPanel = ({
|
|
2088
2177
|
hour,
|
|
@@ -2093,7 +2182,7 @@ var SpinnerPanel = ({
|
|
|
2093
2182
|
onHourInput,
|
|
2094
2183
|
onMinuteInput,
|
|
2095
2184
|
onAmpmToggle
|
|
2096
|
-
}) => /* @__PURE__ */
|
|
2185
|
+
}) => /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__time-row" }, /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__time-input-wrap" }, /* @__PURE__ */ React70.createElement("button", { type: "button", className: "rf-date-picker__time-spin-btn", onMouseDown: (e) => e.preventDefault(), onClick: () => onHourChange(1) }, /* @__PURE__ */ React70.createElement(ChevUp, null)), /* @__PURE__ */ React70.createElement(
|
|
2097
2186
|
"input",
|
|
2098
2187
|
{
|
|
2099
2188
|
type: "number",
|
|
@@ -2104,7 +2193,7 @@ var SpinnerPanel = ({
|
|
|
2104
2193
|
onChange: onHourInput,
|
|
2105
2194
|
onMouseDown: (e) => e.stopPropagation()
|
|
2106
2195
|
}
|
|
2107
|
-
), /* @__PURE__ */
|
|
2196
|
+
), /* @__PURE__ */ React70.createElement("button", { type: "button", className: "rf-date-picker__time-spin-btn", onMouseDown: (e) => e.preventDefault(), onClick: () => onHourChange(-1) }, /* @__PURE__ */ React70.createElement(ChevDown, null))), /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__time-colon" }, ":"), /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__time-input-wrap" }, /* @__PURE__ */ React70.createElement("button", { type: "button", className: "rf-date-picker__time-spin-btn", onMouseDown: (e) => e.preventDefault(), onClick: () => onMinuteChange(1) }, /* @__PURE__ */ React70.createElement(ChevUp, null)), /* @__PURE__ */ React70.createElement(
|
|
2108
2197
|
"input",
|
|
2109
2198
|
{
|
|
2110
2199
|
type: "number",
|
|
@@ -2115,7 +2204,7 @@ var SpinnerPanel = ({
|
|
|
2115
2204
|
onChange: onMinuteInput,
|
|
2116
2205
|
onMouseDown: (e) => e.stopPropagation()
|
|
2117
2206
|
}
|
|
2118
|
-
), /* @__PURE__ */
|
|
2207
|
+
), /* @__PURE__ */ React70.createElement("button", { type: "button", className: "rf-date-picker__time-spin-btn", onMouseDown: (e) => e.preventDefault(), onClick: () => onMinuteChange(-1) }, /* @__PURE__ */ React70.createElement(ChevDown, null))), /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__ampm" }, /* @__PURE__ */ React70.createElement(
|
|
2119
2208
|
"button",
|
|
2120
2209
|
{
|
|
2121
2210
|
type: "button",
|
|
@@ -2124,7 +2213,7 @@ var SpinnerPanel = ({
|
|
|
2124
2213
|
onClick: () => onAmpmToggle("AM")
|
|
2125
2214
|
},
|
|
2126
2215
|
"AM"
|
|
2127
|
-
), /* @__PURE__ */
|
|
2216
|
+
), /* @__PURE__ */ React70.createElement(
|
|
2128
2217
|
"button",
|
|
2129
2218
|
{
|
|
2130
2219
|
type: "button",
|
|
@@ -2164,21 +2253,21 @@ var CalendarBody = ({
|
|
|
2164
2253
|
const currentYear = todayDate.getFullYear();
|
|
2165
2254
|
const yearStart = viewYear - 6;
|
|
2166
2255
|
const years = Array.from({ length: 16 }, (_, i) => yearStart + i);
|
|
2167
|
-
return /* @__PURE__ */
|
|
2256
|
+
return /* @__PURE__ */ React70.createElement(React70.Fragment, null, /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__header" }, /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__header-labels" }, /* @__PURE__ */ React70.createElement(
|
|
2168
2257
|
"span",
|
|
2169
2258
|
{
|
|
2170
2259
|
className: `rf-date-picker__month-label ${pickerView === "month" ? "rf-date-picker__month-label--active" : ""}`,
|
|
2171
2260
|
onClick: handleMonthClick
|
|
2172
2261
|
},
|
|
2173
2262
|
MONTHS[viewMonth]
|
|
2174
|
-
), /* @__PURE__ */
|
|
2263
|
+
), /* @__PURE__ */ React70.createElement(
|
|
2175
2264
|
"span",
|
|
2176
2265
|
{
|
|
2177
2266
|
className: `rf-date-picker__year-label ${pickerView === "year" ? "rf-date-picker__year-label--active" : ""}`,
|
|
2178
2267
|
onClick: handleYearClick
|
|
2179
2268
|
},
|
|
2180
2269
|
viewYear
|
|
2181
|
-
)), /* @__PURE__ */
|
|
2270
|
+
)), /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__nav" }, pickerView === "year" ? /* @__PURE__ */ React70.createElement(React70.Fragment, null, /* @__PURE__ */ React70.createElement("button", { type: "button", className: "rf-date-picker__nav-btn", onClick: () => onYearSelect(viewYear - 16), "aria-label": "Previous years" }, "\u2039"), /* @__PURE__ */ React70.createElement("button", { type: "button", className: "rf-date-picker__nav-btn", onClick: () => onYearSelect(viewYear + 16), "aria-label": "Next years" }, "\u203A")) : /* @__PURE__ */ React70.createElement(React70.Fragment, null, /* @__PURE__ */ React70.createElement("button", { type: "button", className: "rf-date-picker__nav-btn", onClick: onPrev, "aria-label": "Previous month" }, "\u2039"), /* @__PURE__ */ React70.createElement("button", { type: "button", className: "rf-date-picker__nav-btn", onClick: onNext, "aria-label": "Next month" }, "\u203A")))), pickerView === "month" && /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__month-grid" }, MONTHS_SHORT.map((m, idx) => /* @__PURE__ */ React70.createElement(
|
|
2182
2271
|
"button",
|
|
2183
2272
|
{
|
|
2184
2273
|
key: m,
|
|
@@ -2191,7 +2280,7 @@ var CalendarBody = ({
|
|
|
2191
2280
|
onClick: () => handleMonthPick(idx)
|
|
2192
2281
|
},
|
|
2193
2282
|
m
|
|
2194
|
-
))), pickerView === "year" && /* @__PURE__ */
|
|
2283
|
+
))), pickerView === "year" && /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__year-grid" }, years.map((y) => /* @__PURE__ */ React70.createElement(
|
|
2195
2284
|
"button",
|
|
2196
2285
|
{
|
|
2197
2286
|
key: y,
|
|
@@ -2204,12 +2293,12 @@ var CalendarBody = ({
|
|
|
2204
2293
|
onClick: () => handleYearPick(y)
|
|
2205
2294
|
},
|
|
2206
2295
|
y
|
|
2207
|
-
))), pickerView === "calendar" && /* @__PURE__ */
|
|
2208
|
-
if (day === null) return /* @__PURE__ */
|
|
2296
|
+
))), pickerView === "calendar" && /* @__PURE__ */ React70.createElement(React70.Fragment, null, /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__weekdays" }, WEEKDAYS.map((w) => /* @__PURE__ */ React70.createElement("div", { key: w, className: "rf-date-picker__weekday" }, w))), /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__grid" }, dayCells.map((day, idx) => {
|
|
2297
|
+
if (day === null) return /* @__PURE__ */ React70.createElement("div", { key: `e-${idx}`, className: "rf-date-picker__day rf-date-picker__day--empty" });
|
|
2209
2298
|
const cellDate = new Date(viewYear, viewMonth, day);
|
|
2210
2299
|
const isSelected = selectedDate ? isSameDay(cellDate, selectedDate) : false;
|
|
2211
2300
|
const isToday = isSameDay(cellDate, todayDate);
|
|
2212
|
-
return /* @__PURE__ */
|
|
2301
|
+
return /* @__PURE__ */ React70.createElement(
|
|
2213
2302
|
"button",
|
|
2214
2303
|
{
|
|
2215
2304
|
key: day,
|
|
@@ -2470,7 +2559,7 @@ var DateField = ({
|
|
|
2470
2559
|
const inputPlaceholder = placeholder || (variant === "outlined" ? " " : void 0);
|
|
2471
2560
|
const todayDate = today();
|
|
2472
2561
|
const isSideVariant = type === "datetime-side" || type === "datetime-scroll";
|
|
2473
|
-
return /* @__PURE__ */
|
|
2562
|
+
return /* @__PURE__ */ React70.createElement("div", { ref: containerRef, className: rootClasses, style }, /* @__PURE__ */ React70.createElement("div", { className: "rf-date-field__anchor" }, /* @__PURE__ */ React70.createElement(
|
|
2474
2563
|
"div",
|
|
2475
2564
|
{
|
|
2476
2565
|
className: "rf-text-field__wrapper",
|
|
@@ -2479,7 +2568,7 @@ var DateField = ({
|
|
|
2479
2568
|
},
|
|
2480
2569
|
style: { cursor: disabled ? "default" : "pointer" }
|
|
2481
2570
|
},
|
|
2482
|
-
/* @__PURE__ */
|
|
2571
|
+
/* @__PURE__ */ React70.createElement(
|
|
2483
2572
|
"input",
|
|
2484
2573
|
{
|
|
2485
2574
|
id: inputId,
|
|
@@ -2495,7 +2584,7 @@ var DateField = ({
|
|
|
2495
2584
|
}
|
|
2496
2585
|
}
|
|
2497
2586
|
),
|
|
2498
|
-
/* @__PURE__ */
|
|
2587
|
+
/* @__PURE__ */ React70.createElement("div", { className: "rf-text-field__adornment rf-text-field__adornment--end" }, /* @__PURE__ */ React70.createElement(
|
|
2499
2588
|
"button",
|
|
2500
2589
|
{
|
|
2501
2590
|
type: "button",
|
|
@@ -2508,11 +2597,11 @@ var DateField = ({
|
|
|
2508
2597
|
},
|
|
2509
2598
|
"aria-label": "Pick date"
|
|
2510
2599
|
},
|
|
2511
|
-
/* @__PURE__ */
|
|
2600
|
+
/* @__PURE__ */ React70.createElement(CalendarIcon, null)
|
|
2512
2601
|
)),
|
|
2513
|
-
label && /* @__PURE__ */
|
|
2514
|
-
variant === "outlined" && /* @__PURE__ */
|
|
2515
|
-
), open && !disabled && /* @__PURE__ */
|
|
2602
|
+
label && /* @__PURE__ */ React70.createElement("label", { htmlFor: inputId, className: "rf-text-field__label" }, label, " ", required && /* @__PURE__ */ React70.createElement("span", { className: "rf-text-field__asterisk" }, "*")),
|
|
2603
|
+
variant === "outlined" && /* @__PURE__ */ React70.createElement("fieldset", { className: "rf-text-field__notch" }, label && /* @__PURE__ */ React70.createElement("legend", { className: "rf-text-field__legend" }, /* @__PURE__ */ React70.createElement("span", null, label, required ? " *" : "")))
|
|
2604
|
+
), open && !disabled && /* @__PURE__ */ React70.createElement(
|
|
2516
2605
|
"div",
|
|
2517
2606
|
{
|
|
2518
2607
|
ref: pickerRef,
|
|
@@ -2523,7 +2612,7 @@ var DateField = ({
|
|
|
2523
2612
|
].filter(Boolean).join(" "),
|
|
2524
2613
|
onMouseDown: (e) => e.preventDefault()
|
|
2525
2614
|
},
|
|
2526
|
-
/* @__PURE__ */
|
|
2615
|
+
/* @__PURE__ */ React70.createElement("div", { className: isSideVariant ? "rf-date-picker__cal-col" : void 0 }, /* @__PURE__ */ React70.createElement(
|
|
2527
2616
|
CalendarBody,
|
|
2528
2617
|
{
|
|
2529
2618
|
viewMonth,
|
|
@@ -2537,7 +2626,7 @@ var DateField = ({
|
|
|
2537
2626
|
onMonthSelect: setViewMonth,
|
|
2538
2627
|
onYearSelect: setViewYear
|
|
2539
2628
|
}
|
|
2540
|
-
), type === "datetime" && /* @__PURE__ */
|
|
2629
|
+
), type === "datetime" && /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__time-section" }, /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__time-label" }, "Time"), /* @__PURE__ */ React70.createElement(
|
|
2541
2630
|
SpinnerPanel,
|
|
2542
2631
|
{
|
|
2543
2632
|
hour,
|
|
@@ -2549,8 +2638,8 @@ var DateField = ({
|
|
|
2549
2638
|
onMinuteInput: handleMinuteInput,
|
|
2550
2639
|
onAmpmToggle: handleAmpmToggle
|
|
2551
2640
|
}
|
|
2552
|
-
)), /* @__PURE__ */
|
|
2553
|
-
type === "datetime-side" && /* @__PURE__ */
|
|
2641
|
+
)), /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__divider" }), /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__footer" }, /* @__PURE__ */ React70.createElement("button", { type: "button", className: "rf-date-picker__footer-btn", onClick: handleToday }, "Today"), /* @__PURE__ */ React70.createElement("button", { type: "button", className: "rf-date-picker__footer-btn rf-date-picker__footer-btn--clear", onClick: handleClear }, "Clear"))),
|
|
2642
|
+
type === "datetime-side" && /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__side-panel" }, /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__side-label" }, "Time"), /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__side-spinner" }, /* @__PURE__ */ React70.createElement(
|
|
2554
2643
|
SpinnerPanel,
|
|
2555
2644
|
{
|
|
2556
2645
|
hour,
|
|
@@ -2562,22 +2651,22 @@ var DateField = ({
|
|
|
2562
2651
|
onMinuteInput: handleMinuteInput,
|
|
2563
2652
|
onAmpmToggle: handleAmpmToggle
|
|
2564
2653
|
}
|
|
2565
|
-
)), /* @__PURE__ */
|
|
2566
|
-
type === "datetime-scroll" && /* @__PURE__ */
|
|
2654
|
+
)), /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__side-time-display" }, String(hour).padStart(2, "0"), ":", String(minute).padStart(2, "0"), " ", ampm)),
|
|
2655
|
+
type === "datetime-scroll" && /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__side-panel" }, /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__side-label" }, "Time"), /* @__PURE__ */ React70.createElement("div", { className: "rf-timescroll" }, /* @__PURE__ */ React70.createElement(
|
|
2567
2656
|
ScrollColumn,
|
|
2568
2657
|
{
|
|
2569
2658
|
items: HOURS,
|
|
2570
2659
|
selected: hour - 1,
|
|
2571
2660
|
onSelect: handleScrollHour
|
|
2572
2661
|
}
|
|
2573
|
-
), /* @__PURE__ */
|
|
2662
|
+
), /* @__PURE__ */ React70.createElement("div", { className: "rf-timescroll__colon" }, ":"), /* @__PURE__ */ React70.createElement(
|
|
2574
2663
|
ScrollColumn,
|
|
2575
2664
|
{
|
|
2576
2665
|
items: MINUTES,
|
|
2577
2666
|
selected: minute,
|
|
2578
2667
|
onSelect: handleScrollMinute
|
|
2579
2668
|
}
|
|
2580
|
-
), /* @__PURE__ */
|
|
2669
|
+
), /* @__PURE__ */ React70.createElement(
|
|
2581
2670
|
ScrollColumn,
|
|
2582
2671
|
{
|
|
2583
2672
|
items: AMPMS,
|
|
@@ -2585,13 +2674,13 @@ var DateField = ({
|
|
|
2585
2674
|
onSelect: handleScrollAmpm,
|
|
2586
2675
|
infinite: false
|
|
2587
2676
|
}
|
|
2588
|
-
)), /* @__PURE__ */
|
|
2589
|
-
)), helperText && /* @__PURE__ */
|
|
2677
|
+
)), /* @__PURE__ */ React70.createElement("div", { className: "rf-date-picker__side-time-display" }, String(hour).padStart(2, "0"), ":", String(minute).padStart(2, "0"), " ", ampm))
|
|
2678
|
+
)), helperText && /* @__PURE__ */ React70.createElement("div", { className: "rf-text-field__helper-text" }, helperText));
|
|
2590
2679
|
};
|
|
2591
2680
|
DateField.displayName = "DateField";
|
|
2592
2681
|
|
|
2593
2682
|
// lib/TextFields/DateRangeField.tsx
|
|
2594
|
-
import
|
|
2683
|
+
import React71, {
|
|
2595
2684
|
useState as useState6,
|
|
2596
2685
|
useRef as useRef5,
|
|
2597
2686
|
useEffect as useEffect5
|
|
@@ -2720,7 +2809,7 @@ var detectPreset = (start, end) => {
|
|
|
2720
2809
|
if (isSameDay2(start, new Date(2e3, 0, 1)) && isSameDay2(end, today2)) return "all";
|
|
2721
2810
|
return null;
|
|
2722
2811
|
};
|
|
2723
|
-
var CalendarIcon2 = () => /* @__PURE__ */
|
|
2812
|
+
var CalendarIcon2 = () => /* @__PURE__ */ React71.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React71.createElement("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), /* @__PURE__ */ React71.createElement("line", { x1: "16", y1: "2", x2: "16", y2: "6" }), /* @__PURE__ */ React71.createElement("line", { x1: "8", y1: "2", x2: "8", y2: "6" }), /* @__PURE__ */ React71.createElement("line", { x1: "3", y1: "10", x2: "21", y2: "10" }));
|
|
2724
2813
|
var RangeCalendarBody = ({
|
|
2725
2814
|
viewYear,
|
|
2726
2815
|
viewMonth,
|
|
@@ -2745,7 +2834,7 @@ var RangeCalendarBody = ({
|
|
|
2745
2834
|
const hasRange = startDate != null && effectiveEnd != null && !isSameDay2(startDate, effectiveEnd);
|
|
2746
2835
|
const lo = startDate && effectiveEnd ? startDate <= effectiveEnd ? startDate : effectiveEnd : null;
|
|
2747
2836
|
const hi = startDate && effectiveEnd ? startDate <= effectiveEnd ? effectiveEnd : startDate : null;
|
|
2748
|
-
return /* @__PURE__ */
|
|
2837
|
+
return /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-calendar" }, /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-calendar__header" }, /* @__PURE__ */ React71.createElement(
|
|
2749
2838
|
"button",
|
|
2750
2839
|
{
|
|
2751
2840
|
type: "button",
|
|
@@ -2755,7 +2844,7 @@ var RangeCalendarBody = ({
|
|
|
2755
2844
|
"aria-label": "Previous month"
|
|
2756
2845
|
},
|
|
2757
2846
|
"\u2039"
|
|
2758
|
-
), /* @__PURE__ */
|
|
2847
|
+
), /* @__PURE__ */ React71.createElement("span", { className: "rf-dr-calendar__month-label" }, MONTHS2[viewMonth], " ", viewYear), /* @__PURE__ */ React71.createElement(
|
|
2759
2848
|
"button",
|
|
2760
2849
|
{
|
|
2761
2850
|
type: "button",
|
|
@@ -2765,9 +2854,9 @@ var RangeCalendarBody = ({
|
|
|
2765
2854
|
"aria-label": "Next month"
|
|
2766
2855
|
},
|
|
2767
2856
|
"\u203A"
|
|
2768
|
-
)), /* @__PURE__ */
|
|
2857
|
+
)), /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-calendar__weekdays" }, WEEKDAYS2.map((w) => /* @__PURE__ */ React71.createElement("div", { key: w, className: "rf-dr-calendar__weekday" }, w))), /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-calendar__grid" }, dayCells.map((day, idx) => {
|
|
2769
2858
|
if (day === null) {
|
|
2770
|
-
return /* @__PURE__ */
|
|
2859
|
+
return /* @__PURE__ */ React71.createElement("div", { key: `e-${idx}`, className: "rf-dr-calendar__cell rf-dr-calendar__cell--empty" });
|
|
2771
2860
|
}
|
|
2772
2861
|
const cellDate = new Date(viewYear, viewMonth, day);
|
|
2773
2862
|
const isStart = startDate ? isSameDay2(cellDate, startDate) : false;
|
|
@@ -2787,7 +2876,7 @@ var RangeCalendarBody = ({
|
|
|
2787
2876
|
isStart || isEnd ? "rf-dr-calendar__day--selected" : "",
|
|
2788
2877
|
isToday && !isStart && !isEnd ? "rf-dr-calendar__day--today" : ""
|
|
2789
2878
|
].filter(Boolean).join(" ");
|
|
2790
|
-
return /* @__PURE__ */
|
|
2879
|
+
return /* @__PURE__ */ React71.createElement(
|
|
2791
2880
|
"div",
|
|
2792
2881
|
{
|
|
2793
2882
|
key: day,
|
|
@@ -2795,7 +2884,7 @@ var RangeCalendarBody = ({
|
|
|
2795
2884
|
onMouseEnter: () => onDayHover(cellDate),
|
|
2796
2885
|
onMouseLeave: () => onDayHover(null)
|
|
2797
2886
|
},
|
|
2798
|
-
/* @__PURE__ */
|
|
2887
|
+
/* @__PURE__ */ React71.createElement(
|
|
2799
2888
|
"button",
|
|
2800
2889
|
{
|
|
2801
2890
|
type: "button",
|
|
@@ -2829,14 +2918,14 @@ var MiniCalendar = ({ selectedDate, todayDate, onSelect, onClose }) => {
|
|
|
2829
2918
|
setViewYear((y) => y + 1);
|
|
2830
2919
|
} else setViewMonth((m) => m + 1);
|
|
2831
2920
|
};
|
|
2832
|
-
return /* @__PURE__ */
|
|
2921
|
+
return /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-mini-cal" }, /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-mini-cal__header" }, /* @__PURE__ */ React71.createElement("button", { type: "button", className: "rf-dr-calendar__nav-btn", onClick: prevMonth }, "\u2039"), /* @__PURE__ */ React71.createElement("span", { className: "rf-dr-calendar__month-label", style: { fontSize: "0.88rem" } }, MONTHS2[viewMonth], " ", viewYear), /* @__PURE__ */ React71.createElement("button", { type: "button", className: "rf-dr-calendar__nav-btn", onClick: nextMonth }, "\u203A")), /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-calendar__weekdays" }, WEEKDAYS2.map((w) => /* @__PURE__ */ React71.createElement("div", { key: w, className: "rf-dr-calendar__weekday" }, w))), /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-calendar__grid" }, dayCells.map((day, idx) => {
|
|
2833
2922
|
if (day === null) {
|
|
2834
|
-
return /* @__PURE__ */
|
|
2923
|
+
return /* @__PURE__ */ React71.createElement("div", { key: `e-${idx}`, className: "rf-dr-calendar__cell rf-dr-calendar__cell--empty" });
|
|
2835
2924
|
}
|
|
2836
2925
|
const cellDate = new Date(viewYear, viewMonth, day);
|
|
2837
2926
|
const isSel = selectedDate ? isSameDay2(cellDate, selectedDate) : false;
|
|
2838
2927
|
const isToday = isSameDay2(cellDate, todayDate);
|
|
2839
|
-
return /* @__PURE__ */
|
|
2928
|
+
return /* @__PURE__ */ React71.createElement("div", { key: day, className: "rf-dr-calendar__cell" }, /* @__PURE__ */ React71.createElement(
|
|
2840
2929
|
"button",
|
|
2841
2930
|
{
|
|
2842
2931
|
type: "button",
|
|
@@ -3044,7 +3133,7 @@ var DateRangeField = ({
|
|
|
3044
3133
|
className
|
|
3045
3134
|
].filter(Boolean).join(" ");
|
|
3046
3135
|
const inputPlaceholder = variant === "outlined" ? " " : void 0;
|
|
3047
|
-
return /* @__PURE__ */
|
|
3136
|
+
return /* @__PURE__ */ React71.createElement("div", { ref: containerRef, className: rootClasses, style }, /* @__PURE__ */ React71.createElement("div", { className: "rf-date-field__anchor" }, /* @__PURE__ */ React71.createElement(
|
|
3048
3137
|
"div",
|
|
3049
3138
|
{
|
|
3050
3139
|
className: "rf-text-field__wrapper",
|
|
@@ -3053,7 +3142,7 @@ var DateRangeField = ({
|
|
|
3053
3142
|
},
|
|
3054
3143
|
style: { cursor: disabled ? "default" : "pointer" }
|
|
3055
3144
|
},
|
|
3056
|
-
/* @__PURE__ */
|
|
3145
|
+
/* @__PURE__ */ React71.createElement(
|
|
3057
3146
|
"input",
|
|
3058
3147
|
{
|
|
3059
3148
|
id: inputId,
|
|
@@ -3069,7 +3158,7 @@ var DateRangeField = ({
|
|
|
3069
3158
|
}
|
|
3070
3159
|
}
|
|
3071
3160
|
),
|
|
3072
|
-
/* @__PURE__ */
|
|
3161
|
+
/* @__PURE__ */ React71.createElement("div", { className: "rf-text-field__adornment rf-text-field__adornment--end" }, /* @__PURE__ */ React71.createElement(
|
|
3073
3162
|
"button",
|
|
3074
3163
|
{
|
|
3075
3164
|
type: "button",
|
|
@@ -3082,13 +3171,13 @@ var DateRangeField = ({
|
|
|
3082
3171
|
},
|
|
3083
3172
|
"aria-label": "Pick date range"
|
|
3084
3173
|
},
|
|
3085
|
-
/* @__PURE__ */
|
|
3174
|
+
/* @__PURE__ */ React71.createElement(CalendarIcon2, null)
|
|
3086
3175
|
)),
|
|
3087
|
-
label && /* @__PURE__ */
|
|
3088
|
-
variant === "outlined" && /* @__PURE__ */
|
|
3176
|
+
label && /* @__PURE__ */ React71.createElement("label", { htmlFor: inputId, className: "rf-text-field__label" }, label, " ", required && /* @__PURE__ */ React71.createElement("span", { className: "rf-text-field__asterisk" }, "*")),
|
|
3177
|
+
variant === "outlined" && /* @__PURE__ */ React71.createElement("fieldset", { className: "rf-text-field__notch" }, label ? /* @__PURE__ */ React71.createElement("legend", { className: "rf-text-field__legend" }, /* @__PURE__ */ React71.createElement("span", null, label, required ? " *" : "")) : /* @__PURE__ */ React71.createElement("legend", { className: "rf-text-field__legend--empty" }))
|
|
3089
3178
|
), open && !disabled && (pickerType === "panel" ? (
|
|
3090
3179
|
/* ── Panel Mode ── */
|
|
3091
|
-
/* @__PURE__ */
|
|
3180
|
+
/* @__PURE__ */ React71.createElement("div", { className: "rf-dr-picker rf-dr-picker--panel", onMouseDown: (e) => e.preventDefault() }, /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-picker__presets" }, PRESETS.map((p, i) => /* @__PURE__ */ React71.createElement(React71.Fragment, { key: p.id }, i > 0 && /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-picker__preset-sep" }), /* @__PURE__ */ React71.createElement(
|
|
3092
3181
|
"button",
|
|
3093
3182
|
{
|
|
3094
3183
|
type: "button",
|
|
@@ -3099,7 +3188,7 @@ var DateRangeField = ({
|
|
|
3099
3188
|
onClick: () => handlePreset(p.id)
|
|
3100
3189
|
},
|
|
3101
3190
|
p.label
|
|
3102
|
-
)))), /* @__PURE__ */
|
|
3191
|
+
)))), /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-picker__manual" }, /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-picker__date-field-wrap" }, /* @__PURE__ */ React71.createElement(
|
|
3103
3192
|
"div",
|
|
3104
3193
|
{
|
|
3105
3194
|
className: [
|
|
@@ -3107,8 +3196,8 @@ var DateRangeField = ({
|
|
|
3107
3196
|
inlineCal === "start" ? "rf-dr-picker__date-field--active" : ""
|
|
3108
3197
|
].filter(Boolean).join(" ")
|
|
3109
3198
|
},
|
|
3110
|
-
/* @__PURE__ */
|
|
3111
|
-
/* @__PURE__ */
|
|
3199
|
+
/* @__PURE__ */ React71.createElement("span", { className: "rf-dr-picker__date-floating-label" }, "Start Date"),
|
|
3200
|
+
/* @__PURE__ */ React71.createElement("div", { className: "rf-dr-picker__date-display" }, /* @__PURE__ */ React71.createElement(
|
|
3112
3201
|
"input",
|
|
3113
3202
|
{
|
|
3114
3203
|
type: "text",
|
|
@@ -3119,7 +3208,7 @@ var DateRangeField = ({
|
|
|
3119
3208
|
onBlur: handleStartInputBlur,
|
|
3120
3209
|
onMouseDown: (e) => e.stopPropagation()
|
|
3121
3210
|
}
|
|
3122
|
-
), /* @__PURE__ */
|
|
3211
|
+
), /* @__PURE__ */ React71.createElement(
|
|
3123
3212
|
"button",
|
|
3124
3213
|
{
|
|
3125
3214
|
type: "button",
|
|
@@ -3128,9 +3217,9 @@ var DateRangeField = ({
|
|
|
3128
3217
|
onClick: () => setInlineCal((v) => v === "start" ? null : "start"),
|
|
3129
3218
|
"aria-label": "Pick start date"
|
|
3130
3219
|
},
|
|
3131
|
-
/* @__PURE__ */
|
|
3220
|
+
/* @__PURE__ */ React71.createElement(CalendarIcon2, null)
|
|
3132
3221
|
))
|
|
3133
|
-
), inlineCal === "start" && /* @__PURE__ */
|
|
3222
|
+
), inlineCal === "start" && /* @__PURE__ */ React71.createElement(
|
|
3134
3223
|
MiniCalendar,
|
|
3135
3224
|
{
|
|
3136
3225
|
selectedDate: draftStart,
|
|
@@ -3141,7 +3230,7 @@ var DateRangeField = ({
|
|
|
3141
3230
|
},
|
|
3142
3231
|
onClose: () => setInlineCal(null)
|
|
3143
3232
|
}
|
|
3144
|
-
)), /* @__PURE__ */
|
|
3233
|
+
)), /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-picker__date-field-wrap" }, /* @__PURE__ */ React71.createElement(
|
|
3145
3234
|
"div",
|
|
3146
3235
|
{
|
|
3147
3236
|
className: [
|
|
@@ -3149,8 +3238,8 @@ var DateRangeField = ({
|
|
|
3149
3238
|
inlineCal === "end" ? "rf-dr-picker__date-field--active" : ""
|
|
3150
3239
|
].filter(Boolean).join(" ")
|
|
3151
3240
|
},
|
|
3152
|
-
/* @__PURE__ */
|
|
3153
|
-
/* @__PURE__ */
|
|
3241
|
+
/* @__PURE__ */ React71.createElement("span", { className: "rf-dr-picker__date-floating-label" }, "End Date"),
|
|
3242
|
+
/* @__PURE__ */ React71.createElement("div", { className: "rf-dr-picker__date-display" }, /* @__PURE__ */ React71.createElement(
|
|
3154
3243
|
"input",
|
|
3155
3244
|
{
|
|
3156
3245
|
type: "text",
|
|
@@ -3161,7 +3250,7 @@ var DateRangeField = ({
|
|
|
3161
3250
|
onBlur: handleEndInputBlur,
|
|
3162
3251
|
onMouseDown: (e) => e.stopPropagation()
|
|
3163
3252
|
}
|
|
3164
|
-
), /* @__PURE__ */
|
|
3253
|
+
), /* @__PURE__ */ React71.createElement(
|
|
3165
3254
|
"button",
|
|
3166
3255
|
{
|
|
3167
3256
|
type: "button",
|
|
@@ -3170,9 +3259,9 @@ var DateRangeField = ({
|
|
|
3170
3259
|
onClick: () => setInlineCal((v) => v === "end" ? null : "end"),
|
|
3171
3260
|
"aria-label": "Pick end date"
|
|
3172
3261
|
},
|
|
3173
|
-
/* @__PURE__ */
|
|
3262
|
+
/* @__PURE__ */ React71.createElement(CalendarIcon2, null)
|
|
3174
3263
|
))
|
|
3175
|
-
), inlineCal === "end" && /* @__PURE__ */
|
|
3264
|
+
), inlineCal === "end" && /* @__PURE__ */ React71.createElement(
|
|
3176
3265
|
MiniCalendar,
|
|
3177
3266
|
{
|
|
3178
3267
|
selectedDate: draftEnd,
|
|
@@ -3183,7 +3272,7 @@ var DateRangeField = ({
|
|
|
3183
3272
|
},
|
|
3184
3273
|
onClose: () => setInlineCal(null)
|
|
3185
3274
|
}
|
|
3186
|
-
)), !inlineCal && /* @__PURE__ */
|
|
3275
|
+
)), !inlineCal && /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-picker__days-section" }, /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-picker__days-row" }, /* @__PURE__ */ React71.createElement("span", { className: "rf-dr-picker__days-label" }, "Days until today"), /* @__PURE__ */ React71.createElement(
|
|
3187
3276
|
"input",
|
|
3188
3277
|
{
|
|
3189
3278
|
type: "number",
|
|
@@ -3194,7 +3283,7 @@ var DateRangeField = ({
|
|
|
3194
3283
|
onMouseDown: (e) => e.stopPropagation(),
|
|
3195
3284
|
placeholder: "\u2014"
|
|
3196
3285
|
}
|
|
3197
|
-
)), /* @__PURE__ */
|
|
3286
|
+
)), /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-picker__days-row" }, /* @__PURE__ */ React71.createElement("span", { className: "rf-dr-picker__days-label" }, "Days from today"), /* @__PURE__ */ React71.createElement(
|
|
3198
3287
|
"input",
|
|
3199
3288
|
{
|
|
3200
3289
|
type: "number",
|
|
@@ -3205,10 +3294,10 @@ var DateRangeField = ({
|
|
|
3205
3294
|
onMouseDown: (e) => e.stopPropagation(),
|
|
3206
3295
|
placeholder: "\u2014"
|
|
3207
3296
|
}
|
|
3208
|
-
))), /* @__PURE__ */
|
|
3297
|
+
))), /* @__PURE__ */ React71.createElement("div", { style: { flex: 1 } }), /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-picker__footer" }, /* @__PURE__ */ React71.createElement("button", { type: "button", className: "rf-dr-picker__close-btn", onClick: handleClose }, "CLOSE"), /* @__PURE__ */ React71.createElement("button", { type: "button", className: "rf-dr-picker__apply-btn", onClick: handleApply }, "APPLY"))))
|
|
3209
3298
|
) : (
|
|
3210
3299
|
/* ── Calendar Mode ── */
|
|
3211
|
-
/* @__PURE__ */
|
|
3300
|
+
/* @__PURE__ */ React71.createElement("div", { className: "rf-dr-picker rf-dr-picker--calendar", onMouseDown: (e) => e.preventDefault() }, /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-picker__calendars" }, /* @__PURE__ */ React71.createElement(
|
|
3212
3301
|
RangeCalendarBody,
|
|
3213
3302
|
{
|
|
3214
3303
|
viewYear: leftViewYear,
|
|
@@ -3223,7 +3312,7 @@ var DateRangeField = ({
|
|
|
3223
3312
|
onNext: nextMonth,
|
|
3224
3313
|
showNext: false
|
|
3225
3314
|
}
|
|
3226
|
-
), /* @__PURE__ */
|
|
3315
|
+
), /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-picker__cal-col-divider" }), /* @__PURE__ */ React71.createElement(
|
|
3227
3316
|
RangeCalendarBody,
|
|
3228
3317
|
{
|
|
3229
3318
|
viewYear: rightViewYear,
|
|
@@ -3238,21 +3327,21 @@ var DateRangeField = ({
|
|
|
3238
3327
|
onNext: nextMonth,
|
|
3239
3328
|
showPrev: false
|
|
3240
3329
|
}
|
|
3241
|
-
)), selecting === "end" && draftStart && /* @__PURE__ */
|
|
3242
|
-
))), helperText && /* @__PURE__ */
|
|
3330
|
+
)), selecting === "end" && draftStart && /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-picker__cal-hint" }, /* @__PURE__ */ React71.createElement("span", { className: "rf-dr-picker__cal-hint-dot" }), /* @__PURE__ */ React71.createElement("span", null, "Select end date \xB7 started from ", /* @__PURE__ */ React71.createElement("strong", null, formatShort(draftStart)))), /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-picker__divider" }), /* @__PURE__ */ React71.createElement("div", { className: "rf-dr-picker__cal-footer" }, draftStart && draftEnd && /* @__PURE__ */ React71.createElement("span", { className: "rf-dr-picker__cal-range-label" }, formatShort(draftStart <= draftEnd ? draftStart : draftEnd), " \u2013 ", formatShort(draftStart <= draftEnd ? draftEnd : draftStart), /* @__PURE__ */ React71.createElement("span", { className: "rf-dr-picker__cal-range-days" }, " ", "(", Math.abs(daysBetween(draftStart, draftEnd)) + 1, " days)")), /* @__PURE__ */ React71.createElement("div", { style: { flex: 1 } }), /* @__PURE__ */ React71.createElement("button", { type: "button", className: "rf-dr-picker__close-btn", onClick: handleClose }, "CLOSE"), /* @__PURE__ */ React71.createElement("button", { type: "button", className: "rf-dr-picker__apply-btn", onClick: handleApply }, "APPLY")))
|
|
3331
|
+
))), helperText && /* @__PURE__ */ React71.createElement("div", { className: "rf-text-field__helper-text" }, helperText));
|
|
3243
3332
|
};
|
|
3244
3333
|
DateRangeField.displayName = "DateRangeField";
|
|
3245
3334
|
|
|
3246
3335
|
// lib/TextFields/Autocomplete.tsx
|
|
3247
|
-
import
|
|
3336
|
+
import React72, {
|
|
3248
3337
|
useState as useState7,
|
|
3249
3338
|
useRef as useRef6,
|
|
3250
3339
|
useEffect as useEffect6,
|
|
3251
3340
|
useCallback as useCallback2
|
|
3252
3341
|
} from "react";
|
|
3253
|
-
var ChevronDownIcon = () => /* @__PURE__ */
|
|
3254
|
-
var CloseSmIcon = ({ size = 16 }) => /* @__PURE__ */
|
|
3255
|
-
var CheckIcon = () => /* @__PURE__ */
|
|
3342
|
+
var ChevronDownIcon = () => /* @__PURE__ */ React72.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React72.createElement("polyline", { points: "6 9 12 15 18 9" }));
|
|
3343
|
+
var CloseSmIcon = ({ size = 16 }) => /* @__PURE__ */ React72.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round" }, /* @__PURE__ */ React72.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), /* @__PURE__ */ React72.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" }));
|
|
3344
|
+
var CheckIcon = () => /* @__PURE__ */ React72.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React72.createElement("polyline", { points: "20 6 9 17 4 12" }));
|
|
3256
3345
|
function defaultGetLabel(option) {
|
|
3257
3346
|
if (option === null || option === void 0) return "";
|
|
3258
3347
|
if (typeof option === "string") return option;
|
|
@@ -3478,7 +3567,7 @@ function AutocompleteInner(props, _ref) {
|
|
|
3478
3567
|
className
|
|
3479
3568
|
].filter(Boolean).join(" ");
|
|
3480
3569
|
const inputPlaceholder = placeholder || (variant === "outlined" ? " " : void 0);
|
|
3481
|
-
return /* @__PURE__ */
|
|
3570
|
+
return /* @__PURE__ */ React72.createElement("div", { ref: containerRef, className: rootClasses, style }, /* @__PURE__ */ React72.createElement(
|
|
3482
3571
|
"div",
|
|
3483
3572
|
{
|
|
3484
3573
|
className: "rf-text-field__wrapper",
|
|
@@ -3489,7 +3578,7 @@ function AutocompleteInner(props, _ref) {
|
|
|
3489
3578
|
}
|
|
3490
3579
|
}
|
|
3491
3580
|
},
|
|
3492
|
-
multiple && visibleTags.map((opt, i) => /* @__PURE__ */
|
|
3581
|
+
multiple && visibleTags.map((opt, i) => /* @__PURE__ */ React72.createElement("span", { key: i, className: "rf-autocomplete__tag" }, /* @__PURE__ */ React72.createElement("span", { style: { overflow: "hidden", textOverflow: "ellipsis" } }, getOptionLabel(opt)), /* @__PURE__ */ React72.createElement(
|
|
3493
3582
|
"button",
|
|
3494
3583
|
{
|
|
3495
3584
|
type: "button",
|
|
@@ -3498,10 +3587,10 @@ function AutocompleteInner(props, _ref) {
|
|
|
3498
3587
|
onClick: (e) => removeTag(opt, e),
|
|
3499
3588
|
tabIndex: -1
|
|
3500
3589
|
},
|
|
3501
|
-
/* @__PURE__ */
|
|
3590
|
+
/* @__PURE__ */ React72.createElement(CloseSmIcon, { size: 12 })
|
|
3502
3591
|
))),
|
|
3503
|
-
hiddenCount > 0 && /* @__PURE__ */
|
|
3504
|
-
/* @__PURE__ */
|
|
3592
|
+
hiddenCount > 0 && /* @__PURE__ */ React72.createElement("span", { className: "rf-autocomplete__tag-more" }, "+", hiddenCount, " more"),
|
|
3593
|
+
/* @__PURE__ */ React72.createElement(
|
|
3505
3594
|
"input",
|
|
3506
3595
|
{
|
|
3507
3596
|
ref: inputRef,
|
|
@@ -3523,9 +3612,9 @@ function AutocompleteInner(props, _ref) {
|
|
|
3523
3612
|
"aria-autocomplete": "list"
|
|
3524
3613
|
}
|
|
3525
3614
|
),
|
|
3526
|
-
label && /* @__PURE__ */
|
|
3527
|
-
variant === "outlined" && /* @__PURE__ */
|
|
3528
|
-
/* @__PURE__ */
|
|
3615
|
+
label && /* @__PURE__ */ React72.createElement("label", { htmlFor: inputId, className: "rf-text-field__label" }, label, required && /* @__PURE__ */ React72.createElement("span", { className: "rf-text-field__asterisk" }, " *")),
|
|
3616
|
+
variant === "outlined" && /* @__PURE__ */ React72.createElement("fieldset", { className: "rf-text-field__notch" }, label ? /* @__PURE__ */ React72.createElement("legend", { className: "rf-text-field__legend" }, /* @__PURE__ */ React72.createElement("span", null, label, required ? " *" : "")) : /* @__PURE__ */ React72.createElement("legend", { className: "rf-text-field__legend--empty" })),
|
|
3617
|
+
/* @__PURE__ */ React72.createElement("div", { className: "rf-autocomplete__endgroup" }, hasClearable && /* @__PURE__ */ React72.createElement(
|
|
3529
3618
|
"button",
|
|
3530
3619
|
{
|
|
3531
3620
|
type: "button",
|
|
@@ -3535,8 +3624,8 @@ function AutocompleteInner(props, _ref) {
|
|
|
3535
3624
|
tabIndex: -1,
|
|
3536
3625
|
"aria-label": "Clear"
|
|
3537
3626
|
},
|
|
3538
|
-
/* @__PURE__ */
|
|
3539
|
-
), !freeSolo && /* @__PURE__ */
|
|
3627
|
+
/* @__PURE__ */ React72.createElement(CloseSmIcon, { size: 16 })
|
|
3628
|
+
), !freeSolo && /* @__PURE__ */ React72.createElement(
|
|
3540
3629
|
"button",
|
|
3541
3630
|
{
|
|
3542
3631
|
type: "button",
|
|
@@ -3548,9 +3637,9 @@ function AutocompleteInner(props, _ref) {
|
|
|
3548
3637
|
tabIndex: -1,
|
|
3549
3638
|
"aria-label": open ? "Close" : "Open"
|
|
3550
3639
|
},
|
|
3551
|
-
/* @__PURE__ */
|
|
3640
|
+
/* @__PURE__ */ React72.createElement(ChevronDownIcon, null)
|
|
3552
3641
|
))
|
|
3553
|
-
), helperText && /* @__PURE__ */
|
|
3642
|
+
), helperText && /* @__PURE__ */ React72.createElement("div", { className: `rf-text-field__helper-text${error ? " rf-text-field__helper-text--error" : ""}` }, helperText), open && !disabled && /* @__PURE__ */ React72.createElement("div", { className: "rf-autocomplete__popup", role: "presentation" }, loading ? /* @__PURE__ */ React72.createElement("div", { className: "rf-autocomplete__loading" }, /* @__PURE__ */ React72.createElement("span", { className: "rf-ac-spinner" }), loadingText) : flatEntries.length === 0 ? /* @__PURE__ */ React72.createElement("div", { className: "rf-autocomplete__no-options" }, noOptionsText) : /* @__PURE__ */ React72.createElement("ul", { ref: listRef, className: "rf-autocomplete__listbox", role: "listbox" }, groupBy ? (
|
|
3554
3643
|
// Grouped render
|
|
3555
3644
|
(() => {
|
|
3556
3645
|
const rendered = [];
|
|
@@ -3560,7 +3649,7 @@ function AutocompleteInner(props, _ref) {
|
|
|
3560
3649
|
if (entry.kind === "group") {
|
|
3561
3650
|
if (groupItems.length > 0) {
|
|
3562
3651
|
rendered.push(
|
|
3563
|
-
/* @__PURE__ */
|
|
3652
|
+
/* @__PURE__ */ React72.createElement("li", { key: `g-${currentGroup}`, role: "presentation" }, /* @__PURE__ */ React72.createElement("div", { className: "rf-autocomplete__group-header" }, currentGroup), /* @__PURE__ */ React72.createElement("ul", { className: "rf-autocomplete__group-items", role: "group" }, groupItems))
|
|
3564
3653
|
);
|
|
3565
3654
|
groupItems = [];
|
|
3566
3655
|
}
|
|
@@ -3571,7 +3660,7 @@ function AutocompleteInner(props, _ref) {
|
|
|
3571
3660
|
}
|
|
3572
3661
|
if (ei === flatEntries.length - 1 && groupItems.length > 0) {
|
|
3573
3662
|
rendered.push(
|
|
3574
|
-
/* @__PURE__ */
|
|
3663
|
+
/* @__PURE__ */ React72.createElement("li", { key: `g-${currentGroup}`, role: "presentation" }, /* @__PURE__ */ React72.createElement("div", { className: "rf-autocomplete__group-header" }, currentGroup), /* @__PURE__ */ React72.createElement("ul", { className: "rf-autocomplete__group-items", role: "group" }, groupItems))
|
|
3575
3664
|
);
|
|
3576
3665
|
}
|
|
3577
3666
|
});
|
|
@@ -3583,7 +3672,7 @@ function AutocompleteInner(props, _ref) {
|
|
|
3583
3672
|
const focused = focusedIdx === flatIdx;
|
|
3584
3673
|
const optDisabled = getOptionDisabled?.(option) ?? false;
|
|
3585
3674
|
const label2 = getOptionLabel(option);
|
|
3586
|
-
return /* @__PURE__ */
|
|
3675
|
+
return /* @__PURE__ */ React72.createElement(
|
|
3587
3676
|
"li",
|
|
3588
3677
|
{
|
|
3589
3678
|
key: label2 + flatIdx,
|
|
@@ -3602,22 +3691,22 @@ function AutocompleteInner(props, _ref) {
|
|
|
3602
3691
|
onMouseDown: (e) => e.preventDefault(),
|
|
3603
3692
|
onClick: () => selectOption(option)
|
|
3604
3693
|
},
|
|
3605
|
-
renderOption ? renderOption(option, { selected, focused, index: flatIdx }) : /* @__PURE__ */
|
|
3606
|
-
!renderOption && /* @__PURE__ */
|
|
3694
|
+
renderOption ? renderOption(option, { selected, focused, index: flatIdx }) : /* @__PURE__ */ React72.createElement("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, label2),
|
|
3695
|
+
!renderOption && /* @__PURE__ */ React72.createElement("span", { className: "rf-autocomplete__option-check" }, /* @__PURE__ */ React72.createElement(CheckIcon, null))
|
|
3607
3696
|
);
|
|
3608
3697
|
}
|
|
3609
3698
|
}
|
|
3610
|
-
var Autocomplete =
|
|
3699
|
+
var Autocomplete = React72.forwardRef(AutocompleteInner);
|
|
3611
3700
|
Autocomplete.displayName = "Autocomplete";
|
|
3612
3701
|
|
|
3613
3702
|
// lib/Progress/RufousLogoLoader.tsx
|
|
3614
|
-
import * as
|
|
3703
|
+
import * as React73 from "react";
|
|
3615
3704
|
var _uid = 0;
|
|
3616
3705
|
var RufousLogoLoader = ({ size = 80, sx, className }) => {
|
|
3617
|
-
const clipId =
|
|
3706
|
+
const clipId = React73.useRef(`rll-${++_uid}`).current;
|
|
3618
3707
|
const height = size * (38.795 / 54.585);
|
|
3619
3708
|
const sxClass = useSx(sx);
|
|
3620
|
-
return /* @__PURE__ */
|
|
3709
|
+
return /* @__PURE__ */ React73.createElement("div", { className: ["rufous-logo-loader", sxClass, className].filter(Boolean).join(" "), style: { width: size, height } }, /* @__PURE__ */ React73.createElement(
|
|
3621
3710
|
"svg",
|
|
3622
3711
|
{
|
|
3623
3712
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3626,19 +3715,19 @@ var RufousLogoLoader = ({ size = 80, sx, className }) => {
|
|
|
3626
3715
|
height,
|
|
3627
3716
|
className: "rufous-logo-loader__svg"
|
|
3628
3717
|
},
|
|
3629
|
-
/* @__PURE__ */
|
|
3718
|
+
/* @__PURE__ */ React73.createElement("defs", null, /* @__PURE__ */ React73.createElement("clipPath", { id: clipId }, /* @__PURE__ */ React73.createElement(
|
|
3630
3719
|
"path",
|
|
3631
3720
|
{
|
|
3632
3721
|
transform: "translate(2208 18.205)",
|
|
3633
3722
|
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"
|
|
3634
3723
|
}
|
|
3635
3724
|
))),
|
|
3636
|
-
/* @__PURE__ */
|
|
3725
|
+
/* @__PURE__ */ React73.createElement("g", { transform: "translate(-123.275 -24)" }, /* @__PURE__ */ React73.createElement("g", { transform: "translate(-2084.725 5.795)", clipPath: `url(#${clipId})` }, /* @__PURE__ */ React73.createElement("rect", { className: "rufous-ls rufous-ls-1", width: "40", height: "6", transform: "translate(2208 58) rotate(-90)", fill: "#d07f6f" }), /* @__PURE__ */ React73.createElement("rect", { className: "rufous-ls rufous-ls-2", width: "40", height: "6", transform: "translate(2214 58) rotate(-90)", fill: "#c66958" }), /* @__PURE__ */ React73.createElement("rect", { className: "rufous-ls rufous-ls-3", width: "40", height: "7", transform: "translate(2220 58) rotate(-90)", fill: "#bb5341" }), /* @__PURE__ */ React73.createElement("rect", { className: "rufous-ls rufous-ls-4", width: "40", height: "6", transform: "translate(2227 58) rotate(-90)", fill: "#b03a28" }), /* @__PURE__ */ React73.createElement("rect", { className: "rufous-ls rufous-ls-5", width: "40", height: "6", transform: "translate(2233 58) rotate(-90)", fill: "#a41b06" }), /* @__PURE__ */ React73.createElement("rect", { className: "rufous-ls rufous-ls-6", width: "40", height: "6", transform: "translate(2239 58) rotate(-90)", fill: "#8e1604" }), /* @__PURE__ */ React73.createElement("rect", { className: "rufous-ls rufous-ls-7", width: "40", height: "6", transform: "translate(2245 58) rotate(-90)", fill: "#791103" }), /* @__PURE__ */ React73.createElement("rect", { className: "rufous-ls rufous-ls-8", width: "40", height: "5", transform: "translate(2251 58) rotate(-90)", fill: "#640c02" }), /* @__PURE__ */ React73.createElement("rect", { className: "rufous-ls rufous-ls-9", width: "40", height: "7", transform: "translate(2256 58) rotate(-90)", fill: "#500801" })))
|
|
3637
3726
|
));
|
|
3638
3727
|
};
|
|
3639
3728
|
|
|
3640
3729
|
// lib/DataGrid/DataGrid.tsx
|
|
3641
|
-
import
|
|
3730
|
+
import React74, { useState as useState8, useMemo as useMemo2, useRef as useRef8, useEffect as useEffect7 } from "react";
|
|
3642
3731
|
import {
|
|
3643
3732
|
ChevronUp,
|
|
3644
3733
|
ChevronDown,
|
|
@@ -4010,7 +4099,7 @@ function DataGrid({
|
|
|
4010
4099
|
return offset;
|
|
4011
4100
|
};
|
|
4012
4101
|
const hasActiveFilters = advancedFilters.some((f) => f.value);
|
|
4013
|
-
return /* @__PURE__ */
|
|
4102
|
+
return /* @__PURE__ */ React74.createElement("div", { className: ["dg-root", sxClass, className].filter(Boolean).join(" ") }, /* @__PURE__ */ React74.createElement("div", { className: "dg-header" }, /* @__PURE__ */ React74.createElement("div", { className: "dg-header-info" }, /* @__PURE__ */ React74.createElement("h2", null, title), /* @__PURE__ */ React74.createElement("p", null, filteredData.length, " total records")), /* @__PURE__ */ React74.createElement("div", { className: "dg-header-actions" }, /* @__PURE__ */ React74.createElement("div", { className: "dg-search-wrap" }, /* @__PURE__ */ React74.createElement(Search, { size: 15 }), /* @__PURE__ */ React74.createElement(
|
|
4014
4103
|
"input",
|
|
4015
4104
|
{
|
|
4016
4105
|
className: "dg-search",
|
|
@@ -4021,52 +4110,52 @@ function DataGrid({
|
|
|
4021
4110
|
setCurrentPage(1);
|
|
4022
4111
|
}
|
|
4023
4112
|
}
|
|
4024
|
-
)), /* @__PURE__ */
|
|
4113
|
+
)), /* @__PURE__ */ React74.createElement(
|
|
4025
4114
|
"button",
|
|
4026
4115
|
{
|
|
4027
4116
|
className: `dg-icon-btn ${hasActiveFilters ? "active" : ""}`,
|
|
4028
4117
|
onClick: () => setShowAdvancedFilter(true),
|
|
4029
4118
|
title: "Filters"
|
|
4030
4119
|
},
|
|
4031
|
-
/* @__PURE__ */
|
|
4032
|
-
), /* @__PURE__ */
|
|
4120
|
+
/* @__PURE__ */ React74.createElement(Filter, { size: 16 })
|
|
4121
|
+
), /* @__PURE__ */ React74.createElement(
|
|
4033
4122
|
"button",
|
|
4034
4123
|
{
|
|
4035
4124
|
className: "dg-icon-btn",
|
|
4036
4125
|
onClick: () => setShowManageColumns(true),
|
|
4037
4126
|
title: "Manage Columns"
|
|
4038
4127
|
},
|
|
4039
|
-
/* @__PURE__ */
|
|
4040
|
-
), /* @__PURE__ */
|
|
4128
|
+
/* @__PURE__ */ React74.createElement(Columns, { size: 16 })
|
|
4129
|
+
), /* @__PURE__ */ React74.createElement("button", { className: "dg-action-btn", onClick: handleExport }, /* @__PURE__ */ React74.createElement(Download, { size: 14 }), " Export CSV"))), /* @__PURE__ */ React74.createElement("div", { className: "dg-table-wrap" }, /* @__PURE__ */ React74.createElement("table", { className: "dg-table" }, /* @__PURE__ */ React74.createElement("thead", null, /* @__PURE__ */ React74.createElement("tr", null, visibleColumns.map((col, idx) => {
|
|
4041
4130
|
const colField = String(col.field);
|
|
4042
4131
|
const width = columnWidths[colField] || 200;
|
|
4043
4132
|
const leftOffset = getLeftOffset(col, idx);
|
|
4044
4133
|
const rightOffset = getRightOffset(col, idx);
|
|
4045
4134
|
const isSorted = sortField === col.field;
|
|
4046
|
-
return /* @__PURE__ */
|
|
4135
|
+
return /* @__PURE__ */ React74.createElement(
|
|
4047
4136
|
"th",
|
|
4048
4137
|
{
|
|
4049
4138
|
key: colField,
|
|
4050
4139
|
className: `dg-thead-cell${col.pinned === "left" ? " pinned-left" : col.pinned === "right" ? " pinned-right" : ""} ${col.headerClassName || ""}`,
|
|
4051
4140
|
style: { width, minWidth: width, left: leftOffset, right: rightOffset, flex: col.flex }
|
|
4052
4141
|
},
|
|
4053
|
-
/* @__PURE__ */
|
|
4142
|
+
/* @__PURE__ */ React74.createElement("div", { className: "dg-th-inner" }, /* @__PURE__ */ React74.createElement(
|
|
4054
4143
|
"div",
|
|
4055
4144
|
{
|
|
4056
4145
|
className: `dg-th-label${col.sortable === false ? " no-sort" : ""}`,
|
|
4057
4146
|
onClick: () => col.sortable !== false && handleSort(col.field || "")
|
|
4058
4147
|
},
|
|
4059
4148
|
col.headerName,
|
|
4060
|
-
isSorted && sortDirection === "asc" && /* @__PURE__ */
|
|
4061
|
-
isSorted && sortDirection === "desc" && /* @__PURE__ */
|
|
4062
|
-
), /* @__PURE__ */
|
|
4149
|
+
isSorted && sortDirection === "asc" && /* @__PURE__ */ React74.createElement(ChevronUp, { size: 12 }),
|
|
4150
|
+
isSorted && sortDirection === "desc" && /* @__PURE__ */ React74.createElement(ChevronDown, { size: 12 })
|
|
4151
|
+
), /* @__PURE__ */ React74.createElement("div", { className: "dg-th-actions" }, !col.disableColumnMenu && /* @__PURE__ */ React74.createElement(
|
|
4063
4152
|
"button",
|
|
4064
4153
|
{
|
|
4065
4154
|
className: "dg-th-menu-btn",
|
|
4066
4155
|
onClick: (e) => handleMenuOpen(e, colField)
|
|
4067
4156
|
},
|
|
4068
|
-
/* @__PURE__ */
|
|
4069
|
-
), /* @__PURE__ */
|
|
4157
|
+
/* @__PURE__ */ React74.createElement(MoreVertical, { size: 13 })
|
|
4158
|
+
), /* @__PURE__ */ React74.createElement(
|
|
4070
4159
|
"div",
|
|
4071
4160
|
{
|
|
4072
4161
|
className: `dg-resizer${resizingColumn === colField ? " resizing" : ""}`,
|
|
@@ -4079,12 +4168,12 @@ function DataGrid({
|
|
|
4079
4168
|
}
|
|
4080
4169
|
)))
|
|
4081
4170
|
);
|
|
4082
|
-
}), actions && /* @__PURE__ */
|
|
4171
|
+
}), actions && /* @__PURE__ */ React74.createElement("th", { style: { width: 0, padding: 0 } }))), /* @__PURE__ */ React74.createElement("tbody", null, paginatedData.length === 0 ? /* @__PURE__ */ React74.createElement("tr", null, /* @__PURE__ */ React74.createElement("td", { colSpan: visibleColumns.length + (actions ? 1 : 0), className: "dg-empty" }, "No records found")) : paginatedData.map((item) => /* @__PURE__ */ React74.createElement("tr", { key: item.id, className: "dg-tbody-row" }, visibleColumns.map((col, idx) => {
|
|
4083
4172
|
const colField = String(col.field);
|
|
4084
4173
|
const width = columnWidths[colField] || 200;
|
|
4085
4174
|
const leftOffset = getLeftOffset(col, idx);
|
|
4086
4175
|
const rightOffset = getRightOffset(col, idx);
|
|
4087
|
-
return /* @__PURE__ */
|
|
4176
|
+
return /* @__PURE__ */ React74.createElement(
|
|
4088
4177
|
"td",
|
|
4089
4178
|
{
|
|
4090
4179
|
key: `${item.id}-${colField}`,
|
|
@@ -4105,11 +4194,11 @@ function DataGrid({
|
|
|
4105
4194
|
return String(formattedValue ?? "");
|
|
4106
4195
|
})()
|
|
4107
4196
|
);
|
|
4108
|
-
}), actions && /* @__PURE__ */
|
|
4197
|
+
}), actions && /* @__PURE__ */ React74.createElement("td", { className: "dg-row-actions-cell" }, (() => {
|
|
4109
4198
|
const resolvedActions = typeof actions === "function" ? actions(item) : actions;
|
|
4110
4199
|
const visibleActions = resolvedActions.filter((a) => !a.show || a.show(item));
|
|
4111
4200
|
if (visibleActions.length === 0) return null;
|
|
4112
|
-
return /* @__PURE__ */
|
|
4201
|
+
return /* @__PURE__ */ React74.createElement("div", { className: "dg-row-actions" }, /* @__PURE__ */ React74.createElement("div", { className: "dg-action-group" }, visibleActions.map((action, i) => /* @__PURE__ */ React74.createElement(
|
|
4113
4202
|
"button",
|
|
4114
4203
|
{
|
|
4115
4204
|
key: i,
|
|
@@ -4120,7 +4209,7 @@ function DataGrid({
|
|
|
4120
4209
|
},
|
|
4121
4210
|
action.icon
|
|
4122
4211
|
))));
|
|
4123
|
-
})())))))), /* @__PURE__ */
|
|
4212
|
+
})())))))), /* @__PURE__ */ React74.createElement("div", { className: "dg-pagination" }, /* @__PURE__ */ React74.createElement("div", { className: "dg-page-info" }, /* @__PURE__ */ React74.createElement("div", { className: "dg-per-page" }, /* @__PURE__ */ React74.createElement("span", null, "Rows per page:"), /* @__PURE__ */ React74.createElement(
|
|
4124
4213
|
"select",
|
|
4125
4214
|
{
|
|
4126
4215
|
value: pageSize,
|
|
@@ -4129,8 +4218,8 @@ function DataGrid({
|
|
|
4129
4218
|
setCurrentPage(1);
|
|
4130
4219
|
}
|
|
4131
4220
|
},
|
|
4132
|
-
pageSizeOptions.map((o) => /* @__PURE__ */
|
|
4133
|
-
)), /* @__PURE__ */
|
|
4221
|
+
pageSizeOptions.map((o) => /* @__PURE__ */ React74.createElement("option", { key: o, value: o }, o))
|
|
4222
|
+
)), /* @__PURE__ */ React74.createElement("span", null, (currentPage - 1) * pageSize + 1, "\u2013", Math.min(currentPage * pageSize, filteredData.length), " of ", filteredData.length)), /* @__PURE__ */ React74.createElement("div", { className: "dg-page-nav" }, /* @__PURE__ */ React74.createElement("button", { className: "dg-page-btn", disabled: currentPage === 1, onClick: () => setCurrentPage((p) => p - 1) }, /* @__PURE__ */ React74.createElement(ChevronLeft, { size: 15 })), /* @__PURE__ */ React74.createElement("span", { className: "dg-page-fraction" }, currentPage, " / ", totalPages), /* @__PURE__ */ React74.createElement("button", { className: "dg-page-btn", disabled: currentPage === totalPages, onClick: () => setCurrentPage((p) => p + 1) }, /* @__PURE__ */ React74.createElement(ChevronRight, { size: 15 })))), activeMenu && /* @__PURE__ */ React74.createElement(
|
|
4134
4223
|
"div",
|
|
4135
4224
|
{
|
|
4136
4225
|
ref: menuRef,
|
|
@@ -4141,25 +4230,25 @@ function DataGrid({
|
|
|
4141
4230
|
...menuPosition.right !== void 0 ? { right: menuPosition.right } : {}
|
|
4142
4231
|
}
|
|
4143
4232
|
},
|
|
4144
|
-
/* @__PURE__ */
|
|
4145
|
-
/* @__PURE__ */
|
|
4146
|
-
/* @__PURE__ */
|
|
4233
|
+
/* @__PURE__ */ React74.createElement("button", { className: "dg-menu-item", onClick: () => handleSort(activeMenu, "asc") }, /* @__PURE__ */ React74.createElement(ArrowUp, { size: 14 }), " Sort ascending"),
|
|
4234
|
+
/* @__PURE__ */ React74.createElement("button", { className: "dg-menu-item", onClick: () => handleSort(activeMenu, "desc") }, /* @__PURE__ */ React74.createElement(ArrowDown, { size: 14 }), " Sort descending"),
|
|
4235
|
+
/* @__PURE__ */ React74.createElement("div", { className: "dg-menu-divider" }),
|
|
4147
4236
|
(() => {
|
|
4148
4237
|
const col = resolvedColumns.find((c) => c.field === activeMenu);
|
|
4149
4238
|
if (!col) return null;
|
|
4150
|
-
return /* @__PURE__ */
|
|
4239
|
+
return /* @__PURE__ */ React74.createElement(React74.Fragment, null, col.pinned === "left" ? /* @__PURE__ */ React74.createElement("button", { className: "dg-menu-item", onClick: () => togglePin(activeMenu, "left") }, /* @__PURE__ */ React74.createElement(Pin, { size: 14, style: { transform: "rotate(0deg)", opacity: 0.5 } }), " Unpin") : /* @__PURE__ */ React74.createElement("button", { className: "dg-menu-item", onClick: () => togglePin(activeMenu, "left") }, /* @__PURE__ */ React74.createElement(Pin, { size: 14, style: { transform: "rotate(45deg)" } }), " Pin left"), col.pinned === "right" ? /* @__PURE__ */ React74.createElement("button", { className: "dg-menu-item", onClick: () => togglePin(activeMenu, "right") }, /* @__PURE__ */ React74.createElement(Pin, { size: 14, style: { transform: "rotate(0deg)", opacity: 0.5 } }), " Unpin") : /* @__PURE__ */ React74.createElement("button", { className: "dg-menu-item", onClick: () => togglePin(activeMenu, "right") }, /* @__PURE__ */ React74.createElement(Pin, { size: 14, style: { transform: "rotate(-45deg)" } }), " Pin right"));
|
|
4151
4240
|
})(),
|
|
4152
|
-
/* @__PURE__ */
|
|
4153
|
-
/* @__PURE__ */
|
|
4241
|
+
/* @__PURE__ */ React74.createElement("div", { className: "dg-menu-divider" }),
|
|
4242
|
+
/* @__PURE__ */ React74.createElement("button", { className: "dg-menu-item", onClick: () => {
|
|
4154
4243
|
setShowAdvancedFilter(true);
|
|
4155
4244
|
setActiveMenu(null);
|
|
4156
|
-
} }, /* @__PURE__ */
|
|
4157
|
-
/* @__PURE__ */
|
|
4158
|
-
/* @__PURE__ */
|
|
4245
|
+
} }, /* @__PURE__ */ React74.createElement(Filter, { size: 14 }), " Filter\u2026"),
|
|
4246
|
+
/* @__PURE__ */ React74.createElement("button", { className: "dg-menu-item", onClick: () => toggleHide(activeMenu) }, /* @__PURE__ */ React74.createElement(EyeOff, { size: 14 }), " Hide column"),
|
|
4247
|
+
/* @__PURE__ */ React74.createElement("button", { className: "dg-menu-item", onClick: () => {
|
|
4159
4248
|
setShowManageColumns(true);
|
|
4160
4249
|
setActiveMenu(null);
|
|
4161
|
-
} }, /* @__PURE__ */
|
|
4162
|
-
), showManageColumns && /* @__PURE__ */
|
|
4250
|
+
} }, /* @__PURE__ */ React74.createElement(Columns, { size: 14 }), " Manage columns")
|
|
4251
|
+
), showManageColumns && /* @__PURE__ */ React74.createElement("div", { className: "dg-modal-overlay", onClick: () => setShowManageColumns(false) }, /* @__PURE__ */ React74.createElement("div", { className: "dg-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React74.createElement("div", { className: "dg-modal-header" }, /* @__PURE__ */ React74.createElement("h3", null, "Manage Columns"), /* @__PURE__ */ React74.createElement("button", { className: "dg-icon-btn", onClick: () => setShowManageColumns(false) }, /* @__PURE__ */ React74.createElement(X2, { size: 18 }))), /* @__PURE__ */ React74.createElement("div", { className: "dg-modal-body" }, /* @__PURE__ */ React74.createElement("div", { className: "dg-search-wrap", style: { marginBottom: 8 } }, /* @__PURE__ */ React74.createElement(Search, { size: 14 }), /* @__PURE__ */ React74.createElement(
|
|
4163
4252
|
"input",
|
|
4164
4253
|
{
|
|
4165
4254
|
className: "dg-search",
|
|
@@ -4171,15 +4260,15 @@ function DataGrid({
|
|
|
4171
4260
|
)), resolvedColumns.filter((c) => c.header.toLowerCase().includes(colSearch.toLowerCase())).map((col) => {
|
|
4172
4261
|
const key = String(col.key);
|
|
4173
4262
|
const isUnhideable = col.hideable === false;
|
|
4174
|
-
return /* @__PURE__ */
|
|
4175
|
-
})), /* @__PURE__ */
|
|
4263
|
+
return /* @__PURE__ */ React74.createElement("div", { key, className: `dg-col-row${isUnhideable ? " disabled" : ""}` }, /* @__PURE__ */ React74.createElement("div", { className: "dg-col-label" }, /* @__PURE__ */ React74.createElement("div", { className: "dg-col-dot", style: { background: col.hidden ? "var(--border-color)" : "var(--primary-color)" } }), col.header), !isUnhideable && /* @__PURE__ */ React74.createElement("button", { className: "dg-icon-btn", onClick: () => toggleHide(key) }, col.hidden ? /* @__PURE__ */ React74.createElement(EyeOff, { size: 14 }) : /* @__PURE__ */ React74.createElement(EyeOff, { size: 14, style: { opacity: 0.4 } })));
|
|
4264
|
+
})), /* @__PURE__ */ React74.createElement("div", { className: "dg-modal-footer" }, /* @__PURE__ */ React74.createElement("button", { className: "dg-action-btn", onClick: () => setColumnOverrides((prev) => {
|
|
4176
4265
|
const next = { ...prev };
|
|
4177
4266
|
resolvedColumns.forEach((c) => {
|
|
4178
4267
|
const k = String(c.key);
|
|
4179
4268
|
next[k] = { ...next[k], hidden: false };
|
|
4180
4269
|
});
|
|
4181
4270
|
return next;
|
|
4182
|
-
}) }, "Show All"), /* @__PURE__ */
|
|
4271
|
+
}) }, "Show All"), /* @__PURE__ */ React74.createElement("button", { className: "dg-action-btn", onClick: () => {
|
|
4183
4272
|
const newOverrides = { ...columnOverrides };
|
|
4184
4273
|
resolvedColumns.forEach((c) => {
|
|
4185
4274
|
if (c.hideable !== false) {
|
|
@@ -4188,21 +4277,21 @@ function DataGrid({
|
|
|
4188
4277
|
}
|
|
4189
4278
|
});
|
|
4190
4279
|
setColumnOverrides(newOverrides);
|
|
4191
|
-
} }, "Hide All")))), showAdvancedFilter && /* @__PURE__ */
|
|
4280
|
+
} }, "Hide All")))), showAdvancedFilter && /* @__PURE__ */ React74.createElement("div", { className: "dg-modal-overlay", onClick: () => setShowAdvancedFilter(false) }, /* @__PURE__ */ React74.createElement("div", { className: "dg-modal dg-modal-wide dg-filter-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React74.createElement("div", { className: "dg-modal-header" }, /* @__PURE__ */ React74.createElement("h3", null, "Filters"), /* @__PURE__ */ React74.createElement("button", { className: "dg-icon-btn", onClick: () => setShowAdvancedFilter(false) }, /* @__PURE__ */ React74.createElement(X2, { size: 18 }))), /* @__PURE__ */ React74.createElement("div", { className: "dg-modal-body" }, advancedFilters.map((f, idx) => /* @__PURE__ */ React74.createElement("div", { key: idx }, idx > 0 && /* @__PURE__ */ React74.createElement("div", { className: "dg-filter-logic" }, /* @__PURE__ */ React74.createElement(
|
|
4192
4281
|
"button",
|
|
4193
4282
|
{
|
|
4194
4283
|
className: `dg-logic-btn${f.logic === "AND" ? " active" : ""}`,
|
|
4195
4284
|
onClick: () => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, logic: "AND" } : fi))
|
|
4196
4285
|
},
|
|
4197
4286
|
"AND"
|
|
4198
|
-
), /* @__PURE__ */
|
|
4287
|
+
), /* @__PURE__ */ React74.createElement(
|
|
4199
4288
|
"button",
|
|
4200
4289
|
{
|
|
4201
4290
|
className: `dg-logic-btn${f.logic === "OR" ? " active" : ""}`,
|
|
4202
4291
|
onClick: () => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, logic: "OR" } : fi))
|
|
4203
4292
|
},
|
|
4204
4293
|
"OR"
|
|
4205
|
-
)), /* @__PURE__ */
|
|
4294
|
+
)), /* @__PURE__ */ React74.createElement("div", { className: "dg-filter-row" }, advancedFilters.length > 1 && /* @__PURE__ */ React74.createElement("button", { className: "dg-icon-btn", onClick: () => setAdvancedFilters((p) => p.filter((_, i) => i !== idx)) }, /* @__PURE__ */ React74.createElement(X2, { size: 14 })), /* @__PURE__ */ React74.createElement(
|
|
4206
4295
|
"select",
|
|
4207
4296
|
{
|
|
4208
4297
|
className: "dg-filter-select",
|
|
@@ -4214,20 +4303,20 @@ function DataGrid({
|
|
|
4214
4303
|
setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, column: newColKey, operator: defaultOp, value: "" } : fi));
|
|
4215
4304
|
}
|
|
4216
4305
|
},
|
|
4217
|
-
resolvedColumns.map((c) => /* @__PURE__ */
|
|
4306
|
+
resolvedColumns.map((c) => /* @__PURE__ */ React74.createElement("option", { key: String(c.key), value: String(c.key) }, c.header))
|
|
4218
4307
|
), (() => {
|
|
4219
4308
|
const col = resolvedColumns.find((c) => String(c.key) === f.column);
|
|
4220
4309
|
const operators = getOperatorsForType(col?.type);
|
|
4221
4310
|
const hideValue = f.operator === "is empty" || f.operator === "is not empty";
|
|
4222
|
-
return /* @__PURE__ */
|
|
4311
|
+
return /* @__PURE__ */ React74.createElement(React74.Fragment, null, /* @__PURE__ */ React74.createElement(
|
|
4223
4312
|
"select",
|
|
4224
4313
|
{
|
|
4225
4314
|
className: "dg-filter-select dg-filter-select-sm",
|
|
4226
4315
|
value: f.operator,
|
|
4227
4316
|
onChange: (e) => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, operator: e.target.value, value: "" } : fi))
|
|
4228
4317
|
},
|
|
4229
|
-
operators.map((op) => /* @__PURE__ */
|
|
4230
|
-
), !hideValue && col?.type === "date" && /* @__PURE__ */
|
|
4318
|
+
operators.map((op) => /* @__PURE__ */ React74.createElement("option", { key: op.value, value: op.value }, op.label))
|
|
4319
|
+
), !hideValue && col?.type === "date" && /* @__PURE__ */ React74.createElement("div", { className: "dg-filter-datefield" }, /* @__PURE__ */ React74.createElement(
|
|
4231
4320
|
DateField,
|
|
4232
4321
|
{
|
|
4233
4322
|
value: f.value,
|
|
@@ -4236,17 +4325,17 @@ function DataGrid({
|
|
|
4236
4325
|
}
|
|
4237
4326
|
)), !hideValue && col?.type === "status" && (() => {
|
|
4238
4327
|
const options = col.statusOptions || [...new Set(data.map((item) => String(item[col.field || col.key || ""])))].filter((v) => v && v !== "undefined" && v !== "null").sort();
|
|
4239
|
-
return /* @__PURE__ */
|
|
4328
|
+
return /* @__PURE__ */ React74.createElement(
|
|
4240
4329
|
"select",
|
|
4241
4330
|
{
|
|
4242
4331
|
className: "dg-filter-select",
|
|
4243
4332
|
value: f.value,
|
|
4244
4333
|
onChange: (e) => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, value: e.target.value } : fi))
|
|
4245
4334
|
},
|
|
4246
|
-
/* @__PURE__ */
|
|
4247
|
-
options.map((opt) => /* @__PURE__ */
|
|
4335
|
+
/* @__PURE__ */ React74.createElement("option", { value: "" }, "Select\u2026"),
|
|
4336
|
+
options.map((opt) => /* @__PURE__ */ React74.createElement("option", { key: opt, value: opt }, opt))
|
|
4248
4337
|
);
|
|
4249
|
-
})(), !hideValue && col?.type !== "date" && col?.type !== "status" && /* @__PURE__ */
|
|
4338
|
+
})(), !hideValue && col?.type !== "date" && col?.type !== "status" && /* @__PURE__ */ React74.createElement(
|
|
4250
4339
|
"input",
|
|
4251
4340
|
{
|
|
4252
4341
|
type: col?.type === "number" ? "number" : "text",
|
|
@@ -4256,7 +4345,7 @@ function DataGrid({
|
|
|
4256
4345
|
onChange: (e) => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, value: e.target.value } : fi))
|
|
4257
4346
|
}
|
|
4258
4347
|
));
|
|
4259
|
-
})()))), /* @__PURE__ */
|
|
4348
|
+
})()))), /* @__PURE__ */ React74.createElement(
|
|
4260
4349
|
"button",
|
|
4261
4350
|
{
|
|
4262
4351
|
className: "dg-action-btn",
|
|
@@ -4267,9 +4356,9 @@ function DataGrid({
|
|
|
4267
4356
|
setAdvancedFilters((p) => [...p, { column: String(firstCol.key), operator: defaultOp, value: "", logic: "AND" }]);
|
|
4268
4357
|
}
|
|
4269
4358
|
},
|
|
4270
|
-
/* @__PURE__ */
|
|
4359
|
+
/* @__PURE__ */ React74.createElement(Plus, { size: 14 }),
|
|
4271
4360
|
" Add Filter"
|
|
4272
|
-
)), /* @__PURE__ */
|
|
4361
|
+
)), /* @__PURE__ */ React74.createElement("div", { className: "dg-modal-footer" }, /* @__PURE__ */ React74.createElement(
|
|
4273
4362
|
"button",
|
|
4274
4363
|
{
|
|
4275
4364
|
className: "dg-action-btn",
|
|
@@ -4278,13 +4367,13 @@ function DataGrid({
|
|
|
4278
4367
|
setAdvancedFilters([{ column: String(firstCol.key), operator: getDefaultOperator(firstCol?.type), value: "", logic: "AND" }]);
|
|
4279
4368
|
}
|
|
4280
4369
|
},
|
|
4281
|
-
/* @__PURE__ */
|
|
4370
|
+
/* @__PURE__ */ React74.createElement(Trash2, { size: 14 }),
|
|
4282
4371
|
" Reset"
|
|
4283
|
-
), /* @__PURE__ */
|
|
4372
|
+
), /* @__PURE__ */ React74.createElement("button", { className: "submit-btn", onClick: () => setShowAdvancedFilter(false) }, "Apply")))));
|
|
4284
4373
|
}
|
|
4285
4374
|
|
|
4286
4375
|
// lib/Editors/RichTextEditor.tsx
|
|
4287
|
-
import
|
|
4376
|
+
import React75, { useEffect as useEffect8, useRef as useRef9, useState as useState9 } from "react";
|
|
4288
4377
|
import JoditReact from "jodit-react";
|
|
4289
4378
|
var MOBILE_BREAKPOINT = 768;
|
|
4290
4379
|
var TODO_STATES = [
|
|
@@ -4593,7 +4682,7 @@ function RichTextEditor({
|
|
|
4593
4682
|
iconURL: showAll ? "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIi8+PHBvbHlsaW5lIHBvaW50cz0iOCAxNCAxMiAxMCAxNiAxNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=" : "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIi8+PHBvbHlsaW5lIHBvaW50cz0iOCAxMCAxMiAxNCAxNiAxMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=",
|
|
4594
4683
|
exec: () => setShowAll((prev) => !prev)
|
|
4595
4684
|
};
|
|
4596
|
-
const config =
|
|
4685
|
+
const config = React75.useMemo(() => {
|
|
4597
4686
|
let uploadConfig = {};
|
|
4598
4687
|
if (uploadUrl) {
|
|
4599
4688
|
const uploadData = {};
|
|
@@ -4709,14 +4798,14 @@ function RichTextEditor({
|
|
|
4709
4798
|
safePluginList: ["changecase", "rteKeyLogger"]
|
|
4710
4799
|
};
|
|
4711
4800
|
}, [isMobile, showAll, isListening, disabled, aiSupport, licenseKey, translationKey, token, uploadUrl, mentions?.arr?.length, height, width, allowResizeY, fullSize, placeholder]);
|
|
4712
|
-
return /* @__PURE__ */
|
|
4801
|
+
return /* @__PURE__ */ React75.createElement(
|
|
4713
4802
|
"div",
|
|
4714
4803
|
{
|
|
4715
4804
|
ref: containerRef,
|
|
4716
4805
|
className: `rte-wrapper ${isListening ? "rte-listening" : ""} ${className}`,
|
|
4717
4806
|
style
|
|
4718
4807
|
},
|
|
4719
|
-
/* @__PURE__ */
|
|
4808
|
+
/* @__PURE__ */ React75.createElement(
|
|
4720
4809
|
JoditReact,
|
|
4721
4810
|
{
|
|
4722
4811
|
ref: editorRef,
|
|
@@ -4727,7 +4816,7 @@ function RichTextEditor({
|
|
|
4727
4816
|
onBlur: (v) => onBlur?.(v)
|
|
4728
4817
|
}
|
|
4729
4818
|
),
|
|
4730
|
-
/* @__PURE__ */
|
|
4819
|
+
/* @__PURE__ */ React75.createElement(
|
|
4731
4820
|
"div",
|
|
4732
4821
|
{
|
|
4733
4822
|
className: "rte-speech-popup",
|
|
@@ -4739,26 +4828,26 @@ function RichTextEditor({
|
|
|
4739
4828
|
pointerEvents: "none"
|
|
4740
4829
|
}
|
|
4741
4830
|
},
|
|
4742
|
-
/* @__PURE__ */
|
|
4743
|
-
/* @__PURE__ */
|
|
4831
|
+
/* @__PURE__ */ React75.createElement("span", { className: "rte-speech-dot" }),
|
|
4832
|
+
/* @__PURE__ */ React75.createElement("span", null, speechText || "\u2026")
|
|
4744
4833
|
),
|
|
4745
|
-
error && /* @__PURE__ */
|
|
4834
|
+
error && /* @__PURE__ */ React75.createElement("p", { className: "rte-error" }, error)
|
|
4746
4835
|
);
|
|
4747
4836
|
}
|
|
4748
4837
|
|
|
4749
4838
|
// lib/Select/Select.tsx
|
|
4750
|
-
import
|
|
4839
|
+
import React76, {
|
|
4751
4840
|
useState as useState10,
|
|
4752
4841
|
useRef as useRef10,
|
|
4753
4842
|
useEffect as useEffect9,
|
|
4754
4843
|
useCallback as useCallback3
|
|
4755
4844
|
} from "react";
|
|
4756
|
-
var ChevronDownIcon2 = () => /* @__PURE__ */
|
|
4757
|
-
var CheckIcon2 = () => /* @__PURE__ */
|
|
4845
|
+
var ChevronDownIcon2 = () => /* @__PURE__ */ React76.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React76.createElement("polyline", { points: "6 9 12 15 18 9" }));
|
|
4846
|
+
var CheckIcon2 = () => /* @__PURE__ */ React76.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React76.createElement("polyline", { points: "20 6 9 17 4 12" }));
|
|
4758
4847
|
function normaliseOptions(options) {
|
|
4759
4848
|
return options.map((o) => typeof o === "string" ? { value: o, label: o } : o);
|
|
4760
4849
|
}
|
|
4761
|
-
var Select =
|
|
4850
|
+
var Select = React76.forwardRef(function Select2(props, ref) {
|
|
4762
4851
|
const {
|
|
4763
4852
|
options: rawOptions,
|
|
4764
4853
|
value,
|
|
@@ -4890,20 +4979,20 @@ var Select = React74.forwardRef(function Select2(props, ref) {
|
|
|
4890
4979
|
if (multiple) {
|
|
4891
4980
|
const labels = getSelectedLabels();
|
|
4892
4981
|
if (labels.length === 0) {
|
|
4893
|
-
return /* @__PURE__ */
|
|
4982
|
+
return /* @__PURE__ */ React76.createElement("div", { className: "rf-select__chips" }, placeholder && /* @__PURE__ */ React76.createElement("span", { className: "rf-select__display rf-select__display--placeholder" }, placeholder));
|
|
4894
4983
|
}
|
|
4895
4984
|
if (labels.length <= 2) {
|
|
4896
|
-
return /* @__PURE__ */
|
|
4985
|
+
return /* @__PURE__ */ React76.createElement("div", { className: "rf-select__chips" }, labels.map((l, i) => /* @__PURE__ */ React76.createElement("span", { key: i, className: "rf-select__chip" }, l)));
|
|
4897
4986
|
}
|
|
4898
|
-
return /* @__PURE__ */
|
|
4987
|
+
return /* @__PURE__ */ React76.createElement("div", { className: "rf-select__chips" }, labels.slice(0, 2).map((l, i) => /* @__PURE__ */ React76.createElement("span", { key: i, className: "rf-select__chip" }, l)), /* @__PURE__ */ React76.createElement("span", { className: "rf-select__count" }, "+", labels.length - 2));
|
|
4899
4988
|
}
|
|
4900
4989
|
const selectedOpt = options.find((o) => o.value === value);
|
|
4901
4990
|
if (selectedOpt) {
|
|
4902
|
-
return /* @__PURE__ */
|
|
4991
|
+
return /* @__PURE__ */ React76.createElement("div", { className: "rf-select__display" }, selectedOpt.label);
|
|
4903
4992
|
}
|
|
4904
|
-
return /* @__PURE__ */
|
|
4993
|
+
return /* @__PURE__ */ React76.createElement("div", { className: `rf-select__display${placeholder ? " rf-select__display--placeholder" : ""}` }, placeholder || "\xA0");
|
|
4905
4994
|
};
|
|
4906
|
-
return /* @__PURE__ */
|
|
4995
|
+
return /* @__PURE__ */ React76.createElement(
|
|
4907
4996
|
"div",
|
|
4908
4997
|
{
|
|
4909
4998
|
ref: (node) => {
|
|
@@ -4914,7 +5003,7 @@ var Select = React74.forwardRef(function Select2(props, ref) {
|
|
|
4914
5003
|
className: rootClasses,
|
|
4915
5004
|
style
|
|
4916
5005
|
},
|
|
4917
|
-
/* @__PURE__ */
|
|
5006
|
+
/* @__PURE__ */ React76.createElement(
|
|
4918
5007
|
"div",
|
|
4919
5008
|
{
|
|
4920
5009
|
className: "rf-text-field__wrapper",
|
|
@@ -4928,15 +5017,15 @@ var Select = React74.forwardRef(function Select2(props, ref) {
|
|
|
4928
5017
|
onKeyDown: handleKeyDown
|
|
4929
5018
|
},
|
|
4930
5019
|
renderDisplay(),
|
|
4931
|
-
label && /* @__PURE__ */
|
|
4932
|
-
variant === "outlined" && /* @__PURE__ */
|
|
4933
|
-
/* @__PURE__ */
|
|
5020
|
+
label && /* @__PURE__ */ React76.createElement("label", { id: inputId, className: "rf-text-field__label" }, label, required && /* @__PURE__ */ React76.createElement("span", { className: "rf-text-field__asterisk" }, " *")),
|
|
5021
|
+
variant === "outlined" && /* @__PURE__ */ React76.createElement("fieldset", { className: "rf-text-field__notch" }, label ? /* @__PURE__ */ React76.createElement("legend", { className: "rf-text-field__legend" }, /* @__PURE__ */ React76.createElement("span", null, label, required ? " *" : "")) : /* @__PURE__ */ React76.createElement("legend", { className: "rf-text-field__legend--empty" })),
|
|
5022
|
+
/* @__PURE__ */ React76.createElement("div", { className: "rf-select__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React76.createElement(ChevronDownIcon2, null))
|
|
4934
5023
|
),
|
|
4935
|
-
helperText && /* @__PURE__ */
|
|
4936
|
-
open && !disabled && /* @__PURE__ */
|
|
5024
|
+
helperText && /* @__PURE__ */ React76.createElement("div", { className: `rf-text-field__helper-text${error ? " rf-text-field__helper-text--error" : ""}` }, helperText),
|
|
5025
|
+
open && !disabled && /* @__PURE__ */ React76.createElement("div", { className: "rf-select__popup", role: "presentation" }, /* @__PURE__ */ React76.createElement("ul", { ref: listRef, className: "rf-select__listbox", role: "listbox", "aria-multiselectable": multiple }, options.map((opt, idx) => {
|
|
4937
5026
|
const selected = isSelected(opt.value);
|
|
4938
5027
|
const focused = focusedIdx === idx;
|
|
4939
|
-
return /* @__PURE__ */
|
|
5028
|
+
return /* @__PURE__ */ React76.createElement(
|
|
4940
5029
|
"li",
|
|
4941
5030
|
{
|
|
4942
5031
|
key: opt.value,
|
|
@@ -4955,8 +5044,8 @@ var Select = React74.forwardRef(function Select2(props, ref) {
|
|
|
4955
5044
|
onMouseDown: (e) => e.preventDefault(),
|
|
4956
5045
|
onClick: () => selectOption(opt)
|
|
4957
5046
|
},
|
|
4958
|
-
/* @__PURE__ */
|
|
4959
|
-
/* @__PURE__ */
|
|
5047
|
+
/* @__PURE__ */ React76.createElement("span", { className: "rf-select__option-label" }, opt.label),
|
|
5048
|
+
/* @__PURE__ */ React76.createElement("span", { className: "rf-select__option-check", "aria-hidden": "true" }, /* @__PURE__ */ React76.createElement(CheckIcon2, null))
|
|
4960
5049
|
);
|
|
4961
5050
|
})))
|
|
4962
5051
|
);
|
|
@@ -4964,7 +5053,7 @@ var Select = React74.forwardRef(function Select2(props, ref) {
|
|
|
4964
5053
|
Select.displayName = "Select";
|
|
4965
5054
|
|
|
4966
5055
|
// lib/Slider/Slider.tsx
|
|
4967
|
-
import
|
|
5056
|
+
import React77, {
|
|
4968
5057
|
useState as useState11,
|
|
4969
5058
|
useRef as useRef11,
|
|
4970
5059
|
useEffect as useEffect10,
|
|
@@ -4979,7 +5068,7 @@ function snapToStep(val, min, step) {
|
|
|
4979
5068
|
function pct(val, min, max) {
|
|
4980
5069
|
return (val - min) / (max - min) * 100;
|
|
4981
5070
|
}
|
|
4982
|
-
var Slider =
|
|
5071
|
+
var Slider = React77.forwardRef(function Slider2(props, ref) {
|
|
4983
5072
|
const {
|
|
4984
5073
|
value,
|
|
4985
5074
|
onChange,
|
|
@@ -5119,7 +5208,7 @@ var Slider = React75.forwardRef(function Slider2(props, ref) {
|
|
|
5119
5208
|
const val = vals[thumb];
|
|
5120
5209
|
const p = pct(val, min, max);
|
|
5121
5210
|
const thumbStyle = orientation === "vertical" ? { bottom: `${p}%`, transform: "translate(-50%, 50%)" } : { left: `${p}%` };
|
|
5122
|
-
return /* @__PURE__ */
|
|
5211
|
+
return /* @__PURE__ */ React77.createElement(
|
|
5123
5212
|
"div",
|
|
5124
5213
|
{
|
|
5125
5214
|
key: thumb,
|
|
@@ -5135,30 +5224,30 @@ var Slider = React75.forwardRef(function Slider2(props, ref) {
|
|
|
5135
5224
|
onPointerDown: (e) => handleThumbPointerDown(e, thumb),
|
|
5136
5225
|
onKeyDown: (e) => handleThumbKeyDown(e, thumb)
|
|
5137
5226
|
},
|
|
5138
|
-
valueLabelDisplay !== "off" && /* @__PURE__ */
|
|
5227
|
+
valueLabelDisplay !== "off" && /* @__PURE__ */ React77.createElement("div", { className: "rf-slider__value-label", "aria-hidden": "true" }, val)
|
|
5139
5228
|
);
|
|
5140
5229
|
};
|
|
5141
|
-
return /* @__PURE__ */
|
|
5230
|
+
return /* @__PURE__ */ React77.createElement("div", { ref, className: rootClasses, style }, label && /* @__PURE__ */ React77.createElement("div", { className: "rf-slider__label" }, label), /* @__PURE__ */ React77.createElement(
|
|
5142
5231
|
"div",
|
|
5143
5232
|
{
|
|
5144
5233
|
ref: trackRef,
|
|
5145
5234
|
className: "rf-slider__track-container",
|
|
5146
5235
|
onPointerDown: handleTrackPointerDown
|
|
5147
5236
|
},
|
|
5148
|
-
/* @__PURE__ */
|
|
5149
|
-
/* @__PURE__ */
|
|
5237
|
+
/* @__PURE__ */ React77.createElement("div", { className: "rf-slider__rail", "aria-hidden": "true" }),
|
|
5238
|
+
/* @__PURE__ */ React77.createElement("div", { className: "rf-slider__track", style: trackStyle, "aria-hidden": "true" }),
|
|
5150
5239
|
computedMarks.map((mark) => {
|
|
5151
5240
|
const p = pct(mark.value, min, max);
|
|
5152
5241
|
const isActive = isRange ? mark.value >= vals[0] && mark.value <= vals[1] : mark.value <= vals[0];
|
|
5153
5242
|
const markStyle = orientation === "vertical" ? { bottom: `${p}%`, transform: "translate(-50%, 50%)" } : { left: `${p}%` };
|
|
5154
|
-
return /* @__PURE__ */
|
|
5243
|
+
return /* @__PURE__ */ React77.createElement(React77.Fragment, { key: mark.value }, /* @__PURE__ */ React77.createElement(
|
|
5155
5244
|
"div",
|
|
5156
5245
|
{
|
|
5157
5246
|
className: `rf-slider__mark${isActive ? " rf-slider__mark--active" : ""}`,
|
|
5158
5247
|
style: markStyle,
|
|
5159
5248
|
"aria-hidden": "true"
|
|
5160
5249
|
}
|
|
5161
|
-
), mark.label && orientation === "horizontal" && /* @__PURE__ */
|
|
5250
|
+
), mark.label && orientation === "horizontal" && /* @__PURE__ */ React77.createElement(
|
|
5162
5251
|
"div",
|
|
5163
5252
|
{
|
|
5164
5253
|
className: "rf-slider__mark-label",
|
|
@@ -5170,13 +5259,13 @@ var Slider = React75.forwardRef(function Slider2(props, ref) {
|
|
|
5170
5259
|
}),
|
|
5171
5260
|
renderThumb(0),
|
|
5172
5261
|
isRange && renderThumb(1)
|
|
5173
|
-
), hasLabelledMarks && orientation === "horizontal" && /* @__PURE__ */
|
|
5262
|
+
), hasLabelledMarks && orientation === "horizontal" && /* @__PURE__ */ React77.createElement("div", { className: "rf-slider__marks-labels", "aria-hidden": "true" }));
|
|
5174
5263
|
});
|
|
5175
5264
|
Slider.displayName = "Slider";
|
|
5176
5265
|
|
|
5177
5266
|
// lib/Switch/Switch.tsx
|
|
5178
|
-
import
|
|
5179
|
-
var Switch =
|
|
5267
|
+
import React78, { useRef as useRef12 } from "react";
|
|
5268
|
+
var Switch = React78.forwardRef(function Switch2(props, ref) {
|
|
5180
5269
|
const {
|
|
5181
5270
|
checked = false,
|
|
5182
5271
|
onChange,
|
|
@@ -5206,7 +5295,7 @@ var Switch = React76.forwardRef(function Switch2(props, ref) {
|
|
|
5206
5295
|
sxClass,
|
|
5207
5296
|
className
|
|
5208
5297
|
].filter(Boolean).join(" ");
|
|
5209
|
-
return /* @__PURE__ */
|
|
5298
|
+
return /* @__PURE__ */ React78.createElement(
|
|
5210
5299
|
"label",
|
|
5211
5300
|
{
|
|
5212
5301
|
ref,
|
|
@@ -5214,7 +5303,7 @@ var Switch = React76.forwardRef(function Switch2(props, ref) {
|
|
|
5214
5303
|
style,
|
|
5215
5304
|
htmlFor: inputId
|
|
5216
5305
|
},
|
|
5217
|
-
/* @__PURE__ */
|
|
5306
|
+
/* @__PURE__ */ React78.createElement(
|
|
5218
5307
|
"input",
|
|
5219
5308
|
{
|
|
5220
5309
|
ref: inputRef,
|
|
@@ -5229,16 +5318,16 @@ var Switch = React76.forwardRef(function Switch2(props, ref) {
|
|
|
5229
5318
|
"aria-checked": checked
|
|
5230
5319
|
}
|
|
5231
5320
|
),
|
|
5232
|
-
/* @__PURE__ */
|
|
5233
|
-
label && /* @__PURE__ */
|
|
5321
|
+
/* @__PURE__ */ React78.createElement("div", { className: "rf-switch__track", "aria-hidden": "true" }, /* @__PURE__ */ React78.createElement("div", { className: "rf-switch__thumb" })),
|
|
5322
|
+
label && /* @__PURE__ */ React78.createElement("span", { className: "rf-switch__label" }, label, required && /* @__PURE__ */ React78.createElement("span", { style: { color: "var(--tf-error-color, #d32f2f)" } }, " *"))
|
|
5234
5323
|
);
|
|
5235
5324
|
});
|
|
5236
5325
|
Switch.displayName = "Switch";
|
|
5237
5326
|
|
|
5238
5327
|
// lib/RadioGroup/RadioGroup.tsx
|
|
5239
|
-
import
|
|
5328
|
+
import React79, { useRef as useRef13, createContext as createContext2, useContext as useContext2 } from "react";
|
|
5240
5329
|
var RadioGroupContext = createContext2({});
|
|
5241
|
-
var Radio =
|
|
5330
|
+
var Radio = React79.forwardRef(function Radio2(props, ref) {
|
|
5242
5331
|
const ctx = useContext2(RadioGroupContext);
|
|
5243
5332
|
const {
|
|
5244
5333
|
value,
|
|
@@ -5269,7 +5358,7 @@ var Radio = React77.forwardRef(function Radio2(props, ref) {
|
|
|
5269
5358
|
isDisabled ? "rf-radio--disabled" : "",
|
|
5270
5359
|
sxClass
|
|
5271
5360
|
].filter(Boolean).join(" ");
|
|
5272
|
-
return /* @__PURE__ */
|
|
5361
|
+
return /* @__PURE__ */ React79.createElement("label", { ref, className: rootClasses, htmlFor: inputId }, /* @__PURE__ */ React79.createElement(
|
|
5273
5362
|
"input",
|
|
5274
5363
|
{
|
|
5275
5364
|
id: inputId,
|
|
@@ -5282,10 +5371,10 @@ var Radio = React77.forwardRef(function Radio2(props, ref) {
|
|
|
5282
5371
|
name,
|
|
5283
5372
|
"aria-checked": isChecked
|
|
5284
5373
|
}
|
|
5285
|
-
), /* @__PURE__ */
|
|
5374
|
+
), /* @__PURE__ */ React79.createElement("div", { className: "rf-radio__control", "aria-hidden": "true" }, /* @__PURE__ */ React79.createElement("div", { className: "rf-radio__ripple" }), /* @__PURE__ */ React79.createElement("div", { className: "rf-radio__outer" }, /* @__PURE__ */ React79.createElement("div", { className: "rf-radio__inner" }))), label && /* @__PURE__ */ React79.createElement("span", { className: "rf-radio__label" }, label));
|
|
5286
5375
|
});
|
|
5287
5376
|
Radio.displayName = "Radio";
|
|
5288
|
-
var RadioGroup =
|
|
5377
|
+
var RadioGroup = React79.forwardRef(function RadioGroup2(props, ref) {
|
|
5289
5378
|
const {
|
|
5290
5379
|
value,
|
|
5291
5380
|
onChange,
|
|
@@ -5309,7 +5398,7 @@ var RadioGroup = React77.forwardRef(function RadioGroup2(props, ref) {
|
|
|
5309
5398
|
sxClass,
|
|
5310
5399
|
className
|
|
5311
5400
|
].filter(Boolean).join(" ");
|
|
5312
|
-
return /* @__PURE__ */
|
|
5401
|
+
return /* @__PURE__ */ React79.createElement(RadioGroupContext.Provider, { value: { value, onChange, name: groupName, disabled, size } }, /* @__PURE__ */ React79.createElement(
|
|
5313
5402
|
"div",
|
|
5314
5403
|
{
|
|
5315
5404
|
ref,
|
|
@@ -5318,8 +5407,8 @@ var RadioGroup = React77.forwardRef(function RadioGroup2(props, ref) {
|
|
|
5318
5407
|
role: "radiogroup",
|
|
5319
5408
|
"aria-label": label
|
|
5320
5409
|
},
|
|
5321
|
-
label && /* @__PURE__ */
|
|
5322
|
-
options ? options.map((opt) => /* @__PURE__ */
|
|
5410
|
+
label && /* @__PURE__ */ React79.createElement("div", { className: "rf-radio-group__label" }, label),
|
|
5411
|
+
options ? options.map((opt) => /* @__PURE__ */ React79.createElement(
|
|
5323
5412
|
Radio,
|
|
5324
5413
|
{
|
|
5325
5414
|
key: opt.value,
|
|
@@ -5333,12 +5422,12 @@ var RadioGroup = React77.forwardRef(function RadioGroup2(props, ref) {
|
|
|
5333
5422
|
RadioGroup.displayName = "RadioGroup";
|
|
5334
5423
|
|
|
5335
5424
|
// lib/Rating/Rating.tsx
|
|
5336
|
-
import
|
|
5425
|
+
import React80, {
|
|
5337
5426
|
useState as useState12,
|
|
5338
5427
|
useRef as useRef14
|
|
5339
5428
|
} from "react";
|
|
5340
5429
|
var starSize = { small: 18, medium: 24, large: 32 };
|
|
5341
|
-
var FilledStarIcon = ({ size }) => /* @__PURE__ */
|
|
5430
|
+
var FilledStarIcon = ({ size }) => /* @__PURE__ */ React80.createElement(
|
|
5342
5431
|
"svg",
|
|
5343
5432
|
{
|
|
5344
5433
|
width: size,
|
|
@@ -5347,9 +5436,9 @@ var FilledStarIcon = ({ size }) => /* @__PURE__ */ React78.createElement(
|
|
|
5347
5436
|
fill: "currentColor",
|
|
5348
5437
|
"aria-hidden": "true"
|
|
5349
5438
|
},
|
|
5350
|
-
/* @__PURE__ */
|
|
5439
|
+
/* @__PURE__ */ React80.createElement("path", { d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" })
|
|
5351
5440
|
);
|
|
5352
|
-
var EmptyStarIcon = ({ size }) => /* @__PURE__ */
|
|
5441
|
+
var EmptyStarIcon = ({ size }) => /* @__PURE__ */ React80.createElement(
|
|
5353
5442
|
"svg",
|
|
5354
5443
|
{
|
|
5355
5444
|
width: size,
|
|
@@ -5360,9 +5449,9 @@ var EmptyStarIcon = ({ size }) => /* @__PURE__ */ React78.createElement(
|
|
|
5360
5449
|
strokeWidth: "1.6",
|
|
5361
5450
|
"aria-hidden": "true"
|
|
5362
5451
|
},
|
|
5363
|
-
/* @__PURE__ */
|
|
5452
|
+
/* @__PURE__ */ React80.createElement("path", { d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" })
|
|
5364
5453
|
);
|
|
5365
|
-
var Rating =
|
|
5454
|
+
var Rating = React80.forwardRef(function Rating2(props, ref) {
|
|
5366
5455
|
const {
|
|
5367
5456
|
value,
|
|
5368
5457
|
onChange,
|
|
@@ -5385,8 +5474,8 @@ var Rating = React78.forwardRef(function Rating2(props, ref) {
|
|
|
5385
5474
|
const currentValue = value ?? 0;
|
|
5386
5475
|
const displayValue = hoverValue !== null ? hoverValue : currentValue;
|
|
5387
5476
|
const iconSize = starSize[size] ?? 24;
|
|
5388
|
-
const renderedFilledIcon = icon ?? /* @__PURE__ */
|
|
5389
|
-
const renderedEmptyIcon = emptyIcon ?? /* @__PURE__ */
|
|
5477
|
+
const renderedFilledIcon = icon ?? /* @__PURE__ */ React80.createElement(FilledStarIcon, { size: iconSize });
|
|
5478
|
+
const renderedEmptyIcon = emptyIcon ?? /* @__PURE__ */ React80.createElement(EmptyStarIcon, { size: iconSize });
|
|
5390
5479
|
const isFilled = (pos) => {
|
|
5391
5480
|
if (highlightSelectedOnly) return displayValue === pos;
|
|
5392
5481
|
return displayValue >= pos - (precision < 1 ? 0.25 : 0);
|
|
@@ -5447,7 +5536,7 @@ var Rating = React78.forwardRef(function Rating2(props, ref) {
|
|
|
5447
5536
|
sxClass,
|
|
5448
5537
|
className
|
|
5449
5538
|
].filter(Boolean).join(" ");
|
|
5450
|
-
return /* @__PURE__ */
|
|
5539
|
+
return /* @__PURE__ */ React80.createElement("div", { ref, className: rootClasses, style }, label && /* @__PURE__ */ React80.createElement("div", { className: "rf-rating__label" }, label), /* @__PURE__ */ React80.createElement(
|
|
5451
5540
|
"div",
|
|
5452
5541
|
{
|
|
5453
5542
|
ref: starsRef,
|
|
@@ -5464,7 +5553,7 @@ var Rating = React78.forwardRef(function Rating2(props, ref) {
|
|
|
5464
5553
|
"rf-rating__item",
|
|
5465
5554
|
isHovered ? "rf-rating__item--hovered" : ""
|
|
5466
5555
|
].filter(Boolean).join(" ");
|
|
5467
|
-
return /* @__PURE__ */
|
|
5556
|
+
return /* @__PURE__ */ React80.createElement(
|
|
5468
5557
|
"button",
|
|
5469
5558
|
{
|
|
5470
5559
|
key: pos,
|
|
@@ -5479,15 +5568,15 @@ var Rating = React78.forwardRef(function Rating2(props, ref) {
|
|
|
5479
5568
|
},
|
|
5480
5569
|
halfFilled ? (
|
|
5481
5570
|
// Half-star: show half filled + half empty
|
|
5482
|
-
/* @__PURE__ */
|
|
5571
|
+
/* @__PURE__ */ React80.createElement("div", { className: "rf-rating__icon-container", style: { position: "relative" } }, /* @__PURE__ */ React80.createElement("span", { className: "rf-rating__icon--empty" }, renderedEmptyIcon), /* @__PURE__ */ React80.createElement(
|
|
5483
5572
|
"span",
|
|
5484
5573
|
{
|
|
5485
5574
|
className: "rf-rating__half-left",
|
|
5486
5575
|
style: { position: "absolute", inset: 0, width: "50%", overflow: "hidden" }
|
|
5487
5576
|
},
|
|
5488
|
-
/* @__PURE__ */
|
|
5577
|
+
/* @__PURE__ */ React80.createElement("span", { className: "rf-rating__icon--filled" }, renderedFilledIcon)
|
|
5489
5578
|
))
|
|
5490
|
-
) : /* @__PURE__ */
|
|
5579
|
+
) : /* @__PURE__ */ React80.createElement("div", { className: "rf-rating__icon-container" }, /* @__PURE__ */ React80.createElement("span", { className: filled ? "rf-rating__icon--filled" : "rf-rating__icon--empty" }, filled ? renderedFilledIcon : renderedEmptyIcon))
|
|
5491
5580
|
);
|
|
5492
5581
|
})
|
|
5493
5582
|
));
|
|
@@ -5495,12 +5584,12 @@ var Rating = React78.forwardRef(function Rating2(props, ref) {
|
|
|
5495
5584
|
Rating.displayName = "Rating";
|
|
5496
5585
|
|
|
5497
5586
|
// lib/ToggleButton/ToggleButton.tsx
|
|
5498
|
-
import
|
|
5587
|
+
import React81, {
|
|
5499
5588
|
createContext as createContext3,
|
|
5500
5589
|
useContext as useContext3
|
|
5501
5590
|
} from "react";
|
|
5502
5591
|
var ToggleGroupContext = createContext3({});
|
|
5503
|
-
var ToggleButton =
|
|
5592
|
+
var ToggleButton = React81.forwardRef(
|
|
5504
5593
|
function ToggleButton2(props, ref) {
|
|
5505
5594
|
const ctx = useContext3(ToggleGroupContext);
|
|
5506
5595
|
const { value, children, disabled: disabledProp, selected: selectedProp, sx } = props;
|
|
@@ -5533,7 +5622,7 @@ var ToggleButton = React79.forwardRef(
|
|
|
5533
5622
|
}
|
|
5534
5623
|
}
|
|
5535
5624
|
};
|
|
5536
|
-
const isIconOnly =
|
|
5625
|
+
const isIconOnly = React81.Children.count(children) === 1 && React81.isValidElement(children) && children.type === "svg";
|
|
5537
5626
|
const btnClasses = [
|
|
5538
5627
|
"rf-toggle-btn",
|
|
5539
5628
|
isSelected ? "rf-toggle-btn--selected" : "",
|
|
@@ -5541,7 +5630,7 @@ var ToggleButton = React79.forwardRef(
|
|
|
5541
5630
|
isIconOnly ? "rf-toggle-btn--icon-only" : "",
|
|
5542
5631
|
sxClass
|
|
5543
5632
|
].filter(Boolean).join(" ");
|
|
5544
|
-
return /* @__PURE__ */
|
|
5633
|
+
return /* @__PURE__ */ React81.createElement(
|
|
5545
5634
|
"button",
|
|
5546
5635
|
{
|
|
5547
5636
|
ref,
|
|
@@ -5556,7 +5645,7 @@ var ToggleButton = React79.forwardRef(
|
|
|
5556
5645
|
}
|
|
5557
5646
|
);
|
|
5558
5647
|
ToggleButton.displayName = "ToggleButton";
|
|
5559
|
-
var ToggleButtonGroup =
|
|
5648
|
+
var ToggleButtonGroup = React81.forwardRef(
|
|
5560
5649
|
function ToggleButtonGroup2(props, ref) {
|
|
5561
5650
|
const {
|
|
5562
5651
|
value,
|
|
@@ -5583,7 +5672,7 @@ var ToggleButtonGroup = React79.forwardRef(
|
|
|
5583
5672
|
sxClass,
|
|
5584
5673
|
className
|
|
5585
5674
|
].filter(Boolean).join(" ");
|
|
5586
|
-
return /* @__PURE__ */
|
|
5675
|
+
return /* @__PURE__ */ React81.createElement(ToggleGroupContext.Provider, { value: { value, onChange, exclusive, size, disabled, color } }, /* @__PURE__ */ React81.createElement(
|
|
5587
5676
|
"div",
|
|
5588
5677
|
{
|
|
5589
5678
|
ref,
|
|
@@ -5599,7 +5688,7 @@ var ToggleButtonGroup = React79.forwardRef(
|
|
|
5599
5688
|
ToggleButtonGroup.displayName = "ToggleButtonGroup";
|
|
5600
5689
|
|
|
5601
5690
|
// lib/Avatar/Avatar.tsx
|
|
5602
|
-
import
|
|
5691
|
+
import React82, { useState as useState13 } from "react";
|
|
5603
5692
|
var DEFAULT_PALETTE = [
|
|
5604
5693
|
"#a41b06",
|
|
5605
5694
|
"#8b1605",
|
|
@@ -5634,7 +5723,7 @@ function getInitials(alt) {
|
|
|
5634
5723
|
}
|
|
5635
5724
|
return words[0][0].toUpperCase();
|
|
5636
5725
|
}
|
|
5637
|
-
var Avatar =
|
|
5726
|
+
var Avatar = React82.forwardRef(
|
|
5638
5727
|
({
|
|
5639
5728
|
src,
|
|
5640
5729
|
alt,
|
|
@@ -5669,7 +5758,7 @@ var Avatar = React80.forwardRef(
|
|
|
5669
5758
|
inlineStyle.backgroundColor = bgColor;
|
|
5670
5759
|
inlineStyle.color = "#ffffff";
|
|
5671
5760
|
}
|
|
5672
|
-
return /* @__PURE__ */
|
|
5761
|
+
return /* @__PURE__ */ React82.createElement("div", { ref, className: classes, style: inlineStyle, "aria-label": alt, role: alt ? "img" : void 0, onClick, tabIndex: onClick ? 0 : void 0 }, showImage ? /* @__PURE__ */ React82.createElement(
|
|
5673
5762
|
"img",
|
|
5674
5763
|
{
|
|
5675
5764
|
src,
|
|
@@ -5678,7 +5767,7 @@ var Avatar = React80.forwardRef(
|
|
|
5678
5767
|
onError: () => setImgError(true),
|
|
5679
5768
|
...imgProps
|
|
5680
5769
|
}
|
|
5681
|
-
) : /* @__PURE__ */
|
|
5770
|
+
) : /* @__PURE__ */ React82.createElement("span", { className: "rf-avatar__initials" }, content));
|
|
5682
5771
|
}
|
|
5683
5772
|
);
|
|
5684
5773
|
Avatar.displayName = "Avatar";
|
|
@@ -5691,7 +5780,7 @@ var AvatarGroup = ({
|
|
|
5691
5780
|
sx
|
|
5692
5781
|
}) => {
|
|
5693
5782
|
const sxClass = useSx(sx);
|
|
5694
|
-
const childArray =
|
|
5783
|
+
const childArray = React82.Children.toArray(children);
|
|
5695
5784
|
const totalCount = childArray.length;
|
|
5696
5785
|
const overflowCount = totalCount > max ? totalCount - (max - 1) : 0;
|
|
5697
5786
|
const visibleChildren = overflowCount > 0 ? childArray.slice(0, max - 1) : childArray;
|
|
@@ -5705,7 +5794,7 @@ var AvatarGroup = ({
|
|
|
5705
5794
|
}
|
|
5706
5795
|
const classes = ["rf-avatar-group", spacingClass, sxClass, className].filter(Boolean).join(" ");
|
|
5707
5796
|
const avatarsToRender = [...visibleChildren].reverse();
|
|
5708
|
-
return /* @__PURE__ */
|
|
5797
|
+
return /* @__PURE__ */ React82.createElement("div", { className: classes, style, role: "group" }, overflowCount > 0 && /* @__PURE__ */ React82.createElement(
|
|
5709
5798
|
Avatar,
|
|
5710
5799
|
{
|
|
5711
5800
|
className: "rf-avatar-group__overflow",
|
|
@@ -5717,7 +5806,7 @@ var AvatarGroup = ({
|
|
|
5717
5806
|
), avatarsToRender.map((child, i) => {
|
|
5718
5807
|
if (typeof spacing === "number") {
|
|
5719
5808
|
const typedChild = child;
|
|
5720
|
-
return
|
|
5809
|
+
return React82.cloneElement(typedChild, {
|
|
5721
5810
|
key: i,
|
|
5722
5811
|
style: {
|
|
5723
5812
|
marginLeft: i < avatarsToRender.length - 1 ? -spacing : 0,
|
|
@@ -5731,7 +5820,7 @@ var AvatarGroup = ({
|
|
|
5731
5820
|
AvatarGroup.displayName = "AvatarGroup";
|
|
5732
5821
|
|
|
5733
5822
|
// lib/Chip/Chip.tsx
|
|
5734
|
-
import
|
|
5823
|
+
import React83 from "react";
|
|
5735
5824
|
var Chip = ({
|
|
5736
5825
|
label,
|
|
5737
5826
|
onDelete,
|
|
@@ -5769,7 +5858,7 @@ var Chip = ({
|
|
|
5769
5858
|
onDelete();
|
|
5770
5859
|
}
|
|
5771
5860
|
};
|
|
5772
|
-
return /* @__PURE__ */
|
|
5861
|
+
return /* @__PURE__ */ React83.createElement(
|
|
5773
5862
|
"div",
|
|
5774
5863
|
{
|
|
5775
5864
|
className: classes,
|
|
@@ -5780,10 +5869,10 @@ var Chip = ({
|
|
|
5780
5869
|
onKeyDown: !disabled ? handleKeyDown : void 0,
|
|
5781
5870
|
"aria-disabled": disabled || void 0
|
|
5782
5871
|
},
|
|
5783
|
-
avatar && /* @__PURE__ */
|
|
5784
|
-
!avatar && icon && /* @__PURE__ */
|
|
5785
|
-
/* @__PURE__ */
|
|
5786
|
-
onDelete && /* @__PURE__ */
|
|
5872
|
+
avatar && /* @__PURE__ */ React83.createElement("span", { className: "rf-chip__avatar" }, avatar),
|
|
5873
|
+
!avatar && icon && /* @__PURE__ */ React83.createElement("span", { className: "rf-chip__icon", "aria-hidden": "true" }, icon),
|
|
5874
|
+
/* @__PURE__ */ React83.createElement("span", { className: "rf-chip__label" }, label),
|
|
5875
|
+
onDelete && /* @__PURE__ */ React83.createElement(
|
|
5787
5876
|
"button",
|
|
5788
5877
|
{
|
|
5789
5878
|
className: "rf-chip__delete",
|
|
@@ -5804,7 +5893,7 @@ var Chip = ({
|
|
|
5804
5893
|
Chip.displayName = "Chip";
|
|
5805
5894
|
|
|
5806
5895
|
// lib/Divider/Divider.tsx
|
|
5807
|
-
import
|
|
5896
|
+
import React84 from "react";
|
|
5808
5897
|
var Divider = ({
|
|
5809
5898
|
orientation = "horizontal",
|
|
5810
5899
|
variant = "fullWidth",
|
|
@@ -5818,7 +5907,7 @@ var Divider = ({
|
|
|
5818
5907
|
sx
|
|
5819
5908
|
}) => {
|
|
5820
5909
|
const sxClass = useSx(sx);
|
|
5821
|
-
const hasChildren =
|
|
5910
|
+
const hasChildren = React84.Children.count(children) > 0;
|
|
5822
5911
|
const variantClass = variant === "inset" ? "rf-divider--inset" : variant === "middle" ? "rf-divider--middle" : "";
|
|
5823
5912
|
const classes = [
|
|
5824
5913
|
"rf-divider",
|
|
@@ -5834,7 +5923,7 @@ var Divider = ({
|
|
|
5834
5923
|
].filter(Boolean).join(" ");
|
|
5835
5924
|
const Tag = component || (hasChildren ? "div" : "hr");
|
|
5836
5925
|
if (!hasChildren) {
|
|
5837
|
-
return /* @__PURE__ */
|
|
5926
|
+
return /* @__PURE__ */ React84.createElement(
|
|
5838
5927
|
Tag,
|
|
5839
5928
|
{
|
|
5840
5929
|
className: classes,
|
|
@@ -5843,7 +5932,7 @@ var Divider = ({
|
|
|
5843
5932
|
}
|
|
5844
5933
|
);
|
|
5845
5934
|
}
|
|
5846
|
-
return /* @__PURE__ */
|
|
5935
|
+
return /* @__PURE__ */ React84.createElement(
|
|
5847
5936
|
Tag,
|
|
5848
5937
|
{
|
|
5849
5938
|
className: classes,
|
|
@@ -5851,13 +5940,13 @@ var Divider = ({
|
|
|
5851
5940
|
role: "separator",
|
|
5852
5941
|
"aria-orientation": orientation
|
|
5853
5942
|
},
|
|
5854
|
-
/* @__PURE__ */
|
|
5943
|
+
/* @__PURE__ */ React84.createElement("span", { className: "rf-divider__text" }, children)
|
|
5855
5944
|
);
|
|
5856
5945
|
};
|
|
5857
5946
|
Divider.displayName = "Divider";
|
|
5858
5947
|
|
|
5859
5948
|
// lib/List/List.tsx
|
|
5860
|
-
import
|
|
5949
|
+
import React85 from "react";
|
|
5861
5950
|
var List = ({
|
|
5862
5951
|
dense = false,
|
|
5863
5952
|
disablePadding = false,
|
|
@@ -5875,7 +5964,7 @@ var List = ({
|
|
|
5875
5964
|
sxClass,
|
|
5876
5965
|
className
|
|
5877
5966
|
].filter(Boolean).join(" ");
|
|
5878
|
-
return /* @__PURE__ */
|
|
5967
|
+
return /* @__PURE__ */ React85.createElement("ul", { className: classes, style }, subheader, children);
|
|
5879
5968
|
};
|
|
5880
5969
|
List.displayName = "List";
|
|
5881
5970
|
var ListItem = ({
|
|
@@ -5899,7 +5988,7 @@ var ListItem = ({
|
|
|
5899
5988
|
sxClass,
|
|
5900
5989
|
className
|
|
5901
5990
|
].filter(Boolean).join(" ");
|
|
5902
|
-
return /* @__PURE__ */
|
|
5991
|
+
return /* @__PURE__ */ React85.createElement("li", { className: classes, style }, /* @__PURE__ */ React85.createElement("div", { className: "rf-list-item__content" }, children), secondaryAction && /* @__PURE__ */ React85.createElement("div", { className: "rf-list-item__secondary-action" }, secondaryAction));
|
|
5903
5992
|
};
|
|
5904
5993
|
ListItem.displayName = "ListItem";
|
|
5905
5994
|
var ListItemText = ({
|
|
@@ -5916,12 +6005,12 @@ var ListItemText = ({
|
|
|
5916
6005
|
inset ? "rf-list-item-text--inset" : "",
|
|
5917
6006
|
sxClass
|
|
5918
6007
|
].filter(Boolean).join(" ");
|
|
5919
|
-
return /* @__PURE__ */
|
|
6008
|
+
return /* @__PURE__ */ React85.createElement("div", { className: classes }, /* @__PURE__ */ React85.createElement("p", { className: "rf-list-item-text__primary", ...primaryTypographyProps }, primary), secondary && /* @__PURE__ */ React85.createElement("p", { className: "rf-list-item-text__secondary", ...secondaryTypographyProps }, secondary));
|
|
5920
6009
|
};
|
|
5921
6010
|
ListItemText.displayName = "ListItemText";
|
|
5922
6011
|
var ListItemIcon = ({ children, sx }) => {
|
|
5923
6012
|
const sxClass = useSx(sx);
|
|
5924
|
-
return /* @__PURE__ */
|
|
6013
|
+
return /* @__PURE__ */ React85.createElement("div", { className: ["rf-list-item-icon", sxClass].filter(Boolean).join(" "), "aria-hidden": "true" }, children);
|
|
5925
6014
|
};
|
|
5926
6015
|
ListItemIcon.displayName = "ListItemIcon";
|
|
5927
6016
|
var ListItemButton = ({
|
|
@@ -5953,7 +6042,7 @@ var ListItemButton = ({
|
|
|
5953
6042
|
"aria-disabled": disabled || void 0
|
|
5954
6043
|
};
|
|
5955
6044
|
if (href) {
|
|
5956
|
-
return /* @__PURE__ */
|
|
6045
|
+
return /* @__PURE__ */ React85.createElement(
|
|
5957
6046
|
"a",
|
|
5958
6047
|
{
|
|
5959
6048
|
href,
|
|
@@ -5964,7 +6053,7 @@ var ListItemButton = ({
|
|
|
5964
6053
|
children
|
|
5965
6054
|
);
|
|
5966
6055
|
}
|
|
5967
|
-
return /* @__PURE__ */
|
|
6056
|
+
return /* @__PURE__ */ React85.createElement(
|
|
5968
6057
|
"button",
|
|
5969
6058
|
{
|
|
5970
6059
|
type: "button",
|
|
@@ -5993,12 +6082,12 @@ var ListSubheader = ({
|
|
|
5993
6082
|
color !== "default" ? `rf-list-subheader--color-${color}` : "",
|
|
5994
6083
|
sxClass
|
|
5995
6084
|
].filter(Boolean).join(" ");
|
|
5996
|
-
return /* @__PURE__ */
|
|
6085
|
+
return /* @__PURE__ */ React85.createElement("li", { className: classes, role: "presentation", "aria-label": typeof children === "string" ? children : void 0 }, children);
|
|
5997
6086
|
};
|
|
5998
6087
|
ListSubheader.displayName = "ListSubheader";
|
|
5999
6088
|
|
|
6000
6089
|
// lib/Typography/Typography.tsx
|
|
6001
|
-
import
|
|
6090
|
+
import React86 from "react";
|
|
6002
6091
|
var VARIANT_ELEMENT_MAP = {
|
|
6003
6092
|
h1: "h1",
|
|
6004
6093
|
h2: "h2",
|
|
@@ -6072,12 +6161,12 @@ var Typography = ({
|
|
|
6072
6161
|
...weightStyle,
|
|
6073
6162
|
...style
|
|
6074
6163
|
};
|
|
6075
|
-
return /* @__PURE__ */
|
|
6164
|
+
return /* @__PURE__ */ React86.createElement(Tag, { className: classes, style: Object.keys(inlineStyle).length > 0 ? inlineStyle : void 0 }, children);
|
|
6076
6165
|
};
|
|
6077
6166
|
Typography.displayName = "Typography";
|
|
6078
6167
|
|
|
6079
6168
|
// lib/Skeleton/Skeleton.tsx
|
|
6080
|
-
import
|
|
6169
|
+
import React87 from "react";
|
|
6081
6170
|
var Skeleton = ({
|
|
6082
6171
|
variant = "text",
|
|
6083
6172
|
width,
|
|
@@ -6113,7 +6202,7 @@ var Skeleton = ({
|
|
|
6113
6202
|
if (variant === "rounded" && !height) {
|
|
6114
6203
|
inlineStyle.height = 140;
|
|
6115
6204
|
}
|
|
6116
|
-
return /* @__PURE__ */
|
|
6205
|
+
return /* @__PURE__ */ React87.createElement(
|
|
6117
6206
|
"span",
|
|
6118
6207
|
{
|
|
6119
6208
|
className: classes,
|
|
@@ -6126,7 +6215,7 @@ var Skeleton = ({
|
|
|
6126
6215
|
Skeleton.displayName = "Skeleton";
|
|
6127
6216
|
|
|
6128
6217
|
// lib/Tooltip/Tooltip.tsx
|
|
6129
|
-
import
|
|
6218
|
+
import React88, {
|
|
6130
6219
|
useCallback as useCallback5,
|
|
6131
6220
|
useEffect as useEffect11,
|
|
6132
6221
|
useRef as useRef15,
|
|
@@ -6317,7 +6406,7 @@ var Tooltip = ({
|
|
|
6317
6406
|
sxClass,
|
|
6318
6407
|
className
|
|
6319
6408
|
].filter(Boolean).join(" ");
|
|
6320
|
-
const tooltipElement = /* @__PURE__ */
|
|
6409
|
+
const tooltipElement = /* @__PURE__ */ React88.createElement(
|
|
6321
6410
|
"div",
|
|
6322
6411
|
{
|
|
6323
6412
|
ref: tooltipRef,
|
|
@@ -6331,7 +6420,7 @@ var Tooltip = ({
|
|
|
6331
6420
|
"aria-hidden": !isOpen
|
|
6332
6421
|
},
|
|
6333
6422
|
title,
|
|
6334
|
-
arrow && /* @__PURE__ */
|
|
6423
|
+
arrow && /* @__PURE__ */ React88.createElement(
|
|
6335
6424
|
"span",
|
|
6336
6425
|
{
|
|
6337
6426
|
className: "rf-tooltip__arrow",
|
|
@@ -6342,7 +6431,7 @@ var Tooltip = ({
|
|
|
6342
6431
|
}
|
|
6343
6432
|
)
|
|
6344
6433
|
);
|
|
6345
|
-
return /* @__PURE__ */
|
|
6434
|
+
return /* @__PURE__ */ React88.createElement(React88.Fragment, null, /* @__PURE__ */ React88.createElement(
|
|
6346
6435
|
"span",
|
|
6347
6436
|
{
|
|
6348
6437
|
ref: anchorRef,
|
|
@@ -6350,14 +6439,14 @@ var Tooltip = ({
|
|
|
6350
6439
|
"aria-describedby": isOpen ? "rf-tooltip" : void 0,
|
|
6351
6440
|
...childProps
|
|
6352
6441
|
},
|
|
6353
|
-
|
|
6442
|
+
React88.cloneElement(children)
|
|
6354
6443
|
), ReactDOM.createPortal(tooltipElement, document.body));
|
|
6355
6444
|
};
|
|
6356
6445
|
Tooltip.displayName = "Tooltip";
|
|
6357
6446
|
|
|
6358
6447
|
// lib/Box/Box.tsx
|
|
6359
|
-
import * as
|
|
6360
|
-
var Box =
|
|
6448
|
+
import * as React89 from "react";
|
|
6449
|
+
var Box = React89.forwardRef(
|
|
6361
6450
|
({
|
|
6362
6451
|
component = "div",
|
|
6363
6452
|
children,
|
|
@@ -6424,14 +6513,14 @@ var Box = React87.forwardRef(
|
|
|
6424
6513
|
};
|
|
6425
6514
|
const classes = ["rf-box", sxClass, className].filter(Boolean).join(" ");
|
|
6426
6515
|
const Tag = component;
|
|
6427
|
-
return /* @__PURE__ */
|
|
6516
|
+
return /* @__PURE__ */ React89.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, children);
|
|
6428
6517
|
}
|
|
6429
6518
|
);
|
|
6430
6519
|
Box.displayName = "Box";
|
|
6431
6520
|
|
|
6432
6521
|
// lib/Stack/Stack.tsx
|
|
6433
|
-
import * as
|
|
6434
|
-
var Stack =
|
|
6522
|
+
import * as React90 from "react";
|
|
6523
|
+
var Stack = React90.forwardRef(
|
|
6435
6524
|
({
|
|
6436
6525
|
direction = "column",
|
|
6437
6526
|
spacing,
|
|
@@ -6464,14 +6553,14 @@ var Stack = React88.forwardRef(
|
|
|
6464
6553
|
const classes = ["rf-stack", sxClass, className].filter(Boolean).join(" ");
|
|
6465
6554
|
let content;
|
|
6466
6555
|
if (divider) {
|
|
6467
|
-
const childArray =
|
|
6556
|
+
const childArray = React90.Children.toArray(children).filter(
|
|
6468
6557
|
(child) => child !== null && child !== void 0
|
|
6469
6558
|
);
|
|
6470
6559
|
content = childArray.reduce((acc, child, idx) => {
|
|
6471
6560
|
acc.push(child);
|
|
6472
6561
|
if (idx < childArray.length - 1) {
|
|
6473
6562
|
acc.push(
|
|
6474
|
-
/* @__PURE__ */
|
|
6563
|
+
/* @__PURE__ */ React90.createElement("div", { key: `divider-${idx}`, className: "rf-stack-divider" }, divider)
|
|
6475
6564
|
);
|
|
6476
6565
|
}
|
|
6477
6566
|
return acc;
|
|
@@ -6480,13 +6569,13 @@ var Stack = React88.forwardRef(
|
|
|
6480
6569
|
content = children;
|
|
6481
6570
|
}
|
|
6482
6571
|
const Tag = component;
|
|
6483
|
-
return /* @__PURE__ */
|
|
6572
|
+
return /* @__PURE__ */ React90.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, content);
|
|
6484
6573
|
}
|
|
6485
6574
|
);
|
|
6486
6575
|
Stack.displayName = "Stack";
|
|
6487
6576
|
|
|
6488
6577
|
// lib/Grid/Grid.tsx
|
|
6489
|
-
import * as
|
|
6578
|
+
import * as React91 from "react";
|
|
6490
6579
|
function getBreakpointClass(bp, val) {
|
|
6491
6580
|
if (val === void 0) return "";
|
|
6492
6581
|
if (val === true) return `rf-grid-${bp}-12`;
|
|
@@ -6499,7 +6588,7 @@ function getSpacingGap(spacing) {
|
|
|
6499
6588
|
const base = spacing.xs ?? spacing.sm ?? spacing.md ?? 0;
|
|
6500
6589
|
return `${base * 8}px`;
|
|
6501
6590
|
}
|
|
6502
|
-
var Grid =
|
|
6591
|
+
var Grid = React91.forwardRef(
|
|
6503
6592
|
({
|
|
6504
6593
|
container = false,
|
|
6505
6594
|
item = false,
|
|
@@ -6549,14 +6638,14 @@ var Grid = React89.forwardRef(
|
|
|
6549
6638
|
className
|
|
6550
6639
|
].filter(Boolean).join(" ");
|
|
6551
6640
|
const Tag = component;
|
|
6552
|
-
return /* @__PURE__ */
|
|
6641
|
+
return /* @__PURE__ */ React91.createElement(Tag, { ref, className: classes, style: inlineStyle, ...rest }, children);
|
|
6553
6642
|
}
|
|
6554
6643
|
);
|
|
6555
6644
|
Grid.displayName = "Grid";
|
|
6556
6645
|
|
|
6557
6646
|
// lib/Paper/Paper.tsx
|
|
6558
|
-
import * as
|
|
6559
|
-
var Paper =
|
|
6647
|
+
import * as React92 from "react";
|
|
6648
|
+
var Paper = React92.forwardRef(
|
|
6560
6649
|
({
|
|
6561
6650
|
elevation = 1,
|
|
6562
6651
|
square = false,
|
|
@@ -6578,14 +6667,14 @@ var Paper = React90.forwardRef(
|
|
|
6578
6667
|
className
|
|
6579
6668
|
].filter(Boolean).join(" ");
|
|
6580
6669
|
const Tag = component;
|
|
6581
|
-
return /* @__PURE__ */
|
|
6670
|
+
return /* @__PURE__ */ React92.createElement(Tag, { ref, className: classes, style, ...rest }, children);
|
|
6582
6671
|
}
|
|
6583
6672
|
);
|
|
6584
6673
|
Paper.displayName = "Paper";
|
|
6585
6674
|
|
|
6586
6675
|
// lib/Card/Card.tsx
|
|
6587
|
-
import * as
|
|
6588
|
-
var Card =
|
|
6676
|
+
import * as React93 from "react";
|
|
6677
|
+
var Card = React93.forwardRef(
|
|
6589
6678
|
({
|
|
6590
6679
|
elevation = 1,
|
|
6591
6680
|
variant = "elevation",
|
|
@@ -6604,33 +6693,33 @@ var Card = React91.forwardRef(
|
|
|
6604
6693
|
sxClass,
|
|
6605
6694
|
className
|
|
6606
6695
|
].filter(Boolean).join(" ");
|
|
6607
|
-
return /* @__PURE__ */
|
|
6696
|
+
return /* @__PURE__ */ React93.createElement("div", { ref, className: classes, style, ...rest }, children);
|
|
6608
6697
|
}
|
|
6609
6698
|
);
|
|
6610
6699
|
Card.displayName = "Card";
|
|
6611
|
-
var CardContent =
|
|
6700
|
+
var CardContent = React93.forwardRef(
|
|
6612
6701
|
({ children, className, style, sx, ...rest }, ref) => {
|
|
6613
6702
|
const sxClass = useSx(sx);
|
|
6614
6703
|
const classes = ["rf-card-content", sxClass, className].filter(Boolean).join(" ");
|
|
6615
|
-
return /* @__PURE__ */
|
|
6704
|
+
return /* @__PURE__ */ React93.createElement("div", { ref, className: classes, style, ...rest }, children);
|
|
6616
6705
|
}
|
|
6617
6706
|
);
|
|
6618
6707
|
CardContent.displayName = "CardContent";
|
|
6619
|
-
var CardHeader =
|
|
6708
|
+
var CardHeader = React93.forwardRef(
|
|
6620
6709
|
({ title, subheader, avatar, action, className, style, sx, ...rest }, ref) => {
|
|
6621
6710
|
const sxClass = useSx(sx);
|
|
6622
6711
|
const classes = ["rf-card-header", sxClass, className].filter(Boolean).join(" ");
|
|
6623
|
-
return /* @__PURE__ */
|
|
6712
|
+
return /* @__PURE__ */ React93.createElement("div", { ref, className: classes, style, ...rest }, avatar && /* @__PURE__ */ React93.createElement("div", { className: "rf-card-header-avatar" }, avatar), /* @__PURE__ */ React93.createElement("div", { className: "rf-card-header-content" }, /* @__PURE__ */ React93.createElement("div", { className: "rf-card-header-title" }, title), subheader && /* @__PURE__ */ React93.createElement("div", { className: "rf-card-header-subheader" }, subheader)), action && /* @__PURE__ */ React93.createElement("div", { className: "rf-card-header-action" }, action));
|
|
6624
6713
|
}
|
|
6625
6714
|
);
|
|
6626
6715
|
CardHeader.displayName = "CardHeader";
|
|
6627
|
-
var CardMedia =
|
|
6716
|
+
var CardMedia = React93.forwardRef(
|
|
6628
6717
|
({ component = "div", image, src, height, alt, className, style, sx, ...rest }, ref) => {
|
|
6629
6718
|
const sxClass = useSx(sx);
|
|
6630
6719
|
const classes = ["rf-card-media", sxClass, className].filter(Boolean).join(" ");
|
|
6631
6720
|
const computedHeight = height !== void 0 ? typeof height === "number" ? `${height}px` : height : "200px";
|
|
6632
6721
|
if (component === "img") {
|
|
6633
|
-
return /* @__PURE__ */
|
|
6722
|
+
return /* @__PURE__ */ React93.createElement(
|
|
6634
6723
|
"img",
|
|
6635
6724
|
{
|
|
6636
6725
|
ref,
|
|
@@ -6643,7 +6732,7 @@ var CardMedia = React91.forwardRef(
|
|
|
6643
6732
|
);
|
|
6644
6733
|
}
|
|
6645
6734
|
if (component === "video") {
|
|
6646
|
-
return /* @__PURE__ */
|
|
6735
|
+
return /* @__PURE__ */ React93.createElement(
|
|
6647
6736
|
"video",
|
|
6648
6737
|
{
|
|
6649
6738
|
ref,
|
|
@@ -6659,7 +6748,7 @@ var CardMedia = React91.forwardRef(
|
|
|
6659
6748
|
...image ? { backgroundImage: `url(${image})` } : {},
|
|
6660
6749
|
...style
|
|
6661
6750
|
};
|
|
6662
|
-
return /* @__PURE__ */
|
|
6751
|
+
return /* @__PURE__ */ React93.createElement(
|
|
6663
6752
|
"div",
|
|
6664
6753
|
{
|
|
6665
6754
|
ref,
|
|
@@ -6671,7 +6760,7 @@ var CardMedia = React91.forwardRef(
|
|
|
6671
6760
|
}
|
|
6672
6761
|
);
|
|
6673
6762
|
CardMedia.displayName = "CardMedia";
|
|
6674
|
-
var CardActions =
|
|
6763
|
+
var CardActions = React93.forwardRef(
|
|
6675
6764
|
({ disableSpacing = false, children, className, style, sx, ...rest }, ref) => {
|
|
6676
6765
|
const sxClass = useSx(sx);
|
|
6677
6766
|
const classes = [
|
|
@@ -6680,13 +6769,13 @@ var CardActions = React91.forwardRef(
|
|
|
6680
6769
|
sxClass,
|
|
6681
6770
|
className
|
|
6682
6771
|
].filter(Boolean).join(" ");
|
|
6683
|
-
return /* @__PURE__ */
|
|
6772
|
+
return /* @__PURE__ */ React93.createElement("div", { ref, className: classes, style, ...rest }, children);
|
|
6684
6773
|
}
|
|
6685
6774
|
);
|
|
6686
6775
|
CardActions.displayName = "CardActions";
|
|
6687
6776
|
|
|
6688
6777
|
// lib/Accordion/Accordion.tsx
|
|
6689
|
-
import * as
|
|
6778
|
+
import * as React94 from "react";
|
|
6690
6779
|
import { useState as useState15, useContext as useContext4, createContext as createContext4 } from "react";
|
|
6691
6780
|
var AccordionContext = createContext4({
|
|
6692
6781
|
expanded: false,
|
|
@@ -6694,7 +6783,7 @@ var AccordionContext = createContext4({
|
|
|
6694
6783
|
toggle: () => {
|
|
6695
6784
|
}
|
|
6696
6785
|
});
|
|
6697
|
-
var Accordion =
|
|
6786
|
+
var Accordion = React94.forwardRef(
|
|
6698
6787
|
({
|
|
6699
6788
|
expanded: expandedProp,
|
|
6700
6789
|
defaultExpanded = false,
|
|
@@ -6729,11 +6818,11 @@ var Accordion = React92.forwardRef(
|
|
|
6729
6818
|
sxClass,
|
|
6730
6819
|
className
|
|
6731
6820
|
].filter(Boolean).join(" ");
|
|
6732
|
-
return /* @__PURE__ */
|
|
6821
|
+
return /* @__PURE__ */ React94.createElement(AccordionContext.Provider, { value: { expanded, disabled, toggle } }, /* @__PURE__ */ React94.createElement("div", { ref, className: classes, style, ...rest }, children));
|
|
6733
6822
|
}
|
|
6734
6823
|
);
|
|
6735
6824
|
Accordion.displayName = "Accordion";
|
|
6736
|
-
var ChevronIcon = () => /* @__PURE__ */
|
|
6825
|
+
var ChevronIcon = () => /* @__PURE__ */ React94.createElement(
|
|
6737
6826
|
"svg",
|
|
6738
6827
|
{
|
|
6739
6828
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6747,9 +6836,9 @@ var ChevronIcon = () => /* @__PURE__ */ React92.createElement(
|
|
|
6747
6836
|
strokeLinejoin: "round",
|
|
6748
6837
|
"aria-hidden": "true"
|
|
6749
6838
|
},
|
|
6750
|
-
/* @__PURE__ */
|
|
6839
|
+
/* @__PURE__ */ React94.createElement("polyline", { points: "6 9 12 15 18 9" })
|
|
6751
6840
|
);
|
|
6752
|
-
var AccordionSummary =
|
|
6841
|
+
var AccordionSummary = React94.forwardRef(
|
|
6753
6842
|
({ expandIcon, children, sx, className, style, ...rest }, ref) => {
|
|
6754
6843
|
const sxClass = useSx(sx);
|
|
6755
6844
|
const { expanded, toggle, disabled } = useContext4(AccordionContext);
|
|
@@ -6763,7 +6852,7 @@ var AccordionSummary = React92.forwardRef(
|
|
|
6763
6852
|
"rf-accordion-summary-icon",
|
|
6764
6853
|
expanded ? "rf-accordion-icon-expanded" : ""
|
|
6765
6854
|
].filter(Boolean).join(" ");
|
|
6766
|
-
return /* @__PURE__ */
|
|
6855
|
+
return /* @__PURE__ */ React94.createElement(
|
|
6767
6856
|
"button",
|
|
6768
6857
|
{
|
|
6769
6858
|
ref,
|
|
@@ -6775,13 +6864,13 @@ var AccordionSummary = React92.forwardRef(
|
|
|
6775
6864
|
"aria-expanded": expanded,
|
|
6776
6865
|
...rest
|
|
6777
6866
|
},
|
|
6778
|
-
/* @__PURE__ */
|
|
6779
|
-
/* @__PURE__ */
|
|
6867
|
+
/* @__PURE__ */ React94.createElement("span", { className: "rf-accordion-summary-content" }, children),
|
|
6868
|
+
/* @__PURE__ */ React94.createElement("span", { className: iconClasses }, expandIcon !== void 0 ? expandIcon : /* @__PURE__ */ React94.createElement(ChevronIcon, null))
|
|
6780
6869
|
);
|
|
6781
6870
|
}
|
|
6782
6871
|
);
|
|
6783
6872
|
AccordionSummary.displayName = "AccordionSummary";
|
|
6784
|
-
var AccordionDetails =
|
|
6873
|
+
var AccordionDetails = React94.forwardRef(
|
|
6785
6874
|
({ children, sx, className, style, ...rest }, ref) => {
|
|
6786
6875
|
const sxClass = useSx(sx);
|
|
6787
6876
|
const { expanded } = useContext4(AccordionContext);
|
|
@@ -6794,13 +6883,13 @@ var AccordionDetails = React92.forwardRef(
|
|
|
6794
6883
|
sxClass,
|
|
6795
6884
|
className
|
|
6796
6885
|
].filter(Boolean).join(" ");
|
|
6797
|
-
return /* @__PURE__ */
|
|
6886
|
+
return /* @__PURE__ */ React94.createElement("div", { className: wrapperClasses }, /* @__PURE__ */ React94.createElement("div", { className: "rf-accordion-details-inner" }, /* @__PURE__ */ React94.createElement("div", { ref, className: detailsClasses, style, ...rest }, children)));
|
|
6798
6887
|
}
|
|
6799
6888
|
);
|
|
6800
6889
|
AccordionDetails.displayName = "AccordionDetails";
|
|
6801
6890
|
|
|
6802
6891
|
// lib/Tabs/Tabs.tsx
|
|
6803
|
-
import
|
|
6892
|
+
import React95, {
|
|
6804
6893
|
useEffect as useEffect12,
|
|
6805
6894
|
useLayoutEffect,
|
|
6806
6895
|
useRef as useRef16,
|
|
@@ -6835,7 +6924,7 @@ var Tab = ({
|
|
|
6835
6924
|
_onClick(value);
|
|
6836
6925
|
}
|
|
6837
6926
|
};
|
|
6838
|
-
return /* @__PURE__ */
|
|
6927
|
+
return /* @__PURE__ */ React95.createElement(
|
|
6839
6928
|
"button",
|
|
6840
6929
|
{
|
|
6841
6930
|
ref: _tabRef,
|
|
@@ -6847,9 +6936,9 @@ var Tab = ({
|
|
|
6847
6936
|
"aria-disabled": disabled,
|
|
6848
6937
|
type: "button"
|
|
6849
6938
|
},
|
|
6850
|
-
icon && (iconPosition === "top" || iconPosition === "start") && /* @__PURE__ */
|
|
6939
|
+
icon && (iconPosition === "top" || iconPosition === "start") && /* @__PURE__ */ React95.createElement("span", { className: "rf-tab__icon" }, icon),
|
|
6851
6940
|
label,
|
|
6852
|
-
icon && (iconPosition === "bottom" || iconPosition === "end") && /* @__PURE__ */
|
|
6941
|
+
icon && (iconPosition === "bottom" || iconPosition === "end") && /* @__PURE__ */ React95.createElement("span", { className: "rf-tab__icon" }, icon)
|
|
6853
6942
|
);
|
|
6854
6943
|
};
|
|
6855
6944
|
Tab.displayName = "Tab";
|
|
@@ -6936,7 +7025,7 @@ var Tabs = ({
|
|
|
6936
7025
|
}
|
|
6937
7026
|
});
|
|
6938
7027
|
});
|
|
6939
|
-
return /* @__PURE__ */
|
|
7028
|
+
return /* @__PURE__ */ React95.createElement("div", { className: rootClasses, style, role: "tablist" }, /* @__PURE__ */ React95.createElement(
|
|
6940
7029
|
"div",
|
|
6941
7030
|
{
|
|
6942
7031
|
ref: tabsListRef,
|
|
@@ -6944,7 +7033,7 @@ var Tabs = ({
|
|
|
6944
7033
|
style: centered ? { justifyContent: "center" } : void 0
|
|
6945
7034
|
},
|
|
6946
7035
|
enrichedChildren,
|
|
6947
|
-
/* @__PURE__ */
|
|
7036
|
+
/* @__PURE__ */ React95.createElement(
|
|
6948
7037
|
"span",
|
|
6949
7038
|
{
|
|
6950
7039
|
className: "rf-tabs__indicator",
|
|
@@ -6967,7 +7056,7 @@ var TabPanel = ({
|
|
|
6967
7056
|
const sxClass = useSx(sx);
|
|
6968
7057
|
const isActive = value === activeValue;
|
|
6969
7058
|
if (!isActive && !keepMounted) return null;
|
|
6970
|
-
return /* @__PURE__ */
|
|
7059
|
+
return /* @__PURE__ */ React95.createElement(
|
|
6971
7060
|
"div",
|
|
6972
7061
|
{
|
|
6973
7062
|
role: "tabpanel",
|
|
@@ -6981,7 +7070,7 @@ var TabPanel = ({
|
|
|
6981
7070
|
TabPanel.displayName = "TabPanel";
|
|
6982
7071
|
|
|
6983
7072
|
// lib/Breadcrumbs/Breadcrumbs.tsx
|
|
6984
|
-
import
|
|
7073
|
+
import React96, {
|
|
6985
7074
|
Children as Children3,
|
|
6986
7075
|
useState as useState17
|
|
6987
7076
|
} from "react";
|
|
@@ -7007,7 +7096,7 @@ var Breadcrumbs = ({
|
|
|
7007
7096
|
const after = childArray.slice(totalItems - itemsAfterCollapse);
|
|
7008
7097
|
itemsToRender = [
|
|
7009
7098
|
...before,
|
|
7010
|
-
/* @__PURE__ */
|
|
7099
|
+
/* @__PURE__ */ React96.createElement(
|
|
7011
7100
|
"button",
|
|
7012
7101
|
{
|
|
7013
7102
|
key: "collapse-btn",
|
|
@@ -7024,15 +7113,15 @@ var Breadcrumbs = ({
|
|
|
7024
7113
|
itemsToRender = childArray;
|
|
7025
7114
|
}
|
|
7026
7115
|
const classes = ["rf-breadcrumbs", sxClass, className].filter(Boolean).join(" ");
|
|
7027
|
-
return /* @__PURE__ */
|
|
7116
|
+
return /* @__PURE__ */ React96.createElement("nav", { "aria-label": ariaLabel }, /* @__PURE__ */ React96.createElement("ol", { className: classes, style }, itemsToRender.map((item, index) => {
|
|
7028
7117
|
const isLast = index === itemsToRender.length - 1;
|
|
7029
|
-
return /* @__PURE__ */
|
|
7118
|
+
return /* @__PURE__ */ React96.createElement(React96.Fragment, { key: index }, /* @__PURE__ */ React96.createElement(
|
|
7030
7119
|
"li",
|
|
7031
7120
|
{
|
|
7032
7121
|
className: `rf-breadcrumbs__item${isLast ? " rf-breadcrumbs__current" : ""}`
|
|
7033
7122
|
},
|
|
7034
7123
|
item
|
|
7035
|
-
), !isLast && /* @__PURE__ */
|
|
7124
|
+
), !isLast && /* @__PURE__ */ React96.createElement(
|
|
7036
7125
|
"li",
|
|
7037
7126
|
{
|
|
7038
7127
|
className: "rf-breadcrumbs__separator",
|
|
@@ -7045,7 +7134,7 @@ var Breadcrumbs = ({
|
|
|
7045
7134
|
Breadcrumbs.displayName = "Breadcrumbs";
|
|
7046
7135
|
|
|
7047
7136
|
// lib/Stepper/Stepper.tsx
|
|
7048
|
-
import
|
|
7137
|
+
import React97, {
|
|
7049
7138
|
Children as Children4,
|
|
7050
7139
|
cloneElement as cloneElement2,
|
|
7051
7140
|
isValidElement as isValidElement2
|
|
@@ -7062,7 +7151,7 @@ var DefaultStepIcon = ({
|
|
|
7062
7151
|
completed ? "rf-step-icon--completed" : "",
|
|
7063
7152
|
error ? "rf-step-icon--error" : ""
|
|
7064
7153
|
].filter(Boolean).join(" ");
|
|
7065
|
-
return /* @__PURE__ */
|
|
7154
|
+
return /* @__PURE__ */ React97.createElement("div", { className: classes }, completed ? "\u2713" : error ? "!" : icon);
|
|
7066
7155
|
};
|
|
7067
7156
|
var StepLabel = ({
|
|
7068
7157
|
icon,
|
|
@@ -7084,7 +7173,7 @@ var StepLabel = ({
|
|
|
7084
7173
|
_completed ? "rf-step-label__title--completed" : "",
|
|
7085
7174
|
error ? "rf-step-label__title--error" : ""
|
|
7086
7175
|
].filter(Boolean).join(" ");
|
|
7087
|
-
return /* @__PURE__ */
|
|
7176
|
+
return /* @__PURE__ */ React97.createElement("div", { className: `rf-step-label${sxClass ? ` ${sxClass}` : ""}` }, /* @__PURE__ */ React97.createElement("div", { className: "rf-step-label__icon-container" }, icon ? icon : /* @__PURE__ */ React97.createElement(
|
|
7088
7177
|
IconComp,
|
|
7089
7178
|
{
|
|
7090
7179
|
active: _active,
|
|
@@ -7092,7 +7181,7 @@ var StepLabel = ({
|
|
|
7092
7181
|
error,
|
|
7093
7182
|
icon: _stepIndex + 1
|
|
7094
7183
|
}
|
|
7095
|
-
)), /* @__PURE__ */
|
|
7184
|
+
)), /* @__PURE__ */ React97.createElement("div", { className: "rf-step-label__text" }, /* @__PURE__ */ React97.createElement("span", { className: titleClasses }, children), optional && /* @__PURE__ */ React97.createElement("span", { className: "rf-step-label__optional" }, optional)));
|
|
7096
7185
|
};
|
|
7097
7186
|
StepLabel.displayName = "StepLabel";
|
|
7098
7187
|
var StepContent = ({
|
|
@@ -7101,7 +7190,7 @@ var StepContent = ({
|
|
|
7101
7190
|
_isLast = false
|
|
7102
7191
|
}) => {
|
|
7103
7192
|
const sxClass = useSx(sx);
|
|
7104
|
-
return /* @__PURE__ */
|
|
7193
|
+
return /* @__PURE__ */ React97.createElement(
|
|
7105
7194
|
"div",
|
|
7106
7195
|
{
|
|
7107
7196
|
className: [
|
|
@@ -7121,7 +7210,7 @@ var StepButton = ({
|
|
|
7121
7210
|
_disabled = false
|
|
7122
7211
|
}) => {
|
|
7123
7212
|
const sxClass = useSx(sx);
|
|
7124
|
-
return /* @__PURE__ */
|
|
7213
|
+
return /* @__PURE__ */ React97.createElement(
|
|
7125
7214
|
"button",
|
|
7126
7215
|
{
|
|
7127
7216
|
className: `rf-step-button${sxClass ? ` ${sxClass}` : ""}`,
|
|
@@ -7169,7 +7258,7 @@ var Step = ({
|
|
|
7169
7258
|
}
|
|
7170
7259
|
return child;
|
|
7171
7260
|
});
|
|
7172
|
-
return /* @__PURE__ */
|
|
7261
|
+
return /* @__PURE__ */ React97.createElement(
|
|
7173
7262
|
"div",
|
|
7174
7263
|
{
|
|
7175
7264
|
className: `rf-step${sxClass ? ` ${sxClass}` : ""}`,
|
|
@@ -7184,7 +7273,7 @@ Step.displayName = "Step";
|
|
|
7184
7273
|
var DefaultConnector = ({
|
|
7185
7274
|
completed,
|
|
7186
7275
|
active
|
|
7187
|
-
}) => /* @__PURE__ */
|
|
7276
|
+
}) => /* @__PURE__ */ React97.createElement(
|
|
7188
7277
|
"div",
|
|
7189
7278
|
{
|
|
7190
7279
|
className: [
|
|
@@ -7193,7 +7282,7 @@ var DefaultConnector = ({
|
|
|
7193
7282
|
active ? "rf-step-connector--active" : ""
|
|
7194
7283
|
].filter(Boolean).join(" ")
|
|
7195
7284
|
},
|
|
7196
|
-
/* @__PURE__ */
|
|
7285
|
+
/* @__PURE__ */ React97.createElement("span", { className: "rf-step-connector__line" })
|
|
7197
7286
|
);
|
|
7198
7287
|
var Stepper = ({
|
|
7199
7288
|
activeStep = 0,
|
|
@@ -7216,7 +7305,7 @@ var Stepper = ({
|
|
|
7216
7305
|
sxClass,
|
|
7217
7306
|
className
|
|
7218
7307
|
].filter(Boolean).join(" ");
|
|
7219
|
-
return /* @__PURE__ */
|
|
7308
|
+
return /* @__PURE__ */ React97.createElement("div", { className: classes, style }, childArray.map((child, index) => {
|
|
7220
7309
|
const isActive = index === activeStep;
|
|
7221
7310
|
const isCompleted = nonLinear ? child.props.completed ?? false : index < activeStep;
|
|
7222
7311
|
const isLast = index === totalSteps - 1;
|
|
@@ -7229,7 +7318,7 @@ var Stepper = ({
|
|
|
7229
7318
|
last: isLast
|
|
7230
7319
|
}
|
|
7231
7320
|
);
|
|
7232
|
-
const connectorEl = index > 0 ? connector ? connector : /* @__PURE__ */
|
|
7321
|
+
const connectorEl = index > 0 ? connector ? connector : /* @__PURE__ */ React97.createElement(
|
|
7233
7322
|
DefaultConnector,
|
|
7234
7323
|
{
|
|
7235
7324
|
key: `connector-${index}`,
|
|
@@ -7238,9 +7327,9 @@ var Stepper = ({
|
|
|
7238
7327
|
}
|
|
7239
7328
|
) : null;
|
|
7240
7329
|
if (orientation === "horizontal") {
|
|
7241
|
-
return /* @__PURE__ */
|
|
7330
|
+
return /* @__PURE__ */ React97.createElement(React97.Fragment, { key: index }, connectorEl, enrichedStep);
|
|
7242
7331
|
}
|
|
7243
|
-
return /* @__PURE__ */
|
|
7332
|
+
return /* @__PURE__ */ React97.createElement(React97.Fragment, { key: index }, /* @__PURE__ */ React97.createElement("div", { className: "rf-step__header" }, enrichedStep), !isLast && /* @__PURE__ */ React97.createElement(
|
|
7244
7333
|
DefaultConnector,
|
|
7245
7334
|
{
|
|
7246
7335
|
completed: index < activeStep,
|
|
@@ -7252,13 +7341,13 @@ var Stepper = ({
|
|
|
7252
7341
|
Stepper.displayName = "Stepper";
|
|
7253
7342
|
|
|
7254
7343
|
// lib/Menu/Menu.tsx
|
|
7255
|
-
import
|
|
7344
|
+
import React98, {
|
|
7256
7345
|
useEffect as useEffect13,
|
|
7257
7346
|
useRef as useRef17,
|
|
7258
7347
|
useState as useState18
|
|
7259
7348
|
} from "react";
|
|
7260
7349
|
import ReactDOM2 from "react-dom";
|
|
7261
|
-
var MenuDivider = () => /* @__PURE__ */
|
|
7350
|
+
var MenuDivider = () => /* @__PURE__ */ React98.createElement("hr", { className: "rf-menu-divider", "aria-hidden": "true" });
|
|
7262
7351
|
MenuDivider.displayName = "MenuDivider";
|
|
7263
7352
|
var MenuItem = ({
|
|
7264
7353
|
onClick,
|
|
@@ -7279,7 +7368,7 @@ var MenuItem = ({
|
|
|
7279
7368
|
divider ? "rf-menu-item--divider" : "",
|
|
7280
7369
|
sxClass
|
|
7281
7370
|
].filter(Boolean).join(" ");
|
|
7282
|
-
return /* @__PURE__ */
|
|
7371
|
+
return /* @__PURE__ */ React98.createElement(
|
|
7283
7372
|
"li",
|
|
7284
7373
|
{
|
|
7285
7374
|
className: classes,
|
|
@@ -7294,7 +7383,7 @@ var MenuItem = ({
|
|
|
7294
7383
|
}
|
|
7295
7384
|
}
|
|
7296
7385
|
},
|
|
7297
|
-
icon && /* @__PURE__ */
|
|
7386
|
+
icon && /* @__PURE__ */ React98.createElement("span", { className: "rf-menu-item__icon" }, icon),
|
|
7298
7387
|
children
|
|
7299
7388
|
);
|
|
7300
7389
|
};
|
|
@@ -7306,17 +7395,17 @@ var MenuList = ({
|
|
|
7306
7395
|
sx
|
|
7307
7396
|
}) => {
|
|
7308
7397
|
const sxClass = useSx(sx);
|
|
7309
|
-
return /* @__PURE__ */
|
|
7398
|
+
return /* @__PURE__ */ React98.createElement(
|
|
7310
7399
|
"ul",
|
|
7311
7400
|
{
|
|
7312
7401
|
className: `rf-menu-list${sxClass ? ` ${sxClass}` : ""}`,
|
|
7313
7402
|
role: "menu"
|
|
7314
7403
|
},
|
|
7315
|
-
subheader && /* @__PURE__ */
|
|
7316
|
-
|
|
7317
|
-
if (!
|
|
7404
|
+
subheader && /* @__PURE__ */ React98.createElement("li", { className: "rf-menu-list__subheader", role: "presentation" }, subheader),
|
|
7405
|
+
React98.Children.map(children, (child) => {
|
|
7406
|
+
if (!React98.isValidElement(child)) return child;
|
|
7318
7407
|
if (dense) {
|
|
7319
|
-
return
|
|
7408
|
+
return React98.cloneElement(child, {
|
|
7320
7409
|
dense: true
|
|
7321
7410
|
});
|
|
7322
7411
|
}
|
|
@@ -7393,14 +7482,14 @@ var Menu = ({
|
|
|
7393
7482
|
}, [open, onClose]);
|
|
7394
7483
|
if (!mounted) return null;
|
|
7395
7484
|
const classes = ["rf-menu-paper", sxClass, className].filter(Boolean).join(" ");
|
|
7396
|
-
const portal = /* @__PURE__ */
|
|
7485
|
+
const portal = /* @__PURE__ */ React98.createElement("div", { className: "rf-menu-portal", style: { display: open ? void 0 : "none" } }, /* @__PURE__ */ React98.createElement(
|
|
7397
7486
|
"div",
|
|
7398
7487
|
{
|
|
7399
7488
|
className: "rf-menu-backdrop",
|
|
7400
7489
|
onClick: onClose,
|
|
7401
7490
|
"aria-hidden": "true"
|
|
7402
7491
|
}
|
|
7403
|
-
), /* @__PURE__ */
|
|
7492
|
+
), /* @__PURE__ */ React98.createElement(
|
|
7404
7493
|
"div",
|
|
7405
7494
|
{
|
|
7406
7495
|
ref: paperRef,
|
|
@@ -7415,7 +7504,7 @@ var Menu = ({
|
|
|
7415
7504
|
Menu.displayName = "Menu";
|
|
7416
7505
|
|
|
7417
7506
|
// lib/Drawer/Drawer.tsx
|
|
7418
|
-
import
|
|
7507
|
+
import React99, {
|
|
7419
7508
|
useEffect as useEffect14,
|
|
7420
7509
|
useState as useState19
|
|
7421
7510
|
} from "react";
|
|
@@ -7483,7 +7572,7 @@ var Drawer = ({
|
|
|
7483
7572
|
className
|
|
7484
7573
|
].filter(Boolean).join(" ");
|
|
7485
7574
|
if (variant === "permanent") {
|
|
7486
|
-
return /* @__PURE__ */
|
|
7575
|
+
return /* @__PURE__ */ React99.createElement("div", { className: rootClasses, style }, /* @__PURE__ */ React99.createElement(
|
|
7487
7576
|
"div",
|
|
7488
7577
|
{
|
|
7489
7578
|
className: paperClasses,
|
|
@@ -7493,7 +7582,7 @@ var Drawer = ({
|
|
|
7493
7582
|
));
|
|
7494
7583
|
}
|
|
7495
7584
|
if (variant === "persistent") {
|
|
7496
|
-
return /* @__PURE__ */
|
|
7585
|
+
return /* @__PURE__ */ React99.createElement("div", { className: rootClasses, style }, /* @__PURE__ */ React99.createElement(
|
|
7497
7586
|
"div",
|
|
7498
7587
|
{
|
|
7499
7588
|
className: paperClasses,
|
|
@@ -7502,14 +7591,14 @@ var Drawer = ({
|
|
|
7502
7591
|
children
|
|
7503
7592
|
));
|
|
7504
7593
|
}
|
|
7505
|
-
const drawerContent = /* @__PURE__ */
|
|
7594
|
+
const drawerContent = /* @__PURE__ */ React99.createElement(React99.Fragment, null, /* @__PURE__ */ React99.createElement(
|
|
7506
7595
|
"div",
|
|
7507
7596
|
{
|
|
7508
7597
|
className: `rf-drawer-backdrop${!open ? " rf-drawer-backdrop--hidden" : ""}`,
|
|
7509
7598
|
onClick: onClose,
|
|
7510
7599
|
"aria-hidden": "true"
|
|
7511
7600
|
}
|
|
7512
|
-
), /* @__PURE__ */
|
|
7601
|
+
), /* @__PURE__ */ React99.createElement(
|
|
7513
7602
|
"div",
|
|
7514
7603
|
{
|
|
7515
7604
|
className: paperClasses,
|
|
@@ -7520,14 +7609,14 @@ var Drawer = ({
|
|
|
7520
7609
|
children
|
|
7521
7610
|
));
|
|
7522
7611
|
return ReactDOM3.createPortal(
|
|
7523
|
-
/* @__PURE__ */
|
|
7612
|
+
/* @__PURE__ */ React99.createElement("div", { className: rootClasses, style }, drawerContent),
|
|
7524
7613
|
document.body
|
|
7525
7614
|
);
|
|
7526
7615
|
};
|
|
7527
7616
|
Drawer.displayName = "Drawer";
|
|
7528
7617
|
|
|
7529
7618
|
// lib/Snackbar/Snackbar.tsx
|
|
7530
|
-
import
|
|
7619
|
+
import React100, {
|
|
7531
7620
|
useCallback as useCallback6,
|
|
7532
7621
|
useEffect as useEffect15,
|
|
7533
7622
|
useRef as useRef18,
|
|
@@ -7613,7 +7702,7 @@ var Snackbar = ({
|
|
|
7613
7702
|
].filter(Boolean).join(" ");
|
|
7614
7703
|
const rootClasses = ["rf-snackbar-root", anchorClass].filter(Boolean).join(" ");
|
|
7615
7704
|
const icon = severity !== "default" ? SEVERITY_ICONS[severity] : null;
|
|
7616
|
-
const snackbarEl = /* @__PURE__ */
|
|
7705
|
+
const snackbarEl = /* @__PURE__ */ React100.createElement("div", { className: rootClasses }, /* @__PURE__ */ React100.createElement(
|
|
7617
7706
|
"div",
|
|
7618
7707
|
{
|
|
7619
7708
|
className: snackbarClasses,
|
|
@@ -7624,10 +7713,10 @@ var Snackbar = ({
|
|
|
7624
7713
|
onMouseEnter: handleMouseEnter,
|
|
7625
7714
|
onMouseLeave: handleMouseLeave
|
|
7626
7715
|
},
|
|
7627
|
-
icon && severity !== "default" && /* @__PURE__ */
|
|
7628
|
-
/* @__PURE__ */
|
|
7629
|
-
action && /* @__PURE__ */
|
|
7630
|
-
!action && onClose && /* @__PURE__ */
|
|
7716
|
+
icon && severity !== "default" && /* @__PURE__ */ React100.createElement("span", { className: "rf-snackbar__icon", "aria-hidden": "true" }, icon),
|
|
7717
|
+
/* @__PURE__ */ React100.createElement("span", { className: "rf-snackbar__message" }, message),
|
|
7718
|
+
action && /* @__PURE__ */ React100.createElement("span", { className: "rf-snackbar__action" }, action),
|
|
7719
|
+
!action && onClose && /* @__PURE__ */ React100.createElement(
|
|
7631
7720
|
"button",
|
|
7632
7721
|
{
|
|
7633
7722
|
className: "rf-snackbar__close-btn",
|
|
@@ -7643,7 +7732,7 @@ var Snackbar = ({
|
|
|
7643
7732
|
Snackbar.displayName = "Snackbar";
|
|
7644
7733
|
|
|
7645
7734
|
// lib/Link/Link.tsx
|
|
7646
|
-
import
|
|
7735
|
+
import React101 from "react";
|
|
7647
7736
|
var KNOWN_COLORS = ["primary", "secondary", "textPrimary", "textSecondary", "inherit"];
|
|
7648
7737
|
var Link = ({
|
|
7649
7738
|
href,
|
|
@@ -7674,7 +7763,7 @@ var Link = ({
|
|
|
7674
7763
|
};
|
|
7675
7764
|
const Tag = component || "a";
|
|
7676
7765
|
const computedRel = rel ?? (target === "_blank" ? "noopener noreferrer" : void 0);
|
|
7677
|
-
return /* @__PURE__ */
|
|
7766
|
+
return /* @__PURE__ */ React101.createElement(
|
|
7678
7767
|
Tag,
|
|
7679
7768
|
{
|
|
7680
7769
|
href,
|
|
@@ -7691,7 +7780,7 @@ var Link = ({
|
|
|
7691
7780
|
Link.displayName = "Link";
|
|
7692
7781
|
|
|
7693
7782
|
// lib/Popper/Popper.tsx
|
|
7694
|
-
import
|
|
7783
|
+
import React102, {
|
|
7695
7784
|
useEffect as useEffect16,
|
|
7696
7785
|
useLayoutEffect as useLayoutEffect2,
|
|
7697
7786
|
useRef as useRef19,
|
|
@@ -7827,7 +7916,7 @@ var Popper = ({
|
|
|
7827
7916
|
const content = typeof children === "function" ? children(
|
|
7828
7917
|
{ placement, TransitionProps: transitionProps }
|
|
7829
7918
|
) : children;
|
|
7830
|
-
const popper = /* @__PURE__ */
|
|
7919
|
+
const popper = /* @__PURE__ */ React102.createElement(
|
|
7831
7920
|
"div",
|
|
7832
7921
|
{
|
|
7833
7922
|
ref: popperRef,
|
|
@@ -7838,14 +7927,14 @@ var Popper = ({
|
|
|
7838
7927
|
content
|
|
7839
7928
|
);
|
|
7840
7929
|
if (disablePortal) {
|
|
7841
|
-
return /* @__PURE__ */
|
|
7930
|
+
return /* @__PURE__ */ React102.createElement(React102.Fragment, null, popper);
|
|
7842
7931
|
}
|
|
7843
7932
|
return ReactDOM5.createPortal(popper, document.body);
|
|
7844
7933
|
};
|
|
7845
7934
|
Popper.displayName = "Popper";
|
|
7846
7935
|
|
|
7847
7936
|
// lib/Popover/Popover.tsx
|
|
7848
|
-
import
|
|
7937
|
+
import React103, {
|
|
7849
7938
|
useEffect as useEffect17,
|
|
7850
7939
|
useLayoutEffect as useLayoutEffect3,
|
|
7851
7940
|
useRef as useRef20,
|
|
@@ -7929,14 +8018,14 @@ var Popover = ({
|
|
|
7929
8018
|
paperSxClass
|
|
7930
8019
|
].filter(Boolean).join(" ");
|
|
7931
8020
|
const rootClasses = ["rf-popover-root", sxClass, className].filter(Boolean).join(" ");
|
|
7932
|
-
const content = /* @__PURE__ */
|
|
8021
|
+
const content = /* @__PURE__ */ React103.createElement(React103.Fragment, null, /* @__PURE__ */ React103.createElement(
|
|
7933
8022
|
"div",
|
|
7934
8023
|
{
|
|
7935
8024
|
className: "rf-popover-backdrop",
|
|
7936
8025
|
onClick: onClose,
|
|
7937
8026
|
"aria-hidden": "true"
|
|
7938
8027
|
}
|
|
7939
|
-
), /* @__PURE__ */
|
|
8028
|
+
), /* @__PURE__ */ React103.createElement(
|
|
7940
8029
|
"div",
|
|
7941
8030
|
{
|
|
7942
8031
|
ref: paperRef,
|
|
@@ -7952,17 +8041,17 @@ var Popover = ({
|
|
|
7952
8041
|
children
|
|
7953
8042
|
));
|
|
7954
8043
|
if (disablePortal) {
|
|
7955
|
-
return /* @__PURE__ */
|
|
8044
|
+
return /* @__PURE__ */ React103.createElement("div", { className: `${rootClasses} rf-popover-inline`, style }, content);
|
|
7956
8045
|
}
|
|
7957
8046
|
return ReactDOM6.createPortal(
|
|
7958
|
-
/* @__PURE__ */
|
|
8047
|
+
/* @__PURE__ */ React103.createElement("div", { className: rootClasses, style }, content),
|
|
7959
8048
|
document.body
|
|
7960
8049
|
);
|
|
7961
8050
|
};
|
|
7962
8051
|
Popover.displayName = "Popover";
|
|
7963
8052
|
|
|
7964
8053
|
// lib/Transitions/Transitions.tsx
|
|
7965
|
-
import
|
|
8054
|
+
import React104, {
|
|
7966
8055
|
cloneElement as cloneElement3,
|
|
7967
8056
|
useEffect as useEffect18,
|
|
7968
8057
|
useRef as useRef21,
|
|
@@ -8140,7 +8229,7 @@ var Collapse = ({
|
|
|
8140
8229
|
const exitMs = getTimeout(timeout, "exit");
|
|
8141
8230
|
const dur = state === "entering" || state === "entered" ? enterMs : exitMs;
|
|
8142
8231
|
const containerStyle = orientation === "vertical" ? { height: size === "auto" ? "auto" : typeof size === "number" ? `${size}px` : size } : { width: size === "auto" ? "auto" : typeof size === "number" ? `${size}px` : size };
|
|
8143
|
-
return /* @__PURE__ */
|
|
8232
|
+
return /* @__PURE__ */ React104.createElement(
|
|
8144
8233
|
"div",
|
|
8145
8234
|
{
|
|
8146
8235
|
className: [
|
|
@@ -8153,7 +8242,7 @@ var Collapse = ({
|
|
|
8153
8242
|
...containerStyle
|
|
8154
8243
|
}
|
|
8155
8244
|
},
|
|
8156
|
-
/* @__PURE__ */
|
|
8245
|
+
/* @__PURE__ */ React104.createElement(
|
|
8157
8246
|
"div",
|
|
8158
8247
|
{
|
|
8159
8248
|
ref: innerRef,
|
|
@@ -8194,7 +8283,7 @@ var Zoom = ({
|
|
|
8194
8283
|
Zoom.displayName = "Zoom";
|
|
8195
8284
|
|
|
8196
8285
|
// lib/ImageField/ImageField.tsx
|
|
8197
|
-
import
|
|
8286
|
+
import React105, { useRef as useRef22, useState as useState24, useCallback as useCallback7 } from "react";
|
|
8198
8287
|
function getSizeStyle2(size) {
|
|
8199
8288
|
if (size === "small") return { className: "rf-image-field--small" };
|
|
8200
8289
|
if (size === "large") return { className: "rf-image-field--large" };
|
|
@@ -8206,7 +8295,7 @@ function getSizeStyle2(size) {
|
|
|
8206
8295
|
}
|
|
8207
8296
|
return { className: "rf-image-field--medium" };
|
|
8208
8297
|
}
|
|
8209
|
-
var ImageField =
|
|
8298
|
+
var ImageField = React105.forwardRef(
|
|
8210
8299
|
({
|
|
8211
8300
|
src,
|
|
8212
8301
|
alt = "",
|
|
@@ -8259,7 +8348,7 @@ var ImageField = React103.forwardRef(
|
|
|
8259
8348
|
className
|
|
8260
8349
|
].filter(Boolean).join(" ");
|
|
8261
8350
|
const iconSize = typeof size === "number" ? Math.max(size * 0.25, 16) : size === "small" ? 16 : size === "large" ? 28 : 22;
|
|
8262
|
-
return /* @__PURE__ */
|
|
8351
|
+
return /* @__PURE__ */ React105.createElement(
|
|
8263
8352
|
"div",
|
|
8264
8353
|
{
|
|
8265
8354
|
ref,
|
|
@@ -8271,14 +8360,14 @@ var ImageField = React103.forwardRef(
|
|
|
8271
8360
|
onClick: handleClick,
|
|
8272
8361
|
onKeyDown: handleKeyDown
|
|
8273
8362
|
},
|
|
8274
|
-
displaySrc ? /* @__PURE__ */
|
|
8363
|
+
displaySrc ? /* @__PURE__ */ React105.createElement(
|
|
8275
8364
|
"img",
|
|
8276
8365
|
{
|
|
8277
8366
|
src: displaySrc,
|
|
8278
8367
|
alt,
|
|
8279
8368
|
className: "rf-image-field__img"
|
|
8280
8369
|
}
|
|
8281
|
-
) : /* @__PURE__ */
|
|
8370
|
+
) : /* @__PURE__ */ React105.createElement("div", { className: "rf-image-field__placeholder" }, /* @__PURE__ */ React105.createElement(
|
|
8282
8371
|
cameraIcon_default,
|
|
8283
8372
|
{
|
|
8284
8373
|
width: iconSize,
|
|
@@ -8286,8 +8375,8 @@ var ImageField = React103.forwardRef(
|
|
|
8286
8375
|
color: "var(--text-secondary)"
|
|
8287
8376
|
}
|
|
8288
8377
|
)),
|
|
8289
|
-
/* @__PURE__ */
|
|
8290
|
-
/* @__PURE__ */
|
|
8378
|
+
/* @__PURE__ */ React105.createElement("div", { className: "rf-image-field__overlay" }, /* @__PURE__ */ React105.createElement(cameraIcon_default, { width: iconSize, height: iconSize, color: "#ffffff" }), overlayText && /* @__PURE__ */ React105.createElement("span", { className: "rf-image-field__overlay-text" }, overlayText)),
|
|
8379
|
+
/* @__PURE__ */ React105.createElement(
|
|
8291
8380
|
"input",
|
|
8292
8381
|
{
|
|
8293
8382
|
ref: inputRef,
|
|
@@ -8318,6 +8407,7 @@ export {
|
|
|
8318
8407
|
BaseDialog_default as BaseDialog,
|
|
8319
8408
|
Box,
|
|
8320
8409
|
Breadcrumbs,
|
|
8410
|
+
Button,
|
|
8321
8411
|
cameraIcon_default as CameraIcon,
|
|
8322
8412
|
cancelButton_default as CancelButton,
|
|
8323
8413
|
Card,
|
|
@@ -8353,6 +8443,7 @@ export {
|
|
|
8353
8443
|
Grow,
|
|
8354
8444
|
helpOutlinedIcon_default as HelpOutlinedIcon,
|
|
8355
8445
|
hierarchyIcon_default as HierarchyIcon,
|
|
8446
|
+
IconButton,
|
|
8356
8447
|
ImageField,
|
|
8357
8448
|
inactiveGroupIcon_default as InactiveGroupIcon,
|
|
8358
8449
|
industryIcon_default as IndustryIcon,
|