@scaleflex/ui-tw 0.0.14 → 0.0.16

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

@@ -1,5 +1,5 @@
 import { FormSwitchFieldProps } from '@scaleflex/ui-tw/form/form.types';
 import React from 'react';
 import { FieldValues, Path } from 'react-hook-form';
-declare function FormSwitchField<TFieldValues extends FieldValues, TName extends Path<TFieldValues>>({ control, name, label, description, disabled, tooltip, size, layout, }: FormSwitchFieldProps<TFieldValues, TName>): React.JSX.Element;
+declare function FormSwitchField<TFieldValues extends FieldValues, TName extends Path<TFieldValues>>({ control, name, label, description, disabled, tooltip, size, layout, switchProps, }: FormSwitchFieldProps<TFieldValues, TName>): React.JSX.Element;
 export { FormSwitchField };

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

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import { FormControl, FormDescription, FormField, FormItem, FormMessage } from '@scaleflex/ui-tw/form';
 import { SwitchLayout, formSwitchFieldSizeOptions } from '@scaleflex/ui-tw/form/form.constants';
 import { Label } from '@scaleflex/ui-tw/label';
@@ -24,7 +25,8 @@ function FormSwitchField(_ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? FormSize.Md : _ref$size,
     _ref$layout = _ref.layout,
-    layout = _ref$layout === void 0 ? SwitchLayout.Inline : _ref$layout;
+    layout = _ref$layout === void 0 ? SwitchLayout.Inline : _ref$layout,
+    switchProps = _ref.switchProps;
   var isInlineLayout = layout === SwitchLayout.Inline;
   return /*#__PURE__*/React.createElement(FormField, {
     control: control,
@@ -35,13 +37,13 @@ function FormSwitchField(_ref) {
         className: cn('flex items-center', isInlineLayout ? formSwitchFieldVariants({
           size: size
         }) : 'w-full justify-between gap-2')
-      }, isInlineLayout ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormControl, null, /*#__PURE__*/React.createElement(Switch, {
+      }, isInlineLayout ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormControl, null, /*#__PURE__*/React.createElement(Switch, _extends({
         id: field.name,
         checked: field.value,
         onCheckedChange: field.onChange,
         disabled: disabled,
         size: size
-      })), /*#__PURE__*/React.createElement(Label, {
+      }, switchProps))), /*#__PURE__*/React.createElement(Label, {
         htmlFor: field.name,
         tooltip: tooltip,
         size: size

package/form/form.types.d.ts

@@ -1,5 +1,6 @@
 import { FormMessageSize, SwitchLayout } from '@scaleflex/ui-tw/form/form.constants';
 import { InputProps } from '@scaleflex/ui-tw/input';
+import { SwitchProps } from '@scaleflex/ui-tw/switch/switch.types';
 import { TextareaProps } from '@scaleflex/ui-tw/textarea';
 import { FormSizeType } from '@scaleflex/ui-tw/types/form-size';
 import type { Values } from '@scaleflex/ui-tw/types/values';
@@ -36,6 +37,7 @@ export interface FormSwitchFieldProps<TFieldValues extends FieldValues, TName ex
     disabled?: boolean;
     layout?: SwitchLayoutType;
     tooltip?: ReactElement | string;
+    switchProps?: SwitchProps;
 }
 export type FormInputFieldProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>> = Omit<FormFieldGroupProps<TFieldValues, TName>, 'children'> & {
     inputProps?: InputProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/ui-tw",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "author": "scaleflex",
   "repository": "github:scaleflex/ui",
   "homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
@@ -17,7 +17,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.14",
+    "@scaleflex/icons-tw": "^0.0.16",
     "@types/lodash.merge": "^4.6.9",
     "class-variance-authority": "^0.7.1",
     "lodash.merge": "^4.6.2",

package/tooltip/tooltip.component.js

@@ -61,6 +61,7 @@ function WithTooltip(_ref5) {
   var variant = _ref5.variant,
     content = _ref5.content,
     children = _ref5.children;
+  if (!content) return children;
   return /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, {
     asChild: true
   }, children), /*#__PURE__*/React.createElement(TooltipContent, {

package/tooltip/tooltip.types.d.ts

@@ -3,7 +3,7 @@ import { TooltipVariant } from '@scaleflex/ui-tw/tooltip/tooltip.constants';
 import { ComponentProps, ReactElement } from 'react';
 export type TooltipVariantType = (typeof TooltipVariant)[keyof typeof TooltipVariant];
 export interface WithTooltipProps {
-    content: ReactElement;
+    content?: ReactElement | undefined | string;
     children: ReactElement;
     variant?: TooltipVariantType;
 }