@banch0u/core-project-test-repository 1.8.3 → 1.9.0

package/dist/pages/Questionnnaires/QuestionnairesOrganizationsContent/index.js

@@ -0,0 +1,320 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import Cookies from "js-cookie";
+import style from "../Questionnaires.module.scss";
+import { Form, Input, Layout } from "antd";
+import { PlusIcon } from "../../../assets/icons";
+import FormModal from "../../../components/FormModal";
+import { useDispatch, useSelector } from "react-redux";
+import Delete from "../../../components/Delete/Delete";
+import DeleteModal from "../../../components/DeleteModal/DeleteModal";
+import Success from "../../../components/Success/Success";
+import { setDeleteModalVisible, setViewModalVisible } from "../../../store/slices/global";
+import ViewModal from "../../../components/ViewModal";
+import { getStreetColumns } from "./constant";
+import Pagination from "../../../components/Pagination";
+import ColSort from "../../../components/ColSort";
+import { setPaginationLength } from "../../../helpers/paginationLength";
+import Button from "../../../components/Button";
+import Loading from "../../../components/Loading";
+import Table from "../../../components/Table";
+import Filter from "../../../components/Filter";
+import { addOrganization, deleteOrganization, editOrganization, getOrganizations, organizationVisibility } from "../../../store/slices/questionnaire";
+import { MaskedInput } from "antd-5-mask-input";
+var Content = Layout.Content;
+var Item = Form.Item;
+var QuestionnairesOrganizationsContent = function QuestionnairesOrganizationsContent() {
+  var _useState = useState(210),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerW = _useState2[0],
+    setInnerW = _useState2[1];
+  var ref = useRef();
+  var dispatch = useDispatch();
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    id = _useState4[0],
+    setId = _useState4[1];
+  var _useState5 = useState(1),
+    _useState6 = _slicedToArray(_useState5, 2),
+    page = _useState6[0],
+    setPage = _useState6[1];
+  var _useState7 = useState(Cookies.get("pagination-size-questionnaire-organizations") ? JSON.parse(Cookies.get("pagination-size-questionnaire-organizations")) : 20),
+    _useState8 = _slicedToArray(_useState7, 2),
+    size = _useState8[0],
+    setSize = _useState8[1];
+  var _useState9 = useState({
+      name: ""
+    }),
+    _useState10 = _slicedToArray(_useState9, 2),
+    query = _useState10[0],
+    setQuery = _useState10[1];
+  var _useSelector = useSelector(function (state) {
+      return state.global;
+    }),
+    loading = _useSelector.loading,
+    organizationRender = _useSelector.organizationRender;
+  var organizations = useSelector(function (state) {
+    return state.questionnaire.organizations;
+  });
+  var paginationLength = setPaginationLength(organizations === null || organizations === void 0 ? void 0 : organizations.count, organizations === null || organizations === void 0 ? void 0 : organizations.size);
+  var onSubmit = useCallback(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            dispatch(addOrganization(data));
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [dispatch]);
+  var onEdit = useCallback(function (id, record) {
+    var data = {
+      id: id,
+      name: record === null || record === void 0 ? void 0 : record.name,
+      voen: record === null || record === void 0 ? void 0 : record.voen,
+      address: record === null || record === void 0 ? void 0 : record.address,
+      shortName: record === null || record === void 0 ? void 0 : record.shortName,
+      email: record === null || record === void 0 ? void 0 : record.email,
+      phone: record === null || record === void 0 ? void 0 : record.phone
+    };
+    dispatch(editOrganization(data));
+  }, [dispatch]);
+  var onStatusChange = useCallback(function (data, checked) {
+    var data_ = {
+      id: data === null || data === void 0 ? void 0 : data.id,
+      checked: checked
+    };
+    dispatch(organizationVisibility(data_));
+  }, [dispatch]);
+  var closeOnViewModal = useCallback(function () {
+    dispatch(setViewModalVisible(false));
+  }, [dispatch]);
+  var onClickModal = function onClickModal() {
+    var _ref$current;
+    ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.open();
+  };
+  var onEditClick = useCallback(function (data) {
+    var _ref$current2;
+    ref === null || ref === void 0 || (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.setEdit(data);
+  }, []);
+  var onDelete = useCallback(function (id) {
+    setId(id);
+  }, []);
+  var handleColumnToggle = function handleColumnToggle(checked, dataIndex) {
+    setSelectedColumns(function (prevSelected) {
+      if (checked) {
+        return [].concat(_toConsumableArray(prevSelected), [dataIndex]);
+      } else {
+        return prevSelected.filter(function (col) {
+          return col !== dataIndex;
+        });
+      }
+    });
+  };
+  var data = [];
+  if (organizations !== null && organizations !== void 0 && organizations.items) {
+    var _organizations$items;
+    data = organizations === null || organizations === void 0 || (_organizations$items = organizations.items) === null || _organizations$items === void 0 ? void 0 : _organizations$items.map(function (dataObj, i) {
+      return {
+        num: (organizations === null || organizations === void 0 ? void 0 : organizations.size) * (organizations === null || organizations === void 0 ? void 0 : organizations.page) + i + 1 - (organizations === null || organizations === void 0 ? void 0 : organizations.size),
+        id: dataObj === null || dataObj === void 0 ? void 0 : dataObj.id,
+        name: dataObj === null || dataObj === void 0 ? void 0 : dataObj.name,
+        voen: dataObj === null || dataObj === void 0 ? void 0 : dataObj.voen,
+        address: dataObj === null || dataObj === void 0 ? void 0 : dataObj.address,
+        shortName: dataObj === null || dataObj === void 0 ? void 0 : dataObj.shortName,
+        email: dataObj === null || dataObj === void 0 ? void 0 : dataObj.email,
+        phone: dataObj === null || dataObj === void 0 ? void 0 : dataObj.phone,
+        isActive: dataObj === null || dataObj === void 0 ? void 0 : dataObj.isActive,
+        className: "rowClassName1"
+      };
+    });
+  }
+  var columns = useMemo(function () {
+    return getStreetColumns(onEditClick, onDelete, onStatusChange, dispatch);
+  }, [onEditClick, onDelete, onStatusChange, dispatch]);
+  var _useState11 = useState(columns.map(function (col) {
+      return col.dataIndex;
+    })),
+    _useState12 = _slicedToArray(_useState11, 2),
+    selectedColumns = _useState12[0],
+    setSelectedColumns = _useState12[1];
+  useEffect(function () {
+    if (window.innerWidth >= 1900) {
+      setInnerW(210);
+    } else {
+      setInnerW(155);
+    }
+    var data = {
+      page: page,
+      size: size,
+      query: query,
+      visibility: "nondeleted"
+    };
+    dispatch(getOrganizations(data));
+  }, [dispatch, page, organizationRender, size, query]);
+  var updateSize = function updateSize(newSize) {
+    setSize(newSize); // Update state
+    Cookies.set("pagination-size-questionnaire-organizations", JSON.stringify(newSize), {
+      expires: 7
+    }); // Save to cookies
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, loading ? /*#__PURE__*/React.createElement(Loading, null) : null, /*#__PURE__*/React.createElement(Layout, {
+    className: style.layout
+  }, /*#__PURE__*/React.createElement(Content, {
+    className: style.content
+  }, /*#__PURE__*/React.createElement("header", {
+    className: style.header
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: onClickModal,
+    color: "green"
+  }, " ", /*#__PURE__*/React.createElement(PlusIcon, null), " Soraq\xE7a \u0259lav\u0259 et"), /*#__PURE__*/React.createElement(Filter, {
+    columns: columns,
+    selectedColumns: selectedColumns,
+    setQuery: setQuery,
+    disabledElementCount: 3,
+    setPage: setPage
+  }))), /*#__PURE__*/React.createElement(Layout, {
+    className: style.layout1
+  }, /*#__PURE__*/React.createElement(Content, {
+    className: style.content
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.table_header
+  }, /*#__PURE__*/React.createElement("h2", null, "T\u0259\u015Fkilatlar"), /*#__PURE__*/React.createElement("div", {
+    className: style.buttons
+  }, /*#__PURE__*/React.createElement(ColSort, {
+    columns: columns,
+    selectedColumns: selectedColumns,
+    handleColumnToggle: handleColumnToggle
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "bigTable"
+  }, /*#__PURE__*/React.createElement(Table, {
+    selectedColumns: selectedColumns,
+    innerW: innerW,
+    dataSource: data,
+    columns: columns,
+    disableDrag: true
+  })), /*#__PURE__*/React.createElement("div", {
+    className: style.pagination
+  }, /*#__PURE__*/React.createElement(Pagination, {
+    size: size,
+    setSize: updateSize,
+    total: paginationLength,
+    page: page,
+    onChange: setPage
+  })), /*#__PURE__*/React.createElement(FormModal, {
+    ref: ref,
+    width: 454,
+    title: "Yeni soraqça yaratma",
+    titleEdit: "Soraqça redaktə etmə",
+    okText: "Yadda saxla",
+    cancelText: "Bağla",
+    onSubmit: onSubmit,
+    onEdit: onEdit,
+    className: "absolute",
+    centered: false
+  }, /*#__PURE__*/React.createElement(Item, {
+    rules: [{
+      required: true,
+      message: ""
+    }, {
+      min: 3,
+      message: "Ən azından 3 simvol olmalıdır"
+    }],
+    name: "name",
+    label: "Ad"
+  }, /*#__PURE__*/React.createElement(Input, {
+    className: style.modal_input
+  })), /*#__PURE__*/React.createElement(Item, {
+    rules: [{
+      required: true,
+      message: ""
+    }, {
+      min: 3,
+      message: "Ən azından 3 simvol olmalıdır"
+    }],
+    name: "shortName",
+    label: "Qısa ad"
+  }, /*#__PURE__*/React.createElement(Input, {
+    className: style.modal_input
+  })), /*#__PURE__*/React.createElement(Item, {
+    rules: [{
+      required: false,
+      message: ""
+    }, {
+      min: 3,
+      message: "Ən azından 3 simvol olmalıdır"
+    }],
+    name: "address",
+    label: "Ünvan"
+  }, /*#__PURE__*/React.createElement(Input, {
+    className: style.modal_input
+  })), /*#__PURE__*/React.createElement(Item, {
+    rules: [{
+      required: false,
+      message: ""
+    }, {
+      min: 3,
+      message: "Ən azından 3 simvol olmalıdır"
+    }],
+    name: "voen",
+    label: "VÖEN"
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "number",
+    className: style.modal_input
+  })), /*#__PURE__*/React.createElement(Item, {
+    rules: [{
+      required: false,
+      message: ""
+    }, {
+      min: 3,
+      message: "Ən azından 3 simvol olmalıdır"
+    }],
+    name: "email",
+    label: "Elektron poçt ünvanı"
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "email",
+    className: style.modal_input
+  })), /*#__PURE__*/React.createElement(Item, {
+    name: "phone",
+    label: "Əlaqə nömrəsi",
+    rules: [{
+      required: false,
+      pattern: /^\+[0-9]{12}$/,
+      message: ""
+    }]
+  }, /*#__PURE__*/React.createElement(MaskedInput, {
+    type: "text",
+    mask: "+000000000000",
+    className: style.modal_input
+  }))), /*#__PURE__*/React.createElement(DeleteModal, {
+    onCancel: function onCancel() {
+      return dispatch(setDeleteModalVisible(false));
+    },
+    width: 280
+  }, /*#__PURE__*/React.createElement(Delete, {
+    onDelete: function onDelete() {
+      return dispatch(deleteOrganization(id));
+    },
+    onCancel: function onCancel() {
+      return dispatch(setDeleteModalVisible(false));
+    },
+    value: "Soraqçanı"
+  })), /*#__PURE__*/React.createElement(ViewModal, {
+    onCancel: closeOnViewModal,
+    width: 695
+  }, /*#__PURE__*/React.createElement(Success, {
+    onClick: closeOnViewModal,
+    value: "Soraqça"
+  }))))));
+};
+export default QuestionnairesOrganizationsContent;

package/dist/pages/Questionnnaires/QuestionnairesStreetsContent/constant.js

@@ -0,0 +1,58 @@
+import React from "react";
+import { Switch, Tooltip } from "antd";
+import style from "../Questionnaires.module.scss";
+import { setDeleteModalVisible } from "../../../store/slices/global";
+import { DeleteIconQ, EditIcon } from "../../../assets/icons";
+export var getStreetColumns = function getStreetColumns(onEditClick, onDelete, onStatusChange, dispatch, innerW) {
+  return [{
+    title: "№",
+    dataIndex: "num",
+    showCheckbox: false,
+    ellipsis: true,
+    width: 35
+  }, {
+    title: "Mövzu",
+    dataIndex: "name",
+    width: innerW,
+    disabled: true,
+    ellipsis: true
+  }, {
+    title: "Status",
+    key: "status",
+    disabled: true,
+    filter: false,
+    render: function render(data) {
+      return /*#__PURE__*/React.createElement(Tooltip, {
+        placement: "top",
+        title: "Statusu d\u0259yi\u015F"
+      }, /*#__PURE__*/React.createElement(Switch, {
+        size: "medium",
+        checked: data === null || data === void 0 ? void 0 : data.isActive,
+        onChange: function onChange(checked) {
+          return onStatusChange(data, checked, dispatch);
+        }
+      }));
+    }
+  }, {
+    title: "",
+    key: "actions",
+    showCheckbox: false,
+    width: 80,
+    render: function render(data) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: style.number
+      }, /*#__PURE__*/React.createElement("div", {
+        className: style.actions
+      }, /*#__PURE__*/React.createElement("div", {
+        onClick: function onClick() {
+          return onEditClick(data);
+        }
+      }, /*#__PURE__*/React.createElement(EditIcon, null)), /*#__PURE__*/React.createElement("div", {
+        onClick: function onClick() {
+          onDelete(data === null || data === void 0 ? void 0 : data.id);
+          dispatch(setDeleteModalVisible(true));
+        }
+      }, /*#__PURE__*/React.createElement(DeleteIconQ, null)))));
+    }
+  }];
+};

package/dist/pages/Questionnnaires/QuestionnairesStreetsContent/index.js

@@ -0,0 +1,240 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import Cookies from "js-cookie";
+import style from "../Questionnaires.module.scss";
+import { Form, Input, Layout } from "antd";
+import { PlusIcon } from "../../../assets/icons";
+import FormModal from "../../../components/FormModal";
+import { useDispatch, useSelector } from "react-redux";
+import Delete from "../../../components/Delete/Delete";
+import DeleteModal from "../../../components/DeleteModal/DeleteModal";
+import Success from "../../../components/Success/Success";
+import { setDeleteModalVisible, setViewModalVisible } from "../../../store/slices/global";
+import ViewModal from "../../../components/ViewModal";
+import { getStreetColumns } from "./constant";
+import Pagination from "../../../components/Pagination";
+import ColSort from "../../../components/ColSort";
+import { setPaginationLength } from "../../../helpers/paginationLength";
+import Button from "../../../components/Button";
+import Loading from "../../../components/Loading";
+import Filter from "../../../components/Filter";
+import { addTopic, deleteTopic, editTopic, topicVisibility } from "../../../store/slices/questionnaire";
+var Content = Layout.Content;
+var Item = Form.Item;
+var QuestionnairesStreetsContent = function QuestionnairesStreetsContent() {
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerW = _useState2[0],
+    setInnerW = _useState2[1];
+  var ref = useRef();
+  var dispatch = useDispatch();
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    id = _useState4[0],
+    setId = _useState4[1];
+  var _useState5 = useState(1),
+    _useState6 = _slicedToArray(_useState5, 2),
+    page = _useState6[0],
+    setPage = _useState6[1];
+  var _useState7 = useState(Cookies.get("pagination-size-questionnaire-streets") ? JSON.parse(Cookies.get("pagination-size-questionnaire-streets")) : 20),
+    _useState8 = _slicedToArray(_useState7, 2),
+    size = _useState8[0],
+    setSize = _useState8[1];
+  var _useState9 = useState({
+      name: ""
+    }),
+    _useState10 = _slicedToArray(_useState9, 2),
+    query = _useState10[0],
+    setQuery = _useState10[1];
+  var _useSelector = useSelector(function (state) {
+      return state.global;
+    }),
+    loading = _useSelector.loading,
+    topicsRender = _useSelector.topicsRender;
+  var topics = useSelector(function (state) {
+    return state.questionnaire.topics;
+  });
+  var paginationLength = setPaginationLength(topics === null || topics === void 0 ? void 0 : topics.count, topics === null || topics === void 0 ? void 0 : topics.size);
+  var onSubmit = useCallback(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            dispatch(addTopic(data));
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [dispatch]);
+  var onEdit = useCallback(function (id, record) {
+    var data = {
+      id: id,
+      name: record === null || record === void 0 ? void 0 : record.name
+    };
+    dispatch(editTopic(data));
+  }, [dispatch]);
+  var onStatusChange = useCallback(function (data, checked) {
+    var data_ = {
+      id: data === null || data === void 0 ? void 0 : data.id,
+      checked: checked
+    };
+    dispatch(topicVisibility(data_));
+  }, [dispatch]);
+  var closeOnViewModal = useCallback(function () {
+    dispatch(setViewModalVisible(false));
+  }, [dispatch]);
+  var onClickModal = function onClickModal() {
+    var _ref$current;
+    ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.open();
+  };
+  var onEditClick = useCallback(function (data) {
+    var _ref$current2;
+    ref === null || ref === void 0 || (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.setEdit(data);
+  }, []);
+  var onDelete = useCallback(function (id) {
+    setId(id);
+  }, []);
+  var handleColumnToggle = function handleColumnToggle(checked, dataIndex) {
+    setSelectedColumns(function (prevSelected) {
+      if (checked) {
+        return [].concat(_toConsumableArray(prevSelected), [dataIndex]);
+      } else {
+        return prevSelected.filter(function (col) {
+          return col !== dataIndex;
+        });
+      }
+    });
+  };
+  var data = [];
+  if (topics !== null && topics !== void 0 && topics.items) {
+    var _topics$items;
+    data = topics === null || topics === void 0 || (_topics$items = topics.items) === null || _topics$items === void 0 ? void 0 : _topics$items.map(function (dataObj, i) {
+      return {
+        num: (topics === null || topics === void 0 ? void 0 : topics.size) * (topics === null || topics === void 0 ? void 0 : topics.page) + i + 1 - (topics === null || topics === void 0 ? void 0 : topics.size),
+        id: dataObj === null || dataObj === void 0 ? void 0 : dataObj.id,
+        name: dataObj === null || dataObj === void 0 ? void 0 : dataObj.name,
+        isActive: dataObj === null || dataObj === void 0 ? void 0 : dataObj.isActive,
+        className: "rowClassName1"
+      };
+    });
+  }
+  var columns = useMemo(function () {
+    return getStreetColumns(onEditClick, onDelete, onStatusChange, dispatch);
+  }, [onEditClick, onDelete, onStatusChange, dispatch]);
+  var _useState11 = useState(columns.map(function (col) {
+      return col.dataIndex;
+    })),
+    _useState12 = _slicedToArray(_useState11, 2),
+    selectedColumns = _useState12[0],
+    setSelectedColumns = _useState12[1];
+  useEffect(function () {
+    if (window.innerWidth >= 1900) {
+      setInnerW(210);
+    } else {
+      setInnerW(155);
+    }
+    // const data = {
+    //   page: page,
+    //   size: size,
+    //   query: query,
+    //   visibility: "nondeleted",
+    // };
+    // dispatch(getTopics(data));
+  }, [dispatch, page, topicsRender, size, query]);
+  var updateSize = function updateSize(newSize) {
+    setSize(newSize); // Update state
+    Cookies.set("pagination-size-questionnaire-streets", JSON.stringify(newSize), {
+      expires: 7
+    }); // Save to cookies
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, loading ? /*#__PURE__*/React.createElement(Loading, null) : null, /*#__PURE__*/React.createElement(Layout, {
+    className: style.layout
+  }, /*#__PURE__*/React.createElement(Content, {
+    className: style.content
+  }, /*#__PURE__*/React.createElement("header", {
+    className: style.header
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: onClickModal,
+    color: "green"
+  }, " ", /*#__PURE__*/React.createElement(PlusIcon, null), " Soraq\xE7a \u0259lav\u0259 et"), /*#__PURE__*/React.createElement(Filter, {
+    columns: columns,
+    selectedColumns: selectedColumns,
+    setQuery: setQuery,
+    disabledElementCount: 3,
+    setPage: setPage
+  }))), /*#__PURE__*/React.createElement(Layout, {
+    className: style.layout1
+  }, /*#__PURE__*/React.createElement(Content, {
+    className: style.content
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.table_header
+  }, /*#__PURE__*/React.createElement("h2", null, "K\xFC\xE7\u0259l\u0259r"), /*#__PURE__*/React.createElement("div", {
+    className: style.buttons
+  }, /*#__PURE__*/React.createElement(ColSort, {
+    columns: columns,
+    selectedColumns: selectedColumns,
+    handleColumnToggle: handleColumnToggle
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "bigTable"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: style.pagination
+  }, /*#__PURE__*/React.createElement(Pagination, {
+    size: size,
+    setSize: updateSize,
+    total: paginationLength,
+    page: page,
+    onChange: setPage
+  })), /*#__PURE__*/React.createElement(FormModal, {
+    ref: ref,
+    width: 454,
+    title: "Yeni soraqça yaratma",
+    titleEdit: "Soraqça redaktə etmə",
+    okText: "Yadda saxla",
+    cancelText: "Bağla",
+    onSubmit: onSubmit,
+    onEdit: onEdit,
+    className: "absolute",
+    centered: false
+  }, /*#__PURE__*/React.createElement(Item, {
+    rules: [{
+      required: true,
+      message: ""
+    }, {
+      min: 3,
+      message: "Ən azından 3 simvol olmalıdır"
+    }],
+    name: "name",
+    label: "Ad"
+  }, /*#__PURE__*/React.createElement(Input, {
+    className: style.modal_input
+  }))), /*#__PURE__*/React.createElement(DeleteModal, {
+    onCancel: function onCancel() {
+      return dispatch(setDeleteModalVisible(false));
+    },
+    width: 280
+  }, /*#__PURE__*/React.createElement(Delete, {
+    onDelete: function onDelete() {
+      return dispatch(deleteTopic(id));
+    },
+    onCancel: function onCancel() {
+      return dispatch(setDeleteModalVisible(false));
+    },
+    value: "Soraqçanı"
+  })), /*#__PURE__*/React.createElement(ViewModal, {
+    onCancel: closeOnViewModal,
+    width: 695
+  }, /*#__PURE__*/React.createElement(Success, {
+    onClick: closeOnViewModal,
+    value: "Soraqça"
+  }))))));
+};
+export default QuestionnairesStreetsContent;

package/dist/pages/Questionnnaires/QuestionnairesStructuresContent/constant.js

@@ -0,0 +1,58 @@
+import React from "react";
+import { Switch, Tooltip } from "antd";
+import style from "../Questionnaires.module.scss";
+import { setDeleteModalVisible } from "../../../store/slices/global";
+import { DeleteIconQ, EditIcon } from "../../../assets/icons";
+export var getStreetColumns = function getStreetColumns(onEditClick, onDelete, onStatusChange, dispatch, innerW) {
+  return [{
+    title: "№",
+    dataIndex: "num",
+    showCheckbox: false,
+    ellipsis: true,
+    width: 35
+  }, {
+    title: "Struktur",
+    dataIndex: "name",
+    width: innerW,
+    disabled: true,
+    ellipsis: true
+  }, {
+    title: "Status",
+    key: "status",
+    disabled: true,
+    filter: false,
+    render: function render(data) {
+      return /*#__PURE__*/React.createElement(Tooltip, {
+        placement: "top",
+        title: "Statusu d\u0259yi\u015F"
+      }, /*#__PURE__*/React.createElement(Switch, {
+        size: "medium",
+        checked: data === null || data === void 0 ? void 0 : data.isActive,
+        onChange: function onChange(checked) {
+          return onStatusChange(data, checked, dispatch);
+        }
+      }));
+    }
+  }, {
+    title: "",
+    key: "actions",
+    showCheckbox: false,
+    width: 80,
+    render: function render(data) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: style.number
+      }, /*#__PURE__*/React.createElement("div", {
+        className: style.actions
+      }, /*#__PURE__*/React.createElement("div", {
+        onClick: function onClick() {
+          return onEditClick(data);
+        }
+      }, /*#__PURE__*/React.createElement(EditIcon, null)), /*#__PURE__*/React.createElement("div", {
+        onClick: function onClick() {
+          onDelete(data === null || data === void 0 ? void 0 : data.id);
+          dispatch(setDeleteModalVisible(true));
+        }
+      }, /*#__PURE__*/React.createElement(DeleteIconQ, null)))));
+    }
+  }];
+};