@expcat/tigercat-react 1.5.0 → 2.0.0-preview.1

package/dist/chunk-6CWZXS5B.js

@@ -1,152 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Descriptions.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Descriptions = ({
-  title,
-  extra,
-  bordered = false,
-  column: columnProp = 3,
-  size = "md",
-  layout = "horizontal",
-  colon = true,
-  labelStyle,
-  contentStyle,
-  items = [],
-  className,
-  children,
-  ...props
-}) => {
-  const isResponsive = typeof columnProp === "object" && columnProp !== null;
-  const subscribe = _react.useMemo.call(void 0, () => {
-    if (!isResponsive) {
-      return () => () => {
-      };
-    }
-    return (cb) => {
-      window.addEventListener("resize", cb);
-      return () => window.removeEventListener("resize", cb);
-    };
-  }, [isResponsive]);
-  const getSnapshot = () => window.innerWidth;
-  const getServerSnapshot = () => 1024;
-  const windowWidth = _react.useSyncExternalStore.call(void 0, subscribe, getSnapshot, getServerSnapshot);
-  const column = _react.useMemo.call(void 0, 
-    () => _tigercatcore.resolveResponsiveValue.call(void 0, columnProp, windowWidth, 3),
-    [columnProp, windowWidth]
-  );
-  const renderHeader = () => {
-    if (!title && !extra) return null;
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.descriptionsHeaderClasses, children: [
-      title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.descriptionsTitleClasses, children: title }) : null,
-      extra ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.descriptionsExtraClasses, children: extra }) : null
-    ] });
-  };
-  const renderRow = (rowItems, rowIndex) => {
-    const cells = [];
-    rowItems.forEach((item, itemIndex) => {
-      const span = Math.min(item.span || 1, column);
-      const labelClass = _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getDescriptionsLabelClasses.call(void 0, bordered, size, layout),
-        item.labelClassName
-      );
-      const contentClass = _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getDescriptionsContentClasses.call(void 0, bordered, size, layout),
-        item.contentClassName
-      );
-      const key = `${rowIndex}-${itemIndex}`;
-      cells.push(
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "th", { className: labelClass, style: labelStyle, children: [
-          item.label,
-          colon ? ":" : ""
-        ] }, `${key}-label`)
-      );
-      cells.push(
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "td",
-          {
-            className: contentClass,
-            style: contentStyle,
-            colSpan: span > 1 ? span * 2 - 1 : 1,
-            children: item.content
-          },
-          `${key}-content`
-        )
-      );
-    });
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: cells }, rowIndex);
-  };
-  const renderHorizontalLayout = () => {
-    if (items.length === 0 && !children) {
-      return null;
-    }
-    const rows = _tigercatcore.groupItemsIntoRows.call(void 0, items, column);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "table", { className: _tigercatcore.getDescriptionsTableClasses.call(void 0, bordered), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: rows.map((row, index) => renderRow(row, index)) }) });
-  };
-  const renderVerticalItem = (item, index) => {
-    const labelClass = _tigercatcore.classNames.call(void 0, 
-      _tigercatcore.getDescriptionsLabelClasses.call(void 0, bordered, size, layout),
-      item.labelClassName
-    );
-    const contentClass = _tigercatcore.classNames.call(void 0, 
-      _tigercatcore.getDescriptionsContentClasses.call(void 0, bordered, size, layout),
-      item.contentClassName
-    );
-    if (bordered) {
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tr", { children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "th", { className: labelClass, style: labelStyle, children: [
-          item.label,
-          colon ? ":" : ""
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { className: contentClass, style: contentStyle, children: item.content })
-      ] }, index);
-    }
-    const itemClasses = _tigercatcore.getDescriptionsVerticalItemClasses.call(void 0, size);
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: itemClasses, children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "dt", { className: labelClass, style: labelStyle, children: [
-        item.label,
-        colon ? ":" : ""
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "dd", { className: contentClass, style: contentStyle, children: item.content })
-    ] }, index);
-  };
-  const renderVerticalLayout = () => {
-    if (items.length === 0 && !children) {
-      return null;
-    }
-    if (bordered) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "table", { className: _tigercatcore.getDescriptionsTableClasses.call(void 0, bordered), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: items.map((item, index) => renderVerticalItem(item, index)) }) });
-    }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "dl", { className: _tigercatcore.descriptionsVerticalWrapperClasses, children: items.map((item, index) => renderVerticalItem(item, index)) });
-  };
-  const descriptionsClasses = _tigercatcore.classNames.call(void 0, 
-    _tigercatcore.descriptionsWrapperClasses,
-    _tigercatcore.getDescriptionsClasses.call(void 0, size),
-    className
-  );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: descriptionsClasses, ...props, children: [
-    renderHeader(),
-    layout === "horizontal" ? renderHorizontalLayout() : renderVerticalLayout(),
-    children
-  ] });
-};
-var Descriptions_default = Descriptions;
-
-
-
-
-exports.Descriptions = Descriptions; exports.Descriptions_default = Descriptions_default;

package/dist/chunk-6HDMUF23.js

@@ -1,22 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Header.tsx
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Header = ({
-  className,
-  variant = "default",
-  height = "64px",
-  style,
-  children,
-  ...props
-}) => {
-  const headerClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.getLayoutHeaderClasses.call(void 0, variant), className);
-  const headerStyle = { ...style, height };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "header", { className: headerClasses, style: headerStyle, ...props, children });
-};
-
-
-
-exports.Header = Header;

package/dist/chunk-6LGCAGNG.js

@@ -1,312 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } 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; }
-
-var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/Calendar.tsx
-var _react = require('react');
-var _tigercatcore = require('@expcat/tigercat-core');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _jsxruntime = require('react/jsx-runtime');
-var Calendar = ({
-  value,
-  mode = "month",
-  fullscreen = false,
-  disabledDate,
-  locale,
-  onChange,
-  onPanelChange,
-  className
-}) => {
-  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
-  const mergedLocale = _react.useMemo.call(void 0, 
-    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
-    [config.locale, locale]
-  );
-  const localeCode = _optionalChain([mergedLocale, 'optionalAccess', _ => _.locale]);
-  const labels = _react.useMemo.call(void 0, () => _tigercatcore.getCalendarLabels.call(void 0, mergedLocale), [mergedLocale]);
-  const weekdayNames = _react.useMemo.call(void 0, () => _tigercatcore.getShortDayNames.call(void 0, localeCode), [localeCode]);
-  const monthNames = _react.useMemo.call(void 0, () => _tigercatcore.getShortMonthNames.call(void 0, localeCode), [localeCode]);
-  const today = /* @__PURE__ */ new Date();
-  const [viewYear, setViewYear] = _react.useState.call(void 0, _nullishCoalesce(_optionalChain([value, 'optionalAccess', _2 => _2.getFullYear, 'call', _3 => _3()]), () => ( today.getFullYear())));
-  const [viewMonth, setViewMonth] = _react.useState.call(void 0, _nullishCoalesce(_optionalChain([value, 'optionalAccess', _4 => _4.getMonth, 'call', _5 => _5()]), () => ( today.getMonth())));
-  const days = _react.useMemo.call(void 0, () => _tigercatcore.getMonthDays.call(void 0, viewYear, viewMonth), [viewYear, viewMonth]);
-  const weeks = _react.useMemo.call(void 0, () => {
-    const out = [];
-    for (let i = 0; i < days.length; i += 7) out.push(days.slice(i, i + 7));
-    return out;
-  }, [days]);
-  const monthRows = _react.useMemo.call(void 0, () => {
-    const out = [];
-    for (let i = 0; i < monthNames.length; i += 3) out.push(monthNames.slice(i, i + 3));
-    return out;
-  }, [monthNames]);
-  const navigate = _react.useCallback.call(void 0, 
-    (newYear, newMonth) => {
-      setViewYear(newYear);
-      setViewMonth(newMonth);
-      _optionalChain([onPanelChange, 'optionalCall', _6 => _6(new Date(newYear, newMonth, 1), mode)]);
-    },
-    [mode, onPanelChange]
-  );
-  const prevMonth = _react.useCallback.call(void 0, () => {
-    if (viewMonth === 0) navigate(viewYear - 1, 11);
-    else navigate(viewYear, viewMonth - 1);
-  }, [viewYear, viewMonth, navigate]);
-  const nextMonth = _react.useCallback.call(void 0, () => {
-    if (viewMonth === 11) navigate(viewYear + 1, 0);
-    else navigate(viewYear, viewMonth + 1);
-  }, [viewYear, viewMonth, navigate]);
-  const prevYear = _react.useCallback.call(void 0, 
-    () => navigate(viewYear - 1, viewMonth),
-    [viewYear, viewMonth, navigate]
-  );
-  const nextYear = _react.useCallback.call(void 0, 
-    () => navigate(viewYear + 1, viewMonth),
-    [viewYear, viewMonth, navigate]
-  );
-  const selectDay = _react.useCallback.call(void 0, 
-    (date) => {
-      if (_optionalChain([disabledDate, 'optionalCall', _7 => _7(date)])) return;
-      _optionalChain([onChange, 'optionalCall', _8 => _8(date)]);
-    },
-    [disabledDate, onChange]
-  );
-  const selectMonth = _react.useCallback.call(void 0, 
-    (monthIdx) => {
-      setViewMonth(monthIdx);
-      _optionalChain([onPanelChange, 'optionalCall', _9 => _9(new Date(viewYear, monthIdx, 1), mode)]);
-    },
-    [viewYear, mode, onPanelChange]
-  );
-  const dayGridRef = _react.useRef.call(void 0, null);
-  const pendingFocusIsoRef = _react.useRef.call(void 0, null);
-  const [activeIso, setActiveIso] = _react.useState.call(void 0, null);
-  const toIso = (d) => _tigercatcore.formatDate.call(void 0, d, "yyyy-MM-dd");
-  const defaultDayIso = (() => {
-    if (value && value.getFullYear() === viewYear && value.getMonth() === viewMonth)
-      return toIso(value);
-    if (today.getFullYear() === viewYear && today.getMonth() === viewMonth) return toIso(today);
-    return toIso(new Date(viewYear, viewMonth, 1));
-  })();
-  const rovingDayIso = _nullishCoalesce(activeIso, () => ( defaultDayIso));
-  const focusDayIso = (iso) => {
-    const el = _optionalChain([dayGridRef, 'access', _10 => _10.current, 'optionalAccess', _11 => _11.querySelector, 'call', _12 => _12(`button[data-date="${iso}"]`)]);
-    if (el && !el.disabled) {
-      el.focus();
-      setActiveIso(iso);
-      return true;
-    }
-    return false;
-  };
-  const moveDayFocus = (deltaDays) => {
-    const activeEl = document.activeElement;
-    const currentIso = _nullishCoalesce(_optionalChain([activeEl, 'optionalAccess', _13 => _13.getAttribute, 'call', _14 => _14("data-date")]), () => ( rovingDayIso));
-    const base = _tigercatcore.parseDate.call(void 0, currentIso);
-    if (!base) return;
-    let candidate = _tigercatcore.addDays.call(void 0, base, deltaDays);
-    for (let attempts = 0; attempts < 42; attempts++) {
-      const iso = toIso(candidate);
-      const el = _optionalChain([dayGridRef, 'access', _15 => _15.current, 'optionalAccess', _16 => _16.querySelector, 'call', _17 => _17(`button[data-date="${iso}"]`)]);
-      if (el && !el.disabled) {
-        el.focus();
-        setActiveIso(iso);
-        return;
-      }
-      if (!el) {
-        pendingFocusIsoRef.current = iso;
-        setActiveIso(iso);
-        navigate(candidate.getFullYear(), candidate.getMonth());
-        return;
-      }
-      candidate = _tigercatcore.addDays.call(void 0, candidate, deltaDays);
-    }
-  };
-  _react.useEffect.call(void 0, () => {
-    const iso = pendingFocusIsoRef.current;
-    if (!iso) return;
-    const el = _optionalChain([dayGridRef, 'access', _18 => _18.current, 'optionalAccess', _19 => _19.querySelector, 'call', _20 => _20(`button[data-date="${iso}"]`)]);
-    if (el) {
-      el.focus();
-      pendingFocusIsoRef.current = null;
-    }
-  }, [days]);
-  const handleDayGridKeyDown = (e) => {
-    switch (e.key) {
-      case "ArrowLeft":
-        e.preventDefault();
-        moveDayFocus(-1);
-        break;
-      case "ArrowRight":
-        e.preventDefault();
-        moveDayFocus(1);
-        break;
-      case "ArrowUp":
-        e.preventDefault();
-        moveDayFocus(-7);
-        break;
-      case "ArrowDown":
-        e.preventDefault();
-        moveDayFocus(7);
-        break;
-      case "Home":
-        e.preventDefault();
-        focusDayIso(toIso(new Date(viewYear, viewMonth, 1)));
-        break;
-      case "End":
-        e.preventDefault();
-        focusDayIso(toIso(new Date(viewYear, viewMonth + 1, 0)));
-        break;
-      case "Enter":
-      case " ": {
-        const activeEl = document.activeElement;
-        const iso = _optionalChain([activeEl, 'optionalAccess', _21 => _21.getAttribute, 'call', _22 => _22("data-date")]);
-        if (iso) {
-          e.preventDefault();
-          const d = _tigercatcore.parseDate.call(void 0, iso);
-          if (d) selectDay(d);
-        }
-        break;
-      }
-      default:
-        break;
-    }
-  };
-  const [activeMonthIdx, setActiveMonthIdx] = _react.useState.call(void 0, null);
-  const rovingMonthIdx = _nullishCoalesce(activeMonthIdx, () => ( viewMonth));
-  const monthGridRef = _react.useRef.call(void 0, null);
-  const focusMonthIdx = (idx) => {
-    const els = _optionalChain([monthGridRef, 'access', _23 => _23.current, 'optionalAccess', _24 => _24.querySelectorAll, 'call', _25 => _25('button[role="gridcell"]')]);
-    _optionalChain([els, 'optionalAccess', _26 => _26[idx], 'optionalAccess', _27 => _27.focus, 'call', _28 => _28()]);
-    setActiveMonthIdx(idx);
-  };
-  const handleMonthKeyDown = (e, idx) => {
-    let target = idx;
-    switch (e.key) {
-      case "ArrowRight":
-        target = Math.min(11, idx + 1);
-        break;
-      case "ArrowLeft":
-        target = Math.max(0, idx - 1);
-        break;
-      case "ArrowDown":
-        target = Math.min(11, idx + 3);
-        break;
-      case "ArrowUp":
-        target = Math.max(0, idx - 3);
-        break;
-      case "Home":
-        target = 0;
-        break;
-      case "End":
-        target = 11;
-        break;
-      case "Enter":
-      case " ":
-        e.preventDefault();
-        selectMonth(idx);
-        return;
-      default:
-        return;
-    }
-    e.preventDefault();
-    focusMonthIdx(target);
-  };
-  const containerClass = _tigercatcore.classNames.call(void 0, _tigercatcore.getCalendarContainerClasses.call(void 0, fullscreen), className);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: containerClass, role: "group", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.calendarHeaderClasses, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
-        {
-          type: "button",
-          className: _tigercatcore.calendarNavButtonClasses,
-          "aria-label": mode === "month" ? labels.previousMonth : labels.previousYear,
-          onClick: mode === "month" ? prevMonth : prevYear,
-          children: "\u2039"
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.calendarTitleClasses, children: mode === "month" ? _tigercatcore.formatMonthYear.call(void 0, viewYear, viewMonth, localeCode) : `${viewYear}` }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
-        {
-          type: "button",
-          className: _tigercatcore.calendarNavButtonClasses,
-          "aria-label": mode === "month" ? labels.nextMonth : labels.nextYear,
-          onClick: mode === "month" ? nextMonth : nextYear,
-          children: "\u203A"
-        }
-      )
-    ] }),
-    mode === "year" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 gap-2", role: "grid", ref: monthGridRef, children: monthRows.map((row, ri) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-3 gap-2", role: "row", children: row.map((m, ci) => {
-      const i = ri * 3 + ci;
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
-        {
-          type: "button",
-          role: "gridcell",
-          "aria-selected": viewMonth === i,
-          tabIndex: rovingMonthIdx === i ? 0 : -1,
-          className: _tigercatcore.getCalendarMonthClasses.call(void 0, viewMonth === i),
-          onClick: () => selectMonth(i),
-          onFocus: () => setActiveMonthIdx(i),
-          onKeyDown: (e) => handleMonthKeyDown(e, i),
-          children: m
-        },
-        i
-      );
-    }) }, ri)) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { role: "grid", "aria-rowcount": 7, "aria-colcount": 7, ref: dayGridRef, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-7", role: "row", children: weekdayNames.map((wd) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.calendarWeekdayClasses, role: "columnheader", children: wd }, wd)) }),
-      weeks.map((week, wi) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-7", role: "row", onKeyDown: handleDayGridKeyDown, children: week.map((date) => {
-        const isCurrentMonth = date.getMonth() === viewMonth;
-        const isSelected = value ? _tigercatcore.isSameDay.call(void 0, date, value) : false;
-        const isTodayDate = _tigercatcore.isSameDay.call(void 0, date, today);
-        const isDisabled = !!_optionalChain([disabledDate, 'optionalCall', _29 => _29(date)]);
-        const iso = toIso(date);
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            type: "button",
-            role: "gridcell",
-            "data-date": iso,
-            "aria-label": iso,
-            "aria-selected": isSelected,
-            "aria-current": isTodayDate ? "date" : void 0,
-            disabled: isDisabled,
-            tabIndex: rovingDayIso === iso && !isDisabled ? 0 : -1,
-            className: _tigercatcore.classNames.call(void 0, 
-              _tigercatcore.getCalendarDayClasses.call(void 0, isSelected, isTodayDate, isCurrentMonth, isDisabled),
-              "justify-self-center my-0.5"
-            ),
-            onClick: () => selectDay(date),
-            onFocus: () => setActiveIso(iso),
-            children: date.getDate()
-          },
-          iso
-        );
-      }) }, wi))
-    ] })
-  ] });
-};
-var Calendar_default = Calendar;
-
-
-
-
-exports.Calendar = Calendar; exports.Calendar_default = Calendar_default;