@corva/ui 3.80.0-3 → 3.80.0-4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),i=require("emoji-mart"),o=require("prop-types"),r=require("@material-ui/core/Popover"),n=require("./IconButton/index.js"),l=require("./Icons/EmojiIcon.js"),a=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(e),d=u(o),c=u(r),p={title:"Add Emoji"};function m(e){var o=e.handleSelectEmoji,r=e.emojiIconClassName,u=void 0===r?void 0:r,d=e.disableRipple,m=void 0!==d&&d,f=e.closeOnSelect,j=void 0===f||f,v=e["data-testid"],h=void 0===v?"generic_emojiButton":v,b=e.tooltipProps,q=void 0===b?p:b,g=e.icon,x=void 0===g?void 0:g,E=t.useState(!1),R=s.default(E,2),S=R[0],I=R[1],P=t.useRef(null);return a.jsxs(a.Fragment,{children:[a.jsx(n,{"data-testid":h,buttonRef:function(e){P.current=e},"aria-label":"Emoji",onClick:function(){return I(!0)},disableRipple:m,className:u,tooltipProps:q,children:x||a.jsx(l,{})}),a.jsx(c.default,{open:S,anchorEl:P.current,onClose:function(){return I(!1)},anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:a.jsx(i.Picker,{onSelect:function(e){o(e),j&&I(!1)},theme:"dark"})})]})}m.propTypes={handleSelectEmoji:d.default.func.isRequired,emojiIconClassName:d.default.string,disableRipple:d.default.bool,closeOnSelect:d.default.bool,"data-testid":d.default.string,tooltipProps:d.default.shape({}),icon:d.default.node};var f=t.memo(m);module.exports=f;
1
+ "use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),i=require("emoji-mart"),o=require("prop-types"),r=require("@material-ui/core/Popover"),n=require("@material-ui/core/Fade"),a=require("./IconButton/index.js"),l=require("./Icons/EmojiIcon.js"),u=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=d(e),c=d(o),p=d(r),m=d(n),f={title:"Add Emoji"};function j(e){var o=e.handleSelectEmoji,r=e.emojiIconClassName,n=void 0===r?void 0:r,d=e.disableRipple,c=void 0!==d&&d,j=e.closeOnSelect,v=void 0===j||j,h=e["data-testid"],b=void 0===h?"generic_emojiButton":h,q=e.tooltipProps,g=void 0===q?f:q,x=e.icon,E=void 0===x?void 0:x,R=t.useState(!1),S=s.default(R,2),C=S[0],I=S[1],P=t.useRef(null);return u.jsxs(u.Fragment,{children:[u.jsx(a,{"data-testid":b,buttonRef:function(e){P.current=e},"aria-label":"Emoji",onClick:function(){return I(!0)},disableRipple:c,className:n,tooltipProps:g,children:E||u.jsx(l,{})}),u.jsx(p.default,{open:C,TransitionComponent:m.default,anchorEl:P.current,onClose:function(){return I(!1)},anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:u.jsx(i.Picker,{onSelect:function(e){o(e),v&&I(!1)},theme:"dark"})})]})}j.propTypes={handleSelectEmoji:c.default.func.isRequired,emojiIconClassName:c.default.string,disableRipple:c.default.bool,closeOnSelect:c.default.bool,"data-testid":c.default.string,tooltipProps:c.default.shape({}),icon:c.default.node};var v=t.memo(j);module.exports=v;
2
2
  //# sourceMappingURL=EmojiIconButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"EmojiIconButton.js","sources":["../../../src/components/EmojiIconButton.js"],"sourcesContent":["import { memo, useRef, useState } from 'react';\nimport { Picker } from 'emoji-mart';\nimport PropTypes from 'prop-types';\nimport Popover from '@material-ui/core/Popover';\n\nimport IconButton from '~components/IconButton';\nimport EmojiIcon from '~components/Icons/EmojiIcon';\n\nconst defaultTooltipProps = { title: 'Add Emoji' };\n\n/** @param {any} props Preserve the legacy component's permissive public prop type. */\nfunction EmojiIconButton({\n handleSelectEmoji,\n emojiIconClassName = undefined,\n disableRipple = false,\n closeOnSelect = true,\n 'data-testid': testId = 'generic_emojiButton',\n tooltipProps = defaultTooltipProps,\n icon = undefined,\n}) {\n const [openEmojiPicker, setOpenEmojiPicker] = useState(false);\n const anchorEl = useRef(null);\n\n const onSelect = emoji => {\n handleSelectEmoji(emoji);\n if (closeOnSelect) {\n setOpenEmojiPicker(false);\n }\n };\n\n return (\n <>\n <IconButton\n data-testid={testId}\n buttonRef={node => {\n anchorEl.current = node;\n }}\n aria-label=\"Emoji\"\n onClick={() => setOpenEmojiPicker(true)}\n disableRipple={disableRipple}\n className={emojiIconClassName}\n tooltipProps={tooltipProps}\n >\n {icon || <EmojiIcon />}\n </IconButton>\n\n <Popover\n open={openEmojiPicker}\n anchorEl={anchorEl.current}\n onClose={() => setOpenEmojiPicker(false)}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'right',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'right',\n }}\n >\n <Picker onSelect={onSelect} theme=\"dark\" />\n </Popover>\n </>\n );\n}\n\nEmojiIconButton.propTypes = {\n handleSelectEmoji: PropTypes.func.isRequired,\n emojiIconClassName: PropTypes.string,\n disableRipple: PropTypes.bool,\n closeOnSelect: PropTypes.bool,\n 'data-testid': PropTypes.string,\n tooltipProps: PropTypes.shape({}),\n icon: PropTypes.node,\n};\n\nexport default memo(EmojiIconButton);\n"],"names":["defaultTooltipProps","title","EmojiIconButton","_ref","handleSelectEmoji","_ref$emojiIconClassNa","emojiIconClassName","undefined","_ref$disableRipple","disableRipple","_ref$closeOnSelect","closeOnSelect","_ref$dataTestid","testId","_ref$tooltipProps","tooltipProps","_ref$icon","icon","useState","_useState2","_slicedToArray","_useState","openEmojiPicker","setOpenEmojiPicker","anchorEl","useRef","_jsxs","_Fragment","children","_jsx","IconButton","buttonRef","node","current","onClick","className","EmojiIcon","Popover","open","onClose","anchorOrigin","vertical","horizontal","transformOrigin","Picker","onSelect","emoji","theme","propTypes","PropTypes","func","isRequired","string","bool","shape","memo"],"mappings":"kXAQMA,EAAsB,CAAEC,MAAO,aAGrC,SAASC,EAQNC,GAAA,IAPDC,IAAAA,kBAAiBC,EAAAF,EACjBG,mBAAAA,kBAAqBC,EAASF,EAAAG,EAAAL,EAC9BM,cAAAA,cAAqBD,EAAAE,EAAAP,EACrBQ,cAAAA,cAAoBD,EAAAE,EAAAT,EACpB,eAAeU,aAAS,sBAAqBD,EAAAE,EAAAX,EAC7CY,aAAAA,aAAef,EAAmBc,EAAAE,EAAAb,EAClCc,KAAAA,kBAAOV,EAASS,EAE8BE,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAAtDC,EAAeH,EAAA,GAAEI,EAAkBJ,EAAA,GACpCK,EAAWC,SAAO,MASxB,OACEC,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACC,EAAU,CACT,cAAajB,EACbkB,UAAW,SAAAC,GACTR,EAASS,QAAUD,CACnB,EACF,aAAW,QACXE,QAAS,WAAA,OAAMX,GAAmB,EAAM,EACxCd,cAAeA,EACf0B,UAAW7B,EACXS,aAAcA,EAAaa,SAE1BX,GAAQY,MAACO,EAAS,CAAA,KAGrBP,MAACQ,UAAO,CACNC,KAAMhB,EACNE,SAAUA,EAASS,QACnBM,QAAS,WAAA,OAAMhB,GAAmB,EAAO,EACzCiB,aAAc,CACZC,SAAU,SACVC,WAAY,SAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,SACZd,SAEFC,MAACe,SAAM,CAACC,SApCG,SAAAC,GACf1C,EAAkB0C,GACdnC,GACFY,GAAmB,IAiCWwB,MAAM,aAI1C,CAEA7C,EAAgB8C,UAAY,CAC1B5C,kBAAmB6C,EAAAA,QAAUC,KAAKC,WAClC7C,mBAAoB2C,EAAS,QAACG,OAC9B3C,cAAewC,EAAS,QAACI,KACzB1C,cAAesC,EAAS,QAACI,KACzB,cAAeJ,EAAS,QAACG,OACzBrC,aAAckC,EAAAA,QAAUK,MAAM,IAC9BrC,KAAMgC,EAAS,QAACjB,MAGlB,IAAeuB,EAAAA,EAAAA,KAAKrD"}
1
+ {"version":3,"file":"EmojiIconButton.js","sources":["../../../src/components/EmojiIconButton.js"],"sourcesContent":["import { memo, useRef, useState } from 'react';\nimport { Picker } from 'emoji-mart';\nimport PropTypes from 'prop-types';\nimport Popover from '@material-ui/core/Popover';\nimport Fade from '@material-ui/core/Fade';\n\nimport IconButton from '~components/IconButton';\nimport EmojiIcon from '~components/Icons/EmojiIcon';\n\nconst defaultTooltipProps = { title: 'Add Emoji' };\n\n/** @param {any} props Preserve the legacy component's permissive public prop type. */\nfunction EmojiIconButton({\n handleSelectEmoji,\n emojiIconClassName = undefined,\n disableRipple = false,\n closeOnSelect = true,\n 'data-testid': testId = 'generic_emojiButton',\n tooltipProps = defaultTooltipProps,\n icon = undefined,\n}) {\n const [openEmojiPicker, setOpenEmojiPicker] = useState(false);\n const anchorEl = useRef(null);\n\n const onSelect = emoji => {\n handleSelectEmoji(emoji);\n if (closeOnSelect) {\n setOpenEmojiPicker(false);\n }\n };\n\n return (\n <>\n <IconButton\n data-testid={testId}\n buttonRef={node => {\n anchorEl.current = node;\n }}\n aria-label=\"Emoji\"\n onClick={() => setOpenEmojiPicker(true)}\n disableRipple={disableRipple}\n className={emojiIconClassName}\n tooltipProps={tooltipProps}\n >\n {icon || <EmojiIcon />}\n </IconButton>\n\n <Popover\n open={openEmojiPicker}\n TransitionComponent={Fade}\n anchorEl={anchorEl.current}\n onClose={() => setOpenEmojiPicker(false)}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'right',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'right',\n }}\n >\n <Picker onSelect={onSelect} theme=\"dark\" />\n </Popover>\n </>\n );\n}\n\nEmojiIconButton.propTypes = {\n handleSelectEmoji: PropTypes.func.isRequired,\n emojiIconClassName: PropTypes.string,\n disableRipple: PropTypes.bool,\n closeOnSelect: PropTypes.bool,\n 'data-testid': PropTypes.string,\n tooltipProps: PropTypes.shape({}),\n icon: PropTypes.node,\n};\n\nexport default memo(EmojiIconButton);\n"],"names":["defaultTooltipProps","title","EmojiIconButton","_ref","handleSelectEmoji","_ref$emojiIconClassNa","emojiIconClassName","undefined","_ref$disableRipple","disableRipple","_ref$closeOnSelect","closeOnSelect","_ref$dataTestid","testId","_ref$tooltipProps","tooltipProps","_ref$icon","icon","useState","_useState2","_slicedToArray","_useState","openEmojiPicker","setOpenEmojiPicker","anchorEl","useRef","_jsxs","_Fragment","children","_jsx","IconButton","buttonRef","node","current","onClick","className","EmojiIcon","Popover","open","TransitionComponent","Fade","onClose","anchorOrigin","vertical","horizontal","transformOrigin","Picker","onSelect","emoji","theme","propTypes","PropTypes","func","isRequired","string","bool","shape","memo"],"mappings":"6ZASMA,EAAsB,CAAEC,MAAO,aAGrC,SAASC,EAQNC,GAAA,IAPDC,IAAAA,kBAAiBC,EAAAF,EACjBG,mBAAAA,kBAAqBC,EAASF,EAAAG,EAAAL,EAC9BM,cAAAA,cAAqBD,EAAAE,EAAAP,EACrBQ,cAAAA,cAAoBD,EAAAE,EAAAT,EACpB,eAAeU,aAAS,sBAAqBD,EAAAE,EAAAX,EAC7CY,aAAAA,aAAef,EAAmBc,EAAAE,EAAAb,EAClCc,KAAAA,kBAAOV,EAASS,EAE8BE,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAAtDC,EAAeH,EAAA,GAAEI,EAAkBJ,EAAA,GACpCK,EAAWC,SAAO,MASxB,OACEC,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACC,EAAU,CACT,cAAajB,EACbkB,UAAW,SAAAC,GACTR,EAASS,QAAUD,CACnB,EACF,aAAW,QACXE,QAAS,WAAA,OAAMX,GAAmB,EAAM,EACxCd,cAAeA,EACf0B,UAAW7B,EACXS,aAAcA,EAAaa,SAE1BX,GAAQY,MAACO,EAAS,CAAA,KAGrBP,MAACQ,UAAO,CACNC,KAAMhB,EACNiB,oBAAqBC,EAAK,QAC1BhB,SAAUA,EAASS,QACnBQ,QAAS,WAAA,OAAMlB,GAAmB,EAAO,EACzCmB,aAAc,CACZC,SAAU,SACVC,WAAY,SAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,SACZhB,SAEFC,MAACiB,SAAM,CAACC,SArCG,SAAAC,GACf5C,EAAkB4C,GACdrC,GACFY,GAAmB,IAkCW0B,MAAM,aAI1C,CAEA/C,EAAgBgD,UAAY,CAC1B9C,kBAAmB+C,EAAAA,QAAUC,KAAKC,WAClC/C,mBAAoB6C,EAAS,QAACG,OAC9B7C,cAAe0C,EAAS,QAACI,KACzB5C,cAAewC,EAAS,QAACI,KACzB,cAAeJ,EAAS,QAACG,OACzBvC,aAAcoC,EAAAA,QAAUK,MAAM,IAC9BvC,KAAMkC,EAAS,QAACnB,MAGlB,IAAeyB,EAAAA,EAAAA,KAAKvD"}
@@ -1 +1 @@
1
- {"version":3,"file":"EmojiIconButton.d.ts","sourceRoot":"","sources":["../../src/components/EmojiIconButton.js"],"names":[],"mappings":"AAUA,sFAAsF;AACtF,iBAAS,eAAe,CAAC,EACvB,iBAAiB,EACjB,kBAA8B,EAC9B,aAAqB,EACrB,aAAoB,EACpB,aAAa,EAAE,MAA8B,EAC7C,YAAkC,EAClC,IAAgB,GACjB,EATW,GASX,+BA4CA"}
1
+ {"version":3,"file":"EmojiIconButton.d.ts","sourceRoot":"","sources":["../../src/components/EmojiIconButton.js"],"names":[],"mappings":"AAWA,sFAAsF;AACtF,iBAAS,eAAe,CAAC,EACvB,iBAAiB,EACjB,kBAA8B,EAC9B,aAAqB,EACrB,aAAoB,EACpB,aAAa,EAAE,MAA8B,EAC7C,YAAkC,EAClC,IAAgB,GACjB,EATW,GASX,+BA6CA"}
@@ -1,2 +1,2 @@
1
- import o from"@babel/runtime/helpers/slicedToArray";import{memo as i,useState as e,useRef as t}from"react";import{Picker as r}from"emoji-mart";import n from"prop-types";import l from"@material-ui/core/Popover";import a from"./IconButton/index.js";import c from"./Icons/EmojiIcon.js";import{jsxs as m,Fragment as p,jsx as s}from"react/jsx-runtime";var d={title:"Add Emoji"};function u(i){var n=i.handleSelectEmoji,u=i.emojiIconClassName,f=void 0===u?void 0:u,h=i.disableRipple,v=void 0!==h&&h,j=i.closeOnSelect,b=void 0===j||j,g=i["data-testid"],E=void 0===g?"generic_emojiButton":g,I=i.tooltipProps,R=void 0===I?d:I,S=i.icon,C=void 0===S?void 0:S,O=e(!1),P=o(O,2),x=P[0],y=P[1],N=t(null);return m(p,{children:[s(a,{"data-testid":E,buttonRef:function(o){N.current=o},"aria-label":"Emoji",onClick:function(){return y(!0)},disableRipple:v,className:f,tooltipProps:R,children:C||s(c,{})}),s(l,{open:x,anchorEl:N.current,onClose:function(){return y(!1)},anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:s(r,{onSelect:function(o){n(o),b&&y(!1)},theme:"dark"})})]})}u.propTypes={handleSelectEmoji:n.func.isRequired,emojiIconClassName:n.string,disableRipple:n.bool,closeOnSelect:n.bool,"data-testid":n.string,tooltipProps:n.shape({}),icon:n.node};var f=i(u);export{f as default};
1
+ import o from"@babel/runtime/helpers/slicedToArray";import{memo as i,useState as e,useRef as r}from"react";import{Picker as t}from"emoji-mart";import n from"prop-types";import a from"@material-ui/core/Popover";import l from"@material-ui/core/Fade";import m from"./IconButton/index.js";import c from"./Icons/EmojiIcon.js";import{jsxs as p,Fragment as s,jsx as d}from"react/jsx-runtime";var u={title:"Add Emoji"};function f(i){var n=i.handleSelectEmoji,f=i.emojiIconClassName,h=void 0===f?void 0:f,v=i.disableRipple,j=void 0!==v&&v,b=i.closeOnSelect,g=void 0===b||b,E=i["data-testid"],C=void 0===E?"generic_emojiButton":E,I=i.tooltipProps,R=void 0===I?u:I,S=i.icon,O=void 0===S?void 0:S,P=e(!1),x=o(P,2),y=x[0],N=x[1],T=r(null);return p(s,{children:[d(m,{"data-testid":C,buttonRef:function(o){T.current=o},"aria-label":"Emoji",onClick:function(){return N(!0)},disableRipple:j,className:h,tooltipProps:R,children:O||d(c,{})}),d(a,{open:y,TransitionComponent:l,anchorEl:T.current,onClose:function(){return N(!1)},anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:d(t,{onSelect:function(o){n(o),g&&N(!1)},theme:"dark"})})]})}f.propTypes={handleSelectEmoji:n.func.isRequired,emojiIconClassName:n.string,disableRipple:n.bool,closeOnSelect:n.bool,"data-testid":n.string,tooltipProps:n.shape({}),icon:n.node};var h=i(f);export{h as default};
2
2
  //# sourceMappingURL=EmojiIconButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"EmojiIconButton.js","sources":["../../src/components/EmojiIconButton.js"],"sourcesContent":["import { memo, useRef, useState } from 'react';\nimport { Picker } from 'emoji-mart';\nimport PropTypes from 'prop-types';\nimport Popover from '@material-ui/core/Popover';\n\nimport IconButton from '~components/IconButton';\nimport EmojiIcon from '~components/Icons/EmojiIcon';\n\nconst defaultTooltipProps = { title: 'Add Emoji' };\n\n/** @param {any} props Preserve the legacy component's permissive public prop type. */\nfunction EmojiIconButton({\n handleSelectEmoji,\n emojiIconClassName = undefined,\n disableRipple = false,\n closeOnSelect = true,\n 'data-testid': testId = 'generic_emojiButton',\n tooltipProps = defaultTooltipProps,\n icon = undefined,\n}) {\n const [openEmojiPicker, setOpenEmojiPicker] = useState(false);\n const anchorEl = useRef(null);\n\n const onSelect = emoji => {\n handleSelectEmoji(emoji);\n if (closeOnSelect) {\n setOpenEmojiPicker(false);\n }\n };\n\n return (\n <>\n <IconButton\n data-testid={testId}\n buttonRef={node => {\n anchorEl.current = node;\n }}\n aria-label=\"Emoji\"\n onClick={() => setOpenEmojiPicker(true)}\n disableRipple={disableRipple}\n className={emojiIconClassName}\n tooltipProps={tooltipProps}\n >\n {icon || <EmojiIcon />}\n </IconButton>\n\n <Popover\n open={openEmojiPicker}\n anchorEl={anchorEl.current}\n onClose={() => setOpenEmojiPicker(false)}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'right',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'right',\n }}\n >\n <Picker onSelect={onSelect} theme=\"dark\" />\n </Popover>\n </>\n );\n}\n\nEmojiIconButton.propTypes = {\n handleSelectEmoji: PropTypes.func.isRequired,\n emojiIconClassName: PropTypes.string,\n disableRipple: PropTypes.bool,\n closeOnSelect: PropTypes.bool,\n 'data-testid': PropTypes.string,\n tooltipProps: PropTypes.shape({}),\n icon: PropTypes.node,\n};\n\nexport default memo(EmojiIconButton);\n"],"names":["defaultTooltipProps","title","EmojiIconButton","_ref","handleSelectEmoji","_ref$emojiIconClassNa","emojiIconClassName","undefined","_ref$disableRipple","disableRipple","_ref$closeOnSelect","closeOnSelect","_ref$dataTestid","testId","_ref$tooltipProps","tooltipProps","_ref$icon","icon","useState","_useState2","_slicedToArray","_useState","openEmojiPicker","setOpenEmojiPicker","anchorEl","useRef","_jsxs","_Fragment","children","_jsx","IconButton","buttonRef","node","current","onClick","className","EmojiIcon","Popover","open","onClose","anchorOrigin","vertical","horizontal","transformOrigin","Picker","onSelect","emoji","theme","propTypes","PropTypes","func","isRequired","string","bool","shape","memo"],"mappings":"2VAQA,IAAMA,EAAsB,CAAEC,MAAO,aAGrC,SAASC,EAQNC,GAAA,IAPDC,IAAAA,kBAAiBC,EAAAF,EACjBG,mBAAAA,kBAAqBC,EAASF,EAAAG,EAAAL,EAC9BM,cAAAA,cAAqBD,EAAAE,EAAAP,EACrBQ,cAAAA,cAAoBD,EAAAE,EAAAT,EACpB,eAAeU,aAAS,sBAAqBD,EAAAE,EAAAX,EAC7CY,aAAAA,aAAef,EAAmBc,EAAAE,EAAAb,EAClCc,KAAAA,kBAAOV,EAASS,EAE8BE,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAAtDC,EAAeH,EAAA,GAAEI,EAAkBJ,EAAA,GACpCK,EAAWC,EAAO,MASxB,OACEC,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAU,CACT,cAAajB,EACbkB,UAAW,SAAAC,GACTR,EAASS,QAAUD,CACnB,EACF,aAAW,QACXE,QAAS,WAAA,OAAMX,GAAmB,EAAM,EACxCd,cAAeA,EACf0B,UAAW7B,EACXS,aAAcA,EAAaa,SAE1BX,GAAQY,EAACO,EAAS,CAAA,KAGrBP,EAACQ,EAAO,CACNC,KAAMhB,EACNE,SAAUA,EAASS,QACnBM,QAAS,WAAA,OAAMhB,GAAmB,EAAO,EACzCiB,aAAc,CACZC,SAAU,SACVC,WAAY,SAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,SACZd,SAEFC,EAACe,EAAM,CAACC,SApCG,SAAAC,GACf1C,EAAkB0C,GACdnC,GACFY,GAAmB,IAiCWwB,MAAM,aAI1C,CAEA7C,EAAgB8C,UAAY,CAC1B5C,kBAAmB6C,EAAUC,KAAKC,WAClC7C,mBAAoB2C,EAAUG,OAC9B3C,cAAewC,EAAUI,KACzB1C,cAAesC,EAAUI,KACzB,cAAeJ,EAAUG,OACzBrC,aAAckC,EAAUK,MAAM,IAC9BrC,KAAMgC,EAAUjB,MAGlB,IAAeuB,EAAAA,EAAKrD"}
1
+ {"version":3,"file":"EmojiIconButton.js","sources":["../../src/components/EmojiIconButton.js"],"sourcesContent":["import { memo, useRef, useState } from 'react';\nimport { Picker } from 'emoji-mart';\nimport PropTypes from 'prop-types';\nimport Popover from '@material-ui/core/Popover';\nimport Fade from '@material-ui/core/Fade';\n\nimport IconButton from '~components/IconButton';\nimport EmojiIcon from '~components/Icons/EmojiIcon';\n\nconst defaultTooltipProps = { title: 'Add Emoji' };\n\n/** @param {any} props Preserve the legacy component's permissive public prop type. */\nfunction EmojiIconButton({\n handleSelectEmoji,\n emojiIconClassName = undefined,\n disableRipple = false,\n closeOnSelect = true,\n 'data-testid': testId = 'generic_emojiButton',\n tooltipProps = defaultTooltipProps,\n icon = undefined,\n}) {\n const [openEmojiPicker, setOpenEmojiPicker] = useState(false);\n const anchorEl = useRef(null);\n\n const onSelect = emoji => {\n handleSelectEmoji(emoji);\n if (closeOnSelect) {\n setOpenEmojiPicker(false);\n }\n };\n\n return (\n <>\n <IconButton\n data-testid={testId}\n buttonRef={node => {\n anchorEl.current = node;\n }}\n aria-label=\"Emoji\"\n onClick={() => setOpenEmojiPicker(true)}\n disableRipple={disableRipple}\n className={emojiIconClassName}\n tooltipProps={tooltipProps}\n >\n {icon || <EmojiIcon />}\n </IconButton>\n\n <Popover\n open={openEmojiPicker}\n TransitionComponent={Fade}\n anchorEl={anchorEl.current}\n onClose={() => setOpenEmojiPicker(false)}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'right',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'right',\n }}\n >\n <Picker onSelect={onSelect} theme=\"dark\" />\n </Popover>\n </>\n );\n}\n\nEmojiIconButton.propTypes = {\n handleSelectEmoji: PropTypes.func.isRequired,\n emojiIconClassName: PropTypes.string,\n disableRipple: PropTypes.bool,\n closeOnSelect: PropTypes.bool,\n 'data-testid': PropTypes.string,\n tooltipProps: PropTypes.shape({}),\n icon: PropTypes.node,\n};\n\nexport default memo(EmojiIconButton);\n"],"names":["defaultTooltipProps","title","EmojiIconButton","_ref","handleSelectEmoji","_ref$emojiIconClassNa","emojiIconClassName","undefined","_ref$disableRipple","disableRipple","_ref$closeOnSelect","closeOnSelect","_ref$dataTestid","testId","_ref$tooltipProps","tooltipProps","_ref$icon","icon","useState","_useState2","_slicedToArray","_useState","openEmojiPicker","setOpenEmojiPicker","anchorEl","useRef","_jsxs","_Fragment","children","_jsx","IconButton","buttonRef","node","current","onClick","className","EmojiIcon","Popover","open","TransitionComponent","Fade","onClose","anchorOrigin","vertical","horizontal","transformOrigin","Picker","onSelect","emoji","theme","propTypes","PropTypes","func","isRequired","string","bool","shape","memo"],"mappings":"iYASA,IAAMA,EAAsB,CAAEC,MAAO,aAGrC,SAASC,EAQNC,GAAA,IAPDC,IAAAA,kBAAiBC,EAAAF,EACjBG,mBAAAA,kBAAqBC,EAASF,EAAAG,EAAAL,EAC9BM,cAAAA,cAAqBD,EAAAE,EAAAP,EACrBQ,cAAAA,cAAoBD,EAAAE,EAAAT,EACpB,eAAeU,aAAS,sBAAqBD,EAAAE,EAAAX,EAC7CY,aAAAA,aAAef,EAAmBc,EAAAE,EAAAb,EAClCc,KAAAA,kBAAOV,EAASS,EAE8BE,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAAtDC,EAAeH,EAAA,GAAEI,EAAkBJ,EAAA,GACpCK,EAAWC,EAAO,MASxB,OACEC,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAU,CACT,cAAajB,EACbkB,UAAW,SAAAC,GACTR,EAASS,QAAUD,CACnB,EACF,aAAW,QACXE,QAAS,WAAA,OAAMX,GAAmB,EAAM,EACxCd,cAAeA,EACf0B,UAAW7B,EACXS,aAAcA,EAAaa,SAE1BX,GAAQY,EAACO,EAAS,CAAA,KAGrBP,EAACQ,EAAO,CACNC,KAAMhB,EACNiB,oBAAqBC,EACrBhB,SAAUA,EAASS,QACnBQ,QAAS,WAAA,OAAMlB,GAAmB,EAAO,EACzCmB,aAAc,CACZC,SAAU,SACVC,WAAY,SAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,SACZhB,SAEFC,EAACiB,EAAM,CAACC,SArCG,SAAAC,GACf5C,EAAkB4C,GACdrC,GACFY,GAAmB,IAkCW0B,MAAM,aAI1C,CAEA/C,EAAgBgD,UAAY,CAC1B9C,kBAAmB+C,EAAUC,KAAKC,WAClC/C,mBAAoB6C,EAAUG,OAC9B7C,cAAe0C,EAAUI,KACzB5C,cAAewC,EAAUI,KACzB,cAAeJ,EAAUG,OACzBvC,aAAcoC,EAAUK,MAAM,IAC9BvC,KAAMkC,EAAUnB,MAGlB,IAAeyB,EAAAA,EAAKvD"}
@@ -248,7 +248,7 @@ const validateDsn = dsn => {
248
248
 
249
249
  const MCP_SERVER_VERSION = '1.9.1';
250
250
 
251
- var version = "3.80.0-3";
251
+ var version = "3.80.0-4";
252
252
 
253
253
  const CORVA_UI_VERSION = version;
254
254
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@corva/ui",
3
- "version": "3.80.0-3",
3
+ "version": "3.80.0-4",
4
4
  "license": "UNLICENSED",
5
5
  "description": "Shared components/utils for Corva ui projects",
6
6
  "repository": {