@dust-tt/sparkle 0.2.131 → 0.2.133-rc

package/dist/cjs/index.js

@@ -52628,7 +52628,7 @@ function _defineProperty(obj, key, value) {
   }
   return obj;
 }
-function _objectWithoutPropertiesLoose(source, excluded) {
+function _objectWithoutPropertiesLoose$1(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
@@ -52642,7 +52642,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 }
 function _objectWithoutProperties(source, excluded) {
   if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var target = _objectWithoutPropertiesLoose$1(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -53155,12 +53155,12 @@ var useLottieInteractivity = function useLottieInteractivity(_ref4) {
   return View;
 };
 
-var _excluded = ["style", "interactivity"];
+var _excluded$2 = ["style", "interactivity"];
 var Lottie = function Lottie(props) {
   var _a, _b, _c;
   var style = props.style,
     interactivity = props.interactivity,
-    lottieProps = _objectWithoutProperties(props, _excluded);
+    lottieProps = _objectWithoutProperties(props, _excluded$2);
   /**
    * Initialize the 'useLottie' hook
    */
@@ -55264,18 +55264,88 @@ function FilterChips(_a) {
     return (React.createElement("div", { className: "s-flex s-flex-row s-flex-wrap s-gap-2" }, filters.map(function (filterName) { return (React.createElement(Button, { label: filterName, variant: selectedFilter === filterName ? "primary" : "tertiary", key: filterName, size: "xs", hasMagnifying: false, onClick: function () { return handleFilterClick(filterName); } })); })));
 }
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+var updateRef = function updateRef(ref, value) {
+  if (typeof ref === 'function') {
+    ref(value);
+    return;
+  }
+  ref.current = value;
+};
+
+var useComposedRef = function useComposedRef(libRef, userRef) {
+  var prevUserRef = React.useRef();
+  return React.useCallback(function (instance) {
+    libRef.current = instance;
+
+    if (prevUserRef.current) {
+      updateRef(prevUserRef.current, null);
+    }
+
+    prevUserRef.current = userRef;
+
+    if (!userRef) {
+      return;
+    }
+
+    updateRef(userRef, instance);
+  }, [userRef]);
+};
+
+var noop = function noop() {};
+
+var _excluded = ["cacheMeasurements", "maxRows", "minRows", "onChange", "onHeightChange"];
+var TextareaAutosize = function TextareaAutosize(_ref, userRef) {
+  _ref.cacheMeasurements;
+    _ref.maxRows;
+    _ref.minRows;
+    var _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? noop : _ref$onChange;
+    _ref.onHeightChange;
+    var props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  props.value !== undefined;
+  var libRef = React__namespace.useRef(null);
+  var ref = useComposedRef(libRef, userRef);
+  React__namespace.useRef(0);
+  React__namespace.useRef();
+  return /*#__PURE__*/React__namespace.createElement("textarea", _extends({}, props, {
+    onChange: onChange,
+    ref: ref
+  }));
+};
+var index$3 = /* #__PURE__ */React__namespace.forwardRef(TextareaAutosize);
+
 function TextArea(_a) {
     var placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, error = _a.error, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, className = _a.className;
-    var textareaRef = React.useRef(null);
-    React.useEffect(function () {
-        var textarea = textareaRef.current;
-        if (textarea) {
-            textarea.style.height = "auto"; // Reset height to recalculate
-            textarea.style.height = "".concat(textarea.scrollHeight, "px"); // Set to scroll height
-        }
-    }, [value]); // Re-run when value changes
     return (React.createElement("div", { className: "s-flex s-flex-col s-gap-1 s-p-px" },
-        React.createElement("textarea", { ref: textareaRef, className: classNames("s-min-h-60 overflow-y-auto s-block s-w-full s-min-w-0 s-rounded-xl s-text-sm s-transition-all s-duration-200 s-scrollbar-hide", !error
+        React.createElement(index$3, { className: classNames("overflow-y-auto s-block s-min-h-60 s-w-full s-min-w-0 s-rounded-xl s-text-sm s-transition-all s-duration-200 s-scrollbar-hide", !error
                 ? "s-border-structure-100 focus:s-border-action-300 focus:s-ring-action-300"
                 : "s-border-red-500 focus:s-border-red-500 focus:s-ring-red-500", "s-border-structure-200 s-bg-structure-50", "s-resize-y", className !== null && className !== void 0 ? className : ""), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {
                 onChange(e.target.value);