@facter/ds-core 1.7.4 → 1.7.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +358 -357
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +335 -334
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var React10 = require('react');
|
|
5
5
|
var classVarianceAuthority = require('class-variance-authority');
|
|
6
6
|
var clsx = require('clsx');
|
|
7
7
|
var tailwindMerge = require('tailwind-merge');
|
|
@@ -44,7 +44,7 @@ function _interopNamespace(e) {
|
|
|
44
44
|
return Object.freeze(n);
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
var
|
|
47
|
+
var React10__namespace = /*#__PURE__*/_interopNamespace(React10);
|
|
48
48
|
var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
|
|
49
49
|
var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
|
|
50
50
|
var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
|
|
@@ -88,7 +88,7 @@ var buttonVariants = classVarianceAuthority.cva(
|
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
90
|
);
|
|
91
|
-
var Button =
|
|
91
|
+
var Button = React10__namespace.forwardRef(
|
|
92
92
|
({ className, variant, size, ...props }, ref) => {
|
|
93
93
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
94
94
|
"button",
|
|
@@ -181,7 +181,7 @@ var inputVariants = classVarianceAuthority.cva(
|
|
|
181
181
|
}
|
|
182
182
|
}
|
|
183
183
|
);
|
|
184
|
-
var Input =
|
|
184
|
+
var Input = React10__namespace.forwardRef(
|
|
185
185
|
({
|
|
186
186
|
className,
|
|
187
187
|
variant,
|
|
@@ -195,13 +195,13 @@ var Input = React49__namespace.forwardRef(
|
|
|
195
195
|
labelClassName,
|
|
196
196
|
...props
|
|
197
197
|
}, ref) => {
|
|
198
|
-
const inputRef =
|
|
199
|
-
const [showPassword, setShowPassword] =
|
|
200
|
-
|
|
201
|
-
const focusInput =
|
|
198
|
+
const inputRef = React10__namespace.useRef(null);
|
|
199
|
+
const [showPassword, setShowPassword] = React10__namespace.useState(false);
|
|
200
|
+
React10__namespace.useImperativeHandle(ref, () => inputRef.current, []);
|
|
201
|
+
const focusInput = React10__namespace.useCallback(() => {
|
|
202
202
|
inputRef.current?.focus();
|
|
203
203
|
}, []);
|
|
204
|
-
const togglePasswordVisibility =
|
|
204
|
+
const togglePasswordVisibility = React10__namespace.useCallback(() => {
|
|
205
205
|
setShowPassword((prev) => !prev);
|
|
206
206
|
}, []);
|
|
207
207
|
const inputType = type === "password" ? showPassword ? "text" : "password" : type;
|
|
@@ -368,8 +368,8 @@ function Sparkline({
|
|
|
368
368
|
className,
|
|
369
369
|
show = true
|
|
370
370
|
}) {
|
|
371
|
-
const gradientId =
|
|
372
|
-
const { linePath, areaPath } =
|
|
371
|
+
const gradientId = React10__namespace.useId();
|
|
372
|
+
const { linePath, areaPath } = React10__namespace.useMemo(() => {
|
|
373
373
|
if (data.length < 2) {
|
|
374
374
|
return { linePath: "", areaPath: "" };
|
|
375
375
|
}
|
|
@@ -587,7 +587,7 @@ var selectVariants = classVarianceAuthority.cva(
|
|
|
587
587
|
}
|
|
588
588
|
}
|
|
589
589
|
);
|
|
590
|
-
var Select =
|
|
590
|
+
var Select = React10__namespace.forwardRef(
|
|
591
591
|
({
|
|
592
592
|
className,
|
|
593
593
|
variant,
|
|
@@ -656,7 +656,7 @@ var Select = React49__namespace.forwardRef(
|
|
|
656
656
|
}
|
|
657
657
|
);
|
|
658
658
|
Select.displayName = "Select";
|
|
659
|
-
var SelectItem =
|
|
659
|
+
var SelectItem = React10__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
660
660
|
SelectPrimitive__namespace.Item,
|
|
661
661
|
{
|
|
662
662
|
ref,
|
|
@@ -675,7 +675,7 @@ var SelectItem = React49__namespace.forwardRef(({ className, children, ...props
|
|
|
675
675
|
));
|
|
676
676
|
SelectItem.displayName = "SelectItem";
|
|
677
677
|
var SelectGroup = SelectPrimitive__namespace.Group;
|
|
678
|
-
var SelectLabel =
|
|
678
|
+
var SelectLabel = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
679
679
|
SelectPrimitive__namespace.Label,
|
|
680
680
|
{
|
|
681
681
|
ref,
|
|
@@ -684,7 +684,7 @@ var SelectLabel = React49__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
684
684
|
}
|
|
685
685
|
));
|
|
686
686
|
SelectLabel.displayName = "SelectLabel";
|
|
687
|
-
var SelectSeparator =
|
|
687
|
+
var SelectSeparator = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
688
688
|
SelectPrimitive__namespace.Separator,
|
|
689
689
|
{
|
|
690
690
|
ref,
|
|
@@ -694,7 +694,7 @@ var SelectSeparator = React49__namespace.forwardRef(({ className, ...props }, re
|
|
|
694
694
|
));
|
|
695
695
|
SelectSeparator.displayName = "SelectSeparator";
|
|
696
696
|
var Tabs = TabsPrimitive__namespace.Root;
|
|
697
|
-
var TabsList =
|
|
697
|
+
var TabsList = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
698
698
|
TabsPrimitive__namespace.List,
|
|
699
699
|
{
|
|
700
700
|
ref,
|
|
@@ -706,7 +706,7 @@ var TabsList = React49__namespace.forwardRef(({ className, ...props }, ref) => /
|
|
|
706
706
|
}
|
|
707
707
|
));
|
|
708
708
|
TabsList.displayName = TabsPrimitive__namespace.List.displayName;
|
|
709
|
-
var TabsTrigger =
|
|
709
|
+
var TabsTrigger = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
710
710
|
TabsPrimitive__namespace.Trigger,
|
|
711
711
|
{
|
|
712
712
|
ref,
|
|
@@ -718,7 +718,7 @@ var TabsTrigger = React49__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
718
718
|
}
|
|
719
719
|
));
|
|
720
720
|
TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
|
|
721
|
-
var TabsContent =
|
|
721
|
+
var TabsContent = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
722
722
|
TabsPrimitive__namespace.Content,
|
|
723
723
|
{
|
|
724
724
|
ref,
|
|
@@ -827,7 +827,7 @@ function BarsLoader() {
|
|
|
827
827
|
i
|
|
828
828
|
)) });
|
|
829
829
|
}
|
|
830
|
-
var Loader =
|
|
830
|
+
var Loader = React10__namespace.forwardRef(
|
|
831
831
|
({
|
|
832
832
|
variant = "default",
|
|
833
833
|
message,
|
|
@@ -877,21 +877,21 @@ var Loader = React49__namespace.forwardRef(
|
|
|
877
877
|
}
|
|
878
878
|
);
|
|
879
879
|
Loader.displayName = "Loader";
|
|
880
|
-
var LoaderContext =
|
|
880
|
+
var LoaderContext = React10__namespace.createContext(
|
|
881
881
|
void 0
|
|
882
882
|
);
|
|
883
883
|
function LoaderProvider({ children }) {
|
|
884
|
-
const [isLoading, setIsLoading] =
|
|
885
|
-
const [loaderOptions, setLoaderOptions] =
|
|
886
|
-
const show =
|
|
884
|
+
const [isLoading, setIsLoading] = React10__namespace.useState(false);
|
|
885
|
+
const [loaderOptions, setLoaderOptions] = React10__namespace.useState({});
|
|
886
|
+
const show = React10__namespace.useCallback((options = {}) => {
|
|
887
887
|
setLoaderOptions(options);
|
|
888
888
|
setIsLoading(true);
|
|
889
889
|
}, []);
|
|
890
|
-
const hide =
|
|
890
|
+
const hide = React10__namespace.useCallback(() => {
|
|
891
891
|
setIsLoading(false);
|
|
892
892
|
setTimeout(() => setLoaderOptions({}), 300);
|
|
893
893
|
}, []);
|
|
894
|
-
const value =
|
|
894
|
+
const value = React10__namespace.useMemo(
|
|
895
895
|
() => ({ show, hide, isLoading }),
|
|
896
896
|
[show, hide, isLoading]
|
|
897
897
|
);
|
|
@@ -910,7 +910,7 @@ function LoaderProvider({ children }) {
|
|
|
910
910
|
] });
|
|
911
911
|
}
|
|
912
912
|
function useLoader() {
|
|
913
|
-
const context =
|
|
913
|
+
const context = React10__namespace.useContext(LoaderContext);
|
|
914
914
|
if (context === void 0) {
|
|
915
915
|
throw new Error("useLoader must be used within a LoaderProvider");
|
|
916
916
|
}
|
|
@@ -942,7 +942,7 @@ var loader = {
|
|
|
942
942
|
};
|
|
943
943
|
function GlobalLoaderController() {
|
|
944
944
|
const loaderController = useLoader();
|
|
945
|
-
|
|
945
|
+
React10__namespace.useEffect(() => {
|
|
946
946
|
setGlobalLoader(loaderController);
|
|
947
947
|
return () => {
|
|
948
948
|
setGlobalLoader(null);
|
|
@@ -1028,7 +1028,7 @@ var iconAnimation = {
|
|
|
1028
1028
|
whileHover: { scale: 1.1 },
|
|
1029
1029
|
whileTap: { scale: 0.9 }
|
|
1030
1030
|
};
|
|
1031
|
-
var EmptyStateContent =
|
|
1031
|
+
var EmptyStateContent = React10__namespace.memo(
|
|
1032
1032
|
({
|
|
1033
1033
|
message = "Nenhum item encontrado",
|
|
1034
1034
|
description,
|
|
@@ -1040,7 +1040,7 @@ var EmptyStateContent = React49__namespace.memo(
|
|
|
1040
1040
|
layout = "vertical",
|
|
1041
1041
|
className
|
|
1042
1042
|
}) => {
|
|
1043
|
-
const handleAction =
|
|
1043
|
+
const handleAction = React10__namespace.useCallback(() => {
|
|
1044
1044
|
if (onAction) {
|
|
1045
1045
|
onAction();
|
|
1046
1046
|
}
|
|
@@ -1070,7 +1070,7 @@ var EmptyStateContent = React49__namespace.memo(
|
|
|
1070
1070
|
}
|
|
1071
1071
|
);
|
|
1072
1072
|
EmptyStateContent.displayName = "EmptyStateContent";
|
|
1073
|
-
var AnimatedEmptyState =
|
|
1073
|
+
var AnimatedEmptyState = React10__namespace.memo((props) => {
|
|
1074
1074
|
const {
|
|
1075
1075
|
message = "Nenhum item encontrado",
|
|
1076
1076
|
description,
|
|
@@ -1082,7 +1082,7 @@ var AnimatedEmptyState = React49__namespace.memo((props) => {
|
|
|
1082
1082
|
layout = "vertical",
|
|
1083
1083
|
className
|
|
1084
1084
|
} = props;
|
|
1085
|
-
const handleAction =
|
|
1085
|
+
const handleAction = React10__namespace.useCallback(() => {
|
|
1086
1086
|
if (onAction) {
|
|
1087
1087
|
onAction();
|
|
1088
1088
|
}
|
|
@@ -1125,7 +1125,7 @@ var AnimatedEmptyState = React49__namespace.memo((props) => {
|
|
|
1125
1125
|
);
|
|
1126
1126
|
});
|
|
1127
1127
|
AnimatedEmptyState.displayName = "AnimatedEmptyState";
|
|
1128
|
-
var EmptyState =
|
|
1128
|
+
var EmptyState = React10__namespace.memo(
|
|
1129
1129
|
({ animated = true, ...props }) => {
|
|
1130
1130
|
if (!animated) {
|
|
1131
1131
|
return /* @__PURE__ */ jsxRuntime.jsx(EmptyStateContent, { ...props });
|
|
@@ -1141,16 +1141,17 @@ function useDataTableInternal({
|
|
|
1141
1141
|
manualPagination = false,
|
|
1142
1142
|
pageCount: externalPageCount
|
|
1143
1143
|
}) {
|
|
1144
|
-
const [rowSelection, setRowSelection] =
|
|
1145
|
-
const [columnVisibility, setColumnVisibility] =
|
|
1146
|
-
const [columnFilters, setColumnFilters] =
|
|
1147
|
-
const [sorting, setSorting] =
|
|
1148
|
-
const [globalFilter, setGlobalFilter] =
|
|
1149
|
-
const [density, setDensity] =
|
|
1150
|
-
const [pagination, setPagination] =
|
|
1144
|
+
const [rowSelection, setRowSelection] = React10__namespace.useState({});
|
|
1145
|
+
const [columnVisibility, setColumnVisibility] = React10__namespace.useState({});
|
|
1146
|
+
const [columnFilters, setColumnFilters] = React10__namespace.useState([]);
|
|
1147
|
+
const [sorting, setSorting] = React10__namespace.useState([]);
|
|
1148
|
+
const [globalFilter, setGlobalFilter] = React10__namespace.useState("");
|
|
1149
|
+
const [density, setDensity] = React10__namespace.useState("default");
|
|
1150
|
+
const [pagination, setPagination] = React10__namespace.useState({
|
|
1151
1151
|
pageIndex: 0,
|
|
1152
1152
|
pageSize: 10
|
|
1153
1153
|
});
|
|
1154
|
+
console.log("[useDataTableInternal] pagination state", pagination);
|
|
1154
1155
|
const table = reactTable.useReactTable({
|
|
1155
1156
|
data,
|
|
1156
1157
|
columns,
|
|
@@ -1184,7 +1185,7 @@ function useDataTableInternal({
|
|
|
1184
1185
|
getPaginationRowModel: reactTable.getPaginationRowModel(),
|
|
1185
1186
|
getSortedRowModel: reactTable.getSortedRowModel()
|
|
1186
1187
|
});
|
|
1187
|
-
const meta =
|
|
1188
|
+
const meta = React10__namespace.useMemo(
|
|
1188
1189
|
() => ({
|
|
1189
1190
|
isLoading: false,
|
|
1190
1191
|
// Loading é controlado externamente via DataTable.Loading
|
|
@@ -1204,13 +1205,14 @@ function useDataTableInternal({
|
|
|
1204
1205
|
pageSize: pagination.pageSize
|
|
1205
1206
|
};
|
|
1206
1207
|
}
|
|
1207
|
-
var
|
|
1208
|
+
var DataTableEmptyStateConfigContext = React10__namespace.createContext(null);
|
|
1209
|
+
var DataTableInstanceContext = React10__namespace.createContext(null);
|
|
1208
1210
|
DataTableInstanceContext.displayName = "DataTableInstanceContext";
|
|
1209
|
-
var DataTableMetaContext =
|
|
1211
|
+
var DataTableMetaContext = React10__namespace.createContext(null);
|
|
1210
1212
|
DataTableMetaContext.displayName = "DataTableMetaContext";
|
|
1211
|
-
var DataTableDensityContext =
|
|
1213
|
+
var DataTableDensityContext = React10__namespace.createContext(null);
|
|
1212
1214
|
DataTableDensityContext.displayName = "DataTableDensityContext";
|
|
1213
|
-
var DataTablePaginationContext =
|
|
1215
|
+
var DataTablePaginationContext = React10__namespace.createContext(null);
|
|
1214
1216
|
DataTablePaginationContext.displayName = "DataTablePaginationContext";
|
|
1215
1217
|
function DataTableProvider({
|
|
1216
1218
|
children,
|
|
@@ -1221,23 +1223,28 @@ function DataTableProvider({
|
|
|
1221
1223
|
pageIndex,
|
|
1222
1224
|
pageSize
|
|
1223
1225
|
}) {
|
|
1224
|
-
const
|
|
1226
|
+
const [emptyStateConfig, setEmptyStateConfig] = React10__namespace.useState({});
|
|
1227
|
+
const emptyStateValue = React10__namespace.useMemo(
|
|
1228
|
+
() => ({ config: emptyStateConfig, setConfig: setEmptyStateConfig }),
|
|
1229
|
+
[emptyStateConfig]
|
|
1230
|
+
);
|
|
1231
|
+
const metaValue = React10__namespace.useMemo(
|
|
1225
1232
|
() => meta,
|
|
1226
1233
|
[meta.isLoading, meta.isEmpty, meta.selectedRowCount, meta.totalRows, meta.density]
|
|
1227
1234
|
);
|
|
1228
|
-
const densityValue =
|
|
1235
|
+
const densityValue = React10__namespace.useMemo(
|
|
1229
1236
|
() => ({ density, setDensity }),
|
|
1230
1237
|
[density, setDensity]
|
|
1231
1238
|
);
|
|
1232
|
-
const paginationValue =
|
|
1239
|
+
const paginationValue = React10__namespace.useMemo(
|
|
1233
1240
|
() => ({ pageIndex, pageSize }),
|
|
1234
1241
|
[pageIndex, pageSize]
|
|
1235
1242
|
);
|
|
1236
1243
|
const tableValue = table;
|
|
1237
|
-
return /* @__PURE__ */ jsxRuntime.jsx(DataTableInstanceContext.Provider, { value: tableValue, children: /* @__PURE__ */ jsxRuntime.jsx(DataTableMetaContext.Provider, { value: metaValue, children: /* @__PURE__ */ jsxRuntime.jsx(DataTableDensityContext.Provider, { value: densityValue, children: /* @__PURE__ */ jsxRuntime.jsx(DataTablePaginationContext.Provider, { value: paginationValue, children }) }) }) });
|
|
1244
|
+
return /* @__PURE__ */ jsxRuntime.jsx(DataTableEmptyStateConfigContext.Provider, { value: emptyStateValue, children: /* @__PURE__ */ jsxRuntime.jsx(DataTableInstanceContext.Provider, { value: tableValue, children: /* @__PURE__ */ jsxRuntime.jsx(DataTableMetaContext.Provider, { value: metaValue, children: /* @__PURE__ */ jsxRuntime.jsx(DataTableDensityContext.Provider, { value: densityValue, children: /* @__PURE__ */ jsxRuntime.jsx(DataTablePaginationContext.Provider, { value: paginationValue, children }) }) }) }) });
|
|
1238
1245
|
}
|
|
1239
1246
|
function useDataTable() {
|
|
1240
|
-
const context =
|
|
1247
|
+
const context = React10__namespace.useContext(DataTableInstanceContext);
|
|
1241
1248
|
if (!context) {
|
|
1242
1249
|
throw new Error(
|
|
1243
1250
|
"useDataTable must be used within <DataTable>. Make sure your component is wrapped with DataTable."
|
|
@@ -1246,7 +1253,7 @@ function useDataTable() {
|
|
|
1246
1253
|
return context;
|
|
1247
1254
|
}
|
|
1248
1255
|
function useDataTableMeta() {
|
|
1249
|
-
const context =
|
|
1256
|
+
const context = React10__namespace.useContext(DataTableMetaContext);
|
|
1250
1257
|
if (!context) {
|
|
1251
1258
|
throw new Error(
|
|
1252
1259
|
"useDataTableMeta must be used within <DataTable>. Make sure your component is wrapped with DataTable."
|
|
@@ -1264,12 +1271,12 @@ function useDataTableEmpty() {
|
|
|
1264
1271
|
}
|
|
1265
1272
|
function useDataTableSelection() {
|
|
1266
1273
|
const table = useDataTable();
|
|
1267
|
-
return
|
|
1274
|
+
return React10__namespace.useMemo(() => {
|
|
1268
1275
|
return table.getSelectedRowModel().rows.map((row) => row.original);
|
|
1269
1276
|
}, [table.getSelectedRowModel().rows]);
|
|
1270
1277
|
}
|
|
1271
1278
|
function useDataTableDensity() {
|
|
1272
|
-
const context =
|
|
1279
|
+
const context = React10__namespace.useContext(DataTableDensityContext);
|
|
1273
1280
|
if (!context) {
|
|
1274
1281
|
throw new Error(
|
|
1275
1282
|
"useDataTableDensity must be used within <DataTable>. Make sure your component is wrapped with DataTable."
|
|
@@ -1278,7 +1285,7 @@ function useDataTableDensity() {
|
|
|
1278
1285
|
return context;
|
|
1279
1286
|
}
|
|
1280
1287
|
function useDataTablePaginationContext() {
|
|
1281
|
-
const context =
|
|
1288
|
+
const context = React10__namespace.useContext(DataTablePaginationContext);
|
|
1282
1289
|
if (!context) {
|
|
1283
1290
|
throw new Error(
|
|
1284
1291
|
"useDataTablePagination must be used within <DataTable>. Make sure your component is wrapped with DataTable."
|
|
@@ -1289,7 +1296,7 @@ function useDataTablePaginationContext() {
|
|
|
1289
1296
|
function useDataTablePagination() {
|
|
1290
1297
|
const table = useDataTable();
|
|
1291
1298
|
const { pageIndex, pageSize } = useDataTablePaginationContext();
|
|
1292
|
-
return
|
|
1299
|
+
return React10__namespace.useMemo(() => {
|
|
1293
1300
|
const pageCount = table.getPageCount();
|
|
1294
1301
|
return {
|
|
1295
1302
|
pageIndex,
|
|
@@ -1309,7 +1316,7 @@ function useDataTablePagination() {
|
|
|
1309
1316
|
function useDataTableSorting() {
|
|
1310
1317
|
const table = useDataTable();
|
|
1311
1318
|
const sorting = table.getState().sorting;
|
|
1312
|
-
return
|
|
1319
|
+
return React10__namespace.useMemo(() => ({
|
|
1313
1320
|
sorting,
|
|
1314
1321
|
setSorting: table.setSorting,
|
|
1315
1322
|
clearSorting: () => table.resetSorting(),
|
|
@@ -1322,7 +1329,7 @@ function useDataTableSorting() {
|
|
|
1322
1329
|
function useDataTableColumnVisibility() {
|
|
1323
1330
|
const table = useDataTable();
|
|
1324
1331
|
const columnVisibility = table.getState().columnVisibility;
|
|
1325
|
-
return
|
|
1332
|
+
return React10__namespace.useMemo(() => ({
|
|
1326
1333
|
columnVisibility,
|
|
1327
1334
|
setColumnVisibility: table.setColumnVisibility,
|
|
1328
1335
|
toggleColumn: (columnId) => {
|
|
@@ -1332,6 +1339,15 @@ function useDataTableColumnVisibility() {
|
|
|
1332
1339
|
getAllColumns: () => table.getAllColumns().filter((col) => col.getCanHide())
|
|
1333
1340
|
}), [table, columnVisibility]);
|
|
1334
1341
|
}
|
|
1342
|
+
function useDataTableEmptyStateConfig() {
|
|
1343
|
+
const context = React10__namespace.useContext(DataTableEmptyStateConfigContext);
|
|
1344
|
+
if (!context) {
|
|
1345
|
+
throw new Error(
|
|
1346
|
+
"useDataTableEmptyStateConfig must be used within <DataTable>."
|
|
1347
|
+
);
|
|
1348
|
+
}
|
|
1349
|
+
return context;
|
|
1350
|
+
}
|
|
1335
1351
|
var useDataTableInstance = useDataTable;
|
|
1336
1352
|
var useDataTableState = useDataTableMeta;
|
|
1337
1353
|
function DataTableRoot({
|
|
@@ -1390,7 +1406,7 @@ var DENSITY_CONFIG = {
|
|
|
1390
1406
|
padding: "py-3 px-4"
|
|
1391
1407
|
}
|
|
1392
1408
|
};
|
|
1393
|
-
var Table =
|
|
1409
|
+
var Table = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1394
1410
|
"table",
|
|
1395
1411
|
{
|
|
1396
1412
|
ref,
|
|
@@ -1399,9 +1415,9 @@ var Table = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @
|
|
|
1399
1415
|
}
|
|
1400
1416
|
) }));
|
|
1401
1417
|
Table.displayName = "Table";
|
|
1402
|
-
var TableHeader =
|
|
1418
|
+
var TableHeader = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
|
|
1403
1419
|
TableHeader.displayName = "TableHeader";
|
|
1404
|
-
var TableBody =
|
|
1420
|
+
var TableBody = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1405
1421
|
"tbody",
|
|
1406
1422
|
{
|
|
1407
1423
|
ref,
|
|
@@ -1410,7 +1426,7 @@ var TableBody = React49__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
1410
1426
|
}
|
|
1411
1427
|
));
|
|
1412
1428
|
TableBody.displayName = "TableBody";
|
|
1413
|
-
var TableFooter =
|
|
1429
|
+
var TableFooter = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1414
1430
|
"tfoot",
|
|
1415
1431
|
{
|
|
1416
1432
|
ref,
|
|
@@ -1422,8 +1438,8 @@ var TableFooter = React49__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
1422
1438
|
}
|
|
1423
1439
|
));
|
|
1424
1440
|
TableFooter.displayName = "TableFooter";
|
|
1425
|
-
var TableRow =
|
|
1426
|
-
|
|
1441
|
+
var TableRow = React10__namespace.memo(
|
|
1442
|
+
React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1427
1443
|
"tr",
|
|
1428
1444
|
{
|
|
1429
1445
|
ref,
|
|
@@ -1436,7 +1452,7 @@ var TableRow = React49__namespace.memo(
|
|
|
1436
1452
|
))
|
|
1437
1453
|
);
|
|
1438
1454
|
TableRow.displayName = "TableRow";
|
|
1439
|
-
var TableHead =
|
|
1455
|
+
var TableHead = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1440
1456
|
"th",
|
|
1441
1457
|
{
|
|
1442
1458
|
ref,
|
|
@@ -1448,8 +1464,8 @@ var TableHead = React49__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
1448
1464
|
}
|
|
1449
1465
|
));
|
|
1450
1466
|
TableHead.displayName = "TableHead";
|
|
1451
|
-
var TableCell =
|
|
1452
|
-
|
|
1467
|
+
var TableCell = React10__namespace.memo(
|
|
1468
|
+
React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1453
1469
|
"td",
|
|
1454
1470
|
{
|
|
1455
1471
|
ref,
|
|
@@ -1459,7 +1475,7 @@ var TableCell = React49__namespace.memo(
|
|
|
1459
1475
|
))
|
|
1460
1476
|
);
|
|
1461
1477
|
TableCell.displayName = "TableCell";
|
|
1462
|
-
var TableCaption =
|
|
1478
|
+
var TableCaption = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1463
1479
|
"caption",
|
|
1464
1480
|
{
|
|
1465
1481
|
ref,
|
|
@@ -1468,7 +1484,7 @@ var TableCaption = React49__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
1468
1484
|
}
|
|
1469
1485
|
));
|
|
1470
1486
|
TableCaption.displayName = "TableCaption";
|
|
1471
|
-
var DataTableContent =
|
|
1487
|
+
var DataTableContent = React10__namespace.memo(function DataTableContent2({
|
|
1472
1488
|
stickyHeader = false,
|
|
1473
1489
|
stripedRows = false,
|
|
1474
1490
|
highlightOnHover = true,
|
|
@@ -1477,8 +1493,21 @@ var DataTableContent = React49__namespace.memo(function DataTableContent2({
|
|
|
1477
1493
|
const table = useDataTable();
|
|
1478
1494
|
const { isEmpty } = useDataTableMeta();
|
|
1479
1495
|
const { density } = useDataTableDensity();
|
|
1496
|
+
const { config: emptyStateConfig } = useDataTableEmptyStateConfig();
|
|
1480
1497
|
const densityStyles = DENSITY_CONFIG[density];
|
|
1481
1498
|
const cellClasses = cn(densityStyles.padding, densityStyles.fontSize);
|
|
1499
|
+
const hasRows = table.getRowModel().rows?.length > 0;
|
|
1500
|
+
if (!hasRows && isEmpty) {
|
|
1501
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1502
|
+
EmptyState,
|
|
1503
|
+
{
|
|
1504
|
+
message: emptyStateConfig.title,
|
|
1505
|
+
description: emptyStateConfig.description,
|
|
1506
|
+
icon: emptyStateConfig.icon,
|
|
1507
|
+
animated: false
|
|
1508
|
+
}
|
|
1509
|
+
);
|
|
1510
|
+
}
|
|
1482
1511
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("rounded-md border overflow-auto", className), children: /* @__PURE__ */ jsxRuntime.jsxs(Table, { children: [
|
|
1483
1512
|
/* @__PURE__ */ jsxRuntime.jsx(TableHeader, { className: cn(stickyHeader && "sticky top-0 z-10 bg-background"), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1484
1513
|
TableHead,
|
|
@@ -1492,7 +1521,7 @@ var DataTableContent = React49__namespace.memo(function DataTableContent2({
|
|
|
1492
1521
|
},
|
|
1493
1522
|
header.id
|
|
1494
1523
|
)) }, headerGroup.id)) }),
|
|
1495
|
-
/* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: table.getRowModel().rows
|
|
1524
|
+
/* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: table.getRowModel().rows.map((row, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1496
1525
|
TableRow,
|
|
1497
1526
|
{
|
|
1498
1527
|
"data-state": row.getIsSelected() && "selected",
|
|
@@ -1503,26 +1532,19 @@ var DataTableContent = React49__namespace.memo(function DataTableContent2({
|
|
|
1503
1532
|
children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: cellClasses, children: reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
|
|
1504
1533
|
},
|
|
1505
1534
|
row.id
|
|
1506
|
-
))
|
|
1507
|
-
TableCell,
|
|
1508
|
-
{
|
|
1509
|
-
colSpan: table.getAllColumns().length,
|
|
1510
|
-
className: "h-24 text-center text-muted-foreground",
|
|
1511
|
-
children: isEmpty ? "Nenhum resultado encontrado." : "Carregando..."
|
|
1512
|
-
}
|
|
1513
|
-
) }) })
|
|
1535
|
+
)) })
|
|
1514
1536
|
] }) });
|
|
1515
1537
|
});
|
|
1516
1538
|
DataTableContent.displayName = "DataTable.Content";
|
|
1517
|
-
var DataTableToolbar =
|
|
1539
|
+
var DataTableToolbar = React10__namespace.memo(function DataTableToolbar2({
|
|
1518
1540
|
className,
|
|
1519
1541
|
children
|
|
1520
1542
|
}) {
|
|
1521
1543
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex items-center justify-between gap-2", className), children });
|
|
1522
1544
|
});
|
|
1523
1545
|
function useDebounce(value, delay = 300) {
|
|
1524
|
-
const [debouncedValue, setDebouncedValue] =
|
|
1525
|
-
|
|
1546
|
+
const [debouncedValue, setDebouncedValue] = React10__namespace.useState(value);
|
|
1547
|
+
React10__namespace.useEffect(() => {
|
|
1526
1548
|
const handler = setTimeout(() => {
|
|
1527
1549
|
setDebouncedValue(value);
|
|
1528
1550
|
}, delay);
|
|
@@ -1533,12 +1555,12 @@ function useDebounce(value, delay = 300) {
|
|
|
1533
1555
|
return debouncedValue;
|
|
1534
1556
|
}
|
|
1535
1557
|
function useDebouncedCallback(callback, delay = 300) {
|
|
1536
|
-
const callbackRef =
|
|
1537
|
-
const timeoutRef =
|
|
1538
|
-
|
|
1558
|
+
const callbackRef = React10__namespace.useRef(callback);
|
|
1559
|
+
const timeoutRef = React10__namespace.useRef(null);
|
|
1560
|
+
React10__namespace.useEffect(() => {
|
|
1539
1561
|
callbackRef.current = callback;
|
|
1540
1562
|
}, [callback]);
|
|
1541
|
-
return
|
|
1563
|
+
return React10__namespace.useCallback(
|
|
1542
1564
|
(...args) => {
|
|
1543
1565
|
if (timeoutRef.current) {
|
|
1544
1566
|
clearTimeout(timeoutRef.current);
|
|
@@ -1550,7 +1572,7 @@ function useDebouncedCallback(callback, delay = 300) {
|
|
|
1550
1572
|
[delay]
|
|
1551
1573
|
);
|
|
1552
1574
|
}
|
|
1553
|
-
var DataTableSearch =
|
|
1575
|
+
var DataTableSearch = React10__namespace.memo(function DataTableSearch2({
|
|
1554
1576
|
column,
|
|
1555
1577
|
placeholder = "Buscar...",
|
|
1556
1578
|
debounce = 300,
|
|
@@ -1559,17 +1581,17 @@ var DataTableSearch = React49__namespace.memo(function DataTableSearch2({
|
|
|
1559
1581
|
}) {
|
|
1560
1582
|
const table = useDataTableInstance();
|
|
1561
1583
|
const columnInstance = table.getColumn(column);
|
|
1562
|
-
const [value, setValue] =
|
|
1584
|
+
const [value, setValue] = React10__namespace.useState(
|
|
1563
1585
|
columnInstance?.getFilterValue() ?? ""
|
|
1564
1586
|
);
|
|
1565
1587
|
const debouncedValue = useDebounce(value, debounce);
|
|
1566
|
-
|
|
1588
|
+
React10__namespace.useEffect(() => {
|
|
1567
1589
|
columnInstance?.setFilterValue(debouncedValue);
|
|
1568
1590
|
if (onSearch) {
|
|
1569
1591
|
onSearch(debouncedValue);
|
|
1570
1592
|
}
|
|
1571
1593
|
}, [debouncedValue, columnInstance, onSearch]);
|
|
1572
|
-
|
|
1594
|
+
React10__namespace.useEffect(() => {
|
|
1573
1595
|
const filterValue = columnInstance?.getFilterValue() ?? "";
|
|
1574
1596
|
if (filterValue !== value) {
|
|
1575
1597
|
setValue(filterValue);
|
|
@@ -1585,15 +1607,15 @@ var DataTableSearch = React49__namespace.memo(function DataTableSearch2({
|
|
|
1585
1607
|
}
|
|
1586
1608
|
);
|
|
1587
1609
|
});
|
|
1588
|
-
var DataTableFilters =
|
|
1610
|
+
var DataTableFilters = React10__namespace.memo(function DataTableFilters2({
|
|
1589
1611
|
onChange,
|
|
1590
1612
|
className,
|
|
1591
1613
|
children
|
|
1592
1614
|
}) {
|
|
1593
1615
|
const table = useDataTableInstance();
|
|
1594
1616
|
const filters = table.getState().columnFilters;
|
|
1595
|
-
const filtersRef =
|
|
1596
|
-
|
|
1617
|
+
const filtersRef = React10__namespace.useRef(filters);
|
|
1618
|
+
React10__namespace.useEffect(() => {
|
|
1597
1619
|
if (onChange && JSON.stringify(filters) !== JSON.stringify(filtersRef.current)) {
|
|
1598
1620
|
filtersRef.current = filters;
|
|
1599
1621
|
onChange(filters);
|
|
@@ -1601,7 +1623,7 @@ var DataTableFilters = React49__namespace.memo(function DataTableFilters2({
|
|
|
1601
1623
|
}, [filters, onChange]);
|
|
1602
1624
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-2", className), children });
|
|
1603
1625
|
});
|
|
1604
|
-
var DataTableFilter =
|
|
1626
|
+
var DataTableFilter = React10__namespace.memo(function DataTableFilter2({
|
|
1605
1627
|
column: columnId,
|
|
1606
1628
|
title,
|
|
1607
1629
|
options,
|
|
@@ -1611,7 +1633,7 @@ var DataTableFilter = React49__namespace.memo(function DataTableFilter2({
|
|
|
1611
1633
|
const column = table.getColumn(columnId);
|
|
1612
1634
|
const filterValue = column?.getFilterValue() ?? [];
|
|
1613
1635
|
const currentValue = filterValue.length > 0 ? filterValue[0] : "all";
|
|
1614
|
-
const handleValueChange =
|
|
1636
|
+
const handleValueChange = React10__namespace.useCallback(
|
|
1615
1637
|
(value) => {
|
|
1616
1638
|
if (value === "all") {
|
|
1617
1639
|
column?.setFilterValue(void 0);
|
|
@@ -1636,7 +1658,7 @@ var DataTableFilter = React49__namespace.memo(function DataTableFilter2({
|
|
|
1636
1658
|
}
|
|
1637
1659
|
);
|
|
1638
1660
|
});
|
|
1639
|
-
var DataTablePagination =
|
|
1661
|
+
var DataTablePagination = React10__namespace.memo(function DataTablePagination2({
|
|
1640
1662
|
mode = "client",
|
|
1641
1663
|
pageCount: externalPageCount,
|
|
1642
1664
|
pageSizes = [10, 20, 30, 50],
|
|
@@ -1647,6 +1669,7 @@ var DataTablePagination = React49__namespace.memo(function DataTablePagination2(
|
|
|
1647
1669
|
}) {
|
|
1648
1670
|
useDataTable();
|
|
1649
1671
|
const { selectedRowCount, totalRows } = useDataTableMeta();
|
|
1672
|
+
const paginationHook = useDataTablePagination();
|
|
1650
1673
|
const {
|
|
1651
1674
|
pageIndex,
|
|
1652
1675
|
pageSize,
|
|
@@ -1659,11 +1682,12 @@ var DataTablePagination = React49__namespace.memo(function DataTablePagination2(
|
|
|
1659
1682
|
nextPage,
|
|
1660
1683
|
firstPage,
|
|
1661
1684
|
lastPage
|
|
1662
|
-
} =
|
|
1685
|
+
} = paginationHook;
|
|
1686
|
+
console.log("[DataTablePagination] render", { mode, pageIndex, pageSize, externalPageCount, internalPageCount });
|
|
1663
1687
|
const pageCount = mode === "server" && externalPageCount !== void 0 ? externalPageCount : internalPageCount;
|
|
1664
1688
|
const canGoPrevious = pageIndex > 0;
|
|
1665
1689
|
const canGoNext = pageIndex < pageCount - 1;
|
|
1666
|
-
const handlePageSizeChange =
|
|
1690
|
+
const handlePageSizeChange = React10__namespace.useCallback(
|
|
1667
1691
|
(value) => {
|
|
1668
1692
|
setPageSize(Number(value));
|
|
1669
1693
|
},
|
|
@@ -1737,7 +1761,11 @@ var DataTablePagination = React49__namespace.memo(function DataTablePagination2(
|
|
|
1737
1761
|
variant: "outline",
|
|
1738
1762
|
size: "icon-sm",
|
|
1739
1763
|
className: "h-8 w-8 p-0",
|
|
1740
|
-
onClick:
|
|
1764
|
+
onClick: () => {
|
|
1765
|
+
console.log("[DataTablePagination] nextPage clicked, current pageIndex:", pageIndex);
|
|
1766
|
+
nextPage();
|
|
1767
|
+
console.log("[DataTablePagination] nextPage called");
|
|
1768
|
+
},
|
|
1741
1769
|
disabled: !canGoNext,
|
|
1742
1770
|
"aria-label": "Pr\xF3xima p\xE1gina",
|
|
1743
1771
|
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
|
|
@@ -1762,47 +1790,20 @@ var DataTablePagination = React49__namespace.memo(function DataTablePagination2(
|
|
|
1762
1790
|
);
|
|
1763
1791
|
});
|
|
1764
1792
|
DataTablePagination.displayName = "DataTable.Pagination";
|
|
1765
|
-
var DataTableEmptyState =
|
|
1766
|
-
|
|
1793
|
+
var DataTableEmptyState = React10__namespace.memo(function DataTableEmptyState2({
|
|
1794
|
+
title,
|
|
1767
1795
|
description,
|
|
1768
1796
|
icon,
|
|
1769
|
-
action
|
|
1770
|
-
className
|
|
1797
|
+
action
|
|
1771
1798
|
}) {
|
|
1772
|
-
const
|
|
1773
|
-
|
|
1774
|
-
{
|
|
1775
|
-
|
|
1776
|
-
|
|
1777
|
-
|
|
1778
|
-
stroke: "currentColor",
|
|
1779
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1780
|
-
"path",
|
|
1781
|
-
{
|
|
1782
|
-
strokeLinecap: "round",
|
|
1783
|
-
strokeLinejoin: "round",
|
|
1784
|
-
strokeWidth: 1.5,
|
|
1785
|
-
d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
|
|
1786
|
-
}
|
|
1787
|
-
)
|
|
1788
|
-
}
|
|
1789
|
-
);
|
|
1790
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1791
|
-
"div",
|
|
1792
|
-
{
|
|
1793
|
-
className: cn(
|
|
1794
|
-
"flex min-h-[400px] flex-col items-center justify-center rounded-md border border-dashed p-8 text-center",
|
|
1795
|
-
className
|
|
1796
|
-
),
|
|
1797
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex max-w-[420px] flex-col items-center justify-center text-center", children: [
|
|
1798
|
-
icon ?? defaultIcon,
|
|
1799
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-4 text-lg font-semibold", children: message }),
|
|
1800
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 mt-2 text-sm text-muted-foreground", children: description }),
|
|
1801
|
-
action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: action })
|
|
1802
|
-
] })
|
|
1803
|
-
}
|
|
1804
|
-
);
|
|
1799
|
+
const { setConfig } = useDataTableEmptyStateConfig();
|
|
1800
|
+
React10__namespace.useLayoutEffect(() => {
|
|
1801
|
+
setConfig({ title, description, icon, action });
|
|
1802
|
+
return () => setConfig({});
|
|
1803
|
+
}, [title, description, icon, action, setConfig]);
|
|
1804
|
+
return null;
|
|
1805
1805
|
});
|
|
1806
|
+
DataTableEmptyState.displayName = "DataTable.EmptyState";
|
|
1806
1807
|
function SkeletonRow({ columns }) {
|
|
1807
1808
|
return /* @__PURE__ */ jsxRuntime.jsx(TableRow, { className: "animate-pulse", children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "py-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-3/4" }) }, index)) });
|
|
1808
1809
|
}
|
|
@@ -1886,8 +1887,8 @@ var iconSizeMap = {
|
|
|
1886
1887
|
md: "h-4 w-4",
|
|
1887
1888
|
lg: "h-5 w-5"
|
|
1888
1889
|
};
|
|
1889
|
-
var Checkbox =
|
|
1890
|
-
|
|
1890
|
+
var Checkbox = React10__namespace.memo(
|
|
1891
|
+
React10__namespace.forwardRef(({ className, variant, size = "md", ...props }, ref) => {
|
|
1891
1892
|
const iconSize = iconSizeMap[size || "md"];
|
|
1892
1893
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1893
1894
|
CheckboxPrimitive__namespace.Root,
|
|
@@ -1911,9 +1912,9 @@ function DataTableColumnVisibility({
|
|
|
1911
1912
|
className
|
|
1912
1913
|
}) {
|
|
1913
1914
|
const table = useDataTable();
|
|
1914
|
-
const [open, setOpen] =
|
|
1915
|
-
const dropdownRef =
|
|
1916
|
-
|
|
1915
|
+
const [open, setOpen] = React10__namespace.useState(false);
|
|
1916
|
+
const dropdownRef = React10__namespace.useRef(null);
|
|
1917
|
+
React10__namespace.useEffect(() => {
|
|
1917
1918
|
function handleClickOutside(event) {
|
|
1918
1919
|
if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
|
|
1919
1920
|
setOpen(false);
|
|
@@ -1992,9 +1993,9 @@ function DataTableDensityToggle({
|
|
|
1992
1993
|
className
|
|
1993
1994
|
}) {
|
|
1994
1995
|
const { density, setDensity } = useDataTableDensity();
|
|
1995
|
-
const [open, setOpen] =
|
|
1996
|
-
const dropdownRef =
|
|
1997
|
-
|
|
1996
|
+
const [open, setOpen] = React10__namespace.useState(false);
|
|
1997
|
+
const dropdownRef = React10__namespace.useRef(null);
|
|
1998
|
+
React10__namespace.useEffect(() => {
|
|
1998
1999
|
function handleClickOutside(event) {
|
|
1999
2000
|
if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
|
|
2000
2001
|
setOpen(false);
|
|
@@ -2173,9 +2174,9 @@ function DataTableExport({
|
|
|
2173
2174
|
className
|
|
2174
2175
|
}) {
|
|
2175
2176
|
const table = useDataTable();
|
|
2176
|
-
const [open, setOpen] =
|
|
2177
|
-
const dropdownRef =
|
|
2178
|
-
|
|
2177
|
+
const [open, setOpen] = React10__namespace.useState(false);
|
|
2178
|
+
const dropdownRef = React10__namespace.useRef(null);
|
|
2179
|
+
React10__namespace.useEffect(() => {
|
|
2179
2180
|
function handleClickOutside(event) {
|
|
2180
2181
|
if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
|
|
2181
2182
|
setOpen(false);
|
|
@@ -2186,7 +2187,7 @@ function DataTableExport({
|
|
|
2186
2187
|
return () => document.removeEventListener("mousedown", handleClickOutside);
|
|
2187
2188
|
}
|
|
2188
2189
|
}, [open]);
|
|
2189
|
-
const handleExport =
|
|
2190
|
+
const handleExport = React10__namespace.useCallback((format) => {
|
|
2190
2191
|
const visibleColumns = table.getVisibleLeafColumns();
|
|
2191
2192
|
const rows = table.getFilteredRowModel().rows;
|
|
2192
2193
|
const headers = [];
|
|
@@ -2289,7 +2290,7 @@ function DataTableTabs({
|
|
|
2289
2290
|
onValueChange,
|
|
2290
2291
|
className
|
|
2291
2292
|
}) {
|
|
2292
|
-
const [internalValue, setInternalValue] =
|
|
2293
|
+
const [internalValue, setInternalValue] = React10__namespace.useState(defaultValue ?? tabs[0]?.value);
|
|
2293
2294
|
const activeValue = value ?? internalValue;
|
|
2294
2295
|
const handleTabClick = (tabValue) => {
|
|
2295
2296
|
if (value === void 0) {
|
|
@@ -2376,8 +2377,8 @@ var Dialog = DialogPrimitive__namespace.Root;
|
|
|
2376
2377
|
var DialogTrigger = DialogPrimitive__namespace.Trigger;
|
|
2377
2378
|
var DialogPortal = DialogPrimitive__namespace.Portal;
|
|
2378
2379
|
var DialogClose = DialogPrimitive__namespace.Close;
|
|
2379
|
-
var DialogOverlay =
|
|
2380
|
-
|
|
2380
|
+
var DialogOverlay = React10__namespace.memo(
|
|
2381
|
+
React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2381
2382
|
DialogPrimitive__namespace.Overlay,
|
|
2382
2383
|
{
|
|
2383
2384
|
ref,
|
|
@@ -2424,8 +2425,8 @@ var dialogContentVariants = classVarianceAuthority.cva(
|
|
|
2424
2425
|
}
|
|
2425
2426
|
}
|
|
2426
2427
|
);
|
|
2427
|
-
var DialogContent =
|
|
2428
|
-
|
|
2428
|
+
var DialogContent = React10__namespace.memo(
|
|
2429
|
+
React10__namespace.forwardRef(({ className, children, showCloseButton = true, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
|
|
2429
2430
|
/* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
|
|
2430
2431
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2431
2432
|
DialogPrimitive__namespace.Content,
|
|
@@ -2445,7 +2446,7 @@ var DialogContent = React49__namespace.memo(
|
|
|
2445
2446
|
] }))
|
|
2446
2447
|
);
|
|
2447
2448
|
DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
|
|
2448
|
-
var DialogHeader =
|
|
2449
|
+
var DialogHeader = React10__namespace.memo(
|
|
2449
2450
|
({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2450
2451
|
"div",
|
|
2451
2452
|
{
|
|
@@ -2458,7 +2459,7 @@ var DialogHeader = React49__namespace.memo(
|
|
|
2458
2459
|
)
|
|
2459
2460
|
);
|
|
2460
2461
|
DialogHeader.displayName = "DialogHeader";
|
|
2461
|
-
var DialogFooter =
|
|
2462
|
+
var DialogFooter = React10__namespace.memo(
|
|
2462
2463
|
({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2463
2464
|
"div",
|
|
2464
2465
|
{
|
|
@@ -2471,8 +2472,8 @@ var DialogFooter = React49__namespace.memo(
|
|
|
2471
2472
|
)
|
|
2472
2473
|
);
|
|
2473
2474
|
DialogFooter.displayName = "DialogFooter";
|
|
2474
|
-
var DialogTitle =
|
|
2475
|
-
|
|
2475
|
+
var DialogTitle = React10__namespace.memo(
|
|
2476
|
+
React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2476
2477
|
DialogPrimitive__namespace.Title,
|
|
2477
2478
|
{
|
|
2478
2479
|
ref,
|
|
@@ -2485,8 +2486,8 @@ var DialogTitle = React49__namespace.memo(
|
|
|
2485
2486
|
))
|
|
2486
2487
|
);
|
|
2487
2488
|
DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
|
|
2488
|
-
var DialogDescription =
|
|
2489
|
-
|
|
2489
|
+
var DialogDescription = React10__namespace.memo(
|
|
2490
|
+
React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2490
2491
|
DialogPrimitive__namespace.Description,
|
|
2491
2492
|
{
|
|
2492
2493
|
ref,
|
|
@@ -2496,7 +2497,7 @@ var DialogDescription = React49__namespace.memo(
|
|
|
2496
2497
|
))
|
|
2497
2498
|
);
|
|
2498
2499
|
DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
|
|
2499
|
-
var DialogBody =
|
|
2500
|
+
var DialogBody = React10__namespace.memo(
|
|
2500
2501
|
({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex-1 overflow-y-auto py-2", className), ...props })
|
|
2501
2502
|
);
|
|
2502
2503
|
DialogBody.displayName = "DialogBody";
|
|
@@ -2527,7 +2528,7 @@ var COLOR_MAP = {
|
|
|
2527
2528
|
accent: "border-accent",
|
|
2528
2529
|
muted: "border-muted"
|
|
2529
2530
|
};
|
|
2530
|
-
var RippleRing =
|
|
2531
|
+
var RippleRing = React10__namespace.memo(({ size, color, opacity }) => {
|
|
2531
2532
|
const borderColorClass = COLOR_MAP[color] || COLOR_MAP.primary;
|
|
2532
2533
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2533
2534
|
"div",
|
|
@@ -2546,7 +2547,7 @@ var RippleRing = React49__namespace.memo(({ size, color, opacity }) => {
|
|
|
2546
2547
|
);
|
|
2547
2548
|
});
|
|
2548
2549
|
RippleRing.displayName = "RippleRing";
|
|
2549
|
-
var RippleEffect =
|
|
2550
|
+
var RippleEffect = React10__namespace.memo(
|
|
2550
2551
|
({
|
|
2551
2552
|
size = "md",
|
|
2552
2553
|
color = "primary",
|
|
@@ -2558,7 +2559,7 @@ var RippleEffect = React49__namespace.memo(
|
|
|
2558
2559
|
const { base, increment } = SIZE_CONFIG[size];
|
|
2559
2560
|
const opacities = INTENSITY_CONFIG[intensity];
|
|
2560
2561
|
const positionClasses = POSITION_CONFIG[position];
|
|
2561
|
-
const rippleRings =
|
|
2562
|
+
const rippleRings = React10__namespace.useMemo(
|
|
2562
2563
|
() => Array.from({ length: rings }).map((_, index) => {
|
|
2563
2564
|
const ringSize = base + increment * (rings - index - 1);
|
|
2564
2565
|
const opacity = opacities[index] || opacities[opacities.length - 1];
|
|
@@ -2588,7 +2589,7 @@ var RippleEffect = React49__namespace.memo(
|
|
|
2588
2589
|
}
|
|
2589
2590
|
);
|
|
2590
2591
|
RippleEffect.displayName = "RippleEffect";
|
|
2591
|
-
var RippleWrapper =
|
|
2592
|
+
var RippleWrapper = React10__namespace.memo(
|
|
2592
2593
|
({ children, rippleProps, className }) => {
|
|
2593
2594
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", className), children: [
|
|
2594
2595
|
rippleProps && /* @__PURE__ */ jsxRuntime.jsx(RippleEffect, { ...rippleProps }),
|
|
@@ -2597,7 +2598,7 @@ var RippleWrapper = React49__namespace.memo(
|
|
|
2597
2598
|
}
|
|
2598
2599
|
);
|
|
2599
2600
|
RippleWrapper.displayName = "RippleWrapper";
|
|
2600
|
-
var RippleBackground =
|
|
2601
|
+
var RippleBackground = React10__namespace.memo(
|
|
2601
2602
|
({ containerClassName, ...rippleProps }) => {
|
|
2602
2603
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2603
2604
|
"div",
|
|
@@ -2663,7 +2664,7 @@ var statusIndicatorVariants = classVarianceAuthority.cva(
|
|
|
2663
2664
|
}
|
|
2664
2665
|
}
|
|
2665
2666
|
);
|
|
2666
|
-
var DialogWrapper =
|
|
2667
|
+
var DialogWrapper = React10__namespace.memo(
|
|
2667
2668
|
({
|
|
2668
2669
|
children,
|
|
2669
2670
|
className,
|
|
@@ -2676,7 +2677,7 @@ var DialogWrapper = React49__namespace.memo(
|
|
|
2676
2677
|
rippleProps,
|
|
2677
2678
|
...props
|
|
2678
2679
|
}) => {
|
|
2679
|
-
const defaultRippleProps =
|
|
2680
|
+
const defaultRippleProps = React10__namespace.useMemo(
|
|
2680
2681
|
() => ({
|
|
2681
2682
|
size: size === "sm" ? "md" : size === "lg" ? "xl" : "lg",
|
|
2682
2683
|
color: variant === "secondary" ? "secondary" : variant === "accent" ? "accent" : "primary",
|
|
@@ -2686,7 +2687,7 @@ var DialogWrapper = React49__namespace.memo(
|
|
|
2686
2687
|
}),
|
|
2687
2688
|
[size, variant, rippleProps]
|
|
2688
2689
|
);
|
|
2689
|
-
const backgroundRippleProps =
|
|
2690
|
+
const backgroundRippleProps = React10__namespace.useMemo(
|
|
2690
2691
|
() => ({
|
|
2691
2692
|
position: "top-right",
|
|
2692
2693
|
size: "xl",
|
|
@@ -2789,7 +2790,7 @@ var Toaster = ({ ...props }) => {
|
|
|
2789
2790
|
}
|
|
2790
2791
|
);
|
|
2791
2792
|
};
|
|
2792
|
-
var CustomToast =
|
|
2793
|
+
var CustomToast = React10__namespace.memo(
|
|
2793
2794
|
({ title, description, variant = "default", action, onClose }) => {
|
|
2794
2795
|
const variantStyles = toastVariants[variant];
|
|
2795
2796
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -2925,8 +2926,8 @@ var thumbVariants = classVarianceAuthority.cva(
|
|
|
2925
2926
|
}
|
|
2926
2927
|
}
|
|
2927
2928
|
);
|
|
2928
|
-
var Switch =
|
|
2929
|
-
|
|
2929
|
+
var Switch = React10__namespace.memo(
|
|
2930
|
+
React10__namespace.forwardRef(({ className, variant, size = "md", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2930
2931
|
SwitchPrimitives__namespace.Root,
|
|
2931
2932
|
{
|
|
2932
2933
|
className: cn(switchVariants({ variant, size, className })),
|
|
@@ -2957,8 +2958,8 @@ var textareaVariants = classVarianceAuthority.cva(
|
|
|
2957
2958
|
}
|
|
2958
2959
|
}
|
|
2959
2960
|
);
|
|
2960
|
-
var Textarea =
|
|
2961
|
-
|
|
2961
|
+
var Textarea = React10__namespace.memo(
|
|
2962
|
+
React10__namespace.forwardRef(
|
|
2962
2963
|
({
|
|
2963
2964
|
className,
|
|
2964
2965
|
variant,
|
|
@@ -2973,12 +2974,12 @@ var Textarea = React49__namespace.memo(
|
|
|
2973
2974
|
onChange,
|
|
2974
2975
|
...props
|
|
2975
2976
|
}, ref) => {
|
|
2976
|
-
const textareaRef =
|
|
2977
|
-
|
|
2978
|
-
const focusTextarea =
|
|
2977
|
+
const textareaRef = React10__namespace.useRef(null);
|
|
2978
|
+
React10__namespace.useImperativeHandle(ref, () => textareaRef.current, []);
|
|
2979
|
+
const focusTextarea = React10__namespace.useCallback(() => {
|
|
2979
2980
|
textareaRef.current?.focus();
|
|
2980
2981
|
}, []);
|
|
2981
|
-
const handleChange =
|
|
2982
|
+
const handleChange = React10__namespace.useCallback(
|
|
2982
2983
|
(e) => {
|
|
2983
2984
|
if (autoResize && textareaRef.current) {
|
|
2984
2985
|
textareaRef.current.style.height = "auto";
|
|
@@ -2988,7 +2989,7 @@ var Textarea = React49__namespace.memo(
|
|
|
2988
2989
|
},
|
|
2989
2990
|
[autoResize, onChange]
|
|
2990
2991
|
);
|
|
2991
|
-
|
|
2992
|
+
React10__namespace.useEffect(() => {
|
|
2992
2993
|
if (autoResize && textareaRef.current) {
|
|
2993
2994
|
textareaRef.current.style.height = "auto";
|
|
2994
2995
|
textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;
|
|
@@ -3039,23 +3040,23 @@ var Textarea = React49__namespace.memo(
|
|
|
3039
3040
|
)
|
|
3040
3041
|
);
|
|
3041
3042
|
Textarea.displayName = "Textarea";
|
|
3042
|
-
var FormFieldContext =
|
|
3043
|
+
var FormFieldContext = React10__namespace.createContext(null);
|
|
3043
3044
|
function useFormFieldContext() {
|
|
3044
|
-
const context =
|
|
3045
|
+
const context = React10__namespace.useContext(FormFieldContext);
|
|
3045
3046
|
if (!context) {
|
|
3046
3047
|
throw new Error("useFormFieldContext must be used within a Form.Field");
|
|
3047
3048
|
}
|
|
3048
3049
|
return context;
|
|
3049
3050
|
}
|
|
3050
3051
|
function useFormFieldContextOptional() {
|
|
3051
|
-
return
|
|
3052
|
+
return React10__namespace.useContext(FormFieldContext);
|
|
3052
3053
|
}
|
|
3053
3054
|
function FormFieldProvider({ name, children }) {
|
|
3054
3055
|
const form = reactHookForm.useFormContext();
|
|
3055
|
-
const id =
|
|
3056
|
+
const id = React10__namespace.useId();
|
|
3056
3057
|
const fieldState = form.getFieldState(name, form.formState);
|
|
3057
3058
|
const error = fieldState.error?.message;
|
|
3058
|
-
const value =
|
|
3059
|
+
const value = React10__namespace.useMemo(
|
|
3059
3060
|
() => ({
|
|
3060
3061
|
name,
|
|
3061
3062
|
id,
|
|
@@ -3163,7 +3164,7 @@ function FormInput({
|
|
|
3163
3164
|
const form = reactHookForm.useFormContext();
|
|
3164
3165
|
const fieldState = form.getFieldState(name, form.formState);
|
|
3165
3166
|
const error = fieldState.error?.message;
|
|
3166
|
-
const getInputType =
|
|
3167
|
+
const getInputType = React10__namespace.useCallback(() => {
|
|
3167
3168
|
if (["money", "percent", "phone", "cpf", "cnpj", "cep"].includes(mask || "")) {
|
|
3168
3169
|
return "tel";
|
|
3169
3170
|
}
|
|
@@ -3359,7 +3360,7 @@ function FormCheckbox({
|
|
|
3359
3360
|
const form = reactHookForm.useFormContext();
|
|
3360
3361
|
const fieldState = form.getFieldState(name, form.formState);
|
|
3361
3362
|
const error = fieldState.error?.message;
|
|
3362
|
-
const id =
|
|
3363
|
+
const id = React10__namespace.useId();
|
|
3363
3364
|
return /* @__PURE__ */ jsxRuntime.jsx(FormFieldProvider, { name, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3364
3365
|
reactHookForm.Controller,
|
|
3365
3366
|
{
|
|
@@ -3414,7 +3415,7 @@ function FormSwitch({
|
|
|
3414
3415
|
const form = reactHookForm.useFormContext();
|
|
3415
3416
|
const fieldState = form.getFieldState(name, form.formState);
|
|
3416
3417
|
const error = fieldState.error?.message;
|
|
3417
|
-
const id =
|
|
3418
|
+
const id = React10__namespace.useId();
|
|
3418
3419
|
return /* @__PURE__ */ jsxRuntime.jsx(FormFieldProvider, { name, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3419
3420
|
reactHookForm.Controller,
|
|
3420
3421
|
{
|
|
@@ -3581,7 +3582,7 @@ function FormRadioGroup({
|
|
|
3581
3582
|
) });
|
|
3582
3583
|
}
|
|
3583
3584
|
FormRadioGroup.displayName = "Form.RadioGroup";
|
|
3584
|
-
var FormLabel =
|
|
3585
|
+
var FormLabel = React10__namespace.forwardRef(
|
|
3585
3586
|
({ className, required, children, ...props }, ref) => {
|
|
3586
3587
|
const fieldContext = useFormFieldContextOptional();
|
|
3587
3588
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -3604,7 +3605,7 @@ var FormLabel = React49__namespace.forwardRef(
|
|
|
3604
3605
|
}
|
|
3605
3606
|
);
|
|
3606
3607
|
FormLabel.displayName = "Form.Label";
|
|
3607
|
-
var FormDescription =
|
|
3608
|
+
var FormDescription = React10__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
3608
3609
|
const fieldContext = useFormFieldContextOptional();
|
|
3609
3610
|
if (fieldContext?.error) {
|
|
3610
3611
|
return null;
|
|
@@ -3619,7 +3620,7 @@ var FormDescription = React49__namespace.forwardRef(({ className, ...props }, re
|
|
|
3619
3620
|
);
|
|
3620
3621
|
});
|
|
3621
3622
|
FormDescription.displayName = "Form.Description";
|
|
3622
|
-
var FormError =
|
|
3623
|
+
var FormError = React10__namespace.forwardRef(
|
|
3623
3624
|
({ className, message, children, ...props }, ref) => {
|
|
3624
3625
|
const fieldContext = useFormFieldContextOptional();
|
|
3625
3626
|
const errorMessage = message ?? fieldContext?.error;
|
|
@@ -3638,7 +3639,7 @@ var FormError = React49__namespace.forwardRef(
|
|
|
3638
3639
|
}
|
|
3639
3640
|
);
|
|
3640
3641
|
FormError.displayName = "Form.Error";
|
|
3641
|
-
var FormFieldWrapper =
|
|
3642
|
+
var FormFieldWrapper = React10__namespace.forwardRef(({ className, label, description, required, error, children, ...props }, ref) => {
|
|
3642
3643
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("space-y-1", className), ...props, children: [
|
|
3643
3644
|
label && /* @__PURE__ */ jsxRuntime.jsx(FormLabel, { required, children: label }),
|
|
3644
3645
|
children,
|
|
@@ -3681,7 +3682,7 @@ var Form = Object.assign(FormRoot, {
|
|
|
3681
3682
|
FieldWrapper: FormFieldWrapper,
|
|
3682
3683
|
Field: FormFieldProvider
|
|
3683
3684
|
});
|
|
3684
|
-
var Avatar =
|
|
3685
|
+
var Avatar = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3685
3686
|
AvatarPrimitive__namespace.Root,
|
|
3686
3687
|
{
|
|
3687
3688
|
ref,
|
|
@@ -3693,7 +3694,7 @@ var Avatar = React49__namespace.forwardRef(({ className, ...props }, ref) => /*
|
|
|
3693
3694
|
}
|
|
3694
3695
|
));
|
|
3695
3696
|
Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
|
|
3696
|
-
var AvatarImage =
|
|
3697
|
+
var AvatarImage = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3697
3698
|
AvatarPrimitive__namespace.Image,
|
|
3698
3699
|
{
|
|
3699
3700
|
ref,
|
|
@@ -3702,7 +3703,7 @@ var AvatarImage = React49__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
3702
3703
|
}
|
|
3703
3704
|
));
|
|
3704
3705
|
AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
|
|
3705
|
-
var AvatarFallback =
|
|
3706
|
+
var AvatarFallback = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3706
3707
|
AvatarPrimitive__namespace.Fallback,
|
|
3707
3708
|
{
|
|
3708
3709
|
ref,
|
|
@@ -3720,7 +3721,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
|
|
|
3720
3721
|
var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
|
|
3721
3722
|
var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
|
|
3722
3723
|
var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
|
|
3723
|
-
var DropdownMenuSubTrigger =
|
|
3724
|
+
var DropdownMenuSubTrigger = React10__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3724
3725
|
DropdownMenuPrimitive__namespace.SubTrigger,
|
|
3725
3726
|
{
|
|
3726
3727
|
ref,
|
|
@@ -3737,7 +3738,7 @@ var DropdownMenuSubTrigger = React49__namespace.forwardRef(({ className, inset,
|
|
|
3737
3738
|
}
|
|
3738
3739
|
));
|
|
3739
3740
|
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
|
|
3740
|
-
var DropdownMenuSubContent =
|
|
3741
|
+
var DropdownMenuSubContent = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3741
3742
|
DropdownMenuPrimitive__namespace.SubContent,
|
|
3742
3743
|
{
|
|
3743
3744
|
ref,
|
|
@@ -3749,7 +3750,7 @@ var DropdownMenuSubContent = React49__namespace.forwardRef(({ className, ...prop
|
|
|
3749
3750
|
}
|
|
3750
3751
|
));
|
|
3751
3752
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
|
|
3752
|
-
var DropdownMenuContent =
|
|
3753
|
+
var DropdownMenuContent = React10__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3753
3754
|
DropdownMenuPrimitive__namespace.Content,
|
|
3754
3755
|
{
|
|
3755
3756
|
ref,
|
|
@@ -3762,7 +3763,7 @@ var DropdownMenuContent = React49__namespace.forwardRef(({ className, sideOffset
|
|
|
3762
3763
|
}
|
|
3763
3764
|
) }));
|
|
3764
3765
|
DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
|
|
3765
|
-
var DropdownMenuItem =
|
|
3766
|
+
var DropdownMenuItem = React10__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3766
3767
|
DropdownMenuPrimitive__namespace.Item,
|
|
3767
3768
|
{
|
|
3768
3769
|
ref,
|
|
@@ -3775,7 +3776,7 @@ var DropdownMenuItem = React49__namespace.forwardRef(({ className, inset, ...pro
|
|
|
3775
3776
|
}
|
|
3776
3777
|
));
|
|
3777
3778
|
DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
|
|
3778
|
-
var DropdownMenuCheckboxItem =
|
|
3779
|
+
var DropdownMenuCheckboxItem = React10__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3779
3780
|
DropdownMenuPrimitive__namespace.CheckboxItem,
|
|
3780
3781
|
{
|
|
3781
3782
|
ref,
|
|
@@ -3792,7 +3793,7 @@ var DropdownMenuCheckboxItem = React49__namespace.forwardRef(({ className, child
|
|
|
3792
3793
|
}
|
|
3793
3794
|
));
|
|
3794
3795
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
|
|
3795
|
-
var DropdownMenuRadioItem =
|
|
3796
|
+
var DropdownMenuRadioItem = React10__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3796
3797
|
DropdownMenuPrimitive__namespace.RadioItem,
|
|
3797
3798
|
{
|
|
3798
3799
|
ref,
|
|
@@ -3808,7 +3809,7 @@ var DropdownMenuRadioItem = React49__namespace.forwardRef(({ className, children
|
|
|
3808
3809
|
}
|
|
3809
3810
|
));
|
|
3810
3811
|
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
|
|
3811
|
-
var DropdownMenuLabel =
|
|
3812
|
+
var DropdownMenuLabel = React10__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3812
3813
|
DropdownMenuPrimitive__namespace.Label,
|
|
3813
3814
|
{
|
|
3814
3815
|
ref,
|
|
@@ -3821,7 +3822,7 @@ var DropdownMenuLabel = React49__namespace.forwardRef(({ className, inset, ...pr
|
|
|
3821
3822
|
}
|
|
3822
3823
|
));
|
|
3823
3824
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
|
|
3824
|
-
var DropdownMenuSeparator =
|
|
3825
|
+
var DropdownMenuSeparator = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3825
3826
|
DropdownMenuPrimitive__namespace.Separator,
|
|
3826
3827
|
{
|
|
3827
3828
|
ref,
|
|
@@ -3845,7 +3846,7 @@ var DropdownMenuShortcut = ({
|
|
|
3845
3846
|
DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
|
|
3846
3847
|
var Popover = PopoverPrimitive__namespace.Root;
|
|
3847
3848
|
var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
|
|
3848
|
-
var PopoverContent =
|
|
3849
|
+
var PopoverContent = React10__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3849
3850
|
PopoverPrimitive__namespace.Content,
|
|
3850
3851
|
{
|
|
3851
3852
|
ref,
|
|
@@ -3863,7 +3864,7 @@ var TooltipProvider = TooltipPrimitive__namespace.Provider;
|
|
|
3863
3864
|
var TooltipRoot = TooltipPrimitive__namespace.Root;
|
|
3864
3865
|
var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
|
|
3865
3866
|
var TooltipPortal = TooltipPrimitive__namespace.Portal;
|
|
3866
|
-
var TooltipArrow =
|
|
3867
|
+
var TooltipArrow = React10__namespace.forwardRef(({ className, variant = "light", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3867
3868
|
TooltipPrimitive__namespace.Arrow,
|
|
3868
3869
|
{
|
|
3869
3870
|
ref,
|
|
@@ -3896,7 +3897,7 @@ var tooltipContentVariants = classVarianceAuthority.cva(
|
|
|
3896
3897
|
}
|
|
3897
3898
|
}
|
|
3898
3899
|
);
|
|
3899
|
-
var TooltipContent =
|
|
3900
|
+
var TooltipContent = React10__namespace.forwardRef(
|
|
3900
3901
|
({
|
|
3901
3902
|
className,
|
|
3902
3903
|
variant = "light",
|
|
@@ -3930,11 +3931,11 @@ var TooltipContent = React49__namespace.forwardRef(
|
|
|
3930
3931
|
) })
|
|
3931
3932
|
);
|
|
3932
3933
|
TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
|
|
3933
|
-
var TooltipHeader =
|
|
3934
|
+
var TooltipHeader = React10__namespace.forwardRef(
|
|
3934
3935
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex flex-col gap-1", className), ...props })
|
|
3935
3936
|
);
|
|
3936
3937
|
TooltipHeader.displayName = "TooltipHeader";
|
|
3937
|
-
var TooltipTitle =
|
|
3938
|
+
var TooltipTitle = React10__namespace.forwardRef(
|
|
3938
3939
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3939
3940
|
"h4",
|
|
3940
3941
|
{
|
|
@@ -3945,7 +3946,7 @@ var TooltipTitle = React49__namespace.forwardRef(
|
|
|
3945
3946
|
)
|
|
3946
3947
|
);
|
|
3947
3948
|
TooltipTitle.displayName = "TooltipTitle";
|
|
3948
|
-
var TooltipDescription =
|
|
3949
|
+
var TooltipDescription = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3949
3950
|
"p",
|
|
3950
3951
|
{
|
|
3951
3952
|
ref,
|
|
@@ -3954,7 +3955,7 @@ var TooltipDescription = React49__namespace.forwardRef(({ className, ...props },
|
|
|
3954
3955
|
}
|
|
3955
3956
|
));
|
|
3956
3957
|
TooltipDescription.displayName = "TooltipDescription";
|
|
3957
|
-
var TooltipActions =
|
|
3958
|
+
var TooltipActions = React10__namespace.forwardRef(
|
|
3958
3959
|
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3959
3960
|
"div",
|
|
3960
3961
|
{
|
|
@@ -3980,7 +3981,7 @@ var tooltipActionVariants = classVarianceAuthority.cva(
|
|
|
3980
3981
|
}
|
|
3981
3982
|
}
|
|
3982
3983
|
);
|
|
3983
|
-
var TooltipAction =
|
|
3984
|
+
var TooltipAction = React10__namespace.forwardRef(
|
|
3984
3985
|
({ className, variant = "primary", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3985
3986
|
"button",
|
|
3986
3987
|
{
|
|
@@ -3991,7 +3992,7 @@ var TooltipAction = React49__namespace.forwardRef(
|
|
|
3991
3992
|
)
|
|
3992
3993
|
);
|
|
3993
3994
|
TooltipAction.displayName = "TooltipAction";
|
|
3994
|
-
var TooltipIcon =
|
|
3995
|
+
var TooltipIcon = React10__namespace.forwardRef(
|
|
3995
3996
|
({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3996
3997
|
"div",
|
|
3997
3998
|
{
|
|
@@ -4044,14 +4045,14 @@ var Tooltip = Object.assign(TooltipRoot, {
|
|
|
4044
4045
|
Icon: TooltipIcon,
|
|
4045
4046
|
Simple: SimpleTooltip
|
|
4046
4047
|
});
|
|
4047
|
-
var AuthLayoutContext =
|
|
4048
|
+
var AuthLayoutContext = React10__namespace.createContext({
|
|
4048
4049
|
imagePosition: "left"
|
|
4049
4050
|
});
|
|
4050
4051
|
function AuthLayoutRoot({ children, className }) {
|
|
4051
|
-
const [imagePosition, setImagePosition] =
|
|
4052
|
-
|
|
4053
|
-
|
|
4054
|
-
if (
|
|
4052
|
+
const [imagePosition, setImagePosition] = React10__namespace.useState("left");
|
|
4053
|
+
React10__namespace.useEffect(() => {
|
|
4054
|
+
React10__namespace.Children.forEach(children, (child) => {
|
|
4055
|
+
if (React10__namespace.isValidElement(child) && child.type === AuthLayoutImage) {
|
|
4055
4056
|
setImagePosition(child.props.position || "left");
|
|
4056
4057
|
}
|
|
4057
4058
|
});
|
|
@@ -4249,7 +4250,7 @@ var AuthLayout = Object.assign(AuthLayoutRoot, {
|
|
|
4249
4250
|
Link: AuthLayoutLink,
|
|
4250
4251
|
Divider: AuthLayoutDivider
|
|
4251
4252
|
});
|
|
4252
|
-
var TabsContext =
|
|
4253
|
+
var TabsContext = React10__namespace.createContext(null);
|
|
4253
4254
|
function SelectionLayoutRoot({ children, className }) {
|
|
4254
4255
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("min-h-screen bg-muted/30 flex flex-col lg:flex-row", className), children });
|
|
4255
4256
|
}
|
|
@@ -4360,7 +4361,7 @@ function SelectionLayoutTab({
|
|
|
4360
4361
|
badge,
|
|
4361
4362
|
className
|
|
4362
4363
|
}) {
|
|
4363
|
-
const context =
|
|
4364
|
+
const context = React10__namespace.useContext(TabsContext);
|
|
4364
4365
|
if (!context) {
|
|
4365
4366
|
throw new Error("SelectionLayout.Tab must be used within SelectionLayout.Tabs");
|
|
4366
4367
|
}
|
|
@@ -4505,17 +4506,17 @@ var SelectionLayout = Object.assign(SelectionLayoutRoot, {
|
|
|
4505
4506
|
Card: SelectionLayoutCard,
|
|
4506
4507
|
Empty: SelectionLayoutEmpty
|
|
4507
4508
|
});
|
|
4508
|
-
var DashboardLayoutContext =
|
|
4509
|
+
var DashboardLayoutContext = React10__namespace.createContext(null);
|
|
4509
4510
|
function useDashboardLayout() {
|
|
4510
|
-
const context =
|
|
4511
|
+
const context = React10__namespace.useContext(DashboardLayoutContext);
|
|
4511
4512
|
if (!context) {
|
|
4512
4513
|
throw new Error("useDashboardLayout must be used within DashboardLayout");
|
|
4513
4514
|
}
|
|
4514
4515
|
return context;
|
|
4515
4516
|
}
|
|
4516
4517
|
function useMediaQuery(query) {
|
|
4517
|
-
const [matches, setMatches] =
|
|
4518
|
-
|
|
4518
|
+
const [matches, setMatches] = React10__namespace.useState(false);
|
|
4519
|
+
React10__namespace.useEffect(() => {
|
|
4519
4520
|
const media = window.matchMedia(query);
|
|
4520
4521
|
if (media.matches !== matches) {
|
|
4521
4522
|
setMatches(media.matches);
|
|
@@ -4532,11 +4533,11 @@ function DashboardLayoutRoot({
|
|
|
4532
4533
|
defaultExpanded = false,
|
|
4533
4534
|
defaultPinned = false
|
|
4534
4535
|
}) {
|
|
4535
|
-
const [sidebarExpanded, setSidebarExpanded] =
|
|
4536
|
-
const [sidebarPinned, setSidebarPinned] =
|
|
4537
|
-
const [mobileMenuOpen, setMobileMenuOpen] =
|
|
4536
|
+
const [sidebarExpanded, setSidebarExpanded] = React10__namespace.useState(defaultExpanded || defaultPinned);
|
|
4537
|
+
const [sidebarPinned, setSidebarPinned] = React10__namespace.useState(defaultPinned);
|
|
4538
|
+
const [mobileMenuOpen, setMobileMenuOpen] = React10__namespace.useState(false);
|
|
4538
4539
|
const isMobile = useMediaQuery("(max-width: 1024px)");
|
|
4539
|
-
|
|
4540
|
+
React10__namespace.useEffect(() => {
|
|
4540
4541
|
if (!isMobile) {
|
|
4541
4542
|
setMobileMenuOpen(false);
|
|
4542
4543
|
}
|
|
@@ -4677,7 +4678,7 @@ function DashboardLayoutSidebarNavItem({
|
|
|
4677
4678
|
};
|
|
4678
4679
|
const renderIcon4 = () => {
|
|
4679
4680
|
if (!icon) return null;
|
|
4680
|
-
if (
|
|
4681
|
+
if (React10__namespace.isValidElement(icon)) {
|
|
4681
4682
|
return icon;
|
|
4682
4683
|
}
|
|
4683
4684
|
if (typeof icon === "function" || typeof icon === "object" && "$$typeof" in icon) {
|
|
@@ -4732,7 +4733,7 @@ function DashboardLayoutSidebarNavGroup({
|
|
|
4732
4733
|
className
|
|
4733
4734
|
}) {
|
|
4734
4735
|
const { sidebarExpanded } = useDashboardLayout();
|
|
4735
|
-
const [isOpen, setIsOpen] =
|
|
4736
|
+
const [isOpen, setIsOpen] = React10__namespace.useState(defaultOpen);
|
|
4736
4737
|
const badgeColors = {
|
|
4737
4738
|
default: "bg-muted text-muted-foreground",
|
|
4738
4739
|
primary: "bg-primary/10 text-primary",
|
|
@@ -4740,7 +4741,7 @@ function DashboardLayoutSidebarNavGroup({
|
|
|
4740
4741
|
};
|
|
4741
4742
|
const renderIcon4 = () => {
|
|
4742
4743
|
if (!icon) return null;
|
|
4743
|
-
if (
|
|
4744
|
+
if (React10__namespace.isValidElement(icon)) {
|
|
4744
4745
|
return icon;
|
|
4745
4746
|
}
|
|
4746
4747
|
if (typeof icon === "function" || typeof icon === "object" && "$$typeof" in icon) {
|
|
@@ -4749,7 +4750,7 @@ function DashboardLayoutSidebarNavGroup({
|
|
|
4749
4750
|
}
|
|
4750
4751
|
return null;
|
|
4751
4752
|
};
|
|
4752
|
-
|
|
4753
|
+
React10__namespace.useEffect(() => {
|
|
4753
4754
|
if (isActive && sidebarExpanded) {
|
|
4754
4755
|
setIsOpen(true);
|
|
4755
4756
|
}
|
|
@@ -4853,7 +4854,7 @@ function DashboardLayoutHeaderUser({
|
|
|
4853
4854
|
children,
|
|
4854
4855
|
onLogout
|
|
4855
4856
|
}) {
|
|
4856
|
-
const [isOpen, setIsOpen] =
|
|
4857
|
+
const [isOpen, setIsOpen] = React10__namespace.useState(false);
|
|
4857
4858
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", className), children: [
|
|
4858
4859
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4859
4860
|
"button",
|
|
@@ -4934,7 +4935,7 @@ function DashboardLayoutBreadcrumbs({
|
|
|
4934
4935
|
return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: cn("flex items-center gap-1 text-sm", className), children: items.map((item, index) => {
|
|
4935
4936
|
const Icon2 = item.icon;
|
|
4936
4937
|
const isLast = index === items.length - 1;
|
|
4937
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4938
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(React10__namespace.Fragment, { children: [
|
|
4938
4939
|
item.href && !isLast ? /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4939
4940
|
"a",
|
|
4940
4941
|
{
|
|
@@ -5037,23 +5038,23 @@ var DashboardLayout = Object.assign(DashboardLayoutRoot, {
|
|
|
5037
5038
|
MobileNav: DashboardLayoutMobileNav,
|
|
5038
5039
|
MobileNavItem: DashboardLayoutMobileNavItem
|
|
5039
5040
|
});
|
|
5040
|
-
var SidebarContext =
|
|
5041
|
+
var SidebarContext = React10__namespace.createContext(null);
|
|
5041
5042
|
function useSidebar() {
|
|
5042
|
-
const context =
|
|
5043
|
+
const context = React10__namespace.useContext(SidebarContext);
|
|
5043
5044
|
if (!context) {
|
|
5044
5045
|
throw new Error("useSidebar must be used within a Sidebar component");
|
|
5045
5046
|
}
|
|
5046
5047
|
return context;
|
|
5047
5048
|
}
|
|
5048
5049
|
function useSidebarOptional() {
|
|
5049
|
-
return
|
|
5050
|
+
return React10__namespace.useContext(SidebarContext);
|
|
5050
5051
|
}
|
|
5051
5052
|
function SidebarProvider({ children, value }) {
|
|
5052
5053
|
return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.Provider, { value, children });
|
|
5053
5054
|
}
|
|
5054
5055
|
function useMediaQuery2(query) {
|
|
5055
|
-
const [matches, setMatches] =
|
|
5056
|
-
|
|
5056
|
+
const [matches, setMatches] = React10__namespace.useState(false);
|
|
5057
|
+
React10__namespace.useEffect(() => {
|
|
5057
5058
|
if (typeof window === "undefined") return;
|
|
5058
5059
|
const mediaQuery = window.matchMedia(query);
|
|
5059
5060
|
setMatches(mediaQuery.matches);
|
|
@@ -5065,7 +5066,7 @@ function useMediaQuery2(query) {
|
|
|
5065
5066
|
}, [query]);
|
|
5066
5067
|
return matches;
|
|
5067
5068
|
}
|
|
5068
|
-
var SidebarHeader =
|
|
5069
|
+
var SidebarHeader = React10__namespace.memo(function SidebarHeader2({
|
|
5069
5070
|
logo,
|
|
5070
5071
|
collapsedLogo,
|
|
5071
5072
|
title,
|
|
@@ -5073,7 +5074,7 @@ var SidebarHeader = React49__namespace.memo(function SidebarHeader2({
|
|
|
5073
5074
|
className
|
|
5074
5075
|
}) {
|
|
5075
5076
|
const { expanded, pinned, setPinned } = useSidebar();
|
|
5076
|
-
const handleTogglePin =
|
|
5077
|
+
const handleTogglePin = React10__namespace.useCallback(() => {
|
|
5077
5078
|
setPinned(!pinned);
|
|
5078
5079
|
}, [pinned, setPinned]);
|
|
5079
5080
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -5148,7 +5149,7 @@ var SidebarHeader = React49__namespace.memo(function SidebarHeader2({
|
|
|
5148
5149
|
);
|
|
5149
5150
|
});
|
|
5150
5151
|
SidebarHeader.displayName = "Sidebar.Header";
|
|
5151
|
-
var SidebarNav =
|
|
5152
|
+
var SidebarNav = React10__namespace.memo(function SidebarNav2({
|
|
5152
5153
|
children,
|
|
5153
5154
|
className
|
|
5154
5155
|
}) {
|
|
@@ -5164,7 +5165,7 @@ var SidebarNav = React49__namespace.memo(function SidebarNav2({
|
|
|
5164
5165
|
);
|
|
5165
5166
|
});
|
|
5166
5167
|
SidebarNav.displayName = "Sidebar.Nav";
|
|
5167
|
-
var SidebarSection =
|
|
5168
|
+
var SidebarSection = React10__namespace.memo(function SidebarSection2({
|
|
5168
5169
|
title,
|
|
5169
5170
|
children,
|
|
5170
5171
|
className
|
|
@@ -5188,8 +5189,8 @@ var SidebarSection = React49__namespace.memo(function SidebarSection2({
|
|
|
5188
5189
|
SidebarSection.displayName = "Sidebar.Section";
|
|
5189
5190
|
function renderIcon(icon, className) {
|
|
5190
5191
|
if (!icon) return null;
|
|
5191
|
-
if (
|
|
5192
|
-
return
|
|
5192
|
+
if (React10__namespace.isValidElement(icon)) {
|
|
5193
|
+
return React10__namespace.cloneElement(icon, { className });
|
|
5193
5194
|
}
|
|
5194
5195
|
if (typeof icon === "function" || typeof icon === "object" && icon !== null && "$$typeof" in icon) {
|
|
5195
5196
|
const IconComponent = icon;
|
|
@@ -5203,7 +5204,7 @@ var badgeVariantStyles = {
|
|
|
5203
5204
|
success: "bg-green-100 text-green-600",
|
|
5204
5205
|
warning: "bg-amber-100 text-amber-600"
|
|
5205
5206
|
};
|
|
5206
|
-
var SidebarNavItem =
|
|
5207
|
+
var SidebarNavItem = React10__namespace.memo(function SidebarNavItem2({
|
|
5207
5208
|
icon,
|
|
5208
5209
|
label,
|
|
5209
5210
|
href,
|
|
@@ -5215,7 +5216,7 @@ var SidebarNavItem = React49__namespace.memo(function SidebarNavItem2({
|
|
|
5215
5216
|
className
|
|
5216
5217
|
}) {
|
|
5217
5218
|
const { expanded } = useSidebar();
|
|
5218
|
-
const handleClick =
|
|
5219
|
+
const handleClick = React10__namespace.useCallback(() => {
|
|
5219
5220
|
if (disabled) return;
|
|
5220
5221
|
if (onClick) {
|
|
5221
5222
|
onClick();
|
|
@@ -5298,8 +5299,8 @@ var SidebarNavItem = React49__namespace.memo(function SidebarNavItem2({
|
|
|
5298
5299
|
SidebarNavItem.displayName = "Sidebar.NavItem";
|
|
5299
5300
|
function renderIcon2(icon, className) {
|
|
5300
5301
|
if (!icon) return null;
|
|
5301
|
-
if (
|
|
5302
|
-
return
|
|
5302
|
+
if (React10__namespace.isValidElement(icon)) {
|
|
5303
|
+
return React10__namespace.cloneElement(icon, { className });
|
|
5303
5304
|
}
|
|
5304
5305
|
if (typeof icon === "function" || typeof icon === "object" && icon !== null && "$$typeof" in icon) {
|
|
5305
5306
|
const IconComponent = icon;
|
|
@@ -5313,7 +5314,7 @@ var badgeVariantStyles2 = {
|
|
|
5313
5314
|
success: "bg-green-100 text-green-600",
|
|
5314
5315
|
warning: "bg-amber-100 text-amber-600"
|
|
5315
5316
|
};
|
|
5316
|
-
var SidebarNavGroup =
|
|
5317
|
+
var SidebarNavGroup = React10__namespace.memo(function SidebarNavGroup2({
|
|
5317
5318
|
icon,
|
|
5318
5319
|
label,
|
|
5319
5320
|
children,
|
|
@@ -5325,10 +5326,10 @@ var SidebarNavGroup = React49__namespace.memo(function SidebarNavGroup2({
|
|
|
5325
5326
|
className
|
|
5326
5327
|
}) {
|
|
5327
5328
|
const { expanded, activeSection, setActiveSection } = useSidebar();
|
|
5328
|
-
const [isOpen, setIsOpen] =
|
|
5329
|
+
const [isOpen, setIsOpen] = React10__namespace.useState(defaultOpen);
|
|
5329
5330
|
const groupId = id || label.toLowerCase().replace(/\s+/g, "-");
|
|
5330
5331
|
const isExpanded = expanded && (activeSection === groupId || isOpen);
|
|
5331
|
-
const handleClick =
|
|
5332
|
+
const handleClick = React10__namespace.useCallback(() => {
|
|
5332
5333
|
if (activeSection === groupId) {
|
|
5333
5334
|
setActiveSection(null);
|
|
5334
5335
|
setIsOpen(false);
|
|
@@ -5337,7 +5338,7 @@ var SidebarNavGroup = React49__namespace.memo(function SidebarNavGroup2({
|
|
|
5337
5338
|
setIsOpen(true);
|
|
5338
5339
|
}
|
|
5339
5340
|
}, [activeSection, groupId, setActiveSection]);
|
|
5340
|
-
|
|
5341
|
+
React10__namespace.useEffect(() => {
|
|
5341
5342
|
if (expanded && isActive && !isOpen) {
|
|
5342
5343
|
setIsOpen(true);
|
|
5343
5344
|
setActiveSection(groupId);
|
|
@@ -5441,18 +5442,18 @@ function isLucideIcon(icon) {
|
|
|
5441
5442
|
function getInitials(name) {
|
|
5442
5443
|
return name.split(" ").map((part) => part.charAt(0)).slice(0, 2).join("").toUpperCase();
|
|
5443
5444
|
}
|
|
5444
|
-
var SidebarFooter =
|
|
5445
|
+
var SidebarFooter = React10__namespace.memo(function SidebarFooter2({
|
|
5445
5446
|
user,
|
|
5446
5447
|
menuItems,
|
|
5447
5448
|
children,
|
|
5448
5449
|
className
|
|
5449
5450
|
}) {
|
|
5450
5451
|
const { expanded } = useSidebar();
|
|
5451
|
-
const [menuOpen, setMenuOpen] =
|
|
5452
|
-
const handleToggleMenu =
|
|
5452
|
+
const [menuOpen, setMenuOpen] = React10__namespace.useState(false);
|
|
5453
|
+
const handleToggleMenu = React10__namespace.useCallback(() => {
|
|
5453
5454
|
setMenuOpen((prev) => !prev);
|
|
5454
5455
|
}, []);
|
|
5455
|
-
|
|
5456
|
+
React10__namespace.useEffect(() => {
|
|
5456
5457
|
if (!menuOpen) return;
|
|
5457
5458
|
const handleClickOutside = (event) => {
|
|
5458
5459
|
const target = event.target;
|
|
@@ -5530,7 +5531,7 @@ var SidebarFooter = React49__namespace.memo(function SidebarFooter2({
|
|
|
5530
5531
|
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-1", children: menuItems.map((item, index) => {
|
|
5531
5532
|
const IconComponent = item.icon && isLucideIcon(item.icon) ? item.icon : null;
|
|
5532
5533
|
const isDestructive = item.variant === "destructive";
|
|
5533
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5534
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(React10__namespace.Fragment, { children: [
|
|
5534
5535
|
isDestructive && index > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-1 border-t border-border" }),
|
|
5535
5536
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
5536
5537
|
"button",
|
|
@@ -5567,17 +5568,17 @@ function SidebarRoot({
|
|
|
5567
5568
|
collapsedWidth = COLLAPSED_WIDTH,
|
|
5568
5569
|
expandedWidth = EXPANDED_WIDTH
|
|
5569
5570
|
}) {
|
|
5570
|
-
const [expanded, setExpanded] =
|
|
5571
|
-
const [pinned, setPinned] =
|
|
5572
|
-
const [activeSection, setActiveSection] =
|
|
5571
|
+
const [expanded, setExpanded] = React10__namespace.useState(defaultExpanded || defaultPinned);
|
|
5572
|
+
const [pinned, setPinned] = React10__namespace.useState(defaultPinned);
|
|
5573
|
+
const [activeSection, setActiveSection] = React10__namespace.useState(null);
|
|
5573
5574
|
const isMobile = useMediaQuery2("(max-width: 768px)");
|
|
5574
|
-
const handleSetPinned =
|
|
5575
|
+
const handleSetPinned = React10__namespace.useCallback((value) => {
|
|
5575
5576
|
setPinned(value);
|
|
5576
5577
|
if (value) {
|
|
5577
5578
|
setExpanded(true);
|
|
5578
5579
|
}
|
|
5579
5580
|
}, []);
|
|
5580
|
-
const contextValue =
|
|
5581
|
+
const contextValue = React10__namespace.useMemo(
|
|
5581
5582
|
() => ({
|
|
5582
5583
|
expanded,
|
|
5583
5584
|
setExpanded,
|
|
@@ -5596,13 +5597,13 @@ function SidebarRoot({
|
|
|
5596
5597
|
SidebarRoot.displayName = "SidebarRoot";
|
|
5597
5598
|
function SidebarAside({ children, className }) {
|
|
5598
5599
|
const { expanded, pinned, setExpanded, isMobile, collapsedWidth, expandedWidth } = useSidebar();
|
|
5599
|
-
const sidebarRef =
|
|
5600
|
-
const handleMouseEnter =
|
|
5600
|
+
const sidebarRef = React10__namespace.useRef(null);
|
|
5601
|
+
const handleMouseEnter = React10__namespace.useCallback(() => {
|
|
5601
5602
|
if (!pinned && !isMobile) {
|
|
5602
5603
|
setExpanded(true);
|
|
5603
5604
|
}
|
|
5604
5605
|
}, [pinned, isMobile, setExpanded]);
|
|
5605
|
-
const handleMouseLeave =
|
|
5606
|
+
const handleMouseLeave = React10__namespace.useCallback(() => {
|
|
5606
5607
|
if (!pinned && !isMobile) {
|
|
5607
5608
|
setExpanded(false);
|
|
5608
5609
|
}
|
|
@@ -5670,28 +5671,28 @@ function LegacySidebar({
|
|
|
5670
5671
|
expandedWidth = EXPANDED_WIDTH,
|
|
5671
5672
|
className
|
|
5672
5673
|
}) {
|
|
5673
|
-
const [expanded, setExpanded] =
|
|
5674
|
-
const [pinned, setPinned] =
|
|
5675
|
-
const [activeSection, setActiveSection] =
|
|
5674
|
+
const [expanded, setExpanded] = React10__namespace.useState(defaultExpanded || defaultPinned);
|
|
5675
|
+
const [pinned, setPinned] = React10__namespace.useState(defaultPinned);
|
|
5676
|
+
const [activeSection, setActiveSection] = React10__namespace.useState(null);
|
|
5676
5677
|
const isMobile = useMediaQuery2("(max-width: 768px)");
|
|
5677
|
-
const sidebarRef =
|
|
5678
|
-
const handleMouseEnter =
|
|
5678
|
+
const sidebarRef = React10__namespace.useRef(null);
|
|
5679
|
+
const handleMouseEnter = React10__namespace.useCallback(() => {
|
|
5679
5680
|
if (!pinned && !isMobile) {
|
|
5680
5681
|
setExpanded(true);
|
|
5681
5682
|
}
|
|
5682
5683
|
}, [pinned, isMobile]);
|
|
5683
|
-
const handleMouseLeave =
|
|
5684
|
+
const handleMouseLeave = React10__namespace.useCallback(() => {
|
|
5684
5685
|
if (!pinned && !isMobile) {
|
|
5685
5686
|
setExpanded(false);
|
|
5686
5687
|
}
|
|
5687
5688
|
}, [pinned, isMobile]);
|
|
5688
|
-
const handleSetPinned =
|
|
5689
|
+
const handleSetPinned = React10__namespace.useCallback((value) => {
|
|
5689
5690
|
setPinned(value);
|
|
5690
5691
|
if (value) {
|
|
5691
5692
|
setExpanded(true);
|
|
5692
5693
|
}
|
|
5693
5694
|
}, []);
|
|
5694
|
-
const contextValue =
|
|
5695
|
+
const contextValue = React10__namespace.useMemo(
|
|
5695
5696
|
() => ({
|
|
5696
5697
|
expanded,
|
|
5697
5698
|
setExpanded,
|
|
@@ -5748,8 +5749,8 @@ var Sidebar = Object.assign(LegacySidebar, {
|
|
|
5748
5749
|
});
|
|
5749
5750
|
function renderIcon3(icon, className) {
|
|
5750
5751
|
if (!icon) return null;
|
|
5751
|
-
if (
|
|
5752
|
-
return
|
|
5752
|
+
if (React10__namespace.isValidElement(icon)) {
|
|
5753
|
+
return React10__namespace.cloneElement(icon, { className });
|
|
5753
5754
|
}
|
|
5754
5755
|
if (typeof icon === "function" || typeof icon === "object" && icon !== null && "$$typeof" in icon) {
|
|
5755
5756
|
const IconComponent = icon;
|
|
@@ -5757,7 +5758,7 @@ function renderIcon3(icon, className) {
|
|
|
5757
5758
|
}
|
|
5758
5759
|
return null;
|
|
5759
5760
|
}
|
|
5760
|
-
var MobileNavItem =
|
|
5761
|
+
var MobileNavItem = React10__namespace.memo(function MobileNavItem2({
|
|
5761
5762
|
icon,
|
|
5762
5763
|
label,
|
|
5763
5764
|
isActive = false,
|
|
@@ -5795,7 +5796,7 @@ var MobileNavItem = React49__namespace.memo(function MobileNavItem2({
|
|
|
5795
5796
|
] });
|
|
5796
5797
|
});
|
|
5797
5798
|
MobileNavItem.displayName = "MobileNavItem";
|
|
5798
|
-
var MobileNav =
|
|
5799
|
+
var MobileNav = React10__namespace.memo(function MobileNav2({
|
|
5799
5800
|
items,
|
|
5800
5801
|
fabAction,
|
|
5801
5802
|
className
|
|
@@ -5863,7 +5864,7 @@ var MobileNav = React49__namespace.memo(function MobileNav2({
|
|
|
5863
5864
|
);
|
|
5864
5865
|
});
|
|
5865
5866
|
MobileNav.displayName = "MobileNav";
|
|
5866
|
-
var Navbar =
|
|
5867
|
+
var Navbar = React10__namespace.memo(function Navbar2({
|
|
5867
5868
|
children,
|
|
5868
5869
|
className,
|
|
5869
5870
|
style
|
|
@@ -5882,8 +5883,8 @@ var Navbar = React49__namespace.memo(function Navbar2({
|
|
|
5882
5883
|
});
|
|
5883
5884
|
Navbar.displayName = "Navbar";
|
|
5884
5885
|
function ThemeToggle({ className }) {
|
|
5885
|
-
const [isDark, setIsDark] =
|
|
5886
|
-
|
|
5886
|
+
const [isDark, setIsDark] = React10__namespace.useState(false);
|
|
5887
|
+
React10__namespace.useEffect(() => {
|
|
5887
5888
|
const isDarkMode = document.documentElement.classList.contains("dark");
|
|
5888
5889
|
setIsDark(isDarkMode);
|
|
5889
5890
|
}, []);
|
|
@@ -5975,7 +5976,7 @@ function NavbarNotification({
|
|
|
5975
5976
|
] });
|
|
5976
5977
|
}
|
|
5977
5978
|
NavbarNotification.displayName = "NavbarNotification";
|
|
5978
|
-
var ScrollArea =
|
|
5979
|
+
var ScrollArea = React10__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5979
5980
|
ScrollAreaPrimitive__namespace.Root,
|
|
5980
5981
|
{
|
|
5981
5982
|
ref,
|
|
@@ -5989,7 +5990,7 @@ var ScrollArea = React49__namespace.forwardRef(({ className, children, ...props
|
|
|
5989
5990
|
}
|
|
5990
5991
|
));
|
|
5991
5992
|
ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
|
|
5992
|
-
var ScrollBar =
|
|
5993
|
+
var ScrollBar = React10__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5993
5994
|
ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
|
|
5994
5995
|
{
|
|
5995
5996
|
ref,
|
|
@@ -6005,7 +6006,7 @@ var ScrollBar = React49__namespace.forwardRef(({ className, orientation = "verti
|
|
|
6005
6006
|
}
|
|
6006
6007
|
));
|
|
6007
6008
|
ScrollBar.displayName = ScrollAreaPrimitive__namespace.ScrollAreaScrollbar.displayName;
|
|
6008
|
-
var Separator3 =
|
|
6009
|
+
var Separator3 = React10__namespace.forwardRef(
|
|
6009
6010
|
({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
6010
6011
|
SeparatorPrimitive__namespace.Root,
|
|
6011
6012
|
{
|
|
@@ -6073,7 +6074,7 @@ function NavbarCompanyProfile({
|
|
|
6073
6074
|
/* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: "h-64", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
|
|
6074
6075
|
isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ jsxRuntime.jsx(Loader, { variant: "spinner" }) }),
|
|
6075
6076
|
!isLoading && companies.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-muted-foreground", children: "Nenhuma empresa encontrada." }),
|
|
6076
|
-
companies.map((company, index) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
6077
|
+
companies.map((company, index) => /* @__PURE__ */ jsxRuntime.jsxs(React10__namespace.Fragment, { children: [
|
|
6077
6078
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6078
6079
|
Button,
|
|
6079
6080
|
{
|
|
@@ -6156,9 +6157,9 @@ function NavbarUserMenu({
|
|
|
6156
6157
|
] });
|
|
6157
6158
|
}
|
|
6158
6159
|
NavbarUserMenu.displayName = "NavbarUserMenu";
|
|
6159
|
-
var Breadcrumb =
|
|
6160
|
+
var Breadcrumb = React10__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
|
|
6160
6161
|
Breadcrumb.displayName = "Breadcrumb";
|
|
6161
|
-
var BreadcrumbList =
|
|
6162
|
+
var BreadcrumbList = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
6162
6163
|
"ol",
|
|
6163
6164
|
{
|
|
6164
6165
|
ref,
|
|
@@ -6170,7 +6171,7 @@ var BreadcrumbList = React49__namespace.forwardRef(({ className, ...props }, ref
|
|
|
6170
6171
|
}
|
|
6171
6172
|
));
|
|
6172
6173
|
BreadcrumbList.displayName = "BreadcrumbList";
|
|
6173
|
-
var BreadcrumbItem =
|
|
6174
|
+
var BreadcrumbItem = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
6174
6175
|
"li",
|
|
6175
6176
|
{
|
|
6176
6177
|
ref,
|
|
@@ -6179,7 +6180,7 @@ var BreadcrumbItem = React49__namespace.forwardRef(({ className, ...props }, ref
|
|
|
6179
6180
|
}
|
|
6180
6181
|
));
|
|
6181
6182
|
BreadcrumbItem.displayName = "BreadcrumbItem";
|
|
6182
|
-
var BreadcrumbLink =
|
|
6183
|
+
var BreadcrumbLink = React10__namespace.forwardRef(({ asChild, className, ...props }, ref) => {
|
|
6183
6184
|
const Comp = asChild ? reactSlot.Slot : "a";
|
|
6184
6185
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6185
6186
|
Comp,
|
|
@@ -6191,7 +6192,7 @@ var BreadcrumbLink = React49__namespace.forwardRef(({ asChild, className, ...pro
|
|
|
6191
6192
|
);
|
|
6192
6193
|
});
|
|
6193
6194
|
BreadcrumbLink.displayName = "BreadcrumbLink";
|
|
6194
|
-
var BreadcrumbPage =
|
|
6195
|
+
var BreadcrumbPage = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
6195
6196
|
"span",
|
|
6196
6197
|
{
|
|
6197
6198
|
ref,
|
|
@@ -6327,16 +6328,16 @@ var SectionHeader = Object.assign(SectionHeaderRoot, {
|
|
|
6327
6328
|
Actions: SectionHeaderActions,
|
|
6328
6329
|
Badge: SectionHeaderBadge
|
|
6329
6330
|
});
|
|
6330
|
-
var KanbanContext =
|
|
6331
|
+
var KanbanContext = React10__namespace.createContext(null);
|
|
6331
6332
|
function useKanban() {
|
|
6332
|
-
const context =
|
|
6333
|
+
const context = React10__namespace.useContext(KanbanContext);
|
|
6333
6334
|
if (!context) {
|
|
6334
6335
|
throw new Error("useKanban must be used within a Kanban.Board component");
|
|
6335
6336
|
}
|
|
6336
6337
|
return context;
|
|
6337
6338
|
}
|
|
6338
6339
|
function useKanbanOptional() {
|
|
6339
|
-
return
|
|
6340
|
+
return React10__namespace.useContext(KanbanContext);
|
|
6340
6341
|
}
|
|
6341
6342
|
function KanbanProvider({ children, value }) {
|
|
6342
6343
|
return /* @__PURE__ */ jsxRuntime.jsx(KanbanContext.Provider, { value, children });
|
|
@@ -6347,18 +6348,18 @@ function KanbanBoard({
|
|
|
6347
6348
|
onDragStart,
|
|
6348
6349
|
className
|
|
6349
6350
|
}) {
|
|
6350
|
-
const [isDragging, setIsDragging] =
|
|
6351
|
-
const [draggedItemId, setDraggedItemId] =
|
|
6352
|
-
const [sourceColumnId, setSourceColumnId] =
|
|
6353
|
-
const [hoveredColumnId, setHoveredColumnId] =
|
|
6354
|
-
const dropValidatorsRef =
|
|
6355
|
-
const registerDropValidator =
|
|
6351
|
+
const [isDragging, setIsDragging] = React10__namespace.useState(false);
|
|
6352
|
+
const [draggedItemId, setDraggedItemId] = React10__namespace.useState(null);
|
|
6353
|
+
const [sourceColumnId, setSourceColumnId] = React10__namespace.useState(null);
|
|
6354
|
+
const [hoveredColumnId, setHoveredColumnId] = React10__namespace.useState(null);
|
|
6355
|
+
const dropValidatorsRef = React10__namespace.useRef(/* @__PURE__ */ new Map());
|
|
6356
|
+
const registerDropValidator = React10__namespace.useCallback((columnId, validator) => {
|
|
6356
6357
|
dropValidatorsRef.current.set(columnId, validator);
|
|
6357
6358
|
}, []);
|
|
6358
|
-
const unregisterDropValidator =
|
|
6359
|
+
const unregisterDropValidator = React10__namespace.useCallback((columnId) => {
|
|
6359
6360
|
dropValidatorsRef.current.delete(columnId);
|
|
6360
6361
|
}, []);
|
|
6361
|
-
const canDropInColumn =
|
|
6362
|
+
const canDropInColumn = React10__namespace.useCallback((columnId) => {
|
|
6362
6363
|
if (!draggedItemId || !sourceColumnId) return false;
|
|
6363
6364
|
if (columnId === sourceColumnId) return false;
|
|
6364
6365
|
const validator = dropValidatorsRef.current.get(columnId);
|
|
@@ -6367,13 +6368,13 @@ function KanbanBoard({
|
|
|
6367
6368
|
}
|
|
6368
6369
|
return true;
|
|
6369
6370
|
}, [draggedItemId, sourceColumnId]);
|
|
6370
|
-
const handleDragStart =
|
|
6371
|
+
const handleDragStart = React10__namespace.useCallback((itemId, colId) => {
|
|
6371
6372
|
setIsDragging(true);
|
|
6372
6373
|
setDraggedItemId(itemId);
|
|
6373
6374
|
setSourceColumnId(colId);
|
|
6374
6375
|
onDragStart?.(itemId, colId);
|
|
6375
6376
|
}, [onDragStart]);
|
|
6376
|
-
const handleDrop =
|
|
6377
|
+
const handleDrop = React10__namespace.useCallback((destinationColumnId) => {
|
|
6377
6378
|
if (draggedItemId && sourceColumnId && destinationColumnId !== sourceColumnId) {
|
|
6378
6379
|
if (canDropInColumn(destinationColumnId)) {
|
|
6379
6380
|
const result = {
|
|
@@ -6389,13 +6390,13 @@ function KanbanBoard({
|
|
|
6389
6390
|
setSourceColumnId(null);
|
|
6390
6391
|
setHoveredColumnId(null);
|
|
6391
6392
|
}, [draggedItemId, sourceColumnId, canDropInColumn, onDragEnd]);
|
|
6392
|
-
const handleDragEnd =
|
|
6393
|
+
const handleDragEnd = React10__namespace.useCallback(() => {
|
|
6393
6394
|
setIsDragging(false);
|
|
6394
6395
|
setDraggedItemId(null);
|
|
6395
6396
|
setSourceColumnId(null);
|
|
6396
6397
|
setHoveredColumnId(null);
|
|
6397
6398
|
}, []);
|
|
6398
|
-
const contextValue =
|
|
6399
|
+
const contextValue = React10__namespace.useMemo(() => ({
|
|
6399
6400
|
isDragging,
|
|
6400
6401
|
draggedItemId,
|
|
6401
6402
|
sourceColumnId,
|
|
@@ -6420,9 +6421,9 @@ function KanbanBoard({
|
|
|
6420
6421
|
}
|
|
6421
6422
|
) });
|
|
6422
6423
|
}
|
|
6423
|
-
var KanbanBoardInternalContext =
|
|
6424
|
+
var KanbanBoardInternalContext = React10__namespace.createContext(null);
|
|
6424
6425
|
function useKanbanBoard() {
|
|
6425
|
-
const context =
|
|
6426
|
+
const context = React10__namespace.useContext(KanbanBoardInternalContext);
|
|
6426
6427
|
if (!context) {
|
|
6427
6428
|
throw new Error("useKanbanBoard must be used within a Kanban.Board component");
|
|
6428
6429
|
}
|
|
@@ -6442,7 +6443,7 @@ function KanbanColumn({
|
|
|
6442
6443
|
}) {
|
|
6443
6444
|
const { isDragging, sourceColumnId, hoveredColumnId, setHoveredColumnId, canDropInColumn, registerDropValidator, unregisterDropValidator } = useKanban();
|
|
6444
6445
|
const { handleDrop } = useKanbanBoard();
|
|
6445
|
-
|
|
6446
|
+
React10__namespace.useEffect(() => {
|
|
6446
6447
|
if (canDrop) {
|
|
6447
6448
|
registerDropValidator(id, canDrop);
|
|
6448
6449
|
return () => unregisterDropValidator(id);
|
|
@@ -6451,7 +6452,7 @@ function KanbanColumn({
|
|
|
6451
6452
|
const isValidDropTarget = isDragging && sourceColumnId !== id && canDropInColumn(id);
|
|
6452
6453
|
const isInvalidDropTarget = isDragging && sourceColumnId !== id && !canDropInColumn(id);
|
|
6453
6454
|
const isHovered = hoveredColumnId === id;
|
|
6454
|
-
const handleDragOver =
|
|
6455
|
+
const handleDragOver = React10__namespace.useCallback((e) => {
|
|
6455
6456
|
e.preventDefault();
|
|
6456
6457
|
if (isValidDropTarget) {
|
|
6457
6458
|
e.dataTransfer.dropEffect = "move";
|
|
@@ -6460,18 +6461,18 @@ function KanbanColumn({
|
|
|
6460
6461
|
e.dataTransfer.dropEffect = "none";
|
|
6461
6462
|
}
|
|
6462
6463
|
}, [isValidDropTarget, setHoveredColumnId, id]);
|
|
6463
|
-
const handleDragLeave =
|
|
6464
|
+
const handleDragLeave = React10__namespace.useCallback((e) => {
|
|
6464
6465
|
if (e.currentTarget === e.target || !e.currentTarget.contains(e.relatedTarget)) {
|
|
6465
6466
|
setHoveredColumnId(null);
|
|
6466
6467
|
}
|
|
6467
6468
|
}, [setHoveredColumnId]);
|
|
6468
|
-
const handleDropEvent =
|
|
6469
|
+
const handleDropEvent = React10__namespace.useCallback((e) => {
|
|
6469
6470
|
e.preventDefault();
|
|
6470
6471
|
if (isValidDropTarget) {
|
|
6471
6472
|
handleDrop(id);
|
|
6472
6473
|
}
|
|
6473
6474
|
}, [isValidDropTarget, handleDrop, id]);
|
|
6474
|
-
const childCount =
|
|
6475
|
+
const childCount = React10__namespace.Children.count(children);
|
|
6475
6476
|
const displayCount = count ?? childCount;
|
|
6476
6477
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
6477
6478
|
"div",
|
|
@@ -6532,7 +6533,7 @@ function KanbanCard({
|
|
|
6532
6533
|
const { draggedItemId } = useKanban();
|
|
6533
6534
|
const { handleDragStart } = useKanbanBoard();
|
|
6534
6535
|
const isThisCardDragging = draggedItemId === id;
|
|
6535
|
-
const handleDragStartEvent =
|
|
6536
|
+
const handleDragStartEvent = React10__namespace.useCallback((e) => {
|
|
6536
6537
|
if (disabled) {
|
|
6537
6538
|
e.preventDefault();
|
|
6538
6539
|
return;
|
|
@@ -6592,15 +6593,15 @@ var itemCardVariants = classVarianceAuthority.cva(
|
|
|
6592
6593
|
}
|
|
6593
6594
|
}
|
|
6594
6595
|
);
|
|
6595
|
-
var ItemCardContext =
|
|
6596
|
+
var ItemCardContext = React10__namespace.createContext(null);
|
|
6596
6597
|
function useItemCard() {
|
|
6597
|
-
const context =
|
|
6598
|
+
const context = React10__namespace.useContext(ItemCardContext);
|
|
6598
6599
|
if (!context) {
|
|
6599
6600
|
throw new Error("ItemCard components must be used within ItemCard.Root");
|
|
6600
6601
|
}
|
|
6601
6602
|
return context;
|
|
6602
6603
|
}
|
|
6603
|
-
var ItemCardRoot =
|
|
6604
|
+
var ItemCardRoot = React10__namespace.forwardRef(
|
|
6604
6605
|
({
|
|
6605
6606
|
className,
|
|
6606
6607
|
variant,
|
|
@@ -6610,7 +6611,7 @@ var ItemCardRoot = React49__namespace.forwardRef(
|
|
|
6610
6611
|
children,
|
|
6611
6612
|
...props
|
|
6612
6613
|
}, ref) => {
|
|
6613
|
-
const contextValue =
|
|
6614
|
+
const contextValue = React10__namespace.useMemo(
|
|
6614
6615
|
() => ({ isSelected: selected }),
|
|
6615
6616
|
[selected]
|
|
6616
6617
|
);
|
|
@@ -6654,7 +6655,7 @@ var itemCardBadgeVariants = classVarianceAuthority.cva(
|
|
|
6654
6655
|
}
|
|
6655
6656
|
}
|
|
6656
6657
|
);
|
|
6657
|
-
var ItemCardBadge =
|
|
6658
|
+
var ItemCardBadge = React10__namespace.forwardRef(
|
|
6658
6659
|
({ className, variant, children, ...props }, ref) => {
|
|
6659
6660
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6660
6661
|
"div",
|
|
@@ -6668,7 +6669,7 @@ var ItemCardBadge = React49__namespace.forwardRef(
|
|
|
6668
6669
|
}
|
|
6669
6670
|
);
|
|
6670
6671
|
ItemCardBadge.displayName = "ItemCardBadge";
|
|
6671
|
-
var ItemCardHeader =
|
|
6672
|
+
var ItemCardHeader = React10__namespace.forwardRef(
|
|
6672
6673
|
({ className, align = "between", children, ...props }, ref) => {
|
|
6673
6674
|
const alignmentClasses = {
|
|
6674
6675
|
left: "justify-start",
|
|
@@ -6717,7 +6718,7 @@ var itemCardIconVariants = classVarianceAuthority.cva(
|
|
|
6717
6718
|
}
|
|
6718
6719
|
}
|
|
6719
6720
|
);
|
|
6720
|
-
var ItemCardIcon =
|
|
6721
|
+
var ItemCardIcon = React10__namespace.forwardRef(
|
|
6721
6722
|
({ className, size, variant, ripple = false, children, ...props }, ref) => {
|
|
6722
6723
|
const wrapperSizeClasses = {
|
|
6723
6724
|
sm: "w-10 h-10",
|
|
@@ -6759,7 +6760,7 @@ var ItemCardIcon = React49__namespace.forwardRef(
|
|
|
6759
6760
|
}
|
|
6760
6761
|
);
|
|
6761
6762
|
ItemCardIcon.displayName = "ItemCardIcon";
|
|
6762
|
-
var ItemCardTitleGroup =
|
|
6763
|
+
var ItemCardTitleGroup = React10__namespace.forwardRef(
|
|
6763
6764
|
({ className, align = "right", children, ...props }, ref) => {
|
|
6764
6765
|
const alignmentClasses = {
|
|
6765
6766
|
left: "text-left",
|
|
@@ -6778,7 +6779,7 @@ var ItemCardTitleGroup = React49__namespace.forwardRef(
|
|
|
6778
6779
|
}
|
|
6779
6780
|
);
|
|
6780
6781
|
ItemCardTitleGroup.displayName = "ItemCardTitleGroup";
|
|
6781
|
-
var ItemCardTitle =
|
|
6782
|
+
var ItemCardTitle = React10__namespace.forwardRef(
|
|
6782
6783
|
({ className, children, ...props }, ref) => {
|
|
6783
6784
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6784
6785
|
"h3",
|
|
@@ -6792,7 +6793,7 @@ var ItemCardTitle = React49__namespace.forwardRef(
|
|
|
6792
6793
|
}
|
|
6793
6794
|
);
|
|
6794
6795
|
ItemCardTitle.displayName = "ItemCardTitle";
|
|
6795
|
-
var ItemCardSubtitle =
|
|
6796
|
+
var ItemCardSubtitle = React10__namespace.forwardRef(
|
|
6796
6797
|
({ className, children, ...props }, ref) => {
|
|
6797
6798
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6798
6799
|
"p",
|
|
@@ -6806,7 +6807,7 @@ var ItemCardSubtitle = React49__namespace.forwardRef(
|
|
|
6806
6807
|
}
|
|
6807
6808
|
);
|
|
6808
6809
|
ItemCardSubtitle.displayName = "ItemCardSubtitle";
|
|
6809
|
-
var ItemCardContent =
|
|
6810
|
+
var ItemCardContent = React10__namespace.forwardRef(
|
|
6810
6811
|
({ className, muted = true, children, ...props }, ref) => {
|
|
6811
6812
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6812
6813
|
"div",
|
|
@@ -6824,7 +6825,7 @@ var ItemCardContent = React49__namespace.forwardRef(
|
|
|
6824
6825
|
}
|
|
6825
6826
|
);
|
|
6826
6827
|
ItemCardContent.displayName = "ItemCardContent";
|
|
6827
|
-
var ItemCardContentItem =
|
|
6828
|
+
var ItemCardContentItem = React10__namespace.forwardRef(
|
|
6828
6829
|
({ className, label, value, secondary, children, ...props }, ref) => {
|
|
6829
6830
|
if (children) {
|
|
6830
6831
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -6859,7 +6860,7 @@ var ItemCardContentItem = React49__namespace.forwardRef(
|
|
|
6859
6860
|
}
|
|
6860
6861
|
);
|
|
6861
6862
|
ItemCardContentItem.displayName = "ItemCardContentItem";
|
|
6862
|
-
var ItemCardEmpty =
|
|
6863
|
+
var ItemCardEmpty = React10__namespace.forwardRef(
|
|
6863
6864
|
({ className, icon, message = "Nenhum item", children, ...props }, ref) => {
|
|
6864
6865
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
6865
6866
|
"div",
|
|
@@ -6879,7 +6880,7 @@ var ItemCardEmpty = React49__namespace.forwardRef(
|
|
|
6879
6880
|
}
|
|
6880
6881
|
);
|
|
6881
6882
|
ItemCardEmpty.displayName = "ItemCardEmpty";
|
|
6882
|
-
var ItemCardFooter =
|
|
6883
|
+
var ItemCardFooter = React10__namespace.forwardRef(
|
|
6883
6884
|
({ className, children, ...props }, ref) => {
|
|
6884
6885
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6885
6886
|
"div",
|
|
@@ -6896,7 +6897,7 @@ var ItemCardFooter = React49__namespace.forwardRef(
|
|
|
6896
6897
|
}
|
|
6897
6898
|
);
|
|
6898
6899
|
ItemCardFooter.displayName = "ItemCardFooter";
|
|
6899
|
-
var ItemCardFooterItem =
|
|
6900
|
+
var ItemCardFooterItem = React10__namespace.forwardRef(
|
|
6900
6901
|
({ className, label, value, align = "left", ...props }, ref) => {
|
|
6901
6902
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
6902
6903
|
"div",
|
|
@@ -6917,7 +6918,7 @@ var ItemCardFooterItem = React49__namespace.forwardRef(
|
|
|
6917
6918
|
}
|
|
6918
6919
|
);
|
|
6919
6920
|
ItemCardFooterItem.displayName = "ItemCardFooterItem";
|
|
6920
|
-
var ItemCardFooterDivider =
|
|
6921
|
+
var ItemCardFooterDivider = React10__namespace.forwardRef(
|
|
6921
6922
|
({ className, ...props }, ref) => {
|
|
6922
6923
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6923
6924
|
"div",
|
|
@@ -6930,7 +6931,7 @@ var ItemCardFooterDivider = React49__namespace.forwardRef(
|
|
|
6930
6931
|
}
|
|
6931
6932
|
);
|
|
6932
6933
|
ItemCardFooterDivider.displayName = "ItemCardFooterDivider";
|
|
6933
|
-
var ItemCardActions =
|
|
6934
|
+
var ItemCardActions = React10__namespace.forwardRef(
|
|
6934
6935
|
({ className, bordered = true, children, ...props }, ref) => {
|
|
6935
6936
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6936
6937
|
"div",
|
|
@@ -6948,7 +6949,7 @@ var ItemCardActions = React49__namespace.forwardRef(
|
|
|
6948
6949
|
}
|
|
6949
6950
|
);
|
|
6950
6951
|
ItemCardActions.displayName = "ItemCardActions";
|
|
6951
|
-
var ItemCardActionButton =
|
|
6952
|
+
var ItemCardActionButton = React10__namespace.forwardRef(
|
|
6952
6953
|
({
|
|
6953
6954
|
className,
|
|
6954
6955
|
showArrow = true,
|
|
@@ -6989,7 +6990,7 @@ var ItemCardActionButton = React49__namespace.forwardRef(
|
|
|
6989
6990
|
}
|
|
6990
6991
|
);
|
|
6991
6992
|
ItemCardActionButton.displayName = "ItemCardActionButton";
|
|
6992
|
-
var ItemCardActionsRow =
|
|
6993
|
+
var ItemCardActionsRow = React10__namespace.forwardRef(
|
|
6993
6994
|
({ className, children, ...props }, ref) => {
|
|
6994
6995
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6995
6996
|
"div",
|
|
@@ -7027,16 +7028,16 @@ var ItemCard = Object.assign(ItemCardRoot, {
|
|
|
7027
7028
|
ActionButton: ItemCardActionButton,
|
|
7028
7029
|
ActionsRow: ItemCardActionsRow
|
|
7029
7030
|
});
|
|
7030
|
-
var WizardContext =
|
|
7031
|
+
var WizardContext = React10.createContext(void 0);
|
|
7031
7032
|
function useWizardContext() {
|
|
7032
|
-
const context =
|
|
7033
|
+
const context = React10.useContext(WizardContext);
|
|
7033
7034
|
if (context === void 0) {
|
|
7034
7035
|
throw new Error("useWizardContext must be used within a Wizard component");
|
|
7035
7036
|
}
|
|
7036
7037
|
return context;
|
|
7037
7038
|
}
|
|
7038
7039
|
function useWizardContextOptional() {
|
|
7039
|
-
return
|
|
7040
|
+
return React10.useContext(WizardContext);
|
|
7040
7041
|
}
|
|
7041
7042
|
function WizardProvider({
|
|
7042
7043
|
children,
|
|
@@ -7047,8 +7048,8 @@ function WizardProvider({
|
|
|
7047
7048
|
validateOnNext = true,
|
|
7048
7049
|
allowJumpToStep = false
|
|
7049
7050
|
}) {
|
|
7050
|
-
const [completedSteps, setCompletedSteps] =
|
|
7051
|
-
const activeSteps =
|
|
7051
|
+
const [completedSteps, setCompletedSteps] = React10.useState(/* @__PURE__ */ new Set());
|
|
7052
|
+
const activeSteps = React10.useMemo(() => {
|
|
7052
7053
|
const formValues = form.getValues();
|
|
7053
7054
|
return steps.filter((step) => {
|
|
7054
7055
|
if (typeof step.isHidden === "function") {
|
|
@@ -7057,7 +7058,7 @@ function WizardProvider({
|
|
|
7057
7058
|
return !step.isHidden;
|
|
7058
7059
|
});
|
|
7059
7060
|
}, [steps, form]);
|
|
7060
|
-
const [currentStep, setCurrentStep] =
|
|
7061
|
+
const [currentStep, setCurrentStep] = React10.useState(() => {
|
|
7061
7062
|
return Math.min(Math.max(0, initialStep), activeSteps.length - 1);
|
|
7062
7063
|
});
|
|
7063
7064
|
const totalSteps = activeSteps.length;
|
|
@@ -7065,23 +7066,23 @@ function WizardProvider({
|
|
|
7065
7066
|
const isLastStep = currentStep === totalSteps - 1;
|
|
7066
7067
|
const progress = totalSteps > 0 ? Math.round((currentStep + 1) / totalSteps * 100) : 0;
|
|
7067
7068
|
const currentStepConfig = activeSteps[currentStep];
|
|
7068
|
-
const getStepConfig =
|
|
7069
|
+
const getStepConfig = React10.useCallback(
|
|
7069
7070
|
(index) => activeSteps[index],
|
|
7070
7071
|
[activeSteps]
|
|
7071
7072
|
);
|
|
7072
|
-
const getStepByName =
|
|
7073
|
+
const getStepByName = React10.useCallback(
|
|
7073
7074
|
(name) => activeSteps.find((step) => step.name === name || step.id === name),
|
|
7074
7075
|
[activeSteps]
|
|
7075
7076
|
);
|
|
7076
|
-
const getStepIndexByName =
|
|
7077
|
+
const getStepIndexByName = React10.useCallback(
|
|
7077
7078
|
(name) => activeSteps.findIndex((step) => step.name === name || step.id === name),
|
|
7078
7079
|
[activeSteps]
|
|
7079
7080
|
);
|
|
7080
|
-
const isStepCompleted =
|
|
7081
|
+
const isStepCompleted = React10.useCallback(
|
|
7081
7082
|
(index) => completedSteps.has(index),
|
|
7082
7083
|
[completedSteps]
|
|
7083
7084
|
);
|
|
7084
|
-
const hasStepErrors =
|
|
7085
|
+
const hasStepErrors = React10.useCallback(
|
|
7085
7086
|
(index) => {
|
|
7086
7087
|
const stepConfig = activeSteps[index];
|
|
7087
7088
|
if (!stepConfig?.fields) return false;
|
|
@@ -7093,7 +7094,7 @@ function WizardProvider({
|
|
|
7093
7094
|
},
|
|
7094
7095
|
[activeSteps, form.formState.errors]
|
|
7095
7096
|
);
|
|
7096
|
-
const validateCurrentStep =
|
|
7097
|
+
const validateCurrentStep = React10.useCallback(async () => {
|
|
7097
7098
|
const stepConfig = currentStepConfig;
|
|
7098
7099
|
if (!stepConfig?.validationSchema) {
|
|
7099
7100
|
return true;
|
|
@@ -7115,7 +7116,7 @@ function WizardProvider({
|
|
|
7115
7116
|
}
|
|
7116
7117
|
return true;
|
|
7117
7118
|
}, [currentStepConfig, form]);
|
|
7118
|
-
const goToNextStep =
|
|
7119
|
+
const goToNextStep = React10.useCallback(async () => {
|
|
7119
7120
|
if (isLastStep) {
|
|
7120
7121
|
return false;
|
|
7121
7122
|
}
|
|
@@ -7131,7 +7132,7 @@ function WizardProvider({
|
|
|
7131
7132
|
onStepChange?.(nextStep, "next");
|
|
7132
7133
|
return true;
|
|
7133
7134
|
}, [isLastStep, validateOnNext, validateCurrentStep, currentStep, onStepChange]);
|
|
7134
|
-
const goToPrevStep =
|
|
7135
|
+
const goToPrevStep = React10.useCallback(() => {
|
|
7135
7136
|
if (isFirstStep) {
|
|
7136
7137
|
return;
|
|
7137
7138
|
}
|
|
@@ -7139,7 +7140,7 @@ function WizardProvider({
|
|
|
7139
7140
|
setCurrentStep(prevStep);
|
|
7140
7141
|
onStepChange?.(prevStep, "prev");
|
|
7141
7142
|
}, [isFirstStep, currentStep, onStepChange]);
|
|
7142
|
-
const goToStep =
|
|
7143
|
+
const goToStep = React10.useCallback(
|
|
7143
7144
|
async (targetStep) => {
|
|
7144
7145
|
if (targetStep < 0 || targetStep >= totalSteps) {
|
|
7145
7146
|
return false;
|
|
@@ -7169,12 +7170,12 @@ function WizardProvider({
|
|
|
7169
7170
|
},
|
|
7170
7171
|
[totalSteps, allowJumpToStep, currentStep, completedSteps, validateOnNext, validateCurrentStep, onStepChange]
|
|
7171
7172
|
);
|
|
7172
|
-
const reset =
|
|
7173
|
+
const reset = React10.useCallback(() => {
|
|
7173
7174
|
setCurrentStep(Math.min(Math.max(0, initialStep), activeSteps.length - 1));
|
|
7174
7175
|
setCompletedSteps(/* @__PURE__ */ new Set());
|
|
7175
7176
|
form.reset();
|
|
7176
7177
|
}, [initialStep, activeSteps.length, form]);
|
|
7177
|
-
const contextValue =
|
|
7178
|
+
const contextValue = React10.useMemo(
|
|
7178
7179
|
() => ({
|
|
7179
7180
|
// State
|
|
7180
7181
|
currentStep,
|
|
@@ -7477,8 +7478,8 @@ function WizardSteps({
|
|
|
7477
7478
|
function WizardContent({ children, className }) {
|
|
7478
7479
|
const { currentStepConfig } = useWizardContext();
|
|
7479
7480
|
let activePanel = null;
|
|
7480
|
-
|
|
7481
|
-
if (!
|
|
7481
|
+
React10.Children.forEach(children, (child) => {
|
|
7482
|
+
if (!React10.isValidElement(child)) return;
|
|
7482
7483
|
const panelProps = child.props;
|
|
7483
7484
|
if (panelProps.name === currentStepConfig?.name || panelProps.name === currentStepConfig?.id) {
|
|
7484
7485
|
activePanel = child;
|
|
@@ -7518,17 +7519,17 @@ function WizardNavigation({
|
|
|
7518
7519
|
} = useWizardContext();
|
|
7519
7520
|
const isSubmitting = form.formState.isSubmitting;
|
|
7520
7521
|
const shouldShowCancel = showCancel ?? isFirstStep;
|
|
7521
|
-
const handleNext =
|
|
7522
|
+
const handleNext = React10.useCallback(async (e) => {
|
|
7522
7523
|
e.preventDefault();
|
|
7523
7524
|
e.stopPropagation();
|
|
7524
7525
|
await goToNextStep();
|
|
7525
7526
|
}, [goToNextStep]);
|
|
7526
|
-
const handlePrev =
|
|
7527
|
+
const handlePrev = React10.useCallback((e) => {
|
|
7527
7528
|
e.preventDefault();
|
|
7528
7529
|
e.stopPropagation();
|
|
7529
7530
|
goToPrevStep();
|
|
7530
7531
|
}, [goToPrevStep]);
|
|
7531
|
-
const handleCancel =
|
|
7532
|
+
const handleCancel = React10.useCallback((e) => {
|
|
7532
7533
|
e.preventDefault();
|
|
7533
7534
|
e.stopPropagation();
|
|
7534
7535
|
onCancel?.();
|
|
@@ -7738,9 +7739,9 @@ function Logo({
|
|
|
7738
7739
|
}
|
|
7739
7740
|
);
|
|
7740
7741
|
}
|
|
7741
|
-
var StatsCardContext =
|
|
7742
|
+
var StatsCardContext = React10__namespace.createContext(null);
|
|
7742
7743
|
function useStatsCard() {
|
|
7743
|
-
const context =
|
|
7744
|
+
const context = React10__namespace.useContext(StatsCardContext);
|
|
7744
7745
|
if (!context) {
|
|
7745
7746
|
throw new Error("StatsCard components must be used within StatsCard.Root");
|
|
7746
7747
|
}
|
|
@@ -7914,7 +7915,7 @@ function StatsCardChange({ type = "positive", className, children, ...props }) {
|
|
|
7914
7915
|
}
|
|
7915
7916
|
function StatsCardChart({ data, height, className, ...props }) {
|
|
7916
7917
|
const { config, variant } = useStatsCard();
|
|
7917
|
-
const gradientId =
|
|
7918
|
+
const gradientId = React10__namespace.useId();
|
|
7918
7919
|
if (variant === "mini") {
|
|
7919
7920
|
return null;
|
|
7920
7921
|
}
|
|
@@ -8008,18 +8009,18 @@ var initialState = {
|
|
|
8008
8009
|
theme: "system",
|
|
8009
8010
|
setTheme: () => null
|
|
8010
8011
|
};
|
|
8011
|
-
var ThemeProviderContext =
|
|
8012
|
+
var ThemeProviderContext = React10__namespace.createContext(initialState);
|
|
8012
8013
|
function ThemeProvider({
|
|
8013
8014
|
children,
|
|
8014
8015
|
defaultTheme = "system",
|
|
8015
8016
|
storageKey = "facter-ds-theme",
|
|
8016
8017
|
...props
|
|
8017
8018
|
}) {
|
|
8018
|
-
const [theme, setTheme] =
|
|
8019
|
+
const [theme, setTheme] = React10__namespace.useState(
|
|
8019
8020
|
() => localStorage.getItem(storageKey) || defaultTheme
|
|
8020
8021
|
);
|
|
8021
|
-
const [resolvedTheme, setResolvedTheme] =
|
|
8022
|
-
|
|
8022
|
+
const [resolvedTheme, setResolvedTheme] = React10__namespace.useState("light");
|
|
8023
|
+
React10__namespace.useEffect(() => {
|
|
8023
8024
|
const root = window.document.documentElement;
|
|
8024
8025
|
root.classList.remove("light", "dark");
|
|
8025
8026
|
if (theme === "system") {
|
|
@@ -8031,7 +8032,7 @@ function ThemeProvider({
|
|
|
8031
8032
|
root.classList.add(theme);
|
|
8032
8033
|
setResolvedTheme(theme);
|
|
8033
8034
|
}, [theme]);
|
|
8034
|
-
const value =
|
|
8035
|
+
const value = React10__namespace.useMemo(
|
|
8035
8036
|
() => ({
|
|
8036
8037
|
theme,
|
|
8037
8038
|
setTheme: (theme2) => {
|
|
@@ -8044,7 +8045,7 @@ function ThemeProvider({
|
|
|
8044
8045
|
return /* @__PURE__ */ jsxRuntime.jsx(ThemeProviderContext.Provider, { ...props, value, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: resolvedTheme, style: { minHeight: "100vh" }, children }) });
|
|
8045
8046
|
}
|
|
8046
8047
|
var useTheme = () => {
|
|
8047
|
-
const context =
|
|
8048
|
+
const context = React10__namespace.useContext(ThemeProviderContext);
|
|
8048
8049
|
if (context === void 0)
|
|
8049
8050
|
throw new Error("useTheme must be used within a ThemeProvider");
|
|
8050
8051
|
return context;
|