@homebound/beam 2.369.3 → 2.369.5
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/Css.js +7 -7
- package/dist/components/Accordion.js +1 -2
- package/dist/components/AccordionList.js +1 -2
- package/dist/components/AutoSaveIndicator.js +1 -2
- package/dist/components/AutoSaveStatus/AutoSaveStatusProvider.js +3 -3
- package/dist/components/AutoSaveStatus/useAutoSaveStatus.js +1 -2
- package/dist/components/Avatar/Avatar.js +1 -2
- package/dist/components/Avatar/AvatarButton.js +2 -2
- package/dist/components/Avatar/AvatarGroup.js +1 -2
- package/dist/components/Banner.js +1 -2
- package/dist/components/BeamContext.js +3 -3
- package/dist/components/Button.js +1 -2
- package/dist/components/ButtonDatePicker.js +1 -2
- package/dist/components/ButtonGroup.js +1 -2
- package/dist/components/ButtonMenu.js +1 -2
- package/dist/components/ButtonModal.js +1 -2
- package/dist/components/Chip.d.ts +1 -1
- package/dist/components/Chip.js +3 -3
- package/dist/components/Chips.js +1 -2
- package/dist/components/Copy.js +1 -2
- package/dist/components/CssReset.js +2 -2
- package/dist/components/DnDGrid/DnDGrid.js +2 -2
- package/dist/components/DnDGrid/DnDGridContext.js +2 -2
- package/dist/components/DnDGrid/DnDGridItemHandle.js +1 -2
- package/dist/components/DnDGrid/useDnDGridItem.js +1 -2
- package/dist/components/Filters/BooleanFilter.js +1 -2
- package/dist/components/Filters/CheckboxFilter.js +1 -2
- package/dist/components/Filters/DateFilter.js +1 -2
- package/dist/components/Filters/DateRangeFilter.js +1 -2
- package/dist/components/Filters/FilterModal.js +2 -3
- package/dist/components/Filters/MultiFilter.js +1 -2
- package/dist/components/Filters/NumberRangeFilter.js +1 -2
- package/dist/components/Filters/SingleFilter.js +2 -3
- package/dist/components/Filters/ToggleFilter.js +1 -2
- package/dist/components/Filters/TreeFilter.js +1 -2
- package/dist/components/Filters/index.d.ts +1 -1
- package/dist/components/Filters/index.js +3 -3
- package/dist/components/Filters/testDomain.js +3 -3
- package/dist/components/Filters/types.d.ts +0 -1
- package/dist/components/Filters/utils.js +2 -2
- package/dist/components/Grid/ResponsiveGrid.js +1 -2
- package/dist/components/Grid/ResponsiveGridItem.js +1 -2
- package/dist/components/Grid/useResponsiveGrid.js +1 -2
- package/dist/components/Grid/useResponsiveGridItem.js +1 -2
- package/dist/components/HbLoadingSpinner.js +3 -3
- package/dist/components/HelperText.js +1 -2
- package/dist/components/IconButton.js +2 -2
- package/dist/components/Label.js +3 -3
- package/dist/components/Layout/FullBleed.js +1 -2
- package/dist/components/Layout/PreventBrowserScroll.js +1 -2
- package/dist/components/Layout/RightPaneLayout/RightPaneContext.js +3 -3
- package/dist/components/Layout/RightPaneLayout/RightPaneLayout.js +1 -2
- package/dist/components/Layout/RightPaneLayout/useRightPane.js +1 -2
- package/dist/components/Layout/ScrollableContent.js +1 -2
- package/dist/components/Layout/ScrollableParent.js +3 -3
- package/dist/components/Loader.js +1 -2
- package/dist/components/LoadingSkeleton.js +1 -2
- package/dist/components/MaxLines.js +3 -4
- package/dist/components/Modal/Modal.js +5 -6
- package/dist/components/Modal/ModalContext.js +3 -3
- package/dist/components/Modal/OpenModal.d.ts +0 -1
- package/dist/components/Modal/OpenModal.js +1 -2
- package/dist/components/Modal/TestModalContent.js +3 -4
- package/dist/components/Modal/useModal.js +1 -2
- package/dist/components/NavLink.js +2 -3
- package/dist/components/Pagination.js +4 -4
- package/dist/components/PresentationContext.js +3 -3
- package/dist/components/ScrollShadows.js +1 -2
- package/dist/components/Snackbar/Snackbar.js +1 -2
- package/dist/components/Snackbar/SnackbarContext.js +3 -3
- package/dist/components/Snackbar/SnackbarNotice.js +1 -2
- package/dist/components/Snackbar/useSnackbar.js +1 -2
- package/dist/components/Stepper.js +1 -2
- package/dist/components/SuperDrawer/ConfirmCloseModal.js +1 -2
- package/dist/components/SuperDrawer/SuperDrawer.js +1 -2
- package/dist/components/SuperDrawer/components/SuperDrawerHeader.js +1 -2
- package/dist/components/SuperDrawer/useSuperDrawer.js +1 -2
- package/dist/components/SuperDrawer/utils.js +1 -1
- package/dist/components/Table/GridTable.js +13 -16
- package/dist/components/Table/GridTableApi.js +3 -3
- package/dist/components/Table/TableActions.js +1 -2
- package/dist/components/Table/TableStyles.js +2 -2
- package/dist/components/Table/components/CollapseToggle.js +1 -2
- package/dist/components/Table/components/EditColumnsButton.js +1 -2
- package/dist/components/Table/components/ExpandableHeader.js +1 -2
- package/dist/components/Table/components/KeptGroupRow.js +1 -2
- package/dist/components/Table/components/SelectToggle.js +1 -2
- package/dist/components/Table/components/SortHeader.js +1 -2
- package/dist/components/Table/components/cell.js +1 -1
- package/dist/components/Table/hooks/useSetupColumnSizes.js +1 -2
- package/dist/components/Table/utils/ColumnState.js +1 -1
- package/dist/components/Table/utils/GridRowLookup.js +2 -3
- package/dist/components/Table/utils/RowState.d.ts +1 -1
- package/dist/components/Table/utils/RowState.js +1 -1
- package/dist/components/Table/utils/TableState.js +2 -2
- package/dist/components/Table/utils/columns.js +12 -12
- package/dist/components/Table/utils/simpleHelpers.js +2 -2
- package/dist/components/Table/utils/sortRows.js +4 -5
- package/dist/components/Table/utils/utils.js +15 -15
- package/dist/components/Table/utils/visitor.js +1 -2
- package/dist/components/Tabs.js +6 -7
- package/dist/components/Tag.d.ts +1 -1
- package/dist/components/Tag.js +6 -7
- package/dist/components/Toast/Toast.js +1 -2
- package/dist/components/Toast/ToastContext.js +3 -3
- package/dist/components/Toast/useToast.js +1 -2
- package/dist/components/ToggleChip.js +1 -2
- package/dist/components/ToggleChips.js +1 -2
- package/dist/components/Tooltip.js +7 -6
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.js +4 -4
- package/dist/components/internal/CompoundField.d.ts +0 -1
- package/dist/components/internal/CompoundField.js +1 -2
- package/dist/components/internal/ContextualModal.js +1 -2
- package/dist/components/internal/DatePicker/DatePicker.js +1 -2
- package/dist/components/internal/DatePicker/DatePickerOverlay.js +1 -2
- package/dist/components/internal/DatePicker/DateRangePicker.js +1 -2
- package/dist/components/internal/DatePicker/Day.js +1 -2
- package/dist/components/internal/DatePicker/Header.js +2 -3
- package/dist/components/internal/DatePicker/WeekHeader.js +1 -2
- package/dist/components/internal/Menu.js +1 -2
- package/dist/components/internal/MenuItem.js +1 -2
- package/dist/components/internal/MenuSection.js +1 -2
- package/dist/components/internal/OverlayTrigger.js +5 -6
- package/dist/components/internal/Popover.js +2 -3
- package/dist/components/testData.js +2 -2
- package/dist/forms/BoundCheckboxField.js +1 -2
- package/dist/forms/BoundCheckboxGroupField.js +1 -2
- package/dist/forms/BoundChipSelectField.d.ts +0 -1
- package/dist/forms/BoundChipSelectField.js +1 -2
- package/dist/forms/BoundDateField.js +1 -2
- package/dist/forms/BoundDateRangeField.js +1 -2
- package/dist/forms/BoundIconCardField.d.ts +1 -1
- package/dist/forms/BoundIconCardField.js +3 -4
- package/dist/forms/BoundIconCardGroupField.d.ts +1 -1
- package/dist/forms/BoundIconCardGroupField.js +1 -2
- package/dist/forms/BoundMultiLineSelectField.d.ts +0 -1
- package/dist/forms/BoundMultiLineSelectField.js +1 -2
- package/dist/forms/BoundMultiSelectField.d.ts +0 -1
- package/dist/forms/BoundMultiSelectField.js +1 -2
- package/dist/forms/BoundNumberField.js +1 -2
- package/dist/forms/BoundRadioGroupField.js +1 -2
- package/dist/forms/BoundRichTextField.js +1 -2
- package/dist/forms/BoundSelectAndTextField.d.ts +0 -1
- package/dist/forms/BoundSelectAndTextField.js +1 -2
- package/dist/forms/BoundSelectField.d.ts +0 -1
- package/dist/forms/BoundSelectField.js +2 -3
- package/dist/forms/BoundSwitchField.js +1 -2
- package/dist/forms/BoundTextAreaField.js +1 -2
- package/dist/forms/BoundTextField.js +1 -2
- package/dist/forms/BoundToggleChipGroupField.js +1 -2
- package/dist/forms/BoundTreeSelectField.d.ts +0 -1
- package/dist/forms/BoundTreeSelectField.js +1 -2
- package/dist/forms/FormHeading.js +1 -2
- package/dist/forms/FormLines.js +4 -5
- package/dist/forms/FormStateApp.js +3 -3
- package/dist/forms/StaticField.js +1 -2
- package/dist/forms/StepperFormApp.js +1 -2
- package/dist/forms/SubmitButton.js +1 -2
- package/dist/forms/formStateDomain.js +1 -1
- package/dist/forms/index.d.ts +2 -2
- package/dist/forms/index.js +2 -2
- package/dist/forms/labelUtils.js +1 -2
- package/dist/hooks/useBreakpoint.js +1 -2
- package/dist/hooks/useComputed.d.ts +42 -1
- package/dist/hooks/useComputed.js +43 -3
- package/dist/hooks/useFilter.js +1 -2
- package/dist/hooks/useGroupBy.js +1 -2
- package/dist/hooks/useHover.js +1 -2
- package/dist/hooks/usePersistedFilter.js +2 -3
- package/dist/hooks/useQueryState.js +1 -2
- package/dist/hooks/useRenderCount.js +1 -2
- package/dist/hooks/useSessionStorage.js +1 -2
- package/dist/inputs/Autocomplete.js +1 -2
- package/dist/inputs/Checkbox.js +1 -2
- package/dist/inputs/CheckboxBase.js +2 -3
- package/dist/inputs/CheckboxGroup.js +1 -2
- package/dist/inputs/ChipSelectField.js +5 -5
- package/dist/inputs/ChipTextField.js +1 -2
- package/dist/inputs/DateFields/DateField.js +1 -2
- package/dist/inputs/DateFields/DateField.mock.js +1 -2
- package/dist/inputs/DateFields/DateFieldBase.js +2 -3
- package/dist/inputs/DateFields/DateRangeField.js +1 -2
- package/dist/inputs/DateFields/utils.js +7 -7
- package/dist/inputs/ErrorMessage.js +1 -2
- package/dist/inputs/IconCard.js +2 -2
- package/dist/inputs/IconCardGroup.js +5 -6
- package/dist/inputs/MultiLineSelectField.d.ts +0 -1
- package/dist/inputs/MultiLineSelectField.js +1 -2
- package/dist/inputs/MultiSelectField.js +1 -2
- package/dist/inputs/NumberField.js +2 -3
- package/dist/inputs/RadioGroupField.js +2 -2
- package/dist/inputs/RichTextField.d.ts +1 -1
- package/dist/inputs/RichTextField.js +2 -3
- package/dist/inputs/RichTextField.mock.js +1 -2
- package/dist/inputs/SelectField.d.ts +0 -1
- package/dist/inputs/SelectField.js +1 -2
- package/dist/inputs/Switch.js +3 -3
- package/dist/inputs/SwitchGroup.js +1 -2
- package/dist/inputs/TextAreaField.js +1 -2
- package/dist/inputs/TextField.js +1 -2
- package/dist/inputs/TextFieldBase.js +2 -3
- package/dist/inputs/ToggleButton.js +2 -2
- package/dist/inputs/ToggleChipGroup.d.ts +1 -1
- package/dist/inputs/ToggleChipGroup.js +2 -3
- package/dist/inputs/TreeSelectField/TreeOption.js +1 -2
- package/dist/inputs/TreeSelectField/TreeSelectField.js +5 -5
- package/dist/inputs/TreeSelectField/utils.js +5 -6
- package/dist/inputs/Value.js +2 -3
- package/dist/inputs/hooks/useGrowingTextField.js +1 -2
- package/dist/inputs/index.d.ts +1 -1
- package/dist/inputs/index.js +1 -1
- package/dist/inputs/internal/ComboBoxBase.js +6 -6
- package/dist/inputs/internal/ComboBoxInput.js +2 -3
- package/dist/inputs/internal/ListBox.js +1 -2
- package/dist/inputs/internal/ListBoxChip.js +1 -2
- package/dist/inputs/internal/ListBoxSection.js +1 -2
- package/dist/inputs/internal/ListBoxToggleChip.js +1 -2
- package/dist/inputs/internal/LoadingDots.js +1 -2
- package/dist/inputs/internal/MenuSearchField.js +1 -2
- package/dist/inputs/internal/Option.js +1 -2
- package/dist/inputs/internal/VirtualizedOptions.d.ts +0 -1
- package/dist/inputs/internal/VirtualizedOptions.js +2 -4
- package/dist/inputs/utils.js +1 -2
- package/dist/types.js +1 -2
- package/dist/utils/defaultLabel.js +1 -2
- package/dist/utils/defaultTestId.js +1 -2
- package/dist/utils/getInteractiveElement.js +1 -2
- package/dist/utils/index.js +12 -12
- package/dist/utils/options.js +2 -3
- package/dist/utils/rtl.d.ts +2 -3
- package/dist/utils/rtl.js +13 -13
- package/dist/utils/sb.d.ts +3 -3
- package/dist/utils/sb.js +7 -7
- package/dist/utils/shallowEqual.js +1 -2
- package/dist/utils/useTestIds.js +2 -3
- package/package.json +38 -45
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.SnackbarContext = void 0;
|
|
4
|
+
exports.SnackbarProvider = SnackbarProvider;
|
|
5
|
+
exports.useSnackbarContext = useSnackbarContext;
|
|
4
6
|
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
5
7
|
const react_1 = require("react");
|
|
6
8
|
const Snackbar_1 = require("./Snackbar");
|
|
@@ -11,8 +13,6 @@ function SnackbarProvider(props) {
|
|
|
11
13
|
const contextValue = (0, react_1.useMemo)(() => ({ setNotices, setOffset }), []);
|
|
12
14
|
return ((0, jsx_runtime_1.jsxs)(exports.SnackbarContext.Provider, { value: contextValue, children: [props.children, (0, jsx_runtime_1.jsx)(Snackbar_1.Snackbar, { notices: notices, offset: offset })] }));
|
|
13
15
|
}
|
|
14
|
-
exports.SnackbarProvider = SnackbarProvider;
|
|
15
16
|
function useSnackbarContext() {
|
|
16
17
|
return (0, react_1.useContext)(exports.SnackbarContext);
|
|
17
18
|
}
|
|
18
|
-
exports.useSnackbarContext = useSnackbarContext;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SnackbarNotice =
|
|
3
|
+
exports.SnackbarNotice = SnackbarNotice;
|
|
4
4
|
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
5
5
|
const Button_1 = require("../Button");
|
|
6
6
|
const Icon_1 = require("../Icon");
|
|
@@ -14,7 +14,6 @@ function SnackbarNotice(props) {
|
|
|
14
14
|
const reallyHideClose = hideCloseButton && !persistent;
|
|
15
15
|
return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.white.bgGray800.br4.base.df.aic.maxwPx(420).$, ...tid, role: "alert", children: [icon && ((0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fs0.plPx(12).$, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...typeToIcon[icon], ...tid.icon }) })), (0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.lineClamp3.pr2.myPx(12).plPx(icon ? 8 : 16).$, ...(typeof message === "string" ? { title: message } : undefined), ...tid.message, children: message }), (action || !reallyHideClose) && ((0, jsx_runtime_1.jsxs)("span", { css: Css_1.Css.fs0.df.aic.$, children: [action && ((0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.ttu.sm.prPx(!reallyHideClose && action.variant !== "text" ? 4 : 8).$, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contrast: true, ...action, ...tid.action }) })), !reallyHideClose && ((0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.pr1.add("lineHeight", 0).$, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { icon: "x", contrast: true, onClick: onClose, ...tid.close }) }))] }))] }));
|
|
16
16
|
}
|
|
17
|
-
exports.SnackbarNotice = SnackbarNotice;
|
|
18
17
|
const typeToIcon = {
|
|
19
18
|
// Can change to a Tupple with IconKey and color?
|
|
20
19
|
error: { icon: "xCircle", color: Css_1.Palette.Red400 },
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useSnackbar =
|
|
3
|
+
exports.useSnackbar = useSnackbar;
|
|
4
4
|
const react_1 = require("react");
|
|
5
5
|
const SnackbarContext_1 = require("./SnackbarContext");
|
|
6
6
|
const utils_1 = require("../../utils");
|
|
@@ -59,5 +59,4 @@ function useSnackbar() {
|
|
|
59
59
|
}, [bottom]);
|
|
60
60
|
return { triggerNotice, closeNotice, useSnackbarOffset };
|
|
61
61
|
}
|
|
62
|
-
exports.useSnackbar = useSnackbar;
|
|
63
62
|
let snackbarId = 1;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Stepper =
|
|
3
|
+
exports.Stepper = Stepper;
|
|
4
4
|
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const react_aria_1 = require("react-aria");
|
|
@@ -28,7 +28,6 @@ function Stepper(props) {
|
|
|
28
28
|
.mwPx(steps.length * minStepWidth + (steps.length - 1) * gap).w100.$, children: (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.bgBlue600.add("transition", "width 200ms").h100.w(`${((lastCompletedStep + 1) / steps.length) * 100}%`)
|
|
29
29
|
.$ }) })] }));
|
|
30
30
|
}
|
|
31
|
-
exports.Stepper = Stepper;
|
|
32
31
|
function StepButton(props) {
|
|
33
32
|
const { label, disabled, state, isCurrent, onClick } = props;
|
|
34
33
|
const ariaProps = { onPress: onClick, isDisabled: disabled };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ConfirmCloseModal =
|
|
3
|
+
exports.ConfirmCloseModal = ConfirmCloseModal;
|
|
4
4
|
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
5
5
|
const components_1 = require("..");
|
|
6
6
|
const BeamContext_1 = require("../BeamContext");
|
|
@@ -20,4 +20,3 @@ function ConfirmCloseModal(props) {
|
|
|
20
20
|
closeModal();
|
|
21
21
|
} }), (0, jsx_runtime_1.jsx)(components_1.Button, { label: continueText, onClick: closeModal })] })] }));
|
|
22
22
|
}
|
|
23
|
-
exports.ConfirmCloseModal = ConfirmCloseModal;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SuperDrawer =
|
|
3
|
+
exports.SuperDrawer = SuperDrawer;
|
|
4
4
|
const react_1 = require("@emotion/react");
|
|
5
5
|
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
6
6
|
const react_2 = require("@emotion/react");
|
|
@@ -76,4 +76,3 @@ function SuperDrawer() {
|
|
|
76
76
|
// Preventing clicks from triggering parent onClick
|
|
77
77
|
onClick: (e) => e.stopPropagation(), children: (0, jsx_runtime_1.jsxs)(components_1.AutoSaveStatusProvider, { children: [(0, jsx_runtime_1.jsxs)("header", { css: Css_1.Css.p3.bb.bcGray200.df.aic.jcsb.gap3.$, children: [(0, jsx_runtime_1.jsx)("div", { ref: headerRef, css: Css_1.Css.gray900.fg1.addIn("h1", Css_1.Css.xl2Sb.$).$ }), (0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: "x", onClick: closeDrawer, ...testId.close })] }), content] }) }, "superDrawerContainer"))] })) }), document.body);
|
|
78
78
|
}
|
|
79
|
-
exports.SuperDrawer = SuperDrawer;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SuperDrawerHeader =
|
|
3
|
+
exports.SuperDrawerHeader = SuperDrawerHeader;
|
|
4
4
|
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
5
5
|
const react_dom_1 = require("react-dom");
|
|
6
6
|
const BeamContext_1 = require("../../BeamContext");
|
|
@@ -21,7 +21,6 @@ function SuperDrawerHeader(props) {
|
|
|
21
21
|
{ icon: "chevronRight", onClick: () => onNextClick && onNextClick(), disabled: !onNextClick },
|
|
22
22
|
], ...tid.actions }) }))] }), sdHeaderDiv);
|
|
23
23
|
}
|
|
24
|
-
exports.SuperDrawerHeader = SuperDrawerHeader;
|
|
25
24
|
function isStructuredProps(props) {
|
|
26
25
|
return typeof props === "object" && "title" in props;
|
|
27
26
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useSuperDrawer =
|
|
3
|
+
exports.useSuperDrawer = useSuperDrawer;
|
|
4
4
|
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const BeamContext_1 = require("../BeamContext");
|
|
@@ -144,7 +144,6 @@ function useSuperDrawer() {
|
|
|
144
144
|
isDrawerOpen: contentStack.current.length > 0,
|
|
145
145
|
};
|
|
146
146
|
}
|
|
147
|
-
exports.useSuperDrawer = useSuperDrawer;
|
|
148
147
|
function canClose(canCloseCheck) {
|
|
149
148
|
return ((typeof canCloseCheck === "function" && canCloseCheck()) ||
|
|
150
149
|
(typeof canCloseCheck !== "function" && canCloseCheck.check()));
|
|
@@ -5,4 +5,4 @@ var SuperDrawerWidth;
|
|
|
5
5
|
(function (SuperDrawerWidth) {
|
|
6
6
|
SuperDrawerWidth[SuperDrawerWidth["Small"] = 560] = "Small";
|
|
7
7
|
SuperDrawerWidth[SuperDrawerWidth["Normal"] = 1040] = "Normal";
|
|
8
|
-
})(SuperDrawerWidth
|
|
8
|
+
})(SuperDrawerWidth || (exports.SuperDrawerWidth = SuperDrawerWidth = {}));
|
|
@@ -26,7 +26,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
26
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.
|
|
29
|
+
exports.setRunningInJest = setRunningInJest;
|
|
30
|
+
exports.setDefaultStyle = setDefaultStyle;
|
|
31
|
+
exports.setGridTableDefaults = setGridTableDefaults;
|
|
32
|
+
exports.GridTable = GridTable;
|
|
30
33
|
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
31
34
|
const memoize_one_1 = __importDefault(require("memoize-one"));
|
|
32
35
|
const mobx_1 = require("mobx");
|
|
@@ -51,7 +54,6 @@ let runningInJest = false;
|
|
|
51
54
|
function setRunningInJest() {
|
|
52
55
|
runningInJest = true;
|
|
53
56
|
}
|
|
54
|
-
exports.setRunningInJest = setRunningInJest;
|
|
55
57
|
let defaults = {
|
|
56
58
|
style: TableStyles_1.defaultStyle,
|
|
57
59
|
stickyHeader: false,
|
|
@@ -60,12 +62,10 @@ let defaults = {
|
|
|
60
62
|
function setDefaultStyle(style) {
|
|
61
63
|
defaults.style = style;
|
|
62
64
|
}
|
|
63
|
-
exports.setDefaultStyle = setDefaultStyle;
|
|
64
65
|
/** Configures the default/app-wide GridTable settings. */
|
|
65
66
|
function setGridTableDefaults(opts) {
|
|
66
67
|
defaults = { ...defaults, ...opts };
|
|
67
68
|
}
|
|
68
|
-
exports.setGridTableDefaults = setGridTableDefaults;
|
|
69
69
|
/**
|
|
70
70
|
* Renders data in our table layout.
|
|
71
71
|
*
|
|
@@ -236,17 +236,15 @@ function GridTable(props) {
|
|
|
236
236
|
const hasExpandableHeader = visibleRows.some((rs) => rs.row.id === utils_1.EXPANDABLE_HEADER);
|
|
237
237
|
// Get the flat list or rows from the header down...
|
|
238
238
|
visibleRows.forEach((rs) => {
|
|
239
|
-
const row = ((0, jsx_runtime_1.jsx)(Row_1.Row, { onDragStart: onDragStart, onDragOver: onDragOver, onDragEnd: onDragEnd, onDrop: onDrop, onDragEnter: onDragEnter,
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
hasExpandableHeader,
|
|
249
|
-
} }, rs.key));
|
|
239
|
+
const row = ((0, jsx_runtime_1.jsx)(Row_1.Row, { onDragStart: onDragStart, onDragOver: onDragOver, onDragEnd: onDragEnd, onDrop: onDrop, onDragEnter: onDragEnter, as,
|
|
240
|
+
rs,
|
|
241
|
+
style,
|
|
242
|
+
rowStyles,
|
|
243
|
+
columnSizes,
|
|
244
|
+
getCount,
|
|
245
|
+
cellHighlight: "cellHighlight" in maybeStyle && maybeStyle.cellHighlight === true,
|
|
246
|
+
omitRowHover: "rowHover" in maybeStyle && maybeStyle.rowHover === false,
|
|
247
|
+
hasExpandableHeader }, rs.key));
|
|
250
248
|
if (rs.kind === "header") {
|
|
251
249
|
headerRows.push(row);
|
|
252
250
|
}
|
|
@@ -296,7 +294,6 @@ function GridTable(props) {
|
|
|
296
294
|
const rowStateContext = (0, react_1.useMemo)(() => ({ tableState: tableState }), [tableState]);
|
|
297
295
|
return ((0, jsx_runtime_1.jsx)(TableState_1.TableStateContext.Provider, { value: rowStateContext, children: (0, jsx_runtime_1.jsxs)(PresentationContext_1.PresentationProvider, { fieldProps: fieldProps, wrap: (_c = style === null || style === void 0 ? void 0 : style.presentationSettings) === null || _c === void 0 ? void 0 : _c.wrap, children: [(0, jsx_runtime_1.jsx)("div", { ref: resizeRef, css: (0, components_1.getTableRefWidthStyles)(as === "virtual") }), renders[_as](style, id, columns, visibleDataRows, keptSelectedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, tableHeadRows, stickyOffset, infiniteScroll)] }) }));
|
|
298
296
|
}
|
|
299
|
-
exports.GridTable = GridTable;
|
|
300
297
|
// Determine which HTML element to use to build the GridTable
|
|
301
298
|
const renders = {
|
|
302
299
|
table: renderTable,
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.GridTableApiImpl = void 0;
|
|
4
|
+
exports.useGridTableApi = useGridTableApi;
|
|
5
|
+
exports.maybeApply = maybeApply;
|
|
4
6
|
const mobx_1 = require("mobx");
|
|
5
7
|
const mobx_utils_1 = require("mobx-utils");
|
|
6
8
|
const react_1 = require("react");
|
|
@@ -24,7 +26,6 @@ const TableState_1 = require("./utils/TableState");
|
|
|
24
26
|
function useGridTableApi() {
|
|
25
27
|
return (0, react_1.useMemo)(() => new GridTableApiImpl(), []);
|
|
26
28
|
}
|
|
27
|
-
exports.useGridTableApi = useGridTableApi;
|
|
28
29
|
// Using `FooImpl`to keep the public GridTableApi definition separate.
|
|
29
30
|
class GridTableApiImpl {
|
|
30
31
|
constructor() {
|
|
@@ -190,4 +191,3 @@ function bindMethods(instance) {
|
|
|
190
191
|
function maybeApply(maybeFn) {
|
|
191
192
|
return typeof maybeFn === "function" ? maybeFn() : maybeFn;
|
|
192
193
|
}
|
|
193
|
-
exports.maybeApply = maybeApply;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TableActions =
|
|
3
|
+
exports.TableActions = TableActions;
|
|
4
4
|
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
5
5
|
const Css_1 = require("../../Css");
|
|
6
6
|
/** Provides default spacing for Actions sitting above a table (Filters, Search, etc...) */
|
|
@@ -9,4 +9,3 @@ function TableActions(props) {
|
|
|
9
9
|
const alignmentStyles = onlyLeft ? Css_1.Css.jcfs.$ : onlyRight ? Css_1.Css.jcfe.$ : Css_1.Css.jcsb.$;
|
|
10
10
|
return (0, jsx_runtime_1.jsx)("div", { css: { ...Css_1.Css.df.aic.pb2.gap1.$, ...xss, ...alignmentStyles }, children: children });
|
|
11
11
|
}
|
|
12
|
-
exports.TableActions = TableActions;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.cardStyle = exports.condensedStyle = exports.defaultStyle = exports.expandableHeaderRowHeight = exports.totalsRowHeight = exports.getTableStyles = void 0;
|
|
4
|
+
exports.resolveStyles = resolveStyles;
|
|
4
5
|
const Css_1 = require("../../Css");
|
|
5
6
|
const utils_1 = require("../../utils");
|
|
6
7
|
// Returns a "blessed" style of GridTable
|
|
@@ -124,4 +125,3 @@ function resolveStyles(style) {
|
|
|
124
125
|
}
|
|
125
126
|
return style;
|
|
126
127
|
}
|
|
127
|
-
exports.resolveStyles = resolveStyles;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.CollapseToggle =
|
|
3
|
+
exports.CollapseToggle = CollapseToggle;
|
|
4
4
|
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const index_1 = require("../../index");
|
|
@@ -21,4 +21,3 @@ function CollapseToggle(props) {
|
|
|
21
21
|
}
|
|
22
22
|
return ((0, jsx_runtime_1.jsx)(index_1.IconButton, { onClick: () => tableState.toggleCollapsed(row.id), icon: isHeader ? headerIconKey : iconKey, compact: compact }));
|
|
23
23
|
}
|
|
24
|
-
exports.CollapseToggle = CollapseToggle;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.EditColumnsButton =
|
|
3
|
+
exports.EditColumnsButton = EditColumnsButton;
|
|
4
4
|
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const react_aria_1 = require("react-aria");
|
|
@@ -47,4 +47,3 @@ function EditColumnsButton(props) {
|
|
|
47
47
|
"&:hover": Css_1.Css.bshHover.$,
|
|
48
48
|
}, children: [(0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.gray500.xsSb.mb1.ttu.$, children: title || "Select columns to show" }), (0, jsx_runtime_1.jsx)(inputs_1.CheckboxGroup, { label: title || "Select columns to show", onChange: (values) => setSelectedValues(values), values: selectedValues, options: options, columns: 2, labelStyle: "hidden" }), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.mt1.$, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "tertiary", label: "Clear selections", onClick: () => setSelectedValues([]) }) })] }) }));
|
|
49
49
|
}
|
|
50
|
-
exports.EditColumnsButton = EditColumnsButton;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ExpandableHeader =
|
|
3
|
+
exports.ExpandableHeader = ExpandableHeader;
|
|
4
4
|
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const Icon_1 = require("../../Icon");
|
|
@@ -33,4 +33,3 @@ function ExpandableHeader(props) {
|
|
|
33
33
|
.pr2.mr2.bgWhite.z(utils_1.zIndices.expandableHeaderTitle)
|
|
34
34
|
.if(isHovered).bgGray100.$, children: [(0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.tal.lineClamp2.$, children: title }), tooltipEl] }), (0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.if(applyStickyStyles).sticky.rightPx(12).z(utils_1.zIndices.expandableHeaderIcon).$, children: isLoading ? (0, jsx_runtime_1.jsx)(Loader_1.Loader, { size: "xs" }) : (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: isExpanded ? "chevronLeft" : "chevronRight", inc: 2 }) })] }));
|
|
35
35
|
}
|
|
36
|
-
exports.ExpandableHeader = ExpandableHeader;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.KeptGroupRow =
|
|
3
|
+
exports.KeptGroupRow = KeptGroupRow;
|
|
4
4
|
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const components_1 = require("../..");
|
|
@@ -19,4 +19,3 @@ function KeptGroupRow(props) {
|
|
|
19
19
|
...Css_1.Css.pl0.w(`calc(${columnSizes.join(" + ")})`).$,
|
|
20
20
|
}, ...(as === "table" ? { colSpan } : {}), children: (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.aic.gapPx(12).$, children: [(0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.wPx(38).df.jcc.$, children: (0, jsx_runtime_1.jsx)(Table_1.CollapseToggle, { row: row, compact: true }) }), (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.aic.gap1.$, children: [(0, jsx_runtime_1.jsx)(components_1.Icon, { icon: "infoCircle", inc: 2 }), `${numHiddenSelectedRows} selected ${(0, utils_1.pluralize)(numHiddenSelectedRows, "row")} hidden due to filters`] })] }) }));
|
|
21
21
|
}
|
|
22
|
-
exports.KeptGroupRow = KeptGroupRow;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SelectToggle =
|
|
3
|
+
exports.SelectToggle = SelectToggle;
|
|
4
4
|
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const TableState_1 = require("../utils/TableState");
|
|
@@ -13,4 +13,3 @@ function SelectToggle({ id, disabled }) {
|
|
|
13
13
|
const selected = state === "checked" ? true : state === "unchecked" ? false : "indeterminate";
|
|
14
14
|
return ((0, jsx_runtime_1.jsx)(inputs_1.Checkbox, { checkboxOnly: true, disabled: disabled, label: "Select", onChange: (selected) => tableState.selectRow(id, selected), selected: selected }));
|
|
15
15
|
}
|
|
16
|
-
exports.SelectToggle = SelectToggle;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SortHeader =
|
|
3
|
+
exports.SortHeader = SortHeader;
|
|
4
4
|
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const Icon_1 = require("../../Icon");
|
|
@@ -35,4 +35,3 @@ function SortHeader(props) {
|
|
|
35
35
|
}, inc: 2, ...tid.icon }) }));
|
|
36
36
|
return ((0, jsx_runtime_1.jsxs)("div", { ...tid, css: { ...Css_1.Css.df.aic.h100.cursorPointer.usn.$, ...xss }, ...hoverProps, onClick: toggleSort, children: [iconOnLeft && icon, (0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.lineClamp2.$, children: content }), tooltipEl, !iconOnLeft && icon] }));
|
|
37
37
|
}
|
|
38
|
-
exports.SortHeader = SortHeader;
|
|
@@ -32,7 +32,7 @@ exports.rowLinkRenderFn = rowLinkRenderFn;
|
|
|
32
32
|
/** Renders a cell that will fire the RowStyle.onClick. */
|
|
33
33
|
const rowClickRenderFn = (as, api, colSpan) => (key, css, content, row, rowStyle, classNames, onClick, tooltip) => {
|
|
34
34
|
const Cell = as === "table" ? "td" : "div";
|
|
35
|
-
return ((0, jsx_runtime_1.jsx)(Cell, {
|
|
35
|
+
return ((0, jsx_runtime_1.jsx)(Cell, { key, css: { ...css }, className: classNames, onClick: (e) => {
|
|
36
36
|
rowStyle.onClick(row, api);
|
|
37
37
|
onClick && onClick();
|
|
38
38
|
}, ...(as === "table" && { colSpan }), children: content }));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useSetupColumnSizes =
|
|
3
|
+
exports.useSetupColumnSizes = useSetupColumnSizes;
|
|
4
4
|
const utils_1 = require("@react-aria/utils");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const columns_1 = require("../utils/columns");
|
|
@@ -66,4 +66,3 @@ function useSetupColumnSizes(style, columns, resizeRef, expandedColumnIds) {
|
|
|
66
66
|
(0, utils_1.useResizeObserver)({ ref: resizeRef, onResize });
|
|
67
67
|
return columnSizes;
|
|
68
68
|
}
|
|
69
|
-
exports.useSetupColumnSizes = useSetupColumnSizes;
|
|
@@ -19,7 +19,7 @@ class ColumnState {
|
|
|
19
19
|
this.expanded = false;
|
|
20
20
|
this.column = column;
|
|
21
21
|
// If the user sets `canHide: true`, we default to hidden unless they set `initVisible: true`
|
|
22
|
-
this.visible = (_a = storage.wasVisible(column.id)) !== null && _a !== void 0 ? _a : (column.canHide ? (_b = column.initVisible) !== null && _b !== void 0 ? _b : false : true);
|
|
22
|
+
this.visible = (_a = storage.wasVisible(column.id)) !== null && _a !== void 0 ? _a : (column.canHide ? ((_b = column.initVisible) !== null && _b !== void 0 ? _b : false) : true);
|
|
23
23
|
if (this.visible && ((_c = storage.wasExpanded(column.id)) !== null && _c !== void 0 ? _c : column.initExpanded)) {
|
|
24
24
|
this.expanded = true;
|
|
25
25
|
// TODO: verify this eslint ignore
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.createRowLookup = createRowLookup;
|
|
4
|
+
exports.getKinds = getKinds;
|
|
4
5
|
const types_1 = require("../types");
|
|
5
6
|
function createRowLookup(api, virtuosoRef) {
|
|
6
7
|
return {
|
|
@@ -49,8 +50,6 @@ function createRowLookup(api, virtuosoRef) {
|
|
|
49
50
|
},
|
|
50
51
|
};
|
|
51
52
|
}
|
|
52
|
-
exports.createRowLookup = createRowLookup;
|
|
53
53
|
function getKinds(columns) {
|
|
54
54
|
return Object.keys(columns.find((c) => !c.isAction) || {}).filter((key) => !types_1.nonKindGridColumnKeys.includes(key));
|
|
55
55
|
}
|
|
56
|
-
exports.getKinds = getKinds;
|
|
@@ -5,7 +5,7 @@ import { RowStates } from "./RowStates";
|
|
|
5
5
|
import { SelectedState } from "./TableState";
|
|
6
6
|
export declare enum DraggedOver {
|
|
7
7
|
None = 0,
|
|
8
|
-
Above = 1
|
|
8
|
+
Above = 1,// In this case this means higher on the screen which means a lower y value and a lower row index
|
|
9
9
|
Below = 2
|
|
10
10
|
}
|
|
11
11
|
/**
|
|
@@ -8,7 +8,7 @@ var DraggedOver;
|
|
|
8
8
|
DraggedOver[DraggedOver["None"] = 0] = "None";
|
|
9
9
|
DraggedOver[DraggedOver["Above"] = 1] = "Above";
|
|
10
10
|
DraggedOver[DraggedOver["Below"] = 2] = "Below";
|
|
11
|
-
})(DraggedOver
|
|
11
|
+
})(DraggedOver || (exports.DraggedOver = DraggedOver = {}));
|
|
12
12
|
/**
|
|
13
13
|
* A reactive/observable state of each GridDataRow's current behavior.
|
|
14
14
|
*
|
|
@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.
|
|
6
|
+
exports.TableStateContext = exports.TableState = void 0;
|
|
7
|
+
exports.deriveSortState = deriveSortState;
|
|
7
8
|
const mobx_1 = require("mobx");
|
|
8
9
|
const react_1 = __importDefault(require("react"));
|
|
9
10
|
const components_1 = require("../..");
|
|
@@ -256,4 +257,3 @@ function deriveSortState(currentSortState, clickedKey, initialSortState) {
|
|
|
256
257
|
// Else, direction is already DESC, so revert to original sort value.
|
|
257
258
|
return initialSortState;
|
|
258
259
|
}
|
|
259
|
-
exports.deriveSortState = deriveSortState;
|
|
@@ -1,35 +1,40 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.generateColumnId = void 0;
|
|
4
|
+
exports.column = column;
|
|
5
|
+
exports.dateColumn = dateColumn;
|
|
6
|
+
exports.numericColumn = numericColumn;
|
|
7
|
+
exports.actionColumn = actionColumn;
|
|
8
|
+
exports.selectColumn = selectColumn;
|
|
9
|
+
exports.collapseColumn = collapseColumn;
|
|
10
|
+
exports.calcColumnSizes = calcColumnSizes;
|
|
11
|
+
exports.assignDefaultColumnIds = assignDefaultColumnIds;
|
|
12
|
+
exports.dragHandleColumn = dragHandleColumn;
|
|
4
13
|
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
14
|
+
const src_1 = require("../../..");
|
|
5
15
|
const CollapseToggle_1 = require("../components/CollapseToggle");
|
|
6
16
|
const SelectToggle_1 = require("../components/SelectToggle");
|
|
7
17
|
const types_1 = require("../types");
|
|
8
18
|
const utils_1 = require("./utils");
|
|
9
|
-
const utils_2 = require("../../../utils");
|
|
10
|
-
const src_1 = require("../../..");
|
|
11
19
|
const Css_1 = require("../../../Css");
|
|
20
|
+
const utils_2 = require("../../../utils");
|
|
12
21
|
/** Provides default styling for a GridColumn representing a Date. */
|
|
13
22
|
function column(columnDef) {
|
|
14
23
|
return { ...columnDef };
|
|
15
24
|
}
|
|
16
|
-
exports.column = column;
|
|
17
25
|
/** Provides default styling for a GridColumn representing a Date. */
|
|
18
26
|
function dateColumn(columnDef) {
|
|
19
27
|
return { ...columnDef, align: "left" };
|
|
20
28
|
}
|
|
21
|
-
exports.dateColumn = dateColumn;
|
|
22
29
|
/**
|
|
23
30
|
* Provides default styling for a GridColumn representing a Numeric value (Price, percentage, PO #, etc.). */
|
|
24
31
|
function numericColumn(columnDef) {
|
|
25
32
|
return { ...columnDef, align: "right" };
|
|
26
33
|
}
|
|
27
|
-
exports.numericColumn = numericColumn;
|
|
28
34
|
/** Provides default styling for a GridColumn representing an Action. */
|
|
29
35
|
function actionColumn(columnDef) {
|
|
30
36
|
return { clientSideSort: false, ...columnDef, align: "center", isAction: true, wrapAction: false };
|
|
31
37
|
}
|
|
32
|
-
exports.actionColumn = actionColumn;
|
|
33
38
|
/**
|
|
34
39
|
* Provides default styling for a GridColumn containing a checkbox.
|
|
35
40
|
*
|
|
@@ -61,7 +66,6 @@ function selectColumn(columnDef) {
|
|
|
61
66
|
});
|
|
62
67
|
});
|
|
63
68
|
}
|
|
64
|
-
exports.selectColumn = selectColumn;
|
|
65
69
|
/**
|
|
66
70
|
* Provides default styling for a GridColumn containing a collapse icon.
|
|
67
71
|
*
|
|
@@ -92,7 +96,6 @@ function collapseColumn(columnDef) {
|
|
|
92
96
|
});
|
|
93
97
|
});
|
|
94
98
|
}
|
|
95
|
-
exports.collapseColumn = collapseColumn;
|
|
96
99
|
// Keep keys like `w` and `mw` from hitting the method missing proxy
|
|
97
100
|
function nonKindDefaults() {
|
|
98
101
|
return Object.fromEntries(types_1.nonKindGridColumnKeys.map((key) => [key, undefined]));
|
|
@@ -189,7 +192,6 @@ function calcColumnSizes(columns, tableWidth, tableMinWidthPx = 0, expandedColum
|
|
|
189
192
|
});
|
|
190
193
|
return sizes;
|
|
191
194
|
}
|
|
192
|
-
exports.calcColumnSizes = calcColumnSizes;
|
|
193
195
|
/** Assign column ids if missing. */
|
|
194
196
|
function assignDefaultColumnIds(columns) {
|
|
195
197
|
return columns.map((c, idx) => {
|
|
@@ -218,7 +220,6 @@ function assignDefaultColumnIds(columns) {
|
|
|
218
220
|
});
|
|
219
221
|
});
|
|
220
222
|
}
|
|
221
|
-
exports.assignDefaultColumnIds = assignDefaultColumnIds;
|
|
222
223
|
const generateColumnId = (columnIndex) => `beamColumn_${columnIndex}`;
|
|
223
224
|
exports.generateColumnId = generateColumnId;
|
|
224
225
|
function dragHandleColumn(columnDef) {
|
|
@@ -251,7 +252,6 @@ function dragHandleColumn(columnDef) {
|
|
|
251
252
|
};
|
|
252
253
|
});
|
|
253
254
|
}
|
|
254
|
-
exports.dragHandleColumn = dragHandleColumn;
|
|
255
255
|
function parseFr(w) {
|
|
256
256
|
return typeof w === "number"
|
|
257
257
|
? w
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.simpleExpandableHeader = exports.simpleHeader = void 0;
|
|
4
|
+
exports.simpleDataRows = simpleDataRows;
|
|
4
5
|
/** A const for a marker header row. */
|
|
5
6
|
exports.simpleHeader = { kind: "header", id: "header", data: undefined };
|
|
6
7
|
exports.simpleExpandableHeader = { kind: "expandableHeader", id: "expandableHeader", data: undefined };
|
|
@@ -9,4 +10,3 @@ function simpleDataRows(data = []) {
|
|
|
9
10
|
// @ts-ignore Not sure why this doesn't type-check, something esoteric with the DiscriminateUnion type
|
|
10
11
|
return [exports.simpleHeader, ...data.map((data) => ({ kind: "data", data, id: data.id }))];
|
|
11
12
|
}
|
|
12
|
-
exports.simpleDataRows = simpleDataRows;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.sortRows = sortRows;
|
|
4
|
+
exports.sortFn = sortFn;
|
|
5
|
+
exports.ensureClientSideSortValueIsSortable = ensureClientSideSortValueIsSortable;
|
|
4
6
|
const utils_1 = require("./utils");
|
|
5
7
|
// Returns a shallow copy of the `rows` parameter sorted based on `sortState`
|
|
6
8
|
// We really only use this for tests; in production the RowState.visibleSortedChildren uses the sortFn
|
|
@@ -16,7 +18,6 @@ function sortRows(columns, rows, sortState, caseSensitive) {
|
|
|
16
18
|
});
|
|
17
19
|
return sorted;
|
|
18
20
|
}
|
|
19
|
-
exports.sortRows = sortRows;
|
|
20
21
|
/** Creates a comparator for two GridDataRows based on the current sortState. */
|
|
21
22
|
function sortFn(columns, sortState, caseSensitive) {
|
|
22
23
|
// When client-side sort, the sort value is the column index
|
|
@@ -49,7 +50,6 @@ function sortFn(columns, sortState, caseSensitive) {
|
|
|
49
50
|
return column ? compare(column, a, b, invert, caseSensitive) : 0;
|
|
50
51
|
};
|
|
51
52
|
}
|
|
52
|
-
exports.sortFn = sortFn;
|
|
53
53
|
function getPin(pin) {
|
|
54
54
|
return typeof pin === "string" ? pin : pin === null || pin === void 0 ? void 0 : pin.at;
|
|
55
55
|
}
|
|
@@ -99,12 +99,11 @@ function ensureClientSideSortValueIsSortable(sortOn, isHeader, column, idx, mayb
|
|
|
99
99
|
if (process.env.NODE_ENV !== "production" && !isHeader && sortOn === "client" && column.clientSideSort !== false) {
|
|
100
100
|
const value = sortValue(maybeContent, false);
|
|
101
101
|
if (!canClientSideSort(value)) {
|
|
102
|
-
const columnIdentifier = !column.id.startsWith("beamColumn_") ? column.id : (_a = column.name) !== null && _a !== void 0 ? _a : idx;
|
|
102
|
+
const columnIdentifier = !column.id.startsWith("beamColumn_") ? column.id : ((_a = column.name) !== null && _a !== void 0 ? _a : idx);
|
|
103
103
|
throw new Error(`Column ${columnIdentifier} passed an unsortable value, use GridCellContent or clientSideSort=false`);
|
|
104
104
|
}
|
|
105
105
|
}
|
|
106
106
|
}
|
|
107
|
-
exports.ensureClientSideSortValueIsSortable = ensureClientSideSortValueIsSortable;
|
|
108
107
|
function canClientSideSort(value) {
|
|
109
108
|
const t = typeof value;
|
|
110
109
|
return (value === null || t === "undefined" || t === "number" || t === "string" || t === "boolean" || value instanceof Date);
|