@corva/ui 0.100.0-25 → 0.100.0-26
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/Avatar/constants.js +1 -1
- package/cjs-bundle/componentsV2/AvatarGroup/AvatarGroup.js +1 -0
- package/cjs-bundle/componentsV2/AvatarGroup/AvatarGroup.scss.js +1 -0
- package/cjs-bundle/componentsV2/index.js +1 -1
- package/components/RealTimeValuesSidebar/SidebarFooter.js +1 -1
- package/componentsV2/Avatar/constants.js +1 -1
- package/componentsV2/AvatarGroup/AvatarGroup.d.ts +14 -0
- package/componentsV2/AvatarGroup/AvatarGroup.d.ts.map +1 -0
- package/componentsV2/AvatarGroup/AvatarGroup.js +1 -0
- package/componentsV2/AvatarGroup/AvatarGroup.scss.js +1 -0
- package/componentsV2/AvatarGroup/AvatarGroup.stories.d.ts +10 -0
- package/componentsV2/AvatarGroup/AvatarGroup.stories.d.ts.map +1 -0
- package/componentsV2/AvatarGroup/index.d.ts +2 -0
- package/componentsV2/AvatarGroup/index.d.ts.map +1 -0
- package/componentsV2/index.d.ts +1 -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"),
|
|
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");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 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../utils/main.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../utils/main.js"),t=["#5F47A4","#9078C8","#DC74FD","#F695B5","#CB4F4F","#896F65","#F3AE96","#EE7850","#DDAE67","#A6CA72","#62893D","#91C9C4","#38818D","#77B5F1","#3F4C99","#919DA4"],r={0:0,24:12,32:14,40:16,48:20,128:64,200:80},n=Object.entries(r).map((function(e){var t=e[0],r=e[1];return[Number(t),r]})).sort((function(e,t){return e[0]-t[0]})).map((function(e){return{size:e[0],fontSize:e[1]}}));exports.ColorsArray=t,exports.SizeToFontSizeMap=r,exports.getColor=function(r){void 0===r&&(r="");var n=Math.abs(e.hashCode(r));return t[n%t.length]},exports.getFontSize=function(e){if(r[e])return r[e];var t=n.findIndex((function(t,r,n){var i=t.size;return e>i&&r<n.length-1&&e<n[r+1].size}));if(t<0)return e<n[0].size?n[0].fontSize:n.slice(-1)[0].fontSize;var i=n[t],o=n[t+1],s=(e-i.size)/(o.size-i.size);return i.fontSize+(o.fontSize-i.fontSize)*s};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),t=require("react"),s=require("react/jsx-runtime"),r=require("classnames"),a=require("../Avatar/Avatar.js"),i=require("../Avatar/constants.js"),o=require("../Tooltip/Tooltip.js"),l=require("./AvatarGroup.scss.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=n(r);exports.AvatarGroup=function(r){var n=r.testId,c=r.className,d=r.max,m=void 0===d?5:d,v=r.items,p=void 0===v?[]:v,f=r.size,j=void 0===f?40:f,x=r.disableTooltips,q=m<1?1:m,b=t.useMemo((function(){return{"--size":"".concat(j,"px"),fontSize:"".concat(i.getFontSize(j),"px")}}),[j]);return s.jsxs("div",{className:u.default(c,l.root),"data-testid":n,style:b,children:[p.length>q&&s.jsxs("div",{className:u.default(l.masked,l.more),children:["+",p.length-q]}),p.slice(0,q).reverse().map((function(r,i){var n=t.createElement(a.Avatar,e.__assign({},r,{size:j,key:i,className:u.default(l.masked,r.className)}));return s.jsx(o.Tooltip,{title:r.name,disabled:x,children:n},i)}))]})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".AvatarGroup_root__f26bg{align-items:center;display:inline-flex;flex-flow:row-reverse nowrap}.AvatarGroup_masked__eVVHr{position:relative}.AvatarGroup_masked__eVVHr:not(:last-child){margin-left:-8px;mask:radial-gradient(calc(var(--size)/2 + 2px) at calc(var(--size)/-2 + 8px) 50%,transparent 98%,#000)}.AvatarGroup_more__Qg2Si{background:var(--palette-background-b-7);border-radius:50%;color:var(--palette-primary-text-1);font-weight:500;height:var(--size);line-height:var(--size);text-align:center;width:var(--size)}"),module.exports={spacing:"8",root:"AvatarGroup_root__f26bg",masked:"AvatarGroup_masked__eVVHr",more:"AvatarGroup_more__Qg2Si"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Text/Text.js"),r=require("./Grid/Grid.js"),t=require("./Grid/Cell.js"),o=require("./Header/Header.js"),u=require("./Button/Button.js"),i=require("./ButtonIcon/ButtonIcon.js"),p=require("./Tooltip/Tooltip.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Text/Text.js"),r=require("./Grid/Grid.js"),t=require("./Grid/Cell.js"),o=require("./Header/Header.js"),u=require("./Button/Button.js"),i=require("./ButtonIcon/ButtonIcon.js"),p=require("./Tooltip/Tooltip.js"),a=require("./Popover/Popover.js"),s=require("./Radio/Radio.js"),d=require("./RadioGroup/RadioGroup.js"),x=require("./Checkbox/Checkbox.js"),n=require("./CheckboxGroup/CheckboxGroup.js"),T=require("./TextInput/TextInput.js"),C=require("./TextEndTruncated/TextEndTruncated.js"),l=require("./TextMiddleTruncated/TextMiddleTruncated.js"),c=require("./TextLink/TextLink.js"),j=require("./LoaderCircular/LoaderCircular.js"),q=require("./Chip/Chip.js"),h=require("./ChipAlert/ChipAlert.js"),B=require("./ChipIndicator/ChipIndicator.js"),G=require("./Avatar/Avatar.js"),g=require("./AvatarGroup/AvatarGroup.js"),v=require("./ToggleButtons/ToggleButtons.js"),M=require("./Paper/Paper.js"),k=require("./Modal/Modal.js"),A=require("./Menu/Menu.js"),I=require("./Counter/Counter.js"),b=require("./BadgeCounter/BadgeCounter.js"),P=require("./BadgeDot/BadgeDot.js");exports.Text=e.Text,exports.Grid=r.Grid,exports.Cell=t.Cell,exports.Header=o.Header,exports.Button=u.Button,exports.ButtonIcon=i.ButtonIcon,exports.Tooltip=p.Tooltip,exports.Popover=a.Popover,exports.Radio=s.Radio,exports.RadioGroup=d.RadioGroup,exports.Checkbox=x.Checkbox,exports.CheckboxGroup=n.CheckboxGroup,exports.TextInput=T.TextInput,exports.TextEndTruncated=C.TextEndTruncated,exports.TextMiddleTruncated=l.TextMiddleTruncated,exports.TextLink=c.TextLink,exports.LoaderCircular=j.LoaderCircular,exports.Chip=q.Chip,exports.ChipAlert=h.ChipAlert,exports.ChipIndicator=B.ChipIndicator,exports.Avatar=G.Avatar,exports.AvatarGroup=g.AvatarGroup,exports.ToggleButtons=v.ToggleButtons,exports.Paper=M.Paper,exports.Modal=k.Modal,exports.Menu=A.Menu,exports.Counter=I.Counter,exports.BadgeCounter=b.BadgeCounter,exports.BadgeDot=P.BadgeDot;
|
|
@@ -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"@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 j from"./RealTimeSidebarContext.js";import{ORIENTATIONS as h}from"./enums.js";var C=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 I=s((function(s){var i=s.onSidebarOpened,I=s.onSidebarClosed,x=C(),g=n(j),b=g.isSidebarOpen,
|
|
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 j from"./RealTimeSidebarContext.js";import{ORIENTATIONS as h}from"./enums.js";var C=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 I=s((function(s){var i=s.onSidebarOpened,I=s.onSidebarClosed,x=C(),g=n(j),b=g.isSidebarOpen,v=g.orientation,V=g.handleOpenCloseDialog;return o("div",{className:e(x.rtSidebarFooter,v),"data-testid":"sidebar_footer",children:b?o(r,{className:x.openToggleContainer,children:o(u,{title:"Collapse",className:x.collapseTooltip,children:t("div",{className:e(x.rtSidebarFooterActions,v),children:[o(c,{"data-testid":"sidebar_close_button",onClick:I,className:x.actionButton,children:v===h.vertical?o(p,{}):o(m,{className:x.rtSidebarFooterIcon})}),v===h.horizontal&&o(c,{color:"primary",tooltipProps:{title:"Add"},onClick:function(){return V(!0)},className:x.actionButton,children:o(a,{})})]})})}):o(u,{title:"Expand",className:x.expandTooltip,children:o("div",{className:e(x.rtSidebarFooterActions,v),children:o(c,{onClick:i,"data-testid":"sidebar_open_button",className:e(x.closedButton,x.actionButton),children:v===h.vertical?o(d,{}):o(l,{})})})})})}));export{I as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import n from"../../utils/main.js";var e=["#5F47A4","#9078C8","#DC74FD","#F695B5","#CB4F4F","#896F65","#F3AE96","#EE7850","#DDAE67","#A6CA72","#62893D","#91C9C4","#38818D","#77B5F1","#3F4C99","#919DA4"],
|
|
1
|
+
import n from"../../utils/main.js";var e=["#5F47A4","#9078C8","#DC74FD","#F695B5","#CB4F4F","#896F65","#F3AE96","#EE7850","#DDAE67","#A6CA72","#62893D","#91C9C4","#38818D","#77B5F1","#3F4C99","#919DA4"],t=function(t){void 0===t&&(t="");var i=Math.abs(n.hashCode(t));return e[i%e.length]},i={0:0,24:12,32:14,40:16,48:20,128:64,200:80},r=Object.entries(i).map((function(n){var e=n[0],t=n[1];return[Number(e),t]})).sort((function(n,e){return n[0]-e[0]})).map((function(n){return{size:n[0],fontSize:n[1]}})),o=function(n){if(i[n])return i[n];var e=r.findIndex((function(e,t,i){var r=e.size;return n>r&&t<i.length-1&&n<i[t+1].size}));if(e<0)return n<r[0].size?r[0].fontSize:r.slice(-1)[0].fontSize;var t=r[e],o=r[e+1],f=(n-t.size)/(o.size-t.size);return t.fontSize+(o.fontSize-t.fontSize)*f};export{e as ColorsArray,i as SizeToFontSizeMap,t as getColor,o as getFontSize};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { AvatarProps } from '../Avatar';
|
|
2
|
+
export type AvatarGroupProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Array of `<Avatar/>` component props to render
|
|
5
|
+
*/
|
|
6
|
+
items?: Omit<AvatarProps, 'size'>[];
|
|
7
|
+
size?: number;
|
|
8
|
+
max?: number;
|
|
9
|
+
disableTooltips?: boolean;
|
|
10
|
+
className?: string;
|
|
11
|
+
testId?: string;
|
|
12
|
+
};
|
|
13
|
+
export declare const AvatarGroup: ({ testId, className, max, items, size, disableTooltips, }: AvatarGroupProps) => JSX.Element;
|
|
14
|
+
//# sourceMappingURL=AvatarGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAMhD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EAAE,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,8DAOrB,gBAAgB,gBAsClB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{useMemo as s,createElement as e}from"react";import{jsxs as r,jsx as o}from"react/jsx-runtime";import a from"classnames";import{Avatar as i}from"../Avatar/Avatar.js";import{getFontSize as m}from"../Avatar/constants.js";import{Tooltip as n}from"../Tooltip/Tooltip.js";import l from"./AvatarGroup.scss.js";var c=function(c){var d=c.testId,p=c.className,v=c.max,f=void 0===v?5:v,u=c.items,j=void 0===u?[]:u,h=c.size,x=void 0===h?40:h,N=c.disableTooltips,b=f<1?1:f,z=s((function(){return{"--size":"".concat(x,"px"),fontSize:"".concat(m(x),"px")}}),[x]);return r("div",{className:a(p,l.root),"data-testid":d,style:z,children:[j.length>b&&r("div",{className:a(l.masked,l.more),children:["+",j.length-b]}),j.slice(0,b).reverse().map((function(s,r){var m=e(i,t({},s,{size:x,key:r,className:a(l.masked,s.className)}));return o(n,{title:s.name,disabled:N,children:m},r)}))]})};export{c as AvatarGroup};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from'./../../ext-esm/style-inject/dist/style-inject.es.js';var a={spacing:"8",root:"AvatarGroup_root__f26bg",masked:"AvatarGroup_masked__eVVHr",more:"AvatarGroup_more__Qg2Si"};r(".AvatarGroup_root__f26bg{align-items:center;display:inline-flex;flex-flow:row-reverse nowrap}.AvatarGroup_masked__eVVHr{position:relative}.AvatarGroup_masked__eVVHr:not(:last-child){margin-left:-8px;mask:radial-gradient(calc(var(--size)/2 + 2px) at calc(var(--size)/-2 + 8px) 50%,transparent 98%,#000)}.AvatarGroup_more__Qg2Si{background:var(--palette-background-b-7);border-radius:50%;color:var(--palette-primary-text-1);font-weight:500;height:var(--size);line-height:var(--size);text-align:center;width:var(--size)}");export{a as default};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { AvatarGroup } from './AvatarGroup';
|
|
4
|
+
type Props = ComponentProps<typeof AvatarGroup>;
|
|
5
|
+
declare const meta: Meta<Props>;
|
|
6
|
+
export default meta;
|
|
7
|
+
export declare const Default: (props: Props) => JSX.Element;
|
|
8
|
+
export declare const Items: () => JSX.Element;
|
|
9
|
+
export declare const WithoutTooltips: () => JSX.Element;
|
|
10
|
+
//# sourceMappingURL=AvatarGroup.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AvatarGroup/AvatarGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAYF,eAAe,IAAI,CAAC;AAUpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAA6C,CAAC;AAElF,eAAO,MAAM,KAAK,mBAgBjB,CAAC;AAKF,eAAO,MAAM,eAAe,mBAAsD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AvatarGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,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;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,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"}
|
|
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"}
|
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{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";
|
|
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";
|