lkb-fields-document 1.0.0

package/dist/callout-ui-3e5ca544.node.esm.js

@@ -0,0 +1,126 @@
+'use client';
+import { ActionGroup, Item } from '@keystar/ui/action-group';
+import { ActionButton } from '@keystar/ui/button';
+import { TooltipTrigger, Tooltip } from '@keystar/ui/tooltip';
+import { Text } from '@keystar/ui/typography';
+import { trash2Icon } from '@keystar/ui/icon/icons/trash2Icon';
+import { Icon } from '@keystar/ui/icon';
+import { Flex, Divider } from '@keystar/ui/layout';
+import { alertOctagonIcon } from '@keystar/ui/icon/icons/alertOctagonIcon';
+import { alertTriangleIcon } from '@keystar/ui/icon/icons/alertTriangleIcon';
+import { checkCircle2Icon } from '@keystar/ui/icon/icons/checkCircle2Icon';
+import { infoIcon } from '@keystar/ui/icon/icons/infoIcon';
+import { css, tokenSchema } from '@keystar/ui/style';
+import { N as NotEditable } from './api-c32e360e.node.esm.js';
+import { KeystarProvider } from '@keystar/ui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'lkb-core';
+import '@keystar/ui/drag-and-drop';
+import 'react';
+import './index-586adb8f.node.esm.js';
+import 'slate';
+import '@braintree/sanitize-url';
+import '@react-aria/i18n';
+import '@keystar/ui/number-field';
+import '@keystar/ui/picker';
+import '@keystar/ui/combobox';
+import '@keystar/ui/text-field';
+import '@keystar/ui/tag';
+import '@keystar/ui/checkbox';
+
+const toneToIcon = {
+  caution: alertTriangleIcon,
+  critical: alertOctagonIcon,
+  info: infoIcon,
+  positive: checkCircle2Icon
+};
+const toneToColor = {
+  caution: 'caution',
+  critical: 'critical',
+  info: 'accent',
+  positive: 'positive'
+};
+function Callout({
+  children,
+  tone = 'info',
+  ...props
+}) {
+  let icon = toneToIcon[tone];
+  let color = toneToColor[tone];
+  return /*#__PURE__*/jsxs("div", {
+    ...props,
+    className: css({
+      borderRadius: tokenSchema.size.radius.regular,
+      background: 'var(--bg)',
+      color: 'var(--fg)',
+      display: 'flex',
+      gap: '1em',
+      padding: '1em',
+      svg: {
+        flexShrink: 0,
+        fill: 'none',
+        stroke: 'currentColor',
+        height: 20,
+        width: 20
+      }
+    }),
+    style: {
+      // @ts-expect-error
+      '--bg': tokenSchema.color.background[color],
+      '--fg': tokenSchema.color.foreground[color]
+    },
+    children: [/*#__PURE__*/jsx(NotEditable, {
+      children: /*#__PURE__*/jsx(Icon, {
+        src: icon
+      })
+    }), /*#__PURE__*/jsx("div", {
+      children: children
+    })]
+  });
+}
+function CalloutToolbar(props) {
+  return /*#__PURE__*/jsx(KeystarProvider, {
+    children: /*#__PURE__*/jsxs(Flex, {
+      gap: "regular",
+      padding: "regular",
+      children: [/*#__PURE__*/jsx(ActionGroup, {
+        selectionMode: "single",
+        prominence: "low",
+        density: "compact",
+        buttonLabelBehavior: "hide",
+        onAction: key => {
+          props.onChange(key);
+        },
+        selectedKeys: [props.tone],
+        items: props.tones,
+        children: item => /*#__PURE__*/jsxs(Item, {
+          textValue: item.label,
+          children: [/*#__PURE__*/jsx(Icon, {
+            src: toneToIcon[item.value]
+          }), /*#__PURE__*/jsx(Text, {
+            children: item.label
+          })]
+        }, item.value)
+      }), /*#__PURE__*/jsx(Divider, {
+        orientation: "vertical"
+      }), /*#__PURE__*/jsxs(TooltipTrigger, {
+        children: [/*#__PURE__*/jsx(ActionButton, {
+          prominence: "low",
+          onPress: () => {
+            props.onRemove();
+          },
+          children: /*#__PURE__*/jsx(Icon, {
+            src: trash2Icon
+          })
+        }), /*#__PURE__*/jsx(Tooltip, {
+          tone: "critical",
+          children: /*#__PURE__*/jsx(Text, {
+            children: "Remove"
+          })
+        })]
+      })]
+    })
+  });
+}
+
+export { Callout, CalloutToolbar };

package/dist/callout-ui-8b5f2376.esm.js

@@ -0,0 +1,126 @@
+'use client';
+import { ActionGroup, Item } from '@keystar/ui/action-group';
+import { ActionButton } from '@keystar/ui/button';
+import { TooltipTrigger, Tooltip } from '@keystar/ui/tooltip';
+import { Text } from '@keystar/ui/typography';
+import { trash2Icon } from '@keystar/ui/icon/icons/trash2Icon';
+import { Icon } from '@keystar/ui/icon';
+import { Flex, Divider } from '@keystar/ui/layout';
+import { alertOctagonIcon } from '@keystar/ui/icon/icons/alertOctagonIcon';
+import { alertTriangleIcon } from '@keystar/ui/icon/icons/alertTriangleIcon';
+import { checkCircle2Icon } from '@keystar/ui/icon/icons/checkCircle2Icon';
+import { infoIcon } from '@keystar/ui/icon/icons/infoIcon';
+import { css, tokenSchema } from '@keystar/ui/style';
+import { N as NotEditable } from './api-2f524611.esm.js';
+import { KeystarProvider } from '@keystar/ui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'lkb-core';
+import '@keystar/ui/drag-and-drop';
+import 'react';
+import './index-67d52357.esm.js';
+import 'slate';
+import '@braintree/sanitize-url';
+import '@react-aria/i18n';
+import '@keystar/ui/number-field';
+import '@keystar/ui/picker';
+import '@keystar/ui/combobox';
+import '@keystar/ui/text-field';
+import '@keystar/ui/tag';
+import '@keystar/ui/checkbox';
+
+const toneToIcon = {
+  caution: alertTriangleIcon,
+  critical: alertOctagonIcon,
+  info: infoIcon,
+  positive: checkCircle2Icon
+};
+const toneToColor = {
+  caution: 'caution',
+  critical: 'critical',
+  info: 'accent',
+  positive: 'positive'
+};
+function Callout({
+  children,
+  tone = 'info',
+  ...props
+}) {
+  let icon = toneToIcon[tone];
+  let color = toneToColor[tone];
+  return /*#__PURE__*/jsxs("div", {
+    ...props,
+    className: css({
+      borderRadius: tokenSchema.size.radius.regular,
+      background: 'var(--bg)',
+      color: 'var(--fg)',
+      display: 'flex',
+      gap: '1em',
+      padding: '1em',
+      svg: {
+        flexShrink: 0,
+        fill: 'none',
+        stroke: 'currentColor',
+        height: 20,
+        width: 20
+      }
+    }),
+    style: {
+      // @ts-expect-error
+      '--bg': tokenSchema.color.background[color],
+      '--fg': tokenSchema.color.foreground[color]
+    },
+    children: [/*#__PURE__*/jsx(NotEditable, {
+      children: /*#__PURE__*/jsx(Icon, {
+        src: icon
+      })
+    }), /*#__PURE__*/jsx("div", {
+      children: children
+    })]
+  });
+}
+function CalloutToolbar(props) {
+  return /*#__PURE__*/jsx(KeystarProvider, {
+    children: /*#__PURE__*/jsxs(Flex, {
+      gap: "regular",
+      padding: "regular",
+      children: [/*#__PURE__*/jsx(ActionGroup, {
+        selectionMode: "single",
+        prominence: "low",
+        density: "compact",
+        buttonLabelBehavior: "hide",
+        onAction: key => {
+          props.onChange(key);
+        },
+        selectedKeys: [props.tone],
+        items: props.tones,
+        children: item => /*#__PURE__*/jsxs(Item, {
+          textValue: item.label,
+          children: [/*#__PURE__*/jsx(Icon, {
+            src: toneToIcon[item.value]
+          }), /*#__PURE__*/jsx(Text, {
+            children: item.label
+          })]
+        }, item.value)
+      }), /*#__PURE__*/jsx(Divider, {
+        orientation: "vertical"
+      }), /*#__PURE__*/jsxs(TooltipTrigger, {
+        children: [/*#__PURE__*/jsx(ActionButton, {
+          prominence: "low",
+          onPress: () => {
+            props.onRemove();
+          },
+          children: /*#__PURE__*/jsx(Icon, {
+            src: trash2Icon
+          })
+        }), /*#__PURE__*/jsx(Tooltip, {
+          tone: "critical",
+          children: /*#__PURE__*/jsx(Text, {
+            children: "Remove"
+          })
+        })]
+      })]
+    })
+  });
+}
+
+export { Callout, CalloutToolbar };

package/dist/callout-ui-ad50f301.node.cjs.js

@@ -0,0 +1,131 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var actionGroup = require('@keystar/ui/action-group');
+var button = require('@keystar/ui/button');
+var tooltip = require('@keystar/ui/tooltip');
+var typography = require('@keystar/ui/typography');
+var trash2Icon = require('@keystar/ui/icon/icons/trash2Icon');
+var icon = require('@keystar/ui/icon');
+var layout = require('@keystar/ui/layout');
+var alertOctagonIcon = require('@keystar/ui/icon/icons/alertOctagonIcon');
+var alertTriangleIcon = require('@keystar/ui/icon/icons/alertTriangleIcon');
+var checkCircle2Icon = require('@keystar/ui/icon/icons/checkCircle2Icon');
+var infoIcon = require('@keystar/ui/icon/icons/infoIcon');
+var style = require('@keystar/ui/style');
+var api = require('./api-8e2b20b8.node.cjs.js');
+var core = require('@keystar/ui/core');
+var jsxRuntime = require('react/jsx-runtime');
+require('lkb-core');
+require('@keystar/ui/drag-and-drop');
+require('react');
+require('./index-c3223fdc.node.cjs.js');
+require('slate');
+require('@braintree/sanitize-url');
+require('@react-aria/i18n');
+require('@keystar/ui/number-field');
+require('@keystar/ui/picker');
+require('@keystar/ui/combobox');
+require('@keystar/ui/text-field');
+require('@keystar/ui/tag');
+require('@keystar/ui/checkbox');
+
+const toneToIcon = {
+  caution: alertTriangleIcon.alertTriangleIcon,
+  critical: alertOctagonIcon.alertOctagonIcon,
+  info: infoIcon.infoIcon,
+  positive: checkCircle2Icon.checkCircle2Icon
+};
+const toneToColor = {
+  caution: 'caution',
+  critical: 'critical',
+  info: 'accent',
+  positive: 'positive'
+};
+function Callout({
+  children,
+  tone = 'info',
+  ...props
+}) {
+  let icon$1 = toneToIcon[tone];
+  let color = toneToColor[tone];
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    ...props,
+    className: style.css({
+      borderRadius: style.tokenSchema.size.radius.regular,
+      background: 'var(--bg)',
+      color: 'var(--fg)',
+      display: 'flex',
+      gap: '1em',
+      padding: '1em',
+      svg: {
+        flexShrink: 0,
+        fill: 'none',
+        stroke: 'currentColor',
+        height: 20,
+        width: 20
+      }
+    }),
+    style: {
+      // @ts-expect-error
+      '--bg': style.tokenSchema.color.background[color],
+      '--fg': style.tokenSchema.color.foreground[color]
+    },
+    children: [/*#__PURE__*/jsxRuntime.jsx(api.NotEditable, {
+      children: /*#__PURE__*/jsxRuntime.jsx(icon.Icon, {
+        src: icon$1
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      children: children
+    })]
+  });
+}
+function CalloutToolbar(props) {
+  return /*#__PURE__*/jsxRuntime.jsx(core.KeystarProvider, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(layout.Flex, {
+      gap: "regular",
+      padding: "regular",
+      children: [/*#__PURE__*/jsxRuntime.jsx(actionGroup.ActionGroup, {
+        selectionMode: "single",
+        prominence: "low",
+        density: "compact",
+        buttonLabelBehavior: "hide",
+        onAction: key => {
+          props.onChange(key);
+        },
+        selectedKeys: [props.tone],
+        items: props.tones,
+        children: item => /*#__PURE__*/jsxRuntime.jsxs(actionGroup.Item, {
+          textValue: item.label,
+          children: [/*#__PURE__*/jsxRuntime.jsx(icon.Icon, {
+            src: toneToIcon[item.value]
+          }), /*#__PURE__*/jsxRuntime.jsx(typography.Text, {
+            children: item.label
+          })]
+        }, item.value)
+      }), /*#__PURE__*/jsxRuntime.jsx(layout.Divider, {
+        orientation: "vertical"
+      }), /*#__PURE__*/jsxRuntime.jsxs(tooltip.TooltipTrigger, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(button.ActionButton, {
+          prominence: "low",
+          onPress: () => {
+            props.onRemove();
+          },
+          children: /*#__PURE__*/jsxRuntime.jsx(icon.Icon, {
+            src: trash2Icon.trash2Icon
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(tooltip.Tooltip, {
+          tone: "critical",
+          children: /*#__PURE__*/jsxRuntime.jsx(typography.Text, {
+            children: "Remove"
+          })
+        })]
+      })]
+    })
+  });
+}
+
+exports.Callout = Callout;
+exports.CalloutToolbar = CalloutToolbar;

package/dist/declarations/src/component-blocks.d.ts

@@ -0,0 +1,4 @@
+export { NotEditable, component, fields } from "./document-editor/component-blocks/api.js";
+export type { ArrayField, ChildField, ComponentBlock, ComponentSchema, ConditionalField, FormField, InferRenderersForComponentBlocks, ObjectField, RelationshipData, RelationshipField, } from "./document-editor/component-blocks/types.js";
+export { componentBlocks } from "./my-component-blocks/index.js";
+//# sourceMappingURL=component-blocks.d.ts.map

package/dist/declarations/src/component-blocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-blocks.d.ts","sourceRoot":"../../../src","sources":["component-blocks.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,kDAA8C;AACvF,YAAY,EACV,UAAU,EACV,UAAU,EACV,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,SAAS,EACT,gCAAgC,EAChC,WAAW,EACX,gBAAgB,EAChB,iBAAiB,GAClB,oDAAgD;AAEjD,OAAO,EAAE,eAAe,EAAE,uCAA6B"}

package/dist/declarations/src/document-editor/component-blocks/api.d.ts

@@ -0,0 +1,120 @@
+import { type HTMLAttributes, type ReactElement, type ReactNode } from 'react';
+import type { BlockFormattingConfig, ChildField, ConditionalField, ComponentBlock, ComponentSchema, GenericPreviewProps, InlineMarksConfig, ObjectField, RelationshipField, FormField, ArrayField } from "./types.js";
+export * from "./types.js";
+export declare const fields: {
+    file({ label, isImage, defaultValue, allowedFileTypes, onUpload, }: {
+        label: string;
+        isImage?: boolean;
+        defaultValue?: string;
+        allowedFileTypes?: string[];
+        onUpload?: (file: File) => Promise<string>;
+    }): FormField<string, undefined>;
+    text({ label, defaultValue, displayMode, }: {
+        label: string;
+        defaultValue?: string;
+        displayMode?: "input" | "textarea";
+    }): FormField<string, undefined>;
+    integer({ label, defaultValue, }: {
+        label: string;
+        defaultValue?: number;
+    }): FormField<number, undefined>;
+    url({ label, defaultValue, }: {
+        label: string;
+        defaultValue?: string;
+    }): FormField<string, undefined>;
+    select<const Option extends {
+        label: string;
+        value: string;
+    }>({ label, options, defaultValue, }: {
+        label: string;
+        options: readonly Option[];
+        defaultValue: Option["value"];
+    }): FormField<Option["value"], readonly Option[]>;
+    multiselect<const Option extends {
+        label: string;
+        value: string;
+    }>({ label, options, defaultValue, }: {
+        label: string;
+        options: readonly Option[];
+        defaultValue: readonly Option["value"][];
+    }): FormField<readonly Option["value"][], readonly Option[]>;
+    checkbox({ label, defaultValue, }: {
+        label: string;
+        defaultValue?: boolean;
+    }): FormField<boolean, undefined>;
+    empty(): {
+        kind: "form";
+        Input(): null;
+        options: undefined;
+        defaultValue: null;
+        validate(value: unknown): value is null | undefined;
+    };
+    child(options: {
+        kind: "block";
+        placeholder: string;
+        formatting?: BlockFormattingConfig | "inherit";
+        dividers?: "inherit";
+        links?: "inherit";
+        relationships?: "inherit";
+        componentBlocks?: "inherit";
+    } | {
+        kind: "inline";
+        placeholder: string;
+        formatting?: "inherit" | {
+            inlineMarks?: InlineMarksConfig;
+            softBreaks?: "inherit";
+        };
+        links?: "inherit";
+        relationships?: "inherit";
+    }): ChildField;
+    object<Fields extends Record<string, ComponentSchema>>(fields: Fields): {
+        kind: "object";
+        fields: Fields;
+    };
+    conditional<DiscriminantField extends {
+        defaultValue: any;
+    }, ConditionalValues extends { [Key in `${DiscriminantField["defaultValue"]}`]: ComponentSchema; }>(discriminant: DiscriminantField, values: ConditionalValues): ConditionalField<DiscriminantField, ConditionalValues>;
+    relationship<Many extends boolean | undefined = false>({ listKey, label, labelField, selection, many, }: {
+        listKey: string;
+        label: string;
+        /** The label field to use for this relationship when showing the select */
+        labelField?: string;
+        /** The GraphQL selection to use for this relationship when hydrating .data */
+        selection?: string;
+    } & (Many extends undefined | false ? {
+        many?: Many;
+    } : {
+        many: Many;
+    })): RelationshipField<Many extends true ? true : false>;
+    array<ElementField extends ComponentSchema>(element: ElementField, opts?: {
+        itemLabel?: (props: GenericPreviewProps<ElementField, unknown>) => string;
+        label?: string;
+    }): ArrayField<ElementField>;
+};
+export type PreviewProps<Schema extends ComponentSchema> = GenericPreviewProps<Schema, ReactNode>;
+export type PreviewPropsForToolbar<Schema extends ComponentSchema> = GenericPreviewProps<Schema, undefined>;
+export declare function component<Schema extends {
+    [Key in any]: ComponentSchema;
+}>(options: {
+    /** The preview component shown in the editor */
+    preview: (props: PreviewProps<ObjectField<Schema>>) => ReactElement | null;
+    /** The schema for the props that the preview component, toolbar and rendered component will receive */
+    schema: Schema;
+    /** The label to show in the insert menu and chrome around the block if chromeless is false */
+    label: string;
+} & ({
+    chromeless: true;
+    toolbar?: (props: {
+        props: PreviewPropsForToolbar<ObjectField<Schema>>;
+        onRemove(): void;
+    }) => ReactElement;
+} | {
+    chromeless?: false;
+    toolbar?: (props: {
+        props: PreviewPropsForToolbar<ObjectField<Schema>>;
+        onShowEditMode(): void;
+        onRemove(): void;
+    }) => ReactElement;
+})): ComponentBlock<Schema>;
+export declare function NotEditable({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=api.d.ts.map

package/dist/declarations/src/document-editor/component-blocks/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"../../../../../src/document-editor/component-blocks","sources":["api.tsx"],"names":[],"mappings":"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"}