impact-ui 4.0.6 → 4.0.7-alpha.2

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

@@ -1 +1 @@
-{"version":3,"file":"tableFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/Table/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;AA6BF,eAAO,MAAM,OAAO,mFAk6ClB,CAAC;AAEH,eAAO,MAAM,yBAAyB,GAAI,iBAAY,WAgBrD,CAAC"}
+{"version":3,"file":"tableFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/Table/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;AA+DF,eAAO,MAAM,OAAO,mFAixClB,CAAC;AAEH,eAAO,MAAM,yBAAyB,GAAI,iBAAY,WAgBrD,CAAC"}

package/dist/components/Table/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]);
   const debouncedUpdateColumnState = useMemo(
     () => debounce(updateColumnState, 100),
@@ -376,131 +406,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;
-      const updatedChildren = column.children ? updateChildrenVisibility(column.children, parentVisibility) : null;
-      (_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.api.setColumnVisible(column.colId, parentVisibility);
-      return {
-        ...column,
-        isVisible: parentVisibility,
-        children: updatedChildren
-      };
-    });
-    const updateVisibility = (columns, parentVisibility = null) => columns.map((column) => {
-      var _a2, _b2;
+  const setSubtreeVisibility = (columns, visibility) => columns.map((column) => {
+    var _a2, _b2, _c2;
+    (_b2 = (_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.api) == 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;
-        (_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.api.setColumnVisible(column.colId, newVisibility);
+        changed = true;
+        const newVisibility = !column.isVisible;
+        (_b2 = (_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.api) == 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);
-        (_b2 = ref == null ? void 0 : ref.current) == null ? void 0 : _b2.api.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.api) == 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;
-      const updatedChildren = column.children ? updateChildrenVisibility(column.children, parentVisibility) : null;
-      (_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.api.setColumnVisible(column.colId, parentVisibility);
-      return {
-        ...column,
-        isVisible: parentVisibility,
-        children: updatedChildren
-      };
-    });
-    const updateVisibility = (columns, parentVisibility = null) => columns.map((column) => {
-      var _a2, _b2;
-      if (column.colId === colId) {
-        const newVisibility = parentVisibility !== null ? parentVisibility : !column.isVisible;
-        const updatedChildren = column.children ? updateChildrenVisibility(column.children, newVisibility) : null;
-        (_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.api.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);
-        (_b2 = ref == null ? void 0 : ref.current) == null ? void 0 : _b2.api.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();
@@ -510,75 +471,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.api) == 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.api) == 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.api) == 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.api) == 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/TableChat/components/TableChatLeftSection/TableChatChannelHeader.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)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.table-left-panel-container{background:#fff;border-radius:16px;box-shadow:12px 13px 45px -1px #0000001a;flex-shrink:0;max-width:350px;overflow:hidden;width:350px}.table-left-panel-container:before{background:linear-gradient(180deg,#4259ee99,#4259ee33,#4259ee00);border-radius:16px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.table-left-panel-container .ia-styles.ia-btn.ia-btn-tertiary,.table-left-panel-container .ia-styles.ia-btn.ia-btn-tertiary:hover{background:none!important;box-shadow:none!important}.chat-header-navigation{align-items:center;background:#fff;border-bottom:1px solid #d9dde7;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.chat-header-navigation .nav-left{align-items:center;display:flex;gap:7px}.chat-header-navigation .nav-left button{background:none;border:none!important;box-shadow:none}.chat-header-navigation .nav-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:130px}.chat-header-navigation .nav-right{align-items:center;display:flex;gap:8px;position:relative}.chat-header-navigation .nav-right button{background:none;border:none!important;box-shadow:none}.chat-header-navigation .nav-icon-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#7a8294;cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.chat-header-navigation .nav-icon-button:hover{color:#4259ee}.chat-header-navigation .nav-icon-button:focus{outline-offset:1px}.chat-header-navigation .chat-button{background:#4259ee!important;border-radius:8px!important;box-shadow:none!important;color:#fff!important;font-size:14px!important;font-weight:500!important;height:32px;padding:6px 12px!important;width:77px}.chat-header-navigation .chat-button:hover{background:#2b44ec!important}.chat-header-navigation .chat-button .ia-btn-icon{margin-right:4px}.chat-header-navigation .impact_inputbox_container_with_icons{width:100%}.channel_list{background:#f2f4fb}.channel_list,.chat-channel-item,.chat_list{align-items:baseline;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s ease}.channel_list .ia-styles.ia-avatar,.chat-channel-item .ia-styles.ia-avatar,.chat_list .ia-styles.ia-avatar{background:#7a8294;border-radius:16px}.channel_list:hover,.chat-channel-item:hover,.chat_list:hover{background:#eceefd}.channel_list:hover .ia-styles.ia-avatar,.channel_list:hover .unread-badge,.chat-channel-item:hover .ia-styles.ia-avatar,.chat-channel-item:hover .unread-badge,.chat_list:hover .ia-styles.ia-avatar,.chat_list:hover .unread-badge{background:#4259ee}.channel_list.selected,.chat-channel-item.selected,.chat_list.selected{background:#eceefd}.channel_list.selected .ia-styles.ia-avatar,.channel_list.selected .unread-badge,.chat-channel-item.selected .ia-styles.ia-avatar,.chat-channel-item.selected .unread-badge,.chat_list.selected .ia-styles.ia-avatar,.chat_list.selected .unread-badge{background:#4259ee}.channel_list.muted,.chat-channel-item.muted,.chat_list.muted{opacity:.7}.channel_list:focus,.chat-channel-item:focus,.chat_list:focus{outline-offset:-2px}.channel_list:last-child,.chat-channel-item:last-child,.chat_list:last-child{border-bottom:none}.channel-checkbox{align-items:center;display:flex;padding-top:2px}.channel-checkbox input[type=checkbox]{accent-color:#4259ee;border:1px solid #d9dde7;border-radius:3px;cursor:pointer;height:16px;width:16px}.channel-checkbox input[type=checkbox]:checked{background:#4259ee;border-color:#4259ee}.channel-avatar{border-radius:16px;flex-shrink:0;margin-top:2px}.channel-avatar .ia-avatar{font-size:14px!important;font-weight:600!important;height:32px!important;width:32px!important}.channel-content{flex:1;min-width:0}.channel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.channel-title{color:#0d152c;flex:1;font-size:16px;font-weight:600;height:24px;line-height:24px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-meta.selected{background:#eceefd}.muted-icon{color:#7a8294;font-size:16px!important}.unread-badge{align-items:center;background:#7a8294;border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:400;height:18px;justify-content:center;line-height:1;min-width:18px;padding:2px 6px}.channel-subtitle{color:#7a8294;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-subtitle,.channel-time{font-size:12px;font-weight:500;line-height:16px}.channel-time{color:#b4bac7}@media (max-width:768px){.chat-header-navigation .nav-title{font-size:15px}.chat-header-navigation .chat-button{font-size:13px!important;padding:4px 8px!important}.chat-channel-item{padding:10px 12px}.channel-title{font-size:13px}.channel-subtitle{font-size:12px}}.table-left-panel-container{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tableChat_bg.svg);background-position:50%;background-repeat:repeat;background-size:cover;box-shadow:0 1px 3px #0000001a;position:relative}.chat-header-navigation{background:#0000;border-bottom-color:#d9dde7;box-shadow:0 1px 3px #0000001a;height:64px;overflow:hidden;padding-left:16px;position:relative}.nav-title{color:#fff}.chat-channel-list{display:flex;flex-direction:column;gap:12px;margin:8px;max-height:calc(100vh - 150px);overflow-y:auto}.chat-channel-list .no-channels-found-container{align-items:center;background:#f2f4fb;border-radius:8px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:12px}.chat-channel-list .no-channels-found-container .no-channels-found{color:#0d152c;font-size:16px;font-weight:600}.chat-channel-list .no-channels-found-container .no-channels-found-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-align:center}.chat-channel-item.selected,.chat-channel-item:hover{background:#eceefd}.channel-time{color:#60697d}.channel-list-header{align-items:center;display:flex;justify-content:space-between;width:100%}.chanel_icon{background:#fff;border:1px solid #c3c8d4;border-radius:8px;max-height:32px;padding:8px}.chanel_search{align-items:center;background:#f5f6fa;border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.chanel_search svg{cursor:pointer}.chanel_right_navigation{display:flex;gap:8px}.delete_chat_container{height:32px!important;width:32px}.pinnedChat_container{display:flex;justify-content:space-between}.pinnedChat_container .pinnedChat{opacity:0;transition:opacity .2s ease}.chat_list:hover .pinnedChat_container .pinnedChat{opacity:1}')),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)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.table-left-panel-container{background:#fff;border-radius:16px;box-shadow:12px 13px 45px -1px #0000001a;flex-shrink:0;max-width:350px;overflow:hidden;width:350px}.table-left-panel-container:before{background:linear-gradient(180deg,#4259ee99,#4259ee33,#4259ee00);border-radius:16px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.table-left-panel-container .ia-styles.ia-btn.ia-btn-tertiary,.table-left-panel-container .ia-styles.ia-btn.ia-btn-tertiary:hover{background:none!important;box-shadow:none!important}.chat-header-navigation{align-items:center;background:#fff;border-bottom:1px solid #d9dde7;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.chat-header-navigation .nav-left{align-items:center;display:flex;gap:7px}.chat-header-navigation .nav-left button{background:none;border:none!important;box-shadow:none}.chat-header-navigation .nav-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:130px}.chat-header-navigation .nav-right{align-items:center;display:flex;gap:8px;position:relative}.chat-header-navigation .nav-right button{background:none;border:none!important;box-shadow:none}.chat-header-navigation .nav-icon-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#7a8294;cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.chat-header-navigation .nav-icon-button:hover{color:#4259ee}.chat-header-navigation .nav-icon-button:focus{outline-offset:1px}.chat-header-navigation .chat-button{background:#4259ee!important;border-radius:8px!important;box-shadow:none!important;color:#fff!important;font-size:14px!important;font-weight:500!important;height:32px;padding:6px 12px!important;width:77px}.chat-header-navigation .chat-button:hover{background:#2b44ec!important}.chat-header-navigation .chat-button .ia-btn-icon{margin-right:4px}.chat-header-navigation .impact_inputbox_container_with_icons{width:100%}.channel_list{background:#f2f4fb}.channel_list,.chat-channel-item,.chat_list{align-items:baseline;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s ease}.channel_list .ia-styles.ia-avatar,.chat-channel-item .ia-styles.ia-avatar,.chat_list .ia-styles.ia-avatar{background:#7a8294;border-radius:16px}.channel_list:hover,.chat-channel-item:hover,.chat_list:hover{background:#eceefd}.channel_list:hover .ia-styles.ia-avatar,.channel_list:hover .unread-badge,.chat-channel-item:hover .ia-styles.ia-avatar,.chat-channel-item:hover .unread-badge,.chat_list:hover .ia-styles.ia-avatar,.chat_list:hover .unread-badge{background:#4259ee}.channel_list.selected,.chat-channel-item.selected,.chat_list.selected{background:#eceefd}.channel_list.selected .ia-styles.ia-avatar,.channel_list.selected .unread-badge,.chat-channel-item.selected .ia-styles.ia-avatar,.chat-channel-item.selected .unread-badge,.chat_list.selected .ia-styles.ia-avatar,.chat_list.selected .unread-badge{background:#4259ee}.channel_list.muted,.chat-channel-item.muted,.chat_list.muted{opacity:.7}.channel_list:focus,.chat-channel-item:focus,.chat_list:focus{outline-offset:-2px}.channel_list:last-child,.chat-channel-item:last-child,.chat_list:last-child{border-bottom:none}.channel-checkbox{align-items:center;display:flex;padding-top:2px}.channel-checkbox input[type=checkbox]{accent-color:#4259ee;border:1px solid #d9dde7;border-radius:3px;cursor:pointer;height:16px;width:16px}.channel-checkbox input[type=checkbox]:checked{background:#4259ee;border-color:#4259ee}.channel-avatar{border-radius:16px;flex-shrink:0;margin-top:2px}.channel-avatar .ia-avatar{font-size:14px!important;font-weight:600!important;height:32px!important;width:32px!important}.channel-content{flex:1;min-width:0}.channel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.channel-title{color:#0d152c;flex:1;font-size:16px;font-weight:600;height:24px;line-height:24px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-meta.selected{background:#eceefd}.muted-icon{color:#7a8294;font-size:16px!important}.unread-badge{align-items:center;background:#7a8294;border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:400;height:18px;justify-content:center;line-height:1;min-width:18px;padding:2px 6px}.channel-subtitle{color:#7a8294;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-subtitle,.channel-time{font-size:12px;font-weight:500;line-height:16px}.channel-time{color:#b4bac7}@media (max-width:768px){.chat-header-navigation .nav-title{font-size:15px}.chat-header-navigation .chat-button{font-size:13px!important;padding:4px 8px!important}.chat-channel-item{padding:10px 12px}.channel-title{font-size:13px}.channel-subtitle{font-size:12px}}.table-left-panel-container{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tableChat_bg.svg);background-position:50%;background-repeat:repeat;background-size:cover;box-shadow:0 1px 3px #0000001a;position:relative}.chat-header-navigation{background:#0000;border-bottom-color:#d9dde7;box-shadow:0 1px 3px #0000001a;height:64px;overflow:hidden;padding-left:16px;position:relative}.nav-title{color:#fff}.chat-channel-list{display:flex;flex-direction:column;gap:12px;margin:8px;max-height:calc(100vh - 150px);overflow-y:auto}.chat-channel-list .no-channels-found-container{align-items:center;background:#f2f4fb;border-radius:8px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:12px}.chat-channel-list .no-channels-found-container .no-channels-found{color:#0d152c;font-size:16px;font-weight:600}.chat-channel-list .no-channels-found-container .no-channels-found-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-align:center}.chat-channel-item.selected,.chat-channel-item:hover{background:#eceefd}.channel-time{color:#60697d}.channel-list-header{align-items:center;display:flex;justify-content:space-between;width:100%}.chanel_icon{background:#fff;border:1px solid #c3c8d4;border-radius:8px;max-height:32px;padding:8px}.chanel_search{align-items:center;background:#f5f6fa;border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.chanel_search svg{cursor:pointer}.chanel_right_navigation{display:flex;gap:8px}.delete_chat_container{height:32px!important;width:32px}.pinnedChat_container{display:flex;justify-content:space-between}.pinnedChat_container .pinnedChat{opacity:0;transition:opacity .2s ease}.chat_list:hover .pinnedChat_container .pinnedChat{opacity:1}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { ChatChannelList } from "./ChatChannelList.js";
 import { ChatHeaderNavigation } from "./ChatHeaderNavigation.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AAK7B,eAAO,MAAM,QAAQ,mFA6oBpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AAK7B,eAAO,MAAM,QAAQ,mFA+oBpB,CAAC"}