@cube-dev/ui-kit 0.182.0 → 0.183.0

package/dist/components/fields/Slider/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { __RangeSlider } from "./RangeSlider.js";
 import { __Slider } from "./Slider.js";
 import { __HueSlider } from "./HueSlider.js";

package/dist/components/fields/Switch/Switch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useId as useId$2 } from "../../../utils/react/useId.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
@@ -10,6 +10,7 @@ import { getValidationMods } from "../../form/validation/resolve-validation-prop
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { wrapWithField } from "../../form/wrapper.js";
 import { HiddenInput } from "../../HiddenInput.js";
+import { c } from "react-compiler-runtime";
 import { BLOCK_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -114,79 +115,202 @@ const SwitchElement = tasty({
 });
 const PROP_STYLES = [...OUTER_STYLES, ...BLOCK_STYLES];
 function Switch(props, ref) {
-	props = castNullableIsSelected(props);
-	props = useFieldProps(props, {
-		defaultValidationTrigger: "onChange",
-		valuePropsMapper: ({ value, onChange }) => ({
-			isSelected: value != null ? value : false,
-			isIndeterminate: false,
-			onChange
-		})
-	});
-	let { qa, isDisabled = false, children, label, insideForm, isLoading, labelPosition, inputStyles, isInvalid, isValid, size = "medium", form } = props;
+	const $ = c(52);
+	let t0;
+	if ($[0] !== props) {
+		t0 = castNullableIsSelected(props);
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	props = t0;
+	let t1;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = {
+			defaultValidationTrigger: "onChange",
+			valuePropsMapper: _temp
+		};
+		$[2] = t1;
+	} else t1 = $[2];
+	props = useFieldProps(props, t1);
+	const { qa, isDisabled: t2, children, label, insideForm, isLoading, labelPosition, inputStyles, isInvalid, isValid, size: t3 } = props;
+	const isDisabled = t2 === void 0 ? false : t2;
+	const size = t3 === void 0 ? "medium" : t3;
 	const id = useId$2(props.id);
-	let styles = extractStyles(props, PROP_STYLES);
-	let { isFocused, focusProps } = useFocus$1({ isDisabled }, true);
-	let { hoverProps, isHovered } = useHover({ isDisabled });
-	let inputRef = useRef(null);
-	let domRef = useFocusableRef(ref, inputRef);
-	let { inputProps } = useSwitch(props, useToggleState(props), inputRef);
-	const mods = {
-		checked: inputProps.checked,
-		disabled: isDisabled,
-		hovered: isHovered,
-		focused: isFocused,
-		...getValidationMods({
+	let t4;
+	if ($[3] !== props) {
+		t4 = extractStyles(props, PROP_STYLES);
+		$[3] = props;
+		$[4] = t4;
+	} else t4 = $[4];
+	const styles = t4;
+	let t5;
+	if ($[5] !== isDisabled) {
+		t5 = { isDisabled };
+		$[5] = isDisabled;
+		$[6] = t5;
+	} else t5 = $[6];
+	const { isFocused, focusProps } = useFocus$1(t5, true);
+	let t6;
+	if ($[7] !== isDisabled) {
+		t6 = { isDisabled };
+		$[7] = isDisabled;
+		$[8] = t6;
+	} else t6 = $[8];
+	const { hoverProps, isHovered } = useHover(t6);
+	const inputRef = useRef(null);
+	const domRef = useFocusableRef(ref, inputRef);
+	const { inputProps } = useSwitch(props, useToggleState(props), inputRef);
+	const t7 = inputProps.checked;
+	let t8;
+	if ($[9] !== isInvalid || $[10] !== isValid) {
+		t8 = getValidationMods({
 			isInvalid,
 			isValid
-		}),
-		"inside-form": insideForm,
-		"side-label": labelPosition === "side"
-	};
-	return wrapWithField(/* @__PURE__ */ jsxs(SwitchWrapperElement, {
-		qa: "SwitchWrapper",
-		mods,
-		"data-size": size,
-		styles,
-		...hoverProps,
-		children: [
-			/* @__PURE__ */ jsx(HiddenInput, {
-				qa: qa || "Switch",
-				"data-input-type": "switch",
-				...mergeProps$1(inputProps, focusProps),
-				ref: inputRef,
-				id
-			}),
-			/* @__PURE__ */ jsx(SwitchElement, {
-				mods,
-				"data-size": size,
-				styles: inputStyles,
-				children: /* @__PURE__ */ jsx("div", {
-					"data-element": "Thumb",
-					"aria-hidden": "true"
-				})
-			}),
-			children ? /* @__PURE__ */ jsx(_Text, {
-				nowrap: true,
-				children
-			}) : null,
-			isLoading ? /* @__PURE__ */ jsxs(Fragment$1, { children: [label ? /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }) : null, /* @__PURE__ */ jsx(LoadingIcon, {})] }) : null
-		]
-	}), domRef, {
-		...props,
-		id,
-		labelProps: {
-			...props.labelProps,
-			for: id
-		},
-		children: null,
-		inputStyles
-	});
+		});
+		$[9] = isInvalid;
+		$[10] = isValid;
+		$[11] = t8;
+	} else t8 = $[11];
+	const t9 = labelPosition === "side";
+	let t10;
+	if ($[12] !== inputProps.checked || $[13] !== insideForm || $[14] !== isDisabled || $[15] !== isFocused || $[16] !== isHovered || $[17] !== t8 || $[18] !== t9) {
+		t10 = {
+			checked: t7,
+			disabled: isDisabled,
+			hovered: isHovered,
+			focused: isFocused,
+			...t8,
+			"inside-form": insideForm,
+			"side-label": t9
+		};
+		$[12] = inputProps.checked;
+		$[13] = insideForm;
+		$[14] = isDisabled;
+		$[15] = isFocused;
+		$[16] = isHovered;
+		$[17] = t8;
+		$[18] = t9;
+		$[19] = t10;
+	} else t10 = $[19];
+	const mods = t10;
+	const t11 = qa || "Switch";
+	let t12;
+	if ($[20] !== focusProps || $[21] !== inputProps) {
+		t12 = mergeProps$1(inputProps, focusProps);
+		$[20] = focusProps;
+		$[21] = inputProps;
+		$[22] = t12;
+	} else t12 = $[22];
+	let t13;
+	if ($[23] !== id || $[24] !== t11 || $[25] !== t12) {
+		t13 = /* @__PURE__ */ jsx(HiddenInput, {
+			qa: t11,
+			"data-input-type": "switch",
+			...t12,
+			ref: inputRef,
+			id
+		});
+		$[23] = id;
+		$[24] = t11;
+		$[25] = t12;
+		$[26] = t13;
+	} else t13 = $[26];
+	let t14;
+	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = /* @__PURE__ */ jsx("div", {
+			"data-element": "Thumb",
+			"aria-hidden": "true"
+		});
+		$[27] = t14;
+	} else t14 = $[27];
+	let t15;
+	if ($[28] !== inputStyles || $[29] !== mods || $[30] !== size) {
+		t15 = /* @__PURE__ */ jsx(SwitchElement, {
+			mods,
+			"data-size": size,
+			styles: inputStyles,
+			children: t14
+		});
+		$[28] = inputStyles;
+		$[29] = mods;
+		$[30] = size;
+		$[31] = t15;
+	} else t15 = $[31];
+	let t16;
+	if ($[32] !== children) {
+		t16 = children ? /* @__PURE__ */ jsx(_Text, {
+			nowrap: true,
+			children
+		}) : null;
+		$[32] = children;
+		$[33] = t16;
+	} else t16 = $[33];
+	let t17;
+	if ($[34] !== isLoading || $[35] !== label) {
+		t17 = isLoading ? /* @__PURE__ */ jsxs(Fragment$1, { children: [label ? /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }) : null, /* @__PURE__ */ jsx(LoadingIcon, {})] }) : null;
+		$[34] = isLoading;
+		$[35] = label;
+		$[36] = t17;
+	} else t17 = $[36];
+	let t18;
+	if ($[37] !== hoverProps || $[38] !== mods || $[39] !== size || $[40] !== styles || $[41] !== t13 || $[42] !== t15 || $[43] !== t16 || $[44] !== t17) {
+		t18 = /* @__PURE__ */ jsxs(SwitchWrapperElement, {
+			qa: "SwitchWrapper",
+			mods,
+			"data-size": size,
+			styles,
+			...hoverProps,
+			children: [
+				t13,
+				t15,
+				t16,
+				t17
+			]
+		});
+		$[37] = hoverProps;
+		$[38] = mods;
+		$[39] = size;
+		$[40] = styles;
+		$[41] = t13;
+		$[42] = t15;
+		$[43] = t16;
+		$[44] = t17;
+		$[45] = t18;
+	} else t18 = $[45];
+	const switchField = t18;
+	let t19;
+	if ($[46] !== domRef || $[47] !== id || $[48] !== inputStyles || $[49] !== props || $[50] !== switchField) {
+		t19 = wrapWithField(switchField, domRef, {
+			...props,
+			id,
+			labelProps: {
+				...props.labelProps,
+				for: id
+			},
+			children: null,
+			inputStyles
+		});
+		$[46] = domRef;
+		$[47] = id;
+		$[48] = inputStyles;
+		$[49] = props;
+		$[50] = switchField;
+		$[51] = t19;
+	} else t19 = $[51];
+	return t19;
 }
 /**
 * Switches allow users to turn an individual option on or off.
 * They are usually used to activate or deactivate a specific setting.
 */
+function _temp(t0) {
+	const { value, onChange } = t0;
+	return {
+		isSelected: value != null ? value : false,
+		isIndeterminate: false,
+		onChange
+	};
+}
 let _Switch = forwardRef(Switch);
 _Switch.cubeInputType = "Checkbox";
 _Switch.displayName = "Switch";

package/dist/components/fields/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["useId","useFocus","mergeProps","Text"],"sources":["../../../../src/components/fields/Switch/Switch.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport {\n  BaseProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, useRef } from 'react';\nimport { AriaSwitchProps, useHover, useSwitch } from 'react-aria';\nimport { useToggleState } from 'react-stately';\n\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { FieldBaseProps, ToggleSelectionProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport {\n  castNullableIsSelected,\n  WithNullableSelected,\n} from '../../../utils/react/nullableValue';\nimport { useId } from '../../../utils/react/useId';\nimport { extractStyles } from '../../../utils/styles';\nimport { Text } from '../../content/Text';\nimport { getValidationMods, useFieldProps, wrapWithField } from '../../form';\nimport { HiddenInput } from '../../HiddenInput';\n\nconst SwitchWrapperElement = tasty({\n  as: 'label',\n  styles: {\n    display: 'flex',\n    position: 'relative',\n    placeItems: {\n      '': 'center stretch',\n      'side-label': 'baseline stretch',\n    },\n    gap: '1x',\n    width: 'max max-content',\n    color: '#dark-02',\n  },\n});\n\nconst SwitchElement = tasty({\n  qa: 'Switch',\n  styles: {\n    boxSizing: 'border-box',\n    position: 'relative',\n    verticalAlign: 'baseline',\n    placeSelf: 'center',\n    radius: 'round',\n    fill: {\n      '': '#surface',\n      checked: '#primary',\n      'invalid & checked': '#danger',\n      'valid & checked': '#success',\n      disabled: '#border.5',\n      'disabled & checked': '#border',\n    },\n    color: {\n      '': '#dark-03',\n      checked: '#white',\n    },\n    border: {\n      '': '#dark-05',\n      checked: '#primary-text',\n      disabled: '#dark-05.5',\n      invalid: '#danger',\n      valid: '#success',\n    },\n    width: {\n      '': '5x 5x',\n      'size=medium': '4x 4x',\n      'size=small': '3x 3x',\n    },\n    height: {\n      '': '3x 3x',\n      'size=medium': '2.5x 2.5x',\n      'size=small': '2x 2x',\n    },\n    outline: {\n      '': '#primary-text.0',\n      focused: '1bw #primary-text',\n    },\n    outlineOffset: 1,\n    transition: 'theme',\n    cursor: '$pointer',\n\n    Thumb: {\n      position: 'absolute',\n      width: {\n        '': '2x 2x',\n        'size=medium': '1.5x 1.5x',\n        'size=small': '1.25x 1.25x',\n      },\n      height: {\n        '': '2x 2x',\n        'size=medium': '1.5x 1.5x',\n        'size=small': '1.25x 1.25x',\n      },\n      radius: 'round',\n      fill: {\n        '': '#current',\n        disabled: '#current.5',\n        'disabled & checked': '#white.8',\n      },\n      top: {\n        '': '.375x',\n        'size=medium': '.375x',\n        'size=small': '.25x',\n      },\n      left: {\n        '': '.375x',\n        'size=medium': '.375x',\n        'size=small': '.25x',\n        checked: '2.25x',\n        'checked & size=medium': '1.75x',\n        'checked & size=small': '1.25x',\n      },\n      transition: 'left, theme',\n      cursor: '$pointer',\n    },\n  },\n});\n\nconst PROP_STYLES = [...OUTER_STYLES, ...BLOCK_STYLES];\n\nexport interface CubeSwitchProps\n  extends BaseProps,\n    OuterStyleProps,\n    BlockStyleProps,\n    FieldBaseProps<boolean | null | undefined>,\n    ToggleSelectionProps,\n    AriaSwitchProps {\n  /** The form instance; redeclared for the same reason as in `Checkbox`. */\n  form?: FieldBaseProps['form'];\n  /** Field name; modern forms also accept nested tuple paths. */\n  name?: FieldBaseProps['name'];\n  inputStyles?: Styles;\n  isLoading?: boolean;\n  size?: 'large' | 'medium' | 'small';\n}\n\nfunction Switch(props: WithNullableSelected<CubeSwitchProps>, ref) {\n  props = castNullableIsSelected(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onChange',\n    valuePropsMapper: ({ value, onChange }) => ({\n      isSelected: value != null ? value : false,\n      isIndeterminate: false,\n      onChange: onChange,\n    }),\n  });\n\n  let {\n    qa,\n    isDisabled = false,\n    children,\n    label,\n    insideForm,\n    isLoading,\n    labelPosition,\n    inputStyles,\n    isInvalid,\n    isValid,\n    size = 'medium',\n    form,\n  } = props;\n\n  const id = useId(props.id);\n\n  let styles = extractStyles(props, PROP_STYLES);\n\n  let { isFocused, focusProps } = useFocus({ isDisabled }, true);\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n\n  let inputRef = useRef(null);\n  let domRef = useFocusableRef(ref, inputRef);\n\n  let { inputProps } = useSwitch(props, useToggleState(props), inputRef);\n\n  const mods = {\n    checked: inputProps.checked,\n    disabled: isDisabled,\n    hovered: isHovered,\n    focused: isFocused,\n    ...getValidationMods({ isInvalid, isValid }),\n    'inside-form': insideForm,\n    'side-label': labelPosition === 'side',\n  };\n\n  const switchField = (\n    <SwitchWrapperElement\n      qa=\"SwitchWrapper\"\n      mods={mods}\n      data-size={size}\n      styles={styles}\n      {...hoverProps}\n    >\n      <HiddenInput\n        qa={qa || 'Switch'}\n        data-input-type=\"switch\"\n        {...mergeProps(inputProps, focusProps)}\n        ref={inputRef}\n        id={id}\n      />\n      <SwitchElement mods={mods} data-size={size} styles={inputStyles}>\n        <div data-element=\"Thumb\" aria-hidden=\"true\" />\n      </SwitchElement>\n      {children ? <Text nowrap>{children}</Text> : null}\n      {isLoading ? (\n        <>\n          {label ? <>&nbsp;</> : null}\n          <LoadingIcon />\n        </>\n      ) : null}\n    </SwitchWrapperElement>\n  );\n\n  return wrapWithField(switchField, domRef, {\n    ...props,\n    id,\n    labelProps: {\n      ...props.labelProps,\n      for: id,\n    },\n    children: null,\n    inputStyles,\n  });\n}\n\n/**\n * Switches allow users to turn an individual option on or off.\n * They are usually used to activate or deactivate a specific setting.\n */\nlet _Switch = forwardRef(Switch);\n\n(_Switch as any).cubeInputType = 'Checkbox';\n_Switch.displayName = 'Switch';\n\nexport { _Switch as Switch };\nexport type { AriaSwitchProps };\nexport { useSwitch };\n"],"mappings":"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"}
+{"version":3,"file":"Switch.js","names":["useFocusableRef","BaseProps","BLOCK_STYLES","BlockStyleProps","OUTER_STYLES","OuterStyleProps","Styles","tasty","forwardRef","useRef","AriaSwitchProps","useHover","useSwitch","useToggleState","LoadingIcon","FieldBaseProps","ToggleSelectionProps","mergeProps","useFocus","castNullableIsSelected","WithNullableSelected","useId","extractStyles","Text","getValidationMods","useFieldProps","wrapWithField","HiddenInput","SwitchWrapperElement","as","styles","display","position","placeItems","gap","width","color","SwitchElement","qa","boxSizing","verticalAlign","placeSelf","radius","fill","checked","disabled","border","invalid","valid","height","outline","focused","outlineOffset","transition","cursor","Thumb","top","left","PROP_STYLES","CubeSwitchProps","form","name","inputStyles","isLoading","size","Switch","props","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","isDisabled","t2","children","label","insideForm","labelPosition","isInvalid","isValid","t3","undefined","id","t4","t5","isFocused","focusProps","t6","hoverProps","isHovered","inputRef","domRef","inputProps","t7","t8","t9","t10","hovered","mods","t11","t12","t13","t14","t15","t16","t17","t18","switchField","t19","labelProps","value","onChange","isSelected","isIndeterminate","_Switch","cubeInputType","displayName"],"sources":["../../../../src/components/fields/Switch/Switch.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport {\n  BaseProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, useRef } from 'react';\nimport { AriaSwitchProps, useHover, useSwitch } from 'react-aria';\nimport { useToggleState } from 'react-stately';\n\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { FieldBaseProps, ToggleSelectionProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport {\n  castNullableIsSelected,\n  WithNullableSelected,\n} from '../../../utils/react/nullableValue';\nimport { useId } from '../../../utils/react/useId';\nimport { extractStyles } from '../../../utils/styles';\nimport { Text } from '../../content/Text';\nimport { getValidationMods, useFieldProps, wrapWithField } from '../../form';\nimport { HiddenInput } from '../../HiddenInput';\n\nconst SwitchWrapperElement = tasty({\n  as: 'label',\n  styles: {\n    display: 'flex',\n    position: 'relative',\n    placeItems: {\n      '': 'center stretch',\n      'side-label': 'baseline stretch',\n    },\n    gap: '1x',\n    width: 'max max-content',\n    color: '#dark-02',\n  },\n});\n\nconst SwitchElement = tasty({\n  qa: 'Switch',\n  styles: {\n    boxSizing: 'border-box',\n    position: 'relative',\n    verticalAlign: 'baseline',\n    placeSelf: 'center',\n    radius: 'round',\n    fill: {\n      '': '#surface',\n      checked: '#primary',\n      'invalid & checked': '#danger',\n      'valid & checked': '#success',\n      disabled: '#border.5',\n      'disabled & checked': '#border',\n    },\n    color: {\n      '': '#dark-03',\n      checked: '#white',\n    },\n    border: {\n      '': '#dark-05',\n      checked: '#primary-text',\n      disabled: '#dark-05.5',\n      invalid: '#danger',\n      valid: '#success',\n    },\n    width: {\n      '': '5x 5x',\n      'size=medium': '4x 4x',\n      'size=small': '3x 3x',\n    },\n    height: {\n      '': '3x 3x',\n      'size=medium': '2.5x 2.5x',\n      'size=small': '2x 2x',\n    },\n    outline: {\n      '': '#primary-text.0',\n      focused: '1bw #primary-text',\n    },\n    outlineOffset: 1,\n    transition: 'theme',\n    cursor: '$pointer',\n\n    Thumb: {\n      position: 'absolute',\n      width: {\n        '': '2x 2x',\n        'size=medium': '1.5x 1.5x',\n        'size=small': '1.25x 1.25x',\n      },\n      height: {\n        '': '2x 2x',\n        'size=medium': '1.5x 1.5x',\n        'size=small': '1.25x 1.25x',\n      },\n      radius: 'round',\n      fill: {\n        '': '#current',\n        disabled: '#current.5',\n        'disabled & checked': '#white.8',\n      },\n      top: {\n        '': '.375x',\n        'size=medium': '.375x',\n        'size=small': '.25x',\n      },\n      left: {\n        '': '.375x',\n        'size=medium': '.375x',\n        'size=small': '.25x',\n        checked: '2.25x',\n        'checked & size=medium': '1.75x',\n        'checked & size=small': '1.25x',\n      },\n      transition: 'left, theme',\n      cursor: '$pointer',\n    },\n  },\n});\n\nconst PROP_STYLES = [...OUTER_STYLES, ...BLOCK_STYLES];\n\nexport interface CubeSwitchProps\n  extends BaseProps,\n    OuterStyleProps,\n    BlockStyleProps,\n    FieldBaseProps<boolean | null | undefined>,\n    ToggleSelectionProps,\n    AriaSwitchProps {\n  /** The form instance; redeclared for the same reason as in `Checkbox`. */\n  form?: FieldBaseProps['form'];\n  /** Field name; modern forms also accept nested tuple paths. */\n  name?: FieldBaseProps['name'];\n  inputStyles?: Styles;\n  isLoading?: boolean;\n  size?: 'large' | 'medium' | 'small';\n}\n\nfunction Switch(props: WithNullableSelected<CubeSwitchProps>, ref) {\n  props = castNullableIsSelected(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onChange',\n    valuePropsMapper: ({ value, onChange }) => ({\n      isSelected: value != null ? value : false,\n      isIndeterminate: false,\n      onChange: onChange,\n    }),\n  });\n\n  let {\n    qa,\n    isDisabled = false,\n    children,\n    label,\n    insideForm,\n    isLoading,\n    labelPosition,\n    inputStyles,\n    isInvalid,\n    isValid,\n    size = 'medium',\n    form,\n  } = props;\n\n  const id = useId(props.id);\n\n  let styles = extractStyles(props, PROP_STYLES);\n\n  let { isFocused, focusProps } = useFocus({ isDisabled }, true);\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n\n  let inputRef = useRef(null);\n  let domRef = useFocusableRef(ref, inputRef);\n\n  let { inputProps } = useSwitch(props, useToggleState(props), inputRef);\n\n  const mods = {\n    checked: inputProps.checked,\n    disabled: isDisabled,\n    hovered: isHovered,\n    focused: isFocused,\n    ...getValidationMods({ isInvalid, isValid }),\n    'inside-form': insideForm,\n    'side-label': labelPosition === 'side',\n  };\n\n  const switchField = (\n    <SwitchWrapperElement\n      qa=\"SwitchWrapper\"\n      mods={mods}\n      data-size={size}\n      styles={styles}\n      {...hoverProps}\n    >\n      <HiddenInput\n        qa={qa || 'Switch'}\n        data-input-type=\"switch\"\n        {...mergeProps(inputProps, focusProps)}\n        ref={inputRef}\n        id={id}\n      />\n      <SwitchElement mods={mods} data-size={size} styles={inputStyles}>\n        <div data-element=\"Thumb\" aria-hidden=\"true\" />\n      </SwitchElement>\n      {children ? <Text nowrap>{children}</Text> : null}\n      {isLoading ? (\n        <>\n          {label ? <>&nbsp;</> : null}\n          <LoadingIcon />\n        </>\n      ) : null}\n    </SwitchWrapperElement>\n  );\n\n  return wrapWithField(switchField, domRef, {\n    ...props,\n    id,\n    labelProps: {\n      ...props.labelProps,\n      for: id,\n    },\n    children: null,\n    inputStyles,\n  });\n}\n\n/**\n * Switches allow users to turn an individual option on or off.\n * They are usually used to activate or deactivate a specific setting.\n */\nlet _Switch = forwardRef(Switch);\n\n(_Switch as any).cubeInputType = 'Checkbox';\n_Switch.displayName = 'Switch';\n\nexport { _Switch as Switch };\nexport type { AriaSwitchProps };\nexport { useSwitch };\n"],"mappings":"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"}

package/dist/components/fields/TextArea/TextArea.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";
@@ -6,66 +6,156 @@ import { castNullableStringValue } from "../../../utils/react/nullableValue.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { TextInputBase } from "../TextInput/TextInputBase.js";
 import { useAutoSizeTextArea } from "../TextInput/useAutoSizeTextArea.js";
+import { c } from "react-compiler-runtime";
 import { forwardRef, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useTextField } from "react-aria";
 
 //#region src/components/fields/TextArea/TextArea.tsx
 function TextArea(props, ref) {
-	props = castNullableStringValue(props);
-	props = useFieldProps(props, {
-		defaultValidationTrigger: "onBlur",
-		valuePropsMapper: ({ value, onChange }) => ({
-			onChange,
-			value: value?.toString() ?? ""
-		})
-	});
-	let { autoSize = false, isDisabled = false, isReadOnly = false, isRequired = false, onChange, maxRows = 10, rows = 3, labelProps: userLabelProps, inputProps: userInputProps, inputRef: propsInputRef, value, isBuffered, ...otherProps } = props;
+	const $ = c(40);
+	let t0;
+	if ($[0] !== props) {
+		t0 = castNullableStringValue(props);
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	props = t0;
+	let t1;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = {
+			defaultValidationTrigger: "onBlur",
+			valuePropsMapper: _temp
+		};
+		$[2] = t1;
+	} else t1 = $[2];
+	props = useFieldProps(props, t1);
+	const { autoSize: t2, isDisabled: t3, isReadOnly: t4, isRequired: t5, onChange: onChange_0, maxRows: t6, rows: t7, labelProps: userLabelProps, inputProps: userInputProps, inputRef: propsInputRef, value: value_0, isBuffered, ...otherProps } = props;
+	const autoSize = t2 === void 0 ? false : t2;
+	const isDisabled = t3 === void 0 ? false : t3;
+	const isReadOnly = t4 === void 0 ? false : t4;
+	const isRequired = t5 === void 0 ? false : t5;
+	let maxRows = t6 === void 0 ? 10 : t6;
+	let rows = t7 === void 0 ? 3 : t7;
 	rows = Math.max(rows, 1);
 	maxRows = Math.max(maxRows, rows);
-	let localInputRef = useRef(null);
-	let inputRef = propsInputRef ?? localInputRef;
-	const buffered = useBufferedValue(value, onChange, {
-		isBuffered,
-		isDisabled,
-		isReadOnly
-	});
-	const adjustHeight = useAutoSizeTextArea({
-		inputRef,
-		autoSize,
-		rows,
-		maxRows,
-		value: buffered.value
-	});
-	let { labelProps, inputProps } = useTextField({
-		...otherProps,
-		value: buffered.value,
-		isDisabled,
-		isReadOnly,
-		isRequired,
-		onChange: chain(buffered.onChange, adjustHeight),
-		onBlur: chain(otherProps.onBlur, buffered.reset),
-		inputElementType: "textarea"
-	}, inputRef);
-	const mergedLabelProps = mergeProps$1(labelProps, userLabelProps);
-	return /* @__PURE__ */ jsx(TextInputBase, {
-		ref,
-		...otherProps,
-		multiLine: true,
-		inputRef,
-		labelProps: mergedLabelProps,
-		inputProps: mergeProps$1(inputProps, { "data-input-type": "textarea" }, userInputProps),
-		isDisabled,
-		isReadOnly,
-		isRequired,
-		rows
-	});
+	const localInputRef = useRef(null);
+	const inputRef = propsInputRef ?? localInputRef;
+	let t8;
+	if ($[3] !== isBuffered || $[4] !== isDisabled || $[5] !== isReadOnly) {
+		t8 = {
+			isBuffered,
+			isDisabled,
+			isReadOnly
+		};
+		$[3] = isBuffered;
+		$[4] = isDisabled;
+		$[5] = isReadOnly;
+		$[6] = t8;
+	} else t8 = $[6];
+	const buffered = useBufferedValue(value_0, onChange_0, t8);
+	let t9;
+	if ($[7] !== autoSize || $[8] !== buffered.value || $[9] !== inputRef || $[10] !== maxRows || $[11] !== rows) {
+		t9 = {
+			inputRef,
+			autoSize,
+			rows,
+			maxRows,
+			value: buffered.value
+		};
+		$[7] = autoSize;
+		$[8] = buffered.value;
+		$[9] = inputRef;
+		$[10] = maxRows;
+		$[11] = rows;
+		$[12] = t9;
+	} else t9 = $[12];
+	const adjustHeight = useAutoSizeTextArea(t9);
+	const t10 = buffered.value;
+	let t11;
+	if ($[13] !== adjustHeight || $[14] !== buffered.onChange) {
+		t11 = chain(buffered.onChange, adjustHeight);
+		$[13] = adjustHeight;
+		$[14] = buffered.onChange;
+		$[15] = t11;
+	} else t11 = $[15];
+	const t12 = chain(otherProps.onBlur, buffered.reset);
+	let t13;
+	if ($[16] !== buffered.value || $[17] !== isDisabled || $[18] !== isReadOnly || $[19] !== isRequired || $[20] !== otherProps || $[21] !== t11 || $[22] !== t12) {
+		t13 = {
+			...otherProps,
+			value: t10,
+			isDisabled,
+			isReadOnly,
+			isRequired,
+			onChange: t11,
+			onBlur: t12,
+			inputElementType: "textarea"
+		};
+		$[16] = buffered.value;
+		$[17] = isDisabled;
+		$[18] = isReadOnly;
+		$[19] = isRequired;
+		$[20] = otherProps;
+		$[21] = t11;
+		$[22] = t12;
+		$[23] = t13;
+	} else t13 = $[23];
+	const { labelProps, inputProps } = useTextField(t13, inputRef);
+	let t14;
+	if ($[24] !== labelProps || $[25] !== userLabelProps) {
+		t14 = mergeProps$1(labelProps, userLabelProps);
+		$[24] = labelProps;
+		$[25] = userLabelProps;
+		$[26] = t14;
+	} else t14 = $[26];
+	const mergedLabelProps = t14;
+	let t15;
+	if ($[27] !== inputProps || $[28] !== userInputProps) {
+		t15 = mergeProps$1(inputProps, { "data-input-type": "textarea" }, userInputProps);
+		$[27] = inputProps;
+		$[28] = userInputProps;
+		$[29] = t15;
+	} else t15 = $[29];
+	let t16;
+	if ($[30] !== inputRef || $[31] !== isDisabled || $[32] !== isReadOnly || $[33] !== isRequired || $[34] !== mergedLabelProps || $[35] !== otherProps || $[36] !== ref || $[37] !== rows || $[38] !== t15) {
+		t16 = /* @__PURE__ */ jsx(TextInputBase, {
+			ref,
+			...otherProps,
+			multiLine: true,
+			inputRef,
+			labelProps: mergedLabelProps,
+			inputProps: t15,
+			isDisabled,
+			isReadOnly,
+			isRequired,
+			rows
+		});
+		$[30] = inputRef;
+		$[31] = isDisabled;
+		$[32] = isReadOnly;
+		$[33] = isRequired;
+		$[34] = mergedLabelProps;
+		$[35] = otherProps;
+		$[36] = ref;
+		$[37] = rows;
+		$[38] = t15;
+		$[39] = t16;
+	} else t16 = $[39];
+	return t16;
 }
 /**
 * TextInputs are text inputs that allow users to input custom text entries
 * with a keyboard. Various decorations can be displayed around the field to
 * communicate the entry requirements.
 */
+function _temp(t0) {
+	const { value, onChange } = t0;
+	return {
+		onChange,
+		value: value?.toString() ?? ""
+	};
+}
 const _TextArea = forwardRef(TextArea);
 _TextArea.cubeInputType = "Text";
 _TextArea.displayName = "TextArea";

package/dist/components/fields/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":["mergeProps"],"sources":["../../../../src/components/fields/TextArea/TextArea.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useRef } from 'react';\nimport { useTextField } from 'react-aria';\n\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { useFieldProps } from '../../form';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput';\nimport { useAutoSizeTextArea } from '../TextInput/useAutoSizeTextArea';\n\nimport type { FieldBaseProps } from '../../../shared/form';\n\nexport interface CubeTextAreaProps\n  extends CubeTextInputBaseProps,\n    CubeBufferedValueProps {\n  field?: FieldBaseProps<string | null | undefined>['field'];\n  /** Whether the textarea should change its size depends on the content */\n  autoSize?: boolean;\n  /** Max number of visible rows when autoSize is `true`. Defaults to 10  */\n  maxRows?: number;\n  /** The `rows` attribute in HTML is used to specify the number of visible text lines for the\n   * control i.e. the number of rows to display. Defaults to 3 */\n  rows?: number;\n}\n\nfunction TextArea(\n  props: WithNullableValue<CubeTextAreaProps>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  props = castNullableStringValue(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n  let {\n    autoSize = false,\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    maxRows = 10,\n    rows = 3,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    value,\n    isBuffered,\n    ...otherProps\n  } = props;\n\n  rows = Math.max(rows, 1);\n  maxRows = Math.max(maxRows, rows);\n\n  let localInputRef = useRef<HTMLTextAreaElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  const buffered = useBufferedValue(value, onChange, {\n    isBuffered,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const adjustHeight = useAutoSizeTextArea({\n    inputRef,\n    autoSize,\n    rows,\n    maxRows,\n    // Keyed on the rendered value, not the prop, so a buffered draft is measured.\n    value: buffered.value,\n  });\n\n  let { labelProps, inputProps } = useTextField(\n    {\n      ...otherProps,\n      value: buffered.value,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      onChange: chain(buffered.onChange, adjustHeight),\n      onBlur: chain(otherProps.onBlur, buffered.reset),\n      inputElementType: 'textarea',\n    },\n    inputRef,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      ref={ref}\n      {...otherProps}\n      multiLine\n      inputRef={inputRef}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'textarea' },\n        userInputProps,\n      )}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n      rows={rows}\n    />\n  );\n}\n\n/**\n * TextInputs are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _TextArea = forwardRef(TextArea);\n\n(_TextArea as any).cubeInputType = 'Text';\n_TextArea.displayName = 'TextArea';\n\nexport { _TextArea as TextArea };\n"],"mappings":";;;;;;;;;;;;;AA+BA,SAAS,SACP,OACA,KACA;AACA,SAAQ,wBAAwB,MAAM;AACtC,SAAQ,cAAc,OAAO;EAC3B,0BAA0B;EAC1B,mBAAmB,EAAE,OAAO,gBAAgB;GAC1C;GACA,OAAO,OAAO,UAAU,IAAI;GAC7B;EACF,CAAC;CACF,IAAI,EACF,WAAW,OACX,aAAa,OACb,aAAa,OACb,aAAa,OACb,UACA,UAAU,IACV,OAAO,GACP,YAAY,gBACZ,YAAY,gBACZ,UAAU,eACV,OACA,YACA,GAAG,eACD;AAEJ,QAAO,KAAK,IAAI,MAAM,EAAE;AACxB,WAAU,KAAK,IAAI,SAAS,KAAK;CAEjC,IAAI,gBAAgB,OAA4B,KAAK;CACrD,IAAI,WAAW,iBAAiB;CAGhC,MAAM,WAAW,iBAAiB,OAAO,UAAU;EACjD;EACA;EACA;EACD,CAAC;CAEF,MAAM,eAAe,oBAAoB;EACvC;EACA;EACA;EACA;EAEA,OAAO,SAAS;EACjB,CAAC;CAEF,IAAI,EAAE,YAAY,eAAe,aAC/B;EACE,GAAG;EACH,OAAO,SAAS;EAChB;EACA;EACA;EACA,UAAU,MAAM,SAAS,UAAU,aAAa;EAChD,QAAQ,MAAM,WAAW,QAAQ,SAAS,MAAM;EAChD,kBAAkB;EACnB,EACD,SACD;CAGD,MAAM,mBAAmBA,aAAW,YAAY,eAAe;AAE/D,QACE,oBAAC;EACM;EACL,GAAI;EACJ;EACU;EACV,YAAY;EACZ,YAAYA,aACV,YACA,EAAE,mBAAmB,YAAY,EACjC,eACD;EACW;EACA;EACA;EACN;GACN;;;;;;;AASN,MAAM,YAAY,WAAW,SAAS;AAEtC,AAAC,UAAkB,gBAAgB;AACnC,UAAU,cAAc"}
+{"version":3,"file":"TextArea.js","names":["ForwardedRef","forwardRef","useRef","useTextField","chain","mergeProps","useBufferedValue","castNullableStringValue","WithNullableValue","useFieldProps","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","useAutoSizeTextArea","FieldBaseProps","CubeTextAreaProps","field","autoSize","maxRows","rows","TextArea","props","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","t2","isDisabled","t3","isReadOnly","t4","isRequired","t5","onChange","onChange_0","t6","t7","labelProps","userLabelProps","inputProps","userInputProps","inputRef","propsInputRef","value","value_0","isBuffered","otherProps","undefined","Math","max","localInputRef","t8","buffered","t9","adjustHeight","t10","t11","t12","onBlur","reset","t13","inputElementType","t14","mergedLabelProps","t15","t16","toString","_TextArea","cubeInputType","displayName"],"sources":["../../../../src/components/fields/TextArea/TextArea.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useRef } from 'react';\nimport { useTextField } from 'react-aria';\n\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { useFieldProps } from '../../form';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput';\nimport { useAutoSizeTextArea } from '../TextInput/useAutoSizeTextArea';\n\nimport type { FieldBaseProps } from '../../../shared/form';\n\nexport interface CubeTextAreaProps\n  extends CubeTextInputBaseProps,\n    CubeBufferedValueProps {\n  field?: FieldBaseProps<string | null | undefined>['field'];\n  /** Whether the textarea should change its size depends on the content */\n  autoSize?: boolean;\n  /** Max number of visible rows when autoSize is `true`. Defaults to 10  */\n  maxRows?: number;\n  /** The `rows` attribute in HTML is used to specify the number of visible text lines for the\n   * control i.e. the number of rows to display. Defaults to 3 */\n  rows?: number;\n}\n\nfunction TextArea(\n  props: WithNullableValue<CubeTextAreaProps>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  props = castNullableStringValue(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n  let {\n    autoSize = false,\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    maxRows = 10,\n    rows = 3,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    value,\n    isBuffered,\n    ...otherProps\n  } = props;\n\n  rows = Math.max(rows, 1);\n  maxRows = Math.max(maxRows, rows);\n\n  let localInputRef = useRef<HTMLTextAreaElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  const buffered = useBufferedValue(value, onChange, {\n    isBuffered,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const adjustHeight = useAutoSizeTextArea({\n    inputRef,\n    autoSize,\n    rows,\n    maxRows,\n    // Keyed on the rendered value, not the prop, so a buffered draft is measured.\n    value: buffered.value,\n  });\n\n  let { labelProps, inputProps } = useTextField(\n    {\n      ...otherProps,\n      value: buffered.value,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      onChange: chain(buffered.onChange, adjustHeight),\n      onBlur: chain(otherProps.onBlur, buffered.reset),\n      inputElementType: 'textarea',\n    },\n    inputRef,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      ref={ref}\n      {...otherProps}\n      multiLine\n      inputRef={inputRef}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'textarea' },\n        userInputProps,\n      )}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n      rows={rows}\n    />\n  );\n}\n\n/**\n * TextInputs are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _TextArea = forwardRef(TextArea);\n\n(_TextArea as any).cubeInputType = 'Text';\n_TextArea.displayName = 'TextArea';\n\nexport { _TextArea as TextArea };\n"],"mappings":"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"}