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

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

@@ -1,40 +1,24 @@
 "use strict";
 
-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); }
-
+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); }
 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",
@@ -46,18 +30,15 @@ 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
@@ -121,7 +102,6 @@ var FormExample = function FormExample() {
     className: "full-width-btn"
   }, "Submit"));
 };
-
 exports.FormExample = FormExample;
 FormExample.story = {
   name: "Form"

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

@@ -1,32 +1,22 @@
 "use strict";
 
-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); }
-
+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); }
 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"], {
@@ -45,7 +35,6 @@ var _RadioList = function _RadioList() {
     className: "full-width-btn"
   }, "Submit"));
 };
-
 exports._RadioList = _RadioList;
 _RadioList.story = {
   name: "RadioList",

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

@@ -1,33 +1,23 @@
 "use strict";
 
-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); }
-
+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); }
 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"], {
@@ -42,7 +32,6 @@ var _RangeSlider = function _RangeSlider() {
     className: "full-width-btn"
   }, "Submit"));
 };
-
 exports._RangeSlider = _RangeSlider;
 _RangeSlider.story = {
   name: "Range Slider ",
@@ -52,14 +41,12 @@ _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"], {
@@ -75,7 +62,6 @@ 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,32 +1,22 @@
 "use strict";
 
-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); }
-
+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); }
 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);
@@ -34,7 +24,6 @@ var TextInput = function TextInput() {
       console.log("Submitted data: ", data);
     }
   };
-
   return /*#__PURE__*/_react["default"].createElement(_Form["default"], {
     onSubmit: onSubmit
   }, /*#__PURE__*/_react["default"].createElement(_Input["default"], {
@@ -52,7 +41,6 @@ var TextInput = function TextInput() {
     className: "full-width-btn"
   }, "Submit"));
 };
-
 exports.TextInput = TextInput;
 TextInput.story = {
   parameters: {
@@ -61,14 +49,11 @@ 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",
@@ -82,7 +67,6 @@ var RefUsage = function RefUsage() {
     appearance: "block"
   }));
 };
-
 exports.RefUsage = RefUsage;
 var _default = {
   title: "Form|Text Input",

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

@@ -1,32 +1,22 @@
 "use strict";
 
-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); }
-
+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); }
 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"], {
@@ -39,7 +29,6 @@ var _Textarea = function _Textarea() {
     className: "full-width-btn"
   }, "Submit"));
 };
-
 exports._Textarea = _Textarea;
 _Textarea.story = {
   parameters: {

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

@@ -4,23 +4,17 @@ 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",
@@ -28,5 +22,4 @@ var SimpleUsage = function SimpleUsage() {
     onChange: onChange
   });
 };
-
 exports.SimpleUsage = SimpleUsage;

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

@@ -1,50 +1,31 @@
 "use strict";
 
-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); }
-
+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); }
 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);
@@ -52,7 +33,6 @@ var FormExample = function FormExample() {
       console.log("Submitted data: ", data);
     }
   };
-
   return /*#__PURE__*/_react["default"].createElement(_Form["default"], {
     onSubmit: onSubmit
   }, /*#__PURE__*/_react["default"].createElement(_Input["default"], {
@@ -113,19 +93,16 @@ 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"], {
@@ -138,7 +115,6 @@ var _Dropdown = function _Dropdown() {
     className: "full-width-btn"
   }, "Submit"));
 };
-
 exports._Dropdown = _Dropdown;
 _Dropdown.story = {
   name: "Dropdown ",
@@ -148,14 +124,12 @@ _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"], {
@@ -168,7 +142,6 @@ var _FileUploader = function _FileUploader() {
     className: "full-width-btn"
   }, "Submit"));
 };
-
 exports._FileUploader = _FileUploader;
 _FileUploader.story = {
   name: "File Uploader ",
@@ -178,14 +151,12 @@ _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"], {
@@ -196,7 +167,6 @@ var _DragDropFileUploader = function _DragDropFileUploader() {
     className: "full-width-btn"
   }, "Submit"));
 };
-
 exports._DragDropFileUploader = _DragDropFileUploader;
 _DragDropFileUploader.story = {
   name: "DragDrop File Uploader ",
@@ -206,14 +176,12 @@ _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"], {
@@ -225,7 +193,6 @@ var _Toggle = function _Toggle() {
     className: "full-width-btn"
   }, "Submit"));
 };
-
 exports._Toggle = _Toggle;
 _Toggle.story = {
   name: "Toggle ",
@@ -235,16 +202,13 @@ _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"], {
@@ -264,7 +228,6 @@ var GetFormData = function GetFormData() {
     onClick: submitFormData
   }, "Click to submit"));
 };
-
 exports.GetFormData = GetFormData;
 var _default = {
   title: "Form|Miscellanious",