@commonsku/styles 1.17.6 → 1.17.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/index.cjs +45 -31
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +24 -22
- package/dist/index.mjs +45 -32
- package/dist/index.mjs.map +1 -1
- package/dist/styles/icons/NavReportsIcon.d.ts +8 -0
- package/dist/styles/icons/NavReportsIcon.d.ts.map +1 -0
- package/dist/styles/icons/index.d.ts +1 -0
- package/dist/styles/icons/index.d.ts.map +1 -1
- package/dist/styles/tables/SelectionTable.d.ts +4 -3
- package/dist/styles/tables/SelectionTable.d.ts.map +1 -1
- package/dist/styles/tables/VirtualTable.d.ts +14 -18
- package/dist/styles/tables/VirtualTable.d.ts.map +1 -1
- package/dist/styles/tables/types.d.ts +7 -2
- package/dist/styles/tables/types.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -2891,26 +2891,26 @@ interface BaseSortByHeaderGroup<D extends object = {}> extends HeaderGroup<D>, U
|
|
|
2891
2891
|
interface Row<D extends Record<string, unknown> = Record<string, unknown>> extends UseTableRowProps<D>, UseExpandedRowProps<D>, UseGroupByRowProps<D>, UseRowSelectRowProps<D>, UseRowStateRowProps<D> {
|
|
2892
2892
|
}
|
|
2893
2893
|
|
|
2894
|
-
type VirtualTableProps = {
|
|
2895
|
-
columns: Column$1<
|
|
2896
|
-
data:
|
|
2894
|
+
type VirtualTableProps<RowType extends Record<string, unknown>, TableProps, TableFooterProps> = {
|
|
2895
|
+
columns: readonly Column$1<RowType>[];
|
|
2896
|
+
data: RowType[];
|
|
2897
2897
|
itemSize?: (value: {
|
|
2898
2898
|
index: number;
|
|
2899
|
-
row: Row
|
|
2899
|
+
row: Row<RowType>;
|
|
2900
2900
|
}) => number;
|
|
2901
2901
|
height?: number;
|
|
2902
2902
|
minWidth?: number;
|
|
2903
2903
|
maxWidth?: number;
|
|
2904
2904
|
defaultSort?: SortingRule<string>;
|
|
2905
|
-
onClickRow?: (row?:
|
|
2905
|
+
onClickRow?: (row?: RowType, index?: number, data?: {
|
|
2906
2906
|
isScrolling?: boolean;
|
|
2907
|
-
cell: Cell<
|
|
2907
|
+
cell: Cell<RowType>;
|
|
2908
2908
|
resetList: (index?: number) => void;
|
|
2909
2909
|
toggleAllRowsExpanded: (value?: boolean | undefined) => void;
|
|
2910
2910
|
}) => void;
|
|
2911
2911
|
onScroll?: ((props: ListOnScrollProps) => any);
|
|
2912
2912
|
onUpdateData?: (...args: any) => void;
|
|
2913
|
-
useTableProps?:
|
|
2913
|
+
useTableProps?: TableProps;
|
|
2914
2914
|
tableHeaderProps?: {
|
|
2915
2915
|
className?: string;
|
|
2916
2916
|
style?: React__default.CSSProperties;
|
|
@@ -2919,34 +2919,30 @@ type VirtualTableProps = {
|
|
|
2919
2919
|
className?: string;
|
|
2920
2920
|
style?: React__default.CSSProperties;
|
|
2921
2921
|
};
|
|
2922
|
-
TableFooter?: (props: React__default.PropsWithChildren<
|
|
2923
|
-
|
|
2924
|
-
}>) => React__default.ReactElement;
|
|
2925
|
-
customTableFooterProps?: object;
|
|
2922
|
+
TableFooter?: (props: React__default.PropsWithChildren<TableFooterProps>) => React__default.ReactElement;
|
|
2923
|
+
customTableFooterProps?: TableFooterProps;
|
|
2926
2924
|
className?: string;
|
|
2927
2925
|
hideFooter?: boolean;
|
|
2928
2926
|
hideHeader?: boolean;
|
|
2929
2927
|
NoRowsFound?: (props: React__default.PropsWithChildren<{
|
|
2930
2928
|
[key: string]: any;
|
|
2931
2929
|
}>) => React__default.ReactElement;
|
|
2932
|
-
renderRowSubComponent?: (props: React__default.PropsWithChildren<
|
|
2933
|
-
[key: string]: any;
|
|
2934
|
-
}>) => React__default.ReactElement;
|
|
2930
|
+
renderRowSubComponent?: <P = unknown>(props: React__default.PropsWithChildren<P>) => React__default.ReactElement;
|
|
2935
2931
|
onSort?: (value: {
|
|
2936
|
-
column: BaseSortByHeaderGroup<
|
|
2932
|
+
column: BaseSortByHeaderGroup<RowType>;
|
|
2937
2933
|
}) => void;
|
|
2938
2934
|
onResize?: VoidFunction;
|
|
2939
2935
|
rowGroupStyles?: (value: {
|
|
2940
|
-
row: Row
|
|
2936
|
+
row: Row<RowType>;
|
|
2941
2937
|
style: React__default.CSSProperties;
|
|
2942
2938
|
}) => React__default.CSSProperties;
|
|
2943
2939
|
rowStyles?: (value: {
|
|
2944
|
-
row: Row
|
|
2940
|
+
row: Row<RowType>;
|
|
2945
2941
|
style: React__default.CSSProperties;
|
|
2946
2942
|
}) => React__default.CSSProperties;
|
|
2947
2943
|
gutterSize?: number;
|
|
2948
2944
|
};
|
|
2949
|
-
declare const VirtualTable: (props: VirtualTableProps) => React__default.JSX.Element;
|
|
2945
|
+
declare const VirtualTable: <RowType extends Record<string, unknown>, TableProps, TableFooterProps>(props: VirtualTableProps<RowType, TableProps, TableFooterProps>) => React__default.JSX.Element;
|
|
2950
2946
|
|
|
2951
2947
|
declare const VirtualTableStyles: styled_components.StyledComponent<"div", any, {
|
|
2952
2948
|
tableHeight?: string | number | undefined;
|
|
@@ -2959,10 +2955,11 @@ declare const VirtualTableStyles: styled_components.StyledComponent<"div", any,
|
|
|
2959
2955
|
}, never>;
|
|
2960
2956
|
//# sourceMappingURL=VirtualTableStyles.d.ts.map
|
|
2961
2957
|
|
|
2962
|
-
type SelectionTableProps = VirtualTableProps & {
|
|
2963
|
-
|
|
2958
|
+
type SelectionTableProps<RowType extends Record<string, unknown>, TableProps, TableFooterProps> = VirtualTableProps<RowType, TableProps, TableFooterProps> & {
|
|
2959
|
+
selectedRows?: RowType[];
|
|
2960
|
+
onSelectionChange?: (selectedRows: RowType[]) => void;
|
|
2964
2961
|
};
|
|
2965
|
-
declare const SelectionTable: (props: SelectionTableProps) => React__default.JSX.Element;
|
|
2962
|
+
declare const SelectionTable: <RowType extends Record<string, unknown>, TableProps, TableFooterProps>(props: SelectionTableProps<RowType, TableProps, TableFooterProps>) => React__default.JSX.Element;
|
|
2966
2963
|
|
|
2967
2964
|
type ResponsiveValue<T = string | number> = T | Array<T | null> | {
|
|
2968
2965
|
xs?: T;
|
|
@@ -3145,6 +3142,11 @@ type NavManagementIconProps = SVGIconProps & {
|
|
|
3145
3142
|
};
|
|
3146
3143
|
declare function NavManagementIcon({ color, size, filled, altText, ...props }: NavManagementIconProps): React__default.JSX.Element;
|
|
3147
3144
|
|
|
3145
|
+
type NavReportsIconProps = SVGIconProps & {
|
|
3146
|
+
filled?: boolean;
|
|
3147
|
+
};
|
|
3148
|
+
declare function NavReportsIcon({ color, size, filled, altText, ...props }: NavReportsIconProps): React__default.JSX.Element;
|
|
3149
|
+
|
|
3148
3150
|
type TrashIconProps = SVGIconProps & {
|
|
3149
3151
|
filled?: boolean;
|
|
3150
3152
|
pinned?: boolean;
|
|
@@ -3911,4 +3913,4 @@ declare const Dropzone: React__default.ForwardRefExoticComponent<Pick<React__def
|
|
|
3911
3913
|
useDropzoneProps?: boolean | undefined;
|
|
3912
3914
|
} & React__default.RefAttributes<DropzoneRef>>;
|
|
3913
3915
|
|
|
3914
|
-
export { AddIcon, AddNoteIcon, AddShoppingCartIcon, AddTaskIcon, AlertIcon, AlertNotification, ArrowIcon, Artwork, ArtworkProps, SKUAsyncSelect as AsyncSelect, Avatar, AvatarColor, AvatarShape, AvatarSize, AwaitingProofIcon, Backdrop, Background, Badge, BaseCskuProps, BotIcon, Box, BulletIcon, Button, ButtonPreset, ButtonProps, ButtonVariant, ButtonsGroup, Calendar, CalendarDayBody, CalendarDaysBody, CalendarDaysHeader, CalendarIcon, CalendarTask, CalendarTaskProps, CalendarWrapper, CancelButton, ChangeRequestedIcon, ChatIcon, CheckMark, CheckboxIcon, CheckboxLabel, CheckmarkIcon, ChevronIcon, ChevronPopup, CircleProgressIcon, ClientApprovedIcon, ClipboardIcon, ClockIcon, Col, ColPropTypes, CollaborateIcon, CollapseStyled, CollapseStyledProps, CollapseWrapper, CollapseWrapperProps, Collapsible$1 as Collapsible, CollapsibleArrowIcon, CollapsibleLabel, CollapsiblePanel, CollapsiblePanelProps, CollapsiblePanelTitle, CollapsiblePanelTitleProps, CollapsiblePanels, CollapsiblePanelsProps, CollapsibleProps$1 as CollapsibleProps, Collapsible as CollapsibleV2, Collapsibles, Column, ColumnSelectIcon, CommentIcon, CommunityIcon, CompletedCheckmarkIcon, ConfirmAlertPopup, ConfirmPopup, ConnectedIcon, ConnectedPlusIcon, CouponIcon, SKUCreatableSelect as CreatableSelect, CreditCardIcon, Csku, CskuProps, CustomDateInput, Datepicker, DaysBodyWrapper, DefaultCalendarFooter, DefaultCalendarHeader, DefaultStar, DesignIcon, DollarIcon, DoneButton, Dot, DoubleArrowIcon, DownloadIcon, DragIcon, DraggableTasksCalendar, DropArea, DropAreaProps, DropDownContent, Dropdown, DropdownItem, DropdownProps, Dropzone, DropzoneProps, DropzoneTypes, Dropzoned, DropzonedPreviews, EPOIcon, EditIcon, EllipsisIcon, EpsIcon, ErrorBoundary, EstimateCircleIcon, EyeIcon, FeedPost, FileUploadIcon, FilledChevronIcon, FolderIcon, GalleryIcon, GearIcon, GlobalStyle, Grid, GridCell, GridIcon, GridItem, GridItemProps, GridProps, GridRow, GridTable, GridTableContainer, H1, H2, H3, H4, H5, H6, HandleIcon, HeadlessTable, HelpIcon, HistoryIcon, IconButton, IconButtonProps, IconDoc, ImageIcon, Img, InfoIcon, Input, InputIconLabel, InputIconLabelContainer, InputProps, InputStepper, InputStepperStyled, IntegrationsIcon, InventoryIcon, Label, LabeledAsyncSelect, LabeledCheckbox, LabeledCheckboxProps, LabeledCreatableSelect, LabeledIconInput, LabeledInput, LabeledMultiProgress, LabeledProgress, LabeledRadio, LabeledRadioGroup, LabeledRadioInButton, LabeledRadioInButtonGroup, LabeledRadioProps, LabeledSelect, LabeledTextarea, LightIndicator, Link, LinkWithIcon, ListIcon, Loading, LockIcon, MagicEraserIcon, MagicIcon, MailIcon, MarketingStatusIcon, MenuIcon, MergeIcon, MultiProgress, NavConnectIcon, NavFinanceIcon, NavManagementIcon, NavProdIcon, NavResourcesIcon, NavSalesIcon, NoteIcon, Number, NumberInput, OpportunityCircleIcon, OrderStatusIcon, Overlay, Padding, Page, PanelContact, PanelTileContact, PendingApprovalIcon, PercentIcon, PinIcon, Popup, PopupHeader, PopupProps, PresentationCircleIcon, Product, Progress, PromostandardsIcon, ProofReceivedIcon, ProofingCompleteIcon, Publisher, Radio, RadioIcon, RadioLabel, RadioProps, ReceiptLongIcon, RenderChild, ResponsiveTable, Row$1 as Row, RowPropTypes, SHARED_STYLE_MAPS, SalesArrowIcon, SalesOrderCircleIcon, SearchIcon, SKUSelect as Select, SelectionTable, SharedStyleTypes, SharedStyles, ShopIcon, ShoppingCartIcon, ShowPopup, SidePanel, SimpleWindowedTable, SimpleWindowedTableProps, SimpleWindowedTableStyles, SizerCss, SizerTypes, SizerWrapper, SlideInIcon, Sparkles, Spinner, StarDarkIcon, StarIcon, StarLightIcon, StarRating, StateDropdown, StatusDropdown, StyledCalendarTaskBody, StyledDropArea, StyledDropdown, StyledPanel, StyledTask, SubtractIcon, SVG as SvgIcon, TBody, TButtonIcon, TD, TDropdownItem, TH, THSorted, THead, TR, TSize, TSizeOffset, TSizeOffsetRight, TSizeStyle, TTab, Tab, TabBar, Table, TableIcon, Tabs, TabsProps, TagIcon, TargetIcon, Task, TaskBody, TaskIcon, TaskLabel, TaskName, TaskProps, TasksCalendar, TasksCalendarDayBody, TasksCalendarFooter, TemplateIcon, Text, TextProp, Textarea, Theme, Thermometer, TilesIcon, Toggle, ToggleLink, ToggleSwitch, ToggleSwitchProps, ToggleSwitchStatedProps, ToggleSwitchStyled, TrashIcon, TrendIcon, UploadIcon, UserIcon, UsersIcon, VirtualTable, VirtualTableStyles, Wrapper, XIcon, colors, createMeasurementStyle, datepickerStyles, fontFamilies, fontStyles, fonts, getColor, getFontStyle, getThemeColor, getThemeFontFamily, getThemeFontSize, getThemeFontStyle, getThemeProperty, parseCskuStyles, sizes, themeOptions, toggleSizes$1 as toggleSizes, useCalendar, useClickOutside, useDelayUnmount, useFallbackRef, useLongPress, usePrefersReducedMotion, useRandomInterval, useWindowSize };
|
|
3916
|
+
export { AddIcon, AddNoteIcon, AddShoppingCartIcon, AddTaskIcon, AlertIcon, AlertNotification, ArrowIcon, Artwork, ArtworkProps, SKUAsyncSelect as AsyncSelect, Avatar, AvatarColor, AvatarShape, AvatarSize, AwaitingProofIcon, Backdrop, Background, Badge, BaseCskuProps, BotIcon, Box, BulletIcon, Button, ButtonPreset, ButtonProps, ButtonVariant, ButtonsGroup, Calendar, CalendarDayBody, CalendarDaysBody, CalendarDaysHeader, CalendarIcon, CalendarTask, CalendarTaskProps, CalendarWrapper, CancelButton, ChangeRequestedIcon, ChatIcon, CheckMark, CheckboxIcon, CheckboxLabel, CheckmarkIcon, ChevronIcon, ChevronPopup, CircleProgressIcon, ClientApprovedIcon, ClipboardIcon, ClockIcon, Col, ColPropTypes, CollaborateIcon, CollapseStyled, CollapseStyledProps, CollapseWrapper, CollapseWrapperProps, Collapsible$1 as Collapsible, CollapsibleArrowIcon, CollapsibleLabel, CollapsiblePanel, CollapsiblePanelProps, CollapsiblePanelTitle, CollapsiblePanelTitleProps, CollapsiblePanels, CollapsiblePanelsProps, CollapsibleProps$1 as CollapsibleProps, Collapsible as CollapsibleV2, Collapsibles, Column, ColumnSelectIcon, CommentIcon, CommunityIcon, CompletedCheckmarkIcon, ConfirmAlertPopup, ConfirmPopup, ConnectedIcon, ConnectedPlusIcon, CouponIcon, SKUCreatableSelect as CreatableSelect, CreditCardIcon, Csku, CskuProps, CustomDateInput, Datepicker, DaysBodyWrapper, DefaultCalendarFooter, DefaultCalendarHeader, DefaultStar, DesignIcon, DollarIcon, DoneButton, Dot, DoubleArrowIcon, DownloadIcon, DragIcon, DraggableTasksCalendar, DropArea, DropAreaProps, DropDownContent, Dropdown, DropdownItem, DropdownProps, Dropzone, DropzoneProps, DropzoneTypes, Dropzoned, DropzonedPreviews, EPOIcon, EditIcon, EllipsisIcon, EpsIcon, ErrorBoundary, EstimateCircleIcon, EyeIcon, FeedPost, FileUploadIcon, FilledChevronIcon, FolderIcon, GalleryIcon, GearIcon, GlobalStyle, Grid, GridCell, GridIcon, GridItem, GridItemProps, GridProps, GridRow, GridTable, GridTableContainer, H1, H2, H3, H4, H5, H6, HandleIcon, HeadlessTable, HelpIcon, HistoryIcon, IconButton, IconButtonProps, IconDoc, ImageIcon, Img, InfoIcon, Input, InputIconLabel, InputIconLabelContainer, InputProps, InputStepper, InputStepperStyled, IntegrationsIcon, InventoryIcon, Label, LabeledAsyncSelect, LabeledCheckbox, LabeledCheckboxProps, LabeledCreatableSelect, LabeledIconInput, LabeledInput, LabeledMultiProgress, LabeledProgress, LabeledRadio, LabeledRadioGroup, LabeledRadioInButton, LabeledRadioInButtonGroup, LabeledRadioProps, LabeledSelect, LabeledTextarea, LightIndicator, Link, LinkWithIcon, ListIcon, Loading, LockIcon, MagicEraserIcon, MagicIcon, MailIcon, MarketingStatusIcon, MenuIcon, MergeIcon, MultiProgress, NavConnectIcon, NavFinanceIcon, NavManagementIcon, NavProdIcon, NavReportsIcon, NavResourcesIcon, NavSalesIcon, NoteIcon, Number, NumberInput, OpportunityCircleIcon, OrderStatusIcon, Overlay, Padding, Page, PanelContact, PanelTileContact, PendingApprovalIcon, PercentIcon, PinIcon, Popup, PopupHeader, PopupProps, PresentationCircleIcon, Product, Progress, PromostandardsIcon, ProofReceivedIcon, ProofingCompleteIcon, Publisher, Radio, RadioIcon, RadioLabel, RadioProps, ReceiptLongIcon, RenderChild, ResponsiveTable, Row$1 as Row, RowPropTypes, SHARED_STYLE_MAPS, SalesArrowIcon, SalesOrderCircleIcon, SearchIcon, SKUSelect as Select, SelectionTable, SharedStyleTypes, SharedStyles, ShopIcon, ShoppingCartIcon, ShowPopup, SidePanel, SimpleWindowedTable, SimpleWindowedTableProps, SimpleWindowedTableStyles, SizerCss, SizerTypes, SizerWrapper, SlideInIcon, Sparkles, Spinner, StarDarkIcon, StarIcon, StarLightIcon, StarRating, StateDropdown, StatusDropdown, StyledCalendarTaskBody, StyledDropArea, StyledDropdown, StyledPanel, StyledTask, SubtractIcon, SVG as SvgIcon, TBody, TButtonIcon, TD, TDropdownItem, TH, THSorted, THead, TR, TSize, TSizeOffset, TSizeOffsetRight, TSizeStyle, TTab, Tab, TabBar, Table, TableIcon, Tabs, TabsProps, TagIcon, TargetIcon, Task, TaskBody, TaskIcon, TaskLabel, TaskName, TaskProps, TasksCalendar, TasksCalendarDayBody, TasksCalendarFooter, TemplateIcon, Text, TextProp, Textarea, Theme, Thermometer, TilesIcon, Toggle, ToggleLink, ToggleSwitch, ToggleSwitchProps, ToggleSwitchStatedProps, ToggleSwitchStyled, TrashIcon, TrendIcon, UploadIcon, UserIcon, UsersIcon, VirtualTable, VirtualTableStyles, Wrapper, XIcon, colors, createMeasurementStyle, datepickerStyles, fontFamilies, fontStyles, fonts, getColor, getFontStyle, getThemeColor, getThemeFontFamily, getThemeFontSize, getThemeFontStyle, getThemeProperty, parseCskuStyles, sizes, themeOptions, toggleSizes$1 as toggleSizes, useCalendar, useClickOutside, useDelayUnmount, useFallbackRef, useLongPress, usePrefersReducedMotion, useRandomInterval, useWindowSize };
|
package/dist/index.mjs
CHANGED
|
@@ -1050,6 +1050,18 @@ function NavManagementIcon(_a) {
|
|
|
1050
1050
|
renderPath);
|
|
1051
1051
|
}
|
|
1052
1052
|
|
|
1053
|
+
function NavReportsIcon(_a) {
|
|
1054
|
+
var _b = _a.color, color = _b === void 0 ? white.main : _b, _c = _a.size, size = _c === void 0 ? "medium" : _c, _d = _a.filled, filled = _d === void 0 ? false : _d, _e = _a.altText, altText = _e === void 0 ? "Reports" : _e, props = __rest(_a, ["color", "size", "filled", "altText"]);
|
|
1055
|
+
var renderPath = filled ?
|
|
1056
|
+
"M9.5 10.02H14.5V21H9.5V10.02ZM16.5 21H19.5C20.6 21 21.5 20.1 21.5 19V10H16.5V21ZM19.5 3H4.5C3.4 3 2.5 3.9 2.5 5V8H21.5V5C21.5 3.9 20.6 3 19.5 3ZM2.5 19C2.5 20.1 3.4 21 4.5 21H7.5V10H2.5V19Z"
|
|
1057
|
+
:
|
|
1058
|
+
"M19.5 3H4.5C3.4 3 2.5 3.9 2.5 5V19C2.5 20.1 3.4 21 4.5 21H19.5C20.6 21 21.5 20.1 21.5 19V5C21.5 3.9 20.6 3 19.5 3ZM19.5 5V8H4.5V5H19.5ZM14.5 19H9.5V10H14.5V19ZM4.5 10H7.5V19H4.5V10ZM16.5 19V10H19.5V19H16.5Z";
|
|
1059
|
+
return (React.createElement(SVG$1, __assign({ size: size, "aria-labelledby": "NavReportsIcon" }, props),
|
|
1060
|
+
React.createElement("title", { id: "NavReportsIcon" }, altText),
|
|
1061
|
+
React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
|
|
1062
|
+
React.createElement("path", { d: renderPath, fill: color })));
|
|
1063
|
+
}
|
|
1064
|
+
|
|
1053
1065
|
function TrashIcon(_a) {
|
|
1054
1066
|
var _b = _a.color, color = _b === void 0 ? teal.main : _b, _c = _a.size, size = _c === void 0 ? "medium" : _c, _d = _a.filled, filled = _d === void 0 ? false : _d; _a.pinned; var _e = _a.altText, altText = _e === void 0 ? "Delete" : _e, props = __rest(_a, ["color", "size", "filled", "pinned", "altText"]);
|
|
1055
1067
|
var renderPath = filled ? "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12ZM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4Z"
|
|
@@ -6757,50 +6769,51 @@ var VirtualTableStyles = styled.div(templateObject_1$a || (templateObject_1$a =
|
|
|
6757
6769
|
var templateObject_1$a;
|
|
6758
6770
|
|
|
6759
6771
|
var SelectionTable = function (props) {
|
|
6760
|
-
var columns = props.columns,
|
|
6761
|
-
var _a = useState(props.data.map(function (row) { return (__assign({ selected: false }, row)); })), data = _a[0], setData = _a[1];
|
|
6772
|
+
var columns = props.columns, data = props.data, selectedRows = props.selectedRows, onSelectionChange = props.onSelectionChange;
|
|
6762
6773
|
var selectionState = useMemo(function () {
|
|
6763
|
-
|
|
6764
|
-
|
|
6765
|
-
|
|
6766
|
-
|
|
6767
|
-
|
|
6768
|
-
|
|
6774
|
+
if (selectedRows == null)
|
|
6775
|
+
return "none";
|
|
6776
|
+
switch (selectedRows.length) {
|
|
6777
|
+
case 0:
|
|
6778
|
+
return 'none';
|
|
6779
|
+
case data.length:
|
|
6780
|
+
return 'all';
|
|
6781
|
+
default:
|
|
6782
|
+
return 'some';
|
|
6783
|
+
}
|
|
6784
|
+
}, [data.length, selectedRows]);
|
|
6785
|
+
var handleSelectRows = useCallback(function (rows) {
|
|
6786
|
+
if (onSelectionChange == null)
|
|
6787
|
+
return;
|
|
6788
|
+
if (selectedRows == null) {
|
|
6789
|
+
onSelectionChange(rows);
|
|
6790
|
+
return;
|
|
6791
|
+
}
|
|
6792
|
+
var newSelection = selectedRows.filter(function (row) { return !rows.includes(row); });
|
|
6793
|
+
newSelection.push.apply(newSelection, rows.filter(function (row) { return !selectedRows.includes(row); }));
|
|
6794
|
+
onSelectionChange(newSelection);
|
|
6795
|
+
}, [selectedRows, onSelectionChange]);
|
|
6769
6796
|
var handleSelectHeader = useCallback(function () {
|
|
6797
|
+
if (onSelectionChange == null)
|
|
6798
|
+
return;
|
|
6770
6799
|
switch (selectionState) {
|
|
6771
6800
|
case 'none':
|
|
6772
|
-
|
|
6801
|
+
onSelectionChange(__spreadArray([], data, true));
|
|
6773
6802
|
break;
|
|
6774
6803
|
case 'all':
|
|
6775
|
-
case '
|
|
6776
|
-
|
|
6804
|
+
case 'some':
|
|
6805
|
+
onSelectionChange([]);
|
|
6777
6806
|
break;
|
|
6778
6807
|
}
|
|
6779
|
-
}, [data,
|
|
6780
|
-
var
|
|
6781
|
-
setData(function (prev) { return prev.map(function (row, index) {
|
|
6782
|
-
if (rowIndex !== index)
|
|
6783
|
-
return row;
|
|
6784
|
-
if (onSelectRow != null) {
|
|
6785
|
-
onSelectRow(row, rowIndex);
|
|
6786
|
-
}
|
|
6787
|
-
return __assign(__assign({}, row), { selected: rowIndex === index
|
|
6788
|
-
? !row.selected
|
|
6789
|
-
: row.selected });
|
|
6790
|
-
}); });
|
|
6791
|
-
}, [onSelectRow]);
|
|
6792
|
-
var selectionHeader = useMemo(function () { return (React.createElement(LabeledCheckbox, { label: "", checked: selectionState === 'all', indeterminate: selectionState === 'indeterminate', onChange: handleSelectHeader })); }, [selectionState, handleSelectHeader]);
|
|
6808
|
+
}, [selectionState, data, onSelectionChange]);
|
|
6809
|
+
var selectionHeader = useMemo(function () { return (React.createElement(LabeledCheckbox, { label: "", checked: selectionState === 'all', indeterminate: selectionState === 'some', onChange: handleSelectHeader })); }, [selectionState, handleSelectHeader]);
|
|
6793
6810
|
var selectionColumn = useMemo(function () { return ({
|
|
6794
6811
|
Header: selectionHeader,
|
|
6795
6812
|
accessor: 'selected',
|
|
6796
|
-
Cell: function (
|
|
6797
|
-
return (React.createElement(LabeledCheckbox, { label: "", checked: cellObj.row.original.selected, onChange: function () { return handleSelectRow(cellObj.row.index); } }));
|
|
6798
|
-
},
|
|
6799
|
-
sticky: 'left',
|
|
6800
|
-
noDrag: true,
|
|
6813
|
+
Cell: function (cell) { return (React.createElement(LabeledCheckbox, { label: "", checked: selectedRows != null && selectedRows.includes(cell.row.original), onChange: function () { return handleSelectRows([cell.row.original]); } })); },
|
|
6801
6814
|
width: 40,
|
|
6802
6815
|
disableSortBy: true,
|
|
6803
|
-
}); }, [
|
|
6816
|
+
}); }, [selectedRows, selectionHeader, handleSelectRows]);
|
|
6804
6817
|
return (React.createElement(VirtualTable, __assign({}, props, { columns: __spreadArray([selectionColumn], columns, true), data: data, minWidth: 40 })));
|
|
6805
6818
|
};
|
|
6806
6819
|
|
|
@@ -7829,5 +7842,5 @@ var Dropzone = React.forwardRef(function (_a, ref) {
|
|
|
7829
7842
|
React.createElement(RenderChild, { parseProps: parseChildProps }, children))));
|
|
7830
7843
|
});
|
|
7831
7844
|
|
|
7832
|
-
export { AddIcon, AddNoteIcon, AddShoppingCartIcon, AddTaskIcon, AlertIcon, AlertNotification, ArrowIcon, Artwork, SKUAsyncSelect as AsyncSelect, Avatar, AwaitingProofIcon, Backdrop, Background, Badge, BotIcon, Box, BulletIcon, Button, ButtonsGroup, Calendar, CalendarDayBody, CalendarDaysBody, CalendarDaysHeader, CalendarIcon, CalendarTask, CalendarWrapper, CancelButton, ChangeRequestedIcon, ChatIcon, CheckMark, CheckboxIcon, CheckboxLabel, CheckmarkIcon, ChevronIcon, ChevronPopup, CircleProgressIcon, ClientApprovedIcon, ClipboardIcon, ClockIcon, Col, CollaborateIcon, CollapseStyled, CollapseWrapper, Collapsible$1 as Collapsible, CollapsibleArrowIcon, CollapsibleLabel, CollapsiblePanel, CollapsiblePanelTitle, CollapsiblePanels, Collapsible as CollapsibleV2, Collapsibles, Column, ColumnSelectIcon, CommentIcon, CommunityIcon, CompletedCheckmarkIcon, ConfirmAlertPopup, ConfirmPopup, ConnectedIcon, ConnectedPlusIcon, CouponIcon, SKUCreatableSelect as CreatableSelect, CreditCardIcon, Csku, CustomDateInput, Datepicker, DaysBodyWrapper, DefaultCalendarFooter, DefaultCalendarHeader, DefaultStar, DesignIcon, DollarIcon, DoneButton, Dot, DoubleArrowIcon, DownloadIcon, DragIcon, DraggableTasksCalendar, DropArea, DropDownContent$2 as DropDownContent, Dropdown, DropdownItem$2 as DropdownItem, Dropzone, Dropzoned, DropzonedPreviews, EPOIcon, EditIcon, EllipsisIcon, EpsIcon, ErrorBoundary, EstimateCircleIcon, EyeIcon, FeedPost, FileUploadIcon, FilledChevronIcon, FolderIcon, GalleryIcon, GearIcon, GlobalStyle, Grid, GridCell, GridIcon, GridItem, GridRow, GridTable, GridTableContainer, H1, H2, H3, H4, H5, H6, HandleIcon, HeadlessTable, HelpIcon, HistoryIcon, IconButton, IconDoc, ImageIcon, Img, InfoIcon, Input, InputIconLabel, InputIconLabelContainer, InputStepper, InputStepperStyled, IntegrationsIcon, InventoryIcon, Label, LabeledAsyncSelect, LabeledCheckbox, LabeledCreatableSelect, LabeledIconInput, LabeledInput, LabeledMultiProgress, LabeledProgress, LabeledRadio, LabeledRadioGroup, LabeledRadioInButton, LabeledRadioInButtonGroup, LabeledSelect, LabeledTextarea, LightIndicator, Link, LinkWithIcon, ListIcon, Loading, LockIcon, MagicEraserIcon, MagicIcon, MailIcon, MarketingStatusIcon, MenuIcon, MergeIcon, MultiProgress, NavConnectIcon, NavFinanceIcon, NavManagementIcon, NavProdIcon, NavResourcesIcon, NavSalesIcon, NoteIcon, Number$1 as Number, NumberInput, OpportunityCircleIcon, OrderStatusIcon, Overlay, Padding, Page, PanelContact, PanelTileContact, PendingApprovalIcon, PercentIcon, PinIcon, Popup, PopupHeader, PresentationCircleIcon, Product, Progress, PromostandardsIcon, ProofReceivedIcon, ProofingCompleteIcon, Publisher, Radio, RadioIcon, RadioLabel, ReceiptLongIcon, RenderChild, ResponsiveTable, Row, SHARED_STYLE_MAPS, SalesArrowIcon, SalesOrderCircleIcon, SearchIcon, SKUSelect as Select, SelectionTable, SharedStyles, ShopIcon, ShoppingCartIcon, ShowPopup, SidePanel, SimpleWindowedTable, SimpleWindowedTableStyles, SizerCss, SizerWrapper, SlideInIcon, Sparkles, Spinner, StarDarkIcon, StarIcon, StarLightIcon, StarRating, StateDropdown, StatusDropdown, StyledCalendarTaskBody, StyledDropArea, StyledDropdown$2 as StyledDropdown, StyledPanel, StyledTask, SubtractIcon, SVG$1 as SvgIcon, TBody, TD$1 as TD, TH, THSorted, THead, TR, Tab, TabBar, Table, TableIcon, Tabs, TagIcon, TargetIcon, Task, TaskBody, TaskIcon, TaskLabel, TaskName, TasksCalendar, TasksCalendarDayBody, TasksCalendarFooter, TemplateIcon, Text, Textarea, Theme, Thermometer, TilesIcon, Toggle, ToggleLink, ToggleSwitch, ToggleSwitchStyled, TrashIcon, TrendIcon, UploadIcon, UserIcon, UsersIcon, VirtualTable, VirtualTableStyles, Wrapper$4 as Wrapper, XIcon, colors, createMeasurementStyle, datepickerStyles, fontFamilies, fontStyles, fonts, getColor$1 as getColor, getFontStyle, getThemeColor, getThemeFontFamily, getThemeFontSize, getThemeFontStyle, getThemeProperty, parseCskuStyles, sizes, themeOptions, toggleSizes$1 as toggleSizes, useCalendar, useClickOutside, useDelayUnmount, useFallbackRef, useLongPress, usePrefersReducedMotion, useRandomInterval, useWindowSize };
|
|
7845
|
+
export { AddIcon, AddNoteIcon, AddShoppingCartIcon, AddTaskIcon, AlertIcon, AlertNotification, ArrowIcon, Artwork, SKUAsyncSelect as AsyncSelect, Avatar, AwaitingProofIcon, Backdrop, Background, Badge, BotIcon, Box, BulletIcon, Button, ButtonsGroup, Calendar, CalendarDayBody, CalendarDaysBody, CalendarDaysHeader, CalendarIcon, CalendarTask, CalendarWrapper, CancelButton, ChangeRequestedIcon, ChatIcon, CheckMark, CheckboxIcon, CheckboxLabel, CheckmarkIcon, ChevronIcon, ChevronPopup, CircleProgressIcon, ClientApprovedIcon, ClipboardIcon, ClockIcon, Col, CollaborateIcon, CollapseStyled, CollapseWrapper, Collapsible$1 as Collapsible, CollapsibleArrowIcon, CollapsibleLabel, CollapsiblePanel, CollapsiblePanelTitle, CollapsiblePanels, Collapsible as CollapsibleV2, Collapsibles, Column, ColumnSelectIcon, CommentIcon, CommunityIcon, CompletedCheckmarkIcon, ConfirmAlertPopup, ConfirmPopup, ConnectedIcon, ConnectedPlusIcon, CouponIcon, SKUCreatableSelect as CreatableSelect, CreditCardIcon, Csku, CustomDateInput, Datepicker, DaysBodyWrapper, DefaultCalendarFooter, DefaultCalendarHeader, DefaultStar, DesignIcon, DollarIcon, DoneButton, Dot, DoubleArrowIcon, DownloadIcon, DragIcon, DraggableTasksCalendar, DropArea, DropDownContent$2 as DropDownContent, Dropdown, DropdownItem$2 as DropdownItem, Dropzone, Dropzoned, DropzonedPreviews, EPOIcon, EditIcon, EllipsisIcon, EpsIcon, ErrorBoundary, EstimateCircleIcon, EyeIcon, FeedPost, FileUploadIcon, FilledChevronIcon, FolderIcon, GalleryIcon, GearIcon, GlobalStyle, Grid, GridCell, GridIcon, GridItem, GridRow, GridTable, GridTableContainer, H1, H2, H3, H4, H5, H6, HandleIcon, HeadlessTable, HelpIcon, HistoryIcon, IconButton, IconDoc, ImageIcon, Img, InfoIcon, Input, InputIconLabel, InputIconLabelContainer, InputStepper, InputStepperStyled, IntegrationsIcon, InventoryIcon, Label, LabeledAsyncSelect, LabeledCheckbox, LabeledCreatableSelect, LabeledIconInput, LabeledInput, LabeledMultiProgress, LabeledProgress, LabeledRadio, LabeledRadioGroup, LabeledRadioInButton, LabeledRadioInButtonGroup, LabeledSelect, LabeledTextarea, LightIndicator, Link, LinkWithIcon, ListIcon, Loading, LockIcon, MagicEraserIcon, MagicIcon, MailIcon, MarketingStatusIcon, MenuIcon, MergeIcon, MultiProgress, NavConnectIcon, NavFinanceIcon, NavManagementIcon, NavProdIcon, NavReportsIcon, NavResourcesIcon, NavSalesIcon, NoteIcon, Number$1 as Number, NumberInput, OpportunityCircleIcon, OrderStatusIcon, Overlay, Padding, Page, PanelContact, PanelTileContact, PendingApprovalIcon, PercentIcon, PinIcon, Popup, PopupHeader, PresentationCircleIcon, Product, Progress, PromostandardsIcon, ProofReceivedIcon, ProofingCompleteIcon, Publisher, Radio, RadioIcon, RadioLabel, ReceiptLongIcon, RenderChild, ResponsiveTable, Row, SHARED_STYLE_MAPS, SalesArrowIcon, SalesOrderCircleIcon, SearchIcon, SKUSelect as Select, SelectionTable, SharedStyles, ShopIcon, ShoppingCartIcon, ShowPopup, SidePanel, SimpleWindowedTable, SimpleWindowedTableStyles, SizerCss, SizerWrapper, SlideInIcon, Sparkles, Spinner, StarDarkIcon, StarIcon, StarLightIcon, StarRating, StateDropdown, StatusDropdown, StyledCalendarTaskBody, StyledDropArea, StyledDropdown$2 as StyledDropdown, StyledPanel, StyledTask, SubtractIcon, SVG$1 as SvgIcon, TBody, TD$1 as TD, TH, THSorted, THead, TR, Tab, TabBar, Table, TableIcon, Tabs, TagIcon, TargetIcon, Task, TaskBody, TaskIcon, TaskLabel, TaskName, TasksCalendar, TasksCalendarDayBody, TasksCalendarFooter, TemplateIcon, Text, Textarea, Theme, Thermometer, TilesIcon, Toggle, ToggleLink, ToggleSwitch, ToggleSwitchStyled, TrashIcon, TrendIcon, UploadIcon, UserIcon, UsersIcon, VirtualTable, VirtualTableStyles, Wrapper$4 as Wrapper, XIcon, colors, createMeasurementStyle, datepickerStyles, fontFamilies, fontStyles, fonts, getColor$1 as getColor, getFontStyle, getThemeColor, getThemeFontFamily, getThemeFontSize, getThemeFontStyle, getThemeProperty, parseCskuStyles, sizes, themeOptions, toggleSizes$1 as toggleSizes, useCalendar, useClickOutside, useDelayUnmount, useFallbackRef, useLongPress, usePrefersReducedMotion, useRandomInterval, useWindowSize };
|
|
7833
7846
|
//# sourceMappingURL=index.mjs.map
|