@c-rex/components 0.0.8 → 0.0.9

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/dist/autocomplete.cjs.js +215 -0
  2. package/dist/autocomplete.cjs.js.map +1 -0
  3. package/dist/autocomplete.d.cts +10 -0
  4. package/dist/autocomplete.d.ts +10 -0
  5. package/dist/autocomplete.esm.js +154 -0
  6. package/dist/autocomplete.esm.js.map +1 -0
  7. package/dist/blog-card.cjs.js +265 -0
  8. package/dist/blog-card.cjs.js.map +1 -0
  9. package/dist/blog-card.d.cts +19 -0
  10. package/dist/blog-card.d.ts +19 -0
  11. package/dist/blog-card.esm.js +192 -0
  12. package/dist/blog-card.esm.js.map +1 -0
  13. package/dist/blur-image.cjs.js +198 -0
  14. package/dist/blur-image.cjs.js.map +1 -0
  15. package/dist/blur-image.d.cts +7 -0
  16. package/dist/blur-image.d.ts +7 -0
  17. package/dist/blur-image.esm.js +125 -0
  18. package/dist/blur-image.esm.js.map +1 -0
  19. package/dist/breadcrumb.cjs.js +159 -0
  20. package/dist/breadcrumb.cjs.js.map +1 -0
  21. package/dist/breadcrumb.d.cts +10 -0
  22. package/dist/breadcrumb.d.ts +10 -0
  23. package/dist/breadcrumb.esm.js +98 -0
  24. package/dist/breadcrumb.esm.js.map +1 -0
  25. package/dist/empty.cjs.js +79 -0
  26. package/dist/empty.cjs.js.map +1 -0
  27. package/dist/empty.d.cts +5 -0
  28. package/dist/empty.d.ts +5 -0
  29. package/dist/empty.esm.js +18 -0
  30. package/dist/empty.esm.js.map +1 -0
  31. package/dist/navbar.cjs.js +134 -0
  32. package/dist/navbar.cjs.js.map +1 -0
  33. package/dist/navbar.d.cts +9 -0
  34. package/dist/navbar.d.ts +9 -0
  35. package/dist/navbar.esm.js +61 -0
  36. package/dist/navbar.esm.js.map +1 -0
  37. package/dist/providers/search-state-wrapper.cjs.js +113 -0
  38. package/dist/providers/search-state-wrapper.cjs.js.map +1 -0
  39. package/dist/providers/search-state-wrapper.d.cts +14 -0
  40. package/dist/providers/search-state-wrapper.d.ts +14 -0
  41. package/dist/providers/search-state-wrapper.esm.js +51 -0
  42. package/dist/providers/search-state-wrapper.esm.js.map +1 -0
  43. package/dist/result-list.cjs.js +321 -0
  44. package/dist/result-list.cjs.js.map +1 -0
  45. package/dist/result-list.d.cts +9 -0
  46. package/dist/result-list.d.ts +9 -0
  47. package/dist/result-list.esm.js +247 -0
  48. package/dist/result-list.esm.js.map +1 -0
  49. package/dist/result-view/blog-view.stories.cjs.js +372 -0
  50. package/dist/result-view/blog-view.stories.cjs.js.map +1 -0
  51. package/dist/result-view/blog-view.stories.d.cts +11 -0
  52. package/dist/result-view/blog-view.stories.d.ts +11 -0
  53. package/dist/result-view/blog-view.stories.esm.js +295 -0
  54. package/dist/result-view/blog-view.stories.esm.js.map +1 -0
  55. package/dist/result-view/blog.cjs.js +290 -0
  56. package/dist/result-view/blog.cjs.js.map +1 -0
  57. package/dist/result-view/blog.d.cts +9 -0
  58. package/dist/result-view/blog.d.ts +9 -0
  59. package/dist/result-view/blog.esm.js +220 -0
  60. package/dist/result-view/blog.esm.js.map +1 -0
  61. package/dist/result-view/table-view.stories.cjs.js +196 -0
  62. package/dist/result-view/table-view.stories.cjs.js.map +1 -0
  63. package/dist/result-view/table-view.stories.d.cts +11 -0
  64. package/dist/result-view/table-view.stories.d.ts +11 -0
  65. package/dist/result-view/table-view.stories.esm.js +131 -0
  66. package/dist/result-view/table-view.stories.esm.js.map +1 -0
  67. package/dist/result-view/table.cjs.js +116 -0
  68. package/dist/result-view/table.cjs.js.map +1 -0
  69. package/dist/result-view/table.d.cts +9 -0
  70. package/dist/result-view/table.d.ts +9 -0
  71. package/dist/result-view/table.esm.js +59 -0
  72. package/dist/result-view/table.esm.js.map +1 -0
  73. package/dist/sidebar.cjs.js +225 -0
  74. package/dist/sidebar.cjs.js.map +1 -0
  75. package/dist/sidebar.d.cts +12 -0
  76. package/dist/sidebar.d.ts +12 -0
  77. package/dist/sidebar.esm.js +164 -0
  78. package/dist/sidebar.esm.js.map +1 -0
  79. package/dist/stories/blog-card.stories.cjs.js +323 -0
  80. package/dist/stories/blog-card.stories.cjs.js.map +1 -0
  81. package/dist/stories/blog-card.stories.d.cts +9 -0
  82. package/dist/stories/blog-card.stories.d.ts +9 -0
  83. package/dist/stories/blog-card.stories.esm.js +242 -0
  84. package/dist/stories/blog-card.stories.esm.js.map +1 -0
  85. package/dist/stories/blur-image.stories.cjs.js +265 -0
  86. package/dist/stories/blur-image.stories.cjs.js.map +1 -0
  87. package/dist/stories/blur-image.stories.d.cts +37 -0
  88. package/dist/stories/blur-image.stories.d.ts +37 -0
  89. package/dist/stories/blur-image.stories.esm.js +180 -0
  90. package/dist/stories/blur-image.stories.esm.js.map +1 -0
  91. package/dist/stories/breadcrumb.stories.cjs.js +214 -0
  92. package/dist/stories/breadcrumb.stories.cjs.js.map +1 -0
  93. package/dist/stories/breadcrumb.stories.d.cts +9 -0
  94. package/dist/stories/breadcrumb.stories.d.ts +9 -0
  95. package/dist/stories/breadcrumb.stories.esm.js +145 -0
  96. package/dist/stories/breadcrumb.stories.esm.js.map +1 -0
  97. package/dist/stories/empty.stories.cjs.js +93 -0
  98. package/dist/stories/empty.stories.cjs.js.map +1 -0
  99. package/dist/stories/empty.stories.d.cts +13 -0
  100. package/dist/stories/empty.stories.d.ts +13 -0
  101. package/dist/stories/empty.stories.esm.js +28 -0
  102. package/dist/stories/empty.stories.esm.js.map +1 -0
  103. package/dist/stories/navbar.stories.cjs.js +151 -0
  104. package/dist/stories/navbar.stories.cjs.js.map +1 -0
  105. package/dist/stories/navbar.stories.d.cts +8 -0
  106. package/dist/stories/navbar.stories.d.ts +8 -0
  107. package/dist/stories/navbar.stories.esm.js +74 -0
  108. package/dist/stories/navbar.stories.esm.js.map +1 -0
  109. package/dist/stories/sidebar.stories.cjs.js +327 -0
  110. package/dist/stories/sidebar.stories.cjs.js.map +1 -0
  111. package/dist/stories/sidebar.stories.d.cts +30 -0
  112. package/dist/stories/sidebar.stories.d.ts +30 -0
  113. package/dist/stories/sidebar.stories.esm.js +258 -0
  114. package/dist/stories/sidebar.stories.esm.js.map +1 -0
  115. package/package.json +40 -27
  116. package/src/autocomplete.tsx +0 -113
  117. package/src/blog-card.tsx +0 -87
  118. package/src/blur-image.tsx +0 -23
  119. package/src/breadcrumb.tsx +0 -81
  120. package/src/empty.tsx +0 -13
  121. package/src/navbar.tsx +0 -66
  122. package/src/providers/search-state-wrapper.tsx +0 -21
  123. package/src/result-list.tsx +0 -16
  124. package/src/result-view/blog-view.stories.tsx +0 -58
  125. package/src/result-view/blog.tsx +0 -38
  126. package/src/result-view/table-view.stories.tsx +0 -55
  127. package/src/result-view/table.tsx +0 -65
  128. package/src/sidebar.tsx +0 -76
  129. package/src/stories/blog-card.stories.tsx +0 -46
  130. package/src/stories/blur-image.stories.tsx +0 -51
  131. package/src/stories/breadcrumb.stories.tsx +0 -52
  132. package/src/stories/empty.stories.tsx +0 -14
  133. package/src/stories/navbar.stories.tsx +0 -16
  134. package/src/stories/sidebar.stories.tsx +0 -94
@@ -0,0 +1,214 @@
1
+ "use strict";
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_without_holes(arr) {
8
+ if (Array.isArray(arr)) return _array_like_to_array(arr);
9
+ }
10
+ function _iterable_to_array(iter) {
11
+ if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
12
+ }
13
+ function _non_iterable_spread() {
14
+ throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
15
+ }
16
+ function _to_consumable_array(arr) {
17
+ return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
18
+ }
19
+ function _type_of(obj) {
20
+ "@swc/helpers - typeof";
21
+ return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
22
+ }
23
+ function _unsupported_iterable_to_array(o, minLen) {
24
+ if (!o) return;
25
+ if (typeof o === "string") return _array_like_to_array(o, minLen);
26
+ var n = Object.prototype.toString.call(o).slice(8, -1);
27
+ if (n === "Object" && o.constructor) n = o.constructor.name;
28
+ if (n === "Map" || n === "Set") return Array.from(n);
29
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
30
+ }
31
+ var __defProp = Object.defineProperty;
32
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
33
+ var __getOwnPropNames = Object.getOwnPropertyNames;
34
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
35
+ var __export = function(target, all) {
36
+ for(var name in all)__defProp(target, name, {
37
+ get: all[name],
38
+ enumerable: true
39
+ });
40
+ };
41
+ var __copyProps = function(to, from, except, desc) {
42
+ if (from && (typeof from === "undefined" ? "undefined" : _type_of(from)) === "object" || typeof from === "function") {
43
+ var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
44
+ try {
45
+ var _loop = function() {
46
+ var key = _step.value;
47
+ if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
48
+ get: function() {
49
+ return from[key];
50
+ },
51
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
52
+ });
53
+ };
54
+ for(var _iterator = __getOwnPropNames(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
55
+ } catch (err) {
56
+ _didIteratorError = true;
57
+ _iteratorError = err;
58
+ } finally{
59
+ try {
60
+ if (!_iteratorNormalCompletion && _iterator.return != null) {
61
+ _iterator.return();
62
+ }
63
+ } finally{
64
+ if (_didIteratorError) {
65
+ throw _iteratorError;
66
+ }
67
+ }
68
+ }
69
+ }
70
+ return to;
71
+ };
72
+ var __toCommonJS = function(mod) {
73
+ return __copyProps(__defProp({}, "__esModule", {
74
+ value: true
75
+ }), mod);
76
+ };
77
+ // src/stories/breadcrumb.stories.tsx
78
+ var breadcrumb_stories_exports = {};
79
+ __export(breadcrumb_stories_exports, {
80
+ Default: function() {
81
+ return Default;
82
+ },
83
+ Loading: function() {
84
+ return Loading;
85
+ },
86
+ default: function() {
87
+ return breadcrumb_stories_default;
88
+ }
89
+ });
90
+ module.exports = __toCommonJS(breadcrumb_stories_exports);
91
+ // src/breadcrumb.tsx
92
+ var import_breadcrumb = require("@c-rex/ui/breadcrumb");
93
+ var import_skeleton = require("@c-rex/ui/skeleton");
94
+ var import_jsx_runtime = require("react/jsx-runtime");
95
+ var Breadcrumb = function(param) {
96
+ var items = param.items, loading = param.loading;
97
+ if (!items) {
98
+ return null;
99
+ }
100
+ if (loading) {
101
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.Breadcrumb, {
102
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_breadcrumb.BreadcrumbList, {
103
+ children: [
104
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbItem, {
105
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbPage, {
106
+ children: "Home"
107
+ })
108
+ }),
109
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbSeparator, {}),
110
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbItem, {
111
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, {
112
+ className: "w-40 h-6"
113
+ })
114
+ }),
115
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbSeparator, {}),
116
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbItem, {
117
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, {
118
+ className: "w-40 h-6"
119
+ })
120
+ })
121
+ ]
122
+ })
123
+ });
124
+ }
125
+ var homeItem = {
126
+ link: "/",
127
+ label: "Home",
128
+ id: "home",
129
+ active: false,
130
+ children: []
131
+ };
132
+ var newItemList = [
133
+ homeItem
134
+ ].concat(_to_consumable_array(items));
135
+ var renderLink = function(showLink, item) {
136
+ if (showLink) {
137
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbLink, {
138
+ href: item.link,
139
+ children: item.label
140
+ });
141
+ }
142
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbPage, {
143
+ children: item.label
144
+ });
145
+ };
146
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.Breadcrumb, {
147
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbList, {
148
+ children: newItemList.map(function(item, index) {
149
+ var isLast = index === newItemList.length - 1;
150
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
151
+ children: [
152
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbItem, {
153
+ children: renderLink(!isLast, item)
154
+ }, "".concat(item.label, "-item")),
155
+ !isLast && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbSeparator, {}, "".concat(item.label, "-separator"))
156
+ ]
157
+ });
158
+ })
159
+ })
160
+ });
161
+ };
162
+ // src/stories/breadcrumb.stories.tsx
163
+ var meta = {
164
+ title: "Components/Breadcrumb",
165
+ component: Breadcrumb,
166
+ tags: [
167
+ "autodocs"
168
+ ],
169
+ parameters: {
170
+ layout: "centered"
171
+ }
172
+ };
173
+ var breadcrumb_stories_default = meta;
174
+ var mockItems = [
175
+ {
176
+ id: "docs",
177
+ label: "Documentation",
178
+ link: "/docs",
179
+ active: false,
180
+ children: []
181
+ },
182
+ {
183
+ id: "components",
184
+ label: "Components",
185
+ link: "/docs/components",
186
+ active: false,
187
+ children: []
188
+ },
189
+ {
190
+ id: "breadcrumb",
191
+ label: "Breadcrumb",
192
+ link: "/docs/components/breadcrumb",
193
+ active: true,
194
+ children: []
195
+ }
196
+ ];
197
+ var Default = {
198
+ args: {
199
+ items: mockItems,
200
+ loading: false
201
+ }
202
+ };
203
+ var Loading = {
204
+ args: {
205
+ items: [],
206
+ loading: true
207
+ }
208
+ };
209
+ // Annotate the CommonJS export names for ESM import in node:
210
+ 0 && (module.exports = {
211
+ Default: Default,
212
+ Loading: Loading
213
+ });
214
+ //# sourceMappingURL=breadcrumb.stories.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/Users/periotto/Desktop/workspace/c-rex.net-web-client-foundation/packages/components/dist/stories/breadcrumb.stories.cjs.js","../../src/stories/breadcrumb.stories.tsx","../../src/breadcrumb.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","breadcrumb_stories_exports","Default","Loading","default","breadcrumb_stories_default","module","exports","import_breadcrumb","require","import_skeleton","import_jsx_runtime","Breadcrumb","items","loading","jsx","BreadcrumbComponent","children","jsxs","BreadcrumbList","BreadcrumbItem","BreadcrumbPage","BreadcrumbSeparator","Skeleton","className","homeItem","link","label","id","active","newItemList","renderLink","showLink","item","BreadcrumbLink","href","map","index","isLast","length","Fragment","meta","title","component","tags","parameters","layout","mockItems","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/stories/breadcrumb.stories.tsx\nvar breadcrumb_stories_exports = {};\n__export(breadcrumb_stories_exports, {\n Default: () => Default,\n Loading: () => Loading,\n default: () => breadcrumb_stories_default\n});\nmodule.exports = __toCommonJS(breadcrumb_stories_exports);\n\n// src/breadcrumb.tsx\nvar import_breadcrumb = require(\"@c-rex/ui/breadcrumb\");\nvar import_skeleton = require(\"@c-rex/ui/skeleton\");\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar Breadcrumb = ({ items, loading }) => {\n if (!items) {\n return null;\n }\n if (loading) {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.Breadcrumb, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_breadcrumb.BreadcrumbList, { children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbPage, { children: \"Home\" }) }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbSeparator, {}),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: \"w-40 h-6\" }) }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbSeparator, {}),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: \"w-40 h-6\" }) })\n ] }) });\n }\n const homeItem = {\n link: \"/\",\n label: \"Home\",\n id: \"home\",\n active: false,\n children: []\n };\n const newItemList = [homeItem, ...items];\n const renderLink = (showLink, item) => {\n if (showLink) {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbLink, { href: item.link, children: item.label });\n }\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbPage, { children: item.label });\n };\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.Breadcrumb, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbList, { children: newItemList.map((item, index) => {\n const isLast = index === newItemList.length - 1;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbItem, { children: renderLink(!isLast, item) }, `${item.label}-item`),\n !isLast && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbSeparator, {}, `${item.label}-separator`)\n ] });\n }) }) });\n};\n\n// src/stories/breadcrumb.stories.tsx\nvar meta = {\n title: \"Components/Breadcrumb\",\n component: Breadcrumb,\n tags: [\"autodocs\"],\n parameters: {\n layout: \"centered\"\n }\n};\nvar breadcrumb_stories_default = meta;\nvar mockItems = [\n {\n id: \"docs\",\n label: \"Documentation\",\n link: \"/docs\",\n active: false,\n children: []\n },\n {\n id: \"components\",\n label: \"Components\",\n link: \"/docs/components\",\n active: false,\n children: []\n },\n {\n id: \"breadcrumb\",\n label: \"Breadcrumb\",\n link: \"/docs/components/breadcrumb\",\n active: true,\n children: []\n }\n];\nvar Default = {\n args: {\n items: mockItems,\n loading: false\n }\n};\nvar Loading = {\n args: {\n items: [],\n loading: true\n }\n};\n// Annotate the CommonJS export names for ESM import in node:\n0 && (module.exports = {\n Default,\n Loading\n});\n","import type { Meta, StoryObj } from '@storybook/react';\nimport { Breadcrumb } from '../breadcrumb';\n\nconst meta: Meta = {\n title: 'Components/Breadcrumb',\n component: Breadcrumb,\n tags: ['autodocs'],\n parameters: {\n layout: 'centered',\n }\n} satisfies Meta;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst mockItems = [\n {\n id: 'docs',\n label: 'Documentation',\n link: '/docs',\n active: false,\n children: [],\n },\n {\n id: 'components',\n label: 'Components',\n link: '/docs/components',\n active: false,\n children: [],\n },\n {\n id: 'breadcrumb',\n label: 'Breadcrumb',\n link: '/docs/components/breadcrumb',\n active: true,\n children: [],\n },\n];\n\nexport const Default: Story = {\n args: {\n items: mockItems,\n loading: false,\n },\n};\n\nexport const Loading: Story = {\n args: {\n items: [],\n loading: true,\n },\n};","import { FC, ReactNode } from \"react\";\nimport {\n Breadcrumb as BreadcrumbComponent,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbList,\n BreadcrumbPage,\n BreadcrumbSeparator\n} from \"@c-rex/ui/breadcrumb\";\nimport { Skeleton } from \"@c-rex/ui/skeleton\";\nimport { TreeOfContent } from \"@c-rex/interfaces\";\n\ninterface BreadcrumbProps {\n items: TreeOfContent[];\n loading?: boolean;\n}\n\nexport const Breadcrumb: FC<BreadcrumbProps> = ({ items, loading }) => {\n if (!items) {\n return null;\n }\n\n if (loading) {\n return (\n <BreadcrumbComponent>\n <BreadcrumbList>\n <BreadcrumbItem>\n <BreadcrumbPage>Home</BreadcrumbPage>\n </BreadcrumbItem>\n <BreadcrumbSeparator />\n <BreadcrumbItem>\n <Skeleton className=\"w-40 h-6\" />\n </BreadcrumbItem>\n <BreadcrumbSeparator />\n <BreadcrumbItem>\n <Skeleton className=\"w-40 h-6\" />\n </BreadcrumbItem>\n </BreadcrumbList>\n </BreadcrumbComponent>\n );\n }\n\n const homeItem: TreeOfContent = {\n link: \"/\",\n label: \"Home\",\n id: \"home\",\n active: false,\n children: [],\n };\n\n const newItemList: TreeOfContent[] = [homeItem, ...items];\n\n const renderLink = (showLink: boolean, item: TreeOfContent): ReactNode => {\n if (showLink) {\n return <BreadcrumbLink href={item.link}>{item.label}</BreadcrumbLink>;\n }\n\n return <BreadcrumbPage>{item.label}</BreadcrumbPage>;\n };\n\n return (\n <BreadcrumbComponent>\n <BreadcrumbList>\n {newItemList.map((item, index) => {\n const isLast = index === newItemList.length - 1;\n\n return (\n <>\n <BreadcrumbItem key={`${item.label}-item`}>\n {renderLink(!isLast, item)}\n </BreadcrumbItem>\n {!isLast && (\n <BreadcrumbSeparator key={`${item.label}-separator`} />\n )}\n </>\n );\n })}\n </BreadcrumbList>\n </BreadcrumbComponent>\n );\n};"]}
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: Meta;
4
+
5
+ type Story = StoryObj<typeof meta>;
6
+ declare const Default: Story;
7
+ declare const Loading: Story;
8
+
9
+ export { Default, Loading, meta as default };
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: Meta;
4
+
5
+ type Story = StoryObj<typeof meta>;
6
+ declare const Default: Story;
7
+ declare const Loading: Story;
8
+
9
+ export { Default, Loading, meta as default };
@@ -0,0 +1,145 @@
1
+ // src/breadcrumb.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_without_holes(arr) {
8
+ if (Array.isArray(arr)) return _array_like_to_array(arr);
9
+ }
10
+ function _iterable_to_array(iter) {
11
+ if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
12
+ }
13
+ function _non_iterable_spread() {
14
+ throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
15
+ }
16
+ function _to_consumable_array(arr) {
17
+ return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
18
+ }
19
+ function _unsupported_iterable_to_array(o, minLen) {
20
+ if (!o) return;
21
+ if (typeof o === "string") return _array_like_to_array(o, minLen);
22
+ var n = Object.prototype.toString.call(o).slice(8, -1);
23
+ if (n === "Object" && o.constructor) n = o.constructor.name;
24
+ if (n === "Map" || n === "Set") return Array.from(n);
25
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
26
+ }
27
+ import { Breadcrumb as BreadcrumbComponent, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "@c-rex/ui/breadcrumb";
28
+ import { Skeleton } from "@c-rex/ui/skeleton";
29
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
30
+ var Breadcrumb = function(param) {
31
+ var items = param.items, loading = param.loading;
32
+ if (!items) {
33
+ return null;
34
+ }
35
+ if (loading) {
36
+ return /* @__PURE__ */ jsx(BreadcrumbComponent, {
37
+ children: /* @__PURE__ */ jsxs(BreadcrumbList, {
38
+ children: [
39
+ /* @__PURE__ */ jsx(BreadcrumbItem, {
40
+ children: /* @__PURE__ */ jsx(BreadcrumbPage, {
41
+ children: "Home"
42
+ })
43
+ }),
44
+ /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
45
+ /* @__PURE__ */ jsx(BreadcrumbItem, {
46
+ children: /* @__PURE__ */ jsx(Skeleton, {
47
+ className: "w-40 h-6"
48
+ })
49
+ }),
50
+ /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
51
+ /* @__PURE__ */ jsx(BreadcrumbItem, {
52
+ children: /* @__PURE__ */ jsx(Skeleton, {
53
+ className: "w-40 h-6"
54
+ })
55
+ })
56
+ ]
57
+ })
58
+ });
59
+ }
60
+ var homeItem = {
61
+ link: "/",
62
+ label: "Home",
63
+ id: "home",
64
+ active: false,
65
+ children: []
66
+ };
67
+ var newItemList = [
68
+ homeItem
69
+ ].concat(_to_consumable_array(items));
70
+ var renderLink = function(showLink, item) {
71
+ if (showLink) {
72
+ return /* @__PURE__ */ jsx(BreadcrumbLink, {
73
+ href: item.link,
74
+ children: item.label
75
+ });
76
+ }
77
+ return /* @__PURE__ */ jsx(BreadcrumbPage, {
78
+ children: item.label
79
+ });
80
+ };
81
+ return /* @__PURE__ */ jsx(BreadcrumbComponent, {
82
+ children: /* @__PURE__ */ jsx(BreadcrumbList, {
83
+ children: newItemList.map(function(item, index) {
84
+ var isLast = index === newItemList.length - 1;
85
+ return /* @__PURE__ */ jsxs(Fragment, {
86
+ children: [
87
+ /* @__PURE__ */ jsx(BreadcrumbItem, {
88
+ children: renderLink(!isLast, item)
89
+ }, "".concat(item.label, "-item")),
90
+ !isLast && /* @__PURE__ */ jsx(BreadcrumbSeparator, {}, "".concat(item.label, "-separator"))
91
+ ]
92
+ });
93
+ })
94
+ })
95
+ });
96
+ };
97
+ // src/stories/breadcrumb.stories.tsx
98
+ var meta = {
99
+ title: "Components/Breadcrumb",
100
+ component: Breadcrumb,
101
+ tags: [
102
+ "autodocs"
103
+ ],
104
+ parameters: {
105
+ layout: "centered"
106
+ }
107
+ };
108
+ var breadcrumb_stories_default = meta;
109
+ var mockItems = [
110
+ {
111
+ id: "docs",
112
+ label: "Documentation",
113
+ link: "/docs",
114
+ active: false,
115
+ children: []
116
+ },
117
+ {
118
+ id: "components",
119
+ label: "Components",
120
+ link: "/docs/components",
121
+ active: false,
122
+ children: []
123
+ },
124
+ {
125
+ id: "breadcrumb",
126
+ label: "Breadcrumb",
127
+ link: "/docs/components/breadcrumb",
128
+ active: true,
129
+ children: []
130
+ }
131
+ ];
132
+ var Default = {
133
+ args: {
134
+ items: mockItems,
135
+ loading: false
136
+ }
137
+ };
138
+ var Loading = {
139
+ args: {
140
+ items: [],
141
+ loading: true
142
+ }
143
+ };
144
+ export { Default, Loading, breadcrumb_stories_default as default };
145
+ //# sourceMappingURL=breadcrumb.stories.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/Users/periotto/Desktop/workspace/c-rex.net-web-client-foundation/packages/components/dist/stories/breadcrumb.stories.esm.js","../../src/breadcrumb.tsx","../../src/stories/breadcrumb.stories.tsx"],"names":["Breadcrumb","BreadcrumbComponent","BreadcrumbItem","BreadcrumbLink","BreadcrumbList","BreadcrumbPage","BreadcrumbSeparator","Skeleton","Fragment","jsx","jsxs","items","loading","children","className","homeItem","link","label","id","active","newItemList","renderLink","showLink","item","href","map","index","isLast","length","meta","title","component","tags","parameters","layout","breadcrumb_stories_default","mockItems","Default","args","Loading","default"],"mappings":"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","sourcesContent":["// src/breadcrumb.tsx\nimport {\n Breadcrumb as BreadcrumbComponent,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbList,\n BreadcrumbPage,\n BreadcrumbSeparator\n} from \"@c-rex/ui/breadcrumb\";\nimport { Skeleton } from \"@c-rex/ui/skeleton\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nvar Breadcrumb = ({ items, loading }) => {\n if (!items) {\n return null;\n }\n if (loading) {\n return /* @__PURE__ */ jsx(BreadcrumbComponent, { children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [\n /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: \"Home\" }) }),\n /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),\n /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(Skeleton, { className: \"w-40 h-6\" }) }),\n /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),\n /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(Skeleton, { className: \"w-40 h-6\" }) })\n ] }) });\n }\n const homeItem = {\n link: \"/\",\n label: \"Home\",\n id: \"home\",\n active: false,\n children: []\n };\n const newItemList = [homeItem, ...items];\n const renderLink = (showLink, item) => {\n if (showLink) {\n return /* @__PURE__ */ jsx(BreadcrumbLink, { href: item.link, children: item.label });\n }\n return /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label });\n };\n return /* @__PURE__ */ jsx(BreadcrumbComponent, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: newItemList.map((item, index) => {\n const isLast = index === newItemList.length - 1;\n return /* @__PURE__ */ jsxs(Fragment, { children: [\n /* @__PURE__ */ jsx(BreadcrumbItem, { children: renderLink(!isLast, item) }, `${item.label}-item`),\n !isLast && /* @__PURE__ */ jsx(BreadcrumbSeparator, {}, `${item.label}-separator`)\n ] });\n }) }) });\n};\n\n// src/stories/breadcrumb.stories.tsx\nvar meta = {\n title: \"Components/Breadcrumb\",\n component: Breadcrumb,\n tags: [\"autodocs\"],\n parameters: {\n layout: \"centered\"\n }\n};\nvar breadcrumb_stories_default = meta;\nvar mockItems = [\n {\n id: \"docs\",\n label: \"Documentation\",\n link: \"/docs\",\n active: false,\n children: []\n },\n {\n id: \"components\",\n label: \"Components\",\n link: \"/docs/components\",\n active: false,\n children: []\n },\n {\n id: \"breadcrumb\",\n label: \"Breadcrumb\",\n link: \"/docs/components/breadcrumb\",\n active: true,\n children: []\n }\n];\nvar Default = {\n args: {\n items: mockItems,\n loading: false\n }\n};\nvar Loading = {\n args: {\n items: [],\n loading: true\n }\n};\nexport {\n Default,\n Loading,\n breadcrumb_stories_default as default\n};\n","import { FC, ReactNode } from \"react\";\nimport {\n Breadcrumb as BreadcrumbComponent,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbList,\n BreadcrumbPage,\n BreadcrumbSeparator\n} from \"@c-rex/ui/breadcrumb\";\nimport { Skeleton } from \"@c-rex/ui/skeleton\";\nimport { TreeOfContent } from \"@c-rex/interfaces\";\n\ninterface BreadcrumbProps {\n items: TreeOfContent[];\n loading?: boolean;\n}\n\nexport const Breadcrumb: FC<BreadcrumbProps> = ({ items, loading }) => {\n if (!items) {\n return null;\n }\n\n if (loading) {\n return (\n <BreadcrumbComponent>\n <BreadcrumbList>\n <BreadcrumbItem>\n <BreadcrumbPage>Home</BreadcrumbPage>\n </BreadcrumbItem>\n <BreadcrumbSeparator />\n <BreadcrumbItem>\n <Skeleton className=\"w-40 h-6\" />\n </BreadcrumbItem>\n <BreadcrumbSeparator />\n <BreadcrumbItem>\n <Skeleton className=\"w-40 h-6\" />\n </BreadcrumbItem>\n </BreadcrumbList>\n </BreadcrumbComponent>\n );\n }\n\n const homeItem: TreeOfContent = {\n link: \"/\",\n label: \"Home\",\n id: \"home\",\n active: false,\n children: [],\n };\n\n const newItemList: TreeOfContent[] = [homeItem, ...items];\n\n const renderLink = (showLink: boolean, item: TreeOfContent): ReactNode => {\n if (showLink) {\n return <BreadcrumbLink href={item.link}>{item.label}</BreadcrumbLink>;\n }\n\n return <BreadcrumbPage>{item.label}</BreadcrumbPage>;\n };\n\n return (\n <BreadcrumbComponent>\n <BreadcrumbList>\n {newItemList.map((item, index) => {\n const isLast = index === newItemList.length - 1;\n\n return (\n <>\n <BreadcrumbItem key={`${item.label}-item`}>\n {renderLink(!isLast, item)}\n </BreadcrumbItem>\n {!isLast && (\n <BreadcrumbSeparator key={`${item.label}-separator`} />\n )}\n </>\n );\n })}\n </BreadcrumbList>\n </BreadcrumbComponent>\n );\n};","import type { Meta, StoryObj } from '@storybook/react';\nimport { Breadcrumb } from '../breadcrumb';\n\nconst meta: Meta = {\n title: 'Components/Breadcrumb',\n component: Breadcrumb,\n tags: ['autodocs'],\n parameters: {\n layout: 'centered',\n }\n} satisfies Meta;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst mockItems = [\n {\n id: 'docs',\n label: 'Documentation',\n link: '/docs',\n active: false,\n children: [],\n },\n {\n id: 'components',\n label: 'Components',\n link: '/docs/components',\n active: false,\n children: [],\n },\n {\n id: 'breadcrumb',\n label: 'Breadcrumb',\n link: '/docs/components/breadcrumb',\n active: true,\n children: [],\n },\n];\n\nexport const Default: Story = {\n args: {\n items: mockItems,\n loading: false,\n },\n};\n\nexport const Loading: Story = {\n args: {\n items: [],\n loading: true,\n },\n};"]}
@@ -0,0 +1,93 @@
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/stories/empty.stories.tsx
53
+ var empty_stories_exports = {};
54
+ __export(empty_stories_exports, {
55
+ Default: function() {
56
+ return Default;
57
+ },
58
+ default: function() {
59
+ return empty_stories_default;
60
+ }
61
+ });
62
+ module.exports = __toCommonJS(empty_stories_exports);
63
+ // src/empty.tsx
64
+ var import_alert = require("@c-rex/ui/alert");
65
+ var import_jsx_runtime = require("react/jsx-runtime");
66
+ var Empty = function() {
67
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_alert.Alert, {
68
+ className: "my-2",
69
+ children: [
70
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert.AlertTitle, {
71
+ children: "No results"
72
+ }),
73
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert.AlertDescription, {
74
+ children: "No data available. Please try adjusting your search or filter criteria."
75
+ })
76
+ ]
77
+ });
78
+ };
79
+ // src/stories/empty.stories.tsx
80
+ var meta = {
81
+ title: "Components/Empty",
82
+ component: Empty,
83
+ tags: [
84
+ "autodocs"
85
+ ]
86
+ };
87
+ var empty_stories_default = meta;
88
+ var Default = {};
89
+ // Annotate the CommonJS export names for ESM import in node:
90
+ 0 && (module.exports = {
91
+ Default: Default
92
+ });
93
+ //# sourceMappingURL=empty.stories.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/Users/periotto/Desktop/workspace/c-rex.net-web-client-foundation/packages/components/dist/stories/empty.stories.cjs.js","../../src/stories/empty.stories.tsx","../../src/empty.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","empty_stories_exports","Default","default","empty_stories_default","module","exports","import_alert","require","import_jsx_runtime","Empty","jsxs","Alert","className","children","jsx","AlertTitle","AlertDescription","meta","title","component","tags"],"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,gCAAgC;ACnBhC,IAAAE,wBAAA,CAAA;AAAAhB,SAAAgB,uBAAA;IAAAC,SAAA;eAAAA;;IAAAC,SAAA;eAAAC;;AAAA;AAAAC,OAAAC,OAAA,GAAAR,aAAAG;AD2BA,gBAAgB;AE1BhB,IAAAM,eAAoDC,QAAA;AAI5C,IAAAC,qBAAAD,QAAA;AAFD,IAAME,QAAY;IACrB,OACI,aAAA,GAAA,CAAA,GAAAD,mBAAAE,IAAA,EAACJ,aAAAK,KAAA,EAAA;QAAMC,WAAU;QACbC,UAAA;YAAA,aAAA,GAAA,CAAA,GAAAL,mBAAAM,GAAA,EAACR,aAAAS,UAAA,EAAA;gBAAWF,UAAA;YAAA;YACZ,aAAA,GAAA,CAAA,GAAAL,mBAAAM,GAAA,EAACR,aAAAU,gBAAA,EAAA;gBAAiBH,UAAA;YAAA;SAElB;IAAA;AAGZ;AFyBA,gCAAgC;AClChC,IAAMI,OAAO;IACTC,OAAO;IACPC,WAAWV;IACXW,MAAM;QAAC;KAAU;AACrB;AAEA,IAAOjB,wBAAQc;AAGR,IAAMhB,UAAiB,CAC9B;ADgCA,6DAA6D;AAC7D,KAAMG,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/stories/empty.stories.tsx\nvar empty_stories_exports = {};\n__export(empty_stories_exports, {\n Default: () => Default,\n default: () => empty_stories_default\n});\nmodule.exports = __toCommonJS(empty_stories_exports);\n\n// src/empty.tsx\nvar import_alert = require(\"@c-rex/ui/alert\");\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar Empty = () => {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_alert.Alert, { className: \"my-2\", children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert.AlertTitle, { children: \"No results\" }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert.AlertDescription, { children: \"No data available. Please try adjusting your search or filter criteria.\" })\n ] });\n};\n\n// src/stories/empty.stories.tsx\nvar meta = {\n title: \"Components/Empty\",\n component: Empty,\n tags: [\"autodocs\"]\n};\nvar empty_stories_default = meta;\nvar Default = {};\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 { Empty } from '../empty';\n\nconst meta = {\n title: 'Components/Empty',\n component: Empty,\n tags: ['autodocs'],\n} satisfies Meta<typeof Empty>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n};\n","import { FC } from \"react\";\nimport { Alert, AlertDescription, AlertTitle } from \"@c-rex/ui/alert\";\n\nexport const Empty: FC = () => {\n return (\n <Alert className=\"my-2\">\n <AlertTitle>No results</AlertTitle>\n <AlertDescription>\n No data available. Please try adjusting your search or filter criteria.\n </AlertDescription>\n </Alert>\n );\n};"]}
@@ -0,0 +1,13 @@
1
+ import * as react from 'react';
2
+ import { StoryObj } from '@storybook/react';
3
+
4
+ declare const meta: {
5
+ title: string;
6
+ component: react.FC;
7
+ tags: string[];
8
+ };
9
+
10
+ type Story = StoryObj<typeof meta>;
11
+ declare const Default: Story;
12
+
13
+ export { Default, meta as default };
@@ -0,0 +1,13 @@
1
+ import * as react from 'react';
2
+ import { StoryObj } from '@storybook/react';
3
+
4
+ declare const meta: {
5
+ title: string;
6
+ component: react.FC;
7
+ tags: string[];
8
+ };
9
+
10
+ type Story = StoryObj<typeof meta>;
11
+ declare const Default: Story;
12
+
13
+ export { Default, meta as default };
@@ -0,0 +1,28 @@
1
+ // src/empty.tsx
2
+ import { Alert, AlertDescription, AlertTitle } from "@c-rex/ui/alert";
3
+ import { jsx, jsxs } from "react/jsx-runtime";
4
+ var Empty = function() {
5
+ return /* @__PURE__ */ jsxs(Alert, {
6
+ className: "my-2",
7
+ children: [
8
+ /* @__PURE__ */ jsx(AlertTitle, {
9
+ children: "No results"
10
+ }),
11
+ /* @__PURE__ */ jsx(AlertDescription, {
12
+ children: "No data available. Please try adjusting your search or filter criteria."
13
+ })
14
+ ]
15
+ });
16
+ };
17
+ // src/stories/empty.stories.tsx
18
+ var meta = {
19
+ title: "Components/Empty",
20
+ component: Empty,
21
+ tags: [
22
+ "autodocs"
23
+ ]
24
+ };
25
+ var empty_stories_default = meta;
26
+ var Default = {};
27
+ export { Default, empty_stories_default as default };
28
+ //# sourceMappingURL=empty.stories.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/Users/periotto/Desktop/workspace/c-rex.net-web-client-foundation/packages/components/dist/stories/empty.stories.esm.js","../../src/empty.tsx","../../src/stories/empty.stories.tsx"],"names":["Alert","AlertDescription","AlertTitle","jsx","jsxs","Empty","className","children","meta","title","component","tags","empty_stories_default","Default","default"],"mappings":"AAAA,gBAAgB;ACChB,SAASA,KAAA,EAAOC,gBAAA,EAAkBC,UAAA,QAAkB,kBAAA;AAI5C,SACIC,GAAA,EADJC,IAAA,QAAA,oBAAA;AAFD,IAAMC,QAAY;IACrB,OACI,aAAA,GAAAD,KAACJ,OAAA;QAAMM,WAAU;QACbC,UAAA;YAAA,aAAA,GAAAJ,IAACD,YAAA;gBAAWK,UAAA;YAAA;YACZ,aAAA,GAAAJ,IAACF,kBAAA;gBAAiBM,UAAA;YAAA;SAElB;IAAA;AAGZ;ADFA,gCAAgC;AEPhC,IAAMC,OAAO;IACTC,OAAO;IACPC,WAAWL;IACXM,MAAM;QAAC;KAAU;AACrB;AAEA,IAAOC,wBAAQJ;AAGR,IAAMK,UAAiB,CAC9B;AFKA,SACEA,OAAO,EACPD,yBAAyBE,OAAO,GAChC","sourcesContent":["// src/empty.tsx\nimport { Alert, AlertDescription, AlertTitle } from \"@c-rex/ui/alert\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar Empty = () => {\n return /* @__PURE__ */ jsxs(Alert, { className: \"my-2\", children: [\n /* @__PURE__ */ jsx(AlertTitle, { children: \"No results\" }),\n /* @__PURE__ */ jsx(AlertDescription, { children: \"No data available. Please try adjusting your search or filter criteria.\" })\n ] });\n};\n\n// src/stories/empty.stories.tsx\nvar meta = {\n title: \"Components/Empty\",\n component: Empty,\n tags: [\"autodocs\"]\n};\nvar empty_stories_default = meta;\nvar Default = {};\nexport {\n Default,\n empty_stories_default as default\n};\n","import { FC } from \"react\";\nimport { Alert, AlertDescription, AlertTitle } from \"@c-rex/ui/alert\";\n\nexport const Empty: FC = () => {\n return (\n <Alert className=\"my-2\">\n <AlertTitle>No results</AlertTitle>\n <AlertDescription>\n No data available. Please try adjusting your search or filter criteria.\n </AlertDescription>\n </Alert>\n );\n};","import type { Meta, StoryObj } from '@storybook/react';\nimport { Empty } from '../empty';\n\nconst meta = {\n title: 'Components/Empty',\n component: Empty,\n tags: ['autodocs'],\n} satisfies Meta<typeof Empty>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n};\n"]}