@unbxd-ui/unbxd-react-components 0.2.104 → 0.2.107-beta.2

package/components/Form/stories/FormDefault.stories.js

@@ -1,24 +1,40 @@
 "use strict";
 
-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); }
+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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.FormExample = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _Form = _interopRequireDefault(require("../Form"));
+
 var _Dropdown = _interopRequireDefault(require("../Dropdown"));
+
 var _Input = _interopRequireDefault(require("../Input"));
+
 var _Textarea = _interopRequireDefault(require("../Textarea"));
+
 var _RadioList = _interopRequireDefault(require("../RadioList"));
+
 var _Checkbox = _interopRequireDefault(require("../Checkbox"));
+
 var _Toggle = _interopRequireDefault(require("../Toggle"));
+
 var _RangeSlider = _interopRequireDefault(require("../RangeSlider"));
+
 var _Button = _interopRequireWildcard(require("../../Button"));
+
 var _Constants = require("../../../../public/Constants");
+
 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); }
+
 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; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var formValues = {
   email: "anuhosad@gmail.com",
   description: "This is some temporary description",
@@ -30,15 +46,18 @@ var formValues = {
   isActive: true,
   price: 75
 };
+
 var FormExample = function FormExample() {
   var onSubmit = function onSubmit(formData) {
     var data = formData.data;
     console.log("On submit ----> ", data);
   };
+
   var onChange = function onChange(formData) {
     var data = formData.data;
     console.log("On change ----> ", data);
   };
+
   return /*#__PURE__*/_react["default"].createElement(_Form["default"], {
     onSubmit: onSubmit,
     onChange: onChange
@@ -102,6 +121,7 @@ var FormExample = function FormExample() {
     className: "full-width-btn"
   }, "Submit"));
 };
+
 exports.FormExample = FormExample;
 FormExample.story = {
   name: "Form"

package/components/Form/stories/RadioList.stories.js

@@ -1,22 +1,32 @@
 "use strict";
 
-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); }
+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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports._RadioList = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _Form = _interopRequireDefault(require("../Form"));
+
 var _RadioList2 = _interopRequireDefault(require("../RadioList"));
+
 var _Button = _interopRequireWildcard(require("../../Button"));
+
 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); }
+
 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; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var _RadioList = function _RadioList() {
   var onSubmit = function onSubmit(formData) {
     var data = formData.data;
     console.log("Submitted data: ", data);
   };
+
   return /*#__PURE__*/_react["default"].createElement(_Form["default"], {
     onSubmit: onSubmit
   }, /*#__PURE__*/_react["default"].createElement(_RadioList2["default"], {
@@ -35,6 +45,7 @@ var _RadioList = function _RadioList() {
     className: "full-width-btn"
   }, "Submit"));
 };
+
 exports._RadioList = _RadioList;
 _RadioList.story = {
   name: "RadioList",

package/components/Form/stories/RangeSlider.stories.js

@@ -1,23 +1,33 @@
 "use strict";
 
-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); }
+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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports._RangeSlider = exports.BubbleRangeSlider = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _Form = _interopRequireDefault(require("../Form"));
+
 var _RangeSlider2 = _interopRequireDefault(require("../RangeSlider"));
+
 var _Button = _interopRequireWildcard(require("../../Button"));
+
 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); }
+
 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; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var _RangeSlider = function _RangeSlider() {
   var onSubmit = function onSubmit(formData) {
     var data = formData.data;
     var price = data.price;
     console.log("Selected price: ", price);
   };
+
   return /*#__PURE__*/_react["default"].createElement(_Form["default"], {
     onSubmit: onSubmit
   }, /*#__PURE__*/_react["default"].createElement(_RangeSlider2["default"], {
@@ -32,6 +42,7 @@ var _RangeSlider = function _RangeSlider() {
     className: "full-width-btn"
   }, "Submit"));
 };
+
 exports._RangeSlider = _RangeSlider;
 _RangeSlider.story = {
   name: "Range Slider ",
@@ -41,12 +52,14 @@ _RangeSlider.story = {
     }
   }
 };
+
 var BubbleRangeSlider = function BubbleRangeSlider() {
   var onSubmit = function onSubmit(formData) {
     var data = formData.data;
     var price = data.price;
     console.log("Selected price: ", price);
   };
+
   return /*#__PURE__*/_react["default"].createElement(_Form["default"], {
     onSubmit: onSubmit
   }, /*#__PURE__*/_react["default"].createElement(_RangeSlider2["default"], {
@@ -62,6 +75,7 @@ var BubbleRangeSlider = function BubbleRangeSlider() {
     className: "full-width-btn"
   }, "Submit"));
 };
+
 exports.BubbleRangeSlider = BubbleRangeSlider;
 BubbleRangeSlider.story = {
   name: "Range Slider with Bubble",

package/components/Form/stories/TextInput.stories.js

@@ -1,22 +1,32 @@
 "use strict";
 
-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); }
+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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.TextInput = exports.RefUsage = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _Form = _interopRequireDefault(require("../Form"));
+
 var _Input = _interopRequireDefault(require("../Input"));
+
 var _Button = _interopRequireWildcard(require("../../Button"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 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); }
+
 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; }
+
 var TextInput = function TextInput() {
   var onSubmit = function onSubmit(formData) {
     var data = formData.data,
-      _formData$errors = formData.errors,
-      errors = _formData$errors === void 0 ? {} : _formData$errors;
+        _formData$errors = formData.errors,
+        errors = _formData$errors === void 0 ? {} : _formData$errors;
+
     if (Object.keys(errors).length) {
       console.log("ERRORS FOUND : ");
       console.log(errors);
@@ -24,6 +34,7 @@ var TextInput = function TextInput() {
       console.log("Submitted data: ", data);
     }
   };
+
   return /*#__PURE__*/_react["default"].createElement(_Form["default"], {
     onSubmit: onSubmit
   }, /*#__PURE__*/_react["default"].createElement(_Input["default"], {
@@ -41,6 +52,7 @@ var TextInput = function TextInput() {
     className: "full-width-btn"
   }, "Submit"));
 };
+
 exports.TextInput = TextInput;
 TextInput.story = {
   parameters: {
@@ -49,11 +61,14 @@ TextInput.story = {
     }
   }
 };
+
 var RefUsage = function RefUsage() {
   var inputRef = (0, _react.useRef)();
+
   var focusInput = function focusInput() {
     inputRef.current.focus();
   };
+
   return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     appearance: _Button.ButtonAppearance.SECONDARY,
     className: "full-width-btn",
@@ -67,6 +82,7 @@ var RefUsage = function RefUsage() {
     appearance: "block"
   }));
 };
+
 exports.RefUsage = RefUsage;
 var _default = {
   title: "Form|Text Input",

package/components/Form/stories/Textarea.stories.js

@@ -1,22 +1,32 @@
 "use strict";
 
-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); }
+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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports._Textarea = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _Form = _interopRequireDefault(require("../Form"));
+
 var _Textarea2 = _interopRequireDefault(require("../Textarea"));
+
 var _Button = _interopRequireWildcard(require("../../Button"));
+
 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); }
+
 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; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var _Textarea = function _Textarea() {
   var onSubmit = function onSubmit(formData) {
     var data = formData.data;
     console.log("Submitted data: ", data);
   };
+
   return /*#__PURE__*/_react["default"].createElement(_Form["default"], {
     onSubmit: onSubmit
   }, /*#__PURE__*/_react["default"].createElement(_Textarea2["default"], {
@@ -29,6 +39,7 @@ var _Textarea = function _Textarea() {
     className: "full-width-btn"
   }, "Submit"));
 };
+
 exports._Textarea = _Textarea;
 _Textarea.story = {
   parameters: {

package/components/Form/stories/Toggle.stories.js

@@ -4,17 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.SimpleUsage = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _Toggle = _interopRequireDefault(require("../Toggle"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var _default = {
   title: "Toggle"
 };
 exports["default"] = _default;
+
 var SimpleUsage = function SimpleUsage() {
   var onChange = function onChange(isActive) {
     console.log("isActive: ", isActive);
   };
+
   return /*#__PURE__*/_react["default"].createElement(_Toggle["default"], {
     label: "Is Active?",
     name: "isActive",
@@ -22,4 +28,5 @@ var SimpleUsage = function SimpleUsage() {
     onChange: onChange
   });
 };
+
 exports.SimpleUsage = SimpleUsage;

package/components/Form/stories/form.stories.js

@@ -1,31 +1,50 @@
 "use strict";
 
-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); }
+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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports._Toggle = exports._FileUploader = exports._Dropdown = exports._DragDropFileUploader = exports.GetFormData = exports.FormExample = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _Form = _interopRequireDefault(require("../Form"));
+
 var _Dropdown2 = _interopRequireDefault(require("../Dropdown"));
+
 var _Input = _interopRequireDefault(require("../Input"));
+
 var _Textarea = _interopRequireDefault(require("../Textarea"));
+
 var _RadioList = _interopRequireDefault(require("../RadioList"));
+
 var _Checkbox = _interopRequireDefault(require("../Checkbox"));
+
 var _FileUploader2 = _interopRequireDefault(require("../FileUploader"));
+
 var _DragDropFileUploader2 = _interopRequireDefault(require("../DragDropFileUploader"));
+
 var _Toggle2 = _interopRequireDefault(require("../Toggle"));
+
 var _RangeSlider = _interopRequireDefault(require("../RangeSlider"));
+
 var _Button = _interopRequireWildcard(require("../../Button"));
+
 var _Constants = require("../../../../public/Constants");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 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); }
+
 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; }
+
 var FormExample = function FormExample() {
   var onSubmit = function onSubmit(formData) {
     var data = formData.data,
-      _formData$errors = formData.errors,
-      errors = _formData$errors === void 0 ? {} : _formData$errors;
+        _formData$errors = formData.errors,
+        errors = _formData$errors === void 0 ? {} : _formData$errors;
+
     if (Object.keys(errors).length) {
       console.log("ERRORS FOUND : ");
       console.log(errors);
@@ -33,6 +52,7 @@ var FormExample = function FormExample() {
       console.log("Submitted data: ", data);
     }
   };
+
   return /*#__PURE__*/_react["default"].createElement(_Form["default"], {
     onSubmit: onSubmit
   }, /*#__PURE__*/_react["default"].createElement(_Input["default"], {
@@ -93,16 +113,19 @@ var FormExample = function FormExample() {
     className: "full-width-btn"
   }, "Submit"));
 };
+
 exports.FormExample = FormExample;
 FormExample.story = {
   name: "Form"
 };
+
 var _Dropdown = function _Dropdown() {
   var onSubmit = function onSubmit(formData) {
     var data = formData.data;
     var fruit = data.fruit;
     console.log("Selected Fruit: ", fruit);
   };
+
   return /*#__PURE__*/_react["default"].createElement(_Form["default"], {
     onSubmit: onSubmit
   }, /*#__PURE__*/_react["default"].createElement(_Dropdown2["default"], {
@@ -115,6 +138,7 @@ var _Dropdown = function _Dropdown() {
     className: "full-width-btn"
   }, "Submit"));
 };
+
 exports._Dropdown = _Dropdown;
 _Dropdown.story = {
   name: "Dropdown ",
@@ -124,12 +148,14 @@ _Dropdown.story = {
     }
   }
 };
+
 var _FileUploader = function _FileUploader() {
   var onSubmit = function onSubmit(formData) {
     var data = formData.data;
     var file = data.file;
     console.log("Selected file: ", file[0].name);
   };
+
   return /*#__PURE__*/_react["default"].createElement(_Form["default"], {
     onSubmit: onSubmit
   }, /*#__PURE__*/_react["default"].createElement(_FileUploader2["default"], {
@@ -142,6 +168,7 @@ var _FileUploader = function _FileUploader() {
     className: "full-width-btn"
   }, "Submit"));
 };
+
 exports._FileUploader = _FileUploader;
 _FileUploader.story = {
   name: "File Uploader ",
@@ -151,12 +178,14 @@ _FileUploader.story = {
     }
   }
 };
+
 var _DragDropFileUploader = function _DragDropFileUploader() {
   var onSubmit = function onSubmit(formData) {
     var data = formData.data;
     var filesList = data.filesList;
     console.log("Selected file: ", filesList[0].name);
   };
+
   return /*#__PURE__*/_react["default"].createElement(_Form["default"], {
     onSubmit: onSubmit
   }, /*#__PURE__*/_react["default"].createElement(_DragDropFileUploader2["default"], {
@@ -167,6 +196,7 @@ var _DragDropFileUploader = function _DragDropFileUploader() {
     className: "full-width-btn"
   }, "Submit"));
 };
+
 exports._DragDropFileUploader = _DragDropFileUploader;
 _DragDropFileUploader.story = {
   name: "DragDrop File Uploader ",
@@ -176,12 +206,14 @@ _DragDropFileUploader.story = {
     }
   }
 };
+
 var _Toggle = function _Toggle() {
   var onSubmit = function onSubmit(formData) {
     var data = formData.data;
     var isActive = data.isActive;
     console.log("isActive: ", isActive);
   };
+
   return /*#__PURE__*/_react["default"].createElement(_Form["default"], {
     onSubmit: onSubmit
   }, /*#__PURE__*/_react["default"].createElement(_Toggle2["default"], {
@@ -193,6 +225,7 @@ var _Toggle = function _Toggle() {
     className: "full-width-btn"
   }, "Submit"));
 };
+
 exports._Toggle = _Toggle;
 _Toggle.story = {
   name: "Toggle ",
@@ -202,13 +235,16 @@ _Toggle.story = {
     }
   }
 };
+
 var GetFormData = function GetFormData() {
   var formRef = (0, _react.useRef)();
+
   var submitFormData = function submitFormData() {
     var formData = formRef.current.getFormData();
     var data = formData.data;
     console.log("Got data", data);
   };
+
   return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_Form["default"], {
     ref: formRef
   }, /*#__PURE__*/_react["default"].createElement(_Input["default"], {
@@ -228,6 +264,7 @@ var GetFormData = function GetFormData() {
     onClick: submitFormData
   }, "Click to submit"));
 };
+
 exports.GetFormData = GetFormData;
 var _default = {
   title: "Form|Miscellanious",