@coorpacademy/components 11.33.7 → 11.33.8-alpha.1

package/es/molecule/bullet-point-menu-button/index.d.ts

@@ -12,6 +12,23 @@ declare const BulletPointMenuButton: {
             label: import("prop-types").Validator<string>;
             onClick: import("prop-types").Validator<(...args: any[]) => any>;
             type: import("prop-types").Requireable<string>;
+            buttonLinkType: import("prop-types").Requireable<string>;
+            icon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                position: import("prop-types").Validator<string>;
+                type: import("prop-types").Requireable<string>;
+                faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    name: import("prop-types").Validator<string>;
+                    color: import("prop-types").Requireable<string>;
+                    backgroundColor: import("prop-types").Requireable<string>;
+                    size: import("prop-types").Requireable<number>;
+                    customStyle: import("prop-types").Requireable<{
+                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                    }>;
+                }>>;
+            }>>;
+            customStyle: import("prop-types").Requireable<{
+                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            }>;
         }> | null | undefined)[]>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;
         menuButtonClassName: import("prop-types").Requireable<string>;

package/es/molecule/bullet-point-menu-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAG9D,QAAA,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;CA2D/D,CAAC;AAIF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAG9D,QAAA,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2D/D,CAAC;AAIF,eAAe,qBAAqB,CAAC"}

package/es/molecule/bullet-point-menu-button/style.css

@@ -13,38 +13,39 @@
 .bulletPointWrapper > button {
   position: relative;
   cursor: pointer;
- }
+}
 
 .bulletPointMenu {
-  min-width: 80px;
-  /* positioning */
   position: absolute;
-  align-self: flex-end;
-  bottom: 54px;
+  top: 48px;
   right: 0px;
-  /* elevation shadow */
-  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
-  z-index: 1;
-  /* round corners */
-  border-radius: 7px;
+  display: flex;
+  flex-direction: column;
+  align-self: flex-end;
+  padding: 12px;
+  min-width: 80px;
+  max-height: 135px;
+  overflow-y: scroll;
+  background: #ffffff;
+  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.07);
+  border-radius: 12px;
   overflow: hidden;
-  background-color: cm_grey_100;
+  transition: visibility 0.5s ease, opacity 0.5s ease;  background-color: #ffffff;
   visibility: hidden;
-  opacity:0;
-  transition:visibility 0.5s ease,opacity 0.5s ease;
+  opacity: 0;
 }
 
 .visible {
   /* fade in combo */
   max-height: max-content;
   visibility: visible;
-  opacity:1;
+  opacity: 1;
 }
 
 /* 
   bulk theme
 */
-.bulkBulletPointMenu{
+.bulkBulletPointMenu {
   min-width: 80px;
   /* positioning */
   position: absolute;
@@ -52,7 +53,9 @@
   bottom: 54px;
   right: 0px;
   /* elevation shadow */
-  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
+  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px,
+    rgba(0, 0, 0, 0.1) 0px 2px 4px 0px,
+    rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
   z-index: 1;
   /* round corners */
   border-radius: 7px;

package/es/molecule/bullet-point-menu-button/types.d.ts

@@ -10,6 +10,23 @@ declare const propTypes: {
         label: PropTypes.Validator<string>;
         onClick: PropTypes.Validator<(...args: any[]) => any>;
         type: PropTypes.Requireable<string>;
+        buttonLinkType: PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<PropTypes.InferProps<{
+            position: PropTypes.Validator<string>;
+            type: PropTypes.Requireable<string>;
+            faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                name: PropTypes.Validator<string>;
+                color: PropTypes.Requireable<string>;
+                backgroundColor: PropTypes.Requireable<string>;
+                size: PropTypes.Requireable<number>;
+                customStyle: PropTypes.Requireable<{
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                }>;
+            }>>;
+        }>>;
+        customStyle: PropTypes.Requireable<{
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        }>;
     }> | null | undefined)[]>;
     onClick: PropTypes.Requireable<(...args: any[]) => any>;
     menuButtonClassName: PropTypes.Requireable<string>;

package/es/molecule/bullet-point-menu-button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,WAAW,EAAC,MAAM,8BAA8B,CAAC;AAEzD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAQd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,0BAA0B,GAAG;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,iCAAiC,GAAG;IAAC,KAAK,EAAE,0BAA0B,CAAA;CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,WAAW,EAAC,MAAM,8BAA8B,CAAC;AAEzD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,0BAA0B,GAAG;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,iCAAiC,GAAG;IAAC,KAAK,EAAE,0BAA0B,CAAA;CAAC,CAAC"}

package/es/molecule/cm-popin/types.d.ts

@@ -34,7 +34,9 @@ declare const propTypes: {
         'aria-label': PropTypes.Requireable<string>;
         largeButton: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<string>;
-        customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        customStyle: PropTypes.Requireable<{
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        }>;
     }>>;
     secondButton: PropTypes.Requireable<PropTypes.InferProps<{
         label: PropTypes.Requireable<string>;
@@ -42,7 +44,9 @@ declare const propTypes: {
         type: PropTypes.Requireable<string>;
         'aria-label': PropTypes.Requireable<string>;
         largeButton: PropTypes.Requireable<boolean>;
-        customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        customStyle: PropTypes.Requireable<{
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        }>;
         icon: PropTypes.Requireable<PropTypes.InferProps<{
             position: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
@@ -54,7 +58,9 @@ declare const propTypes: {
         type: PropTypes.Requireable<string>;
         'aria-label': PropTypes.Requireable<string>;
         largeButton: PropTypes.Requireable<boolean>;
-        customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        customStyle: PropTypes.Requireable<{
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        }>;
     }>>;
     onClose: PropTypes.Requireable<(...args: any[]) => any>;
     icon: PropTypes.Requireable<string>;
@@ -101,8 +107,17 @@ declare const propTypes: {
                 'data-name': PropTypes.Requireable<string>;
                 'data-testid': PropTypes.Requireable<string>;
                 icon: PropTypes.Requireable<PropTypes.InferProps<{
-                    position: PropTypes.Requireable<string>;
+                    position: PropTypes.Validator<string>;
                     type: PropTypes.Requireable<string>;
+                    faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                        name: PropTypes.Validator<string>;
+                        color: PropTypes.Requireable<string>;
+                        backgroundColor: PropTypes.Requireable<string>;
+                        size: PropTypes.Requireable<number>;
+                        customStyle: PropTypes.Requireable<{
+                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                        }>;
+                    }>>;
                 }>>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 link: PropTypes.Requireable<PropTypes.InferProps<{
@@ -114,7 +129,9 @@ declare const propTypes: {
                 hoverColor: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
                 className: PropTypes.Requireable<string>;
-                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                customStyle: PropTypes.Requireable<{
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                }>;
             }>>;
             selectMultiple: PropTypes.Requireable<PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;
@@ -232,6 +249,23 @@ declare const propTypes: {
                             label: PropTypes.Validator<string>;
                             onClick: PropTypes.Validator<(...args: any[]) => any>;
                             type: PropTypes.Requireable<string>;
+                            buttonLinkType: PropTypes.Requireable<string>;
+                            icon: PropTypes.Requireable<PropTypes.InferProps<{
+                                position: PropTypes.Validator<string>;
+                                type: PropTypes.Requireable<string>;
+                                faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                                    name: PropTypes.Validator<string>;
+                                    color: PropTypes.Requireable<string>;
+                                    backgroundColor: PropTypes.Requireable<string>;
+                                    size: PropTypes.Requireable<number>;
+                                    customStyle: PropTypes.Requireable<{
+                                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                                    }>;
+                                }>>;
+                            }>>;
+                            customStyle: PropTypes.Requireable<{
+                                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                            }>;
                         }> | null | undefined)[]>;
                         onClick: PropTypes.Requireable<(...args: any[]) => any>;
                         menuButtonClassName: PropTypes.Requireable<string>;
@@ -254,8 +288,17 @@ declare const propTypes: {
                     'data-name': PropTypes.Requireable<string>;
                     'data-testid': PropTypes.Requireable<string>;
                     icon: PropTypes.Requireable<PropTypes.InferProps<{
-                        position: PropTypes.Requireable<string>;
+                        position: PropTypes.Validator<string>;
                         type: PropTypes.Requireable<string>;
+                        faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                            name: PropTypes.Validator<string>;
+                            color: PropTypes.Requireable<string>;
+                            backgroundColor: PropTypes.Requireable<string>;
+                            size: PropTypes.Requireable<number>;
+                            customStyle: PropTypes.Requireable<{
+                                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                            }>;
+                        }>>;
                     }>>;
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     link: PropTypes.Requireable<PropTypes.InferProps<{
@@ -267,7 +310,9 @@ declare const propTypes: {
                     hoverColor: PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
                     className: PropTypes.Requireable<string>;
-                    customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                    customStyle: PropTypes.Requireable<{
+                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                    }>;
                 }> | PropTypes.InferProps<{
                     componentType: PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
@@ -279,6 +324,23 @@ declare const propTypes: {
                         label: PropTypes.Validator<string>;
                         onClick: PropTypes.Validator<(...args: any[]) => any>;
                         type: PropTypes.Requireable<string>;
+                        buttonLinkType: PropTypes.Requireable<string>;
+                        icon: PropTypes.Requireable<PropTypes.InferProps<{
+                            position: PropTypes.Validator<string>;
+                            type: PropTypes.Requireable<string>;
+                            faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                                name: PropTypes.Validator<string>;
+                                color: PropTypes.Requireable<string>;
+                                backgroundColor: PropTypes.Requireable<string>;
+                                size: PropTypes.Requireable<number>;
+                                customStyle: PropTypes.Requireable<{
+                                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                                }>;
+                            }>>;
+                        }>>;
+                        customStyle: PropTypes.Requireable<{
+                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                        }>;
                     }> | null | undefined)[]>;
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     menuButtonClassName: PropTypes.Requireable<string>;

package/es/molecule/cm-popin/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAGlD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;CACpD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAGlD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;CACpD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/molecule/expandible-actionable-table/index.d.ts

@@ -51,6 +51,23 @@ declare const ActionableExpandableTable: {
                     label: import("prop-types").Validator<string>;
                     onClick: import("prop-types").Validator<(...args: any[]) => any>;
                     type: import("prop-types").Requireable<string>;
+                    buttonLinkType: import("prop-types").Requireable<string>;
+                    icon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                        position: import("prop-types").Validator<string>;
+                        type: import("prop-types").Requireable<string>;
+                        faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                            name: import("prop-types").Validator<string>;
+                            color: import("prop-types").Requireable<string>;
+                            backgroundColor: import("prop-types").Requireable<string>;
+                            size: import("prop-types").Requireable<number>;
+                            customStyle: import("prop-types").Requireable<{
+                                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                            }>;
+                        }>>;
+                    }>>;
+                    customStyle: import("prop-types").Requireable<{
+                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                    }>;
                 }> | null | undefined)[]>;
                 onClick: import("prop-types").Requireable<(...args: any[]) => any>;
                 menuButtonClassName: import("prop-types").Requireable<string>;
@@ -73,8 +90,17 @@ declare const ActionableExpandableTable: {
             'data-name': import("prop-types").Requireable<string>;
             'data-testid': import("prop-types").Requireable<string>;
             icon: import("prop-types").Requireable<import("prop-types").InferProps<{
-                position: import("prop-types").Requireable<string>;
+                position: import("prop-types").Validator<string>;
                 type: import("prop-types").Requireable<string>;
+                faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    name: import("prop-types").Validator<string>;
+                    color: import("prop-types").Requireable<string>;
+                    backgroundColor: import("prop-types").Requireable<string>;
+                    size: import("prop-types").Requireable<number>;
+                    customStyle: import("prop-types").Requireable<{
+                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                    }>;
+                }>>;
             }>>;
             onClick: import("prop-types").Requireable<(...args: any[]) => any>;
             link: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -86,7 +112,9 @@ declare const ActionableExpandableTable: {
             hoverColor: import("prop-types").Requireable<string>;
             disabled: import("prop-types").Requireable<boolean>;
             className: import("prop-types").Requireable<string>;
-            customStyle: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
+            customStyle: import("prop-types").Requireable<{
+                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            }>;
         }> | import("prop-types").InferProps<{
             componentType: import("prop-types").Requireable<string>;
             disabled: import("prop-types").Requireable<boolean>;
@@ -98,6 +126,23 @@ declare const ActionableExpandableTable: {
                 label: import("prop-types").Validator<string>;
                 onClick: import("prop-types").Validator<(...args: any[]) => any>;
                 type: import("prop-types").Requireable<string>;
+                buttonLinkType: import("prop-types").Requireable<string>;
+                icon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    position: import("prop-types").Validator<string>;
+                    type: import("prop-types").Requireable<string>;
+                    faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                        name: import("prop-types").Validator<string>;
+                        color: import("prop-types").Requireable<string>;
+                        backgroundColor: import("prop-types").Requireable<string>;
+                        size: import("prop-types").Requireable<number>;
+                        customStyle: import("prop-types").Requireable<{
+                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                        }>;
+                    }>>;
+                }>>;
+                customStyle: import("prop-types").Requireable<{
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                }>;
             }> | null | undefined)[]>;
             onClick: import("prop-types").Requireable<(...args: any[]) => any>;
             menuButtonClassName: import("prop-types").Requireable<string>;

package/es/molecule/expandible-actionable-table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandible-actionable-table/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAOjE,OAAO,EAA2C,KAAK,EAAY,MAAM,SAAS,CAAC;AAqCnF,QAAA,MAAM,yBAAyB;YAAW,KAAK,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoL/E,CAAC;AASF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandible-actionable-table/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAOjE,OAAO,EAA2C,KAAK,EAAY,MAAM,SAAS,CAAC;AAqCnF,QAAA,MAAM,yBAAyB;YAAW,KAAK,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoL/E,CAAC;AASF,eAAe,yBAAyB,CAAC"}

package/es/molecule/expandible-actionable-table/types.d.ts

@@ -28,6 +28,23 @@ export declare const propTypes: {
                 label: PropTypes.Validator<string>;
                 onClick: PropTypes.Validator<(...args: any[]) => any>;
                 type: PropTypes.Requireable<string>;
+                buttonLinkType: PropTypes.Requireable<string>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                    position: PropTypes.Validator<string>;
+                    type: PropTypes.Requireable<string>;
+                    faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                        name: PropTypes.Validator<string>;
+                        color: PropTypes.Requireable<string>;
+                        backgroundColor: PropTypes.Requireable<string>;
+                        size: PropTypes.Requireable<number>;
+                        customStyle: PropTypes.Requireable<{
+                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                        }>;
+                    }>>;
+                }>>;
+                customStyle: PropTypes.Requireable<{
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                }>;
             }> | null | undefined)[]>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             menuButtonClassName: PropTypes.Requireable<string>;
@@ -50,8 +67,17 @@ export declare const propTypes: {
         'data-name': PropTypes.Requireable<string>;
         'data-testid': PropTypes.Requireable<string>;
         icon: PropTypes.Requireable<PropTypes.InferProps<{
-            position: PropTypes.Requireable<string>;
+            position: PropTypes.Validator<string>;
             type: PropTypes.Requireable<string>;
+            faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                name: PropTypes.Validator<string>;
+                color: PropTypes.Requireable<string>;
+                backgroundColor: PropTypes.Requireable<string>;
+                size: PropTypes.Requireable<number>;
+                customStyle: PropTypes.Requireable<{
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                }>;
+            }>>;
         }>>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         link: PropTypes.Requireable<PropTypes.InferProps<{
@@ -63,7 +89,9 @@ export declare const propTypes: {
         hoverColor: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
         className: PropTypes.Requireable<string>;
-        customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        customStyle: PropTypes.Requireable<{
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        }>;
     }> | PropTypes.InferProps<{
         componentType: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
@@ -75,6 +103,23 @@ export declare const propTypes: {
             label: PropTypes.Validator<string>;
             onClick: PropTypes.Validator<(...args: any[]) => any>;
             type: PropTypes.Requireable<string>;
+            buttonLinkType: PropTypes.Requireable<string>;
+            icon: PropTypes.Requireable<PropTypes.InferProps<{
+                position: PropTypes.Validator<string>;
+                type: PropTypes.Requireable<string>;
+                faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                    name: PropTypes.Validator<string>;
+                    color: PropTypes.Requireable<string>;
+                    backgroundColor: PropTypes.Requireable<string>;
+                    size: PropTypes.Requireable<number>;
+                    customStyle: PropTypes.Requireable<{
+                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                    }>;
+                }>>;
+            }>>;
+            customStyle: PropTypes.Requireable<{
+                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            }>;
         }> | null | undefined)[]>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         menuButtonClassName: PropTypes.Requireable<string>;

package/es/molecule/expandible-actionable-table/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandible-actionable-table/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,OAAO,EAAC,0BAA0B,EAAC,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,KAAK,IAAI,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAC,KAAK,IAAI,oBAAoB,EAAC,MAAM,4BAA4B,CAAC;AA0BzE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBrB,CAAC;AAEF,oBAAY,KAAK,GACb,MAAM,GACN,CAAC,eAAe,GAAG;IACjB,aAAa,EAAE,QAAQ,CAAC;CACzB,CAAC,GACF,CAAC,oBAAoB,GAAG;IACtB,aAAa,EAAE,cAAc,CAAC;CAC/B,CAAC,CAAC;AAEP,oBAAY,SAAS,GACjB,CAAC,eAAe,GAAG;IACjB,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC,GACF,CAAC,0BAA0B,GAAG;IAC5B,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEP,oBAAY,SAAS,GACjB,CAAC,gBAAgB,GAAG;IAClB,aAAa,EAAE,cAAc,CAAC;CAC/B,CAAC,GACF,CAAC,KAAK,GAAG;IACP,aAAa,EAAE,yBAAyB,CAAC;CAC1C,CAAC,CAAC;AAEP,oBAAY,MAAM,GAAG;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAAC;AACrC,oBAAY,GAAG,GAAG;IAChB,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AACF,oBAAY,OAAO,GAAG,MAAM,EAAE,CAAC;AAC/B,oBAAY,IAAI,GAAG,GAAG,EAAE,CAAC;AAEzB,oBAAY,KAAK,GAAG;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,MAAM,GAAG,IAAI,GAAG,GAAG,EAAE,CAAC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF,oBAAY,WAAW,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandible-actionable-table/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,OAAO,EAAC,0BAA0B,EAAC,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,KAAK,IAAI,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAC,KAAK,IAAI,oBAAoB,EAAC,MAAM,4BAA4B,CAAC;AA0BzE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBrB,CAAC;AAEF,oBAAY,KAAK,GACb,MAAM,GACN,CAAC,eAAe,GAAG;IACjB,aAAa,EAAE,QAAQ,CAAC;CACzB,CAAC,GACF,CAAC,oBAAoB,GAAG;IACtB,aAAa,EAAE,cAAc,CAAC;CAC/B,CAAC,CAAC;AAEP,oBAAY,SAAS,GACjB,CAAC,eAAe,GAAG;IACjB,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC,GACF,CAAC,0BAA0B,GAAG;IAC5B,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEP,oBAAY,SAAS,GACjB,CAAC,gBAAgB,GAAG;IAClB,aAAa,EAAE,cAAc,CAAC;CAC/B,CAAC,GACF,CAAC,KAAK,GAAG;IACP,aAAa,EAAE,yBAAyB,CAAC;CAC1C,CAAC,CAAC;AAEP,oBAAY,MAAM,GAAG;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAAC;AACrC,oBAAY,GAAG,GAAG;IAChB,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AACF,oBAAY,OAAO,GAAG,MAAM,EAAE,CAAC;AAC/B,oBAAY,IAAI,GAAG,GAAG,EAAE,CAAC;AAEzB,oBAAY,KAAK,GAAG;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,MAAM,GAAG,IAAI,GAAG,GAAG,EAAE,CAAC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF,oBAAY,WAAW,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAC,CAAC"}

package/es/molecule/filters/index.js

@@ -135,7 +135,7 @@ class Filters extends React.Component {
       filterGroupAriaLabel: filterGroupAriaLabel
     }), /*#__PURE__*/React.createElement("div", {
       "data-name": "cta",
-      className: style.CTAfilter,
+      className: style.ctaFilter,
       style: {
         backgroundColor: defaultColor
       },
@@ -145,7 +145,7 @@ class Filters extends React.Component {
       className: sortingActive ? style.activeSorting : style.sorting
     }, sortView, /*#__PURE__*/React.createElement("div", {
       "data-name": "cta",
-      className: style.CTAfilter,
+      className: style.ctaFilter,
       style: {
         backgroundColor: defaultColor
       },

package/es/molecule/filters/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowDown","ArrowDown","Select","Provider","style","FiltersWrapper","Filters","Component","contextTypes","skin","childContextTypes","constructor","props","state","filter","openFilters","sorted","openSorts","handleOpenFilter","bind","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","moreFilterAriaLabel","moreSortAriaLabel","filterGroupAriaLabel","sortAriaLabel","context","defaultColor","_get","darkColor","filtersActive","sortingActive","sortView","undefined","createElement","className","select","_extends","search","activeDefault","defaultStyle","title","onClick","arrow","color","height","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","propTypes","process","env","NODE_ENV","string","bool","shape","func"],"sources":["../../../src/molecule/filters/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport FiltersWrapper from './filters-wrapper';\n\nclass Filters extends React.Component {\n  static propTypes = {\n    filterCTALabel: PropTypes.string,\n    filterTabLabel: PropTypes.string,\n    sortCTALabel: PropTypes.string,\n    sortTabLabel: PropTypes.string,\n    openFilters: PropTypes.bool,\n    openSorts: PropTypes.bool,\n    filters: FiltersWrapper.propTypes.filters,\n    sorting: PropTypes.shape(Select.propTypes),\n    onSearch: PropTypes.func,\n    onToggleFilters: PropTypes.func,\n    onToggleSorts: PropTypes.func,\n    moreSortAriaLabel: PropTypes.string,\n    moreFilterAriaLabel: PropTypes.string,\n    filterGroupAriaLabel: PropTypes.string,\n    sortAriaLabel: PropTypes.string\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      filter: !!props.openFilters,\n      sorted: !!props.openSorts\n    };\n    this.handleOpenFilter = this.handleOpenFilter.bind(this);\n    this.handleOpenSort = this.handleOpenSort.bind(this);\n    this.handleSearch = this.handleSearch.bind(this);\n  }\n\n  handleOpenFilter() {\n    const {filter} = this.state;\n    const {onToggleFilters} = this.props;\n\n    const newValue = !filter;\n\n    this.setState({\n      filter: newValue,\n      sorted: false\n    });\n\n    if (onToggleFilters) {\n      onToggleFilters(newValue);\n    }\n  }\n\n  handleOpenSort() {\n    const {sorted} = this.state;\n    const {onToggleSorts} = this.props;\n\n    const newValue = !sorted;\n\n    this.setState({\n      sorted: newValue,\n      filter: false\n    });\n\n    if (onToggleSorts) onToggleSorts(newValue);\n  }\n\n  handleSearch() {\n    const {onSearch} = this.props;\n    this.setState({\n      sorted: false,\n      filter: false\n    });\n    if (onSearch) onSearch();\n  }\n\n  render() {\n    const {\n      sorting,\n      filterCTALabel,\n      filterTabLabel,\n      sortCTALabel,\n      sortTabLabel,\n      filters,\n      moreFilterAriaLabel,\n      moreSortAriaLabel,\n      filterGroupAriaLabel,\n      sortAriaLabel\n    } = this.props;\n    const {filter, sorted} = this.state;\n    const {skin} = this.context;\n\n    const defaultColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const filtersActive = filter === true;\n    const sortingActive = sorted === true;\n\n    const sortView =\n      sorting !== undefined ? (\n        <div data-name=\"choice\" className={style.select}>\n          <Select {...sorting} aria-label={sortAriaLabel} />\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"search\" className={style.search}>\n        <div\n          data-name=\"filter\"\n          data-open={filtersActive}\n          className={filtersActive ? style.activeDefault : style.defaultStyle}\n        >\n          <div className={style.title} data-name=\"filterButton\" onClick={this.handleOpenFilter}>\n            {filterTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown style={{color: darkColor}} height={14} aria-label={moreFilterAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"sortBy\"\n          data-open={sortingActive}\n          className={sortingActive ? style.activeWrapperSortBy : style.wrapperSortBy}\n        >\n          <div className={style.title} data-name=\"sortButton\" onClick={this.handleOpenSort}>\n            {sortTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown style={{color: darkColor}} height={14} aria-label={moreSortAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"filterWrapper\"\n          className={filtersActive ? style.activeWrapperFilters : style.wrapperFilters}\n        >\n          <FiltersWrapper\n            className={style.wrapper}\n            filters={filters}\n            filterGroupAriaLabel={filterGroupAriaLabel}\n          />\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {filterCTALabel}\n          </div>\n        </div>\n        <div\n          data-name=\"sortWrapper\"\n          className={sortingActive ? style.activeSorting : style.sorting}\n        >\n          {sortView}\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {sortCTALabel}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Filters;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowDown","ArrowDown","Select","Provider","style","FiltersWrapper","Filters","Component","contextTypes","skin","childContextTypes","constructor","props","state","filter","openFilters","sorted","openSorts","handleOpenFilter","bind","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","moreFilterAriaLabel","moreSortAriaLabel","filterGroupAriaLabel","sortAriaLabel","context","defaultColor","_get","darkColor","filtersActive","sortingActive","sortView","undefined","createElement","className","select","_extends","search","activeDefault","defaultStyle","title","onClick","arrow","color","height","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","ctaFilter","backgroundColor","activeSorting","propTypes","process","env","NODE_ENV","string","bool","shape","func"],"sources":["../../../src/molecule/filters/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport FiltersWrapper from './filters-wrapper';\n\nclass Filters extends React.Component {\n  static propTypes = {\n    filterCTALabel: PropTypes.string,\n    filterTabLabel: PropTypes.string,\n    sortCTALabel: PropTypes.string,\n    sortTabLabel: PropTypes.string,\n    openFilters: PropTypes.bool,\n    openSorts: PropTypes.bool,\n    filters: FiltersWrapper.propTypes.filters,\n    sorting: PropTypes.shape(Select.propTypes),\n    onSearch: PropTypes.func,\n    onToggleFilters: PropTypes.func,\n    onToggleSorts: PropTypes.func,\n    moreSortAriaLabel: PropTypes.string,\n    moreFilterAriaLabel: PropTypes.string,\n    filterGroupAriaLabel: PropTypes.string,\n    sortAriaLabel: PropTypes.string\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      filter: !!props.openFilters,\n      sorted: !!props.openSorts\n    };\n    this.handleOpenFilter = this.handleOpenFilter.bind(this);\n    this.handleOpenSort = this.handleOpenSort.bind(this);\n    this.handleSearch = this.handleSearch.bind(this);\n  }\n\n  handleOpenFilter() {\n    const {filter} = this.state;\n    const {onToggleFilters} = this.props;\n\n    const newValue = !filter;\n\n    this.setState({\n      filter: newValue,\n      sorted: false\n    });\n\n    if (onToggleFilters) {\n      onToggleFilters(newValue);\n    }\n  }\n\n  handleOpenSort() {\n    const {sorted} = this.state;\n    const {onToggleSorts} = this.props;\n\n    const newValue = !sorted;\n\n    this.setState({\n      sorted: newValue,\n      filter: false\n    });\n\n    if (onToggleSorts) onToggleSorts(newValue);\n  }\n\n  handleSearch() {\n    const {onSearch} = this.props;\n    this.setState({\n      sorted: false,\n      filter: false\n    });\n    if (onSearch) onSearch();\n  }\n\n  render() {\n    const {\n      sorting,\n      filterCTALabel,\n      filterTabLabel,\n      sortCTALabel,\n      sortTabLabel,\n      filters,\n      moreFilterAriaLabel,\n      moreSortAriaLabel,\n      filterGroupAriaLabel,\n      sortAriaLabel\n    } = this.props;\n    const {filter, sorted} = this.state;\n    const {skin} = this.context;\n\n    const defaultColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const filtersActive = filter === true;\n    const sortingActive = sorted === true;\n\n    const sortView =\n      sorting !== undefined ? (\n        <div data-name=\"choice\" className={style.select}>\n          <Select {...sorting} aria-label={sortAriaLabel} />\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"search\" className={style.search}>\n        <div\n          data-name=\"filter\"\n          data-open={filtersActive}\n          className={filtersActive ? style.activeDefault : style.defaultStyle}\n        >\n          <div className={style.title} data-name=\"filterButton\" onClick={this.handleOpenFilter}>\n            {filterTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown style={{color: darkColor}} height={14} aria-label={moreFilterAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"sortBy\"\n          data-open={sortingActive}\n          className={sortingActive ? style.activeWrapperSortBy : style.wrapperSortBy}\n        >\n          <div className={style.title} data-name=\"sortButton\" onClick={this.handleOpenSort}>\n            {sortTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown style={{color: darkColor}} height={14} aria-label={moreSortAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"filterWrapper\"\n          className={filtersActive ? style.activeWrapperFilters : style.wrapperFilters}\n        >\n          <FiltersWrapper\n            className={style.wrapper}\n            filters={filters}\n            filterGroupAriaLabel={filterGroupAriaLabel}\n          />\n          <div\n            data-name=\"cta\"\n            className={style.ctaFilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {filterCTALabel}\n          </div>\n        </div>\n        <div\n          data-name=\"sortWrapper\"\n          className={sortingActive ? style.activeSorting : style.sorting}\n        >\n          {sortView}\n          <div\n            data-name=\"cta\"\n            className={style.ctaFilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {sortCTALabel}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Filters;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/filters/style.css

@@ -107,7 +107,7 @@
   width: 25%;
 }
 
-.CTAfilter {
+.ctaFilter {
   composes: hoverFill from '../../atom/button/hover-fill.css';
   display: none;
 }
@@ -278,10 +278,10 @@
     width: 100%;
   }
 
-  .wrapperFilters .CTAfilter,
-  .sorting .CTAfilter,
-  .activeWrapperFilters .CTAfilter,
-  .activeSorting .CTAfilter {
+  .wrapperFilters .ctaFilter,
+  .sorting .ctaFilter,
+  .activeWrapperFilters .ctaFilter,
+  .activeSorting .ctaFilter {
     display: block;
     width: 100%;
     height: 49px;
@@ -295,8 +295,8 @@
     bottom: 15px;
   }
 
-  .activeWrapperFilters .CTAfilter::before,
-  .activeSorting .CTAfilter::before {
+  .activeWrapperFilters .ctaFilter::before,
+  .activeSorting .ctaFilter::before {
     background-color: rgba(0, 0, 0, 0.2);
   }
 }