@3sc/common-component 0.0.2 → 0.0.4

package/dist/components/select-field/react-select.js

@@ -0,0 +1,31 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactSelect = _interopRequireDefault(require("react-select"));
+var _Constant = require("../../utils/Constant");
+const _excluded = ["option", "value", "handleSelectChange"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const ReactSelect = _ref => {
+  let {
+      option,
+      value,
+      handleSelectChange
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_reactSelect.default, _extends({}, otherProps, {
+    options: option,
+    value: value,
+    className: "custom-select-container",
+    onChange: handleSelectChange,
+    theme: _Constant.customSelectTheme
+  }));
+};
+var _default = exports.default = ReactSelect;

package/dist/components/sort-icon/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const SortIcon = _ref => {
+  let {
+    sortKey,
+    sortDir,
+    column
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, sortKey === column ? !sortDir ? /*#__PURE__*/_react.default.createElement("i", {
+    className: "fa fa-arrow-up",
+    "aria-hidden": "true"
+  }) : /*#__PURE__*/_react.default.createElement("i", {
+    className: "fa fa-arrow-down",
+    "aria-hidden": "true"
+  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("i", {
+    className: "fa fa-sort",
+    "aria-hidden": "true"
+  })));
+};
+var _default = exports.default = SortIcon;

package/dist/config/my-context.js

@@ -8,6 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.TasksDispatchContext = exports.TasksContext = void 0;
 require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
+var _ActionType = _interopRequireDefault(require("../utils/ActionType"));
+var _ErrorMsg = _interopRequireDefault(require("../utils/ErrorMsg"));
+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 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; }
@@ -31,27 +34,34 @@ function MyContext(_ref) {
 var _default = exports.default = MyContext;
 function tasksReducer(tasks, action) {
   switch (action.type) {
-    case "loading":
+    case _ActionType.default.LOADING:
       return _objectSpread(_objectSpread({}, tasks), {}, {
         loading: action.loading
       });
-    case "success":
+    case _ActionType.default.SUCCESS:
       {
         return _objectSpread(_objectSpread({}, tasks), {}, {
           data: action.data
         });
       }
-    case "error":
+    case _ActionType.default.MARK_ALL_AS_READ:
+      return _objectSpread(_objectSpread({}, tasks), {}, {
+        isMarkAllAsRead: action.isMarkAllAsRead
+      });
+    case _ActionType.default.ERROR:
       return _objectSpread(_objectSpread({}, tasks), {}, {
         error: action.error
       });
     default:
-      throw new Error("Unhandled action type: ".concat(action));
+      throw new Error("".concat(_ErrorMsg.default.UNHANDLED, ": ").concat(action));
   }
 }
 const initialTasks = {
   loading: false,
   data: [],
   error: "",
-  isMarkAllAsRead: true
+  isMarkAllAsRead: {
+    count: 0,
+    boo: false
+  }
 };

package/dist/config/theme.js

@@ -12,6 +12,10 @@ const theme = (0, _material.createTheme)({
     },
     secondary: {
       main: "#1D1D1B"
+    },
+    input: {
+      color: "rgba(0, 0, 0, 0.87)",
+      border: "#ACB2BA"
     }
   }
 });

package/dist/helper/common-fun.js

@@ -3,7 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getLocalStorage = void 0;
+exports.sortByKeyArr = exports.searchByKeyArr = exports.getLocalStorage = exports.fullFormatDate = exports.filterAlertData = exports.detectMarkAllAsRead = exports.dataSlice = exports.createPayloadMarkAllAsRead = void 0;
+require("core-js/modules/es.array.sort.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.string.trim.js");
 const getLocalStorage = key => {
   const value = localStorage.getItem(key);
   if (value) {
@@ -11,4 +15,76 @@ const getLocalStorage = key => {
   }
   return "";
 };
-exports.getLocalStorage = getLocalStorage;
+exports.getLocalStorage = getLocalStorage;
+const fullFormatDate = date => {
+  const currentDate = new Date(date);
+  const options = {
+    year: "numeric",
+    month: "long",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hour12: true
+  };
+  const formattedDate = currentDate.toLocaleString("en-US", options);
+  return formattedDate;
+};
+exports.fullFormatDate = fullFormatDate;
+const filterAlertData = data => {
+  const newData = data.sort((a, b) => {
+    if (a.isRead === b.isRead) {
+      return 0;
+    } else if (b.isRead) {
+      return -1;
+    } else {
+      return 1;
+    }
+  }).slice(0, 9);
+  return newData;
+};
+exports.filterAlertData = filterAlertData;
+const detectMarkAllAsRead = data => {
+  let count = 0;
+  for (let i = 0; i < data.length; i++) {
+    if (!data[i].isRead) count++;
+    ;
+  }
+  return count;
+};
+exports.detectMarkAllAsRead = detectMarkAllAsRead;
+const createPayloadMarkAllAsRead = data => {
+  const payload = [];
+  data.forEach(item => {
+    if (!item.isRead) {
+      payload.push(item.id);
+    }
+  });
+  return payload;
+};
+exports.createPayloadMarkAllAsRead = createPayloadMarkAllAsRead;
+const searchByKeyArr = (data, keyArr, value) => {
+  const newData = data.filter(item => {
+    return keyArr.some(key => {
+      return item[key].toLowerCase().includes(value.trim().toLowerCase());
+    });
+  });
+  return newData;
+};
+exports.searchByKeyArr = searchByKeyArr;
+const sortByKeyArr = (data, key, order) => {
+  const newData = data.sort((a, b) => {
+    if (order === "asc") {
+      return a[key].toLowerCase().localeCompare(b[key].toLowerCase());
+    } else {
+      return b[key].toLowerCase().localeCompare(a[key].toLowerCase());
+    }
+  });
+  return newData;
+};
+exports.sortByKeyArr = sortByKeyArr;
+const dataSlice = (data, page, rowPerPage) => {
+  const newData = data.slice((page - 1) * rowPerPage, page * rowPerPage);
+  return newData;
+};
+exports.dataSlice = dataSlice;

package/dist/modules/notification.js

@@ -9,16 +9,7 @@ var _alert = _interopRequireDefault(require("../components/alert"));
 var _muiProvider = _interopRequireDefault(require("../config/mui-provider"));
 var _myContext = _interopRequireDefault(require("../config/my-context"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const Notification = _ref => {
-  let {
-    tenantId,
-    buId,
-    snopId
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_muiProvider.default, null, /*#__PURE__*/_react.default.createElement(_myContext.default, null, /*#__PURE__*/_react.default.createElement(_alert.default, {
-    tenantId: tenantId,
-    buId: buId,
-    snopId: snopId
-  })));
+const Notification = () => {
+  return /*#__PURE__*/_react.default.createElement(_muiProvider.default, null, /*#__PURE__*/_react.default.createElement(_myContext.default, null, /*#__PURE__*/_react.default.createElement(_alert.default, null)));
 };
 exports.Notification = Notification;

package/dist/sass/_colors.scss

@@ -1,2 +1,7 @@
 $primary-color: #E94F1C;
-$secondary-color: #1D1D1B;
+$secondary-color: #1D1D1B;
+$light-grey: #ACB2BA;
+$table-header: #efefef;
+$table-td-color: #212529;
+
+// other variables

package/dist/sass/_typography.scss

@@ -1 +1 @@
-$fontFamily: "Montserrat";
+$fontFamily: Montserrat, sans-serif;

package/dist/services/notification.js

@@ -3,26 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getNotification = void 0;
+exports.putNotification = exports.getNotification = void 0;
 require("core-js/modules/es.promise.js");
 var _axios = _interopRequireDefault(require("../config/axios"));
 var _Constant = require("../utils/Constant");
 var _EndPoint = _interopRequireDefault(require("../utils/EndPoint"));
 var _Env = _interopRequireDefault(require("../utils/Env"));
+var _LocalStorage = _interopRequireDefault(require("../utils/LocalStorage"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const {
   TENANT_ID,
   BU_ID,
   SNOP_ID
 } = _Constant.OTHER_CONSTANT;
-const getNotification = async _ref => {
-  let {
-    tenantId,
-    buId,
-    snopId
-  } = _ref;
+const {
+  TENANT_IDS,
+  BU_IDS,
+  SNOP_IDS
+} = _LocalStorage.default;
+const getNotification = async () => {
   try {
-    const url = "".concat(_EndPoint.default.NOTIFICATION).concat(_Env.default.VERSION, "?").concat(TENANT_ID, "=").concat(tenantId, "&").concat(BU_ID, "=").concat(buId, "&").concat(SNOP_ID, "=").concat(snopId);
+    const url = "".concat(_EndPoint.default.NOTIFICATION).concat(_Env.default.VERSION, "?").concat(TENANT_ID, "=").concat(TENANT_IDS, "&").concat(BU_ID, "=").concat(BU_IDS, "&").concat(SNOP_ID, "=").concat(SNOP_IDS);
     const response = await _axios.default.get(url);
     return response;
   } catch (e) {
@@ -30,4 +31,15 @@ const getNotification = async _ref => {
     return e;
   }
 };
-exports.getNotification = getNotification;
+exports.getNotification = getNotification;
+const putNotification = async payload => {
+  try {
+    const url = "".concat(_EndPoint.default.NOTIFICATION).concat(_Env.default.VERSION, "?").concat(TENANT_ID, "=").concat(TENANT_IDS, "&").concat(BU_ID, "=").concat(BU_IDS, "&").concat(SNOP_ID, "=").concat(SNOP_IDS);
+    const response = await _axios.default.put(url, payload);
+    return response;
+  } catch (e) {
+    // do something
+    return e;
+  }
+};
+exports.putNotification = putNotification;

package/dist/utils/ActionType.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const ACTION_TYPE = {
+  LOADING: "LOADING",
+  SUCCESS: "SUCCESS",
+  ERROR: "ERROR",
+  MARK_ALL_AS_READ: "MARK_ALL_AS_READ"
+};
+var _default = exports.default = ACTION_TYPE;

package/dist/utils/Constant.js

@@ -3,13 +3,52 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.OTHER_CONSTANT = exports.LOCAL_STORAGE_KEY = void 0;
+exports.optionRow = exports.detailsSearchKey = exports.detailsHeadObj = exports.customSelectTheme = exports.alertSearchKey = exports.OTHER_CONSTANT = exports.LOCAL_STORAGE_KEY = exports.HEADER_ICON_TYPE = void 0;
+require("core-js/modules/es.symbol.description.js");
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(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); }
 const LOCAL_STORAGE_KEY = exports.LOCAL_STORAGE_KEY = {
-  TOKEN: "token"
+  TOKEN: "token",
+  USER: "user",
+  SNOP: "snop"
 };
 const OTHER_CONSTANT = exports.OTHER_CONSTANT = {
   BEARER: "Bearer",
   TENANT_ID: "tenant_id",
   BU_ID: "bu_id",
   SNOP_ID: "snop_id"
-};
+};
+const HEADER_ICON_TYPE = exports.HEADER_ICON_TYPE = {
+  REFRESH: "refresh",
+  CLOSE: "close"
+};
+const optionRow = exports.optionRow = [{
+  label: "Show 10 Rows",
+  value: 10
+}, {
+  label: "Show 20 Rows",
+  value: 20
+}, {
+  label: "Show 30 Rows",
+  value: 30
+}];
+const detailsHeadObj = exports.detailsHeadObj = {
+  "SKU Name": "sku_name",
+  Node: "node",
+  "Channel Name": "channel_name"
+};
+const detailsSearchKey = exports.detailsSearchKey = Object.values(detailsHeadObj);
+const alertSearchKey = exports.alertSearchKey = ["message", "sub_type"];
+const customSelectTheme = theme => {
+  return _objectSpread(_objectSpread({}, theme), {}, {
+    borderRadius: 2,
+    colors: _objectSpread(_objectSpread({}, theme.colors), {}, {
+      primary25: "#F2F2F2",
+      primary: "#E94F1C"
+    })
+  });
+};
+exports.customSelectTheme = customSelectTheme;

package/dist/utils/ErrorMsg.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const ERROR_MSG = {
+  SWR: "Something went wrong!",
+  UNHANDLED: "Unhandled action type: ",
+  INVALID: "Invalid action type: ",
+  INVALID_ACTION: "Invalid action type: ",
+  NRF: "Not record found!"
+};
+var _default = exports.default = ERROR_MSG;

package/dist/utils/LocalStorage.js

@@ -6,7 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _commonFun = require("../helper/common-fun");
 var _Constant = require("./Constant");
+const user = (0, _commonFun.getLocalStorage)(_Constant.LOCAL_STORAGE_KEY.USER);
+const snop = (0, _commonFun.getLocalStorage)(_Constant.LOCAL_STORAGE_KEY.SNOP);
 const LOCAL_STORAGE = {
-  TOKEN: (0, _commonFun.getLocalStorage)(_Constant.LOCAL_STORAGE_KEY.TOKEN)
+  TOKEN: (0, _commonFun.getLocalStorage)(_Constant.LOCAL_STORAGE_KEY.TOKEN),
+  BU_IDS: user === null || user === void 0 ? void 0 : user.business_unit_id,
+  TENANT_IDS: user === null || user === void 0 ? void 0 : user.tenant_id,
+  SNOP_IDS: snop === null || snop === void 0 ? void 0 : snop.snop_id
 };
 var _default = exports.default = LOCAL_STORAGE;

package/package.json

@@ -1,60 +1,63 @@
-{
-  "name": "@3sc/common-component",
-  "version": "0.0.2",
-  "keywords": [
-    "react",
-    "components",
-    "ui"
-  ],
-  "main": "dist/modules",
-  "module": "dist/modules",
-  "files": [
-    "dist",
-    "README.md"
-  ],
-  "dependencies": {
-    "@emotion/react": "^11.11.3",
-    "@emotion/styled": "^11.11.0",
-    "@mui/icons-material": "^5.14.5",
-    "@mui/material": "^5.15.5",
-    "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^13.5.0",
-    "axios": "^1.6.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-scripts": "5.0.1",
-    "sass": "^1.69.7",
-    "web-vitals": "^2.1.4"
-  },
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "babel src --out-dir dist --copy-files",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.23.4",
-    "@babel/core": "^7.23.7",
-    "@babel/preset-env": "^7.23.8",
-    "babel-plugin-inline-dotenv": "^1.7.0"
-  }
-}
+{
+  "name": "@3sc/common-component",
+  "version": "0.0.4",
+  "keywords": [
+    "react",
+    "components",
+    "ui"
+  ],
+  "main": "dist/modules",
+  "module": "dist/modules",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "dependencies": {
+    "@emotion/react": "^11.11.3",
+    "@emotion/styled": "^11.11.0",
+    "@mui/icons-material": "^5.14.5",
+    "@mui/material": "^5.15.5",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "axios": "^1.6.5",
+    "i": "^0.3.7",
+    "npm": "^10.3.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "5.0.1",
+    "react-select": "^5.8.0",
+    "sass": "^1.69.7",
+    "web-vitals": "^2.1.4"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "babel src --out-dir dist --copy-files",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.23.4",
+    "@babel/core": "^7.23.7",
+    "@babel/preset-env": "^7.23.8",
+    "babel-plugin-inline-dotenv": "^1.7.0"
+  }
+}