@c-rex/components 0.0.6 → 0.0.9

package/dist/result-view/table-view.stories.cjs.js

@@ -0,0 +1,196 @@
+"use strict";
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = function(target, all) {
+    for(var name in all)__defProp(target, name, {
+        get: all[name],
+        enumerable: true
+    });
+};
+var __copyProps = function(to, from, except, desc) {
+    if (from && (typeof from === "undefined" ? "undefined" : _type_of(from)) === "object" || typeof from === "function") {
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            var _loop = function() {
+                var key = _step.value;
+                if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+                    get: function() {
+                        return from[key];
+                    },
+                    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+                });
+            };
+            for(var _iterator = __getOwnPropNames(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+    }
+    return to;
+};
+var __toCommonJS = function(mod) {
+    return __copyProps(__defProp({}, "__esModule", {
+        value: true
+    }), mod);
+};
+// src/result-view/table-view.stories.tsx
+var table_view_stories_exports = {};
+__export(table_view_stories_exports, {
+    Default: function() {
+        return Default;
+    },
+    default: function() {
+        return table_view_stories_default;
+    }
+});
+module.exports = __toCommonJS(table_view_stories_exports);
+// src/result-view/table.tsx
+var import_table = require("@c-rex/ui/table");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TableView = function(param) {
+    var items = param.items;
+    var getTitle = function(labels) {
+        return labels.map(function(item) {
+            return item.value;
+        }).join();
+    };
+    var getIcons = function(languages) {
+        return languages.map(function(lang, index) {
+            var aux = lang.split("-")[1];
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+                style: {
+                    width: 36
+                },
+                className: "border me-3",
+                children: aux
+            }, index);
+        });
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+        className: "rounded-md border",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_table.Table, {
+            children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableHeader, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_table.TableRow, {
+                        children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableCell, {
+                                children: "Title"
+                            }),
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableCell, {
+                                children: "Country"
+                            })
+                        ]
+                    })
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableBody, {
+                    children: items.map(function(item, index) {
+                        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_table.TableRow, {
+                            children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableCell, {
+                                    children: getTitle(item.labels)
+                                }),
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableCell, {
+                                    children: getIcons(item.languages)
+                                })
+                            ]
+                        }, index);
+                    })
+                })
+            ]
+        })
+    });
+};
+var table_default = TableView;
+// src/result-view/table-view.stories.tsx
+var meta = {
+    title: "Components/ResultView/Table",
+    component: table_default,
+    parameters: {
+        layout: "centered"
+    },
+    tags: [
+        "autodocs"
+    ]
+};
+var table_view_stories_default = meta;
+var mockItems = [
+    {
+        id: "1",
+        labels: [
+            {
+                value: "Installation Guide",
+                language: "en-US"
+            },
+            {
+                value: "Guide d'installation",
+                language: "fr-FR"
+            }
+        ],
+        languages: [
+            "fr-FR"
+        ],
+        type: "document",
+        renditions: [],
+        directoryNodes: []
+    },
+    {
+        id: "2",
+        labels: [
+            {
+                value: "User Manual",
+                language: "en-US"
+            },
+            {
+                value: "Manual del Usuario",
+                language: "es-ES"
+            }
+        ],
+        languages: [
+            "es-ES"
+        ],
+        type: "document",
+        renditions: [],
+        directoryNodes: []
+    },
+    {
+        id: "3",
+        labels: [
+            {
+                value: "Technical Specifications",
+                language: "en-US"
+            }
+        ],
+        languages: [
+            "en-US"
+        ],
+        type: "document",
+        renditions: [],
+        directoryNodes: []
+    }
+];
+var Default = {
+    args: {
+        items: mockItems
+    }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+    Default: Default
+});
+//# sourceMappingURL=table-view.stories.cjs.js.map

package/dist/result-view/table-view.stories.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/periotto/Desktop/workspace/c-rex.net-web-client-foundation/packages/components/dist/result-view/table-view.stories.cjs.js","../../src/result-view/table-view.stories.tsx","../../src/result-view/table.tsx"],"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","table_view_stories_exports","Default","default","table_view_stories_default","module","exports","import_table","require","import_jsx_runtime","TableView","items","getTitle","labels","map","item","join","getIcons","languages","lang","index","aux","split","jsx","style","width","className","children","jsxs","Table","TableHeader","TableRow","TableCell","TableBody","table_default","meta","title","component","parameters","layout","tags","mockItems","id","language","type","renditions","directoryNodes","args"],"mappings":"AAAA;;;;;AACA,IAAIA,YAAYC,OAAOC,cAAc;AACrC,IAAIC,mBAAmBF,OAAOG,wBAAwB;AACtD,IAAIC,oBAAoBJ,OAAOK,mBAAmB;AAClD,IAAIC,eAAeN,OAAOO,SAAS,CAACC,cAAc;AAClD,IAAIC,WAAW,SAACC,QAAQC;IACtB,IAAK,IAAIC,QAAQD,IACfZ,UAAUW,QAAQE,MAAM;QAAEC,KAAKF,GAAG,CAACC,KAAK;QAAEE,YAAY;IAAK;AAC/D;AACA,IAAIC,cAAc,SAACC,IAAIC,MAAMC,QAAQC;IACnC,IAAIF,QAAQ,CAAA,OAAOA,qCAAP,SAAOA,KAAG,MAAM,YAAY,OAAOA,SAAS,YAAY;YAC7D,kCAAA,2BAAA;;;gBAAA,IAAIG,MAAJ;gBACH,IAAI,CAACd,aAAae,IAAI,CAACL,IAAII,QAAQA,QAAQF,QACzCnB,UAAUiB,IAAII,KAAK;oBAAEP,KAAK;+BAAMI,IAAI,CAACG,IAAI;;oBAAEN,YAAY,CAAEK,CAAAA,OAAOjB,iBAAiBe,MAAMG,IAAG,KAAMD,KAAKL,UAAU;gBAAC;;YAFpH,QAAK,YAAWV,kBAAkBa,0BAA7B,SAAA,6BAAA,QAAA,yBAAA;;YAAA;YAAA;;;qBAAA,6BAAA;oBAAA;;;oBAAA;0BAAA;;;;IAGP;IACA,OAAOD;AACT;AACA,IAAIM,eAAe,SAACC;WAAQR,YAAYhB,UAAU,CAAC,GAAG,cAAc;QAAEyB,OAAO;IAAK,IAAID;;AAEtF,yCAAyC;ACnBzC,IAAAE,6BAAA,CAAA;AAAAhB,SAAAgB,4BAAA;IAAAC,SAAA;eAAAA;;IAAAC,SAAA;eAAAC;;AAAA;AAAAC,OAAAC,OAAA,GAAAR,aAAAG;AD2BA,4BAA4B;AEzB5B,IAAAM,eAMOC,QAAA;AA2BS,IAAAC,qBAAAD,QAAA;AAnBhB,IAAME,YAAgC;QAAGC,cAAAA;IACrC,IAAMC,WAAW,SAACC;QACd,OAAOA,OAAOC,GAAA,CAAI,SAACC;mBAASA,KAAKf,KAAK;WAAEgB,IAAA;IAC5C;IACA,IAAMC,WAAW,SAACC;QACd,OAAOA,UAAUJ,GAAA,CAAI,SAACK,MAAMC;YACxB,IAAMC,MAAMF,KAAKG,KAAA,CAAM,IAAG,CAAE,EAAC;YAY7B,OACI,aAAA,GAAA,CAAA,GAAAb,mBAAAc,GAAA,EAAC,OAAA;gBAAgBC,OAAO;oBAAEC,OAAO;gBAAG;gBAAGC,WAAU;gBAC5CC,UAAAN;YAAA,GADKD;QAIlB;IACJ;IAEA,OACI,aAAA,GAAA,CAAA,GAAAX,mBAAAc,GAAA,EAAC,OAAA;QAAIG,WAAU;QACXC,UAAA,aAAA,GAAA,CAAA,GAAAlB,mBAAAmB,IAAA,EAACrB,aAAAsB,KAAA,EAAA;YACGF,UAAA;gBAAA,aAAA,GAAA,CAAA,GAAAlB,mBAAAc,GAAA,EAAChB,aAAAuB,WAAA,EAAA;oBACGH,UAAA,aAAA,GAAA,CAAA,GAAAlB,mBAAAmB,IAAA,EAACrB,aAAAwB,QAAA,EAAA;wBACGJ,UAAA;4BAAA,aAAA,GAAA,CAAA,GAAAlB,mBAAAc,GAAA,EAAChB,aAAAyB,SAAA,EAAA;gCAAUL,UAAA;4BAAA;4BACX,aAAA,GAAA,CAAA,GAAAlB,mBAAAc,GAAA,EAAChB,aAAAyB,SAAA,EAAA;gCAAUL,UAAA;4BAAA;yBAAO;oBAAA;gBACtB;gBAEJ,aAAA,GAAA,CAAA,GAAAlB,mBAAAc,GAAA,EAAChB,aAAA0B,SAAA,EAAA;oBACIN,UAAAhB,MAAMG,GAAA,CAAI,SAACC,MAAMK;+BACd,aAAA,GAAA,CAAA,GAAAX,mBAAAmB,IAAA,EAACrB,aAAAwB,QAAA,EAAA;4BACGJ,UAAA;gCAAA,aAAA,GAAA,CAAA,GAAAlB,mBAAAc,GAAA,EAAChB,aAAAyB,SAAA,EAAA;oCAAWL,UAAAf,SAASG,KAAKF,MAAM;gCAAA;gCAChC,aAAA,GAAA,CAAA,GAAAJ,mBAAAc,GAAA,EAAChB,aAAAyB,SAAA,EAAA;oCAAWL,UAAAV,SAASF,KAAKG,SAAS;gCAAA;6BAAE;wBAAA,GAF1BE;;gBAIlB;aACL;QAAA;IACJ;AAGZ;AAEA,IAAOc,gBAAQxB;AFXf,yCAAyC;AClDzC,IAAMyB,OAA+B;IACjCC,OAAO;IACPC,WAAWH;IACXI,YAAY;QACRC,QAAQ;IACZ;IACAC,MAAM;QAAC;KAAU;AACrB;AAEA,IAAOpC,6BAAQ+B;AAGf,IAAMM,YAAY;IACd;QACIC,IAAI;QACJ7B,QAAQ;YACJ;gBAAEb,OAAO;gBAAsB2C,UAAU;YAAQ;YACjD;gBAAE3C,OAAO;gBAAyB2C,UAAU;YAAQ;SACxD;QACAzB,WAAW;YAAC;SAAO;QACnB0B,MAAM;QACNC,YAAY,EAAC;QACbC,gBAAgB,EAAC;IACrB;IACA;QACIJ,IAAI;QACJ7B,QAAQ;YACJ;gBAAEb,OAAO;gBAAe2C,UAAU;YAAQ;YAC1C;gBAAE3C,OAAO;gBAAsB2C,UAAU;YAAQ;SACrD;QACAzB,WAAW;YAAC;SAAO;QACnB0B,MAAM;QACNC,YAAY,EAAC;QACbC,gBAAgB,EAAC;IACrB;IACA;QACIJ,IAAI;QACJ7B,QAAQ;YACJ;gBAAEb,OAAO;gBAA4B2C,UAAU;YAAQ;SAC3D;QACAzB,WAAW;YAAC;SAAO;QACnB0B,MAAM;QACNC,YAAY,EAAC;QACbC,gBAAgB,EAAC;IACrB;CACJ;AAEO,IAAM5C,UAAiB;IAC1B6C,MAAM;QACFpC,OAAO8B;IACX;AACJ;ADgDA,6DAA6D;AAC7D,KAAMpC,CAAAA,OAAOC,OAAO,GAAG;IACrBJ,SAAAA;AACF,CAAA","sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\n\n// src/result-view/table-view.stories.tsx\nvar table_view_stories_exports = {};\n__export(table_view_stories_exports, {\n  Default: () => Default,\n  default: () => table_view_stories_default\n});\nmodule.exports = __toCommonJS(table_view_stories_exports);\n\n// src/result-view/table.tsx\nvar import_table = require(\"@c-rex/ui/table\");\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar TableView = ({ items }) => {\n  const getTitle = (labels) => {\n    return labels.map((item) => item.value).join();\n  };\n  const getIcons = (languages) => {\n    return languages.map((lang, index) => {\n      const aux = lang.split(\"-\")[1];\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { width: 36 }, className: \"border me-3\", children: aux }, index);\n    });\n  };\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { className: \"rounded-md border\", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_table.Table, { children: [\n    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_table.TableRow, { children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableCell, { children: \"Title\" }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableCell, { children: \"Country\" })\n    ] }) }),\n    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableBody, { children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_table.TableRow, { children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableCell, { children: getTitle(item.labels) }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableCell, { children: getIcons(item.languages) })\n    ] }, index)) })\n  ] }) });\n};\nvar table_default = TableView;\n\n// src/result-view/table-view.stories.tsx\nvar meta = {\n  title: \"Components/ResultView/Table\",\n  component: table_default,\n  parameters: {\n    layout: \"centered\"\n  },\n  tags: [\"autodocs\"]\n};\nvar table_view_stories_default = meta;\nvar mockItems = [\n  {\n    id: \"1\",\n    labels: [\n      { value: \"Installation Guide\", language: \"en-US\" },\n      { value: \"Guide d'installation\", language: \"fr-FR\" }\n    ],\n    languages: [\"fr-FR\"],\n    type: \"document\",\n    renditions: [],\n    directoryNodes: []\n  },\n  {\n    id: \"2\",\n    labels: [\n      { value: \"User Manual\", language: \"en-US\" },\n      { value: \"Manual del Usuario\", language: \"es-ES\" }\n    ],\n    languages: [\"es-ES\"],\n    type: \"document\",\n    renditions: [],\n    directoryNodes: []\n  },\n  {\n    id: \"3\",\n    labels: [\n      { value: \"Technical Specifications\", language: \"en-US\" }\n    ],\n    languages: [\"en-US\"],\n    type: \"document\",\n    renditions: [],\n    directoryNodes: []\n  }\n];\nvar Default = {\n  args: {\n    items: mockItems\n  }\n};\n// Annotate the CommonJS export names for ESM import in node:\n0 && (module.exports = {\n  Default\n});\n","import type { Meta, StoryObj } from '@storybook/react';\nimport TableView from '../result-view/table';\n\nconst meta: Meta<typeof TableView> = {\n    title: 'Components/ResultView/Table',\n    component: TableView,\n    parameters: {\n        layout: 'centered',\n    },\n    tags: ['autodocs'],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof TableView>;\n\nconst mockItems = [\n    {\n        id: '1',\n        labels: [\n            { value: 'Installation Guide', language: 'en-US' },\n            { value: 'Guide d\\'installation', language: 'fr-FR' }\n        ],\n        languages: ['fr-FR'],\n        type: 'document',\n        renditions: [],\n        directoryNodes: []\n    },\n    {\n        id: '2',\n        labels: [\n            { value: 'User Manual', language: 'en-US' },\n            { value: 'Manual del Usuario', language: 'es-ES' }\n        ],\n        languages: ['es-ES'],\n        type: 'document',\n        renditions: [],\n        directoryNodes: []\n    },\n    {\n        id: '3',\n        labels: [\n            { value: 'Technical Specifications', language: 'en-US' }\n        ],\n        languages: ['en-US'],\n        type: 'document',\n        renditions: [],\n        directoryNodes: []\n    }\n];\n\nexport const Default: Story = {\n    args: {\n        items: mockItems as any\n    }\n};\n","import { FC, ReactNode } from \"react\";\n\nimport {\n    Table,\n    TableBody,\n    TableCell,\n    TableHeader,\n    TableRow,\n} from \"@c-rex/ui/table\";\nimport { informationUnitsItems, Labels } from \"@c-rex/interfaces\";\n//import { getFlagIcon } from '@c-rex/utils/index';\n\ninterface TableViewProps {\n    items: informationUnitsItems[];\n}\n\nconst TableView: FC<TableViewProps> = ({ items }) => {\n    const getTitle = (labels: Labels[]): string => {\n        return labels.map((item) => item.value).join();\n    };\n    const getIcons = (languages: string[]): ReactNode[] => {\n        return languages.map((lang, index) => {\n            const aux = lang.split(\"-\")[1];\n\n            /*\n                  const FlagIcon = getFlagIcon(aux);\n                  \n                  return FlagIcon && (\n                      <div key={index} style={{ width: 36 }} className=\"border me-3\">\n                      <FlagIcon />\n                      </div>\n                  )\n                  */\n\n            return (\n                <div key={index} style={{ width: 36 }} className=\"border me-3\">\n                    {aux}\n                </div>\n            );\n        });\n    };\n\n    return (\n        <div className=\"rounded-md border\">\n            <Table>\n                <TableHeader>\n                    <TableRow>\n                        <TableCell>Title</TableCell>\n                        <TableCell>Country</TableCell>\n                    </TableRow>\n                </TableHeader>\n                <TableBody>\n                    {items.map((item, index) => (\n                        <TableRow key={index}>\n                            <TableCell>{getTitle(item.labels)}</TableCell>\n                            <TableCell>{getIcons(item.languages)}</TableCell>\n                        </TableRow>\n                    ))}\n                </TableBody>\n            </Table>\n        </div>\n    );\n};\n\nexport default TableView;\n"]}

package/dist/result-view/table-view.stories.d.cts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import TableView from './table.cjs';
+import 'react';
+import '@c-rex/interfaces';
+
+declare const meta: Meta<typeof TableView>;
+
+type Story = StoryObj<typeof TableView>;
+declare const Default: Story;
+
+export { Default, meta as default };

package/dist/result-view/table-view.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import TableView from './table.js';
+import 'react';
+import '@c-rex/interfaces';
+
+declare const meta: Meta<typeof TableView>;
+
+type Story = StoryObj<typeof TableView>;
+declare const Default: Story;
+
+export { Default, meta as default };

package/dist/result-view/table-view.stories.esm.js

@@ -0,0 +1,131 @@
+// src/result-view/table.tsx
+import { Table, TableBody, TableCell, TableHeader, TableRow } from "@c-rex/ui/table";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TableView = function(param) {
+    var items = param.items;
+    var getTitle = function(labels) {
+        return labels.map(function(item) {
+            return item.value;
+        }).join();
+    };
+    var getIcons = function(languages) {
+        return languages.map(function(lang, index) {
+            var aux = lang.split("-")[1];
+            return /* @__PURE__ */ jsx("div", {
+                style: {
+                    width: 36
+                },
+                className: "border me-3",
+                children: aux
+            }, index);
+        });
+    };
+    return /* @__PURE__ */ jsx("div", {
+        className: "rounded-md border",
+        children: /* @__PURE__ */ jsxs(Table, {
+            children: [
+                /* @__PURE__ */ jsx(TableHeader, {
+                    children: /* @__PURE__ */ jsxs(TableRow, {
+                        children: [
+                            /* @__PURE__ */ jsx(TableCell, {
+                                children: "Title"
+                            }),
+                            /* @__PURE__ */ jsx(TableCell, {
+                                children: "Country"
+                            })
+                        ]
+                    })
+                }),
+                /* @__PURE__ */ jsx(TableBody, {
+                    children: items.map(function(item, index) {
+                        return /* @__PURE__ */ jsxs(TableRow, {
+                            children: [
+                                /* @__PURE__ */ jsx(TableCell, {
+                                    children: getTitle(item.labels)
+                                }),
+                                /* @__PURE__ */ jsx(TableCell, {
+                                    children: getIcons(item.languages)
+                                })
+                            ]
+                        }, index);
+                    })
+                })
+            ]
+        })
+    });
+};
+var table_default = TableView;
+// src/result-view/table-view.stories.tsx
+var meta = {
+    title: "Components/ResultView/Table",
+    component: table_default,
+    parameters: {
+        layout: "centered"
+    },
+    tags: [
+        "autodocs"
+    ]
+};
+var table_view_stories_default = meta;
+var mockItems = [
+    {
+        id: "1",
+        labels: [
+            {
+                value: "Installation Guide",
+                language: "en-US"
+            },
+            {
+                value: "Guide d'installation",
+                language: "fr-FR"
+            }
+        ],
+        languages: [
+            "fr-FR"
+        ],
+        type: "document",
+        renditions: [],
+        directoryNodes: []
+    },
+    {
+        id: "2",
+        labels: [
+            {
+                value: "User Manual",
+                language: "en-US"
+            },
+            {
+                value: "Manual del Usuario",
+                language: "es-ES"
+            }
+        ],
+        languages: [
+            "es-ES"
+        ],
+        type: "document",
+        renditions: [],
+        directoryNodes: []
+    },
+    {
+        id: "3",
+        labels: [
+            {
+                value: "Technical Specifications",
+                language: "en-US"
+            }
+        ],
+        languages: [
+            "en-US"
+        ],
+        type: "document",
+        renditions: [],
+        directoryNodes: []
+    }
+];
+var Default = {
+    args: {
+        items: mockItems
+    }
+};
+export { Default, table_view_stories_default as default };
+//# sourceMappingURL=table-view.stories.esm.js.map

package/dist/result-view/table-view.stories.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/periotto/Desktop/workspace/c-rex.net-web-client-foundation/packages/components/dist/result-view/table-view.stories.esm.js","../../src/result-view/table.tsx","../../src/result-view/table-view.stories.tsx"],"names":["Table","TableBody","TableCell","TableHeader","TableRow","jsx","jsxs","TableView","items","getTitle","labels","map","item","value","join","getIcons","languages","lang","index","aux","split","style","width","className","children","table_default","meta","title","component","parameters","layout","tags","table_view_stories_default","mockItems","id","language","type","renditions","directoryNodes","Default","args","default"],"mappings":"AAAA,4BAA4B;ACE5B,SACIA,KAAA,EACAC,SAAA,EACAC,SAAA,EACAC,WAAA,EACAC,QAAA,QACG,kBAAA;AA2BS,SAAAC,GAAA,EAWIC,IAAA,QAXJ,oBAAA;AAnBhB,IAAMC,YAAgC;QAAGC,cAAAA;IACrC,IAAMC,WAAW,SAACC;QACd,OAAOA,OAAOC,GAAA,CAAI,SAACC;mBAASA,KAAKC,KAAK;WAAEC,IAAA;IAC5C;IACA,IAAMC,WAAW,SAACC;QACd,OAAOA,UAAUL,GAAA,CAAI,SAACM,MAAMC;YACxB,IAAMC,MAAMF,KAAKG,KAAA,CAAM,IAAG,CAAE,EAAC;YAY7B,OACI,aAAA,GAAAf,IAAC,OAAA;gBAAgBgB,OAAO;oBAAEC,OAAO;gBAAG;gBAAGC,WAAU;gBAC5CC,UAAAL;YAAA,GADKD;QAIlB;IACJ;IAEA,OACI,aAAA,GAAAb,IAAC,OAAA;QAAIkB,WAAU;QACXC,UAAA,aAAA,GAAAlB,KAACN,OAAA;YACGwB,UAAA;gBAAA,aAAA,GAAAnB,IAACF,aAAA;oBACGqB,UAAA,aAAA,GAAAlB,KAACF,UAAA;wBACGoB,UAAA;4BAAA,aAAA,GAAAnB,IAACH,WAAA;gCAAUsB,UAAA;4BAAA;4BACX,aAAA,GAAAnB,IAACH,WAAA;gCAAUsB,UAAA;4BAAA;yBAAO;oBAAA;gBACtB;gBAEJ,aAAA,GAAAnB,IAACJ,WAAA;oBACIuB,UAAAhB,MAAMG,GAAA,CAAI,SAACC,MAAMM;+BACd,aAAA,GAAAZ,KAACF,UAAA;4BACGoB,UAAA;gCAAA,aAAA,GAAAnB,IAACH,WAAA;oCAAWsB,UAAAf,SAASG,KAAKF,MAAM;gCAAA;gCAChC,aAAA,GAAAL,IAACH,WAAA;oCAAWsB,UAAAT,SAASH,KAAKI,SAAS;gCAAA;6BAAE;wBAAA,GAF1BE;;gBAIlB;aACL;QAAA;IACJ;AAGZ;AAEA,IAAOO,gBAAQlB;ADhCf,yCAAyC;AE7BzC,IAAMmB,OAA+B;IACjCC,OAAO;IACPC,WAAWH;IACXI,YAAY;QACRC,QAAQ;IACZ;IACAC,MAAM;QAAC;KAAU;AACrB;AAEA,IAAOC,6BAAQN;AAGf,IAAMO,YAAY;IACd;QACIC,IAAI;QACJxB,QAAQ;YACJ;gBAAEG,OAAO;gBAAsBsB,UAAU;YAAQ;YACjD;gBAAEtB,OAAO;gBAAyBsB,UAAU;YAAQ;SACxD;QACAnB,WAAW;YAAC;SAAO;QACnBoB,MAAM;QACNC,YAAY,EAAC;QACbC,gBAAgB,EAAC;IACrB;IACA;QACIJ,IAAI;QACJxB,QAAQ;YACJ;gBAAEG,OAAO;gBAAesB,UAAU;YAAQ;YAC1C;gBAAEtB,OAAO;gBAAsBsB,UAAU;YAAQ;SACrD;QACAnB,WAAW;YAAC;SAAO;QACnBoB,MAAM;QACNC,YAAY,EAAC;QACbC,gBAAgB,EAAC;IACrB;IACA;QACIJ,IAAI;QACJxB,QAAQ;YACJ;gBAAEG,OAAO;gBAA4BsB,UAAU;YAAQ;SAC3D;QACAnB,WAAW;YAAC;SAAO;QACnBoB,MAAM;QACNC,YAAY,EAAC;QACbC,gBAAgB,EAAC;IACrB;CACJ;AAEO,IAAMC,UAAiB;IAC1BC,MAAM;QACFhC,OAAOyB;IACX;AACJ;AF2BA,SACEM,OAAO,EACPP,8BAA8BS,OAAO,GACrC","sourcesContent":["// src/result-view/table.tsx\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHeader,\n  TableRow\n} from \"@c-rex/ui/table\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar TableView = ({ items }) => {\n  const getTitle = (labels) => {\n    return labels.map((item) => item.value).join();\n  };\n  const getIcons = (languages) => {\n    return languages.map((lang, index) => {\n      const aux = lang.split(\"-\")[1];\n      return /* @__PURE__ */ jsx(\"div\", { style: { width: 36 }, className: \"border me-3\", children: aux }, index);\n    });\n  };\n  return /* @__PURE__ */ jsx(\"div\", { className: \"rounded-md border\", children: /* @__PURE__ */ jsxs(Table, { children: [\n    /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [\n      /* @__PURE__ */ jsx(TableCell, { children: \"Title\" }),\n      /* @__PURE__ */ jsx(TableCell, { children: \"Country\" })\n    ] }) }),\n    /* @__PURE__ */ jsx(TableBody, { children: items.map((item, index) => /* @__PURE__ */ jsxs(TableRow, { children: [\n      /* @__PURE__ */ jsx(TableCell, { children: getTitle(item.labels) }),\n      /* @__PURE__ */ jsx(TableCell, { children: getIcons(item.languages) })\n    ] }, index)) })\n  ] }) });\n};\nvar table_default = TableView;\n\n// src/result-view/table-view.stories.tsx\nvar meta = {\n  title: \"Components/ResultView/Table\",\n  component: table_default,\n  parameters: {\n    layout: \"centered\"\n  },\n  tags: [\"autodocs\"]\n};\nvar table_view_stories_default = meta;\nvar mockItems = [\n  {\n    id: \"1\",\n    labels: [\n      { value: \"Installation Guide\", language: \"en-US\" },\n      { value: \"Guide d'installation\", language: \"fr-FR\" }\n    ],\n    languages: [\"fr-FR\"],\n    type: \"document\",\n    renditions: [],\n    directoryNodes: []\n  },\n  {\n    id: \"2\",\n    labels: [\n      { value: \"User Manual\", language: \"en-US\" },\n      { value: \"Manual del Usuario\", language: \"es-ES\" }\n    ],\n    languages: [\"es-ES\"],\n    type: \"document\",\n    renditions: [],\n    directoryNodes: []\n  },\n  {\n    id: \"3\",\n    labels: [\n      { value: \"Technical Specifications\", language: \"en-US\" }\n    ],\n    languages: [\"en-US\"],\n    type: \"document\",\n    renditions: [],\n    directoryNodes: []\n  }\n];\nvar Default = {\n  args: {\n    items: mockItems\n  }\n};\nexport {\n  Default,\n  table_view_stories_default as default\n};\n","import { FC, ReactNode } from \"react\";\n\nimport {\n    Table,\n    TableBody,\n    TableCell,\n    TableHeader,\n    TableRow,\n} from \"@c-rex/ui/table\";\nimport { informationUnitsItems, Labels } from \"@c-rex/interfaces\";\n//import { getFlagIcon } from '@c-rex/utils/index';\n\ninterface TableViewProps {\n    items: informationUnitsItems[];\n}\n\nconst TableView: FC<TableViewProps> = ({ items }) => {\n    const getTitle = (labels: Labels[]): string => {\n        return labels.map((item) => item.value).join();\n    };\n    const getIcons = (languages: string[]): ReactNode[] => {\n        return languages.map((lang, index) => {\n            const aux = lang.split(\"-\")[1];\n\n            /*\n                  const FlagIcon = getFlagIcon(aux);\n                  \n                  return FlagIcon && (\n                      <div key={index} style={{ width: 36 }} className=\"border me-3\">\n                      <FlagIcon />\n                      </div>\n                  )\n                  */\n\n            return (\n                <div key={index} style={{ width: 36 }} className=\"border me-3\">\n                    {aux}\n                </div>\n            );\n        });\n    };\n\n    return (\n        <div className=\"rounded-md border\">\n            <Table>\n                <TableHeader>\n                    <TableRow>\n                        <TableCell>Title</TableCell>\n                        <TableCell>Country</TableCell>\n                    </TableRow>\n                </TableHeader>\n                <TableBody>\n                    {items.map((item, index) => (\n                        <TableRow key={index}>\n                            <TableCell>{getTitle(item.labels)}</TableCell>\n                            <TableCell>{getIcons(item.languages)}</TableCell>\n                        </TableRow>\n                    ))}\n                </TableBody>\n            </Table>\n        </div>\n    );\n};\n\nexport default TableView;\n","import type { Meta, StoryObj } from '@storybook/react';\nimport TableView from '../result-view/table';\n\nconst meta: Meta<typeof TableView> = {\n    title: 'Components/ResultView/Table',\n    component: TableView,\n    parameters: {\n        layout: 'centered',\n    },\n    tags: ['autodocs'],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof TableView>;\n\nconst mockItems = [\n    {\n        id: '1',\n        labels: [\n            { value: 'Installation Guide', language: 'en-US' },\n            { value: 'Guide d\\'installation', language: 'fr-FR' }\n        ],\n        languages: ['fr-FR'],\n        type: 'document',\n        renditions: [],\n        directoryNodes: []\n    },\n    {\n        id: '2',\n        labels: [\n            { value: 'User Manual', language: 'en-US' },\n            { value: 'Manual del Usuario', language: 'es-ES' }\n        ],\n        languages: ['es-ES'],\n        type: 'document',\n        renditions: [],\n        directoryNodes: []\n    },\n    {\n        id: '3',\n        labels: [\n            { value: 'Technical Specifications', language: 'en-US' }\n        ],\n        languages: ['en-US'],\n        type: 'document',\n        renditions: [],\n        directoryNodes: []\n    }\n];\n\nexport const Default: Story = {\n    args: {\n        items: mockItems as any\n    }\n};\n"]}

package/dist/result-view/table.cjs.js

@@ -0,0 +1,116 @@
+"use strict";
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = function(target, all) {
+    for(var name in all)__defProp(target, name, {
+        get: all[name],
+        enumerable: true
+    });
+};
+var __copyProps = function(to, from, except, desc) {
+    if (from && (typeof from === "undefined" ? "undefined" : _type_of(from)) === "object" || typeof from === "function") {
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            var _loop = function() {
+                var key = _step.value;
+                if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+                    get: function() {
+                        return from[key];
+                    },
+                    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+                });
+            };
+            for(var _iterator = __getOwnPropNames(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+    }
+    return to;
+};
+var __toCommonJS = function(mod) {
+    return __copyProps(__defProp({}, "__esModule", {
+        value: true
+    }), mod);
+};
+// src/result-view/table.tsx
+var table_exports = {};
+__export(table_exports, {
+    default: function() {
+        return table_default;
+    }
+});
+module.exports = __toCommonJS(table_exports);
+var import_table = require("@c-rex/ui/table");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TableView = function(param) {
+    var items = param.items;
+    var getTitle = function(labels) {
+        return labels.map(function(item) {
+            return item.value;
+        }).join();
+    };
+    var getIcons = function(languages) {
+        return languages.map(function(lang, index) {
+            var aux = lang.split("-")[1];
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+                style: {
+                    width: 36
+                },
+                className: "border me-3",
+                children: aux
+            }, index);
+        });
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+        className: "rounded-md border",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_table.Table, {
+            children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableHeader, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_table.TableRow, {
+                        children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableCell, {
+                                children: "Title"
+                            }),
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableCell, {
+                                children: "Country"
+                            })
+                        ]
+                    })
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableBody, {
+                    children: items.map(function(item, index) {
+                        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_table.TableRow, {
+                            children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableCell, {
+                                    children: getTitle(item.labels)
+                                }),
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableCell, {
+                                    children: getIcons(item.languages)
+                                })
+                            ]
+                        }, index);
+                    })
+                })
+            ]
+        })
+    });
+};
+var table_default = TableView;
+//# sourceMappingURL=table.cjs.js.map

package/dist/result-view/table.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/periotto/Desktop/workspace/c-rex.net-web-client-foundation/packages/components/dist/result-view/table.cjs.js","../../src/result-view/table.tsx"],"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","table_exports","default","table_default","module","exports","import_table","require","import_jsx_runtime","TableView","items","getTitle","labels","map","item","join","getIcons","languages","lang","index","aux","split","jsx","style","width","className","children","jsxs","Table","TableHeader","TableRow","TableCell","TableBody"],"mappings":"AAAA;;;;;AACA,IAAIA,YAAYC,OAAOC,cAAc;AACrC,IAAIC,mBAAmBF,OAAOG,wBAAwB;AACtD,IAAIC,oBAAoBJ,OAAOK,mBAAmB;AAClD,IAAIC,eAAeN,OAAOO,SAAS,CAACC,cAAc;AAClD,IAAIC,WAAW,SAACC,QAAQC;IACtB,IAAK,IAAIC,QAAQD,IACfZ,UAAUW,QAAQE,MAAM;QAAEC,KAAKF,GAAG,CAACC,KAAK;QAAEE,YAAY;IAAK;AAC/D;AACA,IAAIC,cAAc,SAACC,IAAIC,MAAMC,QAAQC;IACnC,IAAIF,QAAQ,CAAA,OAAOA,qCAAP,SAAOA,KAAG,MAAM,YAAY,OAAOA,SAAS,YAAY;YAC7D,kCAAA,2BAAA;;;gBAAA,IAAIG,MAAJ;gBACH,IAAI,CAACd,aAAae,IAAI,CAACL,IAAII,QAAQA,QAAQF,QACzCnB,UAAUiB,IAAII,KAAK;oBAAEP,KAAK;+BAAMI,IAAI,CAACG,IAAI;;oBAAEN,YAAY,CAAEK,CAAAA,OAAOjB,iBAAiBe,MAAMG,IAAG,KAAMD,KAAKL,UAAU;gBAAC;;YAFpH,QAAK,YAAWV,kBAAkBa,0BAA7B,SAAA,6BAAA,QAAA,yBAAA;;YAAA;YAAA;;;qBAAA,6BAAA;oBAAA;;;oBAAA;0BAAA;;;;IAGP;IACA,OAAOD;AACT;AACA,IAAIM,eAAe,SAACC;WAAQR,YAAYhB,UAAU,CAAC,GAAG,cAAc;QAAEyB,OAAO;IAAK,IAAID;;AAEtF,4BAA4B;ACnB5B,IAAAE,gBAAA,CAAA;AAAAhB,SAAAgB,eAAA;IAAAC,SAAA;eAAAC;;AAAA;AAAAC,OAAAC,OAAA,GAAAP,aAAAG;AAEA,IAAAK,eAMOC,QAAA;AA2BS,IAAAC,qBAAAD,QAAA;AAnBhB,IAAME,YAAgC;QAAGC,cAAAA;IACrC,IAAMC,WAAW,SAACC;QACd,OAAOA,OAAOC,GAAA,CAAI,SAACC;mBAASA,KAAKd,KAAK;WAAEe,IAAA;IAC5C;IACA,IAAMC,WAAW,SAACC;QACd,OAAOA,UAAUJ,GAAA,CAAI,SAACK,MAAMC;YACxB,IAAMC,MAAMF,KAAKG,KAAA,CAAM,IAAG,CAAE,EAAC;YAY7B,OACI,aAAA,GAAA,CAAA,GAAAb,mBAAAc,GAAA,EAAC,OAAA;gBAAgBC,OAAO;oBAAEC,OAAO;gBAAG;gBAAGC,WAAU;gBAC5CC,UAAAN;YAAA,GADKD;QAIlB;IACJ;IAEA,OACI,aAAA,GAAA,CAAA,GAAAX,mBAAAc,GAAA,EAAC,OAAA;QAAIG,WAAU;QACXC,UAAA,aAAA,GAAA,CAAA,GAAAlB,mBAAAmB,IAAA,EAACrB,aAAAsB,KAAA,EAAA;YACGF,UAAA;gBAAA,aAAA,GAAA,CAAA,GAAAlB,mBAAAc,GAAA,EAAChB,aAAAuB,WAAA,EAAA;oBACGH,UAAA,aAAA,GAAA,CAAA,GAAAlB,mBAAAmB,IAAA,EAACrB,aAAAwB,QAAA,EAAA;wBACGJ,UAAA;4BAAA,aAAA,GAAA,CAAA,GAAAlB,mBAAAc,GAAA,EAAChB,aAAAyB,SAAA,EAAA;gCAAUL,UAAA;4BAAA;4BACX,aAAA,GAAA,CAAA,GAAAlB,mBAAAc,GAAA,EAAChB,aAAAyB,SAAA,EAAA;gCAAUL,UAAA;4BAAA;yBAAO;oBAAA;gBACtB;gBAEJ,aAAA,GAAA,CAAA,GAAAlB,mBAAAc,GAAA,EAAChB,aAAA0B,SAAA,EAAA;oBACIN,UAAAhB,MAAMG,GAAA,CAAI,SAACC,MAAMK;+BACd,aAAA,GAAA,CAAA,GAAAX,mBAAAmB,IAAA,EAACrB,aAAAwB,QAAA,EAAA;4BACGJ,UAAA;gCAAA,aAAA,GAAA,CAAA,GAAAlB,mBAAAc,GAAA,EAAChB,aAAAyB,SAAA,EAAA;oCAAWL,UAAAf,SAASG,KAAKF,MAAM;gCAAA;gCAChC,aAAA,GAAA,CAAA,GAAAJ,mBAAAc,GAAA,EAAChB,aAAAyB,SAAA,EAAA;oCAAWL,UAAAV,SAASF,KAAKG,SAAS;gCAAA;6BAAE;wBAAA,GAF1BE;;gBAIlB;aACL;QAAA;IACJ;AAGZ;AAEA,IAAOhB,gBAAQM","sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\n\n// src/result-view/table.tsx\nvar table_exports = {};\n__export(table_exports, {\n  default: () => table_default\n});\nmodule.exports = __toCommonJS(table_exports);\nvar import_table = require(\"@c-rex/ui/table\");\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar TableView = ({ items }) => {\n  const getTitle = (labels) => {\n    return labels.map((item) => item.value).join();\n  };\n  const getIcons = (languages) => {\n    return languages.map((lang, index) => {\n      const aux = lang.split(\"-\")[1];\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { style: { width: 36 }, className: \"border me-3\", children: aux }, index);\n    });\n  };\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { className: \"rounded-md border\", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_table.Table, { children: [\n    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_table.TableRow, { children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableCell, { children: \"Title\" }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableCell, { children: \"Country\" })\n    ] }) }),\n    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableBody, { children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_table.TableRow, { children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableCell, { children: getTitle(item.labels) }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableCell, { children: getIcons(item.languages) })\n    ] }, index)) })\n  ] }) });\n};\nvar table_default = TableView;\n","import { FC, ReactNode } from \"react\";\n\nimport {\n    Table,\n    TableBody,\n    TableCell,\n    TableHeader,\n    TableRow,\n} from \"@c-rex/ui/table\";\nimport { informationUnitsItems, Labels } from \"@c-rex/interfaces\";\n//import { getFlagIcon } from '@c-rex/utils/index';\n\ninterface TableViewProps {\n    items: informationUnitsItems[];\n}\n\nconst TableView: FC<TableViewProps> = ({ items }) => {\n    const getTitle = (labels: Labels[]): string => {\n        return labels.map((item) => item.value).join();\n    };\n    const getIcons = (languages: string[]): ReactNode[] => {\n        return languages.map((lang, index) => {\n            const aux = lang.split(\"-\")[1];\n\n            /*\n                  const FlagIcon = getFlagIcon(aux);\n                  \n                  return FlagIcon && (\n                      <div key={index} style={{ width: 36 }} className=\"border me-3\">\n                      <FlagIcon />\n                      </div>\n                  )\n                  */\n\n            return (\n                <div key={index} style={{ width: 36 }} className=\"border me-3\">\n                    {aux}\n                </div>\n            );\n        });\n    };\n\n    return (\n        <div className=\"rounded-md border\">\n            <Table>\n                <TableHeader>\n                    <TableRow>\n                        <TableCell>Title</TableCell>\n                        <TableCell>Country</TableCell>\n                    </TableRow>\n                </TableHeader>\n                <TableBody>\n                    {items.map((item, index) => (\n                        <TableRow key={index}>\n                            <TableCell>{getTitle(item.labels)}</TableCell>\n                            <TableCell>{getIcons(item.languages)}</TableCell>\n                        </TableRow>\n                    ))}\n                </TableBody>\n            </Table>\n        </div>\n    );\n};\n\nexport default TableView;\n"]}

package/dist/result-view/table.d.cts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { informationUnitsItems } from '@c-rex/interfaces';
+
+interface TableViewProps {
+    items: informationUnitsItems[];
+}
+declare const TableView: FC<TableViewProps>;
+
+export { TableView as default };

package/dist/result-view/table.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { informationUnitsItems } from '@c-rex/interfaces';
+
+interface TableViewProps {
+    items: informationUnitsItems[];
+}
+declare const TableView: FC<TableViewProps>;
+
+export { TableView as default };

package/dist/result-view/table.esm.js

@@ -0,0 +1,59 @@
+// src/result-view/table.tsx
+import { Table, TableBody, TableCell, TableHeader, TableRow } from "@c-rex/ui/table";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TableView = function(param) {
+    var items = param.items;
+    var getTitle = function(labels) {
+        return labels.map(function(item) {
+            return item.value;
+        }).join();
+    };
+    var getIcons = function(languages) {
+        return languages.map(function(lang, index) {
+            var aux = lang.split("-")[1];
+            return /* @__PURE__ */ jsx("div", {
+                style: {
+                    width: 36
+                },
+                className: "border me-3",
+                children: aux
+            }, index);
+        });
+    };
+    return /* @__PURE__ */ jsx("div", {
+        className: "rounded-md border",
+        children: /* @__PURE__ */ jsxs(Table, {
+            children: [
+                /* @__PURE__ */ jsx(TableHeader, {
+                    children: /* @__PURE__ */ jsxs(TableRow, {
+                        children: [
+                            /* @__PURE__ */ jsx(TableCell, {
+                                children: "Title"
+                            }),
+                            /* @__PURE__ */ jsx(TableCell, {
+                                children: "Country"
+                            })
+                        ]
+                    })
+                }),
+                /* @__PURE__ */ jsx(TableBody, {
+                    children: items.map(function(item, index) {
+                        return /* @__PURE__ */ jsxs(TableRow, {
+                            children: [
+                                /* @__PURE__ */ jsx(TableCell, {
+                                    children: getTitle(item.labels)
+                                }),
+                                /* @__PURE__ */ jsx(TableCell, {
+                                    children: getIcons(item.languages)
+                                })
+                            ]
+                        }, index);
+                    })
+                })
+            ]
+        })
+    });
+};
+var table_default = TableView;
+export { table_default as default };
+//# sourceMappingURL=table.esm.js.map

package/dist/result-view/table.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/periotto/Desktop/workspace/c-rex.net-web-client-foundation/packages/components/dist/result-view/table.esm.js","../../src/result-view/table.tsx"],"names":["Table","TableBody","TableCell","TableHeader","TableRow","jsx","jsxs","TableView","items","getTitle","labels","map","item","value","join","getIcons","languages","lang","index","aux","split","style","width","className","children","table_default","default"],"mappings":"AAAA,4BAA4B;ACE5B,SACIA,KAAA,EACAC,SAAA,EACAC,SAAA,EACAC,WAAA,EACAC,QAAA,QACG,kBAAA;AA2BS,SAAAC,GAAA,EAWIC,IAAA,QAXJ,oBAAA;AAnBhB,IAAMC,YAAgC;QAAGC,cAAAA;IACrC,IAAMC,WAAW,SAACC;QACd,OAAOA,OAAOC,GAAA,CAAI,SAACC;mBAASA,KAAKC,KAAK;WAAEC,IAAA;IAC5C;IACA,IAAMC,WAAW,SAACC;QACd,OAAOA,UAAUL,GAAA,CAAI,SAACM,MAAMC;YACxB,IAAMC,MAAMF,KAAKG,KAAA,CAAM,IAAG,CAAE,EAAC;YAY7B,OACI,aAAA,GAAAf,IAAC,OAAA;gBAAgBgB,OAAO;oBAAEC,OAAO;gBAAG;gBAAGC,WAAU;gBAC5CC,UAAAL;YAAA,GADKD;QAIlB;IACJ;IAEA,OACI,aAAA,GAAAb,IAAC,OAAA;QAAIkB,WAAU;QACXC,UAAA,aAAA,GAAAlB,KAACN,OAAA;YACGwB,UAAA;gBAAA,aAAA,GAAAnB,IAACF,aAAA;oBACGqB,UAAA,aAAA,GAAAlB,KAACF,UAAA;wBACGoB,UAAA;4BAAA,aAAA,GAAAnB,IAACH,WAAA;gCAAUsB,UAAA;4BAAA;4BACX,aAAA,GAAAnB,IAACH,WAAA;gCAAUsB,UAAA;4BAAA;yBAAO;oBAAA;gBACtB;gBAEJ,aAAA,GAAAnB,IAACJ,WAAA;oBACIuB,UAAAhB,MAAMG,GAAA,CAAI,SAACC,MAAMM;+BACd,aAAA,GAAAZ,KAACF,UAAA;4BACGoB,UAAA;gCAAA,aAAA,GAAAnB,IAACH,WAAA;oCAAWsB,UAAAf,SAASG,KAAKF,MAAM;gCAAA;gCAChC,aAAA,GAAAL,IAACH,WAAA;oCAAWsB,UAAAT,SAASH,KAAKI,SAAS;gCAAA;6BAAE;wBAAA,GAF1BE;;gBAIlB;aACL;QAAA;IACJ;AAGZ;AAEA,IAAOO,gBAAQlB;ADjCf,SACEkB,iBAAiBC,OAAO,GACxB","sourcesContent":["// src/result-view/table.tsx\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHeader,\n  TableRow\n} from \"@c-rex/ui/table\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar TableView = ({ items }) => {\n  const getTitle = (labels) => {\n    return labels.map((item) => item.value).join();\n  };\n  const getIcons = (languages) => {\n    return languages.map((lang, index) => {\n      const aux = lang.split(\"-\")[1];\n      return /* @__PURE__ */ jsx(\"div\", { style: { width: 36 }, className: \"border me-3\", children: aux }, index);\n    });\n  };\n  return /* @__PURE__ */ jsx(\"div\", { className: \"rounded-md border\", children: /* @__PURE__ */ jsxs(Table, { children: [\n    /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [\n      /* @__PURE__ */ jsx(TableCell, { children: \"Title\" }),\n      /* @__PURE__ */ jsx(TableCell, { children: \"Country\" })\n    ] }) }),\n    /* @__PURE__ */ jsx(TableBody, { children: items.map((item, index) => /* @__PURE__ */ jsxs(TableRow, { children: [\n      /* @__PURE__ */ jsx(TableCell, { children: getTitle(item.labels) }),\n      /* @__PURE__ */ jsx(TableCell, { children: getIcons(item.languages) })\n    ] }, index)) })\n  ] }) });\n};\nvar table_default = TableView;\nexport {\n  table_default as default\n};\n","import { FC, ReactNode } from \"react\";\n\nimport {\n    Table,\n    TableBody,\n    TableCell,\n    TableHeader,\n    TableRow,\n} from \"@c-rex/ui/table\";\nimport { informationUnitsItems, Labels } from \"@c-rex/interfaces\";\n//import { getFlagIcon } from '@c-rex/utils/index';\n\ninterface TableViewProps {\n    items: informationUnitsItems[];\n}\n\nconst TableView: FC<TableViewProps> = ({ items }) => {\n    const getTitle = (labels: Labels[]): string => {\n        return labels.map((item) => item.value).join();\n    };\n    const getIcons = (languages: string[]): ReactNode[] => {\n        return languages.map((lang, index) => {\n            const aux = lang.split(\"-\")[1];\n\n            /*\n                  const FlagIcon = getFlagIcon(aux);\n                  \n                  return FlagIcon && (\n                      <div key={index} style={{ width: 36 }} className=\"border me-3\">\n                      <FlagIcon />\n                      </div>\n                  )\n                  */\n\n            return (\n                <div key={index} style={{ width: 36 }} className=\"border me-3\">\n                    {aux}\n                </div>\n            );\n        });\n    };\n\n    return (\n        <div className=\"rounded-md border\">\n            <Table>\n                <TableHeader>\n                    <TableRow>\n                        <TableCell>Title</TableCell>\n                        <TableCell>Country</TableCell>\n                    </TableRow>\n                </TableHeader>\n                <TableBody>\n                    {items.map((item, index) => (\n                        <TableRow key={index}>\n                            <TableCell>{getTitle(item.labels)}</TableCell>\n                            <TableCell>{getIcons(item.languages)}</TableCell>\n                        </TableRow>\n                    ))}\n                </TableBody>\n            </Table>\n        </div>\n    );\n};\n\nexport default TableView;\n"]}