@ballistix.digital/react-components 1.0.1 → 1.0.3

package/dist/index.d.ts

@@ -843,10 +843,33 @@ type TProps$2 = {
 };
 declare const SlideOverOverlay: FC<TProps$2>;
 
+declare const styles: {
+    controls: {
+        container: string;
+        content: string;
+        head: string;
+        body: string;
+        dropdown: {
+            reset: string;
+            container: string;
+            input: string;
+            label: string;
+            actions: string;
+            upIcon: string;
+            downIcon: string;
+        };
+    };
+    label: string;
+    icon: string;
+};
+
+type TTableColumnOptionsStyles = DeepPartialType$1<typeof styles>;
+
 type TProps$1 = {
     table: Table<any>;
     setColumnOrder: Dispatch<SetStateAction<ColumnOrderState>>;
     trigger: ReactNode;
+    styles?: TTableColumnOptionsStyles;
     resetConfig?: {
         tableId: string;
         label?: string;
@@ -1135,7 +1158,7 @@ type TAddressInputGroupFormValue = {
     street: string;
     houseNumber: string;
     zipCode: string;
-    busNumber: string;
+    busNumber?: string;
     lat: number;
     lng: number;
     info?: string;

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { ArrowPathIcon, ChevronDownIcon, EllipsisVerticalIcon, ExclamationCircleIcon, ChevronDoubleLeftIcon, ChevronLeftIcon, ChevronRightIcon, ChevronDoubleRightIcon, ChevronUpIcon, ChevronUpDownIcon, HomeIcon, ArrowLongLeftIcon, ArrowLongRightIcon } from '@heroicons/react/20/solid';
-import { isArray, map, set, get, noop as noop$1, indexOf, toSafeInteger, pick, isEmpty, some, forEach, assign, intersection } from 'lodash';
+import { isArray, map, set, get, noop as noop$1, indexOf, toSafeInteger, pick, isEmpty, some, forEach, assign, intersection, trim, lastIndexOf } from 'lodash';
 import get$1 from 'lodash/get';
 import React, { useState, useMemo, Children, Fragment, useEffect, useCallback, useRef, forwardRef, useImperativeHandle, useReducer, createElement, PureComponent, Component } from 'react';
 import { library } from '@fortawesome/fontawesome-svg-core';
@@ -2607,7 +2607,7 @@ var styles$8 = {
 
 var TableColumnOptionsCustom = function (props) {
     var _a;
-    var table = props.table, trigger = props.trigger, setColumnOrder = props.setColumnOrder, resetConfig = props.resetConfig;
+    var table = props.table, trigger = props.trigger, setColumnOrder = props.setColumnOrder, stylesOverrides = props.styles, resetConfig = props.resetConfig;
     var handleUpdateColumnOrder = useCallback(function (table, column, location, setColumnOrder) {
         var _a;
         var ids = (_a = table
@@ -2619,7 +2619,16 @@ var TableColumnOptionsCustom = function (props) {
         ids.splice(location, 0, column.id);
         setColumnOrder(ids);
     }, []);
-    return (jsxs(Popover, { children: [jsx(Popover.Button, { children: trigger }), jsxs(Popover.Panel, { className: styles$7.controls.content, children: [resetConfig && (jsxs("div", { className: styles$7.controls.dropdown.reset, onClick: function () {
+    var handleGenerateStyle = function () {
+        var result = deepCopyObject(styles$7);
+        var keys = calculateNestedKeys(styles$7);
+        keys.forEach(function (key) {
+            set(result, key, toClassName(get(styles$7, key), get(stylesOverrides, key)));
+        });
+        return result;
+    };
+    var styles = handleGenerateStyle();
+    return (jsxs(Popover, { children: [jsx(Popover.Button, { children: trigger }), jsxs(Popover.Panel, { className: styles.controls.content, children: [resetConfig && (jsxs("div", { className: styles.controls.dropdown.reset, onClick: function () {
                             removeTableState(resetConfig.tableId);
                             table.resetColumnVisibility(true);
                             table.resetColumnOrder();
@@ -2628,9 +2637,9 @@ var TableColumnOptionsCustom = function (props) {
                         .getAllLeafColumns()
                         .map(function (column, index) {
                         var isAccessorColumn = !!(column === null || column === void 0 ? void 0 : column.accessorFn);
-                        return (jsxs("div", { className: toClassName(styles$7.controls.dropdown.container, !isAccessorColumn && 'hidden'), children: [jsx("input", { className: styles$7.controls.dropdown.input, type: "checkbox", checked: column.getIsVisible(), onChange: column.getToggleVisibilityHandler() }), jsx("label", { className: styles$7.controls.dropdown.label, children: column.columnDef.header }), jsxs("div", { className: styles$7.controls.dropdown.actions, children: [jsx(ChevronDownIcon$1, { className: styles$7.controls.dropdown.upIcon, onClick: function () {
+                        return (jsxs("div", { className: toClassName(styles.controls.dropdown.container, !isAccessorColumn && 'hidden'), children: [jsx("input", { className: styles.controls.dropdown.input, type: "checkbox", checked: column.getIsVisible(), onChange: column.getToggleVisibilityHandler() }), jsx("label", { className: styles.controls.dropdown.label, children: column.columnDef.header }), jsxs("div", { className: styles.controls.dropdown.actions, children: [jsx(ChevronDownIcon$1, { className: styles.controls.dropdown.upIcon, onClick: function () {
                                                 return handleUpdateColumnOrder(table, column, index - 1, setColumnOrder);
-                                            } }), jsx(ChevronDownIcon$1, { className: styles$7.controls.dropdown.downIcon, onClick: function () {
+                                            } }), jsx(ChevronDownIcon$1, { className: styles.controls.dropdown.downIcon, onClick: function () {
                                                 return handleUpdateColumnOrder(table, column, index + 1, setColumnOrder);
                                             } })] })] }, column.id));
                     })] })] }));
@@ -10779,6 +10788,26 @@ var AddressInputGroupForm = function (props) {
                         var zipCode = handleExtractValueWithKey('postal_code');
                         var houseNumber = handleExtractValueWithKey('street_number');
                         var busNumber = handleExtractValueWithKey('post_box');
+                        if (
+                        // if busNumber is not found with the method above, try to find it in the user inputted label
+                        !busNumber &&
+                            (
+                            // if the label contains the houseNumber and city somewhere after the houseNumber
+                            e === null || e === void 0 ? void 0 : e.label.includes(houseNumber)) &&
+                            (e === null || e === void 0 ? void 0 : e.label.split(houseNumber)[1].includes(city))) {
+                            // split the label at the houseNumber and city
+                            var splitLabel = e === null || e === void 0 ? void 0 : e.label.split(houseNumber)[1].split(city)[0];
+                            // replace the zipCode from the label if it came before the city
+                            var replaceZipcode = splitLabel.replace(zipCode, '');
+                            // trim the label
+                            var trimmedLabel = trim(replaceZipcode);
+                            // if the trimmed label is shorter than 3 characters, it's probably the busNumber. Otherwise, something probably went wrong.
+                            if (trimmedLabel.length <= 3) {
+                                busNumber = trimmedLabel.includes(',')
+                                    ? trimmedLabel.substring(0, lastIndexOf(trimmedLabel, ','))
+                                    : trimmedLabel;
+                            }
+                        }
                         var location = {
                             street: street,
                             city: city,