@manifest-editor/manifest-preset 1.4.3 → 2.0.0

package/dist/components-BXdAFfup.js

@@ -0,0 +1,2 @@
+import{CanvasGrid as e,CanvasList as t,InlineLocaleStringEditor as n,InputContainer as r,createAppActions as i,useInStack as a,useToggleList as o}from"@manifest-editor/editors";import{useConfig as s,useCreator as c,useEditingStack as l,useLayoutActions as u,useLayoutState as d,useManifestEditor as f}from"@manifest-editor/shell";import{LocaleString as p,ManifestMetadata as m,useManifest as h}from"react-iiif-vault";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";import{ActionButton as y,AddIcon as b,CanvasThumbnailGridItem as x,CreateCanvasIcon as S,IIIFBrowserIcon as C,ManifestOverviewEmptyState as w,Sidebar as T,SidebarContent as E,SidebarHeader as D,ThumbnailGridContainer as O,useFastList as k,useGridOptions as A}from"@manifest-editor/components";import{useLayoutEffect as j}from"react";const M={id:`overview`,label:`Overview`,icon:``,render:()=>_(N,{})};function N(){let{edit:e,open:t}=u(),{structural:n,technical:r}=f(),{items:i}=n,{editorFeatureFlags:{manifestGridOptions:a=!1}}=s(),[o,l]=c({id:r.id.get(),type:`Manifest`},`items`,`Canvas`,void 0,{isPainting:!0}),p=k(i.get(),24),{leftPanel:m}=d(),h=m.current===`left-panel-manifest`,[{size:S},T]=A(`manifest-grid-size`);return!p||p.length===0?_(`div`,{children:_(w,{onCreate:l.create,canCreate:o})}):v(g,{children:[a?v(`div`,{className:`p-2 flex gap-2 justify-between items-center`,children:[T,v(`div`,{className:`flex gap-2`,children:[v(y,{isDisabled:!o,onPress:()=>l.create(),children:[_(b,{className:`text-xl`}),` Add new canvas`]}),_(y,{onPress:()=>l.creator(`@manifest-editor/iiif-browser-creator`),children:_(C,{className:`text-xl`})})]})]}):null,_(O,{wide:!0,size:S,children:p.map(e=>_(x,{id:e.id,onClick:()=>{t({id:`current-canvas`}),h&&t({id:`canvas-listing`,state:{gridView:!0}}),l.edit(e)}},e.id))})]})}const P=({title:e,titleId:t,...n})=>v(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,width:`1em`,height:`1em`,"aria-labelledby":t,...n,children:[e?_(`title`,{id:t,children:e}):null,v(`g`,{fill:`none`,children:[_(`path`,{d:`M0 0h24v24H0V0z`}),_(`path`,{d:`M0 0h24v24H0V0z`,opacity:`.87`})]}),_(`path`,{d:`M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7zm-4 6h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z`,fill:`currentColor`})]}),F={id:`canvas-listing`,label:`Canvases`,icon:_(P,{}),render:(e,t,n)=>_(I,{gridView:e.gridView||localStorage.getItem(`canvas-listing-view-mode`)===`grid`,onChangeGridView:e=>{localStorage.setItem(`canvas-listing-view-mode`,e?`grid`:`list`),t.actions.change(`canvas-listing`,{gridView:e})}})};function I({gridView:e,onChangeGridView:t}){let{structural:n,technical:r}=f(),[i,a]=o(),{items:s}=n,[l,u]=c({id:r.id.get(),type:`Manifest`},`items`,`Canvas`,void 0,{isPainting:!0});return j(()=>{let e=document.querySelector(`[data-canvas-selected="true"]`);e&&e.scrollIntoView({block:`center`})},[k(s.get(),24),e]),v(T,{children:[_(D,{title:`Canvases`,actions:[{icon:_(g,{children:e?_(P,{width:24,height:24}):_(V,{})}),title:e?`List view`:`Grid view`,onClick:()=>{t(!e)}},{icon:_(B,{}),title:`Edit canvases`,toggled:i.items,onClick:()=>a(`items`)},{icon:_(C,{className:`text-2xl`}),title:`IIIF Browser`,onClick:()=>u.creator(`@manifest-editor/iiif-browser-creator`),disabled:!l},{icon:_(S,{}),title:`Add new canvas`,onClick:()=>u.create(),disabled:!l}]}),_(e?R:z,{isEditing:i.items})]})}function L(){let{edit:e,open:t}=u(),n=a(`Canvas`),{technical:r,structural:i}=f(),{items:o}=i,s={id:r.id.get(),type:`Manifest`},l=k(o.get(),24),[d,p]=c(s,`items`,`Canvas`,void 0,{isPainting:!0});return{canvas:n,canvases:l,items:o,canvasActions:p,open:t,edit:e,canCreateCanvas:d}}function R({isEditing:t}){let{canvas:n,items:r,canvasActions:a,open:o}=L(),s=h(),c=l(),u=r.get(),d=n?.resource.source.id,f=u.findIndex(e=>e.id===d),p=f&&f>0?Number(f-1):0;function m(){c.close();let e=r.get();e&&e.length>0?a.edit(e[p]):a.edit(s)}return _(E,{children:_(O,{children:_(e,{id:r.focusId(),list:r.get()||[],inlineHandle:!1,activeId:n?.resource.source.id,reorder:t?e=>r.reorder(e.startIndex,e.endIndex):void 0,onSelect:(e,t)=>{o({id:`current-canvas`}),a.edit(e,t)},createActions:i(r,m)})})})}function z({isEditing:e}){let{canvas:n,items:a,canvasActions:o,open:s}=L(),c=h(),u=l(),d=a.get()||[],f=n?.resource.source.id,p=d.findIndex(e=>e.id===f),m=p&&p>0?Number(p-1):0;function g(){u.close();let e=a.get();e&&e.length>0?o.edit(e[m]):o.edit(c)}return _(E,{className:`p-3`,children:_(r,{$wide:!0,children:_(t,{id:a.focusId(),list:a.get()||[],inlineHandle:!1,activeId:n?.resource.source.id,reorder:e?e=>a.reorder(e.startIndex,e.endIndex):void 0,onSelect:(e,t)=>{s({id:`current-canvas`}),o.edit(e,t)},createActions:i(a,g)})})})}function B(e){return v(`svg`,{className:`text-xl`,xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:[_(`path`,{d:`M0 0h24v24H0V0z`,fill:`none`}),_(`path`,{d:`M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z`,fill:`currentColor`})]})}function V(){return v(`svg`,{xmlns:`http://www.w3.org/2000/svg`,height:`24`,viewBox:`0 0 24 24`,width:`24`,children:[_(`path`,{d:`M0 0h24v24H0V0z`,fill:`none`}),_(`path`,{d:`M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z`,fill:`currentColor`})]})}function H({title:e,titleId:t,...n}){return v(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,"aria-labelledby":t,...n,children:[e?_(`title`,{id:t,children:e}):null,_(`path`,{d:`M0 0h24v24H0V0z`,fill:`none`}),_(`path`,{d:`M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z`,fill:`currentColor`})]})}const U={id:`left-panel-manifest`,label:`Manifest summary`,icon:_(H,{}),render:(e,t,n)=>_(G,{})};function W(e){return _(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:_(`path`,{fill:`currentColor`,d:`m15 16l-4 4h10v-4zm-2.94-8.81L3 16.25V20h3.75l9.06-9.06zm1.072-1.067l2.539-2.539l3.747 3.748L16.88 9.87z`})})}function G(){let{descriptive:e,technical:t}=f();t.id.get();let r=e.label.get(),i=e.summary.get(),a=e.requiredStatement.get(),o=e.metadata.get(),{open:s}=u();return v(T,{children:[_(D,{title:`Manifest summary`,actions:[{icon:_(W,{className:`text-xl`}),title:`Edit metadata`,onClick:()=>{s(`@manifest-editor/editor`,{currentTab:`@manifest-editor/descriptive-properties`})}}]}),v(E,{className:`p-4`,children:[r?_(n,{as:`h2`,className:`text-lg font-semibold mb-2 [&>a]:underline [&>a]:hover:text-slate-400`,editor:e.label,children:r}):null,i?_(p,{enableDangerouslySetInnerHTML:!0,as:`p`,className:`text-sm text-slate-800 block [&>a]:underline [&>a]:hover:text-slate-400 mb-2`,children:i}):null,_(`hr`,{}),a?v(g,{children:[v(`div`,{className:`py-2 text-black`,children:[_(p,{as:`h4`,className:`font-bold text-black w-full text-sm font-semibold mb-0 [&>a]:underline [&>a]:hover:text-slate-400`,children:a.label}),_(p,{enableDangerouslySetInnerHTML:!0,className:`text-sm [&>a]:underline [&>a]:hover:text-slate-400`,children:a.value})]}),_(`hr`,{})]}):null,o&&o.length===0?_(`div`,{className:`py-2 text-gray-400`,children:`You can add some descriptive metadata for this manifest using the editing panel on the right`}):null,_(m,{allowHtml:!0,classes:{container:`w-full`,row:`border-b border-gray-200 flex flex-col flex-wrap py-2`,label:`font-bold text-black w-full text-sm font-semibold mb-1`,value:`text-sm text-black block [&>span>a]:underline [&>span>a]:hover:text-slate-400`,empty:`text-gray-400`}})]})]})}export{z as a,V as c,L as d,N as f,R as i,B as l,G as n,I as o,M as p,U as r,P as s,H as t,F as u};
+//# sourceMappingURL=components-BXdAFfup.js.map

package/dist/components-BXdAFfup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-BXdAFfup.js","names":["manifestOverview: LayoutPanel","canvasListing: LayoutPanel","ListEditIcon","prevCanvasIndex: number","manifestPanel: LayoutPanel"],"sources":["../src/center-panels/manifest-overview.tsx","../src/left-panels/canvas-listing.tsx","../src/left-panels/manifest.tsx"],"sourcesContent":["import {\n  ActionButton,\n  AddIcon,\n  CanvasThumbnailGridItem,\n  IIIFBrowserIcon,\n  ManifestOverviewEmptyState,\n  ThumbnailGridContainer,\n  useFastList,\n  useGridOptions,\n} from \"@manifest-editor/components\";\nimport { EditableCanvasLabel } from \"@manifest-editor/editors\";\nimport {\n  type LayoutPanel,\n  useConfig,\n  useCreator,\n  useLayoutActions,\n  useLayoutState,\n  useManifestEditor,\n} from \"@manifest-editor/shell\";\nimport { useState } from \"react\";\n\nexport const manifestOverview: LayoutPanel = {\n  id: \"overview\",\n  label: \"Overview\",\n  icon: \"\",\n  render: () => <ManifestOverviewCenterPanel />,\n};\n\nexport function ManifestOverviewCenterPanel() {\n  const { edit, open } = useLayoutActions();\n  const { structural, technical } = useManifestEditor();\n  const { items } = structural;\n  const {\n    editorFeatureFlags: { manifestGridOptions = false },\n  } = useConfig();\n  const manifestId = technical.id.get();\n  const manifest = { id: manifestId, type: \"Manifest\" };\n  const [canCreateCanvas, canvasActions] = useCreator(manifest, \"items\", \"Canvas\", undefined, { isPainting: true });\n  const canvases = useFastList(items.get(), 24);\n  const { leftPanel } = useLayoutState();\n  const isEditingManifest = leftPanel.current === \"left-panel-manifest\";\n  const [{ size }, gridOptions] = useGridOptions(\"manifest-grid-size\");\n\n  if (!canvases || canvases.length === 0) {\n    return (\n      <div>\n        <ManifestOverviewEmptyState onCreate={canvasActions.create} canCreate={canCreateCanvas} />\n      </div>\n    );\n  }\n  return (\n    <>\n      {manifestGridOptions ? (\n        <div className=\"p-2 flex gap-2 justify-between items-center\">\n          {gridOptions}\n          <div className=\"flex gap-2\">\n            <ActionButton isDisabled={!canCreateCanvas} onPress={() => canvasActions.create()}>\n              <AddIcon className=\"text-xl\" /> Add new canvas\n            </ActionButton>\n            <ActionButton onPress={() => canvasActions.creator(\"@manifest-editor/iiif-browser-creator\")}>\n              <IIIFBrowserIcon className=\"text-xl\" />\n            </ActionButton>\n          </div>\n        </div>\n      ) : null}\n      <ThumbnailGridContainer wide size={size}>\n        {canvases.map((item) => (\n          <CanvasThumbnailGridItem\n            id={item.id}\n            key={item.id}\n            onClick={() => {\n              open({ id: \"current-canvas\" });\n              if (isEditingManifest) {\n                open({ id: \"canvas-listing\", state: { gridView: true } });\n              }\n              canvasActions.edit(item);\n            }}\n          />\n        ))}\n      </ThumbnailGridContainer>\n    </>\n  );\n}\n","import {\n  CanvasThumbnailGridItem,\n  CreateCanvasIcon,\n  IIIFBrowserIcon,\n  Sidebar,\n  SidebarContent,\n  SidebarHeader,\n  ThumbnailGridContainer,\n  useFastList,\n} from \"@manifest-editor/components\";\nimport { manifestBrowserCreator } from \"@manifest-editor/creators\";\nimport {\n  CanvasGrid,\n  CanvasList,\n  createAppActions,\n  InputContainer,\n  useInStack,\n  useToggleList,\n} from \"@manifest-editor/editors\";\nimport {\n  type LayoutPanel,\n  useCreator,\n  useEditingStack,\n  useLayoutActions,\n  useManifestEditor,\n} from \"@manifest-editor/shell\";\nimport { type SVGProps, useEffect, useLayoutEffect } from \"react\";\nimport { useCollection, useManifest } from \"react-iiif-vault\";\n\nexport const CanvasListingIcon = ({\n  title,\n  titleId,\n  ...props\n}: SVGProps<SVGSVGElement> & { title?: string; titleId?: string }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    width=\"1em\"\n    height=\"1em\"\n    aria-labelledby={titleId}\n    {...props}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n\n    <g fill=\"none\">\n      <path d=\"M0 0h24v24H0V0z\" />\n      <path d=\"M0 0h24v24H0V0z\" opacity=\".87\" />\n    </g>\n    <path\n      d=\"M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7zm-4 6h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport const canvasListing: LayoutPanel = {\n  id: \"canvas-listing\",\n  label: \"Canvases\",\n  icon: <CanvasListingIcon />,\n  render: (state, ctx, app) => {\n    return (\n      <CanvasListing\n        gridView={state.gridView || localStorage.getItem(\"canvas-listing-view-mode\") === \"grid\"}\n        onChangeGridView={(gridView) => {\n          localStorage.setItem(\"canvas-listing-view-mode\", gridView ? \"grid\" : \"list\");\n          ctx.actions.change(\"canvas-listing\", { gridView });\n        }}\n      />\n    );\n  },\n};\n\nexport function CanvasListing({\n  gridView,\n  onChangeGridView,\n}: {\n  gridView: boolean;\n  onChangeGridView: (gridView: boolean) => void;\n}) {\n  const { structural, technical } = useManifestEditor();\n  const [toggled, toggle] = useToggleList();\n  const { items } = structural;\n  const manifestId = technical.id.get();\n  const manifest = { id: manifestId, type: \"Manifest\" };\n  const [canCreateCanvas, canvasActions] = useCreator(manifest, \"items\", \"Canvas\", undefined, { isPainting: true });\n  const canvases = useFastList(items.get(), 24);\n\n  useLayoutEffect(() => {\n    const selected = document.querySelector('[data-canvas-selected=\"true\"]');\n    if (selected) {\n      selected.scrollIntoView({ block: \"center\" });\n    }\n  }, [canvases, gridView]);\n\n  return (\n    <Sidebar>\n      <SidebarHeader\n        title=\"Canvases\"\n        actions={[\n          {\n            icon: <>{gridView ? <CanvasListingIcon width={24} height={24} /> : <CanvasThumbnailsIcon />}</>,\n            title: gridView ? \"List view\" : \"Grid view\",\n            onClick: () => {\n              onChangeGridView(!gridView);\n            },\n          },\n          {\n            icon: <ListEditIcon />,\n            title: \"Edit canvases\",\n            toggled: toggled.items,\n            onClick: () => toggle(\"items\"),\n          },\n          {\n            icon: <IIIFBrowserIcon className=\"text-2xl\" />,\n            title: \"IIIF Browser\",\n            onClick: () => canvasActions.creator(\"@manifest-editor/iiif-browser-creator\"),\n            disabled: !canCreateCanvas,\n          },\n          {\n            icon: <CreateCanvasIcon />,\n            title: \"Add new canvas\",\n            onClick: () => canvasActions.create(),\n            disabled: !canCreateCanvas,\n          },\n        ]}\n      />\n      {gridView ? <CanvasGridView isEditing={toggled.items} /> : <CanvasListView isEditing={toggled.items} />}\n    </Sidebar>\n  );\n}\n\nexport function useEditCanvasItems() {\n  const { edit, open } = useLayoutActions();\n  const canvas = useInStack(\"Canvas\");\n  const { technical, structural } = useManifestEditor();\n  const { items } = structural;\n  const manifestId = technical.id.get();\n  const manifest = { id: manifestId, type: \"Manifest\" };\n  const canvases = useFastList(items.get(), 24);\n  const [canCreateCanvas, canvasActions] = useCreator(manifest, \"items\", \"Canvas\", undefined, { isPainting: true });\n\n  return {\n    canvas,\n    canvases,\n    items,\n    canvasActions,\n    open,\n    edit,\n    canCreateCanvas,\n  };\n}\n\nexport function CanvasGridView({ isEditing }: { isEditing: boolean }) {\n  const { canvas, items, canvasActions, open } = useEditCanvasItems();\n  const manifest = useManifest();\n  const editingStack = useEditingStack();\n  const canvases = items.get();\n  const canvasId = canvas?.resource.source.id;\n\n  // Find current canvas to get its index before deleting it\n  const canvasIndex = canvases.findIndex((canv) => canv.id === canvasId);\n  const prevCanvasIndex: number = canvasIndex && canvasIndex > 0 ? Number(canvasIndex - 1) : 0;\n\n  function onDeleteCanvas() {\n    editingStack.close(); // close the deleted canvas\n    const newCanvases = items.get(); // refresh canvases\n\n    if (newCanvases && newCanvases.length > 0) {\n      canvasActions.edit(newCanvases[prevCanvasIndex]);\n    } else {\n      canvasActions.edit(manifest);\n    }\n  }\n\n  return (\n    <SidebarContent>\n      <ThumbnailGridContainer>\n        <CanvasGrid\n          id={items.focusId()}\n          list={items.get() || []}\n          inlineHandle={false}\n          activeId={canvas?.resource.source.id}\n          reorder={isEditing ? (t: any) => items.reorder(t.startIndex, t.endIndex) : undefined}\n          onSelect={(item: any, idx: number) => {\n            open({ id: \"current-canvas\" });\n            canvasActions.edit(item, idx);\n          }}\n          createActions={createAppActions(items, onDeleteCanvas)}\n        />\n      </ThumbnailGridContainer>\n    </SidebarContent>\n  );\n}\n\nexport function CanvasListView({ isEditing }: { isEditing: boolean }) {\n  const { canvas, items, canvasActions, open } = useEditCanvasItems();\n  const manifest = useManifest();\n  const editingStack = useEditingStack();\n  const canvases = items.get() || [];\n  const canvasId = canvas?.resource.source.id;\n\n  // Find current canvas to get its index before deleting it\n  const canvasIndex = canvases.findIndex((canv) => canv.id === canvasId);\n  const prevCanvasIndex: number = canvasIndex && canvasIndex > 0 ? Number(canvasIndex - 1) : 0;\n\n  function onDeleteCanvas() {\n    editingStack.close(); // close the deleted canvas\n    const newCanvases = items.get(); // refresh canvases\n\n    if (newCanvases && newCanvases.length > 0) {\n      canvasActions.edit(newCanvases[prevCanvasIndex]);\n    } else {\n      canvasActions.edit(manifest);\n    }\n  }\n\n  return (\n    <SidebarContent className=\"p-3\">\n      <InputContainer $wide>\n        <CanvasList\n          id={items.focusId()}\n          list={items.get() || []}\n          inlineHandle={false}\n          activeId={canvas?.resource.source.id}\n          reorder={isEditing ? (t) => items.reorder(t.startIndex, t.endIndex) : undefined}\n          onSelect={(item, idx) => {\n            open({ id: \"current-canvas\" });\n            canvasActions.edit(item, idx);\n          }}\n          createActions={createAppActions(items, onDeleteCanvas)}\n        />\n      </InputContainer>\n    </SidebarContent>\n  );\n}\n\nexport function ListEditIcon(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg className=\"text-xl\" xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" {...props}>\n      <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n      <path\n        d=\"M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\nexport function CanvasThumbnailsIcon() {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\">\n      <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n      <path\n        d=\"M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n","import { Sidebar, SidebarContent, SidebarHeader } from \"@manifest-editor/components\";\nimport { InlineLocaleStringEditor } from \"@manifest-editor/editors\";\nimport { type LayoutPanel, useLayoutActions, useManifestEditor } from \"@manifest-editor/shell\";\nimport type { SVGProps } from \"react\";\nimport { LocaleString, ManifestMetadata } from \"react-iiif-vault\";\n\nexport function ManifestIcon({\n  title,\n  titleId,\n  ...props\n}: SVGProps<SVGSVGElement> & { title?: string; titleId?: string }) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" aria-labelledby={titleId} {...props}>\n      {title ? <title id={titleId}>{title}</title> : null}\n\n      <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n      <path\n        d=\"M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\nexport const manifestPanel: LayoutPanel = {\n  id: \"left-panel-manifest\",\n  label: \"Manifest summary\",\n  icon: <ManifestIcon />,\n  render: (state, ctx, app) => {\n    return <ManifestPanel />;\n  },\n};\n\nfunction EditManifestMetadataIcon(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" {...props}>\n      {/* Icon from Google Material Icons by Material Design Authors - https://github.com/material-icons/material-icons/blob/master/LICENSE */}\n      <path\n        fill=\"currentColor\"\n        d=\"m15 16l-4 4h10v-4zm-2.94-8.81L3 16.25V20h3.75l9.06-9.06zm1.072-1.067l2.539-2.539l3.747 3.748L16.88 9.87z\"\n      />\n    </svg>\n  );\n}\n\nexport function ManifestPanel() {\n  const { descriptive, technical } = useManifestEditor();\n  const id = technical.id.get();\n  const label = descriptive.label.get();\n  const summary = descriptive.summary.get();\n  const requiredStatement = descriptive.requiredStatement.get();\n  const metadata = descriptive.metadata.get();\n  const { open } = useLayoutActions();\n\n  return (\n    <Sidebar>\n      <SidebarHeader\n        title=\"Manifest summary\"\n        actions={[\n          {\n            icon: <EditManifestMetadataIcon className=\"text-xl\" />,\n            title: \"Edit metadata\",\n            onClick: () => {\n              open(\"@manifest-editor/editor\", {\n                currentTab: \"@manifest-editor/descriptive-properties\",\n              });\n            },\n          },\n        ]}\n      />\n      <SidebarContent className=\"p-4\">\n        {label ? (\n          <InlineLocaleStringEditor\n            as=\"h2\"\n            className=\"text-lg font-semibold mb-2 [&>a]:underline [&>a]:hover:text-slate-400\"\n            editor={descriptive.label}\n          >\n            {label}\n          </InlineLocaleStringEditor>\n        ) : null}\n\n        {summary ? (\n          <LocaleString\n            enableDangerouslySetInnerHTML\n            as=\"p\"\n            className=\"text-sm text-slate-800 block [&>a]:underline [&>a]:hover:text-slate-400 mb-2\"\n          >\n            {summary}\n          </LocaleString>\n        ) : null}\n\n        <hr />\n        {requiredStatement ? (\n          <>\n            <div className=\"py-2 text-black\">\n              <LocaleString\n                as=\"h4\"\n                className=\"font-bold text-black w-full text-sm font-semibold mb-0 [&>a]:underline [&>a]:hover:text-slate-400\"\n              >\n                {requiredStatement.label}\n              </LocaleString>\n              <LocaleString\n                enableDangerouslySetInnerHTML\n                className=\"text-sm [&>a]:underline [&>a]:hover:text-slate-400\"\n              >\n                {requiredStatement.value}\n              </LocaleString>\n            </div>\n\n            <hr />\n          </>\n        ) : null}\n\n        {metadata && metadata.length === 0 ? (\n          <div className=\"py-2 text-gray-400\">\n            You can add some descriptive metadata for this manifest using the editing panel on the right\n          </div>\n        ) : null}\n\n        <ManifestMetadata\n          allowHtml\n          classes={{\n            container: \"w-full\",\n            row: \"border-b border-gray-200 flex flex-col flex-wrap py-2\",\n            label: \"font-bold text-black w-full text-sm font-semibold mb-1\",\n            value: \"text-sm text-black block [&>span>a]:underline [&>span>a]:hover:text-slate-400\",\n            empty: \"text-gray-400\",\n          }}\n        />\n      </SidebarContent>\n    </Sidebar>\n  );\n}\n"],"mappings":"8yBAqBA,MAAaA,EAAgC,CAC3C,GAAI,WACJ,MAAO,WACP,KAAM,GACN,WAAc,EAAC,EAAA,EAAA,CAA8B,CAC9C,CAED,SAAgB,GAA8B,CAC5C,GAAM,CAAE,OAAM,QAAS,GAAkB,CACnC,CAAE,aAAY,aAAc,GAAmB,CAC/C,CAAE,SAAU,EACZ,CACJ,mBAAoB,CAAE,sBAAsB,KAC1C,GAAW,CAGT,CAAC,EAAiB,GAAiB,EADxB,CAAE,GADA,EAAU,GAAG,KAAK,CACF,KAAM,WAAY,CACS,QAAS,SAAU,IAAA,GAAW,CAAE,WAAY,GAAM,CAAC,CAC3G,EAAW,EAAY,EAAM,KAAK,CAAE,GAAG,CACvC,CAAE,aAAc,GAAgB,CAChC,EAAoB,EAAU,UAAY,sBAC1C,CAAC,CAAE,QAAQ,GAAe,EAAe,qBAAqB,CASpE,MAPI,CAAC,GAAY,EAAS,SAAW,EAEjC,EAAC,MAAA,CAAA,SACC,EAAC,EAAA,CAA2B,SAAU,EAAc,OAAQ,UAAW,GAAmB,CAAA,CACtF,CAIR,EAAA,EAAA,CAAA,SAAA,CACG,EACC,EAAC,MAAA,CAAI,UAAU,wDACZ,EACD,EAAC,MAAA,CAAI,UAAU,uBACb,EAAC,EAAA,CAAa,WAAY,CAAC,EAAiB,YAAe,EAAc,QAAQ,WAC/E,EAAC,EAAA,CAAQ,UAAU,UAAA,CAAY,CAAA,kBAAA,EAClB,CACf,EAAC,EAAA,CAAa,YAAe,EAAc,QAAQ,wCAAwC,UACzF,EAAC,EAAA,CAAgB,UAAU,UAAA,CAAY,EAC1B,CAAA,EACX,CAAA,EACF,CACJ,KACJ,EAAC,EAAA,CAAuB,KAAA,GAAW,gBAChC,EAAS,IAAK,GACb,EAAC,EAAA,CACC,GAAI,EAAK,GAET,YAAe,CACb,EAAK,CAAE,GAAI,iBAAkB,CAAC,CAC1B,GACF,EAAK,CAAE,GAAI,iBAAkB,MAAO,CAAE,SAAU,GAAM,CAAE,CAAC,CAE3D,EAAc,KAAK,EAAK,GANrB,EAAK,GAQV,CACF,EACqB,CAAA,CAAA,CACxB,CCnDP,MAAa,GAAqB,CAChC,QACA,UACA,GAAG,KAEH,EAAC,MAAA,CACC,MAAM,6BACN,QAAQ,YACR,MAAM,MACN,OAAO,MACP,kBAAiB,EACjB,GAAI,YAEH,EAAQ,EAAC,QAAA,CAAM,GAAI,WAAU,GAAc,CAAG,KAE/C,EAAC,IAAA,CAAE,KAAK,iBACN,EAAC,OAAA,CAAK,EAAE,kBAAA,CAAoB,CAC5B,EAAC,OAAA,CAAK,EAAE,kBAAkB,QAAQ,OAAQ,CAAA,EACxC,CACJ,EAAC,OAAA,CACC,EAAE,+KACF,KAAK,gBACL,GACE,CAGKC,EAA6B,CACxC,GAAI,iBACJ,MAAO,WACP,KAAM,EAAC,EAAA,EAAA,CAAoB,CAC3B,QAAS,EAAO,EAAK,IAEjB,EAAC,EAAA,CACC,SAAU,EAAM,UAAY,aAAa,QAAQ,2BAA2B,GAAK,OACjF,iBAAmB,GAAa,CAC9B,aAAa,QAAQ,2BAA4B,EAAW,OAAS,OAAO,CAC5E,EAAI,QAAQ,OAAO,iBAAkB,CAAE,WAAU,CAAC,GAEpD,CAGP,CAED,SAAgB,EAAc,CAC5B,WACA,oBAIC,CACD,GAAM,CAAE,aAAY,aAAc,GAAmB,CAC/C,CAAC,EAAS,GAAU,GAAe,CACnC,CAAE,SAAU,EAGZ,CAAC,EAAiB,GAAiB,EADxB,CAAE,GADA,EAAU,GAAG,KAAK,CACF,KAAM,WAAY,CACS,QAAS,SAAU,IAAA,GAAW,CAAE,WAAY,GAAM,CAAC,CAUjH,OAPA,MAAsB,CACpB,IAAM,EAAW,SAAS,cAAc,gCAAgC,CACpE,GACF,EAAS,eAAe,CAAE,MAAO,SAAU,CAAC,EAE7C,CAPc,EAAY,EAAM,KAAK,CAAE,GAAG,CAO/B,EAAS,CAAC,CAGtB,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CACC,MAAM,WACN,QAAS,CACP,CACE,KAAM,EAAA,EAAA,CAAA,SAAG,EAAW,EAAC,EAAA,CAAkB,MAAO,GAAI,OAAQ,IAAM,CAAG,EAAC,EAAA,EAAA,CAAuB,CAAA,CAAI,CAC/F,MAAO,EAAW,YAAc,YAChC,YAAe,CACb,EAAiB,CAAC,EAAS,EAE9B,CACD,CACE,KAAM,EAACC,EAAAA,EAAAA,CAAe,CACtB,MAAO,gBACP,QAAS,EAAQ,MACjB,YAAe,EAAO,QAAQ,CAC/B,CACD,CACE,KAAM,EAAC,EAAA,CAAgB,UAAU,WAAA,CAAa,CAC9C,MAAO,eACP,YAAe,EAAc,QAAQ,wCAAwC,CAC7E,SAAU,CAAC,EACZ,CACD,CACE,KAAM,EAAC,EAAA,EAAA,CAAmB,CAC1B,MAAO,iBACP,YAAe,EAAc,QAAQ,CACrC,SAAU,CAAC,EACZ,CACF,EACD,CACU,EAAX,EAAY,EAA+C,EAA/C,CAAe,UAAW,EAAQ,MAAA,CAAwD,CAAA,CAAA,CAC/F,CAId,SAAgB,GAAqB,CACnC,GAAM,CAAE,OAAM,QAAS,GAAkB,CACnC,EAAS,EAAW,SAAS,CAC7B,CAAE,YAAW,cAAe,GAAmB,CAC/C,CAAE,SAAU,EAEZ,EAAW,CAAE,GADA,EAAU,GAAG,KAAK,CACF,KAAM,WAAY,CAC/C,EAAW,EAAY,EAAM,KAAK,CAAE,GAAG,CACvC,CAAC,EAAiB,GAAiB,EAAW,EAAU,QAAS,SAAU,IAAA,GAAW,CAAE,WAAY,GAAM,CAAC,CAEjH,MAAO,CACL,SACA,WACA,QACA,gBACA,OACA,OACA,kBACD,CAGH,SAAgB,EAAe,CAAE,aAAqC,CACpE,GAAM,CAAE,SAAQ,QAAO,gBAAe,QAAS,GAAoB,CAC7D,EAAW,GAAa,CACxB,EAAe,GAAiB,CAChC,EAAW,EAAM,KAAK,CACtB,EAAW,GAAQ,SAAS,OAAO,GAGnC,EAAc,EAAS,UAAW,GAAS,EAAK,KAAO,EAAS,CAChEC,EAA0B,GAAe,EAAc,EAAI,OAAO,EAAc,EAAE,CAAG,EAE3F,SAAS,GAAiB,CACxB,EAAa,OAAO,CACpB,IAAM,EAAc,EAAM,KAAK,CAE3B,GAAe,EAAY,OAAS,EACtC,EAAc,KAAK,EAAY,GAAiB,CAEhD,EAAc,KAAK,EAAS,CAIhC,OACE,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CACC,GAAI,EAAM,SAAS,CACnB,KAAM,EAAM,KAAK,EAAI,EAAE,CACvB,aAAc,GACd,SAAU,GAAQ,SAAS,OAAO,GAClC,QAAS,EAAa,GAAW,EAAM,QAAQ,EAAE,WAAY,EAAE,SAAS,CAAG,IAAA,GAC3E,UAAW,EAAW,IAAgB,CACpC,EAAK,CAAE,GAAI,iBAAkB,CAAC,CAC9B,EAAc,KAAK,EAAM,EAAI,EAE/B,cAAe,EAAiB,EAAO,EAAe,EACtD,CAAA,CACqB,CAAA,CACV,CAIrB,SAAgB,EAAe,CAAE,aAAqC,CACpE,GAAM,CAAE,SAAQ,QAAO,gBAAe,QAAS,GAAoB,CAC7D,EAAW,GAAa,CACxB,EAAe,GAAiB,CAChC,EAAW,EAAM,KAAK,EAAI,EAAE,CAC5B,EAAW,GAAQ,SAAS,OAAO,GAGnC,EAAc,EAAS,UAAW,GAAS,EAAK,KAAO,EAAS,CAChEA,EAA0B,GAAe,EAAc,EAAI,OAAO,EAAc,EAAE,CAAG,EAE3F,SAAS,GAAiB,CACxB,EAAa,OAAO,CACpB,IAAM,EAAc,EAAM,KAAK,CAE3B,GAAe,EAAY,OAAS,EACtC,EAAc,KAAK,EAAY,GAAiB,CAEhD,EAAc,KAAK,EAAS,CAIhC,OACE,EAAC,EAAA,CAAe,UAAU,eACxB,EAAC,EAAA,CAAe,MAAA,YACd,EAAC,EAAA,CACC,GAAI,EAAM,SAAS,CACnB,KAAM,EAAM,KAAK,EAAI,EAAE,CACvB,aAAc,GACd,SAAU,GAAQ,SAAS,OAAO,GAClC,QAAS,EAAa,GAAM,EAAM,QAAQ,EAAE,WAAY,EAAE,SAAS,CAAG,IAAA,GACtE,UAAW,EAAM,IAAQ,CACvB,EAAK,CAAE,GAAI,iBAAkB,CAAC,CAC9B,EAAc,KAAK,EAAM,EAAI,EAE/B,cAAe,EAAiB,EAAO,EAAe,EACtD,EACa,EACF,CAIrB,SAAgBD,EAAa,EAAsC,CACjE,OACE,EAAC,MAAA,CAAI,UAAU,UAAU,MAAM,6BAA6B,MAAM,MAAM,OAAO,MAAM,QAAQ,YAAY,GAAI,YAC3G,EAAC,OAAA,CAAK,EAAE,kBAAkB,KAAK,QAAS,CACxC,EAAC,OAAA,CACC,EAAE,mNACF,KAAK,gBACL,CAAA,EACE,CAIV,SAAgB,GAAuB,CACrC,OACE,EAAC,MAAA,CAAI,MAAM,6BAA6B,OAAO,KAAK,QAAQ,YAAY,MAAM,eAC5E,EAAC,OAAA,CAAK,EAAE,kBAAkB,KAAK,QAAS,CACxC,EAAC,OAAA,CACC,EAAE,mNACF,KAAK,gBACL,CAAA,EACE,CC1PV,SAAgB,EAAa,CAC3B,QACA,UACA,GAAG,GAC8D,CACjE,OACE,EAAC,MAAA,CAAI,MAAM,6BAA6B,MAAM,MAAM,OAAO,MAAM,kBAAiB,EAAS,GAAI,YAC5F,EAAQ,EAAC,QAAA,CAAM,GAAI,WAAU,GAAc,CAAG,KAE/C,EAAC,OAAA,CAAK,EAAE,kBAAkB,KAAK,QAAS,CACxC,EAAC,OAAA,CACC,EAAE,uJACF,KAAK,gBACL,GACE,CAIV,MAAaE,EAA6B,CACxC,GAAI,sBACJ,MAAO,mBACP,KAAM,EAAC,EAAA,EAAA,CAAe,CACtB,QAAS,EAAO,EAAK,IACZ,EAAC,EAAA,EAAA,CAAgB,CAE3B,CAED,SAAS,EAAyB,EAAgC,CAChE,OACE,EAAC,MAAA,CAAI,MAAM,6BAA6B,MAAM,MAAM,OAAO,MAAM,QAAQ,YAAY,GAAI,WAEvF,EAAC,OAAA,CACC,KAAK,eACL,EAAE,4GACF,EACE,CAIV,SAAgB,GAAgB,CAC9B,GAAM,CAAE,cAAa,aAAc,GAAmB,CAC3C,EAAU,GAAG,KAAK,CAC7B,IAAM,EAAQ,EAAY,MAAM,KAAK,CAC/B,EAAU,EAAY,QAAQ,KAAK,CACnC,EAAoB,EAAY,kBAAkB,KAAK,CACvD,EAAW,EAAY,SAAS,KAAK,CACrC,CAAE,QAAS,GAAkB,CAEnC,OACE,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CACC,MAAM,mBACN,QAAS,CACP,CACE,KAAM,EAAC,EAAA,CAAyB,UAAU,UAAA,CAAY,CACtD,MAAO,gBACP,YAAe,CACb,EAAK,0BAA2B,CAC9B,WAAY,0CACb,CAAC,EAEL,CACF,EACD,CACF,EAAC,EAAA,CAAe,UAAU,gBACvB,EACC,EAAC,EAAA,CACC,GAAG,KACH,UAAU,wEACV,OAAQ,EAAY,eAEnB,GACwB,CACzB,KAEH,EACC,EAAC,EAAA,CACC,8BAAA,GACA,GAAG,IACH,UAAU,wFAET,GACY,CACb,KAEJ,EAAC,KAAA,EAAA,CAAK,CACL,EACC,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,MAAA,CAAI,UAAU,4BACb,EAAC,EAAA,CACC,GAAG,KACH,UAAU,6GAET,EAAkB,OACN,CACf,EAAC,EAAA,CACC,8BAAA,GACA,UAAU,8DAET,EAAkB,OACN,CAAA,EACX,CAEN,EAAC,KAAA,EAAA,CAAK,CAAA,CAAA,CACL,CACD,KAEH,GAAY,EAAS,SAAW,EAC/B,EAAC,MAAA,CAAI,UAAU,8BAAqB,gGAE9B,CACJ,KAEJ,EAAC,EAAA,CACC,UAAA,GACA,QAAS,CACP,UAAW,SACX,IAAK,wDACL,MAAO,yDACP,MAAO,gFACP,MAAO,gBACR,EACD,GACa,CAAA,CAAA,CACT"}

package/dist/components-cGHI3B6O.cjs

@@ -0,0 +1 @@
+const e=require(`./index.cjs`);let t=require(`@manifest-editor/editors`),n=require(`@manifest-editor/shell`),r=require(`react-iiif-vault`),i=require(`react/jsx-runtime`),a=require(`@manifest-editor/components`),o=require(`react`);const s={id:`overview`,label:`Overview`,icon:``,render:()=>(0,i.jsx)(c,{})};function c(){let{edit:e,open:t}=(0,n.useLayoutActions)(),{structural:r,technical:o}=(0,n.useManifestEditor)(),{items:s}=r,{editorFeatureFlags:{manifestGridOptions:c=!1}}=(0,n.useConfig)(),[l,u]=(0,n.useCreator)({id:o.id.get(),type:`Manifest`},`items`,`Canvas`,void 0,{isPainting:!0}),d=(0,a.useFastList)(s.get(),24),{leftPanel:f}=(0,n.useLayoutState)(),p=f.current===`left-panel-manifest`,[{size:m},h]=(0,a.useGridOptions)(`manifest-grid-size`);return!d||d.length===0?(0,i.jsx)(`div`,{children:(0,i.jsx)(a.ManifestOverviewEmptyState,{onCreate:u.create,canCreate:l})}):(0,i.jsxs)(i.Fragment,{children:[c?(0,i.jsxs)(`div`,{className:`p-2 flex gap-2 justify-between items-center`,children:[h,(0,i.jsxs)(`div`,{className:`flex gap-2`,children:[(0,i.jsxs)(a.ActionButton,{isDisabled:!l,onPress:()=>u.create(),children:[(0,i.jsx)(a.AddIcon,{className:`text-xl`}),` Add new canvas`]}),(0,i.jsx)(a.ActionButton,{onPress:()=>u.creator(`@manifest-editor/iiif-browser-creator`),children:(0,i.jsx)(a.IIIFBrowserIcon,{className:`text-xl`})})]})]}):null,(0,i.jsx)(a.ThumbnailGridContainer,{wide:!0,size:m,children:d.map(e=>(0,i.jsx)(a.CanvasThumbnailGridItem,{id:e.id,onClick:()=>{t({id:`current-canvas`}),p&&t({id:`canvas-listing`,state:{gridView:!0}}),u.edit(e)}},e.id))})]})}const l=({title:e,titleId:t,...n})=>(0,i.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,width:`1em`,height:`1em`,"aria-labelledby":t,...n,children:[e?(0,i.jsx)(`title`,{id:t,children:e}):null,(0,i.jsxs)(`g`,{fill:`none`,children:[(0,i.jsx)(`path`,{d:`M0 0h24v24H0V0z`}),(0,i.jsx)(`path`,{d:`M0 0h24v24H0V0z`,opacity:`.87`})]}),(0,i.jsx)(`path`,{d:`M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7zm-4 6h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z`,fill:`currentColor`})]}),u={id:`canvas-listing`,label:`Canvases`,icon:(0,i.jsx)(l,{}),render:(e,t,n)=>(0,i.jsx)(d,{gridView:e.gridView||localStorage.getItem(`canvas-listing-view-mode`)===`grid`,onChangeGridView:e=>{localStorage.setItem(`canvas-listing-view-mode`,e?`grid`:`list`),t.actions.change(`canvas-listing`,{gridView:e})}})};function d({gridView:e,onChangeGridView:r}){let{structural:s,technical:c}=(0,n.useManifestEditor)(),[u,d]=(0,t.useToggleList)(),{items:f}=s,[_,v]=(0,n.useCreator)({id:c.id.get(),type:`Manifest`},`items`,`Canvas`,void 0,{isPainting:!0});return(0,o.useLayoutEffect)(()=>{let e=document.querySelector(`[data-canvas-selected="true"]`);e&&e.scrollIntoView({block:`center`})},[(0,a.useFastList)(f.get(),24),e]),(0,i.jsxs)(a.Sidebar,{children:[(0,i.jsx)(a.SidebarHeader,{title:`Canvases`,actions:[{icon:(0,i.jsx)(i.Fragment,{children:e?(0,i.jsx)(l,{width:24,height:24}):(0,i.jsx)(g,{})}),title:e?`List view`:`Grid view`,onClick:()=>{r(!e)}},{icon:(0,i.jsx)(h,{}),title:`Edit canvases`,toggled:u.items,onClick:()=>d(`items`)},{icon:(0,i.jsx)(a.IIIFBrowserIcon,{className:`text-2xl`}),title:`IIIF Browser`,onClick:()=>v.creator(`@manifest-editor/iiif-browser-creator`),disabled:!_},{icon:(0,i.jsx)(a.CreateCanvasIcon,{}),title:`Add new canvas`,onClick:()=>v.create(),disabled:!_}]}),e?(0,i.jsx)(p,{isEditing:u.items}):(0,i.jsx)(m,{isEditing:u.items})]})}function f(){let{edit:e,open:r}=(0,n.useLayoutActions)(),i=(0,t.useInStack)(`Canvas`),{technical:o,structural:s}=(0,n.useManifestEditor)(),{items:c}=s,l={id:o.id.get(),type:`Manifest`},u=(0,a.useFastList)(c.get(),24),[d,f]=(0,n.useCreator)(l,`items`,`Canvas`,void 0,{isPainting:!0});return{canvas:i,canvases:u,items:c,canvasActions:f,open:r,edit:e,canCreateCanvas:d}}function p({isEditing:e}){let{canvas:o,items:s,canvasActions:c,open:l}=f(),u=(0,r.useManifest)(),d=(0,n.useEditingStack)(),p=s.get(),m=o?.resource.source.id,h=p.findIndex(e=>e.id===m),g=h&&h>0?Number(h-1):0;function _(){d.close();let e=s.get();e&&e.length>0?c.edit(e[g]):c.edit(u)}return(0,i.jsx)(a.SidebarContent,{children:(0,i.jsx)(a.ThumbnailGridContainer,{children:(0,i.jsx)(t.CanvasGrid,{id:s.focusId(),list:s.get()||[],inlineHandle:!1,activeId:o?.resource.source.id,reorder:e?e=>s.reorder(e.startIndex,e.endIndex):void 0,onSelect:(e,t)=>{l({id:`current-canvas`}),c.edit(e,t)},createActions:(0,t.createAppActions)(s,_)})})})}function m({isEditing:e}){let{canvas:o,items:s,canvasActions:c,open:l}=f(),u=(0,r.useManifest)(),d=(0,n.useEditingStack)(),p=s.get()||[],m=o?.resource.source.id,h=p.findIndex(e=>e.id===m),g=h&&h>0?Number(h-1):0;function _(){d.close();let e=s.get();e&&e.length>0?c.edit(e[g]):c.edit(u)}return(0,i.jsx)(a.SidebarContent,{className:`p-3`,children:(0,i.jsx)(t.InputContainer,{$wide:!0,children:(0,i.jsx)(t.CanvasList,{id:s.focusId(),list:s.get()||[],inlineHandle:!1,activeId:o?.resource.source.id,reorder:e?e=>s.reorder(e.startIndex,e.endIndex):void 0,onSelect:(e,t)=>{l({id:`current-canvas`}),c.edit(e,t)},createActions:(0,t.createAppActions)(s,_)})})})}function h(e){return(0,i.jsxs)(`svg`,{className:`text-xl`,xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:[(0,i.jsx)(`path`,{d:`M0 0h24v24H0V0z`,fill:`none`}),(0,i.jsx)(`path`,{d:`M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z`,fill:`currentColor`})]})}function g(){return(0,i.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,height:`24`,viewBox:`0 0 24 24`,width:`24`,children:[(0,i.jsx)(`path`,{d:`M0 0h24v24H0V0z`,fill:`none`}),(0,i.jsx)(`path`,{d:`M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z`,fill:`currentColor`})]})}function _({title:e,titleId:t,...n}){return(0,i.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,"aria-labelledby":t,...n,children:[e?(0,i.jsx)(`title`,{id:t,children:e}):null,(0,i.jsx)(`path`,{d:`M0 0h24v24H0V0z`,fill:`none`}),(0,i.jsx)(`path`,{d:`M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z`,fill:`currentColor`})]})}const v={id:`left-panel-manifest`,label:`Manifest summary`,icon:(0,i.jsx)(_,{}),render:(e,t,n)=>(0,i.jsx)(b,{})};function y(e){return(0,i.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:(0,i.jsx)(`path`,{fill:`currentColor`,d:`m15 16l-4 4h10v-4zm-2.94-8.81L3 16.25V20h3.75l9.06-9.06zm1.072-1.067l2.539-2.539l3.747 3.748L16.88 9.87z`})})}function b(){let{descriptive:e,technical:o}=(0,n.useManifestEditor)();o.id.get();let s=e.label.get(),c=e.summary.get(),l=e.requiredStatement.get(),u=e.metadata.get(),{open:d}=(0,n.useLayoutActions)();return(0,i.jsxs)(a.Sidebar,{children:[(0,i.jsx)(a.SidebarHeader,{title:`Manifest summary`,actions:[{icon:(0,i.jsx)(y,{className:`text-xl`}),title:`Edit metadata`,onClick:()=>{d(`@manifest-editor/editor`,{currentTab:`@manifest-editor/descriptive-properties`})}}]}),(0,i.jsxs)(a.SidebarContent,{className:`p-4`,children:[s?(0,i.jsx)(t.InlineLocaleStringEditor,{as:`h2`,className:`text-lg font-semibold mb-2 [&>a]:underline [&>a]:hover:text-slate-400`,editor:e.label,children:s}):null,c?(0,i.jsx)(r.LocaleString,{enableDangerouslySetInnerHTML:!0,as:`p`,className:`text-sm text-slate-800 block [&>a]:underline [&>a]:hover:text-slate-400 mb-2`,children:c}):null,(0,i.jsx)(`hr`,{}),l?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(`div`,{className:`py-2 text-black`,children:[(0,i.jsx)(r.LocaleString,{as:`h4`,className:`font-bold text-black w-full text-sm font-semibold mb-0 [&>a]:underline [&>a]:hover:text-slate-400`,children:l.label}),(0,i.jsx)(r.LocaleString,{enableDangerouslySetInnerHTML:!0,className:`text-sm [&>a]:underline [&>a]:hover:text-slate-400`,children:l.value})]}),(0,i.jsx)(`hr`,{})]}):null,u&&u.length===0?(0,i.jsx)(`div`,{className:`py-2 text-gray-400`,children:`You can add some descriptive metadata for this manifest using the editing panel on the right`}):null,(0,i.jsx)(r.ManifestMetadata,{allowHtml:!0,classes:{container:`w-full`,row:`border-b border-gray-200 flex flex-col flex-wrap py-2`,label:`font-bold text-black w-full text-sm font-semibold mb-1`,value:`text-sm text-black block [&>span>a]:underline [&>span>a]:hover:text-slate-400`,empty:`text-gray-400`}})]})]})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return u}});

package/dist/components.cjs

@@ -1,378 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components.tsx
-var components_exports = {};
-__export(components_exports, {
-  CanvasGridView: () => CanvasGridView,
-  CanvasListView: () => CanvasListView,
-  CanvasListing: () => CanvasListing,
-  CanvasListingIcon: () => CanvasListingIcon,
-  CanvasThumbnailsIcon: () => CanvasThumbnailsIcon,
-  ListEditIcon: () => ListEditIcon,
-  ManifestIcon: () => ManifestIcon,
-  ManifestOverviewCenterPanel: () => ManifestOverviewCenterPanel,
-  ManifestPanel: () => ManifestPanel,
-  useEditCanvasItems: () => useEditCanvasItems
-});
-module.exports = __toCommonJS(components_exports);
-
-// src/center-panels/manifest-overview.tsx
-var import_components = require("@manifest-editor/components");
-var import_shell = require("@manifest-editor/shell");
-var import_jsx_runtime = require("react/jsx-runtime");
-function ManifestOverviewCenterPanel() {
-  const { edit, open } = (0, import_shell.useLayoutActions)();
-  const { structural, technical } = (0, import_shell.useManifestEditor)();
-  const { items } = structural;
-  const manifestId = technical.id.get();
-  const manifest = { id: manifestId, type: "Manifest" };
-  const [canCreateCanvas, canvasActions] = (0, import_shell.useCreator)(
-    manifest,
-    "items",
-    "Canvas"
-  );
-  const canvases = (0, import_components.useFastList)(items.get(), 24);
-  if (!canvases || canvases.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_components.ManifestOverviewEmptyState,
-      {
-        onCreate: canvasActions.create,
-        canCreate: canCreateCanvas
-      }
-    ) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.ThumbnailGridContainer, { wide: true, children: canvases.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_components.CanvasThumbnailGridItem,
-    {
-      id: item.id,
-      onClick: () => {
-        open({ id: "current-canvas" });
-        open({ id: "canvas-listing", state: { gridView: true } });
-        canvasActions.edit(item);
-      }
-    },
-    item.id
-  )) });
-}
-
-// src/left-panels/canvas-listing.tsx
-var import_components2 = require("@manifest-editor/components");
-var import_editors = require("@manifest-editor/editors");
-var import_shell2 = require("@manifest-editor/shell");
-var import_react = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var CanvasListingIcon = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    width: "1em",
-    height: "1em",
-    "aria-labelledby": titleId,
-    ...props,
-    children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { fill: "none", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M0 0h24v24H0V0z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M0 0h24v24H0V0z", opacity: ".87" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        "path",
-        {
-          d: "M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7zm-4 6h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z",
-          fill: "currentColor"
-        }
-      )
-    ]
-  }
-);
-function CanvasListing({
-  gridView,
-  onChangeGridView
-}) {
-  const { open } = (0, import_shell2.useLayoutActions)();
-  const { structural, technical } = (0, import_shell2.useManifestEditor)();
-  const [toggled, toggle] = (0, import_editors.useToggleList)();
-  const canvas = (0, import_editors.useInStack)("Canvas");
-  const { items } = structural;
-  const manifestId = technical.id.get();
-  const manifest = { id: manifestId, type: "Manifest" };
-  const [canCreateCanvas, canvasActions] = (0, import_shell2.useCreator)(
-    manifest,
-    "items",
-    "Canvas"
-  );
-  const canvases = (0, import_components2.useFastList)(items.get(), 24);
-  (0, import_react.useEffect)(() => {
-    if (canvas?.resource.source.id) {
-      return;
-    }
-    if (items.get().length) {
-      open({ id: "current-canvas" });
-      canvasActions.edit(items.get()[0]);
-    }
-  }, []);
-  (0, import_react.useLayoutEffect)(() => {
-    const selected = document.querySelector('[data-canvas-selected="true"]');
-    if (selected) {
-      selected.scrollIntoView({ block: "center" });
-    }
-  }, [canvases, gridView]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_components2.Sidebar, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_components2.SidebarHeader,
-      {
-        title: "Canvases",
-        actions: [
-          {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: gridView ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CanvasListingIcon, { width: 24, height: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CanvasThumbnailsIcon, {}) }),
-            title: gridView ? "List view" : "Grid view",
-            onClick: () => {
-              onChangeGridView(!gridView);
-            }
-          },
-          {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ListEditIcon, {}),
-            title: "Edit canvases",
-            toggled: toggled.items,
-            onClick: () => toggle("items")
-          },
-          {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.IIIFBrowserIcon, { className: "text-2xl" }),
-            title: "IIIF Browser",
-            onClick: () => canvasActions.creator("@manifest-editor/iiif-browser-creator"),
-            disabled: !canCreateCanvas
-          },
-          {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.CreateCanvasIcon, {}),
-            title: "Add new canvas",
-            onClick: () => canvasActions.create(),
-            disabled: !canCreateCanvas
-          }
-        ]
-      }
-    ),
-    gridView ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CanvasGridView, { isEditing: toggled.items }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CanvasListView, { isEditing: toggled.items })
-  ] });
-}
-function useEditCanvasItems() {
-  const { edit, open } = (0, import_shell2.useLayoutActions)();
-  const canvas = (0, import_editors.useInStack)("Canvas");
-  const { technical, structural } = (0, import_shell2.useManifestEditor)();
-  const { items } = structural;
-  const manifestId = technical.id.get();
-  const manifest = { id: manifestId, type: "Manifest" };
-  const canvases = (0, import_components2.useFastList)(items.get(), 24);
-  const [canCreateCanvas, canvasActions] = (0, import_shell2.useCreator)(
-    manifest,
-    "items",
-    "Canvas"
-  );
-  return {
-    canvas,
-    canvases,
-    items,
-    canvasActions,
-    open,
-    edit,
-    canCreateCanvas
-  };
-}
-function CanvasGridView({ isEditing }) {
-  const { canvas, items, canvases, canvasActions, open } = useEditCanvasItems();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.SidebarContent, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.ThumbnailGridContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_editors.CanvasGrid,
-    {
-      id: items.focusId(),
-      list: items.get() || [],
-      inlineHandle: false,
-      activeId: canvas?.resource.source.id,
-      reorder: isEditing ? (t) => items.reorder(t.startIndex, t.endIndex) : void 0,
-      onSelect: (item, idx) => {
-        open({ id: "current-canvas" });
-        canvasActions.edit(item, idx);
-      },
-      createActions: (0, import_editors.createAppActions)(items)
-    }
-  ) }) });
-}
-function CanvasListView({ isEditing }) {
-  const { canvas, items, canvasActions, open } = useEditCanvasItems();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.SidebarContent, { className: "p-3", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_editors.InputContainer, { $wide: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_editors.CanvasList,
-    {
-      id: items.focusId(),
-      list: items.get() || [],
-      inlineHandle: false,
-      activeId: canvas?.resource.source.id,
-      reorder: isEditing ? (t) => items.reorder(t.startIndex, t.endIndex) : void 0,
-      onSelect: (item, idx) => {
-        open({ id: "current-canvas" });
-        canvasActions.edit(item, idx);
-      },
-      createActions: (0, import_editors.createAppActions)(items)
-    }
-  ) }) });
-}
-function ListEditIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      height: "24",
-      viewBox: "0 0 24 24",
-      width: "24",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z" })
-      ]
-    }
-  );
-}
-function CanvasThumbnailsIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      height: "24",
-      viewBox: "0 0 24 24",
-      width: "24",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "path",
-          {
-            d: "M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/left-panels/manifest.tsx
-var import_components3 = require("@manifest-editor/components");
-var import_shell3 = require("@manifest-editor/shell");
-var import_react2 = require("react");
-var import_react_iiif_vault = require("react-iiif-vault");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function ManifestIcon({
-  title,
-  titleId,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "1em",
-      height: "1em",
-      "aria-labelledby": titleId,
-      ...props,
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("title", { id: titleId, children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "path",
-          {
-            d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    }
-  );
-}
-function ManifestPanel() {
-  const { edit, open } = (0, import_shell3.useLayoutActions)();
-  const { descriptive, technical } = (0, import_shell3.useManifestEditor)();
-  const manifestId = technical.id.get();
-  const manifest = { id: manifestId, type: "Manifest" };
-  const isInitial = (0, import_react2.useRef)(true);
-  const label = descriptive.label.get();
-  const summary = descriptive.summary.get();
-  const requiredStatement = descriptive.requiredStatement.get();
-  const metadata = descriptive.metadata.get();
-  (0, import_react2.useEffect)(() => {
-    edit(manifest);
-    open({ id: "overview" });
-    isInitial.current = false;
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_react_iiif_vault.LocaleString,
-      {
-        as: "h2",
-        className: "text-lg font-semibold mb-2 [&>a]:underline [&>a]:hover:text-slate-400",
-        children: label
-      }
-    ) : null,
-    summary ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_react_iiif_vault.LocaleString,
-      {
-        enableDangerouslySetInnerHTML: true,
-        as: "p",
-        className: "text-sm text-slate-800 block [&>a]:underline [&>a]:hover:text-slate-400 mb-2",
-        children: summary
-      }
-    ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("hr", {}),
-    requiredStatement ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "py-2 text-black", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_react_iiif_vault.LocaleString,
-          {
-            as: "h4",
-            className: "font-bold text-black w-full text-sm font-semibold mb-0 [&>a]:underline [&>a]:hover:text-slate-400",
-            children: requiredStatement.label
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_react_iiif_vault.LocaleString,
-          {
-            enableDangerouslySetInnerHTML: true,
-            className: "text-sm [&>a]:underline [&>a]:hover:text-slate-400",
-            children: requiredStatement.value
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("hr", {})
-    ] }) : null,
-    metadata && metadata.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "py-2 text-gray-400", children: "You can add some descriptive metadata for this manifest using the editing panel on the right" }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_react_iiif_vault.ManifestMetadata,
-      {
-        allowHtml: true,
-        classes: {
-          container: "w-full",
-          row: "border-b border-gray-200 flex flex-col flex-wrap py-2",
-          label: "font-bold text-black w-full text-sm font-semibold mb-1",
-          value: "text-sm text-black block [&>span>a]:underline [&>span>a]:hover:text-slate-400",
-          empty: "text-gray-400"
-        }
-      }
-    )
-  ] });
-}
+const e=require(`./components-cGHI3B6O.cjs`);exports.CanvasGridView=e.i,exports.CanvasListView=e.a,exports.CanvasListing=e.o,exports.CanvasListingIcon=e.s,exports.CanvasThumbnailsIcon=e.c,exports.ListEditIcon=e.l,exports.ManifestIcon=e.t,exports.ManifestOverviewCenterPanel=e.f,exports.ManifestPanel=e.n,exports.useEditCanvasItems=e.d;

package/dist/components.d.cts

@@ -1,68 +1,89 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _manifest_editor_editor_api from '@manifest-editor/editor-api';
-import * as _iiif_presentation_3 from '@iiif/presentation-3';
-import * as _manifest_editor_shell from '@manifest-editor/shell';
-import { SVGProps } from 'react';
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _manifest_editor_shell0 from "@manifest-editor/shell";
+import { LayoutPanel } from "@manifest-editor/shell";
+import * as _iiif_presentation_32 from "@iiif/presentation-3";
+import * as _manifest_editor_editor_api0 from "@manifest-editor/editor-api";
+import { SVGProps } from "react";
 
-declare function ManifestOverviewCenterPanel(): react_jsx_runtime.JSX.Element;
-
-declare const CanvasListingIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & {
-    title?: string;
-    titleId?: string;
-}) => react_jsx_runtime.JSX.Element;
-declare function CanvasListing({ gridView, onChangeGridView, }: {
-    gridView: boolean;
-    onChangeGridView: (gridView: boolean) => void;
-}): react_jsx_runtime.JSX.Element;
+//#region src/center-panels/manifest-overview.d.ts
+declare function ManifestOverviewCenterPanel(): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/left-panels/canvas-listing.d.ts
+declare const CanvasListingIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & {
+  title?: string;
+  titleId?: string;
+}) => react_jsx_runtime0.JSX.Element;
+declare function CanvasListing({
+  gridView,
+  onChangeGridView
+}: {
+  gridView: boolean;
+  onChangeGridView: (gridView: boolean) => void;
+}): react_jsx_runtime0.JSX.Element;
 declare function useEditCanvasItems(): {
-    canvas: _manifest_editor_shell.EditableResource | undefined;
-    canvases: {
-        type: string;
-        id: string;
-    }[];
-    items: _manifest_editor_editor_api.BaseReferenceListEditor<Partial<_iiif_presentation_3.DescriptiveProperties> & Partial<_iiif_presentation_3.TechnicalProperties> & Partial<_iiif_presentation_3.LinkingProperties> & Partial<_iiif_presentation_3.StructuralProperties<unknown>> & Partial<_iiif_presentation_3.NavPlaceExtension & _iiif_presentation_3.TextGranularityExtension>, {
-        type: string;
-        id: string;
-    }>;
-    canvasActions: {
-        readonly create: (index?: number, initialData?: any) => void;
-        readonly edit: (resource: any, index?: number) => void;
-        readonly createFiltered: (filter: string, index?: number, initialData?: any) => void;
-        readonly creator: (initialCreator: string, initialData?: any) => void;
-        readonly buttonProps: {
-            "data-action-id": string;
-        };
-    };
-    open: {
-        (id: string, state?: any): void;
-        (args: {
-            id: string;
-            state?: any;
-            stacked?: boolean;
-            unique?: boolean;
-        }): void;
+  canvas: _manifest_editor_shell0.EditableResource | undefined;
+  canvases: {
+    type: string;
+    id: string;
+  }[];
+  items: _manifest_editor_editor_api0.BaseReferenceListEditor<Partial<_iiif_presentation_32.DescriptiveProperties> & Partial<_iiif_presentation_32.TechnicalProperties> & Partial<_iiif_presentation_32.LinkingProperties> & Partial<_iiif_presentation_32.StructuralProperties<unknown>> & Partial<_iiif_presentation_32.NavPlaceExtension & _iiif_presentation_32.TextGranularityExtension>, {
+    type: string;
+    id: string;
+  }>;
+  canvasActions: {
+    readonly create: (index?: number, initialData?: any) => void;
+    readonly edit: (resource: any, index?: number) => void;
+    readonly createFiltered: (filter: string, index?: number, initialData?: any) => void;
+    readonly creator: (initialCreator: string, initialData?: any) => void;
+    readonly buttonProps: {
+      "data-action-id": string;
     };
-    edit: (resource: _iiif_presentation_3.Reference | _iiif_presentation_3.SpecificResource, context?: Omit<_manifest_editor_shell.EditableResource, "resource">, options?: {
-        reset?: boolean;
-        property?: string;
-        stacked?: boolean | undefined;
-        selectedTab?: string;
-    }) => void;
-    canCreateCanvas: any;
+  };
+  open: {
+    (id: string, state?: any): void;
+    (args: {
+      id: string;
+      state?: any;
+      stacked?: boolean;
+      unique?: boolean;
+    }): void;
+  };
+  edit: (resource: _iiif_presentation_32.Reference | _iiif_presentation_32.SpecificResource, context?: Omit<_manifest_editor_shell0.EditableResource, "resource">, options?: {
+    reset?: boolean;
+    property?: string;
+    stacked?: boolean | undefined;
+    selectedTab?: string;
+    forceOpen?: boolean;
+  }) => void;
+  canCreateCanvas: any;
 };
-declare function CanvasGridView({ isEditing }: {
-    isEditing: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function CanvasListView({ isEditing }: {
-    isEditing: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function ListEditIcon(): react_jsx_runtime.JSX.Element;
-declare function CanvasThumbnailsIcon(): react_jsx_runtime.JSX.Element;
-
-declare function ManifestIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & {
-    title?: string;
-    titleId?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function ManifestPanel(): react_jsx_runtime.JSX.Element;
-
+declare function CanvasGridView({
+  isEditing
+}: {
+  isEditing: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function CanvasListView({
+  isEditing
+}: {
+  isEditing: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function ListEditIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+declare function CanvasThumbnailsIcon(): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/left-panels/manifest.d.ts
+declare function ManifestIcon({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & {
+  title?: string;
+  titleId?: string;
+}): react_jsx_runtime0.JSX.Element;
+declare function ManifestPanel(): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { CanvasGridView, CanvasListView, CanvasListing, CanvasListingIcon, CanvasThumbnailsIcon, ListEditIcon, ManifestIcon, ManifestOverviewCenterPanel, ManifestPanel, useEditCanvasItems };
+//# sourceMappingURL=components.d.cts.map

package/dist/components.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.cts","names":[],"sources":["../src/center-panels/manifest-overview.tsx","../src/left-panels/canvas-listing.tsx","../src/left-panels/manifest.tsx"],"sourcesContent":[],"mappings":";;;;;;;;iBA4BgB,2BAAA,CAAA,GAA2B,kBAAA,CAAA,GAAA,CAAA;;;cCC9B;;;;GAIV,SAAS;;;MAAqD,kBAAA,CAAA,GAAA,CAAA;iBAuCjD,aAAA;;;;ED5CA,QAAA,EAAA,OAAA;;ICkDf,kBAAA,CAAA,GAAA,CAAA;iBAqDe,kBAAA,CAAA;EAtGH,MAAA,EAsGqB,uBAAA,CAAA,gBAAA,GA9EjC,SAAA;EAxB6B,QAAA,EAAA;IAAA,IAAA,EAAA,MAAA;IAIlB,EAAA,EAAA,MAAA;EAAT,CAAA,EAAA;EAA8D,KAAA,sDAAA,QAAA,6CAAA,UAAA,2CAAA,UAAA,yCAAA,UAAA,2CAAA,CAAA,OAAA,CAAA,CAAA,UAAA,yFAAA,CAAA,EAAA;IAoBhE,IAAA,EAAA,MAAA;IAmBe,EAAA,EAAA,MAAA;EACd,CAAA,CAAA;EACA,aAAA,EAAA;IAID,SAAA,MAAA,EAAA,CAAA,KAAA,CAAA,EAAA,MAAA,EAAA,WAAA,CAAA,EAAA,GAAA,EAAA,GAAA,IAAA;IAAA,SAAA,IAAA,EAAA,CAAA,QAAA,EAAA,GAAA,EAAA,KAAA,CAAA,EAAA,MAAA,EAAA,GAAA,IAAA;IAqDe,SAAA,cAAkB,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,KAAA,CAAA,EAAA,MAAA,EAAA,WAAA,CAAA,EAAA,GAAA,EAAA,GAAA,IAAA;IAAA,SAAA,OAAA,EAAA,CAAA,cAAA,EAAA,MAAA,EAAA,WAAA,CAAA,EAAA,GAAA,EAAA,GAAA,IAAA;;;;;;;;;;;;;;0KAyGlB;;;;IApFA,WAAA,CAAA,EAAc,MAAA;IA0Cd,SAAA,CAAA,EAAA,OAAc;EA0Cd,CAAA,EAAA,GAAA,IAAA;EAAmC,eAAA,EAAA,GAAA;CAAf;AAA6B,iBApFjD,cAAA,CAoFiD;EAAA;AAYjE,CAZiE,EAAA;EAAA,SAAA,EAAA,OAAA;AAYjE,CAAA,CAAA,EAhGoE,kBAAA,CAAA,GAAA,CAAA,OAgGhC;iBAtDpB,cAAA;;;;IAAoD,kBAAA,CAAA,GAAA,CAAA;AC5LpD,iBDsOA,YAAA,CCtOY,KAAA,EDsOQ,KAAA,CAAM,QCtOd,CDsOuB,aCtOvB,CAAA,CAAA,EDsOqC,kBAAA,CAAA,GAAA,CAAA,OCtOrC;AAC1B,iBDiPc,oBAAA,CAAA,CCjPd,EDiPkC,kBAAA,CAAA,GAAA,CAAA,OCjPlC;;;iBADc,YAAA;;;;GAIb,SAAS;;;IAAqD,kBAAA,CAAA,GAAA,CAAA;iBAmCjD,aAAA,CAAA,GAAa,kBAAA,CAAA,GAAA,CAAA"}