@udi-organization/udi-package 1.0.74 → 1.0.76

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.
package/dist/index.esm.js CHANGED
@@ -1,5 +1,13 @@
1
- import React, { useState, useCallback, useMemo, useRef, useEffect, useImperativeHandle, forwardRef } from 'react';
2
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
1
+ import { useState, useCallback, useMemo, useRef, useEffect, useImperativeHandle, forwardRef } from 'react';
2
+ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
3
+ import { MdExpandMore, MdExpandLess, MdOutlineMenuBook } from 'react-icons/md';
4
+ import moment from 'moment';
5
+ import { FaClock } from 'react-icons/fa';
6
+ import { Grid, Typography, TextField } from '@mui/material';
7
+ import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
8
+ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
9
+ import { MobileDateTimePicker } from '@mui/x-date-pickers/MobileDateTimePicker';
10
+ import PropTypes from 'prop-types';
3
11
 
4
12
  function _arrayLikeToArray(r, a) {
5
13
  (null == a || a > r.length) && (a = r.length);
@@ -37,8 +45,8 @@ function _asyncToGenerator(n) {
37
45
  });
38
46
  };
39
47
  }
40
- function _defineProperty$1(e, r, t) {
41
- return (r = _toPropertyKey$1(r)) in e ? Object.defineProperty(e, r, {
48
+ function _defineProperty(e, r, t) {
49
+ return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
42
50
  value: t,
43
51
  enumerable: true,
44
52
  configurable: true,
@@ -78,7 +86,7 @@ function _nonIterableRest() {
78
86
  function _nonIterableSpread() {
79
87
  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
80
88
  }
81
- function ownKeys$1(e, r) {
89
+ function ownKeys(e, r) {
82
90
  var t = Object.keys(e);
83
91
  if (Object.getOwnPropertySymbols) {
84
92
  var o = Object.getOwnPropertySymbols(e);
@@ -91,34 +99,14 @@ function ownKeys$1(e, r) {
91
99
  function _objectSpread2(e) {
92
100
  for (var r = 1; r < arguments.length; r++) {
93
101
  var t = null != arguments[r] ? arguments[r] : {};
94
- r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) {
95
- _defineProperty$1(e, r, t[r]);
96
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) {
102
+ r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
103
+ _defineProperty(e, r, t[r]);
104
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
97
105
  Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
98
106
  });
99
107
  }
100
108
  return e;
101
109
  }
102
- function _objectWithoutProperties$1(e, t) {
103
- if (null == e) return {};
104
- var o,
105
- r,
106
- i = _objectWithoutPropertiesLoose$1(e, t);
107
- if (Object.getOwnPropertySymbols) {
108
- var n = Object.getOwnPropertySymbols(e);
109
- for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
110
- }
111
- return i;
112
- }
113
- function _objectWithoutPropertiesLoose$1(r, e) {
114
- if (null == r) return {};
115
- var t = {};
116
- for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
117
- if (-1 !== e.indexOf(n)) continue;
118
- t[n] = r[n];
119
- }
120
- return t;
121
- }
122
110
  function _regenerator() {
123
111
  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
124
112
  var e,
@@ -233,7 +221,7 @@ function _slicedToArray(r, e) {
233
221
  function _toConsumableArray(r) {
234
222
  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
235
223
  }
236
- function _toPrimitive$1(t, r) {
224
+ function _toPrimitive(t, r) {
237
225
  if ("object" != typeof t || !t) return t;
238
226
  var e = t[Symbol.toPrimitive];
239
227
  if (void 0 !== e) {
@@ -243,8 +231,8 @@ function _toPrimitive$1(t, r) {
243
231
  }
244
232
  return ("string" === r ? String : Number)(t);
245
233
  }
246
- function _toPropertyKey$1(t) {
247
- var i = _toPrimitive$1(t, "string");
234
+ function _toPropertyKey(t) {
235
+ var i = _toPrimitive(t, "string");
248
236
  return "symbol" == typeof i ? i : i + "";
249
237
  }
250
238
  function _unsupportedIterableToArray(r, a) {
@@ -255,56 +243,6 @@ function _unsupportedIterableToArray(r, a) {
255
243
  }
256
244
  }
257
245
 
258
- var _excluded$1 = ["children", "onClick", "variant", "disabled", "className"];
259
- var Button = function Button(_ref) {
260
- var children = _ref.children,
261
- onClick = _ref.onClick,
262
- _ref$variant = _ref.variant,
263
- variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
264
- _ref$disabled = _ref.disabled,
265
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
266
- _ref$className = _ref.className,
267
- className = _ref$className === void 0 ? '' : _ref$className,
268
- props = _objectWithoutProperties$1(_ref, _excluded$1);
269
- var baseStyles = {
270
- padding: '10px 20px',
271
- borderRadius: '6px',
272
- border: 'none',
273
- cursor: disabled ? 'not-allowed' : 'pointer',
274
- fontSize: '14px',
275
- fontWeight: '500',
276
- opacity: disabled ? 0.6 : 1,
277
- transition: 'all 0.2s ease'
278
- };
279
- var variantStyles = {
280
- primary: {
281
- backgroundColor: '#007bff',
282
- color: 'white'
283
- },
284
- secondary: {
285
- backgroundColor: '#6c757d',
286
- color: 'white'
287
- },
288
- success: {
289
- backgroundColor: '#28a745',
290
- color: 'white'
291
- },
292
- danger: {
293
- backgroundColor: '#dc3545',
294
- color: 'white'
295
- }
296
- };
297
- var buttonStyle = _objectSpread2(_objectSpread2({}, baseStyles), variantStyles[variant]);
298
- return /*#__PURE__*/jsx("button", _objectSpread2(_objectSpread2({
299
- style: buttonStyle,
300
- onClick: onClick,
301
- disabled: disabled,
302
- className: className
303
- }, props), {}, {
304
- children: children
305
- }));
306
- };
307
-
308
246
  function styleInject(css, ref) {
309
247
  if ( ref === void 0 ) ref = {};
310
248
  var insertAt = ref.insertAt;
@@ -513,72 +451,6 @@ var DesktopPaginationControls = function DesktopPaginationControls(_ref3) {
513
451
  });
514
452
  };
515
453
 
516
- var DefaultContext = {
517
- color: undefined,
518
- size: undefined,
519
- className: undefined,
520
- style: undefined,
521
- attr: undefined
522
- };
523
- var IconContext = React.createContext && /*#__PURE__*/React.createContext(DefaultContext);
524
-
525
- var _excluded = ["attr", "size", "title"];
526
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
527
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
528
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
529
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
530
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
531
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
532
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
533
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
534
- function Tree2Element(tree) {
535
- return tree && tree.map((node, i) => /*#__PURE__*/React.createElement(node.tag, _objectSpread({
536
- key: i
537
- }, node.attr), Tree2Element(node.child)));
538
- }
539
- function GenIcon(data) {
540
- return props => /*#__PURE__*/React.createElement(IconBase, _extends({
541
- attr: _objectSpread({}, data.attr)
542
- }, props), Tree2Element(data.child));
543
- }
544
- function IconBase(props) {
545
- var elem = conf => {
546
- var {
547
- attr,
548
- size,
549
- title
550
- } = props,
551
- svgProps = _objectWithoutProperties(props, _excluded);
552
- var computedSize = size || conf.size || "1em";
553
- var className;
554
- if (conf.className) className = conf.className;
555
- if (props.className) className = (className ? className + " " : "") + props.className;
556
- return /*#__PURE__*/React.createElement("svg", _extends({
557
- stroke: "currentColor",
558
- fill: "currentColor",
559
- strokeWidth: "0"
560
- }, conf.attr, attr, svgProps, {
561
- className: className,
562
- style: _objectSpread(_objectSpread({
563
- color: props.color || conf.color
564
- }, conf.style), props.style),
565
- height: computedSize,
566
- width: computedSize,
567
- xmlns: "http://www.w3.org/2000/svg"
568
- }), title && /*#__PURE__*/React.createElement("title", null, title), props.children);
569
- };
570
- return IconContext !== undefined ? /*#__PURE__*/React.createElement(IconContext.Consumer, null, conf => elem(conf)) : elem(DefaultContext);
571
- }
572
-
573
- // THIS FILE IS AUTO GENERATED
574
- function MdExpandLess (props) {
575
- return GenIcon({"attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"},"child":[]}]})(props);
576
- }function MdExpandMore (props) {
577
- return GenIcon({"attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"},"child":[]}]})(props);
578
- }function MdOutlineMenuBook (props) {
579
- return GenIcon({"attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1zm0 13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5V8c1.35-.85 3.8-1.5 5.5-1.5 1.2 0 2.4.15 3.5.5v11.5z"},"child":[]},{"tag":"path","attr":{"d":"M17.5 10.5c.88 0 1.73.09 2.5.26V9.24c-.79-.15-1.64-.24-2.5-.24-1.7 0-3.24.29-4.5.83v1.66c1.13-.64 2.7-.99 4.5-.99zM13 12.49v1.66c1.13-.64 2.7-.99 4.5-.99.88 0 1.73.09 2.5.26V11.9c-.79-.15-1.64-.24-2.5-.24-1.7 0-3.24.3-4.5.83zM17.5 14.33c-1.7 0-3.24.29-4.5.83v1.66c1.13-.64 2.7-.99 4.5-.99.88 0 1.73.09 2.5.26v-1.52c-.79-.16-1.64-.24-2.5-.24z"},"child":[]}]})(props);
580
- }
581
-
582
454
  var TableHeader = function TableHeader(_ref) {
583
455
  var name = _ref.name,
584
456
  _ref$freeActions = _ref.freeActions,
@@ -1349,7 +1221,7 @@ function useTableFilter() {
1349
1221
  // 處理進階篩選變更
1350
1222
  var handleAdvancedFilterChange = useCallback(function (columnKey, value) {
1351
1223
  setAdvancedFilters(function (prev) {
1352
- return _objectSpread2(_objectSpread2({}, prev), {}, _defineProperty$1({}, columnKey, value));
1224
+ return _objectSpread2(_objectSpread2({}, prev), {}, _defineProperty({}, columnKey, value));
1353
1225
  });
1354
1226
  onFilterChange === null || onFilterChange === void 0 || onFilterChange();
1355
1227
  }, [onFilterChange]);
@@ -2547,7 +2419,7 @@ var UdiTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
2547
2419
  //===========
2548
2420
  useEffect(function () {
2549
2421
  setTablePage === null || setTablePage === void 0 || setTablePage(function (prev) {
2550
- return _objectSpread2(_objectSpread2({}, prev), {}, _defineProperty$1(_defineProperty$1({}, "".concat(name, "Page"), currentPage), "".concat(name, "PageSize"), currentPageSize));
2422
+ return _objectSpread2(_objectSpread2({}, prev), {}, _defineProperty(_defineProperty({}, "".concat(name, "Page"), currentPage), "".concat(name, "PageSize"), currentPageSize));
2551
2423
  });
2552
2424
  }, [currentPageSize, currentPage]);
2553
2425
 
@@ -3444,12 +3316,239 @@ var useUdiTableSync = function useUdiTableSync() {
3444
3316
  };
3445
3317
  };
3446
3318
 
3447
- function test(name) {
3448
- return "Hello, ".concat(name, "! this is a test 1208");
3319
+ function useDateRangePicker(tableRef, notify) {
3320
+ //============若未來沒bug的話可以刪除
3321
+ //
3322
+ // {{
3323
+ // const [startDate, setStartDate] = useState('');
3324
+ // const [endDate, setEndDate] = useState('');
3325
+ // const [startTimeStamp, setStartTimeStamp] = useState(0);
3326
+ // const [endTimeStamp, setEndTimeStamp] = useState(0);
3327
+
3328
+ //原訂功能:加載頁面後在useEffect中進行日期初始化後戳api,
3329
+ //修改原因:修改為直接在useState就初始化,而首次加載頁面本來就會戳api,應用不明
3330
+
3331
+ // const defaultSet = () => {
3332
+ // setStartDate(getStartOfDay);
3333
+ // setEndDate(getEndOfDay);
3334
+ // setStartTimeStamp(getStartOfDay.unix());
3335
+ // setEndTimeStamp(getEndOfDay.unix());
3336
+ // tableRef.current.onQueryChange();
3337
+ // };
3338
+ // }}
3339
+
3340
+ var getStartOfDay = moment().startOf('day');
3341
+ var getEndOfDay = moment().endOf('day');
3342
+ var _useState = useState(getStartOfDay),
3343
+ _useState2 = _slicedToArray(_useState, 2),
3344
+ startDate = _useState2[0],
3345
+ setStartDate = _useState2[1];
3346
+ var _useState3 = useState(getEndOfDay),
3347
+ _useState4 = _slicedToArray(_useState3, 2),
3348
+ endDate = _useState4[0],
3349
+ setEndDate = _useState4[1];
3350
+ var _useState5 = useState(getStartOfDay.unix()),
3351
+ _useState6 = _slicedToArray(_useState5, 2),
3352
+ startTimeStamp = _useState6[0],
3353
+ setStartTimeStamp = _useState6[1];
3354
+ var _useState7 = useState(getEndOfDay.unix()),
3355
+ _useState8 = _slicedToArray(_useState7, 2),
3356
+ endTimeStamp = _useState8[0],
3357
+ setEndTimeStamp = _useState8[1];
3358
+
3359
+ //如果選擇的起始日期在結束日期之後,則結束日期會自動變成起始日期的後一天
3360
+ var handleStartChange = function handleStartChange(value, callback) {
3361
+ var _tableRef$current;
3362
+ var startTimestamp = moment(value).unix();
3363
+ if (endTimeStamp > startTimestamp) {
3364
+ setStartDate(value);
3365
+ setStartTimeStamp(startTimestamp);
3366
+ } else {
3367
+ setStartDate(value);
3368
+ setStartTimeStamp(startTimestamp);
3369
+ setEndDate(moment(value).add(1, 'day'));
3370
+ setEndTimeStamp(moment(value).add(1, 'day').unix());
3371
+ }
3372
+ tableRef === null || tableRef === void 0 || (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 || _tableRef$current.onQueryChange();
3373
+ };
3374
+
3375
+ //如果選擇的結束日期在起始日期以前,則不變更值並且跳出error message
3376
+ var handleEndChange = function handleEndChange(value) {
3377
+ var startTimestamp = moment(startDate).unix();
3378
+ var setEndTimestampValue = moment(value).unix();
3379
+ if (setEndTimestampValue > startTimestamp) {
3380
+ var _tableRef$current2;
3381
+ setEndDate(value);
3382
+ setEndTimeStamp(setEndTimestampValue);
3383
+ tableRef === null || tableRef === void 0 || (_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 || _tableRef$current2.onQueryChange();
3384
+ } else {
3385
+ notify(tr('End Date Set Error'), /*#__PURE__*/jsx(FaClock, {
3386
+ color: "#FF4C4C",
3387
+ fontSize: "20"
3388
+ }));
3389
+ }
3390
+ };
3391
+ return {
3392
+ // defaultSet, ============若未來沒bug的話可以刪除
3393
+ handleEndChange: handleEndChange,
3394
+ handleStartChange: handleStartChange,
3395
+ setStartDate: setStartDate,
3396
+ setEndDate: setEndDate,
3397
+ setStartTimeStamp: setStartTimeStamp,
3398
+ setEndTimeStamp: setEndTimeStamp,
3399
+ startDate: startDate,
3400
+ endDate: endDate,
3401
+ startTimeStamp: startTimeStamp,
3402
+ endTimeStamp: endTimeStamp
3403
+ };
3404
+ }
3405
+
3406
+ function timestampFormat() {
3407
+ var timestamp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
3408
+ var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'YYYY-MM-DD HH:mm:ss';
3409
+ return timestamp ? moment(timestamp).format(format) : moment().format(format);
3410
+ }
3411
+
3412
+ function DateRangePicker(_ref) {
3413
+ var _ref$showTitle = _ref.showTitle,
3414
+ showTitle = _ref$showTitle === void 0 ? true : _ref$showTitle,
3415
+ pickerSize = _ref.pickerSize,
3416
+ handleStartChange = _ref.handleStartChange,
3417
+ handleEndChange = _ref.handleEndChange,
3418
+ classes = _ref.classes,
3419
+ startDate = _ref.startDate,
3420
+ endDate = _ref.endDate;
3421
+ classes = classes || {
3422
+ marginT8: {
3423
+ marginTop: "8px"
3424
+ },
3425
+ marginB10: {
3426
+ marginBottom: "10px"
3427
+ },
3428
+ gridStyle: {
3429
+ textAlign: "right",
3430
+ color: "#404040"
3431
+ },
3432
+ labelStyle: {
3433
+ fontWeight: "bold",
3434
+ marginLeft: 0,
3435
+ paddingTop: "5%",
3436
+ width: "100%"
3437
+ },
3438
+ textAlignLeft: {
3439
+ textAlign: "left"
3440
+ },
3441
+ uploadForm: {
3442
+ padding: "2rem",
3443
+ marginTop: "1rem",
3444
+ backgroundColor: "#d3d3d391",
3445
+ borderRadius: "3px",
3446
+ width: "100%"
3447
+ },
3448
+ uploadIcon: {
3449
+ fontSize: "3rem",
3450
+ marginTop: "5px",
3451
+ marginLeft: "5px",
3452
+ marginRight: "10px"
3453
+ },
3454
+ buttonStyle: {
3455
+ placeSelf: "flex-end"
3456
+ },
3457
+ marginTop10: {
3458
+ marginTop: "10px !important"
3459
+ },
3460
+ hospitalTitle: {
3461
+ marginTop: "1rem"
3462
+ }
3463
+ };
3464
+ return /*#__PURE__*/jsxs(Fragment, {
3465
+ children: [showTitle && /*#__PURE__*/jsx(Grid, {
3466
+ item: true,
3467
+ container: true,
3468
+ xs: 12,
3469
+ sm: 2,
3470
+ md: 1,
3471
+ className: "".concat(classes.gridStyle, " ").concat(classes.marginB10, " ").concat(classes.textAlignLeft),
3472
+ style: {
3473
+ textAlign: "right"
3474
+ },
3475
+ alignContent: "center",
3476
+ children: /*#__PURE__*/jsxs(Typography, {
3477
+ variant: "h6",
3478
+ className: classes.labelStyle,
3479
+ children: [tr("Date"), "\uFF1A"]
3480
+ })
3481
+ }), /*#__PURE__*/jsx(Grid, {
3482
+ item: true,
3483
+ container: true,
3484
+ xs: (pickerSize === null || pickerSize === void 0 ? void 0 : pickerSize.xs) || 12,
3485
+ sm: (pickerSize === null || pickerSize === void 0 ? void 0 : pickerSize.sm) || 6,
3486
+ md: (pickerSize === null || pickerSize === void 0 ? void 0 : pickerSize.md) || 4,
3487
+ className: classes.marginB10,
3488
+ children: /*#__PURE__*/jsx(LocalizationProvider, {
3489
+ dateAdapter: AdapterDateFns,
3490
+ children: /*#__PURE__*/jsxs(Grid, {
3491
+ container: true,
3492
+ justifyContent: "center",
3493
+ children: [/*#__PURE__*/jsx(Grid, {
3494
+ item: true,
3495
+ sm: 6,
3496
+ style: {
3497
+ width: "100%",
3498
+ padding: 10
3499
+ },
3500
+ children: /*#__PURE__*/jsx(MobileDateTimePicker, {
3501
+ label: tr("Start Date"),
3502
+ value: timestampFormat(startDate, "YYYY/MM/DD HH:mm"),
3503
+ inputFormat: "yyyy/MM/dd HH:mm",
3504
+ onChange: handleStartChange,
3505
+ renderInput: function renderInput(params) {
3506
+ return /*#__PURE__*/jsx(TextField, _objectSpread2(_objectSpread2({}, params), {}, {
3507
+ fullWidth: true
3508
+ }));
3509
+ }
3510
+ })
3511
+ }), /*#__PURE__*/jsx(Grid, {
3512
+ item: true,
3513
+ sm: 6,
3514
+ style: {
3515
+ width: "100%",
3516
+ padding: 10
3517
+ },
3518
+ children: /*#__PURE__*/jsx(MobileDateTimePicker, {
3519
+ label: tr("End Date"),
3520
+ value: timestampFormat(endDate, "YYYY/MM/DD HH:mm"),
3521
+ inputFormat: "yyyy/MM/dd HH:mm",
3522
+ onChange: handleEndChange,
3523
+ renderInput: function renderInput(params) {
3524
+ return /*#__PURE__*/jsx(TextField, _objectSpread2(_objectSpread2({}, params), {}, {
3525
+ fullWidth: true
3526
+ }));
3527
+ }
3528
+ })
3529
+ })]
3530
+ })
3531
+ })
3532
+ })]
3533
+ });
3449
3534
  }
3450
- function add(a, b) {
3451
- return a + b;
3535
+ DateRangePicker.propTypes = {
3536
+ handleStartChange: PropTypes.func.isRequired,
3537
+ handleEndChange: PropTypes.func.isRequired,
3538
+ classes: PropTypes.shape({
3539
+ marginB10: PropTypes.string,
3540
+ gridStyle: PropTypes.string,
3541
+ labelStyle: PropTypes.string,
3542
+ textAlignLeft: PropTypes.string
3543
+ }).isRequired,
3544
+ startDate: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.object, PropTypes.string]).isRequired,
3545
+ endDate: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.object, PropTypes.string]).isRequired
3546
+ };
3547
+
3548
+ function releaseUpdateTest() {
3549
+ var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'test';
3550
+ return "Hello, ".concat(name, "! this is a test 02/10-1");
3452
3551
  }
3453
3552
 
3454
- export { Button, UdiTable, add, test, useUdiTableSync$1 as useUdiTableSync, useUdiTableSync as useUdiTableSyncMutipleTable };
3553
+ export { DateRangePicker, UdiTable, releaseUpdateTest, useDateRangePicker, useUdiTableSync$1 as useUdiTableSync, useUdiTableSync as useUdiTableSyncMutipleTable };
3455
3554
  //# sourceMappingURL=index.esm.js.map