dynamic-mui 1.0.55 → 1.0.57

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist-modules/components/controls/DateTime/datetime.js +7 -10
  2. package/dist-modules/components/controls/DateTimePicker/datetimepicker.js +7 -10
  3. package/dist-modules/components/controls/TimePicker/timepicker.js +7 -10
  4. package/dist-modules/components/controls/Typography/typography.js +4 -3
  5. package/dist-modules/data/dateTime.js +11 -1
  6. package/docs/asset-manifest.json +9 -0
  7. package/docs/build/bundle.f167def1.js +2 -0
  8. package/docs/build/bundle.f167def1.js.LICENSE.txt +123 -0
  9. package/docs/index.html +16 -0
  10. package/package.json +11 -12
package/dist-modules/components/controls/DateTime/datetime.js CHANGED
@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = DateTime;
7
7
  var _react = _interopRequireDefault(require("react"));
8
- var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
9
- var _AdapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
8
+ var _AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
10
9
  var _xDatePickers = require("@mui/x-date-pickers");
11
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
+ var _dayjs = _interopRequireDefault(require("dayjs"));
12
12
  var _helper = require("../../../util/helper");
13
13
  var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -21,16 +21,15 @@ function DateTime(_ref) {
21
21
  const {
22
22
  MuiAttributes = {},
23
23
  name = 'DatePicker',
24
- id = '',
25
- MuiTextAttributes
24
+ id = ''
26
25
  } = attributes;
27
- const [value, setValue] = _react.default.useState(attributes !== null && attributes !== void 0 && attributes.value ? new Date(attributes === null || attributes === void 0 ? void 0 : attributes.value) : new Date());
26
+ const [value, setValue] = _react.default.useState(attributes !== null && attributes !== void 0 && attributes.value ? (0, _dayjs.default)(attributes === null || attributes === void 0 ? void 0 : attributes.value) : null);
28
27
  (0, _useUpdateEffect.default)(() => {
29
- if (attributes !== null && attributes !== void 0 && attributes.value) setValue(new Date(attributes === null || attributes === void 0 ? void 0 : attributes.value));
28
+ if (attributes !== null && attributes !== void 0 && attributes.value) setValue((0, _dayjs.default)(attributes === null || attributes === void 0 ? void 0 : attributes.value));
30
29
  }, [attributes === null || attributes === void 0 ? void 0 : attributes.value]);
31
30
  const MuiDateTime = (0, _helper.DateComponent)(name);
32
31
  return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
33
- dateAdapter: _AdapterDateFns.AdapterDateFns
32
+ dateAdapter: _AdapterDayjs.AdapterDayjs
34
33
  }, /*#__PURE__*/_react.default.createElement(MuiDateTime, _extends({
35
34
  value: value,
36
35
  onChange: newValue => {
@@ -40,9 +39,7 @@ function DateTime(_ref) {
40
39
  value: newValue
41
40
  });
42
41
  }
43
- }, MuiAttributes, {
44
- renderInput: params => /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, params, MuiTextAttributes))
45
- })));
42
+ }, MuiAttributes)));
46
43
  }
47
44
  DateTime.propTypes = process.env.NODE_ENV !== "production" ? {
48
45
  /** Attributes for DateTime */
package/dist-modules/components/controls/DateTimePicker/datetimepicker.js CHANGED
@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = DateTimePicker;
7
7
  var _react = _interopRequireDefault(require("react"));
8
- var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
9
- var _AdapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
8
+ var _AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
10
9
  var _xDatePickers = require("@mui/x-date-pickers");
11
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
+ var _dayjs = _interopRequireDefault(require("dayjs"));
12
12
  var _helper = require("../../../util/helper");
13
13
  var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -21,16 +21,15 @@ function DateTimePicker(_ref) {
21
21
  const {
22
22
  MuiAttributes = {},
23
23
  name = 'DateTimePicker',
24
- id = '',
25
- MuiTextAttributes
24
+ id = ''
26
25
  } = attributes;
27
- const [value, setValue] = _react.default.useState(attributes !== null && attributes !== void 0 && attributes.value ? new Date(attributes === null || attributes === void 0 ? void 0 : attributes.value) : new Date());
26
+ const [value, setValue] = _react.default.useState(attributes !== null && attributes !== void 0 && attributes.value ? (0, _dayjs.default)(attributes === null || attributes === void 0 ? void 0 : attributes.value) : null);
28
27
  (0, _useUpdateEffect.default)(() => {
29
- if (attributes !== null && attributes !== void 0 && attributes.value) setValue(new Date(attributes === null || attributes === void 0 ? void 0 : attributes.value));
28
+ if (attributes !== null && attributes !== void 0 && attributes.value) setValue((0, _dayjs.default)(attributes === null || attributes === void 0 ? void 0 : attributes.value));
30
29
  }, [attributes === null || attributes === void 0 ? void 0 : attributes.value]);
31
30
  const MuiDateTimePicker = (0, _helper.DateComponent)(name);
32
31
  return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
33
- dateAdapter: _AdapterDateFns.AdapterDateFns
32
+ dateAdapter: _AdapterDayjs.AdapterDayjs
34
33
  }, /*#__PURE__*/_react.default.createElement(MuiDateTimePicker, _extends({
35
34
  value: value,
36
35
  onChange: newValue => {
@@ -40,9 +39,7 @@ function DateTimePicker(_ref) {
40
39
  value: newValue
41
40
  });
42
41
  }
43
- }, MuiAttributes, {
44
- renderInput: params => /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, params, MuiTextAttributes))
45
- })));
42
+ }, MuiAttributes)));
46
43
  }
47
44
  DateTimePicker.propTypes = process.env.NODE_ENV !== "production" ? {
48
45
  /** Attributes for DateTimePicker */
package/dist-modules/components/controls/TimePicker/timepicker.js CHANGED
@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = TimePicker;
7
7
  var _react = _interopRequireDefault(require("react"));
8
- var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
9
- var _AdapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
8
+ var _AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
10
9
  var _xDatePickers = require("@mui/x-date-pickers");
11
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
+ var _dayjs = _interopRequireDefault(require("dayjs"));
12
12
  var _helper = require("../../../util/helper");
13
13
  var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -21,16 +21,15 @@ function TimePicker(_ref) {
21
21
  const {
22
22
  MuiAttributes = {},
23
23
  name = 'TimePicker',
24
- id = '',
25
- MuiTextAttributes
24
+ id = ''
26
25
  } = attributes;
27
- const [value, setValue] = _react.default.useState(attributes !== null && attributes !== void 0 && attributes.value ? new Date(attributes === null || attributes === void 0 ? void 0 : attributes.value) : new Date());
26
+ const [value, setValue] = _react.default.useState(attributes !== null && attributes !== void 0 && attributes.value ? (0, _dayjs.default)(attributes === null || attributes === void 0 ? void 0 : attributes.value) : null);
28
27
  (0, _useUpdateEffect.default)(() => {
29
- if (attributes !== null && attributes !== void 0 && attributes.value) setValue(new Date(attributes === null || attributes === void 0 ? void 0 : attributes.value));
28
+ if (attributes !== null && attributes !== void 0 && attributes.value) setValue((0, _dayjs.default)(attributes === null || attributes === void 0 ? void 0 : attributes.value));
30
29
  }, [attributes === null || attributes === void 0 ? void 0 : attributes.value]);
31
30
  const MuiTimePicker = (0, _helper.DateComponent)(name);
32
31
  return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
33
- dateAdapter: _AdapterDateFns.AdapterDateFns
32
+ dateAdapter: _AdapterDayjs.AdapterDayjs
34
33
  }, /*#__PURE__*/_react.default.createElement(MuiTimePicker, _extends({
35
34
  value: value,
36
35
  onChange: newValue => {
@@ -40,9 +39,7 @@ function TimePicker(_ref) {
40
39
  value: newValue
41
40
  });
42
41
  }
43
- }, MuiAttributes, {
44
- renderInput: params => /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, params, MuiTextAttributes))
45
- })));
42
+ }, MuiAttributes)));
46
43
  }
47
44
  TimePicker.propTypes = process.env.NODE_ENV !== "production" ? {
48
45
  /** Attributes for TimePicker */
package/dist-modules/components/controls/Typography/typography.js CHANGED
@@ -18,7 +18,8 @@ function Typography(_ref) {
18
18
  const {
19
19
  MuiAttributes = {},
20
20
  text = '',
21
- MuiIcon = {}
21
+ MuiIcon = {},
22
+ value = ''
22
23
  } = attributes;
23
24
  if (MuiIcon && MuiIcon.icon) {
24
25
  return /*#__PURE__*/_react.default.createElement(_material.Box, {
@@ -28,9 +29,9 @@ function Typography(_ref) {
28
29
  }
29
30
  }, /*#__PURE__*/_react.default.createElement(_material.Icon, _extends({
30
31
  key: MuiIcon.icon
31
- }, MuiIcon.MuiIconAttributes), MuiIcon.icon), /*#__PURE__*/_react.default.createElement(_Typography.default, MuiAttributes, text));
32
+ }, MuiIcon.MuiIconAttributes), MuiIcon.icon), /*#__PURE__*/_react.default.createElement(_Typography.default, MuiAttributes, text || value));
32
33
  }
33
- return /*#__PURE__*/_react.default.createElement(_Typography.default, MuiAttributes, text);
34
+ return /*#__PURE__*/_react.default.createElement(_Typography.default, MuiAttributes, text || value);
34
35
  }
35
36
  Typography.propTypes = process.env.NODE_ENV !== "production" ? {
36
37
  /** Attributes for Typography */
package/dist-modules/data/dateTime.js CHANGED
@@ -115,7 +115,17 @@ const timePicker = exports.timePicker = [{
115
115
  MuiAttributes: {
116
116
  label: 'Standard',
117
117
  fullWidth: true,
118
- variant: 'standard'
118
+ variant: 'standard',
119
+ disableUnderline: true
120
+ // sx: {
121
+ // width: '100%',
122
+ // '& .MuiInputLabel-root.Mui-focused': { color: '#979797' }, // styles the label
123
+ // '& .MuiOutlinedInput-root': {
124
+ // '&:hover > fieldset': { borderColor: 'red' },
125
+ // height: '48px',
126
+ // borderRadius: '8px',
127
+ // },
128
+ // },
119
129
  }
120
130
  },
121
131
  layout: {
package/docs/asset-manifest.json ADDED
@@ -0,0 +1,9 @@
1
+ {
2
+ "files": {
3
+ "main.js": "/DinakaranS/-dynamic-mui/build/bundle.f167def1.js",
4
+ "index.html": "/DinakaranS/-dynamic-mui/index.html"
5
+ },
6
+ "entrypoints": [
7
+ "build/bundle.f167def1.js"
8
+ ]
9
+ }