@coorpacademy/components 11.16.5-alpha.5 → 11.17.0

package/lib/organism/brand-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","theme","disabledSubmit","submitButton","title","style","saveButton","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","skin","backView","color","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","useMemo","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","Provider","childContextTypes","defaultProps","place","propTypes","PropTypes","arrayOf","shape","BrandFormGroup","isRequired","bool","func","Button","Link","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport ButtonLink from '../../atom/button-link';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  darkColor,\n  theme\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n      {theme === 'coorpmanager' ? (\n        <ButtonLink\n          type=\"primary\"\n          label={submitValue}\n          disabled={disabledSubmit}\n          data-testid=\"submit-button\"\n          buttonType=\"submit\"\n          onClick={onSubmit}\n        />\n      ) : (\n        <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n      )}\n    </div>\n  ) : null;\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\nconst BrandForm = (props, context) => {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip,\n    isLoading,\n    theme\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft style={{color: darkColor}} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor,\n    theme\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n          {brandGroups}\n          {buttonSection}\n        </form>\n      )}\n    </div>\n  );\n};\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  }),\n  isLoading: PropTypes.bool,\n  theme: PropTypes.string\n};\n\nexport default BrandForm;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","theme","massiveBattleForm","disabledSubmit","submitButton","title","style","massiveBattleButton","saveButton","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","skin","fields","type","backView","color","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","useMemo","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","Provider","childContextTypes","defaultProps","place","propTypes","PropTypes","arrayOf","shape","BrandFormGroup","isRequired","bool","func","Button","Link","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport ButtonLink from '../../atom/button-link';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  darkColor,\n  theme,\n  massiveBattleForm\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div\n      data-tip={tooltip.title}\n      data-for=\"submitButton\"\n      className={massiveBattleForm ? style.massiveBattleButton : style.saveButton}\n    >\n      {theme === 'coorpmanager' ? (\n        <ButtonLink\n          type=\"primary\"\n          label={submitValue}\n          disabled={disabledSubmit}\n          data-testid=\"submit-button\"\n          buttonType=\"submit\"\n          onClick={onSubmit}\n        />\n      ) : (\n        <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n      )}\n    </div>\n  ) : null;\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\nconst BrandForm = (props, context) => {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip,\n    isLoading,\n    theme\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n  const massiveBattleForm = groups[0]?.fields[0]?.type === 'titleAndInput';\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft style={{color: darkColor}} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor,\n    theme,\n    massiveBattleForm\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n          {brandGroups}\n          {buttonSection}\n        </form>\n      )}\n    </div>\n  );\n};\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  }),\n  isLoading: PropTypes.bool,\n  theme: PropTypes.string\n};\n\nexport default BrandForm;\n"],"mappings":"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"}

package/lib/organism/brand-form/style.css

@@ -60,6 +60,11 @@
   composes: button;
 }
 
+.massiveBattleButton {
+  composes: button;
+  margin-bottom: 40px;
+}
+
 .loaderContainer {
   width: 100%;
   height: 50vh;

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

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

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

@@ -0,0 +1,70 @@
+/// <reference types="react" />
+import { SelectOpponentsProps } from './types';
+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>;
+                }>>>;
+                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>;
+            }>>;
+            field: import("prop-types").Requireable<NonNullable<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>;
+                imageTypes: import("prop-types").Requireable<any[]>;
+                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>;
+            }> | import("prop-types").InferProps<{
+                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)[]>;
+    };
+};
+export default SelectOpponents;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/lib/organism/{select-population → select-opponents}/index.js

@@ -5,26 +5,36 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _map = _interopRequireDefault(require("lodash/fp/map"));
+
 var _titleRadioWrapper = _interopRequireDefault(require("../../molecule/title-radio-wrapper"));
 
+var _types = _interopRequireDefault(require("./types"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const SelectPopulation = props => {
+// @ts-expect-error (need to get the index)
+const mapWithIndex = _map.default.convert({
+  cap: false
+});
+
+const SelectOpponents = props => {
   const {
     items
   } = props;
   return /*#__PURE__*/_react.default.createElement("ul", {
     className: _style.default.container
-  }, items.map((item, key) => {
+  }, mapWithIndex((item, key) => {
     return /*#__PURE__*/_react.default.createElement("li", {
-      key: key,
+      key: `select-opponents-item-${key}`,
       className: _style.default.item
     }, /*#__PURE__*/_react.default.createElement(_titleRadioWrapper.default, item));
-  }));
+  }, items));
 };
 
-var _default = SelectPopulation;
+SelectOpponents.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
+var _default = SelectOpponents;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

package/lib/organism/{select-population → select-opponents}/style.css

@@ -3,6 +3,7 @@
     gap: 30px;
     flex-direction: column;
     padding-left: 0;
+    margin-top: 0;
 }
 
 .item {

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

@@ -0,0 +1,70 @@
+import PropTypes from 'prop-types';
+import { TitleRadioWrapperProps } from '../../molecule/title-radio-wrapper/types';
+export declare const propTypes: {
+    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)[]>;
+};
+export declare type SelectOpponentsProps = {
+    items: TitleRadioWrapperProps[];
+};
+export default propTypes;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,sBAAsB,EAAC,MAAM,0CAA0C,CAAC;AAGhF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAErB,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,KAAK,EAAE,sBAAsB,EAAE,CAAC;CACjC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.propTypes = exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _titleRadioWrapper = _interopRequireDefault(require("../../molecule/title-radio-wrapper"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const propTypes = {
+  items: _propTypes.default.arrayOf(_propTypes.default.shape(_titleRadioWrapper.default.propTypes))
+};
+exports.propTypes = propTypes;
+var _default = propTypes;
+exports.default = _default;
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["propTypes","items","PropTypes","arrayOf","shape","TitleRadioWrapper"],"sources":["../../../src/organism/select-opponents/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {TitleRadioWrapperProps} from '../../molecule/title-radio-wrapper/types';\nimport TitleRadioWrapper from '../../molecule/title-radio-wrapper';\n\nexport const propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape(TitleRadioWrapper.propTypes))\n};\n\nexport type SelectOpponentsProps = {\n  items: TitleRadioWrapperProps[];\n};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA;;AAEA;;;;AAEO,MAAMA,SAAS,GAAG;EACvBC,KAAK,EAAEC,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,0BAAA,CAAkBL,SAAlC,CAAlB;AADgB,CAAlB;;eAQQA,S"}

package/lib/organism/title-and-input/index.d.ts

@@ -0,0 +1,117 @@
+/// <reference types="react" />
+import { TitleAndInputProps } from './types';
+declare const TitleAndInput: {
+    (props: TitleAndInputProps): JSX.Element;
+    propTypes: {
+        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>;
+        }>>>;
+        field: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
+            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>;
+        }> | import("prop-types").InferProps<{
+            title: import("prop-types").Requireable<string>;
+            placeholder: import("prop-types").Requireable<string>;
+            value: import("prop-types").Requireable<string>;
+            description: import("prop-types").Requireable<string>;
+            required: import("prop-types").Requireable<boolean>;
+            modified: import("prop-types").Requireable<boolean>;
+            error: import("prop-types").Requireable<boolean>;
+            errorMessage: import("prop-types").Requireable<string>;
+            suggestions: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                name: import("prop-types").Requireable<string>;
+                value: import("prop-types").Requireable<NonNullable<string | number | null | undefined>>;
+            }> | null | undefined)[]>;
+            theme: import("prop-types").Requireable<string>;
+            onInput: import("prop-types").Requireable<(...args: any[]) => any>;
+            onFetch: import("prop-types").Requireable<(...args: any[]) => any>;
+            onClear: import("prop-types").Requireable<(...args: any[]) => any>;
+            onBlur: import("prop-types").Requireable<(...args: any[]) => any>;
+            onSuggestionSelected: import("prop-types").Requireable<(...args: any[]) => any>;
+        }> | import("prop-types").InferProps<{
+            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>;
+                    }>>>;
+                    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>;
+                }>>;
+                field: import("prop-types").Requireable<NonNullable<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>;
+                    imageTypes: import("prop-types").Requireable<any[]>;
+                    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>;
+                }> | import("prop-types").InferProps<{
+                    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)[]>;
+        }> | null | undefined>>;
+        childType: import("prop-types").Validator<string>;
+    };
+};
+export default TitleAndInput;
+//# sourceMappingURL=index.d.ts.map

package/lib/organism/title-and-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAiBtD,QAAA,MAAM,aAAa;YAAW,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgB/C,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/lib/organism/title-and-input/index.js

@@ -0,0 +1,57 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _title = _interopRequireDefault(require("../../atom/title"));
+
+var _autocomplete = _interopRequireDefault(require("../../atom/autocomplete"));
+
+var _selectMultiple = _interopRequireDefault(require("../../molecule/select-multiple"));
+
+var _selectOpponents = _interopRequireDefault(require("../select-opponents"));
+
+var _types = _interopRequireDefault(require("./types"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const buildInput = (childType, field) => {
+  switch (childType) {
+    case 'autoComplete':
+      return /*#__PURE__*/_react.default.createElement(_autocomplete.default, field);
+
+    case 'selectMultiple':
+      return /*#__PURE__*/_react.default.createElement(_selectMultiple.default, field);
+
+    case 'selectOpponents':
+      return /*#__PURE__*/_react.default.createElement(_selectOpponents.default, field);
+  }
+};
+
+const TitleAndInput = props => {
+  const {
+    title,
+    field,
+    childType
+  } = props;
+  const input = buildInput(childType, field);
+  const styleInput = childType === 'selectOpponents' ? _style.default.selectOpponentsContainer : _style.default.inputContainer;
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_title.default, _extends({}, title, {
+    type: 'form-group',
+    titleSize: 'medium',
+    subtitleSize: 'small-without-margin'
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: styleInput
+  }, input));
+};
+
+TitleAndInput.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
+var _default = TitleAndInput;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/organism/title-and-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["buildInput","childType","field","TitleAndInput","props","title","input","styleInput","style","selectOpponentsContainer","inputContainer","propTypes"],"sources":["../../../src/organism/title-and-input/index.tsx"],"sourcesContent":["import React from 'react';\nimport Title from '../../atom/title';\nimport Autocomplete from '../../atom/autocomplete';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport SelectOpponents from '../select-opponents';\nimport propTypes, {TitleAndInputProps} from './types';\nimport style from './style.css';\n\nconst buildInput = (\n  childType: TitleAndInputProps['childType'],\n  field: TitleAndInputProps['field']\n) => {\n  switch (childType) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'selectOpponents':\n      return <SelectOpponents {...field} />;\n  }\n};\n\nconst TitleAndInput = (props: TitleAndInputProps) => {\n  const {title, field, childType} = props;\n  const input = buildInput(childType, field);\n  const styleInput =\n    childType === 'selectOpponents' ? style.selectOpponentsContainer : style.inputContainer;\n  return (\n    <div>\n      <Title\n        {...title}\n        type={'form-group'}\n        titleSize={'medium'}\n        subtitleSize={'small-without-margin'}\n      />\n      <div className={styleInput}>{input}</div>\n    </div>\n  );\n};\n\nTitleAndInput.propTypes = propTypes;\n\nexport default TitleAndInput;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,UAAU,GAAG,CACjBC,SADiB,EAEjBC,KAFiB,KAGd;EACH,QAAQD,SAAR;IACE,KAAK,cAAL;MACE,oBAAO,6BAAC,qBAAD,EAAkBC,KAAlB,CAAP;;IACF,KAAK,gBAAL;MACE,oBAAO,6BAAC,uBAAD,EAAoBA,KAApB,CAAP;;IACF,KAAK,iBAAL;MACE,oBAAO,6BAAC,wBAAD,EAAqBA,KAArB,CAAP;EANJ;AAQD,CAZD;;AAcA,MAAMC,aAAa,GAAIC,KAAD,IAA+B;EACnD,MAAM;IAACC,KAAD;IAAQH,KAAR;IAAeD;EAAf,IAA4BG,KAAlC;EACA,MAAME,KAAK,GAAGN,UAAU,CAACC,SAAD,EAAYC,KAAZ,CAAxB;EACA,MAAMK,UAAU,GACdN,SAAS,KAAK,iBAAd,GAAkCO,cAAA,CAAMC,wBAAxC,GAAmED,cAAA,CAAME,cAD3E;EAEA,oBACE,uDACE,6BAAC,cAAD,eACML,KADN;IAEE,IAAI,EAAE,YAFR;IAGE,SAAS,EAAE,QAHb;IAIE,YAAY,EAAE;EAJhB,GADF,eAOE;IAAK,SAAS,EAAEE;EAAhB,GAA6BD,KAA7B,CAPF,CADF;AAWD,CAhBD;;AAkBAH,aAAa,CAACQ,SAAd,2CAA0BA,cAA1B;eAEeR,a"}

package/lib/organism/title-and-input/style.css

@@ -0,0 +1,9 @@
+.inputContainer {
+    margin-top: 16px;
+    max-width: 300px;
+}
+
+.selectOpponentsContainer {
+    margin-top: 16px;
+}
+

package/lib/organism/title-and-input/types.d.ts

@@ -0,0 +1,127 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+import Autocomplete from '../../atom/autocomplete';
+import SelectMultiple from '../../molecule/select-multiple';
+import { SelectOpponentsProps } from '../select-opponents/types';
+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>;
+    }>>>;
+    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>;
+};
+export declare type TitleAndInputProps = {
+    title: {
+        title: string;
+        subtitle: string;
+        type: string;
+        'data-name': string;
+    };
+    field: React.ComponentProps<typeof SelectMultiple> | React.ComponentProps<typeof Autocomplete> | SelectOpponentsProps;
+    childType: string;
+};
+export default propTypes;
+//# sourceMappingURL=types.d.ts.map