@ballistix.digital/react-components 1.0.2 → 1.0.3
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 +23 -0
- package/dist/index.esm.js +13 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +13 -4
- package/dist/index.js.map +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2609,7 +2609,7 @@ var styles$8 = {
|
|
|
2609
2609
|
|
|
2610
2610
|
var TableColumnOptionsCustom = function (props) {
|
|
2611
2611
|
var _a;
|
|
2612
|
-
var table = props.table, trigger = props.trigger, setColumnOrder = props.setColumnOrder, resetConfig = props.resetConfig;
|
|
2612
|
+
var table = props.table, trigger = props.trigger, setColumnOrder = props.setColumnOrder, stylesOverrides = props.styles, resetConfig = props.resetConfig;
|
|
2613
2613
|
var handleUpdateColumnOrder = React.useCallback(function (table, column, location, setColumnOrder) {
|
|
2614
2614
|
var _a;
|
|
2615
2615
|
var ids = (_a = table
|
|
@@ -2621,7 +2621,16 @@ var TableColumnOptionsCustom = function (props) {
|
|
|
2621
2621
|
ids.splice(location, 0, column.id);
|
|
2622
2622
|
setColumnOrder(ids);
|
|
2623
2623
|
}, []);
|
|
2624
|
-
|
|
2624
|
+
var handleGenerateStyle = function () {
|
|
2625
|
+
var result = deepCopyObject(styles$7);
|
|
2626
|
+
var keys = calculateNestedKeys(styles$7);
|
|
2627
|
+
keys.forEach(function (key) {
|
|
2628
|
+
lodash.set(result, key, toClassName(lodash.get(styles$7, key), lodash.get(stylesOverrides, key)));
|
|
2629
|
+
});
|
|
2630
|
+
return result;
|
|
2631
|
+
};
|
|
2632
|
+
var styles = handleGenerateStyle();
|
|
2633
|
+
return (jsxRuntime.jsxs(react.Popover, { children: [jsxRuntime.jsx(react.Popover.Button, { children: trigger }), jsxRuntime.jsxs(react.Popover.Panel, { className: styles.controls.content, children: [resetConfig && (jsxRuntime.jsxs("div", { className: styles.controls.dropdown.reset, onClick: function () {
|
|
2625
2634
|
removeTableState(resetConfig.tableId);
|
|
2626
2635
|
table.resetColumnVisibility(true);
|
|
2627
2636
|
table.resetColumnOrder();
|
|
@@ -2630,9 +2639,9 @@ var TableColumnOptionsCustom = function (props) {
|
|
|
2630
2639
|
.getAllLeafColumns()
|
|
2631
2640
|
.map(function (column, index) {
|
|
2632
2641
|
var isAccessorColumn = !!(column === null || column === void 0 ? void 0 : column.accessorFn);
|
|
2633
|
-
return (jsxRuntime.jsxs("div", { className: toClassName(styles
|
|
2642
|
+
return (jsxRuntime.jsxs("div", { className: toClassName(styles.controls.dropdown.container, !isAccessorColumn && 'hidden'), children: [jsxRuntime.jsx("input", { className: styles.controls.dropdown.input, type: "checkbox", checked: column.getIsVisible(), onChange: column.getToggleVisibilityHandler() }), jsxRuntime.jsx("label", { className: styles.controls.dropdown.label, children: column.columnDef.header }), jsxRuntime.jsxs("div", { className: styles.controls.dropdown.actions, children: [jsxRuntime.jsx(outline$2.ChevronDownIcon, { className: styles.controls.dropdown.upIcon, onClick: function () {
|
|
2634
2643
|
return handleUpdateColumnOrder(table, column, index - 1, setColumnOrder);
|
|
2635
|
-
} }), jsxRuntime.jsx(outline$2.ChevronDownIcon, { className: styles
|
|
2644
|
+
} }), jsxRuntime.jsx(outline$2.ChevronDownIcon, { className: styles.controls.dropdown.downIcon, onClick: function () {
|
|
2636
2645
|
return handleUpdateColumnOrder(table, column, index + 1, setColumnOrder);
|
|
2637
2646
|
} })] })] }, column.id));
|
|
2638
2647
|
})] })] }));
|