@crediblemark/build 0.22.0

package/dist/chunk-VFD76OD5.mjs

@@ -0,0 +1,55 @@
+import {
+  TextAlignCenter,
+  TextAlignEnd,
+  TextAlignJustify,
+  TextAlignStart
+} from "./chunk-U2NVBXAC.mjs";
+import {
+  init_react_import
+} from "./chunk-B4BOBGYB.mjs";
+
+// components/RichTextMenu/controls/AlignSelect/use-options.ts
+init_react_import();
+import { useMemo } from "react";
+var optionNodes = {
+  left: { label: "Left", icon: TextAlignStart },
+  center: { label: "Center", icon: TextAlignCenter },
+  right: { label: "Right", icon: TextAlignEnd },
+  justify: { label: "Justify", icon: TextAlignJustify }
+};
+var useAlignOptions = (fieldOptions) => {
+  const blockOptions = useMemo(() => {
+    const options = [];
+    if (fieldOptions?.textAlign !== false) {
+      if (!fieldOptions?.textAlign?.alignments) {
+        return ["left", "center", "right", "justify"];
+      } else {
+        if (fieldOptions?.textAlign.alignments.includes("left")) {
+          options.push("left");
+        }
+        if (fieldOptions?.textAlign.alignments.includes("center")) {
+          options.push("center");
+        }
+        if (fieldOptions?.textAlign.alignments.includes("right")) {
+          options.push("right");
+        }
+        if (fieldOptions?.textAlign.alignments.includes("justify")) {
+          options.push("justify");
+        }
+      }
+    }
+    return options;
+  }, [fieldOptions?.textAlign]);
+  return useMemo(
+    () => blockOptions.map((item) => ({
+      value: item,
+      label: optionNodes[item].label,
+      icon: optionNodes[item].icon
+    })),
+    [blockOptions]
+  );
+};
+
+export {
+  useAlignOptions
+};

package/dist/chunk-VGDMWS44.mjs

@@ -0,0 +1,107 @@
+import {
+  styles_module_default
+} from "./chunk-IJHL7BIR.mjs";
+import {
+  LoadedRichTextMenuInner
+} from "./chunk-DSXRK4QJ.mjs";
+import {
+  useAppStore,
+  useAppStoreApi
+} from "./chunk-U2NVBXAC.mjs";
+import {
+  get_class_name_factory_default
+} from "./chunk-YH7AXYKP.mjs";
+import {
+  init_react_import
+} from "./chunk-B4BOBGYB.mjs";
+
+// components/RichTextEditor/components/EditorInner.tsx
+init_react_import();
+import {
+  memo,
+  useCallback
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var getClassName = get_class_name_factory_default("RichTextEditor", styles_module_default);
+var EditorInner = memo(
+  ({
+    children,
+    menu,
+    readOnly = false,
+    field,
+    inline = false,
+    editor,
+    id
+  }) => {
+    const { initialHeight } = field;
+    const isActive = useAppStore(
+      (s) => s.currentRichText?.id === id && inline === s.currentRichText.inline
+    );
+    const appStoreApi = useAppStoreApi();
+    const handleHotkeyCapture = useCallback(
+      (event) => {
+        if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "i") {
+          event.stopPropagation();
+          event.preventDefault();
+          editor?.commands.toggleItalic?.();
+        }
+        if (event.key.toLowerCase() === "backspace") {
+          event.stopPropagation();
+        }
+      },
+      [editor]
+    );
+    const handleBlur = useCallback(
+      (e) => {
+        const targetInMenu = !!e.relatedTarget?.closest?.(
+          "[data-credbuild-rte-menu]"
+        );
+        if (e.relatedTarget && !targetInMenu) {
+          appStoreApi.setState({
+            currentRichText: null
+          });
+        } else {
+          e.stopPropagation();
+        }
+      },
+      [appStoreApi]
+    );
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: getClassName({
+          editor: !inline,
+          inline,
+          isActive,
+          disabled: readOnly
+        }),
+        style: inline ? {} : { height: initialHeight ?? 192, overflowY: "auto" },
+        onKeyDownCapture: handleHotkeyCapture,
+        onBlur: handleBlur,
+        children: [
+          !inline && /* @__PURE__ */ jsx("div", { className: getClassName("menu"), children: menu }),
+          children
+        ]
+      }
+    );
+  }
+);
+EditorInner.displayName = "EditorInner";
+
+// components/RichTextMenu/index.tsx
+init_react_import();
+import { lazy, Suspense } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var LoadedRichTextMenuFull = lazy(
+  () => import("./full-LJRK5736.mjs").then((m) => ({
+    default: m.LoadedRichTextMenuFull
+  }))
+);
+var LoadedRichTextMenu = (props) => {
+  return /* @__PURE__ */ jsx2(Suspense, { fallback: /* @__PURE__ */ jsx2(LoadedRichTextMenuInner, { ...props }), children: /* @__PURE__ */ jsx2(LoadedRichTextMenuFull, { ...props }) });
+};
+
+export {
+  EditorInner,
+  LoadedRichTextMenu
+};