@coorpacademy/components 11.19.2-alpha.14 → 11.19.2-alpha.3

package/lib/molecule/cm-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["IconType","lockedContent","style","lockIcon","fileZipped","filesListIconContainer","filesListIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","logo","AlertDiamond","WindowUpload","MoonRocket","CheckCircle1","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","nodeRef","useRef","useEffect","closePopin","e","current","contains","target","document","addEventListener","removeEventListener","renderHeader","title","headerIcon","TopTitleIcon","headerContent","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","map","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","isEmpty","itemsContainer","filesListContainer","wrapperPopinStyle","classNames","popinCookie","popinFilesList","popinItems","popin","background","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle","propTypes"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["// import React from 'react';\nimport React, {useRef, useEffect} from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaLineStatusCheckCircle1 as CheckCircle1,\n  NovaSolidFilesBasicFileLines as FileLinesIcon\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport classNames from 'classnames';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst IconType = {\n  lockedContent: <LockIcon className={style.lockIcon} />,\n  fileZipped: (\n    <div className={style.filesListIconContainer}>\n      <FileLinesIcon className={style.filesListIcon} />\n    </div>\n  )\n};\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth,\n    items\n  } = props;\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const nodeRef = useRef(null);\n  useEffect(() => {\n    if (mode === 'items') {\n      const closePopin = e => {\n        if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n          onClose();\n        }\n      };\n      document.addEventListener('click', closePopin);\n      return () => {\n        document.removeEventListener('click', closePopin);\n      };\n    }\n  }, [mode, onClose]);\n  const renderHeader = () => {\n    if (header) {\n      const {title, headerIcon, backgroundImage} = header;\n      const TopTitleIcon = IconType[headerIcon];\n\n      return (\n        <>\n          {title ? (\n            <div className={style.headerContent}>\n              {TopTitleIcon}\n              <Title {...title} />\n            </div>\n          ) : null}\n          {backgroundImage ? (\n            <img className={style.headerBackground} src={backgroundImage} />\n          ) : null}\n        </>\n      );\n    }\n\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n\n    return null;\n  };\n\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n\n  const renderItems = () => {\n    const {type, list} = items;\n    if (isEmpty(list)) return null;\n\n    if (type === 'content')\n      return (\n        <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n          <CardsGrid {...list} />\n        </div>\n      );\n    if (type === 'list')\n      return (\n        <div className={style.filesListContainer}>\n          <ListItems {...list} />\n        </div>\n      );\n\n    return null;\n  };\n\n  const wrapperPopinStyle = classNames(\n    mode === 'cookie' && style.popinCookie,\n    mode === 'list' && style.popinFilesList,\n    mode === 'items' && style.popinItems,\n    style.popin\n  );\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={wrapperPopinStyle} ref={nodeRef}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        {mode !== 'items' && mode !== 'list' ? (\n          <div\n            className={\n              mode === 'cookie' || mode === 'information'\n                ? style.cookieTitleContainer\n                : style.titleContainer\n            }\n          >\n            <div className={style.contentSection}>\n              {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n              {content ? (\n                <p\n                  className={mode === 'alert' ? style.content : style.message}\n                  data-name={'cm-popin-content'}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: content}}\n                />\n              ) : null}\n            </div>\n            {descriptionText ? (\n              <p\n                className={style.descriptionText}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: descriptionText}}\n              />\n            ) : null}\n          </div>\n        ) : null}\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {!isEmpty(items) ? renderItems() : null}\n        {renderBtnSwitch()}\n        {firstButton || secondButton || thirdButton ? (\n          <div className={style.buttonContainer}>\n            {firstButton ? (\n              <div className={firstButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={firstButton.label}\n                  onClick={firstButton.handleOnclick}\n                  data-name={'cm-popin-cta'}\n                  aria-label={firstButton['aria-label']}\n                  type={firstButton.type}\n                  customStyle={firstButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {secondButton ? (\n              <div className={secondButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={secondButton.label}\n                  onClick={secondButton.handleOnclick}\n                  data-name={`cm-popin-cta-${secondButton.type}`}\n                  aria-label={secondButton['aria-label']}\n                  type={secondButton.type}\n                  customStyle={secondButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {thirdButton ? (\n              <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={thirdButton.label}\n                  onClick={thirdButton.handleOnclick}\n                  data-name={`cm-popin-cta-${thirdButton.type}`}\n                  aria-label={thirdButton['aria-label']}\n                  type={thirdButton.type}\n                  customStyle={thirdButton.customStyle}\n                />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["IconType","lockedContent","style","lockIcon","fileZipped","filesListIconContainer","filesListIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","logo","AlertDiamond","WindowUpload","MoonRocket","CheckCircle1","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","title","headerIcon","TopTitleIcon","headerContent","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","map","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","isEmpty","itemsContainer","filesListContainer","wrapperPopinStyle","classNames","popinCookie","popinFilesList","popin","background","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle","propTypes"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaLineStatusCheckCircle1 as CheckCircle1,\n  NovaSolidFilesBasicFileLines as FileLinesIcon\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport classNames from 'classnames';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst IconType = {\n  lockedContent: <LockIcon className={style.lockIcon} />,\n  fileZipped: (\n    <div className={style.filesListIconContainer}>\n      <FileLinesIcon className={style.filesListIcon} />\n    </div>\n  )\n};\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth,\n    items\n  } = props;\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n\n  const renderHeader = () => {\n    if (header) {\n      const {title, headerIcon, backgroundImage} = header;\n      const TopTitleIcon = IconType[headerIcon];\n\n      return (\n        <>\n          {title ? (\n            <div className={style.headerContent}>\n              {TopTitleIcon}\n              <Title {...title} />\n            </div>\n          ) : null}\n          {backgroundImage ? (\n            <img className={style.headerBackground} src={backgroundImage} />\n          ) : null}\n        </>\n      );\n    }\n\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n\n    return null;\n  };\n\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n\n  const renderItems = () => {\n    const {type, list} = items;\n    if (isEmpty(list)) return null;\n\n    if (type === 'content')\n      return (\n        <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n          <CardsGrid {...list} />\n        </div>\n      );\n    if (type === 'list')\n      return (\n        <div className={style.filesListContainer}>\n          <ListItems {...list} />\n        </div>\n      );\n\n    return null;\n  };\n\n  const wrapperPopinStyle = classNames(\n    mode === 'cookie' && style.popinCookie,\n    mode === 'list' && style.popinFilesList,\n    style.popin\n  );\n\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={wrapperPopinStyle}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        {mode !== 'items' && mode !== 'list' ? (\n          <div\n            className={\n              mode === 'cookie' || mode === 'information'\n                ? style.cookieTitleContainer\n                : style.titleContainer\n            }\n          >\n            <div className={style.contentSection}>\n              {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n              {content ? (\n                <p\n                  className={mode === 'alert' ? style.content : style.message}\n                  data-name={'cm-popin-content'}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: content}}\n                />\n              ) : null}\n            </div>\n            {descriptionText ? (\n              <p\n                className={style.descriptionText}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: descriptionText}}\n              />\n            ) : null}\n          </div>\n        ) : null}\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {!isEmpty(items) ? renderItems() : null}\n        {renderBtnSwitch()}\n        {firstButton || secondButton || thirdButton ? (\n          <div className={style.buttonContainer}>\n            {firstButton ? (\n              <div className={firstButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={firstButton.label}\n                  onClick={firstButton.handleOnclick}\n                  data-name={'cm-popin-cta'}\n                  aria-label={firstButton['aria-label']}\n                  type={firstButton.type}\n                  customStyle={firstButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {secondButton ? (\n              <div className={secondButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={secondButton.label}\n                  onClick={secondButton.handleOnclick}\n                  data-name={`cm-popin-cta-${secondButton.type}`}\n                  aria-label={secondButton['aria-label']}\n                  type={secondButton.type}\n                  customStyle={secondButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {thirdButton ? (\n              <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={thirdButton.label}\n                  onClick={thirdButton.handleOnclick}\n                  data-name={`cm-popin-cta-${thirdButton.type}`}\n                  aria-label={thirdButton['aria-label']}\n                  type={thirdButton.type}\n                  customStyle={thirdButton.customStyle}\n                />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"mappings":"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"}

package/lib/molecule/cm-popin/style.css

@@ -60,11 +60,6 @@
   animation: popup 0.7s;
 }
 
-.popinItems {
-  padding: 0;
-}
-
-
 .message {
   display: flex;
   flex-direction: column;
@@ -156,16 +151,6 @@
   border-bottom: 1px solid cm_grey_100;
 }
 
-.popinItems .headerContent {
-  padding: 24px;
-  width: 612px;
-}
-
-.popinItems .popinHeader button {
-  margin-top: 12px;
-  margin-right: 12px;
-}
-
 
 .lockIcon {
   height: 48px;
@@ -331,9 +316,6 @@ a {
   max-height: 369px;
   overflow-y: auto;
   width: 100%;
-  border-top: 1px solid cm_grey_100;
-  border-bottom-left-radius: 16px;
-  border-bottom-right-radius: 16px;
 }
 
 /* ---------- FILES DETAILS ---------- */
@@ -399,10 +381,6 @@ a {
     padding: 0px 0px 8px 0px
   }
 
-  .lockIcon {
-    min-width: 48px;
-  }
-
   .popinCookie .largeButton {
     padding: 8px 0px 0px 0px;
   }
@@ -439,10 +417,6 @@ a {
     width: 100%;
   }
 
-  .lockIcon {
-    min-width: 48px;
-  }
-
   .titleContainer {
     width: 100%;
     margin: 0px 16px;

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

@@ -11,6 +11,7 @@ declare namespace TitleAndCheckBoxWrapper {
             'data-name': PropTypes.Requireable<string>;
         }>>;
         const sectionTitle: PropTypes.Requireable<PropTypes.InferProps<{
+            removeMargin: PropTypes.Requireable<boolean>;
             title: PropTypes.Requireable<string>;
             subtitle: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
@@ -71,6 +72,51 @@ declare namespace TitleAndCheckBoxWrapper {
                 multiple: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
             'data-name': PropTypes.Requireable<string>;
+        }> | PropTypes.InferProps<{
+            childType: PropTypes.Requireable<string>;
+            name: PropTypes.Requireable<string>;
+            onChange: PropTypes.Requireable<(...args: any[]) => any>;
+            onReset: PropTypes.Requireable<(...args: any[]) => any>;
+            filesTypes: (props: any, propName: any, componentName: any) => Error | null;
+            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>;
+            multiple: PropTypes.Requireable<boolean>;
+        }> | PropTypes.InferProps<{
+            childType: PropTypes.Requireable<string>;
+            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>>;
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-and-checkbox-wrapper/index.js"],"names":[],"mappings":";AAYA,kEAiBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-and-checkbox-wrapper/index.js"],"names":[],"mappings":";AAiBA,kEAuBC"}

package/lib/molecule/title-and-checkbox-wrapper/index.js

@@ -3,12 +3,18 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _isUndefined2 = _interopRequireDefault(require("lodash/fp/isUndefined"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _inputFileDraggable = _interopRequireDefault(require("../../atom/input-file-draggable"));
+
 var _inputTextWithTitle = _interopRequireDefault(require("../../atom/input-text-with-title"));
 
+var _selectMultiple = _interopRequireDefault(require("../select-multiple"));
+
 var _checkboxWithTitle = _interopRequireDefault(require("../../atom/checkbox-with-title"));
 
 var _title = _interopRequireDefault(require("../../atom/title"));
@@ -23,7 +29,9 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 const CHILD = {
   'input-text': _inputTextWithTitle.default,
-  'drag-and-drop-wrapper': _dragAndDropWrapper.default
+  'drag-and-drop-wrapper': _dragAndDropWrapper.default,
+  'image-upload': _inputFileDraggable.default,
+  'select-multiple': _selectMultiple.default
 };
 
 const TitleAndCheckBoxWrapper = props => {
@@ -38,17 +46,23 @@ const TitleAndCheckBoxWrapper = props => {
   }, /*#__PURE__*/_react.default.createElement(_title.default, _extends({}, sectionTitle, {
     type: 'form-group'
   }))) : null, /*#__PURE__*/_react.default.createElement("div", {
-    className: checkboxWithTitle || sectionTitle ? _style.default.child : null
+    className: checkboxWithTitle || sectionTitle && (0, _isUndefined2.default)(sectionTitle.removeMargin) ? _style.default.child : null
   }, /*#__PURE__*/_react.default.createElement(Child, child)));
 };
 
 TitleAndCheckBoxWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   checkboxWithTitle: _propTypes.default.shape(_checkboxWithTitle.default.propTypes),
-  sectionTitle: _propTypes.default.shape(_title.default.propTypes),
+  sectionTitle: _propTypes.default.shape(_extends({}, _title.default.propTypes, {
+    removeMargin: _propTypes.default.bool
+  })),
   child: _propTypes.default.oneOfType([_propTypes.default.shape(_extends({}, _inputTextWithTitle.default.propTypes, {
     childType: _propTypes.default.oneOf(['input-text'])
   })), _propTypes.default.shape(_extends({}, _dragAndDropWrapper.default.propTypes, {
     childType: _propTypes.default.oneOf(['drag-and-drop-wrapper'])
+  })), _propTypes.default.shape(_extends({}, _inputFileDraggable.default.propTypes, {
+    childType: _propTypes.default.oneOf(['image-upload'])
+  })), _propTypes.default.shape(_extends({}, _selectMultiple.default.propTypes, {
+    childType: _propTypes.default.oneOf(['select-multiple'])
   }))])
 } : {};
 var _default = TitleAndCheckBoxWrapper;

package/lib/molecule/title-and-checkbox-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CHILD","InputTextWithTitle","DragAndDropWrapper","TitleAndCheckBoxWrapper","props","checkboxWithTitle","child","sectionTitle","Child","childType","style","propTypes","PropTypes","shape","CheckboxWithTitle","Title","oneOfType","oneOf"],"sources":["../../../src/molecule/title-and-checkbox-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport Title from '../../atom/title';\nimport DragAndDropWrapper from '../drag-and-drop-wrapper';\nimport style from './style.css';\n\nconst CHILD = {\n  'input-text': InputTextWithTitle,\n  'drag-and-drop-wrapper': DragAndDropWrapper\n};\nconst TitleAndCheckBoxWrapper = props => {\n  const {checkboxWithTitle, child, sectionTitle} = props;\n\n  const Child = CHILD[child.childType];\n  return (\n    <div>\n      {checkboxWithTitle ? <CheckboxWithTitle {...checkboxWithTitle} /> : null}\n      {sectionTitle ? (\n        <div className={style.sectionTitle}>\n          <Title {...sectionTitle} type={'form-group'} />\n        </div>\n      ) : null}\n      <div className={checkboxWithTitle || sectionTitle ? style.child : null}>\n        <Child {...child} />\n      </div>\n    </div>\n  );\n};\n\nTitleAndCheckBoxWrapper.propTypes = {\n  checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),\n  sectionTitle: PropTypes.shape(Title.propTypes),\n  child: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...InputTextWithTitle.propTypes,\n      childType: PropTypes.oneOf(['input-text'])\n    }),\n    PropTypes.shape({\n      ...DragAndDropWrapper.propTypes,\n      childType: PropTypes.oneOf(['drag-and-drop-wrapper'])\n    })\n  ])\n};\nexport default TitleAndCheckBoxWrapper;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,KAAK,GAAG;EACZ,cAAcC,2BADF;EAEZ,yBAAyBC;AAFb,CAAd;;AAIA,MAAMC,uBAAuB,GAAGC,KAAK,IAAI;EACvC,MAAM;IAACC,iBAAD;IAAoBC,KAApB;IAA2BC;EAA3B,IAA2CH,KAAjD;EAEA,MAAMI,KAAK,GAAGR,KAAK,CAACM,KAAK,CAACG,SAAP,CAAnB;EACA,oBACE,0CACGJ,iBAAiB,gBAAG,6BAAC,0BAAD,EAAuBA,iBAAvB,CAAH,GAAkD,IADtE,EAEGE,YAAY,gBACX;IAAK,SAAS,EAAEG,cAAA,CAAMH;EAAtB,gBACE,6BAAC,cAAD,eAAWA,YAAX;IAAyB,IAAI,EAAE;EAA/B,GADF,CADW,GAIT,IANN,eAOE;IAAK,SAAS,EAAEF,iBAAiB,IAAIE,YAArB,GAAoCG,cAAA,CAAMJ,KAA1C,GAAkD;EAAlE,gBACE,6BAAC,KAAD,EAAWA,KAAX,CADF,CAPF,CADF;AAaD,CAjBD;;AAmBAH,uBAAuB,CAACQ,SAAxB,2CAAoC;EAClCN,iBAAiB,EAAEO,kBAAA,CAAUC,KAAV,CAAgBC,0BAAA,CAAkBH,SAAlC,CADe;EAElCJ,YAAY,EAAEK,kBAAA,CAAUC,KAAV,CAAgBE,cAAA,CAAMJ,SAAtB,CAFoB;EAGlCL,KAAK,EAAEM,kBAAA,CAAUI,SAAV,CAAoB,CACzBJ,kBAAA,CAAUC,KAAV,cACKZ,2BAAA,CAAmBU,SADxB;IAEEF,SAAS,EAAEG,kBAAA,CAAUK,KAAV,CAAgB,CAAC,YAAD,CAAhB;EAFb,GADyB,EAKzBL,kBAAA,CAAUC,KAAV,cACKX,2BAAA,CAAmBS,SADxB;IAEEF,SAAS,EAAEG,kBAAA,CAAUK,KAAV,CAAgB,CAAC,uBAAD,CAAhB;EAFb,GALyB,CAApB;AAH2B,CAApC;eAced,uB"}
+{"version":3,"file":"index.js","names":["CHILD","InputTextWithTitle","DragAndDropWrapper","InputFileDraggable","SelectMultiple","TitleAndCheckBoxWrapper","props","checkboxWithTitle","child","sectionTitle","Child","childType","style","removeMargin","propTypes","PropTypes","shape","CheckboxWithTitle","Title","bool","oneOfType","oneOf"],"sources":["../../../src/molecule/title-and-checkbox-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isUndefined} from 'lodash/fp';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport SelectMultiple from '../select-multiple';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport Title from '../../atom/title';\nimport DragAndDropWrapper from '../drag-and-drop-wrapper';\nimport style from './style.css';\n\nconst CHILD = {\n  'input-text': InputTextWithTitle,\n  'drag-and-drop-wrapper': DragAndDropWrapper,\n  'image-upload': InputFileDraggable,\n  'select-multiple': SelectMultiple\n};\nconst TitleAndCheckBoxWrapper = props => {\n  const {checkboxWithTitle, child, sectionTitle} = props;\n\n  const Child = CHILD[child.childType];\n  return (\n    <div>\n      {checkboxWithTitle ? <CheckboxWithTitle {...checkboxWithTitle} /> : null}\n      {sectionTitle ? (\n        <div className={style.sectionTitle}>\n          <Title {...sectionTitle} type={'form-group'} />\n        </div>\n      ) : null}\n      <div\n        className={\n          checkboxWithTitle || (sectionTitle && isUndefined(sectionTitle.removeMargin))\n            ? style.child\n            : null\n        }\n      >\n        <Child {...child} />\n      </div>\n    </div>\n  );\n};\n\nTitleAndCheckBoxWrapper.propTypes = {\n  checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),\n  sectionTitle: PropTypes.shape({...Title.propTypes, removeMargin: PropTypes.bool}),\n  child: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...InputTextWithTitle.propTypes,\n      childType: PropTypes.oneOf(['input-text'])\n    }),\n    PropTypes.shape({\n      ...DragAndDropWrapper.propTypes,\n      childType: PropTypes.oneOf(['drag-and-drop-wrapper'])\n    }),\n    PropTypes.shape({\n      ...InputFileDraggable.propTypes,\n      childType: PropTypes.oneOf(['image-upload'])\n    }),\n    PropTypes.shape({\n      ...SelectMultiple.propTypes,\n      childType: PropTypes.oneOf(['select-multiple'])\n    })\n  ])\n};\nexport default TitleAndCheckBoxWrapper;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,KAAK,GAAG;EACZ,cAAcC,2BADF;EAEZ,yBAAyBC,2BAFb;EAGZ,gBAAgBC,2BAHJ;EAIZ,mBAAmBC;AAJP,CAAd;;AAMA,MAAMC,uBAAuB,GAAGC,KAAK,IAAI;EACvC,MAAM;IAACC,iBAAD;IAAoBC,KAApB;IAA2BC;EAA3B,IAA2CH,KAAjD;EAEA,MAAMI,KAAK,GAAGV,KAAK,CAACQ,KAAK,CAACG,SAAP,CAAnB;EACA,oBACE,0CACGJ,iBAAiB,gBAAG,6BAAC,0BAAD,EAAuBA,iBAAvB,CAAH,GAAkD,IADtE,EAEGE,YAAY,gBACX;IAAK,SAAS,EAAEG,cAAA,CAAMH;EAAtB,gBACE,6BAAC,cAAD,eAAWA,YAAX;IAAyB,IAAI,EAAE;EAA/B,GADF,CADW,GAIT,IANN,eAOE;IACE,SAAS,EACPF,iBAAiB,IAAKE,YAAY,IAAI,2BAAYA,YAAY,CAACI,YAAzB,CAAtC,GACID,cAAA,CAAMJ,KADV,GAEI;EAJR,gBAOE,6BAAC,KAAD,EAAWA,KAAX,CAPF,CAPF,CADF;AAmBD,CAvBD;;AAyBAH,uBAAuB,CAACS,SAAxB,2CAAoC;EAClCP,iBAAiB,EAAEQ,kBAAA,CAAUC,KAAV,CAAgBC,0BAAA,CAAkBH,SAAlC,CADe;EAElCL,YAAY,EAAEM,kBAAA,CAAUC,KAAV,cAAoBE,cAAA,CAAMJ,SAA1B;IAAqCD,YAAY,EAAEE,kBAAA,CAAUI;EAA7D,GAFoB;EAGlCX,KAAK,EAAEO,kBAAA,CAAUK,SAAV,CAAoB,CACzBL,kBAAA,CAAUC,KAAV,cACKf,2BAAA,CAAmBa,SADxB;IAEEH,SAAS,EAAEI,kBAAA,CAAUM,KAAV,CAAgB,CAAC,YAAD,CAAhB;EAFb,GADyB,EAKzBN,kBAAA,CAAUC,KAAV,cACKd,2BAAA,CAAmBY,SADxB;IAEEH,SAAS,EAAEI,kBAAA,CAAUM,KAAV,CAAgB,CAAC,uBAAD,CAAhB;EAFb,GALyB,EASzBN,kBAAA,CAAUC,KAAV,cACKb,2BAAA,CAAmBW,SADxB;IAEEH,SAAS,EAAEI,kBAAA,CAAUM,KAAV,CAAgB,CAAC,cAAD,CAAhB;EAFb,GATyB,EAazBN,kBAAA,CAAUC,KAAV,cACKZ,uBAAA,CAAeU,SADpB;IAEEH,SAAS,EAAEI,kBAAA,CAAUM,KAAV,CAAgB,CAAC,iBAAD,CAAhB;EAFb,GAbyB,CAApB;AAH2B,CAApC;eAsBehB,uB"}

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

@@ -14,6 +14,7 @@ declare namespace RewardsForm {
                 'data-name': PropTypes.Requireable<string>;
             }>>;
             sectionTitle: PropTypes.Requireable<PropTypes.InferProps<{
+                removeMargin: PropTypes.Requireable<boolean>;
                 title: PropTypes.Requireable<string>;
                 subtitle: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
@@ -74,6 +75,51 @@ declare namespace RewardsForm {
                     multiple: PropTypes.Requireable<boolean>;
                 }> | null | undefined)[]>;
                 'data-name': PropTypes.Requireable<string>;
+            }> | PropTypes.InferProps<{
+                childType: PropTypes.Requireable<string>;
+                name: PropTypes.Requireable<string>;
+                onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                onReset: PropTypes.Requireable<(...args: any[]) => any>;
+                filesTypes: (props: any, propName: any, componentName: any) => Error | null;
+                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>;
+                multiple: PropTypes.Requireable<boolean>;
+            }> | PropTypes.InferProps<{
+                childType: PropTypes.Requireable<string>;
+                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>>;
         }> | null | undefined)[]>;
     }

package/lib/organism/select-opponents/index.d.ts

@@ -4,39 +4,78 @@ declare const SelectOpponents: {
     (props: SelectOpponentsProps): JSX.Element;
     propTypes: {
         items: import("prop-types").Requireable<(import("prop-types").InferProps<{
-            radioWithTitle: import("prop-types").Requireable<import("prop-types").InferProps<{
-                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>;
-                }>>>;
+            checkboxWithTitle: import("prop-types").Requireable<import("prop-types").InferProps<{
+                title: 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>;
+                onChange: import("prop-types").Requireable<(...args: any[]) => any>;
                 'aria-label': import("prop-types").Requireable<string>;
                 'data-name': import("prop-types").Requireable<string>;
             }>>;
-            field: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
+            sectionTitle: import("prop-types").Requireable<import("prop-types").InferProps<{
+                removeMargin: import("prop-types").Requireable<boolean>;
                 title: import("prop-types").Requireable<string>;
-                placeholder: import("prop-types").Requireable<string>;
-                description: import("prop-types").Requireable<string>;
-                hint: import("prop-types").Requireable<string>;
-                options: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
-                    selected: import("prop-types").Validator<boolean>;
-                    name: import("prop-types").Validator<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>;
+            }>>;
+            child: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
+                childType: import("prop-types").Requireable<string>;
+                inputText: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    theme: import("prop-types").Requireable<string>;
+                    size: import("prop-types").Requireable<string>;
+                    autoFocus: import("prop-types").Requireable<boolean>;
+                    title: import("prop-types").Requireable<string>;
+                    placeholder: import("prop-types").Requireable<string>;
+                    defaultValue: import("prop-types").Requireable<string>;
+                    disabled: import("prop-types").Requireable<boolean>;
                     value: import("prop-types").Requireable<string>;
-                }>>[]>;
-                onChange: import("prop-types").Requireable<(...args: any[]) => any>;
-                onError: import("prop-types").Requireable<(...args: any[]) => any>;
-                multiple: import("prop-types").Requireable<boolean>;
-                modified: import("prop-types").Requireable<boolean>;
-                disabled: import("prop-types").Requireable<boolean>;
-                error: import("prop-types").Requireable<string>;
-                theme: import("prop-types").Requireable<string>;
+                    hint: import("prop-types").Requireable<string>;
+                    error: import("prop-types").Requireable<string>;
+                    onChange: import("prop-types").Requireable<(...args: any[]) => any>;
+                    description: import("prop-types").Requireable<string>;
+                    modified: import("prop-types").Requireable<boolean>;
+                    valid: import("prop-types").Requireable<boolean>;
+                    'aria-label': import("prop-types").Requireable<string>;
+                    'data-name': import("prop-types").Requireable<string>;
+                }>>;
+                title: import("prop-types").Requireable<string>;
+                'aria-label': import("prop-types").Requireable<string>;
+                'data-name': import("prop-types").Requireable<string>;
+            }> | import("prop-types").InferProps<{
+                childType: import("prop-types").Requireable<string>;
+                list: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                    name: import("prop-types").Requireable<string>;
+                    onChange: import("prop-types").Requireable<(...args: any[]) => any>;
+                    onReset: import("prop-types").Requireable<(...args: any[]) => any>;
+                    filesTypes: (props: any, propName: any, componentName: any) => Error | null;
+                    error: import("prop-types").Requireable<string>;
+                    buttonAriaLabel: import("prop-types").Requireable<string>;
+                    errorButtonLabel: import("prop-types").Requireable<string>;
+                    labelLink: import("prop-types").Requireable<string>;
+                    hrefLink: import("prop-types").Requireable<string>;
+                    title: import("prop-types").Requireable<string>;
+                    description: import("prop-types").Requireable<string>;
+                    uploadLabel: import("prop-types").Requireable<string>;
+                    previewLabel: import("prop-types").Requireable<string>;
+                    previewContent: import("prop-types").Requireable<import("prop-types").InferProps<{
+                        type: import("prop-types").Requireable<string>;
+                        src: import("prop-types").Requireable<string>;
+                        label: import("prop-types").Requireable<string>;
+                    }>>;
+                    loading: import("prop-types").Requireable<boolean>;
+                    modified: import("prop-types").Requireable<boolean>;
+                    disabled: import("prop-types").Requireable<boolean>;
+                    children: import("prop-types").Requireable<(...args: any[]) => any>;
+                    pdfButtonLabel: import("prop-types").Requireable<string>;
+                    pdfButtonAriaLabel: import("prop-types").Requireable<string>;
+                    multiple: import("prop-types").Requireable<boolean>;
+                }> | null | undefined)[]>;
+                'data-name': import("prop-types").Requireable<string>;
             }> | import("prop-types").InferProps<{
+                childType: import("prop-types").Requireable<string>;
                 name: import("prop-types").Requireable<string>;
                 onChange: import("prop-types").Requireable<(...args: any[]) => any>;
                 onReset: import("prop-types").Requireable<(...args: any[]) => any>;
@@ -62,8 +101,25 @@ declare const SelectOpponents: {
                 pdfButtonLabel: import("prop-types").Requireable<string>;
                 pdfButtonAriaLabel: import("prop-types").Requireable<string>;
                 multiple: import("prop-types").Requireable<boolean>;
+            }> | import("prop-types").InferProps<{
+                childType: import("prop-types").Requireable<string>;
+                title: import("prop-types").Requireable<string>;
+                placeholder: import("prop-types").Requireable<string>;
+                description: import("prop-types").Requireable<string>;
+                hint: import("prop-types").Requireable<string>;
+                options: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
+                    selected: import("prop-types").Validator<boolean>;
+                    name: import("prop-types").Validator<string>;
+                    value: import("prop-types").Requireable<string>;
+                }>>[]>;
+                onChange: import("prop-types").Requireable<(...args: any[]) => any>;
+                onError: import("prop-types").Requireable<(...args: any[]) => any>;
+                multiple: import("prop-types").Requireable<boolean>;
+                modified: import("prop-types").Requireable<boolean>;
+                disabled: import("prop-types").Requireable<boolean>;
+                error: import("prop-types").Requireable<string>;
+                theme: import("prop-types").Requireable<string>;
             }> | null | undefined>>;
-            childType: import("prop-types").Requireable<string>;
         }> | null | undefined)[]>;
     };
 };

package/lib/organism/select-opponents/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/index.tsx"],"names":[],"mappings":";AAIA,OAAkB,EAAC,oBAAoB,EAAC,MAAM,SAAS,CAAC;AAMxD,QAAA,MAAM,eAAe;YAAW,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAanD,CAAC;AAIF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/index.tsx"],"names":[],"mappings":";AAGA,OAAkB,EAAC,oBAAoB,EAA+B,MAAM,SAAS,CAAC;AAMtF,QAAA,MAAM,eAAe;YAAW,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnD,CAAC;AAIF,eAAe,eAAe,CAAC"}

package/lib/organism/select-opponents/index.js

@@ -7,7 +7,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _map = _interopRequireDefault(require("lodash/fp/map"));
 
-var _titleRadioWrapper = _interopRequireDefault(require("../../molecule/title-radio-wrapper"));
+var _titleAndCheckboxWrapper = _interopRequireDefault(require("../../molecule/title-and-checkbox-wrapper"));
 
 var _types = _interopRequireDefault(require("./types"));
 
@@ -29,8 +29,8 @@ const SelectOpponents = props => {
   }, mapWithIndex((item, key) => {
     return /*#__PURE__*/_react.default.createElement("li", {
       key: `select-opponents-item-${key}`,
-      className: _style.default.item
-    }, /*#__PURE__*/_react.default.createElement(_titleRadioWrapper.default, item));
+      className: item.child.childType === 'image-upload' ? _style.default.itemImageUpload : _style.default.item
+    }, /*#__PURE__*/_react.default.createElement(_titleAndCheckboxWrapper.default, item));
   }, items));
 };
 

package/lib/organism/select-opponents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["mapWithIndex","map","convert","cap","SelectOpponents","props","items","style","container","item","key","propTypes"],"sources":["../../../src/organism/select-opponents/index.tsx"],"sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport TitleRadioWrapper from '../../molecule/title-radio-wrapper';\nimport {TitleRadioWrapperProps} from '../../molecule/title-radio-wrapper/types';\nimport propTypes, {SelectOpponentsProps} from './types';\nimport style from './style.css';\n\n// @ts-expect-error (need to get the index)\nconst mapWithIndex = map.convert({cap: false});\n\nconst SelectOpponents = (props: SelectOpponentsProps) => {\n  const {items} = props;\n  return (\n    <ul className={style.container}>\n      {mapWithIndex((item: TitleRadioWrapperProps, key: number) => {\n        return (\n          <li key={`select-opponents-item-${key}`} className={style.item}>\n            <TitleRadioWrapper {...item} />\n          </li>\n        );\n      }, items)}\n    </ul>\n  );\n};\n\nSelectOpponents.propTypes = propTypes;\n\nexport default SelectOpponents;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;AAEA;AACA,MAAMA,YAAY,GAAGC,YAAA,CAAIC,OAAJ,CAAY;EAACC,GAAG,EAAE;AAAN,CAAZ,CAArB;;AAEA,MAAMC,eAAe,GAAIC,KAAD,IAAiC;EACvD,MAAM;IAACC;EAAD,IAAUD,KAAhB;EACA,oBACE;IAAI,SAAS,EAAEE,cAAA,CAAMC;EAArB,GACGR,YAAY,CAAC,CAACS,IAAD,EAA+BC,GAA/B,KAA+C;IAC3D,oBACE;MAAI,GAAG,EAAG,yBAAwBA,GAAI,EAAtC;MAAyC,SAAS,EAAEH,cAAA,CAAME;IAA1D,gBACE,6BAAC,0BAAD,EAAuBA,IAAvB,CADF,CADF;EAKD,CANY,EAMVH,KANU,CADf,CADF;AAWD,CAbD;;AAeAF,eAAe,CAACO,SAAhB,2CAA4BA,cAA5B;eAEeP,e"}
+{"version":3,"file":"index.js","names":["mapWithIndex","map","convert","cap","SelectOpponents","props","items","style","container","item","key","child","childType","itemImageUpload","propTypes"],"sources":["../../../src/organism/select-opponents/index.tsx"],"sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport TitleAndCheckBoxWrapper from '../../molecule/title-and-checkbox-wrapper';\nimport propTypes, {SelectOpponentsProps, TitleAndCheckBoxWrapperProps} from './types';\nimport style from './style.css';\n\n// @ts-expect-error (need to get the index)\nconst mapWithIndex = map.convert({cap: false});\n\nconst SelectOpponents = (props: SelectOpponentsProps) => {\n  const {items} = props;\n  return (\n    <ul className={style.container}>\n      {mapWithIndex((item: TitleAndCheckBoxWrapperProps, key: number) => {\n        return (\n          <li\n            key={`select-opponents-item-${key}`}\n            className={item.child.childType === 'image-upload' ? style.itemImageUpload : style.item}\n          >\n            <TitleAndCheckBoxWrapper {...item} />\n          </li>\n        );\n      }, items)}\n    </ul>\n  );\n};\n\nSelectOpponents.propTypes = propTypes;\n\nexport default SelectOpponents;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA,MAAMA,YAAY,GAAGC,YAAA,CAAIC,OAAJ,CAAY;EAACC,GAAG,EAAE;AAAN,CAAZ,CAArB;;AAEA,MAAMC,eAAe,GAAIC,KAAD,IAAiC;EACvD,MAAM;IAACC;EAAD,IAAUD,KAAhB;EACA,oBACE;IAAI,SAAS,EAAEE,cAAA,CAAMC;EAArB,GACGR,YAAY,CAAC,CAACS,IAAD,EAAqCC,GAArC,KAAqD;IACjE,oBACE;MACE,GAAG,EAAG,yBAAwBA,GAAI,EADpC;MAEE,SAAS,EAAED,IAAI,CAACE,KAAL,CAAWC,SAAX,KAAyB,cAAzB,GAA0CL,cAAA,CAAMM,eAAhD,GAAkEN,cAAA,CAAME;IAFrF,gBAIE,6BAAC,gCAAD,EAA6BA,IAA7B,CAJF,CADF;EAQD,CATY,EASVH,KATU,CADf,CADF;AAcD,CAhBD;;AAkBAF,eAAe,CAACU,SAAhB,2CAA4BA,cAA5B;eAEeV,e"}

package/lib/organism/select-opponents/style.css

@@ -8,4 +8,10 @@
 
 .item {
     list-style-type: none;
+    max-width: 300px;
+}
+
+.itemImageUpload {
+    composes: item;
+    margin-left: 40px;
 }