@coorpacademy/components 11.40.22-slider.21 → 11.40.23

package/es/molecule/base-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useRef","useState","PropTypes","convert","classnames","Provider","Icon","ButtonLink","COLORS","style","BaseModal","props","context","title","titleAriaLabel","description","headerIcon","children","isOpen","footer","onClose","onScroll","detectScrollbar","customStyle","skin","bodyRef","isScrollbarVisible","setIsScrollbarVisible","checkScrollbar","bodyElement","current","scrollHeight","clientHeight","debouncedCheckScrollbar","_debounce","mutationObserver","MutationObserver","observe","childList","subtree","resizeObserver","ResizeObserver","disconnect","cancel","handleEscape","event","key","document","addEventListener","removeEventListener","Footer","_isEmpty","cancelButton","confirmButton","text","isError","label","cancelLabel","onCancel","disabled","cancelDisabled","confirmLabel","onConfirm","confirmDisabled","iconName","color","buttonConfirmColor","_get","createElement","className","footerCTAWrapper","button","type","onClick","_extends","backgroundColor","paddingLeft","hoverBackgroundColor","hoverColor","white","icon","position","faIcon","name","size","padding","footerDescription","footerDescriptionError","handleOnClose","e","stopPropagation","handleModalOnClick","modalWrapper","modal","header","headerCentered","iconColor","faSize","wrapperSize","headerContent","headerTitle","headerDescription","headerCloseIcon","ref","body","bodyWithoutScrollbar","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","shape","node","bool","oneOfType","func","boolean","objectOf","number"],"sources":["../../../src/molecule/base-modal/index.js"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get, debounce} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst BaseModal = (props, context) => {\n  const {\n    title,\n    titleAriaLabel,\n    description,\n    headerIcon,\n    children,\n    isOpen,\n    footer,\n    onClose,\n    onScroll,\n    detectScrollbar = false,\n    customStyle\n  } = props;\n  const {skin} = context;\n  const bodyRef = useRef(null);\n  const [isScrollbarVisible, setIsScrollbarVisible] = useState(!detectScrollbar);\n\n  const checkScrollbar = () => {\n    const bodyElement = bodyRef.current;\n    if (bodyElement) {\n      setIsScrollbarVisible(bodyElement.scrollHeight > bodyElement.clientHeight);\n    }\n  };\n\n  useEffect(() => {\n    if (!detectScrollbar) return;\n    const bodyElement = bodyRef.current;\n\n    if (!bodyElement) return;\n\n    const debouncedCheckScrollbar = debounce(100, () => {\n      checkScrollbar();\n    });\n\n    // Observer of the body content\n    const mutationObserver = new MutationObserver(() => {\n      debouncedCheckScrollbar();\n    });\n\n    mutationObserver.observe(bodyElement, {childList: true, subtree: true});\n\n    // Observer of the body size\n    const resizeObserver = new ResizeObserver(() => {\n      debouncedCheckScrollbar();\n    });\n\n    if (bodyRef.current) {\n      resizeObserver.observe(bodyRef.current);\n    }\n\n    checkScrollbar();\n\n    return () => {\n      mutationObserver.disconnect();\n      resizeObserver.disconnect();\n      debouncedCheckScrollbar.cancel();\n    };\n  }, [children, detectScrollbar]);\n\n  // Handle escape key press\n  useEffect(() => {\n    if (!isOpen || !onClose) return;\n\n    const handleEscape = event => {\n      if (event.key === 'Escape') {\n        onClose();\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape);\n    return () => {\n      document.removeEventListener('keydown', handleEscape);\n    };\n  }, [isOpen, onClose]);\n\n  const Footer = useCallback(() => {\n    if (isEmpty(footer)) return null;\n    if (typeof footer === 'function') return footer();\n\n    const {cancelButton, confirmButton, text, isError} = footer;\n    const {label: cancelLabel, onCancel, disabled: cancelDisabled} = cancelButton || {};\n    const {\n      label: confirmLabel,\n      onConfirm,\n      disabled: confirmDisabled,\n      iconName,\n      color\n    } = confirmButton || {};\n    const buttonConfirmColor = color || get('common.primary', skin);\n\n    return (\n      <div className={style.footer} data-name=\"modal-footer\">\n        <div className={style.footerCTAWrapper}>\n          {onCancel && cancelLabel ? (\n            <ButtonLink\n              {...{\n                className: style.button,\n                type: 'secondary',\n                onClick: onCancel,\n                label: cancelLabel,\n                disabled: cancelDisabled,\n                'data-testid': `button-link-cancel`\n              }}\n            />\n          ) : null}\n          {onConfirm && confirmLabel ? (\n            <div>\n              <ButtonLink\n                {...{\n                  customStyle: {backgroundColor: buttonConfirmColor, paddingLeft: '16px'},\n                  hoverBackgroundColor: convert(\n                    `hsl(from ${buttonConfirmColor} h s calc(l*(1 - 0.08)))`\n                  ),\n                  hoverColor: COLORS.white,\n                  className: style.button,\n                  type: 'primary',\n                  onClick: onConfirm,\n                  label: confirmLabel,\n                  disabled: confirmDisabled,\n                  ...(iconName\n                    ? {\n                        icon: {\n                          position: 'left',\n                          faIcon: {\n                            name: iconName,\n                            color: COLORS.white,\n                            size: 14,\n                            customStyle: {padding: 0}\n                          }\n                        }\n                      }\n                    : {}),\n                  'data-testid': `button-link-confirm`\n                }}\n              />\n            </div>\n          ) : null}\n        </div>\n        {text ? (\n          <div\n            className={`${style.footerDescription} ${isError ? style.footerDescriptionError : ''}`}\n          >\n            {text}\n          </div>\n        ) : null}\n      </div>\n    );\n  }, [footer, skin]);\n\n  if (!isOpen || !title || !children) return null;\n\n  function handleOnClose(e) {\n    e?.stopPropagation();\n    onClose();\n  }\n  function handleModalOnClick(e) {\n    e?.stopPropagation();\n  }\n\n  return (\n    <div className={style.modalWrapper} data-testid=\"modal\" onClick={handleOnClose}>\n      <div className={style.modal} style={customStyle} onClick={handleModalOnClick}>\n        <header className={classnames(style.header, !description && style.headerCentered)}>\n          {headerIcon?.name ? (\n            <div className={style.headerIcon}>\n              <Icon\n                iconName={headerIcon.name}\n                iconColor={headerIcon.color}\n                backgroundColor={headerIcon.backgroundColor}\n                size={{faSize: 20, wrapperSize: 48}}\n              />\n            </div>\n          ) : null}\n          <div className={style.headerContent}>\n            <div className={style.headerTitle} aria-label={titleAriaLabel}>\n              {title}\n            </div>\n            {description ? <div className={style.headerDescription}>{description}</div> : null}\n          </div>\n          <div className={style.headerCloseIcon} onClick={handleOnClose} data-testid=\"close-icon\">\n            <Icon iconName=\"close\" backgroundColor=\"#F4F4F5\" size={{faSize: 14, wrapperSize: 28}} />\n          </div>\n        </header>\n        <div\n          ref={bodyRef}\n          className={isScrollbarVisible ? style.body : style.bodyWithoutScrollbar}\n          onScroll={onScroll}\n          data-testid=\"modal-body\"\n        >\n          {children}\n        </div>\n        <Footer />\n      </div>\n    </div>\n  );\n};\n\nBaseModal.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBaseModal.propTypes = {\n  title: PropTypes.string,\n  titleAriaLabel: PropTypes.string,\n  headerIcon: PropTypes.shape({\n    name: PropTypes.string,\n    color: PropTypes.string,\n    backgroundColor: PropTypes.string\n  }),\n  description: PropTypes.string,\n  children: PropTypes.node,\n  isOpen: PropTypes.bool,\n  footer: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({\n      text: PropTypes.string,\n      isError: PropTypes.boolean,\n      cancelButton: PropTypes.shape({\n        label: PropTypes.string,\n        onCancel: PropTypes.func,\n        disabled: PropTypes.bool\n      }),\n      confirmButton: PropTypes.shape({\n        label: PropTypes.string,\n        onConfirm: PropTypes.func,\n        iconName: PropTypes.string,\n        disabled: PropTypes.bool,\n        color: PropTypes.string\n      })\n    })\n  ]),\n  onClose: PropTypes.func,\n  onScroll: PropTypes.func,\n  detectScrollbar: PropTypes.bool,\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default BaseModal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useRef","useState","PropTypes","convert","classnames","Provider","Icon","ButtonLink","COLORS","style","BaseModal","props","context","title","titleAriaLabel","description","headerIcon","children","isOpen","footer","onClose","onScroll","detectScrollbar","customStyle","skin","bodyRef","isScrollbarVisible","setIsScrollbarVisible","checkScrollbar","bodyElement","current","scrollHeight","clientHeight","debouncedCheckScrollbar","_debounce","mutationObserver","MutationObserver","observe","childList","subtree","resizeObserver","ResizeObserver","disconnect","cancel","handleEscape","event","key","document","addEventListener","removeEventListener","Footer","_isEmpty","cancelButton","confirmButton","text","isError","label","cancelLabel","onCancel","disabled","cancelDisabled","confirmLabel","onConfirm","confirmDisabled","iconName","color","buttonConfirmColor","_get","createElement","className","footerCTAWrapper","button","type","onClick","_extends","backgroundColor","paddingLeft","hoverBackgroundColor","hoverColor","white","icon","position","faIcon","name","size","padding","footerDescription","footerDescriptionError","handleOnClose","e","stopPropagation","handleModalOnClick","modalWrapper","modal","header","headerCentered","iconColor","faSize","wrapperSize","headerContent","headerTitle","role","headerDescription","headerCloseIcon","ref","body","bodyWithoutScrollbar","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","shape","node","bool","oneOfType","func","boolean","objectOf","number"],"sources":["../../../src/molecule/base-modal/index.js"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get, debounce} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst BaseModal = (props, context) => {\n  const {\n    title,\n    titleAriaLabel,\n    description,\n    headerIcon,\n    children,\n    isOpen,\n    footer,\n    onClose,\n    onScroll,\n    detectScrollbar = false,\n    customStyle\n  } = props;\n  const {skin} = context;\n  const bodyRef = useRef(null);\n  const [isScrollbarVisible, setIsScrollbarVisible] = useState(!detectScrollbar);\n\n  const checkScrollbar = () => {\n    const bodyElement = bodyRef.current;\n    if (bodyElement) {\n      setIsScrollbarVisible(bodyElement.scrollHeight > bodyElement.clientHeight);\n    }\n  };\n\n  useEffect(() => {\n    if (!detectScrollbar) return;\n    const bodyElement = bodyRef.current;\n\n    if (!bodyElement) return;\n\n    const debouncedCheckScrollbar = debounce(100, () => {\n      checkScrollbar();\n    });\n\n    // Observer of the body content\n    const mutationObserver = new MutationObserver(() => {\n      debouncedCheckScrollbar();\n    });\n\n    mutationObserver.observe(bodyElement, {childList: true, subtree: true});\n\n    // Observer of the body size\n    const resizeObserver = new ResizeObserver(() => {\n      debouncedCheckScrollbar();\n    });\n\n    if (bodyRef.current) {\n      resizeObserver.observe(bodyRef.current);\n    }\n\n    checkScrollbar();\n\n    return () => {\n      mutationObserver.disconnect();\n      resizeObserver.disconnect();\n      debouncedCheckScrollbar.cancel();\n    };\n  }, [children, detectScrollbar]);\n\n  // Handle escape key press\n  useEffect(() => {\n    if (!isOpen || !onClose) return;\n\n    const handleEscape = event => {\n      if (event.key === 'Escape') {\n        onClose();\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape);\n    return () => {\n      document.removeEventListener('keydown', handleEscape);\n    };\n  }, [isOpen, onClose]);\n\n  const Footer = useCallback(() => {\n    if (isEmpty(footer)) return null;\n    if (typeof footer === 'function') return footer();\n\n    const {cancelButton, confirmButton, text, isError} = footer;\n    const {label: cancelLabel, onCancel, disabled: cancelDisabled} = cancelButton || {};\n    const {\n      label: confirmLabel,\n      onConfirm,\n      disabled: confirmDisabled,\n      iconName,\n      color\n    } = confirmButton || {};\n    const buttonConfirmColor = color || get('common.primary', skin);\n\n    return (\n      <div className={style.footer} data-name=\"modal-footer\">\n        <div className={style.footerCTAWrapper}>\n          {onCancel && cancelLabel ? (\n            <ButtonLink\n              {...{\n                className: style.button,\n                type: 'secondary',\n                onClick: onCancel,\n                label: cancelLabel,\n                disabled: cancelDisabled,\n                'data-testid': `button-link-cancel`\n              }}\n            />\n          ) : null}\n          {onConfirm && confirmLabel ? (\n            <div>\n              <ButtonLink\n                {...{\n                  customStyle: {backgroundColor: buttonConfirmColor, paddingLeft: '16px'},\n                  hoverBackgroundColor: convert(\n                    `hsl(from ${buttonConfirmColor} h s calc(l*(1 - 0.08)))`\n                  ),\n                  hoverColor: COLORS.white,\n                  className: style.button,\n                  type: 'primary',\n                  onClick: onConfirm,\n                  label: confirmLabel,\n                  disabled: confirmDisabled,\n                  ...(iconName\n                    ? {\n                        icon: {\n                          position: 'left',\n                          faIcon: {\n                            name: iconName,\n                            color: COLORS.white,\n                            size: 14,\n                            customStyle: {padding: 0}\n                          }\n                        }\n                      }\n                    : {}),\n                  'data-testid': `button-link-confirm`\n                }}\n              />\n            </div>\n          ) : null}\n        </div>\n        {text ? (\n          <div\n            className={`${style.footerDescription} ${isError ? style.footerDescriptionError : ''}`}\n          >\n            {text}\n          </div>\n        ) : null}\n      </div>\n    );\n  }, [footer, skin]);\n\n  if (!isOpen || !title || !children) return null;\n\n  function handleOnClose(e) {\n    e?.stopPropagation();\n    onClose();\n  }\n  function handleModalOnClick(e) {\n    e?.stopPropagation();\n  }\n\n  return (\n    <div className={style.modalWrapper} data-testid=\"modal\" onClick={handleOnClose}>\n      <div className={style.modal} style={customStyle} onClick={handleModalOnClick}>\n        <header className={classnames(style.header, !description && style.headerCentered)}>\n          {headerIcon?.name ? (\n            <div className={style.headerIcon}>\n              <Icon\n                iconName={headerIcon.name}\n                iconColor={headerIcon.color}\n                backgroundColor={headerIcon.backgroundColor}\n                size={{faSize: 20, wrapperSize: 48}}\n              />\n            </div>\n          ) : null}\n          <div className={style.headerContent}>\n            <div className={style.headerTitle} role=\"group\" aria-label={titleAriaLabel}>\n              {title}\n            </div>\n            {description ? <div className={style.headerDescription}>{description}</div> : null}\n          </div>\n          <div className={style.headerCloseIcon} onClick={handleOnClose} data-testid=\"close-icon\">\n            <Icon iconName=\"close\" backgroundColor=\"#F4F4F5\" size={{faSize: 14, wrapperSize: 28}} />\n          </div>\n        </header>\n        <div\n          ref={bodyRef}\n          className={isScrollbarVisible ? style.body : style.bodyWithoutScrollbar}\n          onScroll={onScroll}\n          data-testid=\"modal-body\"\n        >\n          {children}\n        </div>\n        <Footer />\n      </div>\n    </div>\n  );\n};\n\nBaseModal.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBaseModal.propTypes = {\n  title: PropTypes.string,\n  titleAriaLabel: PropTypes.string,\n  headerIcon: PropTypes.shape({\n    name: PropTypes.string,\n    color: PropTypes.string,\n    backgroundColor: PropTypes.string\n  }),\n  description: PropTypes.string,\n  children: PropTypes.node,\n  isOpen: PropTypes.bool,\n  footer: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({\n      text: PropTypes.string,\n      isError: PropTypes.boolean,\n      cancelButton: PropTypes.shape({\n        label: PropTypes.string,\n        onCancel: PropTypes.func,\n        disabled: PropTypes.bool\n      }),\n      confirmButton: PropTypes.shape({\n        label: PropTypes.string,\n        onConfirm: PropTypes.func,\n        iconName: PropTypes.string,\n        disabled: PropTypes.bool,\n        color: PropTypes.string\n      })\n    })\n  ]),\n  onClose: PropTypes.func,\n  onScroll: PropTypes.func,\n  detectScrollbar: PropTypes.bool,\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default BaseModal;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/battle-opponent-list/index.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import { BattleOpponentListProps } from './prop-types';
 declare const BattleOpponentList: {
-    ({ opponents }: BattleOpponentListProps): React.JSX.Element;
+    ({ opponents }: BattleOpponentListProps): JSX.Element;
     propTypes: {
-        opponents: import("prop-types").Requireable<import("prop-types").InferProps<{
+        opponents: import("prop-types").Requireable<(import("prop-types").InferProps<{
             isAlreadyEngaged: import("prop-types").Requireable<boolean>;
             isRandom: import("prop-types").Requireable<boolean>;
             photo: import("prop-types").Requireable<string>;
@@ -11,7 +11,7 @@ declare const BattleOpponentList: {
             displayName: import("prop-types").Requireable<string>;
             tooltipText: import("prop-types").Requireable<string>;
             user_id: import("prop-types").Requireable<string>;
-        }>[]>;
+        }> | null | undefined)[]>;
     };
 };
 export default BattleOpponentList;

package/es/molecule/battle-opponent-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/battle-opponent-list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAKrC,OAAkB,EAAC,uBAAuB,EAAC,MAAM,cAAc,CAAC;AAGhE,QAAA,MAAM,kBAAkB;oBAAiB,uBAAuB;;;;;;;;;;;;CAiB/D,CAAC;AAIF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/battle-opponent-list/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,uBAAuB,EAAC,MAAM,cAAc,CAAC;AAGhE,QAAA,MAAM,kBAAkB;oBAAiB,uBAAuB;;;;;;;;;;;;CAiB/D,CAAC;AAIF,eAAe,kBAAkB,CAAC"}

package/es/molecule/battle-opponent-list/prop-types.d.ts

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 declare const propTypes: {
-    opponents: PropTypes.Requireable<PropTypes.InferProps<{
+    opponents: PropTypes.Requireable<(PropTypes.InferProps<{
         isAlreadyEngaged: PropTypes.Requireable<boolean>;
         isRandom: PropTypes.Requireable<boolean>;
         photo: PropTypes.Requireable<string>;
@@ -8,7 +8,7 @@ declare const propTypes: {
         displayName: PropTypes.Requireable<string>;
         tooltipText: PropTypes.Requireable<string>;
         user_id: PropTypes.Requireable<string>;
-    }>[]>;
+    }> | null | undefined)[]>;
 };
 declare type MoocBattleOpponent = {
     isAlreadyEngaged?: boolean;

package/es/molecule/battle-request/index.d.ts

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

package/es/molecule/battle-request/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/battle-request/index.js"],"names":[],"mappings":";AAUA,4EAwCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/battle-request/index.js"],"names":[],"mappings":";AAUA,sEAwCC"}

package/es/molecule/brand-card/description.d.ts

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

package/es/molecule/brand-card/description.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"description.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-card/description.js"],"names":[],"mappings":";AAKA,0EAYC"}
+{"version":3,"file":"description.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-card/description.js"],"names":[],"mappings":";AAKA,2EAYC"}

package/es/molecule/brand-card/index.d.ts

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

package/es/molecule/brand-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-card/index.js"],"names":[],"mappings":";AAQA,0DAuCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-card/index.js"],"names":[],"mappings":";AAQA,oDAuCC"}

package/es/molecule/brand-card-create/index.d.ts

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

package/es/molecule/brand-card-create/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-card-create/index.js"],"names":[],"mappings":";AAKA,gEAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-card-create/index.js"],"names":[],"mappings":";AAKA,0DAeC"}

package/es/molecule/brand-create-form/index.d.ts

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

package/es/molecule/brand-create-form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-create-form/index.js"],"names":[],"mappings":";AAOA,8EA4DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-create-form/index.js"],"names":[],"mappings":";AAOA,wEA4DC"}

package/es/molecule/brand-download-box/index.d.ts

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

package/es/molecule/brand-download-box/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-download-box/index.js"],"names":[],"mappings":";AAQA,+EA8BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-download-box/index.js"],"names":[],"mappings":";AAQA,yEA8BC"}

package/es/molecule/brand-form-group/index.d.ts

@@ -1,5 +1,5 @@
 export default BrandFormGroup;
-declare function BrandFormGroup(props: any): React.JSX.Element;
+declare function BrandFormGroup(props: any): JSX.Element;
 declare namespace BrandFormGroup {
     namespace propTypes {
         const title: PropTypes.Requireable<string>;
@@ -8,9 +8,8 @@ declare namespace BrandFormGroup {
         const subtitleSize: PropTypes.Requireable<string>;
         const fieldsLayout: PropTypes.Requireable<string>;
         const groupLayout: PropTypes.Requireable<string>;
-        const fields: PropTypes.Requireable<NonNullable<PropTypes.InferProps<any>>[]>;
+        const fields: PropTypes.Requireable<((PropTypes.InferPropsInner<Pick<any, never>> & Partial<PropTypes.InferPropsInner<Pick<any, string | number | symbol>>>) | null | undefined)[]>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/brand-form-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-form-group/index.js"],"names":[],"mappings":";AAgIA,+DAiCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-form-group/index.js"],"names":[],"mappings":";AAgIA,yDAiCC"}

package/es/molecule/brand-logo/index.native.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 export interface Props {
     height: number;
 }
-declare const BrandLogo: ({ height }: Props) => React.JSX.Element;
+declare const BrandLogo: ({ height }: Props) => JSX.Element;
 export default BrandLogo;
 //# sourceMappingURL=index.native.d.ts.map

package/es/molecule/brand-logo/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-logo/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,MAAM,CAAC;CAChB;AAYD,QAAA,MAAM,SAAS,eAAc,KAAK,sBAgBjC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-logo/index.native.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,MAAM,CAAC;CAChB;AAcD,QAAA,MAAM,SAAS,eAAc,KAAK,gBAgBjC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/molecule/brand-logo/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","StyleSheet","ImageBackground","useTemplateContext","styles","create","logo","width","BrandLogo","height","templateContext","brandTheme","imageStyle","source","uri","images","createElement","style","testID","resizeMode"],"sources":["../../../src/molecule/brand-logo/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, ViewStyle} from 'react-native';\nimport ImageBackground from '../../atom/image-background/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport interface Props {\n  height: number;\n}\n\ntype StyleSheetType = {\n  logo: ViewStyle;\n};\n\nconst styles: StyleSheetType = StyleSheet.create({\n  logo: {\n    width: '100%'\n  }\n});\n\nconst BrandLogo = ({height}: Props) => {\n  const templateContext = useTemplateContext();\n  const {brandTheme} = templateContext;\n\n  const imageStyle: ViewStyle = {\n    ...styles.logo,\n    height\n  };\n\n  const source = {\n    uri: brandTheme.images && brandTheme.images['logo-mobile']\n  };\n\n  return (\n    <ImageBackground style={imageStyle} testID=\"brand-logo\" source={source} resizeMode=\"contain\" />\n  );\n};\n\nexport default BrandLogo;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,UAAU,QAAkB,cAAc;AAClD,OAAOC,eAAe,MAAM,0CAA0C;AACtE,SAAQC,kBAAkB,QAAO,4CAA4C;AAU7E,MAAMC,MAAsB,GAAGH,UAAU,CAACI,MAAM,CAAC;EAC/CC,IAAI,EAAE;IACJC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGA,CAAC;EAACC;AAAa,CAAC,KAAK;EACrC,MAAMC,eAAe,GAAGP,kBAAkB,CAAC,CAAC;EAC5C,MAAM;IAACQ;EAAU,CAAC,GAAGD,eAAe;EAEpC,MAAME,UAAqB,GAAG;IAC5B,GAAGR,MAAM,CAACE,IAAI;IACdG;EACF,CAAC;EAED,MAAMI,MAAM,GAAG;IACbC,GAAG,EAAEH,UAAU,CAACI,MAAM,IAAIJ,UAAU,CAACI,MAAM,CAAC,aAAa;EAC3D,CAAC;EAED,oBACEf,KAAA,CAAAgB,aAAA,CAACd,eAAe;IAACe,KAAK,EAAEL,UAAW;IAACM,MAAM,EAAC,YAAY;IAACL,MAAM,EAAEA,MAAO;IAACM,UAAU,EAAC;EAAS,CAAE,CAAC;AAEnG,CAAC;AAED,eAAeX,SAAS","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","StyleSheet","ImageBackground","useTemplateContext","styles","create","logo","width","BrandLogo","height","templateContext","brandTheme","imageStyle","source","uri","images","createElement","style","testID","resizeMode"],"sources":["../../../src/molecule/brand-logo/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, ViewStyle} from 'react-native';\nimport ImageBackground from '../../atom/image-background/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport interface Props {\n  height: number;\n}\n\ntype StyleSheetType = {\n  logo: {\n    width: string;\n  };\n};\n\nconst styles: StyleSheetType = StyleSheet.create({\n  logo: {\n    width: '100%'\n  }\n});\n\nconst BrandLogo = ({height}: Props) => {\n  const templateContext = useTemplateContext();\n  const {brandTheme} = templateContext;\n\n  const imageStyle: ViewStyle = {\n    ...styles.logo,\n    height\n  };\n\n  const source = {\n    uri: brandTheme.images && brandTheme.images['logo-mobile']\n  };\n\n  return (\n    <ImageBackground style={imageStyle} testID=\"brand-logo\" source={source} resizeMode=\"contain\" />\n  );\n};\n\nexport default BrandLogo;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,UAAU,QAAkB,cAAc;AAClD,OAAOC,eAAe,MAAM,0CAA0C;AACtE,SAAQC,kBAAkB,QAAO,4CAA4C;AAY7E,MAAMC,MAAsB,GAAGH,UAAU,CAACI,MAAM,CAAC;EAC/CC,IAAI,EAAE;IACJC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGA,CAAC;EAACC;AAAa,CAAC,KAAK;EACrC,MAAMC,eAAe,GAAGP,kBAAkB,CAAC,CAAC;EAC5C,MAAM;IAACQ;EAAU,CAAC,GAAGD,eAAe;EAEpC,MAAME,UAAqB,GAAG;IAC5B,GAAGR,MAAM,CAACE,IAAI;IACdG;EACF,CAAC;EAED,MAAMI,MAAM,GAAG;IACbC,GAAG,EAAEH,UAAU,CAACI,MAAM,IAAIJ,UAAU,CAACI,MAAM,CAAC,aAAa;EAC3D,CAAC;EAED,oBACEf,KAAA,CAAAgB,aAAA,CAACd,eAAe;IAACe,KAAK,EAAEL,UAAW;IAACM,MAAM,EAAC,YAAY;IAACL,MAAM,EAAEA,MAAO;IAACM,UAAU,EAAC;EAAS,CAAE,CAAC;AAEnG,CAAC;AAED,eAAeX,SAAS","ignoreList":[]}

package/es/molecule/brand-tabs/index.d.ts

@@ -1,8 +1,8 @@
 export default BrandTabs;
-declare function BrandTabs(props: any): React.JSX.Element;
+declare function BrandTabs(props: any): JSX.Element;
 declare namespace BrandTabs {
     namespace propTypes {
-        const tabs: PropTypes.Requireable<PropTypes.InferProps<{
+        const tabs: PropTypes.Requireable<(PropTypes.InferProps<{
             tab: PropTypes.Requireable<PropTypes.InferProps<{
                 title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 href: PropTypes.Requireable<string>;
@@ -12,10 +12,9 @@ declare namespace BrandTabs {
             }>>;
             index: PropTypes.Requireable<number>;
             isLightTab: PropTypes.Requireable<boolean>;
-        }>[]>;
+        }> | null | undefined)[]>;
         const type: PropTypes.Requireable<string>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/brand-tabs/index.d.ts.map

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

package/es/molecule/brand-upload-box/index.d.ts

@@ -13,7 +13,7 @@ declare class BrandUploadBox extends React.Component<any, any, any> {
     };
     handleDragStart(): void;
     handleDragStop(): void;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/es/molecule/brand-upload-box/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-upload-box/index.js"],"names":[],"mappings":";AAOA;IACE;;;;;;MAME;IAEF,wBASC;IANC;;MAEC;IAMH,wBAIC;IAED,uBAIC;IAED,4BA4CC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-upload-box/index.js"],"names":[],"mappings":";AAOA;IACE;;;;;;MAME;IAEF,wBASC;IANC;;MAEC;IAMH,wBAIC;IAED,uBAIC;IAED,sBA4CC;CACF"}

package/es/molecule/breadcrumbs/index.d.ts

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

package/es/molecule/breadcrumbs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/breadcrumbs/index.js"],"names":[],"mappings":";AA4CA,4DAYC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/breadcrumbs/index.js"],"names":[],"mappings":";AA4CA,sDAYC"}

package/es/molecule/bulk-infos/index.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 import { BulkInfosProps as Props } from './types';
 declare const BulkInfos: {
-    ({ mainText, subText, imageUrl, progression, firstButtonLink, secondButtonLink }: Props): React.JSX.Element;
+    ({ mainText, subText, imageUrl, progression, firstButtonLink, secondButtonLink }: Props): JSX.Element;
     propTypes: {
         mainText: import("prop-types").Requireable<string>;
         subText: import("prop-types").Requireable<string>;

package/es/molecule/bulk-infos/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bulk-infos/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAC,cAAc,IAAI,KAAK,EAAY,MAAM,SAAS,CAAC;AAiB3D,QAAA,MAAM,SAAS;sFAOZ,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBP,CAAC;AAIF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bulk-infos/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,cAAc,IAAI,KAAK,EAAY,MAAM,SAAS,CAAC;AAiB3D,QAAA,MAAM,SAAS;sFAOZ,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBP,CAAC;AAIF,eAAe,SAAS,CAAC"}

package/es/molecule/bulk-progress-bar/index.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 import { Props } from './types';
 declare const BulkProgressBar: {
-    (props: Props): React.JSX.Element;
+    (props: Props): JSX.Element;
     propTypes: {
         'data-name': import("prop-types").Requireable<string>;
         status: import("prop-types").Validator<string>;

package/es/molecule/bulk-progress-bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bulk-progress-bar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAC,KAAK,EAAoB,MAAM,SAAS,CAAC;AA8BjD,QAAA,MAAM,eAAe;YAAW,KAAK;;;;;;CAgBpC,CAAC;AAIF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bulk-progress-bar/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,KAAK,EAAoB,MAAM,SAAS,CAAC;AA8BjD,QAAA,MAAM,eAAe;YAAW,KAAK;;;;;;CAgBpC,CAAC;AAIF,eAAe,eAAe,CAAC"}

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

@@ -1,13 +1,13 @@
-import React from 'react';
+/// <reference types="react" />
 import { BulletPointMenuButtonProps } from './types';
 declare const BulletPointMenuButton: {
-    (props: BulletPointMenuButtonProps): React.JSX.Element;
+    (props: BulletPointMenuButtonProps): JSX.Element;
     propTypes: {
         'data-name': import("prop-types").Requireable<string>;
         disabled: import("prop-types").Requireable<boolean>;
         buttonAriaLabel: import("prop-types").Requireable<string>;
         menuAriaLabel: import("prop-types").Requireable<string>;
-        buttons: import("prop-types").Validator<import("prop-types").InferProps<{
+        buttons: import("prop-types").Validator<(import("prop-types").InferProps<{
             'data-name': import("prop-types").Requireable<string>;
             disabled: import("prop-types").Requireable<boolean>;
             label: import("prop-types").Validator<string>;
@@ -27,10 +27,10 @@ declare const BulletPointMenuButton: {
                 }>>;
             }>>;
             customStyle: import("prop-types").Requireable<{
-                [x: string]: NonNullable<string | number>;
+                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
             }>;
             customLabelClassName: import("prop-types").Requireable<string>;
-        }>[]>;
+        }> | null | undefined)[]>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;
         menuButtonClassName: import("prop-types").Requireable<string>;
         isBulkMenu: import("prop-types").Requireable<boolean>;

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":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAKtE,OAAkB,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAM9D,QAAA,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsH/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;AAM9D,QAAA,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4H/D,CAAC;AAIF,eAAe,qBAAqB,CAAC"}

package/es/molecule/bullet-point-menu-button/index.js

@@ -77,6 +77,7 @@ const BulletPointMenuButton = props => {
   const menu = visible ? /*#__PURE__*/React.createElement("div", {
     className: menuStyle,
     "data-name": "menu-wrapper",
+    role: "group",
     "aria-label": menuAriaLabel,
     ref: wrapperRef
   }, /*#__PURE__*/React.createElement(ButtonMenu, menuProps)) : null;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useState","useEffect","useRef","classnames","ButtonLinkIcon","ButtonMenu","propTypes","style","MENU_TOGGLE_EVENT","BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","_noop","buttons","menuButtonClassName","isBulkMenu","dataName","visible","setVisible","wrapperRef","menuIdRef","Date","now","Math","random","handleOnClick","event","stopPropagation","preventDefault","customEvent","CustomEvent","detail","menuId","current","window","dispatchEvent","handleMenuToggle","addEventListener","removeEventListener","handleClick","clickEvent","contains","target","document","menuProps","menuStyle","bulletPointMenu","bulkBulletPointMenu","menu","createElement","className","ref","tooltipDisabled","setTooltipDisabled","timer","setTimeout","clearTimeout","bulletPointButtonProps","size","undefined","icon","tooltipPlacement","bulletPointWrapper","process","env","NODE_ENV"],"sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useEffect, useRef} from 'react';\nimport classnames from 'classnames';\nimport {noop} from 'lodash/fp';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport ButtonMenu from '../../atom/button-menu';\nimport propTypes, {BulletPointMenuButtonProps} from './types';\nimport style from './style.css';\n\n// Global event for menu coordination\nconst MENU_TOGGLE_EVENT = 'bulletPointMenuToggle';\n\nconst BulletPointMenuButton = (props: BulletPointMenuButtonProps) => {\n  const {\n    disabled = false,\n    buttonAriaLabel,\n    menuAriaLabel,\n    onClick = noop,\n    buttons,\n    menuButtonClassName,\n    isBulkMenu,\n    'data-name': dataName = 'bullet-point-button'\n  } = props;\n  const [visible, setVisible] = useState(false);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const menuIdRef = useRef<string>(`menu-${Date.now()}-${Math.random()}`);\n\n  const handleOnClick = useCallback(\n    (event: React.MouseEvent | React.TouchEvent) => {\n      event.stopPropagation();\n      event.preventDefault();\n      onClick();\n      // Emit event to close other menus\n      // had to do it this way because state is handled per item.\n      // meaning > item has no knowledge of other items state.\n      const customEvent = new CustomEvent(MENU_TOGGLE_EVENT, {\n        detail: {menuId: menuIdRef.current}\n      });\n      window.dispatchEvent(customEvent);\n\n      setVisible(!visible);\n    },\n    [onClick, visible]\n  );\n\n  useEffect(() => {\n    const handleMenuToggle = (event: Event) => {\n      const customEvent = event as CustomEvent;\n      if (customEvent.detail.menuId !== menuIdRef.current && visible) {\n        setVisible(false);\n      }\n    };\n\n    window.addEventListener(MENU_TOGGLE_EVENT, handleMenuToggle);\n    return () => {\n      window.removeEventListener(MENU_TOGGLE_EVENT, handleMenuToggle);\n    };\n  }, [visible]);\n\n  // Handle clicks outside the menu\n  useEffect(() => {\n    const handleClick = (clickEvent: MouseEvent | TouchEvent) => {\n      if (\n        wrapperRef &&\n        wrapperRef.current &&\n        !wrapperRef.current.contains(clickEvent.target as Node)\n      ) {\n        setVisible(false);\n      }\n    };\n    if (visible) {\n      document.addEventListener('click', handleClick);\n      document.addEventListener('touchstart', handleClick);\n    } else {\n      document.removeEventListener('click', handleClick);\n      document.removeEventListener('touchstart', handleClick);\n    }\n    return () => {\n      document.removeEventListener('click', handleClick);\n      document.removeEventListener('touchstart', handleClick);\n    };\n  }, [visible]);\n\n  const menuProps = {\n    'data-name': 'button-menu',\n    buttons\n  };\n\n  const menuStyle = classnames(\n    style.bulletPointMenu,\n    isBulkMenu && style.bulkBulletPointMenu,\n    style.visible\n  );\n\n  const menu = visible ? (\n    <div className={menuStyle} data-name=\"menu-wrapper\" aria-label={menuAriaLabel} ref={wrapperRef}>\n      <ButtonMenu {...menuProps} />\n    </div>\n  ) : null;\n\n  // Conditionally show tooltip - hide it when menu is open or just closed\n  const [tooltipDisabled, setTooltipDisabled] = useState(false);\n\n  useEffect(() => {\n    if (visible) {\n      setTooltipDisabled(true);\n    } else {\n      // Delay re-enabling tooltip after menu closes\n      const timer = setTimeout(() => setTooltipDisabled(false), 500);\n      return () => clearTimeout(timer);\n    }\n  }, [visible]);\n\n  const bulletPointButtonProps = {\n    size: 'default',\n    'aria-label': tooltipDisabled ? undefined : buttonAriaLabel,\n    'data-name': dataName,\n    icon: 'bullet-point',\n    onClick: handleOnClick,\n    disabled,\n    className: menuButtonClassName,\n    tooltipPlacement: 'top' as const\n  };\n\n  return (\n    <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n      <ButtonLinkIcon {...bulletPointButtonProps} />\n      {menu}\n    </div>\n  );\n};\n\nBulletPointMenuButton.propTypes = propTypes;\n\nexport default BulletPointMenuButton;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useState","useEffect","useRef","classnames","ButtonLinkIcon","ButtonMenu","propTypes","style","MENU_TOGGLE_EVENT","BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","_noop","buttons","menuButtonClassName","isBulkMenu","dataName","visible","setVisible","wrapperRef","menuIdRef","Date","now","Math","random","handleOnClick","event","stopPropagation","preventDefault","customEvent","CustomEvent","detail","menuId","current","window","dispatchEvent","handleMenuToggle","addEventListener","removeEventListener","handleClick","clickEvent","contains","target","document","menuProps","menuStyle","bulletPointMenu","bulkBulletPointMenu","menu","createElement","className","role","ref","tooltipDisabled","setTooltipDisabled","timer","setTimeout","clearTimeout","bulletPointButtonProps","size","undefined","icon","tooltipPlacement","bulletPointWrapper","process","env","NODE_ENV"],"sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useEffect, useRef} from 'react';\nimport classnames from 'classnames';\nimport {noop} from 'lodash/fp';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport ButtonMenu from '../../atom/button-menu';\nimport propTypes, {BulletPointMenuButtonProps} from './types';\nimport style from './style.css';\n\n// Global event for menu coordination\nconst MENU_TOGGLE_EVENT = 'bulletPointMenuToggle';\n\nconst BulletPointMenuButton = (props: BulletPointMenuButtonProps) => {\n  const {\n    disabled = false,\n    buttonAriaLabel,\n    menuAriaLabel,\n    onClick = noop,\n    buttons,\n    menuButtonClassName,\n    isBulkMenu,\n    'data-name': dataName = 'bullet-point-button'\n  } = props;\n  const [visible, setVisible] = useState(false);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const menuIdRef = useRef<string>(`menu-${Date.now()}-${Math.random()}`);\n\n  const handleOnClick = useCallback(\n    (event: React.MouseEvent | React.TouchEvent) => {\n      event.stopPropagation();\n      event.preventDefault();\n      onClick();\n      // Emit event to close other menus\n      // had to do it this way because state is handled per item.\n      // meaning > item has no knowledge of other items state.\n      const customEvent = new CustomEvent(MENU_TOGGLE_EVENT, {\n        detail: {menuId: menuIdRef.current}\n      });\n      window.dispatchEvent(customEvent);\n\n      setVisible(!visible);\n    },\n    [onClick, visible]\n  );\n\n  useEffect(() => {\n    const handleMenuToggle = (event: Event) => {\n      const customEvent = event as CustomEvent;\n      if (customEvent.detail.menuId !== menuIdRef.current && visible) {\n        setVisible(false);\n      }\n    };\n\n    window.addEventListener(MENU_TOGGLE_EVENT, handleMenuToggle);\n    return () => {\n      window.removeEventListener(MENU_TOGGLE_EVENT, handleMenuToggle);\n    };\n  }, [visible]);\n\n  // Handle clicks outside the menu\n  useEffect(() => {\n    const handleClick = (clickEvent: MouseEvent | TouchEvent) => {\n      if (\n        wrapperRef &&\n        wrapperRef.current &&\n        !wrapperRef.current.contains(clickEvent.target as Node)\n      ) {\n        setVisible(false);\n      }\n    };\n    if (visible) {\n      document.addEventListener('click', handleClick);\n      document.addEventListener('touchstart', handleClick);\n    } else {\n      document.removeEventListener('click', handleClick);\n      document.removeEventListener('touchstart', handleClick);\n    }\n    return () => {\n      document.removeEventListener('click', handleClick);\n      document.removeEventListener('touchstart', handleClick);\n    };\n  }, [visible]);\n\n  const menuProps = {\n    'data-name': 'button-menu',\n    buttons\n  };\n\n  const menuStyle = classnames(\n    style.bulletPointMenu,\n    isBulkMenu && style.bulkBulletPointMenu,\n    style.visible\n  );\n\n  const menu = visible ? (\n    <div\n      className={menuStyle}\n      data-name=\"menu-wrapper\"\n      role=\"group\"\n      aria-label={menuAriaLabel}\n      ref={wrapperRef}\n    >\n      <ButtonMenu {...menuProps} />\n    </div>\n  ) : null;\n\n  // Conditionally show tooltip - hide it when menu is open or just closed\n  const [tooltipDisabled, setTooltipDisabled] = useState(false);\n\n  useEffect(() => {\n    if (visible) {\n      setTooltipDisabled(true);\n    } else {\n      // Delay re-enabling tooltip after menu closes\n      const timer = setTimeout(() => setTooltipDisabled(false), 500);\n      return () => clearTimeout(timer);\n    }\n  }, [visible]);\n\n  const bulletPointButtonProps = {\n    size: 'default',\n    'aria-label': tooltipDisabled ? undefined : buttonAriaLabel,\n    'data-name': dataName,\n    icon: 'bullet-point',\n    onClick: handleOnClick,\n    disabled,\n    className: menuButtonClassName,\n    tooltipPlacement: 'top' as const\n  };\n\n  return (\n    <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n      <ButtonLinkIcon {...bulletPointButtonProps} />\n      {menu}\n    </div>\n  );\n};\n\nBulletPointMenuButton.propTypes = propTypes;\n\nexport default BulletPointMenuButton;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,QAAO,OAAO;AACrE,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,cAAc,MAAM,6BAA6B;AACxD,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,SAAS,MAAoC,SAAS;AAC7D,OAAOC,KAAK,MAAM,aAAa;;AAE/B;AACA,MAAMC,iBAAiB,GAAG,uBAAuB;AAEjD,MAAMC,qBAAqB,GAAIC,KAAiC,IAAK;EACnE,MAAM;IACJC,QAAQ,GAAG,KAAK;IAChBC,eAAe;IACfC,aAAa;IACbC,OAAO,GAAAC,KAAO;IACdC,OAAO;IACPC,mBAAmB;IACnBC,UAAU;IACV,WAAW,EAAEC,QAAQ,GAAG;EAC1B,CAAC,GAAGT,KAAK;EACT,MAAM,CAACU,OAAO,EAAEC,UAAU,CAAC,GAAGrB,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAMsB,UAAU,GAAGpB,MAAM,CAAiB,IAAI,CAAC;EAC/C,MAAMqB,SAAS,GAAGrB,MAAM,CAAS,QAAQsB,IAAI,CAACC,GAAG,CAAC,CAAC,IAAIC,IAAI,CAACC,MAAM,CAAC,CAAC,EAAE,CAAC;EAEvE,MAAMC,aAAa,GAAG7B,WAAW,CAC9B8B,KAA0C,IAAK;IAC9CA,KAAK,CAACC,eAAe,CAAC,CAAC;IACvBD,KAAK,CAACE,cAAc,CAAC,CAAC;IACtBjB,OAAO,CAAC,CAAC;IACT;IACA;IACA;IACA,MAAMkB,WAAW,GAAG,IAAIC,WAAW,CAACzB,iBAAiB,EAAE;MACrD0B,MAAM,EAAE;QAACC,MAAM,EAAEZ,SAAS,CAACa;MAAO;IACpC,CAAC,CAAC;IACFC,MAAM,CAACC,aAAa,CAACN,WAAW,CAAC;IAEjCX,UAAU,CAAC,CAACD,OAAO,CAAC;EACtB,CAAC,EACD,CAACN,OAAO,EAAEM,OAAO,CACnB,CAAC;EAEDnB,SAAS,CAAC,MAAM;IACd,MAAMsC,gBAAgB,GAAIV,KAAY,IAAK;MACzC,MAAMG,WAAW,GAAGH,KAAoB;MACxC,IAAIG,WAAW,CAACE,MAAM,CAACC,MAAM,KAAKZ,SAAS,CAACa,OAAO,IAAIhB,OAAO,EAAE;QAC9DC,UAAU,CAAC,KAAK,CAAC;MACnB;IACF,CAAC;IAEDgB,MAAM,CAACG,gBAAgB,CAAChC,iBAAiB,EAAE+B,gBAAgB,CAAC;IAC5D,OAAO,MAAM;MACXF,MAAM,CAACI,mBAAmB,CAACjC,iBAAiB,EAAE+B,gBAAgB,CAAC;IACjE,CAAC;EACH,CAAC,EAAE,CAACnB,OAAO,CAAC,CAAC;;EAEb;EACAnB,SAAS,CAAC,MAAM;IACd,MAAMyC,WAAW,GAAIC,UAAmC,IAAK;MAC3D,IACErB,UAAU,IACVA,UAAU,CAACc,OAAO,IAClB,CAACd,UAAU,CAACc,OAAO,CAACQ,QAAQ,CAACD,UAAU,CAACE,MAAc,CAAC,EACvD;QACAxB,UAAU,CAAC,KAAK,CAAC;MACnB;IACF,CAAC;IACD,IAAID,OAAO,EAAE;MACX0B,QAAQ,CAACN,gBAAgB,CAAC,OAAO,EAAEE,WAAW,CAAC;MAC/CI,QAAQ,CAACN,gBAAgB,CAAC,YAAY,EAAEE,WAAW,CAAC;IACtD,CAAC,MAAM;MACLI,QAAQ,CAACL,mBAAmB,CAAC,OAAO,EAAEC,WAAW,CAAC;MAClDI,QAAQ,CAACL,mBAAmB,CAAC,YAAY,EAAEC,WAAW,CAAC;IACzD;IACA,OAAO,MAAM;MACXI,QAAQ,CAACL,mBAAmB,CAAC,OAAO,EAAEC,WAAW,CAAC;MAClDI,QAAQ,CAACL,mBAAmB,CAAC,YAAY,EAAEC,WAAW,CAAC;IACzD,CAAC;EACH,CAAC,EAAE,CAACtB,OAAO,CAAC,CAAC;EAEb,MAAM2B,SAAS,GAAG;IAChB,WAAW,EAAE,aAAa;IAC1B/B;EACF,CAAC;EAED,MAAMgC,SAAS,GAAG7C,UAAU,CAC1BI,KAAK,CAAC0C,eAAe,EACrB/B,UAAU,IAAIX,KAAK,CAAC2C,mBAAmB,EACvC3C,KAAK,CAACa,OACR,CAAC;EAED,MAAM+B,IAAI,GAAG/B,OAAO,gBAClBtB,KAAA,CAAAsD,aAAA;IACEC,SAAS,EAAEL,SAAU;IACrB,aAAU,cAAc;IACxBM,IAAI,EAAC,OAAO;IACZ,cAAYzC,aAAc;IAC1B0C,GAAG,EAAEjC;EAAW,gBAEhBxB,KAAA,CAAAsD,aAAA,CAAC/C,UAAU,EAAK0C,SAAY,CACzB,CAAC,GACJ,IAAI;;EAER;EACA,MAAM,CAACS,eAAe,EAAEC,kBAAkB,CAAC,GAAGzD,QAAQ,CAAC,KAAK,CAAC;EAE7DC,SAAS,CAAC,MAAM;IACd,IAAImB,OAAO,EAAE;MACXqC,kBAAkB,CAAC,IAAI,CAAC;IAC1B,CAAC,MAAM;MACL;MACA,MAAMC,KAAK,GAAGC,UAAU,CAAC,MAAMF,kBAAkB,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC;MAC9D,OAAO,MAAMG,YAAY,CAACF,KAAK,CAAC;IAClC;EACF,CAAC,EAAE,CAACtC,OAAO,CAAC,CAAC;EAEb,MAAMyC,sBAAsB,GAAG;IAC7BC,IAAI,EAAE,SAAS;IACf,YAAY,EAAEN,eAAe,GAAGO,SAAS,GAAGnD,eAAe;IAC3D,WAAW,EAAEO,QAAQ;IACrB6C,IAAI,EAAE,cAAc;IACpBlD,OAAO,EAAEc,aAAa;IACtBjB,QAAQ;IACR0C,SAAS,EAAEpC,mBAAmB;IAC9BgD,gBAAgB,EAAE;EACpB,CAAC;EAED,oBACEnE,KAAA,CAAAsD,aAAA;IAAKC,SAAS,EAAE9C,KAAK,CAAC2D,kBAAmB;IAAC,aAAU;EAAsB,gBACxEpE,KAAA,CAAAsD,aAAA,CAAChD,cAAc,EAAKyD,sBAAyB,CAAC,EAC7CV,IACE,CAAC;AAEV,CAAC;AAED1C,qBAAqB,CAACH,SAAS,GAAA6D,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG/D,SAAS;AAE3C,eAAeG,qBAAqB","ignoreList":[]}

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

@@ -5,7 +5,7 @@ declare const propTypes: {
     disabled: PropTypes.Requireable<boolean>;
     buttonAriaLabel: PropTypes.Requireable<string>;
     menuAriaLabel: PropTypes.Requireable<string>;
-    buttons: PropTypes.Validator<PropTypes.InferProps<{
+    buttons: PropTypes.Validator<(PropTypes.InferProps<{
         'data-name': PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
         label: PropTypes.Validator<string>;
@@ -25,10 +25,10 @@ declare const propTypes: {
             }>>;
         }>>;
         customStyle: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number>;
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
         }>;
         customLabelClassName: PropTypes.Requireable<string>;
-    }>[]>;
+    }> | null | undefined)[]>;
     onClick: PropTypes.Requireable<(...args: any[]) => any>;
     menuButtonClassName: PropTypes.Requireable<string>;
     isBulkMenu: PropTypes.Requireable<boolean>;

package/es/molecule/button-menu-action/index.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 import { ButtonMenuActionProps } from './types';
 declare const ButtonMenuAction: {
-    (props: ButtonMenuActionProps): React.JSX.Element;
+    (props: ButtonMenuActionProps): JSX.Element;
     propTypes: {
         button: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
             withChevron: import("prop-types").Requireable<boolean>;
@@ -24,7 +24,7 @@ declare const ButtonMenuAction: {
                     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<{
@@ -34,7 +34,7 @@ declare const ButtonMenuAction: {
                     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>;
@@ -51,7 +51,7 @@ declare const ButtonMenuAction: {
             customLabelClassName: import("prop-types").Requireable<string>;
         }>>>;
         menu: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
-            buttons: import("prop-types").Validator<import("prop-types").InferProps<{
+            buttons: import("prop-types").Validator<(import("prop-types").InferProps<{
                 'data-name': import("prop-types").Requireable<string>;
                 disabled: import("prop-types").Requireable<boolean>;
                 label: import("prop-types").Validator<string>;
@@ -71,10 +71,10 @@ declare const ButtonMenuAction: {
                     }>>;
                 }>>;
                 customStyle: import("prop-types").Requireable<{
-                    [x: string]: NonNullable<string | number>;
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                 }>;
                 customLabelClassName: import("prop-types").Requireable<string>;
-            }>[]>;
+            }> | null | undefined)[]>;
             'data-name': import("prop-types").Requireable<string>;
             'aria-label': import("prop-types").Requireable<string>;
             enableScroll: import("prop-types").Requireable<boolean>;
@@ -82,7 +82,7 @@ declare const ButtonMenuAction: {
         menuWrapper: import("prop-types").Requireable<import("prop-types").InferProps<{
             ariaLabel: import("prop-types").Requireable<string>;
             customStyle: import("prop-types").Requireable<{
-                [x: string]: NonNullable<string | number | object>;
+                [x: string]: NonNullable<string | number | object | null | undefined> | null | undefined;
             }>;
         }>>;
         type: import("prop-types").Requireable<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/button-menu-action/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAQ/E,OAAkB,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAGzD,QAAA,MAAM,gBAAgB;YAAW,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqHrD,CAAC;AAIF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/button-menu-action/index.tsx"],"names":[],"mappings":";AAQA,OAAkB,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAGzD,QAAA,MAAM,gBAAgB;YAAW,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsHrD,CAAC;AAIF,eAAe,gBAAgB,CAAC"}

package/es/molecule/button-menu-action/index.js

@@ -56,6 +56,7 @@ const ButtonMenuAction = props => {
   const _menu = /*#__PURE__*/React.createElement("div", {
     className: menuWrapperClass,
     "data-name": "menu-wrapper",
+    role: "group",
     "aria-label": menuWrapper?.ariaLabel,
     style: menuWrapper?.customStyle
   }, /*#__PURE__*/React.createElement(ButtonMenu, _extends({}, menuWithClose, {