@optiaxiom/proteus 0.3.0 → 1.1.0

package/dist/esm/proteus-element/ProteusElement.js

@@ -1,186 +1,120 @@
 "use client";
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { Text, Separator, SelectTrigger, SelectContent, Link, Box, Heading, Group, Field, CardHeader, Card, Badge, Avatar } from '@optiaxiom/react';
-import { Time, Range } from '@optiaxiom/react/unstable';
-import { lazy, Suspense } from 'react';
-import { IconCalendar } from '../icons/IconCalendar.js';
-import { ProteusAction } from '../proteus-action/ProteusAction.js';
-import { ProteusBridge } from '../proteus-bridge/ProteusBridge.js';
-import { ProteusCardLink } from '../proteus-card-link/ProteusCardLink.js';
-import { ProteusDataTable } from '../proteus-data-table/ProteusDataTable.js';
-import { useProteusDocumentContext } from '../proteus-document/ProteusDocumentContext.js';
-import { useProteusDocumentPathContext } from '../proteus-document/ProteusDocumentPathContext.js';
-import { resolveProteusProp } from '../proteus-document/resolveProteusProp.js';
-import { safeParseElement } from '../proteus-document/schemas.js';
-import { ProteusFederated } from '../proteus-federated/ProteusFederated.js';
-import { ProteusFileIcon } from '../proteus-file-icon/ProteusFileIcon.js';
-import { ProteusFileUpload } from '../proteus-file-upload/ProteusFileUpload.js';
-import { ProteusImageCarousel } from '../proteus-image-carousel/ProteusImageCarousel.js';
-import { ProteusImage } from '../proteus-image/ProteusImage.js';
-import { ProteusInput } from '../proteus-input/ProteusInput.js';
-import { ProteusMap } from '../proteus-map/ProteusMap.js';
-import { ProteusQuestion } from '../proteus-question/ProteusQuestion.js';
-import { ProteusSelect } from '../proteus-select/ProteusSelect.js';
-import { ProteusShow } from '../proteus-show/ProteusShow.js';
-import { ProteusSwitch } from '../proteus-switch/ProteusSwitch.js';
-import { ProteusTextarea } from '../proteus-textarea/ProteusTextarea.js';
-import { ProteusValue } from '../proteus-value/ProteusValue.js';
-
+import { useProteusDocumentContext } from "../proteus-document/ProteusDocumentContext.js";
+import { useProteusDocumentPathContext } from "../proteus-document/ProteusDocumentPathContext.js";
+import { ProteusAction } from "../proteus-action/ProteusAction.js";
+import { ProteusBridge } from "../proteus-bridge/ProteusBridge.js";
+import { ProteusDataTable } from "../proteus-data-table/ProteusDataTable.js";
+import { ProteusDateInput } from "../proteus-date-input/ProteusDateInput.js";
+import { ProteusCardLink } from "../proteus-card-link/ProteusCardLink.js";
+import { resolveProteusProp } from "../proteus-document/resolveProteusProp.js";
+import { safeParseElement } from "../proteus-document/schemas.js";
+import { ProteusFederated } from "../proteus-federated/ProteusFederated.js";
+import { ProteusFileIcon } from "../proteus-file-icon/ProteusFileIcon.js";
+import { ProteusFileUpload } from "../proteus-file-upload/ProteusFileUpload.js";
+import { ProteusImage } from "../proteus-image/ProteusImage.js";
+import { ProteusImageCarousel } from "../proteus-image-carousel/ProteusImageCarousel.js";
+import { ProteusInput } from "../proteus-input/ProteusInput.js";
+import { ProteusLength } from "../proteus-length/ProteusLength.js";
+import { ProteusMapIndex } from "../proteus-map-index/ProteusMapIndex.js";
+import { ProteusMap } from "../proteus-map/ProteusMap.js";
+import { ProteusPillMenu } from "../proteus-pill-menu/ProteusPillMenu.js";
+import { ProteusQuestion } from "../proteus-question/ProteusQuestion.js";
+import { ProteusSelect } from "../proteus-select/ProteusSelect.js";
+import { ProteusShow } from "../proteus-show/ProteusShow.js";
+import { ProteusSwitch } from "../proteus-switch/ProteusSwitch.js";
+import { ProteusTextarea } from "../proteus-textarea/ProteusTextarea.js";
+import { ProteusValue } from "../proteus-value/ProteusValue.js";
+import { Alert, Avatar, AvatarGroup, Badge, Box, Card, CardHeader, Disclosure, DisclosureContent, DisclosureTrigger, Field, Group, Heading, Link, SelectContent, SelectTrigger, Separator, Text } from "@optiaxiom/react";
+import { Suspense, lazy } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { Range, Time } from "@optiaxiom/react/unstable";
+//#region src/proteus-element/ProteusElement.tsx
 const ProteusChart = lazy(async () => {
-  return {
-    default: (await import('../proteus-chart/ProteusChart.js')).ProteusChart
-  };
+	return { default: (await import("../proteus-chart/ProteusChart.js")).ProteusChart };
 });
-const ProteusElement = ({
-  element: elementProp
-}) => {
-  const { data, strict } = useProteusDocumentContext(
-    "@optiaxiom/proteus/ProteusElement"
-  );
-  const { mapIndices, path: parentPath } = useProteusDocumentPathContext(
-    "@optiaxiom/proteus/ProteusElement"
-  );
-  if (!elementProp) {
-    return null;
-  } else if (typeof elementProp === "string" || typeof elementProp === "number") {
-    return elementProp;
-  } else if (Array.isArray(elementProp)) {
-    return /* @__PURE__ */ jsx(Fragment, { children: elementProp.map((element2, index) => /* @__PURE__ */ jsx(ProteusElement, { element: element2 }, index)) });
-  }
-  const result = safeParseElement(elementProp);
-  if (!result.success) {
-    if (strict) {
-      throw new Error(`Invalid element: ${result.error.join("\n")}`);
-    }
-    return null;
-  }
-  const element = result.data;
-  const resolve = (obj) => {
-    const { $type: _$type, ...rest } = obj;
-    const resolved = {};
-    for (const [key, value] of Object.entries(rest)) {
-      resolved[key] = resolveProteusProp(value, data, parentPath, mapIndices);
-    }
-    return resolved;
-  };
-  switch (element.$type) {
-    case "Action":
-      return /* @__PURE__ */ jsx(ProteusAction, { ...resolve(element) });
-    case "Avatar":
-      return /* @__PURE__ */ jsx(Avatar, { ...resolve(element) });
-    case "Badge":
-      return /* @__PURE__ */ jsx(Badge, { ...resolve(element) });
-    case "Bridge":
-      return /* @__PURE__ */ jsx(
-        ProteusBridge,
-        {
-          ...resolve(element)
-        }
-      );
-    case "Button":
-      return /* @__PURE__ */ jsx(ProteusAction, { ...resolve(element) });
-    case "Card":
-      return /* @__PURE__ */ jsx(Card, { ...resolve(element) });
-    case "CardHeader":
-      return /* @__PURE__ */ jsx(CardHeader, { ...resolve(element) });
-    case "CardLink":
-      return /* @__PURE__ */ jsx(ProteusCardLink, { ...resolve(element) });
-    case "Chart":
-      return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
-        ProteusChart,
-        {
-          ...resolve(element)
-        }
-      ) });
-    case "DataTable":
-      return /* @__PURE__ */ jsx(
-        ProteusDataTable,
-        {
-          ...resolve(element)
-        }
-      );
-    case "Federated":
-      return /* @__PURE__ */ jsx(
-        ProteusFederated,
-        {
-          ...resolve(element)
-        }
-      );
-    case "Field":
-      return /* @__PURE__ */ jsx(Field, { ...resolve(element) });
-    case "FileIcon":
-      return /* @__PURE__ */ jsx(ProteusFileIcon, { ...resolve(element) });
-    case "FileUpload":
-      return /* @__PURE__ */ jsx(ProteusFileUpload, { ...resolve(element) });
-    case "Group":
-      return /* @__PURE__ */ jsx(Group, { ...resolve(element) });
-    case "Heading":
-      return /* @__PURE__ */ jsx(Heading, { ...resolve(element) });
-    case "IconCalendar":
-      return /* @__PURE__ */ jsx(Box, { asChild: true, ...resolve(element), children: /* @__PURE__ */ jsx(IconCalendar, {}) });
-    case "Image":
-      return /* @__PURE__ */ jsx(ProteusImage, { ...resolve(element) });
-    case "ImageCarousel":
-      return /* @__PURE__ */ jsx(
-        ProteusImageCarousel,
-        {
-          ...resolve(element)
-        }
-      );
-    case "Input":
-      return /* @__PURE__ */ jsx(ProteusInput, { ...resolve(element) });
-    case "Link":
-      return /* @__PURE__ */ jsx(Link, { target: "_blank", ...resolve(element) });
-    case "Map":
-      return /* @__PURE__ */ jsx(
-        ProteusMap,
-        {
-          ...resolve(element)
-        }
-      );
-    case "Question":
-      return /* @__PURE__ */ jsx(ProteusQuestion, { ...resolve(element) });
-    case "Range":
-      return /* @__PURE__ */ jsx(Range, { ...resolve(element) });
-    case "Select":
-      return /* @__PURE__ */ jsx(ProteusSelect, { ...resolve(element) });
-    case "SelectContent":
-      return /* @__PURE__ */ jsx(SelectContent, { ...resolve(element) });
-    case "SelectTrigger":
-      return /* @__PURE__ */ jsx(SelectTrigger, { ...resolve(element) });
-    case "Separator":
-      return /* @__PURE__ */ jsx(Separator, { ...resolve(element) });
-    case "Show":
-      return /* @__PURE__ */ jsx(
-        ProteusShow,
-        {
-          ...resolve(element)
-        }
-      );
-    case "Switch":
-      return /* @__PURE__ */ jsx(ProteusSwitch, { ...resolve(element) });
-    case "Text":
-      return /* @__PURE__ */ jsx(Text, { ...resolve(element) });
-    case "Textarea":
-      return /* @__PURE__ */ jsx(ProteusTextarea, { ...resolve(element) });
-    case "Time":
-      return /* @__PURE__ */ jsx(
-        Time,
-        {
-          ...resolve(element)
-        }
-      );
-    case "Value":
-      return /* @__PURE__ */ jsx(
-        ProteusValue,
-        {
-          ...element
-        }
-      );
-    default:
-      return null;
-  }
+const ProteusElement = ({ element: elementProp }) => {
+	const { data, icons, strict } = useProteusDocumentContext("@optiaxiom/proteus/ProteusElement");
+	const { mapIndices, path: parentPath } = useProteusDocumentPathContext("@optiaxiom/proteus/ProteusElement");
+	if (!elementProp) return null;
+	else if (typeof elementProp === "string" || typeof elementProp === "number") return elementProp;
+	else if (Array.isArray(elementProp)) return /* @__PURE__ */ jsx(Fragment, { children: elementProp.map((element, index) => /* @__PURE__ */ jsx(ProteusElement, { element }, index)) });
+	const result = safeParseElement(elementProp);
+	if (!result.success) {
+		if (strict) throw new Error(`Invalid element: ${result.error.join("\n")}`);
+		return null;
+	}
+	const element = result.data;
+	const resolve = (obj) => {
+		const { $type: _$type, ...rest } = obj;
+		const resolved = {};
+		for (const [key, value] of Object.entries(rest)) resolved[key] = resolveProteusProp(value, data, parentPath, mapIndices);
+		return resolved;
+	};
+	switch (element.$type) {
+		case "Action": return /* @__PURE__ */ jsx(ProteusAction, { ...resolve(element) });
+		case "Alert": return /* @__PURE__ */ jsx(Alert, { ...resolve(element) });
+		case "Avatar": return /* @__PURE__ */ jsx(Avatar, { ...resolve(element) });
+		case "AvatarGroup": return /* @__PURE__ */ jsx(AvatarGroup, { ...resolve(element) });
+		case "Badge": return /* @__PURE__ */ jsx(Badge, { ...resolve(element) });
+		case "Bridge": return /* @__PURE__ */ jsx(ProteusBridge, { ...resolve(element) });
+		case "Button": return /* @__PURE__ */ jsx(ProteusAction, { ...resolve(element) });
+		case "Card": return /* @__PURE__ */ jsx(Card, { ...resolve(element) });
+		case "CardHeader": return /* @__PURE__ */ jsx(CardHeader, { ...resolve(element) });
+		case "CardLink": return /* @__PURE__ */ jsx(ProteusCardLink, { ...resolve(element) });
+		case "Chart": return /* @__PURE__ */ jsx(Suspense, {
+			fallback: null,
+			children: /* @__PURE__ */ jsx(ProteusChart, { ...resolve(element) })
+		});
+		case "DataTable": return /* @__PURE__ */ jsx(ProteusDataTable, { ...resolve(element) });
+		case "DateInput": return /* @__PURE__ */ jsx(ProteusDateInput, { ...resolve(element) });
+		case "Disclosure": return /* @__PURE__ */ jsx(Disclosure, { ...resolve(element) });
+		case "DisclosureContent": return /* @__PURE__ */ jsx(DisclosureContent, { ...resolve(element) });
+		case "DisclosureTrigger": return /* @__PURE__ */ jsx(DisclosureTrigger, { ...resolve(element) });
+		case "Federated": return /* @__PURE__ */ jsx(ProteusFederated, { ...resolve(element) });
+		case "Field": return /* @__PURE__ */ jsx(Field, { ...resolve(element) });
+		case "FileIcon": return /* @__PURE__ */ jsx(ProteusFileIcon, { ...resolve(element) });
+		case "FileUpload": return /* @__PURE__ */ jsx(ProteusFileUpload, { ...resolve(element) });
+		case "Group": return /* @__PURE__ */ jsx(Group, { ...resolve(element) });
+		case "Heading": return /* @__PURE__ */ jsx(Heading, { ...resolve(element) });
+		case "Icon": {
+			const { filled, name, ...rest } = resolve(element);
+			const IconComp = icons?.[name];
+			if (!IconComp) {
+				if (strict) throw new Error(`Icon "${name}" not registered. Pass it via the \`icons\` prop on ProteusDocumentRenderer.`);
+				return null;
+			}
+			return /* @__PURE__ */ jsx(Box, {
+				asChild: true,
+				...rest,
+				children: /* @__PURE__ */ jsx(IconComp, { filled })
+			});
+		}
+		case "Image": return /* @__PURE__ */ jsx(ProteusImage, { ...resolve(element) });
+		case "ImageCarousel": return /* @__PURE__ */ jsx(ProteusImageCarousel, { ...resolve(element) });
+		case "Input": return /* @__PURE__ */ jsx(ProteusInput, { ...resolve(element) });
+		case "Length": return /* @__PURE__ */ jsx(ProteusLength, { ...resolve(element) });
+		case "Link": return /* @__PURE__ */ jsx(Link, {
+			target: "_blank",
+			...resolve(element)
+		});
+		case "Map": return /* @__PURE__ */ jsx(ProteusMap, { ...resolve(element) });
+		case "MapIndex": return /* @__PURE__ */ jsx(ProteusMapIndex, { ...resolve(element) });
+		case "PillMenu": return /* @__PURE__ */ jsx(ProteusPillMenu, { ...resolve(element) });
+		case "Question": return /* @__PURE__ */ jsx(ProteusQuestion, { ...resolve(element) });
+		case "Range": return /* @__PURE__ */ jsx(Range, { ...resolve(element) });
+		case "Select": return /* @__PURE__ */ jsx(ProteusSelect, { ...resolve(element) });
+		case "SelectContent": return /* @__PURE__ */ jsx(SelectContent, { ...resolve(element) });
+		case "SelectTrigger": return /* @__PURE__ */ jsx(SelectTrigger, { ...resolve(element) });
+		case "Separator": return /* @__PURE__ */ jsx(Separator, { ...resolve(element) });
+		case "Show": return /* @__PURE__ */ jsx(ProteusShow, { ...resolve(element) });
+		case "Switch": return /* @__PURE__ */ jsx(ProteusSwitch, { ...resolve(element) });
+		case "Text": return /* @__PURE__ */ jsx(Text, { ...resolve(element) });
+		case "Textarea": return /* @__PURE__ */ jsx(ProteusTextarea, { ...resolve(element) });
+		case "Time": return /* @__PURE__ */ jsx(Time, { ...resolve(element) });
+		case "Value": return /* @__PURE__ */ jsx(ProteusValue, { ...element });
+		default: return null;
+	}
 };
 ProteusElement.displayName = "@optiaxiom/proteus/ProteusElement";
-
+//#endregion
 export { ProteusElement };

package/dist/esm/proteus-federated/ProteusFederated.js

@@ -1,58 +1,57 @@
 "use client";
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { registerRemotes, loadRemote, getInstance, init } from '@module-federation/enhanced/runtime';
-import { useId, useState, useEffect, Suspense } from 'react';
-import { useProteusDocumentContext } from '../proteus-document/ProteusDocumentContext.js';
-
-function ProteusFederated({
-  entry,
-  exposeKey = ".",
-  fallback
-}) {
-  const { data, onEvent } = useProteusDocumentContext(
-    "@optiaxiom/proteus/ProteusFederated"
-  );
-  const id = useId();
-  const name = `proteus_${id.replace(/[^a-zA-Z0-9]/g, "_")}`;
-  const [Component, setComponent] = useState(null);
-  const [error, setError] = useState(false);
-  useEffect(() => {
-    if (!entry) {
-      setError(true);
-      return;
-    }
-    let cancelled = false;
-    ensureInstance();
-    registerRemotes([{ entry, name, type: "esm" }], { force: false });
-    const modulePath = exposeKey === "." ? "" : exposeKey.replace(/^\.\//, "");
-    const remoteId = modulePath ? `${name}/${modulePath}` : name;
-    loadRemote(remoteId).then((mod) => {
-      if (!cancelled && mod) {
-        setComponent(() => mod.default);
-      } else if (!cancelled) {
-        setError(true);
-      }
-    }).catch(() => {
-      if (!cancelled)
-        setError(true);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [entry, exposeKey, name]);
-  if (error) {
-    return fallback ? /* @__PURE__ */ jsx(Fragment, { children: fallback }) : null;
-  }
-  if (!Component) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(Component, { data, onEvent }) });
+import { useProteusDocumentContext } from "../proteus-document/ProteusDocumentContext.js";
+import { Suspense, useEffect, useId, useState } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { getInstance, init, loadRemote, registerRemotes } from "@module-federation/enhanced/runtime";
+//#region src/proteus-federated/ProteusFederated.tsx
+function ProteusFederated({ entry, exposeKey = ".", fallback }) {
+	const { data, onEvent } = useProteusDocumentContext("@optiaxiom/proteus/ProteusFederated");
+	const name = `proteus_${useId().replace(/[^a-zA-Z0-9]/g, "_")}`;
+	const [Component, setComponent] = useState(null);
+	const [error, setError] = useState(false);
+	useEffect(() => {
+		if (!entry) {
+			setError(true);
+			return;
+		}
+		let cancelled = false;
+		ensureInstance();
+		registerRemotes([{
+			entry,
+			name,
+			type: "esm"
+		}], { force: false });
+		const modulePath = exposeKey === "." ? "" : exposeKey.replace(/^\.\//, "");
+		loadRemote(modulePath ? `${name}/${modulePath}` : name).then((mod) => {
+			if (!cancelled && mod) setComponent(() => mod.default);
+			else if (!cancelled) setError(true);
+		}).catch(() => {
+			if (!cancelled) setError(true);
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		entry,
+		exposeKey,
+		name
+	]);
+	if (error) return fallback ? /* @__PURE__ */ jsx(Fragment, { children: fallback }) : null;
+	if (!Component) return null;
+	return /* @__PURE__ */ jsx(Suspense, {
+		fallback: null,
+		children: /* @__PURE__ */ jsx(Component, {
+			data,
+			onEvent
+		})
+	});
 }
 function ensureInstance() {
-  if (!getInstance()) {
-    init({ name: "proteus-federated", remotes: [] });
-  }
+	if (!getInstance()) init({
+		name: "proteus-federated",
+		remotes: []
+	});
 }
 ProteusFederated.displayName = "@optiaxiom/proteus/ProteusFederated";
-
+//#endregion
 export { ProteusFederated };

package/dist/esm/proteus-file-icon/ProteusFileIcon.js

@@ -1,47 +1,38 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { IconFileImage, IconFileVideo, IconMusic, IconPresentationScreen, IconTableLayout, IconFileZipper, IconFileLines, IconCode, IconFile } from '@optiaxiom/icons';
-import { Box } from '@optiaxiom/react';
-
+import { Box } from "@optiaxiom/react";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { IconCode, IconFile, IconFileImage, IconFileLines, IconFileVideo, IconFileZipper, IconMusic, IconPresentationScreen, IconTableLayout } from "@optiaxiom/icons";
+//#region src/proteus-file-icon/ProteusFileIcon.tsx
 const mimeIconMap = [
-  [/^image\//, IconFileImage],
-  [/^video\//, IconFileVideo],
-  [/^audio\//, IconMusic],
-  [/presentation|powerpoint|keynote|slides/, IconPresentationScreen],
-  [/spreadsheet|excel|csv|tab-separated-values|tsv|parquet/, IconTableLayout],
-  [/zip|tar|compress|archive|x-7z|x-rar/, IconFileZipper],
-  [/pdf|wordprocessing|opendocument\.text/, IconFileLines],
-  [
-    /json|xml|yaml|javascript|typescript|html|css|x-sh|x-python|code|script/,
-    IconCode
-  ],
-  [/^text\/|word|rtf/, IconFileLines]
+	[/^image\//, IconFileImage],
+	[/^video\//, IconFileVideo],
+	[/^audio\//, IconMusic],
+	[/presentation|powerpoint|keynote|slides/, IconPresentationScreen],
+	[/spreadsheet|excel|csv|tab-separated-values|tsv|parquet/, IconTableLayout],
+	[/zip|tar|compress|archive|x-7z|x-rar/, IconFileZipper],
+	[/pdf|wordprocessing|opendocument\.text/, IconFileLines],
+	[/json|xml|yaml|javascript|typescript|html|css|x-sh|x-python|code|script/, IconCode],
+	[/^text\/|word|rtf/, IconFileLines]
 ];
 function ProteusFileIcon({ mimeType, ...props }) {
-  const Icon = getIconForMimeType(mimeType);
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      asChild: true,
-      bg: "bg.secondary",
-      color: "fg.tertiary",
-      p: "8",
-      rounded: "md",
-      ...props,
-      children: /* @__PURE__ */ jsx(Icon, {})
-    }
-  );
+	const Icon = getIconForMimeType(mimeType);
+	return /* @__PURE__ */ jsx(Box, {
+		asChild: true,
+		bg: "bg.secondary",
+		color: "fg.tertiary",
+		p: "8",
+		rounded: "md",
+		...props,
+		children: /* @__PURE__ */ jsx(Icon, {})
+	});
 }
 function getIconForMimeType(mimeType) {
-  if (mimeType) {
-    for (const [pattern, Icon] of mimeIconMap) {
-      if (pattern.test(mimeType)) {
-        return Icon;
-      }
-    }
-  }
-  return IconFile;
+	if (mimeType) {
+		for (const [pattern, Icon] of mimeIconMap) if (pattern.test(mimeType)) return Icon;
+	}
+	return IconFile;
 }
 ProteusFileIcon.displayName = "@optiaxiom/proteus/ProteusFileIcon";
-
+//#endregion
 export { ProteusFileIcon };