@squiz/resource-browser 3.0.1-rc.3 → 3.0.1-rc.5

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.0.1-rc.5](https://gitlab.squiz.net/dxp/dxp-shared-ui/resource-browser/compare/@squiz/resource-browser@3.0.1-rc.4...@squiz/resource-browser@3.0.1-rc.5) (2024-12-12)
+
+**Note:** Version bump only for package @squiz/resource-browser
+
+## [3.0.1-rc.4](https://gitlab.squiz.net/dxp/dxp-shared-ui/resource-browser/compare/@squiz/resource-browser@3.0.1-rc.3...@squiz/resource-browser@3.0.1-rc.4) (2024-12-09)
+
+**Note:** Version bump only for package @squiz/resource-browser
+
 ## [3.0.1-rc.3](https://gitlab.squiz.net/dxp/dxp-shared-ui/resource-browser/compare/@squiz/resource-browser@3.0.1-rc.2...@squiz/resource-browser@3.0.1-rc.3) (2024-12-06)
 
 **Note:** Version bump only for package @squiz/resource-browser

package/lib/BrowseToSource/BrowseToSource.js

@@ -55,9 +55,9 @@ function BrowseToSource({ sources, selectedSource, onSourceSelect, className = '
     if (!sources.length) {
         return react_1.default.createElement(react_1.default.Fragment, null);
     }
-    return (react_1.default.createElement("div", { className: `inline-block ${isOpen ? 'flex items-center border-2 border-gray-200 rounded-lg px-1 py-0.5 w-[350px]' : 'p-0'} ${className}` },
+    return (react_1.default.createElement("div", { className: `inline-block ${isOpen ? 'flex items-center border-2 border-gray-200 rounded-lg px-1 py-0.5 w-[320px]' : 'p-0'} ${className}` },
         isOpen && react_1.default.createElement(AdsClickIcon_1.AdsClickIcon, { "aria-hidden": true, className: "ml-1 mr-2 shrink-0" }),
-        sources.length > 1 && (react_1.default.createElement("div", { ...focusWithinProps, ...keyboardProps, className: `relative w-full ${isOpen && 'border-l border-gray-400 pl-1 '}` },
+        sources.length >= 1 && (react_1.default.createElement("div", { ...focusWithinProps, ...keyboardProps, className: `relative w-full ${isOpen && 'border-l border-gray-400 pl-1 '}` },
             react_1.default.createElement("button", { ref: buttonRef, type: "button", "aria-label": "Source quick select", "aria-expanded": isOpen, "aria-controls": `${uniqueId}-button-menu`, onClick: () => setIsOpen(!isOpen), className: `relative flex items-center p-2 w-full rounded-lg ${!isOpen && 'border-2 border-gray-200 hover:bg-gray-100'}` }, isOpen ? (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement("span", { className: "text-gray-700 text-md leading-5 mr-2" }, "Browse to ..."),
                 react_1.default.createElement(ArrowDownIcon_1.ArrowDownIcon, { "aria-hidden": true, className: "absolute right-3" }))) : (react_1.default.createElement(react_1.default.Fragment, null,

package/lib/index.css

@@ -620,8 +620,8 @@
 .squiz-rb-scope .w-\[204px\]:not(.squiz-rb-plugin *) {
   width: 204px;
 }
-.squiz-rb-scope .w-\[350px\]:not(.squiz-rb-plugin *) {
-  width: 350px;
+.squiz-rb-scope .w-\[320px\]:not(.squiz-rb-plugin *) {
+  width: 320px;
 }
 .squiz-rb-scope .w-\[400px\]:not(.squiz-rb-plugin *) {
   width: 400px;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@squiz/resource-browser",
-    "version": "3.0.1-rc.3",
+    "version": "3.0.1-rc.5",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
     "private": false,
@@ -28,7 +28,7 @@
         "@react-types/shared": "^3.23.1",
         "@squiz/dx-json-schema-lib": "^1.67.0",
         "@squiz/generic-browser-lib": "1.67.2",
-        "@squiz/resource-browser-ui-lib": "^1.0.0-rc.3",
+        "@squiz/resource-browser-ui-lib": "^1.0.0-rc.4",
         "clsx": "^2.1.0",
         "expiry-map": "^2.0.0",
         "p-memoize": "^4.0.4",
@@ -88,5 +88,5 @@
     "volta": {
         "node": "18.18.0"
     },
-    "gitHead": "62662289148f3b1ab5c885d64b4550106dcba1c5"
+    "gitHead": "86c4ffba64cb891825876f6bbc98af7da908f325"
 }

package/src/BrowseToSource/BrowseToSource.tsx

@@ -50,10 +50,10 @@ export default function BrowseToSource({
 
     return (
         <div
-            className={`inline-block ${isOpen ? 'flex items-center border-2 border-gray-200 rounded-lg px-1 py-0.5 w-[350px]' : 'p-0'} ${className}`}
+            className={`inline-block ${isOpen ? 'flex items-center border-2 border-gray-200 rounded-lg px-1 py-0.5 w-[320px]' : 'p-0'} ${className}`}
         >
             {isOpen && <AdsClickIcon aria-hidden className="ml-1 mr-2 shrink-0" />}
-            {sources.length > 1 && (
+            {sources.length >= 1 && (
                 <div {...focusWithinProps} {...keyboardProps} className={`relative w-full ${isOpen && 'border-l border-gray-400 pl-1 '}`}>
                     <button
                         ref={buttonRef}