@app-studio/web 0.3.58 → 0.3.59

package/dist/web.cjs.development.js

@@ -4118,7 +4118,7 @@ var SliderPadding = {
   }
 };
 
-var _excluded$s = ["id", "name", "inActiveChild", "activeChild", "shadow", "size", "colorScheme", "on", "isHovered", "isChecked", "isDisabled", "isReadOnly", "onChange", "onValueChange", "setOn", "setIsHovered", "styles"];
+var _excluded$s = ["id", "name", "inActiveChild", "activeChild", "shadow", "size", "colorScheme", "value", "isHovered", "isDisabled", "isReadOnly", "onChange", "setValue", "setIsHovered", "styles"];
 var SwitchContent = function SwitchContent(props) {
   return React__default.createElement(appStudio.Input, Object.assign({
     type: "checkbox"
@@ -4135,8 +4135,8 @@ var SwitchView = function SwitchView(_ref) {
     size = _ref$size === void 0 ? 'sm' : _ref$size,
     _ref$colorScheme = _ref.colorScheme,
     colorScheme = _ref$colorScheme === void 0 ? 'theme.primary' : _ref$colorScheme,
-    _ref$on = _ref.on,
-    on = _ref$on === void 0 ? false : _ref$on,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? false : _ref$value,
     _ref$isHovered = _ref.isHovered,
     isHovered = _ref$isHovered === void 0 ? false : _ref$isHovered,
     _ref$isDisabled = _ref.isDisabled,
@@ -4144,9 +4144,8 @@ var SwitchView = function SwitchView(_ref) {
     _ref$isReadOnly = _ref.isReadOnly,
     isReadOnly = _ref$isReadOnly === void 0 ? false : _ref$isReadOnly,
     onChange = _ref.onChange,
-    onValueChange = _ref.onValueChange,
-    _ref$setOn = _ref.setOn,
-    setOn = _ref$setOn === void 0 ? function () {} : _ref$setOn,
+    _ref$setValue = _ref.setValue,
+    setValue = _ref$setValue === void 0 ? function () {} : _ref$setValue,
     _ref$setIsHovered = _ref.setIsHovered,
     setIsHovered = _ref$setIsHovered === void 0 ? function () {} : _ref$setIsHovered,
     _ref$styles = _ref.styles,
@@ -4157,7 +4156,7 @@ var SwitchView = function SwitchView(_ref) {
     props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
   var handleToggle = function handleToggle(event) {
     if (!isReadOnly) {
-      setOn(!on);
+      setValue(!value);
       if (onChange) onChange(event.target.checked);
     }
   };
@@ -4174,26 +4173,24 @@ var SwitchView = function SwitchView(_ref) {
     opacity: 0,
     width: 0,
     height: 0,
-    checked: on,
+    checked: value,
     onChange: handleToggle,
     disabled: isDisabled,
     readOnly: isReadOnly
-  }, onValueChange && {
-    onValueChange: handleToggle
   }, props)), React__default.createElement(View, Object.assign({
     display: "flex",
     cursor: "pointer",
     alignItems: "center",
     borderRadius: 24,
     marginBottom: 5,
-    filter: isHovered && on ? 'brightness(0.9)' : 'brightness(1)',
+    filter: isHovered && value ? 'brightness(0.9)' : 'brightness(1)',
     transition: "justify-content 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-    backgroundColor: isDisabled ? 'disabled' : on ? colorScheme : 'lightgray',
-    justifyContent: activeChild ? 'space-between' : on ? 'flex-end' : 'flex-start'
-  }, shadow, SliderPadding[size], SliderSizes[size], styles['slider']), activeChild && on && React__default.createElement(View, null, activeChild), React__default.createElement(View, Object.assign({
+    backgroundColor: isDisabled ? 'disabled' : value ? colorScheme : 'lightgray',
+    justifyContent: activeChild ? 'space-between' : value ? 'flex-end' : 'flex-start'
+  }, shadow, SliderPadding[size], SliderSizes[size], styles['slider']), activeChild && value && React__default.createElement(View, null, activeChild), React__default.createElement(View, Object.assign({
     borderRadius: "50%",
     backgroundColor: "white"
-  }, KnobSizes[size], styles['circle'])), inActiveChild && !on && React__default.createElement(View, null, inActiveChild)));
+  }, KnobSizes[size], styles['circle'])), inActiveChild && !value && React__default.createElement(View, null, inActiveChild)));
 };
 
 var SwitchComponent = function SwitchComponent(props) {
@@ -4578,12 +4575,8 @@ var SelectComponent$1 = function SelectComponent(props) {
  */
 var FormikSelect = SelectComponent$1;
 
-var _excluded$w = ["value"];
 var SwitchComponent$1 = function SwitchComponent(props) {
-  var _useFormikInput = useFormikInput(props),
-    value = _useFormikInput.value,
-    formProps = _objectWithoutPropertiesLoose(_useFormikInput, _excluded$w);
-  formProps.isChecked = value;
+  var formProps = useFormikInput(props);
   var switchStates = useSwitchState(props);
   return React__default.createElement(SwitchView, Object.assign({}, switchStates, formProps));
 };
@@ -4599,11 +4592,11 @@ var TextAreaComponent$1 = function TextAreaComponent(props) {
  */
 var FormikTextArea = TextAreaComponent$1;
 
-var _excluded$x = ["value"];
+var _excluded$w = ["value"];
 var TextFieldComponent$1 = function TextFieldComponent(props) {
   var formProps = useFormikInput(props);
   var _useTextFieldState = useTextFieldState(props),
-    textFieldStates = _objectWithoutPropertiesLoose(_useTextFieldState, _excluded$x);
+    textFieldStates = _objectWithoutPropertiesLoose(_useTextFieldState, _excluded$w);
   return React__default.createElement(TextFieldView, Object.assign({}, textFieldStates, formProps));
 };
 /**
@@ -4611,7 +4604,7 @@ var TextFieldComponent$1 = function TextFieldComponent(props) {
  */
 var FormikTextField = TextFieldComponent$1;
 
-var _excluded$y = ["visibleIcon", "hiddenIcon"],
+var _excluded$x = ["visibleIcon", "hiddenIcon"],
   _excluded2$3 = ["isVisible", "setIsVisible"];
 var PasswordComponent$1 = function PasswordComponent(_ref) {
   var _ref$visibleIcon = _ref.visibleIcon,
@@ -4622,7 +4615,7 @@ var PasswordComponent$1 = function PasswordComponent(_ref) {
     hiddenIcon = _ref$hiddenIcon === void 0 ? React__default.createElement(CloseEyeSvg, {
       size: 14
     }) : _ref$hiddenIcon,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$x);
   var formProps = useFormikInput(props);
   var _usePasswordState = usePasswordState(formProps),
     isVisible = _usePasswordState.isVisible,
@@ -4730,7 +4723,7 @@ var HeaderIconSizes = {
   xl: 28
 };
 
-var _excluded$z = ["children", "blur", "isOpen", "isClosePrevented", "onClose", "position"],
+var _excluded$y = ["children", "blur", "isOpen", "isClosePrevented", "onClose", "position"],
   _excluded2$4 = ["children", "shadow", "isFullScreen", "shape"],
   _excluded3$2 = ["children", "buttonColor", "iconSize", "buttonPosition"],
   _excluded4$2 = ["children"],
@@ -4746,7 +4739,7 @@ var ModalOverlay = function ModalOverlay(_ref) {
     onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose,
     _ref$position = _ref.position,
     position = _ref$position === void 0 ? 'center' : _ref$position,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$y);
   var handleClick = function handleClick() {
     if (!isClosePrevented) onClose();
   };
@@ -4902,12 +4895,12 @@ Modal.Body = ModalBody;
 Modal.Footer = ModalFooter;
 Modal.Layout = ModalLayout;
 
-var _excluded$A = ["src", "color"],
+var _excluded$z = ["src", "color"],
   _excluded2$5 = ["path"];
 var FileSVG = function FileSVG(_ref) {
   var src = _ref.src,
     color = _ref.color,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$z);
   var _useTheme = appStudio.useTheme(),
     getColor = _useTheme.getColor;
   var Colorprops = color ? {