@scaleflex/ui-tw 0.0.53 → 0.0.54

package/form/form.types.d.ts

@@ -63,8 +63,9 @@ export interface FlatOption {
     tooltip?: ReactElement | string;
     disabledTooltip?: ReactElement | string;
 }
-export interface OptionGroup {
+export interface OptionGroup extends Omit<FlatOption, 'value' | 'label'> {
     label?: ReactElement | string;
+    value?: string;
     options: FlatOption[];
 }
 export type SelectOption = FlatOption | OptionGroup;

package/package.json

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

package/select/components/selector.js

@@ -5,8 +5,20 @@ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol
 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; }
 import { isOptionGroup } from '@scaleflex/ui-tw/form';
+import { selectLabelSizeOptions } from '@scaleflex/ui-tw/select/select.constants';
+import { FormSize } from '@scaleflex/ui-tw/types/form-size';
+import { cn } from '@scaleflex/ui-tw/utils/cn';
+import { cva } from 'class-variance-authority';
 import React from 'react';
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from '../';
+var selectLabelVariants = cva('', {
+  variants: {
+    size: selectLabelSizeOptions
+  },
+  defaultVariants: {
+    size: FormSize.Md
+  }
+});
 export function Selector(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
@@ -32,6 +44,7 @@ export function Selector(_ref) {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var option = _step.value;
         if (isOptionGroup(option)) {
+          if (option.value === val) return option.label;
           var found = option.options.find(function (o) {
             return o.value === val;
           });
@@ -68,7 +81,19 @@ export function Selector(_ref) {
     if (isOptionGroup(option)) {
       return /*#__PURE__*/React.createElement(SelectGroup, {
         key: groupIndex
-      }, option.label && /*#__PURE__*/React.createElement(SelectLabel, {
+      }, option.value ? /*#__PURE__*/React.createElement(SelectItem, {
+        key: option.value,
+        value: option.value,
+        disabled: option.disabled,
+        size: size,
+        icon: option.icon,
+        tooltip: option.tooltip,
+        disabledTooltip: option.disabledTooltip,
+        isGroup: true,
+        className: cn('text-secondary-foreground', selectLabelVariants({
+          size: size
+        }))
+      }, option.label) : option.label && /*#__PURE__*/React.createElement(SelectLabel, {
         size: size
       }, option.label), option.options.map(function (_ref2) {
         var label = _ref2.label,