@producteca/producteca-ui-kit 0.0.4 → 0.0.6

package/README.md

@@ -9,7 +9,6 @@
 - 📐 [ESLint](https://eslint.org/) & [Prettier](https://prettier.io/) - Formatting and Linting
 - 🌟 [Typescript](https://www.typescriptlang.org/)
 - 🐶 [Husky](https://typicode.github.io/husky) & [Lint Staged](https://www.npmjs.com/package/lint-staged) - Pre-commit Hooks
-- ⏰ [Release Please](https://github.com/googleapis/release-please) — Generate the changelog with the release-please workflow
 - 👷 [Github Actions](https://github.com/features/actions) — Releasing versions to NPM
 
 ## Main Scripts

package/dist/components/button/{Button.d.ts → button.d.ts}

@@ -1,3 +1,4 @@
+import './button.scss';
 interface Props {
     label: string;
     variant?: 'primary' | 'secondary' | 'success' | 'error';
@@ -7,4 +8,4 @@ interface Props {
     onClick?: () => void;
 }
 export declare const Button: ({ type, variant, size, label, outline, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
+export default Button;

package/dist/components/button/button.js

@@ -0,0 +1,34 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+require("./button.scss");
+var Button = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? 'button' : _b, _c = _a.variant, variant = _c === void 0 ? 'primary' : _c, _d = _a.size, size = _d === void 0 ? 'lg' : _d, label = _a.label, outline = _a.outline, props = __rest(_a, ["type", "variant", "size", "label", "outline"]);
+    var outlineClass = outline ? 'outline' : '';
+    return ((0, jsx_runtime_1.jsx)("button", __assign({ type: type, className: "btn ".concat(size, " ").concat(variant, " ").concat(outlineClass, " ") }, props, { children: label })));
+};
+exports.Button = Button;
+exports.default = exports.Button;

package/dist/components/emptyState/emptyState.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import './emptyState.scss';
 interface Props {
     onActionClick?: () => void;
     actionTex?: string;
@@ -6,4 +7,4 @@ interface Props {
     icon?: React.ReactNode;
 }
 export declare const EmptyState: ({ onActionClick, icon, actionTex, text, }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
+export default EmptyState;

package/dist/components/emptyState/emptyState.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyState = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var locales_1 = __importDefault(require("../../locales"));
+var icons_1 = require("../icons");
+require("./emptyState.scss");
+var DefaultIcon = (0, jsx_runtime_1.jsx)(icons_1.SearchPublication, {});
+var EmptyState = function (_a) {
+    var onActionClick = _a.onActionClick, _b = _a.icon, icon = _b === void 0 ? DefaultIcon : _b, _c = _a.actionTex, actionTex = _c === void 0 ? (0, locales_1.default)('reloadPage') : _c, _d = _a.text, text = _d === void 0 ? (0, locales_1.default)('noResultsFound') : _d;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "empty-state-container", children: [icon, (0, jsx_runtime_1.jsxs)("div", { className: "link-container", children: [(0, jsx_runtime_1.jsxs)("span", { children: [" ", text, " "] }), onActionClick && (0, jsx_runtime_1.jsx)("a", { onClick: onActionClick, children: actionTex })] })] }));
+};
+exports.EmptyState = EmptyState;
+exports.default = exports.EmptyState;

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

@@ -1 +1 @@
-export { SearchPublication } from './searchPublication/searchPublication.tsx';
+export { SearchPublication } from './searchPublication/searchPublication';

package/dist/components/icons/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchPublication = void 0;
+var searchPublication_1 = require("./searchPublication/searchPublication");
+Object.defineProperty(exports, "SearchPublication", { enumerable: true, get: function () { return searchPublication_1.SearchPublication; } });

package/dist/components/icons/searchPublication/searchPublication.d.ts

@@ -1,6 +1,7 @@
+import '../icons.scss';
 interface Props {
     size?: number;
     color?: string | undefined;
 }
 export declare const SearchPublication: ({ size, color }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
+export default SearchPublication;

package/dist/components/icons/searchPublication/searchPublication.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchPublication = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+require("../icons.scss");
+var SearchPublication = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 100 : _b, _c = _a.color, color = _c === void 0 ? '#D4D9D8' : _c;
+    return ((0, jsx_runtime_1.jsx)("svg", { id: "Capa_1", "data-name": "Capa 1", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 95 95", children: (0, jsx_runtime_1.jsxs)("g", { id: "Grupo_1315", "data-name": "Grupo 1315", children: [(0, jsx_runtime_1.jsx)("path", { id: "Trazado_2280", "data-name": "Trazado 2280", style: { fill: color }, d: "M0,13.62c.09-.37.16-.76.26-1.14a7.22,7.22,0,0,1,7-5.28H24.3c.23,0,.3,0,.29-.29a7,7,0,0,1,.58-3.25A6.37,6.37,0,0,1,33.63.6a6.47,6.47,0,0,1,1.75,1.22,6.2,6.2,0,0,1,1.89,4.53c0,.22,0,.43,0,.65s0,.2.21.2H54.63a7.21,7.21,0,0,1,7.24,7.18V34.23a1.45,1.45,0,0,1-1.33,1.55h-.16A1.44,1.44,0,0,1,59,34.5c0-.12,0-.25,0-.37V14.55a4.33,4.33,0,0,0-4.2-4.46H7.4A4.34,4.34,0,0,0,3,13.44a4.07,4.07,0,0,0-.12,1V79.22a4.33,4.33,0,0,0,4.32,4.32H54.44a1.5,1.5,0,0,1,1.49.83,1.45,1.45,0,0,1-.68,1.93,1.39,1.39,0,0,1-.53.14,2.62,2.62,0,0,1-.28,0H7.29A7.25,7.25,0,0,1,.06,80.26c0-.1,0-.21-.06-.3ZM30.91,7.2h3.23c.17,0,.23,0,.22-.22s0-.47,0-.7A3.43,3.43,0,0,0,28,4.62a4.27,4.27,0,0,0-.45,2.3c0,.22,0,.29.27.29,1,0,2.09,0,3.14,0Z" }), (0, jsx_runtime_1.jsx)("path", { id: "Trazado_2281", "data-name": "Trazado 2281", style: { fill: color }, d: "M54.79,38.4c8.35-.94,15.22,1.7,20.36,8.46A19.94,19.94,0,0,1,79.1,57a20.86,20.86,0,0,1-2,11.63.24.24,0,0,0,.05.34h0L92.23,82.66a5.82,5.82,0,1,1-7.83,8.62l-.07-.06Q76.76,84.37,69.2,77.47c-.15-.13-.23-.09-.37,0a21.24,21.24,0,0,1-7,2.6,21.08,21.08,0,0,1-21-8.55,20.4,20.4,0,0,1-3.79-10A21.15,21.15,0,0,1,51.26,39.31,23.75,23.75,0,0,1,54.79,38.4Zm21.72,18A18.62,18.62,0,1,0,61,77.68h0A18.64,18.64,0,0,0,76.51,56.39Zm15.08,30a3.31,3.31,0,0,0-1.12-2L75.89,71.17c-.16-.14-.23-.14-.36,0a20.4,20.4,0,0,1-4.16,4.49c-.2.15-.19.23,0,.39,1.78,1.6,3.56,3.22,5.34,4.84l9.39,8.52a3.32,3.32,0,0,0,5.5-3Z" }), (0, jsx_runtime_1.jsx)("path", { id: "Trazado_2282", "data-name": "Trazado 2282", style: { fill: color }, d: "M31,19.9H20.38A5.76,5.76,0,0,1,14.57,15a3.12,3.12,0,0,1,0-1.1,1.45,1.45,0,0,1,2.88.22,2.85,2.85,0,0,0,1.74,2.68A2.54,2.54,0,0,0,20.3,17H42a2.9,2.9,0,0,0,2.89-2.85,1.46,1.46,0,0,1,2.91-.07v.1a5.8,5.8,0,0,1-5.72,5.72Z" }), (0, jsx_runtime_1.jsx)("path", { id: "Trazado_2283", "data-name": "Trazado 2283", style: { fill: color }, d: "M13.22,68V66.07A1.86,1.86,0,0,1,15,64.15c1.36,0,2.73,0,4.09,0A1.86,1.86,0,0,1,20.88,66q0,2,0,3.93A1.91,1.91,0,0,1,19,71.83c-1.28,0-2.57,0-3.85,0a1.91,1.91,0,0,1-1.91-1.9V68Zm2.24,0v.76a.77.77,0,0,0,.71.85.28.28,0,0,0,.13,0c.5,0,1,0,1.49,0a.78.78,0,0,0,.85-.73v-.09c0-.51,0-1,0-1.54a.76.76,0,0,0-.72-.8h0a12.2,12.2,0,0,0-1.71,0,.76.76,0,0,0-.72.79h0V68Z" }), (0, jsx_runtime_1.jsx)("path", { id: "Trazado_2284", "data-name": "Trazado 2284", style: { fill: color }, d: "M13.22,52.67V50.75a1.87,1.87,0,0,1,1.83-1.9q2,0,4,0a1.88,1.88,0,0,1,1.84,1.81c0,1.35,0,2.71,0,4.06a1.84,1.84,0,0,1-1.77,1.79,39.85,39.85,0,0,1-4.09,0,1.85,1.85,0,0,1-1.81-1.89.19.19,0,0,1,0-.08ZM17,54.27h.76a.79.79,0,0,0,.84-.73v-.07c0-.52,0-1,0-1.57a.76.76,0,0,0-.71-.79c-.6,0-1.2,0-1.79,0a.74.74,0,0,0-.68.75q0,.83,0,1.65a.77.77,0,0,0,.77.75Z" }), (0, jsx_runtime_1.jsx)("path", { id: "Trazado_2285", "data-name": "Trazado 2285", style: { fill: color }, d: "M13.22,37.38v-2a1.88,1.88,0,0,1,1.86-1.87q2,0,3.93,0a1.85,1.85,0,0,1,1.86,1.78c0,1.37,0,2.74,0,4.12A1.85,1.85,0,0,1,19,41.23q-2,0-4,0a1.88,1.88,0,0,1-1.85-1.9ZM17.05,39h.75a.8.8,0,0,0,.84-.74v-.06c0-.53,0-1,0-1.57a.77.77,0,0,0-.75-.8H16.2a.77.77,0,0,0-.74.76c0,.55,0,1.1,0,1.66a.77.77,0,0,0,.77.75c.27,0,.54,0,.81,0Z" }), (0, jsx_runtime_1.jsx)("path", { id: "Trazado_2286", "data-name": "Trazado 2286", style: { fill: color }, d: "M30.54,38.84h-5a1.45,1.45,0,0,1-1.47-1.43A1.48,1.48,0,0,1,25.26,36a2,2,0,0,1,.35,0h9.87a1.45,1.45,0,0,1,.11,2.9H30.54Z" }), (0, jsx_runtime_1.jsx)("path", { id: "Trazado_2287", "data-name": "Trazado 2287", style: { fill: color }, d: "M28.44,54.14H25.59a1.44,1.44,0,0,1-1.49-1.39s0,0,0-.06a1.48,1.48,0,0,1,1.47-1.46h5.73a1.45,1.45,0,0,1,1.52,1.38,1.44,1.44,0,0,1-1.37,1.52h-3Z" }), (0, jsx_runtime_1.jsx)("path", { id: "Trazado_2288", "data-name": "Trazado 2288", style: { fill: color }, d: "M27.36,66.54c.63,0,1.26,0,1.9,0a1.44,1.44,0,0,1,1.36,1.27,1.47,1.47,0,0,1-1,1.56,1.6,1.6,0,0,1-.54.07H25.64a1.46,1.46,0,0,1-.17-2.91.43.43,0,0,1,.16,0h1.73Z" }), (0, jsx_runtime_1.jsx)("path", { id: "Trazado_2289", "data-name": "Trazado 2289", style: { fill: color }, d: "M54.49,47.45a13.8,13.8,0,0,1,8.82,1.95,12.64,12.64,0,0,1,4.62,5.36,18.36,18.36,0,0,1,1.44,4.33,1.24,1.24,0,0,1-1,1.45h0A1.22,1.22,0,0,1,67,59.63a16.4,16.4,0,0,0-1.56-4.37A9.91,9.91,0,0,0,57,49.91a11.82,11.82,0,0,0-2.59.08,1.23,1.23,0,0,1-1.47-.94v0a1.23,1.23,0,0,1,1-1.47H54Z" })] }) }));
+};
+exports.SearchPublication = SearchPublication;
+exports.default = exports.SearchPublication;

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
-export * from './button/Button.tsx';
-export * from './emptyState/emptyState.tsx';
+export * from './button/button';
+export * from './emptyState/emptyState';
 export * from './icons';
-export * from './spinner/spinner.tsx';
+export * from './spinner/spinner';

package/dist/components/index.js

@@ -0,0 +1,20 @@
+"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("./button/button"), exports);
+__exportStar(require("./emptyState/emptyState"), exports);
+__exportStar(require("./icons"), exports);
+__exportStar(require("./spinner/spinner"), exports);

package/dist/components/spinner/spinner.d.ts

@@ -1,5 +1,6 @@
+import './spinner.scss';
 interface Props {
-    size: number;
+    size?: number;
 }
 export declare const Spinner: ({ size }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
+export default Spinner;

package/dist/components/spinner/spinner.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spinner = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+require("./spinner.scss");
+var Spinner = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 40 : _b;
+    return (0, jsx_runtime_1.jsx)("div", { style: { width: size, height: size }, className: "loader" });
+};
+exports.Spinner = Spinner;
+exports.default = exports.Spinner;

package/dist/index.d.ts

@@ -1,2 +1 @@
 export * from './components';
-export * from './components/icons';

package/dist/index.js

@@ -0,0 +1,17 @@
+"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("./components"), exports);

package/dist/locales/es.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    noResultsFound: 'No se encontraron resultados',
+    reloadPage: 'Recargar página',
+};

package/dist/locales/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var translator_1 = __importDefault(require("./translator"));
+exports.default = translator_1.default.t;

package/dist/locales/translator.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var i18next_1 = __importDefault(require("i18next"));
+var react_i18next_1 = require("react-i18next");
+var es_1 = __importDefault(require("./es"));
+var resources = {
+    en: {
+        translation: {},
+    },
+    es: {
+        translation: es_1.default,
+    },
+};
+i18next_1.default.use(react_i18next_1.initReactI18next).init({
+    resources: resources,
+    lng: 'es',
+    interpolation: {
+        escapeValue: false,
+    },
+    debug: true,
+});
+exports.default = i18next_1.default;

package/dist/manager.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var manager_api_1 = require("@storybook/manager-api");
+manager_api_1.addons.setConfig({
+    navSize: 300,
+    bottomPanelHeight: 300,
+    rightPanelWidth: 300,
+    panelPosition: 'bottom',
+    enableShortcuts: true,
+    showToolbar: true,
+    theme: undefined,
+    selectedPanel: undefined,
+    initialActive: 'sidebar',
+    sidebar: {
+        showRoots: false,
+        collapsedRoots: ['other'],
+    },
+    toolbar: {
+        title: { hidden: false },
+        zoom: { hidden: false },
+        eject: { hidden: false },
+        copy: { hidden: false },
+        fullscreen: { hidden: false },
+    },
+});

package/dist/storybook-utils.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.objectValuesToControls = void 0;
+var objectValuesToControls = function (obj, control) {
+    if (control === void 0) { control = 'select'; }
+    return ({
+        control: control,
+        options: Object.keys(obj),
+    });
+};
+exports.objectValuesToControls = objectValuesToControls;

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@producteca/producteca-ui-kit",
-  "version": "0.0.4",
-  "main": "./dist/producteca-ui-kit.umd.js",
-  "module": "./dist/producteca-ui-kit.es.js",
+  "version": "0.0.6",
+  "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "repository": {
     "type": "git",
@@ -14,26 +13,18 @@
     "url": "https://github.com/parsimotion/producteca-ui-kit/issues"
   },
   "homepage": "https://github.com/parsimotion/producteca-ui-kit#readme",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/producteca-ui-kit.es.js",
-      "require": "./dist/producteca-ui-kit.umd.js"
-    },
-    "./dist/style.css": "./dist/style.css"
-  },
   "engines": {
     "node": "22"
   },
   "scripts": {
     "dev": "storybook dev -p 6006",
     "build": "storybook build",
-    "build:lib": "tsc && vite build",
+    "build:lib": "tsc",
     "lint": "eslint --ext .js,.jsx,.ts,.tsx --fix",
     "prettier": "prettier --write \"src/**/*.{ts,tsx,js,mdx}\"",
     "test": "vitest",
     "test:cov": "vitest run --coverage",
-    "prepare": "husky install",
+    "prepare": "husky",
     "prepack": "json -f package.json -I -e \"delete this.devDependencies; delete this.dependencies\"",
     "chromatic": "npx chromatic --project-token=chpt_296f9471a29e98c"
   },

package/dist/components/button/Button.test.d.ts

@@ -1 +0,0 @@
-export {};