@idea-fragments/react-components-zendesk 0.1.42 → 0.1.43
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/alert.js +3 -3
- package/dist/alert.js.map +1 -1
- package/dist/forms.js +14 -9
- package/dist/forms.js.map +1 -1
- package/dist/mobx.js +3 -3
- package/dist/mobx.js.map +1 -1
- package/dist/tables.js +11 -7
- package/dist/tables.js.map +1 -1
- package/dist/tags.js +8 -4
- package/dist/tags.js.map +1 -1
- package/dist/text.js +8 -4
- package/dist/text.js.map +1 -1
- package/dist/types/components/forms/formField.types.d.ts +7 -9
- package/dist/types/components/forms/formField.types.d.ts.map +1 -1
- package/dist/types/components/forms/selectors/DatePickerSelector.d.ts +2 -1
- package/dist/types/components/forms/selectors/DatePickerSelector.d.ts.map +1 -1
- package/dist/types/components/forms/selectors/MonthYearSelector.d.ts +1 -1
- package/dist/types/components/forms/selectors/MonthYearSelector.d.ts.map +1 -1
- package/dist/types/components/forms/selectors/MultiSelector.stories.d.ts +4 -3
- package/dist/types/components/forms/selectors/MultiSelector.stories.d.ts.map +1 -1
- package/dist/types/components/forms/selectors/SearchableSelector.stories.d.ts +4 -3
- package/dist/types/components/forms/selectors/SearchableSelector.stories.d.ts.map +1 -1
- package/dist/types/components/forms/textfields/NumberTextField.d.ts +1 -1
- package/dist/types/components/forms/textfields/NumberTextField.d.ts.map +1 -1
- package/dist/types/components/forms/textfields/TextArea.d.ts.map +1 -1
- package/dist/types/components/forms/textfields/TextArea.stories.d.ts.map +1 -1
- package/dist/types/components/forms/textfields/TextField.d.ts +17 -13
- package/dist/types/components/forms/textfields/TextField.d.ts.map +1 -1
- package/dist/types/components/forms/textfields/TextField.stories.d.ts +88 -0
- package/dist/types/components/forms/textfields/TextField.stories.d.ts.map +1 -0
- package/dist/types/components/forms/textfields/TextFieldWrapper.d.ts +5 -4
- package/dist/types/components/forms/textfields/TextFieldWrapper.d.ts.map +1 -1
- package/dist/types/components/tables/blocks/HelpText.d.ts +1 -1
- package/dist/types/components/tables/blocks/HelpText.d.ts.map +1 -1
- package/dist/types/components/tables/blocks/TableFilter.d.ts.map +1 -1
- package/dist/types/components/tables/blocks/Title.d.ts +1 -1
- package/dist/types/components/tags/Chip.d.ts +1 -1
- package/dist/types/components/tags/Chip.stories.d.ts +1 -1
- package/dist/types/components/text/Text.d.ts +2 -2
- package/dist/types/components/text/Text.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/tables.js
CHANGED
|
@@ -12883,11 +12883,11 @@ onChange:function(_a){var action=_a.action;action();},options:actions,placement:
|
|
|
12883
12883
|
var Table=styled__default["default"](Table$1)(templateObject_2$b||(templateObject_2$b=__makeTemplateObject(["\n && {\n color: inherit;\n border-radius: 6px;\n }\n\n ","\n"],["\n && {\n color: inherit;\n border-radius: 6px;\n }\n\n ","\n"])),function(_a){var _css=_a._css;return _css;});var Head=styled__default["default"](Head$1)(templateObject_3$8||(templateObject_3$8=__makeTemplateObject(["\n //text-transform: uppercase;\n // background: ",";\n background: ",";\n"],["\n //text-transform: uppercase;\n // background: ",";\n background: ",";\n"])),veryLight(COLORS.GREY),COLORS.WHITE);var HeaderRow=styled__default["default"](HeaderRow$1)(templateObject_4$5||(templateObject_4$5=__makeTemplateObject(["\n border: none !important;\n height: auto !important;\n"],["\n border: none !important;\n height: auto !important;\n"])));var HeaderCell=styled__default["default"](HeaderCell$1)(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n vertical-align: top;\n background: white;\n ",";\n ","\n"],["\n vertical-align: top;\n background: white;\n ",";\n ","\n"])),function(_a){var hasOverflow=_a.hasOverflow;return hasOverflow?overflowCellStyles:"";},function(_a){var _css=_a._css;return _css;});var Body=styled__default["default"](Body$1)(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n font-size: ",";\n"],["\n font-size: ",";\n"])),FONT_SIZES_EM.SM);var Cell=styled__default["default"](Cell$1)(templateObject_7||(templateObject_7=__makeTemplateObject(["\n &&&& {\n background: white;\n box-shadow: none;\n ",";\n ","\n }\n"],["\n &&&& {\n background: white;\n box-shadow: none;\n ",";\n ","\n }\n"])),function(_a){var hasOverflow=_a.hasOverflow;return hasOverflow?overflowCellStyles:"";},function(_a){var _css=_a._css;return _css;});var OverflowButton=styled__default["default"](OverflowButton$2)(templateObject_8||(templateObject_8=__makeTemplateObject(["\n"],["\n"])));styled.css(templateObject_9||(templateObject_9=__makeTemplateObject(["\n cursor: pointer;\n\n :hover, :focus {\n & > ",":first-child {\n box-shadow: inset 3px 0 0 0 ",";\n }\n }\n\n :focus {\n background: ",";\n }\n"],["\n cursor: pointer;\n\n :hover, :focus {\n & > ",":first-child {\n box-shadow: inset 3px 0 0 0 ",";\n }\n }\n\n :focus {\n background: ",";\n }\n"])),Cell,function(p){return p.theme.styles.colorPrimary;},function(p){return fade(p.theme.styles.colorPrimary,.8);});styled.css(templateObject_10||(templateObject_10=__makeTemplateObject(["\n :hover, :focus {\n & > ",":first-child {\n box-shadow: unset;\n }\n }\n\n :focus {\n background: ",";\n }\n"],["\n :hover, :focus {\n & > ",":first-child {\n box-shadow: unset;\n }\n }\n\n :focus {\n background: ",";\n }\n"])),Cell,COLORS.WHITE);var Row$4=styled__default["default"](Row$5)(templateObject_11||(templateObject_11=__makeTemplateObject(["\n &&&& {\n border-width: 2px;\n border-color: ",";\n\n :hover {\n background: ",";\n }\n\n ","\n }\n"],["\n &&&& {\n border-width: 2px;\n border-color: ",";\n\n :hover {\n background: ",";\n }\n\n ","\n }\n"])),veryLight(COLORS.GREY),light(COLORS.GREY,.72),function(_a){var _css=_a._css;return _css;});Object.assign(Table,{Head:Head,HeaderRow:HeaderRow,HeaderCell:HeaderCell,OverflowButton:OverflowButton,Body:Body,Row:Row$4,Cell:Cell});var templateObject_1$j,templateObject_2$b,templateObject_3$8,templateObject_4$5,templateObject_5$3,templateObject_6$1,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11;var calculateStickyPosition=function(_a){var checkableRow=_a.checkableRow,columnConfigs=_a.columnConfigs,index=_a.index;var configs=__spreadArray([],__read(columnConfigs),false);if(checkableRow)configs.unshift({important:true,width:"37.6px"});var _b=__read(splitArray(configs,index),1),left=_b[0];var widths=left.map(function(c){return c.width;});return styled.css(templateObject_1$i||(templateObject_1$i=__makeTemplateObject(["left: calc(",");"],["left: calc(",");"])),widths.join(" + "));};var calculateStickyShadow=function(_a){var checkableRow=_a.checkableRow,columnConfigs=_a.columnConfigs,index=_a.index;var configs=__spreadArray([],__read(columnConfigs),false);if(checkableRow)configs.unshift({important:true});var _b=__read(splitArray(configs,index),2),rest=_b[1];if(isNotEmpty(rest))rest.shift();var notLastSticky=rest.some(function(c){return c.important;});if(notLastSticky)return"";return styled.css(templateObject_2$a||(templateObject_2$a=__makeTemplateObject(["\n ::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: -2px;\n content: \"\";\n width: 2px;\n box-shadow: inset 10px 0 8px -8px #00000026;\n }\n "],["\n ::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: -2px;\n content: \"\";\n width: 2px;\n box-shadow: inset 10px 0 8px -8px #00000026;\n }\n "])));};var columnContainerStyles=function(c){return c.important?stickyStyles:nonStickyStyles;};var nonStickyStyles=styled.css(templateObject_3$7||(templateObject_3$7=__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));var stickyStyles=styled.css(templateObject_4$4||(templateObject_4$4=__makeTemplateObject(["\n position: sticky;\n left: 0;\n z-index: 1;\n\n ",";\n ",";\n"],["\n position: sticky;\n left: 0;\n z-index: 1;\n\n ",";\n ",";\n"])),calculateStickyShadow,calculateStickyPosition);var templateObject_1$i,templateObject_2$a,templateObject_3$7,templateObject_4$4;var getColor=styled.css(templateObject_1$h||(templateObject_1$h=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"// const subTextStyling = css`
|
|
12884
12884
|
// margin-top: 0;
|
|
12885
12885
|
// `
|
|
12886
|
-
])),function(_a){var color=_a.color;return color;});// const subTextStyling = css`
|
|
12886
|
+
])),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`
|
|
12887
12887
|
// margin-top: 0;
|
|
12888
12888
|
// `
|
|
12889
|
-
var subTextStyling=styled.css(templateObject_2$9||(templateObject_2$9=__makeTemplateObject(["\n margin-bottom: 0;\n\n & + * {\n margin-top: 0;\n }\n"],["\n margin-bottom: 0;\n\n & + * {\n margin-top: 0;\n }\n"])));var Text=styled__default["default"].div(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["\n text-align: ",";\n width: ",";\n ","\n ","\n ","\n"],["\n text-align: ",";\n width: ",";\n ","\n ","\n ","\n"// @ts-ignore
|
|
12890
|
-
])),function(_a){var align=_a.align;return align;},function(_a){var fluid=_a.fluid;return fluid?"100%":"unset";},function(_a){var color=_a.color;return color?getColor:"";},function(_a){var hasSubText=_a.hasSubText;return hasSubText?subTextStyling:"";},function(_a){var _css=_a._css;return _css;});// @ts-ignore
|
|
12889
|
+
var subTextStyling=styled.css(templateObject_2$9||(templateObject_2$9=__makeTemplateObject(["\n margin-bottom: 0;\n\n & + * {\n margin-top: 0;\n }\n"],["\n margin-bottom: 0;\n\n & + * {\n margin-top: 0;\n }\n"])));var Text=styled__default["default"].div(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["\n text-align: ",";\n width: ",";\n ","\n ","\n ","\n ","\n"],["\n text-align: ",";\n width: ",";\n ","\n ","\n ","\n ","\n"// @ts-ignore
|
|
12890
|
+
])),function(_a){var align=_a.align;return align;},function(_a){var fluid=_a.fluid;return fluid?"100%":"unset";},function(_a){var color=_a.color;return color?getColor:"";},function(_a){var hasSubText=_a.hasSubText;return hasSubText?subTextStyling:"";},getColor,function(_a){var _css=_a._css;return _css;});// @ts-ignore
|
|
12891
12891
|
Text.COMPONENT_NAME="Text";var templateObject_1$h,templateObject_2$9,templateObject_3$6;var Row$3=function(_a){var _b=_a.checkable,checkable=_b===void 0?false:_b,_c=_a.checkDisabled,checkDisabled=_c===void 0?false:_c,_d=_a.checked,checked=_d===void 0?false:_d,columnConfigs=_a.columnConfigs,item=_a.item,onCheck=_a.onCheck,onClick=_a.onClick,onHoverEnd=_a.onHoverEnd,onHoverStart=_a.onHoverStart;var handleCheckChange=function(checked){onCheck===null||onCheck===void 0?void 0:onCheck(item.key,checked);};var key=item.key,containerStyles=item.containerStyles,actions=item.actions;return jsxRuntime.jsxs(Row$4,__assign({_css:containerStyles||"",onClick:function(){return onClick===null||onClick===void 0?void 0:onClick(key);},onMouseEnter:function(){return onHoverStart===null||onHoverStart===void 0?void 0:onHoverStart(key);},onMouseLeave:function(){return onHoverEnd===null||onHoverEnd===void 0?void 0:onHoverEnd(key);}},{children:[checkable?jsxRuntime.jsx(Cell,__assign({_css:styled.css(templateObject_1$g||(templateObject_1$g=__makeTemplateObject(["",""],["",""])),columnContainerStyles({important:true})),checkableRow:checkable,columnConfigs:columnConfigs,index:0,isMinimum:true},{children:jsxRuntime.jsx(Checkbox,{checked:!checkDisabled&&checked,disabled:checkDisabled,onChange:handleCheckChange})})):null,columnConfigs.map(function(c,index){var _a=c.css,_css=_a===void 0?"":_a,name=c.name,important=c.important,width=c.width;index=checkable?index+1:index;var weight=important?FONT_WEIGHTS.MEDIUM:FONT_WEIGHTS.REGULAR;return jsxRuntime.jsx(Cell,__assign({_css:styled.css(templateObject_2$8||(templateObject_2$8=__makeTemplateObject([""," ",""],[""," ",""])),columnContainerStyles(c),_css),checkableRow:checkable,columnConfigs:columnConfigs,index:index,width:_css?undefined:width!==null&&width!==void 0?width:undefined},{children:jsxRuntime.jsx(Text,__assign({_css:"font-weight: ".concat(weight,"; width: 100%;")},{children:item[name]}))}),"".concat(key,"-").concat(name));}),actions?jsxRuntime.jsx(OverflowMenuCell,__assign({hasOverflow:true},{children:jsxRuntime.jsx(OverflowMenu,{actions:actions,appendToNode:document.body,placement:"bottom-end"})})):null]}));};var OverflowMenuCell=styled__default["default"](Cell)(templateObject_3$5||(templateObject_3$5=__makeTemplateObject(["\n && {}\n"],["\n && {}\n"])));Row$3.COMPONENT_NAME="Row";var templateObject_1$g,templateObject_2$8,templateObject_3$5;var SORT_OPTIONS=["asc","desc",undefined];var SortButton=function(_a){var direction=_a.direction,fieldName=_a.fieldName,onClick=_a.onClick;var theme=useTheme();var icon=function(){switch(direction){case"asc":return js.mdiArrowUpThin;case"desc":return js.mdiArrowDownThin;}return js.mdiSwapVertical;};var cycleSorting=React__default.useCallback(function(){onClick(fieldName,nextItem(SORT_OPTIONS,direction));},[direction,fieldName,onClick]);return jsxRuntime.jsx(Button,{color:direction?theme.styles.textColorPrimary:undefined,compact:true,_css:styled.css(templateObject_1$f||(templateObject_1$f=__makeTemplateObject(["padding: 2px; height: auto;"],["padding: 2px; height: auto;"]))),flat:true,icon:icon(),neutral:!direction,onClick:cycleSorting,primary:false});};var templateObject_1$f;var Header=function(_a){var bodyScrollbarWidth=_a.bodyScrollbarWidth,checkable=_a.checkable,checkedItems=_a.checkedItems,columnConfigs=_a.columnConfigs,hasRowActions=_a.hasRowActions,items=_a.items,onColumnSort=_a.onColumnSort,onSelectAllToggle=_a.onSelectAllToggle,sortState=_a.sortState;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]);return jsxRuntime.jsx(Head,{children:jsxRuntime.jsxs(HeaderRow,{children:[checkable?jsxRuntime.jsx(HeaderCell,__assign({_css:styled.css(templateObject_1$e||(templateObject_1$e=__makeTemplateObject(["",""],["",""])),columnContainerStyles({important:true})),checkableRow:checkable,columnConfigs:columnConfigs,index:0,isMinimum:true},{children:jsxRuntime.jsx(Checkbox,{checked:allSelected,indeterminate:someSelected,onChange:handleSelectAll})})):null,columnConfigs.map(function(c,index){var _a=c.css,_css=_a===void 0?"":_a,important=c.important,name=c.name,sort=c.sort,width=c.width;index=checkable?index+1:index;return jsxRuntime.jsx(HeaderCell,__assign({_css:styled.css(templateObject_2$7||(templateObject_2$7=__makeTemplateObject([""," ",""],[""," ",""])),columnContainerStyles(c),_css),checkableRow:checkable,columnConfigs:columnConfigs,index:index,width:_css?undefined:width!==null&&width!==void 0?width:undefined},{children:jsxRuntime.jsxs(FlexBox,__assign({_css:styled.css(templateObject_3$4||(templateObject_3$4=__makeTemplateObject(["flex: 1;"],["flex: 1;"]))),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,{extraWidth:"".concat(bodyScrollbarWidth,"px"),hasOverflow:true}):null,!hasRowActions&&bodyScrollbarWidth?jsxRuntime.jsx(HeaderCell,{width:"".concat(bodyScrollbarWidth,"px")}):null]})});};var HeaderText=function(_a){var children=_a.children,important=_a.important;var color=function(p){return important?p.theme.styles.colorPrimary:"unset";};return jsxRuntime.jsx(Text,__assign({_css:styled.css(templateObject_4$3||(templateObject_4$3=__makeTemplateObject(["\n color: ",";\n font-size: ",";\n font-weight: ",";\n "],["\n color: ",";\n font-size: ",";\n font-weight: ",";\n "])),color,FONT_SIZES.XS,FONT_WEIGHTS.BOLD)},{children:children}));};var templateObject_1$e,templateObject_2$7,templateObject_3$4,templateObject_4$3;// @flow
|
|
12892
12892
|
var HelpText=styled__default["default"](Text)(templateObject_1$d||(templateObject_1$d=__makeTemplateObject(["\n font-size: ",";\n"],["\n font-size: ",";\n"])),FONT_SIZES.XS);var templateObject_1$d;var CompactTableActions=function(_a){var actions=_a.actions;var options=React__default.useMemo(function(){return actions.map(function(a){a.buttonProps;a.notCompactable;var Component=a.Component,componentProps=a.componentProps,dropdownItemProps=a.dropdownItemProps,attrs=__rest(a,["buttonProps","notCompactable","Component","componentProps","dropdownItemProps"]);var customCompAttr=Component?{Component:Component,componentProps:componentProps}:{};return __assign(__assign(__assign({},attrs),customCompAttr),{itemProps:dropdownItemProps});});},[actions]);var triggerAction=React__default.useCallback(function(k){var _a;(_a=options.find(function(_a){var label=_a.label;return label===k;}))===null||_a===void 0?void 0:_a.onClick();},[options]);return jsxRuntime.jsx(Dropdown,{keyField:"label",labelField:"label",onChange:triggerAction,options:options,trigger:jsxRuntime.jsx(OverflowButton$1,{})});};var ExpandedTableActions=function(_a){var actions=_a.actions;var actionTriggers=React__default.useMemo(function(){return actions.map(function(_a){var buttonProps=_a.buttonProps,Component=_a.Component,componentProps=_a.componentProps,label=_a.label,onClick=_a.onClick;if(Component)return jsxRuntime.jsx(Component,__assign({},componentProps,{children:label}),label);return jsxRuntime.jsx(Button,__assign({onClick:onClick},buttonProps,{children:label}),label);});},[actions]);return jsxRuntime.jsx(FlexBox,__assign({alignItems:"center",fluid:true,justifyContent:"flex-end"},{children:actionTriggers}));};/**
|
|
12893
12893
|
* Copyright Zendesk, Inc.
|
|
@@ -12907,15 +12907,19 @@ onChange(k);}};logger$1.writeInfo("matchingOptions",matchingOptions);return jsxR
|
|
|
12907
12907
|
// VALIDATION_RESULTS.ERROR : validation
|
|
12908
12908
|
// )
|
|
12909
12909
|
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
|
|
12910
|
-
Selector.defaultProps={invalidOnNoSelection:true,validation:{validation:VALIDATION_STATES.NONE},optionNodes:[]};var Field=styled__default["default"](Field$2)(templateObject_1$9||(templateObject_1$9=__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,validation=_a.validation,value=_a.value,WrappedComponent=_a.WrappedComponent,onChange=_a.onChange,props=__rest(_a,["className","compact","emptyState","fluid","hint","label","message","
|
|
12910
|
+
Selector.defaultProps={invalidOnNoSelection:true,validation:{validation:VALIDATION_STATES.NONE},optionNodes:[]};var Field=styled__default["default"](Field$2)(templateObject_1$9||(templateObject_1$9=__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
|
|
12911
|
+
onChange(e.target.value,e);},[onChange]);message=(validation===null||validation===void 0?void 0:validation.message)||message;return jsxRuntime.jsx(Container$2,__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$1,__assign({_css:styled.css(templateObject_2$5||(templateObject_2$5=__makeTemplateObject(["&&& {font-size: ",";}"],["&&& {font-size: ",";}"])),FONT_SIZES.XS)},{children:hint})):null,jsxRuntime.jsx(WrappedComponent// @ts-ignore
|
|
12912
|
+
,__assign({// @ts-ignore
|
|
12913
|
+
placeholder:emptyState,ref:ref,validation:validation===null||validation===void 0?void 0:validation.validation},props,{value:value,onChange:notifyParentOfChange})),message?jsxRuntime.jsx(Message$3,__assign({css:"&&& {\n font-size: ".concat(FONT_SIZES.XS,";\n }"),validation:validation===null||validation===void 0?void 0:validation.validation},{children:message})):null]}))}));});var hoverFocusStyling=styled.css(templateObject_3$3||(templateObject_3$3=__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
|
|
12911
12914
|
])),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
|
|
12912
|
-
TextFieldWrapper=styled__default["default"](TextFieldWrapper)(templateObject_4$2||(templateObject_4$2=__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$2=styled__default["default"](FlexBox)(templateObject_5$2||(templateObject_5$2=__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$9,templateObject_2$5,templateObject_3$3,templateObject_4$2,templateObject_5$2;var TextField=React__default.forwardRef(function(_a,ref){var
|
|
12913
|
-
props=__assign(__assign({},props),{isCompact:small});var
|
|
12915
|
+
TextFieldWrapper=styled__default["default"](TextFieldWrapper)(templateObject_4$2||(templateObject_4$2=__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$2=styled__default["default"](FlexBox)(templateObject_5$2||(templateObject_5$2=__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$9,templateObject_2$5,templateObject_3$3,templateObject_4$2,templateObject_5$2;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
|
|
12916
|
+
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
|
|
12917
|
+
WrappedComponent:faux?FauxInput:Input}));});// @ts-ignore
|
|
12914
12918
|
TextField=styled__default["default"](TextField)(templateObject_1$8||(templateObject_1$8=__makeTemplateObject([""],[""// @ts-ignore
|
|
12915
12919
|
])));// @ts-ignore
|
|
12916
12920
|
TextField.COMPONENT_NAME="TextField";var templateObject_1$8;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
|
|
12917
12921
|
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
|
|
12918
|
-
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,
|
|
12922
|
+
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$7||(templateObject_1$7=__makeTemplateObject(["/*padding: ","; width: 300px;*/ max-width: 100%; max-height: 100%;"],["/*padding: ","; width: 300px;*/ max-width: 100%; max-height: 100%;"])),SPACINGS.SM),withRows:true},{children:[jsxRuntime.jsx(FlexBox,__assign({withRows:true},{children:filters.map(function(f){return(// @ts-ignore
|
|
12919
12923
|
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$4||(templateObject_2$4=__makeTemplateObject(["margin: "," 0;"],["margin: "," 0;"])),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$7,templateObject_2$4;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$6||(templateObject_1$6=__makeTemplateObject(["margin: "," 0;"],["margin: "," 0;"])),SPACINGS.SM),justifyContent:"flex-end"},{children:jsxRuntime.jsx(Button,__assign({onClick:applySort},{children:"Apply"}))}))]}),"table_sort_menu");};var templateObject_1$6;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(),openModalWith=_b.openModalWith,closeModal=_b.closeModal;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 defaultTableActions=React__default.useMemo(function(){var list=[];if(onFiltersChange)list.push({label:"Filter",onClick:openFiltersModal,buttonProps:{primary:false}});if(onColumnSort)list.push({label:"Sort",onClick:openSorterModal,buttonProps:{primary:false}});return list;},[onColumnSort,onFiltersChange,openFiltersModal,openSorterModal]);var addDefaultTableActions=React__default.useCallback(function(compactables,nonCompactables){compact?compactables.push.apply(compactables,__spreadArray([],__read(defaultTableActions),false)):nonCompactables.push.apply(nonCompactables,__spreadArray([],__read(defaultTableActions),false));},[compact,defaultTableActions]);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;},[[],[]]);addDefaultTableActions.apply(void 0,__spreadArray([],__read(groupedActions),false));return groupedActions;},[actions,addDefaultTableActions,compact]),2),compactableActions=_c[0],nonCompactableActions=_c[1];return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[isNotEmpty(nonCompactableActions)?jsxRuntime.jsx(ExpandedTableActions,{actions:nonCompactableActions}):null,isNotEmpty(compactableActions)?jsxRuntime.jsx(CompactTableActions,{actions:compactableActions}):null]});};// @flow
|
|
12920
12924
|
const H1=styled__default["default"](Text).attrs({as:FONT_TAGS.H1})`
|
|
12921
12925
|
font-weight: ${FONT_WEIGHTS.BOLD};
|