@corva/ui 3.74.0-0 → 3.74.0-1

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.
Files changed (39) hide show
  1. package/cjs-bundle/components/AssetEditor/AssetEditorAutocomplete.js +1 -1
  2. package/cjs-bundle/components/AssetEditor/AssetEditorAutocomplete.js.map +1 -1
  3. package/cjs-bundle/components/AssetEditorV2/index.js +1 -1
  4. package/cjs-bundle/components/AssetEditorV2/index.js.map +1 -1
  5. package/cjs-bundle/components/DevCenter/AppsDataProvider/AppsDataProvider.js +1 -1
  6. package/cjs-bundle/components/DevCenter/AppsDataProvider/AppsDataProvider.js.map +1 -1
  7. package/cjs-bundle/components/IconMenu/index.js +1 -1
  8. package/cjs-bundle/components/IconMenu/index.js.map +1 -1
  9. package/cjs-bundle/components/KeyboardDateTimePicker.js +1 -1
  10. package/cjs-bundle/components/KeyboardDateTimePicker.js.map +1 -1
  11. package/cjs-bundle/components/PostInput/PostInput.js +1 -1
  12. package/cjs-bundle/components/PostInput/PostInput.js.map +1 -1
  13. package/components/AssetEditor/AssetEditorAutocomplete.d.ts +96 -13
  14. package/components/AssetEditor/AssetEditorAutocomplete.d.ts.map +1 -1
  15. package/components/AssetEditor/AssetEditorAutocomplete.js +1 -1
  16. package/components/AssetEditor/AssetEditorAutocomplete.js.map +1 -1
  17. package/components/AssetEditorV2/index.d.ts +28 -12
  18. package/components/AssetEditorV2/index.d.ts.map +1 -1
  19. package/components/AssetEditorV2/index.js +1 -1
  20. package/components/AssetEditorV2/index.js.map +1 -1
  21. package/components/DevCenter/AppsDataProvider/AppsDataProvider.d.ts +5 -1
  22. package/components/DevCenter/AppsDataProvider/AppsDataProvider.d.ts.map +1 -1
  23. package/components/DevCenter/AppsDataProvider/AppsDataProvider.js +1 -1
  24. package/components/DevCenter/AppsDataProvider/AppsDataProvider.js.map +1 -1
  25. package/components/IconMenu/index.d.ts +67 -21
  26. package/components/IconMenu/index.d.ts.map +1 -1
  27. package/components/IconMenu/index.js +1 -1
  28. package/components/IconMenu/index.js.map +1 -1
  29. package/components/KeyboardDateTimePicker.d.ts +6 -7
  30. package/components/KeyboardDateTimePicker.d.ts.map +1 -1
  31. package/components/KeyboardDateTimePicker.js +1 -1
  32. package/components/KeyboardDateTimePicker.js.map +1 -1
  33. package/components/PostInput/PostInput.d.ts +20 -10
  34. package/components/PostInput/PostInput.d.ts.map +1 -1
  35. package/components/PostInput/PostInput.js +1 -1
  36. package/components/PostInput/PostInput.js.map +1 -1
  37. package/mcp-server/server.mjs +1 -1
  38. package/package.json +1 -1
  39. package/tsconfig.tsbuildinfo +1 -1
@@ -1,30 +1,76 @@
1
- import IconButton from '../IconButton';
2
- declare const _default: import("react").ComponentType<Pick<import("@material-ui/types").ConsistentWith<{
3
- IconButtonComponent?: typeof IconButton | undefined;
4
- IconElement?: import("react").JSX.Element | undefined;
5
- anchorOrigin?: {
6
- horizontal: string;
7
- vertical: string;
8
- } | undefined;
1
+ import PropTypes from 'prop-types';
2
+ declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
3
+ IconButtonComponent: any;
4
+ IconElement: any;
5
+ anchorOrigin: any;
9
6
  children: any;
10
7
  className: any;
11
- classes?: {} | undefined;
8
+ classes: any;
12
9
  color: any;
13
10
  "data-testid": any;
14
- disableRipple?: boolean | undefined;
15
- disabled?: boolean | undefined;
16
- iconButtonProps?: {} | undefined;
11
+ disableRipple: any;
12
+ disabled: any;
13
+ iconButtonProps: any;
17
14
  iconButtonStyle: any;
18
15
  marginThreshold: any;
19
- menuProps?: {} | undefined;
20
- paperClassName?: string | undefined;
16
+ menuProps: any;
17
+ paperClassName: any;
21
18
  tooltipProps: any;
22
- transformOrigin?: {
23
- horizontal: string;
24
- vertical: string;
25
- } | undefined;
26
- }, {
27
- classes: import("@material-ui/styles").ClassNameMap<"iconButton" | "paper">;
28
- }>, "IconButtonComponent" | "IconElement" | "anchorOrigin" | "children" | "className" | "color" | "data-testid" | "disableRipple" | "disabled" | "iconButtonProps" | "iconButtonStyle" | "marginThreshold" | "menuProps" | "paperClassName" | "tooltipProps" | "transformOrigin"> & import("@material-ui/styles").StyledComponentProps<"iconButton" | "paper">>;
19
+ transformOrigin: any;
20
+ }, never> & Pick<PropTypes.InferProps<{
21
+ children: PropTypes.Requireable<NonNullable<any[] | PropTypes.ReactNodeLike>>;
22
+ classes: PropTypes.Requireable<PropTypes.InferProps<{
23
+ iconButton: PropTypes.Requireable<string>;
24
+ paper: PropTypes.Requireable<string>;
25
+ }>>;
26
+ className: PropTypes.Requireable<string>;
27
+ color: PropTypes.Requireable<string>;
28
+ IconElement: PropTypes.Requireable<PropTypes.ReactElementLike>;
29
+ IconButtonComponent: PropTypes.Requireable<any>;
30
+ iconButtonStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
31
+ anchorOrigin: PropTypes.Requireable<PropTypes.InferProps<{
32
+ horizontal: PropTypes.Requireable<string>;
33
+ vertical: PropTypes.Requireable<string>;
34
+ }>>;
35
+ transformOrigin: PropTypes.Requireable<PropTypes.InferProps<{
36
+ horizontal: PropTypes.Requireable<string>;
37
+ vertical: PropTypes.Requireable<string>;
38
+ }>>;
39
+ disableRipple: PropTypes.Requireable<boolean>;
40
+ 'data-testid': PropTypes.Requireable<string>;
41
+ marginThreshold: PropTypes.Requireable<number>;
42
+ disabled: PropTypes.Requireable<boolean>;
43
+ tooltipProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
44
+ menuProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
45
+ iconButtonProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
46
+ paperClassName: PropTypes.Requireable<string>;
47
+ }>, "IconButtonComponent" | "IconElement" | "anchorOrigin" | "children" | "className" | "classes" | "color" | "data-testid" | "disableRipple" | "disabled" | "iconButtonProps" | "iconButtonStyle" | "marginThreshold" | "menuProps" | "paperClassName" | "tooltipProps" | "transformOrigin">, never> & {
48
+ children?: NonNullable<any[] | PropTypes.ReactNodeLike> | null | undefined;
49
+ classes?: PropTypes.InferProps<{
50
+ iconButton: PropTypes.Requireable<string>;
51
+ paper: PropTypes.Requireable<string>;
52
+ }> | null | undefined;
53
+ className?: string | null | undefined;
54
+ color?: string | null | undefined;
55
+ IconElement?: PropTypes.ReactElementLike | null | undefined;
56
+ IconButtonComponent?: any;
57
+ iconButtonStyle?: PropTypes.InferProps<{}> | null | undefined;
58
+ anchorOrigin?: PropTypes.InferProps<{
59
+ horizontal: PropTypes.Requireable<string>;
60
+ vertical: PropTypes.Requireable<string>;
61
+ }> | null | undefined;
62
+ transformOrigin?: PropTypes.InferProps<{
63
+ horizontal: PropTypes.Requireable<string>;
64
+ vertical: PropTypes.Requireable<string>;
65
+ }> | null | undefined;
66
+ disableRipple?: boolean | null | undefined;
67
+ 'data-testid'?: string | null | undefined;
68
+ marginThreshold?: number | null | undefined;
69
+ disabled?: boolean | null | undefined;
70
+ tooltipProps?: PropTypes.InferProps<{}> | null | undefined;
71
+ menuProps?: PropTypes.InferProps<{}> | null | undefined;
72
+ iconButtonProps?: PropTypes.InferProps<{}> | null | undefined;
73
+ paperClassName?: string | null | undefined;
74
+ } & {}, "IconButtonComponent" | "IconElement" | "anchorOrigin" | "children" | "className" | "color" | "data-testid" | "disableRipple" | "disabled" | "iconButtonProps" | "iconButtonStyle" | "marginThreshold" | "menuProps" | "paperClassName" | "tooltipProps" | "transformOrigin"> & import("@material-ui/styles").StyledComponentProps<"iconButton" | "paper">>;
29
75
  export default _default;
30
76
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconMenu/index.js"],"names":[],"mappings":"AAKA,OAAO,UAAU,MAAM,eAAe,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconMenu/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC"}
@@ -1,2 +1,2 @@
1
- import o from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useState as r,useEffect as t}from"react";import n from"prop-types";import{withStyles as i,Tooltip as a,Menu as s}from"@material-ui/core";import{MoreVert as p}from"@material-ui/icons";import c from"../IconButton/index.js";import{jsx as l,jsxs as u,Fragment as d}from"react/jsx-runtime";function m(o,e){var r=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))),r.push.apply(r,t)}return r}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?m(Object(t),!0).forEach((function(r){o(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))}))}return e}function f(o){var n=o.classes,i=void 0===n?b:n,p=o["data-testid"],c=o.iconButtonStyle,m=o.color,f=o.disableRipple,B=void 0!==f&&f,T=o.className,w=o.IconElement,C=void 0===w?g:w,x=o.IconButtonComponent,D=void 0===x?O:x,I=o.disabled,N=void 0!==I&&I,R=o.iconButtonProps,E=void 0===R?j:R,k=o.children,z=o.anchorOrigin,S=void 0===z?v:z,M=o.transformOrigin,A=void 0===M?y:M,F=o.marginThreshold,L=o.menuProps,q=void 0===L?P:L,G=o.tooltipProps,H=o.paperClassName,J=void 0===H?"":H,K=r(null),Q=e(K,2),U=Q[0],V=Q[1],W=!!U,X=r(!1),Y=e(X,2),Z=Y[0],$=Y[1];t((function(){var o;return W&&setTimeout((function(){o=$(W)}),500),function(){o&&clearTimeout(o)}}),[W]);var _=function(o){o.stopPropagation(),V(null),$(!1)},oo=l(D,h(h({"aria-label":"IconMenu","aria-owns":W?"icon-menu":void 0,"aria-haspopup":"true","data-testid":p,onClick:function(o){o.stopPropagation(),o.preventDefault(),V(o.currentTarget)},classes:{root:i.iconButton},className:T,style:c,color:m,disableRipple:B,disabled:N},E),{},{children:C}));return u(d,{children:[G?l(a,h(h({},G),{},{children:oo})):oo,l(s,h(h({id:"icon-menu",anchorEl:U,open:W,MenuListProps:{"data-testid":"".concat(p,"Dropdown")},disableAutoFocus:!Z,autoFocus:Z,onClose:_,onClick:_,anchorOrigin:S,transformOrigin:A,classes:{paper:i.paper},elevation:0,marginThreshold:F,PaperProps:{className:i[J]}},q),{},{children:k}))]})}f.propTypes={children:n.oneOfType([n.string,n.node,n.array]),classes:n.shape({iconButton:n.string,paper:n.string}),className:n.string,color:n.string,IconElement:n.element,IconButtonComponent:n.any,iconButtonStyle:n.shape({}),anchorOrigin:n.shape({horizontal:n.oneOf(["left","center","right"]),vertical:n.oneOf(["top","center","bottom"])}),transformOrigin:n.shape({horizontal:n.oneOf(["left","center","right"]),vertical:n.oneOf(["top","center","bottom"])}),disableRipple:n.bool,"data-testid":n.string,marginThreshold:n.number,disabled:n.bool,tooltipProps:n.shape({}),menuProps:n.shape({}),iconButtonProps:n.shape({}),paperClassName:n.string};var b={},g=l(p,{}),O=c,v={horizontal:"right",vertical:"top"},y={horizontal:"right",vertical:"bottom"},P={},j={},B=i((function(o){return{iconButton:{borderRadius:8,padding:"10px",color:o.palette.primary.text6,"&:hover":{color:o.palette.primary.text1,backgroundColor:"rgba(255, 255, 255, 0.16)"},"& .MuiTouchRipple-child":{borderRadius:8}},paper:{}}}))(f);export{B as default};
1
+ import o from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useState as r,useEffect as t}from"react";import n from"prop-types";import{withStyles as i,Tooltip as a,Menu as s}from"@material-ui/core";import{MoreVert as p}from"@material-ui/icons";import l from"../IconButton/index.js";import{jsx as c,jsxs as u,Fragment as d}from"react/jsx-runtime";function m(o,e){var r=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))),r.push.apply(r,t)}return r}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?m(Object(t),!0).forEach((function(r){o(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))}))}return e}function f(o){var n=o.classes,i=o["data-testid"],p=o.iconButtonStyle,l=o.color,m=o.disableRipple,f=o.className,b=o.IconElement,g=o.IconButtonComponent,O=o.disabled,y=o.iconButtonProps,P=o.children,v=o.anchorOrigin,j=o.transformOrigin,B=o.marginThreshold,T=o.menuProps,C=o.tooltipProps,w=o.paperClassName,I=r(null),N=e(I,2),R=N[0],x=N[1],D=!!R,E=r(!1),S=e(E,2),k=S[0],z=S[1];t((function(){var o;return D&&setTimeout((function(){o=z(D)}),500),function(){o&&clearTimeout(o)}}),[D]);var M=function(o){o.stopPropagation(),x(null),z(!1)},A=c(g,h(h({"aria-label":"IconMenu","aria-owns":D?"icon-menu":void 0,"aria-haspopup":"true","data-testid":i,onClick:function(o){o.stopPropagation(),o.preventDefault(),x(o.currentTarget)},classes:{root:n.iconButton},className:f,style:p,color:l,disableRipple:m,disabled:O},y),{},{children:b}));return u(d,{children:[C?c(a,h(h({},C),{},{children:A})):A,c(s,h(h({id:"icon-menu",anchorEl:R,open:D,MenuListProps:{"data-testid":"".concat(i,"Dropdown")},disableAutoFocus:!k,autoFocus:k,onClose:M,onClick:M,anchorOrigin:v,transformOrigin:j,classes:{paper:n.paper},elevation:0,marginThreshold:B,PaperProps:{className:n[w]}},T),{},{children:P}))]})}f.propTypes={children:n.oneOfType([n.string,n.node,n.array]),classes:n.shape({iconButton:n.string,paper:n.string}),className:n.string,color:n.string,IconElement:n.element,IconButtonComponent:n.any,iconButtonStyle:n.shape({}),anchorOrigin:n.shape({horizontal:n.oneOf(["left","center","right"]),vertical:n.oneOf(["top","center","bottom"])}),transformOrigin:n.shape({horizontal:n.oneOf(["left","center","right"]),vertical:n.oneOf(["top","center","bottom"])}),disableRipple:n.bool,"data-testid":n.string,marginThreshold:n.number,disabled:n.bool,tooltipProps:n.shape({}),menuProps:n.shape({}),iconButtonProps:n.shape({}),paperClassName:n.string},f.defaultProps={children:void 0,classes:{},className:void 0,color:void 0,"data-testid":void 0,IconElement:c(p,{}),iconButtonStyle:void 0,IconButtonComponent:l,disableRipple:!1,anchorOrigin:{horizontal:"right",vertical:"top"},transformOrigin:{horizontal:"right",vertical:"bottom"},marginThreshold:void 0,disabled:!1,tooltipProps:void 0,menuProps:{},iconButtonProps:{},paperClassName:""};var b=i((function(o){return{iconButton:{borderRadius:8,padding:"10px",color:o.palette.primary.text6,"&:hover":{color:o.palette.primary.text1,backgroundColor:"rgba(255, 255, 255, 0.16)"},"& .MuiTouchRipple-child":{borderRadius:8}},paper:{}}}))(f);export{b as default};
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/IconMenu/index.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { Menu, withStyles, Tooltip } from '@material-ui/core';\nimport { MoreVert } from '@material-ui/icons';\n\nimport IconButton from '../IconButton';\n\nconst muiStyles = theme => ({\n iconButton: {\n borderRadius: 8,\n padding: '10px',\n color: theme.palette.primary.text6,\n '&:hover': {\n color: theme.palette.primary.text1,\n backgroundColor: 'rgba(255, 255, 255, 0.16)',\n },\n '& .MuiTouchRipple-child': {\n borderRadius: 8,\n },\n },\n paper: {},\n});\n\nfunction IconMenu({\n classes = DEFAULT_ICON_MENU_CLASSES,\n // IconButtonComponentProps\n 'data-testid': testId,\n iconButtonStyle,\n color,\n disableRipple = false,\n className,\n IconElement = DEFAULT_ICON_MENU_ICON_ELEMENT,\n IconButtonComponent = DEFAULT_ICON_MENU_ICON_BUTTON_COMPONENT,\n disabled = false,\n iconButtonProps = DEFAULT_ICON_MENU_ICON_BUTTON_PROPS,\n // MenuProps\n children,\n anchorOrigin = DEFAULT_ICON_MENU_ANCHOR_ORIGIN,\n transformOrigin = DEFAULT_ICON_MENU_TRANSFORM_ORIGIN,\n marginThreshold,\n menuProps = DEFAULT_ICON_MENU_MENU_PROPS,\n // Tooltip\n tooltipProps,\n paperClassName = '',\n}) {\n const [anchorEl, setAnchorEl] = useState(null);\n const isOpen = !!anchorEl;\n\n /*\n A fix of the issue: https://corvaqa.atlassian.net/browse/DC-3713\n\n When Material Menu is rendered, at first it's displayed at the top of the container\n and only then moves to the anchor element. When the focus is enabled, and the element is\n inside of an iframe but outside the view - browsers scroll the page to it. Because of this, we set focus in async\n manner, to wait for correct position - and then set focus.\n\n https://github.dev/mui/material-ui/blob/v4.x/packages/material-ui/src/Popover/Popover.js#L323-L331\n */\n const [isMenuAutofocus, setIsMenuAutofocus] = useState(false);\n useEffect(() => {\n let timerId;\n\n if (isOpen) {\n setTimeout(() => {\n timerId = setIsMenuAutofocus(isOpen);\n // Why 500? The lower delay doesn't actually work, so this is the lowest value I could get to make it work\n }, 500);\n }\n\n return () => {\n if (timerId) {\n clearTimeout(timerId);\n }\n };\n }, [isOpen]);\n\n const handleClose = event => {\n event.stopPropagation();\n setAnchorEl(null);\n setIsMenuAutofocus(false);\n };\n const handleOpen = event => {\n event.stopPropagation();\n event.preventDefault();\n setAnchorEl(event.currentTarget);\n };\n\n const iconButtonElement = (\n <IconButtonComponent\n aria-label=\"IconMenu\"\n aria-owns={isOpen ? 'icon-menu' : undefined}\n aria-haspopup=\"true\"\n data-testid={testId}\n onClick={handleOpen}\n classes={{ root: classes.iconButton }}\n className={className}\n style={iconButtonStyle}\n color={color}\n disableRipple={disableRipple}\n disabled={disabled}\n {...iconButtonProps}\n >\n {IconElement}\n </IconButtonComponent>\n );\n\n return (\n <>\n {tooltipProps ? <Tooltip {...tooltipProps}>{iconButtonElement}</Tooltip> : iconButtonElement}\n <Menu\n id=\"icon-menu\"\n anchorEl={anchorEl}\n open={isOpen}\n MenuListProps={{ 'data-testid': `${testId}Dropdown` }}\n disableAutoFocus={!isMenuAutofocus}\n autoFocus={isMenuAutofocus}\n onClose={handleClose}\n onClick={handleClose}\n anchorOrigin={anchorOrigin}\n transformOrigin={transformOrigin}\n classes={{ paper: classes.paper }}\n elevation={0}\n marginThreshold={marginThreshold}\n PaperProps={{\n className: classes[paperClassName],\n }}\n {...menuProps}\n >\n {children}\n </Menu>\n </>\n );\n}\n\nIconMenu.propTypes = {\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.array]),\n classes: PropTypes.shape({\n iconButton: PropTypes.string,\n paper: PropTypes.string,\n }),\n className: PropTypes.string,\n color: PropTypes.string,\n IconElement: PropTypes.element,\n // eslint-disable-next-line react/forbid-prop-types\n IconButtonComponent: PropTypes.any,\n iconButtonStyle: PropTypes.shape({}),\n anchorOrigin: PropTypes.shape({\n horizontal: PropTypes.oneOf(['left', 'center', 'right']),\n vertical: PropTypes.oneOf(['top', 'center', 'bottom']),\n }),\n transformOrigin: PropTypes.shape({\n horizontal: PropTypes.oneOf(['left', 'center', 'right']),\n vertical: PropTypes.oneOf(['top', 'center', 'bottom']),\n }),\n disableRipple: PropTypes.bool,\n 'data-testid': PropTypes.string,\n marginThreshold: PropTypes.number,\n disabled: PropTypes.bool,\n tooltipProps: PropTypes.shape({}),\n menuProps: PropTypes.shape({}),\n iconButtonProps: PropTypes.shape({}),\n paperClassName: PropTypes.string,\n};\n\nconst DEFAULT_ICON_MENU_CLASSES = {};\nconst DEFAULT_ICON_MENU_ICON_ELEMENT = <MoreVert />;\nconst DEFAULT_ICON_MENU_ICON_BUTTON_COMPONENT = IconButton;\nconst DEFAULT_ICON_MENU_ANCHOR_ORIGIN = { horizontal: 'right', vertical: 'top' };\nconst DEFAULT_ICON_MENU_TRANSFORM_ORIGIN = { horizontal: 'right', vertical: 'bottom' };\nconst DEFAULT_ICON_MENU_MENU_PROPS = {};\nconst DEFAULT_ICON_MENU_ICON_BUTTON_PROPS = {};\n\nexport default withStyles(muiStyles)(IconMenu);\n"],"names":["IconMenu","_ref","_ref$classes","classes","DEFAULT_ICON_MENU_CLASSES","testId","iconButtonStyle","color","_ref$disableRipple","disableRipple","className","_ref$IconElement","IconElement","DEFAULT_ICON_MENU_ICON_ELEMENT","_ref$IconButtonCompon","IconButtonComponent","DEFAULT_ICON_MENU_ICON_BUTTON_COMPONENT","_ref$disabled","disabled","_ref$iconButtonProps","iconButtonProps","DEFAULT_ICON_MENU_ICON_BUTTON_PROPS","children","_ref$anchorOrigin","anchorOrigin","DEFAULT_ICON_MENU_ANCHOR_ORIGIN","_ref$transformOrigin","transformOrigin","DEFAULT_ICON_MENU_TRANSFORM_ORIGIN","marginThreshold","_ref$menuProps","menuProps","DEFAULT_ICON_MENU_MENU_PROPS","tooltipProps","_ref$paperClassName","paperClassName","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","isOpen","_useState4","_useState3","isMenuAutofocus","setIsMenuAutofocus","useEffect","timerId","setTimeout","clearTimeout","handleClose","event","stopPropagation","iconButtonElement","_jsx","_objectSpread","undefined","onClick","preventDefault","currentTarget","root","iconButton","style","_jsxs","_Fragment","Tooltip","Menu","id","open","MenuListProps","disableAutoFocus","autoFocus","onClose","paper","elevation","PaperProps","propTypes","PropTypes","oneOfType","string","node","array","shape","element","any","horizontal","oneOf","vertical","bool","number","MoreVert","IconButton","index","withStyles","theme","borderRadius","padding","palette","primary","text6","text1","backgroundColor"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/IconMenu/index.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { Menu, withStyles, Tooltip } from '@material-ui/core';\nimport { MoreVert } from '@material-ui/icons';\n\nimport IconButton from '../IconButton';\n\nconst muiStyles = theme => ({\n iconButton: {\n borderRadius: 8,\n padding: '10px',\n color: theme.palette.primary.text6,\n '&:hover': {\n color: theme.palette.primary.text1,\n backgroundColor: 'rgba(255, 255, 255, 0.16)',\n },\n '& .MuiTouchRipple-child': {\n borderRadius: 8,\n },\n },\n paper: {},\n});\n\nfunction IconMenu({\n classes,\n // IconButtonComponentProps\n 'data-testid': testId,\n iconButtonStyle,\n color,\n disableRipple,\n className,\n IconElement,\n IconButtonComponent,\n disabled,\n iconButtonProps,\n // MenuProps\n children,\n anchorOrigin,\n transformOrigin,\n marginThreshold,\n menuProps,\n // Tooltip\n tooltipProps,\n paperClassName,\n}) {\n const [anchorEl, setAnchorEl] = useState(null);\n const isOpen = !!anchorEl;\n\n /*\n A fix of the issue: https://corvaqa.atlassian.net/browse/DC-3713\n\n When Material Menu is rendered, at first it's displayed at the top of the container\n and only then moves to the anchor element. When the focus is enabled, and the element is\n inside of an iframe but outside the view - browsers scroll the page to it. Because of this, we set focus in async\n manner, to wait for correct position - and then set focus.\n\n https://github.dev/mui/material-ui/blob/v4.x/packages/material-ui/src/Popover/Popover.js#L323-L331\n */\n const [isMenuAutofocus, setIsMenuAutofocus] = useState(false);\n useEffect(() => {\n let timerId;\n\n if (isOpen) {\n setTimeout(() => {\n timerId = setIsMenuAutofocus(isOpen);\n // Why 500? The lower delay doesn't actually work, so this is the lowest value I could get to make it work\n }, 500);\n }\n\n return () => {\n if (timerId) {\n clearTimeout(timerId);\n }\n };\n }, [isOpen]);\n\n const handleClose = event => {\n event.stopPropagation();\n setAnchorEl(null);\n setIsMenuAutofocus(false);\n };\n const handleOpen = event => {\n event.stopPropagation();\n event.preventDefault();\n setAnchorEl(event.currentTarget);\n };\n\n const iconButtonElement = (\n <IconButtonComponent\n aria-label=\"IconMenu\"\n aria-owns={isOpen ? 'icon-menu' : undefined}\n aria-haspopup=\"true\"\n data-testid={testId}\n onClick={handleOpen}\n classes={{ root: classes.iconButton }}\n className={className}\n style={iconButtonStyle}\n color={color}\n disableRipple={disableRipple}\n disabled={disabled}\n {...iconButtonProps}\n >\n {IconElement}\n </IconButtonComponent>\n );\n\n return (\n <>\n {tooltipProps ? <Tooltip {...tooltipProps}>{iconButtonElement}</Tooltip> : iconButtonElement}\n <Menu\n id=\"icon-menu\"\n anchorEl={anchorEl}\n open={isOpen}\n MenuListProps={{ 'data-testid': `${testId}Dropdown` }}\n disableAutoFocus={!isMenuAutofocus}\n autoFocus={isMenuAutofocus}\n onClose={handleClose}\n onClick={handleClose}\n anchorOrigin={anchorOrigin}\n transformOrigin={transformOrigin}\n classes={{ paper: classes.paper }}\n elevation={0}\n marginThreshold={marginThreshold}\n PaperProps={{\n className: classes[paperClassName],\n }}\n {...menuProps}\n >\n {children}\n </Menu>\n </>\n );\n}\n\nIconMenu.propTypes = {\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.array]),\n classes: PropTypes.shape({\n iconButton: PropTypes.string,\n paper: PropTypes.string,\n }),\n className: PropTypes.string,\n color: PropTypes.string,\n IconElement: PropTypes.element,\n // eslint-disable-next-line react/forbid-prop-types\n IconButtonComponent: PropTypes.any,\n iconButtonStyle: PropTypes.shape({}),\n anchorOrigin: PropTypes.shape({\n horizontal: PropTypes.oneOf(['left', 'center', 'right']),\n vertical: PropTypes.oneOf(['top', 'center', 'bottom']),\n }),\n transformOrigin: PropTypes.shape({\n horizontal: PropTypes.oneOf(['left', 'center', 'right']),\n vertical: PropTypes.oneOf(['top', 'center', 'bottom']),\n }),\n disableRipple: PropTypes.bool,\n 'data-testid': PropTypes.string,\n marginThreshold: PropTypes.number,\n disabled: PropTypes.bool,\n tooltipProps: PropTypes.shape({}),\n menuProps: PropTypes.shape({}),\n iconButtonProps: PropTypes.shape({}),\n paperClassName: PropTypes.string,\n};\n\nIconMenu.defaultProps = {\n children: undefined,\n classes: {},\n className: undefined,\n color: undefined,\n 'data-testid': undefined,\n IconElement: <MoreVert />,\n iconButtonStyle: undefined,\n IconButtonComponent: IconButton,\n disableRipple: false,\n anchorOrigin: { horizontal: 'right', vertical: 'top' },\n transformOrigin: { horizontal: 'right', vertical: 'bottom' },\n marginThreshold: undefined,\n disabled: false,\n tooltipProps: undefined,\n menuProps: {},\n iconButtonProps: {},\n paperClassName: '',\n};\n\nexport default withStyles(muiStyles)(IconMenu);\n"],"names":["IconMenu","_ref","classes","testId","iconButtonStyle","color","disableRipple","className","IconElement","IconButtonComponent","disabled","iconButtonProps","children","anchorOrigin","transformOrigin","marginThreshold","menuProps","tooltipProps","paperClassName","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","isOpen","_useState4","_useState3","isMenuAutofocus","setIsMenuAutofocus","useEffect","timerId","setTimeout","clearTimeout","handleClose","event","stopPropagation","iconButtonElement","_jsx","_objectSpread","undefined","onClick","preventDefault","currentTarget","root","iconButton","style","_jsxs","_Fragment","Tooltip","Menu","id","open","MenuListProps","disableAutoFocus","autoFocus","onClose","paper","elevation","PaperProps","propTypes","PropTypes","oneOfType","string","node","array","shape","element","any","horizontal","oneOf","vertical","bool","number","defaultProps","MoreVert","IconButton","index","withStyles","theme","borderRadius","padding","palette","primary","text6","text1","backgroundColor"],"mappings":"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"}
@@ -1,11 +1,5 @@
1
1
  import PropTypes from 'prop-types';
2
- declare function KeyboardDateTimePicker({ format, onChange, label, 'data-testid': PAGE_NAME, ...props }: {
3
- [x: string]: any;
4
- "data-testid"?: string | undefined;
5
- format?: string | undefined;
6
- label?: string | undefined;
7
- onChange: any;
8
- }): import("react").JSX.Element;
2
+ declare function KeyboardDateTimePicker(props: any): import("react").JSX.Element;
9
3
  declare namespace KeyboardDateTimePicker {
10
4
  var propTypes: {
11
5
  onChange: PropTypes.Validator<(...args: any[]) => any>;
@@ -13,6 +7,11 @@ declare namespace KeyboardDateTimePicker {
13
7
  label: PropTypes.Requireable<string>;
14
8
  'data-testid': PropTypes.Requireable<string>;
15
9
  };
10
+ var defaultProps: {
11
+ format: string;
12
+ label: string;
13
+ 'data-testid': string;
14
+ };
16
15
  }
17
16
  export default KeyboardDateTimePicker;
18
17
  //# sourceMappingURL=KeyboardDateTimePicker.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"KeyboardDateTimePicker.d.ts","sourceRoot":"","sources":["../../src/components/KeyboardDateTimePicker.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;wCAiBH,EAC9B,MAAiC,EACjC,QAAQ,EACR,KAAc,EACd,aAAa,EAAE,SAAoC,EACnD,GAAG,KAAK,EACT;;;;;;CAAA;;;;;;;;;eAsCc,sBAAsB"}
1
+ {"version":3,"file":"KeyboardDateTimePicker.d.ts","sourceRoot":"","sources":["../../src/components/KeyboardDateTimePicker.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;wCAiBJ,KAAK,KAAA;;;;;;;;;;;;;;eA6CrB,sBAAsB"}
@@ -1,2 +1,2 @@
1
- import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useState as o}from"react";import n from"prop-types";import a from"moment";import{KeyboardDateTimePicker as i}from"@material-ui/pickers";import{jsx as m}from"react/jsx-runtime";var c=["format","onChange","label","data-testid"];function p(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 f(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?p(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var s=["MM/DD/YYYY HH:mm","M/D/YYYY HH:mm","MM/DD/YYYY, HH:mm","M/D/YYYY, HH:mm","MMM DD, YYYY HH:mm","MMM D, YYYY HH:mm","MM/DD/YY HH:mm","M/D/YY HH:mm"],Y=new RegExp("[^\\.\\ \\,\\[a-zA-Z0-9_]*$]+","gi"),u=function(e){var n=e.format,p=void 0===n?"MM/DD/YYYY HH:mm":n,u=e.onChange,l=e.label,b=void 0===l?"Date":l,D=e["data-testid"],d=void 0===D?"KeyboardDateTimePicker":D,H=t(e,c),y=o(p),M=r(y,2),O=M[0],g=M[1],j=o(null),h=r(j,2),P=h[0],v=h[1];return m(i,f(f({rifmFormatter:function(e){return e},refuse:Y,inputValue:P},H),{},{label:b,"data-testid":"".concat(d,"_").concat(b),format:O,onChange:function(e,r){var t=a(r,[].concat(s,[p]),!0),o=t.isValid();g((function(e){return o?t.creationData().format:e})),v(r),u(o?t:e,r)}}))};u.propTypes={onChange:n.func.isRequired,format:n.string,label:n.string,"data-testid":n.string};export{u as default};
1
+ import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as t}from"react";import o from"prop-types";import n from"moment";import{KeyboardDateTimePicker as a}from"@material-ui/pickers";import{jsx as i}from"react/jsx-runtime";function m(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 c(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?m(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):m(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var p=["MM/DD/YYYY HH:mm","M/D/YYYY HH:mm","MM/DD/YYYY, HH:mm","M/D/YYYY, HH:mm","MMM DD, YYYY HH:mm","MMM D, YYYY HH:mm","MM/DD/YY HH:mm","M/D/YY HH:mm"],f=new RegExp("[^\\.\\ \\,\\[a-zA-Z0-9_]*$]+","gi"),Y=function(e){var o=e.format,m=e.onChange,Y=e.label,s=e["data-testid"],u=t(o),l=r(u,2),b=l[0],D=l[1],d=t(null),H=r(d,2),y=H[0],M=H[1];return i(a,c(c({rifmFormatter:function(e){return e},refuse:f,inputValue:y},e),{},{"data-testid":"".concat(s,"_").concat(Y),format:b,onChange:function(e,r){var t=n(r,[].concat(p,[o]),!0),a=t.isValid();D((function(e){return a?t.creationData().format:e})),M(r),m(a?t:e,r)}}))};Y.propTypes={onChange:o.func.isRequired,format:o.string,label:o.string,"data-testid":o.string},Y.defaultProps={format:"MM/DD/YYYY HH:mm",label:"Date","data-testid":"KeyboardDateTimePicker"};export{Y as default};
2
2
  //# sourceMappingURL=KeyboardDateTimePicker.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"KeyboardDateTimePicker.js","sources":["../../src/components/KeyboardDateTimePicker.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { KeyboardDateTimePicker as MuiKeyboardDateTimePicker } from '@material-ui/pickers';\n\nconst DEFAULT_DATE_TIME_FORMAT = 'MM/DD/YYYY HH:mm';\nconst SUPPORTED_FORMATS = [\n 'MM/DD/YYYY HH:mm',\n 'M/D/YYYY HH:mm',\n 'MM/DD/YYYY, HH:mm',\n 'M/D/YYYY, HH:mm',\n 'MMM DD, YYYY HH:mm',\n 'MMM D, YYYY HH:mm',\n 'MM/DD/YY HH:mm',\n 'M/D/YY HH:mm',\n];\nconst REFUSE_REGEXP = new RegExp('[^\\\\.\\\\ \\\\,\\\\[a-zA-Z0-9_]*$]+', 'gi');\n\nconst KeyboardDateTimePicker = ({\n format = DEFAULT_DATE_TIME_FORMAT,\n onChange,\n label = 'Date',\n 'data-testid': PAGE_NAME = 'KeyboardDateTimePicker',\n ...props\n}) => {\n const [dynamicFormat, setDynamicFormat] = useState(format);\n const [inputValue, setInputValue] = useState(null);\n\n const dateFormatter = str => {\n return str;\n };\n\n const handleDateChange = (date, newInputValue) => {\n const momentObj = moment(newInputValue, [...SUPPORTED_FORMATS, format], true);\n const isValidDate = momentObj.isValid();\n\n setDynamicFormat(prev => (isValidDate ? momentObj.creationData().format : prev));\n setInputValue(newInputValue);\n onChange(isValidDate ? momentObj : date, newInputValue);\n };\n\n return (\n <MuiKeyboardDateTimePicker\n rifmFormatter={dateFormatter}\n refuse={REFUSE_REGEXP}\n inputValue={inputValue}\n {...props}\n label={label}\n data-testid={`${PAGE_NAME}_${label}`}\n format={dynamicFormat}\n onChange={handleDateChange}\n />\n );\n};\n\nKeyboardDateTimePicker.propTypes = {\n onChange: PropTypes.func.isRequired,\n format: PropTypes.string,\n label: PropTypes.string,\n 'data-testid': PropTypes.string,\n};\n\nexport default KeyboardDateTimePicker;\n"],"names":["SUPPORTED_FORMATS","REFUSE_REGEXP","RegExp","KeyboardDateTimePicker","_ref","_ref$format","format","onChange","_ref$label","label","_ref$dataTestid","PAGE_NAME","props","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","dynamicFormat","setDynamicFormat","_useState4","_useState3","inputValue","setInputValue","_jsx","MuiKeyboardDateTimePicker","_objectSpread","rifmFormatter","str","refuse","date","newInputValue","momentObj","moment","isValidDate","isValid","prev","creationData","propTypes","PropTypes","func","isRequired","string"],"mappings":"+8BAKA,IACMA,EAAoB,CACxB,mBACA,iBACA,oBACA,kBACA,qBACA,oBACA,iBACA,gBAEIC,EAAgB,IAAIC,OAAO,gCAAiC,MAE5DC,EAAyB,SAMzBC,GAAA,IAAAC,EAAAD,EALJE,OAAAA,aAd+B,mBAcED,EACjCE,IAAAA,SAAQC,EAAAJ,EACRK,MAAAA,aAAQ,OAAMD,EAAAE,EAAAN,EACd,eAAeO,aAAY,yBAAwBD,EAChDE,EAAKC,EAAAT,EAAAU,GAEkCC,EAAAA,EAAST,GAAOU,EAAAC,EAAAC,EAAA,GAAnDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GACFD,EAAAA,EAAS,MAAKM,EAAAJ,EAAAK,EAAA,GAA3CC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAehC,OACEI,EAACC,EAAyBC,EAAAA,EAAA,CACxBC,cAfkB,SAAAC,GACpB,OAAOA,GAeLC,OAAQ7B,EACRsB,WAAYA,GACRX,GAAK,GAAA,CACTH,MAAOA,EACP,cAAgBE,GAAAA,OAAAA,EAAaF,KAAAA,OAAAA,GAC7BH,OAAQa,EACRZ,SAlBqB,SAACwB,EAAMC,GAC9B,IAAMC,EAAYC,EAAOF,EAAmBhC,GAAAA,OAAAA,EAAmBM,CAAAA,KAAS,GAClE6B,EAAcF,EAAUG,UAE9BhB,GAAiB,SAAAiB,GAAI,OAAKF,EAAcF,EAAUK,eAAehC,OAAS+B,CAAI,IAC9Eb,EAAcQ,GACdzB,EAAS4B,EAAcF,EAAYF,EAAMC,MAe7C,EAEA7B,EAAuBoC,UAAY,CACjChC,SAAUiC,EAAUC,KAAKC,WACzBpC,OAAQkC,EAAUG,OAClBlC,MAAO+B,EAAUG,OACjB,cAAeH,EAAUG"}
1
+ {"version":3,"file":"KeyboardDateTimePicker.js","sources":["../../src/components/KeyboardDateTimePicker.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { KeyboardDateTimePicker as MuiKeyboardDateTimePicker } from '@material-ui/pickers';\n\nconst DEFAULT_DATE_TIME_FORMAT = 'MM/DD/YYYY HH:mm';\nconst SUPPORTED_FORMATS = [\n 'MM/DD/YYYY HH:mm',\n 'M/D/YYYY HH:mm',\n 'MM/DD/YYYY, HH:mm',\n 'M/D/YYYY, HH:mm',\n 'MMM DD, YYYY HH:mm',\n 'MMM D, YYYY HH:mm',\n 'MM/DD/YY HH:mm',\n 'M/D/YY HH:mm',\n];\nconst REFUSE_REGEXP = new RegExp('[^\\\\.\\\\ \\\\,\\\\[a-zA-Z0-9_]*$]+', 'gi');\n\nconst KeyboardDateTimePicker = props => {\n const { format, onChange, label, 'data-testid': PAGE_NAME } = props;\n\n const [dynamicFormat, setDynamicFormat] = useState(format);\n const [inputValue, setInputValue] = useState(null);\n\n const dateFormatter = str => {\n return str;\n };\n\n const handleDateChange = (date, newInputValue) => {\n const momentObj = moment(newInputValue, [...SUPPORTED_FORMATS, format], true);\n const isValidDate = momentObj.isValid();\n\n setDynamicFormat(prev => (isValidDate ? momentObj.creationData().format : prev));\n setInputValue(newInputValue);\n onChange(isValidDate ? momentObj : date, newInputValue);\n };\n\n return (\n <MuiKeyboardDateTimePicker\n rifmFormatter={dateFormatter}\n refuse={REFUSE_REGEXP}\n inputValue={inputValue}\n {...props}\n data-testid={`${PAGE_NAME}_${label}`}\n format={dynamicFormat}\n onChange={handleDateChange}\n />\n );\n};\n\nKeyboardDateTimePicker.propTypes = {\n onChange: PropTypes.func.isRequired,\n format: PropTypes.string,\n label: PropTypes.string,\n 'data-testid': PropTypes.string,\n};\n\nKeyboardDateTimePicker.defaultProps = {\n format: DEFAULT_DATE_TIME_FORMAT,\n label: 'Date',\n 'data-testid': 'KeyboardDateTimePicker',\n};\n\nexport default KeyboardDateTimePicker;\n"],"names":["SUPPORTED_FORMATS","REFUSE_REGEXP","RegExp","KeyboardDateTimePicker","props","format","onChange","label","PAGE_NAME","useState","_useState2","_slicedToArray","_useState","dynamicFormat","setDynamicFormat","_useState4","_useState3","inputValue","setInputValue","_jsx","MuiKeyboardDateTimePicker","_objectSpread","rifmFormatter","str","refuse","date","newInputValue","momentObj","moment","isValidDate","isValid","prev","creationData","propTypes","PropTypes","func","isRequired","string","defaultProps"],"mappings":"+1BAKA,IACMA,EAAoB,CACxB,mBACA,iBACA,oBACA,kBACA,qBACA,oBACA,iBACA,gBAEIC,EAAgB,IAAIC,OAAO,gCAAiC,MAE5DC,EAAyB,SAAAC,GAC7B,IAAQC,EAAsDD,EAAtDC,OAAQC,EAA8CF,EAA9CE,SAAUC,EAAoCH,EAApCG,MAAsBC,EAAcJ,EAA7B,eAESK,EAAAA,EAASJ,GAAOK,EAAAC,EAAAC,EAAA,GAAnDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GACFD,EAAAA,EAAS,MAAKM,EAAAJ,EAAAK,EAAA,GAA3CC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAehC,OACEI,EAACC,EAAyBC,EAAAA,EAAA,CACxBC,cAfkB,SAAAC,GACpB,OAAOA,GAeLC,OAAQvB,EACRgB,WAAYA,GACRb,GAAK,GAAA,CACT,cAAgBI,GAAAA,OAAAA,EAAaD,KAAAA,OAAAA,GAC7BF,OAAQQ,EACRP,SAjBqB,SAACmB,EAAMC,GAC9B,IAAMC,EAAYC,EAAOF,EAAmB1B,GAAAA,OAAAA,EAAmBK,CAAAA,KAAS,GAClEwB,EAAcF,EAAUG,UAE9BhB,GAAiB,SAAAiB,GAAI,OAAKF,EAAcF,EAAUK,eAAe3B,OAAS0B,CAAI,IAC9Eb,EAAcQ,GACdpB,EAASuB,EAAcF,EAAYF,EAAMC,MAc7C,EAEAvB,EAAuB8B,UAAY,CACjC3B,SAAU4B,EAAUC,KAAKC,WACzB/B,OAAQ6B,EAAUG,OAClB9B,MAAO2B,EAAUG,OACjB,cAAeH,EAAUG,QAG3BlC,EAAuBmC,aAAe,CACpCjC,OArD+B,mBAsD/BE,MAAO,OACP,cAAe"}
@@ -1,15 +1,12 @@
1
1
  import PropTypes from 'prop-types';
2
2
  declare function PostInput({ className, userCompanyId, onChange, onKeyDown, initialValue, filePreviewWrapperClass, smallerView, suggestionsPortalHost, allowSuggestionsAboveCursor, }: {
3
- allowSuggestionsAboveCursor?: boolean | undefined;
4
- className?: null | undefined;
5
- filePreviewWrapperClass?: null | undefined;
6
- initialValue?: {
7
- body: string;
8
- attachment: null;
9
- } | undefined;
10
- onChange?: ((...args: any[]) => void) | undefined;
11
- onKeyDown?: ((...args: any[]) => void) | undefined;
12
- smallerView?: boolean | undefined;
3
+ allowSuggestionsAboveCursor: any;
4
+ className: any;
5
+ filePreviewWrapperClass: any;
6
+ initialValue: any;
7
+ onChange: any;
8
+ onKeyDown: any;
9
+ smallerView: any;
13
10
  suggestionsPortalHost: any;
14
11
  userCompanyId: any;
15
12
  }): import("react").JSX.Element;
@@ -28,6 +25,19 @@ declare namespace PostInput {
28
25
  allowSuggestionsAboveCursor: PropTypes.Requireable<boolean>;
29
26
  smallerView: PropTypes.Requireable<boolean>;
30
27
  };
28
+ var defaultProps: {
29
+ className: null;
30
+ initialValue: {
31
+ body: string;
32
+ attachment: null;
33
+ };
34
+ filePreviewWrapperClass: null;
35
+ onKeyDown: (...args: any[]) => void;
36
+ onChange: (...args: any[]) => void;
37
+ smallerView: boolean;
38
+ suggestionsPortalHost: undefined;
39
+ allowSuggestionsAboveCursor: boolean;
40
+ };
31
41
  }
32
42
  export default PostInput;
33
43
  //# sourceMappingURL=PostInput.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"PostInput.d.ts","sourceRoot":"","sources":["../../../src/components/PostInput/PostInput.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;2BAgBhB,EACjB,SAAgB,EAChB,aAAa,EACb,QAAuC,EACvC,SAA0C,EAC1C,YAA+C,EAC/C,uBAA8B,EAC9B,WAAmB,EACnB,qBAAqB,EACrB,2BAAmC,GACpC;;;;;;;;;;;;;CAAA;;;;;;;;;;;;;;;;;eAkHc,SAAS"}
1
+ {"version":3,"file":"PostInput.d.ts","sourceRoot":"","sources":["../../../src/components/PostInput/PostInput.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;2BAgBhB,EACjB,SAAS,EACT,aAAa,EACb,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,uBAAuB,EACvB,WAAW,EACX,qBAAqB,EACrB,2BAA2B,GAC5B;;;;;;;;;;CAAA;;;;;;;;;;;;;;;;;;;YA6GG,IAAI;YACJ,UAAU;;;;;;;;;;eAUC,SAAS"}
@@ -1,2 +1,2 @@
1
- import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import n from"prop-types";import{useState as r,useRef as t,useEffect as i}from"react";import{TextField as l,InputAdornment as a}from"@material-ui/core";import s from"classnames";import{noop as m}from"lodash";import u from"./PostInput.css.js";import p from"../FilePreview/index.js";import d from"../FailedFileUploading.js";import c from"../UserMention/index.js";import f from"../FileUploadIconButton.js";import g from"../EmojiIconButton.js";import{jsxs as h,jsx as v}from"react/jsx-runtime";var y=function(n){var m=n.className,y=void 0===m?null:m,C=n.userCompanyId,j=n.onChange,F=void 0===j?P:j,I=n.onKeyDown,A=void 0===I?w:I,T=n.initialValue,x=void 0===T?b:T,N=n.filePreviewWrapperClass,S=void 0===N?null:N,U=n.smallerView,D=void 0!==U&&U,_=n.suggestionsPortalHost,H=n.allowSuggestionsAboveCursor,V=void 0!==H&&H,E=r(x.body),K=o(E,2),B=K[0],M=K[1],O=r(x.attachment),R=o(O,2),W=R[0],q=R[1],z=r(null),L=o(z,2),k=L[0],G=L[1],J=t(null);return i((function(){J.current&&(J.current.selectionStart=J.current.value.length)}),[]),i((function(){F({body:B,attachment:W})}),[B,W]),h("div",{className:s(u.input,y),children:[v(l,{"data-testid":"".concat("PostInput","_input"),className:s(u.inputTextField,e({},u.inputTextFieldSmaller,D)),placeholder:"Add Comment...",FormHelperTextProps:{component:"div",margin:"dense"},inputRef:J,InputProps:{inputComponent:c,inputProps:{onChange:M,value:B,withLightTheme:!1,companyId:C,autoFocus:!0,className:u.inputInput,placeholder:"Type here...",suggestionsPortalHost:_,allowSuggestionsAboveCursor:V},endAdornment:h(a,{position:"end",className:s(u.inputAdornment,e({},u.inputAdornmentSmaller,D)),children:[!W&&v("div",{children:v(f,{openPreviewDialogOnUpload:!1,onFinish:function(e,o,n){q({url:e,file_name:o,size:n})},onError:G})}),v("div",{children:v(g,{"data-testid":"".concat("PostInput","_emoji"),handleSelectEmoji:function(e){return M((function(o){return"".concat(o).concat(e.native)}))}})})]}),disableUnderline:!0,classes:{}},onKeyDown:A}),W&&v(p,{fileName:W.file_name||W.name,fileUrl:W.signed_url||W.url,handleFileDelete:function(){return q(null)},classes:{wrapper:S}}),k&&v(d,{errorMessage:k})]})};y.propTypes={userCompanyId:n.oneOfType([n.string,n.number]).isRequired,className:n.string,onKeyDown:n.func,onChange:n.func,initialValue:n.shape({body:n.string,attachment:n.shape({})}),filePreviewWrapperClass:n.string,suggestionsPortalHost:n.node,allowSuggestionsAboveCursor:n.bool,smallerView:n.bool};var b={body:"",attachment:null},w=m,P=m;export{y as default};
1
+ import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import n from"prop-types";import{useState as r,useRef as t,useEffect as i}from"react";import{TextField as l,InputAdornment as s}from"@material-ui/core";import a from"classnames";import{noop as u}from"lodash";import m from"./PostInput.css.js";import p from"../FilePreview/index.js";import c from"../FailedFileUploading.js";import d from"../UserMention/index.js";import f from"../FileUploadIconButton.js";import g from"../EmojiIconButton.js";import{jsxs as h,jsx as v}from"react/jsx-runtime";var w=function(n){var u=n.className,w=n.userCompanyId,y=n.onChange,P=n.onKeyDown,b=n.initialValue,C=n.filePreviewWrapperClass,j=n.smallerView,F=n.suggestionsPortalHost,I=n.allowSuggestionsAboveCursor,A=r(b.body),N=o(A,2),S=N[0],T=N[1],x=r(b.attachment),D=o(x,2),U=D[0],V=D[1],H=r(null),_=o(H,2),K=_[0],E=_[1],W=t(null);return i((function(){W.current&&(W.current.selectionStart=W.current.value.length)}),[]),i((function(){y({body:S,attachment:U})}),[S,U]),h("div",{className:a(m.input,u),children:[v(l,{"data-testid":"".concat("PostInput","_input"),className:a(m.inputTextField,e({},m.inputTextFieldSmaller,j)),placeholder:"Add Comment...",FormHelperTextProps:{component:"div",margin:"dense"},inputRef:W,InputProps:{inputComponent:d,inputProps:{onChange:T,value:S,withLightTheme:!1,companyId:w,autoFocus:!0,className:m.inputInput,placeholder:"Type here...",suggestionsPortalHost:F,allowSuggestionsAboveCursor:I},endAdornment:h(s,{position:"end",className:a(m.inputAdornment,e({},m.inputAdornmentSmaller,j)),children:[!U&&v("div",{children:v(f,{openPreviewDialogOnUpload:!1,onFinish:function(e,o,n){V({url:e,file_name:o,size:n})},onError:E})}),v("div",{children:v(g,{"data-testid":"".concat("PostInput","_emoji"),handleSelectEmoji:function(e){return T((function(o){return"".concat(o).concat(e.native)}))}})})]}),disableUnderline:!0,classes:{}},onKeyDown:P}),U&&v(p,{fileName:U.file_name||U.name,fileUrl:U.signed_url||U.url,handleFileDelete:function(){return V(null)},classes:{wrapper:C}}),K&&v(c,{errorMessage:K})]})};w.propTypes={userCompanyId:n.oneOfType([n.string,n.number]).isRequired,className:n.string,onKeyDown:n.func,onChange:n.func,initialValue:n.shape({body:n.string,attachment:n.shape({})}),filePreviewWrapperClass:n.string,suggestionsPortalHost:n.node,allowSuggestionsAboveCursor:n.bool,smallerView:n.bool},w.defaultProps={className:null,initialValue:{body:"",attachment:null},filePreviewWrapperClass:null,onKeyDown:u,onChange:u,smallerView:!1,suggestionsPortalHost:void 0,allowSuggestionsAboveCursor:!1};export{w as default};
2
2
  //# sourceMappingURL=PostInput.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PostInput.js","sources":["../../../src/components/PostInput/PostInput.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useState, useEffect, useRef } from 'react';\nimport { TextField, InputAdornment } from '@material-ui/core';\nimport classNames from 'classnames';\nimport { noop } from 'lodash';\n\nimport styles from './PostInput.css';\n\nimport FilePreview from '~/components/FilePreview';\nimport FailedFileUploading from '~/components/FailedFileUploading';\nimport UserMention from '~/components/UserMention';\nimport FileUploadIconButton from '~/components/FileUploadIconButton';\nimport EmojiIconButton from '~/components/EmojiIconButton';\n\nconst PAGE_NAME = 'PostInput';\n\nconst PostInput = ({\n className = null,\n userCompanyId,\n onChange = DEFAULT_POST_INPUT_ON_CHANGE,\n onKeyDown = DEFAULT_POST_INPUT_ON_KEY_DOWN,\n initialValue = DEFAULT_POST_INPUT_INITIAL_VALUE,\n filePreviewWrapperClass = null,\n smallerView = false,\n suggestionsPortalHost,\n allowSuggestionsAboveCursor = false,\n}) => {\n const [body, setBody] = useState(initialValue.body);\n const [attachment, setAttachment] = useState(initialValue.attachment);\n const [attachmentLoadingError, setAttachmentLoadingError] = useState(null);\n const inputRef = useRef(null);\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.selectionStart = inputRef.current.value.length;\n }\n }, []);\n useEffect(() => {\n onChange({\n body,\n attachment,\n });\n }, [body, attachment]);\n\n return (\n <div className={classNames(styles.input, className)}>\n <TextField\n data-testid={`${PAGE_NAME}_input`}\n className={classNames(styles.inputTextField, {\n [styles.inputTextFieldSmaller]: smallerView,\n })}\n placeholder=\"Add Comment...\"\n FormHelperTextProps={{\n component: 'div',\n margin: 'dense',\n }}\n inputRef={inputRef}\n InputProps={{\n inputComponent: UserMention,\n inputProps: {\n onChange: setBody,\n value: body,\n withLightTheme: false,\n companyId: userCompanyId,\n autoFocus: true,\n className: styles.inputInput,\n placeholder: 'Type here...',\n suggestionsPortalHost,\n allowSuggestionsAboveCursor,\n },\n endAdornment: (\n <InputAdornment\n position=\"end\"\n className={classNames(styles.inputAdornment, {\n [styles.inputAdornmentSmaller]: smallerView,\n })}\n >\n {!attachment && (\n <div>\n <FileUploadIconButton\n openPreviewDialogOnUpload={false}\n onFinish={(url, name, size) => {\n setAttachment({\n url,\n file_name: name,\n size,\n });\n }}\n onError={setAttachmentLoadingError}\n />\n </div>\n )}\n <div>\n <EmojiIconButton\n data-testid={`${PAGE_NAME}_emoji`}\n handleSelectEmoji={emoji => setBody(prevText => `${prevText}${emoji.native}`)}\n />\n </div>\n </InputAdornment>\n ),\n disableUnderline: true,\n classes: {},\n }}\n onKeyDown={onKeyDown}\n />\n {attachment && (\n <FilePreview\n fileName={attachment.file_name || attachment.name}\n fileUrl={attachment.signed_url || attachment.url}\n handleFileDelete={() => setAttachment(null)}\n classes={{ wrapper: filePreviewWrapperClass }}\n />\n )}\n {attachmentLoadingError && <FailedFileUploading errorMessage={attachmentLoadingError} />}\n </div>\n );\n};\n\nPostInput.propTypes = {\n userCompanyId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n className: PropTypes.string,\n onKeyDown: PropTypes.func,\n onChange: PropTypes.func,\n initialValue: PropTypes.shape({\n body: PropTypes.string,\n attachment: PropTypes.shape({}),\n }),\n filePreviewWrapperClass: PropTypes.string,\n suggestionsPortalHost: PropTypes.node,\n allowSuggestionsAboveCursor: PropTypes.bool,\n smallerView: PropTypes.bool,\n};\n\nconst DEFAULT_POST_INPUT_INITIAL_VALUE = {\n body: '',\n attachment: null,\n};\n\nconst DEFAULT_POST_INPUT_ON_KEY_DOWN = noop;\nconst DEFAULT_POST_INPUT_ON_CHANGE = noop;\n\nexport default PostInput;\n"],"names":["PostInput","_ref","_ref$className","className","userCompanyId","_ref$onChange","onChange","DEFAULT_POST_INPUT_ON_CHANGE","_ref$onKeyDown","onKeyDown","DEFAULT_POST_INPUT_ON_KEY_DOWN","_ref$initialValue","initialValue","DEFAULT_POST_INPUT_INITIAL_VALUE","_ref$filePreviewWrapp","filePreviewWrapperClass","_ref$smallerView","smallerView","suggestionsPortalHost","_ref$allowSuggestions","allowSuggestionsAboveCursor","_useState","useState","body","_useState2","_slicedToArray","setBody","_useState3","attachment","_useState4","setAttachment","_useState6","_useState5","attachmentLoadingError","setAttachmentLoadingError","inputRef","useRef","useEffect","current","selectionStart","value","length","_jsxs","classNames","styles","input","children","_jsx","TextField","concat","inputTextField","inputTextFieldSmaller","placeholder","FormHelperTextProps","component","margin","InputProps","inputComponent","UserMention","inputProps","withLightTheme","companyId","autoFocus","inputInput","endAdornment","InputAdornment","position","inputAdornment","inputAdornmentSmaller","FileUploadIconButton","openPreviewDialogOnUpload","onFinish","url","name","size","file_name","onError","EmojiIconButton","handleSelectEmoji","emoji","prevText","native","disableUnderline","classes","FilePreview","fileName","fileUrl","signed_url","handleFileDelete","wrapper","FailedFileUploading","errorMessage","propTypes","PropTypes","oneOfType","string","number","isRequired","func","shape","node","bool","noop"],"mappings":"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"}
1
+ {"version":3,"file":"PostInput.js","sources":["../../../src/components/PostInput/PostInput.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useState, useEffect, useRef } from 'react';\nimport { TextField, InputAdornment } from '@material-ui/core';\nimport classNames from 'classnames';\nimport { noop } from 'lodash';\n\nimport styles from './PostInput.css';\n\nimport FilePreview from '~/components/FilePreview';\nimport FailedFileUploading from '~/components/FailedFileUploading';\nimport UserMention from '~/components/UserMention';\nimport FileUploadIconButton from '~/components/FileUploadIconButton';\nimport EmojiIconButton from '~/components/EmojiIconButton';\n\nconst PAGE_NAME = 'PostInput';\n\nconst PostInput = ({\n className,\n userCompanyId,\n onChange,\n onKeyDown,\n initialValue,\n filePreviewWrapperClass,\n smallerView,\n suggestionsPortalHost,\n allowSuggestionsAboveCursor,\n}) => {\n const [body, setBody] = useState(initialValue.body);\n const [attachment, setAttachment] = useState(initialValue.attachment);\n const [attachmentLoadingError, setAttachmentLoadingError] = useState(null);\n const inputRef = useRef(null);\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.selectionStart = inputRef.current.value.length;\n }\n }, []);\n useEffect(() => {\n onChange({\n body,\n attachment,\n });\n }, [body, attachment]);\n\n return (\n <div className={classNames(styles.input, className)}>\n <TextField\n data-testid={`${PAGE_NAME}_input`}\n className={classNames(styles.inputTextField, {\n [styles.inputTextFieldSmaller]: smallerView,\n })}\n placeholder=\"Add Comment...\"\n FormHelperTextProps={{\n component: 'div',\n margin: 'dense',\n }}\n inputRef={inputRef}\n InputProps={{\n inputComponent: UserMention,\n inputProps: {\n onChange: setBody,\n value: body,\n withLightTheme: false,\n companyId: userCompanyId,\n autoFocus: true,\n className: styles.inputInput,\n placeholder: 'Type here...',\n suggestionsPortalHost,\n allowSuggestionsAboveCursor,\n },\n endAdornment: (\n <InputAdornment\n position=\"end\"\n className={classNames(styles.inputAdornment, {\n [styles.inputAdornmentSmaller]: smallerView,\n })}\n >\n {!attachment && (\n <div>\n <FileUploadIconButton\n openPreviewDialogOnUpload={false}\n onFinish={(url, name, size) => {\n setAttachment({\n url,\n file_name: name,\n size,\n });\n }}\n onError={setAttachmentLoadingError}\n />\n </div>\n )}\n <div>\n <EmojiIconButton\n data-testid={`${PAGE_NAME}_emoji`}\n handleSelectEmoji={emoji => setBody(prevText => `${prevText}${emoji.native}`)}\n />\n </div>\n </InputAdornment>\n ),\n disableUnderline: true,\n classes: {},\n }}\n onKeyDown={onKeyDown}\n />\n {attachment && (\n <FilePreview\n fileName={attachment.file_name || attachment.name}\n fileUrl={attachment.signed_url || attachment.url}\n handleFileDelete={() => setAttachment(null)}\n classes={{ wrapper: filePreviewWrapperClass }}\n />\n )}\n {attachmentLoadingError && <FailedFileUploading errorMessage={attachmentLoadingError} />}\n </div>\n );\n};\n\nPostInput.propTypes = {\n userCompanyId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n className: PropTypes.string,\n onKeyDown: PropTypes.func,\n onChange: PropTypes.func,\n initialValue: PropTypes.shape({\n body: PropTypes.string,\n attachment: PropTypes.shape({}),\n }),\n filePreviewWrapperClass: PropTypes.string,\n suggestionsPortalHost: PropTypes.node,\n allowSuggestionsAboveCursor: PropTypes.bool,\n smallerView: PropTypes.bool,\n};\n\nPostInput.defaultProps = {\n className: null,\n initialValue: {\n body: '',\n attachment: null,\n },\n filePreviewWrapperClass: null,\n onKeyDown: noop,\n onChange: noop,\n smallerView: false,\n suggestionsPortalHost: undefined,\n allowSuggestionsAboveCursor: false,\n};\n\nexport default PostInput;\n"],"names":["PostInput","_ref","className","userCompanyId","onChange","onKeyDown","initialValue","filePreviewWrapperClass","smallerView","suggestionsPortalHost","allowSuggestionsAboveCursor","_useState","useState","body","_useState2","_slicedToArray","setBody","_useState3","attachment","_useState4","setAttachment","_useState6","_useState5","attachmentLoadingError","setAttachmentLoadingError","inputRef","useRef","useEffect","current","selectionStart","value","length","_jsxs","classNames","styles","input","children","_jsx","TextField","concat","inputTextField","inputTextFieldSmaller","placeholder","FormHelperTextProps","component","margin","InputProps","inputComponent","UserMention","inputProps","withLightTheme","companyId","autoFocus","inputInput","endAdornment","InputAdornment","position","inputAdornment","inputAdornmentSmaller","FileUploadIconButton","openPreviewDialogOnUpload","onFinish","url","name","size","file_name","onError","EmojiIconButton","handleSelectEmoji","emoji","prevText","native","disableUnderline","classes","FilePreview","fileName","fileUrl","signed_url","handleFileDelete","wrapper","FailedFileUploading","errorMessage","propTypes","PropTypes","oneOfType","string","number","isRequired","func","shape","node","bool","defaultProps","noop","undefined"],"mappings":"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"}
@@ -248,7 +248,7 @@ const validateDsn = dsn => {
248
248
 
249
249
  const MCP_SERVER_VERSION = '1.4.1';
250
250
 
251
- var version = "3.74.0-0";
251
+ var version = "3.74.0-1";
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.74.0-0",
3
+ "version": "3.74.0-1",
4
4
  "license": "UNLICENSED",
5
5
  "description": "Shared components/utils for Corva ui projects",
6
6
  "repository": {