@apia/scheduler-component 5.0.0 → 5.0.1

package/dist/Scheduler/mini/Stage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stage.js","sources":["../../../src/Scheduler/mini/Stage.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box } from '@apia/theme';\r\n\r\nimport StageButton from './StageButton';\r\nimport { isChild, useMountTransition } from '@apia/util';\r\nimport { observer } from 'mobx-react-lite';\r\nimport { useScheduler } from '..';\r\n\r\ninterface IButtonList {\r\n  stageIndex: number;\r\n}\r\n\r\nconst Stage = observer(({ stageIndex }: IButtonList) => {\r\n  const controller = useScheduler();\r\n  const stage = controller.getState().stageData?.[stageIndex];\r\n  const [ref, setRef] = React.useState<HTMLElement | null>(null);\r\n  const focusStage = controller.getState().focusStage;\r\n  const isMounted = !!stage?.name;\r\n  const hasTransitionedIn = useMountTransition(isMounted, 1000);\r\n\r\n  const doFocus = React.useCallback(() => {\r\n    if (!stage || stage.name === 'daysList') return;\r\n\r\n    if (!ref) return;\r\n    const firstBtn = ref.querySelector(\r\n      '.stage_btn:not(:disabled)',\r\n    ) as HTMLElement;\r\n    if (firstBtn) {\r\n      firstBtn.focus();\r\n    }\r\n  }, [ref, stage]);\r\n\r\n  React.useEffect(() => {\r\n    if (focusStage === stage?.name) doFocus();\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [focusStage]);\r\n\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  React.useLayoutEffect(doFocus, [ref, stage]);\r\n\r\n  const handleFocus = React.useCallback(\r\n    (sum: number) => {\r\n      const focusedElement = document.activeElement;\r\n      if (\r\n        isChild(focusedElement as HTMLElement, (current) => current === ref) &&\r\n        ref\r\n      ) {\r\n        const buttons = [\r\n          ...ref.querySelectorAll<HTMLElement>('.stage_btn:not(:disabled)'),\r\n        ];\r\n        if (buttons) {\r\n          const index = buttons.findIndex(\r\n            (current) => current === focusedElement,\r\n          );\r\n\r\n          if (buttons[index] === focusedElement && buttons[index - sum]) {\r\n            buttons[index - sum].focus();\r\n\r\n            controller.setState({ focusStage: stage?.name });\r\n          }\r\n        }\r\n      }\r\n    },\r\n    [controller, ref, stage?.name],\r\n  );\r\n\r\n  const handleKeyDown = React.useCallback(\r\n    (ev: React.KeyboardEvent) => {\r\n      if (ev.key.toLowerCase() === 'arrowdown') {\r\n        ev.preventDefault();\r\n        handleFocus(-1);\r\n      }\r\n      if (ev.key.toLowerCase() === 'arrowup') {\r\n        ev.preventDefault();\r\n        handleFocus(+1);\r\n      }\r\n    },\r\n    [handleFocus],\r\n  );\r\n\r\n  return stage ? (\r\n    <Box\r\n      data-name={stage?.name}\r\n      className={`stage ${hasTransitionedIn && 'in'} ${isMounted && 'visible'}`}\r\n      ref={setRef}\r\n      onKeyDown={handleKeyDown}\r\n    >\r\n      {(hasTransitionedIn || isMounted) &&\r\n        stage?.buttons?.map((elem) => {\r\n          return <StageButton button={elem} key={elem.title} />;\r\n        })}\r\n    </Box>\r\n  ) : null;\r\n});\r\n\r\nexport default Stage;\r\n"],"names":[],"mappings":"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"}

package/dist/Scheduler/mini/StageButton.js

@@ -0,0 +1,43 @@
+import { jsxs } from 'react/jsx-runtime';
+import { toBoolean } from '@apia/util';
+import { SimpleButton } from '@apia/components';
+import { observer } from 'mobx-react-lite';
+import { useScheduler } from '../index.js';
+
+const StageButton = observer(
+  ({
+    button: {
+      action,
+      isDisabled,
+      isSelectedSelector,
+      label,
+      title,
+      value,
+      ...props
+    }
+  }) => {
+    const controller = useScheduler();
+    const isSelected = isSelectedSelector();
+    const showDisponibility = controller.getState().initialProps.showDisponibility;
+    const overassign = controller.getState().data?.overassign;
+    return /* @__PURE__ */ jsxs(
+      SimpleButton,
+      {
+        variant: "outline",
+        className: `${isSelected ? "selected" : ""} ${value !== "" && !Number(value) && Number(value) <= Number(overassign) ? "td_overassign" : ""} ${isDisabled ? "disabled" : ""} stage_btn`,
+        onClick: action,
+        disabled: isDisabled,
+        ...props,
+        children: [
+          label,
+          " ",
+          toBoolean(showDisponibility) && value !== "" && `(${Number(value) + Number(overassign) || Number(overassign)})`
+        ]
+      },
+      title
+    );
+  }
+);
+
+export { StageButton as default };
+//# sourceMappingURL=StageButton.js.map

package/dist/Scheduler/mini/StageButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StageButton.js","sources":["../../../src/Scheduler/mini/StageButton.tsx"],"sourcesContent":["import { toBoolean } from '@apia/util';\r\nimport { SimpleButton } from '@apia/components';\r\nimport { observer } from 'mobx-react-lite';\r\nimport { useScheduler } from '..';\r\nimport { IStageButton } from '@apia/scheduler-controller';\r\n\r\nconst StageButton = observer(\r\n  ({\r\n    button: {\r\n      action,\r\n      isDisabled,\r\n      isSelectedSelector,\r\n      label,\r\n      title,\r\n      value,\r\n      ...props\r\n    },\r\n  }: {\r\n    button: IStageButton;\r\n  }) => {\r\n    const controller = useScheduler();\r\n    const isSelected = isSelectedSelector();\r\n    const showDisponibility =\r\n      controller.getState().initialProps.showDisponibility;\r\n    const overassign = controller.getState().data?.overassign;\r\n\r\n    return (\r\n      <SimpleButton\r\n        variant=\"outline\"\r\n        className={`${isSelected ? 'selected' : ''} ${\r\n          value !== '' && !Number(value) && Number(value) <= Number(overassign)\r\n            ? 'td_overassign'\r\n            : ''\r\n        } ${isDisabled ? 'disabled' : ''} stage_btn`}\r\n        onClick={action}\r\n        key={title}\r\n        disabled={isDisabled}\r\n        {...props}\r\n      >\r\n        {label}{' '}\r\n        {toBoolean(showDisponibility) &&\r\n          value !== '' &&\r\n          `(${Number(value) + Number(overassign) || Number(overassign)})`}\r\n      </SimpleButton>\r\n    );\r\n  },\r\n);\r\n\r\nexport default StageButton;\r\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,WAAA,GAAc,QAAA;AAAA,EAClB,CAAC;AAAA,IACC,MAAA,EAAQ;AAAA,MACN,MAAA;AAAA,MACA,UAAA;AAAA,MACA,kBAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAG;AAAA;AACL,GACF,KAEM;AACJ,IAAA,MAAM,aAAa,YAAA,EAAa;AAChC,IAAA,MAAM,aAAa,kBAAA,EAAmB;AACtC,IAAA,MAAM,iBAAA,GACJ,UAAA,CAAW,QAAA,EAAS,CAAE,YAAA,CAAa,iBAAA;AACrC,IAAA,MAAM,UAAA,GAAa,UAAA,CAAW,QAAA,EAAS,CAAE,IAAA,EAAM,UAAA;AAE/C,IAAA,uBACE,IAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,SAAA;AAAA,QACR,SAAA,EAAW,GAAG,UAAA,GAAa,UAAA,GAAa,EAAE,CAAA,CAAA,EACxC,KAAA,KAAU,EAAA,IAAM,CAAC,MAAA,CAAO,KAAK,KAAK,MAAA,CAAO,KAAK,CAAA,IAAK,MAAA,CAAO,UAAU,CAAA,GAChE,kBACA,EACN,CAAA,CAAA,EAAI,UAAA,GAAa,UAAA,GAAa,EAAE,CAAA,UAAA,CAAA;AAAA,QAChC,OAAA,EAAS,MAAA;AAAA,QAET,QAAA,EAAU,UAAA;AAAA,QACT,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,KAAA;AAAA,UAAO,GAAA;AAAA,UACP,SAAA,CAAU,iBAAiB,CAAA,IAC1B,KAAA,KAAU,MACV,CAAA,CAAA,EAAI,MAAA,CAAO,KAAK,CAAA,GAAI,MAAA,CAAO,UAAU,CAAA,IAAK,MAAA,CAAO,UAAU,CAAC,CAAA,CAAA;AAAA;AAAA,OAAA;AAAA,MAPzD;AAAA,KAQP;AAAA;AAGN;;;;"}

package/dist/index.d.ts

@@ -1,14 +1,2 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Scheduler, ISchedulerDataRetriever, IScheduleInitialProps } from '@apia/scheduler-controller';
-
-declare const SchedulerComponent: (({ controller, retriever, properties, getController, }: {
-    controller?: Scheduler;
-    retriever?: ISchedulerDataRetriever;
-    properties?: IScheduleInitialProps;
-    getController?: (ctrl: Scheduler) => void;
-}) => react_jsx_runtime.JSX.Element | null) & {
-    displayName: string;
-};
-
-export { SchedulerComponent };
+export { SchedulerComponent } from './Scheduler/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,556 +1,2 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Box, getVariant, Heading, Spinner, Label, useBreakpointIndex } from '@apia/theme';
-import dayjs from 'dayjs';
-import { observer } from 'mobx-react-lite';
-import { ApiaUtil, SimpleButton, IconButton, DateInput } from '@apia/components';
-import React, { useCallback, createContext, useState, useContext } from 'react';
-import { getLabel, arrayOrArray, getDateFormat, toBoolean, useMountTransition, isChild, getSpecificParent, formatMessage } from '@apia/util';
-import { Icon } from '@apia/icons';
-import { ApiaApi, makeApiaUrl } from '@apia/api';
-import { Table } from '@apia/table2-component';
-import { Scheduler } from '@apia/scheduler-controller';
-
-const ReserveDetails = observer(
-  ({ processes }) => {
-    let content = /* @__PURE__ */ jsx(Box, { className: "no__appoinments", children: /* @__PURE__ */ jsxs(Box, { as: "span", children: [
-      getLabel("lblNoAppoinments").text,
-      " "
-    ] }) });
-    if (processes.length > 0)
-      content = /* @__PURE__ */ jsxs("table", { className: "appoinments__details", children: [
-        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-          /* @__PURE__ */ jsx("th", { children: getLabel("lblId").text }),
-          /* @__PURE__ */ jsx("th", { children: getLabel("flaAtr").text })
-        ] }) }),
-        /* @__PURE__ */ jsx("tbody", { children: processes?.map((c) => {
-          const attributes = arrayOrArray(c.attributes.attribute);
-          return attributes.map((attr, index) => /* @__PURE__ */ jsxs("tr", { children: [
-            index === 0 && /* @__PURE__ */ jsx(
-              "td",
-              {
-                className: "appoinments__details_id",
-                rowSpan: attributes.length,
-                children: c.id
-              }
-            ),
-            /* @__PURE__ */ jsxs("td", { className: "appoinments__details_attribute", children: [
-              attr.title,
-              ": ",
-              attr.value
-            ] })
-          ] }, `${c.id}-${index}`));
-        }) })
-      ] });
-    return /* @__PURE__ */ jsx(Box, { ...getVariant("layout.common.components.scheduler.details"), children: content });
-  }
-);
-
-const dateFormat = getDateFormat();
-const CellRenderer = observer(({ cell }) => {
-  const controller = useScheduler();
-  const state = controller.getState();
-  if (cell.getState("content")) {
-    return cell.getState("content");
-  }
-  const properties = cell.getState("properties");
-  if (!state)
-    return;
-  const isSelected = state.selectedCell === properties.cellId;
-  const ariaLabel = !properties.isEnabled ? `${dayjs(properties.weekDay, dateFormat).add(Number(properties.dayNumber) - 1, "day").format(dateFormat)},${properties.hour.slice(0, -2) ?? ""}:${properties.hour.slice(2) ?? ""}, ${String("disabled")}
-              ` : `${dayjs(properties.weekDay, dateFormat).add(Number(properties.dayNumber) - 1, "day").format(dateFormat)},${properties.hour.slice(
-    0,
-    -2
-  )}:${properties.hour.slice(2)}, ${String(
-    properties.valuePlusOverassign
-  )}
-              `;
-  const title = !properties.isEnabled ? "" : `${dayjs(properties.weekDay, dateFormat).add(Number(properties.dayNumber) - 1, "day").format(dateFormat)},${properties.hour.slice(
-    0,
-    -2
-  )}:${properties.hour.slice(2)} ${String(
-    toBoolean(state.initialProps.showDisponibility) ? `, ${properties.valuePlusOverassign}` : ""
-  )}
-              `;
-  const onSelectDayHandler = useCallback(() => {
-    if (controller.type === "RescheduleTskScheduler") {
-      controller.setState({
-        ...state,
-        selectedCell: properties.cellId,
-        selectedDay: {
-          hour: String(properties.hour),
-          day: dayjs(properties.weekDay, dateFormat).add(Number(properties.dayNumber) - 1, "day").format(dateFormat),
-          mondayWeek: String(
-            dayjs(properties.weekDay, dateFormat).format(dateFormat)
-          ),
-          dayNumber: Number(properties.dayNumber),
-          morningOrAfternoonSelected: Number(properties.hour)
-        }
-      });
-    } else {
-      ApiaApi.get(
-        makeApiaUrl({
-          ajaxUrl: "/apia.design.TaskSchedulerAction.run",
-          action: "setExecutionSchedulerSelectedDay",
-          weekDay: properties.weekDay,
-          hour: properties.hour,
-          dayNumber: properties.dayNumber
-        })
-      ).then((response) => {
-        if (response?.data?.success) {
-          controller.setState({
-            ...state,
-            selectedCell: properties.cellId,
-            selectedDay: {
-              hour: String(properties.hour),
-              day: dayjs(properties.weekDay, dateFormat).add(Number(properties.dayNumber) - 1, "day").format(dateFormat),
-              mondayWeek: String(
-                dayjs(properties.weekDay, dateFormat).format(dateFormat)
-              ),
-              dayNumber: Number(properties.dayNumber),
-              morningOrAfternoonSelected: Number(properties.hour)
-            }
-          });
-          if (properties.currentDayDefinition) {
-            controller.syncStage(
-              properties.currentDayDefinition,
-              Number(properties.hour)
-            );
-          }
-        }
-      }).catch(() => {
-      });
-    }
-  }, [
-    controller,
-    properties.cellId,
-    properties.currentDayDefinition,
-    properties.dayNumber,
-    properties.hour,
-    properties.weekDay,
-    state
-  ]);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className: `scheduler_cell ${properties.isOverassignClassName ? "td_overassign" : ""}`,
-      children: [
-        /* @__PURE__ */ jsxs(
-          SimpleButton,
-          {
-            tabIndex: 0,
-            title,
-            "aria-label": ariaLabel,
-            disabled: !properties.isEnabled,
-            ...getVariant("transparentIcon"),
-            onClick: onSelectDayHandler,
-            className: `sched_cell__btn `,
-            children: [
-              isSelected && /* @__PURE__ */ jsx(Icon, { title: "", name: "Check" }),
-              !isSelected && properties.isEnabled && toBoolean(state.initialProps.showDisponibility) && Number(properties.valuePlusOverassign)
-            ]
-          }
-        ),
-        properties.currentDayDefinition?.type === "laboral" && ApiaUtil.instance.parsers.parseBool(
-          state.initialProps.showAttributes ?? "false"
-        ) && /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            size: 24,
-            icon: "Search",
-            ...getVariant("transparentIcon"),
-            className: `schd__info ${!properties.isEnabled ? "schd__info_disabledColor" : ""}`,
-            onClick: async () => {
-              const processes = await controller.loadInfo(
-                properties.dayNumber,
-                properties.hour
-              );
-              ApiaUtil.instance.modals.open({
-                title: getLabel("lblAppointmentDetails").text,
-                children: /* @__PURE__ */ jsx(ReserveDetails, { processes }),
-                variant: "layout.execution.form.fields.scheduler.details"
-              });
-            }
-          }
-        )
-      ]
-    }
-  );
-});
-class SchedulerTablePlugin {
-  getRenderers() {
-    return {
-      cell: CellRenderer
-    };
-  }
-}
-
-const Navigation = observer(() => {
-  const controller = useScheduler();
-  const mondayWeek = controller.getState().data?.mondayWeek;
-  const {
-    isDisabled,
-    isTodayLoading,
-    isLastWeekLoading,
-    isDateInputLoading,
-    isNextWeekLoading,
-    isDeleteLoading
-  } = {
-    isDisabled: controller.getState()?.isLoading !== "NotLoading",
-    isTodayLoading: controller.getState()?.isLoading === "Today",
-    isLastWeekLoading: controller.getState()?.isLoading === "LastWeek",
-    isDateInputLoading: controller.getState()?.isLoading === "DateInput",
-    isNextWeekLoading: controller.getState()?.isLoading === "NextWeek",
-    isDeleteLoading: controller.getState()?.isLoading === "DeleteWeek"
-  };
-  const onTodayHandler = () => {
-    controller.setState({ isLoading: "Today" });
-    controller.makeDaysStage();
-    controller.loadWeek(dayjs().subtract(1, "day").format(dateFormat));
-  };
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Box, { className: "scheduler__navigator", children: [
-    /* @__PURE__ */ jsx(
-      SimpleButton,
-      {
-        variant: "outline",
-        className: "scheduler__navigator_todayBtn",
-        disabled: isDisabled,
-        "aria-label": window.LBL_TODAY,
-        isLoading: isTodayLoading,
-        onClick: useCallback(onTodayHandler, [controller]),
-        type: "button",
-        children: window.LBL_TODAY
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      SimpleButton,
-      {
-        variant: "outline",
-        className: "scheduler__navigator_lastBtn",
-        disabled: isDisabled,
-        title: window.LBL_SCHED_LAST_WEEK_TOOLTIP,
-        "aria-label": window.LBL_SCHED_LAST_WEEK_TEXT,
-        isLoading: isLastWeekLoading,
-        onClick: () => controller.goPreviousWeek(),
-        type: "button",
-        children: "<"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      DateInput,
-      {
-        className: "scheduler__navigator_dateInput",
-        disabled: isDisabled,
-        isLoading: isDateInputLoading,
-        getCustomMask: useCallback(() => {
-          return "";
-        }, []),
-        renderLabel: controller.parsedDateLabel,
-        onChange: (newDate) => {
-          if (newDate) {
-            controller.setState({ isLoading: "DateInput" });
-            controller.loadWeek(
-              dayjs(newDate, dateFormat).format(dateFormat)
-            );
-          }
-        },
-        value: mondayWeek
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      SimpleButton,
-      {
-        variant: "outline",
-        className: "scheduler__navigator_nextBtn",
-        disabled: isDisabled,
-        title: window.LBL_SCHED_NEXT_WEEK_TOOLTIP,
-        "aria-label": window.LBL_SCHED_NEXT_WEEK_TEXT,
-        isLoading: isNextWeekLoading,
-        onClick: () => controller.goNextWeek(),
-        type: "button",
-        children: ">"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      SimpleButton,
-      {
-        variant: "outline-danger",
-        title: window.LBL_SCHED_RESET_TOOLTIP,
-        "aria-label": window.LBL_SCHED_RESET_TEXT,
-        className: "scheduler__navigator_DeleteBtn",
-        disabled: isDisabled,
-        isLoading: isDeleteLoading,
-        onClick: () => controller.deleteDate(),
-        type: "button",
-        children: /* @__PURE__ */ jsx(Icon, { name: "Trash", title: window.LBL_SCHED_RESET_TEXT })
-      }
-    )
-  ] }) });
-});
-
-const SchedTable = observer(() => {
-  const controller = useScheduler();
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      onKeyDownCapture: (ev) => {
-        if (ev.code === "ArrowRight" && ev.ctrlKey) {
-          ev.stopPropagation();
-          controller.goNextWeek();
-        }
-        if (ev.code === "ArrowLeft" && ev.ctrlKey) {
-          ev.stopPropagation();
-          controller.goPreviousWeek();
-        }
-      },
-      children: /* @__PURE__ */ jsx(Table, { variant: "secondary", controller: controller.tableController })
-    }
-  );
-});
-
-const StageButton = observer(
-  ({
-    button: {
-      action,
-      isDisabled,
-      isSelectedSelector,
-      label,
-      title,
-      value,
-      ...props
-    }
-  }) => {
-    const controller = useScheduler();
-    const isSelected = isSelectedSelector();
-    const showDisponibility = controller.getState().initialProps.showDisponibility;
-    const overassign = controller.getState().data?.overassign;
-    return /* @__PURE__ */ jsxs(
-      SimpleButton,
-      {
-        variant: "outline",
-        className: `${isSelected ? "selected" : ""} ${value !== "" && !Number(value) && Number(value) <= Number(overassign) ? "td_overassign" : ""} ${isDisabled ? "disabled" : ""} stage_btn`,
-        onClick: action,
-        disabled: isDisabled,
-        ...props,
-        children: [
-          label,
-          " ",
-          toBoolean(showDisponibility) && value !== "" && `(${Number(value) + Number(overassign) || Number(overassign)})`
-        ]
-      },
-      title
-    );
-  }
-);
-
-const Stage = observer(({ stageIndex }) => {
-  const controller = useScheduler();
-  const stage = controller.getState().stageData?.[stageIndex];
-  const [ref, setRef] = React.useState(null);
-  const focusStage = controller.getState().focusStage;
-  const isMounted = !!stage?.name;
-  const hasTransitionedIn = useMountTransition(isMounted, 1e3);
-  const doFocus = React.useCallback(() => {
-    if (!stage || stage.name === "daysList")
-      return;
-    if (!ref)
-      return;
-    const firstBtn = ref.querySelector(
-      ".stage_btn:not(:disabled)"
-    );
-    if (firstBtn) {
-      firstBtn.focus();
-    }
-  }, [ref, stage]);
-  React.useEffect(() => {
-    if (focusStage === stage?.name)
-      doFocus();
-  }, [focusStage]);
-  React.useLayoutEffect(doFocus, [ref, stage]);
-  const handleFocus = React.useCallback(
-    (sum) => {
-      const focusedElement = document.activeElement;
-      if (isChild(focusedElement, (current) => current === ref) && ref) {
-        const buttons = [
-          ...ref.querySelectorAll(".stage_btn:not(:disabled)")
-        ];
-        if (buttons) {
-          const index = buttons.findIndex(
-            (current) => current === focusedElement
-          );
-          if (buttons[index] === focusedElement && buttons[index - sum]) {
-            buttons[index - sum].focus();
-            controller.setState({ focusStage: stage?.name });
-          }
-        }
-      }
-    },
-    [controller, ref, stage?.name]
-  );
-  const handleKeyDown = React.useCallback(
-    (ev) => {
-      if (ev.key.toLowerCase() === "arrowdown") {
-        ev.preventDefault();
-        handleFocus(-1);
-      }
-      if (ev.key.toLowerCase() === "arrowup") {
-        ev.preventDefault();
-        handleFocus(1);
-      }
-    },
-    [handleFocus]
-  );
-  return stage ? /* @__PURE__ */ jsx(
-    Box,
-    {
-      "data-name": stage?.name,
-      className: `stage ${hasTransitionedIn && "in"} ${isMounted && "visible"}`,
-      ref: setRef,
-      onKeyDown: handleKeyDown,
-      children: (hasTransitionedIn || isMounted) && stage?.buttons?.map((elem) => {
-        return /* @__PURE__ */ jsx(StageButton, { button: elem }, elem.title);
-      })
-    }
-  ) : null;
-});
-
-const Mini = observer(() => {
-  const controller = useScheduler();
-  const data = controller.getState().data;
-  const stage = controller.getState()?.stageData;
-  const stagesLength = controller.getState().stageData?.length;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      ...getVariant("layout.execution.form.fields.scheduler"),
-      className: "schedulerMini",
-      onKeyDown: (ev) => {
-        if (ev.key.toLowerCase() === "arrowleft") {
-          const stageName = getSpecificParent(
-            ev.target,
-            (current) => current.classList.contains("stage")
-          )?.dataset.name;
-          const stageIndex = stage.findIndex(
-            (current) => current.name === stageName
-          );
-          if (stageIndex <= 0)
-            return;
-          const nextStage = stage[stageIndex - 1]?.name;
-          const firstButton = document.querySelector(
-            `[data-name="${nextStage}"] .selected`
-          ) || document.querySelector(
-            `[data-name="${nextStage}"] button:not(:disabled)`
-          );
-          if (firstButton)
-            firstButton.focus();
-        }
-        if (ev.key.toLowerCase() === "arrowright") {
-          const stageName = getSpecificParent(
-            ev.target,
-            (current) => current.classList.contains("stage")
-          )?.dataset.name;
-          const stageIndex = stage.findIndex(
-            (current) => current.name === stageName
-          );
-          if (stageIndex >= stage.length - 1)
-            return;
-          const nextStage = stage[stageIndex + 1]?.name;
-          const firstButton = document.querySelector(
-            `[data-name="${nextStage}"] .selected`
-          ) || document.querySelector(
-            `[data-name="${nextStage}"] button:not(:disabled)`
-          );
-          if (firstButton)
-            firstButton.focus();
-        }
-      },
-      children: [
-        data?.weekNotConfigured && /* @__PURE__ */ jsx(Heading, { as: "h1", children: window.LBL_SCHED_WEEK_NOT_CONFIGURED }),
-        !data?.weekNotConfigured && data?.tskSchDay && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Stage, { stageIndex: 0 }),
-          stagesLength >= 2 && /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: "ArrowDown",
-              title: "",
-              className: "schedulerMini_faCaretDown"
-            }
-          ),
-          /* @__PURE__ */ jsx(Stage, { stageIndex: 1 }),
-          stagesLength >= 3 && /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: "ArrowDown",
-              title: "",
-              className: "schedulerMini_faCaretDown"
-            }
-          ),
-          /* @__PURE__ */ jsx(Stage, { stageIndex: 2 })
-        ] }),
-        !data?.weekNotConfigured && !data?.tskSchDay && /* @__PURE__ */ jsx(Box, { className: "box_spinner", title: window.WAIT_A_SECOND, children: /* @__PURE__ */ jsx(Spinner, {}) })
-      ]
-    }
-  );
-});
-
-const SelectedDateInfo = observer(() => {
-  const controller = useScheduler();
-  const data = controller.getState().data;
-  const selectedDay = controller.getState()?.selectedDay;
-  return /* @__PURE__ */ jsxs(Box, { className: "selectedDateInfo", children: [
-    selectedDay?.day && selectedDay?.hour && /* @__PURE__ */ jsx(Label, { children: formatMessage(window.LBL_SCHED_SELECTED_DATE, {
-      TOK1: selectedDay?.day,
-      TOK2: `${selectedDay.hour.slice(
-        0,
-        -2
-      )}:${selectedDay.hour.slice(2)}`
-    }) }),
-    !selectedDay?.day && !data?.weekNotConfigured && data?.tskSchDay && /* @__PURE__ */ jsx(Label, { sx: { display: "block" }, children: window.LBL_SCHED_DATE_NOT_SELECTED })
-  ] });
-});
-
-const SchedulerController = createContext(null);
-function useScheduler() {
-  return useContext(SchedulerController);
-}
-const SchedulerComponent = observer(
-  ({
-    controller,
-    retriever,
-    properties,
-    getController
-  }) => {
-    if (!controller && !(properties && retriever)) {
-      console.error(
-        "Need to create controller or pass retriever and properties"
-      );
-      return null;
-    }
-    const [actualController] = useState(() => {
-      const ctrl = controller ?? new Scheduler(properties, retriever);
-      getController?.(ctrl);
-      ctrl.tableController.setPlugins((current) => {
-        if (!current.some((plugin) => plugin instanceof SchedulerTablePlugin)) {
-          current.push(new SchedulerTablePlugin());
-        }
-        return current;
-      });
-      return ctrl;
-    });
-    const breakPoint = useBreakpointIndex();
-    return /* @__PURE__ */ jsx(SchedulerController.Provider, { value: actualController, children: /* @__PURE__ */ jsxs(
-      Box,
-      {
-        ...getVariant("layout.common.components.scheduler"),
-        className: "scheduler",
-        children: [
-          /* @__PURE__ */ jsx(Navigation, {}),
-          /* @__PURE__ */ jsx(SelectedDateInfo, {}),
-          breakPoint > 4 ? /* @__PURE__ */ jsx(SchedTable, {}) : /* @__PURE__ */ jsx(Mini, {})
-        ]
-      }
-    ) });
-  }
-);
-
-export { SchedulerComponent };
+export { SchedulerComponent } from './Scheduler/index.js';
 //# sourceMappingURL=index.js.map