@c-rex/components 0.0.9 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (134) hide show
  1. package/package.json +28 -46
  2. package/src/autocomplete.tsx +113 -0
  3. package/src/blog-card.tsx +87 -0
  4. package/src/blur-image.tsx +23 -0
  5. package/src/breadcrumb.tsx +81 -0
  6. package/src/empty.tsx +13 -0
  7. package/src/navbar.tsx +66 -0
  8. package/src/providers/search-state-wrapper.tsx +21 -0
  9. package/src/result-list.tsx +16 -0
  10. package/src/result-view/blog-view.stories.tsx +58 -0
  11. package/src/result-view/blog.tsx +38 -0
  12. package/src/result-view/table-view.stories.tsx +55 -0
  13. package/src/result-view/table.tsx +65 -0
  14. package/src/sidebar.tsx +76 -0
  15. package/src/stories/blog-card.stories.tsx +46 -0
  16. package/src/stories/blur-image.stories.tsx +51 -0
  17. package/src/stories/breadcrumb.stories.tsx +52 -0
  18. package/src/stories/empty.stories.tsx +14 -0
  19. package/src/stories/navbar.stories.tsx +16 -0
  20. package/src/stories/sidebar.stories.tsx +94 -0
  21. package/dist/autocomplete.cjs.js +0 -215
  22. package/dist/autocomplete.cjs.js.map +0 -1
  23. package/dist/autocomplete.d.cts +0 -10
  24. package/dist/autocomplete.d.ts +0 -10
  25. package/dist/autocomplete.esm.js +0 -154
  26. package/dist/autocomplete.esm.js.map +0 -1
  27. package/dist/blog-card.cjs.js +0 -265
  28. package/dist/blog-card.cjs.js.map +0 -1
  29. package/dist/blog-card.d.cts +0 -19
  30. package/dist/blog-card.d.ts +0 -19
  31. package/dist/blog-card.esm.js +0 -192
  32. package/dist/blog-card.esm.js.map +0 -1
  33. package/dist/blur-image.cjs.js +0 -198
  34. package/dist/blur-image.cjs.js.map +0 -1
  35. package/dist/blur-image.d.cts +0 -7
  36. package/dist/blur-image.d.ts +0 -7
  37. package/dist/blur-image.esm.js +0 -125
  38. package/dist/blur-image.esm.js.map +0 -1
  39. package/dist/breadcrumb.cjs.js +0 -159
  40. package/dist/breadcrumb.cjs.js.map +0 -1
  41. package/dist/breadcrumb.d.cts +0 -10
  42. package/dist/breadcrumb.d.ts +0 -10
  43. package/dist/breadcrumb.esm.js +0 -98
  44. package/dist/breadcrumb.esm.js.map +0 -1
  45. package/dist/empty.cjs.js +0 -79
  46. package/dist/empty.cjs.js.map +0 -1
  47. package/dist/empty.d.cts +0 -5
  48. package/dist/empty.d.ts +0 -5
  49. package/dist/empty.esm.js +0 -18
  50. package/dist/empty.esm.js.map +0 -1
  51. package/dist/navbar.cjs.js +0 -134
  52. package/dist/navbar.cjs.js.map +0 -1
  53. package/dist/navbar.d.cts +0 -9
  54. package/dist/navbar.d.ts +0 -9
  55. package/dist/navbar.esm.js +0 -61
  56. package/dist/navbar.esm.js.map +0 -1
  57. package/dist/providers/search-state-wrapper.cjs.js +0 -113
  58. package/dist/providers/search-state-wrapper.cjs.js.map +0 -1
  59. package/dist/providers/search-state-wrapper.d.cts +0 -14
  60. package/dist/providers/search-state-wrapper.d.ts +0 -14
  61. package/dist/providers/search-state-wrapper.esm.js +0 -51
  62. package/dist/providers/search-state-wrapper.esm.js.map +0 -1
  63. package/dist/result-list.cjs.js +0 -321
  64. package/dist/result-list.cjs.js.map +0 -1
  65. package/dist/result-list.d.cts +0 -9
  66. package/dist/result-list.d.ts +0 -9
  67. package/dist/result-list.esm.js +0 -247
  68. package/dist/result-list.esm.js.map +0 -1
  69. package/dist/result-view/blog-view.stories.cjs.js +0 -372
  70. package/dist/result-view/blog-view.stories.cjs.js.map +0 -1
  71. package/dist/result-view/blog-view.stories.d.cts +0 -11
  72. package/dist/result-view/blog-view.stories.d.ts +0 -11
  73. package/dist/result-view/blog-view.stories.esm.js +0 -295
  74. package/dist/result-view/blog-view.stories.esm.js.map +0 -1
  75. package/dist/result-view/blog.cjs.js +0 -290
  76. package/dist/result-view/blog.cjs.js.map +0 -1
  77. package/dist/result-view/blog.d.cts +0 -9
  78. package/dist/result-view/blog.d.ts +0 -9
  79. package/dist/result-view/blog.esm.js +0 -220
  80. package/dist/result-view/blog.esm.js.map +0 -1
  81. package/dist/result-view/table-view.stories.cjs.js +0 -196
  82. package/dist/result-view/table-view.stories.cjs.js.map +0 -1
  83. package/dist/result-view/table-view.stories.d.cts +0 -11
  84. package/dist/result-view/table-view.stories.d.ts +0 -11
  85. package/dist/result-view/table-view.stories.esm.js +0 -131
  86. package/dist/result-view/table-view.stories.esm.js.map +0 -1
  87. package/dist/result-view/table.cjs.js +0 -116
  88. package/dist/result-view/table.cjs.js.map +0 -1
  89. package/dist/result-view/table.d.cts +0 -9
  90. package/dist/result-view/table.d.ts +0 -9
  91. package/dist/result-view/table.esm.js +0 -59
  92. package/dist/result-view/table.esm.js.map +0 -1
  93. package/dist/sidebar.cjs.js +0 -225
  94. package/dist/sidebar.cjs.js.map +0 -1
  95. package/dist/sidebar.d.cts +0 -12
  96. package/dist/sidebar.d.ts +0 -12
  97. package/dist/sidebar.esm.js +0 -164
  98. package/dist/sidebar.esm.js.map +0 -1
  99. package/dist/stories/blog-card.stories.cjs.js +0 -323
  100. package/dist/stories/blog-card.stories.cjs.js.map +0 -1
  101. package/dist/stories/blog-card.stories.d.cts +0 -9
  102. package/dist/stories/blog-card.stories.d.ts +0 -9
  103. package/dist/stories/blog-card.stories.esm.js +0 -242
  104. package/dist/stories/blog-card.stories.esm.js.map +0 -1
  105. package/dist/stories/blur-image.stories.cjs.js +0 -265
  106. package/dist/stories/blur-image.stories.cjs.js.map +0 -1
  107. package/dist/stories/blur-image.stories.d.cts +0 -37
  108. package/dist/stories/blur-image.stories.d.ts +0 -37
  109. package/dist/stories/blur-image.stories.esm.js +0 -180
  110. package/dist/stories/blur-image.stories.esm.js.map +0 -1
  111. package/dist/stories/breadcrumb.stories.cjs.js +0 -214
  112. package/dist/stories/breadcrumb.stories.cjs.js.map +0 -1
  113. package/dist/stories/breadcrumb.stories.d.cts +0 -9
  114. package/dist/stories/breadcrumb.stories.d.ts +0 -9
  115. package/dist/stories/breadcrumb.stories.esm.js +0 -145
  116. package/dist/stories/breadcrumb.stories.esm.js.map +0 -1
  117. package/dist/stories/empty.stories.cjs.js +0 -93
  118. package/dist/stories/empty.stories.cjs.js.map +0 -1
  119. package/dist/stories/empty.stories.d.cts +0 -13
  120. package/dist/stories/empty.stories.d.ts +0 -13
  121. package/dist/stories/empty.stories.esm.js +0 -28
  122. package/dist/stories/empty.stories.esm.js.map +0 -1
  123. package/dist/stories/navbar.stories.cjs.js +0 -151
  124. package/dist/stories/navbar.stories.cjs.js.map +0 -1
  125. package/dist/stories/navbar.stories.d.cts +0 -8
  126. package/dist/stories/navbar.stories.d.ts +0 -8
  127. package/dist/stories/navbar.stories.esm.js +0 -74
  128. package/dist/stories/navbar.stories.esm.js.map +0 -1
  129. package/dist/stories/sidebar.stories.cjs.js +0 -327
  130. package/dist/stories/sidebar.stories.cjs.js.map +0 -1
  131. package/dist/stories/sidebar.stories.d.cts +0 -30
  132. package/dist/stories/sidebar.stories.d.ts +0 -30
  133. package/dist/stories/sidebar.stories.esm.js +0 -258
  134. package/dist/stories/sidebar.stories.esm.js.map +0 -1
@@ -1,9 +0,0 @@
1
- import { FC } from 'react';
2
- import { informationUnitsItems } from '@c-rex/interfaces';
3
-
4
- interface BlogViewProps {
5
- items: informationUnitsItems[];
6
- }
7
- declare const BlogView: FC<BlogViewProps>;
8
-
9
- export { BlogView as default };
@@ -1,9 +0,0 @@
1
- import { FC } from 'react';
2
- import { informationUnitsItems } from '@c-rex/interfaces';
3
-
4
- interface BlogViewProps {
5
- items: informationUnitsItems[];
6
- }
7
- declare const BlogView: FC<BlogViewProps>;
8
-
9
- export { BlogView as default };
@@ -1,220 +0,0 @@
1
- // src/blog-card.tsx
2
- function _array_like_to_array(arr, len) {
3
- if (len == null || len > arr.length) len = arr.length;
4
- for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
5
- return arr2;
6
- }
7
- function _array_with_holes(arr) {
8
- if (Array.isArray(arr)) return arr;
9
- }
10
- function _define_property(obj, key, value) {
11
- if (key in obj) {
12
- Object.defineProperty(obj, key, {
13
- value: value,
14
- enumerable: true,
15
- configurable: true,
16
- writable: true
17
- });
18
- } else {
19
- obj[key] = value;
20
- }
21
- return obj;
22
- }
23
- function _iterable_to_array_limit(arr, i) {
24
- var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
25
- if (_i == null) return;
26
- var _arr = [];
27
- var _n = true;
28
- var _d = false;
29
- var _s, _e;
30
- try {
31
- for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
32
- _arr.push(_s.value);
33
- if (i && _arr.length === i) break;
34
- }
35
- } catch (err) {
36
- _d = true;
37
- _e = err;
38
- } finally{
39
- try {
40
- if (!_n && _i["return"] != null) _i["return"]();
41
- } finally{
42
- if (_d) throw _e;
43
- }
44
- }
45
- return _arr;
46
- }
47
- function _non_iterable_rest() {
48
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
49
- }
50
- function _object_spread(target) {
51
- for(var i = 1; i < arguments.length; i++){
52
- var source = arguments[i] != null ? arguments[i] : {};
53
- var ownKeys = Object.keys(source);
54
- if (typeof Object.getOwnPropertySymbols === "function") {
55
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
56
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
57
- }));
58
- }
59
- ownKeys.forEach(function(key) {
60
- _define_property(target, key, source[key]);
61
- });
62
- }
63
- return target;
64
- }
65
- function ownKeys(object, enumerableOnly) {
66
- var keys = Object.keys(object);
67
- if (Object.getOwnPropertySymbols) {
68
- var symbols = Object.getOwnPropertySymbols(object);
69
- if (enumerableOnly) {
70
- symbols = symbols.filter(function(sym) {
71
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
72
- });
73
- }
74
- keys.push.apply(keys, symbols);
75
- }
76
- return keys;
77
- }
78
- function _object_spread_props(target, source) {
79
- source = source != null ? source : {};
80
- if (Object.getOwnPropertyDescriptors) {
81
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
82
- } else {
83
- ownKeys(Object(source)).forEach(function(key) {
84
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
85
- });
86
- }
87
- return target;
88
- }
89
- function _sliced_to_array(arr, i) {
90
- return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
91
- }
92
- function _unsupported_iterable_to_array(o, minLen) {
93
- if (!o) return;
94
- if (typeof o === "string") return _array_like_to_array(o, minLen);
95
- var n = Object.prototype.toString.call(o).slice(8, -1);
96
- if (n === "Object" && o.constructor) n = o.constructor.name;
97
- if (n === "Map" || n === "Set") return Array.from(n);
98
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
99
- }
100
- import Link from "next/link";
101
- // ../utils/src/classMerge.ts
102
- import { clsx } from "clsx";
103
- import { twMerge } from "tailwind-merge";
104
- function cn() {
105
- for(var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++){
106
- inputs[_key] = arguments[_key];
107
- }
108
- return twMerge(clsx(inputs));
109
- }
110
- // src/blur-image.tsx
111
- import { useState } from "react";
112
- import Image from "next/image";
113
- import { jsx } from "react/jsx-runtime";
114
- var BlurImage = function(props) {
115
- var _useState = _sliced_to_array(useState(true), 2), isLoading = _useState[0], setLoading = _useState[1];
116
- return /* @__PURE__ */ jsx(Image, _object_spread_props(_object_spread({}, props), {
117
- alt: props.alt,
118
- className: cn(props.className, "duration-500 ease-in-out", isLoading ? "blur-sm" : "blur-0"),
119
- onLoad: function() {
120
- return setLoading(false);
121
- }
122
- }));
123
- };
124
- // src/blog-card.tsx
125
- import { jsx as jsx2, jsxs } from "react/jsx-runtime";
126
- var BlogCard = function(param) {
127
- var data = param.data, priority = param.priority, _param_horizontal = param.horizontal, horizontal = _param_horizontal === void 0 ? false : _param_horizontal;
128
- return /* @__PURE__ */ jsxs("article", {
129
- className: cn("group relative", horizontal ? "grid grid-cols-1 gap-3 md:grid-cols-2 md:gap-6" : "flex flex-col space-y-2"),
130
- children: [
131
- data.image && /* @__PURE__ */ jsx2("div", {
132
- className: "w-full overflow-hidden rounded-xl border",
133
- children: /* @__PURE__ */ jsx2(BlurImage, {
134
- alt: data.title,
135
- blurDataURL: data.blurDataURL,
136
- className: cn("size-full object-cover object-center", horizontal ? "lg:h-72" : null),
137
- width: 800,
138
- height: 400,
139
- priority: priority,
140
- placeholder: "blur",
141
- src: data.image,
142
- sizes: "(max-width: 768px) 750px, 600px"
143
- })
144
- }),
145
- /* @__PURE__ */ jsxs("div", {
146
- className: cn("flex flex-1 flex-col", horizontal ? "justify-center" : "justify-between"),
147
- children: [
148
- /* @__PURE__ */ jsxs("div", {
149
- className: "w-full",
150
- children: [
151
- /* @__PURE__ */ jsx2("h2", {
152
- className: "my-1.5 line-clamp-2 font-heading text-2xl",
153
- children: data.title
154
- }),
155
- data.description && /* @__PURE__ */ jsx2("p", {
156
- className: "line-clamp-2 text-muted-foreground",
157
- children: data.description
158
- })
159
- ]
160
- }),
161
- /* @__PURE__ */ jsxs("div", {
162
- className: "mt-4 flex items-center space-x-3",
163
- children: [
164
- /* @__PURE__ */ jsx2("div", {
165
- className: "flex items-center -space-x-2",
166
- children: data.authors && /* @__PURE__ */ jsx2("p", {
167
- className: "text-sm text-muted-foreground",
168
- children: data.authors
169
- })
170
- }),
171
- data.date && /* @__PURE__ */ jsx2("p", {
172
- className: "text-sm text-muted-foreground",
173
- children: data.date
174
- })
175
- ]
176
- })
177
- ]
178
- }),
179
- /* @__PURE__ */ jsx2(Link, {
180
- href: data.slug,
181
- className: "absolute inset-0",
182
- target: "_blank",
183
- children: /* @__PURE__ */ jsx2("span", {
184
- className: "sr-only",
185
- children: "View Article"
186
- })
187
- })
188
- ]
189
- });
190
- };
191
- // src/result-view/blog.tsx
192
- import { jsx as jsx3 } from "react/jsx-runtime";
193
- var BlogView = function(param) {
194
- var items = param.items;
195
- var getTitle = function(labels) {
196
- return labels.map(function(item) {
197
- return item.value;
198
- }).join();
199
- };
200
- return /* @__PURE__ */ jsx3("div", {
201
- className: "grid gap-8 md:grid-cols-2 md:gap-x-6 md:gap-y-10 xl:grid-cols-3",
202
- children: items.map(function(item, index) {
203
- return /* @__PURE__ */ jsx3(BlogCard, {
204
- data: {
205
- title: getTitle(item.labels),
206
- blurDataURL: "/img/blog-post-1.webp",
207
- image: "/img/blog-post-1.webp",
208
- description: "item.shortDescription",
209
- authors: "item.authors",
210
- _id: "item._id",
211
- date: "item.date",
212
- slug: "info/".concat(item.shortId)
213
- }
214
- }, index);
215
- })
216
- });
217
- };
218
- var blog_default = BlogView;
219
- export { blog_default as default };
220
- //# sourceMappingURL=blog.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/Users/periotto/Desktop/workspace/c-rex.net-web-client-foundation/packages/components/dist/result-view/blog.esm.js","../../src/blog-card.tsx","../../../utils/src/classMerge.ts","../../src/blur-image.tsx","../../src/result-view/blog.tsx"],"names":["Link","clsx","twMerge","cn","inputs","useState","Image","jsx","BlurImage","props","isLoading","setLoading","alt","className","onLoad","jsxs","BlogCard","data","priority","horizontal","children","image","title","blurDataURL","width","height","placeholder","src","sizes","description","authors","date","href","slug","target","BlogView","items","getTitle","labels","map","item","value","join","index","_id","shortId","blog_default","default"],"mappings":"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","sourcesContent":["// src/blog-card.tsx\nimport Link from \"next/link\";\n\n// ../utils/src/classMerge.ts\nimport { clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nfunction cn(...inputs) {\n return twMerge(clsx(inputs));\n}\n\n// src/blur-image.tsx\nimport { useState } from \"react\";\nimport Image from \"next/image\";\nimport { jsx } from \"react/jsx-runtime\";\nvar BlurImage = (props) => {\n const [isLoading, setLoading] = useState(true);\n return /* @__PURE__ */ jsx(\n Image,\n {\n ...props,\n alt: props.alt,\n className: cn(\n props.className,\n \"duration-500 ease-in-out\",\n isLoading ? \"blur-sm\" : \"blur-0\"\n ),\n onLoad: () => setLoading(false)\n }\n );\n};\n\n// src/blog-card.tsx\nimport { jsx as jsx2, jsxs } from \"react/jsx-runtime\";\nvar BlogCard = ({\n data,\n priority,\n horizontal = false\n}) => {\n return /* @__PURE__ */ jsxs(\n \"article\",\n {\n className: cn(\n \"group relative\",\n horizontal ? \"grid grid-cols-1 gap-3 md:grid-cols-2 md:gap-6\" : \"flex flex-col space-y-2\"\n ),\n children: [\n data.image && /* @__PURE__ */ jsx2(\"div\", { className: \"w-full overflow-hidden rounded-xl border\", children: /* @__PURE__ */ jsx2(\n BlurImage,\n {\n alt: data.title,\n blurDataURL: data.blurDataURL,\n className: cn(\n \"size-full object-cover object-center\",\n horizontal ? \"lg:h-72\" : null\n ),\n width: 800,\n height: 400,\n priority,\n placeholder: \"blur\",\n src: data.image,\n sizes: \"(max-width: 768px) 750px, 600px\"\n }\n ) }),\n /* @__PURE__ */ jsxs(\n \"div\",\n {\n className: cn(\n \"flex flex-1 flex-col\",\n horizontal ? \"justify-center\" : \"justify-between\"\n ),\n children: [\n /* @__PURE__ */ jsxs(\"div\", { className: \"w-full\", children: [\n /* @__PURE__ */ jsx2(\"h2\", { className: \"my-1.5 line-clamp-2 font-heading text-2xl\", children: data.title }),\n data.description && /* @__PURE__ */ jsx2(\"p\", { className: \"line-clamp-2 text-muted-foreground\", children: data.description })\n ] }),\n /* @__PURE__ */ jsxs(\"div\", { className: \"mt-4 flex items-center space-x-3\", children: [\n /* @__PURE__ */ jsx2(\"div\", { className: \"flex items-center -space-x-2\", children: data.authors && /* @__PURE__ */ jsx2(\"p\", { className: \"text-sm text-muted-foreground\", children: data.authors }) }),\n data.date && /* @__PURE__ */ jsx2(\"p\", { className: \"text-sm text-muted-foreground\", children: data.date })\n ] })\n ]\n }\n ),\n /* @__PURE__ */ jsx2(Link, { href: data.slug, className: \"absolute inset-0\", target: \"_blank\", children: /* @__PURE__ */ jsx2(\"span\", { className: \"sr-only\", children: \"View Article\" }) })\n ]\n }\n );\n};\n\n// src/result-view/blog.tsx\nimport { jsx as jsx3 } from \"react/jsx-runtime\";\nvar BlogView = ({ items }) => {\n const getTitle = (labels) => {\n return labels.map((item) => item.value).join();\n };\n return /* @__PURE__ */ jsx3(\"div\", { className: \"grid gap-8 md:grid-cols-2 md:gap-x-6 md:gap-y-10 xl:grid-cols-3\", children: items.map((item, index) => {\n return /* @__PURE__ */ jsx3(\n BlogCard,\n {\n data: {\n title: getTitle(item.labels),\n blurDataURL: \"/img/blog-post-1.webp\",\n image: \"/img/blog-post-1.webp\",\n description: \"item.shortDescription\",\n authors: \"item.authors\",\n _id: \"item._id\",\n date: \"item.date\",\n slug: `info/${item.shortId}`\n }\n },\n index\n );\n }) });\n};\nvar blog_default = BlogView;\nexport {\n blog_default as default\n};\n","import Link from \"next/link\";\nimport { cn } from \"@c-rex/utils\";\nimport { BlurImage } from \"./blur-image\";\n\n//import Author from \"./author\";\n\ninterface BlogCardProp {\n data: {\n title: string;\n blurDataURL: string;\n image: string;\n description: string;\n authors: string;\n _id: string;\n date: string;\n slug: string;\n };\n priority?: boolean;\n horizontal?: boolean;\n}\n\nexport const BlogCard = ({\n data,\n priority,\n horizontal = false,\n}: BlogCardProp) => {\n return (\n <article\n className={cn(\n \"group relative\",\n horizontal\n ? \"grid grid-cols-1 gap-3 md:grid-cols-2 md:gap-6\"\n : \"flex flex-col space-y-2\",\n )}\n >\n {data.image && (\n <div className=\"w-full overflow-hidden rounded-xl border\">\n <BlurImage\n alt={data.title}\n blurDataURL={data.blurDataURL}\n className={cn(\n \"size-full object-cover object-center\",\n horizontal ? \"lg:h-72\" : null,\n )}\n width={800}\n height={400}\n priority={priority}\n placeholder=\"blur\"\n src={data.image}\n sizes=\"(max-width: 768px) 750px, 600px\"\n />\n </div>\n )}\n <div\n className={cn(\n \"flex flex-1 flex-col\",\n horizontal ? \"justify-center\" : \"justify-between\",\n )}\n >\n <div className=\"w-full\">\n <h2 className=\"my-1.5 line-clamp-2 font-heading text-2xl\">\n {data.title}\n </h2>\n {data.description && (\n <p className=\"line-clamp-2 text-muted-foreground\">\n {data.description}\n </p>\n )}\n </div>\n <div className=\"mt-4 flex items-center space-x-3\">\n <div className=\"flex items-center -space-x-2\">\n {data.authors && (\n <p className=\"text-sm text-muted-foreground\">{data.authors}</p>\n )}\n </div>\n\n {data.date && (\n <p className=\"text-sm text-muted-foreground\">{data.date}</p>\n )}\n </div>\n </div>\n <Link href={data.slug} className=\"absolute inset-0\" target=\"_blank\">\n <span className=\"sr-only\">View Article</span>\n </Link>\n </article>\n );\n};\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport { useState } from \"react\";\nimport type { ComponentProps } from \"react\";\nimport Image from \"next/image\";\nimport { cn } from \"@c-rex/utils\";\n\nexport const BlurImage = (props: ComponentProps<typeof Image>) => {\n const [isLoading, setLoading] = useState(true);\n\n return (\n <Image\n {...props}\n alt={props.alt}\n className={cn(\n props.className,\n \"duration-500 ease-in-out\",\n isLoading ? \"blur-sm\" : \"blur-0\",\n )}\n onLoad={() => setLoading(false)}\n />\n );\n}\n","import { FC } from \"react\";\n\nimport { BlogCard } from \"../blog-card\";\nimport { informationUnitsItems, Labels } from \"@c-rex/interfaces\";\n\ninterface BlogViewProps {\n items: informationUnitsItems[];\n}\n\nconst BlogView: FC<BlogViewProps> = ({ items }) => {\n const getTitle = (labels: Labels[]): string => {\n return labels.map((item) => item.value).join();\n };\n\n return (\n <div className=\"grid gap-8 md:grid-cols-2 md:gap-x-6 md:gap-y-10 xl:grid-cols-3\">\n {items.map((item, index) => {\n return (\n <BlogCard\n key={index}\n data={{\n title: getTitle(item.labels),\n blurDataURL: \"/img/blog-post-1.webp\",\n image: \"/img/blog-post-1.webp\",\n description: \"item.shortDescription\",\n authors: \"item.authors\",\n _id: \"item._id\",\n date: \"item.date\",\n slug: `info/${item.shortId}`,\n }}\n />\n );\n })}\n </div>\n );\n};\n\nexport default BlogView;\n"]}
@@ -1,196 +0,0 @@
1
- "use strict";
2
- function _type_of(obj) {
3
- "@swc/helpers - typeof";
4
- return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
5
- }
6
- var __defProp = Object.defineProperty;
7
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
8
- var __getOwnPropNames = Object.getOwnPropertyNames;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __export = function(target, all) {
11
- for(var name in all)__defProp(target, name, {
12
- get: all[name],
13
- enumerable: true
14
- });
15
- };
16
- var __copyProps = function(to, from, except, desc) {
17
- if (from && (typeof from === "undefined" ? "undefined" : _type_of(from)) === "object" || typeof from === "function") {
18
- var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
19
- try {
20
- var _loop = function() {
21
- var key = _step.value;
22
- if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
23
- get: function() {
24
- return from[key];
25
- },
26
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
27
- });
28
- };
29
- for(var _iterator = __getOwnPropNames(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
30
- } catch (err) {
31
- _didIteratorError = true;
32
- _iteratorError = err;
33
- } finally{
34
- try {
35
- if (!_iteratorNormalCompletion && _iterator.return != null) {
36
- _iterator.return();
37
- }
38
- } finally{
39
- if (_didIteratorError) {
40
- throw _iteratorError;
41
- }
42
- }
43
- }
44
- }
45
- return to;
46
- };
47
- var __toCommonJS = function(mod) {
48
- return __copyProps(__defProp({}, "__esModule", {
49
- value: true
50
- }), mod);
51
- };
52
- // src/result-view/table-view.stories.tsx
53
- var table_view_stories_exports = {};
54
- __export(table_view_stories_exports, {
55
- Default: function() {
56
- return Default;
57
- },
58
- default: function() {
59
- return table_view_stories_default;
60
- }
61
- });
62
- module.exports = __toCommonJS(table_view_stories_exports);
63
- // src/result-view/table.tsx
64
- var import_table = require("@c-rex/ui/table");
65
- var import_jsx_runtime = require("react/jsx-runtime");
66
- var TableView = function(param) {
67
- var items = param.items;
68
- var getTitle = function(labels) {
69
- return labels.map(function(item) {
70
- return item.value;
71
- }).join();
72
- };
73
- var getIcons = function(languages) {
74
- return languages.map(function(lang, index) {
75
- var aux = lang.split("-")[1];
76
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
77
- style: {
78
- width: 36
79
- },
80
- className: "border me-3",
81
- children: aux
82
- }, index);
83
- });
84
- };
85
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
86
- className: "rounded-md border",
87
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_table.Table, {
88
- children: [
89
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableHeader, {
90
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_table.TableRow, {
91
- children: [
92
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableCell, {
93
- children: "Title"
94
- }),
95
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableCell, {
96
- children: "Country"
97
- })
98
- ]
99
- })
100
- }),
101
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableBody, {
102
- children: items.map(function(item, index) {
103
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_table.TableRow, {
104
- children: [
105
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableCell, {
106
- children: getTitle(item.labels)
107
- }),
108
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.TableCell, {
109
- children: getIcons(item.languages)
110
- })
111
- ]
112
- }, index);
113
- })
114
- })
115
- ]
116
- })
117
- });
118
- };
119
- var table_default = TableView;
120
- // src/result-view/table-view.stories.tsx
121
- var meta = {
122
- title: "Components/ResultView/Table",
123
- component: table_default,
124
- parameters: {
125
- layout: "centered"
126
- },
127
- tags: [
128
- "autodocs"
129
- ]
130
- };
131
- var table_view_stories_default = meta;
132
- var mockItems = [
133
- {
134
- id: "1",
135
- labels: [
136
- {
137
- value: "Installation Guide",
138
- language: "en-US"
139
- },
140
- {
141
- value: "Guide d'installation",
142
- language: "fr-FR"
143
- }
144
- ],
145
- languages: [
146
- "fr-FR"
147
- ],
148
- type: "document",
149
- renditions: [],
150
- directoryNodes: []
151
- },
152
- {
153
- id: "2",
154
- labels: [
155
- {
156
- value: "User Manual",
157
- language: "en-US"
158
- },
159
- {
160
- value: "Manual del Usuario",
161
- language: "es-ES"
162
- }
163
- ],
164
- languages: [
165
- "es-ES"
166
- ],
167
- type: "document",
168
- renditions: [],
169
- directoryNodes: []
170
- },
171
- {
172
- id: "3",
173
- labels: [
174
- {
175
- value: "Technical Specifications",
176
- language: "en-US"
177
- }
178
- ],
179
- languages: [
180
- "en-US"
181
- ],
182
- type: "document",
183
- renditions: [],
184
- directoryNodes: []
185
- }
186
- ];
187
- var Default = {
188
- args: {
189
- items: mockItems
190
- }
191
- };
192
- // Annotate the CommonJS export names for ESM import in node:
193
- 0 && (module.exports = {
194
- Default: Default
195
- });
196
- //# sourceMappingURL=table-view.stories.cjs.js.map
@@ -1 +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":"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","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"]}
@@ -1,11 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import TableView from './table.cjs';
3
- import 'react';
4
- import '@c-rex/interfaces';
5
-
6
- declare const meta: Meta<typeof TableView>;
7
-
8
- type Story = StoryObj<typeof TableView>;
9
- declare const Default: Story;
10
-
11
- export { Default, meta as default };
@@ -1,11 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import TableView from './table.js';
3
- import 'react';
4
- import '@c-rex/interfaces';
5
-
6
- declare const meta: Meta<typeof TableView>;
7
-
8
- type Story = StoryObj<typeof TableView>;
9
- declare const Default: Story;
10
-
11
- export { Default, meta as default };
@@ -1,131 +0,0 @@
1
- // src/result-view/table.tsx
2
- import { Table, TableBody, TableCell, TableHeader, TableRow } from "@c-rex/ui/table";
3
- import { jsx, jsxs } from "react/jsx-runtime";
4
- var TableView = function(param) {
5
- var items = param.items;
6
- var getTitle = function(labels) {
7
- return labels.map(function(item) {
8
- return item.value;
9
- }).join();
10
- };
11
- var getIcons = function(languages) {
12
- return languages.map(function(lang, index) {
13
- var aux = lang.split("-")[1];
14
- return /* @__PURE__ */ jsx("div", {
15
- style: {
16
- width: 36
17
- },
18
- className: "border me-3",
19
- children: aux
20
- }, index);
21
- });
22
- };
23
- return /* @__PURE__ */ jsx("div", {
24
- className: "rounded-md border",
25
- children: /* @__PURE__ */ jsxs(Table, {
26
- children: [
27
- /* @__PURE__ */ jsx(TableHeader, {
28
- children: /* @__PURE__ */ jsxs(TableRow, {
29
- children: [
30
- /* @__PURE__ */ jsx(TableCell, {
31
- children: "Title"
32
- }),
33
- /* @__PURE__ */ jsx(TableCell, {
34
- children: "Country"
35
- })
36
- ]
37
- })
38
- }),
39
- /* @__PURE__ */ jsx(TableBody, {
40
- children: items.map(function(item, index) {
41
- return /* @__PURE__ */ jsxs(TableRow, {
42
- children: [
43
- /* @__PURE__ */ jsx(TableCell, {
44
- children: getTitle(item.labels)
45
- }),
46
- /* @__PURE__ */ jsx(TableCell, {
47
- children: getIcons(item.languages)
48
- })
49
- ]
50
- }, index);
51
- })
52
- })
53
- ]
54
- })
55
- });
56
- };
57
- var table_default = TableView;
58
- // src/result-view/table-view.stories.tsx
59
- var meta = {
60
- title: "Components/ResultView/Table",
61
- component: table_default,
62
- parameters: {
63
- layout: "centered"
64
- },
65
- tags: [
66
- "autodocs"
67
- ]
68
- };
69
- var table_view_stories_default = meta;
70
- var mockItems = [
71
- {
72
- id: "1",
73
- labels: [
74
- {
75
- value: "Installation Guide",
76
- language: "en-US"
77
- },
78
- {
79
- value: "Guide d'installation",
80
- language: "fr-FR"
81
- }
82
- ],
83
- languages: [
84
- "fr-FR"
85
- ],
86
- type: "document",
87
- renditions: [],
88
- directoryNodes: []
89
- },
90
- {
91
- id: "2",
92
- labels: [
93
- {
94
- value: "User Manual",
95
- language: "en-US"
96
- },
97
- {
98
- value: "Manual del Usuario",
99
- language: "es-ES"
100
- }
101
- ],
102
- languages: [
103
- "es-ES"
104
- ],
105
- type: "document",
106
- renditions: [],
107
- directoryNodes: []
108
- },
109
- {
110
- id: "3",
111
- labels: [
112
- {
113
- value: "Technical Specifications",
114
- language: "en-US"
115
- }
116
- ],
117
- languages: [
118
- "en-US"
119
- ],
120
- type: "document",
121
- renditions: [],
122
- directoryNodes: []
123
- }
124
- ];
125
- var Default = {
126
- args: {
127
- items: mockItems
128
- }
129
- };
130
- export { Default, table_view_stories_default as default };
131
- //# sourceMappingURL=table-view.stories.esm.js.map