@ballistix.digital/react-components 0.5.3 → 0.5.5

package/dist/index.d.ts

@@ -182,13 +182,13 @@ type TInputGroupFormProps = {
     onClear?: never;
     trailing?: string | ReactNode;
 } | {
-    htmlType: 'text';
+    htmlType: 'text' | 'date';
     onChange: ChangeEventHandler<HTMLInputElement>;
     onBlur: FocusEventHandler<HTMLInputElement>;
     onClear?: () => void;
     trailing?: never;
 } | {
-    htmlType: Exclude<HTMLInputTypeAttribute, 'text'>;
+    htmlType: Exclude<HTMLInputTypeAttribute, 'text' | 'date'>;
     onChange: ChangeEventHandler<HTMLInputElement>;
     onBlur: FocusEventHandler<HTMLInputElement>;
     onClear?: never;

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, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronUpDownIcon, HomeIcon, ArrowLongLeftIcon, ArrowLongRightIcon } from '@heroicons/react/20/solid';
-import { set, get, noop as noop$1, indexOf, pick, isEmpty, some, forEach, assign, map } from 'lodash';
+import { isArray, map, set, get, noop as noop$1, indexOf, pick, isEmpty, some, forEach, assign } from 'lodash';
 import get$1 from 'lodash/get';
 import React, { useState, useMemo, Children, Fragment, useEffect, useCallback, forwardRef, useImperativeHandle, useRef, useReducer, createElement, PureComponent, Component } from 'react';
 import { library } from '@fortawesome/fontawesome-svg-core';
@@ -138,11 +138,13 @@ var toClassName = function () {
     }
     return values.filter(Boolean).join(' ');
 };
-var fromSelectMenuOptionToStringValue = function (options) {
-    if (options === null || options === void 0 ? void 0 : options.length) {
-        return options === null || options === void 0 ? void 0 : options.map(function (option) { return option === null || option === void 0 ? void 0 : option.value; });
+var fromSelectMenuOptionToStringValue = function (value) {
+    if (value === null)
+        return null;
+    if (isArray(value)) {
+        return map(value, 'value');
     }
-    return options === null || options === void 0 ? void 0 : options.value;
+    return value === null || value === void 0 ? void 0 : value.value;
 };
 
 var deepCopyObject = function (object) {
@@ -714,7 +716,7 @@ var InputGroupForm = function (props) {
     var styles = handleGenerateStyle();
     var invalidIcon = (jsx(ExclamationCircleIcon, { className: "h-5 w-5 text-red-500", "aria-hidden": "true" }));
     return (jsxs("div", { className: styles.container, children: [jsxs("div", { className: styles.head, children: [label && (jsx("label", { htmlFor: name, className: styles.label, children: label })), !required && !isRequired && typeof label === 'string' && (jsx("span", { className: styles.hint, children: "Optional" })), required && required({ isRequired: isRequired })] }), jsxs("div", { className: styles.body, children: [leading && jsx("div", { className: styles.leading, children: leading }), !htmlType ||
-                        (htmlType !== 'area' && (jsxs("div", { className: "flex items-center", children: [jsx("input", { type: mask !== undefined ? 'text' : htmlType, ref: mask && ref, name: name, id: name, className: toClassName(styles.input, htmlType === 'color' && '!h-10'), placeholder: placeholder, defaultValue: isSolo ? value : undefined, value: isSolo ? undefined : value, min: min, max: max, maxLength: maxLength, disabled: isDisabled, onChange: onChange, onBlur: onBlur }), htmlType === 'text' && !trailing && isValid && onClear && (jsx("div", { className: "right-5 px-2 absolute cursor-pointer hover:opacity-60", onClick: onClear, children: jsx(IconElement, { accessor: "times", className: "text-gray-500" }) }))] }))), htmlType === 'area' && (jsx("textarea", { rows: rows, name: name, id: name, className: styles.input, placeholder: placeholder, defaultValue: isSolo ? value : undefined, value: isSolo ? undefined : value, maxLength: maxLength, disabled: isDisabled, onChange: onChange, onBlur: onBlur })), type === 'floored' && (jsx("div", { className: "absolute inset-x-0 bottom-0 border-t border-gray-300 peer-focus:border-t-2 peer-focus:border-primary-600", "aria-hidden": "true" })), trailing && isValid && (jsx("div", { className: styles.trailing, children: trailing })), isTouched && !isValid && (jsx("div", { className: styles.trailing, children: invalidIcon }))] }), jsxs("div", { className: styles.foot, children: [description && !(error && isTouched) && (jsx("p", { className: styles.description, children: description })), error && isTouched && jsx("p", { className: styles.error, children: error })] })] }));
+                        (htmlType !== 'area' && (jsxs("div", { className: "flex items-center", children: [jsx("input", { type: mask !== undefined ? 'text' : htmlType, ref: mask && ref, name: name, id: name, className: toClassName(styles.input, htmlType === 'color' && '!h-10'), placeholder: placeholder, defaultValue: isSolo ? value : undefined, value: isSolo ? undefined : value, min: min, max: max, maxLength: maxLength, disabled: isDisabled, onChange: onChange, onBlur: onBlur }), htmlType === 'text' && !trailing && isValid && onClear && (jsx("div", { className: "right-5 px-2 absolute cursor-pointer hover:opacity-60", onClick: onClear, children: jsx(IconElement, { accessor: "times", className: "text-gray-500" }) })), htmlType === 'date' && !trailing && isValid && onClear && (jsx("div", { className: "right-10 px-2 absolute cursor-pointer hover:opacity-60", onClick: onClear, children: jsx(IconElement, { accessor: "times", className: "text-gray-500" }) }))] }))), htmlType === 'area' && (jsx("textarea", { rows: rows, name: name, id: name, className: styles.input, placeholder: placeholder, defaultValue: isSolo ? value : undefined, value: isSolo ? undefined : value, maxLength: maxLength, disabled: isDisabled, onChange: onChange, onBlur: onBlur })), type === 'floored' && (jsx("div", { className: "absolute inset-x-0 bottom-0 border-t border-gray-300 peer-focus:border-t-2 peer-focus:border-primary-600", "aria-hidden": "true" })), trailing && isValid && (jsx("div", { className: styles.trailing, children: trailing })), isTouched && !isValid && (jsx("div", { className: styles.trailing, children: invalidIcon }))] }), jsxs("div", { className: styles.foot, children: [description && !(error && isTouched) && (jsx("p", { className: styles.description, children: description })), error && isTouched && jsx("p", { className: styles.error, children: error })] })] }));
 };
 
 var base$k = {
@@ -1514,8 +1516,16 @@ var styles$g = {
 
 var getTableState = function (tableName) {
     var savedState = localStorage.getItem("TableList.".concat(tableName, ".state"));
-    if (savedState && isValidState(JSON.parse(savedState))) {
-        return JSON.parse(savedState);
+    try {
+        if (savedState && isValidState(JSON.parse(savedState))) {
+            return JSON.parse(savedState);
+        }
+    }
+    catch (e) {
+        // Something went wrong with parsing the saved state; remove it and let the table use the default state
+        console.error(e);
+        localStorage.removeItem("TableList.".concat(tableName, ".state"));
+        return undefined;
     }
 };
 var setTableState = function (tableName, state) {
@@ -1543,9 +1553,7 @@ var isValidState = function (state) {
 
 var TableList2 = function (props) {
     var _a, _b, _c, _d;
-    var id = props.id, config = props.table, head = props.head, foot = props.foot, isLoading = props.isLoading, 
-    //onRowClick,
-    onChange = props.onChange, stylesOverrides = props.styles;
+    var id = props.id, config = props.table, head = props.head, foot = props.foot, isLoading = props.isLoading, onRowClick = props.onRowClick, onChange = props.onChange, stylesOverrides = props.styles;
     var _e = useState([]), sorting = _e[0], setSorting = _e[1];
     var _f = useState({}), columnVisibility = _f[0], setColumnVisibility = _f[1];
     var _g = useState([]), columnOrder = _g[0], setColumnOrder = _g[1];
@@ -1665,9 +1673,7 @@ var TableList2 = function (props) {
                                                                             .icon.container), "aria-hidden": "true" }) }))] }) }, header.id));
                                                 }) }, headerGroup.id)); }) }), !isLoading && (jsx("tbody", { className: "border", children: table === null || table === void 0 ? void 0 : table.getRowModel().rows.map(function (row, index) {
                                                 var _a;
-                                                return (jsx("tr", { 
-                                                    //onClick={() => onRowClick && onRowClick(row)}
-                                                    className: toClassName(styles.body.table.body.row, ((_a = config.options) === null || _a === void 0 ? void 0 : _a.isStriped) &&
+                                                return (jsx("tr", { onClick: function () { return onRowClick && onRowClick(row); }, className: toClassName(styles.body.table.body.row, ((_a = config.options) === null || _a === void 0 ? void 0 : _a.isStriped) &&
                                                         index % 2 === 0 &&
                                                         'bg-gray-50'), children: row.getVisibleCells().map(function (cell) {
                                                         var _a, _b, _c;