@sitecore/sc-contenthub-blok 0.0.27 → 0.0.29
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/BlokBadge/BlokBadge.stories.js +1 -1
- package/dist/Components/BlokBadge/BlokBadge.stories.js.map +1 -1
- package/dist/Components/BlokButtonSelect/BlokButtonSelect.d.ts +1 -1
- package/dist/Components/BlokButtonSelect/BlokButtonSelect.js +4 -2
- package/dist/Components/BlokButtonSelect/BlokButtonSelect.js.map +1 -1
- package/dist/Components/BlokButtonSelect/BlokButtonSelect.spec.js +7 -7
- package/dist/Components/BlokButtonSelect/BlokButtonSelect.spec.js.map +1 -1
- package/dist/Components/BlokButtonSelect/BlokButtonSelect.stories.js +1 -1
- package/dist/Components/BlokButtonSelect/BlokButtonSelect.stories.js.map +1 -1
- package/dist/Components/BlokIcon/BlokIcon.stories.js +1 -1
- package/dist/Components/BlokIcon/BlokIcon.stories.js.map +1 -1
- package/dist/Components/BlokImage/BlokImage.d.ts +13 -0
- package/dist/Components/BlokImage/BlokImage.js +49 -0
- package/dist/Components/BlokImage/BlokImage.js.map +1 -0
- package/dist/Components/BlokImage/BlokImage.spec.d.ts +1 -0
- package/dist/Components/BlokImage/BlokImage.spec.js +36 -0
- package/dist/Components/BlokImage/BlokImage.spec.js.map +1 -0
- package/dist/Components/BlokImage/BlokImage.stories.d.ts +9 -0
- package/dist/Components/BlokImage/BlokImage.stories.js +38 -0
- package/dist/Components/BlokImage/BlokImage.stories.js.map +1 -0
- package/dist/Components/BlokLabeledIcon/BlokLabeledIcon.stories.js +1 -1
- package/dist/Components/BlokLabeledIcon/BlokLabeledIcon.stories.js.map +1 -1
- package/dist/Components/BlokSearchBox/BlokSearchBox.d.ts +2 -2
- package/dist/Components/BlokSearchBox/BlokSearchBox.js +1 -1
- package/dist/Components/BlokSearchBox/BlokSearchBox.js.map +1 -1
- package/dist/Components/BlokSearchBox/BlokSearchBox.spec.js +1 -1
- package/dist/Components/BlokSearchBox/BlokSearchBox.spec.js.map +1 -1
- package/dist/Components/BlokSearchBox/BlokSearchBox.stories.js +1 -1
- package/dist/Components/BlokSearchBox/BlokSearchBox.stories.js.map +1 -1
- package/dist/Components/BlokSelect/BlokSelect.d.ts +9 -1
- package/dist/Components/BlokSelect/BlokSelect.js +4 -2
- package/dist/Components/BlokSelect/BlokSelect.js.map +1 -1
- package/dist/Components/BlokSelect/BlokSelect.spec.js +6 -6
- package/dist/Components/BlokSelect/BlokSelect.spec.js.map +1 -1
- package/dist/Components/BlokSelect/BlokSelect.stories.js +1 -1
- package/dist/Components/BlokSelect/BlokSelect.stories.js.map +1 -1
- package/dist/Components/BlokTag/BlokTag.stories.js +1 -1
- package/dist/Components/BlokTag/BlokTag.stories.js.map +1 -1
- package/dist/Components/index.d.ts +1 -0
- package/dist/Components/index.js +1 -0
- package/dist/Components/index.js.map +1 -1
- package/esm/Components/BlokButtonSelect/BlokButtonSelect.js +4 -2
- package/esm/Components/BlokButtonSelect/BlokButtonSelect.js.map +1 -1
- package/esm/Components/BlokImage/BlokImage.js +45 -0
- package/esm/Components/BlokImage/BlokImage.js.map +1 -0
- package/esm/Components/BlokSearchBox/BlokSearchBox.js +1 -1
- package/esm/Components/BlokSearchBox/BlokSearchBox.js.map +1 -1
- package/esm/Components/BlokSelect/BlokSelect.js +4 -2
- package/esm/Components/BlokSelect/BlokSelect.js.map +1 -1
- package/esm/Components/index.js +1 -0
- package/esm/Components/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlokBadge.stories.js","sourceRoot":"","sources":["../../../src/Components/BlokBadge/BlokBadge.stories.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AAInC,2CAA6D;AAE7D,MAAM,OAAO,GAAG;IACd,WAAW,EAAE,IAAA,SAAG,EAAC;QACf,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,CAAC;QACN,YAAY,EAAE,EAAE;KACjB,CAAC;CACH,CAAC;AAIF,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"BlokBadge.stories.js","sourceRoot":"","sources":["../../../src/Components/BlokBadge/BlokBadge.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,5 +3,5 @@ import { Nullable } from "../../Foundations/utils";
|
|
|
3
3
|
import { type BlokButtonProps } from "../BlokButton/BlokButton";
|
|
4
4
|
import { BlokSelectProps } from "../BlokSelect/BlokSelect";
|
|
5
5
|
export type BlokButtonSelectProps<T, K> = Omit<BlokSelectProps<T, K>, "isFullWidth" | "openMenuByDefault"> & Pick<BlokButtonProps, "colorScheme" | "variant" | "size">;
|
|
6
|
-
declare function BlokButtonSelect<T = string, K = T>({ id, options, onChange: onChange_, value, labelMapper, valueMapper, returnValue, placeholder, emptyValueSelectable, className, isReadOnly, searchBoxMinAmountOfItems, showIconAndText, hideItemIcons, maxHeight, itemsToDisable, showEmptyDropdown, noneLabel, noResultsText, variant, colorScheme, size, }: BlokButtonSelectProps<T, K>): Nullable<ReactElement>;
|
|
6
|
+
declare function BlokButtonSelect<T = string, K = T>({ id, options, onChange: onChange_, value, labelMapper, valueMapper, returnValue, placeholder, emptyValueSelectable, className, isReadOnly, searchBoxMinAmountOfItems, showIconAndText, hideItemIcons, maxHeight, itemsToDisable, showEmptyDropdown, noneLabel, noResultsText, variant, colorScheme, size, clearMessage, searchMessage, }: BlokButtonSelectProps<T, K>): Nullable<ReactElement>;
|
|
7
7
|
export { BlokButtonSelect };
|
|
@@ -49,7 +49,7 @@ const getPopoverOrigin = (element, type) => {
|
|
|
49
49
|
const style = {
|
|
50
50
|
zIndex: 2001 /* Z-index of AppointmentToolTip is 2000 so this needs to be larger */,
|
|
51
51
|
};
|
|
52
|
-
function BlokButtonSelect({ id, options = (0, utils_1.getEmptyImmutableArray)(), onChange: onChange_, value, labelMapper = (item) => item, valueMapper = (item) => item, returnValue, placeholder = "Select an option", emptyValueSelectable = false, className, isReadOnly, searchBoxMinAmountOfItems = 8, showIconAndText = false, hideItemIcons = false, maxHeight = 250, itemsToDisable = (0, utils_1.getEmptyImmutableArray)(), showEmptyDropdown = false, noneLabel = "None", noResultsText = "No results found", variant, colorScheme, size, }) {
|
|
52
|
+
function BlokButtonSelect({ id, options = (0, utils_1.getEmptyImmutableArray)(), onChange: onChange_, value, labelMapper = (item) => item, valueMapper = (item) => item, returnValue, placeholder = "Select an option", emptyValueSelectable = false, className, isReadOnly, searchBoxMinAmountOfItems = 8, showIconAndText = false, hideItemIcons = false, maxHeight = 250, itemsToDisable = (0, utils_1.getEmptyImmutableArray)(), showEmptyDropdown = false, noneLabel = "None", noResultsText = "No results found", variant, colorScheme, size, clearMessage = "Clear", searchMessage = "Search", }) {
|
|
53
53
|
const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
|
|
54
54
|
const isOpen = Boolean(anchorEl);
|
|
55
55
|
const [filteredOptions, setFilteredOptions] = (0, react_1.useState)(options);
|
|
@@ -159,13 +159,15 @@ function BlokButtonSelect({ id, options = (0, utils_1.getEmptyImmutableArray)(),
|
|
|
159
159
|
handleClose,
|
|
160
160
|
onChange,
|
|
161
161
|
]);
|
|
162
|
-
const searchBox = (0, react_1.useMemo)(() => options.length > searchBoxMinAmountOfItems && ((0, jsx_runtime_1.jsx)(BlokSearchBox_1.BlokSearchBox, { onSearch: setSearchFilter, onClearSearch: onClearSearch, value: searchFilter, ref: searchBoxRef, onEnterPress: onEnterPress, isInsideDropdown: true, hasGutterBottom: false })), [
|
|
162
|
+
const searchBox = (0, react_1.useMemo)(() => options.length > searchBoxMinAmountOfItems && ((0, jsx_runtime_1.jsx)(BlokSearchBox_1.BlokSearchBox, { onSearch: setSearchFilter, onClearSearch: onClearSearch, value: searchFilter, ref: searchBoxRef, onEnterPress: onEnterPress, isInsideDropdown: true, hasGutterBottom: false, clearMessage: clearMessage, searchMessage: searchMessage })), [
|
|
163
|
+
clearMessage,
|
|
163
164
|
onClearSearch,
|
|
164
165
|
onEnterPress,
|
|
165
166
|
options.length,
|
|
166
167
|
searchBoxMinAmountOfItems,
|
|
167
168
|
searchBoxRef,
|
|
168
169
|
searchFilter,
|
|
170
|
+
searchMessage,
|
|
169
171
|
]);
|
|
170
172
|
if (!options.length && !showEmptyDropdown) {
|
|
171
173
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlokButtonSelect.js","sourceRoot":"","sources":["../../../src/Components/BlokButtonSelect/BlokButtonSelect.tsx"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"BlokButtonSelect.js","sourceRoot":"","sources":["../../../src/Components/BlokButtonSelect/BlokButtonSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,13 +10,13 @@ const BlokButtonSelect_1 = require("./BlokButtonSelect");
|
|
|
10
10
|
describe("BlokButtonSelect Component", () => {
|
|
11
11
|
test("renders without crashing", () => {
|
|
12
12
|
const options = ["Option 1", "Option 2", "Option 3"];
|
|
13
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "blok-select", options: options, onChange: () => { } }));
|
|
13
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "blok-select", options: options, onChange: () => { }, searchMessage: "Search", clearMessage: "Clear" }));
|
|
14
14
|
expect(react_1.screen.getByTestId("blok-select")).toBeInTheDocument();
|
|
15
15
|
});
|
|
16
16
|
test("displays options correctly", async () => {
|
|
17
17
|
const user = user_event_1.default.setup();
|
|
18
18
|
const options = ["Option 1", "Option 2", "Option 3"];
|
|
19
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "blok-select", options: options, onChange: () => { } }));
|
|
19
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "blok-select", options: options, onChange: () => { }, searchMessage: "Search", clearMessage: "Clear" }));
|
|
20
20
|
await user.click(react_1.screen.getByRole("button"));
|
|
21
21
|
options.forEach((option) => {
|
|
22
22
|
expect(react_1.screen.getByText(option)).toBeInTheDocument();
|
|
@@ -26,31 +26,31 @@ describe("BlokButtonSelect Component", () => {
|
|
|
26
26
|
const user = user_event_1.default.setup();
|
|
27
27
|
const options = ["Option 1", "Option 2", "Option 3"];
|
|
28
28
|
const handleChange = jest.fn();
|
|
29
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "blok-select", options: options, onChange: handleChange }));
|
|
29
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "blok-select", options: options, onChange: handleChange, searchMessage: "Search", clearMessage: "Clear" }));
|
|
30
30
|
await user.click(react_1.screen.getByRole("button"));
|
|
31
31
|
await user.click(react_1.screen.getByRole("menuitem", { name: options[1] }));
|
|
32
32
|
expect(handleChange).toHaveBeenCalledWith(options[1]);
|
|
33
33
|
});
|
|
34
34
|
test("displays the selected option", () => {
|
|
35
35
|
const options = ["Option 1", "Option 2", "Option 3"];
|
|
36
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "blok-select", options: options, value: options[1], onChange: () => { } }));
|
|
36
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "blok-select", options: options, value: options[1], onChange: () => { }, searchMessage: "Search", clearMessage: "Clear" }));
|
|
37
37
|
expect((0, react_1.within)(react_1.screen.getByRole("button")).getByText(new RegExp(options[1], "i"))).toBeInTheDocument();
|
|
38
38
|
});
|
|
39
39
|
test("renders with no options", () => {
|
|
40
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "blok-select", options: [], onChange: () => { } }));
|
|
40
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "blok-select", options: [], onChange: () => { }, searchMessage: "Search", clearMessage: "Clear" }));
|
|
41
41
|
expect(react_1.screen.queryByRole("button")).not.toBeInTheDocument();
|
|
42
42
|
});
|
|
43
43
|
test("displays placeholder when no value is selected", () => {
|
|
44
44
|
const options = ["Option 1", "Option 2", "Option 3"];
|
|
45
45
|
const placeholder = "Select an option";
|
|
46
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "blok-select", options: options, placeholder: placeholder, onChange: () => { } }));
|
|
46
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "blok-select", options: options, placeholder: placeholder, onChange: () => { }, searchMessage: "Search", clearMessage: "Clear" }));
|
|
47
47
|
expect(react_1.screen.getByText(placeholder)).toBeInTheDocument();
|
|
48
48
|
});
|
|
49
49
|
test("disables specific options", async () => {
|
|
50
50
|
const user = user_event_1.default.setup();
|
|
51
51
|
const options = ["Option 1", "Option 2", "Option 3"];
|
|
52
52
|
const itemsToDisable = ["Option 2"];
|
|
53
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "blok-select", options: options, onChange: () => { }, itemsToDisable: itemsToDisable }));
|
|
53
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "blok-select", options: options, onChange: () => { }, itemsToDisable: itemsToDisable, searchMessage: "Search", clearMessage: "Clear" }));
|
|
54
54
|
await user.click(react_1.screen.getByRole("button"));
|
|
55
55
|
expect(react_1.screen.getByRole("menuitem", { name: "Option 2" })).toHaveClass("Mui-disabled");
|
|
56
56
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlokButtonSelect.spec.js","sourceRoot":"","sources":["../../../src/Components/BlokButtonSelect/BlokButtonSelect.spec.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAgE;AAChE,6EAAoD;AAGpD,yDAAsD;AAEtD,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IAC1C,IAAI,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACpC,MAAM,OAAO,GAAG,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;QACrD,IAAA,cAAM,EACJ,uBAAC,mCAAgB,IACf,EAAE,EAAC,aAAa,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"BlokButtonSelect.spec.js","sourceRoot":"","sources":["../../../src/Components/BlokButtonSelect/BlokButtonSelect.spec.tsx"],"names":[],"mappings":"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"}
|
|
@@ -54,6 +54,6 @@ exports.BlokButtonSelectExamples = {
|
|
|
54
54
|
controls: { disable: true, expanded: false },
|
|
55
55
|
options: { showPanel: false },
|
|
56
56
|
},
|
|
57
|
-
render: () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "Disabled item" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "example1", options: options, onChange: (selected) => console.log("Selected:", selected), labelMapper: (item) => item.label, valueMapper: (item) => item.value, placeholder: "Select an option", searchBoxMinAmountOfItems: 5, itemsToDisable: [options[1]], value: options[0] }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "None value selectable" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "example2", options: options, onChange: (selected) => console.log("Selected:", selected), labelMapper: (item) => item.label, valueMapper: (item) => item.value, placeholder: "Select an option", emptyValueSelectable: true, searchBoxMinAmountOfItems: 5, noneLabel: "None", value: options[0] }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "No value selected" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "example3", options: options, onChange: (selected) => console.log("Selected:", selected), labelMapper: (item) => item.label, valueMapper: (item) => item.value, placeholder: "Select an option", emptyValueSelectable: true, searchBoxMinAmountOfItems: 5, noneLabel: "None" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "Search box" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "example4", options: manyOptions, onChange: (selected) => console.log("Selected:", selected), labelMapper: (item) => item.label, valueMapper: (item) => item.value, returnValue: (item) => item, placeholder: "Select an option", searchBoxMinAmountOfItems: 3, accessibilityId: "example2", maxHeight: 300 }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "With icons on the items" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "example5", options: optionsWithIcons, onChange: (selected) => console.log("Selected:", selected), labelMapper: (item) => item.label, valueMapper: (item) => item.id.toString(), returnValue: (item) => item, placeholder: "Select an option", searchBoxMinAmountOfItems: 3, accessibilityId: "example2", value: optionsWithIcons[0], showIconAndText: true }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "Show only icon on the button" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "example6", options: optionsWithIcons, onChange: (selected) => console.log("Selected:", selected), labelMapper: (item) => item.label, valueMapper: (item) => item.id.toString(), returnValue: (item) => item, placeholder: "Select an option", searchBoxMinAmountOfItems: 3, accessibilityId: "example2", maxHeight: 300, value: optionsWithIcons[0], showIconAndText: false }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "Custom color and variant" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "example1", options: options, onChange: (selected) => console.log("Selected:", selected), labelMapper: (item) => item.label, valueMapper: (item) => item.value, placeholder: "Select an option", searchBoxMinAmountOfItems: 5, itemsToDisable: [options[1]], value: options[0], colorScheme: "info", variant: "solid" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "Small size" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "example1", options: options, onChange: (selected) => console.log("Selected:", selected), labelMapper: (item) => item.label, valueMapper: (item) => item.value, placeholder: "Select an option", searchBoxMinAmountOfItems: 5, itemsToDisable: [options[1]], value: options[0], colorScheme: "info", variant: "solid", size: "small" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "Large size" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "example1", options: options, onChange: (selected) => console.log("Selected:", selected), labelMapper: (item) => item.label, valueMapper: (item) => item.value, placeholder: "Select an option", searchBoxMinAmountOfItems: 5, itemsToDisable: [options[1]], value: options[0], colorScheme: "info", variant: "
|
|
57
|
+
render: () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "Disabled item" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "example1", options: options, onChange: (selected) => console.log("Selected:", selected), labelMapper: (item) => item.label, valueMapper: (item) => item.value, placeholder: "Select an option", searchBoxMinAmountOfItems: 5, itemsToDisable: [options[1]], value: options[0], searchMessage: "Search", clearMessage: "Clear" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "None value selectable" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "example2", options: options, onChange: (selected) => console.log("Selected:", selected), labelMapper: (item) => item.label, valueMapper: (item) => item.value, placeholder: "Select an option", emptyValueSelectable: true, searchBoxMinAmountOfItems: 5, noneLabel: "None", value: options[0], searchMessage: "Search", clearMessage: "Clear" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "No value selected" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "example3", options: options, onChange: (selected) => console.log("Selected:", selected), labelMapper: (item) => item.label, valueMapper: (item) => item.value, placeholder: "Select an option", emptyValueSelectable: true, searchBoxMinAmountOfItems: 5, noneLabel: "None", searchMessage: "Search", clearMessage: "Clear" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "Search box" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "example4", options: manyOptions, onChange: (selected) => console.log("Selected:", selected), labelMapper: (item) => item.label, valueMapper: (item) => item.value, returnValue: (item) => item, placeholder: "Select an option", searchBoxMinAmountOfItems: 3, accessibilityId: "example2", maxHeight: 300, searchMessage: "Search", clearMessage: "Clear" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "With icons on the items" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "example5", options: optionsWithIcons, onChange: (selected) => console.log("Selected:", selected), labelMapper: (item) => item.label, valueMapper: (item) => item.id.toString(), returnValue: (item) => item, placeholder: "Select an option", searchBoxMinAmountOfItems: 3, accessibilityId: "example2", value: optionsWithIcons[0], showIconAndText: true, searchMessage: "Search", clearMessage: "Clear" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "Show only icon on the button" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "example6", options: optionsWithIcons, onChange: (selected) => console.log("Selected:", selected), labelMapper: (item) => item.label, valueMapper: (item) => item.id.toString(), returnValue: (item) => item, placeholder: "Select an option", searchBoxMinAmountOfItems: 3, accessibilityId: "example2", maxHeight: 300, value: optionsWithIcons[0], showIconAndText: false, searchMessage: "Search", clearMessage: "Clear" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "Custom color and variant" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "example1", options: options, onChange: (selected) => console.log("Selected:", selected), labelMapper: (item) => item.label, valueMapper: (item) => item.value, placeholder: "Select an option", searchBoxMinAmountOfItems: 5, itemsToDisable: [options[1]], value: options[0], colorScheme: "info", variant: "solid", searchMessage: "Search", clearMessage: "Clear" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "Small size" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "example1", options: options, onChange: (selected) => console.log("Selected:", selected), labelMapper: (item) => item.label, valueMapper: (item) => item.value, placeholder: "Select an option", searchBoxMinAmountOfItems: 5, itemsToDisable: [options[1]], value: options[0], colorScheme: "info", variant: "solid", size: "small", searchMessage: "Search", clearMessage: "Clear" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "Large size" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(BlokButtonSelect_1.BlokButtonSelect, { id: "example1", options: options, onChange: (selected) => console.log("Selected:", selected), labelMapper: (item) => item.label, valueMapper: (item) => item.value, placeholder: "Select an option", searchBoxMinAmountOfItems: 5, itemsToDisable: [options[1]], value: options[0], colorScheme: "info", variant: "solid", size: "large", searchMessage: "Search", clearMessage: "Clear" }) })] })] })),
|
|
58
58
|
};
|
|
59
59
|
//# sourceMappingURL=BlokButtonSelect.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlokButtonSelect.stories.js","sourceRoot":"","sources":["../../../src/Components/BlokButtonSelect/BlokButtonSelect.stories.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AAInC,oEAA6D;AAE7D,yDAA6E;AAE7E,MAAM,OAAO,GAAG;IACd,WAAW,EAAE,IAAA,SAAG,EAAC;QACf,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,CAAC;QACN,YAAY,EAAE,EAAE;KACjB,CAAC;CACH,CAAC;AAIF,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,kCAAkC;IACzC,SAAS,EAAE,mCAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGpB,MAAM,OAAO,GAAkC;IAC7C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE;IACjC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE;IACjC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE;CAClC,CAAC;AAEF,MAAM,WAAW,GAAkC;IACjD,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE;IACjC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE;IACjC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE;IACjC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE;IACjC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE;IACjC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE;IACjC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE;IACjC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE;CAClC,CAAC;AAEF,MAAM,gBAAgB,GAAuD;IAC3E;QACE,IAAI,EAAE,gCAAgC;QACtC,EAAE,EAAE,CAAC;QACL,KAAK,EAAE,aAAa;KACrB;IACD;QACE,EAAE,EAAE,GAAG;QACP,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,gCAAgC;KACvC;CACF,CAAC;AAEW,QAAA,wBAAwB,GAAU;IAC7C,UAAU,EAAE;QACV,QAAQ,EAAE,OAAO;QACjB,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC5C,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;KAC9B;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,6DACE,iCAAK,SAAS,EAAE,OAAO,CAAC,WAAW,aACjC,uBAAC,2BAAU,gCAA2B,EACtC,0CACE,uBAAC,mCAAgB,IACf,EAAE,EAAC,UAAU,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,QAAQ,CAAC,EAC1D,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,EACjC,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,EACjC,WAAW,EAAC,kBAAkB,EAC9B,yBAAyB,EAAE,CAAC,EAC5B,cAAc,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAC5B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"BlokButtonSelect.stories.js","sourceRoot":"","sources":["../../../src/Components/BlokButtonSelect/BlokButtonSelect.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const BlokAlert_1 = require("../BlokAlert/BlokAlert");
|
|
6
6
|
const BlokIcon_1 = require("./BlokIcon");
|
|
7
7
|
const meta = {
|
|
8
|
-
title: "Components/
|
|
8
|
+
title: "Components/Media and icons/BlokIcon",
|
|
9
9
|
component: BlokIcon_1.BlokIcon,
|
|
10
10
|
tags: ["autodocs"],
|
|
11
11
|
argTypes: {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlokIcon.stories.js","sourceRoot":"","sources":["../../../src/Components/BlokIcon/BlokIcon.stories.tsx"],"names":[],"mappings":";;;;AAGA,sDAAmD;AACnD,yCAAqD;AAIrD,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"BlokIcon.stories.js","sourceRoot":"","sources":["../../../src/Components/BlokIcon/BlokIcon.stories.tsx"],"names":[],"mappings":";;;;AAGA,sDAAmD;AACnD,yCAAqD;AAIrD,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,mBAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,KAAK,GAAU;IAC1B,UAAU,EAAE;QACV,QAAQ,EAAE,OAAO;QACjB,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC5C,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;KAC9B;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,6DACE,wBAAC,qBAAS,8DACmC,mDAAgB,qBACxD,iEAA4B,0DAErB,EACZ,iCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,aACvD,uBAAC,mBAAQ,IAAC,IAAI,EAAC,cAAc,GAAG,EAChC,uBAAC,mBAAQ,IAAC,IAAI,EAAC,cAAc,EAAC,SAAS,EAAC,KAAK,GAAG,EAChD,uBAAC,mBAAQ,IACP,IAAI,EAAC,cAAc,EACnB,SAAS,EAAC,KAAK,EACf,mBAAmB,EAAC,KAAK,GACzB,EACF,uBAAC,mBAAQ,IAAC,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAC,OAAO,GAAG,EACjD,uBAAC,mBAAQ,IAAC,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAC,YAAY,GAAG,EACtD,uBAAC,mBAAQ,IAAC,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAC,OAAO,GAAG,IAC7C,IACL,CACJ;CACF,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;KACd;CACF,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type FC } from "react";
|
|
2
|
+
export interface BlokImageProps {
|
|
3
|
+
src: string;
|
|
4
|
+
alt: string;
|
|
5
|
+
style?: object;
|
|
6
|
+
width?: string | number;
|
|
7
|
+
height?: string | number;
|
|
8
|
+
fit?: "contain" | "cover" | "fill" | "none" | "scale-down" | "inherit" | "initial" | "revert" | "unset";
|
|
9
|
+
position?: "static" | "relative" | "absolute" | "fixed" | "sticky" | "inherit" | "initial" | "revert" | "unset";
|
|
10
|
+
className?: string;
|
|
11
|
+
onClick?: () => void;
|
|
12
|
+
}
|
|
13
|
+
export declare const BlokImage: FC<BlokImageProps>;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.BlokImage = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const css_1 = require("@emotion/css");
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
const BlokIcon_1 = require("../BlokIcon/BlokIcon");
|
|
8
|
+
const classes = {
|
|
9
|
+
image: (0, css_1.css)({
|
|
10
|
+
width: "100%",
|
|
11
|
+
height: "100%",
|
|
12
|
+
}),
|
|
13
|
+
brokenImageIcon: (0, css_1.css)({
|
|
14
|
+
fontSize: "3.5rem !important",
|
|
15
|
+
"td &": {
|
|
16
|
+
fontSize: "1.5rem !important",
|
|
17
|
+
},
|
|
18
|
+
}),
|
|
19
|
+
icons: (0, css_1.css)({
|
|
20
|
+
width: "100%",
|
|
21
|
+
height: "100%",
|
|
22
|
+
display: "flex",
|
|
23
|
+
justifyContent: "center",
|
|
24
|
+
alignItems: "center",
|
|
25
|
+
}),
|
|
26
|
+
};
|
|
27
|
+
const BlokImage = ({ src, alt, style, width = "100%", height = "100%", fit = "cover", position = "relative", className, onClick, ...rest }) => {
|
|
28
|
+
const [hasError, setHasError] = (0, react_1.useState)(false);
|
|
29
|
+
const handleError = (0, react_1.useCallback)(() => {
|
|
30
|
+
setHasError(true);
|
|
31
|
+
}, []);
|
|
32
|
+
const styles = (0, react_1.useMemo)(() => ({
|
|
33
|
+
root: {
|
|
34
|
+
width,
|
|
35
|
+
height,
|
|
36
|
+
display: "flex",
|
|
37
|
+
justifyContent: "center",
|
|
38
|
+
alignItems: "center",
|
|
39
|
+
},
|
|
40
|
+
image: {
|
|
41
|
+
position,
|
|
42
|
+
objectFit: fit,
|
|
43
|
+
...style,
|
|
44
|
+
},
|
|
45
|
+
}), [width, height, position, fit, style]);
|
|
46
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: styles.root, className: `mui-image-wrapper`, children: [!hasError && ((0, jsx_runtime_1.jsx)("img", { src: src, alt: alt, style: styles.image, className: (0, css_1.cx)(`mui-image-img`, classes.image, className), onError: handleError, onClick: onClick, ...rest })), hasError && ((0, jsx_runtime_1.jsx)("div", { className: (0, css_1.cx)(`mui-image-iconWrapper`, classes.icons), children: hasError && ((0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "m-icon-image-off-outline", iconColor: "gray", classes: [classes.brokenImageIcon], iconColorShade: 400 })) }))] }));
|
|
47
|
+
};
|
|
48
|
+
exports.BlokImage = BlokImage;
|
|
49
|
+
//# sourceMappingURL=BlokImage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BlokImage.js","sourceRoot":"","sources":["../../../src/Components/BlokImage/BlokImage.tsx"],"names":[],"mappings":";;;;AAAA,sCAAuC;AACvC,iCAAgE;AAGhE,mDAAgD;AAEhD,MAAM,OAAO,GAAG;IACd,KAAK,EAAE,IAAA,SAAG,EAAC;QACT,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf,CAAC;IACF,eAAe,EAAE,IAAA,SAAG,EAAC;QACnB,QAAQ,EAAE,mBAAmB;QAC7B,MAAM,EAAE;YACN,QAAQ,EAAE,mBAAmB;SAC9B;KACF,CAAC;IACF,KAAK,EAAE,IAAA,SAAG,EAAC;QACT,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB,CAAC;CACH,CAAC;AAgCK,MAAM,SAAS,GAAuB,CAAC,EAC5C,GAAG,EACH,GAAG,EACH,KAAK,EACL,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,MAAM,EACf,GAAG,GAAG,OAAO,EACb,QAAQ,GAAG,UAAU,EACrB,SAAS,EACT,OAAO,EACP,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE;YACJ,KAAK;YACL,MAAM;YACN,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB;QACD,KAAK,EAAE;YACL,QAAQ;YACR,SAAS,EAAE,GAAG;YACd,GAAG,KAAK;SACT;KACF,CAAC,EACF,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,CACtC,CAAC;IAEF,OAAO,CACL,iCAAK,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,mBAAmB,aACpD,CAAC,QAAQ,IAAI,CACZ,gCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,IAAA,QAAE,EAAC,eAAe,EAAE,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,EACxD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,KACZ,IAAI,GACR,CACH,EACA,QAAQ,IAAI,CACX,gCAAK,SAAS,EAAE,IAAA,QAAE,EAAC,uBAAuB,EAAE,OAAO,CAAC,KAAK,CAAC,YACvD,QAAQ,IAAI,CACX,uBAAC,mBAAQ,IACP,IAAI,EAAC,0BAA0B,EAC/B,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,CAAC,OAAO,CAAC,eAAe,CAAC,EAClC,cAAc,EAAE,GAAG,GACnB,CACH,GACG,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AA/DW,QAAA,SAAS,aA+DpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const react_1 = require("@testing-library/react");
|
|
5
|
+
const BlokImage_1 = require("./BlokImage");
|
|
6
|
+
describe("BlokImage Component", () => {
|
|
7
|
+
test("should render without crashing", () => {
|
|
8
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "test.jpg", alt: "Test Image" }));
|
|
9
|
+
const imageElement = react_1.screen.getByAltText("Test Image");
|
|
10
|
+
expect(imageElement).toBeInTheDocument();
|
|
11
|
+
});
|
|
12
|
+
test("should display the correct image source", () => {
|
|
13
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "test.jpg", alt: "Test Image" }));
|
|
14
|
+
const imageElement = react_1.screen.getByAltText("Test Image");
|
|
15
|
+
expect(imageElement).toHaveAttribute("src", "test.jpg");
|
|
16
|
+
});
|
|
17
|
+
test("should display the correct alt text", () => {
|
|
18
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "test.jpg", alt: "Test Image" }));
|
|
19
|
+
const imageElement = react_1.screen.getByAltText("Test Image");
|
|
20
|
+
expect(imageElement).toHaveAttribute("alt", "Test Image");
|
|
21
|
+
});
|
|
22
|
+
test("should apply additional class names if provided", () => {
|
|
23
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "test.jpg", alt: "Test Image", className: "extra-class" }));
|
|
24
|
+
const imageElement = react_1.screen.getByAltText("Test Image");
|
|
25
|
+
expect(imageElement).toHaveClass("extra-class");
|
|
26
|
+
});
|
|
27
|
+
test("should display error icon when image fails to load", () => {
|
|
28
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "invalid.jpg", alt: "Test Image" }));
|
|
29
|
+
const imageElement = react_1.screen.getByAltText("Test Image");
|
|
30
|
+
// Simulate image load error
|
|
31
|
+
react_1.fireEvent.error(imageElement);
|
|
32
|
+
const errorIcon = react_1.screen.getByTestId("m-icon-image-off-outline");
|
|
33
|
+
expect(errorIcon).toBeInTheDocument();
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
//# sourceMappingURL=BlokImage.spec.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BlokImage.spec.js","sourceRoot":"","sources":["../../../src/Components/BlokImage/BlokImage.spec.tsx"],"names":[],"mappings":";;;AAAA,kDAAmE;AAGnE,2CAAwC;AAExC,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,IAAI,CAAC,gCAAgC,EAAE,GAAG,EAAE;QAC1C,IAAA,cAAM,EAAC,uBAAC,qBAAS,IAAC,GAAG,EAAC,UAAU,EAAC,GAAG,EAAC,YAAY,GAAG,CAAC,CAAC;QACtD,MAAM,YAAY,GAAG,cAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QACvD,MAAM,CAAC,YAAY,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACnD,IAAA,cAAM,EAAC,uBAAC,qBAAS,IAAC,GAAG,EAAC,UAAU,EAAC,GAAG,EAAC,YAAY,GAAG,CAAC,CAAC;QACtD,MAAM,YAAY,GAAG,cAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QACvD,MAAM,CAAC,YAAY,CAAC,CAAC,eAAe,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC/C,IAAA,cAAM,EAAC,uBAAC,qBAAS,IAAC,GAAG,EAAC,UAAU,EAAC,GAAG,EAAC,YAAY,GAAG,CAAC,CAAC;QACtD,MAAM,YAAY,GAAG,cAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QACvD,MAAM,CAAC,YAAY,CAAC,CAAC,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,iDAAiD,EAAE,GAAG,EAAE;QAC3D,IAAA,cAAM,EACJ,uBAAC,qBAAS,IAAC,GAAG,EAAC,UAAU,EAAC,GAAG,EAAC,YAAY,EAAC,SAAS,EAAC,aAAa,GAAG,CACtE,CAAC;QACF,MAAM,YAAY,GAAG,cAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QACvD,MAAM,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,oDAAoD,EAAE,GAAG,EAAE;QAC9D,IAAA,cAAM,EAAC,uBAAC,qBAAS,IAAC,GAAG,EAAC,aAAa,EAAC,GAAG,EAAC,YAAY,GAAG,CAAC,CAAC;QACzD,MAAM,YAAY,GAAG,cAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QAEvD,4BAA4B;QAC5B,iBAAS,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAE9B,MAAM,SAAS,GAAG,cAAM,CAAC,WAAW,CAAC,0BAA0B,CAAC,CAAC;QACjE,MAAM,CAAC,SAAS,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { PropsWithChildren } from "react";
|
|
3
|
+
import { BlokImageProps } from "./BlokImage";
|
|
4
|
+
type ComponentProps = PropsWithChildren<BlokImageProps>;
|
|
5
|
+
declare const meta: Meta<ComponentProps>;
|
|
6
|
+
export default meta;
|
|
7
|
+
type Story = StoryObj<ComponentProps>;
|
|
8
|
+
export declare const BlokImageExamples: Story;
|
|
9
|
+
export declare const PlayGround: Story;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PlayGround = exports.BlokImageExamples = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const css_1 = require("@emotion/css");
|
|
6
|
+
const CoreComponents_1 = require("../../Components/CoreComponents");
|
|
7
|
+
const BlokImage_1 = require("./BlokImage");
|
|
8
|
+
const classes = {
|
|
9
|
+
flexWrapper: (0, css_1.css)({
|
|
10
|
+
display: "flex",
|
|
11
|
+
flexDirection: "column",
|
|
12
|
+
gap: 8,
|
|
13
|
+
marginBottom: 24,
|
|
14
|
+
width: "500px",
|
|
15
|
+
}),
|
|
16
|
+
};
|
|
17
|
+
const meta = {
|
|
18
|
+
title: "Components/Media and icons/BlokImage",
|
|
19
|
+
component: BlokImage_1.BlokImage,
|
|
20
|
+
tags: ["autodocs"],
|
|
21
|
+
argTypes: {},
|
|
22
|
+
args: {},
|
|
23
|
+
};
|
|
24
|
+
exports.default = meta;
|
|
25
|
+
exports.BlokImageExamples = {
|
|
26
|
+
parameters: {
|
|
27
|
+
viewMode: "story",
|
|
28
|
+
controls: { disable: true, expanded: false },
|
|
29
|
+
options: { showPanel: false },
|
|
30
|
+
},
|
|
31
|
+
render: () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "Basic usage" }), (0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/logo-content_hub", alt: "ContentHub Logo" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "With custom dimensions (cover)" }), (0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/logo-content_hub", alt: "Placeholder Image", width: "150px", height: "150px" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "With custom dimensions (contain)" }), (0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/logo-content_hub", alt: "Wide Placeholder Image", fit: "contain", width: "150px", height: "150px" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "With additional class name" }), (0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/logo-content_hub", alt: "Styled Placeholder Image", className: "custom-class" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "With error icon when image cannot be shown" }), (0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "invalid-url.jpg", alt: "Broken Image" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "With onClick handler" }), (0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/logo-content_hub", alt: "Wide Placeholder Image", onClick: () => alert("clicked") })] })] })),
|
|
32
|
+
};
|
|
33
|
+
exports.PlayGround = {
|
|
34
|
+
parameters: {
|
|
35
|
+
viewMode: "docs",
|
|
36
|
+
},
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=BlokImage.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BlokImage.stories.js","sourceRoot":"","sources":["../../../src/Components/BlokImage/BlokImage.stories.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AAInC,oEAA6D;AAC7D,2CAAwD;AAExD,MAAM,OAAO,GAAG;IACd,WAAW,EAAE,IAAA,SAAG,EAAC;QACf,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,CAAC;QACN,YAAY,EAAE,EAAE;QAChB,KAAK,EAAE,OAAO;KACf,CAAC;CACH,CAAC;AAIF,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,qBAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,iBAAiB,GAAU;IACtC,UAAU,EAAE;QACV,QAAQ,EAAE,OAAO;QACjB,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC5C,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;KAC9B;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,6DACE,iCAAK,SAAS,EAAE,OAAO,CAAC,WAAW,aACjC,uBAAC,2BAAU,8BAAyB,EACpC,uBAAC,qBAAS,IACR,GAAG,EAAC,wFAAwF,EAC5F,GAAG,EAAC,iBAAiB,GACrB,IACE,EACN,iCAAK,SAAS,EAAE,OAAO,CAAC,WAAW,aACjC,uBAAC,2BAAU,iDAA4C,EACvD,uBAAC,qBAAS,IACR,GAAG,EAAC,wFAAwF,EAC5F,GAAG,EAAC,mBAAmB,EACvB,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd,IACE,EACN,iCAAK,SAAS,EAAE,OAAO,CAAC,WAAW,aACjC,uBAAC,2BAAU,mDAA8C,EACzD,uBAAC,qBAAS,IACR,GAAG,EAAC,wFAAwF,EAC5F,GAAG,EAAC,wBAAwB,EAC5B,GAAG,EAAC,SAAS,EACb,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd,IACE,EACN,iCAAK,SAAS,EAAE,OAAO,CAAC,WAAW,aACjC,uBAAC,2BAAU,6CAAwC,EACnD,uBAAC,qBAAS,IACR,GAAG,EAAC,wFAAwF,EAC5F,GAAG,EAAC,0BAA0B,EAC9B,SAAS,EAAC,cAAc,GACxB,IACE,EACN,iCAAK,SAAS,EAAE,OAAO,CAAC,WAAW,aACjC,uBAAC,2BAAU,6DAAwD,EACnE,uBAAC,qBAAS,IAAC,GAAG,EAAC,iBAAiB,EAAC,GAAG,EAAC,cAAc,GAAG,IAClD,EACN,iCAAK,SAAS,EAAE,OAAO,CAAC,WAAW,aACjC,uBAAC,2BAAU,uCAAkC,EAC7C,uBAAC,qBAAS,IACR,GAAG,EAAC,wFAAwF,EAC5F,GAAG,EAAC,wBAAwB,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,GAC/B,IACE,IACL,CACJ;CACF,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM;KACjB;CACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlokLabeledIcon.stories.js","sourceRoot":"","sources":["../../../src/Components/BlokLabeledIcon/BlokLabeledIcon.stories.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AAInC,uDAA+E;AAE/E,MAAM,OAAO,GAAG;IACd,WAAW,EAAE,IAAA,SAAG,EAAC;QACf,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,CAAC;QACN,YAAY,EAAE,EAAE;KACjB,CAAC;CACH,CAAC;AAIF,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"BlokLabeledIcon.stories.js","sourceRoot":"","sources":["../../../src/Components/BlokLabeledIcon/BlokLabeledIcon.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -92,11 +92,11 @@ export interface BlokSearchBoxProps {
|
|
|
92
92
|
/**
|
|
93
93
|
* Clear message to show when hovering over the clear button.
|
|
94
94
|
*/
|
|
95
|
-
clearMessage
|
|
95
|
+
clearMessage: string;
|
|
96
96
|
/**
|
|
97
97
|
* Search message to show when hovering over the search button.
|
|
98
98
|
*/
|
|
99
|
-
searchMessage
|
|
99
|
+
searchMessage: string;
|
|
100
100
|
/**
|
|
101
101
|
* Indicates if the searchBox should allow multiple lines.
|
|
102
102
|
*/
|
|
@@ -194,7 +194,7 @@ const truncateString = (str, maxChars, maxWords) => {
|
|
|
194
194
|
return result;
|
|
195
195
|
};
|
|
196
196
|
exports.truncateString = truncateString;
|
|
197
|
-
exports.BlokSearchBox = (0, react_1.forwardRef)(function BlokSearchBox({ onSearch, onClearSearch, onEnterPress, value: value_, className, placeholder, cancelOnEscape = true, isSticky = false, stickyTopPosition = "0", isInsideDropdown = false, isDisabled = false, hasGutterBottom = true, stickySearchBoxBackground = Foundations_1.bodyBackgroundColor, shouldShowScrolledStatus = false, clearButtonClassName, allowKeyPressPropagation = false, handleKeyPress, onPaste, maxNumberOfCharacters = exports.SEARCH_BOX_MAX_NUMBER_OF_CHARACTERS, maxNumberOfWords, clearMessage = "Clear
|
|
197
|
+
exports.BlokSearchBox = (0, react_1.forwardRef)(function BlokSearchBox({ onSearch, onClearSearch, onEnterPress, value: value_, className, placeholder, cancelOnEscape = true, isSticky = false, stickyTopPosition = "0", isInsideDropdown = false, isDisabled = false, hasGutterBottom = true, stickySearchBoxBackground = Foundations_1.bodyBackgroundColor, shouldShowScrolledStatus = false, clearButtonClassName, allowKeyPressPropagation = false, handleKeyPress, onPaste, maxNumberOfCharacters = exports.SEARCH_BOX_MAX_NUMBER_OF_CHARACTERS, maxNumberOfWords, clearMessage = "Clear", searchMessage = "Search", allowMultipleLines = false, }, ref) {
|
|
198
198
|
const [value, setValue] = (0, react_1.useState)(value_);
|
|
199
199
|
const [isActive, setIsActive] = (0, react_1.useState)(false);
|
|
200
200
|
const searchBoxRef = (0, react_1.useRef)(null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlokSearchBox.js","sourceRoot":"","sources":["../../../src/Components/BlokSearchBox/BlokSearchBox.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BlokSearchBox.js","sourceRoot":"","sources":["../../../src/Components/BlokSearchBox/BlokSearchBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ const mockedOnClearSearch = jest.fn();
|
|
|
12
12
|
const mockedOnEnterPress = jest.fn();
|
|
13
13
|
describe("BlokSearchBox", () => {
|
|
14
14
|
const setupTest = (maxNumberOfCharacters = 10, maxNumberOfWords = 3) => {
|
|
15
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokSearchBox_1.BlokSearchBox, { onSearch: mockedOnSearch, onClearSearch: mockedOnClearSearch, onEnterPress: mockedOnEnterPress, placeholder: "Search here", value: "", maxNumberOfCharacters: maxNumberOfCharacters, maxNumberOfWords: maxNumberOfWords }));
|
|
15
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlokSearchBox_1.BlokSearchBox, { onSearch: mockedOnSearch, onClearSearch: mockedOnClearSearch, onEnterPress: mockedOnEnterPress, placeholder: "Search here", value: "", maxNumberOfCharacters: maxNumberOfCharacters, maxNumberOfWords: maxNumberOfWords, searchMessage: "Search", clearMessage: "Clear" }));
|
|
16
16
|
};
|
|
17
17
|
test("should render with the place holder 'Search here'", () => {
|
|
18
18
|
setupTest();
|