@scaleflex/ui-tw 0.0.77 → 0.0.79

package/combobox/combobox.types.d.ts

@@ -49,6 +49,7 @@ export type ComboboxContentProps = {
 };
 export interface CommandInputProps extends Omit<ComponentProps<typeof CommandPrimitive.Input>, 'size'> {
     size?: FormSizeType;
+    wrapperClassName?: string;
 }
 export interface CommandGroupProps extends ComponentProps<typeof CommandPrimitive.Group> {
     size?: FormSizeType;
@@ -62,6 +63,7 @@ export interface CommandItemProps extends ComponentProps<typeof CommandPrimitive
     shortcut?: ReactElement | string;
     selectedValue?: string | string[];
     multiple?: boolean;
+    iconClassName?: string;
 }
 interface ComboboxCommonProps {
     options: SelectOption[];

package/command/command.component.d.ts

@@ -8,12 +8,12 @@ declare function CommandDialog({ title, description, children, ...props }: Compo
     title?: string;
     description?: string;
 }): React.JSX.Element;
-declare function CommandInput({ className, size, ...props }: CommandInputProps): React.JSX.Element;
+declare function CommandInput({ className, size, wrapperClassName, ...props }: CommandInputProps): React.JSX.Element;
 declare function CommandList({ className, ...props }: ComponentProps<typeof CommandPrimitive.List>): React.JSX.Element;
 declare function CommandEmpty({ className, ...rest }: ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element;
 declare function CommandGroup({ className, size, ...props }: CommandGroupProps): React.JSX.Element;
 declare function CommandSeparator({ className, ...props }: ComponentProps<typeof CommandPrimitive.Separator>): React.JSX.Element;
-declare function CommandItem({ className, size, isGroup, icon, tooltip, children, selectedValue, multiple, value, shortcut, disabledTooltip, disabled, ...props }: CommandItemProps): React.JSX.Element;
+declare function CommandItem({ className, size, isGroup, icon, tooltip, children, selectedValue, multiple, value, shortcut, disabledTooltip, disabled, iconClassName, ...props }: CommandItemProps): React.JSX.Element;
 declare function CommandCheckboxItem({ className, size, isGroup, children, selectedValue, value, icon, disabled, tooltip, disabledTooltip, ...props }: CommandItemProps): React.JSX.Element;
 declare function CommandShortcut({ className, ...props }: ComponentProps<'span'>): React.JSX.Element;
 export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandCheckboxItem, CommandShortcut, CommandSeparator, };

package/command/command.component.js

@@ -2,12 +2,12 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className"],
   _excluded2 = ["title", "description", "children"],
-  _excluded3 = ["className", "size"],
+  _excluded3 = ["className", "size", "wrapperClassName"],
   _excluded4 = ["className"],
   _excluded5 = ["className"],
   _excluded6 = ["className", "size"],
   _excluded7 = ["className"],
-  _excluded8 = ["className", "size", "isGroup", "icon", "tooltip", "children", "selectedValue", "multiple", "value", "shortcut", "disabledTooltip", "disabled"],
+  _excluded8 = ["className", "size", "isGroup", "icon", "tooltip", "children", "selectedValue", "multiple", "value", "shortcut", "disabledTooltip", "disabled", "iconClassName"],
   _excluded9 = ["className", "size", "isGroup", "children", "selectedValue", "value", "icon", "disabled", "tooltip", "disabledTooltip"],
   _excluded10 = ["className"];
 import { Checkbox } from '@scaleflex/ui-tw/checkbox';
@@ -51,12 +51,13 @@ function CommandInput(_ref3) {
   var className = _ref3.className,
     _ref3$size = _ref3.size,
     size = _ref3$size === void 0 ? FormSize.Md : _ref3$size,
+    wrapperClassName = _ref3.wrapperClassName,
     props = _objectWithoutProperties(_ref3, _excluded3);
   return /*#__PURE__*/React.createElement("div", {
     "data-slot": "command-input-wrapper",
     className: cn('border-border flex h-10 items-center gap-2 border-b px-4', selectTriggerVariants({
       size: size
-    }))
+    }), wrapperClassName)
   }, /*#__PURE__*/React.createElement(SearchIcon, {
     className: cn('shrink-0 opacity-50', switchThumbSizeOptions[size])
   }), /*#__PURE__*/React.createElement(CommandPrimitive.Input, _extends({
@@ -120,6 +121,7 @@ function CommandItem(_ref8) {
     shortcut = _ref8.shortcut,
     disabledTooltip = _ref8.disabledTooltip,
     disabled = _ref8.disabled,
+    iconClassName = _ref8.iconClassName,
     props = _objectWithoutProperties(_ref8, _excluded8);
   var selected = value && (multiple ? selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.includes(value) : value === selectedValue);
   return /*#__PURE__*/React.createElement(CommandPrimitive.Item, _extends({
@@ -134,7 +136,7 @@ function CommandItem(_ref8) {
   }, icon && /*#__PURE__*/React.createElement(SelectIcon, {
     size: size,
     icon: icon,
-    className: cn('text-muted-foreground hover:text-primary shrink-0', selected && 'text-primary', disabled && 'opacity-50')
+    className: cn('text-muted-foreground hover:text-primary shrink-0', selected && 'text-primary', disabled && 'opacity-50', iconClassName)
   }), /*#__PURE__*/React.createElement("div", {
     className: "flex items-center gap-1 overflow-hidden"
   }, /*#__PURE__*/React.createElement("div", {

package/form/components/form-field-group.component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { FieldValues, Path } from 'react-hook-form';
 import type { FormFieldGroupProps } from '../form.types';
-declare function FormFieldGroup<TFieldValues extends FieldValues, TName extends Path<TFieldValues>>({ control, name, label, description, size, readOnly, disabled, tooltip, disabledTooltip, highlight, horizontal, horizontalLabelWidth, children, inputAriaLabel, }: FormFieldGroupProps<TFieldValues, TName>): React.JSX.Element;
+declare function FormFieldGroup<TFieldValues extends FieldValues, TName extends Path<TFieldValues>>({ control, name, label, description, size, readOnly, disabled, tooltip, disabledTooltip, highlight, horizontal, horizontalLabelWidth, children, }: FormFieldGroupProps<TFieldValues, TName>): React.JSX.Element;
 export { FormFieldGroup };

package/form/components/form-field-group.component.js

@@ -19,8 +19,7 @@ function FormFieldGroup(_ref) {
     _ref$horizontal = _ref.horizontal,
     horizontal = _ref$horizontal === void 0 ? false : _ref$horizontal,
     horizontalLabelWidth = _ref.horizontalLabelWidth,
-    children = _ref.children,
-    inputAriaLabel = _ref.inputAriaLabel;
+    children = _ref.children;
   return /*#__PURE__*/React.createElement(FormField, {
     control: control,
     name: name,
@@ -41,9 +40,7 @@ function FormFieldGroup(_ref) {
         disabled: disabled
       }, label), /*#__PURE__*/React.createElement("div", {
         className: "grid gap-1.5"
-      }, /*#__PURE__*/React.createElement(FormControl, {
-        "aria-label": inputAriaLabel
-      }, children(field, {
+      }, /*#__PURE__*/React.createElement(FormControl, null, children(field, {
         size: size,
         readOnly: readOnly,
         disabled: disabled

package/form/form.types.d.ts

@@ -40,7 +40,6 @@ export interface FormFieldGroupProps<TFieldValues extends FieldValues, TName ext
     highlight?: boolean;
     horizontal?: boolean;
     horizontalLabelWidth?: string;
-    inputAriaLabel?: string;
 }
 export interface FormSwitchFieldProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>> extends UseControllerProps<TFieldValues, TName>, FormBaseFieldProps {
     layout?: SwitchLayoutType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/ui-tw",
-  "version": "0.0.77",
+  "version": "0.0.79",
   "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.77",
+    "@scaleflex/icons-tw": "^0.0.79",
     "@tanstack/react-table": "^8.21.3",
     "@types/lodash.merge": "^4.6.9",
     "class-variance-authority": "^0.7.1",