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

package/dist/index.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function get() {
+    return _Button["default"];
+  }
+});
+Object.defineProperty(exports, "ColSort", {
+  enumerable: true,
+  get: function get() {
+    return _ColSort["default"];
+  }
+});
+Object.defineProperty(exports, "Filter", {
+  enumerable: true,
+  get: function get() {
+    return _Filter["default"];
+  }
+});
+Object.defineProperty(exports, "Loading", {
+  enumerable: true,
+  get: function get() {
+    return _Loading["default"];
+  }
+});
+Object.defineProperty(exports, "Pagination", {
+  enumerable: true,
+  get: function get() {
+    return _Pagination["default"];
+  }
+});
+Object.defineProperty(exports, "message", {
+  enumerable: true,
+  get: function get() {
+    return _message["default"];
+  }
+});
+Object.defineProperty(exports, "useNotification", {
+  enumerable: true,
+  get: function get() {
+    return _useNotification["default"];
+  }
+});
+require("./assets/fonts/fonts.css");
+var _Button = _interopRequireDefault(require("./components/Button"));
+var _ColSort = _interopRequireDefault(require("./components/ColSort"));
+var _Filter = _interopRequireDefault(require("./components/Filter"));
+var _Loading = _interopRequireDefault(require("./components/Loading"));
+var _Pagination = _interopRequireDefault(require("./components/Pagination"));
+var _useNotification = _interopRequireDefault(require("./hooks/useNotification"));
+var _message = _interopRequireDefault(require("./utils/message"));

package/dist/utils/message.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.succesMessage = exports.infoMessageBottomRight = exports.errorMessage = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _antd = require("antd");
+var playNotificationSound = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    var audio;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          audio = new Audio("https://assets.mixkit.co/active_storage/sfx/2575/2575-preview.mp3");
+          audio.type = "audio/mpeg"; // Audio format
+          audio.preload = "auto";
+          setTimeout(function () {
+            audio.play()["catch"](function (error) {
+              return console.error("Audio play failed:", error);
+            });
+          }, 400);
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function playNotificationSound() {
+    return _ref.apply(this, arguments);
+  };
+}();
+var errorMessage = exports.errorMessage = function errorMessage(_ref2) {
+  var value = _ref2.value,
+    placeMent = _ref2.placeMent;
+  return _antd.notification.error({
+    message: "",
+    description: value || "Serverdə problem baş verdi",
+    placement: placeMent
+  });
+};
+var succesMessage = exports.succesMessage = function succesMessage(value) {
+  return _antd.notification.success({
+    message: "",
+    description: value || "Uğurla tamamlandı",
+    placement: "topRight"
+  });
+};
+var infoMessageBottomRight = exports.infoMessageBottomRight = function infoMessageBottomRight(value) {
+  playNotificationSound();
+  return _antd.notification.info({
+    message: "Yeni bildiriş",
+    description: value || "Bildiriş",
+    placement: "bottomRight"
+  });
+};

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@banch0u/core-project-test-repository",
-  "version": "1.0.30",
+  "version": "1.2.1",
   "description": "Shared core features for all projects",
   "main": "dist/index.js",
+  "files": [
+    "dist"
+  ],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/banch0u/core-project-test-repository.git"
@@ -11,22 +14,28 @@
   "author": "banch0u",
   "license": "MIT",
   "scripts": {
-    "build": "npx babel src --out-dir dist --copy-files"
+    "build": "babel src --out-dir dist --copy-files",
+    "watch": "chokidar \"src\" -i 'dist' -c \"npm run build && yalc push --force\"",
+    "dev": "npm run watch"
   },
   "dependencies": {
     "@microsoft/signalr": "^8.0.7",
     "@pdftron/webviewer": "^11.2.0",
-    "antd": "^5.16.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.16.0"
+    "antd": "^5.16.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-router-dom": "^6.0.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.26.4",
-    "@babel/core": "^7.26.9",
+    "@babel/core": "^7.26.10",
     "@babel/plugin-transform-runtime": "^7.26.9",
     "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
-    "babel-loader": "^9.2.1"
+    "babel-loader": "^9.2.1",
+    "chokidar-cli": "^3.0.0",
+    "npm-run-all": "^4.1.5"
   }
 }

package/.babelrc

@@ -1,9 +0,0 @@
-{
-  "presets": [
-    "@babel/preset-env",
-    "@babel/preset-react"
-  ],
-  "plugins": [
-    "@babel/plugin-transform-runtime"
-  ]
-}

package/index.js

@@ -1,2 +0,0 @@
-const core = require("./dist"); // Adjust path if needed
-console.log(core);

package/src/assets/icons/index.js

@@ -1,72 +0,0 @@
-import React from "react";
-export const SortIcon = () => {
-  return (
-    <svg
-      width="22"
-      height="22"
-      viewBox="0 0 22 22"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M2.75 6.41663H19.25"
-        stroke="#016DAF"
-        strokeWidth="1.375"
-        strokeLinecap="round"
-      />
-      <path
-        d="M5.5 11H16.5"
-        stroke="#016DAF"
-        strokeWidth="1.375"
-        strokeLinecap="round"
-      />
-      <path
-        d="M9.16675 15.5834H12.8334"
-        stroke="#016DAF"
-        strokeWidth="1.375"
-        strokeLinecap="round"
-      />
-    </svg>
-  );
-};
-export const FilterIcon = () => {
-  return (
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <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"
-      />
-      <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"
-      />
-      <path
-        d="M13 13H18"
-        stroke="#016DAF"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M11 17H18"
-        stroke="#016DAF"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
-  );
-};

package/src/components/Button/index.jsx

@@ -1,61 +0,0 @@
-import React from "react";
-import style from "./index.module.scss";
-const Button = ({
-  children,
-  onClick,
-  color = "blue",
-  disabled = false,
-  type,
-}) => {
-  return (
-    <>
-      {color === "blue" ? (
-        <button
-          disabled={disabled}
-          type={type}
-          className={style.button}
-          onClick={onClick}>
-          {children}
-        </button>
-      ) : null}
-      {color === "white" ? (
-        <button
-          disabled={disabled}
-          type={type}
-          className={style.button_white}
-          onClick={onClick}>
-          {children}
-        </button>
-      ) : null}
-      {color === "green" ? (
-        <button
-          disabled={disabled}
-          type={type}
-          className={style.button_green}
-          onClick={onClick}>
-          {children}
-        </button>
-      ) : null}
-      {color === "green-white" ? (
-        <button
-          disabled={disabled}
-          type={type}
-          className={style.button_green_white}
-          onClick={onClick}>
-          {children}
-        </button>
-      ) : null}
-      {color === "red" ? (
-        <button
-          disabled={disabled}
-          type={type}
-          className={style.button_red}
-          onClick={onClick}>
-          {children}
-        </button>
-      ) : null}
-    </>
-  );
-};
-
-export default Button;

package/src/components/ColSort/index.jsx

@@ -1,51 +0,0 @@
-import React, { useState } from "react";
-import { Dropdown, Menu, Checkbox } from "antd";
-import style from "./index.module.scss";
-import { SortIcon } from "../../assets/icons";
-import Button from "../Button";
-
-const ColSort = ({ columns, selectedColumns, handleColumnToggle }) => {
-  const [visible, setVisible] = useState(false);
-
-  const handleVisibleChange = (isVisible) => {
-    setVisible(isVisible);
-  };
-
-  const menu = (
-    <Menu className={style.menu}>
-      {columns
-        .filter((col) => col.dataIndex !== "filterOnly") // Exclude columns with dataIndex === "filterOnly"
-        .map(
-          (col) =>
-            col.showCheckbox !== false && (
-              <Menu.Item key={col.title}>
-                <div className={style.menu_item}>
-                  <Checkbox
-                    disabled={col.disabled}
-                    checked={selectedColumns.includes(col.dataIndex)}
-                    onChange={(e) =>
-                      handleColumnToggle(e.target.checked, col.dataIndex)
-                    }
-                  />
-                  <span>{col.title}</span>
-                </div>
-              </Menu.Item>
-            )
-        )}
-    </Menu>
-  );
-
-  return (
-    <Dropdown
-      overlay={menu}
-      trigger={["click"]}
-      visible={visible}
-      onVisibleChange={handleVisibleChange}>
-      <Button color="white">
-        <SortIcon />
-      </Button>
-    </Dropdown>
-  );
-};
-
-export default ColSort;

package/src/components/Filter/index.jsx

@@ -1,220 +0,0 @@
-import React, { useState } from "react";
-import {
-  Dropdown,
-  Menu,
-  Form,
-  Input,
-  Select,
-  DatePicker,
-  TreeSelect,
-} from "antd";
-import style from "./index.module.scss";
-import Button from "../Button";
-import { FilterIcon } from "../../assets/icons";
-
-const { Option } = Select;
-const { RangePicker } = DatePicker;
-
-const Filter = ({
-  columns,
-  selectedColumns,
-  setQuery,
-  disabledElementCount,
-  setPage,
-  setSelectedTopic,
-}) => {
-  const [filterForm] = Form.useForm();
-  const [visible, setVisible] = useState(false);
-
-  const handleOpenChange = (isOpen) => {
-    setVisible(isOpen);
-  };
-
-  const formatDate = (day, month, year) => {
-    const formattedDay = String(day).padStart(2, "0");
-    const formattedMonth = String(month).padStart(2, "0");
-    return `${formattedDay}.${formattedMonth}.${year}`;
-  };
-  const handleFinish = (values) => {
-    const formattedValues = { ...values };
-    Object.keys(values).forEach((key) => {
-      if (Array.isArray(values[key]) && values[key].length === 2) {
-        const [start, end] = values[key];
-        if (start && end) {
-          const formattedStart = formatDate(
-            start.date(),
-            start.month() + 1,
-            start.year()
-          );
-          const formattedEnd = formatDate(
-            end.date(),
-            end.month() + 1,
-            end.year()
-          );
-          formattedValues[key] = `${formattedStart} - ${formattedEnd}`;
-        }
-      }
-    });
-    setQuery(formattedValues);
-    setVisible(false);
-  };
-
-  // Filter the columns based on selectedColumns, filterDisable, and filter status
-  const filteredColumns = columns.filter(
-    (col) =>
-      (selectedColumns.includes(col.dataIndex) &&
-        col.filter !== false &&
-        col.filterDisable !== true) ||
-      col.dataIndex === "filterOnly" // Always include "filterOnly" columns in the filter
-  );
-
-  const getGrid = () => {
-    const elementCount = selectedColumns.length - disabledElementCount;
-    if (elementCount >= 5) return style.grid5;
-    if (elementCount === 4) return style.grid4;
-    if (elementCount === 3) return style.grid3;
-    if (elementCount === 2) return style.grid2;
-    if (elementCount === 1) return style.grid1;
-  };
-
-  const menu = (
-    <Menu className={style.menu}>
-      <div className="filter">
-        <Form
-          onFinish={handleFinish}
-          form={filterForm}
-          layout="vertical"
-          className={`${style.form} ${getGrid()}`}>
-          {[
-            ...filteredColumns.filter((col) => !col.isDouble), // Non-double elements
-            ...filteredColumns.filter((col) => col.isDouble), // Double elements
-          ].map((col) => {
-            if (col.showCheckbox === false) {
-              return null;
-            }
-
-            const gridSpanClass = col.isDouble
-              ? style.doubleGrid
-              : style.singleGrid;
-
-            if (col.type === "select") {
-              return (
-                <Form.Item
-                  key={col.dataIndex}
-                  label={col.title}
-                  name={col.queryName ? col.queryName : col.dataIndex}
-                  className={gridSpanClass} // Dynamically apply grid class
-                >
-                  <Select
-                    showSearch={col.isDouble} // Enable search for double items
-                    onChange={(value) => {
-                      if (col.dataIndex === "topic") {
-                        setSelectedTopic(value);
-                      }
-                    }}
-                    filterOption={(input, option) => {
-                      if (!option || !option.children) return false; // Ensure option and children exist
-
-                      const optionText = String(option.children); // Convert to string if needed
-                      const normalizedInput = input.toLowerCase(); // Normalize input to lowercase
-                      const normalizedOption = optionText
-                        .replace(/İ/g, "I")
-                        .toLowerCase(); // Normalize option text
-
-                      return normalizedOption.includes(normalizedInput);
-                    }}>
-                    <Option value=""></Option>
-                    {(col?.selectData || []).map((option, i) => {
-                      const isIdArray = Array.isArray(option.id);
-                      return (
-                        <Option
-                          key={i}
-                          value={
-                            isIdArray
-                              ? JSON.stringify(option.id) // Convert array to string
-                              : option.id // Use ID directly
-                          }>
-                          {option.name} {option.surname} {option.text}
-                          {/* Display the name */}
-                        </Option>
-                      );
-                    })}
-                  </Select>
-                </Form.Item>
-              );
-            }
-            if (col.type === "date") {
-              return (
-                <Form.Item
-                  key={col.dataIndex}
-                  label={col.title}
-                  name={col.queryName ? col.queryName : col.dataIndex}
-                  className={gridSpanClass} // Dynamically apply grid class
-                >
-                  <RangePicker format="DD.MM.YYYY" placeholder="" />
-                </Form.Item>
-              );
-            }
-            if (col.type === "recursive") {
-              return (
-                <Form.Item
-                  key={col.dataIndex}
-                  label={col.title}
-                  name={col.queryName ? col.queryName : col.dataIndex}
-                  className={gridSpanClass} // Dynamically apply grid class
-                >
-                  <TreeSelect
-                    // style={{ width: "230px", marginTop: "5px" }}
-                    showSearch
-                    popupMatchSelectWidth={false}
-                    allowClear
-                    treeDefaultExpandAll
-                    treeData={col.selectData}
-                  />
-                </Form.Item>
-              );
-            }
-            return (
-              <Form.Item
-                key={col.dataIndex}
-                label={col.title}
-                name={col.queryName ? col.queryName : col.dataIndex}
-                className={gridSpanClass} // Dynamically apply grid class
-              >
-                <Input />
-              </Form.Item>
-            );
-          })}
-        </Form>
-        <div className={style.buttons}>
-          <Button onClick={() => filterForm.resetFields()} color="white">
-            Təmizlə
-          </Button>
-          <Button
-            onClick={() => {
-              setPage(1);
-              filterForm.submit();
-              setVisible(false);
-            }}>
-            Axtar
-          </Button>
-        </div>
-      </div>
-    </Menu>
-  );
-
-  return (
-    <Dropdown
-      overlay={menu}
-      trigger={["click"]}
-      open={visible} // Updated to use open
-      onOpenChange={handleOpenChange} // Updated to use onOpenChange
-    >
-      <Button color="white">
-        <FilterIcon /> Filter menyu
-      </Button>
-    </Dropdown>
-  );
-};
-
-export default Filter;

package/src/components/Loading/index.jsx

@@ -1,16 +0,0 @@
-import React from "react";
-import style from "./index.module.scss";
-import { Spin } from "antd";
-
-const Loading = () => {
-  return (
-    <>
-      <div className={style.overlay}></div>
-      <div className={style.spinner}>
-        <Spin size="large" />
-      </div>
-    </>
-  );
-};
-
-export default Loading;

package/src/components/Pagination/Select.jsx

@@ -1,26 +0,0 @@
-import React from "react";
-import { Select as AntSelect } from "antd";
-import { counts } from "./constant";
-const { Option } = AntSelect;
-
-const Select = ({ setSize, size }) => {
-  const handleChange = (value) => {
-    setSize(value);
-  };
-
-  return (
-    <AntSelect
-      onChange={handleChange}
-      defaultValue={size}
-      style={{ width: 60, marginTop: "10px", marginLeft: "10px" }}
-    >
-      {counts.map((item) => (
-        <Option key={item.id} value={item.value}>
-          {item.value}
-        </Option>
-      ))}
-    </AntSelect>
-  );
-};
-
-export default Select;

package/src/components/Pagination/constant.js

@@ -1,22 +0,0 @@
-export const counts = [
-  {
-    id: 1,
-    value: "10",
-  },
-  {
-    id: 2,
-    value: "20",
-  },
-  {
-    id: 3,
-    value: "30",
-  },
-  {
-    id: 4,
-    value: "40",
-  },
-  {
-    id: 5,
-    value: "50",
-  },
-];

package/src/components/Pagination/index.jsx

@@ -1,33 +0,0 @@
-import React from "react";
-import { Pagination as AntPagination } from "antd";
-import style from "./Pagination.module.scss";
-import Select from "./Select";
-
-const Pagination = ({ onChange, page = 1, size = 10, total = 0, setSize }) => {
-  const setPagination = (page) => {
-    onChange(page); // Trigger the page change callback
-
-    // Find the scrollable part of the Ant Table and scroll to the top
-    const tableBody = document.querySelector(".ant-table-body");
-    if (tableBody) {
-      tableBody.scrollTo({ top: 0, behavior: "smooth" });
-    }
-  };
-
-  return (
-    <div className={style.container}>
-      <AntPagination
-        className={style.pagination}
-        current={Number(page)} // Ensure numeric values
-        onChange={setPagination}
-        total={Number(total)} // Ensure numeric values
-        showSizeChanger={false}
-      />
-      <div className="pagination_select">
-        <Select size={size} setSize={setSize} style={{ marginTop: "10px" }} />
-      </div>
-    </div>
-  );
-};
-
-export default Pagination;