@spaced-out/ui-design-system 0.3.10 → 0.3.12

package/.cspell/custom-words.txt

@@ -33,6 +33,7 @@ drilldown
 Drilldown
 dropzone
 Dumont
+EBITDA
 Efate
 Enderbury
 eqeqeq
@@ -43,6 +44,7 @@ flowtype
 fontawesome
 framename
 Gaurav
+Heatmaps
 highcharts
 Hovd
 innerref

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.3.12](https://github.com/spaced-out/ui-design-system/compare/v0.3.11...v0.3.12) (2024-12-18)
+
+
+### Bug Fixes
+
+* ai-components ([#307](https://github.com/spaced-out/ui-design-system/issues/307)) ([0ebf223](https://github.com/spaced-out/ui-design-system/commit/0ebf223719c8413a4c99e782be232f654cd2e637))
+* promptinput bug fix on height ([4c8b116](https://github.com/spaced-out/ui-design-system/commit/4c8b116543348da082b327e04536466ff96d2835))
+* some random prompting magic ([317d296](https://github.com/spaced-out/ui-design-system/commit/317d296cfebad106951153b5b34bf6a03c60a216))
+* tidy up the states ([27e4678](https://github.com/spaced-out/ui-design-system/commit/27e4678061cf3563db22d865ddc9fd63d0932977))
+
+### [0.3.11](https://github.com/spaced-out/ui-design-system/compare/v0.3.10...v0.3.11) (2024-12-18)
+
+
+### Bug Fixes
+
+* ai prompt style fixes ([1af84dd](https://github.com/spaced-out/ui-design-system/commit/1af84dd1cd14cf105a9688ab76e1aa641793295c))
+* bug fixes in separator ([#306](https://github.com/spaced-out/ui-design-system/issues/306)) ([115b1da](https://github.com/spaced-out/ui-design-system/commit/115b1dad44e0e2b349a1e8f044e68aec20ef31b7))
+
 ### [0.3.10](https://github.com/spaced-out/ui-design-system/compare/v0.3.9...v0.3.10) (2024-12-17)
 
 

package/lib/components/PromptInput/PromptInput.js

@@ -53,16 +53,21 @@ const PromptInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   const handleInput = () => {
     const textarea = textareaRef.current;
     if (textarea) {
-      textarea.style.height = 'auto';
+      textarea.style.height = 'auto'; // Reset height to auto to shrink
       if (textarea.scrollHeight > parseInt(_size.size200)) {
-        textarea.style.height = _size.size200;
+        textarea.style.height = _size.size200; // Limit height to size200
         textarea.style.overflowY = 'auto';
       } else {
-        textarea.style.height = `${textarea.scrollHeight}px`;
+        textarea.style.height = `${textarea.scrollHeight}px`; // Adjust to content height
         textarea.style.overflowY = 'hidden';
       }
     }
   };
+
+  // Reset height on value change
+  React.useEffect(() => {
+    handleInput();
+  }, [value]);
   const textCountError = React.useMemo(() => {
     const charCount = value ? value.length : 0;
     return textCountLimit != null && charCount > textCountLimit;
@@ -81,7 +86,6 @@ const PromptInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       textarea: (0, _classify.default)(_PromptInputModule.default.textarea, classNames?.textarea)
     },
     ref: textareaRef,
-    onInput: handleInput,
     value: value,
     onChange: onInputChange,
     onFocus: onInputFocus,

package/lib/components/PromptInput/PromptInput.js.flow

@@ -102,17 +102,22 @@ export const PromptInput: React$AbstractComponent<
     const handleInput = () => {
       const textarea = textareaRef.current;
       if (textarea) {
-        textarea.style.height = 'auto';
+        textarea.style.height = 'auto'; // Reset height to auto to shrink
         if (textarea.scrollHeight > parseInt(size200)) {
-          textarea.style.height = size200;
+          textarea.style.height = size200; // Limit height to size200
           textarea.style.overflowY = 'auto';
         } else {
-          textarea.style.height = `${textarea.scrollHeight}px`;
+          textarea.style.height = `${textarea.scrollHeight}px`; // Adjust to content height
           textarea.style.overflowY = 'hidden';
         }
       }
     };
 
+    // Reset height on value change
+    React.useEffect(() => {
+      handleInput();
+    }, [value]);
+
     const textCountError = React.useMemo(() => {
       const charCount = value ? value.length : 0;
       return textCountLimit != null && charCount > textCountLimit;
@@ -135,7 +140,6 @@ export const PromptInput: React$AbstractComponent<
               textarea: classify(css.textarea, classNames?.textarea),
             }}
             ref={textareaRef}
-            onInput={handleInput}
             value={value}
             onChange={onInputChange}
             onFocus={onInputFocus}

package/lib/components/PromptInput/PromptInput.module.css

@@ -43,6 +43,7 @@
 .textarea {
   width: sizeFluid;
   max-height: size200;
+  min-height: 100%;
 }
 
 .secondaryRow {

package/lib/components/Separator/Separator.js

@@ -28,8 +28,8 @@ const Separator = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   const resolvedWidth = width || (orientation === ORIENTATION.vertical ? _size.size2 : 'auto');
   const resolvedHeight = height || (orientation === ORIENTATION.horizontal ? _size.size2 : 'auto');
   const style = {
-    '--separator-width': orientation === ORIENTATION.vertical ? resolvedWidth : 'auto',
-    '--separator-height': orientation === ORIENTATION.horizontal ? resolvedHeight : 'auto'
+    '--separator-width': resolvedWidth,
+    '--separator-height': resolvedHeight
   };
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,

package/lib/components/Separator/Separator.js.flow

@@ -44,10 +44,8 @@ export const Separator: React$AbstractComponent<
       height || (orientation === ORIENTATION.horizontal ? size2 : 'auto');
 
     const style = {
-      '--separator-width':
-        orientation === ORIENTATION.vertical ? resolvedWidth : 'auto',
-      '--separator-height':
-        orientation === ORIENTATION.horizontal ? resolvedHeight : 'auto',
+      '--separator-width': resolvedWidth,
+      '--separator-height': resolvedHeight,
     };
 
     return (

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.3.10",
+  "version": "0.3.12",
   "main": "index.js",
   "description": "Sense UI components library",
   "author": {