@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-RV4Y4O67.js

@@ -1,103 +0,0 @@
-import {
-  arrowColor,
-  emphasisStyles,
-  getSizeStyles,
-  variantStyles
-} from "./chunk-56QVP2MU.js";
-import {
-  resolveTooltipProps,
-  usePinnedTooltip
-} from "./chunk-SCRN2RE4.js";
-
-// src/components/data-display/InteractiveTooltip/InteractiveTooltip.tsx
-import MuiTooltip from "@mui/material/Tooltip/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var StyledTooltip = styled(MuiTooltip, {
-  shouldForwardProp: (prop) => !["customVariant", "customSize", "glow", "pulse"].includes(prop)
-})(({ theme, customVariant, customSize, glow, pulse }) => {
-  const sizeStyles = getSizeStyles(customSize);
-  return {
-    "& .MuiTooltip-tooltip": {
-      borderRadius: theme.spacing(1),
-      fontSize: sizeStyles.fontSize(theme),
-      padding: sizeStyles.padding,
-      fontWeight: 500,
-      transition: "all 0.3s ease",
-      position: "relative",
-      overflow: "hidden",
-      ...variantStyles(theme, customVariant),
-      ...emphasisStyles(theme, glow, pulse)
-    },
-    "& .MuiTooltip-arrow": {
-      color: arrowColor(theme, customVariant)
-    }
-  };
-});
-var InteractiveTooltip = React.forwardRef(
-  (rawProps, ref) => {
-    const {
-      variant,
-      size,
-      glow,
-      pulse,
-      maxWidth,
-      dataTestId,
-      hoverContent,
-      pinnedContent,
-      clickable,
-      onPin,
-      onUnpin,
-      className,
-      children,
-      ...props
-    } = resolveTooltipProps(rawProps);
-    const { isPinned, isControlledOpen, wrapperRef, handleClick } = usePinnedTooltip({
-      clickable,
-      onPin,
-      onUnpin
-    });
-    const tooltipContent = isPinned ? pinnedContent : hoverContent;
-    const childElement = children;
-    const childWithProps = React.cloneElement(childElement, {
-      onClick: (e) => {
-        handleClick(e);
-        childElement.props.onClick?.(e);
-      },
-      "data-testid": dataTestId ? `${dataTestId}-trigger` : void 0
-    });
-    return /* @__PURE__ */ jsx("div", { ref: wrapperRef, className, children: /* @__PURE__ */ jsx(
-      StyledTooltip,
-      {
-        ref,
-        customVariant: variant,
-        customSize: size,
-        glow,
-        pulse,
-        title: tooltipContent,
-        open: isPinned ? isControlledOpen : void 0,
-        enterDelay: isPinned ? 0 : 100,
-        leaveDelay: 0,
-        disableHoverListener: isPinned,
-        disableFocusListener: isPinned,
-        disableTouchListener: isPinned,
-        slotProps: {
-          tooltip: {
-            sx: { maxWidth },
-            role: "tooltip",
-            ...dataTestId && { "data-testid": `${dataTestId}-content` }
-          }
-        },
-        ...props,
-        children: childWithProps
-      }
-    ) });
-  }
-);
-InteractiveTooltip.displayName = "InteractiveTooltip";
-
-export {
-  InteractiveTooltip
-};
-//# sourceMappingURL=chunk-RV4Y4O67.js.map

package/dist/chunk-RV4Y4O67.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/InteractiveTooltip/InteractiveTooltip.tsx"],"sourcesContent":["import MuiTooltip from '@mui/material/Tooltip/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { resolveTooltipProps, usePinnedTooltip } from './InteractiveTooltip.hooks';\nimport {\n  arrowColor,\n  emphasisStyles,\n  getSizeStyles,\n  variantStyles,\n} from './InteractiveTooltip.styles';\nimport type { InteractiveTooltipProps } from './InteractiveTooltip.types';\n\nconst StyledTooltip = styled(MuiTooltip, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customSize', 'glow', 'pulse'].includes(prop as string),\n})<{\n  customVariant?: string;\n  customSize?: string;\n  glow?: boolean;\n  pulse?: boolean;\n}>(({ theme, customVariant, customSize, glow, pulse }) => {\n  const sizeStyles = getSizeStyles(customSize);\n\n  return {\n    '& .MuiTooltip-tooltip': {\n      borderRadius: theme.spacing(1),\n      fontSize: sizeStyles.fontSize(theme),\n      padding: sizeStyles.padding,\n      fontWeight: 500,\n      transition: 'all 0.3s ease',\n      position: 'relative',\n      overflow: 'hidden',\n      ...variantStyles(theme, customVariant),\n      ...emphasisStyles(theme, glow, pulse),\n    },\n\n    '& .MuiTooltip-arrow': {\n      color: arrowColor(theme, customVariant),\n    },\n  };\n});\n\nexport const InteractiveTooltip = React.forwardRef<HTMLDivElement, InteractiveTooltipProps>(\n  (rawProps, ref) => {\n    const {\n      variant,\n      size,\n      glow,\n      pulse,\n      maxWidth,\n      dataTestId,\n      hoverContent,\n      pinnedContent,\n      clickable,\n      onPin,\n      onUnpin,\n      className,\n      children,\n      ...props\n    } = resolveTooltipProps(rawProps);\n\n    const { isPinned, isControlledOpen, wrapperRef, handleClick } = usePinnedTooltip({\n      clickable,\n      onPin,\n      onUnpin,\n    });\n\n    // Determine which content to show\n    const tooltipContent = isPinned ? pinnedContent : hoverContent;\n\n    // Child with click handler and ref\n    const childElement = children as React.ReactElement<{\n      onClick?: (e: React.MouseEvent) => void;\n      'data-testid'?: string;\n    }>;\n\n    const childWithProps = React.cloneElement(childElement, {\n      onClick: (e: React.MouseEvent) => {\n        handleClick(e);\n        // Call original onClick if it exists\n        childElement.props.onClick?.(e);\n      },\n      'data-testid': dataTestId ? `${dataTestId}-trigger` : undefined,\n    });\n\n    return (\n      <div ref={wrapperRef} className={className}>\n        <StyledTooltip\n          ref={ref}\n          customVariant={variant}\n          customSize={size}\n          glow={glow}\n          pulse={pulse}\n          title={tooltipContent}\n          open={isPinned ? isControlledOpen : undefined}\n          enterDelay={isPinned ? 0 : 100}\n          leaveDelay={0}\n          disableHoverListener={isPinned}\n          disableFocusListener={isPinned}\n          disableTouchListener={isPinned}\n          slotProps={{\n            tooltip: {\n              sx: { maxWidth },\n              role: 'tooltip',\n              ...(dataTestId && { 'data-testid': `${dataTestId}-content` }),\n            },\n          }}\n          {...props}\n        >\n          {childWithProps}\n        </StyledTooltip>\n      </div>\n    );\n  },\n);\n\nInteractiveTooltip.displayName = 'InteractiveTooltip';\n"],"mappings":";;;;;;;;;;;;AAAA,OAAO,gBAAgB;AACvB,SAAS,cAAc;AACvB,OAAO,WAAW;AAsFV;AA3ER,IAAM,gBAAgB,OAAO,YAAY;AAAA,EACvC,mBAAmB,CAAC,SAClB,CAAC,CAAC,iBAAiB,cAAc,QAAQ,OAAO,EAAE,SAAS,IAAc;AAC7E,CAAC,EAKE,CAAC,EAAE,OAAO,eAAe,YAAY,MAAM,MAAM,MAAM;AACxD,QAAM,aAAa,cAAc,UAAU;AAE3C,SAAO;AAAA,IACL,yBAAyB;AAAA,MACvB,cAAc,MAAM,QAAQ,CAAC;AAAA,MAC7B,UAAU,WAAW,SAAS,KAAK;AAAA,MACnC,SAAS,WAAW;AAAA,MACpB,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,UAAU;AAAA,MACV,GAAG,cAAc,OAAO,aAAa;AAAA,MACrC,GAAG,eAAe,OAAO,MAAM,KAAK;AAAA,IACtC;AAAA,IAEA,uBAAuB;AAAA,MACrB,OAAO,WAAW,OAAO,aAAa;AAAA,IACxC;AAAA,EACF;AACF,CAAC;AAEM,IAAM,qBAAqB,MAAM;AAAA,EACtC,CAAC,UAAU,QAAQ;AACjB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,oBAAoB,QAAQ;AAEhC,UAAM,EAAE,UAAU,kBAAkB,YAAY,YAAY,IAAI,iBAAiB;AAAA,MAC/E;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAGD,UAAM,iBAAiB,WAAW,gBAAgB;AAGlD,UAAM,eAAe;AAKrB,UAAM,iBAAiB,MAAM,aAAa,cAAc;AAAA,MACtD,SAAS,CAAC,MAAwB;AAChC,oBAAY,CAAC;AAEb,qBAAa,MAAM,UAAU,CAAC;AAAA,MAChC;AAAA,MACA,eAAe,aAAa,GAAG,UAAU,aAAa;AAAA,IACxD,CAAC;AAED,WACE,oBAAC,SAAI,KAAK,YAAY,WACpB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAe;AAAA,QACf,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,MAAM,WAAW,mBAAmB;AAAA,QACpC,YAAY,WAAW,IAAI;AAAA,QAC3B,YAAY;AAAA,QACZ,sBAAsB;AAAA,QACtB,sBAAsB;AAAA,QACtB,sBAAsB;AAAA,QACtB,WAAW;AAAA,UACT,SAAS;AAAA,YACP,IAAI,EAAE,SAAS;AAAA,YACf,MAAM;AAAA,YACN,GAAI,cAAc,EAAE,eAAe,GAAG,UAAU,WAAW;AAAA,UAC7D;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF;AAEA,mBAAmB,cAAc;","names":[]}

package/dist/chunk-SCRN2RE4.js

@@ -1,64 +0,0 @@
-// src/components/data-display/InteractiveTooltip/InteractiveTooltip.hooks.ts
-import { useCallback, useEffect, useRef, useState } from "react";
-var TOOLTIP_DEFAULTS = {
-  variant: "default",
-  size: "md",
-  glow: false,
-  pulse: false,
-  maxWidth: 300,
-  clickable: true
-};
-var definedProps = (props) => Object.fromEntries(
-  Object.entries(props).filter(([, value]) => value !== void 0)
-);
-var resolveTooltipProps = (props) => ({ ...TOOLTIP_DEFAULTS, ...definedProps(props) });
-var usePinnedTooltip = ({ clickable, onPin, onUnpin }) => {
-  const [isPinned, setIsPinned] = useState(false);
-  const [isControlledOpen, setIsControlledOpen] = useState(false);
-  const wrapperRef = useRef(null);
-  useEffect(() => {
-    if (!isPinned || !clickable) {
-      return;
-    }
-    const handleClickOutside = (event) => {
-      const targetElement = event.target;
-      const isClickOnTooltip = targetElement.closest('[role="tooltip"]');
-      const isClickOnTrigger = wrapperRef.current?.contains(targetElement);
-      if (isClickOnTooltip || isClickOnTrigger) {
-        return;
-      }
-      setIsPinned(false);
-      setIsControlledOpen(false);
-      onUnpin?.();
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, [isPinned, clickable, onUnpin]);
-  const handleClick = useCallback(
-    (e) => {
-      if (!clickable) return;
-      e.preventDefault();
-      e.stopPropagation();
-      setIsPinned((current) => {
-        const newPinned = !current;
-        setIsControlledOpen(newPinned);
-        if (newPinned) {
-          onPin?.();
-        } else {
-          onUnpin?.();
-        }
-        return newPinned;
-      });
-    },
-    [clickable, onPin, onUnpin]
-  );
-  return { isPinned, isControlledOpen, wrapperRef, handleClick };
-};
-
-export {
-  resolveTooltipProps,
-  usePinnedTooltip
-};
-//# sourceMappingURL=chunk-SCRN2RE4.js.map

package/dist/chunk-SCRN2RE4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/InteractiveTooltip/InteractiveTooltip.hooks.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { InteractiveTooltipProps } from './InteractiveTooltip.types';\n\ntype TooltipDefaultedKeys = 'variant' | 'size' | 'glow' | 'pulse' | 'maxWidth' | 'clickable';\n\ntype ResolvedTooltipProps = InteractiveTooltipProps &\n  Required<Pick<InteractiveTooltipProps, TooltipDefaultedKeys>>;\n\nconst TOOLTIP_DEFAULTS: Pick<InteractiveTooltipProps, TooltipDefaultedKeys> = {\n  variant: 'default',\n  size: 'md',\n  glow: false,\n  pulse: false,\n  maxWidth: 300,\n  clickable: true,\n};\n\n// Strips explicitly-undefined props before the merge, so `size={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: InteractiveTooltipProps): Partial<InteractiveTooltipProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<InteractiveTooltipProps>;\n\nexport const resolveTooltipProps = (\n  props: InteractiveTooltipProps,\n): ResolvedTooltipProps =>\n  ({ ...TOOLTIP_DEFAULTS, ...definedProps(props) }) as ResolvedTooltipProps;\n\ninterface PinOptions {\n  clickable: boolean;\n  onPin?: () => void;\n  onUnpin?: () => void;\n}\n\n/**\n * Clicking the trigger pins the tooltip open; clicking anywhere that is neither\n * the tooltip nor the trigger unpins it. The listener only exists while pinned,\n * so an unpinned tooltip costs nothing on every document click.\n */\nexport const usePinnedTooltip = ({ clickable, onPin, onUnpin }: PinOptions) => {\n  const [isPinned, setIsPinned] = useState(false);\n  const [isControlledOpen, setIsControlledOpen] = useState(false);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!isPinned || !clickable) {\n      return;\n    }\n\n    const handleClickOutside = (event: MouseEvent) => {\n      const targetElement = event.target as Element;\n\n      // Check if click was on tooltip or trigger\n      const isClickOnTooltip = targetElement.closest('[role=\"tooltip\"]');\n      const isClickOnTrigger = wrapperRef.current?.contains(targetElement);\n\n      if (isClickOnTooltip || isClickOnTrigger) {\n        return;\n      }\n\n      // Click was outside - unpin\n      setIsPinned(false);\n      setIsControlledOpen(false);\n      onUnpin?.();\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [isPinned, clickable, onUnpin]);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (!clickable) return;\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      setIsPinned((current) => {\n        const newPinned = !current;\n        setIsControlledOpen(newPinned);\n\n        if (newPinned) {\n          onPin?.();\n        } else {\n          onUnpin?.();\n        }\n\n        return newPinned;\n      });\n    },\n    [clickable, onPin, onUnpin],\n  );\n\n  return { isPinned, isControlledOpen, wrapperRef, handleClick };\n};\n"],"mappings":";AAAA,SAAgB,aAAa,WAAW,QAAQ,gBAAgB;AAShE,IAAM,mBAAwE;AAAA,EAC5E,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AACb;AAIA,IAAM,eAAe,CAAC,UACpB,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAEK,IAAM,sBAAsB,CACjC,WAEC,EAAE,GAAG,kBAAkB,GAAG,aAAa,KAAK,EAAE;AAa1C,IAAM,mBAAmB,CAAC,EAAE,WAAW,OAAO,QAAQ,MAAkB;AAC7E,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAC9D,QAAM,aAAa,OAAuB,IAAI;AAE9C,YAAU,MAAM;AACd,QAAI,CAAC,YAAY,CAAC,WAAW;AAC3B;AAAA,IACF;AAEA,UAAM,qBAAqB,CAAC,UAAsB;AAChD,YAAM,gBAAgB,MAAM;AAG5B,YAAM,mBAAmB,cAAc,QAAQ,kBAAkB;AACjE,YAAM,mBAAmB,WAAW,SAAS,SAAS,aAAa;AAEnE,UAAI,oBAAoB,kBAAkB;AACxC;AAAA,MACF;AAGA,kBAAY,KAAK;AACjB,0BAAoB,KAAK;AACzB,gBAAU;AAAA,IACZ;AAEA,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAAC,UAAU,WAAW,OAAO,CAAC;AAEjC,QAAM,cAAc;AAAA,IAClB,CAAC,MAAwB;AACvB,UAAI,CAAC,UAAW;AAEhB,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAElB,kBAAY,CAAC,YAAY;AACvB,cAAM,YAAY,CAAC;AACnB,4BAAoB,SAAS;AAE7B,YAAI,WAAW;AACb,kBAAQ;AAAA,QACV,OAAO;AACL,oBAAU;AAAA,QACZ;AAEA,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,WAAW,OAAO,OAAO;AAAA,EAC5B;AAEA,SAAO,EAAE,UAAU,kBAAkB,YAAY,YAAY;AAC/D;","names":[]}

package/dist/chunk-SE6ERQY5.js

@@ -1,156 +0,0 @@
-// src/components/form/RichTextEditor/RichTextEditorToolbar.tsx
-import Code from "@mui/icons-material/Code";
-import FormatBold from "@mui/icons-material/FormatBold";
-import FormatItalic from "@mui/icons-material/FormatItalic";
-import FormatListBulleted from "@mui/icons-material/FormatListBulleted";
-import FormatListNumbered from "@mui/icons-material/FormatListNumbered";
-import FormatQuote from "@mui/icons-material/FormatQuote";
-import FormatStrikethrough from "@mui/icons-material/FormatStrikethrough";
-import FormatUnderlined from "@mui/icons-material/FormatUnderlined";
-import Image from "@mui/icons-material/Image";
-import Link from "@mui/icons-material/Link";
-import Box from "@mui/material/Box/index.js";
-import Divider from "@mui/material/Divider/index.js";
-import IconButton from "@mui/material/IconButton/index.js";
-import Toolbar from "@mui/material/Toolbar/index.js";
-import Tooltip from "@mui/material/Tooltip/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { alpha } from "@mui/material/styles/index.js";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var GROUPS = [
-  [
-    { key: "bold", icon: /* @__PURE__ */ jsx(FormatBold, {}), tooltip: "Bold", command: "bold" },
-    { key: "italic", icon: /* @__PURE__ */ jsx(FormatItalic, {}), tooltip: "Italic", command: "italic" },
-    { key: "underline", icon: /* @__PURE__ */ jsx(FormatUnderlined, {}), tooltip: "Underline", command: "underline" },
-    {
-      key: "strikethrough",
-      icon: /* @__PURE__ */ jsx(FormatStrikethrough, {}),
-      tooltip: "Strikethrough",
-      command: "strikethrough"
-    }
-  ],
-  [
-    {
-      key: "orderedList",
-      icon: /* @__PURE__ */ jsx(FormatListNumbered, {}),
-      tooltip: "Numbered List",
-      command: "insertOrderedList"
-    },
-    {
-      key: "unorderedList",
-      icon: /* @__PURE__ */ jsx(FormatListBulleted, {}),
-      tooltip: "Bulleted List",
-      command: "insertUnorderedList"
-    }
-  ],
-  [
-    { key: "link", icon: /* @__PURE__ */ jsx(Link, {}), tooltip: "Insert Link", command: "createLink" },
-    { key: "image", icon: /* @__PURE__ */ jsx(Image, {}), tooltip: "Insert Image", command: "insertImage" },
-    {
-      key: "codeBlock",
-      icon: /* @__PURE__ */ jsx(Code, {}),
-      tooltip: "Code Block",
-      command: "formatBlock",
-      commandValue: "pre"
-    },
-    {
-      key: "quote",
-      icon: /* @__PURE__ */ jsx(FormatQuote, {}),
-      tooltip: "Quote",
-      command: "formatBlock",
-      commandValue: "blockquote"
-    }
-  ]
-];
-var PROMPTS = {
-  createLink: { message: "Enter URL:", initial: "https://" },
-  insertImage: { message: "Enter image URL:" }
-};
-var Separator = () => /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 0.5 } });
-var ToolbarGroups = ({ config, disabled, readOnly, onRun }) => {
-  const groupIsActive = (group) => group.some((item) => config[item.key]);
-  return /* @__PURE__ */ jsx(Fragment, { children: GROUPS.map((group, groupIndex) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
-    groupIsActive(group) && GROUPS.slice(0, groupIndex).some(groupIsActive) && /* @__PURE__ */ jsx(Separator, {}),
-    group.filter((item) => config[item.key]).map((item) => /* @__PURE__ */ jsx(Tooltip, { title: item.tooltip, children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        size: "small",
-        onClick: () => onRun(item.command, item.commandValue),
-        disabled: disabled || readOnly,
-        "aria-label": item.tooltip,
-        "data-testid": `toolbar-${item.key}`,
-        children: item.icon
-      }
-    ) }, item.key))
-  ] }, group[0]?.key ?? groupIndex)) });
-};
-var RichTextEditorToolbar = ({
-  config,
-  disabled,
-  readOnly,
-  maxLength,
-  characterCount,
-  editorRef,
-  onFormat
-}) => {
-  const run = (command, commandValue) => {
-    const prompt = PROMPTS[command];
-    if (!prompt) {
-      onFormat(command, commandValue);
-      return;
-    }
-    const answer = window.prompt(prompt.message, prompt.initial);
-    if (answer) onFormat(command, answer);
-  };
-  return /* @__PURE__ */ jsxs(
-    Toolbar,
-    {
-      variant: "dense",
-      "data-testid": "editor-toolbar",
-      sx: {
-        minHeight: 48,
-        px: 1,
-        borderBottom: (theme) => `1px solid ${theme.palette.divider}`,
-        backgroundColor: (theme) => alpha(theme.palette.background.paper, 0.8)
-      },
-      children: [
-        /* @__PURE__ */ jsx(ToolbarGroups, { config, disabled, readOnly, onRun: run }),
-        config.customItems && config.customItems.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Separator, {}),
-          config.customItems.map((item) => /* @__PURE__ */ jsx(Tooltip, { title: item.label, children: /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              size: "small",
-              onClick: () => item.action(editorRef.current),
-              disabled: item.disabled || disabled || readOnly,
-              "aria-label": item.label,
-              "data-testid": `toolbar-custom-${item.id}`,
-              children: item.icon
-            }
-          ) }, item.id))
-        ] }),
-        /* @__PURE__ */ jsx(Box, { sx: { flexGrow: 1 } }),
-        maxLength && /* @__PURE__ */ jsxs(
-          Typography,
-          {
-            variant: "caption",
-            color: characterCount > maxLength * 0.8 ? "error" : "text.secondary",
-            sx: { mr: 1 },
-            "data-testid": "editor-counter",
-            children: [
-              characterCount,
-              "/",
-              maxLength
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-
-export {
-  RichTextEditorToolbar
-};
-//# sourceMappingURL=chunk-SE6ERQY5.js.map

package/dist/chunk-SE6ERQY5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/RichTextEditor/RichTextEditorToolbar.tsx"],"sourcesContent":["import Code from '@mui/icons-material/Code';\nimport FormatBold from '@mui/icons-material/FormatBold';\nimport FormatItalic from '@mui/icons-material/FormatItalic';\nimport FormatListBulleted from '@mui/icons-material/FormatListBulleted';\nimport FormatListNumbered from '@mui/icons-material/FormatListNumbered';\nimport FormatQuote from '@mui/icons-material/FormatQuote';\nimport FormatStrikethrough from '@mui/icons-material/FormatStrikethrough';\nimport FormatUnderlined from '@mui/icons-material/FormatUnderlined';\nimport Image from '@mui/icons-material/Image';\nimport Link from '@mui/icons-material/Link';\nimport Box from '@mui/material/Box/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Toolbar from '@mui/material/Toolbar/index.js';\nimport Tooltip from '@mui/material/Tooltip/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha } from '@mui/material/styles/index.js';\nimport type { FC, ReactElement } from 'react';\nimport React from 'react';\n\nimport type { ToolbarConfig } from './RichTextEditor.types';\n\ntype ResolvedToolbar = Required<Omit<ToolbarConfig, 'customItems'>> &\n  Pick<ToolbarConfig, 'customItems'>;\n\n// The button groups, in render order. A separator is drawn between two groups\n// only when both actually have something switched on.\nconst GROUPS: Array<Array<{ key: keyof ResolvedToolbar; icon: ReactElement; tooltip: string; command: string; commandValue?: string }>> = [\n  [\n    { key: 'bold', icon: <FormatBold />, tooltip: 'Bold', command: 'bold' },\n    { key: 'italic', icon: <FormatItalic />, tooltip: 'Italic', command: 'italic' },\n    { key: 'underline', icon: <FormatUnderlined />, tooltip: 'Underline', command: 'underline' },\n    {\n      key: 'strikethrough',\n      icon: <FormatStrikethrough />,\n      tooltip: 'Strikethrough',\n      command: 'strikethrough',\n    },\n  ],\n  [\n    {\n      key: 'orderedList',\n      icon: <FormatListNumbered />,\n      tooltip: 'Numbered List',\n      command: 'insertOrderedList',\n    },\n    {\n      key: 'unorderedList',\n      icon: <FormatListBulleted />,\n      tooltip: 'Bulleted List',\n      command: 'insertUnorderedList',\n    },\n  ],\n  [\n    { key: 'link', icon: <Link />, tooltip: 'Insert Link', command: 'createLink' },\n    { key: 'image', icon: <Image />, tooltip: 'Insert Image', command: 'insertImage' },\n    {\n      key: 'codeBlock',\n      icon: <Code />,\n      tooltip: 'Code Block',\n      command: 'formatBlock',\n      commandValue: 'pre',\n    },\n    {\n      key: 'quote',\n      icon: <FormatQuote />,\n      tooltip: 'Quote',\n      command: 'formatBlock',\n      commandValue: 'blockquote',\n    },\n  ],\n];\n\n// Link and image need a target before they can run.\nconst PROMPTS: Record<string, { message: string; initial?: string }> = {\n  createLink: { message: 'Enter URL:', initial: 'https://' },\n  insertImage: { message: 'Enter image URL:' },\n};\n\nconst Separator: FC = () => <Divider orientation=\"vertical\" flexItem sx={{ mx: 0.5 }} />;\n\nexport interface RichTextEditorToolbarProps {\n  config: ResolvedToolbar;\n  disabled: boolean;\n  readOnly: boolean;\n  maxLength?: number;\n  characterCount: number;\n  editorRef: React.RefObject<HTMLDivElement | null>;\n  onFormat: (command: string, value?: string) => void;\n}\n\nconst ToolbarGroups: FC<{\n  config: ResolvedToolbar;\n  disabled: boolean;\n  readOnly: boolean;\n  onRun: (command: string, commandValue?: string) => void;\n}> = ({ config, disabled, readOnly, onRun }) => {\n  const groupIsActive = (group: (typeof GROUPS)[number]) => group.some((item) => config[item.key]);\n\n  return (\n    <>\n      {GROUPS.map((group, groupIndex) => (\n        <React.Fragment key={group[0]?.key ?? groupIndex}>\n          {groupIsActive(group) && GROUPS.slice(0, groupIndex).some(groupIsActive) && <Separator />}\n          {group\n            .filter((item) => config[item.key])\n            .map((item) => (\n              <Tooltip key={item.key} title={item.tooltip}>\n                <IconButton\n                  size=\"small\"\n                  onClick={() => onRun(item.command, item.commandValue)}\n                  disabled={disabled || readOnly}\n                  aria-label={item.tooltip}\n                  data-testid={`toolbar-${item.key}`}\n                >\n                  {item.icon}\n                </IconButton>\n              </Tooltip>\n            ))}\n        </React.Fragment>\n      ))}\n    </>\n  );\n};\n\nexport const RichTextEditorToolbar: FC<RichTextEditorToolbarProps> = ({\n  config,\n  disabled,\n  readOnly,\n  maxLength,\n  characterCount,\n  editorRef,\n  onFormat,\n}) => {\n  const run = (command: string, commandValue?: string) => {\n    const prompt = PROMPTS[command];\n    if (!prompt) {\n      onFormat(command, commandValue);\n      return;\n    }\n\n    const answer = window.prompt(prompt.message, prompt.initial);\n    if (answer) onFormat(command, answer);\n  };\n\n  return (\n    <Toolbar\n      variant=\"dense\"\n      data-testid=\"editor-toolbar\"\n      sx={{\n        minHeight: 48,\n        px: 1,\n        borderBottom: (theme) => `1px solid ${theme.palette.divider}`,\n        backgroundColor: (theme) => alpha(theme.palette.background.paper, 0.8),\n      }}\n    >\n      <ToolbarGroups config={config} disabled={disabled} readOnly={readOnly} onRun={run} />\n\n      {config.customItems && config.customItems.length > 0 && (\n        <>\n          <Separator />\n          {config.customItems.map((item) => (\n            <Tooltip key={item.id} title={item.label}>\n              <IconButton\n                size=\"small\"\n                onClick={() => item.action(editorRef.current)}\n                disabled={item.disabled || disabled || readOnly}\n                aria-label={item.label}\n                data-testid={`toolbar-custom-${item.id}`}\n              >\n                {item.icon}\n              </IconButton>\n            </Tooltip>\n          ))}\n        </>\n      )}\n\n      <Box sx={{ flexGrow: 1 }} />\n\n      {maxLength && (\n        <Typography\n          variant=\"caption\"\n          // Turns red in the last fifth of the allowance.\n          color={characterCount > maxLength * 0.8 ? 'error' : 'text.secondary'}\n          sx={{ mr: 1 }}\n          data-testid=\"editor-counter\"\n        >\n          {characterCount}/{maxLength}\n        </Typography>\n      )}\n    </Toolbar>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-SKX4NA6E.js

@@ -1,241 +0,0 @@
-import {
-  GridMain
-} from "./chunk-HJWOB62A.js";
-import {
-  FilterDialog,
-  GridFilterPanel
-} from "./chunk-I2CRLUS7.js";
-import {
-  DataViewsEmpty
-} from "./chunk-5ZQUJ7LT.js";
-import {
-  InlineFilterControls
-} from "./chunk-F7HQVKIR.js";
-import {
-  GridHeaderRow
-} from "./chunk-KK57AHWS.js";
-import {
-  DataViewsPagination
-} from "./chunk-CRZXSZ5O.js";
-import {
-  toOverflowFields,
-  useFilterOverflow
-} from "./chunk-TQ6FPOPD.js";
-import {
-  resolveSelectionExtra
-} from "./chunk-KX75HM5U.js";
-import {
-  ScopeTabsSlot
-} from "./chunk-ZHEZISMI.js";
-import {
-  ShellToolbar
-} from "./chunk-CS3RKXT5.js";
-import {
-  togglePillValues
-} from "./chunk-LOJK733T.js";
-import {
-  DataViewsLayoutProvider,
-  useDataViewsLayout
-} from "./chunk-4LQZH4PU.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  TableFilter
-} from "./chunk-HXEBKOSM.js";
-import {
-  default as default2
-} from "./chunk-WEBEOBN5.js";
-
-// src/components/data-display/DataViews/data-views-grid-parts.tsx
-import { useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function LayoutStateSync({
-  c
-}) {
-  const { layout } = useDataViewsLayout();
-  const stored = c.state.layout;
-  useEffect(() => {
-    if (stored !== layout) c.patch({ layout });
-  }, [layout, stored]);
-  return null;
-}
-function useGridShellFilters({
-  c,
-  inlineFilters,
-  fields,
-  rangeFields,
-  testIdPrefix,
-  alwaysShowSearch,
-  hasExport
-}) {
-  const { state } = c;
-  const [openControls, setOpenControls] = useState(0);
-  const split = useFilterOverflow(
-    toOverflowFields(fields, rangeFields),
-    state.pills,
-    c.ranges,
-    openControls > 0,
-    hasExport
-  );
-  const showInline = inlineFilters;
-  const useModal = false;
-  const inlineVisible = showInline && (alwaysShowSearch || fields.length > 0 || rangeFields.length > 0 || state.search !== "");
-  const filterProps = {
-    testIdPrefix,
-    search: state.search,
-    fields,
-    rangeFields,
-    pills: state.pills,
-    ranges: c.ranges,
-    onSearchChange: (value) => c.patch({ search: value }),
-    // Updater, never the render's `state` — see {@link DataViewStatePatch}.
-    onTogglePill: (fieldId, value, checked) => c.patch(({ pills }) => ({ pills: { ...pills, [fieldId]: togglePillValues(pills[fieldId], value, checked) } })),
-    onChangeRange: (fieldId, range) => c.patch({ ranges: { ...c.ranges, [fieldId]: range } }),
-    onClearField: (fieldId) => c.patch({ pills: { ...state.pills, [fieldId]: [] } }),
-    onClearAll: () => c.patch({ search: "", pills: {}, ranges: {} })
-  };
-  return {
-    showInline,
-    useModal,
-    inlineVisible,
-    filterProps,
-    split,
-    onControlOpenChange: (open) => setOpenControls((count) => Math.max(0, count + (open ? 1 : -1)))
-  };
-}
-function ShellStack({
-  props,
-  filters
-}) {
-  const copy = useDataViewsCopy();
-  const { c, testIdPrefix, dataTestId, scopes = [], emptyState, inlineFilters = false } = props;
-  const { showInline, useModal, inlineVisible, filterProps, split, onControlOpenChange } = filters;
-  const body = /* @__PURE__ */ jsx(
-    DataViewsEmpty,
-    {
-      filtered: c.activeFilterCount > 0 || c.state.search !== "",
-      onClearFilters: () => c.patch({ search: "", pills: {}, ranges: {} }),
-      emptyState,
-      testIdPrefix
-    }
-  );
-  return /* @__PURE__ */ jsx(
-    TableFilter,
-    {
-      copy: copy.tableFilter,
-      open: c.filterOpen,
-      onOpenChange: c.setFilterOpen,
-      hasActiveFilters: c.activeFilterCount > 0,
-      children: /* @__PURE__ */ jsxs(default2, { spacing: 0, "data-testid": dataTestId ? `${dataTestId}-container` : void 0, children: [
-        /* @__PURE__ */ jsx(GridHeaderRow, { title: props.title, headerActions: props.headerActions, testIdPrefix }),
-        /* @__PURE__ */ jsx(
-          ShellToolbar,
-          {
-            c,
-            rows: props.rows,
-            sortKinds: props.sortKinds,
-            displayView: props.displayView,
-            exportConfig: props.exportConfig,
-            filterControls: inlineVisible ? /* @__PURE__ */ jsx(
-              InlineFilterControls,
-              {
-                ...filterProps,
-                split,
-                activeFilterCount: c.activeFilterCount,
-                onControlOpenChange
-              }
-            ) : void 0,
-            barRef: split.barRef,
-            testIdPrefix,
-            rowActions: props.rowActions,
-            bulkActions: props.bulkActions,
-            selectionExtra: resolveSelectionExtra(props),
-            toolbarRightSlot: props.toolbarRightSlot,
-            compactControls: showInline && split.compactControls,
-            counterHidden: showInline && split.counterHidden,
-            showInline
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ScopeTabsSlot,
-          {
-            scopes,
-            scopeFieldId: props.scopeFieldId,
-            board: props.board,
-            value: c.scope,
-            onChange: c.setScope,
-            counts: c.scopeCounts,
-            testIdPrefix
-          }
-        ),
-        /* @__PURE__ */ jsxs(TableFilter.Layout, { children: [
-          /* @__PURE__ */ jsxs(TableFilter.Main, { children: [
-            /* @__PURE__ */ jsx(
-              GridMain,
-              {
-                c,
-                getRowId: props.getRowId,
-                renderCard: props.renderCard,
-                renderListRow: props.renderListRow,
-                listGroup: props.listGroup,
-                board: props.board,
-                rowDetail: props.rowDetail,
-                dataTestId,
-                testIdPrefix,
-                emptyState: body
-              }
-            ),
-            /* @__PURE__ */ jsx(DataViewsPagination, { c, testIdPrefix })
-          ] }),
-          inlineFilters ? null : /* @__PURE__ */ jsx(GridFilterPanel, { ...filterProps })
-        ] }),
-        useModal && /* @__PURE__ */ jsx(FilterDialog, { open: c.filterOpen, onClose: () => c.setFilterOpen(false), ...filterProps })
-      ] })
-    }
-  );
-}
-function GridShell(props) {
-  const {
-    c,
-    fields,
-    rangeFields,
-    testIdPrefix,
-    renderCard,
-    renderListRow,
-    board,
-    defaultLayout,
-    ignoreStoredLayout,
-    inlineFilters = false,
-    alwaysShowSearch = false
-  } = props;
-  const filters = useGridShellFilters({
-    c,
-    inlineFilters,
-    fields,
-    rangeFields,
-    testIdPrefix,
-    alwaysShowSearch,
-    hasExport: props.exportConfig !== void 0
-  });
-  return /* @__PURE__ */ jsxs(
-    DataViewsLayoutProvider,
-    {
-      canUseCards: Boolean(renderCard),
-      canUseList: Boolean(renderListRow),
-      canUseBoard: Boolean(board && renderCard),
-      defaultLayout,
-      ignoreStoredLayout,
-      viewLayout: c.state.layout,
-      children: [
-        /* @__PURE__ */ jsx(LayoutStateSync, { c }),
-        /* @__PURE__ */ jsx(ShellStack, { props, filters })
-      ]
-    }
-  );
-}
-
-export {
-  GridShell
-};
-//# sourceMappingURL=chunk-SKX4NA6E.js.map