@unbxd-ui/unbxd-react-components 0.2.145 → 0.2.147

package/components/core.scss

@@ -7,6 +7,8 @@
 @import "./Modal/modalCore.scss";
 @import "./InlineModal/inlineModalCore.scss";
 @import "./List/listCore.scss";
+@import "./PageLoader/pageLoaderCore.scss";
+@import "./ToastNotification/toastNotificationCore.scss";
 @import "./Table/tableCore.scss";
 @import "./TabsComponent/tabsCore.scss";
 @import "./ProgressBar/progressBarCore.scss";
@@ -14,6 +16,13 @@
 @import "./Accordian/accordianCore.scss";
 @import "./common/common.scss";
 
+
+html,
+body,
+button {
+    font-family: "Nunito Sans", "Helvetica Neue", "Helvetica", "Roboto", "sans-serif";
+}
+
 .RCB-hidden {
     display: none;
 }
@@ -28,3 +37,11 @@
         pointer-events: none;
     }
 }
+
+p {
+    margin: 0;
+}
+
+* {
+    box-sizing: border-box;
+}

package/components/index.js

@@ -88,6 +88,12 @@ Object.defineProperty(exports, "NotificationComponent", {
     return _NotificationComponent["default"];
   }
 });
+Object.defineProperty(exports, "PageLoader", {
+  enumerable: true,
+  get: function get() {
+    return _PageLoader["default"];
+  }
+});
 Object.defineProperty(exports, "PaginationComponent", {
   enumerable: true,
   get: function get() {
@@ -112,12 +118,24 @@ Object.defineProperty(exports, "RangeSlider", {
     return _Form.RangeSlider;
   }
 });
+Object.defineProperty(exports, "SearchableDropdown", {
+  enumerable: true,
+  get: function get() {
+    return _Form.SearchableDropdown;
+  }
+});
 Object.defineProperty(exports, "Table", {
   enumerable: true,
   get: function get() {
     return _Table["default"];
   }
 });
+Object.defineProperty(exports, "TableOld", {
+  enumerable: true,
+  get: function get() {
+    return _TableOld["default"];
+  }
+});
 Object.defineProperty(exports, "TabsComponent", {
   enumerable: true,
   get: function get() {
@@ -130,6 +148,12 @@ Object.defineProperty(exports, "Textarea", {
     return _Form.Textarea;
   }
 });
+Object.defineProperty(exports, "ToastNotificationWrapper", {
+  enumerable: true,
+  get: function get() {
+    return _ToastNotification["default"];
+  }
+});
 Object.defineProperty(exports, "Toggle", {
   enumerable: true,
   get: function get() {
@@ -142,18 +166,50 @@ Object.defineProperty(exports, "Tooltip", {
     return _Tooltip["default"];
   }
 });
+Object.defineProperty(exports, "errorToast", {
+  enumerable: true,
+  get: function get() {
+    return _ToastNotification.errorToast;
+  }
+});
+Object.defineProperty(exports, "infoToast", {
+  enumerable: true,
+  get: function get() {
+    return _ToastNotification.infoToast;
+  }
+});
+Object.defineProperty(exports, "resetToast", {
+  enumerable: true,
+  get: function get() {
+    return _ToastNotification.resetToast;
+  }
+});
+Object.defineProperty(exports, "successToast", {
+  enumerable: true,
+  get: function get() {
+    return _ToastNotification.successToast;
+  }
+});
+Object.defineProperty(exports, "warningToast", {
+  enumerable: true,
+  get: function get() {
+    return _ToastNotification.warningToast;
+  }
+});
 var _Button = _interopRequireWildcard(require("./Button"));
 var _List = _interopRequireDefault(require("./List"));
 var _Modal = _interopRequireDefault(require("./Modal"));
 var _InlineModal = _interopRequireDefault(require("./InlineModal"));
 var _DataLoader = _interopRequireDefault(require("./DataLoader"));
+var _PageLoader = _interopRequireDefault(require("./PageLoader"));
+var _ToastNotification = _interopRequireWildcard(require("./ToastNotification"));
 var _Form = _interopRequireWildcard(require("./Form"));
 var _Table = _interopRequireWildcard(require("./Table"));
+var _TableOld = _interopRequireDefault(require("./TableOld"));
 var _TabsComponent = _interopRequireDefault(require("./TabsComponent"));
 var _NotificationComponent = _interopRequireDefault(require("./NotificationComponent"));
 var _ProgressBar = _interopRequireDefault(require("./ProgressBar"));
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 var _Accordian = _interopRequireDefault(require("./Accordian"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }

package/components/theme.css

@@ -1,3 +1,2 @@
-.RCB-btn{border-radius:3px;cursor:pointer}.RCB-btn-default:hover{background:#f3f3f3}.RCB-btn-primary{background:#1fa7fd;color:#FFF;border:0}.RCB-btn-primary:hover{background:#208dd2}.RCB-btn-secondary{background:#FFF;border:1px solid #95c7e7}.RCB-btn-secondary:hover{background:#eef8ff}.RCB-btn-small{padding:6px 8px}.RCB-btn-medium{padding:10px 15px}.RCB-btn-large{padding:15px 22px}.RCB-form-error{font-size:12px;color:#d25b5b}.RCB-dd-search{position:relative}.RCB-dd-search-icon{position:absolute;top:5px;left:10px}.RCB-dd-search-icon:before{content:"\1F50D"}.RCB-dd-search-ip{width:100%;padding:10px 30px;border:none;border-bottom:1px solid #CCC}.RCB-inline-modal-btn{display:inline-block;background:#FFF;border:1px solid #eee;padding:10px;border-radius:3px;cursor:pointer}.RCB-inline-modal-body{background:#FFF;border:1px solid #efeeee;box-shadow:0 9px 12px 0 rgba(0,0,0,0.15)}.RCB-notif{padding:10px;border-radius:3px}.RCB-notif-success{color:#129274;border:solid 1px #2cb191;background-color:#edfffb}.RCB-notif-error{color:#d25b5b;border:solid 1px #e75178;background-color:#fff3f6}.RCB-notif-warning{color:#445870;border:solid 1px #efbf6a;background-color:#fffaf2}.RCB-notif-info{color:#509DB9;border:solid 1px #45b5c1;background-color:#f4fcff}.RCB-table td{padding:10px}.RCB-th{background-color:#2287b4;color:#FFF;font-weight:normal;padding:10px}.RCB-even-tr{background-color:#FFF}.RCB-odd-tr{background-color:#dcf1fa}.RCB-expanded-row{background-color:#ecf2f4}.RCB-paginate-bar{background-color:#a3c9db;text-align:right;font-size:14px;padding:5px;border-radius:5px 5px 0 0}.RCB-tooltip-btn{display:inline-block;font-style:italic;font-size:12px;color:#9199AA;background-color:#F8FAFB;border:1px solid #D0DDE2;padding:0px 6px;border-radius:50%;text-align:center}.RCB-tooltip-body{background:#FFF;padding:10px;border-radius:4px;box-shadow:0px 1px 7px 0px #ccc;margin-left:15px}.RCB-accordian-title{padding:10px;border:1px solid #ccc}
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RoZW1lLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxTQUFTLGlCQUFpQixDQUFDLGNBQWMsQ0FBQyx1QkFBdUIsa0JBQWtCLENBQUMsaUJBQWlCLGtCQUFrQixDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsdUJBQXVCLGtCQUFrQixDQUFDLG1CQUFtQixlQUFlLENBQUMsd0JBQXdCLENBQUMseUJBQXlCLGtCQUFrQixDQUFDLGVBQWUsZUFBZSxDQUFDLGdCQUFnQixpQkFBaUIsQ0FBQyxlQUFlLGlCQUFpQixDQUFDLGdCQUFnQixjQUFjLENBQUMsYUFBYSxDQUFDLGVBQWUsaUJBQWlCLENBQUMsb0JBQW9CLGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsMkJBQTJCLGdCQUFnQixDQUFDLGtCQUFrQixVQUFVLENBQUMsaUJBQWlCLENBQUMsV0FBVyxDQUFDLDRCQUE0QixDQUFDLHNCQUFzQixvQkFBb0IsQ0FBQyxlQUFlLENBQUMscUJBQXFCLENBQUMsWUFBWSxDQUFDLGlCQUFpQixDQUFDLGNBQWMsQ0FBQyx1QkFBdUIsZUFBZSxDQUFDLHdCQUF3QixDQUFDLHdDQUF3QyxDQUFDLFdBQVcsWUFBWSxDQUFDLGlCQUFpQixDQUFDLG1CQUFtQixhQUFhLENBQUMsd0JBQXdCLENBQUMsd0JBQXdCLENBQUMsaUJBQWlCLGFBQWEsQ0FBQyx3QkFBd0IsQ0FBQyx3QkFBd0IsQ0FBQyxtQkFBbUIsYUFBYSxDQUFDLHdCQUF3QixDQUFDLHdCQUF3QixDQUFDLGdCQUFnQixhQUFhLENBQUMsd0JBQXdCLENBQUMsd0JBQXdCLENBQUMsY0FBYyxZQUFZLENBQUMsUUFBUSx3QkFBd0IsQ0FBQyxVQUFVLENBQUMsa0JBQWtCLENBQUMsWUFBWSxDQUFDLGFBQWEscUJBQXFCLENBQUMsWUFBWSx3QkFBd0IsQ0FBQyxrQkFBa0Isd0JBQXdCLENBQUMsa0JBQWtCLHdCQUF3QixDQUFDLGdCQUFnQixDQUFDLGNBQWMsQ0FBQyxXQUFXLENBQUMseUJBQXlCLENBQUMsaUJBQWlCLG9CQUFvQixDQUFDLGlCQUFpQixDQUFDLGNBQWMsQ0FBQyxhQUFhLENBQUMsd0JBQXdCLENBQUMsd0JBQXdCLENBQUMsZUFBZSxDQUFDLGlCQUFpQixDQUFDLGlCQUFpQixDQUFDLGtCQUFrQixlQUFlLENBQUMsWUFBWSxDQUFDLGlCQUFpQixDQUFDLCtCQUErQixDQUFDLGdCQUFnQixDQUFDLHFCQUFxQixZQUFZLENBQUMscUJBQXFCIiwiZmlsZSI6InRoZW1lLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5SQ0ItYnRue2JvcmRlci1yYWRpdXM6M3B4O2N1cnNvcjpwb2ludGVyfS5SQ0ItYnRuLWRlZmF1bHQ6aG92ZXJ7YmFja2dyb3VuZDojZjNmM2YzfS5SQ0ItYnRuLXByaW1hcnl7YmFja2dyb3VuZDojMWZhN2ZkO2NvbG9yOiNGRkY7Ym9yZGVyOjB9LlJDQi1idG4tcHJpbWFyeTpob3ZlcntiYWNrZ3JvdW5kOiMyMDhkZDJ9LlJDQi1idG4tc2Vjb25kYXJ5e2JhY2tncm91bmQ6I0ZGRjtib3JkZXI6MXB4IHNvbGlkICM5NWM3ZTd9LlJDQi1idG4tc2Vjb25kYXJ5OmhvdmVye2JhY2tncm91bmQ6I2VlZjhmZn0uUkNCLWJ0bi1zbWFsbHtwYWRkaW5nOjZweCA4cHh9LlJDQi1idG4tbWVkaXVte3BhZGRpbmc6MTBweCAxNXB4fS5SQ0ItYnRuLWxhcmdle3BhZGRpbmc6MTVweCAyMnB4fS5SQ0ItZm9ybS1lcnJvcntmb250LXNpemU6MTJweDtjb2xvcjojZDI1YjVifS5SQ0ItZGQtc2VhcmNoe3Bvc2l0aW9uOnJlbGF0aXZlfS5SQ0ItZGQtc2VhcmNoLWljb257cG9zaXRpb246YWJzb2x1dGU7dG9wOjVweDtsZWZ0OjEwcHh9LlJDQi1kZC1zZWFyY2gtaWNvbjpiZWZvcmV7Y29udGVudDpcIlxcMUY1MERcIn0uUkNCLWRkLXNlYXJjaC1pcHt3aWR0aDoxMDAlO3BhZGRpbmc6MTBweCAzMHB4O2JvcmRlcjpub25lO2JvcmRlci1ib3R0b206MXB4IHNvbGlkICNDQ0N9LlJDQi1pbmxpbmUtbW9kYWwtYnRue2Rpc3BsYXk6aW5saW5lLWJsb2NrO2JhY2tncm91bmQ6I0ZGRjtib3JkZXI6MXB4IHNvbGlkICNlZWU7cGFkZGluZzoxMHB4O2JvcmRlci1yYWRpdXM6M3B4O2N1cnNvcjpwb2ludGVyfS5SQ0ItaW5saW5lLW1vZGFsLWJvZHl7YmFja2dyb3VuZDojRkZGO2JvcmRlcjoxcHggc29saWQgI2VmZWVlZTtib3gtc2hhZG93OjAgOXB4IDEycHggMCByZ2JhKDAsMCwwLDAuMTUpfS5SQ0Itbm90aWZ7cGFkZGluZzoxMHB4O2JvcmRlci1yYWRpdXM6M3B4fS5SQ0Itbm90aWYtc3VjY2Vzc3tjb2xvcjojMTI5Mjc0O2JvcmRlcjpzb2xpZCAxcHggIzJjYjE5MTtiYWNrZ3JvdW5kLWNvbG9yOiNlZGZmZmJ9LlJDQi1ub3RpZi1lcnJvcntjb2xvcjojZDI1YjViO2JvcmRlcjpzb2xpZCAxcHggI2U3NTE3ODtiYWNrZ3JvdW5kLWNvbG9yOiNmZmYzZjZ9LlJDQi1ub3RpZi13YXJuaW5ne2NvbG9yOiM0NDU4NzA7Ym9yZGVyOnNvbGlkIDFweCAjZWZiZjZhO2JhY2tncm91bmQtY29sb3I6I2ZmZmFmMn0uUkNCLW5vdGlmLWluZm97Y29sb3I6IzUwOURCOTtib3JkZXI6c29saWQgMXB4ICM0NWI1YzE7YmFja2dyb3VuZC1jb2xvcjojZjRmY2ZmfS5SQ0ItdGFibGUgdGR7cGFkZGluZzoxMHB4fS5SQ0ItdGh7YmFja2dyb3VuZC1jb2xvcjojMjI4N2I0O2NvbG9yOiNGRkY7Zm9udC13ZWlnaHQ6bm9ybWFsO3BhZGRpbmc6MTBweH0uUkNCLWV2ZW4tdHJ7YmFja2dyb3VuZC1jb2xvcjojRkZGfS5SQ0Itb2RkLXRye2JhY2tncm91bmQtY29sb3I6I2RjZjFmYX0uUkNCLWV4cGFuZGVkLXJvd3tiYWNrZ3JvdW5kLWNvbG9yOiNlY2YyZjR9LlJDQi1wYWdpbmF0ZS1iYXJ7YmFja2dyb3VuZC1jb2xvcjojYTNjOWRiO3RleHQtYWxpZ246cmlnaHQ7Zm9udC1zaXplOjE0cHg7cGFkZGluZzo1cHg7Ym9yZGVyLXJhZGl1czo1cHggNXB4IDAgMH0uUkNCLXRvb2x0aXAtYnRue2Rpc3BsYXk6aW5saW5lLWJsb2NrO2ZvbnQtc3R5bGU6aXRhbGljO2ZvbnQtc2l6ZToxMnB4O2NvbG9yOiM5MTk5QUE7YmFja2dyb3VuZC1jb2xvcjojRjhGQUZCO2JvcmRlcjoxcHggc29saWQgI0QwRERFMjtwYWRkaW5nOjBweCA2cHg7Ym9yZGVyLXJhZGl1czo1MCU7dGV4dC1hbGlnbjpjZW50ZXJ9LlJDQi10b29sdGlwLWJvZHl7YmFja2dyb3VuZDojRkZGO3BhZGRpbmc6MTBweDtib3JkZXItcmFkaXVzOjRweDtib3gtc2hhZG93OjBweCAxcHggN3B4IDBweCAjY2NjO21hcmdpbi1sZWZ0OjE1cHh9LlJDQi1hY2NvcmRpYW4tdGl0bGV7cGFkZGluZzoxMHB4O2JvcmRlcjoxcHggc29saWQgI2NjY31cbiJdfQ== */
+.RCB-btn{border-radius:3px;cursor:pointer}.RCB-btn{padding:8px 12px}.RCB-btn-default:hover{background:#f3f3f3}.RCB-btn-primary{background:#3E71F2;color:#FFF;border:0}.RCB-btn-primary:hover{background:#3865D9}.RCB-btn-secondary{background:#FFF;border:1px solid #95c7e7}.RCB-btn-secondary:hover{background:#eef8ff}.RCB-btn-small{padding:8px 12px}.RCB-btn-medium{padding:10px 15px}.RCB-btn-large{padding:15px 22px}.RCB-form-error{font-size:12px;color:#d25b5b}.RCB-dd-search{position:relative}.RCB-dd-search-icon{position:absolute;top:5px;left:10px}.RCB-dd-search-icon:before{content:"\1F50D"}.RCB-dd-search-ip{width:100%;padding:10px 30px;border:none;border-bottom:1px solid #CCC}.RCB-dd-searchabledd-search-ip{border:1px solid #DDE2EE;border-radius:4px}.RCB-inline-modal-btn{display:inline-block;background:#FFF;border:1px solid #eee;padding:10px;border-radius:3px;cursor:pointer}.RCB-inline-modal-body{background:#FFF;border:1px solid #efeeee;box-shadow:0 9px 12px 0 rgba(0,0,0,0.15)}.RCB-notif{padding:10px;border-radius:3px}.RCB-notif-success{color:#6DB886;border:solid 1px #6DB886;background-color:#DEF9E7}.RCB-notif-error{color:#CA4646;border:solid 1px #CA4646;background-color:#FFE4E4}.RCB-notif-warning{color:#D5A555;border:solid 1px #D5A555;background-color:#FFF8EC}.RCB-notif-info{color:#3E71F2;border:solid 1px #3E71F2;background-color:#E7EDFF}.notif-wrapper{flex:1;display:flex;align-items:center;justify-content:space-between}.RCB-table td{padding:10px}.RCB-th{background-color:#2287b4;color:#FFF;font-weight:normal;padding:10px}.RCB-even-tr{background-color:#FFF}.RCB-odd-tr{background-color:#dcf1fa}.RCB-expanded-row{background-color:#ecf2f4}.RCB-paginate-bar{background-color:#a3c9db;text-align:right;font-size:14px;padding:5px;border-radius:5px 5px 0 0}.RCB-tooltip-btn{display:inline-block;font-style:italic;font-size:12px;color:#9199AA;background-color:#F8FAFB;border:1px solid #D0DDE2;padding:0px 6px;border-radius:50%;text-align:center}.RCB-tooltip-body{background:#FFF;padding:10px;border-radius:4px;box-shadow:0px 1px 7px 0px #ccc}.RCB-accordian-title{padding:10px;border:1px solid #ccc}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RoZW1lLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxTQUFTLGlCQUFpQixDQUFDLGNBQWMsQ0FBQyxTQUFTLGdCQUFnQixDQUFDLHVCQUF1QixrQkFBa0IsQ0FBQyxpQkFBaUIsa0JBQWtCLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyx1QkFBdUIsa0JBQWtCLENBQUMsbUJBQW1CLGVBQWUsQ0FBQyx3QkFBd0IsQ0FBQyx5QkFBeUIsa0JBQWtCLENBQUMsZUFBZSxnQkFBZ0IsQ0FBQyxnQkFBZ0IsaUJBQWlCLENBQUMsZUFBZSxpQkFBaUIsQ0FBQyxnQkFBZ0IsY0FBYyxDQUFDLGFBQWEsQ0FBQyxlQUFlLGlCQUFpQixDQUFDLG9CQUFvQixpQkFBaUIsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLDJCQUEyQixnQkFBZ0IsQ0FBQyxrQkFBa0IsVUFBVSxDQUFDLGlCQUFpQixDQUFDLFdBQVcsQ0FBQyw0QkFBNEIsQ0FBQywrQkFBK0Isd0JBQXdCLENBQUMsaUJBQWlCLENBQUMsc0JBQXNCLG9CQUFvQixDQUFDLGVBQWUsQ0FBQyxxQkFBcUIsQ0FBQyxZQUFZLENBQUMsaUJBQWlCLENBQUMsY0FBYyxDQUFDLHVCQUF1QixlQUFlLENBQUMsd0JBQXdCLENBQUMsd0NBQXdDLENBQUMsV0FBVyxZQUFZLENBQUMsaUJBQWlCLENBQUMsbUJBQW1CLGFBQWEsQ0FBQyx3QkFBd0IsQ0FBQyx3QkFBd0IsQ0FBQyxpQkFBaUIsYUFBYSxDQUFDLHdCQUF3QixDQUFDLHdCQUF3QixDQUFDLG1CQUFtQixhQUFhLENBQUMsd0JBQXdCLENBQUMsd0JBQXdCLENBQUMsZ0JBQWdCLGFBQWEsQ0FBQyx3QkFBd0IsQ0FBQyx3QkFBd0IsQ0FBQyxlQUFlLE1BQU0sQ0FBQyxZQUFZLENBQUMsa0JBQWtCLENBQUMsNkJBQTZCLENBQUMsY0FBYyxZQUFZLENBQUMsUUFBUSx3QkFBd0IsQ0FBQyxVQUFVLENBQUMsa0JBQWtCLENBQUMsWUFBWSxDQUFDLGFBQWEscUJBQXFCLENBQUMsWUFBWSx3QkFBd0IsQ0FBQyxrQkFBa0Isd0JBQXdCLENBQUMsa0JBQWtCLHdCQUF3QixDQUFDLGdCQUFnQixDQUFDLGNBQWMsQ0FBQyxXQUFXLENBQUMseUJBQXlCLENBQUMsaUJBQWlCLG9CQUFvQixDQUFDLGlCQUFpQixDQUFDLGNBQWMsQ0FBQyxhQUFhLENBQUMsd0JBQXdCLENBQUMsd0JBQXdCLENBQUMsZUFBZSxDQUFDLGlCQUFpQixDQUFDLGlCQUFpQixDQUFDLGtCQUFrQixlQUFlLENBQUMsWUFBWSxDQUFDLGlCQUFpQixDQUFDLCtCQUErQixDQUFDLHFCQUFxQixZQUFZLENBQUMscUJBQXFCIiwiZmlsZSI6InRoZW1lLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5SQ0ItYnRue2JvcmRlci1yYWRpdXM6M3B4O2N1cnNvcjpwb2ludGVyfS5SQ0ItYnRue3BhZGRpbmc6OHB4IDEycHh9LlJDQi1idG4tZGVmYXVsdDpob3ZlcntiYWNrZ3JvdW5kOiNmM2YzZjN9LlJDQi1idG4tcHJpbWFyeXtiYWNrZ3JvdW5kOiMzRTcxRjI7Y29sb3I6I0ZGRjtib3JkZXI6MH0uUkNCLWJ0bi1wcmltYXJ5OmhvdmVye2JhY2tncm91bmQ6IzM4NjVEOX0uUkNCLWJ0bi1zZWNvbmRhcnl7YmFja2dyb3VuZDojRkZGO2JvcmRlcjoxcHggc29saWQgIzk1YzdlN30uUkNCLWJ0bi1zZWNvbmRhcnk6aG92ZXJ7YmFja2dyb3VuZDojZWVmOGZmfS5SQ0ItYnRuLXNtYWxse3BhZGRpbmc6OHB4IDEycHh9LlJDQi1idG4tbWVkaXVte3BhZGRpbmc6MTBweCAxNXB4fS5SQ0ItYnRuLWxhcmdle3BhZGRpbmc6MTVweCAyMnB4fS5SQ0ItZm9ybS1lcnJvcntmb250LXNpemU6MTJweDtjb2xvcjojZDI1YjVifS5SQ0ItZGQtc2VhcmNoe3Bvc2l0aW9uOnJlbGF0aXZlfS5SQ0ItZGQtc2VhcmNoLWljb257cG9zaXRpb246YWJzb2x1dGU7dG9wOjVweDtsZWZ0OjEwcHh9LlJDQi1kZC1zZWFyY2gtaWNvbjpiZWZvcmV7Y29udGVudDpcIlxcMUY1MERcIn0uUkNCLWRkLXNlYXJjaC1pcHt3aWR0aDoxMDAlO3BhZGRpbmc6MTBweCAzMHB4O2JvcmRlcjpub25lO2JvcmRlci1ib3R0b206MXB4IHNvbGlkICNDQ0N9LlJDQi1kZC1zZWFyY2hhYmxlZGQtc2VhcmNoLWlwe2JvcmRlcjoxcHggc29saWQgI0RERTJFRTtib3JkZXItcmFkaXVzOjRweH0uUkNCLWlubGluZS1tb2RhbC1idG57ZGlzcGxheTppbmxpbmUtYmxvY2s7YmFja2dyb3VuZDojRkZGO2JvcmRlcjoxcHggc29saWQgI2VlZTtwYWRkaW5nOjEwcHg7Ym9yZGVyLXJhZGl1czozcHg7Y3Vyc29yOnBvaW50ZXJ9LlJDQi1pbmxpbmUtbW9kYWwtYm9keXtiYWNrZ3JvdW5kOiNGRkY7Ym9yZGVyOjFweCBzb2xpZCAjZWZlZWVlO2JveC1zaGFkb3c6MCA5cHggMTJweCAwIHJnYmEoMCwwLDAsMC4xNSl9LlJDQi1ub3RpZntwYWRkaW5nOjEwcHg7Ym9yZGVyLXJhZGl1czozcHh9LlJDQi1ub3RpZi1zdWNjZXNze2NvbG9yOiM2REI4ODY7Ym9yZGVyOnNvbGlkIDFweCAjNkRCODg2O2JhY2tncm91bmQtY29sb3I6I0RFRjlFN30uUkNCLW5vdGlmLWVycm9ye2NvbG9yOiNDQTQ2NDY7Ym9yZGVyOnNvbGlkIDFweCAjQ0E0NjQ2O2JhY2tncm91bmQtY29sb3I6I0ZGRTRFNH0uUkNCLW5vdGlmLXdhcm5pbmd7Y29sb3I6I0Q1QTU1NTtib3JkZXI6c29saWQgMXB4ICNENUE1NTU7YmFja2dyb3VuZC1jb2xvcjojRkZGOEVDfS5SQ0Itbm90aWYtaW5mb3tjb2xvcjojM0U3MUYyO2JvcmRlcjpzb2xpZCAxcHggIzNFNzFGMjtiYWNrZ3JvdW5kLWNvbG9yOiNFN0VERkZ9Lm5vdGlmLXdyYXBwZXJ7ZmxleDoxO2Rpc3BsYXk6ZmxleDthbGlnbi1pdGVtczpjZW50ZXI7anVzdGlmeS1jb250ZW50OnNwYWNlLWJldHdlZW59LlJDQi10YWJsZSB0ZHtwYWRkaW5nOjEwcHh9LlJDQi10aHtiYWNrZ3JvdW5kLWNvbG9yOiMyMjg3YjQ7Y29sb3I6I0ZGRjtmb250LXdlaWdodDpub3JtYWw7cGFkZGluZzoxMHB4fS5SQ0ItZXZlbi10cntiYWNrZ3JvdW5kLWNvbG9yOiNGRkZ9LlJDQi1vZGQtdHJ7YmFja2dyb3VuZC1jb2xvcjojZGNmMWZhfS5SQ0ItZXhwYW5kZWQtcm93e2JhY2tncm91bmQtY29sb3I6I2VjZjJmNH0uUkNCLXBhZ2luYXRlLWJhcntiYWNrZ3JvdW5kLWNvbG9yOiNhM2M5ZGI7dGV4dC1hbGlnbjpyaWdodDtmb250LXNpemU6MTRweDtwYWRkaW5nOjVweDtib3JkZXItcmFkaXVzOjVweCA1cHggMCAwfS5SQ0ItdG9vbHRpcC1idG57ZGlzcGxheTppbmxpbmUtYmxvY2s7Zm9udC1zdHlsZTppdGFsaWM7Zm9udC1zaXplOjEycHg7Y29sb3I6IzkxOTlBQTtiYWNrZ3JvdW5kLWNvbG9yOiNGOEZBRkI7Ym9yZGVyOjFweCBzb2xpZCAjRDBEREUyO3BhZGRpbmc6MHB4IDZweDtib3JkZXItcmFkaXVzOjUwJTt0ZXh0LWFsaWduOmNlbnRlcn0uUkNCLXRvb2x0aXAtYm9keXtiYWNrZ3JvdW5kOiNGRkY7cGFkZGluZzoxMHB4O2JvcmRlci1yYWRpdXM6NHB4O2JveC1zaGFkb3c6MHB4IDFweCA3cHggMHB4ICNjY2N9LlJDQi1hY2NvcmRpYW4tdGl0bGV7cGFkZGluZzoxMHB4O2JvcmRlcjoxcHggc29saWQgI2NjY31cbiJdfQ== */

package/core/dataLoader.js

@@ -154,7 +154,8 @@ var DataLoader = /*#__PURE__*/function () {
       var requestMetadata = {
         method: reqMethod === "form_post" || reqMethod === "upload" ? "post" : reqMethod === "upload_put" ? "put" : method,
         headers: _objectSpread(_objectSpread({}, this._commonHeaders), headers),
-        signal: this.abortController[requestId] ? this.abortController[requestId].signal : null
+        signal: this.abortController[requestId] ? this.abortController[requestId].signal : null,
+        credentials: "include"
       };
       var requestHeaders = requestMetadata.headers;
       for (var header in requestHeaders) {
@@ -164,7 +165,9 @@ var DataLoader = /*#__PURE__*/function () {
         }
       }
       if (reqMethod === "get") {
-        requestUrl = "".concat(requestUrl, "?").concat(_utils["default"].getQueryParams(finalRequestParams));
+        if (_utils["default"].getQueryParams(finalRequestParams)) {
+          requestUrl = "".concat(requestUrl, "?").concat(_utils["default"].getQueryParams(finalRequestParams));
+        }
       } else if (["post", "delete", "put", "patch"].indexOf(reqMethod) > -1) {
         requestMetadata.body = JSON.stringify(finalRequestParams);
       } else if (reqMethod === "form_post" || reqMethod === "upload" || reqMethod === "upload_put") {

package/index.js

@@ -111,6 +111,12 @@ Object.defineProperty(exports, "NotificationComponent", {
     return _components.NotificationComponent;
   }
 });
+Object.defineProperty(exports, "PageLoader", {
+  enumerable: true,
+  get: function get() {
+    return _components.PageLoader;
+  }
+});
 Object.defineProperty(exports, "PaginationComponent", {
   enumerable: true,
   get: function get() {
@@ -135,12 +141,24 @@ Object.defineProperty(exports, "RangeSlider", {
     return _components.RangeSlider;
   }
 });
+Object.defineProperty(exports, "SearchableDropdown", {
+  enumerable: true,
+  get: function get() {
+    return _components.SearchableDropdown;
+  }
+});
 Object.defineProperty(exports, "Table", {
   enumerable: true,
   get: function get() {
     return _components.Table;
   }
 });
+Object.defineProperty(exports, "TableOld", {
+  enumerable: true,
+  get: function get() {
+    return _components.TableOld;
+  }
+});
 Object.defineProperty(exports, "TabsComponent", {
   enumerable: true,
   get: function get() {
@@ -153,6 +171,12 @@ Object.defineProperty(exports, "Textarea", {
     return _components.Textarea;
   }
 });
+Object.defineProperty(exports, "ToastNotificationWrapper", {
+  enumerable: true,
+  get: function get() {
+    return _components.ToastNotificationWrapper;
+  }
+});
 Object.defineProperty(exports, "Toggle", {
   enumerable: true,
   get: function get() {
@@ -177,12 +201,42 @@ Object.defineProperty(exports, "dataLoader", {
     return _core.dataLoader;
   }
 });
+Object.defineProperty(exports, "errorToast", {
+  enumerable: true,
+  get: function get() {
+    return _components.errorToast;
+  }
+});
+Object.defineProperty(exports, "infoToast", {
+  enumerable: true,
+  get: function get() {
+    return _components.infoToast;
+  }
+});
+Object.defineProperty(exports, "resetToast", {
+  enumerable: true,
+  get: function get() {
+    return _components.resetToast;
+  }
+});
+Object.defineProperty(exports, "successToast", {
+  enumerable: true,
+  get: function get() {
+    return _components.successToast;
+  }
+});
 Object.defineProperty(exports, "utils", {
   enumerable: true,
   get: function get() {
     return _core.utils;
   }
 });
+Object.defineProperty(exports, "warningToast", {
+  enumerable: true,
+  get: function get() {
+    return _components.warningToast;
+  }
+});
 var _components = require("./components");
 var _core = require("./core");
 var _Button = require("./components/Button");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unbxd-ui/unbxd-react-components",
-  "version": "0.2.145",
+  "version": "0.2.147",
   "description": "React components library",
   "keywords": [
     "react components",
@@ -12,15 +12,13 @@
     "type": "git",
     "url": "https://github.com/unbxd/unbxd-react-components.git"
   },
-  "author": "Anupama H",
+  "author": "Netcore Unbxd",
   "license": "ISC",
   "main": "lib/index.js",
   "sideEffects": [
     "*.css"
   ],
   "scripts": {
-    "storybook": "start-storybook -p 6006 -s public",
-    "deploy-storybook": "storybook-to-ghpages",
     "scss": "node-sass src/components -o src/components --output-style compressed",
     "publish-scss": "node-sass src/components -o lib/components --output-style compressed",
     "postcss": "postcss src/components/*.css --use autoprefixer --dir src/components",
@@ -31,23 +29,30 @@
     "lint": "eslint src",
     "copypackage": "cp -rf package.json README.md lib",
     "copyscss": "cp  -rf src/components/core.scss src/components/theme.scss lib/components",
-    "link": "npm run publish-css && npm run build && npm run copypackage && npm run copyscss && cd lib && npm link",
+    "link": "npm run build-css && npm run publish-css && npm run build && npm run copypackage && npm run copyscss && cd lib && npm link",
     "publish-prod": "npm run publish-css && npm run build && npm run copypackage && npm run copyscss && cd lib && npm publish",
-    "publish-beta": "npm run publish-css && npm run build && npm run copypackage && npm run copyscss && cd lib && npm publish --tag beta"
+    "publish-beta": "npm run publish-css && npm run build && npm run copypackage && npm run copyscss && cd lib && npm publish --tag beta",
+    "storybook": "storybook dev -p 6007",
+    "build-storybook": "storybook build",
+    "deploy-storybook": "gh-pages -d storybook-static"
   },
   "dependencies": {
-    "@storybook/addon-a11y": "^7.0.25",
-    "@storybook/addon-storysource": "^7.0.25",
+    "@unbxd-ui/unbxd-style-dictionary": "^0.2.5",
     "bluebird": "^3.7.2",
     "dequal": "^1.0.1",
+    "esbuild": "^0.25.6",
     "lodash.clonedeep": "^4.5.0",
+    "lodash.isequal": "^4.5.0",
     "motion": "^12.0.6",
     "postcss": "^8.4.28",
+    "postcss-loader": "^8.1.1",
     "react": "^18.2.0",
+    "react-data-table-component": "^7.7.0",
     "react-dom": "^18.2.0",
     "react-window": "^1.8.6",
     "react-window-infinite-loader": "^1.0.7",
     "sass": "^1.63.6",
+    "styled-components": "^6.1.18",
     "whatwg-fetch": "^3.6.2"
   },
   "devDependencies": {
@@ -57,25 +62,32 @@
     "@babel/plugin-proposal-export-default-from": "^7.14.5",
     "@babel/preset-env": "^7.15.8",
     "@babel/preset-react": "^7.14.5",
-    "@storybook/addon-actions": "^7.0.25",
-    "@storybook/addon-console": "^2.0.0",
-    "@storybook/addon-docs": "^7.0.26",
-    "@storybook/addon-info": "^4.1.8",
-    "@storybook/addon-links": "^7.0.25",
-    "@storybook/addons": "^7.0.25",
-    "@storybook/react": "^7.0.25",
-    "@storybook/storybook-deployer": "^2.8.16",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-onboarding": "^8.6.14",
+    "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-webpack5": "^8.6.14",
+    "@storybook/test": "^8.6.14",
     "autoprefixer": "^10.4.14",
     "babel-eslint": "^10.1.0",
     "babel-loader": "^8.2.3",
     "cross-env": "^7.0.3",
-    "eslint": "^7.2.0",
+    "css-loader": "^6.8.1",
+    "eslint": "^8.57.1",
     "eslint-plugin-babel": "^5.3.1",
     "eslint-plugin-react": "^7.26.1",
+    "eslint-plugin-storybook": "^0.12.0",
+    "gh-pages": "^6.3.0",
     "node-sass": "^8.0.0",
     "postcss-cli": "^10.1.0",
-    "sass-loader": "^7.3.1",
-    "storybook-readme": "^4.0.5"
+    "prop-types": "^15.8.1",
+    "sass": "^1.89.0",
+    "sass-loader": "^13.3.2",
+    "storybook": "^8.6.14",
+    "style-loader": "^3.3.3",
+    "webpack": "^5.88.0"
   },
   "overrides": {
     "fbjs": "^3.0.5",
@@ -88,7 +100,6 @@
     "chokidar": "^4.0.3",
     "braces": "^3.0.3",
     "html-loader": "^5.1.0",
-    "esbuild": "^0.25.0",
     "serialize-javascript": "^6.0.2",
     "micromatch": "^4.0.8",
     "@babel/helpers": "^7.26.10"

package/components/Button/DropdownButton.stories.js

@@ -1,49 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.DefaultDropdownButton = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _DropdownButton = _interopRequireDefault(require("./DropdownButton"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-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."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-var DROPDOWN_OPTIONS = [{
-  id: "PrintApple",
-  name: "Print Apple",
-  message: "Apple"
-}, {
-  id: "PrintMango",
-  name: "Print Mango",
-  message: "Mango"
-}, {
-  id: "PrintGrapes",
-  name: "Print Grapes",
-  message: "Grapes"
-}];
-var DefaultDropdownButton = exports.DefaultDropdownButton = function DefaultDropdownButton() {
-  var _useState = (0, _react.useState)(),
-    _useState2 = _slicedToArray(_useState, 2),
-    message = _useState2[0],
-    setMessage = _useState2[1];
-  var printMessage = function printMessage(data) {
-    var message = data.message;
-    setMessage(message);
-  };
-  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_DropdownButton["default"], {
-    label: "Actions",
-    options: DROPDOWN_OPTIONS,
-    onClick: printMessage
-  }), /*#__PURE__*/_react["default"].createElement("div", null, "Message is ".concat(message)));
-};
-var _default = exports["default"] = {
-  title: "Dropdown Button"
-};

package/components/Form/stories/DragDropFileUploader.stories.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.SimpleUsage = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _DragDropFileUploader = _interopRequireDefault(require("../DragDropFileUploader"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var _default = exports["default"] = {
-  title: "DragDropFileUploader"
-};
-var SimpleUsage = exports.SimpleUsage = function SimpleUsage() {
-  var onFileChange = function onFileChange() {
-    var files = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    console.log("SELECTED FILES");
-    for (var i = 0; i < files.length; i++) {
-      console.log(files[i].name);
-    }
-  };
-  return /*#__PURE__*/_react["default"].createElement(_DragDropFileUploader["default"], {
-    onChange: onFileChange,
-    appearance: "block"
-  }, /*#__PURE__*/_react["default"].createElement("div", null, "Drag & drop files into this area"));
-};

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

@@ -1,115 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var formValues = {
-  email: "anuhosad@gmail.com",
-  description: "This is some temporary description",
-  yesNoOption: "NO",
-  fruits: ["pineapple"],
-  fruit: _Constants.FRUITS_LIST.find(function (obj) {
-    return obj.id === 4;
-  }),
-  isActive: true,
-  price: 75
-};
-var FormExample = exports.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
-  }, /*#__PURE__*/_react["default"].createElement(_Input["default"], {
-    defaultValue: formValues["email"],
-    type: "text",
-    name: "email",
-    label: "Name",
-    placeholder: "Enter your email",
-    appearance: "block"
-  }), /*#__PURE__*/_react["default"].createElement(_Textarea["default"], {
-    defaultValue: formValues["description"],
-    name: "description",
-    label: "Description",
-    placeholder: "Enter your description",
-    appearance: "block"
-  }), /*#__PURE__*/_react["default"].createElement(_RadioList["default"], {
-    defaultValue: formValues["yesNoOption"],
-    name: "yesNoOption",
-    label: "Are you sure?",
-    options: [{
-      id: "YES",
-      name: "Yes"
-    }, {
-      id: "NO",
-      name: "No"
-    }],
-    appearance: "block"
-  }), /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-    name: "orange",
-    label: "Orange",
-    defaultValue: formValues["fruits"].includes("orange")
-  }), /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-    name: "pineapple",
-    label: "Pineapple",
-    defaultValue: formValues["fruits"].includes("pineapple")
-  }), /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-    name: "grapes",
-    label: "Grapes",
-    defaultValue: formValues["fruits"].includes("grapes")
-  }), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_Dropdown["default"], {
-    name: "fruit",
-    defaultValue: formValues["fruit"],
-    label: "Select fruit",
-    options: _Constants.FRUITS_LIST,
-    appearance: "block"
-  }), /*#__PURE__*/_react["default"].createElement(_Toggle["default"], {
-    name: "isActive",
-    defaultValue: formValues["isActive"],
-    label: "Is Active?",
-    appearance: "block"
-  }), /*#__PURE__*/_react["default"].createElement(_RangeSlider["default"], {
-    defaultValue: formValues["price"],
-    name: "price",
-    label: "Select price range",
-    min: "10",
-    max: "100",
-    appearance: "block"
-  }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    appearance: _Button.ButtonAppearance.PRIMARY,
-    className: "full-width-btn"
-  }, "Submit"));
-};
-FormExample.story = {
-  name: "Form"
-};
-var _default = exports["default"] = {
-  title: "Form|Form",
-  parameters: {
-    info: {
-      propTables: [_Form["default"]]
-    }
-  }
-};

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

@@ -1,53 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var _RadioList = exports._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"], {
-    name: "yesNoOption",
-    label: "Are you sure?",
-    options: [{
-      id: "YES",
-      name: "Yes"
-    }, {
-      id: "NO",
-      name: "No"
-    }],
-    appearance: "block"
-  }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    appearance: _Button.ButtonAppearance.PRIMARY,
-    className: "full-width-btn"
-  }, "Submit"));
-};
-_RadioList.story = {
-  name: "RadioList",
-  parameters: {
-    info: {
-      propTables: [_RadioList2["default"]]
-    }
-  }
-};
-var _default = exports["default"] = {
-  title: "Form|RadioList",
-  parameters: {
-    info: {
-      propTables: [_RadioList2["default"]]
-    }
-  }
-};