@webiny/app-headless-cms-scheduler 6.0.0-alpha.4 → 6.0.0-rc.0

package/Presentation/components/ScheduleDialog/useScheduleDialog.d.ts

@@ -1,6 +1,8 @@
-import type { SchedulerEntry } from "../../../types";
-import type { CmsContentEntry } from "@webiny/app-headless-cms-common/types";
-import type { IScheduleDialogAction } from "./types";
+import React from "react";
+import { type BindComponentRenderProp } from "@webiny/form";
+import type { SchedulerEntry } from "../../../types.js";
+import type { CmsContentEntry } from "@webiny/app-headless-cms-common/types/index.js";
+import type { IScheduleDialogAction } from "./types.js";
 export interface ShowDialogParamsEntry {
     id: string;
     status: CmsContentEntry["meta"]["status"];
@@ -15,5 +17,27 @@ export interface ShowDialogParams {
 interface UseShowScheduleDialogResponse {
     showDialog: (params: ShowDialogParams) => void;
 }
+export interface ISchedulerDialogFormComponentDateTimeInputProps {
+    bind: BindComponentRenderProp<Date>;
+}
+export declare const SchedulerDialogFormComponentDateTimeInput: ((props: ISchedulerDialogFormComponentDateTimeInputProps) => React.JSX.Element) & {
+    original: (props: ISchedulerDialogFormComponentDateTimeInputProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: ISchedulerDialogFormComponentDateTimeInputProps) => React.JSX.Element) & {
+        original: (props: ISchedulerDialogFormComponentDateTimeInputProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: ISchedulerDialogFormComponentDateTimeInputProps) => React.JSX.Element) & {
+        original: (props: ISchedulerDialogFormComponentDateTimeInputProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
 export declare const useScheduleDialog: () => UseShowScheduleDialogResponse;
 export {};

package/Presentation/components/ScheduleDialog/useScheduleDialog.js

@@ -5,6 +5,7 @@ import { Bind } from "@webiny/form";
 import { validation } from "@webiny/validation";
 import { ScheduleType } from "../../../types.js";
 import ValidationError from "@webiny/validation/validationError.js";
+import { makeDecoratable } from "@webiny/react-composition";
 const dateToLocaleStringFormatter = new Intl.DateTimeFormat(undefined, {
   year: "numeric",
   month: "2-digit",
@@ -26,18 +27,23 @@ const ReschedulingAlert = ({
     type: "danger"
   }, /*#__PURE__*/React.createElement(React.Fragment, null, "A ", actionName, " is already scheduled at", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("strong", null, dateToLocaleStringFormatter.format(scheduleOn)), "."));
 };
+/**
+ * DO NOT use a library for this!
+ */
+const padLeft = num => {
+  return String(num).padStart(2, "0");
+};
 const formatDateForDateTimeLocal = date => {
   if (!date) {
     return undefined;
+  } else if (typeof date === "string") {
+    date = new Date(date);
   }
-  const pad = num => {
-    return String(num).padStart(2, "0");
-  };
   const year = date.getFullYear();
-  const month = pad(date.getMonth() + 1);
-  const day = pad(date.getDate());
-  const hours = pad(date.getHours());
-  const minutes = pad(date.getMinutes());
+  const month = padLeft(date.getMonth() + 1);
+  const day = padLeft(date.getDate());
+  const hours = padLeft(date.getHours());
+  const minutes = padLeft(date.getMinutes());
   return `${year}-${month}-${day}T${hours}:${minutes}`;
 };
 const minDateValidator = input => {
@@ -49,6 +55,20 @@ const minDateValidator = input => {
   throw new ValidationError(`The date must be at least 2 minutes in the future. Current minimum date is ${dateToLocaleStringFormatter.format(minDate)}.`);
 };
 minDateValidator.validatorName = "minDateValidator";
+export const SchedulerDialogFormComponentDateTimeInput = makeDecoratable("SchedulerDialogFormComponentDateTimeInput", props => {
+  const {
+    bind
+  } = props;
+  return /*#__PURE__*/React.createElement(Input, Object.assign({}, bind, {
+    value: formatDateForDateTimeLocal(bind.value),
+    title: "Schedule On",
+    label: "Schedule On",
+    size: "lg",
+    type: "datetime-local",
+    required: true,
+    autoFocus: true
+  }));
+});
 const FormComponent = ({
   scheduleOn,
   onCancel,
@@ -63,14 +83,11 @@ const FormComponent = ({
   }, /*#__PURE__*/React.createElement(Bind, {
     name: "scheduleOn",
     validators: [validation.create("required"), minDateValidator]
-  }, /*#__PURE__*/React.createElement(Input, {
-    title: "Schedule On",
-    label: "Schedule On",
-    size: "lg",
-    type: "datetime-local",
-    required: true,
-    autoFocus: true
-  })))));
+  }, bind => {
+    return /*#__PURE__*/React.createElement(SchedulerDialogFormComponentDateTimeInput, {
+      bind: bind
+    });
+  }))));
 };
 export const useScheduleDialog = () => {
   const dialog = useDialogs();
@@ -125,16 +142,16 @@ export const useScheduleDialog = () => {
       schedulerEntry,
       entry
     } = params;
-    const scheduleOnValue = schedulerEntry?.publishOn || schedulerEntry?.unpublishOn;
+    const scheduleOn = schedulerEntry?.publishOn || schedulerEntry?.unpublishOn;
     dialogClose.current = dialog.showDialog({
       title: `Schedule "${entry.title}"`,
       content: /*#__PURE__*/React.createElement(FormComponent, {
         type: schedulerEntry?.type,
-        scheduleOn: scheduleOnValue,
+        scheduleOn: scheduleOn,
         onCancel: onCancel
       }),
       formData: {
-        scheduleOn: formatDateForDateTimeLocal(scheduleOnValue)
+        scheduleOn
       },
       acceptLabel: entry.status === "published" ? "Schedule Unpublish" : "Schedule Publish",
       cancelLabel: "Discard",
@@ -154,7 +171,9 @@ export const useScheduleDialog = () => {
         try {
           scheduleOn = new Date(data.scheduleOn);
         } catch (ex) {
-          showSnackbar(`Invalid "Schedule On" date!`);
+          showSnackbar(`Invalid "Schedule On" date!`, {
+            value: data.scheduleOn
+          });
           console.error(ex);
           return;
         }

package/Presentation/components/ScheduleDialog/useScheduleDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useRef","Alert","Grid","Input","useDialogs","useSnackbar","Bind","validation","ScheduleType","ValidationError","dateToLocaleStringFormatter","Intl","DateTimeFormat","undefined","year","month","day","hour","minute","second","hour12","ReschedulingAlert","scheduleOn","type","actionName","publish","createElement","Fragment","format","formatDateForDateTimeLocal","date","pad","num","String","padStart","getFullYear","getMonth","getDate","hours","getHours","minutes","getMinutes","minDateValidator","input","value","Date","minDate","getTime","validatorName","FormComponent","onCancel","Column","span","name","validators","create","title","label","size","required","autoFocus","useScheduleDialog","dialog","showSnackbar","dialogClose","onAccept","params","action","entry","schedule","id","modelId","error","message","console","schedulerEntry","cancel","model","current","showDialog","scheduleOnValue","publishOn","unpublishOn","content","formData","acceptLabel","status","cancelLabel","loadingLabel","data","ex","unpublish"],"sources":["useScheduleDialog.tsx"],"sourcesContent":["import React, { useCallback, useRef } from \"react\";\nimport { Alert, Grid, Input } from \"@webiny/admin-ui\";\nimport { useDialogs, useSnackbar } from \"@webiny/app-admin\";\nimport { Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport type { SchedulerEntry } from \"~/types\";\nimport type { CmsContentEntry } from \"@webiny/app-headless-cms-common/types\";\nimport type { IScheduleDialogAction } from \"./types\";\nimport { ScheduleType } from \"~/types.js\";\nimport type { Validator } from \"@webiny/validation/types.js\";\nimport ValidationError from \"@webiny/validation/validationError.js\";\n\nexport interface ShowDialogParamsEntry {\n    id: string;\n    status: CmsContentEntry[\"meta\"][\"status\"];\n    title: string;\n    modelId: string;\n}\n\nexport interface ShowDialogParams {\n    entry: ShowDialogParamsEntry;\n    schedulerEntry: SchedulerEntry | null;\n    action: IScheduleDialogAction;\n}\n\ninterface UseShowScheduleDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    scheduleOn: Date | undefined;\n    type: ScheduleType | undefined;\n    onCancel: OnCancelCallable;\n}\n\nconst dateToLocaleStringFormatter = new Intl.DateTimeFormat(undefined, {\n    year: \"numeric\",\n    month: \"2-digit\",\n    day: \"2-digit\",\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n    second: undefined,\n    hour12: false\n});\n\nconst ReschedulingAlert = ({ scheduleOn, type }: FormComponentProps) => {\n    if (!scheduleOn || !type) {\n        return null;\n    }\n    const actionName = type === ScheduleType.publish ? \"publish\" : \"unpublish\";\n    return (\n        <Alert type={\"danger\"}>\n            <>\n                A {actionName} is already scheduled at\n                <br />\n                <strong>{dateToLocaleStringFormatter.format(scheduleOn)}</strong>.\n            </>\n        </Alert>\n    );\n};\n\nconst formatDateForDateTimeLocal = (date?: Date): string | undefined => {\n    if (!date) {\n        return undefined;\n    }\n    const pad = (num: number) => {\n        return String(num).padStart(2, \"0\");\n    };\n\n    const year = date.getFullYear();\n    const month = pad(date.getMonth() + 1);\n    const day = pad(date.getDate());\n    const hours = pad(date.getHours());\n    const minutes = pad(date.getMinutes());\n\n    return `${year}-${month}-${day}T${hours}:${minutes}`;\n};\n\nconst minDateValidator: Validator = (input: string) => {\n    const value = new Date(input);\n    const minDate = new Date(new Date().getTime() + 120 * 1000);\n    if (minDate < value) {\n        return;\n    }\n    throw new ValidationError(\n        `The date must be at least 2 minutes in the future. Current minimum date is ${dateToLocaleStringFormatter.format(\n            minDate\n        )}.`\n    );\n};\n\nminDateValidator.validatorName = \"minDateValidator\";\n\nconst FormComponent = ({ scheduleOn, onCancel, type }: FormComponentProps) => {\n    return (\n        <>\n            {<ReschedulingAlert type={type} scheduleOn={scheduleOn} onCancel={onCancel} />}\n            <Grid>\n                <Grid.Column span={12}>\n                    <Bind\n                        name={\"scheduleOn\"}\n                        validators={[validation.create(\"required\"), minDateValidator]}\n                    >\n                        <Input\n                            title={\"Schedule On\"}\n                            label={\"Schedule On\"}\n                            size={\"lg\"}\n                            type={\"datetime-local\"}\n                            required\n                            autoFocus\n                        />\n                    </Bind>\n                </Grid.Column>\n            </Grid>\n        </>\n    );\n};\n\ninterface ScheduleFormData {\n    scheduleOn?: string;\n}\n\ninterface IOnAcceptParams {\n    action: IScheduleDialogAction;\n    scheduleOn: Date;\n    entry: ShowDialogParamsEntry;\n    type: ScheduleType;\n}\n\ninterface IOnCancelParams {\n    action: IScheduleDialogAction;\n    schedulerEntry: SchedulerEntry;\n}\n\ninterface OnCancelCallable {\n    (params: IOnCancelParams): Promise<void>;\n}\n\nexport const useScheduleDialog = (): UseShowScheduleDialogResponse => {\n    const dialog = useDialogs();\n    const { showSnackbar } = useSnackbar();\n\n    const dialogClose = useRef<null | (() => void)>(() => {\n        return;\n    });\n\n    const onAccept = useCallback(async (params: IOnAcceptParams) => {\n        const { action, entry, scheduleOn, type } = params;\n\n        try {\n            await action.schedule({\n                id: entry.id,\n                modelId: entry.modelId,\n                scheduleOn,\n                type\n            });\n            showSnackbar(`Scheduled ${type} action for \"${entry.title}\"!`);\n        } catch (error) {\n            showSnackbar(error.message);\n            console.error(error);\n        }\n    }, []);\n\n    const onCancel = useCallback(async (params: IOnCancelParams) => {\n        const { action, schedulerEntry } = params;\n\n        try {\n            await action.cancel({\n                id: schedulerEntry.id,\n                modelId: schedulerEntry.model.modelId\n            });\n            showSnackbar(`Canceled scheduled ${schedulerEntry.type} on \"${schedulerEntry.title}\"!`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n        if (!dialogClose.current) {\n            return;\n        }\n        dialogClose.current();\n        dialogClose.current = null;\n    }, []);\n\n    const showDialog = (params: ShowDialogParams) => {\n        const { schedulerEntry, entry } = params;\n\n        const scheduleOnValue = schedulerEntry?.publishOn || schedulerEntry?.unpublishOn;\n\n        dialogClose.current = dialog.showDialog({\n            title: `Schedule \"${entry.title}\"`,\n            content: (\n                <FormComponent\n                    type={schedulerEntry?.type}\n                    scheduleOn={scheduleOnValue}\n                    onCancel={onCancel}\n                />\n            ),\n            formData: {\n                scheduleOn: formatDateForDateTimeLocal(scheduleOnValue)\n            },\n            acceptLabel: entry.status === \"published\" ? \"Schedule Unpublish\" : \"Schedule Publish\",\n            cancelLabel: \"Discard\",\n            loadingLabel: \"Scheduling...\",\n            onAccept: (data: Partial<ScheduleFormData>) => {\n                if (!data.scheduleOn) {\n                    showSnackbar(`Missing \"Schedule On\" date!`);\n                    return;\n                }\n                /**\n                 * We need to convert scheduleOn from local string to the ISO String (UTC) format.\n                 * This is important because the date will be stored in the database in UTC format.\n                 *\n                 * We display the date (in the UI) in users timezone time.\n                 */\n                let scheduleOn: Date;\n                try {\n                    scheduleOn = new Date(data.scheduleOn);\n                } catch (ex) {\n                    showSnackbar(`Invalid \"Schedule On\" date!`);\n                    console.error(ex);\n                    return;\n                }\n\n                onAccept({\n                    ...params,\n                    scheduleOn,\n                    type:\n                        entry.status === \"published\" ? ScheduleType.unpublish : ScheduleType.publish\n                });\n            }\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useRef","Alert","Grid","Input","useDialogs","useSnackbar","Bind","validation","ScheduleType","ValidationError","makeDecoratable","dateToLocaleStringFormatter","Intl","DateTimeFormat","undefined","year","month","day","hour","minute","second","hour12","ReschedulingAlert","scheduleOn","type","actionName","publish","createElement","Fragment","format","padLeft","num","String","padStart","formatDateForDateTimeLocal","date","Date","getFullYear","getMonth","getDate","hours","getHours","minutes","getMinutes","minDateValidator","input","value","minDate","getTime","validatorName","SchedulerDialogFormComponentDateTimeInput","props","bind","Object","assign","title","label","size","required","autoFocus","FormComponent","onCancel","Column","span","name","validators","create","useScheduleDialog","dialog","showSnackbar","dialogClose","onAccept","params","action","entry","schedule","id","modelId","error","message","console","schedulerEntry","cancel","model","current","showDialog","publishOn","unpublishOn","content","formData","acceptLabel","status","cancelLabel","loadingLabel","data","ex","unpublish"],"sources":["useScheduleDialog.tsx"],"sourcesContent":["import React, { useCallback, useRef } from \"react\";\nimport { Alert, Grid, Input } from \"@webiny/admin-ui\";\nimport { useDialogs, useSnackbar } from \"@webiny/app-admin\";\nimport { Bind, type BindComponentRenderProp } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport type { SchedulerEntry } from \"~/types.js\";\nimport type { CmsContentEntry } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type { IScheduleDialogAction } from \"./types.js\";\nimport { ScheduleType } from \"~/types.js\";\nimport type { Validator } from \"@webiny/validation/types.js\";\nimport ValidationError from \"@webiny/validation/validationError.js\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nexport interface ShowDialogParamsEntry {\n    id: string;\n    status: CmsContentEntry[\"meta\"][\"status\"];\n    title: string;\n    modelId: string;\n}\n\nexport interface ShowDialogParams {\n    entry: ShowDialogParamsEntry;\n    schedulerEntry: SchedulerEntry | null;\n    action: IScheduleDialogAction;\n}\n\ninterface UseShowScheduleDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    scheduleOn: Date | undefined;\n    type: ScheduleType | undefined;\n    onCancel: OnCancelCallable;\n}\n\nconst dateToLocaleStringFormatter = new Intl.DateTimeFormat(undefined, {\n    year: \"numeric\",\n    month: \"2-digit\",\n    day: \"2-digit\",\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n    second: undefined,\n    hour12: false\n});\n\nconst ReschedulingAlert = ({ scheduleOn, type }: FormComponentProps) => {\n    if (!scheduleOn || !type) {\n        return null;\n    }\n    const actionName = type === ScheduleType.publish ? \"publish\" : \"unpublish\";\n    return (\n        <Alert type={\"danger\"}>\n            <>\n                A {actionName} is already scheduled at\n                <br />\n                <strong>{dateToLocaleStringFormatter.format(scheduleOn)}</strong>.\n            </>\n        </Alert>\n    );\n};\n/**\n * DO NOT use a library for this!\n */\nconst padLeft = (num: number) => {\n    return String(num).padStart(2, \"0\");\n};\n\nconst formatDateForDateTimeLocal = (date?: Date | string): string | undefined => {\n    if (!date) {\n        return undefined;\n    } else if (typeof date === \"string\") {\n        date = new Date(date);\n    }\n\n    const year = date.getFullYear();\n    const month = padLeft(date.getMonth() + 1);\n    const day = padLeft(date.getDate());\n    const hours = padLeft(date.getHours());\n    const minutes = padLeft(date.getMinutes());\n\n    return `${year}-${month}-${day}T${hours}:${minutes}`;\n};\n\nconst minDateValidator: Validator = (input: string) => {\n    const value = new Date(input);\n    const minDate = new Date(new Date().getTime() + 120 * 1000);\n    if (minDate < value) {\n        return;\n    }\n    throw new ValidationError(\n        `The date must be at least 2 minutes in the future. Current minimum date is ${dateToLocaleStringFormatter.format(\n            minDate\n        )}.`\n    );\n};\n\nminDateValidator.validatorName = \"minDateValidator\";\n\nexport interface ISchedulerDialogFormComponentDateTimeInputProps {\n    bind: BindComponentRenderProp<Date>;\n}\n\nexport const SchedulerDialogFormComponentDateTimeInput = makeDecoratable(\n    \"SchedulerDialogFormComponentDateTimeInput\",\n    (props: ISchedulerDialogFormComponentDateTimeInputProps) => {\n        const { bind } = props;\n\n        return (\n            <Input\n                {...bind}\n                value={formatDateForDateTimeLocal(bind.value)}\n                title={\"Schedule On\"}\n                label={\"Schedule On\"}\n                size={\"lg\"}\n                type={\"datetime-local\"}\n                required\n                autoFocus\n            />\n        );\n    }\n);\n\nconst FormComponent = ({ scheduleOn, onCancel, type }: FormComponentProps) => {\n    return (\n        <>\n            {<ReschedulingAlert type={type} scheduleOn={scheduleOn} onCancel={onCancel} />}\n            <Grid>\n                <Grid.Column span={12}>\n                    <Bind\n                        name={\"scheduleOn\"}\n                        validators={[validation.create(\"required\"), minDateValidator]}\n                    >\n                        {bind => {\n                            return <SchedulerDialogFormComponentDateTimeInput bind={bind} />;\n                        }}\n                    </Bind>\n                </Grid.Column>\n            </Grid>\n        </>\n    );\n};\n\ninterface ScheduleFormData {\n    scheduleOn?: string;\n}\n\ninterface IOnAcceptParams {\n    action: IScheduleDialogAction;\n    scheduleOn: Date;\n    entry: ShowDialogParamsEntry;\n    type: ScheduleType;\n}\n\ninterface IOnCancelParams {\n    action: IScheduleDialogAction;\n    schedulerEntry: SchedulerEntry;\n}\n\ninterface OnCancelCallable {\n    (params: IOnCancelParams): Promise<void>;\n}\n\nexport const useScheduleDialog = (): UseShowScheduleDialogResponse => {\n    const dialog = useDialogs();\n    const { showSnackbar } = useSnackbar();\n\n    const dialogClose = useRef<null | (() => void)>(() => {\n        return;\n    });\n\n    const onAccept = useCallback(async (params: IOnAcceptParams) => {\n        const { action, entry, scheduleOn, type } = params;\n\n        try {\n            await action.schedule({\n                id: entry.id,\n                modelId: entry.modelId,\n                scheduleOn,\n                type\n            });\n            showSnackbar(`Scheduled ${type} action for \"${entry.title}\"!`);\n        } catch (error) {\n            showSnackbar(error.message);\n            console.error(error);\n        }\n    }, []);\n\n    const onCancel = useCallback(async (params: IOnCancelParams) => {\n        const { action, schedulerEntry } = params;\n\n        try {\n            await action.cancel({\n                id: schedulerEntry.id,\n                modelId: schedulerEntry.model.modelId\n            });\n            showSnackbar(`Canceled scheduled ${schedulerEntry.type} on \"${schedulerEntry.title}\"!`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n        if (!dialogClose.current) {\n            return;\n        }\n        dialogClose.current();\n        dialogClose.current = null;\n    }, []);\n\n    const showDialog = (params: ShowDialogParams) => {\n        const { schedulerEntry, entry } = params;\n\n        const scheduleOn = schedulerEntry?.publishOn || schedulerEntry?.unpublishOn;\n\n        dialogClose.current = dialog.showDialog({\n            title: `Schedule \"${entry.title}\"`,\n            content: (\n                <FormComponent\n                    type={schedulerEntry?.type}\n                    scheduleOn={scheduleOn}\n                    onCancel={onCancel}\n                />\n            ),\n            formData: {\n                scheduleOn\n            },\n            acceptLabel: entry.status === \"published\" ? \"Schedule Unpublish\" : \"Schedule Publish\",\n            cancelLabel: \"Discard\",\n            loadingLabel: \"Scheduling...\",\n            onAccept: (data: Partial<ScheduleFormData>) => {\n                if (!data.scheduleOn) {\n                    showSnackbar(`Missing \"Schedule On\" date!`);\n                    return;\n                }\n                /**\n                 * We need to convert scheduleOn from local string to the ISO String (UTC) format.\n                 * This is important because the date will be stored in the database in UTC format.\n                 *\n                 * We display the date (in the UI) in users timezone time.\n                 */\n                let scheduleOn: Date;\n                try {\n                    scheduleOn = new Date(data.scheduleOn);\n                } catch (ex) {\n                    showSnackbar(`Invalid \"Schedule On\" date!`, {\n                        value: data.scheduleOn\n                    });\n                    console.error(ex);\n                    return;\n                }\n\n                onAccept({\n                    ...params,\n                    scheduleOn,\n                    type:\n                        entry.status === \"published\" ? ScheduleType.unpublish : ScheduleType.publish\n                });\n            }\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":"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","ignoreList":[]}

package/Presentation/components/SchedulerOverlay/SchedulerOverlay.js

@@ -1,13 +1,13 @@
 import React from "react";
-import debounce from "lodash/debounce";
+import debounce from "lodash/debounce.js";
 import { OverlayLayout } from "@webiny/app-admin";
-import { Scrollbar } from "@webiny/ui/Scrollbar";
-import { Title } from "../Title";
-import { SearchInput } from "../SearchInput";
-import { Empty } from "../Empty";
-import { Table } from "../Table";
-import { BottomInfoBar } from "../BottomInfoBar";
-import { useScheduler } from "../../hooks";
+import { Scrollbar } from "@webiny/ui/Scrollbar/index.js";
+import { Title } from "../Title/index.js";
+import { SearchInput } from "../SearchInput/index.js";
+import { Empty } from "../Empty/index.js";
+import { Table } from "../Table/index.js";
+import { BottomInfoBar } from "../BottomInfoBar/index.js";
+import { useScheduler } from "../../hooks/index.js";
 export const SchedulerOverlay = props => {
   const {
     listMoreItems,

package/Presentation/components/SchedulerOverlay/SchedulerOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","debounce","OverlayLayout","Scrollbar","Title","SearchInput","Empty","Table","BottomInfoBar","useScheduler","SchedulerOverlay","props","listMoreItems","vm","onTableScroll","scrollFrame","top","createElement","onExited","barLeft","title","barMiddle","onScrollFrame","isEmptyView"],"sources":["SchedulerOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { OverlayLayout } from \"@webiny/app-admin\";\nimport { Scrollbar } from \"@webiny/ui/Scrollbar\";\nimport { Title } from \"~/Presentation/components/Title\";\nimport { SearchInput } from \"~/Presentation/components/SearchInput\";\nimport { Empty } from \"~/Presentation/components/Empty\";\nimport { Table } from \"~/Presentation/components/Table\";\nimport { BottomInfoBar } from \"~/Presentation/components/BottomInfoBar\";\nimport { useScheduler } from \"~/Presentation/hooks\";\n\ninterface SchedulerOverlayProps {\n    title: string;\n    onExited: () => void;\n}\n\nexport const SchedulerOverlay = (props: SchedulerOverlayProps) => {\n    const { listMoreItems, vm } = useScheduler();\n\n    const onTableScroll = debounce(async ({ scrollFrame }) => {\n        if (scrollFrame.top > 0.8) {\n            await listMoreItems();\n        }\n    }, 200);\n\n    return (\n        <OverlayLayout\n            onExited={props.onExited}\n            barLeft={<Title title={props.title} />}\n            barMiddle={<SearchInput />}\n        >\n            <Scrollbar onScrollFrame={scrollFrame => onTableScroll({ scrollFrame })}>\n                {vm.isEmptyView ? <Empty /> : <Table />}\n            </Scrollbar>\n            <BottomInfoBar />\n        </OverlayLayout>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,iBAAiB;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,KAAK;AACd,SAASC,WAAW;AACpB,SAASC,KAAK;AACd,SAASC,KAAK;AACd,SAASC,aAAa;AACtB,SAASC,YAAY;AAOrB,OAAO,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EAC9D,MAAM;IAAEC,aAAa;IAAEC;EAAG,CAAC,GAAGJ,YAAY,CAAC,CAAC;EAE5C,MAAMK,aAAa,GAAGb,QAAQ,CAAC,OAAO;IAAEc;EAAY,CAAC,KAAK;IACtD,IAAIA,WAAW,CAACC,GAAG,GAAG,GAAG,EAAE;MACvB,MAAMJ,aAAa,CAAC,CAAC;IACzB;EACJ,CAAC,EAAE,GAAG,CAAC;EAEP,oBACIZ,KAAA,CAAAiB,aAAA,CAACf,aAAa;IACVgB,QAAQ,EAAEP,KAAK,CAACO,QAAS;IACzBC,OAAO,eAAEnB,KAAA,CAAAiB,aAAA,CAACb,KAAK;MAACgB,KAAK,EAAET,KAAK,CAACS;IAAM,CAAE,CAAE;IACvCC,SAAS,eAAErB,KAAA,CAAAiB,aAAA,CAACZ,WAAW,MAAE;EAAE,gBAE3BL,KAAA,CAAAiB,aAAA,CAACd,SAAS;IAACmB,aAAa,EAAEP,WAAW,IAAID,aAAa,CAAC;MAAEC;IAAY,CAAC;EAAE,GACnEF,EAAE,CAACU,WAAW,gBAAGvB,KAAA,CAAAiB,aAAA,CAACX,KAAK,MAAE,CAAC,gBAAGN,KAAA,CAAAiB,aAAA,CAACV,KAAK,MAAE,CAC/B,CAAC,eACZP,KAAA,CAAAiB,aAAA,CAACT,aAAa,MAAE,CACL,CAAC;AAExB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","debounce","OverlayLayout","Scrollbar","Title","SearchInput","Empty","Table","BottomInfoBar","useScheduler","SchedulerOverlay","props","listMoreItems","vm","onTableScroll","scrollFrame","top","createElement","onExited","barLeft","title","barMiddle","onScrollFrame","isEmptyView"],"sources":["SchedulerOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { OverlayLayout } from \"@webiny/app-admin\";\nimport { Scrollbar } from \"@webiny/ui/Scrollbar/index.js\";\nimport { Title } from \"~/Presentation/components/Title/index.js\";\nimport { SearchInput } from \"~/Presentation/components/SearchInput/index.js\";\nimport { Empty } from \"~/Presentation/components/Empty/index.js\";\nimport { Table } from \"~/Presentation/components/Table/index.js\";\nimport { BottomInfoBar } from \"~/Presentation/components/BottomInfoBar/index.js\";\nimport { useScheduler } from \"~/Presentation/hooks/index.js\";\n\ninterface SchedulerOverlayProps {\n    title: string;\n    onExited: () => void;\n}\n\nexport const SchedulerOverlay = (props: SchedulerOverlayProps) => {\n    const { listMoreItems, vm } = useScheduler();\n\n    const onTableScroll = debounce(async ({ scrollFrame }) => {\n        if (scrollFrame.top > 0.8) {\n            await listMoreItems();\n        }\n    }, 200);\n\n    return (\n        <OverlayLayout\n            onExited={props.onExited}\n            barLeft={<Title title={props.title} />}\n            barMiddle={<SearchInput />}\n        >\n            <Scrollbar onScrollFrame={scrollFrame => onTableScroll({ scrollFrame })}>\n                {vm.isEmptyView ? <Empty /> : <Table />}\n            </Scrollbar>\n            <BottomInfoBar />\n        </OverlayLayout>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,oBAAoB;AACzC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,KAAK;AACd,SAASC,WAAW;AACpB,SAASC,KAAK;AACd,SAASC,KAAK;AACd,SAASC,aAAa;AACtB,SAASC,YAAY;AAOrB,OAAO,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EAC9D,MAAM;IAAEC,aAAa;IAAEC;EAAG,CAAC,GAAGJ,YAAY,CAAC,CAAC;EAE5C,MAAMK,aAAa,GAAGb,QAAQ,CAAC,OAAO;IAAEc;EAAY,CAAC,KAAK;IACtD,IAAIA,WAAW,CAACC,GAAG,GAAG,GAAG,EAAE;MACvB,MAAMJ,aAAa,CAAC,CAAC;IACzB;EACJ,CAAC,EAAE,GAAG,CAAC;EAEP,oBACIZ,KAAA,CAAAiB,aAAA,CAACf,aAAa;IACVgB,QAAQ,EAAEP,KAAK,CAACO,QAAS;IACzBC,OAAO,eAAEnB,KAAA,CAAAiB,aAAA,CAACb,KAAK;MAACgB,KAAK,EAAET,KAAK,CAACS;IAAM,CAAE,CAAE;IACvCC,SAAS,eAAErB,KAAA,CAAAiB,aAAA,CAACZ,WAAW,MAAE;EAAE,gBAE3BL,KAAA,CAAAiB,aAAA,CAACd,SAAS;IAACmB,aAAa,EAAEP,WAAW,IAAID,aAAa,CAAC;MAAEC;IAAY,CAAC;EAAE,GACnEF,EAAE,CAACU,WAAW,gBAAGvB,KAAA,CAAAiB,aAAA,CAACX,KAAK,MAAE,CAAC,gBAAGN,KAAA,CAAAiB,aAAA,CAACV,KAAK,MAAE,CAC/B,CAAC,eACZP,KAAA,CAAAiB,aAAA,CAACT,aAAa,MAAE,CACL,CAAC;AAExB,CAAC","ignoreList":[]}

package/Presentation/components/SearchInput/SearchInput.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
 import { DelayedOnChange, Icon, Input } from "@webiny/admin-ui";
-import { useScheduler } from "../../hooks";
+import { useScheduler } from "../../hooks/index.js";
 export const SearchInput = () => {
   const {
     vm,

package/Presentation/components/SearchInput/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","SearchIcon","DelayedOnChange","Icon","Input","useScheduler","SearchInput","vm","searchItems","createElement","value","searchQuery","onChange","id","e","target","forwardEventOnChange","placeholder","searchLabel","startIcon","icon","label","size","variant"],"sources":["SearchInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { DelayedOnChange, Icon, Input } from \"@webiny/admin-ui\";\nimport { useScheduler } from \"~/Presentation/hooks\";\n\nexport const SearchInput = () => {\n    const { vm, searchItems } = useScheduler();\n\n    return (\n        <DelayedOnChange\n            value={vm.searchQuery}\n            onChange={value => {\n                if (value === vm.searchQuery) {\n                    return;\n                }\n                searchItems(value);\n            }}\n        >\n            {({ value, onChange }) => (\n                <Input\n                    id={\"scheduler__search-input\"}\n                    value={value}\n                    onChange={e => onChange(e.target.value)}\n                    forwardEventOnChange={true}\n                    placeholder={vm.searchLabel}\n                    data-testid={\"scheduler.search-input\"}\n                    startIcon={<Icon icon={<SearchIcon />} label=\"Search\" />}\n                    size={\"md\"}\n                    variant={\"ghost\"}\n                />\n            )}\n        </DelayedOnChange>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,eAAe,EAAEC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC/D,SAASC,YAAY;AAErB,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,EAAE;IAAEC;EAAY,CAAC,GAAGH,YAAY,CAAC,CAAC;EAE1C,oBACIN,KAAA,CAAAU,aAAA,CAACP,eAAe;IACZQ,KAAK,EAAEH,EAAE,CAACI,WAAY;IACtBC,QAAQ,EAAEF,KAAK,IAAI;MACf,IAAIA,KAAK,KAAKH,EAAE,CAACI,WAAW,EAAE;QAC1B;MACJ;MACAH,WAAW,CAACE,KAAK,CAAC;IACtB;EAAE,GAED,CAAC;IAAEA,KAAK;IAAEE;EAAS,CAAC,kBACjBb,KAAA,CAAAU,aAAA,CAACL,KAAK;IACFS,EAAE,EAAE,yBAA0B;IAC9BH,KAAK,EAAEA,KAAM;IACbE,QAAQ,EAAEE,CAAC,IAAIF,QAAQ,CAACE,CAAC,CAACC,MAAM,CAACL,KAAK,CAAE;IACxCM,oBAAoB,EAAE,IAAK;IAC3BC,WAAW,EAAEV,EAAE,CAACW,WAAY;IAC5B,eAAa,wBAAyB;IACtCC,SAAS,eAAEpB,KAAA,CAAAU,aAAA,CAACN,IAAI;MAACiB,IAAI,eAAErB,KAAA,CAAAU,aAAA,CAACR,UAAU,MAAE,CAAE;MAACoB,KAAK,EAAC;IAAQ,CAAE,CAAE;IACzDC,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE;EAAQ,CACpB,CAEQ,CAAC;AAE1B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","SearchIcon","DelayedOnChange","Icon","Input","useScheduler","SearchInput","vm","searchItems","createElement","value","searchQuery","onChange","id","e","target","forwardEventOnChange","placeholder","searchLabel","startIcon","icon","label","size","variant"],"sources":["SearchInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { DelayedOnChange, Icon, Input } from \"@webiny/admin-ui\";\nimport { useScheduler } from \"~/Presentation/hooks/index.js\";\n\nexport const SearchInput = () => {\n    const { vm, searchItems } = useScheduler();\n\n    return (\n        <DelayedOnChange\n            value={vm.searchQuery}\n            onChange={value => {\n                if (value === vm.searchQuery) {\n                    return;\n                }\n                searchItems(value);\n            }}\n        >\n            {({ value, onChange }) => (\n                <Input\n                    id={\"scheduler__search-input\"}\n                    value={value}\n                    onChange={e => onChange(e.target.value)}\n                    forwardEventOnChange={true}\n                    placeholder={vm.searchLabel}\n                    data-testid={\"scheduler.search-input\"}\n                    startIcon={<Icon icon={<SearchIcon />} label=\"Search\" />}\n                    size={\"md\"}\n                    variant={\"ghost\"}\n                />\n            )}\n        </DelayedOnChange>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,eAAe,EAAEC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC/D,SAASC,YAAY;AAErB,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,EAAE;IAAEC;EAAY,CAAC,GAAGH,YAAY,CAAC,CAAC;EAE1C,oBACIN,KAAA,CAAAU,aAAA,CAACP,eAAe;IACZQ,KAAK,EAAEH,EAAE,CAACI,WAAY;IACtBC,QAAQ,EAAEF,KAAK,IAAI;MACf,IAAIA,KAAK,KAAKH,EAAE,CAACI,WAAW,EAAE;QAC1B;MACJ;MACAH,WAAW,CAACE,KAAK,CAAC;IACtB;EAAE,GAED,CAAC;IAAEA,KAAK;IAAEE;EAAS,CAAC,kBACjBb,KAAA,CAAAU,aAAA,CAACL,KAAK;IACFS,EAAE,EAAE,yBAA0B;IAC9BH,KAAK,EAAEA,KAAM;IACbE,QAAQ,EAAEE,CAAC,IAAIF,QAAQ,CAACE,CAAC,CAACC,MAAM,CAACL,KAAK,CAAE;IACxCM,oBAAoB,EAAE,IAAK;IAC3BC,WAAW,EAAEV,EAAE,CAACW,WAAY;IAC5B,eAAa,wBAAyB;IACtCC,SAAS,eAAEpB,KAAA,CAAAU,aAAA,CAACN,IAAI;MAACiB,IAAI,eAAErB,KAAA,CAAAU,aAAA,CAACR,UAAU,MAAE,CAAE;MAACoB,KAAK,EAAC;IAAQ,CAAE,CAAE;IACzDC,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE;EAAQ,CACpB,CAEQ,CAAC;AAE1B,CAAC","ignoreList":[]}

package/Presentation/components/SearchInput/index.d.ts

@@ -1 +1 @@
-export * from "./SearchInput";
+export * from "./SearchInput.js";

package/Presentation/components/SearchInput/index.js

@@ -1,3 +1,3 @@
-export * from "./SearchInput";
+export * from "./SearchInput.js";
 
 //# sourceMappingURL=index.js.map

package/Presentation/components/SearchInput/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SearchInput\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SearchInput.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Presentation/components/Table/Table.js

@@ -1,13 +1,17 @@
 import React, { useMemo } from "react";
 import { createRecordsData, Table as AcoTable } from "@webiny/app-aco";
-import { useScheduler } from "../../hooks";
-import { LoadingActions } from "../../../types";
+import { useScheduler } from "../../hooks/index.js";
+import { LoadingActions } from "../../../types.js";
+import { useSchedulerListConfig } from "../../configs/index.js";
 export const Table = () => {
   const {
     vm,
     selectItems,
     sortItems
   } = useScheduler();
+  const {
+    browser
+  } = useSchedulerListConfig();
   const data = useMemo(() => {
     return createRecordsData(vm.items);
   }, [vm.items]);
@@ -15,6 +19,7 @@ export const Table = () => {
     return createRecordsData(vm.selectedItems);
   }, [vm.selectedItems]);
   return /*#__PURE__*/React.createElement(AcoTable, {
+    columns: browser.table.columns,
     data: data,
     loading: vm.loading[LoadingActions.list],
     onSelectRow: entries => selectItems(entries.map(entry => entry.data)),
@@ -22,7 +27,7 @@ export const Table = () => {
     onSortingChange: sort => sortItems(sort),
     selected: selected,
     nameColumnId: vm.nameColumnId,
-    namespace: "scheduler"
+    namespace: "scheduler/list"
   });
 };
 

package/Presentation/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","createRecordsData","Table","AcoTable","useScheduler","LoadingActions","vm","selectItems","sortItems","data","items","selected","selectedItems","createElement","loading","list","onSelectRow","entries","map","entry","sorting","onSortingChange","sort","nameColumnId","namespace"],"sources":["Table.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { createRecordsData, Table as AcoTable } from \"@webiny/app-aco\";\nimport { useScheduler } from \"~/Presentation/hooks\";\nimport { LoadingActions, type SchedulerEntryTableRow } from \"~/types\";\n\nexport const Table = () => {\n    const { vm, selectItems, sortItems } = useScheduler();\n\n    const data = useMemo<SchedulerEntryTableRow[]>(() => {\n        return createRecordsData(vm.items);\n    }, [vm.items]);\n\n    const selected = useMemo<SchedulerEntryTableRow[]>(() => {\n        return createRecordsData(vm.selectedItems);\n    }, [vm.selectedItems]);\n\n    return (\n        <AcoTable<SchedulerEntryTableRow>\n            data={data}\n            loading={vm.loading[LoadingActions.list]}\n            onSelectRow={entries => selectItems(entries.map(entry => entry.data))}\n            sorting={vm.sorting}\n            onSortingChange={sort => sortItems(sort)}\n            selected={selected}\n            nameColumnId={vm.nameColumnId}\n            namespace={\"scheduler\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,iBAAiB,EAAEC,KAAK,IAAIC,QAAQ,QAAQ,iBAAiB;AACtE,SAASC,YAAY;AACrB,SAASC,cAAc;AAEvB,OAAO,MAAMH,KAAK,GAAGA,CAAA,KAAM;EACvB,MAAM;IAAEI,EAAE;IAAEC,WAAW;IAAEC;EAAU,CAAC,GAAGJ,YAAY,CAAC,CAAC;EAErD,MAAMK,IAAI,GAAGT,OAAO,CAA2B,MAAM;IACjD,OAAOC,iBAAiB,CAACK,EAAE,CAACI,KAAK,CAAC;EACtC,CAAC,EAAE,CAACJ,EAAE,CAACI,KAAK,CAAC,CAAC;EAEd,MAAMC,QAAQ,GAAGX,OAAO,CAA2B,MAAM;IACrD,OAAOC,iBAAiB,CAACK,EAAE,CAACM,aAAa,CAAC;EAC9C,CAAC,EAAE,CAACN,EAAE,CAACM,aAAa,CAAC,CAAC;EAEtB,oBACIb,KAAA,CAAAc,aAAA,CAACV,QAAQ;IACLM,IAAI,EAAEA,IAAK;IACXK,OAAO,EAAER,EAAE,CAACQ,OAAO,CAACT,cAAc,CAACU,IAAI,CAAE;IACzCC,WAAW,EAAEC,OAAO,IAAIV,WAAW,CAACU,OAAO,CAACC,GAAG,CAACC,KAAK,IAAIA,KAAK,CAACV,IAAI,CAAC,CAAE;IACtEW,OAAO,EAAEd,EAAE,CAACc,OAAQ;IACpBC,eAAe,EAAEC,IAAI,IAAId,SAAS,CAACc,IAAI,CAAE;IACzCX,QAAQ,EAAEA,QAAS;IACnBY,YAAY,EAAEjB,EAAE,CAACiB,YAAa;IAC9BC,SAAS,EAAE;EAAY,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","createRecordsData","Table","AcoTable","useScheduler","LoadingActions","useSchedulerListConfig","vm","selectItems","sortItems","browser","data","items","selected","selectedItems","createElement","columns","table","loading","list","onSelectRow","entries","map","entry","sorting","onSortingChange","sort","nameColumnId","namespace"],"sources":["Table.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { createRecordsData, Table as AcoTable } from \"@webiny/app-aco\";\nimport { useScheduler } from \"~/Presentation/hooks/index.js\";\nimport { LoadingActions, type SchedulerEntryTableRow } from \"~/types.js\";\nimport { useSchedulerListConfig } from \"~/Presentation/configs/index.js\";\n\nexport const Table = () => {\n    const { vm, selectItems, sortItems } = useScheduler();\n    const { browser } = useSchedulerListConfig();\n\n    const data = useMemo<SchedulerEntryTableRow[]>(() => {\n        return createRecordsData(vm.items);\n    }, [vm.items]);\n\n    const selected = useMemo<SchedulerEntryTableRow[]>(() => {\n        return createRecordsData(vm.selectedItems);\n    }, [vm.selectedItems]);\n\n    return (\n        <AcoTable<SchedulerEntryTableRow>\n            columns={browser.table.columns}\n            data={data}\n            loading={vm.loading[LoadingActions.list]}\n            onSelectRow={entries => selectItems(entries.map(entry => entry.data))}\n            sorting={vm.sorting}\n            onSortingChange={sort => sortItems(sort)}\n            selected={selected}\n            nameColumnId={vm.nameColumnId}\n            namespace={\"scheduler/list\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,iBAAiB,EAAEC,KAAK,IAAIC,QAAQ,QAAQ,iBAAiB;AACtE,SAASC,YAAY;AACrB,SAASC,cAAc;AACvB,SAASC,sBAAsB;AAE/B,OAAO,MAAMJ,KAAK,GAAGA,CAAA,KAAM;EACvB,MAAM;IAAEK,EAAE;IAAEC,WAAW;IAAEC;EAAU,CAAC,GAAGL,YAAY,CAAC,CAAC;EACrD,MAAM;IAAEM;EAAQ,CAAC,GAAGJ,sBAAsB,CAAC,CAAC;EAE5C,MAAMK,IAAI,GAAGX,OAAO,CAA2B,MAAM;IACjD,OAAOC,iBAAiB,CAACM,EAAE,CAACK,KAAK,CAAC;EACtC,CAAC,EAAE,CAACL,EAAE,CAACK,KAAK,CAAC,CAAC;EAEd,MAAMC,QAAQ,GAAGb,OAAO,CAA2B,MAAM;IACrD,OAAOC,iBAAiB,CAACM,EAAE,CAACO,aAAa,CAAC;EAC9C,CAAC,EAAE,CAACP,EAAE,CAACO,aAAa,CAAC,CAAC;EAEtB,oBACIf,KAAA,CAAAgB,aAAA,CAACZ,QAAQ;IACLa,OAAO,EAAEN,OAAO,CAACO,KAAK,CAACD,OAAQ;IAC/BL,IAAI,EAAEA,IAAK;IACXO,OAAO,EAAEX,EAAE,CAACW,OAAO,CAACb,cAAc,CAACc,IAAI,CAAE;IACzCC,WAAW,EAAEC,OAAO,IAAIb,WAAW,CAACa,OAAO,CAACC,GAAG,CAACC,KAAK,IAAIA,KAAK,CAACZ,IAAI,CAAC,CAAE;IACtEa,OAAO,EAAEjB,EAAE,CAACiB,OAAQ;IACpBC,eAAe,EAAEC,IAAI,IAAIjB,SAAS,CAACiB,IAAI,CAAE;IACzCb,QAAQ,EAAEA,QAAS;IACnBc,YAAY,EAAEpB,EAAE,CAACoB,YAAa;IAC9BC,SAAS,EAAE;EAAiB,CAC/B,CAAC;AAEV,CAAC","ignoreList":[]}

package/Presentation/components/Table/index.d.ts

@@ -1 +1 @@
-export * from "./Table";
+export * from "./Table.js";

package/Presentation/components/Table/index.js

@@ -1,3 +1,3 @@
-export * from "./Table";
+export * from "./Table.js";
 
 //# sourceMappingURL=index.js.map

package/Presentation/components/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Table\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Table.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Presentation/components/Title/Title.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { Skeleton } from "@webiny/ui/Skeleton";
-import { Name } from "./Title.styled";
+import { Skeleton } from "@webiny/ui/Skeleton/index.js";
+import { Name } from "./Title.styled.js";
 export const Title = ({
   title
 }) => {

package/Presentation/components/Title/Title.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Skeleton","Name","Title","title","createElement","use","tag","theme"],"sources":["Title.tsx"],"sourcesContent":["import React from \"react\";\nimport { Skeleton } from \"@webiny/ui/Skeleton\";\nimport { Name } from \"./Title.styled\";\n\nexport interface TitleProps {\n    title?: string;\n}\n\nexport const Title = ({ title }: TitleProps) => {\n    return (\n        <Name use={\"headline6\"} tag={\"h1\"}>\n            {title || <Skeleton theme={\"dark\"} />}\n        </Name>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,IAAI;AAMb,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC;AAAkB,CAAC,KAAK;EAC5C,oBACIJ,KAAA,CAAAK,aAAA,CAACH,IAAI;IAACI,GAAG,EAAE,WAAY;IAACC,GAAG,EAAE;EAAK,GAC7BH,KAAK,iBAAIJ,KAAA,CAAAK,aAAA,CAACJ,QAAQ;IAACO,KAAK,EAAE;EAAO,CAAE,CAClC,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Skeleton","Name","Title","title","createElement","use","tag","theme"],"sources":["Title.tsx"],"sourcesContent":["import React from \"react\";\nimport { Skeleton } from \"@webiny/ui/Skeleton/index.js\";\nimport { Name } from \"./Title.styled.js\";\n\nexport interface TitleProps {\n    title?: string;\n}\n\nexport const Title = ({ title }: TitleProps) => {\n    return (\n        <Name use={\"headline6\"} tag={\"h1\"}>\n            {title || <Skeleton theme={\"dark\"} />}\n        </Name>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,8BAA8B;AACvD,SAASC,IAAI;AAMb,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC;AAAkB,CAAC,KAAK;EAC5C,oBACIJ,KAAA,CAAAK,aAAA,CAACH,IAAI;IAACI,GAAG,EAAE,WAAY;IAACC,GAAG,EAAE;EAAK,GAC7BH,KAAK,iBAAIJ,KAAA,CAAAK,aAAA,CAACJ,QAAQ;IAACO,KAAK,EAAE;EAAO,CAAE,CAClC,CAAC;AAEf,CAAC","ignoreList":[]}

package/Presentation/components/Title/Title.styled.d.ts

@@ -1,4 +1,4 @@
-import type { TypographyProps } from "@webiny/ui/Typography";
+import type { TypographyProps } from "@webiny/ui/Typography/index.js";
 export declare const Name: import("@emotion/styled").StyledComponent<TypographyProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/Presentation/components/Title/Title.styled.js

@@ -1,6 +1,6 @@
 import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { Typography } from "@webiny/ui/Typography";
+import { Typography } from "@webiny/ui/Typography/index.js";
 export const Name = /*#__PURE__*/_styled(Typography, process.env.NODE_ENV === "production" ? {
   target: "epwctpg0"
 } : {
@@ -11,8 +11,7 @@ export const Name = /*#__PURE__*/_styled(Typography, process.env.NODE_ENV === "p
   styles: "color:var(--mdc-theme-text-primary-on-background);padding-left:8px;line-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
 } : {
   name: "jtvt2b",
-  styles: "color:var(--mdc-theme-text-primary-on-background);padding-left:8px;line-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpdGxlLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVEIiwiZmlsZSI6IlRpdGxlLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgVHlwb2dyYXBoeVByb3BzIH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IE5hbWUgPSBzdHlsZWQoVHlwb2dyYXBoeSk8VHlwb2dyYXBoeVByb3BzPmBcbiAgICBjb2xvcjogdmFyKC0tbWRjLXRoZW1lLXRleHQtcHJpbWFyeS1vbi1iYWNrZ3JvdW5kKTtcbiAgICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgICBsaW5lLWhlaWdodDogNDhweDtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5gO1xuIl19 */",
+  styles: "color:var(--mdc-theme-text-primary-on-background);padding-left:8px;line-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpdGxlLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVEIiwiZmlsZSI6IlRpdGxlLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgVHlwb2dyYXBoeVByb3BzIH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeS9pbmRleC5qc1wiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHkvaW5kZXguanNcIjtcblxuZXhwb3J0IGNvbnN0IE5hbWUgPSBzdHlsZWQoVHlwb2dyYXBoeSk8VHlwb2dyYXBoeVByb3BzPmBcbiAgICBjb2xvcjogdmFyKC0tbWRjLXRoZW1lLXRleHQtcHJpbWFyeS1vbi1iYWNrZ3JvdW5kKTtcbiAgICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgICBsaW5lLWhlaWdodDogNDhweDtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 

package/Presentation/components/Title/Title.styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["Typography","Name","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["Title.styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport type { TypographyProps } from \"@webiny/ui/Typography\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const Name = styled(Typography)<TypographyProps>`\n    color: var(--mdc-theme-text-primary-on-background);\n    padding-left: 8px;\n    line-height: 48px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n`;\n"],"mappings":";;AAEA,SAASA,UAAU,QAAQ,uBAAuB;AAElD,OAAO,MAAMC,IAAI,gBAAGC,OAAA,CAAOF,UAAU,EAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAOrC","ignoreList":[]}
+{"version":3,"names":["Typography","Name","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["Title.styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport type { TypographyProps } from \"@webiny/ui/Typography/index.js\";\nimport { Typography } from \"@webiny/ui/Typography/index.js\";\n\nexport const Name = styled(Typography)<TypographyProps>`\n    color: var(--mdc-theme-text-primary-on-background);\n    padding-left: 8px;\n    line-height: 48px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n`;\n"],"mappings":";;AAEA,SAASA,UAAU,QAAQ,gCAAgC;AAE3D,OAAO,MAAMC,IAAI,gBAAGC,OAAA,CAAOF,UAAU,EAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAOrC","ignoreList":[]}

package/Presentation/components/Title/index.d.ts

@@ -1 +1 @@
-export * from "./Title";
+export * from "./Title.js";

package/Presentation/components/Title/index.js

@@ -1,3 +1,3 @@
-export * from "./Title";
+export * from "./Title.js";
 
 //# sourceMappingURL=index.js.map

package/Presentation/components/Title/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./Title\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./Title.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Presentation/configs/index.d.ts

@@ -1 +1 @@
-export * from "./list";
+export * from "./list/index.js";

package/Presentation/configs/index.js

@@ -1,3 +1,3 @@
-export * from "./list";
+export * from "./list/index.js";
 
 //# sourceMappingURL=index.js.map

package/Presentation/configs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./list\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./list/index.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Presentation/configs/list/Browser/EntryAction.d.ts

@@ -3,5 +3,5 @@ import { AcoConfig, type RecordActionConfig } from "@webiny/app-aco";
 export type { RecordActionConfig as EntryActionConfig };
 type EntryActionProps = React.ComponentProps<typeof AcoConfig.Record.Action>;
 export declare const EntryAction: ((props: EntryActionProps) => React.JSX.Element) & {
-    OptionsMenuItem: (props: import("@webiny/app-admin").OptionsMenuItemProps) => React.JSX.Element;
+    OptionsMenuItem: (props: import("@webiny/app-admin/components").OptionsMenuItemProps) => React.JSX.Element;
 };

package/Presentation/configs/list/Browser/EntryAction.js

@@ -7,7 +7,7 @@ const {
 const BaseEntryAction = props => {
   return /*#__PURE__*/React.createElement(CompositionScope, {
     name: "scheduler"
-  }, /*#__PURE__*/React.createElement(AcoConfig, null, /*#__PURE__*/React.createElement(Record.Action, props)));
+  }, /*#__PURE__*/React.createElement(Record.Action, props));
 };
 export const EntryAction = Object.assign(BaseEntryAction, {
   OptionsMenuItem: Record.Action.OptionsMenuItem

package/Presentation/configs/list/Browser/EntryAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","CompositionScope","AcoConfig","Record","BaseEntryAction","props","createElement","name","Action","EntryAction","Object","assign","OptionsMenuItem"],"sources":["EntryAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { CompositionScope } from \"@webiny/react-composition\";\nimport { AcoConfig, type RecordActionConfig } from \"@webiny/app-aco\";\n\nconst { Record } = AcoConfig;\n\nexport type { RecordActionConfig as EntryActionConfig };\n\ntype EntryActionProps = React.ComponentProps<typeof AcoConfig.Record.Action>;\n\nconst BaseEntryAction = (props: EntryActionProps) => {\n    return (\n        <CompositionScope name={\"scheduler\"}>\n            <AcoConfig>\n                <Record.Action {...props} />\n            </AcoConfig>\n        </CompositionScope>\n    );\n};\n\nexport const EntryAction = Object.assign(BaseEntryAction, {\n    OptionsMenuItem: Record.Action.OptionsMenuItem\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,2BAA2B;AAC5D,SAASC,SAAS,QAAiC,iBAAiB;AAEpE,MAAM;EAAEC;AAAO,CAAC,GAAGD,SAAS;AAM5B,MAAME,eAAe,GAAIC,KAAuB,IAAK;EACjD,oBACIL,KAAA,CAAAM,aAAA,CAACL,gBAAgB;IAACM,IAAI,EAAE;EAAY,gBAChCP,KAAA,CAAAM,aAAA,CAACJ,SAAS,qBACNF,KAAA,CAAAM,aAAA,CAACH,MAAM,CAACK,MAAM,EAAKH,KAAQ,CACpB,CACG,CAAC;AAE3B,CAAC;AAED,OAAO,MAAMI,WAAW,GAAGC,MAAM,CAACC,MAAM,CAACP,eAAe,EAAE;EACtDQ,eAAe,EAAET,MAAM,CAACK,MAAM,CAACI;AACnC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","CompositionScope","AcoConfig","Record","BaseEntryAction","props","createElement","name","Action","EntryAction","Object","assign","OptionsMenuItem"],"sources":["EntryAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { CompositionScope } from \"@webiny/react-composition\";\nimport { AcoConfig, type RecordActionConfig } from \"@webiny/app-aco\";\n\nconst { Record } = AcoConfig;\n\nexport type { RecordActionConfig as EntryActionConfig };\n\ntype EntryActionProps = React.ComponentProps<typeof AcoConfig.Record.Action>;\n\nconst BaseEntryAction = (props: EntryActionProps) => {\n    return (\n        <CompositionScope name={\"scheduler\"}>\n            <Record.Action {...props} />\n        </CompositionScope>\n    );\n};\n\nexport const EntryAction = Object.assign(BaseEntryAction, {\n    OptionsMenuItem: Record.Action.OptionsMenuItem\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,2BAA2B;AAC5D,SAASC,SAAS,QAAiC,iBAAiB;AAEpE,MAAM;EAAEC;AAAO,CAAC,GAAGD,SAAS;AAM5B,MAAME,eAAe,GAAIC,KAAuB,IAAK;EACjD,oBACIL,KAAA,CAAAM,aAAA,CAACL,gBAAgB;IAACM,IAAI,EAAE;EAAY,gBAChCP,KAAA,CAAAM,aAAA,CAACH,MAAM,CAACK,MAAM,EAAKH,KAAQ,CACb,CAAC;AAE3B,CAAC;AAED,OAAO,MAAMI,WAAW,GAAGC,MAAM,CAACC,MAAM,CAACP,eAAe,EAAE;EACtDQ,eAAe,EAAET,MAAM,CAACK,MAAM,CAACI;AACnC,CAAC,CAAC","ignoreList":[]}

package/Presentation/configs/list/Browser/Table/Column.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { AcoConfig, type TableColumnConfig as ColumnConfig } from "@webiny/app-aco";
-import type { SchedulerEntryTableRow } from "../../../../../types";
+import type { SchedulerEntryTableRow } from "../../../../../types.js";
 export type { ColumnConfig };
 type ColumnProps = React.ComponentProps<typeof AcoConfig.Table.Column>;
 export declare const Column: ((props: ColumnProps) => React.JSX.Element) & {
@@ -10,5 +10,5 @@ export declare const Column: ((props: ColumnProps) => React.JSX.Element) & {
             data: TUserRow;
         }>;
     };
-    isFolderRow: (row: import("@webiny/app-aco").TableRow<unknown>) => row is import("@webiny/app-aco").FolderTableRow;
+    isFolderRow: (row: import("@webiny/app-aco").TableRow) => row is import("@webiny/app-aco").FolderTableRow;
 };

package/Presentation/configs/list/Browser/Table/Column.js

@@ -4,7 +4,7 @@ const {
   Table
 } = AcoConfig;
 const BaseColumn = props => {
-  return /*#__PURE__*/React.createElement(AcoConfig, null, /*#__PURE__*/React.createElement(Table.Column, props));
+  return /*#__PURE__*/React.createElement(Table.Column, props);
 };
 export const Column = Object.assign(BaseColumn, {
   useTableRow: Table.Column.createUseTableRow(),

package/Presentation/configs/list/Browser/Table/Column.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AcoConfig","Table","BaseColumn","props","createElement","Column","Object","assign","useTableRow","createUseTableRow","isFolderRow"],"sources":["Column.tsx"],"sourcesContent":["import React from \"react\";\nimport { AcoConfig, type TableColumnConfig as ColumnConfig } from \"@webiny/app-aco\";\nimport type { SchedulerEntryTableRow } from \"~/types\";\n\nconst { Table } = AcoConfig;\n\nexport type { ColumnConfig };\n\ntype ColumnProps = React.ComponentProps<typeof AcoConfig.Table.Column>;\n\nconst BaseColumn = (props: ColumnProps) => {\n    return (\n        <AcoConfig>\n            <Table.Column {...props} />\n        </AcoConfig>\n    );\n};\n\nexport const Column = Object.assign(BaseColumn, {\n    useTableRow: Table.Column.createUseTableRow<SchedulerEntryTableRow>(),\n    isFolderRow: Table.Column.isFolderRow\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAgD,iBAAiB;AAGnF,MAAM;EAAEC;AAAM,CAAC,GAAGD,SAAS;AAM3B,MAAME,UAAU,GAAIC,KAAkB,IAAK;EACvC,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,SAAS,qBACND,KAAA,CAAAK,aAAA,CAACH,KAAK,CAACI,MAAM,EAAKF,KAAQ,CACnB,CAAC;AAEpB,CAAC;AAED,OAAO,MAAME,MAAM,GAAGC,MAAM,CAACC,MAAM,CAACL,UAAU,EAAE;EAC5CM,WAAW,EAAEP,KAAK,CAACI,MAAM,CAACI,iBAAiB,CAAyB,CAAC;EACrEC,WAAW,EAAET,KAAK,CAACI,MAAM,CAACK;AAC9B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","AcoConfig","Table","BaseColumn","props","createElement","Column","Object","assign","useTableRow","createUseTableRow","isFolderRow"],"sources":["Column.tsx"],"sourcesContent":["import React from \"react\";\nimport { AcoConfig, type TableColumnConfig as ColumnConfig } from \"@webiny/app-aco\";\nimport type { SchedulerEntryTableRow } from \"~/types.js\";\n\nconst { Table } = AcoConfig;\n\nexport type { ColumnConfig };\n\ntype ColumnProps = React.ComponentProps<typeof AcoConfig.Table.Column>;\n\nconst BaseColumn = (props: ColumnProps) => {\n    return <Table.Column {...props} />;\n};\n\nexport const Column = Object.assign(BaseColumn, {\n    useTableRow: Table.Column.createUseTableRow<SchedulerEntryTableRow>(),\n    isFolderRow: Table.Column.isFolderRow\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAgD,iBAAiB;AAGnF,MAAM;EAAEC;AAAM,CAAC,GAAGD,SAAS;AAM3B,MAAME,UAAU,GAAIC,KAAkB,IAAK;EACvC,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,KAAK,CAACI,MAAM,EAAKF,KAAQ,CAAC;AACtC,CAAC;AAED,OAAO,MAAME,MAAM,GAAGC,MAAM,CAACC,MAAM,CAACL,UAAU,EAAE;EAC5CM,WAAW,EAAEP,KAAK,CAACI,MAAM,CAACI,iBAAiB,CAAyB,CAAC;EACrEC,WAAW,EAAET,KAAK,CAACI,MAAM,CAACK;AAC9B,CAAC,CAAC","ignoreList":[]}

package/Presentation/configs/list/Browser/Table/Sorting.js

@@ -4,7 +4,7 @@ const {
   Table
 } = AcoConfig;
 export const Sorting = props => {
-  return /*#__PURE__*/React.createElement(AcoConfig, null, /*#__PURE__*/React.createElement(Table.Sorting, props));
+  return /*#__PURE__*/React.createElement(Table.Sorting, props);
 };
 
 //# sourceMappingURL=Sorting.js.map

package/Presentation/configs/list/Browser/Table/Sorting.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AcoConfig","Table","Sorting","props","createElement"],"sources":["Sorting.tsx"],"sourcesContent":["import React from \"react\";\nimport { AcoConfig, type TableSortingConfig as SortingConfig } from \"@webiny/app-aco\";\n\nconst { Table } = AcoConfig;\n\nexport type { SortingConfig };\n\ntype SortingProps = React.ComponentProps<typeof AcoConfig.Table.Sorting>;\n\nexport const Sorting = (props: SortingProps) => {\n    return (\n        <AcoConfig>\n            <Table.Sorting {...props} />\n        </AcoConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAkD,iBAAiB;AAErF,MAAM;EAAEC;AAAM,CAAC,GAAGD,SAAS;AAM3B,OAAO,MAAME,OAAO,GAAIC,KAAmB,IAAK;EAC5C,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,SAAS,qBACND,KAAA,CAAAK,aAAA,CAACH,KAAK,CAACC,OAAO,EAAKC,KAAQ,CACpB,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","AcoConfig","Table","Sorting","props","createElement"],"sources":["Sorting.tsx"],"sourcesContent":["import React from \"react\";\nimport { AcoConfig, type TableSortingConfig as SortingConfig } from \"@webiny/app-aco\";\n\nconst { Table } = AcoConfig;\n\nexport type { SortingConfig };\n\ntype SortingProps = React.ComponentProps<typeof AcoConfig.Table.Sorting>;\n\nexport const Sorting = (props: SortingProps) => {\n    return <Table.Sorting {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAkD,iBAAiB;AAErF,MAAM;EAAEC;AAAM,CAAC,GAAGD,SAAS;AAM3B,OAAO,MAAME,OAAO,GAAIC,KAAmB,IAAK;EAC5C,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,KAAK,CAACC,OAAO,EAAKC,KAAQ,CAAC;AACvC,CAAC","ignoreList":[]}

package/Presentation/configs/list/Browser/Table/index.d.ts

@@ -1,19 +1,18 @@
-/// <reference types="react" />
-import type { ColumnConfig } from "./Column";
-import type { SortingConfig } from "./Sorting";
+import type { ColumnConfig } from "./Column.js";
+import type { SortingConfig } from "./Sorting.js";
 export interface TableConfig {
     columns: ColumnConfig[];
     sorting: SortingConfig[];
 }
 export declare const Table: {
-    Column: ((props: import("@webiny/app-aco/config/table/Column").ColumnProps) => import("react").JSX.Element) & {
+    Column: ((props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => import("react").JSX.Element) & {
         useTableRow: {
-            (): import("@webiny/app-aco").TableRowContextData<import("../../../../../types").SchedulerEntryTableRow>;
-            <TUserRow>(): import("@webiny/app-aco").TableRowContextData<import("../../../../../types").SchedulerEntryTableRow & {
+            (): import("@webiny/app-aco/index.js").TableRowContextData<import("../../../../../types.js").SchedulerEntryTableRow>;
+            <TUserRow>(): import("@webiny/app-aco/index.js").TableRowContextData<import("../../../../../types.js").SchedulerEntryTableRow & {
                 data: TUserRow;
             }>;
         };
-        isFolderRow: (row: import("@webiny/app-aco").TableRow<unknown>) => row is import("@webiny/app-aco").FolderTableRow;
+        isFolderRow: (row: import("@webiny/app-aco/table.types.js").TableRow) => row is import("@webiny/app-aco/table.types.js").FolderTableRow;
     };
-    Sorting: (props: import("@webiny/app-aco/config/table/Sorting").SortingProps) => import("react").JSX.Element;
+    Sorting: (props: import("@webiny/app-aco/config/table/Sorting.js").SortingProps) => import("react").JSX.Element;
 };

package/Presentation/configs/list/Browser/Table/index.js

@@ -1,5 +1,5 @@
-import { Column } from "./Column";
-import { Sorting } from "./Sorting";
+import { Column } from "./Column.js";
+import { Sorting } from "./Sorting.js";
 export const Table = {
   Column,
   Sorting

package/Presentation/configs/list/Browser/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Column","Sorting","Table"],"sources":["index.ts"],"sourcesContent":["import type { ColumnConfig } from \"./Column\";\nimport { Column } from \"./Column\";\nimport type { SortingConfig } from \"./Sorting\";\nimport { Sorting } from \"./Sorting\";\n\nexport interface TableConfig {\n    columns: ColumnConfig[];\n    sorting: SortingConfig[];\n}\n\nexport const Table = {\n    Column,\n    Sorting\n};\n"],"mappings":"AACA,SAASA,MAAM;AAEf,SAASC,OAAO;AAOhB,OAAO,MAAMC,KAAK,GAAG;EACjBF,MAAM;EACNC;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["Column","Sorting","Table"],"sources":["index.ts"],"sourcesContent":["import type { ColumnConfig } from \"./Column.js\";\nimport { Column } from \"./Column.js\";\nimport type { SortingConfig } from \"./Sorting.js\";\nimport { Sorting } from \"./Sorting.js\";\n\nexport interface TableConfig {\n    columns: ColumnConfig[];\n    sorting: SortingConfig[];\n}\n\nexport const Table = {\n    Column,\n    Sorting\n};\n"],"mappings":"AACA,SAASA,MAAM;AAEf,SAASC,OAAO;AAOhB,OAAO,MAAMC,KAAK,GAAG;EACjBF,MAAM;EACNC;AACJ,CAAC","ignoreList":[]}