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

package/dist/chunk-CNNEUJR2.js

@@ -1,207 +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; }
-
-var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-
-var _chunkHQ3QOT7Hjs = require('./chunk-HQ3QOT7H.js');
-
-// src/components/Tour.tsx
-var _react = require('react');
-var _reactdom = require('react-dom'); var _reactdom2 = _interopRequireDefault(_reactdom);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Tour = ({
-  steps,
-  loadSteps,
-  open = false,
-  current: controlledCurrent,
-  nextText,
-  prevText,
-  finishText,
-  closable = true,
-  showIndicators = true,
-  locale,
-  className,
-  onOpenChange,
-  onClose,
-  onFinish,
-  onChange
-}) => {
-  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 nextLabel = _tigercatcore.resolveLocaleText.call(void 0, "Next", nextText, _optionalChain([mergedLocale, 'optionalAccess', _ => _.formWizard, 'optionalAccess', _2 => _2.nextText]));
-  const prevLabel = _tigercatcore.resolveLocaleText.call(void 0, "Previous", prevText, _optionalChain([mergedLocale, 'optionalAccess', _3 => _3.formWizard, 'optionalAccess', _4 => _4.prevText]));
-  const finishLabel = _tigercatcore.resolveLocaleText.call(void 0, "Finish", finishText, _optionalChain([mergedLocale, 'optionalAccess', _5 => _5.formWizard, 'optionalAccess', _6 => _6.finishText]));
-  const [internalStep, setInternalStep] = _react.useState.call(void 0, 0);
-  const [resolvedSteps, setResolvedSteps] = _react.useState.call(void 0, steps);
-  const currentStep = _nullishCoalesce(controlledCurrent, () => ( internalStep));
-  const activeSteps = _react.useMemo.call(void 0, () => _tigercatcore.getActiveTourSteps.call(void 0, resolvedSteps), [resolvedSteps]);
-  const activeStepInfo = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getCurrentActiveTourStep.call(void 0, activeSteps, currentStep, resolvedSteps.length),
-    [activeSteps, currentStep, resolvedSteps.length]
-  );
-  const activeStepPosition = _tigercatcore.getActiveTourStepPosition.call(void 0, activeSteps, _optionalChain([activeStepInfo, 'optionalAccess', _7 => _7.index]));
-  const step = _optionalChain([activeStepInfo, 'optionalAccess', _8 => _8.step]);
-  const [targetRect, setTargetRect] = _react.useState.call(void 0, );
-  const popoverRef = _react.useRef.call(void 0, null);
-  _react.useEffect.call(void 0, () => {
-    if (!loadSteps) {
-      setResolvedSteps(steps);
-      return;
-    }
-    if (!open) return;
-    let cancelled = false;
-    Promise.resolve(loadSteps()).then((nextSteps) => {
-      if (!cancelled) {
-        setResolvedSteps(nextSteps);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [loadSteps, open, steps]);
-  const updateRect = _react.useCallback.call(void 0, () => {
-    if (_optionalChain([step, 'optionalAccess', _9 => _9.target])) {
-      setTargetRect(_tigercatcore.getTourTargetRect.call(void 0, step.target));
-    } else {
-      setTargetRect(void 0);
-    }
-  }, [step]);
-  _react.useEffect.call(void 0, () => {
-    if (open) updateRect();
-  }, [open, currentStep, updateRect]);
-  _react.useEffect.call(void 0, () => {
-    if (!open) return;
-    const handler = () => updateRect();
-    window.addEventListener("resize", handler);
-    window.addEventListener("scroll", handler, true);
-    return () => {
-      window.removeEventListener("resize", handler);
-      window.removeEventListener("scroll", handler, true);
-    };
-  }, [open, updateRect]);
-  const goTo = _react.useCallback.call(void 0, 
-    (idx) => {
-      setInternalStep(idx);
-      _optionalChain([onChange, 'optionalCall', _10 => _10(idx)]);
-    },
-    [onChange]
-  );
-  const next = _react.useCallback.call(void 0, () => {
-    const nextStep = activeSteps[activeStepPosition + 1];
-    if (nextStep) {
-      goTo(nextStep.index);
-    } else {
-      _optionalChain([onFinish, 'optionalCall', _11 => _11()]);
-      _optionalChain([onOpenChange, 'optionalCall', _12 => _12(false)]);
-      _optionalChain([onClose, 'optionalCall', _13 => _13()]);
-    }
-  }, [activeSteps, activeStepPosition, goTo, onFinish, onOpenChange, onClose]);
-  const prev = _react.useCallback.call(void 0, () => {
-    const prevStep = activeSteps[activeStepPosition - 1];
-    if (prevStep) goTo(prevStep.index);
-  }, [activeSteps, activeStepPosition, goTo]);
-  const close = _react.useCallback.call(void 0, () => {
-    _optionalChain([onOpenChange, 'optionalCall', _14 => _14(false)]);
-    _optionalChain([onClose, 'optionalCall', _15 => _15()]);
-  }, [onOpenChange, onClose]);
-  if (!open || !step) return null;
-  if (!_tigercatcore.isBrowser.call(void 0, )) return null;
-  const placement = _nullishCoalesce(step.placement, () => ( "bottom"));
-  const showMask = step.mask !== false;
-  const isLast = activeStepPosition === activeSteps.length - 1;
-  const isFirst = activeStepPosition <= 0;
-  let popoverStyle;
-  if (targetRect) {
-    const pos = _tigercatcore.getTourPopoverPosition.call(void 0, targetRect, 320, 160, placement);
-    popoverStyle = { position: "absolute", top: pos.top, left: pos.left };
-  } else {
-    popoverStyle = {
-      position: "fixed",
-      top: "50%",
-      left: "50%",
-      transform: "translate(-50%, -50%)"
-    };
-  }
-  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    showMask && targetRect && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: _tigercatcore.getTourSpotlightStyle.call(void 0, targetRect), "aria-hidden": "true" }),
-    showMask && !targetRect && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "fixed inset-0 z-[1000] bg-black/45", "aria-hidden": "true", onClick: close }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      {
-        ref: popoverRef,
-        className: _tigercatcore.classNames.call(void 0, _tigercatcore.tourPopoverClasses, className),
-        style: popoverStyle,
-        role: "dialog",
-        "aria-modal": "true",
-        children: [
-          closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: _tigercatcore.tourCloseButtonClasses,
-              type: "button",
-              "aria-label": "Close tour",
-              onClick: close,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQ3QOT7Hjs.StatusIcon, { path: _tigercatcore.closeIconPathD, className: "h-4 w-4" })
-            }
-          ),
-          step.title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tourTitleClasses, children: step.title }),
-          step.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tourDescriptionClasses, children: step.description }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.tourFooterClasses, children: [
-            showIndicators && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _tigercatcore.tourIndicatorClasses, children: [
-              activeStepPosition + 1,
-              " / ",
-              activeSteps.length
-            ] }),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center", children: [
-              !isFirst && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "button",
-                {
-                  type: "button",
-                  className: "px-3 py-1.5 text-sm rounded-md border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] hover:bg-[var(--tiger-surface-muted,#f9fafb)] transition-colors mr-2",
-                  onClick: prev,
-                  children: prevLabel
-                }
-              ),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "button",
-                {
-                  type: "button",
-                  className: "px-3 py-1.5 text-sm rounded-md bg-[var(--tiger-primary,#2563eb)] text-white hover:bg-[var(--tiger-primary-hover,#1d4ed8)] transition-colors",
-                  onClick: next,
-                  children: isLast ? finishLabel : nextLabel
-                }
-              )
-            ] })
-          ] })
-        ]
-      }
-    )
-  ] });
-  return _reactdom2.default.createPortal(content, document.body);
-};
-
-
-
-exports.Tour = Tour;

package/dist/chunk-D5MQBUP2.js

@@ -1,250 +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/Transfer.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var TRANSFER_KEYS = /* @__PURE__ */ new Set([
-  "value",
-  "dataSource",
-  "size",
-  "disabled",
-  "showSearch",
-  "sourceTitle",
-  "targetTitle",
-  "notFoundText",
-  "filterOption",
-  "onChange"
-]);
-var Transfer = (props) => {
-  const {
-    value = [],
-    dataSource = [],
-    size = "md",
-    disabled = false,
-    showSearch = false,
-    sourceTitle = "Source",
-    targetTitle = "Target",
-    notFoundText,
-    filterOption,
-    className,
-    onChange,
-    locale,
-    ...rest
-  } = props;
-  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 divProps = {};
-  for (const key of Object.keys(rest)) {
-    if (!TRANSFER_KEYS.has(key)) {
-      divProps[key] = rest[key];
-    }
-  }
-  const [sourceSelectedKeys, setSourceSelectedKeys] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
-  const [targetSelectedKeys, setTargetSelectedKeys] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
-  const [sourceSearch, setSourceSearch] = _react.useState.call(void 0, "");
-  const [targetSearch, setTargetSearch] = _react.useState.call(void 0, "");
-  const { sourceItems, targetItems } = _react.useMemo.call(void 0, 
-    () => _tigercatcore.splitTransferData.call(void 0, dataSource, value),
-    [dataSource, value]
-  );
-  const filteredSourceItems = _react.useMemo.call(void 0, 
-    () => _tigercatcore.filterTransferItems.call(void 0, sourceItems, sourceSearch, filterOption),
-    [sourceItems, sourceSearch, filterOption]
-  );
-  const filteredTargetItems = _react.useMemo.call(void 0, 
-    () => _tigercatcore.filterTransferItems.call(void 0, targetItems, targetSearch, filterOption),
-    [targetItems, targetSearch, filterOption]
-  );
-  const canMoveRight = !disabled && [...sourceSelectedKeys].some((key) => {
-    const item = dataSource.find((d) => d.key === key);
-    return item && !item.disabled;
-  });
-  const canMoveLeft = !disabled && [...targetSelectedKeys].some((key) => {
-    const item = dataSource.find((d) => d.key === key);
-    return item && !item.disabled;
-  });
-  function toggleSourceItem(key) {
-    setSourceSelectedKeys((prev) => {
-      const next = new Set(prev);
-      if (next.has(key)) next.delete(key);
-      else next.add(key);
-      return next;
-    });
-  }
-  function toggleTargetItem(key) {
-    setTargetSelectedKeys((prev) => {
-      const next = new Set(prev);
-      if (next.has(key)) next.delete(key);
-      else next.add(key);
-      return next;
-    });
-  }
-  function moveRight() {
-    if (!canMoveRight) return;
-    const keysToMove = [...sourceSelectedKeys].filter((key) => {
-      const item = dataSource.find((d) => d.key === key);
-      return item && !item.disabled;
-    });
-    const newTargetKeys = [...value, ...keysToMove];
-    setSourceSelectedKeys(/* @__PURE__ */ new Set());
-    _optionalChain([onChange, 'optionalCall', _ => _(newTargetKeys, "right", keysToMove)]);
-  }
-  function moveLeft() {
-    if (!canMoveLeft) return;
-    const keysToRemove = new Set(
-      [...targetSelectedKeys].filter((key) => {
-        const item = dataSource.find((d) => d.key === key);
-        return item && !item.disabled;
-      })
-    );
-    const newTargetKeys = value.filter((k) => !keysToRemove.has(k));
-    setTargetSelectedKeys(/* @__PURE__ */ new Set());
-    _optionalChain([onChange, 'optionalCall', _2 => _2(newTargetKeys, "left", [...keysToRemove])]);
-  }
-  function renderPanel(title, items, selectedKeys, toggleFn, searchValue, onSearch) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.transferPanelClasses, role: "group", "aria-label": title, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.transferPanelHeaderClasses, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "font-medium text-[var(--tiger-transfer-title,var(--tiger-text,#111827))]", children: [
-        title,
-        " (",
-        items.length,
-        ")"
-      ] }) }),
-      showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "input",
-        {
-          type: "text",
-          className: _tigercatcore.transferSearchClasses,
-          placeholder: _tigercatcore.resolveLocaleText.call(void 0, "Search...", _optionalChain([mergedLocale, 'optionalAccess', _3 => _3.common, 'optionalAccess', _4 => _4.searchPlaceholder])),
-          value: searchValue,
-          "aria-label": `Search ${title}`,
-          onChange: (e) => onSearch(e.target.value)
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          className: _tigercatcore.transferPanelBodyClasses,
-          ..._tigercatcore.getPickerListboxAria.call(void 0, { label: `${title} items` }),
-          children: items.length > 0 ? items.map((item) => {
-            const isSelected = selectedKeys.has(item.key);
-            const isDisabled = disabled || !!item.disabled;
-            return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              "label",
-              {
-                className: _tigercatcore.getTransferItemClasses.call(void 0, isSelected, isDisabled, size),
-                ..._tigercatcore.getPickerOptionAria.call(void 0, { selected: isSelected, disabled: isDisabled }),
-                children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "input",
-                    {
-                      type: "checkbox",
-                      className: _tigercatcore.getTransferCheckboxClasses.call(void 0, size),
-                      checked: isSelected,
-                      disabled: isDisabled,
-                      onChange: () => {
-                        if (!isDisabled) toggleFn(item.key);
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex-1 truncate", children: item.label })
-                ]
-              },
-              String(item.key)
-            );
-          }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.transferEmptyClasses, children: _tigercatcore.resolveLocaleText.call(void 0, "No data", notFoundText, _optionalChain([mergedLocale, 'optionalAccess', _5 => _5.common, 'optionalAccess', _6 => _6.emptyText])) })
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.transferBaseClasses, className), ...divProps, children: [
-    renderPanel(
-      sourceTitle,
-      filteredSourceItems,
-      sourceSelectedKeys,
-      toggleSourceItem,
-      sourceSearch,
-      setSourceSearch
-    ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.transferOperationClasses, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
-        {
-          type: "button",
-          className: _tigercatcore.getTransferButtonClasses.call(void 0, !canMoveRight),
-          disabled: !canMoveRight,
-          "aria-label": "Move selected to target",
-          onClick: moveRight,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "svg",
-            {
-              className: "w-4 h-4",
-              viewBox: _tigercatcore.icon20ViewBox,
-              fill: "currentColor",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: _tigercatcore.chevronRightSolidIcon20PathD, fillRule: "evenodd", clipRule: "evenodd" })
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
-        {
-          type: "button",
-          className: _tigercatcore.getTransferButtonClasses.call(void 0, !canMoveLeft),
-          disabled: !canMoveLeft,
-          "aria-label": "Move selected to source",
-          onClick: moveLeft,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "svg",
-            {
-              className: "w-4 h-4",
-              viewBox: _tigercatcore.icon20ViewBox,
-              fill: "currentColor",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: _tigercatcore.chevronLeftSolidIcon20PathD, fillRule: "evenodd", clipRule: "evenodd" })
-            }
-          )
-        }
-      )
-    ] }),
-    renderPanel(
-      targetTitle,
-      filteredTargetItems,
-      targetSelectedKeys,
-      toggleTargetItem,
-      targetSearch,
-      setTargetSearch
-    )
-  ] });
-};
-
-
-
-exports.Transfer = Transfer;

package/dist/chunk-D6TKXVEB.js

@@ -1,14 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Layout.tsx
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Layout = ({ className, children, ...props }) => {
-  const layoutClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.layoutRootClasses, className);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: layoutClasses, ...props, children });
-};
-
-
-
-exports.Layout = Layout;