dinocollab-core 1.0.0

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

@@ -0,0 +1,260 @@
+import { inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper, extends as _extends, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest, __awaiter } from '../../node_modules/.pnpm/@rollup_plugin-typescript@1_d0d2002d9033600b6738d939bd598bc6/node_modules/tslib/tslib.es6.js';
+import React, { 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 ImageWithFallback from '../components/image-with-fallback.js';
+
+var CreateInputBase = function CreateInputBase(params) {
+  var InputBase = /*#__PURE__*/function (_Component) {
+    function InputBase(props) {
+      var _this;
+      _classCallCheck(this, InputBase);
+      var _a;
+      _this = _callSuper(this, InputBase, [props]);
+      _this._cachedSlots = {};
+      _this.mapTextFieldProps = function () {
+        var _a, _b, _c, _d;
+        var errorMessage = getErrorMessage(_this.props.messageErrors, _this.props.name);
+        var tfp = {
+          fullWidth: true,
+          variant: 'outlined',
+          name: (_a = _this.props.name) === null || _a === void 0 ? void 0 : _a.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: (_b = _this.state.value) !== null && _b !== void 0 ? _b : '',
+          onChange: _this.handleChange
+        };
+        if (_this.slots.pastenable === true) {
+          tfp.InputProps = {
+            endAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
+              position: "end"
+            }, /*#__PURE__*/React.createElement(IconButton, {
+              onClick: _this.handlePaste,
+              edge: "end"
+            }, /*#__PURE__*/React.createElement(ContentPasteIcon, null)))
+          };
+        }
+        if ((_c = _this.slots) === null || _c === void 0 ? void 0 : _c.maxLength) tfp.inputProps = Object.assign(Object.assign({}, tfp.inputProps), {
+          maxLength: _this.slots.maxLength
+        });
+        return _mergeObjects({}, tfp, (_d = _this.slots) === null || _d === void 0 ? void 0 : _d.textFieldProps);
+      };
+      _this.renderImageSide = function (side) {
+        var _a;
+        var image = side === 'left' ? _this.slots.imageLeft : _this.slots.imageRight;
+        if (!image) return /*#__PURE__*/React.createElement(React.Fragment, null);
+        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 = __rest(image, ["srcValue", "element", "alt", "fallbackSrc", "debounceDelay"]);
+        if (element) {
+          var Element = element;
+          return /*#__PURE__*/React.createElement(WrapImage, null, /*#__PURE__*/React.createElement(Element, {
+            value: _this.state.value,
+            model: _this.props.data
+          }));
+        }
+        var src = srcValue ? srcValue(_this.state.value, _this.props.data) : (_a = imageOther.src) !== null && _a !== void 0 ? _a : _this.state.value;
+        var imageProps = {
+          src: src,
+          alt: alt,
+          fallbackSrc: fallbackSrc,
+          debounceDelay: debounceDelay
+        };
+        return /*#__PURE__*/React.createElement(Collapse, {
+          sx: {
+            mx: '10px'
+          },
+          "in": !!src,
+          unmountOnExit: true,
+          orientation: "horizontal"
+        }, /*#__PURE__*/React.createElement(WrapImage, null, /*#__PURE__*/React.createElement(ImageWithFallback, _extends({}, imageOther, imageProps, {
+          loading: /*#__PURE__*/React.createElement(LoadingCircularProgress, null)
+        }))));
+      };
+      //#endregion
+      _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 ? void 0 : imageLeft.mirror) && !imageRight) {
+          base.imageRight = Object.assign({}, imageLeft);
+          delete base.imageRight.mirror;
+        }
+        // mirror from right to left
+        else if ((imageRight === null || imageRight === void 0 ? void 0 : imageRight.mirror) && !imageLeft) {
+          base.imageLeft = Object.assign({}, imageRight);
+          delete base.imageLeft.mirror;
+        }
+        return base;
+      };
+      _this.getLabel = function () {
+        var _a, _b, _c;
+        if (!_this.props.label) return;
+        if (!((_a = _this.slots) === null || _a === void 0 ? void 0 : _a.maxLength)) return _this.props.label;
+        return "".concat(_this.props.label, " (").concat((_c = (_b = _this.state.value) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0, "/").concat(_this.slots.maxLength, ")");
+      };
+      _this.handleChange = function (event) {
+        _this.setState(function (st) {
+          return Object.assign(Object.assign({}, st), {
+            value: event.target.value
+          });
+        });
+      };
+      _this.handlePaste = function () {
+        return __awaiter(_this, void 0, void 0, /*#__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, this, [[0, 7]]);
+        }));
+      };
+      _this._cachedSlots = (_a = _this.mergeSlots(props.slots)) !== null && _a !== void 0 ? _a : {};
+      _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 _a, _b;
+        var _this$props = this.props,
+          data = _this$props.data,
+          name = _this$props.name;
+        return (_a = this.props.defaultValue) !== null && _a !== void 0 ? _a : !!data && !!name ? (_b = data[name]) === null || _b === void 0 ? void 0 : _b.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 _a, _b, _c, _d, _e, _f;
+        var _this$props2 = this.props,
+          name = _this$props2.name,
+          slots = _this$props2.slots;
+        if (!!name) {
+          var currentDataValue = (_c = (_b = (_a = this.props.data) === null || _a === void 0 ? void 0 : _a[name]) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : '';
+          var nextDataValue = (_f = (_e = (_d = nextProps.data) === null || _d === void 0 ? void 0 : _d[name]) === null || _e === void 0 ? void 0 : _e.toString()) !== null && _f !== void 0 ? _f : '';
+          if (currentDataValue !== nextDataValue) {
+            this.setState({
+              value: nextDataValue
+            });
+            return false;
+          }
+        }
+        if (slots !== nextProps.slots) {
+          return true;
+        }
+        return true;
+      }
+      //#region Render
+    }, {
+      key: "render",
+      value: function render() {
+        var _a;
+        return /*#__PURE__*/React.createElement(Box, {
+          sx: {
+            display: 'flex',
+            alignItems: 'center'
+          }
+        }, !!this.props.disabled && /*#__PURE__*/React.createElement("input", {
+          hidden: true,
+          name: (_a = this.props.name) === null || _a === void 0 ? void 0 : _a.toString(),
+          defaultValue: this.defaulValue
+        }), this.renderImageSide('left'), /*#__PURE__*/React.createElement(TextField, this.mapTextFieldProps()), this.renderImageSide('right'));
+      }
+    }]);
+  }(Component);
+  return InputBase;
+};
+// export type InputTextType<T> = ReturnType<typeof CreateInputBase<T>>
+var LoadingCircularProgress = function LoadingCircularProgress() {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(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 { CreateInputBase as default };
+//# sourceMappingURL=create.input-base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create.input-base.js","sources":["../../../src/form/create.input-base.tsx"],"sourcesContent":["import React, { Component, 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, { ImageWithFallbackPropsOwner } from '../components/image-with-fallback'\r\n\r\nexport interface InputBaseImage<T> extends Partial<ImageWithFallbackPropsOwner> {\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\ninterface ISlots<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\ninterface IProps<T> extends IFormInputBase<T> {\r\n  slots?: ISlots<T>\r\n}\r\ninterface IState {\r\n  value?: string\r\n}\r\n\r\ninterface IParams<T> extends ISlots<T> {}\r\n\r\nconst CreateInputBase = function <T>(params?: IParams<T>): React.ComponentType<IProps<T>> {\r\n  class InputBase extends Component<IProps<T>, IState> {\r\n    private _cachedSlots: ISlots<T> = {}\r\n    constructor(props: IProps<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: IProps<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<IProps<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: ImageWithFallbackPropsOwner = { 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?: ISlots<T>): ISlots<T> => {\r\n      const base = mergeObjects<ISlots<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 CreateInputBase\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":["CreateInputBase","params","InputBase","_Component","props","_this","_classCallCheck","_callSuper","_cachedSlots","mapTextFieldProps","errorMessage","getErrorMessage","messageErrors","name","tfp","fullWidth","variant","_a","toString","error","helperText","message","disabled","onBlur","label","getLabel","placeholder","InputLabelProps","state","value","shrink","onChange","handleChange","slots","pastenable","InputProps","endAdornment","React","createElement","InputAdornment","position","IconButton","onClick","handlePaste","edge","ContentPasteIcon","_c","maxLength","inputProps","Object","assign","mergeObjects","_d","textFieldProps","renderImageSide","side","image","imageLeft","imageRight","Fragment","srcValue","element","_image$alt","alt","_image$fallbackSrc","fallbackSrc","_image$debounceDelay","debounceDelay","imageOther","__rest","Element","WrapImage","model","data","src","imageProps","Collapse","sx","mx","unmountOnExit","orientation","ImageWithFallback","_extends","loading","LoadingCircularProgress","mergeSlots","currentSlots","base","mirror","concat","_b","length","event","setState","st","target","__awaiter","_regeneratorRuntime","mark","_callee","clipboardText","wrap","_callee$","_context","prev","next","navigator","clipboard","readText","sent","t0","console","stop","defaulValue","_inherits","_createClass","key","get","_this$props","defaultValue","undefined","componentDidUpdate","prevProps","shouldComponentUpdate","nextProps","_this$props2","currentDataValue","nextDataValue","_f","_e","render","Box","display","alignItems","hidden","TextField","Component","CircularProgress","size","styled","fontSize","height","width","borderRadius","boxShadow","overflow","top","left","backgroundRepeat","backgroundSize","background","zIndex","justifyContent"],"mappings":";;;;;;;;;;;AA+BA,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAAgBC,MAAmB,EAAA;EAAA,IAChDC,SAAU,0BAAAC,UAAA,EAAA;IAEd,SAAAD,SAAAA,CAAYE,KAAgB,EAAA;AAAA,MAAA,IAAAC,KAAA;AAAAC,MAAAA,eAAA,OAAAJ,SAAA,CAAA;;AAC1BG,MAAAA,KAAA,GAAAE,UAAA,CAAAL,IAAAA,EAAAA,SAAA,GAAME,KAAK,CAAA,CAAA;AAFLC,MAAAA,KAAA,CAAYG,YAAA,GAAc,EAAE;MAuCpCH,KAAA,CAAiBI,iBAAA,GAAG,YAAqB;;AACvC,QAAA,IAAMC,YAAY,GAAGC,eAAe,CAACN,KAAA,CAAKD,KAAK,CAACQ,aAAa,EAAEP,KAAA,CAAKD,KAAK,CAACS,IAAI,CAAC;AAC/E,QAAA,IAAMC,GAAG,GAAmB;AAC1BC,UAAAA,SAAS,EAAE,IAAI;AACfC,UAAAA,OAAO,EAAE,UAAU;UACnBH,IAAI,EAAE,MAAAR,KAAA,CAAKD,KAAK,CAACS,IAAI,MAAE,IAAA,IAAAI,EAAA,KAAA,MAAA,GAAA,MAAA,GAAAA,EAAA,CAAAC,QAAQ,EAAE;UACjCC,KAAK,EAAET,YAAY,CAACS,KAAK;UACzBC,UAAU,EAAEV,YAAY,CAACW,OAAO;AAChCC,UAAAA,QAAQ,EAAEjB,KAAA,CAAKD,KAAK,CAACkB,QAAQ;AAC7BC,UAAAA,MAAM,EAAE,SAARA,MAAMA,GAAO;AACX,YAAA,IAAI,CAAClB,KAAA,CAAKD,KAAK,CAACS,IAAI,EAAE;AACtBR,YAAAA,KAAA,CAAKD,KAAK,CAACmB,MAAM,IAAIlB,KAAA,CAAKD,KAAK,CAACmB,MAAM,CAAClB,KAAA,CAAKD,KAAK,CAACS,IAAI,CAAC;WACxD;AACDW,UAAAA,KAAK,EAAEnB,KAAA,CAAKoB,QAAQ,EAAE;AACtBC,UAAAA,WAAW,EAAErB,KAAA,CAAKD,KAAK,CAACsB,WAAW;UACnCC,eAAe,EAAE,CAAC,CAACtB,KAAA,CAAKuB,KAAK,CAACC,KAAK,GAAG;AAAEC,YAAAA,MAAM,EAAE;WAAM,GAAG,EAAE;AAC3DD,UAAAA,KAAK,EAAE,MAAAxB,KAAA,CAAKuB,KAAK,CAACC,KAAK,mCAAI,EAAE;UAC7BE,QAAQ,EAAE1B,KAAA,CAAK2B;SAChB;AACD,QAAA,IAAI3B,KAAA,CAAK4B,KAAK,CAACC,UAAU,KAAK,IAAI,EAAE;UAClCpB,GAAG,CAACqB,UAAU,GAAG;AACfC,YAAAA,YAAY,eACVC,KAAA,CAAAC,aAAA,CAACC,cAAc,EAAA;AAACC,cAAAA,QAAQ,EAAC;AAAK,aAAA,eAC5BH,KAAA,CAAAC,aAAA,CAACG,UAAU,EAAA;cAACC,OAAO,EAAErC,KAAA,CAAKsC,WAAY;AAACC,cAAAA,IAAI,EAAC;AAAK,aAAA,eAC/CP,KAAA,CAAAC,aAAA,CAACO,gBAAgB,EAAA,IACnB,CAAY,CACE;WAEnB;AACF;AACD,QAAA,IAAI,CAAAC,EAAA,GAAAzC,KAAA,CAAK4B,KAAK,0CAAEc,SAAS,EAAEjC,GAAG,CAACkC,UAAU,GAAQC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAApC,GAAG,CAACkC,UAAU,CAAA,EAAA;AAAED,UAAAA,SAAS,EAAE1C,KAAA,CAAK4B,KAAK,CAACc;UAAW;QAClG,OAAOI,aAAY,CAAiB,EAAE,EAAErC,GAAG,EAAE,CAAAsC,EAAA,GAAA/C,KAAA,CAAK4B,KAAK,MAAE,IAAA,IAAAmB,EAAA,KAAA,MAAA,GAAA,MAAA,GAAAA,EAAA,CAAAC,cAAc,CAAC;OACzE;AAcDhD,MAAAA,KAAA,CAAAiD,eAAe,GAAG,UAACC,IAAsB,EAAI;;AAC3C,QAAA,IAAMC,KAAK,GAAGD,IAAI,KAAK,MAAM,GAAGlD,KAAA,CAAK4B,KAAK,CAACwB,SAAS,GAAGpD,KAAA,CAAK4B,KAAK,CAACyB,UAAU;AAC5E,QAAA,IAAI,CAACF,KAAK,EAAE,oBAAOnB,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAsB,QAAA,EAAA,KAAK;AACxB,QAAA,IAAQC,QAAQ,GAAyFJ,KAAK,CAAtGI,QAAQ;UAAEC,OAAO,GAAgFL,KAAK,CAA5FK,OAAO;UAAAC,UAAA,GAAgFN,KAAK,CAAnFO,GAAG;AAAHA,UAAAA,GAAG,GAAAD,UAAA,KAAG,MAAA,GAAA,aAAa,GAAAA,UAAA;UAAAE,kBAAA,GAA2DR,KAAK,CAA9DS,WAAW;AAAXA,UAAAA,WAAW,GAAAD,kBAAA,KAAG,MAAA,GAAA,EAAE,GAAAA,kBAAA;UAAAE,oBAAA,GAAyCV,KAAK,CAA5CW,aAAa;AAAbA,UAAAA,aAAa,GAAAD,oBAAA,KAAG,MAAA,GAAA,GAAG,GAAAA,oBAAA;AAAKE,UAAAA,UAAU,GAAAC,MAAA,CAAKb,KAAK,EAAxG,CAAgG,UAAA,EAAA,SAAA,EAAA,KAAA,EAAA,aAAA,EAAA,eAAA,CAAA,CAAQ;AAC9G,QAAA,IAAIK,OAAO,EAAE;UACX,IAAMS,OAAO,GAAGT,OAAO;UACvB,oBACExB,KAAA,CAAAC,aAAA,CAACiC,SAAS,qBACRlC,KAAA,CAAAC,aAAA,CAACgC,OAAO,EAAA;AAACzC,YAAAA,KAAK,EAAExB,KAAA,CAAKuB,KAAK,CAACC,KAAM;AAAC2C,YAAAA,KAAK,EAAEnE,KAAA,CAAKD,KAAK,CAACqE;AAAK,WAC3D,CAAW,CAAC;AAEf;AACD,QAAA,IAAMC,GAAG,GAAGd,QAAQ,GAAGA,QAAQ,CAACvD,KAAA,CAAKuB,KAAK,CAACC,KAAK,EAAExB,KAAA,CAAKD,KAAK,CAACqE,IAAI,CAAC,GAAI,MAAAL,UAAU,CAACM,GAAG,MAAA,IAAA,IAAAzD,EAAA,KAAA,MAAA,GAAAA,EAAA,GAAIZ,KAAA,CAAKuB,KAAK,CAACC,KAAM;AACzG,QAAA,IAAM8C,UAAU,GAAgC;AAAED,UAAAA,GAAG,EAAHA,GAAG;AAAEX,UAAAA,GAAG,EAAHA,GAAG;AAAEE,UAAAA,WAAW,EAAXA,WAAW;AAAEE,UAAAA,aAAa,EAAbA;SAAe;AACxF,QAAA,oBACE9B,KAAA,CAAAC,aAAA,CAACsC,QAAQ,EAAA;AAACC,UAAAA,EAAE,EAAE;AAAEC,YAAAA,EAAE,EAAE;WAAS;UAAC,IAAI,EAAA,CAAC,CAACJ,GAAI;UAACK,aAAa,EAAA,IAAA;AAACC,UAAAA,WAAW,EAAC;AAAY,SAAA,eAC7E3C,KAAA,CAAAC,aAAA,CAACiC,SAAS,qBACRlC,KAAA,CAAAC,aAAA,CAAC2C,iBAAiB,EAAAC,QAAA,CAAKd,EAAAA,EAAAA,UAAU,EAAMO,UAAU,EAAA;AAAEQ,UAAAA,OAAO,eAAE9C,KAAA,CAAAC,aAAA,CAAC8C,uBAAuB,EAAA,IAAA;SACtF,CAAA,CAAW,CACH,CAAC;OAEd;AACD;AAEQ/E,MAAAA,KAAA,CAAAgF,UAAU,GAAG,UAACC,YAAwB,EAAe;QAC3D,IAAMC,IAAI,GAAGpC,aAAY,CAAY,EAAE,EAAElD,MAAM,EAAEqF,YAAY,CAAC;AAC9D,QAAA,IAAQ7B,SAAS,GAAiB8B,IAAI,CAA9B9B,SAAS;UAAEC,UAAU,GAAK6B,IAAI,CAAnB7B,UAAU;AAE7B;AACA,QAAA,IAAI,CAAAD,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,MAAA,GAAA,MAAA,GAATA,SAAS,CAAE+B,MAAM,KAAI,CAAC9B,UAAU,EAAE;UACpC6B,IAAI,CAAC7B,UAAU,GAAQT,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAO,SAAS,CAAE;AAClC,UAAA,OAAO8B,IAAI,CAAC7B,UAAU,CAAC8B,MAAM;AAC9B;AACD;aACK,IAAI,CAAA9B,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,UAAU,CAAE8B,MAAM,KAAI,CAAC/B,SAAS,EAAE;UACzC8B,IAAI,CAAC9B,SAAS,GAAQR,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAQ,UAAU,CAAE;AAClC,UAAA,OAAO6B,IAAI,CAAC9B,SAAS,CAAC+B,MAAM;AAC7B;AAED,QAAA,OAAOD,IAAI;OACZ;MAEDlF,KAAA,CAAQoB,QAAA,GAAG,YAAK;;AACd,QAAA,IAAI,CAACpB,KAAA,CAAKD,KAAK,CAACoB,KAAK,EAAE;AACvB,QAAA,IAAI,EAAC,CAAAP,EAAA,GAAAZ,KAAA,CAAK4B,KAAK,MAAA,IAAA,IAAAhB,EAAA,KAAA,MAAA,GAAA,MAAA,GAAAA,EAAA,CAAE8B,SAAS,CAAA,EAAE,OAAO1C,KAAA,CAAKD,KAAK,CAACoB,KAAK;QACnD,OAAAiE,EAAAA,CAAAA,MAAA,CAAUpF,KAAA,CAAKD,KAAK,CAACoB,KAAK,EAAA,IAAA,CAAA,CAAAiE,MAAA,CAAK,CAAA3C,EAAA,GAAA,CAAA4C,EAAA,GAAArF,KAAA,CAAKuB,KAAK,CAACC,KAAK,MAAA,IAAA,IAAA6D,EAAA,KAAA,MAAA,GAAA,MAAA,GAAAA,EAAA,CAAEC,MAAM,MAAA,IAAA,IAAA7C,EAAA,KAAA,MAAA,GAAAA,EAAA,GAAI,CAAC,EAAA,GAAA,CAAA,CAAA2C,MAAA,CAAIpF,KAAA,CAAK4B,KAAK,CAACc,SAAS,EAAA,GAAA,CAAA;OACrF;AAED1C,MAAAA,KAAA,CAAA2B,YAAY,GAAG,UAAC4D,KAA0C,EAAI;AAC5DvF,QAAAA,KAAA,CAAKwF,QAAQ,CAAC,UAACC,EAAE,EAAA;AAAA,UAAA,OAAW7C,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAA4C,EAAE;AAAEjE,YAAAA,KAAK,EAAE+D,KAAK,CAACG,MAAM,CAAClE;AAAK,WAAA,CAAA;AAAA,SAAG,CAAC;OAC9D;MAEDxB,KAAA,CAAWsC,WAAA,GAAG,YAAA;AAAA,QAAA,OAAWqD,SAAA,CAAA3F,KAAA,EAAA,MAAA,EAAA,MAAA,eAAA4F,mBAAA,EAAA,CAAAC,IAAA,CAAA,SAAAC,OAAA,GAAA;AAAA,UAAA,IAAAC,aAAA;AAAA,UAAA,OAAAH,mBAAA,EAAA,CAAAI,IAAA,CAAA,SAAAC,SAAAC,QAAA,EAAA;AAAA,YAAA,OAAA,CAAA,EAAA,QAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;AAAA,cAAA,KAAA,CAAA;AAAAF,gBAAAA,QAAA,CAAAC,IAAA,GAAA,CAAA;AAAAD,gBAAAA,QAAA,CAAAE,IAAA,GAAA,CAAA;AAEC,gBAAA,OAAMC,SAAS,CAACC,SAAS,CAACC,QAAQ,EAAE;AAAA,cAAA,KAAA,CAAA;gBAApDR,aAAa,GAAAG,QAAA,CAAAM,IAAA;gBACnB,IAAI,CAAChB,QAAQ,CAAC;AAAEhE,kBAAAA,KAAK,EAAEuE;AAAe,iBAAA,CAAC;AAAAG,gBAAAA,QAAA,CAAAE,IAAA,GAAA,EAAA;AAAA,gBAAA;AAAA,cAAA,KAAA,CAAA;AAAAF,gBAAAA,QAAA,CAAAC,IAAA,GAAA,CAAA;gBAAAD,QAAA,CAAAO,EAAA,GAAAP,QAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA;gBAEvCQ,OAAO,CAAC5F,KAAK,CAAC,kBAAkB,EAAAoF,QAAA,CAAAO,EAAO,CAAC;AAAA,cAAA,KAAA,EAAA;AAAA,cAAA,KAAA,KAAA;gBAAA,OAAAP,QAAA,CAAAS,IAAA,EAAA;AAAA;AAAA,WAAA,EAAAb,OAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA;AAAA,SAE3C,CAAA,CAAA;AAAA,OAAA;MA7IC9F,KAAA,CAAKG,YAAY,GAAG,CAAAS,EAAA,GAAAZ,KAAA,CAAKgF,UAAU,CAACjF,KAAK,CAAC6B,KAAK,CAAC,MAAA,IAAA,IAAAhB,EAAA,KAAA,MAAA,GAAAA,EAAA,GAAI,EAAE;MACtDZ,KAAA,CAAKuB,KAAK,GAAG;QAAEC,KAAK,EAAExB,KAAA,CAAK4G;OAAa;AAAA,MAAA,OAAA5G,KAAA;AAC1C;IAAC6G,SAAA,CAAAhH,SAAA,EAAAC,UAAA,CAAA;IAAA,OAAAgH,YAAA,CAAAjH,SAAA,EAAA,CAAA;MAAAkH,GAAA,EAAA,OAAA;MAAAC,GAAA,EAED,SAAAA,GAAAA,GAAS;QACP,OAAO,IAAI,CAAC7G,YAAY;AAC1B;AAAC,KAAA,EAAA;MAAA4G,GAAA,EAAA,aAAA;MAAAC,GAAA,EAED,SAAAA,GAAAA,GAAe;;AACb,QAAA,IAAAC,WAAA,GAAuB,IAAI,CAAClH,KAAK;UAAzBqE,IAAI,GAAA6C,WAAA,CAAJ7C,IAAI;UAAE5D,IAAI,GAAAyG,WAAA,CAAJzG,IAAI;QAClB,OAAO,CAAAI,EAAA,GAAA,IAAI,CAACb,KAAK,CAACmH,YAAY,MAAI,IAAA,IAAAtG,EAAA,KAAA,MAAA,GAAAA,EAAA,GAAC,CAAC,CAACwD,IAAI,IAAI,CAAC,CAAC5D,IAAI,GAAG,CAAA6E,EAAA,GAAAjB,IAAI,CAAC5D,IAAI,CAAC,MAAA,IAAA,IAAA6E,EAAA,KAAA,MAAA,GAAA,MAAA,GAAAA,EAAA,CAAExE,QAAQ,EAAE,GAAGsG,SAAU;AAC3F;AAAC,KAAA,EAAA;MAAAJ,GAAA,EAAA,oBAAA;AAAAvF,MAAAA,KAAA,EAED,SAAA4F,kBAAkBA,CAACC,SAAoB,EAAA;QACrC,IAAIA,SAAS,CAACzF,KAAK,KAAK,IAAI,CAAC7B,KAAK,CAAC6B,KAAK,EAAE;AACxC,UAAA,IAAI,CAACzB,YAAY,GAAG,IAAI,CAAC6E,UAAU,CAAC,IAAI,CAACjF,KAAK,CAAC6B,KAAK,CAAC;AACtD;AACH;AAAC,KAAA,EAAA;MAAAmF,GAAA,EAAA,uBAAA;AAAAvF,MAAAA,KAAA,EAED,SAAA8F,qBAAqBA,CAACC,SAA8B,EAAA;;AAClD,QAAA,IAAAC,YAAA,GAAwB,IAAI,CAACzH,KAAK;UAA1BS,IAAI,GAAAgH,YAAA,CAAJhH,IAAI;UAAEoB,KAAK,GAAA4F,YAAA,CAAL5F,KAAK;QACnB,IAAI,CAAC,CAACpB,IAAI,EAAE;UACV,IAAMiH,gBAAgB,GAAG,CAAAhF,EAAA,GAAA,MAAA,CAAA7B,EAAA,GAAA,IAAI,CAACb,KAAK,CAACqE,IAAI,MAAA,IAAA,IAAAxD,EAAA,KAAA,MAAA,GAAA,MAAA,GAAAA,EAAA,CAAGJ,IAAI,CAAC,MAAA,IAAA,IAAA6E,EAAA,KAAA,MAAA,GAAA,MAAA,GAAAA,EAAA,CAAExE,QAAQ,EAAE,MAAA,IAAA,IAAA4B,EAAA,KAAA,MAAA,GAAAA,EAAA,GAAI,EAAE;UAClE,IAAMiF,aAAa,GAAG,CAAAC,EAAA,GAAA,CAAAC,EAAA,GAAA,CAAA7E,EAAA,GAAAwE,SAAS,CAACnD,IAAI,MAAG,IAAA,IAAArB,EAAA,KAAA,MAAA,GAAA,MAAA,GAAAA,EAAA,CAAAvC,IAAI,CAAC,MAAE,IAAA,IAAAoH,EAAA,KAAA,MAAA,GAAA,MAAA,GAAAA,EAAA,CAAA/G,QAAQ,EAAE,MAAA,IAAA,IAAA8G,EAAA,KAAA,MAAA,GAAAA,EAAA,GAAI,EAAE;UAC9D,IAAIF,gBAAgB,KAAKC,aAAa,EAAE;YACtC,IAAI,CAAClC,QAAQ,CAAC;AAAEhE,cAAAA,KAAK,EAAEkG;AAAe,aAAA,CAAC;AACvC,YAAA,OAAO,KAAK;AACb;AACF;AAED,QAAA,IAAI9F,KAAK,KAAK2F,SAAS,CAAC3F,KAAK,EAAE;AAC7B,UAAA,OAAO,IAAI;AACZ;AACD,QAAA,OAAO,IAAI;AACb;AAoCA;AAAA,KAAA,EAAA;MAAAmF,GAAA,EAAA,QAAA;AAAAvF,MAAAA,KAAA,EACA,SAAAqG,MAAMA,GAAA;;AACJ,QAAA,oBACE7F,KAAA,CAAAC,aAAA,CAAC6F,GAAG,EAAA;AAACtD,UAAAA,EAAE,EAAE;AAAEuD,YAAAA,OAAO,EAAE,MAAM;AAAEC,YAAAA,UAAU,EAAE;AAAQ;SAC7C,EAAA,CAAC,CAAC,IAAI,CAACjI,KAAK,CAACkB,QAAQ,iBAAIe,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;UAAOgG,MAAM,EAAA,IAAA;UAACzH,IAAI,EAAE,CAAAI,EAAA,GAAA,IAAI,CAACb,KAAK,CAACS,IAAI,MAAE,IAAA,IAAAI,EAAA,KAAA,MAAA,GAAA,MAAA,GAAAA,EAAA,CAAAC,QAAQ,EAAG;UAACqG,YAAY,EAAE,IAAI,CAACN;AAAY,UAAG,EAC5G,IAAI,CAAC3D,eAAe,CAAC,MAAM,CAAC,eAC7BjB,KAAA,CAAAC,aAAA,CAACiG,SAAS,EAAK,IAAI,CAAC9H,iBAAiB,EACrC,CAAA,EAAC,IAAI,CAAC6C,eAAe,CAAC,OAAO,CAC1B,CAAC;AAEV;AAAC,KAAA,CAAA,CAAA;AAAA,GAAA,CApFqBkF,SAA4B,CAAA;AAmJpD,EAAA,OAAOtI,SAAS;AAClB;AAIA;AAEA,IAAMkF,uBAAuB,GAAO,SAA9BA,uBAAuBA,GAAA;EAAA,oBAC3B/C,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAA,eACED,KAAA,CAAAC,aAAA,CAACmG,gBAAgB,EAAA;AAACC,IAAAA,IAAI,EAAE;AAAG,GAC7B,CAAK,CAAC;AAAA,CACP;AAED,IAAMnE,SAAS,GAAGoE,MAAM,CAACR,GAAG,CAAC,CAAC;AAC5BS,EAAAA,QAAQ,EAAE,MAAM;AAChBC,EAAAA,MAAM,EAAE,oCAAoC;AAC5CC,EAAAA,KAAK,EAAE,oCAAoC;AAC3CtG,EAAAA,QAAQ,EAAE,UAAU;AACpBuG,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,SAAS,EAAE,iCAAiC;AAC5CC,EAAAA,QAAQ,EAAE,QAAQ;AAClB,EAAA,SAAS,EAAE;AACTzG,IAAAA,QAAQ,EAAE,UAAU;AACpB0G,IAAAA,GAAG,EAAE,CAAC;AACNC,IAAAA,IAAI,EAAE,CAAC;AACPC,IAAAA,gBAAgB,EAAE,WAAW;AAC7BP,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,KAAK,EAAE,MAAM;AACbO,IAAAA,cAAc,EAAE;GACjB;AACD,EAAA,SAAS,EAAE;AACT7G,IAAAA,QAAQ,EAAE,UAAU;AACpB0G,IAAAA,GAAG,EAAE,CAAC;AACNC,IAAAA,IAAI,EAAE,CAAC;AACPN,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,KAAK,EAAE,MAAM;AACbQ,IAAAA,UAAU,EAAE,SAAS;AACrBC,IAAAA,MAAM,EAAE,CAAC;AACTnB,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,QAAQ;AACpBmB,IAAAA,cAAc,EAAE;AACjB;AACF,CAAA,CAAC;;;;"}

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

@@ -0,0 +1,74 @@
+import { inherits as _inherits, createClass as _createClass, extends as _extends, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { 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);
+      _this = _callSuper(this, FormInputFile, arguments);
+      _this.refInput = null;
+      _this.getMergeConfig = function () {
+        var _a, _b, _c;
+        return {
+          accept: (_a = params === null || params === void 0 ? void 0 : params.accept) !== null && _a !== void 0 ? _a : _this.props.accept,
+          multiple: (_c = (_b = params === null || params === void 0 ? void 0 : params.multiple) !== null && _b !== void 0 ? _b : _this.props.multiple) !== null && _c !== void 0 ? _c : false
+        };
+      };
+      _this.handleChange = function (e) {
+        if (!_this.props.name) return;
+        _this.props.onBlur && _this.props.onBlur(_this.props.name);
+      };
+      _this.isExploreOpen = false;
+      _this.handleClick = function (e) {
+        _this.isExploreOpen = true;
+      };
+      _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;
+        var _a, _b;
+        var eMessage = getErrorMessage(this.props.messageErrors, this.props.name);
+        var configs = this.getMergeConfig();
+        return /*#__PURE__*/React.createElement(TextField, _extends({
+          inputRef: function inputRef(ref) {
+            return _this2.refInput = ref;
+          },
+          name: (_a = this.props.name) === null || _a === void 0 ? void 0 : _a.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: Object.assign({
+            accept: configs.accept,
+            multiple: configs.multiple
+          }, (_b = this.props.textFieldProps) === null || _b === void 0 ? void 0 : _b.inputProps)
+        }));
+      }
+    }]);
+  }(Component);
+  return FormInputFile;
+}
+
+export { CreateInputFile as default };
+//# sourceMappingURL=create.input.file.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create.input.file.js","sources":["../../../src/form/create.input.file.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { TextField, TextFieldProps } from '@mui/material'\r\nimport { IFormInputBase } from './types'\r\nimport { getErrorMessage } from './helper'\r\n\r\ninterface IParam {\r\n  accept?: string\r\n  multiple?: boolean\r\n}\r\n\r\nexport default function CreateInputFile<T extends Object>(params?: IParam) {\r\n  interface IProps extends IFormInputBase<T> {\r\n    accept?: string\r\n    multiple?: boolean\r\n    textFieldProps?: TextFieldProps\r\n  }\r\n\r\n  interface IState {}\r\n\r\n  class FormInputFile extends Component<IProps, IState> {\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"],"names":["CreateInputFile","params","FormInputFile","_Component","_this","_classCallCheck","refInput","getMergeConfig","accept","_a","props","multiple","_c","_b","handleChange","e","name","onBlur","isExploreOpen","handleClick","handleFocus","setTimeout","blur","_inherits","_createClass","key","value","render","_this2","eMessage","getErrorMessage","messageErrors","configs","React","createElement","TextField","_extends","inputRef","ref","toString","error","helperText","message","variant","type","fullWidth","onChange","onClick","onFocus","textFieldProps","inputProps","Object","assign","Component"],"mappings":";;;;;AAUwB,SAAAA,eAAeA,CAAmBC,MAAe,EAAA;EAAA,IASjEC,aAAc,0BAAAC,UAAA,EAAA;AAApB,IAAA,SAAAD,gBAAA;AAAA,MAAA,IAAAE,KAAA;AAAAC,MAAAA,eAAA,OAAAH,aAAA,CAAA;;MACEE,KAAA,CAAQE,QAAA,GAA4B,IAAI;MA2BxCF,KAAA,CAAcG,cAAA,GAAG,YAAK;;QAAC,OAAC;AACtBC,UAAAA,MAAM,EAAE,CAAAC,EAAA,GAAAR,MAAM,KAAA,IAAA,IAANA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAAA,MAAM,CAAEO,MAAM,MAAI,IAAA,IAAAC,EAAA,KAAA,MAAA,GAAAA,EAAA,GAAAL,KAAA,CAAKM,KAAK,CAACF,MAAM;UAC3CG,QAAQ,EAAE,CAAAC,EAAA,GAAA,CAAAC,EAAA,GAAAZ,MAAM,KAAA,IAAA,IAANA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAAA,MAAM,CAAEU,QAAQ,mCAAIP,KAAA,CAAKM,KAAK,CAACC,QAAQ,mCAAI;SACtD;OAAC;AAEFP,MAAAA,KAAA,CAAAU,YAAY,GAA+C,UAACC,CAAC,EAAI;AAC/D,QAAA,IAAI,CAACX,KAAA,CAAKM,KAAK,CAACM,IAAI,EAAE;AACtBZ,QAAAA,KAAA,CAAKM,KAAK,CAACO,MAAM,IAAIb,KAAA,CAAKM,KAAK,CAACO,MAAM,CAACb,KAAA,CAAKM,KAAK,CAACM,IAAI,CAAC;OACxD;MAEDZ,KAAA,CAAac,aAAA,GAAG,KAAK;AAErBd,MAAAA,KAAA,CAAAe,WAAW,GAA4C,UAACJ,CAAC,EAAI;QAC3DX,KAAA,CAAKc,aAAa,GAAG,IAAI;OAC1B;AAEDd,MAAAA,KAAA,CAAAgB,WAAW,GAA8C,UAACL,CAAC,EAAI;AAC7D,QAAA,IAAIX,KAAA,CAAKc,aAAa,KAAK,IAAI,EAAE;UAC/Bd,KAAA,CAAKc,aAAa,GAAG,KAAK;AAC1B,UAAA,IAAI,CAACd,KAAA,CAAKM,KAAK,CAACM,IAAI,EAAE;AACtBZ,UAAAA,KAAA,CAAKM,KAAK,CAACO,MAAM,IAAIb,KAAA,CAAKM,KAAK,CAACO,MAAM,CAACb,KAAA,CAAKM,KAAK,CAACM,IAAI,CAAC;AACvDK,UAAAA,UAAU,CAAC,YAAK;YACdjB,KAAA,CAAKE,QAAQ,IAAIF,KAAA,CAAKE,QAAQ,CAACgB,IAAI,EAAE;WACtC,EAAE,EAAE,CAAC;AACP;OACF;AAAA,MAAA,OAAAlB,KAAA;AACH;IAACmB,SAAA,CAAArB,aAAA,EAAAC,UAAA,CAAA;IAAA,OAAAqB,YAAA,CAAAtB,aAAA,EAAA,CAAA;MAAAuB,GAAA,EAAA,QAAA;AAAAC,MAAAA,KAAA,EAnDC,SAAAC,MAAMA,GAAA;AAAA,QAAA,IAAAC,MAAA,GAAA,IAAA;;AACJ,QAAA,IAAMC,QAAQ,GAAGC,eAAe,CAAC,IAAI,CAACpB,KAAK,CAACqB,aAAa,EAAE,IAAI,CAACrB,KAAK,CAACM,IAAI,CAAC;AAC3E,QAAA,IAAMgB,OAAO,GAAG,IAAI,CAACzB,cAAc,EAAE;AACrC,QAAA,oBACE0B,KAAA,CAAAC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;AACRC,UAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAGC,GAAG,EAAA;AAAA,YAAA,OAAMV,MAAI,CAACtB,QAAQ,GAAGgC,GAAG;WAAE;UACzCtB,IAAI,EAAE,CAAAP,EAAA,GAAA,IAAI,CAACC,KAAK,CAACM,IAAI,MAAA,IAAA,IAAAP,EAAA,KAAA,MAAA,GAAA,MAAA,GAAAA,EAAA,CAAE8B,QAAQ,EAAG;UAClCC,KAAK,EAAEX,QAAQ,CAACW,KAAM;UACtBC,UAAU,EAAEZ,QAAQ,CAACa,OAAQ;AAC7BC,UAAAA,OAAO,EAAC,UAAU;AAClBC,UAAAA,IAAI,EAAC,MAAM;UACXC,SAAS,EAAA,IAAA;UACTC,QAAQ,EAAE,IAAI,CAAChC,YAAa;UAC5BiC,OAAO,EAAE,IAAI,CAAC5B,WAAY;UAC1B6B,OAAO,EAAE,IAAI,CAAC5B;AAAY,SAAA,EACtB,IAAI,CAACV,KAAK,CAACuC,cAAc,EAAA;AAC7BC,UAAAA,UAAU,EACRC,MAAA,CAAAC,MAAA,CAAA;YAAA5C,MAAM,EAAEwB,OAAO,CAACxB,MAAM;YACtBG,QAAQ,EAAEqB,OAAO,CAACrB;WACf,EAAA,CAAAE,EAAA,GAAA,IAAI,CAACH,KAAK,CAACuC,cAAc,MAAA,IAAA,IAAApC,EAAA,KAAA,MAAA,GAAA,MAAA,GAAAA,EAAA,CAAEqC,UAAU;AACxC,SAAA,CACF,CAAA;AAEN;AAAC,KAAA,CAAA,CAAA;AAAA,GAAA,CA1ByBG,SAAyB,CAAA;AAuDrD,EAAA,OAAOnD,aAAa;AACtB;;;;"}

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

@@ -0,0 +1,104 @@
+import { inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { Component } from 'react';
+import { FormControl, InputLabel, Select, MenuItem, Collapse, FormHelperText } from '@mui/material';
+import { getErrorMessage } from './helper.js';
+import { mergeObjects as _mergeObjects } from '../utils/helpers.js';
+import '../utils/query-param.js';
+import '../utils/dayjs-config.js';
+
+var CreateSelectSimple = function CreateSelectSimple(args) {
+  var SelectSimple = /*#__PURE__*/function (_Component) {
+    function SelectSimple(props) {
+      var _this;
+      _classCallCheck(this, SelectSimple);
+      var _a;
+      _this = _callSuper(this, SelectSimple, [props]);
+      _this.mapProps = function () {
+        var _a, _b, _c, _d, _e;
+        var label = _this.getLabel();
+        var tfp = {
+          id: (_a = _this.props.name) === null || _a === void 0 ? void 0 : _a.toString(),
+          labelId: ((_b = _this.props.name) === null || _b === void 0 ? void 0 : _b.toString()) + label,
+          name: (_c = _this.props.name) === null || _c === void 0 ? void 0 : _c.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 _a;
+                return ((_a = x.value) === null || _a === void 0 ? void 0 : _a.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 = (_e = (_d = _this.props.slots) === null || _d === void 0 ? void 0 : _d.selectProps) !== null && _e !== void 0 ? _e : args === null || args === void 0 ? void 0 : args.selectProps;
+        return _mergeObjects({}, tfp, selectProps);
+      };
+      _this.getLabel = function () {
+        var _a, _b;
+        if (!!_this.props.label && typeof _this.props.label === 'string') return _this.props.label;
+        return (_b = (_a = _this.props.name) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '';
+      };
+      _this.getDefaultValue = function () {
+        var _a, _b, _c, _d;
+        var _this$props = _this.props,
+          data = _this$props.data,
+          name = _this$props.name;
+        var options = _this.getOptions();
+        return (_c = (_b = (_a = _this.props.defaultValue) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : !!data && !!name ? data[name] : undefined) !== null && _c !== void 0 ? _c : (_d = options[0]) === null || _d === void 0 ? void 0 : _d.value;
+      };
+      _this.getOptions = function () {
+        var _a, _b;
+        return (_b = (_a = args === null || args === void 0 ? void 0 : args.options) !== null && _a !== void 0 ? _a : _this.props.options) !== null && _b !== void 0 ? _b : [];
+      };
+      _this.state = {
+        value: (_a = _this.getDefaultValue()) === null || _a === void 0 ? void 0 : _a.toString()
+      };
+      return _this;
+    }
+    _inherits(SelectSimple, _Component);
+    return _createClass(SelectSimple, [{
+      key: "render",
+      value: function render() {
+        var _a, _b;
+        var data = this.getOptions();
+        var label = this.getLabel();
+        var errorMessage = getErrorMessage(this.props.messageErrors, this.props.name);
+        return /*#__PURE__*/React.createElement(React.Fragment, null, !!this.props.disabled && /*#__PURE__*/React.createElement("input", {
+          hidden: true,
+          name: (_a = this.props.name) === null || _a === void 0 ? void 0 : _a.toString(),
+          defaultValue: this.getDefaultValue()
+        }), /*#__PURE__*/React.createElement(FormControl, {
+          fullWidth: true,
+          disabled: this.props.disabled,
+          error: errorMessage.error
+        }, /*#__PURE__*/React.createElement(InputLabel, {
+          id: ((_b = this.props.name) === null || _b === void 0 ? void 0 : _b.toString()) + label
+        }, label), /*#__PURE__*/React.createElement(Select, this.mapProps(), data.map(function (item) {
+          return /*#__PURE__*/React.createElement(MenuItem, {
+            key: item.value,
+            value: item.value
+          }, item.name);
+        })), /*#__PURE__*/React.createElement(Collapse, {
+          "in": errorMessage.error
+        }, /*#__PURE__*/React.createElement(FormHelperText, null, errorMessage.message))));
+      }
+    }]);
+  }(Component);
+  return SelectSimple;
+};
+
+export { CreateSelectSimple as default };
+//# sourceMappingURL=create.select-simple.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create.select-simple.js","sources":["../../../src/form/create.select-simple.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { Collapse, FormControl, FormHelperText, InputLabel, MenuItem, Select, SelectProps } from '@mui/material'\r\nimport { IFormInputBase } from './types'\r\nimport { getErrorMessage } from './helper'\r\nimport { mergeObjects } from '../utils'\r\n\r\nexport interface ISelectSimpleOption<TModel extends string = string> {\r\n  name: string\r\n  value: TModel\r\n}\r\n\r\ninterface ISlots {\r\n  selectProps?: Omit<SelectProps, 'variant'>\r\n}\r\n\r\ninterface IArgs extends ISlots {\r\n  options?: ISelectSimpleOption[]\r\n}\r\n\r\nconst CreateSelectSimple = function <TModel = any>(args?: IArgs) {\r\n  interface IProps extends Partial<IFormInputBase<TModel>> {\r\n    options?: ISelectSimpleOption[]\r\n    onChange?: (value: ISelectSimpleOption) => void\r\n    slots?: ISlots\r\n    fullWidth?: boolean\r\n  }\r\n  interface IState {\r\n    value?: string\r\n  }\r\n  class SelectSimple extends Component<IProps, IState> {\r\n    constructor(props: IProps) {\r\n      super(props)\r\n      this.state = { value: this.getDefaultValue()?.toString() }\r\n    }\r\n    mapProps = (): SelectProps => {\r\n      const label = this.getLabel()\r\n      const tfp: SelectProps = {\r\n        id: this.props.name?.toString(),\r\n        labelId: this.props.name?.toString() + label,\r\n        name: this.props.name?.toString(),\r\n        label: label,\r\n        defaultValue: this.getDefaultValue(),\r\n        value: this.state.value,\r\n        onChange: (event) => {\r\n          const value: string = event.target.value + ''\r\n          this.setState({ value }, () => {\r\n            if (!!this.props.name) {\r\n              this.props.onBlur && this.props.onBlur(this.props.name)\r\n            }\r\n            const options = this.getOptions()\r\n            const temp = options.find((x) => x.value?.toString() === value)\r\n            if (!temp) return\r\n            this.props.onChange && this.props.onChange(temp)\r\n          })\r\n        },\r\n        disabled: this.props.disabled,\r\n        fullWidth: this.props.fullWidth !== undefined ? this.props.fullWidth : true\r\n      }\r\n      const selectProps = this.props.slots?.selectProps ?? args?.selectProps\r\n      return mergeObjects({}, tfp, selectProps)\r\n    }\r\n    render() {\r\n      const data = this.getOptions()\r\n      const label = this.getLabel()\r\n      const errorMessage = getErrorMessage(this.props.messageErrors, this.props.name)\r\n      return (\r\n        <React.Fragment>\r\n          {!!this.props.disabled && <input hidden name={this.props.name?.toString()} defaultValue={this.getDefaultValue()} />}\r\n          <FormControl fullWidth disabled={this.props.disabled} error={errorMessage.error}>\r\n            <InputLabel id={this.props.name?.toString() + label}>{label}</InputLabel>\r\n            <Select {...this.mapProps()}>\r\n              {data.map((item) => (\r\n                <MenuItem key={item.value} value={item.value}>\r\n                  {item.name}\r\n                </MenuItem>\r\n              ))}\r\n            </Select>\r\n            <Collapse in={errorMessage.error}>\r\n              <FormHelperText>{errorMessage.message}</FormHelperText>\r\n            </Collapse>\r\n          </FormControl>\r\n        </React.Fragment>\r\n      )\r\n    }\r\n    getLabel = () => {\r\n      if (!!this.props.label && typeof this.props.label === 'string') return this.props.label\r\n      return this.props.name?.toString() ?? ''\r\n    }\r\n    getDefaultValue = () => {\r\n      const { data, name } = this.props\r\n      const options = this.getOptions()\r\n      return this.props.defaultValue?.toString() ?? (!!data && !!name ? data[name] : undefined) ?? options[0]?.value\r\n    }\r\n    getOptions = (): ISelectSimpleOption[] => {\r\n      return args?.options ?? this.props.options ?? []\r\n    }\r\n  }\r\n  return SelectSimple\r\n}\r\nexport default CreateSelectSimple\r\nexport type SelectSimpleType<TModel> = ReturnType<typeof CreateSelectSimple<TModel>>\r\n"],"names":["CreateSelectSimple","args","SelectSimple","_Component","props","_this","_classCallCheck","_callSuper","mapProps","label","getLabel","tfp","id","name","_a","toString","labelId","_b","_c","defaultValue","getDefaultValue","value","state","onChange","event","target","setState","onBlur","options","getOptions","temp","find","x","disabled","fullWidth","undefined","selectProps","_e","slots","mergeObjects","_this$props","data","_d","_inherits","_createClass","key","render","errorMessage","getErrorMessage","messageErrors","React","createElement","Fragment","hidden","FormControl","error","InputLabel","Select","map","item","MenuItem","Collapse","FormHelperText","message","Component"],"mappings":"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"}