@ballistix.digital/react-components 1.0.1 → 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 +24 -1
- package/dist/index.esm.js +34 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +33 -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
|
})] })] }));
|
|
@@ -10781,6 +10790,26 @@ var AddressInputGroupForm = function (props) {
|
|
|
10781
10790
|
var zipCode = handleExtractValueWithKey('postal_code');
|
|
10782
10791
|
var houseNumber = handleExtractValueWithKey('street_number');
|
|
10783
10792
|
var busNumber = handleExtractValueWithKey('post_box');
|
|
10793
|
+
if (
|
|
10794
|
+
// if busNumber is not found with the method above, try to find it in the user inputted label
|
|
10795
|
+
!busNumber &&
|
|
10796
|
+
(
|
|
10797
|
+
// if the label contains the houseNumber and city somewhere after the houseNumber
|
|
10798
|
+
e === null || e === void 0 ? void 0 : e.label.includes(houseNumber)) &&
|
|
10799
|
+
(e === null || e === void 0 ? void 0 : e.label.split(houseNumber)[1].includes(city))) {
|
|
10800
|
+
// split the label at the houseNumber and city
|
|
10801
|
+
var splitLabel = e === null || e === void 0 ? void 0 : e.label.split(houseNumber)[1].split(city)[0];
|
|
10802
|
+
// replace the zipCode from the label if it came before the city
|
|
10803
|
+
var replaceZipcode = splitLabel.replace(zipCode, '');
|
|
10804
|
+
// trim the label
|
|
10805
|
+
var trimmedLabel = lodash.trim(replaceZipcode);
|
|
10806
|
+
// if the trimmed label is shorter than 3 characters, it's probably the busNumber. Otherwise, something probably went wrong.
|
|
10807
|
+
if (trimmedLabel.length <= 3) {
|
|
10808
|
+
busNumber = trimmedLabel.includes(',')
|
|
10809
|
+
? trimmedLabel.substring(0, lodash.lastIndexOf(trimmedLabel, ','))
|
|
10810
|
+
: trimmedLabel;
|
|
10811
|
+
}
|
|
10812
|
+
}
|
|
10784
10813
|
var location = {
|
|
10785
10814
|
street: street,
|
|
10786
10815
|
city: city,
|