infinity-forge 12.8.9 → 12.9.1

package/dist/ui/components/index.d.ts

@@ -26,6 +26,7 @@ export * from './menu-mobile/index.js';
 export * from './login-modal/index.js';
 export * from './pop-confirm/index.js';
 export * from './loader-circle/index.js';
+export * from './table-stories/index.js';
 export * from './infinity-list/index.js';
 export * from './step-navigator/index.js';
 export * from './error-boundary/index.js';

package/dist/ui/components/index.js

@@ -42,6 +42,7 @@ __exportStar(require("./menu-mobile/index.js"), exports);
 __exportStar(require("./login-modal/index.js"), exports);
 __exportStar(require("./pop-confirm/index.js"), exports);
 __exportStar(require("./loader-circle/index.js"), exports);
+__exportStar(require("./table-stories/index.js"), exports);
 __exportStar(require("./infinity-list/index.js"), exports);
 __exportStar(require("./step-navigator/index.js"), exports);
 __exportStar(require("./error-boundary/index.js"), exports);

package/dist/ui/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAqB;AACrB,yCAAsB;AACtB,yCAAsB;AACtB,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,2CAAwB;AACxB,8CAA2B;AAC3B,4CAAyB;AACzB,6CAA0B;AAC1B,4CAAyB;AACzB,4CAAyB;AACzB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,kDAA+B;AAC/B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,oDAAiC;AACjC,0DAAuC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAqB;AACrB,yCAAsB;AACtB,yCAAsB;AACtB,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,2CAAwB;AACxB,8CAA2B;AAC3B,4CAAyB;AACzB,6CAA0B;AAC1B,4CAAyB;AACzB,4CAAyB;AACzB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,kDAA+B;AAC/B,kDAA+B;AAC/B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,oDAAiC;AACjC,0DAAuC"}

package/dist/ui/components/table-stories/component.d.ts

@@ -0,0 +1,8 @@
+type StoriesTableProps = {
+    name: string;
+    initialData?: any;
+    onSucess?: (data: any) => void;
+    children?: React.ReactNode;
+};
+export declare function StoriesTable(props: StoriesTableProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/components/table-stories/component.js

@@ -0,0 +1,146 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+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 });
+exports.StoriesTable = StoriesTable;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var formik_1 = require("formik");
+var ui_1 = require("../../../ui/index.js");
+var system_1 = require("../../../system/index.js");
+var table_configurations_1 = require("./table-configurations/index.js");
+var client_1 = require("../../../client/index.js");
+var S = __importStar(require("./styles.js"));
+function StoriesTable(props) {
+    var _this = this;
+    var _a = (0, react_1.useState)(null), items = _a[0], setItems = _a[1];
+    return ((0, jsx_runtime_1.jsxs)(S.StoriesTable, { children: [(0, jsx_runtime_1.jsx)("h2", { className: 'font-28-bold left-bar', children: "Stories" }), (0, jsx_runtime_1.jsxs)("div", { className: 'content', children: [props === null || props === void 0 ? void 0 : props.children, (0, jsx_runtime_1.jsxs)("div", { className: 'table-custom', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'top', children: [(0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '20', height: '18', viewBox: '0 0 20 18', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M0 1C0 0.44772 0.44772 0 1 0H19C19.5523 0 20 0.44772 20 1V17C20 17.5523 19.5523 18 19 18H1C0.44772 18 0 17.5523 0 17V1ZM2 2V16H18V2H2ZM4 4H10V10H4V4ZM6 6V8H8V6H6ZM12 6H16V4H12V6ZM16 10H12V8H16V10ZM4 12V14H16V12H4Z', fill: '#1A1A1A' }) }), (0, jsx_runtime_1.jsx)("h5", { className: 'font-24-bold', children: "Meus Stories" }), items !== 0 && (0, jsx_runtime_1.jsxs)("span", { className: 'length font-16', children: [items !== null && items !== void 0 ? items : 0, "/4"] })] }), (0, jsx_runtime_1.jsx)(ui_1.FormHandler, { initialData: props.initialData, onSucess: function (formData) { return __awaiter(_this, void 0, void 0, function () { var _a; return __generator(this, function (_b) {
+                                    return [2 /*return*/, (_a = props === null || props === void 0 ? void 0 : props.onSucess) === null || _a === void 0 ? void 0 : _a.call(props, formData)];
+                                }); }); }, children: (0, jsx_runtime_1.jsx)(TableComponent, { name: props.name, setItems: setItems }) })] })] })] }));
+}
+function TableComponent(_a) {
+    var setItems = _a.setItems, name = _a.name;
+    var user = (0, system_1.useAuthAdmin)().user;
+    var _b = (0, ui_1.useI18n)(), languages = _b.languages, i18nIsActive = _b.i18nIsActive;
+    var _c = (0, ui_1.useFormHandler)(), _d = _c.formik, values = _d.values, setFieldValue = _d.setFieldValue, onSubmit = _c.onSubmit;
+    var path = 'jsonContent.' + name;
+    var items = (0, formik_1.getIn)(values, path) || [];
+    (0, react_1.useEffect)(function () { var _a, _b; return setItems((_b = (_a = values.jsonContent) === null || _a === void 0 ? void 0 : _a[name]) === null || _b === void 0 ? void 0 : _b.length); }, [values]);
+    function handleDeleteItem(item, index) {
+        if (item.__locked)
+            return;
+        setFieldValue(path, items.filter(function (i) {
+            var idVerify = (i === null || i === void 0 ? void 0 : i.id_input) || (i === null || i === void 0 ? void 0 : i.id);
+            var itemID = (item === null || item === void 0 ? void 0 : item.id_input) || item.id;
+            return idVerify !== itemID;
+        }));
+        if (i18nIsActive) {
+            languages === null || languages === void 0 ? void 0 : languages.map(function (language) {
+                setFieldValue("jsonContent.i18n.".concat(language.symbol, ".").concat(path), items.filter(function (i) {
+                    var idVerify = (i === null || i === void 0 ? void 0 : i.id_input) || (i === null || i === void 0 ? void 0 : i.id);
+                    var itemID = (item === null || item === void 0 ? void 0 : item.id_input) || item.id;
+                    return idVerify !== itemID;
+                }));
+            });
+        }
+    }
+    var isFetching = (0, client_1.useSwagger)({
+        method: 'get',
+        url: '/admin/directories/directory/{id}',
+        body: {
+            params: {
+                id: user === null || user === void 0 ? void 0 : user.directoryId,
+            },
+        },
+    }).isFetching;
+    var actions = (0, table_configurations_1.useActionsStories)({
+        path: path,
+        items: items,
+        onSubmit: onSubmit,
+        setFieldValue: setFieldValue,
+        handleDeleteItem: handleDeleteItem,
+    });
+    var columns = (0, table_configurations_1.useColumns)({
+        isOnHold: user === null || user === void 0 ? void 0 : user.isOnHold,
+    });
+    var Table = (0, system_1.useTable)({
+        columnsConfiguration: {
+            actions: actions,
+            columns: columns,
+        },
+        configs: {
+            tableData: items,
+            isLoading: isFetching,
+            errorMessage: 'Não há stories cadastrados',
+        },
+    }).Table;
+    return Table;
+}
+//# sourceMappingURL=component.js.map

package/dist/ui/components/table-stories/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/table-stories/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,oCA+BC;;AApDD,+BAA2C;AAE3C,iCAA8B;AAE9B,2BAA2D;AAE3D,mCAAiD;AAEjD,+DAAsE;AAEtE,mCAAqC;AAErC,0CAA6B;AAS7B,SAAgB,YAAY,CAAC,KAAwB;IAArD,iBA+BC;IA9BO,IAAA,KAAoB,IAAA,gBAAQ,EAAgB,IAAI,CAAC,EAAhD,KAAK,QAAA,EAAE,QAAQ,QAAiC,CAAA;IAEvD,OAAO,CACL,wBAAC,CAAC,CAAC,YAAY,eACb,+BAAI,SAAS,EAAC,uBAAuB,wBAAa,EAElD,iCAAK,SAAS,EAAC,SAAS,aACrB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAEhB,iCAAK,SAAS,EAAC,cAAc,aAC3B,iCAAK,SAAS,EAAC,KAAK,aAClB,gCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YAC5F,iCACE,CAAC,EAAC,uNAAuN,EACzN,IAAI,EAAC,SAAS,GACd,GACE,EAEN,+BAAI,SAAS,EAAC,cAAc,6BAAkB,EAE7C,KAAK,KAAK,CAAC,IAAI,kCAAM,SAAS,EAAC,gBAAgB,aAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,CAAC,UAAU,IAClE,EAEN,uBAAC,gBAAW,IAAC,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,QAAQ,EAAE,UAAO,QAAQ;oCAAK,sBAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,sDAAG,QAAQ,CAAC,EAAA;yCAAA,YACpG,uBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAC5C,IACV,IACF,IACS,CAClB,CAAA;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EAAkB;QAAhB,QAAQ,cAAA,EAAE,IAAI,UAAA;IAC9B,IAAA,IAAI,GAAK,IAAA,qBAAY,GAAE,KAAnB,CAAmB;IACzB,IAAA,KAA8B,IAAA,YAAO,GAAE,EAArC,SAAS,eAAA,EAAE,YAAY,kBAAc,CAAA;IAEvC,IAAA,KAGF,IAAA,mBAAc,GAAE,EAFlB,cAAiC,EAAvB,MAAM,YAAA,EAAE,aAAa,mBAAA,EAC/B,QAAQ,cACU,CAAA;IAEpB,IAAM,IAAI,GAAG,cAAc,GAAG,IAAI,CAAA;IAClC,IAAM,KAAK,GAAG,IAAA,cAAK,EAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,CAAA;IAEvC,IAAA,iBAAS,EAAC,0BAAM,OAAA,QAAQ,CAAC,MAAA,MAAA,MAAM,CAAC,WAAW,0CAAG,IAAI,CAAC,0CAAE,MAAM,CAAC,CAAA,EAAA,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEvE,SAAS,gBAAgB,CAAC,IAAS,EAAE,KAAa;QAChD,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAM;QAEzB,aAAa,CACX,IAAI,EACJ,KAAK,CAAC,MAAM,CAAC,UAAC,CAAC;YACb,IAAM,QAAQ,GAAG,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,QAAQ,MAAI,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,EAAE,CAAA,CAAA;YACrC,IAAM,MAAM,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,IAAI,CAAC,EAAE,CAAA;YAExC,OAAO,QAAQ,KAAK,MAAM,CAAA;QAC5B,CAAC,CAAC,CACH,CAAA;QAED,IAAI,YAAY,EAAE,CAAC;YACjB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC,UAAC,QAAQ;gBACtB,aAAa,CACX,2BAAoB,QAAQ,CAAC,MAAM,cAAI,IAAI,CAAE,EAC7C,KAAK,CAAC,MAAM,CAAC,UAAC,CAAC;oBACb,IAAM,QAAQ,GAAG,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,QAAQ,MAAI,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,EAAE,CAAA,CAAA;oBACrC,IAAM,MAAM,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,IAAI,CAAC,EAAE,CAAA;oBAExC,OAAO,QAAQ,KAAK,MAAM,CAAA;gBAC5B,CAAC,CAAC,CACH,CAAA;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC;IAEO,IAAA,UAAU,GAAK,IAAA,mBAAU,EAAC;QAChC,MAAM,EAAE,KAAK;QACb,GAAG,EAAE,mCAAmC;QACxC,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,EAAE,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW;aACtB;SACF;KACF,CAAC,WARgB,CAQhB;IAEF,IAAM,OAAO,GAAG,IAAA,wCAAiB,EAAC;QAChC,IAAI,MAAA;QACJ,KAAK,OAAA;QACL,QAAQ,UAAA;QACR,aAAa,eAAA;QACb,gBAAgB,kBAAA;KACjB,CAAC,CAAA;IAEF,IAAM,OAAO,GAAG,IAAA,iCAAU,EAAC;QACzB,QAAQ,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ;KACzB,CAAC,CAAA;IAEM,IAAA,KAAK,GAAK,IAAA,iBAAQ,EAAM;QAC9B,oBAAoB,EAAE;YACpB,OAAO,SAAA;YACP,OAAO,SAAA;SACR;QACD,OAAO,EAAE;YACP,SAAS,EAAE,KAAK;YAChB,SAAS,EAAE,UAAU;YACrB,YAAY,EAAE,4BAA4B;SAC3C;KACF,CAAC,MAVW,CAUX;IAEF,OAAO,KAAK,CAAA;AACd,CAAC"}

package/dist/ui/components/table-stories/index.d.ts

@@ -0,0 +1 @@
+export * from './component.js';

package/dist/ui/components/table-stories/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./component.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/ui/components/table-stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/table-stories/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B"}

package/dist/ui/components/table-stories/styles.d.ts

@@ -0,0 +1 @@
+export declare const StoriesTable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement>, never>> & string;

package/dist/ui/components/table-stories/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StoriesTable = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.StoriesTable = (0, styled_components_1.default)('section')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  h2 {\n    font-size: 2.8rem;\n    margin-bottom: 24px;\n  }\n\n  .title-td {\n    max-width: 32vw;\n    min-width: 100px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .table-custom {\n    position: relative;\n  }\n\n  .top {\n    position: absolute;\n    top: 0;\n    left: 0;\n    margin-top: 6px;\n    display: flex;\n    align-items: center;\n    margin-bottom: 24px;\n    gap: 10px;\n\n    .length {\n      height: 28px;\n      border-radius: 40px;\n      padding: 0 8px;\n      background-color: #e1e1e1 !important;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  @media (max-width: 1024px) {\n    h2 {\n      font-size: 2.4rem;\n      margin-bottom: 14px;\n    }\n\n    .top {\n      margin-top: 10px;\n    }\n  }\n"], ["\n  h2 {\n    font-size: 2.8rem;\n    margin-bottom: 24px;\n  }\n\n  .title-td {\n    max-width: 32vw;\n    min-width: 100px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .table-custom {\n    position: relative;\n  }\n\n  .top {\n    position: absolute;\n    top: 0;\n    left: 0;\n    margin-top: 6px;\n    display: flex;\n    align-items: center;\n    margin-bottom: 24px;\n    gap: 10px;\n\n    .length {\n      height: 28px;\n      border-radius: 40px;\n      padding: 0 8px;\n      background-color: #e1e1e1 !important;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  @media (max-width: 1024px) {\n    h2 {\n      font-size: 2.4rem;\n      margin-bottom: 14px;\n    }\n\n    .top {\n      margin-top: 10px;\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/table-stories/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/table-stories/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,SAAS,CAAC,i2BAAA,8xBAiD5C,KAAA"}

package/dist/ui/components/table-stories/table-configurations/actions.d.ts

@@ -0,0 +1,2 @@
+import { ActionsTable } from '../../../../system/index.js';
+export declare function useActionsStories({ items, handleDeleteItem, setFieldValue, path, onSubmit }: any): ActionsTable<any>;

package/dist/ui/components/table-stories/table-configurations/actions.js

@@ -0,0 +1,159 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 __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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useActionsStories = useActionsStories;
+var styled_components_1 = __importDefault(require("styled-components"));
+var ui_1 = require("../../../../ui/index.js");
+function useActionsStories(_a) {
+    var _this = this;
+    var items = _a.items, handleDeleteItem = _a.handleDeleteItem, setFieldValue = _a.setFieldValue, path = _a.path, onSubmit = _a.onSubmit;
+    var createToast = (0, ui_1.useToast)().createToast;
+    var deleteAction = {
+        confirmDelete: true,
+        modal: {
+            title: 'Excluir Registro',
+            styles: {
+                maxWidth: 500,
+            },
+        },
+        onDelete: function (props) {
+            var index = items.findIndex(function (item) { return item.id === props.id; });
+            handleDeleteItem(props, index);
+        },
+    };
+    var action = {
+        initialDataIsTableItem: true,
+        text: 'Criar Story',
+        button: {
+            text: 'Salvar',
+        },
+        onSucess: function (formData) { return __awaiter(_this, void 0, void 0, function () {
+            var guid;
+            return __generator(this, function (_a) {
+                guid = (0, ui_1.generateGUID)();
+                setFieldValue(path, __spreadArray(__spreadArray([], items, true), [__assign({ id_input: guid }, formData)], false));
+                createToast({ status: 'success', message: 'Criado com sucesso' });
+                onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
+                return [2 /*return*/];
+            });
+        }); },
+        inputs: [
+            [
+                {
+                    label: 'Ativo',
+                    InputComponent: 'InputSwitch',
+                    name: 'ativo',
+                },
+            ],
+            [
+                {
+                    label: 'Título',
+                    InputComponent: 'Input',
+                    name: 'title',
+                },
+            ],
+            [
+                {
+                    label: 'Midias',
+                    InputComponent: 'InputFile',
+                    name: 'images',
+                    upload: {
+                        disableWebpConversion: true,
+                        version: 'v2',
+                    },
+                    multiple: true,
+                    isMultiple: true,
+                    isAccumalativeFile: true,
+                    enableMobileImage: false,
+                    accept: 'image/*, video/*',
+                },
+            ],
+        ],
+        modal: {
+            ModalStyles: ModalStyles,
+        },
+        schema: {
+            title: ui_1.schema.required(),
+            images: ui_1.schema.required(),
+        },
+    };
+    return {
+        create: action,
+        edit: __assign(__assign({}, action), { onSucess: function (formData) { return __awaiter(_this, void 0, void 0, function () {
+                var filter;
+                return __generator(this, function (_a) {
+                    filter = items.filter(function (item) { return item.id_input === formData.id_input; });
+                    setFieldValue(path, __spreadArray(__spreadArray([], filter, true), [formData], false));
+                    createToast({ status: 'success', message: 'Alterado com sucesso' });
+                    onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
+                    return [2 /*return*/];
+                });
+            }); } }),
+        delete: deleteAction,
+    };
+}
+var ModalStyles = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .conntent_form_infinity_forge {\n    padding: 0;\n  }\n\n  label {\n    margin-top: 0 !important;\n  }\n\n  .form-button {\n    margin-top: 4px !important;\n  }\n\n  button {\n    max-width: 100%;\n  }\n\n  .input-wrapper > div > div:nth-child(2) {\n    margin-bottom: 16px;\n\n    &:empty {\n      display: none !important;\n    }\n  }\n"], ["\n  .conntent_form_infinity_forge {\n    padding: 0;\n  }\n\n  label {\n    margin-top: 0 !important;\n  }\n\n  .form-button {\n    margin-top: 4px !important;\n  }\n\n  button {\n    max-width: 100%;\n  }\n\n  .input-wrapper > div > div:nth-child(2) {\n    margin-bottom: 16px;\n\n    &:empty {\n      display: none !important;\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=actions.js.map

package/dist/ui/components/table-stories/table-configurations/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../../../src/ui/components/table-stories/table-configurations/actions.tsx"],"names":[],"mappings":"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"}

package/dist/ui/components/table-stories/table-configurations/columns.d.ts

@@ -0,0 +1,10 @@
+export declare function useColumns({ isOnHold }: {
+    isOnHold: any;
+}): {
+    id: string;
+    label: string;
+    enabled: boolean;
+    Component: {
+        Element: (props: any) => import("react/jsx-runtime").JSX.Element;
+    };
+}[];

package/dist/ui/components/table-stories/table-configurations/columns.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useColumns = useColumns;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function useColumns(_a) {
+    var isOnHold = _a.isOnHold;
+    return [
+        {
+            id: "title",
+            label: "Título",
+            enabled: true,
+            Component: {
+                Element: function (props) { return (0, jsx_runtime_1.jsx)("span", { className: "title-td", children: props === null || props === void 0 ? void 0 : props.title }); },
+            },
+        },
+        {
+            id: "ativo",
+            label: "Status",
+            enabled: true,
+            Component: {
+                Element: function (props) { return ((0, jsx_runtime_1.jsx)(CustomOption, { active: (props === null || props === void 0 ? void 0 : props.ativo) && !isOnHold, text: isOnHold ? "Em análise" : (props === null || props === void 0 ? void 0 : props.ativo) ? "Ativo" : "Inativo" })); },
+            },
+        },
+    ];
+}
+function CustomOption(_a) {
+    var active = _a.active, text = _a.text;
+    var styles = {
+        minHeight: "18px",
+        padding: "0px 6px",
+        borderRadius: "40px",
+        color: active ? "#4BC097" : "#808080",
+        backgroundColor: active ? "#DEF1EB" : "#E6E6E6",
+    };
+    return (0, jsx_runtime_1.jsx)("span", { style: styles, children: text });
+}
+//# sourceMappingURL=columns.js.map

package/dist/ui/components/table-stories/table-configurations/columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../../../src/ui/components/table-stories/table-configurations/columns.tsx"],"names":[],"mappings":";;AAAA,gCAwBC;;AAxBD,SAAgB,UAAU,CAAC,EAAY;QAAV,QAAQ,cAAA;IACnC,OAAO;QACL;YACE,EAAE,EAAE,OAAO;YACX,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,IAAI;YACb,SAAS,EAAE;gBACT,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,iCAAM,SAAS,EAAC,UAAU,YAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,GAAQ,EAAhD,CAAgD;aACrE;SACF;QACD;YACE,EAAE,EAAE,OAAO;YACX,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,IAAI;YACb,SAAS,EAAE;gBACT,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,CAClB,uBAAC,YAAY,IACX,MAAM,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,CAAC,QAAQ,EACjC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,GAClE,CACH,EALmB,CAKnB;aACF;SACF;KACF,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,EAAgB;QAAd,MAAM,YAAA,EAAE,IAAI,UAAA;IAClC,IAAM,MAAM,GAAG;QACb,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,MAAM;QACpB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACrC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;KAChD,CAAC;IAEF,OAAO,iCAAM,KAAK,EAAE,MAAM,YAAG,IAAI,GAAQ,CAAC;AAC5C,CAAC"}

package/dist/ui/components/table-stories/table-configurations/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./columns.js";
+export * from "./actions.js";

package/dist/ui/components/table-stories/table-configurations/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./columns.js"), exports);
+__exportStar(require("./actions.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/ui/components/table-stories/table-configurations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/table-stories/table-configurations/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B;AAC1B,4CAA0B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "infinity-forge",
-  "version": "12.8.9",
+  "version": "12.9.1",
   "description": "codie Library",
   "main": "./dist/index",
   "module": "./dist/index",