dinocollab-core 1.0.1 → 1.0.2

package/dist/{src/form → form}/create.date-expired.js

@@ -1,12 +1,13 @@
-import { defineProperty as _defineProperty, inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { Component } from 'react';
+import { defineProperty as _defineProperty, inherits as _inherits, createClass as _createClass, objectSpread2 as _objectSpread2, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Component } from 'react';
 import { LocalizationProvider } from '@mui/x-date-pickers';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { styled, Box, TextField, Typography, Switch } from '@mui/material';
+import { getErrorMessage } from './helper.js';
 import { mergeObjects as _mergeObjects, tryParseIntRequired } from '../utils/helpers.js';
 import '../utils/query-param.js';
 import '../utils/dayjs-config.js';
-import { getErrorMessage } from './helper.js';
 import dayjs from 'dayjs';
 
 var defaultFormatString = 'MM-DD-YYYY';
@@ -24,17 +25,16 @@ function CreateDateExpired(params) {
       var _this;
       _classCallCheck(this, DateExpired);
       _this = _callSuper(this, DateExpired, [props]);
-      _this.defaultNumberOfDays = 30;
-      _this.getNumberOfDays = function () {
+      _defineProperty(_this, "defaultNumberOfDays", 30);
+      _defineProperty(_this, "getNumberOfDays", function () {
         if (_this.slots.type === 'number') {
           return tryParseIntRequired(_this.defaulValue, _this.defaultNumberOfDays);
         } else {
           return _this.getDaysUntilDate(_this.defaulValue, _this.defaultNumberOfDays);
         }
-      };
+      });
       //#endregion
-      _this.mapTextFieldProps = function () {
-        var _a;
+      _defineProperty(_this, "mapTextFieldProps", function () {
         var _this$props = _this.props,
           messageErrors = _this$props.messageErrors,
           name = _this$props.name,
@@ -43,9 +43,12 @@ function CreateDateExpired(params) {
         var obj = {
           fullWidth: true,
           className: dateExpiredClasses.input,
-          label: /*#__PURE__*/React.createElement("span", {
-            className: dateExpiredClasses.label
-          }, "Expiry date", _this.state.switchChecked && /*#__PURE__*/React.createElement("b", null, _this.getOffsetDate(_this.state.numberOfDays))),
+          label: jsxs("span", {
+            className: dateExpiredClasses.label,
+            children: ["Expiry date", _this.state.switchChecked && jsx("b", {
+              children: _this.getOffsetDate(_this.state.numberOfDays)
+            })]
+          }),
           variant: 'outlined',
           type: 'number',
           disabled: disabled,
@@ -58,23 +61,24 @@ function CreateDateExpired(params) {
           };
           var temp = getErrorMessage(messageErrors, name);
           if (temp.error) {
+            var _temp$message;
             obj.error = Boolean(temp.error);
-            obj.helperText = (_a = temp.message) !== null && _a !== void 0 ? _a : '';
+            obj.helperText = (_temp$message = temp.message) !== null && _temp$message !== void 0 ? _temp$message : '';
           }
         }
         return _mergeObjects({}, obj, _this.slots.textFieldProps);
-      };
-      _this.handleChange = function (e) {
+      });
+      _defineProperty(_this, "handleChange", function (e) {
         var numberOfDays = e.target.value != '' ? parseInt(e.target.value) : 0;
         _this.setState({
           numberOfDays: numberOfDays
         });
-      };
-      _this.getOffsetDate = function (num) {
+      });
+      _defineProperty(_this, "getOffsetDate", function (num) {
         var formatString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultFormatString;
         return dayjs().add(num, 'day').format(formatString);
-      };
-      _this.getDaysUntilDate = function (value) {
+      });
+      _defineProperty(_this, "getDaysUntilDate", function (value) {
         var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
         try {
           if (!value) return defaultValue;
@@ -82,10 +86,10 @@ function CreateDateExpired(params) {
           var today = dayjs();
           var diff = target.diff(today, 'day', true);
           return Math.round(diff);
-        } catch (_a) {
+        } catch (_unused) {
           return defaultValue;
         }
-      };
+      });
       _this.state = {
         numberOfDays: _this.getNumberOfDays(),
         switchChecked: _this.slots.switchChecked
@@ -97,25 +101,25 @@ function CreateDateExpired(params) {
     return _createClass(DateExpired, [{
       key: "slots",
       get: function get() {
-        var _a, _b;
-        var _ref = (_a = this.props.slots) !== null && _a !== void 0 ? _a : {},
+        var _this$props$slots, _ref2;
+        var _ref = (_this$props$slots = this.props.slots) !== null && _this$props$slots !== void 0 ? _this$props$slots : {},
           switchChecked = _ref.switchChecked,
           switchCheckedGetter = _ref.switchCheckedGetter;
         var obj = _mergeObjects(params, this.props.slots);
-        var check = (_b = this.defaulValue ? !!this.defaulValue : switchChecked) !== null && _b !== void 0 ? _b : true;
+        var check = (_ref2 = this.defaulValue ? !!this.defaulValue : switchChecked) !== null && _ref2 !== void 0 ? _ref2 : true;
         if (switchCheckedGetter) check = switchCheckedGetter(this.defaulValue, this.props.data);
-        return Object.assign(Object.assign({}, obj), {
+        return _objectSpread2(_objectSpread2({}, obj), {}, {
           switchChecked: check
         });
       }
     }, {
       key: "defaulValue",
       get: function get() {
-        var _a, _b;
+        var _this$props$defaultVa, _data$name;
         var _this$props2 = this.props,
           data = _this$props2.data,
           name = _this$props2.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;
+        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: "defaultValueInput",
@@ -126,43 +130,49 @@ function CreateDateExpired(params) {
           return this.getOffsetDate(this.state.numberOfDays, 'YYYY-MM-DDTHH:mm:ss.sssZ');
         }
       }
-      //#region Render
     }, {
       key: "render",
-      value: function render() {
-        var _this2 = this;
-        var _a;
-        return /*#__PURE__*/React.createElement(LocalizationProvider, {
-          dateAdapter: AdapterDayjs
-        }, /*#__PURE__*/React.createElement(Wrap, {
-          className: dateExpiredClasses.root
-        }, /*#__PURE__*/React.createElement("input", {
-          key: this.defaultValueInput,
-          type: "text",
-          hidden: true,
-          name: (_a = this.props.name) === null || _a === void 0 ? void 0 : _a.toString(),
-          defaultValue: this.defaultValueInput
-        }), /*#__PURE__*/React.createElement(TextField, this.mapTextFieldProps()), /*#__PURE__*/React.createElement("div", {
-          className: dateExpiredClasses.control
-        }, /*#__PURE__*/React.createElement(Typography, {
-          variant: "caption",
-          className: dateExpiredClasses.labelSwitch,
-          component: 'label',
-          htmlFor: this.id,
-          sx: {
-            color: this.state.switchChecked ? 'success.main' : '#767676'
-          }
-        }, this.state.switchChecked ? 'Use Expiration Date' : 'No Expiration'), /*#__PURE__*/React.createElement(Switch, {
-          id: this.id,
-          size: "small",
-          color: "success",
-          checked: this.state.switchChecked,
-          onChange: function onChange(_, checked) {
-            return _this2.setState({
-              switchChecked: checked
-            });
-          }
-        }))));
+      value:
+      //#region Render
+      function render() {
+        var _this$props$name,
+          _this2 = this;
+        return jsx(LocalizationProvider, {
+          dateAdapter: AdapterDayjs,
+          children: jsxs(Wrap, {
+            className: dateExpiredClasses.root,
+            children: [jsx("input", {
+              type: 'text',
+              hidden: true,
+              name: (_this$props$name = this.props.name) === null || _this$props$name === void 0 ? void 0 : _this$props$name.toString(),
+              defaultValue: this.defaultValueInput
+            }, this.defaultValueInput), jsx(TextField, _objectSpread2({}, this.mapTextFieldProps())), jsxs("div", {
+              className: dateExpiredClasses.control,
+              children: [jsx(Typography, _objectSpread2(_objectSpread2({
+                variant: 'caption',
+                className: dateExpiredClasses.labelSwitch
+              }, {
+                component: 'label',
+                htmlFor: this.id
+              }), {}, {
+                sx: {
+                  color: this.state.switchChecked ? 'success.main' : '#767676'
+                },
+                children: this.state.switchChecked ? 'Use Expiration Date' : 'No Expiration'
+              })), jsx(Switch, {
+                id: this.id,
+                size: 'small',
+                color: 'success',
+                checked: this.state.switchChecked,
+                onChange: function onChange(_, checked) {
+                  return _this2.setState({
+                    switchChecked: checked
+                  });
+                }
+              })]
+            })]
+          })
+        });
       }
     }]);
   }(Component);

package/dist/form/create.date-expired.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.date-expired.js","sources":["../../src/form/create.date-expired.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { LocalizationProvider } from '@mui/x-date-pickers'\r\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'\r\nimport { Switch, Typography, TextField, styled, Box, TextFieldProps } from '@mui/material'\r\nimport { IFormInputBase } from './types'\r\nimport { getErrorMessage } from './helper'\r\nimport { dayjsCustom, mergeObjects, tryParseIntRequired } from '../utils'\r\n\r\nconst defaultFormatString = 'MM-DD-YYYY'\r\n\r\nconst dateExpiredClasses = {\r\n  root: 'DateExpired-root',\r\n  control: 'DateExpired-control',\r\n  label: 'DateExpired-label',\r\n  labelSwitch: 'DateExpired-labelSwitch',\r\n  input: 'DateExpired-input',\r\n  switch: 'DateExpired-switch'\r\n}\r\n\r\nexport interface IDateExpiredSlots<T> {\r\n  /** @default string */\r\n  type?: 'number' | 'string'\r\n  textFieldProps?: Partial<TextFieldProps>\r\n  switchChecked?: boolean\r\n  switchCheckedGetter?: (value: any, model?: Partial<T>) => boolean\r\n}\r\n\r\nexport interface IDateExpiredProps<T> extends IFormInputBase<T> {\r\n  slots?: IDateExpiredSlots<T>\r\n}\r\n\r\nexport interface IDateExpiredState {\r\n  numberOfDays: number\r\n  switchChecked: boolean\r\n}\r\n\r\nfunction CreateDateExpired<T>(params?: IDateExpiredSlots<T>): React.ComponentType<IDateExpiredProps<T>> {\r\n  class DateExpired extends Component<IDateExpiredProps<T>, IDateExpiredState> {\r\n    defaultNumberOfDays: number = 30\r\n    private id\r\n    constructor(props: IDateExpiredProps<T>) {\r\n      super(props)\r\n      this.state = {\r\n        numberOfDays: this.getNumberOfDays(),\r\n        switchChecked: this.slots.switchChecked\r\n      }\r\n      this.id = new Date().getTime().toString()\r\n    }\r\n\r\n    get slots(): IDateExpiredSlots<T> & { switchChecked: boolean } {\r\n      const { switchChecked, switchCheckedGetter } = this.props.slots ?? {}\r\n      const obj = mergeObjects(params, this.props.slots)\r\n      let check = (this.defaulValue ? !!this.defaulValue : switchChecked) ?? true\r\n      if (switchCheckedGetter) check = switchCheckedGetter(this.defaulValue, this.props.data)\r\n      return { ...obj, switchChecked: check }\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    get defaultValueInput(): string | number {\r\n      if (this.slots.type === 'number') {\r\n        return this.state.numberOfDays\r\n      } else {\r\n        return this.getOffsetDate(this.state.numberOfDays, 'YYYY-MM-DDTHH:mm:ss.sssZ')\r\n      }\r\n    }\r\n\r\n    getNumberOfDays = (): number => {\r\n      if (this.slots.type === 'number') {\r\n        return tryParseIntRequired(this.defaulValue, this.defaultNumberOfDays)\r\n      } else {\r\n        return this.getDaysUntilDate(this.defaulValue, this.defaultNumberOfDays)\r\n      }\r\n    }\r\n\r\n    //#region Render\r\n    render() {\r\n      return (\r\n        <LocalizationProvider dateAdapter={AdapterDayjs}>\r\n          <Wrap className={dateExpiredClasses.root}>\r\n            <input key={this.defaultValueInput} type='text' hidden name={this.props.name?.toString()} defaultValue={this.defaultValueInput} />\r\n            <TextField {...this.mapTextFieldProps()} />\r\n            <div className={dateExpiredClasses.control}>\r\n              <Typography\r\n                variant='caption'\r\n                className={dateExpiredClasses.labelSwitch}\r\n                {...{ component: 'label', htmlFor: this.id }}\r\n                sx={{ color: this.state.switchChecked ? 'success.main' : '#767676' }}\r\n              >\r\n                {this.state.switchChecked ? 'Use Expiration Date' : 'No Expiration'}\r\n              </Typography>\r\n              <Switch\r\n                id={this.id}\r\n                size='small'\r\n                color='success'\r\n                checked={this.state.switchChecked}\r\n                onChange={(_, checked) => this.setState({ switchChecked: checked })}\r\n              />\r\n            </div>\r\n          </Wrap>\r\n        </LocalizationProvider>\r\n      )\r\n    }\r\n    //#endregion\r\n\r\n    mapTextFieldProps = (): TextFieldProps => {\r\n      const { messageErrors, name, onBlur } = this.props\r\n      const disabled = this.props.disabled || !this.state.switchChecked\r\n      const obj: TextFieldProps = {\r\n        fullWidth: true,\r\n        className: dateExpiredClasses.input,\r\n        label: (\r\n          <span className={dateExpiredClasses.label}>\r\n            Expiry date\r\n            {this.state.switchChecked && <b>{this.getOffsetDate(this.state.numberOfDays)}</b>}\r\n          </span>\r\n        ),\r\n        variant: 'outlined',\r\n        type: 'number',\r\n        disabled: disabled,\r\n        value: this.state.switchChecked ? this.state.numberOfDays : 0,\r\n        onChange: this.handleChange\r\n      }\r\n      if (!!name) {\r\n        obj.onBlur = () => onBlur && onBlur(name)\r\n        const temp = getErrorMessage(messageErrors, name)\r\n        if (temp.error) {\r\n          obj.error = Boolean(temp.error)\r\n          obj.helperText = temp.message ?? ''\r\n        }\r\n      }\r\n      return mergeObjects<TextFieldProps>({}, obj, this.slots.textFieldProps)\r\n    }\r\n\r\n    handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n      const numberOfDays: number = e.target.value != '' ? parseInt(e.target.value) : 0\r\n      this.setState({ numberOfDays })\r\n    }\r\n\r\n    getOffsetDate = (num: number, formatString = defaultFormatString): string => {\r\n      return dayjsCustom().add(num, 'day').format(formatString)\r\n    }\r\n\r\n    getDaysUntilDate = (value?: string, defaultValue = 0): number => {\r\n      try {\r\n        if (!value) return defaultValue\r\n        const target = dayjsCustom(value)\r\n        const today = dayjsCustom()\r\n        const diff = target.diff(today, 'day', true)\r\n        return Math.round(diff)\r\n      } catch {\r\n        return defaultValue\r\n      }\r\n    }\r\n  }\r\n  return DateExpired\r\n}\r\nexport default CreateDateExpired\r\n\r\nconst Wrap = styled(Box)({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  gap: '10px',\r\n  position: 'relative',\r\n  [`.${dateExpiredClasses.switch}`]: {\r\n    margin: 0,\r\n    flex: '0 0 auto'\r\n  },\r\n  [`.${dateExpiredClasses.label}`]: {\r\n    b: {\r\n      color: '#1976d2',\r\n      marginLeft: '8px'\r\n    }\r\n  },\r\n  [`.${dateExpiredClasses.labelSwitch}`]: {\r\n    fontWeight: 600,\r\n    cursor: 'pointer'\r\n  },\r\n  [`.${dateExpiredClasses.control}`]: {\r\n    position: 'absolute',\r\n    top: 0,\r\n    right: 0,\r\n    height: '100%',\r\n    display: 'flex',\r\n    alignItems: 'center'\r\n  },\r\n  [`.${dateExpiredClasses.input}`]: {\r\n    '.MuiInputBase-input': {\r\n      paddingRight: '160px'\r\n    }\r\n  }\r\n})\r\n"],"names":["defaultFormatString","dateExpiredClasses","root","control","label","labelSwitch","input","CreateDateExpired","params","DateExpired","_Component","props","_this","_classCallCheck","_callSuper","_defineProperty","slots","type","tryParseIntRequired","defaulValue","defaultNumberOfDays","getDaysUntilDate","_this$props","messageErrors","name","onBlur","disabled","state","switchChecked","obj","fullWidth","className","_jsxs","children","_jsx","getOffsetDate","numberOfDays","variant","value","onChange","handleChange","temp","getErrorMessage","error","_temp$message","Boolean","helperText","message","mergeObjects","textFieldProps","e","target","parseInt","setState","num","formatString","arguments","length","undefined","dayjsCustom","add","format","defaultValue","today","diff","Math","round","_unused","getNumberOfDays","id","Date","getTime","toString","_inherits","_createClass","key","get","_this$props$slots","_ref2","_ref","switchCheckedGetter","check","data","_objectSpread","_this$props$defaultVa","_data$name","_this$props2","render","_this$props$name","_this2","LocalizationProvider","dateAdapter","AdapterDayjs","Wrap","hidden","defaultValueInput","TextField","mapTextFieldProps","Typography","component","htmlFor","sx","color","Switch","size","checked","_","Component","styled","Box","display","alignItems","gap","position","concat","margin","flex","b","marginLeft","fontWeight","cursor","top","right","height","paddingRight"],"mappings":"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"}

package/dist/{src/form → form}/create.date-picker.js

@@ -1,29 +1,30 @@
-import { inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { Component } from 'react';
+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 { Component } from 'react';
 import { styled } from '@mui/material';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { DatePicker, LocalizationProvider } from '@mui/x-date-pickers';
+import { getErrorMessage } from './helper.js';
 import { mergeObjects as _mergeObjects } from '../utils/helpers.js';
 import '../utils/query-param.js';
 import '../utils/dayjs-config.js';
-import { getErrorMessage } from './helper.js';
 import dayjs from 'dayjs';
 
 var formatDefault = 'MM/DD/YYYY';
 var CreateDatePicker = function CreateDatePicker(params) {
   var DatePicker = /*#__PURE__*/function (_Component) {
     function DatePicker(props) {
+      var _this$mergeSlots;
       var _this;
       _classCallCheck(this, DatePicker);
-      var _a;
       _this = _callSuper(this, DatePicker, [props]);
-      _this._cachedSlots = {};
-      _this.getDatePickerProps = function () {
-        var _a, _b, _c, _d, _e;
-        var delayInDays = (_a = params === null || params === void 0 ? void 0 : params.minDateOffset) !== null && _a !== void 0 ? _a : 0;
+      _defineProperty(_this, "_cachedSlots", {});
+      _defineProperty(_this, "getDatePickerProps", function () {
+        var _params$minDateOffset, _this$props$label, _this$props$name, _this$props$format, _this$slots;
+        var delayInDays = (_params$minDateOffset = params === null || params === void 0 ? void 0 : params.minDateOffset) !== null && _params$minDateOffset !== void 0 ? _params$minDateOffset : 0;
         var minDate = delayInDays > 0 ? dayjs().add(delayInDays, 'day').startOf('day') : params === null || params === void 0 ? void 0 : params.minDate;
-        var label = (_b = _this.props.label) !== null && _b !== void 0 ? _b : (_c = _this.props.name) === null || _c === void 0 ? void 0 : _c.toString();
-        var format = (_d = _this.props.format) !== null && _d !== void 0 ? _d : formatDefault;
+        var label = (_this$props$label = _this.props.label) !== null && _this$props$label !== void 0 ? _this$props$label : (_this$props$name = _this.props.name) === null || _this$props$name === void 0 ? void 0 : _this$props$name.toString();
+        var format = (_this$props$format = _this.props.format) !== null && _this$props$format !== void 0 ? _this$props$format : formatDefault;
         var eMessage = getErrorMessage(_this.props.messageErrors, _this.props.name);
         var obj = {
           label: label,
@@ -43,17 +44,17 @@ var CreateDatePicker = function CreateDatePicker(params) {
             }
           }
         };
-        return _mergeObjects(obj, params === null || params === void 0 ? void 0 : params.datePickerProps, (_e = _this.slots) === null || _e === void 0 ? void 0 : _e.datePickerProps);
-      };
-      _this.refInput = null;
-      _this.mergeSlots = function (currentSlots) {
+        return _mergeObjects(obj, params === null || params === void 0 ? void 0 : params.datePickerProps, (_this$slots = _this.slots) === null || _this$slots === void 0 ? void 0 : _this$slots.datePickerProps);
+      });
+      _defineProperty(_this, "refInput", null);
+      _defineProperty(_this, "mergeSlots", function (currentSlots) {
         return _mergeObjects({}, params, currentSlots);
-      };
-      _this.handleBlur = function () {
+      });
+      _defineProperty(_this, "handleBlur", function () {
         if (!_this.props.name) return;
         _this.props.onBlur && _this.props.onBlur(_this.props.name);
-      };
-      _this.handleChange = function (newValue) {
+      });
+      _defineProperty(_this, "handleChange", function (newValue) {
         _this.setState({
           value: newValue
         });
@@ -61,22 +62,22 @@ var CreateDatePicker = function CreateDatePicker(params) {
           _this.refInput.value = newValue && !isNaN(newValue.toDate().getTime()) ? newValue.toDate().toISOString() : '';
         }
         setTimeout(_this.handleBlur, 50);
-      };
-      _this.getDefaultValue = function () {
-        var _a, _b;
+      });
+      _defineProperty(_this, "getDefaultValue", function () {
         try {
+          var _ref, _this$props$defaultVa;
           if (!_this.props.defaultValue && !_this.slots.defaultValue && _this.slots.minDateOffset) return dayjs().add(1, 'day').startOf('day');
           if (!_this.props.defaultValue && _this.slots.minDate) return _this.slots.minDate;
           var _this$props = _this.props,
             data = _this$props.data,
             name = _this$props.name;
-          var dValue = (_b = (_a = _this.props.defaultValue) !== null && _a !== void 0 ? _a : _this.slots.defaultValue) !== null && _b !== void 0 ? _b : name ? data === null || data === void 0 ? void 0 : data[name] : '';
+          var dValue = (_ref = (_this$props$defaultVa = _this.props.defaultValue) !== null && _this$props$defaultVa !== void 0 ? _this$props$defaultVa : _this.slots.defaultValue) !== null && _ref !== void 0 ? _ref : name ? data === null || data === void 0 ? void 0 : data[name] : '';
           return dValue ? dayjs(dValue.toString()) : dayjs();
-        } catch (_c) {
+        } catch (_unused) {
           return dayjs();
         }
-      };
-      _this._cachedSlots = (_a = _this.mergeSlots(props.slots)) !== null && _a !== void 0 ? _a : {};
+      });
+      _this._cachedSlots = (_this$mergeSlots = _this.mergeSlots(props.slots)) !== null && _this$mergeSlots !== void 0 ? _this$mergeSlots : {};
       _this.state = {
         value: _this.getDefaultValue()
       };
@@ -98,18 +99,20 @@ var CreateDatePicker = function CreateDatePicker(params) {
     }, {
       key: "render",
       value: function render() {
-        var _this2 = this;
-        var _a, _b;
-        return /*#__PURE__*/React.createElement(LocalizationProvider, {
-          dateAdapter: AdapterDayjs
-        }, /*#__PURE__*/React.createElement(CustomDatePicker, this.getDatePickerProps()), /*#__PURE__*/React.createElement("input", {
-          hidden: true,
-          name: (_a = this.props.name) === null || _a === void 0 ? void 0 : _a.toString(),
-          defaultValue: (_b = this.getDefaultValue()) === null || _b === void 0 ? void 0 : _b.toDate().toISOString(),
-          ref: function ref(_ref) {
-            return _this2.refInput = _ref;
-          }
-        }));
+        var _this$props$name2,
+          _this$getDefaultValue,
+          _this2 = this;
+        return jsxs(LocalizationProvider, {
+          dateAdapter: AdapterDayjs,
+          children: [jsx(CustomDatePicker, _objectSpread2({}, this.getDatePickerProps())), 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$getDefaultValue = this.getDefaultValue()) === null || _this$getDefaultValue === void 0 ? void 0 : _this$getDefaultValue.toDate().toISOString(),
+            ref: function ref(_ref2) {
+              return _this2.refInput = _ref2;
+            }
+          })]
+        });
       }
     }]);
   }(Component);

package/dist/form/create.date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.date-picker.js","sources":["../../src/form/create.date-picker.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { Dayjs } from 'dayjs'\r\nimport { styled } from '@mui/material'\r\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'\r\nimport { DatePicker as MUIDatePicker, LocalizationProvider, DatePickerProps } from '@mui/x-date-pickers'\r\nimport { IFormInputBase } from './types'\r\nimport { getErrorMessage } from './helper'\r\nimport { dayjsCustom, mergeObjects } from '../utils'\r\n\r\nconst formatDefault = 'MM/DD/YYYY'\r\n\r\nexport interface IDatePickerSlots {\r\n  defaultValue?: string\r\n  minDate?: Dayjs\r\n  minDateOffset?: number\r\n  datePickerProps?: DatePickerProps<Dayjs>\r\n}\r\n\r\nexport interface IDatePickerProps<T> extends IFormInputBase<T> {\r\n  format?: string\r\n  slots?: Omit<IDatePickerSlots, 'defaultValue'>\r\n}\r\n\r\nexport interface IDatePickerState {\r\n  value: Dayjs | null\r\n}\r\n\r\nconst CreateDatePicker = function <T extends Object>(params?: IDatePickerSlots): ComponentType<IDatePickerProps<T>> {\r\n  class DatePicker extends Component<IDatePickerProps<T>, IDatePickerState> {\r\n    private _cachedSlots: IDatePickerSlots = {}\r\n    constructor(props: IDatePickerProps<T>) {\r\n      super(props)\r\n      this._cachedSlots = this.mergeSlots(props.slots) ?? {}\r\n      this.state = { value: this.getDefaultValue() }\r\n    }\r\n\r\n    get slots() {\r\n      return this._cachedSlots\r\n    }\r\n\r\n    componentDidUpdate(prevProps: IDatePickerProps<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    getDatePickerProps = (): DatePickerProps<Dayjs> => {\r\n      const delayInDays = params?.minDateOffset ?? 0\r\n      const minDate = delayInDays > 0 ? dayjsCustom().add(delayInDays, 'day').startOf('day') : params?.minDate\r\n      const label = this.props.label ?? this.props.name?.toString()\r\n      const format = this.props.format ?? formatDefault\r\n      const eMessage = getErrorMessage<T>(this.props.messageErrors, this.props.name)\r\n      const obj: DatePickerProps<Dayjs> = {\r\n        label,\r\n        format,\r\n        views: ['day', 'month', 'year'],\r\n        value: this.state.value,\r\n        onChange: this.handleChange,\r\n        disabled: this.props.disabled,\r\n        minDate,\r\n        slotProps: {\r\n          textField: { onBlur: this.handleBlur, fullWidth: true, error: eMessage.error, helperText: eMessage.message, variant: 'outlined' }\r\n        }\r\n      }\r\n      return mergeObjects(obj, params?.datePickerProps, this.slots?.datePickerProps)\r\n    }\r\n\r\n    refInput: HTMLInputElement | null = null\r\n    render() {\r\n      return (\r\n        <LocalizationProvider dateAdapter={AdapterDayjs}>\r\n          <CustomDatePicker {...this.getDatePickerProps()} />\r\n          <input\r\n            hidden\r\n            name={this.props.name?.toString()}\r\n            defaultValue={this.getDefaultValue()?.toDate().toISOString()}\r\n            ref={(ref) => (this.refInput = ref)}\r\n          />\r\n        </LocalizationProvider>\r\n      )\r\n    }\r\n\r\n    private mergeSlots = (currentSlots?: IDatePickerSlots): IDatePickerSlots => {\r\n      return mergeObjects<IDatePickerSlots>({}, params, currentSlots)\r\n    }\r\n\r\n    handleBlur = () => {\r\n      if (!this.props.name) return\r\n      this.props.onBlur && this.props.onBlur(this.props.name)\r\n    }\r\n\r\n    handleChange = (newValue: Dayjs | null) => {\r\n      this.setState({ value: newValue })\r\n      if (this.refInput) {\r\n        this.refInput.value = newValue && !isNaN(newValue.toDate().getTime()) ? newValue.toDate().toISOString() : ''\r\n      }\r\n      setTimeout(this.handleBlur, 50)\r\n    }\r\n\r\n    getDefaultValue = (): Dayjs => {\r\n      try {\r\n        if (!this.props.defaultValue && !this.slots.defaultValue && this.slots.minDateOffset) return dayjsCustom().add(1, 'day').startOf('day')\r\n        if (!this.props.defaultValue && this.slots.minDate) return this.slots.minDate\r\n\r\n        const { data, name } = this.props\r\n        const dValue = this.props.defaultValue ?? this.slots.defaultValue ?? (name ? data?.[name] : '')\r\n        return dValue ? dayjsCustom(dValue.toString()) : dayjsCustom()\r\n      } catch {\r\n        return dayjsCustom()\r\n      }\r\n    }\r\n  }\r\n  return DatePicker\r\n}\r\n\r\nexport default CreateDatePicker\r\n\r\nconst CustomDatePicker = styled(MUIDatePicker<Dayjs>)({\r\n  '& .MuiInputBase-root::before, & .MuiInputBase-root::after': {\r\n    borderBottom: 'none !important'\r\n  }\r\n})\r\n"],"names":["formatDefault","CreateDatePicker","params","DatePicker","_Component","props","_this$mergeSlots","_this","_classCallCheck","_callSuper","_defineProperty","_params$minDateOffset","_this$props$label","_this$props$name","_this$props$format","_this$slots","delayInDays","minDateOffset","minDate","dayjsCustom","add","startOf","label","name","toString","format","eMessage","getErrorMessage","messageErrors","obj","views","value","state","onChange","handleChange","disabled","slotProps","textField","onBlur","handleBlur","fullWidth","error","helperText","message","variant","mergeObjects","datePickerProps","slots","currentSlots","newValue","setState","refInput","isNaN","toDate","getTime","toISOString","setTimeout","_ref","_this$props$defaultVa","defaultValue","_this$props","data","dValue","_unused","_cachedSlots","mergeSlots","getDefaultValue","_inherits","_createClass","key","get","componentDidUpdate","prevProps","render","_this$props$name2","_this$getDefaultValue","_this2","_jsxs","LocalizationProvider","dateAdapter","AdapterDayjs","children","_jsx","CustomDatePicker","_objectSpread","getDatePickerProps","hidden","ref","Component","styled","MUIDatePicker","borderBottom"],"mappings":"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"}

package/dist/{src/form → form}/create.form-base.js

@@ -1,8 +1,8 @@
-import { inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __awaiter } from '../../node_modules/.pnpm/@rollup_plugin-typescript@1_d0d2002d9033600b6738d939bd598bc6/node_modules/tslib/tslib.es6.js';
+import { inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
 import React, { Component } from 'react';
 import { Box } from '@mui/material';
-import { convertFormDataToJson, SingleValidate, ValidateMerge, GetErrorFromResponse } from './helper.js';
+import { convertFormDataToJson, SingleValidate, validateMerge, getErrorFromResponse } from './helper.js';
 import FormValidator, { SingleRuleValidate } from './validator.js';
 
 var CreateFormBase = function CreateFormBase(param) {
@@ -12,8 +12,8 @@ var CreateFormBase = function CreateFormBase(param) {
       var _this;
       _classCallCheck(this, FormBase);
       _this = _callSuper(this, FormBase, [props]);
-      _this.refForm = null;
-      _this.setError = function (keyName, message) {
+      _defineProperty(_this, "refForm", null);
+      _defineProperty(_this, "setError", function (keyName, message) {
         var error = _defineProperty({}, keyName, [{
           rule: SingleRuleValidate.Custom,
           message: message
@@ -21,15 +21,14 @@ var CreateFormBase = function CreateFormBase(param) {
         _this.setState({
           messageErrors: Object.assign({}, _this.state.messageErrors, error)
         });
-      };
-      _this.clearErrorAll = function () {
+      });
+      _defineProperty(_this, "clearErrorAll", function () {
         _this.setState({
           messageErrors: {}
         });
-      };
-      _this.onSubmit = function (e) {
-        return __awaiter(_this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-          var _this2 = this;
+      });
+      _defineProperty(_this, "onSubmit", /*#__PURE__*/function () {
+        var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
           var formData, model, messageErrors;
           return _regeneratorRuntime().wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
@@ -37,15 +36,15 @@ var CreateFormBase = function CreateFormBase(param) {
                 e.preventDefault();
                 formData = new FormData(e.currentTarget);
                 model = convertFormDataToJson(formData);
-                this.setState({
+                _this.setState({
                   modelState: model
                 });
-                messageErrors = this.validate.run(model);
+                messageErrors = _this.validate.run(model);
                 if (!messageErrors) {
                   _context.next = 9;
                   break;
                 }
-                this.setState({
+                _this.setState({
                   messageErrors: messageErrors
                 });
                 if (!(Object.keys(messageErrors).length > 0)) {
@@ -55,20 +54,23 @@ var CreateFormBase = function CreateFormBase(param) {
                 return _context.abrupt("return");
               case 9:
                 _context.next = 11;
-                return this.props.onSubmit(model, e)["catch"](function (error) {
-                  var messageError = GetErrorFromResponse(error, model);
-                  _this2.setState({
-                    messageErrors: Object.assign(Object.assign({}, _this2.state.messageErrors), messageError || {})
+                return _this.props.onSubmit(model, e)["catch"](function (error) {
+                  var messageError = getErrorFromResponse(error, model);
+                  _this.setState({
+                    messageErrors: _objectSpread2(_objectSpread2({}, _this.state.messageErrors), messageError || {})
                   });
                 });
               case 11:
               case "end":
                 return _context.stop();
             }
-          }, _callee, this);
+          }, _callee);
         }));
-      };
-      _this.onBlur = function (keyName) {
+        return function (_x) {
+          return _ref.apply(this, arguments);
+        };
+      }());
+      _defineProperty(_this, "onBlur", function (keyName) {
         if (!_this.refForm) return;
         var messageErrors = _this.state.messageErrors;
         var formData = new FormData(_this.refForm);
@@ -80,11 +82,11 @@ var CreateFormBase = function CreateFormBase(param) {
         _this.setState({
           messageErrors: error
         });
-      };
-      _this.getValidate = function () {
+      });
+      _defineProperty(_this, "getValidate", function () {
         var defaultValidate = new FormValidator({});
-        return ValidateMerge(defaultValidate, param === null || param === void 0 ? void 0 : param.validate, _this.props.validate);
-      };
+        return validateMerge(defaultValidate, param === null || param === void 0 ? void 0 : param.validate, _this.props.validate);
+      });
       _this.validate = _this.getValidate();
       _this.state = {
         messageErrors: {}
@@ -95,29 +97,31 @@ var CreateFormBase = function CreateFormBase(param) {
     return _createClass(FormBase, [{
       key: "render",
       value: function render() {
-        var _this3 = this;
+        var _this2 = this;
         var onBlur = this.onBlur,
           setError = this.setError,
           clearErrorAll = this.clearErrorAll;
         var _this$state = this.state,
           modelState = _this$state.modelState,
           messageErrors = _this$state.messageErrors;
-        return /*#__PURE__*/React.createElement(Box, {
-          component: "form",
+        return jsx(Box, {
+          component: 'form',
           sx: this.props.sx,
-          ref: function ref(_ref) {
-            return _this3.refForm = _ref;
+          ref: function ref(_ref2) {
+            return _this2.refForm = _ref2;
           },
-          onSubmit: this.onSubmit
-        }, /*#__PURE__*/React.createElement(FormBaseContext.Provider, {
-          value: {
-            setError: setError,
-            onBlur: onBlur,
-            clearErrorAll: clearErrorAll,
-            modelState: modelState,
-            messageErrors: messageErrors
-          }
-        }, this.props.children));
+          onSubmit: this.onSubmit,
+          children: jsx(FormBaseContext.Provider, {
+            value: {
+              setError: setError,
+              onBlur: onBlur,
+              clearErrorAll: clearErrorAll,
+              modelState: modelState,
+              messageErrors: messageErrors
+            },
+            children: this.props.children
+          })
+        });
       }
     }]);
   }(Component);
@@ -126,7 +130,9 @@ var CreateFormBase = function CreateFormBase(param) {
     Validator: param === null || param === void 0 ? void 0 : param.validate,
     Context: FormBaseContext,
     contextMapping: function contextMapping(params) {
-      return /*#__PURE__*/React.createElement(FormBaseContext.Consumer, null, params);
+      return jsx(FormBaseContext.Consumer, {
+        children: params
+      });
     }
   };
 };

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

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