dinocollab-core 2.1.3 → 2.1.5

package/dist/form/create.select-simple.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.select-simple.js","sources":["../../src/form/create.select-simple.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { Collapse, FormControl, FormHelperText, InputLabel, MenuItem, Select, SelectProps } from '@mui/material'\r\nimport { mergeObjects } from '../utils'\r\nimport { IFormInputBase } from './types'\r\nimport { getErrorMessage } from './helpers'\r\n\r\nexport interface ISelectSimpleOption<T extends string = string> {\r\n  name: string\r\n  value: T\r\n}\r\n\r\nexport interface ISelectSimpleSlots {\r\n  selectProps?: Omit<SelectProps, 'variant'>\r\n}\r\n\r\nexport interface ISelectSimpleProps<T> extends Partial<IFormInputBase<T>> {\r\n  options?: ISelectSimpleOption[]\r\n  onChange?: (value: ISelectSimpleOption) => void\r\n  slots?: ISelectSimpleSlots\r\n  fullWidth?: boolean\r\n}\r\n\r\nexport interface ISelectSimpleState {\r\n  value?: string\r\n}\r\n\r\nexport interface ISelectSimpleParams extends ISelectSimpleSlots {\r\n  options?: ISelectSimpleOption[]\r\n}\r\n\r\nfunction CreateSelectSimple<T>(args?: ISelectSimpleParams): ComponentType<ISelectSimpleProps<T>> {\r\n  class SelectSimple extends Component<ISelectSimpleProps<T>, ISelectSimpleState> {\r\n    constructor(props: ISelectSimpleProps<T>) {\r\n      super(props)\r\n      this.state = { value: this.getDefaultValue()?.toString() }\r\n    }\r\n    mapProps = (): SelectProps => {\r\n      const label = this.getLabel()\r\n      const tfp: SelectProps = {\r\n        id: this.props.name?.toString(),\r\n        labelId: this.props.name?.toString() + label,\r\n        name: this.props.name?.toString(),\r\n        label: label,\r\n        defaultValue: this.getDefaultValue(),\r\n        value: this.state.value,\r\n        onChange: (event) => {\r\n          const value: string = event.target.value + ''\r\n          this.setState({ value }, () => {\r\n            if (!!this.props.name) {\r\n              this.props.onBlur && this.props.onBlur(this.props.name)\r\n            }\r\n            const options = this.getOptions()\r\n            const temp = options.find((x) => x.value?.toString() === value)\r\n            if (!temp) return\r\n            this.props.onChange && this.props.onChange(temp)\r\n          })\r\n        },\r\n        disabled: this.props.disabled,\r\n        fullWidth: this.props.fullWidth !== undefined ? this.props.fullWidth : true\r\n      }\r\n      const selectProps = this.props.slots?.selectProps ?? args?.selectProps\r\n      return mergeObjects({}, tfp, selectProps)\r\n    }\r\n    render() {\r\n      const data = this.getOptions()\r\n      const label = this.getLabel()\r\n      const errorMessage = getErrorMessage(this.props.messageErrors, this.props.name)\r\n      return (\r\n        <React.Fragment>\r\n          {!!this.props.disabled && <input hidden name={this.props.name?.toString()} defaultValue={this.getDefaultValue()} />}\r\n          <FormControl fullWidth disabled={this.props.disabled} error={errorMessage.error}>\r\n            <InputLabel id={this.props.name?.toString() + label}>{label}</InputLabel>\r\n            <Select {...this.mapProps()}>\r\n              {data.map((item) => (\r\n                <MenuItem key={item.value} value={item.value}>\r\n                  {item.name}\r\n                </MenuItem>\r\n              ))}\r\n            </Select>\r\n            <Collapse in={errorMessage.error}>\r\n              <FormHelperText>{errorMessage.message}</FormHelperText>\r\n            </Collapse>\r\n          </FormControl>\r\n        </React.Fragment>\r\n      )\r\n    }\r\n    getLabel = () => {\r\n      if (!!this.props.label && typeof this.props.label === 'string') return this.props.label\r\n      return this.props.name?.toString() ?? ''\r\n    }\r\n    getDefaultValue = () => {\r\n      const { data, name } = this.props\r\n      const options = this.getOptions()\r\n      return this.props.defaultValue?.toString() ?? (!!data && !!name ? data[name] : undefined) ?? options[0]?.value\r\n    }\r\n    getOptions = (): ISelectSimpleOption[] => {\r\n      return args?.options ?? this.props.options ?? []\r\n    }\r\n  }\r\n  return SelectSimple\r\n}\r\nexport default CreateSelectSimple\r\n"],"names":["CreateSelectSimple","args","SelectSimple","props","_this$getDefaultValue","_this","_classCallCheck","_callSuper","_defineProperty","_this$props$name","_this$props$name2","_this$props$name3","_this$props$slots$sel","_this$props$slots","label","getLabel","tfp","id","name","toString","labelId","defaultValue","getDefaultValue","value","state","onChange","event","target","setState","onBlur","temp","getOptions","find","x","_x$value","disabled","fullWidth","undefined","selectProps","slots","mergeObjects","_this$props$name$toSt","_this$props$name4","_ref","_this$props$defaultVa","_this$props$defaultVa2","_options$","_this$props","data","options","_ref2","_args$options","_inherits","Component","_createClass","key","_this$props$name5","_this$props$name6","this","errorMessage","getErrorMessage","messageErrors","_jsxs","React","Fragment","children","_jsx","hidden","FormControl","error","InputLabel","Select","_objectSpread","mapProps","map","item","MenuItem","Collapse","in","FormHelperText","message"],"mappings":"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"}
+{"version":3,"file":"create.select-simple.js","sources":["../../src/form/create.select-simple.tsx"],"sourcesContent":["import { Component, Fragment } from 'react'\r\nimport { Collapse, FormControl, FormHelperText, InputLabel, MenuItem, Select, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { SelectProps } from '@mui/material'\r\nimport { mergeObjects } from '../utils'\r\nimport { IFormInputBase } from './types'\r\nimport { getErrorMessage } from './helpers'\r\nimport { RichTooltip, HelpOutlinePulseIcon } from '../components/rich-tooltip'\r\nimport type { IRichTooltipPanelConfig } from '../components/rich-tooltip'\r\n\r\nexport interface ISelectSimpleOption<T extends string = string> {\r\n  name: string\r\n  value: T\r\n}\r\n\r\nexport interface ISelectSimpleSlots {\r\n  selectProps?: Omit<SelectProps, 'variant'>\r\n}\r\n\r\nexport interface ISelectSimpleProps<T> extends Partial<IFormInputBase<T>> {\r\n  options?: ISelectSimpleOption[]\r\n  onChange?: (value: ISelectSimpleOption) => void\r\n  slots?: ISelectSimpleSlots\r\n  fullWidth?: boolean\r\n  tooltip?: IRichTooltipPanelConfig\r\n}\r\n\r\nexport interface ISelectSimpleState {\r\n  value?: string\r\n}\r\n\r\nexport interface ISelectSimpleParams extends ISelectSimpleSlots {\r\n  options?: ISelectSimpleOption[]\r\n  tooltip?: IRichTooltipPanelConfig\r\n}\r\n\r\nfunction CreateSelectSimple<T>(args?: ISelectSimpleParams): ComponentType<ISelectSimpleProps<T>> {\r\n  class SelectSimple extends Component<ISelectSimpleProps<T>, ISelectSimpleState> {\r\n    constructor(props: ISelectSimpleProps<T>) {\r\n      super(props)\r\n      this.state = { value: this.getDefaultValue()?.toString() }\r\n    }\r\n    mapProps = (): SelectProps => {\r\n      const label = this.getLabel()\r\n      const tfp: SelectProps = {\r\n        id: this.props.name?.toString(),\r\n        labelId: this.props.name?.toString() + label,\r\n        name: this.props.name?.toString(),\r\n        label: label,\r\n        defaultValue: this.getDefaultValue(),\r\n        value: this.state.value,\r\n        onChange: (event) => {\r\n          const value: string = event.target.value + ''\r\n          this.setState({ value }, () => {\r\n            if (!!this.props.name) {\r\n              this.props.onBlur && this.props.onBlur(this.props.name)\r\n            }\r\n            const options = this.getOptions()\r\n            const temp = options.find((x) => x.value?.toString() === value)\r\n            if (!temp) return\r\n            this.props.onChange && this.props.onChange(temp)\r\n          })\r\n        },\r\n        disabled: this.props.disabled,\r\n        fullWidth: this.props.fullWidth !== undefined ? this.props.fullWidth : true\r\n      }\r\n      const selectProps = this.props.slots?.selectProps ?? args?.selectProps\r\n      return mergeObjects({}, tfp, selectProps)\r\n    }\r\n    render() {\r\n      const data = this.getOptions()\r\n      const label = this.getLabel()\r\n      const errorMessage = getErrorMessage(this.props.messageErrors, this.props.name)\r\n      return (\r\n        <Fragment>\r\n          {!!this.props.disabled && <input hidden name={this.props.name?.toString()} defaultValue={this.getDefaultValue()} />}\r\n          <SelectSimpleStyled className={this.getRootClasses()} fullWidth disabled={this.props.disabled} error={errorMessage.error}>\r\n            <InputLabel id={this.props.name?.toString() + label}>{label}</InputLabel>\r\n            <Select {...this.mapProps()}>\r\n              {data.map((item) => (\r\n                <MenuItem key={item.value} value={item.value}>\r\n                  {item.name}\r\n                </MenuItem>\r\n              ))}\r\n            </Select>\r\n            <Collapse in={errorMessage.error}>\r\n              <FormHelperText>{errorMessage.message}</FormHelperText>\r\n            </Collapse>\r\n            {this.renderTooltip()}\r\n          </SelectSimpleStyled>\r\n        </Fragment>\r\n      )\r\n    }\r\n\r\n    renderTooltip = () => {\r\n      const tooltip = this.props.tooltip || args?.tooltip\r\n      if (!tooltip) return null\r\n      return (\r\n        <div className={selectSimpleClasses.tooltipWrap}>\r\n          <RichTooltip panel={tooltip}>\r\n            <HelpOutlinePulseIcon fontSize='small' />\r\n          </RichTooltip>\r\n        </div>\r\n      )\r\n    }\r\n\r\n    getRootClasses = () => {\r\n      const classes = [selectSimpleClasses.root]\r\n      const tooltip = this.props.tooltip || args?.tooltip\r\n      if (tooltip) classes.push(selectSimpleClasses.tooltip)\r\n      return classes.join(' ')\r\n    }\r\n\r\n    getLabel = () => {\r\n      if (!!this.props.label && typeof this.props.label === 'string') return this.props.label\r\n      return this.props.name?.toString() ?? ''\r\n    }\r\n\r\n    getDefaultValue = () => {\r\n      const { data, name } = this.props\r\n      const options = this.getOptions()\r\n      return this.props.defaultValue?.toString() ?? (!!data && !!name ? data[name] : undefined) ?? options[0]?.value\r\n    }\r\n\r\n    getOptions = (): ISelectSimpleOption[] => {\r\n      return args?.options ?? this.props.options ?? []\r\n    }\r\n  }\r\n  return SelectSimple\r\n}\r\nexport default CreateSelectSimple\r\n\r\nconst selectSimpleClasses = {\r\n  root: 'SelectSimple-root',\r\n  tooltip: 'SelectSimple-tooltip',\r\n  tooltipWrap: 'SelectSimple-tooltipWrap'\r\n}\r\n\r\nconst getSelectSimpleClass = (key: keyof typeof selectSimpleClasses, options?: { prefix?: string; suffix?: string }) => {\r\n  return `${options?.prefix || ''}.${selectSimpleClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nconst SelectSimpleStyled = styled(FormControl)(({ theme }) => ({\r\n  [getSelectSimpleClass('root', { suffix: '&' })]: {\r\n    position: 'relative'\r\n  },\r\n  [getSelectSimpleClass('tooltipWrap')]: {\r\n    position: 'absolute',\r\n    top: theme.spacing(2.25),\r\n    right: theme.spacing(1.5),\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    gap: theme.spacing(0.5)\r\n  },\r\n  [getSelectSimpleClass('tooltip', { suffix: '&' })]: {\r\n    '.MuiSelect-icon': {\r\n      right: theme.spacing(4.5)\r\n    }\r\n  }\r\n}))\r\n"],"names":["CreateSelectSimple","args","SelectSimple","props","_this$getDefaultValue","_this","_classCallCheck","_callSuper","_defineProperty","_this$props$name","_this$props$name2","_this$props$name3","_this$props$slots$sel","_this$props$slots","label","getLabel","tfp","id","name","toString","labelId","defaultValue","getDefaultValue","value","state","onChange","event","target","setState","onBlur","temp","getOptions","find","x","_x$value","disabled","fullWidth","undefined","selectProps","slots","mergeObjects","tooltip","_jsx","className","selectSimpleClasses","tooltipWrap","children","RichTooltip","panel","HelpOutlinePulseIcon","fontSize","classes","root","push","join","_this$props$name$toSt","_this$props$name4","_ref","_this$props$defaultVa","_this$props$defaultVa2","_options$","_this$props","data","options","_ref2","_args$options","_inherits","Component","_createClass","key","_this$props$name5","_this$props$name6","this","errorMessage","getErrorMessage","messageErrors","_jsxs","Fragment","hidden","SelectSimpleStyled","getRootClasses","error","InputLabel","Select","_objectSpread","mapProps","map","item","MenuItem","Collapse","in","FormHelperText","message","renderTooltip","getSelectSimpleClass","concat","prefix","suffix","styled","FormControl","_ref3","theme","position","top","spacing","right","display","alignItems","gap"],"mappings":"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"}

package/dist/form/create.select-with-api.js

@@ -1,2 +1,2 @@
-import{inherits as t,createClass as e,objectSpread2 as n,classCallCheck as r,callSuper as o,defineProperty as i,asyncToGenerator as a,regenerator as l}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as s,Fragment as u,jsx as d}from"react/jsx-runtime";import{Component as p}from"react";import{Autocomplete as c,TextField as f}from"@mui/material";import{getErrorMessage as v}from"./helpers.js";import{ApiAlertContext as h}from"../api-context/alert-global.js";var m=function(m){var g=function(){function g(t){var e,n,s;return r(this,g),n=o(this,g,[t]),i(n,"abortController",{signalController:new AbortController}),i(n,"refInput",null),i(n,"existedIds",[]),i(n,"getFetchDataFunc",(function(){var t,e;return null!==(t=null!==(e=n.props.fetchData)&&void 0!==e?e:null==m?void 0:m.fetchData)&&void 0!==t?t:function(){return Promise.resolve([])}})),i(n,"timer",{_timer:0,_second:500,callback:(s=a(l().m((function t(e){var r,o,i;return l().w((function(t){for(;;)switch(t.n){case 0:return t.p=0,n.abortController.signalController=new AbortController,t.n=1,n.getFetchDataFunc()(e,n.abortController.signalController.signal);case 1:r=t.v,o=n.getOptionsFilter(r,n.existedIds),n.setState({options:o}),t.n=3;break;case 2:t.p=2,t.v,null===(i=h.ApiAlert)||void 0===i||i.PushError("Error from server!");case 3:return t.p=3,n.setState({statusText:"no items"}),t.f(3);case 4:return t.a(2)}}),t,null,[[0,2,3,4]])}))),function(t){return s.apply(this,arguments)}),start:function(t){n.timer.clear(),n.timer._timer=window.setTimeout((function(){return n.timer.callback(t)}),n.timer._second)},clear:function(){n.abortController.signalController.abort(),clearTimeout(n.timer._timer)}}),i(n,"fetchData",a(l().m((function t(){var e,r,o,i,a,s;return l().w((function(t){for(;;)switch(t.n){case 0:return t.p=0,r=n.getDefaultValue(),t.n=1,n.getFetchDataFunc()(r,n.abortController.signalController.signal);case 1:if(o=t.v,Array.isArray(o)){t.n=2;break}return t.a(2);case 2:return i=n.getOptionsFilter(o,n.existedIds),a=null!==(e=i.find((function(t){return t.Id===r})))&&void 0!==e?e:null,n.setState({options:i,optionSelected:a,loading:!1}),t.a(2);case 3:t.p=3,t.v,null===(s=h.ApiAlert)||void 0===s||s.PushError("Error from server!");case 4:return t.p=4,n.setState({statusText:"no items",loading:!1}),t.f(4);case 5:return t.a(2)}}),t,null,[[0,3,4,5]])})))),i(n,"handleChange",(function(t,e){var r;n.setState({optionSelected:e}),n.refInput&&(n.refInput.value=null!==(r=null==e?void 0:e.Id)&&void 0!==r?r:""),n.props.onChange&&n.props.onChange(e)})),i(n,"handleInputChange",(function(t,e){var r,o={inputValue:e};if(e!==(null===(r=n.state.optionSelected)||void 0===r?void 0:r.Name)){var i=e.trim().toLowerCase(),a=n.state.options.findIndex((function(t){var e;return null===(e=t.Name)||void 0===e?void 0:e.trim().toLowerCase().includes(i)}));(a<0||""===i)&&(o.statusText="loading..."),n.setState(o,(function(){(a<0||""===i)&&n.timer.start(i)}))}else n.setState(o)})),i(n,"fillterOptions",(function(t,e){return t.filter((function(t){var n,r=e.inputValue.toLowerCase();return t.Id.toLowerCase().includes(r)||(null===(n=t.Name)||void 0===n?void 0:n.toLowerCase().includes(r))}))})),i(n,"getLabel",(function(){var t,e;return null!==(t=n.props.label)&&void 0!==t?t:null===(e=n.props.name)||void 0===e?void 0:e.toString()})),i(n,"getDefaultValue",(function(){var t,e,r;if(n.props.name)return null===(t=null!==(e=n.props.defaultValue)&&void 0!==e?e:null===(r=n.props.data)||void 0===r?void 0:r[n.props.name])||void 0===t?void 0:t.toString()})),n.state={options:[],statusText:"no items",optionSelected:null,inputValue:"",loading:!0},n.existedIds=null!==(e=t.existedIds)&&void 0!==e?e:[],n}return t(g,p),e(g,[{key:"render",value:function(){var t,e,r,o,i=this,a=this.getDefaultValue(),l=v(this.props.messageErrors,this.props.name);return s(u,{children:[d(c,{disabled:this.state.loading||this.props.disabled,fullWidth:!0,noOptionsText:this.state.statusText,options:this.state.options,getOptionLabel:function(t){var e;return null!==(e=t.Name)&&void 0!==e?e:t.Id},getOptionKey:function(t){return JSON.stringify(t)},isOptionEqualToValue:function(t,e){return t.Id.toString()===e.Id.toString()&&t.Name===e.Name},filterOptions:this.fillterOptions,value:this.state.optionSelected,onChange:this.handleChange,inputValue:this.state.inputValue,onInputChange:this.handleInputChange,renderInput:function(t){var e;return d(f,n(n({},t),{},{label:i.getLabel(),error:l.error,helperText:l.message,onBlur:function(){i.props.name&&i.props.onBlur&&i.props.onBlur(i.props.name)}},null===(e=i.props.slots)||void 0===e?void 0:e.textFieldProps))}}),d("input",{ref:function(t){return i.refInput=t},hidden:!0,name:null===(t=this.props.name)||void 0===t?void 0:t.toString(),defaultValue:a}),(null===(e=this.state.optionSelected)||void 0===e?void 0:e.Other)&&d("input",{hidden:!0,name:"".concat(null===(r=this.props.name)||void 0===r?void 0:r.toString(),"Other"),defaultValue:JSON.stringify(this.state.optionSelected.Other)},null!==(o=this.state.optionSelected.Id)&&void 0!==o?o:"key")]})}},{key:"componentDidMount",value:function(){this.fetchData()}},{key:"componentWillUnmount",value:function(){this.timer.clear()}},{key:"componentDidUpdate",value:function(t){var e;JSON.stringify(t.existedIds)!==JSON.stringify(this.props.existedIds)&&(this.existedIds=null!==(e=this.props.existedIds)&&void 0!==e?e:[])}},{key:"getOptionsFilter",value:function(t){var e=new Set(arguments.length>1&&void 0!==arguments[1]?arguments[1]:[]);return t.reduce((function(t,n){return e.has(n.Id)||(t.push(n),e.add(n.Id)),t}),[])}}])}();return g};export{m as default};
+import{defineProperty as t,inherits as e,createClass as n,objectSpread2 as o,classCallCheck as r,callSuper as i,asyncToGenerator as l,regenerator as a}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as s,jsx as u}from"react/jsx-runtime";import{Component as p}from"react";import{styled as d,Box as c,Autocomplete as f,TextField as v}from"@mui/material";import{getErrorMessage as h}from"./helpers.js";import{RichTooltip as m,HelpOutlinePulseIcon as g}from"../components/rich-tooltip.js";import{ApiAlertContext as S}from"../api-context/alert-global.js";var C=function(d){var c=function(){function c(e){var n,o,s;return r(this,c),o=i(this,c,[e]),t(o,"abortController",{signalController:new AbortController}),t(o,"refInput",null),t(o,"existedIds",[]),t(o,"renderTooltip",(function(){var t=o.props.tooltip||(null==d?void 0:d.tooltip);return t?u("div",{className:I.tooltipWrap,children:u(m,{panel:t,children:u(g,{fontSize:"small"})})}):null})),t(o,"getRootClasses",(function(){var t=[I.root];return(o.props.tooltip||(null==d?void 0:d.tooltip))&&t.push(I.tooltip),t.join(" ")})),t(o,"getFetchDataFunc",(function(){var t,e;return null!==(t=null!==(e=o.props.fetchData)&&void 0!==e?e:null==d?void 0:d.fetchData)&&void 0!==t?t:function(){return Promise.resolve([])}})),t(o,"timer",{_timer:0,_second:500,callback:(s=l(a().m((function t(e){var n,r,i;return a().w((function(t){for(;;)switch(t.n){case 0:return t.p=0,o.abortController.signalController=new AbortController,t.n=1,o.getFetchDataFunc()(e,o.abortController.signalController.signal);case 1:n=t.v,r=o.getOptionsFilter(n,o.existedIds),o.setState({options:r}),t.n=3;break;case 2:t.p=2,t.v,null===(i=S.ApiAlert)||void 0===i||i.PushError("Error from server!");case 3:return t.p=3,o.setState({statusText:"no items"}),t.f(3);case 4:return t.a(2)}}),t,null,[[0,2,3,4]])}))),function(t){return s.apply(this,arguments)}),start:function(t){o.timer.clear(),o.timer._timer=window.setTimeout((function(){return o.timer.callback(t)}),o.timer._second)},clear:function(){o.abortController.signalController.abort(),clearTimeout(o.timer._timer)}}),t(o,"fetchData",l(a().m((function t(){var e,n,r,i,l,s;return a().w((function(t){for(;;)switch(t.n){case 0:return t.p=0,n=o.getDefaultValue(),t.n=1,o.getFetchDataFunc()(n,o.abortController.signalController.signal);case 1:if(r=t.v,Array.isArray(r)){t.n=2;break}return t.a(2);case 2:return i=o.getOptionsFilter(r,o.existedIds),l=null!==(e=i.find((function(t){return t.Id===n})))&&void 0!==e?e:null,o.setState({options:i,optionSelected:l,loading:!1}),t.a(2);case 3:t.p=3,t.v,null===(s=S.ApiAlert)||void 0===s||s.PushError("Error from server!");case 4:return t.p=4,o.setState({statusText:"no items",loading:!1}),t.f(4);case 5:return t.a(2)}}),t,null,[[0,3,4,5]])})))),t(o,"handleChange",(function(t,e){var n;o.setState({optionSelected:e}),o.refInput&&(o.refInput.value=null!==(n=null==e?void 0:e.Id)&&void 0!==n?n:""),o.props.onChange&&o.props.onChange(e)})),t(o,"handleInputChange",(function(t,e){var n,r={inputValue:e};if(e!==(null===(n=o.state.optionSelected)||void 0===n?void 0:n.Name)){var i=e.trim().toLowerCase(),l=o.state.options.findIndex((function(t){var e;return null===(e=t.Name)||void 0===e?void 0:e.trim().toLowerCase().includes(i)}));(l<0||""===i)&&(r.statusText="loading..."),o.setState(r,(function(){(l<0||""===i)&&o.timer.start(i)}))}else o.setState(r)})),t(o,"fillterOptions",(function(t,e){return t.filter((function(t){var n,o=e.inputValue.toLowerCase();return t.Id.toLowerCase().includes(o)||(null===(n=t.Name)||void 0===n?void 0:n.toLowerCase().includes(o))}))})),t(o,"getLabel",(function(){var t,e;return null!==(t=o.props.label)&&void 0!==t?t:null===(e=o.props.name)||void 0===e?void 0:e.toString()})),t(o,"getDefaultValue",(function(){var t,e,n;if(o.props.name)return null===(t=null!==(e=o.props.defaultValue)&&void 0!==e?e:null===(n=o.props.data)||void 0===n?void 0:n[o.props.name])||void 0===t?void 0:t.toString()})),o.state={options:[],statusText:"no items",optionSelected:null,inputValue:"",loading:!0},o.existedIds=null!==(n=e.existedIds)&&void 0!==n?n:[],o}return e(c,p),n(c,[{key:"componentDidMount",value:function(){this.fetchData()}},{key:"componentWillUnmount",value:function(){this.timer.clear()}},{key:"componentDidUpdate",value:function(t){var e;JSON.stringify(t.existedIds)!==JSON.stringify(this.props.existedIds)&&(this.existedIds=null!==(e=this.props.existedIds)&&void 0!==e?e:[])}},{key:"render",value:function(){var t,e,n,r,i=this,l=this.getDefaultValue(),a=h(this.props.messageErrors,this.props.name);return s(b,{className:this.getRootClasses(),children:[u(f,{disabled:this.state.loading||this.props.disabled,fullWidth:!0,noOptionsText:this.state.statusText,options:this.state.options,getOptionLabel:function(t){var e;return null!==(e=t.Name)&&void 0!==e?e:t.Id},getOptionKey:function(t){return JSON.stringify(t)},isOptionEqualToValue:function(t,e){return t.Id.toString()===e.Id.toString()&&t.Name===e.Name},filterOptions:this.fillterOptions,value:this.state.optionSelected,onChange:this.handleChange,inputValue:this.state.inputValue,onInputChange:this.handleInputChange,renderInput:function(t){var e;return u(v,o(o({},t),{},{label:i.getLabel(),error:a.error,helperText:a.message,onBlur:function(){i.props.name&&i.props.onBlur&&i.props.onBlur(i.props.name)}},null===(e=i.props.slots)||void 0===e?void 0:e.textFieldProps))}}),u("input",{ref:function(t){return i.refInput=t},hidden:!0,name:null===(t=this.props.name)||void 0===t?void 0:t.toString(),defaultValue:l}),(null===(e=this.state.optionSelected)||void 0===e?void 0:e.Other)&&u("input",{hidden:!0,name:"".concat(null===(n=this.props.name)||void 0===n?void 0:n.toString(),"Other"),defaultValue:JSON.stringify(this.state.optionSelected.Other)},null!==(r=this.state.optionSelected.Id)&&void 0!==r?r:"key"),this.renderTooltip()]})}},{key:"getOptionsFilter",value:function(t){var e=new Set(arguments.length>1&&void 0!==arguments[1]?arguments[1]:[]);return t.reduce((function(t,n){return e.has(n.Id)||(t.push(n),e.add(n.Id)),t}),[])}}])}();return c},I={root:"SelectWithApi-root",tooltip:"SelectWithApi-tooltip",tooltipWrap:"SelectWithApi-tooltipWrap"},x=function(t,e){return"".concat((null==e?void 0:e.prefix)||"",".").concat(I[t]).concat((null==e?void 0:e.suffix)||"")},b=d(c)((function(e){var n=e.theme;return t(t(t({},x("root",{suffix:"&"}),{width:"100%",position:"relative"}),x("tooltipWrap"),{position:"absolute",top:n.spacing(2.25),right:n.spacing(1.5),display:"flex",alignItems:"center",gap:n.spacing(.5)}),x("tooltip",{suffix:"&"}),{".MuiInputBase-root .MuiAutocomplete-endAdornment":{right:n.spacing(4.5)}})}));export{C as default};
 //# sourceMappingURL=create.select-with-api.js.map

package/dist/form/create.select-with-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.select-with-api.js","sources":["../../src/form/create.select-with-api.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { Autocomplete, FilterOptionsState, TextField, TextFieldProps } from '@mui/material'\r\nimport { IFormInputBase } from './types'\r\nimport { getErrorMessage } from './helpers'\r\nimport { ApiAlertContext } from '../api-context'\r\n\r\nexport interface ISelectWithApiOption<TOther = any> {\r\n  Id: string\r\n  Name?: string\r\n  Other?: TOther\r\n}\r\n\r\nexport interface ISelectWithApiPropsSlots {\r\n  textFieldProps: TextFieldProps\r\n}\r\n\r\nexport type ISelectWithApiFetchData<O extends ISelectWithApiOption> = (value?: string, signal?: AbortSignal) => Promise<O[]>\r\n\r\nexport interface ISelectWithApiProps<T, O extends ISelectWithApiOption> extends IFormInputBase<T>, ISelectWithApiParams<O> {\r\n  onChange?: (value: O | null) => void\r\n  existedIds?: string[]\r\n  slots?: ISelectWithApiPropsSlots\r\n}\r\n\r\nexport interface ISelectWithApiState<O extends ISelectWithApiOption> {\r\n  options: O[]\r\n  statusText?: string\r\n  optionSelected: O | null\r\n  inputValue: string\r\n  loading?: boolean\r\n}\r\n\r\nexport interface ISelectWithApiParams<O extends ISelectWithApiOption> {\r\n  fetchData?: ISelectWithApiFetchData<O>\r\n}\r\n\r\nconst CreateSelectWithApi = function <T, O extends ISelectWithApiOption = ISelectWithApiOption>(\r\n  params?: ISelectWithApiParams<O>\r\n): ComponentType<ISelectWithApiProps<T, O>> {\r\n  class SelectWithApi extends Component<ISelectWithApiProps<T, O>, ISelectWithApiState<O>> {\r\n    abortController = { signalController: new AbortController() }\r\n    refInput: HTMLInputElement | null = null\r\n    existedIds: string[] = []\r\n    constructor(props: ISelectWithApiProps<T, O>) {\r\n      super(props)\r\n      this.state = {\r\n        options: [],\r\n        statusText: 'no items',\r\n        optionSelected: null,\r\n        inputValue: '',\r\n        loading: true\r\n      }\r\n      this.existedIds = props.existedIds ?? []\r\n    }\r\n\r\n    render() {\r\n      const defaultValue = this.getDefaultValue()\r\n      const eMessage = getErrorMessage(this.props.messageErrors, this.props.name)\r\n      return (\r\n        <>\r\n          <Autocomplete\r\n            disabled={this.state.loading || this.props.disabled}\r\n            fullWidth\r\n            noOptionsText={this.state.statusText}\r\n            options={this.state.options}\r\n            getOptionLabel={(x) => x.Name ?? x.Id}\r\n            getOptionKey={(x) => JSON.stringify(x)}\r\n            isOptionEqualToValue={(o, v) => o.Id.toString() === v.Id.toString() && o.Name === v.Name}\r\n            filterOptions={this.fillterOptions}\r\n            // select\r\n            value={this.state.optionSelected}\r\n            onChange={this.handleChange}\r\n            // input\r\n            inputValue={this.state.inputValue}\r\n            onInputChange={this.handleInputChange}\r\n            renderInput={(params) => (\r\n              <TextField\r\n                {...params}\r\n                label={this.getLabel()}\r\n                error={eMessage.error}\r\n                helperText={eMessage.message}\r\n                onBlur={() => {\r\n                  if (!this.props.name) return\r\n                  this.props.onBlur && this.props.onBlur(this.props.name)\r\n                }}\r\n                {...this.props.slots?.textFieldProps}\r\n              />\r\n            )}\r\n          />\r\n          <input ref={(ref) => (this.refInput = ref)} hidden name={this.props.name?.toString()} defaultValue={defaultValue} />\r\n          {this.state.optionSelected?.Other && (\r\n            <input\r\n              hidden\r\n              name={`${this.props.name?.toString()}Other`}\r\n              key={this.state.optionSelected.Id ?? 'key'}\r\n              defaultValue={JSON.stringify(this.state.optionSelected.Other)}\r\n            />\r\n          )}\r\n        </>\r\n      )\r\n    }\r\n\r\n    componentDidMount() {\r\n      this.fetchData()\r\n    }\r\n\r\n    componentWillUnmount(): void {\r\n      this.timer.clear()\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<ISelectWithApiProps<T, O>>): void {\r\n      if (JSON.stringify(prevProps.existedIds) !== JSON.stringify(this.props.existedIds)) {\r\n        this.existedIds = this.props.existedIds ?? []\r\n      }\r\n    }\r\n\r\n    getFetchDataFunc = (): ISelectWithApiFetchData<O> => {\r\n      return this.props.fetchData ?? params?.fetchData ?? (() => Promise.resolve([]))\r\n    }\r\n\r\n    timer = {\r\n      _timer: 0,\r\n      _second: 500,\r\n      callback: async (value: string) => {\r\n        try {\r\n          this.abortController.signalController = new AbortController()\r\n          const res = await this.getFetchDataFunc()(value, this.abortController.signalController.signal)\r\n          const options = this.getOptionsFilter(res, this.existedIds)\r\n          this.setState({ options })\r\n        } catch (error) {\r\n          // console.log(error)\r\n          ApiAlertContext.ApiAlert?.PushError('Error from server!')\r\n        } finally {\r\n          this.setState({ statusText: 'no items' })\r\n        }\r\n      },\r\n      start: (text: string) => {\r\n        this.timer.clear()\r\n        this.timer._timer = window.setTimeout(() => this.timer.callback(text), this.timer._second)\r\n      },\r\n      clear: () => {\r\n        this.abortController.signalController.abort()\r\n        clearTimeout(this.timer._timer)\r\n      }\r\n    }\r\n\r\n    fetchData = async () => {\r\n      try {\r\n        const defaultValue = this.getDefaultValue()\r\n        const res = await this.getFetchDataFunc()(defaultValue, this.abortController.signalController.signal)\r\n        if (!Array.isArray(res)) return\r\n        const options = this.getOptionsFilter(res, this.existedIds)\r\n        const optionSelected = options.find((x) => x.Id === defaultValue) ?? null\r\n        this.setState({ options, optionSelected, loading: false })\r\n        return\r\n      } catch (error) {\r\n        // console.log(error)\r\n        ApiAlertContext.ApiAlert?.PushError('Error from server!')\r\n      } finally {\r\n        this.setState({ statusText: 'no items', loading: false })\r\n      }\r\n    }\r\n\r\n    handleChange = (_: React.SyntheticEvent, value: O | null) => {\r\n      this.setState({ optionSelected: value })\r\n      if (this.refInput) this.refInput.value = value?.Id ?? ''\r\n      this.props.onChange && this.props.onChange(value)\r\n    }\r\n\r\n    handleInputChange = (_: React.SyntheticEvent, value: string) => {\r\n      const state: Pick<ISelectWithApiState<O>, 'inputValue' | 'statusText' | 'loading'> = { inputValue: value }\r\n      if (value === this.state.optionSelected?.Name) {\r\n        this.setState(state)\r\n        return\r\n      }\r\n      const valueFormated = value.trim().toLowerCase()\r\n      const selectedIndex = this.state.options.findIndex((x) => {\r\n        return x.Name?.trim().toLowerCase().includes(valueFormated)\r\n      })\r\n      if (selectedIndex < 0 || valueFormated === '') state.statusText = 'loading...'\r\n      this.setState(state, () => {\r\n        if (selectedIndex < 0 || valueFormated === '') this.timer.start(valueFormated)\r\n      })\r\n    }\r\n\r\n    fillterOptions = (options: O[], state: FilterOptionsState<O>) => {\r\n      return options.filter((x) => {\r\n        const value = state.inputValue.toLowerCase()\r\n        return x.Id.toLowerCase().includes(value) || x.Name?.toLowerCase().includes(value)\r\n      })\r\n    }\r\n\r\n    getLabel = () => {\r\n      return this.props.label ?? this.props.name?.toString()\r\n    }\r\n\r\n    getDefaultValue = () => {\r\n      if (!this.props.name) return\r\n      return (this.props.defaultValue ?? this.props.data?.[this.props.name])?.toString()\r\n    }\r\n\r\n    getOptionsFilter<O extends ISelectWithApiOption = ISelectWithApiOption>(options: O[], existedId: string[] = []): O[] {\r\n      const ids = new Set<string | number>(existedId)\r\n      return options.reduce<O[]>((a, b) => {\r\n        if (!ids.has(b.Id)) {\r\n          a.push(b)\r\n          ids.add(b.Id)\r\n        }\r\n        return a\r\n      }, [])\r\n    }\r\n  }\r\n  return SelectWithApi\r\n}\r\nexport default CreateSelectWithApi\r\n"],"names":["CreateSelectWithApi","params","SelectWithApi","props","_props$existedIds","_this","_callback","_classCallCheck","_callSuper","_defineProperty","signalController","AbortController","_ref","_this$props$fetchData","fetchData","Promise","resolve","_timer","_second","callback","_asyncToGenerator","_regenerator","m","_callee","value","res","options","_ApiAlertContext$ApiA","w","_context","n","p","abortController","getFetchDataFunc","signal","v","getOptionsFilter","existedIds","setState","ApiAlertContext","ApiAlert","PushError","statusText","f","a","_x","apply","this","arguments","start","text","timer","clear","window","setTimeout","abort","clearTimeout","_callee2","_options$find","defaultValue","optionSelected","_ApiAlertContext$ApiA2","_context2","getDefaultValue","Array","isArray","find","x","Id","loading","_","_value$Id","refInput","onChange","_this$state$optionSel","state","inputValue","Name","valueFormated","trim","toLowerCase","selectedIndex","findIndex","_x$Name","includes","filter","_x$Name2","_this$props$label","_this$props$name","label","name","toString","_ref3","_this$props$defaultVa","_this$props$data","data","_inherits","Component","_createClass","key","_this$props$name2","_this$state$optionSel2","_this$props$name3","_this$state$optionSel3","_this2","eMessage","getErrorMessage","messageErrors","_jsxs","_jsx","Autocomplete","disabled","fullWidth","noOptionsText","getOptionLabel","_x$Name3","getOptionKey","JSON","stringify","isOptionEqualToValue","o","filterOptions","fillterOptions","handleChange","onInputChange","handleInputChange","renderInput","_this2$props$slots","TextField","_objectSpread","getLabel","error","helperText","message","onBlur","slots","textFieldProps","ref","hidden","Other","concat","prevProps","_this$props$existedId","ids","Set","length","undefined","reduce","b","has","push","add"],"mappings":"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"}
+{"version":3,"file":"create.select-with-api.js","sources":["../../src/form/create.select-with-api.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { Autocomplete, Box, styled, TextField } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { FilterOptionsState, TextFieldProps } from '@mui/material'\r\nimport { IFormInputBase } from './types'\r\nimport { getErrorMessage } from './helpers'\r\nimport { ApiAlertContext } from '../api-context'\r\nimport { RichTooltip, HelpOutlinePulseIcon } from '../components/rich-tooltip'\r\nimport type { IRichTooltipPanelConfig } from '../components/rich-tooltip'\r\n\r\nexport interface ISelectWithApiOption<TOther = any> {\r\n  Id: string\r\n  Name?: string\r\n  Other?: TOther\r\n}\r\n\r\nexport interface ISelectWithApiPropsSlots {\r\n  textFieldProps: TextFieldProps\r\n}\r\n\r\nexport type ISelectWithApiFetchData<O extends ISelectWithApiOption> = (value?: string, signal?: AbortSignal) => Promise<O[]>\r\n\r\nexport interface ISelectWithApiProps<T, O extends ISelectWithApiOption> extends IFormInputBase<T>, ISelectWithApiParams<O> {\r\n  tooltip?: IRichTooltipPanelConfig\r\n  onChange?: (value: O | null) => void\r\n  existedIds?: string[]\r\n  slots?: ISelectWithApiPropsSlots\r\n}\r\n\r\nexport interface ISelectWithApiState<O extends ISelectWithApiOption> {\r\n  options: O[]\r\n  statusText?: string\r\n  optionSelected: O | null\r\n  inputValue: string\r\n  loading?: boolean\r\n}\r\n\r\nexport interface ISelectWithApiParams<O extends ISelectWithApiOption> {\r\n  fetchData?: ISelectWithApiFetchData<O>\r\n  tooltip?: IRichTooltipPanelConfig\r\n}\r\n\r\nconst CreateSelectWithApi = function <T, O extends ISelectWithApiOption = ISelectWithApiOption>(\r\n  params?: ISelectWithApiParams<O>\r\n): ComponentType<ISelectWithApiProps<T, O>> {\r\n  class SelectWithApi extends Component<ISelectWithApiProps<T, O>, ISelectWithApiState<O>> {\r\n    abortController = { signalController: new AbortController() }\r\n    refInput: HTMLInputElement | null = null\r\n    existedIds: string[] = []\r\n    constructor(props: ISelectWithApiProps<T, O>) {\r\n      super(props)\r\n      this.state = {\r\n        options: [],\r\n        statusText: 'no items',\r\n        optionSelected: null,\r\n        inputValue: '',\r\n        loading: true\r\n      }\r\n      this.existedIds = props.existedIds ?? []\r\n    }\r\n\r\n    componentDidMount() {\r\n      this.fetchData()\r\n    }\r\n\r\n    componentWillUnmount(): void {\r\n      this.timer.clear()\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<ISelectWithApiProps<T, O>>): void {\r\n      if (JSON.stringify(prevProps.existedIds) !== JSON.stringify(this.props.existedIds)) {\r\n        this.existedIds = this.props.existedIds ?? []\r\n      }\r\n    }\r\n\r\n    render() {\r\n      const defaultValue = this.getDefaultValue()\r\n      const eMessage = getErrorMessage(this.props.messageErrors, this.props.name)\r\n      return (\r\n        <SelectWithApiStyled className={this.getRootClasses()}>\r\n          <Autocomplete\r\n            disabled={this.state.loading || this.props.disabled}\r\n            fullWidth\r\n            noOptionsText={this.state.statusText}\r\n            options={this.state.options}\r\n            getOptionLabel={(x) => x.Name ?? x.Id}\r\n            getOptionKey={(x) => JSON.stringify(x)}\r\n            isOptionEqualToValue={(o, v) => o.Id.toString() === v.Id.toString() && o.Name === v.Name}\r\n            filterOptions={this.fillterOptions}\r\n            // select\r\n            value={this.state.optionSelected}\r\n            onChange={this.handleChange}\r\n            // input\r\n            inputValue={this.state.inputValue}\r\n            onInputChange={this.handleInputChange}\r\n            renderInput={(params) => (\r\n              <TextField\r\n                {...params}\r\n                label={this.getLabel()}\r\n                error={eMessage.error}\r\n                helperText={eMessage.message}\r\n                onBlur={() => {\r\n                  if (!this.props.name) return\r\n                  this.props.onBlur && this.props.onBlur(this.props.name)\r\n                }}\r\n                {...this.props.slots?.textFieldProps}\r\n              />\r\n            )}\r\n          />\r\n          <input ref={(ref) => (this.refInput = ref)} hidden name={this.props.name?.toString()} defaultValue={defaultValue} />\r\n          {this.state.optionSelected?.Other && (\r\n            <input\r\n              hidden\r\n              name={`${this.props.name?.toString()}Other`}\r\n              key={this.state.optionSelected.Id ?? 'key'}\r\n              defaultValue={JSON.stringify(this.state.optionSelected.Other)}\r\n            />\r\n          )}\r\n          {this.renderTooltip()}\r\n        </SelectWithApiStyled>\r\n      )\r\n    }\r\n\r\n    renderTooltip = () => {\r\n      const tooltip = this.props.tooltip || params?.tooltip\r\n      if (!tooltip) return null\r\n      return (\r\n        <div className={selectWithApiClasses.tooltipWrap}>\r\n          <RichTooltip panel={tooltip}>\r\n            <HelpOutlinePulseIcon fontSize='small' />\r\n          </RichTooltip>\r\n        </div>\r\n      )\r\n    }\r\n\r\n    getRootClasses = () => {\r\n      const classes = [selectWithApiClasses.root]\r\n      const tooltip = this.props.tooltip || params?.tooltip\r\n      if (tooltip) classes.push(selectWithApiClasses.tooltip)\r\n      return classes.join(' ')\r\n    }\r\n\r\n    getFetchDataFunc = (): ISelectWithApiFetchData<O> => {\r\n      return this.props.fetchData ?? params?.fetchData ?? (() => Promise.resolve([]))\r\n    }\r\n\r\n    timer = {\r\n      _timer: 0,\r\n      _second: 500,\r\n      callback: async (value: string) => {\r\n        try {\r\n          this.abortController.signalController = new AbortController()\r\n          const res = await this.getFetchDataFunc()(value, this.abortController.signalController.signal)\r\n          const options = this.getOptionsFilter(res, this.existedIds)\r\n          this.setState({ options })\r\n        } catch (error) {\r\n          // console.log(error)\r\n          ApiAlertContext.ApiAlert?.PushError('Error from server!')\r\n        } finally {\r\n          this.setState({ statusText: 'no items' })\r\n        }\r\n      },\r\n      start: (text: string) => {\r\n        this.timer.clear()\r\n        this.timer._timer = window.setTimeout(() => this.timer.callback(text), this.timer._second)\r\n      },\r\n      clear: () => {\r\n        this.abortController.signalController.abort()\r\n        clearTimeout(this.timer._timer)\r\n      }\r\n    }\r\n\r\n    fetchData = async () => {\r\n      try {\r\n        const defaultValue = this.getDefaultValue()\r\n        const res = await this.getFetchDataFunc()(defaultValue, this.abortController.signalController.signal)\r\n        if (!Array.isArray(res)) return\r\n        const options = this.getOptionsFilter(res, this.existedIds)\r\n        const optionSelected = options.find((x) => x.Id === defaultValue) ?? null\r\n        this.setState({ options, optionSelected, loading: false })\r\n        return\r\n      } catch (error) {\r\n        // console.log(error)\r\n        ApiAlertContext.ApiAlert?.PushError('Error from server!')\r\n      } finally {\r\n        this.setState({ statusText: 'no items', loading: false })\r\n      }\r\n    }\r\n\r\n    handleChange = (_: React.SyntheticEvent, value: O | null) => {\r\n      this.setState({ optionSelected: value })\r\n      if (this.refInput) this.refInput.value = value?.Id ?? ''\r\n      this.props.onChange && this.props.onChange(value)\r\n    }\r\n\r\n    handleInputChange = (_: React.SyntheticEvent, value: string) => {\r\n      const state: Pick<ISelectWithApiState<O>, 'inputValue' | 'statusText' | 'loading'> = { inputValue: value }\r\n      if (value === this.state.optionSelected?.Name) {\r\n        this.setState(state)\r\n        return\r\n      }\r\n      const valueFormated = value.trim().toLowerCase()\r\n      const selectedIndex = this.state.options.findIndex((x) => {\r\n        return x.Name?.trim().toLowerCase().includes(valueFormated)\r\n      })\r\n      if (selectedIndex < 0 || valueFormated === '') state.statusText = 'loading...'\r\n      this.setState(state, () => {\r\n        if (selectedIndex < 0 || valueFormated === '') this.timer.start(valueFormated)\r\n      })\r\n    }\r\n\r\n    fillterOptions = (options: O[], state: FilterOptionsState<O>) => {\r\n      return options.filter((x) => {\r\n        const value = state.inputValue.toLowerCase()\r\n        return x.Id.toLowerCase().includes(value) || x.Name?.toLowerCase().includes(value)\r\n      })\r\n    }\r\n\r\n    getLabel = () => {\r\n      return this.props.label ?? this.props.name?.toString()\r\n    }\r\n\r\n    getDefaultValue = () => {\r\n      if (!this.props.name) return\r\n      return (this.props.defaultValue ?? this.props.data?.[this.props.name])?.toString()\r\n    }\r\n\r\n    getOptionsFilter<O extends ISelectWithApiOption = ISelectWithApiOption>(options: O[], existedId: string[] = []): O[] {\r\n      const ids = new Set<string | number>(existedId)\r\n      return options.reduce<O[]>((a, b) => {\r\n        if (!ids.has(b.Id)) {\r\n          a.push(b)\r\n          ids.add(b.Id)\r\n        }\r\n        return a\r\n      }, [])\r\n    }\r\n  }\r\n  return SelectWithApi\r\n}\r\nexport default CreateSelectWithApi\r\n\r\nconst selectWithApiClasses = {\r\n  root: 'SelectWithApi-root',\r\n  tooltip: 'SelectWithApi-tooltip',\r\n  tooltipWrap: 'SelectWithApi-tooltipWrap'\r\n}\r\n\r\nconst getSelectWithApiClass = (key: keyof typeof selectWithApiClasses, options?: { prefix?: string; suffix?: string }) => {\r\n  return `${options?.prefix || ''}.${selectWithApiClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nconst SelectWithApiStyled = styled(Box)(({ theme }) => ({\r\n  [getSelectWithApiClass('root', { suffix: '&' })]: {\r\n    width: '100%',\r\n    position: 'relative'\r\n  },\r\n  [getSelectWithApiClass('tooltipWrap')]: {\r\n    position: 'absolute',\r\n    top: theme.spacing(2.25),\r\n    right: theme.spacing(1.5),\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    gap: theme.spacing(0.5)\r\n  },\r\n  [getSelectWithApiClass('tooltip', { suffix: '&' })]: {\r\n    '.MuiInputBase-root .MuiAutocomplete-endAdornment': {\r\n      right: theme.spacing(4.5)\r\n    }\r\n  }\r\n}))\r\n"],"names":["CreateSelectWithApi","params","SelectWithApi","props","_props$existedIds","_this","_callback","_classCallCheck","_callSuper","_defineProperty","signalController","AbortController","tooltip","_jsx","className","selectWithApiClasses","tooltipWrap","children","RichTooltip","panel","HelpOutlinePulseIcon","fontSize","classes","root","push","join","_ref","_this$props$fetchData","fetchData","Promise","resolve","_timer","_second","callback","_asyncToGenerator","_regenerator","m","_callee","value","res","options","_ApiAlertContext$ApiA","w","_context","n","p","abortController","getFetchDataFunc","signal","v","getOptionsFilter","existedIds","setState","ApiAlertContext","ApiAlert","PushError","statusText","f","a","_x","apply","this","arguments","start","text","timer","clear","window","setTimeout","abort","clearTimeout","_callee2","_options$find","defaultValue","optionSelected","_ApiAlertContext$ApiA2","_context2","getDefaultValue","Array","isArray","find","x","Id","loading","_","_value$Id","refInput","onChange","_this$state$optionSel","state","inputValue","Name","valueFormated","trim","toLowerCase","selectedIndex","findIndex","_x$Name","includes","filter","_x$Name2","_this$props$label","_this$props$name","label","name","toString","_ref3","_this$props$defaultVa","_this$props$data","data","_inherits","Component","_createClass","key","prevProps","_this$props$existedId","JSON","stringify","_this$props$name2","_this$state$optionSel2","_this$props$name3","_this$state$optionSel3","_this2","eMessage","getErrorMessage","messageErrors","_jsxs","SelectWithApiStyled","getRootClasses","Autocomplete","disabled","fullWidth","noOptionsText","getOptionLabel","_x$Name3","getOptionKey","isOptionEqualToValue","o","filterOptions","fillterOptions","handleChange","onInputChange","handleInputChange","renderInput","_this2$props$slots","TextField","_objectSpread","getLabel","error","helperText","message","onBlur","slots","textFieldProps","ref","hidden","Other","concat","renderTooltip","ids","Set","length","undefined","reduce","b","has","add","getSelectWithApiClass","prefix","suffix","styled","Box","_ref5","theme","width","position","top","spacing","right","display","alignItems","gap"],"mappings":"ijBA0CA,IAAMA,EAAsB,SAC1BC,GAAgC,IAE1BC,aAIJ,SAAAA,EAAYC,GAAgC,IAAAC,EAAAC,EAoGlCC,EA3FgC,OATEC,OAAAL,GAC1CG,EAAAG,EAAAN,KAAAA,GAAMC,IAAMM,EAAAJ,EAJI,kBAAA,CAAEK,iBAAkB,IAAIC,kBAAmBF,EAAAJ,EAAA,WACzB,MAAII,EAAAJ,EAAA,aACjB,IAAEI,EAAAJ,EAAA,iBA2ET,WACd,IAAMO,EAAUP,EAAKF,MAAMS,UAAWX,aAAAA,EAAAA,EAAQW,SAC9C,OAAKA,EAEHC,EAAK,MAAA,CAAAC,UAAWC,EAAqBC,YAAWC,SAC9CJ,EAACK,EAAY,CAAAC,MAAOP,EAAOK,SACzBJ,EAACO,EAAqB,CAAAC,SAAS,cAJhB,QAQtBZ,EAAAJ,EAAA,kBAEgB,WACf,IAAMiB,EAAU,CAACP,EAAqBQ,MAGtC,OAFgBlB,EAAKF,MAAMS,UAAWX,aAAAA,EAAAA,EAAQW,WACjCU,EAAQE,KAAKT,EAAqBH,SACxCU,EAAQG,KAAK,QACrBhB,EAAAJ,EAAA,oBAEkB,WAAiC,IAAAqB,EAAAC,EAClD,OAAgDD,QAAhDA,EAA2B,QAA3BC,EAAOtB,EAAKF,MAAMyB,iBAAS,IAAAD,EAAAA,EAAI1B,aAAAA,EAAAA,EAAQ2B,iBAASF,IAAAA,EAAAA,EAAK,WAAA,OAAMG,QAAQC,QAAQ,GAAG,KAC/ErB,EAAAJ,EAEO,QAAA,CACN0B,OAAQ,EACRC,QAAS,IACTC,UAAQ3B,EAAA4B,EAAAC,IAAAC,GAAE,SAAAC,EAAOC,GAAa,IAAAC,EAAAC,EAAAC,EAAA,OAAAN,IAAAO,GAAA,SAAAC,GAAA,cAAAA,EAAAC,GAAA,KAAA,EAEmC,OAFnCD,EAAAE,EAAA,EAE1BxC,EAAKyC,gBAAgBpC,iBAAmB,IAAIC,gBAAiBgC,EAAAC,EAAA,EAC3CvC,EAAK0C,kBAAL1C,CAAwBiC,EAAOjC,EAAKyC,gBAAgBpC,iBAAiBsC,QAAO,KAAA,EAAxFT,EAAGI,EAAAM,EACHT,EAAUnC,EAAK6C,iBAAiBX,EAAKlC,EAAK8C,YAChD9C,EAAK+C,SAAS,CAAEZ,QAAAA,IAAUG,EAAAC,EAAA,EAAA,MAAA,KAAA,EAAAD,EAAAE,EAAA,EAAAF,EAAAM,EAGF,QAAxBR,EAAAY,EAAgBC,gBAAQ,IAAAb,GAAxBA,EAA0Bc,UAAU,sBAAqB,KAAA,EAEhB,OAFgBZ,EAAAE,EAAA,EAEzDxC,EAAK+C,SAAS,CAAEI,WAAY,aAAab,EAAAc,EAAA,GAAA,KAAA,EAAA,OAAAd,EAAAe,EAAA,GAAA,GAAArB,EAAA,KAAA,CAAA,CAAA,EAAA,EAAA,EAAA,SAE5C,SAZOsB,GAAA,OAAArD,EAAAsD,MAAAC,KAAAC,UAAA,GAaRC,MAAO,SAACC,GACN3D,EAAK4D,MAAMC,QACX7D,EAAK4D,MAAMlC,OAASoC,OAAOC,YAAW,WAAA,OAAM/D,EAAK4D,MAAMhC,SAAS+B,EAAK,GAAE3D,EAAK4D,MAAMjC,QACnF,EACDkC,MAAO,WACL7D,EAAKyC,gBAAgBpC,iBAAiB2D,QACtCC,aAAajE,EAAK4D,MAAMlC,OAC1B,IACDtB,EAAAJ,EAAA,YAAA6B,EAAAC,IAAAC,GAEW,SAAAmC,IAAA,IAAAC,EAAAC,EAAAlC,EAAAC,EAAAkC,EAAAC,EAAA,OAAAxC,IAAAO,GAAA,SAAAkC,GAAA,cAAAA,EAAAhC,GAAA,KAAA,EAEmC,OAFnCgC,EAAA/B,EAAA,EAEF4B,EAAepE,EAAKwE,kBAAiBD,EAAAhC,EAAA,EACzBvC,EAAK0C,kBAAL1C,CAAwBoE,EAAcpE,EAAKyC,gBAAgBpC,iBAAiBsC,QAAO,KAAA,EAA5F,GAAHT,EAAGqC,EAAA3B,EACJ6B,MAAMC,QAAQxC,GAAI,CAAAqC,EAAAhC,EAAA,EAAA,KAAA,CAAA,OAAAgC,EAAAlB,EAAA,GAAA,KAAA,EAGmC,OAFpDlB,EAAUnC,EAAK6C,iBAAiBX,EAAKlC,EAAK8C,YAC1CuB,EAA2DF,QAA7CA,EAAGhC,EAAQwC,MAAK,SAACC,GAAC,OAAKA,EAAEC,KAAOT,CAAY,WAACD,IAAAA,EAAAA,EAAI,KACrEnE,EAAK+C,SAAS,CAAEZ,QAAAA,EAASkC,eAAAA,EAAgBS,SAAS,IAAQP,EAAAlB,EAAA,GAAA,KAAA,EAAAkB,EAAA/B,EAAA,EAAA+B,EAAA3B,EAIlC,QAAxB0B,EAAAtB,EAAgBC,gBAAQ,IAAAqB,GAAxBA,EAA0BpB,UAAU,sBAAqB,KAAA,EAEA,OAFAqB,EAAA/B,EAAA,EAEzDxC,EAAK+C,SAAS,CAAEI,WAAY,WAAY2B,SAAS,IAAQP,EAAAnB,EAAA,GAAA,KAAA,EAAA,OAAAmB,EAAAlB,EAAA,GAAA,GAAAa,EAAA,KAAA,CAAA,CAAA,EAAA,EAAA,EAAA,IAE5D,MAAA9D,EAAAJ,EAAA,gBAEc,SAAC+E,EAAyB9C,GAAmB,IAAA+C,EAC1DhF,EAAK+C,SAAS,CAAEsB,eAAgBpC,IAC5BjC,EAAKiF,WAAUjF,EAAKiF,SAAShD,cAAK+C,EAAG/C,aAAAA,EAAAA,EAAO4C,UAAE,IAAAG,EAAAA,EAAI,IACtDhF,EAAKF,MAAMoF,UAAYlF,EAAKF,MAAMoF,SAASjD,MAC5C7B,EAAAJ,EAAA,qBAEmB,SAAC+E,EAAyB9C,GAAiB,IAAAkD,EACvDC,EAA+E,CAAEC,WAAYpD,GACnG,GAAIA,aAAKkD,EAAKnF,EAAKoF,MAAMf,sBAAc,IAAAc,OAAA,EAAzBA,EAA2BG,MAAzC,CAIA,IAAMC,EAAgBtD,EAAMuD,OAAOC,cAC7BC,EAAgB1F,EAAKoF,MAAMjD,QAAQwD,WAAU,SAACf,GAAK,IAAAgB,EACvD,OAAaA,QAAbA,EAAOhB,EAAEU,gBAAIM,SAANA,EAAQJ,OAAOC,cAAcI,SAASN,EAC/C,KACIG,EAAgB,GAAuB,KAAlBH,KAAsBH,EAAMjC,WAAa,cAClEnD,EAAK+C,SAASqC,GAAO,YACfM,EAAgB,GAAuB,KAAlBH,IAAsBvF,EAAK4D,MAAMF,MAAM6B,EAClE,GARC,MAFCvF,EAAK+C,SAASqC,MAWjBhF,EAAAJ,EAAA,kBAEgB,SAACmC,EAAciD,GAC9B,OAAOjD,EAAQ2D,QAAO,SAAClB,GAAK,IAAAmB,EACpB9D,EAAQmD,EAAMC,WAAWI,cAC/B,OAAOb,EAAEC,GAAGY,cAAcI,SAAS5D,KAAgB,QAAV8D,EAAInB,EAAEU,YAAI,IAAAS,OAAA,EAANA,EAAQN,cAAcI,SAAS5D,GAC9E,OACD7B,EAAAJ,EAAA,YAEU,WAAK,IAAAgG,EAAAC,EACd,OAAuBD,QAAvBA,EAAOhG,EAAKF,MAAMoG,aAAKF,IAAAA,EAAAA,EAAmB,QAAnBC,EAAIjG,EAAKF,MAAMqG,YAAI,IAAAF,OAAA,EAAfA,EAAiBG,cAC7ChG,EAAAJ,EAAA,mBAEiB,WAAK,IAAAqG,EAAAC,EAAAC,EACrB,GAAKvG,EAAKF,MAAMqG,KAChB,eAAAE,EAA+B,QAA/BC,EAAQtG,EAAKF,MAAMsE,oBAAYkC,IAAAA,EAAAA,UAAAC,EAAIvG,EAAKF,MAAM0G,YAAI,IAAAD,OAAA,EAAfA,EAAkBvG,EAAKF,MAAMqG,aAAK,IAAAE,OAAA,EAA9DA,EAAiED,cA7KxEpG,EAAKoF,MAAQ,CACXjD,QAAS,GACTgB,WAAY,WACZkB,eAAgB,KAChBgB,WAAY,GACZP,SAAS,GAEX9E,EAAK8C,WAA6B/C,QAAnBA,EAAGD,EAAMgD,kBAAU/C,IAAAA,EAAAA,EAAI,GAAEC,CAC1C,CAAC,OAAAyG,EAAA5G,EAdyB6G,GAczBC,EAAA9G,EAAA,CAAA,CAAA+G,IAAA,oBAAA3E,MAED,WACEuB,KAAKjC,WACP,GAAC,CAAAqF,IAAA,uBAAA3E,MAED,WACEuB,KAAKI,MAAMC,OACb,GAAC,CAAA+C,IAAA,qBAAA3E,MAED,SAAmB4E,GACmE,IAAAC,EAAhFC,KAAKC,UAAUH,EAAU/D,cAAgBiE,KAAKC,UAAUxD,KAAK1D,MAAMgD,cACrEU,KAAKV,WAAkCgE,QAAxBA,EAAGtD,KAAK1D,MAAMgD,kBAAUgE,IAAAA,EAAAA,EAAI,GAE/C,GAAC,CAAAF,IAAA,SAAA3E,MAED,WAAM,IAAAgF,EAAAC,EAAAC,EAAAC,EAAAC,EAAA7D,KACEY,EAAeZ,KAAKgB,kBACpB8C,EAAWC,EAAgB/D,KAAK1D,MAAM0H,cAAehE,KAAK1D,MAAMqG,MACtE,OACEsB,EAACC,EAAoB,CAAAjH,UAAW+C,KAAKmE,iBACnC/G,SAAA,CAAAJ,EAACoH,EACC,CAAAC,SAAUrE,KAAK4B,MAAMN,SAAWtB,KAAK1D,MAAM+H,SAC3CC,WACA,EAAAC,cAAevE,KAAK4B,MAAMjC,WAC1BhB,QAASqB,KAAK4B,MAAMjD,QACpB6F,eAAgB,SAACpD,GAAC,IAAAqD,EAAA,OAAW,QAAXA,EAAKrD,EAAEU,YAAI,IAAA2C,EAAAA,EAAIrD,EAAEC,EAAE,EACrCqD,aAAc,SAACtD,GAAC,OAAKmC,KAAKC,UAAUpC,EAAE,EACtCuD,qBAAsB,SAACC,EAAGxF,GAAC,OAAKwF,EAAEvD,GAAGuB,aAAexD,EAAEiC,GAAGuB,YAAcgC,EAAE9C,OAAS1C,EAAE0C,IAAI,EACxF+C,cAAe7E,KAAK8E,eAEpBrG,MAAOuB,KAAK4B,MAAMf,eAClBa,SAAU1B,KAAK+E,aAEflD,WAAY7B,KAAK4B,MAAMC,WACvBmD,cAAehF,KAAKiF,kBACpBC,YAAa,SAAC9I,GAAM,IAAA+I,EAAA,OAClBnI,EAACoI,EAASC,EAAAA,KACJjJ,GAAM,GAAA,CACVsG,MAAOmB,EAAKyB,WACZC,MAAOzB,EAASyB,MAChBC,WAAY1B,EAAS2B,QACrBC,OAAQ,WACD7B,EAAKvH,MAAMqG,MAChBkB,EAAKvH,MAAMoJ,QAAU7B,EAAKvH,MAAMoJ,OAAO7B,EAAKvH,MAAMqG,KACpD,GACoBwC,QADnBA,EACGtB,EAAKvH,MAAMqJ,aAAXR,IAAgBA,OAAhBA,EAAAA,EAAkBS,gBACtB,IAGN5I,EAAO,QAAA,CAAA6I,IAAK,SAACA,GAAG,OAAMhC,EAAKpC,SAAWoE,CAAI,EAAEC,QAAO,EAAAnD,KAAqB,QAAjBc,EAAEzD,KAAK1D,MAAMqG,YAAXc,IAAeA,OAAfA,EAAAA,EAAiBb,WAAYhC,aAAcA,aACnG8C,EAAI1D,KAAC4B,MAAMf,sBAAc,IAAA6C,OAAA,EAAzBA,EAA2BqC,QAC1B/I,WACE8I,QAAM,EACNnD,QAAIqD,OAAoB,QAApBrC,EAAK3D,KAAK1D,MAAMqG,YAAXgB,IAAeA,OAAfA,EAAAA,EAAiBf,WAAiB,SAE3ChC,aAAc2C,KAAKC,UAAUxD,KAAK4B,MAAMf,eAAekF,QADtB,UAA5B/F,KAAK4B,MAAMf,eAAeQ,UAAEuC,IAAAA,EAAAA,EAAI,OAIxC5D,KAAKiG,kBAGZ,GAAC,CAAA7C,IAAA,mBAAA3E,MA0GD,SAAwEE,GAAsC,IACtGuH,EAAM,IAAIC,IADoElG,UAAAmG,OAAA,QAAAC,IAAApG,UAAA,GAAAA,UAAA,GAAsB,IAE1G,OAAOtB,EAAQ2H,QAAY,SAACzG,EAAG0G,GAK7B,OAJKL,EAAIM,IAAID,EAAElF,MACbxB,EAAElC,KAAK4I,GACPL,EAAIO,IAAIF,EAAElF,KAELxB,CACR,GAAE,GACL,IAAC,IAEH,OAAOxD,CACT,EAGMa,EAAuB,CAC3BQ,KAAM,qBACNX,QAAS,wBACTI,YAAa,6BAGTuJ,EAAwB,SAACtD,EAAwCzE,GACrE,MAAA,GAAAqH,QAAUrH,aAAAA,EAAAA,EAASgI,SAAU,QAAEX,OAAI9I,EAAqBkG,IAAI4C,QAAGrH,aAAAA,EAAAA,EAASiI,SAAU,GACpF,EAEM1C,EAAsB2C,EAAOC,EAAPD,EAAY,SAAAE,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAAApK,EAAAA,EAAAA,EAC7C8J,CAAAA,EAAAA,EAAsB,OAAQ,CAAEE,OAAQ,MAAS,CAChDK,MAAO,OACPC,SAAU,aAEXR,EAAsB,eAAiB,CACtCQ,SAAU,WACVC,IAAKH,EAAMI,QAAQ,MACnBC,MAAOL,EAAMI,QAAQ,KACrBE,QAAS,OACTC,WAAY,SACZC,IAAKR,EAAMI,QAAQ,MAEpBV,EAAsB,UAAW,CAAEE,OAAQ,MAAS,CACnD,mDAAoD,CAClDS,MAAOL,EAAMI,QAAQ,OAExB"}

package/dist/mfe-shared/navigation.js

@@ -1,2 +1,2 @@
-import{inherits as e,createClass as t,superPropGet as n,typeof as i,objectWithoutProperties as r,objectSpread2 as o,classCallCheck as a,callSuper as s,defineProperty as u}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as c,Fragment as l}from"react/jsx-runtime";import v from"events";import{useEffect as f}from"react";var p=["onClick","routeKey"],g=function(){function i(){var e;return a(this,i),e=s(this,i),u(e,"_createWrapListener",(function(e){return function(){try{e.apply(void 0,arguments)}catch(e){console.error("Error in MfeBridge listener:",e)}}})),e}return e(i,v),t(i,[{key:"subscribe",value:function(e,t){var r=this,o=!(arguments.length>2&&void 0!==arguments[2])||arguments[2]?this._createWrapListener(t):t;return n(i,"addListener",this)([e,o]),function(){n(i,"removeListener",r)([e,o])}}}])}();function d(){if(void 0===("undefined"==typeof globalThis?"undefined":i(globalThis)))return null;void 0===globalThis.MfeNavigationEventStore&&(globalThis.MfeNavigationEventStore=new g);var e=globalThis.MfeNavigationEventStore;return e.setMaxListeners(50),e}var h=function(e){return f((function(){var t=d();if(t){var n=t.subscribe("navigation",(function(t){console.log("Navigation event received:",t),e.navigation&&e.navigation(t.routeKey)}));return function(){n()}}}),[]),c(l,{})},m=function(e){var t=e.onClick,n=e.routeKey,i=r(e,p);return c("a",o(o({},i),{},{onClick:function(e){t&&t(e);var i=d();i&&n&&(e.preventDefault(),e.stopPropagation(),i.emit("navigation",{routeKey:n,options:{message:"Link clicked"}}))}}))},b=function(e){var t=d();t&&t.emit("navigation",{routeKey:e,options:{message:"Navigating to ".concat(e)}})};export{m as MfeLink,g as MfeNavigationEventStore,h as MfeNavigationProvider,d as getMfeNavigationEventStore,b as mfeNavigation};
+import{inherits as e,createClass as t,superPropGet as r,typeof as n,objectWithoutProperties as i,objectSpread2 as o,classCallCheck as a,callSuper as s,defineProperty as u}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as c,Fragment as l}from"react/jsx-runtime";import f from"events";import{forwardRef as v,useEffect as p}from"react";var g=["onClick","routeKey"],h=function(){function n(){var e;return a(this,n),e=s(this,n),u(e,"_createWrapListener",(function(e){return function(){try{e.apply(void 0,arguments)}catch(e){console.error("Error in MfeBridge listener:",e)}}})),e}return e(n,f),t(n,[{key:"subscribe",value:function(e,t){var i=this,o=!(arguments.length>2&&void 0!==arguments[2])||arguments[2]?this._createWrapListener(t):t;return r(n,"addListener",this)([e,o]),function(){r(n,"removeListener",i)([e,o])}}}])}();function d(){if(void 0===("undefined"==typeof globalThis?"undefined":n(globalThis)))return null;void 0===globalThis.MfeNavigationEventStore&&(globalThis.MfeNavigationEventStore=new h);var e=globalThis.MfeNavigationEventStore;return e.setMaxListeners(50),e}var m=function(e){return p((function(){var t=d();if(t){var r=t.subscribe("navigation",(function(t){e.navigation&&e.navigation(t.routeKey)}));return function(){r()}}}),[]),c(l,{})},b=v((function(e,t){var r=e.onClick,n=e.routeKey,a=i(e,g);return c("a",o(o({},a),{},{ref:t,onClick:function(e){r&&r(e);var t=d();t&&n&&(e.preventDefault(),e.stopPropagation(),t.emit("navigation",{routeKey:n,options:{message:"Link clicked"}}))}}))})),y=function(e){var t=d();t&&t.emit("navigation",{routeKey:e,options:{message:"Navigating to ".concat(e)}})};export{b as MfeLink,h as MfeNavigationEventStore,m as MfeNavigationProvider,d as getMfeNavigationEventStore,y as mfeNavigation};
 //# sourceMappingURL=navigation.js.map

package/dist/mfe-shared/navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","sources":["../../src/mfe-shared/navigation.tsx"],"sourcesContent":["import EventEmitter from 'events'\r\nimport { FC, useEffect } from 'react'\r\n\r\ninterface IEventOptions {\r\n  message?: string\r\n}\r\n\r\nexport interface IMfeNavigationEventConfigs {\r\n  navigation: [{ routeKey?: string; options?: IEventOptions }]\r\n}\r\n\r\nexport class MfeNavigationEventStore extends EventEmitter<IMfeNavigationEventConfigs> {\r\n  constructor() {\r\n    super()\r\n  }\r\n  /**\r\n   * Subscribe to a specific channel\r\n   * @param channel The channel to subscribe to\r\n   * @param callback Function to call when an event occurs on this channel\r\n   * @returns Unsubscribe function to remove the event listener\r\n   */\r\n  _createWrapListener = (callback: (...payload: any[]) => void) => {\r\n    return (...payload: any[]) => {\r\n      try {\r\n        callback(...payload)\r\n      } catch (error) {\r\n        console.error('Error in MfeBridge listener:', error)\r\n      }\r\n    }\r\n  }\r\n  subscribe<K extends keyof IMfeNavigationEventConfigs>(\r\n    eventName: K,\r\n    listener: K extends keyof IMfeNavigationEventConfigs\r\n      ? IMfeNavigationEventConfigs[K] extends unknown[]\r\n        ? (...args: IMfeNavigationEventConfigs[K]) => void\r\n        : never\r\n      : never,\r\n    isTry: boolean = true\r\n  ) {\r\n    const action = isTry ? this._createWrapListener(listener) : listener\r\n    super.addListener(eventName, action as any)\r\n    return () => {\r\n      super.removeListener(eventName, action as any)\r\n    }\r\n  }\r\n}\r\n\r\nexport function getMfeNavigationEventStore() {\r\n  if (typeof globalThis === undefined) return null\r\n\r\n  if (typeof (globalThis as any).MfeNavigationEventStore === 'undefined') {\r\n    // If MfeNavigationEventStore is not defined globally, define it\r\n    // This allows it to be used in other parts of the application\r\n    // without needing to import it explicitly\r\n    ;(globalThis as any).MfeNavigationEventStore = new MfeNavigationEventStore()\r\n  }\r\n  const eventEmitter = (globalThis as any).MfeNavigationEventStore as MfeNavigationEventStore\r\n  eventEmitter.setMaxListeners(50)\r\n  return eventEmitter\r\n}\r\n\r\ntype INavigationFunction = (routeKey?: string) => void\r\n\r\nexport interface IMfeNavigationProviderProps {\r\n  navigation?: INavigationFunction\r\n}\r\n\r\nexport const MfeNavigationProvider: FC<IMfeNavigationProviderProps> = (props) => {\r\n  useEffect(() => {\r\n    const eventStore = getMfeNavigationEventStore()\r\n    if (!eventStore) return\r\n\r\n    const unsubscribe = eventStore.subscribe('navigation', (payload) => {\r\n      console.log('Navigation event received:', payload)\r\n      if (props.navigation) {\r\n        props.navigation(payload.routeKey)\r\n      }\r\n    })\r\n\r\n    return () => {\r\n      unsubscribe()\r\n    }\r\n  }, [])\r\n\r\n  return <></>\r\n}\r\n\r\nexport interface IMfeLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n  routeKey?: string\r\n}\r\n\r\nexport const MfeLink: FC<IMfeLinkProps> = ({ onClick, routeKey, ...props }) => {\r\n  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\r\n    if (onClick) {\r\n      onClick(event)\r\n    }\r\n    const eventStore = getMfeNavigationEventStore()\r\n    if (eventStore && !!routeKey) {\r\n      event.preventDefault() // Prevent default link behavior\r\n      event.stopPropagation() // Stop the event from bubbling up\r\n      eventStore.emit('navigation', { routeKey: routeKey, options: { message: 'Link clicked' } })\r\n    }\r\n  }\r\n  return <a {...props} onClick={handleClick} />\r\n}\r\n\r\nexport const mfeNavigation = (routeKey: string) => {\r\n  const eventStore = getMfeNavigationEventStore()\r\n  if (eventStore) {\r\n    eventStore.emit('navigation', { routeKey: routeKey, options: { message: `Navigating to ${routeKey}` } })\r\n  }\r\n}\r\n"],"names":["MfeNavigationEventStore","_this","_classCallCheck","_callSuper","this","_defineProperty","callback","apply","arguments","error","console","_inherits","EventEmitter","_createClass","key","value","eventName","listener","_this2","action","_createWrapListener","_superPropGet","getMfeNavigationEventStore","undefined","globalThis","_typeof","eventEmitter","setMaxListeners","MfeNavigationProvider","props","useEffect","eventStore","unsubscribe","subscribe","payload","log","navigation","routeKey","_jsx","MfeLink","_ref","onClick","_objectWithoutProperties","_excluded","event","preventDefault","stopPropagation","emit","options","message","mfeNavigation","concat"],"mappings":"qWAWaA,aACX,SAAAA,IAAA,IAAAC,EAiBC,OAjBDC,OAAAF,GACEC,EAAAE,EAAAC,KAAAJ,GAEFK,EAAAJ,EAMsB,uBAAA,SAACK,GACrB,OAAO,WACL,IACEA,EAAQC,WAAAC,EAAAA,UACT,CAAC,MAAOC,GACPC,QAAQD,MAAM,+BAAgCA,EAC/C,CACF,KACFR,CAfD,CAAC,OAAAU,EAAAX,EAH0CY,GAG1CC,EAAAb,EAAA,CAAA,CAAAc,IAAA,YAAAC,MAgBD,SACEC,EACAC,GAKqB,IAAAC,EAAAd,KAEfe,6DAAiBf,KAAKgB,oBAAoBH,GAAYA,EAE5D,OADAI,EAAArB,EAAkBgB,cAAAA,KAAlBK,CAAkBL,CAAAA,EAAWG,IACtB,WACLE,EAAArB,EAAA,iBAAAkB,EAAAG,CAAqBL,CAAAA,EAAWG,GACjC,CACH,IAAC,aAGaG,IACd,QAA0BC,KAAL,oBAAVC,WAAU,YAAAC,EAAVD,aAA0B,OAAO,UAEe,IAA/CA,WAAmBxB,0BAI3BwB,WAAmBxB,wBAA0B,IAAIA,GAErD,IAAM0B,EAAgBF,WAAmBxB,wBAEzC,OADA0B,EAAaC,gBAAgB,IACtBD,CACT,KAQaE,EAAyD,SAACC,GAiBrE,OAhBAC,GAAU,WACR,IAAMC,EAAaT,IACnB,GAAKS,EAAL,CAEA,IAAMC,EAAcD,EAAWE,UAAU,cAAc,SAACC,GACtDxB,QAAQyB,IAAI,6BAA8BD,GACtCL,EAAMO,YACRP,EAAMO,WAAWF,EAAQG,SAE7B,IAEA,OAAO,WACLL,GACD,CAXgB,CAYlB,GAAE,IAEIM,OACT,EAMaC,EAA6B,SAAtBC,GAA0D,IAAjCC,EAAOD,EAAPC,QAASJ,EAAQG,EAARH,SAAaR,EAAKa,EAAAF,EAAAG,GAYtE,OAAOL,aAAOT,GAAK,GAAA,CAAEY,QAXD,SAACG,GACfH,GACFA,EAAQG,GAEV,IAAMb,EAAaT,IACfS,GAAgBM,IAClBO,EAAMC,iBACND,EAAME,kBACNf,EAAWgB,KAAK,aAAc,CAAEV,SAAUA,EAAUW,QAAS,CAAEC,QAAS,kBAE3E,IAEH,EAEaC,EAAgB,SAACb,GAC5B,IAAMN,EAAaT,IACfS,GACFA,EAAWgB,KAAK,aAAc,CAAEV,SAAUA,EAAUW,QAAS,CAAEC,QAAO,iBAAAE,OAAmBd,KAE7F"}
+{"version":3,"file":"navigation.js","sources":["../../src/mfe-shared/navigation.tsx"],"sourcesContent":["import EventEmitter from 'events'\r\nimport { FC, forwardRef, useEffect } from 'react'\r\n\r\ninterface IEventOptions {\r\n  message?: string\r\n}\r\n\r\nexport interface IMfeNavigationEventConfigs {\r\n  navigation: [{ routeKey?: string; options?: IEventOptions }]\r\n}\r\n\r\nexport class MfeNavigationEventStore extends EventEmitter<IMfeNavigationEventConfigs> {\r\n  constructor() {\r\n    super()\r\n  }\r\n  /**\r\n   * Subscribe to a specific channel\r\n   * @param channel The channel to subscribe to\r\n   * @param callback Function to call when an event occurs on this channel\r\n   * @returns Unsubscribe function to remove the event listener\r\n   */\r\n  _createWrapListener = (callback: (...payload: any[]) => void) => {\r\n    return (...payload: any[]) => {\r\n      try {\r\n        callback(...payload)\r\n      } catch (error) {\r\n        console.error('Error in MfeBridge listener:', error)\r\n      }\r\n    }\r\n  }\r\n  subscribe<K extends keyof IMfeNavigationEventConfigs>(\r\n    eventName: K,\r\n    listener: K extends keyof IMfeNavigationEventConfigs\r\n      ? IMfeNavigationEventConfigs[K] extends unknown[]\r\n        ? (...args: IMfeNavigationEventConfigs[K]) => void\r\n        : never\r\n      : never,\r\n    isTry: boolean = true\r\n  ) {\r\n    const action = isTry ? this._createWrapListener(listener) : listener\r\n    super.addListener(eventName, action as any)\r\n    return () => {\r\n      super.removeListener(eventName, action as any)\r\n    }\r\n  }\r\n}\r\n\r\nexport function getMfeNavigationEventStore() {\r\n  if (typeof globalThis === undefined) return null\r\n\r\n  if (typeof (globalThis as any).MfeNavigationEventStore === 'undefined') {\r\n    // If MfeNavigationEventStore is not defined globally, define it\r\n    // This allows it to be used in other parts of the application\r\n    // without needing to import it explicitly\r\n    ;(globalThis as any).MfeNavigationEventStore = new MfeNavigationEventStore()\r\n  }\r\n  const eventEmitter = (globalThis as any).MfeNavigationEventStore as MfeNavigationEventStore\r\n  eventEmitter.setMaxListeners(50)\r\n  return eventEmitter\r\n}\r\n\r\ntype INavigationFunction = (routeKey?: string) => void\r\n\r\nexport interface IMfeNavigationProviderProps {\r\n  navigation?: INavigationFunction\r\n}\r\n\r\nexport const MfeNavigationProvider: FC<IMfeNavigationProviderProps> = (props) => {\r\n  useEffect(() => {\r\n    const eventStore = getMfeNavigationEventStore()\r\n    if (!eventStore) return\r\n\r\n    const unsubscribe = eventStore.subscribe('navigation', (payload) => {\r\n      if (props.navigation) {\r\n        props.navigation(payload.routeKey)\r\n      }\r\n    })\r\n\r\n    return () => {\r\n      unsubscribe()\r\n    }\r\n  }, [])\r\n\r\n  return <></>\r\n}\r\n\r\nexport interface IMfeLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n  routeKey?: string\r\n}\r\n\r\nexport const MfeLink = forwardRef<HTMLAnchorElement, IMfeLinkProps>(({ onClick, routeKey, ...props }, ref) => {\r\n  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\r\n    if (onClick) {\r\n      onClick(event)\r\n    }\r\n    const eventStore = getMfeNavigationEventStore()\r\n    if (eventStore && !!routeKey) {\r\n      event.preventDefault() // Prevent default link behavior\r\n      event.stopPropagation() // Stop the event from bubbling up\r\n      eventStore.emit('navigation', { routeKey: routeKey, options: { message: 'Link clicked' } })\r\n    }\r\n  }\r\n  return <a {...props} ref={ref} onClick={handleClick} />\r\n})\r\n\r\nexport const mfeNavigation = (routeKey: string) => {\r\n  const eventStore = getMfeNavigationEventStore()\r\n  if (eventStore) {\r\n    eventStore.emit('navigation', { routeKey: routeKey, options: { message: `Navigating to ${routeKey}` } })\r\n  }\r\n}\r\n"],"names":["MfeNavigationEventStore","_this","_classCallCheck","_callSuper","this","_defineProperty","callback","apply","arguments","error","console","_inherits","EventEmitter","_createClass","key","value","eventName","listener","_this2","action","_createWrapListener","_superPropGet","getMfeNavigationEventStore","undefined","globalThis","_typeof","eventEmitter","setMaxListeners","MfeNavigationProvider","props","useEffect","eventStore","unsubscribe","subscribe","payload","navigation","routeKey","_jsx","MfeLink","forwardRef","_ref","ref","onClick","_objectWithoutProperties","_excluded","_objectSpread","event","preventDefault","stopPropagation","emit","options","message","mfeNavigation","concat"],"mappings":"qXAWaA,aACX,SAAAA,IAAA,IAAAC,EAiBC,OAjBDC,OAAAF,GACEC,EAAAE,EAAAC,KAAAJ,GAEFK,EAAAJ,EAMsB,uBAAA,SAACK,GACrB,OAAO,WACL,IACEA,EAAQC,WAAAC,EAAAA,UACT,CAAC,MAAOC,GACPC,QAAQD,MAAM,+BAAgCA,EAC/C,CACF,KACFR,CAfD,CAAC,OAAAU,EAAAX,EAH0CY,GAG1CC,EAAAb,EAAA,CAAA,CAAAc,IAAA,YAAAC,MAgBD,SACEC,EACAC,GAKqB,IAAAC,EAAAd,KAEfe,6DAAiBf,KAAKgB,oBAAoBH,GAAYA,EAE5D,OADAI,EAAArB,EAAkBgB,cAAAA,KAAlBK,CAAkBL,CAAAA,EAAWG,IACtB,WACLE,EAAArB,EAAA,iBAAAkB,EAAAG,CAAqBL,CAAAA,EAAWG,GACjC,CACH,IAAC,aAGaG,IACd,QAA0BC,KAAL,oBAAVC,WAAU,YAAAC,EAAVD,aAA0B,OAAO,UAEe,IAA/CA,WAAmBxB,0BAI3BwB,WAAmBxB,wBAA0B,IAAIA,GAErD,IAAM0B,EAAgBF,WAAmBxB,wBAEzC,OADA0B,EAAaC,gBAAgB,IACtBD,CACT,KAQaE,EAAyD,SAACC,GAgBrE,OAfAC,GAAU,WACR,IAAMC,EAAaT,IACnB,GAAKS,EAAL,CAEA,IAAMC,EAAcD,EAAWE,UAAU,cAAc,SAACC,GAClDL,EAAMM,YACRN,EAAMM,WAAWD,EAAQE,SAE7B,IAEA,OAAO,WACLJ,GACD,CAVgB,CAWlB,GAAE,IAEIK,OACT,EAMaC,EAAUC,GAA6C,SAAAC,EAAkCC,GAAO,IAAtCC,EAAOF,EAAPE,QAASN,EAAQI,EAARJ,SAAaP,EAAKc,EAAAH,EAAAI,GAYhG,OAAOP,EAAA,IAAAQ,EAAAA,KAAOhB,GAAK,GAAA,CAAEY,IAAKA,EAAKC,QAXX,SAACI,GACfJ,GACFA,EAAQI,GAEV,IAAMf,EAAaT,IACfS,GAAgBK,IAClBU,EAAMC,iBACND,EAAME,kBACNjB,EAAWkB,KAAK,aAAc,CAAEb,SAAUA,EAAUc,QAAS,CAAEC,QAAS,kBAE3E,IAEH,IAEaC,EAAgB,SAAChB,GAC5B,IAAML,EAAaT,IACfS,GACFA,EAAWkB,KAAK,aAAc,CAAEb,SAAUA,EAAUc,QAAS,CAAEC,QAAO,iBAAAE,OAAmBjB,KAE7F"}

package/dist/table/dino.js

@@ -1,2 +1,2 @@
-import{createClass as r,classCallCheck as t,defineProperty as e,objectSpread2 as o,objectWithoutProperties as n}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as a}from"react/jsx-runtime";import i from"dayjs";import"../utils/dayjs-config.js";import"../utils/query-param.js";import{MapTableBaseContext as l}from"./context.js";import{BtnFormDetail as u,BtnDetail as s}from"./ui.buttons.js";import{CreateStatusCell as c,CellChips as m,CellBase as v,CellImageSmall as f,CellDate as p}from"./ui.units.js";import h from"./toolbar-pannel.js";import d from"./helpers.js";import{CreateTable as g}from"./create.table.js";import y from"./create.action-row.js";import j from"../components/breadcrumbs.js";var b=["imageUrl","valueFormatter","typographyProps","typographyPropsGetter"],C=["formatString"],S="MM/DD/YYYY HH:mm",w=new(r((function r(){var w=this;t(this,r),e(this,"createTable",g),e(this,"createActionRow",y),e(this,"setUrlQuery",d.setUrlQuery),e(this,"getUrlQuery",d.getUrlQuery),e(this,"mapContext",l),e(this,"ToolbarPannel",h),e(this,"createToolbar",(function(r){return function(t){return a(h,o({},o(o({},t),r)))}})),e(this,"BtnFormDetail",u),e(this,"BtnDetail",s),e(this,"createBreadcrumbConfigs",(function(r){return r})),e(this,"createBreadcrumbs",(function(r){return function(){return a(j,{value:r})}})),e(this,"createStatusCell",c),e(this,"formatterDate",(function(r,t){var e,o,n=null!==(e=null==t?void 0:t.formatString)&&void 0!==e?e:S,a=null!==(o=null==t?void 0:t.showRelative)&&void 0!==o&&o;try{if(!r)return"";var l=i(r),u=l.format(n);return a?"".concat(u," (").concat(i().to(l),")"):u}catch(r){return""}})),e(this,"valueFormatterDate",(function(r){return function(t){return w.formatterDate(t.value,r)}})),e(this,"renderCellChips",(function(r){return function(t){var e;return a(m,o(o({},r),{},{value:null!==(e=t.value)&&void 0!==e?e:null==r?void 0:r.value}))}})),e(this,"renderCellStatus",(function(r,t){var e=c(r,o({sx:{minWidth:"90px"}},t));return function(r){return a(e,{value:r.value})}})),e(this,"renderCellBase",(function(r){return function(t){var e,i=null!=r?r:{},l=i.imageUrl,u=i.valueFormatter,s=i.typographyProps,c=i.typographyPropsGetter,m=n(i,b),f=u?u(t.value,t.row):void 0,p=l?l(t.value,t.row):void 0,h=null!=r&&r.renderIcon?r.renderIcon(t.value,t.row):null!==(e=null==r?void 0:r.icon)&&void 0!==e?e:void 0,d=c?c(t.value,t.row):s;return a(v,o(o({value:t.value,valueFormatted:f},m),{},{imageUrl:p,icon:h,typographyProps:d}))}})),e(this,"renderCellImage",(function(r,t){return function(e){var o;return a(f,{value:e.value,imageUri:null===(o=r(e.row))||void 0===o?void 0:o.toString(),fallbackSrc:null==t?void 0:t.fallbackSrc})}})),e(this,"renderCellDate",(function(r){return function(t){var e=null!=r?r:{},i=e.formatString,l=n(e,C);return a(p,o(o({},l),{},{value:t.value,formatString:null!=i?i:S}))}}))})));export{w as default};
+import{createClass as r,classCallCheck as t,defineProperty as e,objectSpread2 as o,objectWithoutProperties as n}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as a}from"react/jsx-runtime";import i from"dayjs";import"../utils/dayjs-config.js";import"../utils/query-param.js";import{MapTableBaseContext as l}from"./context.js";import{BtnFormDetail as u,BtnDetail as s}from"./ui.buttons.js";import{CreateStatusCell as c,CellChips as m,CellBase as v,CellImageSmall as f,CellDate as p}from"./ui.units.js";import h from"./toolbar-pannel.js";import d from"./helpers.js";import{CreateTable as g}from"./create.table.js";import y from"./create.action-row.js";import{Breadcrumbs as j}from"../components/breadcrumbs.js";var b=["imageUrl","valueFormatter","typographyProps","typographyPropsGetter"],C=["formatString"],S="MM/DD/YYYY HH:mm",w=new(r((function r(){var w=this;t(this,r),e(this,"createTable",g),e(this,"createActionRow",y),e(this,"setUrlQuery",d.setUrlQuery),e(this,"getUrlQuery",d.getUrlQuery),e(this,"mapContext",l),e(this,"ToolbarPannel",h),e(this,"createToolbar",(function(r){return function(t){return a(h,o({},o(o({},t),r)))}})),e(this,"BtnFormDetail",u),e(this,"BtnDetail",s),e(this,"createBreadcrumbConfigs",(function(r){return r})),e(this,"createBreadcrumbs",(function(r){return function(){return a(j,{value:r})}})),e(this,"createStatusCell",c),e(this,"formatterDate",(function(r,t){var e,o,n=null!==(e=null==t?void 0:t.formatString)&&void 0!==e?e:S,a=null!==(o=null==t?void 0:t.showRelative)&&void 0!==o&&o;try{if(!r)return"";var l=i(r),u=l.format(n);return a?"".concat(u," (").concat(i().to(l),")"):u}catch(r){return""}})),e(this,"valueFormatterDate",(function(r){return function(t){return w.formatterDate(t.value,r)}})),e(this,"renderCellChips",(function(r){return function(t){var e;return a(m,o(o({},r),{},{value:null!==(e=t.value)&&void 0!==e?e:null==r?void 0:r.value}))}})),e(this,"renderCellStatus",(function(r,t){var e=c(r,o({sx:{minWidth:"90px"}},t));return function(r){return a(e,{value:r.value})}})),e(this,"renderCellBase",(function(r){return function(t){var e,i=null!=r?r:{},l=i.imageUrl,u=i.valueFormatter,s=i.typographyProps,c=i.typographyPropsGetter,m=n(i,b),f=u?u(t.value,t.row):void 0,p=l?l(t.value,t.row):void 0,h=null!=r&&r.renderIcon?r.renderIcon(t.value,t.row):null!==(e=null==r?void 0:r.icon)&&void 0!==e?e:void 0,d=c?c(t.value,t.row):s;return a(v,o(o({value:t.value,valueFormatted:f},m),{},{imageUrl:p,icon:h,typographyProps:d}))}})),e(this,"renderCellImage",(function(r,t){return function(e){var o;return a(f,{value:e.value,imageUri:null===(o=r(e.row))||void 0===o?void 0:o.toString(),fallbackSrc:null==t?void 0:t.fallbackSrc})}})),e(this,"renderCellDate",(function(r){return function(t){var e=null!=r?r:{},i=e.formatString,l=n(e,C);return a(p,o(o({},l),{},{value:t.value,formatString:null!=i?i:S}))}}))})));export{w as default};
 //# sourceMappingURL=dino.js.map

package/dist/table/dino.js.map

@@ -1 +1 @@
-{"version":3,"file":"dino.js","sources":["../../src/table/dino.tsx"],"sourcesContent":["import { GridRenderCellParams, GridTreeNodeWithRender, GridValueFormatterParams } from '@mui/x-data-grid'\r\nimport type { FC, ReactNode } from 'react'\r\nimport { dayjsCustom } from '../utils'\r\nimport { MapTableBaseContext } from './context'\r\nimport { BtnDetail, BtnFormDetail } from './ui.buttons'\r\nimport { Breadcrumbs, IBreadcrumbConfig } from '../components'\r\nimport { CreateStatusCell, IStatusCellOptions, IStatusCellConfig } from './ui.units'\r\nimport { CellBase, CellImageSmall, CellBaseOptions, CellChips, CellChipsProps, CellDate, CellDatePropsOwner } from './ui.units'\r\nimport ToolbarPannel, { IToolbarPannelProps } from './toolbar-pannel'\r\nimport TableHelper from './helpers'\r\nimport CreateTable from './create.table'\r\nimport CreateActionRow from './create.action-row'\r\nimport { TypographyProps } from '@mui/material'\r\n\r\nconst formatDateString = 'MM/DD/YYYY HH:mm'\r\n\r\ntype RenderCellBaseParams<T> = Omit<CellBaseOptions, 'imageUrl'> & {\r\n  imageUrl?: (value: any, model: T) => string\r\n  valueFormatter?: (value: any, model: T) => string\r\n  icon?: ReactNode\r\n  renderIcon?: (value: any, model: T) => ReactNode\r\n  typographyPropsGetter?: (value: any, model: T) => TypographyProps & { [key: string]: any }\r\n}\r\n\r\ninterface FormatterDateOptions {\r\n  formatString?: string\r\n  showRelative?: boolean\r\n}\r\n\r\nclass DinoTableBase {\r\n  //#region Base\r\n\r\n  createTable = CreateTable\r\n\r\n  createActionRow = CreateActionRow\r\n\r\n  setUrlQuery = TableHelper.setUrlQuery\r\n\r\n  getUrlQuery = TableHelper.getUrlQuery\r\n\r\n  mapContext = MapTableBaseContext\r\n\r\n  ToolbarPannel = ToolbarPannel\r\n\r\n  createToolbar = (props: IToolbarPannelProps): FC<IToolbarPannelProps> => {\r\n    return (p) => <ToolbarPannel {...{ ...p, ...props }} />\r\n  }\r\n\r\n  BtnFormDetail = BtnFormDetail\r\n\r\n  BtnDetail = BtnDetail\r\n\r\n  createBreadcrumbConfigs = (value: IBreadcrumbConfig[]) => value\r\n\r\n  createBreadcrumbs = (value: IBreadcrumbConfig[]): FC => {\r\n    return () => <Breadcrumbs value={value} />\r\n  }\r\n\r\n  createStatusCell = CreateStatusCell\r\n  //#endregion\r\n\r\n  //#region Value Formatter\r\n  formatterDate = (value: any, options?: FormatterDateOptions): string => {\r\n    const f = options?.formatString ?? formatDateString\r\n    const showRelative = options?.showRelative ?? false\r\n    try {\r\n      if (!value) return ''\r\n\r\n      const date = dayjsCustom(value)\r\n      const formatted = date.format(f)\r\n\r\n      return showRelative ? `${formatted} (${dayjsCustom().to(date)})` : formatted\r\n    } catch (error) {\r\n      return ''\r\n    }\r\n  }\r\n\r\n  valueFormatterDate = (options?: FormatterDateOptions) => {\r\n    return (params: GridValueFormatterParams<any>) => this.formatterDate(params.value, options)\r\n  }\r\n  //#endregion\r\n\r\n  //#region Render Cell\r\n  renderCellChips = (params?: CellChipsProps) => {\r\n    return function func(tableRow: GridRenderCellParams<any, any, any, GridTreeNodeWithRender>) {\r\n      return <CellChips {...params} value={tableRow.value ?? params?.value} />\r\n    }\r\n  }\r\n\r\n  renderCellStatus = function <E extends string>(config: IStatusCellConfig<E>, options?: IStatusCellOptions) {\r\n    const StatusCellInstance = CreateStatusCell(config, { sx: { minWidth: '90px' }, ...options })\r\n    return function func(tableRow: GridRenderCellParams<any, any, any, GridTreeNodeWithRender>) {\r\n      return <StatusCellInstance value={tableRow.value} />\r\n    }\r\n  }\r\n\r\n  renderCellBase = function <T = any>(options?: RenderCellBaseParams<T>) {\r\n    return function func(tableRow: GridRenderCellParams<any, any, any, GridTreeNodeWithRender>) {\r\n      const { imageUrl, valueFormatter, typographyProps, typographyPropsGetter, ...p } = options ?? {}\r\n      const value = valueFormatter ? valueFormatter(tableRow.value, tableRow.row) : undefined\r\n      const img = imageUrl ? imageUrl(tableRow.value, tableRow.row) : undefined\r\n      const icon = options?.renderIcon ? options.renderIcon(tableRow.value, tableRow.row) : options?.icon ?? undefined\r\n      const mergedTypographyProps = typographyPropsGetter ? typographyPropsGetter(tableRow.value, tableRow.row) : typographyProps\r\n      return <CellBase value={tableRow.value} valueFormatted={value} {...p} imageUrl={img} icon={icon} typographyProps={mergedTypographyProps} />\r\n    }\r\n  }\r\n\r\n  renderCellImage = function <T>(selectImage: (value: T) => T[keyof T], options?: { fallbackSrc?: string }) {\r\n    return function func(tableRow: GridRenderCellParams<any, any, any, GridTreeNodeWithRender>) {\r\n      return <CellImageSmall value={tableRow.value} imageUri={selectImage(tableRow.row)?.toString()} fallbackSrc={options?.fallbackSrc} />\r\n    }\r\n  }\r\n\r\n  renderCellDate = function (params?: CellDatePropsOwner) {\r\n    return function func(tableRow: GridRenderCellParams<any, any, any, GridTreeNodeWithRender>) {\r\n      const { formatString, ...props } = params ?? {}\r\n      return <CellDate {...props} value={tableRow.value} formatString={formatString ?? formatDateString} />\r\n    }\r\n  }\r\n  //#endregion\r\n}\r\n\r\nconst DinoTable = new DinoTableBase()\r\n\r\nexport default DinoTable\r\n"],"names":["formatDateString","DinoTable","_createClass","DinoTableBase","_this","this","_classCallCheck","_defineProperty","CreateTable","CreateActionRow","TableHelper","setUrlQuery","getUrlQuery","MapTableBaseContext","ToolbarPannel","props","p","_jsx","_objectSpread","BtnFormDetail","BtnDetail","value","Breadcrumbs","CreateStatusCell","options","_options$formatString","_options$showRelative","f","formatString","showRelative","date","dayjsCustom","formatted","format","concat","to","error","params","formatterDate","tableRow","_tableRow$value","CellChips","config","StatusCellInstance","sx","minWidth","_options$icon","_ref","imageUrl","valueFormatter","typographyProps","typographyPropsGetter","_objectWithoutProperties","_excluded","row","undefined","img","icon","renderIcon","mergedTypographyProps","CellBase","valueFormatted","selectImage","_selectImage","CellImageSmall","imageUri","toString","fallbackSrc","_ref2","_excluded2","CellDate"],"mappings":"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"}
+{"version":3,"file":"dino.js","sources":["../../src/table/dino.tsx"],"sourcesContent":["import { GridRenderCellParams, GridTreeNodeWithRender, GridValueFormatterParams } from '@mui/x-data-grid'\r\nimport type { FC, ReactNode } from 'react'\r\nimport { dayjsCustom } from '../utils'\r\nimport { MapTableBaseContext } from './context'\r\nimport { BtnDetail, BtnFormDetail } from './ui.buttons'\r\nimport { Breadcrumbs, IBreadcrumbConfig } from '../components'\r\nimport { CreateStatusCell, IStatusCellOptions, IStatusCellConfig } from './ui.units'\r\nimport { CellBase, CellImageSmall, CellBaseOptions, CellChips, CellChipsProps, CellDate, CellDatePropsOwner } from './ui.units'\r\nimport ToolbarPannel, { IToolbarPannelProps } from './toolbar-pannel'\r\nimport TableHelper from './helpers'\r\nimport CreateTable from './create.table'\r\nimport CreateActionRow from './create.action-row'\r\nimport { TypographyProps } from '@mui/material'\r\n\r\nconst formatDateString = 'MM/DD/YYYY HH:mm'\r\n\r\ntype RenderCellBaseParams<T> = Omit<CellBaseOptions, 'imageUrl'> & {\r\n  imageUrl?: (value: any, model: T) => string\r\n  valueFormatter?: (value: any, model: T) => string\r\n  icon?: ReactNode\r\n  renderIcon?: (value: any, model: T) => ReactNode\r\n  typographyPropsGetter?: (value: any, model: T) => TypographyProps & { [key: string]: any }\r\n}\r\n\r\ninterface FormatterDateOptions {\r\n  formatString?: string\r\n  showRelative?: boolean\r\n}\r\n\r\nclass DinoTableBase {\r\n  //#region Base\r\n\r\n  createTable = CreateTable\r\n\r\n  createActionRow = CreateActionRow\r\n\r\n  setUrlQuery = TableHelper.setUrlQuery\r\n\r\n  getUrlQuery = TableHelper.getUrlQuery\r\n\r\n  mapContext = MapTableBaseContext\r\n\r\n  ToolbarPannel = ToolbarPannel\r\n\r\n  createToolbar = (props: IToolbarPannelProps): FC<IToolbarPannelProps> => {\r\n    return (p) => <ToolbarPannel {...{ ...p, ...props }} />\r\n  }\r\n\r\n  BtnFormDetail = BtnFormDetail\r\n\r\n  BtnDetail = BtnDetail\r\n\r\n  createBreadcrumbConfigs = (value: IBreadcrumbConfig[]) => value\r\n\r\n  createBreadcrumbs = (value: IBreadcrumbConfig[]): FC => {\r\n    return () => <Breadcrumbs value={value} />\r\n  }\r\n\r\n  createStatusCell = CreateStatusCell\r\n  //#endregion\r\n\r\n  //#region Value Formatter\r\n  formatterDate = (value: any, options?: FormatterDateOptions): string => {\r\n    const f = options?.formatString ?? formatDateString\r\n    const showRelative = options?.showRelative ?? false\r\n    try {\r\n      if (!value) return ''\r\n\r\n      const date = dayjsCustom(value)\r\n      const formatted = date.format(f)\r\n\r\n      return showRelative ? `${formatted} (${dayjsCustom().to(date)})` : formatted\r\n    } catch (error) {\r\n      return ''\r\n    }\r\n  }\r\n\r\n  valueFormatterDate = (options?: FormatterDateOptions) => {\r\n    return (params: GridValueFormatterParams<any>) => this.formatterDate(params.value, options)\r\n  }\r\n  //#endregion\r\n\r\n  //#region Render Cell\r\n  renderCellChips = (params?: CellChipsProps) => {\r\n    return function func(tableRow: GridRenderCellParams<any, any, any, GridTreeNodeWithRender>) {\r\n      return <CellChips {...params} value={tableRow.value ?? params?.value} />\r\n    }\r\n  }\r\n\r\n  renderCellStatus = function <E extends string>(config: IStatusCellConfig<E>, options?: IStatusCellOptions) {\r\n    const StatusCellInstance = CreateStatusCell(config, { sx: { minWidth: '90px' }, ...options })\r\n    return function func(tableRow: GridRenderCellParams<any, any, any, GridTreeNodeWithRender>) {\r\n      return <StatusCellInstance value={tableRow.value} />\r\n    }\r\n  }\r\n\r\n  renderCellBase = function <T = any>(options?: RenderCellBaseParams<T>) {\r\n    return function func(tableRow: GridRenderCellParams<any, any, any, GridTreeNodeWithRender>) {\r\n      const { imageUrl, valueFormatter, typographyProps, typographyPropsGetter, ...p } = options ?? {}\r\n      const value = valueFormatter ? valueFormatter(tableRow.value, tableRow.row) : undefined\r\n      const img = imageUrl ? imageUrl(tableRow.value, tableRow.row) : undefined\r\n      const icon = options?.renderIcon ? options.renderIcon(tableRow.value, tableRow.row) : options?.icon ?? undefined\r\n      const mergedTypographyProps = typographyPropsGetter ? typographyPropsGetter(tableRow.value, tableRow.row) : typographyProps\r\n      return <CellBase value={tableRow.value} valueFormatted={value} {...p} imageUrl={img} icon={icon} typographyProps={mergedTypographyProps} />\r\n    }\r\n  }\r\n\r\n  renderCellImage = function <T>(selectImage: (value: T) => T[keyof T], options?: { fallbackSrc?: string }) {\r\n    return function func(tableRow: GridRenderCellParams<any, any, any, GridTreeNodeWithRender>) {\r\n      return <CellImageSmall value={tableRow.value} imageUri={selectImage(tableRow.row)?.toString()} fallbackSrc={options?.fallbackSrc} />\r\n    }\r\n  }\r\n\r\n  renderCellDate = function (params?: CellDatePropsOwner) {\r\n    return function func(tableRow: GridRenderCellParams<any, any, any, GridTreeNodeWithRender>) {\r\n      const { formatString, ...props } = params ?? {}\r\n      return <CellDate {...props} value={tableRow.value} formatString={formatString ?? formatDateString} />\r\n    }\r\n  }\r\n  //#endregion\r\n}\r\n\r\nconst DinoTable = new DinoTableBase()\r\n\r\nexport default DinoTable\r\n"],"names":["formatDateString","DinoTable","_createClass","DinoTableBase","_this","this","_classCallCheck","_defineProperty","CreateTable","CreateActionRow","TableHelper","setUrlQuery","getUrlQuery","MapTableBaseContext","ToolbarPannel","props","p","_jsx","_objectSpread","BtnFormDetail","BtnDetail","value","Breadcrumbs","CreateStatusCell","options","_options$formatString","_options$showRelative","f","formatString","showRelative","date","dayjsCustom","formatted","format","concat","to","error","params","formatterDate","tableRow","_tableRow$value","CellChips","config","StatusCellInstance","sx","minWidth","_options$icon","_ref","imageUrl","valueFormatter","typographyProps","typographyPropsGetter","_objectWithoutProperties","_excluded","row","undefined","img","icon","renderIcon","mergedTypographyProps","CellBase","valueFormatted","selectImage","_selectImage","CellImageSmall","imageUri","toString","fallbackSrc","_ref2","_excluded2","CellDate"],"mappings":"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"}

package/dist/table/toolbar-pannel.js

@@ -1,2 +1,2 @@
-import{objectSpread2 as r,inherits as e,createClass as t,classCallCheck as n,callSuper as i,defineProperty as a}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l,jsxs as s,Fragment as o}from"react/jsx-runtime";import{Component as p}from"react";import{GridToolbar as c,GridToolbarQuickFilter as d}from"@mui/x-data-grid";import{styled as u,Typography as f,Box as m}from"@mui/material";import{BtnFormCreate as h}from"./ui.buttons.js";import x from"../components/breadcrumbs.js";import g from"../components/help-tooltip.js";var b=function(){function r(){var e;n(this,r);for(var t=arguments.length,p=new Array(t),c=0;c<t;c++)p[c]=arguments[c];return e=i(this,r,[].concat(p)),a(e,"renderTitle",(function(){var r=e.props,t=r.title,n=r.afterTitle,i=r.breadcrumbs;if(!(!!t||!!i||!!n))return l(o,{});var a=t;return"string"==typeof t&&(a=l(y,{children:t})),i&&(a=l(x,{value:i})),s(m,{sx:{height:"56px",display:"flex",alignItems:"center"},children:[a,n]})})),a(e,"renderEndAdornment",(function(){return!e.props.searchInclude||e.props.searchInclude.length<=0?l(o,{}):l(g,{title:"The search includes",small:!0,children:l(v,{children:e.props.searchInclude.map((function(r,e){return l("li",{children:l(f,{variant:"body2",children:r})},e)}))})})})),e}return e(r,p),t(r,[{key:"render",value:function(){return s(m,{sx:{padding:"0 6px"},children:[this.renderTitle(),s(m,{sx:{display:"flex"},children:[s(m,{sx:{flex:1,display:"flex",alignItems:"center",flexWrap:"wrap"},children:[l(c,{sx:{padding:0}}),this.props.formCreate&&l(h,{children:this.props.formCreate}),this.props.afterAction]}),l(m,{sx:{display:"flex",gap:"8px",alignItems:"center"},children:s(m,{sx:{display:"flex",alignItems:"center"},children:[l(d,{fullWidth:!0,variant:"standard",size:"small",debounceMs:800,quickFilterParser:function(r){return[r]}}),this.renderEndAdornment()]})})]})]})}}])}(),v=u("ul")({margin:"0 0 0 18px",padding:0,li:{position:"relative"},"li::after":{content:'"►"',display:"inline-block",top:"50%",transform:"translateY(-50%)",position:"absolute",left:"-18px"}}),y=u((function(e){return l(f,r({noWrap:!0,variant:"subtitle1"},e))}))({fontWeight:700,flex:1});export{b as default};
+import{objectSpread2 as r,inherits as e,createClass as t,classCallCheck as n,callSuper as i,defineProperty as a}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l,jsxs as s,Fragment as o}from"react/jsx-runtime";import{Component as p}from"react";import{GridToolbar as c,GridToolbarQuickFilter as d}from"@mui/x-data-grid";import{styled as u,Typography as f,Box as m}from"@mui/material";import{BtnFormCreate as h}from"./ui.buttons.js";import{Breadcrumbs as x}from"../components/breadcrumbs.js";import{HelpTooltip as g}from"../components/help-tooltip.js";var b=function(){function r(){var e;n(this,r);for(var t=arguments.length,p=new Array(t),c=0;c<t;c++)p[c]=arguments[c];return e=i(this,r,[].concat(p)),a(e,"renderTitle",(function(){var r=e.props,t=r.title,n=r.afterTitle,i=r.breadcrumbs;if(!(!!t||!!i||!!n))return l(o,{});var a=t;return"string"==typeof t&&(a=l(y,{children:t})),i&&(a=l(x,{value:i})),s(m,{sx:{height:"56px",display:"flex",alignItems:"center"},children:[a,n]})})),a(e,"renderEndAdornment",(function(){return!e.props.searchInclude||e.props.searchInclude.length<=0?l(o,{}):l(g,{title:"The search includes",small:!0,children:l(v,{children:e.props.searchInclude.map((function(r,e){return l("li",{children:l(f,{variant:"body2",children:r})},e)}))})})})),e}return e(r,p),t(r,[{key:"render",value:function(){return s(m,{sx:{padding:"0 6px"},children:[this.renderTitle(),s(m,{sx:{display:"flex"},children:[s(m,{sx:{flex:1,display:"flex",alignItems:"center",flexWrap:"wrap"},children:[l(c,{sx:{padding:0}}),this.props.formCreate&&l(h,{children:this.props.formCreate}),this.props.afterAction]}),l(m,{sx:{display:"flex",gap:"8px",alignItems:"center"},children:s(m,{sx:{display:"flex",alignItems:"center"},children:[l(d,{fullWidth:!0,variant:"standard",size:"small",debounceMs:800,quickFilterParser:function(r){return[r]}}),this.renderEndAdornment()]})})]})]})}}])}(),v=u("ul")({margin:"0 0 0 18px",padding:0,li:{position:"relative"},"li::after":{content:'"►"',display:"inline-block",top:"50%",transform:"translateY(-50%)",position:"absolute",left:"-18px"}}),y=u((function(e){return l(f,r({noWrap:!0,variant:"subtitle1"},e))}))({fontWeight:700,flex:1});export{b as default};
 //# sourceMappingURL=toolbar-pannel.js.map

package/dist/table/toolbar-pannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar-pannel.js","sources":["../../src/table/toolbar-pannel.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { GridToolbar, GridToolbarQuickFilter } from '@mui/x-data-grid'\r\nimport { Box, styled, Typography, TypographyProps } from '@mui/material'\r\nimport { BtnFormCreate } from './ui.buttons'\r\nimport { Breadcrumbs, IBreadcrumbConfig, HelpTooltip } from '../components'\r\n\r\nexport interface IToolbarPannelOptions {\r\n  searchInclude?: string[]\r\n  formCreate?: React.ReactNode\r\n  afterAction?: React.ReactNode\r\n  breadcrumbs?: IBreadcrumbConfig[]\r\n}\r\n\r\nexport interface IToolbarPannelProps extends IToolbarPannelOptions {\r\n  title?: React.ReactNode\r\n  afterTitle?: React.ReactNode\r\n}\r\n\r\nclass ToolbarPannel extends Component<React.PropsWithChildren<IToolbarPannelProps>> {\r\n  render() {\r\n    return (\r\n      <Box sx={{ padding: '0 6px' }}>\r\n        {this.renderTitle()}\r\n        <Box sx={{ display: 'flex' }}>\r\n          <Box sx={{ flex: 1, display: 'flex', alignItems: 'center', flexWrap: 'wrap' }}>\r\n            <GridToolbar sx={{ padding: 0 }} />\r\n            {this.props.formCreate && <BtnFormCreate>{this.props.formCreate}</BtnFormCreate>}\r\n            {this.props.afterAction}\r\n          </Box>\r\n          <Box sx={{ display: 'flex', gap: '8px', alignItems: 'center' }}>\r\n            <Box sx={{ display: 'flex', alignItems: 'center' }}>\r\n              <GridToolbarQuickFilter fullWidth variant='standard' size='small' debounceMs={800} quickFilterParser={(x: any) => [x]} />\r\n              {this.renderEndAdornment()}\r\n            </Box>\r\n          </Box>\r\n        </Box>\r\n      </Box>\r\n    )\r\n  }\r\n\r\n  renderTitle = () => {\r\n    const { title, afterTitle, breadcrumbs } = this.props\r\n\r\n    const isVisible = !!title || !!breadcrumbs || !!afterTitle\r\n    if (!isVisible) return <></>\r\n\r\n    let titleElm = title\r\n    if (typeof title === 'string') titleElm = <Title>{title}</Title>\r\n    if (breadcrumbs) titleElm = <Breadcrumbs value={breadcrumbs} />\r\n\r\n    return (\r\n      <Box sx={{ height: '56px', display: 'flex', alignItems: 'center' }}>\r\n        {titleElm}\r\n        {afterTitle}\r\n      </Box>\r\n    )\r\n  }\r\n\r\n  renderEndAdornment = () => {\r\n    if (!this.props.searchInclude || this.props.searchInclude.length <= 0) return <></>\r\n    return (\r\n      <HelpTooltip title='The search includes' small>\r\n        <SeachHelp>\r\n          {this.props.searchInclude.map((item, index) => (\r\n            <li key={index}>\r\n              <Typography variant='body2'>{item}</Typography>\r\n            </li>\r\n          ))}\r\n        </SeachHelp>\r\n      </HelpTooltip>\r\n    )\r\n  }\r\n}\r\n\r\nexport default ToolbarPannel\r\n\r\nconst SeachHelp = styled('ul')({\r\n  margin: '0 0 0 18px',\r\n  padding: 0,\r\n  li: {\r\n    position: 'relative'\r\n  },\r\n  'li::after': {\r\n    content: '\"►\"',\r\n    display: 'inline-block',\r\n    top: '50%',\r\n    transform: 'translateY(-50%)',\r\n    position: 'absolute',\r\n    left: '-18px'\r\n  }\r\n})\r\n\r\nconst Title = styled((props: TypographyProps) => <Typography noWrap variant='subtitle1' {...props} />)({\r\n  fontWeight: 700,\r\n  flex: 1\r\n})\r\n"],"names":["ToolbarPannel","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","_this$props","props","title","afterTitle","breadcrumbs","_jsx","titleElm","Title","children","Breadcrumbs","value","_jsxs","Box","sx","height","display","alignItems","searchInclude","HelpTooltip","small","SeachHelp","map","item","index","Typography","variant","_inherits","Component","_createClass","key","padding","renderTitle","flex","flexWrap","GridToolbar","formCreate","BtnFormCreate","afterAction","gap","GridToolbarQuickFilter","fullWidth","size","debounceMs","quickFilterParser","x","renderEndAdornment","styled","margin","li","position","content","top","transform","left","_objectSpread","noWrap","fontWeight"],"mappings":"qhBAkBMA,IAAAA,aAAc,SAAAA,IAAA,IAAAC,EAAAC,OAAAF,GAAA,IAAA,IAAAG,EAAAC,UAAAC,OAAAC,EAAAC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAAF,EAAAE,GAAAJ,UAAAI,GAqDjB,OArDiBP,EAAAQ,EAAAC,KAAAV,EAAAW,GAAAA,OAAAL,IAAAM,EAAAX,EAAA,eAsBJ,WACZ,IAAAY,EAA2CZ,EAAKa,MAAxCC,EAAKF,EAALE,MAAOC,EAAUH,EAAVG,WAAYC,EAAWJ,EAAXI,YAG3B,OADoBF,KAAWE,KAAiBD,GAChC,OAAOE,QAEvB,IAAIC,EAAWJ,EAIf,MAHqB,iBAAVA,IAAoBI,EAAWD,EAACE,EAAO,CAAAC,SAAAN,KAC9CE,IAAaE,EAAWD,EAACI,EAAW,CAACC,MAAON,KAG9CO,EAACC,EAAI,CAAAC,GAAI,CAAEC,OAAQ,OAAQC,QAAS,OAAQC,WAAY,UACrDR,SAAA,CAAAF,EACAH,QAGNJ,EAAAX,EAAA,sBAEoB,WACnB,OAAKA,EAAKa,MAAMgB,eAAiB7B,EAAKa,MAAMgB,cAAczB,QAAU,EAAUa,QAE5EA,EAACa,EAAW,CAAChB,MAAM,sBAAsBiB,OAAK,EAAAX,SAC5CH,EAACe,EAAS,CAAAZ,SACPpB,EAAKa,MAAMgB,cAAcI,KAAI,SAACC,EAAMC,GAAK,OACxClB,iBACEA,EAACmB,EAAW,CAAAC,QAAQ,iBAASH,KADtBC,EAGV,WAIRnC,CAAA,CAAA,OAAAsC,EAAAvC,EArDyBwC,GAqDzBC,EAAAzC,EAAA,CAAA,CAAA0C,IAAA,SAAAnB,MApDD,WACE,OACEC,EAACC,EAAI,CAAAC,GAAI,CAAEiB,QAAS,SACjBtB,SAAA,CAAAX,KAAKkC,cACNpB,EAACC,EAAG,CAACC,GAAI,CAAEE,QAAS,QAAQP,SAAA,CAC1BG,EAACC,GAAIC,GAAI,CAAEmB,KAAM,EAAGjB,QAAS,OAAQC,WAAY,SAAUiB,SAAU,kBACnE5B,EAAC6B,EAAY,CAAArB,GAAI,CAAEiB,QAAS,KAC3BjC,KAAKI,MAAMkC,YAAc9B,EAAC+B,EAAe,CAAA5B,SAAAX,KAAKI,MAAMkC,aACpDtC,KAAKI,MAAMoC,eAEdhC,EAACO,EAAG,CAACC,GAAI,CAAEE,QAAS,OAAQuB,IAAK,MAAOtB,WAAY,UAClDR,SAAAG,EAACC,EAAI,CAAAC,GAAI,CAAEE,QAAS,OAAQC,WAAY,UACtCR,SAAA,CAAAH,EAACkC,EAAuB,CAAAC,WAAU,EAAAf,QAAQ,WAAWgB,KAAK,QAAQC,WAAY,IAAKC,kBAAmB,SAACC,GAAM,MAAK,CAACA,EAAE,IACpH/C,KAAKgD,+BAMlB,IAAC,IAsCGzB,EAAY0B,EAAO,KAAPA,CAAa,CAC7BC,OAAQ,aACRjB,QAAS,EACTkB,GAAI,CACFC,SAAU,YAEZ,YAAa,CACXC,QAAS,MACTnC,QAAS,eACToC,IAAK,MACLC,UAAW,mBACXH,SAAU,WACVI,KAAM,WAIJ9C,EAAQuC,GAAO,SAAC7C,GAAsB,OAAKI,EAACmB,EAAU8B,EAAA,CAACC,UAAO9B,QAAQ,aAAgBxB,GAAS,GAAvF6C,CAAyF,CACrGU,WAAY,IACZxB,KAAM"}
+{"version":3,"file":"toolbar-pannel.js","sources":["../../src/table/toolbar-pannel.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { GridToolbar, GridToolbarQuickFilter } from '@mui/x-data-grid'\r\nimport { Box, styled, Typography, TypographyProps } from '@mui/material'\r\nimport { BtnFormCreate } from './ui.buttons'\r\nimport { Breadcrumbs, IBreadcrumbConfig, HelpTooltip } from '../components'\r\n\r\nexport interface IToolbarPannelOptions {\r\n  searchInclude?: string[]\r\n  formCreate?: React.ReactNode\r\n  afterAction?: React.ReactNode\r\n  breadcrumbs?: IBreadcrumbConfig[]\r\n}\r\n\r\nexport interface IToolbarPannelProps extends IToolbarPannelOptions {\r\n  title?: React.ReactNode\r\n  afterTitle?: React.ReactNode\r\n}\r\n\r\nclass ToolbarPannel extends Component<React.PropsWithChildren<IToolbarPannelProps>> {\r\n  render() {\r\n    return (\r\n      <Box sx={{ padding: '0 6px' }}>\r\n        {this.renderTitle()}\r\n        <Box sx={{ display: 'flex' }}>\r\n          <Box sx={{ flex: 1, display: 'flex', alignItems: 'center', flexWrap: 'wrap' }}>\r\n            <GridToolbar sx={{ padding: 0 }} />\r\n            {this.props.formCreate && <BtnFormCreate>{this.props.formCreate}</BtnFormCreate>}\r\n            {this.props.afterAction}\r\n          </Box>\r\n          <Box sx={{ display: 'flex', gap: '8px', alignItems: 'center' }}>\r\n            <Box sx={{ display: 'flex', alignItems: 'center' }}>\r\n              <GridToolbarQuickFilter fullWidth variant='standard' size='small' debounceMs={800} quickFilterParser={(x: any) => [x]} />\r\n              {this.renderEndAdornment()}\r\n            </Box>\r\n          </Box>\r\n        </Box>\r\n      </Box>\r\n    )\r\n  }\r\n\r\n  renderTitle = () => {\r\n    const { title, afterTitle, breadcrumbs } = this.props\r\n\r\n    const isVisible = !!title || !!breadcrumbs || !!afterTitle\r\n    if (!isVisible) return <></>\r\n\r\n    let titleElm = title\r\n    if (typeof title === 'string') titleElm = <Title>{title}</Title>\r\n    if (breadcrumbs) titleElm = <Breadcrumbs value={breadcrumbs} />\r\n\r\n    return (\r\n      <Box sx={{ height: '56px', display: 'flex', alignItems: 'center' }}>\r\n        {titleElm}\r\n        {afterTitle}\r\n      </Box>\r\n    )\r\n  }\r\n\r\n  renderEndAdornment = () => {\r\n    if (!this.props.searchInclude || this.props.searchInclude.length <= 0) return <></>\r\n    return (\r\n      <HelpTooltip title='The search includes' small>\r\n        <SeachHelp>\r\n          {this.props.searchInclude.map((item, index) => (\r\n            <li key={index}>\r\n              <Typography variant='body2'>{item}</Typography>\r\n            </li>\r\n          ))}\r\n        </SeachHelp>\r\n      </HelpTooltip>\r\n    )\r\n  }\r\n}\r\n\r\nexport default ToolbarPannel\r\n\r\nconst SeachHelp = styled('ul')({\r\n  margin: '0 0 0 18px',\r\n  padding: 0,\r\n  li: {\r\n    position: 'relative'\r\n  },\r\n  'li::after': {\r\n    content: '\"►\"',\r\n    display: 'inline-block',\r\n    top: '50%',\r\n    transform: 'translateY(-50%)',\r\n    position: 'absolute',\r\n    left: '-18px'\r\n  }\r\n})\r\n\r\nconst Title = styled((props: TypographyProps) => <Typography noWrap variant='subtitle1' {...props} />)({\r\n  fontWeight: 700,\r\n  flex: 1\r\n})\r\n"],"names":["ToolbarPannel","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","_this$props","props","title","afterTitle","breadcrumbs","_jsx","titleElm","Title","children","Breadcrumbs","value","_jsxs","Box","sx","height","display","alignItems","searchInclude","HelpTooltip","small","SeachHelp","map","item","index","Typography","variant","_inherits","Component","_createClass","key","padding","renderTitle","flex","flexWrap","GridToolbar","formCreate","BtnFormCreate","afterAction","gap","GridToolbarQuickFilter","fullWidth","size","debounceMs","quickFilterParser","x","renderEndAdornment","styled","margin","li","position","content","top","transform","left","_objectSpread","noWrap","fontWeight"],"mappings":"mjBAkBMA,IAAAA,aAAc,SAAAA,IAAA,IAAAC,EAAAC,OAAAF,GAAA,IAAA,IAAAG,EAAAC,UAAAC,OAAAC,EAAAC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAAF,EAAAE,GAAAJ,UAAAI,GAqDjB,OArDiBP,EAAAQ,EAAAC,KAAAV,EAAAW,GAAAA,OAAAL,IAAAM,EAAAX,EAAA,eAsBJ,WACZ,IAAAY,EAA2CZ,EAAKa,MAAxCC,EAAKF,EAALE,MAAOC,EAAUH,EAAVG,WAAYC,EAAWJ,EAAXI,YAG3B,OADoBF,KAAWE,KAAiBD,GAChC,OAAOE,QAEvB,IAAIC,EAAWJ,EAIf,MAHqB,iBAAVA,IAAoBI,EAAWD,EAACE,EAAO,CAAAC,SAAAN,KAC9CE,IAAaE,EAAWD,EAACI,EAAW,CAACC,MAAON,KAG9CO,EAACC,EAAI,CAAAC,GAAI,CAAEC,OAAQ,OAAQC,QAAS,OAAQC,WAAY,UACrDR,SAAA,CAAAF,EACAH,QAGNJ,EAAAX,EAAA,sBAEoB,WACnB,OAAKA,EAAKa,MAAMgB,eAAiB7B,EAAKa,MAAMgB,cAAczB,QAAU,EAAUa,QAE5EA,EAACa,EAAW,CAAChB,MAAM,sBAAsBiB,OAAK,EAAAX,SAC5CH,EAACe,EAAS,CAAAZ,SACPpB,EAAKa,MAAMgB,cAAcI,KAAI,SAACC,EAAMC,GAAK,OACxClB,iBACEA,EAACmB,EAAW,CAAAC,QAAQ,iBAASH,KADtBC,EAGV,WAIRnC,CAAA,CAAA,OAAAsC,EAAAvC,EArDyBwC,GAqDzBC,EAAAzC,EAAA,CAAA,CAAA0C,IAAA,SAAAnB,MApDD,WACE,OACEC,EAACC,EAAI,CAAAC,GAAI,CAAEiB,QAAS,SACjBtB,SAAA,CAAAX,KAAKkC,cACNpB,EAACC,EAAG,CAACC,GAAI,CAAEE,QAAS,QAAQP,SAAA,CAC1BG,EAACC,GAAIC,GAAI,CAAEmB,KAAM,EAAGjB,QAAS,OAAQC,WAAY,SAAUiB,SAAU,kBACnE5B,EAAC6B,EAAY,CAAArB,GAAI,CAAEiB,QAAS,KAC3BjC,KAAKI,MAAMkC,YAAc9B,EAAC+B,EAAe,CAAA5B,SAAAX,KAAKI,MAAMkC,aACpDtC,KAAKI,MAAMoC,eAEdhC,EAACO,EAAG,CAACC,GAAI,CAAEE,QAAS,OAAQuB,IAAK,MAAOtB,WAAY,UAClDR,SAAAG,EAACC,EAAI,CAAAC,GAAI,CAAEE,QAAS,OAAQC,WAAY,UACtCR,SAAA,CAAAH,EAACkC,EAAuB,CAAAC,WAAU,EAAAf,QAAQ,WAAWgB,KAAK,QAAQC,WAAY,IAAKC,kBAAmB,SAACC,GAAM,MAAK,CAACA,EAAE,IACpH/C,KAAKgD,+BAMlB,IAAC,IAsCGzB,EAAY0B,EAAO,KAAPA,CAAa,CAC7BC,OAAQ,aACRjB,QAAS,EACTkB,GAAI,CACFC,SAAU,YAEZ,YAAa,CACXC,QAAS,MACTnC,QAAS,eACToC,IAAK,MACLC,UAAW,mBACXH,SAAU,WACVI,KAAM,WAIJ9C,EAAQuC,GAAO,SAAC7C,GAAsB,OAAKI,EAACmB,EAAU8B,EAAA,CAACC,UAAO9B,QAAQ,aAAgBxB,GAAS,GAAvF6C,CAAyF,CACrGU,WAAY,IACZxB,KAAM"}

package/dist/table-grid/filter-bar/ui.units.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{styled as i,Box as t,Tooltip as n,Fade as l,IconButton as r,Typography as o}from"@mui/material";import s from"@mui/icons-material/Close";import a from"../../components/help-tooltip.js";var m=function(i){return e(u,{children:e(n,{title:"Remove filter",children:e(l,{in:i.visibled,unmountOnExit:!0,children:e(r,{size:"small",onClick:i.onClick,children:e(s,{fontSize:"small"})})})})})},c=function(i){return e(p,{children:i.items.map((function(i,t){return e(o,{component:"li",variant:"body2",children:i},t)}))})},d=function(i){var t,n;return e(u,{className:!0===i.disabledSize?"disabled-size":"",children:e(a,{small:!0,title:null!==(t=i.title)&&void 0!==t?t:"The search includes",children:i.renderContent?i.renderContent():e(c,{items:null!==(n=i.items)&&void 0!==n?n:[]})})})},u=i(t)({display:"inline-flex",flex:"0 0 auto",justifyContent:"center",alignItems:"center","&:not(.disabled-size)":{width:"40px",height:"40px"}}),p=i("ul")({paddingLeft:"1.7rem",marginBottom:0,li:{position:"relative",textAlign:"justify","&::before":{content:'"►"',display:"block",position:"absolute",top:"50%",right:"calc(100% + 6px)",transform:"translateY(-50%)",fontSize:"0.9em"}}});export{m as ButtonClear,d as FilterNotes};
+import{jsx as e}from"react/jsx-runtime";import{styled as i,Box as t,Tooltip as n,Fade as l,IconButton as r,Typography as o}from"@mui/material";import s from"@mui/icons-material/Close";import{HelpTooltip as a}from"../../components/help-tooltip.js";var m=function(i){return e(u,{children:e(n,{title:"Remove filter",children:e(l,{in:i.visibled,unmountOnExit:!0,children:e(r,{size:"small",onClick:i.onClick,children:e(s,{fontSize:"small"})})})})})},c=function(i){return e(p,{children:i.items.map((function(i,t){return e(o,{component:"li",variant:"body2",children:i},t)}))})},d=function(i){var t,n;return e(u,{className:!0===i.disabledSize?"disabled-size":"",children:e(a,{small:!0,title:null!==(t=i.title)&&void 0!==t?t:"The search includes",children:i.renderContent?i.renderContent():e(c,{items:null!==(n=i.items)&&void 0!==n?n:[]})})})},u=i(t)({display:"inline-flex",flex:"0 0 auto",justifyContent:"center",alignItems:"center","&:not(.disabled-size)":{width:"40px",height:"40px"}}),p=i("ul")({paddingLeft:"1.7rem",marginBottom:0,li:{position:"relative",textAlign:"justify","&::before":{content:'"►"',display:"block",position:"absolute",top:"50%",right:"calc(100% + 6px)",transform:"translateY(-50%)",fontSize:"0.9em"}}});export{m as ButtonClear,d as FilterNotes};
 //# sourceMappingURL=ui.units.js.map

package/dist/table-grid/filter-bar/ui.units.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.units.js","sources":["../../../src/table-grid/filter-bar/ui.units.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react'\r\nimport { Box, Fade, IconButton, IconButtonProps, styled, Tooltip, Typography } from '@mui/material'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\nimport HelpTooltip from '../../components/help-tooltip'\r\n\r\nexport interface IButtonClearProps {\r\n  visibled?: boolean\r\n  onClick: IconButtonProps['onClick']\r\n}\r\n\r\nexport const ButtonClear: FC<IButtonClearProps> = (props) => (\r\n  <WrapIcon>\r\n    <Tooltip title='Remove filter'>\r\n      <Fade in={props.visibled} unmountOnExit>\r\n        <IconButton size='small' onClick={props.onClick}>\r\n          <CloseIcon fontSize='small' />\r\n        </IconButton>\r\n      </Fade>\r\n    </Tooltip>\r\n  </WrapIcon>\r\n)\r\n\r\nexport interface IFilterNotesProps {\r\n  title?: string\r\n  items?: string[]\r\n  disabledSize?: boolean\r\n  renderContent?: () => ReactNode\r\n}\r\n\r\nconst HelpTooltipContent: FC<{ items: string[] }> = (props) => (\r\n  <WrapList>\r\n    {props.items.map((item, index) => (\r\n      <Typography key={index} component='li' variant='body2'>\r\n        {item}\r\n      </Typography>\r\n    ))}\r\n  </WrapList>\r\n)\r\n\r\nexport const FilterNotes: FC<IFilterNotesProps> = (props) => (\r\n  <WrapIcon className={props.disabledSize === true ? 'disabled-size' : ''}>\r\n    <HelpTooltip small title={props.title ?? 'The search includes'}>\r\n      {props.renderContent ? props.renderContent() : <HelpTooltipContent items={props.items ?? []} />}\r\n    </HelpTooltip>\r\n  </WrapIcon>\r\n)\r\nconst WrapIcon = styled(Box)({\r\n  display: 'inline-flex',\r\n  flex: '0 0 auto',\r\n  justifyContent: 'center',\r\n  alignItems: 'center',\r\n  '&:not(.disabled-size)': {\r\n    width: '40px',\r\n    height: '40px'\r\n  }\r\n})\r\n\r\nconst WrapList = styled('ul')({\r\n  paddingLeft: '1.7rem',\r\n  marginBottom: 0,\r\n  li: {\r\n    position: 'relative',\r\n    textAlign: 'justify',\r\n    '&::before': {\r\n      content: '\"►\"',\r\n      display: 'block',\r\n      position: 'absolute',\r\n      top: '50%',\r\n      right: 'calc(100% + 6px)',\r\n      transform: 'translateY(-50%)',\r\n      fontSize: '0.9em'\r\n    }\r\n  }\r\n})\r\n"],"names":["ButtonClear","props","_jsx","WrapIcon","children","Tooltip","title","Fade","in","visibled","unmountOnExit","IconButton","size","onClick","CloseIcon","fontSize","HelpTooltipContent","WrapList","items","map","item","index","Typography","component","variant","FilterNotes","_props$title","_props$items","className","disabledSize","HelpTooltip","small","renderContent","styled","Box","display","flex","justifyContent","alignItems","width","height","paddingLeft","marginBottom","li","position","textAlign","content","top","right","transform"],"mappings":"4OAUaA,EAAqC,SAACC,GAAK,OACtDC,EAACC,EAAQ,CAAAC,SACPF,EAACG,EAAO,CAACC,MAAM,gBAAeF,SAC5BF,EAACK,EAAK,CAAAC,GAAIP,EAAMQ,SAAUC,eAAa,EAAAN,SACrCF,EAACS,EAAW,CAAAC,KAAK,QAAQC,QAASZ,EAAMY,iBACtCX,EAACY,EAAU,CAAAC,SAAS,iBAIjB,EAUPC,EAA8C,SAACf,GAAK,OACxDC,EAACe,YACEhB,EAAMiB,MAAMC,KAAI,SAACC,EAAMC,GAAK,OAC3BnB,EAACoB,EAAU,CAAaC,UAAU,KAAKC,QAAQ,QAC5CpB,SAAAgB,GADcC,EAGlB,KACQ,EAGAI,EAAqC,SAACxB,GAAK,IAAAyB,EAAAC,EAAA,OACtDzB,EAACC,EAAQ,CAACyB,WAAkC,IAAvB3B,EAAM4B,aAAwB,gBAAkB,GAAEzB,SACrEF,EAAC4B,GAAYC,OAAK,EAACzB,MAAkB,QAAboB,EAAEzB,EAAMK,aAAK,IAAAoB,EAAAA,EAAI,sBACtCtB,SAAAH,EAAM+B,cAAgB/B,EAAM+B,gBAAkB9B,EAACc,EAAkB,CAACE,MAAkBS,QAAbA,EAAE1B,EAAMiB,aAAKS,IAAAA,EAAAA,EAAI,QAElF,EAEPxB,EAAW8B,EAAOC,EAAPD,CAAY,CAC3BE,QAAS,cACTC,KAAM,WACNC,eAAgB,SAChBC,WAAY,SACZ,wBAAyB,CACvBC,MAAO,OACPC,OAAQ,UAINvB,EAAWgB,EAAO,KAAPA,CAAa,CAC5BQ,YAAa,SACbC,aAAc,EACdC,GAAI,CACFC,SAAU,WACVC,UAAW,UACX,YAAa,CACXC,QAAS,MACTX,QAAS,QACTS,SAAU,WACVG,IAAK,MACLC,MAAO,mBACPC,UAAW,mBACXlC,SAAU"}
+{"version":3,"file":"ui.units.js","sources":["../../../src/table-grid/filter-bar/ui.units.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react'\r\nimport { Box, Fade, IconButton, IconButtonProps, styled, Tooltip, Typography } from '@mui/material'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\nimport HelpTooltip from '../../components/help-tooltip'\r\n\r\nexport interface IButtonClearProps {\r\n  visibled?: boolean\r\n  onClick: IconButtonProps['onClick']\r\n}\r\n\r\nexport const ButtonClear: FC<IButtonClearProps> = (props) => (\r\n  <WrapIcon>\r\n    <Tooltip title='Remove filter'>\r\n      <Fade in={props.visibled} unmountOnExit>\r\n        <IconButton size='small' onClick={props.onClick}>\r\n          <CloseIcon fontSize='small' />\r\n        </IconButton>\r\n      </Fade>\r\n    </Tooltip>\r\n  </WrapIcon>\r\n)\r\n\r\nexport interface IFilterNotesProps {\r\n  title?: string\r\n  items?: string[]\r\n  disabledSize?: boolean\r\n  renderContent?: () => ReactNode\r\n}\r\n\r\nconst HelpTooltipContent: FC<{ items: string[] }> = (props) => (\r\n  <WrapList>\r\n    {props.items.map((item, index) => (\r\n      <Typography key={index} component='li' variant='body2'>\r\n        {item}\r\n      </Typography>\r\n    ))}\r\n  </WrapList>\r\n)\r\n\r\nexport const FilterNotes: FC<IFilterNotesProps> = (props) => (\r\n  <WrapIcon className={props.disabledSize === true ? 'disabled-size' : ''}>\r\n    <HelpTooltip small title={props.title ?? 'The search includes'}>\r\n      {props.renderContent ? props.renderContent() : <HelpTooltipContent items={props.items ?? []} />}\r\n    </HelpTooltip>\r\n  </WrapIcon>\r\n)\r\nconst WrapIcon = styled(Box)({\r\n  display: 'inline-flex',\r\n  flex: '0 0 auto',\r\n  justifyContent: 'center',\r\n  alignItems: 'center',\r\n  '&:not(.disabled-size)': {\r\n    width: '40px',\r\n    height: '40px'\r\n  }\r\n})\r\n\r\nconst WrapList = styled('ul')({\r\n  paddingLeft: '1.7rem',\r\n  marginBottom: 0,\r\n  li: {\r\n    position: 'relative',\r\n    textAlign: 'justify',\r\n    '&::before': {\r\n      content: '\"►\"',\r\n      display: 'block',\r\n      position: 'absolute',\r\n      top: '50%',\r\n      right: 'calc(100% + 6px)',\r\n      transform: 'translateY(-50%)',\r\n      fontSize: '0.9em'\r\n    }\r\n  }\r\n})\r\n"],"names":["ButtonClear","props","_jsx","WrapIcon","children","Tooltip","title","Fade","in","visibled","unmountOnExit","IconButton","size","onClick","CloseIcon","fontSize","HelpTooltipContent","WrapList","items","map","item","index","Typography","component","variant","FilterNotes","_props$title","_props$items","className","disabledSize","HelpTooltip","small","renderContent","styled","Box","display","flex","justifyContent","alignItems","width","height","paddingLeft","marginBottom","li","position","textAlign","content","top","right","transform"],"mappings":"2PAUaA,EAAqC,SAACC,GAAK,OACtDC,EAACC,EAAQ,CAAAC,SACPF,EAACG,EAAO,CAACC,MAAM,gBAAeF,SAC5BF,EAACK,EAAK,CAAAC,GAAIP,EAAMQ,SAAUC,eAAa,EAAAN,SACrCF,EAACS,EAAW,CAAAC,KAAK,QAAQC,QAASZ,EAAMY,iBACtCX,EAACY,EAAU,CAAAC,SAAS,iBAIjB,EAUPC,EAA8C,SAACf,GAAK,OACxDC,EAACe,YACEhB,EAAMiB,MAAMC,KAAI,SAACC,EAAMC,GAAK,OAC3BnB,EAACoB,EAAU,CAAaC,UAAU,KAAKC,QAAQ,QAC5CpB,SAAAgB,GADcC,EAGlB,KACQ,EAGAI,EAAqC,SAACxB,GAAK,IAAAyB,EAAAC,EAAA,OACtDzB,EAACC,EAAQ,CAACyB,WAAkC,IAAvB3B,EAAM4B,aAAwB,gBAAkB,GAAEzB,SACrEF,EAAC4B,GAAYC,OAAK,EAACzB,MAAkB,QAAboB,EAAEzB,EAAMK,aAAK,IAAAoB,EAAAA,EAAI,sBACtCtB,SAAAH,EAAM+B,cAAgB/B,EAAM+B,gBAAkB9B,EAACc,EAAkB,CAACE,MAAkBS,QAAbA,EAAE1B,EAAMiB,aAAKS,IAAAA,EAAAA,EAAI,QAElF,EAEPxB,EAAW8B,EAAOC,EAAPD,CAAY,CAC3BE,QAAS,cACTC,KAAM,WACNC,eAAgB,SAChBC,WAAY,SACZ,wBAAyB,CACvBC,MAAO,OACPC,OAAQ,UAINvB,EAAWgB,EAAO,KAAPA,CAAa,CAC5BQ,YAAa,SACbC,aAAc,EACdC,GAAI,CACFC,SAAU,WACVC,UAAW,UACX,YAAa,CACXC,QAAS,MACTX,QAAS,QACTS,SAAU,WACVG,IAAK,MACLC,MAAO,mBACPC,UAAW,mBACXlC,SAAU"}

package/dist/table-grid/toolbar-pannel.js

@@ -1,2 +1,2 @@
-import{objectSpread2 as r,inherits as t,createClass as e,classCallCheck as o,callSuper as i,defineProperty as n}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l,jsxs as a,Fragment as s}from"react/jsx-runtime";import{Component as p}from"react";import{styled as u,Typography as d,Box as c,Tooltip as f,Button as m}from"@mui/material";import v from"@mui/icons-material/AddCircleOutline";import h from"../components/breadcrumbs.js";import{mapGlobalModalContext as b}from"../api-context/global-modal.js";var C=function(){function u(){var t;o(this,u);for(var e=arguments.length,a=new Array(e),p=0;p<e;p++)a[p]=arguments[p];return t=i(this,u,[].concat(a)),n(t,"renderButtonCreate",(function(){return t.props.formCreate?b((function(e){var o;return l(f,{title:"Create new",children:l(m,r(r({size:"small",onClick:function(){return e.show({renderContent:function(){return t.props.formCreate}})},startIcon:l(v,{fontSize:"small"}),sx:{fontWeight:600},variant:"contained"},null===(o=t.props.slots)||void 0===o?void 0:o.buttonCreateProps),{},{children:"Create"}))})})):l(s,{})})),n(t,"renderTitle",(function(){var r,e=null!==(r=t.props)&&void 0!==r?r:{},o=e.title,i=e.breadcrumbs;return i?l(h,{value:i}):l("string"==typeof o?g:s,{children:o})})),t}return t(u,p),e(u,[{key:"render",value:function(){var t,e,o,i,n;if(!1!==this.props.visible)return a(x,r(r({},null===(t=this.props.slots)||void 0===t?void 0:t.rootProps),{},{children:[null===(e=this.props.titleSlots)||void 0===e?void 0:e.before,this.renderTitle(),null===(o=this.props.titleSlots)||void 0===o?void 0:o.after,l(c,{sx:{flex:1}}),null===(i=this.props.actionSlots)||void 0===i?void 0:i.before,this.renderButtonCreate(),null===(n=this.props.actionSlots)||void 0===n?void 0:n.after]}))}}])}(),g=u((function(t){return l(d,r({noWrap:!0,variant:"subtitle1"},t))}))({fontWeight:700,flex:1}),x=u(c)({height:"var(--height-toolbar, 56px)",display:"flex",alignItems:"center",gap:"8px",padding:"0 6px"});export{C as default};
+import{objectSpread2 as r,inherits as t,createClass as e,classCallCheck as o,callSuper as i,defineProperty as n}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l,jsxs as a,Fragment as s}from"react/jsx-runtime";import{Component as p}from"react";import{styled as u,Typography as d,Box as c,Tooltip as f,Button as m}from"@mui/material";import v from"@mui/icons-material/AddCircleOutline";import{Breadcrumbs as h}from"../components/breadcrumbs.js";import{mapGlobalModalContext as b}from"../api-context/global-modal.js";var C=function(){function u(){var t;o(this,u);for(var e=arguments.length,a=new Array(e),p=0;p<e;p++)a[p]=arguments[p];return t=i(this,u,[].concat(a)),n(t,"renderButtonCreate",(function(){return t.props.formCreate?b((function(e){var o;return l(f,{title:"Create new",children:l(m,r(r({size:"small",onClick:function(){return e.show({renderContent:function(){return t.props.formCreate}})},startIcon:l(v,{fontSize:"small"}),sx:{fontWeight:600},variant:"contained"},null===(o=t.props.slots)||void 0===o?void 0:o.buttonCreateProps),{},{children:"Create"}))})})):l(s,{})})),n(t,"renderTitle",(function(){var r,e=null!==(r=t.props)&&void 0!==r?r:{},o=e.title,i=e.breadcrumbs;return i?l(h,{value:i}):l("string"==typeof o?g:s,{children:o})})),t}return t(u,p),e(u,[{key:"render",value:function(){var t,e,o,i,n;if(!1!==this.props.visible)return a(x,r(r({},null===(t=this.props.slots)||void 0===t?void 0:t.rootProps),{},{children:[null===(e=this.props.titleSlots)||void 0===e?void 0:e.before,this.renderTitle(),null===(o=this.props.titleSlots)||void 0===o?void 0:o.after,l(c,{sx:{flex:1}}),null===(i=this.props.actionSlots)||void 0===i?void 0:i.before,this.renderButtonCreate(),null===(n=this.props.actionSlots)||void 0===n?void 0:n.after]}))}}])}(),g=u((function(t){return l(d,r({noWrap:!0,variant:"subtitle1"},t))}))({fontWeight:700,flex:1}),x=u(c)({height:"var(--height-toolbar, 56px)",display:"flex",alignItems:"center",gap:"8px",padding:"0 6px"});export{C as default};
 //# sourceMappingURL=toolbar-pannel.js.map

package/dist/table-grid/toolbar-pannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar-pannel.js","sources":["../../src/table-grid/toolbar-pannel.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { Box, BoxProps, Button, ButtonProps, styled, Tooltip, Typography, TypographyProps } from '@mui/material'\r\nimport AddCircleOutlineIcon from '@mui/icons-material/AddCircleOutline'\r\nimport { mapGlobalModalContext } from '../api-context'\r\nimport { Breadcrumbs, IBreadcrumbConfig } from '../components'\r\n\r\nexport interface ISectionSlots {\r\n  before?: React.ReactNode\r\n  after?: React.ReactNode\r\n}\r\n\r\nexport interface IToolbarPannelProps {\r\n  /** @default true */\r\n  visible?: boolean\r\n  searchInclude?: string[]\r\n  breadcrumbs?: IBreadcrumbConfig[]\r\n  title?: React.ReactNode\r\n  titleSlots?: ISectionSlots\r\n  formCreate?: React.ReactNode\r\n  actionSlots?: ISectionSlots\r\n  slots?: {\r\n    rootProps?: BoxProps\r\n    buttonCreateProps?: ButtonProps\r\n  }\r\n}\r\n\r\nclass ToolbarPannel extends Component<IToolbarPannelProps> {\r\n  render() {\r\n    if (this.props.visible === false) return\r\n    return (\r\n      <Wrap {...this.props.slots?.rootProps}>\r\n        {this.props.titleSlots?.before}\r\n        {this.renderTitle()}\r\n        {this.props.titleSlots?.after}\r\n        <Box sx={{ flex: 1 }} />\r\n        {this.props.actionSlots?.before}\r\n        {this.renderButtonCreate()}\r\n        {this.props.actionSlots?.after}\r\n      </Wrap>\r\n    )\r\n  }\r\n\r\n  renderButtonCreate = () => {\r\n    if (!this.props.formCreate) return <></>\r\n    return mapGlobalModalContext((context) => (\r\n      <Tooltip title='Create new'>\r\n        <Button\r\n          size='small'\r\n          onClick={() => context.show({ renderContent: () => this.props.formCreate })}\r\n          startIcon={<AddCircleOutlineIcon fontSize='small' />}\r\n          sx={{ fontWeight: 600 }}\r\n          variant='contained'\r\n          {...this.props.slots?.buttonCreateProps}\r\n        >\r\n          Create\r\n        </Button>\r\n      </Tooltip>\r\n    ))\r\n  }\r\n\r\n  renderTitle = () => {\r\n    const { title, breadcrumbs } = this.props ?? {}\r\n    if (breadcrumbs) return <Breadcrumbs value={breadcrumbs} />\r\n    if (typeof title === 'string') return <Title>{title}</Title>\r\n    return <>{title}</>\r\n  }\r\n}\r\n\r\nexport default ToolbarPannel\r\n\r\n// const SearchHelp = styled('ul')({\r\n//   margin: '0 0 0 18px',\r\n//   padding: 0,\r\n//   li: {\r\n//     position: 'relative'\r\n//   },\r\n//   'li::after': {\r\n//     content: '\"►\"',\r\n//     display: 'inline-block',\r\n//     top: '50%',\r\n//     transform: 'translateY(-50%)',\r\n//     position: 'absolute',\r\n//     left: '-18px'\r\n//   }\r\n// })\r\n\r\nconst Title = styled((props: TypographyProps) => <Typography noWrap variant='subtitle1' {...props} />)({\r\n  fontWeight: 700,\r\n  flex: 1\r\n})\r\n\r\nconst Wrap = styled(Box)({\r\n  height: 'var(--height-toolbar, 56px)',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  gap: '8px',\r\n  padding: '0 6px'\r\n})\r\n"],"names":["ToolbarPannel","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","props","formCreate","mapGlobalModalContext","context","_this$props$slots","_jsx","Tooltip","title","children","Button","_objectSpread","size","onClick","show","renderContent","startIcon","AddCircleOutlineIcon","fontSize","sx","fontWeight","variant","slots","buttonCreateProps","_this$props","_ref","breadcrumbs","Breadcrumbs","value","Title","_Fragment","_inherits","Component","_createClass","key","_this$props$slots2","_this$props$titleSlot","_this$props$titleSlot2","_this$props$actionSlo","_this$props$actionSlo2","visible","_jsxs","Wrap","rootProps","titleSlots","before","renderTitle","after","Box","flex","actionSlots","renderButtonCreate","styled","Typography","noWrap","height","display","alignItems","gap","padding"],"mappings":"igBA0BMA,IAAAA,aAAc,SAAAA,IAAA,IAAAC,EAAAC,OAAAF,GAAA,IAAA,IAAAG,EAAAC,UAAAC,OAAAC,EAAAC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAAF,EAAAE,GAAAJ,UAAAI,GAuCjB,OAvCiBP,EAAAQ,EAAAC,KAAAV,EAAAW,GAAAA,OAAAL,IAAAM,EAAAX,EAAA,sBAgBG,WACnB,OAAKA,EAAKY,MAAMC,WACTC,GAAsB,SAACC,GAAO,IAAAC,EAAA,OACnCC,EAACC,GAAQC,MAAM,aAAYC,SACzBH,EAACI,EAAMC,EAAAA,EAAA,CACLC,KAAK,QACLC,QAAS,WAAF,OAAQT,EAAQU,KAAK,CAAEC,cAAe,WAAF,OAAQ1B,EAAKY,MAAMC,UAAU,GAAG,EAC3Ec,UAAWV,EAACW,EAAqB,CAAAC,SAAS,UAC1CC,GAAI,CAAEC,WAAY,KAClBC,QAAQ,aACY,QADDhB,EACfhB,EAAKY,MAAMqB,aAAK,IAAAjB,OAAA,EAAhBA,EAAkBkB,mBAAiB,CAAA,EAAA,uBAIjC,IAbuBjB,WAepCN,EAAAX,EAAA,eAEa,WAAK,IAAAmC,EACjBC,EAAyC,QAAzCD,EAA+BnC,EAAKY,aAAK,IAAAuB,EAAAA,EAAI,CAAE,EAAvChB,EAAKiB,EAALjB,MAAOkB,EAAWD,EAAXC,YACf,OAAIA,EAAoBpB,EAACqB,EAAW,CAACC,MAAOF,IACNpB,EAAjB,iBAAVE,EAA4BqB,EAChCC,EADuC,CAAArB,SAAAD,OAE/CnB,CAAA,CAAA,OAAA0C,EAAA3C,EAvCyB4C,GAuCzBC,EAAA7C,EAAA,CAAA,CAAA8C,IAAA,SAAAN,MAtCD,WAAM,IAAAO,EAAAC,EAAAC,EAAAC,EAAAC,EACJ,IAA2B,IAAvBzC,KAAKG,MAAMuC,QACf,OACEC,EAACC,EAAI/B,EAAAA,KAAqB,QAArBwB,EAAKrC,KAAKG,MAAMqB,aAAXa,IAAgBA,OAAhBA,EAAAA,EAAkBQ,WAAS,GAAA,CAAAlC,SAAA,CACb,QADa2B,EAClCtC,KAAKG,MAAM2C,kBAAXR,IAAqBA,OAArBA,EAAAA,EAAuBS,OACvB/C,KAAKgD,cACgB,QADHT,EAClBvC,KAAKG,MAAM2C,kBAAU,IAAAP,OAAA,EAArBA,EAAuBU,MACxBzC,EAAC0C,EAAI,CAAA7B,GAAI,CAAE8B,KAAM,aAAOX,EACvBxC,KAAKG,MAAMiD,mBAAW,IAAAZ,OAAA,EAAtBA,EAAwBO,OACxB/C,KAAKqD,qBACiBZ,QADGA,EACzBzC,KAAKG,MAAMiD,mBAAXX,IAAsBA,OAAtBA,EAAAA,EAAwBQ,SAG/B,IAAC,IA8CGlB,EAAQuB,GAAO,SAACnD,GAAsB,OAAKK,EAAC+C,EAAU1C,EAAA,CAAC2C,UAAOjC,QAAQ,aAAgBpB,GAAS,GAAvFmD,CAAyF,CACrGhC,WAAY,IACZ6B,KAAM,IAGFP,EAAOU,EAAOJ,EAAPI,CAAY,CACvBG,OAAQ,8BACRC,QAAS,OACTC,WAAY,SACZC,IAAK,MACLC,QAAS"}
+{"version":3,"file":"toolbar-pannel.js","sources":["../../src/table-grid/toolbar-pannel.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { Box, BoxProps, Button, ButtonProps, styled, Tooltip, Typography, TypographyProps } from '@mui/material'\r\nimport AddCircleOutlineIcon from '@mui/icons-material/AddCircleOutline'\r\nimport { mapGlobalModalContext } from '../api-context'\r\nimport { Breadcrumbs, IBreadcrumbConfig } from '../components'\r\n\r\nexport interface ISectionSlots {\r\n  before?: React.ReactNode\r\n  after?: React.ReactNode\r\n}\r\n\r\nexport interface IToolbarPannelProps {\r\n  /** @default true */\r\n  visible?: boolean\r\n  searchInclude?: string[]\r\n  breadcrumbs?: IBreadcrumbConfig[]\r\n  title?: React.ReactNode\r\n  titleSlots?: ISectionSlots\r\n  formCreate?: React.ReactNode\r\n  actionSlots?: ISectionSlots\r\n  slots?: {\r\n    rootProps?: BoxProps\r\n    buttonCreateProps?: ButtonProps\r\n  }\r\n}\r\n\r\nclass ToolbarPannel extends Component<IToolbarPannelProps> {\r\n  render() {\r\n    if (this.props.visible === false) return\r\n    return (\r\n      <Wrap {...this.props.slots?.rootProps}>\r\n        {this.props.titleSlots?.before}\r\n        {this.renderTitle()}\r\n        {this.props.titleSlots?.after}\r\n        <Box sx={{ flex: 1 }} />\r\n        {this.props.actionSlots?.before}\r\n        {this.renderButtonCreate()}\r\n        {this.props.actionSlots?.after}\r\n      </Wrap>\r\n    )\r\n  }\r\n\r\n  renderButtonCreate = () => {\r\n    if (!this.props.formCreate) return <></>\r\n    return mapGlobalModalContext((context) => (\r\n      <Tooltip title='Create new'>\r\n        <Button\r\n          size='small'\r\n          onClick={() => context.show({ renderContent: () => this.props.formCreate })}\r\n          startIcon={<AddCircleOutlineIcon fontSize='small' />}\r\n          sx={{ fontWeight: 600 }}\r\n          variant='contained'\r\n          {...this.props.slots?.buttonCreateProps}\r\n        >\r\n          Create\r\n        </Button>\r\n      </Tooltip>\r\n    ))\r\n  }\r\n\r\n  renderTitle = () => {\r\n    const { title, breadcrumbs } = this.props ?? {}\r\n    if (breadcrumbs) return <Breadcrumbs value={breadcrumbs} />\r\n    if (typeof title === 'string') return <Title>{title}</Title>\r\n    return <>{title}</>\r\n  }\r\n}\r\n\r\nexport default ToolbarPannel\r\n\r\n// const SearchHelp = styled('ul')({\r\n//   margin: '0 0 0 18px',\r\n//   padding: 0,\r\n//   li: {\r\n//     position: 'relative'\r\n//   },\r\n//   'li::after': {\r\n//     content: '\"►\"',\r\n//     display: 'inline-block',\r\n//     top: '50%',\r\n//     transform: 'translateY(-50%)',\r\n//     position: 'absolute',\r\n//     left: '-18px'\r\n//   }\r\n// })\r\n\r\nconst Title = styled((props: TypographyProps) => <Typography noWrap variant='subtitle1' {...props} />)({\r\n  fontWeight: 700,\r\n  flex: 1\r\n})\r\n\r\nconst Wrap = styled(Box)({\r\n  height: 'var(--height-toolbar, 56px)',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  gap: '8px',\r\n  padding: '0 6px'\r\n})\r\n"],"names":["ToolbarPannel","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","props","formCreate","mapGlobalModalContext","context","_this$props$slots","_jsx","Tooltip","title","children","Button","_objectSpread","size","onClick","show","renderContent","startIcon","AddCircleOutlineIcon","fontSize","sx","fontWeight","variant","slots","buttonCreateProps","_this$props","_ref","breadcrumbs","Breadcrumbs","value","Title","_Fragment","_inherits","Component","_createClass","key","_this$props$slots2","_this$props$titleSlot","_this$props$titleSlot2","_this$props$actionSlo","_this$props$actionSlo2","visible","_jsxs","Wrap","rootProps","titleSlots","before","renderTitle","after","Box","flex","actionSlots","renderButtonCreate","styled","Typography","noWrap","height","display","alignItems","gap","padding"],"mappings":"ghBA0BMA,IAAAA,aAAc,SAAAA,IAAA,IAAAC,EAAAC,OAAAF,GAAA,IAAA,IAAAG,EAAAC,UAAAC,OAAAC,EAAAC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAAF,EAAAE,GAAAJ,UAAAI,GAuCjB,OAvCiBP,EAAAQ,EAAAC,KAAAV,EAAAW,GAAAA,OAAAL,IAAAM,EAAAX,EAAA,sBAgBG,WACnB,OAAKA,EAAKY,MAAMC,WACTC,GAAsB,SAACC,GAAO,IAAAC,EAAA,OACnCC,EAACC,GAAQC,MAAM,aAAYC,SACzBH,EAACI,EAAMC,EAAAA,EAAA,CACLC,KAAK,QACLC,QAAS,WAAF,OAAQT,EAAQU,KAAK,CAAEC,cAAe,WAAF,OAAQ1B,EAAKY,MAAMC,UAAU,GAAG,EAC3Ec,UAAWV,EAACW,EAAqB,CAAAC,SAAS,UAC1CC,GAAI,CAAEC,WAAY,KAClBC,QAAQ,aACY,QADDhB,EACfhB,EAAKY,MAAMqB,aAAK,IAAAjB,OAAA,EAAhBA,EAAkBkB,mBAAiB,CAAA,EAAA,uBAIjC,IAbuBjB,WAepCN,EAAAX,EAAA,eAEa,WAAK,IAAAmC,EACjBC,EAAyC,QAAzCD,EAA+BnC,EAAKY,aAAK,IAAAuB,EAAAA,EAAI,CAAE,EAAvChB,EAAKiB,EAALjB,MAAOkB,EAAWD,EAAXC,YACf,OAAIA,EAAoBpB,EAACqB,EAAW,CAACC,MAAOF,IACNpB,EAAjB,iBAAVE,EAA4BqB,EAChCC,EADuC,CAAArB,SAAAD,OAE/CnB,CAAA,CAAA,OAAA0C,EAAA3C,EAvCyB4C,GAuCzBC,EAAA7C,EAAA,CAAA,CAAA8C,IAAA,SAAAN,MAtCD,WAAM,IAAAO,EAAAC,EAAAC,EAAAC,EAAAC,EACJ,IAA2B,IAAvBzC,KAAKG,MAAMuC,QACf,OACEC,EAACC,EAAI/B,EAAAA,KAAqB,QAArBwB,EAAKrC,KAAKG,MAAMqB,aAAXa,IAAgBA,OAAhBA,EAAAA,EAAkBQ,WAAS,GAAA,CAAAlC,SAAA,CACb,QADa2B,EAClCtC,KAAKG,MAAM2C,kBAAXR,IAAqBA,OAArBA,EAAAA,EAAuBS,OACvB/C,KAAKgD,cACgB,QADHT,EAClBvC,KAAKG,MAAM2C,kBAAU,IAAAP,OAAA,EAArBA,EAAuBU,MACxBzC,EAAC0C,EAAI,CAAA7B,GAAI,CAAE8B,KAAM,aAAOX,EACvBxC,KAAKG,MAAMiD,mBAAW,IAAAZ,OAAA,EAAtBA,EAAwBO,OACxB/C,KAAKqD,qBACiBZ,QADGA,EACzBzC,KAAKG,MAAMiD,mBAAXX,IAAsBA,OAAtBA,EAAAA,EAAwBQ,SAG/B,IAAC,IA8CGlB,EAAQuB,GAAO,SAACnD,GAAsB,OAAKK,EAAC+C,EAAU1C,EAAA,CAAC2C,UAAOjC,QAAQ,aAAgBpB,GAAS,GAAvFmD,CAAyF,CACrGhC,WAAY,IACZ6B,KAAM,IAGFP,EAAOU,EAAOJ,EAAPI,CAAY,CACvBG,OAAQ,8BACRC,QAAS,OACTC,WAAY,SACZC,IAAK,MACLC,QAAS"}

package/dist/types/components/breadcrumbs.d.ts

@@ -3,11 +3,13 @@ import { TypographyProps } from '@mui/material';
 export interface IBreadcrumbConfig {
     label: string;
     url?: string;
-    propsGetter?: () => TypographyProps;
+    props?: TypographyProps & {
+        [key: string]: any;
+    };
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
 }
 export interface IBreadcrumbsProps {
     value?: IBreadcrumbConfig[];
 }
-declare const Breadcrumbs: FC<IBreadcrumbsProps>;
+export declare const Breadcrumbs: FC<IBreadcrumbsProps>;
 export default Breadcrumbs;

package/dist/types/components/help-tooltip.d.ts

@@ -5,7 +5,7 @@ export interface IHelpTooltipProps {
     small?: boolean;
     sxIcon?: SxProps<Theme>;
 }
-declare const HelpTooltip: FC<PropsWithChildren<IHelpTooltipProps>>;
+export declare const HelpTooltip: FC<PropsWithChildren<IHelpTooltipProps>>;
 export default HelpTooltip;
 export interface IHelpTooltipWrapProps {
     content: ReactNode;

package/dist/types/components/index.d.ts

@@ -6,7 +6,6 @@ export { default as CreateMultiSelectDropdown } from './create.multi-select-drop
 export * from './create.multi-select-dropdown';
 export { default as ImageWithFallback } from './image-with-fallback';
 export * from './image-with-fallback';
-export { default as HelpTooltip } from './help-tooltip';
 export * from './help-tooltip';
 export { default as TextEditorPreview } from './text-editor.preview';
 export * from './text-editor.preview';

package/dist/types/components/rich-tooltip.d.ts

@@ -0,0 +1,25 @@
+import { Component } from 'react';
+import type { ReactNode } from 'react';
+import type { TooltipProps } from '@mui/material';
+export interface IRichTooltipPanelConfig {
+    title: ReactNode;
+    content: ReactNode;
+}
+export interface IRichTooltipProps {
+    panel?: IRichTooltipPanelConfig;
+    renderPanel?: () => ReactNode;
+    children: React.ReactNode;
+    slots?: {
+        tooltipProps?: Partial<TooltipProps>;
+    };
+}
+export declare class RichTooltip extends Component<IRichTooltipProps> {
+    render(): import("react/jsx-runtime").JSX.Element;
+    renderTitlePanel: () => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
+    renderTitle: (value: ReactNode) => number | true | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null;
+    renderContent: (value: ReactNode) => number | true | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null;
+}
+export default RichTooltip;
+export declare const HelpOutlinePulseIcon: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
+}, "classes" | "className" | "style" | "children" | "sx" | "color" | "fontSize" | "shapeRendering" | "viewBox" | "htmlColor" | "inheritViewBox" | "titleAccess"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/types/form/create.select-simple.d.ts

@@ -1,6 +1,7 @@
-import { ComponentType } from 'react';
-import { SelectProps } from '@mui/material';
+import type { ComponentType } from 'react';
+import type { SelectProps } from '@mui/material';
 import { IFormInputBase } from './types';
+import type { IRichTooltipPanelConfig } from '../components/rich-tooltip';
 export interface ISelectSimpleOption<T extends string = string> {
     name: string;
     value: T;
@@ -13,12 +14,14 @@ export interface ISelectSimpleProps<T> extends Partial<IFormInputBase<T>> {
     onChange?: (value: ISelectSimpleOption) => void;
     slots?: ISelectSimpleSlots;
     fullWidth?: boolean;
+    tooltip?: IRichTooltipPanelConfig;
 }
 export interface ISelectSimpleState {
     value?: string;
 }
 export interface ISelectSimpleParams extends ISelectSimpleSlots {
     options?: ISelectSimpleOption[];
+    tooltip?: IRichTooltipPanelConfig;
 }
 declare function CreateSelectSimple<T>(args?: ISelectSimpleParams): ComponentType<ISelectSimpleProps<T>>;
 export default CreateSelectSimple;

package/dist/types/form/create.select-with-api.d.ts

@@ -1,6 +1,7 @@
-import React, { ComponentType } from 'react';
-import { TextFieldProps } from '@mui/material';
+import type { ComponentType } from 'react';
+import type { TextFieldProps } from '@mui/material';
 import { IFormInputBase } from './types';
+import type { IRichTooltipPanelConfig } from '../components/rich-tooltip';
 export interface ISelectWithApiOption<TOther = any> {
     Id: string;
     Name?: string;
@@ -11,6 +12,7 @@ export interface ISelectWithApiPropsSlots {
 }
 export type ISelectWithApiFetchData<O extends ISelectWithApiOption> = (value?: string, signal?: AbortSignal) => Promise<O[]>;
 export interface ISelectWithApiProps<T, O extends ISelectWithApiOption> extends IFormInputBase<T>, ISelectWithApiParams<O> {
+    tooltip?: IRichTooltipPanelConfig;
     onChange?: (value: O | null) => void;
     existedIds?: string[];
     slots?: ISelectWithApiPropsSlots;
@@ -24,6 +26,7 @@ export interface ISelectWithApiState<O extends ISelectWithApiOption> {
 }
 export interface ISelectWithApiParams<O extends ISelectWithApiOption> {
     fetchData?: ISelectWithApiFetchData<O>;
+    tooltip?: IRichTooltipPanelConfig;
 }
-declare const CreateSelectWithApi: <T, O extends ISelectWithApiOption<any> = ISelectWithApiOption<any>>(params?: ISelectWithApiParams<O> | undefined) => React.ComponentType<ISelectWithApiProps<T, O>>;
+declare const CreateSelectWithApi: <T, O extends ISelectWithApiOption<any> = ISelectWithApiOption<any>>(params?: ISelectWithApiParams<O> | undefined) => ComponentType<ISelectWithApiProps<T, O>>;
 export default CreateSelectWithApi;

package/dist/types/mfe-shared/navigation.d.ts

@@ -30,6 +30,6 @@ export declare const MfeNavigationProvider: FC<IMfeNavigationProviderProps>;
 export interface IMfeLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     routeKey?: string;
 }
-export declare const MfeLink: FC<IMfeLinkProps>;
+export declare const MfeLink: import("react").ForwardRefExoticComponent<IMfeLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
 export declare const mfeNavigation: (routeKey: string) => void;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dinocollab-core",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "description": "Dinocollab core - libraries for building collaborative applications with React 18",
   "main": "dist/index.js",
   "module": "dist/index.js",