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

package/dist/chunk-SA3N2LUB.js

@@ -1,255 +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/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",
-  "targetKeys",
-  "dataSource",
-  "size",
-  "disabled",
-  "showSearch",
-  "sourceTitle",
-  "targetTitle",
-  "notFoundText",
-  "filterOption",
-  "onChange"
-]);
-var EMPTY_TRANSFER_VALUE = [];
-var Transfer = (props) => {
-  const {
-    value,
-    targetKeys,
-    dataSource = [],
-    size = "md",
-    disabled = false,
-    showSearch = false,
-    sourceTitle = "Source",
-    targetTitle = "Target",
-    notFoundText,
-    filterOption,
-    className,
-    onChange,
-    locale,
-    ...rest
-  } = props;
-  const resolvedValue = _nullishCoalesce(_nullishCoalesce(value, () => ( targetKeys)), () => ( EMPTY_TRANSFER_VALUE));
-  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, resolvedValue),
-    [dataSource, resolvedValue]
-  );
-  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 { targetKeys: newTargetKeys, movedKeys } = _tigercatcore.moveTransferItems.call(void 0, 
-      "right",
-      resolvedValue,
-      sourceSelectedKeys,
-      dataSource
-    );
-    setSourceSelectedKeys(/* @__PURE__ */ new Set());
-    _optionalChain([onChange, 'optionalCall', _ => _(newTargetKeys, "right", movedKeys)]);
-  }
-  function moveLeft() {
-    if (!canMoveLeft) return;
-    const { targetKeys: newTargetKeys, movedKeys } = _tigercatcore.moveTransferItems.call(void 0, 
-      "left",
-      resolvedValue,
-      targetSelectedKeys,
-      dataSource
-    );
-    setTargetSelectedKeys(/* @__PURE__ */ new Set());
-    _optionalChain([onChange, 'optionalCall', _2 => _2(newTargetKeys, "left", movedKeys)]);
-  }
-  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-SFBSI3J7.js

@@ -1,188 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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/Steps.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var StepsContext = _react.createContext.call(void 0, null);
-function useStepsContext() {
-  return _react.useContext.call(void 0, StepsContext);
-}
-var StepsItem = ({
-  title,
-  description,
-  icon,
-  status: customStatus,
-  disabled = false,
-  stepIndex = 0,
-  isLast = false,
-  className,
-  style,
-  ...props
-}) => {
-  const stepsContext = useStepsContext() || {
-    current: 0,
-    status: "process",
-    direction: "horizontal",
-    size: "default",
-    simple: false,
-    clickable: false
-  };
-  const stepStatus = _tigercatcore.calculateStepStatus.call(void 0, 
-    stepIndex,
-    stepsContext.current,
-    stepsContext.status,
-    customStatus
-  );
-  const isClickable = !!stepsContext.handleStepClick && !disabled;
-  const itemClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.getStepItemClasses.call(void 0, stepsContext.direction, isLast), className);
-  const iconClasses = _tigercatcore.getStepIconClasses.call(void 0, stepStatus, stepsContext.size, stepsContext.simple, !!icon);
-  const tailClasses = _tigercatcore.getStepTailClasses.call(void 0, 
-    stepsContext.direction,
-    stepStatus,
-    isLast,
-    stepsContext.size,
-    stepsContext.simple
-  );
-  const contentClasses = _tigercatcore.getStepContentClasses.call(void 0, stepsContext.direction);
-  const titleClasses = _tigercatcore.getStepTitleClasses.call(void 0, stepStatus, stepsContext.size, isClickable);
-  const descriptionClasses = _tigercatcore.getStepDescriptionClasses.call(void 0, stepStatus, stepsContext.size);
-  const handleClick = () => {
-    if (!isClickable) return;
-    _optionalChain([stepsContext, 'access', _ => _.handleStepClick, 'optionalCall', _2 => _2(stepIndex)]);
-  };
-  const renderIcon = () => {
-    if (icon) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: iconClasses, children: icon });
-    }
-    if (stepStatus === "finish") {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: iconClasses, "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "svg",
-        {
-          className: "w-4 h-4 shrink-0 transition-transform duration-300 animate-fade-in",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: _tigercatcore.stepFinishIconStrokeWidth,
-          viewBox: _tigercatcore.stepFinishIconViewBox,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: _tigercatcore.stepFinishIconPathD })
-        }
-      ) });
-    }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: iconClasses, children: stepIndex + 1 });
-  };
-  const renderContent = () => {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: contentClasses, children: [
-      stepsContext.clickable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
-        {
-          type: "button",
-          className: titleClasses,
-          onClick: handleClick,
-          disabled: !isClickable,
-          "aria-disabled": disabled || void 0,
-          children: title
-        }
-      ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: titleClasses, children: title }),
-      !stepsContext.simple && description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: descriptionClasses, children: description })
-    ] });
-  };
-  if (stepsContext.direction === "vertical") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "li",
-      {
-        ...props,
-        className: itemClasses,
-        style,
-        "aria-current": stepIndex === stepsContext.current ? "step" : void 0,
-        "aria-disabled": disabled || void 0,
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative", children: [
-            renderIcon(),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: tailClasses })
-          ] }),
-          renderContent()
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "li",
-    {
-      ...props,
-      className: itemClasses,
-      style,
-      "aria-current": stepIndex === stepsContext.current ? "step" : void 0,
-      "aria-disabled": disabled || void 0,
-      children: [
-        renderIcon(),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: tailClasses }),
-        renderContent()
-      ]
-    }
-  );
-};
-var Steps = ({
-  current = 0,
-  status = "process",
-  direction = "horizontal",
-  size = "default",
-  simple = false,
-  clickable = false,
-  className,
-  style,
-  onChange,
-  children,
-  ...props
-}) => {
-  const containerClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, _tigercatcore.getStepsContainerClasses.call(void 0, direction), className),
-    [direction, className]
-  );
-  const handleStepClick = _react.useCallback.call(void 0, 
-    (index) => {
-      if (!clickable) return;
-      _optionalChain([onChange, 'optionalCall', _3 => _3(index)]);
-    },
-    [clickable, onChange]
-  );
-  const contextValue = _react.useMemo.call(void 0, 
-    () => ({
-      current,
-      status,
-      direction,
-      size,
-      simple,
-      clickable,
-      handleStepClick: clickable ? handleStepClick : void 0
-    }),
-    [current, status, direction, size, simple, clickable, handleStepClick]
-  );
-  const totalCount = _react2.default.Children.count(children);
-  const stepsWithProps = _react2.default.Children.map(children, (child, index) => {
-    if (_react2.default.isValidElement(child) && child.type === StepsItem) {
-      return _react2.default.cloneElement(child, {
-        stepIndex: index,
-        isLast: index === totalCount - 1
-      });
-    }
-    return child;
-  });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StepsContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ol", { ...props, className: containerClasses, style, children: stepsWithProps }) });
-};
-
-
-
-
-
-exports.useStepsContext = useStepsContext; exports.StepsItem = StepsItem; exports.Steps = Steps;

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;

package/dist/chunk-SHU7L4NM.js

@@ -1,118 +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; }// src/components/Segmented.tsx
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Segmented = ({
-  value,
-  options = [],
-  disabled = false,
-  size = "md",
-  block = false,
-  className,
-  onChange,
-  ...rest
-}) => {
-  function handleSelect(opt) {
-    if (opt.disabled || disabled) return;
-    if (opt.value === value) return;
-    _optionalChain([onChange, 'optionalCall', _ => _(opt.value)]);
-  }
-  const selectedIndex = options.findIndex((opt) => opt.value === value);
-  const firstEnabledIndex = options.findIndex((opt) => !opt.disabled);
-  const rovingIndex = selectedIndex >= 0 ? selectedIndex : firstEnabledIndex;
-  function focusOption(container, index) {
-    if (!container) return;
-    const els = container.querySelectorAll('[role="radio"]');
-    _optionalChain([els, 'access', _2 => _2[index], 'optionalAccess', _3 => _3.focus, 'call', _4 => _4()]);
-  }
-  function handleKeyDown(e, index) {
-    if (disabled) return;
-    const enabledIdxs = options.reduce((acc, opt, i) => {
-      if (!opt.disabled) acc.push(i);
-      return acc;
-    }, []);
-    if (enabledIdxs.length === 0) return;
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      handleSelect(options[index]);
-      return;
-    }
-    const pos = enabledIdxs.indexOf(index);
-    let target = null;
-    switch (e.key) {
-      case "ArrowRight":
-      case "ArrowDown":
-        target = enabledIdxs[(pos + 1 + enabledIdxs.length) % enabledIdxs.length];
-        break;
-      case "ArrowLeft":
-      case "ArrowUp":
-        target = enabledIdxs[(pos - 1 + enabledIdxs.length) % enabledIdxs.length];
-        break;
-      case "Home":
-        target = enabledIdxs[0];
-        break;
-      case "End":
-        target = enabledIdxs[enabledIdxs.length - 1];
-        break;
-      default:
-        return;
-    }
-    if (target == null) return;
-    e.preventDefault();
-    const container = e.currentTarget.closest('[role="radiogroup"]');
-    focusOption(container, target);
-    handleSelect(options[target]);
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      ...rest,
-      className: _tigercatcore.classNames.call(void 0, _tigercatcore.getSegmentedContainerClasses.call(void 0, size, block), className),
-      style: _tigercatcore.getSegmentedContainerStyle.call(void 0, options.length),
-      role: "radiogroup",
-      "aria-disabled": disabled || void 0,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            "data-tiger-segmented-indicator": "true",
-            "aria-hidden": "true",
-            className: _tigercatcore.getSegmentedIndicatorClasses.call(void 0, size),
-            style: _tigercatcore.getSegmentedIndicatorStyle.call(void 0, selectedIndex, options.length, size)
-          }
-        ),
-        options.map((opt, index) => {
-          const selected = opt.value === value;
-          const isDisabled = !!opt.disabled || disabled;
-          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "label",
-            {
-              className: _tigercatcore.classNames.call(void 0, 
-                _tigercatcore.getSegmentedOptionClasses.call(void 0, size, selected, isDisabled),
-                block ? "flex-1 text-center" : ""
-              ),
-              role: "radio",
-              "aria-checked": selected,
-              "aria-disabled": isDisabled,
-              tabIndex: isDisabled ? -1 : index === rovingIndex ? 0 : -1,
-              onClick: () => handleSelect(opt),
-              onKeyDown: (e) => handleKeyDown(e, index),
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: opt.label })
-            },
-            opt.value
-          );
-        })
-      ]
-    }
-  );
-};
-
-
-
-exports.Segmented = Segmented;