@corva/ui 0.100.0-28 → 0.100.0-29
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/components/RealTimeValuesSidebar/SidebarFooter.js +1 -1
- package/cjs-bundle/componentsV2/ButtonLive/ButtonLive.js +1 -0
- package/cjs-bundle/componentsV2/ButtonLive/ButtonLive.scss.js +1 -0
- package/cjs-bundle/componentsV2/IndicatorLive/IndicatorLive.js +1 -0
- package/cjs-bundle/componentsV2/IndicatorLive/IndicatorLive.scss.js +1 -0
- package/cjs-bundle/componentsV2/LiveDotIndicator/LiveDotIndicator.js +1 -0
- package/cjs-bundle/componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js +1 -0
- package/cjs-bundle/componentsV2/index.js +1 -1
- package/components/RealTimeValuesSidebar/SidebarFooter.js +1 -1
- package/componentsV2/ButtonLive/ButtonLive.d.ts +15 -0
- package/componentsV2/ButtonLive/ButtonLive.d.ts.map +1 -0
- package/componentsV2/ButtonLive/ButtonLive.js +1 -0
- package/componentsV2/ButtonLive/ButtonLive.scss.js +1 -0
- package/componentsV2/ButtonLive/ButtonLive.stories.d.ts +11 -0
- package/componentsV2/ButtonLive/ButtonLive.stories.d.ts.map +1 -0
- package/componentsV2/ButtonLive/index.d.ts +2 -0
- package/componentsV2/ButtonLive/index.d.ts.map +1 -0
- package/componentsV2/IndicatorLive/IndicatorLive.d.ts +14 -0
- package/componentsV2/IndicatorLive/IndicatorLive.d.ts.map +1 -0
- package/componentsV2/IndicatorLive/IndicatorLive.js +1 -0
- package/componentsV2/IndicatorLive/IndicatorLive.scss.js +1 -0
- package/componentsV2/IndicatorLive/IndicatorLive.stories.d.ts +12 -0
- package/componentsV2/IndicatorLive/IndicatorLive.stories.d.ts.map +1 -0
- package/componentsV2/IndicatorLive/index.d.ts +2 -0
- package/componentsV2/IndicatorLive/index.d.ts.map +1 -0
- package/componentsV2/LiveDotIndicator/LiveDotIndicator.d.ts +7 -0
- package/componentsV2/LiveDotIndicator/LiveDotIndicator.d.ts.map +1 -0
- package/componentsV2/LiveDotIndicator/LiveDotIndicator.js +1 -0
- package/componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js +1 -0
- package/componentsV2/LiveDotIndicator/index.d.ts +2 -0
- package/componentsV2/LiveDotIndicator/index.d.ts.map +1 -0
- package/componentsV2/index.d.ts +2 -0
- package/componentsV2/index.d.ts.map +1 -1
- package/componentsV2/index.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),o=require("react"),s=require("classnames"),r=require("@material-ui/core"),n=require("../IconButton/index.js"),i=require("../../icons/iconParkIcons.js");require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Grid.scss.js"),require("../../componentsV2/Header/Header.scss.js"),require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js");var t=require("../../componentsV2/Tooltip/Tooltip.js");require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("../../componentsV2/TextInput/TextInput.js"),require("lodash"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/Avatar/constants.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.scss.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("uuid"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js");var c=require("./RealTimeSidebarContext.js"),a=require("./enums.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=u(s),l=r.makeStyles((function(e){return{button:{fontSize:14,fontWeight:500},buttonIcon:{fontSize:24,marginRight:8},closedButton:{marginBottom:"78px",zIndex:1e3},rtSidebarFooter:{position:"absolute",right:0,"&.vertical":{left:0,bottom:0},"&.horizontal":{top:0}},rtSidebarFooterIcon:{color:e.palette.primary.text6},rtSidebarFooterActions:{display:"flex",paddingRight:"5px",alignItems:"center",height:48,width:48,padding:6,"&.horizontal":{flexDirection:"row-reverse"}},actionButton:{padding:12,height:36,width:36},openToggleContainer:{alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,padding:6,position:"absolute",width:"100%",justifyContent:"flex-start",paddingRight:6},collapseTooltip:{marginTop:-8},expandTooltip:{marginTop:-48}}}));var p=o.memo((function(s){var u=s.onSidebarOpened,p=s.onSidebarClosed,m=l(),j=o.useContext(c),q=j.isSidebarOpen,I=j.orientation,x=j.handleOpenCloseDialog;return e.jsx("div",{className:d.default(m.rtSidebarFooter,I),"data-testid":"sidebar_footer",children:q?e.jsx(r.Box,{className:m.openToggleContainer,children:e.jsx(t.Tooltip,{title:"Collapse",className:m.collapseTooltip,children:e.jsxs("div",{className:d.default(m.rtSidebarFooterActions,I),children:[e.jsx(n,{"data-testid":"sidebar_close_button",onClick:p,className:m.actionButton,children:I===a.ORIENTATIONS.vertical?e.jsx(i.RightIcon,{}):e.jsx(i.UpIcon,{className:m.rtSidebarFooterIcon})}),I===a.ORIENTATIONS.horizontal&&e.jsx(n,{color:"primary",tooltipProps:{title:"Add"},onClick:function(){return x(!0)},className:m.actionButton,children:e.jsx(i.PlusIcon,{})})]})})}):e.jsx(t.Tooltip,{title:"Expand",className:m.expandTooltip,children:e.jsx("div",{className:d.default(m.rtSidebarFooterActions,I),children:e.jsx(n,{onClick:u,"data-testid":"sidebar_open_button",className:d.default(m.closedButton,m.actionButton),children:I===a.ORIENTATIONS.vertical?e.jsx(i.LeftIcon,{}):e.jsx(i.DownIcon,{})})})})})}));module.exports=p;
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),o=require("react"),s=require("classnames"),r=require("@material-ui/core"),n=require("../IconButton/index.js"),i=require("../../icons/iconParkIcons.js");require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Grid.scss.js"),require("../../componentsV2/Header/Header.scss.js"),require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js");var t=require("../../componentsV2/Tooltip/Tooltip.js");require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("../../componentsV2/TextInput/TextInput.js"),require("lodash"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/Avatar/constants.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.scss.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("uuid"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.scss.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js");var c=require("./RealTimeSidebarContext.js"),a=require("./enums.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=u(s),l=r.makeStyles((function(e){return{button:{fontSize:14,fontWeight:500},buttonIcon:{fontSize:24,marginRight:8},closedButton:{marginBottom:"78px",zIndex:1e3},rtSidebarFooter:{position:"absolute",right:0,"&.vertical":{left:0,bottom:0},"&.horizontal":{top:0}},rtSidebarFooterIcon:{color:e.palette.primary.text6},rtSidebarFooterActions:{display:"flex",paddingRight:"5px",alignItems:"center",height:48,width:48,padding:6,"&.horizontal":{flexDirection:"row-reverse"}},actionButton:{padding:12,height:36,width:36},openToggleContainer:{alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,padding:6,position:"absolute",width:"100%",justifyContent:"flex-start",paddingRight:6},collapseTooltip:{marginTop:-8},expandTooltip:{marginTop:-48}}}));var p=o.memo((function(s){var u=s.onSidebarOpened,p=s.onSidebarClosed,m=l(),j=o.useContext(c),q=j.isSidebarOpen,I=j.orientation,x=j.handleOpenCloseDialog;return e.jsx("div",{className:d.default(m.rtSidebarFooter,I),"data-testid":"sidebar_footer",children:q?e.jsx(r.Box,{className:m.openToggleContainer,children:e.jsx(t.Tooltip,{title:"Collapse",className:m.collapseTooltip,children:e.jsxs("div",{className:d.default(m.rtSidebarFooterActions,I),children:[e.jsx(n,{"data-testid":"sidebar_close_button",onClick:p,className:m.actionButton,children:I===a.ORIENTATIONS.vertical?e.jsx(i.RightIcon,{}):e.jsx(i.UpIcon,{className:m.rtSidebarFooterIcon})}),I===a.ORIENTATIONS.horizontal&&e.jsx(n,{color:"primary",tooltipProps:{title:"Add"},onClick:function(){return x(!0)},className:m.actionButton,children:e.jsx(i.PlusIcon,{})})]})})}):e.jsx(t.Tooltip,{title:"Expand",className:m.expandTooltip,children:e.jsx("div",{className:d.default(m.rtSidebarFooterActions,I),children:e.jsx(n,{onClick:u,"data-testid":"sidebar_open_button",className:d.default(m.closedButton,m.actionButton),children:I===a.ORIENTATIONS.vertical?e.jsx(i.LeftIcon,{}):e.jsx(i.DownIcon,{})})})})})}));module.exports=p;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require('./../../ext-esm/tslib/tslib.es6.js'),e=require("react/jsx-runtime"),o=require("react"),i=require("classnames"),c=require("../Button/Button.js"),r=require("../Tooltip/Tooltip.js"),n=require("./ButtonLive.scss.js"),t=require("../../icons/iconParkIcons.js");function u(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js");var l=u(i),a={large:n.large,medium:n.medium,small:n.small},m=o.forwardRef((function(o,i){var u=o.children,m=void 0===u?"Live":u,d=o.tooltip,j=void 0===d?"Go to Live data":d,q=o.size,I=void 0===q?"medium":q,p=o.className,h=s.__rest(o,["children","tooltip","size","className"]);return e.jsx(r.Tooltip,{title:j,disabled:!j,placement:"bottom-start",children:e.jsx(c.Button,s.__assign({className:l.default(n.root,a[I],p),size:I,ref:i,type:"tertiary",prefix:e.jsx(t.ArrowRightIcon,{})},h,{children:m}))})}));exports.ButtonLive=m;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".ButtonLive_root__V4wR- .MuiButton-root{background-color:rgb(from var(--palette-primary-text-1) r g b/.08);color:var(--palette-primary-text-1);letter-spacing:.25px;min-width:auto;text-transform:none}.ButtonLive_root__V4wR- .MuiButton-root:hover{background-color:rgb(from var(--palette-primary-text-1) r g b/.16)}.ButtonLive_root__V4wR- .MuiButton-root .MuiButton-startIcon{margin:0 4px 0 0!important}.ButtonLive_large__E-yTX .MuiButton-root,.ButtonLive_medium__-weBK .MuiButton-root{padding-left:16px;padding-right:16px}.ButtonLive_large__E-yTX .MuiButton-root{font-size:18px}.ButtonLive_medium__-weBK .MuiButton-root{font-size:16px}.ButtonLive_small__qD6iE .MuiButton-root{font-size:16px;padding-left:8px;padding-right:8px}"),module.exports={spacing:"8",root:"ButtonLive_root__V4wR-",large:"ButtonLive_large__E-yTX",medium:"ButtonLive_medium__-weBK",small:"ButtonLive_small__qD6iE"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("classnames"),i=require("../LiveDotIndicator/LiveDotIndicator.js"),r=require("../Text/Text.js"),s=require("../Tooltip/Tooltip.js"),a=require("./IndicatorLive.scss.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(t),l={large:a.large,medium:a.medium,small:a.small},c={buttonLike:a.buttonLike,indicator:a.indicator},d={large:18,medium:16,small:16},u={live:a.live,offline:a.offline},m=function(t,i){return"live"===t?"Data receiving in real-time":e.jsxs(e.Fragment,{children:["Asset isn’t Live",i&&e.jsxs(e.Fragment,{children:[e.jsx("br",{}),"Last active: ",i]})]})};exports.IndicatorLive=function(t){var o=t.className,v=t.testId,j=t.children,f=void 0===j?"Live":j,x=t.state,L=t.size,p=void 0===L?"medium":L,b=t.type,I=void 0===b?"buttonLike":b,g=t.lastActive;return e.jsx(s.Tooltip,{title:m(x,g),placement:"bottom-start",children:e.jsxs(r.Text,{className:n.default(a.root,l[p],c[I],u[x],o),"data-testId":v,size:d[p],children:[f,e.jsx(i.LiveDotIndicator,{state:x,className:a.dot})]})})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".IndicatorLive_root__--DHt{align-content:center;align-items:flex-start;display:inline-flex;flex-flow:row wrap;font-weight:500;gap:4px;letter-spacing:.25px;vertical-align:middle}.IndicatorLive_dot__qMIhs{margin-top:2px}.IndicatorLive_live__IHHpQ{color:var(--palette-success-bright)}.IndicatorLive_offline__6tiUw{color:var(--palette-primary-text-7)}.IndicatorLive_buttonLike__wZYy0{background:rgb(from var(--palette-primary-text-1) r g b/.03);border-radius:8px}.IndicatorLive_buttonLike__wZYy0.IndicatorLive_offline__6tiUw{color:var(--palette-primary-text-6)}.IndicatorLive_buttonLike__wZYy0.IndicatorLive_large__t3Osl{height:40px;padding:0 24px}.IndicatorLive_buttonLike__wZYy0.IndicatorLive_medium__0Xr7T{height:36px;padding:0 24px}.IndicatorLive_buttonLike__wZYy0.IndicatorLive_small__ZBant{height:32px;padding:0 14px}.IndicatorLive_indicator__HZqBU{padding:0 4px}"),module.exports={spacing:"8",root:"IndicatorLive_root__--DHt",dot:"IndicatorLive_dot__qMIhs",live:"IndicatorLive_live__IHHpQ",offline:"IndicatorLive_offline__6tiUw",buttonLike:"IndicatorLive_buttonLike__wZYy0",large:"IndicatorLive_large__t3Osl",medium:"IndicatorLive_medium__0Xr7T",small:"IndicatorLive_small__ZBant",indicator:"IndicatorLive_indicator__HZqBU"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("classnames"),r=require("./LiveDotIndicator.scss.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(t),i={live:r.live,offline:r.offline};exports.LiveDotIndicator=function(t){var s=t.state,o=t.className,n=t.testId;return e.jsx("div",{"data-testid":n,className:a.default(r.root,i[s],o)})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')('.LiveDotIndicator_root__9o2vz{display:inline-block;padding:2px;vertical-align:middle}.LiveDotIndicator_root__9o2vz:before{border-radius:50%;content:"";display:block;height:4px;width:4px}.LiveDotIndicator_live__2lXWs:before{animation:LiveDotIndicator_LivePulseShadow__s1BQN 3.25s cubic-bezier(.215,.61,.355,1) infinite,LiveDotIndicator_LivePulseBg__gZC8F 3.25s cubic-bezier(.455,.03,.515,.955) -.4s infinite;background:var(--palette-success-bright)}.LiveDotIndicator_offline__1W-4D:before{background:var(--palette-background-b-9);box-shadow:0 0 0 2px rgb(from var(--palette-background-b-9) r g b/.4)}@keyframes LiveDotIndicator_LivePulseShadow__s1BQN{0%{box-shadow:0 0 0 0 rgb(from var(--palette-success-bright) r g b/0)}50%{box-shadow:0 0 0 2px rgb(from var(--palette-success-bright) r g b/.5)}to{box-shadow:0 0 0 5px rgb(from var(--palette-success-bright) r g b/0)}}@keyframes LiveDotIndicator_LivePulseBg__gZC8F{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}'),module.exports={spacing:"8",root:"LiveDotIndicator_root__9o2vz",live:"LiveDotIndicator_live__2lXWs",LivePulseShadow:"LiveDotIndicator_LivePulseShadow__s1BQN",LivePulseBg:"LiveDotIndicator_LivePulseBg__gZC8F",offline:"LiveDotIndicator_offline__1W-4D"};
|
|
@@ -1 +1 @@
|
|
|
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"),
|
|
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"),i=require("./Button/Button.js"),u=require("./ButtonIcon/ButtonIcon.js"),s=require("./Tooltip/Tooltip.js"),p=require("./Popover/Popover.js"),a=require("./Radio/Radio.js"),d=require("./RadioGroup/RadioGroup.js"),n=require("./Checkbox/Checkbox.js"),x=require("./CheckboxGroup/CheckboxGroup.js"),c=require("./TextInput/TextInput.js"),T=require("./TextEndTruncated/TextEndTruncated.js"),C=require("./TextMiddleTruncated/TextMiddleTruncated.js"),j=require("./TextLink/TextLink.js"),q=require("./LoaderCircular/LoaderCircular.js"),l=require("./Chip/Chip.js"),B=require("./ChipAlert/ChipAlert.js"),v=require("./ChipIndicator/ChipIndicator.js"),h=require("./Avatar/Avatar.js"),G=require("./AvatarGroup/AvatarGroup.js"),g=require("./ToggleButtons/ToggleButtons.js"),A=require("./Paper/Paper.js"),I=require("./Modal/Modal.js"),L=require("./Menu/Menu.js"),b=require("./Counter/Counter.js"),M=require("./BadgeCounter/BadgeCounter.js"),k=require("./BadgeDot/BadgeDot.js"),P=require("./ButtonLive/ButtonLive.js"),R=require("./IndicatorLive/IndicatorLive.js"),m=require("./Accordion/Accordion.js"),D=require("./Breadcrumbs/Breadcrumbs.js");exports.Text=e.Text,exports.Grid=r.Grid,exports.Cell=o.Cell,exports.Header=t.Header,exports.Button=i.Button,exports.ButtonIcon=u.ButtonIcon,exports.Tooltip=s.Tooltip,exports.Popover=p.Popover,exports.Radio=a.Radio,exports.RadioGroup=d.RadioGroup,exports.Checkbox=n.Checkbox,exports.CheckboxGroup=x.CheckboxGroup,exports.TextInput=c.TextInput,exports.TextEndTruncated=T.TextEndTruncated,exports.TextMiddleTruncated=C.TextMiddleTruncated,exports.TextLink=j.TextLink,exports.LoaderCircular=q.LoaderCircular,exports.Chip=l.Chip,exports.ChipAlert=B.ChipAlert,exports.ChipIndicator=v.ChipIndicator,exports.Avatar=h.Avatar,exports.AvatarGroup=G.AvatarGroup,exports.ToggleButtons=g.ToggleButtons,exports.Paper=A.Paper,exports.Modal=I.Modal,exports.Menu=L.Menu,exports.Counter=b.Counter,exports.BadgeCounter=M.BadgeCounter,exports.BadgeDot=k.BadgeDot,exports.ButtonLive=P.ButtonLive,exports.IndicatorLive=R.IndicatorLive,exports.Accordion=m.Accordion,exports.Breadcrumbs=D.Breadcrumbs;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o,jsxs as t}from"react/jsx-runtime";import{memo as s,useContext as n}from"react";import e from"classnames";import{makeStyles as i,Box as r}from"@material-ui/core";import c from"../IconButton/index.js";import{RightIcon as p,UpIcon as m,PlusIcon as a,LeftIcon as d,DownIcon as l}from"../../icons/iconParkIcons.js";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Grid.scss.js";import"../../componentsV2/Header/Header.scss.js";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as u}from"../../componentsV2/Tooltip/Tooltip.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/Radio/Radio.js";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"../../componentsV2/TextInput/TextInput.js";import"lodash";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/Avatar/constants.js";import"../../componentsV2/AvatarGroup/AvatarGroup.scss.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"uuid";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../componentsV2/Menu/Menu.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import j from"./RealTimeSidebarContext.js";import{ORIENTATIONS as
|
|
1
|
+
import{jsx as o,jsxs as t}from"react/jsx-runtime";import{memo as s,useContext as n}from"react";import e from"classnames";import{makeStyles as i,Box as r}from"@material-ui/core";import c from"../IconButton/index.js";import{RightIcon as p,UpIcon as m,PlusIcon as a,LeftIcon as d,DownIcon as l}from"../../icons/iconParkIcons.js";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Grid.scss.js";import"../../componentsV2/Header/Header.scss.js";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as u}from"../../componentsV2/Tooltip/Tooltip.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/Radio/Radio.js";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"../../componentsV2/TextInput/TextInput.js";import"lodash";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/Avatar/constants.js";import"../../componentsV2/AvatarGroup/AvatarGroup.scss.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"uuid";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../componentsV2/Menu/Menu.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js";import"../../componentsV2/IndicatorLive/IndicatorLive.scss.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import j from"./RealTimeSidebarContext.js";import{ORIENTATIONS as I}from"./enums.js";var h=i((function(o){return{button:{fontSize:14,fontWeight:500},buttonIcon:{fontSize:24,marginRight:8},closedButton:{marginBottom:"78px",zIndex:1e3},rtSidebarFooter:{position:"absolute",right:0,"&.vertical":{left:0,bottom:0},"&.horizontal":{top:0}},rtSidebarFooterIcon:{color:o.palette.primary.text6},rtSidebarFooterActions:{display:"flex",paddingRight:"5px",alignItems:"center",height:48,width:48,padding:6,"&.horizontal":{flexDirection:"row-reverse"}},actionButton:{padding:12,height:36,width:36},openToggleContainer:{alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,padding:6,position:"absolute",width:"100%",justifyContent:"flex-start",paddingRight:6},collapseTooltip:{marginTop:-8},expandTooltip:{marginTop:-48}}}));var C=s((function(s){var i=s.onSidebarOpened,C=s.onSidebarClosed,v=h(),b=n(j),x=b.isSidebarOpen,g=b.orientation,V=b.handleOpenCloseDialog;return o("div",{className:e(v.rtSidebarFooter,g),"data-testid":"sidebar_footer",children:x?o(r,{className:v.openToggleContainer,children:o(u,{title:"Collapse",className:v.collapseTooltip,children:t("div",{className:e(v.rtSidebarFooterActions,g),children:[o(c,{"data-testid":"sidebar_close_button",onClick:C,className:v.actionButton,children:g===I.vertical?o(p,{}):o(m,{className:v.rtSidebarFooterIcon})}),g===I.horizontal&&o(c,{color:"primary",tooltipProps:{title:"Add"},onClick:function(){return V(!0)},className:v.actionButton,children:o(a,{})})]})})}):o(u,{title:"Expand",className:v.expandTooltip,children:o("div",{className:e(v.rtSidebarFooterActions,g),children:o(c,{onClick:i,"data-testid":"sidebar_open_button",className:e(v.closedButton,v.actionButton),children:g===I.vertical?o(d,{}):o(l,{})})})})})}));export{C as default};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { MouseEventHandler, ReactNode } from 'react';
|
|
2
|
+
export type ButtonLiveProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Content
|
|
5
|
+
*/
|
|
6
|
+
children?: ReactNode;
|
|
7
|
+
size?: 'small' | 'medium' | 'large';
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
10
|
+
tooltip?: ReactNode;
|
|
11
|
+
className?: string;
|
|
12
|
+
testId?: string;
|
|
13
|
+
};
|
|
14
|
+
export declare const ButtonLive: import("react").ForwardRefExoticComponent<ButtonLiveProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
15
|
+
//# sourceMappingURL=ButtonLive.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonLive.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ButtonLive/ButtonLive.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUjE,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAQF,eAAO,MAAM,UAAU,+GAoBtB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as o,__assign as s}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as i}from"react/jsx-runtime";import{forwardRef as c}from"react";import t from"classnames";import{Button as n}from"../Button/Button.js";import{Tooltip as m}from"../Tooltip/Tooltip.js";import r from"./ButtonLive.scss.js";import{ArrowRightIcon as e}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";var p={large:r.large,medium:r.medium,small:r.small},l=c((function(c,l){var u=c.children,a=void 0===u?"Live":u,d=c.tooltip,j=void 0===d?"Go to Live data":d,I=c.size,h=void 0===I?"medium":I,f=c.className,b=o(c,["children","tooltip","size","className"]);return i(m,{title:j,disabled:!j,placement:"bottom-start",children:i(n,s({className:t(r.root,p[h],f),size:h,ref:l,type:"tertiary",prefix:i(e,{})},b,{children:a}))})}));export{l as ButtonLive};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={spacing:"8",root:"ButtonLive_root__V4wR-",large:"ButtonLive_large__E-yTX",medium:"ButtonLive_medium__-weBK",small:"ButtonLive_small__qD6iE"};t(".ButtonLive_root__V4wR- .MuiButton-root{background-color:rgb(from var(--palette-primary-text-1) r g b/.08);color:var(--palette-primary-text-1);letter-spacing:.25px;min-width:auto;text-transform:none}.ButtonLive_root__V4wR- .MuiButton-root:hover{background-color:rgb(from var(--palette-primary-text-1) r g b/.16)}.ButtonLive_root__V4wR- .MuiButton-root .MuiButton-startIcon{margin:0 4px 0 0!important}.ButtonLive_large__E-yTX .MuiButton-root,.ButtonLive_medium__-weBK .MuiButton-root{padding-left:16px;padding-right:16px}.ButtonLive_large__E-yTX .MuiButton-root{font-size:18px}.ButtonLive_medium__-weBK .MuiButton-root{font-size:16px}.ButtonLive_small__qD6iE .MuiButton-root{font-size:16px;padding-left:8px;padding-right:8px}");export{o as default};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { ButtonLive } from './ButtonLive';
|
|
4
|
+
type Props = ComponentProps<typeof ButtonLive>;
|
|
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 Tooltip: () => JSX.Element;
|
|
10
|
+
export declare const WithIndicator: () => JSX.Element;
|
|
11
|
+
//# sourceMappingURL=ButtonLive.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonLive.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ButtonLive/ButtonLive.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAgBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAA8B,CAAC;AAEnE,eAAO,MAAM,KAAK,mBAMjB,CAAC;AASF,eAAO,MAAM,OAAO,mBAKnB,CAAC;AAMF,eAAO,MAAM,aAAa,mBAgBzB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ButtonLive/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type IndicatorLiveProps = {
|
|
2
|
+
state: 'live' | 'offline';
|
|
3
|
+
type?: 'buttonLike' | 'indicator';
|
|
4
|
+
/**
|
|
5
|
+
* Content
|
|
6
|
+
*/
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
size?: 'small' | 'medium' | 'large';
|
|
9
|
+
lastActive?: string;
|
|
10
|
+
className?: string;
|
|
11
|
+
testId?: string;
|
|
12
|
+
};
|
|
13
|
+
export declare const IndicatorLive: ({ className, testId, children, state, size, type, lastActive, }: IndicatorLiveProps) => JSX.Element;
|
|
14
|
+
//# sourceMappingURL=IndicatorLive.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IndicatorLive.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/IndicatorLive/IndicatorLive.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA6CF,eAAO,MAAM,aAAa,oEAQvB,kBAAkB,gBAoBpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as t,jsxs as e,Fragment as i}from"react/jsx-runtime";import o from"classnames";import{LiveDotIndicator as r}from"../LiveDotIndicator/LiveDotIndicator.js";import{Text as a}from"../Text/Text.js";import{Tooltip as s}from"../Tooltip/Tooltip.js";import m from"./IndicatorLive.scss.js";var l={large:m.large,medium:m.medium,small:m.small},n={buttonLike:m.buttonLike,indicator:m.indicator},c={large:18,medium:16,small:16},d={live:m.live,offline:m.offline},v=function(o,r){return"live"===o?"Data receiving in real-time":e(i,{children:["Asset isn’t Live",r&&e(i,{children:[t("br",{}),"Last active: ",r]})]})},f=function(i){var f=i.className,u=i.testId,p=i.children,L=void 0===p?"Live":p,b=i.state,h=i.size,j=void 0===h?"medium":h,I=i.type,g=void 0===I?"buttonLike":I,x=i.lastActive;return t(s,{title:v(b,x),placement:"bottom-start",children:e(a,{className:o(m.root,l[j],n[g],d[b],f),"data-testId":u,size:c[j],children:[L,t(r,{state:b,className:m.dot})]})})};export{f as IndicatorLive};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import i from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"IndicatorLive_root__--DHt",dot:"IndicatorLive_dot__qMIhs",live:"IndicatorLive_live__IHHpQ",offline:"IndicatorLive_offline__6tiUw",buttonLike:"IndicatorLive_buttonLike__wZYy0",large:"IndicatorLive_large__t3Osl",medium:"IndicatorLive_medium__0Xr7T",small:"IndicatorLive_small__ZBant",indicator:"IndicatorLive_indicator__HZqBU"};i(".IndicatorLive_root__--DHt{align-content:center;align-items:flex-start;display:inline-flex;flex-flow:row wrap;font-weight:500;gap:4px;letter-spacing:.25px;vertical-align:middle}.IndicatorLive_dot__qMIhs{margin-top:2px}.IndicatorLive_live__IHHpQ{color:var(--palette-success-bright)}.IndicatorLive_offline__6tiUw{color:var(--palette-primary-text-7)}.IndicatorLive_buttonLike__wZYy0{background:rgb(from var(--palette-primary-text-1) r g b/.03);border-radius:8px}.IndicatorLive_buttonLike__wZYy0.IndicatorLive_offline__6tiUw{color:var(--palette-primary-text-6)}.IndicatorLive_buttonLike__wZYy0.IndicatorLive_large__t3Osl{height:40px;padding:0 24px}.IndicatorLive_buttonLike__wZYy0.IndicatorLive_medium__0Xr7T{height:36px;padding:0 24px}.IndicatorLive_buttonLike__wZYy0.IndicatorLive_small__ZBant{height:32px;padding:0 14px}.IndicatorLive_indicator__HZqBU{padding:0 4px}");export{t as default};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { IndicatorLive } from './IndicatorLive';
|
|
4
|
+
type Props = ComponentProps<typeof IndicatorLive>;
|
|
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 States: () => JSX.Element;
|
|
10
|
+
export declare const Types: () => JSX.Element;
|
|
11
|
+
export declare const IntegratedTooltip: () => JSX.Element;
|
|
12
|
+
//# sourceMappingURL=IndicatorLive.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IndicatorLive.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/IndicatorLive/IndicatorLive.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAElD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAeF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAAiC,CAAC;AAEtE,eAAO,MAAM,KAAK,mBAMjB,CAAC;AASF,eAAO,MAAM,MAAM,mBAKlB,CAAC;AAQF,eAAO,MAAM,KAAK,mBAKjB,CAAC;AAQF,eAAO,MAAM,iBAAiB,mBAiB7B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/IndicatorLive/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export type LiveDotIndicatorProps = {
|
|
2
|
+
state: 'live' | 'offline';
|
|
3
|
+
className?: string;
|
|
4
|
+
testId?: string;
|
|
5
|
+
};
|
|
6
|
+
export declare const LiveDotIndicator: ({ state, className, testId }: LiveDotIndicatorProps) => JSX.Element;
|
|
7
|
+
//# sourceMappingURL=LiveDotIndicator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LiveDotIndicator.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/LiveDotIndicator/LiveDotIndicator.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAOF,eAAO,MAAM,gBAAgB,iCAAkC,qBAAqB,gBAKnF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import e from"classnames";import r from"./LiveDotIndicator.scss.js";var s={live:r.live,offline:r.offline},o=function(o){var a=o.state,i=o.className,m=o.testId;return t("div",{"data-testid":m,className:e(r.root,s[a],i)})};export{o as LiveDotIndicator};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={spacing:"8",root:"LiveDotIndicator_root__9o2vz",live:"LiveDotIndicator_live__2lXWs",LivePulseShadow:"LiveDotIndicator_LivePulseShadow__s1BQN",LivePulseBg:"LiveDotIndicator_LivePulseBg__gZC8F",offline:"LiveDotIndicator_offline__1W-4D"};e('.LiveDotIndicator_root__9o2vz{display:inline-block;padding:2px;vertical-align:middle}.LiveDotIndicator_root__9o2vz:before{border-radius:50%;content:"";display:block;height:4px;width:4px}.LiveDotIndicator_live__2lXWs:before{animation:LiveDotIndicator_LivePulseShadow__s1BQN 3.25s cubic-bezier(.215,.61,.355,1) infinite,LiveDotIndicator_LivePulseBg__gZC8F 3.25s cubic-bezier(.455,.03,.515,.955) -.4s infinite;background:var(--palette-success-bright)}.LiveDotIndicator_offline__1W-4D:before{background:var(--palette-background-b-9);box-shadow:0 0 0 2px rgb(from var(--palette-background-b-9) r g b/.4)}@keyframes LiveDotIndicator_LivePulseShadow__s1BQN{0%{box-shadow:0 0 0 0 rgb(from var(--palette-success-bright) r g b/0)}50%{box-shadow:0 0 0 2px rgb(from var(--palette-success-bright) r g b/.5)}to{box-shadow:0 0 0 5px rgb(from var(--palette-success-bright) r g b/0)}}@keyframes LiveDotIndicator_LivePulseBg__gZC8F{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}');export{o as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/LiveDotIndicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
package/componentsV2/index.d.ts
CHANGED
|
@@ -26,6 +26,8 @@ export * from './Menu';
|
|
|
26
26
|
export * from './Counter';
|
|
27
27
|
export * from './BadgeCounter';
|
|
28
28
|
export * from './BadgeDot';
|
|
29
|
+
export * from './ButtonLive';
|
|
30
|
+
export * from './IndicatorLive';
|
|
29
31
|
export * from './Accordion';
|
|
30
32
|
export * from './Breadcrumbs';
|
|
31
33
|
//# 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;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,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;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,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";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{Radio}from"./Radio/Radio.js";export{RadioGroup}from"./RadioGroup/RadioGroup.js";export{Checkbox}from"./Checkbox/Checkbox.js";export{CheckboxGroup}from"./CheckboxGroup/CheckboxGroup.js";export{TextInput}from"./TextInput/TextInput.js";export{TextEndTruncated}from"./TextEndTruncated/TextEndTruncated.js";export{TextMiddleTruncated}from"./TextMiddleTruncated/TextMiddleTruncated.js";export{TextLink}from"./TextLink/TextLink.js";export{LoaderCircular}from"./LoaderCircular/LoaderCircular.js";export{Chip}from"./Chip/Chip.js";export{ChipAlert}from"./ChipAlert/ChipAlert.js";export{ChipIndicator}from"./ChipIndicator/ChipIndicator.js";export{Avatar}from"./Avatar/Avatar.js";export{AvatarGroup}from"./AvatarGroup/AvatarGroup.js";export{ToggleButtons}from"./ToggleButtons/ToggleButtons.js";export{Paper}from"./Paper/Paper.js";export{Modal}from"./Modal/Modal.js";export{Menu}from"./Menu/Menu.js";export{Counter}from"./Counter/Counter.js";export{BadgeCounter}from"./BadgeCounter/BadgeCounter.js";export{BadgeDot}from"./BadgeDot/BadgeDot.js";export{Accordion}from"./Accordion/Accordion.js";export{Breadcrumbs}from"./Breadcrumbs/Breadcrumbs.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{Radio}from"./Radio/Radio.js";export{RadioGroup}from"./RadioGroup/RadioGroup.js";export{Checkbox}from"./Checkbox/Checkbox.js";export{CheckboxGroup}from"./CheckboxGroup/CheckboxGroup.js";export{TextInput}from"./TextInput/TextInput.js";export{TextEndTruncated}from"./TextEndTruncated/TextEndTruncated.js";export{TextMiddleTruncated}from"./TextMiddleTruncated/TextMiddleTruncated.js";export{TextLink}from"./TextLink/TextLink.js";export{LoaderCircular}from"./LoaderCircular/LoaderCircular.js";export{Chip}from"./Chip/Chip.js";export{ChipAlert}from"./ChipAlert/ChipAlert.js";export{ChipIndicator}from"./ChipIndicator/ChipIndicator.js";export{Avatar}from"./Avatar/Avatar.js";export{AvatarGroup}from"./AvatarGroup/AvatarGroup.js";export{ToggleButtons}from"./ToggleButtons/ToggleButtons.js";export{Paper}from"./Paper/Paper.js";export{Modal}from"./Modal/Modal.js";export{Menu}from"./Menu/Menu.js";export{Counter}from"./Counter/Counter.js";export{BadgeCounter}from"./BadgeCounter/BadgeCounter.js";export{BadgeDot}from"./BadgeDot/BadgeDot.js";export{ButtonLive}from"./ButtonLive/ButtonLive.js";export{IndicatorLive}from"./IndicatorLive/IndicatorLive.js";export{Accordion}from"./Accordion/Accordion.js";export{Breadcrumbs}from"./Breadcrumbs/Breadcrumbs.js";
|