@majoo-ui/react 1.55.11 → 1.55.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.esm.js CHANGED
@@ -7,6 +7,8 @@ import { CloseOutline, UserFilled, CircleQuestionOutline, SearchOutline, CloseFi
7
7
  import { Transition } from 'react-transition-group';
8
8
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
9
9
  import { Portal } from '@majoo-ui/helpers';
10
+ import { useTranslation } from 'react-i18next';
11
+ import moment from 'moment';
10
12
  import * as AvatarPrimitive from '@radix-ui/react-avatar';
11
13
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
12
14
  import * as ProgressPrimitive from '@radix-ui/react-progress';
@@ -18,7 +20,6 @@ import * as SwitchPrimitive from '@radix-ui/react-switch';
18
20
  import Downshift, { useMultipleSelection, useCombobox } from 'downshift';
19
21
  import InfiniteScroll from 'react-infinite-scroller';
20
22
  import debounce from 'lodash.debounce';
21
- import { useTranslation } from 'react-i18next';
22
23
  import OTPInput, { ResendOTP as ResendOTP$1 } from 'otp-input-react';
23
24
  import { useFloating, offset, flip, shift as shift$2, useInteractions, useClick, useDismiss, FloatingFocusManager } from '@floating-ui/react-dom-interactions';
24
25
  import * as SliderPrimitive from '@radix-ui/react-slider';
@@ -28,7 +29,6 @@ import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
28
29
  import * as DialogPrimitive from '@radix-ui/react-dialog';
29
30
  import * as AccordionPrimitive from '@radix-ui/react-accordion';
30
31
  import { useDayzed } from 'dayzed';
31
- import moment from 'moment';
32
32
  import { useTable, useSortBy, useExpanded, usePagination, useRowSelect, useColumnOrder, useMountedLayoutEffect } from 'react-table';
33
33
  import ReactDOM, { createPortal } from 'react-dom';
34
34
  import * as ADialog from '@radix-ui/react-alert-dialog';
@@ -3389,19 +3389,23 @@ function MajooProvider({
3389
3389
  disableGlobalStyle
3390
3390
  }) {
3391
3391
  !disableGlobalStyle && applyGlobalStyles(extendStyle);
3392
+ const {
3393
+ i18n
3394
+ } = useTranslation();
3395
+ moment.locale(i18n && i18n.language ? i18n.language : 'id');
3392
3396
  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
3393
3397
  theme: theme$1,
3394
3398
  __self: this,
3395
3399
  __source: {
3396
3400
  fileName: _jsxFileName$Y,
3397
- lineNumber: 11,
3401
+ lineNumber: 15,
3398
3402
  columnNumber: 5
3399
3403
  }
3400
3404
  }, /*#__PURE__*/React__default.createElement(ToastProvider, {
3401
3405
  __self: this,
3402
3406
  __source: {
3403
3407
  fileName: _jsxFileName$Y,
3404
- lineNumber: 12,
3408
+ lineNumber: 16,
3405
3409
  columnNumber: 7
3406
3410
  }
3407
3411
  }, children));
@@ -6687,14 +6691,16 @@ const InputRadio = _ref => {
6687
6691
  }
6688
6692
  }
6689
6693
  function handleClick(outlined) {
6690
- var _radioRef$current;
6691
- outlined && ((_radioRef$current = radioRef.current) === null || _radioRef$current === void 0 ? void 0 : _radioRef$current.click());
6694
+ if (outlined && inputType === 'default') {
6695
+ var _radioRef$current;
6696
+ (_radioRef$current = radioRef.current) === null || _radioRef$current === void 0 ? void 0 : _radioRef$current.click();
6697
+ }
6692
6698
  }
6693
6699
  return /*#__PURE__*/React__default.createElement(InputRadioContext.Consumer, {
6694
6700
  __self: undefined,
6695
6701
  __source: {
6696
6702
  fileName: _jsxFileName$F,
6697
- lineNumber: 197,
6703
+ lineNumber: 199,
6698
6704
  columnNumber: 5
6699
6705
  }
6700
6706
  }, ({
@@ -6715,7 +6721,7 @@ const InputRadio = _ref => {
6715
6721
  __self: undefined,
6716
6722
  __source: {
6717
6723
  fileName: _jsxFileName$F,
6718
- lineNumber: 202,
6724
+ lineNumber: 204,
6719
6725
  columnNumber: 11
6720
6726
  }
6721
6727
  }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -6724,7 +6730,7 @@ const InputRadio = _ref => {
6724
6730
  __self: undefined,
6725
6731
  __source: {
6726
6732
  fileName: _jsxFileName$F,
6727
- lineNumber: 212,
6733
+ lineNumber: 214,
6728
6734
  columnNumber: 13
6729
6735
  }
6730
6736
  }, /*#__PURE__*/React__default.createElement(StyledRadio, _extends({
@@ -6736,14 +6742,14 @@ const InputRadio = _ref => {
6736
6742
  __self: undefined,
6737
6743
  __source: {
6738
6744
  fileName: _jsxFileName$F,
6739
- lineNumber: 213,
6745
+ lineNumber: 215,
6740
6746
  columnNumber: 15
6741
6747
  }
6742
6748
  }), /*#__PURE__*/React__default.createElement(StyledIndicator$1, {
6743
6749
  __self: undefined,
6744
6750
  __source: {
6745
6751
  fileName: _jsxFileName$F,
6746
- lineNumber: 214,
6752
+ lineNumber: 216,
6747
6753
  columnNumber: 17
6748
6754
  }
6749
6755
  })), renderInputType(inputType, checked)), description && /*#__PURE__*/React__default.createElement(Text$1, {
@@ -6755,7 +6761,7 @@ const InputRadio = _ref => {
6755
6761
  __self: undefined,
6756
6762
  __source: {
6757
6763
  fileName: _jsxFileName$F,
6758
- lineNumber: 219,
6764
+ lineNumber: 221,
6759
6765
  columnNumber: 15
6760
6766
  }
6761
6767
  }, description));
@@ -8186,6 +8192,9 @@ const InputSearchbox = _ref => {
8186
8192
  disabled
8187
8193
  } = _ref,
8188
8194
  props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
8195
+ const {
8196
+ t
8197
+ } = useTranslation(['MajooUI/inputSearchbox', 'translation']);
8189
8198
  const [value, setValue] = React__default.useState('');
8190
8199
  const inputValue = (_props$value = props === null || props === void 0 ? void 0 : props.value) != null ? _props$value : value;
8191
8200
  const handleChange = React__default.useCallback(e => {
@@ -8208,7 +8217,7 @@ const InputSearchbox = _ref => {
8208
8217
  __self: undefined,
8209
8218
  __source: {
8210
8219
  fileName: _jsxFileName$y,
8211
- lineNumber: 31,
8220
+ lineNumber: 33,
8212
8221
  columnNumber: 5
8213
8222
  }
8214
8223
  }, /*#__PURE__*/React__default.createElement(InputLeftElement, {
@@ -8216,17 +8225,18 @@ const InputSearchbox = _ref => {
8216
8225
  __self: undefined,
8217
8226
  __source: {
8218
8227
  fileName: _jsxFileName$y,
8219
- lineNumber: 32,
8228
+ lineNumber: 34,
8220
8229
  columnNumber: 35
8221
8230
  }
8222
8231
  }),
8223
8232
  __self: undefined,
8224
8233
  __source: {
8225
8234
  fileName: _jsxFileName$y,
8226
- lineNumber: 32,
8235
+ lineNumber: 34,
8227
8236
  columnNumber: 7
8228
8237
  }
8229
8238
  }), /*#__PURE__*/React__default.createElement(InputText, _extends({
8239
+ placeholder: t('placeholder', 'Cari ...'),
8230
8240
  onChange: handleChange,
8231
8241
  value: value,
8232
8242
  disabled: disabled,
@@ -8237,7 +8247,7 @@ const InputSearchbox = _ref => {
8237
8247
  __self: undefined,
8238
8248
  __source: {
8239
8249
  fileName: _jsxFileName$y,
8240
- lineNumber: 33,
8250
+ lineNumber: 35,
8241
8251
  columnNumber: 7
8242
8252
  }
8243
8253
  })), /*#__PURE__*/React__default.createElement(InputRightElement, {
@@ -8245,22 +8255,22 @@ const InputSearchbox = _ref => {
8245
8255
  __self: undefined,
8246
8256
  __source: {
8247
8257
  fileName: _jsxFileName$y,
8248
- lineNumber: 42,
8249
- columnNumber: 60
8258
+ lineNumber: 46,
8259
+ columnNumber: 43
8250
8260
  }
8251
8261
  }) : /*#__PURE__*/React__default.createElement("div", {
8252
8262
  __self: undefined,
8253
8263
  __source: {
8254
8264
  fileName: _jsxFileName$y,
8255
- lineNumber: 42,
8256
- columnNumber: 78
8265
+ lineNumber: 46,
8266
+ columnNumber: 61
8257
8267
  }
8258
8268
  }),
8259
8269
  onClick: handleClearButtonClick,
8260
8270
  __self: undefined,
8261
8271
  __source: {
8262
8272
  fileName: _jsxFileName$y,
8263
- lineNumber: 42,
8273
+ lineNumber: 45,
8264
8274
  columnNumber: 7
8265
8275
  }
8266
8276
  }));
@@ -8749,6 +8759,9 @@ function InputSelect(_a) {
8749
8759
  renderFooter
8750
8760
  } = _a,
8751
8761
  props = __rest(_a, ["option", "onChange", "value", "placeholder", "searchPlaceholder", "embedSearch", "size", "disabled", "search", "iconColor", "hideArrowicon", "showLeadingIcon", "placement", "disabledOptions", "textSelector", "valueSelector", "readOnly", "isInvalid", "noOptionIcon", "fetchData", "onSearch", "isLoading", "showTooltip", "css", "renderFooter"]);
8762
+ const {
8763
+ t
8764
+ } = useTranslation(['MajooUI/inputSelect', 'translation']);
8752
8765
  const [options, setOptions] = useState([]);
8753
8766
  const [item, setItem] = useState([]);
8754
8767
  const [selectedValue, setSelectedValue] = useState(value);
@@ -9027,7 +9040,7 @@ function InputSelect(_a) {
9027
9040
  verticalAlign: 'text-bottom'
9028
9041
  }
9029
9042
  }, void 0)
9030
- }), void 0), "Item tidak ditemukan"]
9043
+ }), void 0), t('noItemPlaceholder', 'Item tidak ditemukan')]
9031
9044
  }, void 0)
9032
9045
  }, void 0)]
9033
9046
  }), void 0)
@@ -9623,6 +9636,9 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
9623
9636
  collapsible
9624
9637
  } = _ref,
9625
9638
  props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
9639
+ const {
9640
+ t
9641
+ } = useTranslation(['MajooUI/inputSelectCheck', 'translation']);
9626
9642
  const [initItem, setInitItems] = React__default.useState(option); //init filter selectedItems on useMultipleSelection
9627
9643
  const [items, setItems] = React__default.useState([]);
9628
9644
  const [selectedValue, setSelectedValue] = React__default.useState([]);
@@ -9811,11 +9827,11 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
9811
9827
  sortItems();
9812
9828
  setItems(showSelectAll ? [{
9813
9829
  id: '!all',
9814
- name: selectAllLabel
9830
+ name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
9815
9831
  }, ...option] : option);
9816
9832
  setInitItems(showSelectAll ? [{
9817
9833
  id: '!all',
9818
- name: selectAllLabel
9834
+ name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
9819
9835
  }, ...option] : option);
9820
9836
  }, [option, showSelectAll]);
9821
9837
  useEffect(() => {
@@ -9832,11 +9848,11 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
9832
9848
  const options = generateOptions(sortDisabled);
9833
9849
  setItems(showSelectAll ? [{
9834
9850
  id: '!all',
9835
- name: selectAllLabel
9851
+ name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
9836
9852
  }, ...options] : options);
9837
9853
  setInitItems(showSelectAll ? [{
9838
9854
  id: '!all',
9839
- name: selectAllLabel
9855
+ name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
9840
9856
  }, ...options] : options);
9841
9857
  }
9842
9858
  }, [disabledOptions, showSelectAll]);
@@ -9850,7 +9866,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
9850
9866
  __self: undefined,
9851
9867
  __source: {
9852
9868
  fileName: _jsxFileName$w,
9853
- lineNumber: 521,
9869
+ lineNumber: 523,
9854
9870
  columnNumber: 7
9855
9871
  }
9856
9872
  }), /*#__PURE__*/React__default.createElement(Select, {
@@ -9860,7 +9876,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
9860
9876
  __self: undefined,
9861
9877
  __source: {
9862
9878
  fileName: _jsxFileName$w,
9863
- lineNumber: 522,
9879
+ lineNumber: 524,
9864
9880
  columnNumber: 9
9865
9881
  }
9866
9882
  }, /*#__PURE__*/React__default.createElement(InputWrapper$1, _extends({}, getComboboxProps(getDropdownProps({
@@ -9875,7 +9891,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
9875
9891
  __self: undefined,
9876
9892
  __source: {
9877
9893
  fileName: _jsxFileName$w,
9878
- lineNumber: 523,
9894
+ lineNumber: 525,
9879
9895
  columnNumber: 11
9880
9896
  }
9881
9897
  }), /*#__PURE__*/React__default.createElement(Input$6, _extends({}, getInputProps({
@@ -9891,7 +9907,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
9891
9907
  __self: undefined,
9892
9908
  __source: {
9893
9909
  fileName: _jsxFileName$w,
9894
- lineNumber: 533,
9910
+ lineNumber: 535,
9895
9911
  columnNumber: 13
9896
9912
  }
9897
9913
  })), /*#__PURE__*/React__default.createElement(Button$2, _extends({}, getToggleButtonProps({
@@ -9904,7 +9920,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
9904
9920
  __self: undefined,
9905
9921
  __source: {
9906
9922
  fileName: _jsxFileName$w,
9907
- lineNumber: 539,
9923
+ lineNumber: 541,
9908
9924
  columnNumber: 13
9909
9925
  }
9910
9926
  }), placeholder)), /*#__PURE__*/React__default.createElement(IconWrapper, _extends({}, getToggleButtonProps({
@@ -9915,7 +9931,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
9915
9931
  __self: undefined,
9916
9932
  __source: {
9917
9933
  fileName: _jsxFileName$w,
9918
- lineNumber: 549,
9934
+ lineNumber: 551,
9919
9935
  columnNumber: 11
9920
9936
  }
9921
9937
  }), /*#__PURE__*/React__default.createElement(IconCaretDown, {
@@ -9923,7 +9939,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
9923
9939
  __self: undefined,
9924
9940
  __source: {
9925
9941
  fileName: _jsxFileName$w,
9926
- lineNumber: 554,
9942
+ lineNumber: 556,
9927
9943
  columnNumber: 13
9928
9944
  }
9929
9945
  }))), helperText && /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -9936,7 +9952,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
9936
9952
  __self: undefined,
9937
9953
  __source: {
9938
9954
  fileName: _jsxFileName$w,
9939
- lineNumber: 558,
9955
+ lineNumber: 560,
9940
9956
  columnNumber: 11
9941
9957
  }
9942
9958
  }, helperText), showSelectedTag && !showCounter && selectedItems.length !== 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TagWrapper$1, {
@@ -9944,7 +9960,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
9944
9960
  __self: undefined,
9945
9961
  __source: {
9946
9962
  fileName: _jsxFileName$w,
9947
- lineNumber: 564,
9963
+ lineNumber: 566,
9948
9964
  columnNumber: 13
9949
9965
  }
9950
9966
  }, selectedItems === null || selectedItems === void 0 ? void 0 : (_selectedItems$filter = selectedItems.filter(item => (item === null || item === void 0 ? void 0 : item.id) !== '!all')) === null || _selectedItems$filter === void 0 ? void 0 : (_selectedItems$filter2 = _selectedItems$filter.filter((_, idx) => {
@@ -9974,7 +9990,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
9974
9990
  __self: undefined,
9975
9991
  __source: {
9976
9992
  fileName: _jsxFileName$w,
9977
- lineNumber: 575,
9993
+ lineNumber: 577,
9978
9994
  columnNumber: 19
9979
9995
  }
9980
9996
  }), selectedItem.name))), collapsible && (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) > 5 && /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -9984,14 +10000,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
9984
10000
  __self: undefined,
9985
10001
  __source: {
9986
10002
  fileName: _jsxFileName$w,
9987
- lineNumber: 596,
10003
+ lineNumber: 598,
9988
10004
  columnNumber: 15
9989
10005
  }
9990
10006
  }, /*#__PURE__*/React__default.createElement(Separator$2, {
9991
10007
  __self: undefined,
9992
10008
  __source: {
9993
10009
  fileName: _jsxFileName$w,
9994
- lineNumber: 597,
10010
+ lineNumber: 599,
9995
10011
  columnNumber: 17
9996
10012
  }
9997
10013
  }), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -10005,7 +10021,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
10005
10021
  __self: undefined,
10006
10022
  __source: {
10007
10023
  fileName: _jsxFileName$w,
10008
- lineNumber: 598,
10024
+ lineNumber: 600,
10009
10025
  columnNumber: 17
10010
10026
  }
10011
10027
  }, showAllTags ? /*#__PURE__*/React__default.createElement(ChevronUpOutline, {
@@ -10013,7 +10029,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
10013
10029
  __self: undefined,
10014
10030
  __source: {
10015
10031
  fileName: _jsxFileName$w,
10016
- lineNumber: 604,
10032
+ lineNumber: 606,
10017
10033
  columnNumber: 21
10018
10034
  }
10019
10035
  }) : /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
@@ -10021,7 +10037,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
10021
10037
  __self: undefined,
10022
10038
  __source: {
10023
10039
  fileName: _jsxFileName$w,
10024
- lineNumber: 606,
10040
+ lineNumber: 608,
10025
10041
  columnNumber: 21
10026
10042
  }
10027
10043
  }), /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -10033,14 +10049,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
10033
10049
  __self: undefined,
10034
10050
  __source: {
10035
10051
  fileName: _jsxFileName$w,
10036
- lineNumber: 608,
10052
+ lineNumber: 610,
10037
10053
  columnNumber: 19
10038
10054
  }
10039
- }, showAllTags ? 'Tampilkan Sebagian' : 'Tampilkan Semua')), /*#__PURE__*/React__default.createElement(Separator$2, {
10055
+ }, showAllTags ? t('showSomeText', 'Tampilkan Sebagian') : t('showAllText', 'Tampilkan Semua'))), /*#__PURE__*/React__default.createElement(Separator$2, {
10040
10056
  __self: undefined,
10041
10057
  __source: {
10042
10058
  fileName: _jsxFileName$w,
10043
- lineNumber: 612,
10059
+ lineNumber: 614,
10044
10060
  columnNumber: 17
10045
10061
  }
10046
10062
  }))), showSelectedTag && showCounter && Boolean(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) && /*#__PURE__*/React__default.createElement(TagWrapper$1, {
@@ -10048,7 +10064,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
10048
10064
  __self: undefined,
10049
10065
  __source: {
10050
10066
  fileName: _jsxFileName$w,
10051
- lineNumber: 618,
10067
+ lineNumber: 620,
10052
10068
  columnNumber: 11
10053
10069
  }
10054
10070
  }, /*#__PURE__*/React__default.createElement(Tag, {
@@ -10076,10 +10092,10 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
10076
10092
  __self: undefined,
10077
10093
  __source: {
10078
10094
  fileName: _jsxFileName$w,
10079
- lineNumber: 619,
10095
+ lineNumber: 621,
10080
10096
  columnNumber: 13
10081
10097
  }
10082
- }, `${selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length} ${labelCounter}`)), /*#__PURE__*/React__default.createElement(OptionWrapper$1, {
10098
+ }, `${selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length} ${labelCounter != null ? labelCounter : t('labelCounterText', 'Item terpilih')}`)), /*#__PURE__*/React__default.createElement(OptionWrapper$1, {
10083
10099
  placement: placement,
10084
10100
  css: {
10085
10101
  display: isOpen && disabled === false ? 'block' : 'none',
@@ -10088,7 +10104,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
10088
10104
  __self: undefined,
10089
10105
  __source: {
10090
10106
  fileName: _jsxFileName$w,
10091
- lineNumber: 639,
10107
+ lineNumber: 641,
10092
10108
  columnNumber: 9
10093
10109
  }
10094
10110
  }, items.length !== 0 ? /*#__PURE__*/React__default.createElement(Option, _extends({}, getMenuProps({}, {
@@ -10097,7 +10113,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
10097
10113
  __self: undefined,
10098
10114
  __source: {
10099
10115
  fileName: _jsxFileName$w,
10100
- lineNumber: 644,
10116
+ lineNumber: 646,
10101
10117
  columnNumber: 13
10102
10118
  }
10103
10119
  }), isOpen && items.map((item, index) => /*#__PURE__*/React__default.createElement(ItemWrapper$1, _extends({
@@ -10115,7 +10131,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
10115
10131
  __self: undefined,
10116
10132
  __source: {
10117
10133
  fileName: _jsxFileName$w,
10118
- lineNumber: 647,
10134
+ lineNumber: 649,
10119
10135
  columnNumber: 19
10120
10136
  }
10121
10137
  }), /*#__PURE__*/React__default.createElement(IconWrapper, {
@@ -10128,7 +10144,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
10128
10144
  __self: undefined,
10129
10145
  __source: {
10130
10146
  fileName: _jsxFileName$w,
10131
- lineNumber: 660,
10147
+ lineNumber: 662,
10132
10148
  columnNumber: 21
10133
10149
  }
10134
10150
  }, item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -10136,7 +10152,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
10136
10152
  __self: undefined,
10137
10153
  __source: {
10138
10154
  fileName: _jsxFileName$w,
10139
- lineNumber: 669,
10155
+ lineNumber: 671,
10140
10156
  columnNumber: 25
10141
10157
  }
10142
10158
  }) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -10144,21 +10160,21 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
10144
10160
  __self: undefined,
10145
10161
  __source: {
10146
10162
  fileName: _jsxFileName$w,
10147
- lineNumber: 673,
10163
+ lineNumber: 675,
10148
10164
  columnNumber: 27
10149
10165
  }
10150
10166
  }), showSelectAll && (item === null || item === void 0 ? void 0 : item.id) === '!all' && selectedValue !== null && selectedValue !== void 0 && selectedValue.length && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) < (items === null || items === void 0 ? void 0 : items.length) ? /*#__PURE__*/React__default.createElement(IndeterminateFilled, {
10151
10167
  __self: undefined,
10152
10168
  __source: {
10153
10169
  fileName: _jsxFileName$w,
10154
- lineNumber: 680,
10170
+ lineNumber: 682,
10155
10171
  columnNumber: 25
10156
10172
  }
10157
10173
  }, "-") : /*#__PURE__*/React__default.createElement("div", {
10158
10174
  __self: undefined,
10159
10175
  __source: {
10160
10176
  fileName: _jsxFileName$w,
10161
- lineNumber: 682,
10177
+ lineNumber: 684,
10162
10178
  columnNumber: 25
10163
10179
  }
10164
10180
  })), /*#__PURE__*/React__default.createElement(Item$3, {
@@ -10168,7 +10184,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
10168
10184
  __self: undefined,
10169
10185
  __source: {
10170
10186
  fileName: _jsxFileName$w,
10171
- lineNumber: 685,
10187
+ lineNumber: 687,
10172
10188
  columnNumber: 21
10173
10189
  }
10174
10190
  }, item.name)))) : /*#__PURE__*/React__default.createElement(Option, _extends({
@@ -10181,14 +10197,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
10181
10197
  __self: undefined,
10182
10198
  __source: {
10183
10199
  fileName: _jsxFileName$w,
10184
- lineNumber: 690,
10200
+ lineNumber: 692,
10185
10201
  columnNumber: 13
10186
10202
  }
10187
10203
  }), /*#__PURE__*/React__default.createElement(StyledDiv$1, {
10188
10204
  __self: undefined,
10189
10205
  __source: {
10190
10206
  fileName: _jsxFileName$w,
10191
- lineNumber: 691,
10207
+ lineNumber: 693,
10192
10208
  columnNumber: 15
10193
10209
  }
10194
10210
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -10198,7 +10214,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
10198
10214
  __self: undefined,
10199
10215
  __source: {
10200
10216
  fileName: _jsxFileName$w,
10201
- lineNumber: 692,
10217
+ lineNumber: 694,
10202
10218
  columnNumber: 17
10203
10219
  }
10204
10220
  }, /*#__PURE__*/React__default.createElement(CircleInfoOutline, {
@@ -10210,10 +10226,10 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
10210
10226
  __self: undefined,
10211
10227
  __source: {
10212
10228
  fileName: _jsxFileName$w,
10213
- lineNumber: 693,
10229
+ lineNumber: 695,
10214
10230
  columnNumber: 19
10215
10231
  }
10216
- })), textEmptyItem))));
10232
+ })), textEmptyItem != null ? textEmptyItem : t('emptyItemText', 'Item tidak ditemukan')))));
10217
10233
  });
10218
10234
  InputSelectCheck.propTypes = {
10219
10235
  placeholder: PropTypes.string,
@@ -10251,12 +10267,9 @@ InputSelectCheck.defaultProps = {
10251
10267
  value: [],
10252
10268
  disabledOptions: [],
10253
10269
  unremovableTags: [],
10254
- textEmptyItem: 'Item tidak ditemukan',
10255
10270
  sortBy: 'name',
10256
10271
  showSelectAll: false,
10257
- selectAllLabel: 'Pilih Semua',
10258
10272
  showCounter: false,
10259
- labelCounter: 'Item terpilih',
10260
10273
  collapsible: true
10261
10274
  };
10262
10275
 
@@ -10463,6 +10476,9 @@ function InputCreatable({
10463
10476
  maxChar,
10464
10477
  onClickItem
10465
10478
  }) {
10479
+ const {
10480
+ t
10481
+ } = useTranslation(['MajooUI/inputCreatable', 'translation']);
10466
10482
  const [inputValue, setInputValue] = React__default.useState(value || '');
10467
10483
  const [isOpen, setOpen] = React__default.useState(false);
10468
10484
  React__default.useEffect(() => {
@@ -10484,7 +10500,7 @@ function InputCreatable({
10484
10500
  __self: this,
10485
10501
  __source: {
10486
10502
  fileName: _jsxFileName$u,
10487
- lineNumber: 167,
10503
+ lineNumber: 169,
10488
10504
  columnNumber: 5
10489
10505
  }
10490
10506
  }, /*#__PURE__*/React__default.createElement(InputWrapper, {
@@ -10494,7 +10510,7 @@ function InputCreatable({
10494
10510
  __self: this,
10495
10511
  __source: {
10496
10512
  fileName: _jsxFileName$u,
10497
- lineNumber: 168,
10513
+ lineNumber: 170,
10498
10514
  columnNumber: 7
10499
10515
  }
10500
10516
  }, /*#__PURE__*/React__default.createElement(Input$5, {
@@ -10508,7 +10524,7 @@ function InputCreatable({
10508
10524
  __self: this,
10509
10525
  __source: {
10510
10526
  fileName: _jsxFileName$u,
10511
- lineNumber: 169,
10527
+ lineNumber: 171,
10512
10528
  columnNumber: 9
10513
10529
  }
10514
10530
  })), /*#__PURE__*/React__default.createElement(OptionWrapper, {
@@ -10518,14 +10534,14 @@ function InputCreatable({
10518
10534
  __self: this,
10519
10535
  __source: {
10520
10536
  fileName: _jsxFileName$u,
10521
- lineNumber: 179,
10537
+ lineNumber: 181,
10522
10538
  columnNumber: 7
10523
10539
  }
10524
10540
  }, /*#__PURE__*/React__default.createElement(ItemWrapper, {
10525
10541
  __self: this,
10526
10542
  __source: {
10527
10543
  fileName: _jsxFileName$u,
10528
- lineNumber: 180,
10544
+ lineNumber: 182,
10529
10545
  columnNumber: 9
10530
10546
  }
10531
10547
  }, /*#__PURE__*/React__default.createElement(CirclePlusOutline, {
@@ -10533,7 +10549,7 @@ function InputCreatable({
10533
10549
  __self: this,
10534
10550
  __source: {
10535
10551
  fileName: _jsxFileName$u,
10536
- lineNumber: 181,
10552
+ lineNumber: 183,
10537
10553
  columnNumber: 11
10538
10554
  }
10539
10555
  }), /*#__PURE__*/React__default.createElement(Item$2, {
@@ -10544,10 +10560,10 @@ function InputCreatable({
10544
10560
  __self: this,
10545
10561
  __source: {
10546
10562
  fileName: _jsxFileName$u,
10547
- lineNumber: 182,
10563
+ lineNumber: 184,
10548
10564
  columnNumber: 11
10549
10565
  }
10550
- }, "Tambah \"", inputValue, "\""))));
10566
+ }, t('addText', 'Tambah'), " \"", inputValue, "\""))));
10551
10567
  }
10552
10568
  InputCreatable.propTypes = {
10553
10569
  placeholder: PropTypes.string,
@@ -11000,6 +11016,9 @@ InputOTP.defaultProps = {
11000
11016
  secure: false
11001
11017
  };
11002
11018
  function ResendOTP(props) {
11019
+ const {
11020
+ t
11021
+ } = useTranslation(['MajooUI/inputOtp', 'translation']);
11003
11022
  function renderButton() {
11004
11023
  return;
11005
11024
  }
@@ -11018,7 +11037,7 @@ function ResendOTP(props) {
11018
11037
  },
11019
11038
  onClick: handleClick
11020
11039
  }, {
11021
- children: `Kirim Ulang ${time > 0 ? `(${time}s)` : ''}`
11040
+ children: `${t('resendingText', 'Kirim Ulang')} ${time > 0 ? `(${time}s)` : ''}`
11022
11041
  }), void 0);
11023
11042
  }
11024
11043
  return jsx(ResendOTP$1, Object.assign({
@@ -17200,7 +17219,6 @@ function InputDatePicker({
17200
17219
  const [value, setValue] = useState(date || dateValue);
17201
17220
  const [defaultValue, setDefaultValue] = useState(defaultDate || defaultDateValue);
17202
17221
  const language = i18n.language;
17203
- moment.locale(language);
17204
17222
  useEffect(() => {
17205
17223
  setValue(date || dateValue);
17206
17224
  }, [date, dateValue]);
@@ -18185,6 +18203,9 @@ const MobileTable = /*#__PURE__*/React__default.forwardRef(({
18185
18203
  renderContextMenu,
18186
18204
  handleRowClick
18187
18205
  }, ref) => {
18206
+ const {
18207
+ t
18208
+ } = useTranslation('MajooUI/table');
18188
18209
  const {
18189
18210
  getTableProps,
18190
18211
  getTableBodyProps,
@@ -18218,7 +18239,7 @@ const MobileTable = /*#__PURE__*/React__default.forwardRef(({
18218
18239
  children: headerGroup.headers.filter(column => column.isMobileHeader || column.id === 'selection').map(column => {
18219
18240
  const headerRender = column.render('Header');
18220
18241
  return jsx(TableHeadCell$4, Object.assign({}, column.getHeaderProps(!column.unsortable ? column.getSortByToggleProps({
18221
- title: 'Urutkan'
18242
+ title: t('sortColumnTitle', 'Urutkan') || 'Urutkan'
18222
18243
  }) : {
18223
18244
  onClick: column.onToggle
18224
18245
  }), {
@@ -18675,7 +18696,7 @@ const formattingData = (rawData, groupKey) => {
18675
18696
  }
18676
18697
  return rawData;
18677
18698
  };
18678
- const defaultEmptyDataProps = t => ({
18699
+ const defaultEmptyDataProps = (t, isMobile) => ({
18679
18700
  doodleImage: jsx(EmptyDataDoodle, {}, void 0),
18680
18701
  title: jsx(Paragraph, Object.assign({
18681
18702
  paragraph: "shortContentBold",
@@ -18687,12 +18708,15 @@ const defaultEmptyDataProps = t => ({
18687
18708
  }, {
18688
18709
  children: t('dataNotAvailableTitle', 'Data tidak tersedia')
18689
18710
  }), void 0),
18690
- description: jsxs(Paragraph, Object.assign({
18711
+ description: jsx(Paragraph, Object.assign({
18691
18712
  paragraph: "shortContentRegular",
18692
18713
  color: "secondary",
18693
18714
  align: "center"
18694
18715
  }, {
18695
- children: [t('dataNotAvailableDescription_1', 'Belum ada data yang dapat ditampilkan'), jsx("br", {}, void 0), t('dataNotAvailableDescription_2', 'di halaman ini')]
18716
+ children: isMobile ? jsxs(Fragment, {
18717
+ children: [t('dataNotAvailableDescription_1', 'Belum ada data yang dapat ditampilkan'), jsx("br", {}, void 0), t('dataNotAvailableDescription_2', 'di halaman ini')]
18718
+ }, void 0) : `${t('dataNotAvailableDescription_1', 'Belum ada data yang dapat ditampilkan')}
18719
+ ${t('dataNotAvailableDescription_2', 'di halaman ini')}`
18696
18720
  }), void 0)
18697
18721
  });
18698
18722
  function Table({
@@ -18732,7 +18756,8 @@ function Table({
18732
18756
  const {
18733
18757
  t
18734
18758
  } = useTranslation('MajooUI/table');
18735
- const customEmptyDataProps = emptyDataProps || defaultEmptyDataProps(t);
18759
+ const isMobile = useMediaQuery(isMobileLayout === undefined ? '(max-width: 1024px)' : isMobileLayout ? '(max-width: 8000px)' : '(max-width: 0px)');
18760
+ const customEmptyDataProps = emptyDataProps || defaultEmptyDataProps(t, isMobile);
18736
18761
  const getInitialState = () => {
18737
18762
  const initialState = {};
18738
18763
  if (fetchData) {
@@ -18762,12 +18787,10 @@ function Table({
18762
18787
  getRowId: showDuplicatedData ? undefined : row => row[keyId] || JSON.stringify(row)
18763
18788
  }, useSortBy, useExpanded, usePagination, useRowSelect, useSticky, useColumnOrder);
18764
18789
  const scrollerRef = useRef(null);
18765
- const isMobile = useMediaQuery(isMobileLayout === undefined ? '(max-width: 1024px)' : isMobileLayout ? '(max-width: 8000px)' : '(max-width: 0px)');
18766
18790
  const {
18767
18791
  getTableProps,
18768
18792
  getTableBodyProps,
18769
18793
  headerGroups,
18770
- allColumns,
18771
18794
  visibleColumns,
18772
18795
  prepareRow,
18773
18796
  page,
@@ -18970,7 +18993,7 @@ function Table({
18970
18993
  children: visibleHeaders.map((column, index) => {
18971
18994
  const headerRender = column.render('Header');
18972
18995
  return jsx(TableHeadCell$3, Object.assign({}, column.getHeaderProps(props => [props, !column.unsortable ? column.getSortByToggleProps({
18973
- title: 'Urutkan'
18996
+ title: t('sortColumnTitle', 'Urutkan') || 'Urutkan'
18974
18997
  }) : {
18975
18998
  onClick: column.onToggle
18976
18999
  }, {
@@ -19155,7 +19178,7 @@ const DateColumn = ({
19155
19178
  let dateTime = '-';
19156
19179
  const format = customFormat || 'DD MMMM YYYY';
19157
19180
  if (value && moment(value, 'YYYYMMDDHHmmss').isValid()) {
19158
- dateTime = moment(value, 'YYYYMMDDHHmmss').locale('id').format(format);
19181
+ dateTime = moment(value, 'YYYYMMDDHHmmss').format(format);
19159
19182
  }
19160
19183
  return /*#__PURE__*/React__default.createElement("div", {
19161
19184
  __self: undefined,
@@ -19710,8 +19733,11 @@ const rowMenuColumn = (options, icon, config) => ({
19710
19733
  options,
19711
19734
  Header: () => null,
19712
19735
  Cell: props => {
19736
+ const {
19737
+ t
19738
+ } = useTranslation('MajooUI/table');
19713
19739
  const defaultConfig = {
19714
- mobileTitle: 'Aksi',
19740
+ mobileTitle: t('rowMenuMobileLabel', 'Aksi'),
19715
19741
  cssContent: {},
19716
19742
  cssMenuItem: {},
19717
19743
  align: 'end'
@@ -19731,7 +19757,7 @@ const rowMenuColumn = (options, icon, config) => ({
19731
19757
  __self: undefined,
19732
19758
  __source: {
19733
19759
  fileName: _jsxFileName$d,
19734
- lineNumber: 37,
19760
+ lineNumber: 39,
19735
19761
  columnNumber: 9
19736
19762
  }
19737
19763
  }, /*#__PURE__*/React__default.createElement(DropdownMenuTrigger, {
@@ -19739,7 +19765,7 @@ const rowMenuColumn = (options, icon, config) => ({
19739
19765
  __self: undefined,
19740
19766
  __source: {
19741
19767
  fileName: _jsxFileName$d,
19742
- lineNumber: 38,
19768
+ lineNumber: 40,
19743
19769
  columnNumber: 11
19744
19770
  }
19745
19771
  }, /*#__PURE__*/React__default.createElement(Box, {
@@ -19752,7 +19778,7 @@ const rowMenuColumn = (options, icon, config) => ({
19752
19778
  __self: undefined,
19753
19779
  __source: {
19754
19780
  fileName: _jsxFileName$d,
19755
- lineNumber: 39,
19781
+ lineNumber: 41,
19756
19782
  columnNumber: 13
19757
19783
  }
19758
19784
  }, /*#__PURE__*/React__default.createElement(IconButton, {
@@ -19766,21 +19792,21 @@ const rowMenuColumn = (options, icon, config) => ({
19766
19792
  __self: undefined,
19767
19793
  __source: {
19768
19794
  fileName: _jsxFileName$d,
19769
- lineNumber: 40,
19795
+ lineNumber: 42,
19770
19796
  columnNumber: 15
19771
19797
  }
19772
19798
  }, icon || /*#__PURE__*/React__default.createElement(EllipsisHorizontalOutline, {
19773
19799
  __self: undefined,
19774
19800
  __source: {
19775
19801
  fileName: _jsxFileName$d,
19776
- lineNumber: 48,
19802
+ lineNumber: 50,
19777
19803
  columnNumber: 26
19778
19804
  }
19779
19805
  })))), /*#__PURE__*/React__default.createElement(DropdownMenuPortal, {
19780
19806
  __self: undefined,
19781
19807
  __source: {
19782
19808
  fileName: _jsxFileName$d,
19783
- lineNumber: 52,
19809
+ lineNumber: 54,
19784
19810
  columnNumber: 11
19785
19811
  }
19786
19812
  }, /*#__PURE__*/React__default.createElement(DropdownMenuContent, {
@@ -19803,7 +19829,7 @@ const rowMenuColumn = (options, icon, config) => ({
19803
19829
  __self: undefined,
19804
19830
  __source: {
19805
19831
  fileName: _jsxFileName$d,
19806
- lineNumber: 53,
19832
+ lineNumber: 55,
19807
19833
  columnNumber: 13
19808
19834
  }
19809
19835
  }, options.map((option, index) => /*#__PURE__*/React__default.createElement(React__default.Fragment, {
@@ -19811,7 +19837,7 @@ const rowMenuColumn = (options, icon, config) => ({
19811
19837
  __self: undefined,
19812
19838
  __source: {
19813
19839
  fileName: _jsxFileName$d,
19814
- lineNumber: 73,
19840
+ lineNumber: 75,
19815
19841
  columnNumber: 17
19816
19842
  }
19817
19843
  }, /*#__PURE__*/React__default.createElement(DropdownMenuItem, {
@@ -19823,7 +19849,7 @@ const rowMenuColumn = (options, icon, config) => ({
19823
19849
  __self: undefined,
19824
19850
  __source: {
19825
19851
  fileName: _jsxFileName$d,
19826
- lineNumber: 74,
19852
+ lineNumber: 76,
19827
19853
  columnNumber: 19
19828
19854
  }
19829
19855
  }, option.title), /*#__PURE__*/React__default.createElement(DropdownMenuSeparator, {
@@ -19834,7 +19860,7 @@ const rowMenuColumn = (options, icon, config) => ({
19834
19860
  __self: undefined,
19835
19861
  __source: {
19836
19862
  fileName: _jsxFileName$d,
19837
- lineNumber: 83,
19863
+ lineNumber: 85,
19838
19864
  columnNumber: 19
19839
19865
  }
19840
19866
  })))))), /*#__PURE__*/React__default.createElement(ModalDialog, {
@@ -19845,7 +19871,7 @@ const rowMenuColumn = (options, icon, config) => ({
19845
19871
  __self: undefined,
19846
19872
  __source: {
19847
19873
  fileName: _jsxFileName$d,
19848
- lineNumber: 89,
19874
+ lineNumber: 91,
19849
19875
  columnNumber: 9
19850
19876
  }
19851
19877
  }, /*#__PURE__*/React__default.createElement(ModalDialogTrigger, {
@@ -19853,7 +19879,7 @@ const rowMenuColumn = (options, icon, config) => ({
19853
19879
  __self: undefined,
19854
19880
  __source: {
19855
19881
  fileName: _jsxFileName$d,
19856
- lineNumber: 90,
19882
+ lineNumber: 92,
19857
19883
  columnNumber: 11
19858
19884
  }
19859
19885
  }, /*#__PURE__*/React__default.createElement(Box, {
@@ -19866,7 +19892,7 @@ const rowMenuColumn = (options, icon, config) => ({
19866
19892
  __self: undefined,
19867
19893
  __source: {
19868
19894
  fileName: _jsxFileName$d,
19869
- lineNumber: 91,
19895
+ lineNumber: 93,
19870
19896
  columnNumber: 13
19871
19897
  }
19872
19898
  }, /*#__PURE__*/React__default.createElement(IconButton, {
@@ -19874,21 +19900,21 @@ const rowMenuColumn = (options, icon, config) => ({
19874
19900
  __self: undefined,
19875
19901
  __source: {
19876
19902
  fileName: _jsxFileName$d,
19877
- lineNumber: 92,
19903
+ lineNumber: 94,
19878
19904
  columnNumber: 15
19879
19905
  }
19880
19906
  }, icon || /*#__PURE__*/React__default.createElement(EllipsisHorizontalOutline, {
19881
19907
  __self: undefined,
19882
19908
  __source: {
19883
19909
  fileName: _jsxFileName$d,
19884
- lineNumber: 92,
19910
+ lineNumber: 94,
19885
19911
  columnNumber: 50
19886
19912
  }
19887
19913
  })))), /*#__PURE__*/React__default.createElement(ModalDialogTitle, {
19888
19914
  __self: undefined,
19889
19915
  __source: {
19890
19916
  fileName: _jsxFileName$d,
19891
- lineNumber: 95,
19917
+ lineNumber: 97,
19892
19918
  columnNumber: 11
19893
19919
  }
19894
19920
  }, mobileTitle), /*#__PURE__*/React__default.createElement(ModalDialogContent, {
@@ -19898,7 +19924,7 @@ const rowMenuColumn = (options, icon, config) => ({
19898
19924
  __self: undefined,
19899
19925
  __source: {
19900
19926
  fileName: _jsxFileName$d,
19901
- lineNumber: 96,
19927
+ lineNumber: 98,
19902
19928
  columnNumber: 11
19903
19929
  }
19904
19930
  }, /*#__PURE__*/React__default.createElement(Box, {
@@ -19913,7 +19939,7 @@ const rowMenuColumn = (options, icon, config) => ({
19913
19939
  __self: undefined,
19914
19940
  __source: {
19915
19941
  fileName: _jsxFileName$d,
19916
- lineNumber: 97,
19942
+ lineNumber: 99,
19917
19943
  columnNumber: 13
19918
19944
  }
19919
19945
  }, options.map((option, index) => /*#__PURE__*/React__default.createElement(React__default.Fragment, {
@@ -19921,7 +19947,7 @@ const rowMenuColumn = (options, icon, config) => ({
19921
19947
  __self: undefined,
19922
19948
  __source: {
19923
19949
  fileName: _jsxFileName$d,
19924
- lineNumber: 99,
19950
+ lineNumber: 101,
19925
19951
  columnNumber: 17
19926
19952
  }
19927
19953
  }, /*#__PURE__*/React__default.createElement(Box, {
@@ -19937,7 +19963,7 @@ const rowMenuColumn = (options, icon, config) => ({
19937
19963
  __self: undefined,
19938
19964
  __source: {
19939
19965
  fileName: _jsxFileName$d,
19940
- lineNumber: 100,
19966
+ lineNumber: 102,
19941
19967
  columnNumber: 19
19942
19968
  }
19943
19969
  }, /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -19946,7 +19972,7 @@ const rowMenuColumn = (options, icon, config) => ({
19946
19972
  __self: undefined,
19947
19973
  __source: {
19948
19974
  fileName: _jsxFileName$d,
19949
- lineNumber: 111,
19975
+ lineNumber: 113,
19950
19976
  columnNumber: 21
19951
19977
  }
19952
19978
  }, option.title)), /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -19954,7 +19980,7 @@ const rowMenuColumn = (options, icon, config) => ({
19954
19980
  __self: undefined,
19955
19981
  __source: {
19956
19982
  fileName: _jsxFileName$d,
19957
- lineNumber: 115,
19983
+ lineNumber: 117,
19958
19984
  columnNumber: 19
19959
19985
  }
19960
19986
  })))))));
@@ -29926,6 +29952,9 @@ const InputSearch = /*#__PURE__*/React__default.forwardRef((props, ref) => jsx(B
29926
29952
  }), void 0));
29927
29953
  const libraries = ['places'];
29928
29954
  function MapPicker(props) {
29955
+ const {
29956
+ t
29957
+ } = useTranslation(['MajooUI/mapPicker', 'translation']);
29929
29958
  const inputRef = useRef(null);
29930
29959
  const {
29931
29960
  mapsApiKey,
@@ -30084,7 +30113,7 @@ function MapPicker(props) {
30084
30113
  },
30085
30114
  onClick: handleMarkerClick
30086
30115
  }, {
30087
- children: ["Gunakan Lokasi Ini", jsx(Box, Object.assign({
30116
+ children: [t('selectLocationText', 'Gunakan Lokasi Ini'), jsx(Box, Object.assign({
30088
30117
  css: {
30089
30118
  marginTop: 3
30090
30119
  }
@@ -30129,7 +30158,7 @@ function MapPicker(props) {
30129
30158
  paragraph: "longContentRegular",
30130
30159
  color: "secondary"
30131
30160
  }, {
30132
- children: bannerDescription
30161
+ children: bannerDescription !== null && bannerDescription !== void 0 ? bannerDescription : t('bannerDescriptionText', 'Pastikan lokasi yang ditandai pada peta sudah sesuai dengan alamat')
30133
30162
  }), void 0), jsx(BannerClose, {}, void 0)]
30134
30163
  }), void 0), isLoaded ? jsxs(GoogleMap, Object.assign({
30135
30164
  mapContainerStyle: {
@@ -30155,7 +30184,7 @@ function MapPicker(props) {
30155
30184
  }, {
30156
30185
  children: jsx(InputSearch, {
30157
30186
  ref: inputRef,
30158
- placeholder: "Cari ..."
30187
+ placeholder: t('searchPlaceholder', 'Cari ...')
30159
30188
  }, void 0)
30160
30189
  }), void 0), jsxs(Flex$1, Object.assign({
30161
30190
  direction: "column",
@@ -30207,7 +30236,6 @@ function MapPicker(props) {
30207
30236
  }
30208
30237
  MapPicker.defaultProps = {
30209
30238
  showBanner: true,
30210
- bannerDescription: 'Pastikan lokasi yang ditandai pada peta sudah sesuai dengan alamat',
30211
30239
  value: {
30212
30240
  lat: -6.175392,
30213
30241
  lng: 106.827153
@@ -30223,6 +30251,9 @@ const ContainerInput = styled('div', {
30223
30251
  borderRadius: 8
30224
30252
  });
30225
30253
  function InputMapPicker(props) {
30254
+ const {
30255
+ t
30256
+ } = useTranslation(['MajooUI/mapPicker', 'translation']);
30226
30257
  const {
30227
30258
  mapsApiKey,
30228
30259
  css,
@@ -30312,14 +30343,14 @@ function InputMapPicker(props) {
30312
30343
  },
30313
30344
  isTruncated: true
30314
30345
  }, {
30315
- children: inputValue
30346
+ children: inputValue !== null && inputValue !== void 0 ? inputValue : t('mapPlaceholder', 'Tandai lokasi dalam peta')
30316
30347
  }), void 0), jsx(Button$4, Object.assign({
30317
30348
  type: "button",
30318
30349
  size: "sm",
30319
30350
  buttonType: "secondary",
30320
30351
  onClick: handleClick
30321
30352
  }, {
30322
- children: buttonLabel
30353
+ children: buttonLabel !== null && buttonLabel !== void 0 ? buttonLabel : t('buttonLabelText', 'Ubah Lokasi')
30323
30354
  }), void 0)]
30324
30355
  }), void 0)
30325
30356
  }), void 0)]
@@ -30335,7 +30366,7 @@ function InputMapPicker(props) {
30335
30366
  ref: modalTrigger
30336
30367
  }, void 0)
30337
30368
  }), void 0), jsx(ModalDialogTitle, {
30338
- children: modalTitle
30369
+ children: modalTitle !== null && modalTitle !== void 0 ? modalTitle : t('modalTitle', 'Tambah Lokasi di Map')
30339
30370
  }, void 0), jsx(ModalDialogContent, Object.assign({
30340
30371
  css: {
30341
30372
  overflowY: 'auto',
@@ -30355,11 +30386,6 @@ function InputMapPicker(props) {
30355
30386
  }), void 0)]
30356
30387
  }, void 0);
30357
30388
  }
30358
- InputMapPicker.defaultProps = {
30359
- modalTitle: 'Tambah Lokasi di Map',
30360
- buttonLabel: 'Ubah Lokasi',
30361
- placeholder: 'Tandai lokasi dalam peta'
30362
- };
30363
30389
 
30364
30390
  var img$b = "data:image/png;base64,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";
30365
30391