@platox/pivot-table 0.0.32 → 0.0.34

package/es/dashboard-workbench/components/module-content/text-module/editor/index.js

@@ -0,0 +1,224 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useRef, useEffect } from "react";
+import { withReact, Slate, Editable, useSlate, useFocused } from "slate-react";
+import { createEditor, Editor, Range, Transforms, Element as Element$1 } from "slate";
+import { withHistory } from "slate-history";
+import { BoldOutlined, ItalicOutlined, UnderlineOutlined, OrderedListOutlined, UnorderedListOutlined, AlignLeftOutlined, AlignCenterOutlined, AlignRightOutlined, ColumnWidthOutlined } from "@ant-design/icons";
+import { Button } from "antd";
+import ReactDOM from "react-dom";
+import useDebounce from "./useDebounce.js";
+import { useTranslation } from "react-i18next";
+/* empty css          */
+const LIST_TYPES = ["numbered-list", "bulleted-list"];
+const TEXT_ALIGN_TYPES = ["left", "center", "right", "justify"];
+const Portal = ({ children }) => {
+  return typeof document === "object" ? ReactDOM.createPortal(children, document.body) : null;
+};
+const BoxEditor = ({ defaultValue, onChange }) => {
+  const { t } = useTranslation();
+  const renderElement = useCallback(
+    (props) => /* @__PURE__ */ jsx(Element, { ...props }),
+    []
+  );
+  const renderLeaf = useCallback(
+    (props) => /* @__PURE__ */ jsx(Leaf, { ...props }),
+    []
+  );
+  const editor = useMemo(() => withHistory(withReact(createEditor())), []);
+  const debouncedOnChange = useDebounce((val) => {
+    onChange == null ? void 0 : onChange(val);
+  }, 300);
+  return /* @__PURE__ */ jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxs(Slate, { editor, initialValue: defaultValue, onChange: debouncedOnChange, children: [
+    /* @__PURE__ */ jsx(HoveringToolbar, {}),
+    /* @__PURE__ */ jsx(
+      Editable,
+      {
+        style: { width: "100%", height: "100%", outline: "none" },
+        className: "prose prose-sm",
+        renderElement,
+        renderLeaf,
+        spellCheck: true,
+        autoFocus: true,
+        placeholder: t("pleaseEnter"),
+        onDOMBeforeInput: (event) => {
+          switch (event.inputType) {
+            case "formatBold":
+              event.preventDefault();
+              return toggleMark(editor, "bold");
+            case "formatItalic":
+              event.preventDefault();
+              return toggleMark(editor, "italic");
+            case "formatUnderline":
+              event.preventDefault();
+              return toggleMark(editor, "underlined");
+          }
+        }
+      }
+    )
+  ] }) });
+};
+const toggleBlock = (editor, format) => {
+  const isActive = isBlockActive(
+    editor,
+    format,
+    TEXT_ALIGN_TYPES.includes(format) ? "align" : "type"
+  );
+  const isList = LIST_TYPES.includes(format);
+  Transforms.unwrapNodes(editor, {
+    match: (n) => !Editor.isEditor(n) && Element$1.isElement(n) && LIST_TYPES.includes(n.type) && // 使用类型断言
+    !TEXT_ALIGN_TYPES.includes(format),
+    split: true
+  });
+  const newProperties = {};
+  if (TEXT_ALIGN_TYPES.includes(format)) {
+    newProperties.align = isActive ? void 0 : format;
+  } else {
+    newProperties.type = isActive ? "paragraph" : isList ? "list-item" : format;
+  }
+  Transforms.setNodes(editor, newProperties);
+  if (!isActive && isList) {
+    const block = { type: format, children: [] };
+    Transforms.wrapNodes(editor, block);
+  }
+};
+const toggleMark = (editor, format) => {
+  const isActive = isMarkActive(editor, format);
+  if (isActive) {
+    Editor.removeMark(editor, format);
+  } else {
+    Editor.addMark(editor, format, true);
+  }
+};
+const isBlockActive = (editor, format, blockType = "type") => {
+  const { selection } = editor;
+  if (!selection) return false;
+  const [match] = Array.from(
+    Editor.nodes(editor, {
+      at: Editor.unhangRange(editor, selection),
+      match: (n) => !Editor.isEditor(n) && Element$1.isElement(n) && n[blockType] === format
+      // 使用类型断言
+    })
+  );
+  return !!match;
+};
+const isMarkActive = (editor, format) => {
+  const marks = Editor.marks(editor);
+  return marks ? marks[format] === true : false;
+};
+const Element = ({
+  attributes,
+  children,
+  element
+}) => {
+  const style = { textAlign: element.align };
+  switch (element.type) {
+    case "block-quote":
+      return /* @__PURE__ */ jsx("blockquote", { style, ...attributes, children });
+    case "bulleted-list":
+      return /* @__PURE__ */ jsx("ul", { style, ...attributes, children });
+    case "heading-one":
+      return /* @__PURE__ */ jsx("h1", { style, ...attributes, children });
+    case "heading-two":
+      return /* @__PURE__ */ jsx("h2", { style, ...attributes, children });
+    case "list-item":
+      return /* @__PURE__ */ jsx("li", { style, ...attributes, children });
+    case "numbered-list":
+      return /* @__PURE__ */ jsx("ol", { style, ...attributes, children });
+    default:
+      return /* @__PURE__ */ jsx("p", { style, ...attributes, children });
+  }
+};
+const Leaf = ({
+  attributes,
+  children,
+  leaf
+}) => {
+  if (leaf.bold) {
+    children = /* @__PURE__ */ jsx("strong", { children });
+  }
+  if (leaf.code) {
+    children = /* @__PURE__ */ jsx("code", { children });
+  }
+  if (leaf.italic) {
+    children = /* @__PURE__ */ jsx("em", { children });
+  }
+  if (leaf.underline) {
+    children = /* @__PURE__ */ jsx("u", { children });
+  }
+  return /* @__PURE__ */ jsx("span", { ...attributes, children });
+};
+const HoveringToolbar = () => {
+  const ref = useRef(null);
+  const editor = useSlate();
+  const inFocus = useFocused();
+  useEffect(() => {
+    const el = ref.current;
+    const { selection } = editor;
+    if (!el) {
+      return;
+    }
+    if (!selection || !inFocus || Range.isCollapsed(selection) || Editor.string(editor, selection) === "") {
+      el.removeAttribute("style");
+      return;
+    }
+    const domSelection = window.getSelection();
+    const domRange = domSelection == null ? void 0 : domSelection.getRangeAt(0);
+    const rect = domRange == null ? void 0 : domRange.getBoundingClientRect();
+    el.style.opacity = "1";
+    if (rect) {
+      el.style.top = `${rect.top + window.pageYOffset - el.offsetHeight}px`;
+      el.style.left = `${rect.left + window.pageXOffset - el.offsetWidth / 2 + rect.width / 2}px`;
+    }
+  });
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: "editor-menu",
+      onMouseDown: (e) => {
+        e.preventDefault();
+      },
+      children: [
+        /* @__PURE__ */ jsx(FormatButton, { format: "bold", icon: /* @__PURE__ */ jsx(BoldOutlined, {}) }),
+        /* @__PURE__ */ jsx(FormatButton, { format: "italic", icon: /* @__PURE__ */ jsx(ItalicOutlined, {}) }),
+        /* @__PURE__ */ jsx(FormatButton, { format: "underline", icon: /* @__PURE__ */ jsx(UnderlineOutlined, {}) }),
+        /* @__PURE__ */ jsx(BlockButton, { format: "numbered-list", icon: /* @__PURE__ */ jsx(OrderedListOutlined, {}) }),
+        /* @__PURE__ */ jsx(BlockButton, { format: "bulleted-list", icon: /* @__PURE__ */ jsx(UnorderedListOutlined, {}) }),
+        /* @__PURE__ */ jsx(BlockButton, { format: "left", icon: /* @__PURE__ */ jsx(AlignLeftOutlined, {}) }),
+        /* @__PURE__ */ jsx(BlockButton, { format: "center", icon: /* @__PURE__ */ jsx(AlignCenterOutlined, {}) }),
+        /* @__PURE__ */ jsx(BlockButton, { format: "right", icon: /* @__PURE__ */ jsx(AlignRightOutlined, {}) }),
+        /* @__PURE__ */ jsx(BlockButton, { format: "justify", icon: /* @__PURE__ */ jsx(ColumnWidthOutlined, {}) })
+      ]
+    }
+  ) });
+};
+const FormatButton = ({ format, icon }) => {
+  const editor = useSlate();
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      onClick: () => toggleMark(editor, format),
+      icon,
+      color: isMarkActive(editor, format) ? "primary" : "default",
+      variant: "text"
+    }
+  );
+};
+const BlockButton = ({ format, icon }) => {
+  const editor = useSlate();
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      color: isBlockActive(editor, format, TEXT_ALIGN_TYPES.includes(format) ? "align" : "type") ? "primary" : "default",
+      icon,
+      variant: "text",
+      onClick: () => {
+        toggleBlock(editor, format);
+      }
+    }
+  );
+};
+export {
+  BoxEditor as default
+};
+//# sourceMappingURL=index.js.map

package/es/dashboard-workbench/components/module-content/text-module/editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../packages/dashboard-workbench/components/module-content/text-module/editor/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useMemo, useRef, useEffect, ReactNode, useCallback } from 'react'\nimport { Slate, Editable, withReact, useSlate, useFocused } from 'slate-react'\nimport {\n  Editor,\n  createEditor,\n  Transforms,\n  Range,\n  Element as SlateElement,\n  BaseElement,\n} from 'slate'\nimport { withHistory } from 'slate-history'\nimport {\n  AlignCenterOutlined,\n  AlignLeftOutlined,\n  AlignRightOutlined,\n  BoldOutlined,\n  ColumnWidthOutlined,\n  ItalicOutlined,\n  OrderedListOutlined,\n  UnderlineOutlined,\n  UnorderedListOutlined,\n} from '@ant-design/icons'\nimport { Button } from 'antd'\nimport ReactDOM from 'react-dom'\nimport { JSX } from 'react/jsx-runtime'\nimport useDebounce from './useDebounce'\nimport { useTranslation } from 'react-i18next'\nimport './prose.css'\n\ninterface CustomElement extends BaseElement {\n  type: string // 你需要的类型\n  align?: string // 如果你有对齐属性\n}\n\nconst LIST_TYPES = ['numbered-list', 'bulleted-list']\nconst TEXT_ALIGN_TYPES = ['left', 'center', 'right', 'justify']\n\nconst Portal = ({ children }: { children?: ReactNode }) => {\n  return typeof document === 'object' ? ReactDOM.createPortal(children, document.body) : null\n}\n\ninterface FormatButtonProps {\n  format: string\n\n  icon: any\n}\n\ninterface EditorProps {\n  defaultValue: any\n  onChange: (val: unknown) => void\n}\n\nconst BoxEditor: React.FC<EditorProps> = ({ defaultValue, onChange }) => {\n  const { t } = useTranslation()\n  const renderElement = useCallback(\n    (\n      props: JSX.IntrinsicAttributes & {\n        attributes: any\n        children: any\n        element: any\n      }\n    ) => <Element {...props} />,\n    []\n  )\n  const renderLeaf = useCallback(\n    (\n      props: JSX.IntrinsicAttributes & {\n        attributes: any\n        children: any\n        leaf: any\n      }\n    ) => <Leaf {...props} />,\n    []\n  )\n  const editor = useMemo(() => withHistory(withReact(createEditor())), [])\n\n  const debouncedOnChange = useDebounce((val: any) => {\n    onChange?.(val)\n  }, 300) // 300 毫秒的延迟\n\n  return (\n    <div style={{ width: '100%', height: '100%' }}>\n      <Slate editor={editor} initialValue={defaultValue} onChange={debouncedOnChange}>\n        <HoveringToolbar />\n        <Editable\n          style={{ width: '100%', height: '100%', outline: 'none' }}\n          className=\"prose prose-sm\"\n          renderElement={renderElement}\n          renderLeaf={renderLeaf}\n          spellCheck\n          autoFocus\n          placeholder={t('pleaseEnter')}\n          onDOMBeforeInput={(event: InputEvent) => {\n            switch (event.inputType) {\n              case 'formatBold':\n                event.preventDefault()\n                return toggleMark(editor, 'bold')\n              case 'formatItalic':\n                event.preventDefault()\n                return toggleMark(editor, 'italic')\n              case 'formatUnderline':\n                event.preventDefault()\n                return toggleMark(editor, 'underlined')\n            }\n          }}\n        />\n      </Slate>\n    </div>\n  )\n}\n\n// 更新 toggleBlock 函数\nconst toggleBlock = (editor: Editor, format: string) => {\n  const isActive = isBlockActive(\n    editor,\n    format,\n    TEXT_ALIGN_TYPES.includes(format) ? 'align' : 'type'\n  )\n  const isList = LIST_TYPES.includes(format)\n\n  Transforms.unwrapNodes(editor, {\n    match: n =>\n      !Editor.isEditor(n) &&\n      SlateElement.isElement(n) &&\n      LIST_TYPES.includes((n as CustomElement).type) && // 使用类型断言\n      !TEXT_ALIGN_TYPES.includes(format),\n    split: true,\n  })\n\n  const newProperties: Partial<CustomElement> = {}\n  if (TEXT_ALIGN_TYPES.includes(format)) {\n    newProperties.align = isActive ? undefined : format\n  } else {\n    newProperties.type = isActive ? 'paragraph' : isList ? 'list-item' : format\n  }\n  Transforms.setNodes<CustomElement>(editor, newProperties)\n\n  if (!isActive && isList) {\n    const block: CustomElement = { type: format, children: [] }\n    Transforms.wrapNodes(editor, block)\n  }\n}\n\nconst toggleMark = (editor: Editor, format: string) => {\n  const isActive = isMarkActive(editor, format)\n\n  if (isActive) {\n    Editor.removeMark(editor, format)\n  } else {\n    Editor.addMark(editor, format, true)\n  }\n}\n\n// 更新 isBlockActive 函数\nconst isBlockActive = (editor: Editor, format: string, blockType = 'type') => {\n  const { selection } = editor\n  if (!selection) return false\n\n  const [match] = Array.from(\n    Editor.nodes(editor, {\n      at: Editor.unhangRange(editor, selection),\n      match: n =>\n        !Editor.isEditor(n) && SlateElement.isElement(n) && (n as any)[blockType] === format, // 使用类型断言\n    })\n  )\n\n  return !!match\n}\n\nconst isMarkActive = (editor: Editor, format: string) => {\n  const marks: any = Editor.marks(editor)\n  return marks ? marks[format] === true : false\n}\n\nconst Element = ({\n  attributes,\n  children,\n  element,\n}: {\n  attributes: any\n\n  children: any\n\n  element: any\n}) => {\n  const style = { textAlign: element.align }\n  switch (element.type) {\n    case 'block-quote':\n      return (\n        <blockquote style={style} {...attributes}>\n          {children}\n        </blockquote>\n      )\n    case 'bulleted-list':\n      return (\n        <ul style={style} {...attributes}>\n          {children}\n        </ul>\n      )\n    case 'heading-one':\n      return (\n        <h1 style={style} {...attributes}>\n          {children}\n        </h1>\n      )\n    case 'heading-two':\n      return (\n        <h2 style={style} {...attributes}>\n          {children}\n        </h2>\n      )\n    case 'list-item':\n      return (\n        <li style={style} {...attributes}>\n          {children}\n        </li>\n      )\n    case 'numbered-list':\n      return (\n        <ol style={style} {...attributes}>\n          {children}\n        </ol>\n      )\n    default:\n      return (\n        <p style={style} {...attributes}>\n          {children}\n        </p>\n      )\n  }\n}\n\nconst Leaf = ({\n  attributes,\n  children,\n  leaf,\n}: {\n  attributes: any\n\n  children: any\n\n  leaf: any\n}) => {\n  if (leaf.bold) {\n    children = <strong>{children}</strong>\n  }\n\n  if (leaf.code) {\n    children = <code>{children}</code>\n  }\n\n  if (leaf.italic) {\n    children = <em>{children}</em>\n  }\n\n  if (leaf.underline) {\n    children = <u>{children}</u>\n  }\n\n  return <span {...attributes}>{children}</span>\n}\n\nconst HoveringToolbar = () => {\n  const ref = useRef<HTMLDivElement>(null)\n  const editor = useSlate()\n  const inFocus = useFocused()\n\n  useEffect(() => {\n    const el = ref.current\n    const { selection } = editor\n\n    if (!el) {\n      return\n    }\n\n    if (\n      !selection ||\n      !inFocus ||\n      Range.isCollapsed(selection) ||\n      Editor.string(editor, selection) === ''\n    ) {\n      el.removeAttribute('style')\n      return\n    }\n\n    const domSelection = window.getSelection()\n    const domRange = domSelection?.getRangeAt(0)\n    const rect = domRange?.getBoundingClientRect()\n    el.style.opacity = '1'\n    if (rect) {\n      el.style.top = `${rect.top + window.pageYOffset - el.offsetHeight}px`\n      el.style.left = `${rect.left + window.pageXOffset - el.offsetWidth / 2 + rect.width / 2}px`\n    }\n  })\n\n  return (\n    <Portal>\n      <div\n        ref={ref}\n        className=\"editor-menu\"\n        onMouseDown={e => {\n          // prevent toolbar from taking focus away from editor\n          e.preventDefault()\n        }}\n      >\n        <FormatButton format=\"bold\" icon={<BoldOutlined />} />\n        <FormatButton format=\"italic\" icon={<ItalicOutlined />} />\n        <FormatButton format=\"underline\" icon={<UnderlineOutlined />} />\n        <BlockButton format=\"numbered-list\" icon={<OrderedListOutlined />} />\n        <BlockButton format=\"bulleted-list\" icon={<UnorderedListOutlined />} />\n        <BlockButton format=\"left\" icon={<AlignLeftOutlined />} />\n        <BlockButton format=\"center\" icon={<AlignCenterOutlined />} />\n        <BlockButton format=\"right\" icon={<AlignRightOutlined />} />\n        <BlockButton format=\"justify\" icon={<ColumnWidthOutlined />} />\n      </div>\n    </Portal>\n  )\n}\n\nconst FormatButton: React.FC<FormatButtonProps> = ({ format, icon }) => {\n  const editor = useSlate()\n  return (\n    <Button\n      onClick={() => toggleMark(editor, format)}\n      icon={icon}\n      color={isMarkActive(editor, format) ? 'primary' : 'default'}\n      variant=\"text\"\n    ></Button>\n  )\n}\n\nconst BlockButton: React.FC<FormatButtonProps> = ({ format, icon }) => {\n  const editor = useSlate()\n  return (\n    <Button\n      color={\n        isBlockActive(editor, format, TEXT_ALIGN_TYPES.includes(format) ? 'align' : 'type')\n          ? 'primary'\n          : 'default'\n      }\n      icon={icon}\n      variant=\"text\"\n      onClick={() => {\n        toggleBlock(editor, format)\n      }}\n    ></Button>\n  )\n}\n\nexport default BoxEditor\n"],"names":["SlateElement"],"mappings":"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"}

package/es/dashboard-workbench/components/module-content/text-module/editor/useDebounce.d.ts

@@ -0,0 +1,2 @@
+declare const useDebounce: <T extends (...args: any[]) => void>(callback: T, delay: number) => ((...args: Parameters<T>) => void);
+export default useDebounce;

package/es/dashboard-workbench/components/module-content/text-module/editor/useDebounce.js

@@ -0,0 +1,24 @@
+import { useRef, useEffect } from "react";
+const useDebounce = (callback, delay) => {
+  const timeoutRef = useRef(null);
+  const debouncedCallback = (...args) => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    timeoutRef.current = setTimeout(() => {
+      callback(...args);
+    }, delay);
+  };
+  useEffect(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+  return debouncedCallback;
+};
+export {
+  useDebounce as default
+};
+//# sourceMappingURL=useDebounce.js.map

package/es/dashboard-workbench/components/module-content/text-module/editor/useDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.js","sources":["../../../../../../packages/dashboard-workbench/components/module-content/text-module/editor/useDebounce.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useEffect, useRef } from 'react'\n\nconst useDebounce = <T extends (...args: any[]) => void>(\n  callback: T,\n  delay: number\n): ((...args: Parameters<T>) => void) => {\n  const timeoutRef = useRef<any | null>(null)\n\n  const debouncedCallback = (...args: Parameters<T>) => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current)\n    }\n    timeoutRef.current = setTimeout(() => {\n      callback(...args)\n    }, delay)\n  }\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n  }, [])\n\n  return debouncedCallback\n}\n\nexport default useDebounce\n"],"names":[],"mappings":";AAGM,MAAA,cAAc,CAClB,UACA,UACuC;AACjC,QAAA,aAAa,OAAmB,IAAI;AAEpC,QAAA,oBAAoB,IAAI,SAAwB;AACpD,QAAI,WAAW,SAAS;AACtB,mBAAa,WAAW,OAAO;AAAA,IAAA;AAEtB,eAAA,UAAU,WAAW,MAAM;AACpC,eAAS,GAAG,IAAI;AAAA,OACf,KAAK;AAAA,EACV;AAEA,YAAU,MAAM;AACd,WAAO,MAAM;AACX,UAAI,WAAW,SAAS;AACtB,qBAAa,WAAW,OAAO;AAAA,MAAA;AAAA,IAEnC;AAAA,EACF,GAAG,EAAE;AAEE,SAAA;AACT;"}

package/es/dashboard-workbench/components/module-content/text-module/index.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface TextModuleProps {
+    defaultValue: unknown;
+    onChange: (val: unknown) => void;
+}
+declare const _default: React.NamedExoticComponent<TextModuleProps>;
+export default _default;

package/es/dashboard-workbench/components/module-content/text-module/index.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import BoxEditor from "./editor/index.js";
+const TextModule = ({ defaultValue, onChange }) => {
+  return /* @__PURE__ */ jsx("div", { style: { width: "100%", height: "100%", overflowY: "auto", padding: "0 10px" }, children: /* @__PURE__ */ jsx(BoxEditor, { defaultValue, onChange }) });
+};
+const TextModule$1 = React.memo(TextModule);
+export {
+  TextModule$1 as default
+};
+//# sourceMappingURL=index.js.map

package/es/dashboard-workbench/components/module-content/text-module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/dashboard-workbench/components/module-content/text-module/index.tsx"],"sourcesContent":["import React from 'react'\nimport Editor from './editor'\n\ninterface TextModuleProps {\n  defaultValue: unknown\n  onChange: (val: unknown) => void\n}\n\nconst TextModule: React.FC<TextModuleProps> = ({ defaultValue, onChange }) => {\n  return (\n    <div style={{ width: '100%', height: '100%', overflowY: 'auto', padding: '0 10px' }}>\n      <Editor defaultValue={defaultValue} onChange={onChange} />\n    </div>\n  )\n}\n\nexport default React.memo(TextModule)\n"],"names":["Editor"],"mappings":";;;AAQA,MAAM,aAAwC,CAAC,EAAE,cAAc,eAAe;AAC5E,6BACG,OAAI,EAAA,OAAO,EAAE,OAAO,QAAQ,QAAQ,QAAQ,WAAW,QAAQ,SAAS,YACvE,8BAACA,WAAO,EAAA,cAA4B,SAAoB,CAAA,GAC1D;AAEJ;AAEA,MAAA,eAAe,MAAM,KAAK,UAAU;"}

package/es/dashboard-workbench/components/module-content/utils.d.ts

@@ -0,0 +1,15 @@
+type Condition = {
+    field: string;
+    condition: string;
+    val?: string | number;
+    val2?: string | number;
+    rdate?: any;
+    type?: any;
+};
+type ConditionType = 'all' | 'any';
+export interface FilterData {
+    conditionList: Condition[];
+    conditionType: ConditionType;
+}
+export declare const mapConditionsToPostgrest: (filterData: FilterData) => string;
+export {};

package/es/dashboard-workbench/components/module-content/utils.js

@@ -0,0 +1,113 @@
+import dayjs from "dayjs";
+function getRDate({ rdate, u, field, value }) {
+  if (rdate) {
+    switch (rdate) {
+      case "exactdate":
+        return `${field}${u}eq.${value}`;
+      case "today":
+        return `${field}${u}eq.${dayjs().format("YYYY-MM-DD")}`;
+      case "yesterday":
+        return `${field}${u}eq.${dayjs().subtract(1, "day").format("YYYY-MM-DD")}`;
+      case "thisweek":
+        return `${field}${u}gte.${dayjs().startOf("week").add(1, "day").format("YYYY-MM-DD")}&${field}${u}lte.${dayjs().endOf("week").add(1, "day").format("YYYY-MM-DD")}`;
+      case "lastweek": {
+        const startOfLastWeek = dayjs().subtract(1, "week").startOf("week").add(1, "day");
+        const endOfLastWeek = dayjs().subtract(1, "week").endOf("week").add(1, "day");
+        return `${field}${u}gte.${startOfLastWeek.format(
+          "YYYY-MM-DD"
+        )}&${field}${u}lte.${endOfLastWeek.format("YYYY-MM-DD")}`;
+      }
+      case "thismonth":
+        return `${field}${u}gte.${dayjs().startOf("month").format("YYYY-MM-DD")}&${field}${u}lte.${dayjs().endOf("month").format("YYYY-MM-DD")}`;
+      case "lastmonth": {
+        const startOfLastMonth = dayjs().subtract(1, "month").startOf("month");
+        const endOfLastMonth = dayjs().subtract(1, "month").endOf("month");
+        return `${field}${u}gte.${startOfLastMonth.format(
+          "YYYY-MM-DD"
+        )}&${field}${u}lte.${endOfLastMonth.format("YYYY-MM-DD")}`;
+      }
+      case "last7days":
+        return `${field}${u}gte.${dayjs().subtract(7, "days").format("YYYY-MM-DD")}&${field}${u}lte.${dayjs().format("YYYY-MM-DD")}`;
+      case "last30days":
+        return `${field}${u}gte.${dayjs().subtract(30, "days").format("YYYY-MM-DD")}&${field}${u}lte.${dayjs().format("YYYY-MM-DD")}`;
+      default:
+        return "";
+    }
+  }
+}
+const mapConditionsToPostgrest = (filterData) => {
+  const { conditionList, conditionType = "all" } = filterData;
+  const u = conditionType === "all" ? "=" : ".";
+  const conditionStrings = conditionList.map((condition) => {
+    const { field, condition: cond, val, val2, rdate, type } = condition;
+    const value = (val == null ? void 0 : val.value) ? val == null ? void 0 : val.value : val;
+    switch (cond) {
+      case "=":
+        if (type !== "timestamp") {
+          return `${field}${u}eq.${value}`;
+        } else {
+          if (rdate === "exactdate") {
+            return `${field}${u}eq.${value}`;
+          } else {
+            return getRDate({ rdate, u, field, value });
+          }
+        }
+      case "!=":
+        return `${field}${u}neq.${value}`;
+      case "include":
+        return `${field}${u}cs.{${value}}`;
+      case "notinclude":
+        return `${field}${u}not.cs.{${value}}`;
+      case ">":
+        if (rdate === "today") {
+          return `${field}${u}gt.${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}`;
+        }
+        if (rdate === "yesterday") {
+          const yesterday = /* @__PURE__ */ new Date();
+          yesterday.setDate(yesterday.getDate() - 1);
+          return `${field}${u}gt.${yesterday.toISOString().split("T")[0]}`;
+        }
+        return `${field}${u}gt.${value}`;
+      case ">=":
+        return `${field}${u}gte.${value}`;
+      case "<":
+        if (rdate === "today") {
+          return `${field}${u}lt.${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}`;
+        }
+        if (rdate === "yesterday") {
+          const yesterday = /* @__PURE__ */ new Date();
+          yesterday.setDate(yesterday.getDate() - 1);
+          return `${field}${u}lt.${yesterday.toISOString().split("T")[0]}`;
+        }
+        return `${field}${u}lt.${value}`;
+      case "<=":
+        return `${field}${u}lte.${value}`;
+      case "contain":
+        if (value && val2) {
+          return `${field}${u}gte.${value},${field}.lte.${val2}`;
+        }
+        return "";
+      case "before":
+        return `${field}${u}lt.${value}`;
+      case "after":
+        return `${field}${u}gt.${value}`;
+      case "null":
+        return `${field}${u}is.null`;
+      case "notnull":
+        return `${field}${u}not.is.null`;
+      default:
+        return "";
+    }
+  }).filter(Boolean);
+  let joinedCondition;
+  if (conditionType === "all" || conditionStrings.length === 1) {
+    joinedCondition = conditionStrings.join("&");
+  } else {
+    joinedCondition = `or=(${conditionStrings.join(",")})`;
+  }
+  return joinedCondition;
+};
+export {
+  mapConditionsToPostgrest
+};
+//# sourceMappingURL=utils.js.map

package/es/dashboard-workbench/components/module-content/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../packages/dashboard-workbench/components/module-content/utils.ts"],"sourcesContent":["import dayjs from 'dayjs'\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\ntype Condition = {\n  field: string\n  condition: string\n  val?: string | number\n  val2?: string | number\n  rdate?: any\n  type?: any\n}\n\ntype ConditionType = 'all' | 'any'\n\nexport interface FilterData {\n  conditionList: Condition[]\n  conditionType: ConditionType\n}\n\nfunction getRDate({ rdate, u, field, value }: any) {\n  if (rdate) {\n    switch (rdate) {\n      case 'exactdate':\n        return `${field}${u}eq.${value}`\n      case 'today':\n        return `${field}${u}eq.${dayjs().format('YYYY-MM-DD')}`\n      case 'yesterday':\n        return `${field}${u}eq.${dayjs().subtract(1, 'day').format('YYYY-MM-DD')}`\n      case 'thisweek':\n        return `${field}${u}gte.${dayjs()\n          .startOf('week')\n          .add(1, 'day')\n          .format('YYYY-MM-DD')}&${field}${u}lte.${dayjs()\n          .endOf('week')\n          .add(1, 'day')\n          .format('YYYY-MM-DD')}`\n      case 'lastweek': {\n        const startOfLastWeek = dayjs().subtract(1, 'week').startOf('week').add(1, 'day')\n        const endOfLastWeek = dayjs().subtract(1, 'week').endOf('week').add(1, 'day')\n        return `${field}${u}gte.${startOfLastWeek.format(\n          'YYYY-MM-DD'\n        )}&${field}${u}lte.${endOfLastWeek.format('YYYY-MM-DD')}`\n      }\n      case 'thismonth':\n        return `${field}${u}gte.${dayjs()\n          .startOf('month')\n          .format('YYYY-MM-DD')}&${field}${u}lte.${dayjs().endOf('month').format('YYYY-MM-DD')}`\n      case 'lastmonth': {\n        const startOfLastMonth = dayjs().subtract(1, 'month').startOf('month')\n        const endOfLastMonth = dayjs().subtract(1, 'month').endOf('month')\n        return `${field}${u}gte.${startOfLastMonth.format(\n          'YYYY-MM-DD'\n        )}&${field}${u}lte.${endOfLastMonth.format('YYYY-MM-DD')}`\n      }\n      case 'last7days':\n        return `${field}${u}gte.${dayjs()\n          .subtract(7, 'days')\n          .format('YYYY-MM-DD')}&${field}${u}lte.${dayjs().format('YYYY-MM-DD')}`\n      case 'last30days':\n        return `${field}${u}gte.${dayjs()\n          .subtract(30, 'days')\n          .format('YYYY-MM-DD')}&${field}${u}lte.${dayjs().format('YYYY-MM-DD')}`\n      default:\n        return '' // 对于未支持的 rdate 值返回空字符串\n    }\n  }\n}\n\nexport const mapConditionsToPostgrest = (filterData: FilterData): string => {\n  const { conditionList, conditionType = 'all' } = filterData\n  const u = conditionType === 'all' ? '=' : '.' // 拼接逻辑\n  const conditionStrings = conditionList\n    .map(condition => {\n      const { field, condition: cond, val, val2, rdate, type } = condition\n\n      const value = (val as any)?.value ? (val as any)?.value : val\n      switch (cond) {\n        case '=':\n          if (type !== 'timestamp') {\n            return `${field}${u}eq.${value}`\n          } else {\n            if (rdate === 'exactdate') {\n              return `${field}${u}eq.${value}`\n            } else {\n              return getRDate({ rdate, u, field, value })\n            }\n          }\n        case '!=':\n          return `${field}${u}neq.${value}`\n        case 'include':\n          return `${field}${u}cs.{${value}}` // 包含值\n        case 'notinclude':\n          return `${field}${u}not.cs.{${value}}` // 不包含值\n        case '>':\n          if (rdate === 'today') {\n            return `${field}${u}gt.${new Date().toISOString().split('T')[0]}`\n          }\n          if (rdate === 'yesterday') {\n            const yesterday = new Date()\n            yesterday.setDate(yesterday.getDate() - 1)\n            return `${field}${u}gt.${yesterday.toISOString().split('T')[0]}`\n          }\n          return `${field}${u}gt.${value}`\n        case '>=':\n          return `${field}${u}gte.${value}`\n        case '<':\n          if (rdate === 'today') {\n            return `${field}${u}lt.${new Date().toISOString().split('T')[0]}`\n          }\n          if (rdate === 'yesterday') {\n            const yesterday = new Date()\n            yesterday.setDate(yesterday.getDate() - 1)\n            return `${field}${u}lt.${yesterday.toISOString().split('T')[0]}`\n          }\n          return `${field}${u}lt.${value}`\n        case '<=':\n          return `${field}${u}lte.${value}`\n        case 'contain':\n          if (value && val2) {\n            return `${field}${u}gte.${value},${field}.lte.${val2}`\n          }\n          return ''\n        case 'before':\n          return `${field}${u}lt.${value}`\n        case 'after':\n          return `${field}${u}gt.${value}`\n        case 'null':\n          return `${field}${u}is.null`\n        case 'notnull':\n          return `${field}${u}not.is.null`\n        default:\n          return ''\n      }\n    })\n    .filter(Boolean) // 过滤掉空字符串\n\n  let joinedCondition\n  if (conditionType === 'all' || conditionStrings.length === 1) {\n    joinedCondition = conditionStrings.join('&')\n  } else {\n    joinedCondition = `or=(${conditionStrings.join(',')})`\n  }\n  return joinedCondition\n}\n"],"names":[],"mappings":"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"}

package/es/dashboard-workbench/components/module-header/index.d.ts

@@ -0,0 +1,12 @@
+import { ModuleData } from '../module-content';
+import { default as React } from 'react';
+interface ModuleHeaderProps {
+    defaultValue: string;
+    onChange?: (val: string) => void;
+    module: ModuleData;
+    onDropdownItem?: (key: string) => void;
+    onMouseDown?: () => void;
+    onMouseUp?: () => void;
+}
+declare const _default: React.NamedExoticComponent<ModuleHeaderProps>;
+export default _default;

package/es/dashboard-workbench/components/module-header/index.js

@@ -0,0 +1,115 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Input, Dropdown } from "antd";
+import React, { useState, useRef, useEffect } from "react";
+import useDebounce from "../module-content/text-module/editor/useDebounce.js";
+import { useTranslation } from "react-i18next";
+import IconMove from "../../icon/icon-move.js";
+import IconDrag from "../../icon/icon-drag.js";
+const ModuleHeader = ({
+  defaultValue,
+  onChange,
+  module,
+  onDropdownItem,
+  onMouseDown,
+  onMouseUp
+}) => {
+  const [isEdit, setIsEdit] = useState(false);
+  const [title, setTitle] = useState("");
+  const inputRef = useRef(null);
+  const debouncedOnChange = useDebounce((val) => {
+    onChange == null ? void 0 : onChange(val);
+  }, 300);
+  const { t } = useTranslation();
+  useEffect(() => {
+    setTitle(title);
+  }, [defaultValue]);
+  const handleDblClick = () => {
+    var _a;
+    const inputElement = (_a = inputRef.current) == null ? void 0 : _a.input;
+    inputElement.select();
+  };
+  const handleEnterPress = (event) => {
+    if (event.key === "Enter") {
+      setIsEdit(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `layout-item-head isCanDrag`,
+      onMouseDown: () => {
+        onMouseDown == null ? void 0 : onMouseDown();
+      },
+      onMouseUp: () => {
+        onMouseUp == null ? void 0 : onMouseUp();
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "head-inner", children: [
+          /* @__PURE__ */ jsx("span", { className: "title", children: /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "title-child",
+              onDoubleClick: (e) => {
+                e.stopPropagation();
+                setIsEdit(true);
+                setTimeout(() => {
+                  var _a;
+                  (_a = inputRef.current) == null ? void 0 : _a.focus();
+                }, 100);
+              },
+              children: isEdit ? /* @__PURE__ */ jsx(
+                Input,
+                {
+                  defaultValue,
+                  onBlur: () => {
+                    setIsEdit(false);
+                  },
+                  ref: inputRef,
+                  onKeyDown: handleEnterPress,
+                  onDoubleClick: handleDblClick,
+                  onChange: (e) => {
+                    setTitle(e.target.value);
+                    debouncedOnChange(e.target.value);
+                  }
+                }
+              ) : defaultValue
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: "menu-slot isNoCanDrag", children: /* @__PURE__ */ jsx(
+            Dropdown,
+            {
+              trigger: ["click"],
+              menu: {
+                items: [
+                  module.type !== "text" ? {
+                    label: t("configuration"),
+                    key: "edit"
+                  } : null,
+                  {
+                    label: t("copy"),
+                    key: "copy"
+                  },
+                  {
+                    key: "delete",
+                    danger: true,
+                    label: t("delete")
+                  }
+                ],
+                onClick: ({ key }) => {
+                  onDropdownItem == null ? void 0 : onDropdownItem(key);
+                }
+              },
+              children: /* @__PURE__ */ jsx("button", { type: "button", className: "dashboard-grid-menu-button", children: /* @__PURE__ */ jsx("span", { className: "universe-icon", children: /* @__PURE__ */ jsx(IconMove, {}) }) })
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: `drag isCanDrag`, children: /* @__PURE__ */ jsx("span", { className: "universe-icon drag-icon", children: /* @__PURE__ */ jsx(IconDrag, {}) }) })
+      ]
+    }
+  );
+};
+const ModuleHeader$1 = React.memo(ModuleHeader);
+export {
+  ModuleHeader$1 as default
+};
+//# sourceMappingURL=index.js.map

package/es/dashboard-workbench/components/module-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/dashboard-workbench/components/module-header/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Dropdown, Input } from 'antd'\nimport { FC, useEffect, useRef, useState } from 'react'\nimport useDebounce from '../module-content/text-module/editor/useDebounce'\nimport { ModuleData } from '../module-content'\nimport { useTranslation } from 'react-i18next'\nimport IconMove from '../../icon/icon-move'\nimport IconDrag from '../../icon/icon-drag'\nimport React from 'react'\n\ninterface ModuleHeaderProps {\n  defaultValue: string\n  onChange?: (val: string) => void\n  module: ModuleData\n  onDropdownItem?: (key: string) => void\n  onMouseDown?: () => void\n  onMouseUp?: () => void\n}\n\nconst ModuleHeader: FC<ModuleHeaderProps> = ({\n  defaultValue,\n  onChange,\n  module,\n  onDropdownItem,\n  onMouseDown,\n  onMouseUp,\n}) => {\n  const [isEdit, setIsEdit] = useState<boolean>(false)\n  const [title, setTitle] = useState<string>('')\n  const inputRef = useRef<any>(null)\n  const debouncedOnChange = useDebounce(val => {\n    onChange?.(val)\n  }, 300) // 300 毫秒的延迟\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    setTitle(title)\n  }, [defaultValue])\n\n  const handleDblClick = () => {\n    // 获取input DOM元素\n    const inputElement = inputRef.current?.input\n    // 双击事件发生在input元素上时，触发全选\n    inputElement.select()\n  }\n\n  const handleEnterPress = (event: { key: string }) => {\n    if (event.key === 'Enter') {\n      setIsEdit(false)\n    }\n  }\n\n  return (\n    <div\n      className={`layout-item-head isCanDrag`}\n      onMouseDown={() => {\n        onMouseDown?.()\n      }}\n      onMouseUp={() => {\n        onMouseUp?.()\n      }}\n    >\n      <div className=\"head-inner\">\n        <span className=\"title\">\n          <span\n            className=\"title-child\"\n            onDoubleClick={e => {\n              e.stopPropagation()\n              setIsEdit(true)\n              setTimeout(() => {\n                inputRef.current?.focus()\n              }, 100)\n            }}\n          >\n            {isEdit ? (\n              <Input\n                defaultValue={defaultValue}\n                onBlur={() => {\n                  setIsEdit(false)\n                }}\n                ref={inputRef}\n                onKeyDown={handleEnterPress}\n                onDoubleClick={handleDblClick}\n                onChange={e => {\n                  setTitle(e.target.value)\n                  debouncedOnChange(e.target.value)\n                }}\n              />\n            ) : (\n              defaultValue\n            )}\n          </span>\n        </span>\n\n        <div className=\"menu-slot isNoCanDrag\">\n          <Dropdown\n            trigger={['click']}\n            menu={{\n              items: [\n                module.type !== 'text'\n                  ? {\n                      label: t('configuration'),\n                      key: 'edit',\n                    }\n                  : null,\n                {\n                  label: t('copy'),\n                  key: 'copy',\n                },\n                {\n                  key: 'delete',\n                  danger: true,\n                  label: t('delete'),\n                },\n              ],\n              onClick: ({ key }) => {\n                onDropdownItem?.(key)\n              },\n            }}\n          >\n            <button type=\"button\" className=\"dashboard-grid-menu-button\">\n              <span className=\"universe-icon\">\n                <IconMove />\n              </span>\n            </button>\n          </Dropdown>\n        </div>\n      </div>\n      <div className={`drag isCanDrag`}>\n        <span className=\"universe-icon drag-icon\">\n          <IconDrag />\n        </span>\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(ModuleHeader)\n"],"names":[],"mappings":";;;;;;;AAmBA,MAAM,eAAsC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAkB,KAAK;AACnD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,EAAE;AACvC,QAAA,WAAW,OAAY,IAAI;AAC3B,QAAA,oBAAoB,YAAY,CAAO,QAAA;AAC3C,yCAAW;AAAA,KACV,GAAG;AACA,QAAA,EAAE,EAAE,IAAI,eAAe;AAE7B,YAAU,MAAM;AACd,aAAS,KAAK;AAAA,EAAA,GACb,CAAC,YAAY,CAAC;AAEjB,QAAM,iBAAiB,MAAM;;AAErB,UAAA,gBAAe,cAAS,YAAT,mBAAkB;AAEvC,iBAAa,OAAO;AAAA,EACtB;AAEM,QAAA,mBAAmB,CAAC,UAA2B;AAC/C,QAAA,MAAM,QAAQ,SAAS;AACzB,gBAAU,KAAK;AAAA,IAAA;AAAA,EAEnB;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,aAAa,MAAM;AACH;AAAA,MAChB;AAAA,MACA,WAAW,MAAM;AACH;AAAA,MACd;AAAA,MAEA,UAAA;AAAA,QAAC,qBAAA,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,UAAC,oBAAA,QAAA,EAAK,WAAU,SACd,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAe,CAAK,MAAA;AAClB,kBAAE,gBAAgB;AAClB,0BAAU,IAAI;AACd,2BAAW,MAAM;;AACf,iCAAS,YAAT,mBAAkB;AAAA,mBACjB,GAAG;AAAA,cACR;AAAA,cAEC,UACC,SAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC;AAAA,kBACA,QAAQ,MAAM;AACZ,8BAAU,KAAK;AAAA,kBACjB;AAAA,kBACA,KAAK;AAAA,kBACL,WAAW;AAAA,kBACX,eAAe;AAAA,kBACf,UAAU,CAAK,MAAA;AACJ,6BAAA,EAAE,OAAO,KAAK;AACL,sCAAA,EAAE,OAAO,KAAK;AAAA,kBAAA;AAAA,gBAClC;AAAA,cAAA,IAGF;AAAA,YAAA;AAAA,UAAA,GAGN;AAAA,UAEA,oBAAC,OAAI,EAAA,WAAU,yBACb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS,CAAC,OAAO;AAAA,cACjB,MAAM;AAAA,gBACJ,OAAO;AAAA,kBACL,OAAO,SAAS,SACZ;AAAA,oBACE,OAAO,EAAE,eAAe;AAAA,oBACxB,KAAK;AAAA,kBAAA,IAEP;AAAA,kBACJ;AAAA,oBACE,OAAO,EAAE,MAAM;AAAA,oBACf,KAAK;AAAA,kBACP;AAAA,kBACA;AAAA,oBACE,KAAK;AAAA,oBACL,QAAQ;AAAA,oBACR,OAAO,EAAE,QAAQ;AAAA,kBAAA;AAAA,gBAErB;AAAA,gBACA,SAAS,CAAC,EAAE,UAAU;AACpB,mEAAiB;AAAA,gBAAG;AAAA,cAExB;AAAA,cAEA,UAAC,oBAAA,UAAA,EAAO,MAAK,UAAS,WAAU,8BAC9B,UAAC,oBAAA,QAAA,EAAK,WAAU,iBACd,UAAC,oBAAA,UAAA,CAAA,CAAS,GACZ,EACF,CAAA;AAAA,YAAA;AAAA,UAAA,EAEJ,CAAA;AAAA,QAAA,GACF;AAAA,QACA,oBAAC,OAAI,EAAA,WAAW,kBACd,UAAA,oBAAC,QAAK,EAAA,WAAU,2BACd,UAAA,oBAAC,UAAS,CAAA,CAAA,EAAA,CACZ,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;AAEA,MAAA,iBAAe,MAAM,KAAK,YAAY;"}

package/es/dashboard-workbench/context.d.ts

@@ -0,0 +1,16 @@
+import { default as React, ReactNode } from 'react';
+import { SourceDataTypes } from './types';
+interface AppContextProps {
+    globalData?: {
+        fieldMap?: Record<string, string>;
+        sourceData?: SourceDataTypes[];
+    };
+    setGlobalData: (items?: AppContextProps['globalData']) => void;
+}
+interface AppProviderProps {
+    children: ReactNode;
+    initialData?: AppContextProps['globalData'];
+}
+export declare const AppProvider: React.FC<AppProviderProps>;
+export declare const useAppContext: () => AppContextProps;
+export {};

package/es/dashboard-workbench/context.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useState, useContext } from "react";
+const AppContext = createContext(void 0);
+const AppProvider = ({ children, initialData }) => {
+  const [globalData, setGlobalData] = useState(
+    initialData
+  );
+  return /* @__PURE__ */ jsx(AppContext.Provider, { value: { globalData, setGlobalData }, children });
+};
+const useAppContext = () => {
+  const context = useContext(AppContext);
+  if (!context) {
+    throw new Error("useAppContext must be used within an AppProvider");
+  }
+  return context;
+};
+export {
+  AppProvider,
+  useAppContext
+};
+//# sourceMappingURL=context.js.map