@squiz/resource-browser 1.56.1-alpha.3 → 1.56.1-alpha.31
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.
|
@@ -15,7 +15,7 @@ const SelectedState = ({ resource: { id, type, name, status, squizImage }, isDis
|
|
|
15
15
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
16
16
|
react_1.default.createElement(react_1.default.Fragment, null,
|
|
17
17
|
react_1.default.createElement(generic_browser_lib_1.Icon, { icon: type.code, resourceSource: "matrix", className: "w-4 h-4 flex self-center" }),
|
|
18
|
-
react_1.default.createElement("div", { className: "justify-self-start self-center" }, name),
|
|
18
|
+
react_1.default.createElement("div", { className: "justify-self-start self-center w-full overflow-hidden break-words" }, name),
|
|
19
19
|
react_1.default.createElement(generic_browser_lib_1.ResetButton, { isDisabled: isDisabled, onClick: onClear })),
|
|
20
20
|
react_1.default.createElement("dl", { className: "col-start-2 col-end-2 flex flex-row gap-1 justify-self-start items-center font-normal text-sm" },
|
|
21
21
|
react_1.default.createElement("div", null,
|
package/lib/index.css
CHANGED
|
@@ -640,8 +640,8 @@
|
|
|
640
640
|
.squiz-rb-scope .max-w-\[200px\] {
|
|
641
641
|
max-width: 200px;
|
|
642
642
|
}
|
|
643
|
-
.squiz-rb-scope .max-w
|
|
644
|
-
max-width:
|
|
643
|
+
.squiz-rb-scope .max-w-\[50rem\] {
|
|
644
|
+
max-width: 50rem;
|
|
645
645
|
}
|
|
646
646
|
.squiz-rb-scope .flex-1 {
|
|
647
647
|
flex: 1 1 0%;
|
|
@@ -705,6 +705,9 @@
|
|
|
705
705
|
.squiz-rb-scope .justify-self-start {
|
|
706
706
|
justify-self: start;
|
|
707
707
|
}
|
|
708
|
+
.squiz-rb-scope .overflow-hidden {
|
|
709
|
+
overflow: hidden;
|
|
710
|
+
}
|
|
708
711
|
.squiz-rb-scope .overflow-y-scroll {
|
|
709
712
|
overflow-y: scroll;
|
|
710
713
|
}
|
|
@@ -713,6 +716,9 @@
|
|
|
713
716
|
text-overflow: ellipsis;
|
|
714
717
|
white-space: nowrap;
|
|
715
718
|
}
|
|
719
|
+
.squiz-rb-scope .break-words {
|
|
720
|
+
overflow-wrap: break-word;
|
|
721
|
+
}
|
|
716
722
|
.squiz-rb-scope .rounded {
|
|
717
723
|
border-radius: 4px;
|
|
718
724
|
}
|
|
@@ -1262,7 +1268,7 @@
|
|
|
1262
1268
|
}
|
|
1263
1269
|
}
|
|
1264
1270
|
@media (min-width: 1024px) {
|
|
1265
|
-
.squiz-rb-scope .lg\:h-\[calc\(100vh-
|
|
1266
|
-
height: calc(100vh -
|
|
1271
|
+
.squiz-rb-scope .lg\:h-\[calc\(100vh-9rem\)\] {
|
|
1272
|
+
height: calc(100vh - 9rem);
|
|
1267
1273
|
}
|
|
1268
1274
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@squiz/resource-browser",
|
|
3
|
-
"version": "1.56.1-alpha.
|
|
3
|
+
"version": "1.56.1-alpha.31",
|
|
4
4
|
"main": "lib/index.js",
|
|
5
5
|
"types": "lib/index.d.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -15,21 +15,21 @@
|
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@mui/icons-material": "5.11.16",
|
|
18
|
-
"@squiz/dx-json-schema-lib": "1.56.1-alpha.
|
|
19
|
-
"@squiz/generic-browser-lib": "1.56.1-alpha.
|
|
18
|
+
"@squiz/dx-json-schema-lib": "1.56.1-alpha.31",
|
|
19
|
+
"@squiz/generic-browser-lib": "1.56.1-alpha.31",
|
|
20
20
|
"pretty-bytes": "5.6.0",
|
|
21
21
|
"react-aria": "3.23.1",
|
|
22
22
|
"react-responsive": "9.0.2",
|
|
23
23
|
"react-stately": "3.21.0"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@storybook/addon-essentials": "7.
|
|
27
|
-
"@storybook/addon-interactions": "7.
|
|
28
|
-
"@storybook/addon-links": "7.
|
|
26
|
+
"@storybook/addon-essentials": "^7.5.3",
|
|
27
|
+
"@storybook/addon-interactions": "^7.5.3",
|
|
28
|
+
"@storybook/addon-links": "^7.5.3",
|
|
29
29
|
"@storybook/addon-styling": "1.0.1",
|
|
30
|
-
"@storybook/blocks": "7.
|
|
31
|
-
"@storybook/react": "7.
|
|
32
|
-
"@storybook/react-vite": "7.
|
|
30
|
+
"@storybook/blocks": "^7.5.3",
|
|
31
|
+
"@storybook/react": "^7.5.3",
|
|
32
|
+
"@storybook/react-vite": "^7.5.3",
|
|
33
33
|
"@storybook/testing-library": "0.0.14-next.1",
|
|
34
34
|
"@testing-library/jest-dom": "5.16.5",
|
|
35
35
|
"@testing-library/react": "14.0.0",
|
|
@@ -51,11 +51,11 @@
|
|
|
51
51
|
"react": "18.2.0",
|
|
52
52
|
"react-dom": "18.2.0",
|
|
53
53
|
"rimraf": "4.1.2",
|
|
54
|
-
"storybook": "7.
|
|
54
|
+
"storybook": "^7.5.3",
|
|
55
55
|
"tailwindcss": "3.3.1",
|
|
56
56
|
"ts-jest": "29.0.5",
|
|
57
57
|
"typescript": "4.9.3",
|
|
58
|
-
"vite": "4.
|
|
58
|
+
"vite": "^4.5.0"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|
|
61
61
|
"@types/react": "^16.14.0 || ^17 || ^18",
|
|
@@ -74,5 +74,5 @@
|
|
|
74
74
|
"volta": {
|
|
75
75
|
"node": "18.15.0"
|
|
76
76
|
},
|
|
77
|
-
"gitHead": "
|
|
77
|
+
"gitHead": "3dcc1ab830dd1b1b101563f0622fc06b4184caf8"
|
|
78
78
|
}
|
|
@@ -25,7 +25,7 @@ export const SelectedState = ({
|
|
|
25
25
|
{/* Left column */}
|
|
26
26
|
<Icon icon={type.code as IconOptions} resourceSource="matrix" className="w-4 h-4 flex self-center" />
|
|
27
27
|
{/* Center column */}
|
|
28
|
-
<div className="justify-self-start self-center">{name}</div>
|
|
28
|
+
<div className="justify-self-start self-center w-full overflow-hidden break-words">{name}</div>
|
|
29
29
|
{/* End column */}
|
|
30
30
|
<ResetButton isDisabled={isDisabled} onClick={onClear} />
|
|
31
31
|
</>
|