@coorpacademy/components 11.9.3-alpha.25 → 11.9.3-alpha.29

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["themeStyle","filter","style","invalid","header","mooc","question","sort","thematiques","player","template","coorpmanager","ArrowView","shouldRender","isArrowUp","ariaLabel","arrowClass","arrowColor","props","useMemo","color","className","Select","legacyContext","name","options","optgroups","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","skin","GetSkinFromContext","setIsArrowUp","useState","handleSelectOnFocus","useCallback","handleSelectOnBlur","selectOption","option","index","value","optionList","isEmpty","map","optgroup","label","i","titleView","selected","get","find","concat","flatMapDeep","selectedLabel","isSelectedInValidOption","getOr","validOption","handleChange","e","target","selectedOptions","black","isThemeOneOfQuestionTemplateOrPlayer","includes","shouldUseSkinFontColor","undefined","behaviorClassName","getClassState","default","composedClassName","classnames","unselected","labelSize","size","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectedArrow","arrow","selectBox","SelectOptionPropTypes","PropTypes","string","isRequired","oneOfType","number","bool","SelectOptionGroupPropTypes","arrayOf","shape","contextTypes","Provider","childContextTypes","propTypes","func","oneOf","keys"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport concat from 'lodash/fp/concat';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport flatMapDeep from 'lodash/fp/flatMapDeep';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationArrowTop as ArrowUp\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  coorpmanager: null\n};\n\nconst ArrowView = ({shouldRender, isArrowUp, ariaLabel, arrowClass, arrowColor}) => {\n  const props = useMemo(\n    () => ({\n      ...(ariaLabel &\n        {\n          'aria-label': ariaLabel\n        }),\n      ...(arrowColor &\n        {\n          color: arrowColor\n        }),\n      className: arrowClass\n    }),\n    [ariaLabel, arrowClass, arrowColor]\n  );\n  if (shouldRender) {\n    return isArrowUp ? (\n      <ArrowUp {...props} data-testid=\"select-arrow-up-icon\" />\n    ) : (\n      <ArrowDown {...props} data-testid=\"select-arrow-down-icon\" />\n    );\n  } else return null;\n};\n\nconst Select = (props, legacyContext) => {\n  const {\n    name,\n    options = [],\n    optgroups = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle,\n    'aria-label': ariaLabel\n  } = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const title = useMemo(\n    () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n    [propTitle, required]\n  );\n\n  const [isArrowUp, setIsArrowUp] = useState(false);\n\n  const handleSelectOnFocus = useCallback(() => setIsArrowUp(true), []);\n  const handleSelectOnBlur = useCallback(() => setIsArrowUp(false), []);\n\n  const selectOption = (option, index) => {\n    return (\n      <option key={index} value={option.value} className={style.selectOption}>\n        {option.name}\n      </option>\n    );\n  };\n\n  const optionList = !isEmpty(options)\n    ? options.map((option, index) => selectOption(option, index))\n    : optgroups.map((optgroup, index) => {\n        return (\n          <optgroup key={index} label={optgroup.label}>\n            {optgroup.options && optgroup.options.map((option, i) => selectOption(option, i))}\n          </optgroup>\n        );\n      });\n\n  const titleView = title ? <span className={style.title}>{title} </span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            setIsArrowUp(false);\n            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\n            setIsArrowUp(false);\n            onChange(e.target.value);\n          },\n    [onChange, multiple]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const isThemeOneOfQuestionTemplateOrPlayer = useMemo(\n    () => includes(theme, ['question', 'template', 'player']),\n    [theme]\n  );\n  const shouldUseSkinFontColor = useMemo(\n    () => !isSelectedInValidOption && selected && isThemeOneOfQuestionTemplateOrPlayer,\n    [isSelectedInValidOption, selected, isThemeOneOfQuestionTemplateOrPlayer]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const behaviorClassName = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName,\n        selected ? style.selected : style.unselected,\n        className\n      ),\n    [behaviorClassName, className, selected, theme]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-name=\"select-wrapper\"\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template'])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n          style={{\n            ...(shouldUseSkinFontColor && {\n              color\n            })\n          }}\n        >\n          {selectedLabel}\n        </span>\n        <ArrowView\n          shouldRender={!multiple}\n          isArrowUp={isArrowUp}\n          ariaLabel={ariaLabel}\n          arrowClass={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n          arrowColor={isThemeOneOfQuestionTemplateOrPlayer ? arrowColor : black}\n        />\n        <select\n          data-name=\"native-select\"\n          className={style.selectBox}\n          title={selectedLabel}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n          onClick={handleSelectOnFocus}\n          onBlur={handleSelectOnBlur}\n          // onBlur does not handle completely an out of bounds click\n          // ex: select is Opened and a click is done outside, cancelling the select\n          // that doesn't count as a Blur, so an onMouseLeave is needed\n          onMouseLeave={handleSelectOnBlur}\n          data-testid=\"native-select\"\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nexport const SelectOptionGroupPropTypes = {\n  label: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  optgroups: PropTypes.arrayOf(PropTypes.shape(SelectOptionGroupPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nexport default Select;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["themeStyle","filter","style","invalid","header","mooc","question","sort","thematiques","player","template","coorpmanager","ArrowView","shouldRender","isArrowUp","ariaLabel","arrowClass","arrowColor","props","useMemo","color","className","Select","legacyContext","name","options","optgroups","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","skin","GetSkinFromContext","setIsArrowUp","useState","handleSelectOnFocus","useCallback","handleSelectOnBlur","selectOption","option","index","value","optionList","isEmpty","map","optgroup","label","i","titleView","selected","get","find","concat","flatMapDeep","selectedLabel","isSelectedInValidOption","getOr","validOption","handleChange","e","target","selectedOptions","black","isThemeOneOfQuestionTemplateOrPlayer","includes","shouldUseSkinFontColor","undefined","behaviorClassName","getClassState","default","composedClassName","classnames","unselected","labelSize","size","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectedArrow","arrow","selectBox","SelectOptionPropTypes","PropTypes","string","isRequired","oneOfType","number","bool","SelectOptionGroupPropTypes","arrayOf","shape","contextTypes","Provider","childContextTypes","propTypes","func","oneOf","keys"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport concat from 'lodash/fp/concat';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport flatMapDeep from 'lodash/fp/flatMapDeep';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationArrowTop as ArrowUp\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  coorpmanager: null\n};\n\nconst ArrowView = ({shouldRender, isArrowUp, ariaLabel, arrowClass, arrowColor}) => {\n  const props = useMemo(\n    () => ({\n      ...(ariaLabel &\n        {\n          'aria-label': ariaLabel\n        }),\n      ...(arrowColor &\n        {\n          color: arrowColor\n        }),\n      className: arrowClass\n    }),\n    [ariaLabel, arrowClass, arrowColor]\n  );\n  if (shouldRender) {\n    return isArrowUp ? (\n      <ArrowUp {...props} data-testid=\"select-arrow-up-icon\" />\n    ) : (\n      <ArrowDown {...props} data-testid=\"select-arrow-down-icon\" />\n    );\n  } else return null;\n};\n\nconst Select = (props, legacyContext) => {\n  const {\n    name,\n    options = [],\n    optgroups = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle,\n    'aria-label': ariaLabel\n  } = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const title = useMemo(\n    () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n    [propTitle, required]\n  );\n\n  const [isArrowUp, setIsArrowUp] = useState(false);\n\n  const handleSelectOnFocus = useCallback(() => setIsArrowUp(true), []);\n  const handleSelectOnBlur = useCallback(() => setIsArrowUp(false), []);\n\n  const selectOption = (option, index) => {\n    return (\n      <option key={index} value={option.value} className={style.selectOption}>\n        {option.name}\n      </option>\n    );\n  };\n\n  const optionList = !isEmpty(options)\n    ? options.map((option, index) => selectOption(option, index))\n    : optgroups.map((optgroup, index) => {\n        return (\n          <optgroup key={index} label={optgroup.label}>\n            {optgroup.options && optgroup.options.map((option, i) => selectOption(option, i))}\n          </optgroup>\n        );\n      });\n\n  const titleView = title ? <span className={style.title}>{title} </span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            setIsArrowUp(false);\n            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\n            setIsArrowUp(false);\n            onChange(e.target.value);\n          },\n    [onChange, multiple]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const isThemeOneOfQuestionTemplateOrPlayer = useMemo(\n    () => includes(theme, ['question', 'template', 'player']),\n    [theme]\n  );\n  const shouldUseSkinFontColor = useMemo(\n    () => !isSelectedInValidOption && selected && isThemeOneOfQuestionTemplateOrPlayer,\n    [isSelectedInValidOption, selected, isThemeOneOfQuestionTemplateOrPlayer]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const behaviorClassName = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName,\n        selected ? style.selected : style.unselected,\n        className\n      ),\n    [behaviorClassName, className, selected, theme]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-name=\"select-wrapper\"\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template'])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n          style={{\n            ...(shouldUseSkinFontColor && {\n              color\n            })\n          }}\n        >\n          {selectedLabel}\n        </span>\n        <ArrowView\n          shouldRender={!multiple}\n          isArrowUp={isArrowUp}\n          ariaLabel={ariaLabel}\n          arrowClass={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n          arrowColor={isThemeOneOfQuestionTemplateOrPlayer ? arrowColor : black}\n        />\n        <select\n          data-name=\"native-select\"\n          className={style.selectBox}\n          title={selectedLabel}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n          onClick={handleSelectOnFocus}\n          onBlur={handleSelectOnBlur}\n          // onBlur does not handle completely an out of bounds click\n          // ex: select is Opened and a click is done outside, cancelling the select\n          // that doesn't count as a Blur, so an onMouseLeave is needed\n          onMouseLeave={handleSelectOnBlur}\n          data-testid=\"native-select\"\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nexport const SelectOptionGroupPropTypes = {\n  label: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  optgroups: PropTypes.arrayOf(PropTypes.shape(SelectOptionGroupPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nexport default Select;\n"],"mappings":"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"}

package/lib/atom/select-modal/index.native.d.ts

@@ -2,13 +2,13 @@
 import { ViewStyle } from 'react-native';
 import type { QuestionType } from '../../molecule/questions/types';
 import { OnChangeFunction } from '../../hoc/modal/select/index.native';
-export declare type ChoiceItem = {
+export type ChoiceItem = {
     text: string;
     selected: boolean;
     _id: string;
     value: string;
 };
-export declare type Props = {
+export type Props = {
     analyticsID: string;
     questionType: QuestionType;
     isDisabled?: boolean;

package/lib/atom/select-modal/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/select-modal/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMjE,OAAoB,EAAC,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAGlF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,QAAA,MAAM,MAAM,UAAW,KAAK,uBAoG3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/select-modal/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMjE,OAAoB,EAAC,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAGlF,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,QAAA,MAAM,MAAM,UAAW,KAAK,uBAoG3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/atom/select-modal/index.native.js

@@ -2,35 +2,20 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _reactNativeModal = _interopRequireDefault(require("react-native-modal"));
-
 var _index = _interopRequireDefault(require("../../hoc/touchable/index.native"));
-
 var _analytics = require("../../variables/analytics");
-
 var _index2 = _interopRequireDefault(require("../space/index.native"));
-
 var _index3 = _interopRequireDefault(require("../text/index.native"));
-
 var _index4 = _interopRequireDefault(require("../../hoc/modal/select/index.native"));
-
 var _templateContext = require("../../template/app-review/template-context");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const ICON_WIDTH = 15;
-
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -42,14 +27,12 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     textAlign: 'center'
   }
 });
-
 const logEvent = (eventName, analyticsID, analytics, questionType) => {
   analytics && analytics.logEvent(eventName, {
     id: analyticsID,
     questionType
   });
 };
-
 const Select = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const {
@@ -60,7 +43,6 @@ const Select = props => {
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
-
     setStylesheet(_stylesheet);
   }, [theme]);
   const {
@@ -92,28 +74,22 @@ const Select = props => {
     onChange(_value);
     handleBlur();
   }, [onChange, handleBlur]);
-
   if (!styleSheet) {
     return null;
   }
-
   const selectedItem = values.find(item => item.selected);
   const text = selectedItem && selectedItem.text || placeholder || null;
   let textStyles = [styleSheet.text];
-
   if (textStyle) {
     textStyles = [styleSheet.text, ...textStyle];
   }
-
   let color;
-
   if ((selectedItem?.value?.length || 0) > 0) {
     color = brandTheme?.colors?.primary;
     textStyles.push({
       color
     });
   }
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index.default, {
     disabled: isDisabled,
     onPress: handleFocus,
@@ -142,7 +118,6 @@ const Select = props => {
     testID: `${testID}-modal`
   })));
 };
-
 var _default = Select;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/atom/select-modal/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["ICON_WIDTH","createStyleSheet","theme","StyleSheet","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","useTemplateContext","brandTheme","styleSheet","setStylesheet","useState","useEffect","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","useCallback","ANALYTICS_EVENT_TYPE","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","length","primary","push","dark"],"sources":["../../../src/atom/select-modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {QuestionType} from '../../molecule/questions/types';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type ChoiceItem = {\n  text: string;\n  selected: boolean;\n  _id: string;\n  value: string;\n};\n\nexport type Props = {\n  analyticsID: string;\n  questionType: QuestionType;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  values: Array<ChoiceItem>;\n  value?: string;\n  placeholder?: string;\n  onChange: OnChangeFunction;\n  onFocus: () => void;\n  onBlur: () => void;\n  style?: ViewStyle[];\n  textStyle?: ViewStyle[];\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  text: ViewStyle;\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row'\n    },\n    text: {\n      flex: 1,\n      color: theme.colors.gray.medium,\n      textAlign: 'center'\n    }\n  });\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  questionType: QuestionType\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: analyticsID,\n      questionType\n    });\n};\n\nconst Select = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme, analytics} = templateContext;\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  const {\n    analyticsID,\n    onBlur,\n    onFocus,\n    onChange,\n    values,\n    placeholder,\n    value,\n    style,\n    textStyle,\n    questionType,\n    isFocused = false,\n    isDisabled = false,\n    testID = 'select'\n  } = props;\n\n  const handleFocus = useCallback(() => {\n    if (!onFocus) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n    onFocus();\n  }, [analytics, analyticsID, onFocus, questionType]);\n\n  const handleBlur = useCallback(() => {\n    if (!onBlur) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n    onBlur();\n  }, [analytics, analyticsID, onBlur, questionType]);\n\n  const handleChange = useCallback(\n    _value => {\n      onChange(_value);\n      handleBlur();\n    },\n    [onChange, handleBlur]\n  );\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedItem = values.find(item => item.selected);\n  const text = (selectedItem && selectedItem.text) || placeholder || null;\n  let textStyles: TextStyle[] = [styleSheet.text];\n\n  if (textStyle) {\n    textStyles = [styleSheet.text, ...textStyle];\n  }\n\n  let color;\n  if ((selectedItem?.value?.length || 0) > 0) {\n    color = brandTheme?.colors?.primary;\n    textStyles.push({color});\n  }\n\n  return (\n    <>\n      <Touchable\n        disabled={isDisabled}\n        onPress={handleFocus}\n        analyticsID={analyticsID}\n        testID={`${testID}-input`}\n      >\n        <View style={[styleSheet.container, style]}>\n          <Text style={textStyles}>{text}</Text>\n          <Space type=\"tiny\" />\n          <ArrowDown\n            color={color || theme.colors.gray.dark}\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n          />\n        </View>\n      </Touchable>\n      <Modal\n        isVisible={isFocused}\n        onSwipeComplete={handleBlur}\n        onBackdropPress={handleBlur}\n        testID={testID}\n      >\n        <ModalSelect\n          value={value}\n          values={values}\n          onChange={handleChange}\n          onClose={handleBlur}\n          testID={`${testID}-modal`}\n        />\n      </Modal>\n    </>\n  );\n};\n\nexport default Select;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["ICON_WIDTH","createStyleSheet","theme","StyleSheet","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","useTemplateContext","brandTheme","styleSheet","setStylesheet","useState","useEffect","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","useCallback","ANALYTICS_EVENT_TYPE","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","length","primary","push","dark"],"sources":["../../../src/atom/select-modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {QuestionType} from '../../molecule/questions/types';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type ChoiceItem = {\n  text: string;\n  selected: boolean;\n  _id: string;\n  value: string;\n};\n\nexport type Props = {\n  analyticsID: string;\n  questionType: QuestionType;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  values: Array<ChoiceItem>;\n  value?: string;\n  placeholder?: string;\n  onChange: OnChangeFunction;\n  onFocus: () => void;\n  onBlur: () => void;\n  style?: ViewStyle[];\n  textStyle?: ViewStyle[];\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  text: ViewStyle;\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row'\n    },\n    text: {\n      flex: 1,\n      color: theme.colors.gray.medium,\n      textAlign: 'center'\n    }\n  });\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  questionType: QuestionType\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: analyticsID,\n      questionType\n    });\n};\n\nconst Select = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme, analytics} = templateContext;\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  const {\n    analyticsID,\n    onBlur,\n    onFocus,\n    onChange,\n    values,\n    placeholder,\n    value,\n    style,\n    textStyle,\n    questionType,\n    isFocused = false,\n    isDisabled = false,\n    testID = 'select'\n  } = props;\n\n  const handleFocus = useCallback(() => {\n    if (!onFocus) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n    onFocus();\n  }, [analytics, analyticsID, onFocus, questionType]);\n\n  const handleBlur = useCallback(() => {\n    if (!onBlur) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n    onBlur();\n  }, [analytics, analyticsID, onBlur, questionType]);\n\n  const handleChange = useCallback(\n    _value => {\n      onChange(_value);\n      handleBlur();\n    },\n    [onChange, handleBlur]\n  );\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedItem = values.find(item => item.selected);\n  const text = (selectedItem && selectedItem.text) || placeholder || null;\n  let textStyles: TextStyle[] = [styleSheet.text];\n\n  if (textStyle) {\n    textStyles = [styleSheet.text, ...textStyle];\n  }\n\n  let color;\n  if ((selectedItem?.value?.length || 0) > 0) {\n    color = brandTheme?.colors?.primary;\n    textStyles.push({color});\n  }\n\n  return (\n    <>\n      <Touchable\n        disabled={isDisabled}\n        onPress={handleFocus}\n        analyticsID={analyticsID}\n        testID={`${testID}-input`}\n      >\n        <View style={[styleSheet.container, style]}>\n          <Text style={textStyles}>{text}</Text>\n          <Space type=\"tiny\" />\n          <ArrowDown\n            color={color || theme.colors.gray.dark}\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n          />\n        </View>\n      </Touchable>\n      <Modal\n        isVisible={isFocused}\n        onSwipeComplete={handleBlur}\n        onBackdropPress={handleBlur}\n        testID={testID}\n      >\n        <ModalSelect\n          value={value}\n          values={values}\n          onChange={handleChange}\n          onClose={handleBlur}\n          testID={`${testID}-modal`}\n        />\n      </Modal>\n    </>\n  );\n};\n\nexport default Select;\n"],"mappings":"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"}

package/lib/atom/slide/index.js

@@ -2,19 +2,12 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _cta = _interopRequireDefault(require("../cta"));
-
 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 Slide = props => {
   const {
     cover,
@@ -46,7 +39,6 @@ const Slide = props => {
     "data-name": "title"
   }, title), ctaView));
 };
-
 Slide.propTypes = process.env.NODE_ENV !== "production" ? {
   cover: _propTypes.default.string,
   title: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Slide","props","cover","title","subtitle","cta","light","alignment","imgCover","ctaView","style","hero","backgroundImage","content","textAlign","propTypes","PropTypes","string","bool","shape","Cta","oneOf"],"sources":["../../../src/atom/slide/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Cta from '../cta';\nimport style from './style.css';\n\nconst Slide = props => {\n  const {cover, title, subtitle, cta, light, alignment = 'center'} = props;\n\n  const imgCover = cover;\n  const ctaView = cta ? <Cta {...cta} light={light} /> : null;\n\n  return (\n    <div\n      className={style.hero}\n      style={{\n        backgroundImage: `url(${imgCover})`\n      }}\n    >\n      <div\n        className={light ? style.light : style.content}\n        style={{\n          textAlign: alignment\n        }}\n      >\n        <h2 className={style.subtitle} data-name=\"subtitle\">\n          {subtitle}\n        </h2>\n        <h1 className={style.title} data-name=\"title\">\n          {title}\n        </h1>\n        {ctaView}\n      </div>\n    </div>\n  );\n};\n\nSlide.propTypes = {\n  cover: PropTypes.string,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  light: PropTypes.bool,\n  cta: PropTypes.shape(Cta.propTypes),\n  alignment: PropTypes.oneOf(['center', 'left', 'right'])\n};\n\nexport default Slide;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,KAAD;IAAQC,KAAR;IAAeC,QAAf;IAAyBC,GAAzB;IAA8BC,KAA9B;IAAqCC,SAAS,GAAG;EAAjD,IAA6DN,KAAnE;EAEA,MAAMO,QAAQ,GAAGN,KAAjB;EACA,MAAMO,OAAO,GAAGJ,GAAG,gBAAG,6BAAC,YAAD,eAASA,GAAT;IAAc,KAAK,EAAEC;EAArB,GAAH,GAAoC,IAAvD;EAEA,oBACE;IACE,SAAS,EAAEI,cAAA,CAAMC,IADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAG,OAAMJ,QAAS;IAD5B;EAFT,gBAME;IACE,SAAS,EAAEF,KAAK,GAAGI,cAAA,CAAMJ,KAAT,GAAiBI,cAAA,CAAMG,OADzC;IAEE,KAAK,EAAE;MACLC,SAAS,EAAEP;IADN;EAFT,gBAME;IAAI,SAAS,EAAEG,cAAA,CAAMN,QAArB;IAA+B,aAAU;EAAzC,GACGA,QADH,CANF,eASE;IAAI,SAAS,EAAEM,cAAA,CAAMP,KAArB;IAA4B,aAAU;EAAtC,GACGA,KADH,CATF,EAYGM,OAZH,CANF,CADF;AAuBD,CA7BD;;AA+BAT,KAAK,CAACe,SAAN,2CAAkB;EAChBb,KAAK,EAAEc,kBAAA,CAAUC,MADD;EAEhBd,KAAK,EAAEa,kBAAA,CAAUC,MAFD;EAGhBb,QAAQ,EAAEY,kBAAA,CAAUC,MAHJ;EAIhBX,KAAK,EAAEU,kBAAA,CAAUE,IAJD;EAKhBb,GAAG,EAAEW,kBAAA,CAAUG,KAAV,CAAgBC,YAAA,CAAIL,SAApB,CALW;EAMhBR,SAAS,EAAES,kBAAA,CAAUK,KAAV,CAAgB,CAAC,QAAD,EAAW,MAAX,EAAmB,OAAnB,CAAhB;AANK,CAAlB;eASerB,K"}
+{"version":3,"file":"index.js","names":["Slide","props","cover","title","subtitle","cta","light","alignment","imgCover","ctaView","style","hero","backgroundImage","content","textAlign","propTypes","PropTypes","string","bool","shape","Cta","oneOf"],"sources":["../../../src/atom/slide/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Cta from '../cta';\nimport style from './style.css';\n\nconst Slide = props => {\n  const {cover, title, subtitle, cta, light, alignment = 'center'} = props;\n\n  const imgCover = cover;\n  const ctaView = cta ? <Cta {...cta} light={light} /> : null;\n\n  return (\n    <div\n      className={style.hero}\n      style={{\n        backgroundImage: `url(${imgCover})`\n      }}\n    >\n      <div\n        className={light ? style.light : style.content}\n        style={{\n          textAlign: alignment\n        }}\n      >\n        <h2 className={style.subtitle} data-name=\"subtitle\">\n          {subtitle}\n        </h2>\n        <h1 className={style.title} data-name=\"title\">\n          {title}\n        </h1>\n        {ctaView}\n      </div>\n    </div>\n  );\n};\n\nSlide.propTypes = {\n  cover: PropTypes.string,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  light: PropTypes.bool,\n  cta: PropTypes.shape(Cta.propTypes),\n  alignment: PropTypes.oneOf(['center', 'left', 'right'])\n};\n\nexport default Slide;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,KAAK;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,GAAG;IAAEC,KAAK;IAAEC,SAAS,GAAG;EAAQ,CAAC,GAAGN,KAAK;EAExE,MAAMO,QAAQ,GAAGN,KAAK;EACtB,MAAMO,OAAO,GAAGJ,GAAG,gBAAG,6BAAC,YAAG,eAAKA,GAAG;IAAE,KAAK,EAAEC;EAAM,GAAG,GAAG,IAAI;EAE3D,oBACE;IACE,SAAS,EAAEI,cAAK,CAACC,IAAK;IACtB,KAAK,EAAE;MACLC,eAAe,EAAG,OAAMJ,QAAS;IACnC;EAAE,gBAEF;IACE,SAAS,EAAEF,KAAK,GAAGI,cAAK,CAACJ,KAAK,GAAGI,cAAK,CAACG,OAAQ;IAC/C,KAAK,EAAE;MACLC,SAAS,EAAEP;IACb;EAAE,gBAEF;IAAI,SAAS,EAAEG,cAAK,CAACN,QAAS;IAAC,aAAU;EAAU,GAChDA,QAAQ,CACN,eACL;IAAI,SAAS,EAAEM,cAAK,CAACP,KAAM;IAAC,aAAU;EAAO,GAC1CA,KAAK,CACH,EACJM,OAAO,CACJ,CACF;AAEV,CAAC;AAEDT,KAAK,CAACe,SAAS,2CAAG;EAChBb,KAAK,EAAEc,kBAAS,CAACC,MAAM;EACvBd,KAAK,EAAEa,kBAAS,CAACC,MAAM;EACvBb,QAAQ,EAAEY,kBAAS,CAACC,MAAM;EAC1BX,KAAK,EAAEU,kBAAS,CAACE,IAAI;EACrBb,GAAG,EAAEW,kBAAS,CAACG,KAAK,CAACC,YAAG,CAACL,SAAS,CAAC;EACnCR,SAAS,EAAES,kBAAS,CAACK,KAAK,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC;AACxD,CAAC;AAAC,eAEarB,KAAK;AAAA"}

package/lib/atom/social-link/index.js

@@ -2,17 +2,11 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ICONS = {
   mail: _novaIcons.NovaCompositionCoorpacademyMail,
   'google-plus': _novaIcons.NovaCompositionCoorpacademyGooglePlus,
@@ -28,7 +22,6 @@ const themeStyle = {
   default: _style.default.link,
   footer: _style.default.linkFooter
 };
-
 const SocialLink = props => {
   const {
     type,
@@ -48,7 +41,6 @@ const SocialLink = props => {
     className: _style.default.icon
   }));
 };
-
 SocialLink.propTypes = process.env.NODE_ENV !== "production" ? {
   mode: _propTypes.default.string,
   type: _propTypes.default.string.isRequired,

package/lib/atom/social-link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ICONS","mail","MailIcon","GooglePlusIcon","facebook","FacebookIcon","twitter","TwitterIcon","linkedin","LinkedinIcon","instagram","InstagramIcon","youtube","YoutubeIcon","vimeo","VimeoIcon","pinterest","PinterestIcon","themeStyle","default","style","link","footer","linkFooter","SocialLink","props","type","mode","ariaLabel","IconType","icon","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/atom/social-link/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyFacebook as FacebookIcon,\n  NovaCompositionCoorpacademyGooglePlus as GooglePlusIcon,\n  NovaCompositionCoorpacademyInstagram as InstagramIcon,\n  NovaCompositionCoorpacademyLinkedin as LinkedinIcon,\n  NovaCompositionCoorpacademyMail as MailIcon,\n  NovaCompositionCoorpacademyPinterest as PinterestIcon,\n  NovaCompositionCoorpacademyTwitter as TwitterIcon,\n  NovaCompositionCoorpacademyVimeo as VimeoIcon,\n  NovaCompositionCoorpacademyYoutube as YoutubeIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ICONS = {\n  mail: MailIcon,\n  'google-plus': GooglePlusIcon,\n  facebook: FacebookIcon,\n  twitter: TwitterIcon,\n  linkedin: LinkedinIcon,\n  instagram: InstagramIcon,\n  youtube: YoutubeIcon,\n  vimeo: VimeoIcon,\n  pinterest: PinterestIcon\n};\nconst themeStyle = {\n  default: style.link,\n  footer: style.linkFooter\n};\nconst SocialLink = props => {\n  const {type, link, mode = 'default', 'aria-label': ariaLabel} = props;\n  const IconType = ICONS[type];\n  return (\n    <a\n      href={link}\n      className={themeStyle[mode]}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label={ariaLabel}\n      data-name={`${mode}-${type}`}\n    >\n      <IconType className={style.icon} />\n    </a>\n  );\n};\n\nSocialLink.propTypes = {\n  mode: PropTypes.string,\n  type: PropTypes.string.isRequired,\n  link: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string\n};\n\nexport default SocialLink;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAWA;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,IAAI,EAAEC,0CADM;EAEZ,eAAeC,gDAFH;EAGZC,QAAQ,EAAEC,8CAHE;EAIZC,OAAO,EAAEC,6CAJG;EAKZC,QAAQ,EAAEC,8CALE;EAMZC,SAAS,EAAEC,+CANC;EAOZC,OAAO,EAAEC,6CAPG;EAQZC,KAAK,EAAEC,2CARK;EASZC,SAAS,EAAEC;AATC,CAAd;AAWA,MAAMC,UAAU,GAAG;EACjBC,OAAO,EAAEC,cAAA,CAAMC,IADE;EAEjBC,MAAM,EAAEF,cAAA,CAAMG;AAFG,CAAnB;;AAIA,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,IAAD;IAAOL,IAAP;IAAaM,IAAI,GAAG,SAApB;IAA+B,cAAcC;EAA7C,IAA0DH,KAAhE;EACA,MAAMI,QAAQ,GAAG7B,KAAK,CAAC0B,IAAD,CAAtB;EACA,oBACE;IACE,IAAI,EAAEL,IADR;IAEE,SAAS,EAAEH,UAAU,CAACS,IAAD,CAFvB;IAGE,MAAM,EAAC,QAHT;IAIE,GAAG,EAAC,qBAJN;IAKE,cAAYC,SALd;IAME,aAAY,GAAED,IAAK,IAAGD,IAAK;EAN7B,gBAQE,6BAAC,QAAD;IAAU,SAAS,EAAEN,cAAA,CAAMU;EAA3B,EARF,CADF;AAYD,CAfD;;AAiBAN,UAAU,CAACO,SAAX,2CAAuB;EACrBJ,IAAI,EAAEK,kBAAA,CAAUC,MADK;EAErBP,IAAI,EAAEM,kBAAA,CAAUC,MAAV,CAAiBC,UAFF;EAGrBb,IAAI,EAAEW,kBAAA,CAAUC,MAAV,CAAiBC,UAHF;EAIrB,cAAcF,kBAAA,CAAUC;AAJH,CAAvB;eAOeT,U"}
+{"version":3,"file":"index.js","names":["ICONS","mail","MailIcon","GooglePlusIcon","facebook","FacebookIcon","twitter","TwitterIcon","linkedin","LinkedinIcon","instagram","InstagramIcon","youtube","YoutubeIcon","vimeo","VimeoIcon","pinterest","PinterestIcon","themeStyle","default","style","link","footer","linkFooter","SocialLink","props","type","mode","ariaLabel","IconType","icon","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/atom/social-link/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyFacebook as FacebookIcon,\n  NovaCompositionCoorpacademyGooglePlus as GooglePlusIcon,\n  NovaCompositionCoorpacademyInstagram as InstagramIcon,\n  NovaCompositionCoorpacademyLinkedin as LinkedinIcon,\n  NovaCompositionCoorpacademyMail as MailIcon,\n  NovaCompositionCoorpacademyPinterest as PinterestIcon,\n  NovaCompositionCoorpacademyTwitter as TwitterIcon,\n  NovaCompositionCoorpacademyVimeo as VimeoIcon,\n  NovaCompositionCoorpacademyYoutube as YoutubeIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ICONS = {\n  mail: MailIcon,\n  'google-plus': GooglePlusIcon,\n  facebook: FacebookIcon,\n  twitter: TwitterIcon,\n  linkedin: LinkedinIcon,\n  instagram: InstagramIcon,\n  youtube: YoutubeIcon,\n  vimeo: VimeoIcon,\n  pinterest: PinterestIcon\n};\nconst themeStyle = {\n  default: style.link,\n  footer: style.linkFooter\n};\nconst SocialLink = props => {\n  const {type, link, mode = 'default', 'aria-label': ariaLabel} = props;\n  const IconType = ICONS[type];\n  return (\n    <a\n      href={link}\n      className={themeStyle[mode]}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label={ariaLabel}\n      data-name={`${mode}-${type}`}\n    >\n      <IconType className={style.icon} />\n    </a>\n  );\n};\n\nSocialLink.propTypes = {\n  mode: PropTypes.string,\n  type: PropTypes.string.isRequired,\n  link: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string\n};\n\nexport default SocialLink;\n"],"mappings":";;;;AAAA;AACA;AACA;AAWA;AAAgC;AAEhC,MAAMA,KAAK,GAAG;EACZC,IAAI,EAAEC,0CAAQ;EACd,aAAa,EAAEC,gDAAc;EAC7BC,QAAQ,EAAEC,8CAAY;EACtBC,OAAO,EAAEC,6CAAW;EACpBC,QAAQ,EAAEC,8CAAY;EACtBC,SAAS,EAAEC,+CAAa;EACxBC,OAAO,EAAEC,6CAAW;EACpBC,KAAK,EAAEC,2CAAS;EAChBC,SAAS,EAAEC;AACb,CAAC;AACD,MAAMC,UAAU,GAAG;EACjBC,OAAO,EAAEC,cAAK,CAACC,IAAI;EACnBC,MAAM,EAAEF,cAAK,CAACG;AAChB,CAAC;AACD,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,IAAI;IAAEL,IAAI;IAAEM,IAAI,GAAG,SAAS;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGH,KAAK;EACrE,MAAMI,QAAQ,GAAG7B,KAAK,CAAC0B,IAAI,CAAC;EAC5B,oBACE;IACE,IAAI,EAAEL,IAAK;IACX,SAAS,EAAEH,UAAU,CAACS,IAAI,CAAE;IAC5B,MAAM,EAAC,QAAQ;IACf,GAAG,EAAC,qBAAqB;IACzB,cAAYC,SAAU;IACtB,aAAY,GAAED,IAAK,IAAGD,IAAK;EAAE,gBAE7B,6BAAC,QAAQ;IAAC,SAAS,EAAEN,cAAK,CAACU;EAAK,EAAG,CACjC;AAER,CAAC;AAEDN,UAAU,CAACO,SAAS,2CAAG;EACrBJ,IAAI,EAAEK,kBAAS,CAACC,MAAM;EACtBP,IAAI,EAAEM,kBAAS,CAACC,MAAM,CAACC,UAAU;EACjCb,IAAI,EAAEW,kBAAS,CAACC,MAAM,CAACC,UAAU;EACjC,YAAY,EAAEF,kBAAS,CAACC;AAC1B,CAAC;AAAC,eAEaT,UAAU;AAAA"}

package/lib/atom/space/index.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { SpaceType } from '../../variables/theme.native';
-export declare type Props = {
+export type Props = {
     type?: SpaceType;
 };
 declare const Space: ({ type }: Props) => JSX.Element;

package/lib/atom/space/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/space/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAG5D,oBAAY,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,KAAK,aAAqB,KAAK,gBAapC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/space/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAG5D,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,KAAK,aAAqB,KAAK,gBAapC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/atom/space/index.native.js

@@ -2,17 +2,11 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _templateContext = require("../../template/app-review/template-context");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const Space = ({
   type = 'tiny'
 }) => {
@@ -27,7 +21,6 @@ const Space = ({
     }
   });
 };
-
 var _default = Space;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/atom/space/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["Space","type","templateContext","useTemplateContext","theme","width","spacing","height"],"sources":["../../../src/atom/space/index.native.tsx"],"sourcesContent":["import * as React from 'react';\nimport {View} from 'react-native';\nimport type {SpaceType} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type Props = {\n  type?: SpaceType;\n};\n\nconst Space = ({type = 'tiny'}: Props) => {\n  const templateContext = useTemplateContext();\n\n  const {theme} = templateContext;\n\n  return (\n    <View\n      style={{\n        width: theme.spacing[type],\n        height: theme.spacing[type]\n      }}\n    />\n  );\n};\n\nexport default Space;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;;;;;AAMA,MAAMA,KAAK,GAAG,CAAC;EAACC,IAAI,GAAG;AAAR,CAAD,KAA4B;EACxC,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EAEA,MAAM;IAACC;EAAD,IAAUF,eAAhB;EAEA,oBACE,oBAAC,iBAAD;IACE,KAAK,EAAE;MACLG,KAAK,EAAED,KAAK,CAACE,OAAN,CAAcL,IAAd,CADF;MAELM,MAAM,EAAEH,KAAK,CAACE,OAAN,CAAcL,IAAd;IAFH;EADT,EADF;AAQD,CAbD;;eAeeD,K"}
+{"version":3,"file":"index.native.js","names":["Space","type","templateContext","useTemplateContext","theme","width","spacing","height"],"sources":["../../../src/atom/space/index.native.tsx"],"sourcesContent":["import * as React from 'react';\nimport {View} from 'react-native';\nimport type {SpaceType} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type Props = {\n  type?: SpaceType;\n};\n\nconst Space = ({type = 'tiny'}: Props) => {\n  const templateContext = useTemplateContext();\n\n  const {theme} = templateContext;\n\n  return (\n    <View\n      style={{\n        width: theme.spacing[type],\n        height: theme.spacing[type]\n      }}\n    />\n  );\n};\n\nexport default Space;\n"],"mappings":";;;;AAAA;AACA;AAEA;AAA8E;AAAA;AAM9E,MAAMA,KAAK,GAAG,CAAC;EAACC,IAAI,GAAG;AAAa,CAAC,KAAK;EACxC,MAAMC,eAAe,GAAG,IAAAC,mCAAkB,GAAE;EAE5C,MAAM;IAACC;EAAK,CAAC,GAAGF,eAAe;EAE/B,oBACE,oBAAC,iBAAI;IACH,KAAK,EAAE;MACLG,KAAK,EAAED,KAAK,CAACE,OAAO,CAACL,IAAI,CAAC;MAC1BM,MAAM,EAAEH,KAAK,CAACE,OAAO,CAACL,IAAI;IAC5B;EAAE,EACF;AAEN,CAAC;AAAC,eAEaD,KAAK;AAAA"}

package/lib/atom/spinner/index.js

@@ -2,13 +2,9 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _style = require("./style.css");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Spinner = () => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.spinner
@@ -18,7 +14,6 @@ const Spinner = () => {
     className: _style.doubleBounce2
   }));
 };
-
 Spinner.propTypes = process.env.NODE_ENV !== "production" ? {} : {};
 var _default = Spinner;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Spinner","spinner","doubleBounce1","doubleBounce2","propTypes"],"sources":["../../../src/atom/spinner/index.js"],"sourcesContent":["import React from 'react';\nimport {spinner, doubleBounce1, doubleBounce2} from './style.css';\n\nconst Spinner = () => {\n  return (\n    <div className={spinner}>\n      <div className={doubleBounce1} />\n      <div className={doubleBounce2} />\n    </div>\n  );\n};\n\nSpinner.propTypes = {};\n\nexport default Spinner;\n"],"mappings":";;;;;AAAA;;AACA;;;;AAEA,MAAMA,OAAO,GAAG,MAAM;EACpB,oBACE;IAAK,SAAS,EAAEC;EAAhB,gBACE;IAAK,SAAS,EAAEC;EAAhB,EADF,eAEE;IAAK,SAAS,EAAEC;EAAhB,EAFF,CADF;AAMD,CAPD;;AASAH,OAAO,CAACI,SAAR,2CAAoB,EAApB;eAEeJ,O"}
+{"version":3,"file":"index.js","names":["Spinner","spinner","doubleBounce1","doubleBounce2","propTypes"],"sources":["../../../src/atom/spinner/index.js"],"sourcesContent":["import React from 'react';\nimport {spinner, doubleBounce1, doubleBounce2} from './style.css';\n\nconst Spinner = () => {\n  return (\n    <div className={spinner}>\n      <div className={doubleBounce1} />\n      <div className={doubleBounce2} />\n    </div>\n  );\n};\n\nSpinner.propTypes = {};\n\nexport default Spinner;\n"],"mappings":";;;;AAAA;AACA;AAAkE;AAElE,MAAMA,OAAO,GAAG,MAAM;EACpB,oBACE;IAAK,SAAS,EAAEC;EAAQ,gBACtB;IAAK,SAAS,EAAEC;EAAc,EAAG,eACjC;IAAK,SAAS,EAAEC;EAAc,EAAG,CAC7B;AAEV,CAAC;AAEDH,OAAO,CAACI,SAAS,2CAAG,CAAC,CAAC;AAAC,eAERJ,OAAO;AAAA"}

package/lib/atom/tab/index.js

@@ -2,21 +2,13 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Tab = ({
   onClick,
   links,
@@ -36,7 +28,6 @@ const Tab = ({
     key: link.title
   }, link.title), links)));
 };
-
 Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   links: _propTypes.default.arrayOf(_propTypes.default.objectOf(_propTypes.default.string)),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Tab","onClick","links","title","targetContent","handleTabClick","useMemo","style","tab","link","propTypes","PropTypes","string","arrayOf","objectOf","func"],"sources":["../../../src/atom/tab/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport style from './style.css';\n\nconst Tab = ({onClick, links, title, targetContent}) => {\n  const handleTabClick = useMemo(() => () => onClick(targetContent), [onClick, targetContent]);\n\n  return (\n    <div data-name=\"tab\" className={style.tab} onClick={handleTabClick}>\n      <div className={style.title}>{title}</div>\n      <div className={style.link}>\n        {map(\n          link => (\n            <div key={link.title}>{link.title}</div>\n          ),\n          links\n        )}\n      </div>\n    </div>\n  );\n};\n\nTab.propTypes = {\n  title: PropTypes.string,\n  links: PropTypes.arrayOf(PropTypes.objectOf(PropTypes.string)),\n  onClick: PropTypes.func,\n  targetContent: PropTypes.string\n};\n\nexport default Tab;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;;;AAEA,MAAMA,GAAG,GAAG,CAAC;EAACC,OAAD;EAAUC,KAAV;EAAiBC,KAAjB;EAAwBC;AAAxB,CAAD,KAA4C;EACtD,MAAMC,cAAc,GAAG,IAAAC,cAAA,EAAQ,MAAM,MAAML,OAAO,CAACG,aAAD,CAA3B,EAA4C,CAACH,OAAD,EAAUG,aAAV,CAA5C,CAAvB;EAEA,oBACE;IAAK,aAAU,KAAf;IAAqB,SAAS,EAAEG,cAAA,CAAMC,GAAtC;IAA2C,OAAO,EAAEH;EAApD,gBACE;IAAK,SAAS,EAAEE,cAAA,CAAMJ;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,SAAS,EAAEI,cAAA,CAAME;EAAtB,GACG,mBACCA,IAAI,iBACF;IAAK,GAAG,EAAEA,IAAI,CAACN;EAAf,GAAuBM,IAAI,CAACN,KAA5B,CAFH,EAICD,KAJD,CADH,CAFF,CADF;AAaD,CAhBD;;AAkBAF,GAAG,CAACU,SAAJ,2CAAgB;EACdP,KAAK,EAAEQ,kBAAA,CAAUC,MADH;EAEdV,KAAK,EAAES,kBAAA,CAAUE,OAAV,CAAkBF,kBAAA,CAAUG,QAAV,CAAmBH,kBAAA,CAAUC,MAA7B,CAAlB,CAFO;EAGdX,OAAO,EAAEU,kBAAA,CAAUI,IAHL;EAIdX,aAAa,EAAEO,kBAAA,CAAUC;AAJX,CAAhB;eAOeZ,G"}
+{"version":3,"file":"index.js","names":["Tab","onClick","links","title","targetContent","handleTabClick","useMemo","style","tab","link","propTypes","PropTypes","string","arrayOf","objectOf","func"],"sources":["../../../src/atom/tab/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport style from './style.css';\n\nconst Tab = ({onClick, links, title, targetContent}) => {\n  const handleTabClick = useMemo(() => () => onClick(targetContent), [onClick, targetContent]);\n\n  return (\n    <div data-name=\"tab\" className={style.tab} onClick={handleTabClick}>\n      <div className={style.title}>{title}</div>\n      <div className={style.link}>\n        {map(\n          link => (\n            <div key={link.title}>{link.title}</div>\n          ),\n          links\n        )}\n      </div>\n    </div>\n  );\n};\n\nTab.propTypes = {\n  title: PropTypes.string,\n  links: PropTypes.arrayOf(PropTypes.objectOf(PropTypes.string)),\n  onClick: PropTypes.func,\n  targetContent: PropTypes.string\n};\n\nexport default Tab;\n"],"mappings":";;;;;AAAA;AACA;AAEA;AAAgC;AAAA;AAAA;AAEhC,MAAMA,GAAG,GAAG,CAAC;EAACC,OAAO;EAAEC,KAAK;EAAEC,KAAK;EAAEC;AAAa,CAAC,KAAK;EACtD,MAAMC,cAAc,GAAG,IAAAC,cAAO,EAAC,MAAM,MAAML,OAAO,CAACG,aAAa,CAAC,EAAE,CAACH,OAAO,EAAEG,aAAa,CAAC,CAAC;EAE5F,oBACE;IAAK,aAAU,KAAK;IAAC,SAAS,EAAEG,cAAK,CAACC,GAAI;IAAC,OAAO,EAAEH;EAAe,gBACjE;IAAK,SAAS,EAAEE,cAAK,CAACJ;EAAM,GAAEA,KAAK,CAAO,eAC1C;IAAK,SAAS,EAAEI,cAAK,CAACE;EAAK,GACxB,mBACCA,IAAI,iBACF;IAAK,GAAG,EAAEA,IAAI,CAACN;EAAM,GAAEM,IAAI,CAACN,KAAK,CAClC,EACDD,KAAK,CACN,CACG,CACF;AAEV,CAAC;AAEDF,GAAG,CAACU,SAAS,2CAAG;EACdP,KAAK,EAAEQ,kBAAS,CAACC,MAAM;EACvBV,KAAK,EAAES,kBAAS,CAACE,OAAO,CAACF,kBAAS,CAACG,QAAQ,CAACH,kBAAS,CAACC,MAAM,CAAC,CAAC;EAC9DX,OAAO,EAAEU,kBAAS,CAACI,IAAI;EACvBX,aAAa,EAAEO,kBAAS,CAACC;AAC3B,CAAC;AAAC,eAEaZ,GAAG;AAAA"}

package/lib/atom/tab-content/index.js

@@ -2,17 +2,11 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _provider = _interopRequireDefault(require("../provider"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const TabContent = props => {
   const {
     tabTitle,
@@ -28,7 +22,6 @@ const TabContent = props => {
     className: backgroundClassName
   }, children));
 };
-
 TabContent.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };

package/lib/atom/tab-content/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TabContent","props","tabTitle","hideContentBackground","children","backgroundClassName","style","hiddenBackground","greyBackground","content","contentTitle","contextTypes","translate","Provider","childContextTypes","propTypes","PropTypes","string","bool","node"],"sources":["../../../src/atom/tab-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst TabContent = props => {\n  const {tabTitle, hideContentBackground, children} = props;\n\n  const backgroundClassName = hideContentBackground ? style.hiddenBackground : style.greyBackground;\n  return (\n    <div className={style.content}>\n      <div className={style.contentTitle}>{tabTitle}</div>\n      <div className={backgroundClassName}>{children}</div>\n    </div>\n  );\n};\n\nTabContent.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nTabContent.propTypes = {\n  tabTitle: PropTypes.string,\n  hideContentBackground: PropTypes.bool,\n  children: PropTypes.node\n};\n\nexport default TabContent;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,QAAD;IAAWC,qBAAX;IAAkCC;EAAlC,IAA8CH,KAApD;EAEA,MAAMI,mBAAmB,GAAGF,qBAAqB,GAAGG,cAAA,CAAMC,gBAAT,GAA4BD,cAAA,CAAME,cAAnF;EACA,oBACE;IAAK,SAAS,EAAEF,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,GAAqCR,QAArC,CADF,eAEE;IAAK,SAAS,EAAEG;EAAhB,GAAsCD,QAAtC,CAFF,CADF;AAMD,CAVD;;AAYAJ,UAAU,CAACW,YAAX,GAA0B;EACxBC,SAAS,EAAEC,iBAAA,CAASC,iBAAT,CAA2BF;AADd,CAA1B;AAIAZ,UAAU,CAACe,SAAX,2CAAuB;EACrBb,QAAQ,EAAEc,kBAAA,CAAUC,MADC;EAErBd,qBAAqB,EAAEa,kBAAA,CAAUE,IAFZ;EAGrBd,QAAQ,EAAEY,kBAAA,CAAUG;AAHC,CAAvB;eAMenB,U"}
+{"version":3,"file":"index.js","names":["TabContent","props","tabTitle","hideContentBackground","children","backgroundClassName","style","hiddenBackground","greyBackground","content","contentTitle","contextTypes","translate","Provider","childContextTypes","propTypes","PropTypes","string","bool","node"],"sources":["../../../src/atom/tab-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst TabContent = props => {\n  const {tabTitle, hideContentBackground, children} = props;\n\n  const backgroundClassName = hideContentBackground ? style.hiddenBackground : style.greyBackground;\n  return (\n    <div className={style.content}>\n      <div className={style.contentTitle}>{tabTitle}</div>\n      <div className={backgroundClassName}>{children}</div>\n    </div>\n  );\n};\n\nTabContent.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nTabContent.propTypes = {\n  tabTitle: PropTypes.string,\n  hideContentBackground: PropTypes.bool,\n  children: PropTypes.node\n};\n\nexport default TabContent;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,QAAQ;IAAEC,qBAAqB;IAAEC;EAAQ,CAAC,GAAGH,KAAK;EAEzD,MAAMI,mBAAmB,GAAGF,qBAAqB,GAAGG,cAAK,CAACC,gBAAgB,GAAGD,cAAK,CAACE,cAAc;EACjG,oBACE;IAAK,SAAS,EAAEF,cAAK,CAACG;EAAQ,gBAC5B;IAAK,SAAS,EAAEH,cAAK,CAACI;EAAa,GAAER,QAAQ,CAAO,eACpD;IAAK,SAAS,EAAEG;EAAoB,GAAED,QAAQ,CAAO,CACjD;AAEV,CAAC;AAEDJ,UAAU,CAACW,YAAY,GAAG;EACxBC,SAAS,EAAEC,iBAAQ,CAACC,iBAAiB,CAACF;AACxC,CAAC;AAEDZ,UAAU,CAACe,SAAS,2CAAG;EACrBb,QAAQ,EAAEc,kBAAS,CAACC,MAAM;EAC1Bd,qBAAqB,EAAEa,kBAAS,CAACE,IAAI;EACrCd,QAAQ,EAAEY,kBAAS,CAACG;AACtB,CAAC;AAAC,eAEanB,UAAU;AAAA"}

package/lib/atom/tag/index.js

@@ -2,17 +2,11 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const TAG_STYLES = {
   default: _style.default.default,
   published: _style.default.published,
@@ -20,7 +14,6 @@ const TAG_STYLES = {
   archived: _style.default.archived,
   draft: _style.default.draft
 };
-
 const Tag = props => {
   const {
     label,
@@ -31,7 +24,6 @@ const Tag = props => {
     "data-name": `content-tag-${label}`
   }, label);
 };
-
 Tag.propTypes = process.env.NODE_ENV !== "production" ? {
   label: _propTypes.default.string,
   type: _propTypes.default.oneOf((0, _keys2.default)(TAG_STYLES))

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TAG_STYLES","default","style","published","revised","archived","draft","Tag","props","label","type","propTypes","PropTypes","string","oneOf"],"sources":["../../../src/atom/tag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n  default: style.default,\n  published: style.published,\n  revised: style.revised,\n  archived: style.archived,\n  draft: style.draft\n};\n\nconst Tag = props => {\n  const {label, type = 'default'} = props;\n\n  return (\n    <span className={TAG_STYLES[type]} data-name={`content-tag-${label}`}>\n      {label}\n    </span>\n  );\n};\n\nTag.propTypes = {\n  label: PropTypes.string,\n  type: PropTypes.oneOf(keys(TAG_STYLES))\n};\n\nexport default Tag;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEA,MAAMA,UAAU,GAAG;EACjBC,OAAO,EAAEC,cAAA,CAAMD,OADE;EAEjBE,SAAS,EAAED,cAAA,CAAMC,SAFA;EAGjBC,OAAO,EAAEF,cAAA,CAAME,OAHE;EAIjBC,QAAQ,EAAEH,cAAA,CAAMG,QAJC;EAKjBC,KAAK,EAAEJ,cAAA,CAAMI;AALI,CAAnB;;AAQA,MAAMC,GAAG,GAAGC,KAAK,IAAI;EACnB,MAAM;IAACC,KAAD;IAAQC,IAAI,GAAG;EAAf,IAA4BF,KAAlC;EAEA,oBACE;IAAM,SAAS,EAAER,UAAU,CAACU,IAAD,CAA3B;IAAmC,aAAY,eAAcD,KAAM;EAAnE,GACGA,KADH,CADF;AAKD,CARD;;AAUAF,GAAG,CAACI,SAAJ,2CAAgB;EACdF,KAAK,EAAEG,kBAAA,CAAUC,MADH;EAEdH,IAAI,EAAEE,kBAAA,CAAUE,KAAV,CAAgB,oBAAKd,UAAL,CAAhB;AAFQ,CAAhB;eAKeO,G"}
+{"version":3,"file":"index.js","names":["TAG_STYLES","default","style","published","revised","archived","draft","Tag","props","label","type","propTypes","PropTypes","string","oneOf"],"sources":["../../../src/atom/tag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n  default: style.default,\n  published: style.published,\n  revised: style.revised,\n  archived: style.archived,\n  draft: style.draft\n};\n\nconst Tag = props => {\n  const {label, type = 'default'} = props;\n\n  return (\n    <span className={TAG_STYLES[type]} data-name={`content-tag-${label}`}>\n      {label}\n    </span>\n  );\n};\n\nTag.propTypes = {\n  label: PropTypes.string,\n  type: PropTypes.oneOf(keys(TAG_STYLES))\n};\n\nexport default Tag;\n"],"mappings":";;;;;AAAA;AACA;AAEA;AAAgC;AAEhC,MAAMA,UAAU,GAAG;EACjBC,OAAO,EAAEC,cAAK,CAACD,OAAO;EACtBE,SAAS,EAAED,cAAK,CAACC,SAAS;EAC1BC,OAAO,EAAEF,cAAK,CAACE,OAAO;EACtBC,QAAQ,EAAEH,cAAK,CAACG,QAAQ;EACxBC,KAAK,EAAEJ,cAAK,CAACI;AACf,CAAC;AAED,MAAMC,GAAG,GAAGC,KAAK,IAAI;EACnB,MAAM;IAACC,KAAK;IAAEC,IAAI,GAAG;EAAS,CAAC,GAAGF,KAAK;EAEvC,oBACE;IAAM,SAAS,EAAER,UAAU,CAACU,IAAI,CAAE;IAAC,aAAY,eAAcD,KAAM;EAAE,GAClEA,KAAK,CACD;AAEX,CAAC;AAEDF,GAAG,CAACI,SAAS,2CAAG;EACdF,KAAK,EAAEG,kBAAS,CAACC,MAAM;EACvBH,IAAI,EAAEE,kBAAS,CAACE,KAAK,CAAC,oBAAKd,UAAU,CAAC;AACxC,CAAC;AAAC,eAEaO,GAAG;AAAA"}

package/lib/atom/text/index.native.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TextStyle, StyleProp } from 'react-native';
-export declare type Props = {
+export type Props = {
     children: React.ReactNode;
     style?: StyleProp<TextStyle>;
     testID?: string;

package/lib/atom/text/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/text/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyC,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAE1F,oBAAY,KAAK,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,aAAa;;CAMzB,CAAC;AAQF,QAAA,MAAM,IAAI,UAAW,KAAK,gBAqBzB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/text/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyC,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAE1F,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,aAAa;;CAMzB,CAAC;AAQF,QAAA,MAAM,IAAI,UAAW,KAAK,gBAqBzB,CAAC;AAEF,eAAe,IAAI,CAAC"}