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

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
-};