@peak-ai/canvas 1.4.0 → 1.4.2-rc.0

package/.babelrc

@@ -0,0 +1,14 @@
+{
+  "presets": [
+    "@babel/preset-typescript",
+    ["@babel/preset-react", { "runtime": "automatic" }],
+    ["@babel/preset-env", { "modules": false, "loose": true }]
+  ],
+  "plugins": [
+    "babel-plugin-styled-components",
+    ["@babel/plugin-transform-class-properties", { "loose": true }],
+    ["@babel/plugin-transform-private-methods", { "loose": true }],
+    ["@babel/plugin-transform-private-property-in-object", { "loose": true }],
+    "@babel/plugin-transform-runtime"
+  ]
+}

package/.eslintignore

@@ -0,0 +1,5 @@
+node_modules/
+dist/
+commitlint.config.js
+jest.config.ts
+.eslintrc.js

package/.eslintrc.js

@@ -0,0 +1,29 @@
+const path = require('path');
+
+module.exports = {
+  root: true,
+  parserOptions: {
+    project: path.resolve(__dirname, 'tsconfig.json'),
+    tsconfigRootDir: __dirname,
+  },
+  settings: {
+    'import/resolver': {
+      typescript: {
+        project: path.resolve(__dirname, 'tsconfig.json'),
+      },
+    },
+  },
+  extends: [
+    '@peak-ai/eslint-config-peak-api',
+    '@peak-ai/eslint-config-peak-base',
+    '@peak-ai/eslint-config-peak-typescript',
+  ],
+  overrides: [
+    {
+      files: ['**/*.test.ts', '**/*.test.tsx'],
+      env: {
+        jest: true,
+      },
+    },
+  ],
+};

package/{GrapesjsCanvas.d.ts → dist/GrapesjsCanvas.d.ts}

@@ -1,10 +1,16 @@
 import { Editor } from 'grapesjs';
 import 'grapesjs/dist/css/grapes.min.css';
+type NotificationHandler = (newData: {
+    componentId: string;
+    newProps: Record<string, any>;
+    newAttributes: Record<string, any>;
+}) => boolean;
 type GrapesjsCanvasProps = {
     json: any;
     mode?: 'editor' | 'preview';
     setEditor: (editor: Editor) => void;
     performInteraction: (payload: Record<string, any>) => Promise<Record<string, any> | undefined>;
+    newDataNotifier: (notifHandler: NotificationHandler) => void;
 };
-declare function GrapesjsCanvas({ json, mode, setEditor, performInteraction, }: GrapesjsCanvasProps): import("react/jsx-runtime").JSX.Element;
+declare function GrapesjsCanvas({ json, mode, setEditor, performInteraction, newDataNotifier, }: GrapesjsCanvasProps): import("react/jsx-runtime").JSX.Element;
 export default GrapesjsCanvas;

package/{GrapesjsCanvas.js → dist/GrapesjsCanvas.js}

@@ -1,5 +1,5 @@
 import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _extends from"@babel/runtime/helpers/extends";import _regeneratorRuntime from"@babel/runtime/regenerator";/* eslint-disable @typescript-eslint/no-explicit-any */import React,{useEffect,useRef}from"react";// eslint-disable-next-line import/no-named-as-default
-import grapesjs from"grapesjs";import"grapesjs/dist/css/grapes.min.css";import tailwind from"grapesjs-tailwind";import{TypesToRegister}from"./constants";import{toKebabCase}from"./helpers";import{createGrapesjsShadcnGenericPlugin}from"./plugins/grapejs-plugin";import{StyledEditor}from"./index.styles";import{tailwindCompiledCss}from"./helpers/css";import{datePickerCss}from"./helpers/date-picker";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function setComponentProperties(editor,isPreview){function setPropertiesRecursively(comp){comp.set({editable:!isPreview,draggable:!isPreview,droppable:!isPreview&&comp.getName()!=="Shadcn-generic",selectable:!isPreview,hoverable:!isPreview,highlightable:!isPreview,copyable:false,resizable:false,removable:!isPreview,badgable:false});if(!isPreview){comp.set("toolbar",[{attributes:{"class":"fa fa-arrows"},command:"tlb-move"},{attributes:{"class":"fa fa-trash"},command:"tlb-delete"}])}comp.components().forEach(setPropertiesRecursively)}if(isPreview){editor.runCommand("core:preview")}else{editor.stopCommand("core:preview")}var wrapper=editor.getWrapper();wrapper==null||wrapper.find("*").forEach(setPropertiesRecursively)}function convertStyles(stylesArray){return stylesArray.map(function(block){var selectors=Array.isArray(block.selectors)?block.selectors.join(", "):block.selectors;var declarations=Object.entries(block.style).map(function(_ref){var prop=_ref[0],value=_ref[1];return toKebabCase(prop)+": "+value+";"}).join(" ");return selectors+" { "+declarations+" }"}).join("\n")}function expandActions(node){var _node$componentProps;if(node.type==="shadcn-generic"&&node.componentName==="Actions"&&Array.isArray((_node$componentProps=node.componentProps)==null?void 0:_node$componentProps.actions)){var actions=node.componentProps.actions;return _extends({},node,{type:"div",classes:["dashboard-cards"].concat(node.classes||[]),componentName:undefined,componentProps:undefined,components:actions.map(function(action,i){var icon=action.icon,title=action.title,description=action.description;return{id:node.id+"--action-card-"+i,type:"shadcn-generic",componentName:"ActionCard",badgable:false,copyable:false,componentProps:{icon:icon,headerContent:title,bodyContent:description}}})})}if(Array.isArray(node.components)){return _extends({},node,{components:node.components.map(expandActions)})}return node}function setInteracting(renderedComponents,components,inProgress){components.forEach(function(component){var componentId=component.componentId,showLoader=component.showLoader;if(!showLoader){return}var gjsModel=renderedComponents[componentId];if(gjsModel){gjsModel.set("attributes",_extends({},gjsModel.get("attributes"),{interactionApiInProgress:inProgress}))}})}function GrapesjsCanvas(_ref2){var json=_ref2.json,_ref2$mode=_ref2.mode,mode=_ref2$mode===void 0?"preview":_ref2$mode,setEditor=_ref2.setEditor,performInteraction=_ref2.performInteraction;var editorRef=useRef(null);var editorInstance=useRef(null);var renderedComponents={};function performInteractionWrapper(_x){return _performInteractionWrapper.apply(this,arguments)}function _performInteractionWrapper(){_performInteractionWrapper=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(payload){var _editorInstance$curre;var updatedJson,result;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:_context.next=2;return(_editorInstance$curre=editorInstance.current)==null?void 0:_editorInstance$curre.store();case 2:updatedJson=_context.sent;setInteracting(renderedComponents,payload.affectedComponents,true);_context.prev=4;_context.next=7;return performInteraction(_extends({},payload,{json:updatedJson}));case 7:result=_context.sent;Object.entries(result||{}).forEach(function(_ref4){var key=_ref4[0],value=_ref4[1];var model=renderedComponents[key];if(model){model.set("componentProps",_extends({},model.get("componentProps"),value))}});return _context.abrupt("return",result);case 10:_context.prev=10;setInteracting(renderedComponents,payload.affectedComponents,false);return _context.finish(10);case 13:case"end":return _context.stop()}},_callee,null,[[4,,10,13]])}));return _performInteractionWrapper.apply(this,arguments)}useEffect(function(){var _json$pages,_json$pages$0$frames;if(!editorRef.current){return function(){// Cleanup if editorRef is not available
+import grapesjs from"grapesjs";import"grapesjs/dist/css/grapes.min.css";import tailwind from"grapesjs-tailwind";import{TypesToRegister}from"./constants";import{toKebabCase}from"./helpers";import{createGrapesjsShadcnGenericPlugin}from"./plugins/grapejs-plugin";import{StyledEditor}from"./index.styles";import{tailwindCompiledCss}from"./helpers/css";import{datePickerCss}from"./helpers/date-picker";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function setComponentProperties(editor,isPreview){function setPropertiesRecursively(comp){comp.set({editable:!isPreview,draggable:!isPreview,droppable:!isPreview&&comp.getName()!=="Shadcn-generic",selectable:!isPreview,hoverable:!isPreview,highlightable:!isPreview,copyable:false,resizable:false,removable:!isPreview,badgable:false});if(!isPreview){comp.set("toolbar",[{attributes:{"class":"fa fa-arrows"},command:"tlb-move"},{attributes:{"class":"fa fa-trash"},command:"tlb-delete"}])}comp.components().forEach(setPropertiesRecursively)}if(isPreview){editor.runCommand("core:preview")}else{editor.stopCommand("core:preview")}var wrapper=editor.getWrapper();wrapper==null||wrapper.find("*").forEach(setPropertiesRecursively)}function convertStyles(stylesArray){return stylesArray.map(function(block){var selectors=Array.isArray(block.selectors)?block.selectors.join(", "):block.selectors;var declarations=Object.entries(block.style).map(function(_ref){var prop=_ref[0],value=_ref[1];return toKebabCase(prop)+": "+value+";"}).join(" ");return selectors+" { "+declarations+" }"}).join("\n")}function expandActions(node){var _node$componentProps;if(node.type==="shadcn-generic"&&node.componentName==="Actions"&&Array.isArray((_node$componentProps=node.componentProps)==null?void 0:_node$componentProps.actions)){var actions=node.componentProps.actions;return _extends({},node,{type:"div",classes:["dashboard-cards"].concat(node.classes||[]),componentName:undefined,componentProps:undefined,components:actions.map(function(action,i){var icon=action.icon,title=action.title,description=action.description;return{id:node.id+"--action-card-"+i,type:"shadcn-generic",componentName:"ActionCard",badgable:false,copyable:false,componentProps:{icon:icon,headerContent:title,bodyContent:description}}})})}if(Array.isArray(node.components)){return _extends({},node,{components:node.components.map(expandActions)})}return node}function setInteracting(renderedComponents,components,inProgress){components.forEach(function(component){var componentId=component.componentId,showLoader=component.showLoader;if(!showLoader){return}var gjsModel=renderedComponents[componentId];if(gjsModel){gjsModel.set("attributes",_extends({},gjsModel.get("attributes"),{interactionApiInProgress:inProgress}))}})}function GrapesjsCanvas(_ref2){var json=_ref2.json,_ref2$mode=_ref2.mode,mode=_ref2$mode===void 0?"preview":_ref2$mode,setEditor=_ref2.setEditor,performInteraction=_ref2.performInteraction,_ref2$newDataNotifier=_ref2.newDataNotifier,newDataNotifier=_ref2$newDataNotifier===void 0?function(){}:_ref2$newDataNotifier;var editorRef=useRef(null);var editorInstance=useRef(null);var renderedComponents={};function notificationHandler(props){if(!props){return true}var componentId=props.componentId,newProps=props.newProps,newAttributes=props.newAttributes;var model=renderedComponents[componentId];if(!model){return false}var parsedNewProps=_extends({},newProps);if(newProps.pagination){parsedNewProps.pagination=_extends({},model.get("componentProps").pagination||{},newProps.pagination)}model.set("componentProps",_extends({},model.get("componentProps"),parsedNewProps));model.set("attributes",_extends({},model.get("attributes"),newAttributes));return true}useEffect(function(){newDataNotifier(notificationHandler)},[]);function performInteractionWrapper(_x){return _performInteractionWrapper.apply(this,arguments)}function _performInteractionWrapper(){_performInteractionWrapper=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(payload){var _editorInstance$curre;var updatedJson,result;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:_context.next=2;return(_editorInstance$curre=editorInstance.current)==null?void 0:_editorInstance$curre.store();case 2:updatedJson=_context.sent;setInteracting(renderedComponents,payload.affectedComponents,true);_context.prev=4;_context.next=7;return performInteraction(_extends({},payload,{json:updatedJson}));case 7:result=_context.sent;Object.entries(result||{}).forEach(function(_ref4){var key=_ref4[0],value=_ref4[1];var model=renderedComponents[key];if(model){model.set("componentProps",_extends({},model.get("componentProps"),value))}});return _context.abrupt("return",result);case 10:_context.prev=10;setInteracting(renderedComponents,payload.affectedComponents,false);return _context.finish(10);case 13:case"end":return _context.stop()}},_callee,null,[[4,,10,13]])}));return _performInteractionWrapper.apply(this,arguments)}useEffect(function(){var _json$pages,_json$pages$0$frames;if(!editorRef.current){return function(){// Cleanup if editorRef is not available
 }}if(editorInstance.current){editorInstance.current.destroy();editorInstance.current=null}var currentMode=mode;var editor=grapesjs.init({container:editorRef.current,height:"100%",plugins:[tailwind,createGrapesjsShadcnGenericPlugin(currentMode,performInteractionWrapper,renderedComponents)],storageManager:{type:"none"},richTextEditor:{actions:["bold","italic","underline","strikethrough"]},canvas:{customBadgeLabel:function customBadgeLabel(component){var tagName=component.get("tagName");return tagName==="body"?"":tagName||""}}});// Tailwind CSS rules aren't fully added to our component
 // So, adding them from here!
 editor.on("load",function(){var canvasHead=editor.Canvas.getDocument().head;var style=document.createElement("style");var fullCss="\n        "+tailwindCompiledCss+"\n        "+datePickerCss+"\n        ::-webkit-scrollbar {\n          width: 0px;\n          height: 0px;\n        }\n        html, body {\n          overflow: auto !important;\n          -ms-overflow-style: none;  /* IE and Edge */\n          scrollbar-width: none;     /* Firefox */\n        }\n       \n      ";style.innerHTML=fullCss;style.setAttribute("type","text/css");canvasHead.appendChild(style)});editorInstance.current=editor;if(setEditor){setEditor(editor)}TypesToRegister.forEach(function(_ref3){var type=_ref3.type,tagName=_ref3.tagName;if(!editor.DomComponents.getType(type)){editor.DomComponents.addType(type,{model:{defaults:{tagName:tagName}},view:{}})}});if(json&&((_json$pages=json.pages)==null?void 0:_json$pages.length)>0&&((_json$pages$0$frames=json.pages[0].frames)==null?void 0:_json$pages$0$frames.length)>0){var raw=json.pages[0].frames[0].component;var processed=expandActions(raw);editor.setComponents(processed);var cssText=convertStyles(json.styles||[]);editor.setStyle(cssText)}editor.on("load",function(){setComponentProperties(editor,mode==="preview")});return function(){editor.destroy()};// eslint-disable-next-line @typescript-eslint/no-empty-function

package/dist/GrapesjsCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrapesjsCanvas.js","names":["React","useEffect","useRef","grapesjs","tailwind","TypesToRegister","toKebabCase","createGrapesjsShadcnGenericPlugin","StyledEditor","tailwindCompiledCss","datePickerCss","jsx","_jsx","jsxs","_jsxs","setComponentProperties","editor","isPreview","setPropertiesRecursively","comp","set","editable","draggable","droppable","getName","selectable","hoverable","highlightable","copyable","resizable","removable","badgable","attributes","command","components","forEach","runCommand","stopCommand","wrapper","getWrapper","find","convertStyles","stylesArray","map","block","selectors","Array","isArray","join","declarations","Object","entries","style","_ref","prop","value","expandActions","node","_node$componentProps","type","componentName","componentProps","actions","_extends","classes","concat","undefined","action","i","icon","title","description","id","headerContent","bodyContent","setInteracting","renderedComponents","inProgress","component","componentId","showLoader","gjsModel","get","interactionApiInProgress","GrapesjsCanvas","_ref2","json","_ref2$mode","mode","setEditor","performInteraction","_ref2$newDataNotifier","newDataNotifier","editorRef","editorInstance","notificationHandler","props","newProps","newAttributes","model","parsedNewProps","pagination","performInteractionWrapper","_x","_performInteractionWrapper","apply","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee","payload","_editorInstance$curre","updatedJson","result","wrap","_callee$","_context","prev","next","current","store","sent","affectedComponents","_ref4","key","abrupt","finish","stop","_json$pages","_json$pages$0$frames","destroy","currentMode","init","container","height","plugins","storageManager","richTextEditor","canvas","customBadgeLabel","tagName","on","canvasHead","Canvas","getDocument","head","document","createElement","fullCss","innerHTML","setAttribute","appendChild","_ref3","DomComponents","getType","addType","defaults","view","pages","length","frames","raw","processed","setComponents","cssText","styles","setStyle","Fragment","children","ref"],"sources":["../src/GrapesjsCanvas.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useRef } from 'react';\n// eslint-disable-next-line import/no-named-as-default\nimport grapesjs, { Component, Editor } from 'grapesjs';\nimport 'grapesjs/dist/css/grapes.min.css';\nimport tailwind from 'grapesjs-tailwind';\nimport { TypesToRegister } from './constants';\nimport { toKebabCase } from './helpers';\nimport { createGrapesjsShadcnGenericPlugin } from './plugins/grapejs-plugin';\nimport { StyledEditor } from './index.styles';\nimport { tailwindCompiledCss } from './helpers/css';\nimport { datePickerCss } from './helpers/date-picker';\n\ntype NotificationHandler = (newData: {\n  componentId: string;\n  newProps: Record<string, any>;\n  newAttributes: Record<string, any>;\n}) => boolean;\n\ntype GrapesjsCanvasProps = {\n  json: any;\n  mode?: 'editor' | 'preview';\n  setEditor: (editor: Editor) => void;\n  performInteraction: (payload: Record<string, any>) => Promise<Record<string, any> | undefined>;\n  newDataNotifier: (notifHandler: NotificationHandler) => void\n};\n\nfunction setComponentProperties(editor: Editor, isPreview: boolean) {\n  function setPropertiesRecursively(comp: Component) {\n    comp.set({\n      editable: !isPreview,\n      draggable: !isPreview,\n      droppable: !isPreview && comp.getName() !== 'Shadcn-generic',\n      selectable: !isPreview,\n      hoverable: !isPreview,\n      highlightable: !isPreview,\n      copyable: false,\n      resizable: false,\n      removable: !isPreview,\n      badgable: false,\n    });\n\n    if (!isPreview) {\n      comp.set('toolbar', [\n        { attributes: { class: 'fa fa-arrows' }, command: 'tlb-move' },\n        { attributes: { class: 'fa fa-trash' }, command: 'tlb-delete' },\n      ]);\n    }\n\n    comp.components().forEach(setPropertiesRecursively);\n  }\n\n  if (isPreview) {\n    editor.runCommand('core:preview');\n  } else {\n    editor.stopCommand('core:preview');\n  }\n\n  const wrapper = editor.getWrapper();\n  wrapper?.find('*').forEach(setPropertiesRecursively);\n}\n\nfunction convertStyles(stylesArray: any[]): string {\n  return stylesArray\n    .map((block) => {\n      const selectors = Array.isArray(block.selectors)\n        ? block.selectors.join(', ')\n        : block.selectors;\n      const declarations = Object.entries(block.style)\n        .map(([prop, value]) => `${toKebabCase(prop)}: ${value};`)\n        .join(' ');\n\n      return `${selectors} { ${declarations} }`;\n    })\n    .join('\\n');\n}\n\nfunction expandActions(node: any): any {\n  if (\n    node.type === 'shadcn-generic' &&\n    node.componentName === 'Actions' &&\n    Array.isArray(node.componentProps?.actions)\n  ) {\n    const { actions } = node.componentProps;\n\n    return {\n      ...node,\n      type: 'div',\n      classes: ['dashboard-cards', ...(node.classes || [])],\n      componentName: undefined,\n      componentProps: undefined,\n      components: actions.map((action: any, i: number) => {\n        const { icon, title, description } = action;\n\n        return {\n          id: `${node.id}--action-card-${i}`,\n          type: 'shadcn-generic',\n          componentName: 'ActionCard',\n          badgable: false,\n          copyable: false,\n          componentProps: {\n            icon,\n            headerContent: title,\n            bodyContent: description,\n          },\n        };\n      }),\n    };\n  }\n\n  if (Array.isArray(node.components)) {\n    return {\n      ...node,\n      components: node.components.map(expandActions),\n    };\n  }\n\n  return node;\n}\n\nfunction setInteracting(\n  renderedComponents: Record<string, Component>,\n  components: { componentId: string; showLoader: boolean }[],\n  inProgress: boolean,\n) {\n  components.forEach((component) => {\n    const { componentId, showLoader } = component;\n\n    if (!showLoader) {\n      return;\n    }\n\n    const gjsModel = renderedComponents[componentId];\n\n    if (gjsModel) {\n      gjsModel.set('attributes', {\n        ...gjsModel.get('attributes'),\n        interactionApiInProgress: inProgress,\n      });\n    }\n  });\n}\n\nfunction GrapesjsCanvas({\n  json,\n  mode = 'preview',\n  setEditor,\n  performInteraction,\n  newDataNotifier = () => {},\n}: GrapesjsCanvasProps) {\n  const editorRef = useRef<HTMLDivElement>(null);\n  const editorInstance = useRef<any>(null);\n  const renderedComponents: Record<string, Component> = {};\n\n  function notificationHandler(props: Parameters<NotificationHandler>[0]): ReturnType<NotificationHandler>  {\n    if (!props) {\n      return true;\n    }\n\n    const {\n      componentId,\n      newProps,\n      newAttributes,\n    } = props;\n    const model = renderedComponents[componentId];\n\n    if (!model) {\n      return false;\n    }\n\n    const parsedNewProps = {\n      ...newProps,\n    };\n\n    if (newProps.pagination) {\n      parsedNewProps.pagination = {\n        ...(model.get('componentProps').pagination || {}),\n        ...newProps.pagination,\n      }\n    }\n\n    model.set('componentProps', {\n      ...model.get('componentProps'),\n      ...parsedNewProps,\n    });\n\n    model.set('attributes', {\n      ...model.get('attributes'),\n      ...newAttributes,\n    });\n\n    return true;\n  }\n\n  useEffect(() => {\n    newDataNotifier(notificationHandler);\n  }, []);\n\n  async function performInteractionWrapper(payload: Record<string, any>) {\n    const updatedJson = await editorInstance.current?.store();\n    setInteracting(renderedComponents, payload.affectedComponents, true);\n\n    try {\n      const result = await performInteraction({\n        ...payload,\n        json: updatedJson,\n      });\n\n      Object.entries(result || {}).forEach(([key, value]) => {\n        const model = renderedComponents[key];\n\n        if (model) {\n          model.set('componentProps', {\n            ...model.get('componentProps'),\n            ...value,\n          });\n        }\n      });\n\n      return result;\n    } finally {\n      setInteracting(renderedComponents, payload.affectedComponents, false);\n    }\n  }\n\n  useEffect(() => {\n    if (!editorRef.current) {\n      return () => {\n        // Cleanup if editorRef is not available\n      };\n    }\n\n    if (editorInstance.current) {\n      editorInstance.current.destroy();\n      editorInstance.current = null;\n    }\n\n    const currentMode = mode;\n\n    const editor = grapesjs.init({\n      container: editorRef.current,\n      height: '100%',\n      plugins: [\n        tailwind,\n        createGrapesjsShadcnGenericPlugin(\n          currentMode,\n          performInteractionWrapper,\n          renderedComponents,\n        ),\n      ],\n      storageManager: { type: 'none' },\n      richTextEditor: {\n        actions: ['bold', 'italic', 'underline', 'strikethrough'],\n      },\n      canvas: {\n        customBadgeLabel: (component) => {\n          const tagName = component.get('tagName');\n\n          return tagName === 'body' ? '' : tagName || '';\n        },\n      },\n    });\n\n    // Tailwind CSS rules aren't fully added to our component\n    // So, adding them from here!\n    editor.on('load', () => {\n      const canvasHead = editor.Canvas.getDocument().head;\n      const style = document.createElement('style');\n      const fullCss = `\n        ${tailwindCompiledCss}\n        ${datePickerCss}\n        ::-webkit-scrollbar {\n          width: 0px;\n          height: 0px;\n        }\n        html, body {\n          overflow: auto !important;\n          -ms-overflow-style: none;  /* IE and Edge */\n          scrollbar-width: none;     /* Firefox */\n        }\n       \n      `;\n      style.innerHTML = fullCss;\n      style.setAttribute('type', 'text/css');\n      canvasHead.appendChild(style);\n    });\n\n    editorInstance.current = editor;\n\n    if (setEditor) {\n      setEditor(editor);\n    }\n\n    TypesToRegister.forEach(({ type, tagName }) => {\n      if (!editor.DomComponents.getType(type)) {\n        editor.DomComponents.addType(type, {\n          model: {\n            defaults: { tagName },\n          },\n          view: {},\n        });\n      }\n    });\n\n    if (json && json.pages?.length > 0 && json.pages[0].frames?.length > 0) {\n      const raw = json.pages[0].frames[0].component;\n      const processed = expandActions(raw);\n      editor.setComponents(processed);\n\n      const cssText = convertStyles(json.styles || []);\n      editor.setStyle(cssText);\n    }\n\n    editor.on('load', () => {\n      setComponentProperties(editor, mode === 'preview');\n    });\n\n    return () => {\n      editor.destroy();\n    };\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n  }, [json, mode]);\n\n  return (\n    <React.Fragment>\n      <StyledEditor />\n      <div ref={editorRef} id=\"grapesjs-editor\" />\n    </React.Fragment>\n  );\n}\n\nexport default GrapesjsCanvas;\n"],"mappings":"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","ignoreList":[]}

package/dist/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@peak-ai/canvas",
+  "author": "squad-builder-experience",
+  "license": "UNLICENSED",
+  "version": "1.4.2-rc.0",
+  "description": "",
+  "dependencies": {
+    "@peak-ai/ais-components": "6.41.0",
+    "@radix-ui/react-checkbox": "^1.3.2",
+    "@radix-ui/react-hover-card": "^1.1.7",
+    "@radix-ui/react-label": "^2.1.3",
+    "@radix-ui/react-scroll-area": "^1.2.5",
+    "@radix-ui/react-separator": "^1.1.3",
+    "@radix-ui/react-slot": "^1.2.0",
+    "@radix-ui/react-tabs": "1.0.0",
+    "@radix-ui/react-tooltip": "^1.2.7",
+    "@tailwindcss/cli": "^4.1.3",
+    "@types/chroma-js": "^3.1.1",
+    "@types/react-datepicker": "^7.0.0",
+    "chroma-js": "^3.1.2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
+    "grapesjs": "0.22.6",
+    "grapesjs-tailwind": "1.0.7",
+    "lodash": "^4.17.21",
+    "lucide-react": "^0.525.0",
+    "markdown": "^0.5.0",
+    "markdown-to-jsx": "7.4.1",
+    "plotly.js": "2.34.0",
+    "react": "^17.0.2",
+    "react-datepicker": "^8.4.0",
+    "react-dom": "^17.0.2",
+    "react-plotly.js": "^2.6.0",
+    "react-resizable-panels": "^2.1.9",
+    "styled-components": "^5.0.0",
+    "tailwind-merge": "^3.2.0",
+    "tailwindcss": "^4.1.3",
+    "tailwindcss-animate": "^1.0.7",
+    "tslib": "^2.7.0",
+    "tw-animate-css": "^1.2.5",
+    "sherlockjs": "^1.4.2",
+    "date-fns-tz": "^2.0.0"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  },
+  "resolutions": {
+    "@babel/traverse": "7.25.7",
+    "minimist": "1.2.6",
+    "tar": "^6.1.11"
+  },
+  "main": "index.js",
+  "types": "index.d.ts",
+  "module": "index.js",
+  "sideEffects": false
+}

package/dist/plugins/helpers/data-table.js

@@ -0,0 +1,2 @@
+import _extends from"@babel/runtime/helpers/extends";import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _regeneratorRuntime from"@babel/runtime/regenerator";/* eslint-disable @typescript-eslint/no-explicit-any */import{useEffect,useState,Fragment}from"react";import{Table,TableHeader,TableRow,TableHead,TableBody,TableCell,TableHeadSortable}from"../../shadcn/components/ui/table";import{TableLoader}from"../../shadcn/components/ui/skeleton";import{ScrollArea,ScrollBar}from"../../shadcn/components/ui/scroll-area";import{Pagination,PaginationContent,renderPaginationArrows}from"../../shadcn/components/ui/pagination";import{TableButton}from"../../shadcn/components/ui/button";import{cn}from"../../shadcn/utils";import{renderNoDataFallback}from"./extra";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function DataTable(_ref){var _ref2,_pagination$values$pa,_pagination$values,_ref3,_pagination$values$pa2,_pagination$values2;var _ref$data=_ref.data,data=_ref$data===void 0?[]:_ref$data,_ref$headerMapper=_ref.headerMapper,headerMapper=_ref$headerMapper===void 0?{}:_ref$headerMapper,_ref$className=_ref.className,className=_ref$className===void 0?"":_ref$className,_ref$actions=_ref.actions,actions=_ref$actions===void 0?[]:_ref$actions,_ref$isEditable=_ref.isEditable,isEditable=_ref$isEditable===void 0?false:_ref$isEditable,pagination=_ref.pagination,_ref$isLoading=_ref.isLoading,isLoading=_ref$isLoading===void 0?false:_ref$isLoading,onRowAction=_ref.onRowAction,onPageChange=_ref.onPageChange,onSort=_ref.onSort,sortConfig=_ref.sortConfig,_ref$otherProps=_ref.otherProps,otherProps=_ref$otherProps===void 0?{}:_ref$otherProps;var _useState=useState(null),activeSortColumn=_useState[0],setActiveSortColumn=_useState[1];var _useState2=useState({}),sortDirections=_useState2[0],setSortDirections=_useState2[1];var _useState3=useState(Number((_ref2=(_pagination$values$pa=pagination==null||(_pagination$values=pagination.values)==null?void 0:_pagination$values.pageNumber)!=null?_pagination$values$pa:pagination==null?void 0:pagination.initialPage)!=null?_ref2:1)),pageNumber=_useState3[0],setPageNumber=_useState3[1];var _useState4=useState(Number((_ref3=(_pagination$values$pa2=pagination==null||(_pagination$values2=pagination.values)==null?void 0:_pagination$values2.pageSize)!=null?_pagination$values$pa2:pagination==null?void 0:pagination.initialPageSize)!=null?_ref3:10)),pageSize=_useState4[0],setPageSize=_useState4[1];var _useState5=useState(Math.ceil(((pagination==null?void 0:pagination.totalCount)||0)/pageSize)||1),totalPages=_useState5[0],setTotalPages=_useState5[1];useEffect(function(){var _ref4,_pagination$values$pa3,_pagination$values3,_ref5,_pagination$values$pa4,_pagination$values4;setPageNumber(Number((_ref4=(_pagination$values$pa3=pagination==null||(_pagination$values3=pagination.values)==null?void 0:_pagination$values3.pageNumber)!=null?_pagination$values$pa3:pagination==null?void 0:pagination.initialPage)!=null?_ref4:1));setPageSize(Number((_ref5=(_pagination$values$pa4=pagination==null||(_pagination$values4=pagination.values)==null?void 0:_pagination$values4.pageSize)!=null?_pagination$values$pa4:pagination==null?void 0:pagination.initialPageSize)!=null?_ref5:25))},[pagination]);useEffect(function(){setTotalPages(Math.ceil(((pagination==null?void 0:pagination.totalCount)||0)/pageSize)||1)},[pagination==null?void 0:pagination.totalCount,pageSize]);useEffect(function(){if(sortConfig){setSortDirections(sortConfig);var first=Object.keys(sortConfig)[0];if(first){setActiveSortColumn(first)}}},[sortConfig]);var originalKeys=Object.keys(data[0]||{}).filter(function(key){return key in headerMapper});var headers=originalKeys.map(function(key){return headerMapper[key]});if(actions.length>0){headers.push("")}var rows=data.map(function(datum){return originalKeys.map(function(key){return datum[key]})});function handlePageChange(_x,_x2){return _handlePageChange.apply(this,arguments)}function _handlePageChange(){_handlePageChange=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(newPage,newSize){return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:if(newPage===void 0){newPage=pageNumber}if(newSize===void 0){newSize=pageSize}setPageNumber(newPage);setPageSize(newSize);onPageChange==null||onPageChange(newPage,newSize);case 5:case"end":return _context.stop()}},_callee)}));return _handlePageChange.apply(this,arguments)}function handleSortClick(column,direction){setActiveSortColumn(direction?column:null);setSortDirections(function(prev){var _extends2;return _extends({},prev,(_extends2={},_extends2[column]=direction,_extends2))});onSort==null||onSort(column,direction)}function renderActions(rowIndex,rowActions){if(!actions.length){return null}return/*#__PURE__*/_jsx(TableCell,{className:"sticky right-0 bg-white",children:rowActions.map(function(action){return/*#__PURE__*/_jsx(TableButton,{className:action.className,isEditable:isEditable,onClick:function onClick(){return onRowAction==null?void 0:onRowAction(rowIndex,action.id)},variant:action.variant,text:action.text,tooltipContent:action.tooltipContent},action.id)})})}var actualRowCount=rows.length;var headerHeight=48;var rowHeight=40;var maxHeight=250;var calculatedHeight=headerHeight+actualRowCount*rowHeight;var tableHeight=Math.min(calculatedHeight,maxHeight);var defaultClasses="aspect-auto w-full";var mergedClasses=className?cn(defaultClasses,className):defaultClasses;function renderTableComponent(){if(isLoading){return/*#__PURE__*/_jsx(TableLoader,{})}if(!(data!=null&&data.length)&&!isLoading){renderNoDataFallback()}return/*#__PURE__*/_jsxs(Table,_extends({},otherProps,{className:"caption-bottom text-sm relative "+mergedClasses,"data-slot":"table",children:[/*#__PURE__*/_jsx(TableHeader,{"data-slot":"table-header",className:"sticky top-0 z-2",children:/*#__PURE__*/_jsx(TableRow,{children:headers.map(function(head,idx){var isActionColumn=actions.length>0&&idx===headers.length-1;var originalKey=originalKeys[idx];if(isActionColumn){return/*#__PURE__*/_jsx(TableHead,{"data-slot":"table-header-"+idx,contentEditable:isEditable,className:"sticky right-0 bg-slate-100",children:head},idx)}return/*#__PURE__*/_jsx(TableHeadSortable,{"data-slot":"table-header-"+idx,sortDirection:sortDirections[originalKey]||"asc",isActive:activeSortColumn===originalKey,onSort:function onSort(direction){return handleSortClick(originalKey,direction)},sortable:true,isEditable:isEditable,children:head},idx)})})}),/*#__PURE__*/_jsx(TableBody,{"data-slot":"table-body",children:rows.map(function(row,rIdx){return/*#__PURE__*/_jsxs(TableRow,{"data-slot":"row-"+rIdx,className:"hover:bg-muted/50 border-b transition-colors",children:[row.map(function(cell,cIdx){return/*#__PURE__*/_jsx(TableCell,{"data-slot":"cell-"+rIdx+"-"+cIdx,className:"p-2 align-middle whitespace-nowrap",contentEditable:false,children:cell},cIdx)}),renderActions(rIdx,actions)]},rIdx)})})]}))}return/*#__PURE__*/_jsxs(Fragment,{children:[/*#__PURE__*/_jsxs(ScrollArea,{"data-slot":"table-container",className:mergedClasses,style:{height:tableHeight+"px"},children:[renderTableComponent(),/*#__PURE__*/_jsx(ScrollBar,{orientation:"horizontal"})]}),pagination&&pagination.totalCount>0&&/*#__PURE__*/_jsxs("div",{className:"flex items-center justify-between mt-2 w-full overflow-x-auto",children:[/*#__PURE__*/_jsxs("div",{className:"flex items-center gap-2 flex-shrink-0",children:[/*#__PURE__*/_jsx("label",{htmlFor:"page-size-select",className:"text-sm whitespace-nowrap",children:"Rows per page:"}),/*#__PURE__*/_jsx("select",{id:"page-size-select",value:pageSize,onChange:function onChange(e){return handlePageChange(1,Number(e.target.value))},className:"border rounded px-2 py-1 text-sm cursor-pointer",disabled:isLoading,children:pagination.pageSizeOptions.map(function(size){return/*#__PURE__*/_jsx("option",{value:size,children:size},size)})})]}),/*#__PURE__*/_jsxs("div",{className:"flex items-center gap-1 flex-shrink-0",children:[/*#__PURE__*/_jsxs("span",{className:"text-xs text-muted-foreground whitespace-nowrap",children:[(pageNumber-1)*pageSize+1,"\u2013",Math.min(pageNumber*pageSize,pagination.totalCount)," of ",pagination.totalCount]}),/*#__PURE__*/_jsx(Pagination,{children:/*#__PURE__*/_jsx(PaginationContent,{className:"gap-0.2 flex-shrink-0",children:renderPaginationArrows(pageNumber,totalPages,isLoading,handlePageChange)})})]})]})]})}
+//# sourceMappingURL=data-table.js.map

package/dist/plugins/helpers/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","names":["useEffect","useState","Fragment","Table","TableHeader","TableRow","TableHead","TableBody","TableCell","TableHeadSortable","TableLoader","ScrollArea","ScrollBar","Pagination","PaginationContent","renderPaginationArrows","TableButton","cn","renderNoDataFallback","jsx","_jsx","jsxs","_jsxs","DataTable","_ref","_ref2","_pagination$values$pa","_pagination$values","_ref3","_pagination$values$pa2","_pagination$values2","_ref$data","data","_ref$headerMapper","headerMapper","_ref$className","className","_ref$actions","actions","_ref$isEditable","isEditable","pagination","_ref$isLoading","isLoading","onRowAction","onPageChange","onSort","sortConfig","_ref$otherProps","otherProps","_useState","activeSortColumn","setActiveSortColumn","_useState2","sortDirections","setSortDirections","_useState3","Number","values","pageNumber","initialPage","setPageNumber","_useState4","pageSize","initialPageSize","setPageSize","_useState5","Math","ceil","totalCount","totalPages","setTotalPages","_ref4","_pagination$values$pa3","_pagination$values3","_ref5","_pagination$values$pa4","_pagination$values4","first","Object","keys","originalKeys","filter","key","headers","map","length","push","rows","datum","handlePageChange","_x","_x2","_handlePageChange","apply","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee","newPage","newSize","wrap","_callee$","_context","prev","next","stop","handleSortClick","column","direction","_extends2","_extends","renderActions","rowIndex","rowActions","children","action","onClick","id","variant","text","tooltipContent","actualRowCount","headerHeight","rowHeight","maxHeight","calculatedHeight","tableHeight","min","defaultClasses","mergedClasses","renderTableComponent","head","idx","isActionColumn","originalKey","contentEditable","sortDirection","isActive","sortable","row","rIdx","cell","cIdx","style","height","orientation","htmlFor","value","onChange","e","target","disabled","pageSizeOptions","size"],"sources":["../../../src/plugins/helpers/data-table.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useEffect, useState, Fragment } from 'react';\nimport {\n  Table,\n  TableHeader,\n  TableRow,\n  TableHead,\n  TableBody,\n  TableCell,\n  TableHeadSortable,\n  SortDirection,\n} from '../../shadcn/components/ui/table';\nimport { TableLoader } from '../../shadcn/components/ui/skeleton';\nimport { ScrollArea, ScrollBar } from '../../shadcn/components/ui/scroll-area';\nimport {\n  Pagination,\n  PaginationContent,\n  renderPaginationArrows,\n} from '../../shadcn/components/ui/pagination';\nimport { TableButton } from '../../shadcn/components/ui/button';\nimport { cn } from '../../shadcn/utils';\nimport { renderNoDataFallback } from './extra'\n\ntype RowAction = {\n  id: string;\n  text: string;\n  variant?: string;\n  tooltipContent?: string;\n  className?: string;\n};\n\nexport type DataTableProps = {\n  data: Record<string, any>[];\n  headerMapper?: Record<string, string>;\n  className?: string;\n  isEditable?: boolean;\n  actions?: RowAction[];\n  pagination?: {\n    values?: {\n      pageNumber: number;\n      pageSize: number;\n    };\n    initialPage?: number;\n    initialPageSize?: number;\n    totalCount: number;\n    pageSizeOptions: number[];\n  };\n  isLoading?: boolean;\n  onRowAction?: (rowIndex: number, actionId: string) => void;\n  onPageChange?: (pageNumber: number, pageSize: number) => void;\n  onSort?: (column: string, direction: SortDirection) => void;\n  sortConfig?: Record<string, SortDirection>;\n  otherProps?: Record<string, any>;\n};\n\nexport function DataTable({\n  data = [],\n  headerMapper = {},\n  className = '',\n  actions = [],\n  isEditable = false,\n  pagination,\n  isLoading = false,\n  onRowAction,\n  onPageChange,\n  onSort,\n  sortConfig,\n  otherProps = {},\n}: DataTableProps) {\n\n  const [activeSortColumn, setActiveSortColumn] = useState<string | null>(null);\n  const [sortDirections, setSortDirections] = useState<Record<string, SortDirection>>({});\n\n  const [pageNumber, setPageNumber] = useState(\n    Number(pagination?.values?.pageNumber ?? pagination?.initialPage ?? 1),\n  );\n  const [pageSize, setPageSize] = useState(\n    Number(pagination?.values?.pageSize ?? pagination?.initialPageSize ?? 10),\n  );\n  const [totalPages, setTotalPages] = useState(\n    Math.ceil((pagination?.totalCount || 0) / pageSize) || 1,\n  );\n\n  useEffect(() => {\n    setPageNumber(Number(pagination?.values?.pageNumber ?? pagination?.initialPage ?? 1));\n    setPageSize(Number(pagination?.values?.pageSize ?? pagination?.initialPageSize ?? 25));\n  }, [pagination]);\n\n  useEffect(() => {\n    setTotalPages(Math.ceil((pagination?.totalCount || 0) / pageSize) || 1);\n  }, [pagination?.totalCount, pageSize]);\n\n  useEffect(() => {\n    if (sortConfig) {\n      setSortDirections(sortConfig);\n      const first = Object.keys(sortConfig)[0];\n\n      if (first) {\n        setActiveSortColumn(first);\n      }\n    }\n  }, [sortConfig]);\n\n  const originalKeys = Object.keys(data[0] || {}).filter((key) => key in headerMapper);\n  const headers = originalKeys.map((key) => headerMapper[key]);\n\n  if (actions.length > 0) {\n    headers.push('');\n  }\n\n  const rows = data.map((datum: any) => originalKeys.map((key) => datum[key]));\n\n  async function handlePageChange(newPage = pageNumber, newSize = pageSize) {\n    setPageNumber(newPage);\n    setPageSize(newSize);\n    onPageChange?.(newPage, newSize);\n  }\n\n  function handleSortClick(column: string, direction: SortDirection) {\n    setActiveSortColumn(direction ? column : null);\n    setSortDirections((prev) => ({\n      ...prev,\n      [column]: direction,\n    }));\n    onSort?.(column, direction);\n  }\n\n  function renderActions(rowIndex: number, rowActions: RowAction[]) {\n    if (!actions.length) {\n      return null;\n    }\n\n    return (\n      <TableCell className=\"sticky right-0 bg-white\">\n        {rowActions.map((action) => (\n          <TableButton\n            key={action.id}\n            className={action.className}\n            isEditable={isEditable}\n            onClick={() => onRowAction?.(rowIndex, action.id)}\n            variant={action.variant}\n            text={action.text}\n            tooltipContent={action.tooltipContent}\n          />\n        ))}\n      </TableCell>\n    );\n  }\n\n  const actualRowCount = rows.length;\n  const headerHeight = 48;\n  const rowHeight = 40;\n  const maxHeight = 250;\n  const calculatedHeight = headerHeight + actualRowCount * rowHeight;\n  const tableHeight = Math.min(calculatedHeight, maxHeight);\n\n  const defaultClasses = `aspect-auto w-full`;\n  const mergedClasses = className ? cn(defaultClasses, className) : defaultClasses;\n\n  function renderTableComponent() {\n    if (isLoading) {\n      return <TableLoader />;\n    }\n\n    if(!data?.length && !isLoading ) {\n      renderNoDataFallback()\n    }\n\n    return (\n      <Table\n        {...otherProps}\n        className={`caption-bottom text-sm relative ${mergedClasses}`}\n        data-slot=\"table\"\n      >\n        <TableHeader data-slot=\"table-header\" className=\"sticky top-0 z-2\">\n          <TableRow>\n            {headers.map((head: string, idx: number) => {\n              const isActionColumn = actions.length > 0 && idx === headers.length - 1;\n              const originalKey = originalKeys[idx];\n\n              if (isActionColumn) {\n                return (\n                  <TableHead\n                    key={idx}\n                    data-slot={`table-header-${idx}`}\n                    contentEditable={isEditable}\n                    className=\"sticky right-0 bg-slate-100\"\n                  >\n                    {head}\n                  </TableHead>\n                );\n              }\n\n              return (\n                <TableHeadSortable\n                  key={idx}\n                  data-slot={`table-header-${idx}`}\n                  sortDirection={sortDirections[originalKey] || 'asc'}\n                  isActive={activeSortColumn === originalKey}\n                  onSort={(direction) => handleSortClick(originalKey, direction)}\n                  sortable={true}\n                  isEditable={isEditable}\n                >\n                  {head}\n                </TableHeadSortable>\n              );\n            })}\n          </TableRow>\n        </TableHeader>\n        <TableBody data-slot=\"table-body\">\n          {rows.map((row: any[], rIdx: number) => (\n            <TableRow\n              key={rIdx}\n              data-slot={`row-${rIdx}`}\n              className=\"hover:bg-muted/50 border-b transition-colors\"\n            >\n              {row.map((cell: string, cIdx: number) => (\n                <TableCell\n                  key={cIdx}\n                  data-slot={`cell-${rIdx}-${cIdx}`}\n                  className=\"p-2 align-middle whitespace-nowrap\"\n                  contentEditable={false}\n                >\n                  {cell}\n                </TableCell>\n              ))}\n              {renderActions(rIdx, actions)}\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    );\n  }\n\n  return (\n    <Fragment>\n      <ScrollArea\n        data-slot=\"table-container\"\n        className={mergedClasses}\n        style={{\n          height: `${tableHeight}px`,\n        }}\n      >\n        {renderTableComponent()}\n        <ScrollBar orientation=\"horizontal\" />\n      </ScrollArea>\n      {pagination && pagination.totalCount > 0 && (\n        <div className=\"flex items-center justify-between mt-2 w-full overflow-x-auto\">\n          <div className=\"flex items-center gap-2 flex-shrink-0\">\n            <label htmlFor=\"page-size-select\" className=\"text-sm whitespace-nowrap\">\n              Rows per page:\n            </label>\n            <select\n              id=\"page-size-select\"\n              value={pageSize}\n              onChange={(e) => handlePageChange(1, Number(e.target.value))}\n              className=\"border rounded px-2 py-1 text-sm cursor-pointer\"\n              disabled={isLoading}\n            >\n              {pagination.pageSizeOptions.map((size: number) => (\n                <option key={size} value={size}>\n                  {size}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div className=\"flex items-center gap-1 flex-shrink-0\">\n            <span className=\"text-xs text-muted-foreground whitespace-nowrap\">\n              {(pageNumber - 1) * pageSize + 1}–\n              {Math.min(pageNumber * pageSize, pagination.totalCount)} of {pagination.totalCount}\n            </span>\n            <Pagination>\n              <PaginationContent className=\"gap-0.2 flex-shrink-0\">\n                {renderPaginationArrows(pageNumber, totalPages, isLoading, handlePageChange)}\n              </PaginationContent>\n            </Pagination>\n          </div>\n        </div>\n      )}\n    </Fragment>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/plugins/helpers/render-components.js

@@ -0,0 +1,10 @@
+import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _extends from"@babel/runtime/helpers/extends";import _objectWithoutPropertiesLoose from"@babel/runtime/helpers/objectWithoutPropertiesLoose";var _excluded=["gjsModel"],_excluded2=["isEditable","gjsModel"],_excluded3=["isEditable","gjsModel"],_excluded4=["gjsModel","performInteraction"],_excluded5=["gjsModel"];import _regeneratorRuntime from"@babel/runtime/regenerator";function _createForOfIteratorHelperLoose(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(t)return(t=t.call(r)).next.bind(t);if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var o=0;return function(){return o>=r.length?{done:!0}:{done:!1,value:r[o++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}/* eslint-disable no-nested-ternary *//* eslint-disable @typescript-eslint/ban-ts-comment *//* eslint-disable func-style *//* eslint-disable @typescript-eslint/no-empty-function *//* eslint-disable func-names *//* eslint-disable @typescript-eslint/no-explicit-any */import chroma from"chroma-js";import React,{useEffect,useState,useRef}from"react";import{renderNoDataFallback}from"./extra";import{CircleAlert}from"lucide-react";import{theme}from"@peak-ai/ais-components/theme";import Markdown from"markdown-to-jsx";import{PieChart,Pie,BarChart,Bar,LineChart,Line,XAxis,YAxis,ResponsiveContainer,CartesianGrid,Legend// @ts-ignore
+}from"recharts/lib";// @ts-ignore
+import*as domutil from"recharts/lib/util/DOMUtils";import{TooltipButton}from"../../shadcn/components/ui/button";import{Card,CardHeader,CardTitle,CardDescription,CardContent,CardFooter}from"../../shadcn/components/ui/card";import{ChartContainer,ChartTooltip,ChartTooltipContent}from"../../shadcn/components/ui/chart";import{renderFilter}from"../../shadcn/components/ui/filter";import{ScrollArea,ScrollBar}from"../../shadcn/components/ui/scroll-area";import{renderSearch}from"../../shadcn/components/ui/search";import{ChartLoader,CardLoader,MarkdownLoader}from"../../shadcn/components/ui/skeleton";import{Tabs,TabsList,TabsTrigger,TabsContent}from"../../shadcn/components/ui/tabs";import{cn}from"../../shadcn/utils";import{getAffectedComponentsWithLoader}from"../../helpers";import{DataTable}from"./data-table";// Monkey-patching the getOffset function to use iframe's window instead of global one
+// REMEMBER TO UDPATE THIS WHEN recharts IS UPGRADED
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";domutil.getOffset=function(el){var html=el.ownerDocument.documentElement;var box={top:0,left:0};if(typeof el.getBoundingClientRect!=="undefined"){box=el.getBoundingClientRect()}var iframe=document.querySelector(".gjs-frame");var iframeWindow=iframe==null?void 0:iframe.contentWindow;return{top:box.top+iframeWindow.pageYOffset-html.clientTop,left:box.left+iframeWindow.pageXOffset-html.clientLeft}};var baseColors=[[theme.colors.Blue_100,theme.colors.Blue_30],[theme.colors.Purpley_100,theme.colors.Purpley_30],[theme.colors.Light_Bluish_Green,"#06601b"],[theme.colors.Wild_Strawberry,"#4d001c"]];function getNColors(n){var colors=[];for(var _iterator=_createForOfIteratorHelperLoose(baseColors),_step;!(_step=_iterator()).done;){var baseColor=_step.value;// eslint-disable-next-line import/no-named-as-default-member
+colors.push(chroma.scale(baseColor).mode("lab").colors(n))}function getOneColor(existing){var color=null;do{var base=colors[Math.floor(Math.random()*colors.length)];var selectedColorIndex=Math.floor(Math.random()*base.length);color=base[selectedColorIndex]}while(existing.includes(color));return color}var selectedColors=[];for(var i=0;i<n;i++){selectedColors.push(getOneColor(selectedColors))}return selectedColors}/* TODO: Loader remains */export function renderActionCard(props){var gjsModel=props.gjsModel,rest=_objectWithoutPropertiesLoose(props,_excluded);var _useState=useState(_extends({},props)),allData=_useState[0],setAllData=_useState[1];var _allData$headerConten=allData.headerContent,headerContent=_allData$headerConten===void 0?"Default Action Card Title":_allData$headerConten,icon=allData.icon,_allData$bodyContent=allData.bodyContent,bodyContent=_allData$bodyContent===void 0?"Default body content. Click to edit.":_allData$bodyContent;var _useState2=useState(_extends({},gjsModel.get("attributes"))),setAttributes=_useState2[1];useEffect(function(){gjsModel.on("change:componentProps",function(){setAllData(_extends({},gjsModel.get("componentProps")))})},[]);useEffect(function(){gjsModel.on("change:attributes",function(){setAttributes(_extends({},gjsModel.get("attributes")))})},[]);var defaultClasses="bg-white text-black p-4 rounded-lg shadow border flex flex-col h-full";return/*#__PURE__*/_jsx(Card,_extends({className:defaultClasses,isEditable:false,contentEditable:false},rest,{children:/*#__PURE__*/_jsx(CardContent,{className:"p-0",isEditable:false,contentEditable:false,children:/*#__PURE__*/_jsx("div",{className:"px-4 py-3",children:/*#__PURE__*/_jsxs("div",{className:"flex items-start",children:[/*#__PURE__*/_jsx("span",{className:"text-5xl mr-2","aria-hidden":"true",children:icon}),/*#__PURE__*/_jsxs("div",{className:"flex-1",children:[/*#__PURE__*/_jsx("div",{className:"text-xl font-semibold",children:headerContent}),!bodyContent?/*#__PURE__*/_jsxs("span",{className:"flex flex-row items-center px-3 py-2",children:[/*#__PURE__*/_jsx(CircleAlert,{className:"w-3 h-3 text-gray-400 mr-1"}),/*#__PURE__*/_jsx("p",{className:"text-sm text-gray-500 max-w-md text-center",children:"No data available for given filters"})]}):/*#__PURE__*/_jsx("div",{className:"text-base leading-relaxed mt-1",children:bodyContent})]})]})})})}))}export function renderCard(props){var _props$isEditable=props.isEditable,isEditable=_props$isEditable===void 0?false:_props$isEditable,gjsModel=props.gjsModel,rest=_objectWithoutPropertiesLoose(props,_excluded2);var _useState3=useState(_extends({},props)),allData=_useState3[0],setAllData=_useState3[1];var headerContent=allData.headerContent,headerDescription=allData.headerDescription,bodyContent=allData.bodyContent,footerContent=allData.footerContent,footerClass=allData.footerClass,footerIcon=allData.footerIcon,contentMetadata=allData.contentMetadata,contentMetadataClass=allData.contentMetadataClass,className=allData.className;var _useState4=useState(_extends({},gjsModel.get("attributes"))),attributes=_useState4[0],setAttributes=_useState4[1];useEffect(function(){gjsModel.on("change:componentProps",function(){setAllData(_extends({},gjsModel.get("componentProps")))})},[]);useEffect(function(){gjsModel.on("change:attributes",function(){setAttributes(_extends({},gjsModel.get("attributes")))})},[]);var defaultClasses="bg-white text-black p-4 rounded-lg shadow border flex flex-col h-full";var defaultFooterClasses="text-sm";var defaultContentMetadataClasses="text-xs";var mergedCardClassName=className?cn(defaultClasses,className):defaultClasses;var mergedFooterClassName=footerClass?cn(defaultFooterClasses,footerClass):defaultFooterClasses;var mergedContentMetadataClassName=contentMetadataClass?cn(defaultContentMetadataClasses,contentMetadataClass):defaultContentMetadataClasses;function getCardContent(){if(attributes.interactionApiInProgress||attributes.loading){return/*#__PURE__*/_jsx(CardContent,{children:/*#__PURE__*/_jsx(CardLoader,{})})}return/*#__PURE__*/_jsxs(React.Fragment,{children:[/*#__PURE__*/_jsxs(CardHeader,{children:[/*#__PURE__*/_jsx(CardTitle,{"data-slot":"headerContent",contentEditable:isEditable,className:"text-lg",children:headerContent}),/*#__PURE__*/_jsx(CardDescription,{"data-slot":"headerDescription",contentEditable:isEditable,className:"text-sm",children:headerDescription})]}),!bodyContent?/*#__PURE__*/_jsxs("span",{className:"flex flex-row items-center px-3 py-2",children:[/*#__PURE__*/_jsx(CircleAlert,{className:"w-3 h-3 text-gray-400 mr-1"}),/*#__PURE__*/_jsx("p",{className:"text-sm text-gray-500 max-w-md text-center",children:"No data available for given filters"})]}):/*#__PURE__*/_jsxs(CardContent,{"data-slot":"bodyContent",contentEditable:false,className:"flex-grow",children:[/*#__PURE__*/_jsx("div",{className:"text-3xl font-semibold truncate",children:bodyContent}),contentMetadata&&/*#__PURE__*/_jsx("div",{className:mergedContentMetadataClassName,style:{color:"#2A44D4"},children:contentMetadata})]}),/*#__PURE__*/_jsxs(CardFooter,{"data-slot":"footerContent",contentEditable:isEditable,className:cn(mergedFooterClassName),children:[footerIcon&&/*#__PURE__*/_jsx("span",{className:"mr-2","aria-hidden":"true",children:footerIcon}),footerContent]})]})}return/*#__PURE__*/_jsx(Card,_extends({},rest,{className:mergedCardClassName,children:getCardContent()}))}function renderChartComponent(chartType,data,config){if(!data||data.length===0){return renderNoDataFallback()}switch(chartType){case"pie":return/*#__PURE__*/_jsxs(PieChart,{children:[data.length>=20&&/*#__PURE__*/_jsx(ChartTooltip,{cursor:false,content:/*#__PURE__*/_jsx(ChartTooltipContent,{hideLabel:true})}),/*#__PURE__*/_jsx(Pie,{data:data,dataKey:config.dataKey,nameKey:config.nameKey,innerRadius:60,strokeWidth:10,label:data.length<20?function(_ref){var name=_ref.name,percent=_ref.percent;return name+": "+(percent*100).toFixed(0)+"%"}:undefined,labelLine:false})]});case"bar":config.dataKeys=config.dataKeys||[];return/*#__PURE__*/_jsxs(BarChart,_extends({data:data},config.chartUi,{children:[/*#__PURE__*/_jsx(CartesianGrid,{vertical:false}),/*#__PURE__*/_jsx(XAxis,{dataKey:config.xAxis}),/*#__PURE__*/_jsx(YAxis,{}),/*#__PURE__*/_jsx(Legend,{align:"left",wrapperStyle:{marginLeft:20}}),config.dataKeys.map(function(_ref2){var key=_ref2.key,name=_ref2.name,color=_ref2.color;return/*#__PURE__*/_jsx(Bar,{dataKey:key,fill:color!=null?color:"#4caf50",name:name,radius:2},key)}),/*#__PURE__*/_jsx(ChartTooltip,{cursor:false,content:/*#__PURE__*/_jsx(ChartTooltipContent,{indicator:"dashed"})})]}));case"line":config.dataKeys=config.dataKeys||[];return/*#__PURE__*/_jsxs(LineChart,{data:data,children:[/*#__PURE__*/_jsx(CartesianGrid,{vertical:false}),/*#__PURE__*/_jsx(XAxis,{dataKey:config.xAxis}),/*#__PURE__*/_jsx(YAxis,{}),/*#__PURE__*/_jsx(ChartTooltip,{cursor:false,content:/*#__PURE__*/_jsx(ChartTooltipContent,{indicator:"dashed"})}),config.dataKeys.map(function(_ref3){var key=_ref3.key,name=_ref3.name,color=_ref3.color;return/*#__PURE__*/_jsx(Line,{type:"monotone",dataKey:key,stroke:color!=null?color:"#4caf50",name:name},key)}),/*#__PURE__*/_jsx(Legend,{align:"left"})]});default:return/*#__PURE__*/_jsxs(PieChart,{children:[data.length>=20&&/*#__PURE__*/_jsx(ChartTooltip,{cursor:false,content:/*#__PURE__*/_jsx(ChartTooltipContent,{hideLabel:true})}),/*#__PURE__*/_jsx(Pie,{data:data,dataKey:config.dataKey,nameKey:config.nameKey,innerRadius:60,strokeWidth:10,label:data.length<20?function(_ref4){var name=_ref4.name,percent=_ref4.percent;return name+": "+(percent*100).toFixed(0)+"%"}:undefined,labelLine:false})]})}}export function renderChart(props){var _props$isEditable2=props.isEditable,isEditable=_props$isEditable2===void 0?false:_props$isEditable2,gjsModel=props.gjsModel,rest=_objectWithoutPropertiesLoose(props,_excluded3);var _useState5=useState(_extends({},props)),allData=_useState5[0],setAllData=_useState5[1];var _useState6=useState(_extends({},gjsModel.get("attributes"))),attributes=_useState6[0],setAttributes=_useState6[1];var containerRef=useRef(null);var _useState7=useState(0),containerWidth=_useState7[0],setContainerWidth=_useState7[1];useEffect(function(){gjsModel.on("change:componentProps",function(){setAllData(_extends({},gjsModel.get("componentProps")))})},[]);useEffect(function(){gjsModel.on("change:attributes",function(){setAttributes(_extends({},gjsModel.get("attributes")))})},[]);useEffect(function(){var updateContainerWidth=function updateContainerWidth(){if(containerRef.current){setContainerWidth(containerRef.current.offsetWidth)}};updateContainerWidth();window.addEventListener("resize",updateContainerWidth);return function(){return window.removeEventListener("resize",updateContainerWidth)}},[]);var _allData$config=allData.config,config=_allData$config===void 0?{}:_allData$config,_allData$chartType=allData.chartType,chartType=_allData$chartType===void 0?"pie":_allData$chartType,_allData$chartData=allData.chartData,chartData=_allData$chartData===void 0?[]:_allData$chartData,className=allData.className,_allData$title=allData.title,title=_allData$title===void 0?"Title":_allData$title,_allData$subTitle=allData.subTitle,subTitle=_allData$subTitle===void 0?"Subtitle":_allData$subTitle;var defaultClasses="aspect-auto h-[250px] w-full";var mergedClasses=className?cn(defaultClasses,className):defaultClasses;if(chartType==="pie"){var colors=getNColors(chartData.length);for(var i=0;i<chartData.length;i++){var data=chartData[i];if(!data.fill){data.fill=colors[i]}}}else if(!config.color){config.color=baseColors[Math.floor(Math.random()*baseColors.length)]}var width=undefined;var totalDataPoints=0;// Helper function to get responsive config
+var getResponsiveConfig=function getResponsiveConfig(){if(chartType==="bar"&&totalDataPoints>15&&containerWidth>0&&width&&width<=containerWidth){// If chart fits in container, use responsive behavior
+return _extends({},config,{chartUi:{}})}return config};if(chartType==="bar"){totalDataPoints=chartData.length*config.dataKeys.length;if(totalDataPoints>15){width=totalDataPoints*20+config.dataKeys.length*8*chartData.length+chartData.length*15;config.chartUi={barCategoryGap:"10%",width:width}}else{config.chartUi={}}}var chartUi=attributes.interactionApiInProgress||attributes.loading?/*#__PURE__*/_jsx(ChartLoader,{}):!chartData?renderNoDataFallback():/*#__PURE__*/_jsx(React.Fragment,{children:chartType==="bar"&&totalDataPoints>15&&config.chartUi&&width&&(containerWidth===0||width>containerWidth)?/*#__PURE__*/_jsx("div",{className:"w-full",children:/*#__PURE__*/_jsxs(ScrollArea,{className:"w-full",children:[/*#__PURE__*/_jsx("div",{style:{minWidth:width+"px",width:"max-content"},children:/*#__PURE__*/_jsx(ResponsiveContainer,{width:width,height:250,children:/*#__PURE__*/_jsx(ChartContainer,_extends({},rest,{config:config,className:mergedClasses,children:renderChartComponent(chartType,chartData,config)}))})}),/*#__PURE__*/_jsx(ScrollBar,{orientation:"horizontal"})]})}):/*#__PURE__*/_jsx(ResponsiveContainer,{width:"100%",height:250,children:/*#__PURE__*/_jsx(ChartContainer,_extends({},rest,{config:getResponsiveConfig(),className:mergedClasses,children:renderChartComponent(chartType,chartData,getResponsiveConfig())}))})});return/*#__PURE__*/_jsxs(Card,{className:"shadow border mt-2 mb-2",children:[/*#__PURE__*/_jsxs(CardHeader,{children:[/*#__PURE__*/_jsx(CardTitle,{"data-slot":"title",contentEditable:isEditable,className:"text-2xl",children:title}),/*#__PURE__*/_jsx(CardDescription,{"data-slot":"subTitle",contentEditable:isEditable,className:"text-sm",children:subTitle})]}),/*#__PURE__*/_jsx(CardContent,{ref:containerRef,"data-slot":"bodyContent",contentEditable:false,className:"px-6",children:chartUi})]})}export function renderTable(props){var gjsModel=props.gjsModel,_props$performInterac=props.performInteraction,performInteraction=_props$performInterac===void 0?function(){}:_props$performInterac,rest=_objectWithoutPropertiesLoose(props,_excluded4);var _useState8=useState(_extends({},props)),allData=_useState8[0],setAllData=_useState8[1];var cardRef=useRef(null);var _useState9=useState(_extends({},gjsModel.get("attributes"))),attributes=_useState9[0],setAttributes=_useState9[1];var _allData$data=allData.data,data=_allData$data===void 0?[]:_allData$data,_allData$headerMapper=allData.headerMapper,headerMapper=_allData$headerMapper===void 0?{}:_allData$headerMapper,className=allData.className,_allData$isEditable=allData.isEditable,isEditable=_allData$isEditable===void 0?false:_allData$isEditable,_allData$title2=allData.title,title=_allData$title2===void 0?"Title":_allData$title2,_allData$subTitle2=allData.subTitle,subTitle=_allData$subTitle2===void 0?"Subtitle":_allData$subTitle2,_allData$actions=allData.actions,actions=_allData$actions===void 0?[]:_allData$actions,pagination=allData.pagination;var sortConfig=function(_gjsModel$get,_ref6){var _ref5=(_gjsModel$get=gjsModel.get("componentProps"))!=null?_gjsModel$get:{},sortColumn=_ref5.sortColumn,sortDirection=_ref5.sortDirection;return sortColumn&&sortDirection?(_ref6={},_ref6[sortColumn]=sortDirection,_ref6):{}}();useEffect(function(){gjsModel.on("change:componentProps",function(){setAllData(_extends({},gjsModel.get("componentProps")))})},[]);useEffect(function(){gjsModel.on("change:attributes",function(){setAttributes(_extends({},gjsModel.get("attributes")))})},[]);var parsedData=data.map(function(datum){var newData=_extends({},datum);delete newData.id;return newData});function onRowAction(_x,_x2){return _onRowAction.apply(this,arguments)}function _onRowAction(){_onRowAction=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(rowIndex,actionId){var id;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:id=gjsModel.get("id");_context.next=3;return performInteraction({id:actionId,interactionType:"tableButton",payload:{row:data[rowIndex],tableId:id},affectedComponents:[]});case 3:case"end":return _context.stop()}},_callee)}));return _onRowAction.apply(this,arguments)}function onPageChange(_x3,_x4){return _onPageChange.apply(this,arguments)}function _onPageChange(){_onPageChange=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(pageNumber,pageSize){var _gjsModel$get2;var id,_ref7,sortColumn,sortDirection;return _regeneratorRuntime.wrap(function _callee2$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:id=gjsModel.get("id");_ref7=(_gjsModel$get2=gjsModel.get("componentProps"))!=null?_gjsModel$get2:{},sortColumn=_ref7.sortColumn,sortDirection=_ref7.sortDirection;_context2.next=4;return performInteraction({id:id,interactionType:"pagination",payload:_extends({pageNumber:pageNumber,pageSize:pageSize},sortColumn&&sortDirection&&{sortColumn:sortColumn,sortDirection:sortDirection}),affectedComponents:getAffectedComponentsWithLoader([id],true)});case 4:case"end":return _context2.stop()}},_callee2)}));return _onPageChange.apply(this,arguments)}function handleSort(_x5,_x6){return _handleSort.apply(this,arguments)}function _handleSort(){_handleSort=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(column,direction){var currentProps,id;return _regeneratorRuntime.wrap(function _callee3$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:currentProps=gjsModel.get("componentProps");id=gjsModel.get("id");gjsModel.set("componentProps",_extends({},currentProps,{sortColumn:direction?column:null,sortDirection:direction}));_context3.next=5;return performInteraction({id:id,interactionType:"tableSort",payload:{sortColumn:direction?column:null,sortDirection:direction,tableId:id},affectedComponents:getAffectedComponentsWithLoader([id],true)});case 5:case"end":return _context3.stop()}},_callee3)}));return _handleSort.apply(this,arguments)}return/*#__PURE__*/_jsxs(Card,{ref:cardRef,className:"shadow border","data-component-type":"table",children:[/*#__PURE__*/_jsxs(CardHeader,{children:[/*#__PURE__*/_jsx(CardTitle,{"data-slot":"title",contentEditable:isEditable,className:"text-2xl",children:title}),/*#__PURE__*/_jsx(CardDescription,{"data-slot":"subTitle",contentEditable:isEditable,className:"text-sm",children:subTitle})]}),/*#__PURE__*/_jsx(CardContent,{"data-slot":"bodyContent",contentEditable:false,children:/*#__PURE__*/_jsx(DataTable,{data:parsedData,headerMapper:headerMapper,className:className,isEditable:isEditable,actions:actions,pagination:pagination,isLoading:attributes.interactionApiInProgress,onRowAction:onRowAction,onPageChange:onPageChange,onSort:handleSort,sortConfig:sortConfig,otherProps:rest})})]})}export function renderTab(props){var tabsWidth=200;if(props.tabs.length>4){tabsWidth=150}return/*#__PURE__*/_jsxs(Tabs,{defaultValue:props.defaultValue,children:[/*#__PURE__*/_jsx("div",{className:"text-center mb-4",children:/*#__PURE__*/_jsx(TabsList,{className:"bg-gray-300",children:props.tabs.map(function(tab){return/*#__PURE__*/_jsx(TabsTrigger,{value:tab,className:"text-md w-["+tabsWidth+"px]",children:tab},tab)})})}),props.tabs.map(function(tab){return/*#__PURE__*/_jsx(TabsContent,{value:tab,className:"tabs-content"},tab)})]})}export function renderMarkdown(props){var gjsModel=props.gjsModel,rest=_objectWithoutPropertiesLoose(props,_excluded5);var _useState10=useState(_extends({},props)),allData=_useState10[0],setAllData=_useState10[1];var _useState11=useState(_extends({},gjsModel.get("attributes"))),attributes=_useState11[0],setAttributes=_useState11[1];useEffect(function(){gjsModel.on("change:componentProps",function(){setAllData(_extends({},gjsModel.get("componentProps")))})},[]);useEffect(function(){gjsModel.on("change:attributes",function(){setAttributes(_extends({},gjsModel.get("attributes")))})},[]);var _useState12=useState(false),isEditing=_useState12[0],setIsEditing=_useState12[1];var editRef=useRef(null);var startEditing=function startEditing(){setIsEditing(true);setTimeout(function(){setupEditor()},0)};var setupEditor=function setupEditor(){if(!editRef.current){return}var editor=editRef.current;editor.innerHTML="";editor.textContent=allData.summaryText;editor.focus()};// Save changes and exit editing mode
+var saveChanges=function saveChanges(){if(!editRef.current){return}var content=editRef.current.innerText||"";setAllData(function(prev){return _extends({},prev,{summaryText:content})});setIsEditing(false);editRef.current.innerHTML=""};var markdownStyles={ul:{props:{className:"list-disc"}},h1:{props:{className:"text-4xl font-bold leading-[4rem]"}},h2:{props:{className:"text-3xl font-bold leading-[3rem]"}},h3:{props:{className:"text-2xl font-bold leading-[2rem]"}},h4:{props:{className:"text-xl font-bold leading-[2.5rem]"}},h5:{props:{className:"text-lg font-bold leading-[2.5rem]"}},h6:{props:{className:"text-base font-bold leading-[2rem]"}}};if(attributes.loading){return/*#__PURE__*/_jsx(MarkdownLoader,{})}if(!allData.isEditable){return/*#__PURE__*/_jsx("div",_extends({className:"px-[1em]"},rest,{children:/*#__PURE__*/_jsx("div",{"data-slot":"summaryText",children:/*#__PURE__*/_jsx(Markdown,{options:{overrides:markdownStyles},children:allData.summaryText})})}))}return/*#__PURE__*/_jsx("div",_extends({className:"p-[1em]"},rest,{children:isEditing?/*#__PURE__*/_jsx("div",{ref:editRef,contentEditable:true,onBlur:saveChanges,"data-slot":"summaryText",className:"p-2 min-h-[100px] whitespace-pre-wrap",suppressContentEditableWarning:true,style:{whiteSpace:"pre-wrap",wordWrap:"break-word"}}):/*#__PURE__*/_jsx("div",{onClick:startEditing,"data-slot":"summaryText",style:{whiteSpace:"pre-wrap",wordWrap:"break-word"},children:/*#__PURE__*/_jsx(Markdown,{options:{overrides:markdownStyles},children:allData.summaryText})})}))}export function renderButton(props){var _props$isEditable3=props.isEditable,isEditable=_props$isEditable3===void 0?false:_props$isEditable3,gjsModel=props.gjsModel,_props$performInterac2=props.performInteraction,performInteraction=_props$performInterac2===void 0?function(){}:_props$performInterac2;var _useState13=useState(_extends({},props)),allData=_useState13[0],setAllData=_useState13[1];var _useState14=useState(_extends({},gjsModel.get("attributes"))),attributes=_useState14[0],setAttributes=_useState14[1];useEffect(function(){gjsModel.on("change:componentProps",function(){setAllData(_extends({},gjsModel.get("componentProps")))})},[]);useEffect(function(){gjsModel.on("change:attributes",function(){setAttributes(_extends({},gjsModel.get("attributes")))})},[]);var text=allData.text,className=allData.className,payload=allData.payload,_allData$variant=allData.variant,variant=_allData$variant===void 0?"default":_allData$variant,_allData$size=allData.size,size=_allData$size===void 0?"sm":_allData$size,affectedComponents=allData.affectedComponents,tooltipContent=allData.tooltipContent;function interact(){var id=gjsModel.get("id");performInteraction({id:id,interactionType:"button",affectedComponents:getAffectedComponentsWithLoader([id].concat(affectedComponents),true),payload:payload})}return/*#__PURE__*/_jsx(TooltipButton,{className:className,isEditable:isEditable,interact:interact,attributes:attributes,variant:variant,size:size,text:text,tooltipContent:tooltipContent})}export function getRenderers(){return{ActionCard:renderActionCard,Button:renderButton,Card:renderCard,Chart:renderChart,Filter:renderFilter,Markdown:renderMarkdown,Search:renderSearch,Table:renderTable,Tabs:renderTab}}
+//# sourceMappingURL=render-components.js.map

package/dist/plugins/helpers/render-components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-components.js","names":["chroma","React","useEffect","useState","useRef","renderNoDataFallback","CircleAlert","theme","Markdown","PieChart","Pie","BarChart","Bar","LineChart","Line","XAxis","YAxis","ResponsiveContainer","CartesianGrid","Legend","domutil","TooltipButton","Card","CardHeader","CardTitle","CardDescription","CardContent","CardFooter","ChartContainer","ChartTooltip","ChartTooltipContent","renderFilter","ScrollArea","ScrollBar","renderSearch","ChartLoader","CardLoader","MarkdownLoader","Tabs","TabsList","TabsTrigger","TabsContent","cn","getAffectedComponentsWithLoader","DataTable","jsx","_jsx","jsxs","_jsxs","getOffset","el","html","ownerDocument","documentElement","box","top","left","getBoundingClientRect","iframe","document","querySelector","iframeWindow","contentWindow","pageYOffset","clientTop","pageXOffset","clientLeft","baseColors","colors","Blue_100","Blue_30","Purpley_100","Purpley_30","Light_Bluish_Green","Wild_Strawberry","getNColors","n","_iterator","_createForOfIteratorHelperLoose","_step","done","baseColor","value","push","scale","mode","getOneColor","existing","color","base","Math","floor","random","length","selectedColorIndex","includes","selectedColors","i","renderActionCard","props","gjsModel","rest","_objectWithoutPropertiesLoose","_excluded","_useState","_extends","allData","setAllData","_allData$headerConten","headerContent","icon","_allData$bodyContent","bodyContent","_useState2","get","setAttributes","on","defaultClasses","className","isEditable","contentEditable","children","renderCard","_props$isEditable","_excluded2","_useState3","headerDescription","footerContent","footerClass","footerIcon","contentMetadata","contentMetadataClass","_useState4","attributes","defaultFooterClasses","defaultContentMetadataClasses","mergedCardClassName","mergedFooterClassName","mergedContentMetadataClassName","getCardContent","interactionApiInProgress","loading","Fragment","style","renderChartComponent","chartType","data","config","cursor","content","hideLabel","dataKey","nameKey","innerRadius","strokeWidth","label","_ref","name","percent","toFixed","undefined","labelLine","dataKeys","chartUi","vertical","xAxis","align","wrapperStyle","marginLeft","map","_ref2","key","fill","radius","indicator","_ref3","type","stroke","_ref4","renderChart","_props$isEditable2","_excluded3","_useState5","_useState6","containerRef","_useState7","containerWidth","setContainerWidth","updateContainerWidth","current","offsetWidth","window","addEventListener","removeEventListener","_allData$config","_allData$chartType","_allData$chartData","chartData","_allData$title","title","_allData$subTitle","subTitle","mergedClasses","width","totalDataPoints","getResponsiveConfig","barCategoryGap","minWidth","height","orientation","ref","renderTable","_props$performInterac","performInteraction","_excluded4","_useState8","cardRef","_useState9","_allData$data","_allData$headerMapper","headerMapper","_allData$isEditable","_allData$title2","_allData$subTitle2","_allData$actions","actions","pagination","sortConfig","_gjsModel$get","_ref6","_ref5","sortColumn","sortDirection","parsedData","datum","newData","id","onRowAction","_x","_x2","_onRowAction","apply","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee","rowIndex","actionId","wrap","_callee$","_context","prev","next","interactionType","payload","row","tableId","affectedComponents","stop","onPageChange","_x3","_x4","_onPageChange","_callee2","pageNumber","pageSize","_gjsModel$get2","_ref7","_callee2$","_context2","handleSort","_x5","_x6","_handleSort","_callee3","column","direction","currentProps","_callee3$","_context3","set","isLoading","onSort","otherProps","renderTab","tabsWidth","tabs","defaultValue","tab","renderMarkdown","_excluded5","_useState10","_useState11","_useState12","isEditing","setIsEditing","editRef","startEditing","setTimeout","setupEditor","editor","innerHTML","textContent","summaryText","focus","saveChanges","innerText","markdownStyles","ul","h1","h2","h3","h4","h5","h6","options","overrides","onBlur","suppressContentEditableWarning","whiteSpace","wordWrap","onClick","renderButton","_props$isEditable3","_props$performInterac2","_useState13","_useState14","text","_allData$variant","variant","_allData$size","size","tooltipContent","interact","concat","getRenderers","ActionCard","Button","Chart","Filter","Search","Table"],"sources":["../../../src/plugins/helpers/render-components.tsx"],"sourcesContent":["/* eslint-disable no-nested-ternary */\n/* eslint-disable @typescript-eslint/ban-ts-comment */\n/* eslint-disable func-style */\n/* eslint-disable @typescript-eslint/no-empty-function */\n/* eslint-disable func-names */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport chroma from 'chroma-js';\nimport React, { useEffect, useState, JSX, useRef } from 'react';\nimport { renderNoDataFallback } from './extra'\nimport { CircleAlert } from 'lucide-react';\n\nimport { theme } from '@peak-ai/ais-components/theme';\n\nimport Markdown from 'markdown-to-jsx';\n\nimport {\n  PieChart,\n  Pie,\n  BarChart,\n  Bar,\n  LineChart,\n  Line,\n  XAxis,\n  YAxis,\n  ResponsiveContainer,\n  CartesianGrid,\n  Legend,\n  // @ts-ignore\n} from 'recharts/lib';\n\n// @ts-ignore\nimport * as domutil from 'recharts/lib/util/DOMUtils';\n\nimport { TooltipButton } from '../../shadcn/components/ui/button';\nimport {\n  Card,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  CardFooter,\n} from '../../shadcn/components/ui/card';\nimport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n} from '../../shadcn/components/ui/chart';\nimport { renderFilter } from '../../shadcn/components/ui/filter';\nimport { ScrollArea, ScrollBar } from '../../shadcn/components/ui/scroll-area';\nimport { renderSearch } from '../../shadcn/components/ui/search';\nimport { TableLoader, ChartLoader, CardLoader, MarkdownLoader } from '../../shadcn/components/ui/skeleton';\nimport { SortDirection } from '../../shadcn/components/ui/table';\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../../shadcn/components/ui/tabs';\n\nimport { cn } from '../../shadcn/utils';\nimport { getAffectedComponentsWithLoader } from '../../helpers';\nimport { DataTable } from './data-table';\n\n// Monkey-patching the getOffset function to use iframe's window instead of global one\n// REMEMBER TO UDPATE THIS WHEN recharts IS UPGRADED\ndomutil.getOffset = (el: HTMLElement): {\n  top: number;\n  left: number;\n} => {\n  const html = el.ownerDocument.documentElement;\n  let box = { top: 0, left: 0 };\n\n  if (typeof el.getBoundingClientRect !== 'undefined') {\n    box = el.getBoundingClientRect();\n  }\n\n  const iframe = document.querySelector('.gjs-frame');\n  const iframeWindow = (iframe as any)?.contentWindow;\n\n  return {\n    top: box.top + iframeWindow.pageYOffset - html.clientTop,\n    left: box.left + iframeWindow.pageXOffset - html.clientLeft,\n  };\n};\n\n\nconst baseColors = [\n  [theme.colors.Blue_100, theme.colors.Blue_30],\n  [theme.colors.Purpley_100, theme.colors.Purpley_30],\n  [theme.colors.Light_Bluish_Green, '#06601b'],\n  [theme.colors.Wild_Strawberry, '#4d001c'],\n];\n\nfunction getNColors(n: number) {\n  const colors: Array<string[]> = [];\n\n  for (const baseColor of baseColors) {\n    // eslint-disable-next-line import/no-named-as-default-member\n    colors.push(chroma.scale(baseColor).mode('lab').colors(n));\n  }\n\n  function getOneColor(existing: Array<string>) {\n    let color: null | string = null;\n\n    do {\n      const base = colors[Math.floor(Math.random() * colors.length)];\n      const selectedColorIndex = Math.floor(Math.random() * base.length);\n      color = base[selectedColorIndex];\n    } while (existing.includes(color));\n\n    return color as string;\n  }\n\n  const selectedColors: Array<string> = [];\n\n  for (let i = 0; i < n; i++) {\n    selectedColors.push(getOneColor(selectedColors));\n  }\n\n  return selectedColors;\n}\n\n/* TODO: Loader remains */\nexport function renderActionCard(props: any): JSX.Element {\n  const { gjsModel, ...rest } = props;\n\n  const [allData, setAllData] = useState({\n    ...props,\n  });\n\n  const {\n    headerContent = 'Default Action Card Title',\n    icon,\n    bodyContent = 'Default body content. Click to edit.',\n  } = allData;\n\n  const [, setAttributes] = useState({\n    ...gjsModel.get('attributes'),\n  });\n\n  useEffect(() => {\n    gjsModel.on('change:componentProps', () => {\n      setAllData({\n        ...gjsModel.get('componentProps'),\n      });\n    });\n  }, []);\n\n  useEffect(() => {\n    gjsModel.on('change:attributes', () => {\n      setAttributes({\n        ...gjsModel.get('attributes'),\n      });\n    });\n  }, []);\n\n  const defaultClasses = 'bg-white text-black p-4 rounded-lg shadow border flex flex-col h-full';\n\n  return (\n    <Card className={defaultClasses} isEditable={false} contentEditable={false} {...rest}>\n      <CardContent className=\"p-0\" isEditable={false} contentEditable={false}>\n        <div className=\"px-4 py-3\">\n          <div className=\"flex items-start\">\n            <span className=\"text-5xl mr-2\" aria-hidden=\"true\">\n              {icon}\n            </span>\n            <div className=\"flex-1\">\n              <div className=\"text-xl font-semibold\">{headerContent}</div>\n                {!bodyContent ? (\n                <span className=\"flex flex-row items-center px-3 py-2\">\n                  <CircleAlert className=\"w-3 h-3 text-gray-400 mr-1\" />\n                  <p className=\"text-sm text-gray-500 max-w-md text-center\">\n                    No data available for given filters\n                  </p>\n                </span>\n                ) : (\n                <div className=\"text-base leading-relaxed mt-1\">{bodyContent}</div>\n                )}\n            </div>\n          </div>\n        </div>\n      </CardContent>\n    </Card>\n  );\n}\n\nexport function renderCard(props: any): JSX.Element {\n  const { isEditable = false, gjsModel, ...rest } = props;\n\n  const [allData, setAllData] = useState({\n    ...props,\n  });\n\n  const {\n    headerContent,\n    headerDescription,\n    bodyContent,\n    footerContent,\n    footerClass,\n    footerIcon,\n    contentMetadata,\n    contentMetadataClass,\n    className,\n  } = allData;\n\n  const [attributes, setAttributes] = useState({\n    ...gjsModel.get('attributes'),\n  });\n\n  useEffect(() => {\n    gjsModel.on('change:componentProps', () => {\n      setAllData({\n        ...gjsModel.get('componentProps'),\n      });\n    });\n  }, []);\n\n  useEffect(() => {\n    gjsModel.on('change:attributes', () => {\n      setAttributes({\n        ...gjsModel.get('attributes'),\n      });\n    });\n  }, []);\n\n  const defaultClasses = 'bg-white text-black p-4 rounded-lg shadow border flex flex-col h-full';\n  const defaultFooterClasses = 'text-sm';\n  const defaultContentMetadataClasses = 'text-xs';\n  const mergedCardClassName = className ? cn(defaultClasses, className) : defaultClasses;\n  const mergedFooterClassName = footerClass\n    ? cn(defaultFooterClasses, footerClass)\n    : defaultFooterClasses;\n  const mergedContentMetadataClassName = contentMetadataClass\n    ? cn(defaultContentMetadataClasses, contentMetadataClass)\n    : defaultContentMetadataClasses;\n\n  function getCardContent() {\n    if (attributes.interactionApiInProgress || attributes.loading) {\n      return (\n        <CardContent>\n          <CardLoader />\n        </CardContent>\n      );\n    }\n\n    return (\n      <React.Fragment>\n        <CardHeader>\n          <CardTitle data-slot=\"headerContent\" contentEditable={isEditable} className=\"text-lg\">\n            {headerContent}\n          </CardTitle>\n          <CardDescription\n            data-slot=\"headerDescription\"\n            contentEditable={isEditable}\n            className=\"text-sm\"\n          >\n            {headerDescription}\n          </CardDescription>\n        </CardHeader>\n\n                {!bodyContent ? (\n                <span className=\"flex flex-row items-center px-3 py-2\">\n                  <CircleAlert className=\"w-3 h-3 text-gray-400 mr-1\" />\n                  <p className=\"text-sm text-gray-500 max-w-md text-center\">\n                    No data available for given filters\n                  </p>\n                </span>\n        ) : (\n          <CardContent data-slot=\"bodyContent\" contentEditable={false} className=\"flex-grow\">\n            <div className=\"text-3xl font-semibold truncate\">{bodyContent}</div>\n            {contentMetadata && (\n              <div className={mergedContentMetadataClassName} style={{ color: '#2A44D4' }}>\n                {contentMetadata}\n              </div>\n            )}\n          </CardContent>\n        )}\n\n        <CardFooter\n          data-slot=\"footerContent\"\n          contentEditable={isEditable}\n          className={cn(mergedFooterClassName)}\n        >\n          {footerIcon && (\n            <span className=\"mr-2\" aria-hidden=\"true\">\n              {footerIcon}\n            </span>\n          )}\n          {footerContent}\n        </CardFooter>\n      </React.Fragment>\n    );\n  }\n\n  return (\n    <Card {...rest} className={mergedCardClassName}>\n      {getCardContent()}\n    </Card>\n  );\n}\n\nfunction renderChartComponent(chartType: string, data: any, config: any): JSX.Element {\n  if (!data || data.length === 0) {\n    return renderNoDataFallback();\n  }\n\n  switch (chartType) {\n    case 'pie':\n      return (\n        <PieChart>\n          {data.length >= 20 && (\n            <ChartTooltip cursor={false} content={<ChartTooltipContent hideLabel />} />\n          )}\n          <Pie\n            data={data}\n            dataKey={config.dataKey}\n            nameKey={config.nameKey}\n            innerRadius={60}\n            strokeWidth={10}\n            label={\n              data.length < 20\n                ? ({ name, percent }: { name: string; percent: number; }) => `${name}: ${(percent * 100).toFixed(0)}%`\n                : undefined\n            }\n            labelLine={false}\n          />\n        </PieChart>\n      );\n    case 'bar':\n      config.dataKeys = config.dataKeys || [];\n\n      return (\n        <BarChart data={data} {...config.chartUi}>\n          <CartesianGrid vertical={false} />\n          <XAxis dataKey={config.xAxis} />\n          <YAxis />\n          <Legend align=\"left\" wrapperStyle={{ marginLeft: 20 }} />\n          {config.dataKeys.map(\n            ({ key, name, color }: { key: string; name: string; color: string }) => {\n              return (\n                <Bar dataKey={key} fill={color ?? '#4caf50'} name={name} key={key} radius={2} />\n              );\n            },\n          )}\n          <ChartTooltip cursor={false} content={<ChartTooltipContent indicator=\"dashed\" />} />\n        </BarChart>\n      );\n    case 'line':\n      config.dataKeys = config.dataKeys || [];\n\n      return (\n        <LineChart data={data}>\n          <CartesianGrid vertical={false} />\n          <XAxis dataKey={config.xAxis} />\n          <YAxis />\n          <ChartTooltip cursor={false} content={<ChartTooltipContent indicator=\"dashed\" />} />\n          {config.dataKeys.map(\n            ({ key, name, color }: { key: string; name: string; color: string }) => {\n              return (\n                <Line\n                  type=\"monotone\"\n                  dataKey={key}\n                  stroke={color ?? '#4caf50'}\n                  name={name}\n                  key={key}\n                />\n              );\n            },\n          )}\n          <Legend align=\"left\" />\n        </LineChart>\n      );\n    default:\n      return (\n        <PieChart>\n          {data.length >= 20 && (\n            <ChartTooltip cursor={false} content={<ChartTooltipContent hideLabel />} />\n          )}\n          <Pie\n            data={data}\n            dataKey={config.dataKey}\n            nameKey={config.nameKey}\n            innerRadius={60}\n            strokeWidth={10}\n            label={\n              data.length < 20\n                ? ({ name, percent }: { name: string; percent: number; }) => `${name}: ${(percent * 100).toFixed(0)}%`\n                : undefined\n            }\n            labelLine={false}\n          />\n        </PieChart>\n      );\n  }\n}\n\nexport function renderChart(props: any): JSX.Element {\n  const { isEditable = false, gjsModel, ...rest } = props;\n\n  const [allData, setAllData] = useState({\n    ...props,\n  });\n\n  const [attributes, setAttributes] = useState({\n    ...gjsModel.get('attributes'),\n  });\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [containerWidth, setContainerWidth] = useState<number>(0);\n\n  useEffect(() => {\n    gjsModel.on('change:componentProps', () => {\n      setAllData({\n        ...gjsModel.get('componentProps'),\n      });\n    });\n  }, []);\n\n  useEffect(() => {\n    gjsModel.on('change:attributes', () => {\n      setAttributes({\n        ...gjsModel.get('attributes'),\n      });\n    });\n  }, []);\n\n  useEffect(() => {\n    const updateContainerWidth = () => {\n      if (containerRef.current) {\n        setContainerWidth(containerRef.current.offsetWidth);\n      }\n    };\n\n    updateContainerWidth();\n    window.addEventListener('resize', updateContainerWidth);\n\n    return () => window.removeEventListener('resize', updateContainerWidth);\n  }, []);\n\n  const {\n    config = {},\n    chartType = 'pie',\n    chartData = [],\n    className,\n    title = 'Title',\n    subTitle = 'Subtitle',\n  } = allData;\n\n  const defaultClasses = 'aspect-auto h-[250px] w-full';\n  const mergedClasses = className ? cn(defaultClasses, className) : defaultClasses;\n\n  if (chartType === 'pie') {\n    const colors = getNColors(chartData.length);\n\n    for (let i = 0; i < chartData.length; i++) {\n      const data = chartData[i];\n\n      if (!data.fill) {\n        data.fill = colors[i];\n      }\n    }\n  } else if (!config.color) {\n    config.color = baseColors[Math.floor(Math.random() * baseColors.length)];\n  }\n\n  let width: number | undefined = undefined;\n  let totalDataPoints = 0;\n\n  // Helper function to get responsive config\n  const getResponsiveConfig = () => {\n    if (\n      chartType === 'bar' &&\n      totalDataPoints > 15 &&\n      containerWidth > 0 &&\n      width &&\n      width <= containerWidth\n    ) {\n      // If chart fits in container, use responsive behavior\n      return { ...config, chartUi: {} };\n    }\n\n    return config;\n  };\n\n  if (chartType === 'bar') {\n    totalDataPoints = chartData.length * config.dataKeys.length;\n\n    if (totalDataPoints > 15) {\n      width =\n        totalDataPoints * 20 +\n        config.dataKeys.length * 8 * chartData.length +\n        chartData.length * 15;\n      config.chartUi = {\n        barCategoryGap: '10%',\n        width,\n      };\n    } else {\n      config.chartUi = {};\n    }\n  }\n\n  const chartUi = (attributes.interactionApiInProgress || attributes.loading) ? (\n    <ChartLoader />\n  ) : !chartData ? (\n    renderNoDataFallback()\n  ) : (\n    <React.Fragment>\n      {chartType === 'bar' &&\n      totalDataPoints > 15 &&\n      config.chartUi &&\n      width &&\n      (containerWidth === 0 || width > containerWidth) ? (\n        <div className=\"w-full\">\n          <ScrollArea className=\"w-full\">\n            <div style={{ minWidth: `${width}px`, width: 'max-content' }}>\n              <ResponsiveContainer width={width} height={250}>\n                <ChartContainer {...rest} config={config} className={mergedClasses}>\n                  {renderChartComponent(chartType, chartData, config)}\n                </ChartContainer>\n              </ResponsiveContainer>\n            </div>\n            <ScrollBar orientation=\"horizontal\" />\n          </ScrollArea>\n        </div>\n      ) : (\n        <ResponsiveContainer width=\"100%\" height={250}>\n          <ChartContainer {...rest} config={getResponsiveConfig()} className={mergedClasses}>\n            {renderChartComponent(chartType, chartData, getResponsiveConfig())}\n          </ChartContainer>\n        </ResponsiveContainer>\n      )}\n    </React.Fragment>\n  );\n\n  return (\n    <Card className=\"shadow border mt-2 mb-2\">\n      <CardHeader>\n        <CardTitle data-slot=\"title\" contentEditable={isEditable} className=\"text-2xl\">\n          {title}\n        </CardTitle>\n        <CardDescription data-slot=\"subTitle\" contentEditable={isEditable} className=\"text-sm\">\n          {subTitle}\n        </CardDescription>\n      </CardHeader>\n      <CardContent\n        ref={containerRef}\n        data-slot=\"bodyContent\"\n        contentEditable={false}\n        className=\"px-6\"\n      >\n        {chartUi}\n      </CardContent>\n    </Card>\n  );\n}\n\nexport function renderTable(props: any): JSX.Element {\n  const { gjsModel, performInteraction = () => {}, ...rest } = props;\n\n  const [allData, setAllData] = useState({\n    ...props,\n  });\n\n  const cardRef = useRef<HTMLDivElement>(null);\n\n  const [attributes, setAttributes] = useState({\n    ...gjsModel.get('attributes'),\n  });\n\n  const {\n    data = [],\n    headerMapper = {},\n    className,\n    isEditable = false,\n    title = 'Title',\n    subTitle = 'Subtitle',\n    actions = [],\n    pagination,\n  } = allData;\n\n  const sortConfig = (() => {\n    const { sortColumn, sortDirection } = gjsModel.get('componentProps') ?? {};\n\n    return sortColumn && sortDirection ? { [sortColumn]: sortDirection } : {};\n  })();\n\n  useEffect(() => {\n    gjsModel.on('change:componentProps', () => {\n      setAllData({\n        ...gjsModel.get('componentProps'),\n      });\n    });\n  }, []);\n\n  useEffect(() => {\n    gjsModel.on('change:attributes', () => {\n      setAttributes({\n        ...gjsModel.get('attributes'),\n      });\n    });\n  }, []);\n\n\n  const parsedData = data.map((datum: any) => {\n    const newData = {\n      ...datum,\n    };\n\n    delete newData.id;\n\n    return newData;\n  });\n\n  async function onRowAction(rowIndex: number, actionId: string) {\n    const id = gjsModel.get('id');\n\n    await performInteraction({\n      id: actionId,\n      interactionType: 'tableButton',\n      payload: {\n        row: data[rowIndex],\n        tableId: id,\n      },\n      affectedComponents: [],\n    });\n  }\n\n  async function onPageChange(pageNumber: number, pageSize: number) {\n    const id = gjsModel.get('id');\n    const { sortColumn, sortDirection } = gjsModel.get('componentProps') ?? {};\n\n    await performInteraction({\n      id,\n      interactionType: 'pagination',\n      payload: {\n        pageNumber,\n        pageSize,\n        ...(sortColumn && sortDirection && { sortColumn, sortDirection }),\n      },\n      affectedComponents: getAffectedComponentsWithLoader([id], true),\n    });\n  }\n\n  async function handleSort(column: string, direction: SortDirection) {\n    const currentProps = gjsModel.get('componentProps');\n    const id = gjsModel.get('id');\n\n    gjsModel.set('componentProps', {\n      ...currentProps,\n      sortColumn: direction ? column : null,\n      sortDirection: direction,\n    });\n\n    await performInteraction({\n      id,\n      interactionType: 'tableSort',\n      payload: {\n        sortColumn: direction ? column : null,\n        sortDirection: direction,\n        tableId: id,\n      },\n      affectedComponents: getAffectedComponentsWithLoader([id], true),\n    });\n  }\n\n  return (\n    <Card \n      ref={cardRef}\n      className=\"shadow border\"\n      data-component-type=\"table\"\n    >\n      <CardHeader>\n        <CardTitle data-slot=\"title\" contentEditable={isEditable} className=\"text-2xl\">\n          {title}\n        </CardTitle>\n        <CardDescription data-slot=\"subTitle\" contentEditable={isEditable} className=\"text-sm\">\n          {subTitle}\n        </CardDescription>\n      </CardHeader>\n      <CardContent data-slot=\"bodyContent\" contentEditable={false}>\n        <DataTable\n          data={parsedData}\n          headerMapper={headerMapper}\n          className={className}\n          isEditable={isEditable}\n          actions={actions}\n          pagination={pagination}\n          isLoading={attributes.interactionApiInProgress}\n          onRowAction={onRowAction}\n          onPageChange={onPageChange}\n          onSort={handleSort}\n          sortConfig={sortConfig}\n          otherProps={rest}\n        />\n      </CardContent>\n    </Card>\n  );\n}\n\nexport function renderTab(props: any): JSX.Element {\n  let tabsWidth = 200;\n\n  if (props.tabs.length > 4) {\n    tabsWidth = 150;\n  }\n\n  return (\n    <Tabs defaultValue={props.defaultValue}>\n      <div className=\"text-center mb-4\">\n        <TabsList className=\"bg-gray-300\">\n          {props.tabs.map((tab: string) => (\n            <TabsTrigger value={tab} key={tab} className={`text-md w-[${tabsWidth}px]`}>\n              {tab}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n      </div>\n      {props.tabs.map((tab: string) => (\n        <TabsContent value={tab} className=\"tabs-content\" key={tab} />\n      ))}\n    </Tabs>\n  );\n}\n\nexport function renderMarkdown(props: any): JSX.Element {\n  const { gjsModel, ...rest } = props;\n\n  const [allData, setAllData] = useState({\n    ...props,\n  });\n\n  const [attributes, setAttributes] = useState({\n    ...gjsModel.get('attributes'),\n  });\n\n  useEffect(() => {\n    gjsModel.on('change:componentProps', () => {\n      setAllData({\n        ...gjsModel.get('componentProps'),\n      });\n    });\n  }, []);\n\n  useEffect(() => {\n    gjsModel.on('change:attributes', () => {\n      setAttributes({\n        ...gjsModel.get('attributes'),\n      });\n    });\n  }, []);\n\n  const [isEditing, setIsEditing] = useState(false);\n  const editRef = useRef<HTMLDivElement>(null);\n\n  const startEditing = () => {\n    setIsEditing(true);\n    setTimeout(() => {\n      setupEditor();\n    }, 0);\n  };\n\n  const setupEditor = () => {\n    if (!editRef.current) {\n      return;\n    }\n\n    const editor = editRef.current;\n    editor.innerHTML = '';\n    editor.textContent = allData.summaryText;\n    editor.focus();\n  };\n\n  // Save changes and exit editing mode\n  const saveChanges = () => {\n    if (!editRef.current) {\n      return;\n    }\n\n    const content = editRef.current.innerText || '';\n    setAllData((prev: Record<string, any>) => ({\n      ...prev,\n      summaryText: content,\n    }));\n    setIsEditing(false);\n    editRef.current.innerHTML = '';\n  };\n\n  const markdownStyles = {\n    ul: { props: { className: 'list-disc' } },\n    h1: { props: { className: 'text-4xl font-bold leading-[4rem]' } },\n    h2: { props: { className: 'text-3xl font-bold leading-[3rem]' } },\n    h3: { props: { className: 'text-2xl font-bold leading-[2rem]' } },\n    h4: { props: { className: 'text-xl font-bold leading-[2.5rem]' } },\n    h5: { props: { className: 'text-lg font-bold leading-[2.5rem]' } },\n    h6: { props: { className: 'text-base font-bold leading-[2rem]' } },\n  };\n\n  if (attributes.loading) {\n    return <MarkdownLoader />\n  }\n\n  if (!allData.isEditable) {\n    return (\n      <div className=\"px-[1em]\" {...rest}>\n        <div data-slot=\"summaryText\">\n          <Markdown options={{ overrides: markdownStyles }}>{allData.summaryText}</Markdown>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"p-[1em]\" {...rest}>\n      {isEditing ? (\n        <div\n          ref={editRef}\n          contentEditable\n          onBlur={saveChanges}\n          data-slot=\"summaryText\"\n          className=\"p-2 min-h-[100px] whitespace-pre-wrap\"\n          suppressContentEditableWarning={true}\n          style={{\n            whiteSpace: 'pre-wrap',\n            wordWrap: 'break-word',\n          }}\n        />\n      ) : (\n        <div\n          onClick={startEditing}\n          data-slot=\"summaryText\"\n          style={{\n            whiteSpace: 'pre-wrap',\n            wordWrap: 'break-word',\n          }}\n        >\n          <Markdown options={{ overrides: markdownStyles }}>{allData.summaryText}</Markdown>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function renderButton(props: any): JSX.Element {\n  const { isEditable = false, gjsModel, performInteraction = () => {} } = props;\n\n  const [allData, setAllData] = useState({\n    ...props,\n  });\n\n  const [attributes, setAttributes] = useState({\n    ...gjsModel.get('attributes'),\n  });\n\n  useEffect(() => {\n    gjsModel.on('change:componentProps', () => {\n      setAllData({\n        ...gjsModel.get('componentProps'),\n      });\n    });\n  }, []);\n\n  useEffect(() => {\n    gjsModel.on('change:attributes', () => {\n      setAttributes({\n        ...gjsModel.get('attributes'),\n      });\n    });\n  }, []);\n\n  const {\n    text,\n    className,\n    payload,\n    variant = 'default',\n    size = 'sm',\n    affectedComponents,\n    tooltipContent,\n  } = allData;\n\n  function interact() {\n    const id = gjsModel.get('id');\n    performInteraction({\n      id,\n      interactionType: 'button',\n      affectedComponents: getAffectedComponentsWithLoader([id, ...affectedComponents], true),\n      payload,\n    });\n  }\n\n  return (\n    <TooltipButton\n      className={className}\n      isEditable={isEditable}\n      interact={interact}\n      attributes={attributes}\n      variant={variant}\n      size={size}\n      text={text}\n      tooltipContent={tooltipContent}\n    />\n  );\n}\n\nexport function getRenderers(): Record<string, (props: any) => JSX.Element> {\n  return {\n    ActionCard: renderActionCard,\n    Button: renderButton,\n    Card: renderCard,\n    Chart: renderChart,\n    Filter: renderFilter,\n    Markdown: renderMarkdown,\n    Search: renderSearch,\n    Table: renderTable,\n    Tabs: renderTab,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/shadcn/components/ui/filter.js

@@ -0,0 +1,3 @@
+import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _extends from"@babel/runtime/helpers/extends";import _regeneratorRuntime from"@babel/runtime/regenerator";/* eslint-disable @typescript-eslint/no-explicit-any */import{useCallback,useEffect,useRef,useState}from"react";import{ChevronDown,ChevronUp,ListFilter as FilterIcon,Loader2Icon}from"lucide-react";import{Button}from"./button";import{Checkbox}from"./checkbox";import{ScrollArea}from"./scroll-area";import{getAffectedComponentsWithLoader}from"../../../helpers";import{renderDateFilter}from"./date-filter";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function FilterHeader(_ref){var label=_ref.label,count=_ref.count,isDisabled=_ref.isDisabled,isDropdownOpen=_ref.isDropdownOpen,isLoading=_ref.isLoading,toggleOpen=_ref.toggleOpen;var ChevronIcon=isDropdownOpen?ChevronUp:ChevronDown;return/*#__PURE__*/_jsxs(Button,{variant:"outline",size:"sm",disabled:isDisabled,onClick:toggleOpen,className:"px-2",children:[/*#__PURE__*/_jsx(FilterIcon,{size:16}),count>0?label+" ("+count+")":label,isLoading?/*#__PURE__*/_jsx(Loader2Icon,{className:"ml-2 animate-spin",size:16}):/*#__PURE__*/_jsx(ChevronIcon,{size:16,className:"ml-1"})]})}function FilterActions(_ref2){var selected=_ref2.selected,allSelected=_ref2.allSelected,onClear=_ref2.onClear,onSelectAll=_ref2.onSelectAll,isDisabled=_ref2.isDisabled;return/*#__PURE__*/_jsxs("div",{className:"flex items-center mb-3",children:[/*#__PURE__*/_jsx(Checkbox,{checked:allSelected,onCheckedChange:function onCheckedChange(){return allSelected?onClear():onSelectAll()},disabled:isDisabled}),/*#__PURE__*/_jsx("span",{className:"ml-2 text-sm text-gray-900",children:"Select All"}),selected.length>0&&/*#__PURE__*/_jsx("button",{type:"button",className:"ml-auto text-sm text-blue-600 hover:underline",onMouseDown:function onMouseDown(e){e.stopPropagation();e.preventDefault()},onClick:onClear,disabled:isDisabled,children:"Clear All"})]})}function FilterOptionList(_ref3){var options=_ref3.options,selected=_ref3.selected,onToggle=_ref3.onToggle,isDisabled=_ref3.isDisabled;return/*#__PURE__*/_jsx(ScrollArea,{viewportClassName:"max-h-48 overflow-y-auto mb-4 space-y-2",children:options.length>0?options.map(function(opt){return/*#__PURE__*/_jsxs("label",{className:"flex items-center space-x-2 hover:bg-gray-100 rounded p-1 transition hover:cursor-pointer",onClick:function onClick(e){e.preventDefault();e.stopPropagation();if(!isDisabled){onToggle(opt.value)}},children:[/*#__PURE__*/_jsx(Checkbox,{checked:selected.includes(opt.value),onChange:function onChange(){// Prevent checkbox from toggling when clicking label
+},disabled:isDisabled}),/*#__PURE__*/_jsx("span",{className:"text-sm text-gray-900",children:opt.label})]},opt.value)}):/*#__PURE__*/_jsx("div",{className:"text-sm text-gray-500",children:"No results found"})})}export function renderFilter(_ref4){var gjsModel=_ref4.gjsModel,performInteraction=_ref4.performInteraction;var _useState=useState(_extends({},gjsModel.get("componentProps"))),componentData=_useState[0],setComponentData=_useState[1];var _componentData$option=componentData.options,options=_componentData$option===void 0?[]:_componentData$option,_componentData$value=componentData.value,value=_componentData$value===void 0?[]:_componentData$value,_componentData$classN=componentData.className,className=_componentData$classN===void 0?"":_componentData$classN,_componentData$affect=componentData.affectedComponents,affectedComponents=_componentData$affect===void 0?[]:_componentData$affect,_componentData$text=componentData.text,label=_componentData$text===void 0?"Filter":_componentData$text,_componentData$filter=componentData.filterType,filterType=_componentData$filter===void 0?"multiselect":_componentData$filter;if(filterType==="date"){return renderDateFilter({gjsModel:gjsModel,performInteraction:performInteraction})}var wrapperRef=useRef(null);var _useState2=useState(_extends({},gjsModel.get("attributes"))),attributes=_useState2[0],setAttributes=_useState2[1];var _useState3=useState(false),isDropdownOpen=_useState3[0],setIsDropdownOpen=_useState3[1];var _useState4=useState(""),searchQuery=_useState4[0],setSearchQuery=_useState4[1];var _useState5=useState(false),isApplying=_useState5[0],setIsApplying=_useState5[1];var _useState6=useState({left:"auto",right:"0"}),dropdownPosition=_useState6[0],setDropdownPosition=_useState6[1];var defaultValue=componentData["default"]||[];var _useState7=useState(function(){return Array.isArray(value)&&value.length>0?value:defaultValue}),selectedValues=_useState7[0],setSelectedValues=_useState7[1];var isMultiSelect=filterType==="multiselect";var isBusy=attributes.interactionApiInProgress||isApplying||attributes.loading;var allOptionsSelected=selectedValues.length===options.length&&options.length>0;useEffect(function(){var _document$getElementB;if(!isDropdownOpen||!wrapperRef.current){return}var filterRect=wrapperRef.current.getBoundingClientRect();var dropdownWidth=256;var iframeViewportWidth=document.documentElement.clientWidth;var iframeBodyWidth=((_document$getElementB=document.getElementById("dashboard-root"))==null?void 0:_document$getElementB.clientWidth)||iframeViewportWidth;var spaceToRight=iframeBodyWidth-filterRect.right;var spaceToLeft=filterRect.left;if(spaceToLeft>=dropdownWidth){setDropdownPosition({left:"auto",right:"0px"})}else if(spaceToRight<dropdownWidth&&spaceToLeft<dropdownWidth){var shiftLeft=dropdownWidth-spaceToRight+16;setDropdownPosition({left:"-"+shiftLeft+"px",right:"auto"})}else if(spaceToRight>=dropdownWidth){setDropdownPosition({left:"0px",right:"auto"})}},[isDropdownOpen]);useEffect(function(){function updateComponentData(){setComponentData(_extends({},gjsModel.get("componentProps")))}function updateAttributes(){setAttributes(_extends({},gjsModel.get("attributes")))}gjsModel.on("change:componentProps",updateComponentData);gjsModel.on("change:attributes",updateAttributes);return function(){gjsModel.off("change:componentProps",updateComponentData);gjsModel.off("change:attributes",updateAttributes)}},[gjsModel]);useEffect(function(){var _wrapperRef$current$o,_wrapperRef$current;var doc=(_wrapperRef$current$o=(_wrapperRef$current=wrapperRef.current)==null?void 0:_wrapperRef$current.ownerDocument)!=null?_wrapperRef$current$o:document;function handleOutsideClick(e){if(isDropdownOpen&&wrapperRef.current&&!wrapperRef.current.contains(e.target)){setIsDropdownOpen(false)}}function handleEscape(e){if(e.key==="Escape"){setIsDropdownOpen(false)}}doc.addEventListener("pointerdown",handleOutsideClick);doc.addEventListener("keydown",handleEscape);return function(){doc.removeEventListener("pointerdown",handleOutsideClick);doc.removeEventListener("keydown",handleEscape)}},[isDropdownOpen]);var filteredOptions=options.filter(function(opt){return String(opt.label).toLowerCase().includes(searchQuery.toLowerCase())});function updateAndApply(_x){return _updateAndApply.apply(this,arguments)}function _updateAndApply(){_updateAndApply=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(newValues){var id;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:if(newValues===void 0){newValues=selectedValues}setIsApplying(true);_context.prev=2;gjsModel.set("componentProps",_extends({},gjsModel.get("componentProps"),{value:newValues}));id=gjsModel.get("id");_context.next=7;return performInteraction({interactionType:"filter",id:id,affectedComponents:getAffectedComponentsWithLoader([id].concat(affectedComponents),true)});case 7:_context.prev=7;setIsApplying(false);setIsDropdownOpen(false);return _context.finish(7);case 11:case"end":return _context.stop()}},_callee,null,[[2,,7,11]])}));return _updateAndApply.apply(this,arguments)}var handleOptionToggle=useCallback(function(val){if(isMultiSelect){setSelectedValues(function(prev){return prev.includes(val)?prev.filter(function(v){return v!==val}):[].concat(prev,[val])})}else{if(selectedValues.includes(val)){setSelectedValues([]);updateAndApply([])}else{var singleValue=[val];setSelectedValues(singleValue);updateAndApply(singleValue)}}},[isMultiSelect,selectedValues]);function handleClearAll(){setSelectedValues([])}function handleSelectAll(){setSelectedValues(options.map(function(o){return o.value}))}return/*#__PURE__*/_jsxs("div",{ref:wrapperRef,className:"relative inline-block "+className,style:{color:"#2A44D4",backgroundColor:"rgb(255 255 255)"},children:[/*#__PURE__*/_jsx(FilterHeader,{label:label,count:selectedValues.length,isDisabled:isBusy,isDropdownOpen:isDropdownOpen,isLoading:isBusy,toggleOpen:function toggleOpen(){return setIsDropdownOpen(function(prev){return!prev})}}),isDropdownOpen&&/*#__PURE__*/_jsxs("div",{className:"absolute top-full mt-2 w-64 bg-white border rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 p-4 z-50",style:dropdownPosition,children:[/*#__PURE__*/_jsx("input",{type:"text",placeholder:"Search...",value:searchQuery,onChange:function onChange(e){return setSearchQuery(e.target.value)},className:"w-full mb-3 px-2 py-1 border rounded focus:outline-none",disabled:isBusy}),isMultiSelect&&/*#__PURE__*/_jsx(FilterActions,{selected:selectedValues,allSelected:allOptionsSelected,onClear:handleClearAll,onSelectAll:handleSelectAll,isDisabled:isBusy}),/*#__PURE__*/_jsx(FilterOptionList,{options:filteredOptions,selected:selectedValues,onToggle:handleOptionToggle,isDisabled:isBusy}),isMultiSelect&&/*#__PURE__*/_jsxs("div",{className:"flex justify-end space-x-2",children:[/*#__PURE__*/_jsx(Button,{variant:"ghost",size:"sm",onClick:function onClick(){return setIsDropdownOpen(false)},disabled:isApplying,children:"Cancel"}),/*#__PURE__*/_jsxs(Button,{variant:"default",size:"sm",onClick:function onClick(){return updateAndApply(selectedValues)},disabled:isBusy,children:[isApplying&&/*#__PURE__*/_jsx(Loader2Icon,{className:"animate-spin mr-2",size:16}),"Apply"]})]})]})]})}
+//# sourceMappingURL=filter.js.map