@webiny/app-scheduler 0.0.0-unstable.c27f4d8a31

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

@@ -0,0 +1,15 @@
+import type { ScheduleActionType } from "../../../types.js";
+export interface IScheduleDialogScheduledActionExecuteParams {
+    targetId: string;
+    namespace: string;
+    scheduleOn: Date;
+    actionType: ScheduleActionType;
+}
+export interface IScheduleDialogCancelActionExecuteParams {
+    id: string;
+    namespace: string;
+}
+export interface IScheduleDialogAction {
+    schedule(params: IScheduleDialogScheduledActionExecuteParams): Promise<void>;
+    cancel(params: IScheduleDialogCancelActionExecuteParams): Promise<void>;
+}

package/Presentation/components/ScheduleDialog/types.js

@@ -0,0 +1,3 @@
+export {};
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ScheduleActionType } from \"~/types.js\";\n\nexport interface IScheduleDialogScheduledActionExecuteParams {\n    targetId: string;\n    namespace: string;\n    scheduleOn: Date;\n    actionType: ScheduleActionType;\n}\n\nexport interface IScheduleDialogCancelActionExecuteParams {\n    id: string;\n    namespace: string;\n}\n\nexport interface IScheduleDialogAction {\n    schedule(params: IScheduleDialogScheduledActionExecuteParams): Promise<void>;\n    cancel(params: IScheduleDialogCancelActionExecuteParams): Promise<void>;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+import type { IGetScheduledActionGateway, IGetScheduledActionGatewayResponse } from "../../../Gateways/index.js";
+export interface IGetScheduledActionParams {
+    namespace: string;
+    id: string;
+    gateway: IGetScheduledActionGateway;
+}
+export declare const useGetScheduledAction: (params: IGetScheduledActionParams) => IGetScheduledActionGatewayResponse | null;

package/Presentation/components/ScheduleDialog/useGetScheduledAction.js

@@ -0,0 +1,31 @@
+import { useEffect, useState } from "react";
+import { useSnackbar } from "@webiny/app-admin";
+export const useGetScheduledAction = params => {
+  const {
+    gateway,
+    namespace,
+    id
+  } = params;
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const [response, setResponse] = useState(null);
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const data = await gateway.execute({
+          namespace,
+          id
+        });
+        setResponse(data);
+      } catch (err) {
+        console.error(err);
+        showSnackbar(err.message);
+      }
+    };
+    fetchData();
+  }, []);
+  return response;
+};
+
+//# sourceMappingURL=useGetScheduledAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","useSnackbar","useGetScheduledAction","params","gateway","namespace","id","showSnackbar","response","setResponse","fetchData","data","execute","err","console","error","message"],"sources":["useGetScheduledAction.ts"],"sourcesContent":["import type {\n    IGetScheduledActionGateway,\n    IGetScheduledActionGatewayResponse\n} from \"~/Gateways/index.js\";\nimport { useEffect, useState } from \"react\";\nimport { useSnackbar } from \"@webiny/app-admin\";\n\nexport interface IGetScheduledActionParams {\n    namespace: string;\n    id: string;\n    gateway: IGetScheduledActionGateway;\n}\n\nexport const useGetScheduledAction = (\n    params: IGetScheduledActionParams\n): IGetScheduledActionGatewayResponse | null => {\n    const { gateway, namespace, id } = params;\n\n    const { showSnackbar } = useSnackbar();\n\n    const [response, setResponse] = useState<IGetScheduledActionGatewayResponse | null>(null);\n\n    useEffect(() => {\n        const fetchData = async () => {\n            try {\n                const data = await gateway.execute({\n                    namespace,\n                    id\n                });\n                setResponse(data);\n            } catch (err) {\n                console.error(err);\n                showSnackbar(err.message);\n            }\n        };\n        fetchData();\n    }, []);\n\n    return response;\n};\n"],"mappings":"AAIA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,WAAW,QAAQ,mBAAmB;AAQ/C,OAAO,MAAMC,qBAAqB,GAC9BC,MAAiC,IACW;EAC5C,MAAM;IAAEC,OAAO;IAAEC,SAAS;IAAEC;EAAG,CAAC,GAAGH,MAAM;EAEzC,MAAM;IAAEI;EAAa,CAAC,GAAGN,WAAW,CAAC,CAAC;EAEtC,MAAM,CAACO,QAAQ,EAAEC,WAAW,CAAC,GAAGT,QAAQ,CAA4C,IAAI,CAAC;EAEzFD,SAAS,CAAC,MAAM;IACZ,MAAMW,SAAS,GAAG,MAAAA,CAAA,KAAY;MAC1B,IAAI;QACA,MAAMC,IAAI,GAAG,MAAMP,OAAO,CAACQ,OAAO,CAAC;UAC/BP,SAAS;UACTC;QACJ,CAAC,CAAC;QACFG,WAAW,CAACE,IAAI,CAAC;MACrB,CAAC,CAAC,OAAOE,GAAG,EAAE;QACVC,OAAO,CAACC,KAAK,CAACF,GAAG,CAAC;QAClBN,YAAY,CAACM,GAAG,CAACG,OAAO,CAAC;MAC7B;IACJ,CAAC;IACDN,SAAS,CAAC,CAAC;EACf,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOF,QAAQ;AACnB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,42 @@
+import React from "react";
+import { type BindComponentRenderProp } from "@webiny/form";
+import type { CmsContentEntryStatusType } from "@webiny/app-headless-cms-common/types/index.js";
+import ApolloClient from "apollo-client/ApolloClient.js";
+export type ShowDialogParamsEntryStatus = CmsContentEntryStatusType;
+export interface IShowDialogParamsEntry {
+    id: string;
+    status: ShowDialogParamsEntryStatus;
+    title: string;
+}
+interface UseShowScheduleDialogResponse {
+    showDialog: () => 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 interface IUseScheduleDialogProps {
+    client: ApolloClient<object>;
+    namespace: string;
+    target: IShowDialogParamsEntry;
+}
+export declare const useScheduleDialog: (props: IUseScheduleDialogProps) => UseShowScheduleDialogResponse;
+export {};

package/Presentation/components/ScheduleDialog/useScheduleDialog.js

@@ -0,0 +1,221 @@
+import React, { useCallback, useMemo, useRef } from "react";
+import { Alert, Grid, Input } from "@webiny/admin-ui";
+import { useDialogs, useSnackbar } from "@webiny/app-admin";
+import { Bind } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { ScheduleActionType } from "../../../types.js";
+import ValidationError from "@webiny/validation/validationError.js";
+import { makeDecoratable } from "@webiny/react-composition";
+import { ScheduleDialogAction } from "../../index.js";
+import { SchedulerCancelGraphQLGateway } from "../../../Gateways/SchedulerCancelGraphQLGateway.js";
+import { SchedulerPublishGraphQLGateway } from "../../../Gateways/SchedulerPublishGraphQLGateway.js";
+import { SchedulerUnpublishGraphQLGateway } from "../../../Gateways/SchedulerUnpublishGraphQLGateway.js";
+import { useGetScheduledAction } from "./useGetScheduledAction.js";
+import { SchedulerGetGraphQLGateway } from "../../../Gateways/SchedulerGetGraphQLGateway.js";
+const dateToLocaleStringFormatter = new Intl.DateTimeFormat(undefined, {
+  year: "numeric",
+  month: "2-digit",
+  day: "2-digit",
+  hour: "2-digit",
+  minute: "2-digit",
+  second: undefined,
+  hour12: false
+});
+const ReschedulingAlert = ({
+  scheduleOn,
+  actionType
+}) => {
+  if (!scheduleOn || !actionType) {
+    return null;
+  }
+  const actionName = actionType === ScheduleActionType.publish ? "publish" : "unpublish";
+  return /*#__PURE__*/React.createElement(Alert, {
+    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 year = date.getFullYear();
+  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 => {
+  const value = new Date(input);
+  const minDate = new Date(new Date().getTime() + 120 * 1000);
+  if (minDate < value) {
+    return;
+  }
+  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,
+  actionType
+}) => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ReschedulingAlert, {
+    actionType: actionType,
+    scheduleOn: scheduleOn,
+    onCancel: onCancel
+  }), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "scheduleOn",
+    validators: [validation.create("required"), minDateValidator]
+  }, bind => {
+    return /*#__PURE__*/React.createElement(SchedulerDialogFormComponentDateTimeInput, {
+      bind: bind
+    });
+  }))));
+};
+export const useScheduleDialog = props => {
+  const {
+    client,
+    target,
+    namespace
+  } = props;
+  const dialog = useDialogs();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const action = useMemo(() => {
+    const cancelGateway = new SchedulerCancelGraphQLGateway(client);
+    const publishGateway = new SchedulerPublishGraphQLGateway(client);
+    const unpublishGateway = new SchedulerUnpublishGraphQLGateway(client);
+    return new ScheduleDialogAction({
+      cancelGateway,
+      publishGateway,
+      unpublishGateway
+    });
+  }, [client]);
+  const getGateway = useMemo(() => {
+    return new SchedulerGetGraphQLGateway(client);
+  }, [client]);
+  const schedulerEntry = useGetScheduledAction({
+    gateway: getGateway,
+    namespace,
+    id: target.id
+  });
+  const dialogClose = useRef(() => {
+    return;
+  });
+  const onAccept = useCallback(async params => {
+    const {
+      scheduleOn,
+      actionType
+    } = params;
+    try {
+      await action.schedule({
+        targetId: target.id,
+        namespace,
+        scheduleOn,
+        actionType
+      });
+      showSnackbar(`Scheduled ${actionType} action for "${target.title}"!`);
+    } catch (error) {
+      showSnackbar(error.message);
+      console.error(error);
+    }
+  }, []);
+  const onCancel = useCallback(async () => {
+    if (!schedulerEntry) {
+      showSnackbar(`No scheduled action found for "${target.title}"!`);
+      if (dialogClose.current) {
+        dialogClose.current();
+        dialogClose.current = null;
+      }
+      return;
+    }
+    try {
+      await action.cancel({
+        id: schedulerEntry.id,
+        namespace: schedulerEntry.namespace
+      });
+      showSnackbar(`Canceled scheduled ${schedulerEntry.actionType} on "${schedulerEntry.title}"!`);
+    } catch (error) {
+      showSnackbar(error.message);
+    }
+    if (!dialogClose.current) {
+      return;
+    }
+    dialogClose.current();
+    dialogClose.current = null;
+  }, []);
+  const showDialog = () => {
+    const isPublished = target.status === "published";
+    const scheduleOn = schedulerEntry?.publishOn || schedulerEntry?.unpublishOn;
+    dialogClose.current = dialog.showDialog({
+      title: `Schedule "${target.title}"`,
+      content: /*#__PURE__*/React.createElement(FormComponent, {
+        actionType: schedulerEntry?.actionType,
+        scheduleOn: scheduleOn,
+        onCancel: onCancel
+      }),
+      formData: {
+        scheduleOn
+      },
+      acceptLabel: isPublished ? "Schedule Unpublish" : "Schedule Publish",
+      cancelLabel: "Discard",
+      loadingLabel: "Scheduling...",
+      onAccept: data => {
+        if (!data.scheduleOn) {
+          showSnackbar(`Missing "Schedule On" date!`);
+          return;
+        }
+        /**
+         * We need to convert scheduleOn from local string to the ISO String (UTC) format.
+         * This is important because the date will be stored in the database in UTC format.
+         *
+         * We display the date (in the UI) in users timezone time.
+         */
+        let scheduleOn;
+        try {
+          scheduleOn = new Date(data.scheduleOn);
+        } catch (ex) {
+          showSnackbar(`Invalid "Schedule On" date!`, {
+            value: data.scheduleOn
+          });
+          console.error(ex);
+          return;
+        }
+        const actionType = isPublished ? ScheduleActionType.unpublish : ScheduleActionType.publish;
+        return onAccept({
+          scheduleOn,
+          actionType
+        });
+      }
+    });
+  };
+  return {
+    showDialog
+  };
+};
+
+//# sourceMappingURL=useScheduleDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useRef","Alert","Grid","Input","useDialogs","useSnackbar","Bind","validation","ScheduleActionType","ValidationError","makeDecoratable","ScheduleDialogAction","SchedulerCancelGraphQLGateway","SchedulerPublishGraphQLGateway","SchedulerUnpublishGraphQLGateway","useGetScheduledAction","SchedulerGetGraphQLGateway","dateToLocaleStringFormatter","Intl","DateTimeFormat","undefined","year","month","day","hour","minute","second","hour12","ReschedulingAlert","scheduleOn","actionType","actionName","publish","createElement","type","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","client","target","namespace","dialog","showSnackbar","action","cancelGateway","publishGateway","unpublishGateway","getGateway","schedulerEntry","gateway","id","dialogClose","onAccept","params","schedule","targetId","error","message","console","current","cancel","showDialog","isPublished","status","publishOn","unpublishOn","content","formData","acceptLabel","cancelLabel","loadingLabel","data","ex","unpublish"],"sources":["useScheduleDialog.tsx"],"sourcesContent":["import React, { useCallback, useMemo, 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 { ScheduleActionType } from \"~/types.js\";\nimport type { CmsContentEntryStatusType } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type { Validator } from \"@webiny/validation/types.js\";\nimport ValidationError from \"@webiny/validation/validationError.js\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport ApolloClient from \"apollo-client/ApolloClient.js\";\nimport { ScheduleDialogAction } from \"~/Presentation/index.js\";\nimport { SchedulerCancelGraphQLGateway } from \"~/Gateways/SchedulerCancelGraphQLGateway.js\";\nimport { SchedulerPublishGraphQLGateway } from \"~/Gateways/SchedulerPublishGraphQLGateway.js\";\nimport { SchedulerUnpublishGraphQLGateway } from \"~/Gateways/SchedulerUnpublishGraphQLGateway.js\";\nimport { useGetScheduledAction } from \"~/Presentation/components/ScheduleDialog/useGetScheduledAction.js\";\nimport { SchedulerGetGraphQLGateway } from \"~/Gateways/SchedulerGetGraphQLGateway.js\";\n\nexport type ShowDialogParamsEntryStatus = CmsContentEntryStatusType;\n\nexport interface IShowDialogParamsEntry {\n    id: string;\n    status: ShowDialogParamsEntryStatus;\n    title: string;\n}\n\ninterface UseShowScheduleDialogResponse {\n    showDialog: () => void;\n}\n\ninterface FormComponentProps {\n    scheduleOn: Date | undefined;\n    actionType: ScheduleActionType | 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, actionType }: FormComponentProps) => {\n    if (!scheduleOn || !actionType) {\n        return null;\n    }\n    const actionName = actionType === ScheduleActionType.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, actionType }: FormComponentProps) => {\n    return (\n        <>\n            {\n                <ReschedulingAlert\n                    actionType={actionType}\n                    scheduleOn={scheduleOn}\n                    onCancel={onCancel}\n                />\n            }\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    scheduleOn: Date;\n    actionType: ScheduleActionType;\n}\n\ninterface OnCancelCallable {\n    (): Promise<void>;\n}\n\nexport interface IUseScheduleDialogProps {\n    client: ApolloClient<object>;\n    namespace: string;\n    target: IShowDialogParamsEntry;\n}\n\nexport const useScheduleDialog = (\n    props: IUseScheduleDialogProps\n): UseShowScheduleDialogResponse => {\n    const { client, target, namespace } = props;\n    const dialog = useDialogs();\n    const { showSnackbar } = useSnackbar();\n\n    const action = useMemo(() => {\n        const cancelGateway = new SchedulerCancelGraphQLGateway(client);\n        const publishGateway = new SchedulerPublishGraphQLGateway(client);\n        const unpublishGateway = new SchedulerUnpublishGraphQLGateway(client);\n\n        return new ScheduleDialogAction({\n            cancelGateway,\n            publishGateway,\n            unpublishGateway\n        });\n    }, [client]);\n\n    const getGateway = useMemo(() => {\n        return new SchedulerGetGraphQLGateway(client);\n    }, [client]);\n\n    const schedulerEntry = useGetScheduledAction({\n        gateway: getGateway,\n        namespace,\n        id: target.id\n    });\n\n    const dialogClose = useRef<null | (() => void)>(() => {\n        return;\n    });\n\n    const onAccept = useCallback(async (params: IOnAcceptParams) => {\n        const { scheduleOn, actionType } = params;\n\n        try {\n            await action.schedule({\n                targetId: target.id,\n                namespace,\n                scheduleOn,\n                actionType\n            });\n            showSnackbar(`Scheduled ${actionType} action for \"${target.title}\"!`);\n        } catch (error) {\n            showSnackbar(error.message);\n            console.error(error);\n        }\n    }, []);\n\n    const onCancel = useCallback(async () => {\n        if (!schedulerEntry) {\n            showSnackbar(`No scheduled action found for \"${target.title}\"!`);\n            if (dialogClose.current) {\n                dialogClose.current();\n                dialogClose.current = null;\n            }\n            return;\n        }\n        try {\n            await action.cancel({\n                id: schedulerEntry.id,\n                namespace: schedulerEntry.namespace\n            });\n            showSnackbar(\n                `Canceled scheduled ${schedulerEntry.actionType} on \"${schedulerEntry.title}\"!`\n            );\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 = () => {\n        const isPublished = target.status === \"published\";\n        const scheduleOn = schedulerEntry?.publishOn || schedulerEntry?.unpublishOn;\n\n        dialogClose.current = dialog.showDialog({\n            title: `Schedule \"${target.title}\"`,\n            content: (\n                <FormComponent\n                    actionType={schedulerEntry?.actionType}\n                    scheduleOn={scheduleOn}\n                    onCancel={onCancel}\n                />\n            ),\n            formData: {\n                scheduleOn\n            },\n            acceptLabel: isPublished ? \"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                const actionType = isPublished\n                    ? ScheduleActionType.unpublish\n                    : ScheduleActionType.publish;\n\n                return onAccept({\n                    scheduleOn,\n                    actionType\n                });\n            }\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":"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","ignoreList":[]}

package/Presentation/components/SchedulerOverlay/SchedulerOverlay.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface SchedulerOverlayProps {
+    title: string;
+    onExited: () => void;
+}
+export declare const SchedulerOverlay: (props: SchedulerOverlayProps) => React.JSX.Element;
+export {};

package/Presentation/components/SchedulerOverlay/SchedulerOverlay.js

@@ -0,0 +1,36 @@
+import React from "react";
+import debounce from "lodash/debounce.js";
+import { OverlayLayout } from "@webiny/app-admin";
+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,
+    vm
+  } = useScheduler();
+  const onTableScroll = debounce(async ({
+    scrollFrame
+  }) => {
+    if (scrollFrame.top > 0.8) {
+      await listMoreItems();
+    }
+  }, 200);
+  return /*#__PURE__*/React.createElement(OverlayLayout, {
+    onExited: props.onExited,
+    barLeft: /*#__PURE__*/React.createElement(Title, {
+      title: props.title
+    }),
+    barMiddle: /*#__PURE__*/React.createElement(SearchInput, null)
+  }, /*#__PURE__*/React.createElement(Scrollbar, {
+    onScrollFrame: scrollFrame => onTableScroll({
+      scrollFrame
+    })
+  }, vm.isEmptyView ? /*#__PURE__*/React.createElement(Empty, null) : /*#__PURE__*/React.createElement(Table, null)), /*#__PURE__*/React.createElement(BottomInfoBar, null));
+};
+
+//# sourceMappingURL=SchedulerOverlay.js.map

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

@@ -0,0 +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.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/SchedulerOverlay/index.d.ts

@@ -0,0 +1 @@
+export * from "./SchedulerOverlay.js";

package/Presentation/components/SchedulerOverlay/index.js

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

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

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

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SearchInput: () => React.JSX.Element;

package/Presentation/components/SearchInput/SearchInput.js

@@ -0,0 +1,37 @@
+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/index.js";
+export const SearchInput = () => {
+  const {
+    vm,
+    searchItems
+  } = useScheduler();
+  return /*#__PURE__*/React.createElement(DelayedOnChange, {
+    value: vm.searchQuery,
+    onChange: value => {
+      if (value === vm.searchQuery) {
+        return;
+      }
+      searchItems(value);
+    }
+  }, ({
+    value,
+    onChange
+  }) => /*#__PURE__*/React.createElement(Input, {
+    id: "scheduler__search-input",
+    value: value,
+    onChange: e => onChange(e.target.value),
+    forwardEventOnChange: true,
+    placeholder: vm.searchLabel,
+    "data-testid": "scheduler.search-input",
+    startIcon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React.createElement(SearchIcon, null),
+      label: "Search"
+    }),
+    size: "md",
+    variant: "ghost"
+  }));
+};
+
+//# sourceMappingURL=SearchInput.js.map

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

@@ -0,0 +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/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

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

package/Presentation/components/SearchInput/index.js

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

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

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

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Table: () => React.JSX.Element;

package/Presentation/components/Table/Table.js

@@ -0,0 +1,34 @@
+import React, { useMemo } from "react";
+import { createRecordsData, Table as AcoTable } from "@webiny/app-aco";
+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]);
+  const selected = useMemo(() => {
+    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)),
+    sorting: vm.sorting,
+    onSortingChange: sort => sortItems(sort),
+    selected: selected,
+    nameColumnId: vm.nameColumnId,
+    namespace: "scheduler/list"
+  });
+};
+
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"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

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

package/Presentation/components/Table/index.js

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

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

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

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

@@ -0,0 +1,5 @@
+import React from "react";
+export interface TitleProps {
+    title?: string;
+}
+export declare const Title: ({ title }: TitleProps) => React.JSX.Element;

package/Presentation/components/Title/Title.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { Skeleton } from "@webiny/ui/Skeleton/index.js";
+import { Name } from "./Title.styled.js";
+export const Title = ({
+  title
+}) => {
+  return /*#__PURE__*/React.createElement(Name, {
+    use: "headline6",
+    tag: "h1"
+  }, title || /*#__PURE__*/React.createElement(Skeleton, {
+    theme: "dark"
+  }));
+};
+
+//# sourceMappingURL=Title.js.map

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

@@ -0,0 +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/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

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

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

@@ -0,0 +1,18 @@
+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/index.js";
+export const Name = /*#__PURE__*/_styled(Typography, process.env.NODE_ENV === "production" ? {
+  target: "e1k7ad610"
+} : {
+  target: "e1k7ad610",
+  label: "Name"
+})(process.env.NODE_ENV === "production" ? {
+  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"
+} : {
+  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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpdGxlLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVEIiwiZmlsZSI6IlRpdGxlLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgVHlwb2dyYXBoeVByb3BzIH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeS9pbmRleC5qc1wiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHkvaW5kZXguanNcIjtcblxuZXhwb3J0IGNvbnN0IE5hbWUgPSBzdHlsZWQoVHlwb2dyYXBoeSk8VHlwb2dyYXBoeVByb3BzPmBcbiAgICBjb2xvcjogdmFyKC0tbWRjLXRoZW1lLXRleHQtcHJpbWFyeS1vbi1iYWNrZ3JvdW5kKTtcbiAgICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgICBsaW5lLWhlaWdodDogNDhweDtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+//# sourceMappingURL=Title.styled.js.map

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

@@ -0,0 +1 @@
+{"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

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

package/Presentation/components/Title/index.js

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