bananas-commerce-admin 0.13.3 → 0.13.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Card/CardFieldAddress.js +4 -2
- package/dist/cjs/components/Card/CardFieldAddress.js.map +1 -1
- package/dist/cjs/components/Card/CardFieldAutoComplete.js +4 -3
- package/dist/cjs/components/Card/CardFieldAutoComplete.js.map +1 -1
- package/dist/cjs/components/Card/CardFieldCheckbox.js +4 -2
- package/dist/cjs/components/Card/CardFieldCheckbox.js.map +1 -1
- package/dist/cjs/components/Card/CardFieldDate.js +2 -2
- package/dist/cjs/components/Card/CardFieldDate.js.map +1 -1
- package/dist/cjs/components/Card/CardFieldImage.js +2 -2
- package/dist/cjs/components/Card/CardFieldImage.js.map +1 -1
- package/dist/cjs/components/Card/CardFieldNumber.js +12 -9
- package/dist/cjs/components/Card/CardFieldNumber.js.map +1 -1
- package/dist/cjs/components/Card/CardFieldSelect.js +7 -4
- package/dist/cjs/components/Card/CardFieldSelect.js.map +1 -1
- package/dist/cjs/components/Card/CardFieldSwitch.js +2 -2
- package/dist/cjs/components/Card/CardFieldSwitch.js.map +1 -1
- package/dist/cjs/components/Card/CardFieldText.js +5 -4
- package/dist/cjs/components/Card/CardFieldText.js.map +1 -1
- package/dist/cjs/components/Table/TableHead.js +8 -1
- package/dist/cjs/components/Table/TableHead.js.map +1 -1
- package/dist/cjs/components/Table/TableSummary.js +14 -0
- package/dist/cjs/components/Table/TableSummary.js.map +1 -0
- package/dist/cjs/contexts/DashboardFilterContext.js +2 -0
- package/dist/cjs/contexts/DashboardFilterContext.js.map +1 -1
- package/dist/cjs/extensions/pos/components/DashboardFilter.js +20 -12
- package/dist/cjs/extensions/pos/components/DashboardFilter.js.map +1 -1
- package/dist/cjs/extensions/pos/components/FilterSelect.js +1 -1
- package/dist/cjs/extensions/pos/components/FilterSelect.js.map +1 -1
- package/dist/cjs/extensions/pos/components/PresetSelect.js +99 -0
- package/dist/cjs/extensions/pos/components/PresetSelect.js.map +1 -0
- package/dist/cjs/extensions/pos/contrib/PurchaseCount.js +3 -3
- package/dist/cjs/extensions/pos/contrib/PurchaseCount.js.map +1 -1
- package/dist/cjs/extensions/pos/types/contrib.js +12 -1
- package/dist/cjs/extensions/pos/types/contrib.js.map +1 -1
- package/dist/esm/components/Card/CardFieldAddress.js +4 -2
- package/dist/esm/components/Card/CardFieldAddress.js.map +1 -1
- package/dist/esm/components/Card/CardFieldAutoComplete.js +4 -3
- package/dist/esm/components/Card/CardFieldAutoComplete.js.map +1 -1
- package/dist/esm/components/Card/CardFieldCheckbox.js +4 -2
- package/dist/esm/components/Card/CardFieldCheckbox.js.map +1 -1
- package/dist/esm/components/Card/CardFieldDate.js +2 -2
- package/dist/esm/components/Card/CardFieldDate.js.map +1 -1
- package/dist/esm/components/Card/CardFieldImage.js +2 -2
- package/dist/esm/components/Card/CardFieldImage.js.map +1 -1
- package/dist/esm/components/Card/CardFieldNumber.js +12 -9
- package/dist/esm/components/Card/CardFieldNumber.js.map +1 -1
- package/dist/esm/components/Card/CardFieldSelect.js +7 -4
- package/dist/esm/components/Card/CardFieldSelect.js.map +1 -1
- package/dist/esm/components/Card/CardFieldSwitch.js +2 -2
- package/dist/esm/components/Card/CardFieldSwitch.js.map +1 -1
- package/dist/esm/components/Card/CardFieldText.js +5 -4
- package/dist/esm/components/Card/CardFieldText.js.map +1 -1
- package/dist/esm/components/Table/TableHead.js +9 -2
- package/dist/esm/components/Table/TableHead.js.map +1 -1
- package/dist/esm/components/Table/TableSummary.js +7 -0
- package/dist/esm/components/Table/TableSummary.js.map +1 -0
- package/dist/esm/contexts/DashboardFilterContext.js +2 -0
- package/dist/esm/contexts/DashboardFilterContext.js.map +1 -1
- package/dist/esm/extensions/pos/components/DashboardFilter.js +20 -12
- package/dist/esm/extensions/pos/components/DashboardFilter.js.map +1 -1
- package/dist/esm/extensions/pos/components/FilterSelect.js +1 -1
- package/dist/esm/extensions/pos/components/FilterSelect.js.map +1 -1
- package/dist/esm/extensions/pos/components/PresetSelect.js +94 -0
- package/dist/esm/extensions/pos/components/PresetSelect.js.map +1 -0
- package/dist/esm/extensions/pos/contrib/PurchaseCount.js +3 -3
- package/dist/esm/extensions/pos/contrib/PurchaseCount.js.map +1 -1
- package/dist/esm/extensions/pos/types/contrib.js +11 -0
- package/dist/esm/extensions/pos/types/contrib.js.map +1 -1
- package/dist/types/components/Card/CardFieldAutoComplete.d.ts +1 -1
- package/dist/types/components/Card/CardFieldCheckbox.d.ts +6 -2
- package/dist/types/components/Card/CardFieldText.d.ts +1 -1
- package/dist/types/components/Table/TableHead.d.ts +2 -0
- package/dist/types/components/Table/TableSummary.d.ts +8 -0
- package/dist/types/contexts/DashboardFilterContext.d.ts +2 -1
- package/dist/types/extensions/pos/components/PresetSelect.d.ts +3 -0
- package/dist/types/extensions/pos/types/contrib.d.ts +29 -0
- package/package.json +1 -1
- package/src/components/Card/CardFieldAddress.tsx +4 -0
- package/src/components/Card/CardFieldAutoComplete.tsx +13 -11
- package/src/components/Card/CardFieldCheckbox.tsx +24 -10
- package/src/components/Card/CardFieldDate.tsx +6 -5
- package/src/components/Card/CardFieldImage.tsx +2 -2
- package/src/components/Card/CardFieldNumber.tsx +32 -26
- package/src/components/Card/CardFieldSelect.tsx +31 -25
- package/src/components/Card/CardFieldSwitch.tsx +8 -8
- package/src/components/Card/CardFieldText.tsx +16 -12
- package/src/components/Table/TableHead.tsx +26 -3
- package/src/components/Table/TableSummary.tsx +27 -0
- package/src/contexts/DashboardFilterContext.tsx +4 -1
- package/src/extensions/pos/components/DashboardFilter.tsx +25 -13
- package/src/extensions/pos/components/FilterSelect.tsx +1 -1
- package/src/extensions/pos/components/PresetSelect.tsx +106 -0
- package/src/extensions/pos/contrib/PurchaseCount.tsx +8 -15
- package/src/extensions/pos/types/contrib.ts +14 -0
|
@@ -13,7 +13,8 @@ const CardContext_1 = require("../../contexts/CardContext");
|
|
|
13
13
|
const I18nContext_1 = require("../../contexts/I18nContext");
|
|
14
14
|
const LabeledValue_1 = __importDefault(require("../LabeledValue"));
|
|
15
15
|
const country_code_formatter_1 = require("../../util/country_code_formatter");
|
|
16
|
-
const
|
|
16
|
+
const material_1 = require("@mui/material");
|
|
17
|
+
const CardFieldAddress = ({ label, value: defaultValue, required = false, isDisabled = false, size = "grow", isReadable = true, isEditable = true, helperText, }) => {
|
|
17
18
|
const { isEditing } = (0, CardContext_1.useCardContext)();
|
|
18
19
|
const { t } = (0, I18nContext_1.useI18n)();
|
|
19
20
|
const addressString = [
|
|
@@ -36,7 +37,8 @@ const CardFieldAddress = ({ label, value: defaultValue, required = false, isDisa
|
|
|
36
37
|
react_1.default.createElement(TextField_1.default, { name: "city", defaultValue: defaultValue?.city ?? "", label: t("City"), variant: "outlined", required: false, disabled: isDisabled, fullWidth: true })),
|
|
37
38
|
react_1.default.createElement(Stack_1.default, { direction: "row", spacing: 2 },
|
|
38
39
|
react_1.default.createElement(TextField_1.default, { name: "country_code", defaultValue: defaultValue?.country_code ?? "", label: t("Country"), variant: "outlined", required: false, disabled: isDisabled, fullWidth: true }),
|
|
39
|
-
react_1.default.createElement(TextField_1.default, { name: "region", defaultValue: defaultValue?.region ?? "", label: t("Region"), variant: "outlined", required: false, disabled: isDisabled, fullWidth: true }))
|
|
40
|
+
react_1.default.createElement(TextField_1.default, { name: "region", defaultValue: defaultValue?.region ?? "", label: t("Region"), variant: "outlined", required: false, disabled: isDisabled, fullWidth: true })),
|
|
41
|
+
helperText != null && react_1.default.createElement(material_1.FormHelperText, { sx: { mb: 1 } }, helperText))) : (isReadable && react_1.default.createElement(LabeledValue_1.default, { label: label, value: addressString }))));
|
|
40
42
|
};
|
|
41
43
|
exports.CardFieldAddress = CardFieldAddress;
|
|
42
44
|
exports.default = exports.CardFieldAddress;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardFieldAddress.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldAddress.tsx"],"names":[],"mappings":";;;;;;AAAA,gEAAuC;AACvC,gEAAwC;AACxC,wEAAoE;AACpE,0EAAkD;AAClD,kDAA0B;AAC1B,4DAA4D;AAC5D,4DAAqD;AACrD,mEAA2C;AAE3C,8EAAyE;
|
|
1
|
+
{"version":3,"file":"CardFieldAddress.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldAddress.tsx"],"names":[],"mappings":"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"}
|
|
@@ -35,7 +35,7 @@ const TextField_1 = __importDefault(require("@mui/material/TextField"));
|
|
|
35
35
|
const react_1 = __importStar(require("react"));
|
|
36
36
|
const CardContext_1 = require("../../contexts/CardContext");
|
|
37
37
|
const LabeledValue_1 = __importDefault(require("../LabeledValue"));
|
|
38
|
-
const CardFieldAutoComplete = ({
|
|
38
|
+
const CardFieldAutoComplete = ({ fallback = "—", fallbackPredicate = (value) => value == null || (Array.isArray(defaultValue) && defaultValue.length === 0), formName, helperText, isEditable = true, isReadable = true, label, options, size = "grow", value: defaultValue, ...props }) => {
|
|
39
39
|
const { isEditing } = (0, CardContext_1.useCardContext)();
|
|
40
40
|
const [autocompleteState, setAutocompleteState] = (0, react_1.useState)();
|
|
41
41
|
const updateAutoCompleteState = (name, value) => {
|
|
@@ -44,12 +44,13 @@ const CardFieldAutoComplete = ({ label, formName, fallbackValue, value: defaultV
|
|
|
44
44
|
[name]: value,
|
|
45
45
|
});
|
|
46
46
|
};
|
|
47
|
-
const noValue = defaultValue == null || (Array.isArray(defaultValue) && defaultValue.length === 0);
|
|
48
47
|
return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing && isEditable ? (react_1.default.createElement(Stack_1.default, { alignItems: "center", justifyContent: "space-between" },
|
|
49
48
|
react_1.default.createElement(Autocomplete_1.default, { multiple: true, id: formName, options: options ?? [], defaultValue: defaultValue, sx: {
|
|
50
49
|
width: "100%",
|
|
51
50
|
}, 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 }),
|
|
52
|
-
|
|
51
|
+
helperText != null && react_1.default.createElement(FormHelperText_1.default, null, helperText))) : (isReadable && (react_1.default.createElement(LabeledValue_1.default, { label: label, value: fallbackPredicate(defaultValue)
|
|
52
|
+
? fallback
|
|
53
|
+
: defaultValue.map(({ label }) => label).join(", ") })))));
|
|
53
54
|
};
|
|
54
55
|
exports.CardFieldAutoComplete = CardFieldAutoComplete;
|
|
55
56
|
exports.default = exports.CardFieldAutoComplete;
|
|
@@ -1 +1 @@
|
|
|
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;AAUpC,MAAM,qBAAqB,GAAuD,CAAC,EACxF,
|
|
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;AAUpC,MAAM,qBAAqB,GAAuD,CAAC,EACxF,QAAQ,GAAG,GAAG,EACd,iBAAiB,GAAG,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,CAAC,EAC7E,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,KAAK,EACL,OAAO,EACP,IAAI,GAAG,MAAM,EACb,KAAK,EAAE,YAAY,EACnB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IAEvC,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;IAEF,OAAO,CACL,8BAAC,eAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACzB,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,UAAU,IAAI,IAAI,IAAI,8BAAC,wBAAc,QAAE,UAAU,CAAkB,CAC9D,CACT,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,CACZ,8BAAC,sBAAY,IACX,KAAK,EAAE,KAAK,EACZ,KAAK,EACH,iBAAiB,CAAC,YAAY,CAAC;YAC7B,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAEvD,CACH,CACF,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AA5DW,QAAA,qBAAqB,yBA4DhC;AAEF,kBAAe,6BAAqB,CAAC"}
|
|
@@ -12,12 +12,14 @@ const Stack_1 = __importDefault(require("@mui/material/Stack"));
|
|
|
12
12
|
const react_1 = __importDefault(require("react"));
|
|
13
13
|
const CardContext_1 = require("../../contexts/CardContext");
|
|
14
14
|
const LabeledValue_1 = __importDefault(require("../LabeledValue"));
|
|
15
|
-
const
|
|
15
|
+
const I18nContext_1 = require("../../contexts/I18nContext");
|
|
16
|
+
const CardFieldCheckbox = ({ formName, helperText, isDisabled = false, isEditable = true, isReadable = true, label, required = false, size = "grow", value: defaultValue, yesValue, noValue, }) => {
|
|
17
|
+
const { t } = (0, I18nContext_1.useI18n)();
|
|
16
18
|
const { isEditing } = (0, CardContext_1.useCardContext)();
|
|
17
19
|
return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing && isEditable ? (react_1.default.createElement(Stack_1.default, { justifyContent: "center", direction: "column", height: "100%" },
|
|
18
20
|
react_1.default.createElement(Stack_1.default, null,
|
|
19
21
|
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 })),
|
|
20
|
-
|
|
22
|
+
helperText != null && react_1.default.createElement(FormHelperText_1.default, null, helperText))) : (isReadable && (react_1.default.createElement(LabeledValue_1.default, { label: label, value: defaultValue ? (yesValue ?? t("Yes")) : (noValue ?? t("No")) })))));
|
|
21
23
|
};
|
|
22
24
|
exports.CardFieldCheckbox = CardFieldCheckbox;
|
|
23
25
|
exports.default = exports.CardFieldCheckbox;
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;AAE3C,4DAAqD;AAa9C,MAAM,iBAAiB,GAAmD,CAAC,EAChF,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,MAAM,EACb,KAAK,EAAE,YAAY,EACnB,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,qBAAO,GAAE,CAAC;IACxB,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,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,UAAU,IAAI,IAAI,IAAI,8BAAC,wBAAc,QAAE,UAAU,CAAkB,CAC9D,CACT,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,CACZ,8BAAC,sBAAY,IACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,GACnE,CACH,CACF,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,iBAAiB,qBA0C5B;AAEF,kBAAe,yBAAiB,CAAC"}
|
|
@@ -35,7 +35,7 @@ const react_1 = __importStar(require("react"));
|
|
|
35
35
|
const CardContext_1 = require("../../contexts/CardContext");
|
|
36
36
|
const LabeledValue_1 = __importDefault(require("../LabeledValue"));
|
|
37
37
|
const material_1 = require("@mui/material");
|
|
38
|
-
const CardFieldDate = ({ dateFormatter = (date) => date.toISODate(),
|
|
38
|
+
const CardFieldDate = ({ dateFormatter = (date) => date.toISODate(), fallback = "—", fallbackPredicate = (date) => !date?.isValid, formName, helperText, isDisabled = false, isEditable = true, isReadable = true, label, size = "grow", sx, value: defaultValue, ...props }) => {
|
|
39
39
|
const { isCompact, isEditing } = (0, CardContext_1.useCardContext)();
|
|
40
40
|
const [value, setValue] = (0, react_1.useState)(() => {
|
|
41
41
|
if (defaultValue instanceof Date) {
|
|
@@ -71,7 +71,7 @@ const CardFieldDate = ({ dateFormatter = (date) => date.toISODate(), label, fall
|
|
|
71
71
|
return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing && isEditable ? (react_1.default.createElement(material_1.Stack, { direction: "column" },
|
|
72
72
|
react_1.default.createElement(x_date_pickers_1.LocalizationProvider, { dateAdapter: AdapterLuxon_1.AdapterLuxon },
|
|
73
73
|
react_1.default.createElement(x_date_pickers_1.DatePicker, { name: formName, defaultValue: value, label: label, disabled: isDisabled, sx: { width: "100%", ...sx }, onChange: handleDateChange, ...props })),
|
|
74
|
-
|
|
74
|
+
helperText != null && react_1.default.createElement(material_1.FormHelperText, { sx: { mb: 1 } }, helperText))) : (isReadable && (react_1.default.createElement(LabeledValue_1.default, { compact: isCompact, label: label, value: fallbackPredicate(value) ? fallback : dateFormatter(value) })))));
|
|
75
75
|
};
|
|
76
76
|
exports.CardFieldDate = CardFieldDate;
|
|
77
77
|
exports.default = exports.CardFieldDate;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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;AAe/C,MAAM,aAAa,GAA+C,CAAC,EACxE,aAAa,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,EAC1C,
|
|
1
|
+
{"version":3,"file":"CardFieldDate.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldDate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,12 +11,12 @@ const Typography_1 = __importDefault(require("@mui/material/Typography"));
|
|
|
11
11
|
const FormHelperText_1 = __importDefault(require("@mui/material/FormHelperText"));
|
|
12
12
|
const shared_1 = require("./shared");
|
|
13
13
|
const Grid2_1 = __importDefault(require("@mui/material/Grid2"));
|
|
14
|
-
const CardFieldImage = ({ label, formName, value: defaultValue, required = false, isDisabled = false, isCompact = false, size = "grow", isReadable = true,
|
|
14
|
+
const CardFieldImage = ({ label, formName, value: defaultValue, required = false, isDisabled = false, isCompact = false, size = "grow", isReadable = true, helperText, }) => {
|
|
15
15
|
const { isEditing } = (0, CardContext_1.useCardContext)();
|
|
16
16
|
return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing ? (react_1.default.createElement(Box_1.default, { sx: (0, shared_1.readFieldCSS)(isCompact) },
|
|
17
17
|
react_1.default.createElement(Typography_1.default, { variant: "subtitle2", sx: { color: "grey.600" } }, label),
|
|
18
18
|
react_1.default.createElement("input", { name: formName, type: "file", accept: "image/*", required: required, disabled: isDisabled }),
|
|
19
|
-
|
|
19
|
+
helperText != null && react_1.default.createElement(FormHelperText_1.default, null, helperText))) : (isReadable && (react_1.default.createElement(Box_1.default, { sx: { ...(0, shared_1.readFieldCSS)(isCompact) } },
|
|
20
20
|
react_1.default.createElement(Typography_1.default, { variant: "subtitle2", sx: { color: "grey.600" } }, label),
|
|
21
21
|
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"))))))));
|
|
22
22
|
};
|
|
@@ -1 +1 @@
|
|
|
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;AAWhC,MAAM,cAAc,GAAgD,CAAC,EAC1E,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,
|
|
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;AAWhC,MAAM,cAAc,GAAgD,CAAC,EAC1E,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,UAAU,GACX,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,UAAU,IAAI,IAAI,IAAI,8BAAC,wBAAc,QAAE,UAAU,CAAkB,CAChE,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;AAhDW,QAAA,cAAc,kBAgDzB;AAEF,kBAAe,sBAAc,CAAC"}
|
|
@@ -10,16 +10,19 @@ const CardContext_1 = require("../../contexts/CardContext");
|
|
|
10
10
|
const LabeledValue_1 = __importDefault(require("../LabeledValue"));
|
|
11
11
|
const Grid2_1 = __importDefault(require("@mui/material/Grid2"));
|
|
12
12
|
const InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
|
|
13
|
-
const
|
|
13
|
+
const material_1 = require("@mui/material");
|
|
14
|
+
const CardFieldNumber = ({ adornment, disabled, fallback = "—", fallbackPredicate = (value) => value == null, formName, helperText, isDisabled = false, isEditable = true, isReadable = true, label, required = false, size = "grow", value: defaultValue, ...props }) => {
|
|
14
15
|
const { isCompact, isEditing } = (0, CardContext_1.useCardContext)();
|
|
15
|
-
return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing && isEditable ? (react_1.default.createElement(
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
16
|
+
return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing && isEditable ? (react_1.default.createElement(material_1.Stack, { direction: "column" },
|
|
17
|
+
react_1.default.createElement(TextField_1.default, { type: "number", name: formName, defaultValue: defaultValue ?? "", label: label, variant: "outlined", required: required, disabled: isDisabled || disabled, inputProps: {
|
|
18
|
+
min: "min" in props ? props.min : undefined,
|
|
19
|
+
max: "max" in props ? props.max : undefined,
|
|
20
|
+
}, fullWidth: true, slotProps: {
|
|
21
|
+
input: {
|
|
22
|
+
endAdornment: react_1.default.createElement(InputAdornment_1.default, { position: "end" }, adornment),
|
|
23
|
+
},
|
|
24
|
+
} }),
|
|
25
|
+
helperText != null && react_1.default.createElement(material_1.FormHelperText, { sx: { mb: 1 } }, helperText))) : (isReadable && (react_1.default.createElement(LabeledValue_1.default, { compact: isCompact, label: label, value: fallbackPredicate(defaultValue) ? fallback : defaultValue })))));
|
|
23
26
|
};
|
|
24
27
|
exports.CardFieldNumber = CardFieldNumber;
|
|
25
28
|
exports.default = exports.CardFieldNumber;
|
|
@@ -1 +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;
|
|
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;AAC1D,4CAAsD;AAY/C,MAAM,eAAe,GAAiD,CAAC,EAC5E,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,GAAG,EACd,iBAAiB,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IAAI,IAAI,EAC5C,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,MAAM,EACb,KAAK,EAAE,YAAY,EACnB,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,gBAAK,IAAC,SAAS,EAAC,QAAQ;QACvB,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;gBACV,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;gBAC3C,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;aAC5C,EACD,SAAS,QACT,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,YAAY,EAAE,8BAAC,wBAAc,IAAC,QAAQ,EAAC,KAAK,IAAE,SAAS,CAAkB;iBAC1E;aACF,GACD;QAED,UAAU,IAAI,IAAI,IAAI,8BAAC,yBAAc,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAG,UAAU,CAAkB,CAC7E,CACT,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,CACZ,8BAAC,sBAAY,IACX,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,GAChE,CACH,CACF,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAvDW,QAAA,eAAe,mBAuD1B;AAEF,kBAAe,uBAAe,CAAC"}
|
|
@@ -35,15 +35,18 @@ const Select_1 = __importDefault(require("@mui/material/Select"));
|
|
|
35
35
|
const react_1 = __importStar(require("react"));
|
|
36
36
|
const CardContext_1 = require("../../contexts/CardContext");
|
|
37
37
|
const LabeledValue_1 = __importDefault(require("../LabeledValue"));
|
|
38
|
-
const
|
|
38
|
+
const material_1 = require("@mui/material");
|
|
39
|
+
const CardFieldSelect = ({ emptyValue, fallback = "—", fallbackPredicate = (value) => value != null && value !== "", formName, helperText, isDisabled = false, isEditable = true, isReadable = true, label, options, required = false, size = "grow", value: defaultValue = undefined, ...props }) => {
|
|
39
40
|
const { isEditing } = (0, CardContext_1.useCardContext)();
|
|
40
41
|
const [value, setValue] = (0, react_1.useState)(defaultValue?.label ?? emptyValue?.label ?? "");
|
|
41
42
|
const handleChange = (0, react_1.useCallback)((event) => {
|
|
42
43
|
setValue(event.target.value);
|
|
43
44
|
}, [setValue]);
|
|
44
|
-
return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing && isEditable ? (react_1.default.createElement(
|
|
45
|
-
react_1.default.createElement(
|
|
46
|
-
|
|
45
|
+
return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing && isEditable ? (react_1.default.createElement(material_1.Stack, { direction: "column" },
|
|
46
|
+
react_1.default.createElement(FormControl_1.default, { fullWidth: true },
|
|
47
|
+
react_1.default.createElement(InputLabel_1.default, null, label),
|
|
48
|
+
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))))),
|
|
49
|
+
helperText != null && react_1.default.createElement(material_1.FormHelperText, { sx: { mb: 1 } }, helperText))) : (isReadable && (react_1.default.createElement(LabeledValue_1.default, { label: label, value: fallbackPredicate(value) ? value : fallback })))));
|
|
47
50
|
};
|
|
48
51
|
exports.CardFieldSelect = CardFieldSelect;
|
|
49
52
|
exports.default = exports.CardFieldSelect;
|
|
@@ -1 +1 @@
|
|
|
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,+CAAqD;AACrD,4DAA4D;AAC5D,mEAA2C;
|
|
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,+CAAqD;AACrD,4DAA4D;AAC5D,mEAA2C;AAE3C,4CAAsD;AAa/C,MAAM,eAAe,GAAiD,CAAC,EAC5E,UAAU,EACV,QAAQ,GAAG,GAAG,EACd,iBAAiB,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE,EACrE,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,KAAK,EACL,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,MAAM,EACb,KAAK,EAAE,YAAY,GAAG,SAAS,EAC/B,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IACvC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,EAAE,KAAK,IAAI,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;IAEnF,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,KAAiC,EAAE,EAAE;QACpC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC;IACzC,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,qBAAW,IAAC,SAAS;YACpB,8BAAC,oBAAU,QAAE,KAAK,CAAc;YAChC,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;QAEb,UAAU,IAAI,IAAI,IAAI,8BAAC,yBAAc,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAG,UAAU,CAAkB,CAC7E,CACT,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,CACZ,8BAAC,sBAAY,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,GAAI,CACnF,CACF,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AA1DW,QAAA,eAAe,mBA0D1B;AAEF,kBAAe,uBAAe,CAAC"}
|
|
@@ -13,14 +13,14 @@ const CardContext_1 = require("../../contexts/CardContext");
|
|
|
13
13
|
const LabeledValue_1 = __importDefault(require("../LabeledValue"));
|
|
14
14
|
const Grid2_1 = __importDefault(require("@mui/material/Grid2"));
|
|
15
15
|
const I18nContext_1 = require("../../contexts/I18nContext");
|
|
16
|
-
const CardFieldSwitch = ({
|
|
16
|
+
const CardFieldSwitch = ({ formName, helperText, isDisabled = false, isEditable = true, isReadable = true, label, offValue, onValue, required = false, size = "grow", value: defaultValue, }) => {
|
|
17
17
|
const { isCompact, isEditing } = (0, CardContext_1.useCardContext)();
|
|
18
18
|
const { t } = (0, I18nContext_1.useI18n)();
|
|
19
19
|
return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing && isEditable ? (react_1.default.createElement(Stack_1.default, { justifyContent: "center", direction: "column", height: "100%" },
|
|
20
20
|
react_1.default.createElement(Stack_1.default, { alignItems: "center", justifyContent: isCompact ? "space-between" : "start", direction: "row" },
|
|
21
21
|
react_1.default.createElement(Typography_1.default, { variant: "subtitle2" }, label),
|
|
22
22
|
react_1.default.createElement(Switch_1.default, { defaultChecked: Boolean(defaultValue), size: isCompact ? "small" : "medium", name: formName, required: required, disabled: isDisabled })),
|
|
23
|
-
|
|
23
|
+
helperText != null && react_1.default.createElement(FormHelperText_1.default, { sx: { mb: 1 } }, helperText))) : (isReadable && (react_1.default.createElement(LabeledValue_1.default, { compact: isCompact, label: label, value: defaultValue ? (onValue ?? t("Yes")) : (offValue ?? t("No")) })))));
|
|
24
24
|
};
|
|
25
25
|
exports.CardFieldSwitch = CardFieldSwitch;
|
|
26
26
|
exports.default = exports.CardFieldSwitch;
|
|
@@ -1 +1 @@
|
|
|
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;AACvC,4DAAqD;AAiB9C,MAAM,eAAe,GAAiD,CAAC,EAC5E,
|
|
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;AACvC,4DAAqD;AAiB9C,MAAM,eAAe,GAAiD,CAAC,EAC5E,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,MAAM,EACb,KAAK,EAAE,YAAY,GACpB,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IAClD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,qBAAO,GAAE,CAAC;IAExB,OAAO,CACL,8BAAC,eAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACzB,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,UAAU,IAAI,IAAI,IAAI,8BAAC,wBAAc,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAG,UAAU,CAAkB,CAC7E,CACT,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,CACZ,8BAAC,sBAAY,IACX,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,GACnE,CACH,CACF,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,eAAe,mBAiD1B;AAEF,kBAAe,uBAAe,CAAC"}
|
|
@@ -4,14 +4,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.CardFieldText = void 0;
|
|
7
|
-
const Grid2_1 = __importDefault(require("@mui/material/Grid2"));
|
|
8
|
-
const TextField_1 = __importDefault(require("@mui/material/TextField"));
|
|
9
7
|
const react_1 = __importDefault(require("react"));
|
|
10
8
|
const CardContext_1 = require("../../contexts/CardContext");
|
|
11
9
|
const LabeledValue_1 = __importDefault(require("../LabeledValue"));
|
|
12
|
-
const
|
|
10
|
+
const material_1 = require("@mui/material");
|
|
11
|
+
const CardFieldText = ({ label, fallback = "—", fallbackPredicate = (value) => typeof value !== "string" || value == null || value === "", formName, value: defaultValue, required = false, isDisabled = false, size = "grow", isReadable = true, isEditable = true, helperText, ...props }) => {
|
|
13
12
|
const { isCompact, isEditing } = (0, CardContext_1.useCardContext)();
|
|
14
|
-
return (react_1.default.createElement(
|
|
13
|
+
return (react_1.default.createElement(material_1.Grid2, { size: size }, isEditing && isEditable ? (react_1.default.createElement(material_1.Stack, { direction: "column" },
|
|
14
|
+
react_1.default.createElement(material_1.TextField, { name: formName, defaultValue: defaultValue ?? "", label: label, variant: "outlined", required: required, disabled: isDisabled, fullWidth: true, ...props }),
|
|
15
|
+
helperText != null && react_1.default.createElement(material_1.FormHelperText, { sx: { mb: 1 } }, helperText))) : (isReadable && (react_1.default.createElement(LabeledValue_1.default, { compact: isCompact, label: label, value: fallbackPredicate(defaultValue) ? fallback : defaultValue })))));
|
|
15
16
|
};
|
|
16
17
|
exports.CardFieldText = CardFieldText;
|
|
17
18
|
exports.default = exports.CardFieldText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardFieldText.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldText.tsx"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"CardFieldText.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldText.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4D;AAC5D,mEAA2C;AAE3C,4CAAgG;AAezF,MAAM,aAAa,GAA+C,CAAC,EACxE,KAAK,EACL,QAAQ,GAAG,GAAG,EACd,iBAAiB,GAAG,CAAC,KAAc,EAAE,EAAE,CACrC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE,EAC5D,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,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IAElD,OAAO,CACL,8BAAC,gBAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACzB,8BAAC,gBAAK,IAAC,SAAS,EAAC,QAAQ;QACvB,8BAAC,oBAAS,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;QAED,UAAU,IAAI,IAAI,IAAI,8BAAC,yBAAc,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAG,UAAU,CAAkB,CAC7E,CACT,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,CACZ,8BAAC,sBAAY,IACX,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,GAChE,CACH,CACF,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,aAAa,iBA6CxB;AAEF,kBAAe,qBAAa,CAAC"}
|
|
@@ -6,7 +6,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.TableHead = void 0;
|
|
7
7
|
const material_1 = require("@mui/material");
|
|
8
8
|
const react_1 = __importDefault(require("react"));
|
|
9
|
-
const TableHead = ({ children }) => (react_1.default.createElement(material_1.TableHead, null,
|
|
9
|
+
const TableHead = ({ children, icon, title }) => (react_1.default.createElement(material_1.TableHead, null,
|
|
10
|
+
title != null && (react_1.default.createElement(material_1.Stack, { direction: "row", p: 2, pb: 0, gap: 1, alignItems: "center", sx: {
|
|
11
|
+
color: "text.primary",
|
|
12
|
+
wordSpacing: "6px",
|
|
13
|
+
"& svg": { height: 20, width: 20 },
|
|
14
|
+
} },
|
|
15
|
+
icon,
|
|
16
|
+
react_1.default.createElement(material_1.Typography, { fontWeight: 500, variant: "body1" }, title))),
|
|
10
17
|
react_1.default.createElement(material_1.TableRow, null, children)));
|
|
11
18
|
exports.TableHead = TableHead;
|
|
12
19
|
exports.default = exports.TableHead;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableHead.js","sourceRoot":"","sources":["../../../../src/components/Table/TableHead.tsx"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"TableHead.js","sourceRoot":"","sources":["../../../../src/components/Table/TableHead.tsx"],"names":[],"mappings":";;;;;;AAAA,4CAAuF;AACvF,kDAAiD;AAO1C,MAAM,SAAS,GAA6B,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAChF,8BAAC,oBAAY;IACV,KAAK,IAAI,IAAI,IAAI,CAChB,8BAAC,gBAAK,IACJ,SAAS,EAAC,KAAK,EACf,CAAC,EAAE,CAAC,EACJ,EAAE,EAAE,CAAC,EACL,GAAG,EAAE,CAAC,EACN,UAAU,EAAC,QAAQ,EACnB,EAAE,EAAE;YACF,KAAK,EAAE,cAAc;YACrB,WAAW,EAAE,KAAK;YAClB,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;SACnC;QAEA,IAAI;QACL,8BAAC,qBAAU,IAAC,UAAU,EAAE,GAAG,EAAE,OAAO,EAAC,OAAO,IACzC,KAAK,CACK,CACP,CACT;IAED,8BAAC,mBAAQ,QAAE,QAAQ,CAAY,CAClB,CAChB,CAAC;AAxBW,QAAA,SAAS,aAwBpB;AAEF,kBAAe,iBAAS,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.TableSummary = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const material_1 = require("@mui/material");
|
|
9
|
+
const TableSummary = ({ cellProps, children, columns, rowProps, }) => (react_1.default.createElement(material_1.TableRow, { ...rowProps, sx: { cursor: "pointer", ...rowProps?.sx } },
|
|
10
|
+
Array.from({ length: columns - 1 }).map((_, index) => (react_1.default.createElement(material_1.TableCell, { key: index }))),
|
|
11
|
+
react_1.default.createElement(material_1.TableCell, { ...cellProps, align: cellProps?.align ?? "right" },
|
|
12
|
+
react_1.default.createElement(material_1.Typography, { variant: "body2", sx: { width: "max-content" } }, children))));
|
|
13
|
+
exports.TableSummary = TableSummary;
|
|
14
|
+
//# sourceMappingURL=TableSummary.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableSummary.js","sourceRoot":"","sources":["../../../../src/components/Table/TableSummary.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4CAA+F;AAQxF,MAAM,YAAY,GAAgC,CAAC,EACxD,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,8BAAC,mBAAQ,OAAK,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,EAAE,EAAE;IAC/D,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACrD,8BAAC,oBAAS,IAAC,GAAG,EAAE,KAAK,GAAI,CAC1B,CAAC;IAEF,8BAAC,oBAAS,OAAK,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO;QAC1D,8BAAC,qBAAU,IAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,IACrD,QAAQ,CACE,CACH,CACH,CACZ,CAAC;AAjBW,QAAA,YAAY,gBAiBvB"}
|
|
@@ -38,6 +38,7 @@ const defaultFilter = () => ({
|
|
|
38
38
|
endDate: luxon_1.DateTime.now(),
|
|
39
39
|
endDateInclusive: luxon_1.DateTime.now().plus({ days: 1 }),
|
|
40
40
|
granularity: "day",
|
|
41
|
+
preset: "custom",
|
|
41
42
|
});
|
|
42
43
|
/**
|
|
43
44
|
* Load the initial filter from session storage.
|
|
@@ -61,6 +62,7 @@ const loadInitialFilter = () => {
|
|
|
61
62
|
endDateInclusive,
|
|
62
63
|
endDate: endDateInclusive.minus({ days: 1 }),
|
|
63
64
|
granularity,
|
|
65
|
+
preset: "custom",
|
|
64
66
|
};
|
|
65
67
|
};
|
|
66
68
|
exports.DashboardFilterContext = react_1.default.createContext(undefined);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardFilterContext.js","sourceRoot":"","sources":["../../../src/contexts/DashboardFilterContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"DashboardFilterContext.js","sourceRoot":"","sources":["../../../src/contexts/DashboardFilterContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,21 +3,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const react_1 = __importDefault(require("react"));
|
|
7
6
|
const material_1 = require("@mui/material");
|
|
8
7
|
const luxon_1 = require("luxon");
|
|
8
|
+
const react_1 = __importDefault(require("react"));
|
|
9
9
|
const DashboardFilterContext_1 = require("../../../contexts/DashboardFilterContext");
|
|
10
|
+
const I18nContext_1 = require("../../../contexts/I18nContext");
|
|
10
11
|
const contrib_1 = require("../types/contrib");
|
|
11
12
|
const DatePicker_1 = __importDefault(require("./DatePicker"));
|
|
12
13
|
const FilterSelect_1 = __importDefault(require("./FilterSelect"));
|
|
13
|
-
const
|
|
14
|
+
const PresetSelect_1 = __importDefault(require("./PresetSelect"));
|
|
14
15
|
const DashboardFilter = () => {
|
|
15
16
|
const { t } = (0, I18nContext_1.useI18n)();
|
|
16
17
|
const { filter, setFilter } = (0, DashboardFilterContext_1.useDashboardFilter)();
|
|
18
|
+
const granularities = [
|
|
19
|
+
{ label: "Day", value: "day", minSelectedDays: 0 },
|
|
20
|
+
{ label: "Week", value: "week", minSelectedDays: 7 },
|
|
21
|
+
{ label: "Month", value: "month", minSelectedDays: 31 },
|
|
22
|
+
{ label: "Quarter", value: "quarter", minSelectedDays: 90 },
|
|
23
|
+
{ label: "Year", value: "year", minSelectedDays: 365 },
|
|
24
|
+
].filter((granularity) => granularity.minSelectedDays <= filter.endDate.diff(filter.startDate, "days").days);
|
|
17
25
|
return (react_1.default.createElement(material_1.Stack, { direction: "row", gap: 1.5, ml: "auto", alignItems: "center" },
|
|
18
26
|
react_1.default.createElement(DatePicker_1.default, { label: "Start date", value: filter.startDate, onChange: (startDate) => {
|
|
19
27
|
if (startDate != null) {
|
|
20
|
-
setFilter({ ...filter, startDate });
|
|
28
|
+
setFilter({ ...filter, preset: "custom", startDate });
|
|
21
29
|
}
|
|
22
30
|
else {
|
|
23
31
|
console.error("Invalid startDate from picker.");
|
|
@@ -25,22 +33,22 @@ const DashboardFilter = () => {
|
|
|
25
33
|
}, maxDate: filter.endDate }),
|
|
26
34
|
react_1.default.createElement(DatePicker_1.default, { label: "End date", value: filter.endDate, onChange: (endDate) => {
|
|
27
35
|
if (endDate != null) {
|
|
28
|
-
setFilter({
|
|
36
|
+
setFilter({
|
|
37
|
+
...filter,
|
|
38
|
+
preset: "custom",
|
|
39
|
+
endDate,
|
|
40
|
+
endDateInclusive: endDate.plus({ days: 1 }),
|
|
41
|
+
});
|
|
29
42
|
}
|
|
30
43
|
else {
|
|
31
44
|
console.error("Invalid endDate from picker.");
|
|
32
45
|
}
|
|
33
46
|
}, minDate: filter.startDate, maxDate: luxon_1.DateTime.now() }),
|
|
34
|
-
react_1.default.createElement(
|
|
35
|
-
|
|
36
|
-
{ label: "Week", value: "week" },
|
|
37
|
-
{ label: "Month", value: "month" },
|
|
38
|
-
{ label: "Quarter", value: "quarter" },
|
|
39
|
-
{ label: "Year", value: "year" },
|
|
40
|
-
], value: filter.granularity, width: 130, onChange: (event) => {
|
|
47
|
+
react_1.default.createElement(PresetSelect_1.default, null),
|
|
48
|
+
react_1.default.createElement(FilterSelect_1.default, { label: t("Granularity"), items: granularities, value: filter.granularity, width: 130, onChange: (event) => {
|
|
41
49
|
const granularity = event.target.value;
|
|
42
50
|
if ((0, contrib_1.isGranularity)(granularity)) {
|
|
43
|
-
setFilter({ ...filter, granularity });
|
|
51
|
+
setFilter({ ...filter, preset: "custom", granularity });
|
|
44
52
|
}
|
|
45
53
|
else {
|
|
46
54
|
console.error("Invalid granularity");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardFilter.js","sourceRoot":"","sources":["../../../../../src/extensions/pos/components/DashboardFilter.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"DashboardFilter.js","sourceRoot":"","sources":["../../../../../src/extensions/pos/components/DashboardFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,7 +22,7 @@ const FilterSelect = ({ label, value, onChange, items, width = 150, }) => {
|
|
|
22
22
|
backgroundColor: theme.palette.background.paper,
|
|
23
23
|
},
|
|
24
24
|
} },
|
|
25
|
-
react_1.default.createElement(InputLabel_1.default,
|
|
25
|
+
react_1.default.createElement(InputLabel_1.default, null, label),
|
|
26
26
|
react_1.default.createElement(Select_1.default, { label: label, value: value, onChange: onChange, MenuProps: {
|
|
27
27
|
sx: {
|
|
28
28
|
top: 8,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterSelect.js","sourceRoot":"","sources":["../../../../../src/extensions/pos/components/FilterSelect.tsx"],"names":[],"mappings":";;;;;AAAA,4EAAoD;AACpD,0EAAkD;AAClD,sEAA8C;AAC9C,kEAAiE;AACjE,iDAAgD;AAChD,kDAA0B;AAU1B,MAAM,YAAY,GAAgC,CAAC,EACjD,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,GAAG,GACZ,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,iBAAQ,GAAE,CAAC;IAEzB,OAAO,CACL,8BAAC,qBAAW,IACV,EAAE,EAAE;YACF,oBAAoB,EAAE;gBACpB,UAAU,EAAE,GAAG;gBACf,QAAQ,EAAE,SAAS;gBACnB,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE,KAAK;gBACZ,YAAY,EAAE,GAAG;gBACjB,EAAE,EAAE,CAAC;gBACL,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;aAChD;SACF;QAED,8BAAC,oBAAU,
|
|
1
|
+
{"version":3,"file":"FilterSelect.js","sourceRoot":"","sources":["../../../../../src/extensions/pos/components/FilterSelect.tsx"],"names":[],"mappings":";;;;;AAAA,4EAAoD;AACpD,0EAAkD;AAClD,sEAA8C;AAC9C,kEAAiE;AACjE,iDAAgD;AAChD,kDAA0B;AAU1B,MAAM,YAAY,GAAgC,CAAC,EACjD,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,GAAG,GACZ,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,iBAAQ,GAAE,CAAC;IAEzB,OAAO,CACL,8BAAC,qBAAW,IACV,EAAE,EAAE;YACF,oBAAoB,EAAE;gBACpB,UAAU,EAAE,GAAG;gBACf,QAAQ,EAAE,SAAS;gBACnB,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE,KAAK;gBACZ,YAAY,EAAE,GAAG;gBACjB,EAAE,EAAE,CAAC;gBACL,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;aAChD;SACF;QAED,8BAAC,oBAAU,QAAE,KAAK,CAAc;QAChC,8BAAC,gBAAM,IACL,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE;gBACT,EAAE,EAAE;oBACF,GAAG,EAAE,CAAC;iBACP;aACF,IAEA,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC/B,8BAAC,kBAAQ,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IAC/B,KAAK,CACG,CACZ,CAAC,CACK,CACG,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|