@coorpacademy/components 11.16.5-alpha.2 → 11.17.0

package/es/atom/image-upload/style.css

@@ -18,9 +18,11 @@
   display: flex;
   flex-direction: row;
   justify-content: center;
+  text-align: center;
   margin-top: 16px;
   background-color: cm_grey_50;
   padding: 16px 0 16px 0;
   border-radius: 10px;
   font-family: "Gilroy";
+  font-size: 14px;
 }

package/es/atom/radio-with-title/index.d.ts

@@ -1,21 +1,21 @@
 /// <reference types="react" />
-import PropTypes from 'prop-types';
 import { RadioWithTitleProps } from './types';
 declare const RadioWithTitle: {
     (props: RadioWithTitleProps): JSX.Element;
     propTypes: {
-        title: PropTypes.Requireable<PropTypes.InferProps<{
-            title: PropTypes.Requireable<string>;
-            subtitle: PropTypes.Requireable<string>;
-            type: PropTypes.Requireable<string>;
-            'data-name': PropTypes.Requireable<string>;
-            subtitleSize: PropTypes.Requireable<string>;
-        }>>;
-        name: PropTypes.Requireable<string>;
-        checked: PropTypes.Requireable<boolean>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        'aria-label': PropTypes.Requireable<string>;
-        'data-name': PropTypes.Requireable<string>;
+        title: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+            title: import("prop-types").Requireable<string>;
+            subtitle: import("prop-types").Requireable<string>;
+            type: import("prop-types").Requireable<string>;
+            'data-name': import("prop-types").Requireable<string>;
+            titleSize: import("prop-types").Requireable<string>;
+            subtitleSize: import("prop-types").Requireable<string>;
+        }>>>;
+        name: import("prop-types").Requireable<string>;
+        checked: import("prop-types").Requireable<boolean>;
+        onChange: import("prop-types").Validator<(...args: any[]) => any>;
+        'aria-label': import("prop-types").Requireable<string>;
+        'data-name': import("prop-types").Requireable<string>;
     };
 };
 export default RadioWithTitle;

package/es/atom/radio-with-title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/index.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAE5C,QAAA,MAAM,cAAc;YAAW,mBAAmB;;;;;;;;;;;;;;;CA+BjD,CAAC;AAUF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAY,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;;;;;;;;;;;;;;;CAwBjD,CAAC;AAIF,eAAe,cAAc,CAAC"}

package/es/atom/radio-with-title/index.js

@@ -1,16 +1,18 @@
 import _uniqueId from "lodash/fp/uniqueId";
-import _noop from "lodash/fp/noop";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useCallback } from 'react';
-import PropTypes from 'prop-types';
 import Title from '../title';
 import style from './style.css';
+import { propTypes } from './types';
 
 const RadioWithTitle = props => {
   const {
     title,
     name,
     checked,
-    onChange = _noop,
+    onChange,
     'data-name': dataName,
     'aria-label': ariaLabel
   } = props;
@@ -33,16 +35,12 @@ const RadioWithTitle = props => {
     "aria-label": ariaLabel
   }), /*#__PURE__*/React.createElement("span", {
     className: style.title
-  }, /*#__PURE__*/React.createElement(Title, title))));
+  }, /*#__PURE__*/React.createElement(Title, _extends({}, title, {
+    titleSize: 'small',
+    subtitleSize: 'extra-small'
+  })))));
 };
 
-RadioWithTitle.propTypes = process.env.NODE_ENV !== "production" ? {
-  title: PropTypes.shape(Title.propTypes),
-  name: PropTypes.string,
-  checked: PropTypes.bool,
-  onChange: PropTypes.func,
-  'aria-label': PropTypes.string,
-  'data-name': PropTypes.string
-} : {};
+RadioWithTitle.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default RadioWithTitle;
 //# sourceMappingURL=index.js.map

package/es/atom/radio-with-title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","Title","style","RadioWithTitle","props","title","name","checked","onChange","dataName","ariaLabel","idRadio","handleChange","e","target","container","radio","propTypes","shape","string","bool","func"],"sources":["../../../src/atom/radio-with-title/index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport Title from '../title';\nimport style from './style.css';\nimport {RadioWithTitleProps} from './types';\n\nconst RadioWithTitle = (props: RadioWithTitleProps) => {\n  const {\n    title,\n    name,\n    checked,\n    onChange = noop,\n    'data-name': dataName,\n    'aria-label': ariaLabel\n  } = props;\n  const idRadio = uniqueId('input-radio-');\n  const handleChange = useCallback(e => onChange(e.target.checked), [onChange]);\n\n  return (\n    <div className={style.container}>\n      <label htmlFor={idRadio}>\n        <input\n          type=\"radio\"\n          id={idRadio}\n          name={name}\n          onChange={handleChange}\n          checked={checked}\n          className={style.radio}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        <span className={style.title}>\n          <Title {...title} />\n        </span>\n      </label>\n    </div>\n  );\n};\n\nRadioWithTitle.propTypes = {\n  title: PropTypes.shape(Title.propTypes),\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\nexport default RadioWithTitle;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAGA,MAAMC,cAAc,GAAIC,KAAD,IAAgC;EACrD,MAAM;IACJC,KADI;IAEJC,IAFI;IAGJC,OAHI;IAIJC,QAAQ,QAJJ;IAKJ,aAAaC,QALT;IAMJ,cAAcC;EANV,IAOFN,KAPJ;;EAQA,MAAMO,OAAO,GAAG,UAAS,cAAT,CAAhB;;EACA,MAAMC,YAAY,GAAGb,WAAW,CAACc,CAAC,IAAIL,QAAQ,CAACK,CAAC,CAACC,MAAF,CAASP,OAAV,CAAd,EAAkC,CAACC,QAAD,CAAlC,CAAhC;EAEA,oBACE;IAAK,SAAS,EAAEN,KAAK,CAACa;EAAtB,gBACE;IAAO,OAAO,EAAEJ;EAAhB,gBACE;IACE,IAAI,EAAC,OADP;IAEE,EAAE,EAAEA,OAFN;IAGE,IAAI,EAAEL,IAHR;IAIE,QAAQ,EAAEM,YAJZ;IAKE,OAAO,EAAEL,OALX;IAME,SAAS,EAAEL,KAAK,CAACc,KANnB;IAOE,aAAWP,QAPb;IAQE,cAAYC;EARd,EADF,eAWE;IAAM,SAAS,EAAER,KAAK,CAACG;EAAvB,gBACE,oBAAC,KAAD,EAAWA,KAAX,CADF,CAXF,CADF,CADF;AAmBD,CA/BD;;AAiCAF,cAAc,CAACc,SAAf,2CAA2B;EACzBZ,KAAK,EAAEL,SAAS,CAACkB,KAAV,CAAgBjB,KAAK,CAACgB,SAAtB,CADkB;EAEzBX,IAAI,EAAEN,SAAS,CAACmB,MAFS;EAGzBZ,OAAO,EAAEP,SAAS,CAACoB,IAHM;EAIzBZ,QAAQ,EAAER,SAAS,CAACqB,IAJK;EAKzB,cAAcrB,SAAS,CAACmB,MALC;EAMzB,aAAanB,SAAS,CAACmB;AANE,CAA3B;AAQA,eAAehB,cAAf"}
+{"version":3,"file":"index.js","names":["React","useCallback","Title","style","propTypes","RadioWithTitle","props","title","name","checked","onChange","dataName","ariaLabel","idRadio","handleChange","e","target","container","radio"],"sources":["../../../src/atom/radio-with-title/index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport {uniqueId} from 'lodash/fp';\nimport Title from '../title';\nimport style from './style.css';\nimport {propTypes, RadioWithTitleProps} from './types';\n\nconst RadioWithTitle = (props: RadioWithTitleProps) => {\n  const {title, name, checked, onChange, 'data-name': dataName, 'aria-label': ariaLabel} = props;\n  const idRadio = uniqueId('input-radio-');\n  const handleChange = useCallback(e => onChange(e.target.checked), [onChange]);\n\n  return (\n    <div className={style.container}>\n      <label htmlFor={idRadio}>\n        <input\n          type=\"radio\"\n          id={idRadio}\n          name={name}\n          onChange={handleChange}\n          checked={checked}\n          className={style.radio}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        <span className={style.title}>\n          <Title {...title} titleSize={'small'} subtitleSize={'extra-small'} />\n        </span>\n      </label>\n    </div>\n  );\n};\n\nRadioWithTitle.propTypes = propTypes;\n\nexport default RadioWithTitle;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AAEA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAAQC,SAAR,QAA6C,SAA7C;;AAEA,MAAMC,cAAc,GAAIC,KAAD,IAAgC;EACrD,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,OAAd;IAAuBC,QAAvB;IAAiC,aAAaC,QAA9C;IAAwD,cAAcC;EAAtE,IAAmFN,KAAzF;;EACA,MAAMO,OAAO,GAAG,UAAS,cAAT,CAAhB;;EACA,MAAMC,YAAY,GAAGb,WAAW,CAACc,CAAC,IAAIL,QAAQ,CAACK,CAAC,CAACC,MAAF,CAASP,OAAV,CAAd,EAAkC,CAACC,QAAD,CAAlC,CAAhC;EAEA,oBACE;IAAK,SAAS,EAAEP,KAAK,CAACc;EAAtB,gBACE;IAAO,OAAO,EAAEJ;EAAhB,gBACE;IACE,IAAI,EAAC,OADP;IAEE,EAAE,EAAEA,OAFN;IAGE,IAAI,EAAEL,IAHR;IAIE,QAAQ,EAAEM,YAJZ;IAKE,OAAO,EAAEL,OALX;IAME,SAAS,EAAEN,KAAK,CAACe,KANnB;IAOE,aAAWP,QAPb;IAQE,cAAYC;EARd,EADF,eAWE;IAAM,SAAS,EAAET,KAAK,CAACI;EAAvB,gBACE,oBAAC,KAAD,eAAWA,KAAX;IAAkB,SAAS,EAAE,OAA7B;IAAsC,YAAY,EAAE;EAApD,GADF,CAXF,CADF,CADF;AAmBD,CAxBD;;AA0BAF,cAAc,CAACD,SAAf,2CAA2BA,SAA3B;AAEA,eAAeC,cAAf"}

package/es/atom/radio-with-title/types.d.ts

@@ -1,11 +1,31 @@
 import PropTypes from 'prop-types';
-import Title from '../title';
+export declare const propTypes: {
+    title: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        title: PropTypes.Requireable<string>;
+        subtitle: PropTypes.Requireable<string>;
+        type: PropTypes.Requireable<string>;
+        'data-name': PropTypes.Requireable<string>;
+        titleSize: PropTypes.Requireable<string>;
+        subtitleSize: PropTypes.Requireable<string>;
+    }>>>;
+    name: PropTypes.Requireable<string>;
+    checked: PropTypes.Requireable<boolean>;
+    onChange: PropTypes.Validator<(...args: any[]) => any>;
+    'aria-label': PropTypes.Requireable<string>;
+    'data-name': PropTypes.Requireable<string>;
+};
 export declare type RadioWithTitleProps = {
-    title: PropTypes.InferProps<typeof Title.propTypes>;
-    name: string;
+    title: {
+        title: string;
+        subtitle: string;
+        type: string;
+        'data-name': string;
+        subtitleSize: string;
+    };
+    name?: string;
     checked: boolean;
-    onChange: (value: any) => void;
+    onChange: (value: boolean) => void;
     'aria-label': string;
-    'data-name': string;
+    'data-name'?: string;
 };
 //# sourceMappingURL=types.d.ts.map

package/es/atom/radio-with-title/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,MAAM,UAAU,CAAC;AAE7B,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,KAAK,CAAC,SAAS,CAAC,CAAC;IACpD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAOrB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

package/es/atom/radio-with-title/types.js

@@ -1,2 +1,11 @@
-export {};
+import PropTypes from 'prop-types';
+import Title from '../title';
+export const propTypes = {
+  title: PropTypes.shape(Title.propTypes).isRequired,
+  name: PropTypes.string,
+  checked: PropTypes.bool,
+  onChange: PropTypes.func.isRequired,
+  'aria-label': PropTypes.string,
+  'data-name': PropTypes.string
+};
 //# sourceMappingURL=types.js.map

package/es/atom/radio-with-title/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/atom/radio-with-title/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Title from '../title';\n\nexport type RadioWithTitleProps = {\n  title: PropTypes.InferProps<typeof Title.propTypes>;\n  name: string;\n  checked: boolean;\n  onChange: (value: any) => void;\n  'aria-label': string;\n  'data-name': string;\n};\n"],"mappings":""}
+{"version":3,"file":"types.js","names":["PropTypes","Title","propTypes","title","shape","isRequired","name","string","checked","bool","onChange","func"],"sources":["../../../src/atom/radio-with-title/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Title from '../title';\n\nexport const propTypes = {\n  title: PropTypes.shape(Title.propTypes).isRequired,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func.isRequired,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\n\nexport type RadioWithTitleProps = {\n  title: {\n    title: string;\n    subtitle: string;\n    type: string;\n    'data-name': string;\n    subtitleSize: string;\n  };\n  name?: string;\n  checked: boolean;\n  onChange: (value: boolean) => void;\n  'aria-label': string;\n  'data-name'?: string;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,UAAlB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEH,SAAS,CAACI,KAAV,CAAgBH,KAAK,CAACC,SAAtB,EAAiCG,UADjB;EAEvBC,IAAI,EAAEN,SAAS,CAACO,MAFO;EAGvBC,OAAO,EAAER,SAAS,CAACS,IAHI;EAIvBC,QAAQ,EAAEV,SAAS,CAACW,IAAV,CAAeN,UAJF;EAKvB,cAAcL,SAAS,CAACO,MALD;EAMvB,aAAaP,SAAS,CAACO;AANA,CAAlB"}

package/es/atom/title/index.d.ts

@@ -6,6 +6,7 @@ declare namespace Title {
         subtitle: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;
         'data-name': PropTypes.Requireable<string>;
+        titleSize: PropTypes.Requireable<string>;
         subtitleSize: PropTypes.Requireable<string>;
     };
 }

package/es/atom/title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AA2BA,gDAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AAsCA,gDAsBC"}

package/es/atom/title/index.js

@@ -2,17 +2,27 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import style from './style.css';
 
-const getTitleStype = type => {
+const getTitleStyle = (type, size) => {
   switch (type) {
     case 'page':
       return style.titlePage;
 
     case 'form-group':
-      return style.titleFormGroup;
+      switch (size) {
+        case 'standard':
+          return style.titleFormGroup;
+
+        case 'medium':
+          return style.mediumTitleFormGroup;
+
+        case 'small':
+          return style.smallTitleFormGroup;
+      }
+
   }
 };
 
-const getSubtitleStype = (type, size) => {
+const getSubtitleStyle = (type, size) => {
   switch (type) {
     case 'page':
       return style.subtitlePage;
@@ -24,6 +34,12 @@ const getSubtitleStype = (type, size) => {
 
         case 'small':
           return style.smallSubtitleFormGroup;
+
+        case 'small-without-margin':
+          return style.smallSubtitleFormGroupWithoutMargin;
+
+        case 'extra-small':
+          return style.extraSmallSubtitleFormGroup;
       }
 
   }
@@ -35,10 +51,11 @@ const Title = props => {
     subtitle,
     type,
     'data-name': dataName,
+    titleSize = 'standard',
     subtitleSize = 'standard'
   } = props;
-  const titleStyle = getTitleStype(type);
-  const subtitleStyle = getSubtitleStype(type, subtitleSize);
+  const titleStyle = getTitleStyle(type, titleSize);
+  const subtitleStyle = getSubtitleStyle(type, subtitleSize);
   const subtitleSection = subtitle ? /*#__PURE__*/React.createElement("div", {
     className: subtitleStyle
   }, subtitle) : null;
@@ -53,7 +70,8 @@ Title.propTypes = process.env.NODE_ENV !== "production" ? {
   subtitle: PropTypes.string,
   type: PropTypes.oneOf(['page', 'form-group']),
   'data-name': PropTypes.string,
-  subtitleSize: PropTypes.string
+  titleSize: PropTypes.oneOf(['standard', 'medium', 'small']),
+  subtitleSize: PropTypes.oneOf(['standard', 'small', 'small-without-margin', 'extra-small'])
 } : {};
 export default Title;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","getTitleStype","type","titlePage","titleFormGroup","getSubtitleStype","size","subtitlePage","subtitleFormGroup","smallSubtitleFormGroup","Title","props","title","subtitle","dataName","subtitleSize","titleStyle","subtitleStyle","subtitleSection","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAGC,IAAI,IAAI;EAC5B,QAAQA,IAAR;IACE,KAAK,MAAL;MACE,OAAOF,KAAK,CAACG,SAAb;;IACF,KAAK,YAAL;MACE,OAAOH,KAAK,CAACI,cAAb;EAJJ;AAMD,CAPD;;AASA,MAAMC,gBAAgB,GAAG,CAACH,IAAD,EAAOI,IAAP,KAAgB;EACvC,QAAQJ,IAAR;IACE,KAAK,MAAL;MACE,OAAOF,KAAK,CAACO,YAAb;;IACF,KAAK,YAAL;MACE,QAAQD,IAAR;QACE,KAAK,UAAL;UACE,OAAON,KAAK,CAACQ,iBAAb;;QACF,KAAK,OAAL;UACE,OAAOR,KAAK,CAACS,sBAAb;MAJJ;;EAJJ;AAWD,CAZD;;AAcA,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBX,IAAlB;IAAwB,aAAaY,QAArC;IAA+CC,YAAY,GAAG;EAA9D,IAA4EJ,KAAlF;EACA,MAAMK,UAAU,GAAGf,aAAa,CAACC,IAAD,CAAhC;EACA,MAAMe,aAAa,GAAGZ,gBAAgB,CAACH,IAAD,EAAOa,YAAP,CAAtC;EAEA,MAAMG,eAAe,GAAGL,QAAQ,gBAAG;IAAK,SAAS,EAAEI;EAAhB,GAAgCJ,QAAhC,CAAH,GAAqD,IAArF;EAEA,oBACE,8CACE;IAAK,SAAS,EAAEG,UAAhB;IAA4B,aAAWF;EAAvC,GACGF,KADH,CADF,EAIGM,eAJH,CADF;AAQD,CAfD;;AAiBAR,KAAK,CAACS,SAAN,2CAAkB;EAChBP,KAAK,EAAEb,SAAS,CAACqB,MADD;EAEhBP,QAAQ,EAAEd,SAAS,CAACqB,MAFJ;EAGhBlB,IAAI,EAAEH,SAAS,CAACsB,KAAV,CAAgB,CAAC,MAAD,EAAS,YAAT,CAAhB,CAHU;EAIhB,aAAatB,SAAS,CAACqB,MAJP;EAKhBL,YAAY,EAAEhB,SAAS,CAACqB;AALR,CAAlB;AAOA,eAAeV,KAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","getTitleStyle","type","size","titlePage","titleFormGroup","mediumTitleFormGroup","smallTitleFormGroup","getSubtitleStyle","subtitlePage","subtitleFormGroup","smallSubtitleFormGroup","smallSubtitleFormGroupWithoutMargin","extraSmallSubtitleFormGroup","Title","props","title","subtitle","dataName","titleSize","subtitleSize","titleStyle","subtitleStyle","subtitleSection","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 getTitleStyle = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.titlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.titleFormGroup;\n        case 'medium':\n          return style.mediumTitleFormGroup;\n        case 'small':\n          return style.smallTitleFormGroup;\n      }\n  }\n};\n\nconst getSubtitleStyle = (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        case 'small-without-margin':\n          return style.smallSubtitleFormGroupWithoutMargin;\n        case 'extra-small':\n          return style.extraSmallSubtitleFormGroup;\n      }\n  }\n};\n\nconst Title = props => {\n  const {\n    title,\n    subtitle,\n    type,\n    'data-name': dataName,\n    titleSize = 'standard',\n    subtitleSize = 'standard'\n  } = props;\n  const titleStyle = getTitleStyle(type, titleSize);\n  const subtitleStyle = getSubtitleStyle(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  titleSize: PropTypes.oneOf(['standard', 'medium', 'small']),\n  subtitleSize: PropTypes.oneOf(['standard', 'small', 'small-without-margin', 'extra-small'])\n};\nexport default Title;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAG,CAACC,IAAD,EAAOC,IAAP,KAAgB;EACpC,QAAQD,IAAR;IACE,KAAK,MAAL;MACE,OAAOF,KAAK,CAACI,SAAb;;IACF,KAAK,YAAL;MACE,QAAQD,IAAR;QACE,KAAK,UAAL;UACE,OAAOH,KAAK,CAACK,cAAb;;QACF,KAAK,QAAL;UACE,OAAOL,KAAK,CAACM,oBAAb;;QACF,KAAK,OAAL;UACE,OAAON,KAAK,CAACO,mBAAb;MANJ;;EAJJ;AAaD,CAdD;;AAgBA,MAAMC,gBAAgB,GAAG,CAACN,IAAD,EAAOC,IAAP,KAAgB;EACvC,QAAQD,IAAR;IACE,KAAK,MAAL;MACE,OAAOF,KAAK,CAACS,YAAb;;IACF,KAAK,YAAL;MACE,QAAQN,IAAR;QACE,KAAK,UAAL;UACE,OAAOH,KAAK,CAACU,iBAAb;;QACF,KAAK,OAAL;UACE,OAAOV,KAAK,CAACW,sBAAb;;QACF,KAAK,sBAAL;UACE,OAAOX,KAAK,CAACY,mCAAb;;QACF,KAAK,aAAL;UACE,OAAOZ,KAAK,CAACa,2BAAb;MARJ;;EAJJ;AAeD,CAhBD;;AAkBA,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IACJC,KADI;IAEJC,QAFI;IAGJf,IAHI;IAIJ,aAAagB,QAJT;IAKJC,SAAS,GAAG,UALR;IAMJC,YAAY,GAAG;EANX,IAOFL,KAPJ;EAQA,MAAMM,UAAU,GAAGpB,aAAa,CAACC,IAAD,EAAOiB,SAAP,CAAhC;EACA,MAAMG,aAAa,GAAGd,gBAAgB,CAACN,IAAD,EAAOkB,YAAP,CAAtC;EAEA,MAAMG,eAAe,GAAGN,QAAQ,gBAAG;IAAK,SAAS,EAAEK;EAAhB,GAAgCL,QAAhC,CAAH,GAAqD,IAArF;EAEA,oBACE,8CACE;IAAK,SAAS,EAAEI,UAAhB;IAA4B,aAAWH;EAAvC,GACGF,KADH,CADF,EAIGO,eAJH,CADF;AAQD,CAtBD;;AAwBAT,KAAK,CAACU,SAAN,2CAAkB;EAChBR,KAAK,EAAEjB,SAAS,CAAC0B,MADD;EAEhBR,QAAQ,EAAElB,SAAS,CAAC0B,MAFJ;EAGhBvB,IAAI,EAAEH,SAAS,CAAC2B,KAAV,CAAgB,CAAC,MAAD,EAAS,YAAT,CAAhB,CAHU;EAIhB,aAAa3B,SAAS,CAAC0B,MAJP;EAKhBN,SAAS,EAAEpB,SAAS,CAAC2B,KAAV,CAAgB,CAAC,UAAD,EAAa,QAAb,EAAuB,OAAvB,CAAhB,CALK;EAMhBN,YAAY,EAAErB,SAAS,CAAC2B,KAAV,CAAgB,CAAC,UAAD,EAAa,OAAb,EAAsB,sBAAtB,EAA8C,aAA9C,CAAhB;AANE,CAAlB;AAQA,eAAeZ,KAAf"}

package/es/atom/title/style.css

@@ -20,14 +20,28 @@
     font-size: 18px;
 }
 
+.mediumTitleFormGroup {
+    composes: title;
+    font-size: 16px;
+}
+
+.smallTitleFormGroup {
+    composes: title;
+    font-size: 14px;
+}
+
 .subtitle {
-    margin: 8px 0 0;
     font-family: Gilroy;
     font-style: normal;   
 }
 
+.subtitleWithMargin {
+  composes: subtitle;
+  margin: 8px 0 0;
+}
+
 .subtitlePage {
-    composes: subtitle;
+    composes: subtitleWithMargin;
     font-weight: normal;
     font-size: 18px;
     line-height: 24px;
@@ -35,15 +49,28 @@
 }
 
 .subtitleFormGroup {
-    composes: subtitle;
+    composes: subtitleWithMargin;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     color: cm_grey_400;
 }
 
-
 .smallSubtitleFormGroup{
     composes: subtitleFormGroup;
     max-width: 450px
 }
+
+.smallSubtitleFormGroupWithoutMargin{
+    composes: smallSubtitleFormGroup;
+    margin: 0;  
+}
+
+.extraSmallSubtitleFormGroup{
+    composes: subtitle;
+    font-size: 12px;
+    color: cm_grey_400;
+    line-height: 16px;
+    font-weight: normal;
+}
+

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

@@ -463,6 +463,116 @@ declare namespace BrandFormGroup {
                 theme: PropTypes.Requireable<string>;
                 titleStyle: PropTypes.Requireable<string>;
             }> | null | undefined)[]>;
+        }> | PropTypes.InferProps<{
+            type: PropTypes.Requireable<string>;
+            title: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                subtitle: PropTypes.Requireable<string>;
+                type: PropTypes.Requireable<string>;
+                'data-name': PropTypes.Requireable<string>;
+                titleSize: PropTypes.Requireable<string>;
+                subtitleSize: PropTypes.Requireable<string>;
+            }>>>;
+            field: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                placeholder: PropTypes.Requireable<string>;
+                description: PropTypes.Requireable<string>;
+                hint: PropTypes.Requireable<string>;
+                options: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                    selected: PropTypes.Validator<boolean>;
+                    name: PropTypes.Validator<string>;
+                    value: PropTypes.Requireable<string>;
+                }>>[]>;
+                onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                onError: PropTypes.Requireable<(...args: any[]) => any>;
+                multiple: PropTypes.Requireable<boolean>;
+                modified: PropTypes.Requireable<boolean>;
+                disabled: PropTypes.Requireable<boolean>;
+                error: PropTypes.Requireable<string>;
+                theme: PropTypes.Requireable<string>;
+            }> | PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                placeholder: PropTypes.Requireable<string>;
+                value: PropTypes.Requireable<string>;
+                description: PropTypes.Requireable<string>;
+                required: PropTypes.Requireable<boolean>;
+                modified: PropTypes.Requireable<boolean>;
+                error: PropTypes.Requireable<boolean>;
+                errorMessage: PropTypes.Requireable<string>;
+                suggestions: PropTypes.Requireable<(PropTypes.InferProps<{
+                    name: PropTypes.Requireable<string>;
+                    value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+                }> | null | undefined)[]>;
+                theme: PropTypes.Requireable<string>;
+                onInput: PropTypes.Requireable<(...args: any[]) => any>;
+                onFetch: PropTypes.Requireable<(...args: any[]) => any>;
+                onClear: PropTypes.Requireable<(...args: any[]) => any>;
+                onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+                onSuggestionSelected: PropTypes.Requireable<(...args: any[]) => any>;
+            }> | PropTypes.InferProps<{
+                items: PropTypes.Requireable<(PropTypes.InferProps<{
+                    radioWithTitle: PropTypes.Requireable<PropTypes.InferProps<{
+                        title: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                            title: PropTypes.Requireable<string>;
+                            subtitle: PropTypes.Requireable<string>;
+                            type: PropTypes.Requireable<string>;
+                            'data-name': PropTypes.Requireable<string>;
+                            titleSize: PropTypes.Requireable<string>;
+                            subtitleSize: PropTypes.Requireable<string>;
+                        }>>>;
+                        name: PropTypes.Requireable<string>;
+                        checked: PropTypes.Requireable<boolean>;
+                        onChange: PropTypes.Validator<(...args: any[]) => any>;
+                        'aria-label': PropTypes.Requireable<string>;
+                        'data-name': PropTypes.Requireable<string>;
+                    }>>;
+                    field: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                        name: PropTypes.Requireable<string>;
+                        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                        onReset: PropTypes.Requireable<(...args: any[]) => any>;
+                        imageTypes: PropTypes.Requireable<any[]>;
+                        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>;
+                        previewLabel: PropTypes.Requireable<string>;
+                        previewContent: PropTypes.Requireable<PropTypes.InferProps<{
+                            type: PropTypes.Requireable<string>;
+                            src: PropTypes.Requireable<string>;
+                            label: PropTypes.Requireable<string>;
+                        }>>;
+                        loading: PropTypes.Requireable<boolean>;
+                        modified: PropTypes.Requireable<boolean>;
+                        disabled: PropTypes.Requireable<boolean>;
+                        children: PropTypes.Requireable<(...args: any[]) => any>;
+                        pdfButtonLabel: PropTypes.Requireable<string>;
+                        pdfButtonAriaLabel: PropTypes.Requireable<string>;
+                    }> | PropTypes.InferProps<{
+                        title: PropTypes.Requireable<string>;
+                        placeholder: PropTypes.Requireable<string>;
+                        description: PropTypes.Requireable<string>;
+                        hint: PropTypes.Requireable<string>;
+                        options: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                            selected: PropTypes.Validator<boolean>;
+                            name: PropTypes.Validator<string>;
+                            value: PropTypes.Requireable<string>;
+                        }>>[]>;
+                        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                        onError: PropTypes.Requireable<(...args: any[]) => any>;
+                        multiple: PropTypes.Requireable<boolean>;
+                        modified: PropTypes.Requireable<boolean>;
+                        disabled: PropTypes.Requireable<boolean>;
+                        error: PropTypes.Requireable<string>;
+                        theme: PropTypes.Requireable<string>;
+                    }> | null | undefined>>;
+                    childType: PropTypes.Requireable<string>;
+                }> | null | undefined)[]>;
+            }> | null | undefined>>;
+            childType: PropTypes.Validator<string>;
         }> | null | undefined> | null | undefined)[]>;
     }
 }

package/es/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":";AA+GA,yDAuBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-form-group/index.js"],"names":[],"mappings":";AAmHA,yDAuBC"}

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

@@ -28,6 +28,7 @@ import Title from '../../atom/title';
 import Roles from '../coorp-manager-roles';
 import TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';
 import ButtonLink from '../../atom/button-link';
+import TitleAndInput from '../../organism/title-and-input';
 import style from './style.css';
 const inputContainerStyle = {
   default: style.defaultWidth,
@@ -113,6 +114,9 @@ const buildInput = field => {
     case 'titleAndCheckBoxWrapper':
       return /*#__PURE__*/React.createElement(TitleAndCheckBoxWrapper, field);
 
+    case 'titleAndInput':
+      return /*#__PURE__*/React.createElement(TitleAndInput, field);
+
     default:
       return /*#__PURE__*/React.createElement(InputText, field);
   }
@@ -123,10 +127,11 @@ const buildField = (field, index) => {
   const {
     theme,
     size = 'default'
-  } = field;
+  } = field.type === 'titleAndInput' ? field.field : field;
   const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;
+  const styleField = field.type === 'titleAndInput' ? style.fieldMassiveBattle : styleInput;
   return /*#__PURE__*/React.createElement("div", {
-    className: styleInput,
+    className: styleField,
     key: index
   }, input);
 };
@@ -216,7 +221,9 @@ BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
     type: PropTypes.oneOf(['selectMultiple'])
   })), PropTypes.shape(_extends({}, Roles.propTypes, {
     type: PropTypes.oneOf(['roles'])
-  })), PropTypes.shape(InputText.propTypes)]))
+  })), PropTypes.shape(InputText.propTypes), PropTypes.shape(_extends({}, TitleAndInput.propTypes, {
+    type: PropTypes.oneOf(['titleAndInput'])
+  }))]))
 } : {};
 export default BrandFormGroup;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classNames","Autocomplete","Select","SelectMultiple","InputText","InputColor","InputCheckbox","InputReadonly","InputSwitch","BrandUploadBox","BrandDownloadBox","Button","InputTextarea","InputHTML","InputDoublestep","ImageUpload","SetupSlider","SetupSections","Title","Roles","TitleAndCheckBoxWrapper","ButtonLink","style","inputContainerStyle","default","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","bulkUploadContainer","buttonType","buildField","index","input","theme","size","styleInput","defineLayoutClass","layout","grid","layoutBulk","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","subtitleSize","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","propTypes","string","arrayOf","oneOfType","shape","oneOf"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React, {useMemo} 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 'bulkUpload':\n      return (\n        <div className={style.bulkUploadContainer}>\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 defineLayoutClass = layout => {\n  if (layout === 'grid') return classNames(style.grid);\n  else if (layout === 'bulkLayout') return classNames(style.layoutBulk);\n  else return classNames(null);\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  const layout = useMemo(() => defineLayoutClass(fieldsLayout), [fieldsLayout]);\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={layout}>{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        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['bulkImage'])\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":["React","useMemo","PropTypes","classNames","Autocomplete","Select","SelectMultiple","InputText","InputColor","InputCheckbox","InputReadonly","InputSwitch","BrandUploadBox","BrandDownloadBox","Button","InputTextarea","InputHTML","InputDoublestep","ImageUpload","SetupSlider","SetupSections","Title","Roles","TitleAndCheckBoxWrapper","ButtonLink","TitleAndInput","style","inputContainerStyle","default","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","bulkUploadContainer","buttonType","buildField","index","input","theme","size","styleInput","styleField","fieldMassiveBattle","defineLayoutClass","layout","grid","layoutBulk","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","subtitleSize","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","propTypes","string","arrayOf","oneOfType","shape","oneOf"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React, {useMemo} 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 TitleAndInput from '../../organism/title-and-input';\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 'bulkUpload':\n      return (\n        <div className={style.bulkUploadContainer}>\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    case 'titleAndInput':\n      return <TitleAndInput {...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.type === 'titleAndInput' ? field.field : field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n  const styleField = field.type === 'titleAndInput' ? style.fieldMassiveBattle : styleInput;\n\n  return (\n    <div className={styleField} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst defineLayoutClass = layout => {\n  if (layout === 'grid') return classNames(style.grid);\n  else if (layout === 'bulkLayout') return classNames(style.layoutBulk);\n  else return classNames(null);\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  const layout = useMemo(() => defineLayoutClass(fieldsLayout), [fieldsLayout]);\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={layout}>{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        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['bulkImage'])\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      PropTypes.shape({\n        ...TitleAndInput.propTypes,\n        type: PropTypes.oneOf(['titleAndInput'])\n      })\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"mappings":"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"}

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

@@ -73,6 +73,10 @@
   width: 100%;
 }
 
+.fieldMassiveBattle {
+  margin: 0 0 48px 0;
+}
+
 .imageUploadContainer {
  display: flex;
  flex-direction: column;

package/es/molecule/external-content-viewer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/external-content-viewer/index.js"],"names":[],"mappings":";AAkBA,gEAgDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/external-content-viewer/index.js"],"names":[],"mappings":";AAkBA,gEAgCC"}