@tsed/react-formio 1.11.0 → 1.12.0

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 (148) hide show
  1. package/.env +2 -1
  2. package/craco.config.js +11 -1
  3. package/dist/components/alert/alert.component.spec.d.ts +1 -0
  4. package/dist/components/alert/alert.stories.d.ts +15 -0
  5. package/dist/components/card/card.component.d.ts +2 -1
  6. package/dist/components/form-action/formAction.stories.d.ts +90 -414
  7. package/dist/components/input-text/inputText.component.d.ts +1 -1
  8. package/dist/components/input-text/inputText.component.spec.d.ts +1 -0
  9. package/dist/components/loader/loader.component.d.ts +3 -3
  10. package/dist/components/loader/loader.stories.d.ts +15 -0
  11. package/dist/components/pagination/pagination.component.spec.d.ts +1 -0
  12. package/dist/components/pagination/pagination.stories.d.ts +0 -27
  13. package/dist/components/select/select.component.spec.d.ts +1 -0
  14. package/dist/components/tabs/tabs.component.spec.d.ts +1 -0
  15. package/dist/index.js +64 -32
  16. package/dist/index.js.map +1 -1
  17. package/dist/index.modern.js +62 -33
  18. package/dist/index.modern.js.map +1 -1
  19. package/jest.config.js +1 -1
  20. package/package.json +5 -9
  21. package/readme.md +74 -79
  22. package/src/components/__fixtures__/form-schema.json +10 -42
  23. package/src/components/__fixtures__/form.fixture.json +1 -1
  24. package/src/components/actions-table/actionsTable.component.spec.tsx +4 -13
  25. package/src/components/actions-table/actionsTable.component.tsx +3 -11
  26. package/src/components/alert/alert.component.spec.tsx +97 -0
  27. package/src/components/alert/alert.component.tsx +2 -8
  28. package/src/components/alert/alert.stories.tsx +17 -0
  29. package/src/components/card/card.component.tsx +2 -5
  30. package/src/components/form/form.component.tsx +1 -7
  31. package/src/components/form/useForm.hook.ts +4 -13
  32. package/src/components/form-access/formAccess.component.tsx +19 -82
  33. package/src/components/form-access/formAccess.schema.ts +7 -23
  34. package/src/components/form-access/formAccess.stories.tsx +2 -9
  35. package/src/components/form-access/formAccess.utils.spec.ts +4 -22
  36. package/src/components/form-access/formAccess.utils.ts +7 -29
  37. package/src/components/form-action/formAction.component.tsx +3 -19
  38. package/src/components/form-action/formAction.stories.tsx +251 -672
  39. package/src/components/form-builder/formBuilder.component.tsx +4 -13
  40. package/src/components/form-builder/formBuilder.stories.tsx +12 -24
  41. package/src/components/form-control/formControl.component.tsx +2 -8
  42. package/src/components/form-edit/formCtas.component.tsx +5 -23
  43. package/src/components/form-edit/formEdit.component.tsx +2 -20
  44. package/src/components/form-edit/formEdit.reducer.ts +2 -8
  45. package/src/components/form-edit/formEdit.stories.tsx +3 -15
  46. package/src/components/form-edit/formParameters.component.tsx +3 -20
  47. package/src/components/form-edit/useFormEdit.hook.ts +2 -9
  48. package/src/components/form-settings/formSettings.component.spec.tsx +2 -9
  49. package/src/components/form-settings/formSettings.component.tsx +6 -34
  50. package/src/components/form-settings/formSettings.stories.tsx +1 -6
  51. package/src/components/form-settings/formSettings.utils.spec.ts +1 -4
  52. package/src/components/form-settings/formSettings.utils.ts +2 -7
  53. package/src/components/forms-table/components/formCell.component.tsx +2 -6
  54. package/src/components/forms-table/formsTable.component.tsx +2 -7
  55. package/src/components/input-tags/inputTags.component.tsx +10 -34
  56. package/src/components/input-tags/inputTags.stories.tsx +4 -14
  57. package/src/components/input-text/inputText.component.spec.tsx +56 -0
  58. package/src/components/input-text/inputText.component.tsx +4 -5
  59. package/src/components/input-text/inputText.stories.tsx +6 -26
  60. package/src/components/loader/loader.component.spec.tsx +7 -6
  61. package/src/components/loader/loader.component.tsx +4 -13
  62. package/src/components/loader/loader.stories.tsx +17 -0
  63. package/src/components/modal/modal.component.spec.tsx +8 -14
  64. package/src/components/modal/modal.component.tsx +6 -27
  65. package/src/components/modal/modal.stories.tsx +1 -5
  66. package/src/components/modal/removeModal.component.tsx +4 -22
  67. package/src/components/pagination/pagination.component.spec.tsx +111 -0
  68. package/src/components/pagination/pagination.component.tsx +10 -42
  69. package/src/components/pagination/pagination.stories.tsx +9 -29
  70. package/src/components/react-component/reactComponent.component.tsx +3 -11
  71. package/src/components/select/select.component.spec.tsx +86 -0
  72. package/src/components/select/select.component.tsx +11 -15
  73. package/src/components/select/select.stories.tsx +6 -26
  74. package/src/components/submissions-table/submissionsTable.component.tsx +1 -3
  75. package/src/components/submissions-table/submissionsTable.stories.tsx +1 -1
  76. package/src/components/table/components/defaultArrowSort.component.tsx +1 -10
  77. package/src/components/table/components/defaultCell.component.tsx +1 -4
  78. package/src/components/table/components/defaultCellHeader.component.tsx +4 -14
  79. package/src/components/table/components/defaultCellOperations.component.tsx +14 -25
  80. package/src/components/table/components/defaultOperationButton.component.tsx +2 -10
  81. package/src/components/table/filters/defaultColumnFilter.component.spec.tsx +1 -1
  82. package/src/components/table/filters/selectColumnFilter.component.spec.tsx +2 -10
  83. package/src/components/table/filters/selectColumnFilter.component.tsx +2 -6
  84. package/src/components/table/table.component.tsx +13 -53
  85. package/src/components/table/table.stories.tsx +1 -1
  86. package/src/components/table/utils/getPageNumbers.ts +3 -11
  87. package/src/components/table/utils/mapFormToColumns.tsx +14 -22
  88. package/src/components/table/utils/useOperations.hook.tsx +2 -12
  89. package/src/components/tabs/tabs.component.spec.tsx +86 -0
  90. package/src/components/tabs/tabs.component.stories.tsx +2 -9
  91. package/src/components/tabs/tabs.component.tsx +9 -43
  92. package/src/interfaces/Operation.ts +1 -4
  93. package/src/react-table.d.ts +9 -28
  94. package/src/stores/action/action.actions.ts +31 -33
  95. package/src/stores/action/action.reducers.spec.ts +1 -8
  96. package/src/stores/action/action.reducers.ts +1 -8
  97. package/src/stores/action/action.selectors.ts +1 -2
  98. package/src/stores/action-info/action-info.actions.spec.ts +1 -5
  99. package/src/stores/action-info/action-info.actions.ts +16 -19
  100. package/src/stores/action-info/action-info.reducers.spec.ts +1 -6
  101. package/src/stores/action-info/action-info.reducers.ts +1 -6
  102. package/src/stores/action-info/action-info.selectors.ts +1 -4
  103. package/src/stores/actions/actions.actions.spec.ts +1 -6
  104. package/src/stores/actions/actions.actions.ts +16 -19
  105. package/src/stores/actions/actions.reducers.spec.ts +1 -6
  106. package/src/stores/actions/actions.reducers.ts +1 -6
  107. package/src/stores/actions/actions.selectors.ts +2 -4
  108. package/src/stores/auth/auth.reducers.ts +1 -4
  109. package/src/stores/auth/auth.selectors.spec.ts +1 -5
  110. package/src/stores/auth/auth.selectors.ts +3 -6
  111. package/src/stores/auth/auth.utils.tsx +2 -8
  112. package/src/stores/auth/getAccess.action.spec.ts +11 -54
  113. package/src/stores/auth/getAccess.action.ts +1 -6
  114. package/src/stores/auth/initAuth.action.ts +15 -17
  115. package/src/stores/form/form.actions.spec.ts +8 -39
  116. package/src/stores/form/form.actions.ts +55 -64
  117. package/src/stores/form/form.reducers.spec.ts +1 -7
  118. package/src/stores/form/form.reducers.ts +1 -8
  119. package/src/stores/form/form.selectors.ts +1 -2
  120. package/src/stores/forms/forms.actions.spec.ts +5 -18
  121. package/src/stores/forms/forms.actions.ts +17 -21
  122. package/src/stores/forms/forms.reducers.spec.ts +1 -6
  123. package/src/stores/forms/forms.reducers.ts +2 -13
  124. package/src/stores/forms/forms.selectors.ts +2 -4
  125. package/src/stores/index.spec.ts +6 -9
  126. package/src/stores/root/root.selectors.spec.ts +1 -6
  127. package/src/stores/root/root.selectors.ts +6 -24
  128. package/src/stores/submission/submission.actions.spec.ts +11 -33
  129. package/src/stores/submission/submission.actions.ts +57 -66
  130. package/src/stores/submission/submission.reducers.spec.ts +17 -27
  131. package/src/stores/submission/submission.reducers.ts +1 -4
  132. package/src/stores/submission/submission.selectors.ts +1 -4
  133. package/src/stores/submissions/submissions.actions.spec.ts +5 -18
  134. package/src/stores/submissions/submissions.actions.ts +17 -26
  135. package/src/stores/submissions/submissions.reducers.spec.ts +3 -12
  136. package/src/stores/submissions/submissions.reducers.ts +3 -17
  137. package/src/stores/submissions/submissions.selectors.spec.ts +1 -4
  138. package/src/stores/submissions/submissions.selectors.ts +2 -4
  139. package/src/utils/getEventValue.ts +1 -4
  140. package/src/utils/iconClass.ts +2 -10
  141. package/src/utils/mapPagination.ts +1 -6
  142. package/src/utils/mapRequestParams.ts +2 -12
  143. package/src/utils/url.test.ts +4 -12
  144. package/src/utils/url.ts +2 -7
  145. package/tsconfig.json +4 -12
  146. package/tsconfig.test.json +1 -1
  147. package/.eslintrc +0 -47
  148. package/.prettierrc +0 -10
@@ -1227,7 +1227,7 @@ function Select(_ref) {
1227
1227
  onChange,
1228
1228
  required,
1229
1229
  value,
1230
- choices = [],
1230
+ choices,
1231
1231
  description,
1232
1232
  placeholder,
1233
1233
  prefix,
@@ -1357,6 +1357,7 @@ function PaginationButton(props) {
1357
1357
  otherProps = _objectWithoutPropertiesLoose(props, ["component", "children", "disabled", "active"]);
1358
1358
 
1359
1359
  return React.createElement(Component, Object.assign({}, otherProps, {
1360
+ "data-testid": 'pagination-button',
1360
1361
  disabled: disabled,
1361
1362
  className: classnames("page-link", disabled ? "disabled" : "", active ? "" : "", props.className)
1362
1363
  }), children);
@@ -1372,7 +1373,7 @@ function Pagination(props) {
1372
1373
  nextPage,
1373
1374
  canNextPage,
1374
1375
  pageCount,
1375
- pageIndex,
1376
+ pageIndex = 1,
1376
1377
  pageOptions,
1377
1378
  pageSize,
1378
1379
  setPageSize,
@@ -1489,9 +1490,10 @@ function InputText(_ref) {
1489
1490
  prefix,
1490
1491
  suffix,
1491
1492
  description,
1492
- className
1493
+ className,
1494
+ placeholder
1493
1495
  } = _ref,
1494
- props = _objectWithoutPropertiesLoose(_ref, ["name", "value", "label", "onChange", "required", "size", "type", "prefix", "suffix", "description", "className"]);
1496
+ props = _objectWithoutPropertiesLoose(_ref, ["name", "value", "label", "onChange", "required", "size", "type", "prefix", "suffix", "description", "className", "placeholder"]);
1495
1497
 
1496
1498
  const [localValue, setValue] = useState(value);
1497
1499
  const change = useMemo(() => callLast(onChange, 300), [onChange]);
@@ -1513,7 +1515,8 @@ function InputText(_ref) {
1513
1515
  className: classnames("form-control", size && `form-control-${size}`),
1514
1516
  id: name,
1515
1517
  required: required,
1516
- value: localValue || "",
1518
+ value: localValue || placeholder || "",
1519
+ placeholder: placeholder,
1517
1520
  onChange: event => {
1518
1521
  const value = getEventValue(event);
1519
1522
  setValue(value);
@@ -1600,7 +1603,7 @@ function DefaultCellOperations({
1600
1603
  className: 'btn-group'
1601
1604
  }, operations.filter(({
1602
1605
  permissionsResolver
1603
- }) => !permissionsResolver || permissionsResolver(data, ctx)).map((_ref) => {
1606
+ }) => !permissionsResolver || permissionsResolver(data, ctx)).map(_ref => {
1604
1607
  let {
1605
1608
  OperationButton = DefaultOperationButton
1606
1609
  } = _ref,
@@ -2563,7 +2566,8 @@ class FormBuilder extends React.Component {
2563
2566
  var _this$builderRef;
2564
2567
 
2565
2568
  (_this$builderRef = this.builderRef) == null ? void 0 : _this$builderRef.destroy();
2566
- }
2569
+ } // eslint-disable-next-line react/no-deprecated
2570
+
2567
2571
 
2568
2572
  async componentWillReceiveProps(nextProps) {
2569
2573
  if (this.builderRef) {
@@ -3302,9 +3306,10 @@ var moment = createCommonjsModule(function (module, exports) {
3302
3306
 
3303
3307
  function map(arr, fn) {
3304
3308
  var res = [],
3305
- i;
3309
+ i,
3310
+ arrLen = arr.length;
3306
3311
 
3307
- for (i = 0; i < arr.length; ++i) {
3312
+ for (i = 0; i < arrLen; ++i) {
3308
3313
  res.push(fn(arr[i], i));
3309
3314
  }
3310
3315
 
@@ -3423,7 +3428,10 @@ var moment = createCommonjsModule(function (module, exports) {
3423
3428
  updateInProgress = false;
3424
3429
 
3425
3430
  function copyConfig(to, from) {
3426
- var i, prop, val;
3431
+ var i,
3432
+ prop,
3433
+ val,
3434
+ momentPropertiesLen = momentProperties.length;
3427
3435
 
3428
3436
  if (!isUndefined(from._isAMomentObject)) {
3429
3437
  to._isAMomentObject = from._isAMomentObject;
@@ -3465,8 +3473,8 @@ var moment = createCommonjsModule(function (module, exports) {
3465
3473
  to._locale = from._locale;
3466
3474
  }
3467
3475
 
3468
- if (momentProperties.length > 0) {
3469
- for (i = 0; i < momentProperties.length; i++) {
3476
+ if (momentPropertiesLen > 0) {
3477
+ for (i = 0; i < momentPropertiesLen; i++) {
3470
3478
  prop = momentProperties[i];
3471
3479
  val = from[prop];
3472
3480
 
@@ -3518,9 +3526,10 @@ var moment = createCommonjsModule(function (module, exports) {
3518
3526
  var args = [],
3519
3527
  arg,
3520
3528
  i,
3521
- key;
3529
+ key,
3530
+ argLen = arguments.length;
3522
3531
 
3523
- for (i = 0; i < arguments.length; i++) {
3532
+ for (i = 0; i < argLen; i++) {
3524
3533
  arg = '';
3525
3534
 
3526
3535
  if (typeof arguments[i] === 'object') {
@@ -3950,9 +3959,10 @@ var moment = createCommonjsModule(function (module, exports) {
3950
3959
  if (typeof units === 'object') {
3951
3960
  units = normalizeObjectUnits(units);
3952
3961
  var prioritized = getPrioritizedUnits(units),
3953
- i;
3962
+ i,
3963
+ prioritizedLen = prioritized.length;
3954
3964
 
3955
- for (i = 0; i < prioritized.length; i++) {
3965
+ for (i = 0; i < prioritizedLen; i++) {
3956
3966
  this[prioritized[i].unit](units[prioritized[i].unit]);
3957
3967
  }
3958
3968
  } else {
@@ -4033,7 +4043,8 @@ var moment = createCommonjsModule(function (module, exports) {
4033
4043
 
4034
4044
  function addParseToken(token, callback) {
4035
4045
  var i,
4036
- func = callback;
4046
+ func = callback,
4047
+ tokenLen;
4037
4048
 
4038
4049
  if (typeof token === 'string') {
4039
4050
  token = [token];
@@ -4045,7 +4056,9 @@ var moment = createCommonjsModule(function (module, exports) {
4045
4056
  };
4046
4057
  }
4047
4058
 
4048
- for (i = 0; i < token.length; i++) {
4059
+ tokenLen = token.length;
4060
+
4061
+ for (i = 0; i < tokenLen; i++) {
4049
4062
  tokens[token[i]] = func;
4050
4063
  }
4051
4064
  }
@@ -5131,11 +5144,16 @@ var moment = createCommonjsModule(function (module, exports) {
5131
5144
  return globalLocale;
5132
5145
  }
5133
5146
 
5147
+ function isLocaleNameSane(name) {
5148
+ // Prevent names that look like filesystem paths, i.e contain '/' or '\'
5149
+ return name.match('^[^/\\\\]*$') != null;
5150
+ }
5151
+
5134
5152
  function loadLocale(name) {
5135
5153
  var oldLocale = null,
5136
5154
  aliasedRequire; // TODO: Find a better way to register and load all the locales in Node
5137
5155
 
5138
- if (locales[name] === undefined && 'object' !== 'undefined' && module && module.exports) {
5156
+ if (locales[name] === undefined && 'object' !== 'undefined' && module && module.exports && isLocaleNameSane(name)) {
5139
5157
  try {
5140
5158
  oldLocale = globalLocale._abbr;
5141
5159
  aliasedRequire = commonjsRequire;
@@ -5367,12 +5385,14 @@ var moment = createCommonjsModule(function (module, exports) {
5367
5385
  allowTime,
5368
5386
  dateFormat,
5369
5387
  timeFormat,
5370
- tzFormat;
5388
+ tzFormat,
5389
+ isoDatesLen = isoDates.length,
5390
+ isoTimesLen = isoTimes.length;
5371
5391
 
5372
5392
  if (match) {
5373
5393
  getParsingFlags(config).iso = true;
5374
5394
 
5375
- for (i = 0, l = isoDates.length; i < l; i++) {
5395
+ for (i = 0, l = isoDatesLen; i < l; i++) {
5376
5396
  if (isoDates[i][1].exec(match[1])) {
5377
5397
  dateFormat = isoDates[i][0];
5378
5398
  allowTime = isoDates[i][2] !== false;
@@ -5386,7 +5406,7 @@ var moment = createCommonjsModule(function (module, exports) {
5386
5406
  }
5387
5407
 
5388
5408
  if (match[3]) {
5389
- for (i = 0, l = isoTimes.length; i < l; i++) {
5409
+ for (i = 0, l = isoTimesLen; i < l; i++) {
5390
5410
  if (isoTimes[i][1].exec(match[3])) {
5391
5411
  // match[2] should be 'T' or space
5392
5412
  timeFormat = (match[2] || ' ') + isoTimes[i][0];
@@ -5722,10 +5742,12 @@ var moment = createCommonjsModule(function (module, exports) {
5722
5742
  skipped,
5723
5743
  stringLength = string.length,
5724
5744
  totalParsedInputLength = 0,
5725
- era;
5745
+ era,
5746
+ tokenLen;
5726
5747
  tokens = expandFormat(config._f, config._locale).match(formattingTokens) || [];
5748
+ tokenLen = tokens.length;
5727
5749
 
5728
- for (i = 0; i < tokens.length; i++) {
5750
+ for (i = 0; i < tokenLen; i++) {
5729
5751
  token = tokens[i];
5730
5752
  parsedInput = (string.match(getParseRegexForToken(token, config)) || [])[0];
5731
5753
 
@@ -5818,15 +5840,16 @@ var moment = createCommonjsModule(function (module, exports) {
5818
5840
  i,
5819
5841
  currentScore,
5820
5842
  validFormatFound,
5821
- bestFormatIsValid = false;
5843
+ bestFormatIsValid = false,
5844
+ configfLen = config._f.length;
5822
5845
 
5823
- if (config._f.length === 0) {
5846
+ if (configfLen === 0) {
5824
5847
  getParsingFlags(config).invalidFormat = true;
5825
5848
  config._d = new Date(NaN);
5826
5849
  return;
5827
5850
  }
5828
5851
 
5829
- for (i = 0; i < config._f.length; i++) {
5852
+ for (i = 0; i < configfLen; i++) {
5830
5853
  currentScore = 0;
5831
5854
  validFormatFound = false;
5832
5855
  tempConfig = copyConfig({}, config);
@@ -6048,7 +6071,8 @@ var moment = createCommonjsModule(function (module, exports) {
6048
6071
  function isDurationValid(m) {
6049
6072
  var key,
6050
6073
  unitHasDecimal = false,
6051
- i;
6074
+ i,
6075
+ orderLen = ordering.length;
6052
6076
 
6053
6077
  for (key in m) {
6054
6078
  if (hasOwnProp(m, key) && !(indexOf.call(ordering, key) !== -1 && (m[key] == null || !isNaN(m[key])))) {
@@ -6056,7 +6080,7 @@ var moment = createCommonjsModule(function (module, exports) {
6056
6080
  }
6057
6081
  }
6058
6082
 
6059
- for (i = 0; i < ordering.length; ++i) {
6083
+ for (i = 0; i < orderLen; ++i) {
6060
6084
  if (m[ordering[i]]) {
6061
6085
  if (unitHasDecimal) {
6062
6086
  return false; // only allow non-integers for smallest unit
@@ -6544,9 +6568,10 @@ var moment = createCommonjsModule(function (module, exports) {
6544
6568
  propertyTest = false,
6545
6569
  properties = ['years', 'year', 'y', 'months', 'month', 'M', 'days', 'day', 'd', 'dates', 'date', 'D', 'hours', 'hour', 'h', 'minutes', 'minute', 'm', 'seconds', 'second', 's', 'milliseconds', 'millisecond', 'ms'],
6546
6570
  i,
6547
- property;
6571
+ property,
6572
+ propertyLen = properties.length;
6548
6573
 
6549
- for (i = 0; i < properties.length; i += 1) {
6574
+ for (i = 0; i < propertyLen; i += 1) {
6550
6575
  property = properties[i];
6551
6576
  propertyTest = propertyTest || hasOwnProp(input, property);
6552
6577
  }
@@ -8288,7 +8313,7 @@ var moment = createCommonjsModule(function (module, exports) {
8288
8313
  config._d = new Date(toInt(input));
8289
8314
  }); //! moment.js
8290
8315
 
8291
- hooks.version = '2.29.1';
8316
+ hooks.version = '2.29.3';
8292
8317
  setHookCallback(createLocal);
8293
8318
  hooks.fn = proto;
8294
8319
  hooks.min = min;
@@ -8855,8 +8880,10 @@ function ButtonTab({
8855
8880
  after
8856
8881
  }) {
8857
8882
  return React.createElement("div", {
8883
+ title: 'button-wrapper',
8858
8884
  className: classnames("tw-tabs__button-wrapper", isActive ? "-active" : "", back ? "-back" : "", className)
8859
8885
  }, React.createElement("button", {
8886
+ title: 'button-tab',
8860
8887
  className: classnames("tw-tabs__button", reverse ? "-reverse" : "", isActive ? "-active" : "", back ? "-back" : ""),
8861
8888
  onClick: onClick
8862
8889
  }, icon && React.createElement("i", {
@@ -8883,6 +8910,7 @@ function Tabs(_ref) {
8883
8910
  additionalProps = _objectWithoutPropertiesLoose(_ref, ["style", "current", "items", "children", "HeaderChildren", "AddButton", "Button", "className", "onClick", "i18n"]);
8884
8911
 
8885
8912
  return React.createElement("div", {
8913
+ "data-testid": 'tabs-comp',
8886
8914
  className: `tw-tabs ${className}`,
8887
8915
  style: style
8888
8916
  }, React.createElement("div", null, React.createElement("nav", {
@@ -8906,6 +8934,7 @@ function Tabs(_ref) {
8906
8934
  })))), HeaderChildren && React.createElement(HeaderChildren, Object.assign({}, additionalProps, {
8907
8935
  current: current
8908
8936
  }))), React.createElement("div", {
8937
+ title: "tab-body",
8909
8938
  className: "tw-tabs__body"
8910
8939
  }, children));
8911
8940
  }
@@ -8930,7 +8959,7 @@ function Loader({
8930
8959
  }
8931
8960
  Loader.propTypes = {
8932
8961
  isActive: PropTypes.bool,
8933
- icon: PropTypes.bool,
8962
+ icon: PropTypes.string,
8934
8963
  color: PropTypes.string,
8935
8964
  className: PropTypes.string
8936
8965
  };