@scaleflex/ui-tw 0.0.57 → 0.0.59

package/combobox/combobox-multi-inline/combobox-multi-inline.component.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { ComboboxMultiInlineProps } from '../combobox.types';
-export declare function ComboboxMultiInline({ options, value, onChange, placeholder, className, disabled, size, readOnly, showClear, popoverClassName, onBlur, showGroupSeparator, defaultOpen, popoverContentProps, formItemId, searchPlaceholder, actions, fixedActions, ...rest }: ComboboxMultiInlineProps): React.JSX.Element;
+export declare function ComboboxMultiInline({ options, value, onChange, placeholder, className, disabled, size, readOnly, showClear, popoverClassName, onBlur, showGroupSeparator, defaultOpen, popoverContentProps, formItemId, searchPlaceholder, actions, fixedActions, triggerProps, ...rest }: ComboboxMultiInlineProps): React.JSX.Element;

package/combobox/combobox-multi-inline/combobox-multi-inline.component.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "size", "readOnly", "showClear", "popoverClassName", "onBlur", "showGroupSeparator", "defaultOpen", "popoverContentProps", "formItemId", "searchPlaceholder", "actions", "fixedActions"];
+var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "size", "readOnly", "showClear", "popoverClassName", "onBlur", "showGroupSeparator", "defaultOpen", "popoverContentProps", "formItemId", "searchPlaceholder", "actions", "fixedActions", "triggerProps"];
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -38,6 +38,7 @@ export function ComboboxMultiInline(_ref) {
     searchPlaceholder = _ref.searchPlaceholder,
     actions = _ref.actions,
     fixedActions = _ref.fixedActions,
+    triggerProps = _ref.triggerProps,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(defaultOpen),
     _useState2 = _slicedToArray(_useState, 2),
@@ -133,7 +134,8 @@ export function ComboboxMultiInline(_ref) {
     selected: selectedLabels.length > 0,
     onClearAll: onClearAll,
     "aria-invalid": rest['aria-invalid'],
-    formItemId: formItemId
+    formItemId: formItemId,
+    triggerProps: triggerProps
   }, displayValue), /*#__PURE__*/React.createElement(ComboboxContent, {
     showGroupSeparator: showGroupSeparator,
     searchPlaceholder: searchPlaceholder,

package/combobox/combobox-multi-tag/combobox-multi-tag.component.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import type { ComboboxMultiTagProps } from '../combobox.types';
-export declare function ComboboxMultiTag({ options, value, onChange, placeholder, className, disabled, size, readOnly, popoverClassName, onBlur, showGroupSeparator, defaultOpen, searchPlaceholder, popoverContentProps, actions, fixedActions, ...rest }: ComboboxMultiTagProps): React.JSX.Element;
+export declare function ComboboxMultiTag({ options, value, onChange, placeholder, className, disabled, size, readOnly, popoverClassName, onBlur, showGroupSeparator, defaultOpen, searchPlaceholder, popoverContentProps, actions, fixedActions, triggerProps, ...rest }: ComboboxMultiTagProps): React.JSX.Element;

package/combobox/combobox-multi-tag/combobox-multi-tag.component.js

@@ -1,7 +1,8 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "size", "readOnly", "popoverClassName", "onBlur", "showGroupSeparator", "defaultOpen", "searchPlaceholder", "popoverContentProps", "actions", "fixedActions"];
+var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "size", "readOnly", "popoverClassName", "onBlur", "showGroupSeparator", "defaultOpen", "searchPlaceholder", "popoverContentProps", "actions", "fixedActions", "triggerProps"];
 import { ButtonVariant, buttonVariants } from '@scaleflex/ui-tw/button';
 import { buttonBaseClassNames } from '@scaleflex/ui-tw/button/button.constants';
 import { createClearHandlers } from '@scaleflex/ui-tw/combobox/combobox.utils';
@@ -40,6 +41,7 @@ export function ComboboxMultiTag(_ref) {
     popoverContentProps = _ref.popoverContentProps,
     actions = _ref.actions,
     fixedActions = _ref.fixedActions,
+    triggerProps = _ref.triggerProps,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _getToolbarSizes = getToolbarSizes(size),
     buttonSize = _getToolbarSizes.buttonSize;
@@ -83,7 +85,7 @@ export function ComboboxMultiTag(_ref) {
     onOpenChange: onOpenChange
   }, /*#__PURE__*/React.createElement(PopoverTrigger, {
     asChild: true
-  }, /*#__PURE__*/React.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", _extends({
     role: "combobox",
     "aria-expanded": open,
     "aria-invalid": rest['aria-invalid'],
@@ -93,7 +95,7 @@ export function ComboboxMultiTag(_ref) {
     disabled: disabled,
     onClick: handleOnTriggerClick,
     onKeyDown: handleOnTriggerKeyDown
-  }, !isSelected ? /*#__PURE__*/React.createElement("span", {
+  }, triggerProps), !isSelected ? /*#__PURE__*/React.createElement("span", {
     className: "text-muted-foreground"
   }, placeholder) : /*#__PURE__*/React.createElement("div", {
     className: cn('flex w-full flex-wrap justify-start gap-2 overflow-y-auto', textareaVariants({

package/combobox/combobox-single/combobox-single.component.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import type { ComboboxSingleProps } from '../combobox.types';
-export declare function ComboboxSingle({ options, value, onChange, placeholder, className, disabled, popoverClassName, size, readOnly, showClear, formItemId, onBlur, showGroupSeparator, defaultOpen, popoverContentProps, searchPlaceholder, actions, fixedActions, ...rest }: ComboboxSingleProps): React.JSX.Element;
+export declare function ComboboxSingle({ options, value, onChange, placeholder, className, disabled, popoverClassName, size, readOnly, showClear, formItemId, onBlur, showGroupSeparator, defaultOpen, popoverContentProps, searchPlaceholder, actions, fixedActions, triggerProps, ...rest }: ComboboxSingleProps): React.JSX.Element;

package/combobox/combobox-single/combobox-single.component.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "popoverClassName", "size", "readOnly", "showClear", "formItemId", "onBlur", "showGroupSeparator", "defaultOpen", "popoverContentProps", "searchPlaceholder", "actions", "fixedActions"];
+var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "popoverClassName", "size", "readOnly", "showClear", "formItemId", "onBlur", "showGroupSeparator", "defaultOpen", "popoverContentProps", "searchPlaceholder", "actions", "fixedActions", "triggerProps"];
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -37,6 +37,7 @@ export function ComboboxSingle(_ref) {
     searchPlaceholder = _ref.searchPlaceholder,
     actions = _ref.actions,
     fixedActions = _ref.fixedActions,
+    triggerProps = _ref.triggerProps,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(defaultOpen),
     _useState2 = _slicedToArray(_useState, 2),
@@ -95,7 +96,8 @@ export function ComboboxSingle(_ref) {
     selected: !!selectedLabel,
     showClear: showClear,
     "aria-invalid": rest['aria-invalid'],
-    formItemId: formItemId
+    formItemId: formItemId,
+    triggerProps: triggerProps
   }, selectedLabel || placeholder), /*#__PURE__*/React.createElement(ComboboxContent, {
     searchPlaceholder: searchPlaceholder,
     className: popoverClassName,

package/combobox/combobox.component.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import type { ComboboxContentProps, ComboboxTriggerProps, SelectActionsProps } from './combobox.types';
 export declare function SelectActions({ actions }: SelectActionsProps): React.JSX.Element | null;
-export declare function ComboboxTrigger({ children, open, disabled, readOnly, size, className, selected, showClear, onClearAll, formItemId, ...rest }: ComboboxTriggerProps): React.JSX.Element;
+export declare function ComboboxTrigger({ children, open, disabled, readOnly, size, className, selected, showClear, onClearAll, formItemId, triggerProps, ...rest }: ComboboxTriggerProps): React.JSX.Element;
 export declare function ComboboxContent({ options, value: selectedValue, onSelect, size, multiple, className, showGroupSeparator, popoverContentProps, searchPlaceholder, noGroupSelection, actions, fixedActions, }: ComboboxContentProps): React.JSX.Element;

package/combobox/combobox.component.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "open", "disabled", "readOnly", "size", "className", "selected", "showClear", "onClearAll", "formItemId"];
+var _excluded = ["children", "open", "disabled", "readOnly", "size", "className", "selected", "showClear", "onClearAll", "formItemId", "triggerProps"];
 import { buttonVariants } from '@scaleflex/ui-tw/button';
 import { ButtonVariant, buttonBaseClassNames } from '@scaleflex/ui-tw/button/button.constants';
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '@scaleflex/ui-tw/command';
@@ -55,6 +55,7 @@ export function ComboboxTrigger(_ref2) {
     showClear = _ref2$showClear === void 0 ? false : _ref2$showClear,
     onClearAll = _ref2.onClearAll,
     formItemId = _ref2.formItemId,
+    triggerProps = _ref2.triggerProps,
     rest = _objectWithoutProperties(_ref2, _excluded);
   var _getToolbarSizes = getToolbarSizes(size),
     iconSize = _getToolbarSizes.iconSize;
@@ -63,7 +64,7 @@ export function ComboboxTrigger(_ref2) {
     handleOnTriggerKeyDown = _createClearHandlers.onKeyDown;
   return /*#__PURE__*/React.createElement(PopoverTrigger, {
     asChild: true
-  }, /*#__PURE__*/React.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", _extends({
     id: formItemId,
     role: "combobox",
     "aria-expanded": open,
@@ -71,10 +72,10 @@ export function ComboboxTrigger(_ref2) {
     disabled: disabled,
     className: cn.apply(void 0, _toConsumableArray(getBaseSelectClassNames()).concat(_toConsumableArray(getBaseInputClasses()), [selectTriggerVariants({
       size: size
-    }), !selected && 'text-muted-foreground/80 hover:border-secondary-foreground/50', readOnly && selectReadOnlyClassNames, className])),
+    }), !selected && 'text-muted-foreground/80 hover:border-secondary-foreground/50', readOnly && selectReadOnlyClassNames, className, 'min-w-0'])),
     onClick: handleOnTriggerClick,
     onKeyDown: handleOnTriggerKeyDown
-  }, /*#__PURE__*/React.createElement("span", {
+  }, triggerProps), /*#__PURE__*/React.createElement("span", {
     className: "truncate"
   }, children), /*#__PURE__*/React.createElement("div", {
     className: "ml-2 flex items-center gap-1 pl-1"

package/combobox/combobox.types.d.ts

@@ -2,7 +2,7 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { SelectOption } from '@scaleflex/ui-tw/form';
 import { FormSizeType } from '@scaleflex/ui-tw/types/form-size';
 import { Command as CommandPrimitive } from 'cmdk';
-import type { ComponentProps, KeyboardEvent, MouseEvent, ReactElement, ReactNode } from 'react';
+import type { ButtonHTMLAttributes, ComponentProps, KeyboardEvent, MouseEvent, ReactElement, ReactNode } from 'react';
 export type ClearEvent = MouseEvent | KeyboardEvent;
 export type SelectActionsProps = {
     actions?: ReactNode[];
@@ -19,6 +19,7 @@ export type ComboboxTriggerProps = {
     showClear?: boolean;
     'aria-invalid'?: boolean;
     onClearAll?: () => void;
+    triggerProps?: ButtonHTMLAttributes<HTMLButtonElement>;
 };
 export type ComboboxContentProps = {
     options: SelectOption[];
@@ -68,6 +69,7 @@ interface ComboboxCommonProps {
     popoverContentProps?: ComponentProps<typeof PopoverPrimitive.Content>;
     actions?: ReactNode[];
     fixedActions?: boolean;
+    triggerProps?: ButtonHTMLAttributes<HTMLButtonElement>;
 }
 export interface ComboboxSingleProps extends ComboboxCommonProps {
     value: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/ui-tw",
-  "version": "0.0.57",
+  "version": "0.0.59",
   "author": "scaleflex",
   "repository": "github:scaleflex/ui",
   "homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
@@ -23,7 +23,7 @@
     "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-switch": "^1.0.1",
     "@radix-ui/react-tooltip": "^1.2.6",
-    "@scaleflex/icons-tw": "^0.0.57",
+    "@scaleflex/icons-tw": "^0.0.59",
     "@tanstack/react-table": "^8.21.3",
     "@types/lodash.merge": "^4.6.9",
     "class-variance-authority": "^0.7.1",