@ballistix.digital/react-components 5.1.0 → 5.2.0

package/dist/index.js

@@ -22,10 +22,10 @@ var $iA2ta$dndkitmodifiers = require("@dnd-kit/modifiers");
 var $iA2ta$dndkitsortable = require("@dnd-kit/sortable");
 var $iA2ta$dndkitutilities = require("@dnd-kit/utilities");
 var $iA2ta$lodashset = require("lodash/set");
+var $iA2ta$luxon = require("luxon");
 var $iA2ta$reacttailwindcssdatepicker = require("react-tailwindcss-datepicker");
 var $iA2ta$formik = require("formik");
 var $iA2ta$reactdropzone = require("react-dropzone");
-var $iA2ta$luxon = require("luxon");
 var $iA2ta$ubilabsreactgeosuggest = require("@ubilabs/react-geosuggest");
 
 
@@ -66,6 +66,23 @@ $parcel$export(module.exports, "TableColumnOptionsCustom", () => $4bd12ae33d8a86
 $parcel$export(module.exports, "TableExportCustom", () => $48dedbf2c7043ee6$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "SelectMenuForm", () => $f3fccf014e1f10d5$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "fromSelectMenuOptionToStringValue", () => $622cd2936b18c771$export$7493424cf90fe793);
+$parcel$export(module.exports, "toClassName", () => $622cd2936b18c771$export$4370d69198e9314a);
+$parcel$export(module.exports, "toAddressString", () => $622cd2936b18c771$export$91d20e9290e3c358);
+$parcel$export(module.exports, "toAddressUrl", () => $622cd2936b18c771$export$ba96624aa3b67894);
+$parcel$export(module.exports, "toNationalRegistryNumberString", () => $622cd2936b18c771$export$f3f93e5bb54c3de5);
+$parcel$export(module.exports, "toPriceString", () => $622cd2936b18c771$export$648c405ef8d23fec);
+$parcel$export(module.exports, "toReadableFileSize", () => $622cd2936b18c771$export$155f7ed6f228c17c);
+$parcel$export(module.exports, "toUserName", () => $622cd2936b18c771$export$b2669f8969cc59be);
+$parcel$export(module.exports, "toUserInitials", () => $622cd2936b18c771$export$d9f806f9324c35ff);
+$parcel$export(module.exports, "toDateString", () => $dbcba7ef8eeead3b$export$b7c4e1545c61edee);
+$parcel$export(module.exports, "toTimeString", () => $dbcba7ef8eeead3b$export$b489b1fb1454ddcf);
+$parcel$export(module.exports, "isValidDate", () => $dbcba7ef8eeead3b$export$c03bb0116ee09d4b);
+$parcel$export(module.exports, "toDateTimeString", () => $dbcba7ef8eeead3b$export$9b56e83e909e2c38);
+$parcel$export(module.exports, "toDaysDifference", () => $dbcba7ef8eeead3b$export$1771f44233a5f72);
+$parcel$export(module.exports, "latestDateString", () => $dbcba7ef8eeead3b$export$8649d02bd537ff66);
+$parcel$export(module.exports, "toDateValue", () => $dbcba7ef8eeead3b$export$df20409d3177a2e0);
+$parcel$export(module.exports, "toTimeValue", () => $dbcba7ef8eeead3b$export$8a6f307d1b8b1960);
+$parcel$export(module.exports, "toUTCDate", () => $dbcba7ef8eeead3b$export$8de20099c30464f2);
 $parcel$export(module.exports, "DateMenuForm", () => $754fdbc7ee597008$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "DateRangeMenuForm", () => $6590abe4bc5376d5$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "__DEPRECATED__CheckboxInputGroupForm", () => $03635ab4c6dbf412$export$2e2bcd8739ae039);
@@ -75,6 +92,8 @@ $parcel$export(module.exports, "FileInputGroupForm", () => $079d45c48b1515dd$exp
 $parcel$export(module.exports, "OpeningsHourInputGroupForm", () => $9f6cfd21b337aca9$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "AddressInputGroupForm", () => $7fcfa1d90c4a7e45$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "useExcel", () => $22d7e244b9ff5d8c$export$4564041bcff0e281);
+$parcel$export(module.exports, "useExcelMapper", () => $c1b6e62d8639d990$export$2e2bcd8739ae039);
+$parcel$export(module.exports, "useColumnHelper", () => $5f561ce307b5bbb8$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "escapeSpecialCharacters", () => $3e554a35fef8bbfa$export$1476d5e67a64a695);
 
 
@@ -5038,6 +5057,151 @@ var $48dedbf2c7043ee6$export$2e2bcd8739ae039 = $48dedbf2c7043ee6$var$TableExcelE
 
 
 
+var $c1b6e62d8639d990$export$d7f512c98c859244 = 'nl';
+/**
+ * Custom hook that returns an object of mapper functions for converting various data types into Excel cell objects.
+ *
+ * @param t - The translation function.
+ * @param placeholder - An optional placeholder string used when a value is null or undefined.
+ * @returns An object containing mapper functions for various data types.
+ */ var $c1b6e62d8639d990$var$useExcelMapper = function(t, placeholder) {
+    if (placeholder === void 0) placeholder = '';
+    return (0, $iA2ta$react.useMemo)(function() {
+        var toStringCell = function(cell) {
+            return {
+                value: cell !== null && cell !== void 0 ? cell : placeholder,
+                type: 'string'
+            };
+        };
+        var toDateStringCell = function(cell, lang) {
+            var _a;
+            return {
+                value: (_a = (0, $dbcba7ef8eeead3b$export$b7c4e1545c61edee)(cell, {
+                    locale: lang !== null && lang !== void 0 ? lang : $c1b6e62d8639d990$export$d7f512c98c859244
+                })) !== null && _a !== void 0 ? _a : '',
+                type: 'string'
+            };
+        };
+        var toEnumCell = function(enumName) {
+            return function(cell) {
+                return {
+                    value: cell ? t("enum.".concat(enumName, ".").concat(cell)) : placeholder,
+                    type: 'string'
+                };
+            };
+        };
+        var toStringArrayCell = function(cell) {
+            return {
+                value: !(0, $iA2ta$lodash.isEmpty)(cell) ? cell.join(', ') : placeholder,
+                type: 'string'
+            };
+        };
+        var toOptionCell = function(cell) {
+            var _a, _b;
+            return {
+                value: (_b = (_a = cell.export) !== null && _a !== void 0 ? _a : cell.label) !== null && _b !== void 0 ? _b : placeholder,
+                type: 'string'
+            };
+        };
+        var toOptionsCell = function(cell) {
+            return {
+                value: !(0, $iA2ta$lodash.isEmpty)(cell) ? (0, $iA2ta$lodash.map)(cell, 'label').join(', ') : placeholder,
+                type: 'string'
+            };
+        };
+        var toNumberCell = function(cell) {
+            return {
+                value: cell !== null && cell !== void 0 ? cell : placeholder,
+                type: 'number'
+            };
+        };
+        var toBooleanCell = function(cell) {
+            return {
+                value: cell ? t('label.boolean.true') : t('label.boolean.false'),
+                type: 'string'
+            };
+        };
+        return {
+            toStringCell: toStringCell,
+            toDateStringCell: toDateStringCell,
+            toEnumCell: toEnumCell,
+            toStringArrayCell: toStringArrayCell,
+            toOptionCell: toOptionCell,
+            toOptionsCell: toOptionsCell,
+            toNumberCell: toNumberCell,
+            toBooleanCell: toBooleanCell
+        };
+    }, []);
+};
+var $c1b6e62d8639d990$export$2e2bcd8739ae039 = $c1b6e62d8639d990$var$useExcelMapper;
+
+
+var $dbcba7ef8eeead3b$var$__assign = undefined && undefined.__assign || function() {
+    $dbcba7ef8eeead3b$var$__assign = Object.assign || function(t) {
+        for(var s, i = 1, n = arguments.length; i < n; i++){
+            s = arguments[i];
+            for(var p in s)if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return $dbcba7ef8eeead3b$var$__assign.apply(this, arguments);
+};
+var $dbcba7ef8eeead3b$export$c03bb0116ee09d4b = function(date) {
+    if ((0, $iA2ta$lodash.isNil)(date)) return false;
+    var dt = (0, $iA2ta$luxon.DateTime).fromISO(date);
+    return dt.isValid;
+};
+var $dbcba7ef8eeead3b$export$b7c4e1545c61edee = function(date, options) {
+    var _a, _b;
+    var format = (_a = options === null || options === void 0 ? void 0 : options.format) !== null && _a !== void 0 ? _a : 'dd LLL yyyy';
+    var locale = (_b = options === null || options === void 0 ? void 0 : options.locale) !== null && _b !== void 0 ? _b : (0, $c1b6e62d8639d990$export$d7f512c98c859244);
+    if (!$dbcba7ef8eeead3b$export$c03bb0116ee09d4b(date)) return '';
+    return (0, $iA2ta$luxon.DateTime).fromISO(date).setLocale(locale).toFormat(format);
+};
+var $dbcba7ef8eeead3b$export$b489b1fb1454ddcf = function(date, options) {
+    var _a, _b;
+    var format = (_a = options === null || options === void 0 ? void 0 : options.format) !== null && _a !== void 0 ? _a : "HH.mm'u'";
+    var locale = (_b = options === null || options === void 0 ? void 0 : options.locale) !== null && _b !== void 0 ? _b : (0, $c1b6e62d8639d990$export$d7f512c98c859244);
+    if (!$dbcba7ef8eeead3b$export$c03bb0116ee09d4b(date)) return '';
+    return (0, $iA2ta$luxon.DateTime).fromISO(date).setLocale(locale).toFormat(format);
+};
+var $dbcba7ef8eeead3b$export$9b56e83e909e2c38 = function(date, options) {
+    return $dbcba7ef8eeead3b$export$b7c4e1545c61edee(date, $dbcba7ef8eeead3b$var$__assign($dbcba7ef8eeead3b$var$__assign({}, options), {
+        format: 'dd LLL yyyy, HH:mm'
+    }));
+};
+var $dbcba7ef8eeead3b$export$1771f44233a5f72 = function(date) {
+    if (!$dbcba7ef8eeead3b$export$c03bb0116ee09d4b(date)) return undefined;
+    var diff = Math.abs((0, $iA2ta$luxon.DateTime).fromISO(date).diffNow('days').as('days'));
+    return Math.round(diff);
+};
+var $dbcba7ef8eeead3b$export$df20409d3177a2e0 = function(date) {
+    if (!$dbcba7ef8eeead3b$export$c03bb0116ee09d4b(date)) return '';
+    return (0, $iA2ta$luxon.DateTime).fromISO(date).toFormat('yyyy-LL-dd');
+};
+var $dbcba7ef8eeead3b$export$8de20099c30464f2 = function(date, time) {
+    if (!date || !time) return new Date();
+    var _a = date.split('-').map(Number), year = _a[0], month = _a[1], day = _a[2];
+    var _b = time.split(':').map(Number), hours = _b[0], minutes = _b[1];
+    return new Date(Date.UTC(year, month - 1, day, hours, minutes));
+};
+var $dbcba7ef8eeead3b$export$8a6f307d1b8b1960 = $dbcba7ef8eeead3b$export$b489b1fb1454ddcf;
+var $dbcba7ef8eeead3b$export$8649d02bd537ff66 = function(dates) {
+    if (dates === void 0) dates = [];
+    // Filter out any undefined or falsy values
+    var validDates = dates.filter(Boolean);
+    if (!validDates.length) return '';
+    return validDates.reduce(function(latest, date) {
+        return latest > date ? latest : date;
+    });
+};
+
+
+
+
+
+
+
 
 
 
@@ -6664,6 +6828,171 @@ var $7fcfa1d90c4a7e45$export$2e2bcd8739ae039 = $7fcfa1d90c4a7e45$var$AddressInpu
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var $5f561ce307b5bbb8$var$getDateString = (0, $iA2ta$react.useCallback)(function(date) {
+    var _a, _b, _c;
+    if (!date) return '';
+    if ((_a = date.options) === null || _a === void 0 ? void 0 : _a.format) return (0, $dbcba7ef8eeead3b$export$b7c4e1545c61edee)(date.value, {
+        format: date.options.format
+    });
+    if (((_b = date.options) === null || _b === void 0 ? void 0 : _b.type) === 'dateTime') return (0, $dbcba7ef8eeead3b$export$b489b1fb1454ddcf)(date.value);
+    if (((_c = date.options) === null || _c === void 0 ? void 0 : _c.type) === 'dateAtTime') return (0, $dbcba7ef8eeead3b$export$9b56e83e909e2c38)(date.value);
+    return (0, $dbcba7ef8eeead3b$export$b7c4e1545c61edee)(date.value);
+}, []);
+var $5f561ce307b5bbb8$var$useColumnHelpers = function(t) {
+    var accessor = (0, $iA2ta$react.useMemo)(function() {
+        return (0, $iA2ta$tanstackreacttable.createColumnHelper)();
+    }, []).accessor;
+    var _a = (0, $c1b6e62d8639d990$export$2e2bcd8739ae039)(t), toStringCell = _a.toStringCell, toOptionCell = _a.toOptionCell;
+    var getClassName = (0, $iA2ta$react.useCallback)(function(size) {
+        var sizes = {
+            sm: 'max-w-20',
+            md: 'max-w-40',
+            lg: 'max-w-60',
+            xl: 'max-w-80'
+        };
+        return "overflow-hidden text-ellipsis ".concat((0, $iA2ta$lodash.get)(sizes, size, ''), " block");
+    }, []);
+    var createAccessor = (0, $iA2ta$react.useCallback)(function(key, getCellContent, excelMapper, options) {
+        return accessor(key, {
+            header: t("component.form.label.".concat(key)),
+            enableSorting: (0, $iA2ta$lodash.get)(options, 'enableSorting', true),
+            cell: function(cell) {
+                return getCellContent(cell, options);
+            },
+            meta: {
+                excel: excelMapper
+            }
+        });
+    }, [
+        accessor,
+        t
+    ]);
+    var baseCellRenderer = function(value, options) {
+        var _a;
+        var content = (0, $iA2ta$reactjsxruntime.jsx)("p", {
+            className: (0, $622cd2936b18c771$export$4370d69198e9314a)((options === null || options === void 0 ? void 0 : options.size) && getClassName(options.size), options === null || options === void 0 ? void 0 : options.className),
+            children: value
+        });
+        return (options === null || options === void 0 ? void 0 : options.hasTooltip) ? (0, $iA2ta$reactjsxruntime.jsx)((0, $1c4aa673c4ad6947$export$2e2bcd8739ae039), {
+            placement: (_a = options === null || options === void 0 ? void 0 : options.tooltipPlacement) !== null && _a !== void 0 ? _a : "bottom-end",
+            content: value,
+            children: content
+        }) : content;
+    };
+    var stringAccessor = function(key, options) {
+        return createAccessor(key, function(cell) {
+            return baseCellRenderer(cell.getValue(), options);
+        }, toStringCell, options);
+    };
+    var linkAccessor = function(key, options) {
+        return createAccessor(key, function(cell) {
+            var _a;
+            var value = cell.getValue();
+            if (!value) return null;
+            var content = value.href ? (0, $iA2ta$reactjsxruntime.jsx)("a", {
+                href: value.href,
+                className: (0, $622cd2936b18c771$export$4370d69198e9314a)((options === null || options === void 0 ? void 0 : options.size) && getClassName(options.size), options === null || options === void 0 ? void 0 : options.className),
+                target: (options === null || options === void 0 ? void 0 : options.openInNewTab) ? "_blank" : undefined,
+                children: value.label
+            }) : value.label;
+            return (options === null || options === void 0 ? void 0 : options.hasTooltip) ? (0, $iA2ta$reactjsxruntime.jsx)((0, $1c4aa673c4ad6947$export$2e2bcd8739ae039), {
+                placement: (_a = options === null || options === void 0 ? void 0 : options.tooltipPlacement) !== null && _a !== void 0 ? _a : 'bottom-end',
+                content: value.label,
+                children: content
+            }) : content;
+        }, toOptionCell, options);
+    };
+    var buttonAccessor = function(key, options) {
+        return createAccessor(key, function(cell) {
+            var _a;
+            var value = cell.getValue();
+            if (!value) return null;
+            var content = (0, $iA2ta$reactjsxruntime.jsx)("button", {
+                onClick: value.onClick,
+                className: (0, $622cd2936b18c771$export$4370d69198e9314a)((options === null || options === void 0 ? void 0 : options.size) && getClassName(options.size), options === null || options === void 0 ? void 0 : options.className),
+                children: value.label
+            });
+            return (options === null || options === void 0 ? void 0 : options.hasTooltip) ? (0, $iA2ta$reactjsxruntime.jsx)((0, $1c4aa673c4ad6947$export$2e2bcd8739ae039), {
+                placement: (_a = options === null || options === void 0 ? void 0 : options.tooltipPlacement) !== null && _a !== void 0 ? _a : "bottom-end",
+                content: value.label,
+                children: content
+            }) : content;
+        }, toOptionCell, options);
+    };
+    var badgeAccessor = function(key, options) {
+        return createAccessor(key, function(cell) {
+            var _a;
+            var value = cell.getValue();
+            if (!value) return null;
+            var content = (0, $iA2ta$reactjsxruntime.jsx)((0, $0b842d364fa010cf$export$2e2bcd8739ae039), {
+                styles: {
+                    container: (0, $622cd2936b18c771$export$4370d69198e9314a)((options === null || options === void 0 ? void 0 : options.size) && getClassName(options.size), options === null || options === void 0 ? void 0 : options.className)
+                },
+                color: value.color || 'gray',
+                children: value.label
+            });
+            return (options === null || options === void 0 ? void 0 : options.hasTooltip) ? (0, $iA2ta$reactjsxruntime.jsx)((0, $1c4aa673c4ad6947$export$2e2bcd8739ae039), {
+                placement: (_a = options === null || options === void 0 ? void 0 : options.tooltipPlacement) !== null && _a !== void 0 ? _a : "bottom-end",
+                content: value.label,
+                children: content
+            }) : content;
+        }, function(cell) {
+            return cell ? toStringCell(cell.label) : toStringCell('');
+        }, options);
+    };
+    var dateAccessor = function(key, options) {
+        return createAccessor(key, function(cell) {
+            return $5f561ce307b5bbb8$var$getDateString(cell.getValue());
+        }, function(cell) {
+            var _a;
+            return cell ? toStringCell((_a = $5f561ce307b5bbb8$var$getDateString(cell)) !== null && _a !== void 0 ? _a : '') : toStringCell('');
+        }, options);
+    };
+    var booleanAccessor = function(key, options) {
+        return createAccessor(key, function(cell) {
+            var _a, _b;
+            var value = cell.getValue();
+            var iconClass = (value === null || value === void 0 ? void 0 : value.value) ? (0, $iA2ta$lodash.compact)([
+                'text-palette-midnightBlue',
+                (_a = value === null || value === void 0 ? void 0 : value.options) === null || _a === void 0 ? void 0 : _a.trueClassName
+            ]).join(' ') : (0, $iA2ta$lodash.compact)([
+                'text-palette-lightGray',
+                (_b = value === null || value === void 0 ? void 0 : value.options) === null || _b === void 0 ? void 0 : _b.falseClassName
+            ]).join(' ');
+            return (0, $iA2ta$reactjsxruntime.jsx)((0, $2125901b4a9afff9$export$2e2bcd8739ae039), {
+                className: iconClass,
+                accessor: (value === null || value === void 0 ? void 0 : value.value) ? 'check' : 'xmark'
+            });
+        }, function(cell) {
+            return toStringCell((cell === null || cell === void 0 ? void 0 : cell.value) !== undefined ? t("label.boolean.".concat(cell.value)) : t('label.boolean.unclear'));
+        }, options);
+    };
+    return {
+        stringAccessor: stringAccessor,
+        linkAccessor: linkAccessor,
+        buttonAccessor: buttonAccessor,
+        badgeAccessor: badgeAccessor,
+        dateAccessor: dateAccessor,
+        booleanAccessor: booleanAccessor
+    };
+};
+var $5f561ce307b5bbb8$export$2e2bcd8739ae039 = $5f561ce307b5bbb8$var$useColumnHelpers;
+
+
 var $3e554a35fef8bbfa$export$1476d5e67a64a695 = function(str) {
     return str.replace(/#/g, "__HASH__").replace(/\?/g, "__QUESTIONMARK__").replace(/\|/g, "__PIPE__").replace(/\\/g, "__BACKSLASH__").replace(/%/g, "__PROCENT__").replace(/'/g, "__QUOTE__");
 };