dinocollab-core 1.0.19 → 1.0.21

package/dist/form/create.autocomplete.chips.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.autocomplete.chips.js","sources":["../../src/form/create.autocomplete.chips.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { Autocomplete, Chip, IconButton, styled, TextField, TextFieldProps, Tooltip, Typography } from '@mui/material'\r\nimport RemoveIcon from '@mui/icons-material/Remove'\r\nimport { IFormInputBase } from './types'\r\nimport { getErrorMessage } from './helpers'\r\n\r\nexport interface IAutocompleteChipParams {\r\n  optionItems?: string[]\r\n  limitTags?: number\r\n  separator?: string\r\n  saveLocalStorageByKey?: string\r\n}\r\n\r\nexport interface IAutocompleteChipProps<T> extends IFormInputBase<T, IAutocompleteChipParams> {}\r\n\r\nexport interface IAutocompleteChipState {\r\n  value: string[]\r\n  options: string[]\r\n}\r\n\r\nfunction CreateAutocompleteChip<T>(params?: IAutocompleteChipParams): ComponentType<IAutocompleteChipProps<T>> {\r\n  const separator = params?.separator || '|'\r\n  const limitTags = params?.limitTags || 2\r\n  const storeItems = params?.saveLocalStorageByKey ? AutocompleteChipStore.initial(params.saveLocalStorageByKey) : undefined\r\n\r\n  class AutocompleteChip extends Component<IAutocompleteChipProps<T>, IAutocompleteChipState> {\r\n    constructor(props: IAutocompleteChipProps<T>) {\r\n      super(props)\r\n      this.state = {\r\n        value: this.getDefaultValue(),\r\n        options: this.getSelectOptions()\r\n      }\r\n    }\r\n\r\n    refInput: HTMLInputElement | null = null\r\n    render() {\r\n      const { name } = this.props\r\n      return (\r\n        <>\r\n          <Autocomplete\r\n            multiple\r\n            freeSolo\r\n            limitTags={limitTags}\r\n            value={this.state.value}\r\n            onChange={this.handleAddOption}\r\n            options={this.state.options}\r\n            renderOption={(props, option) => (\r\n              <ItemOption {...props} key={option}>\r\n                <Typography variant='subtitle1' sx={{ flex: 1 }}>\r\n                  {option}\r\n                </Typography>\r\n                {this.isBtnRemoveOption(option) && (\r\n                  <Tooltip title='Remove option' arrow placement='left'>\r\n                    <IconButton size='small' onClick={(e) => this.handleRemoveItem(e, option)}>\r\n                      <RemoveIcon fontSize='small' />\r\n                    </IconButton>\r\n                  </Tooltip>\r\n                )}\r\n              </ItemOption>\r\n            )}\r\n            renderTags={(tagValue, getTagProps) => {\r\n              return tagValue.map((option, index) => <Chip label={option} {...getTagProps({ index })} key={option.toString()} />)\r\n            }}\r\n            renderInput={(params) => <TextField {...params} variant='outlined' {...this.getTextFieldProps()} />}\r\n          />\r\n          <input\r\n            ref={(ref) => {\r\n              this.refInput = ref\r\n            }}\r\n            hidden\r\n            type='text'\r\n            name={name?.toString()}\r\n            defaultValue={this.state.value.join(separator)}\r\n          />\r\n        </>\r\n      )\r\n    }\r\n\r\n    handleRemoveItem = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, value: string) => {\r\n      e.preventDefault()\r\n      e.stopPropagation()\r\n      console.log(value)\r\n      const list = storeItems?.delete(value) ?? []\r\n      this.setState({ options: list })\r\n    }\r\n\r\n    handleAddOption = (_: React.SyntheticEvent, newValue: string[]) => {\r\n      if (params?.saveLocalStorageByKey) {\r\n        const options = storeItems?.setItems(this.state.options, newValue) ?? this.state.options\r\n        this.setState({ value: newValue, options })\r\n      } else {\r\n        this.setState({ value: newValue })\r\n      }\r\n      if (this.refInput) {\r\n        this.refInput.value = newValue.join(separator)\r\n      }\r\n      this.props.name && this.props.onBlur && this.props.onBlur(this.props.name)\r\n    }\r\n\r\n    isBtnRemoveOption = (value: string) => {\r\n      const isSelectedOption = this.state.value.findIndex((x) => x === value) < 0\r\n      const selectOptions = params?.optionItems ?? this.props.slots?.optionItems ?? []\r\n      const isDefault = selectOptions.findIndex((x) => x === value) < 0\r\n      return isDefault && isSelectedOption\r\n    }\r\n\r\n    getSelectOptions = () => {\r\n      let items = params?.optionItems ?? []\r\n      if (params?.saveLocalStorageByKey) {\r\n        items = storeItems?.getItemsAndMerge(items) ?? []\r\n      }\r\n      return items\r\n    }\r\n\r\n    getTextFieldProps = (): TextFieldProps => {\r\n      const { name, label, placeholder, onBlur, messageErrors } = this.props\r\n      const eMessage = getErrorMessage(messageErrors, name)\r\n      return {\r\n        label,\r\n        placeholder: placeholder || 'Add new',\r\n        onBlur: () => {\r\n          if (!name) return\r\n          onBlur && onBlur(name)\r\n        },\r\n        error: eMessage.error,\r\n        helperText: eMessage.message\r\n      }\r\n    }\r\n\r\n    getDefaultValue = (): string[] => {\r\n      const { name, data } = this.props\r\n      const value = name ? data?.[name]?.toString() : ''\r\n      return value?.split(separator).filter((x) => !!x) ?? []\r\n    }\r\n  }\r\n\r\n  return AutocompleteChip\r\n}\r\n\r\nexport default CreateAutocompleteChip\r\n\r\nconst ItemOption = styled('li')({\r\n  display: 'flex',\r\n  alignItems: 'center'\r\n})\r\n\r\ntype TChipStoreRoot = { [key: string]: string[] }\r\n\r\nclass AutocompleteChipStore {\r\n  private storeKeyRoot = 'autocomplete_chip_store'\r\n  private storeKey: string\r\n  constructor(key: string, defaultValue?: string[]) {\r\n    this.storeKey = key\r\n    if (defaultValue) {\r\n      this.setChild(defaultValue)\r\n    }\r\n  }\r\n\r\n  static initial = (key: string, defaultValue?: string[]) => new AutocompleteChipStore(key, defaultValue)\r\n\r\n  private getRoot = (): TChipStoreRoot => {\r\n    try {\r\n      const res = window.localStorage.getItem(this.storeKeyRoot)\r\n      return JSON.parse(res ?? '{}')\r\n    } catch (error) {\r\n      return {}\r\n    }\r\n  }\r\n\r\n  private getChild = (): string[] => {\r\n    return this.getRoot()[this.storeKey]\r\n  }\r\n\r\n  private setRoot = (value: TChipStoreRoot) => {\r\n    window.localStorage.setItem(this.storeKeyRoot, JSON.stringify(value))\r\n  }\r\n\r\n  private setChild = (value: string[]) => {\r\n    const obj = this.getRoot()\r\n    obj[this.storeKey] = value\r\n    this.setRoot(obj)\r\n  }\r\n\r\n  getItemsAndMerge = (value: string[]): string[] => {\r\n    try {\r\n      return Array.from(new Set([...this.getChild(), ...value])).sort()\r\n    } catch (error) {\r\n      return value\r\n    }\r\n  }\r\n\r\n  setItems = (options: string[], value: string[]): string[] => {\r\n    const list = Array.from(new Set([...options, ...value])).sort()\r\n    this.setChild(list)\r\n    return list\r\n  }\r\n\r\n  delete = (value: string) => {\r\n    const list = this.getChild().filter((x) => x !== value)\r\n    this.setChild(list)\r\n    return list\r\n  }\r\n}\r\n"],"names":["CreateAutocompleteChip","params","separator","limitTags","storeItems","saveLocalStorageByKey","AutocompleteChipStore","initial","undefined","AutocompleteChip","props","_this","_classCallCheck","_callSuper","_defineProperty","e","value","_storeItems$delete","preventDefault","stopPropagation","console","log","list","setState","options","_","newValue","_storeItems$setItems","setItems","state","refInput","join","name","onBlur","_ref","_params$optionItems","_this$props$slots","isSelectedOption","findIndex","x","optionItems","slots","_params$optionItems2","_storeItems$getItemsA","items","getItemsAndMerge","_this$props","label","placeholder","messageErrors","eMessage","getErrorMessage","error","helperText","message","_data$name","_value$split$filter","_this$props2","data","toString","split","filter","getDefaultValue","getSelectOptions","_inherits","Component","_createClass","key","_this2","this","_jsxs","_Fragment","children","_jsx","Autocomplete","multiple","freeSolo","onChange","handleAddOption","renderOption","option","_createElement","ItemOption","_objectSpread","Typography","variant","sx","flex","isBtnRemoveOption","Tooltip","title","arrow","placement","IconButton","size","onClick","handleRemoveItem","RemoveIcon","fontSize","renderTags","tagValue","getTagProps","map","index","Chip","renderInput","TextField","getTextFieldProps","ref","hidden","type","defaultValue","styled","display","alignItems","_this3","res","window","localStorage","getItem","storeKeyRoot","JSON","parse","getRoot","storeKey","setItem","stringify","obj","setRoot","Array","from","Set","concat","_toConsumableArray","getChild","sort","setChild","_AutocompleteChipStore"],"mappings":"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"}
+{"version":3,"file":"create.autocomplete.chips.js","sources":["../../src/form/create.autocomplete.chips.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { Autocomplete, Chip, IconButton, styled, TextField, TextFieldProps, Tooltip, Typography } from '@mui/material'\r\nimport RemoveIcon from '@mui/icons-material/Remove'\r\nimport { IFormInputBase } from './types'\r\nimport { getErrorMessage } from './helpers'\r\n\r\nexport interface IAutocompleteChipSlots {\r\n  optionItems?: string[]\r\n  limitTags?: number\r\n  separator?: string\r\n  saveLocalStorageByKey?: string\r\n}\r\n\r\nexport interface IAutocompleteChipProps<T> extends IFormInputBase<T, IAutocompleteChipSlots> {}\r\n\r\nexport interface IAutocompleteChipState {\r\n  value: string[]\r\n  options: string[]\r\n}\r\n\r\nfunction CreateAutocompleteChip<T>(params?: IAutocompleteChipSlots): ComponentType<IAutocompleteChipProps<T>> {\r\n  const separator = params?.separator || '|'\r\n  const limitTags = params?.limitTags || 2\r\n  const storeItems = params?.saveLocalStorageByKey ? AutocompleteChipStore.initial(params.saveLocalStorageByKey) : undefined\r\n\r\n  class AutocompleteChip extends Component<IAutocompleteChipProps<T>, IAutocompleteChipState> {\r\n    constructor(props: IAutocompleteChipProps<T>) {\r\n      super(props)\r\n      this.state = {\r\n        value: this.getDefaultValue(),\r\n        options: this.getSelectOptions()\r\n      }\r\n    }\r\n\r\n    refInput: HTMLInputElement | null = null\r\n    render() {\r\n      const { name } = this.props\r\n      return (\r\n        <>\r\n          <Autocomplete\r\n            multiple\r\n            freeSolo\r\n            limitTags={limitTags}\r\n            value={this.state.value}\r\n            onChange={this.handleAddOption}\r\n            options={this.state.options}\r\n            renderOption={(props, option) => (\r\n              <ItemOption {...props} key={option}>\r\n                <Typography variant='subtitle1' sx={{ flex: 1 }}>\r\n                  {option}\r\n                </Typography>\r\n                {this.isBtnRemoveOption(option) && (\r\n                  <Tooltip title='Remove option' arrow placement='left'>\r\n                    <IconButton size='small' onClick={(e) => this.handleRemoveItem(e, option)}>\r\n                      <RemoveIcon fontSize='small' />\r\n                    </IconButton>\r\n                  </Tooltip>\r\n                )}\r\n              </ItemOption>\r\n            )}\r\n            renderTags={(tagValue, getTagProps) => {\r\n              return tagValue.map((option, index) => <Chip label={option} {...getTagProps({ index })} key={option.toString()} />)\r\n            }}\r\n            renderInput={(params) => <TextField {...params} variant='outlined' {...this.getTextFieldProps()} />}\r\n          />\r\n          <input\r\n            ref={(ref) => {\r\n              this.refInput = ref\r\n            }}\r\n            hidden\r\n            type='text'\r\n            name={name?.toString()}\r\n            defaultValue={this.state.value.join(separator)}\r\n          />\r\n        </>\r\n      )\r\n    }\r\n\r\n    handleRemoveItem = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, value: string) => {\r\n      e.preventDefault()\r\n      e.stopPropagation()\r\n      console.log(value)\r\n      const list = storeItems?.delete(value) ?? []\r\n      this.setState({ options: list })\r\n    }\r\n\r\n    handleAddOption = (_: React.SyntheticEvent, newValue: string[]) => {\r\n      if (params?.saveLocalStorageByKey) {\r\n        const options = storeItems?.setItems(this.state.options, newValue) ?? this.state.options\r\n        this.setState({ value: newValue, options })\r\n      } else {\r\n        this.setState({ value: newValue })\r\n      }\r\n      if (this.refInput) {\r\n        this.refInput.value = newValue.join(separator)\r\n      }\r\n      this.props.name && this.props.onBlur && this.props.onBlur(this.props.name)\r\n    }\r\n\r\n    isBtnRemoveOption = (value: string) => {\r\n      const isSelectedOption = this.state.value.findIndex((x) => x === value) < 0\r\n      const selectOptions = params?.optionItems ?? this.props.slots?.optionItems ?? []\r\n      const isDefault = selectOptions.findIndex((x) => x === value) < 0\r\n      return isDefault && isSelectedOption\r\n    }\r\n\r\n    getSelectOptions = () => {\r\n      let items = params?.optionItems ?? []\r\n      if (params?.saveLocalStorageByKey) {\r\n        items = storeItems?.getItemsAndMerge(items) ?? []\r\n      }\r\n      return items\r\n    }\r\n\r\n    getTextFieldProps = (): TextFieldProps => {\r\n      const { name, label, placeholder, onBlur, messageErrors } = this.props\r\n      const eMessage = getErrorMessage(messageErrors, name)\r\n      return {\r\n        label,\r\n        placeholder: placeholder || 'Add new',\r\n        onBlur: () => {\r\n          if (!name) return\r\n          onBlur && onBlur(name)\r\n        },\r\n        error: eMessage.error,\r\n        helperText: eMessage.message\r\n      }\r\n    }\r\n\r\n    getDefaultValue = (): string[] => {\r\n      const { name, data } = this.props\r\n      const value = name ? data?.[name]?.toString() : ''\r\n      return value?.split(separator).filter((x) => !!x) ?? []\r\n    }\r\n  }\r\n\r\n  return AutocompleteChip\r\n}\r\n\r\nexport default CreateAutocompleteChip\r\n\r\nconst ItemOption = styled('li')({\r\n  display: 'flex',\r\n  alignItems: 'center'\r\n})\r\n\r\ntype TChipStoreRoot = { [key: string]: string[] }\r\n\r\nclass AutocompleteChipStore {\r\n  private storeKeyRoot = 'autocomplete_chip_store'\r\n  private storeKey: string\r\n  constructor(key: string, defaultValue?: string[]) {\r\n    this.storeKey = key\r\n    if (defaultValue) {\r\n      this.setChild(defaultValue)\r\n    }\r\n  }\r\n\r\n  static initial = (key: string, defaultValue?: string[]) => new AutocompleteChipStore(key, defaultValue)\r\n\r\n  private getRoot = (): TChipStoreRoot => {\r\n    try {\r\n      const res = window.localStorage.getItem(this.storeKeyRoot)\r\n      return JSON.parse(res ?? '{}')\r\n    } catch (error) {\r\n      return {}\r\n    }\r\n  }\r\n\r\n  private getChild = (): string[] => {\r\n    return this.getRoot()[this.storeKey]\r\n  }\r\n\r\n  private setRoot = (value: TChipStoreRoot) => {\r\n    window.localStorage.setItem(this.storeKeyRoot, JSON.stringify(value))\r\n  }\r\n\r\n  private setChild = (value: string[]) => {\r\n    const obj = this.getRoot()\r\n    obj[this.storeKey] = value\r\n    this.setRoot(obj)\r\n  }\r\n\r\n  getItemsAndMerge = (value: string[]): string[] => {\r\n    try {\r\n      return Array.from(new Set([...this.getChild(), ...value])).sort()\r\n    } catch (error) {\r\n      return value\r\n    }\r\n  }\r\n\r\n  setItems = (options: string[], value: string[]): string[] => {\r\n    const list = Array.from(new Set([...options, ...value])).sort()\r\n    this.setChild(list)\r\n    return list\r\n  }\r\n\r\n  delete = (value: string) => {\r\n    const list = this.getChild().filter((x) => x !== value)\r\n    this.setChild(list)\r\n    return list\r\n  }\r\n}\r\n"],"names":["CreateAutocompleteChip","params","separator","limitTags","storeItems","saveLocalStorageByKey","AutocompleteChipStore","initial","undefined","AutocompleteChip","props","_this","_classCallCheck","_callSuper","_defineProperty","e","value","_storeItems$delete","preventDefault","stopPropagation","console","log","list","setState","options","_","newValue","_storeItems$setItems","setItems","state","refInput","join","name","onBlur","_ref","_params$optionItems","_this$props$slots","isSelectedOption","findIndex","x","optionItems","slots","_params$optionItems2","_storeItems$getItemsA","items","getItemsAndMerge","_this$props","label","placeholder","messageErrors","eMessage","getErrorMessage","error","helperText","message","_data$name","_value$split$filter","_this$props2","data","toString","split","filter","getDefaultValue","getSelectOptions","_inherits","Component","_createClass","key","_this2","this","_jsxs","_Fragment","children","_jsx","Autocomplete","multiple","freeSolo","onChange","handleAddOption","renderOption","option","_createElement","ItemOption","_objectSpread","Typography","variant","sx","flex","isBtnRemoveOption","Tooltip","title","arrow","placement","IconButton","size","onClick","handleRemoveItem","RemoveIcon","fontSize","renderTags","tagValue","getTagProps","map","index","Chip","renderInput","TextField","getTextFieldProps","ref","hidden","type","defaultValue","styled","display","alignItems","_this3","res","window","localStorage","getItem","storeKeyRoot","JSON","parse","getRoot","storeKey","setItem","stringify","obj","setRoot","Array","from","Set","concat","_toConsumableArray","getChild","sort","setChild","_AutocompleteChipStore"],"mappings":"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"}

package/dist/form/create.form-base.js

@@ -1,2 +1,2 @@
-import{inherits as r,createClass as e,classCallCheck as t,callSuper as a,defineProperty as s,asyncToGenerator as o,regeneratorRuntime as n,objectSpread2 as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l}from"react/jsx-runtime";import u,{Component as m}from"react";import{Box as c}from"@mui/material";import{convertFormDataToJson as f,singleValidate as p,validateMerge as d,getErrorFromResponse as v}from"./helpers.js";import h,{SingleRuleValidate as g}from"./validator.js";var E=function(E){var S=u.createContext({}),b=function(){function u(r){var e;return t(this,u),e=a(this,u,[r]),s(e,"refForm",null),s(e,"setError",(function(r,t){var a=s({},r,[{rule:g.Custom,message:t}]);e.setState({messageErrors:Object.assign({},e.state.messageErrors,a)})})),s(e,"clearErrorAll",(function(){e.setState({messageErrors:{}})})),s(e,"onSubmit",function(){var r=o(n().mark((function r(t){var a,s,o;return n().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(t.preventDefault(),a=new FormData(t.currentTarget),s=f(a),e.setState({modelState:s}),!(o=e.validate.run(s))){r.next=9;break}if(e.setState({messageErrors:o}),!(Object.keys(o).length>0)){r.next=9;break}return r.abrupt("return");case 9:return r.next=11,e.props.onSubmit(s,t).catch((function(r){var t=v(r,s);e.setState({messageErrors:i(i({},e.state.messageErrors),t||{})})}));case 11:case"end":return r.stop()}}),r)})));return function(e){return r.apply(this,arguments)}}()),s(e,"onBlur",(function(r){if(e.refForm){var t=e.state.messageErrors,a=new FormData(e.refForm),s=f(a);e.setState({modelState:s});var o=p(r,s,t,e.validate)||{};e.setState({messageErrors:o})}})),s(e,"getValidate",(function(){var r=new h({});return d(r,null==E?void 0:E.validate,e.props.validate)})),e.validate=e.getValidate(),e.state={messageErrors:{}},e}return r(u,m),e(u,[{key:"render",value:function(){var r=this,e=this.onBlur,t=this.setError,a=this.clearErrorAll,s=this.state,o=s.modelState,n=s.messageErrors;return l(c,{component:"form",sx:this.props.sx,ref:function(e){return r.refForm=e},onSubmit:this.onSubmit,children:l(S.Provider,{value:{setError:t,onBlur:e,clearErrorAll:a,modelState:o,messageErrors:n},children:this.props.children})})}}])}();return{Form:b,Validator:null==E?void 0:E.validate,Context:S,contextMapping:function(r){return l(S.Consumer,{children:r})}}};export{E as default};
+import{inherits as r,createClass as e,classCallCheck as t,callSuper as a,defineProperty as s,asyncToGenerator as o,regeneratorRuntime as n,objectSpread2 as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l}from"react/jsx-runtime";import u,{Component as m}from"react";import{Box as c}from"@mui/material";import{validateMerge as f,convertFormDataToJson as d,singleValidate as p,getErrorFromResponse as v}from"./helpers.js";import S,{SingleRuleValidate as g}from"./validator.js";var E=function(E){var h=u.createContext({setModelState:function(){},messageErrors:{},onBlur:function(){},setError:function(){},clearErrorAll:function(){}}),x=function(){function u(r){var e;return t(this,u),e=a(this,u,[r]),s(e,"refForm",null),s(e,"mapContext",(function(){var r=e,t=r.setError,a=r.setModelState,s=r.clearErrorAll,o=r.onBlur,n=e.state;return{modelState:n.modelState,messageErrors:n.messageErrors,setError:t,onBlur:o,clearErrorAll:s,setModelState:a}})),s(e,"setError",(function(r,t){var a=s({},r,[{rule:g.Custom,message:t}]);e.setState({messageErrors:Object.assign({},e.state.messageErrors,a)})})),s(e,"setModelState",(function(r){var t=Object.assign({},e.state.modelState,r);e.setState({modelState:t})})),s(e,"getValidate",(function(){var r=new S({});return f(r,null==E?void 0:E.validate,e.props.validate)})),s(e,"clearErrorAll",(function(){e.setState({messageErrors:{}})})),s(e,"onSubmit",function(){var r=o(n().mark((function r(t){var a,s,o;return n().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(t.preventDefault(),a=new FormData(t.currentTarget),s=d(a),e.setState({modelState:s}),!(o=e.validate.run(s))){r.next=9;break}if(e.setState({messageErrors:o}),!(Object.keys(o).length>0)){r.next=9;break}return r.abrupt("return");case 9:return r.next=11,e.props.onSubmit(s,t).catch((function(r){var t=v(r,s);e.setState({messageErrors:i(i({},e.state.messageErrors),t||{})})}));case 11:case"end":return r.stop()}}),r)})));return function(e){return r.apply(this,arguments)}}()),s(e,"onBlur",(function(r){if(e.refForm){var t=e.state.messageErrors,a=new FormData(e.refForm),s=d(a);e.setState({modelState:s});var o=p(r,s,t,e.validate)||{};e.setState({messageErrors:o})}})),e.validate=e.getValidate(),e.state={messageErrors:{}},e}return r(u,m),e(u,[{key:"render",value:function(){var r=this;return l(c,{component:"form",sx:this.props.sx,ref:function(e){return r.refForm=e},onSubmit:this.onSubmit,children:l(h.Provider,{value:this.mapContext(),children:this.props.children})})}}])}();return{Form:x,Validator:null==E?void 0:E.validate,Context:h,mapContext:function(r){return l(h.Consumer,{children:r})}}};export{E as default};
 //# sourceMappingURL=create.form-base.js.map

package/dist/form/create.form-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.form-base.js","sources":["../../src/form/create.form-base.tsx"],"sourcesContent":["import React, { Component, ComponentType, PropsWithChildren } from 'react'\r\nimport { Box, SxProps, Theme } from '@mui/material'\r\nimport { IFormBase } from './types'\r\nimport { convertFormDataToJson, getErrorFromResponse, singleValidate, validateMerge } from './helpers'\r\nimport FormValidator, { IPartialError, SingleRuleValidate } from './validator'\r\n\r\nexport interface FormBaseParam<TModel> {\r\n  validate?: FormValidator<Partial<TModel>>\r\n}\r\n\r\nexport interface FormBaseProps<TModel> extends PropsWithChildren {\r\n  sx?: SxProps<Theme>\r\n  validate?: FormValidator<Partial<TModel>>\r\n  onSubmit: (data: Partial<TModel>, e: React.FormEvent<HTMLFormElement>) => Promise<void>\r\n}\r\n\r\nexport interface FormBaseState<TModel> extends Pick<IFormBase<TModel>, 'messageErrors'> {\r\n  modelState?: Partial<TModel>\r\n}\r\n\r\nexport interface IFormContextBase<TModel> {\r\n  modelState?: Partial<TModel>\r\n  messageErrors: IPartialError<TModel>\r\n  onBlur: (keyName: keyof TModel) => void\r\n  setError: (keyName: keyof TModel, message: string) => void\r\n  clearErrorAll: (keyName: keyof TModel) => void\r\n}\r\n\r\nexport interface FormBaseResult<TModel> {\r\n  Form: ComponentType<FormBaseProps<TModel>>\r\n  Validator?: FormValidator<Partial<TModel>>\r\n  Context: React.Context<IFormContextBase<TModel>>\r\n  contextMapping: (params: (context: IFormContextBase<TModel>) => JSX.Element) => JSX.Element\r\n}\r\n\r\nconst CreateFormBase = function <TModel>(param?: FormBaseParam<TModel>): FormBaseResult<TModel> {\r\n  const FormBaseContext = React.createContext<IFormContextBase<TModel>>({} as any)\r\n  class FormBase extends Component<FormBaseProps<TModel>, FormBaseState<TModel>> {\r\n    refForm: HTMLFormElement | null = null\r\n    constructor(props: FormBaseProps<TModel>) {\r\n      super(props)\r\n      this.validate = this.getValidate()\r\n      this.state = { messageErrors: {} }\r\n    }\r\n\r\n    setError = (keyName: keyof TModel, message: string) => {\r\n      const error = { [keyName]: [{ rule: SingleRuleValidate.Custom, message }] }\r\n      this.setState({\r\n        messageErrors: Object.assign({}, this.state.messageErrors, error)\r\n      })\r\n    }\r\n\r\n    clearErrorAll = () => {\r\n      this.setState({ messageErrors: {} })\r\n    }\r\n\r\n    render() {\r\n      const { onBlur, setError, clearErrorAll } = this\r\n      const { modelState, messageErrors } = this.state\r\n      return (\r\n        <Box component='form' sx={this.props.sx} ref={(ref: HTMLFormElement) => (this.refForm = ref)} onSubmit={this.onSubmit}>\r\n          <FormBaseContext.Provider value={{ setError, onBlur, clearErrorAll, modelState, messageErrors }}>\r\n            {this.props.children}\r\n          </FormBaseContext.Provider>\r\n        </Box>\r\n      )\r\n    }\r\n\r\n    private validate: FormValidator<Partial<TModel>>\r\n    onSubmit: React.FormEventHandler<HTMLFormElement> = async (e) => {\r\n      e.preventDefault()\r\n      const formData = new FormData(e.currentTarget as HTMLFormElement)\r\n      const model = convertFormDataToJson<TModel>(formData)\r\n      this.setState({ modelState: model })\r\n      const messageErrors = this.validate.run(model) as IPartialError<TModel>\r\n      if (messageErrors) {\r\n        this.setState({ messageErrors: messageErrors })\r\n        if (Object.keys(messageErrors).length > 0) return\r\n      }\r\n      await this.props.onSubmit(model, e).catch((error) => {\r\n        const messageError = getErrorFromResponse(error, model)\r\n        this.setState({ messageErrors: { ...this.state.messageErrors, ...(messageError || {}) } })\r\n      })\r\n    }\r\n\r\n    onBlur = (keyName: keyof TModel) => {\r\n      if (!this.refForm) return\r\n      const { messageErrors } = this.state\r\n      const formData = new FormData(this.refForm)\r\n      const model = convertFormDataToJson(formData)\r\n      this.setState({ modelState: model })\r\n      const error = singleValidate<TModel, Partial<TModel>>(keyName, model, messageErrors, this.validate) || {}\r\n      this.setState({ messageErrors: error as IPartialError<TModel> })\r\n    }\r\n\r\n    getValidate = (): FormValidator<Partial<TModel>> => {\r\n      const defaultValidate = new FormValidator<Partial<TModel>>({})\r\n      return validateMerge(defaultValidate, param?.validate, this.props.validate)\r\n    }\r\n  }\r\n\r\n  return {\r\n    Form: FormBase,\r\n    Validator: param?.validate,\r\n    Context: FormBaseContext,\r\n    contextMapping: (params: (context: IFormContextBase<TModel>) => JSX.Element) => <FormBaseContext.Consumer>{params}</FormBaseContext.Consumer>\r\n  }\r\n}\r\nexport default CreateFormBase\r\n"],"names":["CreateFormBase","param","FormBaseContext","React","createContext","FormBase","props","_this","_classCallCheck","_callSuper","_defineProperty","keyName","message","error","rule","SingleRuleValidate","Custom","setState","messageErrors","Object","assign","state","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","e","formData","model","wrap","_context","prev","next","preventDefault","FormData","currentTarget","convertFormDataToJson","modelState","validate","run","keys","length","abrupt","onSubmit","messageError","getErrorFromResponse","_objectSpread","stop","_x","apply","this","arguments","refForm","singleValidate","defaultValidate","FormValidator","validateMerge","getValidate","_inherits","Component","_createClass","key","value","_this2","onBlur","setError","clearErrorAll","_this$state","_jsx","Box","component","sx","ref","children","Provider","Form","Validator","Context","contextMapping","params","Consumer"],"mappings":"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"}
+{"version":3,"file":"create.form-base.js","sources":["../../src/form/create.form-base.tsx"],"sourcesContent":["import React, { Component, ComponentType, PropsWithChildren, ReactNode } from 'react'\r\nimport { Box, SxProps, Theme } from '@mui/material'\r\nimport { IFormBaseContext, ISetModelStateFunc } from './types'\r\nimport { convertFormDataToJson, getErrorFromResponse, singleValidate, validateMerge } from './helpers'\r\nimport FormValidator, { IPartialError, SingleRuleValidate } from './validator'\r\n\r\nexport interface IFormBaseParams<T> {\r\n  validate?: FormValidator<Partial<T>>\r\n}\r\n\r\nexport interface IFormBaseProps<T> extends PropsWithChildren {\r\n  sx?: SxProps<Theme>\r\n  validate?: FormValidator<Partial<T>>\r\n  onSubmit: (data: Partial<T>, e: React.FormEvent<HTMLFormElement>) => Promise<void>\r\n}\r\n\r\nexport interface IFormBaseState<T> {\r\n  modelState?: Partial<T>\r\n  messageErrors: IPartialError<T>\r\n}\r\n\r\nexport interface IFormBaseResult<T> {\r\n  Form: ComponentType<IFormBaseProps<T>>\r\n  Validator?: FormValidator<Partial<T>>\r\n  Context: React.Context<IFormBaseContext<T>>\r\n  mapContext: (params: (context: IFormBaseContext<T>) => JSX.Element) => JSX.Element\r\n}\r\n\r\nconst CreateFormBase = function <T>(params?: IFormBaseParams<T>): IFormBaseResult<T> {\r\n  const FormBaseContext = React.createContext<IFormBaseContext<T>>({\r\n    setModelState: () => {},\r\n    messageErrors: {},\r\n    onBlur: () => {},\r\n    setError: () => {},\r\n    clearErrorAll: () => {}\r\n  })\r\n  class FormBase extends Component<IFormBaseProps<T>, IFormBaseState<T>> {\r\n    refForm: HTMLFormElement | null = null\r\n    constructor(props: IFormBaseProps<T>) {\r\n      super(props)\r\n      this.validate = this.getValidate()\r\n      this.state = { messageErrors: {} }\r\n    }\r\n\r\n    render() {\r\n      return (\r\n        <Box component='form' sx={this.props.sx} ref={(ref: HTMLFormElement) => (this.refForm = ref)} onSubmit={this.onSubmit}>\r\n          <FormBaseContext.Provider value={this.mapContext()}>{this.props.children}</FormBaseContext.Provider>\r\n        </Box>\r\n      )\r\n    }\r\n\r\n    private mapContext = (): IFormBaseContext<T> => {\r\n      const { setError, setModelState, clearErrorAll, onBlur } = this\r\n      const { modelState, messageErrors } = this.state\r\n      return { modelState, messageErrors, setError, onBlur, clearErrorAll, setModelState }\r\n    }\r\n\r\n    setError = (keyName: keyof T, message: string) => {\r\n      const error = { [keyName]: [{ rule: SingleRuleValidate.Custom, message }] }\r\n      this.setState({ messageErrors: Object.assign({}, this.state.messageErrors, error) })\r\n    }\r\n\r\n    setModelState: ISetModelStateFunc<T> = (state) => {\r\n      const obj = Object.assign({}, this.state.modelState, state)\r\n      this.setState({ modelState: obj })\r\n    }\r\n\r\n    getValidate = (): FormValidator<Partial<T>> => {\r\n      const defaultValidate = new FormValidator<Partial<T>>({})\r\n      return validateMerge(defaultValidate, params?.validate, this.props.validate)\r\n    }\r\n\r\n    clearErrorAll = () => {\r\n      this.setState({ messageErrors: {} })\r\n    }\r\n\r\n    private validate: FormValidator<Partial<T>>\r\n    onSubmit: React.FormEventHandler<HTMLFormElement> = async (e) => {\r\n      e.preventDefault()\r\n      const formData = new FormData(e.currentTarget as HTMLFormElement)\r\n      const model = convertFormDataToJson<T>(formData)\r\n      this.setState({ modelState: model })\r\n      const messageErrors = this.validate.run(model) as IPartialError<T>\r\n      if (messageErrors) {\r\n        this.setState({ messageErrors: messageErrors })\r\n        if (Object.keys(messageErrors).length > 0) return\r\n      }\r\n      await this.props.onSubmit(model, e).catch((error) => {\r\n        const messageError = getErrorFromResponse(error, model)\r\n        this.setState({ messageErrors: { ...this.state.messageErrors, ...(messageError || {}) } })\r\n      })\r\n    }\r\n\r\n    onBlur = (keyName: keyof T) => {\r\n      if (!this.refForm) return\r\n      const { messageErrors } = this.state\r\n      const formData = new FormData(this.refForm)\r\n      const model = convertFormDataToJson(formData)\r\n      this.setState({ modelState: model })\r\n      const error = singleValidate<T, Partial<T>>(keyName, model, messageErrors, this.validate) || {}\r\n      this.setState({ messageErrors: error as IPartialError<T> })\r\n    }\r\n  }\r\n\r\n  return {\r\n    Form: FormBase,\r\n    Validator: params?.validate,\r\n    Context: FormBaseContext,\r\n    mapContext: (params: (context: IFormBaseContext<T>) => ReactNode) => <FormBaseContext.Consumer>{params}</FormBaseContext.Consumer>\r\n  }\r\n}\r\nexport default CreateFormBase\r\n"],"names":["CreateFormBase","params","FormBaseContext","React","createContext","setModelState","messageErrors","onBlur","setError","clearErrorAll","FormBase","props","_this","_classCallCheck","_callSuper","_defineProperty","_this2","_this$state","state","modelState","keyName","message","error","rule","SingleRuleValidate","Custom","setState","Object","assign","obj","defaultValidate","FormValidator","validateMerge","validate","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","e","formData","model","wrap","_context","prev","next","preventDefault","FormData","currentTarget","convertFormDataToJson","run","keys","length","abrupt","onSubmit","messageError","getErrorFromResponse","_objectSpread","stop","_x","apply","this","arguments","refForm","singleValidate","getValidate","_inherits","Component","_createClass","key","value","_this3","_jsx","Box","component","sx","ref","children","Provider","mapContext","Form","Validator","Context","Consumer"],"mappings":"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"}

package/dist/form/create.form-grid-layout.js

@@ -1,2 +1,2 @@
-import{inherits as o,createClass as t,classCallCheck as n,callSuper as r,defineProperty as e,objectSpread2 as i,objectWithoutProperties as l,asyncToGenerator as a,regeneratorRuntime as s}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as u,jsx as p}from"react/jsx-runtime";import{Fragment as d,Component as c}from"react";import{Grid as v}from"@mui/material";import"../api-context/alert-global.js";import"../api-context/drawer-global.js";import{mapGlobalModalContext as m}from"../api-context/global-modal.js";import{CreateFormBottomBar as f,ContentWrap as g}from"./create.form-grid-layout.units.js";import b from"./create.input.js";import h from"./create.form-base.js";var y=["slots"],x=function(x){var S=h(),C=f(),k=b({maxLength:250}),j=function(){function f(o){var t;return n(this,f),t=r(this,f,[o]),e(t,"renderContent",(function(){var o,n=t.props.slots;return u(g,i(i({},null===(o=t.props)||void 0===o||null===(o=o.slots)||void 0===o?void 0:o.contentProps),{},{children:[(null==n?void 0:n.contentBefore)&&(null==n?void 0:n.contentBefore),null==x?void 0:x.contentBefore,p(v,{container:!0,spacing:2,children:x.configs.map((function(o,n){var r,e=!(null===(r=t.configMerged.inputVisibility)||void 0===r||!r[o.key])||void 0;return p(d,e?{}:{children:p(v,i(i({item:!0,xs:12},o.reponsives),{},{children:t.renderFormFieldElement(o)}))},o.key.toString()+n)}))}),null==x?void 0:x.contentAfter,(null==n?void 0:n.contentAfter)&&(null==n?void 0:n.contentAfter)]}))})),e(t,"renderFormFieldElement",(function(o){var n,r,e,i,a=t.props;a.slots;var s=l(a,y),u=null!==(n=o.inputElement)&&void 0!==n?n:k,d=null!==(r=null===(e=s.data)||void 0===e?void 0:e[o.key])&&void 0!==r?r:null==o?void 0:o.defaultValue,c=!(null===(i=t.configMerged.inputDisabled)||void 0===i||!i[o.key])||void 0;return S.contextMapping((function(n){return p(u,{data:t.props.data,onBlur:n.onBlur,messageErrors:n.messageErrors,name:o.key,label:o.label,placeholder:o.placeholder,disabled:c,defaultValue:d})}))})),e(t,"loading",(function(){return t.setState({loadding:!0})})),e(t,"unloading",(function(){return t.setState({loadding:!1})})),e(t,"onSubmit",function(){var o=a(s().mark((function o(n,r){var e,i,l,a,u,p,d;return s().wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return a=t.props.slots,u=null!==(e=null!==(i=null===(l=t.props.slots)||void 0===l?void 0:l.submitMapping)&&void 0!==i?i:x.submitMapping)&&void 0!==e?e:t.submitMapping,p=u(n,t.props.data),o.prev=3,t.loading(),null===(d=t.abortController)||void 0===d||d.abort(),t.abortController=new AbortController,o.next=9,t.props.onSubmit(p,t.abortController.signal);case 9:null!=a&&a.closeState&&!1===a.closeState.Success||(r&&r(),t.props.onClose&&t.props.onClose()),o.next=16;break;case 12:o.prev=12,o.t0=o.catch(3),null!=a&&a.closeState&&!0===a.closeState.Fail&&(r&&r(),t.props.onClose&&t.props.onClose()),t.props.onError&&t.props.onError(o.t0);case 16:return o.prev=16,t.unloading(),o.finish(16);case 19:case"end":return o.stop()}}),o,null,[[3,12,16,19]])})));return function(t,n){return o.apply(this,arguments)}}()),e(t,"submitMapping",(function(o){return o})),e(t,"getSxProps",(function(){var o=t.state.loadding;return i(i({},t.props.sx),{},{opacity:o?.7:1,pointerEvents:o?"none":"auto"})})),t.state={loadding:!1},t}return o(f,c),t(f,[{key:"configMerged",get:function(){var o,t,n,r;return{inputVisibility:null!==(o=null===(t=this.props.slots)||void 0===t?void 0:t.inputVisibility)&&void 0!==o?o:x.inputVisibility,inputDisabled:null!==(n=null===(r=this.props.slots)||void 0===r?void 0:r.inputDisabled)&&void 0!==n?n:x.inputDisabled}}},{key:"render",value:function(){var o,t,n,r=this,e=null!==(o=null!==(t=null==x?void 0:x.action)&&void 0!==t?t:null===(n=this.props.slots)||void 0===n?void 0:n.action)&&void 0!==o?o:C;return m((function(o){var t=o.close;return u(S.Form,{validate:x.validate,onSubmit:function(o){return r.onSubmit(o,t)},sx:r.getSxProps(),children:[r.renderContent(),S.contextMapping((function(o){var t;return p(e,{data:r.props.data,onBlur:o.onBlur,messageErrors:o.messageErrors,before:null===(t=r.props.slots)||void 0===t?void 0:t.actionBefore})}))]})}))}},{key:"componentWillUnmount",value:function(){var o;null===(o=this.abortController)||void 0===o||o.abort()}}])}();return j};export{x as default};
+import{inherits as o,createClass as t,objectSpread2 as r,classCallCheck as n,callSuper as e,defineProperty as i,asyncToGenerator as l,regeneratorRuntime as a}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as s,jsx as u}from"react/jsx-runtime";import{Fragment as p,Component as d}from"react";import{Grid as c}from"@mui/material";import{cleanObject as v}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"react-router-dom";import"../utils/query-param.js";import"../api-context/alert-global.js";import"../api-context/drawer-global.js";import{mapGlobalModalContext as m}from"../api-context/global-modal.js";import{ContentWrap as f,CreateFormBottomBar as g}from"./create.form-grid-layout.units.js";import b from"./create.input.js";import h from"./create.form-base.js";var y=function(y){var S=h(),x=g(),C=b({maxLength:250}),j=function(){function g(o){var t;return n(this,g),t=e(this,g,[o]),i(t,"renderFormFieldElement",(function(o){var n,e=t.props.data,l=null!==(n=o.inputElement)&&void 0!==n?n:C;return S.mapContext((function(n){var a,s,p={formData:n.modelState,data:e,onBlur:n.onBlur,messageErrors:n.messageErrors,name:o.key,label:o.label,placeholder:o.placeholder,disabled:!(null===(a=t.configMerged.inputDisabled)||void 0===a||!a[o.key])||void 0,defaultValue:null!==(s=null==e?void 0:e[o.key])&&void 0!==s?s:null==o?void 0:o.defaultValue,onObservedChange:function(o,t){return n.setModelState(i({},o,t))}};return u(l,r({},v(p)))}))})),i(t,"loading",(function(){return t.setState({loadding:!0})})),i(t,"unloading",(function(){return t.setState({loadding:!1})})),i(t,"onSubmit",function(){var o=l(a().mark((function o(r,n){var e,i,l,s,u,p,d,c;return a().wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return s=t.props.slots,u=null!==(e=null!==(i=null===(l=t.props.slots)||void 0===l?void 0:l.submitMapping)&&void 0!==i?i:y.submitMapping)&&void 0!==e?e:t.submitMapping,p=u(r,t.props.data),o.prev=3,t.loading(),null===(d=t.abortController)||void 0===d||d.abort(),t.abortController=new AbortController,o.next=9,t.props.onSubmit(p,null===(c=t.abortController)||void 0===c?void 0:c.signal);case 9:null!=s&&s.closeState&&!1===s.closeState.Success||(n&&n(),t.props.onClose&&t.props.onClose()),o.next=16;break;case 12:o.prev=12,o.t0=o.catch(3),null!=s&&s.closeState&&!0===s.closeState.Fail&&(n&&n(),t.props.onClose&&t.props.onClose()),t.props.onError&&t.props.onError(o.t0);case 16:return o.prev=16,t.unloading(),o.finish(16);case 19:case"end":return o.stop()}}),o,null,[[3,12,16,19]])})));return function(t,r){return o.apply(this,arguments)}}()),i(t,"submitMapping",(function(o){return o})),i(t,"getSxProps",(function(){var o=t.state.loadding;return r(r({},t.props.sx),{},{opacity:o?.7:1,pointerEvents:o?"none":"auto"})})),t.state={loadding:!1},t}return o(g,d),t(g,[{key:"configMerged",get:function(){var o,t,r,n;return{inputVisibility:null!==(o=null===(t=this.props.slots)||void 0===t?void 0:t.inputVisibility)&&void 0!==o?o:y.inputVisibility,inputDisabled:null!==(r=null===(n=this.props.slots)||void 0===n?void 0:n.inputDisabled)&&void 0!==r?r:y.inputDisabled}}},{key:"render",value:function(){var o,t,n,e=this,i=this.props.slots,l=null!==(o=null!==(t=null==y?void 0:y.action)&&void 0!==t?t:null===(n=this.props.slots)||void 0===n?void 0:n.action)&&void 0!==o?o:x;return m((function(o){var t,n=o.close;return s(S.Form,{validate:y.validate,onSubmit:function(o){return e.onSubmit(o,n)},sx:e.getSxProps(),children:[s(f,r(r({},null===(t=e.props)||void 0===t||null===(t=t.slots)||void 0===t?void 0:t.contentProps),{},{children:[(null==i?void 0:i.contentBefore)&&(null==i?void 0:i.contentBefore),null==y?void 0:y.contentBefore,u(c,{container:!0,spacing:2,children:y.configs.map((function(o,t){var n,i=!(null===(n=e.configMerged.inputVisibility)||void 0===n||!n[o.key])||void 0;return u(p,i?{}:{children:u(c,r(r({item:!0,xs:12},o.reponsives),{},{children:e.renderFormFieldElement(o)}))},o.key.toString()+t)}))}),null==y?void 0:y.contentAfter,(null==i?void 0:i.contentAfter)&&(null==i?void 0:i.contentAfter)]})),S.mapContext((function(o){var t;return u(l,{data:e.props.data,onBlur:o.onBlur,messageErrors:o.messageErrors,before:null===(t=e.props.slots)||void 0===t?void 0:t.actionBefore})}))]})}))}},{key:"componentWillUnmount",value:function(){var o;null===(o=this.abortController)||void 0===o||o.abort()}}])}();return j};export{y as default};
 //# sourceMappingURL=create.form-grid-layout.js.map

package/dist/form/create.form-grid-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.form-grid-layout.js","sources":["../../src/form/create.form-grid-layout.tsx"],"sourcesContent":["import React, { Component, ComponentType, Fragment } from 'react'\r\nimport { BoxProps, Grid, RegularBreakpoints, SxProps, Theme } from '@mui/material'\r\nimport { IFormBase, IFormInputBase } from './types'\r\nimport { mapGlobalModalContext } from '../api-context'\r\nimport { ContentWrap, CreateFormBottomBar } from './create.form-grid-layout.units'\r\nimport FormValidator from './validator'\r\nimport CreateInput from './create.input'\r\nimport CreateFormBase from './create.form-base'\r\n\r\nexport interface IFormGridLayoutConfig<T> {\r\n  key: keyof T\r\n  label?: string\r\n  placeholder?: string\r\n  reponsives?: RegularBreakpoints\r\n  defaultValue?: any\r\n  inputElement?: React.ComponentType<IFormInputBase<T>>\r\n}\r\n\r\nexport type SubmitMappingEvent<T> = (value: Partial<T>, oldValue?: T) => Partial<T>\r\n\r\nexport interface IFormGridLayoutSlots<T> {\r\n  action?: React.ComponentType<IFormBase<T>>\r\n  actionBefore?: JSX.Element\r\n  contentBefore?: JSX.Element\r\n  contentAfter?: JSX.Element\r\n  inputVisibility?: Partial<Record<keyof T, boolean>>\r\n  // inputVisibilityGetter?:  (value: Partial<T>) => Partial<Record<keyof T, boolean>>\r\n  inputDisabled?: Partial<Record<keyof T, boolean>>\r\n  closeState?: { Success?: boolean; Fail?: boolean }\r\n  contentProps?: BoxProps\r\n  submitMapping?: SubmitMappingEvent<T>\r\n}\r\n\r\nexport interface IFormGridLayoutParams<T> extends IFormGridLayoutSlots<T> {\r\n  configs: IFormGridLayoutConfig<T>[]\r\n  validate: FormValidator<Partial<T>>\r\n}\r\n\r\nexport interface IFormGridLayoutProps<T> {\r\n  data?: T\r\n  onSubmit: (value: Partial<T>, signal?: AbortSignal) => Promise<void>\r\n  onError?: (error: any) => void\r\n  onClose?: () => void\r\n  sx?: SxProps<Theme>\r\n  slots?: IFormGridLayoutSlots<T>\r\n}\r\n\r\nexport interface IFormGridLayoutState {\r\n  loadding?: boolean\r\n}\r\n\r\nconst CreateFormGridLayout = function <T>(params: IFormGridLayoutParams<T>): ComponentType<IFormGridLayoutProps<T>> {\r\n  const FormBaseInstance = CreateFormBase<T>()\r\n  const BottomBarInstance = CreateFormBottomBar<T>()\r\n  const InputBaseInstance = CreateInput<T>({ maxLength: 250 })\r\n\r\n  class FormGridLayout extends Component<IFormGridLayoutProps<T>, IFormGridLayoutState> {\r\n    private abortController?: AbortController\r\n    constructor(props: IFormGridLayoutProps<T>) {\r\n      super(props)\r\n      this.state = { loadding: false }\r\n    }\r\n\r\n    get configMerged() {\r\n      return {\r\n        inputVisibility: this.props.slots?.inputVisibility ?? params.inputVisibility,\r\n        inputDisabled: this.props.slots?.inputDisabled ?? params.inputDisabled\r\n      }\r\n    }\r\n\r\n    render() {\r\n      const BottomBar = params?.action ?? this.props.slots?.action ?? BottomBarInstance\r\n      return mapGlobalModalContext(({ close }) => (\r\n        <FormBaseInstance.Form validate={params.validate} onSubmit={(v) => this.onSubmit(v, close)} sx={this.getSxProps()}>\r\n          {this.renderContent()}\r\n          {FormBaseInstance.contextMapping((context) => (\r\n            <BottomBar data={this.props.data} onBlur={context.onBlur} messageErrors={context.messageErrors} before={this.props.slots?.actionBefore} />\r\n          ))}\r\n        </FormBaseInstance.Form>\r\n      ))\r\n    }\r\n\r\n    renderContent = () => {\r\n      const { slots } = this.props\r\n      return (\r\n        <ContentWrap {...this.props?.slots?.contentProps}>\r\n          {slots?.contentBefore && slots?.contentBefore}\r\n          {params?.contentBefore}\r\n          <Grid container spacing={2}>\r\n            {params.configs.map((config, index) => {\r\n              const visibility: boolean | undefined = this.configMerged.inputVisibility?.[config.key] ? true : undefined\r\n              if (visibility) return <Fragment key={config.key.toString() + index} />\r\n              return (\r\n                <Fragment key={config.key.toString() + index}>\r\n                  <Grid item xs={12} {...config.reponsives}>\r\n                    {this.renderFormFieldElement(config)}\r\n                  </Grid>\r\n                </Fragment>\r\n              )\r\n            })}\r\n          </Grid>\r\n          {params?.contentAfter}\r\n          {slots?.contentAfter && slots?.contentAfter}\r\n        </ContentWrap>\r\n      )\r\n    }\r\n\r\n    renderFormFieldElement = (config: IFormGridLayoutConfig<T>) => {\r\n      const { slots, ...otherProps } = this.props\r\n      const ElementComponent = config.inputElement ?? InputBaseInstance\r\n      const dValue = otherProps.data?.[config.key] ?? config?.defaultValue\r\n      const disabled: boolean | undefined = this.configMerged.inputDisabled?.[config.key] ? true : undefined\r\n      return FormBaseInstance.contextMapping((context) => (\r\n        <ElementComponent\r\n          data={this.props.data}\r\n          onBlur={context.onBlur}\r\n          messageErrors={context.messageErrors}\r\n          name={config.key}\r\n          label={config.label}\r\n          placeholder={config.placeholder}\r\n          disabled={disabled}\r\n          defaultValue={dValue}\r\n        />\r\n      ))\r\n    }\r\n\r\n    loading = () => this.setState({ loadding: true })\r\n\r\n    unloading = () => this.setState({ loadding: false })\r\n\r\n    componentWillUnmount(): void {\r\n      this.abortController?.abort()\r\n    }\r\n\r\n    onSubmit = async (value: Partial<T>, close?: () => void) => {\r\n      const { slots } = this.props\r\n      const mapping = this.props.slots?.submitMapping ?? params.submitMapping ?? this.submitMapping\r\n      const data = mapping(value, this.props.data)\r\n      try {\r\n        this.loading()\r\n        this.abortController?.abort()\r\n        this.abortController = new AbortController()\r\n        await this.props.onSubmit(data, this.abortController.signal)\r\n        if (!slots?.closeState || slots.closeState.Success !== false) {\r\n          close && close()\r\n          this.props.onClose && this.props.onClose()\r\n        }\r\n      } catch (error) {\r\n        if (slots?.closeState && slots.closeState.Fail === true) {\r\n          close && close()\r\n          this.props.onClose && this.props.onClose()\r\n        }\r\n        if (this.props.onError) this.props.onError(error)\r\n      } finally {\r\n        this.unloading()\r\n      }\r\n    }\r\n\r\n    submitMapping: SubmitMappingEvent<T> = (value) => value\r\n\r\n    getSxProps = (): SxProps<Theme> => {\r\n      const isLoading = this.state.loadding\r\n      return { ...this.props.sx, opacity: isLoading ? 0.7 : 1, pointerEvents: isLoading ? 'none' : 'auto' }\r\n    }\r\n  }\r\n  return FormGridLayout\r\n}\r\n\r\nexport default CreateFormGridLayout\r\n"],"names":["CreateFormGridLayout","params","FormBaseInstance","CreateFormBase","BottomBarInstance","CreateFormBottomBar","InputBaseInstance","CreateInput","maxLength","FormGridLayout","props","_this","_classCallCheck","_callSuper","_defineProperty","_this$props","slots","_jsxs","ContentWrap","_objectSpread","contentProps","children","contentBefore","_jsx","Grid","container","spacing","configs","map","config","index","_this$configMerged$in","visibility","configMerged","inputVisibility","key","undefined","Fragment","item","xs","reponsives","renderFormFieldElement","toString","contentAfter","_config$inputElement","_otherProps$data$conf","_otherProps$data","_this$configMerged$in2","_this$props2","otherProps","_objectWithoutProperties","_excluded","ElementComponent","inputElement","dValue","data","defaultValue","disabled","inputDisabled","contextMapping","context","onBlur","messageErrors","name","label","placeholder","setState","loadding","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","value","close","_ref2","_this$props$slots$sub","_this$props$slots","mapping","_this$abortController","wrap","_context","prev","next","submitMapping","loading","abortController","abort","AbortController","onSubmit","signal","closeState","Success","onClose","t0","Fail","onError","unloading","finish","stop","_x","_x2","apply","this","arguments","isLoading","state","sx","opacity","pointerEvents","_inherits","Component","_createClass","get","_this$props$slots$inp","_this$props$slots2","_this$props$slots$inp2","_this$props$slots3","_ref3","_params$action","_this$props$slots4","_this2","BottomBar","action","mapGlobalModalContext","_ref4","Form","validate","v","getSxProps","renderContent","_this2$props$slots","before","actionBefore","_this$abortController2"],"mappings":"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"}
+{"version":3,"file":"create.form-grid-layout.js","sources":["../../src/form/create.form-grid-layout.tsx"],"sourcesContent":["import React, { Component, ComponentType, Fragment } from 'react'\r\nimport { BoxProps, Grid, RegularBreakpoints, SxProps, Theme } from '@mui/material'\r\nimport { cleanObject } from '../utils'\r\nimport { IFormBase, IFormInputBase } from './types'\r\nimport { mapGlobalModalContext } from '../api-context'\r\nimport { ContentWrap, CreateFormBottomBar } from './create.form-grid-layout.units'\r\nimport FormValidator from './validator'\r\nimport CreateInput from './create.input'\r\nimport CreateFormBase from './create.form-base'\r\n\r\nexport interface IFormGridLayoutConfig<T> {\r\n  key: keyof T\r\n  label?: string\r\n  placeholder?: string\r\n  reponsives?: RegularBreakpoints\r\n  defaultValue?: any\r\n  inputElement?: React.ComponentType<IFormInputBase<T>>\r\n}\r\n\r\nexport type SubmitMappingEvent<T> = (value: Partial<T>, oldValue?: T) => Partial<T>\r\n\r\nexport interface IFormGridLayoutSlots<T> {\r\n  action?: React.ComponentType<IFormBase<T>>\r\n  actionBefore?: JSX.Element\r\n  contentBefore?: JSX.Element\r\n  contentAfter?: JSX.Element\r\n  inputVisibility?: Partial<Record<keyof T, boolean>>\r\n  // inputVisibilityGetter?:  (value: Partial<T>) => Partial<Record<keyof T, boolean>>\r\n  inputDisabled?: Partial<Record<keyof T, boolean>>\r\n  closeState?: { Success?: boolean; Fail?: boolean }\r\n  contentProps?: BoxProps\r\n  submitMapping?: SubmitMappingEvent<T>\r\n}\r\n\r\nexport interface IFormGridLayoutParams<T> extends IFormGridLayoutSlots<T> {\r\n  configs: IFormGridLayoutConfig<T>[]\r\n  validate: FormValidator<Partial<T>>\r\n}\r\n\r\nexport interface IFormGridLayoutProps<T> {\r\n  data?: T\r\n  onSubmit: (value: Partial<T>, signal?: AbortSignal) => Promise<void>\r\n  onError?: (error: any) => void\r\n  onClose?: () => void\r\n  sx?: SxProps<Theme>\r\n  slots?: IFormGridLayoutSlots<T>\r\n}\r\n\r\nexport interface IFormGridLayoutState {\r\n  loadding?: boolean\r\n}\r\n\r\nconst CreateFormGridLayout = function <T>(params: IFormGridLayoutParams<T>): ComponentType<IFormGridLayoutProps<T>> {\r\n  const FormBaseInstance = CreateFormBase<T>()\r\n  const BottomBarInstance = CreateFormBottomBar<T>()\r\n  const InputBaseInstance = CreateInput<T>({ maxLength: 250 })\r\n\r\n  class FormGridLayout extends Component<IFormGridLayoutProps<T>, IFormGridLayoutState> {\r\n    private abortController?: AbortController\r\n    constructor(props: IFormGridLayoutProps<T>) {\r\n      super(props)\r\n      this.state = { loadding: false }\r\n    }\r\n\r\n    get configMerged() {\r\n      return {\r\n        inputVisibility: this.props.slots?.inputVisibility ?? params.inputVisibility,\r\n        inputDisabled: this.props.slots?.inputDisabled ?? params.inputDisabled\r\n      }\r\n    }\r\n\r\n    render() {\r\n      const { slots } = this.props\r\n      const BottomBar = params?.action ?? this.props.slots?.action ?? BottomBarInstance\r\n      return mapGlobalModalContext(({ close }) => (\r\n        <FormBaseInstance.Form validate={params.validate} onSubmit={(v) => this.onSubmit(v, close)} sx={this.getSxProps()}>\r\n          <ContentWrap {...this.props?.slots?.contentProps}>\r\n            {slots?.contentBefore && slots?.contentBefore}\r\n            {params?.contentBefore}\r\n            <Grid container spacing={2}>\r\n              {params.configs.map((config, index) => {\r\n                const visibility: boolean | undefined = this.configMerged.inputVisibility?.[config.key] ? true : undefined\r\n                if (visibility) return <Fragment key={config.key.toString() + index} />\r\n                return (\r\n                  <Fragment key={config.key.toString() + index}>\r\n                    <Grid item xs={12} {...config.reponsives}>\r\n                      {this.renderFormFieldElement(config)}\r\n                    </Grid>\r\n                  </Fragment>\r\n                )\r\n              })}\r\n            </Grid>\r\n            {params?.contentAfter}\r\n            {slots?.contentAfter && slots?.contentAfter}\r\n          </ContentWrap>\r\n          {FormBaseInstance.mapContext((context) => (\r\n            <BottomBar data={this.props.data} onBlur={context.onBlur} messageErrors={context.messageErrors} before={this.props.slots?.actionBefore} />\r\n          ))}\r\n        </FormBaseInstance.Form>\r\n      ))\r\n    }\r\n\r\n    renderFormFieldElement = (config: IFormGridLayoutConfig<T>) => {\r\n      const { data } = this.props\r\n      const ElementComponent = config.inputElement ?? InputBaseInstance\r\n      return FormBaseInstance.mapContext((context) => {\r\n        const obj: IFormInputBase<T, any> = {\r\n          formData: context.modelState,\r\n          data,\r\n          onBlur: context.onBlur,\r\n          messageErrors: context.messageErrors,\r\n          name: config.key,\r\n          label: config.label,\r\n          placeholder: config.placeholder,\r\n          disabled: this.configMerged.inputDisabled?.[config.key] ? true : undefined,\r\n          defaultValue: data?.[config.key] ?? config?.defaultValue,\r\n          onObservedChange: (name, value) => context.setModelState({ [name]: value } as Pick<T, keyof T>)\r\n        }\r\n        return <ElementComponent {...cleanObject(obj)} />\r\n      })\r\n    }\r\n\r\n    loading = () => this.setState({ loadding: true })\r\n\r\n    unloading = () => this.setState({ loadding: false })\r\n\r\n    componentWillUnmount(): void {\r\n      this.abortController?.abort()\r\n    }\r\n\r\n    onSubmit = async (value: Partial<T>, close?: () => void) => {\r\n      const { slots } = this.props\r\n      const mapping = this.props.slots?.submitMapping ?? params.submitMapping ?? this.submitMapping\r\n      const data = mapping(value, this.props.data)\r\n      try {\r\n        this.loading()\r\n        this.abortController?.abort()\r\n        this.abortController = new AbortController()\r\n        await this.props.onSubmit(data, this.abortController?.signal)\r\n        if (!slots?.closeState || slots.closeState.Success !== false) {\r\n          close && close()\r\n          this.props.onClose && this.props.onClose()\r\n        }\r\n      } catch (error) {\r\n        if (slots?.closeState && slots.closeState.Fail === true) {\r\n          close && close()\r\n          this.props.onClose && this.props.onClose()\r\n        }\r\n        if (this.props.onError) this.props.onError(error)\r\n      } finally {\r\n        this.unloading()\r\n      }\r\n    }\r\n\r\n    submitMapping: SubmitMappingEvent<T> = (value) => value\r\n\r\n    getSxProps = (): SxProps<Theme> => {\r\n      const isLoading = this.state.loadding\r\n      return { ...this.props.sx, opacity: isLoading ? 0.7 : 1, pointerEvents: isLoading ? 'none' : 'auto' }\r\n    }\r\n  }\r\n  return FormGridLayout\r\n}\r\n\r\nexport default CreateFormGridLayout\r\n"],"names":["CreateFormGridLayout","params","FormBaseInstance","CreateFormBase","BottomBarInstance","CreateFormBottomBar","InputBaseInstance","CreateInput","maxLength","FormGridLayout","props","_this","_classCallCheck","_callSuper","_defineProperty","config","_config$inputElement","data","ElementComponent","inputElement","mapContext","context","_this$configMerged$in","_data$config$key","obj","formData","modelState","onBlur","messageErrors","name","key","label","placeholder","disabled","configMerged","inputDisabled","undefined","defaultValue","onObservedChange","value","setModelState","_jsx","_objectSpread","cleanObject","setState","loadding","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","close","_ref2","_this$props$slots$sub","_this$props$slots","slots","mapping","_this$abortController","_this$abortController2","wrap","_context","prev","next","submitMapping","loading","abortController","abort","AbortController","onSubmit","signal","closeState","Success","onClose","t0","Fail","onError","unloading","finish","stop","_x","_x2","apply","this","arguments","isLoading","state","sx","opacity","pointerEvents","_inherits","Component","_createClass","get","_this$props$slots$inp","_this$props$slots2","_this$props$slots$inp2","_this$props$slots3","inputVisibility","_ref3","_params$action","_this$props$slots4","_this2","BottomBar","action","mapGlobalModalContext","_ref4","_this2$props","_jsxs","Form","validate","v","getSxProps","children","ContentWrap","contentProps","contentBefore","Grid","container","spacing","configs","map","index","_this2$configMerged$i","visibility","Fragment","item","xs","reponsives","renderFormFieldElement","toString","contentAfter","_this2$props$slots","before","actionBefore","_this$abortController3"],"mappings":"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"}

package/dist/form/create.input-file.csv-local-parser.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.input-file.csv-local-parser.js","sources":["../../src/form/create.input-file.csv-local-parser.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { Box, BoxProps, styled, TextField, TextFieldProps, Typography, TypographyProps } from '@mui/material'\r\nimport DownloadIcon from '@mui/icons-material/Download'\r\nimport { getErrorMessage } from './helpers'\r\nimport { tryParseCsvFileToArray } from '../utils'\r\nimport { IFormBase, IFormInputBase } from './types'\r\n\r\nexport interface IInputFileCsvLocalParserSlots {\r\n  /**\r\n   * The URL of the sample CSV file that users can download.\r\n   * If provided, a \"Download sample\" link will be displayed.\r\n   * Example: '/sample.csv' or 'https://example.com/sample.csv'\r\n   */\r\n  downloadSampleUrl?: string\r\n  /**\r\n   * Instructional text displayed alongside the download link or file input.\r\n   * Useful for guiding users on how to use or fill out the CSV file.\r\n   */\r\n  instructionalText?: string\r\n  /**\r\n   * Props to customize the TextField used for uploading the CSV file.\r\n   * Allows customization of appearance and behavior (e.g., placeholder, onChange, disabled).\r\n   */\r\n  textFieldProps?: TextFieldProps\r\n  /**\r\n   * Props passed to the wrapper element (typically a Box).\r\n   * Useful for customizing layout styles such as margin, padding, or display.\r\n   */\r\n  wrapProps?: BoxProps\r\n  /**\r\n   * Whether the label should shrink when displayed.\r\n   * Defaults to `true` if a label is present to prevent overlap.\r\n   * @default true\r\n   */\r\n  labelShrink?: boolean\r\n}\r\n\r\nexport interface IInputFileCsvLocalParserParams extends IInputFileCsvLocalParserSlots {}\r\n\r\nexport interface IInputFileCsvLocalParserProps<T, C> extends IFormInputBase<T> {\r\n  onChange?: (value: C[]) => void\r\n  slots?: IInputFileCsvLocalParserSlots\r\n}\r\n\r\nexport interface IInputFileCsvLocalParserState<C> {\r\n  parsedData: C[]\r\n}\r\n\r\ntype IPickConfigs<T> = Required<Pick<IFormBase<T>, 'onBlur' | 'messageErrors'>>\r\n\r\ninterface IMergeConfigs<T> extends IPickConfigs<T>, IInputFileCsvLocalParserSlots {\r\n  name: keyof T\r\n}\r\n\r\n/**\r\n * Creates a React component that renders a file input specifically for CSV files,\r\n * parses the selected file locally into a structured array, and integrates with a form system.\r\n *\r\n * @template T - The main data model used in the form. Represents the shape of the overall form data.\r\n * @template C - The type of each individual item parsed from the CSV file.\r\n *\r\n * @param params - Optional slot parameters to customize the appearance or behavior of the text field.\r\n * @returns A React component configured for uploading and parsing local CSV files.\r\n */\r\nexport function createInputFileCsvLocalParser<T, C>(params?: IInputFileCsvLocalParserParams): ComponentType<IInputFileCsvLocalParserProps<T, C>> {\r\n  class InputFileCsvLocalParser extends Component<IInputFileCsvLocalParserProps<T, C>, IInputFileCsvLocalParserState<C>> {\r\n    private mergeConfigsCache: IMergeConfigs<T> = { name: '' as keyof T, onBlur: () => {}, messageErrors: {} }\r\n    constructor(props: IInputFileCsvLocalParserProps<T, C>) {\r\n      super(props)\r\n      this.mergeConfigsCache = this.upgradeMergeConfigs(props)\r\n      this.state = { parsedData: [] }\r\n    }\r\n\r\n    get mergeConfigs(): IMergeConfigs<T> {\r\n      return this.mergeConfigsCache\r\n    }\r\n\r\n    get inputValue() {\r\n      return this.state.parsedData.length > 0 ? JSON.stringify(this.state.parsedData) : ''\r\n    }\r\n\r\n    shouldComponentUpdate(nextProps: Readonly<IInputFileCsvLocalParserProps<T, C>>): boolean {\r\n      if (nextProps !== this.props) this.mergeConfigsCache = this.upgradeMergeConfigs(nextProps)\r\n      return true\r\n    }\r\n\r\n    refInput: HTMLInputElement | null = null\r\n    refTextFiled: HTMLInputElement | null = null\r\n    render() {\r\n      return (\r\n        <Box {...this.mergeConfigs.wrapProps}>\r\n          {this.mergeConfigs.downloadSampleUrl && (\r\n            <Box sx={{ display: 'flex', alignItems: 'center', mb: '10px' }}>\r\n              <Typography variant='subtitle2' component='span'>\r\n                {this.mergeConfigs.instructionalText ?? 'Metadata file, please fill out the form we provide.'}\r\n              </Typography>\r\n              <DownloadButton href={this.mergeConfigs.downloadSampleUrl}>\r\n                <span> Download sample</span>\r\n                <DownloadIcon fontSize='small' />\r\n              </DownloadButton>\r\n            </Box>\r\n          )}\r\n          <input hidden name={this.props.name?.toString()} type='text' ref={(ref) => (this.refInput = ref)} defaultValue='' />\r\n          <TextField {...this.getTextFieldProps()} inputRef={(ref) => (this.refTextFiled = ref)} />\r\n        </Box>\r\n      )\r\n    }\r\n\r\n    getTextFieldProps = (): TextFieldProps => {\r\n      const { label } = this.props\r\n      const eMessage = getErrorMessage(this.mergeConfigs.messageErrors, this.mergeConfigs.name)\r\n      const mergedProps: TextFieldProps = {\r\n        label,\r\n        error: eMessage.error,\r\n        helperText: eMessage.message,\r\n        type: 'file',\r\n        variant: 'outlined',\r\n        fullWidth: true,\r\n        onChange: this.handleChange,\r\n        inputProps: { accept: 'text/csv' },\r\n        InputLabelProps: { shrink: this.mergeConfigs.labelShrink },\r\n        ...this.mergeConfigs.textFieldProps\r\n      }\r\n      return mergedProps\r\n    }\r\n\r\n    upgradeMergeConfigs = (currentProps: IInputFileCsvLocalParserProps<T, C>): IMergeConfigs<T> => {\r\n      const { name, label, onBlur, messageErrors } = currentProps\r\n      return {\r\n        textFieldProps: Object.assign({}, params?.textFieldProps, currentProps.slots?.textFieldProps),\r\n        wrapProps: Object.assign({}, params?.wrapProps, currentProps.slots?.wrapProps),\r\n        name: name as keyof T,\r\n        onBlur: onBlur || (() => {}),\r\n        messageErrors: messageErrors || {},\r\n        downloadSampleUrl: currentProps.slots?.downloadSampleUrl ?? params?.downloadSampleUrl,\r\n        instructionalText: currentProps.slots?.instructionalText ?? params?.instructionalText,\r\n        labelShrink: (currentProps.slots?.labelShrink ?? params?.labelShrink) !== false && !!label\r\n      }\r\n    }\r\n\r\n    handleChange = async (e: React.ChangeEvent<HTMLInputElement>) => {\r\n      const file = e.target.files?.[0]\r\n      if (!file) return\r\n      try {\r\n        const result = await tryParseCsvFileToArray(file)\r\n        if (this.refInput) this.refInput.value = JSON.stringify(result)\r\n        this.setState({ parsedData: result as C[] }, () => {\r\n          this.props.onChange && this.props.onChange(result as C[])\r\n          this.mergeConfigs.onBlur(this.mergeConfigs.name)\r\n        })\r\n      } catch (err) {\r\n        console.error('Error parsing CSV:', err)\r\n        this.mergeConfigs.onBlur(this.mergeConfigs.name)\r\n      }\r\n    }\r\n  }\r\n  return InputFileCsvLocalParser\r\n}\r\n\r\nconst DownloadButton = styled((p: TypographyProps & { href: string }) => (\r\n  <Typography variant='subtitle2' component='a' target='_blank' download {...p} />\r\n))({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  color: 'var(--color-blue)',\r\n  cursor: 'pointer',\r\n  fontWeight: 600,\r\n  marginLeft: '6px',\r\n  gap: '4px',\r\n  '&:hover': {\r\n    textDecoration: 'underline'\r\n  }\r\n})\r\n"],"names":["createInputFileCsvLocalParser","params","InputFileCsvLocalParser","props","_this","_classCallCheck","_callSuper","_defineProperty","name","onBlur","messageErrors","label","eMessage","getErrorMessage","mergeConfigs","_objectSpread","error","helperText","message","type","variant","fullWidth","onChange","handleChange","inputProps","accept","InputLabelProps","shrink","labelShrink","textFieldProps","currentProps","_currentProps$slots","_currentProps$slots2","_currentProps$slots$d","_currentProps$slots3","_currentProps$slots$i","_currentProps$slots4","_currentProps$slots$l","_currentProps$slots5","Object","assign","slots","wrapProps","downloadSampleUrl","instructionalText","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","e","_e$target$files","file","result","wrap","_context","prev","next","target","files","abrupt","tryParseCsvFileToArray","sent","refInput","value","JSON","stringify","setState","parsedData","t0","console","stop","_x","apply","this","arguments","mergeConfigsCache","upgradeMergeConfigs","state","_inherits","Component","_createClass","key","get","length","nextProps","_this$mergeConfigs$in","_this$props$name","_this2","_jsxs","Box","children","sx","display","alignItems","mb","_jsx","Typography","component","DownloadButton","href","DownloadIcon","fontSize","hidden","toString","ref","defaultValue","TextField","getTextFieldProps","inputRef","refTextFiled","styled","p","download","color","cursor","fontWeight","marginLeft","gap","textDecoration"],"mappings":"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"}
+{"version":3,"file":"create.input-file.csv-local-parser.js","sources":["../../src/form/create.input-file.csv-local-parser.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { Box, BoxProps, styled, TextField, TextFieldProps, Typography, TypographyProps } from '@mui/material'\r\nimport DownloadIcon from '@mui/icons-material/Download'\r\nimport { getErrorMessage } from './helpers'\r\nimport { tryParseCsvFileToArray } from '../utils'\r\nimport { IFormBase, IFormInputBase } from './types'\r\n\r\nexport interface IInputFileCsvLocalParserSlots {\r\n  /**\r\n   * The URL of the sample CSV file that users can download.\r\n   * If provided, a \"Download sample\" link will be displayed.\r\n   * Example: '/sample.csv' or 'https://example.com/sample.csv'\r\n   */\r\n  downloadSampleUrl?: string\r\n  /**\r\n   * Instructional text displayed alongside the download link or file input.\r\n   * Useful for guiding users on how to use or fill out the CSV file.\r\n   */\r\n  instructionalText?: string\r\n  /**\r\n   * Props to customize the TextField used for uploading the CSV file.\r\n   * Allows customization of appearance and behavior (e.g., placeholder, onChange, disabled).\r\n   */\r\n  textFieldProps?: TextFieldProps\r\n  /**\r\n   * Props passed to the wrapper element (typically a Box).\r\n   * Useful for customizing layout styles such as margin, padding, or display.\r\n   */\r\n  wrapProps?: BoxProps\r\n  /**\r\n   * Whether the label should shrink when displayed.\r\n   * Defaults to `true` if a label is present to prevent overlap.\r\n   * @default true\r\n   */\r\n  labelShrink?: boolean\r\n}\r\n\r\nexport interface IInputFileCsvLocalParserParams extends IInputFileCsvLocalParserSlots {}\r\n\r\nexport interface IInputFileCsvLocalParserProps<T, C> extends IFormInputBase<T, IInputFileCsvLocalParserSlots> {\r\n  onChange?: (value: C[]) => void\r\n}\r\n\r\nexport interface IInputFileCsvLocalParserState<C> {\r\n  parsedData: C[]\r\n}\r\n\r\ntype IPickConfigs<T> = Required<Pick<IFormBase<T>, 'onBlur' | 'messageErrors'>>\r\n\r\ninterface IMergeConfigs<T> extends IPickConfigs<T>, IInputFileCsvLocalParserSlots {\r\n  name: keyof T\r\n}\r\n\r\n/**\r\n * Creates a React component that renders a file input specifically for CSV files,\r\n * parses the selected file locally into a structured array, and integrates with a form system.\r\n *\r\n * @template T - The main data model used in the form. Represents the shape of the overall form data.\r\n * @template C - The type of each individual item parsed from the CSV file.\r\n *\r\n * @param params - Optional slot parameters to customize the appearance or behavior of the text field.\r\n * @returns A React component configured for uploading and parsing local CSV files.\r\n */\r\nexport function createInputFileCsvLocalParser<T, C>(params?: IInputFileCsvLocalParserParams): ComponentType<IInputFileCsvLocalParserProps<T, C>> {\r\n  class InputFileCsvLocalParser extends Component<IInputFileCsvLocalParserProps<T, C>, IInputFileCsvLocalParserState<C>> {\r\n    private mergeConfigsCache: IMergeConfigs<T> = { name: '' as keyof T, onBlur: () => {}, messageErrors: {} }\r\n    constructor(props: IInputFileCsvLocalParserProps<T, C>) {\r\n      super(props)\r\n      this.mergeConfigsCache = this.upgradeMergeConfigs(props)\r\n      this.state = { parsedData: [] }\r\n    }\r\n\r\n    get mergeConfigs(): IMergeConfigs<T> {\r\n      return this.mergeConfigsCache\r\n    }\r\n\r\n    get inputValue() {\r\n      return this.state.parsedData.length > 0 ? JSON.stringify(this.state.parsedData) : ''\r\n    }\r\n\r\n    shouldComponentUpdate(nextProps: Readonly<IInputFileCsvLocalParserProps<T, C>>): boolean {\r\n      if (nextProps !== this.props) this.mergeConfigsCache = this.upgradeMergeConfigs(nextProps)\r\n      return true\r\n    }\r\n\r\n    refInput: HTMLInputElement | null = null\r\n    refTextFiled: HTMLInputElement | null = null\r\n    render() {\r\n      return (\r\n        <Box {...this.mergeConfigs.wrapProps}>\r\n          {this.mergeConfigs.downloadSampleUrl && (\r\n            <Box sx={{ display: 'flex', alignItems: 'center', mb: '10px' }}>\r\n              <Typography variant='subtitle2' component='span'>\r\n                {this.mergeConfigs.instructionalText ?? 'Metadata file, please fill out the form we provide.'}\r\n              </Typography>\r\n              <DownloadButton href={this.mergeConfigs.downloadSampleUrl}>\r\n                <span> Download sample</span>\r\n                <DownloadIcon fontSize='small' />\r\n              </DownloadButton>\r\n            </Box>\r\n          )}\r\n          <input hidden name={this.props.name?.toString()} type='text' ref={(ref) => (this.refInput = ref)} defaultValue='' />\r\n          <TextField {...this.getTextFieldProps()} inputRef={(ref) => (this.refTextFiled = ref)} />\r\n        </Box>\r\n      )\r\n    }\r\n\r\n    getTextFieldProps = (): TextFieldProps => {\r\n      const { label } = this.props\r\n      const eMessage = getErrorMessage(this.mergeConfigs.messageErrors, this.mergeConfigs.name)\r\n      const mergedProps: TextFieldProps = {\r\n        label,\r\n        error: eMessage.error,\r\n        helperText: eMessage.message,\r\n        type: 'file',\r\n        variant: 'outlined',\r\n        fullWidth: true,\r\n        onChange: this.handleChange,\r\n        inputProps: { accept: 'text/csv' },\r\n        InputLabelProps: { shrink: this.mergeConfigs.labelShrink },\r\n        ...this.mergeConfigs.textFieldProps\r\n      }\r\n      return mergedProps\r\n    }\r\n\r\n    upgradeMergeConfigs = (currentProps: IInputFileCsvLocalParserProps<T, C>): IMergeConfigs<T> => {\r\n      const { name, label, onBlur, messageErrors } = currentProps\r\n      return {\r\n        textFieldProps: Object.assign({}, params?.textFieldProps, currentProps.slots?.textFieldProps),\r\n        wrapProps: Object.assign({}, params?.wrapProps, currentProps.slots?.wrapProps),\r\n        name: name as keyof T,\r\n        onBlur: onBlur || (() => {}),\r\n        messageErrors: messageErrors || {},\r\n        downloadSampleUrl: currentProps.slots?.downloadSampleUrl ?? params?.downloadSampleUrl,\r\n        instructionalText: currentProps.slots?.instructionalText ?? params?.instructionalText,\r\n        labelShrink: (currentProps.slots?.labelShrink ?? params?.labelShrink) !== false && !!label\r\n      }\r\n    }\r\n\r\n    handleChange = async (e: React.ChangeEvent<HTMLInputElement>) => {\r\n      const file = e.target.files?.[0]\r\n      if (!file) return\r\n      try {\r\n        const result = await tryParseCsvFileToArray(file)\r\n        if (this.refInput) this.refInput.value = JSON.stringify(result)\r\n        this.setState({ parsedData: result as C[] }, () => {\r\n          this.props.onChange && this.props.onChange(result as C[])\r\n          this.mergeConfigs.onBlur(this.mergeConfigs.name)\r\n        })\r\n      } catch (err) {\r\n        console.error('Error parsing CSV:', err)\r\n        this.mergeConfigs.onBlur(this.mergeConfigs.name)\r\n      }\r\n    }\r\n  }\r\n  return InputFileCsvLocalParser\r\n}\r\n\r\nconst DownloadButton = styled((p: TypographyProps & { href: string }) => (\r\n  <Typography variant='subtitle2' component='a' target='_blank' download {...p} />\r\n))({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  color: 'var(--color-blue)',\r\n  cursor: 'pointer',\r\n  fontWeight: 600,\r\n  marginLeft: '6px',\r\n  gap: '4px',\r\n  '&:hover': {\r\n    textDecoration: 'underline'\r\n  }\r\n})\r\n"],"names":["createInputFileCsvLocalParser","params","InputFileCsvLocalParser","props","_this","_classCallCheck","_callSuper","_defineProperty","name","onBlur","messageErrors","label","eMessage","getErrorMessage","mergeConfigs","_objectSpread","error","helperText","message","type","variant","fullWidth","onChange","handleChange","inputProps","accept","InputLabelProps","shrink","labelShrink","textFieldProps","currentProps","_currentProps$slots","_currentProps$slots2","_currentProps$slots$d","_currentProps$slots3","_currentProps$slots$i","_currentProps$slots4","_currentProps$slots$l","_currentProps$slots5","Object","assign","slots","wrapProps","downloadSampleUrl","instructionalText","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","e","_e$target$files","file","result","wrap","_context","prev","next","target","files","abrupt","tryParseCsvFileToArray","sent","refInput","value","JSON","stringify","setState","parsedData","t0","console","stop","_x","apply","this","arguments","mergeConfigsCache","upgradeMergeConfigs","state","_inherits","Component","_createClass","key","get","length","nextProps","_this$mergeConfigs$in","_this$props$name","_this2","_jsxs","Box","children","sx","display","alignItems","mb","_jsx","Typography","component","DownloadButton","href","DownloadIcon","fontSize","hidden","toString","ref","defaultValue","TextField","getTextFieldProps","inputRef","refTextFiled","styled","p","download","color","cursor","fontWeight","marginLeft","gap","textDecoration"],"mappings":"kmBA+DM,SAAUA,EAAoCC,GAAuC,IACnFC,aAEJ,SAAAA,EAAYC,GAA0C,IAAAC,EAGrB,OAHqBC,OAAAH,GACpDE,EAAAE,EAAAJ,KAAAA,GAAMC,IAAMI,EAAAH,EAFgC,oBAAA,CAAEI,KAAM,GAAeC,OAAQ,WAAQ,EAAEC,cAAe,CAAA,IAAIH,EAAAH,EAAA,WAoBtE,MAAIG,EAAAH,EAAA,eACA,MAAIG,EAAAH,EAAA,qBAqBxB,WAClB,IAAQO,EAAUP,EAAKD,MAAfQ,MACFC,EAAWC,EAAgBT,EAAKU,aAAaJ,cAAeN,EAAKU,aAAaN,MAapF,OAZiBO,EAAA,CACfJ,MAAAA,EACAK,MAAOJ,EAASI,MAChBC,WAAYL,EAASM,QACrBC,KAAM,OACNC,QAAS,WACTC,WAAW,EACXC,SAAUlB,EAAKmB,aACfC,WAAY,CAAEC,OAAQ,YACtBC,gBAAiB,CAAEC,OAAQvB,EAAKU,aAAac,cAC1CxB,EAAKU,aAAae,mBAGxBtB,EAAAH,EAEqB,uBAAA,SAAC0B,GAAuE,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EACpF9B,EAAuCsB,EAAvCtB,KAAMG,EAAiCmB,EAAjCnB,MAAOF,EAA0BqB,EAA1BrB,OAAQC,EAAkBoB,EAAlBpB,cAC7B,MAAO,CACLmB,eAAgBU,OAAOC,OAAO,GAAIvC,aAAAA,EAAAA,EAAQ4B,eAAkCE,QAApBA,EAAED,EAAaW,aAAbV,IAAkBA,OAAlBA,EAAAA,EAAoBF,gBAC9Ea,UAAWH,OAAOC,OAAO,GAAIvC,aAAAA,EAAAA,EAAQyC,UAA6BV,QAApBA,EAAEF,EAAaW,aAAbT,IAAkBA,OAAlBA,EAAAA,EAAoBU,WACpElC,KAAMA,EACNC,OAAQA,GAAW,WAAS,EAC5BC,cAAeA,GAAiB,CAAE,EAClCiC,kBAAwD,QAAvCV,EAAoBC,QAApBA,EAAEJ,EAAaW,aAAbP,IAAkBA,OAAlBA,EAAAA,EAAoBS,yBAAiB,IAAAV,EAAAA,EAAIhC,aAAM,EAANA,EAAQ0C,kBACpEC,kBAAwD,QAAvCT,EAAoBC,QAApBA,EAAEN,EAAaW,aAAbL,IAAkBA,OAAlBA,EAAAA,EAAoBQ,yBAAiB,IAAAT,EAAAA,EAAIlC,aAAM,EAANA,EAAQ2C,kBACpEhB,aAA0E,KAA7BS,QAAhCA,EAAmB,QAAnBC,EAACR,EAAaW,aAAK,IAAAH,OAAA,EAAlBA,EAAoBV,mBAAWS,IAAAA,EAAAA,EAAIpC,aAAM,EAANA,EAAQ2B,gBAA4BjB,MAExFJ,EAAAH,EAAA,eAAA,WAAA,IAAAyC,EAAAC,EAAAC,IAAAC,MAEc,SAAAC,EAAOC,GAAsC,IAAAC,EAAAC,EAAAC,EAAA,OAAAN,IAAAO,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAC1B,GAA1BL,EAAqB,QAAjBD,EAAGD,EAAEQ,OAAOC,aAAK,IAAAR,OAAA,EAAdA,EAAiB,GACrB,CAAAI,EAAAE,KAAA,EAAA,KAAA,CAAA,OAAAF,EAAAK,OAAA,UAAA,KAAA,EAAA,OAAAL,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAEcI,EAAuBT,GAAK,KAAA,EAA3CC,EAAME,EAAAO,KACR1D,EAAK2D,WAAU3D,EAAK2D,SAASC,MAAQC,KAAKC,UAAUb,IACxDjD,EAAK+D,SAAS,CAAEC,WAAYf,IAAiB,WAC3CjD,EAAKD,MAAMmB,UAAYlB,EAAKD,MAAMmB,SAAS+B,GAC3CjD,EAAKU,aAAaL,OAAOL,EAAKU,aAAaN,KAC7C,IAAE+C,EAAAE,KAAA,GAAA,MAAA,KAAA,GAAAF,EAAAC,KAAA,GAAAD,EAAAc,GAAAd,EAAA,MAAA,GAEFe,QAAQtD,MAAM,qBAAoBuC,EAAAc,IAClCjE,EAAKU,aAAaL,OAAOL,EAAKU,aAAaN,MAAK,KAAA,GAAA,IAAA,MAAA,OAAA+C,EAAAgB,OAAA,GAAAtB,EAAA,KAAA,CAAA,CAAA,EAAA,UAEnD,OAAA,SAAAuB,GAAA,OAAA3B,EAAA4B,MAAAC,KAAAC,UAAA,CAAA,CAhBA,IArECvE,EAAKwE,kBAAoBxE,EAAKyE,oBAAoB1E,GAClDC,EAAK0E,MAAQ,CAAEV,WAAY,IAAIhE,CACjC,CAAC,OAAA2E,EAAA7E,EANmC8E,GAMnCC,EAAA/E,EAAA,CAAA,CAAAgF,IAAA,eAAAC,IAED,WACE,OAAOT,KAAKE,iBACd,GAAC,CAAAM,IAAA,aAAAC,IAED,WACE,OAAOT,KAAKI,MAAMV,WAAWgB,OAAS,EAAInB,KAAKC,UAAUQ,KAAKI,MAAMV,YAAc,EACpF,GAAC,CAAAc,IAAA,wBAAAlB,MAED,SAAsBqB,GAEpB,OADIA,IAAcX,KAAKvE,QAAOuE,KAAKE,kBAAoBF,KAAKG,oBAAoBQ,KACzE,CACT,GAAC,CAAAH,IAAA,SAAAlB,MAID,WAAM,IAAAsB,EAAAC,EAAAC,EAAAd,KACJ,OACEe,EAACC,EAAG3E,EAAAA,EAAA,GAAK2D,KAAK5D,aAAa4B,WAAS,GAAA,CACjCiD,SAAA,CAAAjB,KAAK5D,aAAa6B,mBACjB8C,EAACC,EAAG,CAACE,GAAI,CAAEC,QAAS,OAAQC,WAAY,SAAUC,GAAI,QAAQJ,SAAA,CAC5DK,EAACC,EAAW,CAAA7E,QAAQ,YAAY8E,UAAU,OAAMP,SACVL,QADUA,EAC7CZ,KAAK5D,aAAa8B,yBAAiB0C,IAAAA,EAAAA,EAAI,wDAE1CG,EAACU,GAAeC,KAAM1B,KAAK5D,aAAa6B,kBACtCgD,SAAA,CAAAK,EAAA,OAAA,CAAAL,SAAA,qBACAK,EAACK,EAAa,CAAAC,SAAS,gBAI7BN,EAAO,QAAA,CAAAO,QAAO,EAAA/F,KAAqB,QAAjB+E,EAAEb,KAAKvE,MAAMK,YAAX+E,IAAeA,OAAfA,EAAAA,EAAiBiB,WAAYrF,KAAK,OAAOsF,IAAK,SAACA,GAAG,OAAMjB,EAAKzB,SAAW0C,CAAI,EAAEC,aAAa,KAC/GV,EAACW,EAAS5F,EAAAA,EAAK,CAAA,EAAA2D,KAAKkC,qBAAmB,GAAA,CAAEC,SAAU,SAACJ,GAAG,OAAMjB,EAAKsB,aAAeL,CAAG,QAG1F,IAAC,IAkDH,OAAOvG,CACT,CAEA,IAAMiG,EAAiBY,GAAO,SAACC,GAAqC,OAClEhB,EAACC,EAAUlF,EAAA,CAACK,QAAQ,YAAY8E,UAAU,IAAIxC,OAAO,SAASuD,UAAa,GAAAD,GAAK,GAD3DD,CAEpB,CACDlB,QAAS,OACTC,WAAY,SACZoB,MAAO,oBACPC,OAAQ,UACRC,WAAY,IACZC,WAAY,MACZC,IAAK,MACL,UAAW,CACTC,eAAgB"}

package/dist/form/create.input.js

@@ -1,2 +1,2 @@
-import{inherits as e,createClass as t,objectSpread2 as r,classCallCheck as o,callSuper as a,defineProperty as n,objectWithoutProperties as i,asyncToGenerator as l,regeneratorRuntime as s}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as p,jsx as u,Fragment as d}from"react/jsx-runtime";import{Component as c}from"react";import{styled as m,Box as h,TextField as v,InputAdornment as f,IconButton as g,Collapse as b,CircularProgress as x}from"@mui/material";import S from"@mui/icons-material/ContentPaste";import{mergeObjects as j}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"react-router-dom";import"../utils/query-param.js";import{getErrorMessage as k}from"./helpers.js";import"../components/breadcrumbs.js";import"../components/buttons.js";import"clipboard-copy";import"@mui/icons-material/Done";import"@mui/icons-material/ContentCopy";import"../components/create.multi-select-dropdown.js";import y from"../components/image-with-fallback.js";import"../components/help-tooltip.js";import"../components/text-editor.js";var P=["srcGetter","element","alt","fallbackSrc","debounceDelay"],C=function(m){return function(){function x(e){var t,p;return o(this,x),p=a(this,x,[e]),n(p,"_cachedSlots",{}),n(p,"mapTextFieldProps",(function(){var e,t,o,a,n=k(p.props.messageErrors,p.props.name),i={fullWidth:!0,variant:"outlined",name:null===(e=p.props.name)||void 0===e?void 0:e.toString(),error:n.error,helperText:n.message,disabled:p.props.disabled,onBlur:function(){p.props.name&&p.props.onBlur&&p.props.onBlur(p.props.name)},label:p.getLabel(),placeholder:p.props.placeholder,InputLabelProps:p.state.value?{shrink:!0}:{},value:null!==(t=p.state.value)&&void 0!==t?t:"",onChange:p.handleChange};return!0===p.slots.pastenable&&(i.InputProps={endAdornment:u(f,{position:"end",children:u(g,{onClick:p.handlePaste,edge:"end",children:u(S,{})})})}),null!==(o=p.slots)&&void 0!==o&&o.maxLength&&(i.inputProps=r(r({},i.inputProps),{},{maxLength:p.slots.maxLength})),j({},i,null===(a=p.slots)||void 0===a?void 0:a.textFieldProps)})),n(p,"renderImageSide",(function(e){var t,o="left"===e?p.slots.imageLeft:p.slots.imageRight;if(!o)return u(d,{});var a=o.srcGetter,n=o.element,l=o.alt,s=void 0===l?"input-image":l,c=o.fallbackSrc,m=void 0===c?"":c,h=o.debounceDelay,v=void 0===h?700:h,f=i(o,P);if(n)return u(w,{children:u(n,{value:p.state.value,model:p.props.data})});var g=a?a(p.state.value,p.props.data):null!==(t=f.src)&&void 0!==t?t:p.state.value,x={src:g,alt:s,fallbackSrc:m,debounceDelay:v};return u(b,{sx:{mx:"10px"},in:!!g,unmountOnExit:!0,orientation:"horizontal",children:u(w,{children:u(y,r(r(r({},f),x),{},{loading:u(L,{})}))})})})),n(p,"mergeSlots",(function(e){var t=j({},m,e),o=t.imageLeft,a=t.imageRight;return null!=o&&o.mirror&&!a?(t.imageRight=r({},o),delete t.imageRight.mirror):null!=a&&a.mirror&&!o&&(t.imageLeft=r({},a),delete t.imageLeft.mirror),t})),n(p,"getLabel",(function(){var e,t,r;if(p.props.label)return null!==(e=p.slots)&&void 0!==e&&e.maxLength?"".concat(p.props.label," (").concat(null!==(t=null===(r=p.state.value)||void 0===r?void 0:r.length)&&void 0!==t?t:0,"/").concat(p.slots.maxLength,")"):p.props.label})),n(p,"handleChange",(function(e){p.setState((function(t){return r(r({},t),{},{value:e.target.value})}))})),n(p,"handlePaste",l(s().mark((function e(){var t;return s().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,navigator.clipboard.readText();case 3:t=e.sent,p.setState({value:t}),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),console.error("Error clipboard:",e.t0);case 10:case"end":return e.stop()}}),e,null,[[0,7]])})))),p._cachedSlots=null!==(t=p.mergeSlots(e.slots))&&void 0!==t?t:{},p.state={value:p.defaulValue},p}return e(x,c),t(x,[{key:"slots",get:function(){return this._cachedSlots}},{key:"defaulValue",get:function(){var e,t,r=this.props,o=r.data,a=r.name;return null!==(e=this.props.defaultValue)&&void 0!==e?e:o&&a?null===(t=o[a])||void 0===t?void 0:t.toString():void 0}},{key:"componentDidUpdate",value:function(e){e.slots!==this.props.slots&&(this._cachedSlots=this.mergeSlots(this.props.slots))}},{key:"shouldComponentUpdate",value:function(e){var t=this.props,r=t.name;t.slots;if(r){var o,a,n,i,l=null!==(o=null===(a=this.props.data)||void 0===a||null===(a=a[r])||void 0===a?void 0:a.toString())&&void 0!==o?o:"",s=null!==(n=null===(i=e.data)||void 0===i||null===(i=i[r])||void 0===i?void 0:i.toString())&&void 0!==n?n:"";if(l!==s)return this.setState({value:s}),!1}return e.slots,!0}},{key:"render",value:function(){var e;return p(h,{sx:{display:"flex",alignItems:"center"},children:[!!this.props.disabled&&u("input",{hidden:!0,name:null===(e=this.props.name)||void 0===e?void 0:e.toString(),defaultValue:this.defaulValue}),this.renderImageSide("left"),u(v,r({},this.mapTextFieldProps())),this.renderImageSide("right")]})}}])}()},L=function(){return u("div",{children:u(x,{size:24})})},w=m(h)({fontSize:"1rem",height:"var(--input-base-image-size, 54px)",width:"var(--input-base-image-size, 54px)",position:"relative",borderRadius:"8px",boxShadow:"rgba(0, 0, 0, 0.16) 0px 1px 4px",overflow:"hidden","& > img":{position:"absolute",top:0,left:0,backgroundRepeat:"no-repeat",height:"100%",width:"100%",backgroundSize:"contain"},"& > div":{position:"absolute",top:0,left:0,height:"100%",width:"100%",background:"#fafafa",zIndex:1,display:"flex",alignItems:"center",justifyContent:"center"}});export{C as default};
+import{inherits as e,createClass as t,objectSpread2 as r,classCallCheck as o,callSuper as a,defineProperty as i,objectWithoutProperties as n,asyncToGenerator as l,regeneratorRuntime as s}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as p,jsx as u,Fragment as d}from"react/jsx-runtime";import{Component as m}from"react";import{styled as c,Box as h,TextField as v,InputAdornment as g,IconButton as f,Collapse as b,CircularProgress as x}from"@mui/material";import S from"@mui/icons-material/ContentPaste";import{mergeObjects as j}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"react-router-dom";import"../utils/query-param.js";import{getErrorMessage as k}from"./helpers.js";import"../components/breadcrumbs.js";import"../components/buttons.js";import"clipboard-copy";import"@mui/icons-material/Done";import"@mui/icons-material/ContentCopy";import"../components/create.multi-select-dropdown.js";import y from"../components/image-with-fallback.js";import"../components/help-tooltip.js";import"../components/text-editor.js";var P=["srcGetter","element","alt","fallbackSrc","debounceDelay"],C=function(c){return function(){function x(e){var t,p;return o(this,x),p=a(this,x,[e]),i(p,"_cachedSlots",{}),i(p,"mapTextFieldProps",(function(){var e,t,o,a,i=k(p.props.messageErrors,p.props.name),n={fullWidth:!0,variant:"outlined",name:null===(e=p.props.name)||void 0===e?void 0:e.toString(),error:i.error,helperText:i.message,disabled:p.props.disabled,onBlur:function(){p.props.name&&p.props.onBlur&&p.props.onBlur(p.props.name)},label:p.getLabel(),placeholder:p.props.placeholder,InputLabelProps:p.state.value?{shrink:!0}:{},value:null!==(t=p.state.value)&&void 0!==t?t:"",onChange:p.handleChange};return!0===p.slots.pastenable&&(n.InputProps={endAdornment:u(g,{position:"end",children:u(f,{onClick:p.handlePaste,edge:"end",children:u(S,{})})})}),null!==(o=p.slots)&&void 0!==o&&o.maxLength&&(n.inputProps=r(r({},n.inputProps),{},{maxLength:p.slots.maxLength})),j({},n,null===(a=p.slots)||void 0===a?void 0:a.textFieldProps)})),i(p,"renderImageSide",(function(e){var t,o="left"===e?p.slots.imageLeft:p.slots.imageRight;if(!o)return u(d,{});var a=o.srcGetter,i=o.element,l=o.alt,s=void 0===l?"input-image":l,m=o.fallbackSrc,c=void 0===m?"":m,h=o.debounceDelay,v=void 0===h?700:h,g=n(o,P);if(i)return u(w,{children:u(i,{value:p.state.value,model:p.props.data})});var f=a?a(p.state.value,p.props.data):null!==(t=g.src)&&void 0!==t?t:p.state.value,x={src:f,alt:s,fallbackSrc:c,debounceDelay:v};return u(b,{sx:{mx:"10px"},in:!!f,unmountOnExit:!0,orientation:"horizontal",children:u(w,{children:u(y,r(r(r({},g),x),{},{loading:u(L,{})}))})})})),i(p,"mergeSlots",(function(e){var t=j({},c,e),o=t.imageLeft,a=t.imageRight;return null!=o&&o.mirror&&!a?(t.imageRight=r({},o),delete t.imageRight.mirror):null!=a&&a.mirror&&!o&&(t.imageLeft=r({},a),delete t.imageLeft.mirror),t})),i(p,"getLabel",(function(){var e,t,r;if(p.props.label)return null!==(e=p.slots)&&void 0!==e&&e.maxLength?"".concat(p.props.label," (").concat(null!==(t=null===(r=p.state.value)||void 0===r?void 0:r.length)&&void 0!==t?t:0,"/").concat(p.slots.maxLength,")"):p.props.label})),i(p,"handleChange",(function(e){p.setState({value:e.target.value})})),i(p,"handlePaste",l(s().mark((function e(){var t;return s().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,navigator.clipboard.readText();case 3:t=e.sent,p.setState({value:t}),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),console.error("Error clipboard:",e.t0);case 10:case"end":return e.stop()}}),e,null,[[0,7]])})))),p._cachedSlots=null!==(t=p.mergeSlots(e.slots))&&void 0!==t?t:{},p.state={value:p.defaulValue},p}return e(x,m),t(x,[{key:"slots",get:function(){return this._cachedSlots}},{key:"defaulValue",get:function(){var e,t,r=this.props,o=r.data,a=r.name;return null!==(e=this.props.defaultValue)&&void 0!==e?e:o&&a?null===(t=o[a])||void 0===t?void 0:t.toString():void 0}},{key:"componentDidUpdate",value:function(e){e.slots!==this.props.slots&&(this._cachedSlots=this.mergeSlots(this.props.slots))}},{key:"shouldComponentUpdate",value:function(e){var t=this.props,r=t.name;t.slots;if(r){var o,a,i,n,l=null!==(o=null===(a=this.props.data)||void 0===a||null===(a=a[r])||void 0===a?void 0:a.toString())&&void 0!==o?o:"",s=null!==(i=null===(n=e.data)||void 0===n||null===(n=n[r])||void 0===n?void 0:n.toString())&&void 0!==i?i:"";if(l!==s)return this.setState({value:s}),!1}return e.slots,!0}},{key:"render",value:function(){var e;return p(h,{sx:{display:"flex",alignItems:"center"},children:[!!this.props.disabled&&u("input",{hidden:!0,name:null===(e=this.props.name)||void 0===e?void 0:e.toString(),defaultValue:this.defaulValue}),this.renderImageSide("left"),u(v,r({},this.mapTextFieldProps())),this.renderImageSide("right")]})}}])}()},L=function(){return u("div",{children:u(x,{size:24})})},w=c(h)({fontSize:"1rem",height:"var(--input-base-image-size, 54px)",width:"var(--input-base-image-size, 54px)",position:"relative",borderRadius:"8px",boxShadow:"rgba(0, 0, 0, 0.16) 0px 1px 4px",overflow:"hidden","& > img":{position:"absolute",top:0,left:0,backgroundRepeat:"no-repeat",height:"100%",width:"100%",backgroundSize:"contain"},"& > div":{position:"absolute",top:0,left:0,height:"100%",width:"100%",background:"#fafafa",zIndex:1,display:"flex",alignItems:"center",justifyContent:"center"}});export{C as default};
 //# sourceMappingURL=create.input.js.map

package/dist/form/create.input.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.input.js","sources":["../../src/form/create.input.tsx"],"sourcesContent":["import React, { Component, ComponentType, FC } from 'react'\r\nimport { Box, CircularProgress, Collapse, IconButton, InputAdornment, styled, TextField, TextFieldProps } from '@mui/material'\r\nimport ContentPasteIcon from '@mui/icons-material/ContentPaste'\r\nimport { mergeObjects } from '../utils'\r\nimport { IFormInputBase } from './types'\r\nimport { getErrorMessage } from './helpers'\r\nimport { ImageWithFallback, IImageWithFallbackPropsOwner } from '../components'\r\n\r\nexport interface InputBaseImage<T> extends Partial<IImageWithFallbackPropsOwner> {\r\n  srcGetter?: (value: any, model?: Partial<T>) => string\r\n  element?: React.ComponentType<{ value: any; model?: Partial<T> }>\r\n  mirror?: boolean\r\n}\r\n\r\nexport interface IInputSlots<T> {\r\n  maxLength?: number\r\n  textFieldProps?: TextFieldProps\r\n  pastenable?: boolean\r\n  imageLeft?: InputBaseImage<T>\r\n  imageRight?: InputBaseImage<T>\r\n}\r\n\r\nexport interface IInputProps<T> extends IFormInputBase<T> {\r\n  slots?: IInputSlots<T>\r\n}\r\n\r\nexport interface IInputState {\r\n  value?: string\r\n}\r\n\r\nexport interface IInputParams<T> extends IInputSlots<T> {}\r\n\r\nconst CreateInput = function <T>(params?: IInputParams<T>): ComponentType<IInputProps<T>> {\r\n  class InputBase extends Component<IInputProps<T>, IInputState> {\r\n    private _cachedSlots: IInputSlots<T> = {}\r\n    constructor(props: IInputProps<T>) {\r\n      super(props)\r\n      this._cachedSlots = this.mergeSlots(props.slots) ?? {}\r\n      this.state = { value: this.defaulValue }\r\n    }\r\n\r\n    get slots() {\r\n      return this._cachedSlots\r\n    }\r\n\r\n    get defaulValue(): string {\r\n      const { data, name } = this.props\r\n      return this.props.defaultValue ?? (!!data && !!name ? data[name]?.toString() : undefined)\r\n    }\r\n\r\n    componentDidUpdate(prevProps: IInputProps<T>) {\r\n      if (prevProps.slots !== this.props.slots) {\r\n        this._cachedSlots = this.mergeSlots(this.props.slots)\r\n      }\r\n    }\r\n\r\n    shouldComponentUpdate(nextProps: Readonly<IInputProps<T>>): boolean {\r\n      const { name, slots } = this.props\r\n      if (!!name) {\r\n        const currentDataValue = this.props.data?.[name]?.toString() ?? ''\r\n        const nextDataValue = nextProps.data?.[name]?.toString() ?? ''\r\n        if (currentDataValue !== nextDataValue) {\r\n          this.setState({ value: nextDataValue })\r\n          return false\r\n        }\r\n      }\r\n\r\n      if (slots !== nextProps.slots) {\r\n        return true\r\n      }\r\n      return true\r\n    }\r\n\r\n    mapTextFieldProps = (): TextFieldProps => {\r\n      const errorMessage = getErrorMessage(this.props.messageErrors, this.props.name)\r\n      const tfp: TextFieldProps = {\r\n        fullWidth: true,\r\n        variant: 'outlined',\r\n        name: this.props.name?.toString(),\r\n        error: errorMessage.error,\r\n        helperText: errorMessage.message,\r\n        disabled: this.props.disabled,\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        label: this.getLabel(),\r\n        placeholder: this.props.placeholder,\r\n        InputLabelProps: !!this.state.value ? { shrink: true } : {},\r\n        value: this.state.value ?? '',\r\n        onChange: this.handleChange\r\n      }\r\n      if (this.slots.pastenable === true) {\r\n        tfp.InputProps = {\r\n          endAdornment: (\r\n            <InputAdornment position='end'>\r\n              <IconButton onClick={this.handlePaste} edge='end'>\r\n                <ContentPasteIcon />\r\n              </IconButton>\r\n            </InputAdornment>\r\n          )\r\n        }\r\n      }\r\n      if (this.slots?.maxLength) tfp.inputProps = { ...tfp.inputProps, maxLength: this.slots.maxLength }\r\n      return mergeObjects<TextFieldProps>({}, tfp, this.slots?.textFieldProps)\r\n    }\r\n\r\n    //#region Render\r\n    render() {\r\n      return (\r\n        <Box sx={{ display: 'flex', alignItems: 'center' }}>\r\n          {!!this.props.disabled && <input hidden name={this.props.name?.toString()} defaultValue={this.defaulValue} />}\r\n          {this.renderImageSide('left')}\r\n          <TextField {...this.mapTextFieldProps()} />\r\n          {this.renderImageSide('right')}\r\n        </Box>\r\n      )\r\n    }\r\n\r\n    renderImageSide = (side: 'left' | 'right') => {\r\n      const image = side === 'left' ? this.slots.imageLeft : this.slots.imageRight\r\n      if (!image) return <></>\r\n      const { srcGetter, element, alt = 'input-image', fallbackSrc = '', debounceDelay = 700, ...imageOther } = image\r\n      if (element) {\r\n        const Element = element\r\n        return (\r\n          <WrapImage>\r\n            <Element value={this.state.value} model={this.props.data} />\r\n          </WrapImage>\r\n        )\r\n      }\r\n      const src = srcGetter ? srcGetter(this.state.value, this.props.data) : imageOther.src ?? this.state.value\r\n      const imageProps: IImageWithFallbackPropsOwner = { src, alt, fallbackSrc, debounceDelay }\r\n      return (\r\n        <Collapse sx={{ mx: '10px' }} in={!!src} unmountOnExit orientation='horizontal'>\r\n          <WrapImage>\r\n            <ImageWithFallback {...imageOther} {...imageProps} loading={<LoadingCircularProgress />} />\r\n          </WrapImage>\r\n        </Collapse>\r\n      )\r\n    }\r\n    //#endregion\r\n\r\n    private mergeSlots = (currentSlots?: IInputSlots<T>): IInputSlots<T> => {\r\n      const base = mergeObjects<IInputSlots<T>>({}, params, currentSlots)\r\n      const { imageLeft, imageRight } = base\r\n\r\n      // mirror from left to right\r\n      if (imageLeft?.mirror && !imageRight) {\r\n        base.imageRight = { ...imageLeft }\r\n        delete base.imageRight.mirror\r\n      }\r\n      // mirror from right to left\r\n      else if (imageRight?.mirror && !imageLeft) {\r\n        base.imageLeft = { ...imageRight }\r\n        delete base.imageLeft.mirror\r\n      }\r\n\r\n      return base\r\n    }\r\n\r\n    getLabel = () => {\r\n      if (!this.props.label) return\r\n      if (!this.slots?.maxLength) return this.props.label\r\n      return `${this.props.label} (${this.state.value?.length ?? 0}/${this.slots.maxLength})`\r\n    }\r\n\r\n    handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n      this.setState((st) => ({ ...st, value: event.target.value }))\r\n    }\r\n\r\n    handlePaste = async () => {\r\n      try {\r\n        const clipboardText = await navigator.clipboard.readText()\r\n        this.setState({ value: clipboardText })\r\n      } catch (error) {\r\n        console.error('Error clipboard:', error)\r\n      }\r\n    }\r\n  }\r\n  return InputBase\r\n}\r\n\r\nexport default CreateInput\r\n\r\n// export type InputTextType<T> = ReturnType<typeof CreateInputBase<T>>\r\n\r\nconst LoadingCircularProgress: FC = () => (\r\n  <div>\r\n    <CircularProgress size={24} />\r\n  </div>\r\n)\r\n\r\nconst WrapImage = styled(Box)({\r\n  fontSize: '1rem',\r\n  height: 'var(--input-base-image-size, 54px)',\r\n  width: 'var(--input-base-image-size, 54px)',\r\n  position: 'relative',\r\n  borderRadius: '8px',\r\n  boxShadow: 'rgba(0, 0, 0, 0.16) 0px 1px 4px',\r\n  overflow: 'hidden',\r\n  '& > img': {\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    backgroundRepeat: 'no-repeat',\r\n    height: '100%',\r\n    width: '100%',\r\n    backgroundSize: 'contain'\r\n  },\r\n  '& > div': {\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    height: '100%',\r\n    width: '100%',\r\n    background: '#fafafa',\r\n    zIndex: 1,\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center'\r\n  }\r\n})\r\n"],"names":["CreateInput","params","InputBase","props","_this$mergeSlots","_this","_classCallCheck","_callSuper","_defineProperty","_this$props$name","_this$state$value","_this$slots","_this$slots2","errorMessage","getErrorMessage","messageErrors","name","tfp","fullWidth","variant","toString","error","helperText","message","disabled","onBlur","label","getLabel","placeholder","InputLabelProps","state","value","shrink","onChange","handleChange","slots","pastenable","InputProps","endAdornment","_jsx","InputAdornment","position","children","IconButton","onClick","handlePaste","edge","ContentPasteIcon","maxLength","inputProps","_objectSpread","mergeObjects","textFieldProps","side","_imageOther$src","image","imageLeft","imageRight","srcGetter","element","_image$alt","alt","_image$fallbackSrc","fallbackSrc","_image$debounceDelay","debounceDelay","imageOther","_objectWithoutProperties","_excluded","WrapImage","model","data","src","imageProps","Collapse","sx","mx","in","unmountOnExit","orientation","ImageWithFallback","loading","LoadingCircularProgress","currentSlots","base","mirror","_this$slots3","_this$state$value$len","_this$state$value2","concat","length","event","setState","st","target","_asyncToGenerator","_regeneratorRuntime","mark","_callee","clipboardText","wrap","_context","prev","next","navigator","clipboard","readText","sent","t0","console","stop","_cachedSlots","mergeSlots","defaulValue","_inherits","Component","_createClass","key","get","this","_this$props$defaultVa","_data$name","_this$props","defaultValue","undefined","prevProps","nextProps","_this$props2","_this$props$data$name","_this$props$data","_nextProps$data$name$","_nextProps$data","currentDataValue","nextDataValue","_this$props$name2","_jsxs","Box","display","alignItems","hidden","renderImageSide","TextField","mapTextFieldProps","CircularProgress","size","styled","fontSize","height","width","borderRadius","boxShadow","overflow","top","left","backgroundRepeat","backgroundSize","background","zIndex","justifyContent"],"mappings":"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"}
+{"version":3,"file":"create.input.js","sources":["../../src/form/create.input.tsx"],"sourcesContent":["import React, { Component, ComponentType, FC } from 'react'\r\nimport { Box, CircularProgress, Collapse, IconButton, InputAdornment, styled, TextField, TextFieldProps } from '@mui/material'\r\nimport ContentPasteIcon from '@mui/icons-material/ContentPaste'\r\nimport { mergeObjects } from '../utils'\r\nimport { IFormInputBase } from './types'\r\nimport { getErrorMessage } from './helpers'\r\nimport { ImageWithFallback, IImageWithFallbackPropsOwner } from '../components'\r\n\r\nexport interface InputBaseImage<T> extends Partial<IImageWithFallbackPropsOwner> {\r\n  srcGetter?: (value: any, model?: Partial<T>) => string\r\n  element?: React.ComponentType<{ value: any; model?: Partial<T> }>\r\n  mirror?: boolean\r\n}\r\n\r\nexport interface IInputSlots<T> {\r\n  maxLength?: number\r\n  textFieldProps?: TextFieldProps\r\n  pastenable?: boolean\r\n  imageLeft?: InputBaseImage<T>\r\n  imageRight?: InputBaseImage<T>\r\n}\r\n\r\nexport interface IInputProps<T> extends IFormInputBase<T, IInputSlots<T>> {}\r\n\r\nexport interface IInputState {\r\n  value?: string\r\n}\r\n\r\nexport interface IInputParams<T> extends IInputSlots<T> {}\r\n\r\nconst CreateInput = function <T>(params?: IInputParams<T>): ComponentType<IInputProps<T>> {\r\n  class InputBase extends Component<IInputProps<T>, IInputState> {\r\n    private _cachedSlots: IInputSlots<T> = {}\r\n    constructor(props: IInputProps<T>) {\r\n      super(props)\r\n      this._cachedSlots = this.mergeSlots(props.slots) ?? {}\r\n      this.state = { value: this.defaulValue }\r\n    }\r\n\r\n    get slots() {\r\n      return this._cachedSlots\r\n    }\r\n\r\n    get defaulValue(): string {\r\n      const { data, name } = this.props\r\n      return this.props.defaultValue ?? (!!data && !!name ? data[name]?.toString() : undefined)\r\n    }\r\n\r\n    componentDidUpdate(prevProps: IInputProps<T>) {\r\n      if (prevProps.slots !== this.props.slots) {\r\n        this._cachedSlots = this.mergeSlots(this.props.slots)\r\n      }\r\n    }\r\n\r\n    shouldComponentUpdate(nextProps: Readonly<IInputProps<T>>): boolean {\r\n      const { name, slots } = this.props\r\n      if (!!name) {\r\n        const currentDataValue = this.props.data?.[name]?.toString() ?? ''\r\n        const nextDataValue = nextProps.data?.[name]?.toString() ?? ''\r\n        if (currentDataValue !== nextDataValue) {\r\n          this.setState({ value: nextDataValue })\r\n          return false\r\n        }\r\n      }\r\n\r\n      if (slots !== nextProps.slots) {\r\n        return true\r\n      }\r\n      return true\r\n    }\r\n\r\n    mapTextFieldProps = (): TextFieldProps => {\r\n      const errorMessage = getErrorMessage(this.props.messageErrors, this.props.name)\r\n      const tfp: TextFieldProps = {\r\n        fullWidth: true,\r\n        variant: 'outlined',\r\n        name: this.props.name?.toString(),\r\n        error: errorMessage.error,\r\n        helperText: errorMessage.message,\r\n        disabled: this.props.disabled,\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        label: this.getLabel(),\r\n        placeholder: this.props.placeholder,\r\n        InputLabelProps: !!this.state.value ? { shrink: true } : {},\r\n        value: this.state.value ?? '',\r\n        onChange: this.handleChange\r\n      }\r\n      if (this.slots.pastenable === true) {\r\n        tfp.InputProps = {\r\n          endAdornment: (\r\n            <InputAdornment position='end'>\r\n              <IconButton onClick={this.handlePaste} edge='end'>\r\n                <ContentPasteIcon />\r\n              </IconButton>\r\n            </InputAdornment>\r\n          )\r\n        }\r\n      }\r\n      if (this.slots?.maxLength) tfp.inputProps = { ...tfp.inputProps, maxLength: this.slots.maxLength }\r\n      return mergeObjects<TextFieldProps>({}, tfp, this.slots?.textFieldProps)\r\n    }\r\n\r\n    //#region Render\r\n    render() {\r\n      return (\r\n        <Box sx={{ display: 'flex', alignItems: 'center' }}>\r\n          {!!this.props.disabled && <input hidden name={this.props.name?.toString()} defaultValue={this.defaulValue} />}\r\n          {this.renderImageSide('left')}\r\n          <TextField {...this.mapTextFieldProps()} />\r\n          {this.renderImageSide('right')}\r\n        </Box>\r\n      )\r\n    }\r\n\r\n    renderImageSide = (side: 'left' | 'right') => {\r\n      const image = side === 'left' ? this.slots.imageLeft : this.slots.imageRight\r\n      if (!image) return <></>\r\n      const { srcGetter, element, alt = 'input-image', fallbackSrc = '', debounceDelay = 700, ...imageOther } = image\r\n      if (element) {\r\n        const Element = element\r\n        return (\r\n          <WrapImage>\r\n            <Element value={this.state.value} model={this.props.data} />\r\n          </WrapImage>\r\n        )\r\n      }\r\n      const src = srcGetter ? srcGetter(this.state.value, this.props.data) : imageOther.src ?? this.state.value\r\n      const imageProps: IImageWithFallbackPropsOwner = { src, alt, fallbackSrc, debounceDelay }\r\n      return (\r\n        <Collapse sx={{ mx: '10px' }} in={!!src} unmountOnExit orientation='horizontal'>\r\n          <WrapImage>\r\n            <ImageWithFallback {...imageOther} {...imageProps} loading={<LoadingCircularProgress />} />\r\n          </WrapImage>\r\n        </Collapse>\r\n      )\r\n    }\r\n    //#endregion\r\n\r\n    private mergeSlots = (currentSlots?: IInputSlots<T>): IInputSlots<T> => {\r\n      const base = mergeObjects<IInputSlots<T>>({}, params, currentSlots)\r\n      const { imageLeft, imageRight } = base\r\n\r\n      // mirror from left to right\r\n      if (imageLeft?.mirror && !imageRight) {\r\n        base.imageRight = { ...imageLeft }\r\n        delete base.imageRight.mirror\r\n      }\r\n      // mirror from right to left\r\n      else if (imageRight?.mirror && !imageLeft) {\r\n        base.imageLeft = { ...imageRight }\r\n        delete base.imageLeft.mirror\r\n      }\r\n\r\n      return base\r\n    }\r\n\r\n    getLabel = () => {\r\n      if (!this.props.label) return\r\n      if (!this.slots?.maxLength) return this.props.label\r\n      return `${this.props.label} (${this.state.value?.length ?? 0}/${this.slots.maxLength})`\r\n    }\r\n\r\n    handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n      this.setState({ value: event.target.value })\r\n    }\r\n\r\n    handlePaste = async () => {\r\n      try {\r\n        const clipboardText = await navigator.clipboard.readText()\r\n        this.setState({ value: clipboardText })\r\n      } catch (error) {\r\n        console.error('Error clipboard:', error)\r\n      }\r\n    }\r\n  }\r\n  return InputBase\r\n}\r\n\r\nexport default CreateInput\r\n\r\n// export type InputTextType<T> = ReturnType<typeof CreateInputBase<T>>\r\n\r\nconst LoadingCircularProgress: FC = () => (\r\n  <div>\r\n    <CircularProgress size={24} />\r\n  </div>\r\n)\r\n\r\nconst WrapImage = styled(Box)({\r\n  fontSize: '1rem',\r\n  height: 'var(--input-base-image-size, 54px)',\r\n  width: 'var(--input-base-image-size, 54px)',\r\n  position: 'relative',\r\n  borderRadius: '8px',\r\n  boxShadow: 'rgba(0, 0, 0, 0.16) 0px 1px 4px',\r\n  overflow: 'hidden',\r\n  '& > img': {\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    backgroundRepeat: 'no-repeat',\r\n    height: '100%',\r\n    width: '100%',\r\n    backgroundSize: 'contain'\r\n  },\r\n  '& > div': {\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    height: '100%',\r\n    width: '100%',\r\n    background: '#fafafa',\r\n    zIndex: 1,\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center'\r\n  }\r\n})\r\n"],"names":["CreateInput","params","InputBase","props","_this$mergeSlots","_this","_classCallCheck","_callSuper","_defineProperty","_this$props$name","_this$state$value","_this$slots","_this$slots2","errorMessage","getErrorMessage","messageErrors","name","tfp","fullWidth","variant","toString","error","helperText","message","disabled","onBlur","label","getLabel","placeholder","InputLabelProps","state","value","shrink","onChange","handleChange","slots","pastenable","InputProps","endAdornment","_jsx","InputAdornment","position","children","IconButton","onClick","handlePaste","edge","ContentPasteIcon","maxLength","inputProps","_objectSpread","mergeObjects","textFieldProps","side","_imageOther$src","image","imageLeft","imageRight","srcGetter","element","_image$alt","alt","_image$fallbackSrc","fallbackSrc","_image$debounceDelay","debounceDelay","imageOther","_objectWithoutProperties","_excluded","WrapImage","model","data","src","imageProps","Collapse","sx","mx","in","unmountOnExit","orientation","ImageWithFallback","loading","LoadingCircularProgress","currentSlots","base","mirror","_this$slots3","_this$state$value$len","_this$state$value2","concat","length","event","setState","target","_asyncToGenerator","_regeneratorRuntime","mark","_callee","clipboardText","wrap","_context","prev","next","navigator","clipboard","readText","sent","t0","console","stop","_cachedSlots","mergeSlots","defaulValue","_inherits","Component","_createClass","key","get","this","_this$props$defaultVa","_data$name","_this$props","defaultValue","undefined","prevProps","nextProps","_this$props2","_this$props$data$name","_this$props$data","_nextProps$data$name$","_nextProps$data","currentDataValue","nextDataValue","_this$props$name2","_jsxs","Box","display","alignItems","hidden","renderImageSide","TextField","mapTextFieldProps","CircularProgress","size","styled","fontSize","height","width","borderRadius","boxShadow","overflow","top","left","backgroundRepeat","backgroundSize","background","zIndex","justifyContent"],"mappings":"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"}

package/dist/index.js

@@ -1,2 +1,2 @@
-export{default as ApiPopover,ApiPopoverContext,mapApiPopoverContext,withApiPopoverContext}from"./api-context/popover.js";export{AlertDialog,default as AlertGlobal,ApiAlertContext}from"./api-context/alert-global.js";export{default as DrawerGlobal}from"./api-context/drawer-global.js";export{default as GlobalModal,GlobalModalContext,mapGlobalModalContext,withApiGlobalModalConsumerContext,withApiGlobalModalContext}from"./api-context/global-modal.js";export{default as PopoverGlobal,PopoverGlobalApi,PopoverGlobalContext,PopoverGlobalProvider,mapPopoverGlobalContext,withPopoverGlobalContext}from"./api-context/popover-global.js";export{default as Breadcrumbs}from"./components/breadcrumbs.js";export{LoadingButton}from"./components/buttons.js";export{default as CopyToClipboard}from"./components/copy-to-clipboard.js";export{default as CreateMultiSelectDropdown}from"./components/create.multi-select-dropdown.js";export{default as ImageWithFallback}from"./components/image-with-fallback.js";export{default as HelpTooltip,HelpTooltipWrap}from"./components/help-tooltip.js";export{default as TextEditorPreview}from"./components/text-editor.preview.js";export{default as TextEditor,textEditorClasses}from"./components/text-editor.js";export{default as CreateFilterBar}from"./filter-bar/create.filter-bar.js";export{EFieldValidate,ESearchMatch}from"./filter-bar/types.js";export{default as FormValidator,SingleRuleValidate,createFormValidator,mapRuleOptions}from"./form/validator.js";export{default as DinoForm}from"./form/dino-form.js";export{convertFormDataToJson,getErrorMessage,validateCsvModel}from"./form/helpers.js";export{useCheckScrolled,useDebounce}from"./hooks/index.js";export{ELazyStatus}from"./redux/types.js";export{default as DinoRedux}from"./redux/dino.js";export{default as CreateHocLazy,EmptyComponent,defaultOptionHocLazy}from"./redux/create.hoc-lazy.js";export{ELogic,EOperator,EOrder}from"./table/model-filter.js";import"react/jsx-runtime";import"react";import"@mui/material";import"@mui/icons-material/Edit";import"@mui/icons-material/Delete";export{decodeBase64,encodeBase64,fetchDelay,formatCapitalizeFirstText,formatCurrency,formatDatetime,formatFileSize,formatNumberWithCommas,mergeClasses,mergeObjects,sleep,tryParseArray,tryParseCsvFileToArray,tryParseIntRequired,tryParseObject,windowScrollToTop}from"./utils/helpers.js";import"./utils/dayjs-config.js";export{default as JObject}from"./utils/json-object.js";export{MFEventProvider,useMFEvent}from"./utils/mfe-events.js";export{QueryParam}from"./utils/query-param.js";export{default as CreateTable}from"./table/create.table.js";export{default as DinoTable}from"./table/dino.js";export{dinoTableClasses}from"./table/helpers.js";export{default as DinoTableGrid}from"./table-grid/dino.js";export{CreateTableGridItemActions}from"./table-grid/item-actions.js";export{default as dayjsCustom}from"dayjs";
+export{default as ApiPopover,ApiPopoverContext,mapApiPopoverContext,withApiPopoverContext}from"./api-context/popover.js";export{AlertDialog,default as AlertGlobal,ApiAlertContext}from"./api-context/alert-global.js";export{default as DrawerGlobal}from"./api-context/drawer-global.js";export{default as GlobalModal,GlobalModalContext,mapGlobalModalContext,withApiGlobalModalConsumerContext,withApiGlobalModalContext}from"./api-context/global-modal.js";export{default as PopoverGlobal,PopoverGlobalApi,PopoverGlobalContext,PopoverGlobalProvider,mapPopoverGlobalContext,withPopoverGlobalContext}from"./api-context/popover-global.js";export{default as Breadcrumbs}from"./components/breadcrumbs.js";export{LoadingButton}from"./components/buttons.js";export{default as CopyToClipboard}from"./components/copy-to-clipboard.js";export{default as CreateMultiSelectDropdown}from"./components/create.multi-select-dropdown.js";export{default as ImageWithFallback}from"./components/image-with-fallback.js";export{default as HelpTooltip,HelpTooltipWrap}from"./components/help-tooltip.js";export{default as TextEditorPreview}from"./components/text-editor.preview.js";export{default as TextEditor,textEditorClasses}from"./components/text-editor.js";export{default as CreateFilterBar}from"./filter-bar/create.filter-bar.js";export{EFieldValidate,ESearchMatch}from"./filter-bar/types.js";export{default as FormValidator,SingleRuleValidate,createFormValidator,mapRuleOptions}from"./form/validator.js";export{default as DinoForm}from"./form/dino-form.js";export{convertFormDataToJson,getErrorMessage,validateCsvModel}from"./form/helpers.js";export{useCheckScrolled,useDebounce}from"./hooks/index.js";export{ELazyStatus}from"./redux/types.js";export{default as DinoRedux}from"./redux/dino.js";export{default as CreateHocLazy,EmptyComponent,defaultOptionHocLazy}from"./redux/create.hoc-lazy.js";export{ELogic,EOperator,EOrder}from"./table/model-filter.js";import"react/jsx-runtime";import"react";import"@mui/material";import"@mui/icons-material/Edit";import"@mui/icons-material/Delete";export{cleanObject,decodeBase64,encodeBase64,fetchDelay,formatCapitalizeFirstText,formatCurrency,formatDatetime,formatFileSize,formatNumberWithCommas,mergeClasses,mergeObjects,sleep,tryParseArray,tryParseCsvFileToArray,tryParseIntRequired,tryParseObject,windowScrollToTop}from"./utils/helpers.js";import"./utils/dayjs-config.js";export{default as JObject}from"./utils/json-object.js";export{MFEventProvider,useMFEvent}from"./utils/mfe-events.js";export{QueryParam}from"./utils/query-param.js";export{default as CreateTable}from"./table/create.table.js";export{default as DinoTable}from"./table/dino.js";export{dinoTableClasses}from"./table/helpers.js";export{default as DinoTableGrid}from"./table-grid/dino.js";export{CreateTableGridItemActions}from"./table-grid/item-actions.js";export{default as dayjsCustom}from"dayjs";
 //# sourceMappingURL=index.js.map

package/dist/table/create.table.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,objectSpread2 as o,defineProperty as r,inherits as t,createClass as a,classCallCheck as i,callSuper as l,toConsumableArray as n}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as s}from"react/jsx-runtime";import{Component as d}from"react";import{styled as u,Box as c}from"@mui/material";import{DataGrid as p}from"@mui/x-data-grid";import{mergeObjects as m}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"react-router-dom";import"../utils/query-param.js";import{TableBaseContext as g}from"./context.js";import{customFilterOperators as h}from"./custom.filter-operators.js";import"../api-context/alert-global.js";import"../api-context/drawer-global.js";import f,{mapGlobalModalContext as v}from"../api-context/global-modal.js";import b,{dinoTableClasses as y}from"./helpers.js";import C from"./toolbar-pannel.js";var P=["children"];function M(e){return function(){function u(t){var a;return i(this,u),a=l(this,u,[t]),r(a,"tableQueryParamsCache",{}),r(a,"setTableQueryParams",(function(e){a.tableQueryParams=m({},a.tableQueryParams,e)})),r(a,"renderWrapContext",(function(e){return s(f,{children:v((function(o){return s(g.Provider,{value:{showModal:o.show,closeModal:o.close},children:e})}))})})),r(a,"getDataGridProps",(function(){var o,r,t,i,l=a.mergeConfig,n={getRowId:e.getRowId,columns:a.columns,rows:null!==(o=null===(r=a.props.data)||void 0===r?void 0:r.items)&&void 0!==o?o:[],checkboxSelection:!0,pagination:!0,density:null!==(t=null===(i=a.props.slots)||void 0===i?void 0:i.density)&&void 0!==t?t:"standard",initialState:b.mapInitialState(a.props.query,{columns:{columnVisibilityModel:e.columnVisibilityModel}}),filterDebounceMs:800,sx:{border:0},slots:{toolbar:l.toolbar},rowSelectionModel:a.rowSelecteds,onRowSelectionModelChange:a.handleRowSelectionChange};if("server"===e.featureMode){var s,d,u={filterMode:"server",sortingMode:"server",paginationMode:"server",onPaginationModelChange:a.onPaginationModelChange,onFilterModelChange:a.onFilterModelChange,onSortModelChange:a.onSortModelChange,rowCount:null!==(s=null===(d=a.props.data)||void 0===d?void 0:d.rowTotal)&&void 0!==s?s:0,paginationModel:a.tableQueryParams.pagination,filterModel:a.tableQueryParams.filter,sortModel:b.mapSortModel(a.tableQueryParams.sort),loading:a.tableQueryParams.loading};Object.assign(n,u)}return m(n,a.mergeConfig.dataGridProps)})),r(a,"initialColumns",(function(){var r,t,i=a.mergeConfig.ActionRow,l=[];return i&&l.push(o({field:"Actions",minWidth:100,headerAlign:"right",align:"right",filterable:!1,sortable:!1,renderCell:function(e){return s(i,{value:e.row})}},e.actionRow)),r=l,t=Object.keys(e.columns).map((function(r){var t=o({field:r},e.columns[r]);return t.filterOperators=e.filterOperators?e.filterOperators(t):h(t),t})),r&&r.length>0&&t.push.apply(t,n(r)),t})),r(a,"onPaginationModelChange",(function(e,o){a.setTableQueryParams({pagination:e,detail:"pagination"}),a.handleChange()})),r(a,"onFilterModelChange",(function(e,o){var r,t=a.tableQueryParams.pagination;a.setTableQueryParams({filter:e,pagination:{page:0,pageSize:null!==(r=null==t?void 0:t.pageSize)&&void 0!==r?r:25},detail:b.detectSearchType(e)}),a.handleChange()})),r(a,"onSortModelChange",(function(e,o){var r,t,i,l,n,s=e,d=a.tableQueryParams.sort;null!=d&&d.length&&!s.length&&(s=(null==d||null===(r=d[0])||void 0===r?void 0:r.field)===(null===(t=a.defaultTableQueryParams.sort)||void 0===t||null===(t=t[0])||void 0===t?void 0:t.field)?[{field:null===(i=d[0])||void 0===i?void 0:i.field,sort:"desc"===(null===(l=d[0])||void 0===l?void 0:l.sort)?"asc":"desc"}]:null!==(n=a.defaultTableQueryParams.sort)&&void 0!==n?n:[]);a.setTableQueryParams({sort:s,detail:"sort"}),a.handleChange()})),r(a,"handleChange",(function(){a.tableQueryParamsCache=a.tableQueryParams})),r(a,"handleRowSelectionChange",(function(e,o){a.mergeConfig.maxSelcion&&e.length>a.mergeConfig.maxSelcion?a.rowSelecteds=e.slice(0,a.mergeConfig.maxSelcion):a.rowSelecteds=e,a.props.onRowSelectionChange&&a.props.onRowSelectionChange(a.rowSelecteds,o),a.forceUpdate()})),a.columns=a.initialColumns(),a.tableQueryParams=o({},t.query),a.defaultTableQueryParams=a.tableQueryParams,a.rowSelecteds=[],a}return t(u,d),a(u,[{key:"mergeConfig",get:function(){var r,t,a,i,l,n,d,u=m({},null==e?void 0:e.toolbarProps,null===(r=this.props.slots)||void 0===r?void 0:r.toolbarProps);return{toolbar:null!==(t=null===(a=this.props.slots)||void 0===a?void 0:a.toolbar)&&void 0!==t?t:function(){return s(C,o({},u))},ActionRow:null===(i=this.props.slots)||void 0===i?void 0:i.actionRow,columnVisibilityModel:e.columnVisibilityModel,maxSelcion:null!==(l=null===(n=this.props.slots)||void 0===n?void 0:n.maxSelection)&&void 0!==l?l:e.maxSelection,dataGridProps:m({},e.dataGridProps,null===(d=this.props.slots)||void 0===d?void 0:d.dataGridProps)}}},{key:"shouldComponentUpdate",value:function(o){return"server"!==e.featureMode||b.equalTableQueryParams(o.query,this.props.query)?"server"!==e.featureMode:(this.setTableQueryParams(null!==(r=o.query)&&void 0!==r?r:{}),!0);var r}},{key:"render",value:function(){return this.renderWrapContext(s(S,{children:s(p,o({},this.getDataGridProps()))}))}}])}()}var S=u((function(r){var t=r.children,a=e(r,P);return s(c,o(o({},a),{},{children:s("div",{children:t})}))}))(r({flex:1,position:"relative","& > div":{position:"absolute",top:0,left:0,width:"100%",height:"100%",overflowY:"auto"},"& .MuiDataGrid-root":{"--unstable_DataGrid-radius":0}},"& .MuiDataGrid-cell.".concat(y.whiteSpacePre," .MuiDataGrid-cellContent"),{whiteSpace:"pre"}));export{M as default};
+import{objectWithoutProperties as e,objectSpread2 as o,defineProperty as r,inherits as t,createClass as a,classCallCheck as i,callSuper as l,toConsumableArray as n}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as s}from"react/jsx-runtime";import{Component as d}from"react";import{styled as u,Box as p}from"@mui/material";import{DataGrid as c}from"@mui/x-data-grid";import{mergeObjects as m}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"react-router-dom";import"../utils/query-param.js";import{TableBaseContext as g}from"./context.js";import{customFilterOperators as h}from"./custom.filter-operators.js";import"../api-context/alert-global.js";import"../api-context/drawer-global.js";import f,{mapGlobalModalContext as v}from"../api-context/global-modal.js";import b,{dinoTableClasses as y}from"./helpers.js";import C from"./toolbar-pannel.js";var P=["children"];function M(e){return function(){function u(t){var a;return i(this,u),a=l(this,u,[t]),r(a,"setTableQueryParams",(function(e){a.tableQueryParams=m({},a.tableQueryParams,e)})),r(a,"renderWrapContext",(function(e){return s(f,{children:v((function(o){return s(g.Provider,{value:{showModal:o.show,closeModal:o.close},children:e})}))})})),r(a,"getDataGridProps",(function(){var o,r,t,i,l=a.mergeConfig,n={getRowId:e.getRowId,columns:a.columns,rows:null!==(o=null===(r=a.props.data)||void 0===r?void 0:r.items)&&void 0!==o?o:[],checkboxSelection:!0,pagination:!0,density:null!==(t=null===(i=a.props.slots)||void 0===i?void 0:i.density)&&void 0!==t?t:"standard",initialState:b.mapInitialState(a.props.query,{columns:{columnVisibilityModel:e.columnVisibilityModel}}),filterDebounceMs:800,sx:{border:0},slots:{toolbar:l.toolbar},rowSelectionModel:a.rowSelecteds,onRowSelectionModelChange:a.handleRowSelectionChange};if("server"===e.featureMode){var s,d,u={filterMode:"server",sortingMode:"server",paginationMode:"server",onPaginationModelChange:a.onPaginationModelChange,onFilterModelChange:a.onFilterModelChange,onSortModelChange:a.onSortModelChange,rowCount:null!==(s=null===(d=a.props.data)||void 0===d?void 0:d.rowTotal)&&void 0!==s?s:0,paginationModel:a.tableQueryParams.pagination,filterModel:a.tableQueryParams.filter,sortModel:b.mapSortModel(a.tableQueryParams.sort),loading:a.tableQueryParams.loading};Object.assign(n,u)}return m(n,a.mergeConfig.dataGridProps)})),r(a,"initialColumns",(function(){var r,t,i=a.mergeConfig.ActionRow,l=[];return i&&l.push(o({field:"Actions",minWidth:100,headerAlign:"right",align:"right",filterable:!1,sortable:!1,renderCell:function(e){return s(i,{value:e.row})}},e.actionRow)),r=l,t=Object.keys(e.columns).map((function(r){var t=o({field:r},e.columns[r]);return t.filterOperators=e.filterOperators?e.filterOperators(t):h(t),t})),r&&r.length>0&&t.push.apply(t,n(r)),t})),r(a,"onPaginationModelChange",(function(e,o){a.setTableQueryParams({pagination:e,detail:"pagination"}),a.handleChange()})),r(a,"onFilterModelChange",(function(e,o){var r,t=a.tableQueryParams.pagination;a.setTableQueryParams({filter:e,pagination:{page:0,pageSize:null!==(r=null==t?void 0:t.pageSize)&&void 0!==r?r:25},detail:b.detectSearchType(e)}),a.handleChange()})),r(a,"onSortModelChange",(function(e,o){var r,t,i,l,n,s=e,d=a.tableQueryParams.sort;null!=d&&d.length&&!s.length&&(s=(null==d||null===(r=d[0])||void 0===r?void 0:r.field)===(null===(t=a.defaultTableQueryParams.sort)||void 0===t||null===(t=t[0])||void 0===t?void 0:t.field)?[{field:null===(i=d[0])||void 0===i?void 0:i.field,sort:"desc"===(null===(l=d[0])||void 0===l?void 0:l.sort)?"asc":"desc"}]:null!==(n=a.defaultTableQueryParams.sort)&&void 0!==n?n:[]);a.setTableQueryParams({sort:s,detail:"sort"}),a.handleChange()})),r(a,"handleChange",(function(){a.props.onChange&&a.props.onChange(a.tableQueryParams)})),r(a,"handleRowSelectionChange",(function(e,o){a.mergeConfig.maxSelcion&&e.length>a.mergeConfig.maxSelcion?a.rowSelecteds=e.slice(0,a.mergeConfig.maxSelcion):a.rowSelecteds=e,a.props.onRowSelectionChange&&a.props.onRowSelectionChange(a.rowSelecteds,o),a.forceUpdate()})),a.columns=a.initialColumns(),a.tableQueryParams=o({},t.query),a.defaultTableQueryParams=a.tableQueryParams,a.rowSelecteds=[],a}return t(u,d),a(u,[{key:"mergeConfig",get:function(){var r,t,a,i,l,n,d,u=m({},null==e?void 0:e.toolbarProps,null===(r=this.props.slots)||void 0===r?void 0:r.toolbarProps);return{toolbar:null!==(t=null===(a=this.props.slots)||void 0===a?void 0:a.toolbar)&&void 0!==t?t:function(){return s(C,o({},u))},ActionRow:null===(i=this.props.slots)||void 0===i?void 0:i.actionRow,columnVisibilityModel:e.columnVisibilityModel,maxSelcion:null!==(l=null===(n=this.props.slots)||void 0===n?void 0:n.maxSelection)&&void 0!==l?l:e.maxSelection,dataGridProps:m({},e.dataGridProps,null===(d=this.props.slots)||void 0===d?void 0:d.dataGridProps)}}},{key:"shouldComponentUpdate",value:function(o){return"server"!==e.featureMode||b.equalTableQueryParams(o.query,this.props.query)?"server"!==e.featureMode:(this.setTableQueryParams(null!==(r=o.query)&&void 0!==r?r:{}),!0);var r}},{key:"render",value:function(){return this.renderWrapContext(s(S,{children:s(c,o({},this.getDataGridProps()))}))}}])}()}var S=u((function(r){var t=r.children,a=e(r,P);return s(p,o(o({},a),{},{children:s("div",{children:t})}))}))(r({flex:1,position:"relative","& > div":{position:"absolute",top:0,left:0,width:"100%",height:"100%",overflowY:"auto"},"& .MuiDataGrid-root":{"--unstable_DataGrid-radius":0}},"& .MuiDataGrid-cell.".concat(y.whiteSpacePre," .MuiDataGrid-cellContent"),{whiteSpace:"pre"}));export{M as default};
 //# sourceMappingURL=create.table.js.map