@bioturing/components 0.28.1 → 0.29.2

package/dist/components/combobox/trigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"trigger.js","sources":["../../../src/components/combobox/trigger.tsx"],"sourcesContent":["\"use client\";\nimport React, { forwardRef } from \"react\";\nimport { CaretDownIcon, XCircleIcon, XIcon } from \"@bioturing/assets\";\nimport { clsx, useCls } from \"../utils\";\nimport type { ComboboxOption } from \"./component\";\n\nexport interface ComboboxTriggerProps\n  extends React.ComponentPropsWithoutRef<\"button\"> {\n  /** Selected options */\n  selectedOptions: ComboboxOption[];\n  /** Placeholder text */\n  placeholder?: string;\n  /** Whether multiple selection is enabled */\n  multiple?: boolean;\n  /** Whether the component is disabled */\n  disabled?: boolean;\n  /** Whether the dropdown is open */\n  open?: boolean;\n  /** Size variant */\n  size?: \"small\" | \"middle\" | \"large\";\n  /** Whether to show clear button */\n  allowClear?: boolean;\n  /** Custom suffix icon */\n  suffixIcon?: React.ReactNode;\n  /** Custom clear icon */\n  clearIcon?: React.ReactNode;\n  /** Custom class names */\n  classNames?: {\n    trigger?: string;\n  };\n  /** Clear handler */\n  onClear?: () => void;\n  /** Show selection summary instead of individual tags when multiple */\n  showSelectionSummary?: boolean;\n  /** Render function for the selection summary in multiple case */\n  selectionSummaryRender?: (selectedValues: Array<string | number>) => React.ReactNode;\n}\n\nexport const ComboboxTrigger = forwardRef<\n  HTMLButtonElement,\n  ComboboxTriggerProps\n>(\n  (\n    {\n      selectedOptions,\n      placeholder = \"Select...\",\n      multiple = false,\n      disabled = false,\n      open = false,\n      size = \"middle\",\n      allowClear = false,\n      suffixIcon,\n      clearIcon,\n      classNames,\n      className,\n      onClear,\n      showSelectionSummary = false,\n      selectionSummaryRender,\n      ...rest\n    },\n    ref\n  ) => {\n    const cls = useCls();\n\n    const renderTriggerContent = () => {\n      if (selectedOptions.length === 0) {\n        return (\n          <span className={cls(\"combobox-selection-placeholder\")}>\n            {placeholder}\n          </span>\n        );\n      }\n\n      if (multiple) {\n        // Show selection summary if enabled\n        if (showSelectionSummary) {\n          const selectedValues = selectedOptions.map(opt => opt.value);\n          return (\n            <span className={cls(\"combobox-selection-summary\")}>\n              {selectionSummaryRender\n                ? selectionSummaryRender(selectedValues)\n                : `${selectedOptions.length} items selected`}\n            </span>\n          );\n        }\n        \n        // Default: Simple text display for multiple selections - no tags\n        return (\n          <span className={cls(\"combobox-selection-text\")}>\n            {selectedOptions.length === 1\n              ? selectedOptions[0].label\n              : `${selectedOptions.length} items selected`}\n          </span>\n        );\n      } else {\n        return (\n          <span className={cls(\"combobox-selection-text\")}>\n            {selectedOptions[0].label}\n          </span>\n        );\n      }\n    };\n\n    const handleClearClick = (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onClear?.();\n    };\n\n    return (\n      <button\n        ref={ref}\n        className={clsx(\n          cls(\"combobox\"),\n          cls(`combobox-${size}`),\n          multiple && cls(\"combobox-multiple\"),\n          disabled && cls(\"combobox-disabled\"),\n          open && cls(\"combobox-open\"),\n          cls(\"combobox-trigger\"),\n          classNames?.trigger,\n          className\n        )}\n        disabled={disabled}\n        role=\"combobox\"\n        aria-expanded={open}\n        {...rest}\n      >\n        <span className={cls(\"combobox-selector\")}>\n          <span className={cls(\"combobox-selection-wrap\")}>\n            {renderTriggerContent()}\n          </span>\n          <span className={cls(\"combobox-selection-suffix\")}>\n            {allowClear && selectedOptions.length > 0 && (\n              <span\n                className={cls(\"combobox-clear\")}\n                unselectable=\"on\"\n                aria-hidden=\"true\"\n                onClick={handleClearClick}\n              >\n                {clearIcon || (\n                  <span className={cls(\"combobox-clear-icon\")}>\n                    <XCircleIcon weight=\"fill\" />\n                  </span>\n                )}\n              </span>\n            )}\n            {(!allowClear || selectedOptions.length === 0) && (\n              <span\n                className={cls(\"combobox-arrow\")}\n                unselectable=\"on\"\n                aria-hidden=\"true\"\n              >\n                {suffixIcon || (\n                  <span className={cls(\"combobox-arrow-icon\")}>\n                    <CaretDownIcon weight=\"bold\" />\n                  </span>\n                )}\n              </span>\n            )}\n          </span>\n        </span>\n      </button>\n    );\n  }\n);\n\nComboboxTrigger.displayName = \"ComboboxTrigger\";\n"],"names":["ComboboxTrigger","forwardRef","selectedOptions","placeholder","multiple","disabled","open","size","allowClear","suffixIcon","clearIcon","classNames","className","onClear","showSelectionSummary","selectionSummaryRender","rest","ref","cls","useCls","renderTriggerContent","selectedValues","opt","jsx","handleClearClick","e","clsx","jsxs","XCircleIcon","CaretDownIcon"],"mappings":"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"}