@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/chunk-TUA5PDRX.mjs

@@ -1,8 +1,19 @@
-import React from 'react';
-import { classNames, iconWrapperClasses, iconSvgDefaultStrokeLinejoin, iconSvgDefaultStrokeLinecap, iconSvgDefaultStrokeWidth, SVG_DEFAULT_STROKE, SVG_DEFAULT_FILL, SVG_DEFAULT_VIEWBOX_24, SVG_DEFAULT_XMLNS, iconSvgBaseClasses, iconSizeClasses } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
 // src/components/Icon.tsx
+import React from "react";
+import {
+  classNames,
+  iconSizeClasses,
+  iconSvgBaseClasses,
+  iconSvgDefaultStrokeLinecap,
+  iconSvgDefaultStrokeLinejoin,
+  iconSvgDefaultStrokeWidth,
+  iconWrapperClasses,
+  SVG_DEFAULT_FILL,
+  SVG_DEFAULT_STROKE,
+  SVG_DEFAULT_VIEWBOX_24,
+  SVG_DEFAULT_XMLNS
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
 var Icon = ({
   size = "md",
   color = "currentColor",
@@ -43,4 +54,6 @@ var Icon = ({
   );
 };
 
-export { Icon };
+export {
+  Icon
+};

package/dist/chunk-TULQETJ5.mjs

@@ -1,8 +1,13 @@
-import { createContext, useMemo } from 'react';
-import { classNames, getRowGutterClasses, getAlignClasses, getJustifyClasses, getRowGutterStyleVars } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
 // src/components/Row.tsx
+import { createContext, useMemo } from "react";
+import {
+  classNames,
+  getAlignClasses,
+  getJustifyClasses,
+  getRowGutterClasses,
+  getRowGutterStyleVars
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
 var RowContext = createContext({});
 var Row = ({
   gutter = 0,
@@ -34,4 +39,7 @@ var Row = ({
   return /* @__PURE__ */ jsx(RowContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { className: rowClasses, style: mergedStyle, ...divProps, children }) });
 };
 
-export { Row, RowContext };
+export {
+  RowContext,
+  Row
+};

package/dist/chunk-U356F7GU.js

@@ -1,10 +1,23 @@
-'use strict';
+"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; }// src/components/AutoComplete.tsx
+var _react = require('react');
 
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/AutoComplete.tsx
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var AUTOCOMPLETE_KEYS = /* @__PURE__ */ new Set([
   "value",
   "options",
@@ -43,25 +56,25 @@ var AutoComplete = (props) => {
       divProps[key] = rest[key];
     }
   }
-  const instanceId = react.useId();
+  const instanceId = _react.useId.call(void 0, );
   const listboxId = `tiger-autocomplete-listbox-${instanceId}`;
-  const [isOpen, setIsOpen] = react.useState(false);
-  const [inputValue, setInputValue] = react.useState(String(value ?? ""));
-  const [activeIndex, setActiveIndex] = react.useState(-1);
-  const containerRef = react.useRef(null);
-  const inputRef = react.useRef(null);
-  react.useEffect(() => {
-    setInputValue(String(value ?? ""));
+  const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
+  const [inputValue, setInputValue] = _react.useState.call(void 0, String(_nullishCoalesce(value, () => ( ""))));
+  const [activeIndex, setActiveIndex] = _react.useState.call(void 0, -1);
+  const containerRef = _react.useRef.call(void 0, null);
+  const inputRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    setInputValue(String(_nullishCoalesce(value, () => ( ""))));
   }, [value]);
-  const filteredOptions = react.useMemo(
-    () => tigercatCore.filterAutoCompleteOptions(options, inputValue, filterOption),
+  const filteredOptions = _react.useMemo.call(void 0, 
+    () => _tigercatcore.filterAutoCompleteOptions.call(void 0, options, inputValue, filterOption),
     [options, inputValue, filterOption]
   );
   const showClearButton = clearable && !disabled && inputValue !== "";
   function openDropdown() {
     if (disabled) return;
     setIsOpen(true);
-    setActiveIndex(tigercatCore.getInitialPickerActiveIndex(filteredOptions, defaultActiveFirstOption));
+    setActiveIndex(_tigercatcore.getInitialPickerActiveIndex.call(void 0, filteredOptions, defaultActiveFirstOption));
   }
   function closeDropdown() {
     setIsOpen(false);
@@ -70,28 +83,28 @@ var AutoComplete = (props) => {
   function handleInput(e) {
     const val = e.target.value;
     setInputValue(val);
-    onChange?.(val);
-    onSearch?.(val);
+    _optionalChain([onChange, 'optionalCall', _ => _(val)]);
+    _optionalChain([onSearch, 'optionalCall', _2 => _2(val)]);
     if (!isOpen) {
       setIsOpen(true);
     }
     if (defaultActiveFirstOption) {
-      const newFiltered = tigercatCore.filterAutoCompleteOptions(options, val, filterOption);
-      setActiveIndex(tigercatCore.getInitialPickerActiveIndex(newFiltered, true));
+      const newFiltered = _tigercatcore.filterAutoCompleteOptions.call(void 0, options, val, filterOption);
+      setActiveIndex(_tigercatcore.getInitialPickerActiveIndex.call(void 0, newFiltered, true));
     }
   }
   function handleSelect(option) {
     if (option.disabled) return;
     setInputValue(option.label);
-    onChange?.(option.value);
-    onSelect?.(option.value, option);
+    _optionalChain([onChange, 'optionalCall', _3 => _3(option.value)]);
+    _optionalChain([onSelect, 'optionalCall', _4 => _4(option.value, option)]);
     closeDropdown();
   }
   function handleClear(e) {
     e.stopPropagation();
     setInputValue("");
-    onChange?.("");
-    requestAnimationFrame(() => inputRef.current?.focus());
+    _optionalChain([onChange, 'optionalCall', _5 => _5("")]);
+    requestAnimationFrame(() => _optionalChain([inputRef, 'access', _6 => _6.current, 'optionalAccess', _7 => _7.focus, 'call', _8 => _8()]));
   }
   function handleKeyDown(e) {
     if (!isOpen) {
@@ -107,7 +120,7 @@ var AutoComplete = (props) => {
       case "Home":
       case "End":
         e.preventDefault();
-        setActiveIndex((prev) => tigercatCore.getPickerNavigationIndex(filteredOptions, prev, e.key));
+        setActiveIndex((prev) => _tigercatcore.getPickerNavigationIndex.call(void 0, filteredOptions, prev, e.key));
         break;
       case "Enter":
         e.preventDefault();
@@ -121,7 +134,7 @@ var AutoComplete = (props) => {
         break;
     }
   }
-  react.useEffect(() => {
+  _react.useEffect.call(void 0, () => {
     if (!isOpen) return;
     function handleClickOutside(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -131,52 +144,52 @@ var AutoComplete = (props) => {
     document.addEventListener("click", handleClickOutside);
     return () => document.removeEventListener("click", handleClickOutside);
   }, [isOpen]);
-  const containerClasses = tigercatCore.classNames(tigercatCore.autoCompleteBaseClasses, className);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: containerClasses, ...divProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
+  const containerClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.autoCompleteBaseClasses, className);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: containerRef, className: containerClasses, ...divProps, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "input",
       {
         ref: inputRef,
         type: "text",
-        className: tigercatCore.getAutoCompleteInputClasses(size, disabled, isOpen),
+        className: _tigercatcore.getAutoCompleteInputClasses.call(void 0, size, disabled, isOpen),
         value: inputValue,
         placeholder,
         disabled,
-        ...tigercatCore.getPickerComboboxAria({ expanded: isOpen, listboxId, activeIndex }),
+        ..._tigercatcore.getPickerComboboxAria.call(void 0, { expanded: isOpen, listboxId, activeIndex }),
         autoComplete: "off",
         onChange: handleInput,
         onFocus: openDropdown,
         onKeyDown: handleKeyDown
       }
     ),
-    showClearButton && /* @__PURE__ */ jsxRuntime.jsx(
+    showClearButton && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "button",
       {
         type: "button",
         className: "absolute right-2 top-1/2 -translate-y-1/2 text-[var(--tiger-autocomplete-clear,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-autocomplete-clear-hover,var(--tiger-text,#111827))] transition-colors",
         "aria-label": "Clear",
         onClick: handleClear,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "svg",
           {
             className: "w-4 h-4",
-            viewBox: tigercatCore.icon20ViewBox,
+            viewBox: _tigercatcore.icon20ViewBox,
             fill: "currentColor",
             xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: tigercatCore.closeSolidIcon20PathD, fillRule: "evenodd", clipRule: "evenodd" })
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: _tigercatcore.closeSolidIcon20PathD, fillRule: "evenodd", clipRule: "evenodd" })
           }
         )
       }
     ),
-    isOpen && filteredOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { ...tigercatCore.getPickerListboxAria({ id: listboxId }), className: tigercatCore.autoCompleteDropdownClasses, children: filteredOptions.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    isOpen && filteredOptions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ..._tigercatcore.getPickerListboxAria.call(void 0, { id: listboxId }), className: _tigercatcore.autoCompleteDropdownClasses, children: filteredOptions.map((option, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        id: tigercatCore.getPickerOptionId(listboxId, index),
-        ...tigercatCore.getPickerOptionAria({
+        id: _tigercatcore.getPickerOptionId.call(void 0, listboxId, index),
+        ..._tigercatcore.getPickerOptionAria.call(void 0, {
           selected: String(option.value) === String(value),
           disabled: !!option.disabled
         }),
-        className: tigercatCore.getAutoCompleteOptionClasses(
+        className: _tigercatcore.getAutoCompleteOptionClasses.call(void 0, 
           String(option.value) === String(value),
           !!option.disabled,
           size
@@ -187,8 +200,10 @@ var AutoComplete = (props) => {
       },
       String(option.value)
     )) }),
-    isOpen && inputValue && filteredOptions.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.classNames(tigercatCore.autoCompleteDropdownClasses, tigercatCore.autoCompleteEmptyStateClasses), children: notFoundText })
+    isOpen && inputValue && filteredOptions.length === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.autoCompleteDropdownClasses, _tigercatcore.autoCompleteEmptyStateClasses), children: notFoundText })
   ] });
 };
 
+
+
 exports.AutoComplete = AutoComplete;

package/dist/chunk-U3M24RPH.js

@@ -0,0 +1,85 @@
+"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/Countdown.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var Countdown = ({
+  value,
+  now,
+  format = _tigercatcore.COUNTDOWN_DEFAULT_FORMAT,
+  interval = _tigercatcore.COUNTDOWN_DEFAULT_INTERVAL_MS,
+  title,
+  prefix,
+  suffix,
+  size = "md",
+  ariaLabel,
+  className,
+  onChange,
+  onFinish,
+  ...rest
+}) => {
+  const [remaining, setRemaining] = _react.useState.call(void 0, () => _tigercatcore.getCountdownRemaining.call(void 0, value, now));
+  const finishedRef = _react.useRef.call(void 0, remaining <= 0);
+  const onChangeRef = _react.useRef.call(void 0, onChange);
+  const onFinishRef = _react.useRef.call(void 0, onFinish);
+  onChangeRef.current = onChange;
+  onFinishRef.current = onFinish;
+  const formatted = _react.useMemo.call(void 0, () => _tigercatcore.formatCountdown.call(void 0, remaining, format), [format, remaining]);
+  _react.useEffect.call(void 0, () => {
+    const nextRemaining = _tigercatcore.getCountdownRemaining.call(void 0, value, now);
+    setRemaining(nextRemaining);
+    finishedRef.current = nextRemaining <= 0;
+  }, [value, now]);
+  _react.useEffect.call(void 0, () => {
+    if (interval <= 0 || value === void 0) return void 0;
+    let timerId;
+    const tick = () => {
+      const nextRemaining = _tigercatcore.getCountdownRemaining.call(void 0, value);
+      const payload = _tigercatcore.createCountdownPayload.call(void 0, nextRemaining, format);
+      setRemaining(nextRemaining);
+      _optionalChain([onChangeRef, 'access', _ => _.current, 'optionalCall', _2 => _2(payload)]);
+      if (nextRemaining <= 0 && !finishedRef.current) {
+        finishedRef.current = true;
+        _optionalChain([onFinishRef, 'access', _3 => _3.current, 'optionalCall', _4 => _4(payload)]);
+        window.clearInterval(timerId);
+      }
+    };
+    timerId = window.setInterval(tick, interval);
+    return () => window.clearInterval(timerId);
+  }, [format, interval, value]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.countdownBaseClasses, className), ...rest, children: [
+    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getCountdownTitleClasses.call(void 0, size), children: title }) : null,
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.countdownValueWrapperClasses, children: [
+      prefix ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.countdownPrefixClasses, children: prefix }) : null,
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "span",
+        {
+          className: _tigercatcore.getCountdownValueClasses.call(void 0, size),
+          role: "timer",
+          "aria-live": "polite",
+          "aria-label": ariaLabel,
+          children: formatted
+        }
+      ),
+      suffix ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.countdownSuffixClasses, children: suffix }) : null
+    ] })
+  ] });
+};
+var Countdown_default = Countdown;
+
+
+
+
+exports.Countdown = Countdown; exports.Countdown_default = Countdown_default;

package/dist/{chunk-XISZACMA.mjs → chunk-U5244LHL.mjs}

@@ -1,8 +1,36 @@
-import { VirtualList } from './chunk-SXNHXUUF.mjs';
-import { useRef, useMemo, useState, useEffect, useCallback } from 'react';
-import { getSpinnerSVG, getAllKeys, calculateCheckedState, getVisibleTreeItems, checkedSetsFromState, filterTreeNodes, getAutoExpandKeys, findNode, handleNodeCheck, getCheckedKeysByStrategy, getParentKeys, classNames, treeEmptyStateClasses, treeBaseClasses, getTreeNodeClasses, treeNodeCheckboxClasses, treeNodeIconClasses, treeNodeLabelClasses, treeNodeWrapperClasses, treeNodeChildrenClasses, treeLineClasses, treeNodeIndentClasses, getTreeNodeExpandIconClasses, treeLoadingClasses } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import {
+  VirtualList
+} from "./chunk-7DUHHRAU.mjs";
 
+// src/components/Tree.tsx
+import { useState, useMemo, useEffect, useCallback, useRef } from "react";
+import {
+  classNames,
+  getTreeNodeClasses,
+  getTreeNodeExpandIconClasses,
+  treeBaseClasses,
+  treeNodeWrapperClasses,
+  treeNodeIndentClasses,
+  treeNodeCheckboxClasses,
+  treeNodeIconClasses,
+  treeNodeLabelClasses,
+  treeNodeChildrenClasses,
+  treeLoadingClasses,
+  treeEmptyStateClasses,
+  treeLineClasses,
+  getSpinnerSVG,
+  getVisibleTreeItems,
+  getParentKeys,
+  getAllKeys,
+  findNode,
+  calculateCheckedState,
+  handleNodeCheck,
+  getCheckedKeysByStrategy,
+  filterTreeNodes,
+  getAutoExpandKeys,
+  checkedSetsFromState
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var spinnerSvg = getSpinnerSVG("spinner");
 var ExpandIcon = ({
   expanded,
@@ -574,4 +602,7 @@ var Tree = ({
 };
 var Tree_default = Tree;
 
-export { Tree, Tree_default };
+export {
+  Tree,
+  Tree_default
+};

package/dist/chunk-UBP7HZSU.mjs

@@ -1,8 +1,7 @@
-import { useMemo, useCallback } from 'react';
-import { classNames } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
 // src/components/ChartLegend.tsx
+import { useMemo, useCallback } from "react";
+import { classNames } from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var ChartLegend = ({
   items,
   position = "bottom",
@@ -90,4 +89,7 @@ var ChartLegend = ({
 };
 var ChartLegend_default = ChartLegend;
 
-export { ChartLegend, ChartLegend_default };
+export {
+  ChartLegend,
+  ChartLegend_default
+};

package/dist/chunk-UF3DXKCI.js

@@ -1,14 +1,7 @@
-'use strict';
-
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-// src/components/Text.tsx
-var Text = React__default.default.memo(
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/components/Text.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _tigercatcore = require('@expcat/tigercat-core');
+var Text = _react2.default.memo(
   ({
     tag = "p",
     size,
@@ -23,13 +16,15 @@ var Text = React__default.default.memo(
     className,
     ...props
   }) => {
-    const textClasses = tigercatCore.classNames(
-      tigercatCore.getTextClasses({ size, weight, align, color, truncate, italic, underline, lineThrough }),
+    const textClasses = _tigercatcore.classNames.call(void 0, 
+      _tigercatcore.getTextClasses.call(void 0, { size, weight, align, color, truncate, italic, underline, lineThrough }),
       className
     );
-    return React__default.default.createElement(tag, { ...props, className: textClasses }, children);
+    return _react2.default.createElement(tag, { ...props, className: textClasses }, children);
   }
 );
 Text.displayName = "Text";
 
+
+
 exports.Text = Text;