@majoo-ui/react 1.61.12-rc.16 → 1.61.12-rc.18

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.
@@ -1,17 +1,15 @@
1
1
  import * as React from 'react';
2
2
  import * as AccordionPrimitive from '@radix-ui/react-accordion';
3
- import { PrimitiveButtonProps } from '@radix-ui/react-popover';
4
3
  import { BaseRadixNoCss, BaseRadixProps } from '../../type/base.types';
5
- declare type AccordionPrimitiveProps = Omit<AccordionPrimitive.AccordionSingleProps, keyof Omit<AccordionPrimitive.PrimitiveDivProps, 'defaultValue'>> | Omit<AccordionPrimitive.AccordionMultipleProps, keyof Omit<AccordionPrimitive.PrimitiveDivProps, 'defaultValue'>>;
4
+ declare type AccordionPrimitiveProps = AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps;
6
5
  declare type AccordionProps = {
7
6
  /**
8
7
  * Determines whether one or multiple items can be opened at the same time.
9
8
  */
10
- type: string;
11
9
  children: React.ReactNode;
12
10
  } & AccordionPrimitiveProps & BaseRadixProps;
13
11
  export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
14
- declare type AccordionTriggerPrimitiveProps = Omit<AccordionPrimitive.AccordionTriggerProps, keyof PrimitiveButtonProps>;
12
+ declare type AccordionTriggerPrimitiveProps = AccordionPrimitive.AccordionTriggerProps & React.HTMLAttributes<HTMLButtonElement>;
15
13
  interface AccordionTriggerProps extends AccordionTriggerPrimitiveProps, BaseRadixProps {
16
14
  /**
17
15
  * If the value is 'false' then it will hide the arrow icon.
@@ -32,6 +30,6 @@ interface AccordionTriggerProps extends AccordionTriggerPrimitiveProps, BaseRadi
32
30
  children: React.ReactNode;
33
31
  }
34
32
  export declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
35
- export declare const AccordionItem: React.FC<Omit<AccordionPrimitive.AccordionItemProps, keyof AccordionPrimitive.PrimitiveDivProps> & BaseRadixNoCss>;
36
- export declare const AccordionContent: React.FC<Omit<AccordionPrimitive.AccordionContentProps, keyof AccordionPrimitive.PrimitiveDivProps> & BaseRadixNoCss>;
33
+ export declare const AccordionItem: React.FC<AccordionPrimitive.AccordionItemProps & BaseRadixNoCss>;
34
+ export declare const AccordionContent: React.FC<AccordionPrimitive.AccordionContentProps & BaseRadixNoCss>;
37
35
  export {};
@@ -1,6 +1,5 @@
1
1
  import React from 'react';
2
2
  import { Dialog } from '../../';
3
- import { FocusScopeProps } from '@radix-ui/react-dialog';
4
3
  import type { DialogContentProps } from '..';
5
4
  export declare const ModalDialogFooter: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
6
5
  sm: "(min-width: 359px)";
@@ -397,9 +396,9 @@ interface ModalDialogProps extends Omit<IDialog, 'children'>, DialogContentProps
397
396
  */
398
397
  width?: string | number;
399
398
  /** Set default behavior when opening dialog with form. Usually used with prevent default*/
400
- onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus'];
399
+ onOpenAutoFocus?: (event: Event) => void;
401
400
  /** Event handler called when a pointer event occurs outside the bounds of the component. It can be prevented by calling event.preventDefault.*/
402
- onPointerDownOutside?: (e: any) => void;
401
+ onPointerDownOutside?: (event: Event) => void;
403
402
  /**
404
403
  * If true, the close icon button is hidden
405
404
  */
@@ -1,6 +1,5 @@
1
1
  import React from 'react';
2
2
  import { Dialog } from '../../';
3
- import { FocusScopeProps } from '@radix-ui/react-dialog';
4
3
  import { PointerDownOutsideEvent, FocusOutsideEvent } from '@radix-ui/react-dismissable-layer';
5
4
  import type { DialogContentProps } from '..';
6
5
  export declare const PageDialogFooter: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
@@ -92,7 +91,7 @@ export declare const PageDialogFooter: import("@stitches/react/types/styled-comp
92
91
  };
93
92
  height: {
94
93
  readonly [$$PropertyValue]: "width";
95
- }; /** set PageDialog zIndex, default is set to 1400 */
94
+ };
96
95
  };
97
96
  subtleColor: (value: string) => {
98
97
  color: string;
@@ -188,7 +187,7 @@ export declare const PageDialogTitle: import("@stitches/react/types/styled-compo
188
187
  };
189
188
  height: {
190
189
  readonly [$$PropertyValue]: "width";
191
- }; /** set PageDialog zIndex, default is set to 1400 */
190
+ };
192
191
  };
193
192
  subtleColor: (value: string) => {
194
193
  color: string;
@@ -284,7 +283,7 @@ export declare const PageDialogContent: import("@stitches/react/types/styled-com
284
283
  };
285
284
  height: {
286
285
  readonly [$$PropertyValue]: "width";
287
- }; /** set PageDialog zIndex, default is set to 1400 */
286
+ };
288
287
  };
289
288
  subtleColor: (value: string) => {
290
289
  color: string;
@@ -380,7 +379,7 @@ export declare const PageDialogTrigger: import("@stitches/react/types/styled-com
380
379
  };
381
380
  height: {
382
381
  readonly [$$PropertyValue]: "width";
383
- }; /** set PageDialog zIndex, default is set to 1400 */
382
+ };
384
383
  };
385
384
  subtleColor: (value: string) => {
386
385
  color: string;
@@ -394,8 +393,8 @@ interface PageDialogProps extends Omit<IDialog, 'children'>, DialogContentProps
394
393
  /** Force to mobile view or desktop view, if undefined PageDialog will be responsive according to current screen size */
395
394
  isMobile?: boolean | undefined;
396
395
  /** Set default behavior when opening dialog with form. Usually used with prevent default*/
397
- onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus'];
398
- onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];
396
+ onOpenAutoFocus?: (event: Event) => void;
397
+ onCloseAutoFocus?: (event: Event) => void;
399
398
  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
400
399
  onInteractOutside?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
401
400
  /**
@@ -495,7 +494,7 @@ export declare const PageDialog: {
495
494
  };
496
495
  height: {
497
496
  readonly [$$PropertyValue]: "width";
498
- }; /** set PageDialog zIndex, default is set to 1400 */
497
+ };
499
498
  };
500
499
  subtleColor: (value: string) => {
501
500
  color: string;
@@ -591,7 +590,7 @@ export declare const PageDialog: {
591
590
  };
592
591
  height: {
593
592
  readonly [$$PropertyValue]: "width";
594
- }; /** set PageDialog zIndex, default is set to 1400 */
593
+ };
595
594
  };
596
595
  subtleColor: (value: string) => {
597
596
  color: string;
@@ -687,7 +686,7 @@ export declare const PageDialog: {
687
686
  };
688
687
  height: {
689
688
  readonly [$$PropertyValue]: "width";
690
- }; /** set PageDialog zIndex, default is set to 1400 */
689
+ };
691
690
  };
692
691
  subtleColor: (value: string) => {
693
692
  color: string;
@@ -783,7 +782,7 @@ export declare const PageDialog: {
783
782
  };
784
783
  height: {
785
784
  readonly [$$PropertyValue]: "width";
786
- }; /** set PageDialog zIndex, default is set to 1400 */
785
+ };
787
786
  };
788
787
  subtleColor: (value: string) => {
789
788
  color: string;
package/index.esm.js CHANGED
@@ -397,10 +397,10 @@ var SHARED = '__core-js_shared__';
397
397
  var store$3 = sharedStore.exports = globalThis$p[SHARED] || defineGlobalProperty$2(SHARED, {});
398
398
 
399
399
  (store$3.versions || (store$3.versions = [])).push({
400
- version: '3.43.0',
400
+ version: '3.44.0',
401
401
  mode: 'global',
402
402
  copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru)',
403
- license: 'https://github.com/zloirock/core-js/blob/v3.43.0/LICENSE',
403
+ license: 'https://github.com/zloirock/core-js/blob/v3.44.0/LICENSE',
404
404
  source: 'https://github.com/zloirock/core-js'
405
405
  });
406
406
 
@@ -25949,12 +25949,16 @@ const PageDialog = props => {
25949
25949
  }, {
25950
25950
  children: jsx(Image, {
25951
25951
  src: img$m,
25952
- className: undefined,
25953
- alt: undefined,
25954
- width: undefined,
25952
+ alt: "logo",
25953
+ className: "",
25954
+ css: {},
25955
+ cssFallback: {},
25956
+ fallback: undefined,
25957
+ fallbackTitle: "",
25955
25958
  height: undefined,
25956
25959
  objectFit: undefined,
25957
- fallback: undefined
25960
+ rounded: undefined,
25961
+ width: undefined
25958
25962
  }, void 0)
25959
25963
  }), void 0)]
25960
25964
  }), void 0), pageDialogChildren && jsx(Box, Object.assign({}, pageDialogChildren.props, {
@@ -28915,7 +28919,9 @@ function imgPreview(image, crop, scale = 1, rotate = 0, ratio, type) {
28915
28919
 
28916
28920
  const _excluded = ["customPreviewIcon"];
28917
28921
  var _jsxFileName$9 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/upload/Upload.js";
28918
- const Input$2 = styled('input', {});
28922
+ const Input$2 = styled('input', {
28923
+ display: 'none !important'
28924
+ });
28919
28925
  const Children = styled('div', {
28920
28926
  display: 'flex',
28921
28927
  justifyContent: 'center',
@@ -29005,14 +29011,14 @@ const IconStateFull = _ref => {
29005
29011
  __self: undefined,
29006
29012
  __source: {
29007
29013
  fileName: _jsxFileName$9,
29008
- lineNumber: 117,
29014
+ lineNumber: 119,
29009
29015
  columnNumber: 5
29010
29016
  }
29011
29017
  })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, {
29012
29018
  __self: undefined,
29013
29019
  __source: {
29014
29020
  fileName: _jsxFileName$9,
29015
- lineNumber: 124,
29021
+ lineNumber: 126,
29016
29022
  columnNumber: 5
29017
29023
  }
29018
29024
  }, customPreviewIcon ? (/*#__PURE__*/React__default.cloneElement(customPreviewIcon, Object.assign({}, customPreviewIcon.props, props, {
@@ -29034,7 +29040,7 @@ const IconStateFull = _ref => {
29034
29040
  __self: undefined,
29035
29041
  __source: {
29036
29042
  fileName: _jsxFileName$9,
29037
- lineNumber: 143,
29043
+ lineNumber: 145,
29038
29044
  columnNumber: 9
29039
29045
  }
29040
29046
  })));
@@ -29098,7 +29104,6 @@ const Upload = ({
29098
29104
  const [aspect, setAspect] = useState(isDefaultCustomRatio ? 0 : 1);
29099
29105
  const [isLoading, setIsLoading] = useState(false);
29100
29106
  const [cropperImgRatio, setCropperImgRatio] = useState(null);
29101
- const [fileValue, setFileValue] = useState('');
29102
29107
  const isMobile = useMediaQuery('(max-width: 767px)');
29103
29108
  useEffect(() => {
29104
29109
  if (loading) {
@@ -29242,12 +29247,6 @@ const Upload = ({
29242
29247
  let newFile = files[i];
29243
29248
  newFile.uid = new Date().getTime();
29244
29249
  newFile.url = URL.createObjectURL(newFile);
29245
- console.warn({
29246
- files,
29247
- action,
29248
- newFile,
29249
- maxSizeMB
29250
- });
29251
29250
  if (action && (newFile.size / 1024 / 1024).toFixed(1) <= maxSizeMB) {
29252
29251
  upload({
29253
29252
  url: action,
@@ -29350,9 +29349,6 @@ const Upload = ({
29350
29349
  }
29351
29350
  }
29352
29351
  function handleChange(e) {
29353
- console.warn({
29354
- e
29355
- });
29356
29352
  if (e.target.files && e.target.files[0]) {
29357
29353
  const files = e.target.files;
29358
29354
  if (isFile || !showCropper) {
@@ -29412,6 +29408,9 @@ const Upload = ({
29412
29408
  if (e.target && e.target.value) {
29413
29409
  e.target.value = '';
29414
29410
  }
29411
+ if (hiddenFileInput.current) {
29412
+ hiddenFileInput.current.value = '';
29413
+ }
29415
29414
  }, 0);
29416
29415
  }
29417
29416
  function handleCrop() {
@@ -29555,7 +29554,7 @@ const Upload = ({
29555
29554
  __self: this,
29556
29555
  __source: {
29557
29556
  fileName: _jsxFileName$9,
29558
- lineNumber: 689,
29557
+ lineNumber: 690,
29559
29558
  columnNumber: 7
29560
29559
  }
29561
29560
  }, /*#__PURE__*/React__default.createElement(ButtonText, {
@@ -29565,7 +29564,7 @@ const Upload = ({
29565
29564
  __self: this,
29566
29565
  __source: {
29567
29566
  fileName: _jsxFileName$9,
29568
- lineNumber: 690,
29567
+ lineNumber: 691,
29569
29568
  columnNumber: 9
29570
29569
  }
29571
29570
  }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : t('replaceLabel', 'Ubah Berkas')));
@@ -29580,7 +29579,7 @@ const Upload = ({
29580
29579
  __self: undefined,
29581
29580
  __source: {
29582
29581
  fileName: _jsxFileName$9,
29583
- lineNumber: 700,
29582
+ lineNumber: 701,
29584
29583
  columnNumber: 16
29585
29584
  }
29586
29585
  });
@@ -29591,7 +29590,7 @@ const Upload = ({
29591
29590
  __self: undefined,
29592
29591
  __source: {
29593
29592
  fileName: _jsxFileName$9,
29594
- lineNumber: 703,
29593
+ lineNumber: 704,
29595
29594
  columnNumber: 9
29596
29595
  }
29597
29596
  }, /*#__PURE__*/React__default.createElement(Box, {
@@ -29601,7 +29600,7 @@ const Upload = ({
29601
29600
  __self: undefined,
29602
29601
  __source: {
29603
29602
  fileName: _jsxFileName$9,
29604
- lineNumber: 704,
29603
+ lineNumber: 705,
29605
29604
  columnNumber: 11
29606
29605
  }
29607
29606
  }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29610,7 +29609,7 @@ const Upload = ({
29610
29609
  __self: undefined,
29611
29610
  __source: {
29612
29611
  fileName: _jsxFileName$9,
29613
- lineNumber: 705,
29612
+ lineNumber: 706,
29614
29613
  columnNumber: 27
29615
29614
  }
29616
29615
  }), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -29623,7 +29622,7 @@ const Upload = ({
29623
29622
  __self: undefined,
29624
29623
  __source: {
29625
29624
  fileName: _jsxFileName$9,
29626
- lineNumber: 707,
29625
+ lineNumber: 708,
29627
29626
  columnNumber: 15
29628
29627
  }
29629
29628
  }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29639,7 +29638,7 @@ const Upload = ({
29639
29638
  __self: undefined,
29640
29639
  __source: {
29641
29640
  fileName: _jsxFileName$9,
29642
- lineNumber: 715,
29641
+ lineNumber: 716,
29643
29642
  columnNumber: 17
29644
29643
  }
29645
29644
  })), /*#__PURE__*/React__default.createElement(Image, {
@@ -29649,7 +29648,7 @@ const Upload = ({
29649
29648
  __self: undefined,
29650
29649
  __source: {
29651
29650
  fileName: _jsxFileName$9,
29652
- lineNumber: 728,
29651
+ lineNumber: 729,
29653
29652
  columnNumber: 13
29654
29653
  }
29655
29654
  })), !disabled && renderButtonReplace(index));
@@ -29666,7 +29665,7 @@ const Upload = ({
29666
29665
  __self: undefined,
29667
29666
  __source: {
29668
29667
  fileName: _jsxFileName$9,
29669
- lineNumber: 739,
29668
+ lineNumber: 740,
29670
29669
  columnNumber: 16
29671
29670
  }
29672
29671
  });
@@ -29676,7 +29675,7 @@ const Upload = ({
29676
29675
  __self: undefined,
29677
29676
  __source: {
29678
29677
  fileName: _jsxFileName$9,
29679
- lineNumber: 742,
29678
+ lineNumber: 743,
29680
29679
  columnNumber: 9
29681
29680
  }
29682
29681
  }, /*#__PURE__*/React__default.createElement(Box, {
@@ -29686,7 +29685,7 @@ const Upload = ({
29686
29685
  __self: undefined,
29687
29686
  __source: {
29688
29687
  fileName: _jsxFileName$9,
29689
- lineNumber: 743,
29688
+ lineNumber: 744,
29690
29689
  columnNumber: 11
29691
29690
  }
29692
29691
  }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29695,7 +29694,7 @@ const Upload = ({
29695
29694
  __self: undefined,
29696
29695
  __source: {
29697
29696
  fileName: _jsxFileName$9,
29698
- lineNumber: 744,
29697
+ lineNumber: 745,
29699
29698
  columnNumber: 27
29700
29699
  }
29701
29700
  }), /*#__PURE__*/React__default.createElement(Box, {
@@ -29708,7 +29707,7 @@ const Upload = ({
29708
29707
  __self: undefined,
29709
29708
  __source: {
29710
29709
  fileName: _jsxFileName$9,
29711
- lineNumber: 745,
29710
+ lineNumber: 746,
29712
29711
  columnNumber: 13
29713
29712
  }
29714
29713
  }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29718,14 +29717,14 @@ const Upload = ({
29718
29717
  __self: undefined,
29719
29718
  __source: {
29720
29719
  fileName: _jsxFileName$9,
29721
- lineNumber: 753,
29720
+ lineNumber: 754,
29722
29721
  columnNumber: 15
29723
29722
  }
29724
29723
  }, /*#__PURE__*/React__default.createElement(FileExtension, {
29725
29724
  __self: undefined,
29726
29725
  __source: {
29727
29726
  fileName: _jsxFileName$9,
29728
- lineNumber: 754,
29727
+ lineNumber: 755,
29729
29728
  columnNumber: 17
29730
29729
  }
29731
29730
  }, ".", item == null || (_item$name = item.name) == null ? void 0 : _item$name.split('.').pop()), /*#__PURE__*/React__default.createElement(Tooltip$1, {
@@ -29733,7 +29732,7 @@ const Upload = ({
29733
29732
  __self: undefined,
29734
29733
  __source: {
29735
29734
  fileName: _jsxFileName$9,
29736
- lineNumber: 755,
29735
+ lineNumber: 756,
29737
29736
  columnNumber: 17
29738
29737
  }
29739
29738
  }, /*#__PURE__*/React__default.createElement(Text, {
@@ -29748,7 +29747,7 @@ const Upload = ({
29748
29747
  __self: undefined,
29749
29748
  __source: {
29750
29749
  fileName: _jsxFileName$9,
29751
- lineNumber: 756,
29750
+ lineNumber: 757,
29752
29751
  columnNumber: 19
29753
29752
  }
29754
29753
  }, item.name)))), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -29761,7 +29760,7 @@ const Upload = ({
29761
29760
  __self: undefined,
29762
29761
  __source: {
29763
29762
  fileName: _jsxFileName$9,
29764
- lineNumber: 772,
29763
+ lineNumber: 773,
29765
29764
  columnNumber: 15
29766
29765
  }
29767
29766
  }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29777,7 +29776,7 @@ const Upload = ({
29777
29776
  __self: undefined,
29778
29777
  __source: {
29779
29778
  fileName: _jsxFileName$9,
29780
- lineNumber: 780,
29779
+ lineNumber: 781,
29781
29780
  columnNumber: 17
29782
29781
  }
29783
29782
  })), /*#__PURE__*/React__default.createElement(Blank, {
@@ -29785,7 +29784,7 @@ const Upload = ({
29785
29784
  __self: undefined,
29786
29785
  __source: {
29787
29786
  fileName: _jsxFileName$9,
29788
- lineNumber: 793,
29787
+ lineNumber: 794,
29789
29788
  columnNumber: 13
29790
29789
  }
29791
29790
  })), !disabled && renderButtonReplace(index));
@@ -29800,7 +29799,7 @@ const Upload = ({
29800
29799
  __self: this,
29801
29800
  __source: {
29802
29801
  fileName: _jsxFileName$9,
29803
- lineNumber: 804,
29802
+ lineNumber: 805,
29804
29803
  columnNumber: 7
29805
29804
  }
29806
29805
  }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29814,7 +29813,7 @@ const Upload = ({
29814
29813
  __self: this,
29815
29814
  __source: {
29816
29815
  fileName: _jsxFileName$9,
29817
- lineNumber: 805,
29816
+ lineNumber: 806,
29818
29817
  columnNumber: 9
29819
29818
  }
29820
29819
  }, /*#__PURE__*/React__default.createElement(LoadingBar, {
@@ -29840,7 +29839,7 @@ const Upload = ({
29840
29839
  __self: this,
29841
29840
  __source: {
29842
29841
  fileName: _jsxFileName$9,
29843
- lineNumber: 806,
29842
+ lineNumber: 807,
29844
29843
  columnNumber: 11
29845
29844
  }
29846
29845
  }), /*#__PURE__*/React__default.createElement(Text, {
@@ -29848,14 +29847,14 @@ const Upload = ({
29848
29847
  __self: this,
29849
29848
  __source: {
29850
29849
  fileName: _jsxFileName$9,
29851
- lineNumber: 819,
29850
+ lineNumber: 820,
29852
29851
  columnNumber: 11
29853
29852
  }
29854
29853
  }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React__default.createElement(Text, {
29855
29854
  __self: this,
29856
29855
  __source: {
29857
29856
  fileName: _jsxFileName$9,
29858
- lineNumber: 820,
29857
+ lineNumber: 821,
29859
29858
  columnNumber: 11
29860
29859
  }
29861
29860
  }, t('uploadingLabel', 'Berkas sedang diunggah'))));
@@ -29867,7 +29866,7 @@ const Upload = ({
29867
29866
  __self: this,
29868
29867
  __source: {
29869
29868
  fileName: _jsxFileName$9,
29870
- lineNumber: 828,
29869
+ lineNumber: 829,
29871
29870
  columnNumber: 7
29872
29871
  }
29873
29872
  }, /*#__PURE__*/React__default.createElement(ContainerUpload, {
@@ -29883,10 +29882,11 @@ const Upload = ({
29883
29882
  __self: this,
29884
29883
  __source: {
29885
29884
  fileName: _jsxFileName$9,
29886
- lineNumber: 829,
29885
+ lineNumber: 830,
29887
29886
  columnNumber: 9
29888
29887
  }
29889
29888
  }, /*#__PURE__*/React__default.createElement(Input$2, {
29889
+ id: "file-picker",
29890
29890
  type: "file",
29891
29891
  accept: accept,
29892
29892
  ref: hiddenFileInput,
@@ -29894,28 +29894,31 @@ const Upload = ({
29894
29894
  onClick: e => {
29895
29895
  // Force reset on click to handle edge cases
29896
29896
  e.target.value = '';
29897
- setFileValue('');
29898
29897
  },
29899
- value: fileValue,
29900
29898
  onChange: handleChange,
29899
+ onInput: e => {
29900
+ console.warn({
29901
+ onInput: e
29902
+ });
29903
+ },
29901
29904
  __self: this,
29902
29905
  __source: {
29903
29906
  fileName: _jsxFileName$9,
29904
- lineNumber: 840,
29907
+ lineNumber: 841,
29905
29908
  columnNumber: 11
29906
29909
  }
29907
29910
  }), /*#__PURE__*/React__default.createElement(Children, {
29908
29911
  __self: this,
29909
29912
  __source: {
29910
29913
  fileName: _jsxFileName$9,
29911
- lineNumber: 853,
29914
+ lineNumber: 856,
29912
29915
  columnNumber: 11
29913
29916
  }
29914
29917
  }, children != null ? children : /*#__PURE__*/React__default.createElement(React__default.Fragment, {
29915
29918
  __self: this,
29916
29919
  __source: {
29917
29920
  fileName: _jsxFileName$9,
29918
- lineNumber: 855,
29921
+ lineNumber: 858,
29919
29922
  columnNumber: 15
29920
29923
  }
29921
29924
  }, /*#__PURE__*/React__default.createElement(IconCard, {
@@ -29924,7 +29927,7 @@ const Upload = ({
29924
29927
  __self: this,
29925
29928
  __source: {
29926
29929
  fileName: _jsxFileName$9,
29927
- lineNumber: 856,
29930
+ lineNumber: 859,
29928
29931
  columnNumber: 17
29929
29932
  }
29930
29933
  }, /*#__PURE__*/React__default.createElement(UploadOutline, {
@@ -29932,7 +29935,7 @@ const Upload = ({
29932
29935
  __self: this,
29933
29936
  __source: {
29934
29937
  fileName: _jsxFileName$9,
29935
- lineNumber: 857,
29938
+ lineNumber: 860,
29936
29939
  columnNumber: 19
29937
29940
  }
29938
29941
  })), /*#__PURE__*/React__default.createElement(Text, {
@@ -29942,7 +29945,7 @@ const Upload = ({
29942
29945
  __self: this,
29943
29946
  __source: {
29944
29947
  fileName: _jsxFileName$9,
29945
- lineNumber: 859,
29948
+ lineNumber: 862,
29946
29949
  columnNumber: 17
29947
29950
  }
29948
29951
  }, placeholder != null ? placeholder : t('uploadPlaceholder', 'Pilih atau letakkan berkas di sini'))))), error && /*#__PURE__*/React__default.createElement(ErrorMessage, {
@@ -29952,7 +29955,7 @@ const Upload = ({
29952
29955
  __self: this,
29953
29956
  __source: {
29954
29957
  fileName: _jsxFileName$9,
29955
- lineNumber: 866,
29958
+ lineNumber: 869,
29956
29959
  columnNumber: 19
29957
29960
  }
29958
29961
  }, error));
@@ -29964,7 +29967,7 @@ const Upload = ({
29964
29967
  __self: this,
29965
29968
  __source: {
29966
29969
  fileName: _jsxFileName$9,
29967
- lineNumber: 873,
29970
+ lineNumber: 876,
29968
29971
  columnNumber: 7
29969
29972
  }
29970
29973
  }, /*#__PURE__*/React__default.createElement(ModalDialogTrigger, {
@@ -29972,7 +29975,7 @@ const Upload = ({
29972
29975
  __self: this,
29973
29976
  __source: {
29974
29977
  fileName: _jsxFileName$9,
29975
- lineNumber: 874,
29978
+ lineNumber: 877,
29976
29979
  columnNumber: 9
29977
29980
  }
29978
29981
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -29980,7 +29983,7 @@ const Upload = ({
29980
29983
  __self: this,
29981
29984
  __source: {
29982
29985
  fileName: _jsxFileName$9,
29983
- lineNumber: 875,
29986
+ lineNumber: 878,
29984
29987
  columnNumber: 11
29985
29988
  }
29986
29989
  })), /*#__PURE__*/React__default.createElement(ModalDialogTitle, {
@@ -29993,7 +29996,7 @@ const Upload = ({
29993
29996
  __self: this,
29994
29997
  __source: {
29995
29998
  fileName: _jsxFileName$9,
29996
- lineNumber: 877,
29999
+ lineNumber: 880,
29997
30000
  columnNumber: 9
29998
30001
  }
29999
30002
  }, cropperTitle || t('cropperTitle', 'Potong Gambar')), /*#__PURE__*/React__default.createElement(ModalDialogContent, {
@@ -30006,7 +30009,7 @@ const Upload = ({
30006
30009
  __self: this,
30007
30010
  __source: {
30008
30011
  fileName: _jsxFileName$9,
30009
- lineNumber: 880,
30012
+ lineNumber: 883,
30010
30013
  columnNumber: 9
30011
30014
  }
30012
30015
  }, /*#__PURE__*/React__default.createElement(ReactCrop, {
@@ -30017,7 +30020,7 @@ const Upload = ({
30017
30020
  __self: this,
30018
30021
  __source: {
30019
30022
  fileName: _jsxFileName$9,
30020
- lineNumber: 888,
30023
+ lineNumber: 891,
30021
30024
  columnNumber: 11
30022
30025
  }
30023
30026
  }, /*#__PURE__*/React__default.createElement(Image, {
@@ -30031,14 +30034,14 @@ const Upload = ({
30031
30034
  __self: this,
30032
30035
  __source: {
30033
30036
  fileName: _jsxFileName$9,
30034
- lineNumber: 889,
30037
+ lineNumber: 892,
30035
30038
  columnNumber: 13
30036
30039
  }
30037
30040
  }))), /*#__PURE__*/React__default.createElement(ModalDialogFooter, {
30038
30041
  __self: this,
30039
30042
  __source: {
30040
30043
  fileName: _jsxFileName$9,
30041
- lineNumber: 900,
30044
+ lineNumber: 903,
30042
30045
  columnNumber: 9
30043
30046
  }
30044
30047
  }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -30050,14 +30053,14 @@ const Upload = ({
30050
30053
  __self: this,
30051
30054
  __source: {
30052
30055
  fileName: _jsxFileName$9,
30053
- lineNumber: 901,
30056
+ lineNumber: 904,
30054
30057
  columnNumber: 11
30055
30058
  }
30056
30059
  }, hiddenToggleAspect ? /*#__PURE__*/React__default.createElement(Box, {
30057
30060
  __self: this,
30058
30061
  __source: {
30059
30062
  fileName: _jsxFileName$9,
30060
- lineNumber: 903,
30063
+ lineNumber: 906,
30061
30064
  columnNumber: 15
30062
30065
  }
30063
30066
  }) : /*#__PURE__*/React__default.createElement(Tooltip$1, {
@@ -30065,7 +30068,7 @@ const Upload = ({
30065
30068
  __self: this,
30066
30069
  __source: {
30067
30070
  fileName: _jsxFileName$9,
30068
- lineNumber: 905,
30071
+ lineNumber: 908,
30069
30072
  columnNumber: 15
30070
30073
  }
30071
30074
  }, /*#__PURE__*/React__default.createElement(ImageOutline, {
@@ -30077,7 +30080,7 @@ const Upload = ({
30077
30080
  __self: this,
30078
30081
  __source: {
30079
30082
  fileName: _jsxFileName$9,
30080
- lineNumber: 906,
30083
+ lineNumber: 909,
30081
30084
  columnNumber: 17
30082
30085
  }
30083
30086
  })), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -30085,7 +30088,7 @@ const Upload = ({
30085
30088
  __self: this,
30086
30089
  __source: {
30087
30090
  fileName: _jsxFileName$9,
30088
- lineNumber: 913,
30091
+ lineNumber: 916,
30089
30092
  columnNumber: 13
30090
30093
  }
30091
30094
  }, /*#__PURE__*/React__default.createElement(Button$4, {
@@ -30094,7 +30097,7 @@ const Upload = ({
30094
30097
  __self: this,
30095
30098
  __source: {
30096
30099
  fileName: _jsxFileName$9,
30097
- lineNumber: 914,
30100
+ lineNumber: 917,
30098
30101
  columnNumber: 15
30099
30102
  }
30100
30103
  }, t('label.cancel', 'Batal', {
@@ -30104,7 +30107,7 @@ const Upload = ({
30104
30107
  __self: this,
30105
30108
  __source: {
30106
30109
  fileName: _jsxFileName$9,
30107
- lineNumber: 917,
30110
+ lineNumber: 920,
30108
30111
  columnNumber: 15
30109
30112
  }
30110
30113
  }, t('save', 'Simpan', {
@@ -30121,7 +30124,7 @@ const Upload = ({
30121
30124
  __self: undefined,
30122
30125
  __source: {
30123
30126
  fileName: _jsxFileName$9,
30124
- lineNumber: 926,
30127
+ lineNumber: 929,
30125
30128
  columnNumber: 5
30126
30129
  }
30127
30130
  }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default.createElement(UploadProgress, {
@@ -30130,7 +30133,7 @@ const Upload = ({
30130
30133
  __self: undefined,
30131
30134
  __source: {
30132
30135
  fileName: _jsxFileName$9,
30133
- lineNumber: 929,
30136
+ lineNumber: 932,
30134
30137
  columnNumber: 32
30135
30138
  }
30136
30139
  }) : renderUpload(), showCropper && renderCropper());
package/index.umd.js CHANGED
@@ -398,10 +398,10 @@
398
398
  var store$3 = sharedStore.exports = globalThis$p[SHARED] || defineGlobalProperty$2(SHARED, {});
399
399
 
400
400
  (store$3.versions || (store$3.versions = [])).push({
401
- version: '3.43.0',
401
+ version: '3.44.0',
402
402
  mode: 'global',
403
403
  copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru)',
404
- license: 'https://github.com/zloirock/core-js/blob/v3.43.0/LICENSE',
404
+ license: 'https://github.com/zloirock/core-js/blob/v3.44.0/LICENSE',
405
405
  source: 'https://github.com/zloirock/core-js'
406
406
  });
407
407
 
@@ -26438,12 +26438,16 @@
26438
26438
  }, {
26439
26439
  children: jsxRuntime.jsx(Image, {
26440
26440
  src: img$m,
26441
- className: undefined,
26442
- alt: undefined,
26443
- width: undefined,
26441
+ alt: "logo",
26442
+ className: "",
26443
+ css: {},
26444
+ cssFallback: {},
26445
+ fallback: undefined,
26446
+ fallbackTitle: "",
26444
26447
  height: undefined,
26445
26448
  objectFit: undefined,
26446
- fallback: undefined
26449
+ rounded: undefined,
26450
+ width: undefined
26447
26451
  }, void 0)
26448
26452
  }), void 0)]
26449
26453
  }), void 0), pageDialogChildren && jsxRuntime.jsx(Box, __assign({}, pageDialogChildren.props, {
@@ -29428,7 +29432,9 @@
29428
29432
 
29429
29433
  const _excluded = ["customPreviewIcon"];
29430
29434
  var _jsxFileName$9 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/upload/Upload.js";
29431
- const Input$2 = styled('input', {});
29435
+ const Input$2 = styled('input', {
29436
+ display: 'none !important'
29437
+ });
29432
29438
  const Children = styled('div', {
29433
29439
  display: 'flex',
29434
29440
  justifyContent: 'center',
@@ -29518,14 +29524,14 @@
29518
29524
  __self: undefined,
29519
29525
  __source: {
29520
29526
  fileName: _jsxFileName$9,
29521
- lineNumber: 117,
29527
+ lineNumber: 119,
29522
29528
  columnNumber: 5
29523
29529
  }
29524
29530
  })) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
29525
29531
  __self: undefined,
29526
29532
  __source: {
29527
29533
  fileName: _jsxFileName$9,
29528
- lineNumber: 124,
29534
+ lineNumber: 126,
29529
29535
  columnNumber: 5
29530
29536
  }
29531
29537
  }, customPreviewIcon ? (/*#__PURE__*/React__default["default"].cloneElement(customPreviewIcon, Object.assign({}, customPreviewIcon.props, props, {
@@ -29547,7 +29553,7 @@
29547
29553
  __self: undefined,
29548
29554
  __source: {
29549
29555
  fileName: _jsxFileName$9,
29550
- lineNumber: 143,
29556
+ lineNumber: 145,
29551
29557
  columnNumber: 9
29552
29558
  }
29553
29559
  })));
@@ -29611,7 +29617,6 @@
29611
29617
  const [aspect, setAspect] = React.useState(isDefaultCustomRatio ? 0 : 1);
29612
29618
  const [isLoading, setIsLoading] = React.useState(false);
29613
29619
  const [cropperImgRatio, setCropperImgRatio] = React.useState(null);
29614
- const [fileValue, setFileValue] = React.useState('');
29615
29620
  const isMobile = useMediaQuery('(max-width: 767px)');
29616
29621
  React.useEffect(() => {
29617
29622
  if (loading) {
@@ -29755,12 +29760,6 @@
29755
29760
  let newFile = files[i];
29756
29761
  newFile.uid = new Date().getTime();
29757
29762
  newFile.url = URL.createObjectURL(newFile);
29758
- console.warn({
29759
- files,
29760
- action,
29761
- newFile,
29762
- maxSizeMB
29763
- });
29764
29763
  if (action && (newFile.size / 1024 / 1024).toFixed(1) <= maxSizeMB) {
29765
29764
  upload({
29766
29765
  url: action,
@@ -29863,9 +29862,6 @@
29863
29862
  }
29864
29863
  }
29865
29864
  function handleChange(e) {
29866
- console.warn({
29867
- e
29868
- });
29869
29865
  if (e.target.files && e.target.files[0]) {
29870
29866
  const files = e.target.files;
29871
29867
  if (isFile || !showCropper) {
@@ -29925,6 +29921,9 @@
29925
29921
  if (e.target && e.target.value) {
29926
29922
  e.target.value = '';
29927
29923
  }
29924
+ if (hiddenFileInput.current) {
29925
+ hiddenFileInput.current.value = '';
29926
+ }
29928
29927
  }, 0);
29929
29928
  }
29930
29929
  function handleCrop() {
@@ -30068,7 +30067,7 @@
30068
30067
  __self: this,
30069
30068
  __source: {
30070
30069
  fileName: _jsxFileName$9,
30071
- lineNumber: 689,
30070
+ lineNumber: 690,
30072
30071
  columnNumber: 7
30073
30072
  }
30074
30073
  }, /*#__PURE__*/React__default["default"].createElement(ButtonText, {
@@ -30078,7 +30077,7 @@
30078
30077
  __self: this,
30079
30078
  __source: {
30080
30079
  fileName: _jsxFileName$9,
30081
- lineNumber: 690,
30080
+ lineNumber: 691,
30082
30081
  columnNumber: 9
30083
30082
  }
30084
30083
  }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : t('replaceLabel', 'Ubah Berkas')));
@@ -30093,7 +30092,7 @@
30093
30092
  __self: undefined,
30094
30093
  __source: {
30095
30094
  fileName: _jsxFileName$9,
30096
- lineNumber: 700,
30095
+ lineNumber: 701,
30097
30096
  columnNumber: 16
30098
30097
  }
30099
30098
  });
@@ -30104,7 +30103,7 @@
30104
30103
  __self: undefined,
30105
30104
  __source: {
30106
30105
  fileName: _jsxFileName$9,
30107
- lineNumber: 703,
30106
+ lineNumber: 704,
30108
30107
  columnNumber: 9
30109
30108
  }
30110
30109
  }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30114,7 +30113,7 @@
30114
30113
  __self: undefined,
30115
30114
  __source: {
30116
30115
  fileName: _jsxFileName$9,
30117
- lineNumber: 704,
30116
+ lineNumber: 705,
30118
30117
  columnNumber: 11
30119
30118
  }
30120
30119
  }, !disabled && /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30123,7 +30122,7 @@
30123
30122
  __self: undefined,
30124
30123
  __source: {
30125
30124
  fileName: _jsxFileName$9,
30126
- lineNumber: 705,
30125
+ lineNumber: 706,
30127
30126
  columnNumber: 27
30128
30127
  }
30129
30128
  }), !hiddenPreview && /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30136,7 +30135,7 @@
30136
30135
  __self: undefined,
30137
30136
  __source: {
30138
30137
  fileName: _jsxFileName$9,
30139
- lineNumber: 707,
30138
+ lineNumber: 708,
30140
30139
  columnNumber: 15
30141
30140
  }
30142
30141
  }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30152,7 +30151,7 @@
30152
30151
  __self: undefined,
30153
30152
  __source: {
30154
30153
  fileName: _jsxFileName$9,
30155
- lineNumber: 715,
30154
+ lineNumber: 716,
30156
30155
  columnNumber: 17
30157
30156
  }
30158
30157
  })), /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -30162,7 +30161,7 @@
30162
30161
  __self: undefined,
30163
30162
  __source: {
30164
30163
  fileName: _jsxFileName$9,
30165
- lineNumber: 728,
30164
+ lineNumber: 729,
30166
30165
  columnNumber: 13
30167
30166
  }
30168
30167
  })), !disabled && renderButtonReplace(index));
@@ -30179,7 +30178,7 @@
30179
30178
  __self: undefined,
30180
30179
  __source: {
30181
30180
  fileName: _jsxFileName$9,
30182
- lineNumber: 739,
30181
+ lineNumber: 740,
30183
30182
  columnNumber: 16
30184
30183
  }
30185
30184
  });
@@ -30189,7 +30188,7 @@
30189
30188
  __self: undefined,
30190
30189
  __source: {
30191
30190
  fileName: _jsxFileName$9,
30192
- lineNumber: 742,
30191
+ lineNumber: 743,
30193
30192
  columnNumber: 9
30194
30193
  }
30195
30194
  }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30199,7 +30198,7 @@
30199
30198
  __self: undefined,
30200
30199
  __source: {
30201
30200
  fileName: _jsxFileName$9,
30202
- lineNumber: 743,
30201
+ lineNumber: 744,
30203
30202
  columnNumber: 11
30204
30203
  }
30205
30204
  }, !disabled && /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30208,7 +30207,7 @@
30208
30207
  __self: undefined,
30209
30208
  __source: {
30210
30209
  fileName: _jsxFileName$9,
30211
- lineNumber: 744,
30210
+ lineNumber: 745,
30212
30211
  columnNumber: 27
30213
30212
  }
30214
30213
  }), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30221,7 +30220,7 @@
30221
30220
  __self: undefined,
30222
30221
  __source: {
30223
30222
  fileName: _jsxFileName$9,
30224
- lineNumber: 745,
30223
+ lineNumber: 746,
30225
30224
  columnNumber: 13
30226
30225
  }
30227
30226
  }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30231,14 +30230,14 @@
30231
30230
  __self: undefined,
30232
30231
  __source: {
30233
30232
  fileName: _jsxFileName$9,
30234
- lineNumber: 753,
30233
+ lineNumber: 754,
30235
30234
  columnNumber: 15
30236
30235
  }
30237
30236
  }, /*#__PURE__*/React__default["default"].createElement(FileExtension, {
30238
30237
  __self: undefined,
30239
30238
  __source: {
30240
30239
  fileName: _jsxFileName$9,
30241
- lineNumber: 754,
30240
+ lineNumber: 755,
30242
30241
  columnNumber: 17
30243
30242
  }
30244
30243
  }, ".", item == null || (_item$name = item.name) == null ? void 0 : _item$name.split('.').pop()), /*#__PURE__*/React__default["default"].createElement(Tooltip$1, {
@@ -30246,7 +30245,7 @@
30246
30245
  __self: undefined,
30247
30246
  __source: {
30248
30247
  fileName: _jsxFileName$9,
30249
- lineNumber: 755,
30248
+ lineNumber: 756,
30250
30249
  columnNumber: 17
30251
30250
  }
30252
30251
  }, /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -30261,7 +30260,7 @@
30261
30260
  __self: undefined,
30262
30261
  __source: {
30263
30262
  fileName: _jsxFileName$9,
30264
- lineNumber: 756,
30263
+ lineNumber: 757,
30265
30264
  columnNumber: 19
30266
30265
  }
30267
30266
  }, item.name)))), !hiddenPreview && /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -30274,7 +30273,7 @@
30274
30273
  __self: undefined,
30275
30274
  __source: {
30276
30275
  fileName: _jsxFileName$9,
30277
- lineNumber: 772,
30276
+ lineNumber: 773,
30278
30277
  columnNumber: 15
30279
30278
  }
30280
30279
  }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -30290,7 +30289,7 @@
30290
30289
  __self: undefined,
30291
30290
  __source: {
30292
30291
  fileName: _jsxFileName$9,
30293
- lineNumber: 780,
30292
+ lineNumber: 781,
30294
30293
  columnNumber: 17
30295
30294
  }
30296
30295
  })), /*#__PURE__*/React__default["default"].createElement(Blank, {
@@ -30298,7 +30297,7 @@
30298
30297
  __self: undefined,
30299
30298
  __source: {
30300
30299
  fileName: _jsxFileName$9,
30301
- lineNumber: 793,
30300
+ lineNumber: 794,
30302
30301
  columnNumber: 13
30303
30302
  }
30304
30303
  })), !disabled && renderButtonReplace(index));
@@ -30313,7 +30312,7 @@
30313
30312
  __self: this,
30314
30313
  __source: {
30315
30314
  fileName: _jsxFileName$9,
30316
- lineNumber: 804,
30315
+ lineNumber: 805,
30317
30316
  columnNumber: 7
30318
30317
  }
30319
30318
  }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30327,7 +30326,7 @@
30327
30326
  __self: this,
30328
30327
  __source: {
30329
30328
  fileName: _jsxFileName$9,
30330
- lineNumber: 805,
30329
+ lineNumber: 806,
30331
30330
  columnNumber: 9
30332
30331
  }
30333
30332
  }, /*#__PURE__*/React__default["default"].createElement(LoadingBar, {
@@ -30353,7 +30352,7 @@
30353
30352
  __self: this,
30354
30353
  __source: {
30355
30354
  fileName: _jsxFileName$9,
30356
- lineNumber: 806,
30355
+ lineNumber: 807,
30357
30356
  columnNumber: 11
30358
30357
  }
30359
30358
  }), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -30361,14 +30360,14 @@
30361
30360
  __self: this,
30362
30361
  __source: {
30363
30362
  fileName: _jsxFileName$9,
30364
- lineNumber: 819,
30363
+ lineNumber: 820,
30365
30364
  columnNumber: 11
30366
30365
  }
30367
30366
  }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React__default["default"].createElement(Text, {
30368
30367
  __self: this,
30369
30368
  __source: {
30370
30369
  fileName: _jsxFileName$9,
30371
- lineNumber: 820,
30370
+ lineNumber: 821,
30372
30371
  columnNumber: 11
30373
30372
  }
30374
30373
  }, t('uploadingLabel', 'Berkas sedang diunggah'))));
@@ -30380,7 +30379,7 @@
30380
30379
  __self: this,
30381
30380
  __source: {
30382
30381
  fileName: _jsxFileName$9,
30383
- lineNumber: 828,
30382
+ lineNumber: 829,
30384
30383
  columnNumber: 7
30385
30384
  }
30386
30385
  }, /*#__PURE__*/React__default["default"].createElement(ContainerUpload, {
@@ -30396,10 +30395,11 @@
30396
30395
  __self: this,
30397
30396
  __source: {
30398
30397
  fileName: _jsxFileName$9,
30399
- lineNumber: 829,
30398
+ lineNumber: 830,
30400
30399
  columnNumber: 9
30401
30400
  }
30402
30401
  }, /*#__PURE__*/React__default["default"].createElement(Input$2, {
30402
+ id: "file-picker",
30403
30403
  type: "file",
30404
30404
  accept: accept,
30405
30405
  ref: hiddenFileInput,
@@ -30407,28 +30407,31 @@
30407
30407
  onClick: e => {
30408
30408
  // Force reset on click to handle edge cases
30409
30409
  e.target.value = '';
30410
- setFileValue('');
30411
30410
  },
30412
- value: fileValue,
30413
30411
  onChange: handleChange,
30412
+ onInput: e => {
30413
+ console.warn({
30414
+ onInput: e
30415
+ });
30416
+ },
30414
30417
  __self: this,
30415
30418
  __source: {
30416
30419
  fileName: _jsxFileName$9,
30417
- lineNumber: 840,
30420
+ lineNumber: 841,
30418
30421
  columnNumber: 11
30419
30422
  }
30420
30423
  }), /*#__PURE__*/React__default["default"].createElement(Children, {
30421
30424
  __self: this,
30422
30425
  __source: {
30423
30426
  fileName: _jsxFileName$9,
30424
- lineNumber: 853,
30427
+ lineNumber: 856,
30425
30428
  columnNumber: 11
30426
30429
  }
30427
30430
  }, children != null ? children : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
30428
30431
  __self: this,
30429
30432
  __source: {
30430
30433
  fileName: _jsxFileName$9,
30431
- lineNumber: 855,
30434
+ lineNumber: 858,
30432
30435
  columnNumber: 15
30433
30436
  }
30434
30437
  }, /*#__PURE__*/React__default["default"].createElement(IconCard, {
@@ -30437,7 +30440,7 @@
30437
30440
  __self: this,
30438
30441
  __source: {
30439
30442
  fileName: _jsxFileName$9,
30440
- lineNumber: 856,
30443
+ lineNumber: 859,
30441
30444
  columnNumber: 17
30442
30445
  }
30443
30446
  }, /*#__PURE__*/React__default["default"].createElement(icons.UploadOutline, {
@@ -30445,7 +30448,7 @@
30445
30448
  __self: this,
30446
30449
  __source: {
30447
30450
  fileName: _jsxFileName$9,
30448
- lineNumber: 857,
30451
+ lineNumber: 860,
30449
30452
  columnNumber: 19
30450
30453
  }
30451
30454
  })), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -30455,7 +30458,7 @@
30455
30458
  __self: this,
30456
30459
  __source: {
30457
30460
  fileName: _jsxFileName$9,
30458
- lineNumber: 859,
30461
+ lineNumber: 862,
30459
30462
  columnNumber: 17
30460
30463
  }
30461
30464
  }, placeholder != null ? placeholder : t('uploadPlaceholder', 'Pilih atau letakkan berkas di sini'))))), error && /*#__PURE__*/React__default["default"].createElement(ErrorMessage, {
@@ -30465,7 +30468,7 @@
30465
30468
  __self: this,
30466
30469
  __source: {
30467
30470
  fileName: _jsxFileName$9,
30468
- lineNumber: 866,
30471
+ lineNumber: 869,
30469
30472
  columnNumber: 19
30470
30473
  }
30471
30474
  }, error));
@@ -30477,7 +30480,7 @@
30477
30480
  __self: this,
30478
30481
  __source: {
30479
30482
  fileName: _jsxFileName$9,
30480
- lineNumber: 873,
30483
+ lineNumber: 876,
30481
30484
  columnNumber: 7
30482
30485
  }
30483
30486
  }, /*#__PURE__*/React__default["default"].createElement(ModalDialogTrigger, {
@@ -30485,7 +30488,7 @@
30485
30488
  __self: this,
30486
30489
  __source: {
30487
30490
  fileName: _jsxFileName$9,
30488
- lineNumber: 874,
30491
+ lineNumber: 877,
30489
30492
  columnNumber: 9
30490
30493
  }
30491
30494
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -30493,7 +30496,7 @@
30493
30496
  __self: this,
30494
30497
  __source: {
30495
30498
  fileName: _jsxFileName$9,
30496
- lineNumber: 875,
30499
+ lineNumber: 878,
30497
30500
  columnNumber: 11
30498
30501
  }
30499
30502
  })), /*#__PURE__*/React__default["default"].createElement(ModalDialogTitle, {
@@ -30506,7 +30509,7 @@
30506
30509
  __self: this,
30507
30510
  __source: {
30508
30511
  fileName: _jsxFileName$9,
30509
- lineNumber: 877,
30512
+ lineNumber: 880,
30510
30513
  columnNumber: 9
30511
30514
  }
30512
30515
  }, cropperTitle || t('cropperTitle', 'Potong Gambar')), /*#__PURE__*/React__default["default"].createElement(ModalDialogContent, {
@@ -30519,7 +30522,7 @@
30519
30522
  __self: this,
30520
30523
  __source: {
30521
30524
  fileName: _jsxFileName$9,
30522
- lineNumber: 880,
30525
+ lineNumber: 883,
30523
30526
  columnNumber: 9
30524
30527
  }
30525
30528
  }, /*#__PURE__*/React__default["default"].createElement(ReactCrop__default["default"], {
@@ -30530,7 +30533,7 @@
30530
30533
  __self: this,
30531
30534
  __source: {
30532
30535
  fileName: _jsxFileName$9,
30533
- lineNumber: 888,
30536
+ lineNumber: 891,
30534
30537
  columnNumber: 11
30535
30538
  }
30536
30539
  }, /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -30544,14 +30547,14 @@
30544
30547
  __self: this,
30545
30548
  __source: {
30546
30549
  fileName: _jsxFileName$9,
30547
- lineNumber: 889,
30550
+ lineNumber: 892,
30548
30551
  columnNumber: 13
30549
30552
  }
30550
30553
  }))), /*#__PURE__*/React__default["default"].createElement(ModalDialogFooter, {
30551
30554
  __self: this,
30552
30555
  __source: {
30553
30556
  fileName: _jsxFileName$9,
30554
- lineNumber: 900,
30557
+ lineNumber: 903,
30555
30558
  columnNumber: 9
30556
30559
  }
30557
30560
  }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30563,14 +30566,14 @@
30563
30566
  __self: this,
30564
30567
  __source: {
30565
30568
  fileName: _jsxFileName$9,
30566
- lineNumber: 901,
30569
+ lineNumber: 904,
30567
30570
  columnNumber: 11
30568
30571
  }
30569
30572
  }, hiddenToggleAspect ? /*#__PURE__*/React__default["default"].createElement(Box, {
30570
30573
  __self: this,
30571
30574
  __source: {
30572
30575
  fileName: _jsxFileName$9,
30573
- lineNumber: 903,
30576
+ lineNumber: 906,
30574
30577
  columnNumber: 15
30575
30578
  }
30576
30579
  }) : /*#__PURE__*/React__default["default"].createElement(Tooltip$1, {
@@ -30578,7 +30581,7 @@
30578
30581
  __self: this,
30579
30582
  __source: {
30580
30583
  fileName: _jsxFileName$9,
30581
- lineNumber: 905,
30584
+ lineNumber: 908,
30582
30585
  columnNumber: 15
30583
30586
  }
30584
30587
  }, /*#__PURE__*/React__default["default"].createElement(icons.ImageOutline, {
@@ -30590,7 +30593,7 @@
30590
30593
  __self: this,
30591
30594
  __source: {
30592
30595
  fileName: _jsxFileName$9,
30593
- lineNumber: 906,
30596
+ lineNumber: 909,
30594
30597
  columnNumber: 17
30595
30598
  }
30596
30599
  })), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30598,7 +30601,7 @@
30598
30601
  __self: this,
30599
30602
  __source: {
30600
30603
  fileName: _jsxFileName$9,
30601
- lineNumber: 913,
30604
+ lineNumber: 916,
30602
30605
  columnNumber: 13
30603
30606
  }
30604
30607
  }, /*#__PURE__*/React__default["default"].createElement(Button$4, {
@@ -30607,7 +30610,7 @@
30607
30610
  __self: this,
30608
30611
  __source: {
30609
30612
  fileName: _jsxFileName$9,
30610
- lineNumber: 914,
30613
+ lineNumber: 917,
30611
30614
  columnNumber: 15
30612
30615
  }
30613
30616
  }, t('label.cancel', 'Batal', {
@@ -30617,7 +30620,7 @@
30617
30620
  __self: this,
30618
30621
  __source: {
30619
30622
  fileName: _jsxFileName$9,
30620
- lineNumber: 917,
30623
+ lineNumber: 920,
30621
30624
  columnNumber: 15
30622
30625
  }
30623
30626
  }, t('save', 'Simpan', {
@@ -30634,7 +30637,7 @@
30634
30637
  __self: undefined,
30635
30638
  __source: {
30636
30639
  fileName: _jsxFileName$9,
30637
- lineNumber: 926,
30640
+ lineNumber: 929,
30638
30641
  columnNumber: 5
30639
30642
  }
30640
30643
  }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default["default"].createElement(UploadProgress, {
@@ -30643,7 +30646,7 @@
30643
30646
  __self: undefined,
30644
30647
  __source: {
30645
30648
  fileName: _jsxFileName$9,
30646
- lineNumber: 929,
30649
+ lineNumber: 932,
30647
30650
  columnNumber: 32
30648
30651
  }
30649
30652
  }) : renderUpload(), showCropper && renderCropper());
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@majoo-ui/react",
3
- "version": "1.61.12-rc.16",
3
+ "version": "1.61.12-rc.18",
4
4
  "peerDependencies": {
5
5
  "react": "17.0.2",
6
6
  "react-dom": "17.0.2",
@@ -14,25 +14,25 @@
14
14
  "@majoo-ui/helpers": "1.30.6",
15
15
  "@majoo-ui/icons": "1.38.38",
16
16
  "@monsonjeremy/react-leaflet": "^3.2.2",
17
- "@radix-ui/react-accordion": "1.0.0",
18
- "@radix-ui/react-alert-dialog": "1.0.3",
19
- "@radix-ui/react-aspect-ratio": "1.0.0",
20
- "@radix-ui/react-avatar": "1.0.0",
21
- "@radix-ui/react-checkbox": "1.0.0",
22
- "@radix-ui/react-dialog": "1.0.0",
17
+ "@radix-ui/react-accordion": "^1.0.0",
18
+ "@radix-ui/react-alert-dialog": "^1.0.3",
19
+ "@radix-ui/react-aspect-ratio": "^1.0.0",
20
+ "@radix-ui/react-avatar": "^1.0.0",
21
+ "@radix-ui/react-checkbox": "^1.0.0",
22
+ "@radix-ui/react-dialog": "^1.0.0",
23
23
  "@radix-ui/react-dismissable-layer": "1.0.3",
24
- "@radix-ui/react-dropdown-menu": "1.0.0",
25
- "@radix-ui/react-label": "1.0.0",
26
- "@radix-ui/react-popover": "1.0.0",
27
- "@radix-ui/react-portal": "1.0.0",
28
- "@radix-ui/react-progress": "1.0.0",
29
- "@radix-ui/react-radio-group": "1.0.0",
30
- "@radix-ui/react-separator": "1.0.0",
31
- "@radix-ui/react-slider": "1.0.0",
32
- "@radix-ui/react-switch": "1.0.0",
33
- "@radix-ui/react-tabs": "1.0.0",
34
- "@radix-ui/react-toggle-group": "1.0.0",
35
- "@radix-ui/react-tooltip": "1.0.0",
24
+ "@radix-ui/react-dropdown-menu": "^1.0.0",
25
+ "@radix-ui/react-label": "^1.0.0",
26
+ "@radix-ui/react-popover": "^1.0.0",
27
+ "@radix-ui/react-portal": "^1.0.0",
28
+ "@radix-ui/react-progress": "^1.0.0",
29
+ "@radix-ui/react-radio-group": "^1.0.0",
30
+ "@radix-ui/react-separator": "^1.0.0",
31
+ "@radix-ui/react-slider": "^1.0.0",
32
+ "@radix-ui/react-switch": "^1.0.0",
33
+ "@radix-ui/react-tabs": "^1.0.0",
34
+ "@radix-ui/react-toggle-group": "^1.0.0",
35
+ "@radix-ui/react-tooltip": "^1.0.0",
36
36
  "@radix-ui/react-visually-hidden": "1.0.0",
37
37
  "@react-google-maps/api": "^2.12.1",
38
38
  "@stitches/react": "^1.2.8",
@@ -71,6 +71,12 @@
71
71
  "recharts": "^2.1.9",
72
72
  "yup": "^0.32.11"
73
73
  },
74
+ "overrides": {
75
+ "react-contextmenu": {
76
+ "react": "17.0.2",
77
+ "react-dom": "17.0.2"
78
+ }
79
+ },
74
80
  "main": "./index.umd.js",
75
81
  "module": "./index.esm.js",
76
82
  "typings": "./index.d.ts"