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.
- package/CascadingSelect/index.js +5 -2
- package/CascadingSelectE2E/index.js +5 -2
- package/Checkbox/index.js +5 -2
- package/ColorPicker/index.js +5 -2
- package/DynamicFields/index.js +5 -2
- package/Input/index.js +5 -2
- package/LiveSearch/index.js +5 -2
- package/MultiFuncSelect/index.js +5 -2
- package/MultilevelDropdownMenu/index.js +3 -1
- package/MultipleCheckboxes/index.d.ts +21 -0
- package/MultipleCheckboxes/index.js +666 -0
- package/README.md +1 -2
- package/Radio/index.js +5 -2
- package/RangeSlider/index.js +10 -4
- package/SearchBar/index.js +5 -2
- package/Select/index.js +5 -2
- package/Switch/index.js +5 -2
- package/Table/index.js +10 -4
- package/TagInput/index.js +5 -2
- package/Textarea/index.js +5 -2
- package/Tree/index.css +1 -0
- package/Tree/index.js +27 -12
- package/all.d.ts +1 -0
- package/all.js +1 -0
- package/lib/cjs/CascadingSelect/index.js +5 -2
- package/lib/cjs/CascadingSelectE2E/index.js +5 -2
- package/lib/cjs/Checkbox/index.js +5 -2
- package/lib/cjs/ColorPicker/index.js +5 -2
- package/lib/cjs/DynamicFields/index.js +5 -2
- package/lib/cjs/Input/index.js +5 -2
- package/lib/cjs/LiveSearch/index.js +5 -2
- package/lib/cjs/MultiFuncSelect/index.js +5 -2
- package/lib/cjs/MultilevelDropdownMenu/index.js +3 -1
- package/lib/cjs/MultipleCheckboxes/index.d.ts +21 -0
- package/lib/cjs/MultipleCheckboxes/index.js +666 -0
- package/lib/cjs/Radio/index.js +5 -2
- package/lib/cjs/RangeSlider/index.js +10 -4
- package/lib/cjs/SearchBar/index.js +5 -2
- package/lib/cjs/Select/index.js +5 -2
- package/lib/cjs/Switch/index.js +5 -2
- package/lib/cjs/Table/index.js +10 -4
- package/lib/cjs/TagInput/index.js +5 -2
- package/lib/cjs/Textarea/index.js +5 -2
- package/lib/cjs/Tree/index.js +27 -12
- package/lib/cjs/index.d.ts +1 -0
- package/lib/cjs/index.js +1 -0
- package/lib/css/Tree/index.css +1 -0
- package/lib/esm/CascadingSelect/index.tsx +1 -1
- package/lib/esm/CascadingSelectE2E/index.tsx +1 -1
- package/lib/esm/Checkbox/index.tsx +10 -10
- package/lib/esm/ColorPicker/index.tsx +1 -1
- package/lib/esm/DynamicFields/index.tsx +1 -1
- package/lib/esm/Input/index.tsx +1 -1
- package/lib/esm/MultiFuncSelect/index.tsx +1 -1
- package/lib/esm/MultilevelDropdownMenu/MenuList.tsx +3 -1
- package/lib/esm/MultipleCheckboxes/index.tsx +180 -0
- package/lib/esm/Radio/index.tsx +1 -1
- package/lib/esm/RangeSlider/index.tsx +1 -1
- package/lib/esm/SearchBar/index.tsx +1 -1
- package/lib/esm/Select/index.tsx +1 -1
- package/lib/esm/Switch/index.tsx +1 -1
- package/lib/esm/TagInput/index.tsx +1 -1
- package/lib/esm/Textarea/index.tsx +1 -1
- package/lib/esm/Tree/TreeList.tsx +36 -6
- package/lib/esm/Tree/index.scss +1 -0
- package/lib/esm/Tree/index.tsx +6 -0
- package/lib/esm/Tree/init-height.tsx +4 -4
- package/lib/esm/index.js +1 -0
- package/package.json +1 -1
package/CascadingSelect/index.js
CHANGED
|
@@ -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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
})();
|
package/ColorPicker/index.js
CHANGED
|
@@ -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
|
-
|
|
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) {
|
package/DynamicFields/index.js
CHANGED
|
@@ -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
|
-
|
|
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
|
-
|
|
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"
|
package/LiveSearch/index.js
CHANGED
|
@@ -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
|
-
|
|
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,
|
package/MultiFuncSelect/index.js
CHANGED
|
@@ -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
|
-
|
|
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
|
-
|
|
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;
|