@erpsquad/common 1.11.8 → 1.11.9

package/dist/chunks/{FORMS-CUx32b_4.js.map → FORMS-qlTftaaD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FORMS-CUx32b_4.js","sources":["../../src/components/custom-forms/FORMS.tsx"],"sourcesContent":["import { ActionBar } from '../action-bar';\nimport { MaterialTable } from '../material-table';\nimport { Typography } from '../typography';\nimport { viewTypes } from '../../constants';\nimport { MRT_ColumnOrderState, MRT_SortingState } from \"material-react-table\";\nimport { useState, useEffect, useMemo, useCallback } from \"react\";\nimport { useLocation, useNavigate } from \"react-router-dom\";\nimport \"./custom-forms.scss\";\nimport { useAuth } from '@erpsquad/common/runtime';\nimport { Footer } from '../footer/footer';\nimport { IPaginationModel } from '../../types';\nimport { Box } from \"@mui/material\";\nimport GridCard from \"./grid-view/grid-view.js\";\nimport { useAppTranslations } from \"../../hooks/use-translations\";\nimport { useTranslation } from 'react-i18next';\nimport useApi from '../../hooks/useApi';\nimport { getV1FormBuilder, setBaseUrl as setSystemBaseUrl } from '../../api-client/api.system-feature/api';\nimport { getToken } from '../../utils/common';\n\ninterface ActionData {\n  label: string;\n  position: number;\n}\n\ninterface ModuleConfig {\n  filterName: string;\n  redirectionPath: string;\n}\n\n\n\nconst INITIAL_ORDER = [\"name\", \"fields\", \"noOfCustomFields\", \"customFields\"];\nconst DEFAULT_ACTION_BAR_DATA = [{ label: 'Table', position: 0 }];\nconst CUSTOM_FIELD_DISPLAY_LIMIT = 5;\n\ninterface FormBuilderState {\n  rows: any[];\n  isLoading: boolean;\n  paginationModel: {\n    pageNo: number;\n    limit: number;\n    totalCount: number;\n  };\n}\n\nconst Forms = ({ config }: { config?: any }) => {\n  const { t } = useTranslation();\n  useAppTranslations(); // Load translations for current module\n  const navigate = useNavigate();\n  const location = useLocation();\n  const { user } = useAuth();\n  const { callApi } = useApi();\n\n  const [formBuilder, setFormBuilder] = useState<FormBuilderState>({\n    rows: [],\n    isLoading: false,\n    paginationModel: {\n      pageNo: 1,\n      limit: 20,\n      totalCount: 0\n    }\n  });\n\n  // Initialize state with proper defaults and memoization\n  const [actionBarData, setActionBarData] = useState<ActionData[]>(() => {\n    const formView = localStorage.getItem(\"form-view\");\n    return formView ? JSON.parse(formView) : DEFAULT_ACTION_BAR_DATA;\n  });\n\n  const [search, setSearch] = useState<string>(\"\");\n  const [actionBarActiveTab, setActionBarActiveTab] = useState<string>(() =>\n    actionBarData?.[0]?.label || viewTypes.TABLE\n  );\n  const [columnOrder, setColumnOrder] = useState(INITIAL_ORDER);\n  const [sorting, setSorting] = useState<MRT_SortingState>([]);\n\n  // Memoized computed values to prevent unnecessary recalculations\n  const currentModule = useMemo(() => location.pathname.split('/')[2], [location.pathname]);\n\n  const modulesConfig = useMemo(() => ({\n    ...config\n  }), [config]);\n\n  const moduleConfig = useMemo(() =>\n    modulesConfig[currentModule] || { filterName: '', redirectionPath: '' },\n    [currentModule, modulesConfig]\n  );\n\n  const navigationPath = useMemo(() =>\n    `/dashboard/${currentModule}${moduleConfig.redirectionPath}`,\n    [currentModule, moduleConfig.redirectionPath]\n  );\n\n  const filters = useMemo(() =>\n    `(company_id.eq=${user?.company_id}&module.eq=${moduleConfig.filterName})`,\n    [user?.company_id, moduleConfig.filterName]\n  );\n\n  const paginationData = useMemo(() => {\n    const { pageNo, limit, totalCount } = formBuilder.paginationModel;\n    const total = limit ? Math.ceil(totalCount / limit) : 0;\n    const skip = limit * (pageNo - 1);\n    return { total, skip, pageNo, limit };\n  }, [formBuilder.paginationModel]);\n\n  // Utility function moved outside render to prevent recreation\n  const formatText = useCallback((key: string): string => {\n    return key\n      ? key\n        .split(/[:_-]/)\n        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n        .join(' ')\n      : key;\n  }, []);\n\n  // Memoized event handlers to prevent child re-renders\n  const handleColumnOrdering = useCallback((colOrder: MRT_ColumnOrderState) => {\n    setColumnOrder(colOrder.slice(1));\n  }, []);\n\n  const handlePaginationModel = useCallback((model: IPaginationModel) => {\n    setFormBuilder(prev => ({\n      ...prev,\n      paginationModel: {\n        ...model,\n        totalCount: prev.paginationModel.totalCount\n      }\n    }));\n  }, []);\n\n  const handleSearch = useCallback((searchValue: string) => {\n    setSearch(searchValue);\n  }, []);\n\n  const handleRowClick = useCallback((rowData: any) => {\n    navigate(navigationPath, {\n      state: rowData,\n    });\n  }, [navigate, navigationPath]);\n\n  // Memoized columns definition to prevent recreation on each render\n  const columns = useMemo(() => [\n    {\n      accessorKey: \"name\",\n      header: \"Form Name\",\n      visible: true,\n      Cell: ({ row }: any) =>\n        row?.original?.name ? (\n          <div\n            onClick={() => handleRowClick(row.original)}\n            style={{ cursor: 'pointer' }}\n          >\n            {formatText(row.original.name)}\n          </div>\n        ) : (\n          \"-\"\n        ),\n    },\n    {\n      accessorKey: \"fields.length\",\n      header: \"No. of Fields\",\n      visible: true,\n      size: 150\n    },\n    {\n      accessorKey: \"fields\",\n      header: \"No. of custom fields\",\n      visible: true,\n      size: 80,\n      Cell: ({ row }: any) =>\n        row?.original?.fields ? (\n          <div>\n            {\n              row.original.fields.filter(\n                (field: { is_system_field: boolean }) => !field.is_system_field,\n              ).length\n            }\n          </div>\n        ) : (\n          \"-\"\n        ),\n    },\n    {\n      accessorKey: \"fields\",\n      header: \"Custom Fields\",\n      visible: true,\n      Cell: ({ row }: any) => {\n        const fields = row?.original?.fields?.filter(\n          (field: { is_system_field: boolean; label: string }) =>\n            !field?.is_system_field && field?.label,\n        ) || [];\n\n        if (!fields.length) return '-';\n\n        return (\n          <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5, flexWrap: 'wrap', p: 0.5 }}>\n            {fields.slice(0, CUSTOM_FIELD_DISPLAY_LIMIT).map((item: any, index: number) => (\n              <Typography\n                key={`${item.label}-${index}`}\n                type=\"s5\"\n                weight=\"medium\"\n                className=\"forms--CustomField\"\n              >\n                {item?.label?.includes(\".\") ? t(item.label) : item.label}\n              </Typography>\n            ))}\n            {fields.length > CUSTOM_FIELD_DISPLAY_LIMIT && (\n              <Typography\n                type=\"s5\"\n                weight=\"medium\"\n                className=\"forms--CustomField\"\n              >\n                +{fields.length - CUSTOM_FIELD_DISPLAY_LIMIT} more\n              </Typography>\n            )}\n          </Box>\n        );\n      }\n    },\n  ], [formatText, handleRowClick, t]);\n\n  // Memoized footer pages to prevent recreation\n  const footerPages = useMemo(() => [\n    {\n      name: 'Default',\n      _id: 1,\n      data: []\n    }\n  ], []);\n\n\n  const fetchForms = useCallback(async () => {\n    if (!moduleConfig.filterName || !user?.company_id) return;\n\n    const sort = sorting?.[0];\n    const params = {\n      skip: paginationData.skip,\n      limit: paginationData.limit,\n      search,\n      filters,\n      ...(sort && { order: `${sort.id}:${sort.desc ? -1 : 1}` }),\n      ...getToken(),\n      'x-timezone': getToken()['x-timezone']?.toString() || ''\n    };\n\n    setFormBuilder(prev => ({ ...prev, isLoading: true }));\n    const response = await getV1FormBuilder({\n      ...params,\n      ...getToken\n    })\n    setFormBuilder({\n      rows: response?.data?.form,\n      isLoading: false,\n      paginationModel: {\n        ...formBuilder.paginationModel,\n        ...response?.data?.pagination\n      }\n    });\n\n\n  }, [filters,\n    paginationData.skip,\n    paginationData.limit,\n    sorting,\n    search,\n    moduleConfig.filterName,\n    user?.company_id,\n  ])\n  // Effect for fetching data - optimized with proper dependencies\n  useEffect(() => {\n    fetchForms()\n  }, [\n    fetchForms\n  ]);\n\n  // Effect for setting active tab - only run when actionBarData changes\n  useEffect(() => {\n    if (actionBarData?.length && actionBarData[0].label !== actionBarActiveTab) {\n      setActionBarActiveTab(actionBarData[0].label);\n    }\n  }, [actionBarData]);\n\n  // Effect for localStorage - debounced to prevent excessive writes\n  useEffect(() => {\n    if (actionBarData?.length) {\n      const timeoutId = setTimeout(() => {\n        localStorage.setItem(\"form-view\", JSON.stringify(actionBarData));\n      }, 300);\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [actionBarData]);\n\n  return (\n    <section className=\"forms\">\n      <ActionBar\n        title=\"Form\"\n        button={false}\n        data={actionBarData}\n        setData={setActionBarData}\n        active={actionBarActiveTab}\n        setActive={(tab) => {\n          setActionBarActiveTab(tab);\n        }}\n        handleSearch={handleSearch}\n        showFilter={false}\n      />\n\n      {actionBarActiveTab === viewTypes.TABLE && (\n        <MaterialTable\n          enablePagination={false}\n          columnOrder={[\"mrt-row-select\", ...columnOrder]}\n          handleColumnOrdering={handleColumnOrdering}\n          rows={formBuilder.rows}\n          columns={columns}\n          totalPages={1}\n          paginationModel={{ pageNo: 1, limit: 20 }}\n          enableEditing={false}\n          states={{ sorting: sorting || [] }}\n          onSortingChange={setSorting}\n          disableDefaultActionColumn\n          getSelectedData={() => { }}\n        />\n      )}\n\n      {actionBarActiveTab === viewTypes.GRID && (\n        <GridCard data={formBuilder.rows} config={config} />\n      )}\n\n      <Footer\n        pages={footerPages}\n        setPages={() => { }}\n        currentPage={1}\n        setCurrentPage={() => { }}\n        total={paginationData.total}\n        paginationModel={{\n          pageNo: formBuilder.paginationModel.pageNo,\n          limit: formBuilder.paginationModel.limit\n        }}\n        handlePaginationModel={handlePaginationModel}\n        sharedPages={[]}\n        resource=\"\"\n        savePageConfiguration={() => { }}\n        handlePageDelete={() => { }}\n        enablePages={false}\n        isPaginationDisplayed={true}\n      />\n    </section>\n  );\n};\n\nexport default Forms;"],"names":["useTranslation","useAppTranslations","useNavigate","useLocation","useAuth","useApi","useState","viewTypes","useMemo","useCallback","jsx","jsxs","Box","Typography","_a","getToken","getV1FormBuilder","useEffect","ActionBar","MaterialTable","GridCard","Footer"],"mappings":"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"}
+{"version":3,"file":"FORMS-qlTftaaD.js","sources":["../../src/components/custom-forms/FORMS.tsx"],"sourcesContent":["import { ActionBar } from '../action-bar';\nimport { MaterialTable } from '../material-table';\nimport { Typography } from '../typography';\nimport { viewTypes } from '../../constants';\nimport { MRT_ColumnOrderState, MRT_SortingState } from \"material-react-table\";\nimport { useState, useEffect, useMemo, useCallback } from \"react\";\nimport { useLocation, useNavigate } from \"react-router-dom\";\nimport \"./custom-forms.scss\";\nimport { useAuth } from '@erpsquad/common/runtime';\nimport { Footer } from '../footer/footer';\nimport { IPaginationModel } from '../../types';\nimport { Box } from \"@mui/material\";\nimport GridCard from \"./grid-view/grid-view.js\";\nimport { useAppTranslations } from \"../../hooks/use-translations\";\nimport { useTranslation } from 'react-i18next';\nimport useApi from '../../hooks/useApi';\nimport { getV1FormBuilder, setBaseUrl as setSystemBaseUrl } from '../../api-client/api.system-feature/api';\nimport { getToken } from '../../utils/common';\n\ninterface ActionData {\n  label: string;\n  position: number;\n}\n\ninterface ModuleConfig {\n  filterName: string;\n  redirectionPath: string;\n}\n\n\n\nconst INITIAL_ORDER = [\"name\", \"fields\", \"noOfCustomFields\", \"customFields\"];\nconst DEFAULT_ACTION_BAR_DATA = [{ label: 'Table', position: 0 }];\nconst CUSTOM_FIELD_DISPLAY_LIMIT = 5;\n\ninterface FormBuilderState {\n  rows: any[];\n  isLoading: boolean;\n  paginationModel: {\n    pageNo: number;\n    limit: number;\n    totalCount: number;\n  };\n}\n\nconst Forms = ({ config }: { config?: any }) => {\n  const { t } = useTranslation();\n  useAppTranslations(); // Load translations for current module\n  const navigate = useNavigate();\n  const location = useLocation();\n  const { user } = useAuth();\n  const { callApi } = useApi();\n\n  const [formBuilder, setFormBuilder] = useState<FormBuilderState>({\n    rows: [],\n    isLoading: false,\n    paginationModel: {\n      pageNo: 1,\n      limit: 20,\n      totalCount: 0\n    }\n  });\n\n  // Initialize state with proper defaults and memoization\n  const [actionBarData, setActionBarData] = useState<ActionData[]>(() => {\n    const formView = localStorage.getItem(\"form-view\");\n    return formView ? JSON.parse(formView) : DEFAULT_ACTION_BAR_DATA;\n  });\n\n  const [search, setSearch] = useState<string>(\"\");\n  const [actionBarActiveTab, setActionBarActiveTab] = useState<string>(() =>\n    actionBarData?.[0]?.label || viewTypes.TABLE\n  );\n  const [columnOrder, setColumnOrder] = useState(INITIAL_ORDER);\n  const [sorting, setSorting] = useState<MRT_SortingState>([]);\n\n  // Memoized computed values to prevent unnecessary recalculations\n  const currentModule = useMemo(() => location.pathname.split('/')[2], [location.pathname]);\n\n  const modulesConfig = useMemo(() => ({\n    ...config\n  }), [config]);\n\n  const moduleConfig = useMemo(() =>\n    modulesConfig[currentModule] || { filterName: '', redirectionPath: '' },\n    [currentModule, modulesConfig]\n  );\n\n  const navigationPath = useMemo(() =>\n    `/dashboard/${currentModule}${moduleConfig.redirectionPath}`,\n    [currentModule, moduleConfig.redirectionPath]\n  );\n\n  const filters = useMemo(() =>\n    `(company_id.eq=${user?.company_id}&module.eq=${moduleConfig.filterName})`,\n    [user?.company_id, moduleConfig.filterName]\n  );\n\n  const paginationData = useMemo(() => {\n    const { pageNo, limit, totalCount } = formBuilder.paginationModel;\n    const total = limit ? Math.ceil(totalCount / limit) : 0;\n    const skip = limit * (pageNo - 1);\n    return { total, skip, pageNo, limit };\n  }, [formBuilder.paginationModel]);\n\n  // Utility function moved outside render to prevent recreation\n  const formatText = useCallback((key: string): string => {\n    return key\n      ? key\n        .split(/[:_-]/)\n        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n        .join(' ')\n      : key;\n  }, []);\n\n  // Memoized event handlers to prevent child re-renders\n  const handleColumnOrdering = useCallback((colOrder: MRT_ColumnOrderState) => {\n    setColumnOrder(colOrder.slice(1));\n  }, []);\n\n  const handlePaginationModel = useCallback((model: IPaginationModel) => {\n    setFormBuilder(prev => ({\n      ...prev,\n      paginationModel: {\n        ...model,\n        totalCount: prev.paginationModel.totalCount\n      }\n    }));\n  }, []);\n\n  const handleSearch = useCallback((searchValue: string) => {\n    setSearch(searchValue);\n  }, []);\n\n  const handleRowClick = useCallback((rowData: any) => {\n    navigate(navigationPath, {\n      state: rowData,\n    });\n  }, [navigate, navigationPath]);\n\n  // Memoized columns definition to prevent recreation on each render\n  const columns = useMemo(() => [\n    {\n      accessorKey: \"name\",\n      header: \"Form Name\",\n      visible: true,\n      Cell: ({ row }: any) =>\n        row?.original?.name ? (\n          <div\n            onClick={() => handleRowClick(row.original)}\n            style={{ cursor: 'pointer' }}\n          >\n            {formatText(row.original.name)}\n          </div>\n        ) : (\n          \"-\"\n        ),\n    },\n    {\n      accessorKey: \"fields.length\",\n      header: \"No. of Fields\",\n      visible: true,\n      size: 150\n    },\n    {\n      accessorKey: \"fields\",\n      header: \"No. of custom fields\",\n      visible: true,\n      size: 80,\n      Cell: ({ row }: any) =>\n        row?.original?.fields ? (\n          <div>\n            {\n              row.original.fields.filter(\n                (field: { is_system_field: boolean }) => !field.is_system_field,\n              ).length\n            }\n          </div>\n        ) : (\n          \"-\"\n        ),\n    },\n    {\n      accessorKey: \"fields\",\n      header: \"Custom Fields\",\n      visible: true,\n      Cell: ({ row }: any) => {\n        const fields = row?.original?.fields?.filter(\n          (field: { is_system_field: boolean; label: string }) =>\n            !field?.is_system_field && field?.label,\n        ) || [];\n\n        if (!fields.length) return '-';\n\n        return (\n          <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5, flexWrap: 'wrap', p: 0.5 }}>\n            {fields.slice(0, CUSTOM_FIELD_DISPLAY_LIMIT).map((item: any, index: number) => (\n              <Typography\n                key={`${item.label}-${index}`}\n                type=\"s5\"\n                weight=\"medium\"\n                className=\"forms--CustomField\"\n              >\n                {item?.label?.includes(\".\") ? t(item.label) : item.label}\n              </Typography>\n            ))}\n            {fields.length > CUSTOM_FIELD_DISPLAY_LIMIT && (\n              <Typography\n                type=\"s5\"\n                weight=\"medium\"\n                className=\"forms--CustomField\"\n              >\n                +{fields.length - CUSTOM_FIELD_DISPLAY_LIMIT} more\n              </Typography>\n            )}\n          </Box>\n        );\n      }\n    },\n  ], [formatText, handleRowClick, t]);\n\n  // Memoized footer pages to prevent recreation\n  const footerPages = useMemo(() => [\n    {\n      name: 'Default',\n      _id: 1,\n      data: []\n    }\n  ], []);\n\n\n  const fetchForms = useCallback(async () => {\n    if (!moduleConfig.filterName || !user?.company_id) return;\n\n    const sort = sorting?.[0];\n    const params = {\n      skip: paginationData.skip,\n      limit: paginationData.limit,\n      search,\n      filters,\n      ...(sort && { order: `${sort.id}:${sort.desc ? -1 : 1}` }),\n      ...getToken(),\n      'x-timezone': getToken()['x-timezone']?.toString() || ''\n    };\n\n    setFormBuilder(prev => ({ ...prev, isLoading: true }));\n    const response = await getV1FormBuilder({\n      ...params,\n      ...getToken\n    })\n    setFormBuilder({\n      rows: response?.data?.form,\n      isLoading: false,\n      paginationModel: {\n        ...formBuilder.paginationModel,\n        ...response?.data?.pagination\n      }\n    });\n\n\n  }, [filters,\n    paginationData.skip,\n    paginationData.limit,\n    sorting,\n    search,\n    moduleConfig.filterName,\n    user?.company_id,\n  ])\n  // Effect for fetching data - optimized with proper dependencies\n  useEffect(() => {\n    fetchForms()\n  }, [\n    fetchForms\n  ]);\n\n  // Effect for setting active tab - only run when actionBarData changes\n  useEffect(() => {\n    if (actionBarData?.length && actionBarData[0].label !== actionBarActiveTab) {\n      setActionBarActiveTab(actionBarData[0].label);\n    }\n  }, [actionBarData]);\n\n  // Effect for localStorage - debounced to prevent excessive writes\n  useEffect(() => {\n    if (actionBarData?.length) {\n      const timeoutId = setTimeout(() => {\n        localStorage.setItem(\"form-view\", JSON.stringify(actionBarData));\n      }, 300);\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [actionBarData]);\n\n  return (\n    <section className=\"forms\">\n      <ActionBar\n        title=\"Form\"\n        button={false}\n        data={actionBarData}\n        setData={setActionBarData}\n        active={actionBarActiveTab}\n        setActive={(tab) => {\n          setActionBarActiveTab(tab);\n        }}\n        handleSearch={handleSearch}\n        showFilter={false}\n      />\n\n      {actionBarActiveTab === viewTypes.TABLE && (\n        <MaterialTable\n          enablePagination={false}\n          columnOrder={[\"mrt-row-select\", ...columnOrder]}\n          handleColumnOrdering={handleColumnOrdering}\n          rows={formBuilder.rows}\n          columns={columns}\n          totalPages={1}\n          paginationModel={{ pageNo: 1, limit: 20 }}\n          enableEditing={false}\n          states={{ sorting: sorting || [] }}\n          onSortingChange={setSorting}\n          disableDefaultActionColumn\n          getSelectedData={() => { }}\n        />\n      )}\n\n      {actionBarActiveTab === viewTypes.GRID && (\n        <GridCard data={formBuilder.rows} config={config} />\n      )}\n\n      <Footer\n        pages={footerPages}\n        setPages={() => { }}\n        currentPage={1}\n        setCurrentPage={() => { }}\n        total={paginationData.total}\n        paginationModel={{\n          pageNo: formBuilder.paginationModel.pageNo,\n          limit: formBuilder.paginationModel.limit\n        }}\n        handlePaginationModel={handlePaginationModel}\n        sharedPages={[]}\n        resource=\"\"\n        savePageConfiguration={() => { }}\n        handlePageDelete={() => { }}\n        enablePages={false}\n        isPaginationDisplayed={true}\n      />\n    </section>\n  );\n};\n\nexport default Forms;"],"names":["useTranslation","useAppTranslations","useNavigate","useLocation","useAuth","useApi","useState","viewTypes","useMemo","useCallback","jsx","jsxs","Box","Typography","_a","getToken","getV1FormBuilder","useEffect","ActionBar","MaterialTable","GridCard","Footer"],"mappings":"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"}

package/dist/chunks/{FlexibleReduxExample--GtoEJhc.js → FlexibleReduxExample-BEK1732S.js}

@@ -2,9 +2,9 @@
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
-const ERPUIProvider = require("./ERPUIProvider-CcSTcdEo.js");
-const shareModalEnhanced = require("./share-modal-enhanced-BTr0zRhF.js");
-const headerEnhanced = require("./header-enhanced-gJl4iC4m.js");
+const ERPUIProvider = require("./ERPUIProvider-TOq-GnAq.js");
+const shareModalEnhanced = require("./share-modal-enhanced-BajRayrK.js");
+const headerEnhanced = require("./header-enhanced-GQeFu_BL.js");
 const FlexibleReduxExample = () => {
   const [useRedux, setUseRedux] = React.useState(false);
   const [showShareModal, setShowShareModal] = React.useState(false);
@@ -145,4 +145,4 @@ const FlexibleReduxExample = () => {
   ] }) });
 };
 exports.FlexibleReduxExample = FlexibleReduxExample;
-//# sourceMappingURL=FlexibleReduxExample--GtoEJhc.js.map
+//# sourceMappingURL=FlexibleReduxExample-BEK1732S.js.map

package/dist/chunks/{FlexibleReduxExample--GtoEJhc.js.map → FlexibleReduxExample-BEK1732S.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FlexibleReduxExample--GtoEJhc.js","sources":["../../src/components/examples/FlexibleReduxExample.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Box, Button, Typography, Switch, FormControlLabel } from '@mui/material';\nimport { ERPUIProvider } from '../providers/ERPUIProvider';\nimport ShareModalEnhanced from '../share-modal/share-modal-enhanced';\nimport HeaderEnhanced from '../header/header-enhanced';\n\n/**\n * Example component demonstrating flexible Redux usage\n * This shows how components can work with or without Redux\n */\nconst FlexibleReduxExample: React.FC = () => {\n  const [useRedux, setUseRedux] = useState(false);\n  const [showShareModal, setShowShareModal] = useState(false);\n  \n  // Mock data for non-Redux usage\n  const [users] = useState([\n    { id: 1, first_name: 'John', last_name: 'Doe', label: 'John Doe', value: 1 },\n    { id: 2, first_name: 'Jane', last_name: 'Smith', label: 'Jane Smith', value: 2 },\n  ]);\n  \n  const [departments] = useState([\n    { id: 1, name: 'Engineering', label: 'Engineering', value: 1 },\n    { id: 2, name: 'Marketing', label: 'Marketing', value: 2 },\n  ]);\n  \n  const [languages] = useState([\n    { code: 'en', label: 'English', direction: 'ltr' },\n    { code: 'es', label: 'Spanish', direction: 'ltr' },\n    { code: 'ar', label: 'Arabic', direction: 'rtl' },\n  ]);\n  \n  const [currentLanguage, setCurrentLanguage] = useState(languages[0]);\n  const [loading, setLoading] = useState(false);\n\n  // Mock API functions\n  const fetchUsersAndDepartments = async () => {\n    setLoading(true);\n    // Simulate API call\n    await new Promise(resolve => setTimeout(resolve, 1000));\n    setLoading(false);\n  };\n\n  const handleLanguageChange = (languageCode: string) => {\n    const language = languages.find(lang => lang.code === languageCode);\n    if (language) {\n      setCurrentLanguage(language);\n    }\n  };\n\n  const handleShareSubmit = (data: any) => {\n    setShowShareModal(false);\n  };\n\n  return (\n    <ERPUIProvider useRedux={useRedux}>\n      <Box sx={{ p: 3 }}>\n        <Typography variant=\"h4\" gutterBottom>\n          Flexible Redux Integration Example\n        </Typography>\n        \n        <Typography variant=\"body1\" sx={{ mb: 2 }}>\n          This example demonstrates how ERP UI Library components can work with or without Redux.\n          Toggle the switch below to see the difference.\n        </Typography>\n\n        <FormControlLabel\n          control={\n            <Switch\n              checked={useRedux}\n              onChange={(e) => setUseRedux(e.target.checked)}\n            />\n          }\n          label={`Use Redux: ${useRedux ? 'Enabled' : 'Disabled'}`}\n          sx={{ mb: 3 }}\n        />\n\n        <Box sx={{ mb: 3 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Current Mode: {useRedux ? 'Redux-based' : 'Prop-based'}\n          </Typography>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {useRedux \n              ? 'Components are using Redux for state management'\n              : 'Components are using props and local state for data'\n            }\n          </Typography>\n        </Box>\n\n        {/* Header Example */}\n        <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2, mb: 3 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Header Component\n          </Typography>\n          <HeaderEnhanced\n            useRedux={useRedux}\n            languages={useRedux ? undefined : languages}\n            currentLanguage={useRedux ? undefined : currentLanguage}\n            languagesLoading={useRedux ? undefined : loading}\n            onLanguageChange={useRedux ? undefined : handleLanguageChange}\n            onFetchLanguages={useRedux ? undefined : fetchUsersAndDepartments}\n          />\n        </Box>\n\n        {/* Share Modal Example */}\n        <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2, mb: 3 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Share Modal Component\n          </Typography>\n          <Button\n            variant=\"contained\"\n            onClick={() => setShowShareModal(true)}\n            sx={{ mb: 2 }}\n          >\n            Open Share Modal\n          </Button>\n          \n          <ShareModalEnhanced\n            open={showShareModal}\n            onClose={() => setShowShareModal(false)}\n            title=\"Share Document\"\n            toggleSwitch={true}\n            onSubmit={handleShareSubmit}\n            useRedux={useRedux}\n            users={useRedux ? undefined : users}\n            departments={useRedux ? undefined : departments}\n            loading={useRedux ? undefined : loading}\n            onFetchUsersAndDepartments={useRedux ? undefined : fetchUsersAndDepartments}\n          />\n        </Box>\n\n        {/* Code Example */}\n        <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Code Example\n          </Typography>\n          <Box\n            component=\"pre\"\n            sx={{\n              backgroundColor: 'grey.100',\n              p: 2,\n              borderRadius: 1,\n              overflow: 'auto',\n              fontSize: '0.875rem',\n            }}\n          >\n            {useRedux ? `\n// Redux-based usage\n<ERPUIProvider useRedux={true} reduxStore={store} apiClient={apiClient}>\n  <HeaderEnhanced useRedux={true} />\n  <ShareModalEnhanced useRedux={true} />\n</ERPUIProvider>\n            ` : `\n// Prop-based usage\n<ERPUIProvider useRedux={false}>\n  <HeaderEnhanced\n    useRedux={false}\n    languages={languages}\n    currentLanguage={currentLanguage}\n    onLanguageChange={handleLanguageChange}\n  />\n  <ShareModalEnhanced\n    useRedux={false}\n    users={users}\n    departments={departments}\n    loading={loading}\n    onFetchUsersAndDepartments={fetchUsersAndDepartments}\n  />\n</ERPUIProvider>\n            `}\n          </Box>\n        </Box>\n      </Box>\n    </ERPUIProvider>\n  );\n};\n\nexport default FlexibleReduxExample;"],"names":["useState","jsx","ERPUIProvider","jsxs","Box","Typography","FormControlLabel","Switch","HeaderEnhanced","Button","ShareModalEnhanced"],"mappings":";;;;;;;AAUA,MAAM,uBAAiC,MAAM;AAC3C,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA,SAAS,KAAK;AAC9C,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,MAAAA,SAAS,KAAK;AAG1D,QAAM,CAAC,KAAK,IAAIA,eAAS;AAAA,IACvB,EAAE,IAAI,GAAG,YAAY,QAAQ,WAAW,OAAO,OAAO,YAAY,OAAO,EAAA;AAAA,IACzE,EAAE,IAAI,GAAG,YAAY,QAAQ,WAAW,SAAS,OAAO,cAAc,OAAO,EAAA;AAAA,EAAE,CAChF;AAED,QAAM,CAAC,WAAW,IAAIA,eAAS;AAAA,IAC7B,EAAE,IAAI,GAAG,MAAM,eAAe,OAAO,eAAe,OAAO,EAAA;AAAA,IAC3D,EAAE,IAAI,GAAG,MAAM,aAAa,OAAO,aAAa,OAAO,EAAA;AAAA,EAAE,CAC1D;AAED,QAAM,CAAC,SAAS,IAAIA,eAAS;AAAA,IAC3B,EAAE,MAAM,MAAM,OAAO,WAAW,WAAW,MAAA;AAAA,IAC3C,EAAE,MAAM,MAAM,OAAO,WAAW,WAAW,MAAA;AAAA,IAC3C,EAAE,MAAM,MAAM,OAAO,UAAU,WAAW,MAAA;AAAA,EAAM,CACjD;AAED,QAAM,CAAC,iBAAiB,kBAAkB,IAAIA,MAAAA,SAAS,UAAU,CAAC,CAAC;AACnE,QAAM,CAAC,SAAS,UAAU,IAAIA,MAAAA,SAAS,KAAK;AAG5C,QAAM,2BAA2B,YAAY;AAC3C,eAAW,IAAI;AAEf,UAAM,IAAI,QAAQ,CAAA,YAAW,WAAW,SAAS,GAAI,CAAC;AACtD,eAAW,KAAK;AAAA,EAClB;AAEA,QAAM,uBAAuB,CAAC,iBAAyB;AACrD,UAAM,WAAW,UAAU,KAAK,CAAA,SAAQ,KAAK,SAAS,YAAY;AAClE,QAAI,UAAU;AACZ,yBAAmB,QAAQ;AAAA,IAC7B;AAAA,EACF;AAEA,QAAM,oBAAoB,CAAC,SAAc;AACvC,sBAAkB,KAAK;AAAA,EACzB;AAEA,SACEC,2BAAAA,IAACC,cAAAA,iBAAc,UACb,UAAAC,2BAAAA,KAACC,gBAAI,IAAI,EAAE,GAAG,EAAA,GACZ,UAAA;AAAA,IAAAH,+BAACI,SAAAA,YAAA,EAAW,SAAQ,MAAK,cAAY,MAAC,UAAA,sCAEtC;AAAA,IAEAJ,2BAAAA,IAACI,SAAAA,cAAW,SAAQ,SAAQ,IAAI,EAAE,IAAI,EAAA,GAAK,UAAA,yIAAA,CAG3C;AAAA,IAEAJ,2BAAAA;AAAAA,MAACK,SAAAA;AAAAA,MAAA;AAAA,QACC,SACEL,2BAAAA;AAAAA,UAACM,SAAAA;AAAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,UAAU,CAAC,MAAM,YAAY,EAAE,OAAO,OAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAGjD,OAAO,cAAc,WAAW,YAAY,UAAU;AAAA,QACtD,IAAI,EAAE,IAAI,EAAA;AAAA,MAAE;AAAA,IAAA;AAAA,oCAGbH,SAAAA,KAAA,EAAI,IAAI,EAAE,IAAI,KACb,UAAA;AAAA,MAAAD,2BAAAA,KAACE,SAAAA,YAAA,EAAW,SAAQ,MAAK,cAAY,MAAC,UAAA;AAAA,QAAA;AAAA,QACrB,WAAW,gBAAgB;AAAA,MAAA,GAC5C;AAAA,MACAJ,2BAAAA,IAACI,SAAAA,cAAW,SAAQ,SAAQ,OAAM,kBAC/B,UAAA,WACG,oDACA,sDAAA,CAEN;AAAA,IAAA,GACF;AAAA,IAGAF,2BAAAA,KAACC,SAAAA,KAAA,EAAI,IAAI,EAAE,QAAQ,GAAG,aAAa,YAAY,cAAc,GAAG,GAAG,GAAG,IAAI,KACxE,UAAA;AAAA,MAAAH,+BAACI,SAAAA,YAAA,EAAW,SAAQ,MAAK,cAAY,MAAC,UAAA,oBAEtC;AAAA,MACAJ,2BAAAA;AAAAA,QAACO,eAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA,WAAW,WAAW,SAAY;AAAA,UAClC,iBAAiB,WAAW,SAAY;AAAA,UACxC,kBAAkB,WAAW,SAAY;AAAA,UACzC,kBAAkB,WAAW,SAAY;AAAA,UACzC,kBAAkB,WAAW,SAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAC3C,GACF;AAAA,IAGAL,2BAAAA,KAACC,SAAAA,KAAA,EAAI,IAAI,EAAE,QAAQ,GAAG,aAAa,YAAY,cAAc,GAAG,GAAG,GAAG,IAAI,KACxE,UAAA;AAAA,MAAAH,+BAACI,SAAAA,YAAA,EAAW,SAAQ,MAAK,cAAY,MAAC,UAAA,yBAEtC;AAAA,MACAJ,2BAAAA;AAAAA,QAACQ,SAAAA;AAAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM,kBAAkB,IAAI;AAAA,UACrC,IAAI,EAAE,IAAI,EAAA;AAAA,UACX,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAIDR,2BAAAA;AAAAA,QAACS,mBAAAA;AAAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,SAAS,MAAM,kBAAkB,KAAK;AAAA,UACtC,OAAM;AAAA,UACN,cAAc;AAAA,UACd,UAAU;AAAA,UACV;AAAA,UACA,OAAO,WAAW,SAAY;AAAA,UAC9B,aAAa,WAAW,SAAY;AAAA,UACpC,SAAS,WAAW,SAAY;AAAA,UAChC,4BAA4B,WAAW,SAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD,GACF;AAAA,IAGAP,2BAAAA,KAACC,SAAAA,KAAA,EAAI,IAAI,EAAE,QAAQ,GAAG,aAAa,YAAY,cAAc,GAAG,GAAG,EAAA,GACjE,UAAA;AAAA,MAAAH,+BAACI,SAAAA,YAAA,EAAW,SAAQ,MAAK,cAAY,MAAC,UAAA,gBAEtC;AAAA,MACAJ,2BAAAA;AAAAA,QAACG,SAAAA;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAI;AAAA,YACF,iBAAiB;AAAA,YACjB,GAAG;AAAA,YACH,cAAc;AAAA,YACd,UAAU;AAAA,YACV,UAAU;AAAA,UAAA;AAAA,UAGX,UAAA,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAkBN,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;;"}
+{"version":3,"file":"FlexibleReduxExample-BEK1732S.js","sources":["../../src/components/examples/FlexibleReduxExample.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Box, Button, Typography, Switch, FormControlLabel } from '@mui/material';\nimport { ERPUIProvider } from '../providers/ERPUIProvider';\nimport ShareModalEnhanced from '../share-modal/share-modal-enhanced';\nimport HeaderEnhanced from '../header/header-enhanced';\n\n/**\n * Example component demonstrating flexible Redux usage\n * This shows how components can work with or without Redux\n */\nconst FlexibleReduxExample: React.FC = () => {\n  const [useRedux, setUseRedux] = useState(false);\n  const [showShareModal, setShowShareModal] = useState(false);\n  \n  // Mock data for non-Redux usage\n  const [users] = useState([\n    { id: 1, first_name: 'John', last_name: 'Doe', label: 'John Doe', value: 1 },\n    { id: 2, first_name: 'Jane', last_name: 'Smith', label: 'Jane Smith', value: 2 },\n  ]);\n  \n  const [departments] = useState([\n    { id: 1, name: 'Engineering', label: 'Engineering', value: 1 },\n    { id: 2, name: 'Marketing', label: 'Marketing', value: 2 },\n  ]);\n  \n  const [languages] = useState([\n    { code: 'en', label: 'English', direction: 'ltr' },\n    { code: 'es', label: 'Spanish', direction: 'ltr' },\n    { code: 'ar', label: 'Arabic', direction: 'rtl' },\n  ]);\n  \n  const [currentLanguage, setCurrentLanguage] = useState(languages[0]);\n  const [loading, setLoading] = useState(false);\n\n  // Mock API functions\n  const fetchUsersAndDepartments = async () => {\n    setLoading(true);\n    // Simulate API call\n    await new Promise(resolve => setTimeout(resolve, 1000));\n    setLoading(false);\n  };\n\n  const handleLanguageChange = (languageCode: string) => {\n    const language = languages.find(lang => lang.code === languageCode);\n    if (language) {\n      setCurrentLanguage(language);\n    }\n  };\n\n  const handleShareSubmit = (data: any) => {\n    setShowShareModal(false);\n  };\n\n  return (\n    <ERPUIProvider useRedux={useRedux}>\n      <Box sx={{ p: 3 }}>\n        <Typography variant=\"h4\" gutterBottom>\n          Flexible Redux Integration Example\n        </Typography>\n        \n        <Typography variant=\"body1\" sx={{ mb: 2 }}>\n          This example demonstrates how ERP UI Library components can work with or without Redux.\n          Toggle the switch below to see the difference.\n        </Typography>\n\n        <FormControlLabel\n          control={\n            <Switch\n              checked={useRedux}\n              onChange={(e) => setUseRedux(e.target.checked)}\n            />\n          }\n          label={`Use Redux: ${useRedux ? 'Enabled' : 'Disabled'}`}\n          sx={{ mb: 3 }}\n        />\n\n        <Box sx={{ mb: 3 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Current Mode: {useRedux ? 'Redux-based' : 'Prop-based'}\n          </Typography>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {useRedux \n              ? 'Components are using Redux for state management'\n              : 'Components are using props and local state for data'\n            }\n          </Typography>\n        </Box>\n\n        {/* Header Example */}\n        <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2, mb: 3 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Header Component\n          </Typography>\n          <HeaderEnhanced\n            useRedux={useRedux}\n            languages={useRedux ? undefined : languages}\n            currentLanguage={useRedux ? undefined : currentLanguage}\n            languagesLoading={useRedux ? undefined : loading}\n            onLanguageChange={useRedux ? undefined : handleLanguageChange}\n            onFetchLanguages={useRedux ? undefined : fetchUsersAndDepartments}\n          />\n        </Box>\n\n        {/* Share Modal Example */}\n        <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2, mb: 3 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Share Modal Component\n          </Typography>\n          <Button\n            variant=\"contained\"\n            onClick={() => setShowShareModal(true)}\n            sx={{ mb: 2 }}\n          >\n            Open Share Modal\n          </Button>\n          \n          <ShareModalEnhanced\n            open={showShareModal}\n            onClose={() => setShowShareModal(false)}\n            title=\"Share Document\"\n            toggleSwitch={true}\n            onSubmit={handleShareSubmit}\n            useRedux={useRedux}\n            users={useRedux ? undefined : users}\n            departments={useRedux ? undefined : departments}\n            loading={useRedux ? undefined : loading}\n            onFetchUsersAndDepartments={useRedux ? undefined : fetchUsersAndDepartments}\n          />\n        </Box>\n\n        {/* Code Example */}\n        <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Code Example\n          </Typography>\n          <Box\n            component=\"pre\"\n            sx={{\n              backgroundColor: 'grey.100',\n              p: 2,\n              borderRadius: 1,\n              overflow: 'auto',\n              fontSize: '0.875rem',\n            }}\n          >\n            {useRedux ? `\n// Redux-based usage\n<ERPUIProvider useRedux={true} reduxStore={store} apiClient={apiClient}>\n  <HeaderEnhanced useRedux={true} />\n  <ShareModalEnhanced useRedux={true} />\n</ERPUIProvider>\n            ` : `\n// Prop-based usage\n<ERPUIProvider useRedux={false}>\n  <HeaderEnhanced\n    useRedux={false}\n    languages={languages}\n    currentLanguage={currentLanguage}\n    onLanguageChange={handleLanguageChange}\n  />\n  <ShareModalEnhanced\n    useRedux={false}\n    users={users}\n    departments={departments}\n    loading={loading}\n    onFetchUsersAndDepartments={fetchUsersAndDepartments}\n  />\n</ERPUIProvider>\n            `}\n          </Box>\n        </Box>\n      </Box>\n    </ERPUIProvider>\n  );\n};\n\nexport default FlexibleReduxExample;"],"names":["useState","jsx","ERPUIProvider","jsxs","Box","Typography","FormControlLabel","Switch","HeaderEnhanced","Button","ShareModalEnhanced"],"mappings":"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"}

package/dist/chunks/{FlexibleReduxExample-C-2qOGIw.esm.js → FlexibleReduxExample-CfMjfKUf.esm.js}

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Box, Typography, FormControlLabel, Switch, Button } from "@mui/material";
-import { E as ERPUIProvider } from "./ERPUIProvider-I4j_X_SD.esm.js";
-import { S as SharePopUpEnhanced } from "./share-modal-enhanced-DnEdDBmu.esm.js";
-import { H as HeaderEnhanced } from "./header-enhanced-BjfqyQ1a.esm.js";
+import { E as ERPUIProvider } from "./ERPUIProvider-CqbIIC8j.esm.js";
+import { S as SharePopUpEnhanced } from "./share-modal-enhanced-BFmwba0h.esm.js";
+import { H as HeaderEnhanced } from "./header-enhanced-BXn_RBUl.esm.js";
 const FlexibleReduxExample = () => {
   const [useRedux, setUseRedux] = useState(false);
   const [showShareModal, setShowShareModal] = useState(false);
@@ -146,4 +146,4 @@ const FlexibleReduxExample = () => {
 export {
   FlexibleReduxExample as F
 };
-//# sourceMappingURL=FlexibleReduxExample-C-2qOGIw.esm.js.map
+//# sourceMappingURL=FlexibleReduxExample-CfMjfKUf.esm.js.map

package/dist/chunks/{FlexibleReduxExample-C-2qOGIw.esm.js.map → FlexibleReduxExample-CfMjfKUf.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FlexibleReduxExample-C-2qOGIw.esm.js","sources":["../../src/components/examples/FlexibleReduxExample.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Box, Button, Typography, Switch, FormControlLabel } from '@mui/material';\nimport { ERPUIProvider } from '../providers/ERPUIProvider';\nimport ShareModalEnhanced from '../share-modal/share-modal-enhanced';\nimport HeaderEnhanced from '../header/header-enhanced';\n\n/**\n * Example component demonstrating flexible Redux usage\n * This shows how components can work with or without Redux\n */\nconst FlexibleReduxExample: React.FC = () => {\n  const [useRedux, setUseRedux] = useState(false);\n  const [showShareModal, setShowShareModal] = useState(false);\n  \n  // Mock data for non-Redux usage\n  const [users] = useState([\n    { id: 1, first_name: 'John', last_name: 'Doe', label: 'John Doe', value: 1 },\n    { id: 2, first_name: 'Jane', last_name: 'Smith', label: 'Jane Smith', value: 2 },\n  ]);\n  \n  const [departments] = useState([\n    { id: 1, name: 'Engineering', label: 'Engineering', value: 1 },\n    { id: 2, name: 'Marketing', label: 'Marketing', value: 2 },\n  ]);\n  \n  const [languages] = useState([\n    { code: 'en', label: 'English', direction: 'ltr' },\n    { code: 'es', label: 'Spanish', direction: 'ltr' },\n    { code: 'ar', label: 'Arabic', direction: 'rtl' },\n  ]);\n  \n  const [currentLanguage, setCurrentLanguage] = useState(languages[0]);\n  const [loading, setLoading] = useState(false);\n\n  // Mock API functions\n  const fetchUsersAndDepartments = async () => {\n    setLoading(true);\n    // Simulate API call\n    await new Promise(resolve => setTimeout(resolve, 1000));\n    setLoading(false);\n  };\n\n  const handleLanguageChange = (languageCode: string) => {\n    const language = languages.find(lang => lang.code === languageCode);\n    if (language) {\n      setCurrentLanguage(language);\n    }\n  };\n\n  const handleShareSubmit = (data: any) => {\n    setShowShareModal(false);\n  };\n\n  return (\n    <ERPUIProvider useRedux={useRedux}>\n      <Box sx={{ p: 3 }}>\n        <Typography variant=\"h4\" gutterBottom>\n          Flexible Redux Integration Example\n        </Typography>\n        \n        <Typography variant=\"body1\" sx={{ mb: 2 }}>\n          This example demonstrates how ERP UI Library components can work with or without Redux.\n          Toggle the switch below to see the difference.\n        </Typography>\n\n        <FormControlLabel\n          control={\n            <Switch\n              checked={useRedux}\n              onChange={(e) => setUseRedux(e.target.checked)}\n            />\n          }\n          label={`Use Redux: ${useRedux ? 'Enabled' : 'Disabled'}`}\n          sx={{ mb: 3 }}\n        />\n\n        <Box sx={{ mb: 3 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Current Mode: {useRedux ? 'Redux-based' : 'Prop-based'}\n          </Typography>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {useRedux \n              ? 'Components are using Redux for state management'\n              : 'Components are using props and local state for data'\n            }\n          </Typography>\n        </Box>\n\n        {/* Header Example */}\n        <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2, mb: 3 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Header Component\n          </Typography>\n          <HeaderEnhanced\n            useRedux={useRedux}\n            languages={useRedux ? undefined : languages}\n            currentLanguage={useRedux ? undefined : currentLanguage}\n            languagesLoading={useRedux ? undefined : loading}\n            onLanguageChange={useRedux ? undefined : handleLanguageChange}\n            onFetchLanguages={useRedux ? undefined : fetchUsersAndDepartments}\n          />\n        </Box>\n\n        {/* Share Modal Example */}\n        <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2, mb: 3 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Share Modal Component\n          </Typography>\n          <Button\n            variant=\"contained\"\n            onClick={() => setShowShareModal(true)}\n            sx={{ mb: 2 }}\n          >\n            Open Share Modal\n          </Button>\n          \n          <ShareModalEnhanced\n            open={showShareModal}\n            onClose={() => setShowShareModal(false)}\n            title=\"Share Document\"\n            toggleSwitch={true}\n            onSubmit={handleShareSubmit}\n            useRedux={useRedux}\n            users={useRedux ? undefined : users}\n            departments={useRedux ? undefined : departments}\n            loading={useRedux ? undefined : loading}\n            onFetchUsersAndDepartments={useRedux ? undefined : fetchUsersAndDepartments}\n          />\n        </Box>\n\n        {/* Code Example */}\n        <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Code Example\n          </Typography>\n          <Box\n            component=\"pre\"\n            sx={{\n              backgroundColor: 'grey.100',\n              p: 2,\n              borderRadius: 1,\n              overflow: 'auto',\n              fontSize: '0.875rem',\n            }}\n          >\n            {useRedux ? `\n// Redux-based usage\n<ERPUIProvider useRedux={true} reduxStore={store} apiClient={apiClient}>\n  <HeaderEnhanced useRedux={true} />\n  <ShareModalEnhanced useRedux={true} />\n</ERPUIProvider>\n            ` : `\n// Prop-based usage\n<ERPUIProvider useRedux={false}>\n  <HeaderEnhanced\n    useRedux={false}\n    languages={languages}\n    currentLanguage={currentLanguage}\n    onLanguageChange={handleLanguageChange}\n  />\n  <ShareModalEnhanced\n    useRedux={false}\n    users={users}\n    departments={departments}\n    loading={loading}\n    onFetchUsersAndDepartments={fetchUsersAndDepartments}\n  />\n</ERPUIProvider>\n            `}\n          </Box>\n        </Box>\n      </Box>\n    </ERPUIProvider>\n  );\n};\n\nexport default FlexibleReduxExample;"],"names":["ShareModalEnhanced"],"mappings":"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"}
+{"version":3,"file":"FlexibleReduxExample-CfMjfKUf.esm.js","sources":["../../src/components/examples/FlexibleReduxExample.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Box, Button, Typography, Switch, FormControlLabel } from '@mui/material';\nimport { ERPUIProvider } from '../providers/ERPUIProvider';\nimport ShareModalEnhanced from '../share-modal/share-modal-enhanced';\nimport HeaderEnhanced from '../header/header-enhanced';\n\n/**\n * Example component demonstrating flexible Redux usage\n * This shows how components can work with or without Redux\n */\nconst FlexibleReduxExample: React.FC = () => {\n  const [useRedux, setUseRedux] = useState(false);\n  const [showShareModal, setShowShareModal] = useState(false);\n  \n  // Mock data for non-Redux usage\n  const [users] = useState([\n    { id: 1, first_name: 'John', last_name: 'Doe', label: 'John Doe', value: 1 },\n    { id: 2, first_name: 'Jane', last_name: 'Smith', label: 'Jane Smith', value: 2 },\n  ]);\n  \n  const [departments] = useState([\n    { id: 1, name: 'Engineering', label: 'Engineering', value: 1 },\n    { id: 2, name: 'Marketing', label: 'Marketing', value: 2 },\n  ]);\n  \n  const [languages] = useState([\n    { code: 'en', label: 'English', direction: 'ltr' },\n    { code: 'es', label: 'Spanish', direction: 'ltr' },\n    { code: 'ar', label: 'Arabic', direction: 'rtl' },\n  ]);\n  \n  const [currentLanguage, setCurrentLanguage] = useState(languages[0]);\n  const [loading, setLoading] = useState(false);\n\n  // Mock API functions\n  const fetchUsersAndDepartments = async () => {\n    setLoading(true);\n    // Simulate API call\n    await new Promise(resolve => setTimeout(resolve, 1000));\n    setLoading(false);\n  };\n\n  const handleLanguageChange = (languageCode: string) => {\n    const language = languages.find(lang => lang.code === languageCode);\n    if (language) {\n      setCurrentLanguage(language);\n    }\n  };\n\n  const handleShareSubmit = (data: any) => {\n    setShowShareModal(false);\n  };\n\n  return (\n    <ERPUIProvider useRedux={useRedux}>\n      <Box sx={{ p: 3 }}>\n        <Typography variant=\"h4\" gutterBottom>\n          Flexible Redux Integration Example\n        </Typography>\n        \n        <Typography variant=\"body1\" sx={{ mb: 2 }}>\n          This example demonstrates how ERP UI Library components can work with or without Redux.\n          Toggle the switch below to see the difference.\n        </Typography>\n\n        <FormControlLabel\n          control={\n            <Switch\n              checked={useRedux}\n              onChange={(e) => setUseRedux(e.target.checked)}\n            />\n          }\n          label={`Use Redux: ${useRedux ? 'Enabled' : 'Disabled'}`}\n          sx={{ mb: 3 }}\n        />\n\n        <Box sx={{ mb: 3 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Current Mode: {useRedux ? 'Redux-based' : 'Prop-based'}\n          </Typography>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {useRedux \n              ? 'Components are using Redux for state management'\n              : 'Components are using props and local state for data'\n            }\n          </Typography>\n        </Box>\n\n        {/* Header Example */}\n        <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2, mb: 3 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Header Component\n          </Typography>\n          <HeaderEnhanced\n            useRedux={useRedux}\n            languages={useRedux ? undefined : languages}\n            currentLanguage={useRedux ? undefined : currentLanguage}\n            languagesLoading={useRedux ? undefined : loading}\n            onLanguageChange={useRedux ? undefined : handleLanguageChange}\n            onFetchLanguages={useRedux ? undefined : fetchUsersAndDepartments}\n          />\n        </Box>\n\n        {/* Share Modal Example */}\n        <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2, mb: 3 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Share Modal Component\n          </Typography>\n          <Button\n            variant=\"contained\"\n            onClick={() => setShowShareModal(true)}\n            sx={{ mb: 2 }}\n          >\n            Open Share Modal\n          </Button>\n          \n          <ShareModalEnhanced\n            open={showShareModal}\n            onClose={() => setShowShareModal(false)}\n            title=\"Share Document\"\n            toggleSwitch={true}\n            onSubmit={handleShareSubmit}\n            useRedux={useRedux}\n            users={useRedux ? undefined : users}\n            departments={useRedux ? undefined : departments}\n            loading={useRedux ? undefined : loading}\n            onFetchUsersAndDepartments={useRedux ? undefined : fetchUsersAndDepartments}\n          />\n        </Box>\n\n        {/* Code Example */}\n        <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Code Example\n          </Typography>\n          <Box\n            component=\"pre\"\n            sx={{\n              backgroundColor: 'grey.100',\n              p: 2,\n              borderRadius: 1,\n              overflow: 'auto',\n              fontSize: '0.875rem',\n            }}\n          >\n            {useRedux ? `\n// Redux-based usage\n<ERPUIProvider useRedux={true} reduxStore={store} apiClient={apiClient}>\n  <HeaderEnhanced useRedux={true} />\n  <ShareModalEnhanced useRedux={true} />\n</ERPUIProvider>\n            ` : `\n// Prop-based usage\n<ERPUIProvider useRedux={false}>\n  <HeaderEnhanced\n    useRedux={false}\n    languages={languages}\n    currentLanguage={currentLanguage}\n    onLanguageChange={handleLanguageChange}\n  />\n  <ShareModalEnhanced\n    useRedux={false}\n    users={users}\n    departments={departments}\n    loading={loading}\n    onFetchUsersAndDepartments={fetchUsersAndDepartments}\n  />\n</ERPUIProvider>\n            `}\n          </Box>\n        </Box>\n      </Box>\n    </ERPUIProvider>\n  );\n};\n\nexport default FlexibleReduxExample;"],"names":["ShareModalEnhanced"],"mappings":"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"}

package/dist/chunks/{SectionFlowEditor-sKsZ3oQo.js → SectionFlowEditor-Bo7czbNc.js}

@@ -17,7 +17,7 @@ const SplitIcon = require("@mui/icons-material/CallSplit");
 const save = require("./save-omAUfbkE.js");
 const trash = require("./trash-DWY4lso3.js");
 const select = require("./select-xEdBPnWK.js");
-const editSectionModal = require("./edit-section-modal-Br2ITvLk.js");
+const editSectionModal = require("./edit-section-modal-CB6-TNxs.js");
 const checkbox = require("./checkbox-Bk957RvH.js");
 const chip = require("./chip-CPZBkY1x.js");
 const Close = require("@mui/icons-material/Close");
@@ -40,13 +40,13 @@ const AddIcon = require("@mui/icons-material/Add");
 const RefreshIcon = require("@mui/icons-material/Refresh");
 const MergeIcon = require("@mui/icons-material/MergeType");
 const android12Switch = require("./android-12-switch-BIV_kfz1.js");
-const searchableSelect = require("./searchable-select-_DCkITfk.js");
+const searchableSelect = require("./searchable-select-BdR8A-uG.js");
 const constant = require("./constant-ZYAN_teD.js");
 const reactDropzone = require("react-dropzone");
 const lucideReact = require("lucide-react");
 const utils_server = require("./index-B8EHBVkT.js");
 const searchBar = require("./search-bar-BrVRe3Nt.js");
-const api = require("./api-EomXz8pk.js");
+const api = require("./api-DuBJvpDR.js");
 const utils_apiConfig = require("../utils/api-config/index.js");
 const CheckIcon = require("@mui/icons-material/Check");
 const uuid = require("uuid");
@@ -348,7 +348,7 @@ const EditorHeader = ({
     }
   );
 };
-const CustomEditor = React.lazy(() => Promise.resolve().then(() => require("./custom-editor-BeLYFfpv.js")));
+const CustomEditor = React.lazy(() => Promise.resolve().then(() => require("./custom-editor-ByC55Z4G.js")));
 const editableSections = ["text", "text-block", "heading", "heading-1", "heading-2", "heading-3", "heading-4"];
 const EditorSection = ({
   section,
@@ -5475,4 +5475,4 @@ exports.SectionFormatPanel = SectionFormatPanel;
 exports.SignatureControls = SignatureControls;
 exports.TableControls = TableControls;
 exports.TextControls = TextControls;
-//# sourceMappingURL=SectionFlowEditor-sKsZ3oQo.js.map
+//# sourceMappingURL=SectionFlowEditor-Bo7czbNc.js.map