@ballistix.digital/react-components 0.7.1 → 0.8.1
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 +24 -14
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +24 -14
- package/dist/index.js.map +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +6 -6
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) ||
|
|
@@ -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',
|
|
@@ -10659,7 +10668,8 @@ var AddressInputGroupForm = function (props) {
|
|
|
10659
10668
|
})) === null || _a === void 0 ? void 0 : _a.long_name;
|
|
10660
10669
|
};
|
|
10661
10670
|
var street = handleExtractValueWithKey('route');
|
|
10662
|
-
var city = handleExtractValueWithKey('
|
|
10671
|
+
var city = handleExtractValueWithKey('sublocality') ||
|
|
10672
|
+
handleExtractValueWithKey('locality');
|
|
10663
10673
|
var country = handleExtractValueWithKey('country');
|
|
10664
10674
|
var zipCode = handleExtractValueWithKey('postal_code');
|
|
10665
10675
|
var houseNumber = handleExtractValueWithKey('street_number');
|