@coorpacademy/components 11.13.7-alpha.9 → 11.14.1-alpha.2

package/lib/template/external-course/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["defaultWrapperStyle","default","style","cockpit","defaultCockpit","mobile","ExternalCourse","React","Component","handleOnClick","field","e","stopPropagation","preventDefault","onClick","render","name","type","url","warning","complete","quit","loading","backgroundImageUrl","contentType","mode","props","skin","context","primary","IconType","EXTERNAL_CONTENT_ICONS","icon","IconColor","color","mainContentSlot","loader","completeButton","disabled","label","backgroundColor","convert","cursor","classnames","completeCta","warningButton","leftSection","iconLabel","link","iconQuestion","quitButton","quitCta","titleSection","title","oval","iconHeader","innerHTML","__html","header","rightSection","footer","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","oneOf","isRequired","shape","func","bool"],"sources":["../../../src/template/external-course/index.js"],"sourcesContent":["import React from 'react';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport {get, getOr, keys, identity, isNil, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport Button from '../../atom/button';\nimport ExternalContentViewer from '../../molecule/external-content-viewer';\nimport style from './style.css';\n\nconst defaultWrapperStyle = {\n  default: style.default,\n  cockpit: style.defaultCockpit,\n  mobile: style.default\n};\n\nclass ExternalCourse extends React.Component {\n  static propTypes = {\n    name: PropTypes.string,\n    type: PropTypes.oneOf(keys(EXTERNAL_CONTENT_ICONS)),\n    url: PropTypes.string.isRequired,\n    quit: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      onClick: PropTypes.func\n    }),\n    complete: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      disabled: PropTypes.bool,\n      onClick: PropTypes.func\n    }),\n    warning: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      onClick: PropTypes.func\n    }),\n    loading: PropTypes.bool,\n    backgroundImageUrl: PropTypes.string,\n    contentType: PropTypes.string,\n    mode: PropTypes.string\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  handleOnClick = field => e => {\n    e.stopPropagation();\n    e.preventDefault();\n    const onClick = get('onClick', field);\n    return onClick && onClick(e);\n  };\n\n  render() {\n    const {\n      name,\n      type,\n      url,\n      warning,\n      complete,\n      quit,\n      loading,\n      backgroundImageUrl,\n      contentType,\n      mode = 'default'\n    } = this.props;\n    const {skin} = this.context;\n    const primary = getOr('#00B0FF', 'common.primary', skin);\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const IconColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n    const mainContentSlot = loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : (\n      <ExternalContentViewer\n        url={url}\n        mode={mode}\n        backgroundImageUrl={backgroundImageUrl}\n        contentType={contentType}\n      />\n    );\n\n    const completeButton = !isNil(complete) ? (\n      <Button\n        type=\"button\"\n        disabled={loading ? true : complete.disabled}\n        onClick={loading ? identity : this.handleOnClick(complete)}\n        submitValue={complete.label}\n        style={{\n          backgroundColor:\n            complete.disabled || loading ? convert(`color(${primary} a(-50%))`) : primary,\n          cursor: loading ? 'progress' : 'pointer'\n        }}\n        className={classnames(\n          style.completeCta,\n          complete.disabled || loading ? style.disabled : null,\n          loading ? style.loading : null\n        )}\n      />\n    ) : null;\n\n    const warningButton = !isNil(warning) ? (\n      <div className={style.leftSection}>\n        <div\n          onClick={this.handleOnClick(warning)}\n          className={classnames(style.iconLabel, style.link)}\n        >\n          <QuestionIcon className={style.iconQuestion} width={24} height={24} />\n          <span>{warning.label}</span>\n        </div>\n      </div>\n    ) : null;\n\n    const quitButton = !isNil(quit) ? (\n      <div className={style.leftSection}>\n        <span\n          className={classnames(style.quitCta, loading ? style.loading : null)}\n          onClick={loading ? identity : this.handleOnClick(quit)}\n        >\n          {quit.label}\n        </span>\n      </div>\n    ) : null;\n\n    const titleSection = !isNil(name) ? (\n      <div className={classnames(style.iconLabel, style.title)}>\n        <div className={style.oval} style={{backgroundColor: IconColor}}>\n          <IconType className={style.iconHeader} />\n        </div>\n        <span\n          className={style.innerHTML}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: name}}\n        />\n      </div>\n    ) : null;\n\n    const header =\n      !isNil(quit) || !isEmpty(name) ? (\n        <div className={style.header}>\n          {quitButton}\n          {titleSection}\n          {isNil(quit) ? null : <div className={style.rightSection} />}\n        </div>\n      ) : null;\n\n    const footer =\n      !isNil(warning) || !isNil(complete) ? (\n        <div className={style.footer}>\n          {warningButton}\n          {completeButton}\n          {isNil(warning) ? null : <div className={style.rightSection} />}\n        </div>\n      ) : null;\n\n    return (\n      <div className={defaultWrapperStyle[mode]}>\n        {header}\n        {mainContentSlot}\n        {footer}\n      </div>\n    );\n  }\n}\n\nexport default ExternalCourse;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["defaultWrapperStyle","default","style","cockpit","defaultCockpit","mobile","ExternalCourse","props","context","name","type","url","quit","complete","warning","loading","backgroundImageUrl","contentType","mode","closePopin","skin","primary","IconType","EXTERNAL_CONTENT_ICONS","icon","IconColor","color","mainContentSlot","useMemo","loader","handleOnClick","useCallback","field","onClick","e","stopPropagation","preventDefault","completeButton","disabled","label","backgroundColor","convert","cursor","classnames","completeCta","warningButton","leftSection","iconLabel","link","iconQuestion","quitButton","quitCta","titleSection","title","oval","iconHeader","innerHTML","__html","header","rightSection","footer","popin","propTypes","PropTypes","string","oneOf","isRequired","shape","func","bool","CmPopin","contextTypes","Provider","childContextTypes"],"sources":["../../../src/template/external-course/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport {noop, getOr, keys, identity, isNil, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport Button from '../../atom/button';\nimport ExternalContentViewer from '../../molecule/external-content-viewer';\nimport CmPopin from '../../molecule/cm-popin';\nimport style from './style.css';\n\nconst defaultWrapperStyle = {\n  default: style.default,\n  cockpit: style.defaultCockpit,\n  mobile: style.default\n};\n\nconst ExternalCourse = (props, context) => {\n  const {\n    name,\n    type,\n    url,\n    quit,\n    complete,\n    warning,\n    loading,\n    backgroundImageUrl,\n    contentType,\n    mode = 'default',\n    closePopin\n  } = props;\n  const {skin} = context;\n  const primary = getOr('#00B0FF', 'common.primary', skin);\n  const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n  const IconColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n  const mainContentSlot = useMemo(() => {\n    return loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : (\n      <ExternalContentViewer\n        url={url}\n        mode={mode}\n        backgroundImageUrl={backgroundImageUrl}\n        contentType={contentType}\n      />\n    );\n  }, [loading, url, mode, contentType, backgroundImageUrl]);\n\n  const handleOnClick = useCallback(field => {\n    const onClick = getOr(noop, ['onClick'], field);\n    return e => {\n      e.stopPropagation();\n      e.preventDefault();\n      return onClick(e);\n    };\n  }, []);\n\n  const completeButton = useMemo(() => {\n    return !isNil(complete) ? (\n      <Button\n        type=\"button\"\n        disabled={loading ? true : complete.disabled}\n        onClick={loading ? identity : handleOnClick(complete)}\n        submitValue={complete.label}\n        style={{\n          backgroundColor:\n            complete.disabled || loading ? convert(`color(${primary} a(-50%))`) : primary,\n          cursor: loading ? 'progress' : 'pointer'\n        }}\n        className={classnames(\n          style.completeCta,\n          complete.disabled || loading ? style.disabled : null,\n          loading ? style.loading : null\n        )}\n        data-testid=\"complete-button\"\n      />\n    ) : null;\n  }, [complete, loading, primary, handleOnClick]);\n\n  const warningButton = useMemo(() => {\n    return !isNil(warning) ? (\n      <div className={style.leftSection}>\n        <div onClick={handleOnClick(warning)} className={classnames(style.iconLabel, style.link)}>\n          <QuestionIcon className={style.iconQuestion} width={24} height={24} />\n          <span>{warning.label}</span>\n        </div>\n      </div>\n    ) : null;\n  }, [handleOnClick, warning]);\n\n  const quitButton = useMemo(() => {\n    return !isNil(quit) ? (\n      <div className={style.leftSection}>\n        <span\n          className={classnames(style.quitCta, loading ? style.loading : null)}\n          onClick={loading ? identity : handleOnClick(quit)}\n        >\n          {quit.label}\n        </span>\n      </div>\n    ) : null;\n  }, [quit, loading, handleOnClick]);\n\n  const titleSection = useMemo(() => {\n    return !isNil(name) ? (\n      <div className={classnames(style.iconLabel, style.title)}>\n        <div className={style.oval} style={{backgroundColor: IconColor}}>\n          <IconType className={style.iconHeader} />\n        </div>\n        <span\n          className={style.innerHTML}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: name}}\n        />\n      </div>\n    ) : null;\n  }, [name, IconColor]);\n\n  const header = useMemo(() => {\n    return !isNil(quit) || !isEmpty(name) ? (\n      <div className={style.header}>\n        {quitButton}\n        {titleSection}\n        {isNil(quit) ? null : <div className={style.rightSection} />}\n      </div>\n    ) : null;\n  }, [name, titleSection, quit, quitButton]);\n\n  const footer = useMemo(() => {\n    return !isNil(warning) || !isNil(complete) ? (\n      <div className={style.footer}>\n        {warningButton}\n        {completeButton}\n        {isNil(warning) ? null : <div className={style.rightSection} />}\n      </div>\n    ) : null;\n  }, [warning, warningButton, complete, completeButton]);\n\n  const popin = useMemo(() => {\n    return !isNil(closePopin) ? <CmPopin {...closePopin} /> : null;\n  }, [closePopin]);\n\n  return (\n    <div className={defaultWrapperStyle[mode]}>\n      {header}\n      {popin}\n      {mainContentSlot}\n      {footer}\n    </div>\n  );\n};\n\nExternalCourse.propTypes = {\n  name: PropTypes.string,\n  type: PropTypes.oneOf(keys(EXTERNAL_CONTENT_ICONS)),\n  url: PropTypes.string.isRequired,\n  quit: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  }),\n  complete: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    disabled: PropTypes.bool,\n    onClick: PropTypes.func\n  }),\n  warning: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  }),\n  loading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string,\n  closePopin: PropTypes.shape({...CmPopin.propTypes})\n};\n\nExternalCourse.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ExternalCourse;\n"],"mappings":"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"}

package/lib/template/external-course/style.css

@@ -24,7 +24,7 @@
 }
 
 .defaultCockpit{
-  composes:default;
+  composes: default;
   height: 100%;
 }
 

package/lib/template/mobile-login/welcome/index.native.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export declare type Props = {
+    onDemoPress: () => void;
+    onDesktopButtonPress: () => void;
+    onHelpPress: () => void;
+    onMobileButtonPress: () => void;
+    locales: {
+        title: string;
+        description: string;
+        ctaQRCode: string;
+        ctaReceiveMail: string;
+        titleHelp: string;
+        ctaHelp: string;
+    };
+};
+declare const Welcome: (props: Props) => JSX.Element | null;
+export default Welcome;
+//# sourceMappingURL=index.native.d.ts.map

package/lib/template/mobile-login/welcome/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"names":[],"mappings":";AA+IA,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,CAAC;QACvB,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,OAAO,UAAW,KAAK,uBA0D5B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/template/mobile-login/welcome/index.native.js

@@ -0,0 +1,212 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _index = _interopRequireDefault(require("../../../hoc/touchable/index.native"));
+
+var _templateContext = require("../../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 createStyleSheet = theme => _reactNative.StyleSheet.create({
+  wrapper: {
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    flex: 1,
+    justifyContent: 'space-around',
+    alignItems: 'center',
+    paddingHorizontal: 24
+  },
+  content: {
+    width: '100%',
+    alignItems: 'flex-start'
+  },
+  gradient: {
+    position: 'absolute',
+    top: -100,
+    bottom: 0,
+    left: -180,
+    right: 0,
+    opacity: 1,
+    transform: [{
+      rotate: '35deg'
+    }]
+  },
+  gradient2: {
+    position: 'absolute',
+    top: -80,
+    bottom: 0,
+    left: 0,
+    right: -200,
+    opacity: 0.5,
+    transform: [{
+      rotate: '-35deg'
+    }]
+  },
+  logo: {
+    padding: 100
+  },
+  title: {
+    fontWeight: '600',
+    fontSize: 28,
+    lineHeight: 36,
+    paddingVertical: 8
+  },
+  description: {
+    fontSize: 18,
+    lineHeight: 24,
+    paddingVertical: 8
+  },
+  actions: {
+    width: '100%'
+  },
+  buttons: {
+    paddingVertical: 20,
+    alignItems: 'center'
+  },
+  button: {
+    paddingVertical: 12,
+    marginVertical: 4,
+    width: '100%',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    borderRadius: 12,
+    alignItems: 'center',
+    overflow: 'hidden'
+  },
+  ctaQRCode: {
+    backgroundColor: theme.colors.cta
+  },
+  ctaQRCodeText: {
+    marginLeft: 8,
+    color: '#fff',
+    fontWeight: '700',
+    fontSize: 14,
+    lineHeight: 24
+  },
+  qrCodeIcon: {
+    fill: '#fff',
+    height: 14,
+    width: 14
+  },
+  ctaReceiveMail: {
+    backgroundColor: '#eaeaeb'
+  },
+  ctaReceiveMailText: {
+    marginLeft: 8,
+    color: '#1D1D2B',
+    fontWeight: '700',
+    fontSize: 14,
+    lineHeight: 24
+  },
+  mailIcon: {
+    fill: '#1D1D2B',
+    height: 12,
+    width: 16
+  },
+  help: {
+    flexDirection: 'row',
+    justifyContent: 'center'
+  },
+  titleHelp: {
+    color: '#9999A8'
+  },
+  ctaHelp: {
+    marginLeft: 5,
+    textDecorationLine: 'underline',
+    color: '#9999A8'
+  }
+});
+
+const Welcome = props => {
+  const {
+    locales,
+    onDemoPress,
+    onDesktopButtonPress,
+    onHelpPress,
+    onMobileButtonPress
+  } = props;
+  const {
+    theme
+  } = (0, _templateContext.useTemplateContext)();
+  const [styleSheet, setStylesheet] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]);
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.wrapper,
+    testID: "welcome"
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
+    colors: ['#0061FF', '#fff'],
+    locations: [0, 0.3],
+    style: styleSheet.gradient
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
+    colors: ['#2199AB', '#fff'],
+    locations: [0, 0.3],
+    style: styleSheet.gradient2
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    onLongPress: onDemoPress,
+    style: styleSheet.logo
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLogoCoorp, {
+    fill: theme.colors.cta,
+    width: 77,
+    height: 75
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.content
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styleSheet.title
+  }, locales.title), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styleSheet.description
+  }, locales.description), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.actions
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.buttons
+  }, /*#__PURE__*/_react.default.createElement(_index.default, {
+    style: [styleSheet.button, styleSheet.ctaQRCode],
+    onPress: onDesktopButtonPress
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyQrCode, {
+    style: styleSheet.qrCodeIcon
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styleSheet.ctaQRCodeText
+  }, locales.ctaQRCode)), /*#__PURE__*/_react.default.createElement(_index.default, {
+    style: [styleSheet.button, styleSheet.ctaReceiveMail],
+    onPress: onMobileButtonPress
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyEmail, {
+    style: styleSheet.mailIcon
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styleSheet.ctaReceiveMailText
+  }, locales.ctaReceiveMail))), /*#__PURE__*/_react.default.createElement(_index.default, {
+    onPress: onHelpPress,
+    style: styleSheet.help
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styleSheet.titleHelp
+  }, locales.titleHelp), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styleSheet.ctaHelp
+  }, locales.ctaHelp)))));
+};
+
+var _default = Welcome;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

package/lib/template/mobile-login/welcome/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","wrapper","top","bottom","left","right","flex","justifyContent","alignItems","paddingHorizontal","content","width","gradient","position","opacity","transform","rotate","gradient2","logo","padding","title","fontWeight","fontSize","lineHeight","paddingVertical","description","actions","buttons","button","marginVertical","flexDirection","borderRadius","overflow","ctaQRCode","backgroundColor","colors","cta","ctaQRCodeText","marginLeft","color","qrCodeIcon","fill","height","ctaReceiveMail","ctaReceiveMailText","mailIcon","help","titleHelp","ctaHelp","textDecorationLine","Welcome","props","locales","onDemoPress","onDesktopButtonPress","onHelpPress","onMobileButtonPress","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet"],"sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport {\n  NovaCompositionCoorpacademyLogoCoorp as LogoCoorp,\n  NovaCompositionCoorpacademyQrCode as QrCodeIcon,\n  NovaCompositionCoorpacademyEmail as MailIcon\n} from '@coorpacademy/nova-icons';\nimport Touchable from '../../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../app-review/template-context';\nimport {Theme} from '../../../variables/theme.native';\n\ntype StyleSheetType = {\n  wrapper: ViewStyle;\n  logo: ViewStyle;\n  content: ViewStyle;\n  gradient: ViewStyle;\n  gradient2: ViewStyle;\n  title: TextStyle;\n  description: TextStyle;\n  actions: ViewStyle;\n  buttons: ViewStyle;\n  button: ViewStyle;\n  qrCodeIcon: ViewStyle;\n  mailIcon: ViewStyle;\n  ctaQRCode: ViewStyle;\n  ctaQRCodeText: TextStyle;\n  ctaReceiveMail: ViewStyle;\n  ctaReceiveMailText: TextStyle;\n  help: ViewStyle;\n  titleHelp: TextStyle;\n  ctaHelp: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    wrapper: {\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      flex: 1,\n      justifyContent: 'space-around',\n      alignItems: 'center',\n      paddingHorizontal: 24\n    },\n    content: {\n      width: '100%',\n      alignItems: 'flex-start'\n    },\n    gradient: {\n      position: 'absolute',\n      top: -100,\n      bottom: 0,\n      left: -180,\n      right: 0,\n      opacity: 1,\n      transform: [{rotate: '35deg'}]\n    },\n    gradient2: {\n      position: 'absolute',\n      top: -80,\n      bottom: 0,\n      left: 0,\n      right: -200,\n      opacity: 0.5,\n      transform: [{rotate: '-35deg'}]\n    },\n    logo: {\n      padding: 100\n    },\n    title: {\n      fontWeight: '600',\n      fontSize: 28,\n      lineHeight: 36,\n      paddingVertical: 8\n    },\n    description: {\n      fontSize: 18,\n      lineHeight: 24,\n      paddingVertical: 8\n    },\n    actions: {\n      width: '100%'\n    },\n    buttons: {\n      paddingVertical: 20,\n      alignItems: 'center'\n    },\n    button: {\n      paddingVertical: 12,\n      marginVertical: 4,\n      width: '100%',\n      flexDirection: 'row',\n      justifyContent: 'center',\n      borderRadius: 12,\n      alignItems: 'center',\n      overflow: 'hidden'\n    },\n    ctaQRCode: {\n      backgroundColor: theme.colors.cta\n    },\n    ctaQRCodeText: {\n      marginLeft: 8,\n      color: '#fff',\n      fontWeight: '700',\n      fontSize: 14,\n      lineHeight: 24\n    },\n    qrCodeIcon: {\n      fill: '#fff',\n      height: 14,\n      width: 14\n    },\n    ctaReceiveMail: {\n      backgroundColor: '#eaeaeb'\n    },\n    ctaReceiveMailText: {\n      marginLeft: 8,\n      color: '#1D1D2B',\n      fontWeight: '700',\n      fontSize: 14,\n      lineHeight: 24\n    },\n    mailIcon: {\n      fill: '#1D1D2B',\n      height: 12,\n      width: 16\n    },\n    help: {\n      flexDirection: 'row',\n      justifyContent: 'center'\n    },\n    titleHelp: {\n      color: '#9999A8'\n    },\n    ctaHelp: {\n      marginLeft: 5,\n      textDecorationLine: 'underline',\n      color: '#9999A8'\n    }\n  });\n\nexport type Props = {\n  onDemoPress: () => void;\n  onDesktopButtonPress: () => void;\n  onHelpPress: () => void;\n  onMobileButtonPress: () => void;\n  locales: {\n    title: string;\n    description: string;\n    ctaQRCode: string;\n    ctaReceiveMail: string;\n    titleHelp: string;\n    ctaHelp: string;\n  };\n};\n\nconst Welcome = (props: Props) => {\n  const {locales, onDemoPress, onDesktopButtonPress, onHelpPress, onMobileButtonPress} = props;\n  const {theme} = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.wrapper} testID=\"welcome\">\n      <LinearGradient\n        colors={['#0061FF', '#fff']}\n        locations={[0, 0.3]}\n        style={styleSheet.gradient}\n      />\n      <LinearGradient\n        colors={['#2199AB', '#fff']}\n        locations={[0, 0.3]}\n        style={styleSheet.gradient2}\n      />\n      <Touchable onLongPress={onDemoPress} style={styleSheet.logo}>\n        <LogoCoorp fill={theme.colors.cta} width={77} height={75} />\n      </Touchable>\n      <View style={styleSheet.content}>\n        <Text style={styleSheet.title}>{locales.title}</Text>\n        <Text style={styleSheet.description}>{locales.description}</Text>\n\n        <View style={styleSheet.actions}>\n          <View style={styleSheet.buttons}>\n            <Touchable\n              style={[styleSheet.button, styleSheet.ctaQRCode]}\n              onPress={onDesktopButtonPress}\n            >\n              <QrCodeIcon style={styleSheet.qrCodeIcon} />\n              <Text style={styleSheet.ctaQRCodeText}>{locales.ctaQRCode}</Text>\n            </Touchable>\n            <Touchable\n              style={[styleSheet.button, styleSheet.ctaReceiveMail]}\n              onPress={onMobileButtonPress}\n            >\n              <MailIcon style={styleSheet.mailIcon} />\n              <Text style={styleSheet.ctaReceiveMailText}>{locales.ctaReceiveMail}</Text>\n            </Touchable>\n          </View>\n          <Touchable onPress={onHelpPress} style={styleSheet.help}>\n            <Text style={styleSheet.titleHelp}>{locales.titleHelp}</Text>\n            <Text style={styleSheet.ctaHelp}>{locales.ctaHelp}</Text>\n          </Touchable>\n        </View>\n      </View>\n    </View>\n  );\n};\n\nexport default Welcome;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.13.7-alpha.9+06a232bd0",
+  "version": "11.14.1-alpha.2+48fcaab8c6",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -56,7 +56,7 @@
     "Soualmi Djamel <djamel.soualmi@coorpacademy.com>"
   ],
   "dependencies": {
-    "@coorpacademy/nova-icons": "4.1.6",
+    "@coorpacademy/nova-icons": "4.2.0",
     "@coorpacademy/react-native-animation": "1.0.3",
     "@jwplayer/jwplayer-react": "^1.1.0",
     "@types/react": "^17.0.50",
@@ -166,5 +166,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "06a232bd0ef92ade0d9c2936b1ec878bfb5c1fbb"
+  "gitHead": "48fcaab8c639941f7e8693ef20905550ff72724a"
 }

package/es/atom/form-text-input/index.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-import { FormTextInputProps } from './prop-types';
-declare const FormTextInput: {
-    ({ "aria-label": ariaLabel, autocomplete, "data-testid": dataTestid, disabled, hint, inputClassName, isRequired, isValid, label, maxlength, name, onChange, passwordValidator, placeholder, type, value, equals, wrapperClassName }: FormTextInputProps): JSX.Element;
-    propTypes: {
-        'aria-label': import("prop-types").Requireable<string>;
-        autocomplete: import("prop-types").Requireable<string>;
-        'data-testid': import("prop-types").Requireable<string>;
-        disabled: import("prop-types").Requireable<boolean>;
-        equals: import("prop-types").Requireable<NonNullable<string | number | null | undefined>>;
-        hint: import("prop-types").Requireable<string>;
-        inputClassName: import("prop-types").Requireable<string>;
-        isRequired: import("prop-types").Requireable<boolean>;
-        isValid: import("prop-types").Requireable<boolean>;
-        label: import("prop-types").Requireable<string>;
-        maxlength: import("prop-types").Requireable<number>;
-        name: import("prop-types").Requireable<string>;
-        onChange: import("prop-types").Requireable<(...args: any[]) => any>;
-        passwordValidator: import("prop-types").Requireable<(...args: any[]) => any>;
-        placeholder: import("prop-types").Requireable<string>;
-        type: import("prop-types").Requireable<string>;
-        value: import("prop-types").Requireable<NonNullable<string | number | null | undefined>>;
-        wrapperClassName: import("prop-types").Requireable<string>;
-    };
-};
-export default FormTextInput;
-//# sourceMappingURL=index.d.ts.map

package/es/atom/form-text-input/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/form-text-input/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAa,kBAAkB,EAAY,MAAM,cAAc,CAAC;AAkBlF,QAAA,MAAM,aAAa;yOAmBhB,kBAAkB;;;;;;;;;;;;;;;;;;;;;CA4DpB,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/es/atom/form-text-input/index.js

@@ -1,96 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React, { useCallback, useMemo } from 'react';
-import classnames from 'classnames';
-import isEmpty from 'lodash/fp/isEmpty';
-import isEqual from 'lodash/fp/isEqual';
-import noop from 'lodash/fp/noop';
-import propTypes, { TextInput } from './prop-types';
-import style from './style.css';
-
-const validate = (fieldValue, fieldEqualsValue) => {
-  return isEqual(fieldValue, fieldEqualsValue);
-};
-
-const VALID_EMAIL_PATTERN = /[a-z0-9!#$%&'*+=?^_`{|}~-]+(?:.[a-z0-9!#$%&'*+=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/;
-
-const validatePattern = (fieldValue, pattern) => {
-  return pattern.test(fieldValue);
-};
-
-const DEFAULT_MAX_LENGTH = 150;
-
-const isEqualsDefined = equals => !isEmpty(equals);
-
-const FormTextInput = ({
-  'aria-label': ariaLabel,
-  autocomplete,
-  'data-testid': dataTestid = 'form-text-input',
-  disabled,
-  hint,
-  inputClassName,
-  isRequired,
-  isValid,
-  label,
-  maxlength = DEFAULT_MAX_LENGTH,
-  name,
-  onChange = noop,
-  passwordValidator = () => false,
-  placeholder,
-  type = 'default',
-  value,
-  equals,
-  wrapperClassName
-}) => {
-  const isDefaultType = useMemo(() => !type || type === TextInput.default, [type]);
-  const isPasswordInput = useMemo(() => type === TextInput.password || type === TextInput.passwordConfirmation, [type]);
-  const isEmailInput = useMemo(() => type === TextInput.email, [type]);
-  const handleInputChange = useCallback(event => {
-    const newInput = event.target.value;
-    const isNewValueValid = !isEqualsDefined(equals) || validate(newInput, equals);
-    const validPattern = !isEmailInput || validatePattern(newInput, VALID_EMAIL_PATTERN);
-    const isPasswordCompliant = !isPasswordInput || passwordValidator(newInput);
-    const checkResult = isPasswordCompliant && isNewValueValid && validPattern;
-    onChange(newInput, checkResult);
-  }, [equals, isEmailInput, isPasswordInput, onChange, passwordValidator]);
-  const fieldLabel = useMemo(() => `${label} ${isRequired ? '*' : ''}`, [isRequired, label]);
-  const errorStyle = useMemo(() => isValid ? undefined : {
-    border: '2px solid rgb(247, 63, 82)'
-  }, [isValid]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames(style.wrapper, wrapperClassName)
-  }, /*#__PURE__*/React.createElement("label", {
-    className: style.formLabel,
-    htmlFor: name
-  }, fieldLabel), /*#__PURE__*/React.createElement("input", _extends({}, !isPasswordInput && !isEmailInput && {
-    maxLength: maxlength
-  }, isEmailInput && {
-    autoCapitalize: 'none'
-  }, isRequired && {
-    required: true
-  }, !isValid && {
-    'aria-invalid': true
-  }, {
-    type: isDefaultType ? 'text' : type,
-    "aria-label": ariaLabel,
-    autoComplete: isDefaultType ? 'on' : autocomplete,
-    autoCorrect: 'off',
-    className: classnames(style.textInput, inputClassName),
-    "data-testid": dataTestid,
-    disabled: disabled,
-    id: name,
-    name: name,
-    onInput: handleInputChange,
-    placeholder: placeholder,
-    value: value,
-    style: errorStyle
-  })), /*#__PURE__*/React.createElement("div", {
-    className: style.hintWrapper
-  }, /*#__PURE__*/React.createElement("span", {
-    className: style.hint
-  }, hint)));
-};
-
-FormTextInput.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
-export default FormTextInput;
-//# sourceMappingURL=index.js.map

package/es/atom/form-text-input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","classnames","isEmpty","isEqual","noop","propTypes","TextInput","style","validate","fieldValue","fieldEqualsValue","VALID_EMAIL_PATTERN","validatePattern","pattern","test","DEFAULT_MAX_LENGTH","isEqualsDefined","equals","FormTextInput","ariaLabel","autocomplete","dataTestid","disabled","hint","inputClassName","isRequired","isValid","label","maxlength","name","onChange","passwordValidator","placeholder","type","value","wrapperClassName","isDefaultType","default","isPasswordInput","password","passwordConfirmation","isEmailInput","email","handleInputChange","event","newInput","target","isNewValueValid","validPattern","isPasswordCompliant","checkResult","fieldLabel","errorStyle","undefined","border","wrapper","formLabel","maxLength","autoCapitalize","required","textInput","hintWrapper"],"sources":["../../../src/atom/form-text-input/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo, FormEvent} from 'react';\nimport classnames from 'classnames';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport isEqual from 'lodash/fp/isEqual';\nimport noop from 'lodash/fp/noop';\nimport propTypes, {FieldValue, FormTextInputProps, TextInput} from './prop-types';\nimport style from './style.css';\n\nconst validate = (fieldValue: FieldValue, fieldEqualsValue: FieldValue) => {\n  return isEqual(fieldValue, fieldEqualsValue);\n};\n\nconst VALID_EMAIL_PATTERN =\n  /[a-z0-9!#$%&'*+=?^_`{|}~-]+(?:.[a-z0-9!#$%&'*+=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/;\n\nconst validatePattern = (fieldValue: string, pattern: RegExp) => {\n  return pattern.test(fieldValue);\n};\n\nconst DEFAULT_MAX_LENGTH = 150;\n\nconst isEqualsDefined = (equals: FieldValue | undefined): equals is FieldValue => !isEmpty(equals);\n\nconst FormTextInput = ({\n  'aria-label': ariaLabel,\n  autocomplete,\n  'data-testid': dataTestid = 'form-text-input',\n  disabled,\n  hint,\n  inputClassName,\n  isRequired,\n  isValid,\n  label,\n  maxlength = DEFAULT_MAX_LENGTH,\n  name,\n  onChange = noop,\n  passwordValidator = () => false,\n  placeholder,\n  type = 'default',\n  value,\n  equals,\n  wrapperClassName\n}: FormTextInputProps) => {\n  const isDefaultType = useMemo(() => !type || type === TextInput.default, [type]);\n\n  const isPasswordInput = useMemo(\n    () => type === TextInput.password || type === TextInput.passwordConfirmation,\n    [type]\n  );\n\n  const isEmailInput = useMemo(() => type === TextInput.email, [type]);\n\n  const handleInputChange = useCallback(\n    (event: FormEvent<HTMLInputElement>) => {\n      const newInput: FieldValue = (event.target as HTMLInputElement).value;\n      const isNewValueValid = !isEqualsDefined(equals) || validate(newInput, equals);\n      const validPattern = !isEmailInput || validatePattern(newInput, VALID_EMAIL_PATTERN);\n      const isPasswordCompliant = !isPasswordInput || passwordValidator(newInput);\n\n      const checkResult = isPasswordCompliant && isNewValueValid && validPattern;\n\n      onChange(newInput, checkResult);\n    },\n    [equals, isEmailInput, isPasswordInput, onChange, passwordValidator]\n  );\n\n  const fieldLabel = useMemo(() => `${label} ${isRequired ? '*' : ''}`, [isRequired, label]);\n\n  const errorStyle = useMemo(\n    () => (isValid ? undefined : {border: '2px solid rgb(247, 63, 82)'}),\n    [isValid]\n  );\n\n  return (\n    <div className={classnames(style.wrapper, wrapperClassName)}>\n      <label className={style.formLabel} htmlFor={name}>\n        {fieldLabel}\n      </label>\n      <input\n        {...(!isPasswordInput && !isEmailInput && {maxLength: maxlength})}\n        {...(isEmailInput && {autoCapitalize: 'none'})}\n        {...(isRequired && {required: true})}\n        {...(!isValid && {'aria-invalid': true})}\n        type={isDefaultType ? 'text' : type}\n        aria-label={ariaLabel}\n        autoComplete={isDefaultType ? 'on' : autocomplete}\n        autoCorrect={'off'}\n        className={classnames(style.textInput, inputClassName)}\n        data-testid={dataTestid}\n        disabled={disabled}\n        id={name}\n        name={name}\n        onInput={handleInputChange}\n        placeholder={placeholder}\n        value={value}\n        style={errorStyle}\n      />\n      <div className={style.hintWrapper}>\n        <span className={style.hint}>{hint}</span>\n      </div>\n    </div>\n  );\n};\n\nFormTextInput.propTypes = propTypes;\n\nexport default FormTextInput;\n"],"mappings":"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"}

package/es/atom/form-text-input/prop-types.d.ts

@@ -1,56 +0,0 @@
-import PropTypes from 'prop-types';
-export declare const TextInput: {
-    readonly country: "country";
-    readonly email: "email";
-    readonly firstName: "firstName";
-    readonly lastName: "lastName";
-    readonly language: "language";
-    readonly login: "login";
-    readonly password: "password";
-    readonly passwordConfirmation: "passwordConfirmation";
-    readonly default: "default";
-};
-declare const propTypes: {
-    'aria-label': PropTypes.Requireable<string>;
-    autocomplete: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    disabled: PropTypes.Requireable<boolean>;
-    equals: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-    hint: PropTypes.Requireable<string>;
-    inputClassName: PropTypes.Requireable<string>;
-    isRequired: PropTypes.Requireable<boolean>;
-    isValid: PropTypes.Requireable<boolean>;
-    label: PropTypes.Requireable<string>;
-    maxlength: PropTypes.Requireable<number>;
-    name: PropTypes.Requireable<string>;
-    onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    passwordValidator: PropTypes.Requireable<(...args: any[]) => any>;
-    placeholder: PropTypes.Requireable<string>;
-    type: PropTypes.Requireable<string>;
-    value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-    wrapperClassName: PropTypes.Requireable<string>;
-};
-declare type TextInputType = keyof typeof TextInput;
-export declare type FieldValue = string | number;
-export declare type FormTextInputProps = {
-    'aria-label'?: string;
-    autocomplete?: string;
-    'data-testid'?: string;
-    disabled?: boolean;
-    equals?: FieldValue;
-    hint?: string;
-    inputClassName?: string | null;
-    isRequired?: boolean;
-    isValid?: boolean;
-    label: string;
-    maxlength?: number;
-    name: string;
-    onChange?: (value: FieldValue, isValid?: boolean) => void;
-    passwordValidator?: (password: string) => boolean;
-    placeholder?: string;
-    type?: TextInputType;
-    value: FieldValue;
-    wrapperClassName?: string | null;
-};
-export default propTypes;
-//# sourceMappingURL=prop-types.d.ts.map

package/es/atom/form-text-input/prop-types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/form-text-input/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;CAUZ,CAAC;AAEX,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAmBd,CAAC;AAEF,aAAK,aAAa,GAAG,MAAM,OAAO,SAAS,CAAC;AAE5C,oBAAY,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAEzC,oBAAY,kBAAkB,GAAG;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,UAAU,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/atom/form-text-input/prop-types.js

@@ -1,35 +0,0 @@
-import PropTypes from 'prop-types';
-import keys from 'lodash/fp/keys';
-export const TextInput = {
-  country: 'country',
-  email: 'email',
-  firstName: 'firstName',
-  lastName: 'lastName',
-  language: 'language',
-  login: 'login',
-  password: 'password',
-  passwordConfirmation: 'passwordConfirmation',
-  default: 'default'
-};
-const propTypes = {
-  'aria-label': PropTypes.string,
-  autocomplete: PropTypes.string,
-  'data-testid': PropTypes.string,
-  disabled: PropTypes.bool,
-  equals: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  hint: PropTypes.string,
-  inputClassName: PropTypes.string,
-  isRequired: PropTypes.bool,
-  isValid: PropTypes.bool,
-  label: PropTypes.string,
-  maxlength: PropTypes.number,
-  name: PropTypes.string,
-  onChange: PropTypes.func,
-  passwordValidator: PropTypes.func,
-  placeholder: PropTypes.string,
-  type: PropTypes.oneOf(keys(TextInput)),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  wrapperClassName: PropTypes.string
-};
-export default propTypes;
-//# sourceMappingURL=prop-types.js.map

package/es/atom/form-text-input/prop-types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","keys","TextInput","country","email","firstName","lastName","language","login","password","passwordConfirmation","default","propTypes","string","autocomplete","disabled","bool","equals","oneOfType","number","hint","inputClassName","isRequired","isValid","label","maxlength","name","onChange","func","passwordValidator","placeholder","type","oneOf","value","wrapperClassName"],"sources":["../../../src/atom/form-text-input/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport keys from 'lodash/fp/keys';\n\nexport const TextInput = {\n  country: 'country',\n  email: 'email',\n  firstName: 'firstName',\n  lastName: 'lastName',\n  language: 'language',\n  login: 'login',\n  password: 'password',\n  passwordConfirmation: 'passwordConfirmation',\n  default: 'default'\n} as const;\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  autocomplete: PropTypes.string,\n  'data-testid': PropTypes.string,\n  disabled: PropTypes.bool,\n  equals: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  hint: PropTypes.string,\n  inputClassName: PropTypes.string,\n  isRequired: PropTypes.bool,\n  isValid: PropTypes.bool,\n  label: PropTypes.string,\n  maxlength: PropTypes.number,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  passwordValidator: PropTypes.func,\n  placeholder: PropTypes.string,\n  type: PropTypes.oneOf(keys(TextInput)),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  wrapperClassName: PropTypes.string\n};\n\ntype TextInputType = keyof typeof TextInput;\n\nexport type FieldValue = string | number;\n\nexport type FormTextInputProps = {\n  'aria-label'?: string;\n  autocomplete?: string;\n  'data-testid'?: string;\n  disabled?: boolean;\n  equals?: FieldValue;\n  hint?: string;\n  inputClassName?: string | null;\n  isRequired?: boolean;\n  isValid?: boolean;\n  label: string;\n  maxlength?: number;\n  name: string;\n  onChange?: (value: FieldValue, isValid?: boolean) => void;\n  passwordValidator?: (password: string) => boolean;\n  placeholder?: string;\n  type?: TextInputType;\n  value: FieldValue;\n  wrapperClassName?: string | null;\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,OAAO,EAAE,SADc;EAEvBC,KAAK,EAAE,OAFgB;EAGvBC,SAAS,EAAE,WAHY;EAIvBC,QAAQ,EAAE,UAJa;EAKvBC,QAAQ,EAAE,UALa;EAMvBC,KAAK,EAAE,OANgB;EAOvBC,QAAQ,EAAE,UAPa;EAQvBC,oBAAoB,EAAE,sBARC;EASvBC,OAAO,EAAE;AATc,CAAlB;AAYP,MAAMC,SAAS,GAAG;EAChB,cAAcZ,SAAS,CAACa,MADR;EAEhBC,YAAY,EAAEd,SAAS,CAACa,MAFR;EAGhB,eAAeb,SAAS,CAACa,MAHT;EAIhBE,QAAQ,EAAEf,SAAS,CAACgB,IAJJ;EAKhBC,MAAM,EAAEjB,SAAS,CAACkB,SAAV,CAAoB,CAAClB,SAAS,CAACa,MAAX,EAAmBb,SAAS,CAACmB,MAA7B,CAApB,CALQ;EAMhBC,IAAI,EAAEpB,SAAS,CAACa,MANA;EAOhBQ,cAAc,EAAErB,SAAS,CAACa,MAPV;EAQhBS,UAAU,EAAEtB,SAAS,CAACgB,IARN;EAShBO,OAAO,EAAEvB,SAAS,CAACgB,IATH;EAUhBQ,KAAK,EAAExB,SAAS,CAACa,MAVD;EAWhBY,SAAS,EAAEzB,SAAS,CAACmB,MAXL;EAYhBO,IAAI,EAAE1B,SAAS,CAACa,MAZA;EAahBc,QAAQ,EAAE3B,SAAS,CAAC4B,IAbJ;EAchBC,iBAAiB,EAAE7B,SAAS,CAAC4B,IAdb;EAehBE,WAAW,EAAE9B,SAAS,CAACa,MAfP;EAgBhBkB,IAAI,EAAE/B,SAAS,CAACgC,KAAV,CAAgB/B,IAAI,CAACC,SAAD,CAApB,CAhBU;EAiBhB+B,KAAK,EAAEjC,SAAS,CAACkB,SAAV,CAAoB,CAAClB,SAAS,CAACa,MAAX,EAAmBb,SAAS,CAACmB,MAA7B,CAApB,CAjBS;EAkBhBe,gBAAgB,EAAElC,SAAS,CAACa;AAlBZ,CAAlB;AA8CA,eAAeD,SAAf"}