@bigbinary/neeto-molecules 2.0.5 → 3.0.0

package/dist/MenuBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuBar.js","sources":["../src/components/MenuBar/AddNew.jsx","../src/components/MenuBar/Block.jsx","../src/components/MenuBar/Item.jsx","../src/components/MenuBar/constants.js","../src/components/MenuBar/Search.jsx","../src/components/MenuBar/SubTitle.jsx","../src/components/MenuBar/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Plus } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./menubar.scss\";\n\nconst AddNew = ({ label = \"\", onClick, ...otherProps }) => (\n  <div className=\"neeto-molecules-menubar__add-new-wrap\" {...otherProps}>\n    <Button\n      icon={Plus}\n      iconPosition=\"left\"\n      iconSize={16}\n      label={label}\n      size=\"small\"\n      style=\"link\"\n      onClick={onClick}\n    />\n  </div>\n);\n\nAddNew.propTypes = {\n  /**\n   * To specify the label to be rendered as the add new Button.\n   */\n  label: PropTypes.string,\n};\n\nexport default AddNew;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./menubar.scss\";\n\nconst Block = ({\n  url,\n  icon,\n  label,\n  count,\n  active = false,\n  onEdit,\n  onClick = noop,\n  className,\n  ...otherProps\n}) => {\n  const handleEdit = e => {\n    e.stopPropagation();\n    onEdit && onEdit();\n  };\n\n  const Parent = url ? Link : props => <button {...props} />;\n\n  return (\n    <Parent\n      data-cy={otherProps[\"data-cy\"] || \"menubar-block\"}\n      to={url}\n      className={classnames(\"neeto-molecules-menubar__block\", {\n        \"neeto-molecules-menubar__block--editable\": !!onEdit,\n        \"neeto-molecules-menubar__block--active\": active,\n        [className]: className,\n      })}\n      {...{ onClick, ...otherProps }}\n    >\n      <div\n        className=\"neeto-molecules-menubar__block-label\"\n        data-cy={joinHyphenCase(\"menubar-block-label\", label)}\n      >\n        {icon && <i className=\"neeto-molecules-menubar__block-icon\">{icon}</i>}\n        <Typography component=\"span\" style=\"h5\" title={label} weight=\"medium\">\n          {label}\n        </Typography>\n      </div>\n      {Number.isInteger(count) && (\n        <div onClick={handleEdit}>\n          <Typography component=\"span\" style=\"h5\" weight=\"medium\">\n            {count}\n          </Typography>\n        </div>\n      )}\n    </Parent>\n  );\n};\n\nBlock.propTypes = {\n  /**\n   * To provide the url of the Block.\n   */\n  url: PropTypes.string,\n  /**\n   * To provide the icon of the Block.\n   */\n  icon: PropTypes.node,\n  /**\n   * To provide the label of the Block.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the count of items in the Block.\n   */\n  count: PropTypes.number,\n  /**\n   * To specify whether the Block is active.\n   */\n  active: PropTypes.bool,\n  /**\n   * The handler function that is called when the number is clicked.\n   */\n  onEdit: PropTypes.func,\n  /**\n   * To provide a callback function on click of the Block.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify external classnames as overrides to the Block.\n   */\n  className: PropTypes.string,\n};\n\nexport default Block;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./menubar.scss\";\n\nconst Item = ({\n  label = \"\",\n  description = \"\",\n  active = false,\n  className = \"\",\n  ...otherProps\n}) => (\n  <button\n    className={classnames(\"neeto-molecules-menubar__item\", {\n      \"neeto-molecules-menubar__item--active\": active,\n      [className]: className,\n    })}\n    {...otherProps}\n  >\n    <Typography\n      className=\"neeto-molecules-menubar__item-header\"\n      component=\"h5\"\n      style=\"h4\"\n    >\n      {label}\n    </Typography>\n    <Typography className=\"neeto-molecules-menubar__item-desc\" style=\"body3\">\n      {description}\n    </Typography>\n  </button>\n);\n\nItem.propTypes = {\n  /**\n   * To specify the text to be rendered as the label.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the text to be rendered as the description.\n   */\n  description: PropTypes.string,\n  /**\n   * To specify the current Item is active.\n   */\n  active: PropTypes.bool,\n  /**\n   * To specify external classnames as overrides to the Item.\n   */\n  className: PropTypes.string,\n};\n\nexport default Item;\n","export const UNSUPPORTED_INPUT_PROPS = [\"tReady\"];\n","import React from \"react\";\n\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Search as NeetoUISearchIcon, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { omit } from \"ramda\";\n\nimport { UNSUPPORTED_INPUT_PROPS } from \"./constants\";\nimport \"./menubar.scss\";\n\nconst Search = withT(({ t, isCollapsed = true, onCollapse, ...props }) => (\n  <>\n    {!isCollapsed && (\n      <div className=\"neeto-molecules-menubar__search\">\n        <Input\n          placeholder={t(\"neetoMolecules.common.actions.search\")}\n          prefix={<NeetoUISearchIcon />}\n          type=\"search\"\n          {...omit(UNSUPPORTED_INPUT_PROPS, props)}\n        />\n        <Button\n          data-cy=\"menubar-search-close-icon\"\n          icon={Close}\n          style=\"text\"\n          onClick={onCollapse}\n        />\n      </div>\n    )}\n  </>\n));\n\nSearch.propTypes = {\n  /**\n   * To specify whether the search field is collapsed.\n   */\n  isCollapsed: PropTypes.bool,\n  /**\n   * To provide a callback function on collapse of the search field.\n   */\n  onCollapse: PropTypes.func,\n};\n\nexport default Search;\n","import React from \"react\";\n\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./menubar.scss\";\n\nconst SubTitle = ({ children, iconProps, ...otherProps }) => (\n  <div\n    className=\"neeto-molecules-menubar__subtitle\"\n    data-cy={otherProps[\"data-cy\"] || \"menubar-subtitle-heading\"}\n    {...otherProps}\n  >\n    {children}\n    <div className=\"neeto-molecules-menubar__subtitle-actions\">\n      {iconProps?.map((iconProp, index) => (\n        <Button key={index} style=\"text\" {...iconProp} />\n      ))}\n    </div>\n  </div>\n);\n\nSubTitle.propTypes = {\n  /**\n   * To specify the content to be rendered as the SubTitle.\n   */\n  children: PropTypes.node,\n  /**\n   * To specify the icon properties.\n   */\n  iconProps: PropTypes.array,\n};\n\nexport default SubTitle;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport AddNew from \"./AddNew\";\nimport Block from \"./Block\";\nimport Item from \"./Item\";\nimport \"./menubar.scss\";\nimport Search from \"./Search\";\nimport SubTitle from \"./SubTitle\";\n\nconst MenuBar = ({\n  title = \"\",\n  children,\n  showMenu = false,\n  className = \"\",\n  ...otherProps\n}) => (\n  <CSSTransition\n    unmountOnExit\n    classNames=\"neeto-molecules-menubar\"\n    in={showMenu}\n    timeout={300}\n  >\n    <div\n      className={classnames(\"neeto-molecules-menubar__wrapper\", {\n        [className]: className,\n      })}\n    >\n      <div\n        className=\"neeto-molecules-menubar__container\"\n        data-cy=\"menubar-container\"\n      >\n        {title && (\n          <Typography\n            className=\"neeto-molecules-menubar__title\"\n            data-cy={otherProps[\"data-cy\"] || \"menubar-heading\"}\n            lineHeight=\"tight\"\n            style=\"h2\"\n            weight=\"semibold\"\n          >\n            {title}\n          </Typography>\n        )}\n        {children}\n      </div>\n    </div>\n  </CSSTransition>\n);\n\nMenuBar.Block = Block;\nMenuBar.Item = Item;\nMenuBar.SubTitle = SubTitle;\nMenuBar.Search = Search;\nMenuBar.AddNew = AddNew;\n\nMenuBar.propTypes = {\n  /**\n   * To specify the content to be rendered as the title for the `MenuBar`.\n   */\n  title: PropTypes.node,\n  /**\n   * To specify the content to be rendered inside the `MenuBar`.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * To specify whether the MenuBar is visible or not.\n   */\n  showMenu: PropTypes.bool,\n  /**\n   * To specify external classnames for the MenuBar.\n   */\n  className: PropTypes.string,\n};\n\nexport default MenuBar;\n"],"names":["AddNew","_ref","_ref$label","label","onClick","otherProps","_objectWithoutProperties","_excluded","React","createElement","_extends","className","Button","icon","Plus","iconPosition","iconSize","size","style","Block","url","count","_ref$active","active","onEdit","_ref$onClick","noop","handleEdit","e","stopPropagation","Parent","Link","props","to","classnames","_defineProperty","_objectSpread","joinHyphenCase","Typography","component","title","weight","Number","isInteger","Item","_ref$description","description","_ref$className","UNSUPPORTED_INPUT_PROPS","Search","withT","t","_ref$isCollapsed","isCollapsed","onCollapse","Fragment","Input","placeholder","prefix","NeetoUISearchIcon","type","omit","Close","propTypes","PropTypes","bool","func","SubTitle","children","iconProps","map","iconProp","index","key","MenuBar","_ref$title","_ref$showMenu","showMenu","CSSTransition","unmountOnExit","classNames","timeout","lineHeight"],"mappings":"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"}
+{"version":3,"file":"MenuBar.js","sources":["../src/components/MenuBar/AddNew.jsx","../src/components/MenuBar/Block.jsx","../src/components/MenuBar/Item.jsx","../src/components/MenuBar/constants.js","../src/components/MenuBar/Search.jsx","../src/components/MenuBar/SubTitle.jsx","../src/components/MenuBar/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Plus } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./menubar.scss\";\n\nconst AddNew = ({ label = \"\", onClick, ...otherProps }) => (\n  <div className=\"neeto-molecules-menubar__add-new-wrap\" {...otherProps}>\n    <Button\n      icon={Plus}\n      iconPosition=\"left\"\n      iconSize={16}\n      label={label}\n      size=\"small\"\n      style=\"link\"\n      onClick={onClick}\n    />\n  </div>\n);\n\nAddNew.propTypes = {\n  /**\n   * To specify the label to be rendered as the add new Button.\n   */\n  label: PropTypes.string,\n};\n\nexport default AddNew;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./menubar.scss\";\n\nconst Block = ({\n  url,\n  icon,\n  label,\n  count,\n  active = false,\n  onEdit,\n  onClick = noop,\n  className,\n  ...otherProps\n}) => {\n  const handleEdit = e => {\n    e.stopPropagation();\n    onEdit && onEdit();\n  };\n\n  const Parent = url ? Link : props => <button {...props} />;\n\n  return (\n    <Parent\n      data-cy={otherProps[\"data-cy\"] || \"menubar-block\"}\n      to={url}\n      className={classnames(\"neeto-molecules-menubar__block\", {\n        \"neeto-molecules-menubar__block--editable\": !!onEdit,\n        \"neeto-molecules-menubar__block--active\": active,\n        [className]: className,\n      })}\n      {...{ onClick, ...otherProps }}\n    >\n      <div\n        className=\"neeto-molecules-menubar__block-label\"\n        data-cy={joinHyphenCase(\"menubar-block-label\", label)}\n      >\n        {icon && <i className=\"neeto-molecules-menubar__block-icon\">{icon}</i>}\n        <Typography component=\"span\" style=\"h5\" title={label} weight=\"medium\">\n          {label}\n        </Typography>\n      </div>\n      {Number.isInteger(count) && (\n        <div onClick={handleEdit}>\n          <Typography component=\"span\" style=\"h5\" weight=\"medium\">\n            {count}\n          </Typography>\n        </div>\n      )}\n    </Parent>\n  );\n};\n\nBlock.propTypes = {\n  /**\n   * To provide the url of the Block.\n   */\n  url: PropTypes.string,\n  /**\n   * To provide the icon of the Block.\n   */\n  icon: PropTypes.node,\n  /**\n   * To provide the label of the Block.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the count of items in the Block.\n   */\n  count: PropTypes.number,\n  /**\n   * To specify whether the Block is active.\n   */\n  active: PropTypes.bool,\n  /**\n   * The handler function that is called when the number is clicked.\n   */\n  onEdit: PropTypes.func,\n  /**\n   * To provide a callback function on click of the Block.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify external classnames as overrides to the Block.\n   */\n  className: PropTypes.string,\n};\n\nexport default Block;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./menubar.scss\";\n\nconst Item = ({\n  label = \"\",\n  description = \"\",\n  active = false,\n  className = \"\",\n  ...otherProps\n}) => (\n  <button\n    className={classnames(\"neeto-molecules-menubar__item\", {\n      \"neeto-molecules-menubar__item--active\": active,\n      [className]: className,\n    })}\n    {...otherProps}\n  >\n    <Typography\n      className=\"neeto-molecules-menubar__item-header\"\n      component=\"h5\"\n      style=\"h4\"\n    >\n      {label}\n    </Typography>\n    <Typography className=\"neeto-molecules-menubar__item-desc\" style=\"body3\">\n      {description}\n    </Typography>\n  </button>\n);\n\nItem.propTypes = {\n  /**\n   * To specify the text to be rendered as the label.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the text to be rendered as the description.\n   */\n  description: PropTypes.string,\n  /**\n   * To specify the current Item is active.\n   */\n  active: PropTypes.bool,\n  /**\n   * To specify external classnames as overrides to the Item.\n   */\n  className: PropTypes.string,\n};\n\nexport default Item;\n","export const UNSUPPORTED_INPUT_PROPS = [\"tReady\"];\n","import React from \"react\";\n\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Search as NeetoUISearchIcon, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { omit } from \"ramda\";\n\nimport { UNSUPPORTED_INPUT_PROPS } from \"./constants\";\nimport \"./menubar.scss\";\n\nconst Search = withT(({ t, isCollapsed = true, onCollapse, ...props }) => (\n  <>\n    {!isCollapsed && (\n      <div className=\"neeto-molecules-menubar__search\">\n        <Input\n          placeholder={t(\"neetoMolecules.common.actions.search\")}\n          prefix={<NeetoUISearchIcon />}\n          type=\"search\"\n          {...omit(UNSUPPORTED_INPUT_PROPS, props)}\n        />\n        <Button\n          data-cy=\"menubar-search-close-icon\"\n          icon={Close}\n          style=\"text\"\n          onClick={onCollapse}\n        />\n      </div>\n    )}\n  </>\n));\n\nSearch.propTypes = {\n  /**\n   * To specify whether the search field is collapsed.\n   */\n  isCollapsed: PropTypes.bool,\n  /**\n   * To provide a callback function on collapse of the search field.\n   */\n  onCollapse: PropTypes.func,\n};\n\nexport default Search;\n","import React from \"react\";\n\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./menubar.scss\";\n\nconst SubTitle = ({ children, iconProps, ...otherProps }) => (\n  <div\n    className=\"neeto-molecules-menubar__subtitle\"\n    data-cy={otherProps[\"data-cy\"] || \"menubar-subtitle-heading\"}\n    {...otherProps}\n  >\n    {children}\n    <div className=\"neeto-molecules-menubar__subtitle-actions\">\n      {iconProps?.map((iconProp, index) => (\n        <Button key={index} style=\"text\" {...iconProp} />\n      ))}\n    </div>\n  </div>\n);\n\nSubTitle.propTypes = {\n  /**\n   * To specify the content to be rendered as the SubTitle.\n   */\n  children: PropTypes.node,\n  /**\n   * To specify the icon properties.\n   */\n  iconProps: PropTypes.array,\n};\n\nexport default SubTitle;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport AddNew from \"./AddNew\";\nimport Block from \"./Block\";\nimport Item from \"./Item\";\nimport \"./menubar.scss\";\nimport Search from \"./Search\";\nimport SubTitle from \"./SubTitle\";\n\nconst MenuBar = ({\n  title = \"\",\n  children,\n  showMenu = false,\n  className = \"\",\n  ...otherProps\n}) => (\n  <CSSTransition\n    unmountOnExit\n    classNames=\"neeto-molecules-menubar\"\n    in={showMenu}\n    timeout={300}\n  >\n    <div\n      className={classnames(\"neeto-molecules-menubar__wrapper\", {\n        [className]: className,\n      })}\n    >\n      <div\n        className=\"neeto-molecules-menubar__container\"\n        data-cy=\"menubar-container\"\n      >\n        {title && (\n          <Typography\n            className=\"neeto-molecules-menubar__title\"\n            data-cy={otherProps[\"data-cy\"] || \"menubar-heading\"}\n            lineHeight=\"tight\"\n            style=\"h2\"\n            weight=\"semibold\"\n          >\n            {title}\n          </Typography>\n        )}\n        {children}\n      </div>\n    </div>\n  </CSSTransition>\n);\n\nMenuBar.Block = Block;\nMenuBar.Item = Item;\nMenuBar.SubTitle = SubTitle;\nMenuBar.Search = Search;\nMenuBar.AddNew = AddNew;\n\nMenuBar.propTypes = {\n  /**\n   * To specify the content to be rendered as the title for the `MenuBar`.\n   */\n  title: PropTypes.node,\n  /**\n   * To specify the content to be rendered inside the `MenuBar`.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * To specify whether the MenuBar is visible or not.\n   */\n  showMenu: PropTypes.bool,\n  /**\n   * To specify external classnames for the MenuBar.\n   */\n  className: PropTypes.string,\n};\n\nexport default MenuBar;\n"],"names":["AddNew","_ref","_ref$label","label","onClick","otherProps","_objectWithoutProperties","_excluded","React","createElement","_extends","className","Button","icon","Plus","iconPosition","iconSize","size","style","Block","url","count","_ref$active","active","onEdit","_ref$onClick","noop","handleEdit","e","stopPropagation","Parent","Link","props","to","classnames","_defineProperty","_objectSpread","joinHyphenCase","Typography","component","title","weight","Number","isInteger","Item","_ref$description","description","_ref$className","UNSUPPORTED_INPUT_PROPS","Search","withT","t","_ref$isCollapsed","isCollapsed","onCollapse","Fragment","Input","placeholder","prefix","NeetoUISearchIcon","type","omit","Close","propTypes","PropTypes","bool","func","SubTitle","children","iconProps","map","iconProp","index","key","MenuBar","_ref$title","_ref$showMenu","showMenu","CSSTransition","unmountOnExit","classNames","timeout","lineHeight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CAAME,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAEE,OAAO,GAAAH,IAAA,CAAPG,OAAO;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,WAAA,CAAA,CAAA;AAAA,EAAA,oBAClDC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKC,IAAAA,SAAS,EAAC,uCAAA;AAAuC,GAAA,EAAKN,UAAU,CACnEG,eAAAA,cAAA,CAAAC,aAAA,CAACG,MAAM,EAAA;AACLC,IAAAA,IAAI,EAAEC,IAAK;AACXC,IAAAA,YAAY,EAAC,MAAM;AACnBC,IAAAA,QAAQ,EAAE,EAAG;AACbb,IAAAA,KAAK,EAAEA,KAAM;AACbc,IAAAA,IAAI,EAAC,OAAO;AACZC,IAAAA,KAAK,EAAC,MAAM;AACZd,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAClB,CACE,CAAC,CAAA;AAAA,CACP;;;;;ACTD,IAAMe,KAAK,GAAG,SAARA,KAAKA,CAAAlB,IAAA,EAUL;AAAA,EAAA,IATJmB,GAAG,GAAAnB,IAAA,CAAHmB,GAAG;IACHP,IAAI,GAAAZ,IAAA,CAAJY,IAAI;IACJV,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLkB,KAAK,GAAApB,IAAA,CAALoB,KAAK;IAAAC,WAAA,GAAArB,IAAA,CACLsB,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;IACdE,MAAM,GAAAvB,IAAA,CAANuB,MAAM;IAAAC,YAAA,GAAAxB,IAAA,CACNG,OAAO;AAAPA,IAAAA,OAAO,GAAAqB,YAAA,KAAGC,KAAAA,CAAAA,GAAAA,IAAI,GAAAD,YAAA;IACdd,SAAS,GAAAV,IAAA,CAATU,SAAS;AACNN,IAAAA,UAAU,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,WAAA,CAAA,CAAA;AAEb,EAAA,IAAMoB,UAAU,GAAG,SAAbA,UAAUA,CAAGC,CAAC,EAAI;IACtBA,CAAC,CAACC,eAAe,EAAE,CAAA;IACnBL,MAAM,IAAIA,MAAM,EAAE,CAAA;GACnB,CAAA;AAED,EAAA,IAAMM,MAAM,GAAGV,GAAG,GAAGW,IAAI,GAAG,UAAAC,KAAK,EAAA;AAAA,IAAA,oBAAIxB,cAAA,CAAAC,aAAA,CAAA,QAAA,EAAYuB,KAAQ,CAAC,CAAA;AAAA,GAAA,CAAA;AAE1D,EAAA,oBACExB,cAAA,CAAAC,aAAA,CAACqB,MAAM,EAAApB,QAAA,CAAA;AACL,IAAA,SAAA,EAASL,UAAU,CAAC,SAAS,CAAC,IAAI,eAAgB;AAClD4B,IAAAA,EAAE,EAAEb,GAAI;AACRT,IAAAA,SAAS,EAAEuB,UAAU,CAAC,gCAAgC,EAAAC,eAAA,CAAA;MACpD,0CAA0C,EAAE,CAAC,CAACX,MAAM;AACpD,MAAA,wCAAwC,EAAED,MAAAA;KACzCZ,EAAAA,SAAS,EAAGA,SAAS,CACvB,CAAA;AAAE,GAAA,EAAAyB,aAAA,CAAA;AACGhC,IAAAA,OAAO,EAAPA,OAAAA;AAAO,GAAA,EAAKC,UAAU,CAAA,CAAA,eAE5BG,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEE,IAAAA,SAAS,EAAC,sCAAsC;AAChD,IAAA,SAAA,EAAS0B,cAAc,CAAC,qBAAqB,EAAElC,KAAK,CAAA;AAAE,GAAA,EAErDU,IAAI,iBAAIL,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAGE,IAAAA,SAAS,EAAC,qCAAA;AAAqC,GAAA,EAAEE,IAAQ,CAAC,eACtEL,cAAA,CAAAC,aAAA,CAAC6B,UAAU,EAAA;AAACC,IAAAA,SAAS,EAAC,MAAM;AAACrB,IAAAA,KAAK,EAAC,IAAI;AAACsB,IAAAA,KAAK,EAAErC,KAAM;AAACsC,IAAAA,MAAM,EAAC,QAAA;AAAQ,GAAA,EAClEtC,KACS,CACT,CAAC,EACLuC,MAAM,CAACC,SAAS,CAACtB,KAAK,CAAC,iBACtBb,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKL,IAAAA,OAAO,EAAEuB,UAAAA;AAAW,GAAA,eACvBnB,cAAA,CAAAC,aAAA,CAAC6B,UAAU,EAAA;AAACC,IAAAA,SAAS,EAAC,MAAM;AAACrB,IAAAA,KAAK,EAAC,IAAI;AAACuB,IAAAA,MAAM,EAAC,QAAA;GAC5CpB,EAAAA,KACS,CACT,CAED,CAAC,CAAA;AAEb,CAAC;;;AClDD,IAAMuB,IAAI,GAAG,SAAPA,IAAIA,CAAA3C,IAAA,EAAA;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CACRE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAA2C,gBAAA,GAAA5C,IAAA,CACV6C,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;IAAAvB,WAAA,GAAArB,IAAA,CAChBsB,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;IAAAyB,cAAA,GAAA9C,IAAA,CACdU,SAAS;AAATA,IAAAA,SAAS,GAAAoC,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;AACX1C,IAAAA,UAAU,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,WAAA,CAAA,CAAA;AAAA,EAAA,oBAEbC,cAAA,CAAAC,aAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;AACEC,IAAAA,SAAS,EAAEuB,UAAU,CAAC,+BAA+B,EAAAC,eAAA,CAAA;AACnD,MAAA,uCAAuC,EAAEZ,MAAAA;KACxCZ,EAAAA,SAAS,EAAGA,SAAS,CACvB,CAAA;AAAE,GAAA,EACCN,UAAU,CAEdG,eAAAA,cAAA,CAAAC,aAAA,CAAC6B,UAAU,EAAA;AACT3B,IAAAA,SAAS,EAAC,sCAAsC;AAChD4B,IAAAA,SAAS,EAAC,IAAI;AACdrB,IAAAA,KAAK,EAAC,IAAA;AAAI,GAAA,EAETf,KACS,CAAC,eACbK,cAAA,CAAAC,aAAA,CAAC6B,UAAU,EAAA;AAAC3B,IAAAA,SAAS,EAAC,oCAAoC;AAACO,IAAAA,KAAK,EAAC,OAAA;GAC9D4B,EAAAA,WACS,CACN,CAAC,CAAA;AAAA,CACV;;ACjCM,IAAME,uBAAuB,GAAG,CAAC,QAAQ,CAAC;;;ACWjD,IAAMC,MAAM,GAAGC,KAAK,CAAC,UAAAjD,IAAA,EAAA;AAAA,EAAA,IAAGkD,CAAC,GAAAlD,IAAA,CAADkD,CAAC;IAAAC,gBAAA,GAAAnD,IAAA,CAAEoD,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,gBAAA;IAAEE,UAAU,GAAArD,IAAA,CAAVqD,UAAU;AAAKtB,IAAAA,KAAK,GAAA1B,wBAAA,CAAAL,IAAA,EAAAM,WAAA,CAAA,CAAA;AAAA,EAAA,oBACjEC,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAA+C,QAAA,EAAA,IAAA,EACG,CAACF,WAAW,iBACX7C,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,iCAAA;AAAiC,GAAA,eAC9CH,cAAA,CAAAC,aAAA,CAAC+C,KAAK,EAAA9C,QAAA,CAAA;AACJ+C,IAAAA,WAAW,EAAEN,CAAC,CAAC,sCAAsC,CAAE;AACvDO,IAAAA,MAAM,eAAElD,cAAA,CAAAC,aAAA,CAACkD,QAAiB,MAAE,CAAE;AAC9BC,IAAAA,IAAI,EAAC,QAAA;AAAQ,GAAA,EACTC,IAAI,CAACb,uBAAuB,EAAEhB,KAAK,CAAC,CACzC,CAAC,eACFxB,cAAA,CAAAC,aAAA,CAACG,MAAM,EAAA;AACL,IAAA,SAAA,EAAQ,2BAA2B;AACnCC,IAAAA,IAAI,EAAEiD,KAAM;AACZ5C,IAAAA,KAAK,EAAC,MAAM;AACZd,IAAAA,OAAO,EAAEkD,UAAAA;GACV,CACE,CAEP,CAAC,CAAA;AAAA,CACJ,CAAC,CAAA;AAEFL,MAAM,CAACc,SAAS,GAAG;AACjB;AACF;AACA;EACEV,WAAW,EAAEW,iBAAS,CAACC,IAAI;AAC3B;AACF;AACA;EACEX,UAAU,EAAEU,iBAAS,CAACE,IAAAA;AACxB,CAAC;;;AClCD,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAAlE,IAAA,EAAA;AAAA,EAAA,IAAMmE,QAAQ,GAAAnE,IAAA,CAARmE,QAAQ;IAAEC,SAAS,GAAApE,IAAA,CAAToE,SAAS;AAAKhE,IAAAA,UAAU,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,WAAA,CAAA,CAAA;AAAA,EAAA,oBACpDC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACEC,IAAAA,SAAS,EAAC,mCAAmC;AAC7C,IAAA,SAAA,EAASN,UAAU,CAAC,SAAS,CAAC,IAAI,0BAAA;AAA2B,GAAA,EACzDA,UAAU,CAEb+D,EAAAA,QAAQ,eACT5D,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,2CAAA;GACZ0D,EAAAA,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAEC,GAAG,CAAC,UAACC,QAAQ,EAAEC,KAAK,EAAA;AAAA,IAAA,oBAC9BhE,cAAA,CAAAC,aAAA,CAACG,MAAM,EAAAF,QAAA,CAAA;AAAC+D,MAAAA,GAAG,EAAED,KAAM;AAACtD,MAAAA,KAAK,EAAC,MAAA;KAAWqD,EAAAA,QAAQ,CAAG,CAAC,CAAA;GAClD,CACE,CACF,CAAC,CAAA;AAAA,CACP;;;ACND,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAAzE,IAAA,EAAA;AAAA,EAAA,IAAA0E,UAAA,GAAA1E,IAAA,CACXuC,KAAK;AAALA,IAAAA,KAAK,GAAAmC,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IACVP,QAAQ,GAAAnE,IAAA,CAARmE,QAAQ;IAAAQ,aAAA,GAAA3E,IAAA,CACR4E,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAAA7B,cAAA,GAAA9C,IAAA,CAChBU,SAAS;AAATA,IAAAA,SAAS,GAAAoC,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;AACX1C,IAAAA,UAAU,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAAA,EAAA,oBAEbC,cAAA,CAAAC,aAAA,CAACqE,aAAa,EAAA;IACZC,aAAa,EAAA,IAAA;AACbC,IAAAA,UAAU,EAAC,yBAAyB;AACpC,IAAA,IAAA,EAAIH,QAAS;AACbI,IAAAA,OAAO,EAAE,GAAA;GAETzE,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEE,SAAS,EAAEuB,UAAU,CAAC,kCAAkC,EAAAC,eAAA,CACrDxB,EAAAA,EAAAA,SAAS,EAAGA,SAAS,CACvB,CAAA;GAEDH,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEE,IAAAA,SAAS,EAAC,oCAAoC;IAC9C,SAAQ,EAAA,mBAAA;AAAmB,GAAA,EAE1B6B,KAAK,iBACJhC,cAAA,CAAAC,aAAA,CAAC6B,UAAU,EAAA;AACT3B,IAAAA,SAAS,EAAC,gCAAgC;AAC1C,IAAA,SAAA,EAASN,UAAU,CAAC,SAAS,CAAC,IAAI,iBAAkB;AACpD6E,IAAAA,UAAU,EAAC,OAAO;AAClBhE,IAAAA,KAAK,EAAC,IAAI;AACVuB,IAAAA,MAAM,EAAC,UAAA;AAAU,GAAA,EAEhBD,KACS,CACb,EACA4B,QACE,CACF,CACQ,CAAC,CAAA;AAAA,EACjB;AAEDM,OAAO,CAACvD,KAAK,GAAGA,KAAK,CAAA;AACrBuD,OAAO,CAAC9B,IAAI,GAAGA,IAAI,CAAA;AACnB8B,OAAO,CAACP,QAAQ,GAAGA,QAAQ,CAAA;AAC3BO,OAAO,CAACzB,MAAM,GAAGA,MAAM,CAAA;AACvByB,OAAO,CAAC1E,MAAM,GAAGA,MAAM;;;;"}

package/dist/Metadata.js

@@ -2,10 +2,12 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React__default, { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import useBreakpoints from '@bigbinary/neeto-commons-frontend/react-utils/useBreakpoints';
-import { Up, Down, Collapse } from '@bigbinary/neeto-icons';
+import Collapse from '@bigbinary/neeto-icons/Collapse';
 import Button from '@bigbinary/neetoui/Button';
 import Typography from '@bigbinary/neetoui/Typography';
 import { isNotEmpty } from '@bigbinary/neeto-cist';
+import Down from '@bigbinary/neeto-icons/Down';
+import Up from '@bigbinary/neeto-icons/Up';
 import { useTranslation } from 'react-i18next';
 import { n } from './inject-css-c86de496.js';
 

package/dist/Metadata.js.map

@@ -1 +1 @@
-{"version":3,"file":"Metadata.js","sources":["../src/components/Metadata/Block.jsx","../src/components/Metadata/constants.js","../src/components/Metadata/DetailsBlock.jsx","../src/components/Metadata/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst Block = ({ title, actionBlock, children, className = \"\" }) => (\n  <div\n    className=\"neeto-molecules-metadata__block mb-5 w-full\"\n    data-cy=\"neeto-molecules-metadata-block\"\n    data-testid=\"metadata-block\"\n  >\n    <div className=\"mb-2 flex w-full items-center justify-between gap-2\">\n      {title && (\n        <div className=\"flex w-60 items-center gap-2 break-all\">\n          <Typography\n            className=\"neeto-ui-text-gray-700\"\n            data-testid=\"metadata-block-title\"\n            style=\"h5\"\n            textTransform=\"uppercase\"\n            weight=\"bold\"\n          >\n            {title}\n          </Typography>\n        </div>\n      )}\n      {actionBlock && <div className=\"ml-auto\">{actionBlock}</div>}\n    </div>\n    {!!children && (\n      <div\n        data-testid=\"metadata-card\"\n        className={classnames(\n          \"neeto-ui-bg-white neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-molecules-metadata__card border p-4\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    )}\n  </div>\n);\n\nBlock.propTypes = {\n  /**\n   * To specify the content to be rendered on the right side of the title.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the title of the block.\n   */\n  title: PropTypes.string,\n  /**\n   * The content to be rendered inside the block.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * To specify external classNames as overrides to the `Block` component.\n   */\n  className: PropTypes.string,\n};\n\nexport default Block;\n","export const STYLES = { inline: \"inline\", multiline: \"multiline\" };\n\nexport const SIZES = { small: \"small\", medium: \"medium\" };\n\nexport const DEFAULT_TRUNCATE_AT = 3;\n","import React, { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty } from \"neetocist\";\nimport { Down, Up } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Block from \"./Block\";\nimport { DEFAULT_TRUNCATE_AT, STYLES } from \"./constants\";\n\nconst DetailsBlock = ({\n  title,\n  actionBlock,\n  details = [],\n  className,\n  style = STYLES.inline,\n  truncate = false,\n  truncateAt = DEFAULT_TRUNCATE_AT,\n  children,\n}) => {\n  const [showTruncated, setShowTruncated] = useState(false);\n\n  const { t } = useTranslation();\n\n  const [visibleDetails, truncatedDetails] = truncate\n    ? [details.slice(0, truncateAt), details.slice(truncateAt)]\n    : [details];\n\n  const renderDetailsValue = value => {\n    if (typeof value === \"string\") {\n      return (\n        <Typography className=\"break-anywhere\" style=\"body2\">\n          {value}\n        </Typography>\n      );\n    }\n\n    return <span>{value}</span>;\n  };\n\n  return (\n    <Block\n      {...{ actionBlock, className }}\n      title={title ?? t(\"neetoMolecules.metadata.detailsTitle\")}\n    >\n      <div\n        className=\"flex flex-col space-y-3\"\n        data-cy=\"neeto-molecules-metadata-details-block\"\n      >\n        {visibleDetails.map(({ label, value, type }, index) => (\n          <React.Fragment key={index}>\n            {type === \"divider\" ? (\n              <hr />\n            ) : (\n              <div\n                data-testid=\"details-card-detail-wrapper\"\n                className={classnames(\"flex\", {\n                  \"space-x-4\": style === STYLES.inline,\n                  \"flex-col\": style === STYLES.multiline,\n                })}\n              >\n                <Typography className=\"neeto-ui-text-gray-600\" style=\"body2\">\n                  {label}\n                </Typography>\n                {renderDetailsValue(value)}\n              </div>\n            )}\n          </React.Fragment>\n        ))}\n        {!truncate && children}\n        {showTruncated && (\n          <>\n            {truncatedDetails.map(({ label, value, type }, index) => (\n              <React.Fragment key={index}>\n                {type === \"divider\" ? (\n                  <hr />\n                ) : (\n                  <div\n                    className={classnames(\"flex\", {\n                      \"space-x-4\": style === STYLES.inline,\n                      \"flex-col\": style === STYLES.multiline,\n                    })}\n                  >\n                    <Typography\n                      className=\"neeto-ui-text-gray-600\"\n                      style=\"body2\"\n                    >\n                      {label}\n                    </Typography>\n                    {renderDetailsValue(value)}\n                  </div>\n                )}\n              </React.Fragment>\n            ))}\n            {children}\n          </>\n        )}\n        {truncate && isNotEmpty(truncatedDetails) && (\n          <Button\n            data-testid=\"expand-button\"\n            icon={showTruncated ? Up : Down}\n            style=\"link\"\n            label={\n              showTruncated\n                ? t(\"neetoMolecules.metadata.card.viewLess\")\n                : t(\"neetoMolecules.metadata.card.viewMore\")\n            }\n            onClick={() => setShowTruncated(showTruncated => !showTruncated)}\n          />\n        )}\n      </div>\n    </Block>\n  );\n};\n\nDetailsBlock.propTypes = {\n  /**\n   * To specify the content to be rendered on the right side of the title.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the title of the block.\n   */\n  title: PropTypes.string,\n  /**\n   * The details to be rendered inside the block.\n   */\n  details: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.node,\n      type: PropTypes.string,\n    })\n  ),\n  /**\n   * To specify whether the label and value should be rendered in a single line or in two lines.\n   */\n  style: PropTypes.oneOf([\"inline\", \"multiline\"]),\n  /**\n   * To specify whether the visible details should be truncated at a specific point.\n   */\n  truncate: PropTypes.bool,\n  /**\n   * To specify the position at which the details should be truncated and `View more` button should be shown.\n   */\n  truncateAt: PropTypes.number,\n  /**\n   * To specify external classNames as overrides to the `DetailsBlock` component.\n   */\n  className: PropTypes.string,\n  /**\n   * The additional content to be rendered inside the block.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n};\n\nexport default DetailsBlock;\n","import React, { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { Collapse } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport Block from \"./Block\";\nimport { SIZES } from \"./constants\";\nimport DetailsBlock from \"./DetailsBlock\";\nimport \"./metadata.scss\";\n\nconst Metadata = ({\n  headerBlock,\n  size = SIZES.medium,\n  children,\n  className = \"\",\n}) => {\n  const { isSize } = useBreakpoints();\n  const isLargerScreen = isSize(\"desktop\") || isSize(\"largeDesktop\");\n  const [isElementsPanelCollapsed, setIsElementsPanelCollapsed] = useState(\n    !isLargerScreen\n  );\n\n  useEffect(() => {\n    setIsElementsPanelCollapsed(!isLargerScreen);\n  }, [isLargerScreen]);\n\n  return (\n    <>\n      {!isElementsPanelCollapsed && (\n        <div\n          className=\"neeto-molecules-metadata-panel__backdrop\"\n          onClick={() => {\n            setIsElementsPanelCollapsed(!isElementsPanelCollapsed);\n          }}\n        />\n      )}\n      <div\n        className={classnames(\"neeto-molecules-metadata-list-panel__wrapper\", {\n          \"neeto-molecules-metadata-list-panel__wrapper--collapsed\":\n            isElementsPanelCollapsed,\n        })}\n      >\n        <div className=\"neeto-molecules-metadata-list-panel__container\">\n          <div\n            data-cy=\"neeto-molecules-metadata-wrapper\"\n            data-testid=\"metadata-wrapper\"\n            className={classnames(\n              \"neeto-ui-bg-gray-100 neeto-molecules-metadata h-screen flex-shrink-0 overflow-y-auto overflow-x-hidden\",\n              {\n                \"neeto-molecules-metadata--size-large\": size === SIZES.medium,\n                \"neeto-molecules-metadata--size-small\": size === SIZES.small,\n              },\n              className\n            )}\n          >\n            {headerBlock && (\n              <div\n                className=\"neeto-molecules-metadata__header mb-5 flex w-full justify-center\"\n                data-cy=\"neeto-molecules-metadata-header\"\n                data-testid=\"metadata-header\"\n              >\n                {headerBlock}\n              </div>\n            )}\n            {children}\n          </div>\n        </div>\n        <Button\n          className=\"neeto-molecules-metadata-list-panel__toggler\"\n          icon={Collapse}\n          style=\"secondary\"\n          onClick={() => {\n            setIsElementsPanelCollapsed(!isElementsPanelCollapsed);\n          }}\n        />\n      </div>\n    </>\n  );\n};\n\nMetadata.Block = Block;\nMetadata.DetailsBlock = DetailsBlock;\n\nMetadata.propTypes = {\n  /**\n   * To specify the content to be rendered as the title of the `Metadata` wrapper.\n   */\n  headerBlock: PropTypes.node,\n  /**\n   * The content to be rendered inside the `Metadata` wrapper.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * To specify external classNames as overrides to the `Metadata` component.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the size of the `Metadata` wrapper.\n   */\n  size: PropTypes.oneOf([\"small\", \"medium\"]),\n};\n\nexport default Metadata;\n"],"names":["Block","_ref","title","actionBlock","children","_ref$className","className","React","createElement","Typography","style","textTransform","weight","classnames","STYLES","inline","multiline","SIZES","small","medium","DEFAULT_TRUNCATE_AT","DetailsBlock","_ref$details","details","_ref$style","_ref$truncate","truncate","_ref$truncateAt","truncateAt","_useState","useState","_useState2","_slicedToArray","showTruncated","setShowTruncated","_useTranslation","useTranslation","t","_ref2","slice","_ref3","visibleDetails","truncatedDetails","renderDetailsValue","value","map","_ref4","index","label","type","Fragment","key","_ref5","isNotEmpty","Button","icon","Up","Down","onClick","Metadata","headerBlock","_ref$size","size","_useBreakpoints","useBreakpoints","isSize","isLargerScreen","isElementsPanelCollapsed","setIsElementsPanelCollapsed","useEffect","Collapse"],"mappings":"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"}
+{"version":3,"file":"Metadata.js","sources":["../src/components/Metadata/Block.jsx","../src/components/Metadata/constants.js","../src/components/Metadata/DetailsBlock.jsx","../src/components/Metadata/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst Block = ({ title, actionBlock, children, className = \"\" }) => (\n  <div\n    className=\"neeto-molecules-metadata__block mb-5 w-full\"\n    data-cy=\"neeto-molecules-metadata-block\"\n    data-testid=\"metadata-block\"\n  >\n    <div className=\"mb-2 flex w-full items-center justify-between gap-2\">\n      {title && (\n        <div className=\"flex w-60 items-center gap-2 break-all\">\n          <Typography\n            className=\"neeto-ui-text-gray-700\"\n            data-testid=\"metadata-block-title\"\n            style=\"h5\"\n            textTransform=\"uppercase\"\n            weight=\"bold\"\n          >\n            {title}\n          </Typography>\n        </div>\n      )}\n      {actionBlock && <div className=\"ml-auto\">{actionBlock}</div>}\n    </div>\n    {!!children && (\n      <div\n        data-testid=\"metadata-card\"\n        className={classnames(\n          \"neeto-ui-bg-white neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-molecules-metadata__card border p-4\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    )}\n  </div>\n);\n\nBlock.propTypes = {\n  /**\n   * To specify the content to be rendered on the right side of the title.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the title of the block.\n   */\n  title: PropTypes.string,\n  /**\n   * The content to be rendered inside the block.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * To specify external classNames as overrides to the `Block` component.\n   */\n  className: PropTypes.string,\n};\n\nexport default Block;\n","export const STYLES = { inline: \"inline\", multiline: \"multiline\" };\n\nexport const SIZES = { small: \"small\", medium: \"medium\" };\n\nexport const DEFAULT_TRUNCATE_AT = 3;\n","import React, { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty } from \"neetocist\";\nimport { Down, Up } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Block from \"./Block\";\nimport { DEFAULT_TRUNCATE_AT, STYLES } from \"./constants\";\n\nconst DetailsBlock = ({\n  title,\n  actionBlock,\n  details = [],\n  className,\n  style = STYLES.inline,\n  truncate = false,\n  truncateAt = DEFAULT_TRUNCATE_AT,\n  children,\n}) => {\n  const [showTruncated, setShowTruncated] = useState(false);\n\n  const { t } = useTranslation();\n\n  const [visibleDetails, truncatedDetails] = truncate\n    ? [details.slice(0, truncateAt), details.slice(truncateAt)]\n    : [details];\n\n  const renderDetailsValue = value => {\n    if (typeof value === \"string\") {\n      return (\n        <Typography className=\"break-anywhere\" style=\"body2\">\n          {value}\n        </Typography>\n      );\n    }\n\n    return <span>{value}</span>;\n  };\n\n  return (\n    <Block\n      {...{ actionBlock, className }}\n      title={title ?? t(\"neetoMolecules.metadata.detailsTitle\")}\n    >\n      <div\n        className=\"flex flex-col space-y-3\"\n        data-cy=\"neeto-molecules-metadata-details-block\"\n      >\n        {visibleDetails.map(({ label, value, type }, index) => (\n          <React.Fragment key={index}>\n            {type === \"divider\" ? (\n              <hr />\n            ) : (\n              <div\n                data-testid=\"details-card-detail-wrapper\"\n                className={classnames(\"flex\", {\n                  \"space-x-4\": style === STYLES.inline,\n                  \"flex-col\": style === STYLES.multiline,\n                })}\n              >\n                <Typography className=\"neeto-ui-text-gray-600\" style=\"body2\">\n                  {label}\n                </Typography>\n                {renderDetailsValue(value)}\n              </div>\n            )}\n          </React.Fragment>\n        ))}\n        {!truncate && children}\n        {showTruncated && (\n          <>\n            {truncatedDetails.map(({ label, value, type }, index) => (\n              <React.Fragment key={index}>\n                {type === \"divider\" ? (\n                  <hr />\n                ) : (\n                  <div\n                    className={classnames(\"flex\", {\n                      \"space-x-4\": style === STYLES.inline,\n                      \"flex-col\": style === STYLES.multiline,\n                    })}\n                  >\n                    <Typography\n                      className=\"neeto-ui-text-gray-600\"\n                      style=\"body2\"\n                    >\n                      {label}\n                    </Typography>\n                    {renderDetailsValue(value)}\n                  </div>\n                )}\n              </React.Fragment>\n            ))}\n            {children}\n          </>\n        )}\n        {truncate && isNotEmpty(truncatedDetails) && (\n          <Button\n            data-testid=\"expand-button\"\n            icon={showTruncated ? Up : Down}\n            style=\"link\"\n            label={\n              showTruncated\n                ? t(\"neetoMolecules.metadata.card.viewLess\")\n                : t(\"neetoMolecules.metadata.card.viewMore\")\n            }\n            onClick={() => setShowTruncated(showTruncated => !showTruncated)}\n          />\n        )}\n      </div>\n    </Block>\n  );\n};\n\nDetailsBlock.propTypes = {\n  /**\n   * To specify the content to be rendered on the right side of the title.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the title of the block.\n   */\n  title: PropTypes.string,\n  /**\n   * The details to be rendered inside the block.\n   */\n  details: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.node,\n      type: PropTypes.string,\n    })\n  ),\n  /**\n   * To specify whether the label and value should be rendered in a single line or in two lines.\n   */\n  style: PropTypes.oneOf([\"inline\", \"multiline\"]),\n  /**\n   * To specify whether the visible details should be truncated at a specific point.\n   */\n  truncate: PropTypes.bool,\n  /**\n   * To specify the position at which the details should be truncated and `View more` button should be shown.\n   */\n  truncateAt: PropTypes.number,\n  /**\n   * To specify external classNames as overrides to the `DetailsBlock` component.\n   */\n  className: PropTypes.string,\n  /**\n   * The additional content to be rendered inside the block.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n};\n\nexport default DetailsBlock;\n","import React, { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { Collapse } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport Block from \"./Block\";\nimport { SIZES } from \"./constants\";\nimport DetailsBlock from \"./DetailsBlock\";\nimport \"./metadata.scss\";\n\nconst Metadata = ({\n  headerBlock,\n  size = SIZES.medium,\n  children,\n  className = \"\",\n}) => {\n  const { isSize } = useBreakpoints();\n  const isLargerScreen = isSize(\"desktop\") || isSize(\"largeDesktop\");\n  const [isElementsPanelCollapsed, setIsElementsPanelCollapsed] = useState(\n    !isLargerScreen\n  );\n\n  useEffect(() => {\n    setIsElementsPanelCollapsed(!isLargerScreen);\n  }, [isLargerScreen]);\n\n  return (\n    <>\n      {!isElementsPanelCollapsed && (\n        <div\n          className=\"neeto-molecules-metadata-panel__backdrop\"\n          onClick={() => {\n            setIsElementsPanelCollapsed(!isElementsPanelCollapsed);\n          }}\n        />\n      )}\n      <div\n        className={classnames(\"neeto-molecules-metadata-list-panel__wrapper\", {\n          \"neeto-molecules-metadata-list-panel__wrapper--collapsed\":\n            isElementsPanelCollapsed,\n        })}\n      >\n        <div className=\"neeto-molecules-metadata-list-panel__container\">\n          <div\n            data-cy=\"neeto-molecules-metadata-wrapper\"\n            data-testid=\"metadata-wrapper\"\n            className={classnames(\n              \"neeto-ui-bg-gray-100 neeto-molecules-metadata h-screen flex-shrink-0 overflow-y-auto overflow-x-hidden\",\n              {\n                \"neeto-molecules-metadata--size-large\": size === SIZES.medium,\n                \"neeto-molecules-metadata--size-small\": size === SIZES.small,\n              },\n              className\n            )}\n          >\n            {headerBlock && (\n              <div\n                className=\"neeto-molecules-metadata__header mb-5 flex w-full justify-center\"\n                data-cy=\"neeto-molecules-metadata-header\"\n                data-testid=\"metadata-header\"\n              >\n                {headerBlock}\n              </div>\n            )}\n            {children}\n          </div>\n        </div>\n        <Button\n          className=\"neeto-molecules-metadata-list-panel__toggler\"\n          icon={Collapse}\n          style=\"secondary\"\n          onClick={() => {\n            setIsElementsPanelCollapsed(!isElementsPanelCollapsed);\n          }}\n        />\n      </div>\n    </>\n  );\n};\n\nMetadata.Block = Block;\nMetadata.DetailsBlock = DetailsBlock;\n\nMetadata.propTypes = {\n  /**\n   * To specify the content to be rendered as the title of the `Metadata` wrapper.\n   */\n  headerBlock: PropTypes.node,\n  /**\n   * The content to be rendered inside the `Metadata` wrapper.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * To specify external classNames as overrides to the `Metadata` component.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the size of the `Metadata` wrapper.\n   */\n  size: PropTypes.oneOf([\"small\", \"medium\"]),\n};\n\nexport default Metadata;\n"],"names":["Block","_ref","title","actionBlock","children","_ref$className","className","React","createElement","Typography","style","textTransform","weight","classnames","STYLES","inline","multiline","SIZES","small","medium","DEFAULT_TRUNCATE_AT","DetailsBlock","_ref$details","details","_ref$style","_ref$truncate","truncate","_ref$truncateAt","truncateAt","_useState","useState","_useState2","_slicedToArray","showTruncated","setShowTruncated","_useTranslation","useTranslation","t","_ref2","slice","_ref3","visibleDetails","truncatedDetails","renderDetailsValue","value","map","_ref4","index","label","type","Fragment","key","_ref5","isNotEmpty","Button","icon","Up","Down","onClick","Metadata","headerBlock","_ref$size","size","_useBreakpoints","useBreakpoints","isSize","isLargerScreen","isElementsPanelCollapsed","setIsElementsPanelCollapsed","useEffect","Collapse"],"mappings":"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"}

package/dist/MoreDropdown.js

@@ -4,7 +4,8 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import React__default from 'react';
 import classnames from 'classnames';
 import { hyphenate } from '@bigbinary/neeto-cist';
-import { MenuVertical, MenuHorizontal } from '@bigbinary/neeto-icons';
+import MenuHorizontal from '@bigbinary/neeto-icons/MenuHorizontal';
+import MenuVertical from '@bigbinary/neeto-icons/MenuVertical';
 import Button from '@bigbinary/neetoui/Button';
 import Dropdown from '@bigbinary/neetoui/Dropdown';
 import Tooltip from '@bigbinary/neetoui/Tooltip';

package/dist/MoreDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoreDropdown.js","sources":["../src/components/MoreDropdown/constants.js","../src/components/MoreDropdown/Submenu.jsx","../src/components/MoreDropdown/MenuItem.jsx","../src/components/MoreDropdown/index.jsx"],"sourcesContent":["export const BUTTON_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  tertiary: \"tertiary\",\n  danger: \"danger\",\n  danger_text: \"danger-text\",\n  text: \"text\",\n  link: \"link\",\n};\n\nexport const SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nexport const STRATEGY = { absolute: \"absolute\", fixed: \"fixed\" };\n\nexport const MENU_ITEM_TYPES = {\n  menuItem: \"menuItem\",\n  divider: \"divider\",\n};\n\nexport const DEFAULT_TOOLTIP_PROPS = {\n  disabled: true,\n  position: \"bottom\",\n};\n","import React from \"react\";\n\nimport { Dropdown } from \"neetoui\";\n\nimport MoreDropdownMenuItem from \"./MenuItem\";\n\nconst { MenuItem, Menu } = Dropdown;\n\nconst Submenu = ({ label, key, ...menuItemProps }) => (\n  <Dropdown\n    customTarget={<MenuItem.Button>{label}</MenuItem.Button>}\n    key={key}\n    position=\"left\"\n    trigger=\"hover\"\n    {...menuItemProps.dropdownProps}\n  >\n    <Menu>\n      {menuItemProps.menuItems.map(\n        ({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return <MoreDropdownMenuItem key={key} {...menuItemProps} />;\n        }\n      )}\n    </Menu>\n  </Dropdown>\n);\n\nexport default Submenu;\n","import React from \"react\";\n\nimport { Dropdown } from \"neetoui\";\n\nimport { MENU_ITEM_TYPES } from \"./constants\";\nimport Submenu from \"./Submenu\";\n\nconst { MenuItem, Divider } = Dropdown;\n\nconst MoreDropdownMenuItem = ({\n  onClick,\n  label,\n  type = MENU_ITEM_TYPES.menuItem,\n  hasSubItems = false,\n  ...menuItemProps\n}) => {\n  if (type === MENU_ITEM_TYPES.divider) {\n    return <Divider />;\n  }\n\n  if (hasSubItems) {\n    return <Submenu {...{ label, ...menuItemProps }} />;\n  }\n\n  return (\n    <MenuItem.Button {...{ onClick, ...menuItemProps }}>\n      {label}\n    </MenuItem.Button>\n  );\n};\n\nexport default MoreDropdownMenuItem;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Button, Dropdown, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  BUTTON_STYLES,\n  DEFAULT_TOOLTIP_PROPS,\n  MENU_ITEM_TYPES,\n  SIZES,\n  STRATEGY,\n} from \"./constants\";\nimport MenuItem from \"./MenuItem\";\nimport \"./moredropdown.scss\";\n\nconst { Menu } = Dropdown;\n\nconst MoreDropdown = ({\n  dropdownButtonProps = {},\n  isVertical = false,\n  isDisabled = false,\n  dropdownProps = {},\n  menuTopChildren,\n  menuBottomChildren,\n  menuItems = [],\n}) => {\n  const { t } = useTranslation();\n\n  const { isRounded: isRoundedButton, ...buttonProps } = dropdownButtonProps;\n\n  const tooltipProps = mergeRight(\n    DEFAULT_TOOLTIP_PROPS,\n    dropdownButtonProps.tooltipProps\n  );\n\n  const targetIcon = isVertical ? MenuVertical : MenuHorizontal;\n\n  const isDropdownDisabled = isDisabled || dropdownProps.disabled;\n  if (isDropdownDisabled && !tooltipProps.disabled) {\n    return (\n      <Tooltip {...tooltipProps}>\n        <span>\n          <Button\n            disabled\n            data-cy=\"more-dropdown-button\"\n            data-dropdown-button-style=\"more-dropdown\"\n            data-testid=\"nui-dropdown-button\"\n            icon={targetIcon}\n            iconPosition=\"right\"\n            size=\"medium\"\n            style=\"text\"\n            className={classnames({\n              \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n            })}\n            {...buttonProps}\n          />\n        </span>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <Dropdown\n      autoWidth\n      className=\"flex\"\n      disabled={isDisabled}\n      icon={targetIcon}\n      buttonProps={{\n        \"data-dropdown-button-style\": \"more-dropdown\",\n        className: classnames(\"min-h-0 flex-shrink-0\", {\n          \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n        }),\n        style: \"text\",\n        tooltipProps: {\n          content: t(\"neetoMolecules.moreDropdown.tooltip\"),\n          position: \"top\",\n        },\n        ...buttonProps,\n      }}\n      {...dropdownProps}\n    >\n      <Menu>\n        {menuTopChildren}\n        {menuItems.map(({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return (\n            <MenuItem\n              key={key ?? hyphenate(menuItemProps.label)}\n              {...menuItemProps}\n            />\n          );\n        })}\n        {menuBottomChildren}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nMoreDropdown.propTypes = {\n  /*\n   * This props will be passed to the target button of the dropdown.\n   */\n  dropdownButtonProps: PropTypes.shape({\n    style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n    size: PropTypes.oneOf(Object.values(SIZES)),\n    iconSize: PropTypes.number,\n    disabled: PropTypes.bool,\n    isRounded: PropTypes.bool,\n  }),\n  /*\n   * Whether to show a MenuVertical icon. By default the icon will be MenuHorizontal.\n   */\n  isVertical: PropTypes.bool,\n  /*\n   * Whether the dropdown is disabled or not.\n   */\n  isDisabled: PropTypes.bool,\n  /*\n   * This props will be passed to the dropdown.\n   */\n  dropdownProps: PropTypes.shape({\n    strategy: PropTypes.oneOf(Object.values(STRATEGY)),\n  }),\n  /*\n   * This children will be rendered on top of the dropdown menu.\n   */\n  menuTopChildren: PropTypes.node,\n  /*\n   * This children will be rendered on bottom of the dropdown menu.\n   */\n  menuBottomChildren: PropTypes.node,\n  /*\n   * Menu items inside the dropdown. Each item needs to have a `label`, `onClick` and `key`.\n   */\n  menuItems: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      onClick: PropTypes.func,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(Object.values(MENU_ITEM_TYPES)),\n      isVisible: PropTypes.bool,\n      hasSubItems: PropTypes.bool,\n      dropdownProps: PropTypes.shape({\n        position: PropTypes.string,\n        trigger: PropTypes.string,\n      }),\n    })\n  ),\n};\n\nexport default MoreDropdown;\n"],"names":["MENU_ITEM_TYPES","menuItem","divider","DEFAULT_TOOLTIP_PROPS","disabled","position","MenuItem","Dropdown","Menu","Submenu","_ref","label","key","menuItemProps","_objectWithoutProperties","_excluded","React","createElement","_extends","customTarget","Button","trigger","dropdownProps","menuItems","map","_ref2","_ref2$isVisible","isVisible","_excluded2","MoreDropdownMenuItem","Divider","onClick","_ref$type","type","_ref$hasSubItems","hasSubItems","_objectSpread","MoreDropdown","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","_useTranslation","useTranslation","t","isRoundedButton","isRounded","buttonProps","tooltipProps","mergeRight","targetIcon","MenuVertical","MenuHorizontal","isDropdownDisabled","Tooltip","icon","iconPosition","size","style","className","classnames","autoWidth","content","hyphenate"],"mappings":"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"}
+{"version":3,"file":"MoreDropdown.js","sources":["../src/components/MoreDropdown/constants.js","../src/components/MoreDropdown/Submenu.jsx","../src/components/MoreDropdown/MenuItem.jsx","../src/components/MoreDropdown/index.jsx"],"sourcesContent":["export const BUTTON_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  tertiary: \"tertiary\",\n  danger: \"danger\",\n  danger_text: \"danger-text\",\n  text: \"text\",\n  link: \"link\",\n};\n\nexport const SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nexport const STRATEGY = { absolute: \"absolute\", fixed: \"fixed\" };\n\nexport const MENU_ITEM_TYPES = {\n  menuItem: \"menuItem\",\n  divider: \"divider\",\n};\n\nexport const DEFAULT_TOOLTIP_PROPS = {\n  disabled: true,\n  position: \"bottom\",\n};\n","import React from \"react\";\n\nimport { Dropdown } from \"neetoui\";\n\nimport MoreDropdownMenuItem from \"./MenuItem\";\n\nconst { MenuItem, Menu } = Dropdown;\n\nconst Submenu = ({ label, key, ...menuItemProps }) => (\n  <Dropdown\n    customTarget={<MenuItem.Button>{label}</MenuItem.Button>}\n    key={key}\n    position=\"left\"\n    trigger=\"hover\"\n    {...menuItemProps.dropdownProps}\n  >\n    <Menu>\n      {menuItemProps.menuItems.map(\n        ({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return <MoreDropdownMenuItem key={key} {...menuItemProps} />;\n        }\n      )}\n    </Menu>\n  </Dropdown>\n);\n\nexport default Submenu;\n","import React from \"react\";\n\nimport { Dropdown } from \"neetoui\";\n\nimport { MENU_ITEM_TYPES } from \"./constants\";\nimport Submenu from \"./Submenu\";\n\nconst { MenuItem, Divider } = Dropdown;\n\nconst MoreDropdownMenuItem = ({\n  onClick,\n  label,\n  type = MENU_ITEM_TYPES.menuItem,\n  hasSubItems = false,\n  ...menuItemProps\n}) => {\n  if (type === MENU_ITEM_TYPES.divider) {\n    return <Divider />;\n  }\n\n  if (hasSubItems) {\n    return <Submenu {...{ label, ...menuItemProps }} />;\n  }\n\n  return (\n    <MenuItem.Button {...{ onClick, ...menuItemProps }}>\n      {label}\n    </MenuItem.Button>\n  );\n};\n\nexport default MoreDropdownMenuItem;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Button, Dropdown, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  BUTTON_STYLES,\n  DEFAULT_TOOLTIP_PROPS,\n  MENU_ITEM_TYPES,\n  SIZES,\n  STRATEGY,\n} from \"./constants\";\nimport MenuItem from \"./MenuItem\";\nimport \"./moredropdown.scss\";\n\nconst { Menu } = Dropdown;\n\nconst MoreDropdown = ({\n  dropdownButtonProps = {},\n  isVertical = false,\n  isDisabled = false,\n  dropdownProps = {},\n  menuTopChildren,\n  menuBottomChildren,\n  menuItems = [],\n}) => {\n  const { t } = useTranslation();\n\n  const { isRounded: isRoundedButton, ...buttonProps } = dropdownButtonProps;\n\n  const tooltipProps = mergeRight(\n    DEFAULT_TOOLTIP_PROPS,\n    dropdownButtonProps.tooltipProps\n  );\n\n  const targetIcon = isVertical ? MenuVertical : MenuHorizontal;\n\n  const isDropdownDisabled = isDisabled || dropdownProps.disabled;\n  if (isDropdownDisabled && !tooltipProps.disabled) {\n    return (\n      <Tooltip {...tooltipProps}>\n        <span>\n          <Button\n            disabled\n            data-cy=\"more-dropdown-button\"\n            data-dropdown-button-style=\"more-dropdown\"\n            data-testid=\"nui-dropdown-button\"\n            icon={targetIcon}\n            iconPosition=\"right\"\n            size=\"medium\"\n            style=\"text\"\n            className={classnames({\n              \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n            })}\n            {...buttonProps}\n          />\n        </span>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <Dropdown\n      autoWidth\n      className=\"flex\"\n      disabled={isDisabled}\n      icon={targetIcon}\n      buttonProps={{\n        \"data-dropdown-button-style\": \"more-dropdown\",\n        className: classnames(\"min-h-0 flex-shrink-0\", {\n          \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n        }),\n        style: \"text\",\n        tooltipProps: {\n          content: t(\"neetoMolecules.moreDropdown.tooltip\"),\n          position: \"top\",\n        },\n        ...buttonProps,\n      }}\n      {...dropdownProps}\n    >\n      <Menu>\n        {menuTopChildren}\n        {menuItems.map(({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return (\n            <MenuItem\n              key={key ?? hyphenate(menuItemProps.label)}\n              {...menuItemProps}\n            />\n          );\n        })}\n        {menuBottomChildren}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nMoreDropdown.propTypes = {\n  /*\n   * This props will be passed to the target button of the dropdown.\n   */\n  dropdownButtonProps: PropTypes.shape({\n    style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n    size: PropTypes.oneOf(Object.values(SIZES)),\n    iconSize: PropTypes.number,\n    disabled: PropTypes.bool,\n    isRounded: PropTypes.bool,\n  }),\n  /*\n   * Whether to show a MenuVertical icon. By default the icon will be MenuHorizontal.\n   */\n  isVertical: PropTypes.bool,\n  /*\n   * Whether the dropdown is disabled or not.\n   */\n  isDisabled: PropTypes.bool,\n  /*\n   * This props will be passed to the dropdown.\n   */\n  dropdownProps: PropTypes.shape({\n    strategy: PropTypes.oneOf(Object.values(STRATEGY)),\n  }),\n  /*\n   * This children will be rendered on top of the dropdown menu.\n   */\n  menuTopChildren: PropTypes.node,\n  /*\n   * This children will be rendered on bottom of the dropdown menu.\n   */\n  menuBottomChildren: PropTypes.node,\n  /*\n   * Menu items inside the dropdown. Each item needs to have a `label`, `onClick` and `key`.\n   */\n  menuItems: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      onClick: PropTypes.func,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(Object.values(MENU_ITEM_TYPES)),\n      isVisible: PropTypes.bool,\n      hasSubItems: PropTypes.bool,\n      dropdownProps: PropTypes.shape({\n        position: PropTypes.string,\n        trigger: PropTypes.string,\n      }),\n    })\n  ),\n};\n\nexport default MoreDropdown;\n"],"names":["MENU_ITEM_TYPES","menuItem","divider","DEFAULT_TOOLTIP_PROPS","disabled","position","MenuItem","Dropdown","Menu","Submenu","_ref","label","key","menuItemProps","_objectWithoutProperties","_excluded","React","createElement","_extends","customTarget","Button","trigger","dropdownProps","menuItems","map","_ref2","_ref2$isVisible","isVisible","_excluded2","MoreDropdownMenuItem","Divider","onClick","_ref$type","type","_ref$hasSubItems","hasSubItems","_objectSpread","MoreDropdown","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","_useTranslation","useTranslation","t","isRoundedButton","isRounded","buttonProps","tooltipProps","mergeRight","targetIcon","MenuVertical","MenuHorizontal","isDropdownDisabled","Tooltip","icon","iconPosition","size","style","className","classnames","autoWidth","content","hyphenate"],"mappings":"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"}

package/dist/NavigationHeader.js

@@ -7,7 +7,7 @@ import Tooltip from '@bigbinary/neetoui/Tooltip';
 import { Link, NavLink } from 'react-router-dom';
 import Rename from './Rename.js';
 import { t } from 'i18next';
-import { Home } from '@bigbinary/neeto-icons';
+import Home from '@bigbinary/neeto-icons/Home';
 import { joinHyphenCase } from '@bigbinary/neeto-commons-frontend/utils/general';
 import Typography from '@bigbinary/neetoui/Typography';
 import classnames from 'classnames';
@@ -19,6 +19,8 @@ import '@bigbinary/neeto-commons-frontend/react-utils/useOnClickOutside';
 import '@bigbinary/neeto-commons-frontend/react-utils/useStateWithDependency';
 import './Breadcrumbs.js';
 import '@bigbinary/neeto-hotkeys';
+import '@bigbinary/neeto-icons/Check';
+import '@bigbinary/neeto-icons/Close';
 import '@bigbinary/neetoui/Button';
 import '@bigbinary/neetoui/Input';
 import '@babel/runtime/helpers/toConsumableArray';
@@ -26,8 +28,12 @@ import '@babel/runtime/helpers/defineProperty';
 import '@bigbinary/neeto-commons-frontend/react-utils';
 import './MoreDropdown.js';
 import '@babel/runtime/helpers/objectWithoutProperties';
+import '@bigbinary/neeto-icons/MenuHorizontal';
+import '@bigbinary/neeto-icons/MenuVertical';
 import '@bigbinary/neetoui/Dropdown';
 import '@bigbinary/neeto-commons-frontend/react-utils/withT';
+import '@bigbinary/neeto-icons/ExternalLink';
+import '@bigbinary/neeto-icons/Undo';
 import '@bigbinary/neetoui/Alert';
 
 var DEFAULT_HOME_BUTTON_PROPS = {

package/dist/NavigationHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationHeader.js","sources":["../src/components/NavigationHeader/constants.jsx","../src/components/NavigationHeader/LeftBlock.jsx","../src/components/NavigationHeader/Navigation.jsx","../src/components/NavigationHeader/RightBlock.jsx","../src/components/NavigationHeader/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { t } from \"i18next\";\nimport { Home } from \"neetoicons\";\n\nexport const DEFAULT_HOME_BUTTON_PROPS = {\n  tooltip: {\n    content: t(\"neetoMolecules.navigationHeader.home\"),\n    position: \"bottom\",\n  },\n  homeUrl: \"/\",\n  icon: <Home />,\n};\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeDeepRight } from \"ramda\";\nimport { Link } from \"react-router-dom\";\n\nimport Rename from \"components/Rename\";\n\nimport { DEFAULT_HOME_BUTTON_PROPS } from \"./constants\";\n\nconst LeftBlock = ({\n  homeButtonProps: customHomeButtonProps,\n  homeUrl,\n  renameProps,\n  children,\n}) => {\n  const homeButtonProps = mergeDeepRight(\n    DEFAULT_HOME_BUTTON_PROPS,\n    customHomeButtonProps\n  );\n\n  return (\n    <div\n      className=\"flex items-center gap-1 md:gap-2\"\n      data-cy=\"navigation-header-left-block\"\n      data-testid=\"navigation-header-left-block\"\n    >\n      <Tooltip\n        content={homeButtonProps.tooltip.content}\n        position={homeButtonProps.tooltip.position}\n      >\n        <Link data-cy=\"home-button\" data-testid=\"home-button\" to={homeUrl}>\n          <div className=\"neeto-ui-rounded hover:neeto-ui-bg-gray-200 p-1\">\n            {homeButtonProps.icon}\n          </div>\n        </Link>\n      </Tooltip>\n      {isPresent(renameProps) && (\n        <Rename\n          dropdownItems={renameProps.dropdownItems}\n          value={renameProps.value}\n          {...renameProps}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n\nLeftBlock.propTypes = {\n  /**\n   * Object containing the home button icon and the props to be passed to the tooltip of the home button.\n   */\n  homeButtonProps: PropTypes.shape({\n    tooltip: PropTypes.shape({\n      content: PropTypes.string,\n      postition: PropTypes.string,\n    }),\n    icon: PropTypes.node,\n  }),\n  /**\n   * URL to navigate when the home button is clicked.\n   */\n  homeUrl: PropTypes.string.isRequired,\n  /**\n   * Props to be passed to the `Rename` component. Please check the `Rename` component props for more details\n   */\n  renameProps: PropTypes.object,\n  /**\n   * To render extra content in the block.\n   */\n  children: PropTypes.node,\n};\n\nexport default LeftBlock;\n","import React from \"react\";\n\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { NavLink } from \"react-router-dom\";\n\nconst NavigationLinks = ({ headerLinks }) => (\n  <div\n    className=\"flex w-full items-center justify-between gap-4 md:justify-center md:gap-3 lg:gap-6\"\n    data-cy=\"navigation-header-navigation-links\"\n    data-testid=\"navigation-header-navigation-links\"\n  >\n    {headerLinks.map(headerLink => (\n      <NavLink\n        activeClassName=\"active\"\n        className=\"neeto-molecules-navigation-header__link px-2 capitalize no-underline md:px-0\"\n        data-cy={`${joinHyphenCase(headerLink.key)}-tab`}\n        key={headerLink.key}\n        {...headerLink}\n      >\n        <Typography lineHeight=\"normal\" style=\"h4\" weight=\"semibold\">\n          {headerLink.label}\n        </Typography>\n      </NavLink>\n    ))}\n  </div>\n);\n\nNavigationLinks.propTypes = {\n  /**\n   * Links to be rendered in the center of the navigation header. It is an array of objects.\n   * Each object should have the properties `key`, `to` and `label`. Other props will be passed on to the `Navlink` component from\n  `react-router-dom`.\n   */\n  headerLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      to: PropTypes.string,\n      label: PropTypes.string,\n    })\n  ),\n};\n\nexport default NavigationLinks;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport PublishBlock from \"components/PublishBlock\";\n\nimport \"./navigation-header.scss\";\n\nconst RightBlock = ({\n  isDraftBlockHidden,\n  previewDraftUrl,\n  isResetDraftButtonVisible,\n  onResetClick,\n  isResetting,\n  isPublishDisabled,\n  isPublishing,\n  handlePublish,\n  isPublishPreviewDisabled,\n  previewPublishedUrl,\n  isPublishButtonVisible,\n  isResetAlertOpen,\n  setIsResetAlertOpen,\n  handleReset,\n  publishAlertTitle,\n  publishAlertDescription,\n  publishButtonProps = {},\n}) => {\n  const { t } = useTranslation();\n\n  const renderDraftButtons = ({ ViewDraftButton, ResetDraftButton }) =>\n    !isDraftBlockHidden && (\n      <>\n        <ViewDraftButton to={previewDraftUrl} />\n        {isResetDraftButtonVisible && (\n          <ResetDraftButton\n            loading={isResetting}\n            onClick={() => onResetClick()}\n          />\n        )}\n      </>\n    );\n\n  const renderPublishButtons = ({ PublishButton, PublishPreviewButton }) => (\n    <>\n      {isPublishButtonVisible && (\n        <PublishButton\n          disabled={isPublishDisabled}\n          loading={isPublishing}\n          onClick={() => handlePublish()}\n          {...publishButtonProps}\n        />\n      )}\n      <PublishPreviewButton\n        disabled={isPublishPreviewDisabled}\n        to={previewPublishedUrl}\n        className={classNames({\n          \"standalone-publish-preview-button\": !isPublishButtonVisible,\n        })}\n      />\n    </>\n  );\n\n  return (\n    <>\n      <PublishBlock {...{ renderDraftButtons, renderPublishButtons }} />\n      <PublishBlock.Alert\n        isOpen={isResetAlertOpen}\n        isSubmitting={isResetting}\n        message={\n          publishAlertDescription ||\n          t(\"neetoMolecules.navigationHeader.resetDescription\")\n        }\n        title={\n          publishAlertTitle || t(\"neetoMolecules.navigationHeader.resetTitle\")\n        }\n        onClose={() => setIsResetAlertOpen(false)}\n        onSubmit={handleReset}\n      />\n    </>\n  );\n};\n\nRightBlock.propTypes = {\n  /**\n   * To show/hide the draft block.\n   */\n  isDraftBlockHidden: PropTypes.bool,\n  /**\n   * Draft preview URL, when the draft button is clicked user will be redirected to this URL.\n   */\n  previewDraftUrl: PropTypes.string,\n  /**\n   * Boolean to control the visibility of reset draft button.\n   */\n  isResetDraftButtonVisible: PropTypes.bool,\n  /**\n   * Callback function that will be called when the reset button is clicked.\n   */\n  onResetClick: PropTypes.func,\n  /**\n   * Setting this to `true` will show a spinner on the reset button. Use when the reset process is in progress.\n   */\n  isResetting: PropTypes.bool,\n  /**\n   * To disable the publish button.\n   */\n  isPublishDisabled: PropTypes.bool,\n  /**\n   * Setting this to `true` will show a spinner on the publish button. Use when the publish process is in progress.\n   */\n  isPublishing: PropTypes.bool,\n  /**\n   * Callback function that will be called when the publish button is clicked.\n   */\n  handlePublish: PropTypes.func,\n  /**\n   * To disable the publish preview button.\n   */\n  isPublishPreviewDisabled: PropTypes.bool,\n  /**\n   * Publish preview URL, when the preview publish button is clicked user will be redirected to this URL.\n   */\n  previewPublishedUrl: PropTypes.string,\n  /**\n   * Boolean to control whether the user have the ability to publish.\n   */\n  isPublishButtonVisible: PropTypes.bool,\n  /**\n   * Boolean to control whether the reset alert is open.\n   */\n  isResetAlertOpen: PropTypes.bool,\n  /**\n   * Handler to control the `isResetAlert` state variable.\n   */\n  setIsResetAlertOpen: PropTypes.func,\n  /**\n   * Callback function that will be called when the reset button is clicked.\n   */\n  handleReset: PropTypes.func,\n  /**\n   * Description to be shown in the publish alert\n   */\n  publishAlertDescription: PropTypes.string,\n  /**\n   * Title of the publish alert\n   */\n  publishAlertTitle: PropTypes.string,\n  /**\n   * Props to be passed to the publish button\n   */\n  publishButtonProps: PropTypes.object,\n};\n\nexport default RightBlock;\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport PropTypes from \"prop-types\";\nimport { filter, length } from \"ramda\";\n\nimport LeftBlock from \"./LeftBlock\";\nimport NavigationLinks from \"./Navigation\";\nimport RightBlock from \"./RightBlock\";\n\nconst NavigationHeader = ({\n  leftActionBlock,\n  navigationLinks,\n  rightActionBlock,\n}) => {\n  const { isSize } = useBreakpoints();\n  const isMobile = isSize(\"mobile\");\n\n  const numberOfChildren = length(\n    filter(isPresent, [leftActionBlock, navigationLinks, rightActionBlock])\n  );\n\n  return (\n    <div className=\"w-full\">\n      <div\n        className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white flex h-16 w-full flex-shrink-0 items-center overflow-x-auto border-b px-2 py-2 md:px-4 lg:px-6\"\n        data-cy=\"navigation-header\"\n        data-testid=\"navigation-header\"\n      >\n        <div\n          className=\"grid w-full gap-4\"\n          style={{\n            gridTemplateColumns: isMobile\n              ? `repeat(${numberOfChildren - 1}, 1fr)`\n              : `repeat(${numberOfChildren}, 1fr)`,\n          }}\n        >\n          {leftActionBlock}\n          {!isMobile && navigationLinks}\n          {rightActionBlock}\n        </div>\n      </div>\n      {isMobile && (\n        <div className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white ßflex-shrink-0 flex items-center overflow-x-auto border-b px-4 py-2 lg:px-6\">\n          {navigationLinks}\n        </div>\n      )}\n    </div>\n  );\n};\n\nNavigationHeader.LeftActionBlock = LeftBlock;\nNavigationHeader.NavigationLinks = NavigationLinks;\nNavigationHeader.RightActionBlock = RightBlock;\n\nNavigationHeader.propTypes = {\n  /**\n   * To specify the content to be rendered in the left side of the `NavigationHeader`.\n   */\n  leftActionBlock: PropTypes.node,\n  /**\n   * To specify the content to be rendered at the center of the `NavigationHeader`.\n   */\n  navigationLinks: PropTypes.node,\n  /**\n   * To specify the content to be rendered in the right side of the `NavigationHeader`.\n   */\n  rightActionBlock: PropTypes.node,\n};\n\nexport default NavigationHeader;\n"],"names":["DEFAULT_HOME_BUTTON_PROPS","tooltip","content","t","position","homeUrl","icon","React","createElement","Home","LeftBlock","_ref","customHomeButtonProps","homeButtonProps","renameProps","children","mergeDeepRight","className","Tooltip","Link","to","isPresent","Rename","_extends","dropdownItems","value","NavigationLinks","headerLinks","map","headerLink","NavLink","activeClassName","concat","joinHyphenCase","key","Typography","lineHeight","style","weight","label","RightBlock","isDraftBlockHidden","previewDraftUrl","isResetDraftButtonVisible","onResetClick","isResetting","isPublishDisabled","isPublishing","handlePublish","isPublishPreviewDisabled","previewPublishedUrl","isPublishButtonVisible","isResetAlertOpen","setIsResetAlertOpen","handleReset","publishAlertTitle","publishAlertDescription","_ref$publishButtonPro","publishButtonProps","_useTranslation","useTranslation","renderDraftButtons","_ref2","ViewDraftButton","ResetDraftButton","Fragment","loading","onClick","renderPublishButtons","_ref3","PublishButton","PublishPreviewButton","disabled","classNames","PublishBlock","Alert","isOpen","isSubmitting","message","title","onClose","onSubmit","NavigationHeader","leftActionBlock","navigationLinks","rightActionBlock","_useBreakpoints","useBreakpoints","isSize","isMobile","numberOfChildren","length","filter","gridTemplateColumns","LeftActionBlock","RightActionBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,IAAMA,yBAAyB,GAAG;AACvCC,EAAAA,OAAO,EAAE;AACPC,IAAAA,OAAO,EAAEC,CAAC,CAAC,sCAAsC,CAAC;AAClDC,IAAAA,QAAQ,EAAE,QAAA;GACX;AACDC,EAAAA,OAAO,EAAE,GAAG;AACZC,EAAAA,IAAI,eAAEC,cAAA,CAAAC,aAAA,CAACC,IAAI,EAAE,IAAA,CAAA;AACf,CAAC;;ACAD,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAKT;AAAA,EAAA,IAJaC,qBAAqB,GAAAD,IAAA,CAAtCE,eAAe;IACfR,OAAO,GAAAM,IAAA,CAAPN,OAAO;IACPS,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;AAER,EAAA,IAAMF,eAAe,GAAGG,cAAc,CACpChB,yBAAyB,EACzBY,qBACF,CAAC,CAAA;EAED,oBACEL,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACES,IAAAA,SAAS,EAAC,kCAAkC;AAC5C,IAAA,SAAA,EAAQ,8BAA8B;IACtC,aAAY,EAAA,8BAAA;AAA8B,GAAA,eAE1CV,cAAA,CAAAC,aAAA,CAACU,OAAO,EAAA;AACNhB,IAAAA,OAAO,EAAEW,eAAe,CAACZ,OAAO,CAACC,OAAQ;AACzCE,IAAAA,QAAQ,EAAES,eAAe,CAACZ,OAAO,CAACG,QAAAA;AAAS,GAAA,eAE3CG,cAAA,CAAAC,aAAA,CAACW,IAAI,EAAA;AAAC,IAAA,SAAA,EAAQ,aAAa;AAAC,IAAA,aAAA,EAAY,aAAa;AAACC,IAAAA,EAAE,EAAEf,OAAAA;GACxDE,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKS,IAAAA,SAAS,EAAC,iDAAA;AAAiD,GAAA,EAC7DJ,eAAe,CAACP,IACd,CACD,CACC,CAAC,EACTe,SAAS,CAACP,WAAW,CAAC,iBACrBP,cAAA,CAAAC,aAAA,CAACc,MAAM,EAAAC,QAAA,CAAA;IACLC,aAAa,EAAEV,WAAW,CAACU,aAAc;IACzCC,KAAK,EAAEX,WAAW,CAACW,KAAAA;AAAM,GAAA,EACrBX,WAAW,CAChB,CACF,EACAC,QACE,CAAC,CAAA;AAEV,CAAC;;AC1CD,IAAMW,eAAe,GAAG,SAAlBA,eAAeA,CAAAf,IAAA,EAAA;AAAA,EAAA,IAAMgB,WAAW,GAAAhB,IAAA,CAAXgB,WAAW,CAAA;EAAA,oBACpCpB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACES,IAAAA,SAAS,EAAC,oFAAoF;AAC9F,IAAA,SAAA,EAAQ,oCAAoC;IAC5C,aAAY,EAAA,oCAAA;AAAoC,GAAA,EAE/CU,WAAW,CAACC,GAAG,CAAC,UAAAC,UAAU,EAAA;AAAA,IAAA,oBACzBtB,cAAA,CAAAC,aAAA,CAACsB,OAAO,EAAAP,QAAA,CAAA;AACNQ,MAAAA,eAAe,EAAC,QAAQ;AACxBd,MAAAA,SAAS,EAAC,8EAA8E;MACxF,SAAAe,EAAAA,EAAAA,CAAAA,MAAA,CAAYC,cAAc,CAACJ,UAAU,CAACK,GAAG,CAAC,EAAO,MAAA,CAAA;MACjDA,GAAG,EAAEL,UAAU,CAACK,GAAAA;AAAI,KAAA,EAChBL,UAAU,CAEdtB,eAAAA,cAAA,CAAAC,aAAA,CAAC2B,UAAU,EAAA;AAACC,MAAAA,UAAU,EAAC,QAAQ;AAACC,MAAAA,KAAK,EAAC,IAAI;AAACC,MAAAA,MAAM,EAAC,UAAA;AAAU,KAAA,EACzDT,UAAU,CAACU,KACF,CACL,CAAC,CAAA;AAAA,GACX,CACE,CAAC,CAAA;AAAA,CACP;;;;;ACjBD,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAA7B,IAAA,EAkBV;AAAA,EAAA,IAjBJ8B,kBAAkB,GAAA9B,IAAA,CAAlB8B,kBAAkB;IAClBC,eAAe,GAAA/B,IAAA,CAAf+B,eAAe;IACfC,yBAAyB,GAAAhC,IAAA,CAAzBgC,yBAAyB;IACzBC,YAAY,GAAAjC,IAAA,CAAZiC,YAAY;IACZC,WAAW,GAAAlC,IAAA,CAAXkC,WAAW;IACXC,iBAAiB,GAAAnC,IAAA,CAAjBmC,iBAAiB;IACjBC,YAAY,GAAApC,IAAA,CAAZoC,YAAY;IACZC,aAAa,GAAArC,IAAA,CAAbqC,aAAa;IACbC,wBAAwB,GAAAtC,IAAA,CAAxBsC,wBAAwB;IACxBC,mBAAmB,GAAAvC,IAAA,CAAnBuC,mBAAmB;IACnBC,sBAAsB,GAAAxC,IAAA,CAAtBwC,sBAAsB;IACtBC,gBAAgB,GAAAzC,IAAA,CAAhByC,gBAAgB;IAChBC,mBAAmB,GAAA1C,IAAA,CAAnB0C,mBAAmB;IACnBC,WAAW,GAAA3C,IAAA,CAAX2C,WAAW;IACXC,iBAAiB,GAAA5C,IAAA,CAAjB4C,iBAAiB;IACjBC,uBAAuB,GAAA7C,IAAA,CAAvB6C,uBAAuB;IAAAC,qBAAA,GAAA9C,IAAA,CACvB+C,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA,CAAA;AAEvB,EAAA,IAAAE,eAAA,GAAcC,cAAc,EAAE;IAAtBzD,CAAC,GAAAwD,eAAA,CAADxD,CAAC,CAAA;AAET,EAAA,IAAM0D,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAMC,eAAe,GAAAD,KAAA,CAAfC,eAAe;MAAEC,gBAAgB,GAAAF,KAAA,CAAhBE,gBAAgB,CAAA;AAAA,IAAA,OAC7D,CAACvB,kBAAkB,iBACjBlC,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAA0D,QAAA,EACE1D,IAAAA,eAAAA,cAAA,CAAAC,aAAA,CAACuD,eAAe,EAAA;AAAC3C,MAAAA,EAAE,EAAEsB,eAAAA;KAAkB,CAAC,EACvCC,yBAAyB,iBACxBpC,cAAA,CAAAC,aAAA,CAACwD,gBAAgB,EAAA;AACfE,MAAAA,OAAO,EAAErB,WAAY;MACrBsB,OAAO,EAAE,SAAAA,OAAA,GAAA;QAAA,OAAMvB,YAAY,EAAE,CAAA;AAAA,OAAA;AAAC,KAC/B,CAEH,CACH,CAAA;AAAA,GAAA,CAAA;AAEH,EAAA,IAAMwB,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAMC,aAAa,GAAAD,KAAA,CAAbC,aAAa;MAAEC,oBAAoB,GAAAF,KAAA,CAApBE,oBAAoB,CAAA;AAAA,IAAA,oBACjEhE,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAA0D,QAAA,EAAA,IAAA,EACGd,sBAAsB,iBACrB5C,cAAA,CAAAC,aAAA,CAAC8D,aAAa,EAAA/C,QAAA,CAAA;AACZiD,MAAAA,QAAQ,EAAE1B,iBAAkB;AAC5BoB,MAAAA,OAAO,EAAEnB,YAAa;MACtBoB,OAAO,EAAE,SAAAA,OAAA,GAAA;QAAA,OAAMnB,aAAa,EAAE,CAAA;AAAA,OAAA;KAC1BU,EAAAA,kBAAkB,CACvB,CACF,eACDnD,cAAA,CAAAC,aAAA,CAAC+D,oBAAoB,EAAA;AACnBC,MAAAA,QAAQ,EAAEvB,wBAAyB;AACnC7B,MAAAA,EAAE,EAAE8B,mBAAoB;MACxBjC,SAAS,EAAEwD,UAAU,CAAC;AACpB,QAAA,mCAAmC,EAAE,CAACtB,sBAAAA;OACvC,CAAA;AAAE,KACJ,CACD,CAAC,CAAA;GACJ,CAAA;AAED,EAAA,oBACE5C,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAA0D,QAAA,EAAA,IAAA,eACE1D,cAAA,CAAAC,aAAA,CAACkE,YAAY,EAAA;AAAOb,IAAAA,kBAAkB,EAAlBA,kBAAkB;AAAEO,IAAAA,oBAAoB,EAApBA,oBAAAA;GAAyB,CAAC,eAClE7D,cAAA,CAAAC,aAAA,CAACkE,YAAY,CAACC,KAAK,EAAA;AACjBC,IAAAA,MAAM,EAAExB,gBAAiB;AACzByB,IAAAA,YAAY,EAAEhC,WAAY;AAC1BiC,IAAAA,OAAO,EACLtB,uBAAuB,IACvBrD,CAAC,CAAC,kDAAkD,CACrD;AACD4E,IAAAA,KAAK,EACHxB,iBAAiB,IAAIpD,CAAC,CAAC,4CAA4C,CACpE;IACD6E,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAM3B,mBAAmB,CAAC,KAAK,CAAC,CAAA;KAAC;AAC1C4B,IAAAA,QAAQ,EAAE3B,WAAAA;AAAY,GACvB,CACD,CAAC,CAAA;AAEP,CAAC;;ACvED,IAAM4B,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAvE,IAAA,EAIhB;AAAA,EAAA,IAHJwE,eAAe,GAAAxE,IAAA,CAAfwE,eAAe;IACfC,eAAe,GAAAzE,IAAA,CAAfyE,eAAe;IACfC,gBAAgB,GAAA1E,IAAA,CAAhB0E,gBAAgB,CAAA;AAEhB,EAAA,IAAAC,eAAA,GAAmBC,cAAc,EAAE;IAA3BC,MAAM,GAAAF,eAAA,CAANE,MAAM,CAAA;AACd,EAAA,IAAMC,QAAQ,GAAGD,MAAM,CAAC,QAAQ,CAAC,CAAA;AAEjC,EAAA,IAAME,gBAAgB,GAAGC,MAAM,CAC7BC,MAAM,CAACvE,SAAS,EAAE,CAAC8D,eAAe,EAAEC,eAAe,EAAEC,gBAAgB,CAAC,CACxE,CAAC,CAAA;EAED,oBACE9E,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKS,IAAAA,SAAS,EAAC,QAAA;GACbV,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACES,IAAAA,SAAS,EAAC,6KAA6K;AACvL,IAAA,SAAA,EAAQ,mBAAmB;IAC3B,aAAY,EAAA,mBAAA;GAEZV,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACES,IAAAA,SAAS,EAAC,mBAAmB;AAC7BoB,IAAAA,KAAK,EAAE;MACLwD,mBAAmB,EAAEJ,QAAQ,GAAA,SAAA,CAAAzD,MAAA,CACf0D,gBAAgB,GAAG,CAAC,EAAA,QAAA,CAAA,GAAA,SAAA,CAAA1D,MAAA,CACpB0D,gBAAgB,EAAA,QAAA,CAAA;AAChC,KAAA;AAAE,GAAA,EAEDP,eAAe,EACf,CAACM,QAAQ,IAAIL,eAAe,EAC5BC,gBACE,CACF,CAAC,EACLI,QAAQ,iBACPlF,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKS,IAAAA,SAAS,EAAC,6JAAA;GACZmE,EAAAA,eACE,CAEJ,CAAC,CAAA;AAEV,EAAC;AAEDF,gBAAgB,CAACY,eAAe,GAAGpF,SAAS,CAAA;AAC5CwE,gBAAgB,CAACxD,eAAe,GAAGA,eAAe,CAAA;AAClDwD,gBAAgB,CAACa,gBAAgB,GAAGvD,UAAU;;;;"}
+{"version":3,"file":"NavigationHeader.js","sources":["../src/components/NavigationHeader/constants.jsx","../src/components/NavigationHeader/LeftBlock.jsx","../src/components/NavigationHeader/Navigation.jsx","../src/components/NavigationHeader/RightBlock.jsx","../src/components/NavigationHeader/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { t } from \"i18next\";\nimport { Home } from \"neetoicons\";\n\nexport const DEFAULT_HOME_BUTTON_PROPS = {\n  tooltip: {\n    content: t(\"neetoMolecules.navigationHeader.home\"),\n    position: \"bottom\",\n  },\n  homeUrl: \"/\",\n  icon: <Home />,\n};\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeDeepRight } from \"ramda\";\nimport { Link } from \"react-router-dom\";\n\nimport Rename from \"components/Rename\";\n\nimport { DEFAULT_HOME_BUTTON_PROPS } from \"./constants\";\n\nconst LeftBlock = ({\n  homeButtonProps: customHomeButtonProps,\n  homeUrl,\n  renameProps,\n  children,\n}) => {\n  const homeButtonProps = mergeDeepRight(\n    DEFAULT_HOME_BUTTON_PROPS,\n    customHomeButtonProps\n  );\n\n  return (\n    <div\n      className=\"flex items-center gap-1 md:gap-2\"\n      data-cy=\"navigation-header-left-block\"\n      data-testid=\"navigation-header-left-block\"\n    >\n      <Tooltip\n        content={homeButtonProps.tooltip.content}\n        position={homeButtonProps.tooltip.position}\n      >\n        <Link data-cy=\"home-button\" data-testid=\"home-button\" to={homeUrl}>\n          <div className=\"neeto-ui-rounded hover:neeto-ui-bg-gray-200 p-1\">\n            {homeButtonProps.icon}\n          </div>\n        </Link>\n      </Tooltip>\n      {isPresent(renameProps) && (\n        <Rename\n          dropdownItems={renameProps.dropdownItems}\n          value={renameProps.value}\n          {...renameProps}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n\nLeftBlock.propTypes = {\n  /**\n   * Object containing the home button icon and the props to be passed to the tooltip of the home button.\n   */\n  homeButtonProps: PropTypes.shape({\n    tooltip: PropTypes.shape({\n      content: PropTypes.string,\n      postition: PropTypes.string,\n    }),\n    icon: PropTypes.node,\n  }),\n  /**\n   * URL to navigate when the home button is clicked.\n   */\n  homeUrl: PropTypes.string.isRequired,\n  /**\n   * Props to be passed to the `Rename` component. Please check the `Rename` component props for more details\n   */\n  renameProps: PropTypes.object,\n  /**\n   * To render extra content in the block.\n   */\n  children: PropTypes.node,\n};\n\nexport default LeftBlock;\n","import React from \"react\";\n\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { NavLink } from \"react-router-dom\";\n\nconst NavigationLinks = ({ headerLinks }) => (\n  <div\n    className=\"flex w-full items-center justify-between gap-4 md:justify-center md:gap-3 lg:gap-6\"\n    data-cy=\"navigation-header-navigation-links\"\n    data-testid=\"navigation-header-navigation-links\"\n  >\n    {headerLinks.map(headerLink => (\n      <NavLink\n        activeClassName=\"active\"\n        className=\"neeto-molecules-navigation-header__link px-2 capitalize no-underline md:px-0\"\n        data-cy={`${joinHyphenCase(headerLink.key)}-tab`}\n        key={headerLink.key}\n        {...headerLink}\n      >\n        <Typography lineHeight=\"normal\" style=\"h4\" weight=\"semibold\">\n          {headerLink.label}\n        </Typography>\n      </NavLink>\n    ))}\n  </div>\n);\n\nNavigationLinks.propTypes = {\n  /**\n   * Links to be rendered in the center of the navigation header. It is an array of objects.\n   * Each object should have the properties `key`, `to` and `label`. Other props will be passed on to the `Navlink` component from\n  `react-router-dom`.\n   */\n  headerLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      to: PropTypes.string,\n      label: PropTypes.string,\n    })\n  ),\n};\n\nexport default NavigationLinks;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport PublishBlock from \"components/PublishBlock\";\n\nimport \"./navigation-header.scss\";\n\nconst RightBlock = ({\n  isDraftBlockHidden,\n  previewDraftUrl,\n  isResetDraftButtonVisible,\n  onResetClick,\n  isResetting,\n  isPublishDisabled,\n  isPublishing,\n  handlePublish,\n  isPublishPreviewDisabled,\n  previewPublishedUrl,\n  isPublishButtonVisible,\n  isResetAlertOpen,\n  setIsResetAlertOpen,\n  handleReset,\n  publishAlertTitle,\n  publishAlertDescription,\n  publishButtonProps = {},\n}) => {\n  const { t } = useTranslation();\n\n  const renderDraftButtons = ({ ViewDraftButton, ResetDraftButton }) =>\n    !isDraftBlockHidden && (\n      <>\n        <ViewDraftButton to={previewDraftUrl} />\n        {isResetDraftButtonVisible && (\n          <ResetDraftButton\n            loading={isResetting}\n            onClick={() => onResetClick()}\n          />\n        )}\n      </>\n    );\n\n  const renderPublishButtons = ({ PublishButton, PublishPreviewButton }) => (\n    <>\n      {isPublishButtonVisible && (\n        <PublishButton\n          disabled={isPublishDisabled}\n          loading={isPublishing}\n          onClick={() => handlePublish()}\n          {...publishButtonProps}\n        />\n      )}\n      <PublishPreviewButton\n        disabled={isPublishPreviewDisabled}\n        to={previewPublishedUrl}\n        className={classNames({\n          \"standalone-publish-preview-button\": !isPublishButtonVisible,\n        })}\n      />\n    </>\n  );\n\n  return (\n    <>\n      <PublishBlock {...{ renderDraftButtons, renderPublishButtons }} />\n      <PublishBlock.Alert\n        isOpen={isResetAlertOpen}\n        isSubmitting={isResetting}\n        message={\n          publishAlertDescription ||\n          t(\"neetoMolecules.navigationHeader.resetDescription\")\n        }\n        title={\n          publishAlertTitle || t(\"neetoMolecules.navigationHeader.resetTitle\")\n        }\n        onClose={() => setIsResetAlertOpen(false)}\n        onSubmit={handleReset}\n      />\n    </>\n  );\n};\n\nRightBlock.propTypes = {\n  /**\n   * To show/hide the draft block.\n   */\n  isDraftBlockHidden: PropTypes.bool,\n  /**\n   * Draft preview URL, when the draft button is clicked user will be redirected to this URL.\n   */\n  previewDraftUrl: PropTypes.string,\n  /**\n   * Boolean to control the visibility of reset draft button.\n   */\n  isResetDraftButtonVisible: PropTypes.bool,\n  /**\n   * Callback function that will be called when the reset button is clicked.\n   */\n  onResetClick: PropTypes.func,\n  /**\n   * Setting this to `true` will show a spinner on the reset button. Use when the reset process is in progress.\n   */\n  isResetting: PropTypes.bool,\n  /**\n   * To disable the publish button.\n   */\n  isPublishDisabled: PropTypes.bool,\n  /**\n   * Setting this to `true` will show a spinner on the publish button. Use when the publish process is in progress.\n   */\n  isPublishing: PropTypes.bool,\n  /**\n   * Callback function that will be called when the publish button is clicked.\n   */\n  handlePublish: PropTypes.func,\n  /**\n   * To disable the publish preview button.\n   */\n  isPublishPreviewDisabled: PropTypes.bool,\n  /**\n   * Publish preview URL, when the preview publish button is clicked user will be redirected to this URL.\n   */\n  previewPublishedUrl: PropTypes.string,\n  /**\n   * Boolean to control whether the user have the ability to publish.\n   */\n  isPublishButtonVisible: PropTypes.bool,\n  /**\n   * Boolean to control whether the reset alert is open.\n   */\n  isResetAlertOpen: PropTypes.bool,\n  /**\n   * Handler to control the `isResetAlert` state variable.\n   */\n  setIsResetAlertOpen: PropTypes.func,\n  /**\n   * Callback function that will be called when the reset button is clicked.\n   */\n  handleReset: PropTypes.func,\n  /**\n   * Description to be shown in the publish alert\n   */\n  publishAlertDescription: PropTypes.string,\n  /**\n   * Title of the publish alert\n   */\n  publishAlertTitle: PropTypes.string,\n  /**\n   * Props to be passed to the publish button\n   */\n  publishButtonProps: PropTypes.object,\n};\n\nexport default RightBlock;\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport PropTypes from \"prop-types\";\nimport { filter, length } from \"ramda\";\n\nimport LeftBlock from \"./LeftBlock\";\nimport NavigationLinks from \"./Navigation\";\nimport RightBlock from \"./RightBlock\";\n\nconst NavigationHeader = ({\n  leftActionBlock,\n  navigationLinks,\n  rightActionBlock,\n}) => {\n  const { isSize } = useBreakpoints();\n  const isMobile = isSize(\"mobile\");\n\n  const numberOfChildren = length(\n    filter(isPresent, [leftActionBlock, navigationLinks, rightActionBlock])\n  );\n\n  return (\n    <div className=\"w-full\">\n      <div\n        className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white flex h-16 w-full flex-shrink-0 items-center overflow-x-auto border-b px-2 py-2 md:px-4 lg:px-6\"\n        data-cy=\"navigation-header\"\n        data-testid=\"navigation-header\"\n      >\n        <div\n          className=\"grid w-full gap-4\"\n          style={{\n            gridTemplateColumns: isMobile\n              ? `repeat(${numberOfChildren - 1}, 1fr)`\n              : `repeat(${numberOfChildren}, 1fr)`,\n          }}\n        >\n          {leftActionBlock}\n          {!isMobile && navigationLinks}\n          {rightActionBlock}\n        </div>\n      </div>\n      {isMobile && (\n        <div className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white ßflex-shrink-0 flex items-center overflow-x-auto border-b px-4 py-2 lg:px-6\">\n          {navigationLinks}\n        </div>\n      )}\n    </div>\n  );\n};\n\nNavigationHeader.LeftActionBlock = LeftBlock;\nNavigationHeader.NavigationLinks = NavigationLinks;\nNavigationHeader.RightActionBlock = RightBlock;\n\nNavigationHeader.propTypes = {\n  /**\n   * To specify the content to be rendered in the left side of the `NavigationHeader`.\n   */\n  leftActionBlock: PropTypes.node,\n  /**\n   * To specify the content to be rendered at the center of the `NavigationHeader`.\n   */\n  navigationLinks: PropTypes.node,\n  /**\n   * To specify the content to be rendered in the right side of the `NavigationHeader`.\n   */\n  rightActionBlock: PropTypes.node,\n};\n\nexport default NavigationHeader;\n"],"names":["DEFAULT_HOME_BUTTON_PROPS","tooltip","content","t","position","homeUrl","icon","React","createElement","Home","LeftBlock","_ref","customHomeButtonProps","homeButtonProps","renameProps","children","mergeDeepRight","className","Tooltip","Link","to","isPresent","Rename","_extends","dropdownItems","value","NavigationLinks","headerLinks","map","headerLink","NavLink","activeClassName","concat","joinHyphenCase","key","Typography","lineHeight","style","weight","label","RightBlock","isDraftBlockHidden","previewDraftUrl","isResetDraftButtonVisible","onResetClick","isResetting","isPublishDisabled","isPublishing","handlePublish","isPublishPreviewDisabled","previewPublishedUrl","isPublishButtonVisible","isResetAlertOpen","setIsResetAlertOpen","handleReset","publishAlertTitle","publishAlertDescription","_ref$publishButtonPro","publishButtonProps","_useTranslation","useTranslation","renderDraftButtons","_ref2","ViewDraftButton","ResetDraftButton","Fragment","loading","onClick","renderPublishButtons","_ref3","PublishButton","PublishPreviewButton","disabled","classNames","PublishBlock","Alert","isOpen","isSubmitting","message","title","onClose","onSubmit","NavigationHeader","leftActionBlock","navigationLinks","rightActionBlock","_useBreakpoints","useBreakpoints","isSize","isMobile","numberOfChildren","length","filter","gridTemplateColumns","LeftActionBlock","RightActionBlock"],"mappings":"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"}

package/dist/NeetoWidget.js

@@ -2,10 +2,10 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import i18next, { t } from 'i18next';
 import { values, last, pluck, identity, any, assoc, prop, fromPairs, isEmpty } from 'ramda';
 import React__default, { useEffect, useState, useRef } from 'react';
-import { Info } from '@bigbinary/neeto-icons';
+import { useMutation, useQuery, QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import Info from '@bigbinary/neeto-icons/Info';
 import Callout from '@bigbinary/neetoui/Callout';
 import { Trans, useTranslation } from 'react-i18next';
-import { useMutation, useQuery, useQueryClient, QueryClient, QueryClientProvider } from 'react-query';
 import _extends from '@babel/runtime/helpers/extends';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classnames from 'classnames';
@@ -25,6 +25,7 @@ import Input from '@bigbinary/neetoui/formik/Input';
 import MultiEmailInput from '@bigbinary/neetoui/formik/MultiEmailInput';
 import axios from 'axios';
 import * as yup from 'yup';
+import useMutationWithInvalidation from '@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation';
 import Label from '@bigbinary/neetoui/Label';
 import withT from '@bigbinary/neeto-commons-frontend/react-utils/withT';
 import Switch from '@bigbinary/neetoui/Switch';
@@ -32,6 +33,8 @@ import Tooltip from '@bigbinary/neetoui/Tooltip';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import './inject-css-c86de496.js';
 import '@bigbinary/neeto-commons-frontend/utils/general';
+import '@bigbinary/neeto-icons/Copy';
+import '@bigbinary/neeto-icons/Check';
 
 var NEETO_WIDGET_USER_IDENTITY_KEY = "NeetoWidgetUserIdentity";
 var SESSION_CONTEXT_KEY = "NeetoReplayWidgetSessionContext";
@@ -341,9 +344,10 @@ var updateWidgetConfiguration = function updateWidgetConfiguration(_ref) {
 };
 
 var useEmailEmbedCode = function useEmailEmbedCode(onSuccess) {
-  return useMutation(function (emailData) {
-    return emailWidgetSnippet(emailData);
-  }, {
+  return useMutation({
+    mutationFn: function mutationFn(emailData) {
+      return emailWidgetSnippet(emailData);
+    },
     onSuccess: onSuccess
   });
 };
@@ -401,8 +405,8 @@ var CodeSnippet = function CodeSnippet(_ref) {
     return props;
   };
   return /*#__PURE__*/React__default.createElement(Pane, {
-    isOpen: isPaneOpen,
-    onClose: onClose
+    onClose: onClose,
+    isOpen: isPaneOpen
   }, /*#__PURE__*/React__default.createElement(Formik, {
     initialValues: getEmailWidgetSnippetFormInitialValues(subject),
     validationSchema: getEmailWidgetSnippetValidationSchema(),
@@ -426,9 +430,9 @@ var CodeSnippet = function CodeSnippet(_ref) {
   }, body), /*#__PURE__*/React__default.createElement(CodeBlock, renderCodeBlockProps()))), /*#__PURE__*/React__default.createElement(Pane.Footer, {
     className: "gap-x-2"
   }, /*#__PURE__*/React__default.createElement(Button, {
-    disabled: emailMutation.isLoading,
+    disabled: emailMutation.isPending,
     label: t("neetoMolecules.widget.email.actions.send"),
-    loading: emailMutation.isLoading,
+    loading: emailMutation.isPending,
     type: "submit"
   }), /*#__PURE__*/React__default.createElement(Button, {
     label: t("neetoMolecules.widget.email.actions.cancel"),
@@ -452,30 +456,31 @@ var useForceUpdate = function useForceUpdate() {
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFetchApiKey = function useFetchApiKey() {
-  return useQuery(QUERY_KEYS.apiKey, function () {
-    if (window.globalProps.railsEnv === "heroku" || !window.globalProps.ssoEnabled) {
-      return Promise.resolve({
-        widgetApiKey: "placeholder-api-key"
-      });
-    }
-    return queryWidgetApiKey();
-  }, {
+  return useQuery({
+    queryKey: [QUERY_KEYS.apiKey],
+    queryFn: function queryFn() {
+      if (window.globalProps.railsEnv === "heroku" || !window.globalProps.ssoEnabled) {
+        return Promise.resolve({
+          widgetApiKey: "placeholder-api-key"
+        });
+      }
+      return queryWidgetApiKey();
+    },
     staleTime: DEFAULT_QUERY_STALE_TIME
   });
 };
 var useFetchConfigurations = function useFetchConfigurations() {
-  return useQuery(QUERY_KEYS.configuration, fetchWidgetConfiguration, {
+  return useQuery({
+    queryKey: [QUERY_KEYS.configuration],
+    queryFn: fetchWidgetConfiguration,
     staleTime: DEFAULT_QUERY_STALE_TIME
   });
 };
 var useUpdateConfigurations = function useUpdateConfigurations() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var queryClient = useQueryClient();
-  return useMutation(updateWidgetConfiguration, _objectSpread(_objectSpread({}, options), {}, {
-    onSuccess: function onSuccess() {
-      return queryClient.invalidateQueries(QUERY_KEYS.configuration);
-    }
-  }));
+  return useMutationWithInvalidation(updateWidgetConfiguration, _objectSpread({
+    keysToInvalidate: [[QUERY_KEYS.configuration]]
+  }, options));
 };
 
 var TooltipSwitch = withT(function (_ref) {