@appquality/unguess-design-system 2.11.13 → 2.11.16

package/CHANGELOG.md

@@ -1,3 +1,42 @@
+# v2.11.16 (Tue Sep 13 2022)
+
+#### ⚠️ Pushed to `master`
+
+- Merge branch 'master' of github.com:AppQuality/unguess-design-system ([@cannarocks](https://github.com/cannarocks))
+- refactor(toggle-input): update text size prop ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
+# v2.11.15 (Mon Sep 12 2022)
+
+#### ⚠️ Pushed to `master`
+
+- Merge branch 'master' of github.com:AppQuality/unguess-design-system ([@cannarocks](https://github.com/cannarocks))
+- minor fix ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
+# v2.11.14 (Mon Sep 12 2022)
+
+#### ⚠️ Pushed to `master`
+
+- Merge branch 'master' of github.com:AppQuality/unguess-design-system ([@cannarocks](https://github.com/cannarocks))
+- fix(input-toggle): fix initialFocus props ignored ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
 # v2.11.13 (Mon Sep 12 2022)
 
 #### 🐛 Bug Fix

package/build/index.js

@@ -1571,10 +1571,15 @@ var InputToggle = function (_a) {
         setIsEditing(true);
         (_a = container.current) === null || _a === void 0 ? void 0 : _a.focus();
     };
+    React.useEffect(function () {
+        if (isFocused) {
+            handleClick();
+        }
+    }, []);
     return (jsxRuntime.jsx(ToggleContext.Provider, __assign({ value: context }, { children: jsxRuntime.jsx(Wrapper, __assign({ ref: container, onClick: handleClick, onBlur: function () { return setIsEditing(false); } }, props)) })));
 };
 var InputItem = function (props) {
-    var _a = props.placeholder, placeholder = _a === void 0 ? "Insert a value" : _a, value = props.value, style = props.style, _b = props.size, size = _b === void 0 ? 22 : _b;
+    var _a = props.placeholder, placeholder = _a === void 0 ? "Insert a value" : _a, value = props.value, style = props.style, _b = props.textSize, textSize = _b === void 0 ? '22px' : _b;
     var _c = React.useState(), input = _c[0], setInput = _c[1];
     var isEditing = React.useContext(ToggleContext).isEditing;
     React.useEffect(function () {
@@ -1582,7 +1587,7 @@ var InputItem = function (props) {
             input.focus();
         }
     }, [isEditing, input]);
-    return isEditing ? (jsxRuntime.jsx(StyledInput, __assign({ ref: setInput }, props, { style: __assign({ fontSize: "".concat(size, "px"), fontWeight: 500 }, style) }))) : (jsxRuntime.jsxs(StyledText$1, __assign({ isBold: true }, { children: [!value ? placeholder : value, " ", jsxRuntime.jsx(SvgNotesStroke, {})] })));
+    return isEditing ? (jsxRuntime.jsx(StyledInput, __assign({ ref: setInput }, props, { style: __assign({ fontSize: textSize, fontWeight: 500 }, style) }))) : (jsxRuntime.jsxs(StyledText$1, __assign({ isBold: true, style: __assign({ fontSize: textSize, fontWeight: 500 }, style) }, { children: [!value ? placeholder : value, " ", jsxRuntime.jsx(SvgNotesStroke, {})] })));
 };
 InputToggle.Item = InputItem;
 InputToggle.Label = StyledLabel;

package/build/stories/forms/input-toggle/_types.d.ts

@@ -5,7 +5,7 @@ export interface InputToggleArgs extends IInputProps {
     /** Applies validation state styling */
     validation?: 'success' | 'warning' | 'error';
     /** Sets input size */
-    size?: number;
+    textSize?: string;
     /** Sets the initial focus */
     isFocused?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.11.13",
+  "version": "2.11.16",
   "dependencies": {
     "@tiptap/extension-bubble-menu": "^2.0.0-beta.61",
     "@tiptap/extension-character-count": "^2.0.0-beta.31",