@symply.io/basic-components 1.3.11-alpha.9 → 1.4.0-alpha.10

package/DataTable/useTable.js

@@ -1,40 +1,63 @@
+var __assign = (this && this.__assign) || function () {
+    __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 __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cloneElement, useState, useMemo, useCallback } from "react";
 function useTable(props) {
-    const { data, columns, initialState, disableSortBy, onSort, ...rest } = props;
+    var data = props.data, columns = props.columns, initialState = props.initialState, disableSortBy = props.disableSortBy, onSort = props.onSort, rest = __rest(props, ["data", "columns", "initialState", "disableSortBy", "onSort"]);
     if (!data) {
         throw new Error('"data" is required but got null or undefined');
     }
     if (!columns) {
         throw new Error('"columns" is required but got null or undefined');
     }
-    const { sortBy } = initialState || {};
-    const { accessor, order } = sortBy || {};
-    const [sortingProps, setSortingProps] = useState({
+    var sortBy = (initialState || {}).sortBy;
+    var _a = sortBy || {}, accessor = _a.accessor, order = _a.order;
+    var _b = useState({
         accessor: accessor || "",
         order: !!accessor ? order || "NONE" : "NONE"
-    });
-    const handleSort = useCallback(({ accessor }) => {
+    }), sortingProps = _b[0], setSortingProps = _b[1];
+    var handleSort = useCallback(function (_a) {
+        var accessor = _a.accessor;
         if (!disableSortBy) {
-            let newSortingProps = { ...sortingProps };
+            var newSortingProps = __assign({}, sortingProps);
             if (accessor !== sortingProps.accessor ||
                 sortingProps.order === "NONE") {
-                newSortingProps = { accessor, order: "ASC" };
+                newSortingProps = { accessor: accessor, order: "ASC" };
             }
             else if (sortingProps.order === "ASC") {
-                newSortingProps = { ...sortingProps, order: "DESC" };
+                newSortingProps = __assign(__assign({}, sortingProps), { order: "DESC" });
             }
             else {
-                newSortingProps = { ...sortingProps, order: "NONE" };
+                newSortingProps = __assign(__assign({}, sortingProps), { order: "NONE" });
             }
             if (onSort) {
-                onSort({ ...newSortingProps });
+                onSort(__assign({}, newSortingProps));
             }
-            setSortingProps({ ...newSortingProps });
+            setSortingProps(__assign({}, newSortingProps));
         }
     }, [disableSortBy, onSort, sortingProps]);
-    const renderSortingSymbol = useCallback((accessor) => {
-        const { accessor: field, order } = sortingProps;
+    var renderSortingSymbol = useCallback(function (accessor) {
+        var field = sortingProps.accessor, order = sortingProps.order;
         if (accessor !== field || order === "NONE") {
             return "";
         }
@@ -43,44 +66,29 @@ function useTable(props) {
         }
         return "↓";
     }, [sortingProps]);
-    const rows = useMemo(() => data.map(d => ({ ...d })), [data]);
-    const cols = useMemo(() => {
-        return columns.map(col => {
-            const { Body } = col;
-            return {
-                Cell: cloneElement(Body || _jsx(_Fragment, {}), { column: col }),
-                ...col,
-                ...rest
-            };
+    var rows = useMemo(function () { return data.map(function (d) { return (__assign({}, d)); }); }, [data]);
+    var cols = useMemo(function () {
+        return columns.map(function (col) {
+            var Body = col.Body;
+            return __assign(__assign({ Cell: cloneElement(Body || _jsx(_Fragment, {}), { column: col }) }, col), rest);
         });
     }, [columns, rest]);
-    const headers = useMemo(() => {
-        return columns.map(col => {
-            const { Header, accessor, sortable, headerTip } = col;
-            const canSortBy = sortable && !disableSortBy;
-            return {
-                Cell: (_jsxs(_Fragment, { children: [cloneElement(Header || _jsx(_Fragment, {}), { column: col }), canSortBy && renderSortingSymbol(accessor)] })),
-                title: `${headerTip || ""}${canSortBy ? " (Click to sort)" : ""}`,
-                sortable: canSortBy,
-                onSort: canSortBy ? handleSort : () => { },
-                ...col,
-                ...rest
-            };
+    var headers = useMemo(function () {
+        return columns.map(function (col) {
+            var Header = col.Header, accessor = col.accessor, sortable = col.sortable, headerTip = col.headerTip;
+            var canSortBy = sortable && !disableSortBy;
+            return __assign(__assign({ Cell: (_jsxs(_Fragment, { children: [cloneElement(Header || _jsx(_Fragment, {}), { column: col }), canSortBy && renderSortingSymbol(accessor)] })), title: "".concat(headerTip || "").concat(canSortBy ? " (Click to sort)" : ""), sortable: canSortBy, onSort: canSortBy ? handleSort : function () { } }, col), rest);
         });
     }, [columns, disableSortBy, handleSort, renderSortingSymbol, rest]);
-    const footers = useMemo(() => {
-        return columns.map(col => {
-            const { Footer } = col;
-            return {
-                Cell: cloneElement(Footer || _jsx(_Fragment, {}), {
+    var footers = useMemo(function () {
+        return columns.map(function (col) {
+            var Footer = col.Footer;
+            return __assign(__assign({ Cell: cloneElement(Footer || _jsx(_Fragment, {}), {
                     column: col,
-                    rows
-                }),
-                ...col,
-                ...rest
-            };
+                    rows: rows
+                }) }, col), rest);
         });
     }, [columns, rest, rows]);
-    return { headers, footers, columns: cols, rows };
+    return { headers: headers, footers: footers, columns: cols, rows: rows };
 }
 export default useTable;

package/DateInput/FullDateInput/index.js

@@ -1,3 +1,25 @@
+var __assign = (this && this.__assign) || function () {
+    __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 __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRifm } from "rifm";
 import TextField from "@mui/material/TextField";
@@ -5,28 +27,28 @@ import ThemeProvider from "@mui/material/styles/ThemeProvider";
 import useInteractions from "./useInteractions";
 import useCustomTheme from "../../useCustomTheme";
 export function MonthDayYearFormat(str) {
-    const digits = (str.match(/\d+/g) || []).join("");
-    const chars = digits.split("");
-    return chars.reduce((prev, curr, index) => {
+    var digits = (str.match(/\d+/g) || []).join("");
+    var chars = digits.split("");
+    return chars.reduce(function (prev, curr, index) {
         if (index === 2) {
-            return `${prev} / ${curr}`;
+            return "".concat(prev, " / ").concat(curr);
         }
         else if (index === 4) {
-            return `${prev} / ${curr}`;
+            return "".concat(prev, " / ").concat(curr);
         }
         else {
-            return `${prev}${curr}`;
+            return "".concat(prev).concat(curr);
         }
-    }, ``);
+    }, "");
 }
 export function onValidateDate(dateString) {
-    const reg = /^((((0[1,3,5,7,8]{1})|(1[0,2]{1}))\s?\/\s?((0[1-9]{1})|([1-2]{1}\d{1})|(3[0-1]{1})))|(((0[4,6,9]{1})|(11))\s?\/\s?((0[1-9]{1})|([1-2]{1}\d{1})|(30)))|((02)\s?\/\s?(0[1-9]{1}|[1-2]{1}\d{1})))\s?\/\s?\d{4}$/g;
+    var reg = /^((((0[1,3,5,7,8]{1})|(1[0,2]{1}))\s?\/\s?((0[1-9]{1})|([1-2]{1}\d{1})|(3[0-1]{1})))|(((0[4,6,9]{1})|(11))\s?\/\s?((0[1-9]{1})|([1-2]{1}\d{1})|(30)))|((02)\s?\/\s?(0[1-9]{1}|[1-2]{1}\d{1})))\s?\/\s?\d{4}$/g;
     if (reg.test(dateString)) {
-        const tmpArr = dateString.split("/");
-        const month = parseInt(tmpArr[0].trim(), 10);
-        const day = parseInt(tmpArr[1].trim(), 10);
-        const year = parseInt(tmpArr[2].trim(), 10);
-        const verifyLeapYear = (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;
+        var tmpArr = dateString.split("/");
+        var month = parseInt(tmpArr[0].trim(), 10);
+        var day = parseInt(tmpArr[1].trim(), 10);
+        var year = parseInt(tmpArr[2].trim(), 10);
+        var verifyLeapYear = (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;
         if (month === 2 && !verifyLeapYear) {
             return day < 29;
         }
@@ -35,23 +57,23 @@ export function onValidateDate(dateString) {
     return false;
 }
 function FullDateInput(props) {
-    const { onChange, value, margin = "normal", error, helperText = "Please enter a valid date", onValidate, primaryColor, secondaryColor, ...rest } = props;
-    const theme = useCustomTheme({ primaryColor, secondaryColor });
-    const { valLength, addMask } = useInteractions({ value });
-    const rifm = useRifm({
+    var onChange = props.onChange, value = props.value, _a = props.margin, margin = _a === void 0 ? "normal" : _a, error = props.error, _b = props.helperText, helperText = _b === void 0 ? "Please enter a valid date" : _b, onValidate = props.onValidate, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor, rest = __rest(props, ["onChange", "value", "margin", "error", "helperText", "onValidate", "primaryColor", "secondaryColor"]);
+    var theme = useCustomTheme({ primaryColor: primaryColor, secondaryColor: secondaryColor });
+    var _c = useInteractions({ value: value }), valLength = _c.valLength, addMask = _c.addMask;
+    var rifm = useRifm({
         mask: true,
         value: String(value),
-        onChange,
+        onChange: onChange,
         replace: addMask,
         format: MonthDayYearFormat
     });
-    return (_jsx(ThemeProvider, { theme: theme, children: _jsx(TextField, { placeholder: "MM / DD / YYYY", error: error ||
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(TextField, __assign({ placeholder: "MM / DD / YYYY", error: error ||
                 (valLength > 0 &&
                     (onValidate ? !onValidate(value) : !onValidateDate(value))), margin: margin, value: rifm.value, onChange: rifm.onChange, helperText: valLength > 0 &&
                 (onValidate ? !onValidate(value) : !onValidateDate(value))
                 ? helperText
                 : "", InputLabelProps: {
                 shrink: true
-            }, ...rest }) }));
+            } }, rest)) })));
 }
 export default FullDateInput;

package/DateInput/FullDateInput/useInteractions.js

@@ -1,20 +1,20 @@
 import { useCallback, useMemo } from "react";
 function useInteractions(props) {
-    const { value } = props;
-    const addMask = useCallback((str) => {
-        const digits = (str.match(/\d+/g) || []).join("");
-        const month = digits.slice(0, 2).padEnd(2, "_");
-        const day = digits.slice(2, 4).padEnd(2, "_");
-        const Year = digits.slice(4, 8).padEnd(4, "_");
+    var value = props.value;
+    var addMask = useCallback(function (str) {
+        var digits = (str.match(/\d+/g) || []).join("");
+        var month = digits.slice(0, 2).padEnd(2, "_");
+        var day = digits.slice(2, 4).padEnd(2, "_");
+        var Year = digits.slice(4, 8).padEnd(4, "_");
         if (digits) {
-            return `${month} / ${day} / ${Year}`;
+            return "".concat(month, " / ").concat(day, " / ").concat(Year);
         }
         return "";
     }, []);
-    const valLength = useMemo(() => {
-        const digitsArr = String(value).match(/\d/g);
+    var valLength = useMemo(function () {
+        var digitsArr = String(value).match(/\d/g);
         return digitsArr ? digitsArr.length : 0;
     }, [value]);
-    return { valLength, addMask };
+    return { valLength: valLength, addMask: addMask };
 }
 export default useInteractions;

package/DateInput/MonthDayInput/index.js

@@ -1,3 +1,25 @@
+var __assign = (this && this.__assign) || function () {
+    __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 __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRifm } from "rifm";
 import TextField from "@mui/material/TextField";
@@ -5,39 +27,39 @@ import ThemeProvider from "@mui/material/styles/ThemeProvider";
 import useInteractions from "./useInteractions";
 import useCustomTheme from "../../useCustomTheme";
 export function MonthDayFormat(str) {
-    const digits = (str.match(/\d+/g) || []).join("");
-    const chars = digits.split("");
-    return chars.reduce((prev, curr, index) => {
+    var digits = (str.match(/\d+/g) || []).join("");
+    var chars = digits.split("");
+    return chars.reduce(function (prev, curr, index) {
         if (index === 2) {
-            return `${prev} / ${curr}`;
+            return "".concat(prev, " / ").concat(curr);
         }
         else {
-            return `${prev}${curr}`;
+            return "".concat(prev).concat(curr);
         }
-    }, ``);
+    }, "");
 }
 export function onValidateMonthDay(monthDayString) {
-    const reg = /^((((0[1,3,5,7,8]{1})|(1[0,2]{1}))\s?\/\s?((0[1-9]{1})|([1-2]{1}\d{1})|(3[0-1]{1})))|(((0[4,6,9]{1})|(11))\s?\/\s?((0[1-9]{1})|([1-2]{1}\d{1})|(30)))|((02)\s?\/\s?(0[1-9]{1})|([1-2]{1}\d{1})))$/g;
+    var reg = /^((((0[1,3,5,7,8]{1})|(1[0,2]{1}))\s?\/\s?((0[1-9]{1})|([1-2]{1}\d{1})|(3[0-1]{1})))|(((0[4,6,9]{1})|(11))\s?\/\s?((0[1-9]{1})|([1-2]{1}\d{1})|(30)))|((02)\s?\/\s?(0[1-9]{1})|([1-2]{1}\d{1})))$/g;
     return reg.test(monthDayString);
 }
 function MonthDayInput(props) {
-    const { onChange, value, margin = "normal", error, helperText = "Please enter a valid date", onValidate, primaryColor, secondaryColor, ...rest } = props;
-    const theme = useCustomTheme({ primaryColor, secondaryColor });
-    const { valLength, addMask } = useInteractions({ value });
-    const rifm = useRifm({
+    var onChange = props.onChange, value = props.value, _a = props.margin, margin = _a === void 0 ? "normal" : _a, error = props.error, _b = props.helperText, helperText = _b === void 0 ? "Please enter a valid date" : _b, onValidate = props.onValidate, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor, rest = __rest(props, ["onChange", "value", "margin", "error", "helperText", "onValidate", "primaryColor", "secondaryColor"]);
+    var theme = useCustomTheme({ primaryColor: primaryColor, secondaryColor: secondaryColor });
+    var _c = useInteractions({ value: value }), valLength = _c.valLength, addMask = _c.addMask;
+    var rifm = useRifm({
         mask: true,
         value: String(value),
-        onChange,
+        onChange: onChange,
         replace: addMask,
         format: MonthDayFormat
     });
-    return (_jsx(ThemeProvider, { theme: theme, children: _jsx(TextField, { placeholder: "MM / DD", error: error ||
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(TextField, __assign({ placeholder: "MM / DD", error: error ||
                 (valLength > 0 &&
                     (onValidate ? !onValidate(value) : !onValidateMonthDay(value))), margin: margin, value: rifm.value, onChange: rifm.onChange, helperText: valLength > 0 &&
                 (onValidate ? !onValidate(value) : !onValidateMonthDay(value))
                 ? helperText
                 : "", InputLabelProps: {
                 shrink: true
-            }, ...rest }) }));
+            } }, rest)) })));
 }
 export default MonthDayInput;

package/DateInput/MonthDayInput/useInteractions.js

@@ -1,19 +1,19 @@
 import { useCallback, useMemo } from "react";
 function useInteractions(props) {
-    const { value } = props;
-    const addMask = useCallback((str) => {
-        const digits = (str.match(/\d+/g) || []).join("");
-        const month = digits.slice(0, 2).padEnd(2, "_");
-        const day = digits.slice(2, 4).padEnd(2, "_");
+    var value = props.value;
+    var addMask = useCallback(function (str) {
+        var digits = (str.match(/\d+/g) || []).join("");
+        var month = digits.slice(0, 2).padEnd(2, "_");
+        var day = digits.slice(2, 4).padEnd(2, "_");
         if (digits) {
-            return `${month} / ${day}`;
+            return "".concat(month, " / ").concat(day);
         }
         return "";
     }, []);
-    const valLength = useMemo(() => {
-        const digitsArr = String(value).match(/\d/g);
+    var valLength = useMemo(function () {
+        var digitsArr = String(value).match(/\d/g);
         return digitsArr ? digitsArr.length : 0;
     }, [value]);
-    return { valLength, addMask };
+    return { valLength: valLength, addMask: addMask };
 }
 export default useInteractions;

package/DateInput/MonthYearInput/index.js

@@ -1,3 +1,25 @@
+var __assign = (this && this.__assign) || function () {
+    __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 __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRifm } from "rifm";
 import TextField from "@mui/material/TextField";
@@ -5,40 +27,40 @@ import ThemeProvider from "@mui/material/styles/ThemeProvider";
 import useInteractions from "./useInteractions";
 import useCustomTheme from "../../useCustomTheme";
 export function MonthYearFormat(str) {
-    const digits = (str.match(/\d+/g) || []).join("");
-    const chars = digits.split("");
-    return chars.reduce((prev, curr, index) => {
+    var digits = (str.match(/\d+/g) || []).join("");
+    var chars = digits.split("");
+    return chars.reduce(function (prev, curr, index) {
         if (index === 2) {
-            return `${prev} / ${curr}`;
+            return "".concat(prev, " / ").concat(curr);
         }
         else {
-            return `${prev}${curr}`;
+            return "".concat(prev).concat(curr);
         }
-    }, ``);
+    }, "");
 }
 export function onValidateMonthYear(monthYearString) {
-    const reg = /^(((0[1-9]{1})|(1[0-2]{1}))\s?\/\s?([1-2]{1}\d{3}))$/g;
+    var reg = /^(((0[1-9]{1})|(1[0-2]{1}))\s?\/\s?([1-2]{1}\d{3}))$/g;
     reg.lastIndex = 0;
     return reg.test(monthYearString);
 }
 function MonthYearInput(props) {
-    const { onChange, value, margin = "normal", error, helperText = "Please enter a valid date", onValidate, primaryColor, secondaryColor, ...rest } = props;
-    const theme = useCustomTheme({ primaryColor, secondaryColor });
-    const { valLength, addMask } = useInteractions({ value });
-    const rifm = useRifm({
+    var onChange = props.onChange, value = props.value, _a = props.margin, margin = _a === void 0 ? "normal" : _a, error = props.error, _b = props.helperText, helperText = _b === void 0 ? "Please enter a valid date" : _b, onValidate = props.onValidate, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor, rest = __rest(props, ["onChange", "value", "margin", "error", "helperText", "onValidate", "primaryColor", "secondaryColor"]);
+    var theme = useCustomTheme({ primaryColor: primaryColor, secondaryColor: secondaryColor });
+    var _c = useInteractions({ value: value }), valLength = _c.valLength, addMask = _c.addMask;
+    var rifm = useRifm({
         mask: true,
         value: String(value),
-        onChange,
+        onChange: onChange,
         replace: addMask,
         format: MonthYearFormat
     });
-    return (_jsx(ThemeProvider, { theme: theme, children: _jsx(TextField, { placeholder: "MM / YYYY", error: error ||
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(TextField, __assign({ placeholder: "MM / YYYY", error: error ||
                 (valLength > 0 &&
                     (onValidate ? !onValidate(value) : !onValidateMonthYear(value))), margin: margin, value: rifm.value, onChange: rifm.onChange, helperText: valLength > 0 &&
                 (onValidate ? !onValidate(value) : !onValidateMonthYear(value))
                 ? helperText
                 : "", InputLabelProps: {
                 shrink: true
-            }, ...rest }) }));
+            } }, rest)) })));
 }
 export default MonthYearInput;

package/DateInput/MonthYearInput/useInteractions.js

@@ -1,19 +1,19 @@
 import { useCallback, useMemo } from "react";
 function useInteractions(props) {
-    const { value } = props;
-    const addMask = useCallback((str) => {
-        const digits = (str.match(/\d+/g) || []).join("");
-        const month = digits.slice(0, 2).padEnd(2, "_");
-        const Year = digits.slice(2, 6).padEnd(4, "_");
+    var value = props.value;
+    var addMask = useCallback(function (str) {
+        var digits = (str.match(/\d+/g) || []).join("");
+        var month = digits.slice(0, 2).padEnd(2, "_");
+        var Year = digits.slice(2, 6).padEnd(4, "_");
         if (digits) {
-            return `${month} / ${Year}`;
+            return "".concat(month, " / ").concat(Year);
         }
         return "";
     }, []);
-    const valLength = useMemo(() => {
-        const digitsArr = String(value).match(/\d/g);
+    var valLength = useMemo(function () {
+        var digitsArr = String(value).match(/\d/g);
         return digitsArr ? digitsArr.length : 0;
     }, [value]);
-    return { valLength, addMask };
+    return { valLength: valLength, addMask: addMask };
 }
 export default useInteractions;

package/DateInput/index.d.ts

@@ -1,6 +1,7 @@
+import MonthDayInput from "./MonthDayInput";
+import MonthYearInput from "./MonthYearInput";
+import FullDateInput from "./FullDateInput";
 export * from "./MonthDayInput";
 export * from "./MonthYearInput";
 export * from "./FullDateInput";
-export { default as MonthDayInput } from "./MonthDayInput";
-export { default as MonthYearInput } from "./MonthYearInput";
-export { default as FullDateInput } from "./FullDateInput";
+export { MonthDayInput, MonthYearInput, FullDateInput };

package/DateInput/index.js

@@ -1,6 +1,7 @@
+import MonthDayInput from "./MonthDayInput";
+import MonthYearInput from "./MonthYearInput";
+import FullDateInput from "./FullDateInput";
 export * from "./MonthDayInput";
 export * from "./MonthYearInput";
 export * from "./FullDateInput";
-export { default as MonthDayInput } from "./MonthDayInput";
-export { default as MonthYearInput } from "./MonthYearInput";
-export { default as FullDateInput } from "./FullDateInput";
+export { MonthDayInput, MonthYearInput, FullDateInput };

package/DigitInput/index.d.ts

@@ -1,4 +1,4 @@
-import { DigitInputProps } from "./types";
+import type { DigitInputProps } from "./types";
 declare function DigitInput(props: DigitInputProps): JSX.Element;
 export default DigitInput;
-export * from "./types";
+export type { DigitInputProps };

package/DigitInput/index.js

@@ -1,3 +1,25 @@
+var __assign = (this && this.__assign) || function () {
+    __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 __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import Tooltip from "@mui/material/Tooltip";
 import Field from "@mui/material/TextField";
@@ -5,12 +27,11 @@ import ThemeProvider from "@mui/material/styles/ThemeProvider";
 import useInteractions from "./useInteractions";
 import useCustomTheme from "../useCustomTheme";
 function DigitInput(props) {
-    const { onChange, value, size = "small", tooltip, maxLength = 999, minLength = 0, endAdornment, primaryColor, secondaryColor, ...rest } = props;
-    const { tooltipOpen, handleChange, onOpenTooltip, onCloseTooltip } = useInteractions({ onChange });
-    const theme = useCustomTheme({ primaryColor, secondaryColor });
-    return (_jsx(ThemeProvider, { theme: theme, children: _jsx(Tooltip, { arrow: true, placement: "top", title: tooltip ?? "", open: !!tooltip && tooltipOpen, children: _jsx(Field, { size: size, margin: "dense", type: "text", value: value === undefined || value === null ? "" : value, onMouseEnter: onOpenTooltip, onMouseLeave: onCloseTooltip, inputProps: { maxLength, minLength }, InputProps: {
-                    endAdornment
-                }, onChange: handleChange, ...rest }) }) }));
+    var onChange = props.onChange, value = props.value, _a = props.size, size = _a === void 0 ? "small" : _a, tooltip = props.tooltip, _b = props.maxLength, maxLength = _b === void 0 ? 999 : _b, _c = props.minLength, minLength = _c === void 0 ? 0 : _c, endAdornment = props.endAdornment, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor, rest = __rest(props, ["onChange", "value", "size", "tooltip", "maxLength", "minLength", "endAdornment", "primaryColor", "secondaryColor"]);
+    var _d = useInteractions({ onChange: onChange }), tooltipOpen = _d.tooltipOpen, handleChange = _d.handleChange, onOpenTooltip = _d.onOpenTooltip, onCloseTooltip = _d.onCloseTooltip;
+    var theme = useCustomTheme({ primaryColor: primaryColor, secondaryColor: secondaryColor });
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Tooltip, __assign({ arrow: true, placement: "top", title: tooltip !== null && tooltip !== void 0 ? tooltip : "", open: !!tooltip && tooltipOpen }, { children: _jsx(Field, __assign({ size: size, margin: "dense", type: "text", value: value === undefined || value === null ? "" : value, onMouseEnter: onOpenTooltip, onMouseLeave: onCloseTooltip, inputProps: { maxLength: maxLength, minLength: minLength }, InputProps: {
+                    endAdornment: endAdornment
+                }, onChange: handleChange }, rest)) })) })));
 }
 export default DigitInput;
-export * from "./types";

package/DigitInput/types.d.ts

@@ -1,6 +1,6 @@
-import { CSSProperties } from "react";
-import { InputProps } from "@mui/material/Input";
-import { TextFieldProps } from "@mui/material/TextField";
+import type { CSSProperties } from "react";
+import type { InputProps } from "@mui/material/Input";
+import type { TextFieldProps } from "@mui/material/TextField";
 export interface DigitInputProps extends Omit<TextFieldProps, "onChange"> {
     onChange: (value: string) => void;
     value: string;

package/DigitInput/useInteractions.js

@@ -1,24 +1,24 @@
 import { useState, useCallback } from "react";
 function useInteractions(props) {
-    const { onChange } = props;
-    const [tooltipOpen, setTooltipOpen] = useState(false);
-    const handleChange = useCallback((event) => {
+    var onChange = props.onChange;
+    var _a = useState(false), tooltipOpen = _a[0], setTooltipOpen = _a[1];
+    var handleChange = useCallback(function (event) {
         event.preventDefault();
         if (!event.target.value || /^\d+$/g.test(event.target.value)) {
             onChange(event.target.value);
         }
     }, [onChange]);
-    const onOpenTooltip = useCallback(() => {
+    var onOpenTooltip = useCallback(function () {
         setTooltipOpen(true);
     }, []);
-    const onCloseTooltip = useCallback(() => {
+    var onCloseTooltip = useCallback(function () {
         setTooltipOpen(false);
     }, []);
     return {
-        tooltipOpen,
-        handleChange,
-        onOpenTooltip,
-        onCloseTooltip
+        tooltipOpen: tooltipOpen,
+        handleChange: handleChange,
+        onOpenTooltip: onOpenTooltip,
+        onCloseTooltip: onCloseTooltip
     };
 }
 export default useInteractions;

package/DynamicHeaderBar/HeaderBar.d.ts

@@ -1,15 +1,3 @@
-import { ReactElement, CSSProperties } from "react";
-import { HeaderButtonProps } from "./types";
-export interface HeaderBarProps {
-    title: string | ReactElement;
-    color?: CSSProperties["color"];
-    subtitle?: string | ReactElement;
-    bottomEl?: ReactElement;
-    buttons?: Array<HeaderButtonProps>;
-    showBackButton?: boolean;
-    primaryColor?: CSSProperties["color"];
-    secondaryColor?: CSSProperties["color"];
-    onBack?: () => void;
-}
+import type { HeaderBarProps } from "./types";
 declare function HeaderBar(props: HeaderBarProps): JSX.Element;
 export default HeaderBar;