@webiny/app-scheduler 6.3.0 → 6.4.0-beta.0

package/Presentation/components/ScheduleDialog/useScheduleDialog.js

@@ -1,234 +1,192 @@
-import React, { useCallback, useMemo, useRef } from "react";
+import react, { useCallback, useMemo, useRef } from "react";
 import { Alert, Button, Grid, Input } from "@webiny/admin-ui";
-import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import { ReactComponent } from "@webiny/icons/delete.svg";
 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 validationError from "@webiny/validation/validationError.js";
 import { makeDecoratable } from "@webiny/react-composition";
 import { SchedulerCancelGraphQLGateway } from "../../../Gateways/SchedulerCancelGraphQLGateway.js";
 import { SchedulerPublishGraphQLGateway } from "../../../Gateways/SchedulerPublishGraphQLGateway.js";
 import { SchedulerUnpublishGraphQLGateway } from "../../../Gateways/SchedulerUnpublishGraphQLGateway.js";
 import { SchedulerGetGraphQLGateway } from "../../../Gateways/SchedulerGetGraphQLGateway.js";
 import { ScheduleDialogPresenter } from "./ScheduleDialogPresenter.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 dateToLocaleStringFormatter = new Intl.DateTimeFormat(void 0, {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: void 0,
+    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)), "."));
+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 padLeft = (num)=>String(num).padStart(2, "0");
+const formatDateForDateTimeLocal = (date)=>{
+    if (!date) return;
+    if ("string" == typeof date) 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 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)}.`);
+const minDateValidator = (input)=>{
+    const value = new Date(input);
+    const minDate = new Date(new Date().getTime() + 120000);
+    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";
-const CancelButtonComponent = ({
-  enabled,
-  onCancel
-}) => {
-  if (!enabled) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(Button, {
-    variant: "ghost",
-    onClick: onCancel,
-    text: "Cancel Schedule",
-    size: "md",
-    icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
-    iconPosition: "start"
-  });
-};
-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,
-  actionType
-}) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ReschedulingAlert, {
-    actionType: actionType,
-    scheduleOn: scheduleOn
-  }), /*#__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
+const CancelButtonComponent = ({ enabled, onCancel })=>{
+    if (!enabled) return null;
+    return /*#__PURE__*/ react.createElement(Button, {
+        variant: "ghost",
+        onClick: onCancel,
+        text: "Cancel Schedule",
+        size: "md",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        iconPosition: "start"
     });
-  }))));
 };
-export const useScheduleDialog = props => {
-  const {
-    client,
-    target,
-    namespace
-  } = props;
-  const dialog = useDialogs();
-  const {
-    showSnackbar
-  } = useSnackbar();
-  const presenter = useMemo(() => {
-    return new ScheduleDialogPresenter({
-      getGateway: new SchedulerGetGraphQLGateway(client),
-      cancelGateway: new SchedulerCancelGraphQLGateway(client),
-      publishGateway: new SchedulerPublishGraphQLGateway(client),
-      unpublishGateway: new SchedulerUnpublishGraphQLGateway(client)
+const SchedulerDialogFormComponentDateTimeInput = makeDecoratable("SchedulerDialogFormComponentDateTimeInput", (props)=>{
+    const { bind } = props;
+    return /*#__PURE__*/ react.createElement(Input, {
+        ...bind,
+        value: formatDateForDateTimeLocal(bind.value),
+        title: "Schedule On",
+        label: "Schedule On",
+        size: "lg",
+        type: "datetime-local",
+        required: true,
+        autoFocus: true
     });
-  }, [client]);
-  const dialogClose = useRef(() => {
-    return;
-  });
-  const onAccept = useCallback(async params => {
-    const {
-      scheduleOn,
-      actionType
-    } = params;
-    try {
-      await presenter.schedule({
-        targetId: target.id,
-        namespace,
-        scheduleOn,
-        actionType
-      });
-      showSnackbar(`Scheduled ${actionType} action for "${target.title}"!`);
-    } catch (error) {
-      showSnackbar(error.message);
-      console.error(error);
-    }
-  }, [presenter.vm]);
-  const onCancel = useCallback(async () => {
-    const entry = presenter.vm.entry;
-    if (!entry) {
-      showSnackbar(`No scheduled action found for "${target.title}"!`);
-      if (dialogClose.current) {
-        dialogClose.current();
-        dialogClose.current = null;
-      }
-      return;
-    }
-    try {
-      await presenter.cancel({
-        id: entry.id,
-        namespace: entry.namespace
-      });
-      showSnackbar(`Canceled scheduled ${entry.actionType} on "${entry.title}"!`);
-    } catch (error) {
-      showSnackbar(error.message);
-    }
-    if (!dialogClose.current) {
-      return;
-    }
-    dialogClose.current();
-    dialogClose.current = null;
-  }, [presenter.vm]);
-  const showDialog = async () => {
-    await presenter.load({
-      namespace,
-      id: target.id
-    });
-    const isPublished = target.status === "published";
-    const entry = presenter.vm.entry;
-    const scheduleOn = entry?.publishOn || entry?.unpublishOn;
-    dialogClose.current = dialog.showDialog({
-      title: `Schedule "${target.title}"`,
-      content: /*#__PURE__*/React.createElement(FormComponent, {
-        actionType: entry?.actionType,
+});
+const FormComponent = ({ scheduleOn, actionType })=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(ReschedulingAlert, {
+        actionType: actionType,
         scheduleOn: scheduleOn
-      }),
-      formData: {
-        scheduleOn
-      },
-      acceptLabel: isPublished ? "Schedule Unpublish" : "Schedule Publish",
-      cancelLabel: "Discard",
-      loadingLabel: "Scheduling...",
-      info: /*#__PURE__*/React.createElement(CancelButtonComponent, {
-        enabled: !!scheduleOn,
-        onCancel: onCancel
-      }),
-      onAccept: data => {
-        if (!data.scheduleOn) {
-          showSnackbar(`Missing "Schedule On" date!`);
-          return;
+    }), /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "scheduleOn",
+        validators: [
+            validation.create("required"),
+            minDateValidator
+        ]
+    }, (bind)=>/*#__PURE__*/ react.createElement(SchedulerDialogFormComponentDateTimeInput, {
+            bind: bind
+        })))));
+const useScheduleDialog = (props)=>{
+    const { client, target, namespace } = props;
+    const dialog = useDialogs();
+    const { showSnackbar } = useSnackbar();
+    const presenter = useMemo(()=>new ScheduleDialogPresenter({
+            getGateway: new SchedulerGetGraphQLGateway(client),
+            cancelGateway: new SchedulerCancelGraphQLGateway(client),
+            publishGateway: new SchedulerPublishGraphQLGateway(client),
+            unpublishGateway: new SchedulerUnpublishGraphQLGateway(client)
+        }), [
+        client
+    ]);
+    const dialogClose = useRef(()=>{});
+    const onAccept = useCallback(async (params)=>{
+        const { scheduleOn, actionType } = params;
+        try {
+            await presenter.schedule({
+                targetId: target.id,
+                namespace,
+                scheduleOn,
+                actionType
+            });
+            showSnackbar(`Scheduled ${actionType} action for "${target.title}"!`);
+        } catch (error) {
+            showSnackbar(error.message);
+            console.error(error);
+        }
+    }, [
+        presenter.vm
+    ]);
+    const onCancel = useCallback(async ()=>{
+        const entry = presenter.vm.entry;
+        if (!entry) {
+            showSnackbar(`No scheduled action found for "${target.title}"!`);
+            if (dialogClose.current) {
+                dialogClose.current();
+                dialogClose.current = null;
+            }
+            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;
+            await presenter.cancel({
+                id: entry.id,
+                namespace: entry.namespace
+            });
+            showSnackbar(`Canceled scheduled ${entry.actionType} on "${entry.title}"!`);
+        } catch (error) {
+            showSnackbar(error.message);
         }
-        const actionType = isPublished ? ScheduleActionType.unpublish : ScheduleActionType.publish;
-        return onAccept({
-          scheduleOn,
-          actionType
+        if (!dialogClose.current) return;
+        dialogClose.current();
+        dialogClose.current = null;
+    }, [
+        presenter.vm
+    ]);
+    const showDialog = async ()=>{
+        await presenter.load({
+            namespace,
+            id: target.id
         });
-      }
-    });
-  };
-  return {
-    showDialog
-  };
+        const isPublished = "published" === target.status;
+        const entry = presenter.vm.entry;
+        const scheduleOn = entry?.publishOn || entry?.unpublishOn;
+        dialogClose.current = dialog.showDialog({
+            title: `Schedule "${target.title}"`,
+            content: /*#__PURE__*/ react.createElement(FormComponent, {
+                actionType: entry?.actionType,
+                scheduleOn: scheduleOn
+            }),
+            formData: {
+                scheduleOn
+            },
+            acceptLabel: isPublished ? "Schedule Unpublish" : "Schedule Publish",
+            cancelLabel: "Discard",
+            loadingLabel: "Scheduling...",
+            info: /*#__PURE__*/ react.createElement(CancelButtonComponent, {
+                enabled: !!scheduleOn,
+                onCancel: onCancel
+            }),
+            onAccept: (data)=>{
+                if (!data.scheduleOn) return void showSnackbar('Missing "Schedule On" date!');
+                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
+    };
 };
+export { SchedulerDialogFormComponentDateTimeInput, useScheduleDialog };
 
 //# sourceMappingURL=useScheduleDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","useRef","Alert","Button","Grid","Input","ReactComponent","DeleteIcon","useDialogs","useSnackbar","Bind","validation","ScheduleActionType","ValidationError","makeDecoratable","SchedulerCancelGraphQLGateway","SchedulerPublishGraphQLGateway","SchedulerUnpublishGraphQLGateway","SchedulerGetGraphQLGateway","ScheduleDialogPresenter","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","CancelButtonComponent","enabled","onCancel","variant","onClick","text","size","icon","iconPosition","SchedulerDialogFormComponentDateTimeInput","props","bind","Object","assign","title","label","required","autoFocus","FormComponent","Column","span","name","validators","create","useScheduleDialog","client","target","namespace","dialog","showSnackbar","presenter","getGateway","cancelGateway","publishGateway","unpublishGateway","dialogClose","onAccept","params","schedule","targetId","id","error","message","console","vm","entry","current","cancel","showDialog","load","isPublished","status","publishOn","unpublishOn","content","formData","acceptLabel","cancelLabel","loadingLabel","info","data","ex","unpublish"],"sources":["useScheduleDialog.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef } from \"react\";\nimport { Alert, Button, Grid, Input } from \"@webiny/admin-ui\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\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 { 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 { SchedulerCancelGraphQLGateway } from \"~/Gateways/SchedulerCancelGraphQLGateway.js\";\nimport { SchedulerPublishGraphQLGateway } from \"~/Gateways/SchedulerPublishGraphQLGateway.js\";\nimport { SchedulerUnpublishGraphQLGateway } from \"~/Gateways/SchedulerUnpublishGraphQLGateway.js\";\nimport { SchedulerGetGraphQLGateway } from \"~/Gateways/SchedulerGetGraphQLGateway.js\";\nimport { ScheduleDialogPresenter } from \"./ScheduleDialogPresenter.js\";\n\nexport type ShowDialogParamsEntryStatus = \"published\" | \"unpublished\" | \"draft\" | string;\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}\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\ninterface IReschedulingAlertProps {\n    scheduleOn: Date | undefined;\n    actionType: ScheduleActionType | undefined;\n}\n\nconst ReschedulingAlert = ({ scheduleOn, actionType }: IReschedulingAlertProps) => {\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\ninterface ICancelButtonComponentProps {\n    enabled: boolean;\n    onCancel: OnCancelCallable;\n}\nconst CancelButtonComponent = ({ enabled, onCancel }: ICancelButtonComponentProps) => {\n    if (!enabled) {\n        return null;\n    }\n    return (\n        <Button\n            variant=\"ghost\"\n            onClick={onCancel}\n            text={\"Cancel Schedule\"}\n            size=\"md\"\n            icon={<DeleteIcon />}\n            iconPosition=\"start\"\n        />\n    );\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, actionType }: FormComponentProps) => {\n    return (\n        <>\n            {<ReschedulingAlert actionType={actionType} scheduleOn={scheduleOn} />}\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 presenter = useMemo(() => {\n        return new ScheduleDialogPresenter({\n            getGateway: new SchedulerGetGraphQLGateway(client),\n            cancelGateway: new SchedulerCancelGraphQLGateway(client),\n            publishGateway: new SchedulerPublishGraphQLGateway(client),\n            unpublishGateway: new SchedulerUnpublishGraphQLGateway(client)\n        });\n    }, [client]);\n\n    const dialogClose = useRef<null | (() => void)>(() => {\n        return;\n    });\n\n    const onAccept = useCallback(\n        async (params: IOnAcceptParams) => {\n            const { scheduleOn, actionType } = params;\n\n            try {\n                await presenter.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        [presenter.vm]\n    );\n\n    const onCancel = useCallback(async () => {\n        const entry = presenter.vm.entry;\n        if (!entry) {\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 presenter.cancel({\n                id: entry.id,\n                namespace: entry.namespace\n            });\n            showSnackbar(`Canceled scheduled ${entry.actionType} on \"${entry.title}\"!`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n        if (!dialogClose.current) {\n            return;\n        }\n        dialogClose.current();\n        dialogClose.current = null;\n    }, [presenter.vm]);\n\n    const showDialog = async () => {\n        await presenter.load({ namespace, id: target.id });\n\n        const isPublished = target.status === \"published\";\n        const entry = presenter.vm.entry;\n        const scheduleOn = entry?.publishOn || entry?.unpublishOn;\n\n        dialogClose.current = dialog.showDialog({\n            title: `Schedule \"${target.title}\"`,\n            content: <FormComponent actionType={entry?.actionType} scheduleOn={scheduleOn} />,\n            formData: {\n                scheduleOn\n            },\n            acceptLabel: isPublished ? \"Schedule Unpublish\" : \"Schedule Publish\",\n            cancelLabel: \"Discard\",\n            loadingLabel: \"Scheduling...\",\n            info: <CancelButtonComponent enabled={!!scheduleOn} onCancel={onCancel} />,\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":[]}
+{"version":3,"file":"Presentation/components/ScheduleDialog/useScheduleDialog.js","sources":["../../../../src/Presentation/components/ScheduleDialog/useScheduleDialog.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef } from \"react\";\nimport { Alert, Button, Grid, Input } from \"@webiny/admin-ui\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\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 { 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 { SchedulerCancelGraphQLGateway } from \"~/Gateways/SchedulerCancelGraphQLGateway.js\";\nimport { SchedulerPublishGraphQLGateway } from \"~/Gateways/SchedulerPublishGraphQLGateway.js\";\nimport { SchedulerUnpublishGraphQLGateway } from \"~/Gateways/SchedulerUnpublishGraphQLGateway.js\";\nimport { SchedulerGetGraphQLGateway } from \"~/Gateways/SchedulerGetGraphQLGateway.js\";\nimport { ScheduleDialogPresenter } from \"./ScheduleDialogPresenter.js\";\n\nexport type ShowDialogParamsEntryStatus = \"published\" | \"unpublished\" | \"draft\" | string;\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}\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\ninterface IReschedulingAlertProps {\n    scheduleOn: Date | undefined;\n    actionType: ScheduleActionType | undefined;\n}\n\nconst ReschedulingAlert = ({ scheduleOn, actionType }: IReschedulingAlertProps) => {\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\ninterface ICancelButtonComponentProps {\n    enabled: boolean;\n    onCancel: OnCancelCallable;\n}\nconst CancelButtonComponent = ({ enabled, onCancel }: ICancelButtonComponentProps) => {\n    if (!enabled) {\n        return null;\n    }\n    return (\n        <Button\n            variant=\"ghost\"\n            onClick={onCancel}\n            text={\"Cancel Schedule\"}\n            size=\"md\"\n            icon={<DeleteIcon />}\n            iconPosition=\"start\"\n        />\n    );\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, actionType }: FormComponentProps) => {\n    return (\n        <>\n            {<ReschedulingAlert actionType={actionType} scheduleOn={scheduleOn} />}\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 presenter = useMemo(() => {\n        return new ScheduleDialogPresenter({\n            getGateway: new SchedulerGetGraphQLGateway(client),\n            cancelGateway: new SchedulerCancelGraphQLGateway(client),\n            publishGateway: new SchedulerPublishGraphQLGateway(client),\n            unpublishGateway: new SchedulerUnpublishGraphQLGateway(client)\n        });\n    }, [client]);\n\n    const dialogClose = useRef<null | (() => void)>(() => {\n        return;\n    });\n\n    const onAccept = useCallback(\n        async (params: IOnAcceptParams) => {\n            const { scheduleOn, actionType } = params;\n\n            try {\n                await presenter.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        [presenter.vm]\n    );\n\n    const onCancel = useCallback(async () => {\n        const entry = presenter.vm.entry;\n        if (!entry) {\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 presenter.cancel({\n                id: entry.id,\n                namespace: entry.namespace\n            });\n            showSnackbar(`Canceled scheduled ${entry.actionType} on \"${entry.title}\"!`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n        if (!dialogClose.current) {\n            return;\n        }\n        dialogClose.current();\n        dialogClose.current = null;\n    }, [presenter.vm]);\n\n    const showDialog = async () => {\n        await presenter.load({ namespace, id: target.id });\n\n        const isPublished = target.status === \"published\";\n        const entry = presenter.vm.entry;\n        const scheduleOn = entry?.publishOn || entry?.unpublishOn;\n\n        dialogClose.current = dialog.showDialog({\n            title: `Schedule \"${target.title}\"`,\n            content: <FormComponent actionType={entry?.actionType} scheduleOn={scheduleOn} />,\n            formData: {\n                scheduleOn\n            },\n            acceptLabel: isPublished ? \"Schedule Unpublish\" : \"Schedule Publish\",\n            cancelLabel: \"Discard\",\n            loadingLabel: \"Scheduling...\",\n            info: <CancelButtonComponent enabled={!!scheduleOn} onCancel={onCancel} />,\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"],"names":["dateToLocaleStringFormatter","Intl","undefined","ReschedulingAlert","scheduleOn","actionType","actionName","ScheduleActionType","Alert","padLeft","num","String","formatDateForDateTimeLocal","date","Date","year","month","day","hours","minutes","minDateValidator","input","value","minDate","ValidationError","CancelButtonComponent","enabled","onCancel","Button","DeleteIcon","SchedulerDialogFormComponentDateTimeInput","makeDecoratable","props","bind","Input","FormComponent","Grid","Bind","validation","useScheduleDialog","client","target","namespace","dialog","useDialogs","showSnackbar","useSnackbar","presenter","useMemo","ScheduleDialogPresenter","SchedulerGetGraphQLGateway","SchedulerCancelGraphQLGateway","SchedulerPublishGraphQLGateway","SchedulerUnpublishGraphQLGateway","dialogClose","useRef","onAccept","useCallback","params","error","console","entry","showDialog","isPublished","data","ex"],"mappings":"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"}

package/Presentation/components/SchedulerOverlay/SchedulerOverlay.js

@@ -1,36 +1,30 @@
-import React from "react";
+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 { Scrollbar } from "@webiny/admin-ui";
 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));
+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));
 };
+export { SchedulerOverlay };
 
 //# sourceMappingURL=SchedulerOverlay.js.map

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.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":[]}
+{"version":3,"file":"Presentation/components/SchedulerOverlay/SchedulerOverlay.js","sources":["../../../../src/Presentation/components/SchedulerOverlay/SchedulerOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { OverlayLayout } from \"@webiny/app-admin\";\nimport { Scrollbar } from \"@webiny/admin-ui\";\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"],"names":["SchedulerOverlay","props","listMoreItems","vm","useScheduler","onTableScroll","debounce","scrollFrame","OverlayLayout","Title","SearchInput","Scrollbar","Empty","Table","BottomInfoBar"],"mappings":";;;;;;;;;;AAgBO,MAAMA,mBAAmB,CAACC;IAC7B,MAAM,EAAEC,aAAa,EAAEC,EAAE,EAAE,GAAGC;IAE9B,MAAMC,gBAAgBC,SAAS,OAAO,EAAEC,WAAW,EAAE;QACjD,IAAIA,YAAY,GAAG,GAAG,KAClB,MAAML;IAEd,GAAG;IAEH,OAAO,WAAP,GACI,oBAACM,eAAaA;QACV,UAAUP,MAAM,QAAQ;QACxB,uBAAS,oBAACQ,OAAKA;YAAC,OAAOR,MAAM,KAAK;;QAClC,yBAAW,oBAACS,aAAWA;qBAEvB,oBAACC,WAASA;QAAC,eAAeJ,CAAAA,cAAeF,cAAc;gBAAEE;YAAY;OAChEJ,GAAG,WAAW,GAAG,WAAH,GAAG,oBAACS,OAAKA,QAAAA,WAAAA,GAAM,oBAACC,OAAKA,QAAAA,WAAAA,GAExC,oBAACC,eAAaA;AAG1B"}

package/Presentation/components/SchedulerOverlay/index.js

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

package/Presentation/components/SearchInput/SearchInput.js

@@ -1,37 +1,30 @@
-import React from "react";
-import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
+import react from "react";
+import { ReactComponent } 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"
-  }));
+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(ReactComponent, null),
+                label: "Search"
+            }),
+            size: "md",
+            variant: "ghost"
+        }));
 };
+export { SearchInput };
 
 //# sourceMappingURL=SearchInput.js.map