@corva/ui 0.99.0-3 → 0.99.0-5

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 (74) hide show
  1. package/cjs-bundle/componentsV2/Button/Button.js +1 -0
  2. package/cjs-bundle/componentsV2/Button/Button.scss.js +1 -0
  3. package/cjs-bundle/componentsV2/ButtonIcon/ButtonIcon.js +1 -0
  4. package/cjs-bundle/componentsV2/ButtonIcon/ButtonIcon.scss.js +1 -0
  5. package/cjs-bundle/componentsV2/Header/Header.js +1 -0
  6. package/cjs-bundle/componentsV2/Header/Header.scss.js +1 -0
  7. package/cjs-bundle/componentsV2/Popover/DcPopover.js +1 -0
  8. package/cjs-bundle/componentsV2/Popover/Popover.js +1 -0
  9. package/cjs-bundle/componentsV2/Text/Text.js +1 -1
  10. package/cjs-bundle/componentsV2/Tooltip/DcTooltip.js +1 -0
  11. package/cjs-bundle/componentsV2/Tooltip/Tooltip.js +1 -0
  12. package/cjs-bundle/componentsV2/Tooltip/Tooltip.scss.js +1 -0
  13. package/cjs-bundle/componentsV2/index.js +1 -1
  14. package/cjs-bundle/effects/useDelayedDcFullscreenElemOpen.js +1 -1
  15. package/componentsV2/Button/Button.d.ts +20 -0
  16. package/componentsV2/Button/Button.d.ts.map +1 -0
  17. package/componentsV2/Button/Button.js +1 -0
  18. package/componentsV2/Button/Button.scss.js +1 -0
  19. package/componentsV2/Button/Button.stories.d.ts +11 -0
  20. package/componentsV2/Button/Button.stories.d.ts.map +1 -0
  21. package/componentsV2/Button/index.d.ts +2 -0
  22. package/componentsV2/Button/index.d.ts.map +1 -0
  23. package/componentsV2/ButtonIcon/ButtonIcon.d.ts +18 -0
  24. package/componentsV2/ButtonIcon/ButtonIcon.d.ts.map +1 -0
  25. package/componentsV2/ButtonIcon/ButtonIcon.js +1 -0
  26. package/componentsV2/ButtonIcon/ButtonIcon.scss.js +1 -0
  27. package/componentsV2/ButtonIcon/ButtonIcon.stories.d.ts +10 -0
  28. package/componentsV2/ButtonIcon/ButtonIcon.stories.d.ts.map +1 -0
  29. package/componentsV2/ButtonIcon/index.d.ts +2 -0
  30. package/componentsV2/ButtonIcon/index.d.ts.map +1 -0
  31. package/componentsV2/Header/Header.d.ts +12 -0
  32. package/componentsV2/Header/Header.d.ts.map +1 -0
  33. package/componentsV2/Header/Header.js +1 -0
  34. package/componentsV2/Header/Header.scss.js +1 -0
  35. package/componentsV2/Header/Header.stories.d.ts +8 -0
  36. package/componentsV2/Header/Header.stories.d.ts.map +1 -0
  37. package/componentsV2/Header/index.d.ts +2 -0
  38. package/componentsV2/Header/index.d.ts.map +1 -0
  39. package/componentsV2/Popover/DcPopover.d.ts +3 -0
  40. package/componentsV2/Popover/DcPopover.d.ts.map +1 -0
  41. package/componentsV2/Popover/DcPopover.js +1 -0
  42. package/componentsV2/Popover/Popover.d.ts +52 -0
  43. package/componentsV2/Popover/Popover.d.ts.map +1 -0
  44. package/componentsV2/Popover/Popover.js +1 -0
  45. package/componentsV2/Popover/Popover.stories.d.ts +10 -0
  46. package/componentsV2/Popover/Popover.stories.d.ts.map +1 -0
  47. package/componentsV2/Popover/index.d.ts +3 -0
  48. package/componentsV2/Popover/index.d.ts.map +1 -0
  49. package/componentsV2/Text/Text.d.ts +1 -1
  50. package/componentsV2/Text/Text.d.ts.map +1 -1
  51. package/componentsV2/Text/Text.js +1 -1
  52. package/componentsV2/Tooltip/DcTooltip.d.ts +11 -0
  53. package/componentsV2/Tooltip/DcTooltip.d.ts.map +1 -0
  54. package/componentsV2/Tooltip/DcTooltip.js +1 -0
  55. package/componentsV2/Tooltip/Tooltip.d.ts +71 -0
  56. package/componentsV2/Tooltip/Tooltip.d.ts.map +1 -0
  57. package/componentsV2/Tooltip/Tooltip.js +1 -0
  58. package/componentsV2/Tooltip/Tooltip.scss.js +1 -0
  59. package/componentsV2/Tooltip/Tooltip.stories.d.ts +12 -0
  60. package/componentsV2/Tooltip/Tooltip.stories.d.ts.map +1 -0
  61. package/componentsV2/Tooltip/index.d.ts +2 -0
  62. package/componentsV2/Tooltip/index.d.ts.map +1 -0
  63. package/componentsV2/index.d.ts +5 -0
  64. package/componentsV2/index.d.ts.map +1 -1
  65. package/componentsV2/index.js +1 -1
  66. package/effects/useDelayedDcFullscreenElemOpen.d.ts +2 -0
  67. package/effects/useDelayedDcFullscreenElemOpen.d.ts.map +1 -1
  68. package/effects/useDelayedDcFullscreenElemOpen.js +1 -1
  69. package/package.json +3 -3
  70. package/storyBookHelpers/components.d.ts +7 -3
  71. package/storyBookHelpers/components.d.ts.map +1 -1
  72. package/storyBookHelpers/template/Template.stories.d.ts.map +1 -1
  73. package/storyBookHelpers/utils.d.ts +2 -1
  74. package/storyBookHelpers/utils.d.ts.map +1 -1
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),t=require("react"),a=require("@material-ui/core"),i=require("classnames"),s=require("./Button.scss.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=c(i),n={primary:{variant:"contained",color:"primary"},secondary:{variant:"text",color:"primary"},primaryDestructive:{variant:"contained",color:"primary"},secondaryDestructive:{variant:"text",color:"primary"},tertiary:{variant:"text",color:"default"},chart:{variant:"text",color:"default"}},d={primaryDestructive:s.primaryDestructive,secondaryDestructive:s.secondaryDestructive,chart:s.chart},u=t.forwardRef((function(t,i){var c=t.children,u=t.onClick,l=t.size,f=void 0===l?"medium":l,v=t.type,y=void 0===v?"secondary":v,m=t.prefix,p=t.suffix,x=t.disabled,b=t.testId,_=t.className,h=e.__rest(t,["children","onClick","size","type","prefix","suffix","disabled","testId","className"]);return r.jsx(a.Button,e.__assign({},n[y],{size:f,ref:i,disabled:x,className:o.default(s.root,d[y],x&&s.disabled,_),"data-testid":b,startIcon:m,endIcon:p,onClick:u},h,{children:c}))}));exports.Button=u;
@@ -0,0 +1 @@
1
+ "use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".Button_root__urTct.MuiButton-root{backdrop-filter:blur(4px);transition:all .15s cubic-bezier(.4,0,.2,1);white-space:nowrap}.Button_root__urTct:not(.Button_chart__VtHxy){letter-spacing:1px}.Button_root__urTct.Button_primaryDestructive__uzEdA{background:var(--palette-error-dark)}.Button_root__urTct.Button_primaryDestructive__uzEdA:hover{background:var(--palette-error-main)}.Button_root__urTct.Button_primaryDestructive__uzEdA.Button_disabled__-IfQw{background:var(--palette-error-dark)}.Button_root__urTct.Button_secondaryDestructive__rpBj7{color:var(--palette-error-dark)}.Button_root__urTct.Button_secondaryDestructive__rpBj7:hover{background:rgb(from var(--palette-error-dark) r g b/.24);color:var(--palette-error-main)}.Button_root__urTct.Button_secondaryDestructive__rpBj7.Button_disabled__-IfQw{color:var(--palette-error-dark)}.Button_root__urTct.Button_chart__VtHxy{font-weight:400;letter-spacing:normal;text-transform:none}"),module.exports={spacing:"8",root:"Button_root__urTct",chart:"Button_chart__VtHxy",primaryDestructive:"Button_primaryDestructive__uzEdA",disabled:"Button_disabled__-IfQw",secondaryDestructive:"Button_secondaryDestructive__rpBj7"};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),t=require("react"),a=require("@material-ui/core"),i=require("classnames"),s=require("./ButtonIcon.scss.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=d(i),o={large:s.large,medium:s.medium,small:s.small},n={primary:[s.primary],secondary:[s.secondary],tertiary:[s.tertiary],secondaryBg:[s.secondary,s.withBg],tertiaryBg:[s.tertiary,s.withBg]},c=t.forwardRef((function(t,i){var d=t.children,c=t.disabled,u=t.testId,y=t.className,m=t.onClick,p=t.type,_=void 0===p?"tertiary":p,f=t.size,b=void 0===f?"medium":f,g=e.__rest(t,["children","disabled","testId","className","onClick","type","size"]);return r.jsx(a.IconButton,e.__assign({ref:i,className:l.default.apply(void 0,e.__spreadArray(e.__spreadArray([s.root,o[b]],n[_],!1),[c&&s.disabled,y],!1)),onClick:m,disabled:c,"data-testid":u},g,{children:d}))}));exports.ButtonIcon=c;
@@ -0,0 +1 @@
1
+ "use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".ButtonIcon_root__VO5jl.MuiIconButton-root{border-radius:8px;transition:all .15s cubic-bezier(.4,0,.2,1)}.ButtonIcon_root__VO5jl.MuiIconButton-root:hover{backdrop-filter:blur(4px);background:hsla(0,0%,100%,.16)}.ButtonIcon_root__VO5jl.ButtonIcon_large__2EddF{padding:8px}.ButtonIcon_root__VO5jl.ButtonIcon_large__2EddF svg{height:24px;width:24px}.ButtonIcon_root__VO5jl.ButtonIcon_medium__-DRWs{padding:6px}.ButtonIcon_root__VO5jl.ButtonIcon_medium__-DRWs svg{height:24px;width:24px}.ButtonIcon_root__VO5jl.ButtonIcon_small__LVDfV{padding:4px}.ButtonIcon_root__VO5jl.ButtonIcon_small__LVDfV svg{height:20px;width:20px}.ButtonIcon_root__VO5jl.ButtonIcon_primary__V4ya6{background:var(--palette-primary-main);color:var(--palette-background-b-2)}.ButtonIcon_root__VO5jl.ButtonIcon_primary__V4ya6:active,.ButtonIcon_root__VO5jl.ButtonIcon_primary__V4ya6:hover{background:var(--palette-primary-light)}.ButtonIcon_root__VO5jl.ButtonIcon_primary__V4ya6.ButtonIcon_disabled__mWUEz{background:rgb(from var(--palette-primary-main) r g b/.4);color:var(--palette-background-b-2)}.ButtonIcon_root__VO5jl.ButtonIcon_secondary__8ReYC{color:var(--palette-primary-main)}.ButtonIcon_root__VO5jl.ButtonIcon_secondary__8ReYC:active,.ButtonIcon_root__VO5jl.ButtonIcon_secondary__8ReYC:hover{color:var(--palette-primary-light)}.ButtonIcon_root__VO5jl.ButtonIcon_secondary__8ReYC.ButtonIcon_disabled__mWUEz{color:rgb(from var(--palette-primary-main) r g b/.4)}.ButtonIcon_root__VO5jl.ButtonIcon_tertiary__JUuwo{color:var(--palette-primary-text-6)}.ButtonIcon_root__VO5jl.ButtonIcon_tertiary__JUuwo:active,.ButtonIcon_root__VO5jl.ButtonIcon_tertiary__JUuwo:hover{color:var(--palette-primary-text-1)}.ButtonIcon_root__VO5jl.ButtonIcon_tertiary__JUuwo.ButtonIcon_disabled__mWUEz{color:var(--palette-primary-text-9)}.ButtonIcon_root__VO5jl.ButtonIcon_withBg__ODNab{background:hsla(0,0%,100%,.08)}.ButtonIcon_root__VO5jl.ButtonIcon_withBg__ODNab.ButtonIcon_disabled__mWUEz{background:hsla(0,0%,100%,.03)}"),module.exports={spacing:"8",root:"ButtonIcon_root__VO5jl",large:"ButtonIcon_large__2EddF",medium:"ButtonIcon_medium__-DRWs",small:"ButtonIcon_small__LVDfV",primary:"ButtonIcon_primary__V4ya6",disabled:"ButtonIcon_disabled__mWUEz",secondary:"ButtonIcon_secondary__8ReYC",tertiary:"ButtonIcon_tertiary__JUuwo",withBg:"ButtonIcon_withBg__ODNab"};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),t=require("react/jsx-runtime"),s=require("classnames"),a=require("../Text/Text.js"),r=require("./Header.scss.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(s),m={H1:{size:32,weight:"medium",tagName:"h1"},H2:{size:24,weight:"medium",tagName:"h2"},H3:{size:20,weight:"medium",tagName:"h3"},appName:{size:18,weight:"medium",tagName:"h4"}};exports.Header=function(s){var i=s.children,d=s.appearance,n=s.testId,c=s.className;return t.jsx(a.Text,e.__assign({className:u.default(r.root,c)},m[d],{testId:n,children:i}))};
@@ -0,0 +1 @@
1
+ "use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".Header_root__c1ZfD{margin:0}"),module.exports={root:"Header_root__c1ZfD"};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),s=require("@material-ui/core"),n=require("../../effects/useDelayedDcFullscreenElemOpen.js"),i=require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js");exports.DcPopover=function(o){var l=o.children,t=o.open,c=e.__rest(o,["children","open"]),u=n.useDelayedDcFullscreenElemOpen({isOpen:t}).delayedIsOpen;return r.jsx(s.Popover,e.__assign({},c,{open:u,TransitionProps:e.__assign(e.__assign({},c.TransitionProps),{enter:!0,exit:!1}),children:r.jsx(i.IsInsideDcFullscreenElemProvider,{children:l})}))};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),o=require("@material-ui/core"),n=require("react"),i=require("../../components/DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js"),s=require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),t=require("./DcPopover.js");exports.Popover=function(c){var a=c.children,l=c.open,p=c.onClose,u=c.transformOrigin,d=void 0===u?{vertical:"top",horizontal:"left"}:u,v=c.className,m=e.__rest(c,["children","open","onClose","transformOrigin","className"]),h=i.useIsInsideDcApp(),D=s.useIsInsideDcFullscreenElem(),P=n.useMemo((function(){return{paper:v}}),[v]),f=h&&!D?t.DcPopover:o.Popover,C="position"in m?{anchorReference:"anchorPosition",anchorPosition:m.position}:{anchorReference:"anchorEl",anchorEl:m.anchorEl,anchorOrigin:m.anchorOrigin||{vertical:"top",horizontal:"left"}};return r.jsx(f,e.__assign({open:l,transformOrigin:d,onClose:p,classes:P},C,{children:a}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("classnames"),t=require("./Text.scss.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(r),o={36:t.size_36,32:t.size_32,24:t.size_24,20:t.size_20,18:t.size_18,16:t.size_16,14:t.size_14,12:t.size_12},a={bold:t.bold,medium:t.medium,regular:t.regular},l={T1:t.color_t1,T6:t.color_t6,T7:t.color_t7,T8:t.color_t8,T9:t.color_t9};exports.Text=function(r){var i=r.children,c=r.size,d=void 0===c?16:c,u=r.weight,_=void 0===u?"regular":u,n=r.color,m=void 0===n?"T1":n,v=r.italic,z=void 0!==v&&v,T=r.tagName,f=void 0===T?"span":T,x=r.className,g=r.testId;return e.jsx(f,{className:s.default(t.root,o[d],a[_],l[m],z&&t.italic,x),"data-testid":g,children:i})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),i=require("classnames"),t=require("react"),s=require("./Text.scss.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(i),l={36:s.size_36,32:s.size_32,24:s.size_24,20:s.size_20,18:s.size_18,16:s.size_16,14:s.size_14,12:s.size_12},c={bold:s.bold,medium:s.medium,regular:s.regular},d={T1:s.color_t1,T6:s.color_t6,T7:s.color_t7,T8:s.color_t8,T9:s.color_t9},u=t.forwardRef((function(i,t){var o=i.children,u=i.size,_=void 0===u?16:u,n=i.weight,m=void 0===n?"regular":n,f=i.color,z=void 0===f?"T1":f,v=i.italic,g=void 0!==v&&v,T=i.tagName,b=void 0===T?"span":T,j=i.className,x=i.testId,h=e.__rest(i,["children","size","weight","color","italic","tagName","className","testId"]);return r.jsx(b,e.__assign({ref:t,className:a.default(s.root,l[_],c[m],d[z],g&&s.italic,j),"data-testid":x},h,{children:o}))}));exports.Text=u;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),n=require("react/jsx-runtime"),r=require("@material-ui/core");require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js");var o=require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),s=require("../../effects/useDelayedDcFullscreenElemOpen.js");exports.DcTooltip=function(i){var t=i.onOpen,l=i.onClose,u=i.open,c=i.title,p=i.TransitionProps,a=void 0===p?{}:p,d=e.__rest(i,["onOpen","onClose","open","title","TransitionProps"]),m=s.useDelayedDcFullscreenElemOpen({isOpen:!!u}),v=m.delayedIsOpen,D=m.requestOpen,C=m.requestClose,_="boolean"==typeof u;return n.jsx(r.Tooltip,e.__assign({},d,{open:v,onOpen:function(e){null==t||t(e),_||D()},onClose:function(e){null==l||l(e),_||C()},TransitionProps:e.__assign(e.__assign({},a),{timeout:0}),title:n.jsx(o.IsInsideDcFullscreenElemProvider,{children:c})}))};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),i=require("@material-ui/core"),t=require("react"),s=require("classnames"),l=require("../../components/DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js"),n=require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),o=require("./DcTooltip.js"),a=require("./Tooltip.scss.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(s),d={medium:a.medium,large:a.large};exports.Tooltip=function(s){var c=s.children,v=s.disabled,D=s.title,p=s.interactive,m=void 0===p||p,y=s.className,T=s.size,h=void 0===T?"medium":T,j=s.enterDelay,I=void 0===j?100:j,b=s.leaveDelay,q=void 0===b?0:b,f=s.enterTouchDelay,x=void 0===f?700:f,C=s.leaveTouchDelay,_=void 0===C?1500:C,N=s.enterNextDelay,A=void 0===N?0:N,P=e.__rest(s,["children","disabled","title","interactive","className","size","enterDelay","leaveDelay","enterTouchDelay","leaveTouchDelay","enterNextDelay"]),F=l.useIsInsideDcApp(),g=n.useIsInsideDcFullscreenElem(),E=F&&!g?o.DcTooltip:i.Tooltip,L=v||!D?"":r.jsx("div",{className:a.title,children:D}),z={disableFocusListener:v,disableHoverListener:v,disableTouchListener:v},M=t.useMemo((function(){return{popper:u.default(a.root,d[h],y)}}),[y,h]);return r.jsx(E,e.__assign({title:L,interactive:m,classes:M,enterDelay:I,leaveDelay:q,enterTouchDelay:x,leaveTouchDelay:_,enterNextDelay:A},z,P,{children:c}))};
@@ -0,0 +1 @@
1
+ "use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')('.Tooltip_root__A7khs .MuiTooltip-tooltip{max-width:500px;overflow:hidden;position:relative}.Tooltip_root__A7khs .MuiTooltip-tooltip:after,.Tooltip_root__A7khs .MuiTooltip-tooltip:before{content:"";position:absolute;z-index:1}.Tooltip_root__A7khs .MuiTooltip-tooltip:before{background:linear-gradient(180deg,var(--palette-background-b-10),rgb(from var(--palette-background-b-10) r g b/0));inset:0 0 auto 0}.Tooltip_root__A7khs .MuiTooltip-tooltip:after{background:linear-gradient(0deg,var(--palette-background-b-10),rgb(from var(--palette-background-b-10) r g b/0));inset:auto 0 0 0}.Tooltip_root__A7khs.Tooltip_medium__rFgAZ .MuiTooltip-tooltip{padding:0 8px}.Tooltip_root__A7khs.Tooltip_medium__rFgAZ .MuiTooltip-tooltip:after,.Tooltip_root__A7khs.Tooltip_medium__rFgAZ .MuiTooltip-tooltip:before{height:4px}.Tooltip_root__A7khs.Tooltip_medium__rFgAZ .MuiTooltip-tooltip .Tooltip_title__t24ci{padding:4px 0}.Tooltip_root__A7khs.Tooltip_large__-kb6k .MuiTooltip-tooltip{padding:0 8px}.Tooltip_root__A7khs.Tooltip_large__-kb6k .MuiTooltip-tooltip:after,.Tooltip_root__A7khs.Tooltip_large__-kb6k .MuiTooltip-tooltip:before{height:8px}.Tooltip_root__A7khs.Tooltip_large__-kb6k .MuiTooltip-tooltip .Tooltip_title__t24ci{padding:8px 0}.Tooltip_root__A7khs .Tooltip_title__t24ci{max-height:calc(100vh - 16px);overflow:auto;padding:4px 0}'),module.exports={spacing:"8",root:"Tooltip_root__A7khs",medium:"Tooltip_medium__rFgAZ",title:"Tooltip_title__t24ci",large:"Tooltip_large__-kb6k"};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Text/Text.js"),r=require("./Grid/Grid.js"),t=require("./Grid/Cell.js");exports.Text=e.Text,exports.Grid=r.Grid,exports.Cell=t.Cell;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Text/Text.js"),r=require("./Grid/Grid.js"),o=require("./Grid/Cell.js"),t=require("./Header/Header.js"),p=require("./Button/Button.js"),s=require("./ButtonIcon/ButtonIcon.js"),i=require("./Tooltip/Tooltip.js"),u=require("./Popover/Popover.js"),x=require("./Popover/DcPopover.js");exports.Text=e.Text,exports.Grid=r.Grid,exports.Cell=o.Cell,exports.Header=t.Header,exports.Button=p.Button,exports.ButtonIcon=s.ButtonIcon,exports.Tooltip=i.Tooltip,exports.Popover=u.Popover,exports.DcPopover=x.DcPopover;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("uuid"),n=require("../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js");require("../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),exports.useDelayedDcFullscreenElemOpen=function(s){var t=s.isOpen,o=e.useState(!1),u=o[0],i=o[1],c=n.useDcFullscreenElemsCoordinator(),l=c.requestOpen,d=c.requestClose,p=e.useState((function(){return r.v4()}))[0];return e.useEffect((function(){t?l({setIsOpened:i,id:p}):d({setIsOpened:i,id:p})}),[t]),e.useEffect((function(){return function(){d({setIsOpened:i,id:p},!0)}}),[]),{delayedIsOpen:u}};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("uuid"),n=require("../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js");require("../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),exports.useDelayedDcFullscreenElemOpen=function(t){var s=t.isOpen,o=e.useState(!1),u=o[0],i=o[1],c=n.useDcFullscreenElemsCoordinator(),d=c.requestOpen,l=c.requestClose,p=e.useState((function(){return r.v4()}))[0];return e.useEffect((function(){s?d({setIsOpened:i,id:p}):l({setIsOpened:i,id:p})}),[s]),e.useEffect((function(){return function(){l({setIsOpened:i,id:p},!0)}}),[]),{delayedIsOpen:u,requestOpen:function(){return d({setIsOpened:i,id:p})},requestClose:function(e){return l({setIsOpened:i,id:p},e)}}};
@@ -0,0 +1,20 @@
1
+ import { MouseEventHandler, ReactNode } from 'react';
2
+ export type ButtonProps = {
3
+ /**
4
+ * Content
5
+ */
6
+ children: ReactNode;
7
+ size?: 'small' | 'medium' | 'large';
8
+ disabled?: boolean;
9
+ /**
10
+ * Button visual style
11
+ */
12
+ type?: 'primary' | 'secondary' | 'primaryDestructive' | 'secondaryDestructive' | 'tertiary' | 'chart';
13
+ onClick?: MouseEventHandler<HTMLButtonElement>;
14
+ prefix?: ReactNode;
15
+ suffix?: ReactNode;
16
+ className?: string;
17
+ testId?: string;
18
+ };
19
+ export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
20
+ //# sourceMappingURL=Button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjE,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EACD,SAAS,GACT,WAAW,GACX,oBAAoB,GACpB,sBAAsB,GACtB,UAAU,GACV,OAAO,CAAC;IACZ,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,eAAO,MAAM,MAAM,2GAoClB,CAAC"}
@@ -0,0 +1 @@
1
+ import{__rest as r,__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{Button as a}from"@material-ui/core";import o from"classnames";import s from"./Button.scss.js";var c={primary:{variant:"contained",color:"primary"},secondary:{variant:"text",color:"primary"},primaryDestructive:{variant:"contained",color:"primary"},secondaryDestructive:{variant:"text",color:"primary"},tertiary:{variant:"text",color:"default"},chart:{variant:"text",color:"default"}},n={primaryDestructive:s.primaryDestructive,secondaryDestructive:s.secondaryDestructive,chart:s.chart},d=i((function(i,d){var m=i.children,l=i.onClick,p=i.size,u=void 0===p?"medium":p,f=i.type,v=void 0===f?"secondary":f,y=i.prefix,x=i.suffix,b=i.disabled,h=i.testId,D=i.className,I=r(i,["children","onClick","size","type","prefix","suffix","disabled","testId","className"]);return e(a,t({},c[v],{size:u,ref:d,disabled:b,className:o(s.root,n[v],b&&s.disabled,D),"data-testid":h,startIcon:y,endIcon:x,onClick:l},I,{children:m}))}));export{d as Button};
@@ -0,0 +1 @@
1
+ import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={spacing:"8",root:"Button_root__urTct",chart:"Button_chart__VtHxy",primaryDestructive:"Button_primaryDestructive__uzEdA",disabled:"Button_disabled__-IfQw",secondaryDestructive:"Button_secondaryDestructive__rpBj7"};t(".Button_root__urTct.MuiButton-root{backdrop-filter:blur(4px);transition:all .15s cubic-bezier(.4,0,.2,1);white-space:nowrap}.Button_root__urTct:not(.Button_chart__VtHxy){letter-spacing:1px}.Button_root__urTct.Button_primaryDestructive__uzEdA{background:var(--palette-error-dark)}.Button_root__urTct.Button_primaryDestructive__uzEdA:hover{background:var(--palette-error-main)}.Button_root__urTct.Button_primaryDestructive__uzEdA.Button_disabled__-IfQw{background:var(--palette-error-dark)}.Button_root__urTct.Button_secondaryDestructive__rpBj7{color:var(--palette-error-dark)}.Button_root__urTct.Button_secondaryDestructive__rpBj7:hover{background:rgb(from var(--palette-error-dark) r g b/.24);color:var(--palette-error-main)}.Button_root__urTct.Button_secondaryDestructive__rpBj7.Button_disabled__-IfQw{color:var(--palette-error-dark)}.Button_root__urTct.Button_chart__VtHxy{font-weight:400;letter-spacing:normal;text-transform:none}");export{r as default};
@@ -0,0 +1,11 @@
1
+ import { Meta } from '@storybook/react';
2
+ import { ComponentProps } from 'react';
3
+ import { Button } from './Button';
4
+ type Props = ComponentProps<typeof Button>;
5
+ declare const meta: Meta<Props>;
6
+ export default meta;
7
+ export declare const Default: (props: Props) => JSX.Element;
8
+ export declare const Type: () => JSX.Element;
9
+ export declare const Sizes: () => JSX.Element;
10
+ export declare const WithPrefixSuffix: () => JSX.Element;
11
+ //# sourceMappingURL=Button.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAkBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAA0B,CAAC;AAE/D,eAAO,MAAM,IAAI,mBAShB,CAAC;AAYF,eAAO,MAAM,KAAK,mBAYjB,CAAC;AAYF,eAAO,MAAM,gBAAgB,mBA2C5B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './Button';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
@@ -0,0 +1,18 @@
1
+ import { MouseEventHandler } from 'react';
2
+ export type ButtonIconProps = {
3
+ /**
4
+ * Content
5
+ */
6
+ children?: React.ReactNode;
7
+ onClick?: MouseEventHandler<HTMLButtonElement>;
8
+ size?: 'small' | 'medium' | 'large';
9
+ /**
10
+ * Button visual style
11
+ */
12
+ type?: 'primary' | 'secondary' | 'tertiary' | 'secondaryBg' | 'tertiaryBg';
13
+ disabled?: boolean;
14
+ className?: string;
15
+ testId?: string;
16
+ };
17
+ export declare const ButtonIcon: import("react").ForwardRefExoticComponent<ButtonIconProps & import("react").RefAttributes<HTMLButtonElement>>;
18
+ //# sourceMappingURL=ButtonIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ButtonIcon/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMtD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,aAAa,GAAG,YAAY,CAAC;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAgBF,eAAO,MAAM,UAAU,+GAsBtB,CAAC"}
@@ -0,0 +1 @@
1
+ import{__rest as r,__assign as e,__spreadArray as i}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import{IconButton as s}from"@material-ui/core";import o from"classnames";import m from"./ButtonIcon.scss.js";var d={large:m.large,medium:m.medium,small:m.small},l={primary:[m.primary],secondary:[m.secondary],tertiary:[m.tertiary],secondaryBg:[m.secondary,m.withBg],tertiaryBg:[m.tertiary,m.withBg]},c=a((function(a,c){var n=a.children,y=a.disabled,p=a.testId,u=a.className,f=a.onClick,b=a.type,g=void 0===b?"tertiary":b,h=a.size,v=void 0===h?"medium":h,B=r(a,["children","disabled","testId","className","onClick","type","size"]);return t(s,e({ref:c,className:o.apply(void 0,i(i([m.root,d[v]],l[g],!1),[y&&m.disabled,u],!1)),onClick:f,disabled:y,"data-testid":p},B,{children:n}))}));export{c as ButtonIcon};
@@ -0,0 +1 @@
1
+ import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"ButtonIcon_root__VO5jl",large:"ButtonIcon_large__2EddF",medium:"ButtonIcon_medium__-DRWs",small:"ButtonIcon_small__LVDfV",primary:"ButtonIcon_primary__V4ya6",disabled:"ButtonIcon_disabled__mWUEz",secondary:"ButtonIcon_secondary__8ReYC",tertiary:"ButtonIcon_tertiary__JUuwo",withBg:"ButtonIcon_withBg__ODNab"};o(".ButtonIcon_root__VO5jl.MuiIconButton-root{border-radius:8px;transition:all .15s cubic-bezier(.4,0,.2,1)}.ButtonIcon_root__VO5jl.MuiIconButton-root:hover{backdrop-filter:blur(4px);background:hsla(0,0%,100%,.16)}.ButtonIcon_root__VO5jl.ButtonIcon_large__2EddF{padding:8px}.ButtonIcon_root__VO5jl.ButtonIcon_large__2EddF svg{height:24px;width:24px}.ButtonIcon_root__VO5jl.ButtonIcon_medium__-DRWs{padding:6px}.ButtonIcon_root__VO5jl.ButtonIcon_medium__-DRWs svg{height:24px;width:24px}.ButtonIcon_root__VO5jl.ButtonIcon_small__LVDfV{padding:4px}.ButtonIcon_root__VO5jl.ButtonIcon_small__LVDfV svg{height:20px;width:20px}.ButtonIcon_root__VO5jl.ButtonIcon_primary__V4ya6{background:var(--palette-primary-main);color:var(--palette-background-b-2)}.ButtonIcon_root__VO5jl.ButtonIcon_primary__V4ya6:active,.ButtonIcon_root__VO5jl.ButtonIcon_primary__V4ya6:hover{background:var(--palette-primary-light)}.ButtonIcon_root__VO5jl.ButtonIcon_primary__V4ya6.ButtonIcon_disabled__mWUEz{background:rgb(from var(--palette-primary-main) r g b/.4);color:var(--palette-background-b-2)}.ButtonIcon_root__VO5jl.ButtonIcon_secondary__8ReYC{color:var(--palette-primary-main)}.ButtonIcon_root__VO5jl.ButtonIcon_secondary__8ReYC:active,.ButtonIcon_root__VO5jl.ButtonIcon_secondary__8ReYC:hover{color:var(--palette-primary-light)}.ButtonIcon_root__VO5jl.ButtonIcon_secondary__8ReYC.ButtonIcon_disabled__mWUEz{color:rgb(from var(--palette-primary-main) r g b/.4)}.ButtonIcon_root__VO5jl.ButtonIcon_tertiary__JUuwo{color:var(--palette-primary-text-6)}.ButtonIcon_root__VO5jl.ButtonIcon_tertiary__JUuwo:active,.ButtonIcon_root__VO5jl.ButtonIcon_tertiary__JUuwo:hover{color:var(--palette-primary-text-1)}.ButtonIcon_root__VO5jl.ButtonIcon_tertiary__JUuwo.ButtonIcon_disabled__mWUEz{color:var(--palette-primary-text-9)}.ButtonIcon_root__VO5jl.ButtonIcon_withBg__ODNab{background:hsla(0,0%,100%,.08)}.ButtonIcon_root__VO5jl.ButtonIcon_withBg__ODNab.ButtonIcon_disabled__mWUEz{background:hsla(0,0%,100%,.03)}");export{t as default};
@@ -0,0 +1,10 @@
1
+ import { Meta } from '@storybook/react';
2
+ import { ComponentProps } from 'react';
3
+ import { ButtonIcon } from './ButtonIcon';
4
+ type Props = ComponentProps<typeof ButtonIcon>;
5
+ declare const meta: Meta<Props>;
6
+ export default meta;
7
+ export declare const Default: (props: Props) => JSX.Element;
8
+ export declare const Sizes: () => JSX.Element;
9
+ export declare const Type: () => JSX.Element;
10
+ //# sourceMappingURL=ButtonIcon.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ButtonIcon/ButtonIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAYF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAInC,CAAC;AAEF,eAAO,MAAM,KAAK,mBAYjB,CAAC;AASF,eAAO,MAAM,IAAI,mBAkBhB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './ButtonIcon';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -0,0 +1,12 @@
1
+ import { ReactNode } from 'react';
2
+ export type HeaderProps = {
3
+ appearance: 'H1' | 'H2' | 'H3' | 'appName';
4
+ /**
5
+ * Content
6
+ */
7
+ children?: ReactNode;
8
+ className?: string;
9
+ testId?: string;
10
+ };
11
+ export declare const Header: ({ children, appearance, testId, className }: HeaderProps) => JSX.Element;
12
+ //# sourceMappingURL=Header.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOlC,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAyBF,eAAO,MAAM,MAAM,gDAAiD,WAAW,gBAQ9E,CAAC"}
@@ -0,0 +1 @@
1
+ import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as m}from"react/jsx-runtime";import t from"classnames";import{Text as s}from"../Text/Text.js";import a from"./Header.scss.js";var i={H1:{size:32,weight:"medium",tagName:"h1"},H2:{size:24,weight:"medium",tagName:"h2"},H3:{size:20,weight:"medium",tagName:"h3"},appName:{size:18,weight:"medium",tagName:"h4"}},r=function(r){var o=r.children,d=r.appearance,h=r.testId,p=r.className;return m(s,e({className:t(a.root,p)},i[d],{testId:h,children:o}))};export{r as Header};
@@ -0,0 +1 @@
1
+ import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={root:"Header_root__c1ZfD"};e(".Header_root__c1ZfD{margin:0}");export{o as default};
@@ -0,0 +1,8 @@
1
+ import { Meta } from '@storybook/react';
2
+ import { ComponentProps } from 'react';
3
+ import { Header } from './Header';
4
+ type Props = ComponentProps<typeof Header>;
5
+ declare const meta: Meta<Props>;
6
+ export default meta;
7
+ export declare const Default: (props: Props) => JSX.Element;
8
+ //# sourceMappingURL=Header.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Header.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Header/Header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAgBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAA0B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './Header';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { PopoverProps as MuiPopoverProps } from '@material-ui/core';
2
+ export declare const DcPopover: ({ children, open: openProp, ...otherProps }: MuiPopoverProps) => JSX.Element;
3
+ //# sourceMappingURL=DcPopover.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DcPopover.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/DcPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,YAAY,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAK3F,eAAO,MAAM,SAAS,gDAAiD,eAAe,gBAYrF,CAAC"}
@@ -0,0 +1 @@
1
+ import{__rest as e,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as n}from"react/jsx-runtime";import{Popover as o}from"@material-ui/core";import{useDelayedDcFullscreenElemOpen as i}from"../../effects/useDelayedDcFullscreenElemOpen.js";import{IsInsideDcFullscreenElemProvider as s}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";var t=function(t){var l=t.children,m=t.open,p=e(t,["children","open"]),c=i({isOpen:m}).delayedIsOpen;return n(o,r({},p,{open:c,TransitionProps:r(r({},p.TransitionProps),{enter:!0,exit:!1}),children:n(s,{children:l})}))};export{t as DcPopover};
@@ -0,0 +1,52 @@
1
+ import { ChangeEvent, ReactNode } from 'react';
2
+ export type PopoverProps = {
3
+ open: boolean;
4
+ /**
5
+ * The content of the component.
6
+ */
7
+ children?: ReactNode;
8
+ onClose?: (event: ChangeEvent<object>, reason: 'backdropClick' | 'escapeKeyDown') => void;
9
+ /**
10
+ * This is the point on the popover which will attach to the anchor's origin.
11
+ */
12
+ transformOrigin?: {
13
+ horizontal: 'center' | 'left' | 'right' | number;
14
+ vertical: 'bottom' | 'center' | 'top' | number;
15
+ };
16
+ className?: string;
17
+ } & ({
18
+ /**
19
+ * A HTML element, or a function that returns it. It's used to set the position of the popover.
20
+ *
21
+ * Mutually exclusive with `position`
22
+ *
23
+ * @default { vertical: 'top', horizontal: 'left' }
24
+ */
25
+ anchorEl: HTMLElement | (() => HTMLElement) | null;
26
+ /**
27
+ * This is the point on the anchor where the popover's anchorEl will attach to.
28
+ *
29
+ * Mutually exclusive with `position`
30
+ *
31
+ * @default { vertical: 'top', horizontal: 'left',}
32
+ */
33
+ anchorOrigin?: {
34
+ horizontal: 'center' | 'left' | 'right' | number;
35
+ vertical: 'bottom' | 'center' | 'top' | number;
36
+ };
37
+ position?: never;
38
+ } | {
39
+ /**
40
+ * Defines Popover's position relative to application's viewport.
41
+ *
42
+ * Mutually exclusive with `anchorEl` and `anchorOrigin` props
43
+ */
44
+ position: {
45
+ left: number;
46
+ top: number;
47
+ };
48
+ anchorEl?: never;
49
+ anchorOrigin?: never;
50
+ });
51
+ export declare const Popover: ({ children, open, onClose, transformOrigin, className, ...positionProps }: PopoverProps) => JSX.Element;
52
+ //# sourceMappingURL=Popover.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAQxD,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,eAAe,GAAG,eAAe,KAAK,IAAI,CAAC;IAE1F;;OAEG;IACH,eAAe,CAAC,EAAE;QAChB,UAAU,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;QACjD,QAAQ,EAAE,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;KAChD,CAAC;IAEF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,CACA;IACE;;;;;;OAMG;IACH,QAAQ,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,IAAI,CAAC;IACnD;;;;;;OAMG;IACH,YAAY,CAAC,EAAE;QACb,UAAU,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;QACjD,QAAQ,EAAE,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;KAChD,CAAC;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,GAGD;IACE;;;;OAIG;IACH,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CACJ,CAAC;AAQF,eAAO,MAAM,OAAO,8EAQjB,YAAY,gBA6Bd,CAAC"}
@@ -0,0 +1 @@
1
+ import{__rest as o,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import{Popover as n}from"@material-ui/core";import{useMemo as i}from"react";import{useIsInsideDcApp as t}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import{useIsInsideDcFullscreenElem as s}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{DcPopover as c}from"./DcPopover.js";var a=function(a){var p=a.children,l=a.open,m=a.onClose,f=a.transformOrigin,v=void 0===f?{vertical:"top",horizontal:"left"}:f,d=a.className,h=o(a,["children","open","onClose","transformOrigin","className"]),C=t(),u=s(),D=i((function(){return{paper:d}}),[d]),P=C&&!u?c:n,I="position"in h?{anchorReference:"anchorPosition",anchorPosition:h.position}:{anchorReference:"anchorEl",anchorEl:h.anchorEl,anchorOrigin:h.anchorOrigin||{vertical:"top",horizontal:"left"}};return e(P,r({open:l,transformOrigin:v,onClose:m,classes:D},I,{children:p}))};export{a as Popover};
@@ -0,0 +1,10 @@
1
+ import { ComponentProps } from 'react';
2
+ import { Meta } from '@storybook/react';
3
+ import { Popover } from './Popover';
4
+ type Props = ComponentProps<typeof Popover>;
5
+ declare const meta: Meta<Props>;
6
+ export default meta;
7
+ export declare const Default: (props: Omit<Props, "position">) => JSX.Element;
8
+ export declare const PositioningModes: () => JSX.Element;
9
+ export declare const AnchorPlayground: () => JSX.Element;
10
+ //# sourceMappingURL=Popover.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/Popover.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAUxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAgBpC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAkBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,gBAmBrD,CAAC;AAEF,eAAO,MAAM,gBAAgB,mBA+B5B,CAAC;AAUF,eAAO,MAAM,gBAAgB,mBAoI5B,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from './Popover';
2
+ export { DcPopover } from './DcPopover';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
@@ -15,5 +15,5 @@ export type TextProps = {
15
15
  className?: string;
16
16
  testId?: string;
17
17
  };
18
- export declare const Text: ({ children, size, weight, color, italic, tagName: TagName, className, testId, }: TextProps) => JSX.Element;
18
+ export declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<HTMLElement>>;
19
19
  //# sourceMappingURL=Text.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC7C,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IAEtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA2BF,eAAO,MAAM,IAAI,oFASd,SAAS,gBAgBX,CAAC"}
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC7C,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IAEtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA2BF,eAAO,MAAM,IAAI,mGAoChB,CAAC"}
@@ -1 +1 @@
1
- import{jsx as i}from"react/jsx-runtime";import o from"classnames";import e from"./Text.scss.js";var r={36:e.size_36,32:e.size_32,24:e.size_24,20:e.size_20,18:e.size_18,16:e.size_16,14:e.size_14,12:e.size_12},s={bold:e.bold,medium:e.medium,regular:e.regular},t={T1:e.color_t1,T6:e.color_t6,T7:e.color_t7,T8:e.color_t8,T9:e.color_t9},a=function(a){var l=a.children,c=a.size,m=void 0===c?16:c,d=a.weight,_=void 0===d?"regular":d,z=a.color,n=void 0===z?"T1":z,u=a.italic,v=void 0!==u&&u,T=a.tagName,g=void 0===T?"span":T,p=a.className,f=a.testId;return i(g,{className:o(e.root,r[m],s[_],t[n],v&&e.italic,p),"data-testid":f,children:l})};export{a as Text};
1
+ import{__rest as e,__assign as i}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o}from"react/jsx-runtime";import r from"classnames";import{forwardRef as t}from"react";import s from"./Text.scss.js";var a={36:s.size_36,32:s.size_32,24:s.size_24,20:s.size_20,18:s.size_18,16:s.size_16,14:s.size_14,12:s.size_12},l={bold:s.bold,medium:s.medium,regular:s.regular},m={T1:s.color_t1,T6:s.color_t6,T7:s.color_t7,T8:s.color_t8,T9:s.color_t9},c=t((function(t,c){var d=t.children,_=t.size,n=void 0===_?16:_,z=t.weight,u=void 0===z?"regular":z,f=t.color,g=void 0===f?"T1":f,p=t.italic,v=void 0!==p&&p,T=t.tagName,h=void 0===T?"span":T,N=t.className,b=t.testId,j=e(t,["children","size","weight","color","italic","tagName","className","testId"]);return o(h,i({ref:c,className:r(s.root,a[n],l[u],m[g],v&&s.italic,N),"data-testid":b},j,{children:d}))}));export{c as Text};
@@ -0,0 +1,11 @@
1
+ import { TooltipProps } from '@material-ui/core';
2
+ /**
3
+ * This is just a wrapper around MUI Tooltip component. It's only purpose it to call
4
+ * setIsFullscreenModalMode function (https://www.notion.so/corva/Dev-Center-apps-fullscreen-modals-924d8de0cb334c2eb6530081934d50b5)
5
+ * automatically to not make Corva users bother with calling it manually. It has exactly the same API as MUI Tooltip.
6
+ * This component should be used only inside of DC apps.
7
+ * In other cases, regular MUI tooltip should be the choice.
8
+ * Read https://dc-docs.qa.corva.ai/docs/Frontend/App%20Basics/App%20Fullscreen%20Modals/ for more info
9
+ */
10
+ export declare const DcTooltip: ({ onOpen: onOpenProp, onClose: onCloseProp, open: openProp, title: titleProp, TransitionProps, ...rest }: TooltipProps) => JSX.Element;
11
+ //# sourceMappingURL=DcTooltip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DcTooltip.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Tooltip/DcTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAU1D;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,6GAOnB,YAAY,gBAsDd,CAAC"}
@@ -0,0 +1 @@
1
+ import{__rest as e,__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as n}from"react/jsx-runtime";import{Tooltip as r}from"@material-ui/core";import"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import{IsInsideDcFullscreenElemProvider as t}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{useDelayedDcFullscreenElemOpen as s}from"../../effects/useDelayedDcFullscreenElemOpen.js";var i=function(i){var l=i.onOpen,p=i.onClose,m=i.open,c=i.title,u=i.TransitionProps,a=void 0===u?{}:u,d=e(i,["onOpen","onClose","open","title","TransitionProps"]),C=s({isOpen:!!m}),f=C.delayedIsOpen,v=C.requestOpen,D=C.requestClose,O="boolean"==typeof m;return n(r,o({},d,{open:f,onOpen:function(e){null==l||l(e),O||v()},onClose:function(e){null==p||p(e),O||D()},TransitionProps:o(o({},a),{timeout:0}),title:n(t,{children:c})}))};export{i as DcTooltip};
@@ -0,0 +1,71 @@
1
+ import { TooltipProps as MuiTooltipProps } from '@material-ui/core';
2
+ import { ChangeEvent, ReactElement, ReactNode } from 'react';
3
+ export type TooltipProps = {
4
+ /**
5
+ * Tooltip title. Zero-length string titles are never displayed.
6
+ */
7
+ title: ReactNode;
8
+ /**
9
+ * Element to position a tooltip to.
10
+ *
11
+ * ⚠️ Has to be a *single* reffable child (use `forwardRef` for custom components)
12
+ */
13
+ children: ReactElement;
14
+ /**
15
+ * Controls the size of the tooltip's paddings
16
+ */
17
+ size?: 'medium' | 'large';
18
+ /**
19
+ * Tooltip placement. Positions a tooltip dynamically if undefined
20
+ */
21
+ placement?: MuiTooltipProps['placement'];
22
+ /**
23
+ * Disables the tooltip
24
+ */
25
+ disabled?: boolean;
26
+ /**
27
+ * If `true`, the tooltip is shown. Used to programmatically control the tooltip
28
+ */
29
+ open?: boolean;
30
+ /**
31
+ * Callback fired when the component requests to be open.
32
+ */
33
+ onOpen?: (event: ChangeEvent<object>) => void;
34
+ /**
35
+ * Callback fired when the component requests to be closed.
36
+ */
37
+ onClose?: (event: ChangeEvent<object>) => void;
38
+ /**
39
+ * The number of milliseconds to wait before showing the tooltip.
40
+ * This prop won't impact the enter touch delay (`enterTouchDelay`).
41
+ */
42
+ enterDelay?: number;
43
+ /**
44
+ * The number of milliseconds a user must touch the element before showing the tooltip.
45
+ */
46
+ enterTouchDelay?: number;
47
+ /**
48
+ * The number of milliseconds to wait before showing the tooltip when one was already recently opened.
49
+ */
50
+ enterNextDelay?: number;
51
+ /**
52
+ * Makes a tooltip interactive, i.e. will not close when the user
53
+ * hovers over the tooltip before the `leaveDelay` is expired.
54
+ */
55
+ interactive?: boolean;
56
+ /**
57
+ * The number of milliseconds to wait before hiding the tooltip.
58
+ * This prop won't impact the leave touch delay (`leaveTouchDelay`).
59
+ */
60
+ leaveDelay?: number;
61
+ /**
62
+ * The number of milliseconds after the user stops touching an element before hiding the tooltip.
63
+ */
64
+ leaveTouchDelay?: number;
65
+ /**
66
+ * Will be applied to tooltip container
67
+ */
68
+ className?: string;
69
+ };
70
+ export declare const Tooltip: ({ children, disabled, title, interactive, className, size, enterDelay, leaveDelay, enterTouchDelay, leaveTouchDelay, enterNextDelay, ...rest }: TooltipProps) => JSX.Element;
71
+ //# sourceMappingURL=Tooltip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,YAAY,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAWtE,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,QAAQ,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAE/C;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAOF,eAAO,MAAM,OAAO,mJAajB,YAAY,gBAkCd,CAAC"}
@@ -0,0 +1 @@
1
+ import{__rest as e,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o}from"react/jsx-runtime";import{Tooltip as i}from"@material-ui/core";import{useMemo as t}from"react";import l from"classnames";import{useIsInsideDcApp as a}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import{useIsInsideDcFullscreenElem as n}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{DcTooltip as s}from"./DcTooltip.js";import c from"./Tooltip.scss.js";var m={medium:c.medium,large:c.large},d=function(d){var p=d.children,v=d.disabled,D=d.title,u=d.interactive,y=void 0===u||u,f=d.className,h=d.size,T=void 0===h?"medium":h,b=d.enterDelay,C=void 0===b?100:b,j=d.leaveDelay,I=void 0===j?0:j,N=d.enterTouchDelay,x=void 0===N?700:N,A=d.leaveTouchDelay,P=void 0===A?1500:A,F=d.enterNextDelay,L=void 0===F?0:F,g=e(d,["children","disabled","title","interactive","className","size","enterDelay","leaveDelay","enterTouchDelay","leaveTouchDelay","enterNextDelay"]),z=a(),E=n(),H=z&&!E?s:i,_=v||!D?"":o("div",{className:c.title,children:D}),k={disableFocusListener:v,disableHoverListener:v,disableTouchListener:v},q=t((function(){return{popper:l(c.root,m[T],f)}}),[f,T]);return o(H,r({title:_,interactive:y,classes:q,enterDelay:C,leaveDelay:I,enterTouchDelay:x,leaveTouchDelay:P,enterNextDelay:L},k,g,{children:p}))};export{d as Tooltip};
@@ -0,0 +1 @@
1
+ import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"Tooltip_root__A7khs",medium:"Tooltip_medium__rFgAZ",title:"Tooltip_title__t24ci",large:"Tooltip_large__-kb6k"};o('.Tooltip_root__A7khs .MuiTooltip-tooltip{max-width:500px;overflow:hidden;position:relative}.Tooltip_root__A7khs .MuiTooltip-tooltip:after,.Tooltip_root__A7khs .MuiTooltip-tooltip:before{content:"";position:absolute;z-index:1}.Tooltip_root__A7khs .MuiTooltip-tooltip:before{background:linear-gradient(180deg,var(--palette-background-b-10),rgb(from var(--palette-background-b-10) r g b/0));inset:0 0 auto 0}.Tooltip_root__A7khs .MuiTooltip-tooltip:after{background:linear-gradient(0deg,var(--palette-background-b-10),rgb(from var(--palette-background-b-10) r g b/0));inset:auto 0 0 0}.Tooltip_root__A7khs.Tooltip_medium__rFgAZ .MuiTooltip-tooltip{padding:0 8px}.Tooltip_root__A7khs.Tooltip_medium__rFgAZ .MuiTooltip-tooltip:after,.Tooltip_root__A7khs.Tooltip_medium__rFgAZ .MuiTooltip-tooltip:before{height:4px}.Tooltip_root__A7khs.Tooltip_medium__rFgAZ .MuiTooltip-tooltip .Tooltip_title__t24ci{padding:4px 0}.Tooltip_root__A7khs.Tooltip_large__-kb6k .MuiTooltip-tooltip{padding:0 8px}.Tooltip_root__A7khs.Tooltip_large__-kb6k .MuiTooltip-tooltip:after,.Tooltip_root__A7khs.Tooltip_large__-kb6k .MuiTooltip-tooltip:before{height:8px}.Tooltip_root__A7khs.Tooltip_large__-kb6k .MuiTooltip-tooltip .Tooltip_title__t24ci{padding:8px 0}.Tooltip_root__A7khs .Tooltip_title__t24ci{max-height:calc(100vh - 16px);overflow:auto;padding:4px 0}');export{t as default};
@@ -0,0 +1,12 @@
1
+ import { Meta } from '@storybook/react';
2
+ import { ComponentProps } from 'react';
3
+ import { Tooltip } from './Tooltip';
4
+ type Props = ComponentProps<typeof Tooltip>;
5
+ declare const meta: Meta<Props>;
6
+ export default meta;
7
+ export declare const Default: (props: Props) => JSX.Element;
8
+ export declare const Sizes: () => JSX.Element;
9
+ export declare const BigContent: () => JSX.Element;
10
+ export declare const ControlledTooltip: () => JSX.Element;
11
+ export declare const Compatibility: () => JSX.Element;
12
+ //# sourceMappingURL=Tooltip.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AASjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAiBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAInC,CAAC;AAEF,eAAO,MAAM,KAAK,mBASjB,CAAC;AAQF,eAAO,MAAM,UAAU,mBAItB,CAAC;AAKF,eAAO,MAAM,iBAAiB,mBAY7B,CAAC;AAKF,eAAO,MAAM,aAAa,mBAwBzB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './Tooltip';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
@@ -1,3 +1,8 @@
1
1
  export * from './Text';
2
2
  export * from './Grid';
3
+ export * from './Header';
4
+ export * from './Button';
5
+ export * from './ButtonIcon';
6
+ export * from './Tooltip';
7
+ export * from './Popover';
3
8
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/componentsV2/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/componentsV2/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}
@@ -1 +1 @@
1
- export{Text}from"./Text/Text.js";export{Grid}from"./Grid/Grid.js";export{Cell}from"./Grid/Cell.js";
1
+ export{Text}from"./Text/Text.js";export{Grid}from"./Grid/Grid.js";export{Cell}from"./Grid/Cell.js";export{Header}from"./Header/Header.js";export{Button}from"./Button/Button.js";export{ButtonIcon}from"./ButtonIcon/ButtonIcon.js";export{Tooltip}from"./Tooltip/Tooltip.js";export{Popover}from"./Popover/Popover.js";export{DcPopover}from"./Popover/DcPopover.js";
@@ -3,6 +3,8 @@ interface Props {
3
3
  }
4
4
  export declare function useDelayedDcFullscreenElemOpen({ isOpen }: Props): {
5
5
  delayedIsOpen: boolean;
6
+ requestOpen: () => void;
7
+ requestClose: (isUnmount?: boolean) => void;
6
8
  };
7
9
  export {};
8
10
  //# sourceMappingURL=useDelayedDcFullscreenElemOpen.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useDelayedDcFullscreenElemOpen.d.ts","sourceRoot":"","sources":["../../src/effects/useDelayedDcFullscreenElemOpen.tsx"],"names":[],"mappings":"AAIA,UAAU,KAAK;IACb,MAAM,EAAE,OAAO,CAAC;CACjB;AASD,wBAAgB,8BAA8B,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;;EAuB/D"}
1
+ {"version":3,"file":"useDelayedDcFullscreenElemOpen.d.ts","sourceRoot":"","sources":["../../src/effects/useDelayedDcFullscreenElemOpen.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,MAAM,EAAE,OAAO,CAAC;CACjB;AASD,wBAAgB,8BAA8B,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;;;+BAuBjC,OAAO;EAGrC"}
@@ -1 +1 @@
1
- import{useState as e,useEffect as n}from"react";import{v4 as r}from"uuid";import{useDcFullscreenElemsCoordinator as o}from"../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";function t(t){var s=t.isOpen,i=e(!1),p=i[0],c=i[1],d=o(),u=d.requestOpen,m=d.requestClose,l=e((function(){return r()}))[0];return n((function(){s?u({setIsOpened:c,id:l}):m({setIsOpened:c,id:l})}),[s]),n((function(){return function(){m({setIsOpened:c,id:l},!0)}}),[]),{delayedIsOpen:p}}export{t as useDelayedDcFullscreenElemOpen};
1
+ import{useState as e,useEffect as n}from"react";import{v4 as r}from"uuid";import{useDcFullscreenElemsCoordinator as o}from"../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";function t(t){var s=t.isOpen,i=e(!1),p=i[0],u=i[1],d=o(),c=d.requestOpen,l=d.requestClose,m=e((function(){return r()}))[0];return n((function(){s?c({setIsOpened:u,id:m}):l({setIsOpened:u,id:m})}),[s]),n((function(){return function(){l({setIsOpened:u,id:m},!0)}}),[]),{delayedIsOpen:p,requestOpen:function(){return c({setIsOpened:u,id:m})},requestClose:function(e){return l({setIsOpened:u,id:m},e)}}}export{t as useDelayedDcFullscreenElemOpen};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@corva/ui",
3
- "version": "0.99.0-3",
3
+ "version": "0.99.0-5",
4
4
  "description": "Shared components/utils for Corva ui projects",
5
5
  "keywords": [
6
6
  "corva-ui"
@@ -41,10 +41,10 @@
41
41
  "*.js": [
42
42
  "eslint --fix"
43
43
  ],
44
- "*.ts": [
44
+ "src/componentsV2/**/*.ts": [
45
45
  "eslint --fix"
46
46
  ],
47
- "*.tsx": [
47
+ "src/componentsV2/**/*.tsx": [
48
48
  "eslint --fix"
49
49
  ]
50
50
  },
@@ -7,7 +7,11 @@ export declare const SbRow: ({ children, alignItems, }: {
7
7
  children?: ReactNode;
8
8
  alignItems?: CSSProperties["alignItems"];
9
9
  }) => JSX.Element;
10
- export declare const SbPlaceholder: ({ children }: {
11
- children: ReactNode;
12
- }) => JSX.Element;
10
+ type SbPlaceholderProps = {
11
+ children?: ReactNode;
12
+ className?: string;
13
+ onClick?: () => void;
14
+ };
15
+ export declare const SbPlaceholder: import("react").ForwardRefExoticComponent<SbPlaceholderProps & import("react").RefAttributes<any>>;
16
+ export {};
13
17
  //# sourceMappingURL=components.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/storyBookHelpers/components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjD,eAAO,MAAM,QAAQ,8BAGlB;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CAC1C,gBAIA,CAAC;AAEF,eAAO,MAAM,KAAK,8BAGf;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CAC1C,gBAIA,CAAC;AAEF,eAAO,MAAM,aAAa,iBAAkB;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,gBAIlE,CAAC"}
1
+ {"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/storyBookHelpers/components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,aAAa,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAO5F,eAAO,MAAM,QAAQ,8BAGlB;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CAC1C,gBAIA,CAAC;AAEF,eAAO,MAAM,KAAK,8BAGf;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CAC1C,gBAIA,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,oGAiBzB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Template.stories.d.ts","sourceRoot":"","sources":["../../../src/storyBookHelpers/template/Template.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,QAAA,MAAM,SAAS,UAAW,GAAG,gBAAkB,CAAC;AAEhD,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AASF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAA6B,CAAC"}
1
+ {"version":3,"file":"Template.stories.d.ts","sourceRoot":"","sources":["../../../src/storyBookHelpers/template/Template.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,QAAA,MAAM,SAAS,UAAW,GAAG,gBAAkB,CAAC;AAEhD,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAWF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAA6B,CAAC"}
@@ -48,7 +48,8 @@ type PartialStory = {
48
48
  description?: string;
49
49
  fullWidth?: boolean;
50
50
  background?: Background;
51
+ showCodeSource?: boolean;
51
52
  };
52
- export declare const mutateStory: (story: StoryFn, { name, description, fullWidth, background }: PartialStory) => void;
53
+ export declare const mutateStory: (story: StoryFn, { name, description, fullWidth, background, showCodeSource }: PartialStory) => void;
53
54
  export {};
54
55
  //# sourceMappingURL=utils.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/storyBookHelpers/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,eAAe,cACf;IAAE,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EAAE,mBACxC;IAAE,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,OAAO,CAAA;CAAE;;;;;kBAO5B,UAAU,QARd,GAAG,EAAE,KAAK,GAAG,CAQc;;;;kBAAvB,UAAU,QARd,GAAG,EAAE,KAAK,GAAG,CAQc;;;CAatD,CAAC;AAEF,KAAK,SAAS,GAAG,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC;IAAE,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AACvE,KAAK,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AACzD,KAAK,gBAAgB,GAAG,eAAe,GAAG,UAAU,GAAG,WAAW,CAAC;AAEnE,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAC9C,MAAM,CAAC,gBAAgB,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,SAAS,CAiDvD,CAAC;AAIF,KAAK,iBAAiB,CAAC,CAAC,SAAS,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IACtE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,SAAS,SAAS,aAAa,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAC7E,IAAI,CAAC,SAAS,CAAC,SACd,iBAAiB,CAAC,SAAS,CAAC,SA2CpC,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,WAAW,UACf,OAAO,gDACgC,YAAY,SAY3D,CAAC"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/storyBookHelpers/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,eAAe,cACf;IAAE,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EAAE,mBACxC;IAAE,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,OAAO,CAAA;CAAE;;;;;kBAO5B,UAAU,QARd,GAAG,EAAE,KAAK,GAAG,CAQc;;;;kBAAvB,UAAU,QARd,GAAG,EAAE,KAAK,GAAG,CAQc;;;CAatD,CAAC;AAEF,KAAK,SAAS,GAAG,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC;IAAE,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AACvE,KAAK,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AACzD,KAAK,gBAAgB,GAAG,eAAe,GAAG,UAAU,GAAG,WAAW,CAAC;AAEnE,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAC9C,MAAM,CAAC,gBAAgB,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,SAAS,CAiDvD,CAAC;AAIF,KAAK,iBAAiB,CAAC,CAAC,SAAS,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IACtE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,SAAS,SAAS,aAAa,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAC7E,IAAI,CAAC,SAAS,CAAC,SACd,iBAAiB,CAAC,SAAS,CAAC,SA2CpC,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,WAAW,UACf,OAAO,gEACgD,YAAY,SAa3E,CAAC"}