@arpproject/recrate 0.1.10 → 0.1.11

package/dist/crate-builder/RenderEntity/Shell2.d.ts

@@ -10,6 +10,7 @@ interface RenderEntityProps {
     onWarning: () => void;
     onError: () => void;
     onAddNewProfileRequest?: (requested: boolean) => void;
+    onRemoveProfile?: (data: any) => void;
 }
 declare const RenderEntity: React.ForwardRefExoticComponent<RenderEntityProps & React.RefAttributes<any>>;
 export default RenderEntity;

package/dist/crate-builder/Shell.d.ts

@@ -33,6 +33,7 @@ export interface DescriboCrateBuilderProps {
     }) => void;
     onSaveEntityTemplate?: (entity: any) => void;
     onAddNewProfileRequest?: (requested: boolean) => void;
+    onRemoveProfile?: (payload: any) => void;
 }
 export declare const ProfileManagerContext: React.Context<any>;
 export declare const CrateManagerContext: React.Context<any>;

package/dist/recrate.es.js

@@ -67061,6 +67061,7 @@ function validateId({ id: id2, type: type4 }) {
   if (id2.match(/arcp:\/\/name,.*/)) return { isValid: true };
   if (id2.match(/arcp:\/\/uuid,.*/)) return { isValid: true };
   if (id2.match(/arcp:\/\/ni,sha-256;,.*/)) return { isValid: true };
+  if (id2.match(/^file:\/\/.*/)) return { isValid: true };
   try {
     let result = validateIri(id2, IriValidationStrategy.Strict);
     if (!result) {
@@ -109245,7 +109246,7 @@ function applyTabDataIndicators({
 }
 const RenderEntity = forwardRef((props, ref) => {
   var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
-  const { entity, onLoadEntity, onSaveCrate, onSaveEntityTemplate, onWarning, onError, onAddNewProfileRequest } = props;
+  const { entity, onLoadEntity, onSaveCrate, onSaveEntityTemplate, onWarning, onError, onAddNewProfileRequest, onRemoveProfile } = props;
   const state = useStateStore();
   const profileManager = useContext(ProfileManagerContext);
   const crateManager = useContext(CrateManagerContext);
@@ -109332,6 +109333,24 @@ const RenderEntity = forwardRef((props, ref) => {
       onError();
     }
   };
+  const handleRemoveProfile = (tab) => {
+    try {
+      onRemoveProfile == null ? void 0 : onRemoveProfile({
+        entityId: entity["@id"],
+        tab: {
+          name: tab.name,
+          label: tab.label || tab.name,
+          hasData: tab.hasData,
+          missingRequiredData: tab.missingRequiredData,
+          description: tab.description,
+          inputs: tab.inputs
+        }
+      });
+    } catch (error2) {
+      console.error(error2);
+      onError();
+    }
+  };
   const notifySave = (property) => {
     setSavedProperty(property);
     setTimeout(() => {
@@ -109606,12 +109625,24 @@ const RenderEntity = forwardRef((props, ref) => {
             items: [
               ...tabs.map((tab) => ({
                 key: tab.name,
-                label: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col w-full", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center justify-between w-full", children: [
+                label: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col w-full group", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center justify-between w-full relative", children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left text-base font-medium text-gray-700 describo-tab-label", children: tab.label || tab.name }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ml-2", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ml-2 flex items-center space-x-2", children: [
                       tab.missingRequiredData && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-red-600", children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faCircleXmark, size: "lg" }) }),
-                      tab.hasData && !tab.missingRequiredData && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-green-600", children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faCircleCheck, size: "lg" }) })
+                      tab.hasData && !tab.missingRequiredData && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-green-600", children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faCircleCheck, size: "lg" }) }),
+                      !(["about", "overflow", "other"].includes((tab.name || "").toLowerCase()) || ["about", "other"].includes((tab.label || tab.name || "").toLowerCase())) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Button$1,
+                        {
+                          "aria-label": "Remove profile",
+                          type: "text",
+                          onClick: (e2) => {
+                            e2.stopPropagation();
+                            handleRemoveProfile(tab);
+                          },
+                          children: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$b, { style: { color: "oklch(57.7% 0.245 27.325)" } })
+                        }
+                      )
                     ] })
                   ] }),
                   tab.description && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left text-gray-500 font-light text-xs describo-tab-description", children: tab.description })
@@ -110047,7 +110078,7 @@ class CrateManager {
         entity: []
       },
       invalidIdentifier: {
-        description: `The entity identifier (@id) is not valid. See https://github.com/describo/crate-builder-component/blob/master/README.identifiers.md for more information`,
+        description: `The entity identifier (@id) is not valid.`,
         entity: []
       },
       clash: {
@@ -110081,7 +110112,10 @@ class CrateManager {
     }
     this.graphLength = crate["@graph"].length;
     for (let i = 0; i < this.graphLength; i++) {
-      if (crate["@graph"][i]["@id"] === "ro-crate-metadata.json") {
+      const eid = crate["@graph"][i]["@id"];
+      const isRootDescriptor = eid === "ro-crate-metadata.json" || typeof eid === "string" && eid.match(/^file:\/\/\.\/ro-crate-metadata\.json$/) || typeof eid === "string" && eid.match(/^\.\/ro-crate-metadata\.json$/);
+      if (isRootDescriptor) {
+        crate["@graph"][i]["@id"] = "ro-crate-metadata.json";
         this.rootDescriptor = i;
         if ("about" in crate["@graph"][i]) {
           if (Array.isArray(crate["@graph"][i].about)) {
@@ -118064,7 +118098,7 @@ var EmotionCacheContext = /* @__PURE__ */ React.createContext(
   }) : null
 );
 var CacheProvider = EmotionCacheContext.Provider;
-const version = "0.1.10";
+const version = "0.1.11";
 const pkg = {
   version
 };
@@ -118099,7 +118133,8 @@ function DescriboCrateBuilder(props) {
     onNavigation,
     onSaveCrate,
     onSaveEntityTemplate,
-    onAddNewProfileRequest
+    onAddNewProfileRequest,
+    onRemoveProfile
   } = props;
   console.log("DescriboCrateBuilder props:", { crate, profile, entityId });
   const [ready, setReady] = useState(false);
@@ -118293,7 +118328,8 @@ function DescriboCrateBuilder(props) {
         onSaveEntityTemplate: saveEntityAsTemplate,
         onWarning: handleWarning,
         onError: handleError,
-        onAddNewProfileRequest: handleAddProfileRequest
+        onAddNewProfileRequest: handleAddProfileRequest,
+        onRemoveProfile
       }
     ) }) }) }) }) }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "pointer-events-none fixed bottom-2 right-2 z-50 text-xs text-gray-400", children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arpproject/recrate",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "type": "module",
 
   "main": "./dist/recrate.es.js",