impact-ui 4.0.6 → 4.0.7-alpha.2

package/dist/components/TableOld/tableFunctions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tableFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/tableFunctions.tsx"],"names":[],"mappings":"AAoDA,eAAO,MAAM,oBAAoB,GAAI,WAAM,SAQ1C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,WAAM,EAAE,aAAQ,SAK5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,WAAM,SAK9C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAU,EAAE,WAAM,EAAE,QAAG,SAM/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsItC,CAAC;AA0BF,eAAO,MAAM,OAAO,mFA26ClB,CAAC;AAEH,eAAO,MAAM,yBAAyB,GAAI,iBAAY,WAgBrD,CAAC"}
+{"version":3,"file":"tableFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/tableFunctions.tsx"],"names":[],"mappings":"AAoDA,eAAO,MAAM,oBAAoB,GAAI,WAAM,SAQ1C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,WAAM,EAAE,aAAQ,SAK5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,WAAM,SAK9C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAU,EAAE,WAAM,EAAE,QAAG,SAM/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsItC,CAAC;AAiEF,eAAO,MAAM,OAAO,mFA0xClB,CAAC;AAEH,eAAO,MAAM,yBAAyB,GAAI,iBAAY,WAgBrD,CAAC"}

package/dist/components/TableOld/tableFunctions.js

@@ -182,6 +182,34 @@ const getMainMenuItems = (params) => {
   });
   return columnMenuItems;
 };
+const filterColumnsByText = (columns, searchText) => {
+  if (!searchText) return columns;
+  return columns.map((column) => {
+    var _a;
+    const matches = (_a = column.headerName) == null ? void 0 : _a.toLowerCase().includes(searchText);
+    if (matches) {
+      return {
+        ...column,
+        isVisible: column.isVisible
+      };
+    }
+    const filteredChildren = column.children ? filterColumnsByText(column.children, searchText) : null;
+    if ((filteredChildren == null ? void 0 : filteredChildren.length) > 0) {
+      return {
+        ...column,
+        children: filteredChildren,
+        isVisible: column.isVisible
+      };
+    }
+    return null;
+  }).filter(Boolean);
+};
+const isColumnTreeVisible = (columns) => columns.some(
+  (column) => {
+    var _a;
+    return ((_a = column.children) == null ? void 0 : _a.length) > 0 ? isColumnTreeVisible(column.children) : column.isVisible;
+  }
+);
 const SortableColumnItem = ({ column, level, renderFn, dragIconClass, onToggle, ...props }) => {
   const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
     id: column.colId
@@ -237,6 +265,7 @@ const Columns = forwardRef((props, ref) => {
   const [deleteView, setDeleteView] = useState(null);
   const [selectedView, setSelectedView] = useState(null);
   const isColumnPinnedRef = useRef(false);
+  const searchTextRef = useRef("");
   useEffect(() => {
     const views = props.savedViewsOptions ?? [];
     setSavedViewsOptions(views);
@@ -324,10 +353,11 @@ const Columns = forwardRef((props, ref) => {
       },
       { frozColumn: [], scrollColumn: [] }
     );
+    const activeSearchText = searchTextRef.current;
     setFrozenColumn(frozColumn);
-    setFilteredFrozenColumns(frozColumn);
+    setFilteredFrozenColumns(filterColumnsByText(frozColumn, activeSearchText));
     setScrollableColumn(scrollColumn);
-    setFilteredScrollableColumns(scrollColumn);
+    setFilteredScrollableColumns(filterColumnsByText(scrollColumn, activeSearchText));
   }, [getColumnDefs, ref, props.column, t]);
   const debouncedUpdateColumnState = useMemo(
     () => debounce(updateColumnState, 100),
@@ -377,131 +407,62 @@ const Columns = forwardRef((props, ref) => {
   }, [filteredFrozenColumns, filteredScrollableColumns]);
   const handleSearchChange = (e) => {
     const searchText2 = e.target.value.toLowerCase();
-    const filterColumns = (columns, searchText3) => {
-      return columns.map((column) => {
-        const matches = column.headerName.toLowerCase().includes(searchText3);
-        const filteredChildren = column.children ? filterColumns(column.children, searchText3) : null;
-        if (matches || (filteredChildren == null ? void 0 : filteredChildren.length) > 0) {
-          return {
-            ...column,
-            children: filteredChildren,
-            isVisible: column.isVisible
-          };
-        }
-        return null;
-      }).filter(Boolean);
-    };
-    const filteredFrozenColumns2 = filterColumns(frozenColumn, searchText2);
-    const filteredScrollableColumns2 = filterColumns(scrollableColumn, searchText2);
+    searchTextRef.current = searchText2;
     setSearchText(searchText2);
-    setFilteredFrozenColumns(filteredFrozenColumns2);
-    setFilteredScrollableColumns(filteredScrollableColumns2);
+    setFilteredFrozenColumns(filterColumnsByText(frozenColumn, searchText2));
+    setFilteredScrollableColumns(filterColumnsByText(scrollableColumn, searchText2));
   };
   useEffect(() => {
-    const isAnyScrollableColumnVisible = filteredScrollableColumns.some((column) => {
-      if (column.children) {
-        return column.children.some((child) => child.isVisible);
-      }
-      return column.isVisible;
-    });
-    const isAnyFrozenColumnVisible = filteredFrozenColumns.some((column) => {
-      if (column.children) {
-        return column.children.some((child) => child.isVisible);
-      }
-      return column.isVisible;
-    });
+    const isAnyScrollableColumnVisible = isColumnTreeVisible(filteredScrollableColumns);
+    const isAnyFrozenColumnVisible = isColumnTreeVisible(filteredFrozenColumns);
     setMainChecked(isAnyScrollableColumnVisible);
     setAllColumnvisisbility(isAnyFrozenColumnVisible || isAnyScrollableColumnVisible);
   }, [filteredFrozenColumns, filteredScrollableColumns]);
-  const toggleColumnVisibilityFrozen = (colId) => {
-    const updateChildrenVisibility = (columns, parentVisibility = null) => columns.map((column) => {
-      var _a2, _b2;
-      const updatedChildren = column.children ? updateChildrenVisibility(column.children, parentVisibility) : null;
-      (_b2 = (_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.columnApi) == null ? void 0 : _b2.setColumnVisible(column.colId, parentVisibility);
-      return {
-        ...column,
-        isVisible: parentVisibility,
-        children: updatedChildren
-      };
-    });
-    const updateVisibility = (columns, parentVisibility = null) => columns.map((column) => {
-      var _a2, _b2, _c2, _d2;
+  const setSubtreeVisibility = (columns, visibility) => columns.map((column) => {
+    var _a2, _b2, _c2;
+    (_b2 = (_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.columnApi) == null ? void 0 : _b2.setColumnVisible(column.colId, visibility);
+    return {
+      ...column,
+      isVisible: visibility,
+      children: ((_c2 = column.children) == null ? void 0 : _c2.length) > 0 ? setSubtreeVisibility(column.children, visibility) : column.children
+    };
+  });
+  const applyVisibilityToggle = (columns, colId) => {
+    let changed = false;
+    const updated = columns.map((column) => {
+      var _a2, _b2, _c2, _d2, _e2, _f2;
+      if (changed) return column;
       if (column.colId === colId) {
-        const newVisibility = parentVisibility !== null ? parentVisibility : !column.isVisible;
-        const updatedChildren = column.children ? updateChildrenVisibility(column.children, newVisibility) : null;
+        changed = true;
+        const newVisibility = !column.isVisible;
         (_b2 = (_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.columnApi) == null ? void 0 : _b2.setColumnVisible(column.colId, newVisibility);
         return {
           ...column,
           isVisible: newVisibility,
-          children: updatedChildren
+          children: ((_c2 = column.children) == null ? void 0 : _c2.length) > 0 ? setSubtreeVisibility(column.children, newVisibility) : column.children
         };
       }
-      if (column.children) {
-        const updatedChildren = updateVisibility(column.children);
-        const isAnyChildVisible = updatedChildren.some((child) => child.isVisible);
-        (_d2 = (_c2 = ref == null ? void 0 : ref.current) == null ? void 0 : _c2.columnApi) == null ? void 0 : _d2.setColumnVisible(column.colId, isAnyChildVisible);
-        return {
-          ...column,
-          isVisible: isAnyChildVisible,
-          children: updatedChildren
-        };
+      if (((_d2 = column.children) == null ? void 0 : _d2.length) > 0) {
+        const result = applyVisibilityToggle(column.children, colId);
+        if (!result.changed) return column;
+        changed = true;
+        const isAnyChildVisible = isColumnTreeVisible(result.columns);
+        (_f2 = (_e2 = ref == null ? void 0 : ref.current) == null ? void 0 : _e2.columnApi) == null ? void 0 : _f2.setColumnVisible(column.colId, isAnyChildVisible);
+        return { ...column, isVisible: isAnyChildVisible, children: result.columns };
       }
       return column;
     });
-    const updatedColumns = updateVisibility(filteredFrozenColumns);
-    setFilteredFrozenColumns(updatedColumns);
-    setFrozenColumn((prev) => {
-      const updatedMap = Object.fromEntries(updatedColumns.map((col) => [col.colId, col]));
-      const merged = prev.map((col) => updatedMap[col.colId] ? updatedMap[col.colId] : col);
-      const prevColIds = new Set(prev.map((col) => col.colId));
-      const newCols = updatedColumns.filter((col) => !prevColIds.has(col.colId));
-      return [...merged, ...newCols];
-    });
+    return { columns: updated, changed };
+  };
+  const toggleColumnVisibilityFrozen = (colId) => {
+    const { columns } = applyVisibilityToggle(frozenColumn, colId);
+    setFrozenColumn(columns);
+    setFilteredFrozenColumns(filterColumnsByText(columns, searchTextRef.current));
   };
   const toggleColumnVisibilityScroll = (colId) => {
-    const updateChildrenVisibility = (columns, parentVisibility = null) => columns.map((column) => {
-      var _a2, _b2;
-      const updatedChildren = column.children ? updateChildrenVisibility(column.children, parentVisibility) : null;
-      (_b2 = (_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.columnApi) == null ? void 0 : _b2.setColumnVisible(column.colId, parentVisibility);
-      return {
-        ...column,
-        isVisible: parentVisibility,
-        children: updatedChildren
-      };
-    });
-    const updateVisibility = (columns, parentVisibility = null) => columns.map((column) => {
-      var _a2, _b2, _c2, _d2;
-      if (column.colId === colId) {
-        const newVisibility = parentVisibility !== null ? parentVisibility : !column.isVisible;
-        const updatedChildren = column.children ? updateChildrenVisibility(column.children, newVisibility) : null;
-        (_b2 = (_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.columnApi) == null ? void 0 : _b2.setColumnVisible(column.colId, newVisibility);
-        return {
-          ...column,
-          isVisible: newVisibility,
-          children: updatedChildren
-        };
-      }
-      if (column.children) {
-        const updatedChildren = updateVisibility(column.children);
-        const isAnyChildVisible = updatedChildren.some((child) => child.isVisible);
-        (_d2 = (_c2 = ref == null ? void 0 : ref.current) == null ? void 0 : _c2.columnApi) == null ? void 0 : _d2.setColumnVisible(column.colId, isAnyChildVisible);
-        return {
-          ...column,
-          isVisible: isAnyChildVisible,
-          children: updatedChildren
-        };
-      }
-      return column;
-    });
-    const updatedColumns = updateVisibility(filteredScrollableColumns);
-    setFilteredScrollableColumns(updatedColumns);
-    setScrollableColumn((prev) => {
-      const updatedMap = Object.fromEntries(updatedColumns.map((col) => [col.colId, col]));
-      const merged = prev.map((col) => updatedMap[col.colId] ? updatedMap[col.colId] : col);
-      const prevColIds = new Set(prev.map((col) => col.colId));
-      const newCols = updatedColumns.filter((col) => !prevColIds.has(col.colId));
-      return [...merged, ...newCols];
-    });
+    const { columns } = applyVisibilityToggle(scrollableColumn, colId);
+    setScrollableColumn(columns);
+    setFilteredScrollableColumns(filterColumnsByText(columns, searchTextRef.current));
   };
   const toggleScrollableCollapse = (e) => {
     e.stopPropagation();
@@ -511,75 +472,45 @@ const Columns = forwardRef((props, ref) => {
     e.stopPropagation();
     setCollapsedcolumn(!collapsedColumn);
   };
+  const applyBulkVisibility = (columns, visibility, allowedIds) => columns.map((column) => {
+    var _a2, _b2, _c2, _d2, _e2;
+    const isAllowed = !allowedIds || allowedIds.has(column.colId);
+    if (((_a2 = column.children) == null ? void 0 : _a2.length) > 0) {
+      const children = applyBulkVisibility(
+        column.children,
+        visibility,
+        isAllowed ? null : allowedIds
+      );
+      const isAnyChildVisible = isColumnTreeVisible(children);
+      (_c2 = (_b2 = ref == null ? void 0 : ref.current) == null ? void 0 : _b2.columnApi) == null ? void 0 : _c2.setColumnVisible(column.colId, isAnyChildVisible);
+      return { ...column, isVisible: isAnyChildVisible, children };
+    }
+    if (!isAllowed) return column;
+    (_e2 = (_d2 = ref == null ? void 0 : ref.current) == null ? void 0 : _d2.columnApi) == null ? void 0 : _e2.setColumnVisible(column.colId, visibility);
+    return { ...column, isVisible: visibility };
+  });
   const onMainCheckboxChange = () => {
-    setMainChecked((prev) => !prev);
-    const updateVisibility = (columns, visibility) => {
-      return columns.map((column) => {
-        var _a2, _b2;
-        (_b2 = (_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.columnApi) == null ? void 0 : _b2.setColumnVisible(column.colId, visibility);
-        if (column.children) {
-          updateVisibility(column.children, visibility);
-        }
-        return {
-          ...column,
-          isVisible: visibility,
-          children: column.children ? updateVisibility(column.children, visibility) : null
-        };
-      });
-    };
-    const updatedColumns = updateVisibility(filteredScrollableColumns, !mainChecked);
-    setFilteredScrollableColumns(updatedColumns);
-    setScrollableColumn((prev) => {
-      const updatedMap = Object.fromEntries(updatedColumns.map((col) => [col.colId, col]));
-      const merged = prev.map((col) => updatedMap[col.colId] ? updatedMap[col.colId] : col);
-      const prevColIds = new Set(prev.map((col) => col.colId));
-      const newCols = updatedColumns.filter((col) => !prevColIds.has(col.colId));
-      return [...merged, ...newCols];
-    });
+    const listedIds = new Set(getAllColumnIds(filteredScrollableColumns));
+    const updatedColumns = applyBulkVisibility(scrollableColumn, !mainChecked, listedIds);
+    setScrollableColumn(updatedColumns);
+    setFilteredScrollableColumns(filterColumnsByText(updatedColumns, searchTextRef.current));
   };
   const onAllColumnCheckBoxChange = () => {
-    setAllColumnvisisbility((prev) => !prev);
-    setMainChecked(!allColumnVisibility);
-    const updateColumnVisibility = (columns, visibility) => {
-      return columns.map((column) => {
-        var _a2, _b2;
-        (_b2 = (_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.columnApi) == null ? void 0 : _b2.setColumnVisible(column.colId, visibility);
-        if (column.children) {
-          updateColumnVisibility(column.children, visibility);
-        }
-        return {
-          ...column,
-          isVisible: visibility,
-          children: column.children ? updateColumnVisibility(column.children, visibility) : null
-        };
-      });
-    };
-    const updatedFrozenColumns = updateColumnVisibility(
-      filteredFrozenColumns,
-      !allColumnVisibility
+    const visibility = !allColumnVisibility;
+    const listedFrozenIds = new Set(getAllColumnIds(filteredFrozenColumns));
+    const listedScrollableIds = new Set(getAllColumnIds(filteredScrollableColumns));
+    const updatedFrozenColumns = applyBulkVisibility(frozenColumn, visibility, listedFrozenIds);
+    const updatedScrollableColumns = applyBulkVisibility(
+      scrollableColumn,
+      visibility,
+      listedScrollableIds
     );
-    const updatedScrollableColumns = updateColumnVisibility(
-      filteredScrollableColumns,
-      !allColumnVisibility
+    setFrozenColumn(updatedFrozenColumns);
+    setScrollableColumn(updatedScrollableColumns);
+    setFilteredFrozenColumns(filterColumnsByText(updatedFrozenColumns, searchTextRef.current));
+    setFilteredScrollableColumns(
+      filterColumnsByText(updatedScrollableColumns, searchTextRef.current)
     );
-    setFilteredFrozenColumns(updatedFrozenColumns);
-    setFilteredScrollableColumns(updatedScrollableColumns);
-    setFrozenColumn((prev) => {
-      const updatedMap = Object.fromEntries(updatedFrozenColumns.map((col) => [col.colId, col]));
-      const merged = prev.map((col) => updatedMap[col.colId] ? updatedMap[col.colId] : col);
-      const prevColIds = new Set(prev.map((col) => col.colId));
-      const newCols = updatedFrozenColumns.filter((col) => !prevColIds.has(col.colId));
-      return [...merged, ...newCols];
-    });
-    setScrollableColumn((prev) => {
-      const updatedMap = Object.fromEntries(
-        updatedScrollableColumns.map((col) => [col.colId, col])
-      );
-      const merged = prev.map((col) => updatedMap[col.colId] ? updatedMap[col.colId] : col);
-      const prevColIds = new Set(prev.map((col) => col.colId));
-      const newCols = updatedScrollableColumns.filter((col) => !prevColIds.has(col.colId));
-      return [...merged, ...newCols];
-    });
   };
   const toggleScrollColumnCollapse = (colId) => {
     setCollapsedScrollColumns((prev) => ({

package/dist/components/TextArea/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.impact_textarea_label{color:#60697d;font-size:12px;padding-bottom:6px}.impact_textarea{margin-top:6px}.impact_textarea textarea{border:1px solid #d9dde7;border-radius:8px;min-height:100px;min-width:240px;padding:12px;position:relative;resize:none}.impact_textarea textarea:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact_textarea textarea:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_textarea textarea:focus,.impact_textarea textarea:hover{border:1px solid #4259ee;outline:none}.impact_textarea_btm_container{display:flex;justify-content:space-between;margin-top:6px}.impact_textarea_btm_container .left_secondary_label_container,.impact_textarea_btm_container .right_numeric_container{color:#5f6673;font-size:10px}.impact_textarea_disabled .impact_textarea_label{color:#b4bac7}.impact_textarea_disabled textarea{background:#f8f9fb;color:#d9dde7;pointer-events:none}.impact_textarea_disabled .impact_textarea_btm_container .left_secondary_label_container{color:#b4bac7;text-align:start}.impact_textarea_disabled .impact_textarea_btm_container .right_numeric_container{color:#b4bac7}.impact_textarea_error textarea{color:#ab3939}textarea{font-family:Manrope,sans-serif!important}.impact_textarea_disabled textarea::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b4bac7}.impact_textarea_error .left_secondary_label_container,.impact_textarea_error .right_numeric_container{color:#ab3939}.impact_textarea_error textarea,.impact_textarea_error textarea:focus,.impact_textarea_error textarea:hover{border:1px solid #ec4c5c}.impact_textarea_error textarea{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/material-symbols_error.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;padding-right:34px}.impact_textarea_success textarea{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/success-icon.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;padding-right:34px}.impact_textarea_success textarea,.impact_textarea_success textarea:focus,.impact_textarea_success textarea:hover{border:1px solid #108431}.impact_textarea_success .left_secondary_label_container,.impact_textarea_success .right_numeric_container{color:#26734b}.impact_textarea_warning textarea{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/warning-fill.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;border:1px solid #ffe174;padding-right:34px}.impact_textarea_warning textarea:focus,.impact_textarea_warning textarea:hover{border:1px solid #ffe174}.impact_textarea_warning .left_secondary_label_container,.impact_textarea_warning .right_numeric_container{color:#9d831c}.impact_textarea textarea::placeholder{color:#b4bac7;font-weight:400;transition:font-weight .2s ease}.impact_textarea_disabled textarea::placeholder{color:#b4bac7}.impact_textarea textarea:focus::placeholder{color:#0000}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.impact_textarea_label{color:#60697d;font-size:12px;padding-bottom:6px}.impact_textarea{margin-top:6px}.impact_textarea textarea{border:1px solid #d9dde7;border-radius:8px;min-height:100px;min-width:240px;padding:12px;position:relative;resize:none}.impact_textarea textarea:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact_textarea textarea:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_textarea textarea:focus,.impact_textarea textarea:hover{border:1px solid #4259ee;outline:none}.impact_textarea_btm_container{display:flex;justify-content:space-between;margin-top:6px}.impact_textarea_btm_container .left_secondary_label_container,.impact_textarea_btm_container .right_numeric_container{color:#5f6673;font-size:10px}.impact_textarea_disabled .impact_textarea_label{color:#b4bac7}.impact_textarea_disabled textarea{background:#f8f9fb;color:#d9dde7;pointer-events:none}.impact_textarea_disabled .impact_textarea_btm_container .left_secondary_label_container{color:#b4bac7;text-align:start}.impact_textarea_disabled .impact_textarea_btm_container .right_numeric_container{color:#b4bac7}.impact_textarea_error textarea{color:#ab3939}textarea{font-family:Manrope,sans-serif!important}.impact_textarea_disabled textarea::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b4bac7}.impact_textarea_error .left_secondary_label_container,.impact_textarea_error .right_numeric_container{color:#ab3939}.impact_textarea_error textarea,.impact_textarea_error textarea:focus,.impact_textarea_error textarea:hover{border:1px solid #ec4c5c}.impact_textarea_error textarea{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/material-symbols_error.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;padding-right:34px}.impact_textarea_success textarea{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/success-icon.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;padding-right:34px}.impact_textarea_success textarea,.impact_textarea_success textarea:focus,.impact_textarea_success textarea:hover{border:1px solid #108431}.impact_textarea_success .left_secondary_label_container,.impact_textarea_success .right_numeric_container{color:#26734b}.impact_textarea_warning textarea{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/warning-fill.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;border:1px solid #ffe174;padding-right:34px}.impact_textarea_warning textarea:focus,.impact_textarea_warning textarea:hover{border:1px solid #ffe174}.impact_textarea_warning .left_secondary_label_container,.impact_textarea_warning .right_numeric_container{color:#9d831c}.impact_textarea textarea::placeholder{color:#b4bac7;font-weight:400;transition:font-weight .2s ease}.impact_textarea_disabled textarea::placeholder{color:#b4bac7}.impact_textarea textarea:focus::placeholder{color:#0000}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 

package/dist/components/common/HelperText/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0;color:#7a8294!important;font-family:Manrope,sans-serif!important;margin-left:0!important;overflow:hidden;padding-left:14px;text-overflow:ellipsis;white-space:nowrap}.MuiFormHelperText-root.Mui-error{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat;background-position:0;color:#e15554!important}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".MuiFormHelperText-root{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0;color:#7a8294!important;font-family:Manrope,sans-serif!important;margin-left:0!important;overflow:hidden;padding-left:14px;text-overflow:ellipsis;white-space:nowrap}.MuiFormHelperText-root.Mui-error{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat;background-position:0;color:#e15554!important}")),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsx } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
 import { Tooltip } from "../../Tooltip/index.js";

package/dist/hooks/useDraggableResizable.d.ts

@@ -0,0 +1,104 @@
+import { KeyboardEvent as ReactKeyboardEvent, PointerEvent as ReactPointerEvent } from 'react';
+
+export interface Rect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export type ResizeDirection = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';
+export declare const BOTTOM_VIEWPORT_MARGIN = 24;
+export interface ViewportMargin {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+/** Accepts a single number (all sides) or per-side overrides. */
+export type ViewportMarginInput = number | Partial<ViewportMargin>;
+export interface UseDraggableResizableOptions {
+    /** Starting position/size. Only read once on mount (use `setRect`/`collapseTo` to change later). */
+    initialRect: Rect;
+    minWidth?: number;
+    minHeight?: number;
+    maxWidth?: number;
+    maxHeight?: number;
+    /**
+     * Gap kept clear between the panel and the viewport edges while dragging/resizing, so it
+     * stops short of the edge instead of touching it. Pass a number for a uniform margin, or
+     * per-side values (e.g. `{ top: 56, bottom: 24 }` to also clear a fixed app header).
+     * Pass `0` for docked panels that should sit flush with the viewport.
+     * @default 0
+     */
+    viewportMargin?: ViewportMarginInput;
+    /** Disables both dragging and resizing (e.g. while in a "full width" mode). */
+    disabled?: boolean;
+    onChange?: (rect: Rect) => void;
+    onDragEnd?: (rect: Rect) => void;
+    onResizeEnd?: (rect: Rect) => void;
+}
+export interface HandleProps {
+    onPointerDown: (e: ReactPointerEvent) => void;
+    onKeyDown: (e: ReactKeyboardEvent) => void;
+}
+/** Viewport corner the collapsed panel is pinned to. */
+export type CollapseAnchor = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+export interface CollapseOptions {
+    /** @default 'bottom-right' */
+    anchor?: CollapseAnchor;
+    /**
+     * Margin to inset the collapsed panel from the viewport edges. Pass this when the margin
+     * changes in the same event that triggers the collapse - the `viewportMargin` *prop* is
+     * still the pre-update value at that point (React batches state), so relying on it would
+     * anchor against the wrong gap.
+     */
+    viewportMargin?: ViewportMarginInput;
+}
+export interface UseDraggableResizableResult {
+    rect: Rect;
+    isDragging: boolean;
+    isResizing: boolean;
+    isCollapsed: boolean;
+    setRect: (updater: Rect | ((prev: Rect) => Rect)) => void;
+    /** Spread onto the element that should act as the "title bar" drag handle. */
+    dragHandleProps: HandleProps;
+    /** Spread onto one of the 8 resize handle elements. */
+    getResizeHandleProps: (direction: ResizeDirection) => HandleProps & {
+        role: 'separator';
+        tabIndex: 0;
+        'aria-orientation': 'horizontal' | 'vertical';
+    };
+    /**
+     * Shrink to a fixed compact size pinned to a viewport corner (default: bottom-right),
+     * remembering the current rect so `restore()` can bring it back.
+     */
+    collapseTo: (size: {
+        width: number;
+        height: number;
+    }, options?: CollapseOptions) => void;
+    /** Restore the rect that was active before the last `collapseTo` call. */
+    restore: () => void;
+}
+/**
+ * Headless drag + 8-direction resize behavior for a floating panel (think: Google Meet's
+ * pop-out mini window). Framework-agnostic logic lives here so any component (chatbot,
+ * modal, side panel, etc.) can opt in just by spreading `dragHandleProps` /
+ * `getResizeHandleProps(direction)` onto its own markup.
+ *
+ * Implementation notes (see chat discussion for rationale):
+ * - Uses Pointer Events + `setPointerCapture` (works for mouse, touch, and pen) instead of
+ *   plain `mousedown`/`mousemove`, and keeps receiving events on the same element even if the
+ *   pointer moves faster than layout, so there is no need for `document`-level listeners.
+ * - Batches state updates via `requestAnimationFrame` so dragging/resizing doesn't trigger a
+ *   React re-render on every single pixel of pointer movement.
+ * - Clamps the rect to the viewport (recomputed on every move, not just drag-start) so the
+ *   panel can never be dragged/resized off-screen on any edge, and always keeps a small margin
+ *   clear at the bottom of the viewport.
+ * - Toggles a `no-select`/`col-resize`-style class on `<body>` while interacting, and always
+ *   cleans up listeners + that class on `pointerup`/`pointercancel` and on unmount, even if the
+ *   consumer unmounts mid-drag.
+ * - Resize handles expose `role="separator"` + keyboard nudging (arrow keys, Shift for a
+ *   larger step) for accessibility.
+ */
+export declare function useDraggableResizable({ initialRect, minWidth, minHeight, maxWidth, maxHeight, viewportMargin, disabled, onChange, onDragEnd, onResizeEnd, }: UseDraggableResizableOptions): UseDraggableResizableResult;
+//# sourceMappingURL=useDraggableResizable.d.ts.map

package/dist/hooks/useDraggableResizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggableResizable.d.ts","sourceRoot":"","sources":["../../src/hooks/useDraggableResizable.ts"],"names":[],"mappings":"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"}