@3sc/common-component 0.0.1 → 0.0.3

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

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _styles = require("@mui/material/styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const BootstrapInput = (0, _styles.styled)(_material.InputBase)(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    "& .MuiInputBase-input": {
+      color: theme.palette.input.border,
+      borderRadius: 4,
+      position: "relative",
+      backgroundColor: theme.palette.background.paper,
+      border: "1px solid ".concat(theme.palette.input.border),
+      fontSize: ".9rem",
+      fontWeight: 500,
+      fontFamily: "Montserrat, sans-serif",
+      padding: "11px 26px 10px 12px",
+      transition: theme.transitions.create(["border-color", "box-shadow"])
+    }
+  };
+});
+const SelectField = _ref2 => {
+  let {
+    option,
+    value,
+    handleSelectChange
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_material.FormControl, {
+    sx: {
+      width: 120
+    }
+  }, /*#__PURE__*/_react.default.createElement(_material.Select, {
+    onChange: handleSelectChange,
+    value: value,
+    size: "small",
+    input: /*#__PURE__*/_react.default.createElement(BootstrapInput, null),
+    sx: {
+      "& .MuiSelected": {
+        color: "primary.main"
+      }
+    }
+  }, option.map((item, index) => /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
+    key: index,
+    value: item.value
+  }, item.label))));
+};
+var _default = exports.default = SelectField;

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/mui-provider.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
 var _theme = _interopRequireDefault(require("./theme"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -11,7 +12,7 @@ function MuiProvider(_ref) {
   let {
     children
   } = _ref;
-  return /*#__PURE__*/React.createElement(_material.ThemeProvider, {
+  return /*#__PURE__*/_react.default.createElement(_material.ThemeProvider, {
     theme: _theme.default
   }, children);
 }

package/dist/config/my-context.js

@@ -1,12 +1,18 @@
 "use strict";
 
 require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.weak-map.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TasksDispatchContext = exports.TasksContext = void 0;
 require("core-js/modules/web.dom-collections.iterator.js");
-var _react = require("react");
+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; }
 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; }
@@ -19,36 +25,40 @@ function MyContext(_ref) {
     children
   } = _ref;
   const [tasks, dispatch] = (0, _react.useReducer)(tasksReducer, initialTasks);
-  return /*#__PURE__*/React.createElement(TasksContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(TasksContext.Provider, {
     value: tasks
-  }, /*#__PURE__*/React.createElement(TasksDispatchContext.Provider, {
+  }, /*#__PURE__*/_react.default.createElement(TasksDispatchContext.Provider, {
     value: dispatch
   }, children));
 }
 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: 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,10 +3,88 @@
 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 => {
-  let data = localStorage.getItem(key);
-  if (!data) return null;
-  return JSON.parse(localStorage.getItem(data));
+  const value = localStorage.getItem(key);
+  if (value) {
+    return JSON.parse(value);
+  }
+  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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Notification = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _alert = _interopRequireDefault(require("../components/alert"));
 var _muiProvider = _interopRequireDefault(require("../config/mui-provider"));
 var _myContext = _interopRequireDefault(require("../config/my-context"));
@@ -14,7 +15,7 @@ const Notification = _ref => {
     buId,
     snopId
   } = _ref;
-  return /*#__PURE__*/React.createElement(_muiProvider.default, null, /*#__PURE__*/React.createElement(_myContext.default, null, /*#__PURE__*/React.createElement(_alert.default, {
+  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

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,18 +3,24 @@
 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 {
+  TENANT_IDS,
+  BU_IDS,
+  SNOP_IDS
+} = _LocalStorage.default;
 const getNotification = async _ref => {
   let {
     tenantId,
@@ -30,4 +36,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,35 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.OTHER_CONSTANT = exports.LOCAL_STORAGE_KEY = void 0;
+exports.optionRow = exports.detailsSearchKey = exports.detailsHeadObj = exports.OTHER_CONSTANT = exports.LOCAL_STORAGE_KEY = exports.HEADER_ICON_TYPE = void 0;
 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);

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,60 @@
-{
-  "name": "@3sc/common-component",
-  "version": "0.0.1",
-  "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.3",
+  "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"
+  }
+}