@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.
- package/dist/autocomplete.cjs.js +215 -0
- package/dist/autocomplete.cjs.js.map +1 -0
- package/dist/autocomplete.d.cts +10 -0
- package/dist/autocomplete.d.ts +10 -0
- package/dist/autocomplete.esm.js +154 -0
- package/dist/autocomplete.esm.js.map +1 -0
- package/dist/blog-card.cjs.js +265 -0
- package/dist/blog-card.cjs.js.map +1 -0
- package/dist/blog-card.d.cts +19 -0
- package/dist/blog-card.d.ts +19 -0
- package/dist/blog-card.esm.js +192 -0
- package/dist/blog-card.esm.js.map +1 -0
- package/dist/blur-image.cjs.js +198 -0
- package/dist/blur-image.cjs.js.map +1 -0
- package/dist/blur-image.d.cts +7 -0
- package/dist/blur-image.d.ts +7 -0
- package/dist/blur-image.esm.js +125 -0
- package/dist/blur-image.esm.js.map +1 -0
- package/dist/breadcrumb.cjs.js +159 -0
- package/dist/breadcrumb.cjs.js.map +1 -0
- package/dist/breadcrumb.d.cts +10 -0
- package/dist/breadcrumb.d.ts +10 -0
- package/dist/breadcrumb.esm.js +98 -0
- package/dist/breadcrumb.esm.js.map +1 -0
- package/dist/empty.cjs.js +79 -0
- package/dist/empty.cjs.js.map +1 -0
- package/dist/empty.d.cts +5 -0
- package/dist/empty.d.ts +5 -0
- package/dist/empty.esm.js +18 -0
- package/dist/empty.esm.js.map +1 -0
- package/dist/navbar.cjs.js +134 -0
- package/dist/navbar.cjs.js.map +1 -0
- package/dist/navbar.d.cts +9 -0
- package/dist/navbar.d.ts +9 -0
- package/dist/navbar.esm.js +61 -0
- package/dist/navbar.esm.js.map +1 -0
- package/dist/providers/search-state-wrapper.cjs.js +113 -0
- package/dist/providers/search-state-wrapper.cjs.js.map +1 -0
- package/dist/providers/search-state-wrapper.d.cts +14 -0
- package/dist/providers/search-state-wrapper.d.ts +14 -0
- package/dist/providers/search-state-wrapper.esm.js +51 -0
- package/dist/providers/search-state-wrapper.esm.js.map +1 -0
- package/dist/result-list.cjs.js +321 -0
- package/dist/result-list.cjs.js.map +1 -0
- package/dist/result-list.d.cts +9 -0
- package/dist/result-list.d.ts +9 -0
- package/dist/result-list.esm.js +247 -0
- package/dist/result-list.esm.js.map +1 -0
- package/dist/result-view/blog-view.stories.cjs.js +372 -0
- package/dist/result-view/blog-view.stories.cjs.js.map +1 -0
- package/dist/result-view/blog-view.stories.d.cts +11 -0
- package/dist/result-view/blog-view.stories.d.ts +11 -0
- package/dist/result-view/blog-view.stories.esm.js +295 -0
- package/dist/result-view/blog-view.stories.esm.js.map +1 -0
- package/dist/result-view/blog.cjs.js +290 -0
- package/dist/result-view/blog.cjs.js.map +1 -0
- package/dist/result-view/blog.d.cts +9 -0
- package/dist/result-view/blog.d.ts +9 -0
- package/dist/result-view/blog.esm.js +220 -0
- package/dist/result-view/blog.esm.js.map +1 -0
- package/dist/result-view/table-view.stories.cjs.js +196 -0
- package/dist/result-view/table-view.stories.cjs.js.map +1 -0
- package/dist/result-view/table-view.stories.d.cts +11 -0
- package/dist/result-view/table-view.stories.d.ts +11 -0
- package/dist/result-view/table-view.stories.esm.js +131 -0
- package/dist/result-view/table-view.stories.esm.js.map +1 -0
- package/dist/result-view/table.cjs.js +116 -0
- package/dist/result-view/table.cjs.js.map +1 -0
- package/dist/result-view/table.d.cts +9 -0
- package/dist/result-view/table.d.ts +9 -0
- package/dist/result-view/table.esm.js +59 -0
- package/dist/result-view/table.esm.js.map +1 -0
- package/dist/sidebar.cjs.js +225 -0
- package/dist/sidebar.cjs.js.map +1 -0
- package/dist/sidebar.d.cts +12 -0
- package/dist/sidebar.d.ts +12 -0
- package/dist/sidebar.esm.js +164 -0
- package/dist/sidebar.esm.js.map +1 -0
- package/dist/stories/blog-card.stories.cjs.js +323 -0
- package/dist/stories/blog-card.stories.cjs.js.map +1 -0
- package/dist/stories/blog-card.stories.d.cts +9 -0
- package/dist/stories/blog-card.stories.d.ts +9 -0
- package/dist/stories/blog-card.stories.esm.js +242 -0
- package/dist/stories/blog-card.stories.esm.js.map +1 -0
- package/dist/stories/blur-image.stories.cjs.js +265 -0
- package/dist/stories/blur-image.stories.cjs.js.map +1 -0
- package/dist/stories/blur-image.stories.d.cts +37 -0
- package/dist/stories/blur-image.stories.d.ts +37 -0
- package/dist/stories/blur-image.stories.esm.js +180 -0
- package/dist/stories/blur-image.stories.esm.js.map +1 -0
- package/dist/stories/breadcrumb.stories.cjs.js +214 -0
- package/dist/stories/breadcrumb.stories.cjs.js.map +1 -0
- package/dist/stories/breadcrumb.stories.d.cts +9 -0
- package/dist/stories/breadcrumb.stories.d.ts +9 -0
- package/dist/stories/breadcrumb.stories.esm.js +145 -0
- package/dist/stories/breadcrumb.stories.esm.js.map +1 -0
- package/dist/stories/empty.stories.cjs.js +93 -0
- package/dist/stories/empty.stories.cjs.js.map +1 -0
- package/dist/stories/empty.stories.d.cts +13 -0
- package/dist/stories/empty.stories.d.ts +13 -0
- package/dist/stories/empty.stories.esm.js +28 -0
- package/dist/stories/empty.stories.esm.js.map +1 -0
- package/dist/stories/navbar.stories.cjs.js +151 -0
- package/dist/stories/navbar.stories.cjs.js.map +1 -0
- package/dist/stories/navbar.stories.d.cts +8 -0
- package/dist/stories/navbar.stories.d.ts +8 -0
- package/dist/stories/navbar.stories.esm.js +74 -0
- package/dist/stories/navbar.stories.esm.js.map +1 -0
- package/dist/stories/sidebar.stories.cjs.js +327 -0
- package/dist/stories/sidebar.stories.cjs.js.map +1 -0
- package/dist/stories/sidebar.stories.d.cts +30 -0
- package/dist/stories/sidebar.stories.d.ts +30 -0
- package/dist/stories/sidebar.stories.esm.js +258 -0
- package/dist/stories/sidebar.stories.esm.js.map +1 -0
- package/package.json +40 -27
- package/src/autocomplete.tsx +0 -113
- package/src/blog-card.tsx +0 -87
- package/src/blur-image.tsx +0 -23
- package/src/breadcrumb.tsx +0 -81
- package/src/empty.tsx +0 -13
- package/src/navbar.tsx +0 -66
- package/src/providers/search-state-wrapper.tsx +0 -21
- package/src/result-list.tsx +0 -16
- package/src/result-view/blog-view.stories.tsx +0 -58
- package/src/result-view/blog.tsx +0 -38
- package/src/result-view/table-view.stories.tsx +0 -55
- package/src/result-view/table.tsx +0 -65
- package/src/sidebar.tsx +0 -76
- package/src/stories/blog-card.stories.tsx +0 -46
- package/src/stories/blur-image.stories.tsx +0 -51
- package/src/stories/breadcrumb.stories.tsx +0 -52
- package/src/stories/empty.stories.tsx +0 -14
- package/src/stories/navbar.stories.tsx +0 -16
- 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,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"]}
|