@archbase/components 3.0.0

package/src/debug/jsonview/styles.module.css

@@ -0,0 +1,118 @@
+/* add css module styles here (optional) */
+
+.container-base {
+  line-height: 1.2;
+  white-space: pre-wrap;
+  white-space: -moz-pre-wrap;
+  white-space: -pre-wrap;
+  white-space: -o-pre-wrap;
+  word-wrap: break-word;
+}
+
+.punctuation-base {
+  margin-right: 5px;
+  font-weight: bold;
+}
+
+.expander-base {
+  font-size: 1.2em;
+  margin-right: 5px;
+  user-select: none;
+}
+
+.pointer {
+  cursor: pointer;
+}
+
+.container-light {
+  composes: container-base;
+  background: #eee;
+}
+
+.expander-light {
+  composes: expander-base;
+}
+
+.basic-element-style {
+  margin: 0 10px;
+  padding: 0;
+}
+
+.label-light {
+  font-weight: 600;
+  margin-right: 5px;
+}
+
+.punctuation-light {
+  composes: punctuation-base;
+}
+
+.value-null-light {
+  color: #df113a;
+}
+
+.value-undefined-light {
+  color: #df113a;
+}
+
+.value-string-light {
+  color: rgb(42, 63, 60);
+}
+
+.value-number-light {
+  color: #0b75f5;
+}
+
+.value-boolean-light {
+  color: rgb(70, 144, 56);
+}
+
+.value-other-light {
+  color: #43413d;
+}
+
+.container-dark {
+  background: rgb(0, 43, 54);
+  composes: container-base;
+}
+
+.expander-dark {
+  composes: expander-base;
+  font-size: 1.2em;
+  color: rgb(253, 246, 227);
+}
+
+.label-dark {
+  font-weight: bolder;
+  margin-right: 5px;
+  color: rgb(253, 246, 227);
+}
+
+.punctuation-dark {
+  composes: punctuation-base;
+  color: rgb(253, 246, 227);
+}
+
+.value-null-dark {
+  color: rgb(129, 181, 172);
+}
+
+.value-undefined-dark {
+  color: rgb(129, 181, 172);
+}
+
+.value-string-dark {
+  color: rgb(203, 75, 22);
+}
+
+.value-number-dark {
+  color: rgb(211, 54, 130);
+}
+
+.value-boolean-dark {
+  color: rgb(174, 129, 255);
+}
+
+.value-other-dark {
+  color: rgb(38, 139, 210);
+}

package/src/debug/jsonview/styles.module.css.d.ts

@@ -0,0 +1,4 @@
+declare const styles: {
+  readonly [key: string]: string;
+};
+export default styles;

package/src/debug/objectinspector/ArchbaseDebugInspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchbaseDebugInspector.d.ts","sourceRoot":"","sources":["ArchbaseDebugInspector.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,2BAA2B;IAC3C,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC;IACjC,qDAAqD;IACrD,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAC7C,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBAAuB;IACvC,sCAAsC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAC7B;AAED,wBAAgB,sBAAsB,CAAC,EACtC,KAAK,EACL,IAAI,EACJ,0BAA0B,EAC1B,gBAAgB,EAChB,OAAe,EACf,MAAY,EACZ,KAAW,GACX,EAAE,2BAA2B,2CAsC7B"}

package/src/debug/objectinspector/ArchbaseDebugInspector.tsx

@@ -0,0 +1,79 @@
+// @ts-nocheck
+import { Accordion, Flex } from '@mantine/core';
+import { useHotkeys } from '@mantine/hooks';
+import useComponentSize from '@rehooks/component-size';
+import React, { useRef, useState } from 'react';
+import { ArchbaseFloatingWindow } from './ArchbaseFloatingWindow';
+import { ArchbaseObjectInspector } from './ArchbaseObjectInspector';
+
+export interface ArchbaseDebugInspectorProps {
+	/** Título a ser exibido */
+	title?: string;
+	/** Título a ser exibido*/
+	icon?: string | HTMLImageElement;
+	/** Comando para abrir e fechar o Object Inspector */
+	debugObjectInspectorHotKey?: string;
+	/** Lista de objetos a serem inspecionados */
+	objectsToInspect?: ArchbaseObjectToInspect[];
+	/** Indica se o Object Inspector será visível inicialmente ou não */
+	visible?: boolean;
+	/** Altura inicial do Object Inspector */
+	height?: number;
+	/** Largura inicial do Object Inspector */
+	width?: number;
+}
+
+export interface ArchbaseObjectToInspect {
+	/**Nome do objeto a ser inspecionado*/
+	name: string;
+	/**Objeto a ser inspecionado*/
+	object: NonNullable<unknown>;
+}
+
+export function ArchbaseDebugInspector({
+	title,
+	icon,
+	debugObjectInspectorHotKey,
+	objectsToInspect,
+	visible = false,
+	height = 400,
+	width = 500,
+}: ArchbaseDebugInspectorProps) {
+	const [open, setOpen] = useState<boolean>(visible);
+	useHotkeys([[debugObjectInspectorHotKey, () => setOpen(!open)]]);
+	const innerComponentRef = useRef<any>(null);
+	const contentSize = useComponentSize(innerComponentRef);
+
+	const display = open ? {} : { display: 'none' };
+
+	return (
+		<div style={display}>
+			<ArchbaseFloatingWindow
+				id="debug-rules"
+				height={height}
+				width={width}
+				resizable={true}
+				style={{ opacity: 1 }}
+				titleBar={{
+					icon,
+					title,
+					buttons: { minimize: true, maximize: true },
+				}}
+				innerRef={innerComponentRef}
+			>
+				<Flex h={contentSize.height}>
+					<Accordion w="100%">
+						{objectsToInspect.map((item, index) => (
+							<Accordion.Item key={index} value={item.name}>
+								<Accordion.Control>{item.name}</Accordion.Control>
+								<Accordion.Panel>
+									<ArchbaseObjectInspector data={item.object} />
+								</Accordion.Panel>
+							</Accordion.Item>
+						))}
+					</Accordion>
+				</Flex>
+			</ArchbaseFloatingWindow>
+		</div>
+	);
+}

package/src/debug/objectinspector/ArchbaseFloatingWindow.css

@@ -0,0 +1,70 @@
+div.archbase-window-container {
+    position: absolute;
+    border: solid 1px black;
+    --tilebar-height: 32px;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+  }
+  
+  div.archbase-window-container > div.title-bar {
+    background-color: gray;
+    height: var(--tilebar-height);
+    display: flex;
+    flex-direction: row;
+    cursor: default;
+    position: static;
+  }
+  
+  div.archbase-window-container > div.title-bar > span.icon {
+    line-height: var(--tilebar-height);
+    height: var(--tilebar-height);
+    width: var(--tilebar-height);
+    font-size: calc(var(--tilebar-height) - 8px);
+  }
+  
+  div.archbase-window-container > div.title-bar > span.windowTitle {
+    flex-grow: 1;
+    overflow: hidden;
+    text-align: center;
+    background-color: gray;
+    color: white;
+    font-size: calc(var(--tilebar-height) - 16px);
+    line-height: var(--tilebar-height);
+    font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
+    font-weight: bold;
+  }
+  
+  div.archbase-window-container > div.title-bar > span.windowTitle:active {
+    opacity: 0.5;
+  }
+  
+  div.archbase-window-container > div.title-bar > span.buttonContainer {
+    display: flex;
+    flex-direction: row;
+  }
+  
+  div.archbase-window-container
+    > div.title-bar
+    > span.buttonContainer
+    > span.windowButton {
+    height: var(--tilebar-height);
+    width: var(--tilebar-height);
+    font-size: calc(var(--tilebar-height) - 8px);
+    cursor: default;
+    color: black;
+    transition: 200ms ease-in-out;
+  }
+  
+  div.archbase-window-container
+    > div.title-bar
+    > span.buttonContainer
+    > span.windowButton:hover {
+    color: white;
+  }
+  
+  div.archbase-window-container > div.content {
+    all: initial;
+    background-color: white;
+    overflow: scroll;
+  }

package/src/debug/objectinspector/ArchbaseFloatingWindow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchbaseFloatingWindow.d.ts","sourceRoot":"","sources":["ArchbaseFloatingWindow.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,8BAA8B,CAAC;AAEtC,MAAM,WAAW,2BAA2B;IAC3C,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC;QACjC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE;YACT,QAAQ,CAAC,EAAE,OAAO,CAAC;YACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;YACnB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;SACnB,CAAC;KACF,CAAC;IACF,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;CACzD;AAaD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAoOxE,CAAC"}

package/src/debug/objectinspector/ArchbaseFloatingWindow.tsx

@@ -0,0 +1,266 @@
+import { useElementSize } from '@mantine/hooks';
+import React, { useEffect, useRef } from 'react';
+import './ArchbaseFloatingWindow.css';
+
+export interface ArchbaseFloatingWindowProps {
+	id: string;
+	children?: any;
+	height: number;
+	width: number;
+	top?: number;
+	left?: number;
+	resizable?: boolean;
+	titleBar?: {
+		icon?: string | HTMLImageElement;
+		title?: string;
+		buttons?: {
+			minimize?: boolean;
+			maximize?: boolean;
+			close?: () => void;
+		};
+	};
+	style?: React.CSSProperties;
+	/** Referência para o container que envolve o componente filho */
+	innerRef?: React.RefObject<HTMLInputElement> | undefined;
+}
+
+const nextZIndex: () => number = () => {
+	let maxZ = 0;
+	const list = document.querySelectorAll<HTMLDivElement>('.archbase-window-container');
+	list.forEach((w) => {
+		const z = parseInt(w.style.zIndex);
+		maxZ = Math.max(isNaN(z) ? 0 : z, maxZ);
+	});
+
+	return maxZ + 1;
+};
+
+export const ArchbaseFloatingWindow: React.FC<ArchbaseFloatingWindowProps> = (props: ArchbaseFloatingWindowProps) => {
+	const properties = Object.assign(
+		{
+			id: props.id && props.id.length ? props.id : Date.now().toString(),
+			children: null,
+			height: 0,
+			width: 0,
+			top: 0,
+			left: 0,
+			resizable: false,
+			titleBar: Object.assign(
+				{
+					icon: ' ',
+					title: 'Untitled window',
+					buttons: Object.assign(
+						{
+							minimize: true,
+							maximize: true,
+							close: true,
+						},
+						(props.titleBar && props.titleBar.buttons) || {},
+					),
+				},
+				props.titleBar,
+			),
+			style: {},
+		},
+		props,
+	);
+
+	if (!properties.id) {
+		properties.id = Date.now().toString();
+	}
+
+	Object.freeze(properties);
+
+	const [height, setHeight] = React.useState(properties.height);
+	const [width, setWidth] = React.useState(properties.width);
+	const [top, setTop] = React.useState<number>(properties.top || 0);
+	const [left, setLeft] = React.useState<number>(properties.left || 0);
+	const [xOffset, setXOffset] = React.useState<number>(0);
+	const [yOffset, setYOffset] = React.useState<number>(0);
+	const [minimized, setMinimized] = React.useState<boolean>(false);
+	const [maximized, setMaximized] = React.useState<boolean>(false);
+	const [minimizeIcon, setMinimizeIcon] = React.useState<string>('▁');
+	const [maximizeIcon, setMaximizeIcon] = React.useState<string>('□');
+	const [windowTransition, setWindowTransition] = React.useState('');
+	const [level, setLevel] = React.useState<number>(nextZIndex());
+	const [visibility, setWindowVisibility] = React.useState<number>(1.0);
+
+	const { ref: container, width: containerWidth, height: containerHeight } = useElementSize();
+	const windowTitle = React.useRef<HTMLSpanElement>(null);
+	const effectiveHeight = useRef(height);
+	const effectiveWidth = useRef(width);
+
+	const lastTop = useRef(top);
+	const lastLeft = useRef(left);
+
+	const animationDuration = 500;
+
+	const handleDragStart = (e: React.DragEvent<HTMLSpanElement>) => {
+		setYOffset(e.clientY - top);
+		setXOffset(e.clientX - left);
+		setLevel(nextZIndex());
+		setWindowVisibility(0.5);
+	};
+
+	const handleDrag = (e: MouseEvent | React.MouseEvent) => {
+		setLeft((e.clientX || e.screenX || left + xOffset) - xOffset);
+		setTop((e.clientY || e.screenY || top + yOffset) - yOffset);
+	};
+
+	const handleDragEnd = (e: React.DragEvent<HTMLSpanElement>) => {
+		setLeft((e.clientX || e.screenX) - xOffset);
+		setTop((e.clientY || e.screenY) - yOffset);
+		setWindowVisibility(1.0);
+	};
+
+	const minimize = () => {
+		setWindowTransition(`${animationDuration}ms ease-in-out`);
+		if (minimized) {
+			effectiveHeight.current = height;
+			setTop(lastTop.current || 0);
+			setLeft(lastLeft.current || 0);
+			setMinimized(false);
+			setMinimizeIcon('▁');
+			setMaximized(false);
+		} else {
+			effectiveHeight.current = 32;
+			if (!maximized) {
+				lastLeft.current = left;
+				lastTop.current = top;
+			}
+			const parent = document.getElementById(properties.id)?.parentElement;
+			effectiveWidth.current = width;
+			let topPosition = (parent?.clientHeight || window.innerHeight) - effectiveHeight.current - 4;
+
+			const leftPosition = (parent?.clientWidth || window.innerWidth) - effectiveWidth.current - 4;
+
+			const minimizedWindow = document.elementFromPoint(
+				leftPosition + effectiveWidth.current / 2,
+				topPosition + effectiveHeight.current / 2,
+			) as HTMLDivElement;
+			if (minimizedWindow && ['archbase-window-container', 'windowTitle'].includes(minimizedWindow?.className || '')) {
+				topPosition -= minimizedWindow?.clientHeight + 4;
+			}
+
+			setTop(topPosition);
+			setLeft(leftPosition);
+			setMinimized(true);
+			setMinimizeIcon('◰');
+			setMaximized(false);
+		}
+		setLevel(nextZIndex());
+		setTimeout(setWindowTransition, animationDuration + 1, '');
+	};
+
+	const maximize = () => {
+		setWindowTransition(`${animationDuration}ms ease-in-out`);
+		const parent = document.getElementById(properties.id)?.parentElement;
+		if (maximized) {
+			effectiveHeight.current = height;
+			effectiveWidth.current = width;
+			setTop(lastTop.current || 0);
+			setLeft(lastLeft.current || 0);
+			setMaximized(false);
+			setMaximizeIcon('□');
+			setMinimized(false);
+			setMinimizeIcon('▁');
+		} else {
+			effectiveHeight.current = parent?.clientHeight || window.innerHeight;
+			effectiveWidth.current = parent?.clientWidth || window.innerWidth;
+			if (!minimized) {
+				lastLeft.current = left;
+				lastTop.current = top;
+			}
+			setTop(parent?.offsetTop || 0);
+			setLeft(parent?.offsetLeft || 0);
+			setMaximized(true);
+			setMaximizeIcon('❐');
+			setMinimized(false);
+			setMinimizeIcon('▁');
+		}
+		setLevel(nextZIndex());
+		setTimeout(setWindowTransition, animationDuration + 1, '');
+	};
+
+	useEffect(() => {
+		if (!maximized && !minimized) {
+			setWidth(containerWidth);
+			setHeight(containerHeight);
+		}
+	}, [containerWidth, containerHeight, maximized, minimized]);
+
+	return (
+		<div
+			id={properties.id}
+			className="archbase-window-container"
+			style={{
+				height: effectiveHeight.current,
+				width: effectiveWidth.current,
+				top,
+				left,
+				resize: properties.resizable ? 'both' : 'none',
+				transition: windowTransition,
+				zIndex: level,
+				opacity: visibility,
+			}}
+			ref={container}
+			onClick={() => {
+				setLevel(nextZIndex());
+			}}
+		>
+			{properties.titleBar && (
+				<div
+					className="title-bar"
+					data-parent={properties.id}
+					style={{
+						opacity: visibility,
+					}}
+				>
+					{properties.titleBar.icon && <span className="icon">{properties.titleBar.icon}</span>}
+					<span
+						className="windowTitle"
+						draggable={true}
+						onDragStart={handleDragStart}
+						onDrag={handleDrag}
+						onDragEnd={handleDragEnd}
+						style={{ opacity: Math.floor(visibility) }}
+						ref={windowTitle}
+					>
+						{properties.titleBar.title}
+					</span>
+					{properties.titleBar.buttons && (
+						<span className="buttonContainer">
+							{properties.titleBar.buttons.minimize && (
+								<span className="windowButton" onClick={minimize}>
+									{minimizeIcon}
+								</span>
+							)}
+							{properties.titleBar.buttons.maximize && (
+								<span className="windowButton" onClick={maximize}>
+									{maximizeIcon}
+								</span>
+							)}
+							{!!properties.titleBar.buttons.close && (
+								<span className="windowButton" onClick={properties.titleBar.buttons.close}>
+									&#10799;
+								</span>
+							)}
+						</span>
+					)}
+				</div>
+			)}
+			<div
+				className="content"
+				draggable="false"
+				ref={props.innerRef}
+				style={{
+					height: '100%',
+					opacity: visibility,
+					...properties.style,
+				}}
+			>
+				{properties.children}
+			</div>
+		</div>
+	);
+};

package/src/debug/objectinspector/ArchbaseObjectInspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchbaseObjectInspector.d.ts","sourceRoot":"","sources":["ArchbaseObjectInspector.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,4BAA4B;IAC5C,2BAA2B;IAC3B,IAAI,EAAE,GAAG,CAAC;IACV,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,uBAAuB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,4BAA4B,2CAU1F"}

package/src/debug/objectinspector/ArchbaseObjectInspector.tsx

@@ -0,0 +1,21 @@
+import { useMantineColorScheme } from '@mantine/core';
+import React from 'react';
+import { ObjectInspector } from 'react-inspector';
+
+export interface ArchbaseObjectInspectorProps {
+	/** Objeto a ser exibido */
+	data: any;
+	expandLevel?: number;
+}
+
+export function ArchbaseObjectInspector({ data, expandLevel }: ArchbaseObjectInspectorProps) {
+	const { colorScheme } = useMantineColorScheme();
+
+	return (
+		<ObjectInspector
+			theme={colorScheme === 'dark' ? 'chromeDark' : 'chromeLight'}
+			data={data}
+			expandLevel={expandLevel}
+		/>
+	);
+}

package/src/debug/objectinspector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,YAAY,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC"}

package/src/debug/objectinspector/index.ts

@@ -0,0 +1,3 @@
+export { ArchbaseDebugInspector } from './ArchbaseDebugInspector';
+export { ArchbaseObjectInspector } from './ArchbaseObjectInspector';
+export type { ArchbaseObjectToInspect } from './ArchbaseDebugInspector';

package/src/display/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,KAAK,IAAI,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC"}

package/src/display/index.ts

@@ -0,0 +1,5 @@
+// Display Components - TODO: Implement
+export { Text as ArchbaseText } from '@mantine/core';
+export { Title as ArchbaseTitle } from '@mantine/core';
+export { Image as ArchbaseMantineImage } from '@mantine/core';
+export { Badge as ArchbaseBadge } from '@mantine/core';

package/src/editors/ArchbaseAsyncMultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchbaseAsyncMultiSelect.d.ts","sourceRoot":"","sources":["ArchbaseAsyncMultiSelect.tsx"],"names":[],"mappings":"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"}