@corva/ui 0.89.0-11 → 0.89.0-12
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/DevCenter/AppSideBar/AppSideBar.js +1 -1
- package/components/CollapsableSidebar.d.ts +1 -1
- package/components/DevCenter/AppSideBar/AppSideBar.d.ts +6 -0
- package/components/DevCenter/AppSideBar/AppSideBar.d.ts.map +1 -1
- package/components/DevCenter/AppSideBar/AppSideBar.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require('./../../../ext-esm/tslib/tslib.es6.js'),t=require("react/jsx-runtime"),n=require("react"),o=require("prop-types"),r=require("classnames"),i=require("lodash"),
|
|
1
|
+
"use strict";var e=require('./../../../ext-esm/tslib/tslib.es6.js'),t=require("react/jsx-runtime"),n=require("react"),o=require("prop-types"),r=require("classnames"),i=require("lodash"),a=require("@material-ui/core"),s=require("../../IconButton/index.js"),l=require("../../Button/components/Button/index.js");require("moment-timezone");var c=require("../../../icons/iconParkIcons.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.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("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js");var u=d(o),p=d(r),f=a.makeStyles((function(e){var t,n;return a.createStyles({drawer:function(e){var t;return(t={height:"100%",position:"relative",width:e.openedDrawerWidth})["&.".concat("closed")]={width:"48px"},t},drawerPaper:(t={position:"relative",width:"100%",borderRadius:function(e){return"left"===e.anchor?"0 8px 0 0":"8px 0 0 0"},backgroundColor:e.palette.background.b5},t["&.".concat("closed")]={cursor:"pointer","&:hover":{backgroundColor:e.palette.background.b7,"& > $header":{backgroundColor:e.palette.background.b7}}},t["&.MuiDrawer-paperAnchorDockedLeft"]={borderRight:"none"},t["&.MuiDrawer-paperAnchorDockedRight"]={borderLeft:"none"},t),header:(n={cursor:"pointer",alignItems:"center",backgroundColor:e.palette.background.b5,borderBottom:"1px solid",borderBottomColor:"#ffffff14",display:"flex",fontSize:16,fontWeight:400,height:48,justifyContent:"center",left:0,letterSpacing:"1px",lineHeight:"22px",position:"absolute",right:0,textTransform:"capitalize",top:0},n["&.".concat("open")]={padding:e.spacing(1.5),justifyContent:"flex-start"},n),openToggleIconOpen:{transform:"rotate(180deg)"},openToggleContainer:function(e){var t,n=e.anchor;return(t={alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,justifyContent:"center",padding:6,position:"absolute",width:"100%"})["&.".concat("open")]={justifyContent:"left"===n?"flex-end":"flex-start",paddingRight:6},t},contentWrapper:{marginTop:48,height:"calc(100% - 96px)",overflowY:"auto"},content:{padding:"16px 12px",display:"flex",flexDirection:"column"},selectAllButton:{textTransform:"none",fontSize:"10px",lineHeight:"14px",letterSpacing:"0.4px",marginLeft:16,"& .MuiButton-iconSizeMedium > *:first-child":{fontSize:"12px !important"},"& .MuiButton-startIcon":{marginRight:4}},headerIcon:{cursor:"pointer"},headerIconText:{cursor:"pointer",paddingLeft:7,letterSpacing:1}})})),h=function(o){var r,i=o.classes,d=o.anchor,u=o.children,h=o.drawerPaperClassName,g=o.expandedTooltipTitle,m=o.collapsedTooltipTitle,x=o.header,j=o.headerIcon,I=o.headerTitleIcon,b=o.isOpen,C=o.openedDrawerWidth,T=o.setIsOpen,q=o.size,w=o.allOptionsButtonShown,S=o.isAllOptionsSelected,v=o.onAllOptionsClick,O=n.useState(!1);O[0];var B=O[1],_=n.useRef(),k=f({anchor:d,openedDrawerWidth:C||{small:235,medium:354,large:473}[q]});n.useEffect((function(){var e=_.current,t=e.scrollHeight,n=e.clientHeight;B(t>n)}));var A="left"===d?c.RightIcon:c.LeftIcon;return t.jsxs(a.Drawer,e.__assign({"data-testid":"".concat("AppSideBar","_Drawer"),onClick:function(){b||T(!0)},className:p.default(k.drawer,!b&&"closed"),variant:"permanent",classes:{paper:p.default(k.drawerPaper,h,!b&&"closed")},anchor:d},{children:[t.jsxs("div",e.__assign({className:p.default(k.header,i.header,b&&"open"),onClick:function(){b&&T(!1)}},{children:[b&&t.jsxs(t.Fragment,{children:[I||t.jsx(c.LeftAlignmentIcon,{size:24}),t.jsx("div",e.__assign({"data-testid":"".concat("AppSideBar","_header"),className:k.headerIconText},{children:x})),w&&t.jsx(l,e.__assign({className:k.selectAllButton,onClick:function(e){e.stopPropagation(),v(e)},startIcon:S?t.jsx(c.CloseSmallIcon,{size:16}):t.jsx(c.CheckSmallIcon,{size:16})},{children:S?"Clear All":"Select All"}))]}),!b&&j]})),t.jsx("div",e.__assign({className:p.default(k.contentWrapper,i.contentWrapper),ref:_},{children:t.jsx("div",e.__assign({className:p.default(k.content,i.content)},{children:b&&u}))})),t.jsx(a.Box,e.__assign({className:p.default(k.openToggleContainer,i.openToggleContainer,(r={},r.open=b,r))},{children:t.jsx(a.Tooltip,e.__assign({title:b?g:m,placement:"bottom"},{children:t.jsx("div",{children:t.jsx(s,e.__assign({"aria-label":"toggle sidebar",onClick:function(){T(!b)}},{children:t.jsx(A,{size:24,"data-testid":"".concat("AppSideBar","_arrowButton"),className:p.default(b&&k.openToggleIconOpen)})}))})}))}))]}))},g={classes:u.default.shape({contentWrapper:u.default.shape({}),content:u.default.shape({}),header:u.default.shape({}),openToggleContainer:u.default.shape({})}),anchor:u.default.oneOf(["left","right"]),children:u.default.node.isRequired,drawerPaperClassName:u.default.string,expandedTooltipTitle:u.default.string,collapsedTooltipTitle:u.default.string,header:u.default.node,headerIcon:u.default.node,headerTitleIcon:u.default.node,isOpen:u.default.bool,openedDrawerWidth:u.default.oneOfType([u.default.string,u.default.number]),setIsOpen:u.default.func,size:u.default.oneOf(["small","medium","large"]),allOptionsButtonShown:u.default.bool,isAllOptionsSelected:u.default.bool,onAllOptionsClick:u.default.func};h.propTypes=g,h.defaultProps={classes:{contentWrapper:{},content:{},header:{},openToggleContainer:{}},anchor:"left",drawerPaperClassName:"",expandedTooltipTitle:"Collapse",collapsedTooltipTitle:"Expand",header:null,headerIcon:null,headerTitleIcon:null,isOpen:!1,openedDrawerWidth:0,setIsOpen:i.noop,size:"medium",allOptionsButtonShown:!1,isAllOptionsSelected:!1,onAllOptionsClick:i.noop},module.exports=h;
|
|
@@ -33,7 +33,7 @@ declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
|
|
|
33
33
|
onStateChange?: (...args: any[]) => any;
|
|
34
34
|
initialState?: boolean;
|
|
35
35
|
closedWidth?: NonNullable<string | number>;
|
|
36
|
-
} & {}, "children" | "anchor" | "drawerPaperClassName" | "openedDrawerWidth" | "isToolbarGutterShown" | "onStateChange" | "initialState" | "closedWidth"> & import("@material-ui/core").StyledComponentProps<"list" | "drawer" | "
|
|
36
|
+
} & {}, "children" | "anchor" | "drawerPaperClassName" | "openedDrawerWidth" | "isToolbarGutterShown" | "onStateChange" | "initialState" | "closedWidth"> & import("@material-ui/core").StyledComponentProps<"list" | "drawer" | "openToggleContainer" | "drawerPaper" | "drawerClosed" | "openToggleIcon" | "openToggleIconClosed" | "openToggleIconButton" | "openToggleContainerCollapsed" | "openToggleContainerOpened"> & {
|
|
37
37
|
closedWidth: any;
|
|
38
38
|
}>;
|
|
39
39
|
export default _default;
|
|
@@ -10,6 +10,8 @@ declare const AppSideBar: {
|
|
|
10
10
|
classes: PropTypes.Requireable<PropTypes.InferProps<{
|
|
11
11
|
contentWrapper: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
12
12
|
content: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
13
|
+
header: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
14
|
+
openToggleContainer: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
13
15
|
}>>;
|
|
14
16
|
anchor: PropTypes.Requireable<string>;
|
|
15
17
|
children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
|
|
@@ -31,6 +33,8 @@ declare const AppSideBar: {
|
|
|
31
33
|
classes: {
|
|
32
34
|
contentWrapper: {};
|
|
33
35
|
content: {};
|
|
36
|
+
header: {};
|
|
37
|
+
openToggleContainer: {};
|
|
34
38
|
};
|
|
35
39
|
anchor: string;
|
|
36
40
|
drawerPaperClassName: string;
|
|
@@ -52,6 +56,8 @@ declare const appSideBarPropTypes: {
|
|
|
52
56
|
classes: PropTypes.Requireable<PropTypes.InferProps<{
|
|
53
57
|
contentWrapper: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
54
58
|
content: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
59
|
+
header: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
60
|
+
openToggleContainer: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
55
61
|
}>>;
|
|
56
62
|
anchor: PropTypes.Requireable<string>;
|
|
57
63
|
children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppSideBar.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppSideBar/AppSideBar.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAwBnC,aAAK,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/B,MAAM,WAAW,eAAgB,SAAQ,SAAS,CAAC,UAAU,CAAC,OAAO,mBAAmB,CAAC;IACvF,MAAM,EAAE,MAAM,CAAC;CAChB;AA4GD,QAAA,MAAM,UAAU;yPAiBb,eAAe,GAAG,WAAW
|
|
1
|
+
{"version":3,"file":"AppSideBar.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppSideBar/AppSideBar.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAwBnC,aAAK,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/B,MAAM,WAAW,eAAgB,SAAQ,SAAS,CAAC,UAAU,CAAC,OAAO,mBAAmB,CAAC;IACvF,MAAM,EAAE,MAAM,CAAC;CAChB;AA4GD,QAAA,MAAM,UAAU;yPAiBb,eAAe,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwF/B,CAAC;AAEF,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;CAsBxB,CAAC;AAsBF,eAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsxs as o,Fragment as t,jsx as n}from"react/jsx-runtime";import{useState as r,useRef as i,useEffect as
|
|
1
|
+
import{__assign as e}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsxs as o,Fragment as t,jsx as n}from"react/jsx-runtime";import{useState as r,useRef as i,useEffect as a}from"react";import s from"prop-types";import c from"classnames";import{noop as l}from"lodash";import{makeStyles as p,createStyles as d,Drawer as m,Box as u,Tooltip as h}from"@material-ui/core";import f from"../../IconButton/index.js";import g from"../../Button/components/Button/index.js";import"moment-timezone";import{LeftAlignmentIcon as x,CloseSmallIcon as I,CheckSmallIcon as b,RightIcon as T,LeftIcon as C}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/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.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"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";var w=p((function(e){var o,t;return d({drawer:function(e){var o;return(o={height:"100%",position:"relative",width:e.openedDrawerWidth})["&.".concat("closed")]={width:"48px"},o},drawerPaper:(o={position:"relative",width:"100%",borderRadius:function(e){return"left"===e.anchor?"0 8px 0 0":"8px 0 0 0"},backgroundColor:e.palette.background.b5},o["&.".concat("closed")]={cursor:"pointer","&:hover":{backgroundColor:e.palette.background.b7,"& > $header":{backgroundColor:e.palette.background.b7}}},o["&.MuiDrawer-paperAnchorDockedLeft"]={borderRight:"none"},o["&.MuiDrawer-paperAnchorDockedRight"]={borderLeft:"none"},o),header:(t={cursor:"pointer",alignItems:"center",backgroundColor:e.palette.background.b5,borderBottom:"1px solid",borderBottomColor:"#ffffff14",display:"flex",fontSize:16,fontWeight:400,height:48,justifyContent:"center",left:0,letterSpacing:"1px",lineHeight:"22px",position:"absolute",right:0,textTransform:"capitalize",top:0},t["&.".concat("open")]={padding:e.spacing(1.5),justifyContent:"flex-start"},t),openToggleIconOpen:{transform:"rotate(180deg)"},openToggleContainer:function(e){var o,t=e.anchor;return(o={alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,justifyContent:"center",padding:6,position:"absolute",width:"100%"})["&.".concat("open")]={justifyContent:"left"===t?"flex-end":"flex-start",paddingRight:6},o},contentWrapper:{marginTop:48,height:"calc(100% - 96px)",overflowY:"auto"},content:{padding:"16px 12px",display:"flex",flexDirection:"column"},selectAllButton:{textTransform:"none",fontSize:"10px",lineHeight:"14px",letterSpacing:"0.4px",marginLeft:16,"& .MuiButton-iconSizeMedium > *:first-child":{fontSize:"12px !important"},"& .MuiButton-startIcon":{marginRight:4}},headerIcon:{cursor:"pointer"},headerIconText:{cursor:"pointer",paddingLeft:7,letterSpacing:1}})})),O=function(s){var l,p=s.classes,d=s.anchor,O=s.children,j=s.drawerPaperClassName,v=s.expandedTooltipTitle,B=s.collapsedTooltipTitle,S=s.header,k=s.headerIcon,A=s.headerTitleIcon,z=s.isOpen,W=s.openedDrawerWidth,y=s.setIsOpen,D=s.size,N=s.allOptionsButtonShown,L=s.isAllOptionsSelected,P=s.onAllOptionsClick,M=r(!1);M[0];var R=M[1],E=i(),H=w({anchor:d,openedDrawerWidth:W||{small:235,medium:354,large:473}[D]});a((function(){var e=E.current,o=e.scrollHeight,t=e.clientHeight;R(o>t)}));var _="left"===d?T:C;return o(m,e({"data-testid":"".concat("AppSideBar","_Drawer"),onClick:function(){z||y(!0)},className:c(H.drawer,!z&&"closed"),variant:"permanent",classes:{paper:c(H.drawerPaper,j,!z&&"closed")},anchor:d},{children:[o("div",e({className:c(H.header,p.header,z&&"open"),onClick:function(){z&&y(!1)}},{children:[z&&o(t,{children:[A||n(x,{size:24}),n("div",e({"data-testid":"".concat("AppSideBar","_header"),className:H.headerIconText},{children:S})),N&&n(g,e({className:H.selectAllButton,onClick:function(e){e.stopPropagation(),P(e)},startIcon:n(L?I:b,{size:16})},{children:L?"Clear All":"Select All"}))]}),!z&&k]})),n("div",e({className:c(H.contentWrapper,p.contentWrapper),ref:E},{children:n("div",e({className:c(H.content,p.content)},{children:z&&O}))})),n(u,e({className:c(H.openToggleContainer,p.openToggleContainer,(l={},l.open=z,l))},{children:n(h,e({title:z?v:B,placement:"bottom"},{children:n("div",{children:n(f,e({"aria-label":"toggle sidebar",onClick:function(){y(!z)}},{children:n(_,{size:24,"data-testid":"".concat("AppSideBar","_arrowButton"),className:c(z&&H.openToggleIconOpen)})}))})}))}))]}))},j={classes:s.shape({contentWrapper:s.shape({}),content:s.shape({}),header:s.shape({}),openToggleContainer:s.shape({})}),anchor:s.oneOf(["left","right"]),children:s.node.isRequired,drawerPaperClassName:s.string,expandedTooltipTitle:s.string,collapsedTooltipTitle:s.string,header:s.node,headerIcon:s.node,headerTitleIcon:s.node,isOpen:s.bool,openedDrawerWidth:s.oneOfType([s.string,s.number]),setIsOpen:s.func,size:s.oneOf(["small","medium","large"]),allOptionsButtonShown:s.bool,isAllOptionsSelected:s.bool,onAllOptionsClick:s.func};O.propTypes=j,O.defaultProps={classes:{contentWrapper:{},content:{},header:{},openToggleContainer:{}},anchor:"left",drawerPaperClassName:"",expandedTooltipTitle:"Collapse",collapsedTooltipTitle:"Expand",header:null,headerIcon:null,headerTitleIcon:null,isOpen:!1,openedDrawerWidth:0,setIsOpen:l,size:"medium",allOptionsButtonShown:!1,isAllOptionsSelected:!1,onAllOptionsClick:l};export{O as default};
|