@corva/ui 0.99.0-4 → 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.
- package/cjs-bundle/componentsV2/Button/Button.js +1 -0
- package/cjs-bundle/componentsV2/Button/Button.scss.js +1 -0
- package/cjs-bundle/componentsV2/ButtonIcon/ButtonIcon.js +1 -0
- package/cjs-bundle/componentsV2/ButtonIcon/ButtonIcon.scss.js +1 -0
- package/cjs-bundle/componentsV2/Header/Header.js +1 -0
- package/cjs-bundle/componentsV2/Header/Header.scss.js +1 -0
- package/cjs-bundle/componentsV2/Popover/DcPopover.js +1 -0
- package/cjs-bundle/componentsV2/Popover/Popover.js +1 -0
- package/cjs-bundle/componentsV2/Text/Text.js +1 -1
- package/cjs-bundle/componentsV2/Tooltip/DcTooltip.js +1 -0
- package/cjs-bundle/componentsV2/Tooltip/Tooltip.js +1 -0
- package/cjs-bundle/componentsV2/Tooltip/Tooltip.scss.js +1 -0
- package/cjs-bundle/componentsV2/index.js +1 -1
- package/cjs-bundle/effects/useDelayedDcFullscreenElemOpen.js +1 -1
- package/componentsV2/Button/Button.d.ts +20 -0
- package/componentsV2/Button/Button.d.ts.map +1 -0
- package/componentsV2/Button/Button.js +1 -0
- package/componentsV2/Button/Button.scss.js +1 -0
- package/componentsV2/Button/Button.stories.d.ts +11 -0
- package/componentsV2/Button/Button.stories.d.ts.map +1 -0
- package/componentsV2/Button/index.d.ts +2 -0
- package/componentsV2/Button/index.d.ts.map +1 -0
- package/componentsV2/ButtonIcon/ButtonIcon.d.ts +18 -0
- package/componentsV2/ButtonIcon/ButtonIcon.d.ts.map +1 -0
- package/componentsV2/ButtonIcon/ButtonIcon.js +1 -0
- package/componentsV2/ButtonIcon/ButtonIcon.scss.js +1 -0
- package/componentsV2/ButtonIcon/ButtonIcon.stories.d.ts +10 -0
- package/componentsV2/ButtonIcon/ButtonIcon.stories.d.ts.map +1 -0
- package/componentsV2/ButtonIcon/index.d.ts +2 -0
- package/componentsV2/ButtonIcon/index.d.ts.map +1 -0
- package/componentsV2/Header/Header.d.ts +12 -0
- package/componentsV2/Header/Header.d.ts.map +1 -0
- package/componentsV2/Header/Header.js +1 -0
- package/componentsV2/Header/Header.scss.js +1 -0
- package/componentsV2/Header/Header.stories.d.ts +8 -0
- package/componentsV2/Header/Header.stories.d.ts.map +1 -0
- package/componentsV2/Header/index.d.ts +2 -0
- package/componentsV2/Header/index.d.ts.map +1 -0
- package/componentsV2/Popover/DcPopover.d.ts +3 -0
- package/componentsV2/Popover/DcPopover.d.ts.map +1 -0
- package/componentsV2/Popover/DcPopover.js +1 -0
- package/componentsV2/Popover/Popover.d.ts +52 -0
- package/componentsV2/Popover/Popover.d.ts.map +1 -0
- package/componentsV2/Popover/Popover.js +1 -0
- package/componentsV2/Popover/Popover.stories.d.ts +10 -0
- package/componentsV2/Popover/Popover.stories.d.ts.map +1 -0
- package/componentsV2/Popover/index.d.ts +3 -0
- package/componentsV2/Popover/index.d.ts.map +1 -0
- package/componentsV2/Text/Text.d.ts +1 -1
- package/componentsV2/Text/Text.d.ts.map +1 -1
- package/componentsV2/Text/Text.js +1 -1
- package/componentsV2/Tooltip/DcTooltip.d.ts +11 -0
- package/componentsV2/Tooltip/DcTooltip.d.ts.map +1 -0
- package/componentsV2/Tooltip/DcTooltip.js +1 -0
- package/componentsV2/Tooltip/Tooltip.d.ts +71 -0
- package/componentsV2/Tooltip/Tooltip.d.ts.map +1 -0
- package/componentsV2/Tooltip/Tooltip.js +1 -0
- package/componentsV2/Tooltip/Tooltip.scss.js +1 -0
- package/componentsV2/Tooltip/Tooltip.stories.d.ts +12 -0
- package/componentsV2/Tooltip/Tooltip.stories.d.ts.map +1 -0
- package/componentsV2/Tooltip/index.d.ts +2 -0
- package/componentsV2/Tooltip/index.d.ts.map +1 -0
- package/componentsV2/index.d.ts +5 -0
- package/componentsV2/index.d.ts.map +1 -1
- package/componentsV2/index.js +1 -1
- package/effects/useDelayedDcFullscreenElemOpen.d.ts +2 -0
- package/effects/useDelayedDcFullscreenElemOpen.d.ts.map +1 -1
- package/effects/useDelayedDcFullscreenElemOpen.js +1 -1
- package/package.json +1 -1
- package/storyBookHelpers/components.d.ts +7 -3
- package/storyBookHelpers/components.d.ts.map +1 -1
- package/storyBookHelpers/template/Template.stories.d.ts.map +1 -1
- package/storyBookHelpers/utils.d.ts +2 -1
- 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"),
|
|
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"),
|
|
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(
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -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 @@
|
|
|
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: (
|
|
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,
|
|
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{
|
|
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 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
|
package/componentsV2/index.d.ts
CHANGED
|
@@ -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"}
|
package/componentsV2/index.js
CHANGED
|
@@ -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":"
|
|
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],
|
|
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
|
@@ -7,7 +7,11 @@ export declare const SbRow: ({ children, alignItems, }: {
|
|
|
7
7
|
children?: ReactNode;
|
|
8
8
|
alignItems?: CSSProperties["alignItems"];
|
|
9
9
|
}) => JSX.Element;
|
|
10
|
-
|
|
11
|
-
children
|
|
12
|
-
|
|
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,
|
|
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;
|
|
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;
|
|
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"}
|