funda-ui 4.1.352 → 4.1.356

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 (41) hide show
  1. package/CascadingSelect/index.d.ts +1 -1
  2. package/CascadingSelectE2E/index.d.ts +1 -1
  3. package/Checkbox/index.d.ts +1 -1
  4. package/Checkbox/index.js +1 -1
  5. package/Date/index.d.ts +2 -2
  6. package/Input/index.d.ts +1 -1
  7. package/LiveSearch/index.d.ts +2 -2
  8. package/MultiFuncSelect/index.d.ts +2 -2
  9. package/MultipleCheckboxes/index.d.ts +1 -1
  10. package/Radio/index.d.ts +1 -1
  11. package/Table/index.d.ts +1 -1
  12. package/Textarea/index.d.ts +1 -1
  13. package/Tree/index.js +9 -4
  14. package/lib/cjs/CascadingSelect/index.d.ts +1 -1
  15. package/lib/cjs/CascadingSelectE2E/index.d.ts +1 -1
  16. package/lib/cjs/Checkbox/index.d.ts +1 -1
  17. package/lib/cjs/Checkbox/index.js +1 -1
  18. package/lib/cjs/Date/index.d.ts +2 -2
  19. package/lib/cjs/Input/index.d.ts +1 -1
  20. package/lib/cjs/LiveSearch/index.d.ts +2 -2
  21. package/lib/cjs/MultiFuncSelect/index.d.ts +2 -2
  22. package/lib/cjs/MultipleCheckboxes/index.d.ts +1 -1
  23. package/lib/cjs/Radio/index.d.ts +1 -1
  24. package/lib/cjs/Table/index.d.ts +1 -1
  25. package/lib/cjs/Textarea/index.d.ts +1 -1
  26. package/lib/cjs/Tree/index.js +9 -4
  27. package/lib/esm/CascadingSelect/index.tsx +1 -1
  28. package/lib/esm/CascadingSelectE2E/index.tsx +1 -1
  29. package/lib/esm/Checkbox/index.tsx +2 -2
  30. package/lib/esm/Date/index.tsx +2 -2
  31. package/lib/esm/Input/index.tsx +1 -1
  32. package/lib/esm/LiveSearch/index.tsx +2 -2
  33. package/lib/esm/MultiFuncSelect/index.tsx +2 -2
  34. package/lib/esm/MultipleCheckboxes/index.tsx +1 -1
  35. package/lib/esm/Radio/index.tsx +1 -1
  36. package/lib/esm/Table/TableFieldRow.tsx +1 -1
  37. package/lib/esm/Table/TableRow.tsx +1 -1
  38. package/lib/esm/Table/index.tsx +1 -1
  39. package/lib/esm/Textarea/index.tsx +1 -1
  40. package/lib/esm/Tree/TreeList.tsx +7 -3
  41. package/package.json +1 -1
package/CascadingSelect/index.d.ts CHANGED
@@ -6,7 +6,7 @@ declare module 'react' {
6
6
  }
7
7
  declare type CascadingSelectOptionChangeFnType = (input: any, currentData: any, index: any, depth: any, value: any, closeFunc: any) => void;
8
8
  declare type CascadingSelectProps = {
9
- popupRef?: React.RefObject<any>;
9
+ popupRef?: React.ForwardedRef<any>;
10
10
  wrapperClassName?: string;
11
11
  controlClassName?: string;
12
12
  controlExClassName?: string;
package/CascadingSelectE2E/index.d.ts CHANGED
@@ -15,7 +15,7 @@ interface fetchArrayConfig {
15
15
  doubleIndent?: boolean;
16
16
  }
17
17
  declare type CascadingSelectE2EProps = {
18
- popupRef?: React.RefObject<any>;
18
+ popupRef?: React.ForwardedRef<any>;
19
19
  wrapperClassName?: string;
20
20
  controlClassName?: string;
21
21
  controlExClassName?: string;
package/Checkbox/index.d.ts CHANGED
@@ -6,7 +6,7 @@ declare module 'react' {
6
6
  }
7
7
  declare type CheckboxOptionChangeFnType = (arg1: any, arg2: any) => void;
8
8
  declare type CheckboxProps = {
9
- contentRef?: React.RefObject<any>;
9
+ contentRef?: React.ForwardedRef<any>;
10
10
  wrapperClassName?: string;
11
11
  itemSelectedClassName?: string;
12
12
  value: string | boolean;
package/Checkbox/index.js CHANGED
@@ -225,7 +225,7 @@ var Checkbox = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
225
225
  onFocus: handleFocus,
226
226
  onBlur: handleBlur,
227
227
  defaultValue: value || '',
228
- checked: val // component status will not change if defaultChecked is used
228
+ checked: val || false // component status will not change if defaultChecked is used, // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
229
229
  ,
230
230
  style: _objectSpread({
231
231
  cursor: 'pointer'
package/Date/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  declare type DateProps = {
3
- contentRef?: React.RefObject<any>;
4
- popupRef?: React.RefObject<any>;
3
+ contentRef?: React.ForwardedRef<any>;
4
+ popupRef?: React.ForwardedRef<any>;
5
5
  popupClassName?: string;
6
6
  triggerClassName?: string;
7
7
  wrapperClassName?: string;
package/Input/index.d.ts CHANGED
@@ -5,7 +5,7 @@ declare module 'react' {
5
5
  }
6
6
  }
7
7
  declare type InputProps = {
8
- contentRef?: React.RefObject<any>;
8
+ contentRef?: React.ForwardedRef<any>;
9
9
  wrapperClassName?: string;
10
10
  controlClassName?: string;
11
11
  controlExClassName?: string;
package/LiveSearch/index.d.ts CHANGED
@@ -7,8 +7,8 @@ interface OptionConfig {
7
7
  queryString: string | number;
8
8
  }
9
9
  declare type LiveSearchProps = {
10
- contentRef?: React.RefObject<any>;
11
- popupRef?: React.RefObject<any>;
10
+ contentRef?: React.ForwardedRef<any>;
11
+ popupRef?: React.ForwardedRef<any>;
12
12
  wrapperClassName?: string;
13
13
  controlClassName?: string;
14
14
  controlExClassName?: string;
package/MultiFuncSelect/index.d.ts CHANGED
@@ -33,8 +33,8 @@ interface CleanTriggerConfig {
33
33
  cleanValueLabel?: string;
34
34
  }
35
35
  declare type MultiFuncSelectProps = {
36
- contentRef?: React.RefObject<any>;
37
- popupRef?: React.RefObject<any>;
36
+ contentRef?: React.ForwardedRef<any>;
37
+ popupRef?: React.ForwardedRef<any>;
38
38
  wrapperClassName?: string;
39
39
  controlClassName?: string;
40
40
  controlExClassName?: string;
package/MultipleCheckboxes/index.d.ts CHANGED
@@ -3,7 +3,7 @@ interface OptionConfig {
3
3
  [propName: string]: string | number | boolean;
4
4
  }
5
5
  declare type MultipleCheckboxesProps = {
6
- contentRef?: React.RefObject<any>;
6
+ contentRef?: React.ForwardedRef<any>;
7
7
  wrapperClassName?: string;
8
8
  tableLayout?: boolean;
9
9
  tableLayoutClassName?: string;
package/Radio/index.d.ts CHANGED
@@ -9,7 +9,7 @@ interface OptionConfig {
9
9
  }
10
10
  declare type RadioOptionChangeFnType = (arg1: any, arg2: any, arg3?: any, arg4?: any) => void;
11
11
  declare type RadioProps = {
12
- contentRef?: React.RefObject<any>;
12
+ contentRef?: React.ForwardedRef<any>;
13
13
  wrapperClassName?: string;
14
14
  groupWrapperClassName?: string;
15
15
  groupLabelClassName?: string;
package/Table/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  declare type TableProps = {
3
- tableCheckRef?: React.RefObject<any>;
3
+ tableCheckRef?: React.ForwardedRef<any>;
4
4
  wrapperClassName?: string;
5
5
  tableClassName?: string;
6
6
  bodyClassName?: string;
package/Textarea/index.d.ts CHANGED
@@ -5,7 +5,7 @@ declare module 'react' {
5
5
  }
6
6
  }
7
7
  declare type TextareaProps = {
8
- contentRef?: React.RefObject<any>;
8
+ contentRef?: React.ForwardedRef<any>;
9
9
  wrapperClassName?: string;
10
10
  controlClassName?: string;
11
11
  controlExClassName?: string;
package/Tree/index.js CHANGED
@@ -4060,7 +4060,8 @@ function TreeList(props) {
4060
4060
  onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(e, {
4061
4061
  key: hyperlink.dataset.key,
4062
4062
  slug: hyperlink.dataset.slug,
4063
- link: hyperlink.dataset.link
4063
+ link: hyperlink.dataset.link,
4064
+ optiondata: hyperlink.dataset.optiondata
4064
4065
  }, fetchFunc);
4065
4066
 
4066
4067
  // hide child if expandedLink doesn't exist, on the contrary
@@ -4101,7 +4102,8 @@ function TreeList(props) {
4101
4102
  onSelect === null || onSelect === void 0 ? void 0 : onSelect(e, {
4102
4103
  key: hyperlink.dataset.key,
4103
4104
  slug: hyperlink.dataset.slug,
4104
- link: hyperlink.dataset.link
4105
+ link: hyperlink.dataset.link,
4106
+ optiondata: hyperlink.dataset.optiondata
4105
4107
  }, typeof evInitValue !== 'function' ? function () {
4106
4108
  return void 0;
4107
4109
  } : evInitValue);
@@ -4244,7 +4246,8 @@ function TreeList(props) {
4244
4246
  "aria-disabled": "true",
4245
4247
  "data-link": item.link,
4246
4248
  "data-slug": item.slug,
4247
- "data-key": item.key
4249
+ "data-key": item.key,
4250
+ "data-optiondata": JSON.stringify(item)
4248
4251
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", null, item.icon ? item.icon.indexOf('</svg>') < 0 ? /*#__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("i", {
4249
4252
  className: item.icon
4250
4253
  }), " ") : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("var", {
@@ -4271,7 +4274,8 @@ function TreeList(props) {
4271
4274
  onClick: handleCollapse,
4272
4275
  "data-link": item.link,
4273
4276
  "data-slug": item.slug,
4274
- "data-key": item.key
4277
+ "data-key": item.key,
4278
+ "data-optiondata": JSON.stringify(item)
4275
4279
  }, arrowGenerator()) : '', /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
4276
4280
  className: "checkbox-trigger"
4277
4281
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
@@ -4307,6 +4311,7 @@ function TreeList(props) {
4307
4311
  "data-link": item.link,
4308
4312
  "data-slug": item.slug,
4309
4313
  "data-key": item.key,
4314
+ "data-optiondata": JSON.stringify(item),
4310
4315
  onMouseEnter: typeof item.itemLinkMouseEnterCallback !== 'undefined' ? item.itemLinkMouseEnterCallback : function () {
4311
4316
  return void 0;
4312
4317
  },
package/lib/cjs/CascadingSelect/index.d.ts CHANGED
@@ -6,7 +6,7 @@ declare module 'react' {
6
6
  }
7
7
  declare type CascadingSelectOptionChangeFnType = (input: any, currentData: any, index: any, depth: any, value: any, closeFunc: any) => void;
8
8
  declare type CascadingSelectProps = {
9
- popupRef?: React.RefObject<any>;
9
+ popupRef?: React.ForwardedRef<any>;
10
10
  wrapperClassName?: string;
11
11
  controlClassName?: string;
12
12
  controlExClassName?: string;
package/lib/cjs/CascadingSelectE2E/index.d.ts CHANGED
@@ -15,7 +15,7 @@ interface fetchArrayConfig {
15
15
  doubleIndent?: boolean;
16
16
  }
17
17
  declare type CascadingSelectE2EProps = {
18
- popupRef?: React.RefObject<any>;
18
+ popupRef?: React.ForwardedRef<any>;
19
19
  wrapperClassName?: string;
20
20
  controlClassName?: string;
21
21
  controlExClassName?: string;
package/lib/cjs/Checkbox/index.d.ts CHANGED
@@ -6,7 +6,7 @@ declare module 'react' {
6
6
  }
7
7
  declare type CheckboxOptionChangeFnType = (arg1: any, arg2: any) => void;
8
8
  declare type CheckboxProps = {
9
- contentRef?: React.RefObject<any>;
9
+ contentRef?: React.ForwardedRef<any>;
10
10
  wrapperClassName?: string;
11
11
  itemSelectedClassName?: string;
12
12
  value: string | boolean;
package/lib/cjs/Checkbox/index.js CHANGED
@@ -225,7 +225,7 @@ var Checkbox = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
225
225
  onFocus: handleFocus,
226
226
  onBlur: handleBlur,
227
227
  defaultValue: value || '',
228
- checked: val // component status will not change if defaultChecked is used
228
+ checked: val || false // component status will not change if defaultChecked is used, // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
229
229
  ,
230
230
  style: _objectSpread({
231
231
  cursor: 'pointer'
package/lib/cjs/Date/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  declare type DateProps = {
3
- contentRef?: React.RefObject<any>;
4
- popupRef?: React.RefObject<any>;
3
+ contentRef?: React.ForwardedRef<any>;
4
+ popupRef?: React.ForwardedRef<any>;
5
5
  popupClassName?: string;
6
6
  triggerClassName?: string;
7
7
  wrapperClassName?: string;
package/lib/cjs/Input/index.d.ts CHANGED
@@ -5,7 +5,7 @@ declare module 'react' {
5
5
  }
6
6
  }
7
7
  declare type InputProps = {
8
- contentRef?: React.RefObject<any>;
8
+ contentRef?: React.ForwardedRef<any>;
9
9
  wrapperClassName?: string;
10
10
  controlClassName?: string;
11
11
  controlExClassName?: string;
package/lib/cjs/LiveSearch/index.d.ts CHANGED
@@ -7,8 +7,8 @@ interface OptionConfig {
7
7
  queryString: string | number;
8
8
  }
9
9
  declare type LiveSearchProps = {
10
- contentRef?: React.RefObject<any>;
11
- popupRef?: React.RefObject<any>;
10
+ contentRef?: React.ForwardedRef<any>;
11
+ popupRef?: React.ForwardedRef<any>;
12
12
  wrapperClassName?: string;
13
13
  controlClassName?: string;
14
14
  controlExClassName?: string;
package/lib/cjs/MultiFuncSelect/index.d.ts CHANGED
@@ -33,8 +33,8 @@ interface CleanTriggerConfig {
33
33
  cleanValueLabel?: string;
34
34
  }
35
35
  declare type MultiFuncSelectProps = {
36
- contentRef?: React.RefObject<any>;
37
- popupRef?: React.RefObject<any>;
36
+ contentRef?: React.ForwardedRef<any>;
37
+ popupRef?: React.ForwardedRef<any>;
38
38
  wrapperClassName?: string;
39
39
  controlClassName?: string;
40
40
  controlExClassName?: string;
package/lib/cjs/MultipleCheckboxes/index.d.ts CHANGED
@@ -3,7 +3,7 @@ interface OptionConfig {
3
3
  [propName: string]: string | number | boolean;
4
4
  }
5
5
  declare type MultipleCheckboxesProps = {
6
- contentRef?: React.RefObject<any>;
6
+ contentRef?: React.ForwardedRef<any>;
7
7
  wrapperClassName?: string;
8
8
  tableLayout?: boolean;
9
9
  tableLayoutClassName?: string;
package/lib/cjs/Radio/index.d.ts CHANGED
@@ -9,7 +9,7 @@ interface OptionConfig {
9
9
  }
10
10
  declare type RadioOptionChangeFnType = (arg1: any, arg2: any, arg3?: any, arg4?: any) => void;
11
11
  declare type RadioProps = {
12
- contentRef?: React.RefObject<any>;
12
+ contentRef?: React.ForwardedRef<any>;
13
13
  wrapperClassName?: string;
14
14
  groupWrapperClassName?: string;
15
15
  groupLabelClassName?: string;
package/lib/cjs/Table/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  declare type TableProps = {
3
- tableCheckRef?: React.RefObject<any>;
3
+ tableCheckRef?: React.ForwardedRef<any>;
4
4
  wrapperClassName?: string;
5
5
  tableClassName?: string;
6
6
  bodyClassName?: string;
package/lib/cjs/Textarea/index.d.ts CHANGED
@@ -5,7 +5,7 @@ declare module 'react' {
5
5
  }
6
6
  }
7
7
  declare type TextareaProps = {
8
- contentRef?: React.RefObject<any>;
8
+ contentRef?: React.ForwardedRef<any>;
9
9
  wrapperClassName?: string;
10
10
  controlClassName?: string;
11
11
  controlExClassName?: string;
package/lib/cjs/Tree/index.js CHANGED
@@ -4060,7 +4060,8 @@ function TreeList(props) {
4060
4060
  onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(e, {
4061
4061
  key: hyperlink.dataset.key,
4062
4062
  slug: hyperlink.dataset.slug,
4063
- link: hyperlink.dataset.link
4063
+ link: hyperlink.dataset.link,
4064
+ optiondata: hyperlink.dataset.optiondata
4064
4065
  }, fetchFunc);
4065
4066
 
4066
4067
  // hide child if expandedLink doesn't exist, on the contrary
@@ -4101,7 +4102,8 @@ function TreeList(props) {
4101
4102
  onSelect === null || onSelect === void 0 ? void 0 : onSelect(e, {
4102
4103
  key: hyperlink.dataset.key,
4103
4104
  slug: hyperlink.dataset.slug,
4104
- link: hyperlink.dataset.link
4105
+ link: hyperlink.dataset.link,
4106
+ optiondata: hyperlink.dataset.optiondata
4105
4107
  }, typeof evInitValue !== 'function' ? function () {
4106
4108
  return void 0;
4107
4109
  } : evInitValue);
@@ -4244,7 +4246,8 @@ function TreeList(props) {
4244
4246
  "aria-disabled": "true",
4245
4247
  "data-link": item.link,
4246
4248
  "data-slug": item.slug,
4247
- "data-key": item.key
4249
+ "data-key": item.key,
4250
+ "data-optiondata": JSON.stringify(item)
4248
4251
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", null, item.icon ? item.icon.indexOf('</svg>') < 0 ? /*#__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("i", {
4249
4252
  className: item.icon
4250
4253
  }), " ") : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("var", {
@@ -4271,7 +4274,8 @@ function TreeList(props) {
4271
4274
  onClick: handleCollapse,
4272
4275
  "data-link": item.link,
4273
4276
  "data-slug": item.slug,
4274
- "data-key": item.key
4277
+ "data-key": item.key,
4278
+ "data-optiondata": JSON.stringify(item)
4275
4279
  }, arrowGenerator()) : '', /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
4276
4280
  className: "checkbox-trigger"
4277
4281
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
@@ -4307,6 +4311,7 @@ function TreeList(props) {
4307
4311
  "data-link": item.link,
4308
4312
  "data-slug": item.slug,
4309
4313
  "data-key": item.key,
4314
+ "data-optiondata": JSON.stringify(item),
4310
4315
  onMouseEnter: typeof item.itemLinkMouseEnterCallback !== 'undefined' ? item.itemLinkMouseEnterCallback : function () {
4311
4316
  return void 0;
4312
4317
  },
package/lib/esm/CascadingSelect/index.tsx CHANGED
@@ -25,7 +25,7 @@ type CascadingSelectOptionChangeFnType = (input: any, currentData: any, index: a
25
25
 
26
26
 
27
27
  type CascadingSelectProps = {
28
- popupRef?: React.RefObject<any>;
28
+ popupRef?: React.ForwardedRef<any>; // could use "Array" on popupRef.current, such as popupRef.current[0], popupRef.current[1]
29
29
  wrapperClassName?: string;
30
30
  controlClassName?: string;
31
31
  controlExClassName?: string;
package/lib/esm/CascadingSelectE2E/index.tsx CHANGED
@@ -40,7 +40,7 @@ interface fetchArrayConfig {
40
40
  }
41
41
 
42
42
  type CascadingSelectE2EProps = {
43
- popupRef?: React.RefObject<any>;
43
+ popupRef?: React.ForwardedRef<any>; // could use "Array" on popupRef.current, such as popupRef.current[0], popupRef.current[1]
44
44
  wrapperClassName?: string;
45
45
  controlClassName?: string;
46
46
  controlExClassName?: string;
package/lib/esm/Checkbox/index.tsx CHANGED
@@ -10,7 +10,7 @@ type CheckboxOptionChangeFnType = (arg1: any, arg2: any) => void;
10
10
 
11
11
 
12
12
  type CheckboxProps = {
13
- contentRef?: React.RefObject<any>;
13
+ contentRef?: React.ForwardedRef<any>; // could use "Array" on contentRef.current, such as contentRef.current[0], contentRef.current[1]
14
14
  wrapperClassName?: string;
15
15
  itemSelectedClassName?: string;
16
16
  value: string | boolean;
@@ -162,7 +162,7 @@ const Checkbox = forwardRef((props: CheckboxProps, externalRef: any) => {
162
162
  onFocus={handleFocus}
163
163
  onBlur={handleBlur}
164
164
  defaultValue={value as string || ''}
165
- checked={val} // component status will not change if defaultChecked is used
165
+ checked={val || false} // component status will not change if defaultChecked is used, // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
166
166
  style={{ cursor: 'pointer', ...style }}
167
167
  {...attributes}
168
168
  />
package/lib/esm/Date/index.tsx CHANGED
@@ -37,8 +37,8 @@ import i18n__zh_CN from './localization/zh_CN';
37
37
 
38
38
 
39
39
  type DateProps = {
40
- contentRef?: React.RefObject<any>;
41
- popupRef?: React.RefObject<any>;
40
+ contentRef?: React.ForwardedRef<any>; // could use "Array" on contentRef.current, such as contentRef.current[0], contentRef.current[1]
41
+ popupRef?: React.ForwardedRef<any>; // could use "Array" on popupRef.current, such as popupRef.current[0], popupRef.current[1]
42
42
  popupClassName?: string;
43
43
  triggerClassName?: string;
44
44
  wrapperClassName?: string;
package/lib/esm/Input/index.tsx CHANGED
@@ -7,7 +7,7 @@ declare module 'react' {
7
7
  }
8
8
 
9
9
  type InputProps = {
10
- contentRef?: React.RefObject<any>;
10
+ contentRef?: React.ForwardedRef<any>;
11
11
  wrapperClassName?: string;
12
12
  controlClassName?: string;
13
13
  controlExClassName?: string;
package/lib/esm/LiveSearch/index.tsx CHANGED
@@ -23,8 +23,8 @@ interface OptionConfig {
23
23
 
24
24
 
25
25
  type LiveSearchProps = {
26
- contentRef?: React.RefObject<any>;
27
- popupRef?: React.RefObject<any>;
26
+ contentRef?: React.ForwardedRef<any>; // could use "Array" on contentRef.current, such as contentRef.current[0], contentRef.current[1]
27
+ popupRef?: React.ForwardedRef<any>; // could use "Array" on popupRef.current, such as popupRef.current[0], popupRef.current[1]
28
28
  wrapperClassName?: string;
29
29
  controlClassName?: string;
30
30
  controlExClassName?: string;
package/lib/esm/MultiFuncSelect/index.tsx CHANGED
@@ -67,8 +67,8 @@ interface CleanTriggerConfig {
67
67
 
68
68
 
69
69
  type MultiFuncSelectProps = {
70
- contentRef?: React.RefObject<any>;
71
- popupRef?: React.RefObject<any>;
70
+ contentRef?: React.ForwardedRef<any>; // could use "Array" on contentRef.current, such as contentRef.current[0], contentRef.current[1]
71
+ popupRef?: React.ForwardedRef<any>; // could use "Array" on popupRef.current, such as popupRef.current[0], popupRef.current[1]
72
72
  wrapperClassName?: string;
73
73
  controlClassName?: string;
74
74
  controlExClassName?: string;
package/lib/esm/MultipleCheckboxes/index.tsx CHANGED
@@ -14,7 +14,7 @@ interface OptionConfig {
14
14
 
15
15
 
16
16
  type MultipleCheckboxesProps = {
17
- contentRef?: React.RefObject<any>;
17
+ contentRef?: React.ForwardedRef<any>; // could use "Array" on contentRef.current, such as contentRef.current[0], contentRef.current[1]
18
18
  wrapperClassName?: string;
19
19
  tableLayout?: boolean;
20
20
  tableLayoutClassName?: string;
package/lib/esm/Radio/index.tsx CHANGED
@@ -22,7 +22,7 @@ type RadioOptionChangeFnType = (arg1: any, arg2: any, arg3?: any, arg4?: any) =>
22
22
 
23
23
 
24
24
  type RadioProps = {
25
- contentRef?: React.RefObject<any>;
25
+ contentRef?: React.ForwardedRef<any>; // could use "Array" on contentRef.current, such as contentRef.current[0], contentRef.current[1]
26
26
  wrapperClassName?: string;
27
27
  groupWrapperClassName?: string;
28
28
  groupLabelClassName?: string;
package/lib/esm/Table/TableFieldRow.tsx CHANGED
@@ -15,7 +15,7 @@ import { removeItemOnce, formatCheckboxControlVal, setCheckboxCheckedData, forma
15
15
  -------------------------------------------------*/
16
16
  type TableFieldRowProps = {
17
17
  tableRootRef: React.RefObject<any>;
18
- tableCheckRef?: React.RefObject<any>;
18
+ tableCheckRef?: React.ForwardedRef<any>; // could use "Array" on tableCheckRef.current, such as tableCheckRef.current[0], tableCheckRef.current[1]
19
19
  rowActiveClassName?: string;
20
20
  fieldsChecked?: boolean[] | boolean;
21
21
  fieldsCheckedAct?: any[];
package/lib/esm/Table/TableRow.tsx CHANGED
@@ -14,7 +14,7 @@ type TableRowProps = {
14
14
  rootDataInfo: any;
15
15
  refNode: React.RefObject<any>;
16
16
  tableRootRef: React.RefObject<any>;
17
- tableCheckRef?: React.RefObject<any>;
17
+ tableCheckRef?: React.ForwardedRef<any>;
18
18
  rowActiveClassName?: string;
19
19
  fieldsChecked?: boolean[] | boolean;
20
20
  fieldsCheckedAct?: any[];
package/lib/esm/Table/index.tsx CHANGED
@@ -17,7 +17,7 @@ import { formatRowControlVal, removeCellFocusClassName } from './table-utils';
17
17
 
18
18
 
19
19
  type TableProps = {
20
- tableCheckRef?: React.RefObject<any>;
20
+ tableCheckRef?: React.ForwardedRef<any>;
21
21
  wrapperClassName?: string;
22
22
  tableClassName?: string;
23
23
  bodyClassName?: string;
package/lib/esm/Textarea/index.tsx CHANGED
@@ -13,7 +13,7 @@ declare module 'react' {
13
13
  }
14
14
  }
15
15
  type TextareaProps = {
16
- contentRef?: React.RefObject<any>;
16
+ contentRef?: React.ForwardedRef<any>; // could use "Array" on contentRef.current, such as contentRef.current[0], contentRef.current[1]
17
17
  wrapperClassName?: string;
18
18
  controlClassName?: string;
19
19
  controlExClassName?: string;
package/lib/esm/Tree/TreeList.tsx CHANGED
@@ -202,7 +202,8 @@ export default function TreeList(props: TreeListProps) {
202
202
  onCollapse?.(e, {
203
203
  key: hyperlink.dataset.key,
204
204
  slug: hyperlink.dataset.slug,
205
- link: hyperlink.dataset.link
205
+ link: hyperlink.dataset.link,
206
+ optiondata: hyperlink.dataset.optiondata
206
207
  }, fetchFunc);
207
208
 
208
209
 
@@ -262,7 +263,8 @@ export default function TreeList(props: TreeListProps) {
262
263
  onSelect?.(e, {
263
264
  key: hyperlink.dataset.key,
264
265
  slug: hyperlink.dataset.slug,
265
- link: hyperlink.dataset.link
266
+ link: hyperlink.dataset.link,
267
+ optiondata: hyperlink.dataset.optiondata
266
268
  }, typeof evInitValue !== 'function' ? ()=>void(0) : evInitValue);
267
269
 
268
270
  if ( disableArrow ) {
@@ -434,6 +436,7 @@ export default function TreeList(props: TreeListProps) {
434
436
  data-link={item.link}
435
437
  data-slug={item.slug}
436
438
  data-key={item.key}
439
+ data-optiondata={JSON.stringify(item)}
437
440
  >
438
441
  <span>{item.icon ? item.icon.indexOf('</svg>') < 0 ? <><i className={item.icon}></i> </> : <var dangerouslySetInnerHTML={{ __html: `${item.icon}` }} /> : null}<i dangerouslySetInnerHTML={{ __html: `${item.title}` }}></i></span>
439
442
  </a>
@@ -447,7 +450,7 @@ export default function TreeList(props: TreeListProps) {
447
450
  onMouseLeave={typeof item.itemMouseLeaveCallback !== 'undefined' ? item.itemMouseLeaveCallback : () => void(0)}
448
451
  >
449
452
 
450
- {(item.children && item.children.length) || item.childrenAsync ? <span aria-expanded={item.active ? 'true' : 'false'} className={item.active ? `arrow active ${_async} ${_cusIcons}` : `arrow ${_async} ${_cusIcons}`} onClick={handleCollapse} data-link={item.link} data-slug={item.slug} data-key={item.key}>{arrowGenerator()}</span> : ''}
453
+ {(item.children && item.children.length) || item.childrenAsync ? <span aria-expanded={item.active ? 'true' : 'false'} className={item.active ? `arrow active ${_async} ${_cusIcons}` : `arrow ${_async} ${_cusIcons}`} onClick={handleCollapse} data-link={item.link} data-slug={item.slug} data-key={item.key} data-optiondata={JSON.stringify(item)}>{arrowGenerator()}</span> : ''}
451
454
 
452
455
  <span className="checkbox-trigger">
453
456
 
@@ -483,6 +486,7 @@ export default function TreeList(props: TreeListProps) {
483
486
  data-link={item.link}
484
487
  data-slug={item.slug}
485
488
  data-key={item.key}
489
+ data-optiondata={JSON.stringify(item)}
486
490
  onMouseEnter={typeof item.itemLinkMouseEnterCallback !== 'undefined' ? item.itemLinkMouseEnterCallback : () => void(0)}
487
491
  onMouseLeave={typeof item.itemLinkMouseLeaveCallback !== 'undefined' ? item.itemLinkMouseLeaveCallback : () => void(0)}
488
492
  >
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "author": "UIUX Lab",
3
3
  "email": "uiuxlab@gmail.com",
4
4
  "name": "funda-ui",
5
- "version": "4.1.352",
5
+ "version": "4.1.356",
6
6
  "description": "React components using pure Bootstrap 5+ which does not contain any external style and script libraries.",
7
7
  "repository": {
8
8
  "type": "git",