impact-ui 5.0.1 → 5.0.2-beta.1

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

@@ -1 +1 @@
-{"version":3,"file":"tableFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableFunctions.tsx"],"names":[],"mappings":"AA4DA,eAAO,MAAM,oBAAoB,GAAI,WAAM,SAQ1C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,QAAG,QAM/B,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,WAAM,EAAE,aAAQ,SAK5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,WAAM,SAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAU,EAAE,WAAM,EAAE,QAAG,SAM/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4ItC,CAAC;AAuhBF,eAAO,MAAM,OAAO,mFA03ClB,CAAC;AACH,eAAO,MAAM,yBAAyB,GAAI,iBAAY,WAgBrD,CAAC"}
+{"version":3,"file":"tableFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableFunctions.tsx"],"names":[],"mappings":"AAoEA,eAAO,MAAM,oBAAoB,GAAI,WAAM,SAQ1C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,QAAG,QAM/B,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,WAAM,EAAE,aAAQ,SAK5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,WAAM,SAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAU,EAAE,WAAM,EAAE,QAAG,SAM/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4ItC,CAAC;AA+kBF,eAAO,MAAM,OAAO,mFA45ClB,CAAC;AACH,eAAO,MAAM,yBAAyB,GAAI,iBAAY,WAgBrD,CAAC"}

package/dist/components/TableV36/tableFunctions.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useMemo, useEffect, useCallback, memo } from "react";
-import { useSensors, useSensor, MouseSensor, TouchSensor, DndContext, closestCenter, DragOverlay } from "@dnd-kit/core";
+import { useSensors, useSensor, MouseSensor, TouchSensor, DndContext, closestCenter, DragOverlay, useDroppable } from "@dnd-kit/core";
 import { arrayMove, SortableContext, useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import { PersonUser as PersonUser_default, Globe as Globe_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
+import { CloseTags as CloseTags_default, SearchTable as SearchTable_default, SaveViewIcon as SaveViewIcon_default, SaveViewEditIcon as SaveViewEditIcon_default, SaveViewDeleteIcon as SaveViewDeleteIcon_default, DefaultViewIconActive as DefaultViewIconActive_default, DefaultViewIcon as DefaultViewIcon_default, PersonUser as PersonUser_default, Globe as Globe_default, PinnedIcon as PinnedIcon_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import default_1$1 from "../../node_modules/@mui/icons-material/KeyboardArrowDown.js";
 import default_1$3 from "../../node_modules/@mui/icons-material/KeyboardArrowRight.js";
 import default_1 from "../../node_modules/@mui/icons-material/KeyboardArrowUp.js";
@@ -14,6 +14,7 @@ import { isViewNameUnique } from "../../utils/helper.js";
 import { Badge } from "../Badge/index.js";
 import { Button } from "../Button/index.js";
 import { Checkbox } from "../Checkbox/index.js";
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 import { Input } from "../Input/index.js";
 import { Modal } from "../Modal/index.js";
 import { Prompt } from "../Prompt/index.js";
@@ -23,16 +24,11 @@ import HighlightedText from "./HighlightedText.js";
 import { collectVisibleLeafIds, syncColumnSearchTextToGrid, ensureColumnGroupsExpanded } from "./tableUtils.js";
 import IconButton from "../../node_modules/@mui/material/IconButton/IconButton.js";
 import DragIndicator from "../../node_modules/@mui/icons-material/esm/DragIndicator.js";
-const saveViewIcon = getAssetUrl("icons/saveViewIcon.svg");
-const saveViewEditIcon = getAssetUrl("icons/saveViewEditIcon.svg");
-const saveViewDeleteIcon = getAssetUrl("icons/saveViewDeleteIcon.svg");
-const defaultViewIcon = getAssetUrl("icons/defaultViewIcon.svg");
+import { useTranslation } from "../../i18n/useTranslation.js";
 const defaultViewActiveIcon = getAssetUrl("icons/defaultViewIconActive.svg");
-const clearIcon = getAssetUrl("icons/close-tags.svg");
-const searchIcon = getAssetUrl("icons/search-table.svg");
 const DEFAULT_VIEW_TYPE_ICONS = {
-  global: /* @__PURE__ */ jsx(Globe_default, { height: 16, width: 16 }),
-  personal: /* @__PURE__ */ jsx(PersonUser_default, { height: 16, width: 16 })
+  global: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(Globe_default), size: 16 }),
+  personal: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(PersonUser_default), size: 16 })
 };
 const getViewTypeIcon = (viewType, viewTypeOptions) => {
   var _a;
@@ -392,6 +388,33 @@ const applyVisibilityMapToGrid = (api, visibilityMap) => {
 const capitalizeHeader = (name) => name ? name.charAt(0).toUpperCase() + name.slice(1) : "";
 const mouseSensorOptions = { activationConstraint: { distance: 5 } };
 const touchSensorOptions = { activationConstraint: { delay: 200, tolerance: 5 } };
+const FROZEN_DROP_ZONE_ID = "frozen-drop-zone";
+const FrozenColumnsDropZone = () => {
+  const { t } = useTranslation();
+  const { setNodeRef } = useDroppable({ id: FROZEN_DROP_ZONE_ID });
+  return /* @__PURE__ */ jsx("div", { ref: setNodeRef, className: "table-setting-frozen-drop-zone", children: /* @__PURE__ */ jsx("span", { children: t("table.columns.dragHereToFreeze") }) });
+};
+const hasFrozenColumns = (columns) => columns.length > 0 && !(columns.length === 1 && columns[0].headerName === "N/A");
+const PinSideToggle = ({ pinned, onToggle }) => {
+  const isRight = pinned === "right";
+  return /* @__PURE__ */ jsxs("div", { className: "table-setting-pin-side-toggle", children: [
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: `table-setting-pin-side-label${isRight ? "" : " is-active"}`, children: "L" }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        "aria-label": isRight ? "Pin right" : "Pin left",
+        className: `table-setting-pin-side-track${isRight ? " is-right" : ""}`,
+        type: "button",
+        onClick: (e) => {
+          e.stopPropagation();
+          onToggle == null ? void 0 : onToggle(isRight ? "left" : "right");
+        },
+        children: /* @__PURE__ */ jsx("span", { className: "table-setting-pin-side-thumb", children: /* @__PURE__ */ jsx(PinnedIcon_default, {}) })
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: `table-setting-pin-side-label${isRight ? " is-active" : ""}`, children: "R" })
+  ] });
+};
 const ColumnRowContent = memo(function ColumnRowContent2({
   column,
   level,
@@ -407,8 +430,10 @@ const ColumnRowContent = memo(function ColumnRowContent2({
   onKeyboardReorder,
   dragHandleProps,
   isOverlay,
-  searchText
+  searchText,
+  onTogglePinSide
 }) {
+  const isFrozen = rowClassName == null ? void 0 : rowClassName.includes("frozen-columns-list-item");
   const rowStyle = useMemo(
     () => ({
       ["--indent-level"]: level
@@ -536,12 +561,19 @@ const ColumnRowContent = memo(function ColumnRowContent2({
               text: capitalizeHeader(column.headerName)
             }
           )
-        ] })
+        ] }),
+        isFrozen && !isOverlay && /* @__PURE__ */ jsx(
+          PinSideToggle,
+          {
+            pinned: column.pinned,
+            onToggle: (side) => onTogglePinSide == null ? void 0 : onTogglePinSide(column.colId, side)
+          }
+        )
       ]
     }
   );
 });
-const areSortablePropsEqual = (prev, next) => prev.column.colId === next.column.colId && prev.column.isVisible === next.column.isVisible && prev.column.headerName === next.column.headerName && prev.column.disabled === next.column.disabled && prev.isIndeterminate === next.isIndeterminate && prev.checkboxChecked === next.checkboxChecked && prev.reserveCollapseSlot === next.reserveCollapseSlot && prev.level === next.level && prev.isCollapsed === next.isCollapsed && prev.hasChildren === next.hasChildren && prev.rowClassName === next.rowClassName && prev.dragIconClass === next.dragIconClass && prev.onToggleCollapse === next.onToggleCollapse && prev.onToggleVisibility === next.onToggleVisibility && prev.onKeyboardReorder === next.onKeyboardReorder && prev.searchText === next.searchText && prev.children === next.children;
+const areSortablePropsEqual = (prev, next) => prev.column.colId === next.column.colId && prev.column.isVisible === next.column.isVisible && prev.column.headerName === next.column.headerName && prev.column.disabled === next.column.disabled && prev.column.pinned === next.column.pinned && prev.isIndeterminate === next.isIndeterminate && prev.checkboxChecked === next.checkboxChecked && prev.reserveCollapseSlot === next.reserveCollapseSlot && prev.level === next.level && prev.isCollapsed === next.isCollapsed && prev.hasChildren === next.hasChildren && prev.rowClassName === next.rowClassName && prev.dragIconClass === next.dragIconClass && prev.onToggleCollapse === next.onToggleCollapse && prev.onToggleVisibility === next.onToggleVisibility && prev.onTogglePinSide === next.onTogglePinSide && prev.onKeyboardReorder === next.onKeyboardReorder && prev.searchText === next.searchText && prev.children === next.children;
 const SortableColumnItem = memo(function SortableColumnItem2({
   column,
   level,
@@ -556,7 +588,8 @@ const SortableColumnItem = memo(function SortableColumnItem2({
   onToggleVisibility,
   onKeyboardReorder,
   searchText,
-  children
+  children,
+  onTogglePinSide
 }) {
   const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
     id: column.colId
@@ -594,6 +627,7 @@ const SortableColumnItem = memo(function SortableColumnItem2({
             searchText,
             onKeyboardReorder,
             onToggleCollapse,
+            onTogglePinSide,
             onToggleVisibility
           }
         ),
@@ -615,7 +649,8 @@ const NestedColumnItem = memo(function NestedColumnItem2({
   onToggleCollapse,
   onToggleVisibility,
   searchText,
-  children
+  children,
+  onTogglePinSide
 }) {
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(
@@ -632,6 +667,7 @@ const NestedColumnItem = memo(function NestedColumnItem2({
         rowClassName,
         searchText,
         onToggleCollapse,
+        onTogglePinSide,
         onToggleVisibility
       }
     ),
@@ -847,7 +883,8 @@ const Columns = forwardRef((props, ref) => {
         colId: column.colId || column.field || column.headerName,
         headerName: column.headerName || column.field || "N/A",
         isVisible: !(column == null ? void 0 : column.hide),
-        isPinned: column.pinned ? true : false,
+        isPinned: !!column.pinned,
+        pinned: column.pinned === "right" ? "right" : column.pinned ? "left" : null,
         children: ((_a3 = column == null ? void 0 : column.children) == null ? void 0 : _a3.length) > 0 ? getColumnState(column.children) : null,
         disabled: column == null ? void 0 : column.disableColumnCheckboxInSettings
       };
@@ -1085,13 +1122,14 @@ const Columns = forwardRef((props, ref) => {
         isDraggingRef.current = false;
         return;
       }
-      const isFrozenTarget = fullFrozenOrder.includes(overId) || frozenColumnOrder.includes(overId);
+      const isFrozenDropZone = overId === FROZEN_DROP_ZONE_ID;
+      const isFrozenTarget = isFrozenDropZone || fullFrozenOrder.includes(overId) || frozenColumnOrder.includes(overId);
       const isScrollableTarget = fullScrollableOrder.includes(overId) || scrollableColumnOrder.includes(overId);
       const visibleScrollable = scrollableColumnOrder.length ? scrollableColumnOrder : fullScrollableOrder;
       let nextFrozen = [...fullFrozenOrder];
       let nextScrollable = [...fullScrollableOrder];
       let pinChanges = null;
-      if (isFrozenSource && isFrozenTarget) {
+      if (isFrozenSource && isFrozenTarget && !isFrozenDropZone) {
         const oldIndex = nextFrozen.indexOf(activeId);
         const newIndex = nextFrozen.indexOf(overId);
         if (oldIndex === -1 || newIndex === -1) {
@@ -1116,7 +1154,7 @@ const Columns = forwardRef((props, ref) => {
         pinChanges = [{ colId: activeId, pinned: null }];
       } else if (isScrollableSource && isFrozenTarget) {
         nextScrollable = nextScrollable.filter((id) => id !== activeId);
-        const insertAt = !nextFrozen.includes(overId) ? nextFrozen.length : nextFrozen.indexOf(overId);
+        const insertAt = isFrozenDropZone || !nextFrozen.includes(overId) ? nextFrozen.length : nextFrozen.indexOf(overId);
         nextFrozen = [...nextFrozen];
         nextFrozen.splice(insertAt, 0, activeId);
         pinChanges = [{ colId: activeId, pinned: "left" }];
@@ -1181,6 +1219,16 @@ const Columns = forwardRef((props, ref) => {
     },
     [frozenColumn, scrollableColumn, fullFrozenOrder, fullScrollableOrder, commitColumnReorder]
   );
+  const handleTogglePinSide = useCallback(
+    (colId, pinned) => {
+      commitColumnReorder({
+        frozenOrder: fullFrozenOrder,
+        scrollableOrder: fullScrollableOrder,
+        pinChanges: [{ colId, pinned }]
+      });
+    },
+    [commitColumnReorder, fullFrozenOrder, fullScrollableOrder]
+  );
   const renderColumnRow = useCallback(
     (column, level, section) => {
       const isFrozen = section === "frozen";
@@ -1214,6 +1262,7 @@ const Columns = forwardRef((props, ref) => {
             searchText: debouncedSearchText,
             onKeyboardReorder: handleKeyboardReorder,
             onToggleCollapse,
+            onTogglePinSide: isFrozen ? handleTogglePinSide : void 0,
             onToggleVisibility,
             children: childNodes
           },
@@ -1234,6 +1283,7 @@ const Columns = forwardRef((props, ref) => {
           rowClassName,
           searchText: debouncedSearchText,
           onToggleCollapse,
+          onTogglePinSide: isFrozen ? handleTogglePinSide : void 0,
           onToggleVisibility,
           children: childNodes
         },
@@ -1249,7 +1299,8 @@ const Columns = forwardRef((props, ref) => {
       toggleScrollColumnCollapse,
       toggleColumnVisibilityFrozen,
       toggleColumnVisibilityScroll,
-      handleKeyboardReorder
+      handleKeyboardReorder,
+      handleTogglePinSide
     ]
   );
   const handleSaveAndApply = () => {
@@ -1387,7 +1438,22 @@ const Columns = forwardRef((props, ref) => {
     setSearchInputValue("");
     setDebouncedSearchText("");
   };
-  const rightIconForSearchInout = searchInputValue.length > 0 ? /* @__PURE__ */ jsx("img", { alt: "Clear", src: clearIcon, onClick: clearSearchText }) : /* @__PURE__ */ jsx("img", { alt: "search", className: "table-settings-search-icon", src: searchIcon });
+  const rightIconForSearchInout = searchInputValue.length > 0 ? /* @__PURE__ */ jsx(
+    ImpactIcon,
+    {
+      icon: impactIconSource(CloseTags_default),
+      size: 16,
+      style: { cursor: "pointer" },
+      onClick: clearSearchText
+    }
+  ) : /* @__PURE__ */ jsx(
+    ImpactIcon,
+    {
+      className: "table-settings-search-icon",
+      icon: impactIconSource(SearchTable_default),
+      size: 16
+    }
+  );
   return /* @__PURE__ */ jsxs("div", { className: "table-setting-columns-settings", children: [
     /* @__PURE__ */ jsx(
       "div",
@@ -1399,7 +1465,7 @@ const Columns = forwardRef((props, ref) => {
     ),
     props.isSaveViewEnabled && /* @__PURE__ */ jsxs("div", { className: "table-setting-save-view-container", children: [
       savedViewsOptions.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "save-view-icon-title", children: [
-        /* @__PURE__ */ jsx("img", { alt: "save-view-icon", src: saveViewIcon }),
+        /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(SaveViewIcon_default), size: 16 }),
         /* @__PURE__ */ jsx("span", { className: "save-view-title", children: "No views saved yet" })
       ] }) : /* @__PURE__ */ jsxs("div", { className: "save-view-container-active-view", children: [
         /* @__PURE__ */ jsx(
@@ -1533,31 +1599,34 @@ const Columns = forwardRef((props, ref) => {
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "save-view-menu-view-list-item-actions", children: [
                 (view == null ? void 0 : view.isEditable) && /* @__PURE__ */ jsx(
-                  "img",
+                  ImpactIcon,
                   {
-                    alt: "save-view-edit-icon",
-                    src: saveViewEditIcon,
+                    icon: impactIconSource(SaveViewEditIcon_default),
+                    size: 14,
+                    style: { cursor: "pointer" },
                     onClick: (e) => {
                       handleEditView(view, e);
                     }
                   }
                 ),
                 (view == null ? void 0 : view.isDeletable) && /* @__PURE__ */ jsx(
-                  "img",
+                  ImpactIcon,
                   {
-                    alt: "save-view-delete-icon",
-                    src: saveViewDeleteIcon,
+                    icon: impactIconSource(SaveViewDeleteIcon_default),
+                    size: 14,
+                    style: { cursor: "pointer" },
                     onClick: (e) => {
                       handleDeleteView(view, e);
                     }
                   }
                 ),
                 !(view == null ? void 0 : view.notReqDefaultView) && ((view == null ? void 0 : view.isDefaultView) ? /* @__PURE__ */ jsx(
-                  "img",
+                  ImpactIcon,
                   {
-                    alt: "default-view-icon",
                     className: "default-view-active-icon",
-                    src: defaultViewActiveIcon,
+                    icon: impactIconSource(DefaultViewIconActive_default),
+                    size: 14,
+                    style: { cursor: "pointer" },
                     onClick: (e) => {
                       e.stopPropagation();
                       e.preventDefault();
@@ -1565,10 +1634,11 @@ const Columns = forwardRef((props, ref) => {
                     }
                   }
                 ) : /* @__PURE__ */ jsx(
-                  "img",
+                  ImpactIcon,
                   {
-                    alt: "default-view-icon",
-                    src: defaultViewIcon,
+                    icon: impactIconSource(DefaultViewIcon_default),
+                    size: 14,
+                    style: { cursor: "pointer" },
                     onClick: (e) => {
                       e.stopPropagation();
                       e.preventDefault();
@@ -1808,9 +1878,9 @@ const Columns = forwardRef((props, ref) => {
             onDragStart: handleDragStart,
             children: [
               /* @__PURE__ */ jsxs(SortableContext, { items: sortableItems, children: [
-                frozenColumn.length > 0 && !(frozenColumn.length === 1 && frozenColumn[0].headerName === "N/A") && /* @__PURE__ */ jsxs("div", { className: "table-setting-collapse-columns-container", children: [
+                /* @__PURE__ */ jsxs("div", { className: "table-setting-collapse-columns-container", children: [
                   /* @__PURE__ */ jsx("h3", { children: "Frozen columns" }),
-                  /* @__PURE__ */ jsx(
+                  hasFrozenColumns(frozenColumn) ? /* @__PURE__ */ jsx(
                     "div",
                     {
                       "aria-label": "Frozen columns",
@@ -1820,7 +1890,7 @@ const Columns = forwardRef((props, ref) => {
                         (column) => column.headerName !== "N/A" && renderColumnRow(column, 0, "frozen")
                       )
                     }
-                  )
+                  ) : /* @__PURE__ */ jsx(FrozenColumnsDropZone, {})
                 ] }),
                 /* @__PURE__ */ jsxs("div", { className: "table-setting-scroll-columns-container", children: [
                   /* @__PURE__ */ jsx("h3", { children: "Scrollable Columns" }),

package/dist/components/TableV36/tableHeader.d.ts

@@ -77,5 +77,5 @@ export default function TableHeader({ actualRef, colDefs, Columns, tableFontSize
     disableTableSettings: any;
     onAdvanceSortClick: any;
     advanceSortEnabled: any;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 //# sourceMappingURL=tableHeader.d.ts.map

package/dist/components/TableV36/tableHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableHeader.tsx"],"names":[],"mappings":"AAoBA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAS,EACT,OAAO,EACP,OAAO,EACP,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,WAAW,EACX,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,2BAA2B,EAC3B,gBAAgB,EAChB,oBAAoB,EACpB,yBAAyB,EACzB,uBAAuB,EACvB,qBAA0B,EAC1B,yBAAyB,EACzB,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,2BAA2B,EAC3B,kBAAkB,EAClB,aAAoB,EACpB,eAA0B,EAC1B,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,uBAAuB,EACvB,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,EACtB,0BAA0B,EAC1B,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAmB,EACnB,wBAAwB,EACxB,+BAA+B,EAC/B,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,6BAA6B,EAC7B,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,yBAAyB,EACzB,SAAS,EACT,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,GACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,kDAsWA"}
+{"version":3,"file":"tableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableHeader.tsx"],"names":[],"mappings":"AAeA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAS,EACT,OAAO,EACP,OAAO,EACP,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,WAAW,EACX,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,2BAA2B,EAC3B,gBAAgB,EAChB,oBAAoB,EACpB,yBAAyB,EACzB,uBAAuB,EACvB,qBAA0B,EAC1B,yBAAyB,EACzB,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,2BAA2B,EAC3B,kBAAkB,EAClB,aAAoB,EACpB,eAA0B,EAC1B,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,uBAAuB,EACvB,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,EACtB,0BAA0B,EAC1B,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAmB,EACnB,wBAAwB,EACxB,+BAA+B,EAC/B,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,6BAA6B,EAC7B,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,yBAAyB,EACzB,SAAS,EACT,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,GACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,sCAuWA"}

package/dist/components/TableV36/tableHeader.js

@@ -1,17 +1,17 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useMemo } from "react";
+import { CommentGray as CommentGray_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import default_1 from "../../node_modules/@mui/icons-material/FilterAltOffOutlined.js";
 import default_1$1 from "../../node_modules/@mui/icons-material/FilterAltOutlined.js";
 import default_1$2 from "../../node_modules/@mui/icons-material/MoreHorizOutlined.js";
-import { getAssetUrl } from "../../utils/assetBase.js";
 import { Button } from "../Button/index.js";
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 import TableMoreOptions from "./tableMoreOptions.js";
 import { Alert } from "../Alert/index.js";
 import { FiltersStrip } from "../FiltersStrip/index.js";
 import TableChatSidePanel from "../TableChat/TableChatSidePanel.js";
 import { Tooltip } from "../Tooltip/index.js";
 import Badge from "../../node_modules/@mui/material/Badge/Badge.js";
-const ChatIcon = getAssetUrl("icons/chatIcon.svg");
 function TableHeader({
   actualRef,
   colDefs,
@@ -262,7 +262,7 @@ function TableHeader({
                     className: "table-chat-icon-button",
                     "data-icon": "chat",
                     "data-type": "table-icon",
-                    icon: /* @__PURE__ */ jsx("img", { alt: "chat", src: ChatIcon }),
+                    icon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(CommentGray_default), size: 16 }),
                     variant: "tertiary",
                     onClick: handleChatClick
                   }
@@ -286,6 +286,7 @@ function TableHeader({
                 "data-active": commentMode ? "true" : void 0,
                 "data-icon": "comment",
                 "data-type": "table-icon",
+                icon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(CommentGray_default), size: 16 }),
                 variant: "text",
                 onClick: handleCommentClick
               }
@@ -335,6 +336,7 @@ function TableHeader({
             deleteViewPromptText,
             explicitlyCloseTableSetting,
             extraButtons: additionalButtons,
+            extraNumericFormatOptions,
             handleDeleteViewClick,
             handleEditSaveView,
             handleMenuClick,
@@ -354,7 +356,6 @@ function TableHeader({
             isViewNameUniqueAcrossTypes,
             maxSavedViews,
             numericFormatDefault,
-            extraNumericFormatOptions,
             registerTableSettingToggle,
             rowHeight,
             savedViewsOptions,

package/dist/components/TableV36/tableIcons.d.ts

@@ -1,3 +1,5 @@
-export declare const TableColsIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const TableFormatIcon: () => import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+
+export declare const TableColsIcon: () => React.JSX.Element;
+export declare const TableFormatIcon: () => React.JSX.Element;
 //# sourceMappingURL=tableIcons.d.ts.map

package/dist/components/TableV36/tableIcons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tableIcons.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableIcons.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,+CAiBzB,CAAC;AAEF,eAAO,MAAM,eAAe,+CAiB3B,CAAC"}
+{"version":3,"file":"tableIcons.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableIcons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,aAAa,yBAiBzB,CAAC;AAEF,eAAO,MAAM,eAAe,yBAiB3B,CAAC"}

package/dist/components/TableV36/tableMoreOptions.d.ts

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 export default function TableMoreOptions({ showMenu, extraButtons, hideRowHeightOptionMenu, onRowHeightChange, rowHeight, isGroupRows, actualRef, Columns, handleMenuClick, tableFontSize, setTableFontSize, onNumberFormatChange, colDefs, setShowMenu, showTableSetting, setShowTableSetting, setTableSettingOpen, showHideEditableCells, handleShowHideEditableCells, tableActions, onTableActionsTabClick, showFilterStrip, hideTableFormat, hideTableActions, explicitlyCloseTableSetting, savedViewsOptions, handleSaveAndApply, maxSavedViews, handleSavedViewClick, handleEditSaveView, isSaveViewEnabled, isSavingViewLoading, handleDeleteViewClick, isDeleteViewLoading, handleSetDefaultView, hideFontSize, hideNumericFormat, onContentDensityChange, customTabInTableSettings, saveViewCustomFilter, customRenderSaveViewContent, onTableSettingClick, deleteViewPromptText, isViewNameUniqueAcrossTypes, tableSettingsTitle, registerTableSettingToggle, numericFormatDefault, extraNumericFormatOptions, onAdvanceSortClick, advanceSortEnabled, }: {
     showMenu: any;
     extraButtons: any;
@@ -49,5 +51,5 @@ export default function TableMoreOptions({ showMenu, extraButtons, hideRowHeight
     extraNumericFormatOptions: any;
     onAdvanceSortClick: any;
     advanceSortEnabled?: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=tableMoreOptions.d.ts.map

package/dist/components/TableV36/tableMoreOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tableMoreOptions.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableMoreOptions.tsx"],"names":[],"mappings":"AAcA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,YAAY,EACZ,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,SAAS,EACT,OAAO,EACP,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,2BAA2B,EAC3B,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,2BAA2B,EAC3B,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,yBAAyB,EACzB,kBAAkB,EAClB,kBAAyB,GAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,2CAuRA"}
+{"version":3,"file":"tableMoreOptions.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableMoreOptions.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAkBnD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,YAAY,EACZ,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,SAAS,EACT,OAAO,EACP,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,2BAA2B,EAC3B,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,2BAA2B,EAC3B,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,yBAAyB,EACzB,kBAAkB,EAClB,kBAAyB,GAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,qBA0RA"}

package/dist/components/TableV36/tableMoreOptions.js

@@ -1,12 +1,10 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { getAssetUrl } from "../../utils/assetBase.js";
+import { TableSettingIcon as TableSettingIcon_default, Compress as Compress_default, RightArrowMenu as RightArrowMenu_default, RowHeightDefault as RowHeightDefault_default, RowHeightCompact as RowHeightCompact_default, RowHeightComfort as RowHeightComfort_default, TableSortIcon as TableSortIcon_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import TableSettings from "./tableSettings.js";
 import { Button } from "../Button/index.js";
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 import { getTableMeta } from "./tableFunctions.js";
-const tableSettingsIcon = getAssetUrl("icons/tableSettingIcon.svg");
-getAssetUrl("icons/compress.svg");
-const tableSortIcon = getAssetUrl("icons/tableSortIcon.svg");
 function TableMoreOptions({
   showMenu,
   extraButtons,
@@ -137,13 +135,13 @@ function TableMoreOptions({
                   }
                 },
                 children: [
-                  /* @__PURE__ */ jsx("img", { alt: "tableOptionButtonIcon", src: tableSettingsIcon }),
+                  /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(TableSettingIcon_default), size: 16 }),
                   /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: "Table Settings" })
                 ]
               }
             ),
             !hideRowHeightOptionMenu && /* @__PURE__ */ jsxs("div", { className: "density-menu-wrapper", children: [
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsxs(
                 "div",
                 {
                   className: `table-settings-container table-density-container ${showDensityMenu ? "density-menu-open" : ""}`,
@@ -155,14 +153,25 @@ function TableMoreOptions({
                       handleDensityMenuOpen(e);
                     }
                   },
-                  children: /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: "Row size" })
+                  children: [
+                    /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(Compress_default), size: 16 }),
+                    /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: "Row size" }),
+                    /* @__PURE__ */ jsx(
+                      ImpactIcon,
+                      {
+                        className: "table-density-chevron",
+                        icon: impactIconSource(RightArrowMenu_default),
+                        size: 16
+                      }
+                    )
+                  ]
                 }
               ),
               showDensityMenu && /* @__PURE__ */ jsxs("div", { className: "density-menu-container", children: [
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsxs(
                   "div",
                   {
-                    className: `density-menu-item default_menu ${rowHeight === 46 ? "selected" : ""}`,
+                    className: `density-menu-item ${rowHeight === 46 ? "selected" : ""}`,
                     tabIndex: 0,
                     onClick: () => {
                       onRowHeightChange(46);
@@ -177,13 +186,16 @@ function TableMoreOptions({
                         onContentDensityChange == null ? void 0 : onContentDensityChange("default");
                       }
                     },
-                    children: /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: "Medium" })
+                    children: [
+                      /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(RowHeightDefault_default), size: 14 }),
+                      /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: "Medium" })
+                    ]
                   }
                 ),
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsxs(
                   "div",
                   {
-                    className: `density-menu-item compact_menu ${rowHeight === 30 ? "selected" : ""}`,
+                    className: `density-menu-item ${rowHeight === 30 ? "selected" : ""}`,
                     tabIndex: 0,
                     onClick: () => {
                       onRowHeightChange(30);
@@ -198,13 +210,16 @@ function TableMoreOptions({
                         onContentDensityChange == null ? void 0 : onContentDensityChange("compact");
                       }
                     },
-                    children: /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: "Small" })
+                    children: [
+                      /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(RowHeightCompact_default), size: 14 }),
+                      /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: "Small" })
+                    ]
                   }
                 ),
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsxs(
                   "div",
                   {
-                    className: `density-menu-item comfort_menu ${rowHeight === 52 ? "selected" : ""}`,
+                    className: `density-menu-item ${rowHeight === 52 ? "selected" : ""}`,
                     tabIndex: 0,
                     onClick: () => {
                       onRowHeightChange(52);
@@ -219,7 +234,10 @@ function TableMoreOptions({
                         onContentDensityChange == null ? void 0 : onContentDensityChange("comfort");
                       }
                     },
-                    children: /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: "Large" })
+                    children: [
+                      /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(RowHeightComfort_default), size: 14 }),
+                      /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: "Large" })
+                    ]
                   }
                 )
               ] })
@@ -241,7 +259,7 @@ function TableMoreOptions({
                   }
                 },
                 children: [
-                  /* @__PURE__ */ jsx("img", { alt: "advance sort", src: tableSortIcon }),
+                  /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(TableSortIcon_default), size: 16 }),
                   /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: "Advance Sort" })
                 ]
               }
@@ -284,6 +302,7 @@ function TableMoreOptions({
         customRenderSaveViewContent,
         customTabInTableSettings,
         deleteViewPromptText,
+        extraNumericFormatOptions,
         handleDeleteViewClick,
         handleEditSaveView,
         handleMenuClick,
@@ -300,7 +319,6 @@ function TableMoreOptions({
         isViewNameUniqueAcrossTypes,
         maxSavedViews,
         numericFormatDefault,
-        extraNumericFormatOptions,
         registerTableSettingToggle,
         savedViewsOptions,
         saveViewCustomFilter,

package/dist/components/TableV36/tablePagination.d.ts

@@ -1,7 +1,9 @@
+import { default as React } from 'react';
+
 export default function TablePagination({ actualRef, localPageSize, setLocalPageSize, paginationPageSizeSelector, }: {
     actualRef: any;
     localPageSize: any;
     setLocalPageSize: any;
     paginationPageSizeSelector: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=tablePagination.d.ts.map

package/dist/components/TableV36/tablePagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tablePagination.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tablePagination.tsx"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,0BAA0B,GAC3B;;;;;CAAA,2CAqDA"}
+{"version":3,"file":"tablePagination.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tablePagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,0BAA0B,GAC3B;;;;;CAAA,qBAqDA"}

package/dist/components/TableV36/tableSettings.d.ts

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 export default function TableSettings({ showMenu, Columns, actualRef, tableFontSize, setTableFontSize, handleMenuClick, onNumberFormatChange, colDefs, setShowMenu, showTableSetting, setShowTableSetting, setTableSettingOpen, tableActions, onTableActionsTabClick, showFilterStrip, hideTableFormat, hideTableActions, savedViewsOptions, handleSaveAndApply, maxSavedViews, handleSavedViewClick, handleEditSaveView, isSaveViewEnabled, isSavingViewLoading, handleDeleteViewClick, isDeleteViewLoading, handleSetDefaultView, hideNumericFormat, hideFontSize, customTabInTableSettings, saveViewCustomFilter, customRenderSaveViewContent, onTableSettingClick, deleteViewPromptText, isViewNameUniqueAcrossTypes, tableSettingsTitle, registerTableSettingToggle, numericFormatDefault, extraNumericFormatOptions, }: {
     showMenu: any;
     Columns: any;
@@ -38,5 +40,5 @@ export default function TableSettings({ showMenu, Columns, actualRef, tableFontS
     registerTableSettingToggle: any;
     numericFormatDefault: any;
     extraNumericFormatOptions: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=tableSettings.d.ts.map

package/dist/components/TableV36/tableSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tableSettings.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableSettings.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACZ,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,kBAAqC,EACrC,0BAA0B,EAC1B,oBAAoB,EACpB,yBAAyB,GAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,2CA6NA"}
+{"version":3,"file":"tableSettings.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableSettings.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAUjF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACZ,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,kBAAqC,EACrC,0BAA0B,EAC1B,oBAAoB,EACpB,yBAAyB,GAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,qBA0NA"}