@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-QWOE4FGJ.mjs

@@ -0,0 +1,227 @@
+// src/components/CronEditor.tsx
+import { useMemo, useState } from "react";
+import {
+  buildCronFieldValue,
+  classNames,
+  cronEditorBaseClasses,
+  cronEditorErrorClasses,
+  cronEditorFieldClasses,
+  cronEditorFieldsClasses,
+  cronEditorLabelClasses,
+  cronFieldMetas,
+  defaultCronExpression,
+  defaultCronPresets,
+  getCronEditorControlClasses,
+  getCronFieldIssue,
+  getCronFieldValue,
+  normalizeCronExpression,
+  parseCronFieldControl,
+  updateCronExpressionField,
+  validateCronExpression
+} 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" }
+];
+var CronEditor = ({
+  value,
+  defaultValue = defaultCronExpression,
+  disabled = false,
+  readonly = false,
+  size = "md",
+  presets = defaultCronPresets,
+  ariaLabel = "Cron editor",
+  className,
+  onChange,
+  onValidate
+}) => {
+  const [innerValue, setInnerValue] = useState(defaultValue);
+  const expression = value ?? innerValue;
+  const validation = useMemo(() => validateCronExpression(expression), [expression]);
+  const inactive = disabled || readonly;
+  function commit(nextValue) {
+    const normalized = normalizeCronExpression(nextValue);
+    const nextValidation = validateCronExpression(normalized);
+    if (value === void 0) setInnerValue(normalized);
+    onChange?.(normalized, nextValidation);
+    onValidate?.(nextValidation);
+  }
+  function handleRawExpressionChange(nextValue) {
+    const nextValidation = validateCronExpression(nextValue);
+    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": `${meta.label} step`,
+          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": `${meta.label} value`,
+          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": `${meta.label} range start`,
+            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": `${meta.label} range end`,
+            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": `${meta.label} custom value`,
+        onChange: (event) => handleFieldRawChange(meta, event.target.value)
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classNames(cronEditorBaseClasses, className),
+      role: "group",
+      "aria-label": 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": "Cron expression",
+              onChange: (event) => handleRawExpressionChange(event.target.value)
+            }
+          ),
+          presets.length > 0 && /* @__PURE__ */ jsxs(
+            "select",
+            {
+              className: getCronEditorControlClasses(size),
+              value: presets.some((preset) => preset.value === expression) ? expression : "",
+              disabled: inactive,
+              "aria-label": "Cron preset",
+              onChange: (event) => {
+                if (event.target.value) commit(event.target.value);
+              },
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: "Preset" }),
+                presets.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: cronFieldMetas.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": `${meta.label} mode`,
+                onChange: (event) => handleModeChange(meta, control, event.target.value),
+                children: modeOptions.map((mode) => /* @__PURE__ */ jsx("option", { value: mode.value, children: mode.label }, mode.value))
+              }
+            ),
+            renderFieldControl(meta, control),
+            issue && /* @__PURE__ */ jsx("div", { className: cronEditorErrorClasses, children: issue.message })
+          ] }, meta.key);
+        }) })
+      ]
+    }
+  );
+};
+var CronEditor_default = CronEditor;
+
+export {
+  CronEditor,
+  CronEditor_default
+};

package/dist/chunk-QYYAXM5F.js

@@ -1,10 +1,14 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Link.tsx
+var _react = require('react');
 
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/Link.tsx
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var Link = ({
   variant = "primary",
   size = "md",
@@ -20,41 +24,41 @@ var Link = ({
   className,
   ...props
 }) => {
-  const linkClasses = react.useMemo(
-    () => tigercatCore.classNames(
-      tigercatCore.linkBaseClasses,
-      tigercatCore.getLinkVariantClasses(variant, void 0, { disabled }),
-      tigercatCore.linkSizeClasses[size],
+  const linkClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, 
+      _tigercatcore.linkBaseClasses,
+      _tigercatcore.getLinkVariantClasses.call(void 0, variant, void 0, { disabled }),
+      _tigercatcore.linkSizeClasses[size],
       underline && "hover:underline",
-      disabled && tigercatCore.linkDisabledClasses,
+      disabled && _tigercatcore.linkDisabledClasses,
       className
     ),
     [variant, size, underline, disabled, className]
   );
-  const computedRel = react.useMemo(() => tigercatCore.getSecureRel(target, rel), [target, rel]);
-  const handleClick = react.useCallback(
+  const computedRel = _react.useMemo.call(void 0, () => _tigercatcore.getSecureRel.call(void 0, target, rel), [target, rel]);
+  const handleClick = _react.useCallback.call(void 0, 
     (event) => {
       if (disabled) {
         event.preventDefault();
         event.stopPropagation();
         return;
       }
-      onClick?.(event);
+      _optionalChain([onClick, 'optionalCall', _ => _(event)]);
     },
     [disabled, onClick]
   );
-  const handleKeyDown = react.useCallback(
+  const handleKeyDown = _react.useCallback.call(void 0, 
     (event) => {
       if (disabled && (event.key === "Enter" || event.key === " ")) {
         event.preventDefault();
         event.stopPropagation();
         return;
       }
-      onKeyDown?.(event);
+      _optionalChain([onKeyDown, 'optionalCall', _2 => _2(event)]);
     },
     [disabled, onKeyDown]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "a",
     {
       ...props,
@@ -71,4 +75,6 @@ var Link = ({
   );
 };
 
+
+
 exports.Link = Link;

package/dist/{chunk-YJ4W6DMX.mjs → chunk-R2KUNFDN.mjs}

@@ -1,11 +1,29 @@
-import { useChartInteraction } from './chunk-3CDAG4HD.mjs';
-import { ChartLegend } from './chunk-Z6F67MJE.mjs';
-import { ChartTooltip } from './chunk-LVC43YX2.mjs';
-import { ChartCanvas } from './chunk-IS467WAO.mjs';
-import { useMemo } from 'react';
-import { getChartInnerRect, resolveChartPalette, computeSunburstArcs, buildChartLegendItems, resolveChartTooltipContent, classNames, getChartElementOpacity } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import {
+  useChartInteraction
+} from "./chunk-6QML6T3Y.mjs";
+import {
+  ChartLegend
+} from "./chunk-UBP7HZSU.mjs";
+import {
+  ChartTooltip
+} from "./chunk-NASC6XHN.mjs";
+import {
+  ChartCanvas
+} from "./chunk-DKNVSQSV.mjs";
 
+// src/components/SunburstChart.tsx
+import { useId, useMemo } from "react";
+import {
+  classNames,
+  computeSunburstArcs,
+  getChartElementOpacity,
+  getChartInnerRect,
+  getStableChartGradientPrefix,
+  resolveChartPalette,
+  buildChartLegendItems,
+  resolveChartTooltipContent
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var SunburstChart = ({
   width = 320,
   height = 320,
@@ -14,6 +32,7 @@ var SunburstChart = ({
   innerRadiusRatio = 0,
   showLabels: _showLabels = true,
   colors,
+  gradient = false,
   hoverable = false,
   hoveredIndex: hoveredIndexProp,
   activeOpacity = 1,
@@ -39,6 +58,11 @@ var SunburstChart = ({
     [width, height, padding]
   );
   const palette = useMemo(() => resolveChartPalette(colors), [colors]);
+  const gradientId = useId();
+  const gradientPrefix = useMemo(
+    () => getStableChartGradientPrefix("sunburst", gradientId),
+    [gradientId]
+  );
   const outerRadius = useMemo(
     () => Math.min(innerRect.width, innerRect.height) / 2,
     [innerRect.width, innerRect.height]
@@ -121,32 +145,52 @@ var SunburstChart = ({
       title,
       desc,
       className: classNames(className),
-      children: /* @__PURE__ */ jsx("g", { "data-series-type": "sunburst", children: arcs.map((arc) => {
-        const opacity = getChartElementOpacity(arc.index, activeIndex, {
-          activeOpacity,
-          inactiveOpacity
-        });
-        return /* @__PURE__ */ jsx(
-          "path",
+      children: /* @__PURE__ */ jsxs("g", { "data-series-type": "sunburst", children: [
+        gradient && /* @__PURE__ */ jsx("defs", { children: arcs.map((arc) => /* @__PURE__ */ jsxs(
+          "linearGradient",
           {
-            d: arc.path,
-            fill: arc.color,
-            opacity,
-            stroke: "#ffffff",
-            strokeWidth: 1,
-            className: classNames(interactive && "cursor-pointer"),
-            style: { transition: "opacity 0.2s ease-out" },
-            tabIndex: selectable ? 0 : void 0,
-            role: selectable ? "button" : "img",
-            "aria-label": arc.label,
-            onMouseEnter: (e) => handleMouseEnter(arc.index, e),
-            onMouseMove: handleMouseMove,
-            onMouseLeave: handleMouseLeave,
-            onClick: () => handleClick(arc.index)
+            id: `${gradientPrefix}-${arc.index}`,
+            x1: "0",
+            y1: "0",
+            x2: "0",
+            y2: "1",
+            children: [
+              /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: arc.color, stopOpacity: "1" }),
+              /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: arc.color, stopOpacity: "0.7" })
+            ]
           },
-          `arc-${arc.index}`
-        );
-      }) })
+          `grad-${arc.index}`
+        )) }),
+        arcs.map((arc) => {
+          const opacity = getChartElementOpacity(arc.index, activeIndex, {
+            activeOpacity,
+            inactiveOpacity
+          });
+          return /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: arc.path,
+              fill: gradient ? `url(#${gradientPrefix}-${arc.index})` : arc.color,
+              opacity,
+              stroke: "var(--tiger-surface,#ffffff)",
+              strokeWidth: 1,
+              className: classNames(interactive && "cursor-pointer"),
+              style: {
+                transition: "opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out), filter var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out)",
+                filter: activeIndex === arc.index ? "var(--tiger-chart-block-active-filter, none)" : "none"
+              },
+              tabIndex: selectable ? 0 : void 0,
+              role: selectable ? "button" : "img",
+              "aria-label": arc.label,
+              onMouseEnter: (e) => handleMouseEnter(arc.index, e),
+              onMouseMove: handleMouseMove,
+              onMouseLeave: handleMouseLeave,
+              onClick: () => handleClick(arc.index)
+            },
+            `arc-${arc.index}`
+          );
+        })
+      ] })
     }
   );
   const tooltip = showTooltip && hoverable ? /* @__PURE__ */ jsx(
@@ -183,4 +227,6 @@ var SunburstChart = ({
   ] });
 };
 
-export { SunburstChart };
+export {
+  SunburstChart
+};

package/dist/{chunk-5CGXFQND.mjs → chunk-R4OVIDAY.mjs}

@@ -1,8 +1,20 @@
-import { useRef, useState, useMemo, useCallback } from 'react';
-import { calculateVirtualRange, getVirtualTableContainerClasses, classNames, virtualTableHeaderClasses, virtualTableHeaderCellClasses, getVirtualRowKey, getVirtualTableRowClasses, virtualTableCellClasses, virtualTableEmptyClasses, virtualTableLoadingClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/VirtualTable.tsx
+import { useCallback, useMemo, useRef, useState } from "react";
+import {
+  classNames,
+  calculateVirtualRange,
+  getVirtualTableContainerClasses,
+  getVirtualTableRowClasses,
+  getVirtualRowKey,
+  getVirtualTableFixedInfo,
+  getVirtualTableFixedCellStyle,
+  virtualTableHeaderClasses,
+  virtualTableHeaderCellClasses,
+  virtualTableCellClasses,
+  virtualTableEmptyClasses,
+  virtualTableLoadingClasses
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var VirtualTable = ({
   data = [],
   columns = [],
@@ -43,6 +55,7 @@ var VirtualTable = ({
     () => getVirtualTableContainerClasses(bordered, className),
     [bordered, className]
   );
+  const fixedInfo = useMemo(() => getVirtualTableFixedInfo(columns), [columns]);
   const bottomHeight = Math.max(0, range.totalHeight - range.end * rowHeight);
   return /* @__PURE__ */ jsxs(
     "div",
@@ -58,15 +71,19 @@ var VirtualTable = ({
       "aria-rowcount": data.length,
       children: [
         /* @__PURE__ */ jsxs("table", { className: "w-full table-fixed", children: [
-          /* @__PURE__ */ jsx("thead", { className: stickyHeader ? virtualTableHeaderClasses : void 0, children: /* @__PURE__ */ jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsx(
-            "th",
-            {
-              className: virtualTableHeaderCellClasses,
-              style: col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : void 0,
-              children: col.title ?? ""
-            },
-            col.key
-          )) }) }),
+          /* @__PURE__ */ jsx("thead", { className: stickyHeader ? virtualTableHeaderClasses : void 0, children: /* @__PURE__ */ jsx("tr", { children: columns.map((col) => {
+            const widthStyle = col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : {};
+            const stickyStyle = getVirtualTableFixedCellStyle(col.key, fixedInfo);
+            return /* @__PURE__ */ jsx(
+              "th",
+              {
+                className: virtualTableHeaderCellClasses,
+                style: { ...widthStyle, ...stickyStyle },
+                children: col.title ?? ""
+              },
+              col.key
+            );
+          }) }) }),
           /* @__PURE__ */ jsxs("tbody", { children: [
             /* @__PURE__ */ jsx("tr", { style: { height: `${range.offsetTop}px` }, "aria-hidden": true }),
             visibleData.map((row, localIdx) => {
@@ -81,7 +98,15 @@ var VirtualTable = ({
                     onRowClick?.(row, globalIdx);
                     if (selectable) onSelect?.(key, row, globalIdx);
                   },
-                  children: columns.map((col) => /* @__PURE__ */ jsx("td", { className: virtualTableCellClasses, children: renderCell ? renderCell(row[col.key], row, col) : String(row[col.key] ?? "") }, col.key))
+                  children: columns.map((col) => /* @__PURE__ */ jsx(
+                    "td",
+                    {
+                      className: virtualTableCellClasses,
+                      style: getVirtualTableFixedCellStyle(col.key, fixedInfo),
+                      children: renderCell ? renderCell(row[col.key], row, col) : String(row[col.key] ?? "")
+                    },
+                    col.key
+                  ))
                 },
                 key
               );
@@ -97,4 +122,7 @@ var VirtualTable = ({
 };
 var VirtualTable_default = VirtualTable;
 
-export { VirtualTable, VirtualTable_default };
+export {
+  VirtualTable,
+  VirtualTable_default
+};