dinocollab-shared 1.2.3 → 1.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/editor-kit/mode.iframe.js +1 -1
- package/dist/editor-kit/mode.iframe.js.map +1 -1
- package/dist/layout-global/app-header.js +1 -1
- package/dist/layout-global/app-header.js.map +1 -1
- package/dist/layout-global/app-header.nav.js +1 -1
- package/dist/layout-global/app-header.nav.js.map +1 -1
- package/dist/layout-global/app-header.styled.js +1 -1
- package/dist/layout-global/app-header.styled.js.map +1 -1
- package/dist/layout-global/configs.js +1 -1
- package/dist/layout-global/configs.js.map +1 -1
- package/dist/layout-global/sub-menu.js +1 -1
- package/dist/layout-global/sub-menu.js.map +1 -1
- package/dist/layout-global/sub-menu.styled.js +1 -1
- package/dist/layout-global/sub-menu.styled.js.map +1 -1
- package/dist/layout-global/types.js.map +1 -1
- package/dist/types/editor-kit/mode.iframe.d.ts +1 -0
- package/dist/types/editor-kit/mode.iframe.d.ts.map +1 -1
- package/dist/types/layout-global/app-header.d.ts.map +1 -1
- package/dist/types/layout-global/app-header.nav.d.ts +3 -13
- package/dist/types/layout-global/app-header.nav.d.ts.map +1 -1
- package/dist/types/layout-global/app-header.styled.d.ts +0 -1
- package/dist/types/layout-global/app-header.styled.d.ts.map +1 -1
- package/dist/types/layout-global/configs.d.ts.map +1 -1
- package/dist/types/layout-global/sub-menu.d.ts +1 -13
- package/dist/types/layout-global/sub-menu.d.ts.map +1 -1
- package/dist/types/layout-global/sub-menu.styled.d.ts.map +1 -1
- package/dist/types/layout-global/types.d.ts +4 -8
- package/dist/types/layout-global/types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineProperty as e,slicedToArray as r,objectSpread2 as n,asyncToGenerator as t,regenerator as a,toConsumableArray as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as o,jsx as d}from"react/jsx-runtime";import{DinoForm as c}from"dinocollab-core/form";import{useRef as l,useState as s,useEffect as u}from"react";import{styled as f,Box as m,Typography as g,Drawer as p,Button as h,Paper as v,IconButton as I}from"@mui/material";import y from"@mui/icons-material/ArrowBack";import b from"@mui/icons-material/Add";import{ArrayItem as x}from"./array-item.js";var w=function(f){var w=f.configs,E=f.url,T=f.value,D=f.onChange,O=l(null),
|
|
1
|
+
import{defineProperty as e,slicedToArray as r,objectSpread2 as n,asyncToGenerator as t,regenerator as a,toConsumableArray as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as o,jsx as d}from"react/jsx-runtime";import{DinoForm as c}from"dinocollab-core/form";import{useRef as l,useState as s,useEffect as u}from"react";import{styled as f,Box as m,Typography as g,Drawer as p,Button as h,Paper as v,IconButton as I}from"@mui/material";import y from"@mui/icons-material/ArrowBack";import b from"@mui/icons-material/Add";import{ArrayItem as x}from"./array-item.js";var w=function(f){var w=f.configs,E=f.url,T=f.value,D=f.onChange,O=f.modalWidth,C=l(null),B=s({drawerOpen:!1,selectedKey:null,editingIndex:null,draggedIndex:null,dragOverIndex:null}),N=r(B,2),_=N[0],S=N[1],M=function(e){if(!w||!w[e])return null;var r=w[e];return r.formClass?{formClass:r.formClass,isArray:r.isArray||!1}:{formClass:r,isArray:!1}};u(function(){var e=C.current;if(e){var r=function(){var r=e.contentWindow;if(r)try{r.postMessage({type:"EDITOR_KIT_INIT",data:T,configs:w?Object.keys(w):[]},"*")}catch(e){console.error("EditorKitIframe: Failed to send init message",e)}};e.addEventListener("load",r);var t=function(r){var t,a;switch(r.data.type){case"EDITOR_KIT_EDIT":S(n(n({},_),{},{selectedKey:r.data.key,editingIndex:null!==(t=r.data.index)&&void 0!==t?t:null,drawerOpen:!0}));break;case"EDITOR_KIT_READY":null===(a=e.contentWindow)||void 0===a||a.postMessage({type:"EDITOR_KIT_UPDATE_DATA",data:T},"*")}};return window.addEventListener("message",t),function(){e.removeEventListener("load",r),window.removeEventListener("message",t)}}},[E,w,T]),u(function(){var e,r=null===(e=C.current)||void 0===e?void 0:e.contentWindow;if(r)try{r.postMessage({type:"EDITOR_KIT_UPDATE_DATA",data:T},"*")}catch(e){console.error("EditorKitIframe: Failed to send update",e)}},[T]);var R=function(){var e=t(a().m(function e(r){var t,o,d,c,l,s;return a().w(function(e){for(;;)switch(e.p=e.n){case 0:if(t=_.selectedKey,o=_.editingIndex,D&&t){e.n=1;break}return e.a(2);case 1:if(d=M(t)){e.n=2;break}return e.a(2);case 2:return c=n({},T),d.isArray?(l=Array.isArray(T[t])?i(T[t]):[],null!==o&&o>=0?l[o]=r:l.push(r),c[t]=l):c[t]=r,e.p=3,e.n=4,D(c);case 4:d.isArray?S(n(n({},_),{},{editingIndex:null})):S(n(n({},_),{},{drawerOpen:!1,selectedKey:null,editingIndex:null})),e.n=6;break;case 5:e.p=5,s=e.v,console.error("EditorKitIframe: onChange failed",s);case 6:return e.a(2)}},e,null,[[3,5]])}));return function(r){return e.apply(this,arguments)}}(),j=function(){var r=t(a().m(function r(t){var o,d,c;return a().w(function(r){for(;;)switch(r.p=r.n){case 0:if(o=_.selectedKey,D&&o){r.n=1;break}return r.a(2);case 1:return(d=Array.isArray(T[o])?i(T[o]):[]).splice(t,1),r.p=2,r.n=3,D(n(n({},T),{},e({},o,d)));case 3:r.n=5;break;case 4:r.p=4,c=r.v,console.error("EditorKitIframe: delete failed",c);case 5:return r.a(2)}},r,null,[[2,4]])}));return function(e){return r.apply(this,arguments)}}(),H=function(){var e=t(a().m(function e(r){return a().w(function(e){for(;;)switch(e.n){case 0:if(0!==r){e.n=1;break}return e.a(2);case 1:return e.n=2,U(r,r-1);case 2:return e.a(2)}},e)}));return function(r){return e.apply(this,arguments)}}(),P=function(){var e=t(a().m(function e(r){var n,t;return a().w(function(e){for(;;)switch(e.n){case 0:if(n=_.selectedKey){e.n=1;break}return e.a(2);case 1:if(t=Array.isArray(null==T?void 0:T[n])?T[n]:[],!(r>=t.length-1)){e.n=2;break}return e.a(2);case 2:return e.n=3,U(r,r+1);case 3:return e.a(2)}},e)}));return function(r){return e.apply(this,arguments)}}(),W=function(e){S(n(n({},_),{},{draggedIndex:e}))},F=function(){S(n(n({},_),{},{draggedIndex:null,dragOverIndex:null}))},L=function(e){var r=_.draggedIndex;null!==r&&r!==e&&S(n(n({},_),{},{dragOverIndex:e}))},U=function(){var o=t(a().m(function t(o,d){var c,l,s,u,f,m;return a().w(function(t){for(;;)switch(t.p=t.n){case 0:if(c=_.selectedKey,D&&c){t.n=1;break}return t.a(2);case 1:return l=Array.isArray(T[c])?i(T[c]):[],s=l.splice(o,1),u=r(s,1),f=u[0],l.splice(d,0,f),t.p=2,t.n=3,D(n(n({},T),{},e({},c,l)));case 3:S(n(n({},_),{},{draggedIndex:null,dragOverIndex:null})),t.n=5;break;case 4:t.p=4,m=t.v,console.error("EditorKitIframe: reorder failed",m);case 5:return t.a(2)}},t,null,[[2,4]])}));return function(e,r){return o.apply(this,arguments)}}(),Y=function(e){var r=_.selectedKey,n=T&&r?T[r]:{};return o(m,{children:[o(g,{variant:"h5",className:A.title,children:["Editing: ",d("b",{children:r})]}),d(c.DecoratorForm,{data:n,configClass:e,onSubmit:R})]})},z=function(){var e=_.selectedKey,r=_.draggedIndex,t=_.dragOverIndex,a=e&&Array.isArray(null==T?void 0:T[e])?T[e]:[];return o(m,{children:[o(g,{variant:"h5",className:A.title,children:["Manage: ",d("b",{children:e})]}),d(h,{variant:"contained",startIcon:d(b,{}),onClick:function(){return S(n(n({},_),{},{editingIndex:-1}))},fullWidth:!0,className:A.addButton,children:"Add New Item"}),0===a.length?d(v,{className:A.emptyState,children:d(g,{color:"text.secondary",children:'No items yet. Click "Add New Item" to create one.'})}):d(m,{children:a.map(function(e,i){return d(x,{item:e,index:i,totalItems:a.length,onEdit:function(e){return S(n(n({},_),{},{editingIndex:e}))},onDelete:j,onMoveUp:H,onMoveDown:P,onDragStart:W,onDragEnd:F,onDragOver:L,onDrop:U,isDragging:r===i,dragOverIndex:null!=t?t:void 0},i)})})]})},G=function(e,r){var t=_.selectedKey,a=t&&Array.isArray(null==T?void 0:T[t])?T[t]:[],i=r>=0&&a[r]||{};return o(m,{children:[o(m,{className:A.editHeader,children:[d(I,{onClick:function(){return S(n(n({},_),{},{editingIndex:null}))},className:A.backButton,children:d(y,{})}),d(g,{variant:"h5",children:r>=0?"Edit Item #".concat(r+1):"Add New Item"})]}),d(c.DecoratorForm,{data:i,configClass:e,onSubmit:R})]})};return o(K,{children:[d(m,{className:A.badge,children:o(g,{variant:"h6",component:"div",className:A.badgeText,children:["Editor Kit: ",d("b",{className:A.badgeStatus,children:"On"})," (Iframe Mode)"]})}),d("iframe",{ref:C,src:E,className:A.iframe,title:"Editor Preview"}),d(p,{anchor:"right",open:_.drawerOpen,onClose:function(){S(n(n({},_),{},{drawerOpen:!1,selectedKey:null,editingIndex:null}))},children:d(k,{sx:{width:O||"var(--editor-kit-drawer-width, 450px)"},children:function(){var e=_.selectedKey,r=_.editingIndex;if(!e)return null;var n=M(e);return n?n.isArray?null!==r?G(n.formClass,r):z():Y(n.formClass):o(m,{p:2,children:["Config not found for key: ",e]})}()})})]})},A={badge:"EditorKitIframe-badge",badgeText:"EditorKitIframe-badgeText",badgeStatus:"EditorKitIframe-badgeStatus",iframe:"EditorKitIframe-iframe",title:"EditorKitIframe-title",addButton:"EditorKitIframe-addButton",emptyState:"EditorKitIframe-emptyState",editHeader:"EditorKitIframe-editHeader",backButton:"EditorKitIframe-backButton"},E=function(e,r){return"".concat("",".").concat(A[e]).concat("")},K=f(m)(function(r){var n=r.theme;return e(e(e(e({position:"relative",width:"100%",height:"calc(100vh - var(--height-header, 114px) - 10px)",padding:"6px",backgroundColor:n.palette.grey[100]},E("badge"),{position:"fixed",bottom:64,right:16,zIndex:1e3,backgroundColor:n.palette.primary.main,padding:n.spacing(1),borderRadius:n.spacing(1),boxShadow:n.shadows[3]}),E("badgeText"),{color:"#fff"}),E("badgeStatus"),{color:"#00ff00"}),E("iframe"),{width:"100%",height:"100%",border:"none"})}),k=f(m)(function(r){var n=r.theme;return e(e(e(e(e({width:"var(--editor-kit-drawer-width, 450px)",height:"100%",overflowY:"auto",padding:n.spacing(2),".MuiInputBase-input.MuiOutlinedInput-input":{height:"auto"}},E("title"),{paddingTop:n.spacing(2),paddingBottom:n.spacing(2),marginBottom:n.spacing(2),borderBottom:"1px solid #ccc"}),E("addButton"),{marginBottom:n.spacing(3)}),E("emptyState"),{padding:n.spacing(3),textAlign:"center",backgroundColor:n.palette.grey[50]}),E("editHeader"),{display:"flex",alignItems:"center",paddingTop:n.spacing(2),paddingBottom:n.spacing(2),marginBottom:n.spacing(2),borderBottom:"1px solid #ccc"}),E("backButton"),{marginRight:n.spacing(1)})});export{w as EditorKitIframe,w as default,A as editorKitIframeClasses};
|
|
2
2
|
//# sourceMappingURL=mode.iframe.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mode.iframe.js","sources":["../../src/editor-kit/mode.iframe.tsx"],"sourcesContent":["import { DinoForm } from 'dinocollab-core/form'\r\nimport { FC, useEffect, useRef, useState } from 'react'\r\nimport { Box, Drawer, Typography, IconButton, Button, Paper, styled } from '@mui/material'\r\nimport ArrowBackIcon from '@mui/icons-material/ArrowBack'\r\nimport AddIcon from '@mui/icons-material/Add'\r\nimport { ArrayItem } from './array-item'\r\n\r\nexport interface IEditorKitIframeProps {\r\n configs?: Record<string, any>\r\n url: string // URL của landing page\r\n value: any\r\n onChange: (value: any) => void\r\n}\r\n\r\ninterface IEditorKitIframeState {\r\n drawerOpen: boolean\r\n selectedKey: string | null\r\n editingIndex: number | null // null = list view, number = editing item at index, -1 = add new\r\n draggedIndex: number | null\r\n dragOverIndex: number | null\r\n}\r\n\r\nexport const EditorKitIframe: FC<IEditorKitIframeProps> = ({ configs, url, value, onChange }) => {\r\n const iframeRef = useRef<HTMLIFrameElement>(null)\r\n const [state, setState] = useState<IEditorKitIframeState>({\r\n drawerOpen: false,\r\n selectedKey: null,\r\n editingIndex: null,\r\n draggedIndex: null,\r\n dragOverIndex: null\r\n })\r\n\r\n const getConfig = (key: string) => {\r\n if (!configs || !configs[key]) return null\r\n\r\n const config = configs[key]\r\n // Support both formats: direct class or {formClass, isArray}\r\n if (config.formClass) {\r\n return { formClass: config.formClass, isArray: config.isArray || false }\r\n }\r\n return { formClass: config, isArray: false }\r\n }\r\n\r\n useEffect(() => {\r\n const iframe = iframeRef.current\r\n if (!iframe) return\r\n\r\n const handleIframeLoad = () => {\r\n const iframeWindow = iframe.contentWindow\r\n if (!iframeWindow) return\r\n\r\n try {\r\n // Send initial data to landing page\r\n iframeWindow.postMessage({ type: 'EDITOR_KIT_INIT', data: value, configs: configs ? Object.keys(configs) : [] }, '*')\r\n } catch (err) {\r\n console.error('EditorKitIframe: Failed to send init message', err)\r\n }\r\n }\r\n\r\n iframe.addEventListener('load', handleIframeLoad)\r\n\r\n // Listen to messages from landing page (iframe)\r\n const handleMessage = (event: MessageEvent) => {\r\n // Optional: Verify origin for security\r\n // if (event.origin !== window.location.origin) return\r\n\r\n switch (event.data.type) {\r\n case 'EDITOR_KIT_EDIT':\r\n setState({ ...state, selectedKey: event.data.key, editingIndex: event.data.index ?? null, drawerOpen: true })\r\n break\r\n\r\n case 'EDITOR_KIT_READY':\r\n // Landing page is ready, send data\r\n iframe.contentWindow?.postMessage({ type: 'EDITOR_KIT_UPDATE_DATA', data: value }, '*')\r\n break\r\n }\r\n }\r\n\r\n window.addEventListener('message', handleMessage)\r\n\r\n return () => {\r\n iframe.removeEventListener('load', handleIframeLoad)\r\n window.removeEventListener('message', handleMessage)\r\n }\r\n }, [url, configs, value])\r\n\r\n // Send updated data to landing page when value changes\r\n useEffect(() => {\r\n const iframeWindow = iframeRef.current?.contentWindow\r\n if (iframeWindow) {\r\n try {\r\n iframeWindow.postMessage({ type: 'EDITOR_KIT_UPDATE_DATA', data: value }, '*')\r\n } catch (err) {\r\n console.error('EditorKitIframe: Failed to send update', err)\r\n }\r\n }\r\n }, [value])\r\n\r\n const handleValueChange = async (data: any) => {\r\n const { selectedKey, editingIndex } = state\r\n if (!onChange || !selectedKey) return\r\n\r\n const config = getConfig(selectedKey)\r\n if (!config) return\r\n\r\n let newValue = { ...value }\r\n\r\n if (config.isArray) {\r\n // Array field\r\n const currentArray = Array.isArray(value[selectedKey]) ? [...value[selectedKey]] : []\r\n\r\n if (editingIndex !== null && editingIndex >= 0) {\r\n // Update existing item\r\n currentArray[editingIndex] = data\r\n } else {\r\n // Add new item\r\n currentArray.push(data)\r\n }\r\n\r\n newValue[selectedKey] = currentArray\r\n } else {\r\n // Single field\r\n newValue[selectedKey] = data\r\n }\r\n\r\n try {\r\n await onChange(newValue)\r\n // Back to list view for array, close for single\r\n if (config.isArray) {\r\n setState({ ...state, editingIndex: null })\r\n } else {\r\n setState({ ...state, drawerOpen: false, selectedKey: null, editingIndex: null })\r\n }\r\n } catch (err) {\r\n console.error('EditorKitIframe: onChange failed', err)\r\n }\r\n }\r\n\r\n const handleDeleteItem = async (index: number) => {\r\n const { selectedKey } = state\r\n if (!onChange || !selectedKey) return\r\n\r\n const currentArray = Array.isArray(value[selectedKey]) ? [...value[selectedKey]] : []\r\n currentArray.splice(index, 1)\r\n\r\n try {\r\n await onChange({ ...value, [selectedKey]: currentArray })\r\n } catch (err) {\r\n console.error('EditorKitIframe: delete failed', err)\r\n }\r\n }\r\n\r\n const handleMoveUp = async (index: number) => {\r\n if (index === 0) return\r\n await handleReorderItems(index, index - 1)\r\n }\r\n\r\n const handleMoveDown = async (index: number) => {\r\n const { selectedKey } = state\r\n if (!selectedKey) return\r\n const arrayData = Array.isArray(value?.[selectedKey]) ? value[selectedKey] : []\r\n if (index >= arrayData.length - 1) return\r\n await handleReorderItems(index, index + 1)\r\n }\r\n\r\n const handleDragStart = (index: number) => {\r\n setState({ ...state, draggedIndex: index })\r\n }\r\n\r\n const handleDragEnd = () => {\r\n setState({ ...state, draggedIndex: null, dragOverIndex: null })\r\n }\r\n\r\n const handleDragOver = (index: number) => {\r\n const { draggedIndex } = state\r\n if (draggedIndex === null || draggedIndex === index) return\r\n setState({ ...state, dragOverIndex: index })\r\n }\r\n\r\n const handleReorderItems = async (fromIndex: number, toIndex: number) => {\r\n const { selectedKey } = state\r\n if (!onChange || !selectedKey) return\r\n\r\n const currentArray = Array.isArray(value[selectedKey]) ? [...value[selectedKey]] : []\r\n const [movedItem] = currentArray.splice(fromIndex, 1)\r\n currentArray.splice(toIndex, 0, movedItem)\r\n\r\n try {\r\n await onChange({ ...value, [selectedKey]: currentArray })\r\n setState({ ...state, draggedIndex: null, dragOverIndex: null })\r\n } catch (err) {\r\n console.error('EditorKitIframe: reorder failed', err)\r\n }\r\n }\r\n\r\n const handleDrawerClose = () => {\r\n setState({ ...state, drawerOpen: false, selectedKey: null, editingIndex: null })\r\n }\r\n\r\n const renderContent = () => {\r\n const { selectedKey, editingIndex } = state\r\n if (!selectedKey) return null\r\n\r\n const config = getConfig(selectedKey)\r\n if (!config) {\r\n return <Box p={2}>Config not found for key: {selectedKey}</Box>\r\n }\r\n\r\n if (config.isArray) {\r\n // Array mode: show list or edit form\r\n if (editingIndex !== null) {\r\n return renderEditForm(config.formClass, editingIndex)\r\n }\r\n return renderArrayList()\r\n } else {\r\n // Single mode: show form directly\r\n return renderSingleForm(config.formClass)\r\n }\r\n }\r\n\r\n const renderSingleForm = (ConfigClass: any) => {\r\n const { selectedKey } = state\r\n const formData = value && selectedKey ? value[selectedKey] : {}\r\n\r\n return (\r\n <Box>\r\n <Typography variant='h5' className={editorKitIframeClasses.title}>\r\n Editing: <b>{selectedKey}</b>\r\n </Typography>\r\n <DinoForm.DecoratorForm data={formData} configClass={ConfigClass} onSubmit={handleValueChange} />\r\n </Box>\r\n )\r\n }\r\n\r\n const renderArrayList = () => {\r\n const { selectedKey, draggedIndex, dragOverIndex } = state\r\n const arrayData = selectedKey && Array.isArray(value?.[selectedKey]) ? value[selectedKey] : []\r\n\r\n return (\r\n <Box>\r\n <Typography variant='h5' className={editorKitIframeClasses.title}>\r\n Manage: <b>{selectedKey}</b>\r\n </Typography>\r\n\r\n <Button\r\n variant='contained'\r\n startIcon={<AddIcon />}\r\n onClick={() => setState({ ...state, editingIndex: -1 })}\r\n fullWidth\r\n className={editorKitIframeClasses.addButton}\r\n >\r\n Add New Item\r\n </Button>\r\n\r\n {arrayData.length === 0 ? (\r\n <Paper className={editorKitIframeClasses.emptyState}>\r\n <Typography color='text.secondary'>No items yet. Click \"Add New Item\" to create one.</Typography>\r\n </Paper>\r\n ) : (\r\n <Box>\r\n {arrayData.map((item: any, index: number) => (\r\n <ArrayItem\r\n key={index}\r\n item={item}\r\n index={index}\r\n totalItems={arrayData.length}\r\n onEdit={(idx) => setState({ ...state, editingIndex: idx })}\r\n onDelete={handleDeleteItem}\r\n onMoveUp={handleMoveUp}\r\n onMoveDown={handleMoveDown}\r\n onDragStart={handleDragStart}\r\n onDragEnd={handleDragEnd}\r\n onDragOver={handleDragOver}\r\n onDrop={handleReorderItems}\r\n isDragging={draggedIndex === index}\r\n dragOverIndex={dragOverIndex ?? undefined}\r\n />\r\n ))}\r\n </Box>\r\n )}\r\n </Box>\r\n )\r\n }\r\n\r\n const renderEditForm = (ConfigClass: any, index: number) => {\r\n const { selectedKey } = state\r\n const arrayData = selectedKey && Array.isArray(value?.[selectedKey]) ? value[selectedKey] : []\r\n const formData = index >= 0 ? arrayData[index] || {} : {}\r\n\r\n return (\r\n <Box>\r\n <Box className={editorKitIframeClasses.editHeader}>\r\n <IconButton onClick={() => setState({ ...state, editingIndex: null })} className={editorKitIframeClasses.backButton}>\r\n <ArrowBackIcon />\r\n </IconButton>\r\n <Typography variant='h5'>{index >= 0 ? `Edit Item #${index + 1}` : 'Add New Item'}</Typography>\r\n </Box>\r\n <DinoForm.DecoratorForm data={formData} configClass={ConfigClass} onSubmit={handleValueChange} />\r\n </Box>\r\n )\r\n }\r\n\r\n return (\r\n <EditorKitIframeStyled>\r\n {/* Badge \"Editor Kit: On\" */}\r\n <Box className={editorKitIframeClasses.badge}>\r\n <Typography variant='h6' component='div' className={editorKitIframeClasses.badgeText}>\r\n Editor Kit: <b className={editorKitIframeClasses.badgeStatus}>On</b> (Iframe Mode)\r\n </Typography>\r\n </Box>\r\n\r\n {/* Iframe displaying Landing page */}\r\n <iframe ref={iframeRef} src={url} className={editorKitIframeClasses.iframe} title='Editor Preview' />\r\n\r\n {/* Drawer for editing */}\r\n <Drawer anchor='right' open={state.drawerOpen} onClose={handleDrawerClose}>\r\n <FormStyled>{renderContent()}</FormStyled>\r\n </Drawer>\r\n </EditorKitIframeStyled>\r\n )\r\n}\r\n\r\nexport default EditorKitIframe\r\n\r\nexport const editorKitIframeClasses = {\r\n badge: 'EditorKitIframe-badge',\r\n badgeText: 'EditorKitIframe-badgeText',\r\n badgeStatus: 'EditorKitIframe-badgeStatus',\r\n iframe: 'EditorKitIframe-iframe',\r\n title: 'EditorKitIframe-title',\r\n addButton: 'EditorKitIframe-addButton',\r\n emptyState: 'EditorKitIframe-emptyState',\r\n editHeader: 'EditorKitIframe-editHeader',\r\n backButton: 'EditorKitIframe-backButton'\r\n}\r\n\r\nconst getClasses = (key: keyof typeof editorKitIframeClasses, options?: { prefix?: string; suffix?: string }) => {\r\n return `${options?.prefix || ''}.${editorKitIframeClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nconst EditorKitIframeStyled = styled(Box)(({ theme }) => ({\r\n position: 'relative',\r\n width: '100%',\r\n height: 'calc(100vh - var(--height-header, 114px) - 10px)',\r\n padding: '6px',\r\n backgroundColor: theme.palette.grey[100],\r\n\r\n [getClasses('badge')]: {\r\n position: 'fixed',\r\n bottom: 64,\r\n right: 16,\r\n zIndex: 1000,\r\n backgroundColor: theme.palette.primary.main,\r\n padding: theme.spacing(1),\r\n borderRadius: theme.spacing(1),\r\n boxShadow: theme.shadows[3]\r\n },\r\n\r\n [getClasses('badgeText')]: { color: '#fff' },\r\n\r\n [getClasses('badgeStatus')]: { color: '#00ff00' },\r\n\r\n [getClasses('iframe')]: { width: '100%', height: '100%', border: 'none' }\r\n}))\r\n\r\nconst FormStyled = styled(Box)(({ theme }) => ({\r\n width: 'var(--editor-kit-drawer-width, 450px)',\r\n height: '100%',\r\n overflowY: 'auto',\r\n padding: theme.spacing(2),\r\n '.MuiInputBase-input.MuiOutlinedInput-input': {\r\n height: 'auto'\r\n },\r\n\r\n [getClasses('title')]: {\r\n paddingTop: theme.spacing(2),\r\n paddingBottom: theme.spacing(2),\r\n marginBottom: theme.spacing(2),\r\n borderBottom: '1px solid #ccc'\r\n },\r\n\r\n [getClasses('addButton')]: { marginBottom: theme.spacing(3) },\r\n\r\n [getClasses('emptyState')]: {\r\n padding: theme.spacing(3),\r\n textAlign: 'center',\r\n backgroundColor: theme.palette.grey[50]\r\n },\r\n\r\n [getClasses('editHeader')]: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n paddingTop: theme.spacing(2),\r\n paddingBottom: theme.spacing(2),\r\n marginBottom: theme.spacing(2),\r\n borderBottom: '1px solid #ccc'\r\n },\r\n\r\n [getClasses('backButton')]: { marginRight: theme.spacing(1) }\r\n}))\r\n"],"names":["EditorKitIframe","_ref","configs","url","value","onChange","iframeRef","useRef","_useState","useState","drawerOpen","selectedKey","editingIndex","draggedIndex","dragOverIndex","_useState2","_slicedToArray","state","setState","getConfig","key","config","formClass","isArray","useEffect","iframe","current","handleIframeLoad","iframeWindow","contentWindow","postMessage","type","data","Object","keys","err","console","error","addEventListener","handleMessage","event","_event$data$index","_iframe$contentWindow","_objectSpread","index","window","removeEventListener","_iframeRef$current","handleValueChange","_ref2","_asyncToGenerator","_regenerator","m","_callee","newValue","currentArray","_t","w","_context","p","n","a","Array","_toConsumableArray","push","v","_x","apply","this","arguments","handleDeleteItem","_ref3","_callee2","_t2","_context2","splice","_defineProperty","_x2","handleMoveUp","_ref4","_callee3","_context3","handleReorderItems","_x3","handleMoveDown","_ref5","_callee4","arrayData","_context4","length","_x4","handleDragStart","handleDragEnd","handleDragOver","_ref6","_callee5","fromIndex","toIndex","_currentArray$splice","_currentArray$splice2","movedItem","_t3","_context5","_x5","_x6","renderSingleForm","ConfigClass","formData","_jsxs","Box","Typography","variant","className","editorKitIframeClasses","title","children","_jsx","DinoForm","DecoratorForm","configClass","onSubmit","renderArrayList","Button","startIcon","AddIcon","onClick","fullWidth","addButton","Paper","emptyState","color","map","item","ArrayItem","totalItems","onEdit","idx","onDelete","onMoveUp","onMoveDown","onDragStart","onDragEnd","onDragOver","onDrop","isDragging","undefined","renderEditForm","editHeader","IconButton","backButton","ArrowBackIcon","concat","EditorKitIframeStyled","badge","component","badgeText","badgeStatus","ref","src","Drawer","anchor","open","onClose","FormStyled","renderContent","getClasses","options","styled","_ref7","theme","position","width","height","padding","backgroundColor","palette","grey","bottom","right","zIndex","primary","main","spacing","borderRadius","boxShadow","shadows","border","_ref9","overflowY","paddingTop","paddingBottom","marginBottom","borderBottom","textAlign","display","alignItems","marginRight"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"mode.iframe.js","sources":["../../src/editor-kit/mode.iframe.tsx"],"sourcesContent":["import { DinoForm } from 'dinocollab-core/form'\r\nimport { FC, useEffect, useRef, useState } from 'react'\r\nimport { Box, Drawer, Typography, IconButton, Button, Paper, styled } from '@mui/material'\r\nimport ArrowBackIcon from '@mui/icons-material/ArrowBack'\r\nimport AddIcon from '@mui/icons-material/Add'\r\nimport { ArrayItem } from './array-item'\r\n\r\nexport interface IEditorKitIframeProps {\r\n configs?: Record<string, any>\r\n url: string // URL của landing page\r\n value: any\r\n onChange: (value: any) => void\r\n modalWidth?: number | string\r\n}\r\n\r\ninterface IEditorKitIframeState {\r\n drawerOpen: boolean\r\n selectedKey: string | null\r\n editingIndex: number | null // null = list view, number = editing item at index, -1 = add new\r\n draggedIndex: number | null\r\n dragOverIndex: number | null\r\n}\r\n\r\nexport const EditorKitIframe: FC<IEditorKitIframeProps> = (props) => {\r\n const { configs, url, value, onChange, modalWidth } = props\r\n const iframeRef = useRef<HTMLIFrameElement>(null)\r\n const [state, setState] = useState<IEditorKitIframeState>({\r\n drawerOpen: false,\r\n selectedKey: null,\r\n editingIndex: null,\r\n draggedIndex: null,\r\n dragOverIndex: null\r\n })\r\n\r\n const getConfig = (key: string) => {\r\n if (!configs || !configs[key]) return null\r\n\r\n const config = configs[key]\r\n // Support both formats: direct class or {formClass, isArray}\r\n if (config.formClass) {\r\n return { formClass: config.formClass, isArray: config.isArray || false }\r\n }\r\n return { formClass: config, isArray: false }\r\n }\r\n\r\n useEffect(() => {\r\n const iframe = iframeRef.current\r\n if (!iframe) return\r\n\r\n const handleIframeLoad = () => {\r\n const iframeWindow = iframe.contentWindow\r\n if (!iframeWindow) return\r\n\r\n try {\r\n // Send initial data to landing page\r\n iframeWindow.postMessage({ type: 'EDITOR_KIT_INIT', data: value, configs: configs ? Object.keys(configs) : [] }, '*')\r\n } catch (err) {\r\n console.error('EditorKitIframe: Failed to send init message', err)\r\n }\r\n }\r\n\r\n iframe.addEventListener('load', handleIframeLoad)\r\n\r\n // Listen to messages from landing page (iframe)\r\n const handleMessage = (event: MessageEvent) => {\r\n // Optional: Verify origin for security\r\n // if (event.origin !== window.location.origin) return\r\n\r\n switch (event.data.type) {\r\n case 'EDITOR_KIT_EDIT':\r\n setState({ ...state, selectedKey: event.data.key, editingIndex: event.data.index ?? null, drawerOpen: true })\r\n break\r\n\r\n case 'EDITOR_KIT_READY':\r\n // Landing page is ready, send data\r\n iframe.contentWindow?.postMessage({ type: 'EDITOR_KIT_UPDATE_DATA', data: value }, '*')\r\n break\r\n }\r\n }\r\n\r\n window.addEventListener('message', handleMessage)\r\n\r\n return () => {\r\n iframe.removeEventListener('load', handleIframeLoad)\r\n window.removeEventListener('message', handleMessage)\r\n }\r\n }, [url, configs, value])\r\n\r\n // Send updated data to landing page when value changes\r\n useEffect(() => {\r\n const iframeWindow = iframeRef.current?.contentWindow\r\n if (iframeWindow) {\r\n try {\r\n iframeWindow.postMessage({ type: 'EDITOR_KIT_UPDATE_DATA', data: value }, '*')\r\n } catch (err) {\r\n console.error('EditorKitIframe: Failed to send update', err)\r\n }\r\n }\r\n }, [value])\r\n\r\n const handleValueChange = async (data: any) => {\r\n const { selectedKey, editingIndex } = state\r\n if (!onChange || !selectedKey) return\r\n\r\n const config = getConfig(selectedKey)\r\n if (!config) return\r\n\r\n let newValue = { ...value }\r\n\r\n if (config.isArray) {\r\n // Array field\r\n const currentArray = Array.isArray(value[selectedKey]) ? [...value[selectedKey]] : []\r\n\r\n if (editingIndex !== null && editingIndex >= 0) {\r\n // Update existing item\r\n currentArray[editingIndex] = data\r\n } else {\r\n // Add new item\r\n currentArray.push(data)\r\n }\r\n\r\n newValue[selectedKey] = currentArray\r\n } else {\r\n // Single field\r\n newValue[selectedKey] = data\r\n }\r\n\r\n try {\r\n await onChange(newValue)\r\n // Back to list view for array, close for single\r\n if (config.isArray) {\r\n setState({ ...state, editingIndex: null })\r\n } else {\r\n setState({ ...state, drawerOpen: false, selectedKey: null, editingIndex: null })\r\n }\r\n } catch (err) {\r\n console.error('EditorKitIframe: onChange failed', err)\r\n }\r\n }\r\n\r\n const handleDeleteItem = async (index: number) => {\r\n const { selectedKey } = state\r\n if (!onChange || !selectedKey) return\r\n\r\n const currentArray = Array.isArray(value[selectedKey]) ? [...value[selectedKey]] : []\r\n currentArray.splice(index, 1)\r\n\r\n try {\r\n await onChange({ ...value, [selectedKey]: currentArray })\r\n } catch (err) {\r\n console.error('EditorKitIframe: delete failed', err)\r\n }\r\n }\r\n\r\n const handleMoveUp = async (index: number) => {\r\n if (index === 0) return\r\n await handleReorderItems(index, index - 1)\r\n }\r\n\r\n const handleMoveDown = async (index: number) => {\r\n const { selectedKey } = state\r\n if (!selectedKey) return\r\n const arrayData = Array.isArray(value?.[selectedKey]) ? value[selectedKey] : []\r\n if (index >= arrayData.length - 1) return\r\n await handleReorderItems(index, index + 1)\r\n }\r\n\r\n const handleDragStart = (index: number) => {\r\n setState({ ...state, draggedIndex: index })\r\n }\r\n\r\n const handleDragEnd = () => {\r\n setState({ ...state, draggedIndex: null, dragOverIndex: null })\r\n }\r\n\r\n const handleDragOver = (index: number) => {\r\n const { draggedIndex } = state\r\n if (draggedIndex === null || draggedIndex === index) return\r\n setState({ ...state, dragOverIndex: index })\r\n }\r\n\r\n const handleReorderItems = async (fromIndex: number, toIndex: number) => {\r\n const { selectedKey } = state\r\n if (!onChange || !selectedKey) return\r\n\r\n const currentArray = Array.isArray(value[selectedKey]) ? [...value[selectedKey]] : []\r\n const [movedItem] = currentArray.splice(fromIndex, 1)\r\n currentArray.splice(toIndex, 0, movedItem)\r\n\r\n try {\r\n await onChange({ ...value, [selectedKey]: currentArray })\r\n setState({ ...state, draggedIndex: null, dragOverIndex: null })\r\n } catch (err) {\r\n console.error('EditorKitIframe: reorder failed', err)\r\n }\r\n }\r\n\r\n const handleDrawerClose = () => {\r\n setState({ ...state, drawerOpen: false, selectedKey: null, editingIndex: null })\r\n }\r\n\r\n const renderContent = () => {\r\n const { selectedKey, editingIndex } = state\r\n if (!selectedKey) return null\r\n\r\n const config = getConfig(selectedKey)\r\n if (!config) {\r\n return <Box p={2}>Config not found for key: {selectedKey}</Box>\r\n }\r\n\r\n if (config.isArray) {\r\n // Array mode: show list or edit form\r\n if (editingIndex !== null) {\r\n return renderEditForm(config.formClass, editingIndex)\r\n }\r\n return renderArrayList()\r\n } else {\r\n // Single mode: show form directly\r\n return renderSingleForm(config.formClass)\r\n }\r\n }\r\n\r\n const renderSingleForm = (ConfigClass: any) => {\r\n const { selectedKey } = state\r\n const formData = value && selectedKey ? value[selectedKey] : {}\r\n\r\n return (\r\n <Box>\r\n <Typography variant='h5' className={editorKitIframeClasses.title}>\r\n Editing: <b>{selectedKey}</b>\r\n </Typography>\r\n <DinoForm.DecoratorForm data={formData} configClass={ConfigClass} onSubmit={handleValueChange} />\r\n </Box>\r\n )\r\n }\r\n\r\n const renderArrayList = () => {\r\n const { selectedKey, draggedIndex, dragOverIndex } = state\r\n const arrayData = selectedKey && Array.isArray(value?.[selectedKey]) ? value[selectedKey] : []\r\n\r\n return (\r\n <Box>\r\n <Typography variant='h5' className={editorKitIframeClasses.title}>\r\n Manage: <b>{selectedKey}</b>\r\n </Typography>\r\n\r\n <Button\r\n variant='contained'\r\n startIcon={<AddIcon />}\r\n onClick={() => setState({ ...state, editingIndex: -1 })}\r\n fullWidth\r\n className={editorKitIframeClasses.addButton}\r\n >\r\n Add New Item\r\n </Button>\r\n\r\n {arrayData.length === 0 ? (\r\n <Paper className={editorKitIframeClasses.emptyState}>\r\n <Typography color='text.secondary'>No items yet. Click \"Add New Item\" to create one.</Typography>\r\n </Paper>\r\n ) : (\r\n <Box>\r\n {arrayData.map((item: any, index: number) => (\r\n <ArrayItem\r\n key={index}\r\n item={item}\r\n index={index}\r\n totalItems={arrayData.length}\r\n onEdit={(idx) => setState({ ...state, editingIndex: idx })}\r\n onDelete={handleDeleteItem}\r\n onMoveUp={handleMoveUp}\r\n onMoveDown={handleMoveDown}\r\n onDragStart={handleDragStart}\r\n onDragEnd={handleDragEnd}\r\n onDragOver={handleDragOver}\r\n onDrop={handleReorderItems}\r\n isDragging={draggedIndex === index}\r\n dragOverIndex={dragOverIndex ?? undefined}\r\n />\r\n ))}\r\n </Box>\r\n )}\r\n </Box>\r\n )\r\n }\r\n\r\n const renderEditForm = (ConfigClass: any, index: number) => {\r\n const { selectedKey } = state\r\n const arrayData = selectedKey && Array.isArray(value?.[selectedKey]) ? value[selectedKey] : []\r\n const formData = index >= 0 ? arrayData[index] || {} : {}\r\n\r\n return (\r\n <Box>\r\n <Box className={editorKitIframeClasses.editHeader}>\r\n <IconButton onClick={() => setState({ ...state, editingIndex: null })} className={editorKitIframeClasses.backButton}>\r\n <ArrowBackIcon />\r\n </IconButton>\r\n <Typography variant='h5'>{index >= 0 ? `Edit Item #${index + 1}` : 'Add New Item'}</Typography>\r\n </Box>\r\n <DinoForm.DecoratorForm data={formData} configClass={ConfigClass} onSubmit={handleValueChange} />\r\n </Box>\r\n )\r\n }\r\n\r\n return (\r\n <EditorKitIframeStyled>\r\n {/* Badge \"Editor Kit: On\" */}\r\n <Box className={editorKitIframeClasses.badge}>\r\n <Typography variant='h6' component='div' className={editorKitIframeClasses.badgeText}>\r\n Editor Kit: <b className={editorKitIframeClasses.badgeStatus}>On</b> (Iframe Mode)\r\n </Typography>\r\n </Box>\r\n\r\n {/* Iframe displaying Landing page */}\r\n <iframe ref={iframeRef} src={url} className={editorKitIframeClasses.iframe} title='Editor Preview' />\r\n\r\n {/* Drawer for editing */}\r\n <Drawer anchor='right' open={state.drawerOpen} onClose={handleDrawerClose}>\r\n <FormStyled sx={{ width: modalWidth || 'var(--editor-kit-drawer-width, 450px)' }}>{renderContent()}</FormStyled>\r\n </Drawer>\r\n </EditorKitIframeStyled>\r\n )\r\n}\r\n\r\nexport default EditorKitIframe\r\n\r\nexport const editorKitIframeClasses = {\r\n badge: 'EditorKitIframe-badge',\r\n badgeText: 'EditorKitIframe-badgeText',\r\n badgeStatus: 'EditorKitIframe-badgeStatus',\r\n iframe: 'EditorKitIframe-iframe',\r\n title: 'EditorKitIframe-title',\r\n addButton: 'EditorKitIframe-addButton',\r\n emptyState: 'EditorKitIframe-emptyState',\r\n editHeader: 'EditorKitIframe-editHeader',\r\n backButton: 'EditorKitIframe-backButton'\r\n}\r\n\r\nconst getClasses = (key: keyof typeof editorKitIframeClasses, options?: { prefix?: string; suffix?: string }) => {\r\n return `${options?.prefix || ''}.${editorKitIframeClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nconst EditorKitIframeStyled = styled(Box)(({ theme }) => ({\r\n position: 'relative',\r\n width: '100%',\r\n height: 'calc(100vh - var(--height-header, 114px) - 10px)',\r\n padding: '6px',\r\n backgroundColor: theme.palette.grey[100],\r\n\r\n [getClasses('badge')]: {\r\n position: 'fixed',\r\n bottom: 64,\r\n right: 16,\r\n zIndex: 1000,\r\n backgroundColor: theme.palette.primary.main,\r\n padding: theme.spacing(1),\r\n borderRadius: theme.spacing(1),\r\n boxShadow: theme.shadows[3]\r\n },\r\n\r\n [getClasses('badgeText')]: { color: '#fff' },\r\n\r\n [getClasses('badgeStatus')]: { color: '#00ff00' },\r\n\r\n [getClasses('iframe')]: { width: '100%', height: '100%', border: 'none' }\r\n}))\r\n\r\nconst FormStyled = styled(Box)(({ theme }) => ({\r\n width: 'var(--editor-kit-drawer-width, 450px)',\r\n height: '100%',\r\n overflowY: 'auto',\r\n padding: theme.spacing(2),\r\n '.MuiInputBase-input.MuiOutlinedInput-input': {\r\n height: 'auto'\r\n },\r\n\r\n [getClasses('title')]: {\r\n paddingTop: theme.spacing(2),\r\n paddingBottom: theme.spacing(2),\r\n marginBottom: theme.spacing(2),\r\n borderBottom: '1px solid #ccc'\r\n },\r\n\r\n [getClasses('addButton')]: { marginBottom: theme.spacing(3) },\r\n\r\n [getClasses('emptyState')]: {\r\n padding: theme.spacing(3),\r\n textAlign: 'center',\r\n backgroundColor: theme.palette.grey[50]\r\n },\r\n\r\n [getClasses('editHeader')]: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n paddingTop: theme.spacing(2),\r\n paddingBottom: theme.spacing(2),\r\n marginBottom: theme.spacing(2),\r\n borderBottom: '1px solid #ccc'\r\n },\r\n\r\n [getClasses('backButton')]: { marginRight: theme.spacing(1) }\r\n}))\r\n"],"names":["EditorKitIframe","props","configs","url","value","onChange","modalWidth","iframeRef","useRef","_useState","useState","drawerOpen","selectedKey","editingIndex","draggedIndex","dragOverIndex","_useState2","_slicedToArray","state","setState","getConfig","key","config","formClass","isArray","useEffect","iframe","current","handleIframeLoad","iframeWindow","contentWindow","postMessage","type","data","Object","keys","err","console","error","addEventListener","handleMessage","event","_event$data$index","_iframe$contentWindow","_objectSpread","index","window","removeEventListener","_iframeRef$current","handleValueChange","_ref","_asyncToGenerator","_regenerator","m","_callee","newValue","currentArray","_t","w","_context","p","n","a","Array","_toConsumableArray","push","v","_x","apply","this","arguments","handleDeleteItem","_ref2","_callee2","_t2","_context2","splice","_defineProperty","_x2","handleMoveUp","_ref3","_callee3","_context3","handleReorderItems","_x3","handleMoveDown","_ref4","_callee4","arrayData","_context4","length","_x4","handleDragStart","handleDragEnd","handleDragOver","_ref5","_callee5","fromIndex","toIndex","_currentArray$splice","_currentArray$splice2","movedItem","_t3","_context5","_x5","_x6","renderSingleForm","ConfigClass","formData","_jsxs","Box","Typography","variant","className","editorKitIframeClasses","title","children","_jsx","DinoForm","DecoratorForm","configClass","onSubmit","renderArrayList","Button","startIcon","AddIcon","onClick","fullWidth","addButton","Paper","emptyState","color","map","item","ArrayItem","totalItems","onEdit","idx","onDelete","onMoveUp","onMoveDown","onDragStart","onDragEnd","onDragOver","onDrop","isDragging","undefined","renderEditForm","editHeader","IconButton","backButton","ArrowBackIcon","concat","EditorKitIframeStyled","badge","component","badgeText","badgeStatus","ref","src","Drawer","anchor","open","onClose","FormStyled","sx","width","renderContent","getClasses","options","styled","_ref6","theme","position","height","padding","backgroundColor","palette","grey","bottom","right","zIndex","primary","main","spacing","borderRadius","boxShadow","shadows","border","_ref8","overflowY","paddingTop","paddingBottom","marginBottom","borderBottom","textAlign","display","alignItems","marginRight"],"mappings":"mkBAuBaA,EAA6C,SAACC,GACzD,IAAQC,EAA8CD,EAA9CC,QAASC,EAAqCF,EAArCE,IAAKC,EAAgCH,EAAhCG,MAAOC,EAAyBJ,EAAzBI,SAAUC,EAAeL,EAAfK,WACjCC,EAAYC,EAA0B,MAC5CC,EAA0BC,EAAgC,CACxDC,YAAY,EACZC,YAAa,KACbC,aAAc,KACdC,aAAc,KACdC,cAAe,OACfC,EAAAC,EAAAR,EAAA,GANKS,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAQhBI,EAAY,SAACC,GACjB,IAAKnB,IAAYA,EAAQmB,GAAM,OAAO,KAEtC,IAAMC,EAASpB,EAAQmB,GAEvB,OAAIC,EAAOC,UACF,CAAEA,UAAWD,EAAOC,UAAWC,QAASF,EAAOE,UAAW,GAE5D,CAAED,UAAWD,EAAQE,SAAS,EACtC,EAEDC,EAAU,WACR,IAAMC,EAASnB,EAAUoB,QACzB,GAAKD,EAAL,CAEA,IAAME,EAAmB,WACvB,IAAMC,EAAeH,EAAOI,cAC5B,GAAKD,EAEL,IAEEA,EAAaE,YAAY,CAAEC,KAAM,kBAAmBC,KAAM7B,EAAOF,QAASA,EAAUgC,OAAOC,KAAKjC,GAAW,IAAM,IAClH,CAAC,MAAOkC,GACPC,QAAQC,MAAM,+CAAgDF,EAC/D,CACF,EAEDV,EAAOa,iBAAiB,OAAQX,GAGhC,IAAMY,EAAgB,SAACC,GAAuB,IAAAC,EAAAC,EAI5C,OAAQF,EAAMR,KAAKD,MACjB,IAAK,kBACHb,EAAQyB,EAAAA,KAAM1B,GAAK,CAAA,EAAA,CAAEN,YAAa6B,EAAMR,KAAKZ,IAAKR,aAA8B6B,QAAlBA,EAAED,EAAMR,KAAKY,aAAKH,IAAAA,EAAAA,EAAI,KAAM/B,YAAY,KACtG,MAEF,IAAK,mBAEiBgC,QAApBA,EAAAjB,EAAOI,qBAAPa,IAAoBA,GAApBA,EAAsBZ,YAAY,CAAEC,KAAM,yBAA0BC,KAAM7B,GAAS,KAGxF,EAID,OAFA0C,OAAOP,iBAAiB,UAAWC,GAE5B,WACLd,EAAOqB,oBAAoB,OAAQnB,GACnCkB,OAAOC,oBAAoB,UAAWP,EACvC,CAtCY,CAuCd,EAAE,CAACrC,EAAKD,EAASE,IAGlBqB,EAAU,WAAK,IAAAuB,EACPnB,EAAgC,QAApBmB,EAAGzC,EAAUoB,eAAO,IAAAqB,OAAA,EAAjBA,EAAmBlB,cACxC,GAAID,EACF,IACEA,EAAaE,YAAY,CAAEC,KAAM,yBAA0BC,KAAM7B,GAAS,IAC3E,CAAC,MAAOgC,GACPC,QAAQC,MAAM,yCAA0CF,EACzD,CAEL,EAAG,CAAChC,IAEJ,IAAM6C,EAAiB,WAAA,IAAAC,EAAAC,EAAAC,IAAAC,EAAG,SAAAC,EAAOrB,GAAS,IAAArB,EAAAC,EAAAS,EAAAiC,EAAAC,EAAAC,EAAA,OAAAL,IAAAM,EAAA,SAAAC,GAAA,cAAAA,EAAAC,EAAAD,EAAAE,GAAA,KAAA,EACP,GAAzBjD,EAA8BM,EAA9BN,YAAaC,EAAiBK,EAAjBL,aAChBR,GAAaO,EAAW,CAAA+C,EAAAE,EAAA,EAAA,KAAA,CAAA,OAAAF,EAAAG,EAAA,GAAA,KAAA,EAEQ,GAA/BxC,EAASF,EAAUR,GACd,CAAA+C,EAAAE,EAAA,EAAA,KAAA,CAAA,OAAAF,EAAAG,EAAA,GAAA,KAAA,EAoBV,OAlBGP,EAAQX,EAAA,CAAA,EAAQxC,GAEhBkB,EAAOE,SAEHgC,EAAeO,MAAMvC,QAAQpB,EAAMQ,IAAaoD,EAAO5D,EAAMQ,IAAgB,GAE9D,OAAjBC,GAAyBA,GAAgB,EAE3C2C,EAAa3C,GAAgBoB,EAG7BuB,EAAaS,KAAKhC,GAGpBsB,EAAS3C,GAAe4C,GAGxBD,EAAS3C,GAAeqB,EACzB0B,EAAAC,EAAA,EAAAD,EAAAE,EAAA,EAGOxD,EAASkD,GAAS,KAAA,EAEpBjC,EAAOE,QACTL,EAAQyB,EAAAA,KAAM1B,GAAK,CAAA,EAAA,CAAEL,aAAc,QAEnCM,EAAQyB,EAAAA,KAAM1B,GAAK,CAAA,EAAA,CAAEP,YAAY,EAAOC,YAAa,KAAMC,aAAc,QAC1E8C,EAAAE,EAAA,EAAA,MAAA,KAAA,EAAAF,EAAAC,EAAA,EAAAH,EAAAE,EAAAO,EAED7B,QAAQC,MAAM,mCAAkCmB,GAAM,KAAA,EAAA,OAAAE,EAAAG,EAAA,GAAA,EAAAR,EAAA,KAAA,CAAA,CAAA,EAAA,QAEzD,OAtCKL,SAAiBkB,GAAA,OAAAjB,EAAAkB,MAAAC,KAAAC,UAAA,EAAA,GAwCjBC,EAAgB,WAAA,IAAAC,EAAArB,EAAAC,IAAAC,EAAG,SAAAoB,EAAO5B,GAAa,IAAAjC,EAAA4C,EAAAkB,EAAA,OAAAtB,IAAAM,EAAA,SAAAiB,GAAA,cAAAA,EAAAf,EAAAe,EAAAd,GAAA,KAAA,EACxB,GAAXjD,EAAgBM,EAAhBN,YACHP,GAAaO,EAAW,CAAA+D,EAAAd,EAAA,EAAA,KAAA,CAAA,OAAAc,EAAAb,EAAA,GAAA,KAAA,EAGA,OADvBN,EAAeO,MAAMvC,QAAQpB,EAAMQ,IAAaoD,EAAO5D,EAAMQ,IAAgB,IACtEgE,OAAO/B,EAAO,GAAE8B,EAAAf,EAAA,EAAAe,EAAAd,EAAA,EAGrBxD,EAAQuC,EAAAA,EAAMxC,CAAAA,EAAAA,GAAKyE,CAAAA,EAAAA,EAAGjE,CAAAA,EAAAA,EAAc4C,KAAe,KAAA,EAAAmB,EAAAd,EAAA,EAAA,MAAA,KAAA,EAAAc,EAAAf,EAAA,EAAAc,EAAAC,EAAAT,EAEzD7B,QAAQC,MAAM,iCAAgCoC,GAAM,KAAA,EAAA,OAAAC,EAAAb,EAAA,GAAA,EAAAW,EAAA,KAAA,CAAA,CAAA,EAAA,QAEvD,OAZKF,SAAgBO,GAAA,OAAAN,EAAAJ,MAAAC,KAAAC,UAAA,EAAA,GAchBS,EAAY,WAAA,IAAAC,EAAA7B,EAAAC,IAAAC,EAAG,SAAA4B,EAAOpC,GAAa,OAAAO,IAAAM,EAAA,SAAAwB,GAAA,cAAAA,EAAArB,GAAA,KAAA,EAAA,GACzB,IAAVhB,EAAW,CAAAqC,EAAArB,EAAA,EAAA,KAAA,CAAA,OAAAqB,EAAApB,EAAA,GAAA,KAAA,EAAA,OAAAoB,EAAArB,EAAA,EACTsB,EAAmBtC,EAAOA,EAAQ,GAAE,KAAA,EAAA,OAAAqC,EAAApB,EAAA,GAAA,EAAAmB,MAC3C,OAHKF,SAAYK,GAAA,OAAAJ,EAAAZ,MAAAC,KAAAC,UAAA,EAAA,GAKZe,EAAc,WAAA,IAAAC,EAAAnC,EAAAC,IAAAC,EAAG,SAAAkC,EAAO1C,GAAa,IAAAjC,EAAA4E,EAAA,OAAApC,IAAAM,EAAA,SAAA+B,GAAA,cAAAA,EAAA5B,GAAA,KAAA,EACtB,GAAXjD,EAAgBM,EAAhBN,YACQ,CAAA6E,EAAA5B,EAAA,EAAA,KAAA,CAAA,OAAA4B,EAAA3B,EAAA,GAAA,KAAA,EAC+D,GAAzE0B,EAAYzB,MAAMvC,QAAQpB,aAAAA,EAAAA,EAAQQ,IAAgBR,EAAMQ,GAAe,KACzEiC,GAAS2C,EAAUE,OAAS,GAAC,CAAAD,EAAA5B,EAAA,EAAA,KAAA,CAAA,OAAA4B,EAAA3B,EAAA,GAAA,KAAA,EAAA,OAAA2B,EAAA5B,EAAA,EAC3BsB,EAAmBtC,EAAOA,EAAQ,GAAE,KAAA,EAAA,OAAA4C,EAAA3B,EAAA,GAAA,EAAAyB,MAC3C,OANKF,SAAcM,GAAA,OAAAL,EAAAlB,MAAAC,KAAAC,UAAA,EAAA,GAQdsB,EAAkB,SAAC/C,GACvB1B,EAAQyB,EAAAA,KAAM1B,GAAK,CAAA,EAAA,CAAEJ,aAAc+B,IACpC,EAEKgD,EAAgB,WACpB1E,EAAQyB,EAAAA,KAAM1B,GAAK,CAAA,EAAA,CAAEJ,aAAc,KAAMC,cAAe,OACzD,EAEK+E,EAAiB,SAACjD,GACtB,IAAQ/B,EAAiBI,EAAjBJ,aACa,OAAjBA,GAAyBA,IAAiB+B,GAC9C1B,EAAQyB,EAAAA,KAAM1B,GAAK,CAAA,EAAA,CAAEH,cAAe8B,IACrC,EAEKsC,EAAkB,WAAA,IAAAY,EAAA5C,EAAAC,IAAAC,EAAG,SAAA2C,EAAOC,EAAmBC,GAAe,IAAAtF,EAAA4C,EAAA2C,EAAAC,EAAAC,EAAAC,EAAA,OAAAlD,IAAAM,EAAA,SAAA6C,GAAA,cAAAA,EAAA3C,EAAA2C,EAAA1C,GAAA,KAAA,EAC/C,GAAXjD,EAAgBM,EAAhBN,YACHP,GAAaO,EAAW,CAAA2F,EAAA1C,EAAA,EAAA,KAAA,CAAA,OAAA0C,EAAAzC,EAAA,GAAA,KAAA,EAIa,OAFpCN,EAAeO,MAAMvC,QAAQpB,EAAMQ,IAAaoD,EAAO5D,EAAMQ,IAAgB,GAAEuF,EACjE3C,EAAaoB,OAAOqB,EAAW,GAAEG,EAAAnF,EAAAkF,EAA9CE,GAAAA,EAASD,EAAA,GAChB5C,EAAaoB,OAAOsB,EAAS,EAAGG,GAAUE,EAAA3C,EAAA,EAAA2C,EAAA1C,EAAA,EAGlCxD,EAAQuC,EAAAA,EAAMxC,CAAAA,EAAAA,GAAKyE,CAAAA,EAAAA,EAAGjE,CAAAA,EAAAA,EAAc4C,KAAe,KAAA,EACzDrC,EAAQyB,EAAAA,KAAM1B,GAAK,CAAA,EAAA,CAAEJ,aAAc,KAAMC,cAAe,QAAOwF,EAAA1C,EAAA,EAAA,MAAA,KAAA,EAAA0C,EAAA3C,EAAA,EAAA0C,EAAAC,EAAArC,EAE/D7B,QAAQC,MAAM,kCAAiCgE,GAAM,KAAA,EAAA,OAAAC,EAAAzC,EAAA,GAAA,EAAAkC,EAAA,KAAA,CAAA,CAAA,EAAA,QAExD,OAAA,SAduBQ,EAAAC,GAAA,OAAAV,EAAA3B,MAAAC,KAAAC,UAAA,EAAA,GAyClBoC,EAAmB,SAACC,GACxB,IAAQ/F,EAAgBM,EAAhBN,YACFgG,EAAWxG,GAASQ,EAAcR,EAAMQ,GAAe,CAAE,EAE/D,OACEiG,EAACC,aACCD,EAACE,GAAWC,QAAQ,KAAKC,UAAWC,EAAuBC,MAAKC,SAAA,CAAA,YACrDC,gBAAIzG,OAEfyG,EAACC,EAASC,cAAc,CAAAtF,KAAM2E,EAAUY,YAAab,EAAac,SAAUxE,MAGjF,EAEKyE,EAAkB,WACtB,IAAQ9G,EAA6CM,EAA7CN,YAAaE,EAAgCI,EAAhCJ,aAAcC,EAAkBG,EAAlBH,cAC7ByE,EAAY5E,GAAemD,MAAMvC,QAAQpB,eAAAA,EAAQQ,IAAgBR,EAAMQ,GAAe,GAE5F,OACEiG,EAACC,EAAG,CAAAM,SAAA,CACFP,EAACE,EAAU,CAACC,QAAQ,KAAKC,UAAWC,EAAuBC,2BACjDE,EAAI,IAAA,CAAAD,SAAAxG,OAGdyG,EAACM,EAAM,CACLX,QAAQ,YACRY,UAAWP,EAACQ,EAAO,IACnBC,QAAS,WAAF,OAAQ3G,EAAQyB,EAAAA,KAAM1B,GAAK,GAAA,CAAEL,cAAc,IAAK,EACvDkH,WACA,EAAAd,UAAWC,EAAuBc,UAG3BZ,SAAA,iBAEa,IAArB5B,EAAUE,OACT2B,EAACY,EAAK,CAAChB,UAAWC,EAAuBgB,WAAUd,SACjDC,EAACN,EAAU,CAACoB,MAAM,kFAGpBd,EAACP,EAAG,CAAAM,SACD5B,EAAU4C,IAAI,SAACC,EAAWxF,GAAa,OACtCwE,EAACiB,EAAS,CAERD,KAAMA,EACNxF,MAAOA,EACP0F,WAAY/C,EAAUE,OACtB8C,OAAQ,SAACC,GAAG,OAAKtH,EAAQyB,EAAAA,KAAM1B,GAAK,GAAA,CAAEL,aAAc4H,IAAM,EAC1DC,SAAUnE,EACVoE,SAAU5D,EACV6D,WAAYvD,EACZwD,YAAajD,EACbkD,UAAWjD,EACXkD,WAAYjD,EACZkD,OAAQ7D,EACR8D,WAAYnI,IAAiB+B,EAC7B9B,cAAeA,QAAAA,OAAiBmI,GAb3BrG,EAeR,OAKV,EAEKsG,EAAiB,SAACxC,EAAkB9D,GACxC,IAAQjC,EAAgBM,EAAhBN,YACF4E,EAAY5E,GAAemD,MAAMvC,QAAQpB,eAAAA,EAAQQ,IAAgBR,EAAMQ,GAAe,GACtFgG,EAAW/D,GAAS,GAAI2C,EAAU3C,IAAe,CAAE,EAEzD,OACEgE,EAACC,aACCD,EAACC,GAAIG,UAAWC,EAAuBkC,qBACrC/B,EAACgC,GAAWvB,QAAS,WAAF,OAAQ3G,EAAQyB,EAAAA,KAAM1B,GAAK,GAAA,CAAEL,aAAc,OAAO,EAAEoG,UAAWC,EAAuBoC,oBACvGjC,EAACkC,QAEHlC,EAACN,GAAWC,QAAQ,KAAMI,SAAAvE,GAAS,EAAC,cAAA2G,OAAiB3G,EAAQ,GAAM,oBAErEwE,EAACC,EAASC,cAAc,CAAAtF,KAAM2E,EAAUY,YAAab,EAAac,SAAUxE,MAGjF,EAED,OACE4D,EAAC4C,EAAqB,CAAArC,SAAA,CAEpBC,EAACP,EAAG,CAACG,UAAWC,EAAuBwC,MAAKtC,SAC1CP,EAACE,EAAU,CAACC,QAAQ,KAAK2C,UAAU,MAAM1C,UAAWC,EAAuB0C,mCAC7DvC,EAAG,IAAA,CAAAJ,UAAWC,EAAuB2C,YAAmBzC,SAAA,OAAA,sBAKxEC,EAAA,SAAA,CAAQyC,IAAKvJ,EAAWwJ,IAAK5J,EAAK8G,UAAWC,EAAuBxF,OAAQyF,MAAM,mBAGlFE,EAAC2C,EAAM,CAACC,OAAO,QAAQC,KAAMhJ,EAAMP,WAAYwJ,QAxHzB,WACxBhJ,EAAQyB,EAAAA,KAAM1B,GAAK,CAAA,EAAA,CAAEP,YAAY,EAAOC,YAAa,KAAMC,aAAc,OAC1E,WAuHKwG,EAAC+C,GAAWC,GAAI,CAAEC,MAAOhK,GAAc,yCAA4C8G,SArHnE,WACpB,IAAQxG,EAA8BM,EAA9BN,YAAaC,EAAiBK,EAAjBL,aACrB,IAAKD,EAAa,OAAO,KAEzB,IAAMU,EAASF,EAAUR,GACzB,OAAKU,EAIDA,EAAOE,QAEY,OAAjBX,EACKsI,EAAe7H,EAAOC,UAAWV,GAEnC6G,IAGAhB,EAAiBpF,EAAOC,WAXxBsF,EAACC,EAAI,CAAAlD,EAAG,EAACwD,SAAA,CAAA,6BAA6BxG,IAahD,CAkGwF2J,SAI3F,EAIarD,EAAyB,CACpCwC,MAAO,wBACPE,UAAW,4BACXC,YAAa,8BACbnI,OAAQ,yBACRyF,MAAO,wBACPa,UAAW,4BACXE,WAAY,6BACZkB,WAAY,6BACZE,WAAY,8BAGRkB,EAAa,SAACnJ,EAA0CoJ,GAC5D,MAAA,GAAAjB,OAA6B,QAAEA,OAAItC,EAAuB7F,IAAImI,OAAsB,GACtF,EAEMC,EAAwBiB,EAAO5D,EAAP4D,CAAY,SAAAC,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAAA/F,EAAAA,EAAAA,EAAAA,EAAA,CAChDgG,SAAU,WACVP,MAAO,OACPQ,OAAQ,mDACRC,QAAS,MACTC,gBAAiBJ,EAAMK,QAAQC,KAAK,MAEnCV,EAAW,SAAW,CACrBK,SAAU,QACVM,OAAQ,GACRC,MAAO,GACPC,OAAQ,IACRL,gBAAiBJ,EAAMK,QAAQK,QAAQC,KACvCR,QAASH,EAAMY,QAAQ,GACvBC,aAAcb,EAAMY,QAAQ,GAC5BE,UAAWd,EAAMe,QAAQ,KAG1BnB,EAAW,aAAe,CAAErC,MAAO,SAEnCqC,EAAW,eAAiB,CAAErC,MAAO,YAErCqC,EAAW,UAAY,CAAEF,MAAO,OAAQQ,OAAQ,OAAQc,OAAQ,QAAQ,GAGrExB,EAAaM,EAAO5D,EAAP4D,CAAY,SAAAmB,GAAA,IAAGjB,EAAKiB,EAALjB,MAAK,OAAA/F,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CACrCyF,MAAO,wCACPQ,OAAQ,OACRgB,UAAW,OACXf,QAASH,EAAMY,QAAQ,GACvB,6CAA8C,CAC5CV,OAAQ,SAGTN,EAAW,SAAW,CACrBuB,WAAYnB,EAAMY,QAAQ,GAC1BQ,cAAepB,EAAMY,QAAQ,GAC7BS,aAAcrB,EAAMY,QAAQ,GAC5BU,aAAc,mBAGf1B,EAAW,aAAe,CAAEyB,aAAcrB,EAAMY,QAAQ,KAExDhB,EAAW,cAAgB,CAC1BO,QAASH,EAAMY,QAAQ,GACvBW,UAAW,SACXnB,gBAAiBJ,EAAMK,QAAQC,KAAK,MAGrCV,EAAW,cAAgB,CAC1B4B,QAAS,OACTC,WAAY,SACZN,WAAYnB,EAAMY,QAAQ,GAC1BQ,cAAepB,EAAMY,QAAQ,GAC7BS,aAAcrB,EAAMY,QAAQ,GAC5BU,aAAc,mBAGf1B,EAAW,cAAgB,CAAE8B,YAAa1B,EAAMY,QAAQ,IAAI"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{inherits as r,createClass as s,objectSpread2 as
|
|
1
|
+
import{inherits as r,createClass as s,objectSpread2 as e,classCallCheck as o,callSuper as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{Component as l}from"react";import{Container as n,Stack as p}from"@mui/material";import{AppLogo as m}from"./app-logo.js";import{HeaderStyled as c,appHeaderClasses as d}from"./app-header.styled.js";import{appLogoUrl as h,getHeaderMenuConfigs as f,getHeaderNavConfigs as u}from"./configs.js";import v from"./mobile-menu.js";import g from"./app-header.nav.js";var x=function(){function e(r){var s;return o(this,e),(s=t(this,e,[r])).configs={navs:u(r.baseUrl),menu:f(r.baseUrl)},s}return r(e,l),s(e,[{key:"render",value:function(){var r,s;return i(c,{className:d.root,children:i("div",{className:d.rootFixed,children:a(n,{maxWidth:!1,className:d.content,sx:{height:"100%"},children:[i(m,{src:null!==(r=this.props.logoUrl)&&void 0!==r?r:h,href:this.props.baseUrl.home,sx:{mb:"-12px"}}),a(p,{direction:"row",alignItems:"center",spacing:2,children:[i(g,{configs:this.configs,onNavItemClick:this.props.onNavItemClick,sx:{display:{xs:"none",md:"flex"}},slots:null===(s=this.props.slots)||void 0===s?void 0:s.navItem}),a(p,{direction:"row",gap:1,sx:{justifyContent:"flex-end",alignItems:"center"},children:[this.props.actions,i(v,{baseUrl:this.props.baseUrl,logoUrl:this.props.logoUrl})]})]})]})})})}}])}(),b=function(r){var s=function(s){return i(x,e({},e(e(e({},r),s),{},{slots:e(e({},r.slots),s.slots)})))};return s.displayName="AppHeader",s};export{x as AppHeader,b as createAppHeader,x as default};
|
|
2
2
|
//# sourceMappingURL=app-header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-header.js","sources":["../../src/layout-global/app-header.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { Container, Stack } from '@mui/material'\r\nimport type { ComponentType, FC, ReactNode } from 'react'\r\nimport { AppLogo } from './app-logo'\r\nimport { IAppNav, NavItemClickFunction } from './types'\r\nimport {
|
|
1
|
+
{"version":3,"file":"app-header.js","sources":["../../src/layout-global/app-header.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { Container, Stack } from '@mui/material'\r\nimport type { ComponentType, FC, ReactNode } from 'react'\r\nimport { AppLogo } from './app-logo'\r\nimport { IAppNav, NavItemClickFunction } from './types'\r\nimport { IAppThemeProviderProps } from './app-theme-provider'\r\nimport { appHeaderClasses, HeaderStyled } from './app-header.styled'\r\nimport { appLogoUrl, getHeaderMenuConfigs, getHeaderNavConfigs } from './configs'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\nimport type { IAppHeaderNavSlots } from './app-header.nav'\r\nimport MobileMenu from './mobile-menu'\r\nimport AppHeaderNav from './app-header.nav'\r\n\r\nexport interface IAppHeaderSlots {\r\n navItem?: IAppHeaderNavSlots\r\n themeProps?: Partial<IAppThemeProviderProps>\r\n}\r\n\r\nexport interface IAppHeaderProps {\r\n baseUrl: IAppSiteBaseUrl\r\n onNavItemClick?: NavItemClickFunction\r\n logoUrl?: string\r\n actions?: ReactNode\r\n slots?: IAppHeaderSlots\r\n}\r\n\r\nexport class AppHeader extends Component<IAppHeaderProps> {\r\n private configs: Record<'navs' | 'menu', IAppNav[]>\r\n constructor(props: IAppHeaderProps) {\r\n super(props)\r\n this.configs = {\r\n navs: getHeaderNavConfigs(props.baseUrl),\r\n menu: getHeaderMenuConfigs(props.baseUrl)\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <HeaderStyled className={appHeaderClasses.root}>\r\n <div className={appHeaderClasses.rootFixed}>\r\n <Container maxWidth={false} className={appHeaderClasses.content} sx={{ height: '100%' }}>\r\n {/* The AppLogo component displays the application logo */}\r\n <AppLogo src={this.props.logoUrl ?? appLogoUrl} href={this.props.baseUrl.home} sx={{ mb: '-12px' }} />\r\n <Stack direction='row' alignItems='center' spacing={2}>\r\n <AppHeaderNav\r\n configs={this.configs}\r\n onNavItemClick={this.props.onNavItemClick}\r\n sx={{ display: { xs: 'none', md: 'flex' } }}\r\n slots={this.props.slots?.navItem}\r\n />\r\n <Stack direction='row' gap={1} sx={{ justifyContent: 'flex-end', alignItems: 'center' }}>\r\n {this.props.actions}\r\n {/* MobileMenu is a responsive menu for smaller screens */}\r\n {/* It provides a hamburger menu icon that toggles the navigation items */}\r\n <MobileMenu baseUrl={this.props.baseUrl} logoUrl={this.props.logoUrl} />\r\n </Stack>\r\n </Stack>\r\n </Container>\r\n </div>\r\n </HeaderStyled>\r\n )\r\n }\r\n}\r\nexport default AppHeader\r\n\r\nexport const createAppHeader = (params: IAppHeaderProps): ComponentType<Partial<IAppHeaderProps>> => {\r\n const _AppHeader: FC<Partial<IAppHeaderProps>> = (props) => {\r\n return <AppHeader {...{ ...params, ...props, slots: { ...params.slots, ...props.slots } }} />\r\n }\r\n _AppHeader.displayName = 'AppHeader'\r\n return _AppHeader\r\n}\r\n"],"names":["AppHeader","props","_this","_classCallCheck","_callSuper","configs","navs","getHeaderNavConfigs","baseUrl","menu","getHeaderMenuConfigs","_inherits","Component","_createClass","key","value","_this$props$logoUrl","_this$props$slots","_jsx","HeaderStyled","className","appHeaderClasses","root","rootFixed","children","_jsxs","Container","maxWidth","content","sx","height","AppLogo","src","this","logoUrl","appLogoUrl","href","home","mb","Stack","direction","alignItems","spacing","AppHeaderNav","onNavItemClick","display","xs","md","slots","navItem","gap","justifyContent","actions","MobileMenu","createAppHeader","params","_AppHeader","_objectSpread","displayName"],"mappings":"wiBA0BaA,IAAAA,aAEX,SAAAA,EAAYC,GAAsB,IAAAC,EAK/B,OAL+BC,OAAAH,IAChCE,EAAAE,EAAAJ,KAAAA,GAAMC,KACDI,QAAU,CACbC,KAAMC,EAAoBN,EAAMO,SAChCC,KAAMC,EAAqBT,EAAMO,UAClCN,CACH,CAAC,OAAAS,EAAAX,EAR4BY,GAQ5BC,EAAAb,EAAA,CAAA,CAAAc,IAAA,SAAAC,MAED,WAAM,IAAAC,EAAAC,EACJ,OACEC,EAACC,GAAaC,UAAWC,EAAiBC,cACxCJ,EAAK,MAAA,CAAAE,UAAWC,EAAiBE,UAC/BC,SAAAC,EAACC,EAAU,CAAAC,UAAU,EAAOP,UAAWC,EAAiBO,QAASC,GAAI,CAAEC,OAAQ,QAAQN,SAAA,CAErFN,EAACa,EAAO,CAACC,IAAuBhB,QAApBA,EAAEiB,KAAKhC,MAAMiC,eAAOlB,IAAAA,EAAAA,EAAImB,EAAYC,KAAMH,KAAKhC,MAAMO,QAAQ6B,KAAMR,GAAI,CAAES,GAAI,WACzFb,EAACc,EAAK,CAACC,UAAU,MAAMC,WAAW,SAASC,QAAS,EAAClB,SAAA,CACnDN,EAACyB,EAAY,CACXtC,QAAS4B,KAAK5B,QACduC,eAAgBX,KAAKhC,MAAM2C,eAC3Bf,GAAI,CAAEgB,QAAS,CAAEC,GAAI,OAAQC,GAAI,SACjCC,MAAuB/B,QAAlBA,EAAEgB,KAAKhC,MAAM+C,aAAX/B,IAAgBA,OAAhBA,EAAAA,EAAkBgC,UAE3BxB,EAACc,EAAK,CAACC,UAAU,MAAMU,IAAK,EAAGrB,GAAI,CAAEsB,eAAgB,WAAYV,WAAY,UAAUjB,SAAA,CACpFS,KAAKhC,MAAMmD,QAGZlC,EAACmC,EAAU,CAAC7C,QAASyB,KAAKhC,MAAMO,QAAS0B,QAASD,KAAKhC,MAAMiC,sBAO3E,IAAC,IAIUoB,EAAkB,SAACC,GAC9B,IAAMC,EAA2C,SAACvD,GAChD,OAAOiB,EAAClB,EAASyD,EAAAA,CAAAA,EAAAA,EAAAA,EAAAA,EAAUF,CAAAA,EAAAA,GAAWtD,GAAK,CAAA,EAAA,CAAE+C,MAAKS,EAAAA,EAAA,CAAA,EAAOF,EAAOP,OAAU/C,EAAM+C,UACjF,EAED,OADAQ,EAAWE,YAAc,YAClBF,CACT"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{inherits as e,createClass as n,objectSpread2 as
|
|
1
|
+
import{inherits as e,createClass as n,objectSpread2 as r,classCallCheck as t,callSuper as a,defineProperty as o}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i,jsxs as s}from"react/jsx-runtime";import{Component as l}from"react";import c from"@mui/icons-material/ExpandMore";import{NavStyled as m,appHeaderClasses as p}from"./app-header.styled.js";import{ButtonAnimation as u}from"./animated-tabs.units.js";import v from"./sub-menu.js";var d=function(){function d(){var e;t(this,d);for(var n=arguments.length,i=new Array(n),s=0;s<n;s++)i[s]=arguments[s];return e=a(this,d,[].concat(i)),o(e,"getButtonNavProps",function(n){var t,a,o=e.props.slots||{},i=o.buttonNavProps,s=o.buttonNavPropsGetter,l=s?s(n):null!=i?i:{},c=r({},n.options);n.navLink&&!l.component&&(c.component="a",c.href=null!==(t=null===(a=n.navLink)||void 0===a?void 0:a.href)&&void 0!==t?t:"/",c.onClick=function(r){return e.handleClickNavItem(r,n)});return r(r({},c),l)}),o(e,"handleClickNavItem",function(n,r){null!=r&&r.navLink&&e.props.onNavItemClick&&e.props.onNavItemClick(n,r.navLink)}),e}return e(d,l),n(d,[{key:"render",value:function(){var e=this,n=this.props.configs,t=n.navs,a=n.menu;return i(m,{sx:this.props.sx,children:s("ul",{className:p.navItems,children:[t.map(function(n,t){return i("li",{className:p.navItem,children:i(u,r(r({forceTheme:"dark"},e.getButtonNavProps(n)),{},{children:n.title}))},t)}),i("li",{className:p.navItem,children:i(v,{menu:a,onNavItemClick:this.props.onNavItemClick,children:i(u,{forceTheme:"dark",endIcon:i(c,{className:p.navItemIcon}),children:"Get Started"})})})]})})}}])}();export{d as default};
|
|
2
2
|
//# sourceMappingURL=app-header.nav.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-header.nav.js","sources":["../../src/layout-global/app-header.nav.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport type { SxProps, Theme } from '@mui/material'\r\nimport type { MouseEvent as RMouseEvent
|
|
1
|
+
{"version":3,"file":"app-header.nav.js","sources":["../../src/layout-global/app-header.nav.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport type { SxProps, Theme } from '@mui/material'\r\nimport type { MouseEvent as RMouseEvent } from 'react'\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\r\nimport { appHeaderClasses, NavStyled } from './app-header.styled'\r\nimport { ButtonAnimation, IButtonAnimationProps } from './animated-tabs.units'\r\nimport type { IAppNav, NavItemClickFunction } from './types'\r\nimport SubMenu from './sub-menu'\r\n\r\nexport interface IAppHeaderNavSlots {\r\n buttonNavProps?: IButtonAnimationProps\r\n buttonNavPropsGetter?: (item: IAppNav) => Partial<IButtonAnimationProps>\r\n}\r\n\r\nexport interface IHeaderNavProps {\r\n configs: Record<'navs' | 'menu', IAppNav[]>\r\n sx?: SxProps<Theme>\r\n onNavItemClick?: NavItemClickFunction\r\n slots?: IAppHeaderNavSlots\r\n}\r\n\r\nclass AppHeaderNav extends Component<IHeaderNavProps> {\r\n render() {\r\n const { navs, menu } = this.props.configs\r\n return (\r\n <NavStyled sx={this.props.sx}>\r\n <ul className={appHeaderClasses.navItems}>\r\n {navs.map((item, index) => (\r\n <li key={index} className={appHeaderClasses.navItem}>\r\n <ButtonAnimation forceTheme='dark' {...this.getButtonNavProps(item)}>\r\n {item.title}\r\n </ButtonAnimation>\r\n </li>\r\n ))}\r\n <li className={appHeaderClasses.navItem}>\r\n <SubMenu menu={menu} onNavItemClick={this.props.onNavItemClick}>\r\n <ButtonAnimation forceTheme='dark' endIcon={<ExpandMoreIcon className={appHeaderClasses.navItemIcon} />}>\r\n Get Started\r\n </ButtonAnimation>\r\n </SubMenu>\r\n </li>\r\n </ul>\r\n </NavStyled>\r\n )\r\n }\r\n\r\n getButtonNavProps = (item: IAppNav): Partial<IButtonAnimationProps> => {\r\n const { buttonNavProps, buttonNavPropsGetter } = this.props.slots || {}\r\n const outsideProps = buttonNavPropsGetter ? buttonNavPropsGetter(item) : buttonNavProps ?? {}\r\n\r\n // Base props from item\r\n const base: Partial<IButtonAnimationProps & { [key: string]: any }> = { ...item.options }\r\n\r\n // Add link if item has navLink and outside hasn't set it\r\n if (item.navLink && !(outsideProps as any).component) {\r\n base.component = 'a'\r\n base.href = item.navLink?.href ?? '/'\r\n base.onClick = (e: any) => this.handleClickNavItem(e, item)\r\n }\r\n\r\n return { ...base, ...outsideProps }\r\n }\r\n\r\n handleClickNavItem = (e: RMouseEvent<HTMLAnchorElement, MouseEvent>, nav?: IAppNav) => {\r\n if (nav?.navLink && this.props.onNavItemClick) {\r\n this.props.onNavItemClick(e, nav.navLink)\r\n }\r\n }\r\n}\r\nexport default AppHeaderNav\r\n"],"names":["AppHeaderNav","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","item","_item$navLink$href","_item$navLink","_ref","props","slots","buttonNavProps","buttonNavPropsGetter","outsideProps","base","_objectSpread","options","navLink","component","href","onClick","e","handleClickNavItem","nav","onNavItemClick","_inherits","Component","_createClass","key","value","_this2","_this$props$configs","configs","navs","menu","_jsx","NavStyled","sx","children","_jsxs","className","appHeaderClasses","navItems","map","index","navItem","ButtonAnimation","forceTheme","getButtonNavProps","title","SubMenu","endIcon","ExpandMoreIcon","navItemIcon"],"mappings":"kcAqBMA,IAAAA,aAAa,SAAAA,IAAA,IAAAC,EAAAC,OAAAF,GAAA,IAAA,IAAAG,EAAAC,UAAAC,OAAAC,EAAAC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAAF,EAAAE,GAAAJ,UAAAI,GA8ChB,OA9CgBP,EAAAQ,EAAAC,KAAAV,EAAAW,GAAAA,OAAAL,IAAAM,EAAAX,EAyBG,oBAAA,SAACY,GACnB,IAOsDC,EAAAC,EAPtDC,EAAiDf,EAAKgB,MAAMC,OAAS,CAAE,EAA/DC,EAAcH,EAAdG,eAAgBC,EAAoBJ,EAApBI,qBAClBC,EAAeD,EAAuBA,EAAqBP,GAAQM,QAAAA,EAAkB,CAAE,EAGvFG,EAAIC,KAAiEV,EAAKW,SAG5EX,EAAKY,UAAaJ,EAAqBK,YACzCJ,EAAKI,UAAY,IACjBJ,EAAKK,aAAIb,UAAAC,EAAGF,EAAKY,eAAO,IAAAV,OAAA,EAAZA,EAAcY,YAAI,IAAAb,EAAAA,EAAI,IAClCQ,EAAKM,QAAU,SAACC,GAAM,OAAK5B,EAAK6B,mBAAmBD,EAAGhB,EAAK,GAG7D,OAAAU,EAAAA,EAAYD,CAAAA,EAAAA,GAASD,KACtBT,EAAAX,EAAA,qBAEoB,SAAC4B,EAA+CE,GAC/DA,SAAAA,EAAKN,SAAWxB,EAAKgB,MAAMe,gBAC7B/B,EAAKgB,MAAMe,eAAeH,EAAGE,EAAIN,WAEpCxB,CAAA,CAAA,OAAAgC,EAAAjC,EA9CwBkC,GA8CxBC,EAAAnC,EAAA,CAAA,CAAAoC,IAAA,SAAAC,MA7CD,WAAM,IAAAC,EAAA5B,KACJ6B,EAAuB7B,KAAKO,MAAMuB,QAA1BC,EAAIF,EAAJE,KAAMC,EAAIH,EAAJG,KACd,OACEC,EAACC,EAAU,CAAAC,GAAInC,KAAKO,MAAM4B,GAAEC,SAC1BC,QAAIC,UAAWC,EAAiBC,SAAQJ,SAAA,CACrCL,EAAKU,IAAI,SAACtC,EAAMuC,GAAK,OACpBT,EAAgB,KAAA,CAAAK,UAAWC,EAAiBI,QAAOP,SACjDH,EAACW,EAAe/B,EAAAA,EAAA,CAACgC,WAAW,QAAWjB,EAAKkB,kBAAkB3C,IAAK,CAAA,EAAA,CAAAiC,SAChEjC,EAAK4C,UAFDL,EAIJ,GAEPT,EAAI,KAAA,CAAAK,UAAWC,EAAiBI,iBAC9BV,EAACe,EAAQ,CAAAhB,KAAMA,EAAMV,eAAgBtB,KAAKO,MAAMe,eAC9Cc,SAAAH,EAACW,EAAe,CAACC,WAAW,OAAOI,QAAShB,EAACiB,EAAc,CAACZ,UAAWC,EAAiBY,cAAef,SAAA,wBAQnH,IAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{objectSpread2 as e,defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n}from"react/jsx-runtime";import{styled as a,Box as
|
|
1
|
+
import{objectSpread2 as e,defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n}from"react/jsx-runtime";import{styled as a,Box as r}from"@mui/material";var o={root:"AppHeader-root",rootFixed:"AppHeader-rootFixed",content:"AppHeader-content",navItem:"AppHeader-navItem",navItems:"AppHeader-navItems",navItemIcon:"AppHeader-navItemIcon",subMenu:"AppHeader-subMenu",subMenuItem:"AppHeader-subMenuItem",subMenuTitle:"AppHeader-subMenuTitle",subNavItem:"AppHeader-subNavItem",subNavItemIcon:"AppHeader-subNavItemIcon",subNavItemText:"AppHeader-subNavItemContent"},i=function(e,t){return"".concat((null==t?void 0:t.prefix)||"",".").concat(o[e]).concat((null==t?void 0:t.suffix)||"")},p=a(function(t){return n(r,e({component:"header"},t))})(function(e){var n=e.theme;return t(t(t({"*":{margin:0,padding:0,boxSizing:"border-box"}},i("rootFixed",{prefix:"& > "}),{zIndex:1110,height:"var(--height-header, 114px)",backgroundColor:"var(--color-header, #1b1b1b)",color:n.palette.common.white,position:"fixed",left:0,top:0,width:"100vw"}),i("content"),{display:"flex",alignItems:"center",justifyContent:"space-between",height:"100%",maxWidth:"var(--max-width, 1688px)"}),"&::before",{content:'""',display:"block",height:"var(--height-header, 114px)",width:"100%"})});p.displayName="HeaderStyled";var m=a(function(t){return n(r,e({component:"nav"},t))})(function(e){var n=e.theme;return t(t(t({display:"flex",alignItems:"center"},i("navItems"),{listStyle:"none",display:"flex",margin:0,padding:0}),i("navItemIcon"),{transition:"transform 0.3s ease"}),i("navItem"),{textDecoration:"none",marginRight:n.spacing(.5),flex:"0 0 auto","&:last-of-type":{marginRight:0},"& > button.MuiButtonBase-root .MuiButton-icon":{marginLeft:0},"&:hover":t({},i("navItemIcon"),{transform:"rotate(0deg) scale(1.2)"})})});m.displayName="NavStyled";export{p as HeaderStyled,m as NavStyled,o as appHeaderClasses,i as getAppHeaderClasses};
|
|
2
2
|
//# sourceMappingURL=app-header.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-header.styled.js","sources":["../../src/layout-global/app-header.styled.tsx"],"sourcesContent":["import { Box, BoxProps, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\n\r\nexport const appHeaderClasses = {\r\n root: 'AppHeader-root',\r\n rootFixed: 'AppHeader-rootFixed',\r\n content: 'AppHeader-content',\r\n navItem: 'AppHeader-navItem',\r\n navItems: 'AppHeader-navItems',\r\n navItemIcon: 'AppHeader-navItemIcon',\r\n
|
|
1
|
+
{"version":3,"file":"app-header.styled.js","sources":["../../src/layout-global/app-header.styled.tsx"],"sourcesContent":["import { Box, BoxProps, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\n\r\nexport const appHeaderClasses = {\r\n root: 'AppHeader-root',\r\n rootFixed: 'AppHeader-rootFixed',\r\n content: 'AppHeader-content',\r\n navItem: 'AppHeader-navItem',\r\n navItems: 'AppHeader-navItems',\r\n navItemIcon: 'AppHeader-navItemIcon',\r\n subMenu: 'AppHeader-subMenu',\r\n subMenuItem: 'AppHeader-subMenuItem',\r\n subMenuTitle: 'AppHeader-subMenuTitle',\r\n subNavItem: 'AppHeader-subNavItem',\r\n subNavItemIcon: 'AppHeader-subNavItemIcon',\r\n subNavItemText: 'AppHeader-subNavItemContent'\r\n}\r\n\r\nexport const getAppHeaderClasses = (key: keyof typeof appHeaderClasses, options?: { prefix?: string; suffix?: string }) => {\r\n return `${options?.prefix || ''}.${appHeaderClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const HeaderStyled: ComponentType<BoxProps> = styled((p: BoxProps) => <Box component='header' {...p} />)(({ theme }) => ({\r\n '*': {\r\n margin: 0,\r\n padding: 0,\r\n boxSizing: 'border-box'\r\n },\r\n [getAppHeaderClasses('rootFixed', { prefix: '& > ' })]: {\r\n zIndex: 1110, // theme.zIndex.appBar,\r\n height: 'var(--height-header, 114px)',\r\n backgroundColor: 'var(--color-header, #1b1b1b)',\r\n color: theme.palette.common.white,\r\n position: 'fixed',\r\n left: 0,\r\n top: 0,\r\n width: '100vw'\r\n },\r\n [getAppHeaderClasses('content')]: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n height: '100%',\r\n maxWidth: 'var(--max-width, 1688px)'\r\n },\r\n '&::before': {\r\n content: '\"\"',\r\n display: 'block',\r\n height: 'var(--height-header, 114px)',\r\n width: '100%'\r\n }\r\n}))\r\nexport type HeaderStyledType = typeof HeaderStyled\r\nHeaderStyled.displayName = 'HeaderStyled'\r\n\r\nexport const NavStyled: ComponentType<BoxProps> = styled((p: BoxProps) => <Box component='nav' {...p} />)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n [getAppHeaderClasses('navItems')]: {\r\n listStyle: 'none',\r\n display: 'flex',\r\n margin: 0,\r\n padding: 0\r\n },\r\n [getAppHeaderClasses('navItemIcon')]: {\r\n transition: 'transform 0.3s ease'\r\n },\r\n [getAppHeaderClasses('navItem')]: {\r\n textDecoration: 'none',\r\n marginRight: theme.spacing(0.5),\r\n flex: '0 0 auto',\r\n '&:last-of-type': {\r\n marginRight: 0\r\n },\r\n '& > button.MuiButtonBase-root .MuiButton-icon': {\r\n marginLeft: 0\r\n },\r\n '&:hover': {\r\n [getAppHeaderClasses('navItemIcon')]: {\r\n transform: 'rotate(0deg) scale(1.2)'\r\n }\r\n }\r\n }\r\n}))\r\nNavStyled.displayName = 'NavStyled'\r\n"],"names":["appHeaderClasses","root","rootFixed","content","navItem","navItems","navItemIcon","subMenu","subMenuItem","subMenuTitle","subNavItem","subNavItemIcon","subNavItemText","getAppHeaderClasses","key","options","concat","prefix","suffix","HeaderStyled","styled","p","_jsx","Box","_objectSpread","component","_ref","theme","_defineProperty","margin","padding","boxSizing","zIndex","height","backgroundColor","color","palette","common","white","position","left","top","width","display","alignItems","justifyContent","maxWidth","displayName","NavStyled","_ref3","listStyle","transition","textDecoration","marginRight","spacing","flex","marginLeft","transform"],"mappings":"qLAGO,IAAMA,EAAmB,CAC9BC,KAAM,iBACNC,UAAW,sBACXC,QAAS,oBACTC,QAAS,oBACTC,SAAU,qBACVC,YAAa,wBACbC,QAAS,oBACTC,YAAa,wBACbC,aAAc,yBACdC,WAAY,uBACZC,eAAgB,2BAChBC,eAAgB,+BAGLC,EAAsB,SAACC,EAAoCC,GACtE,MAAA,GAAAC,QAAUD,aAAAA,EAAAA,EAASE,SAAU,QAAED,OAAIhB,EAAiBc,IAAIE,QAAGD,aAAAA,EAAAA,EAASG,SAAU,GAChF,EAEaC,EAAwCC,EAAO,SAACC,GAAW,OAAKC,EAACC,EAAGC,EAAA,CAACC,UAAU,UAAaJ,GAAK,EAAzDD,CAA2D,SAAAM,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAAAC,EAAAA,EAAAA,EAAA,CACtH,IAAK,CACHC,OAAQ,EACRC,QAAS,EACTC,UAAW,eAEZlB,EAAoB,YAAa,CAAEI,OAAQ,SAAY,CACtDe,OAAQ,KACRC,OAAQ,8BACRC,gBAAiB,+BACjBC,MAAOR,EAAMS,QAAQC,OAAOC,MAC5BC,SAAU,QACVC,KAAM,EACNC,IAAK,EACLC,MAAO,UAER7B,EAAoB,WAAa,CAChC8B,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBZ,OAAQ,OACRa,SAAU,6BAEZ,YAAa,CACX3C,QAAS,KACTwC,QAAS,QACTV,OAAQ,8BACRS,MAAO,QACR,GAGHvB,EAAa4B,YAAc,mBAEdC,EAAqC5B,EAAO,SAACC,GAAW,OAAKC,EAACC,EAAGC,EAAA,CAACC,UAAU,OAAUJ,GAAK,EAAtDD,CAAwD,SAAA6B,GAAA,IAAGtB,EAAKsB,EAALtB,MAAK,OAAAC,EAAAA,EAAAA,EAAA,CAChHe,QAAS,OACTC,WAAY,UACX/B,EAAoB,YAAc,CACjCqC,UAAW,OACXP,QAAS,OACTd,OAAQ,EACRC,QAAS,IAEVjB,EAAoB,eAAiB,CACpCsC,WAAY,wBAEbtC,EAAoB,WAAa,CAChCuC,eAAgB,OAChBC,YAAa1B,EAAM2B,QAAQ,IAC3BC,KAAM,WACN,iBAAkB,CAChBF,YAAa,GAEf,gDAAiD,CAC/CG,WAAY,GAEd,UAAS5B,EAAA,CAAA,EACNf,EAAoB,eAAiB,CACpC4C,UAAW,6BAGhB,GAEHT,EAAUD,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i}from"react/jsx-runtime";import e from"@mui/icons-material/Reddit";import n from"@mui/icons-material/YouTube";import o from"@mui/icons-material/Twitter";import r from"@mui/icons-material/Instagram";import a from"@mui/icons-material/Pinterest";import{IconVideoBase64 as s,IconAudioBase64 as c}from"./animated-tabs.units.js";import{ENavKey as u}from"./types.js";var m,l="images/logo.webp",v="images/bg-footer.webp",h=[{link:"https://www.youtube.com",icon:i(n,{}),color:"#FF0000"},{link:"https://www.instagram.com",icon:i(r,{}),color:"#E4405F"},{link:"https://www.twitter.com",icon:i(o,{}),color:"#1DA1F2"},{link:"https://www.pinterest.com",icon:i(a,{}),color:"#BD081C"},{link:"https://www.reddit.com",icon:i(e,{}),color:"#FF4500"}],k=(t(t(t(t(t(t(t(t(t(t(m={},u.Home,"Home"),u.Pricing,"Pricing"),u.SubmitMedia,"Submit Media"),u.Faqs,"FAQs"),u.Videos,"Videos"),u.Audios,"Audios"),u.Privacy,"Privacy Policy"),u.Terms,"Terms of Submission"),u.About,"About Us"),u.CreateAccount,"Create Account"),t(t(m,u.ContactUs,"Contact Us"),u.PurchaseLicenses,"Purchase Licenses")),d=function(t){return JSON.stringify(t)},L=function(i){var e;return t(t(t(t(t(t(t(t(t(t(e={},u.Home,{site:"home",key:u.Home,href:i.home,routerPath:"/",options:d({toLocate:"home"})}),u.Pricing,{site:"home",key:u.Pricing,href:i.home+"/#Pricing",routerPath:"/#Pricing",options:d({toLocate:"pricing"})}),u.Faqs,{site:"home",key:u.Faqs,href:i.home+"/#Faq",routerPath:"/#Faq",options:d({toLocate:"faqs"})}),u.About,{site:"home",key:u.About,href:i.home+"/#About",routerPath:"/#About",options:d({toLocate:"about"})}),u.ContactUs,{site:"home",key:u.ContactUs,href:i.home+"/#Contact",routerPath:"/#Contact",options:d({toLocate:"contact"})}),u.Videos,{site:"home",key:u.Videos,href:i.home+"/video-discovery",routerPath:"/video-discovery"}),u.PurchaseLicenses,{site:"client",key:u.PurchaseLicenses,href:i.client+"/purchase-licenses",routerPath:"/purchase-licenses"}),u.SubmitMedia,{site:"client",key:u.SubmitMedia,href:i.client+"/submit",routerPath:"/submit"}),u.Privacy,{site:"client",key:u.Privacy,href:i.client+"/privacy-policy",routerPath:"/privacy-policy"}),u.Terms,{site:"client",key:u.Terms,href:i.client+"/terms-of-submission",routerPath:"/terms-of-submission"}),t(t(e,u.CreateAccount,{site:"client",key:u.CreateAccount,href:i.home+"/Identity/Account/Register"}),u.Audios,{site:"music",key:u.Audios,href:i.music,routerPath:"/",options:d({tabKey:"audio"})})},p=function(t){var i=L(t);return[{title:"Media",items:[{title:k[u.Videos],icon:s,navLink:i[u.Videos]},{title:k[u.Audios],icon:c,navLink:i[u.Audios]}]},{title:"Quick Actions",items:[{title:k[u.SubmitMedia],navLink:i[u.SubmitMedia]},{title:k[u.Pricing],navLink:i[u.Pricing]},{title:k[u.Faqs],navLink:i[u.Faqs]}]},{title:"Support & Info",items:[{title:k[u.About],navLink:i[u.About]},{title:k[u.Faqs],navLink:i[u.Faqs]},{title:k[u.Terms],navLink:i[u.Terms]},{title:k[u.Privacy],navLink:i[u.Privacy]}]}]},P=function(t){var i=L(t);return[{title:k[u.Home],navLink:i[u.Home]},{title:k[u.Pricing],navLink:i[u.Pricing]},{title:k[u.Faqs],navLink:i[u.Faqs]},{title:k[u.SubmitMedia],navLink:i[u.SubmitMedia]},{title:k[u.Videos],navLink:i[u.Videos],options:{startIcon:s}},{title:k[u.Audios],navLink:i[u.Audios],options:{startIcon:c}}
|
|
1
|
+
import{defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i}from"react/jsx-runtime";import e from"@mui/icons-material/Reddit";import n from"@mui/icons-material/YouTube";import o from"@mui/icons-material/Twitter";import r from"@mui/icons-material/Instagram";import a from"@mui/icons-material/Pinterest";import{IconVideoBase64 as s,IconAudioBase64 as c}from"./animated-tabs.units.js";import{ENavKey as u}from"./types.js";var m,l="images/logo.webp",v="images/bg-footer.webp",h=[{link:"https://www.youtube.com",icon:i(n,{}),color:"#FF0000"},{link:"https://www.instagram.com",icon:i(r,{}),color:"#E4405F"},{link:"https://www.twitter.com",icon:i(o,{}),color:"#1DA1F2"},{link:"https://www.pinterest.com",icon:i(a,{}),color:"#BD081C"},{link:"https://www.reddit.com",icon:i(e,{}),color:"#FF4500"}],k=(t(t(t(t(t(t(t(t(t(t(m={},u.Home,"Home"),u.Pricing,"Pricing"),u.SubmitMedia,"Submit Media"),u.Faqs,"FAQs"),u.Videos,"Videos"),u.Audios,"Audios"),u.Privacy,"Privacy Policy"),u.Terms,"Terms of Submission"),u.About,"About Us"),u.CreateAccount,"Create Account"),t(t(m,u.ContactUs,"Contact Us"),u.PurchaseLicenses,"Purchase Licenses")),d=function(t){return JSON.stringify(t)},L=function(i){var e;return t(t(t(t(t(t(t(t(t(t(e={},u.Home,{site:"home",key:u.Home,href:i.home,routerPath:"/",options:d({toLocate:"home"})}),u.Pricing,{site:"home",key:u.Pricing,href:i.home+"/#Pricing",routerPath:"/#Pricing",options:d({toLocate:"pricing"})}),u.Faqs,{site:"home",key:u.Faqs,href:i.home+"/#Faq",routerPath:"/#Faq",options:d({toLocate:"faqs"})}),u.About,{site:"home",key:u.About,href:i.home+"/#About",routerPath:"/#About",options:d({toLocate:"about"})}),u.ContactUs,{site:"home",key:u.ContactUs,href:i.home+"/#Contact",routerPath:"/#Contact",options:d({toLocate:"contact"})}),u.Videos,{site:"home",key:u.Videos,href:i.home+"/video-discovery",routerPath:"/video-discovery"}),u.PurchaseLicenses,{site:"client",key:u.PurchaseLicenses,href:i.client+"/purchase-licenses",routerPath:"/purchase-licenses"}),u.SubmitMedia,{site:"client",key:u.SubmitMedia,href:i.client+"/submit",routerPath:"/submit"}),u.Privacy,{site:"client",key:u.Privacy,href:i.client+"/privacy-policy",routerPath:"/privacy-policy"}),u.Terms,{site:"client",key:u.Terms,href:i.client+"/terms-of-submission",routerPath:"/terms-of-submission"}),t(t(e,u.CreateAccount,{site:"client",key:u.CreateAccount,href:i.home+"/Identity/Account/Register"}),u.Audios,{site:"music",key:u.Audios,href:i.music,routerPath:"/",options:d({tabKey:"audio"})})},p=function(t){var i=L(t);return[{title:"Media",items:[{title:k[u.Videos],icon:s,navLink:i[u.Videos]},{title:k[u.Audios],icon:c,navLink:i[u.Audios]}]},{title:"Quick Actions",items:[{title:k[u.SubmitMedia],navLink:i[u.SubmitMedia]},{title:k[u.Pricing],navLink:i[u.Pricing]},{title:k[u.Faqs],navLink:i[u.Faqs]}]},{title:"Support & Info",items:[{title:k[u.About],navLink:i[u.About]},{title:k[u.Faqs],navLink:i[u.Faqs]},{title:k[u.Terms],navLink:i[u.Terms]},{title:k[u.Privacy],navLink:i[u.Privacy]}]}]},P=function(t){var i=L(t);return[{title:k[u.Home],navLink:i[u.Home]},{title:k[u.Pricing],navLink:i[u.Pricing]},{title:k[u.Faqs],navLink:i[u.Faqs]},{title:k[u.SubmitMedia],navLink:i[u.SubmitMedia]},{title:k[u.Videos],navLink:i[u.Videos],options:{startIcon:s}},{title:k[u.Audios],navLink:i[u.Audios],options:{startIcon:c}}]},f=function(t){var i=L(t);return[{title:k[u.Home],navLink:i[u.Home]},{title:k[u.Pricing],navLink:i[u.Pricing]},{title:k[u.About],navLink:i[u.About]},{title:k[u.Terms],navLink:i[u.Terms]},{title:k[u.Privacy],navLink:i[u.Privacy]},{title:k[u.CreateAccount],navLink:i[u.CreateAccount]},{title:k[u.Faqs],navLink:i[u.Faqs]},{title:k[u.ContactUs],navLink:i[u.ContactUs]},{title:k[u.SubmitMedia],navLink:i[u.SubmitMedia]},{title:k[u.PurchaseLicenses],navLink:i[u.PurchaseLicenses]}]},b="We provide licensing services for music, images, and digital media,\ncopyright management, revenue optimization, and legal representation\nfor creators across multiple platforms.",y=function(){var t=(new Date).getFullYear();return"Copyright © 2024".concat(t>2024?" - ".concat(t):""," BERLINTOMEK. All rights reserved.")},A=function(t){var i=L(t);return[{title:k[u.Videos],navLink:i[u.Videos],options:{startIcon:s}},{title:k[u.Audios],navLink:i[u.Audios],options:{startIcon:c}}]},g=function(t){var i=L(t);return[[{title:k[u.Home],navLink:i[u.Home]},{title:k[u.Pricing],navLink:i[u.Pricing]},{title:k[u.About],navLink:i[u.About]},{title:k[u.Terms],navLink:i[u.Terms]},{title:k[u.Privacy],navLink:i[u.Privacy]}],[{title:k[u.CreateAccount],navLink:i[u.CreateAccount]},{title:k[u.Faqs],navLink:i[u.Faqs]},{title:k[u.ContactUs],navLink:i[u.ContactUs]},{title:k[u.SubmitMedia],navLink:i[u.SubmitMedia]},{title:k[u.PurchaseLicenses],navLink:i[u.PurchaseLicenses]}]]};export{l as appLogoUrl,h as appSocialConfigs,v as bgFooterUrl,b as footerDescription,y as getCopyrightText,g as getFooterNavConfigs,A as getFooterNavTabConfigs,p as getHeaderMenuConfigs,P as getHeaderNavConfigs,f as getMenuNavConfigs,L as getNavLinks,k as mapNavTitles};
|
|
2
2
|
//# sourceMappingURL=configs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"configs.js","sources":["../../src/layout-global/configs.tsx"],"sourcesContent":["import RedditIcon from '@mui/icons-material/Reddit'\r\nimport YouTubeIcon from '@mui/icons-material/YouTube'\r\nimport TwitterIcon from '@mui/icons-material/Twitter'\r\nimport InstagramIcon from '@mui/icons-material/Instagram'\r\nimport PinterestIcon from '@mui/icons-material/Pinterest'\r\nimport { IconAudioBase64, IconVideoBase64 } from './animated-tabs.units'\r\nimport { IAppMenu, IAppNav, IAppSocial, ENavKey, INavLink, INavLinkOptions } from './types'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\n\r\nexport const appLogoUrl = 'images/logo.webp'\r\nexport const getAppLogoUrl = (base: IAppSiteBaseUrl) => base.client + appLogoUrl\r\n\r\nexport const bgFooterUrl = 'images/bg-footer.webp'\r\nexport const getBgFooterUrl = (base: IAppSiteBaseUrl) => base.client + bgFooterUrl\r\n\r\nexport const appSocialConfigs: IAppSocial[] = [\r\n { link: 'https://www.youtube.com', icon: <YouTubeIcon />, color: '#FF0000' },\r\n { link: 'https://www.instagram.com', icon: <InstagramIcon />, color: '#E4405F' },\r\n { link: 'https://www.twitter.com', icon: <TwitterIcon />, color: '#1DA1F2' },\r\n { link: 'https://www.pinterest.com', icon: <PinterestIcon />, color: '#BD081C' },\r\n { link: 'https://www.reddit.com', icon: <RedditIcon />, color: '#FF4500' }\r\n]\r\n\r\nexport const mapNavTitles: Record<ENavKey, string> = {\r\n [ENavKey.Home]: 'Home',\r\n [ENavKey.Pricing]: 'Pricing',\r\n [ENavKey.SubmitMedia]: 'Submit Media',\r\n [ENavKey.Faqs]: 'FAQs',\r\n [ENavKey.Videos]: 'Videos',\r\n [ENavKey.Audios]: 'Audios',\r\n [ENavKey.Privacy]: 'Privacy Policy',\r\n [ENavKey.Terms]: 'Terms of Submission',\r\n [ENavKey.About]: 'About Us',\r\n [ENavKey.CreateAccount]: 'Create Account',\r\n [ENavKey.ContactUs]: 'Contact Us',\r\n [ENavKey.PurchaseLicenses]: 'Purchase Licenses'\r\n}\r\n\r\nconst getNavLinkOptions = (options: INavLinkOptions): string => {\r\n return JSON.stringify(options)\r\n}\r\n\r\nexport const getNavLinks: (baseUrl: IAppSiteBaseUrl) => Record<ENavKey, INavLink> = (baseUrl) => ({\r\n [ENavKey.Home]: { site: 'home', key: ENavKey.Home, href: baseUrl.home, routerPath: '/', options: getNavLinkOptions({ toLocate: 'home' }) },\r\n [ENavKey.Pricing]: {\r\n site: 'home',\r\n key: ENavKey.Pricing,\r\n href: baseUrl.home + '/#Pricing',\r\n routerPath: '/#Pricing',\r\n options: getNavLinkOptions({ toLocate: 'pricing' })\r\n },\r\n [ENavKey.Faqs]: {\r\n site: 'home',\r\n key: ENavKey.Faqs,\r\n href: baseUrl.home + '/#Faq',\r\n routerPath: '/#Faq',\r\n options: getNavLinkOptions({ toLocate: 'faqs' })\r\n },\r\n [ENavKey.About]: {\r\n site: 'home',\r\n key: ENavKey.About,\r\n href: baseUrl.home + '/#About',\r\n routerPath: '/#About',\r\n options: getNavLinkOptions({ toLocate: 'about' })\r\n },\r\n [ENavKey.ContactUs]: {\r\n site: 'home',\r\n key: ENavKey.ContactUs,\r\n href: baseUrl.home + '/#Contact',\r\n routerPath: '/#Contact',\r\n options: getNavLinkOptions({ toLocate: 'contact' })\r\n },\r\n [ENavKey.Videos]: {\r\n site: 'home',\r\n key: ENavKey.Videos,\r\n href: baseUrl.home + '/video-discovery',\r\n routerPath: '/video-discovery'\r\n },\r\n [ENavKey.PurchaseLicenses]: {\r\n site: 'client',\r\n key: ENavKey.PurchaseLicenses,\r\n href: baseUrl.client + '/purchase-licenses',\r\n routerPath: '/purchase-licenses'\r\n },\r\n [ENavKey.SubmitMedia]: { site: 'client', key: ENavKey.SubmitMedia, href: baseUrl.client + '/submit', routerPath: '/submit' },\r\n [ENavKey.Privacy]: { site: 'client', key: ENavKey.Privacy, href: baseUrl.client + '/privacy-policy', routerPath: '/privacy-policy' },\r\n [ENavKey.Terms]: { site: 'client', key: ENavKey.Terms, href: baseUrl.client + '/terms-of-submission', routerPath: '/terms-of-submission' },\r\n [ENavKey.CreateAccount]: { site: 'client', key: ENavKey.CreateAccount, href: baseUrl.home + '/Identity/Account/Register' },\r\n [ENavKey.Audios]: { site: 'music', key: ENavKey.Audios, href: baseUrl.music, routerPath: '/', options: getNavLinkOptions({ tabKey: 'audio' }) }\r\n})\r\n\r\nexport const getHeaderMenuConfigs: (baseUrl: IAppSiteBaseUrl) => IAppMenu[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n {\r\n title: 'Media',\r\n items: [\r\n { title: mapNavTitles[ENavKey.Videos], icon: IconVideoBase64, navLink: navLinks[ENavKey.Videos] },\r\n { title: mapNavTitles[ENavKey.Audios], icon: IconAudioBase64, navLink: navLinks[ENavKey.Audios] }\r\n ]\r\n },\r\n {\r\n title: 'Quick Actions',\r\n items: [\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] }\r\n ]\r\n },\r\n {\r\n title: 'Support & Info',\r\n items: [\r\n { title: mapNavTitles[ENavKey.About], navLink: navLinks[ENavKey.About] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.Terms], navLink: navLinks[ENavKey.Terms] },\r\n { title: mapNavTitles[ENavKey.Privacy], navLink: navLinks[ENavKey.Privacy] }\r\n ]\r\n }\r\n ]\r\n}\r\n\r\nexport const getHeaderNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n { title: mapNavTitles[ENavKey.Home], navLink: navLinks[ENavKey.Home] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.Videos], navLink: navLinks[ENavKey.Videos], options: { startIcon: IconVideoBase64 } },\r\n { title: mapNavTitles[ENavKey.Audios], navLink: navLinks[ENavKey.Audios], options: { startIcon: IconAudioBase64 } },\r\n { title: 'Get Started', menu: getHeaderMenuConfigs(baseUrl) }\r\n ]\r\n}\r\n\r\nexport const getMenuNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n { title: mapNavTitles[ENavKey.Home], navLink: navLinks[ENavKey.Home] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.About], navLink: navLinks[ENavKey.About] },\r\n { title: mapNavTitles[ENavKey.Terms], navLink: navLinks[ENavKey.Terms] },\r\n { title: mapNavTitles[ENavKey.Privacy], navLink: navLinks[ENavKey.Privacy] },\r\n { title: mapNavTitles[ENavKey.CreateAccount], navLink: navLinks[ENavKey.CreateAccount] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.ContactUs], navLink: navLinks[ENavKey.ContactUs] },\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.PurchaseLicenses], navLink: navLinks[ENavKey.PurchaseLicenses] }\r\n ]\r\n}\r\n\r\nexport const footerDescription = `We provide licensing services for music, images, and digital media,\\ncopyright management, revenue optimization, and legal representation\\nfor creators across multiple platforms.`\r\n\r\nexport const getCopyrightText = () => {\r\n const currentYear = new Date().getFullYear()\r\n return `Copyright © 2024${currentYear > 2024 ? ` - ${currentYear}` : ''} BERLINTOMEK. All rights reserved.`\r\n}\r\n\r\nexport const getFooterNavTabConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n { title: mapNavTitles[ENavKey.Videos], navLink: navLinks[ENavKey.Videos], options: { startIcon: IconVideoBase64 } },\r\n { title: mapNavTitles[ENavKey.Audios], navLink: navLinks[ENavKey.Audios], options: { startIcon: IconAudioBase64 } }\r\n ]\r\n}\r\n\r\nexport const getFooterNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[][] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n [\r\n { title: mapNavTitles[ENavKey.Home], navLink: navLinks[ENavKey.Home] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.About], navLink: navLinks[ENavKey.About] },\r\n { title: mapNavTitles[ENavKey.Terms], navLink: navLinks[ENavKey.Terms] },\r\n { title: mapNavTitles[ENavKey.Privacy], navLink: navLinks[ENavKey.Privacy] }\r\n ],\r\n [\r\n { title: mapNavTitles[ENavKey.CreateAccount], navLink: navLinks[ENavKey.CreateAccount] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.ContactUs], navLink: navLinks[ENavKey.ContactUs] },\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.PurchaseLicenses], navLink: navLinks[ENavKey.PurchaseLicenses] }\r\n ]\r\n ]\r\n}\r\n"],"names":["appLogoUrl","bgFooterUrl","appSocialConfigs","link","icon","_jsx","YouTubeIcon","color","InstagramIcon","TwitterIcon","PinterestIcon","RedditIcon","mapNavTitles","_defineProperty","_mapNavTitles","ENavKey","Home","Pricing","SubmitMedia","Faqs","Videos","Audios","Privacy","Terms","About","CreateAccount","ContactUs","PurchaseLicenses","getNavLinkOptions","options","JSON","stringify","getNavLinks","baseUrl","_ref","site","key","href","home","routerPath","toLocate","client","music","tabKey","getHeaderMenuConfigs","navLinks","title","items","IconVideoBase64","navLink","IconAudioBase64","getHeaderNavConfigs","startIcon","menu","getMenuNavConfigs","footerDescription","getCopyrightText","currentYear","Date","getFullYear","concat","getFooterNavTabConfigs","getFooterNavConfigs"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"configs.js","sources":["../../src/layout-global/configs.tsx"],"sourcesContent":["import RedditIcon from '@mui/icons-material/Reddit'\r\nimport YouTubeIcon from '@mui/icons-material/YouTube'\r\nimport TwitterIcon from '@mui/icons-material/Twitter'\r\nimport InstagramIcon from '@mui/icons-material/Instagram'\r\nimport PinterestIcon from '@mui/icons-material/Pinterest'\r\nimport { IconAudioBase64, IconVideoBase64 } from './animated-tabs.units'\r\nimport { IAppMenu, IAppNav, IAppSocial, ENavKey, INavLink, INavLinkOptions } from './types'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\n\r\nexport const appLogoUrl = 'images/logo.webp'\r\nexport const getAppLogoUrl = (base: IAppSiteBaseUrl) => base.client + appLogoUrl\r\n\r\nexport const bgFooterUrl = 'images/bg-footer.webp'\r\nexport const getBgFooterUrl = (base: IAppSiteBaseUrl) => base.client + bgFooterUrl\r\n\r\nexport const appSocialConfigs: IAppSocial[] = [\r\n { link: 'https://www.youtube.com', icon: <YouTubeIcon />, color: '#FF0000' },\r\n { link: 'https://www.instagram.com', icon: <InstagramIcon />, color: '#E4405F' },\r\n { link: 'https://www.twitter.com', icon: <TwitterIcon />, color: '#1DA1F2' },\r\n { link: 'https://www.pinterest.com', icon: <PinterestIcon />, color: '#BD081C' },\r\n { link: 'https://www.reddit.com', icon: <RedditIcon />, color: '#FF4500' }\r\n]\r\n\r\nexport const mapNavTitles: Record<ENavKey, string> = {\r\n [ENavKey.Home]: 'Home',\r\n [ENavKey.Pricing]: 'Pricing',\r\n [ENavKey.SubmitMedia]: 'Submit Media',\r\n [ENavKey.Faqs]: 'FAQs',\r\n [ENavKey.Videos]: 'Videos',\r\n [ENavKey.Audios]: 'Audios',\r\n [ENavKey.Privacy]: 'Privacy Policy',\r\n [ENavKey.Terms]: 'Terms of Submission',\r\n [ENavKey.About]: 'About Us',\r\n [ENavKey.CreateAccount]: 'Create Account',\r\n [ENavKey.ContactUs]: 'Contact Us',\r\n [ENavKey.PurchaseLicenses]: 'Purchase Licenses'\r\n}\r\n\r\nconst getNavLinkOptions = (options: INavLinkOptions): string => {\r\n return JSON.stringify(options)\r\n}\r\n\r\nexport const getNavLinks: (baseUrl: IAppSiteBaseUrl) => Record<ENavKey, INavLink> = (baseUrl) => ({\r\n [ENavKey.Home]: { site: 'home', key: ENavKey.Home, href: baseUrl.home, routerPath: '/', options: getNavLinkOptions({ toLocate: 'home' }) },\r\n [ENavKey.Pricing]: {\r\n site: 'home',\r\n key: ENavKey.Pricing,\r\n href: baseUrl.home + '/#Pricing',\r\n routerPath: '/#Pricing',\r\n options: getNavLinkOptions({ toLocate: 'pricing' })\r\n },\r\n [ENavKey.Faqs]: {\r\n site: 'home',\r\n key: ENavKey.Faqs,\r\n href: baseUrl.home + '/#Faq',\r\n routerPath: '/#Faq',\r\n options: getNavLinkOptions({ toLocate: 'faqs' })\r\n },\r\n [ENavKey.About]: {\r\n site: 'home',\r\n key: ENavKey.About,\r\n href: baseUrl.home + '/#About',\r\n routerPath: '/#About',\r\n options: getNavLinkOptions({ toLocate: 'about' })\r\n },\r\n [ENavKey.ContactUs]: {\r\n site: 'home',\r\n key: ENavKey.ContactUs,\r\n href: baseUrl.home + '/#Contact',\r\n routerPath: '/#Contact',\r\n options: getNavLinkOptions({ toLocate: 'contact' })\r\n },\r\n [ENavKey.Videos]: {\r\n site: 'home',\r\n key: ENavKey.Videos,\r\n href: baseUrl.home + '/video-discovery',\r\n routerPath: '/video-discovery'\r\n },\r\n [ENavKey.PurchaseLicenses]: {\r\n site: 'client',\r\n key: ENavKey.PurchaseLicenses,\r\n href: baseUrl.client + '/purchase-licenses',\r\n routerPath: '/purchase-licenses'\r\n },\r\n [ENavKey.SubmitMedia]: { site: 'client', key: ENavKey.SubmitMedia, href: baseUrl.client + '/submit', routerPath: '/submit' },\r\n [ENavKey.Privacy]: { site: 'client', key: ENavKey.Privacy, href: baseUrl.client + '/privacy-policy', routerPath: '/privacy-policy' },\r\n [ENavKey.Terms]: { site: 'client', key: ENavKey.Terms, href: baseUrl.client + '/terms-of-submission', routerPath: '/terms-of-submission' },\r\n [ENavKey.CreateAccount]: { site: 'client', key: ENavKey.CreateAccount, href: baseUrl.home + '/Identity/Account/Register' },\r\n [ENavKey.Audios]: { site: 'music', key: ENavKey.Audios, href: baseUrl.music, routerPath: '/', options: getNavLinkOptions({ tabKey: 'audio' }) }\r\n})\r\n\r\nexport const getHeaderMenuConfigs: (baseUrl: IAppSiteBaseUrl) => IAppMenu[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n {\r\n title: 'Media',\r\n items: [\r\n { title: mapNavTitles[ENavKey.Videos], icon: IconVideoBase64, navLink: navLinks[ENavKey.Videos] },\r\n { title: mapNavTitles[ENavKey.Audios], icon: IconAudioBase64, navLink: navLinks[ENavKey.Audios] }\r\n ]\r\n },\r\n {\r\n title: 'Quick Actions',\r\n items: [\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] }\r\n ]\r\n },\r\n {\r\n title: 'Support & Info',\r\n items: [\r\n { title: mapNavTitles[ENavKey.About], navLink: navLinks[ENavKey.About] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.Terms], navLink: navLinks[ENavKey.Terms] },\r\n { title: mapNavTitles[ENavKey.Privacy], navLink: navLinks[ENavKey.Privacy] }\r\n ]\r\n }\r\n ]\r\n}\r\n\r\nexport const getHeaderNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n { title: mapNavTitles[ENavKey.Home], navLink: navLinks[ENavKey.Home] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.Videos], navLink: navLinks[ENavKey.Videos], options: { startIcon: IconVideoBase64 } },\r\n { title: mapNavTitles[ENavKey.Audios], navLink: navLinks[ENavKey.Audios], options: { startIcon: IconAudioBase64 } }\r\n ]\r\n}\r\n\r\nexport const getMenuNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n { title: mapNavTitles[ENavKey.Home], navLink: navLinks[ENavKey.Home] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.About], navLink: navLinks[ENavKey.About] },\r\n { title: mapNavTitles[ENavKey.Terms], navLink: navLinks[ENavKey.Terms] },\r\n { title: mapNavTitles[ENavKey.Privacy], navLink: navLinks[ENavKey.Privacy] },\r\n { title: mapNavTitles[ENavKey.CreateAccount], navLink: navLinks[ENavKey.CreateAccount] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.ContactUs], navLink: navLinks[ENavKey.ContactUs] },\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.PurchaseLicenses], navLink: navLinks[ENavKey.PurchaseLicenses] }\r\n ]\r\n}\r\n\r\nexport const footerDescription = `We provide licensing services for music, images, and digital media,\\ncopyright management, revenue optimization, and legal representation\\nfor creators across multiple platforms.`\r\n\r\nexport const getCopyrightText = () => {\r\n const currentYear = new Date().getFullYear()\r\n return `Copyright © 2024${currentYear > 2024 ? ` - ${currentYear}` : ''} BERLINTOMEK. All rights reserved.`\r\n}\r\n\r\nexport const getFooterNavTabConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n { title: mapNavTitles[ENavKey.Videos], navLink: navLinks[ENavKey.Videos], options: { startIcon: IconVideoBase64 } },\r\n { title: mapNavTitles[ENavKey.Audios], navLink: navLinks[ENavKey.Audios], options: { startIcon: IconAudioBase64 } }\r\n ]\r\n}\r\n\r\nexport const getFooterNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[][] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n [\r\n { title: mapNavTitles[ENavKey.Home], navLink: navLinks[ENavKey.Home] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.About], navLink: navLinks[ENavKey.About] },\r\n { title: mapNavTitles[ENavKey.Terms], navLink: navLinks[ENavKey.Terms] },\r\n { title: mapNavTitles[ENavKey.Privacy], navLink: navLinks[ENavKey.Privacy] }\r\n ],\r\n [\r\n { title: mapNavTitles[ENavKey.CreateAccount], navLink: navLinks[ENavKey.CreateAccount] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.ContactUs], navLink: navLinks[ENavKey.ContactUs] },\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.PurchaseLicenses], navLink: navLinks[ENavKey.PurchaseLicenses] }\r\n ]\r\n ]\r\n}\r\n"],"names":["appLogoUrl","bgFooterUrl","appSocialConfigs","link","icon","_jsx","YouTubeIcon","color","InstagramIcon","TwitterIcon","PinterestIcon","RedditIcon","mapNavTitles","_defineProperty","_mapNavTitles","ENavKey","Home","Pricing","SubmitMedia","Faqs","Videos","Audios","Privacy","Terms","About","CreateAccount","ContactUs","PurchaseLicenses","getNavLinkOptions","options","JSON","stringify","getNavLinks","baseUrl","_ref","site","key","href","home","routerPath","toLocate","client","music","tabKey","getHeaderMenuConfigs","navLinks","title","items","IconVideoBase64","navLink","IconAudioBase64","getHeaderNavConfigs","startIcon","getMenuNavConfigs","footerDescription","getCopyrightText","currentYear","Date","getFullYear","concat","getFooterNavTabConfigs","getFooterNavConfigs"],"mappings":"ucASaA,EAAa,mBAGbC,EAAc,wBAGdC,EAAiC,CAC5C,CAAEC,KAAM,0BAA2BC,KAAMC,EAACC,EAAc,IAAEC,MAAO,WACjE,CAAEJ,KAAM,4BAA6BC,KAAMC,EAACG,EAAgB,IAAED,MAAO,WACrE,CAAEJ,KAAM,0BAA2BC,KAAMC,EAACI,EAAc,IAAEF,MAAO,WACjE,CAAEJ,KAAM,4BAA6BC,KAAMC,EAACK,EAAgB,IAAEH,MAAO,WACrE,CAAEJ,KAAM,yBAA0BC,KAAMC,EAACM,EAAa,IAAEJ,MAAO,YAGpDK,GAAYC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAC,KACtBC,EAAQC,KAAO,QACfD,EAAQE,QAAU,WAClBF,EAAQG,YAAc,gBACtBH,EAAQI,KAAO,QACfJ,EAAQK,OAAS,UACjBL,EAAQM,OAAS,UACjBN,EAAQO,QAAU,kBAClBP,EAAQQ,MAAQ,uBAChBR,EAAQS,MAAQ,YAChBT,EAAQU,cAAgB,kBAAgBZ,EAAAA,EAAAC,EACxCC,EAAQW,UAAY,cACpBX,EAAQY,iBAAmB,sBAGxBC,EAAoB,SAACC,GACzB,OAAOC,KAAKC,UAAUF,EACxB,EAEaG,EAAuE,SAACC,GAAO,IAAAC,EAAA,OAAArB,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAqB,EAAArB,CAAAA,EACzFE,EAAQC,KAAO,CAAEmB,KAAM,OAAQC,IAAKrB,EAAQC,KAAMqB,KAAMJ,EAAQK,KAAMC,WAAY,IAAKV,QAASD,EAAkB,CAAEY,SAAU,WAC9HzB,EAAQE,QAAU,CACjBkB,KAAM,OACNC,IAAKrB,EAAQE,QACboB,KAAMJ,EAAQK,KAAO,YACrBC,WAAY,YACZV,QAASD,EAAkB,CAAEY,SAAU,cAExCzB,EAAQI,KAAO,CACdgB,KAAM,OACNC,IAAKrB,EAAQI,KACbkB,KAAMJ,EAAQK,KAAO,QACrBC,WAAY,QACZV,QAASD,EAAkB,CAAEY,SAAU,WAExCzB,EAAQS,MAAQ,CACfW,KAAM,OACNC,IAAKrB,EAAQS,MACba,KAAMJ,EAAQK,KAAO,UACrBC,WAAY,UACZV,QAASD,EAAkB,CAAEY,SAAU,YAExCzB,EAAQW,UAAY,CACnBS,KAAM,OACNC,IAAKrB,EAAQW,UACbW,KAAMJ,EAAQK,KAAO,YACrBC,WAAY,YACZV,QAASD,EAAkB,CAAEY,SAAU,cAExCzB,EAAQK,OAAS,CAChBe,KAAM,OACNC,IAAKrB,EAAQK,OACbiB,KAAMJ,EAAQK,KAAO,mBACrBC,WAAY,qBAEbxB,EAAQY,iBAAmB,CAC1BQ,KAAM,SACNC,IAAKrB,EAAQY,iBACbU,KAAMJ,EAAQQ,OAAS,qBACvBF,WAAY,uBAEbxB,EAAQG,YAAc,CAAEiB,KAAM,SAAUC,IAAKrB,EAAQG,YAAamB,KAAMJ,EAAQQ,OAAS,UAAWF,WAAY,YAChHxB,EAAQO,QAAU,CAAEa,KAAM,SAAUC,IAAKrB,EAAQO,QAASe,KAAMJ,EAAQQ,OAAS,kBAAmBF,WAAY,oBAChHxB,EAAQQ,MAAQ,CAAEY,KAAM,SAAUC,IAAKrB,EAAQQ,MAAOc,KAAMJ,EAAQQ,OAAS,uBAAwBF,WAAY,yBAAwB1B,EAAAA,EAAAqB,EACzInB,EAAQU,cAAgB,CAAEU,KAAM,SAAUC,IAAKrB,EAAQU,cAAeY,KAAMJ,EAAQK,KAAO,+BAC3FvB,EAAQM,OAAS,CAAEc,KAAM,QAASC,IAAKrB,EAAQM,OAAQgB,KAAMJ,EAAQS,MAAOH,WAAY,IAAKV,QAASD,EAAkB,CAAEe,OAAQ,WAAY,EAGpIC,EAAiE,SAACX,GAC7E,IAAMY,EAAWb,EAAYC,GAC7B,MAAO,CACL,CACEa,MAAO,QACPC,MAAO,CACL,CAAED,MAAOlC,EAAaG,EAAQK,QAAShB,KAAM4C,EAAiBC,QAASJ,EAAS9B,EAAQK,SACxF,CAAE0B,MAAOlC,EAAaG,EAAQM,QAASjB,KAAM8C,EAAiBD,QAASJ,EAAS9B,EAAQM,WAG5F,CACEyB,MAAO,gBACPC,MAAO,CACL,CAAED,MAAOlC,EAAaG,EAAQG,aAAc+B,QAASJ,EAAS9B,EAAQG,cACtE,CAAE4B,MAAOlC,EAAaG,EAAQE,SAAUgC,QAASJ,EAAS9B,EAAQE,UAClE,CAAE6B,MAAOlC,EAAaG,EAAQI,MAAO8B,QAASJ,EAAS9B,EAAQI,SAGnE,CACE2B,MAAO,iBACPC,MAAO,CACL,CAAED,MAAOlC,EAAaG,EAAQS,OAAQyB,QAASJ,EAAS9B,EAAQS,QAChE,CAAEsB,MAAOlC,EAAaG,EAAQI,MAAO8B,QAASJ,EAAS9B,EAAQI,OAC/D,CAAE2B,MAAOlC,EAAaG,EAAQQ,OAAQ0B,QAASJ,EAAS9B,EAAQQ,QAChE,CAAEuB,MAAOlC,EAAaG,EAAQO,SAAU2B,QAASJ,EAAS9B,EAAQO,YAI1E,EAEa6B,EAA+D,SAAClB,GAC3E,IAAMY,EAAWb,EAAYC,GAC7B,MAAO,CACL,CAAEa,MAAOlC,EAAaG,EAAQC,MAAOiC,QAASJ,EAAS9B,EAAQC,OAC/D,CAAE8B,MAAOlC,EAAaG,EAAQE,SAAUgC,QAASJ,EAAS9B,EAAQE,UAClE,CAAE6B,MAAOlC,EAAaG,EAAQI,MAAO8B,QAASJ,EAAS9B,EAAQI,OAC/D,CAAE2B,MAAOlC,EAAaG,EAAQG,aAAc+B,QAASJ,EAAS9B,EAAQG,cACtE,CAAE4B,MAAOlC,EAAaG,EAAQK,QAAS6B,QAASJ,EAAS9B,EAAQK,QAASS,QAAS,CAAEuB,UAAWJ,IAChG,CAAEF,MAAOlC,EAAaG,EAAQM,QAAS4B,QAASJ,EAAS9B,EAAQM,QAASQ,QAAS,CAAEuB,UAAWF,IAEpG,EAEaG,EAA6D,SAACpB,GACzE,IAAMY,EAAWb,EAAYC,GAC7B,MAAO,CACL,CAAEa,MAAOlC,EAAaG,EAAQC,MAAOiC,QAASJ,EAAS9B,EAAQC,OAC/D,CAAE8B,MAAOlC,EAAaG,EAAQE,SAAUgC,QAASJ,EAAS9B,EAAQE,UAClE,CAAE6B,MAAOlC,EAAaG,EAAQS,OAAQyB,QAASJ,EAAS9B,EAAQS,QAChE,CAAEsB,MAAOlC,EAAaG,EAAQQ,OAAQ0B,QAASJ,EAAS9B,EAAQQ,QAChE,CAAEuB,MAAOlC,EAAaG,EAAQO,SAAU2B,QAASJ,EAAS9B,EAAQO,UAClE,CAAEwB,MAAOlC,EAAaG,EAAQU,eAAgBwB,QAASJ,EAAS9B,EAAQU,gBACxE,CAAEqB,MAAOlC,EAAaG,EAAQI,MAAO8B,QAASJ,EAAS9B,EAAQI,OAC/D,CAAE2B,MAAOlC,EAAaG,EAAQW,WAAYuB,QAASJ,EAAS9B,EAAQW,YACpE,CAAEoB,MAAOlC,EAAaG,EAAQG,aAAc+B,QAASJ,EAAS9B,EAAQG,cACtE,CAAE4B,MAAOlC,EAAaG,EAAQY,kBAAmBsB,QAASJ,EAAS9B,EAAQY,mBAE/E,EAEa2B,EAAwM,qLAExMC,EAAmB,WAC9B,IAAMC,GAAc,IAAIC,MAAOC,cAC/B,MAAAC,mBAAAA,OAA0BH,EAAc,WAAIG,OAASH,GAAgB,GAAE,qCACzE,EAEaI,EAAkE,SAAC3B,GAC9E,IAAMY,EAAWb,EAAYC,GAC7B,MAAO,CACL,CAAEa,MAAOlC,EAAaG,EAAQK,QAAS6B,QAASJ,EAAS9B,EAAQK,QAASS,QAAS,CAAEuB,UAAWJ,IAChG,CAAEF,MAAOlC,EAAaG,EAAQM,QAAS4B,QAASJ,EAAS9B,EAAQM,QAASQ,QAAS,CAAEuB,UAAWF,IAEpG,EAEaW,EAAiE,SAAC5B,GAC7E,IAAMY,EAAWb,EAAYC,GAC7B,MAAO,CACL,CACE,CAAEa,MAAOlC,EAAaG,EAAQC,MAAOiC,QAASJ,EAAS9B,EAAQC,OAC/D,CAAE8B,MAAOlC,EAAaG,EAAQE,SAAUgC,QAASJ,EAAS9B,EAAQE,UAClE,CAAE6B,MAAOlC,EAAaG,EAAQS,OAAQyB,QAASJ,EAAS9B,EAAQS,QAChE,CAAEsB,MAAOlC,EAAaG,EAAQQ,OAAQ0B,QAASJ,EAAS9B,EAAQQ,QAChE,CAAEuB,MAAOlC,EAAaG,EAAQO,SAAU2B,QAASJ,EAAS9B,EAAQO,WAEpE,CACE,CAAEwB,MAAOlC,EAAaG,EAAQU,eAAgBwB,QAASJ,EAAS9B,EAAQU,gBACxE,CAAEqB,MAAOlC,EAAaG,EAAQI,MAAO8B,QAASJ,EAAS9B,EAAQI,OAC/D,CAAE2B,MAAOlC,EAAaG,EAAQW,WAAYuB,QAASJ,EAAS9B,EAAQW,YACpE,CAAEoB,MAAOlC,EAAaG,EAAQG,aAAc+B,QAASJ,EAAS9B,EAAQG,cACtE,CAAE4B,MAAOlC,EAAaG,EAAQY,kBAAmBsB,QAASJ,EAAS9B,EAAQY,oBAGjF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{inherits as e,createClass as n,classCallCheck as
|
|
1
|
+
import{inherits as e,createClass as n,classCallCheck as r,callSuper as t,defineProperty as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as o}from"react/jsx-runtime";import{Component as l}from"react";import{Box as c,Divider as s,alpha as m,colors as d,Stack as u,Typography as p,MenuItem as h}from"@mui/material";import v from"@mui/icons-material/Facebook";import{toArray as f}from"./helpers.js";import{SubMenuWrap as N,SubMenuStyled as C,subMenuClasses as g}from"./sub-menu.styled.js";var k=function(){function k(){var e;r(this,k);for(var n=arguments.length,l=new Array(n),s=0;s<n;s++)l[s]=arguments[s];return e=t(this,k,[].concat(l)),i(e,"renderItem",function(n,r){var t;return a(c,{className:g.group,children:[o(p,{variant:"h6",className:g.title,children:n.title}),null===(t=n.items)||void 0===t?void 0:t.map(function(n,r){var t,i;return o(h,{component:"div",className:g.item,children:a(c,{className:g.itemContent,component:"a",href:null!==(t=null===(i=n.navLink)||void 0===i?void 0:i.href)&&void 0!==t?t:"/",onClick:function(r){return e.handleNavItemClick(r,n.navLink)},children:[n.icon&&o("span",{className:g.itemIcon,children:e.renderIcon(n.icon)}),o(p,{component:"div",variant:"body2",className:g.itemText,children:o("span",{children:n.title})})]})},r)})]},r)}),i(e,"renderIcon",function(e){if(!e)return null;var n=e;return"string"==typeof e&&(n=o(c,{component:"span",className:"icon-img",sx:{"--mask-url":"url(".concat(e,")")}})),o("span",{className:"icon-static",children:n})}),i(e,"getMenuData",function(){return f(e.props.menu).filter(function(e){var n;return e.items&&(null===(n=e.items)||void 0===n?void 0:n.length)>0})}),i(e,"handleNavItemClick",function(n,r){e.props.onNavItemClick&&r&&e.props.onNavItemClick(n,r)}),e}return e(k,l),n(k,[{key:"render",value:function(){var e=this.getMenuData();return a(N,{children:[this.props.children,o(C,{className:g.root,children:a("div",{className:g.rootContent,children:[o(c,{className:g.content,children:e.map(this.renderItem)}),o(s,{variant:"middle",sx:{borderColor:m(d.common.white,.1)}}),a(u,{direction:"row",spacing:1,justifyContent:"flex-end",alignItems:"center",padding:1,children:[o(p,{variant:"body2",children:"Follow us on social media for updates and news!"}),o(v,{})]})]})})]})}}])}();export{k as default};
|
|
2
2
|
//# sourceMappingURL=sub-menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sub-menu.js","sources":["../../src/layout-global/sub-menu.tsx"],"sourcesContent":["import { Component
|
|
1
|
+
{"version":3,"file":"sub-menu.js","sources":["../../src/layout-global/sub-menu.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { alpha, Box, colors, Divider, MenuItem, Stack, Typography } from '@mui/material'\r\nimport type { PropsWithChildren, ReactNode } from 'react'\r\nimport FacebookIcon from '@mui/icons-material/Facebook'\r\nimport { toArray } from './helpers'\r\nimport { subMenuClasses, SubMenuStyled, SubMenuWrap } from './sub-menu.styled'\r\nimport type { IAppMenu, INavLink, NavItemClickFunction, SingleOrArray } from './types'\r\n\r\nexport interface ISubMenuProps extends PropsWithChildren {\r\n menu?: SingleOrArray<IAppMenu>\r\n onNavItemClick?: NavItemClickFunction\r\n}\r\n\r\nclass SubMenu extends Component<ISubMenuProps> {\r\n render() {\r\n const menu = this.getMenuData()\r\n return (\r\n <SubMenuWrap>\r\n {this.props.children}\r\n <SubMenuStyled className={subMenuClasses.root}>\r\n <div className={subMenuClasses.rootContent}>\r\n {/* Render sub-menu items */}\r\n <Box className={subMenuClasses.content}>{menu.map(this.renderItem)}</Box>\r\n {/* Optional footer or additional content */}\r\n <Divider variant='middle' sx={{ borderColor: alpha(colors.common.white, 0.1) }} />\r\n <Stack direction='row' spacing={1} justifyContent='flex-end' alignItems='center' padding={1}>\r\n <Typography variant='body2'>Follow us on social media for updates and news!</Typography>\r\n {/* Add social media links or icons here if needed */}\r\n <FacebookIcon />\r\n </Stack>\r\n </div>\r\n </SubMenuStyled>\r\n </SubMenuWrap>\r\n )\r\n }\r\n\r\n renderItem = (item: IAppMenu, index: number) => (\r\n <Box key={index} className={subMenuClasses.group}>\r\n <Typography variant='h6' className={subMenuClasses.title}>\r\n {item.title}\r\n </Typography>\r\n {/* <Divider sx={{ borderColor: alpha(colors.common.white, 0.1), my: 1 }} /> */}\r\n {item.items?.map((item, j) => (\r\n <MenuItem key={j} component='div' className={subMenuClasses.item}>\r\n <Box\r\n className={subMenuClasses.itemContent}\r\n component='a'\r\n href={item.navLink?.href ?? '/'}\r\n onClick={(e) => this.handleNavItemClick(e, item.navLink)}\r\n >\r\n {item.icon && <span className={subMenuClasses.itemIcon}>{this.renderIcon(item.icon)}</span>}\r\n <Typography component='div' variant='body2' className={subMenuClasses.itemText}>\r\n <span>{item.title}</span>\r\n </Typography>\r\n </Box>\r\n </MenuItem>\r\n ))}\r\n </Box>\r\n )\r\n\r\n renderIcon = (value: ReactNode) => {\r\n if (!value) return null\r\n let finalIcon = value\r\n if (typeof value === 'string') {\r\n finalIcon = <Box component='span' className='icon-img' sx={{ '--mask-url': `url(${value})` }} />\r\n }\r\n return <span className='icon-static'>{finalIcon}</span>\r\n }\r\n\r\n getMenuData = () => {\r\n const list = toArray<IAppMenu>(this.props.menu)\r\n return list.filter((item) => item.items && item.items?.length > 0)\r\n }\r\n\r\n handleNavItemClick = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>, item?: INavLink) => {\r\n if (!this.props.onNavItemClick || !item) return\r\n this.props.onNavItemClick(event, item)\r\n }\r\n}\r\nexport default SubMenu\r\n"],"names":["SubMenu","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","item","index","_item$items","_jsxs","Box","className","subMenuClasses","group","children","_jsx","Typography","variant","title","items","map","j","_item$navLink$href","_item$navLink","MenuItem","component","itemContent","href","navLink","onClick","e","handleNavItemClick","icon","itemIcon","renderIcon","itemText","value","finalIcon","sx","toArray","props","menu","filter","_item$items2","event","onNavItemClick","_inherits","Component","_createClass","key","getMenuData","SubMenuWrap","SubMenuStyled","root","rootContent","content","renderItem","Divider","borderColor","alpha","colors","common","white","Stack","direction","spacing","justifyContent","alignItems","padding","FacebookIcon"],"mappings":"8fAaMA,IAAAA,aAAQ,SAAAA,IAAA,IAAAC,EAAAC,OAAAF,GAAA,IAAA,IAAAG,EAAAC,UAAAC,OAAAC,EAAAC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAAF,EAAAE,GAAAJ,UAAAI,GAgEX,OAhEWP,EAAAQ,EAAAC,KAAAV,EAAAW,GAAAA,OAAAL,IAAAM,EAAAX,EAAA,aAuBC,SAACY,EAAgBC,GAAa,IAAAC,EAAA,OACzCC,EAACC,EAAgB,CAAAC,UAAWC,EAAeC,MAAKC,SAAA,CAC9CC,EAACC,GAAWC,QAAQ,KAAKN,UAAWC,EAAeM,eAChDZ,EAAKY,QAGG,QAFEV,EAEZF,EAAKa,aAAK,IAAAX,OAAA,EAAVA,EAAYY,IAAI,SAACd,EAAMe,GAAC,IAAAC,EAAAC,EAAA,OACvBR,EAACS,EAAQ,CAASC,UAAU,MAAMd,UAAWC,EAAeN,KAAIQ,SAC9DL,EAACC,GACCC,UAAWC,EAAec,YAC1BD,UAAU,IACVE,KAAwB,QAApBL,EAAc,QAAdC,EAAEjB,EAAKsB,eAALL,IAAYA,OAAZA,EAAAA,EAAcI,YAAIL,IAAAA,EAAAA,EAAI,IAC5BO,QAAS,SAACC,GAAC,OAAKpC,EAAKqC,mBAAmBD,EAAGxB,EAAKsB,QAAQ,EAAAd,SAAA,CAEvDR,EAAK0B,MAAQjB,EAAA,OAAA,CAAMJ,UAAWC,EAAeqB,SAAWnB,SAAApB,EAAKwC,WAAW5B,EAAK0B,QAC9EjB,EAACC,EAAW,CAAAS,UAAU,MAAMR,QAAQ,QAAQN,UAAWC,EAAeuB,kBACpEpB,EAAO,OAAA,CAAAD,SAAAR,EAAKY,cATHG,EAYJ,KAlBLd,KAqBXF,EAAAX,EAEY,aAAA,SAAC0C,GACZ,IAAKA,EAAO,OAAO,KACnB,IAAIC,EAAYD,EAIhB,MAHqB,iBAAVA,IACTC,EAAYtB,EAACL,EAAG,CAACe,UAAU,OAAOd,UAAU,WAAW2B,GAAI,CAAE,aAAY,OAAAlC,OAASgC,EAAK,SAElFrB,UAAMJ,UAAU,cAAeG,SAAAuB,MACvChC,EAAAX,EAAA,cAEa,WAEZ,OADa6C,EAAkB7C,EAAK8C,MAAMC,MAC9BC,OAAO,SAACpC,GAAI,IAAAqC,EAAA,OAAKrC,EAAKa,gBAASwB,EAAArC,EAAKa,aAAK,IAAAwB,OAAA,EAAVA,EAAY7C,QAAS,MACjEO,EAAAX,EAAA,qBAEoB,SAACkD,EAAwDtC,GACvEZ,EAAK8C,MAAMK,gBAAmBvC,GACnCZ,EAAK8C,MAAMK,eAAeD,EAAOtC,KAClCZ,CAAA,CAAA,OAAAoD,EAAArD,EAhEmBsD,GAgEnBC,EAAAvD,EAAA,CAAA,CAAAwD,IAAA,SAAAb,MA/DD,WACE,IAAMK,EAAOtC,KAAK+C,cAClB,OACEzC,EAAC0C,EACE,CAAArC,SAAA,CAAAX,KAAKqC,MAAM1B,SACZC,EAACqC,GAAczC,UAAWC,EAAeyC,KAAIvC,SAC3CL,SAAKE,UAAWC,EAAe0C,YAAWxC,SAAA,CAExCC,EAACL,EAAG,CAACC,UAAWC,EAAe2C,QAAUzC,SAAA2B,EAAKrB,IAAIjB,KAAKqD,cAEvDzC,EAAC0C,GAAQxC,QAAQ,SAASqB,GAAI,CAAEoB,YAAaC,EAAMC,EAAOC,OAAOC,MAAO,OACxErD,EAACsD,EAAK,CAACC,UAAU,MAAMC,QAAS,EAAGC,eAAe,WAAWC,WAAW,SAASC,QAAS,EACxFtD,SAAA,CAAAC,EAACC,EAAU,CAACC,QAAQ,QAAoEH,SAAA,oDAExFC,EAACsD,EAAe,cAM5B,IAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{styled as e,Box as i,alpha as o}from"@mui/material";var n={root:"SubMenu-root",rootContent:"SubMenu-rootContent",content:"SubMenu-content",group:"SubMenu-group",title:"SubMenu-title",item:"SubMenu-item",itemContent:"SubMenu-itemContent",itemIcon:"SubMenu-itemIcon",itemText:"SubMenu-itemText",socialText:"SubMenu-socialText",hovering:"SubMenu-hovering"},r=function(t,e){return"".concat("",".").concat(n[t]).concat("")},a=e(i)(function(e){var i=e.theme;return t(t(t({position:"relative","@keyframes fadeInDown":{"0%":{opacity:0,transform:"translateY(-10px)"},"100%":{opacity:1,transform:"translateY(0)"}}},r("root"),{position:"absolute",top:"100%",right:0,opacity:0,visibility:"hidden",paddingTop:"16px"}),r("rootContent"),{position:"relative","&::before":{content:'""',position:"absolute",backgroundColor:"#323234",width:"10px",height:"10px",top:"-4px",right:i.spacing(1),transform:"translateX(-50%) rotate(45deg)",zIndex:0}}),"&:hover
|
|
1
|
+
import{defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{styled as e,Box as i,alpha as o}from"@mui/material";var n={root:"SubMenu-root",rootContent:"SubMenu-rootContent",content:"SubMenu-content",group:"SubMenu-group",title:"SubMenu-title",item:"SubMenu-item",itemContent:"SubMenu-itemContent",itemIcon:"SubMenu-itemIcon",itemText:"SubMenu-itemText",socialText:"SubMenu-socialText",hovering:"SubMenu-hovering"},r=function(t,e){return"".concat("",".").concat(n[t]).concat("")},a=e(i)(function(e){var i=e.theme;return t(t(t({position:"relative","@keyframes fadeInDown":{"0%":{opacity:0,transform:"translateY(-10px)"},"100%":{opacity:1,transform:"translateY(0)"}}},r("root"),{position:"absolute",top:"100%",right:0,opacity:0,visibility:"hidden",paddingTop:"16px"}),r("rootContent"),{position:"relative","&::before":{content:'""',position:"absolute",backgroundColor:"#323234",width:"10px",height:"10px",top:"-4px",right:i.spacing(1),transform:"translateX(-50%) rotate(45deg)",zIndex:0}}),"&:hover",t({"> .MuiButtonBase-root":{"&::after":{width:"calc(100% - (var(--spacing-x-size) * 2))"},"& .icon-static":{transform:"rotate(-10deg)"},"& .text-visible":{transform:"translateY(-100%) skewY(-15deg)",opacity:1},"& .text-hidden":{transform:"translateY(-50%) skewY(0)",opacity:1}}},r("root"),{opacity:1,visibility:"visible",animation:"fadeInDown 0.3s ease-out"}))}),s=e(i)(function(e){var i=e.theme;return t(t(t(t(t(t(t(t(t({"--bg-divider":"linear-gradient(45deg, rgb(211, 47, 47) 0%, rgb(249, 169, 37) 70%, rgb(211, 47, 47) 100%) 0% 0% / 200%","--size-icon":"24px"},r("rootContent"),{backgroundColor:"#323234",borderRadius:i.shape.borderRadius,minWidth:"280px",maxWidth:"550px",boxShadow:"0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)"}),r("content"),t({display:"flex",padding:i.spacing(1,0)},i.breakpoints.down("md"),{flexDirection:"column",padding:i.spacing(1,0)})),r("group"),t({borderRight:"1px solid ".concat(o(i.palette.common.white,.1)),padding:i.spacing(0,1),"&:last-of-type":{borderRight:"none"}},i.breakpoints.down("md"),{borderRight:"none",padding:i.spacing(0,0,0,1)})),r("title"),{padding:i.spacing(.5,1.25),color:"var(--color-title-sub-menu, #ffffff)",fontWeight:500,marginBottom:i.spacing(1.25)}),r("itemContent"),{display:"flex",alignItems:"center"}),r("itemText"),{color:"var(--color-text-sub-menu, ".concat(i.palette.grey[100],")"),textDecoration:"none",display:"block",width:"100%",transition:"all 0.3s ease",span:{display:"inline-block"}}),r("itemIcon"),{display:"flex",alignItems:"center",flexShrink:0,transition:"transform var(--timing-medium) var(--easing-bounce)",transformOrigin:"left bottom",position:"relative",marginRight:i.spacing(1),"img, svg, .icon-img":{width:"var(--size-icon)",height:"var(--size-icon)"},".icon-img":{backgroundImage:"var(--mask-url)",backgroundSize:"cover",backgroundPosition:"center",display:"block",borderRadius:4,transition:"filter 0.3s",position:"relative",zIndex:1,filter:"var(--filter-icon, invert(1) brightness(0.9) opacity(1))"}}),r("socialText"),{color:"var(--color-text-secondary, #9da1a5)"}),r("item"),{position:"relative",transition:"all 0.35s ease",padding:i.spacing(1.5,3.5,1.5,1.5),backgroundColor:"var(--bg-nav-item, transparent)",borderRadius:i.shape.borderRadius,"&::before":{content:'""',position:"absolute",left:"14px",top:"50%",transform:"translateY(-50%)",width:0,transition:"all 0.4s",background:"var(--bg-divider)",height:"2px"},"&:hover":{"--color-text-sub-menu":i.palette.common.white,"--filter-icon":"invert(1) brightness(1) opacity(1)",padding:i.spacing(1.5,1.5,1.5,3.5),backgroundColor:"var(--bg-nav-item-hover, rgba(249, 169, 37, 0.1))","&::before":{width:i.spacing(1.125),marginRight:i.spacing(1)}}})});export{s as SubMenuStyled,a as SubMenuWrap,n as subMenuClasses};
|
|
2
2
|
//# sourceMappingURL=sub-menu.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sub-menu.styled.js","sources":["../../src/layout-global/sub-menu.styled.ts"],"sourcesContent":["import { alpha, Box, Menu, Popover, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { BoxProps, MenuProps, PopoverProps, Theme } from '@mui/material'\r\n\r\n// export const PopoverStyled: ComponentType<PopoverProps> = styled(Popover)(({ theme }) => ({\r\n// marginTop: '45px',\r\n// '.MuiPaper-root': {\r\n// overflow: 'visible',\r\n// backgroundColor: '#323234',\r\n// borderRadius: theme.shape.borderRadius,\r\n// minWidth: '280px',\r\n// maxWidth: '550px',\r\n// boxShadow: `0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)`,\r\n// animation: 'fadeInDown 0.3s ease-out',\r\n// marginTop: '8px',\r\n// color: theme.palette.common.white,\r\n\r\n// '@keyframes fadeInDown': {\r\n// '0%': { opacity: 0, transform: 'translateY(-10px)' },\r\n// '100%': { opacity: 1, transform: 'translateY(0)' }\r\n// },\r\n\r\n// '&::before': {\r\n// content: '\"\"',\r\n// position: 'absolute',\r\n// backgroundColor: '#323234',\r\n// width: '10px',\r\n// height: '10px',\r\n// top: '-4px',\r\n// right: theme.spacing(1.5),\r\n// transform: 'translateX(-50%) rotate(45deg)',\r\n// zIndex: 0\r\n// }\r\n// },\r\n// '.MuiBackdrop-root': { backgroundColor: 'transparent' },\r\n// '.MuiList-root': { padding: 0 }\r\n// }))\r\n\r\nexport const subMenuClasses = {\r\n root: 'SubMenu-root',\r\n rootContent: 'SubMenu-rootContent',\r\n content: 'SubMenu-content',\r\n group: 'SubMenu-group',\r\n title: 'SubMenu-title',\r\n item: 'SubMenu-item',\r\n itemContent: 'SubMenu-itemContent',\r\n itemIcon: 'SubMenu-itemIcon',\r\n itemText: 'SubMenu-itemText',\r\n socialText: 'SubMenu-socialText',\r\n hovering: 'SubMenu-hovering'\r\n}\r\n\r\nconst getSubMenuClasses = (key: keyof typeof subMenuClasses, options?: { prefix?: string; suffix?: string }) => {\r\n return `${options?.prefix || ''}.${subMenuClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const SubMenuWrap: ComponentType<BoxProps> = styled(Box)(({ theme }) => ({\r\n position: 'relative',\r\n '@keyframes fadeInDown': {\r\n '0%': { opacity: 0, transform: 'translateY(-10px)' },\r\n '100%': { opacity: 1, transform: 'translateY(0)' }\r\n },\r\n [getSubMenuClasses('root')]: {\r\n position: 'absolute',\r\n top: '100%',\r\n right: 0,\r\n opacity: 0,\r\n visibility: 'hidden',\r\n paddingTop: '16px'\r\n },\r\n [getSubMenuClasses('rootContent')]: {\r\n position: 'relative',\r\n '&::before': {\r\n content: '\"\"',\r\n position: 'absolute',\r\n backgroundColor: '#323234',\r\n width: '10px',\r\n height: '10px',\r\n top: '-4px',\r\n right: theme.spacing(1),\r\n transform: 'translateX(-50%) rotate(45deg)',\r\n zIndex: 0\r\n }\r\n },\r\n '&:hover, &.open': {\r\n '> .MuiButtonBase-root': {\r\n '&::after': { width: 'calc(100% - (var(--spacing-x-size) * 2))' },\r\n '& .icon-static': { transform: 'rotate(-10deg)' },\r\n '& .text-visible': { transform: 'translateY(-100%) skewY(-15deg)', opacity: 1 },\r\n '& .text-hidden': { transform: 'translateY(-50%) skewY(0)', opacity: 1 }\r\n },\r\n [getSubMenuClasses('root')]: {\r\n opacity: 1,\r\n visibility: 'visible',\r\n animation: 'fadeInDown 0.3s ease-out'\r\n }\r\n }\r\n}))\r\n\r\nexport const SubMenuStyled: ComponentType<BoxProps> = styled(Box)(({ theme }) => ({\r\n '--bg-divider': 'linear-gradient(45deg, rgb(211, 47, 47) 0%, rgb(249, 169, 37) 70%, rgb(211, 47, 47) 100%) 0% 0% / 200%',\r\n '--size-icon': '24px',\r\n [getSubMenuClasses('rootContent')]: {\r\n backgroundColor: '#323234',\r\n borderRadius: theme.shape.borderRadius,\r\n minWidth: '280px',\r\n maxWidth: '550px',\r\n boxShadow: `0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)`\r\n },\r\n [getSubMenuClasses('content')]: {\r\n display: 'flex',\r\n padding: theme.spacing(1, 0),\r\n [theme.breakpoints.down('md')]: {\r\n flexDirection: 'column',\r\n padding: theme.spacing(1, 0)\r\n },\r\n // '&:hover': {\r\n // '--color-text-sub-menu': theme.palette.grey[500],\r\n // '--filter-icon': 'invert(1) brightness(0.6) opacity(0.7)'\r\n // }\r\n },\r\n\r\n [getSubMenuClasses('group')]: {\r\n borderRight: `1px solid ${alpha(theme.palette.common.white, 0.1)}`,\r\n padding: theme.spacing(0, 1),\r\n '&:last-of-type': {\r\n borderRight: 'none'\r\n },\r\n [theme.breakpoints.down('md')]: {\r\n borderRight: 'none',\r\n padding: theme.spacing(0, 0, 0, 1)\r\n }\r\n },\r\n\r\n [getSubMenuClasses('title')]: {\r\n padding: theme.spacing(0.5, 1.25),\r\n color: 'var(--color-title-sub-menu, #ffffff)',\r\n fontWeight: 500,\r\n marginBottom: theme.spacing(1.25)\r\n },\r\n\r\n [getSubMenuClasses('itemContent')]: {\r\n display: 'flex',\r\n alignItems: 'center'\r\n },\r\n\r\n [getSubMenuClasses('itemText')]: {\r\n color: `var(--color-text-sub-menu, ${theme.palette.grey[100]})`,\r\n textDecoration: 'none',\r\n display: 'block',\r\n width: '100%',\r\n transition: 'all 0.3s ease',\r\n span: {\r\n display: 'inline-block'\r\n }\r\n },\r\n\r\n [getSubMenuClasses('itemIcon')]: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n flexShrink: 0,\r\n transition: 'transform var(--timing-medium) var(--easing-bounce)',\r\n transformOrigin: 'left bottom',\r\n position: 'relative',\r\n marginRight: theme.spacing(1),\r\n 'img, svg, .icon-img': { width: 'var(--size-icon)', height: 'var(--size-icon)' },\r\n '.icon-img': {\r\n backgroundImage: `var(--mask-url)`,\r\n backgroundSize: 'cover',\r\n backgroundPosition: 'center',\r\n display: 'block',\r\n borderRadius: 4,\r\n transition: 'filter 0.3s',\r\n position: 'relative',\r\n zIndex: 1,\r\n filter: 'var(--filter-icon, invert(1) brightness(0.9) opacity(1))'\r\n }\r\n },\r\n\r\n [getSubMenuClasses('socialText')]: {\r\n color: 'var(--color-text-secondary, #9da1a5)'\r\n },\r\n\r\n [getSubMenuClasses('item')]: {\r\n position: 'relative',\r\n transition: 'all 0.35s ease',\r\n padding: theme.spacing(1.5, 3.5, 1.5, 1.5),\r\n backgroundColor: 'var(--bg-nav-item, transparent)',\r\n borderRadius: theme.shape.borderRadius,\r\n\r\n '&::before': {\r\n content: '\"\"',\r\n position: 'absolute',\r\n left: '14px',\r\n top: '50%',\r\n transform: 'translateY(-50%)',\r\n width: 0,\r\n transition: 'all 0.4s',\r\n background: 'var(--bg-divider)',\r\n height: '2px'\r\n },\r\n\r\n '&:hover': {\r\n '--color-text-sub-menu': theme.palette.common.white,\r\n '--filter-icon': 'invert(1) brightness(1) opacity(1)',\r\n padding: theme.spacing(1.5, 1.5, 1.5, 3.5),\r\n backgroundColor: 'var(--bg-nav-item-hover, rgba(249, 169, 37, 0.1))',\r\n '&::before': {\r\n width: theme.spacing(1.125),\r\n marginRight: theme.spacing(1)\r\n }\r\n }\r\n }\r\n}))\r\n"],"names":["subMenuClasses","root","rootContent","content","group","title","item","itemContent","itemIcon","itemText","socialText","hovering","getSubMenuClasses","key","options","concat","SubMenuWrap","styled","Box","_ref","theme","_defineProperty","position","opacity","transform","top","right","visibility","paddingTop","backgroundColor","width","height","spacing","zIndex","animation","SubMenuStyled","_ref3","borderRadius","shape","minWidth","maxWidth","boxShadow","display","padding","breakpoints","down","flexDirection","borderRight","alpha","palette","common","white","color","fontWeight","marginBottom","alignItems","grey","textDecoration","transition","span","flexShrink","transformOrigin","marginRight","backgroundImage","backgroundSize","backgroundPosition","filter","left","background"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"sub-menu.styled.js","sources":["../../src/layout-global/sub-menu.styled.ts"],"sourcesContent":["import { alpha, Box, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { BoxProps } from '@mui/material'\r\n\r\n// export const PopoverStyled: ComponentType<PopoverProps> = styled(Popover)(({ theme }) => ({\r\n// marginTop: '45px',\r\n// '.MuiPaper-root': {\r\n// overflow: 'visible',\r\n// backgroundColor: '#323234',\r\n// borderRadius: theme.shape.borderRadius,\r\n// minWidth: '280px',\r\n// maxWidth: '550px',\r\n// boxShadow: `0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)`,\r\n// animation: 'fadeInDown 0.3s ease-out',\r\n// marginTop: '8px',\r\n// color: theme.palette.common.white,\r\n\r\n// '@keyframes fadeInDown': {\r\n// '0%': { opacity: 0, transform: 'translateY(-10px)' },\r\n// '100%': { opacity: 1, transform: 'translateY(0)' }\r\n// },\r\n\r\n// '&::before': {\r\n// content: '\"\"',\r\n// position: 'absolute',\r\n// backgroundColor: '#323234',\r\n// width: '10px',\r\n// height: '10px',\r\n// top: '-4px',\r\n// right: theme.spacing(1.5),\r\n// transform: 'translateX(-50%) rotate(45deg)',\r\n// zIndex: 0\r\n// }\r\n// },\r\n// '.MuiBackdrop-root': { backgroundColor: 'transparent' },\r\n// '.MuiList-root': { padding: 0 }\r\n// }))\r\n\r\nexport const subMenuClasses = {\r\n root: 'SubMenu-root',\r\n rootContent: 'SubMenu-rootContent',\r\n content: 'SubMenu-content',\r\n group: 'SubMenu-group',\r\n title: 'SubMenu-title',\r\n item: 'SubMenu-item',\r\n itemContent: 'SubMenu-itemContent',\r\n itemIcon: 'SubMenu-itemIcon',\r\n itemText: 'SubMenu-itemText',\r\n socialText: 'SubMenu-socialText',\r\n hovering: 'SubMenu-hovering'\r\n}\r\n\r\nconst getSubMenuClasses = (key: keyof typeof subMenuClasses, options?: { prefix?: string; suffix?: string }) => {\r\n return `${options?.prefix || ''}.${subMenuClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const SubMenuWrap: ComponentType<BoxProps> = styled(Box)(({ theme }) => ({\r\n position: 'relative',\r\n '@keyframes fadeInDown': {\r\n '0%': { opacity: 0, transform: 'translateY(-10px)' },\r\n '100%': { opacity: 1, transform: 'translateY(0)' }\r\n },\r\n [getSubMenuClasses('root')]: {\r\n position: 'absolute',\r\n top: '100%',\r\n right: 0,\r\n opacity: 0,\r\n visibility: 'hidden',\r\n paddingTop: '16px'\r\n },\r\n [getSubMenuClasses('rootContent')]: {\r\n position: 'relative',\r\n '&::before': {\r\n content: '\"\"',\r\n position: 'absolute',\r\n backgroundColor: '#323234',\r\n width: '10px',\r\n height: '10px',\r\n top: '-4px',\r\n right: theme.spacing(1),\r\n transform: 'translateX(-50%) rotate(45deg)',\r\n zIndex: 0\r\n }\r\n },\r\n '&:hover': {\r\n '> .MuiButtonBase-root': {\r\n '&::after': { width: 'calc(100% - (var(--spacing-x-size) * 2))' },\r\n '& .icon-static': { transform: 'rotate(-10deg)' },\r\n '& .text-visible': { transform: 'translateY(-100%) skewY(-15deg)', opacity: 1 },\r\n '& .text-hidden': { transform: 'translateY(-50%) skewY(0)', opacity: 1 }\r\n },\r\n [getSubMenuClasses('root')]: {\r\n opacity: 1,\r\n visibility: 'visible',\r\n animation: 'fadeInDown 0.3s ease-out'\r\n }\r\n }\r\n}))\r\n\r\nexport const SubMenuStyled: ComponentType<BoxProps> = styled(Box)(({ theme }) => ({\r\n '--bg-divider': 'linear-gradient(45deg, rgb(211, 47, 47) 0%, rgb(249, 169, 37) 70%, rgb(211, 47, 47) 100%) 0% 0% / 200%',\r\n '--size-icon': '24px',\r\n [getSubMenuClasses('rootContent')]: {\r\n backgroundColor: '#323234',\r\n borderRadius: theme.shape.borderRadius,\r\n minWidth: '280px',\r\n maxWidth: '550px',\r\n boxShadow: `0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)`\r\n },\r\n [getSubMenuClasses('content')]: {\r\n display: 'flex',\r\n padding: theme.spacing(1, 0),\r\n [theme.breakpoints.down('md')]: {\r\n flexDirection: 'column',\r\n padding: theme.spacing(1, 0)\r\n }\r\n // '&:hover': {\r\n // '--color-text-sub-menu': theme.palette.grey[500],\r\n // '--filter-icon': 'invert(1) brightness(0.6) opacity(0.7)'\r\n // }\r\n },\r\n\r\n [getSubMenuClasses('group')]: {\r\n borderRight: `1px solid ${alpha(theme.palette.common.white, 0.1)}`,\r\n padding: theme.spacing(0, 1),\r\n '&:last-of-type': {\r\n borderRight: 'none'\r\n },\r\n [theme.breakpoints.down('md')]: {\r\n borderRight: 'none',\r\n padding: theme.spacing(0, 0, 0, 1)\r\n }\r\n },\r\n\r\n [getSubMenuClasses('title')]: {\r\n padding: theme.spacing(0.5, 1.25),\r\n color: 'var(--color-title-sub-menu, #ffffff)',\r\n fontWeight: 500,\r\n marginBottom: theme.spacing(1.25)\r\n },\r\n\r\n [getSubMenuClasses('itemContent')]: {\r\n display: 'flex',\r\n alignItems: 'center'\r\n },\r\n\r\n [getSubMenuClasses('itemText')]: {\r\n color: `var(--color-text-sub-menu, ${theme.palette.grey[100]})`,\r\n textDecoration: 'none',\r\n display: 'block',\r\n width: '100%',\r\n transition: 'all 0.3s ease',\r\n span: {\r\n display: 'inline-block'\r\n }\r\n },\r\n\r\n [getSubMenuClasses('itemIcon')]: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n flexShrink: 0,\r\n transition: 'transform var(--timing-medium) var(--easing-bounce)',\r\n transformOrigin: 'left bottom',\r\n position: 'relative',\r\n marginRight: theme.spacing(1),\r\n 'img, svg, .icon-img': { width: 'var(--size-icon)', height: 'var(--size-icon)' },\r\n '.icon-img': {\r\n backgroundImage: `var(--mask-url)`,\r\n backgroundSize: 'cover',\r\n backgroundPosition: 'center',\r\n display: 'block',\r\n borderRadius: 4,\r\n transition: 'filter 0.3s',\r\n position: 'relative',\r\n zIndex: 1,\r\n filter: 'var(--filter-icon, invert(1) brightness(0.9) opacity(1))'\r\n }\r\n },\r\n\r\n [getSubMenuClasses('socialText')]: {\r\n color: 'var(--color-text-secondary, #9da1a5)'\r\n },\r\n\r\n [getSubMenuClasses('item')]: {\r\n position: 'relative',\r\n transition: 'all 0.35s ease',\r\n padding: theme.spacing(1.5, 3.5, 1.5, 1.5),\r\n backgroundColor: 'var(--bg-nav-item, transparent)',\r\n borderRadius: theme.shape.borderRadius,\r\n\r\n '&::before': {\r\n content: '\"\"',\r\n position: 'absolute',\r\n left: '14px',\r\n top: '50%',\r\n transform: 'translateY(-50%)',\r\n width: 0,\r\n transition: 'all 0.4s',\r\n background: 'var(--bg-divider)',\r\n height: '2px'\r\n },\r\n\r\n '&:hover': {\r\n '--color-text-sub-menu': theme.palette.common.white,\r\n '--filter-icon': 'invert(1) brightness(1) opacity(1)',\r\n padding: theme.spacing(1.5, 1.5, 1.5, 3.5),\r\n backgroundColor: 'var(--bg-nav-item-hover, rgba(249, 169, 37, 0.1))',\r\n '&::before': {\r\n width: theme.spacing(1.125),\r\n marginRight: theme.spacing(1)\r\n }\r\n }\r\n }\r\n}))\r\n"],"names":["subMenuClasses","root","rootContent","content","group","title","item","itemContent","itemIcon","itemText","socialText","hovering","getSubMenuClasses","key","options","concat","SubMenuWrap","styled","Box","_ref","theme","_defineProperty","position","opacity","transform","top","right","visibility","paddingTop","backgroundColor","width","height","spacing","zIndex","animation","SubMenuStyled","_ref3","borderRadius","shape","minWidth","maxWidth","boxShadow","display","padding","breakpoints","down","flexDirection","borderRight","alpha","palette","common","white","color","fontWeight","marginBottom","alignItems","grey","textDecoration","transition","span","flexShrink","transformOrigin","marginRight","backgroundImage","backgroundSize","backgroundPosition","filter","left","background"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sources":["../../src/layout-global/types.ts"],"sourcesContent":["import type { ReactNode } from 'react'\r\nimport type { SxProps, Theme } from '@mui/material'\r\nimport type {
|
|
1
|
+
{"version":3,"file":"types.js","sources":["../../src/layout-global/types.ts"],"sourcesContent":["import type { ReactNode } from 'react'\r\nimport type { SxProps, Theme } from '@mui/material'\r\nimport type { AppSite } from '../types'\r\nimport type { IButtonAnimationProps } from './animated-tabs.units'\r\n\r\nexport type SingleOrArray<T> = T | T[]\r\n\r\nexport enum ENavKey {\r\n Home = 'home',\r\n Pricing = 'pricing',\r\n SubmitMedia = 'submit-media',\r\n Faqs = 'faqs',\r\n Videos = 'videos',\r\n Audios = 'audios',\r\n Privacy = 'privacy',\r\n Terms = 'terms',\r\n About = 'about',\r\n CreateAccount = 'create-account',\r\n ContactUs = 'contact-us',\r\n PurchaseLicenses = 'purchase-licenses'\r\n}\r\n\r\nexport interface IAuthData {\r\n userId?: string\r\n displayName?: string\r\n userAvatar?: string\r\n isAuthenticated?: boolean\r\n profilePath?: string\r\n registerPath?: string\r\n loginPath?: string\r\n logoutPath?: string\r\n isFirstLogin?: boolean\r\n}\r\n\r\nexport interface IAppSocial {\r\n link: string\r\n icon: ReactNode\r\n color?: string\r\n sx?: SxProps<Theme>\r\n}\r\n\r\nexport interface INavLinkOptions {\r\n tabKey?: 'video' | 'audio'\r\n toLocate?: 'home' | 'faqs' | 'about' | 'contact' | 'pricing'\r\n}\r\n\r\nexport type INavLink = {\r\n /** App site key */\r\n site: AppSite\r\n /** Navigation key */\r\n key?: ENavKey\r\n /** Link URL */\r\n href: string\r\n /** Router path for internal routing (Next.js/React Router) */\r\n routerPath?: string\r\n /** Link target */\r\n target?: '_blank' | '_self'\r\n /** This field is used for UI handling and some other non-critical tasks */\r\n options?: string\r\n}\r\n\r\nexport type NavItemClickFunction = (event: React.MouseEvent<HTMLAnchorElement | HTMLDivElement, MouseEvent>, item: INavLink) => void\r\n\r\nexport interface IAppNav {\r\n title: string\r\n navLink?: INavLink\r\n options?: Partial<IButtonAnimationProps>\r\n}\r\n\r\nexport interface IAppMenuItem extends Omit<IAppNav, 'options'> {\r\n icon?: ReactNode\r\n}\r\n\r\nexport interface IAppMenu {\r\n title: string\r\n icon?: ReactNode\r\n items?: IAppMenuItem[]\r\n}\r\n\r\nexport type OnRouterUrlGetter = (site: AppSite, path: string) => string\r\n"],"names":["ENavKey"],"mappings":"IAOYA,GAAZ,SAAYA,GACVA,EAAA,KAAA,OACAA,EAAA,QAAA,UACAA,EAAA,YAAA,eACAA,EAAA,KAAA,OACAA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,QAAA,UACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,cAAA,iBACAA,EAAA,UAAA,aACAA,EAAA,iBAAA,mBACD,CAbD,CAAYA,IAAAA,EAaX,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mode.iframe.d.ts","sourceRoot":"","sources":["../../../src/editor-kit/mode.iframe.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAA;AAMvD,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,GAAG,CAAA;IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"mode.iframe.d.ts","sourceRoot":"","sources":["../../../src/editor-kit/mode.iframe.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAA;AAMvD,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,GAAG,CAAA;IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC7B;AAUD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,qBAAqB,CA2SrD,CAAA;AAED,eAAe,eAAe,CAAA;AAE9B,eAAO,MAAM,sBAAsB;;;;;;;;;;CAUlC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-header.d.ts","sourceRoot":"","sources":["../../../src/layout-global/app-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAE,aAAa,EAAM,SAAS,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,EAAW,oBAAoB,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"app-header.d.ts","sourceRoot":"","sources":["../../../src/layout-global/app-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAE,aAAa,EAAM,SAAS,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,EAAW,oBAAoB,EAAE,MAAM,SAAS,CAAA;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAG7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAI1D,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAA;CAC7C;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,eAAe,CAAA;IACxB,cAAc,CAAC,EAAE,oBAAoB,CAAA;IACrC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,eAAe,CAAA;CACxB;AAED,qBAAa,SAAU,SAAQ,SAAS,CAAC,eAAe,CAAC;IACvD,OAAO,CAAC,OAAO,CAAoC;gBACvC,KAAK,EAAE,eAAe;IAQlC,MAAM;CA0BP;AACD,eAAe,SAAS,CAAA;AAExB,eAAO,MAAM,eAAe,WAAY,eAAe,KAAG,cAAc,QAAQ,eAAe,CAAC,CAM/F,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Component } from 'react';
|
|
2
2
|
import type { SxProps, Theme } from '@mui/material';
|
|
3
|
-
import type { MouseEvent as RMouseEvent
|
|
3
|
+
import type { MouseEvent as RMouseEvent } from 'react';
|
|
4
4
|
import { IButtonAnimationProps } from './animated-tabs.units';
|
|
5
5
|
import type { IAppNav, NavItemClickFunction } from './types';
|
|
6
6
|
export interface IAppHeaderNavSlots {
|
|
@@ -8,25 +8,15 @@ export interface IAppHeaderNavSlots {
|
|
|
8
8
|
buttonNavPropsGetter?: (item: IAppNav) => Partial<IButtonAnimationProps>;
|
|
9
9
|
}
|
|
10
10
|
export interface IHeaderNavProps {
|
|
11
|
-
configs: IAppNav[]
|
|
11
|
+
configs: Record<'navs' | 'menu', IAppNav[]>;
|
|
12
12
|
sx?: SxProps<Theme>;
|
|
13
13
|
onNavItemClick?: NavItemClickFunction;
|
|
14
14
|
slots?: IAppHeaderNavSlots;
|
|
15
15
|
}
|
|
16
|
-
|
|
17
|
-
anchorEl: HTMLElement | null;
|
|
18
|
-
navSelected: IAppNav | null;
|
|
19
|
-
}
|
|
20
|
-
declare class AppHeaderNav extends Component<IHeaderNavProps, IHeaderNavState> {
|
|
21
|
-
constructor(props: IHeaderNavProps);
|
|
16
|
+
declare class AppHeaderNav extends Component<IHeaderNavProps> {
|
|
22
17
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
getLiProps: (item: IAppNav) => React.HTMLProps<HTMLLIElement>;
|
|
24
18
|
getButtonNavProps: (item: IAppNav) => Partial<IButtonAnimationProps>;
|
|
25
|
-
renderItemIcon: (nav: IAppNav) => ReactNode;
|
|
26
|
-
handleMouseEnter: (e: React.MouseEvent<HTMLLIElement>, item: IAppNav) => void;
|
|
27
|
-
handleMouseLeave: () => void;
|
|
28
19
|
handleClickNavItem: (e: RMouseEvent<HTMLAnchorElement, MouseEvent>, nav?: IAppNav) => void;
|
|
29
|
-
onCloseMenuHandler: () => void;
|
|
30
20
|
}
|
|
31
21
|
export default AppHeaderNav;
|
|
32
22
|
//# sourceMappingURL=app-header.nav.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-header.nav.d.ts","sourceRoot":"","sources":["../../../src/layout-global/app-header.nav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,KAAK,EAAE,UAAU,IAAI,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"app-header.nav.d.ts","sourceRoot":"","sources":["../../../src/layout-global/app-header.nav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,KAAK,EAAE,UAAU,IAAI,WAAW,EAAE,MAAM,OAAO,CAAA;AAGtD,OAAO,EAAmB,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;AAC9E,OAAO,KAAK,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAG5D,MAAM,WAAW,kBAAkB;IACjC,cAAc,CAAC,EAAE,qBAAqB,CAAA;IACtC,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,qBAAqB,CAAC,CAAA;CACzE;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;IAC3C,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IACnB,cAAc,CAAC,EAAE,oBAAoB,CAAA;IACrC,KAAK,CAAC,EAAE,kBAAkB,CAAA;CAC3B;AAED,cAAM,YAAa,SAAQ,SAAS,CAAC,eAAe,CAAC;IACnD,MAAM;IAwBN,iBAAiB,SAAU,OAAO,KAAG,QAAQ,qBAAqB,CAAC,CAelE;IAED,kBAAkB,MAAO,YAAY,iBAAiB,EAAE,UAAU,CAAC,QAAQ,OAAO,UAIjF;CACF;AACD,eAAe,YAAY,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-header.styled.d.ts","sourceRoot":"","sources":["../../../src/layout-global/app-header.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAU,MAAM,eAAe,CAAA;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,eAAO,MAAM,gBAAgB
|
|
1
|
+
{"version":3,"file":"app-header.styled.d.ts","sourceRoot":"","sources":["../../../src/layout-global/app-header.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAU,MAAM,eAAe,CAAA;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;CAa5B,CAAA;AAED,eAAO,MAAM,mBAAmB,QAAS,MAAM,uBAAuB,YAAY;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,WAErH,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,QAAQ,CA6B9C,CAAA;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,YAAY,CAAA;AAGlD,eAAO,MAAM,SAAS,EAAE,aAAa,CAAC,QAAQ,CA4B3C,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"configs.d.ts","sourceRoot":"","sources":["../../../src/layout-global/configs.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAmB,MAAM,SAAS,CAAA;AAC3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,eAAO,MAAM,UAAU,qBAAqB,CAAA;AAC5C,eAAO,MAAM,aAAa,SAAU,eAAe,WAA6B,CAAA;AAEhF,eAAO,MAAM,WAAW,0BAA0B,CAAA;AAClD,eAAO,MAAM,cAAc,SAAU,eAAe,WAA8B,CAAA;AAElF,eAAO,MAAM,gBAAgB,EAAE,UAAU,EAMxC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAahD,CAAA;AAMD,eAAO,MAAM,WAAW,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,MAAM,CAAC,OAAO,EAAE,QAAQ,CA+C9E,CAAA;AAEF,eAAO,MAAM,oBAAoB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,QAAQ,EA4BxE,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,
|
|
1
|
+
{"version":3,"file":"configs.d.ts","sourceRoot":"","sources":["../../../src/layout-global/configs.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAmB,MAAM,SAAS,CAAA;AAC3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,eAAO,MAAM,UAAU,qBAAqB,CAAA;AAC5C,eAAO,MAAM,aAAa,SAAU,eAAe,WAA6B,CAAA;AAEhF,eAAO,MAAM,WAAW,0BAA0B,CAAA;AAClD,eAAO,MAAM,cAAc,SAAU,eAAe,WAA8B,CAAA;AAElF,eAAO,MAAM,gBAAgB,EAAE,UAAU,EAMxC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAahD,CAAA;AAMD,eAAO,MAAM,WAAW,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,MAAM,CAAC,OAAO,EAAE,QAAQ,CA+C9E,CAAA;AAEF,eAAO,MAAM,oBAAoB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,QAAQ,EA4BxE,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,EAUtE,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,EAcpE,CAAA;AAED,eAAO,MAAM,iBAAiB,uLAAuL,CAAA;AAErN,eAAO,MAAM,gBAAgB,cAG5B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,EAMzE,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,EAAE,EAkBxE,CAAA"}
|
|
@@ -5,19 +5,7 @@ export interface ISubMenuProps extends PropsWithChildren {
|
|
|
5
5
|
menu?: SingleOrArray<IAppMenu>;
|
|
6
6
|
onNavItemClick?: NavItemClickFunction;
|
|
7
7
|
}
|
|
8
|
-
|
|
9
|
-
open: boolean;
|
|
10
|
-
locked: boolean;
|
|
11
|
-
}
|
|
12
|
-
declare class SubMenu extends Component<ISubMenuProps, ISubMenuState> {
|
|
13
|
-
wrapRef: import("react").RefObject<HTMLDivElement>;
|
|
14
|
-
constructor(props: ISubMenuProps);
|
|
15
|
-
componentDidMount(): void;
|
|
16
|
-
componentWillUnmount(): void;
|
|
17
|
-
handleMouseEnter: () => void;
|
|
18
|
-
handleMouseLeave: () => void;
|
|
19
|
-
handleClick: () => void;
|
|
20
|
-
handleClickOutside: (event: MouseEvent) => void;
|
|
8
|
+
declare class SubMenu extends Component<ISubMenuProps> {
|
|
21
9
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
22
10
|
renderItem: (item: IAppMenu, index: number) => import("react/jsx-runtime").JSX.Element;
|
|
23
11
|
renderIcon: (value: ReactNode) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sub-menu.d.ts","sourceRoot":"","sources":["../../../src/layout-global/sub-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"sub-menu.d.ts","sourceRoot":"","sources":["../../../src/layout-global/sub-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIzD,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEtF,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,IAAI,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;IAC9B,cAAc,CAAC,EAAE,oBAAoB,CAAA;CACtC;AAED,cAAM,OAAQ,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC5C,MAAM;IAsBN,UAAU,SAAU,QAAQ,SAAS,MAAM,6CAsB1C;IAED,UAAU,UAAW,SAAS,oDAO7B;IAED,WAAW,mBAGV;IAED,kBAAkB,UAAW,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,SAAS,QAAQ,UAG5F;CACF;AACD,eAAe,OAAO,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sub-menu.styled.d.ts","sourceRoot":"","sources":["../../../src/layout-global/sub-menu.styled.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"sub-menu.styled.d.ts","sourceRoot":"","sources":["../../../src/layout-global/sub-menu.styled.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAoC7C,eAAO,MAAM,cAAc;;;;;;;;;;;;CAY1B,CAAA;AAMD,eAAO,MAAM,WAAW,EAAE,aAAa,CAAC,QAAQ,CAyC7C,CAAA;AAEH,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,QAAQ,CAkH/C,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
2
|
import type { SxProps, Theme } from '@mui/material';
|
|
3
|
-
import type { IButtonAnimationProps } from './animated-tabs.units';
|
|
4
3
|
import type { AppSite } from '../types';
|
|
4
|
+
import type { IButtonAnimationProps } from './animated-tabs.units';
|
|
5
5
|
export type SingleOrArray<T> = T | T[];
|
|
6
6
|
export declare enum ENavKey {
|
|
7
7
|
Home = "home",
|
|
@@ -53,12 +53,12 @@ export type INavLink = {
|
|
|
53
53
|
options?: string;
|
|
54
54
|
};
|
|
55
55
|
export type NavItemClickFunction = (event: React.MouseEvent<HTMLAnchorElement | HTMLDivElement, MouseEvent>, item: INavLink) => void;
|
|
56
|
-
export interface
|
|
56
|
+
export interface IAppNav {
|
|
57
|
+
title: string;
|
|
57
58
|
navLink?: INavLink;
|
|
58
59
|
options?: Partial<IButtonAnimationProps>;
|
|
59
60
|
}
|
|
60
|
-
export interface IAppMenuItem extends Omit<
|
|
61
|
-
title: string;
|
|
61
|
+
export interface IAppMenuItem extends Omit<IAppNav, 'options'> {
|
|
62
62
|
icon?: ReactNode;
|
|
63
63
|
}
|
|
64
64
|
export interface IAppMenu {
|
|
@@ -66,9 +66,5 @@ export interface IAppMenu {
|
|
|
66
66
|
icon?: ReactNode;
|
|
67
67
|
items?: IAppMenuItem[];
|
|
68
68
|
}
|
|
69
|
-
export interface IAppNav extends IAppNavDef {
|
|
70
|
-
title: string;
|
|
71
|
-
menu?: SingleOrArray<IAppMenu>;
|
|
72
|
-
}
|
|
73
69
|
export type OnRouterUrlGetter = (site: AppSite, path: string) => string;
|
|
74
70
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout-global/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout-global/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;AAElE,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAA;AAEtC,oBAAY,OAAO;IACjB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,WAAW,iBAAiB;IAC5B,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,aAAa,mBAAmB;IAChC,SAAS,eAAe;IACxB,gBAAgB,sBAAsB;CACvC;AAED,MAAM,WAAW,SAAS;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;CAC7D;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,mBAAmB;IACnB,IAAI,EAAE,OAAO,CAAA;IACb,qBAAqB;IACrB,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,eAAe;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kBAAkB;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC3B,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,cAAc,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;AAEpI,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAA;CACzC;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;CACvB;AAED,MAAM,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA"}
|