@ballistix.digital/react-components 0.7.0 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +5 -0
- package/dist/index.esm.js +25 -16
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +25 -16
- package/dist/index.js.map +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -1729,6 +1729,9 @@ var setTableState = function (tableName, state) {
|
|
|
1729
1729
|
localStorage.setItem("TableList.".concat(tableName, ".state"), JSON.stringify(cherryPickedState));
|
|
1730
1730
|
}
|
|
1731
1731
|
};
|
|
1732
|
+
var removeTableState = function (tableName) {
|
|
1733
|
+
localStorage.removeItem("TableList.".concat(tableName, ".state"));
|
|
1734
|
+
};
|
|
1732
1735
|
var isValidState = function (state) {
|
|
1733
1736
|
if (!(state === null || state === void 0 ? void 0 : state.columnOrder) ||
|
|
1734
1737
|
!(state === null || state === void 0 ? void 0 : state.columnVisibility) ||
|
|
@@ -2343,7 +2346,7 @@ var ModalOverlay = function (props) {
|
|
|
2343
2346
|
onClose && onClose();
|
|
2344
2347
|
}
|
|
2345
2348
|
}, [isOpen, onClose]);
|
|
2346
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Transition.Root, { show: isOpen, as: React.Fragment, children: jsxRuntime.jsxs(react.Dialog, { as: "div", className: styles.container, onClose: setIsOpen, children: [jsxRuntime.jsx(react.Transition.Child, { as: React.Fragment, enter: styles.background.transition.enter, enterFrom: styles.background.transition.enterFrom, enterTo: styles.background.transition.enterTo, leave: styles.background.transition.leave, leaveFrom: styles.background.transition.leaveFrom, leaveTo: styles.background.transition.leaveTo, children: jsxRuntime.jsx("div", { className: styles.background.container }) }), jsxRuntime.jsx("div", { className: styles.layout.container,
|
|
2349
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Transition.Root, { show: isOpen, as: React.Fragment, children: jsxRuntime.jsxs(react.Dialog, { as: "div", className: styles.container, onClose: setIsOpen, children: [jsxRuntime.jsx(react.Transition.Child, { as: React.Fragment, enter: styles.background.transition.enter, enterFrom: styles.background.transition.enterFrom, enterTo: styles.background.transition.enterTo, leave: styles.background.transition.leave, leaveFrom: styles.background.transition.leaveFrom, leaveTo: styles.background.transition.leaveTo, children: jsxRuntime.jsx("div", { className: styles.background.container }) }), jsxRuntime.jsx("div", { className: styles.layout.container, children: jsxRuntime.jsx("div", { className: styles.layout.content, "data-cy": dataCy, children: jsxRuntime.jsx(react.Transition.Child, { as: React.Fragment, enter: styles.panel.transition.enter, enterFrom: styles.panel.transition.enterFrom, enterTo: styles.panel.transition.enterTo, leave: styles.panel.transition.leave, leaveFrom: styles.panel.transition.leaveFrom, leaveTo: styles.panel.transition.leaveTo, children: jsxRuntime.jsx(react.Dialog.Panel, { className: styles.panel.container, children: children(options) }) }) }) })] }) }), trigger && trigger(options)] }));
|
|
2347
2350
|
};
|
|
2348
2351
|
|
|
2349
2352
|
var base$7 = {
|
|
@@ -2598,7 +2601,8 @@ var styles$7 = {
|
|
|
2598
2601
|
};
|
|
2599
2602
|
|
|
2600
2603
|
var TableColumnOptionsCustom = function (props) {
|
|
2601
|
-
var
|
|
2604
|
+
var _a;
|
|
2605
|
+
var table = props.table, trigger = props.trigger, setColumnOrder = props.setColumnOrder, resetConfig = props.resetConfig;
|
|
2602
2606
|
var handleUpdateColumnOrder = React.useCallback(function (table, column, location, setColumnOrder) {
|
|
2603
2607
|
var _a;
|
|
2604
2608
|
var ids = (_a = table
|
|
@@ -2610,26 +2614,31 @@ var TableColumnOptionsCustom = function (props) {
|
|
|
2610
2614
|
ids.splice(location, 0, column.id);
|
|
2611
2615
|
setColumnOrder(ids);
|
|
2612
2616
|
}, []);
|
|
2613
|
-
return (jsxRuntime.jsxs(react.Popover, { children: [jsxRuntime.jsx(react.Popover.Button, { children: trigger }), jsxRuntime.
|
|
2614
|
-
|
|
2615
|
-
|
|
2616
|
-
|
|
2617
|
-
|
|
2618
|
-
|
|
2619
|
-
|
|
2620
|
-
|
|
2621
|
-
|
|
2622
|
-
|
|
2617
|
+
return (jsxRuntime.jsxs(react.Popover, { children: [jsxRuntime.jsx(react.Popover.Button, { children: trigger }), jsxRuntime.jsxs(react.Popover.Panel, { className: styles$6.controls.content, children: [resetConfig && (jsxRuntime.jsxs("div", { className: styles$6.controls.dropdown.reset, onClick: function () {
|
|
2618
|
+
removeTableState(resetConfig.tableId);
|
|
2619
|
+
table.resetColumnVisibility(true);
|
|
2620
|
+
table.resetColumnOrder();
|
|
2621
|
+
resetConfig.onReset && resetConfig.onReset();
|
|
2622
|
+
}, children: [jsxRuntime.jsx(IconElement, { accessor: "rotate-left" }), jsxRuntime.jsx("p", { children: (_a = resetConfig.label) !== null && _a !== void 0 ? _a : 'Reset' })] })), table
|
|
2623
|
+
.getAllLeafColumns()
|
|
2624
|
+
.map(function (column, index) {
|
|
2625
|
+
var isAccessorColumn = !!(column === null || column === void 0 ? void 0 : column.accessorFn);
|
|
2626
|
+
return (jsxRuntime.jsxs("div", { className: toClassName(styles$6.controls.dropdown.container, !isAccessorColumn && 'hidden'), children: [jsxRuntime.jsx("input", { className: styles$6.controls.dropdown.input, type: "checkbox", checked: column.getIsVisible(), onChange: column.getToggleVisibilityHandler() }), jsxRuntime.jsx("label", { className: styles$6.controls.dropdown.label, children: column.columnDef.header }), jsxRuntime.jsxs("div", { className: styles$6.controls.dropdown.actions, children: [jsxRuntime.jsx(outline$2.ChevronDownIcon, { className: styles$6.controls.dropdown.upIcon, onClick: function () {
|
|
2627
|
+
return handleUpdateColumnOrder(table, column, index - 1, setColumnOrder);
|
|
2628
|
+
} }), jsxRuntime.jsx(outline$2.ChevronDownIcon, { className: styles$6.controls.dropdown.downIcon, onClick: function () {
|
|
2629
|
+
return handleUpdateColumnOrder(table, column, index + 1, setColumnOrder);
|
|
2630
|
+
} })] })] }, column.id));
|
|
2631
|
+
})] })] }));
|
|
2623
2632
|
};
|
|
2624
2633
|
|
|
2625
2634
|
var styles$6 = {
|
|
2626
|
-
container: '',
|
|
2627
2635
|
controls: {
|
|
2628
2636
|
container: 'flex-row justify-between z-10 relative mb-4 gap-2 hidden',
|
|
2629
|
-
content: 'absolute rounded-md z-20 bg-white w-fit -translate-x-1/2 my-2 flex flex-col',
|
|
2637
|
+
content: 'absolute rounded-md z-20 bg-white w-fit -translate-x-1/2 my-2 flex flex-col border-[1px]',
|
|
2630
2638
|
head: '',
|
|
2631
2639
|
body: 'flex flex-row justify-end gap-2',
|
|
2632
2640
|
dropdown: {
|
|
2641
|
+
reset: 'flex px-4 py-2 text-sm cursor-pointer hover:bg-red-100 bg-red-50 items-center flex-row gap-3',
|
|
2633
2642
|
container: 'px-4 py-2 text-sm flex flex-row items-center font-medium group',
|
|
2634
2643
|
input: 'mr-3 cursor-pointer',
|
|
2635
2644
|
label: 'mr-3',
|
|
@@ -2678,8 +2687,8 @@ var DateMenuForm = function (props) {
|
|
|
2678
2687
|
return result;
|
|
2679
2688
|
};
|
|
2680
2689
|
var styles = handleGenerateStyle();
|
|
2681
|
-
var inputDataCy = "form-
|
|
2682
|
-
var errorDataCy = "form-
|
|
2690
|
+
var inputDataCy = "form-date-".concat(name);
|
|
2691
|
+
var errorDataCy = "form-date-error-".concat(name);
|
|
2683
2692
|
// Simulate onClear event.
|
|
2684
2693
|
React.useEffect(function () {
|
|
2685
2694
|
if (state.startDate === null && state.endDate === null) {
|