@coorpacademy/components 11.40.14-alpha.9 → 11.40.14-react18.80

package/es/atom/input-select/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { WebContextValues } from '../provider/web-context';
 import type { InputSelectProps } from './types';
 declare const InputSelect: {
-    (props: InputSelectProps, context: WebContextValues): JSX.Element;
+    (props: InputSelectProps, context: WebContextValues): React.JSX.Element;
     propTypes: {
         options: import("prop-types").Validator<Required<import("prop-types").InferProps<{
             value: import("prop-types").Validator<string>;

package/es/atom/input-select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-select/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AAGzD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAK9C,QAAA,MAAM,WAAW;YAAW,gBAAgB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyHtE,CAAC;AAMF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AAGzD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAK9C,QAAA,MAAM,WAAW;YAAW,gBAAgB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyHtE,CAAC;AAMF,eAAe,WAAW,CAAC"}

package/es/atom/input-switch/index.d.ts

@@ -1,5 +1,5 @@
 export default InputSwitch;
-declare function InputSwitch(props: any, context: any): JSX.Element;
+declare function InputSwitch(props: any): React.JSX.Element;
 declare namespace InputSwitch {
     const propTypes: {
         title: PropTypes.Requireable<string>;
@@ -19,29 +19,7 @@ declare namespace InputSwitch {
         requiredSelection: PropTypes.Requireable<boolean>;
         icon: PropTypes.Requireable<string>;
     };
-    namespace contextTypes {
-        const skin: PropTypes.Requireable<PropTypes.InferProps<{
-            common: PropTypes.Requireable<{
-                [x: string]: any;
-            }>;
-            images: PropTypes.Requireable<PropTypes.InferProps<{
-                'logo-mobile': PropTypes.Requireable<any>;
-                logo: PropTypes.Requireable<any>;
-                'logo-email': PropTypes.Requireable<any>;
-                login: PropTypes.Requireable<any>;
-            }>>;
-            icons: PropTypes.Requireable<{
-                [x: string]: any;
-            }>;
-            mod: PropTypes.Requireable<{
-                [x: string]: any;
-            }>;
-            courses: PropTypes.Requireable<any[]>;
-            texts: PropTypes.Requireable<{
-                [x: string]: any;
-            }>;
-        }>>;
-    }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/input-switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-switch/index.js"],"names":[],"mappings":";AAUA,oEAqGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-switch/index.js"],"names":[],"mappings":";AAQA,4DAmGC"}

package/es/atom/input-switch/index.js

@@ -1,16 +1,13 @@
 import _uniqueId from "lodash/fp/uniqueId";
 import _noop from "lodash/fp/noop";
-import _getOr from "lodash/fp/getOr";
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import classNames from 'classnames';
 import getClassState from '../../util/get-class-state';
-import { COLORS } from '../../variables/colors';
-import Provider from '../provider';
 import style from './style.css';
-const InputSwitch = (props, context) => {
+const InputSwitch = props => {
   const {
     title,
     name,
@@ -29,10 +26,6 @@ const InputSwitch = (props, context) => {
     'aria-label': ariaLabel,
     icon
   } = props;
-  const {
-    skin
-  } = context;
-  const primaryColor = _getOr(COLORS.cm_primary_blue, 'common.primary', skin);
   const idSwitch = id || _uniqueId('input-switch-');
   const isDisabled = disabled ? 'disabled' : '';
   const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);
@@ -104,11 +97,7 @@ const InputSwitch = (props, context) => {
     "data-name": "input-switch-label",
     tabIndex: 0,
     "aria-label": ariaLabel,
-    title: ariaLabel,
-    style: value ? {
-      background: primaryColor,
-      borderColor: primaryColor
-    } : null
+    title: ariaLabel
   }))), /*#__PURE__*/React.createElement("div", {
     className: !details ? style.alignedTextContainer : null
   }, titlePosition === 'right' ? titleView : null, details ? /*#__PURE__*/React.createElement("div", {
@@ -133,8 +122,5 @@ InputSwitch.propTypes = process.env.NODE_ENV !== "production" ? {
   requiredSelection: PropTypes.bool,
   icon: PropTypes.string
 } : {};
-InputSwitch.contextTypes = {
-  skin: Provider.childContextTypes.skin
-};
 export default InputSwitch;
 //# sourceMappingURL=index.js.map

package/es/atom/input-switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","FontAwesomeIcon","classNames","getClassState","COLORS","Provider","style","InputSwitch","props","context","title","name","id","value","disabled","onChange","_noop","description","modified","theme","titlePosition","details","requiredSelection","dataName","ariaLabelledBy","ariaLabel","icon","skin","primaryColor","_getOr","cm_primary_blue","idSwitch","_uniqueId","isDisabled","handleChange","e","target","checked","titleView","createElement","className","titleContainer","newMoocTitleContainer","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","newMooc","newMoocModified","partielUncheck","defaultStyle","btnSwitchContainer","_extends","type","checkbox","htmlFor","tabIndex","background","borderColor","alignedTextContainer","detailsTxt","propTypes","process","env","NODE_ENV","string","bool","func","oneOf","contextTypes","childContextTypes"],"sources":["../../../src/atom/input-switch/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, noop, uniqueId} from 'lodash/fp';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport classNames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport {COLORS} from '../../variables/colors';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst InputSwitch = (props, context) => {\n  const {\n    title,\n    name,\n    id,\n    value,\n    disabled,\n    onChange = noop,\n    description,\n    modified = false,\n    theme = 'default',\n    titlePosition = 'left',\n    details = '',\n    requiredSelection = false,\n    'data-name': dataName,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-label': ariaLabel,\n    icon\n  } = props;\n  const {skin} = context;\n  const primaryColor = getOr(COLORS.cm_primary_blue, 'common.primary', skin);\n  const idSwitch = id || uniqueId('input-switch-');\n  const isDisabled = disabled ? 'disabled' : '';\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n  const titleView = title ? (\n    <div\n      className={classNames(\n        icon ? style.titleContainer : null,\n        theme === 'newMooc' ? style.newMoocTitleContainer : null\n      )}\n    >\n      {icon ? <FontAwesomeIcon icon={icon} className={style.icon} /> : null}\n      <span id={`title-view-${dataName}`} className={style.title}>\n        {title}\n      </span>\n    </div>\n  ) : null;\n\n  const descriptionView = description ? (\n    <div className={style.description}>{description}</div>\n  ) : null;\n\n  const getClass = () => {\n    switch (theme) {\n      case 'coorpmanager':\n        return {\n          defaultClass: style.coorpmanager,\n          modifiedClass: style.coorpmanagerModified\n        };\n      case 'newMooc':\n        return {\n          defaultClass: style.newMooc,\n          modifiedClass: style.newMoocModified\n        };\n      case 'mooc':\n        return {\n          defaultClass: style.partielUncheck,\n          modifiedClass: style.coorpmanagerModified\n        };\n      default:\n        return {defaultClass: style.defaultStyle, modifiedClass: style.modified};\n    }\n  };\n  const {defaultClass, modifiedClass} = getClass();\n  const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n  return (\n    <div className={className} data-name={`switch-input-${theme}${dataName}`}>\n      {titlePosition === 'left' ? titleView : null}\n      <div className={requiredSelection ? style.requiredSelection : null}>\n        <div className={style.btnSwitchContainer}>\n          <input\n            {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n            {...(title ? {'aria-labelledby': `title-view-${dataName}`} : {})}\n            {...(ariaLabel && !ariaLabelledBy && !title ? {'aria-label': ariaLabel} : {})}\n            type=\"checkbox\"\n            id={idSwitch}\n            name={name}\n            onChange={handleChange}\n            checked={value}\n            disabled={isDisabled}\n            className={style.checkbox}\n            aria-labelledby={ariaLabelledBy}\n          />\n          <label\n            htmlFor={idSwitch}\n            data-name=\"input-switch-label\"\n            tabIndex={0}\n            aria-label={ariaLabel}\n            title={ariaLabel}\n            style={value ? {background: primaryColor, borderColor: primaryColor} : null}\n          />\n        </div>\n      </div>\n      <div className={!details ? style.alignedTextContainer : null}>\n        {titlePosition === 'right' ? titleView : null}\n        {details ? <div className={style.detailsTxt}>{details}</div> : null}\n      </div>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputSwitch.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  id: PropTypes.string,\n  value: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  'aria-labelledby': PropTypes.string,\n  'aria-label': PropTypes.string,\n  modified: PropTypes.bool,\n  titlePosition: PropTypes.oneOf(['right', 'left']),\n  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc', 'newMooc']),\n  details: PropTypes.string,\n  'data-name': PropTypes.string,\n  requiredSelection: PropTypes.bool,\n  icon: PropTypes.string\n};\n\nInputSwitch.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default InputSwitch;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","FontAwesomeIcon","classNames","getClassState","style","InputSwitch","props","title","name","id","value","disabled","onChange","_noop","description","modified","theme","titlePosition","details","requiredSelection","dataName","ariaLabelledBy","ariaLabel","icon","idSwitch","_uniqueId","isDisabled","handleChange","e","target","checked","titleView","createElement","className","titleContainer","newMoocTitleContainer","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","newMooc","newMoocModified","partielUncheck","defaultStyle","btnSwitchContainer","_extends","type","checkbox","htmlFor","tabIndex","alignedTextContainer","detailsTxt","propTypes","process","env","NODE_ENV","string","bool","func","oneOf"],"sources":["../../../src/atom/input-switch/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport classNames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n  const {\n    title,\n    name,\n    id,\n    value,\n    disabled,\n    onChange = noop,\n    description,\n    modified = false,\n    theme = 'default',\n    titlePosition = 'left',\n    details = '',\n    requiredSelection = false,\n    'data-name': dataName,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-label': ariaLabel,\n    icon\n  } = props;\n\n  const idSwitch = id || uniqueId('input-switch-');\n  const isDisabled = disabled ? 'disabled' : '';\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n  const titleView = title ? (\n    <div\n      className={classNames(\n        icon ? style.titleContainer : null,\n        theme === 'newMooc' ? style.newMoocTitleContainer : null\n      )}\n    >\n      {icon ? <FontAwesomeIcon icon={icon} className={style.icon} /> : null}\n      <span id={`title-view-${dataName}`} className={style.title}>\n        {title}\n      </span>\n    </div>\n  ) : null;\n\n  const descriptionView = description ? (\n    <div className={style.description}>{description}</div>\n  ) : null;\n\n  const getClass = () => {\n    switch (theme) {\n      case 'coorpmanager':\n        return {\n          defaultClass: style.coorpmanager,\n          modifiedClass: style.coorpmanagerModified\n        };\n      case 'newMooc':\n        return {\n          defaultClass: style.newMooc,\n          modifiedClass: style.newMoocModified\n        };\n      case 'mooc':\n        return {\n          defaultClass: style.partielUncheck,\n          modifiedClass: style.coorpmanagerModified\n        };\n      default:\n        return {defaultClass: style.defaultStyle, modifiedClass: style.modified};\n    }\n  };\n  const {defaultClass, modifiedClass} = getClass();\n  const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n  return (\n    <div className={className} data-name={`switch-input-${theme}${dataName}`}>\n      {titlePosition === 'left' ? titleView : null}\n      <div className={requiredSelection ? style.requiredSelection : null}>\n        <div className={style.btnSwitchContainer}>\n          <input\n            {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n            {...(title ? {'aria-labelledby': `title-view-${dataName}`} : {})}\n            {...(ariaLabel && !ariaLabelledBy && !title ? {'aria-label': ariaLabel} : {})}\n            type=\"checkbox\"\n            id={idSwitch}\n            name={name}\n            onChange={handleChange}\n            checked={value}\n            disabled={isDisabled}\n            className={style.checkbox}\n            aria-labelledby={ariaLabelledBy}\n          />\n          <label\n            htmlFor={idSwitch}\n            data-name=\"input-switch-label\"\n            tabIndex={0}\n            aria-label={ariaLabel}\n            title={ariaLabel}\n          />\n        </div>\n      </div>\n      <div className={!details ? style.alignedTextContainer : null}>\n        {titlePosition === 'right' ? titleView : null}\n        {details ? <div className={style.detailsTxt}>{details}</div> : null}\n      </div>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputSwitch.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  id: PropTypes.string,\n  value: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  'aria-labelledby': PropTypes.string,\n  'aria-label': PropTypes.string,\n  modified: PropTypes.bool,\n  titlePosition: PropTypes.oneOf(['right', 'left']),\n  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc', 'newMooc']),\n  details: PropTypes.string,\n  'data-name': PropTypes.string,\n  requiredSelection: PropTypes.bool,\n  icon: PropTypes.string\n};\nexport default InputSwitch;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 export default InputText;
-declare function InputText(props: any): JSX.Element;
+declare function InputText(props: any): React.JSX.Element;
 declare namespace InputText {
     const propTypes: {
         autoFocus: PropTypes.Requireable<boolean>;
@@ -22,5 +22,6 @@ declare namespace InputText {
         inputColor: PropTypes.Requireable<boolean>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-text/index.js"],"names":[],"mappings":";AAkBA,oDA+FC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-text/index.js"],"names":[],"mappings":";AAkBA,0DA+FC"}

package/es/atom/input-text-with-title/index.d.ts

@@ -1,5 +1,5 @@
 export default InputTextWithTitle;
-declare function InputTextWithTitle(props: any): JSX.Element;
+declare function InputTextWithTitle(props: any): React.JSX.Element;
 declare namespace InputTextWithTitle {
     const propTypes: {
         inputText: PropTypes.Requireable<PropTypes.InferProps<{
@@ -28,5 +28,6 @@ declare namespace InputTextWithTitle {
         'data-name': PropTypes.Requireable<string>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-text-with-title/index.js"],"names":[],"mappings":";AAKA,6DAYC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-text-with-title/index.js"],"names":[],"mappings":";AAKA,mEAYC"}

package/es/atom/input-textarea/index.d.ts

@@ -1,5 +1,5 @@
 export default InputTextarea;
-declare function InputTextarea(props: any): JSX.Element;
+declare function InputTextarea(props: any): React.JSX.Element;
 declare namespace InputTextarea {
     namespace propTypes {
         const placeholder: PropTypes.Requireable<string>;
@@ -17,5 +17,6 @@ declare namespace InputTextarea {
         const valid: PropTypes.Requireable<boolean>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/input-textarea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-textarea/index.js"],"names":[],"mappings":";AAmBA,wDA0EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-textarea/index.js"],"names":[],"mappings":";AAmBA,8DA0EC"}

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

@@ -1,13 +1,14 @@
 export default Label;
 declare function Label({ children, innerHtml }: {
     children: any;
-    innerHtml?: boolean | undefined;
-}): JSX.Element;
+    innerHtml?: boolean;
+}): React.JSX.Element;
 declare namespace Label {
     namespace propTypes {
         const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         const innerHtml: PropTypes.Requireable<boolean>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/label/index.js"],"names":[],"mappings":";AAMA;;;gBAMC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/label/index.js"],"names":[],"mappings":";AAMA;;;sBAMC"}

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

@@ -1,5 +1,5 @@
 export default Life;
-declare function Life(props: any, context: any): JSX.Element | null;
+declare function Life(props: any, context: any): React.JSX.Element;
 declare namespace Life {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -40,5 +40,6 @@ declare namespace Life {
         const style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/life/index.js"],"names":[],"mappings":";AAuBA,oEAkFC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/life/index.js"],"names":[],"mappings":";AAuBA,mEAkFC"}

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

@@ -1,5 +1,5 @@
 export default Link;
-declare function Link(props: any, legacyContext: any): JSX.Element;
+declare function Link(props: any, legacyContext: any): React.JSX.Element;
 declare namespace Link {
     const propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -47,5 +47,6 @@ declare namespace Link {
         }>>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/link/index.js"],"names":[],"mappings":";AAMA,mEA2EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/link/index.js"],"names":[],"mappings":";AAMA,yEA2EC"}

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

@@ -1,13 +1,14 @@
 export default Loader;
 declare function Loader({ className, theme }: {
     className: any;
-    theme?: string | undefined;
-}): JSX.Element;
+    theme?: string;
+}): React.JSX.Element;
 declare namespace Loader {
     namespace propTypes {
         const className: PropTypes.Requireable<string>;
         const theme: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/loader/index.js"],"names":[],"mappings":";AAMA;;;gBAiBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/loader/index.js"],"names":[],"mappings":";AAMA;;;sBAiBC"}

package/es/atom/loader/index.native.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { ColorValue } from 'react-native';
 export declare type Props = {
     color?: ColorValue;
     height?: number;
     readyToHide: boolean;
 };
-declare const Loader: (props: Props) => JSX.Element | null;
+declare const Loader: (props: Props) => React.JSX.Element;
 export default Loader;
 //# sourceMappingURL=index.native.d.ts.map

package/es/atom/loader/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/loader/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA0C,UAAU,EAAC,MAAM,cAAc,CAAC;AAoCjF,oBAAY,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAKF,QAAA,MAAM,MAAM,UAAW,KAAK,uBAsK3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/loader/index.native.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAA0C,UAAU,EAAC,MAAM,cAAc,CAAC;AAoCjF,oBAAY,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAKF,QAAA,MAAM,MAAM,UAAW,KAAK,sBAsK3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/es/atom/lottie-wrapper/index.d.ts

@@ -1,8 +1,9 @@
 export function fetchAndLoadAnimation(_lottie: any, _fetch: any, animationSrc: any, containerRef: any, loop: any, animationClassnames: any, hideOnTransparent: any, autoplay: any): Promise<any>;
 export default LottieWrapper;
-declare function LottieWrapper(props: any): JSX.Element;
+declare function LottieWrapper(props: any): React.JSX.Element;
 declare namespace LottieWrapper {
     export { propTypes };
 }
+import React from "react";
 import propTypes from "./prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/lottie-wrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/lottie-wrapper/index.js"],"names":[],"mappings":"AAWO,iMAmCN;;AAED,wDAwGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/lottie-wrapper/index.js"],"names":[],"mappings":"AAWO,iMAmCN;;AAED,8DAwGC"}

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

@@ -1,10 +1,11 @@
 export default NotificationComponent;
-declare function NotificationComponent(props: any): JSX.Element;
+declare function NotificationComponent(props: any): React.JSX.Element;
 declare namespace NotificationComponent {
     namespace propTypes {
         const type: PropTypes.Validator<string>;
         const message: PropTypes.Validator<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/notification/index.js"],"names":[],"mappings":";AAWA,gEAWC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/notification/index.js"],"names":[],"mappings":";AAWA,sEAWC"}

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

@@ -1,10 +1,11 @@
 export default Picture;
-declare function Picture(props: any): JSX.Element;
+declare function Picture(props: any): React.JSX.Element;
 declare namespace Picture {
     namespace propTypes {
         const src: PropTypes.Requireable<any>;
         const alt: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/picture/index.js"],"names":[],"mappings":";AA0BA,kDAMC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/picture/index.js"],"names":[],"mappings":";AA0BA,wDAMC"}

package/es/atom/picture-background/index.d.ts

@@ -1,16 +1,17 @@
 export default PictureBackground;
-declare function PictureBackground(props: any): JSX.Element;
+declare function PictureBackground(props: any): React.JSX.Element;
 declare namespace PictureBackground {
     namespace propTypes {
         const view: PropTypes.Requireable<string>;
         const src: PropTypes.Requireable<NonNullable<string | {
-            [x: string]: string | null | undefined;
-        } | null | undefined>>;
+            [x: string]: string;
+        }>>;
         const style: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            [x: string]: NonNullable<string | number>;
         }>;
         const alt: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/picture-background/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/picture-background/index.js"],"names":[],"mappings":";AAWA,4DAwBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/picture-background/index.js"],"names":[],"mappings":";AAWA,kEAwBC"}

package/es/atom/promo-code/index.d.ts

@@ -1,5 +1,5 @@
 export default PromoCode;
-declare function PromoCode(props: any, context: any): JSX.Element;
+declare function PromoCode(props: any, context: any): React.JSX.Element;
 declare namespace PromoCode {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -11,5 +11,6 @@ declare namespace PromoCode {
         const handlePromoCodeChange: PropTypes.Validator<(...args: any[]) => any>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/promo-code/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/promo-code/index.js"],"names":[],"mappings":";AAKA,kEA4BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/promo-code/index.js"],"names":[],"mappings":";AAKA,wEA4BC"}

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

@@ -83,6 +83,7 @@ declare class Provider extends React.Component<any, any, any> {
         translate: any;
         Vimeo: any;
     };
+    render(): any;
 }
 import React from "react";
 import PropTypes from "prop-types";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/provider/index.js"],"names":[],"mappings":";;;AAqGA,4DAMC;AAED,iEAKC;AA1DD;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAQE;IAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAKE;IAEF;;;;MAQC;IAED,sCAKC;IADC;;;;;MAA+D;IAGjE;;;;;MAEC;CAMF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/provider/index.js"],"names":[],"mappings":";;;AAqGA,4DAMC;AAED,iEAKC;AA1DD;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAQE;IAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAKE;IAEF;;;;MAQC;IAED,sCAKC;IADC;;;;;MAA+D;IAGjE;;;;;MAEC;IAED,cAGC;CACF"}

package/es/atom/provider/web-context.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 declare type Skin = {
     common: {
         primary: string;
@@ -11,7 +11,7 @@ export declare type WebContextValues = {
 declare type Props = WebContextValues & {
     children: ReactNode;
 };
-declare const WebContext: ({ children, ...value }: Props) => JSX.Element;
+declare const WebContext: ({ children, ...value }: Props) => React.JSX.Element;
 export declare const useWebContext: () => WebContextValues;
 export default WebContext;
 //# sourceMappingURL=web-context.d.ts.map

package/es/atom/provider/web-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web-context.d.ts","sourceRoot":"","sources":["../../../src/atom/provider/web-context.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,SAAS,EAAa,MAAM,OAAO,CAAC;AAElE,aAAK,IAAI,GAAG;IACV,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;CACpE,CAAC;AAIF,aAAK,KAAK,GAAG,gBAAgB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,UAAU,2BAA0B,KAAK,gBAE9C,CAAC;AAEF,eAAO,MAAM,aAAa,QAAO,gBAQhC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"web-context.d.ts","sourceRoot":"","sources":["../../../src/atom/provider/web-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAa,MAAM,OAAO,CAAC;AAElE,aAAK,IAAI,GAAG;IACV,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;CACpE,CAAC;AAIF,aAAK,KAAK,GAAG,gBAAgB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,UAAU,2BAA0B,KAAK,sBAE9C,CAAC;AAEF,eAAO,MAAM,aAAa,QAAO,gBAQhC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/es/atom/radio-group/index.d.ts

@@ -1,5 +1,5 @@
 export default RadioGroup;
-declare function RadioGroup(props: any, context: any): JSX.Element;
+declare function RadioGroup(props: any, context: any): React.JSX.Element;
 declare namespace RadioGroup {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -28,7 +28,7 @@ declare namespace RadioGroup {
         const color: PropTypes.Requireable<string>;
         const theme: PropTypes.Requireable<string>;
         const className: PropTypes.Requireable<string>;
-        const list: PropTypes.Requireable<(PropTypes.InferProps<{
+        const list: PropTypes.Requireable<PropTypes.InferProps<{
             color: PropTypes.Requireable<string>;
             value: PropTypes.Validator<string>;
             name: PropTypes.Requireable<string>;
@@ -36,9 +36,10 @@ declare namespace RadioGroup {
             checked: PropTypes.Requireable<boolean>;
             label: PropTypes.Requireable<string>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const onChange: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/radio-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-group/index.js"],"names":[],"mappings":";AAcA,mEAgBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-group/index.js"],"names":[],"mappings":";AAcA,yEAgBC"}

package/es/atom/radio-group/item.d.ts

@@ -1,5 +1,5 @@
 export default Item;
-declare function Item(props: any, context: any): JSX.Element;
+declare function Item(props: any, context: any): React.JSX.Element;
 declare namespace Item {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -34,5 +34,6 @@ declare namespace Item {
         const onChange: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=item.d.ts.map

package/es/atom/radio-group/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-group/item.js"],"names":[],"mappings":";AAcA,6DAqCC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-group/item.js"],"names":[],"mappings":";AAcA,mEAqCC"}

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { RadioWithTitleProps } from './types';
 declare const RadioWithTitle: {
-    (props: RadioWithTitleProps): JSX.Element;
+    (props: RadioWithTitleProps): React.JSX.Element;
     propTypes: {
         title: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
             title: import("prop-types").Requireable<string>;
@@ -11,24 +11,24 @@ declare const RadioWithTitle: {
             'data-name': import("prop-types").Requireable<string>;
             titleSize: import("prop-types").Requireable<string>;
             subtitleSize: import("prop-types").Requireable<string>;
-            icon: import("prop-types").Requireable<import("prop-types").InferProps<import("prop-types").ValidationMap<any>>>;
+            icon: import("prop-types").Requireable<import("prop-types").InferProps<React.WeakValidationMap<import("../icon").IconProps>>>;
             tag: import("prop-types").Requireable<import("prop-types").InferProps<{
                 label: import("prop-types").Requireable<string>;
                 type: import("prop-types").Requireable<string>;
                 size: import("prop-types").Requireable<string>;
                 customStyle: import("prop-types").Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                    [x: string]: NonNullable<string | number>;
                 }>;
                 icon: import("prop-types").Requireable<import("prop-types").InferProps<{
                     position: import("prop-types").Requireable<string>;
-                    iconName?: React.Validator<string> | undefined;
-                    iconColor?: React.Validator<string | null | undefined> | undefined;
-                    backgroundColor?: React.Validator<string | null | undefined> | undefined;
-                    gradientBackground?: React.Validator<boolean | null | undefined> | undefined;
-                    borderRadius?: React.Validator<string | null | undefined> | undefined;
-                    preset?: React.Validator<string | null | undefined> | undefined;
-                    size?: React.Validator<import("../icon").IconSize | null | undefined> | undefined;
-                    customStyle?: React.Validator<React.CSSProperties | null | undefined> | undefined;
+                    iconName?: React.Validator<string>;
+                    iconColor?: React.Validator<string>;
+                    backgroundColor?: React.Validator<string>;
+                    gradientBackground?: React.Validator<boolean>;
+                    borderRadius?: React.Validator<string>;
+                    preset?: React.Validator<string>;
+                    size?: React.Validator<import("../icon").IconSize>;
+                    customStyle?: React.Validator<React.CSSProperties>;
                 }>>;
             }>>;
             button: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -51,7 +51,7 @@ declare const RadioWithTitle: {
                         size: import("prop-types").Requireable<number>;
                         customStyle: import("prop-types").Requireable<object>;
                     }>>;
-                }> | (import("prop-types").InferProps<{
+                }> | import("prop-types").InferProps<{
                     position: import("prop-types").Requireable<string>;
                     type: import("prop-types").Requireable<string>;
                     faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -61,7 +61,7 @@ declare const RadioWithTitle: {
                         size: import("prop-types").Requireable<number>;
                         customStyle: import("prop-types").Requireable<object>;
                     }>>;
-                }> | null | undefined)[] | null | undefined>>;
+                }>[]>>;
                 onClick: import("prop-types").Requireable<(...args: any[]) => any>;
                 link: import("prop-types").Requireable<import("prop-types").InferProps<{
                     href: import("prop-types").Requireable<string>;