@unbxd-ui/unbxd-react-components 0.2.220 → 0.3.0

package/core/utils.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _Validators = _interopRequireDefault(require("./Validators"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-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); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var uniqueCounter = 1;
 var utils = {
   configs: {},
@@ -98,6 +98,17 @@ var utils = {
   },
   isArray: function isArray(value) {
     return Object.prototype.toString.call(value) === "[object Array]";
+  },
+  isRTL: function isRTL(text) {
+    var language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "ar";
+    /* eslint-disable no-misleading-character-class */
+    /* eslint-disable no-useless-escape */
+    var cleanedText = text.replace(/(?:[\0-@\[-`\{-\xA9\xAB-\xB4\xB6-\xB9\xBB-\xBF\xD7\xF7\u02C2-\u02C5\u02D2-\u02DF\u02E5-\u02EB\u02ED\u02EF-\u036F\u0375\u0378\u0379\u037E\u0380-\u0385\u0387\u038B\u038D\u03A2\u03F6\u0482-\u0489\u0530\u0557\u0558\u055A-\u055F\u0589-\u05CF\u05EB-\u05EE\u05F3-\u061F\u064B-\u066D\u0670\u06D4\u06D6-\u06E4\u06E7-\u06ED\u06F0-\u06F9\u06FD\u06FE\u0700-\u070F\u0711\u0730-\u074C\u07A6-\u07B0\u07B2-\u07C9\u07EB-\u07F3\u07F6-\u07F9\u07FB-\u07FF\u0816-\u0819\u081B-\u0823\u0825-\u0827\u0829-\u083F\u0859-\u085F\u086B-\u086F\u0888\u088F-\u089F\u08CA-\u0903\u093A-\u093C\u093E-\u094F\u0951-\u0957\u0962-\u0970\u0981-\u0984\u098D\u098E\u0991\u0992\u09A9\u09B1\u09B3-\u09B5\u09BA-\u09BC\u09BE-\u09CD\u09CF-\u09DB\u09DE\u09E2-\u09EF\u09F2-\u09FB\u09FD-\u0A04\u0A0B-\u0A0E\u0A11\u0A12\u0A29\u0A31\u0A34\u0A37\u0A3A-\u0A58\u0A5D\u0A5F-\u0A71\u0A75-\u0A84\u0A8E\u0A92\u0AA9\u0AB1\u0AB4\u0ABA-\u0ABC\u0ABE-\u0ACF\u0AD1-\u0ADF\u0AE2-\u0AF8\u0AFA-\u0B04\u0B0D\u0B0E\u0B11\u0B12\u0B29\u0B31\u0B34\u0B3A-\u0B3C\u0B3E-\u0B5B\u0B5E\u0B62-\u0B70\u0B72-\u0B82\u0B84\u0B8B-\u0B8D\u0B91\u0B96-\u0B98\u0B9B\u0B9D\u0BA0-\u0BA2\u0BA5-\u0BA7\u0BAB-\u0BAD\u0BBA-\u0BCF\u0BD1-\u0C04\u0C0D\u0C11\u0C29\u0C3A-\u0C3C\u0C3E-\u0C57\u0C5B\u0C5C\u0C5E\u0C5F\u0C62-\u0C7F\u0C81-\u0C84\u0C8D\u0C91\u0CA9\u0CB4\u0CBA-\u0CBC\u0CBE-\u0CDC\u0CDF\u0CE2-\u0CF0\u0CF3-\u0D03\u0D0D\u0D11\u0D3B\u0D3C\u0D3E-\u0D4D\u0D4F-\u0D53\u0D57-\u0D5E\u0D62-\u0D79\u0D80-\u0D84\u0D97-\u0D99\u0DB2\u0DBC\u0DBE\u0DBF\u0DC7-\u0E00\u0E31\u0E34-\u0E3F\u0E47-\u0E80\u0E83\u0E85\u0E8B\u0EA4\u0EA6\u0EB1\u0EB4-\u0EBC\u0EBE\u0EBF\u0EC5\u0EC7-\u0EDB\u0EE0-\u0EFF\u0F01-\u0F3F\u0F48\u0F6D-\u0F87\u0F8D-\u0FFF\u102B-\u103E\u1040-\u104F\u1056-\u1059\u105E-\u1060\u1062-\u1064\u1067-\u106D\u1071-\u1074\u1082-\u108D\u108F-\u109F\u10C6\u10C8-\u10CC\u10CE\u10CF\u10FB\u1249\u124E\u124F\u1257\u1259\u125E\u125F\u1289\u128E\u128F\u12B1\u12B6\u12B7\u12BF\u12C1\u12C6\u12C7\u12D7\u1311\u1316\u1317\u135B-\u137F\u1390-\u139F\u13F6\u13F7\u13FE-\u1400\u166D\u166E\u1680\u169B-\u169F\u16EB-\u16F0\u16F9-\u16FF\u1712-\u171E\u1732-\u173F\u1752-\u175F\u176D\u1771-\u177F\u17B4-\u17D6\u17D8-\u17DB\u17DD-\u181F\u1879-\u187F\u1885\u1886\u18A9\u18AB-\u18AF\u18F6-\u18FF\u191F-\u194F\u196E\u196F\u1975-\u197F\u19AC-\u19AF\u19CA-\u19FF\u1A17-\u1A1F\u1A55-\u1AA6\u1AA8-\u1B04\u1B34-\u1B44\u1B4D-\u1B82\u1BA1-\u1BAD\u1BB0-\u1BB9\u1BE6-\u1BFF\u1C24-\u1C4C\u1C50-\u1C59\u1C7E\u1C7F\u1C8B-\u1C8F\u1CBB\u1CBC\u1CC0-\u1CE8\u1CED\u1CF4\u1CF7-\u1CF9\u1CFB-\u1CFF\u1DC0-\u1DFF\u1F16\u1F17\u1F1E\u1F1F\u1F46\u1F47\u1F4E\u1F4F\u1F58\u1F5A\u1F5C\u1F5E\u1F7E\u1F7F\u1FB5\u1FBD\u1FBF-\u1FC1\u1FC5\u1FCD-\u1FCF\u1FD4\u1FD5\u1FDC-\u1FDF\u1FED-\u1FF1\u1FF5\u1FFD-\u2070\u2072-\u207E\u2080-\u208F\u209D-\u2101\u2103-\u2106\u2108\u2109\u2114\u2116-\u2118\u211E-\u2123\u2125\u2127\u2129\u212E\u213A\u213B\u2140-\u2144\u214A-\u214D\u214F-\u2182\u2185-\u2BFF\u2CE5-\u2CEA\u2CEF-\u2CF1\u2CF4-\u2CFF\u2D26\u2D28-\u2D2C\u2D2E\u2D2F\u2D68-\u2D6E\u2D70-\u2D7F\u2D97-\u2D9F\u2DA7\u2DAF\u2DB7\u2DBF\u2DC7\u2DCF\u2DD7\u2DDF-\u2E2E\u2E30-\u3004\u3007-\u3030\u3036-\u303A\u303D-\u3040\u3097-\u309C\u30A0\u30FB\u3100-\u3104\u3130\u318F-\u319F\u31C0-\u31EF\u3200-\u33FF\u4DC0-\u4DFF\uA48D-\uA4CF\uA4FE\uA4FF\uA60D-\uA60F\uA620-\uA629\uA62C-\uA63F\uA66F-\uA67E\uA69E\uA69F\uA6E6-\uA716\uA720\uA721\uA789\uA78A\uA7CE\uA7CF\uA7D2\uA7D4\uA7DD-\uA7F1\uA802\uA806\uA80B\uA823-\uA83F\uA874-\uA881\uA8B4-\uA8F1\uA8F8-\uA8FA\uA8FC\uA8FF-\uA909\uA926-\uA92F\uA947-\uA95F\uA97D-\uA983\uA9B3-\uA9CE\uA9D0-\uA9DF\uA9E5\uA9F0-\uA9F9\uA9FF\uAA29-\uAA3F\uAA43\uAA4C-\uAA5F\uAA77-\uAA79\uAA7B-\uAA7D\uAAB0\uAAB2-\uAAB4\uAAB7\uAAB8\uAABE\uAABF\uAAC1\uAAC3-\uAADA\uAADE\uAADF\uAAEB-\uAAF1\uAAF5-\uAB00\uAB07\uAB08\uAB0F\uAB10\uAB17-\uAB1F\uAB27\uAB2F\uAB5B\uAB6A-\uAB6F\uABE3-\uABFF\uD7A4-\uD7AF\uD7C7-\uD7CA\uD7FC-\uD7FF\uE000-\uF8FF\uFA6E\uFA6F\uFADA-\uFAFF\uFB07-\uFB12\uFB18-\uFB1C\uFB1E\uFB29\uFB37\uFB3D\uFB3F\uFB42\uFB45\uFBB2-\uFBD2\uFD3E-\uFD4F\uFD90\uFD91\uFDC8-\uFDEF\uFDFC-\uFE6F\uFE75\uFEFD-\uFF20\uFF3B-\uFF40\uFF5B-\uFF65\uFFBF-\uFFC1\uFFC8\uFFC9\uFFD0\uFFD1\uFFD8\uFFD9\uFFDD-\uFFFF]|\uD800[\uDC0C\uDC27\uDC3B\uDC3E\uDC4E\uDC4F\uDC5E-\uDC7F\uDCFB-\uDE7F\uDE9D-\uDE9F\uDED1-\uDEFF\uDF20-\uDF2C\uDF41\uDF4A-\uDF4F\uDF76-\uDF7F\uDF9E\uDF9F\uDFC4-\uDFC7\uDFD0-\uDFFF]|\uD801[\uDC9E-\uDCAF\uDCD4-\uDCD7\uDCFC-\uDCFF\uDD28-\uDD2F\uDD64-\uDD6F\uDD7B\uDD8B\uDD93\uDD96\uDDA2\uDDB2\uDDBA\uDDBD-\uDDBF\uDDF4-\uDDFF\uDF37-\uDF3F\uDF56-\uDF5F\uDF68-\uDF7F\uDF86\uDFB1\uDFBB-\uDFFF]|\uD802[\uDC06\uDC07\uDC09\uDC36\uDC39-\uDC3B\uDC3D\uDC3E\uDC56-\uDC5F\uDC77-\uDC7F\uDC9F-\uDCDF\uDCF3\uDCF6-\uDCFF\uDD16-\uDD1F\uDD3A-\uDD7F\uDDB8-\uDDBD\uDDC0-\uDDFF\uDE01-\uDE0F\uDE14\uDE18\uDE36-\uDE5F\uDE7D-\uDE7F\uDE9D-\uDEBF\uDEC8\uDEE5-\uDEFF\uDF36-\uDF3F\uDF56-\uDF5F\uDF73-\uDF7F\uDF92-\uDFFF]|\uD803[\uDC49-\uDC7F\uDCB3-\uDCBF\uDCF3-\uDCFF\uDD24-\uDD49\uDD66-\uDD6E\uDD86-\uDE7F\uDEAA-\uDEAF\uDEB2-\uDEC1\uDEC5-\uDEFF\uDF1D-\uDF26\uDF28-\uDF2F\uDF46-\uDF6F\uDF82-\uDFAF\uDFC5-\uDFDF\uDFF7-\uDFFF]|\uD804[\uDC00-\uDC02\uDC38-\uDC70\uDC73\uDC74\uDC76-\uDC82\uDCB0-\uDCCF\uDCE9-\uDD02\uDD27-\uDD43\uDD45\uDD46\uDD48-\uDD4F\uDD73-\uDD75\uDD77-\uDD82\uDDB3-\uDDC0\uDDC5-\uDDD9\uDDDB\uDDDD-\uDDFF\uDE12\uDE2C-\uDE3E\uDE41-\uDE7F\uDE87\uDE89\uDE8E\uDE9E\uDEA9-\uDEAF\uDEDF-\uDF04\uDF0D\uDF0E\uDF11\uDF12\uDF29\uDF31\uDF34\uDF3A-\uDF3C\uDF3E-\uDF4F\uDF51-\uDF5C\uDF62-\uDF7F\uDF8A\uDF8C\uDF8D\uDF8F\uDFB6\uDFB8-\uDFD0\uDFD2\uDFD4-\uDFFF]|\uD805[\uDC35-\uDC46\uDC4B-\uDC5E\uDC62-\uDC7F\uDCB0-\uDCC3\uDCC6\uDCC8-\uDD7F\uDDAF-\uDDD7\uDDDC-\uDDFF\uDE30-\uDE43\uDE45-\uDE7F\uDEAB-\uDEB7\uDEB9-\uDEFF\uDF1B-\uDF3F\uDF47-\uDFFF]|\uD806[\uDC2C-\uDC9F\uDCE0-\uDCFE\uDD07\uDD08\uDD0A\uDD0B\uDD14\uDD17\uDD30-\uDD3E\uDD40\uDD42-\uDD9F\uDDA8\uDDA9\uDDD1-\uDDE0\uDDE2\uDDE4-\uDDFF\uDE01-\uDE0A\uDE33-\uDE39\uDE3B-\uDE4F\uDE51-\uDE5B\uDE8A-\uDE9C\uDE9E-\uDEAF\uDEF9-\uDFBF\uDFE1-\uDFFF]|\uD807[\uDC09\uDC2F-\uDC3F\uDC41-\uDC71\uDC90-\uDCFF\uDD07\uDD0A\uDD31-\uDD45\uDD47-\uDD5F\uDD66\uDD69\uDD8A-\uDD97\uDD99-\uDEDF\uDEF3-\uDF01\uDF03\uDF11\uDF34-\uDFAF\uDFB1-\uDFFF]|\uD808[\uDF9A-\uDFFF]|\uD809[\uDC00-\uDC7F\uDD44-\uDFFF]|[\uD80A\uD812-\uD817\uD819\uD824-\uD82A\uD82D\uD82E\uD830-\uD834\uD836\uD83C-\uD83F\uD87C\uD87D\uD87F\uD889-\uDBFF][\uDC00-\uDFFF]|\uD80B[\uDC00-\uDF8F\uDFF1-\uDFFF]|\uD80D[\uDC30-\uDC40\uDC47-\uDC5F]|\uD810[\uDFFB-\uDFFF]|\uD811[\uDE47-\uDFFF]|\uD818[\uDC00-\uDCFF\uDD1E-\uDFFF]|\uD81A[\uDE39-\uDE3F\uDE5F-\uDE6F\uDEBF-\uDECF\uDEEE-\uDEFF\uDF30-\uDF3F\uDF44-\uDF62\uDF78-\uDF7C\uDF90-\uDFFF]|\uD81B[\uDC00-\uDD3F\uDD6D-\uDE3F\uDE80-\uDEFF\uDF4B-\uDF4F\uDF51-\uDF92\uDFA0-\uDFDF\uDFE2\uDFE4-\uDFFF]|\uD821[\uDFF8-\uDFFF]|\uD823[\uDCD6-\uDCFE\uDD09-\uDFFF]|\uD82B[\uDC00-\uDFEF\uDFF4\uDFFC\uDFFF]|\uD82C[\uDD23-\uDD31\uDD33-\uDD4F\uDD53\uDD54\uDD56-\uDD63\uDD68-\uDD6F\uDEFC-\uDFFF]|\uD82F[\uDC6B-\uDC6F\uDC7D-\uDC7F\uDC89-\uDC8F\uDC9A-\uDFFF]|\uD835[\uDC55\uDC9D\uDCA0\uDCA1\uDCA3\uDCA4\uDCA7\uDCA8\uDCAD\uDCBA\uDCBC\uDCC4\uDD06\uDD0B\uDD0C\uDD15\uDD1D\uDD3A\uDD3F\uDD45\uDD47-\uDD49\uDD51\uDEA6\uDEA7\uDEC1\uDEDB\uDEFB\uDF15\uDF35\uDF4F\uDF6F\uDF89\uDFA9\uDFC3\uDFCC-\uDFFF]|\uD837[\uDC00-\uDEFF\uDF1F-\uDF24\uDF2B-\uDFFF]|\uD838[\uDC00-\uDC2F\uDC6E-\uDCFF\uDD2D-\uDD36\uDD3E-\uDD4D\uDD4F-\uDE8F\uDEAE-\uDEBF\uDEEC-\uDFFF]|\uD839[\uDC00-\uDCCF\uDCEC-\uDDCF\uDDEE\uDDEF\uDDF1-\uDFDF\uDFE7\uDFEC\uDFEF\uDFFF]|\uD83A[\uDCC5-\uDCFF\uDD44-\uDD4A\uDD4C-\uDFFF]|\uD83B[\uDC00-\uDDFF\uDE04\uDE20\uDE23\uDE25\uDE26\uDE28\uDE33\uDE38\uDE3A\uDE3C-\uDE41\uDE43-\uDE46\uDE48\uDE4A\uDE4C\uDE50\uDE53\uDE55\uDE56\uDE58\uDE5A\uDE5C\uDE5E\uDE60\uDE63\uDE65\uDE66\uDE6B\uDE73\uDE78\uDE7D\uDE7F\uDE8A\uDE9C-\uDEA0\uDEA4\uDEAA\uDEBC-\uDFFF]|\uD869[\uDEE0-\uDEFF]|\uD86D[\uDF3A-\uDF3F]|\uD86E[\uDC1E\uDC1F]|\uD873[\uDEA2-\uDEAF]|\uD87A[\uDFE1-\uDFEF]|\uD87B[\uDE5E-\uDFFF]|\uD87E[\uDE1E-\uDFFF]|\uD884[\uDF4B-\uDF4F]|\uD888[\uDFB0-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g, "");
+    if (cleanedText === "") {
+      return language === "ar";
+    }
+    var rtlRegex = /^[\u0591-\u07FF\uFB1D-\uFDFD\uFE70-\uFEFC]/;
+    return rtlRegex.test(cleanedText);
   }
 };
 var _default = exports["default"] = utils;

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.220",
+  "version": "0.3.0",
   "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,22 +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",
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
+    "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": {
@@ -56,31 +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",
-    "css-loader": "^3.6.0",
-    "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",
-    "mini-css-extract-plugin": "^0.8.2",
+    "eslint-plugin-storybook": "^0.12.0",
+    "gh-pages": "^6.3.0",
     "node-sass": "^8.0.0",
-    "optimize-css-assets-webpack-plugin": "^6.0.1",
     "postcss-cli": "^10.1.0",
-    "sass-loader": "^7.3.1",
-    "storybook-readme": "^4.0.5",
-    "terser-webpack-plugin": "^1.4.5",
-    "webpack": "^4.46.0",
-    "webpack-cli": "^3.3.12"
+    "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",
@@ -89,6 +96,12 @@
     "glob-parent": "5.1.2",
     "parse-url": "^8.1.0",
     "@jest/transform": "^29.3.1",
-    "semver": "^7.3.5"
+    "semver": "^7.3.5",
+    "chokidar": "^4.0.3",
+    "braces": "^3.0.3",
+    "html-loader": "^5.1.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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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 && Object.prototype.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(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(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); }
-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; }
-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(arr) { if (Array.isArray(arr)) return arr; }
-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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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 && Object.prototype.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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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 && Object.prototype.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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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"]]
-    }
-  }
-};

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

@@ -1,76 +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.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(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 && Object.prototype.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; }
-var TextInput = exports.TextInput = function TextInput() {
-  var onSubmit = function onSubmit(formData) {
-    var data = formData.data,
-      _formData$errors = formData.errors,
-      errors = _formData$errors === void 0 ? {} : _formData$errors;
-    if (Object.keys(errors).length) {
-      console.log("ERRORS FOUND : ");
-      console.log(errors);
-    } else {
-      console.log("Submitted data: ", data);
-    }
-  };
-  return /*#__PURE__*/_react["default"].createElement(_Form["default"], {
-    onSubmit: onSubmit
-  }, /*#__PURE__*/_react["default"].createElement(_Input["default"], {
-    type: "text",
-    name: "email",
-    label: "Name",
-    placeholder: "Enter your email",
-    appearance: "block",
-    validations: [{
-      type: "EMAIL",
-      message: "Please enter a valid email address"
-    }]
-  }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    appearance: _Button.ButtonAppearance.PRIMARY,
-    className: "full-width-btn"
-  }, "Submit"));
-};
-TextInput.story = {
-  parameters: {
-    info: {
-      propTables: [_Input["default"]]
-    }
-  }
-};
-var RefUsage = exports.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",
-    onClick: focusInput
-  }, "Focus input"), /*#__PURE__*/_react["default"].createElement(_Input["default"], {
-    ref: inputRef,
-    type: "text",
-    name: "email",
-    label: "Name",
-    placeholder: "Enter your email",
-    appearance: "block"
-  }));
-};
-var _default = exports["default"] = {
-  title: "Form|Text Input",
-  parameters: {
-    info: {
-      propTables: [TextInput]
-    }
-  }
-};