@squiz/resource-browser 1.54.1-alpha.10 → 1.54.1-alpha.17

package/lib/index.d.ts

@@ -8,5 +8,6 @@ export type ResourceBrowserInputProps = {
     isDisabled?: boolean;
     value: ResourceReference | null;
     onChange(resource: HydratedResourceReference | null): void;
+    onClear?(): void;
 };
-export declare const ResourceBrowserInput: ({ modalTitle, allowedTypes, onChange, value, isDisabled, }: ResourceBrowserInputProps) => JSX.Element;
+export declare const ResourceBrowserInput: ({ modalTitle, allowedTypes, onChange, value, isDisabled, onClear, }: ResourceBrowserInputProps) => JSX.Element;

package/lib/index.js

@@ -33,10 +33,12 @@ const ResourceBrowserContext_1 = require("./ResourceBrowserContext/ResourceBrows
 Object.defineProperty(exports, "ResourceBrowserContext", { enumerable: true, get: function () { return ResourceBrowserContext_1.ResourceBrowserContext; } });
 const ResourcePicker_1 = __importDefault(require("./ResourcePicker/ResourcePicker"));
 const useResource_1 = require("./Hooks/useResource");
-const ResourceBrowserInput = ({ modalTitle, allowedTypes, onChange, value, isDisabled, }) => {
+const ResourceBrowserInput = ({ modalTitle, allowedTypes, onChange, value, isDisabled, onClear, }) => {
     const { onRequestSources, onRequestChildren, onRequestResource } = (0, react_1.useContext)(ResourceBrowserContext_1.ResourceBrowserContext);
     const { data: resource, error, isLoading } = (0, useResource_1.useResource)({ onRequestResource, reference: value });
+    const defaultOnClear = () => onChange(null);
+    const onClearFunction = onClear ?? defaultOnClear;
     return (react_1.default.createElement("div", { className: "squiz-rb-scope" },
-        react_1.default.createElement(ResourcePicker_1.default, { resource: resource, allowedTypes: allowedTypes, error: error, isLoading: isLoading, isDisabled: isDisabled, onClear: () => onChange(null) }, (onClose, titleProps) => (react_1.default.createElement(ResourcePickerContainer_1.default, { title: modalTitle, titleAriaProps: titleProps, allowedTypes: allowedTypes, onClose: onClose, onRequestSources: onRequestSources, onRequestChildren: onRequestChildren, onChange: onChange })))));
+        react_1.default.createElement(ResourcePicker_1.default, { resource: resource, allowedTypes: allowedTypes, error: error, isLoading: isLoading, isDisabled: isDisabled, onClear: () => onClearFunction() }, (onClose, titleProps) => (react_1.default.createElement(ResourcePickerContainer_1.default, { title: modalTitle, titleAriaProps: titleProps, allowedTypes: allowedTypes, onClose: onClose, onRequestSources: onRequestSources, onRequestChildren: onRequestChildren, onChange: onChange })))));
 };
 exports.ResourceBrowserInput = ResourceBrowserInput;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@squiz/resource-browser",
-  "version": "1.54.1-alpha.10",
+  "version": "1.54.1-alpha.17",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "scripts": {
@@ -15,8 +15,8 @@
   },
   "dependencies": {
     "@mui/icons-material": "5.11.16",
-    "@squiz/dx-json-schema-lib": "1.54.1-alpha.10",
-    "@squiz/generic-browser-lib": "1.54.1-alpha.10",
+    "@squiz/dx-json-schema-lib": "1.54.1-alpha.17",
+    "@squiz/generic-browser-lib": "1.54.1-alpha.17",
     "pretty-bytes": "5.6.0",
     "react-aria": "3.23.1",
     "react-responsive": "9.0.2",
@@ -74,5 +74,5 @@
   "volta": {
     "node": "18.15.0"
   },
-  "gitHead": "2355ae7def90daef783cc32f322cc0d0acdc8a6d"
+  "gitHead": "9817848c3c4016a3f8fe6cc819a47579dab61b01"
 }

package/src/index.tsx

@@ -14,6 +14,7 @@ export type ResourceBrowserInputProps = {
   isDisabled?: boolean;
   value: ResourceReference | null;
   onChange(resource: HydratedResourceReference | null): void;
+  onClear?(): void;
 };
 
 export const ResourceBrowserInput = ({
@@ -22,10 +23,12 @@ export const ResourceBrowserInput = ({
   onChange,
   value,
   isDisabled,
+  onClear,
 }: ResourceBrowserInputProps) => {
   const { onRequestSources, onRequestChildren, onRequestResource } = useContext(ResourceBrowserContext);
   const { data: resource, error, isLoading } = useResource({ onRequestResource, reference: value });
-
+  const defaultOnClear = () => onChange(null);
+  const onClearFunction = onClear ?? defaultOnClear;
   return (
     <div className="squiz-rb-scope">
       <ResourcePicker
@@ -34,7 +37,7 @@ export const ResourceBrowserInput = ({
         error={error}
         isLoading={isLoading}
         isDisabled={isDisabled}
-        onClear={() => onChange(null)}
+        onClear={() => onClearFunction()}
       >
         {(onClose, titleProps) => (
           <ResourcePickerContainer