@coorpacademy/components 11.40.15 → 11.40.17-react18.15

package/lib/molecule/ssmenu-list/index.d.ts

@@ -1,12 +1,13 @@
 export default SsMenuList;
-declare function SsMenuList(props: any): JSX.Element;
+declare function SsMenuList(props: any): React.JSX.Element;
 declare namespace SsMenuList {
     namespace propTypes {
-        const items: PropTypes.Requireable<(PropTypes.InferProps<{
+        const items: PropTypes.Requireable<PropTypes.InferProps<{
             href: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/ssmenu-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/ssmenu-list/index.js"],"names":[],"mappings":";AAIA,qDASC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/ssmenu-list/index.js"],"names":[],"mappings":";AAIA,2DASC"}

package/lib/molecule/subscription-freemium/index.d.ts

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

package/lib/molecule/subscription-freemium/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/subscription-freemium/index.js"],"names":[],"mappings":";AAKA,oFAqBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/subscription-freemium/index.js"],"names":[],"mappings":";AAKA,0FAqBC"}

package/lib/molecule/subscription-premium/index.d.ts

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

package/lib/molecule/subscription-premium/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/subscription-premium/index.js"],"names":[],"mappings":";AA2CA,mFAkCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/subscription-premium/index.js"],"names":[],"mappings":";AA2CA,yFAkCC"}

package/lib/molecule/table/index.d.ts

@@ -1,5 +1,5 @@
 export default Table;
-declare function Table(props: any, context: any): JSX.Element;
+declare function Table(props: any, context: any): React.JSX.Element;
 declare namespace Table {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -27,26 +27,27 @@ declare namespace Table {
     }
     namespace propTypes {
         const editable: PropTypes.Requireable<boolean>;
-        const rows: PropTypes.Requireable<(PropTypes.InferProps<{
-            fields: PropTypes.Requireable<(NonNullable<string | PropTypes.InferProps<{
+        const rows: PropTypes.Requireable<PropTypes.InferProps<{
+            fields: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
                 icon: PropTypes.Requireable<string>;
-            }> | null | undefined> | null | undefined)[]>;
+            }>>[]>;
             editHref: PropTypes.Requireable<string>;
             highlighted: PropTypes.Requireable<boolean>;
-        }> | null | undefined)[]>;
-        const columns: PropTypes.Requireable<(PropTypes.InferProps<{
+        }>[]>;
+        const columns: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Validator<string>;
             info: PropTypes.Requireable<string>;
             filtered: PropTypes.Requireable<boolean>;
-            options: PropTypes.Requireable<(PropTypes.InferProps<{
+            options: PropTypes.Requireable<PropTypes.InferProps<{
                 title: PropTypes.Validator<string>;
                 onChange: PropTypes.Validator<(...args: any[]) => any>;
                 selected: PropTypes.Validator<boolean>;
-            }> | null | undefined)[]>;
-        }> | null | undefined)[]>;
+            }>[]>;
+        }>[]>;
         const theme: PropTypes.Requireable<string>;
         const headerTitle: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/table/index.js"],"names":[],"mappings":";AAoEA,8DAwGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/table/index.js"],"names":[],"mappings":";AAoEA,oEAwGC"}

package/lib/molecule/tabs/index.d.ts

@@ -0,0 +1,40 @@
+export default Tabs;
+declare function Tabs(props: any, context: any): React.JSX.Element;
+declare namespace Tabs {
+    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;
+            }>;
+        }>>;
+        const translate: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+    namespace propTypes {
+        const items: PropTypes.Requireable<PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+            count: PropTypes.Requireable<number>;
+            'aria-label': PropTypes.Requireable<string>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            isActive: PropTypes.Requireable<boolean>;
+        }>[]>;
+    }
+}
+import React from "react";
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/lib/molecule/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/tabs/index.js"],"names":[],"mappings":";AAeA,mEAkDC"}

package/lib/molecule/tabs/index.js

@@ -0,0 +1,74 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _cssColorFunction = require("css-color-function");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
+var _provider = _interopRequireDefault(require("../../atom/provider"));
+var _colors = require("../../variables/colors");
+var _tag = _interopRequireDefault(require("../../atom/tag"));
+var _style = _interopRequireDefault(require("./style.css"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const handleTabClick = tab => e => {
+  if (tab && typeof tab.onClick === 'function') tab.onClick(e);
+};
+const handleTabKeyDown = tab => e => {
+  if (e.key === 'Enter') handleTabClick(tab)(e);
+};
+const Tabs = (props, context) => {
+  const {
+    items = []
+  } = props;
+  const {
+    skin
+  } = context;
+  const primaryColor = (0, _getOr.default)('#00B0FF', 'common.primary', skin);
+  const createTab = (index, tab) => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: index,
+      className: _style.default.tab,
+      role: "tab",
+      tabIndex: 0,
+      "aria-selected": tab.isActive,
+      "aria-label": tab['aria-label'] || tab.title,
+      onClick: handleTabClick(tab),
+      onKeyDown: handleTabKeyDown(tab),
+      style: {
+        '--hover-bg': (0, _cssColorFunction.convert)(`color(${tab.isActive ? primaryColor : _colors.COLORS.cm_grey_500} a(0.15))`),
+        '--bg': tab.isActive ? (0, _cssColorFunction.convert)(`color(${primaryColor} a(0.07))`) : 'transparent',
+        color: tab.isActive ? primaryColor : _colors.COLORS.cm_grey_500
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", null, tab.title), typeof tab.count === 'number' ? /*#__PURE__*/_react.default.createElement(_tag.default, {
+      label: tab.count.toString(),
+      type: "default",
+      size: "S",
+      customStyle: {
+        backgroundColor: tab.isActive ? (0, _cssColorFunction.convert)(`color(${primaryColor} a(0.25))`) : _colors.COLORS.cm_grey_200,
+        color: tab.isActive ? primaryColor : _colors.COLORS.cm_grey_500
+      }
+    }) : null);
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.tabs,
+    role: "tablist"
+  }, items && items.map((tab, index) => {
+    return createTab(index, tab);
+  }));
+};
+Tabs.contextTypes = {
+  skin: _provider.default.childContextTypes.skin,
+  translate: _provider.default.childContextTypes.translate
+};
+Tabs.propTypes = process.env.NODE_ENV !== "production" ? {
+  items: _propTypes.default.arrayOf(_propTypes.default.shape({
+    title: _propTypes.default.string,
+    count: _propTypes.default.number,
+    'aria-label': _propTypes.default.string,
+    onClick: _propTypes.default.func,
+    isActive: _propTypes.default.bool
+  }))
+} : {};
+var _default = exports.default = Tabs;
+//# sourceMappingURL=index.js.map

package/lib/molecule/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_cssColorFunction","_propTypes","_getOr","_provider","_colors","_tag","_style","e","__esModule","default","handleTabClick","tab","onClick","handleTabKeyDown","key","Tabs","props","context","items","skin","primaryColor","getOr","createTab","index","createElement","className","style","role","tabIndex","isActive","title","onKeyDown","convert","COLORS","cm_grey_500","color","count","label","toString","type","size","customStyle","backgroundColor","cm_grey_200","tabs","map","contextTypes","Provider","childContextTypes","translate","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","string","number","func","bool","_default","exports"],"sources":["../../../src/molecule/tabs/index.js"],"sourcesContent":["import React from 'react';\nimport {convert} from 'css-color-function';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport Provider from '../../atom/provider';\nimport {COLORS} from '../../variables/colors';\nimport Tag from '../../atom/tag';\nimport style from './style.css';\n\nconst handleTabClick = tab => e => {\n  if (tab && typeof tab.onClick === 'function') tab.onClick(e);\n};\nconst handleTabKeyDown = tab => e => {\n  if (e.key === 'Enter') handleTabClick(tab)(e);\n};\nconst Tabs = (props, context) => {\n  const {items = []} = props;\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const createTab = (index, tab) => {\n    return (\n      <div\n        key={index}\n        className={style.tab}\n        role=\"tab\"\n        tabIndex={0}\n        aria-selected={tab.isActive}\n        aria-label={tab['aria-label'] || tab.title}\n        onClick={handleTabClick(tab)}\n        onKeyDown={handleTabKeyDown(tab)}\n        style={{\n          '--hover-bg': convert(\n            `color(${tab.isActive ? primaryColor : COLORS.cm_grey_500} a(0.15))`\n          ),\n          '--bg': tab.isActive ? convert(`color(${primaryColor} a(0.07))`) : 'transparent',\n          color: tab.isActive ? primaryColor : COLORS.cm_grey_500\n        }}\n      >\n        <span>{tab.title}</span>\n        {typeof tab.count === 'number' ? (\n          <Tag\n            label={tab.count.toString()}\n            type=\"default\"\n            size=\"S\"\n            customStyle={{\n              backgroundColor: tab.isActive\n                ? convert(`color(${primaryColor} a(0.25))`)\n                : COLORS.cm_grey_200,\n              color: tab.isActive ? primaryColor : COLORS.cm_grey_500\n            }}\n          />\n        ) : null}\n      </div>\n    );\n  };\n\n  return (\n    <div className={style.tabs} role=\"tablist\">\n      {items &&\n        items.map((tab, index) => {\n          return createTab(index, tab);\n        })}\n    </div>\n  );\n};\n\nTabs.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nTabs.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      count: PropTypes.number,\n      'aria-label': PropTypes.string,\n      onClick: PropTypes.func,\n      isActive: PropTypes.bool\n    })\n  )\n};\n\nexport default Tabs;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/tabs/style.css

@@ -0,0 +1,28 @@
+
+.tabs{
+  display: flex;
+  flex-direction: row;
+  flex-grow: 2;  
+} 
+
+.tab{
+  font-family: 'Gilroy';
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 20px;
+  letter-spacing: 0px;
+  cursor: pointer;
+  padding: 8px 16px;
+  border-radius: 5px;
+  min-width: 160px;
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  margin: 0px 8px 0px 0px;
+  background-color: var(--bg);
+  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
+}
+
+.tab:hover {
+  background-color: var(--hover-bg);
+}

package/lib/molecule/teams-popin/index.d.ts

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

package/lib/molecule/teams-popin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/teams-popin/index.js"],"names":[],"mappings":";AAoBA,qDA4DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/teams-popin/index.js"],"names":[],"mappings":";AAoBA,2DA4DC"}

package/lib/molecule/theme-image/index.d.ts

@@ -3,7 +3,7 @@ declare function ThemeImage({ image }: {
     image: any;
 }, { skin }: {
     skin: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace ThemeImage {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -32,5 +32,6 @@ declare namespace ThemeImage {
         const image: PropTypes.Validator<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/theme-image/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/theme-image/index.js"],"names":[],"mappings":";AAMA;;;;gBAyBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/theme-image/index.js"],"names":[],"mappings":";AAMA;;;;sBAyBC"}

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

@@ -1,8 +1,9 @@
 export default TitleAndCheckBoxWrapper;
-declare function TitleAndCheckBoxWrapper(props: any): JSX.Element;
+declare function TitleAndCheckBoxWrapper(props: any): React.JSX.Element;
 declare namespace TitleAndCheckBoxWrapper {
     namespace propTypes {
         const checkboxWithTitle: PropTypes.Requireable<PropTypes.InferProps<{
+            value: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<string>;
             name: PropTypes.Requireable<string>;
             checked: PropTypes.Requireable<boolean>;
@@ -15,7 +16,7 @@ declare namespace TitleAndCheckBoxWrapper {
                 preset: PropTypes.Requireable<string>;
             }>>;
             customStyle: PropTypes.Requireable<{
-                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                [x: string]: NonNullable<string | number>;
             }>;
         }>>;
         const sectionTitle: PropTypes.Requireable<PropTypes.InferProps<{
@@ -27,24 +28,24 @@ declare namespace TitleAndCheckBoxWrapper {
             'data-name': PropTypes.Requireable<string>;
             titleSize: PropTypes.Requireable<string>;
             subtitleSize: PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
+            icon: PropTypes.Requireable<PropTypes.InferProps<React.WeakValidationMap<import("../../atom/icon").IconProps>>>;
             tag: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
                 size: PropTypes.Requireable<string>;
                 customStyle: PropTypes.Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                    [x: string]: NonNullable<string | number>;
                 }>;
                 icon: PropTypes.Requireable<PropTypes.InferProps<{
                     position: PropTypes.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("../../atom/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("../../atom/icon").IconSize>;
+                    customStyle?: React.Validator<React.CSSProperties>;
                 }>>;
             }>>;
             button: PropTypes.Requireable<PropTypes.InferProps<{
@@ -67,7 +68,7 @@ declare namespace TitleAndCheckBoxWrapper {
                         size: PropTypes.Requireable<number>;
                         customStyle: PropTypes.Requireable<object>;
                     }>>;
-                }> | (PropTypes.InferProps<{
+                }> | PropTypes.InferProps<{
                     position: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;
                     faIcon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -77,7 +78,7 @@ declare namespace TitleAndCheckBoxWrapper {
                         size: PropTypes.Requireable<number>;
                         customStyle: PropTypes.Requireable<object>;
                     }>>;
-                }> | null | undefined)[] | null | undefined>>;
+                }>[]>>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 link: PropTypes.Requireable<PropTypes.InferProps<{
                     href: PropTypes.Requireable<string>;
@@ -123,12 +124,12 @@ declare namespace TitleAndCheckBoxWrapper {
             'data-name': PropTypes.Requireable<string>;
         }> | PropTypes.InferProps<{
             childType: PropTypes.Requireable<string>;
-            list: PropTypes.Requireable<(PropTypes.InferProps<{
+            list: PropTypes.Requireable<PropTypes.InferProps<{
                 disableHoverTooltip: PropTypes.Requireable<boolean>;
                 name: PropTypes.Requireable<string>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 onReset: PropTypes.Requireable<(...args: any[]) => any>;
-                filesTypes: (props: any, propName: any, componentName: any) => Error | null;
+                filesTypes: (props: any, propName: any, componentName: any) => Error;
                 error: PropTypes.Requireable<string>;
                 buttonAriaLabel: PropTypes.Requireable<string>;
                 errorButtonLabel: PropTypes.Requireable<string>;
@@ -150,7 +151,7 @@ declare namespace TitleAndCheckBoxWrapper {
                 pdfButtonLabel: PropTypes.Requireable<string>;
                 pdfButtonAriaLabel: PropTypes.Requireable<string>;
                 multiple: PropTypes.Requireable<boolean>;
-            }> | null | undefined)[]>;
+            }>[]>;
             'data-name': PropTypes.Requireable<string>;
         }> | PropTypes.InferProps<{
             childType: PropTypes.Requireable<string>;
@@ -158,7 +159,7 @@ declare namespace TitleAndCheckBoxWrapper {
             name: PropTypes.Requireable<string>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
             onReset: PropTypes.Requireable<(...args: any[]) => any>;
-            filesTypes: (props: any, propName: any, componentName: any) => Error | null;
+            filesTypes: (props: any, propName: any, componentName: any) => Error;
             error: PropTypes.Requireable<string>;
             buttonAriaLabel: PropTypes.Requireable<string>;
             errorButtonLabel: PropTypes.Requireable<string>;
@@ -198,9 +199,9 @@ declare namespace TitleAndCheckBoxWrapper {
             disabled: PropTypes.Requireable<boolean>;
             error: PropTypes.Requireable<string>;
             theme: PropTypes.Requireable<string>;
-        }> | null | undefined>>;
+        }>>>;
     }
 }
-import PropTypes from "prop-types";
 import React from "react";
+import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

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

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

package/lib/molecule/title-radio-wrapper/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TitleRadioWrapperProps } from './types';
 declare const TitleRadioWrapper: {
-    (props: TitleRadioWrapperProps): JSX.Element;
+    (props: TitleRadioWrapperProps): React.JSX.Element;
     propTypes: {
         radioWithTitle: import("prop-types").Requireable<import("prop-types").InferProps<{
             title: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
@@ -12,24 +12,24 @@ declare const TitleRadioWrapper: {
                 '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("../../atom/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("../../atom/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("../../atom/icon").IconSize>;
+                        customStyle?: React.Validator<React.CSSProperties>;
                     }>>;
                 }>>;
                 button: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -52,7 +52,7 @@ declare const TitleRadioWrapper: {
                             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<{
@@ -62,7 +62,7 @@ declare const TitleRadioWrapper: {
                             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>;
@@ -108,7 +108,7 @@ declare const TitleRadioWrapper: {
             name: import("prop-types").Requireable<string>;
             onChange: import("prop-types").Requireable<(...args: any[]) => any>;
             onReset: import("prop-types").Requireable<(...args: any[]) => any>;
-            filesTypes: (props: any, propName: any, componentName: any) => Error | null;
+            filesTypes: (props: any, propName: any, componentName: any) => Error;
             error: import("prop-types").Requireable<string>;
             buttonAriaLabel: import("prop-types").Requireable<string>;
             errorButtonLabel: import("prop-types").Requireable<string>;
@@ -130,7 +130,7 @@ declare const TitleRadioWrapper: {
             pdfButtonLabel: import("prop-types").Requireable<string>;
             pdfButtonAriaLabel: import("prop-types").Requireable<string>;
             multiple: import("prop-types").Requireable<boolean>;
-        }> | null | undefined>>;
+        }>>>;
         childType: import("prop-types").Requireable<string>;
     };
 };

package/lib/molecule/title-radio-wrapper/types.d.ts

@@ -13,24 +13,24 @@ declare const propTypes: {
             'data-name': PropTypes.Requireable<string>;
             titleSize: PropTypes.Requireable<string>;
             subtitleSize: PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
+            icon: PropTypes.Requireable<PropTypes.InferProps<import("react").WeakValidationMap<import("../../atom/icon").IconProps>>>;
             tag: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
                 size: PropTypes.Requireable<string>;
                 customStyle: PropTypes.Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                    [x: string]: NonNullable<string | number>;
                 }>;
                 icon: PropTypes.Requireable<PropTypes.InferProps<{
                     position: PropTypes.Requireable<string>;
-                    iconName?: import("react").Validator<string> | undefined;
-                    iconColor?: import("react").Validator<string | null | undefined> | undefined;
-                    backgroundColor?: import("react").Validator<string | null | undefined> | undefined;
-                    gradientBackground?: import("react").Validator<boolean | null | undefined> | undefined;
-                    borderRadius?: import("react").Validator<string | null | undefined> | undefined;
-                    preset?: import("react").Validator<string | null | undefined> | undefined;
-                    size?: import("react").Validator<import("../../atom/icon").IconSize | null | undefined> | undefined;
-                    customStyle?: import("react").Validator<import("react").CSSProperties | null | undefined> | undefined;
+                    iconName?: import("react").Validator<string>;
+                    iconColor?: import("react").Validator<string>;
+                    backgroundColor?: import("react").Validator<string>;
+                    gradientBackground?: import("react").Validator<boolean>;
+                    borderRadius?: import("react").Validator<string>;
+                    preset?: import("react").Validator<string>;
+                    size?: import("react").Validator<import("../../atom/icon").IconSize>;
+                    customStyle?: import("react").Validator<import("react").CSSProperties>;
                 }>>;
             }>>;
             button: PropTypes.Requireable<PropTypes.InferProps<{
@@ -53,7 +53,7 @@ declare const propTypes: {
                         size: PropTypes.Requireable<number>;
                         customStyle: PropTypes.Requireable<object>;
                     }>>;
-                }> | (PropTypes.InferProps<{
+                }> | PropTypes.InferProps<{
                     position: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;
                     faIcon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -63,7 +63,7 @@ declare const propTypes: {
                         size: PropTypes.Requireable<number>;
                         customStyle: PropTypes.Requireable<object>;
                     }>>;
-                }> | null | undefined)[] | null | undefined>>;
+                }>[]>>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 link: PropTypes.Requireable<PropTypes.InferProps<{
                     href: PropTypes.Requireable<string>;
@@ -109,7 +109,7 @@ declare const propTypes: {
         name: PropTypes.Requireable<string>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onReset: PropTypes.Requireable<(...args: any[]) => any>;
-        filesTypes: (props: any, propName: any, componentName: any) => Error | null;
+        filesTypes: (props: any, propName: any, componentName: any) => Error;
         error: PropTypes.Requireable<string>;
         buttonAriaLabel: PropTypes.Requireable<string>;
         errorButtonLabel: PropTypes.Requireable<string>;
@@ -131,7 +131,7 @@ declare const propTypes: {
         pdfButtonLabel: PropTypes.Requireable<string>;
         pdfButtonAriaLabel: PropTypes.Requireable<string>;
         multiple: PropTypes.Requireable<boolean>;
-    }> | null | undefined>>;
+    }>>>;
     childType: PropTypes.Requireable<string>;
 };
 export declare type TitleRadioWrapperProps = {

package/lib/molecule/titled-checkbox/index.d.ts

@@ -1,5 +1,5 @@
 export default TitledCheckbox;
-declare function TitledCheckbox(props: any): JSX.Element;
+declare function TitledCheckbox(props: any): React.JSX.Element;
 declare namespace TitledCheckbox {
     namespace propTypes {
         export const choice: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
@@ -11,6 +11,7 @@ declare namespace TitledCheckbox {
         export const onToggle: PropTypes.Validator<(...args: any[]) => any>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 import { ColorPropType } from "../../util/proptypes";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/titled-checkbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/titled-checkbox/index.js"],"names":[],"mappings":";AAOA,yDA0BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/titled-checkbox/index.js"],"names":[],"mappings":";AAOA,+DA0BC"}

package/lib/molecule/translation-modal/index.d.ts

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

package/lib/molecule/translation-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,gFA4EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,+EA4EC"}