@philipe1993/list-color 1.0.71 → 1.0.73

package/dist/ListColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListColor.d.ts","sourceRoot":"","sources":["../src/ListColor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AA4B1B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAM5B,CAAC"}
+{"version":3,"file":"ListColor.d.ts","sourceRoot":"","sources":["../src/ListColor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgC1B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAqF5B,CAAC"}

package/dist/ListColor.js

@@ -1,8 +1,25 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListColor = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var mobx_react_lite_1 = require("mobx-react-lite");
+var colorStore_1 = __importDefault(require("./store/colorStore"));
+var antd_1 = require("antd");
+var icons_1 = require("@ant-design/icons");
 // BreadCrumb
 var breadCrumb = [
     {
@@ -13,6 +30,53 @@ var breadCrumb = [
     },
 ];
 exports.ListColor = (0, mobx_react_lite_1.observer)(function () {
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("p", { children: "TESTE" }) }));
+    var colorList = colorStore_1.default.colorList, loading = colorStore_1.default.loading, page = colorStore_1.default.page, totalElements = colorStore_1.default.totalElements, defaultparams = colorStore_1.default.defaultparams, sort = colorStore_1.default.sort, size = colorStore_1.default.size;
+    var columns = [
+        {
+            title: 'Código hexadecimal',
+            dataIndex: 'hexColorCode',
+            key: 'hexColorCode',
+            sorter: true,
+            render: function (hexColorCode) {
+                return ((0, jsx_runtime_1.jsx)(antd_1.ColorPicker, { className: "color-picker-disabled", disabled: true, defaultValue: hexColorCode, showText: function (color) { return (0, jsx_runtime_1.jsxs)("span", { children: ["HEX: ", hexColorCode] }); } }));
+            },
+        },
+        {
+            title: 'Nome',
+            dataIndex: 'name',
+            key: 'name',
+            sorter: true,
+        },
+        {
+            title: 'Nome Curto',
+            dataIndex: 'shortName',
+            key: 'shortName',
+            sorter: true,
+        },
+        {
+            title: 'Data de criação',
+            dataIndex: 'created',
+            key: 'created',
+            sorter: true,
+            render: function (text) {
+                return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("p", { children: text }) }));
+            },
+        },
+        {
+            title: 'Editar',
+            dataIndex: 'edit',
+            key: 'edit',
+            align: 'center',
+            width: 80,
+            render: function (text, record) { return ((0, jsx_runtime_1.jsx)(antd_1.Space, { className: "cursor-pointer", children: (0, jsx_runtime_1.jsx)("a", { href: "/cores/create/".concat(record.uuid), children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(icons_1.EditOutlined, {}) }) }) })); },
+        },
+    ];
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(antd_1.Table, { className: "table-custom", columns: columns, dataSource: colorList.map(function (item, index) { return (__assign(__assign({}, item), { key: item.uuid || index })); }), loading: loading, size: "middle", bordered: false, pagination: {
+                current: page + 1,
+                pageSize: size,
+                total: totalElements,
+                showSizeChanger: true,
+                pageSizeOptions: ['20', '40', '60'],
+            }, showSorterTooltip: { target: 'sorter-icon' } }) }));
 });
 //# sourceMappingURL=ListColor.js.map

package/dist/ListColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListColor.js","sourceRoot":"","sources":["../src/ListColor.tsx"],"names":[],"mappings":";;;;AAAA,mDAA2C;AAmB3C,aAAa;AACb,IAAM,UAAU,GAAG;IACf;QACI,KAAK,EAAE,8BAAG,IAAI,EAAC,YAAY,0BAAc;KAC5C;IACD;QACI,KAAK,EAAE,8DAAwB;KAClC;CACJ,CAAA;AAEY,QAAA,SAAS,GAAa,IAAA,0BAAQ,EAAC;IACxC,OAAO,CACH,2DACI,kDAAY,GACb,CACN,CAAC;AACN,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ListColor.js","sourceRoot":"","sources":["../src/ListColor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,mDAA2C;AAE3C,kEAA4C;AAC5C,6BAAmE;AACnE,2CAAiE;AAmBjE,aAAa;AACb,IAAM,UAAU,GAAG;IACf;QACI,KAAK,EAAE,8BAAG,IAAI,EAAC,YAAY,0BAAc;KAC5C;IACD;QACI,KAAK,EAAE,8DAAwB;KAClC;CACJ,CAAA;AAEY,QAAA,SAAS,GAAa,IAAA,0BAAQ,EAAC;IAChC,IAAA,SAAS,GAA8D,oBAAU,UAAxE,EAAE,OAAO,GAAqD,oBAAU,QAA/D,EAAE,IAAI,GAA+C,oBAAU,KAAzD,EAAE,aAAa,GAAgC,oBAAU,cAA1C,EAAE,aAAa,GAAiB,oBAAU,cAA3B,EAAE,IAAI,GAAW,oBAAU,KAArB,EAAE,IAAI,GAAK,oBAAU,KAAf,CAAgB;IAI1F,IAAM,OAAO,GAA+B;QACxC;YACI,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE,cAAc;YACzB,GAAG,EAAE,cAAc;YACnB,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,UAAC,YAAY;gBACjB,OAAO,CACH,uBAAC,kBAAW,IACR,SAAS,EAAC,uBAAuB,EACjC,QAAQ,QACR,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,sDAAY,YAAY,IAAQ,EAAhC,CAAgC,GACvD,CACL,CAAC;YACN,CAAC;SACJ;QACD;YACI,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,MAAM;YACjB,GAAG,EAAE,MAAM;YACX,MAAM,EAAE,IAAI;SACf;QACD;YACI,KAAK,EAAE,YAAY;YACnB,SAAS,EAAE,WAAW;YACtB,GAAG,EAAE,WAAW;YAChB,MAAM,EAAE,IAAI;SACf;QACD;YACI,KAAK,EAAE,iBAAiB;YACxB,SAAS,EAAE,SAAS;YACpB,GAAG,EAAE,SAAS;YACd,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,UAAC,IAAI;gBACT,OAAO,CACH,2DAAG,wCAAI,IAAI,GAAK,GAAI,CACvB,CAAC;YACN,CAAC;SACJ;QACD;YACI,KAAK,EAAE,QAAQ;YACf,SAAS,EAAE,MAAM;YACjB,GAAG,EAAE,MAAM;YACX,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,UAAC,IAAI,EAAE,MAAM,IAAK,OAAA,CACtB,uBAAC,YAAK,IAAC,SAAS,EAAC,gBAAgB,YAC7B,8BAAG,IAAI,EAAE,wBAAiB,MAAM,CAAC,IAAI,CAAE,YACnC,0CAAK,uBAAC,oBAAY,KAAG,GAAM,GAC3B,GACA,CACX,EANyB,CAMzB;SACJ;KACJ,CAAC;IAGF,OAAO,CACH,2DACI,uBAAC,YAAK,IACF,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,SAAS,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa,IAAK,OAAA,uBACjD,IAAI,KACP,GAAG,EAAE,IAAI,CAAC,IAAI,IAAI,KAAK,IACzB,EAHsD,CAGtD,CAAC,EACH,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE;gBACR,OAAO,EAAE,IAAI,GAAG,CAAC;gBACjB,QAAQ,EAAE,IAAI;gBACd,KAAK,EAAE,aAAa;gBACpB,eAAe,EAAE,IAAI;gBACrB,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;aACtC,EACD,iBAAiB,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,GAC9C,GACH,CACN,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/services/ColorService.d.ts

@@ -0,0 +1,6 @@
+declare class ColorService {
+    getList(params: any): Promise<any>;
+}
+declare const _default: ColorService;
+export default _default;
+//# sourceMappingURL=ColorService.d.ts.map

package/dist/services/ColorService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorService.d.ts","sourceRoot":"","sources":["../../src/services/ColorService.ts"],"names":[],"mappings":"AAIA,cAAM,YAAY;IACR,OAAO,CAAC,MAAM,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC;CA4C3C;;AAED,wBAAkC"}

package/dist/services/ColorService.js

@@ -0,0 +1,66 @@
+"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 __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var shared_1 = require("@philipe1993/shared");
+var api = (0, shared_1.getAPIInstance)();
+var ColorService = /** @class */ (function () {
+    function ColorService() {
+    }
+    ColorService.prototype.getList = function (params) {
+        return __awaiter(this, void 0, void 0, function () {
+            var response, e_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, api.get("".concat(shared_1.URLS.COLORS, "/search"), { params: params })];
+                    case 1:
+                        response = _a.sent();
+                        return [2 /*return*/, response]; // Retorna a resposta da API
+                    case 2:
+                        e_1 = _a.sent();
+                        return [2 /*return*/, { error: "Erro ao trazer listagem" }]; // Retorna um objeto de erro
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return ColorService;
+}());
+exports.default = new ColorService();
+//# sourceMappingURL=ColorService.js.map

package/dist/services/ColorService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorService.js","sourceRoot":"","sources":["../../src/services/ColorService.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,8CAA2D;AAC3D,IAAM,GAAG,GAAG,IAAA,uBAAc,GAAE,CAAC;AAE7B;IAAA;IA6CA,CAAC;IA5CS,8BAAO,GAAb,UAAc,MAAW;;;;;;;wBAEA,qBAAM,GAAG,CAAC,GAAG,CAAC,UAAG,aAAI,CAAC,MAAM,YAAS,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,EAAA;;wBAA7D,QAAQ,GAAG,SAAkD;wBACnE,sBAAO,QAAQ,EAAC,CAAC,4BAA4B;;;wBAE7C,sBAAO,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAAC,CAAC,4BAA4B;;;;;KAEhF;IAqCL,mBAAC;AAAD,CAAC,AA7CD,IA6CC;AAED,kBAAe,IAAI,YAAY,EAAE,CAAC"}

package/dist/store/colorStore.d.ts

@@ -0,0 +1,23 @@
+declare class ColorStore {
+    loading: boolean;
+    colorList: any[];
+    colorSelectList: any;
+    sort?: string;
+    totalPages: number;
+    color: any | undefined;
+    page: number;
+    totalElements: number;
+    size: number;
+    defaultparams: {
+        size: number;
+        page: number;
+        sort: string;
+        search: string;
+    };
+    reset(): void;
+    constructor();
+    getList(params: any): Promise<any>;
+}
+declare const colorStore: ColorStore;
+export default colorStore;
+//# sourceMappingURL=colorStore.d.ts.map

package/dist/store/colorStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorStore.d.ts","sourceRoot":"","sources":["../../src/store/colorStore.ts"],"names":[],"mappings":"AAIA,cAAM,UAAU;IACZ,OAAO,EAAE,OAAO,CAAS;IACzB,SAAS,EAAE,GAAG,EAAE,CAAM;IACtB,eAAe,EAAE,GAAG,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAkB;IAC/B,UAAU,EAAE,MAAM,CAAK;IACvB,KAAK,EAAE,GAAG,GAAG,SAAS,CAAC;IACvB,IAAI,EAAE,MAAM,CAAK;IACjB,aAAa,EAAE,MAAM,CAAK;IAC1B,IAAI,EAAE,MAAM,CAAqB;IACjC,aAAa;;;;;MAKZ;IAED,KAAK;;IAUC,OAAO,CAAC,MAAM,EAAE,GAAG;CAkG5B;AAED,QAAA,MAAM,UAAU,YAAmB,CAAC;AACpC,eAAe,UAAU,CAAC"}

package/dist/store/colorStore.js

@@ -0,0 +1,97 @@
+"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 __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var shared_1 = require("@philipe1993/shared");
+var mobx_1 = require("mobx");
+var ColorService_1 = __importDefault(require("../services/ColorService"));
+var ColorStore = /** @class */ (function () {
+    function ColorStore() {
+        this.loading = false;
+        this.colorList = [];
+        this.sort = 'created,desc';
+        this.totalPages = 0;
+        this.page = 0;
+        this.totalElements = 0;
+        this.size = shared_1.DEFAULT_PAGE_SIZE;
+        this.defaultparams = {
+            size: shared_1.DEFAULT_PAGE_SIZE,
+            page: 0,
+            sort: 'created,desc',
+            search: '',
+        };
+        (0, mobx_1.makeAutoObservable)(this);
+    }
+    ColorStore.prototype.reset = function () {
+        this.color = undefined;
+        this.colorList = [];
+        this.colorSelectList = [];
+    };
+    ColorStore.prototype.getList = function (params) {
+        return __awaiter(this, void 0, void 0, function () {
+            var response;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        this.loading = true;
+                        return [4 /*yield*/, ColorService_1.default.getList(params)];
+                    case 1:
+                        response = _a.sent();
+                        (0, mobx_1.runInAction)(function () {
+                            if (!response.error) {
+                                _this.colorList = response.data.content;
+                                _this.totalPages = response.data.totalPages;
+                                _this.page = response.data.number;
+                                _this.totalElements = response.data.totalElements;
+                                _this.size = response.data.size;
+                            }
+                            _this.loading = false;
+                        });
+                        return [2 /*return*/, response];
+                }
+            });
+        });
+    };
+    return ColorStore;
+}());
+var colorStore = new ColorStore();
+exports.default = colorStore;
+//# sourceMappingURL=colorStore.js.map

package/dist/store/colorStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorStore.js","sourceRoot":"","sources":["../../src/store/colorStore.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8CAAwD;AACxD,6BAAuD;AACvD,0EAAoD;AAEpD;IAuBI;QAtBA,YAAO,GAAY,KAAK,CAAC;QACzB,cAAS,GAAU,EAAE,CAAC;QAEtB,SAAI,GAAY,cAAc,CAAC;QAC/B,eAAU,GAAW,CAAC,CAAC;QAEvB,SAAI,GAAW,CAAC,CAAC;QACjB,kBAAa,GAAW,CAAC,CAAC;QAC1B,SAAI,GAAW,0BAAiB,CAAC;QACjC,kBAAa,GAAG;YACZ,IAAI,EAAE,0BAAiB;YACvB,IAAI,EAAE,CAAC;YACP,IAAI,EAAE,cAAc;YACpB,MAAM,EAAE,EAAE;SACb,CAAA;QASG,IAAA,yBAAkB,EAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IARD,0BAAK,GAAL;QACI,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;IAC9B,CAAC;IAMK,4BAAO,GAAb,UAAc,MAAW;;;;;;;wBACrB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;wBACH,qBAAM,sBAAY,CAAC,OAAO,CAAC,MAAM,CAAC,EAAA;;wBAA7C,QAAQ,GAAG,SAAkC;wBAEnD,IAAA,kBAAW,EAAC;4BACR,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;gCAClB,KAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;gCACvC,KAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC;gCAC3C,KAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;gCACjC,KAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC;gCACjD,KAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;4BACnC,CAAC;4BACD,KAAI,CAAC,OAAO,GAAG,KAAK,CAAC;wBACzB,CAAC,CAAC,CAAC;wBAEH,sBAAO,QAAQ,EAAC;;;;KACnB;IAkFL,iBAAC;AAAD,CAAC,AA7HD,IA6HC;AAED,IAAM,UAAU,GAAG,IAAI,UAAU,EAAE,CAAC;AACpC,kBAAe,UAAU,CAAC"}

package/dist/types/Color.d.ts

@@ -0,0 +1,11 @@
+export interface Color {
+    uuid: string;
+    created?: string;
+    modified?: string;
+    active?: boolean;
+    deleted?: boolean;
+    hexColorCode: string;
+    name: string;
+    shortName: string;
+}
+//# sourceMappingURL=Color.d.ts.map

package/dist/types/Color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../src/types/Color.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACrB"}

package/dist/types/Color.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Color.js.map

package/dist/types/Color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.js","sourceRoot":"","sources":["../../src/types/Color.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,14 +1,15 @@
 {
     "name": "@philipe1993/list-color",
-    "version": "1.0.71",
+    "version": "1.0.73",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
     "scripts": {
         "build": "tsc"
     },
     "dependencies": {
-        "react": "^18.3.1",
-        "mobx-react-lite": "^4.0.7"
+        "@philipe1993/shared": "^1.0.31",
+        "mobx-react-lite": "^4.0.7",
+        "react": "^18.3.1"
     },
     "devDependencies": {
         "typescript": "^5.6.2"

package/src/ListColor.tsx

@@ -1,5 +1,9 @@
 import { observer } from 'mobx-react-lite';
 import React from 'react';
+import colorStore from './store/colorStore';
+import { ColorPicker, Space, Table, TableColumnsType } from 'antd';
+import { DeleteOutlined, EditOutlined } from '@ant-design/icons';
+
 
 interface DataType {
     active: boolean;
@@ -28,9 +32,88 @@ const breadCrumb = [
 ]
 
 export const ListColor: React.FC = observer(() => {
+    const { colorList, loading, page, totalElements, defaultparams, sort, size } = colorStore;
+
+
+
+    const columns: TableColumnsType<DataType> = [
+        {
+            title: 'Código hexadecimal',
+            dataIndex: 'hexColorCode',
+            key: 'hexColorCode',
+            sorter: true,
+            render: (hexColorCode) => {
+                return (
+                    <ColorPicker
+                        className="color-picker-disabled"
+                        disabled
+                        defaultValue={hexColorCode}
+                        showText={(color) => <span>HEX: {hexColorCode}</span>}
+                    />
+                );
+            },
+        },
+        {
+            title: 'Nome',
+            dataIndex: 'name',
+            key: 'name',
+            sorter: true,
+        },
+        {
+            title: 'Nome Curto',
+            dataIndex: 'shortName',
+            key: 'shortName',
+            sorter: true,
+        },
+        {
+            title: 'Data de criação',
+            dataIndex: 'created',
+            key: 'created',
+            sorter: true,
+            render: (text) => {
+                return (
+                    <>{<p>{text}</p>}</>
+                );
+            },
+        },
+        {
+            title: 'Editar',
+            dataIndex: 'edit',
+            key: 'edit',
+            align: 'center',
+            width: 80,
+            render: (text, record) => (
+                <Space className="cursor-pointer">
+                    <a href={`/cores/create/${record.uuid}`}>
+                        <div><EditOutlined /></div>
+                    </a>
+                </Space>
+            ),
+        },
+    ];
+
+
     return (
         <>
-            <p>TESTE</p>
+            <Table
+                className="table-custom"
+                columns={columns}
+                dataSource={colorList.map((item: any, index: number) => ({
+                    ...item,
+                    key: item.uuid || index,
+                }))}
+                loading={loading}
+                size="middle"
+                bordered={false}
+                pagination={{
+                    current: page + 1,
+                    pageSize: size,
+                    total: totalElements,
+                    showSizeChanger: true,
+                    pageSizeOptions: ['20', '40', '60'],
+                }}
+                showSorterTooltip={{ target: 'sorter-icon' }}
+            />
         </>
     );
 });

package/src/services/ColorService.ts

@@ -0,0 +1,52 @@
+
+import { getAPIInstance, URLS } from "@philipe1993/shared";
+const api = getAPIInstance();
+
+class ColorService {
+    async getList(params: any): Promise<any> {
+        try {
+            const response = await api.get(`${URLS.COLORS}/search`, { params });
+            return response; // Retorna a resposta da API
+        } catch (e) {
+            return { error: "Erro ao trazer listagem" }; // Retorna um objeto de erro
+        }
+    }
+
+    // async createColor(color: any): Promise<any> {
+    //     try {
+    //         const response = await api.post(`${URLS.COLORS}`, color);
+    //         return response; // Retorna a resposta da API
+    //     } catch (error) {
+    //         return { error: "Erro ao cadastrar", details: error };  // Retorna um objeto de erro
+    //     }
+    // }
+
+    // async editColor(color: any, uuid: string | undefined): Promise<any> {
+    //     try {
+    //         const response = await api.put(`${URLS.COLORS}/${uuid}`, color);
+    //         return response; // Retorna a resposta da API
+    //     } catch (error) {
+    //         return { error: "Erro ao cadastrar", details: error }; // Retorna um objeto de erro
+    //     }
+    // }
+
+    // async getColorByUuid(uuid: any): Promise<any> {
+    //     try {
+    //         const response = await api.get(`${URLS.COLORS}/${uuid}`);
+    //         return response; // Retorna a resposta da API
+    //     } catch (e) {
+    //         return { error: "Erro ao buscar dados" }; // Retorna um objeto de erro
+    //     }
+    // }
+
+    // async deleteColor(uuid: any): Promise<any> {
+    //     try {
+    //         const response = await api.delete(`${URLS.COLORS}/${uuid}`);
+    //         return response; // Retorna a resposta da API
+    //     } catch (e) {
+    //         return { error: "Erro ao deletar" }; // Retorna um objeto de erro
+    //     }
+    // }
+}
+
+export default new ColorService();

package/src/store/colorStore.ts

@@ -0,0 +1,133 @@
+import { DEFAULT_PAGE_SIZE } from "@philipe1993/shared";
+import { makeAutoObservable, runInAction } from 'mobx';
+import ColorService from '../services/ColorService';
+
+class ColorStore {
+    loading: boolean = false;
+    colorList: any[] = [];
+    colorSelectList: any;
+    sort?: string = 'created,desc';
+    totalPages: number = 0;
+    color: any | undefined;
+    page: number = 0;
+    totalElements: number = 0;
+    size: number = DEFAULT_PAGE_SIZE;
+    defaultparams = {
+        size: DEFAULT_PAGE_SIZE,
+        page: 0,
+        sort: 'created,desc',
+        search: '',
+    }
+
+    reset() {
+        this.color = undefined;
+        this.colorList = [];
+        this.colorSelectList = [];
+    }
+
+    constructor() {
+        makeAutoObservable(this);
+    }
+
+    async getList(params: any) {
+        this.loading = true;
+        const response = await ColorService.getList(params);
+
+        runInAction(() => {
+            if (!response.error) {
+                this.colorList = response.data.content;
+                this.totalPages = response.data.totalPages;
+                this.page = response.data.number;
+                this.totalElements = response.data.totalElements;
+                this.size = response.data.size;
+            }
+            this.loading = false;
+        });
+
+        return response;
+    }
+
+    // async createColor(color: any) {
+    //     this.loading = true;
+    //     const response = await ColorService.createColor(color);
+
+    //     runInAction(() => {
+    //         if (response.error) {
+    //             message.error(response?.details?.response?.data?.message);
+    //             this.color = color;
+    //         } else {
+    //             message.success('Cor cadastrado com sucesso!');
+    //         }
+    //         this.loading = false;
+    //     });
+
+    //     return response;
+    // }
+
+    // async editColor(color: any, uuid: string | undefined) {
+    //     this.loading = true;
+    //     const response = await ColorService.editColor(color, uuid);
+
+    //     runInAction(() => {
+    //         if (response.error) {
+    //             message.error(response?.details?.response?.data?.message);
+    //             this.color = color;
+    //         } else {
+    //             message.success('Cor editado com sucesso!');
+    //         }
+    //         this.loading = false;
+    //     });
+
+    //     return response;
+    // }
+
+    // async getColorByUuid(uuid: string) {
+    //     this.loading = true;
+    //     const response = await ColorService.getColorByUuid(uuid);
+
+    //     runInAction(() => {
+    //         if (response.error) {
+    //             message.error('Erro ao buscar Cor');
+    //             return;
+    //         }
+    //         this.color = response.data;
+    //         this.loading = false;
+    //     });
+
+    //     return response;
+    // }
+
+    // async deleteColor(uuid: string) {
+    //     this.loading = true;
+    //     const response = await ColorService.deleteColor(uuid);
+
+    //     runInAction(() => {
+    //         if (response.error) {
+    //             message.error('Erro ao deletar Cor');
+    //         } else {
+    //             message.success('Cor deletado com sucesso!');
+    //             this.color = undefined;
+    //         }
+    //         this.loading = false;
+    //     });
+
+    //     return response;
+    // }
+
+    // async deleteColorAll(uuid: string) {
+    //     this.loading = true;
+    //     const response = await ColorService.deleteColor(uuid);
+
+    //     runInAction(() => {
+    //         if (!response.error) {
+    //             this.color = undefined;
+    //         }
+    //         this.loading = false;
+    //     });
+
+    //     return response;
+    // }
+}
+
+const colorStore = new ColorStore();
+export default colorStore;

package/tsconfig.json

@@ -1,19 +1,23 @@
 {
     "compilerOptions": {
         "target": "ES5", // Compatibilidade ampla
-        "module": "CommonJS", // Módulos compatíveis com Node.js/NPM
-        "jsx": "react-jsx", // Processa arquivos JSX no formato moderno
+        "module": "CommonJS", // Formato de módulos para Node.js/NPM
+        "jsx": "react-jsx", // Processamento de JSX para React
         "outDir": "./dist", // Diretório de saída
         "rootDir": "./src", // Diretório de entrada
-        "declaration": true, // Gera arquivos .d.ts para os tipos
-        "declarationMap": true, // Gera mapas para os arquivos de tipos
+        "declaration": true, // Gera arquivos de definição de tipos (.d.ts)
+        "declarationMap": true, // Gera mapas para arquivos de definição de tipos
         "sourceMap": true, // Gera mapas para depuração
         "esModuleInterop": true, // Compatibilidade com módulos ES
-        "skipLibCheck": true // Ignora verificações em dependências externas
+        "skipLibCheck": true, // Ignora verificações em dependências externas
+        "lib": [
+            "ES2015",
+            "DOM"
+        ] // Adiciona suporte para Promises e APIs do navegador
     },
     "include": [
         "src/**/*"
-    ], // Inclui arquivos na pasta src
+    ], // Inclui arquivos da pasta src
     "exclude": [
         "node_modules",
         "dist"

package/services/ColorService.ts

@@ -1,55 +0,0 @@
-
-import URLS from '../../shared/src/config/urls';
-import { getAPIInstance } from "@philipe1993/shared";
-
-
-const api = getAPIInstance();
-
-class ColorService {
-    async getList(params: any): Promise<any> {
-        try {
-            const response = await api.get(`${URLS.COLORS}/search`, { params });
-            return response; // Retorna a resposta da API
-        } catch (e) {
-            return { error: "Erro ao trazer listagem" }; // Retorna um objeto de erro
-        }
-    }
-
-    async createColor(color: any): Promise<any> {
-        try {
-            const response = await api.post(`${URLS.COLORS}`, color);
-            return response; // Retorna a resposta da API
-        } catch (error) {
-            return { error: "Erro ao cadastrar", details: error };  // Retorna um objeto de erro
-        }
-    }
-
-    async editColor(color: any, uuid: string | undefined): Promise<any> {
-        try {
-            const response = await api.put(`${URLS.COLORS}/${uuid}`, color);
-            return response; // Retorna a resposta da API
-        } catch (error) {
-            return { error: "Erro ao cadastrar", details: error }; // Retorna um objeto de erro
-        }
-    }
-
-    async getColorByUuid(uuid: any): Promise<any> {
-        try {
-            const response = await api.get(`${URLS.COLORS}/${uuid}`);
-            return response; // Retorna a resposta da API
-        } catch (e) {
-            return { error: "Erro ao buscar dados" }; // Retorna um objeto de erro
-        }
-    }
-
-    async deleteColor(uuid: any): Promise<any> {
-        try {
-            const response = await api.delete(`${URLS.COLORS}/${uuid}`);
-            return response; // Retorna a resposta da API
-        } catch (e) {
-            return { error: "Erro ao deletar" }; // Retorna um objeto de erro
-        }
-    }
-}
-
-export default new ColorService();

package/store/colorStore.ts

@@ -1,135 +0,0 @@
-import { message } from 'antd';
-import { makeAutoObservable, runInAction } from 'mobx';
-import { Color } from '../types/Color';
-import ColorService from '../services/ColorService';
-import { DEFAULT_PAGE_SIZE } from "@philipe1993/shared";
-
-class ColorStore {
-    loading: boolean = false;
-    colorList: Color[] = [];
-    colorSelectList: any;
-    sort?: string = 'created,desc';
-    totalPages: number = 0;
-    color: Color | undefined;
-    page: number = 0;
-    totalElements: number = 0;
-    size: number = DEFAULT_PAGE_SIZE;
-    defaultparams = {
-        size: DEFAULT_PAGE_SIZE,
-        page: 0,
-        sort: 'created,desc',
-        search: '',
-    }
-
-    reset() {
-        this.color = undefined;
-        this.colorList = [];
-        this.colorSelectList = [];
-    }
-
-    constructor() {
-        makeAutoObservable(this);
-    }
-
-    async getList(params: any) {
-        this.loading = true;
-        const response = await ColorService.getList(params);
-
-        runInAction(() => {
-            if (!response.error) {
-                this.colorList = response.data.content;
-                this.totalPages = response.data.totalPages;
-                this.page = response.data.number;
-                this.totalElements = response.data.totalElements;
-                this.size = response.data.size;
-            }
-            this.loading = false;
-        });
-
-        return response;
-    }
-
-    async createColor(color: Color) {
-        this.loading = true;
-        const response = await ColorService.createColor(color);
-
-        runInAction(() => {
-            if (response.error) {
-                message.error(response?.details?.response?.data?.message);
-                this.color = color;
-            } else {
-                message.success('Cor cadastrado com sucesso!');
-            }
-            this.loading = false;
-        });
-
-        return response;
-    }
-
-    async editColor(color: Color, uuid: string | undefined) {
-        this.loading = true;
-        const response = await ColorService.editColor(color, uuid);
-
-        runInAction(() => {
-            if (response.error) {
-                message.error(response?.details?.response?.data?.message);
-                this.color = color;
-            } else {
-                message.success('Cor editado com sucesso!');
-            }
-            this.loading = false;
-        });
-
-        return response;
-    }
-
-    async getColorByUuid(uuid: string) {
-        this.loading = true;
-        const response = await ColorService.getColorByUuid(uuid);
-
-        runInAction(() => {
-            if (response.error) {
-                message.error('Erro ao buscar Cor');
-                return;
-            }
-            this.color = response.data;
-            this.loading = false;
-        });
-
-        return response;
-    }
-
-    async deleteColor(uuid: string) {
-        this.loading = true;
-        const response = await ColorService.deleteColor(uuid);
-
-        runInAction(() => {
-            if (response.error) {
-                message.error('Erro ao deletar Cor');
-            } else {
-                message.success('Cor deletado com sucesso!');
-                this.color = undefined;
-            }
-            this.loading = false;
-        });
-
-        return response;
-    }
-
-    async deleteColorAll(uuid: string) {
-        this.loading = true;
-        const response = await ColorService.deleteColor(uuid);
-
-        runInAction(() => {
-            if (!response.error) {
-                this.color = undefined;
-            }
-            this.loading = false;
-        });
-
-        return response;
-    }
-}
-
-const colorStore = new ColorStore();
-export default colorStore;