@sitecore/sc-contenthub-blok 0.0.90 → 0.0.91
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/Components/BlokButtonGroup/BlokButtonGroup.d.ts +1 -2
- package/dist/Components/BlokButtonGroup/BlokButtonGroup.js +2 -1
- package/dist/Components/BlokButtonGroup/BlokButtonGroup.js.map +1 -1
- package/dist/Components/BlokButtonGroup/BlokButtonGroup.spec.js +8 -11
- package/dist/Components/BlokButtonGroup/BlokButtonGroup.spec.js.map +1 -1
- package/dist/Components/BlokButtonGroup/BlokButtonGroup.stories.js +3 -6
- package/dist/Components/BlokButtonGroup/BlokButtonGroup.stories.js.map +1 -1
- package/esm/Components/BlokButtonGroup/BlokButtonGroup.js +1 -2
- package/esm/Components/BlokButtonGroup/BlokButtonGroup.js.map +1 -1
- package/package.json +1 -1
|
@@ -5,5 +5,4 @@ export interface BlokButtonGroupProps {
|
|
|
5
5
|
fullWidth?: boolean;
|
|
6
6
|
className?: string;
|
|
7
7
|
}
|
|
8
|
-
declare const BlokButtonGroup: FC<PropsWithChildren<BlokButtonGroupProps>>;
|
|
9
|
-
export default BlokButtonGroup;
|
|
8
|
+
export declare const BlokButtonGroup: FC<PropsWithChildren<BlokButtonGroupProps>>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.BlokButtonGroup = void 0;
|
|
3
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
5
|
const css_1 = require("@emotion/css");
|
|
5
6
|
const Foundations_1 = require("../../Foundations");
|
|
@@ -26,5 +27,5 @@ const BlokButtonGroup = ({ children, variant = "normal", orientation = "horizont
|
|
|
26
27
|
const isDarkTheme = (0, useIsDarkTheme_1.useIsDarkTheme)();
|
|
27
28
|
return ((0, jsx_runtime_1.jsx)("div", { role: "group", className: (0, css_1.cx)(classes.normal, variant === "rounded" && classes.rounded, variant === "square" && classes.square, orientation === "vertical" && classes.stacked, fullWidth && classes.fullWidth, isDarkTheme && classes.darkVariant, className), children: children }));
|
|
28
29
|
};
|
|
29
|
-
exports.
|
|
30
|
+
exports.BlokButtonGroup = BlokButtonGroup;
|
|
30
31
|
//# sourceMappingURL=BlokButtonGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlokButtonGroup.js","sourceRoot":"","sources":["../../../src/Components/BlokButtonGroup/BlokButtonGroup.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BlokButtonGroup.js","sourceRoot":"","sources":["../../../src/Components/BlokButtonGroup/BlokButtonGroup.tsx"],"names":[],"mappings":";;;;AAAA,sCAAuC;AAGvC,mDAI2B;AAC3B,yDAAsD;AAEtD,MAAM,OAAO,GAAG;IACd,MAAM,EAAE,IAAA,SAAG,EAAC,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;IACvD,OAAO,EAAE,IAAA,SAAG,EAAC;QACX,MAAM,EAAE,aAAa,4BAAc,CAAC,WAAW,CAAC,OAAO,EAAE;QACzD,YAAY,EAAE,8BAAgB;QAC9B,OAAO,EAAE,WAAW;KACrB,CAAC;IACF,MAAM,EAAE,IAAA,SAAG,EAAC;QACV,MAAM,EAAE,aAAa,4BAAc,CAAC,WAAW,CAAC,OAAO,EAAE;QACzD,YAAY,EAAE,4BAAc;QAC5B,OAAO,EAAE,WAAW;KACrB,CAAC;IACF,OAAO,EAAE,IAAA,SAAG,EAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC;IACzC,SAAS,EAAE,IAAA,SAAG,EAAC,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAA,SAAG,EAAC,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;IAC7E,WAAW,EAAE,IAAA,SAAG,EAAC;QACf,WAAW,EAAE,4BAAc,CAAC,WAAW,CAAC,IAAI;KAC7C,CAAC;CACH,CAAC;AASK,MAAM,eAAe,GAAgD,CAAC,EAC3E,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,WAAW,GAAG,YAAY,EAC1B,SAAS,GAAG,KAAK,EACjB,SAAS,GACV,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAA,+BAAc,GAAE,CAAC;IACrC,OAAO,CACL,gCACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,IAAA,QAAE,EACX,OAAO,CAAC,MAAM,EACd,OAAO,KAAK,SAAS,IAAI,OAAO,CAAC,OAAO,EACxC,OAAO,KAAK,QAAQ,IAAI,OAAO,CAAC,MAAM,EACtC,WAAW,KAAK,UAAU,IAAI,OAAO,CAAC,OAAO,EAC7C,SAAS,IAAI,OAAO,CAAC,SAAS,EAC9B,WAAW,IAAI,OAAO,CAAC,WAAW,EAClC,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,eAAe,mBAwB1B"}
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
4
|
const react_1 = require("@testing-library/react");
|
|
8
5
|
const Foundations_1 = require("../../Foundations");
|
|
9
|
-
const BlokButtonGroup_1 =
|
|
6
|
+
const BlokButtonGroup_1 = require("./BlokButtonGroup");
|
|
10
7
|
// Mock the useIsDarkTheme hook
|
|
11
8
|
jest.mock("../../useIsDarkTheme", () => ({
|
|
12
9
|
useIsDarkTheme: jest.fn().mockReturnValue(false),
|
|
@@ -42,7 +39,7 @@ jest.mock("@emotion/css", () => ({
|
|
|
42
39
|
}));
|
|
43
40
|
describe("BlokButtonGroup", () => {
|
|
44
41
|
test("renders with default props", () => {
|
|
45
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonGroup_1.
|
|
42
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonGroup_1.BlokButtonGroup, { children: "Test Content" }));
|
|
46
43
|
const group = container.querySelector('div[role="group"]');
|
|
47
44
|
expect(group).toBeInTheDocument();
|
|
48
45
|
expect(group).toHaveTextContent("Test Content");
|
|
@@ -53,38 +50,38 @@ describe("BlokButtonGroup", () => {
|
|
|
53
50
|
expect(group).not.toHaveClass("fullWidth");
|
|
54
51
|
});
|
|
55
52
|
test("applies rounded variant class", () => {
|
|
56
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonGroup_1.
|
|
53
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonGroup_1.BlokButtonGroup, { variant: "rounded", children: "Test Content" }));
|
|
57
54
|
const group = container.querySelector('div[role="group"]');
|
|
58
55
|
expect(group).toHaveClass("normal");
|
|
59
56
|
expect(group).toHaveClass("rounded");
|
|
60
57
|
});
|
|
61
58
|
test("applies square variant class", () => {
|
|
62
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonGroup_1.
|
|
59
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonGroup_1.BlokButtonGroup, { variant: "square", children: "Test Content" }));
|
|
63
60
|
const group = container.querySelector('div[role="group"]');
|
|
64
61
|
expect(group).toHaveClass("normal");
|
|
65
62
|
expect(group).toHaveClass("square");
|
|
66
63
|
});
|
|
67
64
|
test("applies vertical orientation class", () => {
|
|
68
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonGroup_1.
|
|
65
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonGroup_1.BlokButtonGroup, { orientation: "vertical", children: "Test Content" }));
|
|
69
66
|
const group = container.querySelector('div[role="group"]');
|
|
70
67
|
expect(group).toHaveClass("normal");
|
|
71
68
|
expect(group).toHaveClass("stacked");
|
|
72
69
|
});
|
|
73
70
|
test("applies fullWidth class", () => {
|
|
74
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonGroup_1.
|
|
71
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonGroup_1.BlokButtonGroup, { fullWidth: true, children: "Test Content" }));
|
|
75
72
|
const group = container.querySelector('div[role="group"]');
|
|
76
73
|
expect(group).toHaveClass("normal");
|
|
77
74
|
expect(group).toHaveClass("fullWidth");
|
|
78
75
|
});
|
|
79
76
|
test("applies custom className", () => {
|
|
80
77
|
const customClass = "custom-class";
|
|
81
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonGroup_1.
|
|
78
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonGroup_1.BlokButtonGroup, { className: customClass, children: "Test Content" }));
|
|
82
79
|
const group = container.querySelector('div[role="group"]');
|
|
83
80
|
expect(group).toHaveClass("normal");
|
|
84
81
|
expect(group).toHaveClass(customClass);
|
|
85
82
|
});
|
|
86
83
|
test("combines multiple prop variations correctly", () => {
|
|
87
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonGroup_1.
|
|
84
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonGroup_1.BlokButtonGroup, { variant: "rounded", orientation: "vertical", fullWidth: true, className: "custom-class", children: "Test Content" }));
|
|
88
85
|
const group = container.querySelector('div[role="group"]');
|
|
89
86
|
expect(group).toHaveClass("normal");
|
|
90
87
|
expect(group).toHaveClass("rounded");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlokButtonGroup.spec.js","sourceRoot":"","sources":["../../../src/Components/BlokButtonGroup/BlokButtonGroup.spec.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BlokButtonGroup.spec.js","sourceRoot":"","sources":["../../../src/Components/BlokButtonGroup/BlokButtonGroup.spec.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
exports.PlayGround = exports.AllButtons = void 0;
|
|
7
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
@@ -11,7 +8,7 @@ const BlokButton_1 = require("../BlokButton/BlokButton");
|
|
|
11
8
|
const BlokIcon_1 = require("../BlokIcon/BlokIcon");
|
|
12
9
|
const BlokIconButton_1 = require("../BlokIconButton/BlokIconButton");
|
|
13
10
|
const BlokTooltip_1 = require("../BlokTooltip/BlokTooltip");
|
|
14
|
-
const BlokButtonGroup_1 =
|
|
11
|
+
const BlokButtonGroup_1 = require("./BlokButtonGroup");
|
|
15
12
|
const classes = {
|
|
16
13
|
horizontalWrapper: (0, css_1.css)({
|
|
17
14
|
display: "flex",
|
|
@@ -30,7 +27,7 @@ const classes = {
|
|
|
30
27
|
};
|
|
31
28
|
const meta = {
|
|
32
29
|
title: "Components/Form/BlokButtonGroup",
|
|
33
|
-
component: BlokButtonGroup_1.
|
|
30
|
+
component: BlokButtonGroup_1.BlokButtonGroup,
|
|
34
31
|
tags: ["autodocs"],
|
|
35
32
|
argTypes: {},
|
|
36
33
|
args: {},
|
|
@@ -42,7 +39,7 @@ exports.AllButtons = {
|
|
|
42
39
|
controls: { disable: true, expanded: false },
|
|
43
40
|
options: { showPanel: false },
|
|
44
41
|
},
|
|
45
|
-
render: () => ((0, jsx_runtime_1.jsx)("div", { className: classes.verticalWrapper, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, css_1.cx)(classes.verticalWrapper, classes.separator), children: [(0, jsx_runtime_1.jsx)("h2", { children: "Normal" }), (0, jsx_runtime_1.jsxs)("div", { className: classes.horizontalWrapper, children: [(0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.default, { children: [(0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "Grid view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "Grid view", variant: "toggle", children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-outline" }) }) }), (0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "List view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "List view", variant: "toggle", isActive: true, children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-module-outline" }) }) }), (0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "Board view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "third", variant: "toggle", children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-large-outline" }) }) })] }), (0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.default, { children: [(0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "Grid view", children: "Grid view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "List view", isActive: true, children: "List view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "third", children: "Board view" })] }), (0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.default, { children: [(0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "Grid view", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-outline" }), children: "Grid view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "List view", isActive: true, startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-module-outline" }), children: "List view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "third", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-large-outline" }), children: "Board view" })] })] }), (0, jsx_runtime_1.jsx)("h2", { children: "Rounded" }), (0, jsx_runtime_1.jsxs)("div", { className: classes.horizontalWrapper, children: [(0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.default, { variant: "rounded", children: [(0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "Grid view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "Grid view", variant: "toggle", children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-outline" }) }) }), (0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "List view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "List view", variant: "toggle", isActive: true, children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-module-outline" }) }) }), (0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "Board view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "third", variant: "toggle", children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-large-outline" }) }) })] }), (0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.default, { variant: "rounded", children: [(0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "Grid view", size: "small", children: "Grid view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "List view", isActive: true, size: "small", children: "List view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "third", size: "small", children: "Board view" })] }), (0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.default, { variant: "rounded", children: [(0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "Grid view", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-outline" }), size: "small", children: "Grid view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "List view", isActive: true, startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-module-outline" }), size: "small", children: "List view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "third", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-large-outline" }), size: "small", children: "Board view" })] })] }), (0, jsx_runtime_1.jsx)("h2", { children: "Square" }), (0, jsx_runtime_1.jsxs)("div", { className: classes.horizontalWrapper, children: [(0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.default, { variant: "square", children: [(0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "Grid view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "Grid view", variant: "toggle", children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-outline" }) }) }), (0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "List view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "List view", variant: "toggle", isActive: true, children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-module-outline" }) }) }), (0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "Board view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "third", variant: "toggle", children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-large-outline" }) }) })] }), (0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.default, { variant: "square", children: [(0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "Grid view", size: "small", children: "Grid view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "List view", isActive: true, size: "small", children: "List view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "third", size: "small", children: "Board view" })] }), (0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.default, { variant: "square", children: [(0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "Grid view", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-outline" }), size: "small", children: "Grid view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "List view", isActive: true, startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-module-outline" }), size: "small", children: "List view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "third", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-large-outline" }), size: "small", children: "Board view" })] })] }), (0, jsx_runtime_1.jsx)("h2", { children: "Vertical" }), (0, jsx_runtime_1.jsxs)("div", { className: classes.horizontalWrapper, children: [(0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.default, { variant: "square", orientation: "vertical", children: [(0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "Grid view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "Grid view", variant: "toggle", children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-outline" }) }) }), (0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "List view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "List view", variant: "toggle", isActive: true, children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-module-outline" }) }) }), (0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "Board view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "third", variant: "toggle", children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-large-outline" }) }) })] }), (0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.default, { variant: "square", orientation: "vertical", children: [(0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "Grid view", size: "small", children: "Grid view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "List view", isActive: true, size: "small", children: "List view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "third", size: "small", children: "Board view" })] }), (0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.default, { variant: "square", orientation: "vertical", children: [(0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "Grid view", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-outline" }), size: "small", children: "Grid view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "List view", isActive: true, startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-module-outline" }), size: "small", children: "List view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "third", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-large-outline" }), size: "small", children: "Board view" })] })] }), (0, jsx_runtime_1.jsx)("h2", { children: "Full width vertical" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.default, { variant: "square", orientation: "vertical", fullWidth: true, children: [(0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "navigation", id: "Grid view", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-outline" }), children: "Grid view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "navigation", id: "List view", isActive: true, startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-module-outline" }), children: "List view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "navigation", id: "third", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-large-outline" }), children: "Board view" })] }) })] }) })),
|
|
42
|
+
render: () => ((0, jsx_runtime_1.jsx)("div", { className: classes.verticalWrapper, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, css_1.cx)(classes.verticalWrapper, classes.separator), children: [(0, jsx_runtime_1.jsx)("h2", { children: "Normal" }), (0, jsx_runtime_1.jsxs)("div", { className: classes.horizontalWrapper, children: [(0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.BlokButtonGroup, { children: [(0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "Grid view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "Grid view", variant: "toggle", children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-outline" }) }) }), (0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "List view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "List view", variant: "toggle", isActive: true, children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-module-outline" }) }) }), (0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "Board view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "third", variant: "toggle", children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-large-outline" }) }) })] }), (0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.BlokButtonGroup, { children: [(0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "Grid view", children: "Grid view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "List view", isActive: true, children: "List view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "third", children: "Board view" })] }), (0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.BlokButtonGroup, { children: [(0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "Grid view", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-outline" }), children: "Grid view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "List view", isActive: true, startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-module-outline" }), children: "List view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "third", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-large-outline" }), children: "Board view" })] })] }), (0, jsx_runtime_1.jsx)("h2", { children: "Rounded" }), (0, jsx_runtime_1.jsxs)("div", { className: classes.horizontalWrapper, children: [(0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.BlokButtonGroup, { variant: "rounded", children: [(0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "Grid view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "Grid view", variant: "toggle", children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-outline" }) }) }), (0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "List view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "List view", variant: "toggle", isActive: true, children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-module-outline" }) }) }), (0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "Board view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "third", variant: "toggle", children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-large-outline" }) }) })] }), (0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.BlokButtonGroup, { variant: "rounded", children: [(0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "Grid view", size: "small", children: "Grid view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "List view", isActive: true, size: "small", children: "List view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "third", size: "small", children: "Board view" })] }), (0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.BlokButtonGroup, { variant: "rounded", children: [(0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "Grid view", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-outline" }), size: "small", children: "Grid view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "List view", isActive: true, startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-module-outline" }), size: "small", children: "List view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "third", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-large-outline" }), size: "small", children: "Board view" })] })] }), (0, jsx_runtime_1.jsx)("h2", { children: "Square" }), (0, jsx_runtime_1.jsxs)("div", { className: classes.horizontalWrapper, children: [(0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.BlokButtonGroup, { variant: "square", children: [(0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "Grid view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "Grid view", variant: "toggle", children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-outline" }) }) }), (0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "List view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "List view", variant: "toggle", isActive: true, children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-module-outline" }) }) }), (0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "Board view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "third", variant: "toggle", children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-large-outline" }) }) })] }), (0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.BlokButtonGroup, { variant: "square", children: [(0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "Grid view", size: "small", children: "Grid view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "List view", isActive: true, size: "small", children: "List view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "third", size: "small", children: "Board view" })] }), (0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.BlokButtonGroup, { variant: "square", children: [(0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "Grid view", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-outline" }), size: "small", children: "Grid view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "List view", isActive: true, startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-module-outline" }), size: "small", children: "List view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "third", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-large-outline" }), size: "small", children: "Board view" })] })] }), (0, jsx_runtime_1.jsx)("h2", { children: "Vertical" }), (0, jsx_runtime_1.jsxs)("div", { className: classes.horizontalWrapper, children: [(0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.BlokButtonGroup, { variant: "square", orientation: "vertical", children: [(0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "Grid view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "Grid view", variant: "toggle", children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-outline" }) }) }), (0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "List view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "List view", variant: "toggle", isActive: true, children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-module-outline" }) }) }), (0, jsx_runtime_1.jsx)(BlokTooltip_1.BlokTooltip, { title: "Board view", children: (0, jsx_runtime_1.jsx)(BlokIconButton_1.BlokIconButton, { id: "third", variant: "toggle", children: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-large-outline" }) }) })] }), (0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.BlokButtonGroup, { variant: "square", orientation: "vertical", children: [(0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "Grid view", size: "small", children: "Grid view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "List view", isActive: true, size: "small", children: "List view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "third", size: "small", children: "Board view" })] }), (0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.BlokButtonGroup, { variant: "square", orientation: "vertical", children: [(0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "Grid view", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-outline" }), size: "small", children: "Grid view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "List view", isActive: true, startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-module-outline" }), size: "small", children: "List view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "toggle", id: "third", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-large-outline" }), size: "small", children: "Board view" })] })] }), (0, jsx_runtime_1.jsx)("h2", { children: "Full width vertical" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(BlokButtonGroup_1.BlokButtonGroup, { variant: "square", orientation: "vertical", fullWidth: true, children: [(0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "navigation", id: "Grid view", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-outline" }), children: "Grid view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "navigation", id: "List view", isActive: true, startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-module-outline" }), children: "List view" }), (0, jsx_runtime_1.jsx)(BlokButton_1.BlokButton, { variant: "navigation", id: "third", startIcon: (0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "view-list-large-outline" }), children: "Board view" })] }) })] }) })),
|
|
46
43
|
};
|
|
47
44
|
exports.PlayGround = {
|
|
48
45
|
args: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlokButtonGroup.stories.js","sourceRoot":"","sources":["../../../src/Components/BlokButtonGroup/BlokButtonGroup.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BlokButtonGroup.stories.js","sourceRoot":"","sources":["../../../src/Components/BlokButtonGroup/BlokButtonGroup.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,9 +20,8 @@ const classes = {
|
|
|
20
20
|
borderColor: semanticTokens.borderColor.dark,
|
|
21
21
|
}),
|
|
22
22
|
};
|
|
23
|
-
const BlokButtonGroup = ({ children, variant = "normal", orientation = "horizontal", fullWidth = false, className, }) => {
|
|
23
|
+
export const BlokButtonGroup = ({ children, variant = "normal", orientation = "horizontal", fullWidth = false, className, }) => {
|
|
24
24
|
const isDarkTheme = useIsDarkTheme();
|
|
25
25
|
return (_jsx("div", { role: "group", className: cx(classes.normal, variant === "rounded" && classes.rounded, variant === "square" && classes.square, orientation === "vertical" && classes.stacked, fullWidth && classes.fullWidth, isDarkTheme && classes.darkVariant, className), children: children }));
|
|
26
26
|
};
|
|
27
|
-
export default BlokButtonGroup;
|
|
28
27
|
//# sourceMappingURL=BlokButtonGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlokButtonGroup.js","sourceRoot":"","sources":["../../../src/Components/BlokButtonGroup/BlokButtonGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAGvC,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,cAAc,GACf,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,OAAO,GAAG;IACd,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;IACvD,OAAO,EAAE,GAAG,CAAC;QACX,MAAM,EAAE,aAAa,cAAc,CAAC,WAAW,CAAC,OAAO,EAAE;QACzD,YAAY,EAAE,gBAAgB;QAC9B,OAAO,EAAE,WAAW;KACrB,CAAC;IACF,MAAM,EAAE,GAAG,CAAC;QACV,MAAM,EAAE,aAAa,cAAc,CAAC,WAAW,CAAC,OAAO,EAAE;QACzD,YAAY,EAAE,cAAc;QAC5B,OAAO,EAAE,WAAW;KACrB,CAAC;IACF,OAAO,EAAE,GAAG,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC;IACzC,SAAS,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;IAC7E,WAAW,EAAE,GAAG,CAAC;QACf,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC,IAAI;KAC7C,CAAC;CACH,CAAC;AASF,MAAM,eAAe,GAAgD,CAAC,
|
|
1
|
+
{"version":3,"file":"BlokButtonGroup.js","sourceRoot":"","sources":["../../../src/Components/BlokButtonGroup/BlokButtonGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAGvC,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,cAAc,GACf,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,OAAO,GAAG;IACd,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;IACvD,OAAO,EAAE,GAAG,CAAC;QACX,MAAM,EAAE,aAAa,cAAc,CAAC,WAAW,CAAC,OAAO,EAAE;QACzD,YAAY,EAAE,gBAAgB;QAC9B,OAAO,EAAE,WAAW;KACrB,CAAC;IACF,MAAM,EAAE,GAAG,CAAC;QACV,MAAM,EAAE,aAAa,cAAc,CAAC,WAAW,CAAC,OAAO,EAAE;QACzD,YAAY,EAAE,cAAc;QAC5B,OAAO,EAAE,WAAW;KACrB,CAAC;IACF,OAAO,EAAE,GAAG,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC;IACzC,SAAS,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;IAC7E,WAAW,EAAE,GAAG,CAAC;QACf,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC,IAAI;KAC7C,CAAC;CACH,CAAC;AASF,MAAM,CAAC,MAAM,eAAe,GAAgD,CAAC,EAC3E,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,WAAW,GAAG,YAAY,EAC1B,SAAS,GAAG,KAAK,EACjB,SAAS,GACV,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,CACL,cACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,MAAM,EACd,OAAO,KAAK,SAAS,IAAI,OAAO,CAAC,OAAO,EACxC,OAAO,KAAK,QAAQ,IAAI,OAAO,CAAC,MAAM,EACtC,WAAW,KAAK,UAAU,IAAI,OAAO,CAAC,OAAO,EAC7C,SAAS,IAAI,OAAO,CAAC,SAAS,EAC9B,WAAW,IAAI,OAAO,CAAC,WAAW,EAClC,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}
|