@expcat/tigercat-react 2.1.1 → 2.1.3

package/dist/chunk-TDFLUDRM.mjs

@@ -1,283 +0,0 @@
-import {
-  useTigerConfig
-} from "./chunk-YSIXURBW.mjs";
-
-// src/components/CronEditor.tsx
-import { useMemo, useState } from "react";
-import {
-  buildCronFieldValue,
-  classNames,
-  cronEditorBaseClasses,
-  cronEditorErrorClasses,
-  cronEditorFieldClasses,
-  cronEditorFieldsClasses,
-  cronEditorLabelClasses,
-  cronFieldMetas,
-  defaultCronExpression,
-  getCronEditorControlClasses,
-  getCronEditorLabels,
-  getCronFieldIssue,
-  getCronFieldValue,
-  mergeTigerLocale,
-  normalizeCronExpression,
-  parseCronFieldControl,
-  updateCronExpressionField,
-  validateCronExpressionWithLabels
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var modeOptions = [
-  { label: "Any", value: "any" },
-  { label: "Every", value: "every" },
-  { label: "Specific", value: "specific" },
-  { label: "Range", value: "range" },
-  { label: "Custom", value: "custom" }
-];
-function formatCronControlLabel(template, field) {
-  return template.replace("{field}", field);
-}
-var CronEditor = ({
-  value,
-  defaultValue = defaultCronExpression,
-  disabled = false,
-  readonly = false,
-  size = "md",
-  presets,
-  ariaLabel,
-  locale,
-  labels: labelsOverride,
-  className,
-  onChange,
-  onValidate
-}) => {
-  const config = useTigerConfig();
-  const mergedLocale = useMemo(
-    () => mergeTigerLocale(config.locale, locale),
-    [config.locale, locale]
-  );
-  const labels = useMemo(
-    () => getCronEditorLabels(mergedLocale, labelsOverride),
-    [mergedLocale, labelsOverride]
-  );
-  const fieldLabels = useMemo(
-    () => ({
-      minute: labels.minuteLabel,
-      hour: labels.hourLabel,
-      dayOfMonth: labels.dayOfMonthLabel,
-      month: labels.monthLabel,
-      dayOfWeek: labels.dayOfWeekLabel
-    }),
-    [labels]
-  );
-  const localizedMetas = useMemo(
-    () => cronFieldMetas.map((meta) => ({ ...meta, label: fieldLabels[meta.key] })),
-    [fieldLabels]
-  );
-  const resolvedPresets = useMemo(
-    () => presets ?? [
-      { label: labels.everyMinutePreset, value: "* * * * *" },
-      { label: labels.hourlyPreset, value: "0 * * * *" },
-      { label: labels.dailyPreset, value: "0 0 * * *" },
-      { label: labels.weeklyPreset, value: "0 0 * * 1" },
-      { label: labels.monthlyPreset, value: "0 0 1 * *" }
-    ],
-    [labels, presets]
-  );
-  const modeLabels = useMemo(
-    () => ({
-      any: labels.modeAnyLabel,
-      every: labels.modeEveryLabel,
-      specific: labels.modeSpecificLabel,
-      range: labels.modeRangeLabel,
-      custom: labels.modeCustomLabel
-    }),
-    [labels]
-  );
-  const [innerValue, setInnerValue] = useState(defaultValue);
-  const expression = value ?? innerValue;
-  const validation = useMemo(
-    () => validateCronExpressionWithLabels(expression, labels, fieldLabels),
-    [expression, labels, fieldLabels]
-  );
-  const inactive = disabled || readonly;
-  function commit(nextValue) {
-    const normalized = normalizeCronExpression(nextValue);
-    const nextValidation = validateCronExpressionWithLabels(normalized, labels, fieldLabels);
-    if (value === void 0) setInnerValue(normalized);
-    onChange?.(normalized, nextValidation);
-    onValidate?.(nextValidation);
-  }
-  function handleRawExpressionChange(nextValue) {
-    const nextValidation = validateCronExpressionWithLabels(nextValue, labels, fieldLabels);
-    if (value === void 0) setInnerValue(nextValue);
-    onChange?.(nextValue, nextValidation);
-    onValidate?.(nextValidation);
-  }
-  function handleFieldRawChange(meta, raw) {
-    commit(updateCronExpressionField(expression, meta.key, raw));
-  }
-  function handleModeChange(meta, control, mode) {
-    const nextControl = {
-      ...control,
-      mode,
-      value: control.value ?? meta.min,
-      start: control.start ?? meta.min,
-      end: control.end ?? meta.max,
-      step: control.step ?? 1
-    };
-    handleFieldRawChange(meta, buildCronFieldValue(nextControl, meta));
-  }
-  function renderFieldControl(meta, control) {
-    if (control.mode === "any") return null;
-    if (control.mode === "every") {
-      return /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "number",
-          min: 1,
-          max: meta.max,
-          className: getCronEditorControlClasses(size),
-          value: control.step ?? 1,
-          disabled: inactive,
-          "aria-label": formatCronControlLabel(labels.stepAriaLabel, meta.label),
-          onChange: (event) => handleFieldRawChange(
-            meta,
-            buildCronFieldValue({ ...control, step: Number(event.target.value) }, meta)
-          )
-        }
-      );
-    }
-    if (control.mode === "specific") {
-      return /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "number",
-          min: meta.min,
-          max: meta.max,
-          className: getCronEditorControlClasses(size),
-          value: control.value ?? meta.min,
-          disabled: inactive,
-          "aria-label": formatCronControlLabel(labels.valueAriaLabel, meta.label),
-          onChange: (event) => handleFieldRawChange(
-            meta,
-            buildCronFieldValue({ ...control, value: Number(event.target.value) }, meta)
-          )
-        }
-      );
-    }
-    if (control.mode === "range") {
-      return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-1", children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "number",
-            min: meta.min,
-            max: meta.max,
-            className: getCronEditorControlClasses(size),
-            value: control.start ?? meta.min,
-            disabled: inactive,
-            "aria-label": formatCronControlLabel(labels.rangeStartAriaLabel, meta.label),
-            onChange: (event) => handleFieldRawChange(
-              meta,
-              buildCronFieldValue({ ...control, start: Number(event.target.value) }, meta)
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "number",
-            min: meta.min,
-            max: meta.max,
-            className: getCronEditorControlClasses(size),
-            value: control.end ?? meta.max,
-            disabled: inactive,
-            "aria-label": formatCronControlLabel(labels.rangeEndAriaLabel, meta.label),
-            onChange: (event) => handleFieldRawChange(
-              meta,
-              buildCronFieldValue({ ...control, end: Number(event.target.value) }, meta)
-            )
-          }
-        )
-      ] });
-    }
-    return /* @__PURE__ */ jsx(
-      "input",
-      {
-        type: "text",
-        className: getCronEditorControlClasses(size),
-        value: control.raw,
-        disabled: inactive,
-        "aria-label": formatCronControlLabel(labels.customValueAriaLabel, meta.label),
-        onChange: (event) => handleFieldRawChange(meta, event.target.value)
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: classNames(cronEditorBaseClasses, className),
-      role: "group",
-      "aria-label": ariaLabel ?? labels.ariaLabel,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "text",
-              className: classNames(getCronEditorControlClasses(size, !validation.valid), "flex-1"),
-              value: expression,
-              disabled,
-              readOnly: readonly,
-              "aria-label": labels.expressionAriaLabel,
-              onChange: (event) => handleRawExpressionChange(event.target.value)
-            }
-          ),
-          resolvedPresets.length > 0 && /* @__PURE__ */ jsxs(
-            "select",
-            {
-              className: getCronEditorControlClasses(size),
-              value: resolvedPresets.some((preset) => preset.value === expression) ? expression : "",
-              disabled: inactive,
-              "aria-label": labels.presetAriaLabel,
-              onChange: (event) => {
-                if (event.target.value) commit(event.target.value);
-              },
-              children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: labels.presetPlaceholder }),
-                resolvedPresets.map((preset) => /* @__PURE__ */ jsx("option", { value: preset.value, children: preset.label }, preset.value))
-              ]
-            }
-          )
-        ] }),
-        validation.issues.filter((issue) => issue.field === "expression").map((issue) => /* @__PURE__ */ jsx("div", { className: cronEditorErrorClasses, children: issue.message }, issue.message)),
-        /* @__PURE__ */ jsx("div", { className: cronEditorFieldsClasses, children: localizedMetas.map((meta) => {
-          const raw = getCronFieldValue(expression, meta.key);
-          const control = parseCronFieldControl(raw);
-          const issue = getCronFieldIssue(validation, meta.key);
-          return /* @__PURE__ */ jsxs("div", { className: cronEditorFieldClasses, children: [
-            /* @__PURE__ */ jsx("label", { className: cronEditorLabelClasses, children: meta.label }),
-            /* @__PURE__ */ jsx(
-              "select",
-              {
-                className: getCronEditorControlClasses(size, !!issue),
-                value: control.mode,
-                disabled: inactive,
-                "aria-label": formatCronControlLabel(labels.modeAriaLabel, meta.label),
-                onChange: (event) => handleModeChange(meta, control, event.target.value),
-                children: modeOptions.map((mode) => /* @__PURE__ */ jsx("option", { value: mode.value, children: modeLabels[mode.value] }, mode.value))
-              }
-            ),
-            renderFieldControl(meta, control),
-            issue && /* @__PURE__ */ jsx("div", { className: cronEditorErrorClasses, children: issue.message })
-          ] }, meta.key);
-        }) })
-      ]
-    }
-  );
-};
-var CronEditor_default = CronEditor;
-
-export {
-  CronEditor,
-  CronEditor_default
-};