@unbxd-ui/unbxd-react-components 0.2.101-beta.4 → 0.2.101-beta.6

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 (70) hide show
  1. package/components/Accordian/Accordian.js +13 -45
  2. package/components/Accordian/Accordian.stories.js +6 -25
  3. package/components/Accordian/index.js +0 -3
  4. package/components/Button/Button.js +9 -26
  5. package/components/Button/Button.stories.js +1 -14
  6. package/components/Button/DropdownButton.js +9 -31
  7. package/components/Button/DropdownButton.stories.js +6 -23
  8. package/components/Button/index.js +1 -8
  9. package/components/DataLoader/DataLoader.js +10 -40
  10. package/components/DataLoader/DataLoader.stories.js +5 -30
  11. package/components/DataLoader/index.js +0 -3
  12. package/components/Form/Checkbox.js +14 -42
  13. package/components/Form/DragDropFileUploader.js +12 -42
  14. package/components/Form/Dropdown.js +77 -172
  15. package/components/Form/FileUploader.js +10 -32
  16. package/components/Form/Form.js +15 -45
  17. package/components/Form/FormElementWrapper.js +2 -7
  18. package/components/Form/Input.js +27 -72
  19. package/components/Form/RadioList.js +17 -48
  20. package/components/Form/RangeSlider.js +32 -72
  21. package/components/Form/ServerPaginatedDDList.js +74 -125
  22. package/components/Form/Textarea.js +18 -43
  23. package/components/Form/Toggle.js +16 -48
  24. package/components/Form/index.js +18 -30
  25. package/components/Form/stories/Checkbox.stories.js +1 -12
  26. package/components/Form/stories/DragDropFileUploader.stories.js +0 -8
  27. package/components/Form/stories/Dropdown.stories.js +6 -24
  28. package/components/Form/stories/FileUploader.stories.js +0 -8
  29. package/components/Form/stories/FormDefault.stories.js +1 -21
  30. package/components/Form/stories/RadioList.stories.js +1 -12
  31. package/components/Form/stories/RangeSlider.stories.js +1 -15
  32. package/components/Form/stories/TextInput.stories.js +3 -19
  33. package/components/Form/stories/Textarea.stories.js +1 -12
  34. package/components/Form/stories/Toggle.stories.js +0 -7
  35. package/components/Form/stories/form.stories.js +3 -40
  36. package/components/InlineModal/InlineModal.js +14 -51
  37. package/components/InlineModal/InlineModal.stories.js +2 -14
  38. package/components/InlineModal/index.js +1 -6
  39. package/components/List/List.js +9 -24
  40. package/components/List/index.js +0 -3
  41. package/components/List/list.stories.js +0 -10
  42. package/components/Modal/Modal.js +17 -49
  43. package/components/Modal/Modal.stories.js +1 -15
  44. package/components/Modal/index.js +0 -3
  45. package/components/NotificationComponent/NotificationComponent.js +11 -34
  46. package/components/NotificationComponent/NotificationComponent.stories.js +0 -6
  47. package/components/NotificationComponent/index.js +0 -3
  48. package/components/ProgressBar/ProgressBar.js +2 -11
  49. package/components/ProgressBar/ProgressBar.stories.js +0 -6
  50. package/components/ProgressBar/index.js +0 -3
  51. package/components/Table/BaseTable.js +69 -134
  52. package/components/Table/PaginationComponent.js +11 -23
  53. package/components/Table/Table.js +68 -149
  54. package/components/Table/Table.stories.js +22 -67
  55. package/components/Table/index.js +0 -4
  56. package/components/TabsComponent/TabsComponent.js +20 -57
  57. package/components/TabsComponent/TabsComponent.stories.js +0 -16
  58. package/components/TabsComponent/index.js +0 -3
  59. package/components/Tooltip/Tooltip.js +15 -46
  60. package/components/Tooltip/Tooltip.stories.js +0 -6
  61. package/components/Tooltip/index.js +0 -3
  62. package/components/index.js +1 -17
  63. package/core/Validators.js +1 -5
  64. package/core/customHooks.js +4 -14
  65. package/core/dataLoader.js +28 -67
  66. package/core/dataLoader.stories.js +12 -42
  67. package/core/index.js +6 -10
  68. package/core/utils.js +10 -18
  69. package/index.js +0 -4
  70. package/package.json +2 -2
@@ -1,99 +1,73 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = exports.FormContext = void 0;
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
10
  var _dequal = _interopRequireDefault(require("dequal"));
15
-
16
11
  var _lodash = _interopRequireDefault(require("lodash.clonedeep"));
17
-
18
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
-
20
13
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
-
22
14
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
-
24
15
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
25
-
26
16
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
27
-
28
17
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
29
-
30
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
31
-
32
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
33
-
18
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
19
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
34
20
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
35
-
36
21
  var FormContext = /*#__PURE__*/(0, _react.createContext)({
37
22
  onValueChange: function onValueChange() {}
38
23
  });
39
24
  exports.FormContext = FormContext;
40
-
41
25
  var Form = function Form(props, ref) {
42
26
  var _useState = (0, _react.useState)({}),
43
- _useState2 = _slicedToArray(_useState, 2),
44
- formData = _useState2[0],
45
- setFormData = _useState2[1];
46
-
27
+ _useState2 = _slicedToArray(_useState, 2),
28
+ formData = _useState2[0],
29
+ setFormData = _useState2[1];
47
30
  var _useState3 = (0, _react.useState)({}),
48
- _useState4 = _slicedToArray(_useState3, 2),
49
- formErrors = _useState4[0],
50
- setFormErrors = _useState4[1];
51
-
31
+ _useState4 = _slicedToArray(_useState3, 2),
32
+ formErrors = _useState4[0],
33
+ setFormErrors = _useState4[1];
52
34
  var _useState5 = (0, _react.useState)(0),
53
- _useState6 = _slicedToArray(_useState5, 2),
54
- formRefreshCount = _useState6[0],
55
- setFormRefreshCount = _useState6[1];
56
-
35
+ _useState6 = _slicedToArray(_useState5, 2),
36
+ formRefreshCount = _useState6[0],
37
+ setFormRefreshCount = _useState6[1];
57
38
  var className = props.className,
58
- onChange = props.onChange,
59
- onSubmit = props.onSubmit;
39
+ onChange = props.onChange,
40
+ onSubmit = props.onSubmit;
60
41
  var dataRef = (0, _react.useRef)();
61
-
62
42
  var getFormData = function getFormData() {
63
43
  return {
64
44
  data: formData,
65
45
  errors: formErrors
66
46
  };
67
47
  };
68
- /* add methods that can be accessed via this component's ref */
69
-
70
48
 
49
+ /* add methods that can be accessed via this component's ref */
71
50
  (0, _react.useImperativeHandle)(ref, function () {
72
51
  return {
73
52
  getFormData: getFormData
74
53
  };
75
54
  });
76
-
77
55
  var onValueChange = function onValueChange(key, value, error) {
78
56
  formData[key] = value;
79
57
  setFormData(formData);
80
-
81
58
  if (error) {
82
59
  formErrors[key] = error;
83
60
  } else {
84
61
  /* remove the error value */
85
62
  delete formErrors[key];
86
63
  }
87
-
88
64
  setFormErrors(formErrors);
89
65
  setFormRefreshCount(formRefreshCount + 1);
90
66
  };
91
-
92
67
  var onFormSubmit = function onFormSubmit(event) {
93
68
  event.preventDefault();
94
69
  onSubmit(getFormData());
95
70
  };
96
-
97
71
  (0, _react.useEffect)(function () {
98
72
  /*
99
73
  As useEffect does not do a deep comparision on dependent props,
@@ -101,7 +75,6 @@ var Form = function Form(props, ref) {
101
75
  */
102
76
  if (typeof onChange === "function") {
103
77
  var _formData = getFormData();
104
-
105
78
  if (!(0, _dequal["default"])(_formData, dataRef.current)) {
106
79
  dataRef.current = (0, _lodash["default"])(_formData);
107
80
  onChange(_formData);
@@ -117,15 +90,12 @@ var Form = function Form(props, ref) {
117
90
  }
118
91
  }, props.children));
119
92
  };
120
-
121
93
  Form = /*#__PURE__*/(0, _react.forwardRef)(Form);
122
94
  Form.propTypes = {
123
95
  /** Pass any additional classNames to Form component */
124
96
  className: _propTypes["default"].string,
125
-
126
97
  /** Pass a callback function to listen to changes on any of the form elements */
127
98
  onChange: _propTypes["default"].func,
128
-
129
99
  /** Pass a callback function to listen to form submit event */
130
100
  onSubmit: _propTypes["default"].func
131
101
  };
@@ -4,22 +4,17 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
-
14
10
  var FormElementWrapper = function FormElementWrapper(props) {
15
11
  var className = props.className,
16
- children = props.children,
17
- appearance = props.appearance;
12
+ children = props.children,
13
+ appearance = props.appearance;
18
14
  return /*#__PURE__*/_react["default"].createElement("div", {
19
15
  className: "RCB-form-el-cont RCB-form-el-".concat(appearance, " ").concat(className)
20
16
  }, children);
21
17
  };
22
-
23
18
  FormElementWrapper.propTypes = {
24
19
  /** Pass any additional classNames to Form component */
25
20
  className: _propTypes["default"].string,
@@ -1,111 +1,78 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
10
  var _Form = require("./Form");
15
-
16
11
  var _FormElementWrapper = _interopRequireDefault(require("./FormElementWrapper"));
17
-
18
12
  var _Validators = _interopRequireDefault(require("../../core/Validators"));
19
-
20
13
  var _utils = _interopRequireDefault(require("../../core/utils"));
21
-
22
14
  var _excluded = ["label", "name", "type", "className", "value", "defaultValue", "placeholder", "appearance", "onChange", "validations", "autoComplete", "showLabel"];
23
-
24
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
-
26
16
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
-
28
17
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
29
-
30
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
31
-
32
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
33
-
34
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
35
-
18
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
19
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
20
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
21
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
22
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
36
23
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
37
-
38
24
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
39
-
40
25
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
41
-
42
26
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
43
-
44
27
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
45
-
46
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
47
-
48
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
49
-
28
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
29
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
50
30
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
51
-
52
31
  var Input = function Input(props, ref) {
53
32
  var _useState = (0, _react.useState)(),
54
- _useState2 = _slicedToArray(_useState, 2),
55
- error = _useState2[0],
56
- setError = _useState2[1];
57
-
33
+ _useState2 = _slicedToArray(_useState, 2),
34
+ error = _useState2[0],
35
+ setError = _useState2[1];
58
36
  var label = props.label,
59
- name = props.name,
60
- type = props.type,
61
- className = props.className,
62
- value = props.value,
63
- defaultValue = props.defaultValue,
64
- placeholder = props.placeholder,
65
- appearance = props.appearance,
66
- onChange = props.onChange,
67
- validations = props.validations,
68
- autoComplete = props.autoComplete,
69
- showLabel = props.showLabel,
70
- restProps = _objectWithoutProperties(props, _excluded);
71
-
37
+ name = props.name,
38
+ type = props.type,
39
+ className = props.className,
40
+ value = props.value,
41
+ defaultValue = props.defaultValue,
42
+ placeholder = props.placeholder,
43
+ appearance = props.appearance,
44
+ onChange = props.onChange,
45
+ validations = props.validations,
46
+ autoComplete = props.autoComplete,
47
+ showLabel = props.showLabel,
48
+ restProps = _objectWithoutProperties(props, _excluded);
72
49
  var _useContext = (0, _react.useContext)(_Form.FormContext),
73
- onValueChange = _useContext.onValueChange;
74
-
50
+ onValueChange = _useContext.onValueChange;
75
51
  var postFormValueChange = function postFormValueChange(value, error) {
76
52
  typeof onValueChange === "function" && onValueChange(name, value, error);
77
53
  };
78
-
79
54
  var onInputChange = function onInputChange(event) {
80
55
  var value = event.target.value;
81
-
82
56
  var _utils$checkIfValid = _utils["default"].checkIfValid(value, validations),
83
- isValid = _utils$checkIfValid.isValid,
84
- error = _utils$checkIfValid.error;
85
-
57
+ isValid = _utils$checkIfValid.isValid,
58
+ error = _utils$checkIfValid.error;
86
59
  if (isValid) {
87
60
  setError("");
88
61
  } else {
89
62
  setError(error);
90
63
  }
91
-
92
64
  if (typeof onChange === "function") {
93
65
  onChange(value, error);
94
66
  }
95
-
96
67
  postFormValueChange(value, error);
97
68
  };
98
-
99
69
  (0, _react.useEffect)(function () {
100
70
  /* set the initial form element value in the form context */
101
71
  var postValue = typeof onChange === "function" ? value : defaultValue;
102
-
103
72
  var _utils$checkIfValid2 = _utils["default"].checkIfValid(postValue, validations),
104
- error = _utils$checkIfValid2.error;
105
-
73
+ error = _utils$checkIfValid2.error;
106
74
  postFormValueChange(postValue, error);
107
75
  }, [value, defaultValue]);
108
-
109
76
  var inputProps = _objectSpread({
110
77
  type: type,
111
78
  label: label,
@@ -118,12 +85,10 @@ var Input = function Input(props, ref) {
118
85
  onChange: onInputChange,
119
86
  ref: ref
120
87
  }, restProps);
121
-
122
88
  if (typeof onChange === "function") {
123
89
  /* make it a controlled component if onChange function is given */
124
90
  inputProps.value = value;
125
91
  }
126
-
127
92
  return /*#__PURE__*/_react["default"].createElement(_FormElementWrapper["default"], {
128
93
  className: className,
129
94
  appearance: appearance
@@ -134,28 +99,21 @@ var Input = function Input(props, ref) {
134
99
  className: "RCB-form-error"
135
100
  }, error));
136
101
  };
137
-
138
102
  Input = /*#__PURE__*/(0, _react.forwardRef)(Input);
139
103
  Input.propTypes = {
140
104
  /** Pass any additional classNames to Input component */
141
105
  className: _propTypes["default"].string,
142
-
143
106
  /** Use it to render different input types like text, password etc. */
144
107
  type: _propTypes["default"].string,
145
-
146
108
  /** indicates whether to show or hide label */
147
109
  showLabel: _propTypes["default"].bool,
148
-
149
110
  /** Label for the input element */
150
111
  label: _propTypes["default"].string,
151
-
152
112
  /** Unique ID for the input element */
153
113
  name: _propTypes["default"].string.isRequired,
154
-
155
114
  /** Will be used only with onChange function, or else ignored */
156
115
  value: _propTypes["default"].any,
157
116
  defaultValue: _propTypes["default"].any,
158
-
159
117
  /** Array of validations to perform on the form element value.
160
118
  * If the validation fails, you will get an "error" field in the form onSubmit event */
161
119
  validations: _propTypes["default"].arrayOf(_propTypes["default"].shape({
@@ -164,13 +122,10 @@ Input.propTypes = {
164
122
  validator: _propTypes["default"].func
165
123
  })),
166
124
  placeholder: _propTypes["default"].string,
167
-
168
125
  /** Define the appearance of the form element. Accepted values are either "inline" or "block" */
169
126
  appearance: _propTypes["default"].oneOf(["inline", "block"]),
170
-
171
127
  /** Becomes a controlled component if onChange function is given */
172
128
  onChange: _propTypes["default"].func,
173
-
174
129
  /* HTML 5 autocomplete attribute */
175
130
  autoComplete: _propTypes["default"].string
176
131
  };
@@ -1,74 +1,53 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
10
  var _Form = require("./Form");
15
-
16
11
  var _FormElementWrapper = _interopRequireDefault(require("./FormElementWrapper"));
17
-
18
12
  var _excluded = ["options", "label", "name", "className", "value", "defaultValue", "appearance", "onChange"];
19
-
20
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
-
22
14
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
-
24
15
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
-
26
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
27
-
28
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
29
-
30
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
31
-
32
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
33
-
16
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
17
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
18
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
19
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
20
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
21
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
34
22
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
35
-
36
23
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
37
-
38
24
  var RadioList = function RadioList(props) {
39
25
  var options = props.options,
40
- label = props.label,
41
- name = props.name,
42
- className = props.className,
43
- value = props.value,
44
- defaultValue = props.defaultValue,
45
- appearance = props.appearance,
46
- onChange = props.onChange,
47
- restProps = _objectWithoutProperties(props, _excluded);
48
-
26
+ label = props.label,
27
+ name = props.name,
28
+ className = props.className,
29
+ value = props.value,
30
+ defaultValue = props.defaultValue,
31
+ appearance = props.appearance,
32
+ onChange = props.onChange,
33
+ restProps = _objectWithoutProperties(props, _excluded);
49
34
  var _useContext = (0, _react.useContext)(_Form.FormContext),
50
- onValueChange = _useContext.onValueChange;
51
-
35
+ onValueChange = _useContext.onValueChange;
52
36
  var postFormValueChange = function postFormValueChange(value) {
53
37
  typeof onValueChange === "function" && onValueChange(name, value);
54
38
  };
55
-
56
39
  var onInputChange = function onInputChange(event) {
57
40
  var value = event.target.value;
58
-
59
41
  if (typeof onChange === "function") {
60
42
  onChange(value);
61
43
  }
62
-
63
44
  postFormValueChange(value);
64
45
  };
65
-
66
46
  (0, _react.useEffect)(function () {
67
47
  /* set the initial form element value in the form context */
68
48
  var postValue = typeof onChange === "function" ? value : defaultValue;
69
49
  postFormValueChange(postValue);
70
50
  }, [value, defaultValue]);
71
-
72
51
  var inputProps = _objectSpread({
73
52
  type: "radio",
74
53
  label: label,
@@ -76,7 +55,6 @@ var RadioList = function RadioList(props) {
76
55
  className: "RCB-form-el",
77
56
  onChange: onInputChange
78
57
  }, restProps);
79
-
80
58
  return /*#__PURE__*/_react["default"].createElement(_FormElementWrapper["default"], {
81
59
  className: className,
82
60
  appearance: appearance
@@ -84,16 +62,14 @@ var RadioList = function RadioList(props) {
84
62
  className: "RCB-form-el-label"
85
63
  }, label), options.map(function (option) {
86
64
  var id = option.id,
87
- name = option.name;
65
+ name = option.name;
88
66
  var additionalProps = {
89
67
  defaultChecked: defaultValue === id
90
68
  };
91
-
92
69
  if (typeof onChange === "function") {
93
70
  /* make it a controlled component if onChange function is given */
94
71
  additionalProps.checked = value === id;
95
72
  }
96
-
97
73
  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
98
74
  key: id
99
75
  }, /*#__PURE__*/_react["default"].createElement("input", _extends({}, inputProps, {
@@ -105,30 +81,23 @@ var RadioList = function RadioList(props) {
105
81
  }, name));
106
82
  }));
107
83
  };
108
-
109
84
  RadioList.propTypes = {
110
85
  /** Pass any additional classNames to Input component */
111
86
  className: _propTypes["default"].string,
112
-
113
87
  /** radio items list */
114
88
  options: _propTypes["default"].arrayOf(_propTypes["default"].shape({
115
89
  id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
116
90
  name: _propTypes["default"].string
117
91
  })).isRequired,
118
-
119
92
  /** Label for the input element */
120
93
  label: _propTypes["default"].string,
121
-
122
94
  /** Unique ID for the input element */
123
95
  name: _propTypes["default"].string.isRequired,
124
-
125
96
  /** ID of the selected radio item, will be used only with onChange function, or else ignored */
126
97
  value: _propTypes["default"].any,
127
98
  defaultValue: _propTypes["default"].any,
128
-
129
99
  /** Define the appearance of the form element. Accepted values are either "inline" or "block" */
130
100
  appearance: _propTypes["default"].oneOf(["inline", "block"]),
131
-
132
101
  /** Becomes a controlled component if onChange function is given */
133
102
  onChange: _propTypes["default"].func
134
103
  };