funda-ui 1.1.185 → 1.1.190

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 (13) hide show
  1. package/MultipleCheckboxes/index.d.ts +2 -2
  2. package/MultipleCheckboxes/index.js +16 -5
  3. package/Radio/index.d.ts +1 -1
  4. package/Radio/index.js +6 -2
  5. package/Table/index.js +6 -2
  6. package/lib/cjs/MultipleCheckboxes/index.d.ts +2 -2
  7. package/lib/cjs/MultipleCheckboxes/index.js +16 -5
  8. package/lib/cjs/Radio/index.d.ts +1 -1
  9. package/lib/cjs/Radio/index.js +6 -2
  10. package/lib/cjs/Table/index.js +6 -2
  11. package/lib/esm/MultipleCheckboxes/index.tsx +14 -6
  12. package/lib/esm/Radio/index.tsx +7 -3
  13. package/package.json +1 -1
package/MultipleCheckboxes/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  interface OptionConfig {
3
- [propName: string]: string | number;
3
+ [propName: string]: string | number | boolean;
4
4
  }
5
5
  declare type MultipleCheckboxesProps = {
6
6
  wrapperClassName?: string;
@@ -17,7 +17,7 @@ declare type MultipleCheckboxesProps = {
17
17
  id?: string;
18
18
  style?: React.CSSProperties;
19
19
  [key: `data-${string}`]: string | undefined;
20
- onChange?: (e: any, data: any, dataStr: any) => void;
20
+ onChange?: (e: any, value: any, valueStr: any, label: any, labelStr: any, currentData: any) => void;
21
21
  };
22
22
  declare const MultipleCheckboxes: React.ForwardRefExoticComponent<MultipleCheckboxesProps & React.RefAttributes<unknown>>;
23
23
  export default MultipleCheckboxes;
package/MultipleCheckboxes/index.js CHANGED
@@ -772,13 +772,19 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
772
772
  className: "multiple-checkboxes__control ".concat(_inline ? 'd-inline-block' : '', " pe-3"),
773
773
  "data-index": i,
774
774
  "data-label": item.label,
775
+ "data-list-item-label": "".concat(typeof item.listItemLabel === 'undefined' ? '' : item.listItemLabel),
775
776
  "data-value": item.value,
776
777
  "data-disabled": disabled || 'false'
777
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((funda_checkbox__WEBPACK_IMPORTED_MODULE_1___default()), {
778
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((funda_checkbox__WEBPACK_IMPORTED_MODULE_1___default()), _extends({
778
779
  wrapperClassName: "",
779
- label: item.label,
780
+ "data-index": i,
781
+ "data-label": item.label,
782
+ "data-list-item-label": "".concat(typeof item.listItemLabel === 'undefined' ? '' : item.listItemLabel),
783
+ "data-value": item.value,
784
+ "data-disabled": disabled || 'false',
785
+ label: typeof item.listItemLabel === 'undefined' ? item.label : item.listItemLabel,
780
786
  value: item.value,
781
- disabled: disabled || null,
787
+ disabled: disabled || (typeof item.disabled !== 'undefined' ? item.disabled : null),
782
788
  onChange: function onChange(e, val) {
783
789
  setValSelected(function (prevState) {
784
790
  var newData = JSON.parse(JSON.stringify(prevState));
@@ -787,12 +793,17 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
787
793
  });
788
794
  if (index !== -1) newData.splice(index, 1);
789
795
  var _res = val ? Array.from(new Set([e.target.value].concat(_toConsumableArray(newData)))) : newData;
790
- _onChange === null || _onChange === void 0 ? void 0 : _onChange(e.target, _res, VALUE_BY_BRACKETS ? (0,_utils_convert__WEBPACK_IMPORTED_MODULE_3__.convertArrToValByBrackets)(_res) : _res.join(','));
796
+ var _resLabel = optionsRes.filter(function (v) {
797
+ return _res.includes(v.value);
798
+ }).map(function (k) {
799
+ return k.label;
800
+ });
801
+ _onChange === null || _onChange === void 0 ? void 0 : _onChange(e.target, _res, VALUE_BY_BRACKETS ? (0,_utils_convert__WEBPACK_IMPORTED_MODULE_3__.convertArrToValByBrackets)(_res) : _res.join(','), _resLabel, VALUE_BY_BRACKETS ? (0,_utils_convert__WEBPACK_IMPORTED_MODULE_3__.convertArrToValByBrackets)(_resLabel) : _resLabel.join(','), item);
791
802
  return _res;
792
803
  });
793
804
  },
794
805
  checked: valSelected.includes(item.value)
795
- }));
806
+ }, attributes)));
796
807
  }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
797
808
  ref: inputRef,
798
809
  tabIndex: -1,
package/Radio/index.d.ts CHANGED
@@ -5,7 +5,7 @@ declare module 'react' {
5
5
  }
6
6
  }
7
7
  interface OptionConfig {
8
- [propName: string]: string | number | React.ReactNode;
8
+ [propName: string]: string | number | React.ReactNode | boolean;
9
9
  }
10
10
  declare type RadioOptionChangeFnType = (arg1: any, arg2: any, arg3?: any, arg4?: any) => void;
11
11
  declare type RadioProps = {
package/Radio/index.js CHANGED
@@ -290,9 +290,13 @@ var Radio = function Radio(props) {
290
290
  id: "field-".concat(uniqueID, "-").concat(index),
291
291
  name: name,
292
292
  "data-index": index,
293
+ "data-label": item.label,
294
+ "data-list-item-label": "".concat(typeof item.listItemLabel === 'undefined' ? '' : item.listItemLabel),
295
+ "data-value": item.value,
296
+ "data-disabled": disabled || 'false',
293
297
  value: "".concat(item.value),
294
298
  required: requiredVal,
295
- disabled: disabled || null,
299
+ disabled: disabled || (typeof item.disabled !== 'undefined' ? item.disabled : null),
296
300
  onChange: handleChange,
297
301
  onClick: typeof onClick === 'function' ? handleChange : function () {
298
302
  return void 0;
@@ -306,7 +310,7 @@ var Radio = function Radio(props) {
306
310
  className: "form-check-label",
307
311
  htmlFor: "field-".concat(uniqueID, "-").concat(index),
308
312
  dangerouslySetInnerHTML: {
309
- __html: "".concat(item.label)
313
+ __html: "".concat(typeof item.listItemLabel === 'undefined' ? item.label : item.listItemLabel)
310
314
  }
311
315
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
312
316
  className: "d-inline-block"
package/Table/index.js CHANGED
@@ -1198,9 +1198,13 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
1198
1198
  id: "field-".concat(uniqueID, "-").concat(index),
1199
1199
  name: name,
1200
1200
  "data-index": index,
1201
+ "data-label": item.label,
1202
+ "data-list-item-label": "".concat(typeof item.listItemLabel === 'undefined' ? '' : item.listItemLabel),
1203
+ "data-value": item.value,
1204
+ "data-disabled": disabled || 'false',
1201
1205
  value: "".concat(item.value),
1202
1206
  required: requiredVal,
1203
- disabled: disabled || null,
1207
+ disabled: disabled || (typeof item.disabled !== 'undefined' ? item.disabled : null),
1204
1208
  onChange: handleChange,
1205
1209
  onClick: typeof onClick === 'function' ? handleChange : function () {
1206
1210
  return void 0;
@@ -1215,7 +1219,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
1215
1219
  className: "form-check-label",
1216
1220
  htmlFor: "field-".concat(uniqueID, "-").concat(index),
1217
1221
  dangerouslySetInnerHTML: {
1218
- __html: "".concat(item.label)
1222
+ __html: "".concat(typeof item.listItemLabel === 'undefined' ? item.label : item.listItemLabel)
1219
1223
  }
1220
1224
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1221
1225
  className: "d-inline-block"
package/lib/cjs/MultipleCheckboxes/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  interface OptionConfig {
3
- [propName: string]: string | number;
3
+ [propName: string]: string | number | boolean;
4
4
  }
5
5
  declare type MultipleCheckboxesProps = {
6
6
  wrapperClassName?: string;
@@ -17,7 +17,7 @@ declare type MultipleCheckboxesProps = {
17
17
  id?: string;
18
18
  style?: React.CSSProperties;
19
19
  [key: `data-${string}`]: string | undefined;
20
- onChange?: (e: any, data: any, dataStr: any) => void;
20
+ onChange?: (e: any, value: any, valueStr: any, label: any, labelStr: any, currentData: any) => void;
21
21
  };
22
22
  declare const MultipleCheckboxes: React.ForwardRefExoticComponent<MultipleCheckboxesProps & React.RefAttributes<unknown>>;
23
23
  export default MultipleCheckboxes;
package/lib/cjs/MultipleCheckboxes/index.js CHANGED
@@ -772,13 +772,19 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
772
772
  className: "multiple-checkboxes__control ".concat(_inline ? 'd-inline-block' : '', " pe-3"),
773
773
  "data-index": i,
774
774
  "data-label": item.label,
775
+ "data-list-item-label": "".concat(typeof item.listItemLabel === 'undefined' ? '' : item.listItemLabel),
775
776
  "data-value": item.value,
776
777
  "data-disabled": disabled || 'false'
777
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((funda_checkbox__WEBPACK_IMPORTED_MODULE_1___default()), {
778
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((funda_checkbox__WEBPACK_IMPORTED_MODULE_1___default()), _extends({
778
779
  wrapperClassName: "",
779
- label: item.label,
780
+ "data-index": i,
781
+ "data-label": item.label,
782
+ "data-list-item-label": "".concat(typeof item.listItemLabel === 'undefined' ? '' : item.listItemLabel),
783
+ "data-value": item.value,
784
+ "data-disabled": disabled || 'false',
785
+ label: typeof item.listItemLabel === 'undefined' ? item.label : item.listItemLabel,
780
786
  value: item.value,
781
- disabled: disabled || null,
787
+ disabled: disabled || (typeof item.disabled !== 'undefined' ? item.disabled : null),
782
788
  onChange: function onChange(e, val) {
783
789
  setValSelected(function (prevState) {
784
790
  var newData = JSON.parse(JSON.stringify(prevState));
@@ -787,12 +793,17 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
787
793
  });
788
794
  if (index !== -1) newData.splice(index, 1);
789
795
  var _res = val ? Array.from(new Set([e.target.value].concat(_toConsumableArray(newData)))) : newData;
790
- _onChange === null || _onChange === void 0 ? void 0 : _onChange(e.target, _res, VALUE_BY_BRACKETS ? (0,_utils_convert__WEBPACK_IMPORTED_MODULE_3__.convertArrToValByBrackets)(_res) : _res.join(','));
796
+ var _resLabel = optionsRes.filter(function (v) {
797
+ return _res.includes(v.value);
798
+ }).map(function (k) {
799
+ return k.label;
800
+ });
801
+ _onChange === null || _onChange === void 0 ? void 0 : _onChange(e.target, _res, VALUE_BY_BRACKETS ? (0,_utils_convert__WEBPACK_IMPORTED_MODULE_3__.convertArrToValByBrackets)(_res) : _res.join(','), _resLabel, VALUE_BY_BRACKETS ? (0,_utils_convert__WEBPACK_IMPORTED_MODULE_3__.convertArrToValByBrackets)(_resLabel) : _resLabel.join(','), item);
791
802
  return _res;
792
803
  });
793
804
  },
794
805
  checked: valSelected.includes(item.value)
795
- }));
806
+ }, attributes)));
796
807
  }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
797
808
  ref: inputRef,
798
809
  tabIndex: -1,
package/lib/cjs/Radio/index.d.ts CHANGED
@@ -5,7 +5,7 @@ declare module 'react' {
5
5
  }
6
6
  }
7
7
  interface OptionConfig {
8
- [propName: string]: string | number | React.ReactNode;
8
+ [propName: string]: string | number | React.ReactNode | boolean;
9
9
  }
10
10
  declare type RadioOptionChangeFnType = (arg1: any, arg2: any, arg3?: any, arg4?: any) => void;
11
11
  declare type RadioProps = {
package/lib/cjs/Radio/index.js CHANGED
@@ -290,9 +290,13 @@ var Radio = function Radio(props) {
290
290
  id: "field-".concat(uniqueID, "-").concat(index),
291
291
  name: name,
292
292
  "data-index": index,
293
+ "data-label": item.label,
294
+ "data-list-item-label": "".concat(typeof item.listItemLabel === 'undefined' ? '' : item.listItemLabel),
295
+ "data-value": item.value,
296
+ "data-disabled": disabled || 'false',
293
297
  value: "".concat(item.value),
294
298
  required: requiredVal,
295
- disabled: disabled || null,
299
+ disabled: disabled || (typeof item.disabled !== 'undefined' ? item.disabled : null),
296
300
  onChange: handleChange,
297
301
  onClick: typeof onClick === 'function' ? handleChange : function () {
298
302
  return void 0;
@@ -306,7 +310,7 @@ var Radio = function Radio(props) {
306
310
  className: "form-check-label",
307
311
  htmlFor: "field-".concat(uniqueID, "-").concat(index),
308
312
  dangerouslySetInnerHTML: {
309
- __html: "".concat(item.label)
313
+ __html: "".concat(typeof item.listItemLabel === 'undefined' ? item.label : item.listItemLabel)
310
314
  }
311
315
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
312
316
  className: "d-inline-block"
package/lib/cjs/Table/index.js CHANGED
@@ -1198,9 +1198,13 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
1198
1198
  id: "field-".concat(uniqueID, "-").concat(index),
1199
1199
  name: name,
1200
1200
  "data-index": index,
1201
+ "data-label": item.label,
1202
+ "data-list-item-label": "".concat(typeof item.listItemLabel === 'undefined' ? '' : item.listItemLabel),
1203
+ "data-value": item.value,
1204
+ "data-disabled": disabled || 'false',
1201
1205
  value: "".concat(item.value),
1202
1206
  required: requiredVal,
1203
- disabled: disabled || null,
1207
+ disabled: disabled || (typeof item.disabled !== 'undefined' ? item.disabled : null),
1204
1208
  onChange: handleChange,
1205
1209
  onClick: typeof onClick === 'function' ? handleChange : function () {
1206
1210
  return void 0;
@@ -1215,7 +1219,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
1215
1219
  className: "form-check-label",
1216
1220
  htmlFor: "field-".concat(uniqueID, "-").concat(index),
1217
1221
  dangerouslySetInnerHTML: {
1218
- __html: "".concat(item.label)
1222
+ __html: "".concat(typeof item.listItemLabel === 'undefined' ? item.label : item.listItemLabel)
1219
1223
  }
1220
1224
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1221
1225
  className: "d-inline-block"
package/lib/esm/MultipleCheckboxes/index.tsx CHANGED
@@ -2,11 +2,12 @@ import React, { useId, useState, useEffect, useRef, forwardRef } from 'react';
2
2
 
3
3
  import Checkbox from 'funda-checkbox';
4
4
 
5
+
5
6
  import { extractContentsOfBrackets } from './utils/extract';
6
7
  import { convertArrToValByBrackets } from './utils/convert';
7
8
 
8
9
  interface OptionConfig {
9
- [propName: string]: string | number;
10
+ [propName: string]: string | number | boolean;
10
11
  }
11
12
 
12
13
 
@@ -25,7 +26,7 @@ type MultipleCheckboxesProps = {
25
26
  id?: string;
26
27
  style?: React.CSSProperties;
27
28
  [key: `data-${string}`]: string | undefined;
28
- onChange?: (e: any, data: any, dataStr: any) => void;
29
+ onChange?: (e: any, value: any, valueStr: any, label: any, labelStr: any, currentData: any) => void;
29
30
 
30
31
  };
31
32
 
@@ -148,14 +149,20 @@ const MultipleCheckboxes = forwardRef((props: MultipleCheckboxesProps, ref: any)
148
149
  className={`multiple-checkboxes__control ${_inline ? 'd-inline-block' : ''} pe-3`}
149
150
  data-index={i}
150
151
  data-label={item.label}
152
+ data-list-item-label={`${typeof item.listItemLabel === 'undefined' ? '' : item.listItemLabel}`}
151
153
  data-value={item.value}
152
154
  data-disabled={disabled || 'false'}
153
155
  >
154
156
  <Checkbox
155
157
  wrapperClassName=""
156
- label={item.label}
158
+ data-index={i}
159
+ data-label={item.label}
160
+ data-list-item-label={`${typeof item.listItemLabel === 'undefined' ? '' : item.listItemLabel}`}
161
+ data-value={item.value}
162
+ data-disabled={disabled || 'false'}
163
+ label={typeof item.listItemLabel === 'undefined' ? item.label : item.listItemLabel}
157
164
  value={item.value}
158
- disabled={disabled || null}
165
+ disabled={disabled || (typeof item.disabled !== 'undefined' ? item.disabled : null)}
159
166
  onChange={(e: any, val: boolean) => {
160
167
 
161
168
  setValSelected((prevState) => {
@@ -164,15 +171,16 @@ const MultipleCheckboxes = forwardRef((props: MultipleCheckboxesProps, ref: any)
164
171
  if (index !== -1) newData.splice(index, 1);
165
172
 
166
173
  const _res = (val) ? Array.from(new Set([e.target.value, ...newData])) : newData;
174
+ const _resLabel = optionsRes.filter((v: any) => _res.includes(v.value)).map((k: any) => k.label);
167
175
 
168
- onChange?.(e.target, _res, VALUE_BY_BRACKETS ? convertArrToValByBrackets(_res) : _res.join(','));
176
+ onChange?.(e.target, _res, VALUE_BY_BRACKETS ? convertArrToValByBrackets(_res) : _res.join(','), _resLabel, VALUE_BY_BRACKETS ? convertArrToValByBrackets(_resLabel) : _resLabel.join(','), item);
169
177
 
170
178
  return _res;
171
179
  });
172
180
 
173
-
174
181
  }}
175
182
  checked={valSelected.includes(item.value)}
183
+ {...attributes}
176
184
  /></div>;
177
185
  }) : null}
178
186
 
package/lib/esm/Radio/index.tsx CHANGED
@@ -7,7 +7,7 @@ declare module 'react' {
7
7
  }
8
8
 
9
9
  interface OptionConfig {
10
- [propName: string]: string | number | React.ReactNode;
10
+ [propName: string]: string | number | React.ReactNode | boolean;
11
11
  }
12
12
 
13
13
 
@@ -232,9 +232,13 @@ const Radio = (props: RadioProps) => {
232
232
  id={`field-${uniqueID}-${index}`}
233
233
  name={name}
234
234
  data-index={index}
235
+ data-label={item.label}
236
+ data-list-item-label={`${typeof item.listItemLabel === 'undefined' ? '' : item.listItemLabel}`}
237
+ data-value={item.value}
238
+ data-disabled={disabled || 'false'}
235
239
  value={`${item.value}`}
236
240
  required={requiredVal}
237
- disabled={disabled || null}
241
+ disabled={disabled || (typeof item.disabled !== 'undefined' ? item.disabled : null)}
238
242
  onChange={handleChange}
239
243
  onClick={typeof (onClick) === 'function' ? handleChange : () => void (0)}
240
244
  onFocus={handleFocus}
@@ -244,7 +248,7 @@ const Radio = (props: RadioProps) => {
244
248
  {...attributes}
245
249
  />
246
250
  <label className="form-check-label" htmlFor={`field-${uniqueID}-${index}`} dangerouslySetInnerHTML={{
247
- __html: `${item.label}`
251
+ __html: `${typeof item.listItemLabel === 'undefined' ? item.label : item.listItemLabel}`
248
252
  }}></label>
249
253
  </div>
250
254
  <div className="d-inline-block">
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": "1.1.185",
5
+ "version": "1.1.190",
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",