@alixpartners/ui-components 2.5.2 → 2.5.5

package/dist/RichTextEditor-CHGQT1Qj.js

@@ -1,363 +0,0 @@
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
-import { c as _ } from "./clsx-OuTLNxxd.js";
-import { useId as se, useRef as w, useState as p, useMemo as ue, useEffect as E } from "react";
-import O from "./components/Icon/Icon.js";
-import S from "./components/Tooltip/Tooltip.js";
-import { R as me, T as fe, P as _e, C as pe } from "./index-DZ4Gof57.js";
-import './assets/RichTextEditor.css';const he = "RichTextEditor-module__container___AplP0", ge = "RichTextEditor-module__label___vjzs-", be = "RichTextEditor-module__required___7duke", Me = "RichTextEditor-module__frame___7OSyf", Te = "RichTextEditor-module__frameFocused___GtJ2x", xe = "RichTextEditor-module__frameDisabled___LubtU", ve = "RichTextEditor-module__toolbar___m9-M-", Re = "RichTextEditor-module__toolbarContent___YXKHD", Ee = "RichTextEditor-module__toolbarStacked___6rB10", Oe = "RichTextEditor-module__actions___ZAK9J", Ce = "RichTextEditor-module__toolbarPanel___OVGHO", ye = "RichTextEditor-module__toolbarRow___f0xJR", He = "RichTextEditor-module__toolButton___IT2Kg", Ne = "RichTextEditor-module__toolButtonActive___-HvZQ", ke = "RichTextEditor-module__toolIcon___Wndhd", Le = "RichTextEditor-module__formatControl___w4WcA", we = "RichTextEditor-module__toolbarLinkSlot___Gu-9l", Se = "RichTextEditor-module__selectTrigger___frv3x", Fe = "RichTextEditor-module__selectTriggerOpen___tk2Pb", Ie = "RichTextEditor-module__selectTriggerLabel___FkEv0", Pe = "RichTextEditor-module__selectIcon___aJWUk", Be = "RichTextEditor-module__formatMenu___y-uBL", Ae = "RichTextEditor-module__formatMenuOptions___zcdlo", je = "RichTextEditor-module__formatMenuOption___3ppTs", ze = "RichTextEditor-module__formatMenuOptionSelected___bq9J9", De = "RichTextEditor-module__formatMenuOptionParagraph___4BLds", qe = "RichTextEditor-module__formatMenuOptionHeading1___H1cKX", Ue = "RichTextEditor-module__formatMenuOptionHeading2___JdixR", $e = "RichTextEditor-module__formatMenuOptionHeading3___NcwLr", We = "RichTextEditor-module__formatMenuOptionHeading4___4mLbG", Je = "RichTextEditor-module__formatMenuOptionPreformatted___cB0Ix", Ke = "RichTextEditor-module__editor___M32R7", Ve = "RichTextEditor-module__wordCount___5SSVY", Ge = "RichTextEditor-module__wordCountExceeded___NhqBc", e = {
-  container: he,
-  label: ge,
-  required: be,
-  frame: Me,
-  frameFocused: Te,
-  frameDisabled: xe,
-  toolbar: ve,
-  toolbarContent: Re,
-  toolbarStacked: Ee,
-  actions: Oe,
-  toolbarPanel: Ce,
-  toolbarRow: ye,
-  toolButton: He,
-  toolButtonActive: Ne,
-  toolIcon: ke,
-  formatControl: Le,
-  toolbarLinkSlot: we,
-  selectTrigger: Se,
-  selectTriggerOpen: Fe,
-  selectTriggerLabel: Ie,
-  selectIcon: Pe,
-  formatMenu: Be,
-  formatMenuOptions: Ae,
-  formatMenuOption: je,
-  formatMenuOptionSelected: ze,
-  formatMenuOptionParagraph: De,
-  formatMenuOptionHeading1: qe,
-  formatMenuOptionHeading2: Ue,
-  formatMenuOptionHeading3: $e,
-  formatMenuOptionHeading4: We,
-  formatMenuOptionPreformatted: Je,
-  editor: Ke,
-  wordCount: Ve,
-  wordCountExceeded: Ge
-}, Xe = {
-  paragraph: "p",
-  heading1: "h1",
-  heading2: "h2",
-  heading3: "h3",
-  heading4: "h4",
-  preformatted: "pre",
-  "unordered-list": "ul",
-  "ordered-list": "ol"
-};
-function te(o) {
-  return o.trim().length > 0 ? o : "<br>";
-}
-function Ye(o) {
-  switch (o.toLowerCase()) {
-    case "h1":
-      return "heading1";
-    case "h2":
-      return "heading2";
-    case "h3":
-      return "heading3";
-    case "h4":
-      return "heading4";
-    case "pre":
-      return "preformatted";
-    case "ul":
-      return "unordered-list";
-    case "ol":
-      return "ordered-list";
-    case "p":
-    default:
-      return "paragraph";
-  }
-}
-function F(o) {
-  if (!o.trim())
-    return {
-      blocks: [{
-        type: "paragraph",
-        html: "<br>"
-      }]
-    };
-  const d = new DOMParser().parseFromString(o, "text/html"), s = Array.from(d.body.childNodes), h = [];
-  return s.forEach((i) => {
-    var T;
-    if (i.nodeType === Node.TEXT_NODE) {
-      const m = (T = i.textContent) == null ? void 0 : T.trim();
-      m && h.push({
-        type: "paragraph",
-        html: m
-      });
-      return;
-    }
-    if (i.nodeType !== Node.ELEMENT_NODE)
-      return;
-    const u = i, b = u.style.textAlign;
-    h.push({
-      type: Ye(u.tagName),
-      html: te(u.innerHTML),
-      align: b || void 0
-    });
-  }), {
-    blocks: h.length > 0 ? h : [{
-      type: "paragraph",
-      html: "<br>"
-    }]
-  };
-}
-function ee(o) {
-  return o.blocks.length ? o.blocks.map((a) => {
-    const d = Xe[a.type], s = a.align ? ` style="text-align:${a.align}"` : "";
-    return `<${d}${s}>${te(a.html)}</${d}>`;
-  }).join("") : "<p><br></p>";
-}
-function Ze(o) {
-  const a = o.blocks.map((d) => d.html.replace(/<[^>]+>/g, " ")).join(" ").replace(/\s+/g, " ").trim();
-  return a ? a.split(" ").length : 0;
-}
-const Qe = [{
-  label: "Paragraph",
-  value: "paragraph"
-}, {
-  label: "Heading 1",
-  value: "heading1"
-}, {
-  label: "Heading 2",
-  value: "heading2"
-}, {
-  label: "Heading 3",
-  value: "heading3"
-}, {
-  label: "Heading 4",
-  value: "heading4"
-}, {
-  label: "Preformatted",
-  value: "preformatted"
-}], et = {
-  paragraph: "P",
-  heading1: "H1",
-  heading2: "H2",
-  heading3: "H3",
-  heading4: "H4",
-  preformatted: "PRE",
-  "unordered-list": "UL",
-  "ordered-list": "OL"
-};
-function I() {
-  return "<p><br></p>";
-}
-function tt(o) {
-  return o.trim().length > 0 ? o : I();
-}
-function nt() {
-  const o = document.queryCommandValue("formatBlock");
-  switch (String(o || "").replace(/[<>]/g, "").toUpperCase()) {
-    case "H1":
-      return "heading1";
-    case "H2":
-      return "heading2";
-    case "H3":
-      return "heading3";
-    case "H4":
-      return "heading4";
-    case "PRE":
-      return "preformatted";
-    default:
-      return "paragraph";
-  }
-}
-function ot(o) {
-  switch (o) {
-    case "heading1":
-      return e.formatMenuOptionHeading1;
-    case "heading2":
-      return e.formatMenuOptionHeading2;
-    case "heading3":
-      return e.formatMenuOptionHeading3;
-    case "heading4":
-      return e.formatMenuOptionHeading4;
-    case "preformatted":
-      return e.formatMenuOptionPreformatted;
-    default:
-      return e.formatMenuOptionParagraph;
-  }
-}
-function st({
-  className: o,
-  label: a,
-  required: d = !1,
-  value: s,
-  placeholder: h = "Content",
-  disabled: i = !1,
-  toolbarLayout: u = "inline",
-  showToolbar: b = !0,
-  showWordCount: T = !0,
-  maxWords: m,
-  resizable: ne = !0,
-  rows: oe = 8,
-  tooltipEnabled: x = !0,
-  formatOptions: P = Qe,
-  onChange: C,
-  onModelChange: y
-}) {
-  const B = se(), l = w(null), A = w(null), j = w(null), [re, z] = p(!1), [H, D] = p(!1), [ie, ae] = p(0), [q, U] = p(null), [v, $] = p(() => F(s || I())), [W, le] = p("paragraph"), [f, ce] = p({
-    bold: !1,
-    italic: !1,
-    underline: !1,
-    justifyLeft: !1,
-    justifyCenter: !1,
-    justifyRight: !1,
-    insertUnorderedList: !1
-  }), N = ue(() => Ze(v), [v]), k = () => {
-    if (!l.current) return;
-    const t = F(l.current.innerHTML);
-    $(t), y == null || y(t), C == null || C(ee(t));
-  }, M = () => {
-    le(nt()), ce({
-      bold: document.queryCommandState("bold"),
-      italic: document.queryCommandState("italic"),
-      underline: document.queryCommandState("underline"),
-      justifyLeft: document.queryCommandState("justifyLeft"),
-      justifyCenter: document.queryCommandState("justifyCenter"),
-      justifyRight: document.queryCommandState("justifyRight"),
-      insertUnorderedList: document.queryCommandState("insertUnorderedList")
-    });
-  }, J = () => {
-    var t;
-    i || (t = l.current) == null || t.focus();
-  }, K = (t, r) => {
-    i || (J(), document.execCommand(t, !1, r), k(), M());
-  }, de = (t) => {
-    K("formatBlock", et[t]);
-  }, V = () => {
-    if (i) return;
-    J();
-    const t = window.prompt("Enter URL");
-    t && (document.execCommand("createLink", !1, t), k(), M());
-  };
-  E(() => {
-    const t = tt(s || I()), r = F(t);
-    $(r), l.current && l.current.innerHTML !== t && (l.current.innerHTML = t);
-  }, [s]), E(() => {
-    l.current && (l.current.innerHTML.trim() || (l.current.innerHTML = ee(v)));
-  }, [v]), E(() => {
-    var r;
-    const t = (r = A.current) == null ? void 0 : r.getBoundingClientRect().width;
-    t && ae(t);
-  }, [H]), E(() => {
-    if (!b) {
-      U(null);
-      return;
-    }
-    const t = j.current;
-    if (!t) return;
-    const r = () => {
-      const Q = t.getBoundingClientRect().width;
-      Q > 0 && U(Q);
-    };
-    r();
-    const R = new ResizeObserver(() => {
-      r();
-    });
-    return R.observe(t), window.addEventListener("resize", r), () => {
-      R.disconnect(), window.removeEventListener("resize", r);
-    };
-  }, [b, u, i, x]);
-  const g = (t) => /* @__PURE__ */ n(S, { content: t.tooltip, size: "sm", theme: "dark", tipSide: "top", tipAlignment: "center", disabled: !x, children: /* @__PURE__ */ n("button", { type: "button", className: _(e.toolButton, t.active && e.toolButtonActive), onMouseDown: (r) => r.preventDefault(), onClick: () => K(t.command, t.value), "aria-label": t.tooltip, disabled: i, children: /* @__PURE__ */ n(O, { icon: t.icon, className: e.toolIcon }) }) }, t.id), L = [{
-    id: "bold",
-    icon: "ap-icon-bold",
-    command: "bold",
-    tooltip: "Bold",
-    active: f.bold
-  }, {
-    id: "italic",
-    icon: "ap-icon-italic",
-    command: "italic",
-    tooltip: "Italic",
-    active: f.italic
-  }, {
-    id: "underline",
-    icon: "ap-icon-underline",
-    command: "underline",
-    tooltip: "Underline",
-    active: f.underline
-  }, {
-    id: "align-left",
-    icon: "ap-icon-left",
-    command: "justifyLeft",
-    tooltip: "Align left",
-    active: f.justifyLeft
-  }, {
-    id: "align-center",
-    icon: "ap-icon-bar",
-    command: "justifyCenter",
-    tooltip: "Align center",
-    active: f.justifyCenter
-  }, {
-    id: "align-right",
-    icon: "ap-icon-right",
-    command: "justifyRight",
-    tooltip: "Align right",
-    active: f.justifyRight
-  }, {
-    id: "bulleted",
-    icon: "ap-icon-list",
-    command: "insertUnorderedList",
-    tooltip: "Bulleted list",
-    active: f.insertUnorderedList
-  }], G = L.filter((t) => ["bold", "italic", "underline"].includes(t.id)), X = L.filter((t) => ["align-left", "align-center", "align-right"].includes(t.id)), Y = L.filter((t) => ["bulleted"].includes(t.id)), Z = () => {
-    var t;
-    return /* @__PURE__ */ n("div", { className: e.formatControl, children: /* @__PURE__ */ c(me, { open: H, onOpenChange: D, children: [
-      /* @__PURE__ */ c(fe, { ref: A, disabled: i, className: _(e.selectTrigger, H && e.selectTriggerOpen), children: [
-        /* @__PURE__ */ n("span", { className: e.selectTriggerLabel, children: ((t = P.find((r) => r.value === W)) == null ? void 0 : t.label) || "Paragraph" }),
-        /* @__PURE__ */ n(O, { icon: "ap-icon-expand-more", className: e.selectIcon })
-      ] }),
-      /* @__PURE__ */ n(_e, { children: /* @__PURE__ */ n(pe, { align: "end", side: "bottom", sideOffset: 6, collisionPadding: 8, className: e.formatMenu, style: {
-        minWidth: ie || 180,
-        zIndex: 9999
-      }, children: /* @__PURE__ */ n("div", { className: e.formatMenuOptions, children: P.map((r) => /* @__PURE__ */ n("button", { type: "button", className: _(e.formatMenuOption, ot(r.value), r.value === W && e.formatMenuOptionSelected), onMouseDown: (R) => R.preventDefault(), onClick: () => {
-        de(r.value), D(!1);
-      }, children: r.label }, r.value)) }) }) })
-    ] }) });
-  };
-  return /* @__PURE__ */ c("div", { className: _(e.container, o), children: [
-    a && /* @__PURE__ */ c("label", { className: e.label, htmlFor: B, children: [
-      a,
-      d && /* @__PURE__ */ n("span", { className: e.required, children: "*" })
-    ] }),
-    /* @__PURE__ */ c("div", { className: _(e.frame, re && e.frameFocused, i && e.frameDisabled), style: {
-      width: q ? `${q}px` : void 0
-    }, children: [
-      b && /* @__PURE__ */ n("div", { className: _(e.toolbar, u === "stacked" && e.toolbarStacked), children: /* @__PURE__ */ n("div", { ref: j, className: e.toolbarContent, children: u === "stacked" ? /* @__PURE__ */ c("div", { className: e.toolbarPanel, children: [
-        /* @__PURE__ */ c("div", { className: e.toolbarRow, children: [
-          /* @__PURE__ */ n("div", { className: e.actions, children: G.map(g) }),
-          /* @__PURE__ */ n("div", { className: e.actions, children: X.map(g) })
-        ] }),
-        /* @__PURE__ */ c("div", { className: e.toolbarRow, children: [
-          /* @__PURE__ */ n("div", { className: e.actions, children: Y.map(g) }),
-          /* @__PURE__ */ n("div", { className: e.toolbarLinkSlot, children: /* @__PURE__ */ n(S, { content: "Insert link", size: "sm", theme: "dark", tipSide: "top", tipAlignment: "center", disabled: !x, children: /* @__PURE__ */ n("button", { type: "button", className: e.toolButton, onMouseDown: (t) => t.preventDefault(), onClick: V, "aria-label": "Insert link", disabled: i, children: /* @__PURE__ */ n(O, { icon: "ap-icon-link", className: e.toolIcon }) }) }) }),
-          Z()
-        ] })
-      ] }) : /* @__PURE__ */ n("div", { className: e.toolbarPanel, children: /* @__PURE__ */ c("div", { className: e.toolbarRow, children: [
-        /* @__PURE__ */ n("div", { className: e.actions, children: G.map(g) }),
-        /* @__PURE__ */ n("div", { className: e.actions, children: X.map(g) }),
-        /* @__PURE__ */ n("div", { className: e.actions, children: Y.map(g) }),
-        /* @__PURE__ */ n("div", { className: e.toolbarLinkSlot, children: /* @__PURE__ */ n(S, { content: "Insert link", size: "sm", theme: "dark", tipSide: "top", tipAlignment: "center", disabled: !x, children: /* @__PURE__ */ n("button", { type: "button", className: e.toolButton, onMouseDown: (t) => t.preventDefault(), onClick: V, "aria-label": "Insert link", disabled: i, children: /* @__PURE__ */ n(O, { icon: "ap-icon-link", className: e.toolIcon }) }) }) }),
-        Z()
-      ] }) }) }) }),
-      /* @__PURE__ */ n("div", { id: B, ref: l, className: e.editor, contentEditable: !i, suppressContentEditableWarning: !0, role: "textbox", "aria-multiline": "true", "aria-label": a || "Rich text editor", "data-placeholder": h, onInput: k, onFocus: () => {
-        z(!0), M();
-      }, onBlur: () => z(!1), onKeyUp: M, onMouseUp: M, style: {
-        minHeight: `${oe * 20}px`,
-        resize: ne ? "vertical" : "none"
-      } }),
-      T && /* @__PURE__ */ n("div", { className: _(e.wordCount, m && N > m && e.wordCountExceeded), children: m ? `${N}/${m}` : N })
-    ] })
-  ] });
-}
-export {
-  st as R,
-  e as s
-};

package/dist/ap-logos-CwA4O8B7.js

@@ -1,4 +0,0 @@
-const o = ["ap-icon-logo-alixpartners", "ap-icon-logo-chapter11", "ap-icon-logo-deedi", "ap-icon-logo-elevation", "ap-icon-logo-gto", "ap-icon-logo-radial", "ap-icon-logo-rpms", "ap-icon-logo-smart-factory", "ap-icon-logo-sxr", "ap-icon-logo-working-capital", "ap-icon-logo-vault", "ap-icon-logo-codex"];
-export {
-  o as a
-};

package/dist/index-CxAtPSMM.js

@@ -1,27 +0,0 @@
-import * as u from "react";
-import { i as z } from "./index-DM51yNMI.js";
-function n(r) {
-  const [h, i] = u.useState(void 0);
-  return z(() => {
-    if (r) {
-      i({ width: r.offsetWidth, height: r.offsetHeight });
-      const f = new ResizeObserver((e) => {
-        if (!Array.isArray(e) || !e.length)
-          return;
-        const b = e[0];
-        let o, t;
-        if ("borderBoxSize" in b) {
-          const s = b.borderBoxSize, d = Array.isArray(s) ? s[0] : s;
-          o = d.inlineSize, t = d.blockSize;
-        } else
-          o = r.offsetWidth, t = r.offsetHeight;
-        i({ width: o, height: t });
-      });
-      return f.observe(r, { box: "border-box" }), () => f.unobserve(r);
-    } else
-      i(void 0);
-  }, [r]), h;
-}
-export {
-  n as u
-};