@banch0u/core-project-test-repository 1.9.2 → 1.9.3

package/dist/assets/icons/index.js

@@ -638,4 +638,37 @@ export var DeleteIconQ = function DeleteIconQ() {
     strokeWidth: "1.5",
     strokeLinecap: "round"
   }));
+};
+export var ThreeDotsIcon = function ThreeDotsIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z",
+    stroke: "#016DAF",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M15.9965 12H16.0054",
+    stroke: "#016DAF",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11.9955 12H12.0045",
+    stroke: "#016DAF",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M7.99451 12H8.00349",
+    stroke: "#016DAF",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
 };

package/dist/components/ImagePreviewModal/index.js

@@ -0,0 +1,129 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { forwardRef, useImperativeHandle, useState } from "react";
+import { Modal, Spin, Row, Col } from "antd";
+import api from "../../utils/axios";
+import style from "./index.module.scss";
+var ImagePreviewModal = /*#__PURE__*/forwardRef(function (_, ref) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    images = _useState4[0],
+    setImages = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
+  var fetchImages = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(urls) {
+      var base64List;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.prev = 0;
+            setLoading(true);
+            _context2.next = 4;
+            return Promise.all(urls.map(/*#__PURE__*/function () {
+              var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(url) {
+                var res;
+                return _regeneratorRuntime.wrap(function _callee$(_context) {
+                  while (1) switch (_context.prev = _context.next) {
+                    case 0:
+                      _context.prev = 0;
+                      _context.next = 3;
+                      return api.get(url, {
+                        responseType: "text"
+                      });
+                    case 3:
+                      res = _context.sent;
+                      return _context.abrupt("return", res.data);
+                    case 7:
+                      _context.prev = 7;
+                      _context.t0 = _context["catch"](0);
+                      console.error("Failed to load image:", url);
+                      return _context.abrupt("return", null);
+                    case 11:
+                    case "end":
+                      return _context.stop();
+                  }
+                }, _callee, null, [[0, 7]]);
+              }));
+              return function (_x2) {
+                return _ref2.apply(this, arguments);
+              };
+            }()));
+          case 4:
+            base64List = _context2.sent;
+            setImages(base64List.filter(Boolean));
+            _context2.next = 11;
+            break;
+          case 8:
+            _context2.prev = 8;
+            _context2.t0 = _context2["catch"](0);
+            console.error("Image load failed", _context2.t0);
+          case 11:
+            _context2.prev = 11;
+            setLoading(false);
+            return _context2.finish(11);
+          case 14:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[0, 8, 11, 14]]);
+    }));
+    return function fetchImages(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  useImperativeHandle(ref, function () {
+    return {
+      open: function open() {
+        var imageUrls = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+        fetchImages(imageUrls);
+        setVisible(true);
+      },
+      close: function close() {
+        setVisible(false);
+        setImages([]);
+      }
+    };
+  });
+  return /*#__PURE__*/React.createElement(Modal, {
+    open: visible,
+    onCancel: function onCancel() {
+      return setVisible(false);
+    },
+    footer: null,
+    title: "\u015E\u0259kil \xF6nizl\u0259m\u0259si",
+    width: 900,
+    className: style.modal
+  }, loading ? /*#__PURE__*/React.createElement(Spin, null) : /*#__PURE__*/React.createElement(Row, {
+    gutter: [16, 16]
+  }, images.map(function (img, idx) {
+    return /*#__PURE__*/React.createElement(Col, {
+      span: 12,
+      key: idx
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: 10,
+        display: "flex",
+        flexDirection: "column"
+      }
+    }, /*#__PURE__*/React.createElement("img", {
+      src: img,
+      alt: "Preview ".concat(idx),
+      style: {
+        width: "100%",
+        maxHeight: "400px",
+        objectFit: "contain",
+        borderRadius: 8,
+        boxShadow: "0 0 6px rgba(0,0,0,0.2)"
+      }
+    })));
+  })));
+});
+export default ImagePreviewModal;

package/dist/components/ImagePreviewModal/index.module.scss

@@ -0,0 +1,27 @@
+// .imageContainer {
+//   display: flex;
+//   flex-direction: column;
+//   justify-content: center;
+//   align-items: center;
+//   gap: 16px;
+//   justify-content: center;
+//   flex-wrap: wrap;
+//   img {
+//     height: 300px;
+//     width: auto;
+//     border: 1px solid grey;
+//     border-radius: 8px;
+//   }
+// }
+
+// .image {
+//   max-width: 250px;
+//   max-height: 250px;
+//   border-radius: 8px;
+//   object-fit: contain;
+// }
+
+// .modal {
+//   padding: 20px !important;
+//   background: #fff !important;
+// }

package/dist/components/Select/index.js

@@ -33,14 +33,6 @@ var Select = function Select(_ref) {
         return style.select;
     }
   };
-  var normalizeAz = function normalizeAz(str) {
-    return str.replace(/I/g, "i").toLocaleLowerCase("az").normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/ç/g, "c").replace(/ş/g, "s").replace(/ğ/g, "g").replace(/ü/g, "u").replace(/ö/g, "o").replace(/ə/g, "e");
-  };
-  var filterOption = function filterOption(input, option) {
-    var label = option === null || option === void 0 ? void 0 : option.title;
-    if (!label || typeof label !== "string") return false;
-    return normalizeAz(label).includes(normalizeAz(input));
-  };
   var commonProps = {
     className: getClassName(),
     style: {
@@ -49,13 +41,19 @@ var Select = function Select(_ref) {
     showSearch: true,
     allowClear: allowClear,
     placeholder: placeholder,
-    optionFilterProp: "title",
-    filterOption: filterOption,
+    optionFilterProp: "children",
     onChange: onChange,
     disabled: disabled,
     value: value,
     defaultValue: defaultValue
   };
+  var normalizeAz = function normalizeAz(str) {
+    return str.replace(/I/g, "i").toLocaleLowerCase("az").normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/ç/g, "c").replace(/ş/g, "s").replace(/ğ/g, "g").replace(/ü/g, "u").replace(/ö/g, "o").replace(/ə/g, "e");
+  };
+  var filterOption = function filterOption(input, option) {
+    if (!(option !== null && option !== void 0 && option.children) || typeof option.children !== "string") return false;
+    return normalizeAz(option.children).includes(normalizeAz(input));
+  };
   if (mode === "multiple") {
     return /*#__PURE__*/React.createElement(AntdSelect, _extends({}, commonProps, {
       mode: "multiple",
@@ -64,6 +62,7 @@ var Select = function Select(_ref) {
   }
   if (mode === "divider") {
     return /*#__PURE__*/React.createElement(AntdSelect, _extends({}, commonProps, {
+      filterOption: filterOption,
       dropdownRender: function dropdownRender(menu) {
         return /*#__PURE__*/React.createElement("div", null, menu, /*#__PURE__*/React.createElement(Divider, {
           style: {
@@ -77,6 +76,8 @@ var Select = function Select(_ref) {
       }
     }), children);
   }
-  return /*#__PURE__*/React.createElement(AntdSelect, commonProps, children);
+  return /*#__PURE__*/React.createElement(AntdSelect, _extends({}, commonProps, {
+    filterOption: filterOption
+  }), children);
 };
 export default Select;

package/dist/index.js

@@ -15,6 +15,7 @@ export { default as Select } from "./components/Select";
 export { default as Input } from "./components/Input";
 export { default as api } from "./utils/axios";
 export { default as NotFound } from "./pages/NotFound";
+export { default as ImagePreviewModal } from "./components/ImagePreviewModal";
 export { questionnairesRoutes } from "./routes/QuestionnaireRoutes";
 export { CoreProvider } from "./store/coreProvider";
 import LoginPage from "./pages/Login";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@banch0u/core-project-test-repository",
-  "version": "1.9.2",
+  "version": "1.9.3",
   "description": "Shared core features for all projects",
   "main": "dist/index.js",
   "files": [