@snokam/page-content 0.0.0-stage → 6.9.4

package/dist/edit-mode/field-styles.js

@@ -0,0 +1,200 @@
+import styled from "@emotion/styled";
+export const TextArea = styled.textarea `
+  width: 100%;
+  min-height: 40px;
+  padding: 8px 10px;
+  border: 1px solid var(--o-border, rgba(7, 29, 65, 0.12));
+  border-radius: 8px;
+  background: var(--o-surface-2, #f4f8fb);
+  color: var(--o-text, #071d41);
+  font: inherit;
+  font-size: 13px;
+  resize: none;
+  overflow: hidden;
+`;
+export const Input = styled.input `
+  width: 100%;
+  height: 36px;
+  padding: 0 10px;
+  margin-top: 6px;
+  border: 1px solid var(--o-border, rgba(7, 29, 65, 0.12));
+  border-radius: 8px;
+  background: var(--o-surface-2, #f4f8fb);
+  color: var(--o-text, #071d41);
+  font-size: 13px;
+`;
+export const InputLabel = styled.label `
+  display: block;
+  font-size: 11px;
+  color: var(--o-text-muted, #5a6b82);
+  margin-top: 8px;
+`;
+export const SaveRow = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-top: 8px;
+`;
+export const SaveButton = styled.button `
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  height: 32px;
+  padding: 0 14px;
+  border: none;
+  border-radius: 8px;
+  background: var(--o-cyan, #0aa2c0);
+  color: var(--o-cyan-ink, #ffffff);
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: default;
+  }
+`;
+export const Spinner = styled.span `
+  width: 13px;
+  height: 13px;
+  border: 2px solid currentColor;
+  border-right-color: transparent;
+  border-radius: 50%;
+  animation: editmode-spin 0.6s linear infinite;
+
+  @keyframes editmode-spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+`;
+export const InlineError = styled.span `
+  font-size: 12px;
+  color: var(--o-danger, #d64545);
+`;
+export const SavedHint = styled.span `
+  font-size: 12px;
+  color: var(--o-cyan, #0aa2c0);
+`;
+export const ItemControlRow = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-top: 8px;
+`;
+export const ItemControlButton = styled.button `
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border: 1px solid var(--o-border, rgba(7, 29, 65, 0.12));
+  border-radius: 7px;
+  background: transparent;
+  color: ${({ $danger }) => $danger ? "var(--o-danger, #d64545)" : "var(--o-text-muted, #5a6b82)"};
+  cursor: pointer;
+
+  &:hover:not(:disabled) {
+    background: ${({ $danger }) => $danger
+    ? "color-mix(in srgb, var(--o-danger, #d64545) 10%, transparent)"
+    : "var(--o-hover-tint, rgba(7, 29, 65, 0.06))"};
+    border-color: ${({ $danger }) => $danger ? "var(--o-danger, #d64545)" : "var(--o-cyan, #0aa2c0)"};
+  }
+
+  &:disabled {
+    opacity: 0.4;
+    cursor: default;
+  }
+
+  svg {
+    font-size: 18px;
+  }
+`;
+export const SurfaceAddButton = styled.button `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  width: calc(100% - 36px);
+  margin: 8px 18px 4px;
+  height: 38px;
+  border: 1px dashed var(--o-border-strong, rgba(7, 29, 65, 0.24));
+  border-radius: 8px;
+  background: transparent;
+  color: var(--o-cyan, #0aa2c0);
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+
+  &:hover {
+    border-color: var(--o-cyan, #0aa2c0);
+    background: color-mix(in srgb, var(--o-cyan, #0aa2c0) 6%, transparent);
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: default;
+  }
+
+  svg {
+    font-size: 18px;
+  }
+`;
+export const ImagePreview = styled.img `
+  max-width: 100%;
+  max-height: 140px;
+  border-radius: 8px;
+  border: 1px solid var(--o-border, rgba(7, 29, 65, 0.12));
+  object-fit: contain;
+  display: block;
+`;
+export const BlockFieldWrap = styled.div `
+  border: 1px solid var(--o-border, rgba(7, 29, 65, 0.12));
+  border-radius: 8px;
+  padding: 4px 8px;
+  background: var(--o-surface-2, #f4f8fb);
+`;
+export const TypeToggleRow = styled.div `
+  display: flex;
+  gap: 6px;
+  margin-bottom: 8px;
+`;
+export const TypeToggleButton = styled.button `
+  flex: 1;
+  height: 32px;
+  border: 1px solid
+    ${({ $active }) => $active
+    ? "var(--o-cyan, #0aa2c0)"
+    : "var(--o-border, rgba(7, 29, 65, 0.12))"};
+  border-radius: 8px;
+  background: ${({ $active }) => $active ? "var(--o-cyan, #0aa2c0)" : "var(--o-surface-2, #f4f8fb)"};
+  color: ${({ $active }) => $active ? "var(--o-cyan-ink, #ffffff)" : "var(--o-text, #071d41)"};
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+`;
+export const GalleryGrid = styled.div `
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-bottom: 8px;
+`;
+export const GalleryThumb = styled.img `
+  width: 64px;
+  height: 64px;
+  border-radius: 6px;
+  border: 1px solid var(--o-border, rgba(7, 29, 65, 0.12));
+  object-fit: cover;
+`;
+export const FieldHint = styled.p `
+  margin: 6px 0 0;
+  font-size: 11px;
+  color: var(--o-text-faint, #94a3b8);
+`;
+export const VideoNote = styled.p `
+  margin: 0 0 6px;
+  font-size: 12px;
+  color: var(--o-text-muted, #5a6b82);
+  word-break: break-all;
+`;
+//# sourceMappingURL=field-styles.js.map

package/dist/edit-mode/field-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-styles.js","sourceRoot":"","sources":["../../src/edit-mode/field-styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAA;;;;;;;;;;;;CAYtC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;CAUhC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;CAKrC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKhC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;CAkBtC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;;CAajC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAA;;;CAGrC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAA;;;CAGnC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKvC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAuB;;;;;;;;;WAS1D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CACvB,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,8BAA8B;;;;kBAIvD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAC5B,OAAO;IACL,CAAC,CAAC,+DAA+D;IACjE,CAAC,CAAC,4CAA4C;oBAClC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAC9B,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,wBAAwB;;;;;;;;;;;CAWpE,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B5C,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOrC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKvC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAItC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAuB;;;;MAI9D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAChB,OAAO;IACL,CAAC,CAAC,wBAAwB;IAC1B,CAAC,CAAC,wCAAwC;;gBAElC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAC5B,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,6BAA6B;WAC3D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CACvB,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,wBAAwB;;;;CAIpE,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKpC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMrC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAA;;;;CAIhC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;CAKhC,CAAC"}

package/dist/edit-mode/fields/BlockField.d.ts

@@ -0,0 +1,5 @@
+import { EditableField } from "../types";
+export declare function BlockField({ field }: {
+    field: EditableField;
+}): any;
+//# sourceMappingURL=BlockField.d.ts.map

package/dist/edit-mode/fields/BlockField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockField.d.ts","sourceRoot":"","sources":["../../../src/edit-mode/fields/BlockField.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAOzC,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,aAAa,CAAA;CAAE,OAmD7D"}

package/dist/edit-mode/fields/BlockField.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { usePageContent } from "../../providers/PageContentProvider";
+import { PortableBlockEditor } from "../../editor";
+import { renameSanityToUnderscore, renameUnderscoreToSanity, } from "../../editor/rename";
+import { saveBlock } from "../save";
+import { saveSurfaceValue } from "../surface-ops";
+import { stripStegaBlocks } from "../stega";
+import { BlockFieldWrap } from "../styles";
+import { SaveControls, useEditActions, useSaver } from "./shared";
+export function BlockField({ field }) {
+    const { getBlock } = usePageContent();
+    const { client, target, setOverride, refresh } = useEditActions();
+    const surface = field.surface;
+    const [blocks, setBlocks] = useState(() => renameUnderscoreToSanity(stripStegaBlocks(surface ? (field.surfaceBlock ?? []) : getBlock(field.key))));
+    const { saving, saved, error, run } = useSaver();
+    const onSave = () => run(async () => {
+        const native = renameSanityToUnderscore(blocks);
+        if (surface && field.surface?.field) {
+            await saveSurfaceValue(client, surface, target, field.surface.field, native);
+            refresh();
+            return;
+        }
+        const override = await saveBlock(client, field, target, native);
+        setOverride(field.key, override);
+        refresh();
+        return override;
+    });
+    return (_jsxs(_Fragment, { children: [_jsx(BlockFieldWrap, { children: _jsx(PortableBlockEditor, { blocks: blocks, onChange: setBlocks, assetClient: client.assets }) }), _jsx(SaveControls, { saving: saving, saved: saved, error: error, onSave: onSave })] }));
+}
+//# sourceMappingURL=BlockField.js.map

package/dist/edit-mode/fields/BlockField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockField.js","sourceRoot":"","sources":["../../../src/edit-mode/fields/BlockField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAS,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EACL,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAmB,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAElE,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAA4B;IAC5D,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IAClE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAsC,CAAC;IAC7D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAClC,GAAG,EAAE,CACH,wBAAwB,CACtB,gBAAgB,CACd,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAC3D,CACS,CACf,CAAC;IACF,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,QAAQ,EAAE,CAAC;IAEjD,MAAM,MAAM,GAAG,GAAG,EAAE,CAClB,GAAG,CAAC,KAAK,IAAI,EAAE;QACb,MAAM,MAAM,GAAG,wBAAwB,CAAC,MAAM,CAAwB,CAAC;QACvE,IAAI,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;YACpC,MAAM,gBAAgB,CACpB,MAAM,EACN,OAAO,EACP,MAAM,EACN,KAAK,CAAC,OAAO,CAAC,KAAK,EACnB,MAAM,CACP,CAAC;YACF,OAAO,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QACD,MAAM,QAAQ,GAAG,MAAM,SAAS,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAChE,WAAW,CAAC,KAAK,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;QACjC,OAAO,EAAE,CAAC;QACV,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC,CAAC;IAEL,OAAO,CACL,8BACE,KAAC,cAAc,cACb,KAAC,mBAAmB,IAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,SAAS,EACnB,WAAW,EAAE,MAAM,CAAC,MAAM,GAC1B,GACa,EACjB,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,IACD,CACJ,CAAC;AACJ,CAAC"}

package/dist/edit-mode/fields/FieldEditor.d.ts

@@ -0,0 +1,5 @@
+import { EditableField } from "../types";
+export declare function FieldEditor({ field }: {
+    field: EditableField;
+}): any;
+//# sourceMappingURL=FieldEditor.d.ts.map

package/dist/edit-mode/fields/FieldEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldEditor.d.ts","sourceRoot":"","sources":["../../../src/edit-mode/fields/FieldEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAYzC,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,aAAa,CAAA;CAAE,OAyB9D"}

package/dist/edit-mode/fields/FieldEditor.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TextField } from "./TextField";
+import { LinkField } from "./LinkField";
+import { ImageField } from "./ImageField";
+import { SurfaceLinkField } from "./SurfaceLinkField";
+import { VisibilityField } from "./VisibilityField";
+import { BlockField } from "./BlockField";
+import { MediaField } from "./MediaField";
+import { YoutubeField } from "./YoutubeField";
+import { VideoField } from "./VideoField";
+import { GalleryField } from "./GalleryField";
+export function FieldEditor({ field }) {
+    switch (field.kind) {
+        case "component.text":
+            return _jsx(TextField, { field: field });
+        case "component.link":
+            return _jsx(LinkField, { field: field });
+        case "component.image":
+            return _jsx(ImageField, { field: field });
+        case "surface.link":
+            return _jsx(SurfaceLinkField, { field: field });
+        case "surface.visibility":
+            return _jsx(VisibilityField, { field: field });
+        case "component.block":
+            return _jsx(BlockField, { field: field });
+        case "component.media":
+            return _jsx(MediaField, { field: field });
+        case "component.youtube":
+            return _jsx(YoutubeField, { field: field });
+        case "component.video":
+            return _jsx(VideoField, { field: field });
+        case "component.gallery":
+            return _jsx(GalleryField, { field: field });
+        default:
+            return null;
+    }
+}
+//# sourceMappingURL=FieldEditor.js.map

package/dist/edit-mode/fields/FieldEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldEditor.js","sourceRoot":"","sources":["../../../src/edit-mode/fields/FieldEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAA4B;IAC7D,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,gBAAgB;YACnB,OAAO,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QACrC,KAAK,gBAAgB;YACnB,OAAO,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QACrC,KAAK,iBAAiB;YACpB,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QACtC,KAAK,cAAc;YACjB,OAAO,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QAC5C,KAAK,oBAAoB;YACvB,OAAO,KAAC,eAAe,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QAC3C,KAAK,iBAAiB;YACpB,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QACtC,KAAK,iBAAiB;YACpB,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QACtC,KAAK,mBAAmB;YACtB,OAAO,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QACxC,KAAK,iBAAiB;YACpB,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QACtC,KAAK,mBAAmB;YACtB,OAAO,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QACxC;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC"}

package/dist/edit-mode/fields/GalleryField.d.ts

@@ -0,0 +1,5 @@
+import { EditableField } from "../types";
+export declare function GalleryField({ field }: {
+    field: EditableField;
+}): any;
+//# sourceMappingURL=GalleryField.d.ts.map

package/dist/edit-mode/fields/GalleryField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryField.d.ts","sourceRoot":"","sources":["../../../src/edit-mode/fields/GalleryField.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAkBzC,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,aAAa,CAAA;CAAE,OA4E/D"}

package/dist/edit-mode/fields/GalleryField.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { usePageContent } from "../../providers/PageContentProvider";
+import { textOrFallback } from "../../admin-form-labels";
+import { getSanityImageUrl } from "../image-url";
+import { appendGalleryImage } from "../save-media";
+import { FieldHint, GalleryGrid, GalleryThumb, InlineError, SaveButton, SavedHint, SaveRow, Spinner, } from "../styles";
+import { useEditActions } from "./shared";
+export function GalleryField({ field }) {
+    const { getComponent, getText } = usePageContent();
+    const { client, target, refresh } = useEditActions();
+    const inputRef = useRef(null);
+    const [saving, setSaving] = useState(false);
+    const [saved, setSaved] = useState(false);
+    const [error, setError] = useState(null);
+    const media = getComponent(field.key)?.media;
+    const images = (media ?? []).filter((item) => item.asset?.url);
+    const onFile = async (file) => {
+        if (!file)
+            return;
+        setSaving(true);
+        setError(null);
+        setSaved(false);
+        try {
+            await appendGalleryImage(client, field, target, file);
+            refresh();
+            setSaved(true);
+        }
+        catch (e) {
+            setError(e instanceof Error
+                ? e.message
+                : textOrFallback(getText, "editModeUploadFailed", "Opplasting feilet"));
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return (_jsxs(_Fragment, { children: [images.length > 0 && (_jsx(GalleryGrid, { children: images.map((item, index) => (_jsx(GalleryThumb, { src: getSanityImageUrl(item.asset?.url ?? "", { width: 128 }), alt: `${field.key} ${index + 1}` }, item.sanityKey ?? index))) })), _jsxs(SaveRow, { children: [_jsxs(SaveButton, { type: "button", onClick: () => inputRef.current?.click(), disabled: saving, children: [saving && _jsx(Spinner, {}), textOrFallback(getText, "editModeAddImage", "Legg til bilde")] }), saved && !saving && !error && (_jsx(SavedHint, { children: textOrFallback(getText, "editModeSaved", "Lagret") })), error && _jsx(InlineError, { role: "alert", children: error })] }), _jsx(FieldHint, { children: textOrFallback(getText, "editModeGalleryHint", "Nye bilder legges til i galleriet.") }), _jsx("input", { ref: inputRef, type: "file", accept: "image/*", hidden: true, onChange: (e) => onFile(e.target.files?.[0]) })] }));
+}
+//# sourceMappingURL=GalleryField.js.map

package/dist/edit-mode/fields/GalleryField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryField.js","sourceRoot":"","sources":["../../../src/edit-mode/fields/GalleryField.tsx"],"names":[],"mappings":"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"}

package/dist/edit-mode/fields/ImageField.d.ts

@@ -0,0 +1,5 @@
+import { EditableField } from "../types";
+export declare function ImageField({ field }: {
+    field: EditableField;
+}): any;
+//# sourceMappingURL=ImageField.d.ts.map

package/dist/edit-mode/fields/ImageField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageField.d.ts","sourceRoot":"","sources":["../../../src/edit-mode/fields/ImageField.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAYzC,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,aAAa,CAAA;CAAE,OAgE7D"}

package/dist/edit-mode/fields/ImageField.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { usePageContent } from "../../providers/PageContentProvider";
+import { textOrFallback } from "../../admin-form-labels";
+import { getSanityImageUrl } from "../image-url";
+import { saveImage } from "../save";
+import { ImagePreview, InlineError, SaveButton, SaveRow, SavedHint, Spinner, } from "../styles";
+import { useEditActions } from "./shared";
+export function ImageField({ field }) {
+    const { getImage, getText } = usePageContent();
+    const { client, target, setOverride, refresh } = useEditActions();
+    const inputRef = useRef(null);
+    const [saving, setSaving] = useState(false);
+    const [saved, setSaved] = useState(false);
+    const [error, setError] = useState(null);
+    const url = getImage(field.key)?.url;
+    const onFile = async (file) => {
+        if (!file)
+            return;
+        setSaving(true);
+        setError(null);
+        setSaved(false);
+        try {
+            const override = await saveImage(client, field, target, file);
+            setOverride(field.key, override);
+            refresh();
+            setSaved(true);
+        }
+        catch (e) {
+            setError(e instanceof Error
+                ? e.message
+                : textOrFallback(getText, "editModeUploadFailed", "Opplasting feilet"));
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return (_jsxs(_Fragment, { children: [url && (_jsx(ImagePreview, { src: getSanityImageUrl(url, { width: 320 }), alt: field.key })), _jsxs(SaveRow, { children: [_jsxs(SaveButton, { type: "button", onClick: () => inputRef.current?.click(), disabled: saving, children: [saving && _jsx(Spinner, {}), textOrFallback(getText, "editModeReplaceImage", "Bytt bilde")] }), saved && !saving && !error && (_jsx(SavedHint, { children: textOrFallback(getText, "editModeSaved", "Lagret") })), error && _jsx(InlineError, { role: "alert", children: error })] }), _jsx("input", { ref: inputRef, type: "file", accept: "image/*", hidden: true, onChange: (e) => onFile(e.target.files?.[0]) })] }));
+}
+//# sourceMappingURL=ImageField.js.map

package/dist/edit-mode/fields/ImageField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageField.js","sourceRoot":"","sources":["../../../src/edit-mode/fields/ImageField.tsx"],"names":[],"mappings":"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"}

package/dist/edit-mode/fields/LinkField.d.ts

@@ -0,0 +1,5 @@
+import { EditableField } from "../types";
+export declare function LinkField({ field }: {
+    field: EditableField;
+}): any;
+//# sourceMappingURL=LinkField.d.ts.map

package/dist/edit-mode/fields/LinkField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkField.d.ts","sourceRoot":"","sources":["../../../src/edit-mode/fields/LinkField.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAMzC,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,aAAa,CAAA;CAAE,OAsC5D"}

package/dist/edit-mode/fields/LinkField.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { usePageContent } from "../../providers/PageContentProvider";
+import { textOrFallback } from "../../admin-form-labels";
+import { saveLink } from "../save";
+import { stripStega } from "../stega";
+import { Input, InputLabel } from "../styles";
+import { SaveControls, useEditActions, useSaver } from "./shared";
+export function LinkField({ field }) {
+    const { getLink, getText } = usePageContent();
+    const { client, target, setOverride, refresh } = useEditActions();
+    const current = getLink(field.key);
+    const [text, setText] = useState(() => stripStega(current?.text ?? ""));
+    const [link, setLink] = useState(() => stripStega(current?.link ?? ""));
+    const { saving, saved, error, run } = useSaver();
+    const onSave = () => run(async () => {
+        const override = await saveLink(client, field, target, link, text);
+        setOverride(field.key, override);
+        refresh();
+        return override;
+    });
+    return (_jsxs(_Fragment, { children: [_jsx(InputLabel, { children: textOrFallback(getText, "editModeLinkText", "Tekst") }), _jsx(Input, { value: text, onChange: (e) => setText(e.target.value) }), _jsx(InputLabel, { children: textOrFallback(getText, "editModeLinkUrl", "Lenke") }), _jsx(Input, { value: link, onChange: (e) => setLink(e.target.value), placeholder: "https://\u2026" }), _jsx(SaveControls, { saving: saving, saved: saved, error: error, onSave: onSave })] }));
+}
+//# sourceMappingURL=LinkField.js.map

package/dist/edit-mode/fields/LinkField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkField.js","sourceRoot":"","sources":["../../../src/edit-mode/fields/LinkField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAElE,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAA4B;IAC3D,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IAC9C,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IAClE,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACnC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC;IACxE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC;IACxE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,QAAQ,EAAE,CAAC;IAEjD,MAAM,MAAM,GAAG,GAAG,EAAE,CAClB,GAAG,CAAC,KAAK,IAAI,EAAE;QACb,MAAM,QAAQ,GAAG,MAAM,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QACnE,WAAW,CAAC,KAAK,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;QACjC,OAAO,EAAE,CAAC;QACV,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC,CAAC;IAEL,OAAO,CACL,8BACE,KAAC,UAAU,cACR,cAAc,CAAC,OAAO,EAAE,kBAAkB,EAAE,OAAO,CAAC,GAC1C,EACb,KAAC,KAAK,IAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAI,EAChE,KAAC,UAAU,cACR,cAAc,CAAC,OAAO,EAAE,iBAAiB,EAAE,OAAO,CAAC,GACzC,EACb,KAAC,KAAK,IACJ,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,WAAW,EAAC,gBAAW,GACvB,EACF,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,IACD,CACJ,CAAC;AACJ,CAAC"}

package/dist/edit-mode/fields/MediaField.d.ts

@@ -0,0 +1,5 @@
+import { EditableField } from "../types";
+export declare function MediaField({ field }: {
+    field: EditableField;
+}): any;
+//# sourceMappingURL=MediaField.d.ts.map

package/dist/edit-mode/fields/MediaField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaField.d.ts","sourceRoot":"","sources":["../../../src/edit-mode/fields/MediaField.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAuBzC,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,aAAa,CAAA;CAAE,OAoG7D"}

package/dist/edit-mode/fields/MediaField.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { usePageContent } from "../../providers/PageContentProvider";
+import { textOrFallback } from "../../admin-form-labels";
+import { getSanityImageUrl } from "../image-url";
+import { filenameFromUrl, saveMediaImage, saveMediaVideo } from "../save-media";
+import { ImagePreview, InlineError, Input, InputLabel, SaveButton, SavedHint, SaveRow, Spinner, TypeToggleButton, TypeToggleRow, VideoNote, } from "../styles";
+import { SaveControls, useEditActions, useSaver } from "./shared";
+export function MediaField({ field }) {
+    const { getComponent, getText } = usePageContent();
+    const { client, target, refresh } = useEditActions();
+    const current = getComponent(field.key);
+    const inputRef = useRef(null);
+    const [mode, setMode] = useState(current?.type ?? "image");
+    const [url, setUrl] = useState("");
+    const { saving, saved, error, run } = useSaver();
+    const imageUrl = current?.image?.asset?.url;
+    const onImage = (file) => {
+        if (!file)
+            return;
+        run(async () => {
+            await saveMediaImage(client, field, target, file);
+            refresh();
+        });
+    };
+    const onVideo = () => run(async () => {
+        await saveMediaVideo(client, field, target, url, filenameFromUrl(url));
+        refresh();
+    });
+    return (_jsxs(_Fragment, { children: [_jsxs(TypeToggleRow, { children: [_jsx(TypeToggleButton, { type: "button", "$active": mode === "image", onClick: () => setMode("image"), children: textOrFallback(getText, "editModeMediaImage", "Bilde") }), _jsx(TypeToggleButton, { type: "button", "$active": mode === "video", onClick: () => setMode("video"), children: textOrFallback(getText, "editModeMediaVideo", "Video") })] }), mode === "image" ? (_jsxs(_Fragment, { children: [imageUrl && (_jsx(ImagePreview, { src: getSanityImageUrl(imageUrl, { width: 320 }), alt: field.key })), _jsxs(SaveRow, { children: [_jsxs(SaveButton, { type: "button", onClick: () => inputRef.current?.click(), disabled: saving, children: [saving && _jsx(Spinner, {}), textOrFallback(getText, "editModeReplaceImage", "Bytt bilde")] }), saved && !saving && !error && (_jsx(SavedHint, { children: textOrFallback(getText, "editModeSaved", "Lagret") })), error && _jsx(InlineError, { role: "alert", children: error })] }), _jsx("input", { ref: inputRef, type: "file", accept: "image/*", hidden: true, onChange: (e) => onImage(e.target.files?.[0]) })] })) : (_jsxs(_Fragment, { children: [current?.video?.asset?.filename && (_jsx(VideoNote, { children: current.video.asset.filename })), _jsx(InputLabel, { children: textOrFallback(getText, "editModeVideoUrl", "Video-URL") }), _jsx(Input, { value: url, onChange: (e) => setUrl(e.target.value), placeholder: "https://\u2026" }), _jsx(SaveControls, { saving: saving, saved: saved, error: error, disabled: !url, onSave: onVideo })] }))] }));
+}
+//# sourceMappingURL=MediaField.js.map

package/dist/edit-mode/fields/MediaField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaField.js","sourceRoot":"","sources":["../../../src/edit-mode/fields/MediaField.tsx"],"names":[],"mappings":"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"}

package/dist/edit-mode/fields/SurfaceAddItem.d.ts

@@ -0,0 +1,5 @@
+import { SurfaceDescriptor } from "../surfaces";
+export declare function SurfaceAddItem({ descriptor, }: {
+    descriptor: SurfaceDescriptor;
+}): any;
+//# sourceMappingURL=SurfaceAddItem.d.ts.map

package/dist/edit-mode/fields/SurfaceAddItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SurfaceAddItem.d.ts","sourceRoot":"","sources":["../../../src/edit-mode/fields/SurfaceAddItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAKhD,wBAAgB,cAAc,CAAC,EAC7B,UAAU,GACX,EAAE;IACD,UAAU,EAAE,iBAAiB,CAAC;CAC/B,OAwCA"}

package/dist/edit-mode/fields/SurfaceAddItem.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import AddRoundedIcon from "@mui/icons-material/AddRounded";
+import { usePageContent } from "../../providers/PageContentProvider";
+import { useAppContent } from "../../providers/AppContentProvider";
+import { textOrFallback } from "../../admin-form-labels";
+import { addSurfaceItem } from "../surface-ops";
+import { InlineError, SurfaceAddButton, Spinner } from "../styles";
+import { useEditActions, useSaver } from "./shared";
+export function SurfaceAddItem({ descriptor, }) {
+    const content = usePageContent();
+    const { getText } = content;
+    const appContent = useAppContent();
+    const { client, target, docKeys, refresh } = useEditActions();
+    const { saving, error, run } = useSaver();
+    const onAdd = () => run(async () => {
+        const items = descriptor.currentItems({
+            appContent: appContent,
+            pageContent: content,
+        });
+        const label = textOrFallback(getText, descriptor.newItemKey, descriptor.newItemFallback);
+        await addSurfaceItem(client, descriptor.owner, descriptor.path, target, items, descriptor.newItem(label), "end", docKeys[descriptor.id]);
+        refresh();
+    });
+    return (_jsxs(_Fragment, { children: [_jsxs(SurfaceAddButton, { type: "button", onClick: onAdd, disabled: saving, children: [saving ? _jsx(Spinner, {}) : _jsx(AddRoundedIcon, { fontSize: "small" }), textOrFallback(getText, descriptor.addKey, descriptor.addFallback)] }), error && _jsx(InlineError, { role: "alert", children: error })] }));
+}
+//# sourceMappingURL=SurfaceAddItem.js.map

package/dist/edit-mode/fields/SurfaceAddItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SurfaceAddItem.js","sourceRoot":"","sources":["../../../src/edit-mode/fields/SurfaceAddItem.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,UAAU,cAAc,CAAC,EAC7B,UAAU,GAGX;IACC,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAC5B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IAC9D,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE1C,MAAM,KAAK,GAAG,GAAG,EAAE,CACjB,GAAG,CAAC,KAAK,IAAI,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC;YACpC,UAAU,EAAE,UAAwD;YACpE,WAAW,EAAE,OAA6C;SAC3D,CAAC,CAAC;QACH,MAAM,KAAK,GAAG,cAAc,CAC1B,OAAO,EACP,UAAU,CAAC,UAAU,EACrB,UAAU,CAAC,eAAe,CAC3B,CAAC;QACF,MAAM,cAAc,CAClB,MAAM,EACN,UAAU,CAAC,KAAK,EAChB,UAAU,CAAC,IAAI,EACf,MAAM,EACN,KAAK,EACL,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,EACzB,KAAK,EACL,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC,CACvB,CAAC;QACF,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC,CAAC;IAEL,OAAO,CACL,8BACE,MAAC,gBAAgB,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,aAC7D,MAAM,CAAC,CAAC,CAAC,KAAC,OAAO,KAAG,CAAC,CAAC,CAAC,KAAC,cAAc,IAAC,QAAQ,EAAC,OAAO,GAAG,EAC1D,cAAc,CAAC,OAAO,EAAE,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,WAAW,CAAC,IAClD,EAClB,KAAK,IAAI,KAAC,WAAW,IAAC,IAAI,EAAC,OAAO,YAAE,KAAK,GAAe,IACxD,CACJ,CAAC;AACJ,CAAC"}

package/dist/edit-mode/fields/SurfaceItemControls.d.ts

@@ -0,0 +1,8 @@
+import { SurfaceLocation } from "../surface-ops";
+export declare function SurfaceItemControls({ location, siblings, childPathExpr, childItems, }: {
+    location: SurfaceLocation;
+    siblings: unknown[];
+    childPathExpr?: string;
+    childItems?: unknown[];
+}): any;
+//# sourceMappingURL=SurfaceItemControls.d.ts.map

package/dist/edit-mode/fields/SurfaceItemControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SurfaceItemControls.d.ts","sourceRoot":"","sources":["../../../src/edit-mode/fields/SurfaceItemControls.tsx"],"names":[],"mappings":"AASA,OAAO,EAIL,eAAe,EAChB,MAAM,gBAAgB,CAAC;AAIxB,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,UAAU,GACX,EAAE;IACD,QAAQ,EAAE,eAAe,CAAC;IAC1B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,EAAE,CAAC;CACxB,OAsGA"}

package/dist/edit-mode/fields/SurfaceItemControls.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import DeleteOutlineRoundedIcon from "@mui/icons-material/DeleteOutlineRounded";
+import KeyboardArrowUpRoundedIcon from "@mui/icons-material/KeyboardArrowUpRounded";
+import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
+import AddRoundedIcon from "@mui/icons-material/AddRounded";
+import { usePageContent } from "../../providers/PageContentProvider";
+import { textOrFallback } from "../../admin-form-labels";
+import { randomKey } from "../../editor";
+import { addSurfaceItem, moveSurfaceItem, removeSurfaceItem, } from "../surface-ops";
+import { InlineError, ItemControlButton, ItemControlRow } from "../styles";
+import { useEditActions, useSaver } from "./shared";
+export function SurfaceItemControls({ location, siblings, childPathExpr, childItems, }) {
+    const { getText } = usePageContent();
+    const { client, target, refresh } = useEditActions();
+    const { saving, error, run } = useSaver();
+    const index = siblings.findIndex((item) => item?.sanityKey === location.itemKey);
+    const onRemove = () => run(async () => {
+        await removeSurfaceItem(client, location, target);
+        refresh();
+    });
+    const onMove = (direction) => run(async () => {
+        await moveSurfaceItem(client, location.owner, location.pathExpr, target, siblings, location.itemKey, direction, location.docKey);
+        refresh();
+    });
+    const onAddChild = () => run(async () => {
+        if (!childPathExpr)
+            return;
+        await addSurfaceItem(client, location.owner, childPathExpr, target, childItems ?? [], {
+            sanityKey: randomKey(),
+            sanityType: "handbook.subsection",
+            title: textOrFallback(getText, "editModeAddedSubsection", "Nytt punkt"),
+            internal: false,
+            content: [],
+        }, "end", location.docKey);
+        refresh();
+    });
+    return (_jsxs(_Fragment, { children: [_jsxs(ItemControlRow, { children: [_jsx(ItemControlButton, { type: "button", disabled: saving || index <= 0, onClick: () => onMove("up"), title: textOrFallback(getText, "editModeMoveUp", "Flytt opp"), children: _jsx(KeyboardArrowUpRoundedIcon, { fontSize: "small" }) }), _jsx(ItemControlButton, { type: "button", disabled: saving || index < 0 || index >= siblings.length - 1, onClick: () => onMove("down"), title: textOrFallback(getText, "editModeMoveDown", "Flytt ned"), children: _jsx(KeyboardArrowDownRoundedIcon, { fontSize: "small" }) }), childPathExpr && (_jsx(ItemControlButton, { type: "button", disabled: saving, onClick: onAddChild, title: textOrFallback(getText, "editModeSubsectionAdd", "Legg til punkt"), children: _jsx(AddRoundedIcon, { fontSize: "small" }) })), _jsx(ItemControlButton, { type: "button", "$danger": true, disabled: saving, onClick: onRemove, title: textOrFallback(getText, "editModeRemove", "Fjern"), children: _jsx(DeleteOutlineRoundedIcon, { fontSize: "small" }) })] }), error && _jsx(InlineError, { role: "alert", children: error })] }));
+}
+//# sourceMappingURL=SurfaceItemControls.js.map