diginet-core-ui 1.4.52-beta.9 → 1.4.53

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 (107) hide show
  1. package/assets/images/menu/dhr/MHRP09N0036.svg +13 -0
  2. package/assets/images/menu/dhr/MHRP09N0037.svg +14 -0
  3. package/assets/images/menu/dhr/MHRP25N0009.svg +15 -0
  4. package/components/accordion/details.js +1 -1
  5. package/components/accordion/group.js +1 -1
  6. package/components/accordion/index.js +1 -1
  7. package/components/accordion/summary.js +1 -1
  8. package/components/alert/index.js +1 -1
  9. package/components/alert/notify.js +1 -1
  10. package/components/avatar/index.js +2 -2
  11. package/components/badge/index.js +1 -1
  12. package/components/breadcrumb/index.js +1 -1
  13. package/components/button/icon.js +1 -1
  14. package/components/button/index.js +1 -1
  15. package/components/button/more.js +2 -2
  16. package/components/button/ripple-effect.js +1 -1
  17. package/components/card/body.js +1 -1
  18. package/components/card/extra.js +1 -1
  19. package/components/card/footer.js +1 -1
  20. package/components/card/header.js +1 -1
  21. package/components/card/index.js +1 -1
  22. package/components/chart/Pie/Circle.js +1 -1
  23. package/components/chart/Pie/Sector.js +1 -1
  24. package/components/chart/Pie/index.js +1 -1
  25. package/components/chart/Pie-v2/Circle.js +1 -1
  26. package/components/chart/Pie-v2/Sector.js +1 -1
  27. package/components/chart/Pie-v2/index.js +1 -1
  28. package/components/chart/bar/Bar.js +1 -1
  29. package/components/chart/bar/index.js +1 -1
  30. package/components/chart/bar-v2/Bar.js +1 -1
  31. package/components/chart/bar-v2/index.js +1 -1
  32. package/components/chart/line/index.js +1 -1
  33. package/components/chart/line-v2/index.js +1 -1
  34. package/components/check-text/index.js +1 -1
  35. package/components/check-text/interview-confirmation.js +1 -1
  36. package/components/check-text/interview-status.js +1 -1
  37. package/components/chip/index.js +1 -1
  38. package/components/collapse/index.js +1 -1
  39. package/components/divider/index.js +1 -1
  40. package/components/form-control/attachment/index.js +3 -3
  41. package/components/form-control/calendar/function.js +1 -1
  42. package/components/form-control/calendar/index.js +2 -2
  43. package/components/form-control/calendar/range.js +1 -1
  44. package/components/form-control/checkbox/index.js +1 -1
  45. package/components/form-control/control/index.js +1 -1
  46. package/components/form-control/date-input/index.js +1 -1
  47. package/components/form-control/date-picker/index.js +1 -1
  48. package/components/form-control/date-range-picker/index.js +1 -1
  49. package/components/form-control/dropdown/index.js +1 -1
  50. package/components/form-control/dropdown-box/index.js +22 -64
  51. package/components/form-control/form-group/index.js +1 -1
  52. package/components/form-control/helper-text/index.js +1 -1
  53. package/components/form-control/input-base/UncontrolledInputBase.js +1 -1
  54. package/components/form-control/input-base/index.js +1 -1
  55. package/components/form-control/label/index.js +1 -1
  56. package/components/form-control/money-input/index.js +28 -11
  57. package/components/form-control/number-input/index2.js +24 -27
  58. package/components/form-control/password-input/index.js +1 -1
  59. package/components/form-control/phone-input/index.js +1 -1
  60. package/components/form-control/radio/index.js +1 -1
  61. package/components/form-control/text-input/index.js +1 -1
  62. package/components/form-control/time-picker/index.js +1 -1
  63. package/components/form-control/time-picker/v2/index.js +1 -1
  64. package/components/form-control/toggle/index.js +1 -1
  65. package/components/form-view/input.js +1 -1
  66. package/components/grid/index.js +1 -1
  67. package/components/image/index.js +1 -1
  68. package/components/list/list-item-action.js +1 -1
  69. package/components/list/list-item-icon.js +1 -1
  70. package/components/list/list-item-text.js +1 -1
  71. package/components/list/list-item.js +1 -1
  72. package/components/list/list.js +1 -1
  73. package/components/list/sub-header.js +1 -1
  74. package/components/modal/body.js +1 -1
  75. package/components/modal/footer.js +1 -1
  76. package/components/modal/header.js +1 -1
  77. package/components/modal/index.js +1 -1
  78. package/components/modal/modal.js +1 -1
  79. package/components/others/option-wrapper/index.js +1 -1
  80. package/components/paging/page-info.js +1 -1
  81. package/components/paging/page-selector.js +1 -1
  82. package/components/paper/index.js +1 -1
  83. package/components/popover/body.js +1 -1
  84. package/components/popover/footer.js +1 -1
  85. package/components/popover/header.js +1 -1
  86. package/components/popover/index.js +14 -14
  87. package/components/popup/index.js +1 -1
  88. package/components/popup/v2/index.js +1 -1
  89. package/components/progress/circular.js +1 -1
  90. package/components/progress/linear.js +1 -1
  91. package/components/rating/index.js +1 -1
  92. package/components/skeleton/index.js +1 -1
  93. package/components/slider/slider-container.js +1 -1
  94. package/components/slider/slider-item.js +1 -1
  95. package/components/status/index.js +1 -1
  96. package/components/tab/tab-container.js +1 -1
  97. package/components/tab/tab-header.js +1 -1
  98. package/components/tab/tab-panel.js +1 -1
  99. package/components/tab/tab.js +1 -1
  100. package/components/tooltip/index.js +1 -1
  101. package/components/transfer/index.js +1 -1
  102. package/components/tree-view/index.js +1 -1
  103. package/components/typography/index.js +1 -1
  104. package/icons/effect.js +1 -1
  105. package/icons/menu/v2/index.js +1 -1
  106. package/package.json +44 -78
  107. package/readme.md +7 -0
@@ -17,7 +17,7 @@ const getLastPage = (totalItems, itemsPerPage) => {
17
17
  }
18
18
  return _lastPage + 1;
19
19
  };
20
- const PagingSelector = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
20
+ const PagingSelector = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
21
21
  action = {},
22
22
  className,
23
23
  currentPage,
@@ -5,7 +5,7 @@ import { forwardRef, memo, useEffect, useImperativeHandle, useMemo, useRef } fro
5
5
  import { bgColor, border, borderRadius, parseMaxHeight, parseWidth, parseWidthHeight, shadowSmall } from "../../styles/general";
6
6
  import { useTheme } from "../../theme";
7
7
  import { classNames, getProp, renderHTML } from "../../utils";
8
- const Paper = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
8
+ const Paper = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
9
9
  width,
10
10
  height,
11
11
  mapping,
@@ -8,7 +8,7 @@ import { bgColor, border, borderRadius, displayFlex, flexCol, order, overflowAut
8
8
  import { useTheme } from "../../theme";
9
9
  import useThemeProps from "../../theme/utils/useThemeProps";
10
10
  import { classNames, getProp } from "../../utils";
11
- const PopoverBody = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
11
+ const PopoverBody = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
12
12
  if (!reference) reference = useRef(null);
13
13
  const theme = useTheme();
14
14
 
@@ -8,7 +8,7 @@ import { bgColor, borderRadius, boxBorder, displayFlex, flexRow, itemsCenter, ju
8
8
  import { useTheme } from "../../theme";
9
9
  import useThemeProps from "../../theme/utils/useThemeProps";
10
10
  import { classNames, getProp } from "../../utils";
11
- const PopoverFooter = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
11
+ const PopoverFooter = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
12
12
  if (!reference) reference = useRef(null);
13
13
  const theme = useTheme();
14
14
 
@@ -9,7 +9,7 @@ import { bgColor, borderRadius, boxBorder, displayFlex, flexRow, itemsCenter, or
9
9
  import { useTheme } from "../../theme";
10
10
  import useThemeProps from "../../theme/utils/useThemeProps";
11
11
  import { classNames, getProp } from "../../utils";
12
- const PopoverHeader = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
12
+ const PopoverHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
13
13
  if (!reference) reference = useRef(null);
14
14
  const theme = useTheme();
15
15
 
@@ -106,7 +106,7 @@ const getDirectionPopover = direction => {
106
106
  };
107
107
  }
108
108
  };
109
- const Popover = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
109
+ const Popover = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
110
110
  if (!reference) reference = useRef(null);
111
111
  const theme = useTheme();
112
112
  const {
@@ -202,7 +202,7 @@ const Popover = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) =
202
202
  }
203
203
  };
204
204
  const updatePositionPopover = (el = null, cb) => {
205
- var _window, _window2, _anchor6, _anchorRect, _anchorRect2, _anchor7, _anchorRect3, _anchorRect4, _anchorRect5, _anchorRect6, _anchorRect7, _anchorRect8, _anchorRect9, _anchorRect0, _anchorRect1, _anchorRect10, _newDirectionObject, _newDirectionObject$t, _transformOrigin, _newDirectionObject2, _newDirectionObject2$, _transformOrigin2;
205
+ var _window, _window2, _anchor6, _anchorRect, _anchorRect2, _anchor7, _anchorRect3, _anchorRect4, _anchorRect5, _anchorRect6, _anchorRect7, _anchorRect8, _anchorRect9, _anchorRect10, _anchorRect11, _anchorRect12, _newDirectionObject, _newDirectionObject$t, _transformOrigin, _newDirectionObject2, _newDirectionObject2$, _transformOrigin2;
206
206
  if (el instanceof Element) setElement(el);
207
207
  if (!ref.current) {
208
208
  window.removeEventListener('resize', updatePositionPopover);
@@ -336,36 +336,36 @@ const Popover = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) =
336
336
 
337
337
  // Valid mean popover not at top-left, top-right, bottom-left, bottom-right
338
338
  const validVerticalArrow = left >= ((_anchorRect5 = anchorRect) === null || _anchorRect5 === void 0 ? void 0 : _anchorRect5.left) + ((_anchorRect6 = anchorRect) === null || _anchorRect6 === void 0 ? void 0 : _anchorRect6.width) / 2 - popoverWidth && left <= ((_anchorRect7 = anchorRect) === null || _anchorRect7 === void 0 ? void 0 : _anchorRect7.right) - ((_anchorRect8 = anchorRect) === null || _anchorRect8 === void 0 ? void 0 : _anchorRect8.width) / 2 + popoverWidth;
339
- const validHorizontalArrow = top >= ((_anchorRect9 = anchorRect) === null || _anchorRect9 === void 0 ? void 0 : _anchorRect9.top) + ((_anchorRect0 = anchorRect) === null || _anchorRect0 === void 0 ? void 0 : _anchorRect0.height) / 2 - popoverHeight && top <= ((_anchorRect1 = anchorRect) === null || _anchorRect1 === void 0 ? void 0 : _anchorRect1.bottom) - ((_anchorRect10 = anchorRect) === null || _anchorRect10 === void 0 ? void 0 : _anchorRect10.height) / 2;
339
+ const validHorizontalArrow = top >= ((_anchorRect9 = anchorRect) === null || _anchorRect9 === void 0 ? void 0 : _anchorRect9.top) + ((_anchorRect10 = anchorRect) === null || _anchorRect10 === void 0 ? void 0 : _anchorRect10.height) / 2 - popoverHeight && top <= ((_anchorRect11 = anchorRect) === null || _anchorRect11 === void 0 ? void 0 : _anchorRect11.bottom) - ((_anchorRect12 = anchorRect) === null || _anchorRect12 === void 0 ? void 0 : _anchorRect12.height) / 2;
340
340
 
341
341
  // Get arrow's position
342
342
  if (arrow && translate) {
343
343
  switch (aPosition) {
344
344
  case 'top':
345
345
  if (validVerticalArrow) {
346
- var _anchorRect11, _anchorRect12;
347
- arrowPosition.left = ((_anchorRect11 = anchorRect) === null || _anchorRect11 === void 0 ? void 0 : _anchorRect11.width) / 2 + ((_anchorRect12 = anchorRect) === null || _anchorRect12 === void 0 ? void 0 : _anchorRect12.left) - arrowSize + 'px';
346
+ var _anchorRect13, _anchorRect14;
347
+ arrowPosition.left = ((_anchorRect13 = anchorRect) === null || _anchorRect13 === void 0 ? void 0 : _anchorRect13.width) / 2 + ((_anchorRect14 = anchorRect) === null || _anchorRect14 === void 0 ? void 0 : _anchorRect14.left) - arrowSize + 'px';
348
348
  arrowPosition.top = Math.round(top) - arrowSize + 'px';
349
349
  }
350
350
  break;
351
351
  case 'bottom':
352
352
  if (validVerticalArrow) {
353
- var _anchorRect13, _anchorRect14;
354
- arrowPosition.left = ((_anchorRect13 = anchorRect) === null || _anchorRect13 === void 0 ? void 0 : _anchorRect13.width) / 2 + ((_anchorRect14 = anchorRect) === null || _anchorRect14 === void 0 ? void 0 : _anchorRect14.left) - arrowSize + 'px';
353
+ var _anchorRect15, _anchorRect16;
354
+ arrowPosition.left = ((_anchorRect15 = anchorRect) === null || _anchorRect15 === void 0 ? void 0 : _anchorRect15.width) / 2 + ((_anchorRect16 = anchorRect) === null || _anchorRect16 === void 0 ? void 0 : _anchorRect16.left) - arrowSize + 'px';
355
355
  arrowPosition.top = Math.round(top) + popoverHeight + 'px';
356
356
  }
357
357
  break;
358
358
  case 'left':
359
359
  if (validHorizontalArrow) {
360
- var _anchorRect15, _anchorRect16;
361
- arrowPosition.top = ((_anchorRect15 = anchorRect) === null || _anchorRect15 === void 0 ? void 0 : _anchorRect15.height) / 2 + ((_anchorRect16 = anchorRect) === null || _anchorRect16 === void 0 ? void 0 : _anchorRect16.top) - arrowSize / 2 + 'px';
360
+ var _anchorRect17, _anchorRect18;
361
+ arrowPosition.top = ((_anchorRect17 = anchorRect) === null || _anchorRect17 === void 0 ? void 0 : _anchorRect17.height) / 2 + ((_anchorRect18 = anchorRect) === null || _anchorRect18 === void 0 ? void 0 : _anchorRect18.top) - arrowSize / 2 + 'px';
362
362
  arrowPosition.left = Math.round(left) - 1.5 * arrowSize + 'px';
363
363
  }
364
364
  break;
365
365
  case 'right':
366
366
  if (validHorizontalArrow) {
367
- var _anchorRect17, _anchorRect18;
368
- arrowPosition.top = ((_anchorRect17 = anchorRect) === null || _anchorRect17 === void 0 ? void 0 : _anchorRect17.height) / 2 + ((_anchorRect18 = anchorRect) === null || _anchorRect18 === void 0 ? void 0 : _anchorRect18.top) - arrowSize / 2 + 'px';
367
+ var _anchorRect19, _anchorRect20;
368
+ arrowPosition.top = ((_anchorRect19 = anchorRect) === null || _anchorRect19 === void 0 ? void 0 : _anchorRect19.height) / 2 + ((_anchorRect20 = anchorRect) === null || _anchorRect20 === void 0 ? void 0 : _anchorRect20.top) - arrowSize / 2 + 'px';
369
369
  arrowPosition.left = Math.round(left) + popoverWidth - arrowSize / 2 + 'px';
370
370
  }
371
371
  break;
@@ -495,15 +495,15 @@ const Popover = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) =
495
495
  return currentRef;
496
496
  });
497
497
  const renderAnchor = () => {
498
- var _anchor0, _anchor1, _anchor1$props;
499
- if (!((_anchor0 = anchor) !== null && _anchor0 !== void 0 && _anchor0.type)) return null;
498
+ var _anchor10, _anchor11, _anchor11$props;
499
+ if (!((_anchor10 = anchor) !== null && _anchor10 !== void 0 && _anchor10.type)) return null;
500
500
  const AnchorTag = /*#__PURE__*/React.cloneElement(anchor, {
501
501
  ref: ref => {
502
502
  anchor = ref;
503
503
  },
504
504
  style: {
505
505
  cursor: 'pointer',
506
- ...(((_anchor1 = anchor) === null || _anchor1 === void 0 ? void 0 : (_anchor1$props = _anchor1.props) === null || _anchor1$props === void 0 ? void 0 : _anchor1$props.style) || {})
506
+ ...(((_anchor11 = anchor) === null || _anchor11 === void 0 ? void 0 : (_anchor11$props = _anchor11.props) === null || _anchor11$props === void 0 ? void 0 : _anchor11$props.style) || {})
507
507
  }
508
508
  });
509
509
  return AnchorTag;
@@ -25,7 +25,7 @@ export const icons = {
25
25
  viewBox: true
26
26
  })
27
27
  };
28
- const Popup = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
28
+ const Popup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
29
29
  open,
30
30
  type,
31
31
  icon,
@@ -16,7 +16,7 @@ const titleMap = new Map([['yesno', 'notify'], ['success', 'confirm'], ['warning
16
16
  const iconMap = new Map([['yesno', 'Info'], ['success', 'ApprovalFilled'], ['warning', 'Warning'], ['danger', 'Failed'], ['info', 'Info']]);
17
17
  const fadeInDown = animations.fadeInDown;
18
18
  const fadeOutUp = animations.fadeOutUp;
19
- const Popup = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
19
+ const Popup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
20
20
  action = {},
21
21
  cancelProps,
22
22
  className,
@@ -121,7 +121,7 @@ const getDimension = (size, theme) => {
121
121
  }
122
122
  };
123
123
  const directionAngleMap = new Map([['top', -90], ['bottom', 90], ['right', 0], ['left', -180]]);
124
- const CircularProgress = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
124
+ const CircularProgress = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
125
125
  action = {},
126
126
  background: backgroundProp,
127
127
  circleRef,
@@ -249,7 +249,7 @@ Determinate.propTypes = {
249
249
  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
250
250
  };
251
251
  export const DeterminateLinearProgress = /*#__PURE__*/memo(Determinate);
252
- const LinearProgress = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
252
+ const LinearProgress = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
253
253
  background,
254
254
  className,
255
255
  color,
@@ -7,7 +7,7 @@ import { Fragment, forwardRef, memo, useEffect, useImperativeHandle, useMemo, us
7
7
  import { bgColor, border, borderColor, cursorPointer, displayInlineFlex, flexRow, flexRowReverse, itemsCenter, outlineNone, overflowHidden, parseWidth, pointerEventsNone, positionAbsolute, positionRelative, textColor } from "../../styles/general";
8
8
  import { useTheme } from "../../theme";
9
9
  import { classNames, getProp, hexToRGBA, randomString } from "../../utils";
10
- const Rating = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
10
+ const Rating = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
11
11
  id,
12
12
  disabled,
13
13
  readOnly,
@@ -8,7 +8,7 @@ import { parseWidthHeight } from "../../styles/general";
8
8
  import { useTheme } from "../../theme";
9
9
  import useThemeProps from "../../theme/utils/useThemeProps";
10
10
  import { classNames, getProp } from "../../utils";
11
- const Skeleton = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
11
+ const Skeleton = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
12
12
  if (!reference) reference = useRef(null);
13
13
  const theme = useTheme();
14
14
  // const { spacing } = theme;
@@ -22,7 +22,7 @@ const styles = {
22
22
  transform: 'translate(0, -50%)'
23
23
  }
24
24
  };
25
- const SliderContainer = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
25
+ const SliderContainer = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
26
26
  animation,
27
27
  active,
28
28
  autoChangeTime,
@@ -25,7 +25,7 @@ const checkURL = link => {
25
25
  }
26
26
  return link;
27
27
  };
28
- const SliderItem = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
28
+ const SliderItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
29
29
  active,
30
30
  animation,
31
31
  fileName,
@@ -12,7 +12,7 @@ const colorMap = new Map([['default', 'system/rest']]);
12
12
  const iconSizeMap = new Map([['small', '16px'], ['medium', '20px'], ['large', '24px']]);
13
13
  const typographySizeMap = new Map([['small', 'p3'], ['medium', 'p2'], ['large', 'p1']]);
14
14
  const filledPaddingSizeMap = new Map([['small', [0.5, 2]], ['medium', [0.5, 2]], ['large', [0.5, 3]]]);
15
- const Status = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
15
+ const Status = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
16
16
  action = {},
17
17
  className,
18
18
  color: colorProp,
@@ -8,7 +8,7 @@ import useThemeProps from "../../theme/utils/useThemeProps";
8
8
  import { classNames } from "../../utils";
9
9
  import TabContext from "./context";
10
10
  const typographyByLevelMap = new Map([['level1', 'h3'], ['level2', 'p1']]);
11
- const TabContainer = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
11
+ const TabContainer = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
12
12
  if (!reference) reference = useRef(null);
13
13
 
14
14
  // props priority: `inProps` > `themeDefaultProps`
@@ -9,7 +9,7 @@ import { useTheme } from "../../theme";
9
9
  import useThemeProps from "../../theme/utils/useThemeProps";
10
10
  import { classNames } from "../../utils";
11
11
  import TabContext from "./context";
12
- const TabHeader = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
12
+ const TabHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
13
13
  var _ref$current, _ref$current2;
14
14
  if (!reference) reference = useRef(null);
15
15
 
@@ -8,7 +8,7 @@ import { useTheme } from "../../theme";
8
8
  import useThemeProps from "../../theme/utils/useThemeProps";
9
9
  import { classNames, getProp } from "../../utils";
10
10
  import TabContext from "./context";
11
- const TabPanel = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
11
+ const TabPanel = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
12
12
  if (!reference) reference = useRef(null);
13
13
 
14
14
  // props priority: `inProps` > `themeDefaultProps`
@@ -10,7 +10,7 @@ import { useTheme } from "../../theme";
10
10
  import useThemeProps from "../../theme/utils/useThemeProps";
11
11
  import { classNames, getProp } from "../../utils";
12
12
  import TabContext from "./context";
13
- const TabItem = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
13
+ const TabItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
14
14
  if (!reference) reference = useRef(null);
15
15
 
16
16
  // props priority: `inProps` > `themeDefaultProps`
@@ -38,7 +38,7 @@ const parseAlignMode = alignMode => {
38
38
  }
39
39
  return 'middle';
40
40
  };
41
- const Tooltip = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
41
+ const Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
42
42
  action = {},
43
43
  alignMode,
44
44
  arrow,
@@ -8,7 +8,7 @@ import { Fragment, forwardRef, memo, useMemo, useRef, useState } from 'react';
8
8
  import { bgColor, borderRadius, boxBorder, displayBlock, displayFlex, displayInlineFlex, flexCol, itemsCenter, justifyCenter, objectCover, parseMinHeight, parseWidth, parseWidthHeight, positionRelative, positionSticky, shadowSmall, top, z } from "../../styles/general";
9
9
  import { useTheme } from "../../theme";
10
10
  import { capitalize, classNames, getProp } from "../../utils";
11
- const Transfer = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
11
+ const Transfer = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
12
12
  choicesList,
13
13
  chosenList,
14
14
  selectAll,
@@ -13,7 +13,7 @@ import { classNames, getProp, mapParent, randomString, removeUnicode } from "../
13
13
  const separatorPattern = /\{\w+\}/g;
14
14
  const currentValue = {},
15
15
  itemsRenderAsync = {};
16
- const TreeView = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
16
+ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
17
17
  var _value3;
18
18
  if (!reference) reference = useRef(null);
19
19
  const theme = useTheme();
@@ -11,7 +11,7 @@ import { classNames, getProp, renderHTML } from "../../utils";
11
11
  const colorMap = new Map([['default', 'text/main']]);
12
12
  const formatMap = new Map([['capitalize', textCapitalize], ['uppercase', textUppercase], ['lowercase', textLowercase], ['italic', italic], ['line-through', textLineThrough], ['underline', textUnderline], ['sentence', textSentence]]);
13
13
  const isTextClamped = elm => (elm === null || elm === void 0 ? void 0 : elm.scrollHeight) > (elm === null || elm === void 0 ? void 0 : elm.clientHeight);
14
- const Typography = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
14
+ const Typography = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
15
15
  var _ref$current;
16
16
  // props priority: `inProps` > `themeDefaultProps`
17
17
  const props = useThemeProps({
package/icons/effect.js CHANGED
@@ -10,7 +10,7 @@ import useThemeProps from "../theme/utils/useThemeProps";
10
10
  import { capitalize, classNames, getProp } from "../utils";
11
11
  import * as Icons from "./basic";
12
12
  const iconColorMap = new Map([['Image', 'dynamic/pumpkin'], ['Compressed', 'dynamic/violet'], ['Presentation', 'dynamic/pumpkin'], ['Sheet', 'semantic/success'], ['Word', 'semantic/info'], ['Pdf', 'semantic/danger']]);
13
- const Icon = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
13
+ const Icon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
14
14
  if (!reference) reference = useRef(null);
15
15
  const theme = useTheme();
16
16
 
@@ -6,7 +6,7 @@ import { jsx } from '@emotion/core';
6
6
  import PropTypes from 'prop-types';
7
7
  import { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';
8
8
  import { classNames } from "../../../utils";
9
- const IconMenu = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
9
+ const IconMenu = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
10
10
  action,
11
11
  className,
12
12
  height,
package/package.json CHANGED
@@ -1,78 +1,44 @@
1
- {
2
- "name": "diginet-core-ui",
3
- "version": "1.4.52-beta.9",
4
- "description": "",
5
- "main": "index.js",
6
- "license": "UNLICENSED",
7
- "scripts": {
8
- "start": "npm-run-all --parallel start-sb eslint-test",
9
- "start-sb": "start-storybook -p 9050",
10
- "build-storybook": "build-storybook -c .storybook -s src",
11
- "build": "run-script-os",
12
- "build:windows": "rimraf dist && mkdirp dist/components && npm run compile && sass --style=compressed src/scss:dist/css && xcopy src\\\\assets dist\\\\assets\\ /e /y",
13
- "build:darwin:linux:default": "rm -rf dist && npm run compile && sass --style=compressed src/scss:dist/css && cp -rf src/assets dist/assets",
14
- "compile": "babel src --out-dir dist --ignore **/*.stories.js",
15
- "pack": "npm run build && cp *.md dist/ && npm run version:bump --silent && npm run version:add --silent && cd dist && npm pack",
16
- "production-keep-version": "npm run build && cp *.md dist/ && cp package.json dist/ && cd dist && npm publish",
17
- "beta": "npm run build && cp *.md dist/ && cp package.json dist/ && cd dist && npm publish --tag beta",
18
- "production": "npm run build && cp *.md dist/ && npm run version:bump --silent && npm run version:add --silent && cd dist && npm publish",
19
- "version:add": "run-script-os",
20
- "version:add:windows": "cat package.json.tmp | sed \"s/0.0.0/%npm_package_version%/g\" > dist/package.json",
21
- "version:add:darwin:linux:default": "VERSION=$(npm run version:extract --silent) && cat package.json.tmp | sed \"s/0.0.0/${VERSION}/g\" > dist/package.json",
22
- "version:bump": "npm version patch --no-git-tag-version --silent",
23
- "version:extract": "cat package.json | grep version | head -1 | awk -F: '{ print $2 }' | sed 's/[\",]//g' | tr -d '[[:space:]]'",
24
- "test": "echo \"Error: no test specified\" && exit 1",
25
- "lint": "eslint --fix --config .eslintrc.js \"**/*.js\"",
26
- "eslint-test": "onchange \"src/**/*.{js,jsx,json}\" -- eslint . --fix",
27
- "freshtall": "npm cache clean --force && rm -rf node_modules && rm -f package-lock.json && npm install",
28
- "test-storybook": "test-storybook --url http://localhost:9050",
29
- "preinstall": "echo {} > package-lock.json"
30
- },
31
- "dependencies": {
32
- "@emotion/core": "^10.0.35",
33
- "@emotion/css": "^11.11.0",
34
- "@emotion/react": "^11.10.6",
35
- "babel-plugin-module-resolver": "^4.1.0",
36
- "date-fns": "^2.30.0",
37
- "prop-types": "^15.7.2"
38
- },
39
- "lint-staged": {
40
- "*/**/*.{js,jsx,json}": [
41
- "prettier --write",
42
- "git add"
43
- ]
44
- },
45
- "devDependencies": {
46
- "@babel/cli": "^7.14.3",
47
- "@babel/plugin-proposal-class-properties": "^7.13.0",
48
- "@babel/plugin-proposal-logical-assignment-operators": "^7.16.0",
49
- "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.0",
50
- "@babel/plugin-proposal-optional-chaining": "^7.14.2",
51
- "@babel/plugin-proposal-private-methods": "^7.18.6",
52
- "@babel/plugin-proposal-private-property-in-object": "^7.18.6",
53
- "@babel/preset-react": "^7.13.13",
54
- "@storybook/addon-actions": "6.2.9",
55
- "@storybook/addon-essentials": "6.2.9",
56
- "@storybook/addon-links": "6.2.9",
57
- "@storybook/addon-postcss": "^2.0.0",
58
- "@storybook/react": "6.2.9",
59
- "@storybook/test-runner": "^0.7.1",
60
- "autoprefixer": "^10.3.1",
61
- "babel-loader": "^8.2.2",
62
- "eslint": "^8.4.1",
63
- "eslint-plugin-react": "^7.27.1",
64
- "eslint-plugin-regex": "^1.10.0",
65
- "husky": "^7.0.4",
66
- "jest": "^27.5.1",
67
- "lint-staged": "^12.1.2",
68
- "mkdirp": "^1.0.4",
69
- "npm-run-all": "^4.1.5",
70
- "onchange": "^7.1.0",
71
- "postcss-flexbugs-fixes": "^5.0.2",
72
- "react": "^17.0.1",
73
- "react-dom": "^17.0.1",
74
- "rimraf": "^3.0.2",
75
- "run-script-os": "^1.1.6",
76
- "sass": "1.58.3"
77
- }
78
- }
1
+ {
2
+ "name": "diginet-core-ui",
3
+ "version": "1.4.53",
4
+ "description": "The DigiNet core ui",
5
+ "homepage": "https://diginet.com.vn",
6
+ "main": "index.js",
7
+ "scripts": {
8
+ "start-js": "react-scripts start --max_old_space_size=4096",
9
+ "start": "npx npm-run-all -p start-js",
10
+ "build": "GENERATE_SOURCEMAP=false && react-scripts build --env=production --max_old_space_size=8192",
11
+ "eject": "react-scripts eject",
12
+ "test": "echo \"Error: no test specified\" && exit 1"
13
+ },
14
+ "dependencies": {
15
+ "@emotion/core": "^10.0.35",
16
+ "prop-types": "^15.7.2",
17
+ "@emotion/css": "^11.11.0",
18
+ "@emotion/react": "^11.10.6"
19
+ },
20
+ "repository": {
21
+ "type": "git",
22
+ "url": "git+https://diginetvn@bitbucket.org/diginetvn/diginet-core-ui.git"
23
+ },
24
+ "keywords": [
25
+ "core ui",
26
+ "diginet"
27
+ ],
28
+ "author": "rocachien",
29
+ "contributors": [
30
+ {
31
+ "name": "Chien Do",
32
+ "email": "rocachien@gmail.com"
33
+ },
34
+ {
35
+ "name": "Nhat Tran",
36
+ "email": "tranminhnhat1005@gmail.com"
37
+ },
38
+ {
39
+ "name": "Thuan Nguyen",
40
+ "email": "nt.thuan.hutech@gmail.com"
41
+ }
42
+ ],
43
+ "license": "MIT"
44
+ }
package/readme.md CHANGED
@@ -42,6 +42,13 @@ npm test
42
42
 
43
43
  ## Changelog
44
44
 
45
+ ## 1.4.53
46
+ - \[Added\]: Icon – Add IconMenu MHRP09N0036, MHRP09N0037
47
+ - \[Added\]: Icon – Add IconMenu MHRP25N0009
48
+ - \[Fixed\]: Treeview - Fix bug Treeview keeps the search bar visible while scrolling
49
+ - \[Fixed\]: NumberInput – NumberInput Core when changing 'decimalDigit'
50
+ - \[Fixed\]: Attachment – Fix the issue where the attachment cannot be deleted when clicking outside the Attachment popup
51
+
45
52
  ## 1.4.52
46
53
  - \[Fixed\]: DropDown - Fix bug search data in Dropdown
47
54
  - \[Fixed\]: NumberInput – NumberInput Core when changing 'decimalDigit'