@webiny/app-aco 6.0.0-rc.7 → 6.1.0-beta.0
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/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilderDrawer.js +1 -2
- package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilderDrawer.js.map +1 -1
- package/components/AdvancedSearch/domain/Filter.d.ts +14 -69
- package/components/AdvancedSearch/domain/Filter.js +1 -2
- package/components/AdvancedSearch/domain/Filter.js.map +1 -1
- package/components/Table/components/Table/Columns/Column.d.ts +3 -3
- package/components/Table/components/Table/Columns/Column.js.map +1 -1
- package/components/Table/components/Table/Columns/ColumnMapper.d.ts +1 -1
- package/components/Table/components/Table/Columns/ColumnMapper.js.map +1 -1
- package/components/Table/components/Table/TableInner.js.map +1 -1
- package/package.json +22 -24
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React, { useEffect, useMemo, useRef } from "react";
|
|
2
2
|
import { observer } from "mobx-react-lite";
|
|
3
3
|
import { Button, Drawer } from "@webiny/admin-ui";
|
|
4
|
-
|
|
5
|
-
import { useHotkeys } from "react-hotkeyz";
|
|
4
|
+
import { useHotkeys } from "@webiny/app-admin";
|
|
6
5
|
import { QueryBuilder } from "./QueryBuilder/index.js";
|
|
7
6
|
import { QueryBuilderDrawerPresenter } from "./QueryBuilderDrawerPresenter.js";
|
|
8
7
|
export const QueryBuilderDrawer = observer(({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useMemo","useRef","observer","Button","Drawer","useHotkeys","QueryBuilder","QueryBuilderDrawerPresenter","QueryBuilderDrawer","filter","props","presenter","load","onChange","data","setFilter","onApply","onValidationError","vm","invalidMessage","onSave","zIndex","disabled","isOpen","keys","esc","onClose","ref","createElement","open","modal","width","title","description","info","onClick","text","variant","actions","Fragment","CancelButton","ConfirmButton","current","submit","headerSeparator","footerSeparator","onForm","form","onSubmit","onDeleteGroup","groupIndex","deleteGroup","onSetFilterFieldData","filterIndex","setFilterFieldData","onDeleteFilterFromGroup","deleteFilterFromGroup","onAddNewFilterToGroup","addNewFilterToGroup","onAddGroup","addGroup","fields"],"sources":["QueryBuilderDrawer.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Button, Drawer } from \"@webiny/admin-ui\";\nimport
|
|
1
|
+
{"version":3,"names":["React","useEffect","useMemo","useRef","observer","Button","Drawer","useHotkeys","QueryBuilder","QueryBuilderDrawerPresenter","QueryBuilderDrawer","filter","props","presenter","load","onChange","data","setFilter","onApply","onValidationError","vm","invalidMessage","onSave","zIndex","disabled","isOpen","keys","esc","onClose","ref","createElement","open","modal","width","title","description","info","onClick","text","variant","actions","Fragment","CancelButton","ConfirmButton","current","submit","headerSeparator","footerSeparator","onForm","form","onSubmit","onDeleteGroup","groupIndex","deleteGroup","onSetFilterFieldData","filterIndex","setFilterFieldData","onDeleteFilterFromGroup","deleteFilterFromGroup","onAddNewFilterToGroup","addNewFilterToGroup","onAddGroup","addGroup","fields"],"sources":["QueryBuilderDrawer.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Button, Drawer } from \"@webiny/admin-ui\";\nimport { useHotkeys } from \"@webiny/app-admin\";\nimport type { FormAPI } from \"@webiny/form\";\nimport { QueryBuilder } from \"./QueryBuilder/index.js\";\n\nimport type { FieldDTOWithElement, FilterDTO } from \"~/components/AdvancedSearch/domain/index.js\";\n\nimport type { QueryBuilderFormData } from \"./QueryBuilderDrawerPresenter.js\";\nimport { QueryBuilderDrawerPresenter } from \"./QueryBuilderDrawerPresenter.js\";\n\ninterface QueryBuilderDrawerProps {\n fields: FieldDTOWithElement[];\n onClose: () => void;\n onSave: (data: FilterDTO) => void;\n onApply: (data: FilterDTO) => void;\n onValidationError: (message: string) => void;\n filter: FilterDTO;\n vm: {\n isOpen: boolean;\n };\n}\n\nexport const QueryBuilderDrawer = observer(({ filter, ...props }: QueryBuilderDrawerProps) => {\n const presenter = useMemo<QueryBuilderDrawerPresenter>(() => {\n return new QueryBuilderDrawerPresenter();\n }, []);\n\n useEffect(() => {\n presenter.load(filter);\n }, [filter]);\n\n const onChange = (data: QueryBuilderFormData) => {\n presenter.setFilter(data);\n };\n\n const onApply = () => {\n presenter.onApply(\n filter => {\n props.onApply(filter);\n },\n () => {\n props.onValidationError(presenter.vm.invalidMessage);\n }\n );\n };\n\n const onSave = () => {\n presenter.onSave(\n filter => {\n props.onSave(filter);\n },\n () => {\n props.onValidationError(presenter.vm.invalidMessage);\n }\n );\n };\n\n useHotkeys({\n zIndex: 55,\n disabled: !props.vm.isOpen,\n keys: {\n esc: props.onClose\n }\n });\n\n const ref = useRef<FormAPI | null>(null);\n\n return (\n <Drawer\n open={props.vm.isOpen}\n onClose={props.onClose}\n modal={true}\n width={1000}\n title={\"Advanced search filter\"}\n description={\"Create a filter to search for specific content.\"}\n info={<Button onClick={onSave} text={\"Save filter\"} variant={\"secondary\"} />}\n actions={\n <>\n <Drawer.CancelButton text={\"Cancel\"} />\n <Drawer.ConfirmButton\n onClick={() => ref.current?.submit()}\n text={\"Apply filter\"}\n />\n </>\n }\n headerSeparator={true}\n footerSeparator={true}\n >\n <QueryBuilder\n onForm={form => (ref.current = form)}\n onSubmit={onApply}\n onChange={data => onChange(data)}\n onDeleteGroup={groupIndex => presenter.deleteGroup(groupIndex)}\n onSetFilterFieldData={(groupIndex, filterIndex, data) =>\n presenter.setFilterFieldData(groupIndex, filterIndex, data)\n }\n onDeleteFilterFromGroup={(groupIndex, filterIndex) =>\n presenter.deleteFilterFromGroup(groupIndex, filterIndex)\n }\n onAddNewFilterToGroup={groupIndex => presenter.addNewFilterToGroup(groupIndex)}\n onAddGroup={() => presenter.addGroup()}\n fields={props.fields}\n vm={presenter.vm}\n />\n </Drawer>\n );\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -22,64 +22,22 @@ export declare const filterValidationSchema: zod.ZodObject<{
|
|
|
22
22
|
id: zod.ZodOptional<zod.ZodNullable<zod.ZodOptional<zod.ZodString>>>;
|
|
23
23
|
name: zod.ZodString;
|
|
24
24
|
description: zod.ZodString;
|
|
25
|
-
operation: zod.ZodEnum<
|
|
25
|
+
operation: zod.ZodEnum<{
|
|
26
|
+
AND: Operation.AND;
|
|
27
|
+
OR: Operation.OR;
|
|
28
|
+
}>;
|
|
26
29
|
groups: zod.ZodArray<zod.ZodObject<{
|
|
27
|
-
operation: zod.ZodEnum<
|
|
30
|
+
operation: zod.ZodEnum<{
|
|
31
|
+
AND: Operation.AND;
|
|
32
|
+
OR: Operation.OR;
|
|
33
|
+
}>;
|
|
28
34
|
filters: zod.ZodArray<zod.ZodObject<{
|
|
29
35
|
field: zod.ZodString;
|
|
30
36
|
condition: zod.ZodString;
|
|
31
|
-
value: zod.ZodUnion<[zod.ZodBoolean, zod.ZodNumber, zod.ZodString, zod.ZodArray<zod.ZodUnion<[zod.ZodBoolean, zod.ZodNumber, zod.ZodString]
|
|
32
|
-
},
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
|
|
36
|
-
}, {
|
|
37
|
-
field: string;
|
|
38
|
-
condition: string;
|
|
39
|
-
value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
|
|
40
|
-
}>, "many">;
|
|
41
|
-
}, "strip", zod.ZodTypeAny, {
|
|
42
|
-
operation: Operation;
|
|
43
|
-
filters: {
|
|
44
|
-
field: string;
|
|
45
|
-
condition: string;
|
|
46
|
-
value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
|
|
47
|
-
}[];
|
|
48
|
-
}, {
|
|
49
|
-
operation: Operation;
|
|
50
|
-
filters: {
|
|
51
|
-
field: string;
|
|
52
|
-
condition: string;
|
|
53
|
-
value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
|
|
54
|
-
}[];
|
|
55
|
-
}>, "many">;
|
|
56
|
-
}, "strip", zod.ZodTypeAny, {
|
|
57
|
-
description: string;
|
|
58
|
-
name: string;
|
|
59
|
-
operation: Operation;
|
|
60
|
-
groups: {
|
|
61
|
-
operation: Operation;
|
|
62
|
-
filters: {
|
|
63
|
-
field: string;
|
|
64
|
-
condition: string;
|
|
65
|
-
value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
|
|
66
|
-
}[];
|
|
67
|
-
}[];
|
|
68
|
-
id?: string | null | undefined;
|
|
69
|
-
}, {
|
|
70
|
-
description: string;
|
|
71
|
-
name: string;
|
|
72
|
-
operation: Operation;
|
|
73
|
-
groups: {
|
|
74
|
-
operation: Operation;
|
|
75
|
-
filters: {
|
|
76
|
-
field: string;
|
|
77
|
-
condition: string;
|
|
78
|
-
value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
|
|
79
|
-
}[];
|
|
80
|
-
}[];
|
|
81
|
-
id?: string | null | undefined;
|
|
82
|
-
}>;
|
|
37
|
+
value: zod.ZodUnion<readonly [zod.ZodBoolean, zod.ZodNumber, zod.ZodString, zod.ZodArray<zod.ZodUnion<readonly [zod.ZodBoolean, zod.ZodNumber, zod.ZodString]>>]>;
|
|
38
|
+
}, zod.core.$strip>>;
|
|
39
|
+
}, zod.core.$strip>>;
|
|
40
|
+
}, zod.core.$strip>;
|
|
83
41
|
export declare class Filter {
|
|
84
42
|
readonly operations: typeof Operation;
|
|
85
43
|
readonly id: string;
|
|
@@ -90,29 +48,16 @@ export declare class Filter {
|
|
|
90
48
|
createdOn?: string;
|
|
91
49
|
static createEmpty(): Filter;
|
|
92
50
|
static create(data: FilterDTO): Filter;
|
|
93
|
-
static validate(data: FilterDTO): zod.
|
|
94
|
-
description: string;
|
|
51
|
+
static validate(data: FilterDTO): zod.ZodSafeParseResult<{
|
|
95
52
|
name: string;
|
|
96
|
-
operation: Operation;
|
|
97
|
-
groups: {
|
|
98
|
-
operation: Operation;
|
|
99
|
-
filters: {
|
|
100
|
-
field: string;
|
|
101
|
-
condition: string;
|
|
102
|
-
value: string | number | boolean | [string | number | boolean, ...(string | number | boolean)[]];
|
|
103
|
-
}[];
|
|
104
|
-
}[];
|
|
105
|
-
id?: string | null | undefined;
|
|
106
|
-
}, {
|
|
107
53
|
description: string;
|
|
108
|
-
name: string;
|
|
109
54
|
operation: Operation;
|
|
110
55
|
groups: {
|
|
111
56
|
operation: Operation;
|
|
112
57
|
filters: {
|
|
113
58
|
field: string;
|
|
114
59
|
condition: string;
|
|
115
|
-
value: string | number | boolean |
|
|
60
|
+
value: string | number | boolean | (string | number | boolean)[];
|
|
116
61
|
}[];
|
|
117
62
|
}[];
|
|
118
63
|
id?: string | null | undefined;
|
|
@@ -5,8 +5,7 @@ const filterGroupFilterValidationSchema = zod.object({
|
|
|
5
5
|
field: zod.string().trim().nonempty("Field is required."),
|
|
6
6
|
condition: zod.string().nonempty("Condition is required."),
|
|
7
7
|
value: zod.union([zod.boolean(), zod.number({
|
|
8
|
-
|
|
9
|
-
invalid_type_error: "Value must be a number."
|
|
8
|
+
error: "Value is required."
|
|
10
9
|
}), zod.string().trim().nonempty("Value is required."), zod.array(zod.union([zod.boolean(), zod.number(), zod.string()])).nonempty("At least one value is required.")])
|
|
11
10
|
});
|
|
12
11
|
const filterGroupValidationSchema = zod.object({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["zod","Operation","operationValidator","enum","AND","OR","filterGroupFilterValidationSchema","object","field","string","trim","nonempty","condition","value","union","boolean","number","
|
|
1
|
+
{"version":3,"names":["zod","Operation","operationValidator","enum","AND","OR","filterGroupFilterValidationSchema","object","field","string","trim","nonempty","condition","value","union","boolean","number","error","array","filterGroupValidationSchema","operation","filters","min","filterValidationSchema","id","optional","nullish","name","description","groups","Filter","operations","createEmpty","FilterGroup","FilterGroupFilter","create","data","validate","safeParse","constructor","createdOn"],"sources":["Filter.ts"],"sourcesContent":["import zod from \"zod\";\nimport { Operation } from \"./Operation.js\";\n\nexport interface FilterGroupFilterDTO {\n field: string;\n condition: string;\n value: string;\n}\n\nexport interface FilterGroupDTO {\n operation: Operation;\n filters: FilterGroupFilterDTO[];\n}\n\nexport interface FilterDTO {\n id: string;\n name: string;\n description?: string;\n operation: Operation;\n groups: FilterGroupDTO[];\n createdOn?: string;\n}\n\nexport type FilterStorage = Omit<FilterDTO, \"createdOn\">;\n\nconst operationValidator = zod.enum([Operation.AND, Operation.OR]);\n\nconst filterGroupFilterValidationSchema = zod.object({\n field: zod.string().trim().nonempty(\"Field is required.\"),\n condition: zod.string().nonempty(\"Condition is required.\"),\n value: zod.union([\n zod.boolean(),\n zod.number({ error: \"Value is required.\" }),\n zod.string().trim().nonempty(\"Value is required.\"),\n zod\n .array(zod.union([zod.boolean(), zod.number(), zod.string()]))\n .nonempty(\"At least one value is required.\")\n ])\n});\n\nconst filterGroupValidationSchema = zod.object({\n operation: operationValidator,\n filters: zod.array(filterGroupFilterValidationSchema).min(1)\n});\n\nexport const filterValidationSchema = zod.object({\n id: zod.string().trim().optional().nullish(),\n name: zod.string().trim().nonempty(\"Name is required.\"),\n description: zod.string().trim(),\n operation: operationValidator,\n groups: zod.array(filterGroupValidationSchema).min(1)\n});\n\nexport class Filter {\n public readonly operations = Operation;\n public readonly id;\n public name;\n public description;\n public operation: Operation;\n public groups: FilterGroup[];\n public createdOn?: string;\n\n static createEmpty() {\n return new Filter({\n operation: Operation.AND,\n groups: [new FilterGroup(Operation.AND, [new FilterGroupFilter()])]\n });\n }\n\n static create(data: FilterDTO) {\n return new Filter(data);\n }\n\n static validate(data: FilterDTO) {\n return filterValidationSchema.safeParse(data);\n }\n\n protected constructor(data: {\n operation: Operation;\n groups: FilterGroup[];\n id?: string;\n name?: string;\n description?: string;\n createdOn?: string;\n }) {\n this.id = data.id ?? \"\";\n this.name = data.name ?? \"Draft filter\";\n this.description = data.description ?? \"\";\n this.operation = data.operation;\n this.groups = data.groups;\n this.createdOn = data.createdOn;\n }\n}\n\nexport class FilterGroup {\n public readonly operation: Operation;\n public readonly filters: FilterGroupFilter[];\n\n constructor(operation: Operation, filters: FilterGroupFilter[]) {\n this.operation = operation;\n this.filters = filters;\n }\n}\n\nexport class FilterGroupFilter {\n public readonly field?: string;\n public readonly condition?: string;\n public readonly value?: string;\n\n constructor(field?: string, condition?: string, value?: string) {\n this.field = field;\n this.condition = condition;\n this.value = value;\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@ import type { ColumnConfig } from "../../../../../config/table/Column.js";
|
|
|
3
3
|
export interface ColumnDTO {
|
|
4
4
|
cell: string | ReactElement;
|
|
5
5
|
className: string;
|
|
6
|
-
header: string | number | JSX.Element;
|
|
6
|
+
header: string | number | React.JSX.Element;
|
|
7
7
|
hideable: boolean;
|
|
8
8
|
name: string;
|
|
9
9
|
path?: string;
|
|
@@ -15,7 +15,7 @@ export interface ColumnDTO {
|
|
|
15
15
|
export declare class Column {
|
|
16
16
|
cell: string | ReactElement;
|
|
17
17
|
className: string;
|
|
18
|
-
header: string | number | JSX.Element;
|
|
18
|
+
header: string | number | React.JSX.Element;
|
|
19
19
|
hideable: boolean;
|
|
20
20
|
name: string;
|
|
21
21
|
path?: string;
|
|
@@ -26,7 +26,7 @@ export declare class Column {
|
|
|
26
26
|
static createFromConfig(config: ColumnConfig): Column;
|
|
27
27
|
protected constructor(data: {
|
|
28
28
|
name: string;
|
|
29
|
-
header: string | number | JSX.Element;
|
|
29
|
+
header: string | number | React.JSX.Element;
|
|
30
30
|
cell: string | ReactElement;
|
|
31
31
|
size?: number;
|
|
32
32
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Column","createFromConfig","config","constructor","data","name","header","cell","size","className","hideable","path","sortable","resizable","visible"],"sources":["Column.ts"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport type { ColumnConfig } from \"~/config/table/Column.js\";\n\nexport interface ColumnDTO {\n cell: string | ReactElement;\n className: string;\n header: string | number | JSX.Element;\n hideable: boolean;\n name: string;\n path?: string;\n resizable: boolean;\n size: number;\n sortable: boolean;\n visible: boolean;\n}\n\nexport class Column {\n public cell: string | ReactElement;\n public className: string;\n public header: string | number | JSX.Element;\n public hideable: boolean;\n public name: string;\n public path?: string;\n public resizable: boolean;\n public size: number;\n public sortable: boolean;\n public visible: boolean;\n\n static createFromConfig(config: ColumnConfig) {\n return new Column(config);\n }\n\n protected constructor(data: {\n name: string;\n header: string | number | JSX.Element;\n cell: string | ReactElement;\n size?: number;\n className?: string;\n hideable?: boolean;\n path?: string;\n sortable?: boolean;\n resizable?: boolean;\n visible?: boolean;\n }) {\n this.name = data.name;\n this.header = data.header;\n this.cell = data.cell;\n this.size = data.size || 100;\n this.className = data.className || \"\";\n this.hideable = data.hideable ?? true;\n this.path = data.path || \"\";\n this.sortable = data.sortable ?? false;\n this.resizable = data.resizable ?? true;\n this.visible = data.visible ?? true;\n }\n}\n"],"mappings":"AAgBA,OAAO,MAAMA,MAAM,CAAC;EAYhB,OAAOC,gBAAgBA,CAACC,MAAoB,EAAE;IAC1C,OAAO,IAAIF,MAAM,CAACE,MAAM,CAAC;EAC7B;EAEUC,WAAWA,CAACC,IAWrB,EAAE;IACC,IAAI,CAACC,IAAI,GAAGD,IAAI,CAACC,IAAI;IACrB,IAAI,CAACC,MAAM,GAAGF,IAAI,CAACE,MAAM;IACzB,IAAI,CAACC,IAAI,GAAGH,IAAI,CAACG,IAAI;IACrB,IAAI,CAACC,IAAI,GAAGJ,IAAI,CAACI,IAAI,IAAI,GAAG;IAC5B,IAAI,CAACC,SAAS,GAAGL,IAAI,CAACK,SAAS,IAAI,EAAE;IACrC,IAAI,CAACC,QAAQ,GAAGN,IAAI,CAACM,QAAQ,IAAI,IAAI;IACrC,IAAI,CAACC,IAAI,GAAGP,IAAI,CAACO,IAAI,IAAI,EAAE;IAC3B,IAAI,CAACC,QAAQ,GAAGR,IAAI,CAACQ,QAAQ,IAAI,KAAK;IACtC,IAAI,CAACC,SAAS,GAAGT,IAAI,CAACS,SAAS,IAAI,IAAI;IACvC,IAAI,CAACC,OAAO,GAAGV,IAAI,CAACU,OAAO,IAAI,IAAI;EACvC;AACJ","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["Column","createFromConfig","config","constructor","data","name","header","cell","size","className","hideable","path","sortable","resizable","visible"],"sources":["Column.ts"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport type { ColumnConfig } from \"~/config/table/Column.js\";\n\nexport interface ColumnDTO {\n cell: string | ReactElement;\n className: string;\n header: string | number | React.JSX.Element;\n hideable: boolean;\n name: string;\n path?: string;\n resizable: boolean;\n size: number;\n sortable: boolean;\n visible: boolean;\n}\n\nexport class Column {\n public cell: string | ReactElement;\n public className: string;\n public header: string | number | React.JSX.Element;\n public hideable: boolean;\n public name: string;\n public path?: string;\n public resizable: boolean;\n public size: number;\n public sortable: boolean;\n public visible: boolean;\n\n static createFromConfig(config: ColumnConfig) {\n return new Column(config);\n }\n\n protected constructor(data: {\n name: string;\n header: string | number | React.JSX.Element;\n cell: string | ReactElement;\n size?: number;\n className?: string;\n hideable?: boolean;\n path?: string;\n sortable?: boolean;\n resizable?: boolean;\n visible?: boolean;\n }) {\n this.name = data.name;\n this.header = data.header;\n this.cell = data.cell;\n this.size = data.size || 100;\n this.className = data.className || \"\";\n this.hideable = data.hideable ?? true;\n this.path = data.path || \"\";\n this.sortable = data.sortable ?? false;\n this.resizable = data.resizable ?? true;\n this.visible = data.visible ?? true;\n }\n}\n"],"mappings":"AAgBA,OAAO,MAAMA,MAAM,CAAC;EAYhB,OAAOC,gBAAgBA,CAACC,MAAoB,EAAE;IAC1C,OAAO,IAAIF,MAAM,CAACE,MAAM,CAAC;EAC7B;EAEUC,WAAWA,CAACC,IAWrB,EAAE;IACC,IAAI,CAACC,IAAI,GAAGD,IAAI,CAACC,IAAI;IACrB,IAAI,CAACC,MAAM,GAAGF,IAAI,CAACE,MAAM;IACzB,IAAI,CAACC,IAAI,GAAGH,IAAI,CAACG,IAAI;IACrB,IAAI,CAACC,IAAI,GAAGJ,IAAI,CAACI,IAAI,IAAI,GAAG;IAC5B,IAAI,CAACC,SAAS,GAAGL,IAAI,CAACK,SAAS,IAAI,EAAE;IACrC,IAAI,CAACC,QAAQ,GAAGN,IAAI,CAACM,QAAQ,IAAI,IAAI;IACrC,IAAI,CAACC,IAAI,GAAGP,IAAI,CAACO,IAAI,IAAI,EAAE;IAC3B,IAAI,CAACC,QAAQ,GAAGR,IAAI,CAACQ,QAAQ,IAAI,KAAK;IACtC,IAAI,CAACC,SAAS,GAAGT,IAAI,CAACS,SAAS,IAAI,IAAI;IACvC,IAAI,CAACC,OAAO,GAAGV,IAAI,CAACU,OAAO,IAAI,IAAI;EACvC;AACJ","ignoreList":[]}
|
|
@@ -3,5 +3,5 @@ import type { DataTableColumn } from "@webiny/admin-ui";
|
|
|
3
3
|
import type { Column, ColumnDTO } from "./Column.js";
|
|
4
4
|
export declare class ColumnMapper {
|
|
5
5
|
static toDTO(column: Column | ColumnDTO): ColumnDTO;
|
|
6
|
-
static toDataTable<T>(column: ColumnDTO, cellRenderer: (row: T, cell: string | React.ReactElement) => string | number | JSX.Element | null): DataTableColumn<T>;
|
|
6
|
+
static toDataTable<T>(column: ColumnDTO, cellRenderer: (row: T, cell: string | React.ReactElement) => string | number | React.JSX.Element | null): DataTableColumn<T>;
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ColumnMapper","toDTO","column","cell","className","header","hideable","name","path","resizable","size","sortable","visible","toDataTable","cellRenderer","accessorKey","undefined","enableHiding","enableResizing","enableSorting","row"],"sources":["ColumnMapper.ts"],"sourcesContent":["import type React from \"react\";\nimport type { DataTableColumn } from \"@webiny/admin-ui\";\nimport type { Column, ColumnDTO } from \"./Column.js\";\n\nexport class ColumnMapper {\n static toDTO(column: Column | ColumnDTO): ColumnDTO {\n return {\n cell: column.cell,\n className: column.className,\n header: column.header,\n hideable: column.hideable,\n name: column.name,\n path: column.path,\n resizable: column.resizable,\n size: column.size,\n sortable: column.sortable,\n visible: column.visible\n };\n }\n\n static toDataTable<T>(\n column: ColumnDTO,\n cellRenderer: (\n row: T,\n cell: string | React.ReactElement\n ) => string | number | JSX.Element | null\n ): DataTableColumn<T> {\n // Prefix path with \"data.\" if provided.\n const accessorKey = column.path ? `data.${column.path}` : undefined;\n\n return {\n accessorKey,\n header: column.header,\n className: column.className,\n size: column.size,\n enableHiding: column.hideable,\n enableResizing: column.resizable,\n enableSorting: column.sortable,\n cell: column.cell ? (row: T) => cellRenderer(row, column.cell) : undefined\n };\n }\n}\n"],"mappings":"AAIA,OAAO,MAAMA,YAAY,CAAC;EACtB,OAAOC,KAAKA,CAACC,MAA0B,EAAa;IAChD,OAAO;MACHC,IAAI,EAAED,MAAM,CAACC,IAAI;MACjBC,SAAS,EAAEF,MAAM,CAACE,SAAS;MAC3BC,MAAM,EAAEH,MAAM,CAACG,MAAM;MACrBC,QAAQ,EAAEJ,MAAM,CAACI,QAAQ;MACzBC,IAAI,EAAEL,MAAM,CAACK,IAAI;MACjBC,IAAI,EAAEN,MAAM,CAACM,IAAI;MACjBC,SAAS,EAAEP,MAAM,CAACO,SAAS;MAC3BC,IAAI,EAAER,MAAM,CAACQ,IAAI;MACjBC,QAAQ,EAAET,MAAM,CAACS,QAAQ;MACzBC,OAAO,EAAEV,MAAM,CAACU;IACpB,CAAC;EACL;EAEA,OAAOC,WAAWA,CACdX,MAAiB,EACjBY,
|
|
1
|
+
{"version":3,"names":["ColumnMapper","toDTO","column","cell","className","header","hideable","name","path","resizable","size","sortable","visible","toDataTable","cellRenderer","accessorKey","undefined","enableHiding","enableResizing","enableSorting","row"],"sources":["ColumnMapper.ts"],"sourcesContent":["import type React from \"react\";\nimport type { DataTableColumn } from \"@webiny/admin-ui\";\nimport type { Column, ColumnDTO } from \"./Column.js\";\n\nexport class ColumnMapper {\n static toDTO(column: Column | ColumnDTO): ColumnDTO {\n return {\n cell: column.cell,\n className: column.className,\n header: column.header,\n hideable: column.hideable,\n name: column.name,\n path: column.path,\n resizable: column.resizable,\n size: column.size,\n sortable: column.sortable,\n visible: column.visible\n };\n }\n\n static toDataTable<T>(\n column: ColumnDTO,\n cellRenderer: (\n row: T,\n cell: string | React.ReactElement\n ) => string | number | React.JSX.Element | null\n ): DataTableColumn<T> {\n // Prefix path with \"data.\" if provided.\n const accessorKey = column.path ? `data.${column.path}` : undefined;\n\n return {\n accessorKey,\n header: column.header,\n className: column.className,\n size: column.size,\n enableHiding: column.hideable,\n enableResizing: column.resizable,\n enableSorting: column.sortable,\n cell: column.cell ? (row: T) => cellRenderer(row, column.cell) : undefined\n };\n }\n}\n"],"mappings":"AAIA,OAAO,MAAMA,YAAY,CAAC;EACtB,OAAOC,KAAKA,CAACC,MAA0B,EAAa;IAChD,OAAO;MACHC,IAAI,EAAED,MAAM,CAACC,IAAI;MACjBC,SAAS,EAAEF,MAAM,CAACE,SAAS;MAC3BC,MAAM,EAAEH,MAAM,CAACG,MAAM;MACrBC,QAAQ,EAAEJ,MAAM,CAACI,QAAQ;MACzBC,IAAI,EAAEL,MAAM,CAACK,IAAI;MACjBC,IAAI,EAAEN,MAAM,CAACM,IAAI;MACjBC,SAAS,EAAEP,MAAM,CAACO,SAAS;MAC3BC,IAAI,EAAER,MAAM,CAACQ,IAAI;MACjBC,QAAQ,EAAET,MAAM,CAACS,QAAQ;MACzBC,OAAO,EAAEV,MAAM,CAACU;IACpB,CAAC;EACL;EAEA,OAAOC,WAAWA,CACdX,MAAiB,EACjBY,YAG+C,EAC7B;IAClB;IACA,MAAMC,WAAW,GAAGb,MAAM,CAACM,IAAI,GAAG,QAAQN,MAAM,CAACM,IAAI,EAAE,GAAGQ,SAAS;IAEnE,OAAO;MACHD,WAAW;MACXV,MAAM,EAAEH,MAAM,CAACG,MAAM;MACrBD,SAAS,EAAEF,MAAM,CAACE,SAAS;MAC3BM,IAAI,EAAER,MAAM,CAACQ,IAAI;MACjBO,YAAY,EAAEf,MAAM,CAACI,QAAQ;MAC7BY,cAAc,EAAEhB,MAAM,CAACO,SAAS;MAChCU,aAAa,EAAEjB,MAAM,CAACS,QAAQ;MAC9BR,IAAI,EAAED,MAAM,CAACC,IAAI,GAAIiB,GAAM,IAAKN,YAAY,CAACM,GAAG,EAAElB,MAAM,CAACC,IAAI,CAAC,GAAGa;IACrE,CAAC;EACL;AACJ","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useMemo","observer","DataTable","ColumnMapper","TableRowProvider","TableInner","props","cellRenderer","row","cell","createElement","columns","columnsPresenter","vm","reduce","result","column","nameColumnId","name","defaultName","toDataTable","columnVisibility","columnsVisibilityPresenter","columnsVisibility","onColumnVisibilityChange","columnsVisibilityUpdater","update","data","initialSorting","tablePresenter","isRowSelectable","original","$selectable","loading","onSelectRow","onSortingChange","onToggleRow","selectedRows","filter","selected","find","item","id","sorting","stickyHeader"],"sources":["TableInner.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport type { OnDataTableSortingChange } from \"@webiny/admin-ui\";\nimport {\n DataTable,\n type DataTableColumns,\n type DataTableDefaultData,\n type DataTableSorting\n} from \"@webiny/admin-ui\";\nimport type { ColumnsPresenter } from \"./Columns/index.js\";\nimport { ColumnMapper } from \"./Columns/index.js\";\nimport type {\n ColumnsVisibilityPresenter,\n ColumnsVisibilityUpdater\n} from \"./ColumnVisibility/index.js\";\nimport type { TablePresenter } from \"./TablePresenter.js\";\nimport { TableRowProvider } from \"~/components/index.js\";\nimport type { TableRow } from \"~/types.js\";\n\nexport interface TableInnerProps<T extends TableRow> {\n columnsPresenter: ColumnsPresenter;\n columnsVisibilityPresenter: ColumnsVisibilityPresenter;\n columnsVisibilityUpdater: ColumnsVisibilityUpdater;\n data: T[];\n loading?: boolean;\n nameColumnId?: string;\n onSelectRow?: (rows: T[] | []) => void;\n onSortingChange: OnDataTableSortingChange;\n onToggleRow?: (row: T) => void;\n selected: DataTableDefaultData[];\n sorting: DataTableSorting;\n tablePresenter: TablePresenter;\n}\n\nexport const TableInner = observer(<T extends TableRow>(props: TableInnerProps<T>) => {\n const cellRenderer = useCallback(\n (row: T, cell: string | React.ReactElement): string | number | JSX.Element | null => {\n if (typeof cell === \"string\") {\n return cell;\n }\n\n return <TableRowProvider row={row}>{cell}</TableRowProvider>;\n },\n []\n );\n\n const columns = useMemo(() => {\n return props.columnsPresenter.vm.columns.reduce((result, column) => {\n const { nameColumnId = \"name\" } = props;\n const { name: defaultName } = column;\n\n // Determine the column name, using the provided `nameColumnId` if the default is 'name'\n const name = defaultName === \"name\" ? nameColumnId : defaultName;\n\n result[name as keyof DataTableColumns<T>] = ColumnMapper.toDataTable(\n column,\n cellRenderer\n );\n\n return result;\n }, {} as DataTableColumns<T>);\n }, [props.columnsPresenter.vm.columns]);\n\n return (\n <DataTable\n columns={columns}\n columnVisibility={props.columnsVisibilityPresenter.vm.columnsVisibility}\n onColumnVisibilityChange={props.columnsVisibilityUpdater.update}\n data={props.data}\n initialSorting={props.tablePresenter.vm.initialSorting}\n isRowSelectable={row => row.original.$selectable ?? false}\n loading={props.loading}\n onSelectRow={props.onSelectRow}\n onSortingChange={props.onSortingChange}\n onToggleRow={props.onToggleRow}\n selectedRows={props.data.filter(row => props.selected.find(item => row.id === item.id))}\n sorting={props.sorting}\n stickyHeader={true}\n />\n );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,SACIC,SAAS,QAIN,kBAAkB;AAEzB,SAASC,YAAY;AAMrB,SAASC,gBAAgB;AAkBzB,OAAO,MAAMC,UAAU,GAAGJ,QAAQ,CAAsBK,KAAyB,IAAK;EAClF,MAAMC,YAAY,GAAGR,WAAW,CAC5B,CAACS,GAAM,EAAEC,IAAiC,
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","observer","DataTable","ColumnMapper","TableRowProvider","TableInner","props","cellRenderer","row","cell","createElement","columns","columnsPresenter","vm","reduce","result","column","nameColumnId","name","defaultName","toDataTable","columnVisibility","columnsVisibilityPresenter","columnsVisibility","onColumnVisibilityChange","columnsVisibilityUpdater","update","data","initialSorting","tablePresenter","isRowSelectable","original","$selectable","loading","onSelectRow","onSortingChange","onToggleRow","selectedRows","filter","selected","find","item","id","sorting","stickyHeader"],"sources":["TableInner.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport type { OnDataTableSortingChange } from \"@webiny/admin-ui\";\nimport {\n DataTable,\n type DataTableColumns,\n type DataTableDefaultData,\n type DataTableSorting\n} from \"@webiny/admin-ui\";\nimport type { ColumnsPresenter } from \"./Columns/index.js\";\nimport { ColumnMapper } from \"./Columns/index.js\";\nimport type {\n ColumnsVisibilityPresenter,\n ColumnsVisibilityUpdater\n} from \"./ColumnVisibility/index.js\";\nimport type { TablePresenter } from \"./TablePresenter.js\";\nimport { TableRowProvider } from \"~/components/index.js\";\nimport type { TableRow } from \"~/types.js\";\n\nexport interface TableInnerProps<T extends TableRow> {\n columnsPresenter: ColumnsPresenter;\n columnsVisibilityPresenter: ColumnsVisibilityPresenter;\n columnsVisibilityUpdater: ColumnsVisibilityUpdater;\n data: T[];\n loading?: boolean;\n nameColumnId?: string;\n onSelectRow?: (rows: T[] | []) => void;\n onSortingChange: OnDataTableSortingChange;\n onToggleRow?: (row: T) => void;\n selected: DataTableDefaultData[];\n sorting: DataTableSorting;\n tablePresenter: TablePresenter;\n}\n\nexport const TableInner = observer(<T extends TableRow>(props: TableInnerProps<T>) => {\n const cellRenderer = useCallback(\n (row: T, cell: string | React.ReactElement): string | number | React.JSX.Element | null => {\n if (typeof cell === \"string\") {\n return cell;\n }\n\n return <TableRowProvider row={row}>{cell}</TableRowProvider>;\n },\n []\n );\n\n const columns = useMemo(() => {\n return props.columnsPresenter.vm.columns.reduce((result, column) => {\n const { nameColumnId = \"name\" } = props;\n const { name: defaultName } = column;\n\n // Determine the column name, using the provided `nameColumnId` if the default is 'name'\n const name = defaultName === \"name\" ? nameColumnId : defaultName;\n\n result[name as keyof DataTableColumns<T>] = ColumnMapper.toDataTable(\n column,\n cellRenderer\n );\n\n return result;\n }, {} as DataTableColumns<T>);\n }, [props.columnsPresenter.vm.columns]);\n\n return (\n <DataTable\n columns={columns}\n columnVisibility={props.columnsVisibilityPresenter.vm.columnsVisibility}\n onColumnVisibilityChange={props.columnsVisibilityUpdater.update}\n data={props.data}\n initialSorting={props.tablePresenter.vm.initialSorting}\n isRowSelectable={row => row.original.$selectable ?? false}\n loading={props.loading}\n onSelectRow={props.onSelectRow}\n onSortingChange={props.onSortingChange}\n onToggleRow={props.onToggleRow}\n selectedRows={props.data.filter(row => props.selected.find(item => row.id === item.id))}\n sorting={props.sorting}\n stickyHeader={true}\n />\n );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,SACIC,SAAS,QAIN,kBAAkB;AAEzB,SAASC,YAAY;AAMrB,SAASC,gBAAgB;AAkBzB,OAAO,MAAMC,UAAU,GAAGJ,QAAQ,CAAsBK,KAAyB,IAAK;EAClF,MAAMC,YAAY,GAAGR,WAAW,CAC5B,CAACS,GAAM,EAAEC,IAAiC,KAAiD;IACvF,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;MAC1B,OAAOA,IAAI;IACf;IAEA,oBAAOX,KAAA,CAAAY,aAAA,CAACN,gBAAgB;MAACI,GAAG,EAAEA;IAAI,GAAEC,IAAuB,CAAC;EAChE,CAAC,EACD,EACJ,CAAC;EAED,MAAME,OAAO,GAAGX,OAAO,CAAC,MAAM;IAC1B,OAAOM,KAAK,CAACM,gBAAgB,CAACC,EAAE,CAACF,OAAO,CAACG,MAAM,CAAC,CAACC,MAAM,EAAEC,MAAM,KAAK;MAChE,MAAM;QAAEC,YAAY,GAAG;MAAO,CAAC,GAAGX,KAAK;MACvC,MAAM;QAAEY,IAAI,EAAEC;MAAY,CAAC,GAAGH,MAAM;;MAEpC;MACA,MAAME,IAAI,GAAGC,WAAW,KAAK,MAAM,GAAGF,YAAY,GAAGE,WAAW;MAEhEJ,MAAM,CAACG,IAAI,CAA8B,GAAGf,YAAY,CAACiB,WAAW,CAChEJ,MAAM,EACNT,YACJ,CAAC;MAED,OAAOQ,MAAM;IACjB,CAAC,EAAE,CAAC,CAAwB,CAAC;EACjC,CAAC,EAAE,CAACT,KAAK,CAACM,gBAAgB,CAACC,EAAE,CAACF,OAAO,CAAC,CAAC;EAEvC,oBACIb,KAAA,CAAAY,aAAA,CAACR,SAAS;IACNS,OAAO,EAAEA,OAAQ;IACjBU,gBAAgB,EAAEf,KAAK,CAACgB,0BAA0B,CAACT,EAAE,CAACU,iBAAkB;IACxEC,wBAAwB,EAAElB,KAAK,CAACmB,wBAAwB,CAACC,MAAO;IAChEC,IAAI,EAAErB,KAAK,CAACqB,IAAK;IACjBC,cAAc,EAAEtB,KAAK,CAACuB,cAAc,CAAChB,EAAE,CAACe,cAAe;IACvDE,eAAe,EAAEtB,GAAG,IAAIA,GAAG,CAACuB,QAAQ,CAACC,WAAW,IAAI,KAAM;IAC1DC,OAAO,EAAE3B,KAAK,CAAC2B,OAAQ;IACvBC,WAAW,EAAE5B,KAAK,CAAC4B,WAAY;IAC/BC,eAAe,EAAE7B,KAAK,CAAC6B,eAAgB;IACvCC,WAAW,EAAE9B,KAAK,CAAC8B,WAAY;IAC/BC,YAAY,EAAE/B,KAAK,CAACqB,IAAI,CAACW,MAAM,CAAC9B,GAAG,IAAIF,KAAK,CAACiC,QAAQ,CAACC,IAAI,CAACC,IAAI,IAAIjC,GAAG,CAACkC,EAAE,KAAKD,IAAI,CAACC,EAAE,CAAC,CAAE;IACxFC,OAAO,EAAErC,KAAK,CAACqC,OAAQ;IACvBC,YAAY,EAAE;EAAK,CACtB,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webiny/app-aco",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.1.0-beta.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"repository": {
|
|
@@ -13,46 +13,44 @@
|
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"dependencies": {
|
|
15
15
|
"@apollo/react-hooks": "3.1.5",
|
|
16
|
-
"@webiny/admin-ui": "6.
|
|
17
|
-
"@webiny/app": "6.
|
|
18
|
-
"@webiny/app-admin": "6.
|
|
19
|
-
"@webiny/app-headless-cms-common": "6.
|
|
20
|
-
"@webiny/app-utils": "6.
|
|
21
|
-
"@webiny/feature": "6.
|
|
22
|
-
"@webiny/form": "6.
|
|
23
|
-
"@webiny/icons": "6.
|
|
24
|
-
"@webiny/plugins": "6.
|
|
25
|
-
"@webiny/react-properties": "6.
|
|
26
|
-
"@webiny/shared-aco": "6.
|
|
27
|
-
"@webiny/utils": "6.
|
|
28
|
-
"@webiny/validation": "6.
|
|
16
|
+
"@webiny/admin-ui": "6.1.0-beta.0",
|
|
17
|
+
"@webiny/app": "6.1.0-beta.0",
|
|
18
|
+
"@webiny/app-admin": "6.1.0-beta.0",
|
|
19
|
+
"@webiny/app-headless-cms-common": "6.1.0-beta.0",
|
|
20
|
+
"@webiny/app-utils": "6.1.0-beta.0",
|
|
21
|
+
"@webiny/feature": "6.1.0-beta.0",
|
|
22
|
+
"@webiny/form": "6.1.0-beta.0",
|
|
23
|
+
"@webiny/icons": "6.1.0-beta.0",
|
|
24
|
+
"@webiny/plugins": "6.1.0-beta.0",
|
|
25
|
+
"@webiny/react-properties": "6.1.0-beta.0",
|
|
26
|
+
"@webiny/shared-aco": "6.1.0-beta.0",
|
|
27
|
+
"@webiny/utils": "6.1.0-beta.0",
|
|
28
|
+
"@webiny/validation": "6.1.0-beta.0",
|
|
29
29
|
"dot-prop-immutable": "2.1.1",
|
|
30
|
-
"graphql": "16.13.
|
|
30
|
+
"graphql": "16.13.2",
|
|
31
31
|
"graphql-tag": "2.12.6",
|
|
32
32
|
"lodash": "4.17.23",
|
|
33
33
|
"mobx": "6.15.0",
|
|
34
|
-
"mobx-react-lite": "
|
|
34
|
+
"mobx-react-lite": "4.1.1",
|
|
35
35
|
"react": "18.2.0",
|
|
36
36
|
"react-dom": "18.2.0",
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"zod": "3.25.76"
|
|
37
|
+
"slugify": "1.6.8",
|
|
38
|
+
"zod": "4.3.6"
|
|
40
39
|
},
|
|
41
40
|
"devDependencies": {
|
|
42
41
|
"@types/react": "18.2.79",
|
|
43
|
-
"@webiny/build-tools": "6.
|
|
42
|
+
"@webiny/build-tools": "6.1.0-beta.0",
|
|
44
43
|
"@webiny/di": "0.2.3",
|
|
45
|
-
"@webiny/wcp": "6.
|
|
44
|
+
"@webiny/wcp": "6.1.0-beta.0",
|
|
46
45
|
"apollo-client": "2.6.10",
|
|
47
46
|
"apollo-link": "1.2.14",
|
|
48
47
|
"rimraf": "6.1.3",
|
|
49
48
|
"typescript": "5.9.3",
|
|
50
|
-
"
|
|
51
|
-
"vitest": "4.0.18"
|
|
49
|
+
"vitest": "4.1.2"
|
|
52
50
|
},
|
|
53
51
|
"publishConfig": {
|
|
54
52
|
"access": "public",
|
|
55
53
|
"directory": "dist"
|
|
56
54
|
},
|
|
57
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "a3bd3695c66c79238e380d7360d9731b5fcf9c87"
|
|
58
56
|
}
|