@webiny/app-admin 6.4.11 → 6.6.0-alpha.1

package/base/Base/FieldRenderers/TextInputsRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"base/Base/FieldRenderers/TextInputsRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/TextInputsRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport {\n    Button,\n    DelayedOnChange,\n    FormComponentDescription,\n    Icon,\n    Input,\n    Separator\n} from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        textInputs: { fieldType: \"text\"; settings?: { addItemLabel?: string } };\n    }\n}\n\nexport const TextInputsRenderer = createFieldRenderer<\"textInputs\">(({ field }) => {\n    const values = (field.value as string[]) ?? [];\n\n    const updateAt = (index: number, val: string) => {\n        const next = [...values];\n        next[index] = val;\n        field.onChange(next);\n    };\n\n    return (\n        <div className={\"flex flex-col gap-sm\"}>\n            <Separator labelPosition={\"start\"} variant={\"accent\"}>\n                <span className={\"text-accent-primary text-lg font-semibold\"}>\n                    {`${field.label ?? \"\"} ${values.length ? `(${values.length})` : \"\"}`}\n                </span>\n            </Separator>\n            {field.description && <FormComponentDescription text={field.description} />}\n            {values.map((val, index) => (\n                <DelayedOnChange\n                    key={index}\n                    value={val}\n                    onChange={value => updateAt(index, value as string)}\n                >\n                    <Input\n                        disabled={field.disabled}\n                        label={`Value ${index + 1}`}\n                        placeholder={field.placeholder}\n                        onEnter={() => field.addItem(\"\")}\n                        endIcon={\n                            <Icon\n                                icon={<DeleteIcon />}\n                                label={\"Delete\"}\n                                onClick={() => field.removeItem(index)}\n                                className={\"cursor-pointer\"}\n                            />\n                        }\n                    />\n                </DelayedOnChange>\n            ))}\n            <Button\n                disabled={field.disabled}\n                variant={\"tertiary\"}\n                icon={<AddIcon />}\n                text={field.rendererSettings?.addItemLabel ?? \"Add Value\"}\n                onClick={() => field.addItem(\"\")}\n            />\n        </div>\n    );\n});\n"],"names":["TextInputsRenderer","createFieldRenderer","field","values","updateAt","index","val","next","Separator","FormComponentDescription","DelayedOnChange","value","Input","Icon","DeleteIcon","Button","AddIcon"],"mappings":";;;;;AAmBO,MAAMA,qBAAqBC,oBAAkC,CAAC,EAAEC,KAAK,EAAE;IAC1E,MAAMC,SAAUD,MAAM,KAAK,IAAiB,EAAE;IAE9C,MAAME,WAAW,CAACC,OAAeC;QAC7B,MAAMC,OAAO;eAAIJ;SAAO;QACxBI,IAAI,CAACF,MAAM,GAAGC;QACdJ,MAAM,QAAQ,CAACK;IACnB;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,WAASA;QAAC,eAAe;QAAS,SAAS;qBACxC,oBAAC;QAAK,WAAW;OACZ,GAAGN,MAAM,KAAK,IAAI,GAAG,CAAC,EAAEC,OAAO,MAAM,GAAG,CAAC,CAAC,EAAEA,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,IAG3ED,MAAM,WAAW,IAAI,WAAJ,GAAI,oBAACO,0BAAwBA;QAAC,MAAMP,MAAM,WAAW;QACtEC,OAAO,GAAG,CAAC,CAACG,KAAKD,QAAAA,WAAAA,GACd,oBAACK,iBAAeA;YACZ,KAAKL;YACL,OAAOC;YACP,UAAUK,CAAAA,QAASP,SAASC,OAAOM;yBAEnC,oBAACC,OAAKA;YACF,UAAUV,MAAM,QAAQ;YACxB,OAAO,CAAC,MAAM,EAAEG,QAAQ,GAAG;YAC3B,aAAaH,MAAM,WAAW;YAC9B,SAAS,IAAMA,MAAM,OAAO,CAAC;YAC7B,uBACI,oBAACW,MAAIA;gBACD,oBAAM,oBAACC,gBAAUA;gBACjB,OAAO;gBACP,SAAS,IAAMZ,MAAM,UAAU,CAACG;gBAChC,WAAW;;4BAM/B,oBAACU,QAAMA;QACH,UAAUb,MAAM,QAAQ;QACxB,SAAS;QACT,oBAAM,oBAACc,wBAAOA;QACd,MAAMd,MAAM,gBAAgB,EAAE,gBAAgB;QAC9C,SAAS,IAAMA,MAAM,OAAO,CAAC;;AAI7C"}
+{"version":3,"file":"base/Base/FieldRenderers/TextInputsRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/TextInputsRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport {\n    Button,\n    DelayedOnChange,\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    IconButton,\n    Input,\n    Separator\n} from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        textInputs: { fieldType: \"text\"; settings?: { addItemLabel?: string } };\n    }\n}\n\nexport const TextInputsRenderer = createFieldRenderer<\"textInputs\">(({ field }) => {\n    const values = (field.value as string[]) ?? [];\n\n    const updateAt = (index: number, val: string) => {\n        const next = [...values];\n        next[index] = val;\n        field.onChange(next);\n    };\n\n    return (\n        <div className={\"flex flex-col gap-sm\"}>\n            <Separator labelPosition={\"start\"} variant={\"accent\"}>\n                <span className={\"text-accent-primary text-lg font-semibold\"}>\n                    {`${field.label ?? \"\"} ${values.length ? `(${values.length})` : \"\"}`}\n                </span>\n            </Separator>\n            {field.description && <FormComponentDescription text={field.description} />}\n            {values.map((val, index) => (\n                <div key={index} className={\"flex items-end gap-sm\"}>\n                    <div className={\"flex-1\"}>\n                        <DelayedOnChange\n                            value={val}\n                            onChange={value => updateAt(index, value as string)}\n                        >\n                            <Input\n                                disabled={field.disabled}\n                                label={`Value ${index + 1}`}\n                                placeholder={field.placeholder}\n                                onEnter={() => field.addItem(\"\")}\n                            />\n                        </DelayedOnChange>\n                    </div>\n                    <IconButton\n                        icon={<DeleteIcon />}\n                        onClick={e => {\n                            e.stopPropagation();\n                            field.removeItem(index);\n                        }}\n                        size={\"lg\"}\n                        variant={\"ghost\"}\n                    />\n                </div>\n            ))}\n            <Button\n                disabled={field.disabled}\n                variant={\"tertiary\"}\n                icon={<AddIcon />}\n                text={field.rendererSettings?.addItemLabel ?? \"Add Value\"}\n                onClick={() => field.addItem(\"\")}\n            />\n            <FormComponentErrorMessage\n                text={field.validation.message}\n                invalid={field.validation.isValid === false}\n                disabled={field.disabled}\n            />\n        </div>\n    );\n});\n"],"names":["TextInputsRenderer","createFieldRenderer","field","values","updateAt","index","val","next","Separator","FormComponentDescription","DelayedOnChange","value","Input","IconButton","DeleteIcon","e","Button","AddIcon","FormComponentErrorMessage"],"mappings":";;;;;AAoBO,MAAMA,qBAAqBC,oBAAkC,CAAC,EAAEC,KAAK,EAAE;IAC1E,MAAMC,SAAUD,MAAM,KAAK,IAAiB,EAAE;IAE9C,MAAME,WAAW,CAACC,OAAeC;QAC7B,MAAMC,OAAO;eAAIJ;SAAO;QACxBI,IAAI,CAACF,MAAM,GAAGC;QACdJ,MAAM,QAAQ,CAACK;IACnB;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,WAASA;QAAC,eAAe;QAAS,SAAS;qBACxC,oBAAC;QAAK,WAAW;OACZ,GAAGN,MAAM,KAAK,IAAI,GAAG,CAAC,EAAEC,OAAO,MAAM,GAAG,CAAC,CAAC,EAAEA,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,IAG3ED,MAAM,WAAW,IAAI,WAAJ,GAAI,oBAACO,0BAAwBA;QAAC,MAAMP,MAAM,WAAW;QACtEC,OAAO,GAAG,CAAC,CAACG,KAAKD,QAAAA,WAAAA,GACd,oBAAC;YAAI,KAAKA;YAAO,WAAW;yBACxB,oBAAC;YAAI,WAAW;yBACZ,oBAACK,iBAAeA;YACZ,OAAOJ;YACP,UAAUK,CAAAA,QAASP,SAASC,OAAOM;yBAEnC,oBAACC,OAAKA;YACF,UAAUV,MAAM,QAAQ;YACxB,OAAO,CAAC,MAAM,EAAEG,QAAQ,GAAG;YAC3B,aAAaH,MAAM,WAAW;YAC9B,SAAS,IAAMA,MAAM,OAAO,CAAC;4BAIzC,oBAACW,YAAUA;YACP,oBAAM,oBAACC,gBAAUA;YACjB,SAASC,CAAAA;gBACLA,EAAE,eAAe;gBACjBb,MAAM,UAAU,CAACG;YACrB;YACA,MAAM;YACN,SAAS;4BAIrB,oBAACW,QAAMA;QACH,UAAUd,MAAM,QAAQ;QACxB,SAAS;QACT,oBAAM,oBAACe,wBAAOA;QACd,MAAMf,MAAM,gBAAgB,EAAE,gBAAgB;QAC9C,SAAS,IAAMA,MAAM,OAAO,CAAC;sBAEjC,oBAACgB,2BAAyBA;QACtB,MAAMhB,MAAM,UAAU,CAAC,OAAO;QAC9B,SAASA,AAA6B,UAA7BA,MAAM,UAAU,CAAC,OAAO;QACjC,UAAUA,MAAM,QAAQ;;AAIxC"}

package/base/Base/FieldRenderers/TextareaRenderer.js

@@ -6,6 +6,7 @@ const TextareaRenderer = createFieldRenderer(({ field })=>/*#__PURE__*/ react.cr
         onChange: (value)=>field.onChange(value)
     }, /*#__PURE__*/ react.createElement(Textarea, {
         label: field.label,
+        hint: field.help,
         placeholder: field.placeholder,
         description: field.description,
         note: field.note,

package/base/Base/FieldRenderers/TextareaRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"base/Base/FieldRenderers/TextareaRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/TextareaRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { DelayedOnChange } from \"@webiny/admin-ui\";\nimport { Textarea } from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        textarea: { fieldType: \"text\"; settings?: { rows?: number } };\n    }\n}\n\nexport const TextareaRenderer = createFieldRenderer<\"textarea\">(({ field }) => {\n    return (\n        <DelayedOnChange value={field.value} onChange={value => field.onChange(value)}>\n            <Textarea\n                label={field.label}\n                placeholder={field.placeholder}\n                description={field.description}\n                note={field.note}\n                required={field.required}\n                disabled={field.disabled}\n                validation={field.validation}\n                onBlur={() => field.onBlur()}\n                rows={field.rendererSettings?.rows ?? 5}\n            />\n        </DelayedOnChange>\n    );\n});\n"],"names":["TextareaRenderer","createFieldRenderer","field","DelayedOnChange","value","Textarea"],"mappings":";;;AAWO,MAAMA,mBAAmBC,oBAAgC,CAAC,EAAEC,KAAK,EAAE,GAC/D,WAAP,GACI,oBAACC,iBAAeA;QAAC,OAAOD,MAAM,KAAK;QAAE,UAAUE,CAAAA,QAASF,MAAM,QAAQ,CAACE;qBACnE,oBAACC,UAAQA;QACL,OAAOH,MAAM,KAAK;QAClB,aAAaA,MAAM,WAAW;QAC9B,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ;QACxB,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;QAC5B,QAAQ,IAAMA,MAAM,MAAM;QAC1B,MAAMA,MAAM,gBAAgB,EAAE,QAAQ"}
+{"version":3,"file":"base/Base/FieldRenderers/TextareaRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/TextareaRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { DelayedOnChange } from \"@webiny/admin-ui\";\nimport { Textarea } from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        textarea: { fieldType: \"text\"; settings?: { rows?: number } };\n    }\n}\n\nexport const TextareaRenderer = createFieldRenderer<\"textarea\">(({ field }) => {\n    return (\n        <DelayedOnChange value={field.value} onChange={value => field.onChange(value)}>\n            <Textarea\n                label={field.label}\n                hint={field.help}\n                placeholder={field.placeholder}\n                description={field.description}\n                note={field.note}\n                required={field.required}\n                disabled={field.disabled}\n                validation={field.validation}\n                onBlur={() => field.onBlur()}\n                rows={field.rendererSettings?.rows ?? 5}\n            />\n        </DelayedOnChange>\n    );\n});\n"],"names":["TextareaRenderer","createFieldRenderer","field","DelayedOnChange","value","Textarea"],"mappings":";;;AAWO,MAAMA,mBAAmBC,oBAAgC,CAAC,EAAEC,KAAK,EAAE,GAC/D,WAAP,GACI,oBAACC,iBAAeA;QAAC,OAAOD,MAAM,KAAK;QAAE,UAAUE,CAAAA,QAASF,MAAM,QAAQ,CAACE;qBACnE,oBAACC,UAAQA;QACL,OAAOH,MAAM,KAAK;QAClB,MAAMA,MAAM,IAAI;QAChB,aAAaA,MAAM,WAAW;QAC9B,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ;QACxB,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;QAC5B,QAAQ,IAAMA,MAAM,MAAM;QAC1B,MAAMA,MAAM,gBAAgB,EAAE,QAAQ"}

package/base/Base/FieldRenderers/TextareasRenderer.js

@@ -2,7 +2,7 @@ import react from "react";
 import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
 import { ReactComponent } from "@webiny/icons/delete_outline.svg";
 import { ReactComponent as add_svg_ReactComponent } from "@webiny/icons/add.svg";
-import { Button, DelayedOnChange, FormComponentDescription, IconButton, Separator, Textarea } from "@webiny/admin-ui";
+import { Button, DelayedOnChange, FormComponentDescription, FormComponentErrorMessage, IconButton, Separator, Textarea } from "@webiny/admin-ui";
 const TextareasRenderer = createFieldRenderer(({ field })=>{
     const values = field.value ?? [];
     const updateAt = (index, val)=>{
@@ -45,6 +45,10 @@ const TextareasRenderer = createFieldRenderer(({ field })=>{
         icon: /*#__PURE__*/ react.createElement(add_svg_ReactComponent, null),
         text: field.rendererSettings?.addItemLabel ?? "Add Value",
         onClick: ()=>field.addItem("")
+    }), /*#__PURE__*/ react.createElement(FormComponentErrorMessage, {
+        text: field.validation.message,
+        invalid: false === field.validation.isValid,
+        disabled: field.disabled
     }));
 });
 export { TextareasRenderer };

package/base/Base/FieldRenderers/TextareasRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"base/Base/FieldRenderers/TextareasRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/TextareasRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport {\n    Button,\n    DelayedOnChange,\n    FormComponentDescription,\n    IconButton,\n    Separator,\n    Textarea\n} from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        textareas: { fieldType: \"text\"; settings?: { addItemLabel?: string } };\n    }\n}\n\nexport const TextareasRenderer = createFieldRenderer<\"textareas\">(({ field }) => {\n    const values = (field.value as string[]) ?? [];\n\n    const updateAt = (index: number, val: string) => {\n        const next = [...values];\n        next[index] = val;\n        field.onChange(next);\n    };\n\n    return (\n        <div className={\"flex flex-col gap-sm\"}>\n            <Separator labelPosition={\"start\"} variant={\"accent\"}>\n                <span className={\"text-accent-primary text-lg font-semibold\"}>\n                    {`${field.label ?? \"\"} ${values.length ? `(${values.length})` : \"\"}`}\n                </span>\n            </Separator>\n            {field.description && <FormComponentDescription text={field.description} />}\n            {values.map((val, index) => (\n                <div key={index} className={\"relative\"}>\n                    <DelayedOnChange\n                        value={val}\n                        onChange={value => updateAt(index, value as string)}\n                    >\n                        <Textarea\n                            disabled={field.disabled}\n                            rows={5}\n                            label={`Value ${index + 1}`}\n                            placeholder={field.placeholder}\n                        />\n                    </DelayedOnChange>\n                    <div className={\"absolute top-xl right-sm z-10\"}>\n                        <IconButton\n                            variant={\"ghost\"}\n                            size={\"md\"}\n                            icon={<DeleteIcon />}\n                            onClick={() => field.removeItem(index)}\n                        />\n                    </div>\n                </div>\n            ))}\n            <Button\n                disabled={field.disabled}\n                variant={\"tertiary\"}\n                icon={<AddIcon />}\n                text={field.rendererSettings?.addItemLabel ?? \"Add Value\"}\n                onClick={() => field.addItem(\"\")}\n            />\n        </div>\n    );\n});\n"],"names":["TextareasRenderer","createFieldRenderer","field","values","updateAt","index","val","next","Separator","FormComponentDescription","DelayedOnChange","value","Textarea","IconButton","DeleteIcon","Button","AddIcon"],"mappings":";;;;;AAmBO,MAAMA,oBAAoBC,oBAAiC,CAAC,EAAEC,KAAK,EAAE;IACxE,MAAMC,SAAUD,MAAM,KAAK,IAAiB,EAAE;IAE9C,MAAME,WAAW,CAACC,OAAeC;QAC7B,MAAMC,OAAO;eAAIJ;SAAO;QACxBI,IAAI,CAACF,MAAM,GAAGC;QACdJ,MAAM,QAAQ,CAACK;IACnB;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,WAASA;QAAC,eAAe;QAAS,SAAS;qBACxC,oBAAC;QAAK,WAAW;OACZ,GAAGN,MAAM,KAAK,IAAI,GAAG,CAAC,EAAEC,OAAO,MAAM,GAAG,CAAC,CAAC,EAAEA,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,IAG3ED,MAAM,WAAW,IAAI,WAAJ,GAAI,oBAACO,0BAAwBA;QAAC,MAAMP,MAAM,WAAW;QACtEC,OAAO,GAAG,CAAC,CAACG,KAAKD,QAAAA,WAAAA,GACd,oBAAC;YAAI,KAAKA;YAAO,WAAW;yBACxB,oBAACK,iBAAeA;YACZ,OAAOJ;YACP,UAAUK,CAAAA,QAASP,SAASC,OAAOM;yBAEnC,oBAACC,UAAQA;YACL,UAAUV,MAAM,QAAQ;YACxB,MAAM;YACN,OAAO,CAAC,MAAM,EAAEG,QAAQ,GAAG;YAC3B,aAAaH,MAAM,WAAW;2BAGtC,oBAAC;YAAI,WAAW;yBACZ,oBAACW,YAAUA;YACP,SAAS;YACT,MAAM;YACN,oBAAM,oBAACC,gBAAUA;YACjB,SAAS,IAAMZ,MAAM,UAAU,CAACG;6BAKhD,oBAACU,QAAMA;QACH,UAAUb,MAAM,QAAQ;QACxB,SAAS;QACT,oBAAM,oBAACc,wBAAOA;QACd,MAAMd,MAAM,gBAAgB,EAAE,gBAAgB;QAC9C,SAAS,IAAMA,MAAM,OAAO,CAAC;;AAI7C"}
+{"version":3,"file":"base/Base/FieldRenderers/TextareasRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/TextareasRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport {\n    Button,\n    DelayedOnChange,\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    IconButton,\n    Separator,\n    Textarea\n} from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        textareas: { fieldType: \"text\"; settings?: { addItemLabel?: string } };\n    }\n}\n\nexport const TextareasRenderer = createFieldRenderer<\"textareas\">(({ field }) => {\n    const values = (field.value as string[]) ?? [];\n\n    const updateAt = (index: number, val: string) => {\n        const next = [...values];\n        next[index] = val;\n        field.onChange(next);\n    };\n\n    return (\n        <div className={\"flex flex-col gap-sm\"}>\n            <Separator labelPosition={\"start\"} variant={\"accent\"}>\n                <span className={\"text-accent-primary text-lg font-semibold\"}>\n                    {`${field.label ?? \"\"} ${values.length ? `(${values.length})` : \"\"}`}\n                </span>\n            </Separator>\n            {field.description && <FormComponentDescription text={field.description} />}\n            {values.map((val, index) => (\n                <div key={index} className={\"relative\"}>\n                    <DelayedOnChange\n                        value={val}\n                        onChange={value => updateAt(index, value as string)}\n                    >\n                        <Textarea\n                            disabled={field.disabled}\n                            rows={5}\n                            label={`Value ${index + 1}`}\n                            placeholder={field.placeholder}\n                        />\n                    </DelayedOnChange>\n                    <div className={\"absolute top-xl right-sm z-10\"}>\n                        <IconButton\n                            variant={\"ghost\"}\n                            size={\"md\"}\n                            icon={<DeleteIcon />}\n                            onClick={() => field.removeItem(index)}\n                        />\n                    </div>\n                </div>\n            ))}\n            <Button\n                disabled={field.disabled}\n                variant={\"tertiary\"}\n                icon={<AddIcon />}\n                text={field.rendererSettings?.addItemLabel ?? \"Add Value\"}\n                onClick={() => field.addItem(\"\")}\n            />\n            <FormComponentErrorMessage\n                text={field.validation.message}\n                invalid={field.validation.isValid === false}\n                disabled={field.disabled}\n            />\n        </div>\n    );\n});\n"],"names":["TextareasRenderer","createFieldRenderer","field","values","updateAt","index","val","next","Separator","FormComponentDescription","DelayedOnChange","value","Textarea","IconButton","DeleteIcon","Button","AddIcon","FormComponentErrorMessage"],"mappings":";;;;;AAoBO,MAAMA,oBAAoBC,oBAAiC,CAAC,EAAEC,KAAK,EAAE;IACxE,MAAMC,SAAUD,MAAM,KAAK,IAAiB,EAAE;IAE9C,MAAME,WAAW,CAACC,OAAeC;QAC7B,MAAMC,OAAO;eAAIJ;SAAO;QACxBI,IAAI,CAACF,MAAM,GAAGC;QACdJ,MAAM,QAAQ,CAACK;IACnB;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,WAASA;QAAC,eAAe;QAAS,SAAS;qBACxC,oBAAC;QAAK,WAAW;OACZ,GAAGN,MAAM,KAAK,IAAI,GAAG,CAAC,EAAEC,OAAO,MAAM,GAAG,CAAC,CAAC,EAAEA,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,IAG3ED,MAAM,WAAW,IAAI,WAAJ,GAAI,oBAACO,0BAAwBA;QAAC,MAAMP,MAAM,WAAW;QACtEC,OAAO,GAAG,CAAC,CAACG,KAAKD,QAAAA,WAAAA,GACd,oBAAC;YAAI,KAAKA;YAAO,WAAW;yBACxB,oBAACK,iBAAeA;YACZ,OAAOJ;YACP,UAAUK,CAAAA,QAASP,SAASC,OAAOM;yBAEnC,oBAACC,UAAQA;YACL,UAAUV,MAAM,QAAQ;YACxB,MAAM;YACN,OAAO,CAAC,MAAM,EAAEG,QAAQ,GAAG;YAC3B,aAAaH,MAAM,WAAW;2BAGtC,oBAAC;YAAI,WAAW;yBACZ,oBAACW,YAAUA;YACP,SAAS;YACT,MAAM;YACN,oBAAM,oBAACC,gBAAUA;YACjB,SAAS,IAAMZ,MAAM,UAAU,CAACG;6BAKhD,oBAACU,QAAMA;QACH,UAAUb,MAAM,QAAQ;QACxB,SAAS;QACT,oBAAM,oBAACc,wBAAOA;QACd,MAAMd,MAAM,gBAAgB,EAAE,gBAAgB;QAC9C,SAAS,IAAMA,MAAM,OAAO,CAAC;sBAEjC,oBAACe,2BAAyBA;QACtB,MAAMf,MAAM,UAAU,CAAC,OAAO;QAC9B,SAASA,AAA6B,UAA7BA,MAAM,UAAU,CAAC,OAAO;QACjC,UAAUA,MAAM,QAAQ;;AAIxC"}

package/base/Base/FieldRenderers/VerticalTabsRenderer.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import type { TabsNodeRendererProps } from "../../../features/formModel/FormView.js";
-export declare const VerticalTabsRenderer: (({ node }: TabsNodeRendererProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const VerticalTabsRenderer: (({ node }: TabsNodeRendererProps) => React.JSX.Element) & React.NamedExoticComponent<TabsNodeRendererProps> & {
+    readonly type: ({ node }: TabsNodeRendererProps) => React.JSX.Element;
 };

package/base/Base/Menus.js

@@ -4,10 +4,10 @@ import { ReactComponent as settings_svg_ReactComponent } from "@webiny/icons/set
 import { ReactComponent as electric_bolt_svg_ReactComponent } from "@webiny/icons/electric_bolt.svg";
 import { AdminConfig } from "../../config/AdminConfig.js";
 import { Menu } from "../../config/AdminConfig/Menu.js";
-import { useWcp } from "../../presentation/wcp/useWcp.js";
+import { useFeatureFlags } from "../../presentation/featureFlags/useFeatureFlags.js";
 const Menus = /*#__PURE__*/ react.memo(()=>{
-    const wcp = useWcp();
-    const hasWcpLicense = Boolean(wcp.getProject());
+    const featureFlags = useFeatureFlags();
+    const showUpgrade = !featureFlags.isEnabled("multiTenancy");
     return /*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(Menu, {
         name: "home",
         pin: "start",
@@ -37,7 +37,7 @@ const Menus = /*#__PURE__*/ react.memo(()=>{
             text: "System",
             collapsible: false
         })
-    }), !hasWcpLicense && /*#__PURE__*/ react.createElement(Menu.Footer, {
+    }), showUpgrade && /*#__PURE__*/ react.createElement(Menu.Footer, {
         name: "upgrade",
         element: /*#__PURE__*/ react.createElement(Menu.Link, {
             text: "Upgrade",

package/base/Base/Menus.js.map

@@ -1 +1 @@
-{"version":3,"file":"base/Base/Menus.js","sources":["../../../src/base/Base/Menus.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DashboardIcon } from \"@webiny/icons/space_dashboard.svg\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { ReactComponent as UpgradeIcon } from \"@webiny/icons/electric_bolt.svg\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { Menu } from \"~/config/AdminConfig/Menu.js\";\nimport { useWcp } from \"~/presentation/wcp/useWcp.js\";\n\nexport const Menus = React.memo(() => {\n    const wcp = useWcp();\n    const hasWcpLicense = Boolean(wcp.getProject());\n\n    return (\n        <AdminConfig>\n            <Menu\n                name={\"home\"}\n                pin={\"start\"}\n                element={\n                    <Menu.Link\n                        to={\"/\"}\n                        text={\"Home\"}\n                        icon={<Menu.Link.Icon label=\"Home\" element={<DashboardIcon />} />}\n                    />\n                }\n            />\n            <Menu\n                name={\"settings\"}\n                hideIfEmpty={true}\n                pin={\"end\"}\n                element={\n                    <Menu.Item\n                        text={\"Settings\"}\n                        icon={<Menu.Link.Icon label=\"Settings\" element={<SettingsIcon />} />}\n                    />\n                }\n            />\n\n            <Menu\n                parent={\"settings\"}\n                name=\"settings.system\"\n                element={<Menu.Group text=\"System\" collapsible={false} />}\n            />\n\n            {!hasWcpLicense && (\n                <Menu.Footer\n                    name={\"upgrade\"}\n                    element={\n                        <Menu.Link\n                            text={\"Upgrade\"}\n                            icon={<Menu.Link.Icon label=\"Upgrade\" element={<UpgradeIcon />} />}\n                            to={\"https://www.webiny.com/pricing\"}\n                            rel={\"noopener noreferrer\"}\n                            target={\"_blank\"}\n                            className={\n                                \"[&_a]:text-accent-primary! [&_svg]:fill-accent-default! font-semibold\"\n                            }\n                        />\n                    }\n                />\n            )}\n        </AdminConfig>\n    );\n});\n\nMenus.displayName = \"Menus\";\n"],"names":["Menus","React","wcp","useWcp","hasWcpLicense","Boolean","AdminConfig","Menu","DashboardIcon","SettingsIcon","UpgradeIcon"],"mappings":";;;;;;;AAQO,MAAMA,QAAQ,WAAHA,GAAGC,MAAAA,IAAU,CAAC;IAC5B,MAAMC,MAAMC;IACZ,MAAMC,gBAAgBC,QAAQH,IAAI,UAAU;IAE5C,OAAO,WAAP,GACI,oBAACI,aAAWA,MAAAA,WAAAA,GACR,oBAACC,MAAIA;QACD,MAAM;QACN,KAAK;QACL,uBACI,oBAACA,KAAK,IAAI;YACN,IAAI;YACJ,MAAM;YACN,oBAAM,oBAACA,KAAK,IAAI,CAAC,IAAI;gBAAC,OAAM;gBAAO,uBAAS,oBAACC,gBAAaA;;;sBAItE,oBAACD,MAAIA;QACD,MAAM;QACN,aAAa;QACb,KAAK;QACL,uBACI,oBAACA,KAAK,IAAI;YACN,MAAM;YACN,oBAAM,oBAACA,KAAK,IAAI,CAAC,IAAI;gBAAC,OAAM;gBAAW,uBAAS,oBAACE,6BAAYA;;;sBAKzE,oBAACF,MAAIA;QACD,QAAQ;QACR,MAAK;QACL,uBAAS,oBAACA,KAAK,KAAK;YAAC,MAAK;YAAS,aAAa;;QAGnD,CAACH,iBAAiB,WAAjBA,GACE,oBAACG,KAAK,MAAM;QACR,MAAM;QACN,uBACI,oBAACA,KAAK,IAAI;YACN,MAAM;YACN,oBAAM,oBAACA,KAAK,IAAI,CAAC,IAAI;gBAAC,OAAM;gBAAU,uBAAS,oBAACG,kCAAWA;;YAC3D,IAAI;YACJ,KAAK;YACL,QAAQ;YACR,WACI;;;AAQhC;AAEAV,MAAM,WAAW,GAAG"}
+{"version":3,"file":"base/Base/Menus.js","sources":["../../../src/base/Base/Menus.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DashboardIcon } from \"@webiny/icons/space_dashboard.svg\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { ReactComponent as UpgradeIcon } from \"@webiny/icons/electric_bolt.svg\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { Menu } from \"~/config/AdminConfig/Menu.js\";\nimport { useFeatureFlags } from \"~/presentation/featureFlags/useFeatureFlags.js\";\n\nexport const Menus = React.memo(() => {\n    const featureFlags = useFeatureFlags();\n    const showUpgrade = !featureFlags.isEnabled(\"multiTenancy\");\n\n    return (\n        <AdminConfig>\n            <Menu\n                name={\"home\"}\n                pin={\"start\"}\n                element={\n                    <Menu.Link\n                        to={\"/\"}\n                        text={\"Home\"}\n                        icon={<Menu.Link.Icon label=\"Home\" element={<DashboardIcon />} />}\n                    />\n                }\n            />\n            <Menu\n                name={\"settings\"}\n                hideIfEmpty={true}\n                pin={\"end\"}\n                element={\n                    <Menu.Item\n                        text={\"Settings\"}\n                        icon={<Menu.Link.Icon label=\"Settings\" element={<SettingsIcon />} />}\n                    />\n                }\n            />\n\n            <Menu\n                parent={\"settings\"}\n                name=\"settings.system\"\n                element={<Menu.Group text=\"System\" collapsible={false} />}\n            />\n\n            {showUpgrade && (\n                <Menu.Footer\n                    name={\"upgrade\"}\n                    element={\n                        <Menu.Link\n                            text={\"Upgrade\"}\n                            icon={<Menu.Link.Icon label=\"Upgrade\" element={<UpgradeIcon />} />}\n                            to={\"https://www.webiny.com/pricing\"}\n                            rel={\"noopener noreferrer\"}\n                            target={\"_blank\"}\n                            className={\n                                \"[&_a]:text-accent-primary! [&_svg]:fill-accent-default! font-semibold\"\n                            }\n                        />\n                    }\n                />\n            )}\n        </AdminConfig>\n    );\n});\n\nMenus.displayName = \"Menus\";\n"],"names":["Menus","React","featureFlags","useFeatureFlags","showUpgrade","AdminConfig","Menu","DashboardIcon","SettingsIcon","UpgradeIcon"],"mappings":";;;;;;;AAQO,MAAMA,QAAQ,WAAHA,GAAGC,MAAAA,IAAU,CAAC;IAC5B,MAAMC,eAAeC;IACrB,MAAMC,cAAc,CAACF,aAAa,SAAS,CAAC;IAE5C,OAAO,WAAP,GACI,oBAACG,aAAWA,MAAAA,WAAAA,GACR,oBAACC,MAAIA;QACD,MAAM;QACN,KAAK;QACL,uBACI,oBAACA,KAAK,IAAI;YACN,IAAI;YACJ,MAAM;YACN,oBAAM,oBAACA,KAAK,IAAI,CAAC,IAAI;gBAAC,OAAM;gBAAO,uBAAS,oBAACC,gBAAaA;;;sBAItE,oBAACD,MAAIA;QACD,MAAM;QACN,aAAa;QACb,KAAK;QACL,uBACI,oBAACA,KAAK,IAAI;YACN,MAAM;YACN,oBAAM,oBAACA,KAAK,IAAI,CAAC,IAAI;gBAAC,OAAM;gBAAW,uBAAS,oBAACE,6BAAYA;;;sBAKzE,oBAACF,MAAIA;QACD,QAAQ;QACR,MAAK;QACL,uBAAS,oBAACA,KAAK,KAAK;YAAC,MAAK;YAAS,aAAa;;QAGnDF,eAAe,WAAfA,GACG,oBAACE,KAAK,MAAM;QACR,MAAM;QACN,uBACI,oBAACA,KAAK,IAAI;YACN,MAAM;YACN,oBAAM,oBAACA,KAAK,IAAI,CAAC,IAAI;gBAAC,OAAM;gBAAU,uBAAS,oBAACG,kCAAWA;;YAC3D,IAAI;YACJ,KAAK;YACL,QAAQ;YACR,WACI;;;AAQhC;AAEAT,MAAM,WAAW,GAAG"}

package/base/Base.d.ts

@@ -1,2 +1,4 @@
 import React from "react";
-export declare const Base: React.MemoExoticComponent<() => React.JSX.Element>;
+declare const BaseExtension: () => React.JSX.Element;
+export declare const Base: React.MemoExoticComponent<typeof BaseExtension>;
+export {};

package/base/Base.js

@@ -7,7 +7,8 @@ import { LexicalPreset } from "./Base/LexicalPreset.js";
 import { DefaultFieldRenderers } from "./Base/DefaultFieldRenderers.js";
 import { DefaultLayoutRenderers } from "./Base/DefaultLayoutRenderers.js";
 import { DefaultLexicalEditorConfig } from "../components/LexicalEditor/DefaultLexicalEditorConfig.js";
-const BaseExtension = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Tenant, null), /*#__PURE__*/ react.createElement(Menus, null), /*#__PURE__*/ react.createElement(UserMenu, null), /*#__PURE__*/ react.createElement(RoutesConfig, null), /*#__PURE__*/ react.createElement(LexicalPreset, null), /*#__PURE__*/ react.createElement(DefaultFieldRenderers, null), /*#__PURE__*/ react.createElement(DefaultLayoutRenderers, null), /*#__PURE__*/ react.createElement(DefaultLexicalEditorConfig, null));
+import { AccessManagementExtension } from "../modules/AccessManagementExtension.js";
+const BaseExtension = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Tenant, null), /*#__PURE__*/ react.createElement(Menus, null), /*#__PURE__*/ react.createElement(UserMenu, null), /*#__PURE__*/ react.createElement(RoutesConfig, null), /*#__PURE__*/ react.createElement(LexicalPreset, null), /*#__PURE__*/ react.createElement(DefaultFieldRenderers, null), /*#__PURE__*/ react.createElement(DefaultLayoutRenderers, null), /*#__PURE__*/ react.createElement(DefaultLexicalEditorConfig, null), /*#__PURE__*/ react.createElement(AccessManagementExtension, null));
 const Base = /*#__PURE__*/ memo(BaseExtension);
 export { Base };
 

package/base/Base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base/Base.js","sources":["../../src/base/Base.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { Menus } from \"./Base/Menus.js\";\nimport { RoutesConfig } from \"./Base/RoutesConfig.js\";\nimport { Tenant } from \"./Base/Tenant.js\";\nimport { UserMenu } from \"./Base/UserMenu.js\";\nimport { LexicalPreset } from \"./Base/LexicalPreset.js\";\nimport { DefaultFieldRenderers } from \"./Base/DefaultFieldRenderers.js\";\nimport { DefaultLayoutRenderers } from \"./Base/DefaultLayoutRenderers.js\";\nimport { DefaultLexicalEditorConfig } from \"~/components/LexicalEditor/DefaultLexicalEditorConfig.js\";\n\nconst BaseExtension = () => {\n    return (\n        <>\n            <Tenant />\n            <Menus />\n            <UserMenu />\n            <RoutesConfig />\n            <LexicalPreset />\n            <DefaultFieldRenderers />\n            <DefaultLayoutRenderers />\n            <DefaultLexicalEditorConfig />\n        </>\n    );\n};\n\nexport const Base = memo(BaseExtension);\n"],"names":["BaseExtension","Tenant","Menus","UserMenu","RoutesConfig","LexicalPreset","DefaultFieldRenderers","DefaultLayoutRenderers","DefaultLexicalEditorConfig","Base","memo"],"mappings":";;;;;;;;;AAUA,MAAMA,gBAAgB,IACX,WAAP,GACI,wDACI,oBAACC,QAAMA,OAAAA,WAAAA,GACP,oBAACC,OAAKA,OAAAA,WAAAA,GACN,oBAACC,UAAQA,OAAAA,WAAAA,GACT,oBAACC,cAAYA,OAAAA,WAAAA,GACb,oBAACC,eAAaA,OAAAA,WAAAA,GACd,oBAACC,uBAAqBA,OAAAA,WAAAA,GACtB,oBAACC,wBAAsBA,OAAAA,WAAAA,GACvB,oBAACC,4BAA0BA;AAKhC,MAAMC,OAAO,WAAHA,GAAGC,KAAKV"}
+{"version":3,"file":"base/Base.js","sources":["../../src/base/Base.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { Menus } from \"./Base/Menus.js\";\nimport { RoutesConfig } from \"./Base/RoutesConfig.js\";\nimport { Tenant } from \"./Base/Tenant.js\";\nimport { UserMenu } from \"./Base/UserMenu.js\";\nimport { LexicalPreset } from \"./Base/LexicalPreset.js\";\nimport { DefaultFieldRenderers } from \"./Base/DefaultFieldRenderers.js\";\nimport { DefaultLayoutRenderers } from \"./Base/DefaultLayoutRenderers.js\";\nimport { DefaultLexicalEditorConfig } from \"~/components/LexicalEditor/DefaultLexicalEditorConfig.js\";\nimport { AccessManagementExtension } from \"~/modules/AccessManagementExtension.js\";\n\nconst BaseExtension = () => {\n    return (\n        <>\n            <Tenant />\n            <Menus />\n            <UserMenu />\n            <RoutesConfig />\n            <LexicalPreset />\n            <DefaultFieldRenderers />\n            <DefaultLayoutRenderers />\n            <DefaultLexicalEditorConfig />\n            <AccessManagementExtension />\n        </>\n    );\n};\n\nexport const Base = memo(BaseExtension);\n"],"names":["BaseExtension","Tenant","Menus","UserMenu","RoutesConfig","LexicalPreset","DefaultFieldRenderers","DefaultLayoutRenderers","DefaultLexicalEditorConfig","AccessManagementExtension","Base","memo"],"mappings":";;;;;;;;;;AAWA,MAAMA,gBAAgB,IACX,WAAP,GACI,wDACI,oBAACC,QAAMA,OAAAA,WAAAA,GACP,oBAACC,OAAKA,OAAAA,WAAAA,GACN,oBAACC,UAAQA,OAAAA,WAAAA,GACT,oBAACC,cAAYA,OAAAA,WAAAA,GACb,oBAACC,eAAaA,OAAAA,WAAAA,GACd,oBAACC,uBAAqBA,OAAAA,WAAAA,GACtB,oBAACC,wBAAsBA,OAAAA,WAAAA,GACvB,oBAACC,4BAA0BA,OAAAA,WAAAA,GAC3B,oBAACC,2BAAyBA;AAK/B,MAAMC,OAAO,WAAHA,GAAGC,KAAKX"}

package/base/createRootContainer.js

@@ -7,15 +7,20 @@ import { HistoryRouterGateway } from "@webiny/app/features/router/HistoryRouterG
 import { EnvConfigFeature } from "@webiny/app/features/envConfig/feature.js";
 import { GraphQLClientFeature } from "@webiny/app/features/graphqlClient/feature.js";
 import { MainGraphQLClientFeature } from "@webiny/app/features/mainGraphQLClient/feature.js";
+import { ApiStreamClientFeature } from "@webiny/app/features/apiStreamClient/feature.js";
 import { LocalStorageFeature } from "@webiny/app/features/localStorage/feature.js";
 import { EventPublisherFeature } from "@webiny/app/features/eventPublisher/feature.js";
-import { WcpFeature } from "../features/wcp/feature.js";
+import { NotificationsFeature } from "../features/notifications/feature.js";
+import { FeatureFlagsFeature } from "../features/featureFlags/feature.js";
 import { TenancyFeature } from "../features/tenancy/feature.js";
 import { SystemInstallerFeature } from "../presentation/installation/presenters/SystemInstaller/feature.js";
 import { TelemetryFeature } from "../features/telemetry/feature.js";
 import { ErrorOverlayNetworkErrorHandler } from "../errors/ErrorOverlayNetworkErrorHandler.js";
 import { ToolsFeature } from "../features/tools/feature.js";
 import { TextToLexicalToolFeature } from "../presentation/textToLexicalTool/feature.js";
+import { ConfirmationFeature } from "../features/confirmation/feature.js";
+import { ClipboardFeature } from "../features/clipboard/feature.js";
+import { resolveApiUrl, resolveGraphqlUrl, resolveWebsocketUrl } from "./resolveApiUrl.js";
 const isUndefined = (value)=>[
         void 0,
         "undefined"
@@ -27,35 +32,39 @@ function createRootContainer() {
     const deploymentId = String(process.env.WEBINY_ADMIN_DEPLOYMENT_ID);
     EnvConfigFeature.register(container, {
         deploymentId,
-        apiUrl: String(process.env.REACT_APP_API_URL),
+        apiUrl: resolveApiUrl(),
         debug: "true" === process.env.WEBINY_ADMIN_DEBUG,
-        graphqlApiUrl: String(process.env.REACT_APP_GRAPHQL_API_URL),
+        graphqlApiUrl: resolveGraphqlUrl(),
         telemetryEnabled: "true" === process.env.REACT_APP_WEBINY_TELEMETRY,
         telemetryUserId: process.env.REACT_APP_WEBINY_TELEMETRY_USER_ID,
         trashBinRetentionPeriodDays: trashBinRetention,
         wcpProjectId: process.env.REACT_APP_WEBINY_PROJECT_ID || process.env.REACT_APP_WCP_PROJECT_ID,
-        websocketUrl: String(process.env.REACT_APP_WEBSOCKET_URL)
+        websocketUrl: resolveWebsocketUrl()
     });
     const history = createBrowserHistory();
     container.registerInstance(RouterGateway, new HistoryRouterGateway(history, ""));
     container.register(DefaultRouteElementRegistry).inSingletonScope();
     RouterFeature.register(container);
     EventPublisherFeature.register(container);
+    NotificationsFeature.register(container);
     GraphQLClientFeature.register(container, {
         batching: true,
         retry: true
     });
     MainGraphQLClientFeature.register(container);
+    ApiStreamClientFeature.register(container);
     LocalStorageFeature.register(container, {
         prefix: `webiny/${deploymentId}`
     });
     TenancyFeature.register(container);
-    WcpFeature.register(container);
+    FeatureFlagsFeature.register(container);
     SystemInstallerFeature.register(container);
     TelemetryFeature.register(container);
     container.register(ErrorOverlayNetworkErrorHandler).inSingletonScope();
     ToolsFeature.register(container);
     TextToLexicalToolFeature.register(container);
+    ConfirmationFeature.register(container);
+    ClipboardFeature.register(container);
     return container;
 }
 export { createRootContainer };

package/base/createRootContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"base/createRootContainer.js","sources":["../../src/base/createRootContainer.ts"],"sourcesContent":["import { createBrowserHistory } from \"history\";\nimport { Container } from \"@webiny/di\";\nimport { DefaultRouteElementRegistry } from \"@webiny/app/presentation/router/RouteElementRegistry.js\";\nimport { RouterGateway } from \"@webiny/app/features/router/abstractions.js\";\nimport { RouterFeature } from \"@webiny/app/features/router/feature.js\";\nimport { HistoryRouterGateway } from \"@webiny/app/features/router/HistoryRouterGateway.js\";\nimport { EnvConfigFeature } from \"@webiny/app/features/envConfig/feature.js\";\nimport { GraphQLClientFeature } from \"@webiny/app/features/graphqlClient/feature.js\";\nimport { MainGraphQLClientFeature } from \"@webiny/app/features/mainGraphQLClient/feature.js\";\nimport { LocalStorageFeature } from \"@webiny/app/features/localStorage/feature.js\";\nimport { EventPublisherFeature } from \"@webiny/app/features/eventPublisher/feature.js\";\nimport { WcpFeature } from \"~/features/wcp/feature.js\";\nimport { TenancyFeature } from \"~/features/tenancy/feature.js\";\nimport { SystemInstallerFeature } from \"~/presentation/installation/presenters/SystemInstaller/feature.js\";\nimport { TelemetryFeature } from \"~/features/telemetry/feature.js\";\nimport { ErrorOverlayNetworkErrorHandler } from \"~/errors/ErrorOverlayNetworkErrorHandler.js\";\nimport { ToolsFeature } from \"~/features/tools/feature.js\";\nimport { TextToLexicalToolFeature } from \"~/presentation/textToLexicalTool/feature.js\";\n\nconst isUndefined = (value: any) => [undefined, \"undefined\"].includes(value);\n\nexport function createRootContainer() {\n    const container = new Container();\n\n    const trashBinEnv = process.env.WEBINY_ADMIN_TRASH_BIN_RETENTION_PERIOD_DAYS;\n    const trashBinRetention = isUndefined(trashBinEnv) ? 60 : parseInt(trashBinEnv as string);\n    const deploymentId = String(process.env.WEBINY_ADMIN_DEPLOYMENT_ID);\n\n    EnvConfigFeature.register(container, {\n        deploymentId,\n        apiUrl: String(process.env.REACT_APP_API_URL),\n        debug: process.env.WEBINY_ADMIN_DEBUG === \"true\",\n        graphqlApiUrl: String(process.env.REACT_APP_GRAPHQL_API_URL),\n        telemetryEnabled: process.env.REACT_APP_WEBINY_TELEMETRY === \"true\",\n        telemetryUserId: process.env.REACT_APP_WEBINY_TELEMETRY_USER_ID,\n        trashBinRetentionPeriodDays: trashBinRetention,\n        wcpProjectId:\n            process.env.REACT_APP_WEBINY_PROJECT_ID || process.env.REACT_APP_WCP_PROJECT_ID,\n        websocketUrl: String(process.env.REACT_APP_WEBSOCKET_URL)\n    });\n\n    // Router\n    const history = createBrowserHistory();\n    container.registerInstance(RouterGateway, new HistoryRouterGateway(history, \"\"));\n    container.register(DefaultRouteElementRegistry).inSingletonScope();\n\n    RouterFeature.register(container);\n\n    EventPublisherFeature.register(container);\n\n    GraphQLClientFeature.register(container, { batching: true, retry: true });\n\n    MainGraphQLClientFeature.register(container);\n\n    LocalStorageFeature.register(container, { prefix: `webiny/${deploymentId}` });\n\n    TenancyFeature.register(container);\n\n    WcpFeature.register(container);\n\n    SystemInstallerFeature.register(container);\n\n    TelemetryFeature.register(container);\n\n    container.register(ErrorOverlayNetworkErrorHandler).inSingletonScope();\n\n    ToolsFeature.register(container);\n\n    TextToLexicalToolFeature.register(container);\n\n    return container;\n}\n"],"names":["isUndefined","value","undefined","createRootContainer","container","Container","trashBinEnv","process","trashBinRetention","parseInt","deploymentId","String","EnvConfigFeature","history","createBrowserHistory","RouterGateway","HistoryRouterGateway","DefaultRouteElementRegistry","RouterFeature","EventPublisherFeature","GraphQLClientFeature","MainGraphQLClientFeature","LocalStorageFeature","TenancyFeature","WcpFeature","SystemInstallerFeature","TelemetryFeature","ErrorOverlayNetworkErrorHandler","ToolsFeature","TextToLexicalToolFeature"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,MAAMA,cAAc,CAACC,QAAe;QAACC;QAAW;KAAY,CAAC,QAAQ,CAACD;AAE/D,SAASE;IACZ,MAAMC,YAAY,IAAIC;IAEtB,MAAMC,cAAcC,QAAQ,GAAG,CAAC,4CAA4C;IAC5E,MAAMC,oBAAoBR,YAAYM,eAAe,KAAKG,SAASH;IACnE,MAAMI,eAAeC,OAAOJ,QAAQ,GAAG,CAAC,0BAA0B;IAElEK,iBAAiB,QAAQ,CAACR,WAAW;QACjCM;QACA,QAAQC,OAAOJ,QAAQ,GAAG,CAAC,iBAAiB;QAC5C,OAAOA,AAAmC,WAAnCA,QAAQ,GAAG,CAAC,kBAAkB;QACrC,eAAeI,OAAOJ,QAAQ,GAAG,CAAC,yBAAyB;QAC3D,kBAAkBA,AAA2C,WAA3CA,QAAQ,GAAG,CAAC,0BAA0B;QACxD,iBAAiBA,QAAQ,GAAG,CAAC,kCAAkC;QAC/D,6BAA6BC;QAC7B,cACID,QAAQ,GAAG,CAAC,2BAA2B,IAAIA,QAAQ,GAAG,CAAC,wBAAwB;QACnF,cAAcI,OAAOJ,QAAQ,GAAG,CAAC,uBAAuB;IAC5D;IAGA,MAAMM,UAAUC;IAChBV,UAAU,gBAAgB,CAACW,eAAe,IAAIC,qBAAqBH,SAAS;IAC5ET,UAAU,QAAQ,CAACa,6BAA6B,gBAAgB;IAEhEC,cAAc,QAAQ,CAACd;IAEvBe,sBAAsB,QAAQ,CAACf;IAE/BgB,qBAAqB,QAAQ,CAAChB,WAAW;QAAE,UAAU;QAAM,OAAO;IAAK;IAEvEiB,yBAAyB,QAAQ,CAACjB;IAElCkB,oBAAoB,QAAQ,CAAClB,WAAW;QAAE,QAAQ,CAAC,OAAO,EAAEM,cAAc;IAAC;IAE3Ea,eAAe,QAAQ,CAACnB;IAExBoB,WAAW,QAAQ,CAACpB;IAEpBqB,uBAAuB,QAAQ,CAACrB;IAEhCsB,iBAAiB,QAAQ,CAACtB;IAE1BA,UAAU,QAAQ,CAACuB,iCAAiC,gBAAgB;IAEpEC,aAAa,QAAQ,CAACxB;IAEtByB,yBAAyB,QAAQ,CAACzB;IAElC,OAAOA;AACX"}
+{"version":3,"file":"base/createRootContainer.js","sources":["../../src/base/createRootContainer.ts"],"sourcesContent":["import { createBrowserHistory } from \"history\";\nimport { Container } from \"@webiny/di\";\nimport { DefaultRouteElementRegistry } from \"@webiny/app/presentation/router/RouteElementRegistry.js\";\nimport { RouterGateway } from \"@webiny/app/features/router/abstractions.js\";\nimport { RouterFeature } from \"@webiny/app/features/router/feature.js\";\nimport { HistoryRouterGateway } from \"@webiny/app/features/router/HistoryRouterGateway.js\";\nimport { EnvConfigFeature } from \"@webiny/app/features/envConfig/feature.js\";\nimport { GraphQLClientFeature } from \"@webiny/app/features/graphqlClient/feature.js\";\nimport { MainGraphQLClientFeature } from \"@webiny/app/features/mainGraphQLClient/feature.js\";\nimport { ApiStreamClientFeature } from \"@webiny/app/features/apiStreamClient/feature.js\";\nimport { LocalStorageFeature } from \"@webiny/app/features/localStorage/feature.js\";\nimport { EventPublisherFeature } from \"@webiny/app/features/eventPublisher/feature.js\";\nimport { NotificationsFeature } from \"~/features/notifications/feature.js\";\nimport { FeatureFlagsFeature } from \"~/features/featureFlags/feature.js\";\nimport { TenancyFeature } from \"~/features/tenancy/feature.js\";\nimport { SystemInstallerFeature } from \"~/presentation/installation/presenters/SystemInstaller/feature.js\";\nimport { TelemetryFeature } from \"~/features/telemetry/feature.js\";\nimport { ErrorOverlayNetworkErrorHandler } from \"~/errors/ErrorOverlayNetworkErrorHandler.js\";\nimport { ToolsFeature } from \"~/features/tools/feature.js\";\nimport { TextToLexicalToolFeature } from \"~/presentation/textToLexicalTool/feature.js\";\nimport { ConfirmationFeature } from \"~/features/confirmation/feature.js\";\nimport { ClipboardFeature } from \"~/features/clipboard/feature.js\";\nimport { resolveApiUrl, resolveGraphqlUrl, resolveWebsocketUrl } from \"./resolveApiUrl.js\";\n\nconst isUndefined = (value: any) => [undefined, \"undefined\"].includes(value);\n\nexport function createRootContainer() {\n    const container = new Container();\n\n    const trashBinEnv = process.env.WEBINY_ADMIN_TRASH_BIN_RETENTION_PERIOD_DAYS;\n    const trashBinRetention = isUndefined(trashBinEnv) ? 60 : parseInt(trashBinEnv as string);\n    const deploymentId = String(process.env.WEBINY_ADMIN_DEPLOYMENT_ID);\n\n    EnvConfigFeature.register(container, {\n        deploymentId,\n        apiUrl: resolveApiUrl(),\n        debug: process.env.WEBINY_ADMIN_DEBUG === \"true\",\n        graphqlApiUrl: resolveGraphqlUrl(),\n        telemetryEnabled: process.env.REACT_APP_WEBINY_TELEMETRY === \"true\",\n        telemetryUserId: process.env.REACT_APP_WEBINY_TELEMETRY_USER_ID,\n        trashBinRetentionPeriodDays: trashBinRetention,\n        wcpProjectId:\n            process.env.REACT_APP_WEBINY_PROJECT_ID || process.env.REACT_APP_WCP_PROJECT_ID,\n        websocketUrl: resolveWebsocketUrl()\n    });\n\n    // Router\n    const history = createBrowserHistory();\n    container.registerInstance(RouterGateway, new HistoryRouterGateway(history, \"\"));\n    container.register(DefaultRouteElementRegistry).inSingletonScope();\n\n    RouterFeature.register(container);\n\n    EventPublisherFeature.register(container);\n\n    NotificationsFeature.register(container);\n\n    GraphQLClientFeature.register(container, { batching: true, retry: true });\n\n    MainGraphQLClientFeature.register(container);\n\n    // Registered before TenancyFeature / AuthenticationContextFeature, which decorate it to add the\n    // tenant and auth headers.\n    ApiStreamClientFeature.register(container);\n\n    LocalStorageFeature.register(container, { prefix: `webiny/${deploymentId}` });\n\n    TenancyFeature.register(container);\n\n    FeatureFlagsFeature.register(container);\n\n    SystemInstallerFeature.register(container);\n\n    TelemetryFeature.register(container);\n\n    container.register(ErrorOverlayNetworkErrorHandler).inSingletonScope();\n\n    ToolsFeature.register(container);\n\n    TextToLexicalToolFeature.register(container);\n\n    ConfirmationFeature.register(container);\n\n    ClipboardFeature.register(container);\n\n    return container;\n}\n"],"names":["isUndefined","value","undefined","createRootContainer","container","Container","trashBinEnv","process","trashBinRetention","parseInt","deploymentId","String","EnvConfigFeature","resolveApiUrl","resolveGraphqlUrl","resolveWebsocketUrl","history","createBrowserHistory","RouterGateway","HistoryRouterGateway","DefaultRouteElementRegistry","RouterFeature","EventPublisherFeature","NotificationsFeature","GraphQLClientFeature","MainGraphQLClientFeature","ApiStreamClientFeature","LocalStorageFeature","TenancyFeature","FeatureFlagsFeature","SystemInstallerFeature","TelemetryFeature","ErrorOverlayNetworkErrorHandler","ToolsFeature","TextToLexicalToolFeature","ConfirmationFeature","ClipboardFeature"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAMA,cAAc,CAACC,QAAe;QAACC;QAAW;KAAY,CAAC,QAAQ,CAACD;AAE/D,SAASE;IACZ,MAAMC,YAAY,IAAIC;IAEtB,MAAMC,cAAcC,QAAQ,GAAG,CAAC,4CAA4C;IAC5E,MAAMC,oBAAoBR,YAAYM,eAAe,KAAKG,SAASH;IACnE,MAAMI,eAAeC,OAAOJ,QAAQ,GAAG,CAAC,0BAA0B;IAElEK,iBAAiB,QAAQ,CAACR,WAAW;QACjCM;QACA,QAAQG;QACR,OAAON,AAAmC,WAAnCA,QAAQ,GAAG,CAAC,kBAAkB;QACrC,eAAeO;QACf,kBAAkBP,AAA2C,WAA3CA,QAAQ,GAAG,CAAC,0BAA0B;QACxD,iBAAiBA,QAAQ,GAAG,CAAC,kCAAkC;QAC/D,6BAA6BC;QAC7B,cACID,QAAQ,GAAG,CAAC,2BAA2B,IAAIA,QAAQ,GAAG,CAAC,wBAAwB;QACnF,cAAcQ;IAClB;IAGA,MAAMC,UAAUC;IAChBb,UAAU,gBAAgB,CAACc,eAAe,IAAIC,qBAAqBH,SAAS;IAC5EZ,UAAU,QAAQ,CAACgB,6BAA6B,gBAAgB;IAEhEC,cAAc,QAAQ,CAACjB;IAEvBkB,sBAAsB,QAAQ,CAAClB;IAE/BmB,qBAAqB,QAAQ,CAACnB;IAE9BoB,qBAAqB,QAAQ,CAACpB,WAAW;QAAE,UAAU;QAAM,OAAO;IAAK;IAEvEqB,yBAAyB,QAAQ,CAACrB;IAIlCsB,uBAAuB,QAAQ,CAACtB;IAEhCuB,oBAAoB,QAAQ,CAACvB,WAAW;QAAE,QAAQ,CAAC,OAAO,EAAEM,cAAc;IAAC;IAE3EkB,eAAe,QAAQ,CAACxB;IAExByB,oBAAoB,QAAQ,CAACzB;IAE7B0B,uBAAuB,QAAQ,CAAC1B;IAEhC2B,iBAAiB,QAAQ,CAAC3B;IAE1BA,UAAU,QAAQ,CAAC4B,iCAAiC,gBAAgB;IAEpEC,aAAa,QAAQ,CAAC7B;IAEtB8B,yBAAyB,QAAQ,CAAC9B;IAElC+B,oBAAoB,QAAQ,CAAC/B;IAE7BgC,iBAAiB,QAAQ,CAAChC;IAE1B,OAAOA;AACX"}

package/base/resolveApiUrl.d.ts

@@ -0,0 +1,3 @@
+export declare const resolveApiUrl: () => string;
+export declare const resolveGraphqlUrl: () => string;
+export declare const resolveWebsocketUrl: () => string;

package/base/resolveApiUrl.js

@@ -0,0 +1,18 @@
+const resolveApiUrl = ()=>{
+    const url = process.env.WEBINY_ADMIN_API_URL;
+    if (url && "undefined" !== url) return url;
+    return "u" > typeof window ? window.location.origin : "";
+};
+const resolveGraphqlUrl = ()=>`${resolveApiUrl()}/graphql`;
+const resolveWebsocketUrl = ()=>{
+    const awsExplicit = process.env.REACT_APP_WEBSOCKET_URL;
+    if (awsExplicit && "undefined" !== awsExplicit) return awsExplicit;
+    const serverExplicit = process.env.WEBINY_ADMIN_WS_API_URL;
+    if (serverExplicit && "undefined" !== serverExplicit) return serverExplicit;
+    const apiUrl = process.env.WEBINY_ADMIN_API_URL;
+    if (apiUrl && "undefined" !== apiUrl) return apiUrl.replace(/^http/, "ws");
+    return "";
+};
+export { resolveApiUrl, resolveGraphqlUrl, resolveWebsocketUrl };
+
+//# sourceMappingURL=resolveApiUrl.js.map

package/base/resolveApiUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/resolveApiUrl.js","sources":["../../src/base/resolveApiUrl.ts"],"sourcesContent":["// Prefer the configured API URL (baked by `<Admin.ApiUrl>` into WEBINY_ADMIN_API_URL); else\n// same-origin (a deployed self-hosted admin served behind the same domain as the API needs no\n// baked-in URL). Never return the literal string \"undefined\".\nexport const resolveApiUrl = (): string => {\n    const url = process.env.WEBINY_ADMIN_API_URL;\n    if (url && url !== \"undefined\") {\n        return url;\n    }\n    return typeof window !== \"undefined\" ? window.location.origin : \"\";\n};\n\n// The GraphQL endpoint derived from the resolved API URL.\nexport const resolveGraphqlUrl = (): string => `${resolveApiUrl()}/graphql`;\n\n// Resolve the WebSocket URL for the admin, in order:\n//   1. REACT_APP_WEBSOCKET_URL   — AWS: the dedicated API Gateway WebSocket URL.\n//   2. WEBINY_ADMIN_WS_API_URL   — self-hosted: a dedicated WS URL (baked via `<Admin.WebsocketsUrl>`),\n//                                  only needed when WS is served from a different origin than the API.\n//   3. derived from the API URL  — self-hosted default: the server handles WS upgrades on its own\n//                                  origin, so use the API origin with http(s) swapped for ws(s).\n// Returns \"\" when none is configured (real-time updates are then disabled). This is one of the few\n// spots allowed to read process.env — it runs at the admin composition root, like resolveApiUrl.\nexport const resolveWebsocketUrl = (): string => {\n    const awsExplicit = process.env.REACT_APP_WEBSOCKET_URL;\n    if (awsExplicit && awsExplicit !== \"undefined\") {\n        return awsExplicit;\n    }\n\n    const serverExplicit = process.env.WEBINY_ADMIN_WS_API_URL;\n    if (serverExplicit && serverExplicit !== \"undefined\") {\n        return serverExplicit;\n    }\n\n    const apiUrl = process.env.WEBINY_ADMIN_API_URL;\n    if (apiUrl && apiUrl !== \"undefined\") {\n        return apiUrl.replace(/^http/, \"ws\");\n    }\n\n    return \"\";\n};\n"],"names":["resolveApiUrl","url","process","window","resolveGraphqlUrl","resolveWebsocketUrl","awsExplicit","serverExplicit","apiUrl"],"mappings":"AAGO,MAAMA,gBAAgB;IACzB,MAAMC,MAAMC,QAAQ,GAAG,CAAC,oBAAoB;IAC5C,IAAID,OAAOA,AAAQ,gBAARA,KACP,OAAOA;IAEX,OAAO,AAAkB,MAAlB,OAAOE,SAAyBA,OAAO,QAAQ,CAAC,MAAM,GAAG;AACpE;AAGO,MAAMC,oBAAoB,IAAc,GAAGJ,gBAAgB,QAAQ,CAAC;AAUpE,MAAMK,sBAAsB;IAC/B,MAAMC,cAAcJ,QAAQ,GAAG,CAAC,uBAAuB;IACvD,IAAII,eAAeA,AAAgB,gBAAhBA,aACf,OAAOA;IAGX,MAAMC,iBAAiBL,QAAQ,GAAG,CAAC,uBAAuB;IAC1D,IAAIK,kBAAkBA,AAAmB,gBAAnBA,gBAClB,OAAOA;IAGX,MAAMC,SAASN,QAAQ,GAAG,CAAC,oBAAoB;IAC/C,IAAIM,UAAUA,AAAW,gBAAXA,QACV,OAAOA,OAAO,OAAO,CAAC,SAAS;IAGnC,OAAO;AACX"}

package/base/ui/FileManager.d.ts

@@ -51,7 +51,8 @@ export type FileManagerProps = {
 } & MultipleProps;
 type DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;
 export type FileManagerRendererProps = DistributiveOmit<FileManagerProps, "render">;
-export declare const FileManager: (({ render, onChange, ...rest }: FileManagerProps) => React.JSX.Element) & {
+declare const BaseFileManager: ({ render, onChange, ...rest }: FileManagerProps) => React.JSX.Element;
+export declare const FileManager: typeof BaseFileManager & {
     Renderer: ((props: FileManagerRendererProps) => React.JSX.Element | null) & {
         original: (props: FileManagerRendererProps) => React.JSX.Element | null;
         originalName: string;

package/components/BulkActions/BulkActionButton.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { ButtonProps } from "@webiny/admin-ui";
+export type BulkActionButtonProps = Omit<ButtonProps, "variant" | "size"> & {
+    tooltipContent: React.ReactNode;
+};
+export declare const BulkActionButton: ({ tooltipContent, ...other }: BulkActionButtonProps) => React.JSX.Element;

package/components/BulkActions/BulkActionButton.js

@@ -0,0 +1,17 @@
+import react from "react";
+import { Button, Tooltip } from "@webiny/admin-ui";
+const BulkActionButton = ({ tooltipContent, ...other })=>{
+    const button = /*#__PURE__*/ react.createElement(Button, {
+        variant: "ghost",
+        ...other
+    });
+    if (tooltipContent) return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: tooltipContent,
+        trigger: button
+    });
+    return button;
+};
+export { BulkActionButton };
+
+//# sourceMappingURL=BulkActionButton.js.map

package/components/BulkActions/BulkActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/BulkActions/BulkActionButton.js","sources":["../../../src/components/BulkActions/BulkActionButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport type { ButtonProps } from \"@webiny/admin-ui\";\nimport { Tooltip } from \"@webiny/admin-ui\";\n\nexport type BulkActionButtonProps = Omit<ButtonProps, \"variant\" | \"size\"> & {\n    tooltipContent: React.ReactNode;\n};\n\nexport const BulkActionButton = ({ tooltipContent, ...other }: BulkActionButtonProps) => {\n    const button = <Button variant={\"ghost\"} {...other} />;\n    if (tooltipContent) {\n        return <Tooltip side={\"bottom\"} content={tooltipContent} trigger={button} />;\n    }\n\n    return button;\n};\n"],"names":["BulkActionButton","tooltipContent","other","button","Button","Tooltip"],"mappings":";;AASO,MAAMA,mBAAmB,CAAC,EAAEC,cAAc,EAAE,GAAGC,OAA8B;IAChF,MAAMC,SAAS,WAATA,GAAS,oBAACC,QAAMA;QAAC,SAAS;QAAU,GAAGF,KAAK;;IAClD,IAAID,gBACA,OAAO,WAAP,GAAO,oBAACI,SAAOA;QAAC,MAAM;QAAU,SAASJ;QAAgB,SAASE;;IAGtE,OAAOA;AACX"}

package/components/BulkActions/BulkActionRunner.d.ts

@@ -0,0 +1,41 @@
+import { type Report, type Result } from "./Worker.js";
+export type { Report };
+export interface BulkActionViewModel {
+    processing: boolean;
+    results: Result[];
+}
+interface BulkActionHandlers<T> {
+    onItem: (item: T, report: Report) => Promise<void>;
+    onBulk?: (items: T[]) => Promise<void>;
+}
+/**
+ * Reusable runner for bulk action presenters.
+ *
+ * Owns the Worker, processing state, and result tracking. The presenter
+ * composes a runner instance and delegates to it, providing only the
+ * action-specific callbacks (onItem for series, onBulk for server-side batch).
+ *
+ * Usage:
+ * ```ts
+ * class BulkPublishPresenterImpl {
+ *     private runner = new BulkActionRunner<MyItem>();
+ *
+ *     get vm() { return this.runner.vm; }
+ *
+ *     async execute(items, allSelected) {
+ *         await this.runner.run(items, allSelected, {
+ *             onItem: (item, report) => { ... },
+ *             onBulk: (items) => { ... }
+ *         });
+ *     }
+ *
+ * }
+ * ```
+ */
+export declare class BulkActionRunner<T> {
+    private worker;
+    private _processing;
+    constructor();
+    get vm(): BulkActionViewModel;
+    run(items: T[], allSelected: boolean, handlers: BulkActionHandlers<T>): Promise<void>;
+}

package/components/BulkActions/BulkActionRunner.js

@@ -0,0 +1,32 @@
+import { makeAutoObservable, runInAction } from "mobx";
+import { Worker } from "./Worker.js";
+class BulkActionRunner {
+    constructor(){
+        this.worker = new Worker();
+        this._processing = false;
+        makeAutoObservable(this, {
+            worker: false
+        });
+    }
+    get vm() {
+        return {
+            processing: this._processing,
+            results: this.worker.results
+        };
+    }
+    async run(items, allSelected, handlers) {
+        this._processing = true;
+        await this.worker.resetResults();
+        try {
+            if (allSelected && handlers.onBulk) await handlers.onBulk(items);
+            else await this.worker.processInSeries(items, ({ item, report })=>handlers.onItem(item, report));
+        } finally{
+            runInAction(()=>{
+                this._processing = false;
+            });
+        }
+    }
+}
+export { BulkActionRunner };
+
+//# sourceMappingURL=BulkActionRunner.js.map

package/components/BulkActions/BulkActionRunner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/BulkActions/BulkActionRunner.js","sources":["../../../src/components/BulkActions/BulkActionRunner.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport { Worker, type Report, type Result } from \"./Worker.js\";\n\nexport type { Report };\n\nexport interface BulkActionViewModel {\n    processing: boolean;\n    results: Result[];\n}\n\ninterface BulkActionHandlers<T> {\n    onItem: (item: T, report: Report) => Promise<void>;\n    onBulk?: (items: T[]) => Promise<void>;\n}\n\n/**\n * Reusable runner for bulk action presenters.\n *\n * Owns the Worker, processing state, and result tracking. The presenter\n * composes a runner instance and delegates to it, providing only the\n * action-specific callbacks (onItem for series, onBulk for server-side batch).\n *\n * Usage:\n * ```ts\n * class BulkPublishPresenterImpl {\n *     private runner = new BulkActionRunner<MyItem>();\n *\n *     get vm() { return this.runner.vm; }\n *\n *     async execute(items, allSelected) {\n *         await this.runner.run(items, allSelected, {\n *             onItem: (item, report) => { ... },\n *             onBulk: (items) => { ... }\n *         });\n *     }\n *\n * }\n * ```\n */\nexport class BulkActionRunner<T> {\n    private worker = new Worker<T>();\n    private _processing = false;\n\n    constructor() {\n        makeAutoObservable<BulkActionRunner<T>, \"worker\">(this, {\n            worker: false\n        });\n    }\n\n    get vm(): BulkActionViewModel {\n        return {\n            processing: this._processing,\n            results: this.worker.results\n        };\n    }\n\n    async run(items: T[], allSelected: boolean, handlers: BulkActionHandlers<T>): Promise<void> {\n        this._processing = true;\n        await this.worker.resetResults();\n\n        try {\n            if (allSelected && handlers.onBulk) {\n                await handlers.onBulk(items);\n            } else {\n                await this.worker.processInSeries(items, ({ item, report }) =>\n                    handlers.onItem(item, report)\n                );\n            }\n        } finally {\n            runInAction(() => {\n                this._processing = false;\n            });\n        }\n    }\n}\n"],"names":["BulkActionRunner","Worker","makeAutoObservable","items","allSelected","handlers","item","report","runInAction"],"mappings":";;AAuCO,MAAMA;IAIT,aAAc;aAHN,MAAM,GAAG,IAAIC;aACb,WAAW,GAAG;QAGlBC,mBAAkD,IAAI,EAAE;YACpD,QAAQ;QACZ;IACJ;IAEA,IAAI,KAA0B;QAC1B,OAAO;YACH,YAAY,IAAI,CAAC,WAAW;YAC5B,SAAS,IAAI,CAAC,MAAM,CAAC,OAAO;QAChC;IACJ;IAEA,MAAM,IAAIC,KAAU,EAAEC,WAAoB,EAAEC,QAA+B,EAAiB;QACxF,IAAI,CAAC,WAAW,GAAG;QACnB,MAAM,IAAI,CAAC,MAAM,CAAC,YAAY;QAE9B,IAAI;YACA,IAAID,eAAeC,SAAS,MAAM,EAC9B,MAAMA,SAAS,MAAM,CAACF;iBAEtB,MAAM,IAAI,CAAC,MAAM,CAAC,eAAe,CAACA,OAAO,CAAC,EAAEG,IAAI,EAAEC,MAAM,EAAE,GACtDF,SAAS,MAAM,CAACC,MAAMC;QAGlC,SAAU;YACNC,YAAY;gBACR,IAAI,CAAC,WAAW,GAAG;YACvB;QACJ;IACJ;AACJ"}

package/components/BulkActions/Worker.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 export interface CallbackParams<T> {
     item: T;
     allItems: T[];
@@ -8,75 +9,26 @@ export interface Result {
     status: "success" | "failure";
     message?: string | React.ReactElement;
 }
-/**
- * Class for collecting processing results
- */
+export interface IWorkerActions<T = any> {
+    process(callback: (items: T[]) => void): void;
+    processInSeries(callback: (params: CallbackParams<T>) => Promise<void>, chunkSize?: number): Promise<void>;
+    readonly results: Result[];
+    resetResults(): Promise<void>;
+}
 export declare class Report {
     private _results;
-    /**
-     * Record a successful result in the report
-     * @param {Omit<Result, "status">} result - The successful result to be recorded
-     */
     success(result: Omit<Result, "status">): void;
-    /**
-     * Record an error result in the report.
-     * @param {Omit<Result, "status">} result - The error result to be recorded.
-     */
     error(result: Omit<Result, "status">): void;
-    /**
-     * Get the array of recorded results.
-     * @returns {Result[]} - An array of recorded results.
-     */
     get results(): Result[];
-    /**
-     * Internal method to add a result to the report.
-     * @private
-     * @param {Result} result - The result to be added to the report.
-     */
     private addResult;
 }
-/**
- * A generic worker class for processing items.
- * @template T - The type of items being processed.
- */
 export declare class Worker<T> {
     private _items;
     private _report;
     constructor();
-    /**
-     * Process the items using the provided callback function.
-     * @param callback - The callback function to process the items.
-     */
-    process(callback: (items: T[]) => void): void;
-    /**
-     * Process the items in series with the given chunk size.
-     * @param callback - The callback function to process each item.
-     * @param {number} [chunkSize=10] - The size of each chunk for processing in series.
-     * @returns {Promise<void>}
-     */
-    processInSeries(callback: ({ item, allItems, report }: CallbackParams<T>) => Promise<void>, chunkSize?: number): Promise<void>;
-    /**
-     * Get the array of results collected by the worker.
-     * @returns {Result[]} - An array of collected results.
-     */
+    process(items: T[], callback: (items: T[]) => void): void;
+    processInSeries(items: T[], callback: (params: CallbackParams<T>) => Promise<void>, chunkSize?: number): Promise<void>;
     get results(): Result[];
-    /**
-     * Get the current items in the worker.
-     * @returns {T[]} - An array of items in the worker.
-     */
-    get items(): T[];
-    /**
-     * Set the items in the worker.
-     * @param {T[]} items - The items to be set in the worker.
-     */
-    set items(items: T[]);
     resetResults(): Promise<void>;
-    /**
-     * Internal method to process a chunk of items using the provided callback.
-     * @private
-     * @param callback - The callback function to process each item.
-     * @param {T[]} chunk - The chunk of items to be processed.
-     * @returns {Promise<void>}
-     */
     private processChunk;
 }

package/components/BulkActions/Worker.js

@@ -29,23 +29,19 @@ class Worker {
         this._report = new Report();
         makeAutoObservable(this);
     }
-    process(callback) {
+    process(items, callback) {
+        this._items = items;
         callback(this._items);
     }
-    async processInSeries(callback, chunkSize = 10) {
+    async processInSeries(items, callback, chunkSize = 10) {
+        this._items = items;
         const chunks = lodash_chunk(this._items, chunkSize);
-        const promises = chunks.map((chunk)=>this.processChunk(callback, chunk));
+        const promises = chunks.map((c)=>this.processChunk(callback, c));
         await Promise.all(promises);
     }
     get results() {
         return this._report.results;
     }
-    get items() {
-        return this._items;
-    }
-    set items(items) {
-        this._items = items;
-    }
     async resetResults() {
         this._items = [];
         this._report = new Report();

package/components/BulkActions/Worker.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/BulkActions/Worker.js","sources":["../../../src/components/BulkActions/Worker.ts"],"sourcesContent":["import chunk from \"lodash/chunk.js\";\nimport { makeAutoObservable } from \"mobx\";\n\nexport interface CallbackParams<T> {\n    item: T;\n    allItems: T[];\n    report: Report;\n}\n\nexport interface Result {\n    title: string;\n    status: \"success\" | \"failure\";\n    message?: string | React.ReactElement;\n}\n\n/**\n * Class for collecting processing results\n */\nexport class Report {\n    private _results: Result[] = [];\n\n    /**\n     * Record a successful result in the report\n     * @param {Omit<Result, \"status\">} result - The successful result to be recorded\n     */\n    public success(result: Omit<Result, \"status\">): void {\n        this.addResult({\n            ...result,\n            status: \"success\"\n        });\n    }\n\n    /**\n     * Record an error result in the report.\n     * @param {Omit<Result, \"status\">} result - The error result to be recorded.\n     */\n    public error(result: Omit<Result, \"status\">): void {\n        this.addResult({\n            ...result,\n            status: \"failure\"\n        });\n    }\n\n    /**\n     * Get the array of recorded results.\n     * @returns {Result[]} - An array of recorded results.\n     */\n    get results(): Result[] {\n        return this._results;\n    }\n\n    /**\n     * Internal method to add a result to the report.\n     * @private\n     * @param {Result} result - The result to be added to the report.\n     */\n    private addResult(result: Result): void {\n        this._results.push(result);\n    }\n}\n\n/**\n * A generic worker class for processing items.\n * @template T - The type of items being processed.\n */\nexport class Worker<T> {\n    private _items: T[];\n    private _report: Report;\n\n    constructor() {\n        this._items = [];\n        this._report = new Report();\n        makeAutoObservable(this);\n    }\n\n    /**\n     * Process the items using the provided callback function.\n     * @param callback - The callback function to process the items.\n     */\n    public process(callback: (items: T[]) => void): void {\n        callback(this._items);\n    }\n\n    /**\n     * Process the items in series with the given chunk size.\n     * @param callback - The callback function to process each item.\n     * @param {number} [chunkSize=10] - The size of each chunk for processing in series.\n     * @returns {Promise<void>}\n     */\n    public async processInSeries(\n        callback: ({ item, allItems, report }: CallbackParams<T>) => Promise<void>,\n        chunkSize = 10\n    ): Promise<void> {\n        const chunks = chunk(this._items, chunkSize);\n        const promises = chunks.map(chunk => this.processChunk(callback, chunk));\n        await Promise.all(promises);\n    }\n\n    /**\n     * Get the array of results collected by the worker.\n     * @returns {Result[]} - An array of collected results.\n     */\n    get results(): Result[] {\n        return this._report.results;\n    }\n\n    /**\n     * Get the current items in the worker.\n     * @returns {T[]} - An array of items in the worker.\n     */\n    get items(): T[] {\n        return this._items;\n    }\n\n    /**\n     * Set the items in the worker.\n     * @param {T[]} items - The items to be set in the worker.\n     */\n    set items(items: T[]) {\n        this._items = items;\n    }\n\n    public async resetResults(): Promise<void> {\n        this._items = [];\n        this._report = new Report();\n    }\n\n    /**\n     * Internal method to process a chunk of items using the provided callback.\n     * @private\n     * @param callback - The callback function to process each item.\n     * @param {T[]} chunk - The chunk of items to be processed.\n     * @returns {Promise<void>}\n     */\n    private async processChunk(\n        callback: ({ item, allItems, report }: CallbackParams<T>) => void | Promise<void>,\n        chunk: T[]\n    ): Promise<void> {\n        for (const item of chunk) {\n            await callback({ item, allItems: this._items, report: this._report });\n        }\n    }\n}\n"],"names":["Report","result","Worker","makeAutoObservable","callback","chunkSize","chunks","chunk","promises","Promise","items","item"],"mappings":";;AAkBO,MAAMA;IAOF,QAAQC,MAA8B,EAAQ;QACjD,IAAI,CAAC,SAAS,CAAC;YACX,GAAGA,MAAM;YACT,QAAQ;QACZ;IACJ;IAMO,MAAMA,MAA8B,EAAQ;QAC/C,IAAI,CAAC,SAAS,CAAC;YACX,GAAGA,MAAM;YACT,QAAQ;QACZ;IACJ;IAMA,IAAI,UAAoB;QACpB,OAAO,IAAI,CAAC,QAAQ;IACxB;IAOQ,UAAUA,MAAc,EAAQ;QACpC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAACA;IACvB;;aAvCQ,QAAQ,GAAa,EAAE;;AAwCnC;AAMO,MAAMC;IAIT,aAAc;QACV,IAAI,CAAC,MAAM,GAAG,EAAE;QAChB,IAAI,CAAC,OAAO,GAAG,IAAIF;QACnBG,mBAAmB,IAAI;IAC3B;IAMO,QAAQC,QAA8B,EAAQ;QACjDA,SAAS,IAAI,CAAC,MAAM;IACxB;IAQA,MAAa,gBACTA,QAA0E,EAC1EC,YAAY,EAAE,EACD;QACb,MAAMC,SAASC,aAAM,IAAI,CAAC,MAAM,EAAEF;QAClC,MAAMG,WAAWF,OAAO,GAAG,CAACC,CAAAA,QAAS,IAAI,CAAC,YAAY,CAACH,UAAUG;QACjE,MAAME,QAAQ,GAAG,CAACD;IACtB;IAMA,IAAI,UAAoB;QACpB,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO;IAC/B;IAMA,IAAI,QAAa;QACb,OAAO,IAAI,CAAC,MAAM;IACtB;IAMA,IAAI,MAAME,KAAU,EAAE;QAClB,IAAI,CAAC,MAAM,GAAGA;IAClB;IAEA,MAAa,eAA8B;QACvC,IAAI,CAAC,MAAM,GAAG,EAAE;QAChB,IAAI,CAAC,OAAO,GAAG,IAAIV;IACvB;IASA,MAAc,aACVI,QAAiF,EACjFG,KAAU,EACG;QACb,KAAK,MAAMI,QAAQJ,MACf,MAAMH,SAAS;YAAEO;YAAM,UAAU,IAAI,CAAC,MAAM;YAAE,QAAQ,IAAI,CAAC,OAAO;QAAC;IAE3E;AACJ"}
+{"version":3,"file":"components/BulkActions/Worker.js","sources":["../../../src/components/BulkActions/Worker.ts"],"sourcesContent":["import React from \"react\";\nimport chunk from \"lodash/chunk.js\";\nimport { makeAutoObservable } from \"mobx\";\n\nexport interface CallbackParams<T> {\n    item: T;\n    allItems: T[];\n    report: Report;\n}\n\nexport interface Result {\n    title: string;\n    status: \"success\" | \"failure\";\n    message?: string | React.ReactElement;\n}\n\nexport interface IWorkerActions<T = any> {\n    process(callback: (items: T[]) => void): void;\n    processInSeries(\n        callback: (params: CallbackParams<T>) => Promise<void>,\n        chunkSize?: number\n    ): Promise<void>;\n    readonly results: Result[];\n    resetResults(): Promise<void>;\n}\n\nexport class Report {\n    private _results: Result[] = [];\n\n    public success(result: Omit<Result, \"status\">): void {\n        this.addResult({ ...result, status: \"success\" });\n    }\n\n    public error(result: Omit<Result, \"status\">): void {\n        this.addResult({ ...result, status: \"failure\" });\n    }\n\n    get results(): Result[] {\n        return this._results;\n    }\n\n    private addResult(result: Result): void {\n        this._results.push(result);\n    }\n}\n\nexport class Worker<T> {\n    private _items: T[] = [];\n    private _report: Report;\n\n    constructor() {\n        this._report = new Report();\n        makeAutoObservable(this);\n    }\n\n    public process(items: T[], callback: (items: T[]) => void): void {\n        this._items = items;\n        callback(this._items);\n    }\n\n    public async processInSeries(\n        items: T[],\n        callback: (params: CallbackParams<T>) => Promise<void>,\n        chunkSize = 10\n    ): Promise<void> {\n        this._items = items;\n        const chunks = chunk(this._items, chunkSize);\n        const promises = chunks.map(c => this.processChunk(callback, c));\n        await Promise.all(promises);\n    }\n\n    get results(): Result[] {\n        return this._report.results;\n    }\n\n    public async resetResults(): Promise<void> {\n        this._items = [];\n        this._report = new Report();\n    }\n\n    private async processChunk(\n        callback: (params: CallbackParams<T>) => void | Promise<void>,\n        chunk: T[]\n    ): Promise<void> {\n        for (const item of chunk) {\n            await callback({ item, allItems: this._items, report: this._report });\n        }\n    }\n}\n"],"names":["Report","result","Worker","makeAutoObservable","items","callback","chunkSize","chunks","chunk","promises","c","Promise","item"],"mappings":";;AA0BO,MAAMA;IAGF,QAAQC,MAA8B,EAAQ;QACjD,IAAI,CAAC,SAAS,CAAC;YAAE,GAAGA,MAAM;YAAE,QAAQ;QAAU;IAClD;IAEO,MAAMA,MAA8B,EAAQ;QAC/C,IAAI,CAAC,SAAS,CAAC;YAAE,GAAGA,MAAM;YAAE,QAAQ;QAAU;IAClD;IAEA,IAAI,UAAoB;QACpB,OAAO,IAAI,CAAC,QAAQ;IACxB;IAEQ,UAAUA,MAAc,EAAQ;QACpC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAACA;IACvB;;aAhBQ,QAAQ,GAAa,EAAE;;AAiBnC;AAEO,MAAMC;IAIT,aAAc;aAHN,MAAM,GAAQ,EAAE;QAIpB,IAAI,CAAC,OAAO,GAAG,IAAIF;QACnBG,mBAAmB,IAAI;IAC3B;IAEO,QAAQC,KAAU,EAAEC,QAA8B,EAAQ;QAC7D,IAAI,CAAC,MAAM,GAAGD;QACdC,SAAS,IAAI,CAAC,MAAM;IACxB;IAEA,MAAa,gBACTD,KAAU,EACVC,QAAsD,EACtDC,YAAY,EAAE,EACD;QACb,IAAI,CAAC,MAAM,GAAGF;QACd,MAAMG,SAASC,aAAM,IAAI,CAAC,MAAM,EAAEF;QAClC,MAAMG,WAAWF,OAAO,GAAG,CAACG,CAAAA,IAAK,IAAI,CAAC,YAAY,CAACL,UAAUK;QAC7D,MAAMC,QAAQ,GAAG,CAACF;IACtB;IAEA,IAAI,UAAoB;QACpB,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO;IAC/B;IAEA,MAAa,eAA8B;QACvC,IAAI,CAAC,MAAM,GAAG,EAAE;QAChB,IAAI,CAAC,OAAO,GAAG,IAAIT;IACvB;IAEA,MAAc,aACVK,QAA6D,EAC7DG,KAAU,EACG;QACb,KAAK,MAAMI,QAAQJ,MACf,MAAMH,SAAS;YAAEO;YAAM,UAAU,IAAI,CAAC,MAAM;YAAE,QAAQ,IAAI,CAAC,OAAO;QAAC;IAE3E;AACJ"}

package/components/BulkActions/index.d.ts

@@ -1,2 +1,5 @@
 export * from "./useDialogWithReport/index.js";
+export { useDialogWithReport as useBulkActionDialog } from "./useDialogWithReport/index.js";
 export * from "./Worker.js";
+export * from "./BulkActionRunner.js";
+export * from "./BulkActionButton.js";

package/components/BulkActions/index.js

@@ -1,2 +1,5 @@
 export * from "./useDialogWithReport/index.js";
 export * from "./Worker.js";
+export * from "./BulkActionRunner.js";
+export * from "./BulkActionButton.js";
+export { useDialogWithReport as useBulkActionDialog } from "./useDialogWithReport/index.js";