bananas-commerce-admin 0.12.8 → 0.12.10

package/dist/cjs/components/Card/CardFieldDate.js

@@ -30,21 +30,31 @@ exports.CardFieldDate = void 0;
 const Grid2_1 = __importDefault(require("@mui/material/Grid2"));
 const x_date_pickers_1 = require("@mui/x-date-pickers");
 const AdapterLuxon_1 = require("@mui/x-date-pickers/AdapterLuxon");
+const luxon_1 = require("luxon");
 const react_1 = __importStar(require("react"));
 const CardContext_1 = require("../../contexts/CardContext");
 const LabeledValue_1 = __importDefault(require("../LabeledValue"));
 const material_1 = require("@mui/material");
 const CardFieldDate = ({ label, formName, value: defaultValue, isDisabled = false, size = "grow", isReadable = true, isEditable = true, sx, ...props }) => {
-    const [value, setValue] = (0, react_1.useState)(defaultValue);
     const { isEditing } = (0, CardContext_1.useCardContext)();
-    const handleDateChange = (date) => {
+    const [value, setValue] = (0, react_1.useState)(() => {
+        if (defaultValue instanceof Date) {
+            return luxon_1.DateTime.fromJSDate(defaultValue);
+        }
+        else if (defaultValue instanceof luxon_1.DateTime) {
+            return defaultValue;
+        }
+        else {
+            return undefined;
+        }
+    });
+    const handleDateChange = (0, react_1.useCallback)((date) => {
         if (date != null)
             setValue(date);
-    };
+    }, [setValue]);
     return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing && isEditable ? (react_1.default.createElement(material_1.Stack, { direction: "column" },
         react_1.default.createElement(x_date_pickers_1.LocalizationProvider, { dateAdapter: AdapterLuxon_1.AdapterLuxon },
-            react_1.default.createElement(x_date_pickers_1.DatePicker, { name: formName, defaultValue: defaultValue, label: label, disabled: isDisabled, sx: { width: "100%", ...sx }, onChange: handleDateChange, ...props }),
-            react_1.default.createElement("input", { "aria-hidden": true, disabled: isDisabled, type: "date", name: formName, onChange: () => console.error("Should not be called"), value: value?.toISODate() ?? "", style: { display: "none" } })),
+            react_1.default.createElement(x_date_pickers_1.DatePicker, { name: formName, defaultValue: defaultValue, label: label, disabled: isDisabled, sx: { width: "100%", ...sx }, onChange: handleDateChange, ...props })),
         props.helperText && react_1.default.createElement(material_1.FormHelperText, { sx: { ml: 2 } }, props.helperText))) : (isReadable && react_1.default.createElement(LabeledValue_1.default, { label: label, value: value?.toISODate() ?? "—" }))));
 };
 exports.CardFieldDate = CardFieldDate;

package/dist/cjs/components/Card/CardFieldDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFieldDate.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldDate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gEAAuC;AACvC,wDAAwF;AACxF,mEAAgE;AAEhE,+CAAwC;AACxC,4DAA4D;AAC5D,mEAA2C;AAE3C,4CAAsD;AAc/C,MAAM,aAAa,GAA+C,CAAC,EACxE,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAuB,YAAY,CAAC,CAAC;IACvE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IAEvC,MAAM,gBAAgB,GAAG,CAAC,IAAqB,EAAE,EAAE;QACjD,IAAI,IAAI,IAAI,IAAI;YAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,eAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACzB,8BAAC,gBAAK,IAAC,SAAS,EAAC,QAAQ;QACvB,8BAAC,qCAAoB,IAAC,WAAW,EAAE,2BAAY;YAC7C,8BAAC,2BAAU,IACT,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAU,EACpB,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAC5B,QAAQ,EAAE,gBAAgB,KACtB,KAAK,GACT;YACF,8DAEE,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,sBAAsB,CAAC,EACrD,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,EAC/B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAC1B,CACmB;QACtB,KAAK,CAAC,UAAU,IAAI,8BAAC,yBAAc,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAG,KAAK,CAAC,UAAU,CAAkB,CACjF,CACT,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,8BAAC,sBAAY,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,GAAG,GAAI,CAC/E,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,aAAa,iBAiDxB;AAEF,kBAAe,qBAAa,CAAC"}
+{"version":3,"file":"CardFieldDate.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldDate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gEAAuC;AACvC,wDAAwF;AACxF,mEAAgE;AAChE,iCAAiC;AACjC,+CAAqD;AACrD,4DAA4D;AAC5D,mEAA2C;AAE3C,4CAAsD;AAc/C,MAAM,aAAa,GAA+C,CAAC,EACxE,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IAEvC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAuB,GAAG,EAAE;QAC5D,IAAI,YAAY,YAAY,IAAI,EAAE,CAAC;YACjC,OAAO,gBAAQ,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;QAC3C,CAAC;aAAM,IAAI,YAAY,YAAY,gBAAQ,EAAE,CAAC;YAC5C,OAAO,YAAY,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,OAAO,SAAS,CAAC;QACnB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,CAAC,IAAqB,EAAE,EAAE;QACxB,IAAI,IAAI,IAAI,IAAI;YAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,8BAAC,eAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACzB,8BAAC,gBAAK,IAAC,SAAS,EAAC,QAAQ;QACvB,8BAAC,qCAAoB,IAAC,WAAW,EAAE,2BAAY;YAC7C,8BAAC,2BAAU,IACT,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAU,EACpB,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAC5B,QAAQ,EAAE,gBAAgB,KACtB,KAAK,GACT,CACmB;QAEtB,KAAK,CAAC,UAAU,IAAI,8BAAC,yBAAc,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAG,KAAK,CAAC,UAAU,CAAkB,CACjF,CACT,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,8BAAC,sBAAY,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,GAAG,GAAI,CAC/E,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,aAAa,iBAqDxB;AAEF,kBAAe,qBAAa,CAAC"}

package/dist/cjs/components/Card/CardFieldNumber.js

@@ -11,7 +11,7 @@ const LabeledValue_1 = __importDefault(require("../LabeledValue"));
 const Grid2_1 = __importDefault(require("@mui/material/Grid2"));
 const InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
 const CardFieldNumber = ({ label, formName, value: defaultValue, required = false, isDisabled = false, size = "grow", isReadable = true, isEditable = true, disabled, adornment, ...props }) => {
-    const { isEditing } = (0, CardContext_1.useCardContext)();
+    const { isCompact, isEditing } = (0, CardContext_1.useCardContext)();
     return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing && isEditable ? (react_1.default.createElement(TextField_1.default, { type: "number", name: formName, defaultValue: defaultValue ?? "", label: label, variant: "outlined", required: required, disabled: isDisabled || disabled, inputProps: {
             min: "min" in props ? props.min : undefined,
             max: "max" in props ? props.max : undefined,
@@ -19,7 +19,7 @@ const CardFieldNumber = ({ label, formName, value: defaultValue, required = fals
             input: {
                 endAdornment: react_1.default.createElement(InputAdornment_1.default, { position: "end" }, adornment),
             },
-        } })) : (isReadable && react_1.default.createElement(LabeledValue_1.default, { label: label, value: `${defaultValue ?? "—"}` }))));
+        } })) : (isReadable && react_1.default.createElement(LabeledValue_1.default, { compact: isCompact, label: label, value: defaultValue ?? "—" }))));
 };
 exports.CardFieldNumber = CardFieldNumber;
 exports.default = exports.CardFieldNumber;

package/dist/cjs/components/Card/CardFieldNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFieldNumber.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldNumber.tsx"],"names":[],"mappings":";;;;;;AAAA,wEAAgD;AAChD,kDAA0B;AAC1B,4DAA4D;AAC5D,mEAA2C;AAE3C,gEAAuC;AACvC,kFAA0D;AAYnD,MAAM,eAAe,GAAiD,CAAC,EAC5E,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IAEvC,OAAO,CACL,8BAAC,eAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACzB,8BAAC,mBAAS,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,YAAY,IAAI,EAAE,EAChC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,IAAI,QAAQ,EAChC,UAAU,EAAE;YACV,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;YAC3C,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;SAC5C,EACD,SAAS,QACT,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,YAAY,EAAE,8BAAC,wBAAc,IAAC,QAAQ,EAAC,KAAK,IAAE,SAAS,CAAkB;aAC1E;SACF,GACD,CACH,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,8BAAC,sBAAY,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,YAAY,IAAI,GAAG,EAAE,GAAI,CAC9E,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,eAAe,mBA0C1B;AAEF,kBAAe,uBAAe,CAAC"}
+{"version":3,"file":"CardFieldNumber.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldNumber.tsx"],"names":[],"mappings":";;;;;;AAAA,wEAAgD;AAChD,kDAA0B;AAC1B,4DAA4D;AAC5D,mEAA2C;AAE3C,gEAAuC;AACvC,kFAA0D;AAYnD,MAAM,eAAe,GAAiD,CAAC,EAC5E,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IAElD,OAAO,CACL,8BAAC,eAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACzB,8BAAC,mBAAS,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,YAAY,IAAI,EAAE,EAChC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,IAAI,QAAQ,EAChC,UAAU,EAAE;YACV,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;YAC3C,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;SAC5C,EACD,SAAS,QACT,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,YAAY,EAAE,8BAAC,wBAAc,IAAC,QAAQ,EAAC,KAAK,IAAE,SAAS,CAAkB;aAC1E;SACF,GACD,CACH,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,8BAAC,sBAAY,IAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,IAAI,GAAG,GAAI,CAC7F,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,eAAe,mBA0C1B;AAEF,kBAAe,uBAAe,CAAC"}

package/dist/cjs/components/Card/CardFieldText.js

@@ -10,8 +10,8 @@ const react_1 = __importDefault(require("react"));
 const CardContext_1 = require("../../contexts/CardContext");
 const LabeledValue_1 = __importDefault(require("../LabeledValue"));
 const CardFieldText = ({ label, formName, value: defaultValue, required = false, isDisabled = false, size = "grow", isReadable = true, isEditable = true, ...props }) => {
-    const { isEditing, isCompact } = (0, CardContext_1.useCardContext)();
-    return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing && isEditable ? (react_1.default.createElement(TextField_1.default, { name: formName, defaultValue: defaultValue ?? "", label: label, variant: "outlined", required: required, disabled: isDisabled, fullWidth: true, ...props })) : (isReadable && react_1.default.createElement(LabeledValue_1.default, { compact: isCompact, label: label, value: defaultValue ?? "" }))));
+    const { isCompact, isEditing } = (0, CardContext_1.useCardContext)();
+    return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing && isEditable ? (react_1.default.createElement(TextField_1.default, { name: formName, defaultValue: defaultValue ?? "", label: label, variant: "outlined", required: required, disabled: isDisabled, fullWidth: true, ...props })) : (isReadable && react_1.default.createElement(LabeledValue_1.default, { compact: isCompact, label: label, value: defaultValue ?? "—" }))));
 };
 exports.CardFieldText = CardFieldText;
 exports.default = exports.CardFieldText;

package/dist/cjs/components/Card/CardFieldText.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFieldText.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldText.tsx"],"names":[],"mappings":";;;;;;AAAA,gEAAuC;AACvC,wEAAoE;AACpE,kDAA0B;AAC1B,4DAA4D;AAC5D,mEAA2C;AAgBpC,MAAM,aAAa,GAA+C,CAAC,EACxE,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IAElD,OAAO,CACL,8BAAC,eAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACzB,8BAAC,mBAAS,IACR,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,YAAY,IAAI,EAAE,EAChC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,EACpB,SAAS,WACL,KAAK,GACT,CACH,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,8BAAC,sBAAY,IAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,IAAI,EAAE,GAAI,CAC5F,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,aAAa,iBA+BxB;AAEF,kBAAe,qBAAa,CAAC"}
+{"version":3,"file":"CardFieldText.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldText.tsx"],"names":[],"mappings":";;;;;;AAAA,gEAAuC;AACvC,wEAAoE;AACpE,kDAA0B;AAC1B,4DAA4D;AAC5D,mEAA2C;AAgBpC,MAAM,aAAa,GAA+C,CAAC,EACxE,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IAElD,OAAO,CACL,8BAAC,eAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACzB,8BAAC,mBAAS,IACR,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,YAAY,IAAI,EAAE,EAChC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,EACpB,SAAS,WACL,KAAK,GACT,CACH,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,8BAAC,sBAAY,IAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,IAAI,GAAG,GAAI,CAC7F,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,aAAa,iBA+BxB;AAEF,kBAAe,qBAAa,CAAC"}

package/dist/cjs/components/Header.js

@@ -35,10 +35,7 @@ const BaseHeader = ({ variant = "default", children, sx: passedSx, ...props }) =
             pt: 2,
         }
         : variant === "default"
-            ? {
-                background: "background.default",
-                py: 2,
-            }
+            ? { background: "background.default", py: 2 }
             : {}, [variant]);
     const sx = (0, react_1.useMemo)(() => ({ ...variantSx, ...passedSx }), [variantSx, passedSx]);
     return (react_1.default.createElement(material_1.Stack, { direction: "column", sx: sx, ...props }, children));

package/dist/cjs/components/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6C;AAE7C,4CAAkD;AAMlD,MAAM,UAAU,GAA8B,CAAC,EAC7C,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,EAAE,EAAE,QAAQ,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CACH,OAAO,KAAK,QAAQ;QAClB,CAAC,CAAC;YACE,eAAe,EAAE,kBAAkB;YACnC,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,SAAS;YACtB,EAAE,EAAE,CAAC;SACN;QACH,CAAC,CAAC,OAAO,KAAK,SAAS;YACrB,CAAC,CAAC;gBACE,UAAU,EAAE,oBAAoB;gBAChC,EAAE,EAAE,CAAC;aACN;YACH,CAAC,CAAC,EAAE,EACV,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,EAAE,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,EAAE,GAAG,QAAQ,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEjF,OAAO,CACL,8BAAC,gBAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,KAAM,KAAK,IACxC,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,YAAI,EAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6C;AAE7C,4CAAkD;AAMlD,MAAM,UAAU,GAA8B,CAAC,EAC7C,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,EAAE,EAAE,QAAQ,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CACH,OAAO,KAAK,QAAQ;QAClB,CAAC,CAAC;YACE,eAAe,EAAE,kBAAkB;YACnC,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,SAAS;YACtB,EAAE,EAAE,CAAC;SACN;QACH,CAAC,CAAC,OAAO,KAAK,SAAS;YACrB,CAAC,CAAC,EAAE,UAAU,EAAE,oBAAoB,EAAE,EAAE,EAAE,CAAC,EAAE;YAC7C,CAAC,CAAC,EAAE,EACV,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,EAAE,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,EAAE,GAAG,QAAQ,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEjF,OAAO,CACL,8BAAC,gBAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,KAAM,KAAK,IACxC,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,YAAI,EAAC,UAAU,CAAC,CAAC"}

package/dist/cjs/components/Table/TableHead.js

@@ -3,11 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableHead = void 0;
 const material_1 = require("@mui/material");
 const react_1 = __importDefault(require("react"));
 const TableHead = ({ children }) => {
     return (react_1.default.createElement(material_1.TableHead, null,
         react_1.default.createElement(material_1.TableRow, null, children)));
 };
-exports.default = TableHead;
+exports.TableHead = TableHead;
+exports.default = exports.TableHead;
 //# sourceMappingURL=TableHead.js.map

package/dist/cjs/components/Table/TableHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHead.js","sourceRoot":"","sources":["../../../../src/components/Table/TableHead.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoE;AACpE,kDAAiD;AAIjD,MAAM,SAAS,GAA6B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3D,OAAO,CACL,8BAAC,oBAAY;QACX,8BAAC,mBAAQ,QAAE,QAAQ,CAAY,CAClB,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"TableHead.js","sourceRoot":"","sources":["../../../../src/components/Table/TableHead.tsx"],"names":[],"mappings":";;;;;;AAAA,4CAAoE;AACpE,kDAAiD;AAI1C,MAAM,SAAS,GAA6B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClE,OAAO,CACL,8BAAC,oBAAY;QACX,8BAAC,mBAAQ,QAAE,QAAQ,CAAY,CAClB,CAChB,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,SAAS,aAMpB;AAEF,kBAAe,iBAAS,CAAC"}

package/dist/cjs/components/Table/TablePagination.js

@@ -1,48 +1,59 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TablePagination = void 0;
 const TablePagination_1 = __importDefault(require("@mui/material/TablePagination"));
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const react_router_dom_1 = require("react-router-dom");
 const TableContext_1 = require("../../contexts/TableContext");
 const TablePagination = (props) => {
     const { count, page, setPage, rowsPerPage, setRowsPerPage, rowsPerPageOptions } = (0, TableContext_1.useTableContext)();
     const [_, setSearchParams] = (0, react_router_dom_1.useSearchParams)();
-    const handleChangePage = (event, newPage) => {
+    const handleChangePage = (0, react_1.useCallback)((_, newPage) => {
         setPage(newPage);
-        setSearchParams((params) => [["page", newPage.toString()], ...params]);
-    };
-    const handleChangeRowsPerPage = (event) => {
-        setRowsPerPage(parseInt(event.target.value, 10));
+        setSearchParams({ page: newPage.toString() ?? "0" });
+    }, [setPage, setSearchParams]);
+    const handleChangeRowsPerPage = (0, react_1.useCallback)((event) => {
+        setRowsPerPage(Number.parseInt(event.target.value) ?? 100);
         setPage(0);
-    };
-    // TODO implement search params
-    // const handleChangeRowsPerPage = (
-    //   event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,
-    // ) => {
-    //   setSearchParams((params) => [
-    //     // Reset page number to avoid "overflowing" the list and other unexpected behavior
-    //     ["page", "0"],
-    //     ["page_size", event.target.value],
-    //     ...params,
-    //   ]);
-    // };
-    // const setPageNumber = (number: number) => {
-    //   setSearchParams((params) => [["page", number.toString()], ...params]);
-    // };
+    }, [setRowsPerPage, setPage]);
     const defaultProps = {
-        rowsPerPageOptions: rowsPerPageOptions,
-        component: "div",
-        count: count,
-        rowsPerPage: rowsPerPage,
-        page: page,
+        rowsPerPageOptions,
+        count,
+        rowsPerPage,
+        page,
+        component: "section",
         onPageChange: handleChangePage,
         onRowsPerPageChange: handleChangeRowsPerPage,
         ...props,
     };
     return react_1.default.createElement(TablePagination_1.default, { ...defaultProps });
 };
-exports.default = TablePagination;
+exports.TablePagination = TablePagination;
+exports.default = exports.TablePagination;
 //# sourceMappingURL=TablePagination.js.map

package/dist/cjs/components/Table/TablePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.js","sourceRoot":"","sources":["../../../../src/components/Table/TablePagination.tsx"],"names":[],"mappings":";;;;;AAAA,oFAEuC;AACvC,kDAA0B;AAC1B,uDAAmD;AACnD,8DAA8D;AAO9D,MAAM,eAAe,GAAmC,CAAC,KAAK,EAAE,EAAE;IAChE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAC7E,IAAA,8BAAe,GAAE,CAAC;IACpB,MAAM,CAAC,CAAC,EAAE,eAAe,CAAC,GAAG,IAAA,kCAAe,GAAE,CAAC;IAE/C,MAAM,gBAAgB,GAAG,CAAC,KAAc,EAAE,OAAe,EAAE,EAAE;QAC3D,OAAO,CAAC,OAAO,CAAC,CAAC;QACjB,eAAe,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IACzE,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAAC,KAA0C,EAAE,EAAE;QAC7E,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;QACjD,OAAO,CAAC,CAAC,CAAC,CAAC;IACb,CAAC,CAAC;IAEF,+BAA+B;IAC/B,oCAAoC;IACpC,sEAAsE;IACtE,SAAS;IACT,kCAAkC;IAClC,yFAAyF;IACzF,qBAAqB;IACrB,yCAAyC;IACzC,iBAAiB;IACjB,QAAQ;IACR,KAAK;IAEL,8CAA8C;IAC9C,2EAA2E;IAC3E,KAAK;IAEL,MAAM,YAAY,GAA4B;QAC5C,kBAAkB,EAAE,kBAAkB;QACtC,SAAS,EAAE,KAAK;QAChB,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,WAAW;QACxB,IAAI,EAAE,IAAI;QACV,YAAY,EAAE,gBAAgB;QAC9B,mBAAmB,EAAE,uBAAuB;QAC5C,GAAG,KAAK;KACT,CAAC;IAEF,OAAO,8BAAC,yBAAkB,OAAK,YAAY,GAAI,CAAC;AAClD,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
+{"version":3,"file":"TablePagination.js","sourceRoot":"","sources":["../../../../src/components/Table/TablePagination.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oFAEuC;AACvC,+CAA2C;AAC3C,uDAAmD;AACnD,8DAA8D;AAOvD,MAAM,eAAe,GAAmC,CAAC,KAAK,EAAE,EAAE;IACvE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAC7E,IAAA,8BAAe,GAAE,CAAC;IACpB,MAAM,CAAC,CAAC,EAAE,eAAe,CAAC,GAAG,IAAA,kCAAe,GAAE,CAAC;IAE/C,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,CAAC,CAAU,EAAE,OAAe,EAAE,EAAE;QAC9B,OAAO,CAAC,OAAO,CAAC,CAAC;QACjB,eAAe,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;IACvD,CAAC,EACD,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAC;IAEF,MAAM,uBAAuB,GAAG,IAAA,mBAAW,EACzC,CAAC,KAA0C,EAAE,EAAE;QAC7C,cAAc,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;QAC3D,OAAO,CAAC,CAAC,CAAC,CAAC;IACb,CAAC,EACD,CAAC,cAAc,EAAE,OAAO,CAAC,CAC1B,CAAC;IAEF,MAAM,YAAY,GAA4B;QAC5C,kBAAkB;QAClB,KAAK;QACL,WAAW;QACX,IAAI;QACJ,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,gBAAgB;QAC9B,mBAAmB,EAAE,uBAAuB;QAC5C,GAAG,KAAK;KACT,CAAC;IAEF,OAAO,8BAAC,yBAAkB,OAAK,YAAY,GAAI,CAAC;AAClD,CAAC,CAAC;AAjCW,QAAA,eAAe,mBAiC1B;AAEF,kBAAe,uBAAe,CAAC"}

package/dist/cjs/components/Table/index.js

@@ -35,18 +35,10 @@ const react_1 = __importStar(require("react"));
 const TableContext_1 = require("../../contexts/TableContext");
 const TablePagination_1 = __importDefault(require("./TablePagination"));
 const Table = ({ count, pagination, rowsPerPage: intialRowsPerPage, rowsPerPageOptions: initialRowsPerPageOptions, children, }) => {
-    const [page, setPage] = react_1.default.useState(0);
-    const [rowsPerPage, setRowsPerPage] = react_1.default.useState(intialRowsPerPage ?? 5);
+    const [page, setPage] = (0, react_1.useState)(0);
+    const [rowsPerPage, setRowsPerPage] = (0, react_1.useState)(intialRowsPerPage ?? 100);
     // TODO Implement search params
     // const [searchParams, setSearchParams] = useSearchParams();
-    const contextValues = (0, react_1.useMemo)(() => ({
-        count,
-        page,
-        setPage,
-        rowsPerPage,
-        setRowsPerPage,
-        rowsPerPageOptions: initialRowsPerPageOptions ?? [5, 10, 25],
-    }), [count, page, rowsPerPage]);
     // const pageSize = useMemo(() => Number(searchParams.get("page_size") ?? 100), [searchParams]);
     // const pageNumber = useMemo(() => Number(searchParams.get("page") ?? 0), [searchParams]);
     // const searchInputs = useMemo(
@@ -58,6 +50,14 @@ const Table = ({ count, pagination, rowsPerPage: intialRowsPerPage, rowsPerPageO
     //   ],
     //   [searchParams],
     // );
+    const contextValues = (0, react_1.useMemo)(() => ({
+        count,
+        page,
+        setPage,
+        rowsPerPage,
+        setRowsPerPage,
+        rowsPerPageOptions: initialRowsPerPageOptions ?? [5, 10, 25],
+    }), [count, page, rowsPerPage]);
     return (react_1.default.createElement(TableContainer_1.default, { sx: {
             "& .MuiTablePagination-toolbar": { pr: 1.5 },
             "& .MuiTableCell-root:first-child": { pl: 3 },

package/dist/cjs/components/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Table/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kBAAkB;AAClB,eAAe;AACf,gEAA2C;AAC3C,kFAA0D;AAC1D,+CAAuC;AACvC,8DAA2D;AAC3D,wEAAgD;AAOzC,MAAM,KAAK,GAAyB,CAAC,EAC1C,KAAK,EACL,UAAU,EACV,WAAW,EAAE,iBAAiB,EAC9B,kBAAkB,EAAE,yBAAyB,EAC7C,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,iBAAiB,IAAI,CAAC,CAAC,CAAC;IAC7E,+BAA+B;IAC/B,6DAA6D;IAC7D,MAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,GAAG,EAAE,CAAC,CAAC;QACL,KAAK;QACL,IAAI;QACJ,OAAO;QACP,WAAW;QACX,cAAc;QACd,kBAAkB,EAAE,yBAAyB,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC;KAC7D,CAAC,EACF,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,CAAC,CAC3B,CAAC;IACF,gGAAgG;IAChG,2FAA2F;IAC3F,gCAAgC;IAChC,YAAY;IACZ,mEAAmE;IACnE,gEAAgE;IAChE,gEAAgE;IAChE,yEAAyE;IACzE,OAAO;IACP,oBAAoB;IACpB,KAAK;IAEL,OAAO,CACL,8BAAC,wBAAc,IACb,EAAE,EAAE;YACF,+BAA+B,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE;YAC5C,kCAAkC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;YAC7C,iCAAiC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;SAC7C;QAED,8BAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;YACzC,8BAAC,eAAQ,QAAE,QAAQ,CAAY;YAC9B,UAAU,IAAI,8BAAC,yBAAe,OAAG,CACZ,CACT,CAClB,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,KAAK,SAgDhB;AAEF,kBAAe,eAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Table/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kBAAkB;AAClB,eAAe;AACf,gEAA2C;AAC3C,kFAA0D;AAC1D,+CAAiD;AACjD,8DAA2D;AAC3D,wEAAgD;AAOzC,MAAM,KAAK,GAAyB,CAAC,EAC1C,KAAK,EACL,UAAU,EACV,WAAW,EAAE,iBAAiB,EAC9B,kBAAkB,EAAE,yBAAyB,EAC7C,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IACpC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,iBAAiB,IAAI,GAAG,CAAC,CAAC;IAEzE,+BAA+B;IAC/B,6DAA6D;IAE7D,gGAAgG;IAChG,2FAA2F;IAC3F,gCAAgC;IAChC,YAAY;IACZ,mEAAmE;IACnE,gEAAgE;IAChE,gEAAgE;IAChE,yEAAyE;IACzE,OAAO;IACP,oBAAoB;IACpB,KAAK;IAEL,MAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,GAAG,EAAE,CAAC,CAAC;QACL,KAAK;QACL,IAAI;QACJ,OAAO;QACP,WAAW;QACX,cAAc;QACd,kBAAkB,EAAE,yBAAyB,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC;KAC7D,CAAC,EACF,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,CAAC,CAC3B,CAAC;IAEF,OAAO,CACL,8BAAC,wBAAc,IACb,EAAE,EAAE;YACF,+BAA+B,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE;YAC5C,kCAAkC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;YAC7C,iCAAiC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;SAC7C;QAED,8BAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;YACzC,8BAAC,eAAQ,QAAE,QAAQ,CAAY;YAC9B,UAAU,IAAI,8BAAC,yBAAe,OAAG,CACZ,CACT,CAClB,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,KAAK,SAmDhB;AAEF,kBAAe,eAAQ,CAAC"}

package/dist/cjs/contexts/TableContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableContext.js","sourceRoot":"","sources":["../../../src/contexts/TableContext.tsx"],"names":[],"mappings":";;;AAAA,iCAAyD;AAW5C,QAAA,YAAY,GAAG,IAAA,qBAAa,EACvC,SAAyC,CAC1C,CAAC;AAEK,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,oBAAY,CAAC,CAAC;IACzC,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CACb,0HAA0H,CAC3H,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AATW,QAAA,eAAe,mBAS1B"}
+{"version":3,"file":"TableContext.js","sourceRoot":"","sources":["../../../src/contexts/TableContext.tsx"],"names":[],"mappings":";;;AAAA,iCAAkD;AAWrC,QAAA,YAAY,GAAG,IAAA,qBAAa,EACvC,SAAyC,CAC1C,CAAC;AAEK,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,oBAAY,CAAC,CAAC;IACzC,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CACb,0HAA0H,CAC3H,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AATW,QAAA,eAAe,mBAS1B"}

package/dist/cjs/index.js

@@ -49,6 +49,7 @@ __exportStar(require("./components/Card/CardRow"), exports);
 __exportStar(require("./components/Card/CardPill"), exports);
 __exportStar(require("./components/Card/CardFieldAutoComplete"), exports);
 __exportStar(require("./components/Card/CardFieldCheckbox"), exports);
+__exportStar(require("./components/Card/CardFieldDate"), exports);
 __exportStar(require("./components/Card/CardFieldImage"), exports);
 __exportStar(require("./components/Card/CardFieldNumber"), exports);
 __exportStar(require("./components/Card/CardFieldSelect"), exports);

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,sDAAoC;AACpC,yDAAuC;AACvC,oDAAkC;AAClC,0DAAwC;AACxC,oDAAkC;AAClC,0DAAwC;AACxC,oDAAkC;AAClC,yDAAuC;AACvC,wDAAsC;AACtC,mDAAiC;AACjC,oDAAkC;AAClC,4DAA0C;AAC1C,4DAA0C;AAE1C,oDAAkC;AAClC,+DAA6C;AAC7C,gEAA8C;AAC9C,gEAA8C;AAC9C,4DAA0C;AAC1C,6DAA2C;AAC3C,0EAAwD;AACxD,sEAAoD;AACpD,mEAAiD;AACjD,oEAAkD;AAClD,oEAAkD;AAClD,oEAAkD;AAClD,kEAAgD;AAChD,oEAAkD;AAClD,qEAAmD;AACnD,mEAAiD;AAEjD,qDAAmC;AACnC,yDAAuC;AACvC,+DAA6C;AAC7C,+DAA6C;AAC7C,qEAAmD;AACnD,8DAA4C;AAE5C,wDAAsC;AACtC,yDAAuC;AACvC,2DAAyC;AACzC,yDAAuC;AACvC,2DAAyC;AACzC,yDAAuC;AAEvC,uDAAqC;AACrC,+DAA6C;AAC7C,6DAA2C;AAE3C,0CAAwB;AACxB,wCAAsB;AACtB,wCAAsB;AAEtB,gEAAgD;AAChD,wDAAwC;AACxC,wEAAwD;AACxD,8DAA8C;AAC9C,gEAAgD;AAChD,gEAAgD;AAChD,8DAA8C;AAC9C,0EAA0D"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,sDAAoC;AACpC,yDAAuC;AACvC,oDAAkC;AAClC,0DAAwC;AACxC,oDAAkC;AAClC,0DAAwC;AACxC,oDAAkC;AAClC,yDAAuC;AACvC,wDAAsC;AACtC,mDAAiC;AACjC,oDAAkC;AAClC,4DAA0C;AAC1C,4DAA0C;AAE1C,oDAAkC;AAClC,+DAA6C;AAC7C,gEAA8C;AAC9C,gEAA8C;AAC9C,4DAA0C;AAC1C,6DAA2C;AAC3C,0EAAwD;AACxD,sEAAoD;AACpD,kEAAgD;AAChD,mEAAiD;AACjD,oEAAkD;AAClD,oEAAkD;AAClD,oEAAkD;AAClD,kEAAgD;AAChD,oEAAkD;AAClD,qEAAmD;AACnD,mEAAiD;AAEjD,qDAAmC;AACnC,yDAAuC;AACvC,+DAA6C;AAC7C,+DAA6C;AAC7C,qEAAmD;AACnD,8DAA4C;AAE5C,wDAAsC;AACtC,yDAAuC;AACvC,2DAAyC;AACzC,yDAAuC;AACvC,2DAAyC;AACzC,yDAAuC;AAEvC,uDAAqC;AACrC,+DAA6C;AAC7C,6DAA2C;AAE3C,0CAAwB;AACxB,wCAAsB;AACtB,wCAAsB;AAEtB,gEAAgD;AAChD,wDAAwC;AACxC,wEAAwD;AACxD,8DAA8C;AAC9C,gEAAgD;AAChD,gEAAgD;AAChD,8DAA8C;AAC9C,0EAA0D"}

package/dist/esm/components/Card/CardFieldDate.js

@@ -1,21 +1,31 @@
 import Grid from "@mui/material/Grid2";
 import { DatePicker, LocalizationProvider } from "@mui/x-date-pickers";
 import { AdapterLuxon } from "@mui/x-date-pickers/AdapterLuxon";
-import React, { useState } from "react";
+import { DateTime } from "luxon";
+import React, { useCallback, useState } from "react";
 import { useCardContext } from "../../contexts/CardContext";
 import LabeledValue from "../LabeledValue";
 import { FormHelperText, Stack } from "@mui/material";
 export const CardFieldDate = ({ label, formName, value: defaultValue, isDisabled = false, size = "grow", isReadable = true, isEditable = true, sx, ...props }) => {
-    const [value, setValue] = useState(defaultValue);
     const { isEditing } = useCardContext();
-    const handleDateChange = (date) => {
+    const [value, setValue] = useState(() => {
+        if (defaultValue instanceof Date) {
+            return DateTime.fromJSDate(defaultValue);
+        }
+        else if (defaultValue instanceof DateTime) {
+            return defaultValue;
+        }
+        else {
+            return undefined;
+        }
+    });
+    const handleDateChange = useCallback((date) => {
         if (date != null)
             setValue(date);
-    };
+    }, [setValue]);
     return (React.createElement(Grid, { size: size }, isEditing && isEditable ? (React.createElement(Stack, { direction: "column" },
         React.createElement(LocalizationProvider, { dateAdapter: AdapterLuxon },
-            React.createElement(DatePicker, { name: formName, defaultValue: defaultValue, label: label, disabled: isDisabled, sx: { width: "100%", ...sx }, onChange: handleDateChange, ...props }),
-            React.createElement("input", { "aria-hidden": true, disabled: isDisabled, type: "date", name: formName, onChange: () => console.error("Should not be called"), value: value?.toISODate() ?? "", style: { display: "none" } })),
+            React.createElement(DatePicker, { name: formName, defaultValue: defaultValue, label: label, disabled: isDisabled, sx: { width: "100%", ...sx }, onChange: handleDateChange, ...props })),
         props.helperText && React.createElement(FormHelperText, { sx: { ml: 2 } }, props.helperText))) : (isReadable && React.createElement(LabeledValue, { label: label, value: value?.toISODate() ?? "—" }))));
 };
 export default CardFieldDate;

package/dist/esm/components/Card/CardFieldDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFieldDate.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldDate.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAmB,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAEhE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AActD,MAAM,CAAC,MAAM,aAAa,GAA+C,CAAC,EACxE,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAuB,YAAY,CAAC,CAAC;IACvE,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAEvC,MAAM,gBAAgB,GAAG,CAAC,IAAqB,EAAE,EAAE;QACjD,IAAI,IAAI,IAAI,IAAI;YAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACzB,oBAAC,KAAK,IAAC,SAAS,EAAC,QAAQ;QACvB,oBAAC,oBAAoB,IAAC,WAAW,EAAE,YAAY;YAC7C,oBAAC,UAAU,IACT,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAU,EACpB,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAC5B,QAAQ,EAAE,gBAAgB,KACtB,KAAK,GACT;YACF,oDAEE,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,sBAAsB,CAAC,EACrD,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,EAC/B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAC1B,CACmB;QACtB,KAAK,CAAC,UAAU,IAAI,oBAAC,cAAc,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAG,KAAK,CAAC,UAAU,CAAkB,CACjF,CACT,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,GAAG,GAAI,CAC/E,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CardFieldDate.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldDate.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAmB,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AActD,MAAM,CAAC,MAAM,aAAa,GAA+C,CAAC,EACxE,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAEvC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAuB,GAAG,EAAE;QAC5D,IAAI,YAAY,YAAY,IAAI,EAAE,CAAC;YACjC,OAAO,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;QAC3C,CAAC;aAAM,IAAI,YAAY,YAAY,QAAQ,EAAE,CAAC;YAC5C,OAAO,YAAY,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,OAAO,SAAS,CAAC;QACnB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,IAAqB,EAAE,EAAE;QACxB,IAAI,IAAI,IAAI,IAAI;YAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACzB,oBAAC,KAAK,IAAC,SAAS,EAAC,QAAQ;QACvB,oBAAC,oBAAoB,IAAC,WAAW,EAAE,YAAY;YAC7C,oBAAC,UAAU,IACT,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAU,EACpB,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAC5B,QAAQ,EAAE,gBAAgB,KACtB,KAAK,GACT,CACmB;QAEtB,KAAK,CAAC,UAAU,IAAI,oBAAC,cAAc,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAG,KAAK,CAAC,UAAU,CAAkB,CACjF,CACT,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,GAAG,GAAI,CAC/E,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/esm/components/Card/CardFieldNumber.js

@@ -5,7 +5,7 @@ import LabeledValue from "../LabeledValue";
 import Grid from "@mui/material/Grid2";
 import InputAdornment from "@mui/material/InputAdornment";
 export const CardFieldNumber = ({ label, formName, value: defaultValue, required = false, isDisabled = false, size = "grow", isReadable = true, isEditable = true, disabled, adornment, ...props }) => {
-    const { isEditing } = useCardContext();
+    const { isCompact, isEditing } = useCardContext();
     return (React.createElement(Grid, { size: size }, isEditing && isEditable ? (React.createElement(TextField, { type: "number", name: formName, defaultValue: defaultValue ?? "", label: label, variant: "outlined", required: required, disabled: isDisabled || disabled, inputProps: {
             min: "min" in props ? props.min : undefined,
             max: "max" in props ? props.max : undefined,
@@ -13,7 +13,7 @@ export const CardFieldNumber = ({ label, formName, value: defaultValue, required
             input: {
                 endAdornment: React.createElement(InputAdornment, { position: "end" }, adornment),
             },
-        } })) : (isReadable && React.createElement(LabeledValue, { label: label, value: `${defaultValue ?? "—"}` }))));
+        } })) : (isReadable && React.createElement(LabeledValue, { compact: isCompact, label: label, value: defaultValue ?? "—" }))));
 };
 export default CardFieldNumber;
 //# sourceMappingURL=CardFieldNumber.js.map

package/dist/esm/components/Card/CardFieldNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFieldNumber.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldNumber.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAY1D,MAAM,CAAC,MAAM,eAAe,GAAiD,CAAC,EAC5E,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAEvC,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACzB,oBAAC,SAAS,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,YAAY,IAAI,EAAE,EAChC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,IAAI,QAAQ,EAChC,UAAU,EAAE;YACV,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;YAC3C,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;SAC5C,EACD,SAAS,QACT,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,YAAY,EAAE,oBAAC,cAAc,IAAC,QAAQ,EAAC,KAAK,IAAE,SAAS,CAAkB;aAC1E;SACF,GACD,CACH,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,YAAY,IAAI,GAAG,EAAE,GAAI,CAC9E,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CardFieldNumber.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldNumber.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAY1D,MAAM,CAAC,MAAM,eAAe,GAAiD,CAAC,EAC5E,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAElD,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACzB,oBAAC,SAAS,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,YAAY,IAAI,EAAE,EAChC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,IAAI,QAAQ,EAChC,UAAU,EAAE;YACV,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;YAC3C,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;SAC5C,EACD,SAAS,QACT,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,YAAY,EAAE,oBAAC,cAAc,IAAC,QAAQ,EAAC,KAAK,IAAE,SAAS,CAAkB;aAC1E;SACF,GACD,CACH,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,oBAAC,YAAY,IAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,IAAI,GAAG,GAAI,CAC7F,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/components/Card/CardFieldText.js

@@ -4,8 +4,8 @@ import React from "react";
 import { useCardContext } from "../../contexts/CardContext";
 import LabeledValue from "../LabeledValue";
 export const CardFieldText = ({ label, formName, value: defaultValue, required = false, isDisabled = false, size = "grow", isReadable = true, isEditable = true, ...props }) => {
-    const { isEditing, isCompact } = useCardContext();
-    return (React.createElement(Grid, { size: size }, isEditing && isEditable ? (React.createElement(TextField, { name: formName, defaultValue: defaultValue ?? "", label: label, variant: "outlined", required: required, disabled: isDisabled, fullWidth: true, ...props })) : (isReadable && React.createElement(LabeledValue, { compact: isCompact, label: label, value: defaultValue ?? "" }))));
+    const { isCompact, isEditing } = useCardContext();
+    return (React.createElement(Grid, { size: size }, isEditing && isEditable ? (React.createElement(TextField, { name: formName, defaultValue: defaultValue ?? "", label: label, variant: "outlined", required: required, disabled: isDisabled, fullWidth: true, ...props })) : (isReadable && React.createElement(LabeledValue, { compact: isCompact, label: label, value: defaultValue ?? "—" }))));
 };
 export default CardFieldText;
 //# sourceMappingURL=CardFieldText.js.map

package/dist/esm/components/Card/CardFieldText.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFieldText.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldText.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,SAA6B,MAAM,yBAAyB,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAgB3C,MAAM,CAAC,MAAM,aAAa,GAA+C,CAAC,EACxE,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAElD,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACzB,oBAAC,SAAS,IACR,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,YAAY,IAAI,EAAE,EAChC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,EACpB,SAAS,WACL,KAAK,GACT,CACH,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,oBAAC,YAAY,IAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,IAAI,EAAE,GAAI,CAC5F,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CardFieldText.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldText.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,SAA6B,MAAM,yBAAyB,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAgB3C,MAAM,CAAC,MAAM,aAAa,GAA+C,CAAC,EACxE,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAElD,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACzB,oBAAC,SAAS,IACR,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,YAAY,IAAI,EAAE,EAChC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,EACpB,SAAS,WACL,KAAK,GACT,CACH,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,oBAAC,YAAY,IAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,IAAI,GAAG,GAAI,CAC7F,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/esm/components/Header.js

@@ -9,10 +9,7 @@ const BaseHeader = ({ variant = "default", children, sx: passedSx, ...props }) =
             pt: 2,
         }
         : variant === "default"
-            ? {
-                background: "background.default",
-                py: 2,
-            }
+            ? { background: "background.default", py: 2 }
             : {}, [variant]);
     const sx = useMemo(() => ({ ...variantSx, ...passedSx }), [variantSx, passedSx]);
     return (React.createElement(Stack, { direction: "column", sx: sx, ...props }, children));

package/dist/esm/components/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,KAAK,EAAc,MAAM,eAAe,CAAC;AAMlD,MAAM,UAAU,GAA8B,CAAC,EAC7C,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,EAAE,EAAE,QAAQ,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CACH,OAAO,KAAK,QAAQ;QAClB,CAAC,CAAC;YACE,eAAe,EAAE,kBAAkB;YACnC,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,SAAS;YACtB,EAAE,EAAE,CAAC;SACN;QACH,CAAC,CAAC,OAAO,KAAK,SAAS;YACrB,CAAC,CAAC;gBACE,UAAU,EAAE,oBAAoB;gBAChC,EAAE,EAAE,CAAC;aACN;YACH,CAAC,CAAC,EAAE,EACV,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,EAAE,GAAG,QAAQ,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEjF,OAAO,CACL,oBAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,KAAM,KAAK,IACxC,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,KAAK,EAAc,MAAM,eAAe,CAAC;AAMlD,MAAM,UAAU,GAA8B,CAAC,EAC7C,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,EAAE,EAAE,QAAQ,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CACH,OAAO,KAAK,QAAQ;QAClB,CAAC,CAAC;YACE,eAAe,EAAE,kBAAkB;YACnC,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,SAAS;YACtB,EAAE,EAAE,CAAC;SACN;QACH,CAAC,CAAC,OAAO,KAAK,SAAS;YACrB,CAAC,CAAC,EAAE,UAAU,EAAE,oBAAoB,EAAE,EAAE,EAAE,CAAC,EAAE;YAC7C,CAAC,CAAC,EAAE,EACV,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,EAAE,GAAG,QAAQ,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEjF,OAAO,CACL,oBAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,KAAM,KAAK,IACxC,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC"}

package/dist/esm/components/Table/TableHead.js

@@ -1,6 +1,6 @@
 import { TableRow, TableHead as MuiTableHead } from "@mui/material";
 import React from "react";
-const TableHead = ({ children }) => {
+export const TableHead = ({ children }) => {
     return (React.createElement(MuiTableHead, null,
         React.createElement(TableRow, null, children)));
 };

package/dist/esm/components/Table/TableHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHead.js","sourceRoot":"","sources":["../../../../src/components/Table/TableHead.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,MAAM,SAAS,GAA6B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3D,OAAO,CACL,oBAAC,YAAY;QACX,oBAAC,QAAQ,QAAE,QAAQ,CAAY,CAClB,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TableHead.js","sourceRoot":"","sources":["../../../../src/components/Table/TableHead.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClE,OAAO,CACL,oBAAC,YAAY;QACX,oBAAC,QAAQ,QAAE,QAAQ,CAAY,CAClB,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/esm/components/Table/TablePagination.js

@@ -1,38 +1,24 @@
 import MuiTablePagination from "@mui/material/TablePagination";
-import React from "react";
+import React, { useCallback } from "react";
 import { useSearchParams } from "react-router-dom";
 import { useTableContext } from "../../contexts/TableContext";
-const TablePagination = (props) => {
+export const TablePagination = (props) => {
     const { count, page, setPage, rowsPerPage, setRowsPerPage, rowsPerPageOptions } = useTableContext();
     const [_, setSearchParams] = useSearchParams();
-    const handleChangePage = (event, newPage) => {
+    const handleChangePage = useCallback((_, newPage) => {
         setPage(newPage);
-        setSearchParams((params) => [["page", newPage.toString()], ...params]);
-    };
-    const handleChangeRowsPerPage = (event) => {
-        setRowsPerPage(parseInt(event.target.value, 10));
+        setSearchParams({ page: newPage.toString() ?? "0" });
+    }, [setPage, setSearchParams]);
+    const handleChangeRowsPerPage = useCallback((event) => {
+        setRowsPerPage(Number.parseInt(event.target.value) ?? 100);
         setPage(0);
-    };
-    // TODO implement search params
-    // const handleChangeRowsPerPage = (
-    //   event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,
-    // ) => {
-    //   setSearchParams((params) => [
-    //     // Reset page number to avoid "overflowing" the list and other unexpected behavior
-    //     ["page", "0"],
-    //     ["page_size", event.target.value],
-    //     ...params,
-    //   ]);
-    // };
-    // const setPageNumber = (number: number) => {
-    //   setSearchParams((params) => [["page", number.toString()], ...params]);
-    // };
+    }, [setRowsPerPage, setPage]);
     const defaultProps = {
-        rowsPerPageOptions: rowsPerPageOptions,
-        component: "div",
-        count: count,
-        rowsPerPage: rowsPerPage,
-        page: page,
+        rowsPerPageOptions,
+        count,
+        rowsPerPage,
+        page,
+        component: "section",
         onPageChange: handleChangePage,
         onRowsPerPageChange: handleChangeRowsPerPage,
         ...props,

package/dist/esm/components/Table/TablePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.js","sourceRoot":"","sources":["../../../../src/components/Table/TablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAEN,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAO9D,MAAM,eAAe,GAAmC,CAAC,KAAK,EAAE,EAAE;IAChE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAC7E,eAAe,EAAE,CAAC;IACpB,MAAM,CAAC,CAAC,EAAE,eAAe,CAAC,GAAG,eAAe,EAAE,CAAC;IAE/C,MAAM,gBAAgB,GAAG,CAAC,KAAc,EAAE,OAAe,EAAE,EAAE;QAC3D,OAAO,CAAC,OAAO,CAAC,CAAC;QACjB,eAAe,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IACzE,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAAC,KAA0C,EAAE,EAAE;QAC7E,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;QACjD,OAAO,CAAC,CAAC,CAAC,CAAC;IACb,CAAC,CAAC;IAEF,+BAA+B;IAC/B,oCAAoC;IACpC,sEAAsE;IACtE,SAAS;IACT,kCAAkC;IAClC,yFAAyF;IACzF,qBAAqB;IACrB,yCAAyC;IACzC,iBAAiB;IACjB,QAAQ;IACR,KAAK;IAEL,8CAA8C;IAC9C,2EAA2E;IAC3E,KAAK;IAEL,MAAM,YAAY,GAA4B;QAC5C,kBAAkB,EAAE,kBAAkB;QACtC,SAAS,EAAE,KAAK;QAChB,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,WAAW;QACxB,IAAI,EAAE,IAAI;QACV,YAAY,EAAE,gBAAgB;QAC9B,mBAAmB,EAAE,uBAAuB;QAC5C,GAAG,KAAK;KACT,CAAC;IAEF,OAAO,oBAAC,kBAAkB,OAAK,YAAY,GAAI,CAAC;AAClD,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"TablePagination.js","sourceRoot":"","sources":["../../../../src/components/Table/TablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAEN,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAO9D,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,KAAK,EAAE,EAAE;IACvE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAC7E,eAAe,EAAE,CAAC;IACpB,MAAM,CAAC,CAAC,EAAE,eAAe,CAAC,GAAG,eAAe,EAAE,CAAC;IAE/C,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,CAAU,EAAE,OAAe,EAAE,EAAE;QAC9B,OAAO,CAAC,OAAO,CAAC,CAAC;QACjB,eAAe,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;IACvD,CAAC,EACD,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAC;IAEF,MAAM,uBAAuB,GAAG,WAAW,CACzC,CAAC,KAA0C,EAAE,EAAE;QAC7C,cAAc,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;QAC3D,OAAO,CAAC,CAAC,CAAC,CAAC;IACb,CAAC,EACD,CAAC,cAAc,EAAE,OAAO,CAAC,CAC1B,CAAC;IAEF,MAAM,YAAY,GAA4B;QAC5C,kBAAkB;QAClB,KAAK;QACL,WAAW;QACX,IAAI;QACJ,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,gBAAgB;QAC9B,mBAAmB,EAAE,uBAAuB;QAC5C,GAAG,KAAK;KACT,CAAC;IAEF,OAAO,oBAAC,kBAAkB,OAAK,YAAY,GAAI,CAAC;AAClD,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/components/Table/index.js

@@ -2,22 +2,14 @@
 // TODO Sorting
 import MuiTable from "@mui/material/Table";
 import TableContainer from "@mui/material/TableContainer";
-import React, { useMemo } from "react";
+import React, { useMemo, useState } from "react";
 import { TableContext } from "../../contexts/TableContext";
 import TablePagination from "./TablePagination";
 export const Table = ({ count, pagination, rowsPerPage: intialRowsPerPage, rowsPerPageOptions: initialRowsPerPageOptions, children, }) => {
-    const [page, setPage] = React.useState(0);
-    const [rowsPerPage, setRowsPerPage] = React.useState(intialRowsPerPage ?? 5);
+    const [page, setPage] = useState(0);
+    const [rowsPerPage, setRowsPerPage] = useState(intialRowsPerPage ?? 100);
     // TODO Implement search params
     // const [searchParams, setSearchParams] = useSearchParams();
-    const contextValues = useMemo(() => ({
-        count,
-        page,
-        setPage,
-        rowsPerPage,
-        setRowsPerPage,
-        rowsPerPageOptions: initialRowsPerPageOptions ?? [5, 10, 25],
-    }), [count, page, rowsPerPage]);
     // const pageSize = useMemo(() => Number(searchParams.get("page_size") ?? 100), [searchParams]);
     // const pageNumber = useMemo(() => Number(searchParams.get("page") ?? 0), [searchParams]);
     // const searchInputs = useMemo(
@@ -29,6 +21,14 @@ export const Table = ({ count, pagination, rowsPerPage: intialRowsPerPage, rowsP
     //   ],
     //   [searchParams],
     // );
+    const contextValues = useMemo(() => ({
+        count,
+        page,
+        setPage,
+        rowsPerPage,
+        setRowsPerPage,
+        rowsPerPageOptions: initialRowsPerPageOptions ?? [5, 10, 25],
+    }), [count, page, rowsPerPage]);
     return (React.createElement(TableContainer, { sx: {
             "& .MuiTablePagination-toolbar": { pr: 1.5 },
             "& .MuiTableCell-root:first-child": { pl: 3 },

package/dist/esm/components/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,eAAe;AACf,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAOhD,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,KAAK,EACL,UAAU,EACV,WAAW,EAAE,iBAAiB,EAC9B,kBAAkB,EAAE,yBAAyB,EAC7C,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,iBAAiB,IAAI,CAAC,CAAC,CAAC;IAC7E,+BAA+B;IAC/B,6DAA6D;IAC7D,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC;QACL,KAAK;QACL,IAAI;QACJ,OAAO;QACP,WAAW;QACX,cAAc;QACd,kBAAkB,EAAE,yBAAyB,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC;KAC7D,CAAC,EACF,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,CAAC,CAC3B,CAAC;IACF,gGAAgG;IAChG,2FAA2F;IAC3F,gCAAgC;IAChC,YAAY;IACZ,mEAAmE;IACnE,gEAAgE;IAChE,gEAAgE;IAChE,yEAAyE;IACzE,OAAO;IACP,oBAAoB;IACpB,KAAK;IAEL,OAAO,CACL,oBAAC,cAAc,IACb,EAAE,EAAE;YACF,+BAA+B,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE;YAC5C,kCAAkC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;YAC7C,iCAAiC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;SAC7C;QAED,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;YACzC,oBAAC,QAAQ,QAAE,QAAQ,CAAY;YAC9B,UAAU,IAAI,oBAAC,eAAe,OAAG,CACZ,CACT,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,eAAe;AACf,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAOhD,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,KAAK,EACL,UAAU,EACV,WAAW,EAAE,iBAAiB,EAC9B,kBAAkB,EAAE,yBAAyB,EAC7C,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,iBAAiB,IAAI,GAAG,CAAC,CAAC;IAEzE,+BAA+B;IAC/B,6DAA6D;IAE7D,gGAAgG;IAChG,2FAA2F;IAC3F,gCAAgC;IAChC,YAAY;IACZ,mEAAmE;IACnE,gEAAgE;IAChE,gEAAgE;IAChE,yEAAyE;IACzE,OAAO;IACP,oBAAoB;IACpB,KAAK;IAEL,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC;QACL,KAAK;QACL,IAAI;QACJ,OAAO;QACP,WAAW;QACX,cAAc;QACd,kBAAkB,EAAE,yBAAyB,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC;KAC7D,CAAC,EACF,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,CAAC,CAC3B,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,IACb,EAAE,EAAE;YACF,+BAA+B,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE;YAC5C,kCAAkC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;YAC7C,iCAAiC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;SAC7C;QAED,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;YACzC,oBAAC,QAAQ,QAAE,QAAQ,CAAY;YAC9B,UAAU,IAAI,oBAAC,eAAe,OAAG,CACZ,CACT,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/esm/contexts/TableContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableContext.js","sourceRoot":"","sources":["../../../src/contexts/TableContext.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAWzD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CACvC,SAAyC,CAC1C,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CACb,0HAA0H,CAC3H,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}
+{"version":3,"file":"TableContext.js","sourceRoot":"","sources":["../../../src/contexts/TableContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAWlD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CACvC,SAAyC,CAC1C,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CACb,0HAA0H,CAC3H,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/dist/esm/index.js

@@ -20,6 +20,7 @@ export * from "./components/Card/CardRow";
 export * from "./components/Card/CardPill";
 export * from "./components/Card/CardFieldAutoComplete";
 export * from "./components/Card/CardFieldCheckbox";
+export * from "./components/Card/CardFieldDate";
 export * from "./components/Card/CardFieldImage";
 export * from "./components/Card/CardFieldNumber";
 export * from "./components/Card/CardFieldSelect";

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAE1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AAEjD,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAE5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,OAAO,CAAC;AAEtB,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,GAAG,MAAM,kBAAkB,CAAC;AACxC,OAAO,KAAK,WAAW,MAAM,0BAA0B,CAAC;AACxD,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,YAAY,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAE1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AAEjD,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAE5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,OAAO,CAAC;AAEtB,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,GAAG,MAAM,kBAAkB,CAAC;AACxC,OAAO,KAAK,WAAW,MAAM,0BAA0B,CAAC;AACxD,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,YAAY,MAAM,2BAA2B,CAAC"}

package/dist/types/components/Table/TableHead.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from "react";
 export interface TableHeadProps extends PropsWithChildren {
 }
-declare const TableHead: React.FC<TableHeadProps>;
+export declare const TableHead: React.FC<TableHeadProps>;
 export default TableHead;

package/dist/types/components/Table/TablePagination.d.ts

@@ -1,5 +1,5 @@
 import { TablePaginationProps as MuiTablePaginationProps } from "@mui/material/TablePagination";
 import React from "react";
 export type TablePaginationProps = {} & Omit<MuiTablePaginationProps, "count" | "page" | "rowsPerPage" | "onPageChange">;
-declare const TablePagination: React.FC<TablePaginationProps>;
+export declare const TablePagination: React.FC<TablePaginationProps>;
 export default TablePagination;

package/dist/types/contexts/TableContext.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 export interface TableContextProps {
     count: number;
     page: number;
@@ -7,5 +6,5 @@ export interface TableContextProps {
     setRowsPerPage: (rowsPerPage: number) => void;
     rowsPerPageOptions: number[];
 }
-export declare const TableContext: React.Context<TableContextProps>;
+export declare const TableContext: import("react").Context<TableContextProps>;
 export declare const useTableContext: () => TableContextProps;

package/dist/types/index.d.ts

@@ -20,6 +20,7 @@ export * from "./components/Card/CardRow";
 export * from "./components/Card/CardPill";
 export * from "./components/Card/CardFieldAutoComplete";
 export * from "./components/Card/CardFieldCheckbox";
+export * from "./components/Card/CardFieldDate";
 export * from "./components/Card/CardFieldImage";
 export * from "./components/Card/CardFieldNumber";
 export * from "./components/Card/CardFieldSelect";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bananas-commerce-admin",
-  "version": "0.12.8",
+  "version": "0.12.10",
   "description": "Bananas-commerce admin interface and building blocks",
   "keywords": [
     "admin",

package/src/components/Card/CardFieldDate.tsx

@@ -2,7 +2,7 @@ import Grid from "@mui/material/Grid2";
 import { DatePicker, DatePickerProps, LocalizationProvider } from "@mui/x-date-pickers";
 import { AdapterLuxon } from "@mui/x-date-pickers/AdapterLuxon";
 import { DateTime } from "luxon";
-import React, { useState } from "react";
+import React, { useCallback, useState } from "react";
 import { useCardContext } from "../../contexts/CardContext";
 import LabeledValue from "../LabeledValue";
 import { CardFieldBaseProps } from "./shared";
@@ -31,12 +31,24 @@ export const CardFieldDate: React.FC<Omit<CardFieldDateProps, "type">> = ({
   sx,
   ...props
 }) => {
-  const [value, setValue] = useState<DateTime | undefined>(defaultValue);
   const { isEditing } = useCardContext();
 
-  const handleDateChange = (date: DateTime | null) => {
-    if (date != null) setValue(date);
-  };
+  const [value, setValue] = useState<DateTime | undefined>(() => {
+    if (defaultValue instanceof Date) {
+      return DateTime.fromJSDate(defaultValue);
+    } else if (defaultValue instanceof DateTime) {
+      return defaultValue;
+    } else {
+      return undefined;
+    }
+  });
+
+  const handleDateChange = useCallback(
+    (date: DateTime | null) => {
+      if (date != null) setValue(date);
+    },
+    [setValue],
+  );
 
   return (
     <Grid size={size}>
@@ -52,16 +64,8 @@ export const CardFieldDate: React.FC<Omit<CardFieldDateProps, "type">> = ({
               onChange={handleDateChange}
               {...props}
             />
-            <input
-              aria-hidden
-              disabled={isDisabled}
-              type="date"
-              name={formName}
-              onChange={() => console.error("Should not be called")}
-              value={value?.toISODate() ?? ""}
-              style={{ display: "none" }}
-            />
           </LocalizationProvider>
+
           {props.helperText && <FormHelperText sx={{ ml: 2 }}>{props.helperText}</FormHelperText>}
         </Stack>
       ) : (

package/src/components/Card/CardFieldNumber.tsx

@@ -29,7 +29,7 @@ export const CardFieldNumber: React.FC<Omit<CardFieldNumberProps, "type">> = ({
   adornment,
   ...props
 }) => {
-  const { isEditing } = useCardContext();
+  const { isCompact, isEditing } = useCardContext();
 
   return (
     <Grid size={size}>
@@ -54,7 +54,7 @@ export const CardFieldNumber: React.FC<Omit<CardFieldNumberProps, "type">> = ({
           }}
         />
       ) : (
-        isReadable && <LabeledValue label={label} value={`${defaultValue ?? "—"}`} />
+        isReadable && <LabeledValue compact={isCompact} label={label} value={defaultValue ?? "—"} />
       )}
     </Grid>
   );

package/src/components/Card/CardFieldText.tsx

@@ -29,7 +29,7 @@ export const CardFieldText: React.FC<Omit<CardFieldTextProps, "type">> = ({
   isEditable = true,
   ...props
 }) => {
-  const { isEditing, isCompact } = useCardContext();
+  const { isCompact, isEditing } = useCardContext();
 
   return (
     <Grid size={size}>
@@ -45,7 +45,7 @@ export const CardFieldText: React.FC<Omit<CardFieldTextProps, "type">> = ({
           {...props}
         />
       ) : (
-        isReadable && <LabeledValue compact={isCompact} label={label} value={defaultValue ?? ""} />
+        isReadable && <LabeledValue compact={isCompact} label={label} value={defaultValue ?? "—"} />
       )}
     </Grid>
   );

package/src/components/Header.tsx

@@ -22,10 +22,7 @@ const BaseHeader: React.FC<PageHeaderProps> = ({
             pt: 2,
           }
         : variant === "default"
-          ? {
-              background: "background.default",
-              py: 2,
-            }
+          ? { background: "background.default", py: 2 }
           : {},
     [variant],
   );

package/src/components/Table/TableHead.tsx

@@ -3,7 +3,7 @@ import React, { PropsWithChildren } from "react";
 
 export interface TableHeadProps extends PropsWithChildren {}
 
-const TableHead: React.FC<TableHeadProps> = ({ children }) => {
+export const TableHead: React.FC<TableHeadProps> = ({ children }) => {
   return (
     <MuiTableHead>
       <TableRow>{children}</TableRow>

package/src/components/Table/TablePagination.tsx

@@ -1,7 +1,7 @@
 import MuiTablePagination, {
   TablePaginationProps as MuiTablePaginationProps,
 } from "@mui/material/TablePagination";
-import React from "react";
+import React, { useCallback } from "react";
 import { useSearchParams } from "react-router-dom";
 import { useTableContext } from "../../contexts/TableContext";
 
@@ -10,43 +10,33 @@ export type TablePaginationProps = {} & Omit<
   "count" | "page" | "rowsPerPage" | "onPageChange"
 >;
 
-const TablePagination: React.FC<TablePaginationProps> = (props) => {
+export const TablePagination: React.FC<TablePaginationProps> = (props) => {
   const { count, page, setPage, rowsPerPage, setRowsPerPage, rowsPerPageOptions } =
     useTableContext();
   const [_, setSearchParams] = useSearchParams();
 
-  const handleChangePage = (event: unknown, newPage: number) => {
-    setPage(newPage);
-    setSearchParams((params) => [["page", newPage.toString()], ...params]);
-  };
-
-  const handleChangeRowsPerPage = (event: React.ChangeEvent<HTMLInputElement>) => {
-    setRowsPerPage(parseInt(event.target.value, 10));
-    setPage(0);
-  };
-
-  // TODO implement search params
-  // const handleChangeRowsPerPage = (
-  //   event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,
-  // ) => {
-  //   setSearchParams((params) => [
-  //     // Reset page number to avoid "overflowing" the list and other unexpected behavior
-  //     ["page", "0"],
-  //     ["page_size", event.target.value],
-  //     ...params,
-  //   ]);
-  // };
-
-  // const setPageNumber = (number: number) => {
-  //   setSearchParams((params) => [["page", number.toString()], ...params]);
-  // };
+  const handleChangePage = useCallback(
+    (_: unknown, newPage: number) => {
+      setPage(newPage);
+      setSearchParams({ page: newPage.toString() ?? "0" });
+    },
+    [setPage, setSearchParams],
+  );
+
+  const handleChangeRowsPerPage = useCallback(
+    (event: React.ChangeEvent<HTMLInputElement>) => {
+      setRowsPerPage(Number.parseInt(event.target.value) ?? 100);
+      setPage(0);
+    },
+    [setRowsPerPage, setPage],
+  );
 
   const defaultProps: MuiTablePaginationProps = {
-    rowsPerPageOptions: rowsPerPageOptions,
-    component: "div",
-    count: count,
-    rowsPerPage: rowsPerPage,
-    page: page,
+    rowsPerPageOptions,
+    count,
+    rowsPerPage,
+    page,
+    component: "section",
     onPageChange: handleChangePage,
     onRowsPerPageChange: handleChangeRowsPerPage,
     ...props,

package/src/components/Table/index.tsx

@@ -2,7 +2,7 @@
 // TODO Sorting
 import MuiTable from "@mui/material/Table";
 import TableContainer from "@mui/material/TableContainer";
-import React, { useMemo } from "react";
+import React, { useMemo, useState } from "react";
 import { TableContext } from "../../contexts/TableContext";
 import TablePagination from "./TablePagination";
 export interface TableProps extends React.PropsWithChildren {
@@ -18,21 +18,12 @@ export const Table: React.FC<TableProps> = ({
   rowsPerPageOptions: initialRowsPerPageOptions,
   children,
 }) => {
-  const [page, setPage] = React.useState(0);
-  const [rowsPerPage, setRowsPerPage] = React.useState(intialRowsPerPage ?? 5);
+  const [page, setPage] = useState(0);
+  const [rowsPerPage, setRowsPerPage] = useState(intialRowsPerPage ?? 100);
+
   // TODO Implement search params
   // const [searchParams, setSearchParams] = useSearchParams();
-  const contextValues = useMemo(
-    () => ({
-      count,
-      page,
-      setPage,
-      rowsPerPage,
-      setRowsPerPage,
-      rowsPerPageOptions: initialRowsPerPageOptions ?? [5, 10, 25],
-    }),
-    [count, page, rowsPerPage],
-  );
+
   // const pageSize = useMemo(() => Number(searchParams.get("page_size") ?? 100), [searchParams]);
   // const pageNumber = useMemo(() => Number(searchParams.get("page") ?? 0), [searchParams]);
   // const searchInputs = useMemo(
@@ -45,6 +36,18 @@ export const Table: React.FC<TableProps> = ({
   //   [searchParams],
   // );
 
+  const contextValues = useMemo(
+    () => ({
+      count,
+      page,
+      setPage,
+      rowsPerPage,
+      setRowsPerPage,
+      rowsPerPageOptions: initialRowsPerPageOptions ?? [5, 10, 25],
+    }),
+    [count, page, rowsPerPage],
+  );
+
   return (
     <TableContainer
       sx={{

package/src/contexts/TableContext.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useContext } from "react";
+import { createContext, useContext } from "react";
 
 export interface TableContextProps {
   count: number;

package/src/index.ts

@@ -21,6 +21,7 @@ export * from "./components/Card/CardRow";
 export * from "./components/Card/CardPill";
 export * from "./components/Card/CardFieldAutoComplete";
 export * from "./components/Card/CardFieldCheckbox";
+export * from "./components/Card/CardFieldDate";
 export * from "./components/Card/CardFieldImage";
 export * from "./components/Card/CardFieldNumber";
 export * from "./components/Card/CardFieldSelect";