@caseparts-org/caseblocks 0.0.83 → 0.0.85
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/assets/HorizontalScroll.css +1 -0
- package/dist/atoms/HorizontalScroll/HorizontalScroll.d.ts +6 -0
- package/dist/atoms/HorizontalScroll/HorizontalScroll.js +49 -0
- package/dist/atoms/HorizontalScroll/HorizontalScroll.stories.d.ts +18 -0
- package/dist/atoms/HorizontalScroll/HorizontalScroll.stories.js +135 -0
- package/dist/organisms/NotFound/NotFound.js +11 -11
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._container_aum2v_1{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;touch-action:pan-x}._dragging_aum2v_14{cursor:grabbing}._scrollVisibility--false_aum2v_19{scrollbar-width:none;-ms-overflow-style:none}._scrollVisibility--false_aum2v_19::-webkit-scrollbar{display:none}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
export interface HorizontalScrollProps extends PropsWithChildren {
|
|
3
|
+
className?: string;
|
|
4
|
+
showScrollbar?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare function HorizontalScroll({ className, showScrollbar, children }: HorizontalScrollProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { jsx as p } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as a, useState as v } from "react";
|
|
3
|
+
import { c as x } from "../../clsx-OuTLNxxd.js";
|
|
4
|
+
import '../../assets/HorizontalScroll.css';const h = "_container_aum2v_1", b = "_dragging_aum2v_14", l = {
|
|
5
|
+
container: h,
|
|
6
|
+
dragging: b,
|
|
7
|
+
"scrollVisibility--false": "_scrollVisibility--false_aum2v_19"
|
|
8
|
+
};
|
|
9
|
+
function S({
|
|
10
|
+
className: u,
|
|
11
|
+
showScrollbar: f = !1,
|
|
12
|
+
children: g
|
|
13
|
+
}) {
|
|
14
|
+
const r = a(null), [o, c] = v(!1), e = a({ x: 0, scroll: 0 }), d = (t) => {
|
|
15
|
+
r.current && (c(!0), e.current.x = t.clientX, e.current.scroll = r.current.scrollLeft);
|
|
16
|
+
}, m = (t) => {
|
|
17
|
+
if (!o || !r.current) return;
|
|
18
|
+
const n = t.clientX - e.current.x;
|
|
19
|
+
r.current.scrollLeft = e.current.scroll - n;
|
|
20
|
+
}, s = () => {
|
|
21
|
+
r.current && c(!1);
|
|
22
|
+
}, _ = (t) => {
|
|
23
|
+
const n = r.current;
|
|
24
|
+
if (!n || !(n.scrollWidth > n.clientWidth)) return;
|
|
25
|
+
const i = Math.abs(t.deltaY) >= Math.abs(t.deltaX) && t.deltaY !== 0 ? t.deltaY : t.deltaX;
|
|
26
|
+
i !== 0 ? (t.preventDefault(), n.scrollLeft += i) : t.preventDefault();
|
|
27
|
+
};
|
|
28
|
+
return /* @__PURE__ */ p(
|
|
29
|
+
"div",
|
|
30
|
+
{
|
|
31
|
+
ref: r,
|
|
32
|
+
className: x(
|
|
33
|
+
u,
|
|
34
|
+
l.container,
|
|
35
|
+
l[`scrollVisibility--${f}`],
|
|
36
|
+
o ? l.dragging : ""
|
|
37
|
+
),
|
|
38
|
+
onPointerDown: d,
|
|
39
|
+
onPointerMove: m,
|
|
40
|
+
onPointerLeave: s,
|
|
41
|
+
onPointerUp: s,
|
|
42
|
+
onWheel: _,
|
|
43
|
+
children: g
|
|
44
|
+
}
|
|
45
|
+
);
|
|
46
|
+
}
|
|
47
|
+
export {
|
|
48
|
+
S as HorizontalScroll
|
|
49
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
interface DemoArgs {
|
|
3
|
+
showScrollbar: boolean;
|
|
4
|
+
itemCount: number;
|
|
5
|
+
itemWidth: number;
|
|
6
|
+
itemHeight: number;
|
|
7
|
+
gap: number;
|
|
8
|
+
rounded: boolean;
|
|
9
|
+
gradient: boolean;
|
|
10
|
+
}
|
|
11
|
+
type StoryArgs = DemoArgs;
|
|
12
|
+
declare const meta: Meta<StoryArgs>;
|
|
13
|
+
export default meta;
|
|
14
|
+
type Story = StoryObj<StoryArgs>;
|
|
15
|
+
export declare const Playground: Story;
|
|
16
|
+
export declare const WithScrollbar: Story;
|
|
17
|
+
export declare const DenseSmallItems: Story;
|
|
18
|
+
export declare const LargeCards: Story;
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
import { jsxs as o, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { HorizontalScroll as t } from "./HorizontalScroll.js";
|
|
3
|
+
const b = {
|
|
4
|
+
title: "Case Parts/Atoms/HorizontalScroll",
|
|
5
|
+
component: t,
|
|
6
|
+
tags: ["autodocs"],
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: "fullscreen",
|
|
9
|
+
docs: {
|
|
10
|
+
description: {
|
|
11
|
+
component: `
|
|
12
|
+
A drag + wheel enabled horizontal scrolling container.
|
|
13
|
+
|
|
14
|
+
Features:
|
|
15
|
+
- Pointer drag (mouse / touch) horizontal scrolling.
|
|
16
|
+
- Converts vertical mouse wheel motion to horizontal scrolling.
|
|
17
|
+
- Optional native scrollbar visibility via showScrollbar.
|
|
18
|
+
|
|
19
|
+
Use for carousels, chip lists, card rails, horizontally overflowing panels.
|
|
20
|
+
`.trim()
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
argTypes: {
|
|
25
|
+
showScrollbar: {
|
|
26
|
+
control: { type: "boolean" },
|
|
27
|
+
description: "Show native scrollbar when overflow exists."
|
|
28
|
+
},
|
|
29
|
+
itemCount: {
|
|
30
|
+
control: { type: "range", min: 3, max: 60, step: 1 },
|
|
31
|
+
description: "Number of demo items rendered."
|
|
32
|
+
},
|
|
33
|
+
itemWidth: {
|
|
34
|
+
control: { type: "number", min: 40, max: 320, step: 10 },
|
|
35
|
+
description: "Width of each item (px)."
|
|
36
|
+
},
|
|
37
|
+
itemHeight: {
|
|
38
|
+
control: { type: "number", min: 30, max: 240, step: 5 },
|
|
39
|
+
description: "Height of each item (px)."
|
|
40
|
+
},
|
|
41
|
+
gap: {
|
|
42
|
+
control: { type: "number", min: 0, max: 48, step: 2 },
|
|
43
|
+
description: "Gap between items (px)."
|
|
44
|
+
},
|
|
45
|
+
rounded: {
|
|
46
|
+
control: { type: "boolean" },
|
|
47
|
+
description: "Apply border radius to items."
|
|
48
|
+
},
|
|
49
|
+
gradient: {
|
|
50
|
+
control: { type: "boolean" },
|
|
51
|
+
description: "Use gradient background instead of solid."
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
args: {
|
|
55
|
+
showScrollbar: !1,
|
|
56
|
+
itemCount: 20,
|
|
57
|
+
itemWidth: 120,
|
|
58
|
+
itemHeight: 80,
|
|
59
|
+
gap: 12,
|
|
60
|
+
rounded: !0,
|
|
61
|
+
gradient: !0
|
|
62
|
+
}
|
|
63
|
+
}, i = (e) => {
|
|
64
|
+
const { itemCount: a, itemWidth: s, itemHeight: n, gap: d, rounded: c, gradient: h } = e;
|
|
65
|
+
return Array.from({ length: a }, (p, m) => {
|
|
66
|
+
const l = m + 1;
|
|
67
|
+
return /* @__PURE__ */ r(
|
|
68
|
+
"div",
|
|
69
|
+
{
|
|
70
|
+
style: {
|
|
71
|
+
flex: "0 0 auto",
|
|
72
|
+
width: s,
|
|
73
|
+
height: n,
|
|
74
|
+
marginRight: d,
|
|
75
|
+
borderRadius: c ? 8 : 0,
|
|
76
|
+
background: h ? "linear-gradient(135deg,#4F46E5,#6366F1)" : "#4F46E5",
|
|
77
|
+
color: "#fff",
|
|
78
|
+
display: "flex",
|
|
79
|
+
alignItems: "center",
|
|
80
|
+
justifyContent: "center",
|
|
81
|
+
fontSize: Math.max(12, Math.min(24, n / 3)),
|
|
82
|
+
fontWeight: 600,
|
|
83
|
+
userSelect: "none",
|
|
84
|
+
boxShadow: "0 2px 6px rgba(0,0,0,0.25)"
|
|
85
|
+
},
|
|
86
|
+
children: l
|
|
87
|
+
},
|
|
88
|
+
l
|
|
89
|
+
);
|
|
90
|
+
});
|
|
91
|
+
}, y = {
|
|
92
|
+
name: "Playground",
|
|
93
|
+
render: (e) => /* @__PURE__ */ o("div", { style: { padding: 24 }, children: [
|
|
94
|
+
/* @__PURE__ */ r("h3", { style: { margin: "0 0 12px" }, children: "HorizontalScroll Playground" }),
|
|
95
|
+
/* @__PURE__ */ r("p", { style: { margin: "0 0 16px", fontSize: 14, color: "#555" }, children: "Drag horizontally or use the mouse wheel. Tweak values in Controls." }),
|
|
96
|
+
/* @__PURE__ */ r(t, { showScrollbar: e.showScrollbar, children: i(e) })
|
|
97
|
+
] })
|
|
98
|
+
}, f = {
|
|
99
|
+
args: { showScrollbar: !0 },
|
|
100
|
+
render: (e) => /* @__PURE__ */ o("div", { style: { padding: 24 }, children: [
|
|
101
|
+
/* @__PURE__ */ r("h3", { style: { margin: "0 0 12px" }, children: "Scrollbar Visible" }),
|
|
102
|
+
/* @__PURE__ */ r(t, { showScrollbar: !0, children: i(e) })
|
|
103
|
+
] })
|
|
104
|
+
}, S = {
|
|
105
|
+
args: {
|
|
106
|
+
itemCount: 40,
|
|
107
|
+
itemWidth: 90,
|
|
108
|
+
itemHeight: 60,
|
|
109
|
+
gap: 8,
|
|
110
|
+
showScrollbar: !1
|
|
111
|
+
},
|
|
112
|
+
render: (e) => /* @__PURE__ */ o("div", { style: { padding: 24 }, children: [
|
|
113
|
+
/* @__PURE__ */ r("h3", { style: { margin: "0 0 12px" }, children: "Dense Small Items" }),
|
|
114
|
+
/* @__PURE__ */ r(t, { showScrollbar: e.showScrollbar, children: i(e) })
|
|
115
|
+
] })
|
|
116
|
+
}, w = {
|
|
117
|
+
args: {
|
|
118
|
+
itemCount: 12,
|
|
119
|
+
itemWidth: 260,
|
|
120
|
+
itemHeight: 160,
|
|
121
|
+
gap: 16,
|
|
122
|
+
gradient: !1
|
|
123
|
+
},
|
|
124
|
+
render: (e) => /* @__PURE__ */ o("div", { style: { padding: 24 }, children: [
|
|
125
|
+
/* @__PURE__ */ r("h3", { style: { margin: "0 0 12px" }, children: "Large Cards" }),
|
|
126
|
+
/* @__PURE__ */ r(t, { showScrollbar: e.showScrollbar, children: i(e) })
|
|
127
|
+
] })
|
|
128
|
+
};
|
|
129
|
+
export {
|
|
130
|
+
S as DenseSmallItems,
|
|
131
|
+
w as LargeCards,
|
|
132
|
+
y as Playground,
|
|
133
|
+
f as WithScrollbar,
|
|
134
|
+
b as default
|
|
135
|
+
};
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { jsxs as s, jsx as A } from "react/jsx-runtime";
|
|
2
|
-
import { Image as
|
|
2
|
+
import { Image as t } from "../../atoms/Image/Image.js";
|
|
3
3
|
import { Text as n } from "../../atoms/Text/Text.js";
|
|
4
|
-
import { LinkButton as
|
|
5
|
-
import { Flex as
|
|
4
|
+
import { LinkButton as f } from "../../atoms/LinkButton/LinkButton.js";
|
|
5
|
+
import { Flex as l } from "../../atoms/Flex/Flex.js";
|
|
6
6
|
import { c as e } from "../../clsx-OuTLNxxd.js";
|
|
7
|
-
import '../../assets/NotFound.css';const d = "data:image/png;base64,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",
|
|
8
|
-
main:
|
|
9
|
-
column:
|
|
7
|
+
import '../../assets/NotFound.css';const d = "data:image/png;base64,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", h = "_main_1dfh4_1", a = "_column_1dfh4_10", c = "_description_1dfh4_14", b = "_header_1dfh4_19", p = "_links_1dfh4_24", r = {
|
|
8
|
+
main: h,
|
|
9
|
+
column: a,
|
|
10
10
|
description: c,
|
|
11
11
|
header: b,
|
|
12
12
|
links: p
|
|
13
13
|
};
|
|
14
14
|
function y({
|
|
15
15
|
primaryLinkButtonProps: o,
|
|
16
|
-
secondaryLinkButtonProps:
|
|
16
|
+
secondaryLinkButtonProps: i
|
|
17
17
|
}) {
|
|
18
|
-
return /* @__PURE__ */ s(
|
|
19
|
-
/* @__PURE__ */ A("div", { className: r.column, children: /* @__PURE__ */ A(
|
|
18
|
+
return /* @__PURE__ */ s(l, { flexDirection: "row", alignItems: "center", justifyContent: "center", className: r.main, children: [
|
|
19
|
+
/* @__PURE__ */ A("div", { className: r.column, children: /* @__PURE__ */ A(t, { src: d, alt: "Not found image", width: 336, height: 392 }) }),
|
|
20
20
|
/* @__PURE__ */ s("div", { className: e(r.description, r.column), children: [
|
|
21
21
|
/* @__PURE__ */ A(n, { size: "6xl", variant: "display", as: "h1", className: r.header, children: "404" }),
|
|
22
22
|
/* @__PURE__ */ s(n, { size: "xl", children: [
|
|
@@ -26,8 +26,8 @@ function y({
|
|
|
26
26
|
] }),
|
|
27
27
|
/* @__PURE__ */ A(n, { size: "xl", children: "Don't worry—for assistance call us at 1-800-421-0271" }),
|
|
28
28
|
/* @__PURE__ */ s("div", { className: r.links, children: [
|
|
29
|
-
/* @__PURE__ */ A(
|
|
30
|
-
/* @__PURE__ */ A(
|
|
29
|
+
/* @__PURE__ */ A(f, { variant: "primary", size: "md", href: o.href, children: o.label }),
|
|
30
|
+
/* @__PURE__ */ A(f, { variant: "secondary", size: "md", href: i.href, children: i.label })
|
|
31
31
|
] })
|
|
32
32
|
] })
|
|
33
33
|
] });
|