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

package/dist/chunk-S5Y6UHAK.mjs

@@ -1,131 +0,0 @@
-// src/components/Calendar.tsx
-import { useState, useMemo, useCallback } from "react";
-import { classNames } from "@expcat/tigercat-core";
-import {
-  getCalendarContainerClasses,
-  calendarHeaderClasses,
-  calendarNavButtonClasses,
-  calendarTitleClasses,
-  calendarWeekdayClasses,
-  getCalendarDayClasses,
-  getCalendarMonthClasses,
-  WEEKDAYS,
-  MONTHS,
-  isSameDay,
-  getMonthDays
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Calendar = ({
-  value,
-  mode = "month",
-  fullscreen = false,
-  disabledDate,
-  onChange,
-  onPanelChange,
-  className
-}) => {
-  const today = /* @__PURE__ */ new Date();
-  const [viewYear, setViewYear] = useState(value?.getFullYear() ?? today.getFullYear());
-  const [viewMonth, setViewMonth] = useState(value?.getMonth() ?? today.getMonth());
-  const days = useMemo(() => getMonthDays(viewYear, viewMonth), [viewYear, viewMonth]);
-  const navigate = useCallback(
-    (newYear, newMonth) => {
-      setViewYear(newYear);
-      setViewMonth(newMonth);
-      onPanelChange?.(new Date(newYear, newMonth, 1), mode);
-    },
-    [mode, onPanelChange]
-  );
-  const prevMonth = useCallback(() => {
-    if (viewMonth === 0) navigate(viewYear - 1, 11);
-    else navigate(viewYear, viewMonth - 1);
-  }, [viewYear, viewMonth, navigate]);
-  const nextMonth = useCallback(() => {
-    if (viewMonth === 11) navigate(viewYear + 1, 0);
-    else navigate(viewYear, viewMonth + 1);
-  }, [viewYear, viewMonth, navigate]);
-  const prevYear = useCallback(
-    () => navigate(viewYear - 1, viewMonth),
-    [viewYear, viewMonth, navigate]
-  );
-  const nextYear = useCallback(
-    () => navigate(viewYear + 1, viewMonth),
-    [viewYear, viewMonth, navigate]
-  );
-  const selectDay = useCallback(
-    (date) => {
-      if (disabledDate?.(date)) return;
-      onChange?.(date);
-    },
-    [disabledDate, onChange]
-  );
-  const selectMonth = useCallback(
-    (monthIdx) => {
-      setViewMonth(monthIdx);
-      onPanelChange?.(new Date(viewYear, monthIdx, 1), mode);
-    },
-    [viewYear, mode, onPanelChange]
-  );
-  const containerClass = classNames(getCalendarContainerClasses(fullscreen), className);
-  return /* @__PURE__ */ jsxs("div", { className: containerClass, role: "group", children: [
-    /* @__PURE__ */ jsxs("div", { className: calendarHeaderClasses, children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: calendarNavButtonClasses,
-          "aria-label": mode === "month" ? "Previous month" : "Previous year",
-          onClick: mode === "month" ? prevMonth : prevYear,
-          children: "\u2039"
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: calendarTitleClasses, children: mode === "month" ? `${MONTHS[viewMonth]} ${viewYear}` : `${viewYear}` }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: calendarNavButtonClasses,
-          "aria-label": mode === "month" ? "Next month" : "Next year",
-          onClick: mode === "month" ? nextMonth : nextYear,
-          children: "\u203A"
-        }
-      )
-    ] }),
-    mode === "year" ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-2", children: MONTHS.map((m, i) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: getCalendarMonthClasses(viewMonth === i),
-        onClick: () => selectMonth(i),
-        children: m
-      },
-      i
-    )) }) : /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7", children: WEEKDAYS.map((wd) => /* @__PURE__ */ jsx("div", { className: calendarWeekdayClasses, children: wd }, wd)) }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7", children: days.map((date, i) => {
-        const isCurrentMonth = date.getMonth() === viewMonth;
-        const isSelected = value ? isSameDay(date, value) : false;
-        const isTodayDate = isSameDay(date, today);
-        const isDisabled = !!disabledDate?.(date);
-        return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-0.5", children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: getCalendarDayClasses(
-              isSelected,
-              isTodayDate,
-              isCurrentMonth,
-              isDisabled
-            ),
-            onClick: () => selectDay(date),
-            children: date.getDate()
-          }
-        ) }, i);
-      }) })
-    ] })
-  ] });
-};
-var Calendar_default = Calendar;
-
-export {
-  Calendar,
-  Calendar_default
-};

package/dist/chunk-SDZKL3IB.mjs

@@ -1,240 +0,0 @@
-import {
-  StatusIcon,
-  StatusIconWithLoading
-} from "./chunk-FLYJVZED.mjs";
-
-// src/components/Message.tsx
-import { useState, useEffect, useCallback } from "react";
-import { createRoot } from "react-dom/client";
-import { flushSync } from "react-dom";
-import {
-  classNames,
-  getMessageTypeClasses,
-  defaultMessageThemeColors,
-  messageContainerBaseClasses,
-  messagePositionClasses,
-  messageBaseClasses,
-  messageIconClasses,
-  messageContentClasses,
-  messageCloseButtonClasses,
-  messageLoadingSpinnerClasses,
-  getMessageIconPath,
-  messageCloseIconPath,
-  isBrowser,
-  ANIMATION_DURATION_MS,
-  normalizeStringOption,
-  createInstanceCounter
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var MESSAGE_CONTAINER_ID = "tiger-message-container";
-var MESSAGE_CLOSE_ARIA_LABEL = "Close message";
-var messageInstances = [];
-var containerRoot = null;
-var updateCallback = null;
-var getNextInstanceId = createInstanceCounter();
-var MessageItem = ({ message, onClose }) => {
-  const [isVisible, setIsVisible] = useState(false);
-  useEffect(() => {
-    const timer = setTimeout(() => setIsVisible(true), 10);
-    return () => clearTimeout(timer);
-  }, []);
-  const colorScheme = getMessageTypeClasses(message.type, defaultMessageThemeColors);
-  const messageClasses = classNames(
-    messageBaseClasses,
-    colorScheme.bg,
-    colorScheme.border,
-    colorScheme.text,
-    message.className,
-    isVisible ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-2"
-  );
-  const iconPath = message.icon || getMessageIconPath(message.type);
-  const iconClass = classNames(messageIconClasses, colorScheme.icon);
-  const handleClose = useCallback(() => {
-    setIsVisible(false);
-    setTimeout(() => onClose(message.id), ANIMATION_DURATION_MS);
-  }, [message.id, onClose]);
-  const a11yRole = message.type === "error" ? "alert" : "status";
-  const ariaLive = message.type === "error" ? "assertive" : "polite";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: messageClasses,
-      role: a11yRole,
-      "aria-live": ariaLive,
-      "aria-atomic": "true",
-      "aria-busy": message.type === "loading" || void 0,
-      "data-tiger-message": true,
-      "data-tiger-message-type": message.type,
-      "data-tiger-message-id": String(message.id),
-      children: [
-        /* @__PURE__ */ jsx(
-          StatusIconWithLoading,
-          {
-            path: iconPath,
-            className: iconClass,
-            isLoading: message.type === "loading",
-            spinnerClass: messageLoadingSpinnerClasses
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: messageContentClasses, children: message.content }),
-        message.closable && /* @__PURE__ */ jsx(
-          "button",
-          {
-            className: messageCloseButtonClasses,
-            onClick: handleClose,
-            "aria-label": MESSAGE_CLOSE_ARIA_LABEL,
-            type: "button",
-            children: /* @__PURE__ */ jsx(StatusIcon, { path: messageCloseIconPath, className: "w-4 h-4" })
-          }
-        )
-      ]
-    }
-  );
-};
-var MessageContainer = ({ position = "top" }) => {
-  const [messages, setMessages] = useState(() => [...messageInstances]);
-  useEffect(() => {
-    updateCallback = () => {
-      setMessages([...messageInstances]);
-    };
-    return () => {
-      updateCallback = null;
-    };
-  }, []);
-  const containerClasses = classNames(messageContainerBaseClasses, messagePositionClasses[position]);
-  const handleRemove = useCallback((id) => {
-    removeMessage(id);
-  }, []);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: containerClasses,
-      id: MESSAGE_CONTAINER_ID,
-      "aria-live": "polite",
-      "aria-relevant": "additions",
-      "data-tiger-message-container": true,
-      children: messages.map((message) => /* @__PURE__ */ jsx(MessageItem, { message, onClose: handleRemove }, message.id))
-    }
-  );
-};
-function ensureContainer() {
-  if (!isBrowser()) {
-    return;
-  }
-  const rootId = `${MESSAGE_CONTAINER_ID}-root`;
-  const existingRootEl = document.getElementById(rootId);
-  if (containerRoot && !existingRootEl) {
-    containerRoot = null;
-    updateCallback = null;
-  }
-  if (containerRoot) {
-    return;
-  }
-  let rootEl = existingRootEl;
-  if (!rootEl) {
-    rootEl = document.createElement("div");
-    rootEl.id = rootId;
-    document.body.appendChild(rootEl);
-  }
-  containerRoot = createRoot(rootEl);
-  flushSync(() => {
-    containerRoot?.render(/* @__PURE__ */ jsx(MessageContainer, {}));
-  });
-}
-function addMessage(config) {
-  const id = getNextInstanceId();
-  const instance = {
-    id,
-    type: config.type || "info",
-    content: config.content,
-    duration: config.duration !== void 0 ? config.duration : 3e3,
-    closable: config.closable || false,
-    onClose: config.onClose,
-    icon: config.icon,
-    className: config.className
-  };
-  messageInstances.push(instance);
-  const rootId = `${MESSAGE_CONTAINER_ID}-root`;
-  const shouldUpdateExistingContainer = isBrowser() && containerRoot !== null && document.getElementById(rootId) !== null;
-  ensureContainer();
-  if (shouldUpdateExistingContainer && updateCallback) {
-    updateCallback();
-  }
-  if (instance.duration > 0) {
-    setTimeout(() => {
-      removeMessage(id);
-    }, instance.duration);
-  }
-  return () => removeMessage(id);
-}
-function removeMessage(id) {
-  const index = messageInstances.findIndex((msg) => msg.id === id);
-  if (index !== -1) {
-    const instance = messageInstances[index];
-    messageInstances.splice(index, 1);
-    if (instance.onClose) {
-      instance.onClose();
-    }
-    if (updateCallback) {
-      updateCallback();
-    }
-  }
-}
-function clearAll() {
-  messageInstances.forEach((instance) => {
-    if (instance.onClose) {
-      instance.onClose();
-    }
-  });
-  messageInstances = [];
-  if (updateCallback) {
-    updateCallback();
-  }
-  if (containerRoot) {
-    containerRoot.unmount();
-    containerRoot = null;
-  }
-  updateCallback = null;
-  const rootId = `${MESSAGE_CONTAINER_ID}-root`;
-  if (isBrowser()) {
-    const rootEl = document.getElementById(rootId);
-    if (rootEl?.parentNode) {
-      rootEl.parentNode.removeChild(rootEl);
-    }
-  }
-}
-function normalizeOptions(options) {
-  return normalizeStringOption(options, "content");
-}
-var Message = {
-  info(options) {
-    const config = normalizeOptions(options);
-    return addMessage({ ...config, type: "info" });
-  },
-  success(options) {
-    const config = normalizeOptions(options);
-    return addMessage({ ...config, type: "success" });
-  },
-  warning(options) {
-    const config = normalizeOptions(options);
-    return addMessage({ ...config, type: "warning" });
-  },
-  error(options) {
-    const config = normalizeOptions(options);
-    return addMessage({ ...config, type: "error" });
-  },
-  loading(options) {
-    const config = normalizeOptions(options);
-    return addMessage({ ...config, type: "loading", duration: 0 });
-  },
-  clear() {
-    clearAll();
-  }
-};
-var Message_default = Message;
-
-export {
-  MessageContainer,
-  Message,
-  Message_default
-};

package/dist/chunk-SH4BZYXO.js

@@ -1,120 +0,0 @@
-"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; }
-
-var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/NumberKeyboard.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var NumberKeyboard = ({
-  value,
-  defaultValue = "",
-  mode = "number",
-  maxLength,
-  precision,
-  decimalSeparator = ".",
-  disabled = false,
-  readonly = false,
-  confirmText,
-  deleteText = "Delete",
-  ariaLabel = "Number keyboard",
-  showConfirm = true,
-  locale,
-  className,
-  style,
-  onChange,
-  onKeyPress,
-  onDelete,
-  onConfirm,
-  ...rest
-}) => {
-  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 confirmLabel = _tigercatcore.resolveLocaleText.call(void 0, "Done", confirmText, _optionalChain([mergedLocale, 'optionalAccess', _ => _.common, 'optionalAccess', _2 => _2.okText]));
-  const isControlled = value !== void 0;
-  const [innerValue, setInnerValue] = _react.useState.call(void 0, () => _tigercatcore.normalizeNumberKeyboardValue.call(void 0, defaultValue));
-  const currentValue = isControlled ? _tigercatcore.normalizeNumberKeyboardValue.call(void 0, value) : innerValue;
-  const isDisabled = disabled || readonly;
-  const keys = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getNumberKeyboardKeys.call(void 0, {
-      mode,
-      decimalSeparator,
-      deleteText,
-      confirmText: confirmLabel,
-      showConfirm
-    }),
-    [confirmLabel, decimalSeparator, deleteText, mode, showConfirm]
-  );
-  function emitChange(nextValue, payload) {
-    if (!isControlled) setInnerValue(nextValue);
-    _optionalChain([onChange, 'optionalCall', _3 => _3(nextValue, payload)]);
-  }
-  function handleKeyClick(key) {
-    if (isDisabled || key.type === "empty") return;
-    const action = _tigercatcore.getNumberKeyboardAction.call(void 0, key);
-    const nextValue = action === "delete" ? _tigercatcore.deleteNumberKeyboardValue.call(void 0, currentValue) : action === "input" ? _tigercatcore.applyNumberKeyboardInput.call(void 0, currentValue, key.value, {
-      mode,
-      maxLength,
-      precision,
-      decimalSeparator
-    }) : currentValue;
-    const payload = {
-      value: nextValue,
-      key: key.value,
-      action,
-      mode
-    };
-    _optionalChain([onKeyPress, 'optionalCall', _4 => _4(key, payload)]);
-    if (action === "confirm") {
-      _optionalChain([onConfirm, 'optionalCall', _5 => _5(currentValue, { ...payload, value: currentValue })]);
-      return;
-    }
-    if (action === "delete") _optionalChain([onDelete, 'optionalCall', _6 => _6(nextValue, payload)]);
-    if (nextValue !== currentValue) emitChange(nextValue, payload);
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: _tigercatcore.classNames.call(void 0, _tigercatcore.numberKeyboardRootClasses, className),
-      style,
-      role: "group",
-      "aria-label": ariaLabel,
-      "aria-disabled": isDisabled || void 0,
-      ...rest,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.numberKeyboardGridClasses, children: keys.map((key, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
-        {
-          type: "button",
-          className: _tigercatcore.getNumberKeyboardKeyClasses.call(void 0, key, isDisabled),
-          disabled: isDisabled || key.disabled,
-          "aria-label": key.ariaLabel,
-          "data-key": key.value,
-          onClick: () => handleKeyClick(key),
-          children: key.label
-        },
-        `${key.type}-${key.value}-${index}`
-      )) })
-    }
-  );
-};
-var NumberKeyboard_default = NumberKeyboard;
-
-
-
-
-exports.NumberKeyboard = NumberKeyboard; exports.NumberKeyboard_default = NumberKeyboard_default;