@corva/ui 0.49.0-3 → 0.49.0-4

package/components/ColorPickerPalette/ColorPickerPalette.d.ts

@@ -1,19 +1,4 @@
-import { ElementType } from 'react';
-import { PopoverOrigin } from '@material-ui/core';
-declare type ColorPickerPaletteProps = {
-    color: string;
-    onChange: (convertedColor: string) => void;
-    handleClose: () => void;
-    anchorEl?: null | Element | ((element: Element) => Element);
-    converter?: string;
-    popoverAnchorOrigin?: PopoverOrigin;
-    popoverTransformOrigin?: PopoverOrigin;
-    pickerComponent?: ElementType;
-    classes?: {
-        root: string;
-    };
-    enableTransparencyPalette?: boolean;
-};
-declare const _default: import("react").ComponentType<Pick<ColorPickerPaletteProps, "color" | "onChange" | "anchorEl" | "handleClose" | "enableTransparencyPalette" | "converter" | "popoverAnchorOrigin" | "popoverTransformOrigin" | "pickerComponent"> & import("@material-ui/core").StyledComponentProps<"root" | "popper" | "rightLabel" | "topLabel">>;
+/// <reference types="react" />
+declare const _default: import("react").ComponentType<Pick<{}, never> & import("@material-ui/core").StyledComponentProps<"root" | "popper" | "topLabel" | "rightLabel">>;
 export default _default;
 //# sourceMappingURL=ColorPickerPalette.d.ts.map

package/components/ColorPickerPalette/ColorPickerPalette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPickerPalette.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPickerPalette/ColorPickerPalette.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,WAAW,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAuC,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAYvF,aAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,IAAI,GAAG,OAAO,GAAG,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,sBAAsB,CAAC,EAAE,aAAa,CAAC;IACvC,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,OAAO,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;KAAE,CAAA;IAC3B,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC,CAAA;;AAgED,wBAoBuB"}
+{"version":3,"file":"ColorPickerPalette.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPickerPalette/ColorPickerPalette.tsx"],"names":[],"mappings":";;AAwFA,wBAoB6B"}

package/components/Comment/CommentIcon/index.d.ts

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types';
-declare type CommentIconProps = PropTypes.InferProps<typeof commentIconProps>;
+interface CommentIconProps extends PropTypes.InferProps<typeof commentIconProps> {
+}
 declare const CommentIcon: {
     ({ displayName, imgSrc, size }: CommentIconProps): JSX.Element;
     propTypes: {

package/components/Comment/CommentIcon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Comment/CommentIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAiCnC,aAAK,gBAAgB,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEtE,QAAA,MAAM,WAAW;oCAAmC,gBAAgB,GAAG,WAAW;;;;;;;;;;;CAYjF,CAAC;AAEF,QAAA,MAAM,gBAAgB;;;;CAIrB,CAAC;AAUF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Comment/CommentIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAiCnC,UAAU,gBAAiB,SAAQ,SAAS,CAAC,UAAU,CAAC,OAAO,gBAAgB,CAAC;CAAG;AAEnF,QAAA,MAAM,WAAW;oCAAmC,gBAAgB,GAAG,WAAW;;;;;;;;;;;CAYjF,CAAC;AAEF,QAAA,MAAM,gBAAgB;;;;CAIrB,CAAC;AAUF,eAAe,WAAW,CAAC"}

package/components/Comment/index.d.ts

@@ -10,15 +10,15 @@ declare const _default: import("react").ComponentType<Pick<Pick<PropTypes.InferP
     currentUser: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
     classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
     isNative: PropTypes.Requireable<boolean>;
-}>, "classes" | "comment" | "handleDeleteCallback" | "patchCommentCallback"> & {
+}>, "comment" | "classes" | "handleDeleteCallback" | "patchCommentCallback"> & {
     companyId?: number;
     currentUser?: PropTypes.InferProps<PropTypes.ValidationMap<any>>;
-    isNative?: boolean;
     handleEdit?: (...args: any[]) => any;
+    isNative?: boolean;
     showOnMount?: boolean;
     spaceAround?: boolean;
     handleShowOnMount?: (...args: any[]) => any;
-} & {}, "companyId" | "currentUser" | "isNative" | "comment" | "handleDeleteCallback" | "patchCommentCallback" | "handleEdit" | "showOnMount" | "spaceAround" | "handleShowOnMount"> & import("@material-ui/core/styles").StyledComponentProps<"iconButtonRoot" | "commentWrapper" | "timeRoot" | "textRoot" | "userName">>;
+} & {}, "comment" | "companyId" | "currentUser" | "handleDeleteCallback" | "patchCommentCallback" | "handleEdit" | "isNative" | "showOnMount" | "spaceAround" | "handleShowOnMount"> & import("@material-ui/core/styles").StyledComponentProps<"iconButtonRoot" | "commentWrapper" | "timeRoot" | "textRoot" | "userName">>;
 export default _default;
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/components/CommentInput/index.d.ts

@@ -28,21 +28,20 @@ declare const _default: import("react").ComponentType<Pick<Pick<PropTypes.InferP
     companyId: PropTypes.Requireable<number>;
     parentId: PropTypes.Requireable<string>;
 }>, "classes" | "postComment"> & {
+    companyId?: number;
     autoFocus?: boolean;
     disabled?: boolean;
-    companyId?: number;
-    currentUser?: PropTypes.InferProps<PropTypes.ValidationMap<any>>;
-    isNative?: boolean;
     inputRef?: PropTypes.InferProps<{
         current: PropTypes.Requireable<PropTypes.InferProps<{
             focus: PropTypes.Requireable<PropTypes.InferProps<{}>>;
         }>>;
     }>;
+    currentUser?: PropTypes.InferProps<PropTypes.ValidationMap<any>>;
     setIsPosting?: (...args: any[]) => any;
     patchCommentCallback?: (...args: any[]) => any;
     postCommentCallback?: (...args: any[]) => any;
     onMount?: (...args: any[]) => any;
-    parentId?: string;
+    isNative?: boolean;
     spaceAround?: boolean;
     exitEditMode?: (...args: any[]) => any;
     setIsEditting?: (...args: any[]) => any;
@@ -54,7 +53,8 @@ declare const _default: import("react").ComponentType<Pick<Pick<PropTypes.InferP
         file_name: PropTypes.Requireable<string>;
     }>;
     editComment?: string;
-} & {}, "autoFocus" | "disabled" | "companyId" | "currentUser" | "isNative" | "inputRef" | "setIsPosting" | "patchCommentCallback" | "postComment" | "postCommentCallback" | "onMount" | "parentId" | "spaceAround" | "exitEditMode" | "setIsEditting" | "editFeedItemId" | "editCommentId" | "editAttachment" | "editComment"> & import("@material-ui/core").StyledComponentProps<"input" | "inputRoot" | "sendButton" | "inputAdornment" | "paperRoot" | "inputMain" | "inputHelper" | "cancelText" | "highlightedLabel" | "inputEl" | "additionalActionButton" | "nativeActionButton" | "fileUploadingError" | "iconTooltip">>;
+    parentId?: string;
+} & {}, "companyId" | "autoFocus" | "disabled" | "inputRef" | "currentUser" | "setIsPosting" | "patchCommentCallback" | "postComment" | "postCommentCallback" | "onMount" | "isNative" | "spaceAround" | "exitEditMode" | "setIsEditting" | "editFeedItemId" | "editCommentId" | "editAttachment" | "editComment" | "parentId"> & import("@material-ui/core").StyledComponentProps<"input" | "inputRoot" | "sendButton" | "inputAdornment" | "paperRoot" | "inputEl" | "additionalActionButton" | "nativeActionButton" | "fileUploadingError" | "inputMain" | "inputHelper" | "cancelText" | "highlightedLabel" | "iconTooltip">>;
 export default _default;
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/components/CommentsInfo/index.d.ts

@@ -20,15 +20,15 @@ declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
     isNative: PropTypes.Requireable<boolean>;
     small: PropTypes.Requireable<boolean>;
     currentUser: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-}>, "small" | "classes" | "currentUser" | "isNative" | "commentsCount" | "usersWhoCommented" | "activeUsersList" | "likesCount" | "usersWhoLike" | "onCommentsClick">, "classes" | "usersWhoCommented" | "activeUsersList"> & {
+}>, "small" | "classes" | "currentUser" | "commentsCount" | "isNative" | "usersWhoCommented" | "activeUsersList" | "likesCount" | "usersWhoLike" | "onCommentsClick">, "classes" | "usersWhoCommented" | "activeUsersList"> & {
     small?: boolean;
     currentUser?: PropTypes.InferProps<{}>;
-    isNative?: boolean;
     commentsCount?: number;
+    isNative?: boolean;
     likesCount?: number;
     usersWhoLike?: PropTypes.InferProps<{}>[];
     onCommentsClick?: (...args: any[]) => any;
-} & {}, "small" | "currentUser" | "isNative" | "commentsCount" | "usersWhoCommented" | "activeUsersList" | "likesCount" | "usersWhoLike" | "onCommentsClick"> & import("@material-ui/core").StyledComponentProps<"tooltip" | "avatarInList" | "reactionTypographyRoot">>;
+} & {}, "small" | "currentUser" | "commentsCount" | "isNative" | "usersWhoCommented" | "activeUsersList" | "likesCount" | "usersWhoLike" | "onCommentsClick"> & import("@material-ui/core").StyledComponentProps<"tooltip" | "avatarInList" | "reactionTypographyRoot">>;
 export default _default;
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/components/ConfirmationDialog.d.ts

@@ -12,14 +12,14 @@ declare const _default: import("react").ComponentType<Pick<Pick<PropTypes.InferP
     classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
 }>, "classes" | "text" | "open"> & {
     title?: string;
-    isShowCancel?: boolean;
-    handleOk?: (...args: any[]) => any;
     handleClose?: (...args: any[]) => any;
+    handleOk?: (...args: any[]) => any;
     okText?: string;
+    isShowCancel?: boolean;
     confirmation?: string;
     confirmationText?: string;
     disableOk?: boolean;
-} & {}, "title" | "text" | "open" | "isShowCancel" | "handleOk" | "handleClose" | "okText" | "confirmation" | "confirmationText" | "disableOk"> & import("@material-ui/core/styles").StyledComponentProps<"actionButton" | "confirmation">>;
+} & {}, "title" | "text" | "open" | "handleClose" | "handleOk" | "okText" | "isShowCancel" | "confirmation" | "confirmationText" | "disableOk"> & import("@material-ui/core/styles").StyledComponentProps<"actionButton" | "confirmation">>;
 export default _default;
 import PropTypes from "prop-types";
 //# sourceMappingURL=ConfirmationDialog.d.ts.map

package/components/Counter/index.d.ts

@@ -1,26 +1,37 @@
-export default Counter;
-declare function Counter(props: any): JSX.Element;
-declare namespace Counter {
-    namespace propTypes {
-        const classes: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-        const size: PropTypes.Requireable<string>;
-        const limited: PropTypes.Requireable<boolean>;
-        const clickable: PropTypes.Requireable<boolean>;
-        const label: PropTypes.Validator<string>;
-        const tooltip: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        const classes_1: {};
-        export { classes_1 as classes };
-        const size_1: string;
-        export { size_1 as size };
-        const limited_1: boolean;
-        export { limited_1 as limited };
-        const clickable_1: boolean;
-        export { clickable_1 as clickable };
-        const tooltip_1: string;
-        export { tooltip_1 as tooltip };
-    }
+import PropTypes from 'prop-types';
+import { ChipProps as MuiChipProps } from '@material-ui/core';
+interface CounterProps extends Omit<MuiChipProps, 'classes' | 'size' | 'label'>, PropTypes.InferProps<typeof counterPropTypes> {
+    size?: 'small' | 'medium' | 'large';
 }
-import PropTypes from "prop-types";
+declare const Counter: {
+    (props: CounterProps): JSX.Element;
+    propTypes: {
+        classes: PropTypes.Requireable<PropTypes.InferProps<{
+            root: PropTypes.Requireable<string>;
+        }>>;
+        size: PropTypes.Requireable<string>;
+        limited: PropTypes.Requireable<boolean>;
+        clickable: PropTypes.Requireable<boolean>;
+        label: PropTypes.Validator<string>;
+        tooltip: PropTypes.Requireable<string>;
+    };
+    defaultProps: {
+        classes: {};
+        size: string;
+        limited: boolean;
+        clickable: boolean;
+        tooltip: string;
+    };
+};
+declare const counterPropTypes: {
+    classes: PropTypes.Requireable<PropTypes.InferProps<{
+        root: PropTypes.Requireable<string>;
+    }>>;
+    size: PropTypes.Requireable<string>;
+    limited: PropTypes.Requireable<boolean>;
+    clickable: PropTypes.Requireable<boolean>;
+    label: PropTypes.Validator<string>;
+    tooltip: PropTypes.Requireable<string>;
+};
+export default Counter;
 //# sourceMappingURL=index.d.ts.map

package/components/Counter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/index.js"],"names":[],"mappings":";AAsGA,kDAwBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,OAAO,EAAmB,SAAS,IAAI,YAAY,EAAuB,MAAM,mBAAmB,CAAC;AAkGpG,UAAU,YAAa,SAAQ,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,gBAAgB,CAAC;IAC5H,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,QAAA,MAAM,OAAO;YAAW,YAAY,GAAG,WAAW;;;;;;;;;;;;;;;;;;CAwBjD,CAAC;AAEF,QAAA,MAAM,gBAAgB;;;;;;;;;CASrB,CAAC;AAYF,eAAe,OAAO,CAAC"}

package/components/Counter/index.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/defineProperty";import i from"prop-types";import t from"classnames";import{capitalize as o}from"lodash";import{makeStyles as r,Tooltip as p,Chip as l}from"@material-ui/core";import{Close as n}from"@material-ui/icons";import{jsx as a}from"react/jsx-runtime";function c(e,i){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable}))),t.push.apply(t,o)}return t}function s(i){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?c(Object(o),!0).forEach((function(t){e(i,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(o)):c(Object(o)).forEach((function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(o,e))}))}return i}var m=r((function(e){return{rootChip:{"&.MuiChip-root":{backgroundColor:e.palette.background.b9,color:e.palette.primary.text6,textAlign:"center","&:hover":{color:e.palette.primary.contrastText,"& .MuiSvgIcon-root":{color:e.palette.primary.contrastText}},"& span.MuiChip-label":{padding:0}}},tooltip:{marginTop:"10px"},closeIcon:{"&.MuiSvgIcon-root.MuiChip-deleteIcon":{width:16,height:16,left:18,top:4,margin:"0px 0px 0px 4px",color:e.palette.primary.text6}},sizeSmall:{"&.MuiChip-root":{minWidth:16,height:16,padding:"1px 2px","& span":{fontSize:"11px",lineHeight:"14px"}}},sizeSmallLimited:{"&.MuiChip-root":{padding:"1px 3px"}},sizeMedium:{"&.MuiChip-root":{minWidth:24,height:24,padding:"2px 4px","& span":{fontSize:"14px",lineHeight:"20px"}}},sizeMediumLimited:{"&.MuiChip-root":{padding:"2px 6px"}},sizeMediumClickable:{"&.MuiChip-root":{padding:"2px 6px"}},sizeLarge:{"&.MuiChip-root":{minWidth:32,height:32,padding:"5px 7px","& span":{fontSize:"16px",lineHeight:"22px"}}},sizeLargeLimited:{"&.MuiChip-root":{padding:"5px 8px"}},sizeLargeClickable:{"&.MuiChip-root":{padding:"5px 8px"}}}})),d=function(e){var i=e.classes,r=e.size,c=e.limited,d=e.clickable,u=e.tooltip,h=m();return a(p,{title:u,classes:{tooltip:h.tooltip},children:a(l,s(s({},e),{},{classes:s(s({},i),{},{root:t(i.root,h.rootChip,h["size".concat(o(r))],c&&h["size".concat(o(r),"Limited")],d&&h["size".concat(o(r),"Clickable")])}),clickable:d,deleteIcon:a(n,{className:h.closeIcon,fontSize:"small"})}))})};d.propTypes={classes:i.shape({}),size:i.oneOf(["small","medium","large"]),limited:i.bool,clickable:i.bool,label:i.string.isRequired,tooltip:i.string},d.defaultProps={classes:{},size:"medium",limited:!1,clickable:!1,tooltip:""};export{d as default};
+import{__assign as i}from"../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import e from"prop-types";import o from"classnames";import{capitalize as p}from"lodash";import{makeStyles as r,Tooltip as l,Chip as a}from"@material-ui/core";import{Close as s}from"@material-ui/icons";var n=r((function(i){return{rootChip:{"&.MuiChip-root":{backgroundColor:i.palette.background.b9,color:i.palette.primary.text6,textAlign:"center","&:hover":{color:i.palette.primary.contrastText,"& .MuiSvgIcon-root":{color:i.palette.primary.contrastText}},"& span.MuiChip-label":{padding:0}}},tooltip:{marginTop:"10px"},closeIcon:{"&.MuiSvgIcon-root.MuiChip-deleteIcon":{width:16,height:16,left:18,top:4,margin:"0px 0px 0px 4px",color:i.palette.primary.text6}},sizeSmall:{"&.MuiChip-root":{minWidth:16,height:16,padding:"1px 2px","& span":{fontSize:"11px",lineHeight:"14px"}}},sizeSmallLimited:{"&.MuiChip-root":{padding:"1px 3px"}},sizeMedium:{"&.MuiChip-root":{minWidth:24,height:24,padding:"2px 4px","& span":{fontSize:"14px",lineHeight:"20px"}}},sizeMediumLimited:{"&.MuiChip-root":{padding:"2px 6px"}},sizeMediumClickable:{"&.MuiChip-root":{padding:"2px 6px"}},sizeLarge:{"&.MuiChip-root":{minWidth:32,height:32,padding:"5px 7px","& span":{fontSize:"16px",lineHeight:"22px"}}},sizeLargeLimited:{"&.MuiChip-root":{padding:"5px 8px"}},sizeLargeClickable:{"&.MuiChip-root":{padding:"5px 8px"}}}})),c=function(e){var r=e.classes,c=e.size,m=e.limited,d=e.clickable,x=e.tooltip,h=n();return t(l,i({title:x,classes:{tooltip:h.tooltip}},{children:t(a,i({},e,{classes:i(i({},r),{root:o(r.root,h.rootChip,h["size".concat(p(c))],m&&h["size".concat(p(c),"Limited")],d&&h["size".concat(p(c),"Clickable")])}),clickable:d,deleteIcon:t(s,{className:h.closeIcon,fontSize:"small"})}))}))},m={classes:e.shape({root:e.string}),size:e.oneOf(["small","medium","large"]),limited:e.bool,clickable:e.bool,label:e.string.isRequired,tooltip:e.string};c.propTypes=m,c.defaultProps={classes:{},size:"medium",limited:!1,clickable:!1,tooltip:""};export{c as default};

package/components/DateTimePicker/index.d.ts

@@ -1,26 +1,19 @@
-export default DateTimePicker;
-declare function DateTimePicker({ className, PopoverProps, format, ...otherProps }: {
-    [x: string]: any;
-    className: any;
-    PopoverProps: any;
-    format: any;
-}): JSX.Element;
+import PropTypes from 'prop-types';
+import { KeyboardDateTimePickerProps } from '@material-ui/pickers';
+declare function DateTimePicker({ className, PopoverProps, format, ...otherProps }: KeyboardDateTimePickerProps): JSX.Element;
 declare namespace DateTimePicker {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const PopoverProps: PropTypes.Requireable<PropTypes.InferProps<{
+    var propTypes: {
+        className: PropTypes.Requireable<string>;
+        PopoverProps: PropTypes.Requireable<PropTypes.InferProps<{
             className: PropTypes.Requireable<string>;
         }>>;
-        const format: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        const className_1: string;
-        export { className_1 as className };
-        const PopoverProps_1: {};
-        export { PopoverProps_1 as PopoverProps };
-        export { DATE_TIME_FORMAT as format };
-    }
+        format: PropTypes.Requireable<string>;
+    };
+    var defaultProps: {
+        className: string;
+        PopoverProps: {};
+        format: string;
+    };
 }
-import PropTypes from "prop-types";
-import { DATE_TIME_FORMAT } from "../../constants/dateTimeFormat";
+export default DateTimePicker;
 //# sourceMappingURL=index.d.ts.map

package/components/DateTimePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/index.js"],"names":[],"mappings":";AAgCA;;;;;gBAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/index.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EAA0B,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AA4B3F,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,CAepH;kBAfQ,cAAc;;;;;;;;;;;;;;AA+BvB,eAAe,cAAc,CAAC"}

package/components/DateTimePicker/index.js

@@ -1 +1 @@
-import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/objectWithoutProperties";import t from"classnames";import o from"prop-types";import a from"moment";import{KeyboardDateTimePicker as i}from"@material-ui/pickers";import{makeStyles as p}from"@material-ui/core";import{Event as n}from"@material-ui/icons";import{DATE_TIME_FORMAT as m}from"../../constants/dateTimeFormat.js";import{jsx as s}from"react/jsx-runtime";var c=["className","PopoverProps","format"];function u(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function f(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?u(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):u(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var l=p((function(r){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:r.palette.primary.main},"& .MuiInput-root.Mui-focused  .MuiIconButton-root":{color:r.palette.primary.main},"& .MuiIconButton-root":{marginRight:-7,padding:7},"& .MuiSvgIcon-root":{fill:"".concat(r.palette.primary.text6," !important")}},paper:{marginTop:8}}}));function P(r){var o=r.className,p=r.PopoverProps,m=r.format,u=e(r,c),P=l();return s(i,f(f({dateRangeIcon:s(n,{}),keyboardIcon:s(n,{}),format:m,refuse:/[^(\w|\d)]+/gi,placeholder:a().format(m)},u),{},{PopoverProps:f({className:P.paper},p),className:t(P.dateTimePickerInput,o)}))}P.propTypes={className:o.string,PopoverProps:o.shape({className:o.string}),format:o.string},P.defaultProps={className:"",PopoverProps:{},format:m};export{P as default};
+import{__rest as o,__assign as r}from"../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import a from"classnames";import e from"prop-types";import m from"moment";import{KeyboardDateTimePicker as i}from"@material-ui/pickers";import{makeStyles as p}from"@material-ui/core";import{Event as s}from"@material-ui/icons";import{DATE_TIME_FORMAT as n}from"../../constants/dateTimeFormat.js";var c=p((function(o){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main},"& .MuiInput-root.Mui-focused  .MuiIconButton-root":{color:o.palette.primary.main},"& .MuiIconButton-root":{marginRight:-7,padding:7},"& .MuiSvgIcon-root":{fill:"".concat(o.palette.primary.text6," !important")}},paper:{marginTop:8}}}));function u(e){var p=e.className,n=e.PopoverProps,u=e.format,l=o(e,["className","PopoverProps","format"]),f=c();return t(i,r({dateRangeIcon:t(s,{}),keyboardIcon:t(s,{}),format:u,refuse:/[^(\w|\d)]+/gi,placeholder:m().format(u)},l,{PopoverProps:r({className:f.paper},n),className:a(f.dateTimePickerInput,p)}))}u.propTypes={className:e.string,PopoverProps:e.shape({className:e.string}),format:e.string},u.defaultProps={className:"",PopoverProps:{},format:n};export{u as default};

package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.d.ts

@@ -1,30 +1,36 @@
-export default AppSettingsPopover;
-declare function AppSettingsPopover({ children, iconSettingsProps, defaultScrollable, maxHeight, ...popoverProps }: {
-    [x: string]: any;
-    children: any;
-    iconSettingsProps: any;
-    defaultScrollable: any;
-    maxHeight: any;
-}): JSX.Element;
+import PropTypes from 'prop-types';
+import { PopoverProps } from '@material-ui/core';
+interface AppSettingsPopoverProps extends PopoverProps, PropTypes.InferProps<typeof appSettingsPopoverPropTypes> {
+}
+declare function AppSettingsPopover({ children, iconSettingsProps, defaultScrollable, maxHeight, ...popoverProps }: AppSettingsPopoverProps): JSX.Element;
 declare namespace AppSettingsPopover {
-    namespace propTypes {
-        const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        const iconSettingsProps: PropTypes.Requireable<PropTypes.InferProps<{
+    var propTypes: {
+        iconSettingsProps: PropTypes.Requireable<PropTypes.InferProps<{
             iconSize: PropTypes.Requireable<string>;
+            tooltipProps: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+            }>>;
         }>>;
-        const defaultScrollable: PropTypes.Requireable<boolean>;
-        const maxHeight: PropTypes.Requireable<number>;
-    }
-    namespace defaultProps {
-        export namespace iconSettingsProps_1 {
-            const iconSize: string;
-        }
-        export { iconSettingsProps_1 as iconSettingsProps };
-        const defaultScrollable_1: boolean;
-        export { defaultScrollable_1 as defaultScrollable };
-        const maxHeight_1: any;
-        export { maxHeight_1 as maxHeight };
-    }
+        defaultScrollable: PropTypes.Requireable<boolean>;
+        maxHeight: PropTypes.Requireable<number>;
+    };
+    var defaultProps: {
+        iconSettingsProps: {
+            iconSize: string;
+        };
+        defaultScrollable: boolean;
+        maxHeight: any;
+    };
 }
-import PropTypes from "prop-types";
+declare const appSettingsPopoverPropTypes: {
+    iconSettingsProps: PropTypes.Requireable<PropTypes.InferProps<{
+        iconSize: PropTypes.Requireable<string>;
+        tooltipProps: PropTypes.Requireable<PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+        }>>;
+    }>>;
+    defaultScrollable: PropTypes.Requireable<boolean>;
+    maxHeight: PropTypes.Requireable<number>;
+};
+export default AppSettingsPopover;
 //# sourceMappingURL=AppSettingsPopover.d.ts.map

package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppSettingsPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js"],"names":[],"mappings":";AA0DA;;;;;;gBAoEC"}
+{"version":3,"file":"AppSettingsPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppSettingsPopover/AppSettingsPopover.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EAAuB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAsDtE,UAAU,uBAAwB,SAAQ,YAAY,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,2BAA2B,CAAC;CAAG;AAEnH,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EACT,GAAG,YAAY,EAChB,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CA8DvC;kBApEQ,kBAAkB;;;;;;;;;;;;;;;;;;;AAsE3B,QAAA,MAAM,2BAA2B;;;;;;;;;CAIhC,CAAC;AAUF,eAAe,kBAAkB,CAAC"}

package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useState as o}from"react";import n from"prop-types";import i from"classnames";import{makeStyles as l,Popover as a}from"@material-ui/core";import{Settings as c,Close as p}from"@material-ui/icons";import s from"../../IconButton/index.js";import{jsxs as d,Fragment as h,jsx as u}from"react/jsx-runtime";var m=["children","iconSettingsProps","defaultScrollable","maxHeight"];function b(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function g(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?b(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):b(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var f=l((function(e){return{popoverPaper:{minWidth:286,width:286,overflowY:"hidden",backgroundColor:e.palette.background.b9,maxHeight:function(e){var r=e.maxHeight;return r?r-24:"calc(100% - 24px)"},"&.scrollable":{height:function(e){return e.maxHeight||"100%"}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(e.palette.background.b9,", ").concat(e.palette.background.b9," 79%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},shadow:{position:"absolute",bottom:0,width:"100%",height:16,background:"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(e.palette.background.b9," 100%)")}}}));function v(e){var n,l=e.children,b=e.iconSettingsProps,v=e.defaultScrollable,x=e.maxHeight,O=t(e,m),P=f({maxHeight:x}),y=o(null),j=r(y,2),w=j[0],S=j[1],C=o(!0),H=r(C,2),k=H[0],T=H[1],z=function(){S(null)},N=Boolean(w);return d(h,{children:[u(s,g(g({onClick:function(e){return S(e.currentTarget)}},b),{},{children:u(c,{})})),d(a,g(g({open:N,anchorEl:w,onClose:z,anchorOrigin:{vertical:k?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},O),{},{classes:g(g({},null==O?void 0:O.classes),{},{paper:i(P.popoverPaper,k&&"scrollable",null==O||null===(n=O.classes)||void 0===n?void 0:n.paper)}),children:[d("div",{className:i(P.popoverHeader,k&&"scrollable"),children:[u("div",{className:P.headerTitle,children:"Settings"}),u(s,{tooltipProps:{title:"Close"},onClick:z,children:u(p,{})})]}),u("div",{className:i(P.popoverContentContainer,k&&"scrollable"),ref:function(e){e&&e.scrollHeight<=e.clientHeight&&!v&&T(!1)},children:u("div",{className:P.popoverContent,children:l})}),u("div",{className:P.shadow})]}))]})}v.propTypes={children:n.node.isRequired,iconSettingsProps:n.shape({iconSize:n.string}),defaultScrollable:n.bool,maxHeight:n.number},v.defaultProps={iconSettingsProps:{iconSize:"small"},defaultScrollable:!1,maxHeight:null};export{v as default};
+import{__rest as e,__assign as o}from"../../../_virtual/_tslib.js";import{jsxs as t,Fragment as r,jsx as i}from"react/jsx-runtime";import{useState as l}from"react";import n from"prop-types";import a from"classnames";import{makeStyles as c,Popover as p}from"@material-ui/core";import{Settings as s,Close as d}from"@material-ui/icons";import h from"../../IconButton/index.js";var g=c((function(e){return{popoverPaper:{minWidth:286,width:286,overflowY:"hidden",backgroundColor:e.palette.background.b9,maxHeight:function(e){var o=e.maxHeight;return o?o-24:"calc(100% - 24px)"},"&.scrollable":{height:function(e){return e.maxHeight||"100%"}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(e.palette.background.b9,", ").concat(e.palette.background.b9," 79%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},shadow:{position:"absolute",bottom:0,width:"100%",height:16,background:"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(e.palette.background.b9," 100%)")}}}));function m(n){var c,m=n.children,u=n.iconSettingsProps,b=n.defaultScrollable,f=n.maxHeight,v=e(n,["children","iconSettingsProps","defaultScrollable","maxHeight"]),x=g({maxHeight:f}),C=l(null),H=C[0],S=C[1],k=l(!0),w=k[0],P=k[1],T=function(){S(null)},z=Boolean(H);return t(r,{children:[i(h,o({onClick:function(e){return S(e.currentTarget)}},u,{children:i(s,{})})),t(p,o({open:z,anchorEl:H,onClose:T,anchorOrigin:{vertical:w?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},v,{classes:o(o({},null==v?void 0:v.classes),{paper:a(x.popoverPaper,w&&"scrollable",null===(c=null==v?void 0:v.classes)||void 0===c?void 0:c.paper)})},{children:[t("div",o({className:a(x.popoverHeader,w&&"scrollable")},{children:[i("div",o({className:x.headerTitle},{children:"Settings"})),i(h,o({tooltipProps:{title:"Close"},onClick:T},{children:i(d,{})}))]})),i("div",o({className:a(x.popoverContentContainer,w&&"scrollable"),ref:function(e){e&&e.scrollHeight<=e.clientHeight&&!b&&P(!1)}},{children:i("div",o({className:x.popoverContent},{children:m}))})),i("div",{className:x.shadow})]}))]})}var u={iconSettingsProps:n.shape({iconSize:n.string,tooltipProps:n.shape({title:n.string})}),defaultScrollable:n.bool,maxHeight:n.number};m.propTypes=u,m.defaultProps={iconSettingsProps:{iconSize:"small"},defaultScrollable:!1,maxHeight:null};export{m as default};

package/components/DevCenter/AppSettingsPopover/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from "./AppSettingsPopover";
+export { default } from './AppSettingsPopover';
 //# sourceMappingURL=index.d.ts.map

package/components/DevCenter/AppSettingsPopover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppSettingsPopover/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppSettingsPopover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC"}

package/components/DevCenter/AppSideBar/AppSideBar.d.ts

@@ -1,68 +1,60 @@
-export default AppSideBar;
-declare function AppSideBar({ anchor, children, drawerPaperClassName, expandedTooltipTitle, collapsedTooltipTitle, header, headerIcon, headerTitleIcon, isOpen, openedDrawerWidth, setIsOpen, size, allOptionsButtonShown, isAllOptionsSelected, onAllOptionsClick, }: {
-    anchor: any;
-    children: any;
-    drawerPaperClassName: any;
-    expandedTooltipTitle: any;
-    collapsedTooltipTitle: any;
-    header: any;
-    headerIcon: any;
-    headerTitleIcon: any;
-    isOpen: any;
-    openedDrawerWidth: any;
-    setIsOpen: any;
-    size: any;
-    allOptionsButtonShown: any;
-    isAllOptionsSelected: any;
-    onAllOptionsClick: any;
-}): JSX.Element;
-declare namespace AppSideBar {
-    namespace propTypes {
-        const anchor: PropTypes.Requireable<string>;
-        const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        const drawerPaperClassName: PropTypes.Requireable<string>;
-        const expandedTooltipTitle: PropTypes.Requireable<string>;
-        const collapsedTooltipTitle: PropTypes.Requireable<string>;
-        const header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const headerIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const headerTitleIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const isOpen: PropTypes.Requireable<boolean>;
-        const openedDrawerWidth: PropTypes.Requireable<NonNullable<string | number>>;
-        const setIsOpen: PropTypes.Requireable<(...args: any[]) => any>;
-        const size: PropTypes.Requireable<string>;
-        const allOptionsButtonShown: PropTypes.Requireable<boolean>;
-        const isAllOptionsSelected: PropTypes.Requireable<boolean>;
-        const onAllOptionsClick: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-    namespace defaultProps {
-        const anchor_1: string;
-        export { anchor_1 as anchor };
-        const drawerPaperClassName_1: string;
-        export { drawerPaperClassName_1 as drawerPaperClassName };
-        const expandedTooltipTitle_1: string;
-        export { expandedTooltipTitle_1 as expandedTooltipTitle };
-        const collapsedTooltipTitle_1: string;
-        export { collapsedTooltipTitle_1 as collapsedTooltipTitle };
-        const header_1: any;
-        export { header_1 as header };
-        const headerIcon_1: any;
-        export { headerIcon_1 as headerIcon };
-        const headerTitleIcon_1: any;
-        export { headerTitleIcon_1 as headerTitleIcon };
-        const isOpen_1: boolean;
-        export { isOpen_1 as isOpen };
-        const openedDrawerWidth_1: number;
-        export { openedDrawerWidth_1 as openedDrawerWidth };
-        export { noop as setIsOpen };
-        const size_1: string;
-        export { size_1 as size };
-        const allOptionsButtonShown_1: boolean;
-        export { allOptionsButtonShown_1 as allOptionsButtonShown };
-        const isAllOptionsSelected_1: boolean;
-        export { isAllOptionsSelected_1 as isAllOptionsSelected };
-        export { noop as onAllOptionsClick };
-    }
+import PropTypes from 'prop-types';
+declare type Anchor = 'left' | 'right';
+interface AppSideBarProps extends PropTypes.InferProps<typeof appSideBarPropTypes> {
+    anchor: Anchor;
 }
-import PropTypes from "prop-types";
-import { noop } from "lodash/common/util";
+declare const AppSideBar: {
+    ({ anchor, children, drawerPaperClassName, expandedTooltipTitle, collapsedTooltipTitle, header, headerIcon, headerTitleIcon, isOpen, openedDrawerWidth, setIsOpen, size, allOptionsButtonShown, isAllOptionsSelected, onAllOptionsClick, }: AppSideBarProps): JSX.Element;
+    propTypes: {
+        anchor: PropTypes.Requireable<string>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        drawerPaperClassName: PropTypes.Requireable<string>;
+        expandedTooltipTitle: PropTypes.Requireable<string>;
+        collapsedTooltipTitle: PropTypes.Requireable<string>;
+        header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        headerIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        headerTitleIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        isOpen: PropTypes.Requireable<boolean>;
+        openedDrawerWidth: PropTypes.Requireable<NonNullable<string | number>>;
+        setIsOpen: PropTypes.Requireable<(...args: any[]) => any>;
+        size: PropTypes.Requireable<string>;
+        allOptionsButtonShown: PropTypes.Requireable<boolean>;
+        isAllOptionsSelected: PropTypes.Requireable<boolean>;
+        onAllOptionsClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    defaultProps: {
+        anchor: string;
+        drawerPaperClassName: string;
+        expandedTooltipTitle: string;
+        collapsedTooltipTitle: string;
+        header: any;
+        headerIcon: any;
+        headerTitleIcon: any;
+        isOpen: boolean;
+        openedDrawerWidth: number;
+        setIsOpen: (...args: any[]) => void;
+        size: string;
+        allOptionsButtonShown: boolean;
+        isAllOptionsSelected: boolean;
+        onAllOptionsClick: (...args: any[]) => void;
+    };
+};
+declare const appSideBarPropTypes: {
+    anchor: PropTypes.Requireable<string>;
+    children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+    drawerPaperClassName: PropTypes.Requireable<string>;
+    expandedTooltipTitle: PropTypes.Requireable<string>;
+    collapsedTooltipTitle: PropTypes.Requireable<string>;
+    header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    headerIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    headerTitleIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    isOpen: PropTypes.Requireable<boolean>;
+    openedDrawerWidth: PropTypes.Requireable<NonNullable<string | number>>;
+    setIsOpen: PropTypes.Requireable<(...args: any[]) => any>;
+    size: PropTypes.Requireable<string>;
+    allOptionsButtonShown: PropTypes.Requireable<boolean>;
+    isAllOptionsSelected: PropTypes.Requireable<boolean>;
+    onAllOptionsClick: PropTypes.Requireable<(...args: any[]) => any>;
+};
+export default AppSideBar;
 //# sourceMappingURL=AppSideBar.d.ts.map

package/components/DevCenter/AppSideBar/AppSideBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppSideBar.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppSideBar/AppSideBar.js"],"names":[],"mappings":";AAsIA;;;;;;;;;;;;;;;;gBA+GC"}
+{"version":3,"file":"AppSideBar.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppSideBar/AppSideBar.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAoBnC,aAAK,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/B,UAAU,eAAgB,SAAQ,SAAS,CAAC,UAAU,CAAC,OAAO,mBAAmB,CAAC;IAChF,MAAM,EAAE,MAAM,CAAC;CAChB;AAmHD,QAAA,MAAM,UAAU;gPAgBb,eAAe,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+F/B,CAAC;AAEF,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;CAgBxB,CAAC;AAqBF,eAAe,UAAU,CAAC"}

package/components/DevCenter/AppSideBar/AppSideBar.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/helpers/defineProperty";import{useState as t,useRef as r,useEffect as n}from"react";import i from"prop-types";import a from"classnames";import{noop as l}from"lodash";import{makeStyles as p,Drawer as d,Box as c,Tooltip as s}from"@material-ui/core";import h from"@material-ui/icons/ChevronLeftRounded";import m from"@material-ui/icons/ChevronRightRounded";import u from"@material-ui/icons/Sort";import f from"@material-ui/icons/Check";import g from"@material-ui/icons/Close";import x from"../../IconButton/index.js";import b from"../../Button/index.js";import{jsxs as w,Fragment as T,jsx as C}from"react/jsx-runtime";var S=p((function(e){var t,r;return{drawer:function(t){var r=t.openedDrawerWidth;return o({height:"100%",position:"relative",width:r,borderTop:"1px solid",borderTopColor:e.palette.background.b7,boxShadow:"4px 0px 8px rgba(0, 0, 0, 0.15)"},"&.".concat("closed"),{width:"48px"})},drawerPaper:(t={position:"relative",width:"100%",backgroundColor:e.palette.background.b5},o(t,"&.".concat("closed"),{cursor:"pointer","&:hover":{backgroundColor:e.palette.background.b7,"& > $header":{backgroundColor:e.palette.background.b7}}}),o(t,"&.MuiDrawer-paperAnchorDockedLeft",{borderRight:"none"}),o(t,"&.MuiDrawer-paperAnchorDockedRight",{borderLeft:"none"}),t),header:(r={height:48,borderBottom:"1px solid",borderBottomColor:e.palette.background.b7,display:"flex",justifyContent:"center",alignItems:"center",position:"absolute",top:0,left:0,right:0,letterSpacing:"1px",textTransform:"uppercase",fontSize:"14px",fontWeight:500,lineHeight:"20px",backgroundColor:e.palette.background.b5},o(r,"&.".concat("open"),{padding:e.spacing(1.5),justifyContent:"flex-start"}),o(r,"&.".concat("withShadow"),{zIndex:1,boxShadow:"-18px 12px 12px #272727"}),r),openToggleIconOpen:{transform:"rotate(180deg)"},openToggleContainer:function(e){var t,r=e.anchor;return o(t={alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,justifyContent:"center",padding:6,position:"absolute",width:"100%"},"&.".concat("withShadow"),{zIndex:1,boxShadow:"-18px -12px 12px #272727"}),o(t,"&.".concat("open"),{justifyContent:"left"===r?"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}}})),I=function(i){var l,p=i.anchor,I=i.children,k=i.drawerPaperClassName,O=i.expandedTooltipTitle,v=i.collapsedTooltipTitle,A=i.header,B=i.headerIcon,y=i.headerTitleIcon,N=i.isOpen,D=i.openedDrawerWidth,z=i.setIsOpen,P=i.size,R=i.allOptionsButtonShown,W=i.isAllOptionsSelected,j=i.onAllOptionsClick,L=t(!1),M=e(L,2),H=M[0],_=M[1],q=r(),E=S({anchor:p,openedDrawerWidth:D||{small:235,medium:354,large:473}[P]});n((function(){var e=q.current,o=e.scrollHeight,t=e.clientHeight;_(o>t)}));var Y="left"===p?m:h;return w(d,{"data-testid":"".concat("AppSideBar","_Drawer"),onClick:function(){N||z(!0)},className:a(E.drawer,!N&&"closed"),variant:"permanent",classes:{paper:a(E.drawerPaper,k,!N&&"closed")},anchor:p,children:[w("div",{className:a(E.header,N&&"open",H&&"withShadow"),onClick:function(){N&&z(!1)},children:[N&&w(T,{children:[y||C(u,{className:E.headerIcon}),C("div",{"data-testid":"".concat("AppSideBar","_header"),className:E.headerIconText,children:A}),R&&C(b,{className:E.selectAllButton,onClick:function(e){e.stopPropagation(),j(e)},startIcon:C(W?g:f,{}),children:W?"Clear All":"Select All"})]}),!N&&B]}),C("div",{className:E.contentWrapper,ref:q,children:C("div",{className:E.content,children:N&&I})}),C(c,{className:a(E.openToggleContainer,(l={},o(l,"open",N),o(l,"withShadow",H),l)),children:C(s,{title:N?O:v,placement:"bottom",children:C("div",{children:C(x,{"aria-label":"toggle sidebar",onClick:function(){z(!N)},children:C(Y,{"data-testid":"".concat("AppSideBar","_arrowButton"),className:a(N&&E.openToggleIconOpen)})})})})})]})};I.propTypes={anchor:i.oneOf(["left","right"]),children:i.node.isRequired,drawerPaperClassName:i.string,expandedTooltipTitle:i.string,collapsedTooltipTitle:i.string,header:i.node,headerIcon:i.node,headerTitleIcon:i.node,isOpen:i.bool,openedDrawerWidth:i.oneOfType([i.string,i.number]),setIsOpen:i.func,size:i.oneOf(["small","medium","large"]),allOptionsButtonShown:i.bool,isAllOptionsSelected:i.bool,onAllOptionsClick:i.func},I.defaultProps={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{I as default};
+import{__assign as e}from"../../../_virtual/_tslib.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 l from"prop-types";import d from"classnames";import{noop as p}from"lodash";import{makeStyles as c,createStyles as s,Drawer as h,Box as m,Tooltip as u}from"@material-ui/core";import f from"@material-ui/icons/ChevronLeftRounded";import g from"@material-ui/icons/ChevronRightRounded";import x from"@material-ui/icons/Sort";import b from"@material-ui/icons/Check";import w from"@material-ui/icons/Close";import C from"../../IconButton/index.js";import T from"../../Button/index.js";var S=c((function(e){var o,t;return s({drawer:function(o){var t;return(t={height:"100%",position:"relative",width:o.openedDrawerWidth,borderTop:"1px solid",borderTopColor:e.palette.background.b7,boxShadow:"4px 0px 8px rgba(0, 0, 0, 0.15)"})["&.".concat("closed")]={width:"48px"},t},drawerPaper:(o={position:"relative",width:"100%",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={height:48,borderBottom:"1px solid",borderBottomColor:e.palette.background.b7,display:"flex",justifyContent:"center",alignItems:"center",position:"absolute",top:0,left:0,right:0,letterSpacing:"1px",textTransform:"uppercase",fontSize:"14px",fontWeight:500,lineHeight:"20px",backgroundColor:e.palette.background.b5},t["&.".concat("open")]={padding:e.spacing(1.5),justifyContent:"flex-start"},t["&.".concat("withShadow")]={zIndex:1,boxShadow:"-18px 12px 12px #272727"},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("withShadow")]={zIndex:1,boxShadow:"-18px -12px 12px #272727"},o["&.".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}})})),I=function(l){var p,c=l.anchor,s=l.children,I=l.drawerPaperClassName,k=l.expandedTooltipTitle,v=l.collapsedTooltipTitle,O=l.header,A=l.headerIcon,B=l.headerTitleIcon,N=l.isOpen,D=l.openedDrawerWidth,y=l.setIsOpen,z=l.size,j=l.allOptionsButtonShown,R=l.isAllOptionsSelected,W=l.onAllOptionsClick,P=r(!1),L=P[0],M=P[1],_=i(),H=S({anchor:c,openedDrawerWidth:D||{small:235,medium:354,large:473}[z]});a((function(){var e=_.current,o=e.scrollHeight,t=e.clientHeight;M(o>t)}));var q="left"===c?g:f;return o(h,e({"data-testid":"".concat("AppSideBar","_Drawer"),onClick:function(){N||y(!0)},className:d(H.drawer,!N&&"closed"),variant:"permanent",classes:{paper:d(H.drawerPaper,I,!N&&"closed")},anchor:c},{children:[o("div",e({className:d(H.header,N&&"open",L&&"withShadow"),onClick:function(){N&&y(!1)}},{children:[N&&o(t,{children:[B||n(x,{className:H.headerIcon}),n("div",e({"data-testid":"".concat("AppSideBar","_header"),className:H.headerIconText},{children:O})),j&&n(T,e({className:H.selectAllButton,onClick:function(e){e.stopPropagation(),W(e)},startIcon:n(R?w:b,{})},{children:R?"Clear All":"Select All"}))]}),!N&&A]})),n("div",e({className:H.contentWrapper,ref:_},{children:n("div",e({className:H.content},{children:N&&s}))})),n(m,e({className:d(H.openToggleContainer,(p={},p.open=N,p.withShadow=L,p))},{children:n(u,e({title:N?k:v,placement:"bottom"},{children:n("div",{children:n(C,e({"aria-label":"toggle sidebar",onClick:function(){y(!N)}},{children:n(q,{"data-testid":"".concat("AppSideBar","_arrowButton"),className:d(N&&H.openToggleIconOpen)})}))})}))}))]}))},k={anchor:l.oneOf(["left","right"]),children:l.node.isRequired,drawerPaperClassName:l.string,expandedTooltipTitle:l.string,collapsedTooltipTitle:l.string,header:l.node,headerIcon:l.node,headerTitleIcon:l.node,isOpen:l.bool,openedDrawerWidth:l.oneOfType([l.string,l.number]),setIsOpen:l.func,size:l.oneOf(["small","medium","large"]),allOptionsButtonShown:l.bool,isAllOptionsSelected:l.bool,onAllOptionsClick:l.func};I.propTypes=k,I.defaultProps={anchor:"left",drawerPaperClassName:"",expandedTooltipTitle:"Collapse",collapsedTooltipTitle:"Expand",header:null,headerIcon:null,headerTitleIcon:null,isOpen:!1,openedDrawerWidth:0,setIsOpen:p,size:"medium",allOptionsButtonShown:!1,isAllOptionsSelected:!1,onAllOptionsClick:p};export{I as default};