impact-ui 5.0.2-alpha.1 → 5.0.2-beta.1

package/dist/tokens/useImpactUiInterfaceStyle.js

@@ -0,0 +1,19 @@
+import { useState, useEffect } from "react";
+import { readImpactUiInterfaceStyleFromDom, IMPACT_UI_INTERFACE_STYLE_CHANGE } from "./interfaceStyleDom.js";
+function useImpactUiInterfaceStyle() {
+  const [style, setStyle] = useState(readImpactUiInterfaceStyleFromDom);
+  useEffect(() => {
+    const onChange = (event) => {
+      const { detail } = event;
+      setStyle(detail.style);
+    };
+    window.addEventListener(IMPACT_UI_INTERFACE_STYLE_CHANGE, onChange);
+    return () => {
+      window.removeEventListener(IMPACT_UI_INTERFACE_STYLE_CHANGE, onChange);
+    };
+  }, []);
+  return style;
+}
+export {
+  useImpactUiInterfaceStyle
+};

package/dist/tokens/useImpactUiTheme.d.ts

@@ -0,0 +1,9 @@
+import { setImpactUiTheme } from './themeDom';
+import { UseImpactUiThemeResult } from './theme.types';
+
+export { setImpactUiTheme };
+/**
+ * Prefer inside `ImpactUiThemeProvider`. Without a provider, follows DOM + theme change events.
+ */
+export declare function useImpactUiTheme(): UseImpactUiThemeResult;
+//# sourceMappingURL=useImpactUiTheme.d.ts.map

package/dist/tokens/useImpactUiTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImpactUiTheme.d.ts","sourceRoot":"","sources":["../../src/tokens/useImpactUiTheme.ts"],"names":[],"mappings":"AAGA,OAAO,EAKL,gBAAgB,EAEjB,MAAM,YAAY,CAAC;AAIpB,OAAO,KAAK,EAA6B,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,sBAAsB,CA8CzD"}

package/dist/tokens/useImpactUiTheme.js

@@ -0,0 +1,46 @@
+import { useState, useEffect, useCallback } from "react";
+import { useImpactUiThemeContext } from "./ImpactUiThemeProvider.js";
+import { readImpactUiThemePreferenceFromDom, getSystemColorSchemeSnapshot, IMPACT_UI_THEME_CHANGE, subscribeSystemColorScheme, resolveThemeAppearance, setImpactUiTheme } from "./themeDom.js";
+import { getColorToken } from "../styles/tokens/tokens.generated.js";
+function useImpactUiTheme() {
+  const fromProvider = useImpactUiThemeContext();
+  const [mode, setModeState] = useState(readImpactUiThemePreferenceFromDom);
+  const [systemResolved, setSystemResolved] = useState(getSystemColorSchemeSnapshot);
+  useEffect(() => {
+    if (fromProvider) return;
+    const onThemeChange = (event) => {
+      const { detail } = event;
+      setModeState(detail.mode);
+    };
+    window.addEventListener(IMPACT_UI_THEME_CHANGE, onThemeChange);
+    return () => {
+      window.removeEventListener(IMPACT_UI_THEME_CHANGE, onThemeChange);
+    };
+  }, [fromProvider]);
+  useEffect(() => {
+    if (fromProvider) return;
+    if (mode !== "system") return;
+    setSystemResolved(getSystemColorSchemeSnapshot());
+    return subscribeSystemColorScheme(() => {
+      setSystemResolved(getSystemColorSchemeSnapshot());
+    });
+  }, [fromProvider, mode]);
+  const preference = (fromProvider == null ? void 0 : fromProvider.mode) ?? mode;
+  const resolved = (fromProvider == null ? void 0 : fromProvider.resolvedMode) ?? (preference === "system" ? systemResolved : resolveThemeAppearance(preference));
+  const setModeFallback = useCallback(
+    (next, options) => {
+      setImpactUiTheme(next, options);
+    },
+    []
+  );
+  const getSemanticColor = useCallback(
+    (name) => getColorToken(resolved, name),
+    [resolved]
+  );
+  if (fromProvider) return fromProvider;
+  return { mode: preference, resolvedMode: resolved, setMode: setModeFallback, getSemanticColor };
+}
+export {
+  setImpactUiTheme,
+  useImpactUiTheme
+};

package/package.json

@@ -1,13 +1,16 @@
 {
   "name": "impact-ui",
-  "version": "5.0.2-alpha.1",
+  "version": "5.0.2-beta.1",
   "description": "Impact Analytics UI library",
   "type": "module",
   "main": "./dist/components/index.js",
   "module": "./dist/components/index.js",
   "types": "./dist/components/index.d.ts",
   "sideEffects": [
-    "./dist/styles/style.css"
+    "./dist/styles/style.css",
+    "./dist/styles/entry.js",
+    "./dist/components/index.js",
+    "**/*.css"
   ],
   "exports": {
     ".": {
@@ -16,6 +19,10 @@
     },
     "./styles.css": "./dist/styles/style.css",
     "./styles": "./dist/styles/style.css",
+    "./tokens": {
+      "types": "./dist/tokens/index.d.ts",
+      "import": "./dist/tokens/index.js"
+    },
     "./package.json": "./package.json",
     "./eslint-plugin": {
       "import": "./eslint-plugin/index.js"
@@ -51,6 +58,7 @@
   "scripts": {
     "dev": "vite",
     "build": "npm run build:lib",
+    "generate:tokens": "node ./scripts/generate-color-tokens.mjs && node ./scripts/generate-accent-palettes.mjs && node ./scripts/generate-effects.mjs && node ./scripts/generate-legacy-colors.mjs",
     "build:lib": "node ./scripts/clean-dist.mjs && tsc --noEmit && SOURCE_MAP=0 vite build && SOURCE_MAP=0 vite build --config vite.styles.config.ts && node ./scripts/generate-mcp-registry.mjs",
     "build:lib:debug": "node ./scripts/clean-dist.mjs && tsc && NO_MINIFY=1 SOURCE_MAP=1 vite build && node ./scripts/generate-mcp-registry.mjs",
     "optimize:images": "node ./scripts/optimize-images.mjs",
@@ -108,7 +116,7 @@
     "@chromatic-com/storybook": "^5.0.1",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@impactsmartsuite/impact-icons": "0.1.8-beta.3",
+    "@impactsmartsuite/impact-icons": "^0.1.8-beta.8",
     "@mui/base": "^5.0.0-alpha.82",
     "@mui/docs": "^5.8.0",
     "@mui/envinfo": "^2.0.6",
@@ -227,6 +235,7 @@
     "@dnd-kit/core": "^6.2.0",
     "@dnd-kit/sortable": "^9.0.0",
     "@dnd-kit/utilities": "^3.2.2",
+    "@lottiefiles/dotlottie-react": "^0.20.0",
     "@tiptap/extension-highlight": "^2.26.1",
     "@tiptap/extension-image": "^2.26.1",
     "@tiptap/extension-link": "^2.26.1",

package/dist/_virtual/Check.js

@@ -1,4 +0,0 @@
-var Check = {};
-export {
-  Check as __exports
-};

package/dist/components/TableChat/components/TableChatLeftSection/ChatFilterChips/ChatFilterChips.d.ts

@@ -1,11 +0,0 @@
-
-export declare const ChatFilterChips: ({ options, value, defaultValue, onChange, className, }: {
-    options: any;
-    value: any;
-    defaultValue?: string | undefined;
-    onChange: any;
-    className?: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const DEFAULT_CHAT_FILTER_VALUES: string[];
-export default ChatFilterChips;
-//# sourceMappingURL=ChatFilterChips.d.ts.map

package/dist/components/TableChat/components/TableChatLeftSection/ChatFilterChips/ChatFilterChips.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatFilterChips.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatLeftSection/ChatFilterChips/ChatFilterChips.tsx"],"names":[],"mappings":"AAIA,OAAO,+BAA+B,CAAC;AAIvC,eAAO,MAAM,eAAe,GAAI;;;;;;CAM/B,4CAmDA,CAAC;AAEF,eAAO,MAAM,0BAA0B,UAAwB,CAAC;AAEhE,eAAe,eAAe,CAAC"}

package/dist/components/TableChat/components/TableChatLeftSection/ChatFilterChips/ChatFilterChips.js

@@ -1,57 +0,0 @@
-!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}.chat-filter-chips{align-items:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px 0;width:100%}.chat-filter-chips .impact-chip-container{flex-shrink:0}.chat-filter-chips .impact-chip-container .MuiChip-filled{min-width:unset}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
-import { jsx } from "react/jsx-runtime";
-import { useState, useEffect, useMemo } from "react";
-import { Chips } from "../../../../Chips/index.js";
-
-import { useTranslation } from "../../../../../i18n/useTranslation.js";
-const ChatFilterChips = ({
-  options,
-  value,
-  defaultValue = "all",
-  onChange,
-  className = ""
-}) => {
-  const { t } = useTranslation();
-  const [selected, setSelected] = useState(value ?? defaultValue);
-  useEffect(() => {
-    if (value != null) {
-      setSelected(value);
-    }
-  }, [value]);
-  const chips = useMemo(() => {
-    if (Array.isArray(options) && options.length > 0) {
-      return options.map(
-        (opt) => typeof opt === "string" ? { value: opt, label: opt } : {
-          value: opt.value,
-          label: opt.label ?? opt.value
-        }
-      );
-    }
-    return [
-      { value: "all", label: t("tableChat.filterChips.all") },
-      { value: "starred", label: t("tableChat.filterChips.starred") },
-      { value: "resolved", label: t("tableChat.filterChips.resolved") }
-    ];
-  }, [options, t]);
-  const handleClick = (chip) => {
-    const next = chip.value;
-    if (value == null) {
-      setSelected(next);
-    }
-    onChange == null ? void 0 : onChange(next, chip);
-  };
-  return /* @__PURE__ */ jsx("div", { className: `chat-filter-chips ${className}`.trim(), role: "group", children: chips.map((chip) => /* @__PURE__ */ jsx(
-    Chips,
-    {
-      className: "chat-filter-chips__chip",
-      isActive: selected === chip.value,
-      label: chip.label,
-      type: "single",
-      onClick: () => handleClick(chip)
-    },
-    chip.value
-  )) });
-};
-export {
-  ChatFilterChips
-};

package/dist/components/TableChat/components/TableChatRightSection/ChatInlineEdit/ChatInlineEdit.d.ts

@@ -1,12 +0,0 @@
-
-export declare const ChatInlineEdit: ({ content, timestamp, pinned, isPinChatIconvisible, onPin, onCancel, onUpdate, }: {
-    content: any;
-    timestamp: any;
-    pinned?: boolean | undefined;
-    isPinChatIconvisible?: boolean | undefined;
-    onPin: any;
-    onCancel: any;
-    onUpdate: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ChatInlineEdit;
-//# sourceMappingURL=ChatInlineEdit.d.ts.map

package/dist/components/TableChat/components/TableChatRightSection/ChatInlineEdit/ChatInlineEdit.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatInlineEdit.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatInlineEdit/ChatInlineEdit.tsx"],"names":[],"mappings":"AAKA,OAAO,8BAA8B,CAAC;AA0BtC,eAAO,MAAM,cAAc,GAAI;;;;;;;;CAQ9B,4CAkHA,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/TableChat/components/TableChatRightSection/ChatInlineEdit/ChatInlineEdit.js

@@ -1,132 +0,0 @@
-!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}.chat-inline-edit{align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;max-width:529px;width:100%}.chat-inline-edit__meta{align-items:center;display:flex;gap:8px;justify-content:flex-end;min-height:24px;width:100%}.chat-inline-edit__pin{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;height:16px;justify-content:center;padding:0;width:16px}.chat-inline-edit__pin img{display:block;height:16px;width:16px}.chat-inline-edit__timestamp{color:#60697d;font-size:12px;font-weight:500;letter-spacing:.12px;line-height:1.6;white-space:nowrap}.chat-inline-edit__field{background:#fff;border:1px solid #4259ee;border-radius:8px;box-sizing:border-box;min-height:66px;padding:5px;width:100%}.chat-inline-edit__textarea{background:#0000;border:none;box-sizing:border-box;color:#1f2b4d;display:block;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;letter-spacing:.14px;line-height:1.6;margin:0;max-height:200px;min-height:54px;outline:none;overflow-y:auto;padding:0;resize:none;width:100%}.chat-inline-edit__actions{align-items:flex-start;display:flex;gap:12px;justify-content:flex-end}.chat-inline-edit__actions .ia-styles.ia-btn{max-height:28px;min-height:28px;padding:4px 12px}.chat-message.user-message>.message-content .chat-inline-edit{margin-left:auto}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useRef, useState, useEffect } from "react";
-import { getAssetUrl } from "../../../../../utils/assetBase.js";
-import { Button } from "../../../../Button/index.js";
-
-import { useTranslation } from "../../../../../i18n/useTranslation.js";
-const PinnedIcon = getAssetUrl("icons/pinedIcon.svg");
-const UnpinIcon = getAssetUrl("icons/unpinedIcon.svg");
-const stripHtml = (raw) => {
-  if (typeof raw !== "string") return "";
-  return raw.replace(/<br\s*\/?>/gi, "\n").replace(/<\/p>/gi, "\n").replace(/<[^>]*>/g, "").replace(/\n{3,}/g, "\n\n").trim();
-};
-const toHtmlContent = (plain) => {
-  const escaped = plain.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-  return escaped.split(/\n/).map((line) => `<p>${line || "<br>"}</p>`).join("");
-};
-const ChatInlineEdit = ({
-  content,
-  timestamp,
-  pinned = false,
-  isPinChatIconvisible = false,
-  onPin,
-  onCancel,
-  onUpdate
-}) => {
-  const { t } = useTranslation();
-  const textareaRef = useRef(null);
-  const [value, setValue] = useState(() => stripHtml(content));
-  const [saving, setSaving] = useState(false);
-  const [showPinned, setShowPinned] = useState(pinned);
-  useEffect(() => {
-    setValue(stripHtml(content));
-  }, [content]);
-  useEffect(() => {
-    setShowPinned(pinned);
-  }, [pinned]);
-  useEffect(() => {
-    const el = textareaRef.current;
-    if (!el) return;
-    el.focus();
-    el.setSelectionRange(el.value.length, el.value.length);
-    el.style.height = "auto";
-    el.style.height = `${Math.max(66, el.scrollHeight)}px`;
-  }, []);
-  const handleChange = (e) => {
-    setValue(e.target.value);
-    const el = e.target;
-    el.style.height = "auto";
-    el.style.height = `${Math.max(66, el.scrollHeight)}px`;
-  };
-  const handlePin = async () => {
-    if (!onPin) return;
-    try {
-      const response = await onPin(!showPinned);
-      if (response != null) {
-        setShowPinned(Boolean((response == null ? void 0 : response.isPinned) ?? !showPinned));
-      } else {
-        setShowPinned(!showPinned);
-      }
-    } catch (error) {
-      console.error("[ChatInlineEdit] Pin failed:", error);
-    }
-  };
-  const handleUpdate = async () => {
-    const trimmed = value.trim();
-    if (!trimmed || saving) return;
-    setSaving(true);
-    try {
-      await (onUpdate == null ? void 0 : onUpdate(toHtmlContent(trimmed)));
-    } catch (error) {
-      console.error("[ChatInlineEdit] Update failed:", error);
-    } finally {
-      setSaving(false);
-    }
-  };
-  const handleKeyDown = (e) => {
-    if (e.key === "Escape") {
-      e.preventDefault();
-      onCancel == null ? void 0 : onCancel();
-    }
-    if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
-      e.preventDefault();
-      handleUpdate();
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "chat-inline-edit", children: [
-    /* @__PURE__ */ jsxs("div", { className: "chat-inline-edit__meta", children: [
-      isPinChatIconvisible ? /* @__PURE__ */ jsx(
-        "button",
-        {
-          "aria-label": showPinned ? t("tableChat.channelItem.unpinChat") : t("tableChat.channelItem.pinChat"),
-          className: "chat-inline-edit__pin",
-          type: "button",
-          onClick: handlePin,
-          children: /* @__PURE__ */ jsx("img", { alt: "", src: showPinned ? PinnedIcon : UnpinIcon })
-        }
-      ) : null,
-      timestamp ? /* @__PURE__ */ jsx("span", { className: "chat-inline-edit__timestamp", children: timestamp }) : null
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "chat-inline-edit__field", children: /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        ref: textareaRef,
-        "aria-label": t("tableChat.input.editingMessage"),
-        className: "chat-inline-edit__textarea",
-        rows: 2,
-        value,
-        onChange: handleChange,
-        onKeyDown: handleKeyDown
-      }
-    ) }),
-    /* @__PURE__ */ jsxs("div", { className: "chat-inline-edit__actions", children: [
-      /* @__PURE__ */ jsx(Button, { size: "small", type: "default", variant: "secondary", onClick: onCancel, children: t("common.cancel") }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          disabled: !value.trim() || saving,
-          loading: saving,
-          size: "small",
-          type: "default",
-          variant: "primary",
-          onClick: handleUpdate,
-          children: t("tableChat.message.update")
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  ChatInlineEdit
-};

package/dist/components/TableChat/components/TableChatRightSection/ReplyBadge/ReplyBadge.js

@@ -1,29 +0,0 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".reply-badge{align-items:center;display:flex;gap:12px;margin-top:10px}.reply-badge .reply-button-container{align-items:center;display:flex;gap:4px}.reply-badge .reply-button-container .reply-icon{color:#7a8294;margin-bottom:6px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-import { jsxs, jsx } from "react/jsx-runtime";
-
-import { Button } from "../../../../Button/index.js";
-import { ReplyChatIcon as ReplyChatIcon_default } from "../../../../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
-import { useTranslation } from "../../../../../i18n/useTranslation.js";
-const ReplyBadge = ({
-  text,
-  action,
-  onReplyClick,
-  onActionClick,
-  className = "reply-badge",
-  showIcon = true,
-  showAction = true
-}) => {
-  const { t } = useTranslation();
-  const resolvedText = text ?? t("tableChat.replyBadge.reply");
-  const resolvedAction = action ?? t("tableChat.replyBadge.finalize");
-  return /* @__PURE__ */ jsxs("div", { className, children: [
-    /* @__PURE__ */ jsxs("div", { className: "reply-button-container", children: [
-      /* @__PURE__ */ jsx(ReplyChatIcon_default, { className: "reply-icon", width: 16, height: 11 }),
-      /* @__PURE__ */ jsx(Button, { variant: "url", onClick: onReplyClick, children: resolvedText })
-    ] }),
-    showAction && resolvedAction ? /* @__PURE__ */ jsx(Button, { onClick: onActionClick, variant: "tertiary", children: resolvedAction }) : null
-  ] });
-};
-export {
-  ReplyBadge
-};

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

@@ -1,3 +0,0 @@
-export declare const getCachedChatIndicatorWrapper: (Renderer: any) => any;
-export declare const withChatIndicator: (Renderer: any) => any;
-//# sourceMappingURL=withChatIndicator.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"withChatIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/withChatIndicator.tsx"],"names":[],"mappings":"AAsGA,eAAO,MAAM,6BAA6B,GAAI,aAAQ,QAgBrD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,aAAQ,QAA4C,CAAC"}

package/dist/components/TableV36/withChatIndicator.js

@@ -1,89 +0,0 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { memo, useEffect } from "react";
-import { getAssetUrl } from "../../utils/assetBase.js";
-import { Badge } from "../Badge/index.js";
-const ChatIconSrc = getAssetUrl("icons/chatIndicator.svg");
-const PLAIN_VALUE_CELL = "__impactPlainValueCell";
-const isTruncated = (element) => {
-  if (!element) return false;
-  return element.clientWidth < element.scrollWidth || element.clientHeight < element.scrollHeight;
-};
-const chatIndicatorWrapperCache = /* @__PURE__ */ new WeakMap();
-const undefinedRendererKey = { __undefinedRenderer: true };
-const undefinedWrapperCache = /* @__PURE__ */ new Map();
-const createChatIndicatorWrapper = (Renderer) => {
-  const ChatIndicatorCell = memo((props) => {
-    const { getRowChatMeta, onRowChatIndicatorClick } = props.context || {};
-    const displayValue = props.valueFormatted !== void 0 && props.valueFormatted !== null ? props.valueFormatted : props.value;
-    const safeValue = displayValue !== null && typeof displayValue === "object" ? JSON.stringify(displayValue) : displayValue ?? "";
-    const Content = Renderer ? /* @__PURE__ */ jsx(Renderer, { ...props }) : /* @__PURE__ */ jsx(Fragment, { children: safeValue });
-    const meta = typeof getRowChatMeta === "function" ? getRowChatMeta(props.data) : null;
-    const totalChats = (meta == null ? void 0 : meta.totalChats) ?? 0;
-    const showIndicator = Boolean(meta) && totalChats > 0;
-    useEffect(() => {
-      if (typeof props.setTooltip !== "function") return;
-      if (safeValue === "" || safeValue == null) return;
-      props.setTooltip(String(safeValue), () => {
-        const cell = props.eParentOfValue ?? props.eGridCell;
-        if (!cell) return false;
-        const valueEl = showIndicator ? cell.querySelector(".table-row-chat-indicator-value") : cell.querySelector(".ag-cell-value") || cell;
-        return isTruncated(valueEl ?? cell);
-      });
-    });
-    if (!showIndicator) {
-      return Content;
-    }
-    const resolvedChats = (meta == null ? void 0 : meta.resolvedChats) ?? 0;
-    const handleClick = (event) => {
-      event.stopPropagation();
-      event.preventDefault();
-      onRowChatIndicatorClick == null ? void 0 : onRowChatIndicatorClick(props.data, meta);
-    };
-    return /* @__PURE__ */ jsxs("div", { className: "table-row-chat-indicator-cell", children: [
-      /* @__PURE__ */ jsx("div", { className: "table-row-chat-indicator-value", children: Content }),
-      /* @__PURE__ */ jsxs("div", { "aria-label": "Open row chats", className: "table-row-chat-indicator", children: [
-        /* @__PURE__ */ jsx(
-          "img",
-          {
-            alt: "",
-            className: "table-row-chat-indicator-icon",
-            src: ChatIconSrc,
-            onClick: handleClick
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Badge,
-          {
-            color: "info",
-            label: `${resolvedChats}/${totalChats}`,
-            size: "small",
-            variant: "stroke"
-          }
-        )
-      ] })
-    ] });
-  });
-  ChatIndicatorCell.displayName = `withChatIndicator(${(Renderer == null ? void 0 : Renderer.displayName) || (Renderer == null ? void 0 : Renderer.name) || "Cell"})`;
-  ChatIndicatorCell[PLAIN_VALUE_CELL] = false;
-  return ChatIndicatorCell;
-};
-const getCachedChatIndicatorWrapper = (Renderer) => {
-  if (Renderer == null) {
-    if (!undefinedWrapperCache.has(undefinedRendererKey)) {
-      undefinedWrapperCache.set(undefinedRendererKey, createChatIndicatorWrapper(void 0));
-    }
-    return undefinedWrapperCache.get(undefinedRendererKey);
-  }
-  if (typeof Renderer !== "function") {
-    return Renderer;
-  }
-  let cached = chatIndicatorWrapperCache.get(Renderer);
-  if (!cached) {
-    cached = createChatIndicatorWrapper(Renderer);
-    chatIndicatorWrapperCache.set(Renderer, cached);
-  }
-  return cached;
-};
-export {
-  getCachedChatIndicatorWrapper
-};

package/dist/node_modules/@mui/icons-material/Check.js

@@ -1,17 +0,0 @@
-import { __exports as Check } from "../../../_virtual/Check.js";
-import require$$0 from "@babel/runtime/helpers/interopRequireDefault";
-import { __require as requireCreateSvgIcon } from "./utils/createSvgIcon.js";
-import require$$2 from "react/jsx-runtime";
-var _interopRequireDefault = require$$0;
-Object.defineProperty(Check, "__esModule", {
-  value: true
-});
-var default_1 = Check.default = void 0;
-var _createSvgIcon = _interopRequireDefault(requireCreateSvgIcon());
-var _jsxRuntime = require$$2;
-default_1 = Check.default = (0, _createSvgIcon.default)(/* @__PURE__ */ (0, _jsxRuntime.jsx)("path", {
-  d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
-}), "Check");
-export {
-  default_1 as default
-};