@banch0u/core-project-test-repository 1.9.4 → 1.9.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,64 @@
1
+ import React from "react";
2
+ import { Switch, Tooltip } from "antd";
3
+ import style from "../Questionnaires.module.scss";
4
+ import { setDeleteModalVisible } from "../../../store/slices/global";
5
+ import { DeleteIconQ, EditIcon } from "../../../assets/icons";
6
+ export var getStreetColumns = function getStreetColumns(onEditClick, onDelete, onStatusChange, dispatch, innerW) {
7
+ return [{
8
+ title: "№",
9
+ dataIndex: "num",
10
+ showCheckbox: false,
11
+ ellipsis: true,
12
+ width: 35
13
+ }, {
14
+ title: "Ad",
15
+ dataIndex: "name",
16
+ width: innerW,
17
+ disabled: true,
18
+ ellipsis: true
19
+ }, {
20
+ key: "tin",
21
+ title: "VÖEN",
22
+ dataIndex: "tin",
23
+ // disabled: true,
24
+ ellipsis: true
25
+ }, {
26
+ title: "Status",
27
+ key: "status",
28
+ disabled: true,
29
+ filter: false,
30
+ render: function render(data) {
31
+ return /*#__PURE__*/React.createElement(Tooltip, {
32
+ placement: "top",
33
+ title: "Statusu d\u0259yi\u015F"
34
+ }, /*#__PURE__*/React.createElement(Switch, {
35
+ size: "medium",
36
+ checked: data === null || data === void 0 ? void 0 : data.isActive,
37
+ onChange: function onChange(checked) {
38
+ return onStatusChange(data, checked, dispatch);
39
+ }
40
+ }));
41
+ }
42
+ }, {
43
+ title: "",
44
+ key: "actions",
45
+ showCheckbox: false,
46
+ width: 80,
47
+ render: function render(data) {
48
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
49
+ className: style.number
50
+ }, /*#__PURE__*/React.createElement("div", {
51
+ className: style.actions
52
+ }, /*#__PURE__*/React.createElement("div", {
53
+ onClick: function onClick() {
54
+ return onEditClick(data);
55
+ }
56
+ }, /*#__PURE__*/React.createElement(EditIcon, null)), /*#__PURE__*/React.createElement("div", {
57
+ onClick: function onClick() {
58
+ onDelete(data === null || data === void 0 ? void 0 : data.id);
59
+ dispatch(setDeleteModalVisible(true));
60
+ }
61
+ }, /*#__PURE__*/React.createElement(DeleteIconQ, null)))));
62
+ }
63
+ }];
64
+ };
@@ -0,0 +1,278 @@
1
+ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
+ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
4
+ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
5
+ import _regeneratorRuntime from "@babel/runtime/regenerator";
6
+ 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; }
7
+ 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) { _defineProperty(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; }
8
+ import React from "react";
9
+ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
10
+ import Cookies from "js-cookie";
11
+ import style from "../Questionnaires.module.scss";
12
+ import { Form, Input, Layout } from "antd";
13
+ import { PlusIcon } from "../../../assets/icons";
14
+ import FormModal from "../../../components/FormModal";
15
+ import { useDispatch, useSelector } from "react-redux";
16
+ import Delete from "../../../components/Delete/Delete";
17
+ import DeleteModal from "../../../components/DeleteModal/DeleteModal";
18
+ import Success from "../../../components/Success/Success";
19
+ import { setDeleteModalVisible, setViewModalVisible } from "../../../store/slices/global";
20
+ import ViewModal from "../../../components/ViewModal";
21
+ import { getStreetColumns } from "./constant";
22
+ import Pagination from "../../../components/Pagination";
23
+ import ColSort from "../../../components/ColSort";
24
+ import { setPaginationLength } from "../../../helpers/paginationLength";
25
+ import Button from "../../../components/Button";
26
+ import Loading from "../../../components/Loading";
27
+ import Table from "../../../components/Table";
28
+ import Filter from "../../../components/Filter";
29
+ import { addContragenttypes, deleteContragenttypes, contragenttypesVisibility, editContragenttypes, getContragenttypes } from "../../../store/slices/questionnaire";
30
+ var Content = Layout.Content;
31
+ var Item = Form.Item;
32
+ var QuestionnairesContragenttypesContent = function QuestionnairesContragenttypesContent() {
33
+ var _useState = useState(null),
34
+ _useState2 = _slicedToArray(_useState, 2),
35
+ innerW = _useState2[0],
36
+ setInnerW = _useState2[1];
37
+ var ref = useRef();
38
+ var dispatch = useDispatch();
39
+ var _useState3 = useState(0),
40
+ _useState4 = _slicedToArray(_useState3, 2),
41
+ id = _useState4[0],
42
+ setId = _useState4[1];
43
+ var _useState5 = useState(1),
44
+ _useState6 = _slicedToArray(_useState5, 2),
45
+ page = _useState6[0],
46
+ setPage = _useState6[1];
47
+ var _useState7 = useState(Cookies.get("pagination-size-questionnaire-document-type") ? JSON.parse(Cookies.get("pagination-size-questionnaire-document-type")) : 20),
48
+ _useState8 = _slicedToArray(_useState7, 2),
49
+ size = _useState8[0],
50
+ setSize = _useState8[1];
51
+ var _useState9 = useState({
52
+ name: ""
53
+ }),
54
+ _useState10 = _slicedToArray(_useState9, 2),
55
+ query = _useState10[0],
56
+ setQuery = _useState10[1];
57
+ var _useSelector = useSelector(function (state) {
58
+ return state.global;
59
+ }),
60
+ loading = _useSelector.loading,
61
+ contragenttypesRender = _useSelector.contragenttypesRender;
62
+ var contragenttypes = useSelector(function (state) {
63
+ return state.questionnaire.contragenttypes;
64
+ });
65
+ var paginationLength = setPaginationLength(contragenttypes === null || contragenttypes === void 0 ? void 0 : contragenttypes.count, contragenttypes === null || contragenttypes === void 0 ? void 0 : contragenttypes.size);
66
+ var onSubmit = useCallback(/*#__PURE__*/function () {
67
+ var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
68
+ return _regeneratorRuntime.wrap(function _callee$(_context) {
69
+ while (1) switch (_context.prev = _context.next) {
70
+ case 0:
71
+ dispatch(addContragenttypes(_objectSpread({}, data)));
72
+ case 1:
73
+ case "end":
74
+ return _context.stop();
75
+ }
76
+ }, _callee);
77
+ }));
78
+ return function (_x) {
79
+ return _ref.apply(this, arguments);
80
+ };
81
+ }(), [dispatch]);
82
+ var onEdit = useCallback(function (id, record) {
83
+ console.log(record);
84
+ var data = {
85
+ id: id,
86
+ name: record === null || record === void 0 ? void 0 : record.name,
87
+ tin: record === null || record === void 0 ? void 0 : record.tin
88
+ };
89
+ dispatch(editContragenttypes(data));
90
+ }, [dispatch]);
91
+ var onStatusChange = useCallback(function (data, checked) {
92
+ var data_ = {
93
+ id: data === null || data === void 0 ? void 0 : data.id,
94
+ checked: checked
95
+ };
96
+ dispatch(contragenttypesVisibility(data_));
97
+ }, [dispatch]);
98
+ var closeOnViewModal = useCallback(function () {
99
+ dispatch(setViewModalVisible(false));
100
+ }, [dispatch]);
101
+ var onClickModal = function onClickModal() {
102
+ var _ref$current;
103
+ ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.open();
104
+ };
105
+ var onEditClick = useCallback(function (data) {
106
+ var _ref$current2;
107
+ ref === null || ref === void 0 || (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.setEdit(data);
108
+ }, []);
109
+ var onDelete = useCallback(function (id) {
110
+ setId(id);
111
+ }, []);
112
+ var handleColumnToggle = function handleColumnToggle(checked, dataIndex) {
113
+ setSelectedColumns(function (prevSelected) {
114
+ if (checked) {
115
+ return [].concat(_toConsumableArray(prevSelected), [dataIndex]);
116
+ } else {
117
+ return prevSelected.filter(function (col) {
118
+ return col !== dataIndex;
119
+ });
120
+ }
121
+ });
122
+ };
123
+ var data = [];
124
+ if (contragenttypes !== null && contragenttypes !== void 0 && contragenttypes.items) {
125
+ var _contragenttypes$item;
126
+ data = contragenttypes === null || contragenttypes === void 0 || (_contragenttypes$item = contragenttypes.items) === null || _contragenttypes$item === void 0 ? void 0 : _contragenttypes$item.map(function (dataObj, i) {
127
+ return {
128
+ num: (contragenttypes === null || contragenttypes === void 0 ? void 0 : contragenttypes.size) * (contragenttypes === null || contragenttypes === void 0 ? void 0 : contragenttypes.page) + i + 1 - (contragenttypes === null || contragenttypes === void 0 ? void 0 : contragenttypes.size),
129
+ id: dataObj === null || dataObj === void 0 ? void 0 : dataObj.id,
130
+ name: dataObj === null || dataObj === void 0 ? void 0 : dataObj.name,
131
+ tin: dataObj === null || dataObj === void 0 ? void 0 : dataObj.tin,
132
+ isActive: dataObj === null || dataObj === void 0 ? void 0 : dataObj.isActive,
133
+ className: "rowClassName1"
134
+ };
135
+ });
136
+ }
137
+ var columns = useMemo(function () {
138
+ return getStreetColumns(onEditClick, onDelete, onStatusChange, dispatch);
139
+ }, [onEditClick, onDelete, onStatusChange, dispatch]);
140
+ var _useState11 = useState(columns.map(function (col) {
141
+ return col.dataIndex;
142
+ })),
143
+ _useState12 = _slicedToArray(_useState11, 2),
144
+ selectedColumns = _useState12[0],
145
+ setSelectedColumns = _useState12[1];
146
+ useEffect(function () {
147
+ if (window.innerWidth >= 1900) {
148
+ setInnerW(210);
149
+ } else {
150
+ setInnerW(155);
151
+ }
152
+ var data = {
153
+ page: page,
154
+ size: size,
155
+ query: query,
156
+ visibility: "nondeleted"
157
+ };
158
+ dispatch(getContragenttypes(data));
159
+ }, [dispatch, page, contragenttypesRender, size, query]);
160
+ var updateSize = function updateSize(newSize) {
161
+ setSize(newSize); // Update state
162
+ Cookies.set("pagination-size-questionnaire-document-type", JSON.stringify(newSize), {
163
+ expires: 7
164
+ }); // Save to cookies
165
+ };
166
+ return /*#__PURE__*/React.createElement(React.Fragment, null, loading ? /*#__PURE__*/React.createElement(Loading, null) : null, /*#__PURE__*/React.createElement(Layout, {
167
+ className: style.layout
168
+ }, /*#__PURE__*/React.createElement(Content, {
169
+ className: style.content
170
+ }, /*#__PURE__*/React.createElement("header", {
171
+ className: style.header
172
+ }, /*#__PURE__*/React.createElement(Button, {
173
+ onClick: onClickModal,
174
+ color: "green"
175
+ }, " ", /*#__PURE__*/React.createElement(PlusIcon, null), " Soraq\xE7a \u0259lav\u0259 et"), /*#__PURE__*/React.createElement(Filter, {
176
+ columns: columns,
177
+ selectedColumns: selectedColumns,
178
+ setQuery: setQuery,
179
+ disabledElementCount: 3,
180
+ setPage: setPage
181
+ }))), /*#__PURE__*/React.createElement(Layout, {
182
+ className: style.layout1
183
+ }, /*#__PURE__*/React.createElement(Content, {
184
+ className: style.content
185
+ }, /*#__PURE__*/React.createElement("div", {
186
+ className: style.table_header
187
+ }, /*#__PURE__*/React.createElement("h2", null, "M\xFCqavil\u0259nin t\u0259r\u0259fi"), /*#__PURE__*/React.createElement("div", {
188
+ className: style.buttons
189
+ }, /*#__PURE__*/React.createElement(ColSort, {
190
+ columns: columns,
191
+ selectedColumns: selectedColumns,
192
+ handleColumnToggle: handleColumnToggle
193
+ }))), /*#__PURE__*/React.createElement("div", {
194
+ className: "bigTable"
195
+ }, /*#__PURE__*/React.createElement(Table, {
196
+ selectedColumns: selectedColumns,
197
+ innerW: innerW,
198
+ dataSource: data,
199
+ columns: columns,
200
+ disableDrag: true
201
+ })), /*#__PURE__*/React.createElement("div", {
202
+ className: style.pagination
203
+ }, /*#__PURE__*/React.createElement(Pagination, {
204
+ size: size,
205
+ setSize: updateSize,
206
+ total: paginationLength,
207
+ page: page,
208
+ onChange: setPage
209
+ })), /*#__PURE__*/React.createElement(FormModal, {
210
+ ref: ref,
211
+ width: 454,
212
+ title: "Yeni soraqça yaratma",
213
+ titleEdit: "Soraqça redaktə etmə",
214
+ okText: "Yadda saxla",
215
+ cancelText: "Bağla",
216
+ onSubmit: onSubmit,
217
+ onEdit: onEdit,
218
+ className: "absolute",
219
+ centered: false
220
+ }, /*#__PURE__*/React.createElement(Item, {
221
+ className: style.label,
222
+ rules: [{
223
+ required: true,
224
+ message: ""
225
+ }],
226
+ name: "name",
227
+ label: "Ad"
228
+ }, /*#__PURE__*/React.createElement(Input, {
229
+ className: style.modal_input,
230
+ type: "text"
231
+ })), /*#__PURE__*/React.createElement(Item, {
232
+ className: style.label,
233
+ name: "tin",
234
+ label: "V\xD6EN",
235
+ rules: [{
236
+ required: true,
237
+ message: ""
238
+ }, {
239
+ pattern: /^\d{10}$/,
240
+ message: ""
241
+ }]
242
+ }, /*#__PURE__*/React.createElement(Input, {
243
+ className: style.modal_input,
244
+ maxLength: 10,
245
+ inputMode: "numeric",
246
+ onBeforeInput: function onBeforeInput(e) {
247
+ if (!/^\d$/.test(e.data)) {
248
+ e.preventDefault();
249
+ }
250
+ },
251
+ onPaste: function onPaste(e) {
252
+ var pasted = e.clipboardData.getData("Text");
253
+ if (!/^\d+$/.test(pasted)) {
254
+ e.preventDefault();
255
+ }
256
+ }
257
+ }))), /*#__PURE__*/React.createElement(DeleteModal, {
258
+ onCancel: function onCancel() {
259
+ return dispatch(setDeleteModalVisible(false));
260
+ },
261
+ width: 280
262
+ }, /*#__PURE__*/React.createElement(Delete, {
263
+ onDelete: function onDelete() {
264
+ return dispatch(deleteContragenttypes(id));
265
+ },
266
+ onCancel: function onCancel() {
267
+ return dispatch(setDeleteModalVisible(false));
268
+ },
269
+ value: "Soraqçanı"
270
+ })), /*#__PURE__*/React.createElement(ViewModal, {
271
+ onCancel: closeOnViewModal,
272
+ width: 695
273
+ }, /*#__PURE__*/React.createElement(Success, {
274
+ onClick: closeOnViewModal,
275
+ value: "Soraqça"
276
+ }))))));
277
+ };
278
+ export default QuestionnairesContragenttypesContent;
@@ -0,0 +1,58 @@
1
+ import React from "react";
2
+ import { Switch, Tooltip } from "antd";
3
+ import style from "../Questionnaires.module.scss";
4
+ import { setDeleteModalVisible } from "../../../store/slices/global";
5
+ import { DeleteIconQ, EditIcon } from "../../../assets/icons";
6
+ export var getStreetColumns = function getStreetColumns(onEditClick, onDelete, onStatusChange, dispatch, innerW) {
7
+ return [{
8
+ title: "№",
9
+ dataIndex: "num",
10
+ showCheckbox: false,
11
+ ellipsis: true,
12
+ width: 35
13
+ }, {
14
+ title: "Ad",
15
+ dataIndex: "name",
16
+ width: innerW,
17
+ disabled: true,
18
+ ellipsis: true
19
+ }, {
20
+ title: "Status",
21
+ key: "status",
22
+ disabled: true,
23
+ filter: false,
24
+ render: function render(data) {
25
+ return /*#__PURE__*/React.createElement(Tooltip, {
26
+ placement: "top",
27
+ title: "Statusu d\u0259yi\u015F"
28
+ }, /*#__PURE__*/React.createElement(Switch, {
29
+ size: "medium",
30
+ checked: data === null || data === void 0 ? void 0 : data.isActive,
31
+ onChange: function onChange(checked) {
32
+ return onStatusChange(data, checked, dispatch);
33
+ }
34
+ }));
35
+ }
36
+ }, {
37
+ title: "",
38
+ key: "actions",
39
+ showCheckbox: false,
40
+ width: 80,
41
+ render: function render(data) {
42
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
43
+ className: style.number
44
+ }, /*#__PURE__*/React.createElement("div", {
45
+ className: style.actions
46
+ }, /*#__PURE__*/React.createElement("div", {
47
+ onClick: function onClick() {
48
+ return onEditClick(data);
49
+ }
50
+ }, /*#__PURE__*/React.createElement(EditIcon, null)), /*#__PURE__*/React.createElement("div", {
51
+ onClick: function onClick() {
52
+ onDelete(data === null || data === void 0 ? void 0 : data.id);
53
+ dispatch(setDeleteModalVisible(true));
54
+ }
55
+ }, /*#__PURE__*/React.createElement(DeleteIconQ, null)))));
56
+ }
57
+ }];
58
+ };
@@ -0,0 +1,250 @@
1
+ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
+ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
4
+ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
5
+ import _regeneratorRuntime from "@babel/runtime/regenerator";
6
+ 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; }
7
+ 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) { _defineProperty(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; }
8
+ import React from "react";
9
+ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
10
+ import Cookies from "js-cookie";
11
+ import style from "../Questionnaires.module.scss";
12
+ import { Form, Input, Layout } from "antd";
13
+ import { PlusIcon } from "../../../assets/icons";
14
+ import FormModal from "../../../components/FormModal";
15
+ import { useDispatch, useSelector } from "react-redux";
16
+ import Delete from "../../../components/Delete/Delete";
17
+ import DeleteModal from "../../../components/DeleteModal/DeleteModal";
18
+ import Success from "../../../components/Success/Success";
19
+ import { setDeleteModalVisible, setViewModalVisible } from "../../../store/slices/global";
20
+ import ViewModal from "../../../components/ViewModal";
21
+ import { getStreetColumns } from "./constant";
22
+ import Pagination from "../../../components/Pagination";
23
+ import ColSort from "../../../components/ColSort";
24
+ import { setPaginationLength } from "../../../helpers/paginationLength";
25
+ import Button from "../../../components/Button";
26
+ import Loading from "../../../components/Loading";
27
+ import Table from "../../../components/Table";
28
+ import Filter from "../../../components/Filter";
29
+ import { addOrders, deleteOrders, ordersVisibility, editOrders, getOrders } from "../../../store/slices/questionnaire";
30
+ var Content = Layout.Content;
31
+ var Item = Form.Item;
32
+ var QuestionnairesOrdersContent = function QuestionnairesOrdersContent() {
33
+ var _useState = useState(null),
34
+ _useState2 = _slicedToArray(_useState, 2),
35
+ innerW = _useState2[0],
36
+ setInnerW = _useState2[1];
37
+ var ref = useRef();
38
+ var dispatch = useDispatch();
39
+ var _useState3 = useState(0),
40
+ _useState4 = _slicedToArray(_useState3, 2),
41
+ id = _useState4[0],
42
+ setId = _useState4[1];
43
+ var _useState5 = useState(1),
44
+ _useState6 = _slicedToArray(_useState5, 2),
45
+ page = _useState6[0],
46
+ setPage = _useState6[1];
47
+ var _useState7 = useState(Cookies.get("pagination-size-questionnaire-document-type") ? JSON.parse(Cookies.get("pagination-size-questionnaire-document-type")) : 20),
48
+ _useState8 = _slicedToArray(_useState7, 2),
49
+ size = _useState8[0],
50
+ setSize = _useState8[1];
51
+ var _useState9 = useState({
52
+ name: ""
53
+ }),
54
+ _useState10 = _slicedToArray(_useState9, 2),
55
+ query = _useState10[0],
56
+ setQuery = _useState10[1];
57
+ var _useSelector = useSelector(function (state) {
58
+ return state.global;
59
+ }),
60
+ loading = _useSelector.loading,
61
+ ordersRender = _useSelector.ordersRender;
62
+ var orders = useSelector(function (state) {
63
+ return state.questionnaire.orders;
64
+ });
65
+ var paginationLength = setPaginationLength(orders === null || orders === void 0 ? void 0 : orders.count, orders === null || orders === void 0 ? void 0 : orders.size);
66
+ var onSubmit = useCallback(/*#__PURE__*/function () {
67
+ var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
68
+ return _regeneratorRuntime.wrap(function _callee$(_context) {
69
+ while (1) switch (_context.prev = _context.next) {
70
+ case 0:
71
+ dispatch(addOrders(_objectSpread({}, data)));
72
+ case 1:
73
+ case "end":
74
+ return _context.stop();
75
+ }
76
+ }, _callee);
77
+ }));
78
+ return function (_x) {
79
+ return _ref.apply(this, arguments);
80
+ };
81
+ }(), [dispatch]);
82
+ var onEdit = useCallback(function (id, record) {
83
+ console.log(record);
84
+ var data = {
85
+ id: id,
86
+ name: record === null || record === void 0 ? void 0 : record.name
87
+ };
88
+ dispatch(editOrders(data));
89
+ }, [dispatch]);
90
+ var onStatusChange = useCallback(function (data, checked) {
91
+ var data_ = {
92
+ id: data === null || data === void 0 ? void 0 : data.id,
93
+ checked: checked
94
+ };
95
+ dispatch(ordersVisibility(data_));
96
+ }, [dispatch]);
97
+ var closeOnViewModal = useCallback(function () {
98
+ dispatch(setViewModalVisible(false));
99
+ }, [dispatch]);
100
+ var onClickModal = function onClickModal() {
101
+ var _ref$current;
102
+ ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.open();
103
+ };
104
+ var onEditClick = useCallback(function (data) {
105
+ var _ref$current2;
106
+ ref === null || ref === void 0 || (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.setEdit(data);
107
+ }, []);
108
+ var onDelete = useCallback(function (id) {
109
+ setId(id);
110
+ }, []);
111
+ var handleColumnToggle = function handleColumnToggle(checked, dataIndex) {
112
+ setSelectedColumns(function (prevSelected) {
113
+ if (checked) {
114
+ return [].concat(_toConsumableArray(prevSelected), [dataIndex]);
115
+ } else {
116
+ return prevSelected.filter(function (col) {
117
+ return col !== dataIndex;
118
+ });
119
+ }
120
+ });
121
+ };
122
+ var data = [];
123
+ if (orders !== null && orders !== void 0 && orders.items) {
124
+ var _orders$items;
125
+ data = orders === null || orders === void 0 || (_orders$items = orders.items) === null || _orders$items === void 0 ? void 0 : _orders$items.map(function (dataObj, i) {
126
+ return {
127
+ num: (orders === null || orders === void 0 ? void 0 : orders.size) * (orders === null || orders === void 0 ? void 0 : orders.page) + i + 1 - (orders === null || orders === void 0 ? void 0 : orders.size),
128
+ id: dataObj === null || dataObj === void 0 ? void 0 : dataObj.id,
129
+ name: dataObj === null || dataObj === void 0 ? void 0 : dataObj.name,
130
+ isActive: dataObj === null || dataObj === void 0 ? void 0 : dataObj.isActive,
131
+ className: "rowClassName1"
132
+ };
133
+ });
134
+ }
135
+ var columns = useMemo(function () {
136
+ return getStreetColumns(onEditClick, onDelete, onStatusChange, dispatch);
137
+ }, [onEditClick, onDelete, onStatusChange, dispatch]);
138
+ var _useState11 = useState(columns.map(function (col) {
139
+ return col.dataIndex;
140
+ })),
141
+ _useState12 = _slicedToArray(_useState11, 2),
142
+ selectedColumns = _useState12[0],
143
+ setSelectedColumns = _useState12[1];
144
+ useEffect(function () {
145
+ if (window.innerWidth >= 1900) {
146
+ setInnerW(210);
147
+ } else {
148
+ setInnerW(155);
149
+ }
150
+ var data = {
151
+ page: page,
152
+ size: size,
153
+ query: query,
154
+ visibility: "nondeleted"
155
+ };
156
+ dispatch(getOrders(data));
157
+ }, [dispatch, page, ordersRender, size, query]);
158
+ var updateSize = function updateSize(newSize) {
159
+ setSize(newSize); // Update state
160
+ Cookies.set("pagination-size-questionnaire-document-type", JSON.stringify(newSize), {
161
+ expires: 7
162
+ }); // Save to cookies
163
+ };
164
+ return /*#__PURE__*/React.createElement(React.Fragment, null, loading ? /*#__PURE__*/React.createElement(Loading, null) : null, /*#__PURE__*/React.createElement(Layout, {
165
+ className: style.layout
166
+ }, /*#__PURE__*/React.createElement(Content, {
167
+ className: style.content
168
+ }, /*#__PURE__*/React.createElement("header", {
169
+ className: style.header
170
+ }, /*#__PURE__*/React.createElement(Button, {
171
+ onClick: onClickModal,
172
+ color: "green"
173
+ }, /*#__PURE__*/React.createElement(PlusIcon, null), " Soraq\xE7a \u0259lav\u0259 et"), /*#__PURE__*/React.createElement(Filter, {
174
+ columns: columns,
175
+ selectedColumns: selectedColumns,
176
+ setQuery: setQuery,
177
+ disabledElementCount: 3,
178
+ setPage: setPage
179
+ }))), /*#__PURE__*/React.createElement(Layout, {
180
+ className: style.layout1
181
+ }, /*#__PURE__*/React.createElement(Content, {
182
+ className: style.content
183
+ }, /*#__PURE__*/React.createElement("div", {
184
+ className: style.table_header
185
+ }, /*#__PURE__*/React.createElement("h2", null, "Sat\u0131nlama sifari\u015Fi"), /*#__PURE__*/React.createElement("div", {
186
+ className: style.buttons
187
+ }, /*#__PURE__*/React.createElement(ColSort, {
188
+ columns: columns,
189
+ selectedColumns: selectedColumns,
190
+ handleColumnToggle: handleColumnToggle
191
+ }))), /*#__PURE__*/React.createElement("div", {
192
+ className: "bigTable"
193
+ }, /*#__PURE__*/React.createElement(Table, {
194
+ selectedColumns: selectedColumns,
195
+ innerW: innerW,
196
+ dataSource: data,
197
+ columns: columns,
198
+ disableDrag: true
199
+ })), /*#__PURE__*/React.createElement("div", {
200
+ className: style.pagination
201
+ }, /*#__PURE__*/React.createElement(Pagination, {
202
+ size: size,
203
+ setSize: updateSize,
204
+ total: paginationLength,
205
+ page: page,
206
+ onChange: setPage
207
+ })), /*#__PURE__*/React.createElement(FormModal, {
208
+ ref: ref,
209
+ width: 454,
210
+ title: "Yeni soraqça yaratma",
211
+ titleEdit: "Soraqça redaktə etmə",
212
+ okText: "Yadda saxla",
213
+ cancelText: "Bağla",
214
+ onSubmit: onSubmit,
215
+ onEdit: onEdit,
216
+ className: "absolute",
217
+ centered: false
218
+ }, /*#__PURE__*/React.createElement(Item, {
219
+ className: style.label,
220
+ rules: [{
221
+ required: true,
222
+ message: ""
223
+ }],
224
+ name: "name",
225
+ label: "Ad"
226
+ }, /*#__PURE__*/React.createElement(Input, {
227
+ className: style.modal_input,
228
+ type: "text"
229
+ }))), /*#__PURE__*/React.createElement(DeleteModal, {
230
+ onCancel: function onCancel() {
231
+ return dispatch(setDeleteModalVisible(false));
232
+ },
233
+ width: 280
234
+ }, /*#__PURE__*/React.createElement(Delete, {
235
+ onDelete: function onDelete() {
236
+ return dispatch(deleteOrders(id));
237
+ },
238
+ onCancel: function onCancel() {
239
+ return dispatch(setDeleteModalVisible(false));
240
+ },
241
+ value: "Soraqçanı"
242
+ })), /*#__PURE__*/React.createElement(ViewModal, {
243
+ onCancel: closeOnViewModal,
244
+ width: 695
245
+ }, /*#__PURE__*/React.createElement(Success, {
246
+ onClick: closeOnViewModal,
247
+ value: "Soraqça"
248
+ }))))));
249
+ };
250
+ export default QuestionnairesOrdersContent;