dinocollab-core 1.0.2 → 1.0.4

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

@@ -1,79 +1,2 @@
-import { inherits as _inherits, createClass as _createClass, objectSpread2 as _objectSpread2, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
-import { Component } from 'react';
-import { TextField } from '@mui/material';
-import { getErrorMessage } from './helper.js';
-
-function CreateInputFile(params) {
-  var FormInputFile = /*#__PURE__*/function (_Component) {
-    function FormInputFile() {
-      var _this;
-      _classCallCheck(this, FormInputFile);
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      _this = _callSuper(this, FormInputFile, [].concat(args));
-      _defineProperty(_this, "refInput", null);
-      _defineProperty(_this, "getMergeConfig", function () {
-        var _params$accept, _ref, _params$multiple;
-        return {
-          accept: (_params$accept = params === null || params === void 0 ? void 0 : params.accept) !== null && _params$accept !== void 0 ? _params$accept : _this.props.accept,
-          multiple: (_ref = (_params$multiple = params === null || params === void 0 ? void 0 : params.multiple) !== null && _params$multiple !== void 0 ? _params$multiple : _this.props.multiple) !== null && _ref !== void 0 ? _ref : false
-        };
-      });
-      _defineProperty(_this, "handleChange", function (e) {
-        if (!_this.props.name) return;
-        _this.props.onBlur && _this.props.onBlur(_this.props.name);
-      });
-      _defineProperty(_this, "isExploreOpen", false);
-      _defineProperty(_this, "handleClick", function (e) {
-        _this.isExploreOpen = true;
-      });
-      _defineProperty(_this, "handleFocus", function (e) {
-        if (_this.isExploreOpen === true) {
-          _this.isExploreOpen = false;
-          if (!_this.props.name) return;
-          _this.props.onBlur && _this.props.onBlur(_this.props.name);
-          setTimeout(function () {
-            _this.refInput && _this.refInput.blur();
-          }, 50);
-        }
-      });
-      return _this;
-    }
-    _inherits(FormInputFile, _Component);
-    return _createClass(FormInputFile, [{
-      key: "render",
-      value: function render() {
-        var _this2 = this,
-          _this$props$name,
-          _this$props$textField;
-        var eMessage = getErrorMessage(this.props.messageErrors, this.props.name);
-        var configs = this.getMergeConfig();
-        return jsx(TextField, _objectSpread2(_objectSpread2({
-          inputRef: function inputRef(ref) {
-            return _this2.refInput = ref;
-          },
-          name: (_this$props$name = this.props.name) === null || _this$props$name === void 0 ? void 0 : _this$props$name.toString(),
-          error: eMessage.error,
-          helperText: eMessage.message,
-          variant: 'outlined',
-          type: 'file',
-          fullWidth: true,
-          onChange: this.handleChange,
-          onClick: this.handleClick,
-          onFocus: this.handleFocus
-        }, this.props.textFieldProps), {}, {
-          inputProps: _objectSpread2({
-            accept: configs.accept,
-            multiple: configs.multiple
-          }, (_this$props$textField = this.props.textFieldProps) === null || _this$props$textField === void 0 ? void 0 : _this$props$textField.inputProps)
-        }));
-      }
-    }]);
-  }(Component);
-  return FormInputFile;
-}
-
-export { CreateInputFile as default };
+import{inherits as e,createClass as r,objectSpread2 as n,classCallCheck as t,callSuper as o,defineProperty as p}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i}from"react/jsx-runtime";import{Component as l}from"react";import{TextField as s}from"@mui/material";import{getErrorMessage as u}from"./helper.js";function a(a){var c=function(){function c(){var e;t(this,c);for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return e=o(this,c,[].concat(n)),p(e,"refInput",null),p(e,"getMergeConfig",(function(){var r,n,t;return{accept:null!==(r=null==a?void 0:a.accept)&&void 0!==r?r:e.props.accept,multiple:null!==(n=null!==(t=null==a?void 0:a.multiple)&&void 0!==t?t:e.props.multiple)&&void 0!==n&&n}})),p(e,"handleChange",(function(r){e.props.name&&e.props.onBlur&&e.props.onBlur(e.props.name)})),p(e,"isExploreOpen",!1),p(e,"handleClick",(function(r){e.isExploreOpen=!0})),p(e,"handleFocus",(function(r){if(!0===e.isExploreOpen){if(e.isExploreOpen=!1,!e.props.name)return;e.props.onBlur&&e.props.onBlur(e.props.name),setTimeout((function(){e.refInput&&e.refInput.blur()}),50)}})),e}return e(c,l),r(c,[{key:"render",value:function(){var e,r,t=this,o=u(this.props.messageErrors,this.props.name),p=this.getMergeConfig();return i(s,n(n({inputRef:function(e){return t.refInput=e},name:null===(e=this.props.name)||void 0===e?void 0:e.toString(),error:o.error,helperText:o.message,variant:"outlined",type:"file",fullWidth:!0,onChange:this.handleChange,onClick:this.handleClick,onFocus:this.handleFocus},this.props.textFieldProps),{},{inputProps:n({accept:p.accept,multiple:p.multiple},null===(r=this.props.textFieldProps)||void 0===r?void 0:r.inputProps)}))}}])}();return c}export{a as default};
 //# sourceMappingURL=create.input.file.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"create.input.file.js","sources":["../../src/form/create.input.file.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { TextField, TextFieldProps } from '@mui/material'\r\nimport { IFormInputBase } from './types'\r\nimport { getErrorMessage } from './helper'\r\n\r\nexport interface IInputFileProps<T> extends IFormInputBase<T> {\r\n  accept?: string\r\n  multiple?: boolean\r\n  textFieldProps?: TextFieldProps\r\n}\r\n\r\nexport interface IInputFileState {}\r\n\r\nexport interface IInputFileParams {\r\n  accept?: string\r\n  multiple?: boolean\r\n}\r\n\r\nfunction CreateInputFile<T>(params?: IInputFileParams): ComponentType<IFormInputBase<T>> {\r\n  class FormInputFile extends Component<IInputFileProps<T>, IInputFileState> {\r\n    refInput: HTMLInputElement | null = null\r\n\r\n    render() {\r\n      const eMessage = getErrorMessage(this.props.messageErrors, this.props.name)\r\n      const configs = this.getMergeConfig()\r\n      return (\r\n        <TextField\r\n          inputRef={(ref) => (this.refInput = ref)}\r\n          name={this.props.name?.toString()}\r\n          error={eMessage.error}\r\n          helperText={eMessage.message}\r\n          variant='outlined'\r\n          type='file'\r\n          fullWidth\r\n          onChange={this.handleChange}\r\n          onClick={this.handleClick}\r\n          onFocus={this.handleFocus}\r\n          {...this.props.textFieldProps}\r\n          inputProps={{\r\n            accept: configs.accept,\r\n            multiple: configs.multiple,\r\n            ...this.props.textFieldProps?.inputProps\r\n          }}\r\n        />\r\n      )\r\n    }\r\n\r\n    getMergeConfig = () => ({\r\n      accept: params?.accept ?? this.props.accept,\r\n      multiple: params?.multiple ?? this.props.multiple ?? false\r\n    })\r\n\r\n    handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\r\n      if (!this.props.name) return\r\n      this.props.onBlur && this.props.onBlur(this.props.name)\r\n    }\r\n\r\n    isExploreOpen = false\r\n\r\n    handleClick: React.MouseEventHandler<HTMLDivElement> = (e) => {\r\n      this.isExploreOpen = true\r\n    }\r\n\r\n    handleFocus: React.FocusEventHandler<HTMLInputElement> = (e) => {\r\n      if (this.isExploreOpen === true) {\r\n        this.isExploreOpen = false\r\n        if (!this.props.name) return\r\n        this.props.onBlur && this.props.onBlur(this.props.name)\r\n        setTimeout(() => {\r\n          this.refInput && this.refInput.blur()\r\n        }, 50)\r\n      }\r\n    }\r\n  }\r\n  return FormInputFile\r\n}\r\n\r\nexport default CreateInputFile\r\n"],"names":["CreateInputFile","params","FormInputFile","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","_params$accept","_ref","_params$multiple","accept","props","multiple","e","name","onBlur","isExploreOpen","setTimeout","refInput","blur","_inherits","_createClass","key","value","render","_this2","_this$props$name","_this$props$textField","eMessage","getErrorMessage","messageErrors","configs","getMergeConfig","_jsx","TextField","_objectSpread","inputRef","ref","toString","error","helperText","message","variant","type","fullWidth","onChange","handleChange","onClick","handleClick","onFocus","handleFocus","textFieldProps","inputProps","Component"],"mappings":"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"}
+{"version":3,"file":"create.input.file.js","sources":["../../src/form/create.input.file.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { TextField, TextFieldProps } from '@mui/material'\r\nimport { IFormInputBase } from './types'\r\nimport { getErrorMessage } from './helper'\r\n\r\nexport interface IInputFileProps<T> extends IFormInputBase<T> {\r\n  accept?: string\r\n  multiple?: boolean\r\n  textFieldProps?: TextFieldProps\r\n}\r\n\r\nexport interface IInputFileState {}\r\n\r\nexport interface IInputFileParams {\r\n  accept?: string\r\n  multiple?: boolean\r\n}\r\n\r\nfunction CreateInputFile<T>(params?: IInputFileParams): ComponentType<IFormInputBase<T>> {\r\n  class FormInputFile extends Component<IInputFileProps<T>, IInputFileState> {\r\n    refInput: HTMLInputElement | null = null\r\n\r\n    render() {\r\n      const eMessage = getErrorMessage(this.props.messageErrors, this.props.name)\r\n      const configs = this.getMergeConfig()\r\n      return (\r\n        <TextField\r\n          inputRef={(ref) => (this.refInput = ref)}\r\n          name={this.props.name?.toString()}\r\n          error={eMessage.error}\r\n          helperText={eMessage.message}\r\n          variant='outlined'\r\n          type='file'\r\n          fullWidth\r\n          onChange={this.handleChange}\r\n          onClick={this.handleClick}\r\n          onFocus={this.handleFocus}\r\n          {...this.props.textFieldProps}\r\n          inputProps={{\r\n            accept: configs.accept,\r\n            multiple: configs.multiple,\r\n            ...this.props.textFieldProps?.inputProps\r\n          }}\r\n        />\r\n      )\r\n    }\r\n\r\n    getMergeConfig = () => ({\r\n      accept: params?.accept ?? this.props.accept,\r\n      multiple: params?.multiple ?? this.props.multiple ?? false\r\n    })\r\n\r\n    handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\r\n      if (!this.props.name) return\r\n      this.props.onBlur && this.props.onBlur(this.props.name)\r\n    }\r\n\r\n    isExploreOpen = false\r\n\r\n    handleClick: React.MouseEventHandler<HTMLDivElement> = (e) => {\r\n      this.isExploreOpen = true\r\n    }\r\n\r\n    handleFocus: React.FocusEventHandler<HTMLInputElement> = (e) => {\r\n      if (this.isExploreOpen === true) {\r\n        this.isExploreOpen = false\r\n        if (!this.props.name) return\r\n        this.props.onBlur && this.props.onBlur(this.props.name)\r\n        setTimeout(() => {\r\n          this.refInput && this.refInput.blur()\r\n        }, 50)\r\n      }\r\n    }\r\n  }\r\n  return FormInputFile\r\n}\r\n\r\nexport default CreateInputFile\r\n"],"names":["CreateInputFile","params","FormInputFile","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","_params$accept","_ref","_params$multiple","accept","props","multiple","e","name","onBlur","isExploreOpen","setTimeout","refInput","blur","_inherits","Component","_createClass","key","value","_this$props$name","_this$props$textField","_this2","eMessage","getErrorMessage","messageErrors","configs","getMergeConfig","_jsx","TextField","_objectSpread","inputRef","ref","toString","error","helperText","message","variant","type","fullWidth","onChange","handleChange","onClick","handleClick","onFocus","handleFocus","textFieldProps","inputProps"],"mappings":"iUAkBA,SAASA,EAAmBC,GAAyB,IAC7CC,aAAc,SAAAA,IAAA,IAAAC,EAAAC,OAAAF,GAAA,IAAA,IAAAG,EAAAC,UAAAC,OAAAC,EAAAC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAAF,EAAAE,GAAAJ,UAAAI,GAqDjB,OArDiBP,EAAAQ,EAAAC,KAAAV,EAAAW,GAAAA,OAAAL,IAAAM,EAAAX,EAAA,WACkB,MAAIW,EAAAX,EA2BvB,kBAAA,WAAA,IAAAY,EAAAC,EAAAC,EAAA,MAAO,CACtBC,OAAsBH,QAAhBA,EAAEd,eAAAA,EAAQiB,kBAAMH,EAAAA,EAAIZ,EAAKgB,MAAMD,OACrCE,SAAiDJ,QAAzCA,EAAkB,QAAlBC,EAAEhB,aAAM,EAANA,EAAQmB,gBAAQH,IAAAA,EAAAA,EAAId,EAAKgB,MAAMC,gBAAQJ,IAAAA,GAAAA,MACjDF,EAAAX,EAEyD,gBAAA,SAACkB,GACrDlB,EAAKgB,MAAMG,MAChBnB,EAAKgB,MAAMI,QAAUpB,EAAKgB,MAAMI,OAAOpB,EAAKgB,MAAMG,SACnDR,EAAAX,EAAA,iBAEe,GAAKW,EAAAX,EAEkC,eAAA,SAACkB,GACtDlB,EAAKqB,eAAgB,KACtBV,EAAAX,EAEwD,eAAA,SAACkB,GACxD,IAA2B,IAAvBlB,EAAKqB,cAAwB,CAE/B,GADArB,EAAKqB,eAAgB,GAChBrB,EAAKgB,MAAMG,KAAM,OACtBnB,EAAKgB,MAAMI,QAAUpB,EAAKgB,MAAMI,OAAOpB,EAAKgB,MAAMG,MAClDG,YAAW,WACTtB,EAAKuB,UAAYvB,EAAKuB,SAASC,MAChC,GAAE,GACJ,KACFxB,CAAA,CAAA,OAAAyB,EAAA1B,EArDyB2B,GAqDzBC,EAAA5B,EAAA,CAAA,CAAA6B,IAAA,SAAAC,MAlDD,WAAM,IAAAC,EAAAC,EAAAC,EAAAvB,KACEwB,EAAWC,EAAgBzB,KAAKO,MAAMmB,cAAe1B,KAAKO,MAAMG,MAChEiB,EAAU3B,KAAK4B,iBACrB,OACEC,EAACC,EAASC,EAAAA,EAAA,CACRC,SAAU,SAACC,GAAG,OAAMV,EAAKT,SAAWmB,CAAI,EACxCvB,KAAqB,QAAjBW,EAAErB,KAAKO,MAAMG,YAAXW,IAAeA,OAAfA,EAAAA,EAAiBa,WACvBC,MAAOX,EAASW,MAChBC,WAAYZ,EAASa,QACrBC,QAAQ,WACRC,KAAK,OACLC,WACA,EAAAC,SAAUzC,KAAK0C,aACfC,QAAS3C,KAAK4C,YACdC,QAAS7C,KAAK8C,aACV9C,KAAKO,MAAMwC,gBAAc,CAAA,EAAA,CAC7BC,WAAUjB,EAAA,CACRzB,OAAQqB,EAAQrB,OAChBE,SAAUmB,EAAQnB,UACU,QADFc,EACvBtB,KAAKO,MAAMwC,sBAAc,IAAAzB,OAAA,EAAzBA,EAA2B0B,cAItC,IAAC,IA6BH,OAAO1D,CACT"}

package/dist/form/create.input.js

@@ -1,276 +1,2 @@
-import { inherits as _inherits, createClass as _createClass, objectSpread2 as _objectSpread2, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Component } from 'react';
-import { styled, Box, TextField, InputAdornment, IconButton, Collapse, CircularProgress } from '@mui/material';
-import ContentPasteIcon from '@mui/icons-material/ContentPaste';
-import { mergeObjects as _mergeObjects } from '../utils/helpers.js';
-import '../utils/query-param.js';
-import '../utils/dayjs-config.js';
-import { getErrorMessage } from './helper.js';
-import '../components/breadcrumbs.js';
-import 'clipboard-copy';
-import '@mui/icons-material/Done';
-import '@mui/icons-material/ContentCopy';
-import ImageWithFallback from '../components/image-with-fallback.js';
-import '../components/help-tooltip.js';
-import '../components/text-editor.js';
-
-var _excluded = ["srcValue", "element", "alt", "fallbackSrc", "debounceDelay"];
-var CreateInput = function CreateInput(params) {
-  var InputBase = /*#__PURE__*/function (_Component) {
-    function InputBase(props) {
-      var _this$mergeSlots;
-      var _this;
-      _classCallCheck(this, InputBase);
-      _this = _callSuper(this, InputBase, [props]);
-      _defineProperty(_this, "_cachedSlots", {});
-      _defineProperty(_this, "mapTextFieldProps", function () {
-        var _this$props$name, _this$state$value, _this$slots, _this$slots2;
-        var errorMessage = getErrorMessage(_this.props.messageErrors, _this.props.name);
-        var tfp = {
-          fullWidth: true,
-          variant: 'outlined',
-          name: (_this$props$name = _this.props.name) === null || _this$props$name === void 0 ? void 0 : _this$props$name.toString(),
-          error: errorMessage.error,
-          helperText: errorMessage.message,
-          disabled: _this.props.disabled,
-          onBlur: function onBlur() {
-            if (!_this.props.name) return;
-            _this.props.onBlur && _this.props.onBlur(_this.props.name);
-          },
-          label: _this.getLabel(),
-          placeholder: _this.props.placeholder,
-          InputLabelProps: !!_this.state.value ? {
-            shrink: true
-          } : {},
-          value: (_this$state$value = _this.state.value) !== null && _this$state$value !== void 0 ? _this$state$value : '',
-          onChange: _this.handleChange
-        };
-        if (_this.slots.pastenable === true) {
-          tfp.InputProps = {
-            endAdornment: jsx(InputAdornment, {
-              position: 'end',
-              children: jsx(IconButton, {
-                onClick: _this.handlePaste,
-                edge: 'end',
-                children: jsx(ContentPasteIcon, {})
-              })
-            })
-          };
-        }
-        if ((_this$slots = _this.slots) !== null && _this$slots !== void 0 && _this$slots.maxLength) tfp.inputProps = _objectSpread2(_objectSpread2({}, tfp.inputProps), {}, {
-          maxLength: _this.slots.maxLength
-        });
-        return _mergeObjects({}, tfp, (_this$slots2 = _this.slots) === null || _this$slots2 === void 0 ? void 0 : _this$slots2.textFieldProps);
-      });
-      _defineProperty(_this, "renderImageSide", function (side) {
-        var _imageOther$src;
-        var image = side === 'left' ? _this.slots.imageLeft : _this.slots.imageRight;
-        if (!image) return jsx(Fragment, {});
-        var srcValue = image.srcValue,
-          element = image.element,
-          _image$alt = image.alt,
-          alt = _image$alt === void 0 ? 'input-image' : _image$alt,
-          _image$fallbackSrc = image.fallbackSrc,
-          fallbackSrc = _image$fallbackSrc === void 0 ? '' : _image$fallbackSrc,
-          _image$debounceDelay = image.debounceDelay,
-          debounceDelay = _image$debounceDelay === void 0 ? 700 : _image$debounceDelay,
-          imageOther = _objectWithoutProperties(image, _excluded);
-        if (element) {
-          var Element = element;
-          return jsx(WrapImage, {
-            children: jsx(Element, {
-              value: _this.state.value,
-              model: _this.props.data
-            })
-          });
-        }
-        var src = srcValue ? srcValue(_this.state.value, _this.props.data) : (_imageOther$src = imageOther.src) !== null && _imageOther$src !== void 0 ? _imageOther$src : _this.state.value;
-        var imageProps = {
-          src: src,
-          alt: alt,
-          fallbackSrc: fallbackSrc,
-          debounceDelay: debounceDelay
-        };
-        return jsx(Collapse, {
-          sx: {
-            mx: '10px'
-          },
-          "in": !!src,
-          unmountOnExit: true,
-          orientation: 'horizontal',
-          children: jsx(WrapImage, {
-            children: jsx(ImageWithFallback, _objectSpread2(_objectSpread2(_objectSpread2({}, imageOther), imageProps), {}, {
-              loading: jsx(LoadingCircularProgress, {})
-            }))
-          })
-        });
-      });
-      //#endregion
-      _defineProperty(_this, "mergeSlots", function (currentSlots) {
-        var base = _mergeObjects({}, params, currentSlots);
-        var imageLeft = base.imageLeft,
-          imageRight = base.imageRight;
-        // mirror from left to right
-        if (imageLeft !== null && imageLeft !== void 0 && imageLeft.mirror && !imageRight) {
-          base.imageRight = _objectSpread2({}, imageLeft);
-          delete base.imageRight.mirror;
-        }
-        // mirror from right to left
-        else if (imageRight !== null && imageRight !== void 0 && imageRight.mirror && !imageLeft) {
-          base.imageLeft = _objectSpread2({}, imageRight);
-          delete base.imageLeft.mirror;
-        }
-        return base;
-      });
-      _defineProperty(_this, "getLabel", function () {
-        var _this$slots3, _this$state$value$len, _this$state$value2;
-        if (!_this.props.label) return;
-        if (!((_this$slots3 = _this.slots) !== null && _this$slots3 !== void 0 && _this$slots3.maxLength)) return _this.props.label;
-        return "".concat(_this.props.label, " (").concat((_this$state$value$len = (_this$state$value2 = _this.state.value) === null || _this$state$value2 === void 0 ? void 0 : _this$state$value2.length) !== null && _this$state$value$len !== void 0 ? _this$state$value$len : 0, "/").concat(_this.slots.maxLength, ")");
-      });
-      _defineProperty(_this, "handleChange", function (event) {
-        _this.setState(function (st) {
-          return _objectSpread2(_objectSpread2({}, st), {}, {
-            value: event.target.value
-          });
-        });
-      });
-      _defineProperty(_this, "handlePaste", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var clipboardText;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return navigator.clipboard.readText();
-            case 3:
-              clipboardText = _context.sent;
-              _this.setState({
-                value: clipboardText
-              });
-              _context.next = 10;
-              break;
-            case 7:
-              _context.prev = 7;
-              _context.t0 = _context["catch"](0);
-              console.error('Error clipboard:', _context.t0);
-            case 10:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, null, [[0, 7]]);
-      })));
-      _this._cachedSlots = (_this$mergeSlots = _this.mergeSlots(props.slots)) !== null && _this$mergeSlots !== void 0 ? _this$mergeSlots : {};
-      _this.state = {
-        value: _this.defaulValue
-      };
-      return _this;
-    }
-    _inherits(InputBase, _Component);
-    return _createClass(InputBase, [{
-      key: "slots",
-      get: function get() {
-        return this._cachedSlots;
-      }
-    }, {
-      key: "defaulValue",
-      get: function get() {
-        var _this$props$defaultVa, _data$name;
-        var _this$props = this.props,
-          data = _this$props.data,
-          name = _this$props.name;
-        return (_this$props$defaultVa = this.props.defaultValue) !== null && _this$props$defaultVa !== void 0 ? _this$props$defaultVa : !!data && !!name ? (_data$name = data[name]) === null || _data$name === void 0 ? void 0 : _data$name.toString() : undefined;
-      }
-    }, {
-      key: "componentDidUpdate",
-      value: function componentDidUpdate(prevProps) {
-        if (prevProps.slots !== this.props.slots) {
-          this._cachedSlots = this.mergeSlots(this.props.slots);
-        }
-      }
-    }, {
-      key: "shouldComponentUpdate",
-      value: function shouldComponentUpdate(nextProps) {
-        var _this$props2 = this.props,
-          name = _this$props2.name,
-          slots = _this$props2.slots;
-        if (!!name) {
-          var _this$props$data$name, _this$props$data, _nextProps$data$name$, _nextProps$data;
-          var currentDataValue = (_this$props$data$name = (_this$props$data = this.props.data) === null || _this$props$data === void 0 || (_this$props$data = _this$props$data[name]) === null || _this$props$data === void 0 ? void 0 : _this$props$data.toString()) !== null && _this$props$data$name !== void 0 ? _this$props$data$name : '';
-          var nextDataValue = (_nextProps$data$name$ = (_nextProps$data = nextProps.data) === null || _nextProps$data === void 0 || (_nextProps$data = _nextProps$data[name]) === null || _nextProps$data === void 0 ? void 0 : _nextProps$data.toString()) !== null && _nextProps$data$name$ !== void 0 ? _nextProps$data$name$ : '';
-          if (currentDataValue !== nextDataValue) {
-            this.setState({
-              value: nextDataValue
-            });
-            return false;
-          }
-        }
-        if (slots !== nextProps.slots) {
-          return true;
-        }
-        return true;
-      }
-    }, {
-      key: "render",
-      value:
-      //#region Render
-      function render() {
-        var _this$props$name2;
-        return jsxs(Box, {
-          sx: {
-            display: 'flex',
-            alignItems: 'center'
-          },
-          children: [!!this.props.disabled && jsx("input", {
-            hidden: true,
-            name: (_this$props$name2 = this.props.name) === null || _this$props$name2 === void 0 ? void 0 : _this$props$name2.toString(),
-            defaultValue: this.defaulValue
-          }), this.renderImageSide('left'), jsx(TextField, _objectSpread2({}, this.mapTextFieldProps())), this.renderImageSide('right')]
-        });
-      }
-    }]);
-  }(Component);
-  return InputBase;
-};
-// export type InputTextType<T> = ReturnType<typeof CreateInputBase<T>>
-var LoadingCircularProgress = function LoadingCircularProgress() {
-  return jsx("div", {
-    children: jsx(CircularProgress, {
-      size: 24
-    })
-  });
-};
-var WrapImage = styled(Box)({
-  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 { CreateInput 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 u,jsx as p,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 k}from"../utils/helpers.js";import"../utils/query-param.js";import"../utils/dayjs-config.js";import{getErrorMessage as y}from"./helper.js";import"../components/breadcrumbs.js";import"clipboard-copy";import"@mui/icons-material/Done";import"@mui/icons-material/ContentCopy";import j from"../components/image-with-fallback.js";import"../components/help-tooltip.js";import"../components/text-editor.js";var P=["srcValue","element","alt","fallbackSrc","debounceDelay"],C=function(m){return function(){function x(e){var t,u;return o(this,x),u=a(this,x,[e]),i(u,"_cachedSlots",{}),i(u,"mapTextFieldProps",(function(){var e,t,o,a,i=y(u.props.messageErrors,u.props.name),n={fullWidth:!0,variant:"outlined",name:null===(e=u.props.name)||void 0===e?void 0:e.toString(),error:i.error,helperText:i.message,disabled:u.props.disabled,onBlur:function(){u.props.name&&u.props.onBlur&&u.props.onBlur(u.props.name)},label:u.getLabel(),placeholder:u.props.placeholder,InputLabelProps:u.state.value?{shrink:!0}:{},value:null!==(t=u.state.value)&&void 0!==t?t:"",onChange:u.handleChange};return!0===u.slots.pastenable&&(n.InputProps={endAdornment:p(f,{position:"end",children:p(g,{onClick:u.handlePaste,edge:"end",children:p(S,{})})})}),null!==(o=u.slots)&&void 0!==o&&o.maxLength&&(n.inputProps=r(r({},n.inputProps),{},{maxLength:u.slots.maxLength})),k({},n,null===(a=u.slots)||void 0===a?void 0:a.textFieldProps)})),i(u,"renderImageSide",(function(e){var t,o="left"===e?u.slots.imageLeft:u.slots.imageRight;if(!o)return p(d,{});var a=o.srcValue,i=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=n(o,P);if(i)return p(w,{children:p(i,{value:u.state.value,model:u.props.data})});var g=a?a(u.state.value,u.props.data):null!==(t=f.src)&&void 0!==t?t:u.state.value,x={src:g,alt:s,fallbackSrc:m,debounceDelay:v};return p(b,{sx:{mx:"10px"},in:!!g,unmountOnExit:!0,orientation:"horizontal",children:p(w,{children:p(j,r(r(r({},f),x),{},{loading:p(L,{})}))})})})),i(u,"mergeSlots",(function(e){var t=k({},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})),i(u,"getLabel",(function(){var e,t,r;if(u.props.label)return null!==(e=u.slots)&&void 0!==e&&e.maxLength?"".concat(u.props.label," (").concat(null!==(t=null===(r=u.state.value)||void 0===r?void 0:r.length)&&void 0!==t?t:0,"/").concat(u.slots.maxLength,")"):u.props.label})),i(u,"handleChange",(function(e){u.setState((function(t){return r(r({},t),{},{value:e.target.value})}))})),i(u,"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,u.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]])})))),u._cachedSlots=null!==(t=u.mergeSlots(e.slots))&&void 0!==t?t:{},u.state={value:u.defaulValue},u}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,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 u(h,{sx:{display:"flex",alignItems:"center"},children:[!!this.props.disabled&&p("input",{hidden:!0,name:null===(e=this.props.name)||void 0===e?void 0:e.toString(),defaultValue:this.defaulValue}),this.renderImageSide("left"),p(v,r({},this.mapTextFieldProps())),this.renderImageSide("right")]})}}])}()},L=function(){return p("div",{children:p(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};
 //# 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 './helper'\r\nimport { ImageWithFallback, IImageWithFallbackPropsOwner } from '../components'\r\n\r\nexport interface InputBaseImage<T> extends Partial<IImageWithFallbackPropsOwner> {\r\n  srcValue?: (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 { srcValue, 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 = srcValue ? srcValue(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","_Component","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","srcValue","element","_image$alt","alt","_image$fallbackSrc","fallbackSrc","_image$debounceDelay","debounceDelay","imageOther","_objectWithoutProperties","_excluded","Element","WrapImage","model","data","src","imageProps","Collapse","sx","mx","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","_callee$","_context","prev","next","navigator","clipboard","readText","sent","t0","console","stop","_cachedSlots","mergeSlots","defaulValue","_inherits","_createClass","key","get","_this$props$defaultVa","_data$name","_this$props","defaultValue","undefined","componentDidUpdate","prevProps","shouldComponentUpdate","nextProps","_this$props2","_this$props$data$name","_this$props$data","_nextProps$data$name$","_nextProps$data","currentDataValue","nextDataValue","render","_this$props$name2","_jsxs","Box","display","alignItems","hidden","renderImageSide","TextField","mapTextFieldProps","Component","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 './helper'\r\nimport { ImageWithFallback, IImageWithFallbackPropsOwner } from '../components'\r\n\r\nexport interface InputBaseImage<T> extends Partial<IImageWithFallbackPropsOwner> {\r\n  srcValue?: (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 { srcValue, 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 = srcValue ? srcValue(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","srcValue","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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"}

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

@@ -1,114 +1,2 @@
-import { inherits as _inherits, createClass as _createClass, objectSpread2 as _objectSpread2, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { Component } from 'react';
-import { FormControl, InputLabel, Select, MenuItem, Collapse, FormHelperText } from '@mui/material';
-import { mergeObjects as _mergeObjects } from '../utils/helpers.js';
-import '../utils/query-param.js';
-import '../utils/dayjs-config.js';
-import { getErrorMessage } from './helper.js';
-
-function CreateSelectSimple(args) {
-  var SelectSimple = /*#__PURE__*/function (_Component) {
-    function SelectSimple(props) {
-      var _this$getDefaultValue;
-      var _this;
-      _classCallCheck(this, SelectSimple);
-      _this = _callSuper(this, SelectSimple, [props]);
-      _defineProperty(_this, "mapProps", function () {
-        var _this$props$name, _this$props$name2, _this$props$name3, _this$props$slots$sel, _this$props$slots;
-        var label = _this.getLabel();
-        var tfp = {
-          id: (_this$props$name = _this.props.name) === null || _this$props$name === void 0 ? void 0 : _this$props$name.toString(),
-          labelId: ((_this$props$name2 = _this.props.name) === null || _this$props$name2 === void 0 ? void 0 : _this$props$name2.toString()) + label,
-          name: (_this$props$name3 = _this.props.name) === null || _this$props$name3 === void 0 ? void 0 : _this$props$name3.toString(),
-          label: label,
-          defaultValue: _this.getDefaultValue(),
-          value: _this.state.value,
-          onChange: function onChange(event) {
-            var value = event.target.value + '';
-            _this.setState({
-              value: value
-            }, function () {
-              if (!!_this.props.name) {
-                _this.props.onBlur && _this.props.onBlur(_this.props.name);
-              }
-              var options = _this.getOptions();
-              var temp = options.find(function (x) {
-                var _x$value;
-                return ((_x$value = x.value) === null || _x$value === void 0 ? void 0 : _x$value.toString()) === value;
-              });
-              if (!temp) return;
-              _this.props.onChange && _this.props.onChange(temp);
-            });
-          },
-          disabled: _this.props.disabled,
-          fullWidth: _this.props.fullWidth !== undefined ? _this.props.fullWidth : true
-        };
-        var selectProps = (_this$props$slots$sel = (_this$props$slots = _this.props.slots) === null || _this$props$slots === void 0 ? void 0 : _this$props$slots.selectProps) !== null && _this$props$slots$sel !== void 0 ? _this$props$slots$sel : args === null || args === void 0 ? void 0 : args.selectProps;
-        return _mergeObjects({}, tfp, selectProps);
-      });
-      _defineProperty(_this, "getLabel", function () {
-        var _this$props$name$toSt, _this$props$name4;
-        if (!!_this.props.label && typeof _this.props.label === 'string') return _this.props.label;
-        return (_this$props$name$toSt = (_this$props$name4 = _this.props.name) === null || _this$props$name4 === void 0 ? void 0 : _this$props$name4.toString()) !== null && _this$props$name$toSt !== void 0 ? _this$props$name$toSt : '';
-      });
-      _defineProperty(_this, "getDefaultValue", function () {
-        var _ref, _this$props$defaultVa, _this$props$defaultVa2, _options$;
-        var _this$props = _this.props,
-          data = _this$props.data,
-          name = _this$props.name;
-        var options = _this.getOptions();
-        return (_ref = (_this$props$defaultVa = (_this$props$defaultVa2 = _this.props.defaultValue) === null || _this$props$defaultVa2 === void 0 ? void 0 : _this$props$defaultVa2.toString()) !== null && _this$props$defaultVa !== void 0 ? _this$props$defaultVa : !!data && !!name ? data[name] : undefined) !== null && _ref !== void 0 ? _ref : (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value;
-      });
-      _defineProperty(_this, "getOptions", function () {
-        var _ref2, _args$options;
-        return (_ref2 = (_args$options = args === null || args === void 0 ? void 0 : args.options) !== null && _args$options !== void 0 ? _args$options : _this.props.options) !== null && _ref2 !== void 0 ? _ref2 : [];
-      });
-      _this.state = {
-        value: (_this$getDefaultValue = _this.getDefaultValue()) === null || _this$getDefaultValue === void 0 ? void 0 : _this$getDefaultValue.toString()
-      };
-      return _this;
-    }
-    _inherits(SelectSimple, _Component);
-    return _createClass(SelectSimple, [{
-      key: "render",
-      value: function render() {
-        var _this$props$name5, _this$props$name6;
-        var data = this.getOptions();
-        var label = this.getLabel();
-        var errorMessage = getErrorMessage(this.props.messageErrors, this.props.name);
-        return jsxs(React.Fragment, {
-          children: [!!this.props.disabled && jsx("input", {
-            hidden: true,
-            name: (_this$props$name5 = this.props.name) === null || _this$props$name5 === void 0 ? void 0 : _this$props$name5.toString(),
-            defaultValue: this.getDefaultValue()
-          }), jsxs(FormControl, {
-            fullWidth: true,
-            disabled: this.props.disabled,
-            error: errorMessage.error,
-            children: [jsx(InputLabel, {
-              id: ((_this$props$name6 = this.props.name) === null || _this$props$name6 === void 0 ? void 0 : _this$props$name6.toString()) + label,
-              children: label
-            }), jsx(Select, _objectSpread2(_objectSpread2({}, this.mapProps()), {}, {
-              children: data.map(function (item) {
-                return jsx(MenuItem, {
-                  value: item.value,
-                  children: item.name
-                }, item.value);
-              })
-            })), jsx(Collapse, {
-              "in": errorMessage.error,
-              children: jsx(FormHelperText, {
-                children: errorMessage.message
-              })
-            })]
-          })]
-        });
-      }
-    }]);
-  }(Component);
-  return SelectSimple;
-}
-
-export { CreateSelectSimple as default };
+import{inherits as e,createClass as r,objectSpread2 as o,classCallCheck as l,callSuper as t,defineProperty as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as a}from"react/jsx-runtime";import s,{Component as p}from"react";import{FormControl as u,InputLabel as d,Select as v,MenuItem as m,Collapse as f,FormHelperText as g}from"@mui/material";import{mergeObjects as h}from"../utils/helpers.js";import"../utils/query-param.js";import"../utils/dayjs-config.js";import{getErrorMessage as c}from"./helper.js";function b(b){return function(){function S(e){var r,o;return l(this,S),o=t(this,S,[e]),i(o,"mapProps",(function(){var e,r,l,t,i,n=o.getLabel(),a={id:null===(e=o.props.name)||void 0===e?void 0:e.toString(),labelId:(null===(r=o.props.name)||void 0===r?void 0:r.toString())+n,name:null===(l=o.props.name)||void 0===l?void 0:l.toString(),label:n,defaultValue:o.getDefaultValue(),value:o.state.value,onChange:function(e){var r=e.target.value+"";o.setState({value:r},(function(){o.props.name&&o.props.onBlur&&o.props.onBlur(o.props.name);var e=o.getOptions().find((function(e){var o;return(null===(o=e.value)||void 0===o?void 0:o.toString())===r}));e&&o.props.onChange&&o.props.onChange(e)}))},disabled:o.props.disabled,fullWidth:void 0===o.props.fullWidth||o.props.fullWidth},s=null!==(t=null===(i=o.props.slots)||void 0===i?void 0:i.selectProps)&&void 0!==t?t:null==b?void 0:b.selectProps;return h({},a,s)})),i(o,"getLabel",(function(){var e,r;return o.props.label&&"string"==typeof o.props.label?o.props.label:null!==(e=null===(r=o.props.name)||void 0===r?void 0:r.toString())&&void 0!==e?e:""})),i(o,"getDefaultValue",(function(){var e,r,l,t,i=o.props,n=i.data,a=i.name,s=o.getOptions();return null!==(e=null!==(r=null===(l=o.props.defaultValue)||void 0===l?void 0:l.toString())&&void 0!==r?r:n&&a?n[a]:void 0)&&void 0!==e?e:null===(t=s[0])||void 0===t?void 0:t.value})),i(o,"getOptions",(function(){var e,r;return null!==(e=null!==(r=null==b?void 0:b.options)&&void 0!==r?r:o.props.options)&&void 0!==e?e:[]})),o.state={value:null===(r=o.getDefaultValue())||void 0===r?void 0:r.toString()},o}return e(S,p),r(S,[{key:"render",value:function(){var e,r,l=this.getOptions(),t=this.getLabel(),i=c(this.props.messageErrors,this.props.name);return n(s.Fragment,{children:[!!this.props.disabled&&a("input",{hidden:!0,name:null===(e=this.props.name)||void 0===e?void 0:e.toString(),defaultValue:this.getDefaultValue()}),n(u,{fullWidth:!0,disabled:this.props.disabled,error:i.error,children:[a(d,{id:(null===(r=this.props.name)||void 0===r?void 0:r.toString())+t,children:t}),a(v,o(o({},this.mapProps()),{},{children:l.map((function(e){return a(m,{value:e.value,children:e.name},e.value)}))})),a(f,{in:i.error,children:a(g,{children:i.message})})]})]})}}])}()}export{b as default};
 //# sourceMappingURL=create.select-simple.js.map