@majoo-ui/react 1.61.0-rc.7 → 1.61.0-rc.9

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 (4) hide show
  1. package/components/form/components/InputCounter/InputCounter.d.ts +4 -0
  2. package/index.esm.js +253 -212
  3. package/index.umd.js +253 -212
  4. package/package.json +1 -1
package/index.esm.js CHANGED
@@ -55,7 +55,7 @@ import imageCompressionComponent from 'browser-image-compression';
55
55
  import { useSticky } from 'react-table-sticky';
56
56
  import SignaturePad from 'react-signature-pad-wrapper';
57
57
 
58
- var _jsxFileName$12 = "/Users/majoo/majoo-ui/packages/react/src/majoo-provider/ThemeProvider.js";
58
+ var _jsxFileName$12 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/majoo-provider/ThemeProvider.js";
59
59
  function ThemeProvider({
60
60
  theme,
61
61
  children
@@ -1398,7 +1398,7 @@ const applyGlobalStyles = additionaStyles => {
1398
1398
  globalStyles();
1399
1399
  };
1400
1400
 
1401
- var _jsxFileName$11 = "/Users/majoo/majoo-ui/packages/react/src/majoo-provider/MajooProvider.js";
1401
+ var _jsxFileName$11 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/majoo-provider/MajooProvider.js";
1402
1402
  function MajooProvider({
1403
1403
  children,
1404
1404
  theme: theme$1 = theme,
@@ -1618,9 +1618,9 @@ function _objectWithoutPropertiesLoose(source, excluded) {
1618
1618
  return target;
1619
1619
  }
1620
1620
 
1621
- const _excluded$B = ["children"],
1621
+ const _excluded$C = ["children"],
1622
1622
  _excluded2$4 = ["children"];
1623
- var _jsxFileName$10 = "/Users/majoo/majoo-ui/packages/react/src/layout/grid/Grid.js";
1623
+ var _jsxFileName$10 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/layout/grid/Grid.js";
1624
1624
  const GridComponent = styled('div', {
1625
1625
  display: 'grid',
1626
1626
  variants: {
@@ -1809,7 +1809,7 @@ const Grid = _ref => {
1809
1809
  let {
1810
1810
  children
1811
1811
  } = _ref,
1812
- props = _objectWithoutPropertiesLoose(_ref, _excluded$B);
1812
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$C);
1813
1813
  return /*#__PURE__*/React__default.createElement(GridComponent, _extends({}, props, {
1814
1814
  css: Object.assign({}, props.css, {
1815
1815
  gridAutoColumns: props.autoColumns,
@@ -1889,8 +1889,8 @@ GridItem.propTypes = {
1889
1889
  };
1890
1890
  GridItem.displayName = 'Grid Item';
1891
1891
 
1892
- const _excluded$A = ["children", "isCollapse", "css", "contentHeader"];
1893
- var _jsxFileName$$ = "/Users/majoo/majoo-ui/packages/react/src/layout/pageContainer/PageContainer.js";
1892
+ const _excluded$B = ["children", "isCollapse", "css", "contentHeader"];
1893
+ var _jsxFileName$$ = "/home/alfiantryp/Project/majoo-ui/packages/react/src/layout/pageContainer/PageContainer.js";
1894
1894
  const StyledDiv$2 = styled(Flex$1, {
1895
1895
  justifyContent: 'center',
1896
1896
  marginLeft: 'auto',
@@ -1933,7 +1933,7 @@ const PageContainer = _ref => {
1933
1933
  css,
1934
1934
  contentHeader
1935
1935
  } = _ref,
1936
- props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
1936
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$B);
1937
1937
  return /*#__PURE__*/React__default.createElement(StyledDiv$2, _extends({
1938
1938
  id: "retina-container",
1939
1939
  css: Object.assign({
@@ -2391,8 +2391,8 @@ const Link = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
2391
2391
  }), void 0);
2392
2392
  });
2393
2393
 
2394
- const _excluded$z = ["title", "description", "variant", "link", "linkText", "onClick", "onRemove", "children", "bannerBlock", "icon"];
2395
- var _jsxFileName$_ = "/Users/majoo/majoo-ui/packages/react/src/components/banner/Banner.js";
2394
+ const _excluded$A = ["title", "description", "variant", "link", "linkText", "onClick", "onRemove", "children", "bannerBlock", "icon"];
2395
+ var _jsxFileName$_ = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/banner/Banner.js";
2396
2396
  const Context$2 = /*#__PURE__*/React.createContext();
2397
2397
  const StyledBanner = styled(Flex$1, {
2398
2398
  maxWidth: '100%',
@@ -2728,7 +2728,7 @@ const Banner = _ref => {
2728
2728
  bannerBlock,
2729
2729
  icon
2730
2730
  } = _ref,
2731
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$z);
2731
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$A);
2732
2732
  return /*#__PURE__*/React.createElement(StyledBanner, _extends({
2733
2733
  variant: variant,
2734
2734
  hasAction: !!onClick,
@@ -3392,8 +3392,8 @@ Card.defaultProps = {
3392
3392
  Card.Label = StyledLabel$2;
3393
3393
  Card.Description = StyledDescription$3;
3394
3394
 
3395
- const _excluded$y = ["children"];
3396
- var _jsxFileName$Z = "/Users/majoo/majoo-ui/packages/react/src/components/breadcrumb/Breadcrumb.js";
3395
+ const _excluded$z = ["children"];
3396
+ var _jsxFileName$Z = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/breadcrumb/Breadcrumb.js";
3397
3397
  const BreadcrumbStyle = styled('nav', {
3398
3398
  wordWrap: 'break-word',
3399
3399
  '& li+li:before': {
@@ -3448,7 +3448,7 @@ const BreadcrumbBase = _ref => {
3448
3448
  let {
3449
3449
  children
3450
3450
  } = _ref,
3451
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$y);
3451
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$z);
3452
3452
  return /*#__PURE__*/React__default.createElement(BreadcrumbStyle, _extends({}, rest, {
3453
3453
  "aria-label": "breadcrumb",
3454
3454
  __self: undefined,
@@ -3712,8 +3712,8 @@ Badge.defaultProps = {
3712
3712
  };
3713
3713
  Badge.displayName = 'Badge';
3714
3714
 
3715
- const _excluded$x = ["className", "img", "children", "onLoadingStatusChange", "delayMs", "onClick", "css"];
3716
- var _jsxFileName$Y = "/Users/majoo/majoo-ui/packages/react/src/components/avatar/Avatar.js";
3715
+ const _excluded$y = ["className", "img", "children", "onLoadingStatusChange", "delayMs", "onClick", "css"];
3716
+ var _jsxFileName$Y = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/avatar/Avatar.js";
3717
3717
  const StyledAvatar = styled(AvatarPrimitive.Root, {
3718
3718
  width: '32px',
3719
3719
  height: '32px',
@@ -3757,7 +3757,7 @@ function Avatar(_ref) {
3757
3757
  onClick,
3758
3758
  css
3759
3759
  } = _ref,
3760
- props = _objectWithoutPropertiesLoose(_ref, _excluded$x);
3760
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$y);
3761
3761
  return /*#__PURE__*/React__default.createElement(StyledAvatar, _extends({
3762
3762
  className: className,
3763
3763
  onClick: onClick,
@@ -3814,8 +3814,8 @@ Avatar.defaultProps = {
3814
3814
  delayMs: 0
3815
3815
  };
3816
3816
 
3817
- const _excluded$w = ["className", "src", "alt", "width", "height", "objectFit", "fallback", "fallbackTitle", "css", "cssFallback", "rounded"];
3818
- var _jsxFileName$X = "/Users/majoo/majoo-ui/packages/react/src/components/image/Image.js";
3817
+ const _excluded$x = ["className", "src", "alt", "width", "height", "objectFit", "fallback", "fallbackTitle", "css", "cssFallback", "rounded"];
3818
+ var _jsxFileName$X = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/image/Image.js";
3819
3819
  const ContainerFallback = styled(Flex$1, {
3820
3820
  boxSizing: 'border-box',
3821
3821
  border: '2px dashed #C0C4C4',
@@ -3864,7 +3864,7 @@ function Image(_ref) {
3864
3864
  cssFallback,
3865
3865
  rounded
3866
3866
  } = _ref,
3867
- props = _objectWithoutPropertiesLoose(_ref, _excluded$w);
3867
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$x);
3868
3868
  const {
3869
3869
  t
3870
3870
  } = useTranslation('translation');
@@ -4500,8 +4500,8 @@ for (var COLLECTION_NAME in DOMIterables) {
4500
4500
 
4501
4501
  handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
4502
4502
 
4503
- const _excluded$v = ["children", "label", "color", "css", "withClick", "side", "align", "delayDuration"];
4504
- var _jsxFileName$W = "/Users/majoo/majoo-ui/packages/react/src/components/tooltip/Tooltip.js";
4503
+ const _excluded$w = ["children", "label", "color", "css", "withClick", "side", "align", "delayDuration"];
4504
+ var _jsxFileName$W = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tooltip/Tooltip.js";
4505
4505
  const {
4506
4506
  zIndices: zIndices$2
4507
4507
  } = foundations;
@@ -4617,7 +4617,7 @@ const Tooltip$1 = _ref => {
4617
4617
  align,
4618
4618
  delayDuration
4619
4619
  } = _ref,
4620
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$v);
4620
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$w);
4621
4621
  const [open, setOpen] = useState(false);
4622
4622
  return /*#__PURE__*/React__default.createElement(Provider, {
4623
4623
  __self: undefined,
@@ -4706,8 +4706,8 @@ Tooltip$1.defaultProps = {
4706
4706
  delayDuration: 200
4707
4707
  };
4708
4708
 
4709
- const _excluded$u = ["className", "value", "max", "getValueLabel", "color", "size", "rounded", "width"];
4710
- var _jsxFileName$V = "/Users/majoo/majoo-ui/packages/react/src/components/progress/Progress.js";
4709
+ const _excluded$v = ["className", "value", "max", "getValueLabel", "color", "size", "rounded", "width"];
4710
+ var _jsxFileName$V = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/progress/Progress.js";
4711
4711
  const StyledProgress$1 = styled$1(ProgressPrimitive.Root, {
4712
4712
  position: 'relative',
4713
4713
  overflow: 'hidden',
@@ -4825,7 +4825,7 @@ function Progress$1(_ref) {
4825
4825
  rounded,
4826
4826
  width
4827
4827
  } = _ref,
4828
- props = _objectWithoutPropertiesLoose(_ref, _excluded$u);
4828
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$v);
4829
4829
  return /*#__PURE__*/React__default.createElement(StyledProgress$1, _extends({
4830
4830
  className: className,
4831
4831
  value: value,
@@ -5518,8 +5518,8 @@ function useMediaQuery(query) {
5518
5518
  return matches;
5519
5519
  }
5520
5520
 
5521
- const _excluded$t = ["id", "title", "description", "position", "dismissAfter", "variant", "onClick", "onRemove", "isExternalOfAction", "onClickOfAction", "captionOfAction", "hrefOfAction"];
5522
- var _jsxFileName$U = "/Users/majoo/majoo-ui/packages/react/src/components/toast/Toast.js";
5521
+ const _excluded$u = ["id", "title", "description", "position", "dismissAfter", "variant", "onClick", "onRemove", "isExternalOfAction", "onClickOfAction", "captionOfAction", "hrefOfAction"];
5522
+ var _jsxFileName$U = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/toast/Toast.js";
5523
5523
  const TOAST_WIDTH = 576;
5524
5524
  const ANIMATION_DURATION = 400;
5525
5525
  const TOP_RIGHT_POSITION = 'top-right';
@@ -5687,7 +5687,7 @@ const Toast = _ref => {
5687
5687
  captionOfAction,
5688
5688
  hrefOfAction
5689
5689
  } = _ref,
5690
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$t);
5690
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$u);
5691
5691
  const [isOpen, setIsOpen] = React.useState(false);
5692
5692
  const isMobile = useMediaQuery(`(max-width: 767px`);
5693
5693
  const close = React.useCallback(() => {
@@ -5870,8 +5870,8 @@ Toast.defaultProps = {
5870
5870
  dismissAfter: 5000
5871
5871
  };
5872
5872
 
5873
- const _excluded$s = ["preventDuplicate"];
5874
- var _jsxFileName$T = "/Users/majoo/majoo-ui/packages/react/src/components/toast/ToastContainer.js";
5873
+ const _excluded$t = ["preventDuplicate"];
5874
+ var _jsxFileName$T = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/toast/ToastContainer.js";
5875
5875
  const ToastBox = styled(Flex$1, {
5876
5876
  position: 'fixed',
5877
5877
  variants: {
@@ -5934,7 +5934,7 @@ const ToastContainer = ({
5934
5934
  const {
5935
5935
  preventDuplicate
5936
5936
  } = item,
5937
- toast = _objectWithoutPropertiesLoose(item, _excluded$s);
5937
+ toast = _objectWithoutPropertiesLoose(item, _excluded$t);
5938
5938
  return /*#__PURE__*/React.createElement(Toast, _extends({
5939
5939
  key: preventDuplicate ? toast.id : `${toast.id}-${index}`,
5940
5940
  onRemove: () => removeToast(toast.id)
@@ -7166,8 +7166,8 @@ const catchError = e => {
7166
7166
  return message;
7167
7167
  };
7168
7168
 
7169
- const _excluded$r = ["id", "disabledOfflineIntercept"];
7170
- var _jsxFileName$S = "/Users/majoo/majoo-ui/packages/react/src/components/toast/context/ToastProvider.js";
7169
+ const _excluded$s = ["id", "disabledOfflineIntercept"];
7170
+ var _jsxFileName$S = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/toast/context/ToastProvider.js";
7171
7171
  let toastCount = 0;
7172
7172
  const ToastProvider = ({
7173
7173
  children,
@@ -7196,7 +7196,7 @@ const ToastProvider = ({
7196
7196
  id,
7197
7197
  disabledOfflineIntercept
7198
7198
  } = toast,
7199
- rest = _objectWithoutPropertiesLoose(toast, _excluded$r);
7199
+ rest = _objectWithoutPropertiesLoose(toast, _excluded$s);
7200
7200
 
7201
7201
  // eslint-disable-next-line no-plusplus
7202
7202
  const uniqueId = ++toastCount;
@@ -7285,8 +7285,8 @@ const ConditionalWrapper = ({
7285
7285
  children
7286
7286
  }) => condition ? wrapper(children) : children;
7287
7287
 
7288
- const _excluded$q = ["count", "maxCount", "css"];
7289
- var _jsxFileName$R = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/FormGroup/FormGroup.js";
7288
+ const _excluded$r = ["count", "maxCount", "css"];
7289
+ var _jsxFileName$R = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/FormGroup/FormGroup.js";
7290
7290
  const formLabelClassStyle = {
7291
7291
  alignItems: 'start !important',
7292
7292
  '& > div': {
@@ -7389,7 +7389,7 @@ const FormGroup = _ref => {
7389
7389
  maxCount,
7390
7390
  css
7391
7391
  } = _ref,
7392
- props = _objectWithoutPropertiesLoose(_ref, _excluded$q);
7392
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
7393
7393
  const withCounter = Boolean(count || maxCount);
7394
7394
  return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
7395
7395
  condition: withCounter,
@@ -7436,8 +7436,8 @@ const FormGroup = _ref => {
7436
7436
  };
7437
7437
  FormGroup.displayName = 'FormGroup';
7438
7438
 
7439
- const _excluded$p = ["children", "htmlFor", "variant", "variants", "tooltipLabel", "count", "maxCount", "labelCss"];
7440
- var _jsxFileName$Q = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/FormLabel/Label.js";
7439
+ const _excluded$q = ["children", "htmlFor", "variant", "variants", "tooltipLabel", "count", "maxCount", "labelCss"];
7440
+ var _jsxFileName$Q = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/FormLabel/Label.js";
7441
7441
  const StyledLabel$1 = styled(LabelPrimitive.Root, Text$1, {
7442
7442
  display: 'inline-block',
7443
7443
  fontSize: '$label',
@@ -7469,7 +7469,7 @@ const FormLabel = _ref => {
7469
7469
  maxCount,
7470
7470
  labelCss
7471
7471
  } = _ref,
7472
- props = _objectWithoutPropertiesLoose(_ref, _excluded$p);
7472
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$q);
7473
7473
  return /*#__PURE__*/React__default.createElement(Flex$1, {
7474
7474
  justify: "between",
7475
7475
  className: "form-label",
@@ -7553,8 +7553,8 @@ FormLabel.defaultProps = {
7553
7553
  };
7554
7554
  FormLabel.displayName = 'FormLabel';
7555
7555
 
7556
- const _excluded$o = ["children", "error", "errorMessage"];
7557
- var _jsxFileName$P = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/FormHelper/Helper.js";
7556
+ const _excluded$p = ["children", "error", "errorMessage"];
7557
+ var _jsxFileName$P = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/FormHelper/Helper.js";
7558
7558
  const StyledHelper = styled(Text$1, {
7559
7559
  display: 'inline-block',
7560
7560
  color: '$textSecondary',
@@ -7572,7 +7572,7 @@ const FormHelper = _ref => {
7572
7572
  error,
7573
7573
  errorMessage
7574
7574
  } = _ref,
7575
- props = _objectWithoutPropertiesLoose(_ref, _excluded$o);
7575
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$p);
7576
7576
  const errorByMessage = !!errorMessage;
7577
7577
  if (error === undefined && errorByMessage) {
7578
7578
  return /*#__PURE__*/React__default.createElement(StyledHelper, _extends({
@@ -7609,7 +7609,7 @@ FormHelper.propTypes = {
7609
7609
  };
7610
7610
  FormHelper.displayName = 'FormHelper';
7611
7611
 
7612
- var _jsxFileName$O = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/InputCheckbox/CheckboxGroup.js";
7612
+ var _jsxFileName$O = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/CheckboxGroup.js";
7613
7613
  const CheckboxContext = /*#__PURE__*/createContext();
7614
7614
  const CheckboxGroup = ({
7615
7615
  children,
@@ -7667,7 +7667,7 @@ CheckboxGroup.defaultProps = {
7667
7667
  };
7668
7668
  CheckboxGroup.displayName = 'CheckboxGroup';
7669
7669
 
7670
- var _jsxFileName$N = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/CheckOutline.js";
7670
+ var _jsxFileName$N = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/CheckOutline.js";
7671
7671
  const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends({
7672
7672
  xmlns: "http://www.w3.org/2000/svg",
7673
7673
  xmlSpace: "preserve",
@@ -7714,7 +7714,7 @@ const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends
7714
7714
  }
7715
7715
  }));
7716
7716
 
7717
- var _jsxFileName$M = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/MinusOutline.js";
7717
+ var _jsxFileName$M = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/MinusOutline.js";
7718
7718
  const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
7719
7719
  xmlns: "http://www.w3.org/2000/svg",
7720
7720
  xmlSpace: "preserve",
@@ -7761,8 +7761,8 @@ const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extend
7761
7761
  }
7762
7762
  }));
7763
7763
 
7764
- const _excluded$n = ["id", "checked", "indeterminate", "disabled", "onCheckedChange", "label", "index", "value"];
7765
- var _jsxFileName$L = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/InputCheckbox/InputCheckbox.js";
7764
+ const _excluded$o = ["id", "checked", "indeterminate", "disabled", "onCheckedChange", "label", "index", "value"];
7765
+ var _jsxFileName$L = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/InputCheckbox.js";
7766
7766
  const StyledIndicator$2 = styled(CheckboxPrimitive.Indicator, {
7767
7767
  alignItems: 'center',
7768
7768
  display: 'flex',
@@ -7820,7 +7820,7 @@ const Checkbox = _ref => {
7820
7820
  index,
7821
7821
  value
7822
7822
  } = _ref,
7823
- props = _objectWithoutPropertiesLoose(_ref, _excluded$n);
7823
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$o);
7824
7824
  const context = useContext(CheckboxContext);
7825
7825
  const [isChecked, setChecked] = useState(false);
7826
7826
  useEffect(() => {
@@ -7922,8 +7922,8 @@ InputCheckbox.propTypes = {
7922
7922
  };
7923
7923
  InputCheckbox.displayName = 'InputCheckbox';
7924
7924
 
7925
- const _excluded$m = ["children", "size"];
7926
- var _jsxFileName$K = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/InputGroup/InputGroup.js";
7925
+ const _excluded$n = ["children", "size"];
7926
+ var _jsxFileName$K = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputGroup/InputGroup.js";
7927
7927
  const InputGroupStyle = styled('div', {
7928
7928
  display: 'flex',
7929
7929
  width: '100%',
@@ -8062,7 +8062,7 @@ const InputGroup = _ref => {
8062
8062
  children,
8063
8063
  size = 'lg'
8064
8064
  } = _ref,
8065
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$m);
8065
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$n);
8066
8066
  const isLetter = children.some(child => child.type.name === 'InputPrefix' || child.type.name === 'InputSuffix' || child.type.name === 'InputLeftElement' || child.type.name === 'InputRightElement');
8067
8067
  const isElement = children.some(child => child.type.name === 'InputLeftElement' || child.type.name === 'InputRightElement');
8068
8068
  const clone = children.map((child, index) => {
@@ -8261,8 +8261,8 @@ InputSuffix.propTypes = {
8261
8261
  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
8262
8262
  };
8263
8263
 
8264
- const _excluded$l = ["disabled", "readOnly"];
8265
- var _jsxFileName$J = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/InputText/InputText.js";
8264
+ const _excluded$m = ["disabled", "readOnly"];
8265
+ var _jsxFileName$J = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputText/InputText.js";
8266
8266
  const disabledStyle = {
8267
8267
  backgroundColor: '$formDisable',
8268
8268
  color: '$textDisable',
@@ -8435,7 +8435,7 @@ const InputText = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
8435
8435
  disabled,
8436
8436
  readOnly
8437
8437
  } = _ref,
8438
- props = _objectWithoutPropertiesLoose(_ref, _excluded$l);
8438
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$m);
8439
8439
  return /*#__PURE__*/React__default.createElement(StyledInput$1, _extends({
8440
8440
  ref: ref,
8441
8441
  disabled: disabled,
@@ -8463,8 +8463,8 @@ InputText.propTypes = {
8463
8463
  };
8464
8464
  InputText.displayName = 'InputText';
8465
8465
 
8466
- const _excluded$k = ["disabled", "readOnly"];
8467
- var _jsxFileName$I = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/InputTextArea/InputTextArea.js";
8466
+ const _excluded$l = ["disabled", "readOnly"];
8467
+ var _jsxFileName$I = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputTextArea/InputTextArea.js";
8468
8468
  const StyledTextArea = styled(StyledInput$1, {
8469
8469
  variants: {
8470
8470
  size: {
@@ -8485,7 +8485,7 @@ const InputTextArea = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
8485
8485
  disabled,
8486
8486
  readOnly
8487
8487
  } = _ref,
8488
- props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
8488
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$l);
8489
8489
  const textareaRef = useRef(null);
8490
8490
  useEffect(() => {
8491
8491
  if (textareaRef.current) {
@@ -8542,7 +8542,7 @@ InputTextArea.defaultProps = {
8542
8542
 
8543
8543
  const InputRadioContext = /*#__PURE__*/React__default.createContext();
8544
8544
 
8545
- var _jsxFileName$H = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadioGroup.js";
8545
+ var _jsxFileName$H = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadioGroup.js";
8546
8546
  const RadioGroup = styled(RadioGroupPrimitive.Root, Flex$1);
8547
8547
  function InputRadioGroup(props) {
8548
8548
  return (props == null ? void 0 : props.children) && /*#__PURE__*/React__default.createElement(InputRadioContext.Provider, {
@@ -8575,8 +8575,8 @@ InputRadioGroup.propTypes = {
8575
8575
  };
8576
8576
  InputRadioGroup.displayName = 'InputRadioGroup';
8577
8577
 
8578
- const _excluded$j = ["id", "disabled", "css", "inputType", "inputProps", "description", "readOnly"];
8579
- var _jsxFileName$G = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadio.js";
8578
+ const _excluded$k = ["id", "disabled", "css", "inputType", "inputProps", "description", "readOnly"];
8579
+ var _jsxFileName$G = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadio.js";
8580
8580
  const INDICATOR_BASE_STYLES = {
8581
8581
  alignItems: 'center',
8582
8582
  display: 'flex',
@@ -8741,7 +8741,7 @@ const InputRadio = _ref => {
8741
8741
  description,
8742
8742
  readOnly
8743
8743
  } = _ref,
8744
- props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
8744
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
8745
8745
  function renderInputType(type, checkedValue, onValueChange) {
8746
8746
  switch (type) {
8747
8747
  case 'number':
@@ -11024,8 +11024,8 @@ var NumberFormat = /*@__PURE__*/function (superclass) {
11024
11024
  }(React__default.Component);
11025
11025
  NumberFormat.defaultProps = defaultProps;
11026
11026
 
11027
- const _excluded$i = ["placeholder", "value", "size", "isInvalid", "readOnly", "disabled", "control", "name", "maxValueLength", "maxLength", "thousandSeparator"];
11028
- var _jsxFileName$F = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/InputNumber/InputNumber.js";
11027
+ const _excluded$j = ["placeholder", "value", "size", "isInvalid", "readOnly", "disabled", "control", "name", "maxValueLength", "maxLength", "thousandSeparator"];
11028
+ var _jsxFileName$F = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputNumber/InputNumber.js";
11029
11029
  const StyledInput = styled(NumberFormat, {
11030
11030
  // Reset
11031
11031
  appearance: 'none',
@@ -11220,7 +11220,7 @@ const InputNumber = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
11220
11220
  maxLength,
11221
11221
  thousandSeparator
11222
11222
  } = _ref,
11223
- props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
11223
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
11224
11224
  return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
11225
11225
  condition: Boolean(control),
11226
11226
  wrapper: child => /*#__PURE__*/React__default.createElement(Controller, {
@@ -11285,8 +11285,8 @@ InputNumber.defaultProps = {
11285
11285
  InputNumber.name = 'InputText';
11286
11286
  InputNumber.displayName = 'InputNumber';
11287
11287
 
11288
- const _excluded$h = ["className", "children", "onClick", "size", "icon", "isRemovable", "disabled", "type", "onRemove", "readOnly"];
11289
- var _jsxFileName$E = "/Users/majoo/majoo-ui/packages/react/src/components/tag/Tag.js";
11288
+ const _excluded$i = ["className", "children", "onClick", "size", "icon", "isRemovable", "disabled", "type", "onRemove", "readOnly"];
11289
+ var _jsxFileName$E = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tag/Tag.js";
11290
11290
  const TagWrapper$4 = styled('div', {
11291
11291
  boxSizing: 'border-box',
11292
11292
  listStyle: 'none',
@@ -11390,7 +11390,7 @@ const Tag = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
11390
11390
  onRemove,
11391
11391
  readOnly
11392
11392
  } = _ref,
11393
- props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
11393
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
11394
11394
  return /*#__PURE__*/React__default.createElement(TagWrapper$4, _extends({
11395
11395
  ref: ref,
11396
11396
  onClick: onClick,
@@ -11461,8 +11461,8 @@ Tag.defaultProps = {
11461
11461
  readOnly: false
11462
11462
  };
11463
11463
 
11464
- const _excluded$g = ["size", "isInvalid", "placeholder", "onChange", "onEnter", "onInputChange", "value", "disabled", "readOnly", "max", "maxChar", "pattern", "helperText", "unremovableTags", "onRemoveItem"];
11465
- var _jsxFileName$D = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/InputTags/InputTags.js";
11464
+ const _excluded$h = ["size", "isInvalid", "placeholder", "onChange", "onEnter", "onInputChange", "value", "disabled", "readOnly", "max", "maxChar", "pattern", "helperText", "unremovableTags", "onRemoveItem"];
11465
+ var _jsxFileName$D = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputTags/InputTags.js";
11466
11466
  const Wrapper$2 = styled('div', {
11467
11467
  margin: 0,
11468
11468
  flexDirection: 'column',
@@ -11584,7 +11584,7 @@ function TagsInput(_ref) {
11584
11584
  unremovableTags,
11585
11585
  onRemoveItem
11586
11586
  } = _ref,
11587
- props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
11587
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
11588
11588
  const [tags, setTags] = React__default.useState(value);
11589
11589
  const [regexError, setRegexError] = React__default.useState(false);
11590
11590
  React__default.useEffect(() => {
@@ -11758,8 +11758,8 @@ TagsInput.defaultProps = {
11758
11758
  readOnly: false
11759
11759
  };
11760
11760
 
11761
- const _excluded$f = ["id", "defaultChecked", "dataOnLabel", "dataOffLabel", "disabled"];
11762
- var _jsxFileName$C = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/InputSwitch/InputSwitch.js";
11761
+ const _excluded$g = ["id", "defaultChecked", "dataOnLabel", "dataOffLabel", "disabled"];
11762
+ var _jsxFileName$C = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSwitch/InputSwitch.js";
11763
11763
  const StyledThumb$1 = styled(SwitchPrimitive.Thumb, {
11764
11764
  display: 'block',
11765
11765
  width: '16px',
@@ -11830,7 +11830,7 @@ const InputSwitch = _ref => {
11830
11830
  dataOffLabel,
11831
11831
  disabled
11832
11832
  } = _ref,
11833
- props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
11833
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
11834
11834
  return /*#__PURE__*/React__default.createElement(StyledSwitch, _extends({
11835
11835
  defaultChecked: defaultChecked,
11836
11836
  dataOnLabel: dataOnLabel,
@@ -11864,7 +11864,7 @@ InputSwitch.propTypes = {
11864
11864
  };
11865
11865
  InputSwitch.displayName = 'InputSwitch';
11866
11866
 
11867
- var _jsxFileName$B = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/InputSearchbox/CloseFilled.js";
11867
+ var _jsxFileName$B = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/CloseFilled.js";
11868
11868
  const SvgCloseFilled = props => /*#__PURE__*/React.createElement("svg", _extends({
11869
11869
  width: props.size,
11870
11870
  height: props.size,
@@ -11923,7 +11923,7 @@ SvgCloseFilled.defaultProps = {
11923
11923
  size: 24
11924
11924
  };
11925
11925
 
11926
- var _jsxFileName$A = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/InputSearchbox/SearchOutline.js";
11926
+ var _jsxFileName$A = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/SearchOutline.js";
11927
11927
  const SvgSearchOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
11928
11928
  width: props.size,
11929
11929
  height: props.size,
@@ -11963,8 +11963,8 @@ SvgSearchOutline.defaultProps = {
11963
11963
  size: 24
11964
11964
  };
11965
11965
 
11966
- const _excluded$e = ["size", "onChange", "css", "disabled", "withDebounce", "defaultValue", "mobileOnly", "desktopOnly"];
11967
- var _jsxFileName$z = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/InputSearchbox/InputSearchbox.js";
11966
+ const _excluded$f = ["size", "onChange", "css", "disabled", "withDebounce", "defaultValue", "mobileOnly", "desktopOnly"];
11967
+ var _jsxFileName$z = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/InputSearchbox.js";
11968
11968
  const {
11969
11969
  colors: colors$7
11970
11970
  } = foundations;
@@ -11980,7 +11980,7 @@ const InputSearchbox = _ref => {
11980
11980
  mobileOnly,
11981
11981
  desktopOnly
11982
11982
  } = _ref,
11983
- props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
11983
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
11984
11984
  const {
11985
11985
  t
11986
11986
  } = useTranslation(['MajooUI/inputSearchbox', 'translation']);
@@ -12262,8 +12262,8 @@ $$5({ target: 'Array', proto: true, forced: FORCED$1 }, {
12262
12262
  }
12263
12263
  });
12264
12264
 
12265
- const _excluded$d = ["children"];
12266
- var _jsxFileName$y = "/Users/majoo/majoo-ui/packages/react/src/components/popover/Popover.js";
12265
+ const _excluded$e = ["children"];
12266
+ var _jsxFileName$y = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/popover/Popover.js";
12267
12267
  const {
12268
12268
  zIndices: zIndices$1
12269
12269
  } = foundations;
@@ -12398,7 +12398,7 @@ const PopoverClose = _ref => {
12398
12398
  let {
12399
12399
  children
12400
12400
  } = _ref,
12401
- props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
12401
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
12402
12402
  const {
12403
12403
  setOpenState
12404
12404
  } = useContext(PopoverContext);
@@ -13723,7 +13723,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
13723
13723
  }), void 0);
13724
13724
  });
13725
13725
 
13726
- var _jsxFileName$x = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/icon/CheckOutline.js";
13726
+ var _jsxFileName$x = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/icon/CheckOutline.js";
13727
13727
  const CheckOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
13728
13728
  xmlns: "http://www.w3.org/2000/svg",
13729
13729
  xmlSpace: "preserve",
@@ -13803,8 +13803,8 @@ function OptionGroupItem({
13803
13803
  }), void 0);
13804
13804
  }
13805
13805
 
13806
- const _excluded$c = ["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"];
13807
- var _jsxFileName$w = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/InputSelectCheck.js";
13806
+ 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"];
13807
+ var _jsxFileName$w = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/InputSelectCheck.js";
13808
13808
  const Wrapper$1 = styled('div', {
13809
13809
  margin: 0,
13810
13810
  flexDirection: 'column',
@@ -14103,7 +14103,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14103
14103
  onSelectAllChecked,
14104
14104
  totalOptions
14105
14105
  } = _ref,
14106
- props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
14106
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
14107
14107
  const {
14108
14108
  t
14109
14109
  } = useTranslation(['MajooUI/inputSelectCheck', 'translation']);
@@ -15109,7 +15109,7 @@ InputSelectCheck.defaultProps = {
15109
15109
  collapsibleLimit: 5
15110
15110
  };
15111
15111
 
15112
- var _jsxFileName$v = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/InputSelectTag/InputSelectTag.js";
15112
+ var _jsxFileName$v = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectTag/InputSelectTag.js";
15113
15113
  const InputSelectTag = /*#__PURE__*/React.forwardRef((props, ref) => {
15114
15114
  return /*#__PURE__*/React.createElement(InputSelectCheck, _extends({
15115
15115
  ref: ref,
@@ -15170,7 +15170,7 @@ InputSelectTag.defaultProps = {
15170
15170
  defaultValue: []
15171
15171
  };
15172
15172
 
15173
- var _jsxFileName$u = "/Users/majoo/majoo-ui/packages/react/src/components/form/components/InputCreatable/InputCreatable.js";
15173
+ var _jsxFileName$u = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCreatable/InputCreatable.js";
15174
15174
  const Wrapper = styled('div', {
15175
15175
  margin: 0,
15176
15176
  flexDirection: 'column',
@@ -16232,7 +16232,8 @@ const InputCounter = /*#__PURE__*/forwardRef((props, ref) => {
16232
16232
  disabledDecrement,
16233
16233
  prefix,
16234
16234
  suffix,
16235
- size
16235
+ size,
16236
+ disableManualInput
16236
16237
  } = props;
16237
16238
  const [inputValue, setInputValue] = useState((_a = value !== null && value !== void 0 ? value : min) !== null && _a !== void 0 ? _a : 0);
16238
16239
  useEffect(() => {
@@ -16288,8 +16289,8 @@ const InputCounter = /*#__PURE__*/forwardRef((props, ref) => {
16288
16289
  }, void 0)
16289
16290
  }), void 0), jsx(Input$4, {
16290
16291
  ref: ref,
16291
- disabled: disabled || disabledIncrement || disabledDecrement,
16292
- disabledChange: disabledIncrement || disabledDecrement,
16292
+ disabled: disabled || disabledIncrement || disabledDecrement || disableManualInput,
16293
+ disabledChange: disabledIncrement || disabledDecrement || disableManualInput,
16293
16294
  value: inputValue,
16294
16295
  allowNegative: allowNegative,
16295
16296
  onChange: handleChange,
@@ -16318,9 +16319,9 @@ InputCounter.defaultProps = {
16318
16319
  size: 'lg'
16319
16320
  };
16320
16321
 
16321
- const _excluded$b = ["children"],
16322
+ const _excluded$c = ["children"],
16322
16323
  _excluded2$3 = ["children", "showOverlay"];
16323
- var _jsxFileName$t = "/Users/majoo/majoo-ui/packages/react/src/components/drawer/Drawer.js";
16324
+ var _jsxFileName$t = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/drawer/Drawer.js";
16324
16325
  const Context$1 = /*#__PURE__*/React__default.createContext();
16325
16326
  const {
16326
16327
  sizes
@@ -16360,7 +16361,7 @@ function Drawer(_ref) {
16360
16361
  let {
16361
16362
  children
16362
16363
  } = _ref,
16363
- props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
16364
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
16364
16365
  return /*#__PURE__*/React__default.createElement(DialogPrimitive.Root, _extends({}, props, {
16365
16366
  __self: this,
16366
16367
  __source: {
@@ -16668,9 +16669,9 @@ DrawerBody.displayName = 'DrawerBody';
16668
16669
  DrawerFooter.displayName = 'DrawerFooter';
16669
16670
  DrawerCloseButton.displayName = 'DrawerCloseButton';
16670
16671
 
16671
- const _excluded$a = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size", "withMaxWidth", "mobileOnly", "desktopOnly"],
16672
+ const _excluded$b = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size", "withMaxWidth", "mobileOnly", "desktopOnly"],
16672
16673
  _excluded2$2 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
16673
- var _jsxFileName$s = "/Users/majoo/majoo-ui/packages/react/src/components/buttonGroup/ButtonGroup.js";
16674
+ var _jsxFileName$s = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/buttonGroup/ButtonGroup.js";
16674
16675
  const ScrollButton$1 = styled(Button$4, {
16675
16676
  width: '28px',
16676
16677
  outline: '$btnPrimary solid 1px',
@@ -16874,7 +16875,7 @@ function ButtonGroup$1(_ref) {
16874
16875
  mobileOnly,
16875
16876
  desktopOnly
16876
16877
  } = _ref,
16877
- props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
16878
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
16878
16879
  const [listContainerScrollPosition, setlistContainerScrollPosition] = useState(0);
16879
16880
  const [scrollAreaWidth, setScrollAreaWidth] = useState(0);
16880
16881
  const listContainerRef = useRef();
@@ -17201,7 +17202,7 @@ const DateNumber = styled('div', {
17201
17202
  });
17202
17203
  DateNumber.displayName = 'DateNumber';
17203
17204
 
17204
- var _jsxFileName$r = "/Users/majoo/majoo-ui/packages/react/src/components/datePicker/timePicker/TimePicker.js";
17205
+ var _jsxFileName$r = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/datePicker/timePicker/TimePicker.js";
17205
17206
  const Input$3 = styled('input', {
17206
17207
  display: 'none'
17207
17208
  });
@@ -17757,7 +17758,7 @@ TimePicker.propTypes = {
17757
17758
  };
17758
17759
  NativeTimePicker.displayName = 'NativeTimePicker';
17759
17760
 
17760
- var _jsxFileName$q = "/Users/majoo/majoo-ui/packages/react/src/components/datePicker/timePicker/InputTimePicker.js";
17761
+ var _jsxFileName$q = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/datePicker/timePicker/InputTimePicker.js";
17761
17762
  const getInputPickerValue$1 = date => {
17762
17763
  if (!date) return;
17763
17764
  return moment(date).format('HH:mm');
@@ -19686,22 +19687,22 @@ function advancePickerDate(type, date) {
19686
19687
  case NEXT_WEEK:
19687
19688
  {
19688
19689
  const currentDate = moment(date === null || date === void 0 ? void 0 : date[1]).add(1, 'day');
19689
- const startThisWeek = currentDate.startOf('week').toDate();
19690
- const endThisWeek = currentDate.endOf('week').toDate();
19690
+ const startThisWeek = currentDate.startOf('isoWeek').toDate();
19691
+ const endThisWeek = currentDate.endOf('isoWeek').toDate();
19691
19692
  return [startThisWeek, endThisWeek];
19692
19693
  }
19693
19694
  case RANGE_WEEK:
19694
19695
  {
19695
19696
  const currentDate = moment(date === null || date === void 0 ? void 0 : date[0]);
19696
- const startThisWeek = currentDate.startOf('week').toDate();
19697
- const endThisWeek = currentDate.endOf('week').toDate();
19697
+ const startThisWeek = currentDate.startOf('isoWeek').toDate();
19698
+ const endThisWeek = currentDate.endOf('isoWeek').toDate();
19698
19699
  return [startThisWeek, endThisWeek];
19699
19700
  }
19700
19701
  case PREV_WEEK:
19701
19702
  {
19702
19703
  const currentDate = moment(date === null || date === void 0 ? void 0 : date[0]).subtract(1, 'day');
19703
- const startThisWeek = currentDate.startOf('week').toDate();
19704
- const endThisWeek = currentDate.endOf('week').toDate();
19704
+ const startThisWeek = currentDate.startOf('isoWeek').toDate();
19705
+ const endThisWeek = currentDate.endOf('isoWeek').toDate();
19705
19706
  return [startThisWeek, endThisWeek];
19706
19707
  }
19707
19708
  case RANGE_MONTH:
@@ -20479,7 +20480,7 @@ function InputSignature({
20479
20480
  children: [jsx(SignatureContainer, Object.assign({
20480
20481
  hasContent: !!signatureImage,
20481
20482
  onClick: () => {
20482
- if (!disabled) {
20483
+ if (!disabled && !signatureImage) {
20483
20484
  setOpen(true);
20484
20485
  }
20485
20486
  },
@@ -20525,8 +20526,8 @@ function InputSignature({
20525
20526
  }, void 0);
20526
20527
  }
20527
20528
 
20528
- const _excluded$9 = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
20529
- var _jsxFileName$p = "/Users/majoo/majoo-ui/packages/react/src/components/slider/Slider.js";
20529
+ const _excluded$a = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
20530
+ var _jsxFileName$p = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/slider/Slider.js";
20530
20531
  const StyledSlider = styled$1(SliderPrimitive.Root, {
20531
20532
  position: 'relative',
20532
20533
  display: 'flex',
@@ -20785,7 +20786,7 @@ function Slider(_ref) {
20785
20786
  width,
20786
20787
  height
20787
20788
  } = _ref,
20788
- props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
20789
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
20789
20790
  return /*#__PURE__*/React__default.createElement(StyledSlider, _extends({
20790
20791
  className: className,
20791
20792
  defaultValue: defaultValue,
@@ -20869,8 +20870,8 @@ Slider.defaultProps = {
20869
20870
  size: 'm'
20870
20871
  };
20871
20872
 
20872
- const _excluded$8 = ["className", "children", "onClick", "type", "size"];
20873
- var _jsxFileName$o = "/Users/majoo/majoo-ui/packages/react/src/components/tagStatus/TagStatus.js";
20873
+ const _excluded$9 = ["className", "children", "onClick", "type", "size"];
20874
+ var _jsxFileName$o = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tagStatus/TagStatus.js";
20874
20875
  const TagWrapper$1 = styled('div', {
20875
20876
  boxSizing: 'border-box',
20876
20877
  fontSize: '12px',
@@ -20970,7 +20971,7 @@ const TagStatus = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
20970
20971
  type,
20971
20972
  size
20972
20973
  } = _ref,
20973
- props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
20974
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
20974
20975
  return /*#__PURE__*/React__default.createElement(TagWrapper$1, _extends({
20975
20976
  ref: ref,
20976
20977
  className: className,
@@ -21030,11 +21031,11 @@ function addPropsToChildren(children, props) {
21030
21031
  }, props)));
21031
21032
  }
21032
21033
 
21033
- const _excluded$7 = ["children"],
21034
+ const _excluded$8 = ["children"],
21034
21035
  _excluded2$1 = ["children", "activeTabs"],
21035
21036
  _excluded3$1 = ["children", "icon", "activeTabs", "value"],
21036
21037
  _excluded4 = ["activeTabs"];
21037
- var _jsxFileName$n = "/Users/majoo/majoo-ui/packages/react/src/components/tabs/Tabs.js";
21038
+ var _jsxFileName$n = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tabs/Tabs.js";
21038
21039
  const StyledTabs = styled(TabsPrimitive.Root, {
21039
21040
  display: 'flex',
21040
21041
  flexDirection: 'column',
@@ -21178,7 +21179,7 @@ const Tabs$1 = _ref => {
21178
21179
  let {
21179
21180
  children
21180
21181
  } = _ref,
21181
- props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
21182
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
21182
21183
  const [activeTabs, setActiveTabs] = useState(props.defaultValue || '');
21183
21184
  return /*#__PURE__*/React__default.createElement(StyledTabs, _extends({}, props, {
21184
21185
  onValueChange: value => {
@@ -21372,8 +21373,8 @@ TabsContent$1.propTypes = {
21372
21373
  value: PropTypes.string
21373
21374
  };
21374
21375
 
21375
- const _excluded$6 = ["children", "variantIcon"];
21376
- var _jsxFileName$m = "/Users/majoo/majoo-ui/packages/react/src/components/notificationBadge/NotificationBadge.js";
21376
+ const _excluded$7 = ["children", "variantIcon"];
21377
+ var _jsxFileName$m = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/notificationBadge/NotificationBadge.js";
21377
21378
  const NotificationBadgeRootStyle = styled('span', {
21378
21379
  position: 'relative',
21379
21380
  display: 'inline-flex',
@@ -21475,7 +21476,7 @@ const NotificationBadge = _ref => {
21475
21476
  children,
21476
21477
  variantIcon
21477
21478
  } = _ref,
21478
- props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
21479
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
21479
21480
  const getIcon = () => {
21480
21481
  const isLeading = variantIcon === 'leading';
21481
21482
  return {
@@ -21527,8 +21528,8 @@ NotificationBadge.propTypes = {
21527
21528
  dot: PropTypes.bool
21528
21529
  };
21529
21530
 
21530
- const _excluded$5 = ["className", "children", "radius", "padding", "width", "height"];
21531
- var _jsxFileName$l = "/Users/majoo/majoo-ui/packages/react/src/components/paper/Paper.js";
21531
+ const _excluded$6 = ["className", "children", "radius", "padding", "width", "height"];
21532
+ var _jsxFileName$l = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/paper/Paper.js";
21532
21533
  const PaperComponent = styled('div', {
21533
21534
  padding: '20px',
21534
21535
  height: 'auto',
@@ -21573,7 +21574,7 @@ const Paper = _ref => {
21573
21574
  width,
21574
21575
  height
21575
21576
  } = _ref,
21576
- props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
21577
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
21577
21578
  return /*#__PURE__*/React__default.createElement(PaperComponent, _extends({
21578
21579
  className: className,
21579
21580
  css: Object.assign({
@@ -21780,8 +21781,8 @@ const removeUndefinedFields = obj => {
21780
21781
  return newObj;
21781
21782
  };
21782
21783
 
21783
- const _excluded$4 = ["isActive", "onClick"];
21784
- var _jsxFileName$k = "/Users/majoo/majoo-ui/packages/react/src/components/pagination/PaginationButton.js";
21784
+ const _excluded$5 = ["isActive", "onClick"];
21785
+ var _jsxFileName$k = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/PaginationButton.js";
21785
21786
  const PrevNextButton = styled(Text$1, {
21786
21787
  padding: '$spacing-01',
21787
21788
  cursor: 'pointer',
@@ -21867,7 +21868,7 @@ const PageButton = _ref => {
21867
21868
  isActive,
21868
21869
  onClick
21869
21870
  } = _ref,
21870
- props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
21871
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
21871
21872
  return /*#__PURE__*/React__default.createElement(Button$4, _extends({
21872
21873
  type: "button",
21873
21874
  onClick: onClick,
@@ -22268,8 +22269,8 @@ const PaginationButton = ({
22268
22269
  }, t('btnSubmitText', 'Lanjutkan'))))));
22269
22270
  };
22270
22271
 
22271
- const _excluded$3 = ["limits", "selectedLimit", "currentPage", "totalData", "onChange"];
22272
- var _jsxFileName$j = "/Users/majoo/majoo-ui/packages/react/src/components/pagination/PaginationInfo.js";
22272
+ const _excluded$4 = ["limits", "selectedLimit", "currentPage", "totalData", "onChange"];
22273
+ var _jsxFileName$j = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/PaginationInfo.js";
22273
22274
  const LimitContainer = styled(Flex$1, {
22274
22275
  cursor: 'pointer'
22275
22276
  });
@@ -22294,7 +22295,7 @@ function PaginationInfo(_ref) {
22294
22295
  totalData,
22295
22296
  onChange
22296
22297
  } = _ref;
22297
- _objectWithoutPropertiesLoose(_ref, _excluded$3);
22298
+ _objectWithoutPropertiesLoose(_ref, _excluded$4);
22298
22299
  const {
22299
22300
  t
22300
22301
  } = useTranslation('MajooUI/pagination');
@@ -22501,8 +22502,8 @@ function PaginationInfo(_ref) {
22501
22502
  }, limit.toString()))))));
22502
22503
  }
22503
22504
 
22504
- const _excluded$2 = ["limit", "currentPage", "totalData", "totalPage", "hideDataInfo", "onLimitChange", "onPageChange", "rowsPerPageOptions", "hidePagination", "hideInputPageSection"];
22505
- var _jsxFileName$i = "/Users/majoo/majoo-ui/packages/react/src/components/pagination/Pagination.js";
22505
+ const _excluded$3 = ["limit", "currentPage", "totalData", "totalPage", "hideDataInfo", "onLimitChange", "onPageChange", "rowsPerPageOptions", "hidePagination", "hideInputPageSection"];
22506
+ var _jsxFileName$i = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/Pagination.js";
22506
22507
  function Pagination(_ref) {
22507
22508
  let {
22508
22509
  limit,
@@ -22516,7 +22517,7 @@ function Pagination(_ref) {
22516
22517
  hidePagination,
22517
22518
  hideInputPageSection
22518
22519
  } = _ref,
22519
- props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
22520
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
22520
22521
  const totalPages = totalPage || Math.ceil(totalData / limit);
22521
22522
  const isMobile = useMediaQuery('(max-width: 700px)');
22522
22523
  return /*#__PURE__*/React__default.createElement(Flex$1, _extends({
@@ -24681,7 +24682,7 @@ const TableColumn = _a => {
24681
24682
  return jsx("div", {}, void 0);
24682
24683
  };
24683
24684
 
24684
- var _jsxFileName$h = "/Users/majoo/majoo-ui/packages/react/src/components/table/components/columns/DateColumn.js";
24685
+ var _jsxFileName$h = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/DateColumn.js";
24685
24686
  const DateColumn = ({
24686
24687
  value,
24687
24688
  customFormat
@@ -24794,7 +24795,7 @@ const PriceColumn = props => {
24794
24795
  return addThousandSeparator(param);
24795
24796
  };
24796
24797
 
24797
- var _jsxFileName$g = "/Users/majoo/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderColumn.js";
24798
+ var _jsxFileName$g = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderColumn.js";
24798
24799
  const rowExpanderColumn = {
24799
24800
  id: 'expander',
24800
24801
  Header: () => null,
@@ -24835,7 +24836,7 @@ const rowExpanderColumn = {
24835
24836
  unsortable: true
24836
24837
  };
24837
24838
 
24838
- var _jsxFileName$f = "/Users/majoo/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderMultipleColumn.js";
24839
+ var _jsxFileName$f = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderMultipleColumn.js";
24839
24840
  const rowExpanderMultipleColumn = {
24840
24841
  id: 'multiple-expander',
24841
24842
  Header: () => null,
@@ -24869,7 +24870,7 @@ const rowExpanderMultipleColumn = {
24869
24870
  unsortable: true
24870
24871
  };
24871
24872
 
24872
- var _jsxFileName$e = "/Users/majoo/majoo-ui/packages/react/src/components/table/components/columns/RowMenuColumn.js";
24873
+ var _jsxFileName$e = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowMenuColumn.js";
24873
24874
  const rowMenuColumn = (options, icon, config) => ({
24874
24875
  id: 'menu',
24875
24876
  options,
@@ -25002,7 +25003,7 @@ const rowMenuColumn = (options, icon, config) => ({
25002
25003
  unsortable: true
25003
25004
  });
25004
25005
 
25005
- var _jsxFileName$d = "/Users/majoo/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionColumn.js";
25006
+ var _jsxFileName$d = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionColumn.js";
25006
25007
  const rowSelectionColumn = {
25007
25008
  id: 'selection',
25008
25009
  Header: ({
@@ -25051,7 +25052,7 @@ const rowSelectionColumn = {
25051
25052
  unsortable: true
25052
25053
  };
25053
25054
 
25054
- var _jsxFileName$c = "/Users/majoo/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionCallbackColumn.js";
25055
+ var _jsxFileName$c = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionCallbackColumn.js";
25055
25056
  const rowSelectionWithCallbackColumn = (onCheckedChange, onAllCheckedChange) => ({
25056
25057
  id: 'selection',
25057
25058
  Header: ({
@@ -25388,8 +25389,8 @@ PageDialog.defaultProps = {
25388
25389
  layer: '$modal'
25389
25390
  };
25390
25391
 
25391
- const _excluded$1 = ["children"];
25392
- var _jsxFileName$b = "/Users/majoo/majoo-ui/packages/react/src/components/alertDialog/AlertDialog.js";
25392
+ const _excluded$2 = ["children"];
25393
+ var _jsxFileName$b = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/alertDialog/AlertDialog.js";
25393
25394
  const overlayShow = keyframes({
25394
25395
  '0%': {
25395
25396
  opacity: 0
@@ -25461,7 +25462,7 @@ const Content$1 = /*#__PURE__*/forwardRef((_ref, ref) => {
25461
25462
  let {
25462
25463
  children
25463
25464
  } = _ref,
25464
- props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
25465
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
25465
25466
  return /*#__PURE__*/React__default.createElement(ADialog.Portal, {
25466
25467
  __self: undefined,
25467
25468
  __source: {
@@ -26021,10 +26022,10 @@ const AlertDialogDescription = StyledDescription$1;
26021
26022
  const AlertDialogCancel = ADialog.Cancel;
26022
26023
  const AlertDialogConfirm = ADialog.Action;
26023
26024
 
26024
- const _excluded = ["side", "align", "children"],
26025
+ const _excluded$1 = ["side", "align", "children"],
26025
26026
  _excluded2 = ["children"],
26026
26027
  _excluded3 = ["asChild"];
26027
- var _jsxFileName$a = "/Users/majoo/majoo-ui/packages/react/src/components/dropdownMenu/DropdownMenu.js";
26028
+ var _jsxFileName$a = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/dropdownMenu/DropdownMenu.js";
26028
26029
  const Context = /*#__PURE__*/React__default.createContext();
26029
26030
  const slideUpAndFade = keyframes({
26030
26031
  '0%': {
@@ -26164,7 +26165,7 @@ const DropdownMenuContext = _ref => {
26164
26165
  align,
26165
26166
  children
26166
26167
  } = _ref,
26167
- props = _objectWithoutPropertiesLoose(_ref, _excluded);
26168
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
26168
26169
  return /*#__PURE__*/React__default.createElement(DropdownMenuPrimitive.Root, _extends({}, props, {
26169
26170
  __self: undefined,
26170
26171
  __source: {
@@ -28135,7 +28136,8 @@ function imgPreview(image, crop, scale = 1, rotate = 0, ratio, type) {
28135
28136
  });
28136
28137
  }
28137
28138
 
28138
- var _jsxFileName$9 = "/Users/majoo/majoo-ui/packages/react/src/components/upload/Upload.js";
28139
+ const _excluded = ["customPreviewIcon"];
28140
+ var _jsxFileName$9 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/upload/Upload.js";
28139
28141
  const Input$2 = styled('input', {
28140
28142
  display: 'none !important'
28141
28143
  });
@@ -28209,7 +28211,11 @@ const EyeIcon = styled(EyeOutline, {
28209
28211
  height: 32,
28210
28212
  padding: '$spacing-02'
28211
28213
  });
28212
- const IconStateFull = props => {
28214
+ const IconStateFull = _ref => {
28215
+ let {
28216
+ customPreviewIcon
28217
+ } = _ref,
28218
+ props = _objectWithoutPropertiesLoose(_ref, _excluded);
28213
28219
  const [isHover, setIsHover] = useState(false);
28214
28220
  function handleEnter() {
28215
28221
  setIsHover(true);
@@ -28227,6 +28233,25 @@ const IconStateFull = props => {
28227
28233
  lineNumber: 119,
28228
28234
  columnNumber: 5
28229
28235
  }
28236
+ })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, {
28237
+ __self: undefined,
28238
+ __source: {
28239
+ fileName: _jsxFileName$9,
28240
+ lineNumber: 126,
28241
+ columnNumber: 5
28242
+ }
28243
+ }, !!customPreviewIcon ? /*#__PURE__*/React__default.cloneElement(customPreviewIcon, Object.assign({}, customPreviewIcon.props, props, {
28244
+ color: isHover ? '#04C99E' : customPreviewIcon.props.color,
28245
+ onMouseEnter: handleEnter,
28246
+ onMouseLeave: handleLeave,
28247
+ style: Object.assign({
28248
+ cursor: 'pointer',
28249
+ background: 'rgba(39, 42, 42, 0.6)',
28250
+ borderRadius: 50,
28251
+ padding: '4px',
28252
+ width: 32,
28253
+ height: 32
28254
+ }, customPreviewIcon.props.style)
28230
28255
  })) : /*#__PURE__*/React__default.createElement(EyeIcon, _extends({}, props, {
28231
28256
  color: isHover ? '#04C99E' : '#A5ABAB',
28232
28257
  onMouseEnter: handleEnter,
@@ -28234,10 +28259,10 @@ const IconStateFull = props => {
28234
28259
  __self: undefined,
28235
28260
  __source: {
28236
28261
  fileName: _jsxFileName$9,
28237
- lineNumber: 126,
28238
- columnNumber: 5
28262
+ lineNumber: 145,
28263
+ columnNumber: 9
28239
28264
  }
28240
- }));
28265
+ })));
28241
28266
  };
28242
28267
  const Upload = ({
28243
28268
  placeholder,
@@ -28276,7 +28301,9 @@ const Upload = ({
28276
28301
  hiddenToggleAspect,
28277
28302
  hiddenPreview,
28278
28303
  fullAspectCrop,
28279
- isDefaultCustomRatio
28304
+ isDefaultCustomRatio,
28305
+ customPreviewIcon,
28306
+ onPreviewIconClick
28280
28307
  }) => {
28281
28308
  const {
28282
28309
  t
@@ -28706,7 +28733,7 @@ const Upload = ({
28706
28733
  __self: this,
28707
28734
  __source: {
28708
28735
  fileName: _jsxFileName$9,
28709
- lineNumber: 615,
28736
+ lineNumber: 643,
28710
28737
  columnNumber: 7
28711
28738
  }
28712
28739
  }, /*#__PURE__*/React__default.createElement(ButtonText, {
@@ -28716,7 +28743,7 @@ const Upload = ({
28716
28743
  __self: this,
28717
28744
  __source: {
28718
28745
  fileName: _jsxFileName$9,
28719
- lineNumber: 616,
28746
+ lineNumber: 644,
28720
28747
  columnNumber: 9
28721
28748
  }
28722
28749
  }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : t('replaceLabel', 'Ubah Berkas')));
@@ -28731,7 +28758,7 @@ const Upload = ({
28731
28758
  __self: undefined,
28732
28759
  __source: {
28733
28760
  fileName: _jsxFileName$9,
28734
- lineNumber: 626,
28761
+ lineNumber: 654,
28735
28762
  columnNumber: 16
28736
28763
  }
28737
28764
  });
@@ -28742,7 +28769,7 @@ const Upload = ({
28742
28769
  __self: undefined,
28743
28770
  __source: {
28744
28771
  fileName: _jsxFileName$9,
28745
- lineNumber: 629,
28772
+ lineNumber: 657,
28746
28773
  columnNumber: 9
28747
28774
  }
28748
28775
  }, /*#__PURE__*/React__default.createElement(Box, {
@@ -28752,7 +28779,7 @@ const Upload = ({
28752
28779
  __self: undefined,
28753
28780
  __source: {
28754
28781
  fileName: _jsxFileName$9,
28755
- lineNumber: 630,
28782
+ lineNumber: 658,
28756
28783
  columnNumber: 11
28757
28784
  }
28758
28785
  }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -28761,7 +28788,7 @@ const Upload = ({
28761
28788
  __self: undefined,
28762
28789
  __source: {
28763
28790
  fileName: _jsxFileName$9,
28764
- lineNumber: 631,
28791
+ lineNumber: 659,
28765
28792
  columnNumber: 27
28766
28793
  }
28767
28794
  }), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -28774,16 +28801,23 @@ const Upload = ({
28774
28801
  __self: undefined,
28775
28802
  __source: {
28776
28803
  fileName: _jsxFileName$9,
28777
- lineNumber: 633,
28804
+ lineNumber: 661,
28778
28805
  columnNumber: 15
28779
28806
  }
28780
28807
  }, /*#__PURE__*/React__default.createElement(IconStateFull, {
28781
28808
  type: "eye",
28782
- onClick: () => handlePreview(item),
28809
+ onClick: () => {
28810
+ if (onPreviewIconClick) {
28811
+ onPreviewIconClick(item);
28812
+ } else {
28813
+ handlePreview(item);
28814
+ }
28815
+ },
28816
+ customPreviewIcon: customPreviewIcon,
28783
28817
  __self: undefined,
28784
28818
  __source: {
28785
28819
  fileName: _jsxFileName$9,
28786
- lineNumber: 641,
28820
+ lineNumber: 669,
28787
28821
  columnNumber: 17
28788
28822
  }
28789
28823
  })), /*#__PURE__*/React__default.createElement(Image, {
@@ -28793,7 +28827,7 @@ const Upload = ({
28793
28827
  __self: undefined,
28794
28828
  __source: {
28795
28829
  fileName: _jsxFileName$9,
28796
- lineNumber: 644,
28830
+ lineNumber: 682,
28797
28831
  columnNumber: 13
28798
28832
  }
28799
28833
  })), !disabled && renderButtonReplace(index));
@@ -28810,7 +28844,7 @@ const Upload = ({
28810
28844
  __self: undefined,
28811
28845
  __source: {
28812
28846
  fileName: _jsxFileName$9,
28813
- lineNumber: 655,
28847
+ lineNumber: 693,
28814
28848
  columnNumber: 16
28815
28849
  }
28816
28850
  });
@@ -28820,7 +28854,7 @@ const Upload = ({
28820
28854
  __self: undefined,
28821
28855
  __source: {
28822
28856
  fileName: _jsxFileName$9,
28823
- lineNumber: 658,
28857
+ lineNumber: 696,
28824
28858
  columnNumber: 9
28825
28859
  }
28826
28860
  }, /*#__PURE__*/React__default.createElement(Box, {
@@ -28830,7 +28864,7 @@ const Upload = ({
28830
28864
  __self: undefined,
28831
28865
  __source: {
28832
28866
  fileName: _jsxFileName$9,
28833
- lineNumber: 659,
28867
+ lineNumber: 697,
28834
28868
  columnNumber: 11
28835
28869
  }
28836
28870
  }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -28839,7 +28873,7 @@ const Upload = ({
28839
28873
  __self: undefined,
28840
28874
  __source: {
28841
28875
  fileName: _jsxFileName$9,
28842
- lineNumber: 660,
28876
+ lineNumber: 698,
28843
28877
  columnNumber: 27
28844
28878
  }
28845
28879
  }), /*#__PURE__*/React__default.createElement(Box, {
@@ -28852,7 +28886,7 @@ const Upload = ({
28852
28886
  __self: undefined,
28853
28887
  __source: {
28854
28888
  fileName: _jsxFileName$9,
28855
- lineNumber: 661,
28889
+ lineNumber: 699,
28856
28890
  columnNumber: 13
28857
28891
  }
28858
28892
  }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -28862,14 +28896,14 @@ const Upload = ({
28862
28896
  __self: undefined,
28863
28897
  __source: {
28864
28898
  fileName: _jsxFileName$9,
28865
- lineNumber: 669,
28899
+ lineNumber: 707,
28866
28900
  columnNumber: 15
28867
28901
  }
28868
28902
  }, /*#__PURE__*/React__default.createElement(FileExtension, {
28869
28903
  __self: undefined,
28870
28904
  __source: {
28871
28905
  fileName: _jsxFileName$9,
28872
- lineNumber: 670,
28906
+ lineNumber: 708,
28873
28907
  columnNumber: 17
28874
28908
  }
28875
28909
  }, ".", item == null ? void 0 : (_item$name = item.name) == null ? void 0 : _item$name.split('.').pop()), /*#__PURE__*/React__default.createElement(Tooltip$1, {
@@ -28877,7 +28911,7 @@ const Upload = ({
28877
28911
  __self: undefined,
28878
28912
  __source: {
28879
28913
  fileName: _jsxFileName$9,
28880
- lineNumber: 671,
28914
+ lineNumber: 709,
28881
28915
  columnNumber: 17
28882
28916
  }
28883
28917
  }, /*#__PURE__*/React__default.createElement(Text, {
@@ -28892,7 +28926,7 @@ const Upload = ({
28892
28926
  __self: undefined,
28893
28927
  __source: {
28894
28928
  fileName: _jsxFileName$9,
28895
- lineNumber: 672,
28929
+ lineNumber: 710,
28896
28930
  columnNumber: 19
28897
28931
  }
28898
28932
  }, item.name)))), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -28905,16 +28939,23 @@ const Upload = ({
28905
28939
  __self: undefined,
28906
28940
  __source: {
28907
28941
  fileName: _jsxFileName$9,
28908
- lineNumber: 688,
28942
+ lineNumber: 726,
28909
28943
  columnNumber: 15
28910
28944
  }
28911
28945
  }, /*#__PURE__*/React__default.createElement(IconStateFull, {
28912
28946
  type: "eye",
28913
- onClick: () => handleOpenFile(item),
28947
+ onClick: () => {
28948
+ if (onPreviewIconClick) {
28949
+ onPreviewIconClick(item);
28950
+ } else {
28951
+ handleOpenFile(item);
28952
+ }
28953
+ },
28954
+ customPreviewIcon: customPreviewIcon,
28914
28955
  __self: undefined,
28915
28956
  __source: {
28916
28957
  fileName: _jsxFileName$9,
28917
- lineNumber: 696,
28958
+ lineNumber: 734,
28918
28959
  columnNumber: 17
28919
28960
  }
28920
28961
  })), /*#__PURE__*/React__default.createElement(Blank, {
@@ -28922,7 +28963,7 @@ const Upload = ({
28922
28963
  __self: undefined,
28923
28964
  __source: {
28924
28965
  fileName: _jsxFileName$9,
28925
- lineNumber: 699,
28966
+ lineNumber: 747,
28926
28967
  columnNumber: 13
28927
28968
  }
28928
28969
  })), !disabled && renderButtonReplace(index));
@@ -28937,7 +28978,7 @@ const Upload = ({
28937
28978
  __self: this,
28938
28979
  __source: {
28939
28980
  fileName: _jsxFileName$9,
28940
- lineNumber: 710,
28981
+ lineNumber: 758,
28941
28982
  columnNumber: 7
28942
28983
  }
28943
28984
  }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -28951,7 +28992,7 @@ const Upload = ({
28951
28992
  __self: this,
28952
28993
  __source: {
28953
28994
  fileName: _jsxFileName$9,
28954
- lineNumber: 711,
28995
+ lineNumber: 759,
28955
28996
  columnNumber: 9
28956
28997
  }
28957
28998
  }, /*#__PURE__*/React__default.createElement(LoadingBar, {
@@ -28977,7 +29018,7 @@ const Upload = ({
28977
29018
  __self: this,
28978
29019
  __source: {
28979
29020
  fileName: _jsxFileName$9,
28980
- lineNumber: 712,
29021
+ lineNumber: 760,
28981
29022
  columnNumber: 11
28982
29023
  }
28983
29024
  }), /*#__PURE__*/React__default.createElement(Text, {
@@ -28985,14 +29026,14 @@ const Upload = ({
28985
29026
  __self: this,
28986
29027
  __source: {
28987
29028
  fileName: _jsxFileName$9,
28988
- lineNumber: 725,
29029
+ lineNumber: 773,
28989
29030
  columnNumber: 11
28990
29031
  }
28991
29032
  }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React__default.createElement(Text, {
28992
29033
  __self: this,
28993
29034
  __source: {
28994
29035
  fileName: _jsxFileName$9,
28995
- lineNumber: 726,
29036
+ lineNumber: 774,
28996
29037
  columnNumber: 11
28997
29038
  }
28998
29039
  }, t('uploadingLabel', 'Berkas sedang diunggah'))));
@@ -29004,7 +29045,7 @@ const Upload = ({
29004
29045
  __self: this,
29005
29046
  __source: {
29006
29047
  fileName: _jsxFileName$9,
29007
- lineNumber: 734,
29048
+ lineNumber: 782,
29008
29049
  columnNumber: 7
29009
29050
  }
29010
29051
  }, /*#__PURE__*/React__default.createElement(ContainerUpload, {
@@ -29020,7 +29061,7 @@ const Upload = ({
29020
29061
  __self: this,
29021
29062
  __source: {
29022
29063
  fileName: _jsxFileName$9,
29023
- lineNumber: 735,
29064
+ lineNumber: 783,
29024
29065
  columnNumber: 9
29025
29066
  }
29026
29067
  }, /*#__PURE__*/React__default.createElement(Input$2, {
@@ -29032,21 +29073,21 @@ const Upload = ({
29032
29073
  __self: this,
29033
29074
  __source: {
29034
29075
  fileName: _jsxFileName$9,
29035
- lineNumber: 746,
29076
+ lineNumber: 794,
29036
29077
  columnNumber: 11
29037
29078
  }
29038
29079
  }), /*#__PURE__*/React__default.createElement(Children, {
29039
29080
  __self: this,
29040
29081
  __source: {
29041
29082
  fileName: _jsxFileName$9,
29042
- lineNumber: 747,
29083
+ lineNumber: 795,
29043
29084
  columnNumber: 11
29044
29085
  }
29045
29086
  }, children != null ? children : /*#__PURE__*/React__default.createElement(React__default.Fragment, {
29046
29087
  __self: this,
29047
29088
  __source: {
29048
29089
  fileName: _jsxFileName$9,
29049
- lineNumber: 749,
29090
+ lineNumber: 797,
29050
29091
  columnNumber: 15
29051
29092
  }
29052
29093
  }, /*#__PURE__*/React__default.createElement(IconCard, {
@@ -29055,7 +29096,7 @@ const Upload = ({
29055
29096
  __self: this,
29056
29097
  __source: {
29057
29098
  fileName: _jsxFileName$9,
29058
- lineNumber: 750,
29099
+ lineNumber: 798,
29059
29100
  columnNumber: 17
29060
29101
  }
29061
29102
  }, /*#__PURE__*/React__default.createElement(UploadOutline, {
@@ -29063,7 +29104,7 @@ const Upload = ({
29063
29104
  __self: this,
29064
29105
  __source: {
29065
29106
  fileName: _jsxFileName$9,
29066
- lineNumber: 751,
29107
+ lineNumber: 799,
29067
29108
  columnNumber: 19
29068
29109
  }
29069
29110
  })), /*#__PURE__*/React__default.createElement(Text, {
@@ -29073,7 +29114,7 @@ const Upload = ({
29073
29114
  __self: this,
29074
29115
  __source: {
29075
29116
  fileName: _jsxFileName$9,
29076
- lineNumber: 753,
29117
+ lineNumber: 801,
29077
29118
  columnNumber: 17
29078
29119
  }
29079
29120
  }, placeholder != null ? placeholder : t('uploadPlaceholder', 'Pilih atau letakkan berkas di sini'))))), error && /*#__PURE__*/React__default.createElement(ErrorMessage, {
@@ -29083,7 +29124,7 @@ const Upload = ({
29083
29124
  __self: this,
29084
29125
  __source: {
29085
29126
  fileName: _jsxFileName$9,
29086
- lineNumber: 760,
29127
+ lineNumber: 808,
29087
29128
  columnNumber: 19
29088
29129
  }
29089
29130
  }, error));
@@ -29095,7 +29136,7 @@ const Upload = ({
29095
29136
  __self: this,
29096
29137
  __source: {
29097
29138
  fileName: _jsxFileName$9,
29098
- lineNumber: 767,
29139
+ lineNumber: 815,
29099
29140
  columnNumber: 7
29100
29141
  }
29101
29142
  }, /*#__PURE__*/React__default.createElement(ModalDialogTrigger, {
@@ -29103,7 +29144,7 @@ const Upload = ({
29103
29144
  __self: this,
29104
29145
  __source: {
29105
29146
  fileName: _jsxFileName$9,
29106
- lineNumber: 768,
29147
+ lineNumber: 816,
29107
29148
  columnNumber: 9
29108
29149
  }
29109
29150
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -29111,7 +29152,7 @@ const Upload = ({
29111
29152
  __self: this,
29112
29153
  __source: {
29113
29154
  fileName: _jsxFileName$9,
29114
- lineNumber: 769,
29155
+ lineNumber: 817,
29115
29156
  columnNumber: 11
29116
29157
  }
29117
29158
  })), /*#__PURE__*/React__default.createElement(ModalDialogTitle, {
@@ -29124,7 +29165,7 @@ const Upload = ({
29124
29165
  __self: this,
29125
29166
  __source: {
29126
29167
  fileName: _jsxFileName$9,
29127
- lineNumber: 771,
29168
+ lineNumber: 819,
29128
29169
  columnNumber: 9
29129
29170
  }
29130
29171
  }, cropperTitle || t('cropperTitle', 'Potong Gambar')), /*#__PURE__*/React__default.createElement(ModalDialogContent, {
@@ -29137,7 +29178,7 @@ const Upload = ({
29137
29178
  __self: this,
29138
29179
  __source: {
29139
29180
  fileName: _jsxFileName$9,
29140
- lineNumber: 774,
29181
+ lineNumber: 822,
29141
29182
  columnNumber: 9
29142
29183
  }
29143
29184
  }, /*#__PURE__*/React__default.createElement(ReactCrop, {
@@ -29148,7 +29189,7 @@ const Upload = ({
29148
29189
  __self: this,
29149
29190
  __source: {
29150
29191
  fileName: _jsxFileName$9,
29151
- lineNumber: 775,
29192
+ lineNumber: 830,
29152
29193
  columnNumber: 11
29153
29194
  }
29154
29195
  }, /*#__PURE__*/React__default.createElement(Image, {
@@ -29162,14 +29203,14 @@ const Upload = ({
29162
29203
  __self: this,
29163
29204
  __source: {
29164
29205
  fileName: _jsxFileName$9,
29165
- lineNumber: 776,
29206
+ lineNumber: 831,
29166
29207
  columnNumber: 13
29167
29208
  }
29168
29209
  }))), /*#__PURE__*/React__default.createElement(ModalDialogFooter, {
29169
29210
  __self: this,
29170
29211
  __source: {
29171
29212
  fileName: _jsxFileName$9,
29172
- lineNumber: 787,
29213
+ lineNumber: 842,
29173
29214
  columnNumber: 9
29174
29215
  }
29175
29216
  }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29181,14 +29222,14 @@ const Upload = ({
29181
29222
  __self: this,
29182
29223
  __source: {
29183
29224
  fileName: _jsxFileName$9,
29184
- lineNumber: 788,
29225
+ lineNumber: 843,
29185
29226
  columnNumber: 11
29186
29227
  }
29187
29228
  }, hiddenToggleAspect ? /*#__PURE__*/React__default.createElement(Box, {
29188
29229
  __self: this,
29189
29230
  __source: {
29190
29231
  fileName: _jsxFileName$9,
29191
- lineNumber: 790,
29232
+ lineNumber: 845,
29192
29233
  columnNumber: 15
29193
29234
  }
29194
29235
  }) : /*#__PURE__*/React__default.createElement(Tooltip$1, {
@@ -29196,7 +29237,7 @@ const Upload = ({
29196
29237
  __self: this,
29197
29238
  __source: {
29198
29239
  fileName: _jsxFileName$9,
29199
- lineNumber: 792,
29240
+ lineNumber: 847,
29200
29241
  columnNumber: 15
29201
29242
  }
29202
29243
  }, /*#__PURE__*/React__default.createElement(ImageOutline, {
@@ -29208,7 +29249,7 @@ const Upload = ({
29208
29249
  __self: this,
29209
29250
  __source: {
29210
29251
  fileName: _jsxFileName$9,
29211
- lineNumber: 793,
29252
+ lineNumber: 848,
29212
29253
  columnNumber: 17
29213
29254
  }
29214
29255
  })), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29216,7 +29257,7 @@ const Upload = ({
29216
29257
  __self: this,
29217
29258
  __source: {
29218
29259
  fileName: _jsxFileName$9,
29219
- lineNumber: 800,
29260
+ lineNumber: 855,
29220
29261
  columnNumber: 13
29221
29262
  }
29222
29263
  }, /*#__PURE__*/React__default.createElement(Button$4, {
@@ -29225,7 +29266,7 @@ const Upload = ({
29225
29266
  __self: this,
29226
29267
  __source: {
29227
29268
  fileName: _jsxFileName$9,
29228
- lineNumber: 801,
29269
+ lineNumber: 856,
29229
29270
  columnNumber: 15
29230
29271
  }
29231
29272
  }, t('label.cancel', 'Batal', {
@@ -29235,7 +29276,7 @@ const Upload = ({
29235
29276
  __self: this,
29236
29277
  __source: {
29237
29278
  fileName: _jsxFileName$9,
29238
- lineNumber: 804,
29279
+ lineNumber: 859,
29239
29280
  columnNumber: 15
29240
29281
  }
29241
29282
  }, t('save', 'Simpan', {
@@ -29252,7 +29293,7 @@ const Upload = ({
29252
29293
  __self: undefined,
29253
29294
  __source: {
29254
29295
  fileName: _jsxFileName$9,
29255
- lineNumber: 813,
29296
+ lineNumber: 868,
29256
29297
  columnNumber: 5
29257
29298
  }
29258
29299
  }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default.createElement(UploadProgress, {
@@ -29261,7 +29302,7 @@ const Upload = ({
29261
29302
  __self: undefined,
29262
29303
  __source: {
29263
29304
  fileName: _jsxFileName$9,
29264
- lineNumber: 816,
29305
+ lineNumber: 871,
29265
29306
  columnNumber: 32
29266
29307
  }
29267
29308
  }) : renderUpload(), showCropper && renderCropper());
@@ -30061,7 +30102,7 @@ const Device = props => {
30061
30102
  };
30062
30103
  Device.displayName = 'DevicePreview';
30063
30104
 
30064
- var _jsxFileName$8 = "/Users/majoo/majoo-ui/packages/react/src/components/colorPicker/InputColorPicker.js";
30105
+ var _jsxFileName$8 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/InputColorPicker.js";
30065
30106
  const Separator$1 = styled('div', {
30066
30107
  height: 20,
30067
30108
  width: 1,
@@ -30214,7 +30255,7 @@ InputColorPicker.defaultProps = {
30214
30255
 
30215
30256
  var img$d = "data:image/gif;base64,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";
30216
30257
 
30217
- var _jsxFileName$7 = "/Users/majoo/majoo-ui/packages/react/src/components/colorPicker/components/ColorMap.js";
30258
+ var _jsxFileName$7 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/components/ColorMap.js";
30218
30259
  const Container$7 = styled('div', {
30219
30260
  userSelect: 'none',
30220
30261
  margin: 'auto',
@@ -32175,7 +32216,7 @@ function ColorMap({
32175
32216
  })));
32176
32217
  }
32177
32218
 
32178
- var _jsxFileName$6 = "/Users/majoo/majoo-ui/packages/react/src/components/colorPicker/components/ColorFields.js";
32219
+ var _jsxFileName$6 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/components/ColorFields.js";
32179
32220
  const CheckBoard = styled(Flex$1, {
32180
32221
  background: '$bgwhite',
32181
32222
  border: '1px solid #E5E7EB',
@@ -32376,7 +32417,7 @@ function ColorFields({
32376
32417
  }, "%")));
32377
32418
  }
32378
32419
 
32379
- var _jsxFileName$5 = "/Users/majoo/majoo-ui/packages/react/src/components/colorPicker/ColorPicker.js";
32420
+ var _jsxFileName$5 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/ColorPicker.js";
32380
32421
  const Container$6 = styled(Flex$1, {
32381
32422
  background: '$white',
32382
32423
  padding: 16,
@@ -32896,7 +32937,7 @@ ColorPicker.defaultProps = {
32896
32937
  };
32897
32938
  var ColorPicker$1 = ColorWrap(ColorPicker);
32898
32939
 
32899
- var _jsxFileName$4 = "/Users/majoo/majoo-ui/packages/react/src/components/stepWizard/StepWizard.js";
32940
+ var _jsxFileName$4 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/stepWizard/StepWizard.js";
32900
32941
  const StepWizardContext = /*#__PURE__*/React__default.createContext({});
32901
32942
  const Stepper = StepWizard$1;
32902
32943
  Stepper.displayName = 'Stepper';
@@ -33619,7 +33660,7 @@ StepWizard.defaultProps = {
33619
33660
  isLazyMount: true
33620
33661
  };
33621
33662
 
33622
- var _jsxFileName$3 = "/Users/majoo/majoo-ui/packages/react/src/components/tableOfContent/transition.js";
33663
+ var _jsxFileName$3 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tableOfContent/transition.js";
33623
33664
  function Collapse({
33624
33665
  children,
33625
33666
  isOpen
@@ -33662,7 +33703,7 @@ Collapse.defaultProps = {
33662
33703
  isOpen: false
33663
33704
  };
33664
33705
 
33665
- var _jsxFileName$2 = "/Users/majoo/majoo-ui/packages/react/src/components/tableOfContent/TableOfContent.js";
33706
+ var _jsxFileName$2 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tableOfContent/TableOfContent.js";
33666
33707
  const DesktopContainer = styled(Flex$1, {
33667
33708
  display: 'none',
33668
33709
  '& .active-scroll-spy': {
@@ -34023,7 +34064,7 @@ TableOfContentPage.defaultProps = {
34023
34064
  useBoxMethod: true
34024
34065
  };
34025
34066
 
34026
- var _jsxFileName$1 = "/Users/majoo/majoo-ui/packages/react/src/components/editableTable/transition.js";
34067
+ var _jsxFileName$1 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/editableTable/transition.js";
34027
34068
  function Collapalse({
34028
34069
  children,
34029
34070
  isOpen
@@ -55537,7 +55578,7 @@ PieChartComponent.defaultProps = {
55537
55578
  innerRadius: 70
55538
55579
  };
55539
55580
 
55540
- var _jsxFileName = "/Users/majoo/majoo-ui/packages/react/src/colors/Colors.js";
55581
+ var _jsxFileName = "/home/alfiantryp/Project/majoo-ui/packages/react/src/colors/Colors.js";
55541
55582
  const StyledPaper = styled(Paper, {
55542
55583
  borderRadius: '10px 10px 0 0',
55543
55584
  padding: 15,