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

package/dist/chunk-SYJJKI7U.js

@@ -1,261 +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 _chunkHQ3QOT7Hjs = require('./chunk-HQ3QOT7H.js');
-
-// src/components/Message.tsx
-var _react = require('react');
-var _client = require('react-dom/client');
-var _reactdom = require('react-dom');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var MESSAGE_CONTAINER_ID = "tiger-message-container";
-var MESSAGE_CLOSE_ARIA_LABEL = "Close message";
-var MESSAGE_POSITIONS = [
-  "top",
-  "top-left",
-  "top-right",
-  "bottom",
-  "bottom-left",
-  "bottom-right"
-];
-var messageInstances = [];
-var containerRoot = null;
-var updateCallback = null;
-var getNextInstanceId = _tigercatcore.createInstanceCounter.call(void 0, );
-var MessageItem = ({ message, onClose }) => {
-  const [isVisible, setIsVisible] = _react.useState.call(void 0, false);
-  _react.useEffect.call(void 0, () => {
-    const timer = setTimeout(() => setIsVisible(true), 10);
-    return () => clearTimeout(timer);
-  }, []);
-  const colorScheme = _tigercatcore.getMessageTypeClasses.call(void 0, message.type, _tigercatcore.defaultMessageThemeColors);
-  const messageClasses = _tigercatcore.classNames.call(void 0, 
-    _tigercatcore.messageBaseClasses,
-    colorScheme.bg,
-    colorScheme.border,
-    colorScheme.text,
-    message.className,
-    isVisible ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-2"
-  );
-  const iconPath = message.icon || _tigercatcore.getMessageIconPath.call(void 0, message.type);
-  const iconClass = _tigercatcore.classNames.call(void 0, _tigercatcore.messageIconClasses, colorScheme.icon);
-  const handleClose = _react.useCallback.call(void 0, () => {
-    setIsVisible(false);
-    setTimeout(() => onClose(message.id), _tigercatcore.ANIMATION_DURATION_MS);
-  }, [message.id, onClose]);
-  const a11yRole = message.type === "error" ? "alert" : "status";
-  const ariaLive = message.type === "error" ? "assertive" : "polite";
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "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__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHQ3QOT7Hjs.StatusIconWithLoading,
-          {
-            path: iconPath,
-            className: iconClass,
-            isLoading: message.type === "loading",
-            spinnerClass: _tigercatcore.messageLoadingSpinnerClasses
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.messageContentClasses, children: message.content }),
-        message.closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            className: _tigercatcore.messageCloseButtonClasses,
-            onClick: handleClose,
-            "aria-label": MESSAGE_CLOSE_ARIA_LABEL,
-            type: "button",
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQ3QOT7Hjs.StatusIcon, { path: _tigercatcore.messageCloseIconPath, className: "w-4 h-4" })
-          }
-        )
-      ]
-    }
-  );
-};
-var MessageContainer = ({
-  position = "top",
-  messages = messageInstances.filter((message) => message.position === position)
-}) => {
-  const containerClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.messageContainerBaseClasses, _tigercatcore.messagePositionClasses[position]);
-  const containerId = position === "top" ? MESSAGE_CONTAINER_ID : `${MESSAGE_CONTAINER_ID}-${position}`;
-  const handleRemove = _react.useCallback.call(void 0, (id) => {
-    removeMessage(id);
-  }, []);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: containerClasses,
-      id: containerId,
-      "aria-live": "polite",
-      "aria-relevant": "additions",
-      "data-tiger-message-position": position,
-      "data-tiger-message-container": true,
-      children: messages.map((message) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageItem, { message, onClose: handleRemove }, message.id))
-    }
-  );
-};
-var MessageHost = () => {
-  const [messages, setMessages] = _react.useState.call(void 0, () => [...messageInstances]);
-  _react.useEffect.call(void 0, () => {
-    updateCallback = () => {
-      setMessages([...messageInstances]);
-    };
-    return () => {
-      updateCallback = null;
-    };
-  }, []);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: MESSAGE_POSITIONS.map((position) => {
-    const positionedMessages = messages.filter((message) => message.position === position);
-    if (positionedMessages.length === 0) return null;
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageContainer, { position, messages: positionedMessages }, position);
-  }) });
-};
-function ensureContainer() {
-  if (!_tigercatcore.isBrowser.call(void 0, )) {
-    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 = _client.createRoot.call(void 0, rootEl);
-  _reactdom.flushSync.call(void 0, () => {
-    _optionalChain([containerRoot, 'optionalAccess', _ => _.render, 'call', _2 => _2(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageHost, {}))]);
-  });
-}
-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,
-    position: _nullishCoalesce(config.position, () => ( "top"))
-  };
-  messageInstances.push(instance);
-  const rootId = `${MESSAGE_CONTAINER_ID}-root`;
-  const shouldUpdateExistingContainer = _tigercatcore.isBrowser.call(void 0, ) && 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 (_tigercatcore.isBrowser.call(void 0, )) {
-    const rootEl = document.getElementById(rootId);
-    if (_optionalChain([rootEl, 'optionalAccess', _3 => _3.parentNode])) {
-      rootEl.parentNode.removeChild(rootEl);
-    }
-  }
-}
-function normalizeOptions(options) {
-  return _tigercatcore.normalizeStringOption.call(void 0, 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;
-
-
-
-
-
-exports.MessageContainer = MessageContainer; exports.Message = Message; exports.Message_default = Message_default;

package/dist/chunk-TB2UHDOZ.js

@@ -1,21 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Footer.tsx
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Footer = ({
-  className,
-  height = "auto",
-  style,
-  children,
-  ...props
-}) => {
-  const footerClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.layoutFooterClasses, className);
-  const footerStyle = { ...style, height };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "footer", { className: footerClasses, style: footerStyle, ...props, children });
-};
-
-
-
-exports.Footer = Footer;

package/dist/chunk-TDODFBBO.js

@@ -1,101 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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; }// src/components/ConfigProvider.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var TigerConfigContext = _react2.default.createContext({});
-var ConfigProvider = ({
-  locale,
-  direction,
-  theme,
-  colorScheme,
-  children
-}) => {
-  const parent = _react.useContext.call(void 0, TigerConfigContext);
-  const isLazy = _tigercatcore.isLazyTigerLocale.call(void 0, locale);
-  const immediateLocale = isLazy ? void 0 : _tigercatcore.getImmediateTigerLocale.call(void 0, locale);
-  const [resolvedLocale, setResolvedLocale] = _react.useState.call(void 0, 
-    immediateLocale
-  );
-  const [localeLoading, setLocaleLoading] = _react.useState.call(void 0, isLazy);
-  _react.useEffect.call(void 0, () => {
-    if (!_tigercatcore.isLazyTigerLocale.call(void 0, locale)) {
-      setResolvedLocale(_tigercatcore.getImmediateTigerLocale.call(void 0, locale));
-      setLocaleLoading(false);
-      return;
-    }
-    let cancelled = false;
-    setLocaleLoading(true);
-    _tigercatcore.resolveTigerLocale.call(void 0, locale).then(
-      (result) => {
-        if (!cancelled) {
-          setResolvedLocale(result);
-          setLocaleLoading(false);
-        }
-      },
-      () => {
-        if (!cancelled) {
-          setLocaleLoading(false);
-        }
-      }
-    );
-    return () => {
-      cancelled = true;
-    };
-  }, [locale]);
-  const value = _react.useMemo.call(void 0, () => {
-    return {
-      locale: _tigercatcore.mergeTigerLocale.call(void 0, parent.locale, resolvedLocale),
-      localeLoading: localeLoading || parent.localeLoading,
-      direction: _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(direction, () => ( _optionalChain([resolvedLocale, 'optionalAccess', _ => _.direction]))), () => ( parent.direction)), () => ( (_optionalChain([resolvedLocale, 'optionalAccess', _2 => _2.locale]) ? _tigercatcore.getLocaleDirection.call(void 0, resolvedLocale) : void 0))),
-      theme: _nullishCoalesce(theme, () => ( parent.theme)),
-      colorScheme: _nullishCoalesce(colorScheme, () => ( parent.colorScheme))
-    };
-  }, [
-    parent.locale,
-    resolvedLocale,
-    localeLoading,
-    parent.localeLoading,
-    direction,
-    parent.direction,
-    theme,
-    parent.theme,
-    colorScheme,
-    parent.colorScheme
-  ]);
-  _react.useEffect.call(void 0, () => {
-    if (value.theme) _tigercatcore.ThemeManager.setTheme(value.theme);
-  }, [value.theme]);
-  _react.useEffect.call(void 0, () => {
-    if (value.colorScheme) _tigercatcore.ThemeManager.setColorScheme(value.colorScheme);
-  }, [value.colorScheme]);
-  _react.useEffect.call(void 0, () => {
-    if (!value.direction || typeof document === "undefined") return;
-    const root = document.documentElement;
-    const previousDir = root.getAttribute("dir");
-    const previousDataDir = root.getAttribute("data-tiger-dir");
-    root.setAttribute("dir", value.direction);
-    root.setAttribute("data-tiger-dir", value.direction);
-    return () => {
-      if (previousDir === null) root.removeAttribute("dir");
-      else root.setAttribute("dir", previousDir);
-      if (previousDataDir === null) root.removeAttribute("data-tiger-dir");
-      else root.setAttribute("data-tiger-dir", previousDataDir);
-    };
-  }, [value.direction]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TigerConfigContext.Provider, { value, children });
-};
-function useTigerConfig() {
-  return _react.useContext.call(void 0, TigerConfigContext);
-}
-
-
-
-
-exports.ConfigProvider = ConfigProvider; exports.useTigerConfig = useTigerConfig;