@coorpacademy/components 11.40.21 → 11.40.22-slider.13

package/lib/molecule/multi-filter-panel/index.d.ts

@@ -1,19 +1,19 @@
-/// <reference types="react" />
+import React from 'react';
 import { WebContextValues } from '../../atom/provider/web-context';
 import { MultiFilterPanelProps } from './prop-types';
 declare const MultiFilterPanel: {
-    (props: MultiFilterPanelProps, context: WebContextValues): JSX.Element;
+    (props: MultiFilterPanelProps, context: WebContextValues): React.JSX.Element;
     propTypes: {
         title: import("prop-types").Requireable<string>;
         onClearAll: import("prop-types").Requireable<(...args: any[]) => any>;
         onRemoveSelectedFilter: import("prop-types").Requireable<(...args: any[]) => any>;
-        options: import("prop-types").Requireable<(NonNullable<import("prop-types").InferProps<{
+        options: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
             type: import("prop-types").Requireable<string>;
             options: import("prop-types").Requireable<import("prop-types").InferProps<{
                 title: import("prop-types").Requireable<string>;
                 titleAriaLabel: import("prop-types").Requireable<string>;
                 onClear: import("prop-types").Requireable<(...args: any[]) => any>;
-                options: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                options: import("prop-types").Requireable<import("prop-types").InferProps<{
                     label: import("prop-types").Requireable<string>;
                     type: import("prop-types").Requireable<string>;
                     textColor: import("prop-types").Requireable<string>;
@@ -21,7 +21,7 @@ declare const MultiFilterPanel: {
                     icon: import("prop-types").Requireable<string>;
                     customIcon: import("prop-types").Requireable<string>;
                     onClick: import("prop-types").Requireable<(...args: any[]) => any>;
-                }> | null | undefined)[]>;
+                }>[]>;
             }>>;
         }> | import("prop-types").InferProps<{
             type: import("prop-types").Requireable<string>;
@@ -29,14 +29,14 @@ declare const MultiFilterPanel: {
                 title: import("prop-types").Requireable<string>;
                 titleAriaLabel: import("prop-types").Requireable<string>;
                 onClear: import("prop-types").Requireable<(...args: any[]) => any>;
-                options: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                options: import("prop-types").Requireable<import("prop-types").InferProps<{
                     label: import("prop-types").Requireable<string>;
                     value: import("prop-types").Requireable<string>;
                     selected: import("prop-types").Requireable<boolean>;
                     ref: import("prop-types").Requireable<string>;
                     count: import("prop-types").Requireable<number>;
                     onClick: import("prop-types").Requireable<(...args: any[]) => any>;
-                }> | null | undefined)[]>;
+                }>[]>;
                 emptySearchResult: import("prop-types").Requireable<string>;
                 searchOptions: import("prop-types").Requireable<import("prop-types").InferProps<{
                     value: import("prop-types").Requireable<string>;
@@ -58,14 +58,14 @@ declare const MultiFilterPanel: {
                 title: import("prop-types").Validator<string>;
                 titleAriaLabel: import("prop-types").Requireable<string>;
                 onClear: import("prop-types").Validator<(...args: any[]) => any>;
-                options: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                options: import("prop-types").Requireable<import("prop-types").InferProps<{
                     label: import("prop-types").Validator<string>;
                     value: import("prop-types").Validator<boolean>;
                     onChange: import("prop-types").Validator<(...args: any[]) => any>;
                     theme: import("prop-types").Validator<string>;
                     ariaLabel: import("prop-types").Validator<string>;
                     id: import("prop-types").Requireable<string>;
-                }> | null | undefined)[]>;
+                }>[]>;
             }>>;
         }> | import("prop-types").InferProps<{
             type: import("prop-types").Requireable<string>;
@@ -78,7 +78,7 @@ declare const MultiFilterPanel: {
                     min: import("prop-types").Validator<number>;
                     max: import("prop-types").Validator<number>;
                     step: import("prop-types").Requireable<number>;
-                    value: import("prop-types").Requireable<(number | null | undefined)[]>;
+                    value: import("prop-types").Requireable<number[]>;
                     minLabel: import("prop-types").Requireable<string>;
                     maxLabel: import("prop-types").Requireable<string>;
                     onChange: import("prop-types").Validator<(...args: any[]) => any>;
@@ -86,7 +86,7 @@ declare const MultiFilterPanel: {
                     selected: import("prop-types").Requireable<boolean>;
                 }>>;
             }>>;
-        }> | null | undefined> | null | undefined)[]>;
+        }>>[]>;
     };
     contextTypes: {
         translate: import("prop-types").Requireable<(...args: any[]) => any>;

package/lib/molecule/multi-filter-panel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAWjE,OAAkB,EAAC,qBAAqB,EAAqB,MAAM,cAAc,CAAC;AAuDlF,QAAA,MAAM,gBAAgB;YAAW,qBAAqB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DhF,CAAC;AASF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAWjE,OAAkB,EAAC,qBAAqB,EAAqB,MAAM,cAAc,CAAC;AAuDlF,QAAA,MAAM,gBAAgB;YAAW,qBAAqB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DhF,CAAC;AASF,eAAe,gBAAgB,CAAC"}

package/lib/molecule/multi-filter-panel/prop-types.d.ts

@@ -7,13 +7,13 @@ declare const propTypes: {
     title: PropTypes.Requireable<string>;
     onClearAll: PropTypes.Requireable<(...args: any[]) => any>;
     onRemoveSelectedFilter: PropTypes.Requireable<(...args: any[]) => any>;
-    options: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
+    options: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
         type: PropTypes.Requireable<string>;
         options: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             titleAriaLabel: PropTypes.Requireable<string>;
             onClear: PropTypes.Requireable<(...args: any[]) => any>;
-            options: PropTypes.Requireable<(PropTypes.InferProps<{
+            options: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
                 textColor: PropTypes.Requireable<string>;
@@ -21,7 +21,7 @@ declare const propTypes: {
                 icon: PropTypes.Requireable<string>;
                 customIcon: PropTypes.Requireable<string>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
-            }> | null | undefined)[]>;
+            }>[]>;
         }>>;
     }> | PropTypes.InferProps<{
         type: PropTypes.Requireable<string>;
@@ -29,14 +29,14 @@ declare const propTypes: {
             title: PropTypes.Requireable<string>;
             titleAriaLabel: PropTypes.Requireable<string>;
             onClear: PropTypes.Requireable<(...args: any[]) => any>;
-            options: PropTypes.Requireable<(PropTypes.InferProps<{
+            options: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 value: PropTypes.Requireable<string>;
                 selected: PropTypes.Requireable<boolean>;
                 ref: PropTypes.Requireable<string>;
                 count: PropTypes.Requireable<number>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
-            }> | null | undefined)[]>;
+            }>[]>;
             emptySearchResult: PropTypes.Requireable<string>;
             searchOptions: PropTypes.Requireable<PropTypes.InferProps<{
                 value: PropTypes.Requireable<string>;
@@ -58,14 +58,14 @@ declare const propTypes: {
             title: PropTypes.Validator<string>;
             titleAriaLabel: PropTypes.Requireable<string>;
             onClear: PropTypes.Validator<(...args: any[]) => any>;
-            options: PropTypes.Requireable<(PropTypes.InferProps<{
+            options: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Validator<string>;
                 value: PropTypes.Validator<boolean>;
                 onChange: PropTypes.Validator<(...args: any[]) => any>;
                 theme: PropTypes.Validator<string>;
                 ariaLabel: PropTypes.Validator<string>;
                 id: PropTypes.Requireable<string>;
-            }> | null | undefined)[]>;
+            }>[]>;
         }>>;
     }> | PropTypes.InferProps<{
         type: PropTypes.Requireable<string>;
@@ -78,7 +78,7 @@ declare const propTypes: {
                 min: PropTypes.Validator<number>;
                 max: PropTypes.Validator<number>;
                 step: PropTypes.Requireable<number>;
-                value: PropTypes.Requireable<(number | null | undefined)[]>;
+                value: PropTypes.Requireable<number[]>;
                 minLabel: PropTypes.Requireable<string>;
                 maxLabel: PropTypes.Requireable<string>;
                 onChange: PropTypes.Validator<(...args: any[]) => any>;
@@ -86,7 +86,7 @@ declare const propTypes: {
                 selected: PropTypes.Requireable<boolean>;
             }>>;
         }>>;
-    }> | null | undefined> | null | undefined)[]>;
+    }>>[]>;
 };
 export declare type OptionsChipProps = {
     type: 'chip';

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/news/index.js"],"names":[],"mappings":";AAOA,6DA6CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/news/index.js"],"names":[],"mappings":";AAOA,mEA6CC"}

package/lib/molecule/notification-banner/index.d.ts

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

package/lib/molecule/notification-banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/notification-banner/index.js"],"names":[],"mappings":";AA8BA,2EAsDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/notification-banner/index.js"],"names":[],"mappings":";AA8BA,iFAsDC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/pagination/index.js"],"names":[],"mappings":";AAKA,qDAgBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/pagination/index.js"],"names":[],"mappings":";AAKA,2DAgBC"}

package/lib/molecule/payment-form/index.d.ts

@@ -38,7 +38,7 @@ declare class PaymentForm extends React.Component<any, any, any> {
     cardExpiry: any;
     cardCvc: any;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/lib/molecule/payment-form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/payment-form/index.js"],"names":[],"mappings":";AAKA;IACE;;;;;;;;;;;;;;;;;MAiBE;IAEF;;MAEE;IAEF,wBAOC;IALC,YAAuF;IAiEzF;;aAGC;IAED;;aAGC;IAED;;aAGC;IAtBD,oBAOC;IAxDD,0BAgCC;IAZG,gBAA+D;IAC/D,gBAA+D;IAC/D,aAAyD;IAY7D,6BAaC;IA0BD,sBA+DC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/payment-form/index.js"],"names":[],"mappings":";AAKA;IACE;;;;;;;;;;;;;;;;;MAiBE;IAEF;;MAEE;IAEF,wBAOC;IALC,YAAuF;IAiEzF;;aAGC;IAED;;aAGC;IAED;;aAGC;IAtBD,oBAOC;IAxDD,0BAgCC;IAZG,gBAA+D;IAC/D,gBAA+D;IAC/D,aAAyD;IAY7D,6BAaC;IA0BD,4BA+DC;CACF"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/pdf/index.js"],"names":[],"mappings":";AASA,4DA8BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/pdf/index.js"],"names":[],"mappings":";AASA,kEA8BC"}

package/lib/molecule/playlist-card/index.d.ts

@@ -1,5 +1,5 @@
 export default PlaylistCard;
-declare function PlaylistCard(props: any, context: any): JSX.Element | null;
+declare function PlaylistCard(props: any, context: any): React.JSX.Element;
 declare namespace PlaylistCard {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -9,10 +9,10 @@ declare namespace PlaylistCard {
         const label: PropTypes.Requireable<string>;
         const title: PropTypes.Validator<string>;
         const progress: PropTypes.Requireable<number>;
-        const coverImages: PropTypes.Validator<(PropTypes.InferProps<{
+        const coverImages: PropTypes.Validator<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             image: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const onClick: PropTypes.Requireable<(...args: any[]) => any>;
         const locales: PropTypes.Requireable<PropTypes.InferProps<{
             playlistTag: PropTypes.Requireable<string>;
@@ -27,5 +27,6 @@ declare namespace PlaylistCard {
         export { locales_1 as locales };
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/playlist-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/playlist-card/index.js"],"names":[],"mappings":";AASA,4EAwCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/playlist-card/index.js"],"names":[],"mappings":";AASA,2EAwCC"}

package/lib/molecule/playlist-detail-cover/index.d.ts

@@ -2,15 +2,16 @@ export default PlaylistDetailCover;
 declare function PlaylistDetailCover({ images, className }: {
     images: any;
     className: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace PlaylistDetailCover {
     namespace propTypes {
-        const images: PropTypes.Validator<(PropTypes.InferProps<{
+        const images: PropTypes.Validator<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             image: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const className: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/playlist-detail-cover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/playlist-detail-cover/index.js"],"names":[],"mappings":";AASA;;;gBAoCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/playlist-detail-cover/index.js"],"names":[],"mappings":";AASA;;;sBAoCC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/popin/index.js"],"names":[],"mappings":";AAcA,8DAgIC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/popin/index.js"],"names":[],"mappings":";AAcA,oEAgIC"}

package/lib/molecule/privacy-policy-contact/index.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { Props } from './types';
 export declare const ICONS: {
     arrow: any;
 };
 declare const PrivacyPolicyContact: {
-    ({ title, content }: Props): JSX.Element;
+    ({ title, content }: Props): React.JSX.Element;
     propTypes: {
         title: import("prop-types").Requireable<string>;
         content: import("prop-types").Requireable<string>;

package/lib/molecule/privacy-policy-contact/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/privacy-policy-contact/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,QAAA,MAAM,oBAAoB;yBAAsB,KAAK;;;;;CAWpD,CAAC;AAIF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/privacy-policy-contact/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,QAAA,MAAM,oBAAoB;yBAAsB,KAAK;;;;;CAWpD,CAAC;AAIF,eAAe,oBAAoB,CAAC"}

package/lib/molecule/product-card/index.d.ts

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

package/lib/molecule/product-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/product-card/index.js"],"names":[],"mappings":";AAMA,oEA0CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/product-card/index.js"],"names":[],"mappings":";AAMA,0EA0CC"}

package/lib/molecule/progress-bar/index.d.ts

@@ -1,5 +1,5 @@
 export default ProgressBar;
-declare function ProgressBar(props: any): JSX.Element;
+declare function ProgressBar(props: any): React.JSX.Element;
 declare namespace ProgressBar {
     namespace propTypes {
         const className: PropTypes.Requireable<string>;
@@ -8,10 +8,11 @@ declare namespace ProgressBar {
         const desc: PropTypes.Requireable<string>;
         const steps: PropTypes.Requireable<number>;
         const style: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            [x: string]: NonNullable<string | number>;
         }>;
         const displayInfo: PropTypes.Requireable<boolean>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/progress-bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-bar/index.js"],"names":[],"mappings":";AAMA,sDAqCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-bar/index.js"],"names":[],"mappings":";AAMA,4DAqCC"}

package/lib/molecule/progress-wrapper/index.d.ts

@@ -6,7 +6,7 @@ declare function ProgressWrapper({ completedModules, mandatoryModules, title, su
     subtitle: any;
     progression: any;
     sections: any;
-}, context: any): JSX.Element;
+}, context: any): React.JSX.Element;
 declare namespace ProgressWrapper {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -17,12 +17,13 @@ declare namespace ProgressWrapper {
         const completedModules: PropTypes.Requireable<number>;
         const mandatoryModules: PropTypes.Requireable<number>;
         const progression: PropTypes.Requireable<number>;
-        const sections: PropTypes.Requireable<(PropTypes.InferProps<{
+        const sections: PropTypes.Requireable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             downloadUrl: PropTypes.Requireable<string>;
             stars: PropTypes.Requireable<number>;
-        }> | null | undefined)[]>;
+        }>[]>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/progress-wrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-wrapper/index.js"],"names":[],"mappings":";AAgGA;;;;;;;8BAsGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-wrapper/index.js"],"names":[],"mappings":";AAgGA;;;;;;;oCAsGC"}

package/lib/molecule/questions/drop-down/index.d.ts

@@ -1,18 +1,19 @@
 export default DropDown;
-declare function DropDown(props: any): JSX.Element;
+declare function DropDown(props: any): React.JSX.Element;
 declare namespace DropDown {
     const propTypes: {
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        options: PropTypes.Requireable<(PropTypes.InferProps<{
+        options: PropTypes.Requireable<PropTypes.InferProps<{
             name: PropTypes.Validator<string>;
-            value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+            value: PropTypes.Requireable<NonNullable<string | number>>;
             selected: PropTypes.Requireable<boolean>;
             validOption: PropTypes.Requireable<boolean>;
-        }> | null | undefined)[]>;
+        }>[]>;
         theme: PropTypes.Requireable<string>;
         'aria-label': PropTypes.Requireable<string>;
         groupAriaLabel: PropTypes.Requireable<string>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/questions/drop-down/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/drop-down/index.js"],"names":[],"mappings":";AAMA,mDAcC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/drop-down/index.js"],"names":[],"mappings":";AAMA,yDAcC"}

package/lib/molecule/questions/free-text/index.d.ts

@@ -1,5 +1,5 @@
 export default FreeText;
-declare function FreeText(props: any, legacyContext: any): JSX.Element;
+declare function FreeText(props: any, legacyContext: any): React.JSX.Element;
 declare namespace FreeText {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -31,5 +31,6 @@ declare namespace FreeText {
         'aria-label': PropTypes.Requireable<string>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/questions/free-text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/free-text/index.js"],"names":[],"mappings":";AAOA,uEAmDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/free-text/index.js"],"names":[],"mappings":";AAOA,6EAmDC"}

package/lib/molecule/questions/free-text/index.native.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Analytics } from '../../../variables/analytics';
 declare type QuestionType = 'basic' | 'template';
 interface Props {
@@ -10,6 +10,6 @@ interface Props {
     isDisabled?: boolean;
     value?: string;
 }
-declare const FreeText: (props: Props) => JSX.Element | null;
+declare const FreeText: (props: Props) => React.JSX.Element;
 export default FreeText;
 //# sourceMappingURL=index.native.d.ts.map

package/lib/molecule/questions/free-text/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAuB,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAK7E,aAAK,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC;AAEzC,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6CD,QAAA,MAAM,QAAQ,UAAW,KAAK,uBA2D7B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAuB,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAK7E,aAAK,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC;AAEzC,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6CD,QAAA,MAAM,QAAQ,UAAW,KAAK,sBA6D7B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/molecule/questions/free-text/index.native.js

@@ -82,8 +82,10 @@ const FreeText = props => {
   }
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styleSheet.spaced, fullWidth && styleSheet.fullWitdh]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.input
   }, /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
-    style: [styleSheet.input, styleSheet.text],
+    style: styleSheet.text,
     onFocus: handleFocus,
     onBlur: handleBlur,
     onChangeText: onChange,
@@ -93,7 +95,7 @@ const FreeText = props => {
     testID: testID,
     editable: !isDisabled,
     selectTextOnFocus: !isDisabled
-  }));
+  })));
 };
 var _default = exports.default = FreeText;
 //# sourceMappingURL=index.native.js.map

package/lib/molecule/questions/free-text/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_reactNative","require","_react","_interopRequireWildcard","_templateContext","_analytics","_shadow","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","brandTheme","theme","StyleSheet","create","input","padding","spacing","tiny","borderColor","colors","gray","lightMedium","borderRadius","radius","regular","minWidth","marginHorizontal","paddingVertical","BOX_STYLE","backgroundColor","white","text","primary","color","medium","fontWeight","bold","fontSize","textAlign","spaced","fullWitdh","width","logEvent","eventName","analytics","questionType","id","FreeText","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","translations","PLACEHOLDER_COLOR","fullWidth","testID","onChange","isDisabled","value","handleFocus","useCallback","ANALYTICS_EVENT_TYPE","INPUT_FOCUS","handleBlur","INPUT_BLUR","useEffect","_stylesheet","createElement","View","style","TextInput","onFocus","onBlur","onChangeText","placeholder","typeHere","placeholderTextColor","editable","selectTextOnFocus","_default","exports"],"sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"sourcesContent":["import {View, StyleSheet, TextInput, ViewStyle} from 'react-native';\nimport React, {useState, useEffect, useCallback} from 'react';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../../variables/analytics';\nimport {Theme} from '../../../variables/theme.native';\nimport {BOX_STYLE} from '../../../variables/shadow';\nimport {Brand} from '../../../variables/brand.native';\n\ntype QuestionType = 'basic' | 'template';\n\ninterface Props {\n  fullWidth?: boolean;\n  testID: string;\n  questionType: QuestionType;\n  analytics?: Analytics;\n  onChange: (text: string) => void;\n  isDisabled?: boolean;\n  value?: string; // when value is undefined, TextInput acts as not controlled\n}\n\ntype StyleSheetType = {\n  input: ViewStyle;\n  text: ViewStyle;\n  spaced: ViewStyle;\n  fullWitdh: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    input: {\n      padding: theme.spacing.tiny,\n      borderColor: theme.colors.gray.lightMedium,\n      borderRadius: theme.radius.regular,\n      minWidth: 175,\n      marginHorizontal: 12,\n      paddingVertical: 16,\n      ...BOX_STYLE,\n      backgroundColor: theme.colors.white\n    },\n    text: {\n      borderColor: brandTheme?.colors?.primary,\n      color: brandTheme?.colors?.primary || theme.colors.gray.medium,\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.regular,\n      textAlign: 'center'\n    },\n    spaced: {\n      paddingVertical: theme.spacing.tiny\n    },\n    fullWitdh: {\n      width: '100%'\n    }\n  });\n\nconst logEvent = (eventName: string, analytics: Analytics, questionType: QuestionType) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: `question-input-text`,\n      questionType\n    });\n};\n\nconst FreeText = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme, translations} = templateContext;\n  const PLACEHOLDER_COLOR = theme.colors.gray.medium;\n\n  // ------------------------------------\n\n  const {\n    analytics,\n    questionType,\n    fullWidth = false,\n    testID,\n    onChange,\n    isDisabled = false,\n    value\n  } = props;\n\n  // ------------------------------------\n\n  const handleFocus = useCallback(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_FOCUS, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  const handleBlur = useCallback(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_BLUR, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  // ------------------------------------\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.spaced, fullWidth && styleSheet.fullWitdh]}>\n      <TextInput\n        style={[styleSheet.input, styleSheet.text]}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChangeText={onChange}\n        placeholder={translations.typeHere}\n        placeholderTextColor={PLACEHOLDER_COLOR}\n        value={value}\n        testID={testID}\n        editable={!isDisabled}\n        selectTextOnFocus={!isDisabled}\n      />\n    </View>\n  );\n};\n\nexport default FreeText;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["_reactNative","require","_react","_interopRequireWildcard","_templateContext","_analytics","_shadow","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","brandTheme","theme","StyleSheet","create","input","padding","spacing","tiny","borderColor","colors","gray","lightMedium","borderRadius","radius","regular","minWidth","marginHorizontal","paddingVertical","BOX_STYLE","backgroundColor","white","text","primary","color","medium","fontWeight","bold","fontSize","textAlign","spaced","fullWitdh","width","logEvent","eventName","analytics","questionType","id","FreeText","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","translations","PLACEHOLDER_COLOR","fullWidth","testID","onChange","isDisabled","value","handleFocus","useCallback","ANALYTICS_EVENT_TYPE","INPUT_FOCUS","handleBlur","INPUT_BLUR","useEffect","_stylesheet","createElement","View","style","TextInput","onFocus","onBlur","onChangeText","placeholder","typeHere","placeholderTextColor","editable","selectTextOnFocus","_default","exports"],"sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"sourcesContent":["import {View, StyleSheet, TextInput, ViewStyle, TextStyle} from 'react-native';\nimport React, {useState, useEffect, useCallback} from 'react';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../../variables/analytics';\nimport {Theme} from '../../../variables/theme.native';\nimport {BOX_STYLE} from '../../../variables/shadow';\nimport {Brand} from '../../../variables/brand.native';\n\ntype QuestionType = 'basic' | 'template';\n\ninterface Props {\n  fullWidth?: boolean;\n  testID: string;\n  questionType: QuestionType;\n  analytics?: Analytics;\n  onChange: (text: string) => void;\n  isDisabled?: boolean;\n  value?: string; // when value is undefined, TextInput acts as not controlled\n}\n\ntype StyleSheetType = {\n  input: ViewStyle;\n  text: TextStyle;\n  spaced: ViewStyle;\n  fullWitdh: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    input: {\n      padding: theme.spacing.tiny,\n      borderColor: theme.colors.gray.lightMedium,\n      borderRadius: theme.radius.regular,\n      minWidth: 175,\n      marginHorizontal: 12,\n      paddingVertical: 16,\n      ...BOX_STYLE,\n      backgroundColor: theme.colors.white\n    },\n    text: {\n      borderColor: brandTheme?.colors?.primary,\n      color: brandTheme?.colors?.primary || theme.colors.gray.medium,\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.regular,\n      textAlign: 'center'\n    },\n    spaced: {\n      paddingVertical: theme.spacing.tiny\n    },\n    fullWitdh: {\n      width: '100%'\n    }\n  });\n\nconst logEvent = (eventName: string, analytics: Analytics, questionType: QuestionType) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: `question-input-text`,\n      questionType\n    });\n};\n\nconst FreeText = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme, translations} = templateContext;\n  const PLACEHOLDER_COLOR = theme.colors.gray.medium;\n\n  // ------------------------------------\n\n  const {\n    analytics,\n    questionType,\n    fullWidth = false,\n    testID,\n    onChange,\n    isDisabled = false,\n    value\n  } = props;\n\n  // ------------------------------------\n\n  const handleFocus = useCallback(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_FOCUS, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  const handleBlur = useCallback(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_BLUR, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  // ------------------------------------\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.spaced, fullWidth && styleSheet.fullWitdh]}>\n      <View style={styleSheet.input}>\n        <TextInput\n          style={styleSheet.text}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onChangeText={onChange}\n          placeholder={translations.typeHere}\n          placeholderTextColor={PLACEHOLDER_COLOR}\n          value={value}\n          testID={testID}\n          editable={!isDisabled}\n          selectTextOnFocus={!isDisabled}\n        />\n      </View>\n    </View>\n  );\n};\n\nexport default FreeText;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/questions/mobile/draggable/index.native.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { SelectableChoice } from '../../types';
 export interface DropZoneProps {
     choices: Array<SelectableChoice>;
@@ -9,6 +9,6 @@ export interface Props {
     testID?: string;
     onPress: (item: SelectableChoice) => () => void;
 }
-declare const QuestionDraggable: (props: Props) => JSX.Element | null;
+declare const QuestionDraggable: (props: Props) => React.JSX.Element;
 export default QuestionDraggable;
 //# sourceMappingURL=index.native.d.ts.map

package/lib/molecule/questions/mobile/draggable/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/draggable/index.native.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,IAAI,CAAC;CACjD;AAwDD,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,IAAI,CAAC;CACjD;AAgCD,QAAA,MAAM,iBAAiB,UAAW,KAAK,uBAwCtC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/draggable/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,IAAI,CAAC;CACjD;AAwDD,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,IAAI,CAAC;CACjD;AAgCD,QAAA,MAAM,iBAAiB,UAAW,KAAK,sBAwCtC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/molecule/questions/mobile/draggable/index.native.js

@@ -45,7 +45,7 @@ const Selection = props => {
     key: item._id,
     squeezed: true,
     isSelected: true,
-    testID: `choice-${item._id}`,
+    testID: `choice-${item._id}-selected`,
     onPress: onPress(item),
     questionType: "qcmDrag"
   }, item.label));