@unbxd-ui/unbxd-react-components 0.2.108 → 0.2.109

package/components/Form/Checkbox.js

@@ -13,7 +13,6 @@ var _excluded = ["label", "name", "className", "value", "defaultValue", "appeara
 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; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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; }
@@ -63,9 +62,7 @@ var Checkbox = function Checkbox(props) {
   return /*#__PURE__*/_react["default"].createElement(_FormElementWrapper["default"], {
     className: className,
     appearance: appearance
-  }, /*#__PURE__*/_react["default"].createElement("input", _extends({}, inputProps, {
-    "data-hj-allow": true
-  })), /*#__PURE__*/_react["default"].createElement("label", {
+  }, /*#__PURE__*/_react["default"].createElement("input", inputProps), /*#__PURE__*/_react["default"].createElement("label", {
     className: "RCB-form-el-label",
     htmlFor: name
   }, label));

package/components/Form/Dropdown.js

@@ -325,8 +325,7 @@ var Dropdown = function Dropdown(props, ref) {
     className: "RCB-dd-search-ip",
     placeholder: searchPlaceholder,
     onChange: onSearchChange,
-    ref: searchIpRef,
-    "data-hj-allow": true
+    ref: searchIpRef
   })), paginationType === "SERVER" ? /*#__PURE__*/_react["default"].createElement(_ServerPaginatedDDList["default"], _extends({}, commonAttributes, serverListAttrs, restProps)) : /*#__PURE__*/_react["default"].createElement(NormalList, _extends({}, commonAttributes, restProps, {
     items: getFilteredOptions(options, searchQuery, nameAttribute)
   })), showCreateCTA && /*#__PURE__*/_react["default"].createElement("div", {

package/components/Form/RadioList.js

@@ -75,9 +75,7 @@ var RadioList = function RadioList(props) {
     }, /*#__PURE__*/_react["default"].createElement("input", _extends({}, inputProps, {
       id: id,
       value: id
-    }, additionalProps, {
-      "data-hj-allow": true
-    })), /*#__PURE__*/_react["default"].createElement("label", {
+    }, additionalProps)), /*#__PURE__*/_react["default"].createElement("label", {
       className: "RCB-radio-label",
       htmlFor: id
     }, name));

package/components/Form/RangeSlider.js

@@ -101,8 +101,7 @@ var RangeSlider = function RangeSlider(props) {
     style: bubbleStyle
   }, /*#__PURE__*/_react["default"].createElement("span", null, val)), /*#__PURE__*/_react["default"].createElement("input", _extends({}, inputProps, {
     style: inputStyle,
-    disabled: disabled,
-    "data-hj-allow": true
+    disabled: disabled
   }))));
 };
 RangeSlider.propTypes = {

package/components/Form/ServerPaginatedDDList.js

@@ -11,7 +11,7 @@ var _reactWindow = require("react-window");
 var _reactWindowInfiniteLoader = _interopRequireDefault(require("react-window-infinite-loader"));
 var _dataLoader = _interopRequireDefault(require("../../core/dataLoader"));
 var _utils = _interopRequireDefault(require("../../core/utils"));
-var _excluded = ["selectedItems", "selectItem", "idAttribute", "nameAttribute", "DropdownItem", "requestId", "requestParams", "responseFormatter", "pageNoKey", "perPageKey", "pageSize", "maxHeight", "searchAttribute", "searchQuery", "getUrlParams", "serverListClassName", "ddItemHeight", "minPageNo", "delay", "loadImmediately", "showClippedContentTitle"];
+var _excluded = ["selectedItems", "selectItem", "idAttribute", "nameAttribute", "DropdownItem", "requestId", "requestParams", "responseFormatter", "pageNoKey", "perPageKey", "pageSize", "maxHeight", "searchAttribute", "searchQuery", "getUrlParams", "serverListClassName", "ddItemHeight", "minPageNo", "delay", "loadImmediately", "showClippedContentTitle", "abortPrevious"];
 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; }
@@ -94,6 +94,8 @@ var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
     _props$loadImmediatel = props.loadImmediately,
     loadImmediately = _props$loadImmediatel === void 0 ? true : _props$loadImmediatel,
     showClippedContentTitle = props.showClippedContentTitle,
+    _props$abortPrevious = props.abortPrevious,
+    abortPrevious = _props$abortPrevious === void 0 ? false : _props$abortPrevious,
     restProps = _objectWithoutProperties(props, _excluded);
   var _useState = (0, _react.useState)([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -121,7 +123,10 @@ var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
   };
   var pageNoRef = (0, _react.useRef)(getDefaultPageNo());
   var searchRef = (0, _react.useRef)(searchQuery);
+  var apiCallRef = (0, _react.useRef)(false);
+  var abortController = (0, _react.useRef)(null);
   var onDataLoaded = function onDataLoaded(response) {
+    apiCallRef.current = false;
     var apiResponse = response;
     setIsNextPageLoading(false);
     if (!loadImmediately && searchRef.current === "") {
@@ -150,11 +155,14 @@ var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
   };
   var makeAPICall = function makeAPICall() {
     var _objectSpread2;
+    apiCallRef.current = true;
+    abortController.current = new AbortController();
     setIsNextPageLoading(true);
     var def = _dataLoader["default"].getRequestDef({
       requestId: requestId,
       params: _objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, pageNoKey, pageNoRef.current), _defineProperty(_objectSpread2, perPageKey, pageSize), _objectSpread2), searchRef.current && _defineProperty({}, searchAttribute, searchRef.current)), requestParams),
-      urlParams: getUrlParams()
+      urlParams: getUrlParams(),
+      signal: abortController.current.signal
     });
     def.done(onDataLoaded);
     return def;
@@ -165,11 +173,17 @@ var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
    */
   var loadNextPage = function loadNextPage() {
     pageNoRef.current = pageNoRef.current + 1;
+    if (abortPrevious && apiCallRef.current) {
+      abortController.current.abort();
+    }
     return makeAPICall();
   };
   (0, _react.useEffect)(function () {
     /* not the first call */
     if (itemsResetCounter > 0) {
+      if (abortPrevious && apiCallRef.current) {
+        abortController.current.abort();
+      }
       makeAPICall();
     }
   }, [itemsResetCounter]);

package/core/dataLoader.js

@@ -109,7 +109,8 @@ var DataLoader = /*#__PURE__*/function () {
         _ref$params = _ref.params,
         params = _ref$params === void 0 ? {} : _ref$params,
         _ref$headers = _ref.headers,
-        headers = _ref$headers === void 0 ? {} : _ref$headers;
+        headers = _ref$headers === void 0 ? {} : _ref$headers,
+        signal = _ref.signal;
       var requestConfig = this._requestsMap[requestId];
       var url = requestConfig.url,
         _requestConfig$method = requestConfig.method,
@@ -119,7 +120,8 @@ var DataLoader = /*#__PURE__*/function () {
       var reqMethod = method.toLowerCase();
       var requestMetadata = {
         method: reqMethod === "form_post" || reqMethod === "upload" ? "post" : method,
-        headers: _objectSpread(_objectSpread({}, this._commonHeaders), headers)
+        headers: _objectSpread(_objectSpread({}, this._commonHeaders), headers),
+        signal: signal
       };
       var requestHeaders = requestMetadata.headers;
       for (var header in requestHeaders) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unbxd-ui/unbxd-react-components",
-  "version": "0.2.108",
+  "version": "0.2.109",
   "description": "React components library",
   "keywords": [
     "react components",
@@ -32,8 +32,7 @@
     "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",
-    "publish": "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": "npm run publish-css && npm run build && npm run copypackage && npm run copyscss && cd lib && npm publish"
   },
   "dependencies": {
     "@storybook/addon-a11y": "^7.0.25",