jamespot-react-core 1.1.56 → 1.1.58
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/build/81.bundle.js +1 -1
- package/build/81.bundle.js.map +1 -1
- package/build/app.bundle.js +23 -23
- package/build/app.bundle.js.map +1 -1
- package/package.json +3 -3
package/build/81.bundle.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[81],{81:(e,t,n)=>{n.r(t),n.d(t,{TwoColLayout:()=>i});var a=n(363),l=n(248),o=n(181),r=n(850);const s=r.default.registry.getLazyComponent("Container"),u=r.default.registry.getLazyComponent("AppColumn"),c=r.default.registry.getLazyComponent("MainColumn");function i(e){var t;const n=(0,o.useIntl)(),r=
|
|
1
|
+
"use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[81],{81:(e,t,n)=>{n.r(t),n.d(t,{TwoColLayout:()=>i});var a=n(363),l=n(248),o=n(181),r=n(850);const s=r.default.registry.getLazyComponent("Container"),u=r.default.registry.getLazyComponent("AppColumn"),c=r.default.registry.getLazyComponent("MainColumn");function i(e){var t;const n=(0,o.useIntl)(),r=Object.values(e.routes),[i,m]=a.useState(null===(t=null==r?void 0:r[0])||void 0===t?void 0:t.key),p=r.map((t=>Object.assign(Object.assign({},t),{label:n.formatMessage({id:t.label}),href:`/ng/rr/${e.extensionRoute}/${t.path}`})));return a.useEffect((()=>{const t=r.find((t=>window.location.pathname===`/ng/rr/${e.extensionRoute}/${t.path}`));t&&m(t.key)}),[window.location.pathname]),a.createElement(a.Suspense,{fallback:a.createElement(a.Fragment,null)},a.createElement(s,null,a.createElement(u,{description:e.description,tabs:p,activeTab:i}),a.createElement(c,null,a.createElement(l.Outlet,null))))}}}]);
|
|
2
2
|
//# sourceMappingURL=81.bundle.js.map
|
package/build/81.bundle.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"81.bundle.js","mappings":"6KAMA,MAAMA,EAAY,oCAAoD,aAChEC,EAAY,oCAAoD,aAChEC,EAAa,oCAAqD,cAgBjE,SAASC,EAAaC,G,MACzB,MAAMC,GAAO,IAAAC,
|
|
1
|
+
{"version":3,"file":"81.bundle.js","mappings":"6KAMA,MAAMA,EAAY,oCAAoD,aAChEC,EAAY,oCAAoD,aAChEC,EAAa,oCAAqD,cAgBjE,SAASC,EAAaC,G,MACzB,MAAMC,GAAO,IAAAC,WAEPC,EAAeC,OAAOC,OAAOL,EAAMM,SAClCC,EAAWC,GAAgB,WAAgC,QAAjB,EAAAL,MAAAA,OAAY,EAAZA,EAAe,UAAE,eAAEM,KAE9DC,EAAOP,EAAaQ,KAAKC,GAAS,OAAD,wBAChCA,GAAG,CACNC,MAAOZ,EAAKa,cAAc,CAAEC,GAAIH,EAAIC,QACpCG,KAAM,UAAUhB,EAAMiB,kBAAkBL,EAAIM,WAUhD,OAPA,aAAgB,KACZ,MAAMC,EAAchB,EAAaiB,MAC5BC,GAAUC,OAAOC,SAASC,WAAa,UAAUxB,EAAMiB,kBAAkBI,EAAMH,SAEhFC,GAAaX,EAAaW,EAAYV,OAC3C,CAACa,OAAOC,SAASC,WAGhB,gBAAC,WAAc,CAACC,SAAU,kCACtB,gBAAC7B,EAAS,KACN,gBAACC,EAAS,CAAC6B,YAAa1B,EAAM0B,YAAahB,KAAMA,EAAMH,UAAWA,IAClE,gBAACT,EAAU,KACP,gBAAC,EAAA6B,OAAM","sources":["webpack://ReactCore/./src/components/TwoColLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Outlet } from 'react-router-dom';\nimport { useIntl } from 'react-intl';\nimport type { JRCAppColumnProps, JRCContainerProps, JRCMainColumnProps } from 'jamespot-react-components';\nimport JRCore from 'App';\n\nconst Container = JRCore.registry.getLazyComponent<JRCContainerProps>('Container');\nconst AppColumn = JRCore.registry.getLazyComponent<JRCAppColumnProps>('AppColumn');\nconst MainColumn = JRCore.registry.getLazyComponent<JRCMainColumnProps>('MainColumn');\n\nexport type TwoColLayoutProps = {\n extensionRoute: string;\n routes: Record<\n string,\n {\n path: string;\n key: string;\n icon: string;\n label: string;\n }\n >;\n description: JRCAppColumnProps['description'];\n};\n\nexport function TwoColLayout(props: TwoColLayoutProps) {\n const intl = useIntl();\n\n const ROUTES_ARRAY = Object.values(props.routes);\n const [activeTab, setActiveTab] = React.useState(ROUTES_ARRAY?.[0]?.key);\n\n const tabs = ROUTES_ARRAY.map((tab) => ({\n ...tab,\n label: intl.formatMessage({ id: tab.label }),\n href: `/ng/rr/${props.extensionRoute}/${tab.path}`,\n }));\n\n React.useEffect(() => {\n const activeRoute = ROUTES_ARRAY.find(\n (route) => window.location.pathname === `/ng/rr/${props.extensionRoute}/${route.path}`,\n );\n if (activeRoute) setActiveTab(activeRoute.key);\n }, [window.location.pathname]);\n\n return (\n <React.Suspense fallback={<></>}>\n <Container>\n <AppColumn description={props.description} tabs={tabs} activeTab={activeTab} />\n <MainColumn>\n <Outlet />\n </MainColumn>\n </Container>\n </React.Suspense>\n );\n}\n"],"names":["Container","AppColumn","MainColumn","TwoColLayout","props","intl","useIntl","ROUTES_ARRAY","Object","values","routes","activeTab","setActiveTab","key","tabs","map","tab","label","formatMessage","id","href","extensionRoute","path","activeRoute","find","route","window","location","pathname","fallback","description","Outlet"],"sourceRoot":""}
|