@erpsquad/common 1.11.7 → 1.11.8

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

@@ -1 +1 @@
-{"version":3,"file":"FlexibleReduxExample-CMUylyy1.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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"}
+{"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":"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"}

package/dist/chunks/{FlexibleReduxExample-B2e7Wa_S.esm.js → FlexibleReduxExample-C-2qOGIw.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-Dz0s77BR.esm.js";
-import { S as SharePopUpEnhanced } from "./share-modal-enhanced-CTp-tQw8.esm.js";
-import { H as HeaderEnhanced } from "./header-enhanced-CkROCaOF.esm.js";
+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";
 const FlexibleReduxExample = () => {
   const [useRedux, setUseRedux] = useState(false);
   const [showShareModal, setShowShareModal] = useState(false);
@@ -146,4 +146,4 @@ const FlexibleReduxExample = () => {
 export {
   FlexibleReduxExample as F
 };
-//# sourceMappingURL=FlexibleReduxExample-B2e7Wa_S.esm.js.map
+//# sourceMappingURL=FlexibleReduxExample-C-2qOGIw.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FlexibleReduxExample-B2e7Wa_S.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-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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"}