@idea-fragments/react-components-zendesk 0.1.73 → 0.1.75
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/chats.js +8 -8
- package/dist/chats.js.map +1 -1
- package/dist/forms.js +6 -6
- package/dist/forms.js.map +1 -1
- package/dist/media.js +2 -2
- package/dist/media.js.map +1 -1
- package/dist/modals.js +2 -2
- package/dist/modals.js.map +1 -1
- package/dist/tables.js +17 -17
- package/dist/tables.js.map +1 -1
- package/dist/types/accordions.d.ts +15 -0
- package/dist/types/alert.d.ts +28 -0
- package/dist/types/chats.d.ts +38 -0
- package/dist/types/forms.d.ts +369 -0
- package/dist/types/hooks.d.ts +198 -0
- package/dist/types/icon.d.ts +18 -0
- package/dist/types/layouts.d.ts +336 -0
- package/dist/types/loaders.d.ts +47 -0
- package/dist/types/media.d.ts +142 -0
- package/dist/types/modals.d.ts +149 -0
- package/dist/types/navigation.d.ts +97 -0
- package/dist/types/notifications.d.ts +73 -0
- package/dist/types/styles.d.ts +313 -0
- package/dist/types/tables.d.ts +178 -0
- package/dist/types/tags.d.ts +261 -0
- package/dist/types/text.d.ts +152 -0
- package/dist/types/tooltips.d.ts +67 -0
- package/dist/types/types.d.ts +168 -0
- package/package.json +5 -10
package/dist/tables.js
CHANGED
|
@@ -11577,7 +11577,7 @@ if(freeModule){// Export for Node.js.
|
|
|
11577
11577
|
(freeModule.exports=_)._=_;// Export for CommonJS support.
|
|
11578
11578
|
freeExports._=_;}else{// Export to the global object.
|
|
11579
11579
|
root._=_;}}).call(commonjsGlobal);})(lodash,lodash.exports);var arrayOfSizeN=function(n){// return Array.from({length: n})
|
|
11580
|
-
var arr=[];for(var i=0;i<n;i++){arr.push(0);}return arr;};var excludeBlanks=function(a){return a.filter(function(o){return o!=null;});};var isEmpty=function(a){return!(a===null||a===void 0?void 0:a.length);};var isLastIndex=function(a,i){return i===a.length-1;};var isNotEmpty=function(a){return!isEmpty(a);};var nextItem=function(a,item){var index=Array.from(a).indexOf(item);return isLastIndex(a,index)?a[0]:a[index+1];};var splitArray=function(arr,index){var preSplit=__spreadArray([],__read(arr),false);var postSplit=preSplit.splice(index);return[preSplit,postSplit];};var DO_NOTHING=function(){};// @flow
|
|
11580
|
+
var arr=[];for(var i=0;i<n;i++){arr.push(0);}return arr;};var excludeBlanks=function(a){return a.filter(function(o){return o!=null;});};var isEmpty=function(a){return!(a===null||a===void 0?void 0:a.length);};var isLastIndex=function(a,i){return i===a.length-1;};var isLastItem=function(a,item){return lastItem(a)===item;};var isNotEmpty=function(a){return!isEmpty(a);};var lastItem=function(a){return a[a.length-1];};var nextItem=function(a,item){var index=Array.from(a).indexOf(item);return isLastIndex(a,index)?a[0]:a[index+1];};var splitArray=function(arr,index){var preSplit=__spreadArray([],__read(arr),false);var postSplit=preSplit.splice(index);return[preSplit,postSplit];};var DO_NOTHING=function(){};// @flow
|
|
11581
11581
|
var isArray=function(o){return o instanceof Array;};var isFunction$2=function(o){return typeof o==="function";};var isNumber=function(o){return typeof o==="number";};var isString=function(o){return typeof o==="string";};var COMPONENT_NAME$2="Icon";var Icon$1=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?1:_b,svg=_a.svg,title=_a.title,_c=_a.onClick,onClick=_c===void 0?DO_NOTHING:_c;var svgString=svg;var svgStringList=svg;var SVGComp=svg;return isArray(svg)?jsxRuntime.jsx(MIcon.Stack,__assign({size:size,title:title,color:color||"currentColor","data-component-name":COMPONENT_NAME$2},{children:svgStringList.map(function(s,i){return jsxRuntime.jsx(MIcon__default["default"],{path:s},i);})})):isString(svg)?jsxRuntime.jsx(MIcon__default["default"],{path:svgString,size:size,title:title,color:color||"currentColor","data-component-name":COMPONENT_NAME$2}):jsxRuntime.jsx(SVGComp,{fill:color||"currentColor","data-component-name":COMPONENT_NAME$2,height:size,onClick:onClick,width:size});};Icon$1.COMPONENT_NAME=COMPONENT_NAME$2;/**
|
|
11582
11582
|
* Copyright Zendesk, Inc.
|
|
11583
11583
|
*
|
|
@@ -11596,14 +11596,14 @@ onClick:autoLoadable?processClick:onClick}));}))(templateObject_8$3||(templateOb
|
|
|
11596
11596
|
])));// @ts-ignore
|
|
11597
11597
|
Button.COMPONENT_NAME="Button";// @ts-ignore
|
|
11598
11598
|
Button.defaultProps={fluid:false,flat:false,iconPosition:"left",primary:true,disabled:false};var LoaderContainer$1=styled__default["default"](FlexBox)(templateObject_9$3||(templateObject_9$3=__makeTemplateObject(["\n min-height: 30px;\n"],["\n min-height: 30px;\n"])));var IconButtonTextContainer=styled__default["default"].span(templateObject_10$3||(templateObject_10$3=__makeTemplateObject(["\n flex: 1;\n"],["\n flex: 1;\n"])));var templateObject_1$C,templateObject_2$o,templateObject_3$i,templateObject_4$e,templateObject_5$a,templateObject_6$7,templateObject_7$3,templateObject_8$3,templateObject_9$3,templateObject_10$3;/* Size key name represents all devices with a pixel width up to the number
|
|
11599
|
-
specified */var REGULAR_BREAKPOINTS_PX={phoneSize:575,tabletSize:767,largeTabletSize:991,smallComputerSize:1199};var WIDE_BREAKPOINTS_PX={phoneSize:560,tabletSize:840,largeTabletSize:991,smallComputerSize:1350};var DEVICES={phone:0,tablet:1,largeTablet:2,smallComputer:3,largeComputer:4};var breakpoints=function(_a){var _b=_a.wideLayout,wideLayout=_b===void 0?false:_b;return wideLayout?WIDE_BREAKPOINTS_PX:REGULAR_BREAKPOINTS_PX;};var unit$1=function(px){return"".concat(px,"px");};var mediaQueries=function(wideLayout){var _a=breakpoints({wideLayout:wideLayout}),phoneSize=_a.phoneSize,tabletSize=_a.tabletSize,largeTabletSize=_a.largeTabletSize,smallComputerSize=_a.smallComputerSize;return{forPhones:function(styles){return styled.css(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n @media screen and (max-width: ",") {\n ","\n }\n "],["\n @media screen and (max-width: ",") {\n ","\n }\n "])),unit(phoneSize),styles);},forTablets:function(styles){return styled.css(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n @media screen and (max-width: ",") {\n ","\n }\n "],["\n @media screen and (max-width: ",") {\n ","\n }\n "])),unit(tabletSize),styles);},forTabletsAndUp:function(styles){return styled.css(templateObject_3$h||(templateObject_3$h=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(phoneSize+1),styles);},forLargeTabletsAndUp:function(styles){return styled.css(templateObject_4$d||(templateObject_4$d=__makeTemplateObject(["\n @media (min-width: ",") {\n ","\n }\n "],["\n @media (min-width: ",") {\n ","\n }\n "])),unit(tabletSize+1),styles);},forSmallComputersAndUp:function(styles){return styled.css(templateObject_5$9||(templateObject_5$9=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(largeTabletSize+1),styles);},forLargeComputers:function(styles){return styled.css(templateObject_6$6||(templateObject_6$6=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(smallComputerSize+1),styles);}};};var unit=function(px){return"".concat(px,"px");};var templateObject_1$B,templateObject_2$n,templateObject_3$h,templateObject_4$d,templateObject_5$9,templateObject_6$6;var Header$2=styled__default["default"](Header$1$1).attrs(function(_a){var danger=_a.danger,success=_a.success,warning=_a.warning,theme=_a.theme;var color=theme.styles.textColorPrimary;if(danger)color=theme.styles.colorDanger;if(success)color=theme.styles.colorSuccess;if(warning)color=theme.styles.colorWarning;return{color:color};})(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),textWithColor);var createButtons=function(buttons,closeModal,shouldDisable,autoClose,adjustModalState){return buttons.map(function(b){var _a=b.props,onClick=_a.onClick,disabled=_a.disabled,disableable=_a.disableable;return jsxRuntime.jsx(FooterItem$2,{children:React__default__default["default"].cloneElement(b,{onClick:function(){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:adjustModalState();return[4/*yield*/,onClick()];case 1:_a.sent();if(autoClose)closeModal();return[2/*return*/];}});});},disabled:disableable?shouldDisable:disabled})},b.key);});};var Modal=function(_a){var _b,_c;var isVisible=_a.isVisible,closeModal=_a.closeModal,disableActions=_a.disableActions,modalContent=_a.modalContent,className=_a.className;var isProcessing=(_b=__read(React__default.useState(false),2),_b[0]),setIsProcessingTo=_b[1];if(!isVisible)return null;if(!modalContent)throw new Error("Modal found null modal content");var autoClose=(_c=modalContent.autoClose,_c===void 0?true:_c),body=modalContent.body,buttons=modalContent.buttons,danger=modalContent.danger,isLarge=modalContent.isLarge,success=modalContent.success,title=modalContent.title,warning=modalContent.warning,withCancelButton=modalContent.withCancelButton,withNoActions=modalContent.withNoActions,onClose=modalContent.onClose;var handleClose=function(){closeModal();setIsProcessingTo(false);if(onClose)onClose();};var setProcessingState=function(){return setIsProcessingTo(true);};var footerItems=function(){return buttons?createButtons(buttons,handleClose,disableActions,autoClose,setProcessingState):jsxRuntime.jsx(FooterItem$2,{children:jsxRuntime.jsx(Button,__assign({onClick:handleClose,primary:true,disabled:disableActions,success:success,danger:danger,warning:warning},{children:"OK"}))});};return jsxRuntime.jsxs(Modal$1,__assign({onClose:handleClose,className:className,isAnimated:true,isLarge:isLarge,backdropProps:{onClick:function(e){if(e.target.tagName.toLowerCase()==="input")return;e.preventDefault();},style:{fontFamily:"inherit"}}},{children:[title?jsxRuntime.jsx(Header$2,__assign({color:"",danger:danger,success:success,warning:warning},{children:title})):null,jsxRuntime.jsx(Body$2,{children:body}),withNoActions?null:jsxRuntime.jsxs(Footer$2,{children:[withCancelButton?jsxRuntime.jsx(FooterItem$2,{children:jsxRuntime.jsx(Button,__assign({onClick:handleClose,flat:true,loading:isProcessing,success:success,danger:danger,warning:warning},{children:"Cancel"}))}):null,footerItems()]}),jsxRuntime.jsx(Close$2$1,{"aria-label":"Close modal"})]}));};var hideCloseButton=styled.css(templateObject_2$m||(templateObject_2$m=__makeTemplateObject(["\n button[data-garden-id=\"modals.close\"] {\n display: none;\n }\n"],["\n button[data-garden-id=\"modals.close\"] {\n display: none;\n }\n"])));var Body$2=styled__default["default"](Body$2$1)(templateObject_3$g||(templateObject_3$g=__makeTemplateObject(["\n font-size: inherit;\n"],["\n font-size: inherit;\n"])));Modal=styled__default["default"](Modal)(templateObject_5$8||(templateObject_5$8=__makeTemplateObject(["\n &&&& {\n margin-left: ",";\n margin-right: ",";\n
|
|
11599
|
+
specified */var REGULAR_BREAKPOINTS_PX={phoneSize:575,tabletSize:767,largeTabletSize:991,smallComputerSize:1199};var WIDE_BREAKPOINTS_PX={phoneSize:560,tabletSize:840,largeTabletSize:991,smallComputerSize:1350};var DEVICES={phone:0,tablet:1,largeTablet:2,smallComputer:3,largeComputer:4};var breakpoints=function(_a){var _b=_a.wideLayout,wideLayout=_b===void 0?false:_b;return wideLayout?WIDE_BREAKPOINTS_PX:REGULAR_BREAKPOINTS_PX;};var unit$1=function(px){return"".concat(px,"px");};var mediaQueries=function(wideLayout){var _a=breakpoints({wideLayout:wideLayout}),phoneSize=_a.phoneSize,tabletSize=_a.tabletSize,largeTabletSize=_a.largeTabletSize,smallComputerSize=_a.smallComputerSize;return{forPhones:function(styles){return styled.css(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n @media screen and (max-width: ",") {\n ","\n }\n "],["\n @media screen and (max-width: ",") {\n ","\n }\n "])),unit(phoneSize),styles);},forTablets:function(styles){return styled.css(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n @media screen and (max-width: ",") {\n ","\n }\n "],["\n @media screen and (max-width: ",") {\n ","\n }\n "])),unit(tabletSize),styles);},forTabletsAndUp:function(styles){return styled.css(templateObject_3$h||(templateObject_3$h=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(phoneSize+1),styles);},forLargeTabletsAndUp:function(styles){return styled.css(templateObject_4$d||(templateObject_4$d=__makeTemplateObject(["\n @media (min-width: ",") {\n ","\n }\n "],["\n @media (min-width: ",") {\n ","\n }\n "])),unit(tabletSize+1),styles);},forSmallComputersAndUp:function(styles){return styled.css(templateObject_5$9||(templateObject_5$9=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(largeTabletSize+1),styles);},forLargeComputers:function(styles){return styled.css(templateObject_6$6||(templateObject_6$6=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(smallComputerSize+1),styles);}};};var unit=function(px){return"".concat(px,"px");};var templateObject_1$B,templateObject_2$n,templateObject_3$h,templateObject_4$d,templateObject_5$9,templateObject_6$6;var Header$2=styled__default["default"](Header$1$1).attrs(function(_a){var danger=_a.danger,success=_a.success,warning=_a.warning,theme=_a.theme;var color=theme.styles.textColorPrimary;if(danger)color=theme.styles.colorDanger;if(success)color=theme.styles.colorSuccess;if(warning)color=theme.styles.colorWarning;return{color:color};})(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),textWithColor);var createButtons=function(buttons,closeModal,shouldDisable,autoClose,adjustModalState){return buttons.map(function(b){var _a=b.props,onClick=_a.onClick,disabled=_a.disabled,disableable=_a.disableable;return jsxRuntime.jsx(FooterItem$2,{children:React__default__default["default"].cloneElement(b,{onClick:function(){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:adjustModalState();return[4/*yield*/,onClick()];case 1:_a.sent();if(autoClose)closeModal();return[2/*return*/];}});});},disabled:disableable?shouldDisable:disabled})},b.key);});};var Modal=function(_a){var _b,_c;var isVisible=_a.isVisible,closeModal=_a.closeModal,disableActions=_a.disableActions,modalContent=_a.modalContent,className=_a.className;var isProcessing=(_b=__read(React__default.useState(false),2),_b[0]),setIsProcessingTo=_b[1];if(!isVisible)return null;if(!modalContent)throw new Error("Modal found null modal content");var autoClose=(_c=modalContent.autoClose,_c===void 0?true:_c),body=modalContent.body,buttons=modalContent.buttons,danger=modalContent.danger,isLarge=modalContent.isLarge,success=modalContent.success,title=modalContent.title,warning=modalContent.warning,withCancelButton=modalContent.withCancelButton,withNoActions=modalContent.withNoActions,onClose=modalContent.onClose;var handleClose=function(){closeModal();setIsProcessingTo(false);if(onClose)onClose();};var setProcessingState=function(){return setIsProcessingTo(true);};var footerItems=function(){return buttons?createButtons(buttons,handleClose,disableActions,autoClose,setProcessingState):jsxRuntime.jsx(FooterItem$2,{children:jsxRuntime.jsx(Button,__assign({onClick:handleClose,primary:true,disabled:disableActions,success:success,danger:danger,warning:warning},{children:"OK"}))});};return jsxRuntime.jsxs(Modal$1,__assign({onClose:handleClose,className:className,isAnimated:true,isLarge:isLarge,backdropProps:{onClick:function(e){if(e.target.tagName.toLowerCase()==="input")return;e.preventDefault();},style:{fontFamily:"inherit"}}},{children:[title?jsxRuntime.jsx(Header$2,__assign({color:"",danger:danger,success:success,warning:warning},{children:title})):null,jsxRuntime.jsx(Body$2,{children:body}),withNoActions?null:jsxRuntime.jsxs(Footer$2,{children:[withCancelButton?jsxRuntime.jsx(FooterItem$2,{children:jsxRuntime.jsx(Button,__assign({onClick:handleClose,flat:true,loading:isProcessing,success:success,danger:danger,warning:warning},{children:"Cancel"}))}):null,footerItems()]}),jsxRuntime.jsx(Close$2$1,{"aria-label":"Close modal"})]}));};var hideCloseButton=styled.css(templateObject_2$m||(templateObject_2$m=__makeTemplateObject(["\n button[data-garden-id=\"modals.close\"] {\n display: none;\n }\n"],["\n button[data-garden-id=\"modals.close\"] {\n display: none;\n }\n"])));var Body$2=styled__default["default"](Body$2$1)(templateObject_3$g||(templateObject_3$g=__makeTemplateObject(["\n font-size: inherit;\n"],["\n font-size: inherit;\n"])));Modal=styled__default["default"](Modal)(templateObject_5$8||(templateObject_5$8=__makeTemplateObject(["\n &&&& {\n margin-left: ",";\n margin-right: ",";\n color: ",";\n\n ","\n\n ","\n\n ","\n }\n"],["\n &&&& {\n margin-left: ",";\n margin-right: ",";\n color: ",";\n\n ","\n\n ","\n\n ","\n }\n"])),SPACINGS.SM,SPACINGS.SM,function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;},function(_a){var modalContent=_a.modalContent;return(modalContent===null||modalContent===void 0?void 0:modalContent.isNotDismissible)?hideCloseButton:"";},mediaQueries().forPhones(styled.css(templateObject_4$c||(templateObject_4$c=__makeTemplateObject(["\n width: calc(100% - ("," * 2));\n "],["\n width: calc(100% - ("," * 2));\n "])),SPACINGS.SM)),function(_a){var _css=_a._css;return _css;});var templateObject_1$A,templateObject_2$m,templateObject_3$g,templateObject_4$c,templateObject_5$8;var defaultUiState={setModalState:function(){throw new Error("initial state not set");},modalState:{isModalOpen:false,modalContentState:{}}};var ModalStateContext=React__default.createContext(defaultUiState);var useModalState=function(){var _a=React__default.useContext(ModalStateContext),modalState=_a.modalState,setModalState=_a.setModalState;var closeModal=React__default.useCallback(function(){setModalState(function(previous){return __assign(__assign({},previous),{isModalOpen:false,modalContent:undefined,modalContentState:{}});});},[setModalState]);var openModalWith=React__default.useCallback(function(c){// The following check causes the app to make infinite requests due
|
|
11600
11600
|
// to the HttpManager error handler relying on the error modal.
|
|
11601
11601
|
// This function will reload over and over due to the `isModalOpen`
|
|
11602
11602
|
// state value constantly changes between true and false.
|
|
11603
11603
|
// if (isModalOpen && !modalContent?.blocking) {
|
|
11604
11604
|
// closeModal()
|
|
11605
11605
|
// }
|
|
11606
|
-
setModalState(function(previous){return __assign(__assign({},previous),{isModalOpen:true,modalContent:__assign({autoClose:true},c),modalContentState:{}});});},[setModalState]);var openErrorModalWith=React__default.useCallback(function(c){var _a;openModalWith(__assign(__assign({},c),{title:(_a=c.title)!==null&&_a!==void 0?_a:"Uh Oh!",danger:true}));},[openModalWith]);var openSuccessModalWith=React__default.useCallback(function(c){var _a;openModalWith(__assign(__assign({},c),{title:(_a=c.title)!==null&&_a!==void 0?_a:"Success!",success:true}));},[openModalWith]);var openWarningModalWith=React__default.useCallback(function(c){var _a;openModalWith(__assign(__assign({},c),{title:(_a=c.title)!==null&&_a!==void 0?_a:"Warning!",warning:true}));},[openModalWith]);var setModalContentState=React__default.useCallback(function(state){setModalState(function(previous){return __assign(__assign({},previous),{modalContentState:__assign(__assign({},previous.modalContentState),state)});});},[setModalState]);return{closeModal:closeModal,openErrorModalWith:openErrorModalWith,openModalWith:openModalWith,openSuccessModalWith:openSuccessModalWith,openWarningModalWith:openWarningModalWith,setModalContentState:setModalContentState,setModalState:setModalState,modalState:modalState};};var ModalManager=function(){var _a=useModalState(),closeModal=_a.closeModal,modalState=_a.modalState;var isModalOpen=modalState.isModalOpen,modalContent=modalState.modalContent;return jsxRuntime.jsx(Modal,{closeModal:closeModal,
|
|
11606
|
+
setModalState(function(previous){return __assign(__assign({},previous),{isModalOpen:true,modalContent:__assign({autoClose:true},c),modalContentState:{}});});},[setModalState]);var openErrorModalWith=React__default.useCallback(function(c){var _a;openModalWith(__assign(__assign({},c),{title:(_a=c.title)!==null&&_a!==void 0?_a:"Uh Oh!",danger:true}));},[openModalWith]);var openSuccessModalWith=React__default.useCallback(function(c){var _a;openModalWith(__assign(__assign({},c),{title:(_a=c.title)!==null&&_a!==void 0?_a:"Success!",success:true}));},[openModalWith]);var openWarningModalWith=React__default.useCallback(function(c){var _a;openModalWith(__assign(__assign({},c),{title:(_a=c.title)!==null&&_a!==void 0?_a:"Warning!",warning:true}));},[openModalWith]);var setModalContentState=React__default.useCallback(function(state){setModalState(function(previous){return __assign(__assign({},previous),{modalContentState:__assign(__assign({},previous.modalContentState),state)});});},[setModalState]);return{closeModal:closeModal,openErrorModalWith:openErrorModalWith,openModalWith:openModalWith,openSuccessModalWith:openSuccessModalWith,openWarningModalWith:openWarningModalWith,setModalContentState:setModalContentState,setModalState:setModalState,modalState:modalState};};var ModalManager=function(){var _a=useModalState(),closeModal=_a.closeModal,modalState=_a.modalState;var isModalOpen=modalState.isModalOpen,modalContent=modalState.modalContent;return jsxRuntime.jsx(Modal,{closeModal:closeModal,_css:"\n max-width: 90%;\n ",disableActions:false,isVisible:isModalOpen,modalContent:modalContent});};var ModalStateProvider=function(_a){var children=_a.children;var defaultState=React__default.useContext(ModalStateContext);var _b=__read(React__default.useState(defaultState.modalState),2),state=_b[0],setState=_b[1];var _c=__read(React__default.useState({setModalState:setState,modalState:state}),2),modalStateWithDispatch=_c[0],setModalStateWithDispatch=_c[1];React__default.useEffect(function(){setModalStateWithDispatch({setModalState:setState,modalState:state});},[state]);return jsxRuntime.jsx(ModalStateContext.Provider,__assign({value:modalStateWithDispatch},{children:children}));};var COMPONENT_NAME$1="IconButton";var IconButton=styled__default["default"](function(_a){var primary=_a.primary,flat=_a.flat,pill=_a.pill,props=__rest(_a,["primary","flat","pill"]);return jsxRuntime.jsx(Button,__assign({flat:flat!=null?flat:true,fluid:false},props,{pill:pill!=null?pill:true,primary:primary!==null&&primary!==void 0?primary:false}));})(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n && {\n padding: 0.5em;\n min-width: 0;\n }\n"],["\n && {\n padding: 0.5em;\n min-width: 0;\n }\n"// @ts-ignore
|
|
11607
11607
|
])));// @ts-ignore
|
|
11608
11608
|
IconButton.COMPONENT_NAME=COMPONENT_NAME$1;var templateObject_1$z;var useTheme=function(){return React__default.useContext(styled.ThemeContext);};// export const setThemeContext = (ctx :)
|
|
11609
11609
|
var Carousel=function(_a){var children=_a.children,className=_a.className,disableNextButton=_a.disableNextButton,disablePreviousButton=_a.disablePreviousButton,inline=_a.inline,onEndClick=_a.onEndClick,onNextClick=_a.onNextClick,onPreviousClick=_a.onPreviousClick,onStartClick=_a.onStartClick;var theme=useTheme();return jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",className:className,inline:inline},{children:[onStartClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disablePreviousButton,icon:js.mdiChevronDoubleLeft,onClick:onStartClick,primary:false}):null,jsxRuntime.jsx(NavButton,{disabled:disablePreviousButton,icon:js.mdiChevronLeft,onClick:onPreviousClick,primary:true}),jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n flex: 1;\n "],["\n flex: 1;\n "]))),justifyContent:"center"},{children:children})),jsxRuntime.jsx(NavButton,{disabled:disableNextButton,icon:js.mdiChevronRight,onClick:onNextClick,primary:true}),onEndClick?jsxRuntime.jsx(NavButton,{color:theme.styles.colorAccent,disabled:disableNextButton,icon:js.mdiChevronDoubleRight,onClick:onEndClick,primary:false}):null]}));};Carousel=styled__default["default"](Carousel)(templateObject_2$l||(templateObject_2$l=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var NavButton=styled__default["default"](IconButton).attrs({flat:false})(templateObject_3$f||(templateObject_3$f=__makeTemplateObject(["\n height: auto;\n"],["\n height: auto;\n"])));var templateObject_1$y,templateObject_2$l,templateObject_3$f;var breakpointQueries=function(_a){var _b;var wideLayout=_a.wideLayout;var _c=breakpoints({wideLayout:wideLayout}),phoneSize=_c.phoneSize,tabletSize=_c.tabletSize,largeTabletSize=_c.largeTabletSize,smallComputerSize=_c.smallComputerSize;var phone=DEVICES.phone,tablet=DEVICES.tablet,largeTablet=DEVICES.largeTablet,smallComputer=DEVICES.smallComputer,largeComputer=DEVICES.largeComputer;return _b={},_b[phone]="(max-width: ".concat(unit$1(phoneSize),")"),_b[tablet]="(min-width: ".concat(unit$1(phoneSize+1),") and (max-width: ").concat(unit$1(tabletSize),")"),_b[largeTablet]="(min-width: ".concat(unit$1(tabletSize+1),") and (max-width: ").concat(unit$1(largeTabletSize),")"),_b[smallComputer]="(min-width: ".concat(unit$1(largeTabletSize+1),") and (max-width: ").concat(unit$1(smallComputerSize),")"),_b[largeComputer]="(min-width: ".concat(unit$1(smallComputerSize+1),")"),_b;};var useDeviceSizeWatcher=function(){var _a=__read(React__default.useState(),2),currentSize=_a[0],setCurrentSize=_a[1];var queries=React__default.useMemo(function(){return breakpointQueries({wideLayout:true});},[]);var deviceListeners=React__default.useRef({});var deviceMediaQueryLists=React__default.useMemo(function(){return Object.values(DEVICES).reduce(function(map,size){var _a;return __assign(__assign({},map),(_a={},_a[size]=window.matchMedia(queries[size]),_a));},{});},[queries]);var initChangeWatchers=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read(_a,2),size=_b[0],mql=_b[1];var listener=function(e){if(e.matches)setCurrentSize(Number(size));};mql.addEventListener("change",listener);deviceListeners.current[Number(size)]=listener;});},[deviceMediaQueryLists]);var removeChangeWatchers=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read(_a,2),size=_b[0],mql=_b[1];mql.removeEventListener("change",deviceListeners.current[Number(size)]);delete deviceListeners.current[Number(size)];});},[deviceMediaQueryLists]);var setInitialSize=React__default.useCallback(function(){Object.entries(deviceMediaQueryLists).forEach(function(_a){var _b=__read(_a,2),size=_b[0],mql=_b[1];if(mql.matches)setCurrentSize(Number(size));});},[deviceMediaQueryLists]);React__default.useEffect(function(){setInitialSize();},[setInitialSize]);React__default.useEffect(function(){initChangeWatchers();return removeChangeWatchers;},[initChangeWatchers,removeChangeWatchers]);return React__default.useMemo(function(){var isPhone=currentSize===DEVICES.phone;var isTablet=currentSize===DEVICES.tablet;var isLargeTablet=currentSize===DEVICES.largeTablet;var isSmallComputer=currentSize===DEVICES.smallComputer;var isLargeComputer=currentSize===DEVICES.largeComputer;var isSmallComputerOrLarger=isSmallComputer||isLargeComputer;var isLargeTabletOrLarger=isLargeTablet||isSmallComputerOrLarger;var isLargeTabletOrSmaller=isLargeTablet||isTablet||isPhone;return{isPhone:isPhone,isTablet:isTablet,isLargeTablet:isLargeTablet,isSmallComputer:isSmallComputer,isLargeComputer:isLargeComputer,isSmallComputerOrLarger:isSmallComputerOrLarger,isLargeTabletOrLarger:isLargeTabletOrLarger,isLargeTabletOrSmaller:isLargeTabletOrSmaller};},[currentSize]);};var ComputersOnly=function(_a){var children=_a.children;var isSmallComputerOrLarger=useDeviceSizeWatcher().isSmallComputerOrLarger;var _b=__read(React__default.useState(isSmallComputerOrLarger),2),isVisible=_b[0],setIsVisibleTo=_b[1];React__default.useEffect(function(){setIsVisibleTo(isSmallComputerOrLarger);},[isSmallComputerOrLarger]);return isVisible?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};var PhonesOnly=function(_a){var children=_a.children;var isPhone=useDeviceSizeWatcher().isPhone;return isPhone?jsxRuntime.jsx(jsxRuntime.Fragment,{children:children}):null;};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;};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 reactIs={exports:{}};var reactIs_production_min={};/** @license React v17.0.2
|
|
@@ -13305,7 +13305,7 @@ onChange:DO_NOTHING,onStateChange:DO_NOTHING};var Autocomplete=Autocomplete$1;va
|
|
|
13305
13305
|
// VALIDATION_RESULTS.ERROR : validation
|
|
13306
13306
|
// )
|
|
13307
13307
|
return jsxRuntime.jsx(Dropdown,__assign({},props,{children:jsxRuntime.jsx(Select,__assign({isCompact:small,disabled:disabled,validation:validation===null||validation===void 0?void 0:validation.validation},{children:selectedKey&&(optionsKeyMap===null||optionsKeyMap===void 0?void 0:optionsKeyMap.hasOwnProperty(selectedKey))?optionsKeyMap[selectedKey][labelField]:jsxRuntime.jsx(SelectorEmptyState,{children:emptyState})}))}));};// @ts-ignore
|
|
13308
|
-
Selector.defaultProps={invalidOnNoSelection:true,validation:{validation:VALIDATION_STATES.NONE},optionNodes:[]};var PAGE_SIZE_OPTIONS=[10,25,50,75,100];var PAGE_SIZE_SELECTOR_OPTIONS=PAGE_SIZE_OPTIONS.map(function(size){return{label:"".concat(size),value:size};});var InvalidPageSizeError=/** @class */function(_super){__extends$1(InvalidPageSizeError,_super);function InvalidPageSizeError(){return _super.call(this,"Page size must be one of: ".concat(PAGE_SIZE_OPTIONS.join(", ")))||this;}return InvalidPageSizeError;}(Error);var Pagination=function(_a){var page=_a.page,pageSize=_a.pageSize,totalCount=_a.totalCount,onPageChange=_a.onPageChange,onPageSizeChange=_a.onPageSizeChange;if(!PAGE_SIZE_OPTIONS.includes(pageSize)){throw new InvalidPageSizeError();}var numberPages=React__default.useMemo(function(){return Math.ceil(totalCount/pageSize);},[pageSize,totalCount]);var buttonPositionings=React__default.useCallback(function(totalCarouselItems){if(numberPages<=totalCarouselItems){return arrayOfSizeN(numberPages).map(function(_,i){return i+1;});}var equilibriumNumberOfPads=Math.floor(totalCarouselItems/2);var leftPadding=Math.min(page-1,equilibriumNumberOfPads);var rightPadding=Math.min(numberPages-page,equilibriumNumberOfPads);var missingFromRight=equilibriumNumberOfPads-rightPadding;var missingFromLeft=equilibriumNumberOfPads-leftPadding;return __spreadArray(__spreadArray(__spreadArray([],__read(arrayOfSizeN(leftPadding+missingFromRight).map(function(_,i){return page-(i+1);})),false),[page],false),__read(arrayOfSizeN(rightPadding+missingFromLeft).map(function(_,i){return page+(i+1);})),false).sort(function(a,b){return a-b;});},[numberPages,page]);var movePage=React__default.useCallback(function(direction){return function(){var newPage=page+direction;if(1>newPage||newPage>numberPages)return;return onPageChange(newPage);};},[numberPages,onPageChange,page]);var createNPageButtons=React__default.useCallback(function(total){return buttonPositionings(total).map(function(num){return jsxRuntime.jsx(Button,__assign({_css:styled.css(templateObject_1$t||(templateObject_1$t=__makeTemplateObject(["\n padding: 0;\n height: 30px;\n width: 30px;\n "],["\n padding: 0;\n height: 30px;\n width: 30px;\n "]))),compact:true,flat:num!==page,onClick:num===page?DO_NOTHING:movePage(num-page),pill:true,primary:num===page},{children:num}),num);});},[buttonPositionings,movePage,page]);var movePageEnd=React__default.useCallback(function(){return onPageChange(numberPages);},[numberPages,onPageChange]);var movePageStart=React__default.useCallback(function(){return onPageChange(1);},[onPageChange]);var renderCarousel=React__default.useCallback(function(children){return jsxRuntime.jsx(Carousel,__assign({disableNextButton:page===numberPages,disablePreviousButton:page===1,inline:true,onEndClick:movePageEnd,onNextClick:movePage(+1),onPreviousClick:movePage(-1),onStartClick:movePageStart},{children:jsxRuntime.jsx(FlexBox,__assign({gap:"2px"},{children:children}))}));},[page,numberPages,movePageEnd,movePage,movePageStart]);var renderPageSizeSelector=React__default.useCallback(function(justifyContent){if(justifyContent===void 0){justifyContent="flex-end";}if(!onPageSizeChange)return null;return jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",justifyContent:justifyContent,gap:SPACINGS.XS},{children:[jsxRuntime.jsx("span",{children:"Items per page:"}),jsxRuntime.jsx(Selector,{compact:true,small:true,emptyState:"Select size",options:PAGE_SIZE_SELECTOR_OPTIONS,keyField:"value",labelField:"label",selectedKey:pageSize,onChange:function(size){return onPageSizeChange(size);}})]}));},[onPageSizeChange,pageSize]);var renderTotalCount=React__default.useCallback(function(justifyContent){if(justifyContent===void 0){justifyContent="flex-start";}return jsxRuntime.jsx(FlexBox,__assign({alignItems:"center",justifyContent:justifyContent,gap:SPACINGS.XS,_css:styled.css(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n color: ",";\n "],["\n color: ",";\n "])),function(_a){var theme=_a.theme;return theme.styles.colors.grey["600"];})},{children:jsxRuntime.jsxs("span",{children:[jsxRuntime.jsx("b",{children:totalCount})," total record",totalCount!==1?"s":""]})}));},[totalCount]);if(totalCount<=pageSize&&!onPageSizeChange)return null;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ComputersOnly,{children:jsxRuntime.jsxs(
|
|
13308
|
+
Selector.defaultProps={invalidOnNoSelection:true,validation:{validation:VALIDATION_STATES.NONE},optionNodes:[]};var PAGE_SIZE_OPTIONS=[10,25,50,75,100];var PAGE_SIZE_SELECTOR_OPTIONS=PAGE_SIZE_OPTIONS.map(function(size){return{label:"".concat(size),value:size};});var InvalidPageSizeError=/** @class */function(_super){__extends$1(InvalidPageSizeError,_super);function InvalidPageSizeError(){return _super.call(this,"Page size must be one of: ".concat(PAGE_SIZE_OPTIONS.join(", ")))||this;}return InvalidPageSizeError;}(Error);var Pagination=function(_a){var page=_a.page,pageSize=_a.pageSize,totalCount=_a.totalCount,onPageChange=_a.onPageChange,onPageSizeChange=_a.onPageSizeChange;if(!PAGE_SIZE_OPTIONS.includes(pageSize)){throw new InvalidPageSizeError();}var numberPages=React__default.useMemo(function(){return Math.ceil(totalCount/pageSize);},[pageSize,totalCount]);var buttonPositionings=React__default.useCallback(function(totalCarouselItems){if(numberPages<=totalCarouselItems){return arrayOfSizeN(numberPages).map(function(_,i){return i+1;});}var equilibriumNumberOfPads=Math.floor(totalCarouselItems/2);var leftPadding=Math.min(page-1,equilibriumNumberOfPads);var rightPadding=Math.min(numberPages-page,equilibriumNumberOfPads);var missingFromRight=equilibriumNumberOfPads-rightPadding;var missingFromLeft=equilibriumNumberOfPads-leftPadding;return __spreadArray(__spreadArray(__spreadArray([],__read(arrayOfSizeN(leftPadding+missingFromRight).map(function(_,i){return page-(i+1);})),false),[page],false),__read(arrayOfSizeN(rightPadding+missingFromLeft).map(function(_,i){return page+(i+1);})),false).sort(function(a,b){return a-b;});},[numberPages,page]);var movePage=React__default.useCallback(function(direction){return function(){var newPage=page+direction;if(1>newPage||newPage>numberPages)return;return onPageChange(newPage);};},[numberPages,onPageChange,page]);var createNPageButtons=React__default.useCallback(function(total){return buttonPositionings(total).map(function(num){return jsxRuntime.jsx(Button,__assign({_css:styled.css(templateObject_1$t||(templateObject_1$t=__makeTemplateObject(["\n padding: 0;\n height: 30px;\n width: 30px;\n "],["\n padding: 0;\n height: 30px;\n width: 30px;\n "]))),compact:true,flat:num!==page,onClick:num===page?DO_NOTHING:movePage(num-page),pill:true,primary:num===page},{children:num}),num);});},[buttonPositionings,movePage,page]);var movePageEnd=React__default.useCallback(function(){return onPageChange(numberPages);},[numberPages,onPageChange]);var movePageStart=React__default.useCallback(function(){return onPageChange(1);},[onPageChange]);var renderCarousel=React__default.useCallback(function(children){return jsxRuntime.jsx(Carousel,__assign({disableNextButton:page===numberPages,disablePreviousButton:page===1,inline:true,onEndClick:movePageEnd,onNextClick:movePage(+1),onPreviousClick:movePage(-1),onStartClick:movePageStart},{children:jsxRuntime.jsx(FlexBox,__assign({gap:"2px"},{children:children}))}));},[page,numberPages,movePageEnd,movePage,movePageStart]);var renderPageSizeSelector=React__default.useCallback(function(justifyContent){if(justifyContent===void 0){justifyContent="flex-end";}if(!onPageSizeChange)return null;return jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",justifyContent:justifyContent,gap:SPACINGS.XS},{children:[jsxRuntime.jsx("span",{children:"Items per page:"}),jsxRuntime.jsx(Selector,{compact:true,small:true,emptyState:"Select size",options:PAGE_SIZE_SELECTOR_OPTIONS,keyField:"value",labelField:"label",selectedKey:pageSize,onChange:function(size){return onPageSizeChange(size);}})]}));},[onPageSizeChange,pageSize]);var renderTotalCount=React__default.useCallback(function(justifyContent){if(justifyContent===void 0){justifyContent="flex-start";}return jsxRuntime.jsx(FlexBox,__assign({alignItems:"center",justifyContent:justifyContent,gap:SPACINGS.XS,_css:styled.css(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n color: ",";\n "],["\n color: ",";\n "])),function(_a){var theme=_a.theme;return theme.styles.colors.grey["600"];})},{children:jsxRuntime.jsxs("span",{children:[jsxRuntime.jsx("b",{children:totalCount})," total record",totalCount!==1?"s":""]})}));},[totalCount]);if(totalCount<=pageSize&&!onPageSizeChange)return null;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ComputersOnly,{children:jsxRuntime.jsxs(ComputerContainer,{children:[renderTotalCount("flex-start"),renderCarousel(createNPageButtons(5)),renderPageSizeSelector("flex-end")]})}),jsxRuntime.jsx(PhonesAndTabletsOnly,{children:jsxRuntime.jsxs(FlexBox,__assign({withRows:true,alignItems:"center",gap:SPACINGS.SM,_css:styled.css(templateObject_3$c||(templateObject_3$c=__makeTemplateObject(["\n width: 100%;\n "],["\n width: 100%;\n "])))},{children:[renderTotalCount("center"),renderCarousel(jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(PhonesOnly,{children:createNPageButtons(3)}),jsxRuntime.jsx(TabletsOnly,{children:createNPageButtons(5)})]})),renderPageSizeSelector("center")]}))})]});};var ComputerContainer=styled__default["default"].div(templateObject_4$9||(templateObject_4$9=__makeTemplateObject(["\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n gap: ",";\n width: 100%;\n"],["\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n gap: ",";\n width: 100%;\n"])),SPACINGS.SM);var templateObject_1$t,templateObject_2$h,templateObject_3$c,templateObject_4$9;var getColor=styled.css(templateObject_1$s||(templateObject_1$s=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"// const subTextStyling = css`
|
|
13309
13309
|
// margin-top: 0;
|
|
13310
13310
|
// `
|
|
13311
13311
|
])),function(_a){var color=_a.color,danger=_a.danger,theme=_a.theme;if(danger)return theme.styles.colorDanger;if(color)return color;return"inherit";});// const subTextStyling = css`
|
|
@@ -13357,24 +13357,24 @@ MultiSelector.defaultProps={invalidOnNoSelection:true,validation:{validation:VAL
|
|
|
13357
13357
|
// and keep the filtering done in the Dropdown component
|
|
13358
13358
|
// ...otherwise we need to Debounce this function
|
|
13359
13359
|
var filterOptions=React__default.useCallback(function(value){logger$1.writeInfo("filtering options containing");var matchingOptions=options.filter(function(option){return option[labelField].trim().toLowerCase().indexOf(String(value).trim().toLowerCase())!==-1;});setMatchingOptions(matchingOptions);},[labelField,options]);React__default.useEffect(function(){filterOptions(searchText);},[filterOptions,searchText]);var handleStateChange=function(state){if(state.hasOwnProperty("inputValue")){setSearchText(state.inputValue);}};var handleChange=function(k){setSearchText("");if(onChange){// @ts-ignore
|
|
13360
|
-
onChange(k);}};logger$1.writeInfo("matchingOptions",matchingOptions);return jsxRuntime.jsx(Dropdown,__assign({},props,{onChange:handleChange,onStateChange:handleStateChange,options:matchingOptions},{children:jsxRuntime.jsx(Autocomplete,__assign({disabled:disabled,isCompact:small},{children:selectedOption?isFunction$2(children)?children(selectedOption):selectedOption[labelField]:jsxRuntime.jsx(SelectorEmptyState,{children:emptyState})}))}));};SearchableSelector.defaultProps={onSearchTextChange:DO_NOTHING};SearchableSelector=styled__default["default"](SearchableSelector)(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n font-weight: ",";\n\n &&& * {\n ","\n cursor: ",";\n }\n\n :hover > div {\n ",";\n }\n"],["\n font-weight: ",";\n\n &&& * {\n ","\n cursor: ",";\n }\n\n :hover > div {\n ",";\n }\n"])),function(_a){var flat=_a.flat;return flat?FONT_WEIGHTS.BOLD:"inherit";},function(_a){var flat=_a.flat;return flat?"border: none;":"";},function(_a){var flat=_a.flat;return flat?"pointer !important":"inherit";},function(_a){var flat=_a.flat,theme=_a.theme;return flat?"background: ".concat(veryLight(theme.styles.colors.grey["500"]),";"):"";});var templateObject_1$l;var Hint=styled__default["default"](Hint$2)(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n &&& {\n font-size: ",";\n font-weight: ",";\n color: ",";\n ","\n }\n"],["\n &&& {\n font-size: ",";\n font-weight: ",";\n color: ",";\n ","\n }\n"])),FONT_SIZES.XS,FONT_WEIGHTS.MEDIUM,function(_a){var theme=_a.theme;return theme.styles.textColorSecondary;},function(_a){var _css=_a._css;return _css;});var templateObject_1$k;var Field=styled__default["default"](Field$2)(templateObject_1$
|
|
13360
|
+
onChange(k);}};logger$1.writeInfo("matchingOptions",matchingOptions);return jsxRuntime.jsx(Dropdown,__assign({},props,{onChange:handleChange,onStateChange:handleStateChange,options:matchingOptions},{children:jsxRuntime.jsx(Autocomplete,__assign({disabled:disabled,isCompact:small},{children:selectedOption?isFunction$2(children)?children(selectedOption):selectedOption[labelField]:jsxRuntime.jsx(SelectorEmptyState,{children:emptyState})}))}));};SearchableSelector.defaultProps={onSearchTextChange:DO_NOTHING};SearchableSelector=styled__default["default"](SearchableSelector)(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n font-weight: ",";\n\n &&& * {\n ","\n cursor: ",";\n }\n\n :hover > div {\n ",";\n }\n"],["\n font-weight: ",";\n\n &&& * {\n ","\n cursor: ",";\n }\n\n :hover > div {\n ",";\n }\n"])),function(_a){var flat=_a.flat;return flat?FONT_WEIGHTS.BOLD:"inherit";},function(_a){var flat=_a.flat;return flat?"border: none;":"";},function(_a){var flat=_a.flat;return flat?"pointer !important":"inherit";},function(_a){var flat=_a.flat,theme=_a.theme;return flat?"background: ".concat(veryLight(theme.styles.colors.grey["500"]),";"):"";});var templateObject_1$l;var Hint=styled__default["default"](Hint$2)(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n &&& {\n font-size: ",";\n font-weight: ",";\n color: ",";\n ","\n }\n"],["\n &&& {\n font-size: ",";\n font-weight: ",";\n color: ",";\n ","\n }\n"])),FONT_SIZES.XS,FONT_WEIGHTS.MEDIUM,function(_a){var theme=_a.theme;return theme.styles.textColorSecondary;},function(_a){var _css=_a._css;return _css;});var templateObject_1$k;var Message=styled__default["default"](Message$3)(templateObject_1$j||(templateObject_1$j=__makeTemplateObject(["\n &&& {\n font-size: ",";\n ","\n }\n"],["\n &&& {\n font-size: ",";\n ","\n }\n"])),FONT_SIZES.XS,function(_a){var _css=_a._css;return _css;});var templateObject_1$j;var Field=styled__default["default"](Field$2)(templateObject_1$i||(templateObject_1$i=__makeTemplateObject(["\n width: ",";\n"],["\n width: ",";\n"])),function(_a){var compact=_a.compact;return compact?"auto":"100%";});var TextFieldWrapper=React__default.forwardRef(function(_a,ref){var className=_a.className,compact=_a.compact,emptyState=_a.emptyState,fluid=_a.fluid,hint=_a.hint,label=_a.label,message=_a.message,required=_a.required,validation=_a.validation,value=_a.value,WrappedComponent=_a.WrappedComponent,onChange=_a.onChange,props=__rest(_a,["className","compact","emptyState","fluid","hint","label","message","required","validation","value","WrappedComponent","onChange"]);var notifyParentOfChange=React__default.useCallback(function(e){// @ts-ignore
|
|
13361
13361
|
onChange(e.target.value,e);},[onChange]);message=(validation===null||validation===void 0?void 0:validation.message)||message;return jsxRuntime.jsx(Container$5,__assign({className:className,withRows:true,gap:"unset",fluid:fluid},{children:jsxRuntime.jsxs(Field,__assign({compact:compact},{children:[label||required?jsxRuntime.jsxs(FlexBox,__assign({gap:".3em"},{children:[label?jsxRuntime.jsx(Label$1$1,{children:label}):null,required?jsxRuntime.jsx(Text,__assign({danger:true},{children:jsxRuntime.jsx("b",{children:"*"})})):null]})):null,hint?jsxRuntime.jsx(Hint,__assign({_css:styled.css(templateObject_2$d||(templateObject_2$d=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n "],["\n &&& {\n font-size: ",";\n }\n "])),FONT_SIZES.XS)},{children:hint})):null,jsxRuntime.jsx(WrappedComponent// @ts-ignore
|
|
13362
13362
|
,__assign({// @ts-ignore
|
|
13363
|
-
placeholder:emptyState,ref:ref,validation:validation===null||validation===void 0?void 0:validation.validation},props,{value:value,onChange:notifyParentOfChange})),message?jsxRuntime.jsx(Message
|
|
13363
|
+
placeholder:emptyState,ref:ref,validation:validation===null||validation===void 0?void 0:validation.validation},props,{value:value,onChange:notifyParentOfChange})),message?jsxRuntime.jsx(Message,__assign({_css:"\n &&& {\n font-size: ".concat(FONT_SIZES.XS,";\n }\n "),validation:validation===null||validation===void 0?void 0:validation.validation},{children:message})):null]}))}));});var hoverFocusStyling=styled.css(templateObject_3$9||(templateObject_3$9=__makeTemplateObject(["\n :hover {\n border-color: ",";\n }\n\n :focus {\n border-color: ",";\n box-shadow: ",";\n }\n"],["\n :hover {\n border-color: ",";\n }\n\n :focus {\n border-color: ",";\n box-shadow: ",";\n }\n"// @ts-ignore
|
|
13364
13364
|
])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;return dark(theme.styles.colorPrimary);},function(_a){var theme=_a.theme;return"0 0 0 3px ".concat(fade(theme.styles.colorPrimary));});// @ts-ignore
|
|
13365
|
-
TextFieldWrapper=styled__default["default"](TextFieldWrapper)(templateObject_4$7||(templateObject_4$7=__makeTemplateObject(["\n &&&& {\n font-size: inherit;\n ","\n }\n"],["\n &&&& {\n font-size: inherit;\n ","\n }\n"])),function(p){return!p.disabled?hoverFocusStyling:"";});TextFieldWrapper.defaultProps={disabled:false,validation:{validation:VALIDATION_STATES.NONE}};var Container$5=styled__default["default"](FlexBox)(templateObject_5$5||(templateObject_5$5=__makeTemplateObject(["\n ","\n && * {\n font-size: inherit;\n }\n"],["\n ","\n && * {\n font-size: inherit;\n }\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";});var templateObject_1$
|
|
13365
|
+
TextFieldWrapper=styled__default["default"](TextFieldWrapper)(templateObject_4$7||(templateObject_4$7=__makeTemplateObject(["\n &&&& {\n font-size: inherit;\n ","\n }\n"],["\n &&&& {\n font-size: inherit;\n ","\n }\n"])),function(p){return!p.disabled?hoverFocusStyling:"";});TextFieldWrapper.defaultProps={disabled:false,validation:{validation:VALIDATION_STATES.NONE}};var Container$5=styled__default["default"](FlexBox)(templateObject_5$5||(templateObject_5$5=__makeTemplateObject(["\n ","\n && * {\n font-size: inherit;\n }\n"],["\n ","\n && * {\n font-size: inherit;\n }\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";});var templateObject_1$i,templateObject_2$d,templateObject_3$9,templateObject_4$7,templateObject_5$5;var TextField=React__default.forwardRef(function(_a,ref){var faux=_a.faux,onChange=_a.onChange,small=_a.small,value=_a.value,props=__rest(_a,["faux","onChange","small","value"]);// @ts-ignore
|
|
13366
13366
|
props=__assign(__assign({},props),{isCompact:small});var valueProp=faux?{children:value}:{value:value};return jsxRuntime.jsx(TextFieldWrapper,__assign({},props,valueProp,{ref:ref,onChange:onChange,// @ts-ignore
|
|
13367
13367
|
WrappedComponent:faux?FauxInput:Input}));});// @ts-ignore
|
|
13368
|
-
TextField=styled__default["default"](TextField)(templateObject_1$
|
|
13368
|
+
TextField=styled__default["default"](TextField)(templateObject_1$h||(templateObject_1$h=__makeTemplateObject([""],[""// @ts-ignore
|
|
13369
13369
|
])));// @ts-ignore
|
|
13370
|
-
TextField.COMPONENT_NAME="TextField";var templateObject_1$
|
|
13370
|
+
TextField.COMPONENT_NAME="TextField";var templateObject_1$h;var logger=new Logger("TableFilter");var TableFilter=function(_a){var _b,_c;var fieldName=_a.fieldName,label=_a.label,onChange=_a.onChange,options=_a.options,type=_a.type,value=_a.value;logger.writeInfo("render",fieldName,value);var sendChanges=React__default.useCallback(function(v){onChange(fieldName,v);},[fieldName,onChange]);// @ts-ignore
|
|
13371
13371
|
var SelectorComponent=React__default.useMemo(function(){if(type==="multi-select")return MultiSelector;if(type==="select")return Selector;if(type==="searchable-select")return SearchableSelector;return undefined;},[type]);var selectorEmptyState=function(){if(type==="multi-select")return"Select one or more";if(type==="searchable-select")return"Type to search";if(type==="select")return"Select one";return"";};if(SelectorComponent){return jsxRuntime.jsx(SelectorComponent,__assign({appendMenuToNode:document.body,clearable:true,emptyState:selectorEmptyState(),keyField:"value",label:label,labelField:"label",maxMenuHeight:"200px",menuPopperModifiers:[{name:"flip",enabled:true}],// @ts-ignore
|
|
13372
|
-
onChange:sendChanges,options:options,placement:"bottom"},type==="multi-select"?{selectedKeys:(_b=value)!==null&&_b!==void 0?_b:[],maxItems:2}:{selectedKey:value},{small:true}));}return jsxRuntime.jsx(TextField,{label:label,emptyState:label,onChange:sendChanges,small:true,value:(_c=value)!==null&&_c!==void 0?_c:""});};var TableFilters=function(_a){var columnConfigs=_a.columnConfigs,filterState=_a.filterState,onFiltersChange=_a.onFiltersChange;var _b=__read(React__default.useState(filterState!==null&&filterState!==void 0?filterState:{}),2),state=_b[0],setState=_b[1];var filters=React__default.useMemo(function(){return columnConfigs.filter(function(c){return c.filter;}).map(function(c){return c.filter;});},[columnConfigs]);var applyFilters=React__default.useCallback(function(){onFiltersChange(state);},[onFiltersChange,state]);var clearFilters=React__default.useCallback(function(){onFiltersChange({});setState({});},[onFiltersChange]);var trackChanges=React__default.useCallback(function(fieldName,value){setState(function(prev){var _a;return __assign(__assign({},prev),(_a={},_a[fieldName]=value,_a));});},[]);if(isEmpty(filters))return null;return jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_1$
|
|
13373
|
-
jsxRuntime.jsx(TableFilter,{fieldName:f.fieldName,label:f.label,onChange:trackChanges,options:f.options,type:f.type,value:state[f.fieldName]},f.fieldName));})})),jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_2$c||(templateObject_2$c=__makeTemplateObject(["\n margin: "," 0;\n "],["\n margin: "," 0;\n "])),SPACINGS.SM),justifyContent:"flex-end"},{children:[jsxRuntime.jsx(Button,__assign({danger:true,flat:true,onClick:clearFilters},{children:"Clear All"})),jsxRuntime.jsx(Button,__assign({onClick:applyFilters},{children:"Apply"}))]}))]}),"table_filters_menu");};var templateObject_1$
|
|
13372
|
+
onChange:sendChanges,options:options,placement:"bottom"},type==="multi-select"?{selectedKeys:(_b=value)!==null&&_b!==void 0?_b:[],maxItems:2}:{selectedKey:value},{small:true}));}return jsxRuntime.jsx(TextField,{label:label,emptyState:label,onChange:sendChanges,small:true,value:(_c=value)!==null&&_c!==void 0?_c:""});};var TableFilters=function(_a){var columnConfigs=_a.columnConfigs,filterState=_a.filterState,onFiltersChange=_a.onFiltersChange;var _b=__read(React__default.useState(filterState!==null&&filterState!==void 0?filterState:{}),2),state=_b[0],setState=_b[1];var filters=React__default.useMemo(function(){return columnConfigs.filter(function(c){return c.filter;}).map(function(c){return c.filter;});},[columnConfigs]);var applyFilters=React__default.useCallback(function(){onFiltersChange(state);},[onFiltersChange,state]);var clearFilters=React__default.useCallback(function(){onFiltersChange({});setState({});},[onFiltersChange]);var trackChanges=React__default.useCallback(function(fieldName,value){setState(function(prev){var _a;return __assign(__assign({},prev),(_a={},_a[fieldName]=value,_a));});},[]);if(isEmpty(filters))return null;return jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_1$g||(templateObject_1$g=__makeTemplateObject(["\n font-size: 1rem !important;\n width: 300px;\n max-width: 100%;\n max-height: 100%;\n "],["\n font-size: 1rem !important;\n width: 300px;\n max-width: 100%;\n max-height: 100%;\n "]))),withRows:true},{children:[jsxRuntime.jsx(FlexBox,__assign({withRows:true},{children:filters.map(function(f){return(// @ts-ignore
|
|
13373
|
+
jsxRuntime.jsx(TableFilter,{fieldName:f.fieldName,label:f.label,onChange:trackChanges,options:f.options,type:f.type,value:state[f.fieldName]},f.fieldName));})})),jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_2$c||(templateObject_2$c=__makeTemplateObject(["\n margin: "," 0;\n "],["\n margin: "," 0;\n "])),SPACINGS.SM),justifyContent:"flex-end"},{children:[jsxRuntime.jsx(Button,__assign({danger:true,flat:true,onClick:clearFilters},{children:"Clear All"})),jsxRuntime.jsx(Button,__assign({onClick:applyFilters},{children:"Apply"}))]}))]}),"table_filters_menu");};var templateObject_1$g,templateObject_2$c;var TableFiltersDropdown=function(_a){var columnConfigs=_a.columnConfigs,filterState=_a.filterState,onFiltersChange=_a.onFiltersChange;var _b=__read(React__default.useState(false),2),isOpen=_b[0],setIsOpen=_b[1];var theme=useTheme();var handleFiltersChange=React__default.useCallback(function(fs){onFiltersChange(fs);setIsOpen(false);},[onFiltersChange]);var handleStateChange=React__default.useCallback(function(changes){if(changes.isOpen==null||changes.type===Downshift$1.stateChangeTypes.blurInput||changes.type===Downshift$1.stateChangeTypes.blurButton){return;}setIsOpen(changes.isOpen);},[]);return jsxRuntime.jsx(Dropdown,{isOpen:isOpen,menuCSS:"\n max-width: 400px;\n min-width: 300px;\n padding: 1rem;\n ",options:[jsxRuntime.jsx(TableFilters,{columnConfigs:columnConfigs,filterState:filterState,onFiltersChange:handleFiltersChange},"filter-menu")],placement:"bottom-end",trigger:jsxRuntime.jsx(Button,__assign({icon:theme.styles.table.filterButtonIcon,onClick:DO_NOTHING,primary:false,size:BUTTON_SIZES.SMALL},{children:"Filter"})),useRawOptions:true,onStateChange:handleStateChange});};var TableSorter=function(_a){var columnConfigs=_a.columnConfigs,onColumnSort=_a.onColumnSort,_b=_a.sortState,sortState=_b===void 0?{}:_b;var initialState=React__default.useMemo(function(){var _a;var keys=Object.keys(sortState);var fieldName=isNotEmpty(keys)?keys[0]:"";var direction=(_a=sortState[fieldName])!==null&&_a!==void 0?_a:"";return fieldName&&direction?"".concat(fieldName,"::").concat(direction):"";},[sortState]);var _c=__read(React__default.useState(initialState),2),state=_c[0],setState=_c[1];var applySort=React__default.useCallback(function(){var _a;if(!state){onColumnSort({});}else{var _b=__read(state.split("::"),2),fieldName=_b[0],direction=_b[1];onColumnSort((_a={},_a[fieldName]=direction,_a));}},[onColumnSort,state]);var sortConfigs=React__default.useMemo(function(){return excludeBlanks(columnConfigs.map(function(c){return c.sort;}));},[columnConfigs]);var sortOptions=React__default.useMemo(function(){return sortConfigs.flatMap(function(_a){var label=_a.label,fieldName=_a.fieldName;return[{label:"".concat(label," - Ascending"),value:"".concat(fieldName,"::asc")},{label:"".concat(label," - Descending"),value:"".concat(fieldName,"::desc")}];});},[sortConfigs]);if(isEmpty(sortConfigs))return null;return jsxRuntime.jsxs(FlexBox,__assign({withRows:true},{children:[jsxRuntime.jsx(SearchableSelector,{appendMenuToNode:document.body,clearable:true,emptyState:"Select attribute and order",keyField:"value",label:"Sort By",labelField:"label",maxMenuHeight:"200px",menuPopperModifiers:[{name:"flip",enabled:true}],onChange:setState,options:sortOptions,placement:"bottom",selectedKey:state,small:true}),jsxRuntime.jsx(FlexBox,__assign({_css:styled.css(templateObject_1$f||(templateObject_1$f=__makeTemplateObject(["\n margin: "," 0;\n "],["\n margin: "," 0;\n "])),SPACINGS.SM),justifyContent:"flex-end"},{children:jsxRuntime.jsx(Button,__assign({onClick:applySort},{children:"Apply"}))}))]}),"table_sort_menu");};var templateObject_1$f;var TableActions=function(_a){var actions=_a.actions,columnConfigs=_a.columnConfigs,compact=_a.compact,filterState=_a.filterState,onColumnSort=_a.onColumnSort,onFiltersChange=_a.onFiltersChange,sortState=_a.sortState;var _b=useModalState(),closeModal=_b.closeModal,openModalWith=_b.openModalWith;var theme=useTheme();var submitFilters=React__default.useCallback(function(fs){onFiltersChange(fs);closeModal();},[closeModal,onFiltersChange]);var submitSort=React__default.useCallback(function(s){onColumnSort(s);closeModal();},[closeModal,onColumnSort]);var openFiltersModal=React__default.useCallback(function(){openModalWith({body:jsxRuntime.jsx(TableFilters,{columnConfigs:columnConfigs,filterState:filterState,onFiltersChange:submitFilters}),title:"Filter Records",withNoActions:true});},[columnConfigs,filterState,openModalWith,submitFilters]);var openSorterModal=React__default.useCallback(function(){openModalWith({body:jsxRuntime.jsx(TableSorter,{columnConfigs:columnConfigs,onColumnSort:submitSort,sortState:sortState}),title:"Sort Records",withNoActions:true});},[columnConfigs,openModalWith,sortState,submitSort]);var _c=__read(React__default.useMemo(function(){var list=actions?__spreadArray([],__read(actions),false):[];var groupedActions=list.reduce(function(partitions,action){var _a=__read(partitions,2),compactables=_a[0],nonCompactables=_a[1];var compactable=!action.notCompactable;compact&&compactable?compactables.push(action):nonCompactables.push(action);return partitions;},[[],[]]);return groupedActions;},[actions,compact]),2),compactableActions=_c[0],nonCompactableActions=_c[1];var filterIcon=theme.styles.table.filterButtonIcon||js.mdiFilterOutline;return jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",justifyContent:"flex-end",fluid:true},{children:[jsxRuntime.jsx(ComputersOnly,{children:onFiltersChange?jsxRuntime.jsx(TableFiltersDropdown,{columnConfigs:columnConfigs,filterState:filterState,onFiltersChange:submitFilters}):null}),jsxRuntime.jsxs(PhonesAndTabletsOnly,{children:[onFiltersChange?jsxRuntime.jsx(Button,{compact:true,icon:filterIcon,onClick:openFiltersModal,primary:false,size:BUTTON_SIZES.SMALL}):null,onColumnSort?jsxRuntime.jsx(Button,{compact:true,icon:js.mdiSwapVertical,onClick:openSorterModal,primary:false,size:BUTTON_SIZES.SMALL}):null]}),isNotEmpty(nonCompactableActions)?jsxRuntime.jsx(ExpandedTableActions,{actions:nonCompactableActions}):null,isNotEmpty(compactableActions)?jsxRuntime.jsx(CompactTableActions,{actions:compactableActions}):null]}));};/**
|
|
13374
13374
|
* TableHeader displays selection count and table actions with responsive behavior.
|
|
13375
13375
|
* - Desktop: Shows selection count text and standard table actions
|
|
13376
13376
|
* - Mobile: Shows "Select All/Deselect All" button and compact table actions
|
|
13377
|
-
*/var TableHeader=function(_a){var actions=_a.actions,columnConfigs=_a.columnConfigs,filterState=_a.filterState,selectedCount=_a.selectedCount,sortState=_a.sortState,totalPageCount=_a.totalPageCount,onFiltersChange=_a.onFiltersChange,onColumnSort=_a.onColumnSort;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ComputersOnly,{children:jsxRuntime.jsxs(FlexBox,__assign({fluid:true,alignItems:"center",gap:SPACINGS.SM},{children:[jsxRuntime.jsx(SelectionCount,{selectedCount:selectedCount,totalPageCount:totalPageCount}),jsxRuntime.jsx(TableActions,{actions:actions,columnConfigs:columnConfigs,filterState:filterState,onFiltersChange:onFiltersChange})]}))}),jsxRuntime.jsx(PhonesAndTabletsOnly,{children:jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",gap:SPACINGS.SM},{children:[jsxRuntime.jsx(SelectionCount,{selectedCount:selectedCount,totalPageCount:totalPageCount}),jsxRuntime.jsx(TableActions,{actions:actions,columnConfigs:columnConfigs,compact:true,filterState:filterState,onColumnSort:onColumnSort,onFiltersChange:onFiltersChange,sortState:sortState})]}))})]});};var
|
|
13377
|
+
*/var TableHeader=function(_a){var actions=_a.actions,columnConfigs=_a.columnConfigs,filterState=_a.filterState,selectedCount=_a.selectedCount,sortState=_a.sortState,totalPageCount=_a.totalPageCount,onFiltersChange=_a.onFiltersChange,onColumnSort=_a.onColumnSort;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ComputersOnly,{children:jsxRuntime.jsxs(FlexBox,__assign({fluid:true,alignItems:"center",gap:SPACINGS.SM},{children:[jsxRuntime.jsx(SelectionCount,{selectedCount:selectedCount,totalPageCount:totalPageCount}),jsxRuntime.jsx(TableActions,{actions:actions,columnConfigs:columnConfigs,filterState:filterState,onFiltersChange:onFiltersChange})]}))}),jsxRuntime.jsx(PhonesAndTabletsOnly,{children:jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",gap:SPACINGS.SM},{children:[jsxRuntime.jsx(SelectionCount,{selectedCount:selectedCount,totalPageCount:totalPageCount}),jsxRuntime.jsx(TableActions,{actions:actions,columnConfigs:columnConfigs,compact:true,filterState:filterState,onColumnSort:onColumnSort,onFiltersChange:onFiltersChange,sortState:sortState})]}))})]});};var Checkbox=function(_a){var _b,_c,_d;var checkedProp=(_b=_a.checked,_b===void 0?false:_b);_a.compact;_a.emptyState;var fluid=_a.fluid,hint=_a.hint,indeterminate=_a.indeterminate,label=_a.label,message=_a.message,validation=(_c=_a.validation,_c===void 0?{validation:VALIDATION_STATES.NONE}:_c),onChange=_a.onChange,props=__rest(_a,["checked","compact","emptyState","fluid","hint","indeterminate","label","message","validation","onChange"]);var checked=(_d=__read(React__default.useState(checkedProp),2),_d[0]),setCheckedTo=_d[1];var handleCheck=function(e){var checked=e.target.checked;setCheckedTo(checked);onChange(checked);};React__default.useEffect(function(){setCheckedTo(checkedProp);},[checkedProp]);return jsxRuntime.jsx(Container$4,__assign({fluid:fluid,gap:null,withRows:true},{children:jsxRuntime.jsx(Field$2,{children:jsxRuntime.jsxs(Checkbox$1,__assign({checked:checked,indeterminate:indeterminate},props,{onChange:handleCheck},{children:[jsxRuntime.jsx(Label$1$1,__assign({hidden:!label},{children:label!==null&&label!==void 0?label:""})),hint?jsxRuntime.jsx(Hint,{children:hint}):null,message?jsxRuntime.jsx(Message,__assign({validation:validation===null||validation===void 0?void 0:validation.validation},{children:message})):null]}))})}));};Checkbox=styled__default["default"](Checkbox)(templateObject_1$e||(templateObject_1$e=__makeTemplateObject(["\n &&&& {\n font-size: inherit;\n\n :hover {\n border-color: ",";\n }\n\n :focus {\n border-color: ",";\n box-shadow: ",";\n }\n }\n"],["\n &&&& {\n font-size: inherit;\n\n :hover {\n border-color: ",";\n }\n\n :focus {\n border-color: ",";\n box-shadow: ",";\n }\n }\n"])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;return dark(theme.styles.colorPrimary);},function(_a){var theme=_a.theme;return"0 0 0 3px ".concat(fade(theme.styles.colorPrimary));});var Container$4=styled__default["default"](FlexBox)(templateObject_2$b||(templateObject_2$b=__makeTemplateObject(["\n ","\n && * {\n font-size: inherit;\n }\n"],["\n ","\n && * {\n font-size: inherit;\n }\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";});var templateObject_1$e,templateObject_2$b;var overflowCellStyles=styled.css(templateObject_1$d||(templateObject_1$d=__makeTemplateObject(["\n position: sticky;\n right: 0;\n z-index: 5;\n text-align: center;\n width: ",";\n\n ::before {\n position: absolute;\n top: 0;\n left: 0;\n bottom: -2px;\n content: \"\";\n width: 2px;\n box-shadow: inset 10px 0 8px -8px #00000026;\n }\n"],["\n position: sticky;\n right: 0;\n z-index: 5;\n text-align: center;\n width: ",";\n\n ::before {\n position: absolute;\n top: 0;\n left: 0;\n bottom: -2px;\n content: \"\";\n width: 2px;\n box-shadow: inset 10px 0 8px -8px #00000026;\n }\n"// const sortableColumnHeaderStyles = css`
|
|
13378
13378
|
// cursor: pointer;
|
|
13379
13379
|
// :hover, :focus {
|
|
13380
13380
|
// background: ${veryLight(COLORS.GREY)};
|
|
@@ -13418,9 +13418,9 @@ styled.css(templateObject_10$2||(templateObject_10$2=__makeTemplateObject(["\n
|
|
|
13418
13418
|
* Shared styles for all table cells
|
|
13419
13419
|
*/])),function(_a){var stickyLeft=_a.stickyLeft;return stickyLeft&&"left: ".concat(stickyLeft,";");},function(_a){var stickyRight=_a.stickyRight;return stickyRight&&"right: ".concat(stickyRight,";");},function(_a){var showStickyBorder=_a.showStickyBorder,stickyLeft=_a.stickyLeft,theme=_a.theme;return showStickyBorder&&stickyLeft&&styled.css(templateObject_4$2||(templateObject_4$2=__makeTemplateObject(["\n border-right: 2px solid ",";\n "],["\n border-right: 2px solid ",";\n "])),theme.styles.table.borderColor);},function(_a){var showStickyBorder=_a.showStickyBorder,stickyRight=_a.stickyRight,theme=_a.theme;return showStickyBorder&&stickyRight&&styled.css(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n border-left: 2px solid ",";\n "],["\n border-left: 2px solid ",";\n "])),theme.styles.table.borderColor);},function(_a){var showStickyShadow=_a.showStickyShadow,stickyLeft=_a.stickyLeft;return showStickyShadow&&stickyLeft&&styled.css(templateObject_6$2||(templateObject_6$2=__makeTemplateObject(["\n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n right: -",";\n bottom: 0;\n width: ",";\n background: linear-gradient(\n to right,\n rgba(0, 0, 0, 0.1),\n rgba(0, 0, 0, 0)\n );\n pointer-events: none;\n }\n "],["\n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n right: -",";\n bottom: 0;\n width: ",";\n background: linear-gradient(\n to right,\n rgba(0, 0, 0, 0.1),\n rgba(0, 0, 0, 0)\n );\n pointer-events: none;\n }\n "])),STICKY_SHADOW_WIDTH,STICKY_SHADOW_WIDTH);},function(_a){var showStickyShadow=_a.showStickyShadow,stickyRight=_a.stickyRight;return showStickyShadow&&stickyRight&&styled.css(templateObject_7$1||(templateObject_7$1=__makeTemplateObject(["\n &::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -",";\n bottom: 0;\n width: ",";\n background: linear-gradient(\n to left,\n rgba(0, 0, 0, 0.1),\n rgba(0, 0, 0, 0)\n );\n pointer-events: none;\n }\n "],["\n &::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -",";\n bottom: 0;\n width: ",";\n background: linear-gradient(\n to left,\n rgba(0, 0, 0, 0.1),\n rgba(0, 0, 0, 0)\n );\n pointer-events: none;\n }\n "])),STICKY_SHADOW_WIDTH,STICKY_SHADOW_WIDTH);});/**
|
|
13420
13420
|
* Shared styles for all table cells
|
|
13421
|
-
*/var baseCellStyles=styled.css(templateObject_10$1||(templateObject_10$1=__makeTemplateObject(["\n padding: ",";\n display: flex;\n align-items: center;\n border-bottom:
|
|
13421
|
+
*/var baseCellStyles=styled.css(templateObject_10$1||(templateObject_10$1=__makeTemplateObject(["\n padding: ",";\n display: flex;\n align-items: center;\n border-bottom: ",";\n\n ","\n"],["\n padding: ",";\n display: flex;\n align-items: center;\n border-bottom: ",";\n\n ","\n"/**
|
|
13422
13422
|
* Individual header cell styled component
|
|
13423
|
-
*/])),CELL_PADDING,function(_a){var theme=_a.theme;return theme.styles.table.borderColor;},function(_a){var isCheckbox=_a.isCheckbox,isOverflowCell=_a.isOverflowCell;return(isCheckbox||isOverflowCell)&&styled.css(templateObject_9$1||(templateObject_9$1=__makeTemplateObject(["\n justify-content: center;\n "],["\n justify-content: center;\n "])));});/**
|
|
13423
|
+
*/])),CELL_PADDING,function(_a){var isLastRow=_a.isLastRow,theme=_a.theme;return isLastRow?"none":"1px solid ".concat(theme.styles.table.borderColor);},function(_a){var isCheckbox=_a.isCheckbox,isOverflowCell=_a.isOverflowCell;return(isCheckbox||isOverflowCell)&&styled.css(templateObject_9$1||(templateObject_9$1=__makeTemplateObject(["\n justify-content: center;\n "],["\n justify-content: center;\n "])));});/**
|
|
13424
13424
|
* Individual header cell styled component
|
|
13425
13425
|
*/var HeaderCell=styled__default["default"].div(templateObject_12$1||(templateObject_12$1=__makeTemplateObject(["\n ","\n vertical-align: top;\n background: white;\n\n ","\n\n ","\n"],["\n ","\n vertical-align: top;\n background: white;\n\n ","\n\n ","\n"/**
|
|
13426
13426
|
* Text component for header cells with emphasis styling
|
|
@@ -13448,7 +13448,7 @@ styled.css(templateObject_10$2||(templateObject_10$2=__makeTemplateObject(["\n
|
|
|
13448
13448
|
*
|
|
13449
13449
|
* @param props - The GridRow component props
|
|
13450
13450
|
* @returns A rendered table row
|
|
13451
|
-
*/var GridRow=function(_a){var item=_a.item,_b=_a.checkable,checkable=_b===void 0?false:_b,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,_c=_a.hasRowActions,hasRowActions=_c===void 0?false:_c,gridTemplateColumns=_a.gridTemplateColumns,getStickyLeft=_a.getStickyLeft,getColumnStickyProps=_a.getColumnStickyProps,lastLeftStickyIndex=_a.lastLeftStickyIndex,
|
|
13451
|
+
*/var GridRow=function(_a){var item=_a.item,_b=_a.checkable,checkable=_b===void 0?false:_b,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,_c=_a.hasRowActions,hasRowActions=_c===void 0?false:_c,gridTemplateColumns=_a.gridTemplateColumns,getStickyLeft=_a.getStickyLeft,getColumnStickyProps=_a.getColumnStickyProps,_d=_a.isLastRow,isLastRow=_d===void 0?false:_d,lastLeftStickyIndex=_a.lastLeftStickyIndex,_e=_a.showStickyShadow,showStickyShadow=_e===void 0?true:_e,_f=_a.showStickyBorder,showStickyBorder=_f===void 0?false:_f,onItemChecked=_a.onItemChecked,onItemClick=_a.onItemClick,onItemHoverStart=_a.onItemHoverStart,onItemHoverEnd=_a.onItemHoverEnd;var handleCheckChange=function(checked){onItemChecked===null||onItemChecked===void 0?void 0:onItemChecked(item.key,checked);};var key=item.key,containerStyles=item.containerStyles,actions=item.actions,_g=item.checkDisabled,checkDisabled=_g===void 0?false:_g;var checked=checkedItems===null||checkedItems===void 0?void 0:checkedItems.has(key);return jsxRuntime.jsxs(RowContainer,__assign({gridTemplateColumns:gridTemplateColumns,onClick:function(){return onItemClick===null||onItemClick===void 0?void 0:onItemClick(key);},onMouseEnter:function(){return onItemHoverStart===null||onItemHoverStart===void 0?void 0:onItemHoverStart(key);},onMouseLeave:function(){return onItemHoverEnd===null||onItemHoverEnd===void 0?void 0:onItemHoverEnd(key);}},{children:[checkable?jsxRuntime.jsx(RowCell,__assign({_css:containerStyles||"",isCheckbox:true,isLastRow:isLastRow,isSticky:true,stickyLeft:getStickyLeft(0),showStickyShadow:showStickyShadow&&lastLeftStickyIndex===0,showStickyBorder:showStickyBorder&&lastLeftStickyIndex===0},{children:jsxRuntime.jsx(Checkbox,{checked:!checkDisabled&&!!checked,disabled:checkDisabled,onChange:handleCheckChange})})):null,columnConfigs.map(function(c,index){var name=c.name,important=c.important;var weight=important?FONT_WEIGHTS.MEDIUM:FONT_WEIGHTS.REGULAR;var stickyProps=getColumnStickyProps(index,important);return jsxRuntime.jsx(RowCell,__assign({_css:containerStyles||"",isLastRow:isLastRow},stickyProps,{children:jsxRuntime.jsx(Text,__assign({_css:"font-weight: ".concat(weight,"; width: 100%;")},{children:item[name]}))}),"".concat(key,"-").concat(name));}),hasRowActions&&jsxRuntime.jsx(RowCell,__assign({_css:containerStyles||"",isLastRow:isLastRow,isOverflowCell:true,isSticky:true,stickyRight:"0px",showStickyShadow:showStickyShadow,showStickyBorder:showStickyBorder},{children:actions&&jsxRuntime.jsx(OverflowMenu,{actions:actions,appendToNode:document.body,placement:"bottom-end"})}))]}));};/**
|
|
13452
13452
|
* Extracts and calculates the width for a table column.
|
|
13453
13453
|
* Supports explicit width property, css property extraction, and flexible columns.
|
|
13454
13454
|
*
|
|
@@ -13472,7 +13472,7 @@ styled.css(templateObject_10$2||(templateObject_10$2=__makeTemplateObject(["\n
|
|
|
13472
13472
|
*
|
|
13473
13473
|
* @param props - The component props
|
|
13474
13474
|
* @returns A feature-rich data table component
|
|
13475
|
-
*/var DesktopTableV2=function(_a){
|
|
13475
|
+
*/var DesktopTableV2=function(_a){var _b=_a.checkable,checkable=_b===void 0?false:_b,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,emptyState=_a.emptyState,hasRowActions=_a.hasRowActions,items=_a.items,maxHeight=_a.maxHeight,_c=_a.showStickyShadow,showStickyShadow=_c===void 0?false:_c,_d=_a.showStickyBorder,showStickyBorder=_d===void 0?true:_d,sortState=_a.sortState,onColumnSort=_a.onColumnSort,onItemChecked=_a.onItemChecked,onItemClick=_a.onItemClick,onItemHoverEnd=_a.onItemHoverEnd,onItemHoverStart=_a.onItemHoverStart,onSelectAllToggle=_a.onSelectAllToggle;var _e=__read(React__default.useState(0),2),verticalScrollbarWidth=_e[0],setVerticalScrollbarWidth=_e[1];var _f=__read(React__default.useState("0px"),2),headerHeight=_f[0],setHeaderHeight=_f[1];var bodyRef=React__default.useRef(null);var headerRef=React__default.useRef(null);var handleBodyScroll=function(e){if(!headerRef.current)return;headerRef.current.scrollLeft=e.target.scrollLeft;};var handleHeaderScroll=function(e){if(!bodyRef.current)return;bodyRef.current.scrollLeft=e.target.scrollLeft;};React__default.useEffect(function(){if(!bodyRef.current||!headerRef.current)return;var updateDimensions=function(){if(!bodyRef.current||!headerRef.current)return;var bodyClientWidth=bodyRef.current.clientWidth;var bodyOffsetWidth=bodyRef.current.offsetWidth;var headerHeight=headerRef.current.clientHeight;var scrollbarWidth=bodyOffsetWidth-bodyClientWidth;setVerticalScrollbarWidth(scrollbarWidth);setHeaderHeight("".concat(headerHeight,"px"));};updateDimensions();var resizeObserver=new ResizeObserver(updateDimensions);resizeObserver.observe(bodyRef.current);return function(){return resizeObserver.disconnect();};},[items]);var allSelected=(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)===items.length;var someSelected=!!(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)&&!allSelected;var handleSelectAll=function(checked){if(!!onSelectAllToggle)onSelectAllToggle(checked);};var trackSortFields=React__default.useCallback(function(fieldName,direction){var _a;onColumnSort(direction?(_a={},_a[fieldName]=direction,_a):{});},[onColumnSort]);var columnWidths=__spreadArray(__spreadArray([checkable?CHECKBOX_WIDTH:null],__read(columnConfigs.map(getColumnWidth)),false),[hasRowActions?ACTIONS_WIDTH:null],false).filter(Boolean);var gridTemplateColumns=columnWidths.join(" ");var getStickyLeft=function(index){var leftWidths=columnWidths.slice(0,index);return leftWidths.length>0?"calc(".concat(leftWidths.join(" + "),")"):"0px";};var stickyColumns=__spreadArray(__spreadArray([checkable?true:false],__read(columnConfigs.map(function(c){return c.important;})),false),[false],false).filter(function(_,i){return i<columnWidths.length;});var lastLeftStickyIndex=stickyColumns.lastIndexOf(true);var getColumnStickyProps=function(index,isSticky){var columnIndex=checkable?index+1:index;var isLastLeftSticky=isSticky&&columnIndex===lastLeftStickyIndex;return{isSticky:isSticky,stickyLeft:isSticky?getStickyLeft(columnIndex):undefined,showStickyShadow:showStickyShadow&&isLastLeftSticky,showStickyBorder:showStickyBorder&&isLastLeftSticky};};return jsxRuntime.jsx(FlexBox,__assign({withRows:true},{children:jsxRuntime.jsxs(TableWrapper,{children:[jsxRuntime.jsx(HeaderScrollContainer,__assign({ref:headerRef,scrollbarWidth:verticalScrollbarWidth,onScroll:handleHeaderScroll},{children:jsxRuntime.jsxs(HeaderContainer,__assign({gridTemplateColumns:gridTemplateColumns},{children:[checkable?jsxRuntime.jsx(HeaderCell,__assign({isCheckbox:true,isSticky:true,stickyLeft:getStickyLeft(0),showStickyShadow:showStickyShadow&&lastLeftStickyIndex===0,showStickyBorder:showStickyBorder&&lastLeftStickyIndex===0},{children:jsxRuntime.jsx(Checkbox,{checked:allSelected,indeterminate:someSelected,onChange:handleSelectAll})})):null,columnConfigs.map(function(c,index){var important=c.important,name=c.name,sort=c.sort;var stickyProps=getColumnStickyProps(index,important);return jsxRuntime.jsx(HeaderCell,__assign({important:important},stickyProps,{children:jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["\n flex: 1;\n "],["\n flex: 1;\n "]))),alignItems:"center",gap:SPACINGS.XS},{children:[jsxRuntime.jsx(HeaderText,__assign({important:important},{children:name})),sort?jsxRuntime.jsx(SortButton,{fieldName:sort.fieldName,direction:sortState[sort.fieldName],onClick:trackSortFields}):null]}))}),name);}),hasRowActions?jsxRuntime.jsx(HeaderCell,{isSticky:true,isOverflowCell:true,stickyRight:"0px",scrollbarWidth:verticalScrollbarWidth,showStickyShadow:showStickyShadow,showStickyBorder:showStickyBorder}):null]}))})),jsxRuntime.jsx(BodyScrollContainer,__assign({ref:bodyRef,onScroll:handleBodyScroll,maxHeight:maxHeight,headerHeight:headerHeight},{children:isNotEmpty(items)?items.map(function(item){return jsxRuntime.jsx(GridRow,{item:item,checkable:checkable,checkedItems:checkedItems,columnConfigs:columnConfigs,hasRowActions:hasRowActions,gridTemplateColumns:gridTemplateColumns,getStickyLeft:getStickyLeft,getColumnStickyProps:getColumnStickyProps,isLastRow:isLastItem(items,item),lastLeftStickyIndex:lastLeftStickyIndex,showStickyShadow:showStickyShadow,showStickyBorder:showStickyBorder,onItemChecked:onItemChecked,onItemClick:onItemClick,onItemHoverStart:onItemHoverStart,onItemHoverEnd:onItemHoverEnd},item.key);}):emptyState&&jsxRuntime.jsx(EmptyStateWrapper,{children:emptyState})}))]})}));};DesktopTableV2.COMPONENT_NAME="DesktopTableV2";var templateObject_1$6;// This could've been more streamlined with internal state instead of abusing
|
|
13476
13476
|
// refs to such extent, but then composing hooks and components could not opt out of unnecessary renders.
|
|
13477
13477
|
function useResolvedElement(subscriber,refOrElement){var lastReportRef=React__default.useRef(null);var refOrElementRef=React__default.useRef(null);refOrElementRef.current=refOrElement;var cbElementRef=React__default.useRef(null);// Calling re-evaluation after each render without using a dep array,
|
|
13478
13478
|
// as the ref object's current value could've changed since the last render.
|
|
@@ -13551,5 +13551,5 @@ Row$1.COMPONENT_NAME="Row";Row$1.defaultProps={};var Container$3=styled__default
|
|
|
13551
13551
|
* RowV2 - Same design as original Row but using CSS Grid instead of Grid component
|
|
13552
13552
|
*/var Row=function(_a){var checkable=_a.checkable,checked=_a.checked,checkDisabled=_a.checkDisabled,columnConfigs=_a.columnConfigs,isLastRow=_a.isLastRow,item=_a.item,listviewMode=_a.listviewMode,listviewNode=_a.listviewNode,onCheck=_a.onCheck,onClick=_a.onClick;var _b=__read(React__default.useState(true),2),isCollapsed=_b[0],setCollapsedState=_b[1];var key=item.key,containerStyles=item.containerStyles,actions=item.actions;var firstColumn=columnConfigs[0];var firstColumnValue=firstColumn?item[firstColumn.name]:null;var createFieldRow=function(_a,isFirst){var name=_a.name,collapsible=_a.collapsible;if(isFirst)return null;return jsxRuntime.jsxs(FieldRow,__assign({collapsible:collapsible,isCollapsed:isCollapsed},{children:[jsxRuntime.jsx(FieldLabel,{children:jsxRuntime.jsxs(Text,__assign({_css:styled.css(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n "],["\n font-weight: ",";\n font-size: ",";\n "])),FONT_WEIGHTS.BOLD,FONT_SIZES.XS)},{children:[name,":"]}))}),jsxRuntime.jsx(FieldValue,{children:jsxRuntime.jsx(FlexBox,__assign({justifyContent:"flex-end",alignItems:"center"},{children:jsxRuntime.jsx(Text,__assign({_css:styled.css(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n "],["\n font-weight: ",";\n font-size: ",";\n "])),FONT_WEIGHTS.REGULAR,FONT_SIZES.SM)},{children:item[name]}))}))})]}),"".concat(key,"-").concat(name));};var _c=__read(columnConfigs.reduce(function(acc,column){column.collapsible?acc[1].push(column):acc[0].push(column);return acc;},[[],[]]),2),nonCollapsibleColumns=_c[0],collapsibleColumns=_c[1];var handleCheckChange=function(isChecked){onCheck===null||onCheck===void 0?void 0:onCheck(key,isChecked);};var toggleCollapse=function(){setCollapsedState(!isCollapsed);};return jsxRuntime.jsxs(Container$1,__assign({_css:containerStyles||"",gap:SPACINGS.SM,isLastRow:isLastRow,onClick:function(){return onClick===null||onClick===void 0?void 0:onClick(key);},withRows:true},{children:[jsxRuntime.jsxs(FlexBox,__assign({withRows:true,gap:SPACINGS.XS},{children:[jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",gap:SPACINGS.SM,fluid:true},{children:[checkable?jsxRuntime.jsx(Checkbox,{checked:!checkDisabled&&checked,disabled:checkDisabled,onChange:handleCheckChange}):null,jsxRuntime.jsx(HeaderTitle,__assign({fluid:true},{children:jsxRuntime.jsx(Text,__assign({_css:styled.css(templateObject_3||(templateObject_3=__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n "],["\n font-weight: ",";\n font-size: ",";\n "])),FONT_WEIGHTS.BOLD,FONT_SIZES.SM)},{children:firstColumnValue}))})),actions?jsxRuntime.jsx(OverflowMenu,{actions:actions,placement:"bottom-end"}):null]})),jsxRuntime.jsx(HeaderDivider,{})]})),listviewMode?listviewNode:jsxRuntime.jsxs(FieldsGrid,{children:[nonCollapsibleColumns.map(function(col,idx){return createFieldRow(col,idx===0);}),collapsibleColumns.map(function(col,idx){return createFieldRow(col,idx===0&&nonCollapsibleColumns.length===0);})]}),isNotEmpty(collapsibleColumns)&&!listviewMode?jsxRuntime.jsxs(Button,__assign({fluid:true,icon:isCollapsed?js.mdiChevronDown:js.mdiChevronUp,primary:false,size:"small",onClick:toggleCollapse},{children:["Show ",isCollapsed?"More":"Less"]})):null]}));};var Container$1=styled__default["default"](FlexBox).attrs(function(){return{alignItems:"stretch"};})(templateObject_4||(templateObject_4=__makeTemplateObject(["\n background: ",";\n border-bottom: ",";\n padding: ",";\n"],["\n background: ",";\n border-bottom: ",";\n padding: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colors.white;},function(_a){var isLastRow=_a.isLastRow,theme=_a.theme;return isLastRow?"none":"1px solid ".concat(theme.styles.table.borderColor);},SPACINGS.SM);var HeaderTitle=styled__default["default"](FlexBox)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n"],["\n overflow: hidden;\n text-overflow: ellipsis;\n"])));var HeaderDivider=styled__default["default"].div(templateObject_6||(templateObject_6=__makeTemplateObject(["\n height: 2px;\n width: 40px;\n background: ",";\n"],["\n height: 2px;\n width: 40px;\n background: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colors.grey["300"];});var FieldsGrid=styled__default["default"].div(templateObject_7||(templateObject_7=__makeTemplateObject(["\n display: grid;\n grid-template-columns: 1fr;\n gap: 0;\n"],["\n display: grid;\n grid-template-columns: 1fr;\n gap: 0;\n"])));var FieldRow=styled__default["default"].div(templateObject_9||(templateObject_9=__makeTemplateObject(["\n display: ",";\n grid-template-columns: 5fr 7fr;\n gap: ",";\n padding: 0.1em;\n border-radius: 10px;\n\n ","\n"],["\n display: ",";\n grid-template-columns: 5fr 7fr;\n gap: ",";\n padding: 0.1em;\n border-radius: 10px;\n\n ","\n"])),function(_a){var collapsible=_a.collapsible,isCollapsed=_a.isCollapsed;return collapsible&&isCollapsed?"none":"grid";},SPACINGS.XS,mediaQueries().forTablets(styled.css(templateObject_8||(templateObject_8=__makeTemplateObject(["\n grid-template-columns: 1fr 2fr;\n "],["\n grid-template-columns: 1fr 2fr;\n "])))));var FieldLabel=styled__default["default"].div(templateObject_10||(templateObject_10=__makeTemplateObject([""],[""])));var FieldValue=styled__default["default"].div(templateObject_11||(templateObject_11=__makeTemplateObject(["\n text-align: right;\n"],["\n text-align: right;\n"])));styled__default["default"].div(templateObject_12||(templateObject_12=__makeTemplateObject(["\n height: 2px;\n width: 20px;\n background: ",";\n margin: 0.5em 0;\n"],["\n height: 2px;\n width: 20px;\n background: ",";\n margin: 0.5em 0;\n"])),function(_a){var theme=_a.theme;return theme.styles.colors.grey["300"];});var templateObject_1$2,templateObject_2$2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12;/**
|
|
13553
13553
|
* MobileTableV2 - Same as original MobileTable but uses CSS Grid instead of Grid component
|
|
13554
|
-
*/var MobileTableV2=function(_a){var checkable=_a.checkable,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,items=_a.items,mobileListview=_a.mobileListview,mobileListviewNodes=_a.mobileListviewNodes,onItemChecked=_a.onItemChecked,onItemClick=_a.onItemClick,onSelectAllToggle=_a.onSelectAllToggle;var allSelected=(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)===items.length;var someSelected=!!(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)&&!allSelected;var handleSelectAll=function(checked){onSelectAllToggle===null||onSelectAllToggle===void 0?void 0:onSelectAllToggle(checked);};return jsxRuntime.jsxs(Container,__assign({gap:"1px",withRows:true},{children:[checkable?jsxRuntime.jsx(Header,{children:jsxRuntime.jsx(Checkbox,{checked:allSelected,indeterminate:someSelected,onChange:handleSelectAll})}):null,items.map(function(item,index){return jsxRuntime.jsx(Row,{checkable:checkable,checked:checkedItems===null||checkedItems===void 0?void 0:checkedItems.has(item.key),columnConfigs:columnConfigs,isLastRow:
|
|
13554
|
+
*/var MobileTableV2=function(_a){var checkable=_a.checkable,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,items=_a.items,mobileListview=_a.mobileListview,mobileListviewNodes=_a.mobileListviewNodes,onItemChecked=_a.onItemChecked,onItemClick=_a.onItemClick,onSelectAllToggle=_a.onSelectAllToggle;var allSelected=(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)===items.length;var someSelected=!!(checkedItems===null||checkedItems===void 0?void 0:checkedItems.size)&&!allSelected;var handleSelectAll=function(checked){onSelectAllToggle===null||onSelectAllToggle===void 0?void 0:onSelectAllToggle(checked);};return jsxRuntime.jsxs(Container,__assign({gap:"1px",withRows:true},{children:[checkable?jsxRuntime.jsx(Header,{children:jsxRuntime.jsx(Checkbox,{checked:allSelected,indeterminate:someSelected,onChange:handleSelectAll})}):null,items.map(function(item,index){return jsxRuntime.jsx(Row,{checkable:checkable,checked:checkedItems===null||checkedItems===void 0?void 0:checkedItems.has(item.key),columnConfigs:columnConfigs,isLastRow:isLastItem(items,item),item:item,listviewMode:mobileListview,listviewNode:mobileListviewNodes===null||mobileListviewNodes===void 0?void 0:mobileListviewNodes[index],onCheck:onItemChecked,onClick:onItemClick},item.key);})]}));};var Container=styled__default["default"](FlexBox)(templateObject_1$1||(templateObject_1$1=__makeTemplateObject(["\n border-color: ",";\n border-style: solid;\n border-width: ",";\n border-radius: ",";\n overflow: hidden;\n"],["\n border-color: ",";\n border-style: solid;\n border-width: ",";\n border-radius: ",";\n overflow: hidden;\n"])),function(_a){var theme=_a.theme;return theme.styles.table.borderColor;},function(_a){var theme=_a.theme;return theme.styles.table.borderSize;},FONT_SIZES.SM);var Header=styled__default["default"](FlexBox)(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n align-items: center;\n background: ",";\n border-bottom: 1px solid ",";\n padding: "," ",";\n"],["\n align-items: center;\n background: ",";\n border-bottom: 1px solid ",";\n padding: "," ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colors.grey["100"];},function(_a){var theme=_a.theme;return theme.styles.table.borderColor;},SPACINGS.XS,SPACINGS.SM);var templateObject_1$1,templateObject_2$1;exports.Table=function(_a){var _b,_c;var _d;var actions=_a.actions,className=_a.className,desktopTableProps=_a.desktopTableProps,onItemsChecked=_a.onItemsChecked,onPageChange=_a.onPageChange,onPageSizeChange=_a.onPageSizeChange,pagination=_a.pagination,useLegacyDesktopTable=(_b=_a.useLegacyDesktopTable,_b===void 0?false:_b),useLegacyMobileTable=(_c=_a.useLegacyMobileTable,_c===void 0?false:_c),props=__rest(_a,["actions","className","desktopTableProps","onItemsChecked","onPageChange","onPageSizeChange","pagination","useLegacyDesktopTable","useLegacyMobileTable"]);var isSmallComputerOrLarger=useDeviceSizeWatcher().isSmallComputerOrLarger;var setAllRowsSelectedTo=function(isChecked){var rows=isChecked?props.items.map(function(i){return i.key;}):[];onItemsChecked===null||onItemsChecked===void 0?void 0:onItemsChecked(new Set(__spreadArray([],__read(rows),false)));};var hasRowActions=props.items.some(function(i){return i.actions&&isNotEmpty(i.actions);});return jsxRuntime.jsxs(ModalStateProvider,{children:[jsxRuntime.jsx(ModalManager,{}),jsxRuntime.jsxs(FlexBox,__assign({withRows:true,className:className},{children:[jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n margin-bottom: ",";\n "],["\n margin-bottom: ",";\n "])),SPACINGS.SM),justifyContent:"space-between",withRows:true},{children:[props.title?jsxRuntime.jsx(Title$1,{children:props.title}):null,props.helpText?jsxRuntime.jsx(HelpText,{children:props.helpText}):null,jsxRuntime.jsx(TableHeader,{actions:actions,checkable:props.checkable,columnConfigs:props.columnConfigs,filterState:props.filterState,selectedCount:((_d=props.checkedItems)===null||_d===void 0?void 0:_d.size)||0,sortState:props.sortState,totalPageCount:props.items.length,onFiltersChange:props.onFiltersChange,onColumnSort:props.onColumnSort,onSelectAllToggle:setAllRowsSelectedTo})]})),isSmallComputerOrLarger?useLegacyDesktopTable?jsxRuntime.jsx(DesktopTable,__assign({actions:actions,hasRowActions:hasRowActions,onSelectAllToggle:setAllRowsSelectedTo},props)):jsxRuntime.jsx(DesktopTableV2,__assign({actions:actions,hasRowActions:hasRowActions,onSelectAllToggle:setAllRowsSelectedTo},desktopTableProps,props)):useLegacyMobileTable?jsxRuntime.jsx(MobileTable,__assign({actions:actions,hasRowActions:hasRowActions,onSelectAllToggle:setAllRowsSelectedTo},props)):jsxRuntime.jsx(MobileTableV2,__assign({actions:actions,hasRowActions:hasRowActions,onSelectAllToggle:setAllRowsSelectedTo},props)),pagination?jsxRuntime.jsx(Pagination,__assign({},pagination,{onPageChange:onPageChange,onPageSizeChange:onPageSizeChange})):null]}))]});};exports.Table=styled__default["default"](exports.Table)(templateObject_2||(templateObject_2=__makeTemplateObject([""],[""])));var templateObject_1,templateObject_2;
|
|
13555
13555
|
//# sourceMappingURL=tables.js.map
|