@squiz/generic-browser-lib 1.67.1 → 1.67.2-rc.0

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/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @squiz/generic-browser-lib
2
2
 
3
+ ## 1.67.2
4
+
5
+ ### Patch Changes
6
+
7
+ - ebcb0d2: Changed id attribute to data-id for component buttons in component browser
8
+
3
9
  ## 1.67.1
4
10
 
5
11
  ### Patch Changes
@@ -16,7 +16,7 @@ const ResourceItem = ({ item, selected, label, type, childCount, previewModalSta
16
16
  return (react_1.default.createElement("li", { className: `squiz-gb-scope flex items-stretch p-1 bg-white border-1 border-grey-200 min-h-[64px] ${className}`, key: (0, utils_1.uuid)() },
17
17
  react_1.default.createElement(ModalOpeningButton_1.ModalOpeningButton, { type: "button", ...triggerProps, isDisabled: isDisabled, onPress: () => onSelect(item, overlayProps), "aria-label": childCount === undefined ? `Drill down to ${label} children` : '', className: `
18
18
  relative grow flex items-center px-4 py-2 rounded outline-0 ${selected ? 'bg-blue-100 text-blue-400' : ''} ${childCount !== undefined && childCount > 0 ? 'mr-2' : ''} ${isDisabled ? 'font-normal text-gray-600 cursor-not-allowed' : 'hover:bg-gray-50 focus:bg-gray-50'}
19
- `, title: title, id: id },
19
+ `, title: title, "data-id": id },
20
20
  react_1.default.createElement(Icon_1.Icon, { icon: type, resourceSource: iconSource, "aria-label": type, className: `mr-4 shrink-0 ${isDisabled && 'opacity-40'}`, componentIcon: componentIcon }),
21
21
  react_1.default.createElement("span", { className: `relative flex items-center ${selected ? 'mr-8' : ''}` },
22
22
  react_1.default.createElement("span", { className: "line-clamp-2 text-left break-word" }, label),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@squiz/generic-browser-lib",
3
- "version": "1.67.1",
3
+ "version": "1.67.2-rc.0",
4
4
  "description": "Package with reusable components used by resource/component browsers",
5
5
  "main": "lib/index.js",
6
6
  "types": "lib/index.d.ts",
@@ -19,7 +19,10 @@
19
19
  "clean": "rimraf ./lib"
20
20
  },
21
21
  "dependencies": {
22
+ "@emotion/react": "^11.11.4",
23
+ "@emotion/styled": "^11.11.5",
22
24
  "@mui/icons-material": "5.11.16",
25
+ "@mui/material": "^5.15.20",
23
26
  "react-aria": "3.23.1",
24
27
  "react-responsive": "9.0.2",
25
28
  "react-stately": "3.21.0"
@@ -61,7 +61,7 @@ const ResourceItem = <T,>({
61
61
  } ${isDisabled ? 'font-normal text-gray-600 cursor-not-allowed' : 'hover:bg-gray-50 focus:bg-gray-50'}
62
62
  `}
63
63
  title={title}
64
- id={id}
64
+ data-id={id}
65
65
  >
66
66
  <Icon
67
67
  icon={type as IconOptions}