@idea-fragments/react-components-zendesk 0.1.56 → 0.1.58
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/dist/layouts.js
CHANGED
|
@@ -11249,7 +11249,7 @@ if(prevState.placement!==this.state.placement){this.scheduleUpdate();}};_proto.c
|
|
|
11249
11249
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
11250
11250
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
11251
11251
|
*/function _extends$z(){_extends$z=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$z.apply(this,arguments);}function _objectWithoutPropertiesLoose$8(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}function _objectWithoutProperties$4(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose$8(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}function _slicedToArray$4(arr,i){return _arrayWithHoles$4(arr)||_iterableToArrayLimit$4(arr,i)||_unsupportedIterableToArray$4(arr,i)||_nonIterableRest$4();}function _arrayWithHoles$4(arr){if(Array.isArray(arr))return arr;}function _iterableToArrayLimit$4(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _unsupportedIterableToArray$4(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray$4(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray$4(o,minLen);}function _arrayLikeToArray$4(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _nonIterableRest$4(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var ALIGN_ITEMS=['start','end','center','baseline','stretch'];var ALIGN_SELF=['auto'].concat(ALIGN_ITEMS);var JUSTIFY_CONTENT=['start','end','center','between','around'];var TEXT_ALIGN=['start','end','center','justify'];var SPACE=[false,'xxs','xs','sm','md','lg','xl','xxl'];var WRAP=['nowrap','wrap','wrap-reverse'];var ORIENTATION=['top','bottom','start','end'];var COMPONENT_ID$6$3='grid.col';var colorStyles$4$1=function colorStyles(props){var backgroundColor=getColor('primaryHue',600,props.theme,0.1);return styled.css(["background-clip:content-box;background-color:",";"],backgroundColor);};var flexStyles$1=function flexStyles(size,alignSelf,textAlign,offset,order,props){var margin=offset&&"".concat(math("".concat(offset," / ").concat(props.columns," * 100")),"%");var flexBasis;var flexGrow;var maxWidth;var width;if(typeof size==='boolean'){flexBasis=0;flexGrow=1;maxWidth='100%';}else if(size==='auto'){flexBasis='auto';flexGrow=0;maxWidth='100%';width='auto';}else if(size!==undefined){flexBasis="".concat(math("".concat(size," / ").concat(props.columns," * 100")),"%");flexGrow=0;maxWidth=flexBasis;}var horizontalAlign;if(textAlign==='start'){horizontalAlign=props.theme.rtl?'right':'left';}else if(textAlign==='end'){horizontalAlign=props.theme.rtl?'left':'right';}else{horizontalAlign=textAlign;}var flexOrder;if(order==='first'){flexOrder=-1;}else if(order==='last'){flexOrder=math("".concat(props.columns," + 1"));}else{flexOrder=order;}return styled.css(["flex-basis:",";flex-grow:",";flex-shrink:",";align-self:",";order:",";margin-",":",";width:",";max-width:",";text-align:",";"],flexBasis,flexGrow,size&&0,alignSelf==='start'||alignSelf==='end'?"flex-".concat(alignSelf):alignSelf,flexOrder,props.theme.rtl?'right':'left',margin,width,maxWidth,horizontalAlign);};var mediaStyles$1=function mediaStyles(minWidth,size,alignSelf,textAlign,offset,order,props){return styled.css(["@media (min-width:","){",";}"],minWidth,flexStyles$1(size,alignSelf,textAlign,offset,order,props));};var sizeStyles$4$1=function sizeStyles(props){var padding=props.gutters?math("".concat(props.theme.space[props.gutters]," / 2")):0;return styled.css(["padding-right:",";padding-left:",";"],padding,padding);};var StyledCol=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$6$3,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledCol",componentId:"sc-inuw62-0"})(["box-sizing:border-box;width:100%;",";",";",";",";",";",";",";",";",";"],function(props){return flexStyles$1(!props.sizeAll&&(props.xs||props.sm||props.md||props.lg||props.xl)?undefined:props.sizeAll||false,props.alignSelf,props.textAlign,props.offset,props.order,props);},function(props){return sizeStyles$4$1(props);},function(props){return props.debug&&colorStyles$4$1(props);},function(props){return mediaStyles$1(props.theme.breakpoints.xs,props.xs,props.alignSelfXs,props.textAlignXs,props.offsetXs,props.orderXs,props);},function(props){return mediaStyles$1(props.theme.breakpoints.sm,props.sm,props.alignSelfSm,props.textAlignSm,props.offsetSm,props.orderSm,props);},function(props){return mediaStyles$1(props.theme.breakpoints.md,props.md,props.alignSelfMd,props.textAlignMd,props.offsetMd,props.orderMd,props);},function(props){return mediaStyles$1(props.theme.breakpoints.lg,props.lg,props.alignSelfLg,props.textAlignLg,props.offsetLg,props.orderLg,props);},function(props){return mediaStyles$1(props.theme.breakpoints.xl,props.xl,props.alignSelfXl,props.textAlignXl,props.offsetXl,props.orderXl,props);},function(props){return retrieveComponentStyles(COMPONENT_ID$6$3,props);});StyledCol.defaultProps={columns:12,theme:DEFAULT_THEME};var COMPONENT_ID$5$3='grid.grid';var colorStyles$3$1=function colorStyles(props){var borderColor=getColor(props.theme.palette.crimson,400,props.theme,0.5);var borderWidth=math("".concat(props.theme.borderWidths.sm," * 2"));return styled.css(["box-shadow:-"," 0 0 0 ",","," 0 0 0 ",";"],borderWidth,borderColor,borderWidth,borderColor);};var sizeStyles$3$1=function sizeStyles(props){var padding=props.gutters?math("".concat(props.theme.space[props.gutters]," / 2")):0;return styled.css(["padding-right:",";padding-left:",";"],padding,padding);};var StyledGrid=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5$3,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledGrid",componentId:"sc-oxgg5i-0"})(["direction:",";margin-right:auto;margin-left:auto;width:100%;box-sizing:border-box;",";",";",";"],function(props){return props.theme.rtl&&'rtl';},function(props){return sizeStyles$3$1(props);},function(props){return props.debug&&colorStyles$3$1(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$5$3,props);});StyledGrid.defaultProps={gutters:'md',theme:DEFAULT_THEME};var COMPONENT_ID$4$3='grid.row';var colorStyles$2$1=function colorStyles(props){var borderColor=getColor(props.theme.palette.mint,600,props.theme,0.5);var borderWidth=props.theme.borderWidths.sm;return styled.css(["box-shadow:inset 0 "," 0 0 ",",inset 0 -"," 0 0 ",";"],borderWidth,borderColor,borderWidth,borderColor);};var flexStyles=function flexStyles(alignItems,justifyContent,wrap){var flexAlignItems;var flexJustifyContent;if(alignItems==='start'||alignItems==='end'){flexAlignItems="flex-".concat(alignItems);}else{flexAlignItems=alignItems;}if(justifyContent==='start'||justifyContent==='end'){flexJustifyContent="flex-".concat(justifyContent);}else if(justifyContent==='between'||justifyContent==='around'){flexJustifyContent="space-".concat(justifyContent);}else{flexJustifyContent=justifyContent;}return styled.css(["flex-wrap:",";align-items:",";justify-content:",";"],wrap,flexAlignItems,flexJustifyContent);};var mediaStyles=function mediaStyles(minWidth,alignItems,justifyContent,wrap){return styled.css(["@media (min-width:","){",";}"],minWidth,flexStyles(alignItems,justifyContent,wrap));};var sizeStyles$2$1=function sizeStyles(props){var margin=props.gutters?math("".concat(props.theme.space[props.gutters]," / 2")):0;return styled.css(["margin-right:-",";margin-left:-",";"],margin,margin);};var StyledRow$1=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$3,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledRow",componentId:"sc-xjsdg1-0"})(["display:flex;box-sizing:border-box;"," ",";",";",";",";",";",";",";",";"],function(props){return flexStyles(props.alignItems,props.justifyContent,props.wrapAll);},function(props){return sizeStyles$2$1(props);},function(props){return props.debug&&colorStyles$2$1(props);},function(props){return mediaStyles(props.theme.breakpoints.xs,props.alignItemsXs,props.justifyContentXs,props.wrapXs);},function(props){return mediaStyles(props.theme.breakpoints.sm,props.alignItemsSm,props.justifyContentSm,props.wrapSm);},function(props){return mediaStyles(props.theme.breakpoints.md,props.alignItemsMd,props.justifyContentMd,props.wrapMd);},function(props){return mediaStyles(props.theme.breakpoints.lg,props.alignItemsLg,props.justifyContentLg,props.wrapLg);},function(props){return mediaStyles(props.theme.breakpoints.xl,props.alignItemsXl,props.justifyContentXl,props.wrapXl);},function(props){return retrieveComponentStyles(COMPONENT_ID$4$3,props);});StyledRow$1.defaultProps={wrapAll:'wrap',theme:DEFAULT_THEME};var COMPONENT_ID$3$4='pane';var StyledPane=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$3$4,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledPane",componentId:"sc-1ltjst7-0"})(["position:relative;min-width:0;min-height:0;",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$3$4,props);});StyledPane.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$2$4='pane.content';var StyledPaneContent=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$2$4,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledPaneContent",componentId:"sc-1b38mbh-0"})(["height:100%;overflow:auto;",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$2$4,props);});StyledPaneContent.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$1$4='pane.splitter';var colorStyles$1$2=function colorStyles(props){var color=getColor('neutralHue',300,props.theme);var hoverColor=getColor('primaryHue',600,props.theme);var activeColor=getColor('primaryHue',800,props.theme);var boxShadow=props.theme.shadows.md(rgba(hoverColor,0.35));return styled.css(["&::before{background-color:",";}&:hover::before{background-color:",";}&[data-garden-focus-visible]::before{box-shadow:",";background-color:",";}&:active::before{background-color:",";}"],color,props.isHovered&&hoverColor,boxShadow,hoverColor,props.isHovered&&activeColor);};var sizeStyles$1$3=function sizeStyles(props){var size=math("".concat(props.theme.shadowWidths.md," * 2"));var separatorSize=math("".concat(props.theme.borderWidths.sm," * 2"));var offset=math("-".concat(size," / 2"));var cursor;var top;var right;var left;var bottom;var width;var height;var separatorWidth;var separatorHeight;switch(props.orientation){case'top':cursor='row-resize';top=offset;width='100%';height=size;separatorWidth=width;separatorHeight=props.theme.borderWidths.sm;break;case'end':cursor='col-resize';top=0;width=size;height='100%';separatorWidth=props.theme.borderWidths.sm;separatorHeight=height;if(props.theme.rtl){left=offset;}else{right=offset;}break;case'bottom':cursor='row-resize';bottom=offset;width='100%';height=size;separatorWidth=width;separatorHeight=props.theme.borderWidths.sm;break;case'start':cursor='col-resize';top=0;width=size;height='100%';separatorWidth=props.theme.borderWidths.sm;separatorHeight=height;if(props.theme.rtl){right=offset;}else{left=offset;}break;}var dimensionProperty=width==='100%'?'height':'width';return styled.css(["top:",";right:",";bottom:",";left:",";cursor:",";width:",";height:",";&::before{width:",";height:",";}&:hover::before{",":",";}&[data-garden-focus-visible]::before,&:focus::before{",":",";}&[data-garden-focus-visible]::before{border-radius:",";}"],top,right,bottom,left,cursor,width,height,separatorWidth,separatorHeight,dimensionProperty,props.isHovered&&separatorSize,dimensionProperty,separatorSize,props.theme.borderRadii.md);};var StyledPaneSplitter=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1$4,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledPaneSplitter",componentId:"sc-jylemn-0"})(["display:flex;position:absolute;align-items:center;justify-content:center;z-index:1;user-select:none;",";&:focus{outline:none;}&::before{position:absolute;transition:box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out;z-index:-1;content:'';}",";",";"],sizeStyles$1$3,colorStyles$1$2,function(props){return retrieveComponentStyles(COMPONENT_ID$1$4,props);});StyledPaneSplitter.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$N='pane.splitter_button';var transformStyles=function transformStyles(props){var degrees=0;if(props.isRotated){degrees=props.theme.rtl?-180:180;}if(props.orientation==='end'){degrees+=props.theme.rtl?-90:90;}else if(props.orientation==='start'){degrees+=props.theme.rtl?90:-90;}else if(props.orientation==='bottom'){degrees+=180;}return styled.css(["& > svg{transform:rotate(","deg);}"],degrees);};var colorStyles$e=function colorStyles(_ref){var theme=_ref.theme;var boxShadow=theme.shadows.lg("".concat(theme.space.base,"px"),"".concat(theme.space.base*2,"px"),getColor('chromeHue',600,theme,0.15));var focusBoxShadow=theme.shadows.md(getColor('primaryHue',600,theme,0.35));return styled.css(["box-shadow:",";&[data-garden-focus-visible]{box-shadow:",",",";}"],boxShadow,focusBoxShadow,boxShadow);};var sizeStyles$i=function sizeStyles(props){var size="".concat(props.theme.space.base*6,"px");var display=props.splitterSize<=stripUnit(math("".concat(props.theme.shadowWidths.md," * 2 + ").concat(size)))&&'none';var isVertical=props.orientation==='start'||props.orientation==='end';var top;var left;var right;var bottom;if(props.splitterSize>=stripUnit(math("".concat(size," * 3")))){if(props.placement==='start'){if(isVertical){top=size;}else if(props.theme.rtl){right=size;}else{left=size;}}else if(props.placement==='end'){if(isVertical){bottom=size;}else if(props.theme.rtl){left=size;}else{right=size;}}}return styled.css(["display:",";top:",";right:",";bottom:",";left:",";width:",";min-width:",";height:",";"],display,top,right,bottom,left,size,size,size);};var StyledPaneSplitterButton=styled__default["default"](ChevronButton).attrs({'data-garden-id':COMPONENT_ID$N,'data-garden-version':'8.53.2',isBasic:true,isPill:true,size:'small'}).withConfig({displayName:"StyledPaneSplitterButton",componentId:"sc-zh032e-0"})(["position:absolute;transition:background-color 0.25s ease-in-out,opacity 0.25s ease-in-out 0.1s;opacity:0;&[data-garden-focus-visible],",":hover &,","[data-garden-focus-visible] &{opacity:1;}",";",";",";&::before{position:absolute;z-index:-1;background-color:",";width:100%;height:100%;content:'';}",";"],StyledPaneSplitter,StyledPaneSplitter,sizeStyles$i,transformStyles,colorStyles$e,function(props){return props.theme.colors.background;},function(props){return retrieveComponentStyles(COMPONENT_ID$N,props);});StyledPaneSplitterButton.defaultProps={theme:DEFAULT_THEME};var GridContext=React__default.createContext({gutters:'md'});var useGridContext=function useGridContext(){return React__default.useContext(GridContext);};var _excluded$4$3=["size"];var Col$1=React__default__default["default"].forwardRef(function(_ref,ref){var size=_ref.size,props=_objectWithoutProperties$4(_ref,_excluded$4$3);var _useGridContext=useGridContext(),columns=_useGridContext.columns,gutters=_useGridContext.gutters,debug=_useGridContext.debug;return React__default__default["default"].createElement(StyledCol,_extends$z({sizeAll:size,columns:columns,gutters:gutters,debug:debug,ref:ref},props));});Col$1.displayName='Col';Col$1.propTypes={size:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),xs:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),sm:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),md:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),lg:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),xl:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string,propTypes.exports.bool]),alignSelf:propTypes.exports.oneOf(ALIGN_SELF),alignSelfXs:propTypes.exports.oneOf(ALIGN_SELF),alignSelfSm:propTypes.exports.oneOf(ALIGN_SELF),alignSelfMd:propTypes.exports.oneOf(ALIGN_SELF),alignSelfLg:propTypes.exports.oneOf(ALIGN_SELF),alignSelfXl:propTypes.exports.oneOf(ALIGN_SELF),textAlign:propTypes.exports.oneOf(TEXT_ALIGN),textAlignXs:propTypes.exports.oneOf(TEXT_ALIGN),textAlignSm:propTypes.exports.oneOf(TEXT_ALIGN),textAlignMd:propTypes.exports.oneOf(TEXT_ALIGN),textAlignLg:propTypes.exports.oneOf(TEXT_ALIGN),textAlignXl:propTypes.exports.oneOf(TEXT_ALIGN),offset:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetXs:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetSm:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetMd:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetLg:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),offsetXl:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),order:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderXs:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderSm:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderMd:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderLg:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),orderXl:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string])};var _excluded$3$2=["columns","debug"];var Grid$1=React__default__default["default"].forwardRef(function(_ref,ref){var columns=_ref.columns,debug=_ref.debug,props=_objectWithoutProperties$4(_ref,_excluded$3$2);var value=React__default.useMemo(function(){return{columns:columns,gutters:props.gutters,debug:debug};},[columns,props.gutters,debug]);return React__default__default["default"].createElement(GridContext.Provider,{value:value},React__default__default["default"].createElement(StyledGrid,_extends$z({debug:debug,ref:ref},props)));});Grid$1.displayName='Grid';Grid$1.propTypes={columns:propTypes.exports.oneOfType([propTypes.exports.number,propTypes.exports.string]),gutters:propTypes.exports.oneOf(SPACE),debug:propTypes.exports.bool};Grid$1.defaultProps={columns:12,gutters:'md'};var _excluded$2$4=["wrap"];var Row$2=React__default__default["default"].forwardRef(function(_ref,ref){var wrap=_ref.wrap,props=_objectWithoutProperties$4(_ref,_excluded$2$4);var _useGridContext=useGridContext(),gutters=_useGridContext.gutters,debug=_useGridContext.debug;return React__default__default["default"].createElement(StyledRow$1,_extends$z({gutters:gutters,debug:debug,wrapAll:wrap,ref:ref},props));});Row$2.displayName='Row';Row$2.propTypes={alignItems:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsXs:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsSm:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsMd:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsLg:propTypes.exports.oneOf(ALIGN_ITEMS),alignItemsXl:propTypes.exports.oneOf(ALIGN_ITEMS),justifyContent:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentXs:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentSm:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentMd:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentLg:propTypes.exports.oneOf(JUSTIFY_CONTENT),justifyContentXl:propTypes.exports.oneOf(JUSTIFY_CONTENT),wrap:propTypes.exports.oneOf(WRAP),wrapXs:propTypes.exports.oneOf(WRAP),wrapSm:propTypes.exports.oneOf(WRAP),wrapMd:propTypes.exports.oneOf(WRAP),wrapLg:propTypes.exports.oneOf(WRAP),wrapXl:propTypes.exports.oneOf(WRAP)};var PaneProviderContext=React__default.createContext({});var usePaneProviderContextData=function usePaneProviderContextData(providerId){var context=React__default.useContext(PaneProviderContext);var id=providerId||context.providerId;return id&&context.contextData?context.contextData[id]:undefined;};({id:propTypes.exports.string,totalPanesWidth:propTypes.exports.number.isRequired,totalPanesHeight:propTypes.exports.number.isRequired,defaultRowValues:propTypes.exports.object,defaultColumnValues:propTypes.exports.object,rowValues:propTypes.exports.object,columnValues:propTypes.exports.object,onChange:propTypes.exports.func,children:propTypes.exports.func});var PaneContext=React__default.createContext({setId:function setId(){return undefined;}});var usePaneContext=function usePaneContext(){return React__default.useContext(PaneContext);};var PaneSplitterContext=React__default.createContext({orientation:'start',min:0,max:0,layoutKey:'',valueNow:0,size:0,isRow:false});var usePaneSplitterContext=function usePaneSplitterContext(){return React__default.useContext(PaneSplitterContext);};var _excluded$1$5=["providerId","layoutKey","min","max","orientation"];var orientationToPosition={start:SplitterPosition.LEADS,end:SplitterPosition.TRAILS,top:SplitterPosition.LEADS,bottom:SplitterPosition.TRAILS};var paneToSplitterOrientation={start:SplitterOrientation.VERTICAL,end:SplitterOrientation.VERTICAL,top:SplitterOrientation.HORIZONTAL,bottom:SplitterOrientation.HORIZONTAL};var orientationToDimension={start:'columns',end:'columns',top:'rows',bottom:'rows'};var SplitterComponent=React__default.forwardRef(function(_ref,ref){var _separatorProps$ref$c,_separatorProps$ref$c2;var providerId=_ref.providerId,layoutKey=_ref.layoutKey,min=_ref.min,max=_ref.max,orientation=_ref.orientation,props=_objectWithoutProperties$4(_ref,_excluded$1$5);var paneProviderContext=usePaneProviderContextData(providerId);var paneContext=usePaneContext();var themeContext=React__default.useContext(styled.ThemeContext);var _useState=React__default.useState(false),_useState2=_slicedToArray$4(_useState,2),isHovered=_useState2[0],setIsHovered=_useState2[1];var position=orientationToPosition[orientation];var isRow=orientationToDimension[orientation]==='rows';var splitterOrientation=paneToSplitterOrientation[orientation];var pixelsPerFr=paneProviderContext?paneProviderContext.pixelsPerFr[orientationToDimension[orientation]]:0;var value=isRow?paneProviderContext===null||paneProviderContext===void 0?void 0:paneProviderContext.getRowValue(layoutKey,true):paneProviderContext===null||paneProviderContext===void 0?void 0:paneProviderContext.getColumnValue(layoutKey,true);var valueInFr=isRow?paneProviderContext===null||paneProviderContext===void 0?void 0:paneProviderContext.getRowValue(layoutKey):paneProviderContext===null||paneProviderContext===void 0?void 0:paneProviderContext.getColumnValue(layoutKey);var _useSplitter=useSplitter({type:SplitterType.VARIABLE,orientation:splitterOrientation,position:position,min:min*pixelsPerFr,max:max*pixelsPerFr,rtl:themeContext.rtl,environment:window,onChange:function onChange(valueNow){if(isRow){return paneProviderContext===null||paneProviderContext===void 0?void 0:paneProviderContext.setRowValue(orientation==='top',layoutKey,valueNow/pixelsPerFr);}return paneProviderContext===null||paneProviderContext===void 0?void 0:paneProviderContext.setColumnValue(orientation==='start',layoutKey,valueNow/pixelsPerFr);},valueNow:value}),getSeparatorProps=_useSplitter.getSeparatorProps,getPrimaryPaneProps=_useSplitter.getPrimaryPaneProps;React__default.useEffect(function(){if(!paneContext.id){paneContext.setId(getPrimaryPaneProps().id);}},[paneContext,getPrimaryPaneProps]);var separatorProps=getSeparatorProps({'aria-controls':paneContext.id});var size=isRow?(_separatorProps$ref$c=separatorProps.ref.current)===null||_separatorProps$ref$c===void 0?void 0:_separatorProps$ref$c.clientWidth:(_separatorProps$ref$c2=separatorProps.ref.current)===null||_separatorProps$ref$c2===void 0?void 0:_separatorProps$ref$c2.clientHeight;var onMouseOver=React__default.useMemo(function(){return composeEventHandlers$2(props.onMouseOver,function(event){return setIsHovered(event.target===separatorProps.ref.current);});},[props.onMouseOver,separatorProps.ref]);return React__default__default["default"].createElement(PaneSplitterContext.Provider,{value:React__default.useMemo(function(){return{orientation:orientation,layoutKey:layoutKey,min:min,max:max,valueNow:valueInFr,size:size,isRow:isRow};},[orientation,layoutKey,min,max,valueInFr,size,isRow])},React__default__default["default"].createElement(StyledPaneSplitter,_extends$z({isHovered:isHovered,orientation:orientation},separatorProps,props,{onMouseOver:onMouseOver,ref:mergeRefs([separatorProps.ref,ref])})));});SplitterComponent.displayName='Pane.Splitter';SplitterComponent.propTypes={layoutKey:propTypes.exports.string.isRequired,min:propTypes.exports.number.isRequired,max:propTypes.exports.number.isRequired,orientation:propTypes.exports.oneOf(ORIENTATION)};SplitterComponent.defaultProps={orientation:'end'};var Splitter=SplitterComponent;var ContentComponent=React__default.forwardRef(function(props,ref){return React__default__default["default"].createElement(StyledPaneContent,_extends$z({ref:ref},props));});ContentComponent.displayName='Pane.Content';var Content$1=ContentComponent;var SplitterButtonComponent=React__default.forwardRef(function(props,ref){var label=props.label,defaultPlacement=props.placement;var _usePaneSplitterConte=usePaneSplitterContext(),orientation=_usePaneSplitterConte.orientation,layoutKey=_usePaneSplitterConte.layoutKey,min=_usePaneSplitterConte.min,max=_usePaneSplitterConte.max,isRow=_usePaneSplitterConte.isRow,valueNow=_usePaneSplitterConte.valueNow,size=_usePaneSplitterConte.size,providerId=_usePaneSplitterConte.providerId;var paneProviderContext=usePaneProviderContextData(providerId);var isTop=orientation==='top';var isStart=orientation==='start';var isMin=valueNow===min;var placement=defaultPlacement;if(!defaultPlacement){if(isRow){placement='center';}else{placement='start';}}var setValue=React__default.useCallback(function(value){if(isRow){paneProviderContext.setRowValue(isTop,layoutKey,value);}else{paneProviderContext.setColumnValue(isStart,layoutKey,value);}},[isRow,isTop,isStart,layoutKey,paneProviderContext]);var onClick=composeEventHandlers$2(props.onClick,function(){if(isMin){setValue(max);}else{setValue(min);}});var onKeyDown=composeEventHandlers$2(props.onKeyDown,function(event){return event.stopPropagation();});var onMouseDown=composeEventHandlers$2(props.onMouseDown,function(event){return event.stopPropagation();});return React__default__default["default"].createElement(Tooltip,{content:label,style:{cursor:'default'},onMouseDown:function onMouseDown(e){return e.stopPropagation();}},React__default__default["default"].createElement(StyledPaneSplitterButton,_extends$z({"aria-label":label},props,{placement:placement,orientation:orientation,isRotated:isMin,splitterSize:size||0,ref:ref,onClick:onClick,onKeyDown:onKeyDown,onMouseDown:onMouseDown})));});SplitterButtonComponent.displayName='Pane.SplitterButton';var SplitterButton=SplitterButtonComponent;var _excluded$n=["children"];var PaneComponent=React__default.forwardRef(function(_ref,ref){var children=_ref.children,props=_objectWithoutProperties$4(_ref,_excluded$n);var _useState=React__default.useState(),_useState2=_slicedToArray$4(_useState,2),paneId=_useState2[0],setPaneId=_useState2[1];var paneContext=React__default.useMemo(function(){return{id:paneId,setId:function setId(id){return setPaneId(id);}};},[paneId]);return React__default__default["default"].createElement(PaneContext.Provider,{value:paneContext},React__default__default["default"].createElement(StyledPane,_extends$z({id:paneId,ref:ref},props),children));});PaneComponent.displayName='Pane';var Pane=PaneComponent;Pane.Content=Content$1;Pane.Splitter=Splitter;Pane.SplitterButton=SplitterButton;var Grid=styled__default["default"](Grid$1)(templateObject_1$e||(templateObject_1$e=__makeTemplateObject(["\n && {\n padding: 0;\n }\n"],["\n && {\n padding: 0;\n }\n"])));var Row$1=styled__default["default"](Row$2)(templateObject_2$9||(templateObject_2$9=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var Col=styled__default["default"](Col$1)(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["\n && {\n margin-top: ",";\n margin-bottom: ",";\n }\n"],["\n && {\n margin-top: ",";\n margin-bottom: ",";\n }\n"])),SPACINGS.XS,SPACINGS.XS);var templateObject_1$e,templateObject_2$9,templateObject_3$6;var ButtonLink=React__default.forwardRef(function(_a,ref){var LinkComponent=_a.LinkComponent,external=_a.external,flat=_a.flat,otherProps=__rest(_a,["LinkComponent","external","flat"]);return jsxRuntime.jsx(Button,__assign({ref:ref},otherProps,{flat:flat!=null?flat:!otherProps.inline,// @ts-ignore
|
|
11252
|
-
innerAs:LinkComponent},external?{target:"_blank"}:{}));});ButtonLink.defaultProps={primary:false,onClick:DO_NOTHING,LinkComponent:"a",external:false,iconPosition:"left"};exports.IconAppBar=function(_a){var _b=_a.actions,actions=_b===void 0?[]:_b,actionIconSize=_a.actionIconSize,activeAction=_a.activeAction,_c=_a.bordered,bordered=_c===void 0?false:_c;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var createActionButtons=function(actions){return actions.map(function(_a){var as=_a.as,a=__rest(_a,["as"]);var props={active:a.label===activeAction,as:as,_css:actionButtonStyles$1,compact:true,icon:a.icon,iconPosition:"left",iconSize:actionIconSize,key:a.label,primary:true,flat:false};return a.href?jsxRuntime.jsx(ButtonLink,__assign({href:a.href},props)):jsxRuntime.jsx(Button,__assign({onClick:a.onClick},props));});};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(FixedPlaceHolder,{height:"".concat(appBarHeight)}),jsxRuntime.jsx(BarWrapper,__assign({bordered:bordered},{children:jsxRuntime.jsx(Content,__assign({height:appBarHeight},{children:jsxRuntime.jsx(FlexBox,__assign({fluid:true,gap:SPACINGS.XS,justifyContent:"space-between"},{children:createActionButtons(actions)}))}))}))]});};exports.IconAppBar=styled__default["default"](exports.IconAppBar)(templateObject_1$d||(templateObject_1$d=__makeTemplateObject([""],[""])));var actionButtonStyles$1=styled.css(templateObject_2$8||(templateObject_2$8=__makeTemplateObject(["\n &&&&& {\n border-radius: ",";\n ","\n\n height: 3.5em;\n width: 3.5em;\n padding: 0;\n\n :hover {\n color: ",";\n }\n }\n"],["\n &&&&& {\n border-radius: ",";\n ","\n\n height: 3.5em;\n width: 3.5em;\n padding: 0;\n\n :hover {\n color: ",";\n }\n }\n"])),function(_a){var theme=_a.theme;return"calc(".concat(theme.styles.sidebar.actionButton.borderRadius," + 10px)");},function(_a){var active=_a.active,theme=_a.theme;return!active?"background: transparent; color: ".concat(fade(theme.styles.textColorPrimary,.2),";"):"";},function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;});var barBorder=styled.css(templateObject_3$5||(templateObject_3$5=__makeTemplateObject(["\n border-top: 1px solid ",";\n"],["\n border-top: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var BarWrapper=styled__default["default"].header(templateObject_4$4||(templateObject_4$4=__makeTemplateObject(["\n background: ",";\n box-shadow: ",";\n position: fixed;\n ","\n left: 0;\n width: 100%;\n z-index: ",";\n\n ",";\n"],["\n background: ",";\n box-shadow: ",";\n position: fixed;\n ","\n left: 0;\n width: 100%;\n z-index: ",";\n\n ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.appBar.background;},function(_a){var theme=_a.theme;return theme.styles.appBar.shadow;},function(_a){var theme=_a.theme;return theme.styles.appBar.screenPosition==="top"?"top: 0;":"bottom: 0;";},function(_a){var theme=_a.theme;return theme.styles.appBar.zIndex;},function(_a){var bordered=_a.bordered;return bordered?barBorder:"";});var Content=styled__default["default"](FlexBox).attrs({alignItems:"center",as:"nav"})(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n height: ",";\n padding: 0 ",";\n"],["\n height: ",";\n padding: 0 ",";\n"])),function(_a){var height=_a.height;return height?height:"fit-content";},SPACINGS.LG);var FixedPlaceHolder=styled__default["default"].div(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n height: ",";\n flex-shrink: 0;\n"],["\n height: ",";\n flex-shrink: 0;\n"])),function(_a){var height=_a.height;return height;});var templateObject_1$d,templateObject_2$8,templateObject_3$5,templateObject_4$4,templateObject_5$1,templateObject_6$1;var Line=styled__default["default"].hr(templateObject_1$c||(templateObject_1$c=__makeTemplateObject(["\n background: ",";\n height: 2px;\n border: none;\n margin: unset;\n"],["\n background: ",";\n height: 2px;\n border: none;\n margin: unset;\n"])),function(_a){var color=_a.color;return color?color:COLORS.LIGHT_GREY;});var templateObject_1$c;var OpacityTransition=styled__default["default"].div(templateObject_1$b||(templateObject_1$b=__makeTemplateObject(["\n opacity: ",";\n transition: opacity .25s ease-in-out;\n"],["\n opacity: ",";\n transition: opacity .25s ease-in-out;\n"])),function(_a){var _b=_a.opacity,opacity=_b===void 0?1:_b;return opacity;});var templateObject_1$b;/**
|
|
11252
|
+
innerAs:LinkComponent},external?{target:"_blank"}:{}));});ButtonLink.defaultProps={primary:false,onClick:DO_NOTHING,LinkComponent:"a",external:false,iconPosition:"left"};exports.IconAppBar=React__default.forwardRef(function(_a,ref){var _b=_a.actions,actions=_b===void 0?[]:_b,actionIconSize=_a.actionIconSize,activeAction=_a.activeAction,_c=_a.bordered,bordered=_c===void 0?false:_c;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var createActionButtons=function(actions){return actions.map(function(_a){var as=_a.as,a=__rest(_a,["as"]);var props={active:a.label===activeAction,as:as,_css:actionButtonStyles$1,compact:true,icon:a.icon,iconPosition:"left",iconSize:actionIconSize,key:a.label,primary:true,flat:false};return a.href?jsxRuntime.jsx(ButtonLink,__assign({href:a.href},props)):jsxRuntime.jsx(Button,__assign({onClick:a.onClick},props));});};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(FixedPlaceHolder,{height:"".concat(appBarHeight)}),jsxRuntime.jsx(BarWrapper,__assign({bordered:bordered,ref:ref},{children:jsxRuntime.jsx(Content,__assign({height:appBarHeight},{children:jsxRuntime.jsx(FlexBox,__assign({fluid:true,gap:SPACINGS.XS,justifyContent:"space-between"},{children:createActionButtons(actions)}))}))}))]});});exports.IconAppBar=styled__default["default"](exports.IconAppBar)(templateObject_1$d||(templateObject_1$d=__makeTemplateObject([""],[""])));var actionButtonStyles$1=styled.css(templateObject_2$8||(templateObject_2$8=__makeTemplateObject(["\n &&&&& {\n border-radius: ",";\n ","\n\n height: 3.5em;\n width: 3.5em;\n padding: 0;\n\n @media (hover: hover) {\n :hover {\n color: ",";\n }\n }\n }\n"],["\n &&&&& {\n border-radius: ",";\n ","\n\n height: 3.5em;\n width: 3.5em;\n padding: 0;\n\n @media (hover: hover) {\n :hover {\n color: ",";\n }\n }\n }\n"])),function(_a){var theme=_a.theme;return"calc(".concat(theme.styles.sidebar.actionButton.borderRadius," + 10px)");},function(_a){var active=_a.active,theme=_a.theme;return!active?"background: transparent; color: ".concat(fade(theme.styles.textColorPrimary,.2),";"):"";},function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;});var barBorder=styled.css(templateObject_3$5||(templateObject_3$5=__makeTemplateObject(["\n border-top: 1px solid ",";\n"],["\n border-top: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var BarWrapper=styled__default["default"].header(templateObject_4$4||(templateObject_4$4=__makeTemplateObject(["\n background: ",";\n box-shadow: ",";\n position: fixed;\n ","\n left: 0;\n width: 100%;\n z-index: ",";\n\n ",";\n"],["\n background: ",";\n box-shadow: ",";\n position: fixed;\n ","\n left: 0;\n width: 100%;\n z-index: ",";\n\n ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.appBar.background;},function(_a){var theme=_a.theme;return theme.styles.appBar.shadow;},function(_a){var theme=_a.theme;return theme.styles.appBar.screenPosition==="top"?"top: 0;":"bottom: 0;";},function(_a){var theme=_a.theme;return theme.styles.appBar.zIndex;},function(_a){var bordered=_a.bordered;return bordered?barBorder:"";});var Content=styled__default["default"](FlexBox).attrs({alignItems:"center",as:"nav"})(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n height: ",";\n padding: 0 ",";\n"],["\n height: ",";\n padding: 0 ",";\n"])),function(_a){var height=_a.height;return height?height:"fit-content";},SPACINGS.LG);var FixedPlaceHolder=styled__default["default"].div(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n height: ",";\n flex-shrink: 0;\n"],["\n height: ",";\n flex-shrink: 0;\n"])),function(_a){var height=_a.height;return height;});var templateObject_1$d,templateObject_2$8,templateObject_3$5,templateObject_4$4,templateObject_5$1,templateObject_6$1;var Line=styled__default["default"].hr(templateObject_1$c||(templateObject_1$c=__makeTemplateObject(["\n background: ",";\n height: 2px;\n border: none;\n margin: unset;\n"],["\n background: ",";\n height: 2px;\n border: none;\n margin: unset;\n"])),function(_a){var color=_a.color;return color?color:COLORS.LIGHT_GREY;});var templateObject_1$c;var OpacityTransition=styled__default["default"].div(templateObject_1$b||(templateObject_1$b=__makeTemplateObject(["\n opacity: ",";\n transition: opacity .25s ease-in-out;\n"],["\n opacity: ",";\n transition: opacity .25s ease-in-out;\n"])),function(_a){var _b=_a.opacity,opacity=_b===void 0?1:_b;return opacity;});var templateObject_1$b;/**
|
|
11253
11253
|
* Copyright Zendesk, Inc.
|
|
11254
11254
|
*
|
|
11255
11255
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
@@ -11784,7 +11784,7 @@ Dropdown=styled__default["default"](Dropdown)(templateObject_1$8||(templateObjec
|
|
|
11784
11784
|
onChange:DO_NOTHING,onStateChange:DO_NOTHING};styled__default["default"](Multiselect)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n && {\n div { max-width: 100%; }\n }\n"],["\n && {\n div { max-width: 100%; }\n }\n"])));var Label=styled__default["default"](Label$1)(templateObject_6||(templateObject_6=__makeTemplateObject(["\n && { color: ","; }\n"],["\n && { color: ","; }\n"])),function(p){return p.theme.styles.textColorPrimary;});var createOptions=function(options,key,label,menuItemComponent,isFilteringOptions,isClearable){if(isClearable===void 0){isClearable=false;}if(isFilteringOptions)return[jsxRuntime.jsx(Item,__assign({disabled:true},{children:"Loading items..."}))];if(isEmpty(options))return[jsxRuntime.jsx(Item,__assign({disabled:true},{children:"No matches found"}))];var nodes=options.map(function(o){var Component=o.Component,componentProps=o.componentProps,itemProps=o.itemProps,attrs=__rest(o,["Component","componentProps","itemProps"]);var ItemType=getItemType(attrs);return jsxRuntime.jsx(ItemType,__assign({value:o},itemProps,{children:Component?jsxRuntime.jsx(Component,__assign({},componentProps,{children:attrs[label]})):attrs[label]}),o[key]);});if(isClearable){nodes.unshift(jsxRuntime.jsx(Item,__assign({value:CLEAR_OPTION},{children:CLEAR_OPTION.label}),CLEAR_OPTION.value));}return nodes;};var templateObject_1$8,templateObject_2$5,templateObject_3$3,templateObject_4$2,templateObject_5,templateObject_6;var COMPONENT_NAME="OverflowMenu";var OverflowButton=styled__default["default"](OverflowButton$1).attrs(function(_a){var theme=_a.theme;return{icon:js.mdiDotsVertical,"data-component-name":COMPONENT_NAME,compact:true,color:lightness(theme.styles.textColorPrimary,95),"aria-label":"Row actions",size:"small",primary:true,iconSize:"1.2rem",as:Button// color: darker(COLORS.GREY),
|
|
11785
11785
|
// pill: true,
|
|
11786
11786
|
};})(templateObject_1$7||(templateObject_1$7=__makeTemplateObject(["\n &&&& {\n margin-top: 4px;\n padding: 0 4px;\n }\n"],["\n &&&& {\n margin-top: 4px;\n padding: 0 4px;\n }\n"])));var OverflowMenu=function(_a){var actions=_a.actions,appendToNode=_a.appendToNode,placement=_a.placement;return jsxRuntime.jsx(Dropdown,{appendMenuToNode:appendToNode,keyField:"label",labelField:"label",// @ts-ignore
|
|
11787
|
-
onChange:function(_a){var action=_a.action;action();},options:actions,placement:placement,returnItemOnChange:true,trigger:jsxRuntime.jsx(OverflowButton,{})});};var templateObject_1$7;var PhonesOnly=function(_a){var children=_a.children;var isPhone=useDeviceSizeWatcher().isPhone;return isPhone?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};var PhonesAndTabletsOnly=function(_a){var children=_a.children;var _b=useDeviceSizeWatcher(),isPhone=_b.isPhone,isTablet=_b.isTablet,isLargeTablet=_b.isLargeTablet;return isPhone||isTablet||isLargeTablet?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};var boxShadow=styled.css(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["\n box-shadow: ",";\n"],["\n box-shadow: ",";\n"])),function(p){return p.theme.styles.section.shadow;});var roundBorder=styled.css(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n border-radius: ",";\n"],["\n border-radius: ",";\n"])),function(p){return p.theme.styles.section.borderRadius;});var sectionBorder$2=styled.css(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n border: 1px solid ",";\n"],["\n border: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Section=styled__default["default"].section(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n background: ",";\n display: flex;\n flex-direction: column;\n overflow: hidden;\n \n ",";\n ",";\n ",";\n ",";\n "," //& > section {\n // padding-bottom: 0;\n //}\n\n //& + section {\n // padding-top: 0;\n //}\n"],["\n background: ",";\n display: flex;\n flex-direction: column;\n overflow: hidden;\n \n ",";\n ",";\n ",";\n ",";\n "," //& > section {\n // padding-bottom: 0;\n //}\n\n //& + section {\n // padding-top: 0;\n //}\n"])),function(_a){var color=_a.color,theme=_a.theme;return color?color:theme.styles.section.background;},function(_a){var bordered=_a.bordered;return bordered?sectionBorder$2:"";},function(_a){var color=_a.color;return color?textColorForBackground:"";},function(_a){var rounded=_a.rounded;return rounded?roundBorder:"";},function(_a){var shadowed=_a.shadowed;return shadowed?boxShadow:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$6,templateObject_2$4,templateObject_3$2,templateObject_4$1;var removeHorizontalPadding=styled.css(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["\n padding-left: 0;\n padding-right: 0;\n"],["\n padding-left: 0;\n padding-right: 0;\n"])));var SectionBody=styled__default["default"].div(templateObject_2$3||(templateObject_2$3=__makeTemplateObject(["\n width: 100%;\n flex: 1;\n overflow-y: ",";\n padding: ",";\n ",";\n ","\n\n\n & > :first-child {\n margin-top: 0;\n }\n \n & > :last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n flex: 1;\n overflow-y: ",";\n padding: ",";\n ",";\n ","\n\n\n & > :first-child {\n margin-top: 0;\n }\n \n & > :last-child {\n margin-bottom: 0;\n }\n"])),function(_a){var scrollable=_a.scrollable;return scrollable?"scroll":"unset";},function(_a){var theme=_a.theme;return theme.styles.section.body.padding;},function(_a){var noHorizontalPadding=_a.noHorizontalPadding;return noHorizontalPadding?removeHorizontalPadding:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$5,templateObject_2$3;var SectionFooter=styled__default["default"](function(_a){var actions=_a.actions,_b=_a.bordered,bordered=_b===void 0?false:_b,className=_a.className;return jsxRuntime.jsx(Container$3,__assign({bordered:bordered,className:className,justifyContent:"flex-end"},{children:actions}));})(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var sectionBorder$1=styled.css(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["\n border-top: 1px solid ",";\n"],["\n border-top: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Container$3=styled__default["default"](FlexBox)(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n width: 100%;\n padding: ",";\n ",";\n"],["\n width: 100%;\n padding: ",";\n ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.section.header.padding;},function(_a){var bordered=_a.bordered;return bordered?sectionBorder$1:"";});var templateObject_1$4,templateObject_2$2,templateObject_3$1;var SectionHeader=styled__default["default"](function(_a){var actions=_a.actions,_b=_a.bordered,bordered=_b===void 0?false:_b,caption=_a.caption,children=_a.children,className=_a.className,_c=_a.title,title=_c===void 0?children:_c;return jsxRuntime.jsxs(Container$2,__assign({bordered:bordered,className:className,withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",fluid:true},{children:[jsxRuntime.jsx(Text,{children:title}),actions?jsxRuntime.jsx(FlexBox,{children:actions}):null]})),caption?jsxRuntime.jsx(Text,{children:caption}):null]}));})(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var sectionBorder=styled.css(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n border-bottom: 1px solid ",";\n"],["\n border-bottom: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Container$2=styled__default["default"](FlexBox)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n width: 100%;\n padding: ",";\n ",";\n"],["\n width: 100%;\n padding: ",";\n ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.section.header.padding;},function(_a){var bordered=_a.bordered;return bordered?sectionBorder:"";});var Text=styled__default["default"].div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n flex: 1;\n\n & h1,\n & h2,\n & h3,\n & h4,\n & h5,\n & h6,\n & p {\n margin: 0;\n }\n\n"],["\n flex: 1;\n\n & h1,\n & h2,\n & h3,\n & h4,\n & h5,\n & h6,\n & p {\n margin: 0;\n }\n\n"])));var templateObject_1$3,templateObject_2$1,templateObject_3,templateObject_4;var Sidebar=function(_a){var actions=_a.actions,actionIconSize=_a.actionIconSize,activeAction=_a.activeAction,logo=_a.logo,lowerActions=_a.lowerActions;var createActionButtons=function(actions){return actions.map(function(a){var as=a.as,icon=a.icon,label=a.label;var props={active:label===activeAction,as:as,_css:actionButtonStyles,fluid:true,icon:icon,iconPosition:"left",iconSize:actionIconSize,key:label,size:BUTTON_SIZES.SMALL};return a.href?jsxRuntime.jsx(ButtonLink,__assign({href:a.href},props,{children:a.label})):jsxRuntime.jsx(Button,__assign({onClick:a.onClick},props,{children:a.label}));});};return jsxRuntime.jsxs(Container$1,__assign({gap:SPACINGS.XXXL,withRows:true},{children:[logo,jsxRuntime.jsx(FlexBox,__assign({fluid:true,gap:SPACINGS.XS,withRows:true},{children:createActionButtons(actions)})),jsxRuntime.jsx(FlexBox,__assign({gap:SPACINGS.XS,withRows:true},{children:lowerActions?createActionButtons(lowerActions):null}))]}));};var actionButtonStyles=styled.css(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n &&&&& {\n border-radius: ",";\n justify-content: flex-start;\n background: ",";\n color: ",";\n\n :hover {\n color: ",";\n }\n }\n"],["\n &&&&& {\n border-radius: ",";\n justify-content: flex-start;\n background: ",";\n color: ",";\n\n :hover {\n color: ",";\n }\n }\n"])),function(_a){var theme=_a.theme;return theme.styles.sidebar.actionButton.borderRadius;},function(_a){var active=_a.active,theme=_a.theme;return active?theme.styles.sidebar.actionButton.color:"transparent";},function(_a){var active=_a.active,theme=_a.theme;return active?theme.styles.textColorPrimary:fade(theme.styles.textColorPrimary,.2);},function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;});var Container$1=styled__default["default"](FlexBox)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n background: ",";\n height: 100%;\n padding: ",";\n width: ",";\n flex-shrink: 0;\n"],["\n background: ",";\n height: 100%;\n padding: ",";\n width: ",";\n flex-shrink: 0;\n"])),function(_a){var theme=_a.theme;return theme.styles.sidebar.background;},function(_a){var theme=_a.theme;return theme.styles.sidebar.padding;},function(_a){var theme=_a.theme;return theme.styles.sidebar.width;});var templateObject_1$2,templateObject_2;var SidebarLayout=function(_a){var sidebar=_a.sidebar,mainContent=_a.mainContent;return jsxRuntime.jsxs(Container,__assign({gap:"unset"},{children:[sidebar,mainContent]}));};var Container=styled__default["default"](FlexBox)(templateObject_1$1||(templateObject_1$1=__makeTemplateObject(["\n width: 100%;\n height: 100%;\n overflow: hidden;\n"],["\n width: 100%;\n height: 100%;\n overflow: hidden;\n"])));var templateObject_1$1;var TabletsOnly=function(_a){var children=_a.children;var _b=useDeviceSizeWatcher(),isTablet=_b.isTablet,isLargeTablet=_b.isLargeTablet;return isTablet||isLargeTablet?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};function canUseDOM(){return!!(typeof window!=="undefined"&&window.document&&window.document.createElement);}/**
|
|
11787
|
+
onChange:function(_a){var action=_a.action;action();},options:actions,placement:placement,returnItemOnChange:true,trigger:jsxRuntime.jsx(OverflowButton,{})});};var templateObject_1$7;var PhonesOnly=function(_a){var children=_a.children;var isPhone=useDeviceSizeWatcher().isPhone;return isPhone?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};var PhonesAndTabletsOnly=function(_a){var children=_a.children;var _b=useDeviceSizeWatcher(),isPhone=_b.isPhone,isTablet=_b.isTablet,isLargeTablet=_b.isLargeTablet;return isPhone||isTablet||isLargeTablet?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};var boxShadow=styled.css(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["\n box-shadow: ",";\n"],["\n box-shadow: ",";\n"])),function(p){return p.theme.styles.section.shadow;});var roundBorder=styled.css(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n border-radius: ",";\n"],["\n border-radius: ",";\n"])),function(p){return p.theme.styles.section.borderRadius;});var sectionBorder$2=styled.css(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n border: 1px solid ",";\n"],["\n border: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Section=styled__default["default"].section(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n background: ",";\n display: flex;\n flex-direction: column;\n overflow: hidden;\n \n ",";\n ",";\n ",";\n ",";\n "," //& > section {\n // padding-bottom: 0;\n //}\n\n //& + section {\n // padding-top: 0;\n //}\n"],["\n background: ",";\n display: flex;\n flex-direction: column;\n overflow: hidden;\n \n ",";\n ",";\n ",";\n ",";\n "," //& > section {\n // padding-bottom: 0;\n //}\n\n //& + section {\n // padding-top: 0;\n //}\n"])),function(_a){var color=_a.color,theme=_a.theme;return color?color:theme.styles.section.background;},function(_a){var bordered=_a.bordered;return bordered?sectionBorder$2:"";},function(_a){var color=_a.color;return color?textColorForBackground:"";},function(_a){var rounded=_a.rounded;return rounded?roundBorder:"";},function(_a){var shadowed=_a.shadowed;return shadowed?boxShadow:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$6,templateObject_2$4,templateObject_3$2,templateObject_4$1;var removeHorizontalPadding=styled.css(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["\n padding-left: 0;\n padding-right: 0;\n"],["\n padding-left: 0;\n padding-right: 0;\n"])));var SectionBody=styled__default["default"].div(templateObject_2$3||(templateObject_2$3=__makeTemplateObject(["\n width: 100%;\n flex: 1;\n overflow-y: ",";\n padding: ",";\n ",";\n ","\n\n\n & > :first-child {\n margin-top: 0;\n }\n \n & > :last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n flex: 1;\n overflow-y: ",";\n padding: ",";\n ",";\n ","\n\n\n & > :first-child {\n margin-top: 0;\n }\n \n & > :last-child {\n margin-bottom: 0;\n }\n"])),function(_a){var scrollable=_a.scrollable;return scrollable?"scroll":"unset";},function(_a){var theme=_a.theme;return theme.styles.section.body.padding;},function(_a){var noHorizontalPadding=_a.noHorizontalPadding;return noHorizontalPadding?removeHorizontalPadding:"";},function(_a){var _css=_a._css;return _css;});var templateObject_1$5,templateObject_2$3;var SectionFooter=styled__default["default"](function(_a){var actions=_a.actions,_b=_a.bordered,bordered=_b===void 0?false:_b,className=_a.className;return jsxRuntime.jsx(Container$3,__assign({bordered:bordered,className:className,justifyContent:"flex-end"},{children:actions}));})(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var sectionBorder$1=styled.css(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["\n border-top: 1px solid ",";\n"],["\n border-top: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Container$3=styled__default["default"](FlexBox)(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n width: 100%;\n padding: ",";\n ",";\n"],["\n width: 100%;\n padding: ",";\n ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.section.header.padding;},function(_a){var bordered=_a.bordered;return bordered?sectionBorder$1:"";});var templateObject_1$4,templateObject_2$2,templateObject_3$1;var SectionHeader=styled__default["default"](React__default.forwardRef(function(_a,ref){var actions=_a.actions,_b=_a.bordered,bordered=_b===void 0?false:_b,caption=_a.caption,children=_a.children,className=_a.className,_c=_a.title,title=_c===void 0?children:_c;return jsxRuntime.jsxs(Container$2,__assign({bordered:bordered,className:className,ref:ref,withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",fluid:true},{children:[jsxRuntime.jsx(Text,{children:title}),actions?jsxRuntime.jsx(FlexBox,{children:actions}):null]})),caption?jsxRuntime.jsx(Text,{children:caption}):null]}));}))(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var sectionBorder=styled.css(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n border-bottom: 1px solid ",";\n"],["\n border-bottom: 1px solid ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.border.color;});var Container$2=styled__default["default"](FlexBox)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n width: 100%;\n padding: ",";\n ",";\n"],["\n width: 100%;\n padding: ",";\n ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.section.header.padding;},function(_a){var bordered=_a.bordered;return bordered?sectionBorder:"";});var Text=styled__default["default"].div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n flex: 1;\n\n & h1,\n & h2,\n & h3,\n & h4,\n & h5,\n & h6,\n & p {\n margin: 0;\n }\n\n"],["\n flex: 1;\n\n & h1,\n & h2,\n & h3,\n & h4,\n & h5,\n & h6,\n & p {\n margin: 0;\n }\n\n"])));var templateObject_1$3,templateObject_2$1,templateObject_3,templateObject_4;var Sidebar=function(_a){var actions=_a.actions,actionIconSize=_a.actionIconSize,activeAction=_a.activeAction,logo=_a.logo,lowerActions=_a.lowerActions;var createActionButtons=function(actions){return actions.map(function(a){var as=a.as,icon=a.icon,label=a.label;var props={active:label===activeAction,as:as,_css:actionButtonStyles,fluid:true,icon:icon,iconPosition:"left",iconSize:actionIconSize,key:label,size:BUTTON_SIZES.SMALL};return a.href?jsxRuntime.jsx(ButtonLink,__assign({href:a.href},props,{children:a.label})):jsxRuntime.jsx(Button,__assign({onClick:a.onClick},props,{children:a.label}));});};return jsxRuntime.jsxs(Container$1,__assign({gap:SPACINGS.XXXL,withRows:true},{children:[logo,jsxRuntime.jsx(FlexBox,__assign({fluid:true,gap:SPACINGS.XS,withRows:true},{children:createActionButtons(actions)})),jsxRuntime.jsx(FlexBox,__assign({gap:SPACINGS.XS,withRows:true},{children:lowerActions?createActionButtons(lowerActions):null}))]}));};var actionButtonStyles=styled.css(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n &&&&& {\n border-radius: ",";\n justify-content: flex-start;\n background: ",";\n color: ",";\n\n :hover {\n color: ",";\n }\n }\n"],["\n &&&&& {\n border-radius: ",";\n justify-content: flex-start;\n background: ",";\n color: ",";\n\n :hover {\n color: ",";\n }\n }\n"])),function(_a){var theme=_a.theme;return theme.styles.sidebar.actionButton.borderRadius;},function(_a){var active=_a.active,theme=_a.theme;return active?theme.styles.sidebar.actionButton.color:"transparent";},function(_a){var active=_a.active,theme=_a.theme;return active?theme.styles.textColorPrimary:fade(theme.styles.textColorPrimary,.2);},function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;});var Container$1=styled__default["default"](FlexBox)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n background: ",";\n height: 100%;\n padding: ",";\n width: ",";\n flex-shrink: 0;\n"],["\n background: ",";\n height: 100%;\n padding: ",";\n width: ",";\n flex-shrink: 0;\n"])),function(_a){var theme=_a.theme;return theme.styles.sidebar.background;},function(_a){var theme=_a.theme;return theme.styles.sidebar.padding;},function(_a){var theme=_a.theme;return theme.styles.sidebar.width;});var templateObject_1$2,templateObject_2;var SidebarLayout=function(_a){var sidebar=_a.sidebar,mainContent=_a.mainContent;return jsxRuntime.jsxs(Container,__assign({gap:"unset"},{children:[sidebar,mainContent]}));};var Container=styled__default["default"](FlexBox)(templateObject_1$1||(templateObject_1$1=__makeTemplateObject(["\n width: 100%;\n height: 100%;\n overflow: hidden;\n"],["\n width: 100%;\n height: 100%;\n overflow: hidden;\n"])));var templateObject_1$1;var TabletsOnly=function(_a){var children=_a.children;var _b=useDeviceSizeWatcher(),isTablet=_b.isTablet,isLargeTablet=_b.isLargeTablet;return isTablet||isLargeTablet?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};function canUseDOM(){return!!(typeof window!=="undefined"&&window.document&&window.document.createElement);}/**
|
|
11788
11788
|
* React currently throws a warning when using useLayoutEffect on the server. To
|
|
11789
11789
|
* get around it, we can conditionally useEffect on the server (no-op) and
|
|
11790
11790
|
* useLayoutEffect in the browser. We occasionally need useLayoutEffect to
|