funda-ui 1.0.408 → 1.0.412

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 (69) hide show
  1. package/CascadingSelect/index.js +5 -2
  2. package/CascadingSelectE2E/index.js +5 -2
  3. package/Checkbox/index.js +5 -2
  4. package/ColorPicker/index.js +5 -2
  5. package/DynamicFields/index.js +5 -2
  6. package/Input/index.js +5 -2
  7. package/LiveSearch/index.js +5 -2
  8. package/MultiFuncSelect/index.js +5 -2
  9. package/MultilevelDropdownMenu/index.js +3 -1
  10. package/MultipleCheckboxes/index.d.ts +21 -0
  11. package/MultipleCheckboxes/index.js +666 -0
  12. package/README.md +1 -2
  13. package/Radio/index.js +5 -2
  14. package/RangeSlider/index.js +10 -4
  15. package/SearchBar/index.js +5 -2
  16. package/Select/index.js +5 -2
  17. package/Switch/index.js +5 -2
  18. package/Table/index.js +10 -4
  19. package/TagInput/index.js +5 -2
  20. package/Textarea/index.js +5 -2
  21. package/Tree/index.css +1 -0
  22. package/Tree/index.js +27 -12
  23. package/all.d.ts +1 -0
  24. package/all.js +1 -0
  25. package/lib/cjs/CascadingSelect/index.js +5 -2
  26. package/lib/cjs/CascadingSelectE2E/index.js +5 -2
  27. package/lib/cjs/Checkbox/index.js +5 -2
  28. package/lib/cjs/ColorPicker/index.js +5 -2
  29. package/lib/cjs/DynamicFields/index.js +5 -2
  30. package/lib/cjs/Input/index.js +5 -2
  31. package/lib/cjs/LiveSearch/index.js +5 -2
  32. package/lib/cjs/MultiFuncSelect/index.js +5 -2
  33. package/lib/cjs/MultilevelDropdownMenu/index.js +3 -1
  34. package/lib/cjs/MultipleCheckboxes/index.d.ts +21 -0
  35. package/lib/cjs/MultipleCheckboxes/index.js +666 -0
  36. package/lib/cjs/Radio/index.js +5 -2
  37. package/lib/cjs/RangeSlider/index.js +10 -4
  38. package/lib/cjs/SearchBar/index.js +5 -2
  39. package/lib/cjs/Select/index.js +5 -2
  40. package/lib/cjs/Switch/index.js +5 -2
  41. package/lib/cjs/Table/index.js +10 -4
  42. package/lib/cjs/TagInput/index.js +5 -2
  43. package/lib/cjs/Textarea/index.js +5 -2
  44. package/lib/cjs/Tree/index.js +27 -12
  45. package/lib/cjs/index.d.ts +1 -0
  46. package/lib/cjs/index.js +1 -0
  47. package/lib/css/Tree/index.css +1 -0
  48. package/lib/esm/CascadingSelect/index.tsx +1 -1
  49. package/lib/esm/CascadingSelectE2E/index.tsx +1 -1
  50. package/lib/esm/Checkbox/index.tsx +10 -10
  51. package/lib/esm/ColorPicker/index.tsx +1 -1
  52. package/lib/esm/DynamicFields/index.tsx +1 -1
  53. package/lib/esm/Input/index.tsx +1 -1
  54. package/lib/esm/MultiFuncSelect/index.tsx +1 -1
  55. package/lib/esm/MultilevelDropdownMenu/MenuList.tsx +3 -1
  56. package/lib/esm/MultipleCheckboxes/index.tsx +180 -0
  57. package/lib/esm/Radio/index.tsx +1 -1
  58. package/lib/esm/RangeSlider/index.tsx +1 -1
  59. package/lib/esm/SearchBar/index.tsx +1 -1
  60. package/lib/esm/Select/index.tsx +1 -1
  61. package/lib/esm/Switch/index.tsx +1 -1
  62. package/lib/esm/TagInput/index.tsx +1 -1
  63. package/lib/esm/Textarea/index.tsx +1 -1
  64. package/lib/esm/Tree/TreeList.tsx +36 -6
  65. package/lib/esm/Tree/index.scss +1 -0
  66. package/lib/esm/Tree/index.tsx +6 -0
  67. package/lib/esm/Tree/init-height.tsx +4 -4
  68. package/lib/esm/index.js +1 -0
  69. package/package.json +1 -1
@@ -840,8 +840,11 @@ var CascadingSelect = function CascadingSelect(props) {
840
840
  ref: rootRef
841
841
  }, label ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("label", {
842
842
  htmlFor: idRes,
843
- className: "form-label"
844
- }, label)) : null, triggerContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
843
+ className: "form-label",
844
+ dangerouslySetInnerHTML: {
845
+ __html: "".concat(label)
846
+ }
847
+ })) : null, triggerContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
845
848
  className: triggerClassName ? "cascading-select__trigger ".concat(triggerClassName) : "cascading-select__trigger d-inline w-auto",
846
849
  onClick: handleDisplayOptions
847
850
  }, triggerContent)) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
@@ -1008,8 +1008,11 @@ var CascadingSelectE2E = function CascadingSelectE2E(props) {
1008
1008
  ref: rootRef
1009
1009
  }, label ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("label", {
1010
1010
  htmlFor: idRes,
1011
- className: "form-label"
1012
- }, label)) : null, triggerContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
1011
+ className: "form-label",
1012
+ dangerouslySetInnerHTML: {
1013
+ __html: "".concat(label)
1014
+ }
1015
+ })) : null, triggerContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
1013
1016
  className: triggerClassName ? "cascading-select-e2e__trigger ".concat(triggerClassName) : "cascading-select-e2e__trigger d-inline w-auto",
1014
1017
  onClick: handleDisplayOptions
1015
1018
  }, triggerContent)) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
package/Checkbox/index.js CHANGED
@@ -214,8 +214,11 @@ var Checkbox = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
214
214
  value: val ? value || '' : '' // do not use `defaultValue`
215
215
  }), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
216
216
  htmlFor: "label-".concat(idRes),
217
- className: "form-check-label"
218
- }, label)) : null)));
217
+ className: "form-check-label",
218
+ dangerouslySetInnerHTML: {
219
+ __html: "".concat(label)
220
+ }
221
+ })) : null)));
219
222
  });
220
223
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Checkbox);
221
224
  })();
@@ -186,8 +186,11 @@ var ColorPicker = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
186
186
  ref: rootRef
187
187
  }, label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
188
188
  htmlFor: idRes,
189
- className: "form-label"
190
- }, label)) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
189
+ className: "form-label",
190
+ dangerouslySetInnerHTML: {
191
+ __html: "".concat(label)
192
+ }
193
+ })) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
191
194
  className: "input-group"
192
195
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
193
196
  ref: function ref(node) {
@@ -310,8 +310,11 @@ var DynamicFields = function DynamicFields(props) {
310
310
  className: wrapperClassName || wrapperClassName === '' ? wrapperClassName : "mb-3 position-relative",
311
311
  ref: rootRef
312
312
  }, label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
313
- className: "form-label"
314
- }, label)) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
313
+ className: "form-label",
314
+ dangerouslySetInnerHTML: {
315
+ __html: "".concat(label)
316
+ }
317
+ })) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
315
318
  ref: fieldsRef,
316
319
  className: "dynamic-fields-container",
317
320
  "data-max-fields": maxFields || 10,
package/Input/index.js CHANGED
@@ -206,8 +206,11 @@ var Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
206
206
  ref: rootRef
207
207
  }, label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
208
208
  htmlFor: idRes,
209
- className: "form-label"
210
- }, label)) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
209
+ className: "form-label",
210
+ dangerouslySetInnerHTML: {
211
+ __html: "".concat(label)
212
+ }
213
+ })) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
211
214
  className: "input-group"
212
215
  }, iconLeft ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
213
216
  className: "input-group-text"
@@ -388,8 +388,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
388
388
  ref: rootRef
389
389
  }, label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
390
390
  htmlFor: idRes,
391
- className: "form-label"
392
- }, label)) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
391
+ className: "form-label",
392
+ dangerouslySetInnerHTML: {
393
+ __html: "".concat(label)
394
+ }
395
+ })) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
393
396
  className: "input-group"
394
397
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
395
398
  ref: ref,
@@ -1550,8 +1550,11 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
1550
1550
  className: "multifunc-select__label"
1551
1551
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("label", {
1552
1552
  htmlFor: "label-".concat(idRes),
1553
- className: "form-label"
1554
- }, label))) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
1553
+ className: "form-label",
1554
+ dangerouslySetInnerHTML: {
1555
+ __html: "".concat(label)
1556
+ }
1557
+ }))) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
1555
1558
  id: "multifunc-select__wrapper-".concat(idRes),
1556
1559
  className: "multifunc-select__wrapper ".concat(wrapperClassName || wrapperClassName === '' ? wrapperClassName : 'mb-3 position-relative', " ").concat(MULTI_SEL_VALID ? 'multiple-selection' : '', " ").concat(isOpen ? 'active focus' : ''),
1557
1560
  ref: rootRef
@@ -342,7 +342,9 @@ function MenuList(props) {
342
342
  [].slice.call(ul).forEach(function (el) {
343
343
  if (typeof el.querySelectorAll('li')[0] !== 'undefined') {
344
344
  var calcH = el.querySelectorAll('li').length * el.querySelectorAll('li')[0].scrollHeight;
345
- el.style.maxHeight = "".concat(calcH, "px");
345
+
346
+ // Prevent the use of iframe or other situations where the height is 0
347
+ el.style.maxHeight = "".concat(calcH == 0 ? 999 : calcH, "px");
346
348
  }
347
349
  });
348
350
  }
@@ -0,0 +1,21 @@
1
+ import React from 'react';
2
+ interface OptionConfig {
3
+ [propName: string]: string | number;
4
+ }
5
+ declare type MultipleCheckboxesProps = {
6
+ wrapperClassName?: string;
7
+ inline?: boolean;
8
+ value?: string;
9
+ label?: React.ReactNode | string;
10
+ name?: string;
11
+ options?: OptionConfig[] | string;
12
+ disabled?: any;
13
+ required?: any;
14
+ /** -- */
15
+ id?: string;
16
+ style?: React.CSSProperties;
17
+ [key: `data-${string}`]: string | undefined;
18
+ onChange?: (data: any) => void;
19
+ };
20
+ declare const MultipleCheckboxes: React.ForwardRefExoticComponent<MultipleCheckboxesProps & React.RefAttributes<unknown>>;
21
+ export default MultipleCheckboxes;