@coorpacademy/components 11.9.2-alpha.1 → 11.9.2

package/lib/atom/title/index.js

@@ -21,13 +21,20 @@ const getTitleStype = type => {
   }
 };
 
-const getSubtitleStype = type => {
+const getSubtitleStype = (type, size) => {
   switch (type) {
     case 'page':
       return _style.default.subtitlePage;
 
     case 'form-group':
-      return _style.default.subtitleFormGroup;
+      switch (size) {
+        case 'standard':
+          return _style.default.subtitleFormGroup;
+
+        case 'small':
+          return _style.default.smallSubtitleFormGroup;
+      }
+
   }
 };
 
@@ -36,10 +43,11 @@ const Title = props => {
     title,
     subtitle,
     type,
-    'data-name': dataName
+    'data-name': dataName,
+    subtitleSize = 'standard'
   } = props;
   const titleStyle = getTitleStype(type);
-  const subtitleStyle = getSubtitleStype(type);
+  const subtitleStyle = getSubtitleStype(type, subtitleSize);
   const subtitleSection = subtitle ? /*#__PURE__*/_react.default.createElement("div", {
     className: subtitleStyle
   }, subtitle) : null;
@@ -53,7 +61,8 @@ Title.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   subtitle: _propTypes.default.string,
   type: _propTypes.default.oneOf(['page', 'form-group']),
-  'data-name': _propTypes.default.string
+  'data-name': _propTypes.default.string,
+  subtitleSize: _propTypes.default.string
 } : {};
 var _default = Title;
 exports.default = _default;

package/lib/atom/title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTitleStype","type","style","titlePage","titleFormGroup","getSubtitleStype","subtitlePage","subtitleFormGroup","Title","props","title","subtitle","dataName","titleStyle","subtitleStyle","subtitleSection","propTypes","PropTypes","string","oneOf"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst getTitleStype = type => {\n  switch (type) {\n    case 'page':\n      return style.titlePage;\n    case 'form-group':\n      return style.titleFormGroup;\n  }\n};\n\nconst getSubtitleStype = type => {\n  switch (type) {\n    case 'page':\n      return style.subtitlePage;\n    case 'form-group':\n      return style.subtitleFormGroup;\n  }\n};\n\nconst Title = props => {\n  const {title, subtitle, type, 'data-name': dataName} = props;\n  const titleStyle = getTitleStype(type);\n  const subtitleStyle = getSubtitleStype(type);\n\n  const subtitleSection = subtitle ? <div className={subtitleStyle}>{subtitle}</div> : null;\n\n  return (\n    <div>\n      <div className={titleStyle} data-name={dataName}>\n        {title}\n      </div>\n      {subtitleSection}\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  type: PropTypes.oneOf(['page', 'form-group']),\n  'data-name': PropTypes.string\n};\nexport default Title;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,aAAa,GAAGC,IAAI,IAAI;EAC5B,QAAQA,IAAR;IACE,KAAK,MAAL;MACE,OAAOC,cAAA,CAAMC,SAAb;;IACF,KAAK,YAAL;MACE,OAAOD,cAAA,CAAME,cAAb;EAJJ;AAMD,CAPD;;AASA,MAAMC,gBAAgB,GAAGJ,IAAI,IAAI;EAC/B,QAAQA,IAAR;IACE,KAAK,MAAL;MACE,OAAOC,cAAA,CAAMI,YAAb;;IACF,KAAK,YAAL;MACE,OAAOJ,cAAA,CAAMK,iBAAb;EAJJ;AAMD,CAPD;;AASA,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBV,IAAlB;IAAwB,aAAaW;EAArC,IAAiDH,KAAvD;EACA,MAAMI,UAAU,GAAGb,aAAa,CAACC,IAAD,CAAhC;EACA,MAAMa,aAAa,GAAGT,gBAAgB,CAACJ,IAAD,CAAtC;EAEA,MAAMc,eAAe,GAAGJ,QAAQ,gBAAG;IAAK,SAAS,EAAEG;EAAhB,GAAgCH,QAAhC,CAAH,GAAqD,IAArF;EAEA,oBACE,uDACE;IAAK,SAAS,EAAEE,UAAhB;IAA4B,aAAWD;EAAvC,GACGF,KADH,CADF,EAIGK,eAJH,CADF;AAQD,CAfD;;AAiBAP,KAAK,CAACQ,SAAN,2CAAkB;EAChBN,KAAK,EAAEO,kBAAA,CAAUC,MADD;EAEhBP,QAAQ,EAAEM,kBAAA,CAAUC,MAFJ;EAGhBjB,IAAI,EAAEgB,kBAAA,CAAUE,KAAV,CAAgB,CAAC,MAAD,EAAS,YAAT,CAAhB,CAHU;EAIhB,aAAaF,kBAAA,CAAUC;AAJP,CAAlB;eAMeV,K"}
+{"version":3,"file":"index.js","names":["getTitleStype","type","style","titlePage","titleFormGroup","getSubtitleStype","size","subtitlePage","subtitleFormGroup","smallSubtitleFormGroup","Title","props","title","subtitle","dataName","subtitleSize","titleStyle","subtitleStyle","subtitleSection","propTypes","PropTypes","string","oneOf"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst getTitleStype = type => {\n  switch (type) {\n    case 'page':\n      return style.titlePage;\n    case 'form-group':\n      return style.titleFormGroup;\n  }\n};\n\nconst getSubtitleStype = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.subtitlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.subtitleFormGroup;\n        case 'small':\n          return style.smallSubtitleFormGroup;\n      }\n  }\n};\n\nconst Title = props => {\n  const {title, subtitle, type, 'data-name': dataName, subtitleSize = 'standard'} = props;\n  const titleStyle = getTitleStype(type);\n  const subtitleStyle = getSubtitleStype(type, subtitleSize);\n\n  const subtitleSection = subtitle ? <div className={subtitleStyle}>{subtitle}</div> : null;\n\n  return (\n    <div>\n      <div className={titleStyle} data-name={dataName}>\n        {title}\n      </div>\n      {subtitleSection}\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  type: PropTypes.oneOf(['page', 'form-group']),\n  'data-name': PropTypes.string,\n  subtitleSize: PropTypes.string\n};\nexport default Title;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,aAAa,GAAGC,IAAI,IAAI;EAC5B,QAAQA,IAAR;IACE,KAAK,MAAL;MACE,OAAOC,cAAA,CAAMC,SAAb;;IACF,KAAK,YAAL;MACE,OAAOD,cAAA,CAAME,cAAb;EAJJ;AAMD,CAPD;;AASA,MAAMC,gBAAgB,GAAG,CAACJ,IAAD,EAAOK,IAAP,KAAgB;EACvC,QAAQL,IAAR;IACE,KAAK,MAAL;MACE,OAAOC,cAAA,CAAMK,YAAb;;IACF,KAAK,YAAL;MACE,QAAQD,IAAR;QACE,KAAK,UAAL;UACE,OAAOJ,cAAA,CAAMM,iBAAb;;QACF,KAAK,OAAL;UACE,OAAON,cAAA,CAAMO,sBAAb;MAJJ;;EAJJ;AAWD,CAZD;;AAcA,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBZ,IAAlB;IAAwB,aAAaa,QAArC;IAA+CC,YAAY,GAAG;EAA9D,IAA4EJ,KAAlF;EACA,MAAMK,UAAU,GAAGhB,aAAa,CAACC,IAAD,CAAhC;EACA,MAAMgB,aAAa,GAAGZ,gBAAgB,CAACJ,IAAD,EAAOc,YAAP,CAAtC;EAEA,MAAMG,eAAe,GAAGL,QAAQ,gBAAG;IAAK,SAAS,EAAEI;EAAhB,GAAgCJ,QAAhC,CAAH,GAAqD,IAArF;EAEA,oBACE,uDACE;IAAK,SAAS,EAAEG,UAAhB;IAA4B,aAAWF;EAAvC,GACGF,KADH,CADF,EAIGM,eAJH,CADF;AAQD,CAfD;;AAiBAR,KAAK,CAACS,SAAN,2CAAkB;EAChBP,KAAK,EAAEQ,kBAAA,CAAUC,MADD;EAEhBR,QAAQ,EAAEO,kBAAA,CAAUC,MAFJ;EAGhBpB,IAAI,EAAEmB,kBAAA,CAAUE,KAAV,CAAgB,CAAC,MAAD,EAAS,YAAT,CAAhB,CAHU;EAIhB,aAAaF,kBAAA,CAAUC,MAJP;EAKhBN,YAAY,EAAEK,kBAAA,CAAUC;AALR,CAAlB;eAOeX,K"}

package/lib/atom/title/style.css

@@ -41,3 +41,9 @@
     line-height: 20px;
     color: cm_grey_400;
 }
+
+
+.smallSubtitleFormGroup{
+    composes: subtitleFormGroup;
+    max-width: 450px
+}

package/lib/molecule/brand-form-group/index.d.ts

@@ -4,6 +4,7 @@ declare namespace BrandFormGroup {
     namespace propTypes {
         const title: PropTypes.Requireable<string>;
         const subtitle: PropTypes.Requireable<string>;
+        const subtitleSize: PropTypes.Requireable<string>;
         const fieldsLayout: PropTypes.Requireable<string>;
         const groupLayout: PropTypes.Requireable<string>;
         const fields: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
@@ -129,6 +130,8 @@ declare namespace BrandFormGroup {
             error: PropTypes.Requireable<string>;
             buttonAriaLabel: PropTypes.Requireable<string>;
             errorButtonLabel: PropTypes.Requireable<string>;
+            labelLink: PropTypes.Requireable<string>;
+            hrefLink: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<string>;
             description: PropTypes.Requireable<string>;
             uploadLabel: PropTypes.Requireable<string>;
@@ -242,6 +245,8 @@ declare namespace BrandFormGroup {
                     error: PropTypes.Requireable<string>;
                     buttonAriaLabel: PropTypes.Requireable<string>;
                     errorButtonLabel: PropTypes.Requireable<string>;
+                    labelLink: PropTypes.Requireable<string>;
+                    hrefLink: PropTypes.Requireable<string>;
                     title: PropTypes.Requireable<string>;
                     description: PropTypes.Requireable<string>;
                     uploadLabel: PropTypes.Requireable<string>;

package/lib/molecule/brand-form-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-form-group/index.js"],"names":[],"mappings":";AAmGA,yDAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-form-group/index.js"],"names":[],"mappings":";AAmGA,yDAsBC"}

package/lib/molecule/brand-form-group/index.js

@@ -166,7 +166,8 @@ const BrandFormGroup = props => {
     subtitle = '',
     fieldsLayout = '',
     groupLayout = '',
-    fields = []
+    fields = [],
+    subtitleSize = 'standard'
   } = props;
 
   const fieldsList = _map2.default.convert({
@@ -181,6 +182,7 @@ const BrandFormGroup = props => {
   }, /*#__PURE__*/_react.default.createElement(_title.default, {
     title: title,
     subtitle: subtitle,
+    subtitleSize: subtitleSize,
     type: 'form-group'
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: fieldsLayout === 'grid' ? _style.default.grid : null
@@ -190,6 +192,7 @@ const BrandFormGroup = props => {
 BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   subtitle: _propTypes.default.string,
+  subtitleSize: _propTypes.default.string,
   fieldsLayout: _propTypes.default.string,
   groupLayout: _propTypes.default.string,
   fields: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_extends({}, _autocomplete.default.propTypes, {

package/lib/molecule/brand-form-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["inputContainerStyle","default","style","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","buttonType","buildField","index","input","theme","size","styleInput","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","fieldsList","convert","cap","classNames","wrapper","groupGrid","titleWrapper","grid","propTypes","PropTypes","string","arrayOf","oneOfType","shape","Autocomplete","oneOf","InputColor","InputReadonly","InputSwitch","InputTextarea","InputHTML","InputDoublestep","Select","InputCheckbox","ImageUpload","SetupSlider","SetupSections","InputText","BrandDownloadBox","BrandUploadBox","Button","ButtonLink","SelectMultiple","Roles"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return (\n        <div className={style.imageUploadContainer}>\n          <ImageUpload {...field} />\n        </div>\n      );\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return <Button {...field} />;\n    case 'buttonLink':\n      return <ButtonLink {...field} type={field.buttonType} />;\n    case 'roles':\n      return <Roles {...field} />;\n    case 'titleAndCheckBoxWrapper':\n      return <TitleAndCheckBoxWrapper {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n\n  return (\n    <div className={styleInput} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst BrandFormGroup = props => {\n  const {title, subtitle = '', fieldsLayout = '', groupLayout = '', fields = []} = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} type={'form-group'} />\n      </div>\n      <div className={fieldsLayout === 'grid' ? style.grid : null}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...ButtonLink.propTypes,\n        buttonType: ButtonLink.propTypes.type,\n        type: PropTypes.oneOf(['buttonLink'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["inputContainerStyle","default","style","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","buttonType","buildField","index","input","theme","size","styleInput","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","subtitleSize","fieldsList","convert","cap","classNames","wrapper","groupGrid","titleWrapper","grid","propTypes","PropTypes","string","arrayOf","oneOfType","shape","Autocomplete","oneOf","InputColor","InputReadonly","InputSwitch","InputTextarea","InputHTML","InputDoublestep","Select","InputCheckbox","ImageUpload","SetupSlider","SetupSections","InputText","BrandDownloadBox","BrandUploadBox","Button","ButtonLink","SelectMultiple","Roles"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return (\n        <div className={style.imageUploadContainer}>\n          <ImageUpload {...field} />\n        </div>\n      );\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return <Button {...field} />;\n    case 'buttonLink':\n      return <ButtonLink {...field} type={field.buttonType} />;\n    case 'roles':\n      return <Roles {...field} />;\n    case 'titleAndCheckBoxWrapper':\n      return <TitleAndCheckBoxWrapper {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n\n  return (\n    <div className={styleInput} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst BrandFormGroup = props => {\n  const {\n    title,\n    subtitle = '',\n    fieldsLayout = '',\n    groupLayout = '',\n    fields = [],\n    subtitleSize = 'standard'\n  } = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} subtitleSize={subtitleSize} type={'form-group'} />\n      </div>\n      <div className={fieldsLayout === 'grid' ? style.grid : null}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  subtitleSize: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...ButtonLink.propTypes,\n        buttonType: ButtonLink.propTypes.type,\n        type: PropTypes.oneOf(['buttonLink'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"mappings":"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"}

package/lib/molecule/brand-form-group/style.css

@@ -42,17 +42,12 @@
   justify-content: space-evenly;
 }
 
-.grid .field {
-  margin-right: 20px;
-}
-
 .field {
-  margin-bottom: 10px;
+  display: flex;
+  margin: 0 32px 64px 0;
+  flex: 1 0 0;
 }
 
-.field:last-child {
-  margin-bottom: 0;
-}
 
 .fieldCoorpmanager {
   margin: 0 0 32px 0;
@@ -74,8 +69,10 @@
 }
 
 .imageUploadContainer {
-  height: 300px;
-  width: 360px;
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ min-width: 230px;
 }
 
 @media desktop {
@@ -84,6 +81,8 @@
   }
 
   .groupGrid .grid {
+    display: flex;
+    flex-direction: row;
     justify-content: flex-start;
     margin-top: 0;
   }

package/lib/molecule/drag-and-drop-wrapper/index.d.ts

@@ -10,6 +10,8 @@ declare namespace DragAndDropWrapper {
             error: PropTypes.Requireable<string>;
             buttonAriaLabel: PropTypes.Requireable<string>;
             errorButtonLabel: PropTypes.Requireable<string>;
+            labelLink: PropTypes.Requireable<string>;
+            hrefLink: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<string>;
             description: PropTypes.Requireable<string>;
             uploadLabel: PropTypes.Requireable<string>;

package/lib/molecule/setup-slide/index.d.ts

@@ -87,6 +87,8 @@ declare namespace SetupSlide {
             error: PropTypes.Requireable<string>;
             buttonAriaLabel: PropTypes.Requireable<string>;
             errorButtonLabel: PropTypes.Requireable<string>;
+            labelLink: PropTypes.Requireable<string>;
+            hrefLink: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<string>;
             description: PropTypes.Requireable<string>;
             uploadLabel: PropTypes.Requireable<string>;

package/lib/molecule/setup-slider/index.d.ts

@@ -100,6 +100,8 @@ declare namespace SetupSlider {
                 error: PropTypes.Requireable<string>;
                 buttonAriaLabel: PropTypes.Requireable<string>;
                 errorButtonLabel: PropTypes.Requireable<string>;
+                labelLink: PropTypes.Requireable<string>;
+                hrefLink: PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 description: PropTypes.Requireable<string>;
                 uploadLabel: PropTypes.Requireable<string>;

package/lib/molecule/title-and-checkbox-wrapper/index.d.ts

@@ -15,6 +15,7 @@ declare namespace TitleAndCheckBoxWrapper {
             subtitle: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
             'data-name': PropTypes.Requireable<string>;
+            subtitleSize: PropTypes.Requireable<string>;
         }>>;
         const child: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
             childType: PropTypes.Requireable<string>;
@@ -49,6 +50,8 @@ declare namespace TitleAndCheckBoxWrapper {
                 error: PropTypes.Requireable<string>;
                 buttonAriaLabel: PropTypes.Requireable<string>;
                 errorButtonLabel: PropTypes.Requireable<string>;
+                labelLink: PropTypes.Requireable<string>;
+                hrefLink: PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 description: PropTypes.Requireable<string>;
                 uploadLabel: PropTypes.Requireable<string>;

package/lib/organism/brand-form/index.d.ts

@@ -34,6 +34,7 @@ declare namespace BrandForm {
         export const groups: PropTypes.Validator<(PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             subtitle: PropTypes.Requireable<string>;
+            subtitleSize: PropTypes.Requireable<string>;
             fieldsLayout: PropTypes.Requireable<string>;
             groupLayout: PropTypes.Requireable<string>;
             fields: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
@@ -159,6 +160,8 @@ declare namespace BrandForm {
                 error: PropTypes.Requireable<string>;
                 buttonAriaLabel: PropTypes.Requireable<string>;
                 errorButtonLabel: PropTypes.Requireable<string>;
+                labelLink: PropTypes.Requireable<string>;
+                hrefLink: PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 description: PropTypes.Requireable<string>;
                 uploadLabel: PropTypes.Requireable<string>;
@@ -272,6 +275,8 @@ declare namespace BrandForm {
                         error: PropTypes.Requireable<string>;
                         buttonAriaLabel: PropTypes.Requireable<string>;
                         errorButtonLabel: PropTypes.Requireable<string>;
+                        labelLink: PropTypes.Requireable<string>;
+                        hrefLink: PropTypes.Requireable<string>;
                         title: PropTypes.Requireable<string>;
                         description: PropTypes.Requireable<string>;
                         uploadLabel: PropTypes.Requireable<string>;

package/lib/organism/rewards-form/index.d.ts

@@ -18,6 +18,7 @@ declare namespace RewardsForm {
                 subtitle: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
                 'data-name': PropTypes.Requireable<string>;
+                subtitleSize: PropTypes.Requireable<string>;
             }>>;
             child: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                 childType: PropTypes.Requireable<string>;
@@ -52,6 +53,8 @@ declare namespace RewardsForm {
                     error: PropTypes.Requireable<string>;
                     buttonAriaLabel: PropTypes.Requireable<string>;
                     errorButtonLabel: PropTypes.Requireable<string>;
+                    labelLink: PropTypes.Requireable<string>;
+                    hrefLink: PropTypes.Requireable<string>;
                     title: PropTypes.Requireable<string>;
                     description: PropTypes.Requireable<string>;
                     uploadLabel: PropTypes.Requireable<string>;

package/lib/organism/wizard-contents/index.d.ts

@@ -51,6 +51,7 @@ declare namespace WizardContents {
             groups: PropTypes.Validator<(PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;
                 subtitle: PropTypes.Requireable<string>;
+                subtitleSize: PropTypes.Requireable<string>;
                 fieldsLayout: PropTypes.Requireable<string>;
                 groupLayout: PropTypes.Requireable<string>;
                 fields: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
@@ -176,6 +177,8 @@ declare namespace WizardContents {
                     error: PropTypes.Requireable<string>;
                     buttonAriaLabel: PropTypes.Requireable<string>;
                     errorButtonLabel: PropTypes.Requireable<string>;
+                    labelLink: PropTypes.Requireable<string>;
+                    hrefLink: PropTypes.Requireable<string>;
                     title: PropTypes.Requireable<string>;
                     description: PropTypes.Requireable<string>;
                     uploadLabel: PropTypes.Requireable<string>;
@@ -289,6 +292,8 @@ declare namespace WizardContents {
                             error: PropTypes.Requireable<string>;
                             buttonAriaLabel: PropTypes.Requireable<string>;
                             errorButtonLabel: PropTypes.Requireable<string>;
+                            labelLink: PropTypes.Requireable<string>;
+                            hrefLink: PropTypes.Requireable<string>;
                             title: PropTypes.Requireable<string>;
                             description: PropTypes.Requireable<string>;
                             uploadLabel: PropTypes.Requireable<string>;
@@ -640,6 +645,7 @@ declare namespace WizardContents {
                     subtitle: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;
                     'data-name': PropTypes.Requireable<string>;
+                    subtitleSize: PropTypes.Requireable<string>;
                 }>>;
                 child: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                     childType: PropTypes.Requireable<string>;
@@ -674,6 +680,8 @@ declare namespace WizardContents {
                         error: PropTypes.Requireable<string>;
                         buttonAriaLabel: PropTypes.Requireable<string>;
                         errorButtonLabel: PropTypes.Requireable<string>;
+                        labelLink: PropTypes.Requireable<string>;
+                        hrefLink: PropTypes.Requireable<string>;
                         title: PropTypes.Requireable<string>;
                         description: PropTypes.Requireable<string>;
                         uploadLabel: PropTypes.Requireable<string>;

package/lib/template/activity/engine-stars.css

@@ -21,10 +21,6 @@
 
   user-select: none;
   position: relative;
-  border-bottom: none;
-  border-right: 0px;
-  border-width: 1px 0 0 1px;
-  background: inherit;
 }
 
 .engineIcon {
@@ -160,22 +156,28 @@
   opacity: 0.4;
 }
 
-.textBase {
-  font-family: "Gilroy";
-  font-style: normal;
-  color: white;
+.toolTip {
+  opacity: 1 !important;
+  padding: 0;
+  pointer-events: all;
+  background-color: transparent !important;
+}
+
+.toolTip::after {
+  border-left-color: transparent !important;
 }
 
 .toolTipContent {
-  composes: textBase;
-  width: 270px;
-  font-weight: 500;
-  font-size: 14px;
-  display: inline-block;
+  padding: 10px;
+  margin: 0;
   border-radius: 3px;
-  word-wrap: break-word;
-  padding: 8px 14px;
-  text-align: center;
+  font-family: 'Gilroy';
+  font-size: 12px;
+  width: 270px;
+  background-color: white;
+  border: 1px solid white;
+  color: dark;
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 8px 3px 10px rgba(0, 0, 0, 0.23);
 }
 
 .toolTipContent > a {
@@ -189,6 +191,21 @@
   text-decoration: underline;
 }
 
+.toolTipContent::after {
+  content: '';
+  width: 0;
+  height: 0;
+  position: absolute;
+  border-left-color: inherit;
+  border-left-style: solid;
+  border-left-width: 6px;
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+  right: -6px;
+  top: 50%;
+  margin-top: -4px;
+}
+
 /* ------------------------------------------------------ */
 
 @media tablet, mobile {

package/lib/template/activity/engine-stars.d.ts

@@ -1,23 +1,21 @@
 export default EngineStars;
-declare function EngineStars(props: any, legacyContext: any): JSX.Element;
-declare namespace EngineStars {
-    namespace propTypes {
-        const type: PropTypes.Validator<string>;
-        const stars: PropTypes.Validator<number>;
-        const title: PropTypes.Validator<string>;
-        const active: PropTypes.Requireable<boolean>;
-        const disabled: PropTypes.Requireable<boolean>;
-        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const className: PropTypes.Requireable<string>;
-        const toolTip: PropTypes.Requireable<PropTypes.InferProps<{
+declare class EngineStars extends React.Component<any, any, any> {
+    static propTypes: {
+        type: PropTypes.Validator<string>;
+        stars: PropTypes.Validator<number>;
+        title: PropTypes.Validator<string>;
+        active: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        toolTip: PropTypes.Requireable<PropTypes.InferProps<{
             preMessage: PropTypes.Requireable<string>;
             linkMessage: PropTypes.Requireable<string>;
             endMessage: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-    }
-    namespace contextTypes {
-        const skin: PropTypes.Requireable<PropTypes.InferProps<{
+    };
+    static contextTypes: {
+        skin: PropTypes.Requireable<PropTypes.InferProps<{
             common: PropTypes.Requireable<{
                 [x: string]: any;
             }>;
@@ -38,7 +36,11 @@ declare namespace EngineStars {
                 [x: string]: any;
             }>;
         }>>;
-    }
+    };
+    constructor(props: any, context: any);
+    handleClick: (e: any) => void;
+    render(): JSX.Element;
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=engine-stars.d.ts.map

package/lib/template/activity/engine-stars.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"engine-stars.d.ts","sourceRoot":"","sources":["../../../src/template/activity/engine-stars.js"],"names":[],"mappings":";AAuEA,0EAwIC"}
+{"version":3,"file":"engine-stars.d.ts","sourceRoot":"","sources":["../../../src/template/activity/engine-stars.js"],"names":[],"mappings":";AAqFA;IACE;;;;;;;;;;;;;MAaE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,sCAGC;IAED,8BAKE;IAEF,sBAqDC;CACF"}