bananas-commerce-admin 0.10.3 → 0.10.5

package/dist/cjs/Admin.js

@@ -40,15 +40,11 @@ const UserContext_1 = require("./contexts/UserContext");
 const LoginPage_1 = __importDefault(require("./pages/LoginPage"));
 const Router_1 = require("./router/Router");
 const Admin = ({ logo, title, subtitle, version, navigation, extensions, dashboard, basename, basepath, }) => {
-    const [loaded, setLoaded] = react_1.default.useState(false);
     const api = (0, ApiContext_1.useApi)();
     const i18n = (0, I18nContext_1.useI18n)();
     const { user } = (0, UserContext_1.useUser)();
-    react_1.default.useEffect(() => {
-        if (!loaded && api != null && i18n != null) {
-            setLoaded(true);
-        }
-    }, [loaded, api, i18n, user]);
+    const hasLoaded = Boolean(api != null && i18n != null);
+    const isLoggedIn = user != null;
     return (react_1.default.createElement(Box_1.default, { sx: {
             display: "flex",
             position: "fixed",
@@ -58,13 +54,13 @@ const Admin = ({ logo, title, subtitle, version, navigation, extensions, dashboa
             height: "100%",
             flexDirection: "column",
             backgroundColor: "background.default",
-        } }, loaded ? (user !== null ? (react_1.default.createElement(react_router_dom_1.BrowserRouter, { basename: basename },
+        } }, hasLoaded ? (isLoggedIn ? (react_1.default.createElement(react_router_dom_1.BrowserRouter, { basename: basename },
         react_1.default.createElement(RouterContext_1.RouterContextProvider, { basename: basename, stripPathPrefix: basepath },
             react_1.default.createElement(DialogContext_1.default, null,
                 react_1.default.createElement(DialogContext_1.BcomDialog, null),
                 react_1.default.createElement(Box_1.default, { sx: { display: "flex" } },
                     react_1.default.createElement(NavRail_1.default, { navigation: navigation, logo: logo, title: title, subtitle: subtitle, version: version }),
-                    react_1.default.createElement(Router_1.Router, { extensions: extensions, dashboard: dashboard })))))) : (react_1.default.createElement(LoginPage_1.default, { logo: logo, title: title }))) : (react_1.default.createElement(LoadingScreen_1.default, { loading: !loaded }))));
+                    react_1.default.createElement(Router_1.Router, { extensions: extensions, dashboard: dashboard })))))) : (react_1.default.createElement(LoginPage_1.default, { logo: logo, title: title }))) : (react_1.default.createElement(LoadingScreen_1.default, null))));
 };
 exports.Admin = Admin;
 exports.default = exports.Admin;

package/dist/cjs/Admin.js.map

@@ -1 +1 @@
-{"version":3,"file":"Admin.js","sourceRoot":"","sources":["../../src/Admin.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uDAAiD;AACjD,4DAAoC;AACpC,mEAA2C;AAC3C,+EAAuD;AACvD,sDAA+C;AAC/C,0EAA6E;AAC7E,wDAAiD;AACjD,4DAAiE;AACjE,wDAAiD;AACjD,kEAA0C;AAC1C,4CAAsD;AAkB/C,MAAM,KAAK,GAAyB,CAAC,EAC1C,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,GAAG,GAAG,IAAA,mBAAM,GAAE,CAAC;IACrB,MAAM,IAAI,GAAG,IAAA,qBAAO,GAAE,CAAC;IACvB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,qBAAO,GAAE,CAAC;IAE3B,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,MAAM,IAAI,GAAG,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;YAC3C,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAE9B,OAAO,CACL,8BAAC,aAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,OAAO;YACjB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,QAAQ;YACvB,eAAe,EAAE,oBAAoB;SACtC,IAEA,MAAM,CAAC,CAAC,CAAC,CACR,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CACd,8BAAC,gCAAa,IAAC,QAAQ,EAAE,QAAQ;QAC/B,8BAAC,qCAAqB,IAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ;YAClE,8BAAC,uBAAqB;gBACpB,8BAAC,0BAAU,OAAG;gBACd,8BAAC,aAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;oBAC1B,8BAAC,iBAAO,IACN,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB;oBACF,8BAAC,eAAM,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,GAAI,CACpD,CACgB,CACF,CACV,CACjB,CAAC,CAAC,CAAC,CACF,8BAAC,mBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CACxC,CACF,CAAC,CAAC,CAAC,CACF,8BAAC,uBAAa,IAAC,OAAO,EAAE,CAAC,MAAM,GAAI,CACpC,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AA/DW,QAAA,KAAK,SA+DhB;AAEF,kBAAe,aAAK,CAAC"}
+{"version":3,"file":"Admin.js","sourceRoot":"","sources":["../../src/Admin.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uDAAiD;AACjD,4DAAoC;AACpC,mEAA2C;AAC3C,+EAAuD;AACvD,sDAA+C;AAC/C,0EAA6E;AAC7E,wDAAiD;AACjD,4DAAiE;AACjE,wDAAiD;AACjD,kEAA0C;AAC1C,4CAAsD;AAkB/C,MAAM,KAAK,GAAyB,CAAC,EAC1C,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,IAAA,mBAAM,GAAE,CAAC;IACrB,MAAM,IAAI,GAAG,IAAA,qBAAO,GAAE,CAAC;IACvB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,qBAAO,GAAE,CAAC;IAE3B,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,IAAI,IAAI,IAAI,CAAC;IAEhC,OAAO,CACL,8BAAC,aAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,OAAO;YACjB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,QAAQ;YACvB,eAAe,EAAE,oBAAoB;SACtC,IAEA,SAAS,CAAC,CAAC,CAAC,CACX,UAAU,CAAC,CAAC,CAAC,CACX,8BAAC,gCAAa,IAAC,QAAQ,EAAE,QAAQ;QAC/B,8BAAC,qCAAqB,IAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ;YAClE,8BAAC,uBAAqB;gBACpB,8BAAC,0BAAU,OAAG;gBACd,8BAAC,aAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;oBAC1B,8BAAC,iBAAO,IACN,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB;oBAEF,8BAAC,eAAM,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,GAAI,CACpD,CACgB,CACF,CACV,CACjB,CAAC,CAAC,CAAC,CACF,8BAAC,mBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CACxC,CACF,CAAC,CAAC,CAAC,CACF,8BAAC,uBAAa,OAAG,CAClB,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AA3DW,QAAA,KAAK,SA2DhB;AAEF,kBAAe,aAAK,CAAC"}

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

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const CardActions_1 = __importDefault(require("@mui/material/CardActions"));
+const react_1 = __importDefault(require("react"));
+const CardContext_1 = require("../../contexts/CardContext");
+const CardActions = ({ children }) => {
+    const { isEditing } = (0, CardContext_1.useCardContext)();
+    return (isEditing && (react_1.default.createElement(CardActions_1.default, { sx: {
+            padding: [1, 2, 3, 2],
+            display: "flex",
+            justifyContent: "flex-end",
+        } }, children)));
+};
+exports.default = CardActions;
+//# sourceMappingURL=CardActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../src/components/Card/CardActions.tsx"],"names":[],"mappings":";;;;;AAAA,4EAAuD;AACvD,kDAA0B;AAC1B,4DAA4D;AAI5D,MAAM,WAAW,GAA+B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IACvC,OAAO,CACL,SAAS,IAAI,CACX,8BAAC,qBAAc,IACb,EAAE,EAAE;YACF,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YACrB,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,UAAU;SAC3B,IAEA,QAAQ,CACM,CAClB,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

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

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const react_1 = __importDefault(require("react"));
+const CardContext_1 = require("../../contexts/CardContext");
+const I18nContext_1 = require("../../contexts/I18nContext");
+const CardCancelButton = () => {
+    const { setIsEditing } = (0, CardContext_1.useCardContext)();
+    const { t } = (0, I18nContext_1.useI18n)();
+    return (react_1.default.createElement(Button_1.default, { variant: "outlined", size: "medium", onClick: () => setIsEditing(false) }, t("Cancel")));
+};
+exports.default = CardCancelButton;
+//# sourceMappingURL=CardCancelButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardCancelButton.js","sourceRoot":"","sources":["../../../../src/components/Card/CardCancelButton.tsx"],"names":[],"mappings":";;;;;AAAA,kEAA0C;AAC1C,kDAA0B;AAC1B,4DAA4D;AAC5D,4DAAqD;AAIrD,MAAM,gBAAgB,GAAoC,GAAG,EAAE;IAC7D,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,qBAAO,GAAE,CAAC;IACxB,OAAO,CACL,8BAAC,gBAAM,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,IACxE,CAAC,CAAC,QAAQ,CAAC,CACL,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const CardContent_1 = __importDefault(require("@mui/material/CardContent"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const react_1 = __importDefault(require("react"));
+const CardContent = ({ children, ...props }) => {
+    return (react_1.default.createElement(CardContent_1.default, { ...props },
+        react_1.default.createElement(Stack_1.default, { gap: 3 }, children)));
+};
+exports.default = CardContent;
+//# sourceMappingURL=CardContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":";;;;;AAAA,4EAAoG;AACpG,gEAAwC;AACxC,kDAA0B;AAI1B,MAAM,WAAW,GAA+B,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzE,OAAO,CACL,8BAAC,qBAAc,OAAK,KAAK;QACvB,8BAAC,eAAK,IAAC,GAAG,EAAE,CAAC,IAAG,QAAQ,CAAS,CAClB,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

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

@@ -0,0 +1,54 @@
+"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 });
+const Autocomplete_1 = __importDefault(require("@mui/material/Autocomplete"));
+const FormHelperText_1 = __importDefault(require("@mui/material/FormHelperText"));
+const Grid2_1 = __importDefault(require("@mui/material/Grid2"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const TextField_1 = __importDefault(require("@mui/material/TextField"));
+const react_1 = __importStar(require("react"));
+const CardContext_1 = require("../../contexts/CardContext");
+const LabeledValue_1 = __importDefault(require("../LabeledValue"));
+const CardFieldAutoComplete = ({ label, formName, value: defaultValue, isReadable = true, size = "grow", options, ...props }) => {
+    const { isEditing } = (0, CardContext_1.useCardContext)();
+    const [autocompleteState, setAutocompleteState] = (0, react_1.useState)();
+    const updateAutoCompleteState = (name, value) => {
+        setAutocompleteState({
+            ...autocompleteState,
+            [name]: value,
+        });
+    };
+    const noValue = defaultValue == null || (Array.isArray(defaultValue) && defaultValue.length === 0);
+    return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing ? (react_1.default.createElement(Stack_1.default, { alignItems: "center", justifyContent: "space-between" },
+        react_1.default.createElement(Autocomplete_1.default, { multiple: true, id: formName, options: options ?? [], defaultValue: defaultValue, sx: {
+                width: "100%",
+            }, isOptionEqualToValue: (option, value) => option.id === value.id, onChange: (_, value) => updateAutoCompleteState(label, value), renderInput: (props) => react_1.default.createElement(TextField_1.default, { name: formName, ...props, label: label }), ...props }),
+        props.helperText && react_1.default.createElement(FormHelperText_1.default, null, props.helperText))) : (isReadable && (react_1.default.createElement(LabeledValue_1.default, { label: label, value: noValue ? "—" : defaultValue.map(({ label }) => label).join(", ") })))));
+};
+exports.default = CardFieldAutoComplete;
+//# sourceMappingURL=CardFieldAutoComplete.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardFieldAutoComplete.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldAutoComplete.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8EAAsD;AACtD,kFAA0D;AAC1D,gEAAuC;AACvC,gEAAwC;AACxC,wEAAgD;AAChD,+CAAwC;AACxC,4DAA4D;AAC5D,mEAA2C;AAQ3C,MAAM,qBAAqB,GAAuD,CAAC,EACjF,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,UAAU,GAAG,IAAI,EACjB,IAAI,GAAG,MAAM,EACb,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IACvC,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,GAAuC,CAAC;IAClG,MAAM,uBAAuB,GAAG,CAAC,IAAY,EAAE,KAA0B,EAAE,EAAE;QAC3E,oBAAoB,CAAC;YACnB,GAAG,iBAAiB;YACpB,CAAC,IAAI,CAAC,EAAE,KAAK;SACd,CAAC,CAAC;IACL,CAAC,CAAC;IACF,MAAM,OAAO,GACX,YAAY,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;IACrF,OAAO,CACL,8BAAC,eAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,CAAC,CAAC,CAAC,CACX,8BAAC,eAAK,IAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,eAAe;QACvD,8BAAC,sBAAY,IACX,QAAQ,EAAE,IAAI,EACd,EAAE,EAAE,QAAQ,EACZ,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE;gBACF,KAAK,EAAE,MAAM;aACd,EACD,oBAAoB,EAAE,CAAC,MAAyB,EAAE,KAAwB,EAAE,EAAE,CAC5E,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,EAExB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,uBAAuB,CAAC,KAAK,EAAE,KAA4B,CAAC,EACpF,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAC,mBAAS,IAAC,IAAI,EAAE,QAAQ,KAAM,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,KAC1E,KAAK,GACT;QAED,KAAK,CAAC,UAAU,IAAI,8BAAC,wBAAc,QAAE,KAAK,CAAC,UAAU,CAAkB,CAClE,CACT,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,CACZ,8BAAC,sBAAY,IACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GACxE,CACH,CACF,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
+const FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
+const FormHelperText_1 = __importDefault(require("@mui/material/FormHelperText"));
+const Grid2_1 = __importDefault(require("@mui/material/Grid2"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const react_1 = __importDefault(require("react"));
+const CardContext_1 = require("../../contexts/CardContext");
+const LabeledValue_1 = __importDefault(require("../LabeledValue"));
+const CardFieldCheckbox = ({ label, formName, value: defaultValue, required = false, isDisabled = false, size = "grow", isReadable = true, ...props }) => {
+    const { isEditing } = (0, CardContext_1.useCardContext)();
+    return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing ? (react_1.default.createElement(Stack_1.default, { justifyContent: "center", direction: "column", height: "100%" },
+        react_1.default.createElement(Stack_1.default, null,
+            react_1.default.createElement(FormControlLabel_1.default, { control: react_1.default.createElement(Checkbox_1.default, { defaultChecked: Boolean(defaultValue), sx: { py: 0 } }), label: label, name: formName, required: required, disabled: isDisabled })),
+        props.helperText && react_1.default.createElement(FormHelperText_1.default, null, props.helperText))) : (isReadable && react_1.default.createElement(LabeledValue_1.default, { label: label, value: defaultValue ? "Yes" : "No" }))));
+};
+exports.default = CardFieldCheckbox;
+//# sourceMappingURL=CardFieldCheckbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardFieldCheckbox.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldCheckbox.tsx"],"names":[],"mappings":";;;;;AAAA,sEAA8C;AAC9C,sFAA8D;AAC9D,kFAA0D;AAC1D,gEAAuC;AACvC,gEAAwC;AACxC,kDAA0B;AAC1B,4DAA4D;AAC5D,mEAA2C;AAQ3C,MAAM,iBAAiB,GAAmD,CAAC,EACzE,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,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,CAAC,CAAC,CAAC,CACX,8BAAC,eAAK,IAAC,cAAc,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,MAAM,EAAC,MAAM;QAC7D,8BAAC,eAAK;YACJ,8BAAC,0BAAgB,IACf,OAAO,EAAE,8BAAC,kBAAQ,IAAC,cAAc,EAAE,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,GAAI,EAC3E,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,GACpB,CACI;QAEP,KAAK,CAAC,UAAU,IAAI,8BAAC,wBAAc,QAAE,KAAK,CAAC,UAAU,CAAkB,CAClE,CACT,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,8BAAC,sBAAY,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,GAAI,CACjF,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const react_1 = __importDefault(require("react"));
+const CardContext_1 = require("../../contexts/CardContext");
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const FormHelperText_1 = __importDefault(require("@mui/material/FormHelperText"));
+const shared_1 = require("./shared");
+const Grid2_1 = __importDefault(require("@mui/material/Grid2"));
+const CardFieldImage = ({ label, formName, value: defaultValue, required = false, isDisabled = false, isCompact = false, size = "grow", isReadable = true, ...props }) => {
+    const { isEditing } = (0, CardContext_1.useCardContext)();
+    return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing ? (react_1.default.createElement(Box_1.default, { sx: (0, shared_1.readFieldCSS)(isCompact) },
+        react_1.default.createElement(Typography_1.default, { variant: "subtitle2", sx: { color: "grey.600" } }, label),
+        react_1.default.createElement("input", { name: formName, type: "file", accept: "image/*", required: required, disabled: isDisabled }),
+        props.helperText && react_1.default.createElement(FormHelperText_1.default, null, props.helperText))) : (isReadable && (react_1.default.createElement(Box_1.default, { sx: { ...(0, shared_1.readFieldCSS)(isCompact) } },
+        react_1.default.createElement(Typography_1.default, { variant: "subtitle2", sx: { color: "grey.600" } }, label),
+        react_1.default.createElement(Box_1.default, { sx: { "> img": shared_1.imgCSS } }, typeof defaultValue === "string" ? (react_1.default.createElement("img", { src: defaultValue })) : (react_1.default.createElement(Typography_1.default, null, "Bild saknas"))))))));
+};
+exports.default = CardFieldImage;
+//# sourceMappingURL=CardFieldImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardFieldImage.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldImage.tsx"],"names":[],"mappings":";;;;;AAAA,4DAAoC;AACpC,kDAA0B;AAC1B,4DAA4D;AAC5D,0EAAkD;AAClD,kFAA0D;AAC1D,qCAAoE;AACpE,gEAAuC;AAUvC,MAAM,cAAc,GAAgD,CAAC,EACnE,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IACvC,OAAO,CACL,8BAAC,eAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,CAAC,CAAC,CAAC,CACX,8BAAC,aAAG,IAAC,EAAE,EAAE,IAAA,qBAAY,EAAC,SAAS,CAAC;QAC9B,8BAAC,oBAAU,IAAC,OAAO,EAAC,WAAW,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IACtD,KAAK,CACK;QAEb,yCACE,IAAI,EAAE,QAAQ,EACd,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,GACpB;QAED,KAAK,CAAC,UAAU,IAAI,8BAAC,wBAAc,QAAE,KAAK,CAAC,UAAU,CAAkB,CACpE,CACP,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,CACZ,8BAAC,aAAG,IAAC,EAAE,EAAE,EAAE,GAAG,IAAA,qBAAY,EAAC,SAAS,CAAC,EAAE;QACrC,8BAAC,oBAAU,IAAC,OAAO,EAAC,WAAW,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IACtD,KAAK,CACK;QACb,8BAAC,aAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,eAAM,EAAE,IACzB,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,CAClC,uCAAK,GAAG,EAAE,YAAY,GAAI,CAC3B,CAAC,CAAC,CAAC,CACF,8BAAC,oBAAU,sBAAyB,CACrC,CACG,CACF,CACP,CACF,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

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

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const TextField_1 = __importDefault(require("@mui/material/TextField"));
+const react_1 = __importDefault(require("react"));
+const CardContext_1 = require("../../contexts/CardContext");
+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, adornment, ...props }) => {
+    const { isEditing } = (0, CardContext_1.useCardContext)();
+    return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing ? (react_1.default.createElement(TextField_1.default, { type: "number", name: formName, defaultValue: defaultValue ?? "", label: label, variant: "outlined", required: required, disabled: isDisabled, inputProps: {
+            min: "min" in props ? props.min : undefined,
+            max: "max" in props ? props.max : undefined,
+        }, fullWidth: true, slotProps: {
+            input: {
+                endAdornment: react_1.default.createElement(InputAdornment_1.default, { position: "end" }, adornment),
+            },
+        } })) : (isReadable && react_1.default.createElement(LabeledValue_1.default, { label: label, value: `${defaultValue ?? "—"}` }))));
+};
+exports.default = CardFieldNumber;
+//# sourceMappingURL=CardFieldNumber.js.map

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

@@ -0,0 +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;AAU1D,MAAM,eAAe,GAAiD,CAAC,EACrE,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,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,CAAC,CAAC,CAAC,CACX,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,EACpB,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;AAEF,kBAAe,eAAe,CAAC"}

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

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const FormControl_1 = __importDefault(require("@mui/material/FormControl"));
+const Grid2_1 = __importDefault(require("@mui/material/Grid2"));
+const InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
+const MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
+const Select_1 = __importDefault(require("@mui/material/Select"));
+const react_1 = __importDefault(require("react"));
+const CardContext_1 = require("../../contexts/CardContext");
+const LabeledValue_1 = __importDefault(require("../LabeledValue"));
+const CardFieldSelect = ({ label, formName, value: defaultValue = undefined, required = false, isDisabled = false, size = "grow", options, isReadable = true, ...props }) => {
+    const { isEditing } = (0, CardContext_1.useCardContext)();
+    const [value, setValue] = react_1.default.useState(defaultValue?.label ?? "");
+    const handleChange = (event) => {
+        setValue(event.target.value);
+    };
+    return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing ? (react_1.default.createElement(FormControl_1.default, { fullWidth: true },
+        react_1.default.createElement(InputLabel_1.default, null, label),
+        react_1.default.createElement(Select_1.default, { name: formName, value: value, label: label, onChange: handleChange, disabled: isDisabled, required: required, ...props }, options?.map((opt) => (react_1.default.createElement(MenuItem_1.default, { key: opt.id, value: opt.label }, opt.label)))))) : (isReadable && react_1.default.createElement(LabeledValue_1.default, { label: label, value: defaultValue?.label ?? "" }))));
+};
+exports.default = CardFieldSelect;
+//# sourceMappingURL=CardFieldSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardFieldSelect.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldSelect.tsx"],"names":[],"mappings":";;;;;AAAA,4EAAoD;AACpD,gEAAuC;AACvC,0EAAkD;AAClD,sEAA8C;AAC9C,kEAAmF;AACnF,kDAA0B;AAC1B,4DAA4D;AAC5D,mEAA2C;AAW3C,MAAM,eAAe,GAAiD,CAAC,EACrE,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,GAAG,SAAS,EAC/B,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,OAAO,EACP,UAAU,GAAG,IAAI,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IACvC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;IAEpE,MAAM,YAAY,GAAG,CAAC,KAAiC,EAAE,EAAE;QACzD,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,eAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,CAAC,CAAC,CAAC,CACX,8BAAC,qBAAW,IAAC,SAAS;QACpB,8BAAC,oBAAU,QAAE,KAAK,CAAc;QAChC,8BAAC,gBAAM,IACL,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,QAAQ,KACd,KAAK,IAER,OAAO,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACrB,8BAAC,kBAAQ,IAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,IACpC,GAAG,CAAC,KAAK,CACD,CACZ,CAAC,CACK,CACG,CACf,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,8BAAC,sBAAY,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,EAAE,GAAI,CAC/E,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

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

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const FormHelperText_1 = __importDefault(require("@mui/material/FormHelperText"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const Switch_1 = __importDefault(require("@mui/material/Switch"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const react_1 = __importDefault(require("react"));
+const CardContext_1 = require("../../contexts/CardContext");
+const LabeledValue_1 = __importDefault(require("../LabeledValue"));
+const Grid2_1 = __importDefault(require("@mui/material/Grid2"));
+const CardFieldSwitch = ({ label, formName, value: defaultValue, required = false, isDisabled = false, isCompact = false, size = "grow", isReadable = true, ...props }) => {
+    const { isEditing } = (0, CardContext_1.useCardContext)();
+    return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing ? (react_1.default.createElement(Stack_1.default, { justifyContent: "center", direction: "column", height: "100%" },
+        react_1.default.createElement(Stack_1.default, { alignItems: "center", justifyContent: isCompact ? "space-between" : "start", direction: "row" },
+            react_1.default.createElement(Typography_1.default, { variant: "subtitle2" }, label),
+            react_1.default.createElement(Switch_1.default, { defaultChecked: Boolean(defaultValue), size: isCompact ? "small" : "medium", name: formName, required: required, disabled: isDisabled })),
+        props.helperText && react_1.default.createElement(FormHelperText_1.default, null, props.helperText))) : (isReadable && react_1.default.createElement(LabeledValue_1.default, { label: label, value: defaultValue ? "Yes" : "No" }))));
+};
+exports.default = CardFieldSwitch;
+//# sourceMappingURL=CardFieldSwitch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardFieldSwitch.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldSwitch.tsx"],"names":[],"mappings":";;;;;AAAA,kFAA0D;AAC1D,gEAAwC;AACxC,kEAA0C;AAC1C,0EAAkD;AAClD,kDAA0B;AAC1B,4DAA4D;AAC5D,mEAA2C;AAE3C,gEAAuC;AAUvC,MAAM,eAAe,GAAiD,CAAC,EACrE,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,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,CAAC,CAAC,CAAC,CACX,8BAAC,eAAK,IAAC,cAAc,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,MAAM,EAAC,MAAM;QAC7D,8BAAC,eAAK,IACJ,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,EACrD,SAAS,EAAE,KAAK;YAEhB,8BAAC,oBAAU,IAAC,OAAO,EAAC,WAAW,IAAE,KAAK,CAAc;YAEpD,8BAAC,gBAAM,IACL,cAAc,EAAE,OAAO,CAAC,YAAY,CAAC,EACrC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EACpC,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,GACpB,CACI;QAEP,KAAK,CAAC,UAAU,IAAI,8BAAC,wBAAc,QAAE,KAAK,CAAC,UAAU,CAAkB,CAClE,CACT,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,8BAAC,sBAAY,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,GAAI,CACjF,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

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

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const TextField_1 = __importDefault(require("@mui/material/TextField"));
+const react_1 = __importDefault(require("react"));
+const CardContext_1 = require("../../contexts/CardContext");
+const LabeledValue_1 = __importDefault(require("../LabeledValue"));
+const Grid2_1 = __importDefault(require("@mui/material/Grid2"));
+const CardFieldText = ({ label, formName, value: defaultValue, required = false, isDisabled = false, size = "grow", isReadable = true, ...props }) => {
+    const { isEditing } = (0, CardContext_1.useCardContext)();
+    return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing ? (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, { label: label, value: defaultValue ?? "" }))));
+};
+exports.default = CardFieldText;
+//# sourceMappingURL=CardFieldText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardFieldText.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldText.tsx"],"names":[],"mappings":";;;;;AAAA,wEAAoE;AACpE,kDAA0B;AAC1B,4DAA4D;AAC5D,mEAA2C;AAE3C,gEAAuC;AAcvC,MAAM,aAAa,GAA+C,CAAC,EACjE,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,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,CAAC,CAAC,CAAC,CACX,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,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,IAAI,EAAE,GAAI,CACxE,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

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

@@ -3,25 +3,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardHeader = void 0;
-const react_1 = __importDefault(require("react"));
-const Cancel_1 = __importDefault(require("@mui/icons-material/Cancel"));
-const CheckCircle_1 = __importDefault(require("@mui/icons-material/CheckCircle"));
 const Box_1 = __importDefault(require("@mui/material/Box"));
 const CardHeader_1 = __importDefault(require("@mui/material/CardHeader"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
 const Switch_1 = __importDefault(require("@mui/material/Switch"));
 const Typography_1 = __importDefault(require("@mui/material/Typography"));
-const Chip_1 = __importDefault(require("../Chip"));
-const material_1 = require("@mui/material");
-const CardHeader = ({ title, avatar, isEditable = false, isDisabled = false, onChange, toggled, pills, }) => (react_1.default.createElement(CardHeader_1.default, { sx: { opacity: isDisabled && toggled ? 0.5 : 1 }, title: react_1.default.createElement(material_1.Stack, { direction: "row", gap: 1 },
-        react_1.default.createElement(Typography_1.default, { sx: { fontWeight: 500, marginRight: 1 }, variant: "body1" }, title),
-        pills?.map(({ label, color, icon }, i) => (react_1.default.createElement(Chip_1.default, { key: i, label: label, color: color ?? "success", icon: icon ?? (color === "success" ? react_1.default.createElement(CheckCircle_1.default, null) : react_1.default.createElement(Cancel_1.default, null)), size: "small" })))), avatar: avatar, action: isEditable && (react_1.default.createElement(Box_1.default, { sx: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-        } },
-        react_1.default.createElement(Typography_1.default, { sx: { color: "grey.600" }, variant: "body2" }, "Edit"),
-        react_1.default.createElement(Switch_1.default, { disabled: isDisabled && toggled, checked: Boolean(toggled), onChange: (_, v) => onChange?.(v) }))) }));
-exports.CardHeader = CardHeader;
-exports.default = exports.CardHeader;
+const react_1 = __importDefault(require("react"));
+const CardContext_1 = require("../../contexts/CardContext");
+const CardHeader = ({ title, children, ...props }) => {
+    const { isEditing, isEditable, isDisabled, setIsEditing } = (0, CardContext_1.useCardContext)();
+    // TODO Implement dialog for cancel when changed values
+    // const openDialog = useDialog();
+    return (react_1.default.createElement(CardHeader_1.default, { ...props, title: react_1.default.createElement(Stack_1.default, { direction: "row", gap: 1 },
+            react_1.default.createElement(Typography_1.default, { sx: { fontWeight: 700, marginRight: 1 }, variant: "body1" }, title),
+            children), action: !isDisabled &&
+            isEditable && (react_1.default.createElement(Box_1.default, { sx: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+            } },
+            react_1.default.createElement(Typography_1.default, { sx: { color: "grey.600" }, variant: "body2" }, "Edit"),
+            react_1.default.createElement(Switch_1.default, { checked: Boolean(isEditing), onChange: () => setIsEditing((isEditing) => !isEditing) }))) }));
+};
+exports.default = CardHeader;
 //# sourceMappingURL=CardHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,wEAAoD;AACpD,kFAA8D;AAC9D,4DAAoC;AACpC,0EAAqD;AACrD,kEAA0C;AAC1C,0EAAkD;AAClD,mDAA2B;AAE3B,4CAAsC;AAa/B,MAAM,UAAU,GAA8B,CAAC,EACpD,KAAK,EACL,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,OAAO,EACP,KAAK,GACN,EAAE,EAAE,CAAC,CACJ,8BAAC,oBAAa,IACZ,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,EAChD,KAAK,EACH,8BAAC,gBAAK,IAAC,SAAS,EAAC,KAAK,EAAC,GAAG,EAAE,CAAC;QAC3B,8BAAC,oBAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,OAAO,EAAC,OAAO,IACjE,KAAK,CACK;QACZ,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CACzC,8BAAC,cAAI,IACH,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,IAAI,SAAS,EACzB,IAAI,EAAE,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,8BAAC,qBAAe,OAAG,CAAC,CAAC,CAAC,8BAAC,gBAAU,OAAG,CAAC,EAC1E,IAAI,EAAC,OAAO,GACZ,CACH,CAAC,CACI,EAEV,MAAM,EAAE,MAAM,EACd,MAAM,EACJ,UAAU,IAAI,CACZ,8BAAC,aAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB;QAED,8BAAC,oBAAU,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,OAAO,EAAC,OAAO,WAEzC;QAEb,8BAAC,gBAAM,IACL,QAAQ,EAAE,UAAU,IAAI,OAAO,EAC/B,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,EACzB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,GACjC,CACE,CACP,GAEH,CACH,CAAC;AAlDW,QAAA,UAAU,cAkDrB;AAEF,kBAAe,kBAAU,CAAC"}
+{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":";;;;;AAAA,4DAAoC;AACpC,0EAAgG;AAChG,gEAAwC;AACxC,kEAA0C;AAC1C,0EAAkD;AAClD,kDAA0B;AAC1B,4DAA4D;AAM5D,MAAM,UAAU,GAA8B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9E,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IAE7E,uDAAuD;IACvD,kCAAkC;IAElC,OAAO,CACL,8BAAC,oBAAa,OACR,KAAK,EACT,KAAK,EACH,8BAAC,eAAK,IAAC,SAAS,EAAC,KAAK,EAAC,GAAG,EAAE,CAAC;YAC3B,8BAAC,oBAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,OAAO,EAAC,OAAO,IACjE,KAAK,CACK;YACZ,QAAQ,CACH,EAEV,MAAM,EACJ,CAAC,UAAU;YACX,UAAU,IAAI,CACZ,8BAAC,aAAG,IACF,EAAE,EAAE;gBACF,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;aACzB;YAED,8BAAC,oBAAU,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,OAAO,EAAC,OAAO,WAEzC;YAEb,8BAAC,gBAAM,IACL,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,EAC3B,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,GACvD,CACE,CACP,GAEH,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

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

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const CheckCircle_1 = __importDefault(require("@mui/icons-material/CheckCircle"));
+const Cancel_1 = __importDefault(require("@mui/icons-material/Cancel"));
+const Chip_1 = __importDefault(require("../Chip"));
+// TODO Logic for picking icon
+const CardPill = ({ label, color, icon, size = "small" }) => {
+    return (react_1.default.createElement(Chip_1.default, { label: label, color: color ?? "success", icon: icon ?? (color === "success" ? react_1.default.createElement(CheckCircle_1.default, null) : react_1.default.createElement(Cancel_1.default, null)), size: size }));
+};
+exports.default = CardPill;
+//# sourceMappingURL=CardPill.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardPill.js","sourceRoot":"","sources":["../../../../src/components/Card/CardPill.tsx"],"names":[],"mappings":";;;;;AACA,kDAA0B;AAE1B,kFAA8D;AAC9D,wEAAoD;AAEpD,mDAA2B;AAM3B,8BAA8B;AAC9B,MAAM,QAAQ,GAA4B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAG,OAAO,EAAE,EAAE,EAAE;IACnF,OAAO,CACL,8BAAC,cAAI,IACH,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,IAAI,SAAS,EACzB,IAAI,EAAE,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,8BAAC,qBAAe,OAAG,CAAC,CAAC,CAAC,8BAAC,gBAAU,OAAG,CAAC,EAC1E,IAAI,EAAE,IAAI,GACV,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Grid2_1 = __importDefault(require("@mui/material/Grid2"));
+const react_1 = __importDefault(require("react"));
+const CardContext_1 = require("../../contexts/CardContext");
+const CardRow = ({ children, columns: columnOverride, isReadable = true, }) => {
+    const { isEditing, columns } = (0, CardContext_1.useCardContext)();
+    return ((isEditing || isReadable) && (react_1.default.createElement(Grid2_1.default, { direction: "row", spacing: 3, columns: columnOverride ?? columns, container: true }, children)));
+};
+exports.default = CardRow;
+//# sourceMappingURL=CardRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardRow.js","sourceRoot":"","sources":["../../../../src/components/Card/CardRow.tsx"],"names":[],"mappings":";;;;;AAAA,gEAAuC;AACvC,kDAA0B;AAC1B,4DAA4D;AAO5D,MAAM,OAAO,GAA2B,CAAC,EACvC,QAAQ,EACR,OAAO,EAAE,cAAc,EACvB,UAAU,GAAG,IAAI,GAClB,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IAEhD,OAAO,CACL,CAAC,SAAS,IAAI,UAAU,CAAC,IAAI,CAC3B,8BAAC,eAAI,IAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,IAAI,OAAO,EAAE,SAAS,UAC9E,QAAQ,CACJ,CACR,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

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

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const react_1 = __importDefault(require("react"));
+const I18nContext_1 = require("../../contexts/I18nContext");
+const CardSaveButton = () => {
+    const { t } = (0, I18nContext_1.useI18n)();
+    return (react_1.default.createElement(Button_1.default, { variant: "contained", size: "medium", type: "submit" }, t("Save")));
+};
+exports.default = CardSaveButton;
+//# sourceMappingURL=CardSaveButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardSaveButton.js","sourceRoot":"","sources":["../../../../src/components/Card/CardSaveButton.tsx"],"names":[],"mappings":";;;;;AAAA,kEAA0C;AAC1C,kDAA0B;AAC1B,4DAAqD;AAIrD,MAAM,cAAc,GAAkC,GAAG,EAAE;IACzD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,qBAAO,GAAE,CAAC;IACxB,OAAO,CACL,8BAAC,gBAAM,IAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,IACpD,CAAC,CAAC,MAAM,CAAC,CACH,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}