@c-rex/components 0.0.6 → 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/{components/src/blog-card.d.ts → blog-card.d.cts} +5 -3
- package/dist/{src/blog-card.d.ts → blog-card.d.ts} +5 -3
- 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/{components/src/providers/search-state-wrapper.d.ts → providers/search-state-wrapper.d.cts} +5 -4
- package/dist/{src/providers → providers}/search-state-wrapper.d.ts +5 -4
- 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/{components/src/stories → stories}/blur-image.stories.d.ts +12 -7
- 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 +30 -18
- package/dist/components/src/autocomplete.d.ts +0 -8
- package/dist/components/src/autocomplete.d.ts.map +0 -1
- package/dist/components/src/autocomplete.js +0 -36
- package/dist/components/src/blog-card.d.ts.map +0 -1
- package/dist/components/src/blog-card.js +0 -16
- package/dist/components/src/blur-image.d.ts +0 -4
- package/dist/components/src/blur-image.d.ts.map +0 -1
- package/dist/components/src/blur-image.js +0 -16
- package/dist/components/src/breadcrumb.d.ts +0 -9
- package/dist/components/src/breadcrumb.d.ts.map +0 -1
- package/dist/components/src/breadcrumb.js +0 -33
- package/dist/components/src/empty.d.ts +0 -3
- package/dist/components/src/empty.d.ts.map +0 -1
- package/dist/components/src/empty.js +0 -9
- package/dist/components/src/navbar.d.ts +0 -8
- package/dist/components/src/navbar.d.ts.map +0 -1
- package/dist/components/src/navbar.js +0 -14
- package/dist/components/src/providers/search-state-wrapper.d.ts.map +0 -1
- package/dist/components/src/providers/search-state-wrapper.js +0 -10
- package/dist/components/src/result-list.d.ts +0 -8
- package/dist/components/src/result-list.d.ts.map +0 -1
- package/dist/components/src/result-list.js +0 -16
- package/dist/components/src/result-view/blog-view.stories.d.ts +0 -7
- package/dist/components/src/result-view/blog-view.stories.d.ts.map +0 -1
- package/dist/components/src/result-view/blog-view.stories.js +0 -58
- package/dist/components/src/result-view/blog.d.ts +0 -8
- package/dist/components/src/result-view/blog.d.ts.map +0 -1
- package/dist/components/src/result-view/blog.js +0 -22
- package/dist/components/src/result-view/table-view.stories.d.ts +0 -7
- package/dist/components/src/result-view/table-view.stories.d.ts.map +0 -1
- package/dist/components/src/result-view/table-view.stories.js +0 -55
- package/dist/components/src/result-view/table.d.ts +0 -8
- package/dist/components/src/result-view/table.d.ts.map +0 -1
- package/dist/components/src/result-view/table.js +0 -26
- package/dist/components/src/sidebar.d.ts +0 -10
- package/dist/components/src/sidebar.d.ts.map +0 -1
- package/dist/components/src/sidebar.js +0 -10
- package/dist/components/src/stories/blog-card.stories.d.ts +0 -7
- package/dist/components/src/stories/blog-card.stories.d.ts.map +0 -1
- package/dist/components/src/stories/blog-card.stories.js +0 -42
- package/dist/components/src/stories/blur-image.stories.d.ts.map +0 -1
- package/dist/components/src/stories/blur-image.stories.js +0 -47
- package/dist/components/src/stories/breadcrumb.stories.d.ts +0 -7
- package/dist/components/src/stories/breadcrumb.stories.d.ts.map +0 -1
- package/dist/components/src/stories/breadcrumb.stories.js +0 -48
- package/dist/components/src/stories/empty.stories.d.ts +0 -10
- package/dist/components/src/stories/empty.stories.d.ts.map +0 -1
- package/dist/components/src/stories/empty.stories.js +0 -11
- package/dist/components/src/stories/navbar.stories.d.ts +0 -6
- package/dist/components/src/stories/navbar.stories.d.ts.map +0 -1
- package/dist/components/src/stories/navbar.stories.js +0 -14
- package/dist/components/src/stories/sidebar.stories.d.ts +0 -24
- package/dist/components/src/stories/sidebar.stories.d.ts.map +0 -1
- package/dist/components/src/stories/sidebar.stories.js +0 -80
- package/dist/components/tailwind.config.d.ts +0 -2
- package/dist/components/tailwind.config.d.ts.map +0 -1
- package/dist/components/tailwind.config.js +0 -15
- package/dist/config/src/index.d.ts +0 -4
- package/dist/config/src/index.d.ts.map +0 -1
- package/dist/config/src/index.js +0 -67
- package/dist/constants/src/index.d.ts +0 -17
- package/dist/constants/src/index.d.ts.map +0 -1
- package/dist/constants/src/index.js +0 -30
- package/dist/contexts/src/index.d.ts +0 -15
- package/dist/contexts/src/index.d.ts.map +0 -1
- package/dist/contexts/src/index.js +0 -18
- package/dist/interfaces/src/common.d.ts +0 -36
- package/dist/interfaces/src/common.d.ts.map +0 -1
- package/dist/interfaces/src/common.js +0 -2
- package/dist/interfaces/src/config.d.ts +0 -26
- package/dist/interfaces/src/config.d.ts.map +0 -1
- package/dist/interfaces/src/config.js +0 -2
- package/dist/interfaces/src/directoryNodes.d.ts +0 -8
- package/dist/interfaces/src/directoryNodes.d.ts.map +0 -1
- package/dist/interfaces/src/directoryNodes.js +0 -2
- package/dist/interfaces/src/documentTypes.d.ts +0 -7
- package/dist/interfaces/src/documentTypes.d.ts.map +0 -1
- package/dist/interfaces/src/documentTypes.js +0 -2
- package/dist/interfaces/src/index.d.ts +0 -7
- package/dist/interfaces/src/index.d.ts.map +0 -1
- package/dist/interfaces/src/index.js +0 -22
- package/dist/interfaces/src/informationUnits.d.ts +0 -53
- package/dist/interfaces/src/informationUnits.d.ts.map +0 -1
- package/dist/interfaces/src/informationUnits.js +0 -2
- package/dist/interfaces/src/treeOfContent.d.ts +0 -8
- package/dist/interfaces/src/treeOfContent.d.ts.map +0 -1
- package/dist/interfaces/src/treeOfContent.js +0 -2
- package/dist/src/autocomplete.d.ts +0 -8
- package/dist/src/autocomplete.d.ts.map +0 -1
- package/dist/src/blog-card.d.ts.map +0 -1
- package/dist/src/blur-image.d.ts +0 -4
- package/dist/src/blur-image.d.ts.map +0 -1
- package/dist/src/breadcrumb.d.ts +0 -9
- package/dist/src/breadcrumb.d.ts.map +0 -1
- package/dist/src/empty.d.ts +0 -3
- package/dist/src/empty.d.ts.map +0 -1
- package/dist/src/navbar.d.ts +0 -8
- package/dist/src/navbar.d.ts.map +0 -1
- package/dist/src/providers/search-state-wrapper.d.ts.map +0 -1
- package/dist/src/result-list.d.ts +0 -8
- package/dist/src/result-list.d.ts.map +0 -1
- package/dist/src/result-view/blog.d.ts +0 -8
- package/dist/src/result-view/blog.d.ts.map +0 -1
- package/dist/src/result-view/table.d.ts +0 -8
- package/dist/src/result-view/table.d.ts.map +0 -1
- package/dist/src/sidebar.d.ts +0 -10
- package/dist/src/sidebar.d.ts.map +0 -1
- package/dist/tailwind.config.d.ts +0 -2
- package/dist/tailwind.config.d.ts.map +0 -1
- package/dist/types/src/index.d.ts +0 -8
- package/dist/types/src/index.d.ts.map +0 -1
- package/dist/types/src/index.js +0 -2
- package/dist/utils/src/breadcrumbs.d.ts +0 -3
- package/dist/utils/src/breadcrumbs.d.ts.map +0 -1
- package/dist/utils/src/breadcrumbs.js +0 -14
- package/dist/utils/src/classMerge.d.ts +0 -3
- package/dist/utils/src/classMerge.d.ts.map +0 -1
- package/dist/utils/src/classMerge.js +0 -8
- package/dist/utils/src/index.d.ts +0 -5
- package/dist/utils/src/index.d.ts.map +0 -1
- package/dist/utils/src/index.js +0 -20
- package/dist/utils/src/treeOfContent.d.ts +0 -2
- package/dist/utils/src/treeOfContent.d.ts.map +0 -1
- package/dist/utils/src/treeOfContent.js +0 -85
- package/dist/utils/src/utils.d.ts +0 -8
- package/dist/utils/src/utils.d.ts.map +0 -1
- package/dist/utils/src/utils.js +0 -37
- 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"]}
|