@ballistix.digital/react-components 4.10.1 → 5.1.0

package/dist/index.js

@@ -25,8 +25,8 @@ var $iA2ta$lodashset = require("lodash/set");
 var $iA2ta$reacttailwindcssdatepicker = require("react-tailwindcss-datepicker");
 var $iA2ta$formik = require("formik");
 var $iA2ta$reactdropzone = require("react-dropzone");
-var $iA2ta$moment = require("moment");
-var $iA2ta$reactgeosuggest = require("react-geosuggest");
+var $iA2ta$luxon = require("luxon");
+var $iA2ta$ubilabsreactgeosuggest = require("@ubilabs/react-geosuggest");
 
 
 function $parcel$export(e, n, v, s) {
@@ -110,6 +110,21 @@ var $622cd2936b18c771$export$4370d69198e9314a = function() {
     for(var _i = 0; _i < arguments.length; _i++)values[_i] = arguments[_i];
     return values.filter(Boolean).join(' ');
 };
+var $622cd2936b18c771$export$155f7ed6f228c17c = function(size) {
+    var _a;
+    if (size < 0) return '';
+    if (size === 0) return '0 B';
+    var i = Math.floor(Math.log(size) / Math.log(1024));
+    var value = (size / Math.pow(1024, i)).toFixed(2);
+    var unit = (_a = [
+        'B',
+        'kB',
+        'MB',
+        'GB',
+        'TB'
+    ][i]) !== null && _a !== void 0 ? _a : 'B';
+    return "".concat(value, " ").concat(unit);
+};
 var $622cd2936b18c771$export$f169ab786cd97dc0 = function(_a) {
     var styles = _a.styles, stylesOverrides = _a.stylesOverrides, customStyles = _a.customStyles, identifier = _a.identifier, type = _a.type;
     return $622cd2936b18c771$export$4370d69198e9314a((0, ($parcel$interopDefault($iA2ta$lodashget)))(type ? (0, ($parcel$interopDefault($iA2ta$lodashget)))(styles, type) : styles, identifier), (0, ($parcel$interopDefault($iA2ta$lodashget)))(type ? (0, ($parcel$interopDefault($iA2ta$lodashget)))(stylesOverrides, type) : stylesOverrides, identifier), customStyles);
@@ -119,6 +134,60 @@ var $622cd2936b18c771$export$7493424cf90fe793 = function(value) {
     if ((0, $iA2ta$lodash.isArray)(value)) return (0, $iA2ta$lodash.map)(value, 'value');
     return value === null || value === void 0 ? void 0 : value.value;
 };
+var $622cd2936b18c771$export$648c405ef8d23fec = function(price) {
+    if (price == null || isNaN(price)) return "\u20AC -,-";
+    return (price / 100).toLocaleString('nl-BE', {
+        style: 'currency',
+        currency: 'EUR'
+    });
+};
+var $622cd2936b18c771$export$f3f93e5bb54c3de5 = function(nrn) {
+    if (!nrn || nrn.length > 11) return '';
+    var formatted = nrn;
+    if (nrn.length < 11) formatted = (0, $iA2ta$lodash.padStart)(nrn, 11, '0');
+    return "".concat(formatted.slice(0, 2), ".").concat(formatted.slice(2, 4), ".").concat(formatted.slice(4, 6), "-").concat(formatted.slice(6, 9), ".").concat(formatted.slice(9, 11));
+};
+var $622cd2936b18c771$export$b2669f8969cc59be = function(user) {
+    if (!user) return '';
+    var firstName = user.firstName, lastName = user.lastName, email = user.email;
+    if (firstName && lastName) return "".concat(firstName, " ").concat(lastName);
+    if (firstName) return firstName;
+    if (email) return email;
+    return '';
+};
+var $622cd2936b18c771$export$d9f806f9324c35ff = function(user) {
+    if (!user) return '';
+    var firstName = user.firstName, lastName = user.lastName, email = user.email;
+    if (firstName && lastName) return "".concat(firstName[0]).concat(lastName[0]);
+    if (email) return email[0];
+    return '?';
+};
+var $622cd2936b18c771$export$91d20e9290e3c358 = function(value) {
+    if (!value) return '';
+    var street = value.street, houseNumber = value.houseNumber, busNumber = value.busNumber, zipCode = value.zipCode, city = value.city, country = value.country;
+    var parts = [
+        street && houseNumber ? "".concat(street, " ").concat(houseNumber) : street || '',
+        busNumber ? "Bus ".concat(busNumber) : '',
+        zipCode && city ? "".concat(zipCode, " ").concat(city) : '',
+        country || ''
+    ].filter(Boolean);
+    return parts.join(', ');
+};
+var $622cd2936b18c771$export$ba96624aa3b67894 = function(value) {
+    if (!value) return undefined;
+    var street = value.street, houseNumber = value.houseNumber, busNumber = value.busNumber, zipCode = value.zipCode, city = value.city, country = value.country, lat = value.lat, lng = value.lng;
+    if (lat != null && lng != null) return "https://www.google.com/maps/search/?api=1&query=".concat(lat, "%2C").concat(lng);
+    var parts = [
+        street,
+        houseNumber,
+        busNumber ? "Bus ".concat(busNumber) : '',
+        zipCode,
+        city,
+        country
+    ].filter(Boolean).join(' ');
+    var query = encodeURIComponent(parts);
+    return "https://www.google.com/maps/search/?api=1&query=".concat(query);
+};
 
 
 var $f0c671820c340322$export$e2d2075c69d9100d = function(object) {
@@ -450,7 +519,7 @@ var $fbfda6b39c475fe4$var$styles = {
 var $fbfda6b39c475fe4$export$2e2bcd8739ae039 = $fbfda6b39c475fe4$var$styles;
 
 
-var $29a51bd84954e590$var$BadgeElement = function(props) {
+var $29a51bd84954e590$var$AlertElement = function(props) {
     var title = props.title, message = props.message, _a = props.type, type = _a === void 0 ? 'generic' : _a, _b = props.onClose, onClose = _b === void 0 ? (0, $iA2ta$lodash.noop) : _b, _c = props.onCollapse, onCollapse = _c === void 0 ? (0, $iA2ta$lodash.noop) : _c, _d = props.isCollapsible, isCollapsible = _d === void 0 ? false : _d, stylesOverrides = props.styles, iconAccessorOverride = props.iconAccessor;
     var _e = (0, $iA2ta$react.useState)(false), isCollapsed = _e[0], setIsCollapsed = _e[1];
     var handleGenerateStyle = function() {
@@ -534,7 +603,7 @@ var $29a51bd84954e590$var$BadgeElement = function(props) {
         ]
     });
 };
-var $29a51bd84954e590$export$2e2bcd8739ae039 = $29a51bd84954e590$var$BadgeElement;
+var $29a51bd84954e590$export$2e2bcd8739ae039 = $29a51bd84954e590$var$AlertElement;
 
 
 
@@ -4094,7 +4163,7 @@ var $9420756208be2d43$var$defaultStyles = {
 };
 var $9420756208be2d43$var$underline = {
     tab: {
-        base: 'whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm cursor-pointer',
+        base: 'whitespace-nowrap flex gap-2 py-4 px-1 border-b-2 font-medium text-sm cursor-pointer',
         active: 'border-primary-500 text-primary-600',
         inactive: 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'
     }
@@ -4178,16 +4247,18 @@ var $06795e94e474e27d$var$List = function(props) {
         setActive
     ]);
     (0, $iA2ta$react.useEffect)(function() {
+        var _a;
         var tab;
         var tabs = (0, $iA2ta$react.Children).map(children, function(child) {
             return child;
         });
-        var initialTab = tabs === null || tabs === void 0 ? void 0 : tabs.find(function(tab) {
-            return tab.props.isInitial;
-        });
+        var initialTab = (0, $iA2ta$lodash.find)(tabs, [
+            'props.isInitial',
+            true
+        ]);
         if (initialTab !== undefined) tab = initialTab;
         else tab = tabs[0];
-        setActive && setActive(tab === null || tab === void 0 ? void 0 : tab.props.accessor);
+        setActive && setActive((_a = tab === null || tab === void 0 ? void 0 : tab.props) === null || _a === void 0 ? void 0 : _a.accessor);
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     var handleCalculateActiveAccessor = function() {
@@ -4220,9 +4291,10 @@ var $06795e94e474e27d$var$List = function(props) {
                         onChange: handleChangeSelect,
                         children: (0, $iA2ta$react.Children).map(children, function(child) {
                             var _a;
+                            if (child.props.isHidden) return null;
                             return (0, $iA2ta$reactjsxruntime.jsx)("option", {
                                 value: child.props.accessor,
-                                children: child.props.children
+                                children: child.props.label
                             }, (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.accessor);
                         })
                     })
@@ -4239,7 +4311,7 @@ var $06795e94e474e27d$var$List = function(props) {
     });
 };
 var $06795e94e474e27d$var$Item = function(props) {
-    var children = props.children, _a = props.as, LinkComponent = _a === void 0 ? 'a' : _a, _b = props.type, type = _b === void 0 ? 'underline' : _b, href = props.href, isCurrent = props.isCurrent, onClick = props.onClick, stylesOverrides = props.styles, isLoading = props.isLoading, isHidden = props.isHidden;
+    var label = props.label, icon = props.icon, _a = props.as, LinkComponent = _a === void 0 ? 'a' : _a, _b = props.type, type = _b === void 0 ? 'underline' : _b, href = props.href, isCurrent = props.isCurrent, onClick = props.onClick, stylesOverrides = props.styles, isLoading = props.isLoading, isHidden = props.isHidden;
     if (isHidden) return null;
     var handleGenerateStyle = function() {
         var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $9420756208be2d43$export$2e2bcd8739ae039).base);
@@ -4250,18 +4322,24 @@ var $06795e94e474e27d$var$Item = function(props) {
         return result;
     };
     var styles = handleGenerateStyle();
-    if (href && LinkComponent) return (0, $iA2ta$reactjsxruntime.jsx)(LinkComponent, {
+    if (href && LinkComponent) return (0, $iA2ta$reactjsxruntime.jsxs)(LinkComponent, {
         href: href,
         className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 !text-gray-300 !cursor-default', isLoading && styles.tab.inactive),
         onClick: onClick,
-        children: children
+        children: [
+            icon,
+            label
+        ]
     });
-    return (0, $iA2ta$reactjsxruntime.jsx)("div", {
+    return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
         className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 !text-gray-300 !cursor-default', isLoading && styles.tab.inactive),
         onClick: !isLoading ? onClick : function() {
             return null;
         },
-        children: children
+        children: [
+            icon,
+            label
+        ]
     });
 };
 var $06795e94e474e27d$var$View = function(props) {
@@ -5919,8 +5997,12 @@ var $17bb03e8d27b8746$var$OpeningHourItem = function(props) {
                 value: (_g = options[(_f = (_e = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.day) !== null && _e !== void 0 ? _e : dayPlaceholder) !== null && _f !== void 0 ? _f : 0]) === null || _g === void 0 ? void 0 : _g.value
             },
             closed: (_h = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closed) !== null && _h !== void 0 ? _h : false,
-            openingTime: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.openingTime) ? (0, ($parcel$interopDefault($iA2ta$moment)))(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.openingTime).subtract(2, 'h').format('HH:mm') : '',
-            closingTime: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closingTime) ? (0, ($parcel$interopDefault($iA2ta$moment)))(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closingTime).subtract(2, 'h').format('HH:mm') : ''
+            openingTime: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.openingTime) ? (0, $iA2ta$luxon.DateTime).fromISO(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.openingTime).minus({
+                hours: 2
+            }).toFormat('HH:mm') : '',
+            closingTime: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closingTime) ? (0, $iA2ta$luxon.DateTime).fromISO(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closingTime).minus({
+                hours: 2
+            }).toFormat('HH:mm') : ''
         };
     }, [
         dayPlaceholder,
@@ -5935,7 +6017,12 @@ var $17bb03e8d27b8746$var$OpeningHourItem = function(props) {
     var toTimeStamp = (0, $iA2ta$react.useCallback)(function(value) {
         if (value === undefined) return undefined;
         var _a = value.split(':'), hours = _a[0], minutes = _a[1];
-        return (0, ($parcel$interopDefault($iA2ta$moment)))().hour(Number(hours)).minute(Number(minutes)).second(0).format('YYYY-MM-DDTHH:mm:ss.000') + 'Z';
+        return (0, $iA2ta$luxon.DateTime).utc().set({
+            hour: Number(hours),
+            minute: Number(minutes),
+            second: 0,
+            millisecond: 0
+        }).toISO();
     }, []);
     var onSubmit = (0, $iA2ta$react.useCallback)(function(values) {
         var _a;
@@ -6339,7 +6426,6 @@ var $9f6cfd21b337aca9$export$2e2bcd8739ae039 = $9f6cfd21b337aca9$var$OpeningsHou
 
 
 
-
 var $03b368478cf695f0$var$base = {
     container: '',
     head: 'flex justify-between',
@@ -6467,7 +6553,7 @@ var $7fcfa1d90c4a7e45$var$AddressInputGroupForm = function(props) {
             }),
             (0, $iA2ta$reactjsxruntime.jsx)("div", {
                 className: styles.body,
-                children: (0, $iA2ta$reactjsxruntime.jsx)((0, ($parcel$interopDefault($iA2ta$reactgeosuggest))), {
+                children: (0, $iA2ta$reactjsxruntime.jsx)((0, ($parcel$interopDefault($iA2ta$ubilabsreactgeosuggest))), {
                     types: [
                         'address'
                     ],
@@ -6555,8 +6641,7 @@ var $7fcfa1d90c4a7e45$var$AddressInputGroupForm = function(props) {
                             info: value === null || value === void 0 ? void 0 : value.info
                         };
                         onBlur && onBlur(location);
-                    },
-                    children: (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$reactjsxruntime.Fragment), {})
+                    }
                 })
             }),
             (0, $iA2ta$reactjsxruntime.jsxs)("div", {