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

package/dist/pages/Questionnnaires/QuestionnairesExecutionRulesContent/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: "İcra qaydası",
+    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/QuestionnairesExecutionRulesContent/index.js

@@ -0,0 +1,258 @@
+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 { addExecutionRule, deleteExecutionRule, editExecutionRule, executionRuleVisibility, getExecutionRules } from "../../../store/slices/questionnaire";
+var Content = Layout.Content;
+var Item = Form.Item;
+var QuestionnairesExecutionRulesContent = function QuestionnairesExecutionRulesContent() {
+  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-execution-rules") ? JSON.parse(Cookies.get("pagination-size-questionnaire-execution-rules")) : 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,
+    executionRulesRender = _useSelector.executionRulesRender;
+  var executionRules = useSelector(function (state) {
+    return state.questionnaire.executionRules;
+  });
+  var paginationLength = setPaginationLength(executionRules === null || executionRules === void 0 ? void 0 : executionRules.count, executionRules === null || executionRules === void 0 ? void 0 : executionRules.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(addExecutionRule(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(editExecutionRule(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 onStatusChange = useCallback(function (data, checked) {
+    var data_ = {
+      id: data === null || data === void 0 ? void 0 : data.id,
+      checked: checked
+    };
+    dispatch(executionRuleVisibility(data_));
+  }, [dispatch]);
+  var handleSearch = function handleSearch(value) {
+    setQuery({
+      name: value
+    });
+    setPage(1);
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.key === "Enter") {
+      handleSearch(e.target.value);
+    }
+  };
+  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 (executionRules !== null && executionRules !== void 0 && executionRules.items) {
+    var _executionRules$items;
+    data = executionRules === null || executionRules === void 0 || (_executionRules$items = executionRules.items) === null || _executionRules$items === void 0 ? void 0 : _executionRules$items.map(function (dataObj, i) {
+      return {
+        num: (executionRules === null || executionRules === void 0 ? void 0 : executionRules.size) * (executionRules === null || executionRules === void 0 ? void 0 : executionRules.page) + i + 1 - (executionRules === null || executionRules === void 0 ? void 0 : executionRules.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);
+    }
+    var data = {
+      page: page,
+      size: size,
+      query: query,
+      visibility: "nondeleted"
+    };
+    dispatch(getExecutionRules(data));
+  }, [dispatch, page, executionRulesRender, query, size]);
+  var updateSize = function updateSize(newSize) {
+    setSize(newSize); // Update state
+    Cookies.set("pagination-size-questionnaire-execution-rules", 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, "\u0130cra qaydalar\u0131"), /*#__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(DeleteModal, {
+    onCancel: function onCancel() {
+      return dispatch(setDeleteModalVisible(false));
+    },
+    width: 280
+  }, /*#__PURE__*/React.createElement(Delete, {
+    onDelete: function onDelete() {
+      return dispatch(deleteExecutionRule(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 QuestionnairesExecutionRulesContent;

package/dist/pages/Questionnnaires/QuestionnairesMarginNoteTextsContent/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ətn",
+    dataIndex: "text",
+    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.isMain,
+        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/QuestionnairesMarginNoteTextsContent/index.js

@@ -0,0 +1,249 @@
+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 { addMarginNoteText, deleteMarginNoteText, editMarginNoteText, getMarginNoteText, marginNoteTextVisibility } from "../../../store/slices/questionnaire";
+var Content = Layout.Content;
+var Item = Form.Item;
+var QuestionnairesMarginNoteTextsContent = function QuestionnairesMarginNoteTextsContent() {
+  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-margin-note-texts") ? JSON.parse(Cookies.get("pagination-size-questionnaire-margin-note-texts")) : 20),
+    _useState8 = _slicedToArray(_useState7, 2),
+    size = _useState8[0],
+    setSize = _useState8[1];
+  var _useState9 = useState({
+      text: ""
+    }),
+    _useState10 = _slicedToArray(_useState9, 2),
+    query = _useState10[0],
+    setQuery = _useState10[1];
+  var _useSelector = useSelector(function (state) {
+      return state.global;
+    }),
+    loading = _useSelector.loading,
+    marginNoteTextRender = _useSelector.marginNoteTextRender;
+  var marginNoteText = useSelector(function (state) {
+    return state.questionnaire.marginNoteText;
+  });
+  var paginationLength = setPaginationLength(marginNoteText === null || marginNoteText === void 0 ? void 0 : marginNoteText.count, marginNoteText === null || marginNoteText === void 0 ? void 0 : marginNoteText.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(addMarginNoteText({
+              text: data === null || data === void 0 ? void 0 : data.text
+            }));
+          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,
+      text: record === null || record === void 0 ? void 0 : record.text
+    };
+    dispatch(editMarginNoteText(data));
+  }, [dispatch]);
+  var onStatusChange = useCallback(function (data, checked) {
+    var data_ = {
+      id: data === null || data === void 0 ? void 0 : data.id,
+      ismain: checked
+    };
+    dispatch(marginNoteTextVisibility(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 (marginNoteText !== null && marginNoteText !== void 0 && marginNoteText.items) {
+    var _marginNoteText$items;
+    data = marginNoteText === null || marginNoteText === void 0 || (_marginNoteText$items = marginNoteText.items) === null || _marginNoteText$items === void 0 ? void 0 : _marginNoteText$items.map(function (dataObj, i) {
+      return {
+        num: (marginNoteText === null || marginNoteText === void 0 ? void 0 : marginNoteText.size) * (marginNoteText === null || marginNoteText === void 0 ? void 0 : marginNoteText.page) + i + 1 - (marginNoteText === null || marginNoteText === void 0 ? void 0 : marginNoteText.size),
+        id: dataObj === null || dataObj === void 0 ? void 0 : dataObj.id,
+        text: dataObj === null || dataObj === void 0 ? void 0 : dataObj.text,
+        isMain: dataObj === null || dataObj === void 0 ? void 0 : dataObj.isMain,
+        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(getMarginNoteText(data));
+  }, [dispatch, page, marginNoteTextRender, size, query]);
+  var updateSize = function updateSize(newSize) {
+    setSize(newSize); // Update state
+    Cookies.set("pagination-size-questionnaire-margin-note-texts", 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, "D\u0259rk\u0259nar m\u0259tni"), /*#__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: "text",
+    label: "Mətn"
+  }, /*#__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(deleteMarginNoteText(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 QuestionnairesMarginNoteTextsContent;