@coorpacademy/components 10.0.33-alpha.7 → 10.0.36
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/es/organism/accordion/coorp-manager/part/index.js +3 -2
- package/es/organism/accordion/coorp-manager/part/index.js.map +1 -1
- package/es/organism/setup-header/index.js +4 -5
- package/es/organism/setup-header/index.js.map +1 -1
- package/es/organism/setup-header/style.css +4 -1
- package/es/template/back-office/brand-update/index.js +1 -1
- package/es/template/back-office/brand-update/index.js.map +1 -1
- package/es/template/back-office/brand-update/style.css +0 -1
- package/lib/organism/accordion/coorp-manager/part/index.js +3 -2
- package/lib/organism/accordion/coorp-manager/part/index.js.map +1 -1
- package/lib/organism/setup-header/index.js +4 -5
- package/lib/organism/setup-header/index.js.map +1 -1
- package/lib/organism/setup-header/style.css +4 -1
- package/lib/template/back-office/brand-update/index.js +1 -1
- package/lib/template/back-office/brand-update/index.js.map +1 -1
- package/lib/template/back-office/brand-update/style.css +0 -1
- package/package.json +3 -3
|
@@ -144,10 +144,11 @@ const AccordionPart = (props, context) => {
|
|
|
144
144
|
onClick();
|
|
145
145
|
}
|
|
146
146
|
|
|
147
|
+
const isCollapsibleTab = type === 'collapsibleTab';
|
|
147
148
|
return /*#__PURE__*/React.createElement("div", {
|
|
148
149
|
"data-name": "accordionPart",
|
|
149
150
|
className: themeStyle[theme]
|
|
150
|
-
},
|
|
151
|
+
}, !isCollapsibleTab ? /*#__PURE__*/React.createElement(Link, {
|
|
151
152
|
onClick: handleParentClick,
|
|
152
153
|
skinHover: true,
|
|
153
154
|
href: href,
|
|
@@ -178,7 +179,7 @@ const AccordionPart = (props, context) => {
|
|
|
178
179
|
selected: selected,
|
|
179
180
|
isOpen: isOpen,
|
|
180
181
|
type: type
|
|
181
|
-
}), isOpen ? /*#__PURE__*/React.createElement("div", {
|
|
182
|
+
}), isCollapsibleTab && isOpen ? /*#__PURE__*/React.createElement("div", {
|
|
182
183
|
className: themeStyle.container
|
|
183
184
|
}, content) : null);
|
|
184
185
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"names":["React","PropTypes","classnames","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationArrowDown","ArrowIcon","NovaCompositionCoorpacademyOpenInNewTab","OpenInNewTabIcon","NovaCompositionCoorpacademyDashboard","DashboardIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaCompositionCoorpacademyAnimation","AnimationIcon","NovaCompositionCoorpacademyAdministration","AdministrationIcon","NovaCompositionCoorpacademyContentCreation","ContentCreationIcon","NovaCompositionCoorpacademyEditorialization","EditorializationIcon","Link","Provider","style","ICON_TYPES","arrow","dashboard","analytics","administration","animation","contentCreation","editorialization","defaultStyle","titleIcon","label","titleLabel","selectedLabel","title","setupTitle","container","openHeader","closedHeader","default","setupThemeStyle","titleActivatedIcon","setupTitleActivatedIcon","setupTitleLabel","setupSelectedTitleLabel","setupSelectedTitle","selectedTitle","setupContainer","coorpManagerOpenHeader","coorpManagerClosedHeader","MoreLessIcons","type","moreClassName","lessClassName","darkColor","mediumColor","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","openIconActivated","openIcon","closeIconActivated","closeIcon","iconColor","iconBlue","iconGrey","hoverIconColor","blueTitleIcon","selectedBlackLabel","labelBlack","Icon","isLink","isCollapsible","wrapper","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","textDecoration","contextTypes","childContextTypes","propTypes","oneOf","string","node","func","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n NovaSolidLightsLightbulb4 as LightBulbIcon,\n NovaCompositionNavigationArrowDown as ArrowIcon,\n NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon,\n NovaCompositionCoorpacademyDashboard as DashboardIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaCompositionCoorpacademyAnimation as AnimationIcon,\n NovaCompositionCoorpacademyAdministration as AdministrationIcon,\n NovaCompositionCoorpacademyContentCreation as ContentCreationIcon,\n NovaCompositionCoorpacademyEditorialization as EditorializationIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../../../atom/link';\nimport Provider from '../../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n arrow: LightBulbIcon,\n dashboard: DashboardIcon,\n analytics: AnalyticsIcon,\n administration: AdministrationIcon,\n animation: AnimationIcon,\n contentCreation: ContentCreationIcon,\n editorialization: EditorializationIcon\n};\n\nconst defaultStyle = {\n titleIcon: style.titleIcon,\n label: style.titleLabel,\n selectedLabel: style.titleLabel,\n title: style.setupTitle,\n container: style.container,\n openHeader: style.openHeader,\n closedHeader: style.closedHeader,\n default: null\n};\n\nconst setupThemeStyle = {\n titleIcon: style.titleIcon,\n titleActivatedIcon: style.setupTitleActivatedIcon,\n label: style.setupTitleLabel,\n selectedLabel: style.setupSelectedTitleLabel,\n setupSelectedTitle: style.setupSelectedTitle,\n selectedTitle: style.selectedTitle,\n title: style.setupTitle,\n container: style.setupContainer,\n openHeader: style.coorpManagerOpenHeader,\n closedHeader: style.coorpManagerClosedHeader\n};\n\nconst MoreLessIcons = ({type, moreClassName, lessClassName, darkColor, mediumColor}) => {\n return type !== 'iconLink' ? (\n <div>\n <ArrowIcon className={moreClassName} color={darkColor} />\n <ArrowIcon className={lessClassName} color={mediumColor} />\n </div>\n ) : (\n <OpenInNewTabIcon className={style.newTabIcon} />\n );\n};\n\nconst Part = ({\n skin,\n selected,\n iconType,\n onParentClick,\n onClick,\n isOpen,\n title,\n type,\n children,\n theme\n}) => {\n const darkColor = get('common.dark', skin);\n const mediumColor = get('common.medium', skin);\n const lessClassName = isOpen ? style.openIconActivated : style.openIcon;\n const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n const iconColor = selected ? style.iconBlue : style.iconGrey;\n const hoverIconColor = selected && style.blueTitleIcon;\n const selectedBlackLabel = selected && style.labelBlack;\n const Icon = ICON_TYPES[iconType];\n const isLink = type === 'iconLink';\n const isCollapsible = type === 'collapsibleTab';\n\n return (\n <div className={style.wrapper}>\n {theme === 'setup' ? (\n <div\n className={classnames(style.border, selected ? style.borderBgBlue : style.borderBgNone)}\n />\n ) : null}\n <div data-type={iconType} onClick={onParentClick} style={{flex: 1}}>\n <div data-name=\"accordionPart\" className={style.setupPart}>\n <div className={style.header} data-type={iconType} onClick={onClick}>\n <div data-name=\"title\" className={style.title}>\n {Icon ? (\n <Icon\n className={classnames(style.titleIcon, iconColor, hoverIconColor)}\n color=\"inherit\"\n />\n ) : null}\n <h3 className={classnames(style.titleLabel, selectedBlackLabel)}>\n {title}\n {isLink ? <OpenInNewTabIcon className={style.newTabIcon} /> : null}\n </h3>\n </div>\n {isCollapsible ? (\n <div>\n <ArrowIcon className={moreClassName} color={darkColor} />\n <ArrowIcon className={lessClassName} color={mediumColor} />\n </div>\n ) : null}\n </div>\n {isCollapsible ? children : null}\n </div>\n </div>\n </div>\n );\n};\n\nconst AccordionPart = (props, context) => {\n const {skin} = context;\n const {\n title,\n content,\n iconType,\n theme,\n onClick = noop,\n selected = false,\n type,\n href,\n isOpen,\n onUpdateOpenedTab\n } = props;\n\n const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;\n\n function handleParentClick() {\n onUpdateOpenedTab();\n onClick();\n }\n\n return (\n <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n {type !== 'collapsibleTab' ? (\n <Link\n onClick={handleParentClick}\n skinHover\n href={href}\n data-name={`link-item`}\n target={'_blank'}\n style={{\n textDecoration: 'none'\n }}\n >\n <Part\n skin={skin}\n title={title}\n content={content}\n iconType={iconType}\n theme={theme}\n onParentClick={handleParentClick}\n onClick={onClick}\n isOpen={isOpen}\n selected={selected}\n type={type}\n />\n </Link>\n ) : (\n <Part\n skin={skin}\n title={title}\n content={content}\n iconType={iconType}\n theme={theme}\n onParentClick={handleParentClick}\n onClick={onClick}\n selected={selected}\n isOpen={isOpen}\n type={type}\n />\n )}\n {isOpen ? <div className={themeStyle.container}>{content}</div> : null}\n </div>\n );\n};\n\nAccordionPart.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n type: PropTypes.oneOf(['simpleTab', 'collapsibleTab', 'iconLink']),\n title: PropTypes.string,\n content: PropTypes.node,\n onClick: PropTypes.func,\n selected: PropTypes.bool,\n theme: PropTypes.string,\n href: PropTypes.string,\n isOpen: PropTypes.bool,\n onUpdateOpenedTab: PropTypes.func\n};\n\nMoreLessIcons.propTypes = {\n type: PropTypes.string,\n moreClassName: PropTypes.string,\n lessClassName: PropTypes.string,\n darkColor: PropTypes.string,\n mediumColor: PropTypes.string\n};\n\nPart.propTypes = {\n ...AccordionPart.propTypes\n};\n\nexport default AccordionPart;\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"names":["React","PropTypes","classnames","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationArrowDown","ArrowIcon","NovaCompositionCoorpacademyOpenInNewTab","OpenInNewTabIcon","NovaCompositionCoorpacademyDashboard","DashboardIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaCompositionCoorpacademyAnimation","AnimationIcon","NovaCompositionCoorpacademyAdministration","AdministrationIcon","NovaCompositionCoorpacademyContentCreation","ContentCreationIcon","NovaCompositionCoorpacademyEditorialization","EditorializationIcon","Link","Provider","style","ICON_TYPES","arrow","dashboard","analytics","administration","animation","contentCreation","editorialization","defaultStyle","titleIcon","label","titleLabel","selectedLabel","title","setupTitle","container","openHeader","closedHeader","default","setupThemeStyle","titleActivatedIcon","setupTitleActivatedIcon","setupTitleLabel","setupSelectedTitleLabel","setupSelectedTitle","selectedTitle","setupContainer","coorpManagerOpenHeader","coorpManagerClosedHeader","MoreLessIcons","type","moreClassName","lessClassName","darkColor","mediumColor","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","openIconActivated","openIcon","closeIconActivated","closeIcon","iconColor","iconBlue","iconGrey","hoverIconColor","blueTitleIcon","selectedBlackLabel","labelBlack","Icon","isLink","isCollapsible","wrapper","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","childContextTypes","propTypes","oneOf","string","node","func","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n NovaSolidLightsLightbulb4 as LightBulbIcon,\n NovaCompositionNavigationArrowDown as ArrowIcon,\n NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon,\n NovaCompositionCoorpacademyDashboard as DashboardIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaCompositionCoorpacademyAnimation as AnimationIcon,\n NovaCompositionCoorpacademyAdministration as AdministrationIcon,\n NovaCompositionCoorpacademyContentCreation as ContentCreationIcon,\n NovaCompositionCoorpacademyEditorialization as EditorializationIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../../../atom/link';\nimport Provider from '../../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n arrow: LightBulbIcon,\n dashboard: DashboardIcon,\n analytics: AnalyticsIcon,\n administration: AdministrationIcon,\n animation: AnimationIcon,\n contentCreation: ContentCreationIcon,\n editorialization: EditorializationIcon\n};\n\nconst defaultStyle = {\n titleIcon: style.titleIcon,\n label: style.titleLabel,\n selectedLabel: style.titleLabel,\n title: style.setupTitle,\n container: style.container,\n openHeader: style.openHeader,\n closedHeader: style.closedHeader,\n default: null\n};\n\nconst setupThemeStyle = {\n titleIcon: style.titleIcon,\n titleActivatedIcon: style.setupTitleActivatedIcon,\n label: style.setupTitleLabel,\n selectedLabel: style.setupSelectedTitleLabel,\n setupSelectedTitle: style.setupSelectedTitle,\n selectedTitle: style.selectedTitle,\n title: style.setupTitle,\n container: style.setupContainer,\n openHeader: style.coorpManagerOpenHeader,\n closedHeader: style.coorpManagerClosedHeader\n};\n\nconst MoreLessIcons = ({type, moreClassName, lessClassName, darkColor, mediumColor}) => {\n return type !== 'iconLink' ? (\n <div>\n <ArrowIcon className={moreClassName} color={darkColor} />\n <ArrowIcon className={lessClassName} color={mediumColor} />\n </div>\n ) : (\n <OpenInNewTabIcon className={style.newTabIcon} />\n );\n};\n\nconst Part = ({\n skin,\n selected,\n iconType,\n onParentClick,\n onClick,\n isOpen,\n title,\n type,\n children,\n theme\n}) => {\n const darkColor = get('common.dark', skin);\n const mediumColor = get('common.medium', skin);\n const lessClassName = isOpen ? style.openIconActivated : style.openIcon;\n const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n const iconColor = selected ? style.iconBlue : style.iconGrey;\n const hoverIconColor = selected && style.blueTitleIcon;\n const selectedBlackLabel = selected && style.labelBlack;\n const Icon = ICON_TYPES[iconType];\n const isLink = type === 'iconLink';\n const isCollapsible = type === 'collapsibleTab';\n\n return (\n <div className={style.wrapper}>\n {theme === 'setup' ? (\n <div\n className={classnames(style.border, selected ? style.borderBgBlue : style.borderBgNone)}\n />\n ) : null}\n <div data-type={iconType} onClick={onParentClick} style={{flex: 1}}>\n <div data-name=\"accordionPart\" className={style.setupPart}>\n <div className={style.header} data-type={iconType} onClick={onClick}>\n <div data-name=\"title\" className={style.title}>\n {Icon ? (\n <Icon\n className={classnames(style.titleIcon, iconColor, hoverIconColor)}\n color=\"inherit\"\n />\n ) : null}\n <h3 className={classnames(style.titleLabel, selectedBlackLabel)}>\n {title}\n {isLink ? <OpenInNewTabIcon className={style.newTabIcon} /> : null}\n </h3>\n </div>\n {isCollapsible ? (\n <div>\n <ArrowIcon className={moreClassName} color={darkColor} />\n <ArrowIcon className={lessClassName} color={mediumColor} />\n </div>\n ) : null}\n </div>\n {isCollapsible ? children : null}\n </div>\n </div>\n </div>\n );\n};\n\nconst AccordionPart = (props, context) => {\n const {skin} = context;\n const {\n title,\n content,\n iconType,\n theme,\n onClick = noop,\n selected = false,\n type,\n href,\n isOpen,\n onUpdateOpenedTab\n } = props;\n\n const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;\n\n function handleParentClick() {\n onUpdateOpenedTab();\n onClick();\n }\n\n const isCollapsibleTab = type === 'collapsibleTab';\n return (\n <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n {!isCollapsibleTab ? (\n <Link\n onClick={handleParentClick}\n skinHover\n href={href}\n data-name={`link-item`}\n target={'_blank'}\n style={{\n textDecoration: 'none'\n }}\n >\n <Part\n skin={skin}\n title={title}\n content={content}\n iconType={iconType}\n theme={theme}\n onParentClick={handleParentClick}\n onClick={onClick}\n isOpen={isOpen}\n selected={selected}\n type={type}\n />\n </Link>\n ) : (\n <Part\n skin={skin}\n title={title}\n content={content}\n iconType={iconType}\n theme={theme}\n onParentClick={handleParentClick}\n onClick={onClick}\n selected={selected}\n isOpen={isOpen}\n type={type}\n />\n )}\n {isCollapsibleTab && isOpen ? <div className={themeStyle.container}>{content}</div> : null}\n </div>\n );\n};\n\nAccordionPart.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n type: PropTypes.oneOf(['simpleTab', 'collapsibleTab', 'iconLink']),\n title: PropTypes.string,\n content: PropTypes.node,\n onClick: PropTypes.func,\n selected: PropTypes.bool,\n theme: PropTypes.string,\n href: PropTypes.string,\n isOpen: PropTypes.bool,\n onUpdateOpenedTab: PropTypes.func\n};\n\nMoreLessIcons.propTypes = {\n type: PropTypes.string,\n moreClassName: PropTypes.string,\n lessClassName: PropTypes.string,\n darkColor: PropTypes.string,\n mediumColor: PropTypes.string\n};\n\nPart.propTypes = {\n ...AccordionPart.propTypes\n};\n\nexport default AccordionPart;\n"],"file":"index.js"}
|
|
@@ -31,8 +31,7 @@ const SetupHeader = props => {
|
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
return /*#__PURE__*/React.createElement("div", {
|
|
34
|
-
className: style.container
|
|
35
|
-
onMouseLeave: onMouseLeave
|
|
34
|
+
className: style.container
|
|
36
35
|
}, /*#__PURE__*/React.createElement("div", {
|
|
37
36
|
className: style.wrapper
|
|
38
37
|
}, isHome ? /*#__PURE__*/React.createElement("div", {
|
|
@@ -63,10 +62,9 @@ const SetupHeader = props => {
|
|
|
63
62
|
className: style.icon
|
|
64
63
|
}), /*#__PURE__*/React.createElement("li", null, items.globalAnalytics.label)) : null, isHome || isDashboard ? null : /*#__PURE__*/React.createElement(Link, {
|
|
65
64
|
href: items.seeMyPlatform.href,
|
|
65
|
+
target: "_blank",
|
|
66
66
|
className: classnames(style.element, style.seeMyPlatform)
|
|
67
67
|
}, /*#__PURE__*/React.createElement(EyeIcon, {
|
|
68
|
-
height: 20,
|
|
69
|
-
width: 28,
|
|
70
68
|
className: style.icon
|
|
71
69
|
}), /*#__PURE__*/React.createElement("li", null, items.seeMyPlatform.label)), /*#__PURE__*/React.createElement("li", {
|
|
72
70
|
onMouseEnter: onMouseEnter,
|
|
@@ -84,7 +82,8 @@ const SetupHeader = props => {
|
|
|
84
82
|
className: style.arrowUp
|
|
85
83
|
}), /*#__PURE__*/React.createElement(Link, {
|
|
86
84
|
href: items.logOut.href,
|
|
87
|
-
className: classnames(style.element, style.logOut)
|
|
85
|
+
className: classnames(style.element, style.logOut),
|
|
86
|
+
onMouseLeave: onMouseLeave
|
|
88
87
|
}, /*#__PURE__*/React.createElement(LogoutIcon, {
|
|
89
88
|
className: style.icon
|
|
90
89
|
}), /*#__PURE__*/React.createElement("li", null, items.logOut.label))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/organism/setup-header/index.js"],"names":["React","NovaCompositionCoorpacademyTypeEye","EyeIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaSolidContentContentViewModule1","ListIcon","NovaSolidLoginLogout1","LogoutIcon","PropTypes","classnames","Picture","Link","style","SetupHeader","props","show","updateShow","useState","platformName","items","href","user","logo","logoMobile","isHome","isDashboard","image","onMouseEnter","onMouseLeave","container","wrapper","logoDesktop","list","platformList","element","icon","label","globalAnalytics","seeMyPlatform","profilePicture","logOut","arrowUp","propTypes","shape","string","bool","username","src"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,kCAAkC,IAAIC,OADxC,EAEEC,oCAAoC,IAAIC,aAF1C,EAGEC,kCAAkC,IAAIC,QAHxC,EAIEC,qBAAqB,IAAIC,UAJ3B,QAKO,0BALP;AAMA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,OAAP,MAAoB,oBAApB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAGC,KAAK,IAAI;AAC3B,QAAM,CAACC,IAAD,EAAOC,UAAP,IAAqBjB,KAAK,CAACkB,QAAN,CAAe,KAAf,CAA3B;AACA,QAAM;AACJC,IAAAA,YADI;AAEJC,IAAAA,KAFI;AAGJC,IAAAA,IAHI;AAIJC,IAAAA,IAAI,GAAG,EAJH;AAKJC,IAAAA,IALI;AAMJC,IAAAA,UANI;AAOJC,IAAAA,MAAM,GAAG,KAPL;AAQJC,IAAAA,WAAW,GAAG;AARV,MASFX,KATJ;AAUA,QAAM;AAACY,IAAAA,KAAK,GAAG;AAAT,MAAeL,IAArB;;AAEA,WAASM,YAAT,GAAwB;AACtBX,IAAAA,UAAU,CAAC,IAAD,CAAV;AACD;;AAED,WAASY,YAAT,GAAwB;AACtBZ,IAAAA,UAAU,CAAC,KAAD,CAAV;AACD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACiB
|
|
1
|
+
{"version":3,"sources":["../../../src/organism/setup-header/index.js"],"names":["React","NovaCompositionCoorpacademyTypeEye","EyeIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaSolidContentContentViewModule1","ListIcon","NovaSolidLoginLogout1","LogoutIcon","PropTypes","classnames","Picture","Link","style","SetupHeader","props","show","updateShow","useState","platformName","items","href","user","logo","logoMobile","isHome","isDashboard","image","onMouseEnter","onMouseLeave","container","wrapper","logoDesktop","list","platformList","element","icon","label","globalAnalytics","seeMyPlatform","profilePicture","logOut","arrowUp","propTypes","shape","string","bool","username","src"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n NovaCompositionCoorpacademyTypeEye as EyeIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaSolidContentContentViewModule1 as ListIcon,\n NovaSolidLoginLogout1 as LogoutIcon\n} from '@coorpacademy/nova-icons';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Picture from '../../atom/picture';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst SetupHeader = props => {\n const [show, updateShow] = React.useState(false);\n const {\n platformName,\n items,\n href,\n user = {},\n logo,\n logoMobile,\n isHome = false,\n isDashboard = false\n } = props;\n const {image = ''} = user;\n\n function onMouseEnter() {\n updateShow(true);\n }\n\n function onMouseLeave() {\n updateShow(false);\n }\n\n return (\n <div className={style.container}>\n <div className={style.wrapper}>\n {isHome ? (\n <div className={style.logo}>\n <Link href={href}>\n <Picture className={style.logoDesktop} src={logo} />\n <Picture className={style.logoMobile} src={logoMobile} />\n </Link>\n </div>\n ) : (\n <ul className={style.list}>\n <Link\n href={items.platformList.href}\n className={classnames(style.element, style.platformList)}\n >\n <ListIcon className={style.icon} />\n <li>{items.platformList.label}</li>\n </Link>\n {!isDashboard ? (\n <li className={classnames(style.element, style.platformName)}>{platformName}</li>\n ) : null}\n </ul>\n )}\n <ul className={style.list}>\n {items.globalAnalytics && isDashboard === false ? (\n <Link\n href={items.globalAnalytics.href}\n className={classnames(style.element, style.globalAnalytics)}\n >\n <AnalyticsIcon className={style.icon} />\n <li>{items.globalAnalytics.label}</li>\n </Link>\n ) : null}\n {isHome || isDashboard ? null : (\n <Link\n href={items.seeMyPlatform.href}\n target=\"_blank\"\n className={classnames(style.element, style.seeMyPlatform)}\n >\n <EyeIcon className={style.icon} />\n <li>{items.seeMyPlatform.label}</li>\n </Link>\n )}\n <li onMouseEnter={onMouseEnter} className={style.profilePicture}>\n <img src={image} />\n </li>\n <Link href={items.logOut.href} className={classnames(style.element, style.logOut)}>\n <LogoutIcon className={style.icon} />\n <li>{items.logOut.label}</li>\n </Link>\n </ul>\n </div>\n\n <div data-name={`logout-${show ? 'show' : 'hide'}`}>\n <div className={style.arrowUp} />\n <Link\n href={items.logOut.href}\n className={classnames(style.element, style.logOut)}\n onMouseLeave={onMouseLeave}\n >\n <LogoutIcon className={style.icon} />\n <li>{items.logOut.label}</li>\n </Link>\n </div>\n </div>\n );\n};\n\nSetupHeader.propTypes = {\n items: PropTypes.shape({\n seeMyPlatform: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n logOut: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n globalAnalytics: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n platformList: PropTypes.shape({href: PropTypes.string, label: PropTypes.string})\n }),\n platformName: PropTypes.string,\n isDashboard: PropTypes.bool,\n isHome: PropTypes.bool,\n href: Link.propTypes.href,\n user: PropTypes.shape({\n username: PropTypes.string,\n image: PropTypes.string\n }),\n logo: Picture.propTypes.src,\n logoMobile: Picture.propTypes.src\n};\n\nexport default SetupHeader;\n"],"file":"index.js"}
|
|
@@ -181,11 +181,14 @@
|
|
|
181
181
|
|
|
182
182
|
@media cm_tablet {
|
|
183
183
|
[data-name="logout-show"] {
|
|
184
|
+
position: absolute;
|
|
185
|
+
top: 84px;
|
|
186
|
+
right: 40px;
|
|
184
187
|
display: flex;
|
|
188
|
+
z-index: 999;
|
|
185
189
|
flex-direction: column;
|
|
186
190
|
align-items: flex-end;
|
|
187
191
|
width: 100%;
|
|
188
|
-
margin-top: 15px;
|
|
189
192
|
}
|
|
190
193
|
|
|
191
194
|
[data-name="logout-show"] .logOut {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/template/back-office/brand-update/index.js"],"names":["React","PropTypes","map","pipe","get","isEmpty","filter","head","BrandTabs","IconLinkItem","LinkItem","BrandForm","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","Notification","Header","Loader","Accordion","style","SubTab","title","href","selected","propTypes","string","isRequired","bool","BrandUpdate","props","notifications","header","items","content","details","onItemClick","logo","selectedTab","e","formattedTabs","key","type","index","children","iconType","getStyle","isSelected","selectedElement","unselectedElement","subTabsView","_subTabs","convert","cap","subTab","_index","formattedTabsViews","tab","tabs","notificationsList","notification","contentView","cont","detailsView","container","dashboardAside","contentWrapper","contentHandler","subTabs","dashboardContent","defaultProps","arrayOf","shape","oneOfType","oneOf","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport pipe from 'lodash/fp/pipe';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport filter from 'lodash/fp/filter';\nimport head from 'lodash/fp/head';\nimport BrandTabs from '../../../molecule/brand-tabs';\nimport {IconLinkItem, LinkItem} from '../../../organism/sidebar';\nimport BrandForm from '../../../organism/brand-form';\nimport BrandTable from '../../../organism/brand-table';\nimport BrandUpload from '../../../organism/brand-upload';\nimport BrandAnalytics from '../../../organism/brand-analytics';\nimport BrandDashboard from '../../../organism/brand-dashboard';\nimport Notification from '../../../atom/notification';\nimport Header from '../../../organism/setup-header';\nimport Loader from '../../../atom/loader';\nimport Accordion from '../../../organism/accordion/coorp-manager';\nimport style from './style.css';\n\nconst SubTab = ({title, href, selected}) => {\n return <h5>{title}</h5>;\n};\n\nSubTab.propTypes = {\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired\n};\n\nconst BrandUpdate = props => {\n const {notifications, header, items, content, details, onItemClick} = props;\n const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';\n const selectedTab = pipe(\n filter(e => e.selected),\n head,\n get('tabs'),\n filter(e => e.selected),\n head\n )(items);\n\n const formattedTabs = items.map(({key, title, href, selected, type = 'link'}, index) => ({\n title,\n selected,\n type,\n href,\n index,\n children: [],\n iconType: key || 'arrow'\n }));\n\n const getStyle = isSelected => (isSelected ? style.selectedElement : style.unselectedElement);\n\n const subTabsView = (_subTabs = []) =>\n map.convert({cap: false})((subTab, _index) => (\n <div key={subTab.title}>\n {subTab.type === 'iconLink' ? (\n <IconLinkItem\n {...subTab}\n styles={getStyle(subTab.selected)}\n uppercase={false}\n target={'_blank'}\n />\n ) : (\n <LinkItem {...subTab} styles={getStyle(subTab.selected)} uppercase={false} />\n )}\n </div>\n ))(_subTabs);\n\n const formattedTabsViews = map(tab => (\n <div key={tab.title} className={style.tabs}>\n {subTabsView(tab.tabs)}\n </div>\n ))(items);\n\n const notificationsList = notifications.map((notification, index) => {\n return (\n <div className={style.notification} key={index}>\n <Notification {...notification} />\n </div>\n );\n });\n\n const contentView = cont => {\n if (!cont) return <Loader />;\n const {type} = cont;\n switch (type) {\n case 'form':\n return <BrandForm {...cont} />;\n case 'list':\n return <BrandTable {...cont} />;\n case 'upload':\n return <BrandUpload {...cont} />;\n case 'dashboard':\n return <BrandAnalytics {...cont} />;\n case 'home':\n return <BrandDashboard {...cont} />;\n }\n };\n\n const detailsView = cont => {\n if (!cont) return;\n return <BrandTable {...cont} />;\n };\n\n return (\n <div className={style.container}>\n <div className={style.dashboardAside}>\n <div className={style.logo}>\n <a href=\"/\">\n <img src={logo} />\n </a>\n </div>\n <Accordion tabProps={formattedTabs} theme={'setup'} onClick={onItemClick}>\n {formattedTabsViews}\n </Accordion>\n </div>\n <div className={style.contentWrapper}>\n <Header {...header} />\n <div className={style.notifications}>{notificationsList}</div>\n {content && content.type === 'home' ? (\n contentView(content)\n ) : (\n <div className={style.contentHandler}>\n <div className={style.contentView}>\n {selectedTab && !isEmpty(selectedTab.subTabs) ? (\n <BrandTabs type=\"light\" tabs={selectedTab.subTabs} />\n ) : null}\n <div className={style.dashboardContent}>\n <div>{contentView(content)}</div>\n <div>{detailsView(details)}</div>\n </div>\n </div>\n </div>\n )}\n </div>\n </div>\n );\n};\n\nBrandUpdate.defaultProps = {\n notifications: []\n};\n\nBrandUpdate.propTypes = {\n notifications: PropTypes.arrayOf(PropTypes.shape(Notification.propTypes)),\n header: PropTypes.shape({...Header.propTypes}),\n items: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n type: PropTypes.string,\n tabs: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n type: PropTypes.string,\n subTabs: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n type: PropTypes.string\n })\n )\n })\n )\n })\n ).isRequired,\n content: PropTypes.oneOfType([\n PropTypes.shape({\n ...BrandForm.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['form'])\n }),\n PropTypes.shape({\n ...BrandTable.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['list'])\n }),\n PropTypes.shape({\n ...BrandUpload.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['upload'])\n }),\n PropTypes.shape({\n ...BrandAnalytics.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['analytics-dashboards'])\n }),\n PropTypes.shape({\n ...BrandDashboard.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['dashoard'])\n })\n ]),\n details: PropTypes.shape({\n ...BrandTable.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['list'])\n }),\n onItemClick: PropTypes.func\n};\n\nexport default BrandUpdate;\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/template/back-office/brand-update/index.js"],"names":["React","PropTypes","map","pipe","get","isEmpty","filter","head","BrandTabs","IconLinkItem","LinkItem","BrandForm","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","Notification","Header","Loader","Accordion","style","SubTab","title","href","selected","propTypes","string","isRequired","bool","BrandUpdate","props","notifications","header","items","content","details","onItemClick","logo","selectedTab","e","formattedTabs","key","type","index","children","iconType","getStyle","isSelected","selectedElement","unselectedElement","subTabsView","_subTabs","convert","cap","subTab","_index","formattedTabsViews","tab","tabs","notificationsList","notification","contentView","cont","detailsView","container","dashboardAside","contentWrapper","contentHandler","subTabs","dashboardContent","defaultProps","arrayOf","shape","oneOfType","oneOf","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport pipe from 'lodash/fp/pipe';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport filter from 'lodash/fp/filter';\nimport head from 'lodash/fp/head';\nimport BrandTabs from '../../../molecule/brand-tabs';\nimport {IconLinkItem, LinkItem} from '../../../organism/sidebar';\nimport BrandForm from '../../../organism/brand-form';\nimport BrandTable from '../../../organism/brand-table';\nimport BrandUpload from '../../../organism/brand-upload';\nimport BrandAnalytics from '../../../organism/brand-analytics';\nimport BrandDashboard from '../../../organism/brand-dashboard';\nimport Notification from '../../../atom/notification';\nimport Header from '../../../organism/setup-header';\nimport Loader from '../../../atom/loader';\nimport Accordion from '../../../organism/accordion/coorp-manager';\nimport style from './style.css';\n\nconst SubTab = ({title, href, selected}) => {\n return <h5>{title}</h5>;\n};\n\nSubTab.propTypes = {\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired\n};\n\nconst BrandUpdate = props => {\n const {notifications, header, items, content, details, onItemClick} = props;\n const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';\n const selectedTab = pipe(\n filter(e => e.selected),\n head,\n get('tabs'),\n filter(e => e.selected),\n head\n )(items);\n\n const formattedTabs = items.map(({key, title, href, selected, type = 'simpleTab'}, index) => ({\n title,\n selected,\n type,\n href,\n index,\n children: [],\n iconType: key || 'arrow'\n }));\n\n const getStyle = isSelected => (isSelected ? style.selectedElement : style.unselectedElement);\n\n const subTabsView = (_subTabs = []) =>\n map.convert({cap: false})((subTab, _index) => (\n <div key={subTab.title}>\n {subTab.type === 'iconLink' ? (\n <IconLinkItem\n {...subTab}\n styles={getStyle(subTab.selected)}\n uppercase={false}\n target={'_blank'}\n />\n ) : (\n <LinkItem {...subTab} styles={getStyle(subTab.selected)} uppercase={false} />\n )}\n </div>\n ))(_subTabs);\n\n const formattedTabsViews = map(tab => (\n <div key={tab.title} className={style.tabs}>\n {subTabsView(tab.tabs)}\n </div>\n ))(items);\n\n const notificationsList = notifications.map((notification, index) => {\n return (\n <div className={style.notification} key={index}>\n <Notification {...notification} />\n </div>\n );\n });\n\n const contentView = cont => {\n if (!cont) return <Loader />;\n const {type} = cont;\n switch (type) {\n case 'form':\n return <BrandForm {...cont} />;\n case 'list':\n return <BrandTable {...cont} />;\n case 'upload':\n return <BrandUpload {...cont} />;\n case 'dashboard':\n return <BrandAnalytics {...cont} />;\n case 'home':\n return <BrandDashboard {...cont} />;\n }\n };\n\n const detailsView = cont => {\n if (!cont) return;\n return <BrandTable {...cont} />;\n };\n\n return (\n <div className={style.container}>\n <div className={style.dashboardAside}>\n <div className={style.logo}>\n <a href=\"/\">\n <img src={logo} />\n </a>\n </div>\n <Accordion tabProps={formattedTabs} theme={'setup'} onClick={onItemClick}>\n {formattedTabsViews}\n </Accordion>\n </div>\n <div className={style.contentWrapper}>\n <Header {...header} />\n <div className={style.notifications}>{notificationsList}</div>\n {content && content.type === 'home' ? (\n contentView(content)\n ) : (\n <div className={style.contentHandler}>\n <div className={style.contentView}>\n {selectedTab && !isEmpty(selectedTab.subTabs) ? (\n <BrandTabs type=\"light\" tabs={selectedTab.subTabs} />\n ) : null}\n <div className={style.dashboardContent}>\n <div>{contentView(content)}</div>\n <div>{detailsView(details)}</div>\n </div>\n </div>\n </div>\n )}\n </div>\n </div>\n );\n};\n\nBrandUpdate.defaultProps = {\n notifications: []\n};\n\nBrandUpdate.propTypes = {\n notifications: PropTypes.arrayOf(PropTypes.shape(Notification.propTypes)),\n header: PropTypes.shape({...Header.propTypes}),\n items: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n type: PropTypes.string,\n tabs: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n type: PropTypes.string,\n subTabs: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n type: PropTypes.string\n })\n )\n })\n )\n })\n ).isRequired,\n content: PropTypes.oneOfType([\n PropTypes.shape({\n ...BrandForm.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['form'])\n }),\n PropTypes.shape({\n ...BrandTable.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['list'])\n }),\n PropTypes.shape({\n ...BrandUpload.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['upload'])\n }),\n PropTypes.shape({\n ...BrandAnalytics.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['analytics-dashboards'])\n }),\n PropTypes.shape({\n ...BrandDashboard.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['dashoard'])\n })\n ]),\n details: PropTypes.shape({\n ...BrandTable.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['list'])\n }),\n onItemClick: PropTypes.func\n};\n\nexport default BrandUpdate;\n"],"file":"index.js"}
|
|
@@ -158,10 +158,11 @@ const AccordionPart = (props, context) => {
|
|
|
158
158
|
onClick();
|
|
159
159
|
}
|
|
160
160
|
|
|
161
|
+
const isCollapsibleTab = type === 'collapsibleTab';
|
|
161
162
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
162
163
|
"data-name": "accordionPart",
|
|
163
164
|
className: themeStyle[theme]
|
|
164
|
-
},
|
|
165
|
+
}, !isCollapsibleTab ? /*#__PURE__*/_react.default.createElement(_link.default, {
|
|
165
166
|
onClick: handleParentClick,
|
|
166
167
|
skinHover: true,
|
|
167
168
|
href: href,
|
|
@@ -192,7 +193,7 @@ const AccordionPart = (props, context) => {
|
|
|
192
193
|
selected: selected,
|
|
193
194
|
isOpen: isOpen,
|
|
194
195
|
type: type
|
|
195
|
-
}), isOpen ? /*#__PURE__*/_react.default.createElement("div", {
|
|
196
|
+
}), isCollapsibleTab && isOpen ? /*#__PURE__*/_react.default.createElement("div", {
|
|
196
197
|
className: themeStyle.container
|
|
197
198
|
}, content) : null);
|
|
198
199
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"names":["ICON_TYPES","arrow","LightBulbIcon","dashboard","DashboardIcon","analytics","AnalyticsIcon","administration","AdministrationIcon","animation","AnimationIcon","contentCreation","ContentCreationIcon","editorialization","EditorializationIcon","defaultStyle","titleIcon","style","label","titleLabel","selectedLabel","title","setupTitle","container","openHeader","closedHeader","default","setupThemeStyle","titleActivatedIcon","setupTitleActivatedIcon","setupTitleLabel","setupSelectedTitleLabel","setupSelectedTitle","selectedTitle","setupContainer","coorpManagerOpenHeader","coorpManagerClosedHeader","MoreLessIcons","type","moreClassName","lessClassName","darkColor","mediumColor","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","openIconActivated","openIcon","closeIconActivated","closeIcon","iconColor","iconBlue","iconGrey","hoverIconColor","blueTitleIcon","selectedBlackLabel","labelBlack","Icon","isLink","isCollapsible","wrapper","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","textDecoration","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","node","func","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n NovaSolidLightsLightbulb4 as LightBulbIcon,\n NovaCompositionNavigationArrowDown as ArrowIcon,\n NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon,\n NovaCompositionCoorpacademyDashboard as DashboardIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaCompositionCoorpacademyAnimation as AnimationIcon,\n NovaCompositionCoorpacademyAdministration as AdministrationIcon,\n NovaCompositionCoorpacademyContentCreation as ContentCreationIcon,\n NovaCompositionCoorpacademyEditorialization as EditorializationIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../../../atom/link';\nimport Provider from '../../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n arrow: LightBulbIcon,\n dashboard: DashboardIcon,\n analytics: AnalyticsIcon,\n administration: AdministrationIcon,\n animation: AnimationIcon,\n contentCreation: ContentCreationIcon,\n editorialization: EditorializationIcon\n};\n\nconst defaultStyle = {\n titleIcon: style.titleIcon,\n label: style.titleLabel,\n selectedLabel: style.titleLabel,\n title: style.setupTitle,\n container: style.container,\n openHeader: style.openHeader,\n closedHeader: style.closedHeader,\n default: null\n};\n\nconst setupThemeStyle = {\n titleIcon: style.titleIcon,\n titleActivatedIcon: style.setupTitleActivatedIcon,\n label: style.setupTitleLabel,\n selectedLabel: style.setupSelectedTitleLabel,\n setupSelectedTitle: style.setupSelectedTitle,\n selectedTitle: style.selectedTitle,\n title: style.setupTitle,\n container: style.setupContainer,\n openHeader: style.coorpManagerOpenHeader,\n closedHeader: style.coorpManagerClosedHeader\n};\n\nconst MoreLessIcons = ({type, moreClassName, lessClassName, darkColor, mediumColor}) => {\n return type !== 'iconLink' ? (\n <div>\n <ArrowIcon className={moreClassName} color={darkColor} />\n <ArrowIcon className={lessClassName} color={mediumColor} />\n </div>\n ) : (\n <OpenInNewTabIcon className={style.newTabIcon} />\n );\n};\n\nconst Part = ({\n skin,\n selected,\n iconType,\n onParentClick,\n onClick,\n isOpen,\n title,\n type,\n children,\n theme\n}) => {\n const darkColor = get('common.dark', skin);\n const mediumColor = get('common.medium', skin);\n const lessClassName = isOpen ? style.openIconActivated : style.openIcon;\n const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n const iconColor = selected ? style.iconBlue : style.iconGrey;\n const hoverIconColor = selected && style.blueTitleIcon;\n const selectedBlackLabel = selected && style.labelBlack;\n const Icon = ICON_TYPES[iconType];\n const isLink = type === 'iconLink';\n const isCollapsible = type === 'collapsibleTab';\n\n return (\n <div className={style.wrapper}>\n {theme === 'setup' ? (\n <div\n className={classnames(style.border, selected ? style.borderBgBlue : style.borderBgNone)}\n />\n ) : null}\n <div data-type={iconType} onClick={onParentClick} style={{flex: 1}}>\n <div data-name=\"accordionPart\" className={style.setupPart}>\n <div className={style.header} data-type={iconType} onClick={onClick}>\n <div data-name=\"title\" className={style.title}>\n {Icon ? (\n <Icon\n className={classnames(style.titleIcon, iconColor, hoverIconColor)}\n color=\"inherit\"\n />\n ) : null}\n <h3 className={classnames(style.titleLabel, selectedBlackLabel)}>\n {title}\n {isLink ? <OpenInNewTabIcon className={style.newTabIcon} /> : null}\n </h3>\n </div>\n {isCollapsible ? (\n <div>\n <ArrowIcon className={moreClassName} color={darkColor} />\n <ArrowIcon className={lessClassName} color={mediumColor} />\n </div>\n ) : null}\n </div>\n {isCollapsible ? children : null}\n </div>\n </div>\n </div>\n );\n};\n\nconst AccordionPart = (props, context) => {\n const {skin} = context;\n const {\n title,\n content,\n iconType,\n theme,\n onClick = noop,\n selected = false,\n type,\n href,\n isOpen,\n onUpdateOpenedTab\n } = props;\n\n const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;\n\n function handleParentClick() {\n onUpdateOpenedTab();\n onClick();\n }\n\n return (\n <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n {type !== 'collapsibleTab' ? (\n <Link\n onClick={handleParentClick}\n skinHover\n href={href}\n data-name={`link-item`}\n target={'_blank'}\n style={{\n textDecoration: 'none'\n }}\n >\n <Part\n skin={skin}\n title={title}\n content={content}\n iconType={iconType}\n theme={theme}\n onParentClick={handleParentClick}\n onClick={onClick}\n isOpen={isOpen}\n selected={selected}\n type={type}\n />\n </Link>\n ) : (\n <Part\n skin={skin}\n title={title}\n content={content}\n iconType={iconType}\n theme={theme}\n onParentClick={handleParentClick}\n onClick={onClick}\n selected={selected}\n isOpen={isOpen}\n type={type}\n />\n )}\n {isOpen ? <div className={themeStyle.container}>{content}</div> : null}\n </div>\n );\n};\n\nAccordionPart.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n type: PropTypes.oneOf(['simpleTab', 'collapsibleTab', 'iconLink']),\n title: PropTypes.string,\n content: PropTypes.node,\n onClick: PropTypes.func,\n selected: PropTypes.bool,\n theme: PropTypes.string,\n href: PropTypes.string,\n isOpen: PropTypes.bool,\n onUpdateOpenedTab: PropTypes.func\n};\n\nMoreLessIcons.propTypes = {\n type: PropTypes.string,\n moreClassName: PropTypes.string,\n lessClassName: PropTypes.string,\n darkColor: PropTypes.string,\n mediumColor: PropTypes.string\n};\n\nPart.propTypes = {\n ...AccordionPart.propTypes\n};\n\nexport default AccordionPart;\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"names":["ICON_TYPES","arrow","LightBulbIcon","dashboard","DashboardIcon","analytics","AnalyticsIcon","administration","AdministrationIcon","animation","AnimationIcon","contentCreation","ContentCreationIcon","editorialization","EditorializationIcon","defaultStyle","titleIcon","style","label","titleLabel","selectedLabel","title","setupTitle","container","openHeader","closedHeader","default","setupThemeStyle","titleActivatedIcon","setupTitleActivatedIcon","setupTitleLabel","setupSelectedTitleLabel","setupSelectedTitle","selectedTitle","setupContainer","coorpManagerOpenHeader","coorpManagerClosedHeader","MoreLessIcons","type","moreClassName","lessClassName","darkColor","mediumColor","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","openIconActivated","openIcon","closeIconActivated","closeIcon","iconColor","iconBlue","iconGrey","hoverIconColor","blueTitleIcon","selectedBlackLabel","labelBlack","Icon","isLink","isCollapsible","wrapper","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","node","func","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n NovaSolidLightsLightbulb4 as LightBulbIcon,\n NovaCompositionNavigationArrowDown as ArrowIcon,\n NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon,\n NovaCompositionCoorpacademyDashboard as DashboardIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaCompositionCoorpacademyAnimation as AnimationIcon,\n NovaCompositionCoorpacademyAdministration as AdministrationIcon,\n NovaCompositionCoorpacademyContentCreation as ContentCreationIcon,\n NovaCompositionCoorpacademyEditorialization as EditorializationIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../../../atom/link';\nimport Provider from '../../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n arrow: LightBulbIcon,\n dashboard: DashboardIcon,\n analytics: AnalyticsIcon,\n administration: AdministrationIcon,\n animation: AnimationIcon,\n contentCreation: ContentCreationIcon,\n editorialization: EditorializationIcon\n};\n\nconst defaultStyle = {\n titleIcon: style.titleIcon,\n label: style.titleLabel,\n selectedLabel: style.titleLabel,\n title: style.setupTitle,\n container: style.container,\n openHeader: style.openHeader,\n closedHeader: style.closedHeader,\n default: null\n};\n\nconst setupThemeStyle = {\n titleIcon: style.titleIcon,\n titleActivatedIcon: style.setupTitleActivatedIcon,\n label: style.setupTitleLabel,\n selectedLabel: style.setupSelectedTitleLabel,\n setupSelectedTitle: style.setupSelectedTitle,\n selectedTitle: style.selectedTitle,\n title: style.setupTitle,\n container: style.setupContainer,\n openHeader: style.coorpManagerOpenHeader,\n closedHeader: style.coorpManagerClosedHeader\n};\n\nconst MoreLessIcons = ({type, moreClassName, lessClassName, darkColor, mediumColor}) => {\n return type !== 'iconLink' ? (\n <div>\n <ArrowIcon className={moreClassName} color={darkColor} />\n <ArrowIcon className={lessClassName} color={mediumColor} />\n </div>\n ) : (\n <OpenInNewTabIcon className={style.newTabIcon} />\n );\n};\n\nconst Part = ({\n skin,\n selected,\n iconType,\n onParentClick,\n onClick,\n isOpen,\n title,\n type,\n children,\n theme\n}) => {\n const darkColor = get('common.dark', skin);\n const mediumColor = get('common.medium', skin);\n const lessClassName = isOpen ? style.openIconActivated : style.openIcon;\n const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n const iconColor = selected ? style.iconBlue : style.iconGrey;\n const hoverIconColor = selected && style.blueTitleIcon;\n const selectedBlackLabel = selected && style.labelBlack;\n const Icon = ICON_TYPES[iconType];\n const isLink = type === 'iconLink';\n const isCollapsible = type === 'collapsibleTab';\n\n return (\n <div className={style.wrapper}>\n {theme === 'setup' ? (\n <div\n className={classnames(style.border, selected ? style.borderBgBlue : style.borderBgNone)}\n />\n ) : null}\n <div data-type={iconType} onClick={onParentClick} style={{flex: 1}}>\n <div data-name=\"accordionPart\" className={style.setupPart}>\n <div className={style.header} data-type={iconType} onClick={onClick}>\n <div data-name=\"title\" className={style.title}>\n {Icon ? (\n <Icon\n className={classnames(style.titleIcon, iconColor, hoverIconColor)}\n color=\"inherit\"\n />\n ) : null}\n <h3 className={classnames(style.titleLabel, selectedBlackLabel)}>\n {title}\n {isLink ? <OpenInNewTabIcon className={style.newTabIcon} /> : null}\n </h3>\n </div>\n {isCollapsible ? (\n <div>\n <ArrowIcon className={moreClassName} color={darkColor} />\n <ArrowIcon className={lessClassName} color={mediumColor} />\n </div>\n ) : null}\n </div>\n {isCollapsible ? children : null}\n </div>\n </div>\n </div>\n );\n};\n\nconst AccordionPart = (props, context) => {\n const {skin} = context;\n const {\n title,\n content,\n iconType,\n theme,\n onClick = noop,\n selected = false,\n type,\n href,\n isOpen,\n onUpdateOpenedTab\n } = props;\n\n const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;\n\n function handleParentClick() {\n onUpdateOpenedTab();\n onClick();\n }\n\n const isCollapsibleTab = type === 'collapsibleTab';\n return (\n <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n {!isCollapsibleTab ? (\n <Link\n onClick={handleParentClick}\n skinHover\n href={href}\n data-name={`link-item`}\n target={'_blank'}\n style={{\n textDecoration: 'none'\n }}\n >\n <Part\n skin={skin}\n title={title}\n content={content}\n iconType={iconType}\n theme={theme}\n onParentClick={handleParentClick}\n onClick={onClick}\n isOpen={isOpen}\n selected={selected}\n type={type}\n />\n </Link>\n ) : (\n <Part\n skin={skin}\n title={title}\n content={content}\n iconType={iconType}\n theme={theme}\n onParentClick={handleParentClick}\n onClick={onClick}\n selected={selected}\n isOpen={isOpen}\n type={type}\n />\n )}\n {isCollapsibleTab && isOpen ? <div className={themeStyle.container}>{content}</div> : null}\n </div>\n );\n};\n\nAccordionPart.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n type: PropTypes.oneOf(['simpleTab', 'collapsibleTab', 'iconLink']),\n title: PropTypes.string,\n content: PropTypes.node,\n onClick: PropTypes.func,\n selected: PropTypes.bool,\n theme: PropTypes.string,\n href: PropTypes.string,\n isOpen: PropTypes.bool,\n onUpdateOpenedTab: PropTypes.func\n};\n\nMoreLessIcons.propTypes = {\n type: PropTypes.string,\n moreClassName: PropTypes.string,\n lessClassName: PropTypes.string,\n darkColor: PropTypes.string,\n mediumColor: PropTypes.string\n};\n\nPart.propTypes = {\n ...AccordionPart.propTypes\n};\n\nexport default AccordionPart;\n"],"file":"index.js"}
|
|
@@ -45,8 +45,7 @@ const SetupHeader = props => {
|
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
48
|
-
className: _style.default.container
|
|
49
|
-
onMouseLeave: onMouseLeave
|
|
48
|
+
className: _style.default.container
|
|
50
49
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
51
50
|
className: _style.default.wrapper
|
|
52
51
|
}, isHome ? /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -77,10 +76,9 @@ const SetupHeader = props => {
|
|
|
77
76
|
className: _style.default.icon
|
|
78
77
|
}), /*#__PURE__*/_react.default.createElement("li", null, items.globalAnalytics.label)) : null, isHome || isDashboard ? null : /*#__PURE__*/_react.default.createElement(_link.default, {
|
|
79
78
|
href: items.seeMyPlatform.href,
|
|
79
|
+
target: "_blank",
|
|
80
80
|
className: (0, _classnames.default)(_style.default.element, _style.default.seeMyPlatform)
|
|
81
81
|
}, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyTypeEye, {
|
|
82
|
-
height: 20,
|
|
83
|
-
width: 28,
|
|
84
82
|
className: _style.default.icon
|
|
85
83
|
}), /*#__PURE__*/_react.default.createElement("li", null, items.seeMyPlatform.label)), /*#__PURE__*/_react.default.createElement("li", {
|
|
86
84
|
onMouseEnter: onMouseEnter,
|
|
@@ -98,7 +96,8 @@ const SetupHeader = props => {
|
|
|
98
96
|
className: _style.default.arrowUp
|
|
99
97
|
}), /*#__PURE__*/_react.default.createElement(_link.default, {
|
|
100
98
|
href: items.logOut.href,
|
|
101
|
-
className: (0, _classnames.default)(_style.default.element, _style.default.logOut)
|
|
99
|
+
className: (0, _classnames.default)(_style.default.element, _style.default.logOut),
|
|
100
|
+
onMouseLeave: onMouseLeave
|
|
102
101
|
}, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidLoginLogout1, {
|
|
103
102
|
className: _style.default.icon
|
|
104
103
|
}), /*#__PURE__*/_react.default.createElement("li", null, items.logOut.label))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/organism/setup-header/index.js"],"names":["SetupHeader","props","show","updateShow","React","useState","platformName","items","href","user","logo","logoMobile","isHome","isDashboard","image","onMouseEnter","onMouseLeave","style","container","wrapper","logoDesktop","list","platformList","element","icon","label","globalAnalytics","seeMyPlatform","profilePicture","logOut","arrowUp","propTypes","PropTypes","shape","string","bool","Link","username","Picture","src"],"mappings":";;;;;AAAA;;AACA;;AAMA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,WAAW,GAAGC,KAAK,IAAI;AAC3B,QAAM,CAACC,IAAD,EAAOC,UAAP,IAAqBC,eAAMC,QAAN,CAAe,KAAf,CAA3B;;AACA,QAAM;AACJC,IAAAA,YADI;AAEJC,IAAAA,KAFI;AAGJC,IAAAA,IAHI;AAIJC,IAAAA,IAAI,GAAG,EAJH;AAKJC,IAAAA,IALI;AAMJC,IAAAA,UANI;AAOJC,IAAAA,MAAM,GAAG,KAPL;AAQJC,IAAAA,WAAW,GAAG;AARV,MASFZ,KATJ;AAUA,QAAM;AAACa,IAAAA,KAAK,GAAG;AAAT,MAAeL,IAArB;;AAEA,WAASM,YAAT,GAAwB;AACtBZ,IAAAA,UAAU,CAAC,IAAD,CAAV;AACD;;AAED,WAASa,YAAT,GAAwB;AACtBb,IAAAA,UAAU,CAAC,KAAD,CAAV;AACD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAEc,eAAMC
|
|
1
|
+
{"version":3,"sources":["../../../src/organism/setup-header/index.js"],"names":["SetupHeader","props","show","updateShow","React","useState","platformName","items","href","user","logo","logoMobile","isHome","isDashboard","image","onMouseEnter","onMouseLeave","style","container","wrapper","logoDesktop","list","platformList","element","icon","label","globalAnalytics","seeMyPlatform","profilePicture","logOut","arrowUp","propTypes","PropTypes","shape","string","bool","Link","username","Picture","src"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n NovaCompositionCoorpacademyTypeEye as EyeIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaSolidContentContentViewModule1 as ListIcon,\n NovaSolidLoginLogout1 as LogoutIcon\n} from '@coorpacademy/nova-icons';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Picture from '../../atom/picture';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst SetupHeader = props => {\n const [show, updateShow] = React.useState(false);\n const {\n platformName,\n items,\n href,\n user = {},\n logo,\n logoMobile,\n isHome = false,\n isDashboard = false\n } = props;\n const {image = ''} = user;\n\n function onMouseEnter() {\n updateShow(true);\n }\n\n function onMouseLeave() {\n updateShow(false);\n }\n\n return (\n <div className={style.container}>\n <div className={style.wrapper}>\n {isHome ? (\n <div className={style.logo}>\n <Link href={href}>\n <Picture className={style.logoDesktop} src={logo} />\n <Picture className={style.logoMobile} src={logoMobile} />\n </Link>\n </div>\n ) : (\n <ul className={style.list}>\n <Link\n href={items.platformList.href}\n className={classnames(style.element, style.platformList)}\n >\n <ListIcon className={style.icon} />\n <li>{items.platformList.label}</li>\n </Link>\n {!isDashboard ? (\n <li className={classnames(style.element, style.platformName)}>{platformName}</li>\n ) : null}\n </ul>\n )}\n <ul className={style.list}>\n {items.globalAnalytics && isDashboard === false ? (\n <Link\n href={items.globalAnalytics.href}\n className={classnames(style.element, style.globalAnalytics)}\n >\n <AnalyticsIcon className={style.icon} />\n <li>{items.globalAnalytics.label}</li>\n </Link>\n ) : null}\n {isHome || isDashboard ? null : (\n <Link\n href={items.seeMyPlatform.href}\n target=\"_blank\"\n className={classnames(style.element, style.seeMyPlatform)}\n >\n <EyeIcon className={style.icon} />\n <li>{items.seeMyPlatform.label}</li>\n </Link>\n )}\n <li onMouseEnter={onMouseEnter} className={style.profilePicture}>\n <img src={image} />\n </li>\n <Link href={items.logOut.href} className={classnames(style.element, style.logOut)}>\n <LogoutIcon className={style.icon} />\n <li>{items.logOut.label}</li>\n </Link>\n </ul>\n </div>\n\n <div data-name={`logout-${show ? 'show' : 'hide'}`}>\n <div className={style.arrowUp} />\n <Link\n href={items.logOut.href}\n className={classnames(style.element, style.logOut)}\n onMouseLeave={onMouseLeave}\n >\n <LogoutIcon className={style.icon} />\n <li>{items.logOut.label}</li>\n </Link>\n </div>\n </div>\n );\n};\n\nSetupHeader.propTypes = {\n items: PropTypes.shape({\n seeMyPlatform: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n logOut: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n globalAnalytics: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n platformList: PropTypes.shape({href: PropTypes.string, label: PropTypes.string})\n }),\n platformName: PropTypes.string,\n isDashboard: PropTypes.bool,\n isHome: PropTypes.bool,\n href: Link.propTypes.href,\n user: PropTypes.shape({\n username: PropTypes.string,\n image: PropTypes.string\n }),\n logo: Picture.propTypes.src,\n logoMobile: Picture.propTypes.src\n};\n\nexport default SetupHeader;\n"],"file":"index.js"}
|
|
@@ -181,11 +181,14 @@
|
|
|
181
181
|
|
|
182
182
|
@media cm_tablet {
|
|
183
183
|
[data-name="logout-show"] {
|
|
184
|
+
position: absolute;
|
|
185
|
+
top: 84px;
|
|
186
|
+
right: 40px;
|
|
184
187
|
display: flex;
|
|
188
|
+
z-index: 999;
|
|
185
189
|
flex-direction: column;
|
|
186
190
|
align-items: flex-end;
|
|
187
191
|
width: 100%;
|
|
188
|
-
margin-top: 15px;
|
|
189
192
|
}
|
|
190
193
|
|
|
191
194
|
[data-name="logout-show"] .logOut {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/template/back-office/brand-update/index.js"],"names":["SubTab","title","href","selected","propTypes","PropTypes","string","isRequired","bool","BrandUpdate","props","notifications","header","items","content","details","onItemClick","logo","selectedTab","e","head","formattedTabs","map","key","type","index","children","iconType","getStyle","isSelected","style","selectedElement","unselectedElement","subTabsView","_subTabs","convert","cap","subTab","_index","formattedTabsViews","tab","tabs","notificationsList","notification","contentView","cont","detailsView","container","dashboardAside","contentWrapper","contentHandler","subTabs","dashboardContent","defaultProps","arrayOf","shape","Notification","Header","oneOfType","BrandForm","oneOf","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport pipe from 'lodash/fp/pipe';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport filter from 'lodash/fp/filter';\nimport head from 'lodash/fp/head';\nimport BrandTabs from '../../../molecule/brand-tabs';\nimport {IconLinkItem, LinkItem} from '../../../organism/sidebar';\nimport BrandForm from '../../../organism/brand-form';\nimport BrandTable from '../../../organism/brand-table';\nimport BrandUpload from '../../../organism/brand-upload';\nimport BrandAnalytics from '../../../organism/brand-analytics';\nimport BrandDashboard from '../../../organism/brand-dashboard';\nimport Notification from '../../../atom/notification';\nimport Header from '../../../organism/setup-header';\nimport Loader from '../../../atom/loader';\nimport Accordion from '../../../organism/accordion/coorp-manager';\nimport style from './style.css';\n\nconst SubTab = ({title, href, selected}) => {\n return <h5>{title}</h5>;\n};\n\nSubTab.propTypes = {\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired\n};\n\nconst BrandUpdate = props => {\n const {notifications, header, items, content, details, onItemClick} = props;\n const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';\n const selectedTab = pipe(\n filter(e => e.selected),\n head,\n get('tabs'),\n filter(e => e.selected),\n head\n )(items);\n\n const formattedTabs = items.map(({key, title, href, selected, type = 'link'}, index) => ({\n title,\n selected,\n type,\n href,\n index,\n children: [],\n iconType: key || 'arrow'\n }));\n\n const getStyle = isSelected => (isSelected ? style.selectedElement : style.unselectedElement);\n\n const subTabsView = (_subTabs = []) =>\n map.convert({cap: false})((subTab, _index) => (\n <div key={subTab.title}>\n {subTab.type === 'iconLink' ? (\n <IconLinkItem\n {...subTab}\n styles={getStyle(subTab.selected)}\n uppercase={false}\n target={'_blank'}\n />\n ) : (\n <LinkItem {...subTab} styles={getStyle(subTab.selected)} uppercase={false} />\n )}\n </div>\n ))(_subTabs);\n\n const formattedTabsViews = map(tab => (\n <div key={tab.title} className={style.tabs}>\n {subTabsView(tab.tabs)}\n </div>\n ))(items);\n\n const notificationsList = notifications.map((notification, index) => {\n return (\n <div className={style.notification} key={index}>\n <Notification {...notification} />\n </div>\n );\n });\n\n const contentView = cont => {\n if (!cont) return <Loader />;\n const {type} = cont;\n switch (type) {\n case 'form':\n return <BrandForm {...cont} />;\n case 'list':\n return <BrandTable {...cont} />;\n case 'upload':\n return <BrandUpload {...cont} />;\n case 'dashboard':\n return <BrandAnalytics {...cont} />;\n case 'home':\n return <BrandDashboard {...cont} />;\n }\n };\n\n const detailsView = cont => {\n if (!cont) return;\n return <BrandTable {...cont} />;\n };\n\n return (\n <div className={style.container}>\n <div className={style.dashboardAside}>\n <div className={style.logo}>\n <a href=\"/\">\n <img src={logo} />\n </a>\n </div>\n <Accordion tabProps={formattedTabs} theme={'setup'} onClick={onItemClick}>\n {formattedTabsViews}\n </Accordion>\n </div>\n <div className={style.contentWrapper}>\n <Header {...header} />\n <div className={style.notifications}>{notificationsList}</div>\n {content && content.type === 'home' ? (\n contentView(content)\n ) : (\n <div className={style.contentHandler}>\n <div className={style.contentView}>\n {selectedTab && !isEmpty(selectedTab.subTabs) ? (\n <BrandTabs type=\"light\" tabs={selectedTab.subTabs} />\n ) : null}\n <div className={style.dashboardContent}>\n <div>{contentView(content)}</div>\n <div>{detailsView(details)}</div>\n </div>\n </div>\n </div>\n )}\n </div>\n </div>\n );\n};\n\nBrandUpdate.defaultProps = {\n notifications: []\n};\n\nBrandUpdate.propTypes = {\n notifications: PropTypes.arrayOf(PropTypes.shape(Notification.propTypes)),\n header: PropTypes.shape({...Header.propTypes}),\n items: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n type: PropTypes.string,\n tabs: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n type: PropTypes.string,\n subTabs: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n type: PropTypes.string\n })\n )\n })\n )\n })\n ).isRequired,\n content: PropTypes.oneOfType([\n PropTypes.shape({\n ...BrandForm.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['form'])\n }),\n PropTypes.shape({\n ...BrandTable.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['list'])\n }),\n PropTypes.shape({\n ...BrandUpload.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['upload'])\n }),\n PropTypes.shape({\n ...BrandAnalytics.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['analytics-dashboards'])\n }),\n PropTypes.shape({\n ...BrandDashboard.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['dashoard'])\n })\n ]),\n details: PropTypes.shape({\n ...BrandTable.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['list'])\n }),\n onItemClick: PropTypes.func\n};\n\nexport default BrandUpdate;\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/template/back-office/brand-update/index.js"],"names":["SubTab","title","href","selected","propTypes","PropTypes","string","isRequired","bool","BrandUpdate","props","notifications","header","items","content","details","onItemClick","logo","selectedTab","e","head","formattedTabs","map","key","type","index","children","iconType","getStyle","isSelected","style","selectedElement","unselectedElement","subTabsView","_subTabs","convert","cap","subTab","_index","formattedTabsViews","tab","tabs","notificationsList","notification","contentView","cont","detailsView","container","dashboardAside","contentWrapper","contentHandler","subTabs","dashboardContent","defaultProps","arrayOf","shape","Notification","Header","oneOfType","BrandForm","oneOf","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport pipe from 'lodash/fp/pipe';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport filter from 'lodash/fp/filter';\nimport head from 'lodash/fp/head';\nimport BrandTabs from '../../../molecule/brand-tabs';\nimport {IconLinkItem, LinkItem} from '../../../organism/sidebar';\nimport BrandForm from '../../../organism/brand-form';\nimport BrandTable from '../../../organism/brand-table';\nimport BrandUpload from '../../../organism/brand-upload';\nimport BrandAnalytics from '../../../organism/brand-analytics';\nimport BrandDashboard from '../../../organism/brand-dashboard';\nimport Notification from '../../../atom/notification';\nimport Header from '../../../organism/setup-header';\nimport Loader from '../../../atom/loader';\nimport Accordion from '../../../organism/accordion/coorp-manager';\nimport style from './style.css';\n\nconst SubTab = ({title, href, selected}) => {\n return <h5>{title}</h5>;\n};\n\nSubTab.propTypes = {\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired\n};\n\nconst BrandUpdate = props => {\n const {notifications, header, items, content, details, onItemClick} = props;\n const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';\n const selectedTab = pipe(\n filter(e => e.selected),\n head,\n get('tabs'),\n filter(e => e.selected),\n head\n )(items);\n\n const formattedTabs = items.map(({key, title, href, selected, type = 'simpleTab'}, index) => ({\n title,\n selected,\n type,\n href,\n index,\n children: [],\n iconType: key || 'arrow'\n }));\n\n const getStyle = isSelected => (isSelected ? style.selectedElement : style.unselectedElement);\n\n const subTabsView = (_subTabs = []) =>\n map.convert({cap: false})((subTab, _index) => (\n <div key={subTab.title}>\n {subTab.type === 'iconLink' ? (\n <IconLinkItem\n {...subTab}\n styles={getStyle(subTab.selected)}\n uppercase={false}\n target={'_blank'}\n />\n ) : (\n <LinkItem {...subTab} styles={getStyle(subTab.selected)} uppercase={false} />\n )}\n </div>\n ))(_subTabs);\n\n const formattedTabsViews = map(tab => (\n <div key={tab.title} className={style.tabs}>\n {subTabsView(tab.tabs)}\n </div>\n ))(items);\n\n const notificationsList = notifications.map((notification, index) => {\n return (\n <div className={style.notification} key={index}>\n <Notification {...notification} />\n </div>\n );\n });\n\n const contentView = cont => {\n if (!cont) return <Loader />;\n const {type} = cont;\n switch (type) {\n case 'form':\n return <BrandForm {...cont} />;\n case 'list':\n return <BrandTable {...cont} />;\n case 'upload':\n return <BrandUpload {...cont} />;\n case 'dashboard':\n return <BrandAnalytics {...cont} />;\n case 'home':\n return <BrandDashboard {...cont} />;\n }\n };\n\n const detailsView = cont => {\n if (!cont) return;\n return <BrandTable {...cont} />;\n };\n\n return (\n <div className={style.container}>\n <div className={style.dashboardAside}>\n <div className={style.logo}>\n <a href=\"/\">\n <img src={logo} />\n </a>\n </div>\n <Accordion tabProps={formattedTabs} theme={'setup'} onClick={onItemClick}>\n {formattedTabsViews}\n </Accordion>\n </div>\n <div className={style.contentWrapper}>\n <Header {...header} />\n <div className={style.notifications}>{notificationsList}</div>\n {content && content.type === 'home' ? (\n contentView(content)\n ) : (\n <div className={style.contentHandler}>\n <div className={style.contentView}>\n {selectedTab && !isEmpty(selectedTab.subTabs) ? (\n <BrandTabs type=\"light\" tabs={selectedTab.subTabs} />\n ) : null}\n <div className={style.dashboardContent}>\n <div>{contentView(content)}</div>\n <div>{detailsView(details)}</div>\n </div>\n </div>\n </div>\n )}\n </div>\n </div>\n );\n};\n\nBrandUpdate.defaultProps = {\n notifications: []\n};\n\nBrandUpdate.propTypes = {\n notifications: PropTypes.arrayOf(PropTypes.shape(Notification.propTypes)),\n header: PropTypes.shape({...Header.propTypes}),\n items: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n type: PropTypes.string,\n tabs: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n type: PropTypes.string,\n subTabs: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n type: PropTypes.string\n })\n )\n })\n )\n })\n ).isRequired,\n content: PropTypes.oneOfType([\n PropTypes.shape({\n ...BrandForm.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['form'])\n }),\n PropTypes.shape({\n ...BrandTable.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['list'])\n }),\n PropTypes.shape({\n ...BrandUpload.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['upload'])\n }),\n PropTypes.shape({\n ...BrandAnalytics.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['analytics-dashboards'])\n }),\n PropTypes.shape({\n ...BrandDashboard.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['dashoard'])\n })\n ]),\n details: PropTypes.shape({\n ...BrandTable.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['list'])\n }),\n onItemClick: PropTypes.func\n};\n\nexport default BrandUpdate;\n"],"file":"index.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "10.0.
|
|
3
|
+
"version": "10.0.36",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"Soualmi Djamel <djamel.soualmi@coorpacademy.com>"
|
|
51
51
|
],
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@coorpacademy/nova-icons": "3.9.
|
|
53
|
+
"@coorpacademy/nova-icons": "3.9.22",
|
|
54
54
|
"autoprefixer": "^9.8.0",
|
|
55
55
|
"classnames": "^2.2.6",
|
|
56
56
|
"css-color-function": "^1.3.3",
|
|
@@ -118,5 +118,5 @@
|
|
|
118
118
|
"webpack-hot-middleware": "^2.25.0"
|
|
119
119
|
},
|
|
120
120
|
"author": "CoorpAcademy",
|
|
121
|
-
"gitHead": "
|
|
121
|
+
"gitHead": "f8d82a61894e920e1904fd6b178be31729592731"
|
|
122
122
|
}
|