@majoo-ui/react 1.61.12-rc.9 → 1.61.13-rc.1

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 (6) hide show
  1. package/components/accordion/Accordion.d.ts +0 -1
  2. package/components/modalDialog/ModalDialog.d.ts +2 -3
  3. package/components/pageDialog/PageDialog.d.ts +2 -3
  4. package/index.esm.js +213 -206
  5. package/index.umd.js +213 -206
  6. package/package.json +22 -22
package/index.esm.js CHANGED
@@ -57,7 +57,7 @@ import imageCompressionComponent from 'browser-image-compression';
57
57
  import { useSticky } from 'react-table-sticky';
58
58
  import SignaturePad from 'react-signature-pad-wrapper';
59
59
 
60
- var _jsxFileName$13 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/majoo-provider/ThemeProvider.js";
60
+ var _jsxFileName$13 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/majoo-provider/ThemeProvider.js";
61
61
  function ThemeProvider({
62
62
  name,
63
63
  theme,
@@ -403,10 +403,10 @@ var SHARED = '__core-js_shared__';
403
403
  var store$3 = sharedStore.exports = globalThis$p[SHARED] || defineGlobalProperty$2(SHARED, {});
404
404
 
405
405
  (store$3.versions || (store$3.versions = [])).push({
406
- version: '3.43.0',
406
+ version: '3.44.0',
407
407
  mode: 'global',
408
408
  copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru)',
409
- license: 'https://github.com/zloirock/core-js/blob/v3.43.0/LICENSE',
409
+ license: 'https://github.com/zloirock/core-js/blob/v3.44.0/LICENSE',
410
410
  source: 'https://github.com/zloirock/core-js'
411
411
  });
412
412
 
@@ -1413,7 +1413,7 @@ const applyGlobalStyles = additionaStyles => {
1413
1413
  globalStyles();
1414
1414
  };
1415
1415
 
1416
- var _jsxFileName$12 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/majoo-provider/MajooProvider.js";
1416
+ var _jsxFileName$12 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/majoo-provider/MajooProvider.js";
1417
1417
  function MajooProvider({
1418
1418
  children,
1419
1419
  name,
@@ -1636,7 +1636,7 @@ function _objectWithoutPropertiesLoose(r, e) {
1636
1636
 
1637
1637
  const _excluded$C = ["children"],
1638
1638
  _excluded2$4 = ["children"];
1639
- var _jsxFileName$11 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/layout/grid/Grid.js";
1639
+ var _jsxFileName$11 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/layout/grid/Grid.js";
1640
1640
  const GridComponent = styled('div', {
1641
1641
  display: 'grid',
1642
1642
  variants: {
@@ -1906,7 +1906,7 @@ GridItem.propTypes = {
1906
1906
  GridItem.displayName = 'Grid Item';
1907
1907
 
1908
1908
  const _excluded$B = ["children", "isCollapse", "css", "contentHeader"];
1909
- var _jsxFileName$10 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/layout/pageContainer/PageContainer.js";
1909
+ var _jsxFileName$10 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/layout/pageContainer/PageContainer.js";
1910
1910
  const StyledDiv$2 = styled(Flex$1, {
1911
1911
  justifyContent: 'center',
1912
1912
  marginLeft: 'auto',
@@ -2414,7 +2414,7 @@ const Link = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
2414
2414
  });
2415
2415
 
2416
2416
  const _excluded$A = ["title", "description", "variant", "link", "linkText", "onClick", "onRemove", "children", "bannerBlock", "icon"];
2417
- var _jsxFileName$$ = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/banner/Banner.js";
2417
+ var _jsxFileName$$ = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/banner/Banner.js";
2418
2418
  const Context$2 = /*#__PURE__*/React.createContext();
2419
2419
  const StyledBanner = styled(Flex$1, {
2420
2420
  maxWidth: '100%',
@@ -3411,7 +3411,7 @@ Card.Label = StyledLabel$2;
3411
3411
  Card.Description = StyledDescription$3;
3412
3412
 
3413
3413
  const _excluded$z = ["children"];
3414
- var _jsxFileName$_ = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/breadcrumb/Breadcrumb.js";
3414
+ var _jsxFileName$_ = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/breadcrumb/Breadcrumb.js";
3415
3415
  const BreadcrumbStyle = styled('nav', {
3416
3416
  wordWrap: 'break-word',
3417
3417
  '& li+li:before': {
@@ -3731,7 +3731,7 @@ Badge.defaultProps = {
3731
3731
  Badge.displayName = 'Badge';
3732
3732
 
3733
3733
  const _excluded$y = ["className", "img", "children", "onLoadingStatusChange", "delayMs", "onClick", "css"];
3734
- var _jsxFileName$Z = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/avatar/Avatar.js";
3734
+ var _jsxFileName$Z = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/avatar/Avatar.js";
3735
3735
  const StyledAvatar = styled(AvatarPrimitive.Root, {
3736
3736
  width: '32px',
3737
3737
  height: '32px',
@@ -3833,7 +3833,7 @@ Avatar.defaultProps = {
3833
3833
  };
3834
3834
 
3835
3835
  const _excluded$x = ["className", "src", "alt", "width", "height", "objectFit", "fallback", "fallbackTitle", "css", "cssFallback", "rounded"];
3836
- var _jsxFileName$Y = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/image/Image.js";
3836
+ var _jsxFileName$Y = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/image/Image.js";
3837
3837
  const ContainerFallback = styled(Flex$1, {
3838
3838
  boxSizing: 'border-box',
3839
3839
  border: '2px dashed #C0C4C4',
@@ -4527,7 +4527,7 @@ for (var COLLECTION_NAME in DOMIterables) {
4527
4527
  handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
4528
4528
 
4529
4529
  const _excluded$w = ["children", "label", "color", "css", "withClick", "side", "align", "delayDuration"];
4530
- var _jsxFileName$X = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tooltip/Tooltip.js";
4530
+ var _jsxFileName$X = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/tooltip/Tooltip.js";
4531
4531
  const {
4532
4532
  zIndices: zIndices$2
4533
4533
  } = foundations;
@@ -4733,7 +4733,7 @@ Tooltip$1.defaultProps = {
4733
4733
  };
4734
4734
 
4735
4735
  const _excluded$v = ["className", "value", "max", "getValueLabel", "color", "size", "rounded", "width"];
4736
- var _jsxFileName$W = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/progress/Progress.js";
4736
+ var _jsxFileName$W = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/progress/Progress.js";
4737
4737
  const StyledProgress$1 = styled$1(ProgressPrimitive.Root, {
4738
4738
  position: 'relative',
4739
4739
  overflow: 'hidden',
@@ -5607,7 +5607,7 @@ function useMediaQuery(query) {
5607
5607
  }
5608
5608
 
5609
5609
  const _excluded$u = ["id", "title", "description", "position", "dismissAfter", "variant", "onClick", "onRemove", "isExternalOfAction", "onClickOfAction", "captionOfAction", "hrefOfAction"];
5610
- var _jsxFileName$V = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/toast/Toast.js";
5610
+ var _jsxFileName$V = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/toast/Toast.js";
5611
5611
  const TOAST_WIDTH = 576;
5612
5612
  const ANIMATION_DURATION = 400;
5613
5613
  const TOP_RIGHT_POSITION = 'top-right';
@@ -5959,7 +5959,7 @@ Toast.defaultProps = {
5959
5959
  };
5960
5960
 
5961
5961
  const _excluded$t = ["preventDuplicate"];
5962
- var _jsxFileName$U = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/toast/ToastContainer.js";
5962
+ var _jsxFileName$U = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/toast/ToastContainer.js";
5963
5963
  const ToastBox = styled(Flex$1, {
5964
5964
  position: 'fixed',
5965
5965
  variants: {
@@ -7307,7 +7307,7 @@ const catchError = e => {
7307
7307
  };
7308
7308
 
7309
7309
  const _excluded$s = ["id", "disabledOfflineIntercept"];
7310
- var _jsxFileName$T = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/toast/context/ToastProvider.js";
7310
+ var _jsxFileName$T = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/toast/context/ToastProvider.js";
7311
7311
  let toastCount = 0;
7312
7312
  const ToastProvider = ({
7313
7313
  children,
@@ -7426,7 +7426,7 @@ const ConditionalWrapper = ({
7426
7426
  }) => condition ? wrapper(children) : children;
7427
7427
 
7428
7428
  const _excluded$r = ["count", "maxCount", "css"];
7429
- var _jsxFileName$S = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/FormGroup/FormGroup.js";
7429
+ var _jsxFileName$S = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/FormGroup/FormGroup.js";
7430
7430
  const formLabelClassStyle = {
7431
7431
  alignItems: 'start !important',
7432
7432
  '& > div': {
@@ -7577,7 +7577,7 @@ const FormGroup = _ref => {
7577
7577
  FormGroup.displayName = 'FormGroup';
7578
7578
 
7579
7579
  const _excluded$q = ["children", "htmlFor", "variant", "variants", "tooltipLabel", "count", "maxCount", "labelCss"];
7580
- var _jsxFileName$R = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/FormLabel/Label.js";
7580
+ var _jsxFileName$R = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/FormLabel/Label.js";
7581
7581
  const StyledLabel$1 = styled(LabelPrimitive.Root, Text$1, {
7582
7582
  display: 'inline-block',
7583
7583
  fontSize: '$label',
@@ -7694,7 +7694,7 @@ FormLabel.defaultProps = {
7694
7694
  FormLabel.displayName = 'FormLabel';
7695
7695
 
7696
7696
  const _excluded$p = ["children", "error", "errorMessage"];
7697
- var _jsxFileName$Q = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/FormHelper/Helper.js";
7697
+ var _jsxFileName$Q = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/FormHelper/Helper.js";
7698
7698
  const StyledHelper = styled(Text$1, {
7699
7699
  display: 'inline-block',
7700
7700
  color: '$textSecondary',
@@ -7749,7 +7749,7 @@ FormHelper.propTypes = {
7749
7749
  };
7750
7750
  FormHelper.displayName = 'FormHelper';
7751
7751
 
7752
- var _jsxFileName$P = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/CheckboxGroup.js";
7752
+ var _jsxFileName$P = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputCheckbox/CheckboxGroup.js";
7753
7753
  const CheckboxContext = /*#__PURE__*/createContext();
7754
7754
  const CheckboxGroup = ({
7755
7755
  children,
@@ -7807,7 +7807,7 @@ CheckboxGroup.defaultProps = {
7807
7807
  };
7808
7808
  CheckboxGroup.displayName = 'CheckboxGroup';
7809
7809
 
7810
- var _jsxFileName$O = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/CheckOutline.js";
7810
+ var _jsxFileName$O = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/CheckOutline.js";
7811
7811
  const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends({
7812
7812
  xmlns: "http://www.w3.org/2000/svg",
7813
7813
  xmlSpace: "preserve",
@@ -7854,7 +7854,7 @@ const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends
7854
7854
  }
7855
7855
  }));
7856
7856
 
7857
- var _jsxFileName$N = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/MinusOutline.js";
7857
+ var _jsxFileName$N = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/MinusOutline.js";
7858
7858
  const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
7859
7859
  xmlns: "http://www.w3.org/2000/svg",
7860
7860
  xmlSpace: "preserve",
@@ -7902,7 +7902,7 @@ const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extend
7902
7902
  }));
7903
7903
 
7904
7904
  const _excluded$o = ["id", "checked", "indeterminate", "disabled", "onCheckedChange", "label", "index", "value"];
7905
- var _jsxFileName$M = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/InputCheckbox.js";
7905
+ var _jsxFileName$M = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputCheckbox/InputCheckbox.js";
7906
7906
  const StyledIndicator$2 = styled(CheckboxPrimitive.Indicator, {
7907
7907
  alignItems: 'center',
7908
7908
  display: 'flex',
@@ -8063,7 +8063,7 @@ InputCheckbox.propTypes = {
8063
8063
  InputCheckbox.displayName = 'InputCheckbox';
8064
8064
 
8065
8065
  const _excluded$n = ["children", "size"];
8066
- var _jsxFileName$L = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputGroup/InputGroup.js";
8066
+ var _jsxFileName$L = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputGroup/InputGroup.js";
8067
8067
  const InputGroupStyle = styled('div', {
8068
8068
  display: 'flex',
8069
8069
  width: '100%',
@@ -8403,7 +8403,7 @@ InputSuffix.propTypes = {
8403
8403
  };
8404
8404
 
8405
8405
  const _excluded$m = ["disabled", "readOnly"];
8406
- var _jsxFileName$K = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputText/InputText.js";
8406
+ var _jsxFileName$K = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputText/InputText.js";
8407
8407
  const disabledStyle = {
8408
8408
  backgroundColor: '$formDisable',
8409
8409
  color: '$textDisable',
@@ -8605,7 +8605,7 @@ InputText.propTypes = {
8605
8605
  InputText.displayName = 'InputText';
8606
8606
 
8607
8607
  const _excluded$l = ["disabled", "readOnly"];
8608
- var _jsxFileName$J = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputTextArea/InputTextArea.js";
8608
+ var _jsxFileName$J = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputTextArea/InputTextArea.js";
8609
8609
  const StyledTextArea = styled(StyledInput$1, {
8610
8610
  variants: {
8611
8611
  size: {
@@ -8683,7 +8683,7 @@ InputTextArea.defaultProps = {
8683
8683
 
8684
8684
  const InputRadioContext = /*#__PURE__*/React__default.createContext();
8685
8685
 
8686
- var _jsxFileName$I = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadioGroup.js";
8686
+ var _jsxFileName$I = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadioGroup.js";
8687
8687
  const RadioGroup = styled(RadioGroupPrimitive.Root, Flex$1);
8688
8688
  function InputRadioGroup(props) {
8689
8689
  return (props == null ? void 0 : props.children) && /*#__PURE__*/React__default.createElement(InputRadioContext.Provider, {
@@ -8717,7 +8717,7 @@ InputRadioGroup.propTypes = {
8717
8717
  InputRadioGroup.displayName = 'InputRadioGroup';
8718
8718
 
8719
8719
  const _excluded$k = ["id", "disabled", "css", "inputType", "inputProps", "description", "readOnly"];
8720
- var _jsxFileName$H = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadio.js";
8720
+ var _jsxFileName$H = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadio.js";
8721
8721
  const INDICATOR_BASE_STYLES = {
8722
8722
  alignItems: 'center',
8723
8723
  display: 'flex',
@@ -11084,7 +11084,7 @@ var NumberFormat = /*@__PURE__*/function (superclass) {
11084
11084
  NumberFormat.defaultProps = defaultProps;
11085
11085
 
11086
11086
  const _excluded$j = ["placeholder", "value", "size", "isInvalid", "readOnly", "disabled", "control", "name", "maxValueLength", "maxLength", "thousandSeparator"];
11087
- var _jsxFileName$G = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputNumber/InputNumber.js";
11087
+ var _jsxFileName$G = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputNumber/InputNumber.js";
11088
11088
  const StyledInput = styled(NumberFormat, {
11089
11089
  // Reset
11090
11090
  appearance: 'none',
@@ -11345,7 +11345,7 @@ InputNumber.name = 'InputText';
11345
11345
  InputNumber.displayName = 'InputNumber';
11346
11346
 
11347
11347
  const _excluded$i = ["className", "children", "onClick", "size", "icon", "isRemovable", "disabled", "type", "onRemove", "readOnly"];
11348
- var _jsxFileName$F = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tag/Tag.js";
11348
+ var _jsxFileName$F = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/tag/Tag.js";
11349
11349
  const TagWrapper$4 = styled('div', {
11350
11350
  boxSizing: 'border-box',
11351
11351
  listStyle: 'none',
@@ -11521,7 +11521,7 @@ Tag.defaultProps = {
11521
11521
  };
11522
11522
 
11523
11523
  const _excluded$h = ["size", "isInvalid", "placeholder", "onChange", "onEnter", "onInputChange", "value", "disabled", "readOnly", "max", "maxChar", "pattern", "helperText", "unremovableTags", "onRemoveItem"];
11524
- var _jsxFileName$E = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputTags/InputTags.js";
11524
+ var _jsxFileName$E = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputTags/InputTags.js";
11525
11525
  const Wrapper$2 = styled('div', {
11526
11526
  margin: 0,
11527
11527
  flexDirection: 'column',
@@ -11818,7 +11818,7 @@ TagsInput.defaultProps = {
11818
11818
  };
11819
11819
 
11820
11820
  const _excluded$g = ["id", "defaultChecked", "dataOnLabel", "dataOffLabel", "disabled"];
11821
- var _jsxFileName$D = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSwitch/InputSwitch.js";
11821
+ var _jsxFileName$D = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputSwitch/InputSwitch.js";
11822
11822
  const StyledThumb$1 = styled(SwitchPrimitive.Thumb, {
11823
11823
  display: 'block',
11824
11824
  width: '16px',
@@ -11923,7 +11923,7 @@ InputSwitch.propTypes = {
11923
11923
  };
11924
11924
  InputSwitch.displayName = 'InputSwitch';
11925
11925
 
11926
- var _jsxFileName$C = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/CloseFilled.js";
11926
+ var _jsxFileName$C = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputSearchbox/CloseFilled.js";
11927
11927
  const SvgCloseFilled = props => /*#__PURE__*/React.createElement("svg", _extends({
11928
11928
  width: props.size,
11929
11929
  height: props.size,
@@ -11982,7 +11982,7 @@ SvgCloseFilled.defaultProps = {
11982
11982
  size: 24
11983
11983
  };
11984
11984
 
11985
- var _jsxFileName$B = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/SearchOutline.js";
11985
+ var _jsxFileName$B = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputSearchbox/SearchOutline.js";
11986
11986
  const SvgSearchOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
11987
11987
  width: props.size,
11988
11988
  height: props.size,
@@ -12023,7 +12023,7 @@ SvgSearchOutline.defaultProps = {
12023
12023
  };
12024
12024
 
12025
12025
  const _excluded$f = ["size", "onChange", "css", "disabled", "withDebounce", "defaultValue", "mobileOnly", "desktopOnly"];
12026
- var _jsxFileName$A = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/InputSearchbox.js";
12026
+ var _jsxFileName$A = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputSearchbox/InputSearchbox.js";
12027
12027
  const {
12028
12028
  colors: colors$7
12029
12029
  } = foundations;
@@ -12513,7 +12513,7 @@ function isFunction$1(value) {
12513
12513
  var isFunction_1 = isFunction$1;
12514
12514
 
12515
12515
  const _excluded$e = ["children"];
12516
- var _jsxFileName$z = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/popover/Popover.js";
12516
+ var _jsxFileName$z = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/popover/Popover.js";
12517
12517
  const {
12518
12518
  zIndices: zIndices$1
12519
12519
  } = foundations;
@@ -14087,7 +14087,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
14087
14087
  }), void 0);
14088
14088
  });
14089
14089
 
14090
- var _jsxFileName$y = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/icon/CheckOutline.js";
14090
+ var _jsxFileName$y = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/icon/CheckOutline.js";
14091
14091
  const CheckOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
14092
14092
  xmlns: "http://www.w3.org/2000/svg",
14093
14093
  xmlSpace: "preserve",
@@ -14168,7 +14168,7 @@ function OptionGroupItem({
14168
14168
  }
14169
14169
 
14170
14170
  const _excluded$d = ["placeholder", "option", "value", "defaultValue", "size", "disabled", "onChange", "search", "readOnly", "placement", "disabledOptions", "textEmptyItem", "onRemoveItem", "isInvalid", "sortBy", "showSelectAll", "showTagSelectAll", "selectAllLabel", "showSelectedTag", "unremovableTags", "helperText", "css", "showCounter", "labelCounter", "collapsible", "toggleInput", "fetchData", "onSearch", "isLoading", "maxSelectedItem", "mobileOnly", "desktopOnly", "label", "tagCss", "checkBoxCss", "optionListCss", "showCollapsibleCounter", "collapsibleLimit", "pageIndex", "onSelectAllChecked", "totalOptions", "clearSearchOnSelect", "onItemClick"];
14171
- var _jsxFileName$x = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/InputSelectCheck.js";
14171
+ var _jsxFileName$x = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/InputSelectCheck.js";
14172
14172
  const Wrapper$1 = styled('div', {
14173
14173
  margin: 0,
14174
14174
  flexDirection: 'column',
@@ -14471,7 +14471,8 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14471
14471
  } = _ref,
14472
14472
  props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
14473
14473
  const {
14474
- t
14474
+ t,
14475
+ ready
14475
14476
  } = useTranslation(['MajooUI/inputSelectCheck', 'translation']);
14476
14477
  const [initItem, setInitItems] = React__default.useState(option); //init filter selectedItems on useMultipleSelection
14477
14478
  const [items, setItems] = React__default.useState([]);
@@ -14482,7 +14483,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14482
14483
  const [query, setQuery] = React__default.useState('');
14483
14484
  const scrollerRef = React__default.useRef(null);
14484
14485
  const isShowSelectAll = showSelectAll && !maxSelectedItem;
14485
- useEffect(() => {
14486
+ useMountedLayoutEffect(() => {
14486
14487
  var _scrollerRef$current;
14487
14488
  (_scrollerRef$current = scrollerRef.current) == null || _scrollerRef$current.scrollTo({
14488
14489
  top: 0
@@ -14812,7 +14813,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14812
14813
  return [...acc, ...(item.children ? item.children : [item])];
14813
14814
  }, []).length;
14814
14815
  useEffect(() => {
14815
- if (!inputValue || fetchData) {
14816
+ if ((!inputValue || fetchData) && ready) {
14816
14817
  sortItems();
14817
14818
  setItems(isShowSelectAll ? [{
14818
14819
  id: '!all',
@@ -14823,7 +14824,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14823
14824
  name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
14824
14825
  }, ...memoOptions] : memoOptions);
14825
14826
  }
14826
- }, [isShowSelectAll, selectAllLabel, t, memoOptionsString, inputValue]);
14827
+ }, [isShowSelectAll, selectAllLabel, ready, memoOptionsString, inputValue]);
14827
14828
  useEffect(() => {
14828
14829
  if (selectedValue.length > 0 && disabledOptions.length === 0) {
14829
14830
  setInitItems(sortValue);
@@ -14848,7 +14849,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14848
14849
  }, ...options] : options);
14849
14850
  }
14850
14851
  }, [disabledOptions, isShowSelectAll]);
14851
- useEffect(() => {
14852
+ useMountedLayoutEffect(() => {
14852
14853
  const selectedVal = itemsLength > 0 && inputSelectValue.length === itemsLength - 1 ? ['!all', ...inputSelectValue] : inputSelectValue;
14853
14854
  setSelectedValue(selectedVal);
14854
14855
  }, [inputSelectValue, items]);
@@ -14894,7 +14895,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14894
14895
  __self: undefined,
14895
14896
  __source: {
14896
14897
  fileName: _jsxFileName$x,
14897
- lineNumber: 778,
14898
+ lineNumber: 781,
14898
14899
  columnNumber: 9
14899
14900
  }
14900
14901
  }), /*#__PURE__*/React__default.createElement(IconWrapper, {
@@ -14908,7 +14909,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14908
14909
  __self: undefined,
14909
14910
  __source: {
14910
14911
  fileName: _jsxFileName$x,
14911
- lineNumber: 797,
14912
+ lineNumber: 800,
14912
14913
  columnNumber: 11
14913
14914
  }
14914
14915
  }, !(item != null && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -14916,7 +14917,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14916
14917
  __self: undefined,
14917
14918
  __source: {
14918
14919
  fileName: _jsxFileName$x,
14919
- lineNumber: 809,
14920
+ lineNumber: 812,
14920
14921
  columnNumber: 17
14921
14922
  }
14922
14923
  }) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -14924,21 +14925,21 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14924
14925
  __self: undefined,
14925
14926
  __source: {
14926
14927
  fileName: _jsxFileName$x,
14927
- lineNumber: 813,
14928
+ lineNumber: 816,
14928
14929
  columnNumber: 19
14929
14930
  }
14930
14931
  })), isShowSelectAll && (item == null ? void 0 : item.id) === '!all' && selectedValue != null && selectedValue.length && (selectedValue == null ? void 0 : selectedValue.length) < itemsLength ? /*#__PURE__*/React__default.createElement(IndeterminateFilled$1, {
14931
14932
  __self: undefined,
14932
14933
  __source: {
14933
14934
  fileName: _jsxFileName$x,
14934
- lineNumber: 817,
14935
+ lineNumber: 820,
14935
14936
  columnNumber: 15
14936
14937
  }
14937
14938
  }, "-") : /*#__PURE__*/React__default.createElement("div", {
14938
14939
  __self: undefined,
14939
14940
  __source: {
14940
14941
  fileName: _jsxFileName$x,
14941
- lineNumber: 819,
14942
+ lineNumber: 822,
14942
14943
  columnNumber: 15
14943
14944
  }
14944
14945
  })), /*#__PURE__*/React__default.createElement(Item$2, {
@@ -14949,7 +14950,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14949
14950
  __self: undefined,
14950
14951
  __source: {
14951
14952
  fileName: _jsxFileName$x,
14952
- lineNumber: 822,
14953
+ lineNumber: 825,
14953
14954
  columnNumber: 11
14954
14955
  }
14955
14956
  }, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name));
@@ -14977,7 +14978,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14977
14978
  __self: undefined,
14978
14979
  __source: {
14979
14980
  fileName: _jsxFileName$x,
14980
- lineNumber: 838,
14981
+ lineNumber: 841,
14981
14982
  columnNumber: 13
14982
14983
  }
14983
14984
  }), /*#__PURE__*/React__default.createElement(IconWrapper, {
@@ -14990,7 +14991,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14990
14991
  __self: undefined,
14991
14992
  __source: {
14992
14993
  fileName: _jsxFileName$x,
14993
- lineNumber: 851,
14994
+ lineNumber: 854,
14994
14995
  columnNumber: 15
14995
14996
  }
14996
14997
  }, !(item != null && item.hideCheck) && item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -14998,7 +14999,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14998
14999
  __self: undefined,
14999
15000
  __source: {
15000
15001
  fileName: _jsxFileName$x,
15001
- lineNumber: 861,
15002
+ lineNumber: 864,
15002
15003
  columnNumber: 19
15003
15004
  }
15004
15005
  }) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) === (item == null || (_item$children7 = item.children) == null || (_item$children7 = _item$children7.filter(e => !e.isDisabled)) == null ? void 0 : _item$children7.length) ? /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -15006,14 +15007,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15006
15007
  __self: undefined,
15007
15008
  __source: {
15008
15009
  fileName: _jsxFileName$x,
15009
- lineNumber: 863,
15010
+ lineNumber: 866,
15010
15011
  columnNumber: 19
15011
15012
  }
15012
15013
  }) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) > 0 ? /*#__PURE__*/React__default.createElement(IndeterminateFilled$1, {
15013
15014
  __self: undefined,
15014
15015
  __source: {
15015
15016
  fileName: _jsxFileName$x,
15016
- lineNumber: 865,
15017
+ lineNumber: 868,
15017
15018
  columnNumber: 19
15018
15019
  }
15019
15020
  }, "-") : null), /*#__PURE__*/React__default.createElement(Item$2, {
@@ -15024,14 +15025,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15024
15025
  __self: undefined,
15025
15026
  __source: {
15026
15027
  fileName: _jsxFileName$x,
15027
- lineNumber: 868,
15028
+ lineNumber: 871,
15028
15029
  columnNumber: 15
15029
15030
  }
15030
15031
  }, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name)),
15031
15032
  __self: undefined,
15032
15033
  __source: {
15033
15034
  fileName: _jsxFileName$x,
15034
- lineNumber: 836,
15035
+ lineNumber: 839,
15035
15036
  columnNumber: 9
15036
15037
  }
15037
15038
  }, item == null || (_item$children8 = item.children) == null ? void 0 : _item$children8.map((optItem, optIndex) => renderOptionItem(optItem, groupIndex + optIndex + 1, true)));
@@ -15044,7 +15045,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15044
15045
  __self: undefined,
15045
15046
  __source: {
15046
15047
  fileName: _jsxFileName$x,
15047
- lineNumber: 880,
15048
+ lineNumber: 883,
15048
15049
  columnNumber: 7
15049
15050
  }
15050
15051
  }), /*#__PURE__*/React__default.createElement(Select, {
@@ -15054,7 +15055,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15054
15055
  __self: undefined,
15055
15056
  __source: {
15056
15057
  fileName: _jsxFileName$x,
15057
- lineNumber: 881,
15058
+ lineNumber: 884,
15058
15059
  columnNumber: 9
15059
15060
  }
15060
15061
  }, /*#__PURE__*/React__default.createElement(InputWrapper$1, _extends({}, getComboboxProps(getDropdownProps({
@@ -15069,7 +15070,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15069
15070
  __self: undefined,
15070
15071
  __source: {
15071
15072
  fileName: _jsxFileName$x,
15072
- lineNumber: 882,
15073
+ lineNumber: 885,
15073
15074
  columnNumber: 11
15074
15075
  }
15075
15076
  }), /*#__PURE__*/React__default.createElement(Input$6, _extends({}, getInputProps({
@@ -15087,7 +15088,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15087
15088
  __self: undefined,
15088
15089
  __source: {
15089
15090
  fileName: _jsxFileName$x,
15090
- lineNumber: 892,
15091
+ lineNumber: 895,
15091
15092
  columnNumber: 13
15092
15093
  }
15093
15094
  })), /*#__PURE__*/React__default.createElement(Button$2, _extends({}, getToggleButtonProps({
@@ -15101,7 +15102,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15101
15102
  __self: undefined,
15102
15103
  __source: {
15103
15104
  fileName: _jsxFileName$x,
15104
- lineNumber: 899,
15105
+ lineNumber: 902,
15105
15106
  columnNumber: 13
15106
15107
  }
15107
15108
  }), (_ref2 = label != null ? label : placeholder) != null ? _ref2 : t('placeholder', 'Pilih Item'))), /*#__PURE__*/React__default.createElement(IconWrapper, _extends({}, getToggleButtonProps({
@@ -15112,7 +15113,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15112
15113
  __self: undefined,
15113
15114
  __source: {
15114
15115
  fileName: _jsxFileName$x,
15115
- lineNumber: 910,
15116
+ lineNumber: 913,
15116
15117
  columnNumber: 11
15117
15118
  }
15118
15119
  }), /*#__PURE__*/React__default.createElement(IconCaretDown, {
@@ -15120,7 +15121,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15120
15121
  __self: undefined,
15121
15122
  __source: {
15122
15123
  fileName: _jsxFileName$x,
15123
- lineNumber: 915,
15124
+ lineNumber: 918,
15124
15125
  columnNumber: 13
15125
15126
  }
15126
15127
  }))), helperText && /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -15133,7 +15134,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15133
15134
  __self: undefined,
15134
15135
  __source: {
15135
15136
  fileName: _jsxFileName$x,
15136
- lineNumber: 919,
15137
+ lineNumber: 922,
15137
15138
  columnNumber: 11
15138
15139
  }
15139
15140
  }, helperText), showSelectedTag && !showCounter && selectedItems.length !== 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TagWrapper$2, {
@@ -15141,7 +15142,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15141
15142
  __self: undefined,
15142
15143
  __source: {
15143
15144
  fileName: _jsxFileName$x,
15144
- lineNumber: 925,
15145
+ lineNumber: 928,
15145
15146
  columnNumber: 13
15146
15147
  }
15147
15148
  }, isShowTagSelectAll ? /*#__PURE__*/React__default.createElement(Tag, _extends({
@@ -15162,7 +15163,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15162
15163
  __self: undefined,
15163
15164
  __source: {
15164
15165
  fileName: _jsxFileName$x,
15165
- lineNumber: 927,
15166
+ lineNumber: 930,
15166
15167
  columnNumber: 17
15167
15168
  }
15168
15169
  }), selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')) : selectedItems == null || (_selectedItems$filter = selectedItems.filter(item => (item == null ? void 0 : item.id) !== '!all')) == null || (_selectedItems$filter = _selectedItems$filter.filter((_, idx) => {
@@ -15193,7 +15194,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15193
15194
  __self: undefined,
15194
15195
  __source: {
15195
15196
  fileName: _jsxFileName$x,
15196
- lineNumber: 956,
15197
+ lineNumber: 959,
15197
15198
  columnNumber: 21
15198
15199
  }
15199
15200
  }), selectedItem.name))), collapsible && !isShowTagSelectAll && (selectedItems == null ? void 0 : selectedItems.length) > collapsibleLimit && /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -15202,7 +15203,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15202
15203
  __self: undefined,
15203
15204
  __source: {
15204
15205
  fileName: _jsxFileName$x,
15205
- lineNumber: 979,
15206
+ lineNumber: 982,
15206
15207
  columnNumber: 15
15207
15208
  }
15208
15209
  }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -15212,14 +15213,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15212
15213
  __self: undefined,
15213
15214
  __source: {
15214
15215
  fileName: _jsxFileName$x,
15215
- lineNumber: 980,
15216
+ lineNumber: 983,
15216
15217
  columnNumber: 17
15217
15218
  }
15218
15219
  }, /*#__PURE__*/React__default.createElement(Separator$2, {
15219
15220
  __self: undefined,
15220
15221
  __source: {
15221
15222
  fileName: _jsxFileName$x,
15222
- lineNumber: 981,
15223
+ lineNumber: 984,
15223
15224
  columnNumber: 19
15224
15225
  }
15225
15226
  }), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -15233,7 +15234,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15233
15234
  __self: undefined,
15234
15235
  __source: {
15235
15236
  fileName: _jsxFileName$x,
15236
- lineNumber: 982,
15237
+ lineNumber: 985,
15237
15238
  columnNumber: 19
15238
15239
  }
15239
15240
  }, showAllTags ? /*#__PURE__*/React__default.createElement(ChevronUpOutline, {
@@ -15241,7 +15242,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15241
15242
  __self: undefined,
15242
15243
  __source: {
15243
15244
  fileName: _jsxFileName$x,
15244
- lineNumber: 988,
15245
+ lineNumber: 991,
15245
15246
  columnNumber: 23
15246
15247
  }
15247
15248
  }) : /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
@@ -15249,7 +15250,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15249
15250
  __self: undefined,
15250
15251
  __source: {
15251
15252
  fileName: _jsxFileName$x,
15252
- lineNumber: 990,
15253
+ lineNumber: 993,
15253
15254
  columnNumber: 23
15254
15255
  }
15255
15256
  }), /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -15261,14 +15262,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15261
15262
  __self: undefined,
15262
15263
  __source: {
15263
15264
  fileName: _jsxFileName$x,
15264
- lineNumber: 992,
15265
+ lineNumber: 995,
15265
15266
  columnNumber: 21
15266
15267
  }
15267
15268
  }, showAllTags ? t('showSomeText', 'Tampilkan Sebagian') : t('showAllText', 'Tampilkan Semua'))), /*#__PURE__*/React__default.createElement(Separator$2, {
15268
15269
  __self: undefined,
15269
15270
  __source: {
15270
15271
  fileName: _jsxFileName$x,
15271
- lineNumber: 996,
15272
+ lineNumber: 999,
15272
15273
  columnNumber: 19
15273
15274
  }
15274
15275
  })), showCollapsibleCounter && /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -15279,7 +15280,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15279
15280
  __self: undefined,
15280
15281
  __source: {
15281
15282
  fileName: _jsxFileName$x,
15282
- lineNumber: 999,
15283
+ lineNumber: 1002,
15283
15284
  columnNumber: 19
15284
15285
  }
15285
15286
  }, `${totalOptions ? totalOptions : selectedItems == null || (_selectedItems$filter2 = selectedItems.filter(item => (item == null ? void 0 : item.id) !== '!all')) == null ? void 0 : _selectedItems$filter2.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`))), showCounter && !isShowTagSelectAll && Boolean(selectedItems == null ? void 0 : selectedItems.length) && /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -15291,7 +15292,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15291
15292
  __self: undefined,
15292
15293
  __source: {
15293
15294
  fileName: _jsxFileName$x,
15294
- lineNumber: 1009,
15295
+ lineNumber: 1012,
15295
15296
  columnNumber: 11
15296
15297
  }
15297
15298
  }, `${totalOptions ? totalOptions : selectedItems == null || (_selectedItems$filter3 = selectedItems.filter(item => (item == null ? void 0 : item.id) !== '!all')) == null ? void 0 : _selectedItems$filter3.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`), /*#__PURE__*/React__default.createElement(OptionWrapper$1, {
@@ -15304,7 +15305,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15304
15305
  __self: undefined,
15305
15306
  __source: {
15306
15307
  fileName: _jsxFileName$x,
15307
- lineNumber: 1015,
15308
+ lineNumber: 1018,
15308
15309
  columnNumber: 9
15309
15310
  }
15310
15311
  }, isLoading && /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -15326,7 +15327,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15326
15327
  __self: undefined,
15327
15328
  __source: {
15328
15329
  fileName: _jsxFileName$x,
15329
- lineNumber: 1025,
15330
+ lineNumber: 1028,
15330
15331
  columnNumber: 13
15331
15332
  }
15332
15333
  }, /*#__PURE__*/React__default.createElement(Text$1, {
@@ -15334,7 +15335,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15334
15335
  __self: undefined,
15335
15336
  __source: {
15336
15337
  fileName: _jsxFileName$x,
15337
- lineNumber: 1042,
15338
+ lineNumber: 1045,
15338
15339
  columnNumber: 15
15339
15340
  }
15340
15341
  }, "Loading....")), items.length > 0 || isLoading ? /*#__PURE__*/React__default.createElement(Option, _extends({}, getMenuProps({
@@ -15346,7 +15347,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15346
15347
  __self: undefined,
15347
15348
  __source: {
15348
15349
  fileName: _jsxFileName$x,
15349
- lineNumber: 1047,
15350
+ lineNumber: 1050,
15350
15351
  columnNumber: 13
15351
15352
  }
15352
15353
  }), /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
@@ -15369,14 +15370,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15369
15370
  __self: undefined,
15370
15371
  __source: {
15371
15372
  fileName: _jsxFileName$x,
15372
- lineNumber: 1051,
15373
+ lineNumber: 1054,
15373
15374
  columnNumber: 19
15374
15375
  }
15375
15376
  }, child),
15376
15377
  __self: undefined,
15377
15378
  __source: {
15378
15379
  fileName: _jsxFileName$x,
15379
- lineNumber: 1048,
15380
+ lineNumber: 1051,
15380
15381
  columnNumber: 15
15381
15382
  }
15382
15383
  }, isOpen && items.map((item, index) => item != null && item.children ? renderOptionGroupItem(item) : renderOptionItem(item, index)))) : /*#__PURE__*/React__default.createElement(Option, _extends({
@@ -15389,14 +15390,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15389
15390
  __self: undefined,
15390
15391
  __source: {
15391
15392
  fileName: _jsxFileName$x,
15392
- lineNumber: 1076,
15393
+ lineNumber: 1079,
15393
15394
  columnNumber: 13
15394
15395
  }
15395
15396
  }), /*#__PURE__*/React__default.createElement(StyledDiv, {
15396
15397
  __self: undefined,
15397
15398
  __source: {
15398
15399
  fileName: _jsxFileName$x,
15399
- lineNumber: 1077,
15400
+ lineNumber: 1080,
15400
15401
  columnNumber: 15
15401
15402
  }
15402
15403
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -15406,7 +15407,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15406
15407
  __self: undefined,
15407
15408
  __source: {
15408
15409
  fileName: _jsxFileName$x,
15409
- lineNumber: 1078,
15410
+ lineNumber: 1081,
15410
15411
  columnNumber: 17
15411
15412
  }
15412
15413
  }, /*#__PURE__*/React__default.createElement(CircleInfoOutline, {
@@ -15418,7 +15419,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15418
15419
  __self: undefined,
15419
15420
  __source: {
15420
15421
  fileName: _jsxFileName$x,
15421
- lineNumber: 1079,
15422
+ lineNumber: 1082,
15422
15423
  columnNumber: 19
15423
15424
  }
15424
15425
  })), textEmptyItem != null ? textEmptyItem : t('emptyItemText', 'Item tidak ditemukan')))));
@@ -15491,7 +15492,7 @@ InputSelectCheck.defaultProps = {
15491
15492
  onItemClick: changes => {}
15492
15493
  };
15493
15494
 
15494
- var _jsxFileName$w = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectTag/InputSelectTag.js";
15495
+ var _jsxFileName$w = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputSelectTag/InputSelectTag.js";
15495
15496
  const InputSelectTag = /*#__PURE__*/React.forwardRef((props, ref) => {
15496
15497
  return /*#__PURE__*/React.createElement(InputSelectCheck, _extends({
15497
15498
  ref: ref,
@@ -15552,7 +15553,7 @@ InputSelectTag.defaultProps = {
15552
15553
  defaultValue: []
15553
15554
  };
15554
15555
 
15555
- var _jsxFileName$v = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCreatable/InputCreatable.js";
15556
+ var _jsxFileName$v = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputCreatable/InputCreatable.js";
15556
15557
  const Wrapper = styled('div', {
15557
15558
  margin: 0,
15558
15559
  flexDirection: 'column',
@@ -16723,7 +16724,7 @@ InputCounter.defaultProps = {
16723
16724
 
16724
16725
  const _excluded$c = ["children"],
16725
16726
  _excluded2$3 = ["children", "showOverlay"];
16726
- var _jsxFileName$u = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/drawer/Drawer.js";
16727
+ var _jsxFileName$u = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/drawer/Drawer.js";
16727
16728
  const Context$1 = /*#__PURE__*/React__default.createContext();
16728
16729
  const {
16729
16730
  sizes
@@ -17073,7 +17074,7 @@ DrawerCloseButton.displayName = 'DrawerCloseButton';
17073
17074
 
17074
17075
  const _excluded$b = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size", "withMaxWidth", "mobileOnly", "desktopOnly"],
17075
17076
  _excluded2$2 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
17076
- var _jsxFileName$t = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/buttonGroup/ButtonGroup.js";
17077
+ var _jsxFileName$t = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/buttonGroup/ButtonGroup.js";
17077
17078
  const ScrollButton$1 = styled(Button$4, {
17078
17079
  width: '28px',
17079
17080
  outline: '$btnPrimary solid 1px',
@@ -17602,7 +17603,7 @@ const DateNumber = styled('div', {
17602
17603
  });
17603
17604
  DateNumber.displayName = 'DateNumber';
17604
17605
 
17605
- var _jsxFileName$s = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/datePicker/timePicker/TimePicker.js";
17606
+ var _jsxFileName$s = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/datePicker/timePicker/TimePicker.js";
17606
17607
  const Input$3 = styled('input', {
17607
17608
  display: 'none'
17608
17609
  });
@@ -18158,7 +18159,7 @@ TimePicker.propTypes = {
18158
18159
  };
18159
18160
  NativeTimePicker.displayName = 'NativeTimePicker';
18160
18161
 
18161
- var _jsxFileName$r = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/datePicker/timePicker/InputTimePicker.js";
18162
+ var _jsxFileName$r = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/datePicker/timePicker/InputTimePicker.js";
18162
18163
  const getInputPickerValue$1 = date => {
18163
18164
  if (!date) return;
18164
18165
  return moment(date).format('HH:mm');
@@ -21013,7 +21014,7 @@ function InputSignature({
21013
21014
  }
21014
21015
 
21015
21016
  const _excluded$a = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
21016
- var _jsxFileName$q = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/slider/Slider.js";
21017
+ var _jsxFileName$q = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/slider/Slider.js";
21017
21018
  const StyledSlider = styled$1(SliderPrimitive.Root, {
21018
21019
  position: 'relative',
21019
21020
  display: 'flex',
@@ -21357,7 +21358,7 @@ Slider.defaultProps = {
21357
21358
  };
21358
21359
 
21359
21360
  const _excluded$9 = ["className", "children", "onClick", "type", "size"];
21360
- var _jsxFileName$p = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tagStatus/TagStatus.js";
21361
+ var _jsxFileName$p = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/tagStatus/TagStatus.js";
21361
21362
  const TagWrapper$1 = styled('div', {
21362
21363
  boxSizing: 'border-box',
21363
21364
  fontSize: '12px',
@@ -21520,7 +21521,7 @@ const _excluded$8 = ["children"],
21520
21521
  _excluded2$1 = ["children", "activeTabs"],
21521
21522
  _excluded3$1 = ["children", "icon", "activeTabs", "value"],
21522
21523
  _excluded4 = ["activeTabs"];
21523
- var _jsxFileName$o = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tabs/Tabs.js";
21524
+ var _jsxFileName$o = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/tabs/Tabs.js";
21524
21525
  const StyledTabs = styled(TabsPrimitive.Root, {
21525
21526
  display: 'flex',
21526
21527
  flexDirection: 'column',
@@ -21859,7 +21860,7 @@ TabsContent$1.propTypes = {
21859
21860
  };
21860
21861
 
21861
21862
  const _excluded$7 = ["children", "variantIcon"];
21862
- var _jsxFileName$n = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/notificationBadge/NotificationBadge.js";
21863
+ var _jsxFileName$n = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/notificationBadge/NotificationBadge.js";
21863
21864
  const NotificationBadgeRootStyle = styled('span', {
21864
21865
  position: 'relative',
21865
21866
  display: 'inline-flex',
@@ -22014,7 +22015,7 @@ NotificationBadge.propTypes = {
22014
22015
  };
22015
22016
 
22016
22017
  const _excluded$6 = ["className", "children", "radius", "padding", "width", "height"];
22017
- var _jsxFileName$m = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/paper/Paper.js";
22018
+ var _jsxFileName$m = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/paper/Paper.js";
22018
22019
  const PaperComponent = styled('div', {
22019
22020
  padding: '20px',
22020
22021
  height: 'auto',
@@ -22267,7 +22268,7 @@ const removeUndefinedFields = obj => {
22267
22268
  };
22268
22269
 
22269
22270
  const _excluded$5 = ["isActive", "onClick"];
22270
- var _jsxFileName$l = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/PaginationButton.js";
22271
+ var _jsxFileName$l = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/pagination/PaginationButton.js";
22271
22272
  const PrevNextButton = styled(Text$1, {
22272
22273
  padding: '$spacing-01',
22273
22274
  cursor: 'pointer',
@@ -22761,7 +22762,7 @@ const PaginationButton = ({
22761
22762
  };
22762
22763
 
22763
22764
  const _excluded$4 = ["limits", "selectedLimit", "currentPage", "totalData", "onChange"];
22764
- var _jsxFileName$k = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/PaginationInfo.js";
22765
+ var _jsxFileName$k = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/pagination/PaginationInfo.js";
22765
22766
  const LimitContainer = styled(Flex$1, {
22766
22767
  cursor: 'pointer'
22767
22768
  });
@@ -22996,7 +22997,7 @@ function PaginationInfo(_ref) {
22996
22997
  }
22997
22998
 
22998
22999
  const _excluded$3 = ["limit", "currentPage", "totalData", "totalPage", "hideDataInfo", "onLimitChange", "onPageChange", "rowsPerPageOptions", "hidePagination", "hideInputPageSection"];
22999
- var _jsxFileName$j = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/Pagination.js";
23000
+ var _jsxFileName$j = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/pagination/Pagination.js";
23000
23001
  function Pagination(_ref) {
23001
23002
  let {
23002
23003
  limit,
@@ -23870,7 +23871,7 @@ const ScrollSyncNode = /*#__PURE__*/forwardRef((props, forwardedRef) => {
23870
23871
  });
23871
23872
  ScrollSyncNode.displayName = 'ScrollSyncNode';
23872
23873
 
23873
- var _jsxFileName$i = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowDraggableColumn.js";
23874
+ var _jsxFileName$i = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowDraggableColumn.js";
23874
23875
  const DragHandle = SortableHandle(() => /*#__PURE__*/React__default.createElement(IconButton, {
23875
23876
  icon: true,
23876
23877
  size: "xs",
@@ -25365,7 +25366,7 @@ const TableColumn = _a => {
25365
25366
  return jsx("div", {}, void 0);
25366
25367
  };
25367
25368
 
25368
- var _jsxFileName$h = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/DateColumn.js";
25369
+ var _jsxFileName$h = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/DateColumn.js";
25369
25370
  const DateColumn = ({
25370
25371
  value,
25371
25372
  customFormat
@@ -25477,7 +25478,7 @@ const PriceColumn = props => {
25477
25478
  return addThousandSeparator(param);
25478
25479
  };
25479
25480
 
25480
- var _jsxFileName$g = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderColumn.js";
25481
+ var _jsxFileName$g = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderColumn.js";
25481
25482
  const rowExpanderColumn = {
25482
25483
  id: 'expander',
25483
25484
  Header: () => null,
@@ -25520,7 +25521,7 @@ const rowExpanderColumn = {
25520
25521
  unsortable: true
25521
25522
  };
25522
25523
 
25523
- var _jsxFileName$f = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderMultipleColumn.js";
25524
+ var _jsxFileName$f = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderMultipleColumn.js";
25524
25525
  const rowExpanderMultipleColumn = {
25525
25526
  id: 'multiple-expander',
25526
25527
  Header: () => null,
@@ -25556,7 +25557,7 @@ const rowExpanderMultipleColumn = {
25556
25557
  unsortable: true
25557
25558
  };
25558
25559
 
25559
- var _jsxFileName$e = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowMenuColumn.js";
25560
+ var _jsxFileName$e = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowMenuColumn.js";
25560
25561
  const rowMenuColumn = (options, icon, config) => ({
25561
25562
  id: 'menu',
25562
25563
  options,
@@ -25693,7 +25694,7 @@ const rowMenuColumn = (options, icon, config) => ({
25693
25694
  unsortable: true
25694
25695
  });
25695
25696
 
25696
- var _jsxFileName$d = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionColumn.js";
25697
+ var _jsxFileName$d = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionColumn.js";
25697
25698
  const rowSelectionColumn = {
25698
25699
  id: 'selection',
25699
25700
  Header: ({
@@ -25742,7 +25743,7 @@ const rowSelectionColumn = {
25742
25743
  unsortable: true
25743
25744
  };
25744
25745
 
25745
- var _jsxFileName$c = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionCallbackColumn.js";
25746
+ var _jsxFileName$c = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionCallbackColumn.js";
25746
25747
  const rowSelectionWithCallbackColumn = (onCheckedChange, onAllCheckedChange) => ({
25747
25748
  id: 'selection',
25748
25749
  Header: ({
@@ -26080,7 +26081,7 @@ PageDialog.defaultProps = {
26080
26081
  };
26081
26082
 
26082
26083
  const _excluded$2 = ["children"];
26083
- var _jsxFileName$b = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/alertDialog/AlertDialog.js";
26084
+ var _jsxFileName$b = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/alertDialog/AlertDialog.js";
26084
26085
  const overlayShow = keyframes({
26085
26086
  '0%': {
26086
26087
  opacity: 0
@@ -26715,7 +26716,7 @@ const AlertDialogConfirm = ADialog.Action;
26715
26716
  const _excluded$1 = ["side", "align", "children"],
26716
26717
  _excluded2 = ["children"],
26717
26718
  _excluded3 = ["asChild"];
26718
- var _jsxFileName$a = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/dropdownMenu/DropdownMenu.js";
26719
+ var _jsxFileName$a = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/dropdownMenu/DropdownMenu.js";
26719
26720
  const Context = /*#__PURE__*/React__default.createContext();
26720
26721
  const slideUpAndFade = keyframes({
26721
26722
  '0%': {
@@ -28995,7 +28996,7 @@ function imgPreview(image, crop, scale = 1, rotate = 0, ratio, type) {
28995
28996
  }
28996
28997
 
28997
28998
  const _excluded = ["customPreviewIcon"];
28998
- var _jsxFileName$9 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/upload/Upload.js";
28999
+ var _jsxFileName$9 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/upload/Upload.js";
28999
29000
  const Input$2 = styled('input', {
29000
29001
  display: 'none !important'
29001
29002
  });
@@ -29941,30 +29942,18 @@ const Upload = ({
29941
29942
  lineNumber: 805,
29942
29943
  columnNumber: 9
29943
29944
  }
29944
- }, /*#__PURE__*/React__default.createElement(Input$2, {
29945
- type: "file",
29946
- accept: accept,
29947
- ref: hiddenFileInput,
29948
- onChange: handleChange,
29949
- multiple: multiple,
29945
+ }, /*#__PURE__*/React__default.createElement(Children, {
29950
29946
  __self: this,
29951
29947
  __source: {
29952
29948
  fileName: _jsxFileName$9,
29953
29949
  lineNumber: 816,
29954
29950
  columnNumber: 11
29955
29951
  }
29956
- }), /*#__PURE__*/React__default.createElement(Children, {
29957
- __self: this,
29958
- __source: {
29959
- fileName: _jsxFileName$9,
29960
- lineNumber: 817,
29961
- columnNumber: 11
29962
- }
29963
29952
  }, children != null ? children : /*#__PURE__*/React__default.createElement(React__default.Fragment, {
29964
29953
  __self: this,
29965
29954
  __source: {
29966
29955
  fileName: _jsxFileName$9,
29967
- lineNumber: 819,
29956
+ lineNumber: 818,
29968
29957
  columnNumber: 15
29969
29958
  }
29970
29959
  }, /*#__PURE__*/React__default.createElement(IconCard, {
@@ -29973,7 +29962,7 @@ const Upload = ({
29973
29962
  __self: this,
29974
29963
  __source: {
29975
29964
  fileName: _jsxFileName$9,
29976
- lineNumber: 820,
29965
+ lineNumber: 819,
29977
29966
  columnNumber: 17
29978
29967
  }
29979
29968
  }, /*#__PURE__*/React__default.createElement(UploadOutline, {
@@ -29981,7 +29970,7 @@ const Upload = ({
29981
29970
  __self: this,
29982
29971
  __source: {
29983
29972
  fileName: _jsxFileName$9,
29984
- lineNumber: 821,
29973
+ lineNumber: 820,
29985
29974
  columnNumber: 19
29986
29975
  }
29987
29976
  })), /*#__PURE__*/React__default.createElement(Text, {
@@ -29991,7 +29980,7 @@ const Upload = ({
29991
29980
  __self: this,
29992
29981
  __source: {
29993
29982
  fileName: _jsxFileName$9,
29994
- lineNumber: 823,
29983
+ lineNumber: 822,
29995
29984
  columnNumber: 17
29996
29985
  }
29997
29986
  }, placeholder != null ? placeholder : t('uploadPlaceholder', 'Pilih atau letakkan berkas di sini'))))), error && /*#__PURE__*/React__default.createElement(ErrorMessage, {
@@ -30001,19 +29990,21 @@ const Upload = ({
30001
29990
  __self: this,
30002
29991
  __source: {
30003
29992
  fileName: _jsxFileName$9,
30004
- lineNumber: 830,
29993
+ lineNumber: 829,
30005
29994
  columnNumber: 19
30006
29995
  }
30007
29996
  }, error));
30008
29997
  }
30009
29998
  function renderCropper() {
30010
29999
  return /*#__PURE__*/React__default.createElement(ModalDialog, {
30011
- onOpenChange: () => setCrop(null),
30000
+ onOpenChange: open => {
30001
+ if (!open) setCrop(null);
30002
+ },
30012
30003
  isMobile: isMobile,
30013
30004
  __self: this,
30014
30005
  __source: {
30015
30006
  fileName: _jsxFileName$9,
30016
- lineNumber: 837,
30007
+ lineNumber: 836,
30017
30008
  columnNumber: 7
30018
30009
  }
30019
30010
  }, /*#__PURE__*/React__default.createElement(ModalDialogTrigger, {
@@ -30021,7 +30012,7 @@ const Upload = ({
30021
30012
  __self: this,
30022
30013
  __source: {
30023
30014
  fileName: _jsxFileName$9,
30024
- lineNumber: 838,
30015
+ lineNumber: 842,
30025
30016
  columnNumber: 9
30026
30017
  }
30027
30018
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -30029,7 +30020,7 @@ const Upload = ({
30029
30020
  __self: this,
30030
30021
  __source: {
30031
30022
  fileName: _jsxFileName$9,
30032
- lineNumber: 839,
30023
+ lineNumber: 843,
30033
30024
  columnNumber: 11
30034
30025
  }
30035
30026
  })), /*#__PURE__*/React__default.createElement(ModalDialogTitle, {
@@ -30042,7 +30033,7 @@ const Upload = ({
30042
30033
  __self: this,
30043
30034
  __source: {
30044
30035
  fileName: _jsxFileName$9,
30045
- lineNumber: 841,
30036
+ lineNumber: 845,
30046
30037
  columnNumber: 9
30047
30038
  }
30048
30039
  }, cropperTitle || t('cropperTitle', 'Potong Gambar')), /*#__PURE__*/React__default.createElement(ModalDialogContent, {
@@ -30055,7 +30046,7 @@ const Upload = ({
30055
30046
  __self: this,
30056
30047
  __source: {
30057
30048
  fileName: _jsxFileName$9,
30058
- lineNumber: 844,
30049
+ lineNumber: 848,
30059
30050
  columnNumber: 9
30060
30051
  }
30061
30052
  }, /*#__PURE__*/React__default.createElement(ReactCrop, {
@@ -30066,7 +30057,7 @@ const Upload = ({
30066
30057
  __self: this,
30067
30058
  __source: {
30068
30059
  fileName: _jsxFileName$9,
30069
- lineNumber: 852,
30060
+ lineNumber: 856,
30070
30061
  columnNumber: 11
30071
30062
  }
30072
30063
  }, /*#__PURE__*/React__default.createElement(Image, {
@@ -30080,14 +30071,14 @@ const Upload = ({
30080
30071
  __self: this,
30081
30072
  __source: {
30082
30073
  fileName: _jsxFileName$9,
30083
- lineNumber: 853,
30074
+ lineNumber: 857,
30084
30075
  columnNumber: 13
30085
30076
  }
30086
30077
  }))), /*#__PURE__*/React__default.createElement(ModalDialogFooter, {
30087
30078
  __self: this,
30088
30079
  __source: {
30089
30080
  fileName: _jsxFileName$9,
30090
- lineNumber: 864,
30081
+ lineNumber: 868,
30091
30082
  columnNumber: 9
30092
30083
  }
30093
30084
  }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -30099,14 +30090,14 @@ const Upload = ({
30099
30090
  __self: this,
30100
30091
  __source: {
30101
30092
  fileName: _jsxFileName$9,
30102
- lineNumber: 865,
30093
+ lineNumber: 869,
30103
30094
  columnNumber: 11
30104
30095
  }
30105
30096
  }, hiddenToggleAspect ? /*#__PURE__*/React__default.createElement(Box, {
30106
30097
  __self: this,
30107
30098
  __source: {
30108
30099
  fileName: _jsxFileName$9,
30109
- lineNumber: 867,
30100
+ lineNumber: 871,
30110
30101
  columnNumber: 15
30111
30102
  }
30112
30103
  }) : /*#__PURE__*/React__default.createElement(Tooltip$1, {
@@ -30114,7 +30105,7 @@ const Upload = ({
30114
30105
  __self: this,
30115
30106
  __source: {
30116
30107
  fileName: _jsxFileName$9,
30117
- lineNumber: 869,
30108
+ lineNumber: 873,
30118
30109
  columnNumber: 15
30119
30110
  }
30120
30111
  }, /*#__PURE__*/React__default.createElement(ImageOutline, {
@@ -30126,7 +30117,7 @@ const Upload = ({
30126
30117
  __self: this,
30127
30118
  __source: {
30128
30119
  fileName: _jsxFileName$9,
30129
- lineNumber: 870,
30120
+ lineNumber: 874,
30130
30121
  columnNumber: 17
30131
30122
  }
30132
30123
  })), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -30134,7 +30125,7 @@ const Upload = ({
30134
30125
  __self: this,
30135
30126
  __source: {
30136
30127
  fileName: _jsxFileName$9,
30137
- lineNumber: 877,
30128
+ lineNumber: 881,
30138
30129
  columnNumber: 13
30139
30130
  }
30140
30131
  }, /*#__PURE__*/React__default.createElement(Button$4, {
@@ -30143,7 +30134,7 @@ const Upload = ({
30143
30134
  __self: this,
30144
30135
  __source: {
30145
30136
  fileName: _jsxFileName$9,
30146
- lineNumber: 878,
30137
+ lineNumber: 882,
30147
30138
  columnNumber: 15
30148
30139
  }
30149
30140
  }, t('label.cancel', 'Batal', {
@@ -30153,7 +30144,7 @@ const Upload = ({
30153
30144
  __self: this,
30154
30145
  __source: {
30155
30146
  fileName: _jsxFileName$9,
30156
- lineNumber: 881,
30147
+ lineNumber: 885,
30157
30148
  columnNumber: 15
30158
30149
  }
30159
30150
  }, t('save', 'Simpan', {
@@ -30170,7 +30161,7 @@ const Upload = ({
30170
30161
  __self: undefined,
30171
30162
  __source: {
30172
30163
  fileName: _jsxFileName$9,
30173
- lineNumber: 890,
30164
+ lineNumber: 894,
30174
30165
  columnNumber: 5
30175
30166
  }
30176
30167
  }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default.createElement(UploadProgress, {
@@ -30179,10 +30170,22 @@ const Upload = ({
30179
30170
  __self: undefined,
30180
30171
  __source: {
30181
30172
  fileName: _jsxFileName$9,
30182
- lineNumber: 893,
30173
+ lineNumber: 897,
30183
30174
  columnNumber: 32
30184
30175
  }
30185
- }) : renderUpload(), showCropper && renderCropper());
30176
+ }) : renderUpload(), showCropper && renderCropper(), /*#__PURE__*/React__default.createElement(Input$2, {
30177
+ type: "file",
30178
+ accept: accept,
30179
+ ref: hiddenFileInput,
30180
+ onChange: handleChange,
30181
+ multiple: multiple,
30182
+ __self: undefined,
30183
+ __source: {
30184
+ fileName: _jsxFileName$9,
30185
+ lineNumber: 899,
30186
+ columnNumber: 7
30187
+ }
30188
+ }));
30186
30189
  };
30187
30190
  Upload.defaultProps = {
30188
30191
  listType: 'file',
@@ -30984,7 +30987,7 @@ const Device = props => {
30984
30987
  };
30985
30988
  Device.displayName = 'DevicePreview';
30986
30989
 
30987
- var _jsxFileName$8 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/InputColorPicker.js";
30990
+ var _jsxFileName$8 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/colorPicker/InputColorPicker.js";
30988
30991
  const Separator$1 = styled('div', {
30989
30992
  height: 20,
30990
30993
  width: 1,
@@ -31001,16 +31004,19 @@ function InputColorPicker(props) {
31001
31004
  return `rgba(${color.r},${color.g},${color.b},${color.a})`;
31002
31005
  }
31003
31006
  function renderInputGroup() {
31004
- return /*#__PURE__*/React__default.createElement(InputGroup, {
31005
- onClick: () => setIsPopover(true),
31007
+ return /*#__PURE__*/React__default.createElement(InputGroup, _extends({
31006
31008
  size: props.size,
31009
+ disabled: props.disabled
31010
+ }, !props.disabled && {
31011
+ onClick: () => setIsPopover(true)
31012
+ }, {
31007
31013
  __self: this,
31008
31014
  __source: {
31009
31015
  fileName: _jsxFileName$8,
31010
31016
  lineNumber: 22,
31011
31017
  columnNumber: 7
31012
31018
  }
31013
- }, /*#__PURE__*/React__default.createElement(InputLeftElement, {
31019
+ }), /*#__PURE__*/React__default.createElement(InputLeftElement, {
31014
31020
  children: /*#__PURE__*/React__default.createElement(Box, {
31015
31021
  css: {
31016
31022
  width: 16,
@@ -31021,21 +31027,21 @@ function InputColorPicker(props) {
31021
31027
  __self: this,
31022
31028
  __source: {
31023
31029
  fileName: _jsxFileName$8,
31024
- lineNumber: 24,
31030
+ lineNumber: 28,
31025
31031
  columnNumber: 21
31026
31032
  }
31027
31033
  }),
31028
31034
  __self: this,
31029
31035
  __source: {
31030
31036
  fileName: _jsxFileName$8,
31031
- lineNumber: 23,
31037
+ lineNumber: 27,
31032
31038
  columnNumber: 9
31033
31039
  }
31034
31040
  }), /*#__PURE__*/React__default.createElement(Separator$1, {
31035
31041
  __self: this,
31036
31042
  __source: {
31037
31043
  fileName: _jsxFileName$8,
31038
- lineNumber: 26,
31044
+ lineNumber: 30,
31039
31045
  columnNumber: 9
31040
31046
  }
31041
31047
  }), /*#__PURE__*/React__default.createElement(InputText, {
@@ -31045,7 +31051,7 @@ function InputColorPicker(props) {
31045
31051
  __self: this,
31046
31052
  __source: {
31047
31053
  fileName: _jsxFileName$8,
31048
- lineNumber: 27,
31054
+ lineNumber: 31,
31049
31055
  columnNumber: 9
31050
31056
  }
31051
31057
  }));
@@ -31055,7 +31061,7 @@ function InputColorPicker(props) {
31055
31061
  __self: this,
31056
31062
  __source: {
31057
31063
  fileName: _jsxFileName$8,
31058
- lineNumber: 33,
31064
+ lineNumber: 37,
31059
31065
  columnNumber: 12
31060
31066
  }
31061
31067
  }));
@@ -31067,14 +31073,14 @@ function InputColorPicker(props) {
31067
31073
  __self: this,
31068
31074
  __source: {
31069
31075
  fileName: _jsxFileName$8,
31070
- lineNumber: 37,
31076
+ lineNumber: 41,
31071
31077
  columnNumber: 5
31072
31078
  }
31073
31079
  }, /*#__PURE__*/React__default.createElement(PopoverTrigger, {
31074
31080
  __self: this,
31075
31081
  __source: {
31076
31082
  fileName: _jsxFileName$8,
31077
- lineNumber: 38,
31083
+ lineNumber: 42,
31078
31084
  columnNumber: 7
31079
31085
  }
31080
31086
  }, renderInputGroup()), /*#__PURE__*/React__default.createElement(PopoverContent, {
@@ -31083,7 +31089,7 @@ function InputColorPicker(props) {
31083
31089
  __self: this,
31084
31090
  __source: {
31085
31091
  fileName: _jsxFileName$8,
31086
- lineNumber: 39,
31092
+ lineNumber: 43,
31087
31093
  columnNumber: 7
31088
31094
  }
31089
31095
  }, renderColorPicker()));
@@ -31125,7 +31131,11 @@ InputColorPicker.propTypes = {
31125
31131
  /**
31126
31132
  Define popover custom styling.
31127
31133
  */
31128
- popoverCss: PropTypes.shape({})
31134
+ popoverCss: PropTypes.shape({}),
31135
+ /**
31136
+ Disabled state.
31137
+ */
31138
+ disabled: PropTypes.bool
31129
31139
  };
31130
31140
  InputColorPicker.defaultProps = {
31131
31141
  size: 'sm',
@@ -31137,7 +31147,7 @@ InputColorPicker.defaultProps = {
31137
31147
 
31138
31148
  var img$d = "data:image/gif;base64,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";
31139
31149
 
31140
- var _jsxFileName$7 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/components/ColorMap.js";
31150
+ var _jsxFileName$7 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/colorPicker/components/ColorMap.js";
31141
31151
  const Container$7 = styled('div', {
31142
31152
  userSelect: 'none',
31143
31153
  margin: 'auto',
@@ -33098,7 +33108,7 @@ function ColorMap({
33098
33108
  })));
33099
33109
  }
33100
33110
 
33101
- var _jsxFileName$6 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/components/ColorFields.js";
33111
+ var _jsxFileName$6 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/colorPicker/components/ColorFields.js";
33102
33112
  const CheckBoard = styled(Flex$1, {
33103
33113
  background: '$bgwhite',
33104
33114
  border: '1px solid #E5E7EB',
@@ -33299,7 +33309,7 @@ function ColorFields({
33299
33309
  }, "%")));
33300
33310
  }
33301
33311
 
33302
- var _jsxFileName$5 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/ColorPicker.js";
33312
+ var _jsxFileName$5 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/colorPicker/ColorPicker.js";
33303
33313
  const Container$6 = styled(Flex$1, {
33304
33314
  background: '$white',
33305
33315
  padding: 16,
@@ -33479,14 +33489,11 @@ function ColorPicker({
33479
33489
  }, e);
33480
33490
  }
33481
33491
  };
33482
- function handleAddColor() {
33483
- onAddColor && onAddColor();
33484
- }
33485
33492
  return /*#__PURE__*/React__default.createElement(Container$6, {
33486
33493
  __self: this,
33487
33494
  __source: {
33488
33495
  fileName: _jsxFileName$5,
33489
- lineNumber: 184,
33496
+ lineNumber: 180,
33490
33497
  columnNumber: 5
33491
33498
  }
33492
33499
  }, /*#__PURE__*/React__default.createElement(Tabs, {
@@ -33494,7 +33501,7 @@ function ColorPicker({
33494
33501
  __self: this,
33495
33502
  __source: {
33496
33503
  fileName: _jsxFileName$5,
33497
- lineNumber: 185,
33504
+ lineNumber: 181,
33498
33505
  columnNumber: 7
33499
33506
  }
33500
33507
  }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -33503,14 +33510,14 @@ function ColorPicker({
33503
33510
  __self: this,
33504
33511
  __source: {
33505
33512
  fileName: _jsxFileName$5,
33506
- lineNumber: 186,
33513
+ lineNumber: 182,
33507
33514
  columnNumber: 9
33508
33515
  }
33509
33516
  }, /*#__PURE__*/React__default.createElement(TabsList, {
33510
33517
  __self: this,
33511
33518
  __source: {
33512
33519
  fileName: _jsxFileName$5,
33513
- lineNumber: 187,
33520
+ lineNumber: 183,
33514
33521
  columnNumber: 11
33515
33522
  }
33516
33523
  }, /*#__PURE__*/React__default.createElement(TabsTrigger, {
@@ -33518,7 +33525,7 @@ function ColorPicker({
33518
33525
  __self: this,
33519
33526
  __source: {
33520
33527
  fileName: _jsxFileName$5,
33521
- lineNumber: 188,
33528
+ lineNumber: 184,
33522
33529
  columnNumber: 13
33523
33530
  }
33524
33531
  }, "Selection"), /*#__PURE__*/React__default.createElement(TabsTrigger, {
@@ -33526,7 +33533,7 @@ function ColorPicker({
33526
33533
  __self: this,
33527
33534
  __source: {
33528
33535
  fileName: _jsxFileName$5,
33529
- lineNumber: 189,
33536
+ lineNumber: 185,
33530
33537
  columnNumber: 13
33531
33538
  }
33532
33539
  }, "Palette")), /*#__PURE__*/React__default.createElement(TabsContent, {
@@ -33534,7 +33541,7 @@ function ColorPicker({
33534
33541
  __self: this,
33535
33542
  __source: {
33536
33543
  fileName: _jsxFileName$5,
33537
- lineNumber: 191,
33544
+ lineNumber: 187,
33538
33545
  columnNumber: 11
33539
33546
  }
33540
33547
  }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -33543,14 +33550,14 @@ function ColorPicker({
33543
33550
  __self: this,
33544
33551
  __source: {
33545
33552
  fileName: _jsxFileName$5,
33546
- lineNumber: 192,
33553
+ lineNumber: 188,
33547
33554
  columnNumber: 13
33548
33555
  }
33549
33556
  }, /*#__PURE__*/React__default.createElement(SaturationWrap, {
33550
33557
  __self: this,
33551
33558
  __source: {
33552
33559
  fileName: _jsxFileName$5,
33553
- lineNumber: 193,
33560
+ lineNumber: 189,
33554
33561
  columnNumber: 15
33555
33562
  }
33556
33563
  }, /*#__PURE__*/React__default.createElement(Saturation, {
@@ -33561,14 +33568,14 @@ function ColorPicker({
33561
33568
  __self: this,
33562
33569
  __source: {
33563
33570
  fileName: _jsxFileName$5,
33564
- lineNumber: 194,
33571
+ lineNumber: 190,
33565
33572
  columnNumber: 17
33566
33573
  }
33567
33574
  })), /*#__PURE__*/React__default.createElement(HueWrap, {
33568
33575
  __self: this,
33569
33576
  __source: {
33570
33577
  fileName: _jsxFileName$5,
33571
- lineNumber: 196,
33578
+ lineNumber: 192,
33572
33579
  columnNumber: 15
33573
33580
  }
33574
33581
  }, /*#__PURE__*/React__default.createElement(Hue, {
@@ -33578,14 +33585,14 @@ function ColorPicker({
33578
33585
  __self: this,
33579
33586
  __source: {
33580
33587
  fileName: _jsxFileName$5,
33581
- lineNumber: 197,
33588
+ lineNumber: 193,
33582
33589
  columnNumber: 17
33583
33590
  }
33584
33591
  })), !disableAlpha && /*#__PURE__*/React__default.createElement(AlphaWrap, {
33585
33592
  __self: this,
33586
33593
  __source: {
33587
33594
  fileName: _jsxFileName$5,
33588
- lineNumber: 200,
33595
+ lineNumber: 196,
33589
33596
  columnNumber: 17
33590
33597
  }
33591
33598
  }, /*#__PURE__*/React__default.createElement(Alpha, {
@@ -33597,7 +33604,7 @@ function ColorPicker({
33597
33604
  __self: this,
33598
33605
  __source: {
33599
33606
  fileName: _jsxFileName$5,
33600
- lineNumber: 201,
33607
+ lineNumber: 197,
33601
33608
  columnNumber: 19
33602
33609
  }
33603
33610
  })), /*#__PURE__*/React__default.createElement(ColorFields, {
@@ -33610,7 +33617,7 @@ function ColorPicker({
33610
33617
  __self: this,
33611
33618
  __source: {
33612
33619
  fileName: _jsxFileName$5,
33613
- lineNumber: 204,
33620
+ lineNumber: 200,
33614
33621
  columnNumber: 15
33615
33622
  }
33616
33623
  }), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -33618,7 +33625,7 @@ function ColorPicker({
33618
33625
  __self: this,
33619
33626
  __source: {
33620
33627
  fileName: _jsxFileName$5,
33621
- lineNumber: 212,
33628
+ lineNumber: 208,
33622
33629
  columnNumber: 15
33623
33630
  }
33624
33631
  }, /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -33629,10 +33636,10 @@ function ColorPicker({
33629
33636
  __self: this,
33630
33637
  __source: {
33631
33638
  fileName: _jsxFileName$5,
33632
- lineNumber: 213,
33639
+ lineNumber: 209,
33633
33640
  columnNumber: 17
33634
33641
  }
33635
- }, "Saved colors:"), /*#__PURE__*/React__default.createElement(Paragraph, {
33642
+ }, "Saved colors:"), onAddColor && /*#__PURE__*/React__default.createElement(Paragraph, {
33636
33643
  css: {
33637
33644
  fontSize: 12,
33638
33645
  fontWeight: 600,
@@ -33643,12 +33650,12 @@ function ColorPicker({
33643
33650
  color: '$gray400'
33644
33651
  }
33645
33652
  },
33646
- onClick: handleAddColor,
33653
+ onClick: onAddColor(),
33647
33654
  __self: this,
33648
33655
  __source: {
33649
33656
  fileName: _jsxFileName$5,
33650
- lineNumber: 214,
33651
- columnNumber: 17
33657
+ lineNumber: 211,
33658
+ columnNumber: 19
33652
33659
  }
33653
33660
  }, "+ Add")), /*#__PURE__*/React__default.createElement(Colors$1, {
33654
33661
  wrap: "wrap",
@@ -33656,7 +33663,7 @@ function ColorPicker({
33656
33663
  __self: this,
33657
33664
  __source: {
33658
33665
  fileName: _jsxFileName$5,
33659
- lineNumber: 228,
33666
+ lineNumber: 226,
33660
33667
  columnNumber: 15
33661
33668
  }
33662
33669
  }, presetColors.map(colorObjOrString => {
@@ -33669,7 +33676,7 @@ function ColorPicker({
33669
33676
  __self: this,
33670
33677
  __source: {
33671
33678
  fileName: _jsxFileName$5,
33672
- lineNumber: 233,
33679
+ lineNumber: 231,
33673
33680
  columnNumber: 21
33674
33681
  }
33675
33682
  }, /*#__PURE__*/React__default.createElement(Swatch, _extends({}, c, {
@@ -33686,7 +33693,7 @@ function ColorPicker({
33686
33693
  __self: this,
33687
33694
  __source: {
33688
33695
  fileName: _jsxFileName$5,
33689
- lineNumber: 234,
33696
+ lineNumber: 232,
33690
33697
  columnNumber: 23
33691
33698
  }
33692
33699
  })));
@@ -33695,7 +33702,7 @@ function ColorPicker({
33695
33702
  __self: this,
33696
33703
  __source: {
33697
33704
  fileName: _jsxFileName$5,
33698
- lineNumber: 249,
33705
+ lineNumber: 247,
33699
33706
  columnNumber: 11
33700
33707
  }
33701
33708
  }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -33704,7 +33711,7 @@ function ColorPicker({
33704
33711
  __self: this,
33705
33712
  __source: {
33706
33713
  fileName: _jsxFileName$5,
33707
- lineNumber: 250,
33714
+ lineNumber: 248,
33708
33715
  columnNumber: 13
33709
33716
  }
33710
33717
  }, /*#__PURE__*/React__default.createElement(ColorMap, {
@@ -33712,7 +33719,7 @@ function ColorPicker({
33712
33719
  __self: this,
33713
33720
  __source: {
33714
33721
  fileName: _jsxFileName$5,
33715
- lineNumber: 251,
33722
+ lineNumber: 249,
33716
33723
  columnNumber: 15
33717
33724
  }
33718
33725
  }), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -33720,7 +33727,7 @@ function ColorPicker({
33720
33727
  __self: this,
33721
33728
  __source: {
33722
33729
  fileName: _jsxFileName$5,
33723
- lineNumber: 252,
33730
+ lineNumber: 250,
33724
33731
  columnNumber: 15
33725
33732
  }
33726
33733
  }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -33728,7 +33735,7 @@ function ColorPicker({
33728
33735
  __self: this,
33729
33736
  __source: {
33730
33737
  fileName: _jsxFileName$5,
33731
- lineNumber: 253,
33738
+ lineNumber: 251,
33732
33739
  columnNumber: 17
33733
33740
  }
33734
33741
  }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -33740,7 +33747,7 @@ function ColorPicker({
33740
33747
  __self: this,
33741
33748
  __source: {
33742
33749
  fileName: _jsxFileName$5,
33743
- lineNumber: 254,
33750
+ lineNumber: 252,
33744
33751
  columnNumber: 19
33745
33752
  }
33746
33753
  }, listGray.map((item, index) => {
@@ -33753,7 +33760,7 @@ function ColorPicker({
33753
33760
  __self: this,
33754
33761
  __source: {
33755
33762
  fileName: _jsxFileName$5,
33756
- lineNumber: 257,
33763
+ lineNumber: 255,
33757
33764
  columnNumber: 38
33758
33765
  }
33759
33766
  });
@@ -33762,7 +33769,7 @@ function ColorPicker({
33762
33769
  __self: this,
33763
33770
  __source: {
33764
33771
  fileName: _jsxFileName$5,
33765
- lineNumber: 261,
33772
+ lineNumber: 259,
33766
33773
  columnNumber: 19
33767
33774
  }
33768
33775
  }, listGray.map((item, index) => {
@@ -33775,7 +33782,7 @@ function ColorPicker({
33775
33782
  __self: this,
33776
33783
  __source: {
33777
33784
  fileName: _jsxFileName$5,
33778
- lineNumber: 264,
33785
+ lineNumber: 262,
33779
33786
  columnNumber: 39
33780
33787
  }
33781
33788
  });
@@ -33787,7 +33794,7 @@ function ColorPicker({
33787
33794
  __self: this,
33788
33795
  __source: {
33789
33796
  fileName: _jsxFileName$5,
33790
- lineNumber: 269,
33797
+ lineNumber: 267,
33791
33798
  columnNumber: 17
33792
33799
  }
33793
33800
  })))))));
@@ -33819,7 +33826,7 @@ ColorPicker.defaultProps = {
33819
33826
  };
33820
33827
  var ColorPicker$1 = ColorWrap(ColorPicker);
33821
33828
 
33822
- var _jsxFileName$4 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/stepWizard/StepWizard.js";
33829
+ var _jsxFileName$4 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/stepWizard/StepWizard.js";
33823
33830
  const StepWizardContext = /*#__PURE__*/React__default.createContext({});
33824
33831
  const Stepper = StepWizard$1;
33825
33832
  Stepper.displayName = 'Stepper';
@@ -34542,7 +34549,7 @@ StepWizard.defaultProps = {
34542
34549
  isLazyMount: true
34543
34550
  };
34544
34551
 
34545
- var _jsxFileName$3 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tableOfContent/transition.js";
34552
+ var _jsxFileName$3 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/tableOfContent/transition.js";
34546
34553
  function Collapse({
34547
34554
  children,
34548
34555
  isOpen
@@ -34585,7 +34592,7 @@ Collapse.defaultProps = {
34585
34592
  isOpen: false
34586
34593
  };
34587
34594
 
34588
- var _jsxFileName$2 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tableOfContent/TableOfContent.js";
34595
+ var _jsxFileName$2 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/tableOfContent/TableOfContent.js";
34589
34596
  const DesktopContainer = styled(Flex$1, {
34590
34597
  display: 'none',
34591
34598
  '& .active-scroll-spy': {
@@ -34946,7 +34953,7 @@ TableOfContentPage.defaultProps = {
34946
34953
  useBoxMethod: true
34947
34954
  };
34948
34955
 
34949
- var _jsxFileName$1 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/editableTable/transition.js";
34956
+ var _jsxFileName$1 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/editableTable/transition.js";
34950
34957
  function Collapalse({
34951
34958
  children,
34952
34959
  isOpen
@@ -56460,7 +56467,7 @@ PieChartComponent.defaultProps = {
56460
56467
  innerRadius: 70
56461
56468
  };
56462
56469
 
56463
- var _jsxFileName = "/home/alfiantryp/Project/majoo-ui/packages/react/src/colors/Colors.js";
56470
+ var _jsxFileName = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/colors/Colors.js";
56464
56471
  const StyledPaper = styled(Paper, {
56465
56472
  borderRadius: '10px 10px 0 0',
56466
56473
  padding: 15,