@ssplib/react-components 0.0.274 → 0.0.276

package/components/form/table/utils.js

@@ -0,0 +1,383 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.downloadCSVAll = exports.downloadCSVFile = exports.ordenarDados = exports.filtrarDados = exports.formatarString = exports.removePunctuationAndAccents = exports.transformArrayObjectInString = exports.getCount = void 0;
+const lodash_get_1 = __importDefault(require("lodash.get"));
+const dayjs_1 = __importDefault(require("dayjs"));
+const jszip_1 = __importDefault(require("jszip"));
+const lodash_clonedeep_1 = __importDefault(require("lodash.clonedeep"));
+const getCount = (countData, itemsCount) => {
+    if (countData.length <= 0)
+        return 1;
+    let count = countData.length / itemsCount;
+    count = count < 1 ? 1 : count;
+    return Math.ceil(count);
+};
+exports.getCount = getCount;
+function transformArrayObjectInString(o) {
+    let arrString = [];
+    if (typeof o === 'object' && !Array.isArray(o) && o !== null) {
+        for (let [key, value] of Object.entries(o)) {
+            if (typeof value === 'object' && !Array.isArray(value) && value !== null) {
+                arrString.push(key + ': ' + transformArrayObjectInString(value));
+            }
+            else {
+                if (value) {
+                    // Is true
+                    arrString.push(key);
+                }
+            }
+        }
+    }
+    return '[' + arrString.join(' - ') + ']';
+}
+exports.transformArrayObjectInString = transformArrayObjectInString;
+// export function defineCSVCells({ csvUpper, csvExcludeUpper }: DefineCSVCellsProps): string {
+//     if (typeof cell === 'string') {
+//         let item = csvUpper && !csvExcludeUpper.includes(key) ? (cell as string).toUpperCase() : cell
+//         item = normalize ? item.normalize('NFD').replace(/[\u0300-\u036f]/g, '') : item
+//         return removeQuotes ? `${item}` : `"${item}"`
+//     } else if (typeof cell === 'object' && !Array.isArray(cell) && cell !== null) {
+//         let strItemAsObject = transformArrayObjectInString(cell).slice(1, -1) // key: label (Ex.: jsNaturezaEvento)
+//         let item = csvUpper && !csvExcludeUpper.includes(key) ? (strItemAsObject as string).toUpperCase() : strItemAsObject
+//         item = normalize ? item.normalize('NFD').replace(/[\u0300-\u036f]/g, '') : item
+//         return removeQuotes ? `${item}` : `"${item}"`
+//     }
+//     return cell
+// }
+function removePunctuationAndAccents(text) {
+    // Remove accents and diacritics
+    const normalizedText = text.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
+    // Remove punctuation marks
+    const cleanedText = normalizedText.replace(/[!"#$%&'()*+,\-./:;<=>?@[\\\]^_`{|}~]/g, '');
+    return cleanedText;
+}
+exports.removePunctuationAndAccents = removePunctuationAndAccents;
+function formatarString(str) {
+    const value = typeof str !== 'string' ? str.toString() : str;
+    return value
+        .normalize('NFD')
+        .replace(/[\u0300-\u036f]/g, '')
+        .toLowerCase()
+        .trim();
+}
+exports.formatarString = formatarString;
+function filtrarDados({ filterData, startData, filtersFuncData = {}, localTableName = '', setCurrentPage, setList, setListClone, setListPage, setPagCount, itemsCount }) {
+    if (!startData)
+        return;
+    let currentData = JSON.parse(JSON.stringify(startData));
+    filterData
+        .filter((dt) => dt.value || (dt.operator === 'entre' && (dt.value || dt.value2)))
+        .forEach((dt) => {
+        let filteredData = [];
+        switch (dt.type) {
+            case 'number':
+                switch (dt.operator) {
+                    case 'igual':
+                        currentData.forEach((cd) => {
+                            const value = Number((0, lodash_get_1.default)(cd, dt.keyName, ''));
+                            if (value === Number(dt.value)) {
+                                filteredData.push(cd);
+                            }
+                        });
+                        break;
+                    case 'maior que':
+                        currentData.forEach((cd) => {
+                            const value = Number((0, lodash_get_1.default)(cd, dt.keyName, ''));
+                            if (value > Number(dt.value)) {
+                                filteredData.push(cd);
+                            }
+                        });
+                        break;
+                    case 'menor que':
+                        currentData.forEach((cd) => {
+                            const value = Number((0, lodash_get_1.default)(cd, dt.keyName, ''));
+                            if (value < Number(dt.value)) {
+                                filteredData.push(cd);
+                            }
+                        });
+                        break;
+                }
+                break;
+            case 'string':
+                switch (dt.operator) {
+                    case 'igual':
+                        currentData.forEach((cd) => {
+                            const value = (0, lodash_get_1.default)(cd, dt.keyName, '');
+                            if (dt.useList) {
+                                if (formatarString(value) === formatarString(dt.value.id)) {
+                                    filteredData.push(cd);
+                                }
+                            }
+                            else {
+                                if (formatarString(value) === formatarString(dt.value)) {
+                                    filteredData.push(cd);
+                                }
+                            }
+                        });
+                        break;
+                    case 'contem':
+                        currentData.forEach((cd) => {
+                            const value = (0, lodash_get_1.default)(cd, dt.keyName, '');
+                            if (!value)
+                                return;
+                            if (dt.useList) {
+                                if (formatarString(value).includes(formatarString(dt.value.id))) {
+                                    filteredData.push(cd);
+                                }
+                            }
+                            else {
+                                if (formatarString(value).includes(formatarString(dt.value))) {
+                                    filteredData.push(cd);
+                                }
+                            }
+                        });
+                        break;
+                    case 'tem um dos':
+                        currentData.forEach((cd) => {
+                            const value = (0, lodash_get_1.default)(cd, dt.keyName, '');
+                            if (!value)
+                                return;
+                            if (dt.value.map((x) => formatarString(x.id)).includes(formatarString(value))) {
+                                filteredData.push(cd);
+                            }
+                        });
+                        break;
+                }
+                break;
+            case 'date':
+                switch (dt.operator) {
+                    case 'data exata':
+                        currentData.forEach((cd) => {
+                            const value = (0, dayjs_1.default)((0, lodash_get_1.default)(cd, dt.keyName, ''), 'DD/MM/YYYY');
+                            if (!value.isValid())
+                                return;
+                            if (value.isSame((0, dayjs_1.default)(dt.value, 'DD/MM/YYYY'))) {
+                                filteredData.push(cd);
+                            }
+                        });
+                        break;
+                    case 'entre':
+                        const dateA = dt.value ? (0, dayjs_1.default)(dt.value, 'DD/MM/YYYY') : (0, dayjs_1.default)('01/01/2000', 'DD/MM/YYYY');
+                        const dateB = dt.value2 ? (0, dayjs_1.default)(dt.value2, 'DD/MM/YYYY') : (0, dayjs_1.default)('31/12/2030', 'DD/MM/YYYY');
+                        currentData.forEach((cd) => {
+                            const value = (0, dayjs_1.default)((0, lodash_get_1.default)(cd, dt.keyName, ''), 'DD/MM/YYYY');
+                            if ((value.isAfter(dateA) || value.isSame(dateA)) && (value.isBefore(dateB) || value.isSame(dateB))) {
+                                filteredData.push(cd);
+                            }
+                        });
+                        break;
+                }
+                break;
+            case 'dates':
+                switch (dt.operator) {
+                    case 'data inicio':
+                        currentData.forEach((cd) => {
+                            var _a;
+                            const dates = (_a = filtersFuncData[dt.customFunc]((0, lodash_get_1.default)(cd, dt.keyName, ''))) !== null && _a !== void 0 ? _a : [];
+                            if (dates.length <= 0)
+                                return;
+                            var inicioDate = dates[0];
+                            var inicioValue = (0, dayjs_1.default)(inicioDate, 'DD/MM/YYYY');
+                            if (inicioValue.isSame((0, dayjs_1.default)(dt.value, 'DD/MM/YYYY'))) {
+                                filteredData.push(cd);
+                            }
+                        });
+                        break;
+                    case 'data fim':
+                        currentData.forEach((cd) => {
+                            var _a;
+                            const dates = (_a = filtersFuncData[dt.customFunc]((0, lodash_get_1.default)(cd, dt.keyName, ''))) !== null && _a !== void 0 ? _a : [];
+                            if (dates.length <= 0)
+                                return;
+                            var fimDate = dates[dates.length - 1];
+                            var fimValue = (0, dayjs_1.default)(fimDate, 'DD/MM/YYYY');
+                            if (fimValue.isSame((0, dayjs_1.default)(dt.value, 'DD/MM/YYYY'))) {
+                                filteredData.push(cd);
+                            }
+                        });
+                        break;
+                    case 'tem a data':
+                        currentData.forEach((cd) => {
+                            var _a;
+                            const dates = (_a = filtersFuncData[dt.customFunc]((0, lodash_get_1.default)(cd, dt.keyName, ''))) !== null && _a !== void 0 ? _a : [];
+                            if (dates.includes(dt.value)) {
+                                filteredData.push(cd);
+                            }
+                        });
+                        break;
+                    case 'entre':
+                        const dateA = dt.value ? (0, dayjs_1.default)(dt.value, 'DD/MM/YYYY') : (0, dayjs_1.default)('01/01/2000', 'DD/MM/YYYY');
+                        const dateB = dt.value2 ? (0, dayjs_1.default)(dt.value2, 'DD/MM/YYYY') : (0, dayjs_1.default)('31/12/2030', 'DD/MM/YYYY');
+                        currentData.forEach((cd) => {
+                            var _a;
+                            const dates = (_a = filtersFuncData[dt.customFunc]((0, lodash_get_1.default)(cd, dt.keyName, ''))) !== null && _a !== void 0 ? _a : [];
+                            let isBetween = false;
+                            dates.forEach((dtStr) => {
+                                if (isBetween)
+                                    return;
+                                const dt = (0, dayjs_1.default)(dtStr, 'DD/MM/YYYY');
+                                if (!dt.isValid())
+                                    return;
+                                if ((dt.isAfter(dateA) || dt.isSame(dateA)) && (dt.isBefore(dateB) || dt.isSame(dateB))) {
+                                    isBetween = true;
+                                }
+                            });
+                            if (isBetween) {
+                                filteredData.push(cd);
+                            }
+                        });
+                        break;
+                }
+                break;
+        }
+        currentData = filteredData;
+    });
+    setList(currentData);
+    setPagCount((0, exports.getCount)(currentData, itemsCount));
+    setCurrentPage(0);
+    setListPage(1);
+    localStorage.setItem(localTableName, JSON.stringify(filterData));
+    setListClone(currentData);
+}
+exports.filtrarDados = filtrarDados;
+function ordenarDados({ order, list, orderAsc = false }) {
+    const sortedList = (0, lodash_clonedeep_1.default)(list).sort((a, b) => {
+        const aValue = order.type === 'string' ? (0, lodash_get_1.default)(a, order.key, '') : Number((0, lodash_get_1.default)(a, order.key, 0));
+        const bValue = order.type === 'string' ? (0, lodash_get_1.default)(b, order.key, '') : Number((0, lodash_get_1.default)(b, order.key, 0));
+        if (orderAsc) {
+            if (aValue < bValue)
+                return -1;
+            if (aValue > bValue)
+                return 1;
+        }
+        else {
+            if (aValue > bValue)
+                return -1;
+            if (aValue < bValue)
+                return 1;
+        }
+        return 0;
+    });
+    return sortedList;
+}
+exports.ordenarDados = ordenarDados;
+function downloadCSVFile(e, zip = false, options) {
+    return __awaiter(this, void 0, void 0, function* () {
+        e.preventDefault();
+        const { list, csvUpper = false, csvExcludeUpper = [], csvExcludeKeys = [], csvExcludeKeysCSV = [], csvCustomKeyNames = {}, csvExcludeValidate = () => false, csv, multipleDataPath = '', normalize = false, removeQuotes = false, hideTitleCSV = false, generateCsvZip = false, csvZipFileNamesKey = '', } = options;
+        if (list.length <= 0)
+            return;
+        const originalKeys = Object.keys(list[0]);
+        if (generateCsvZip && zip) {
+            const keys = originalKeys.filter((k) => !csvExcludeKeys.includes(k));
+            const header = keys.map((k) => csvCustomKeyNames[k] || k).join(',') + '\n';
+            const zip = new jszip_1.default();
+            const obj = {};
+            list.forEach((item) => {
+                const key = item[csvZipFileNamesKey];
+                if (!obj[key])
+                    obj[key] = [];
+                obj[key].push(item);
+            });
+            for (const [fileName, items] of Object.entries(obj)) {
+                const values = [];
+                for (const x of items) {
+                    if (originalKeys.some((k) => csvExcludeValidate(k, x[k])))
+                        continue;
+                    const value = keys.map((k) => formatCell(x[k], k)).join(',');
+                    values.push(value);
+                }
+                const csvData = hideTitleCSV ? values.join('\n') : '\uFEFF' + header + values.join('\n');
+                if (values.length > 0) {
+                    zip.file(`${normalizeString(fileName)}.csv`, csvData);
+                }
+            }
+            const link = document.createElement('a');
+            const base = yield zip.generateAsync({ type: 'base64' });
+            link.href = 'data:application/zip;base64,' + base;
+            link.download = `${csv === null || csv === void 0 ? void 0 : csv.fileName}.zip`;
+            link.click();
+        }
+        else {
+            let keys = originalKeys.filter((k) => !csvExcludeKeysCSV.includes(k));
+            if (multipleDataPath)
+                keys = ['dtInicio', 'hrInicio', ...keys.map((k) => (k === multipleDataPath ? 'hrTermino' : k))];
+            const header = keys.map((k) => csvCustomKeyNames[k] || k).join(',') + '\n';
+            const values = [];
+            for (const x of list) {
+                if (originalKeys.some((k) => csvExcludeValidate(k, x[k])))
+                    continue;
+                const value = keys.map((k) => formatCell(x[k], k)).join(',');
+                if (multipleDataPath && x[multipleDataPath]) {
+                    for (const d of x[multipleDataPath]) {
+                        values.push(value.replace('{dtInicio}', d.dtInicio).replace('{hrInicio}', d.hrInicio).replace('{hrTermino}', d.hrTermino));
+                    }
+                }
+                else {
+                    values.push(value);
+                }
+            }
+            const csvData = header + values.join('\n');
+            const link = document.createElement('a');
+            link.href = 'data:text/csv;charset=utf-8,%EF%BB%BF' + encodeURI(csvData);
+            link.download = `${csv === null || csv === void 0 ? void 0 : csv.fileName}.csv`;
+            link.click();
+        }
+        function formatCell(cell, key) {
+            let item = typeof cell === 'object' && cell !== null && !Array.isArray(cell) ? transformArrayObjectInString(cell).slice(1, -1) : cell;
+            if (csvUpper && typeof item === 'string' && !csvExcludeUpper.includes(key)) {
+                item = item.toUpperCase();
+            }
+            if (normalize && typeof item === 'string') {
+                item = normalizeString(item);
+            }
+            if (typeof item === 'string') {
+                return removeQuotes ? `${item}` : `"${item}"`;
+            }
+            return item;
+        }
+        function normalizeString(str) {
+            return str.normalize('NFD').replace(/[̀-ͯ]/g, '');
+        }
+    });
+}
+exports.downloadCSVFile = downloadCSVFile;
+function downloadCSVAll(e, list, keys, fileName) {
+    e.preventDefault();
+    if (list.length <= 0)
+        return;
+    const header = keys.join(',') + '\n';
+    const values = list
+        .map((x) => keys
+        .map((k) => {
+        if (k === 'tbRa')
+            return x[k]['NO_CIDADE'];
+        if (k === 'rlEventoData')
+            return `${x[k][0]['DT_INICIO']} - ${x[k][0]['HR_INICIO']}`;
+        if (typeof x[k] === 'string')
+            return `"${x[k]}"`;
+        if (typeof x[k] === 'object' && x[k] !== null)
+            return `"${transformArrayObjectInString(x[k]).slice(1, -1)}"`;
+        return x[k];
+    })
+        .join(','))
+        .join('\n');
+    const csvData = header + values;
+    const link = document.createElement('a');
+    link.href = 'data:text/csv;charset=utf-8,%EF%BB%BF' + encodeURI(csvData);
+    link.download = `${fileName}.csv`;
+    link.click();
+}
+exports.downloadCSVAll = downloadCSVAll;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ssplib/react-components",
-    "version": "0.0.274",
+    "version": "0.0.276",
     "description": "SSP React Components",
     "main": "index.js",
     "author": "Pedro Henrique <sr.hudrick@gmail.com>",
@@ -14,6 +14,7 @@
         "react-imask": "^6.6.0",
         "react-query": "^3.39.3",
         "dayjs": "^1.11.7",
+        "lodash.clonedeep": "^4.5.0",
         "lodash.hasin": "^4.5.2",
         "react-google-recaptcha": "^2.1.0",
         "jszip": "^3.10.1",
@@ -26,6 +27,7 @@
         "react-leaflet": "^4.2.1"
     },
     "devDependencies": {
+        "@types/lodash.clonedeep": "^4.5.9",
         "@types/lodash.get": "^4.4.7",
         "@types/lodash.hasin": "^4.5.7",
         "prop-types": "15.8.1"