@erpsquad/common 1.8.75 → 1.8.77

package/dist/components/dynamic-layout-wrapper/dynamic-layout-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/dynamic-layout-wrapper/dynamic-layout-wrapper.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\n/* eslint-disable unused-imports/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { useState, useCallback, useMemo } from 'react';\nimport { Grid, GridProps, useMediaQuery, useTheme } from '@mui/material';\nimport ExpandableSummaryWrapper, { ExpandableSummaryWrapperProps } from '../expandable-summary-wrapper/expandable-summary-wrapper';\n// import { ExpandableSummaryWrapper, ExpandableSummaryWrapperProps } from './ExpandableSummaryWrapper';\n\ninterface DynamicLayoutWrapperProps {\n  // Main content props\n  children: React.ReactNode;\n  mainContentProps?: Omit<GridProps, 'item' | 'xs'>;\n  \n  // Summary wrapper props\n  summaryContent: React.ReactNode;\n  summaryProps?: Omit<ExpandableSummaryWrapperProps, 'children' | 'onToggle'>;\n  \n  // Layout configuration\n  maxGridSize?: number;\n  defaultSummaryExpanded?: boolean;\n  expandedSummarySize?: number;\n  collapsedSummarySize?: number;\n  \n  // Container props\n  containerProps?: Omit<GridProps, 'container'>;\n  \n  // Callbacks\n  onLayoutChange?: (mainSize: number, summarySize: number, isExpanded: boolean) => void;\n  \n  // Animation configuration\n  enableTransitions?: boolean;\n  transitionDuration?: number | string;\n  transitionEasing?: string;\n\n  storageKey?: string\n}\n\nexport const DynamicLayoutWrapper: React.FC<DynamicLayoutWrapperProps> = ({\n  children,\n  mainContentProps = {},\n  summaryContent,\n  summaryProps = {},\n  maxGridSize = 12,\n  defaultSummaryExpanded = true,\n  expandedSummarySize = 3,\n  collapsedSummarySize = 0,\n  containerProps = {},\n  onLayoutChange,\n  enableTransitions = true,\n  transitionDuration,\n  transitionEasing,\n  storageKey = 'grid-summary-panel-state',\n}) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('md'));\n\n  const getInitialState = useCallback(() => {\n    if (typeof window !== 'undefined') {\n      const stored = localStorage.getItem(storageKey);\n      return stored ? JSON.parse(stored) : defaultSummaryExpanded;\n    }\n    return defaultSummaryExpanded;\n  }, [defaultSummaryExpanded, storageKey]);\n  \n  // Calculate initial main content size\n  const initialMainSize = useMemo(() => {\n    return (isMobile || !getInitialState()) ? maxGridSize :(defaultSummaryExpanded \n      ? maxGridSize - expandedSummarySize \n      : maxGridSize - collapsedSummarySize);\n  }, [isMobile, getInitialState, maxGridSize, defaultSummaryExpanded, expandedSummarySize, collapsedSummarySize]);\n  \n  const [mainContentSize, setMainContentSize] = useState<number>(initialMainSize);\n  \n  // Handle summary toggle with enhanced logic\n  const handleSummaryToggle = useCallback((isExpanded: boolean, summaryGridSize: number) => {\n    if(isMobile) {\n      setMainContentSize(maxGridSize);\n      return \n    }\n    const newMainContentSize = Math.max(1, Math.min(maxGridSize - summaryGridSize, maxGridSize));\n    \n    setMainContentSize(newMainContentSize);\n    \n    // Notify parent component of layout changes\n    onLayoutChange?.(newMainContentSize, summaryGridSize, isExpanded);\n  }, [isMobile, maxGridSize, onLayoutChange]);\n  \n  // Create transition styles\n  const transitionStyles = useMemo(() => {\n    if (!enableTransitions) return {};\n    \n    const duration = transitionDuration || theme.transitions.duration.enteringScreen;\n    const easing = transitionEasing || theme.transitions.easing.sharp;\n    \n    return {\n      transition: theme.transitions.create(['flex-basis', 'max-width'], {\n        easing,\n        duration,\n      }),\n    };\n  }, [enableTransitions, theme, transitionDuration, transitionEasing]);\n  \n  // Merge summary props with defaults\n  const mergedSummaryProps: ExpandableSummaryWrapperProps = {\n    defaultExpanded: defaultSummaryExpanded,\n    expandedGridSize: expandedSummarySize,\n    collapsedGridSize: collapsedSummarySize,\n    persistState: true,\n    ariaLabel: 'Toggle summary panel',\n    ...summaryProps,\n    onToggle: handleSummaryToggle,\n    children: summaryContent,\n    storageKey: storageKey\n  };\n  \n  return (\n    <Grid container {...containerProps}>\n      <Grid\n        item\n        xs={mainContentSize}\n        sx={{\n          ...transitionStyles,\n          ...mainContentProps.sx,\n        }}\n        {...mainContentProps}\n      >\n        {children}\n      </Grid>\n      \n      <ExpandableSummaryWrapper  {...mergedSummaryProps} />\n    </Grid>\n  );\n};\n\n// Enhanced version with additional features\ninterface AdvancedDynamicLayoutWrapperProps extends DynamicLayoutWrapperProps {\n  // Responsive breakpoints\n  responsiveConfig?: {\n    xs?: { expandedSize: number; collapsedSize: number };\n    sm?: { expandedSize: number; collapsedSize: number };\n    md?: { expandedSize: number; collapsedSize: number };\n    lg?: { expandedSize: number; collapsedSize: number };\n    xl?: { expandedSize: number; collapsedSize: number };\n  };\n  \n  // Multiple summary panels support\n  multipleSummaries?: Array<{\n    content: React.ReactNode;\n    props?: Omit<ExpandableSummaryWrapperProps, 'children' | 'onToggle'>;\n    id: string;\n  }>;\n  \n  // Layout modes\n  layoutMode?: 'horizontal' | 'vertical' | 'adaptive';\n  \n  // Minimum sizes\n  minMainContentSize?: number;\n  minSummarySize?: number;\n}\n\nexport const AdvancedDynamicLayoutWrapper: React.FC<AdvancedDynamicLayoutWrapperProps> = ({\n  multipleSummaries = [],\n  layoutMode = 'horizontal',\n  minMainContentSize = 4,\n  minSummarySize = 2,\n  responsiveConfig,\n  ...baseProps\n}) => {\n  const [summaryStates, setSummaryStates] = useState<Record<string, { size: number; expanded: boolean }>>({});\n  \n  // Calculate total summary size\n  const totalSummarySize = useMemo(() => {\n    return Object.values(summaryStates).reduce((total, state) => total + state.size, 0);\n  }, [summaryStates]);\n  \n  // Enhanced toggle handler for multiple summaries\n  const handleMultipleSummaryToggle = useCallback((\n    summaryId: string,\n    isExpanded: boolean,\n    summaryGridSize: number\n  ) => {\n    setSummaryStates(prev => {\n      const newStates = {\n        ...prev,\n        [summaryId]: { size: summaryGridSize, expanded: isExpanded }\n      };\n      \n      const newTotalSize = Object.values(newStates).reduce((total, state) => total + state.size, 0);\n      const newMainSize = Math.max(\n        minMainContentSize,\n        Math.min(baseProps.maxGridSize! - newTotalSize, baseProps.maxGridSize!)\n      );\n      \n      baseProps.onLayoutChange?.(newMainSize, newTotalSize, isExpanded);\n      \n      return newStates;\n    });\n  }, [baseProps, minMainContentSize]);\n  \n  // If multiple summaries are provided, render advanced layout\n  if (multipleSummaries.length > 0) {\n    const mainSize = Math.max(\n      minMainContentSize,\n      (baseProps.maxGridSize || 12) - totalSummarySize\n    );\n    \n    return (\n      <Grid container {...baseProps.containerProps}>\n        <Grid\n          item\n          xs={mainSize}\n          sx={{\n            transition: baseProps.enableTransitions ? \n              `all ${baseProps.transitionDuration || 300}ms ${baseProps.transitionEasing || 'ease-in-out'}` : \n              undefined,\n            ...baseProps.mainContentProps?.sx,\n          }}\n          {...baseProps.mainContentProps}\n        >\n          {baseProps.children}\n        </Grid>\n        \n        {multipleSummaries.map((summary) => (\n          <ExpandableSummaryWrapper\n            key={summary.id}\n            {...summary.props}\n            onToggle={(isExpanded, size) => \n              handleMultipleSummaryToggle(summary.id, isExpanded, size)\n            }\n          >\n            {summary.content}\n          </ExpandableSummaryWrapper>\n        ))}\n      </Grid>\n    );\n  }\n  \n  // Fallback to basic layout\n  return <DynamicLayoutWrapper {...baseProps} />;\n};\n\n// Hook for managing layout state externally\nexport const useDynamicLayout = (\n  maxGridSize: number = 12,\n  defaultSummaryExpanded: boolean = true,\n  expandedSize: number = 3,\n  collapsedSize: number = 0\n) => {\n  const [isExpanded, setIsExpanded] = useState(defaultSummaryExpanded);\n  const [summarySize, setSummarySize] = useState(\n    defaultSummaryExpanded ? expandedSize : collapsedSize\n  );\n  const [mainSize, setMainSize] = useState(\n    maxGridSize - (defaultSummaryExpanded ? expandedSize : collapsedSize)\n  );\n  \n  const toggleSummary = useCallback(() => {\n    const newExpanded = !isExpanded;\n    const newSummarySize = newExpanded ? expandedSize : collapsedSize;\n    const newMainSize = maxGridSize - newSummarySize;\n    \n    setIsExpanded(newExpanded);\n    setSummarySize(newSummarySize);\n    setMainSize(newMainSize);\n  }, [isExpanded, expandedSize, collapsedSize, maxGridSize]);\n  \n  const setSummaryState = useCallback((expanded: boolean) => {\n    const newSummarySize = expanded ? expandedSize : collapsedSize;\n    const newMainSize = maxGridSize - newSummarySize;\n    \n    setIsExpanded(expanded);\n    setSummarySize(newSummarySize);\n    setMainSize(newMainSize);\n  }, [expandedSize, collapsedSize, maxGridSize]);\n  \n  return {\n    isExpanded,\n    summarySize,\n    mainSize,\n    toggleSummary,\n    setSummaryState,\n  };\n};\n\n// Utility function for calculating optimal sizes\nexport const calculateOptimalSizes = (\n  totalSize: number,\n  contentRatio: number = 0.75,\n  minContentSize: number = 4,\n  minSummarySize: number = 2\n) => {\n  const idealContentSize = Math.floor(totalSize * contentRatio);\n  const idealSummarySize = totalSize - idealContentSize;\n  \n  const contentSize = Math.max(minContentSize, idealContentSize);\n  const summarySize = Math.max(minSummarySize, Math.min(idealSummarySize, totalSize - contentSize));\n  \n  return {\n    contentSize: Math.min(contentSize, totalSize - summarySize),\n    summarySize,\n    totalUsed: contentSize + summarySize,\n  };\n};\n\nexport default DynamicLayoutWrapper;"],"names":["DynamicLayoutWrapper","children","mainContentProps","summaryContent","summaryProps","maxGridSize","defaultSummaryExpanded","expandedSummarySize","collapsedSummarySize","containerProps","onLayoutChange","enableTransitions","transitionDuration","transitionEasing","storageKey","theme","useTheme","isMobile","useMediaQuery","breakpoints","down","getInitialState","useCallback","window","stored","localStorage","getItem","JSON","parse","initialMainSize","useMemo","mainContentSize","setMainContentSize","useState","handleSummaryToggle","isExpanded","summaryGridSize","newMainContentSize","Math","max","min","transitionStyles","duration","transitions","enteringScreen","easing","sharp","transition","create","mergedSummaryProps","defaultExpanded","expandedGridSize","collapsedGridSize","persistState","ariaLabel","onToggle","jsxs","Grid","container","jsx","item","xs","sx","ExpandableSummaryWrapper"],"mappings":"kbAqCO,MAAMA,EAA4D,EACvEC,WACAC,mBAAmB,CAAA,EACnBC,iBACAC,eAAe,CAAA,EACfC,cAAc,GACdC,0BAAyB,EACzBC,sBAAsB,EACtBC,uBAAuB,EACvBC,iBAAiB,CAAA,EACjBC,iBACAC,qBAAoB,EACpBC,qBACAC,mBACAC,aAAa,+BAEb,MAAMC,EAAQC,EAAAA,UACRC,EAAWC,EAAAA,QAAcH,EAAMI,YAAYC,KAAK,OAEhDC,EAAkBC,EAAAA,YAAY,KAClC,GAAsB,oBAAXC,OAAwB,CACjC,MAAMC,EAASC,aAAaC,QAAQZ,GACpC,OAAOU,EAASG,KAAKC,MAAMJ,GAAUlB,CACvC,CACA,OAAOA,GACN,CAACA,EAAwBQ,IAGtBe,EAAkBC,EAAAA,QAAQ,IACtBb,IAAaI,IAAqBhB,EAAcC,EACpDD,EAAcE,EACdF,EAAcG,EACjB,CAACS,EAAUI,EAAiBhB,EAAaC,EAAwBC,EAAqBC,KAElFuB,EAAiBC,GAAsBC,EAAAA,SAAiBJ,GAGzDK,EAAsBZ,EAAAA,YAAY,CAACa,EAAqBC,KAC5D,GAAGnB,EAED,YADAe,EAAmB3B,GAGrB,MAAMgC,EAAqBC,KAAKC,IAAI,EAAGD,KAAKE,IAAInC,EAAc+B,EAAiB/B,IAE/E2B,EAAmBK,GAGnB,MAAA3B,GAAAA,EAAiB2B,EAAoBD,EAAiBD,IACrD,CAAClB,EAAUZ,EAAaK,IAGrB+B,EAAmBX,EAAAA,QAAQ,KAC/B,IAAKnB,EAAmB,MAAO,CAAA,EAE/B,MAAM+B,EAAW9B,GAAsBG,EAAM4B,YAAYD,SAASE,eAC5DC,EAAShC,GAAoBE,EAAM4B,YAAYE,OAAOC,MAE5D,MAAO,CACLC,WAAYhC,EAAM4B,YAAYK,OAAO,CAAC,aAAc,aAAc,CAChEH,SACAH,eAGH,CAAC/B,EAAmBI,EAAOH,EAAoBC,IAG5CoC,EAAoD,CACxDC,gBAAiB5C,EACjB6C,iBAAkB5C,EAClB6C,kBAAmB5C,EACnB6C,cAAc,EACdC,UAAW,0BACRlD,EACHmD,SAAUrB,EACVjC,SAAUE,EACVW;AAGF,OACE0C,EAAAA,KAACC,EAAAA,QAAA,CAAKC,WAAS,KAAKjD,EAClBR,SAAA;eAAA0D,EAAAA,IAACF,EAAAA,QAAA,CACCG,MAAI,EACJC,GAAI9B,EACJ+B,GAAI,IACCrB,KACAvC,EAAiB4D,OAElB5D,EAEHD;qBAGF8D,EAAAA,QAAA,IAA8Bd"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/dynamic-layout-wrapper/dynamic-layout-wrapper.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\n/* eslint-disable unused-imports/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { useState, useCallback, useMemo } from 'react';\nimport { Grid, GridProps, useMediaQuery, useTheme } from '@mui/material';\nimport ExpandableSummaryWrapper, { ExpandableSummaryWrapperProps } from '../expandable-summary-wrapper/expandable-summary-wrapper';\n// import { ExpandableSummaryWrapper, ExpandableSummaryWrapperProps } from './ExpandableSummaryWrapper';\n\ninterface DynamicLayoutWrapperProps {\n  // Main content props\n  children: React.ReactNode;\n  mainContentProps?: Omit<GridProps, 'item' | 'xs'>;\n  \n  // Summary wrapper props\n  summaryContent: React.ReactNode;\n  summaryProps?: Omit<ExpandableSummaryWrapperProps, 'children' | 'onToggle'>;\n  \n  // Layout configuration\n  maxGridSize?: number;\n  defaultSummaryExpanded?: boolean;\n  expandedSummarySize?: number;\n  collapsedSummarySize?: number;\n  \n  // Container props\n  containerProps?: Omit<GridProps, 'container'>;\n  \n  // Callbacks\n  onLayoutChange?: (mainSize: number, summarySize: number, isExpanded: boolean) => void;\n  \n  // Animation configuration\n  enableTransitions?: boolean;\n  transitionDuration?: number | string;\n  transitionEasing?: string;\n\n  storageKey?: string\n}\n\nexport const DynamicLayoutWrapper: React.FC<DynamicLayoutWrapperProps> = ({\n  children,\n  mainContentProps = {},\n  summaryContent,\n  summaryProps = {},\n  maxGridSize = 12,\n  defaultSummaryExpanded = true,\n  expandedSummarySize = 3,\n  collapsedSummarySize = 0,\n  containerProps = {},\n  onLayoutChange,\n  enableTransitions = true,\n  transitionDuration,\n  transitionEasing,\n  storageKey = 'grid-summary-panel-state',\n}) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('md'));\n\n  const getInitialState = useCallback(() => {\n    if (typeof window !== 'undefined') {\n      const stored = localStorage.getItem(storageKey);\n      return stored ? JSON.parse(stored) : defaultSummaryExpanded;\n    }\n    return defaultSummaryExpanded;\n  }, [defaultSummaryExpanded, storageKey]);\n  \n  // Calculate initial main content size\n  const initialMainSize = useMemo(() => {\n    return (isMobile || !getInitialState()) ? maxGridSize :(defaultSummaryExpanded \n      ? maxGridSize - expandedSummarySize \n      : maxGridSize - collapsedSummarySize);\n  }, [isMobile, getInitialState, maxGridSize, defaultSummaryExpanded, expandedSummarySize, collapsedSummarySize]);\n  \n  const [mainContentSize, setMainContentSize] = useState<number>(initialMainSize);\n  \n  // Handle summary toggle with enhanced logic\n  const handleSummaryToggle = useCallback((isExpanded: boolean, summaryGridSize: number) => {\n    if(isMobile) {\n      setMainContentSize(maxGridSize);\n      return \n    }\n    const newMainContentSize = Math.max(1, Math.min(maxGridSize - summaryGridSize, maxGridSize));\n    \n    setMainContentSize(newMainContentSize);\n    \n    // Notify parent component of layout changes\n    onLayoutChange?.(newMainContentSize, summaryGridSize, isExpanded);\n  }, [isMobile, maxGridSize, onLayoutChange]);\n  \n  // Create transition styles\n  const transitionStyles = useMemo(() => {\n    if (!enableTransitions) return {};\n    \n    const duration = transitionDuration || theme.transitions.duration.enteringScreen;\n    const easing = transitionEasing || theme.transitions.easing.sharp;\n    \n    return {\n      transition: theme.transitions.create(['flex-basis', 'max-width'], {\n        easing,\n        duration,\n      }),\n    };\n  }, [enableTransitions, theme, transitionDuration, transitionEasing]);\n  \n  // Merge summary props with defaults\n  const mergedSummaryProps: ExpandableSummaryWrapperProps = {\n    defaultExpanded: defaultSummaryExpanded,\n    expandedGridSize: expandedSummarySize,\n    collapsedGridSize: collapsedSummarySize,\n    persistState: true,\n    ariaLabel: 'Toggle summary panel',\n    ...summaryProps,\n    onToggle: handleSummaryToggle,\n    children: summaryContent,\n    storageKey: storageKey\n  };\n  \n  return (\n    <Grid container {...containerProps}>\n      <Grid\n        item\n        xs={mainContentSize}\n        sx={{\n          ...transitionStyles,\n          ...mainContentProps.sx,\n        }}\n        {...mainContentProps}\n      >\n        {children}\n      </Grid>\n      \n      <ExpandableSummaryWrapper  {...mergedSummaryProps} />\n    </Grid>\n  );\n};\n\n// Enhanced version with additional features\ninterface AdvancedDynamicLayoutWrapperProps extends DynamicLayoutWrapperProps {\n  // Responsive breakpoints\n  responsiveConfig?: {\n    xs?: { expandedSize: number; collapsedSize: number };\n    sm?: { expandedSize: number; collapsedSize: number };\n    md?: { expandedSize: number; collapsedSize: number };\n    lg?: { expandedSize: number; collapsedSize: number };\n    xl?: { expandedSize: number; collapsedSize: number };\n  };\n  \n  // Multiple summary panels support\n  multipleSummaries?: Array<{\n    content: React.ReactNode;\n    props?: Omit<ExpandableSummaryWrapperProps, 'children' | 'onToggle'>;\n    id: string;\n  }>;\n  \n  // Layout modes\n  layoutMode?: 'horizontal' | 'vertical' | 'adaptive';\n  \n  // Minimum sizes\n  minMainContentSize?: number;\n  minSummarySize?: number;\n}\n\nexport const AdvancedDynamicLayoutWrapper: React.FC<AdvancedDynamicLayoutWrapperProps> = ({\n  multipleSummaries = [],\n  layoutMode = 'horizontal',\n  minMainContentSize = 4,\n  minSummarySize = 2,\n  responsiveConfig,\n  ...baseProps\n}) => {\n  const [summaryStates, setSummaryStates] = useState<Record<string, { size: number; expanded: boolean }>>({});\n  \n  // Calculate total summary size\n  const totalSummarySize = useMemo(() => {\n    return Object.values(summaryStates).reduce((total, state) => total + state.size, 0);\n  }, [summaryStates]);\n  \n  // Enhanced toggle handler for multiple summaries\n  const handleMultipleSummaryToggle = useCallback((\n    summaryId: string,\n    isExpanded: boolean,\n    summaryGridSize: number\n  ) => {\n    setSummaryStates(prev => {\n      const newStates = {\n        ...prev,\n        [summaryId]: { size: summaryGridSize, expanded: isExpanded }\n      };\n      \n      const newTotalSize = Object.values(newStates).reduce((total, state) => total + state.size, 0);\n      const newMainSize = Math.max(\n        minMainContentSize,\n        Math.min(baseProps.maxGridSize! - newTotalSize, baseProps.maxGridSize!)\n      );\n      \n      baseProps.onLayoutChange?.(newMainSize, newTotalSize, isExpanded);\n      \n      return newStates;\n    });\n  }, [baseProps, minMainContentSize]);\n  \n  // If multiple summaries are provided, render advanced layout\n  if (multipleSummaries.length > 0) {\n    const mainSize = Math.max(\n      minMainContentSize,\n      (baseProps.maxGridSize || 12) - totalSummarySize\n    );\n    \n    return (\n      <Grid container {...baseProps.containerProps}>\n        <Grid\n          item\n          xs={mainSize}\n          sx={{\n            transition: baseProps.enableTransitions ? \n              `all ${baseProps.transitionDuration || 300}ms ${baseProps.transitionEasing || 'ease-in-out'}` : \n              undefined,\n            ...baseProps.mainContentProps?.sx,\n          }}\n          {...baseProps.mainContentProps}\n        >\n          {baseProps.children}\n        </Grid>\n        \n        {multipleSummaries.map((summary) => (\n          <ExpandableSummaryWrapper\n            key={summary.id}\n            {...summary.props}\n            onToggle={(isExpanded, size) => \n              handleMultipleSummaryToggle(summary.id, isExpanded, size)\n            }\n          >\n            {summary.content}\n          </ExpandableSummaryWrapper>\n        ))}\n      </Grid>\n    );\n  }\n  \n  // Fallback to basic layout\n  return <DynamicLayoutWrapper {...baseProps} />;\n};\n\n// Hook for managing layout state externally\nexport const useDynamicLayout = (\n  maxGridSize: number = 12,\n  defaultSummaryExpanded: boolean = true,\n  expandedSize: number = 3,\n  collapsedSize: number = 0\n) => {\n  const [isExpanded, setIsExpanded] = useState(defaultSummaryExpanded);\n  const [summarySize, setSummarySize] = useState(\n    defaultSummaryExpanded ? expandedSize : collapsedSize\n  );\n  const [mainSize, setMainSize] = useState(\n    maxGridSize - (defaultSummaryExpanded ? expandedSize : collapsedSize)\n  );\n  \n  const toggleSummary = useCallback(() => {\n    const newExpanded = !isExpanded;\n    const newSummarySize = newExpanded ? expandedSize : collapsedSize;\n    const newMainSize = maxGridSize - newSummarySize;\n    \n    setIsExpanded(newExpanded);\n    setSummarySize(newSummarySize);\n    setMainSize(newMainSize);\n  }, [isExpanded, expandedSize, collapsedSize, maxGridSize]);\n  \n  const setSummaryState = useCallback((expanded: boolean) => {\n    const newSummarySize = expanded ? expandedSize : collapsedSize;\n    const newMainSize = maxGridSize - newSummarySize;\n    \n    setIsExpanded(expanded);\n    setSummarySize(newSummarySize);\n    setMainSize(newMainSize);\n  }, [expandedSize, collapsedSize, maxGridSize]);\n  \n  return {\n    isExpanded,\n    summarySize,\n    mainSize,\n    toggleSummary,\n    setSummaryState,\n  };\n};\n\n// Utility function for calculating optimal sizes\nexport const calculateOptimalSizes = (\n  totalSize: number,\n  contentRatio: number = 0.75,\n  minContentSize: number = 4,\n  minSummarySize: number = 2\n) => {\n  const idealContentSize = Math.floor(totalSize * contentRatio);\n  const idealSummarySize = totalSize - idealContentSize;\n  \n  const contentSize = Math.max(minContentSize, idealContentSize);\n  const summarySize = Math.max(minSummarySize, Math.min(idealSummarySize, totalSize - contentSize));\n  \n  return {\n    contentSize: Math.min(contentSize, totalSize - summarySize),\n    summarySize,\n    totalUsed: contentSize + summarySize,\n  };\n};\n\nexport default DynamicLayoutWrapper;"],"names":["DynamicLayoutWrapper","children","mainContentProps","summaryContent","summaryProps","maxGridSize","defaultSummaryExpanded","expandedSummarySize","collapsedSummarySize","containerProps","onLayoutChange","enableTransitions","transitionDuration","transitionEasing","storageKey","theme","useTheme","isMobile","useMediaQuery","breakpoints","down","getInitialState","useCallback","window","stored","localStorage","getItem","JSON","parse","initialMainSize","useMemo","mainContentSize","setMainContentSize","useState","handleSummaryToggle","isExpanded","summaryGridSize","newMainContentSize","Math","max","min","transitionStyles","duration","transitions","enteringScreen","easing","sharp","transition","create","mergedSummaryProps","defaultExpanded","expandedGridSize","collapsedGridSize","persistState","ariaLabel","onToggle","jsxs","Grid","container","jsx","item","xs","sx","ExpandableSummaryWrapper","multipleSummaries","layoutMode","minMainContentSize","minSummarySize","responsiveConfig","baseProps","summaryStates","setSummaryStates","totalSummarySize","Object","values","reduce","total","state","size","handleMultipleSummaryToggle","summaryId","prev","newStates","expanded","newTotalSize","newMainSize","_a","call","length","mainSize","map","summary","props","id","content","totalSize","contentRatio","minContentSize","idealContentSize","floor","idealSummarySize","contentSize","summarySize","totalUsed","expandedSize","collapsedSize","setIsExpanded","setSummarySize","setMainSize","toggleSummary","newExpanded","newSummarySize","setSummaryState"],"mappings":"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"}

package/dist/components/dynamic-layout-wrapper/dynamic-layout-wrapper.d.ts

@@ -0,0 +1,67 @@
+import { default as React } from 'react';
+import { GridProps } from '@mui/material';
+import { ExpandableSummaryWrapperProps } from '../expandable-summary-wrapper/expandable-summary-wrapper';
+
+interface DynamicLayoutWrapperProps {
+    children: React.ReactNode;
+    mainContentProps?: Omit<GridProps, 'item' | 'xs'>;
+    summaryContent: React.ReactNode;
+    summaryProps?: Omit<ExpandableSummaryWrapperProps, 'children' | 'onToggle'>;
+    maxGridSize?: number;
+    defaultSummaryExpanded?: boolean;
+    expandedSummarySize?: number;
+    collapsedSummarySize?: number;
+    containerProps?: Omit<GridProps, 'container'>;
+    onLayoutChange?: (mainSize: number, summarySize: number, isExpanded: boolean) => void;
+    enableTransitions?: boolean;
+    transitionDuration?: number | string;
+    transitionEasing?: string;
+    storageKey?: string;
+}
+export declare const DynamicLayoutWrapper: React.FC<DynamicLayoutWrapperProps>;
+interface AdvancedDynamicLayoutWrapperProps extends DynamicLayoutWrapperProps {
+    responsiveConfig?: {
+        xs?: {
+            expandedSize: number;
+            collapsedSize: number;
+        };
+        sm?: {
+            expandedSize: number;
+            collapsedSize: number;
+        };
+        md?: {
+            expandedSize: number;
+            collapsedSize: number;
+        };
+        lg?: {
+            expandedSize: number;
+            collapsedSize: number;
+        };
+        xl?: {
+            expandedSize: number;
+            collapsedSize: number;
+        };
+    };
+    multipleSummaries?: Array<{
+        content: React.ReactNode;
+        props?: Omit<ExpandableSummaryWrapperProps, 'children' | 'onToggle'>;
+        id: string;
+    }>;
+    layoutMode?: 'horizontal' | 'vertical' | 'adaptive';
+    minMainContentSize?: number;
+    minSummarySize?: number;
+}
+export declare const AdvancedDynamicLayoutWrapper: React.FC<AdvancedDynamicLayoutWrapperProps>;
+export declare const useDynamicLayout: (maxGridSize?: number, defaultSummaryExpanded?: boolean, expandedSize?: number, collapsedSize?: number) => {
+    isExpanded: boolean;
+    summarySize: number;
+    mainSize: number;
+    toggleSummary: () => void;
+    setSummaryState: (expanded: boolean) => void;
+};
+export declare const calculateOptimalSizes: (totalSize: number, contentRatio?: number, minContentSize?: number, minSummarySize?: number) => {
+    contentSize: number;
+    summarySize: number;
+    totalUsed: number;
+};
+export default DynamicLayoutWrapper;

package/dist/components/dynamic-layout-wrapper/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DynamicLayoutWrapper } from './dynamic-layout-wrapper';
+export * from './dynamic-layout-wrapper';

package/dist/components/dynamic-modal/index.esm.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import Modal from "../modal/modal/index.esm.js";
-import Button from "../button/button/index.esm.js";
+import { Modal } from "../modal/modal/index.esm.js";
+import { Button } from "../button/button/index.esm.js";
 import default_1 from "../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { Typography } from "../typography/typography/index.esm.js";
 import { useTranslation } from "react-i18next";

package/dist/components/dynamic-modal/index.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../modal/modal/index.js"),l=require("../button/button/index.js"),o=require("../../node_modules/@mui/icons-material/Close/index.js"),t=require("../typography/typography/index.js"),a=require("react-i18next"),n=require("../../node_modules/@mui/material/DialogTitle/DialogTitle/index.js"),r=require("../../node_modules/@mui/material/IconButton/IconButton/index.js"),d=require("../../node_modules/@mui/material/DialogContent/DialogContent/index.js"),s=require("../../node_modules/@mui/material/DialogActions/DialogActions/index.js");const u=({open:u,onClose:c,title:m,children:x,handleSaveAction:j,buttons:p=[],...h})=>{const{t:g}=a.useTranslation(),y=p.length?[...p]:[{label:g("common.cancel"),onClick:c,variant:"outlined",sx:{color:"black !important"}},...j?[{label:g("common.save"),onClick:j,variant:"contained",color:"primary"}]:[]];/* @__PURE__ */
-return e.jsxs(i.default,{open:u,onClose:c,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",fullWidth:!0,...h,children:[
+return e.jsxs(i.Modal,{open:u,onClose:c,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",fullWidth:!0,...h,children:[
 /* @__PURE__ */e.jsxs(n.default,{id:"alert-dialog-title",className:"itemEntryModal--DialogTitle",children:[
 /* @__PURE__ */e.jsx(t.Typography,{type:"s3",color:"inherit",weight:"medium",children:g(m)}),
 /* @__PURE__ */e.jsx(r.default,{onClick:c,children:/* @__PURE__ */e.jsx(o.default,{fontSize:"small"})})]}),
 /* @__PURE__ */e.jsx(d.default,{children:x}),
-/* @__PURE__ */e.jsx(s.default,{children:y.map((i,o)=>/* @__PURE__ */e.jsx(l.default,{sx:{...i.sx},onClick:i.onClick,variant:i.variant,color:i.color,children:i.label},o))})]})};exports.DynamicModal=u,exports.default=u;
+/* @__PURE__ */e.jsx(s.default,{children:y.map((i,o)=>/* @__PURE__ */e.jsx(l.Button,{sx:{...i.sx},onClick:i.onClick,variant:i.variant,color:i.color,children:i.label},o))})]})};exports.DynamicModal=u,exports.default=u;
 //# sourceMappingURL=index.js.map

package/dist/components/dynamic-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/dynamic-modal.tsx"],"sourcesContent":["import {\n\tDialogActions,\n\tDialogContent,\n\tDialogTitle,\n\tIconButton\n} from '@mui/material';\nimport Modal from './modal/modal';\nimport Button from './button/button';\nimport Close from '@mui/icons-material/Close';\nimport Typography from './typography/typography';\nimport { useTranslation } from 'react-i18next';\n\nexport const DynamicModal = ({\n\topen,\n\tonClose,\n\ttitle,\n\tchildren,\n\thandleSaveAction,\n\tbuttons = [],\n\t...rest\n}: {\n\topen: boolean;\n\tonClose: () => void;\n\ttitle: string;\n\tchildren?: React.ReactNode;\n\tbuttons?: any[];\n\thandleSaveAction?: () => void;\n}) => {\n\tconst { t } = useTranslation();\n\tconst actionButtons = buttons.length\n\t\t? [...buttons]\n\t\t: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t('common.cancel'),\n\t\t\t\t\tonClick: onClose,\n\t\t\t\t\tvariant: 'outlined',\n\t\t\t\t\tsx: {\n\t\t\t\t\t\tcolor: 'black !important'\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t...(handleSaveAction\n\t\t\t\t\t? [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: t('common.save'),\n\t\t\t\t\t\t\t\tonClick: handleSaveAction,\n\t\t\t\t\t\t\t\tvariant: 'contained',\n\t\t\t\t\t\t\t\tcolor: 'primary'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t]\n\t\t\t\t\t: [])\n\t\t\t];\n\treturn (\n\t\t<Modal\n\t\t\topen={open}\n\t\t\tonClose={onClose}\n\t\t\taria-labelledby='alert-dialog-title'\n\t\t\taria-describedby='alert-dialog-description'\n\t\t\tfullWidth\n\t\t\t{...rest}>\n\t\t\t<DialogTitle\n\t\t\t\tid='alert-dialog-title'\n\t\t\t\tclassName='itemEntryModal--DialogTitle'>\n\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\n\t\t\t\t\t{t(title)}\n\t\t\t\t</Typography>\n\t\t\t\t<IconButton onClick={onClose}>\n\t\t\t\t\t<Close fontSize='small' />\n\t\t\t\t</IconButton>\n\t\t\t</DialogTitle>\n\t\t\t<DialogContent>{children}</DialogContent>\n\t\t\t<DialogActions>\n\t\t\t\t{actionButtons.map((button, index) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t...button.sx\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tonClick={button.onClick}\n\t\t\t\t\t\tvariant={button.variant}\n\t\t\t\t\t\tcolor={button.color}>\n\t\t\t\t\t\t{button.label}\n\t\t\t\t\t</Button>\n\t\t\t\t))}\n\t\t\t</DialogActions>\n\t\t</Modal>\n\t);\n};\n\nexport default DynamicModal\n"],"names":["DynamicModal","open","onClose","title","children","handleSaveAction","buttons","rest","t","useTranslation","actionButtons","length","label","onClick","variant","sx","color","jsxs","Modal","fullWidth","DialogTitle","id","className","jsx","Typography","type","weight","IconButton","Close","fontSize","DialogContent","DialogActions","map","button","index","Button"],"mappings":"koBAYO,MAAMA,EAAe,EAC3BC,OACAC,UACAC,QACAC,WACAC,mBACAC,UAAU,MACPC,MASH,MAAMC,EAAEA,GAAMC,mBACRC,EAAgBJ,EAAQK,OAC3B,IAAIL,GACJ,CACA,CACCM,MAAOJ,EAAE,iBACTK,QAASX,EACTY,QAAS,WACTC,GAAI,CACHC,MAAO,wBAGLX,EACD,CACA,CACCO,MAAOJ,EAAE,eACTK,QAASR,EACTS,QAAS,YACTE,MAAO,YAGR;AAEN,OACCC,EAAAA,KAACC,EAAAA,QAAA,CACAjB,OACAC,UACA,kBAAgB,qBAChB,mBAAiB,2BACjBiB,WAAS,KACLZ,EACJH,SAAA;eAAAa,EAAAA,KAACG,EAAAA,QAAA,CACAC,GAAG,qBACHC,UAAU,8BACVlB,SAAA;eAAAmB,EAAAA,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKT,MAAM,UAAUU,OAAO,SAC3CtB,SAAAI,EAAEL;iBAEJoB,IAACI,EAAAA,SAAWd,QAASX,EACpBE,8BAACwB,UAAA,CAAMC,SAAS;qBAGjBC,EAAAA,SAAe1B;qBACf2B,EAAAA,QAAA,CACC3B,SAAAM,EAAcsB,IAAI,CAACC,EAAQC,mBAC3BX,EAAAA,IAACY,EAAAA,QAAA,CACApB,GAAI,IACAkB,EAAOlB,IAGXF,QAASoB,EAAOpB,QAChBC,QAASmB,EAAOnB,QAChBE,MAAOiB,EAAOjB,MACbZ,SAAA6B,EAAOrB,OAJHsB"}
+{"version":3,"file":"index.js","sources":["../../../src/components/dynamic-modal.tsx"],"sourcesContent":["import {\n\tDialogActions,\n\tDialogContent,\n\tDialogTitle,\n\tIconButton\n} from '@mui/material';\nimport Modal from './modal/modal';\nimport Button from './button/button';\nimport Close from '@mui/icons-material/Close';\nimport Typography from './typography/typography';\nimport { useTranslation } from 'react-i18next';\n\nexport const DynamicModal = ({\n\topen,\n\tonClose,\n\ttitle,\n\tchildren,\n\thandleSaveAction,\n\tbuttons = [],\n\t...rest\n}: {\n\topen: boolean;\n\tonClose: () => void;\n\ttitle: string;\n\tchildren?: React.ReactNode;\n\tbuttons?: any[];\n\thandleSaveAction?: () => void;\n}) => {\n\tconst { t } = useTranslation();\n\tconst actionButtons = buttons.length\n\t\t? [...buttons]\n\t\t: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t('common.cancel'),\n\t\t\t\t\tonClick: onClose,\n\t\t\t\t\tvariant: 'outlined',\n\t\t\t\t\tsx: {\n\t\t\t\t\t\tcolor: 'black !important'\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t...(handleSaveAction\n\t\t\t\t\t? [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: t('common.save'),\n\t\t\t\t\t\t\t\tonClick: handleSaveAction,\n\t\t\t\t\t\t\t\tvariant: 'contained',\n\t\t\t\t\t\t\t\tcolor: 'primary'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t]\n\t\t\t\t\t: [])\n\t\t\t];\n\treturn (\n\t\t<Modal\n\t\t\topen={open}\n\t\t\tonClose={onClose}\n\t\t\taria-labelledby='alert-dialog-title'\n\t\t\taria-describedby='alert-dialog-description'\n\t\t\tfullWidth\n\t\t\t{...rest}>\n\t\t\t<DialogTitle\n\t\t\t\tid='alert-dialog-title'\n\t\t\t\tclassName='itemEntryModal--DialogTitle'>\n\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\n\t\t\t\t\t{t(title)}\n\t\t\t\t</Typography>\n\t\t\t\t<IconButton onClick={onClose}>\n\t\t\t\t\t<Close fontSize='small' />\n\t\t\t\t</IconButton>\n\t\t\t</DialogTitle>\n\t\t\t<DialogContent>{children}</DialogContent>\n\t\t\t<DialogActions>\n\t\t\t\t{actionButtons.map((button, index) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t...button.sx\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tonClick={button.onClick}\n\t\t\t\t\t\tvariant={button.variant}\n\t\t\t\t\t\tcolor={button.color}>\n\t\t\t\t\t\t{button.label}\n\t\t\t\t\t</Button>\n\t\t\t\t))}\n\t\t\t</DialogActions>\n\t\t</Modal>\n\t);\n};\n\nexport default DynamicModal\n"],"names":["DynamicModal","open","onClose","title","children","handleSaveAction","buttons","rest","t","useTranslation","actionButtons","length","label","onClick","variant","sx","color","jsxs","Modal","fullWidth","DialogTitle","id","className","jsx","Typography","type","weight","IconButton","Close","fontSize","DialogContent","DialogActions","map","button","index","Button"],"mappings":"koBAYO,MAAMA,EAAe,EAC3BC,OACAC,UACAC,QACAC,WACAC,mBACAC,UAAU,MACPC,MASH,MAAMC,EAAEA,GAAMC,mBACRC,EAAgBJ,EAAQK,OAC3B,IAAIL,GACJ,CACA,CACCM,MAAOJ,EAAE,iBACTK,QAASX,EACTY,QAAS,WACTC,GAAI,CACHC,MAAO,wBAGLX,EACD,CACA,CACCO,MAAOJ,EAAE,eACTK,QAASR,EACTS,QAAS,YACTE,MAAO,YAGR;AAEN,OACCC,EAAAA,KAACC,EAAAA,MAAA,CACAjB,OACAC,UACA,kBAAgB,qBAChB,mBAAiB,2BACjBiB,WAAS,KACLZ,EACJH,SAAA;eAAAa,EAAAA,KAACG,EAAAA,QAAA,CACAC,GAAG,qBACHC,UAAU,8BACVlB,SAAA;eAAAmB,EAAAA,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKT,MAAM,UAAUU,OAAO,SAC3CtB,SAAAI,EAAEL;iBAEJoB,IAACI,EAAAA,SAAWd,QAASX,EACpBE,8BAACwB,UAAA,CAAMC,SAAS;qBAGjBC,EAAAA,SAAe1B;qBACf2B,EAAAA,QAAA,CACC3B,SAAAM,EAAcsB,IAAI,CAACC,EAAQC,mBAC3BX,EAAAA,IAACY,EAAAA,OAAA,CACApB,GAAI,IACAkB,EAAOlB,IAGXF,QAASoB,EAAOpB,QAChBC,QAASmB,EAAOnB,QAChBE,MAAOiB,EAAOjB,MACbZ,SAAA6B,EAAOrB,OAJHsB"}

package/dist/components/dynamic-modal.d.ts

@@ -0,0 +1,9 @@
+export declare const DynamicModal: ({ open, onClose, title, children, handleSaveAction, buttons, ...rest }: {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    children?: React.ReactNode;
+    buttons?: any[];
+    handleSaveAction?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default DynamicModal;

package/dist/components/editor/custom-editor/index.esm.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect, useMemo, useCallback } from "react";
+import React__default, { useState, useEffect, useMemo, useCallback } from "react";
 /* empty css                             */
 import { CKEditor } from "../../../node_modules/@ckeditor/ckeditor5-react/dist/index/index.esm.js";
 /* empty css                                                           */
@@ -64,7 +64,10 @@ function PasteImageUrlPlugin(editor) {
             src: url
           });
         });
-        editor.model.insertContent(imageElement, editor.model.document.selection);
+        editor.model.insertContent(
+          imageElement,
+          editor.model.document.selection
+        );
         evt.stop();
       }
     }
@@ -166,7 +169,14 @@ const createEditorConfig = (customConfig = {}) => {
       SimpleUploadAdapter,
       LinkImage
     ],
-    balloonToolbar: ["bold", "italic", "|", "link", "insertImage", "uploadImage"],
+    balloonToolbar: [
+      "bold",
+      "italic",
+      "|",
+      "link",
+      "insertImage",
+      "uploadImage"
+    ],
     blockToolbar: [
       "fontSize",
       "fontColor",
@@ -328,14 +338,14 @@ const createEditorConfig = (customConfig = {}) => {
   };
   return { ...defaultConfig, ...customConfig };
 };
-function CustomEditor({
-  editorRef,
+const CustomEditor = ({
+  editorRef = React__default.createRef(),
   data = "",
   handleEditorReady,
   onError,
   config = {},
   ...rest
-}) {
+}) => {
   const [isReady, setIsReady] = useState(false);
   const [error, setError] = useState(null);
   useEffect(() => {
@@ -349,73 +359,91 @@ function CustomEditor({
     const uFiles = await uploadFiles([file], "document");
     const payload = {
       ...getToken(),
-      "title": file == null ? void 0 : file.name.split(".")[0],
-      "path": "/",
-      "is_private": true,
-      "is_directory": false,
-      "file_size": file.size,
-      "is_child": false,
-      "file_extension": file == null ? void 0 : file.name.split(".")[1],
-      "type": "image",
-      "mime_type": file.type,
-      "url": `${"https://erpforce-dev.s3.eu-west-1.amazonaws.com/"}${uFiles[0]}`
+      title: file == null ? void 0 : file.name.split(".")[0],
+      path: "/",
+      is_private: true,
+      is_directory: false,
+      file_size: file.size,
+      is_child: false,
+      file_extension: file == null ? void 0 : file.name.split(".")[1],
+      type: "image",
+      mime_type: file.type,
+      url: `${"https://erpforce-dev.s3.eu-west-1.amazonaws.com/"}${uFiles[0]}`
     };
     await postV1Drive(payload);
     return { url: payload.url };
   };
-  const handleReady = useCallback((editor) => {
-    try {
-      handleEditorReady == null ? void 0 : handleEditorReady(editor);
-      editor.plugins.get("FileRepository").createUploadAdapter = (loader) => {
-        return new MyUploadAdapter(loader, myUploadFn);
-      };
-    } catch (err) {
-      console.error("Error in editor ready handler:", err);
-      setError(err);
-      onError == null ? void 0 : onError(err);
-    }
-  }, [handleEditorReady, onError]);
-  const handleError = useCallback((error2, { willEditorRestart }) => {
-    console.error("CKEditor error:", error2);
-    if (!willEditorRestart) {
-      setError(error2);
-      onError == null ? void 0 : onError(error2);
-    }
-  }, [onError]);
+  const handleReady = useCallback(
+    (editor) => {
+      try {
+        handleEditorReady == null ? void 0 : handleEditorReady(editor);
+        editor.plugins.get("FileRepository").createUploadAdapter = (loader) => {
+          return new MyUploadAdapter(loader, myUploadFn);
+        };
+      } catch (err) {
+        console.error("Error in editor ready handler:", err);
+        setError(err);
+        onError == null ? void 0 : onError(err);
+      }
+    },
+    [handleEditorReady, onError]
+  );
+  const handleError = useCallback(
+    (error2, { willEditorRestart }) => {
+      console.error("CKEditor error:", error2);
+      if (!willEditorRestart) {
+        setError(error2);
+        onError == null ? void 0 : onError(error2);
+      }
+    },
+    [onError]
+  );
   if (error) {
-    return /* @__PURE__ */ jsxs("div", { style: {
-      padding: "20px",
-      border: "1px solid #red",
-      borderRadius: "4px",
-      backgroundColor: "#fff5f5"
-    }, children: [
-      /* @__PURE__ */ jsxs("div", { style: { color: "#e53e3e", marginBottom: "10px" }, children: [
-        "Editor Error: ",
-        error.message
-      ] }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => setError(null),
-          style: {
-            padding: "8px 16px",
-            backgroundColor: "#3182ce",
-            color: "white",
-            border: "none",
-            borderRadius: "4px"
-          },
-          children: "Retry"
-        }
-      )
-    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          padding: "20px",
+          border: "1px solid #red",
+          borderRadius: "4px",
+          backgroundColor: "#fff5f5"
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { style: { color: "#e53e3e", marginBottom: "10px" }, children: [
+            "Editor Error: ",
+            error.message
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => setError(null),
+              style: {
+                padding: "8px 16px",
+                backgroundColor: "#3182ce",
+                color: "white",
+                border: "none",
+                borderRadius: "4px"
+              },
+              children: "Retry"
+            }
+          )
+        ]
+      }
+    );
   }
   if (!isReady) {
-    return /* @__PURE__ */ jsx("div", { style: {
-      padding: "20px",
-      textAlign: "center",
-      border: "1px solid #dee2e6",
-      borderRadius: "4px"
-    }, children: "Loading editor..." });
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          padding: "20px",
+          textAlign: "center",
+          border: "1px solid #dee2e6",
+          borderRadius: "4px"
+        },
+        children: "Loading editor..."
+      }
+    );
   }
   return /* @__PURE__ */ jsx("div", { ref: editorRef, className: "custom-editor-container", children: /* @__PURE__ */ jsx(
     CKEditor,
@@ -428,8 +456,9 @@ function CustomEditor({
       ...rest
     }
   ) });
-}
+};
 export {
+  CustomEditor,
   CustomEditor as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/editor/custom-editor/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/editor/custom-editor.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n// IsolatedEditor.js - This file should ONLY be imported via React.lazy()\nimport React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport \"./custom-editor.css\"\n\n// Import ALL CKEditor dependencies in this file ONLY\n// Do NOT import these anywhere else in your application\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\nimport {\n  ClassicEditor,\n  Alignment,\n  AutoLink,\n  Autosave,\n  BalloonToolbar,\n  BlockQuote,\n  BlockToolbar,\n  Bold,\n  Code,\n  CodeBlock,\n  Essentials,\n  FontBackgroundColor,\n  FontColor,\n  FontFamily,\n  FontSize,\n  Heading,\n  Highlight,\n  HorizontalLine,\n  ImageEditing,\n  ImageUtils,\n  Indent,\n  IndentBlock,\n  Italic,\n  Link,\n  Paragraph,\n  PlainTableOutput,\n  RemoveFormat,\n  Strikethrough,\n  Subscript,\n  Superscript,\n  Table,\n  TableCaption,\n  TableCellProperties,\n  TableColumnResize,\n  TableProperties,\n  TableToolbar,\n  Underline,\n  GeneralHtmlSupport,\n  SourceEditing,\n  // Image support\n  Image,\n  ImageBlock,\n  ImageInline,\n  ImageToolbar,\n  ImageCaption,\n  ImageStyle,\n  ImageResize,\n  ImageInsert,\n  ImageInsertViaUrl,\n  ImageUpload,\n  ImageTextAlternative,\n  SimpleUploadAdapter,\n  LinkImage,\n  ClipboardPipeline,\n  AutoImage,\n} from 'ckeditor5';\n\nimport 'ckeditor5/ckeditor5.css';\nimport { postV1Drive } from '../../api-client/api.drive/api';\nimport { getToken, uploadFiles } from '../../utils/common';\n\nconst LICENSE_KEY = 'GPL';\n\n\nclass MyUploadAdapter {\n  constructor(loader, uploadFn) {\n    // The file loader instance to use during the upload\n    this.loader = loader;\n    this.uploadFn = uploadFn;\n  }\n\n  // Starts the upload process\n  async upload() {\n    const file = await this.loader.file;\n    try {\n      // 👇 Call your existing function\n      const response = await this.uploadFn(file);\n\n      // CKEditor expects this format:\n      return {\n        default: response.url   // must return final image URL\n      };\n    } catch (error) {\n      console.error(\"Upload failed\", error);\n      throw error;\n    }\n  }\n\n  // Optional abort support\n  abort() {\n    console.log(\"Upload aborted\");\n  }\n}\n\nfunction PasteImageUrlPlugin(editor) {\n  const clipboard = editor.plugins.get(ClipboardPipeline);\n\n  clipboard.on('inputTransformation', (evt, data) => {\n    const content = data.content.getChild(0);\n\n    // Check if pasted content is plain text\n    if (content && content.is('$textProxy')) {\n      const url = content.data.trim();\n\n      // Check if it looks like an image URL\n      if (url.match(/\\.(jpeg|jpg|gif|png|webp|svg)$/i)) {\n        const imageElement = editor.model.change(writer => {\n          return writer.createElement('imageBlock', {\n            src: url\n          });\n        });\n\n        editor.model.insertContent(imageElement, editor.model.document.selection);\n        evt.stop(); // prevent default plain text paste\n      }\n    }\n  });\n}\n\n\n// Create the editor configuration\nconst createEditorConfig = (customConfig = {}) => {\n  const defaultConfig = {\n    extraPlugins: [ PasteImageUrlPlugin, AutoImage ],\n    toolbar: {\n      items: [\n        'sourceEditing',\n        'undo',\n        'redo',\n        '|',\n        'heading',\n        '|',\n        'fontSize',\n        'fontFamily',\n        'fontColor',\n        'fontBackgroundColor',\n        '|',\n        'bold',\n        'italic',\n        'underline',\n        'strikethrough',\n        'subscript',\n        'superscript',\n        'code',\n        'removeFormat',\n        '|',\n        'horizontalLine',\n        'link',\n        'insertImage', 'uploadImage',\n        'insertTable',\n        'highlight',\n        'blockQuote',\n        'codeBlock',\n        '|',\n        'alignment',\n        '|',\n        'outdent',\n        'indent',\n      ],\n      shouldNotGroupWhenFull: false\n    },\n    plugins: [\n      Alignment,\n      AutoLink,\n      Autosave,\n      BalloonToolbar,\n      BlockQuote,\n      BlockToolbar,\n      Bold,\n      Code,\n      CodeBlock,\n      Essentials,\n      FontBackgroundColor,\n      FontColor,\n      FontFamily,\n      FontSize,\n      Heading,\n      Highlight,\n      HorizontalLine,\n      ImageEditing,\n      ImageUtils,\n      Indent,\n      IndentBlock,\n      Italic,\n      Link,\n      Paragraph,\n      PlainTableOutput,\n      RemoveFormat,\n      Strikethrough,\n      Subscript,\n      Superscript,\n      Table,\n      TableCaption,\n      TableCellProperties,\n      TableColumnResize,\n      TableProperties,\n      TableToolbar,\n      Underline,\n      GeneralHtmlSupport,\n      SourceEditing,\n      Image,\n      ImageBlock,\n      ImageCaption,\n      ImageEditing,\n      ImageInline,\n      ImageInsert,\n      ImageInsertViaUrl,\n      ImageResize,\n      ImageStyle,\n      ImageTextAlternative,\n      ImageToolbar,\n      ImageUpload,\n      ImageUtils,\n      SimpleUploadAdapter,\n      LinkImage\n    ],\n    balloonToolbar: ['bold', 'italic', '|', 'link', 'insertImage', 'uploadImage',],\n    blockToolbar: [\n      'fontSize',\n      'fontColor',\n      'fontBackgroundColor',\n      '|',\n      'bold',\n      'italic',\n      '|',\n      'link',\n      'insertImage', 'uploadImage',\n      'insertTable',\n      '|',\n      'outdent',\n      'indent'\n    ],\n    fontFamily: {\n      supportAllValues: true\n    },\n    fontSize: {\n      options: [10, 12, 14, 'default', 18, 20, 22],\n      supportAllValues: true\n    },\n    heading: {\n      options: [\n        {\n          model: 'paragraph',\n          title: 'Paragraph',\n          class: 'ck-heading_paragraph'\n        },\n        {\n          model: 'heading1',\n          view: 'h1',\n          title: 'Heading 1',\n          class: 'ck-heading_heading1'\n        },\n        {\n          model: 'heading2',\n          view: 'h2',\n          title: 'Heading 2',\n          class: 'ck-heading_heading2'\n        },\n        {\n          model: 'heading3',\n          view: 'h3',\n          title: 'Heading 3',\n          class: 'ck-heading_heading3'\n        },\n        {\n          model: 'heading4',\n          view: 'h4',\n          title: 'Heading 4',\n          class: 'ck-heading_heading4'\n        }\n      ]\n    },\n    licenseKey: LICENSE_KEY,\n    link: {\n      addTargetToExternalLinks: true,\n      defaultProtocol: 'https://',\n      decorators: {\n        toggleDownloadable: {\n          mode: 'manual',\n          label: 'Downloadable',\n          attributes: {\n            download: 'file',\n          }\n        }\n      }\n    },\n    menuBar: {\n      isVisible: true\n    },\n    placeholder: 'Type or paste your content here!',\n    table: {\n      contentToolbar: [\n        'tableColumn', \n        'tableRow', \n        'mergeTableCells', \n        'tableProperties', \n        'tableCellProperties'\n      ]\n    },\n    htmlSupport: {\n      allow: [\n        {\n          name: /.*/,\n          attributes: true,\n          classes: true,\n          styles: true\n        }\n      ]\n    },\n    image: {\n      toolbar: [\n        'imageTextAlternative',\n        'toggleImageCaption',\n        '|',\n        'imageStyle:inline',\n        'imageStyle:wrapText',\n        'imageStyle:breakText',\n        '|',\n        'resizeImage',\n        '|',\n        'linkImage'\n      ],\n      styles: {\n        options: [\n          'inline',\n          'alignLeft',\n          'alignRight',\n          'alignCenter',\n          'alignBlockLeft',\n          'alignBlockRight',\n          'block',\n          'side'\n        ]\n      },\n      resizeOptions: [\n        {\n          name: 'resizeImage:original',\n          label: 'Original size',\n          value: null\n        },\n        {\n          name: 'resizeImage:25',\n          label: '25%',\n          value: '25'\n        },\n        {\n          name: 'resizeImage:50',\n          label: '50%',\n          value: '50'\n        },\n        {\n          name: 'resizeImage:75',\n          label: '75%',\n          value: '75'\n        }\n      ],\n      insert: {\n        integrations: ['insertImageViaUrl']\n      }\n    },\n    simpleUpload: {\n      uploadUrl: '/api/upload', // your upload API\n      headers: {\n        Authorization: 'Bearer <token>'\n      }\n    },\n    autosave: {\n      save() {\n        return new Promise(resolve => {\n          setTimeout(resolve, 1000);\n        });\n      }\n    }\n  };\n\n  return { ...defaultConfig, ...customConfig };\n};\n\nexport default function CustomEditor({\n  editorRef,\n  data = '',\n  handleEditorReady,\n  onError,\n  config = {},\n  ...rest\n}) {\n  const [isReady, setIsReady] = useState(false);\n  const [error, setError] = useState(null);\n\n  useEffect(() => {\n    // Small delay to ensure DOM is ready\n    const timer = setTimeout(() => setIsReady(true), 100);\n    return () => clearTimeout(timer);\n  }, []);\n\n  const editorConfig = useMemo(() => {\n    return createEditorConfig(config);\n  }, [config]);\n\n  const myUploadFn = async (file) => {\n    // 👇 Your existing function here\n    const uFiles = await uploadFiles([file], \"document\");\n    const payload = {\n      ...getToken(),\n      \"title\": file?.name.split(\".\")[0],\n      \"path\": \"/\",\n      \"is_private\": true,\n      \"is_directory\": false,\n      \"file_size\": file.size,\n      \"is_child\": false,\n      \"file_extension\": file?.name.split(\".\")[1],\n      \"type\": \"image\",\n      \"mime_type\": file.type,\n      \"url\": `${import.meta.env.VITE_S3_BUCKET_URL}${uFiles[0]}`\n  }\n    // Replace with your actual API endpoint\n    \n    // 👇 Call your existing function\n    await postV1Drive(payload);\n    return { url: payload.url };\n  };\n\n  const handleReady = useCallback((editor) => {\n    try {\n      handleEditorReady?.(editor);\n      editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {\n        return new MyUploadAdapter(loader, myUploadFn);\n      };\n    } catch (err) {\n      console.error('Error in editor ready handler:', err);\n      setError(err);\n      onError?.(err);\n    }\n  }, [handleEditorReady, onError]);\n\n  const handleError = useCallback((error, { willEditorRestart }) => {\n    console.error('CKEditor error:', error);\n    if (!willEditorRestart) {\n      setError(error);\n      onError?.(error);\n    }\n  }, [onError]);\n\n  if (error) {\n    return (\n      <div style={{\n        padding: '20px',\n        border: '1px solid #red',\n        borderRadius: '4px',\n        backgroundColor: '#fff5f5'\n      }}>\n        <div style={{ color: '#e53e3e', marginBottom: '10px' }}>\n          Editor Error: {error.message}\n        </div>\n        <button \n          onClick={() => setError(null)}\n          style={{\n            padding: '8px 16px',\n            backgroundColor: '#3182ce',\n            color: 'white',\n            border: 'none',\n            borderRadius: '4px'\n          }}\n        >\n          Retry\n        </button>\n      </div>\n    );\n  }\n\n  if (!isReady) {\n    return (\n      <div style={{\n        padding: '20px',\n        textAlign: 'center',\n        border: '1px solid #dee2e6',\n        borderRadius: '4px'\n      }}>\n        Loading editor...\n      </div>\n    );\n  }\n\n  return (\n    <div ref={editorRef} className=\"custom-editor-container\">\n      <CKEditor \n        editor={ClassicEditor} \n        config={editorConfig} \n        data={data} \n        onReady={handleReady}\n        onError={handleError}\n        {...rest}\n      />\n    </div>\n  );\n}"],"names":["error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,MAAM,cAAc;AAGpB,MAAM,gBAAgB;AAAA,EACpB,YAAY,QAAQ,UAAU;AAE5B,SAAK,SAAS;AACd,SAAK,WAAW;AAAA,EAClB;AAAA;AAAA,EAGA,MAAM,SAAS;AACb,UAAM,OAAO,MAAM,KAAK,OAAO;AAC/B,QAAI;AAEF,YAAM,WAAW,MAAM,KAAK,SAAS,IAAI;AAGzC,aAAO;AAAA,QACL,SAAS,SAAS;AAAA;AAAA,MAAA;AAAA,IAEtB,SAAS,OAAO;AACd,cAAQ,MAAM,iBAAiB,KAAK;AACpC,YAAM;AAAA,IACR;AAAA,EACF;AAAA;AAAA,EAGA,QAAQ;AACN,YAAQ,IAAI,gBAAgB;AAAA,EAC9B;AACF;AAEA,SAAS,oBAAoB,QAAQ;AACnC,QAAM,YAAY,OAAO,QAAQ,IAAI,iBAAiB;AAEtD,YAAU,GAAG,uBAAuB,CAAC,KAAK,SAAS;AACjD,UAAM,UAAU,KAAK,QAAQ,SAAS,CAAC;AAGvC,QAAI,WAAW,QAAQ,GAAG,YAAY,GAAG;AACvC,YAAM,MAAM,QAAQ,KAAK,KAAA;AAGzB,UAAI,IAAI,MAAM,iCAAiC,GAAG;AAChD,cAAM,eAAe,OAAO,MAAM,OAAO,CAAA,WAAU;AACjD,iBAAO,OAAO,cAAc,cAAc;AAAA,YACxC,KAAK;AAAA,UAAA,CACN;AAAA,QACH,CAAC;AAED,eAAO,MAAM,cAAc,cAAc,OAAO,MAAM,SAAS,SAAS;AACxE,YAAI,KAAA;AAAA,MACN;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAIA,MAAM,qBAAqB,CAAC,eAAe,OAAO;AAChD,QAAM,gBAAgB;AAAA,IACpB,cAAc,CAAE,qBAAqB,SAAU;AAAA,IAC/C,SAAS;AAAA,MACP,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,wBAAwB;AAAA,IAAA;AAAA,IAE1B,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,gBAAgB,CAAC,QAAQ,UAAU,KAAK,QAAQ,eAAe,aAAc;AAAA,IAC7E,cAAc;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,YAAY;AAAA,MACV,kBAAkB;AAAA,IAAA;AAAA,IAEpB,UAAU;AAAA,MACR,SAAS,CAAC,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,EAAE;AAAA,MAC3C,kBAAkB;AAAA,IAAA;AAAA,IAEpB,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,UACE,OAAO;AAAA,UACP,OAAO;AAAA,UACP,OAAO;AAAA,QAAA;AAAA,QAET;AAAA,UACE,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,OAAO;AAAA,QAAA;AAAA,QAET;AAAA,UACE,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,OAAO;AAAA,QAAA;AAAA,QAET;AAAA,UACE,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,OAAO;AAAA,QAAA;AAAA,QAET;AAAA,UACE,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IACF;AAAA,IAEF,YAAY;AAAA,IACZ,MAAM;AAAA,MACJ,0BAA0B;AAAA,MAC1B,iBAAiB;AAAA,MACjB,YAAY;AAAA,QACV,oBAAoB;AAAA,UAClB,MAAM;AAAA,UACN,OAAO;AAAA,UACP,YAAY;AAAA,YACV,UAAU;AAAA,UAAA;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,IAEF,SAAS;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,IAEb,aAAa;AAAA,IACb,OAAO;AAAA,MACL,gBAAgB;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,aAAa;AAAA,MACX,OAAO;AAAA,QACL;AAAA,UACE,MAAM;AAAA,UACN,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,IACF;AAAA,IAEF,OAAO;AAAA,MACL,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,QAAQ;AAAA,QACN,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,eAAe;AAAA,QACb;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,OAAO;AAAA,QAAA;AAAA,QAET;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,OAAO;AAAA,QAAA;AAAA,QAET;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,OAAO;AAAA,QAAA;AAAA,QAET;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,MAEF,QAAQ;AAAA,QACN,cAAc,CAAC,mBAAmB;AAAA,MAAA;AAAA,IACpC;AAAA,IAEF,cAAc;AAAA,MACZ,WAAW;AAAA;AAAA,MACX,SAAS;AAAA,QACP,eAAe;AAAA,MAAA;AAAA,IACjB;AAAA,IAEF,UAAU;AAAA,MACR,OAAO;AACL,eAAO,IAAI,QAAQ,CAAA,YAAW;AAC5B,qBAAW,SAAS,GAAI;AAAA,QAC1B,CAAC;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAGF,SAAO,EAAE,GAAG,eAAe,GAAG,aAAA;AAChC;AAEA,SAAwB,aAAa;AAAA,EACnC;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,SAAS,CAAA;AAAA,EACT,GAAG;AACL,GAAG;AACD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,IAAI;AAEvC,YAAU,MAAM;AAEd,UAAM,QAAQ,WAAW,MAAM,WAAW,IAAI,GAAG,GAAG;AACpD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAA,CAAE;AAEL,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO,mBAAmB,MAAM;AAAA,EAClC,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,aAAa,OAAO,SAAS;AAEjC,UAAM,SAAS,MAAM,YAAY,CAAC,IAAI,GAAG,UAAU;AACnD,UAAM,UAAU;AAAA,MACd,GAAG,SAAA;AAAA,MACH,SAAS,6BAAM,KAAK,MAAM,KAAK;AAAA,MAC/B,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,aAAa,KAAK;AAAA,MAClB,YAAY;AAAA,MACZ,kBAAkB,6BAAM,KAAK,MAAM,KAAK;AAAA,MACxC,QAAQ;AAAA,MACR,aAAa,KAAK;AAAA,MAClB,OAAO,GAAG,kDAAkC,GAAG,OAAO,CAAC,CAAC;AAAA,IAAA;AAK1D,UAAM,YAAY,OAAO;AACzB,WAAO,EAAE,KAAK,QAAQ,IAAA;AAAA,EACxB;AAEA,QAAM,cAAc,YAAY,CAAC,WAAW;AAC1C,QAAI;AACF,6DAAoB;AACpB,aAAO,QAAQ,IAAI,gBAAgB,EAAE,sBAAsB,CAAC,WAAW;AACrE,eAAO,IAAI,gBAAgB,QAAQ,UAAU;AAAA,MAC/C;AAAA,IACF,SAAS,KAAK;AACZ,cAAQ,MAAM,kCAAkC,GAAG;AACnD,eAAS,GAAG;AACZ,yCAAU;AAAA,IACZ;AAAA,EACF,GAAG,CAAC,mBAAmB,OAAO,CAAC;AAE/B,QAAM,cAAc,YAAY,CAACA,QAAO,EAAE,wBAAwB;AAChE,YAAQ,MAAM,mBAAmBA,MAAK;AACtC,QAAI,CAAC,mBAAmB;AACtB,eAASA,MAAK;AACd,yCAAUA;AAAAA,IACZ;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,MAAI,OAAO;AACT,WACE,qBAAC,SAAI,OAAO;AAAA,MACV,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,iBAAiB;AAAA,IAAA,GAEjB,UAAA;AAAA,MAAA,qBAAC,SAAI,OAAO,EAAE,OAAO,WAAW,cAAc,OAAA,GAAU,UAAA;AAAA,QAAA;AAAA,QACvC,MAAM;AAAA,MAAA,GACvB;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAM,SAAS,IAAI;AAAA,UAC5B,OAAO;AAAA,YACL,SAAS;AAAA,YACT,iBAAiB;AAAA,YACjB,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,cAAc;AAAA,UAAA;AAAA,UAEjB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,GACF;AAAA,EAEJ;AAEA,MAAI,CAAC,SAAS;AACZ,WACE,oBAAC,SAAI,OAAO;AAAA,MACV,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,cAAc;AAAA,IAAA,GACb,UAAA,qBAEH;AAAA,EAEJ;AAEA,6BACG,OAAA,EAAI,KAAK,WAAW,WAAU,2BAC7B,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR;AAAA,MACA,SAAS;AAAA,MACT,SAAS;AAAA,MACR,GAAG;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/editor/custom-editor.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n// IsolatedEditor.js - This file should ONLY be imported via React.lazy()\nimport React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport './custom-editor.css';\n\n// Import ALL CKEditor dependencies in this file ONLY\n// Do NOT import these anywhere else in your application\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\nimport {\n\tClassicEditor,\n\tAlignment,\n\tAutoLink,\n\tAutosave,\n\tBalloonToolbar,\n\tBlockQuote,\n\tBlockToolbar,\n\tBold,\n\tCode,\n\tCodeBlock,\n\tEssentials,\n\tFontBackgroundColor,\n\tFontColor,\n\tFontFamily,\n\tFontSize,\n\tHeading,\n\tHighlight,\n\tHorizontalLine,\n\tImageEditing,\n\tImageUtils,\n\tIndent,\n\tIndentBlock,\n\tItalic,\n\tLink,\n\tParagraph,\n\tPlainTableOutput,\n\tRemoveFormat,\n\tStrikethrough,\n\tSubscript,\n\tSuperscript,\n\tTable,\n\tTableCaption,\n\tTableCellProperties,\n\tTableColumnResize,\n\tTableProperties,\n\tTableToolbar,\n\tUnderline,\n\tGeneralHtmlSupport,\n\tSourceEditing,\n\t// Image support\n\tImage,\n\tImageBlock,\n\tImageInline,\n\tImageToolbar,\n\tImageCaption,\n\tImageStyle,\n\tImageResize,\n\tImageInsert,\n\tImageInsertViaUrl,\n\tImageUpload,\n\tImageTextAlternative,\n\tSimpleUploadAdapter,\n\tLinkImage,\n\tClipboardPipeline,\n\tAutoImage,\n  EditorConfig\n} from 'ckeditor5';\n\nimport 'ckeditor5/ckeditor5.css';\nimport { postV1Drive } from '../../api-client/api.drive/api';\nimport { getToken, uploadFiles } from '../../utils/common';\n\nconst LICENSE_KEY = 'GPL';\n\nclass MyUploadAdapter {\n\tconstructor(loader, uploadFn) {\n\t\t// The file loader instance to use during the upload\n\t\tthis.loader = loader;\n\t\tthis.uploadFn = uploadFn;\n\t}\n\n\t// Starts the upload process\n\tasync upload() {\n\t\tconst file = await this.loader.file;\n\t\ttry {\n\t\t\t// 👇 Call your existing function\n\t\t\tconst response = await this.uploadFn(file);\n\n\t\t\t// CKEditor expects this format:\n\t\t\treturn {\n\t\t\t\tdefault: response.url // must return final image URL\n\t\t\t};\n\t\t} catch (error) {\n\t\t\tconsole.error('Upload failed', error);\n\t\t\tthrow error;\n\t\t}\n\t}\n\n\t// Optional abort support\n\tabort() {\n\t\tconsole.log('Upload aborted');\n\t}\n}\n\nfunction PasteImageUrlPlugin(editor) {\n\tconst clipboard = editor.plugins.get(ClipboardPipeline);\n\n\tclipboard.on('inputTransformation', (evt, data) => {\n\t\tconst content = data.content.getChild(0);\n\n\t\t// Check if pasted content is plain text\n\t\tif (content && content.is('$textProxy')) {\n\t\t\tconst url = content.data.trim();\n\n\t\t\t// Check if it looks like an image URL\n\t\t\tif (url.match(/\\.(jpeg|jpg|gif|png|webp|svg)$/i)) {\n\t\t\t\tconst imageElement = editor.model.change((writer) => {\n\t\t\t\t\treturn writer.createElement('imageBlock', {\n\t\t\t\t\t\tsrc: url\n\t\t\t\t\t});\n\t\t\t\t});\n\n\t\t\t\teditor.model.insertContent(\n\t\t\t\t\timageElement,\n\t\t\t\t\teditor.model.document.selection\n\t\t\t\t);\n\t\t\t\tevt.stop(); // prevent default plain text paste\n\t\t\t}\n\t\t}\n\t});\n}\n\n// Create the editor configuration\nconst createEditorConfig = (customConfig = {}) => {\n\tconst defaultConfig = {\n\t\textraPlugins: [PasteImageUrlPlugin, AutoImage],\n\t\ttoolbar: {\n\t\t\titems: [\n\t\t\t\t'sourceEditing',\n\t\t\t\t'undo',\n\t\t\t\t'redo',\n\t\t\t\t'|',\n\t\t\t\t'heading',\n\t\t\t\t'|',\n\t\t\t\t'fontSize',\n\t\t\t\t'fontFamily',\n\t\t\t\t'fontColor',\n\t\t\t\t'fontBackgroundColor',\n\t\t\t\t'|',\n\t\t\t\t'bold',\n\t\t\t\t'italic',\n\t\t\t\t'underline',\n\t\t\t\t'strikethrough',\n\t\t\t\t'subscript',\n\t\t\t\t'superscript',\n\t\t\t\t'code',\n\t\t\t\t'removeFormat',\n\t\t\t\t'|',\n\t\t\t\t'horizontalLine',\n\t\t\t\t'link',\n\t\t\t\t'insertImage',\n\t\t\t\t'uploadImage',\n\t\t\t\t'insertTable',\n\t\t\t\t'highlight',\n\t\t\t\t'blockQuote',\n\t\t\t\t'codeBlock',\n\t\t\t\t'|',\n\t\t\t\t'alignment',\n\t\t\t\t'|',\n\t\t\t\t'outdent',\n\t\t\t\t'indent'\n\t\t\t],\n\t\t\tshouldNotGroupWhenFull: false\n\t\t},\n\t\tplugins: [\n\t\t\tAlignment,\n\t\t\tAutoLink,\n\t\t\tAutosave,\n\t\t\tBalloonToolbar,\n\t\t\tBlockQuote,\n\t\t\tBlockToolbar,\n\t\t\tBold,\n\t\t\tCode,\n\t\t\tCodeBlock,\n\t\t\tEssentials,\n\t\t\tFontBackgroundColor,\n\t\t\tFontColor,\n\t\t\tFontFamily,\n\t\t\tFontSize,\n\t\t\tHeading,\n\t\t\tHighlight,\n\t\t\tHorizontalLine,\n\t\t\tImageEditing,\n\t\t\tImageUtils,\n\t\t\tIndent,\n\t\t\tIndentBlock,\n\t\t\tItalic,\n\t\t\tLink,\n\t\t\tParagraph,\n\t\t\tPlainTableOutput,\n\t\t\tRemoveFormat,\n\t\t\tStrikethrough,\n\t\t\tSubscript,\n\t\t\tSuperscript,\n\t\t\tTable,\n\t\t\tTableCaption,\n\t\t\tTableCellProperties,\n\t\t\tTableColumnResize,\n\t\t\tTableProperties,\n\t\t\tTableToolbar,\n\t\t\tUnderline,\n\t\t\tGeneralHtmlSupport,\n\t\t\tSourceEditing,\n\t\t\tImage,\n\t\t\tImageBlock,\n\t\t\tImageCaption,\n\t\t\tImageEditing,\n\t\t\tImageInline,\n\t\t\tImageInsert,\n\t\t\tImageInsertViaUrl,\n\t\t\tImageResize,\n\t\t\tImageStyle,\n\t\t\tImageTextAlternative,\n\t\t\tImageToolbar,\n\t\t\tImageUpload,\n\t\t\tImageUtils,\n\t\t\tSimpleUploadAdapter,\n\t\t\tLinkImage\n\t\t],\n\t\tballoonToolbar: [\n\t\t\t'bold',\n\t\t\t'italic',\n\t\t\t'|',\n\t\t\t'link',\n\t\t\t'insertImage',\n\t\t\t'uploadImage'\n\t\t],\n\t\tblockToolbar: [\n\t\t\t'fontSize',\n\t\t\t'fontColor',\n\t\t\t'fontBackgroundColor',\n\t\t\t'|',\n\t\t\t'bold',\n\t\t\t'italic',\n\t\t\t'|',\n\t\t\t'link',\n\t\t\t'insertImage',\n\t\t\t'uploadImage',\n\t\t\t'insertTable',\n\t\t\t'|',\n\t\t\t'outdent',\n\t\t\t'indent'\n\t\t],\n\t\tfontFamily: {\n\t\t\tsupportAllValues: true\n\t\t},\n\t\tfontSize: {\n\t\t\toptions: [10, 12, 14, 'default', 18, 20, 22],\n\t\t\tsupportAllValues: true\n\t\t},\n\t\theading: {\n\t\t\toptions: [\n\t\t\t\t{\n\t\t\t\t\tmodel: 'paragraph',\n\t\t\t\t\ttitle: 'Paragraph',\n\t\t\t\t\tclass: 'ck-heading_paragraph'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tmodel: 'heading1',\n\t\t\t\t\tview: 'h1',\n\t\t\t\t\ttitle: 'Heading 1',\n\t\t\t\t\tclass: 'ck-heading_heading1'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tmodel: 'heading2',\n\t\t\t\t\tview: 'h2',\n\t\t\t\t\ttitle: 'Heading 2',\n\t\t\t\t\tclass: 'ck-heading_heading2'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tmodel: 'heading3',\n\t\t\t\t\tview: 'h3',\n\t\t\t\t\ttitle: 'Heading 3',\n\t\t\t\t\tclass: 'ck-heading_heading3'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tmodel: 'heading4',\n\t\t\t\t\tview: 'h4',\n\t\t\t\t\ttitle: 'Heading 4',\n\t\t\t\t\tclass: 'ck-heading_heading4'\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\tlicenseKey: LICENSE_KEY,\n\t\tlink: {\n\t\t\taddTargetToExternalLinks: true,\n\t\t\tdefaultProtocol: 'https://',\n\t\t\tdecorators: {\n\t\t\t\ttoggleDownloadable: {\n\t\t\t\t\tmode: 'manual',\n\t\t\t\t\tlabel: 'Downloadable',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tdownload: 'file'\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tmenuBar: {\n\t\t\tisVisible: true\n\t\t},\n\t\tplaceholder: 'Type or paste your content here!',\n\t\ttable: {\n\t\t\tcontentToolbar: [\n\t\t\t\t'tableColumn',\n\t\t\t\t'tableRow',\n\t\t\t\t'mergeTableCells',\n\t\t\t\t'tableProperties',\n\t\t\t\t'tableCellProperties'\n\t\t\t]\n\t\t},\n\t\thtmlSupport: {\n\t\t\tallow: [\n\t\t\t\t{\n\t\t\t\t\tname: /.*/,\n\t\t\t\t\tattributes: true,\n\t\t\t\t\tclasses: true,\n\t\t\t\t\tstyles: true\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\timage: {\n\t\t\ttoolbar: [\n\t\t\t\t'imageTextAlternative',\n\t\t\t\t'toggleImageCaption',\n\t\t\t\t'|',\n\t\t\t\t'imageStyle:inline',\n\t\t\t\t'imageStyle:wrapText',\n\t\t\t\t'imageStyle:breakText',\n\t\t\t\t'|',\n\t\t\t\t'resizeImage',\n\t\t\t\t'|',\n\t\t\t\t'linkImage'\n\t\t\t],\n\t\t\tstyles: {\n\t\t\t\toptions: [\n\t\t\t\t\t'inline',\n\t\t\t\t\t'alignLeft',\n\t\t\t\t\t'alignRight',\n\t\t\t\t\t'alignCenter',\n\t\t\t\t\t'alignBlockLeft',\n\t\t\t\t\t'alignBlockRight',\n\t\t\t\t\t'block',\n\t\t\t\t\t'side'\n\t\t\t\t]\n\t\t\t},\n\t\t\tresizeOptions: [\n\t\t\t\t{\n\t\t\t\t\tname: 'resizeImage:original',\n\t\t\t\t\tlabel: 'Original size',\n\t\t\t\t\tvalue: null\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'resizeImage:25',\n\t\t\t\t\tlabel: '25%',\n\t\t\t\t\tvalue: '25'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'resizeImage:50',\n\t\t\t\t\tlabel: '50%',\n\t\t\t\t\tvalue: '50'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'resizeImage:75',\n\t\t\t\t\tlabel: '75%',\n\t\t\t\t\tvalue: '75'\n\t\t\t\t}\n\t\t\t],\n\t\t\tinsert: {\n\t\t\t\tintegrations: ['insertImageViaUrl']\n\t\t\t}\n\t\t},\n\t\tsimpleUpload: {\n\t\t\tuploadUrl: '/api/upload', // your upload API\n\t\t\theaders: {\n\t\t\t\tAuthorization: 'Bearer <token>'\n\t\t\t}\n\t\t},\n\t\tautosave: {\n\t\t\tsave() {\n\t\t\t\treturn new Promise((resolve) => {\n\t\t\t\t\tsetTimeout(resolve, 1000);\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t};\n\n\treturn { ...defaultConfig, ...customConfig };\n};\n\nexport interface CustomEditorProps {\n\teditorRef: React.RefObject<HTMLDivElement>;\n\tdata: string;\n\thandleEditorReady: (editor: ClassicEditor) => void;\n\tonError: (error: Error) => void;\n\tconfig: EditorConfig;\n\trest: any;\n}\nexport const CustomEditor = ({\n\teditorRef = React.createRef<HTMLDivElement>(),\n\tdata = '',\n\thandleEditorReady,\n\tonError,\n\tconfig = {},\n\t...rest\n}: CustomEditorProps) => {\n\tconst [isReady, setIsReady] = useState(false);\n\tconst [error, setError] = useState(null);\n\n\tuseEffect(() => {\n\t\t// Small delay to ensure DOM is ready\n\t\tconst timer = setTimeout(() => setIsReady(true), 100);\n\t\treturn () => clearTimeout(timer);\n\t}, []);\n\n\tconst editorConfig = useMemo(() => {\n\t\treturn createEditorConfig(config);\n\t}, [config]);\n\n\tconst myUploadFn = async (file) => {\n\t\t// 👇 Your existing function here\n\t\tconst uFiles = await uploadFiles([file], 'document');\n\t\tconst payload = {\n\t\t\t...getToken(),\n\t\t\ttitle: file?.name.split('.')[0],\n\t\t\tpath: '/',\n\t\t\tis_private: true,\n\t\t\tis_directory: false,\n\t\t\tfile_size: file.size,\n\t\t\tis_child: false,\n\t\t\tfile_extension: file?.name.split('.')[1],\n\t\t\ttype: 'image',\n\t\t\tmime_type: file.type,\n\t\t\turl: `${import.meta.env.VITE_S3_BUCKET_URL}${uFiles[0]}`\n\t\t};\n\t\t// Replace with your actual API endpoint\n\n\t\t// 👇 Call your existing function\n\t\tawait postV1Drive(payload);\n\t\treturn { url: payload.url };\n\t};\n\n\tconst handleReady = useCallback(\n\t\t(editor) => {\n\t\t\ttry {\n\t\t\t\thandleEditorReady?.(editor);\n\t\t\t\teditor.plugins.get('FileRepository').createUploadAdapter = (loader) => {\n\t\t\t\t\treturn new MyUploadAdapter(loader, myUploadFn);\n\t\t\t\t};\n\t\t\t} catch (err) {\n\t\t\t\tconsole.error('Error in editor ready handler:', err);\n\t\t\t\tsetError(err);\n\t\t\t\tonError?.(err);\n\t\t\t}\n\t\t},\n\t\t[handleEditorReady, onError]\n\t);\n\n\tconst handleError = useCallback(\n\t\t(error, { willEditorRestart }) => {\n\t\t\tconsole.error('CKEditor error:', error);\n\t\t\tif (!willEditorRestart) {\n\t\t\t\tsetError(error);\n\t\t\t\tonError?.(error);\n\t\t\t}\n\t\t},\n\t\t[onError]\n\t);\n\n\tif (error) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tpadding: '20px',\n\t\t\t\t\tborder: '1px solid #red',\n\t\t\t\t\tborderRadius: '4px',\n\t\t\t\t\tbackgroundColor: '#fff5f5'\n\t\t\t\t}}>\n\t\t\t\t<div style={{ color: '#e53e3e', marginBottom: '10px' }}>\n\t\t\t\t\tEditor Error: {error.message}\n\t\t\t\t</div>\n\t\t\t\t<button\n\t\t\t\t\tonClick={() => setError(null)}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpadding: '8px 16px',\n\t\t\t\t\t\tbackgroundColor: '#3182ce',\n\t\t\t\t\t\tcolor: 'white',\n\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\tborderRadius: '4px'\n\t\t\t\t\t}}>\n\t\t\t\t\tRetry\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (!isReady) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tpadding: '20px',\n\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\tborder: '1px solid #dee2e6',\n\t\t\t\t\tborderRadius: '4px'\n\t\t\t\t}}>\n\t\t\t\tLoading editor...\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div ref={editorRef} className='custom-editor-container'>\n\t\t\t<CKEditor\n\t\t\t\teditor={ClassicEditor}\n\t\t\t\tconfig={editorConfig}\n\t\t\t\tdata={data}\n\t\t\t\tonReady={handleReady}\n\t\t\t\tonError={handleError}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default CustomEditor;"],"names":["React","error"],"mappings":"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"}

package/dist/components/editor/custom-editor/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react");;/* empty css                          */var o=;/* empty css                                                                */;/* empty css                                                        */var t=,/* empty css                                       */d=,/* empty css                           */r=,/* empty css                                                                         */n=,/* empty css                                                                    */l=,/* empty css                                                               */a=,/* empty css                                                                   */s=,/* empty css                                                             */u=,/* empty css                                                                      */c=,/* empty css                                                                       */m=,/* empty css                                                                     */g=,/* empty css                                                                     */p=,/* empty css                                                               */k=,/* empty css                                                                  */x=,/* empty css                                                                    */h=,/* empty css                                                                          */b=,/* empty css                                                                */f=,/* empty css                                                                 */j=,/* empty css                                                                    */I=,/* empty css                                                                */_=,/* empty css                                                                        */v=,/* empty css                                                                       */y=,/* empty css                                                                         */q=,/* empty css                                                                 */T=;/* empty css                                                                    */class C{constructor(e,i){this.loader=e,this.uploadFn=i}async upload(){const e=await this.loader.file;try{return{default:(await this.uploadFn(e)).url}}catch(i){throw i}}abort(){}}function w(e){e.plugins.get(T.ClipboardPipeline).on("inputTransformation",(i,o)=>{const t=o.content.getChild(0);if(t&&t.is("$textProxy")){const o=t.data.trim();if(o.match(/\.(jpeg|jpg|gif|png|webp|svg)$/i)){const t=e.model.change(e=>e.createElement("imageBlock",{src:o}));e.model.insertContent(t,e.model.document.selection),i.stop()}}})}exports.default=function({editorRef:T,data:z="",handleEditorReady:B,onError:S,config:E={},...R}){const[F,P]=i.useState(!1),[A,L]=i.useState(null);i.useEffect(()=>{const e=setTimeout(()=>P(!0),100);return()=>clearTimeout(e)},[]);const U=i.useMemo(()=>((e={})=>({extraPlugins:[w,b.AutoImage],toolbar:{items:["sourceEditing","undo","redo","|","heading","|","fontSize","fontFamily","fontColor","fontBackgroundColor","|","bold","italic","underline","strikethrough","subscript","superscript","code","removeFormat","|","horizontalLine","link","insertImage","uploadImage","insertTable","highlight","blockQuote","codeBlock","|","alignment","|","outdent","indent"],shouldNotGroupWhenFull:!1},plugins:[n.Alignment,l.AutoLink,a.Autosave,s.BalloonToolbar,u.BlockQuote,s.BlockToolbar,c.Bold,c.Code,m.CodeBlock,g.Essentials,p.FontBackgroundColor,p.FontColor,p.FontFamily,p.FontSize,k.Heading,x.Highlight,h.HorizontalLine,b.ImageEditing,b.ImageUtils,f.Indent,f.IndentBlock,c.Italic,l.Link,j.Paragraph,I.PlainTableOutput,_.RemoveFormat,c.Strikethrough,c.Subscript,c.Superscript,I.Table,I.TableCaption,I.TableCellProperties,I.TableColumnResize,I.TableProperties,I.TableToolbar,c.Underline,v.GeneralHtmlSupport,y.SourceEditing,b.Image,b.ImageBlock,b.ImageCaption,b.ImageEditing,b.ImageInline,b.ImageInsert,b.ImageInsertViaUrl,b.ImageResize,b.ImageStyle,b.ImageTextAlternative,b.ImageToolbar,b.ImageUpload,b.ImageUtils,q.SimpleUploadAdapter,l.LinkImage],balloonToolbar:["bold","italic","|","link","insertImage","uploadImage"],blockToolbar:["fontSize","fontColor","fontBackgroundColor","|","bold","italic","|","link","insertImage","uploadImage","insertTable","|","outdent","indent"],fontFamily:{supportAllValues:!0},fontSize:{options:[10,12,14,"default",18,20,22],supportAllValues:!0},heading:{options:[{model:"paragraph",title:"Paragraph",class:"ck-heading_paragraph"},{model:"heading1",view:"h1",title:"Heading 1",class:"ck-heading_heading1"},{model:"heading2",view:"h2",title:"Heading 2",class:"ck-heading_heading2"},{model:"heading3",view:"h3",title:"Heading 3",class:"ck-heading_heading3"},{model:"heading4",view:"h4",title:"Heading 4",class:"ck-heading_heading4"}]},licenseKey:"GPL",link:{addTargetToExternalLinks:!0,defaultProtocol:"https://",decorators:{toggleDownloadable:{mode:"manual",label:"Downloadable",attributes:{download:"file"}}}},menuBar:{isVisible:!0},placeholder:"Type or paste your content here!",table:{contentToolbar:["tableColumn","tableRow","mergeTableCells","tableProperties","tableCellProperties"]},htmlSupport:{allow:[{name:/.*/,attributes:!0,classes:!0,styles:!0}]},image:{toolbar:["imageTextAlternative","toggleImageCaption","|","imageStyle:inline","imageStyle:wrapText","imageStyle:breakText","|","resizeImage","|","linkImage"],styles:{options:["inline","alignLeft","alignRight","alignCenter","alignBlockLeft","alignBlockRight","block","side"]},resizeOptions:[{name:"resizeImage:original",label:"Original size",value:null},{name:"resizeImage:25",label:"25%",value:"25"},{name:"resizeImage:50",label:"50%",value:"50"},{name:"resizeImage:75",label:"75%",value:"75"}],insert:{integrations:["insertImageViaUrl"]}},simpleUpload:{uploadUrl:"/api/upload",headers:{Authorization:"Bearer <token>"}},autosave:{save:()=>new Promise(e=>{setTimeout(e,1e3)})},...e}))(E),[E]),H=async e=>{const i=await d.uploadFiles([e],"document"),o={...d.getToken(),title:null==e?void 0:e.name.split(".")[0],path:"/",is_private:!0,is_directory:!1,file_size:e.size,is_child:!1,file_extension:null==e?void 0:e.name.split(".")[1],type:"image",mime_type:e.type,url:`https://erpforce-dev.s3.eu-west-1.amazonaws.com/${i[0]}`};return await t.postV1Drive(o),{url:o.url}},V=i.useCallback(e=>{try{null==B||B(e),e.plugins.get("FileRepository").createUploadAdapter=e=>new C(e,H)}catch(i){L(i),null==S||S(i)}},[B,S]),O=i.useCallback((e,{willEditorRestart:i})=>{i||(L(e),null==S||S(e))},[S]);return A?/* @__PURE__ */e.jsxs("div",{style:{padding:"20px",border:"1px solid #red",borderRadius:"4px",backgroundColor:"#fff5f5"},children:[
-/* @__PURE__ */e.jsxs("div",{style:{color:"#e53e3e",marginBottom:"10px"},children:["Editor Error: ",A.message]}),
-/* @__PURE__ */e.jsx("button",{onClick:()=>L(null),style:{padding:"8px 16px",backgroundColor:"#3182ce",color:"white",border:"none",borderRadius:"4px"},children:"Retry"})]}):F?/* @__PURE__ */e.jsx("div",{ref:T,className:"custom-editor-container",children:/* @__PURE__ */e.jsx(o.CKEditor,{editor:r.ClassicEditor,config:U,data:z,onReady:V,onError:O,...R})}):/* @__PURE__ */e.jsx("div",{style:{padding:"20px",textAlign:"center",border:"1px solid #dee2e6",borderRadius:"4px"},children:"Loading editor..."})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react");;/* empty css                          */var o=;/* empty css                                                                */;/* empty css                                                        */var t=,/* empty css                                       */r=,/* empty css                           */d=,/* empty css                                                                         */n=,/* empty css                                                                    */l=,/* empty css                                                               */a=,/* empty css                                                                   */s=,/* empty css                                                             */u=,/* empty css                                                                      */c=,/* empty css                                                                       */m=,/* empty css                                                                     */g=,/* empty css                                                                     */p=,/* empty css                                                               */k=,/* empty css                                                                  */x=,/* empty css                                                                    */h=,/* empty css                                                                          */b=,/* empty css                                                                */f=,/* empty css                                                                 */j=,/* empty css                                                                    */I=,/* empty css                                                                */_=,/* empty css                                                                        */v=,/* empty css                                                                       */y=,/* empty css                                                                         */q=,/* empty css                                                                 */T=;/* empty css                                                                    */function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var w=/* @__PURE__ */C(i);class z{constructor(e,i){this.loader=e,this.uploadFn=i}async upload(){const e=await this.loader.file;try{return{default:(await this.uploadFn(e)).url}}catch(i){throw i}}abort(){}}function B(e){e.plugins.get(T.ClipboardPipeline).on("inputTransformation",(i,o)=>{const t=o.content.getChild(0);if(t&&t.is("$textProxy")){const o=t.data.trim();if(o.match(/\.(jpeg|jpg|gif|png|webp|svg)$/i)){const t=e.model.change(e=>e.createElement("imageBlock",{src:o}));e.model.insertContent(t,e.model.document.selection),i.stop()}}})}const E=({editorRef:T=w.default.createRef(),data:C="",handleEditorReady:E,onError:S,config:R={},...F})=>{const[P,A]=i.useState(!1),[L,U]=i.useState(null);i.useEffect(()=>{const e=setTimeout(()=>A(!0),100);return()=>clearTimeout(e)},[]);const H=i.useMemo(()=>((e={})=>({extraPlugins:[B,b.AutoImage],toolbar:{items:["sourceEditing","undo","redo","|","heading","|","fontSize","fontFamily","fontColor","fontBackgroundColor","|","bold","italic","underline","strikethrough","subscript","superscript","code","removeFormat","|","horizontalLine","link","insertImage","uploadImage","insertTable","highlight","blockQuote","codeBlock","|","alignment","|","outdent","indent"],shouldNotGroupWhenFull:!1},plugins:[n.Alignment,l.AutoLink,a.Autosave,s.BalloonToolbar,u.BlockQuote,s.BlockToolbar,c.Bold,c.Code,m.CodeBlock,g.Essentials,p.FontBackgroundColor,p.FontColor,p.FontFamily,p.FontSize,k.Heading,x.Highlight,h.HorizontalLine,b.ImageEditing,b.ImageUtils,f.Indent,f.IndentBlock,c.Italic,l.Link,j.Paragraph,I.PlainTableOutput,_.RemoveFormat,c.Strikethrough,c.Subscript,c.Superscript,I.Table,I.TableCaption,I.TableCellProperties,I.TableColumnResize,I.TableProperties,I.TableToolbar,c.Underline,v.GeneralHtmlSupport,y.SourceEditing,b.Image,b.ImageBlock,b.ImageCaption,b.ImageEditing,b.ImageInline,b.ImageInsert,b.ImageInsertViaUrl,b.ImageResize,b.ImageStyle,b.ImageTextAlternative,b.ImageToolbar,b.ImageUpload,b.ImageUtils,q.SimpleUploadAdapter,l.LinkImage],balloonToolbar:["bold","italic","|","link","insertImage","uploadImage"],blockToolbar:["fontSize","fontColor","fontBackgroundColor","|","bold","italic","|","link","insertImage","uploadImage","insertTable","|","outdent","indent"],fontFamily:{supportAllValues:!0},fontSize:{options:[10,12,14,"default",18,20,22],supportAllValues:!0},heading:{options:[{model:"paragraph",title:"Paragraph",class:"ck-heading_paragraph"},{model:"heading1",view:"h1",title:"Heading 1",class:"ck-heading_heading1"},{model:"heading2",view:"h2",title:"Heading 2",class:"ck-heading_heading2"},{model:"heading3",view:"h3",title:"Heading 3",class:"ck-heading_heading3"},{model:"heading4",view:"h4",title:"Heading 4",class:"ck-heading_heading4"}]},licenseKey:"GPL",link:{addTargetToExternalLinks:!0,defaultProtocol:"https://",decorators:{toggleDownloadable:{mode:"manual",label:"Downloadable",attributes:{download:"file"}}}},menuBar:{isVisible:!0},placeholder:"Type or paste your content here!",table:{contentToolbar:["tableColumn","tableRow","mergeTableCells","tableProperties","tableCellProperties"]},htmlSupport:{allow:[{name:/.*/,attributes:!0,classes:!0,styles:!0}]},image:{toolbar:["imageTextAlternative","toggleImageCaption","|","imageStyle:inline","imageStyle:wrapText","imageStyle:breakText","|","resizeImage","|","linkImage"],styles:{options:["inline","alignLeft","alignRight","alignCenter","alignBlockLeft","alignBlockRight","block","side"]},resizeOptions:[{name:"resizeImage:original",label:"Original size",value:null},{name:"resizeImage:25",label:"25%",value:"25"},{name:"resizeImage:50",label:"50%",value:"50"},{name:"resizeImage:75",label:"75%",value:"75"}],insert:{integrations:["insertImageViaUrl"]}},simpleUpload:{uploadUrl:"/api/upload",headers:{Authorization:"Bearer <token>"}},autosave:{save:()=>new Promise(e=>{setTimeout(e,1e3)})},...e}))(R),[R]),V=async e=>{const i=await r.uploadFiles([e],"document"),o={...r.getToken(),title:null==e?void 0:e.name.split(".")[0],path:"/",is_private:!0,is_directory:!1,file_size:e.size,is_child:!1,file_extension:null==e?void 0:e.name.split(".")[1],type:"image",mime_type:e.type,url:`https://erpforce-dev.s3.eu-west-1.amazonaws.com/${i[0]}`};return await t.postV1Drive(o),{url:o.url}},O=i.useCallback(e=>{try{null==E||E(e),e.plugins.get("FileRepository").createUploadAdapter=e=>new z(e,V)}catch(i){U(i),null==S||S(i)}},[E,S]),D=i.useCallback((e,{willEditorRestart:i})=>{i||(U(e),null==S||S(e))},[S]);return L?/* @__PURE__ */e.jsxs("div",{style:{padding:"20px",border:"1px solid #red",borderRadius:"4px",backgroundColor:"#fff5f5"},children:[
+/* @__PURE__ */e.jsxs("div",{style:{color:"#e53e3e",marginBottom:"10px"},children:["Editor Error: ",L.message]}),
+/* @__PURE__ */e.jsx("button",{onClick:()=>U(null),style:{padding:"8px 16px",backgroundColor:"#3182ce",color:"white",border:"none",borderRadius:"4px"},children:"Retry"})]}):P?/* @__PURE__ */e.jsx("div",{ref:T,className:"custom-editor-container",children:/* @__PURE__ */e.jsx(o.CKEditor,{editor:d.ClassicEditor,config:H,data:C,onReady:O,onError:D,...F})}):/* @__PURE__ */e.jsx("div",{style:{padding:"20px",textAlign:"center",border:"1px solid #dee2e6",borderRadius:"4px"},children:"Loading editor..."})};exports.CustomEditor=E,exports.default=E;
 //# sourceMappingURL=index.js.map