@banch0u/core-project-test-repository 1.0.30 → 1.2.1

package/README.md

@@ -0,0 +1,91 @@
+# 📦 @banch0u/core-project-test-repository – Development & Deployment Guide
+
+## ✨ Live Development Setup
+
+To develop and test changes in the core package **live** within another project (e.g., `docflow, hr, contract, account and etc.`):
+
+---
+
+### 💠 Step 1: Start the Core Package in Watch Mode
+
+This will watch your `src/` directory for changes, rebuild the `dist/` folder, and automatically push updates to `.yalc`.
+
+```bash
+npm run dev
+```
+
+---
+
+### 💠 Step 2: In Your Main Project (Consumer App)
+
+#### ✅ a. Add the Core Package via Yalc
+
+```bash
+yalc add @banch0u/core-project-test-repository
+```
+
+This will copy the current `dist/` into your project’s `.yalc` folder and update your `package.json`.
+
+#### 🔗 b. Link the Core Package
+
+```bash
+yalc link @banch0u/core-project-test-repository
+```
+
+This creates a symlink to the core package. Now, all changes from the `npm run dev` watcher will reflect in your main app automatically when running the dev server (`npm start`).
+
+---
+
+### ⚠️ Important Notes
+
+- Your `package.json` will temporarily contain this line:
+
+  ```json
+  "@banch0u/core-project-test-repository": "file:.yalc/@banch0u/core-project-test-repository"
+  ```
+
+- **This file path will break production builds or CI/CD pipelines.**
+
+#### ✅ Before Deploying or Committing:
+
+Replace the local Yalc reference with the actual npm package:
+
+```bash
+npm install @banch0u/core-project-test-repository@latest
+```
+
+---
+
+## 📦 Publishing to NPM
+
+### 1. Build the Package
+
+```bash
+npm run build
+```
+
+This will transpile your `src/` folder into the `dist/` folder.
+
+### 2. Bump Version
+
+Use `npm version` to update the package version according to the type of change:
+
+- **Patch** (small fix): `npm version patch` → `1.0.0 → 1.0.1`
+- **Minor** (new feature, backward compatible): `npm version minor` → `1.0.0 → 1.1.0`
+- **Major** (breaking changes): `npm version major` → `1.0.0 → 2.0.0`
+
+### 3. Publish to NPM
+
+```bash
+npm publish
+```
+
+Your changes will now be available on the npm registry. Consumers can install the latest version via:
+
+```bash
+npm install @banch0u/core-project-test-repository@latest
+```
+
+---
+
+Happy coding 💻🚀

package/dist/assets/icons/index.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SortIcon = exports.FilterIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var SortIcon = exports.SortIcon = function SortIcon() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "22",
+    height: "22",
+    viewBox: "0 0 22 22",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M2.75 6.41663H19.25",
+    stroke: "#016DAF",
+    strokeWidth: "1.375",
+    strokeLinecap: "round"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M5.5 11H16.5",
+    stroke: "#016DAF",
+    strokeWidth: "1.375",
+    strokeLinecap: "round"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M9.16675 15.5834H12.8334",
+    stroke: "#016DAF",
+    strokeWidth: "1.375",
+    strokeLinecap: "round"
+  }));
+};
+var FilterIcon = exports.FilterIcon = function FilterIcon() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M3.34985 2H12.2499C12.9899 2 13.5999 2.61001 13.5999 3.35001V4.82999C13.5999 5.36999 13.2599 6.04 12.9299 6.38L10.0299 8.94C9.62991 9.28 9.35986 9.94999 9.35986 10.49V13.39C9.35986 13.79 9.08988 14.33 8.74988 14.54L7.80987 15.15C6.92987 15.69 5.71985 15.08 5.71985 14V10.43C5.71985 9.95999 5.44987 9.35001 5.17987 9.01001L2.61987 6.31C2.27987 5.97 2.00989 5.36999 2.00989 4.95999V3.41C1.99989 2.61 2.60985 2 3.34985 2Z",
+    stroke: "#016DAF",
+    strokeWidth: "1.5",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M2 12V15C2 20 4 22 9 22H15C20 22 22 20 22 15V9C22 5.88 21.22 3.91999 19.41 2.89999C18.9 2.60999 17.88 2.38999 16.95 2.23999",
+    stroke: "#016DAF",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M13 13H18",
+    stroke: "#016DAF",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M11 17H18",
+    stroke: "#016DAF",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};

package/dist/components/Button/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
+var Button = function Button(_ref) {
+  var children = _ref.children,
+    onClick = _ref.onClick,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "blue" : _ref$color,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    type = _ref.type;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, color === "blue" ? /*#__PURE__*/_react["default"].createElement("button", {
+    disabled: disabled,
+    type: type,
+    className: _indexModule["default"].button,
+    onClick: onClick
+  }, children) : null, color === "white" ? /*#__PURE__*/_react["default"].createElement("button", {
+    disabled: disabled,
+    type: type,
+    className: _indexModule["default"].button_white,
+    onClick: onClick
+  }, children) : null, color === "green" ? /*#__PURE__*/_react["default"].createElement("button", {
+    disabled: disabled,
+    type: type,
+    className: _indexModule["default"].button_green,
+    onClick: onClick
+  }, children) : null, color === "green-white" ? /*#__PURE__*/_react["default"].createElement("button", {
+    disabled: disabled,
+    type: type,
+    className: _indexModule["default"].button_green_white,
+    onClick: onClick
+  }, children) : null, color === "red" ? /*#__PURE__*/_react["default"].createElement("button", {
+    disabled: disabled,
+    type: type,
+    className: _indexModule["default"].button_red,
+    onClick: onClick
+  }, children) : null);
+};
+var _default = exports["default"] = Button;

package/dist/components/ColSort/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
+var _icons = require("../../assets/icons");
+var _Button = _interopRequireDefault(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; }
+var ColSort = function ColSort(_ref) {
+  var columns = _ref.columns,
+    selectedColumns = _ref.selectedColumns,
+    handleColumnToggle = _ref.handleColumnToggle;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var handleVisibleChange = function handleVisibleChange(isVisible) {
+    setVisible(isVisible);
+  };
+  var menu = /*#__PURE__*/_react["default"].createElement(_antd.Menu, {
+    className: _indexModule["default"].menu
+  }, columns.filter(function (col) {
+    return col.dataIndex !== "filterOnly";
+  }) // Exclude columns with dataIndex === "filterOnly"
+  .map(function (col) {
+    return col.showCheckbox !== false && /*#__PURE__*/_react["default"].createElement(_antd.Menu.Item, {
+      key: col.title
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: _indexModule["default"].menu_item
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Checkbox, {
+      disabled: col.disabled,
+      checked: selectedColumns.includes(col.dataIndex),
+      onChange: function onChange(e) {
+        return handleColumnToggle(e.target.checked, col.dataIndex);
+      }
+    }), /*#__PURE__*/_react["default"].createElement("span", null, col.title)));
+  }));
+  return /*#__PURE__*/_react["default"].createElement(_antd.Dropdown, {
+    overlay: menu,
+    trigger: ["click"],
+    visible: visible,
+    onVisibleChange: handleVisibleChange
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    color: "white"
+  }, /*#__PURE__*/_react["default"].createElement(_icons.SortIcon, null)));
+};
+var _default = exports["default"] = ColSort;

package/dist/components/Filter/index.js

@@ -0,0 +1,185 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
+var _Button = _interopRequireDefault(require("../Button"));
+var _icons = require("../../assets/icons");
+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 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) { (0, _defineProperty2["default"])(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; }
+var Option = _antd.Select.Option;
+var RangePicker = _antd.DatePicker.RangePicker;
+var Filter = function Filter(_ref) {
+  var columns = _ref.columns,
+    selectedColumns = _ref.selectedColumns,
+    setQuery = _ref.setQuery,
+    disabledElementCount = _ref.disabledElementCount,
+    setPage = _ref.setPage,
+    setSelectedTopic = _ref.setSelectedTopic;
+  var _Form$useForm = _antd.Form.useForm(),
+    _Form$useForm2 = (0, _slicedToArray2["default"])(_Form$useForm, 1),
+    filterForm = _Form$useForm2[0];
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var handleOpenChange = function handleOpenChange(isOpen) {
+    setVisible(isOpen);
+  };
+  var formatDate = function formatDate(day, month, year) {
+    var formattedDay = String(day).padStart(2, "0");
+    var formattedMonth = String(month).padStart(2, "0");
+    return "".concat(formattedDay, ".").concat(formattedMonth, ".").concat(year);
+  };
+  var handleFinish = function handleFinish(values) {
+    var formattedValues = _objectSpread({}, values);
+    Object.keys(values).forEach(function (key) {
+      if (Array.isArray(values[key]) && values[key].length === 2) {
+        var _values$key = (0, _slicedToArray2["default"])(values[key], 2),
+          start = _values$key[0],
+          end = _values$key[1];
+        if (start && end) {
+          var formattedStart = formatDate(start.date(), start.month() + 1, start.year());
+          var formattedEnd = formatDate(end.date(), end.month() + 1, end.year());
+          formattedValues[key] = "".concat(formattedStart, " - ").concat(formattedEnd);
+        }
+      }
+    });
+    setQuery(formattedValues);
+    setVisible(false);
+  };
+
+  // Filter the columns based on selectedColumns, filterDisable, and filter status
+  var filteredColumns = columns.filter(function (col) {
+    return selectedColumns.includes(col.dataIndex) && col.filter !== false && col.filterDisable !== true || col.dataIndex === "filterOnly";
+  } // Always include "filterOnly" columns in the filter
+  );
+  var getGrid = function getGrid() {
+    var elementCount = selectedColumns.length - disabledElementCount;
+    if (elementCount >= 5) return _indexModule["default"].grid5;
+    if (elementCount === 4) return _indexModule["default"].grid4;
+    if (elementCount === 3) return _indexModule["default"].grid3;
+    if (elementCount === 2) return _indexModule["default"].grid2;
+    if (elementCount === 1) return _indexModule["default"].grid1;
+  };
+  var menu = /*#__PURE__*/_react["default"].createElement(_antd.Menu, {
+    className: _indexModule["default"].menu
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "filter"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Form, {
+    onFinish: handleFinish,
+    form: filterForm,
+    layout: "vertical",
+    className: "".concat(_indexModule["default"].form, " ").concat(getGrid())
+  }, [].concat((0, _toConsumableArray2["default"])(filteredColumns.filter(function (col) {
+    return !col.isDouble;
+  })), (0, _toConsumableArray2["default"])(filteredColumns.filter(function (col) {
+    return col.isDouble;
+  }))).map(function (col) {
+    if (col.showCheckbox === false) {
+      return null;
+    }
+    var gridSpanClass = col.isDouble ? _indexModule["default"].doubleGrid : _indexModule["default"].singleGrid;
+    if (col.type === "select") {
+      return /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+        key: col.dataIndex,
+        label: col.title,
+        name: col.queryName ? col.queryName : col.dataIndex,
+        className: gridSpanClass // Dynamically apply grid class
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+        showSearch: col.isDouble // Enable search for double items
+        ,
+        onChange: function onChange(value) {
+          if (col.dataIndex === "topic") {
+            setSelectedTopic(value);
+          }
+        },
+        filterOption: function filterOption(input, option) {
+          if (!option || !option.children) return false; // Ensure option and children exist
+
+          var optionText = String(option.children); // Convert to string if needed
+          var normalizedInput = input.toLowerCase(); // Normalize input to lowercase
+          var normalizedOption = optionText.replace(/İ/g, "I").toLowerCase(); // Normalize option text
+
+          return normalizedOption.includes(normalizedInput);
+        }
+      }, /*#__PURE__*/_react["default"].createElement(Option, {
+        value: ""
+      }), ((col === null || col === void 0 ? void 0 : col.selectData) || []).map(function (option, i) {
+        var isIdArray = Array.isArray(option.id);
+        return /*#__PURE__*/_react["default"].createElement(Option, {
+          key: i,
+          value: isIdArray ? JSON.stringify(option.id) // Convert array to string
+          : option.id // Use ID directly
+        }, option.name, " ", option.surname, " ", option.text);
+      })));
+    }
+    if (col.type === "date") {
+      return /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+        key: col.dataIndex,
+        label: col.title,
+        name: col.queryName ? col.queryName : col.dataIndex,
+        className: gridSpanClass // Dynamically apply grid class
+      }, /*#__PURE__*/_react["default"].createElement(RangePicker, {
+        format: "DD.MM.YYYY",
+        placeholder: ""
+      }));
+    }
+    if (col.type === "recursive") {
+      return /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+        key: col.dataIndex,
+        label: col.title,
+        name: col.queryName ? col.queryName : col.dataIndex,
+        className: gridSpanClass // Dynamically apply grid class
+      }, /*#__PURE__*/_react["default"].createElement(_antd.TreeSelect
+      // style={{ width: "230px", marginTop: "5px" }}
+      , {
+        showSearch: true,
+        popupMatchSelectWidth: false,
+        allowClear: true,
+        treeDefaultExpandAll: true,
+        treeData: col.selectData
+      }));
+    }
+    return /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+      key: col.dataIndex,
+      label: col.title,
+      name: col.queryName ? col.queryName : col.dataIndex,
+      className: gridSpanClass // Dynamically apply grid class
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Input, null));
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: _indexModule["default"].buttons
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: function onClick() {
+      return filterForm.resetFields();
+    },
+    color: "white"
+  }, "T\u0259mizl\u0259"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: function onClick() {
+      setPage(1);
+      filterForm.submit();
+      setVisible(false);
+    }
+  }, "Axtar"))));
+  return /*#__PURE__*/_react["default"].createElement(_antd.Dropdown, {
+    overlay: menu,
+    trigger: ["click"],
+    open: visible // Updated to use open
+    ,
+    onOpenChange: handleOpenChange // Updated to use onOpenChange
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    color: "white"
+  }, /*#__PURE__*/_react["default"].createElement(_icons.FilterIcon, null), " Filter menyu"));
+};
+var _default = exports["default"] = Filter;

package/dist/components/Loading/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
+var _antd = require("antd");
+var Loading = function Loading() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _indexModule["default"].overlay
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: _indexModule["default"].spinner
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Spin, {
+    size: "large"
+  })));
+};
+var _default = exports["default"] = Loading;

package/dist/components/Pagination/Select.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _constant = require("./constant");
+var Option = _antd.Select.Option;
+var Select = function Select(_ref) {
+  var setSize = _ref.setSize,
+    size = _ref.size;
+  var handleChange = function handleChange(value) {
+    setSize(value);
+  };
+  return /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+    onChange: handleChange,
+    defaultValue: size,
+    style: {
+      width: 60,
+      marginTop: "10px",
+      marginLeft: "10px"
+    }
+  }, _constant.counts.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement(Option, {
+      key: item.id,
+      value: item.value
+    }, item.value);
+  }));
+};
+var _default = exports["default"] = Select;

package/dist/components/Pagination/constant.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.counts = void 0;
+var counts = exports.counts = [{
+  id: 1,
+  value: "10"
+}, {
+  id: 2,
+  value: "20"
+}, {
+  id: 3,
+  value: "30"
+}, {
+  id: 4,
+  value: "40"
+}, {
+  id: 5,
+  value: "50"
+}];

package/dist/components/Pagination/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _PaginationModule = _interopRequireDefault(require("./Pagination.module.scss"));
+var _Select = _interopRequireDefault(require("./Select"));
+var Pagination = function Pagination(_ref) {
+  var onChange = _ref.onChange,
+    _ref$page = _ref.page,
+    page = _ref$page === void 0 ? 1 : _ref$page,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 10 : _ref$size,
+    _ref$total = _ref.total,
+    total = _ref$total === void 0 ? 0 : _ref$total,
+    setSize = _ref.setSize;
+  var setPagination = function setPagination(page) {
+    onChange(page); // Trigger the page change callback
+
+    // Find the scrollable part of the Ant Table and scroll to the top
+    var tableBody = document.querySelector(".ant-table-body");
+    if (tableBody) {
+      tableBody.scrollTo({
+        top: 0,
+        behavior: "smooth"
+      });
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: _PaginationModule["default"].container
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Pagination, {
+    className: _PaginationModule["default"].pagination,
+    current: Number(page) // Ensure numeric values
+    ,
+    onChange: setPagination,
+    total: Number(total) // Ensure numeric values
+    ,
+    showSizeChanger: false
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "pagination_select"
+  }, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+    size: size,
+    setSize: setSize,
+    style: {
+      marginTop: "10px"
+    }
+  })));
+};
+var _default = exports["default"] = Pagination;

package/dist/hooks/useNotification.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var signalR = _interopRequireWildcard(require("@microsoft/signalr"));
+var _message = require("../utils/message");
+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; }
+// hooks/useNotification.js
+
+var useNotification = function useNotification() {
+  var _useState = (0, _react.useState)(function () {
+      // localStorage'dan bildirimi başlat
+      var savedNotifications = localStorage.getItem("notifications");
+      return savedNotifications ? JSON.parse(savedNotifications) : [];
+    }),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    notifications = _useState2[0],
+    setNotifications = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var token = localStorage.getItem("token");
+    var baseUrl;
+    if (window.location.hostname === "localhost") {
+      baseUrl = process.env.REACT_APP_ROOT;
+    } else {
+      baseUrl = window.location.origin;
+    }
+    if (!token) {
+      console.error("Token tapılmadı!");
+      return;
+    }
+    var connection = new signalR.HubConnectionBuilder().withUrl("".concat(baseUrl, "/notify?token=").concat(token), {
+      transport: signalR.HttpTransportType.WebSockets,
+      withCredentials: false,
+      skipNegotiation: true
+    }).configureLogging(signalR.LogLevel.Information).build();
+    connection.start().then(function () {
+      console.log("SignalR bağlantısı quruldu.");
+      connection.on("receive", function (message) {
+        console.log("Yeni bildiriş:", message);
+        (0, _message.infoMessageBottomRight)(message);
+      });
+    })["catch"](function (err) {
+      return console.error("SignalR bağlantısı qurula bilmədi:", err);
+    });
+    return function () {
+      connection.stop();
+      console.log("SignalR bağlantısı bağlandı.");
+    };
+  }, []);
+  return notifications;
+};
+var _default = exports["default"] = useNotification;