@natoora-libs/core 0.2.12-dev-doug-2 → 0.2.13
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/{TableDesktop-BrpwT-lM.d.cts → TableDesktop-Z0KE59L4.d.cts} +0 -1
- package/dist/{TableDesktop-BrpwT-lM.d.ts → TableDesktop-Z0KE59L4.d.ts} +0 -1
- package/dist/components/index.cjs +29 -69
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.d.cts +3 -5
- package/dist/components/index.d.ts +3 -5
- package/dist/components/index.js +17 -57
- package/dist/components/index.js.map +1 -1
- package/dist/utils/index.d.cts +1 -1
- package/dist/utils/index.d.ts +1 -1
- package/package.json +4 -7
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import React__default, { MouseEvent, ReactNode, FC, ReactElement, ComponentType, ChangeEvent, ComponentProps, SVGProps } from 'react';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
-
import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, R as RowId } from '../TableDesktop-
|
|
5
|
-
export { B as BulkChanges, j as BulkChangesDialogProps, E as EditableCellType, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps, U as UpdateEditableCellParams } from '../TableDesktop-
|
|
4
|
+
import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, R as RowId } from '../TableDesktop-Z0KE59L4.cjs';
|
|
5
|
+
export { B as BulkChanges, j as BulkChangesDialogProps, E as EditableCellType, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps, U as UpdateEditableCellParams } from '../TableDesktop-Z0KE59L4.cjs';
|
|
6
6
|
import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
|
|
7
7
|
import { UseMutateAsyncFunction } from 'react-query';
|
|
8
8
|
import { SxProps, Theme, SelectProps, MenuProps, Typography } from '@mui/material';
|
|
@@ -30,8 +30,6 @@ interface AlertDialogProps {
|
|
|
30
30
|
rejectCopy?: string;
|
|
31
31
|
acceptCopy?: string;
|
|
32
32
|
disabledContentPadding?: boolean;
|
|
33
|
-
disableEnforceFocus?: boolean;
|
|
34
|
-
disableRestoreFocus?: boolean;
|
|
35
33
|
}
|
|
36
34
|
declare const AlertDialog: React.FC<AlertDialogProps>;
|
|
37
35
|
|
|
@@ -1074,4 +1072,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
|
|
|
1074
1072
|
|
|
1075
1073
|
declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1076
1074
|
|
|
1077
|
-
export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, AppliedTableFiltersDisplay, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, ClearFiltersConfirmationDialog, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, HeadCell, Header, HeaderFilterObject, HeaderFilterOptions, HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, LabeledValueList, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus,
|
|
1075
|
+
export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, AppliedTableFiltersDisplay, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, ClearFiltersConfirmationDialog, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, HeadCell, Header, HeaderFilterObject, HeaderFilterOptions, HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, LabeledValueList, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus, Order, _default$f as OutlinedButton, _default$e as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$d as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowId, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$7 as SearchAndFilterHeaderForTable, SearchFieldDebounced, SearchHeader, _default$6 as SearchWithFilters, _default$5 as SearchWithFiltersForTable, SectionName, SmartMultipleSelect, SmartSelect, SmartTableHeader, SmartTableHeaderFilterMenu, SquareButton, _default$4 as SquareLabel, _default$3 as Switch, Table, TableDesktopCell, TableDesktopEditableField, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import React__default, { MouseEvent, ReactNode, FC, ReactElement, ComponentType, ChangeEvent, ComponentProps, SVGProps } from 'react';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
-
import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, R as RowId } from '../TableDesktop-
|
|
5
|
-
export { B as BulkChanges, j as BulkChangesDialogProps, E as EditableCellType, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps, U as UpdateEditableCellParams } from '../TableDesktop-
|
|
4
|
+
import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, R as RowId } from '../TableDesktop-Z0KE59L4.js';
|
|
5
|
+
export { B as BulkChanges, j as BulkChangesDialogProps, E as EditableCellType, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps, U as UpdateEditableCellParams } from '../TableDesktop-Z0KE59L4.js';
|
|
6
6
|
import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
|
|
7
7
|
import { UseMutateAsyncFunction } from 'react-query';
|
|
8
8
|
import { SxProps, Theme, SelectProps, MenuProps, Typography } from '@mui/material';
|
|
@@ -30,8 +30,6 @@ interface AlertDialogProps {
|
|
|
30
30
|
rejectCopy?: string;
|
|
31
31
|
acceptCopy?: string;
|
|
32
32
|
disabledContentPadding?: boolean;
|
|
33
|
-
disableEnforceFocus?: boolean;
|
|
34
|
-
disableRestoreFocus?: boolean;
|
|
35
33
|
}
|
|
36
34
|
declare const AlertDialog: React.FC<AlertDialogProps>;
|
|
37
35
|
|
|
@@ -1074,4 +1072,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
|
|
|
1074
1072
|
|
|
1075
1073
|
declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1076
1074
|
|
|
1077
|
-
export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, AppliedTableFiltersDisplay, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, ClearFiltersConfirmationDialog, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, HeadCell, Header, HeaderFilterObject, HeaderFilterOptions, HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, LabeledValueList, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus,
|
|
1075
|
+
export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, AppliedTableFiltersDisplay, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, ClearFiltersConfirmationDialog, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, HeadCell, Header, HeaderFilterObject, HeaderFilterOptions, HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, LabeledValueList, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus, Order, _default$f as OutlinedButton, _default$e as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$d as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowId, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$7 as SearchAndFilterHeaderForTable, SearchFieldDebounced, SearchHeader, _default$6 as SearchWithFilters, _default$5 as SearchWithFiltersForTable, SectionName, SmartMultipleSelect, SmartSelect, SmartTableHeader, SmartTableHeaderFilterMenu, SquareButton, _default$4 as SquareLabel, _default$3 as Switch, Table, TableDesktopCell, TableDesktopEditableField, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
|
package/dist/components/index.js
CHANGED
|
@@ -369,9 +369,7 @@ var AlertDialog = ({
|
|
|
369
369
|
rejectCopy,
|
|
370
370
|
acceptCopy,
|
|
371
371
|
content,
|
|
372
|
-
disabledContentPadding
|
|
373
|
-
disableEnforceFocus,
|
|
374
|
-
disableRestoreFocus
|
|
372
|
+
disabledContentPadding
|
|
375
373
|
}) => {
|
|
376
374
|
const { classes } = useStyles();
|
|
377
375
|
return /* @__PURE__ */ jsx2(
|
|
@@ -382,8 +380,6 @@ var AlertDialog = ({
|
|
|
382
380
|
maxWidth,
|
|
383
381
|
fullScreen,
|
|
384
382
|
fullWidth,
|
|
385
|
-
disableEnforceFocus,
|
|
386
|
-
disableRestoreFocus,
|
|
387
383
|
children: /* @__PURE__ */ jsxs2(Box, { children: [
|
|
388
384
|
/* @__PURE__ */ jsxs2(Box, { className: classes.topSection, children: [
|
|
389
385
|
alertTitle ? /* @__PURE__ */ jsx2(Typography2, { variant: "h5", className: classes.title, children: alertTitle }) : null,
|
|
@@ -6254,7 +6250,7 @@ var RenderAvatar_default = RenderAvatar;
|
|
|
6254
6250
|
|
|
6255
6251
|
// src/components/RenderContentList/RenderContentList.tsx
|
|
6256
6252
|
import { useEffect as useEffect7, useState as useState11, useRef as useRef5 } from "react";
|
|
6257
|
-
import WarningAmber from "@mui/icons-material
|
|
6253
|
+
import { WarningAmber } from "@mui/icons-material";
|
|
6258
6254
|
import {
|
|
6259
6255
|
List,
|
|
6260
6256
|
ListItemButton,
|
|
@@ -6292,32 +6288,8 @@ var RenderContentList = ({
|
|
|
6292
6288
|
const { classes } = useStyles35();
|
|
6293
6289
|
const [active, setActive] = useState11(activeSection);
|
|
6294
6290
|
const observer = useRef5(null);
|
|
6295
|
-
const isScrolling = useRef5(false);
|
|
6296
|
-
const timeoutScrolling = useRef5(null);
|
|
6297
6291
|
useEffect7(() => {
|
|
6298
|
-
|
|
6299
|
-
return void 0;
|
|
6300
|
-
}
|
|
6301
|
-
isScrolling.current = true;
|
|
6302
|
-
const targetId = transformNameToID(activeSection);
|
|
6303
|
-
setActive(targetId);
|
|
6304
|
-
const element = document.getElementById(targetId);
|
|
6305
|
-
if (element) {
|
|
6306
|
-
element.scrollIntoView({
|
|
6307
|
-
behavior: "smooth",
|
|
6308
|
-
block: "start"
|
|
6309
|
-
});
|
|
6310
|
-
}
|
|
6311
|
-
if (timeoutScrolling.current) {
|
|
6312
|
-
clearTimeout(timeoutScrolling.current);
|
|
6313
|
-
}
|
|
6314
|
-
;
|
|
6315
|
-
timeoutScrolling.current = setTimeout(() => {
|
|
6316
|
-
isScrolling.current = false;
|
|
6317
|
-
}, 1e3);
|
|
6318
|
-
return () => {
|
|
6319
|
-
if (timeoutScrolling.current) clearTimeout(timeoutScrolling.current);
|
|
6320
|
-
};
|
|
6292
|
+
setActive(activeSection);
|
|
6321
6293
|
}, [activeSection]);
|
|
6322
6294
|
useEffect7(() => {
|
|
6323
6295
|
const sections = items.map((item) => ({
|
|
@@ -6327,14 +6299,9 @@ var RenderContentList = ({
|
|
|
6327
6299
|
if (observer.current) {
|
|
6328
6300
|
observer.current.disconnect();
|
|
6329
6301
|
}
|
|
6330
|
-
if (sections.length === 0)
|
|
6331
|
-
return void 0;
|
|
6332
|
-
}
|
|
6302
|
+
if (sections.length === 0) return;
|
|
6333
6303
|
observer.current = new IntersectionObserver(
|
|
6334
6304
|
(entries) => {
|
|
6335
|
-
if (isScrolling.current) {
|
|
6336
|
-
return;
|
|
6337
|
-
}
|
|
6338
6305
|
const visibleSection = entries.find((entry) => entry.isIntersecting);
|
|
6339
6306
|
if (visibleSection) {
|
|
6340
6307
|
setActive(visibleSection.target.id);
|
|
@@ -6353,21 +6320,6 @@ var RenderContentList = ({
|
|
|
6353
6320
|
observer.current?.disconnect();
|
|
6354
6321
|
};
|
|
6355
6322
|
}, [items]);
|
|
6356
|
-
const handleMenuClick = (id) => {
|
|
6357
|
-
isScrolling.current = true;
|
|
6358
|
-
setActive(id);
|
|
6359
|
-
const element = document.getElementById(id);
|
|
6360
|
-
if (element) {
|
|
6361
|
-
element.scrollIntoView({
|
|
6362
|
-
behavior: "smooth",
|
|
6363
|
-
block: "start"
|
|
6364
|
-
});
|
|
6365
|
-
}
|
|
6366
|
-
if (timeoutScrolling.current) clearTimeout(timeoutScrolling.current);
|
|
6367
|
-
timeoutScrolling.current = setTimeout(() => {
|
|
6368
|
-
isScrolling.current = false;
|
|
6369
|
-
}, 1e3);
|
|
6370
|
-
};
|
|
6371
6323
|
return /* @__PURE__ */ jsx105(
|
|
6372
6324
|
List,
|
|
6373
6325
|
{
|
|
@@ -6381,7 +6333,16 @@ var RenderContentList = ({
|
|
|
6381
6333
|
{
|
|
6382
6334
|
selected: active === id,
|
|
6383
6335
|
classes: { root: classes.root, selected: classes.selected },
|
|
6384
|
-
onClick: () =>
|
|
6336
|
+
onClick: () => {
|
|
6337
|
+
setActive(id);
|
|
6338
|
+
const element = document.getElementById(id);
|
|
6339
|
+
if (element) {
|
|
6340
|
+
element.scrollIntoView({
|
|
6341
|
+
behavior: "smooth",
|
|
6342
|
+
block: "start"
|
|
6343
|
+
});
|
|
6344
|
+
}
|
|
6345
|
+
},
|
|
6385
6346
|
children: [
|
|
6386
6347
|
/* @__PURE__ */ jsx105(ListItemText4, { primary: item }),
|
|
6387
6348
|
(warningItems?.includes(item) || warningItems?.includes(id)) && /* @__PURE__ */ jsx105(Tooltip7, { title: warningMessage, children: /* @__PURE__ */ jsx105(WarningAmber, { color: "warning" }) })
|
|
@@ -8286,12 +8247,12 @@ var TableDesktop = ({
|
|
|
8286
8247
|
setIsBulkChangesMode(checked);
|
|
8287
8248
|
if (!checked) {
|
|
8288
8249
|
resetSelectedRows();
|
|
8289
|
-
refetchData?.();
|
|
8290
8250
|
}
|
|
8291
8251
|
};
|
|
8292
8252
|
useEffect11(() => {
|
|
8293
8253
|
if (isRowsFromAllPagesSelected) {
|
|
8294
8254
|
selectAllRowsInPage();
|
|
8255
|
+
selectAllRowsInPage();
|
|
8295
8256
|
}
|
|
8296
8257
|
}, [isRowsFromAllPagesSelected, data]);
|
|
8297
8258
|
const renderBody = () => {
|
|
@@ -9031,7 +8992,6 @@ var TableDesktopToolbar = ({
|
|
|
9031
8992
|
disableBulkChangesMode = false,
|
|
9032
8993
|
isBulkChangesMode,
|
|
9033
8994
|
onChangeBulkChangesMode,
|
|
9034
|
-
onActivateBulkChangesMode,
|
|
9035
8995
|
refetchData,
|
|
9036
8996
|
renderExportCsvDialog,
|
|
9037
8997
|
renderBulkChangesDialog,
|
|
@@ -9056,8 +9016,8 @@ var TableDesktopToolbar = ({
|
|
|
9056
9016
|
const handleChangeBulkChangesMode = (_, checked) => {
|
|
9057
9017
|
setBulkChanges([]);
|
|
9058
9018
|
onChangeBulkChangesMode(checked);
|
|
9059
|
-
if (checked) {
|
|
9060
|
-
|
|
9019
|
+
if (!checked) {
|
|
9020
|
+
refetchData?.();
|
|
9061
9021
|
}
|
|
9062
9022
|
};
|
|
9063
9023
|
const handleUpdateEditableCell = ({
|