@lattice-php/lattice 0.38.0 → 0.40.0

package/dist/form/components/fields/select.js

@@ -1,213 +0,0 @@
-import { materializeSchema } from "../../../core/materialize.js";
-import { useT } from "../../../i18n/instance.js";
-import { cn } from "../../../lib/utils.js";
-import { Icon } from "../../../icons/sprite.js";
-import { Renderer } from "../../../core/renderer.js";
-import { useFormContext } from "../../hooks/context.js";
-import { useFieldScope } from "../../hooks/field-scope.js";
-import { useResolvedNode } from "../../hooks/resolved-nodes.js";
-import { useFormValue, useFormValues } from "../../hooks/values.js";
-import { useFieldCommit } from "../../hooks/use-field-commit.js";
-import { postFormAction } from "../../lib/form-transport.js";
-import { coerceColor, colorValue } from "../../../lib/color.js";
-import { FormFieldFrame } from "../base/field.js";
-import { useDependentField } from "../../hooks/use-dependent-field.js";
-import { fieldDomName } from "../../lib/field-dom-name.js";
-import { controlSurface } from "../../../ui/control.js";
-import { Combobox } from "../../../ui/combobox.js";
-import { useCallback, useMemo, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/select.tsx
-function toValues(stored, fallback) {
-	const source = stored ?? fallback;
-	if (Array.isArray(source)) return source.map(String);
-	if (source === void 0 || source === null || source === "") return [];
-	return [String(source)];
-}
-var SelectComponent = ({ node }) => {
-	const { t } = useT("lattice");
-	const props = node.props;
-	const { action, componentRef, errors, fieldIdPrefix, searchOptions } = useFormContext();
-	const { hidden, required, readOnly, disabled } = useDependentField(node);
-	const { change, blur } = useFieldCommit();
-	const resolvedNode = useResolvedNode(node);
-	const name = props.name;
-	const scope = useFieldScope();
-	const domName = fieldDomName(scope ? scope.scopedName(name) : name, fieldIdPrefix);
-	const errorKey = scope ? scope.errorKey(name) : name;
-	const searchKey = errorKey;
-	const placeholder = props.placeholder || "Select…";
-	const multiple = props.multiple;
-	const searchable = props.searchable;
-	const creatable = props.creatable;
-	const staticOptions = useMemo(() => resolvedNode.props.options ?? [], [resolvedNode.props]);
-	const optionSchema = resolvedNode.props.optionSchema;
-	const globalValue = useFormValue(name);
-	const values = useFormValues();
-	const valuesRef = useRef(values);
-	valuesRef.current = values;
-	const storedValue = scope ? scope.getValue(name) : globalValue;
-	const selected = useMemo(() => toValues(storedValue, props.value), [storedValue, props.value]);
-	const selectedRef = useRef(selected);
-	selectedRef.current = selected;
-	const [open, setOpen] = useState(false);
-	const [results, setResults] = useState(null);
-	const [loading, setLoading] = useState(false);
-	const searchAbort = useRef(null);
-	const optionsByValue = useMemo(() => {
-		const map = /* @__PURE__ */ new Map();
-		for (const option of [...staticOptions, ...results ?? []]) map.set(option.value, option);
-		return map;
-	}, [staticOptions, results]);
-	const labelFor = (value) => optionsByValue.get(value)?.label ?? value;
-	const colorFor = (value) => coerceColor((optionsByValue.get(value)?.data)?.color);
-	const locked = readOnly || disabled;
-	const search = useCallback((query) => {
-		searchAbort.current?.abort();
-		if (query.trim() === "") {
-			setResults(null);
-			setLoading(false);
-			return;
-		}
-		const controller = new AbortController();
-		searchAbort.current = controller;
-		setLoading(true);
-		if (searchOptions) {
-			searchOptions(searchKey, query, valuesRef.current, controller.signal).then((options) => {
-				setResults(options);
-				setLoading(false);
-			}).catch(() => {});
-			return;
-		}
-		postFormAction(action, componentRef, {
-			...valuesRef.current,
-			_sub: "search",
-			_target: searchKey,
-			_q: query
-		}, controller.signal).then((response) => {
-			setResults(response?.options ?? []);
-			setLoading(false);
-		}).catch(() => {});
-	}, [
-		action,
-		componentRef,
-		searchKey,
-		searchOptions
-	]);
-	function commit(next) {
-		change(name, multiple ? next : next[0] ?? "");
-	}
-	function select(value) {
-		if (multiple) {
-			const next = selectedRef.current.includes(value) ? selectedRef.current.filter((item) => item !== value) : [...selectedRef.current, value];
-			selectedRef.current = next;
-			commit(next);
-			return;
-		}
-		selectedRef.current = [value];
-		commit([value]);
-	}
-	function remove(value) {
-		commit(selected.filter((item) => item !== value));
-	}
-	function applyCreated(value) {
-		if (!multiple) {
-			selectedRef.current = [value];
-			commit([value]);
-			return;
-		}
-		if (!selectedRef.current.includes(value)) {
-			const next = [...selectedRef.current, value];
-			selectedRef.current = next;
-			commit(next);
-		}
-	}
-	if (hidden) return null;
-	const options = searchable ? results ?? staticOptions : staticOptions;
-	const renderOption = optionSchema?.length ? (option) => /* @__PURE__ */ jsx(Renderer, { nodes: materializeSchema(optionSchema, {
-		...option.data,
-		label: option.label,
-		value: option.value
-	}) }) : void 0;
-	return /* @__PURE__ */ jsx(FormFieldFrame, {
-		error: errors[errorKey],
-		helperText: props.helperText ?? void 0,
-		tooltip: props.tooltip ?? void 0,
-		label: props.label ?? "",
-		id: domName,
-		required,
-		children: (controlProps) => /* @__PURE__ */ jsxs(Fragment$1, { children: [multiple ? selected.map((value) => /* @__PURE__ */ jsx("input", {
-			name: `${domName}[]`,
-			type: "hidden",
-			value
-		}, value)) : /* @__PURE__ */ jsx("input", {
-			name: domName,
-			type: "hidden",
-			value: selected[0] ?? ""
-		}), /* @__PURE__ */ jsxs("div", { children: [multiple && selected.length > 0 && /* @__PURE__ */ jsx("div", {
-			className: "mb-1.5 flex flex-wrap gap-1",
-			children: selected.map((value) => {
-				const color = colorFor(value);
-				return /* @__PURE__ */ jsxs("span", {
-					className: "inline-flex items-center gap-1 rounded-lt-sm bg-lt-muted px-2 py-0.5 text-xs",
-					children: [
-						color && /* @__PURE__ */ jsx("span", {
-							"aria-hidden": "true",
-							className: "size-2 shrink-0 rounded-full",
-							style: { background: colorValue(color) }
-						}),
-						labelFor(value),
-						!locked && /* @__PURE__ */ jsx("button", {
-							"aria-label": t("form.remove-option", "Remove {{label}}", { label: labelFor(value) }),
-							"data-test": `select-${name}-remove-${value}`,
-							className: "text-lt-muted-fg hover:text-lt-fg [&_svg]:size-lt-icon-xs",
-							onClick: () => remove(value),
-							type: "button",
-							children: /* @__PURE__ */ jsx(Icon, { name: "x" })
-						})
-					]
-				}, value);
-			})
-		}), /* @__PURE__ */ jsx(Combobox, {
-			creatable,
-			emptyLabel: props.emptyLabel ?? void 0,
-			loading,
-			multiple,
-			onCommit: applyCreated,
-			onCreate: applyCreated,
-			onSearch: searchable ? search : void 0,
-			onSelect: select,
-			open: open && !locked,
-			onOpenChange: (next) => {
-				setOpen(next);
-				if (!next) blur(name);
-			},
-			options,
-			renderOption,
-			searchPlaceholder: props.searchPlaceholder ?? void 0,
-			showSearch: Boolean(searchable || creatable),
-			selected,
-			testId: `select-${name}`,
-			trigger: /* @__PURE__ */ jsxs(Fragment$1, { children: [!multiple && selected.length > 0 ? /* @__PURE__ */ jsx("span", { children: labelFor(selected[0]) }) : /* @__PURE__ */ jsx("span", {
-				className: "text-lt-muted-fg",
-				children: placeholder
-			}), /* @__PURE__ */ jsx(Icon, {
-				name: "chevrons-up-down",
-				className: "size-lt-icon-md shrink-0 text-lt-muted-fg"
-			})] }),
-			triggerClassName: cn(controlSurface(), "flex items-center justify-between gap-2 text-left", locked && "cursor-not-allowed opacity-60"),
-			triggerProps: {
-				...controlProps,
-				"aria-haspopup": "listbox",
-				autoFocus: props.autoFocus ?? void 0,
-				"data-test": `select-${name}`,
-				disabled: locked,
-				tabIndex: props.tabIndex ?? void 0
-			}
-		})] })] })
-	});
-};
-//#endregion
-export { SelectComponent };
-
-//# sourceMappingURL=select.js.map

package/dist/form/components/fields/select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.js","names":[],"sources":["../../../../resources/js/form/components/fields/select.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/lattice/icons\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport { Combobox } from \"@lattice-php/lattice/ui/combobox\";\nimport { controlSurface } from \"@lattice-php/lattice/ui/control\";\nimport { coerceColor, colorValue } from \"@lattice-php/lattice/lib/color\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { Renderer } from \"@lattice-php/lattice/core/renderer\";\nimport { materializeSchema } from \"@lattice-php/lattice/core/materialize\";\nimport type { Node, Option, RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { FormFieldFrame } from \"@lattice-php/lattice/form/components/base/field\";\nimport { useFormContext } from \"@lattice-php/lattice/form/hooks/context\";\nimport { fieldDomName } from \"@lattice-php/lattice/form/lib/field-dom-name\";\nimport { postFormAction } from \"@lattice-php/lattice/form/lib/form-transport\";\nimport { useResolvedNode } from \"@lattice-php/lattice/form/hooks/resolved-nodes\";\nimport { useDependentField } from \"@lattice-php/lattice/form/hooks/use-dependent-field\";\nimport { useFieldCommit } from \"@lattice-php/lattice/form/hooks/use-field-commit\";\nimport { useFieldScope } from \"@lattice-php/lattice/form/hooks/field-scope\";\nimport { useFormValue, useFormValues } from \"@lattice-php/lattice/form/hooks/values\";\n\nfunction toValues(stored: unknown, fallback: unknown): string[] {\n  const source = stored ?? fallback;\n\n  if (Array.isArray(source)) {\n    return source.map(String);\n  }\n\n  if (source === undefined || source === null || source === \"\") {\n    return [];\n  }\n\n  return [String(source)];\n}\n\nexport const SelectComponent: RendererComponent<\"field.select\"> = ({ node }) => {\n  const { t } = useT(\"lattice\");\n  const props = node.props;\n  const { action, componentRef, errors, fieldIdPrefix, searchOptions } = useFormContext();\n  const { hidden, required, readOnly, disabled } = useDependentField(node);\n  const { change, blur } = useFieldCommit();\n  const resolvedNode = useResolvedNode(node);\n  const name = props.name;\n  const scope = useFieldScope();\n  const domName = fieldDomName(scope ? scope.scopedName(name) : name, fieldIdPrefix);\n  const errorKey = scope ? scope.errorKey(name) : name;\n  const searchKey = errorKey;\n  const placeholder = props.placeholder || \"Select…\";\n  const multiple = props.multiple;\n  const searchable = props.searchable;\n  const creatable = props.creatable;\n  const staticOptions = useMemo(\n    () => (resolvedNode.props as { options?: Option[] }).options ?? [],\n    [resolvedNode.props],\n  );\n  const optionSchema = (resolvedNode.props as { optionSchema?: Node[] }).optionSchema;\n\n  const globalValue = useFormValue(name);\n  const values = useFormValues();\n  const valuesRef = useRef(values);\n  valuesRef.current = values;\n  const storedValue = scope ? scope.getValue(name) : globalValue;\n  const selected = useMemo(() => toValues(storedValue, props.value), [storedValue, props.value]);\n  const selectedRef = useRef(selected);\n  selectedRef.current = selected;\n\n  const [open, setOpen] = useState(false);\n  const [results, setResults] = useState<Option[] | null>(null);\n  const [loading, setLoading] = useState(false);\n  const searchAbort = useRef<AbortController | null>(null);\n\n  const optionsByValue = useMemo(() => {\n    const map = new Map<string, Option>();\n\n    for (const option of [...staticOptions, ...(results ?? [])]) {\n      map.set(option.value, option);\n    }\n\n    return map;\n  }, [staticOptions, results]);\n  const labelFor = (value: string) => optionsByValue.get(value)?.label ?? value;\n  const colorFor = (value: string) =>\n    coerceColor((optionsByValue.get(value)?.data as { color?: unknown } | undefined)?.color);\n\n  const locked = readOnly || disabled;\n\n  const search = useCallback(\n    (query: string) => {\n      searchAbort.current?.abort();\n\n      if (query.trim() === \"\") {\n        setResults(null);\n        setLoading(false);\n\n        return;\n      }\n\n      const controller = new AbortController();\n      searchAbort.current = controller;\n      setLoading(true);\n\n      if (searchOptions) {\n        void searchOptions(searchKey, query, valuesRef.current, controller.signal)\n          .then((options) => {\n            setResults(options);\n            setLoading(false);\n          })\n          .catch(() => {});\n\n        return;\n      }\n\n      void postFormAction<{ options?: Option[] }>(\n        action,\n        componentRef,\n        { ...valuesRef.current, _sub: \"search\", _target: searchKey, _q: query },\n        controller.signal,\n      )\n        .then((response) => {\n          setResults(response?.options ?? []);\n          setLoading(false);\n        })\n        .catch(() => {});\n    },\n    [action, componentRef, searchKey, searchOptions],\n  );\n\n  function commit(next: string[]): void {\n    change(name, multiple ? next : (next[0] ?? \"\"));\n  }\n\n  function select(value: string): void {\n    if (multiple) {\n      const next = selectedRef.current.includes(value)\n        ? selectedRef.current.filter((item) => item !== value)\n        : [...selectedRef.current, value];\n      selectedRef.current = next;\n      commit(next);\n\n      return;\n    }\n\n    selectedRef.current = [value];\n    commit([value]);\n  }\n\n  function remove(value: string): void {\n    commit(selected.filter((item) => item !== value));\n  }\n\n  function applyCreated(value: string): void {\n    if (!multiple) {\n      selectedRef.current = [value];\n      commit([value]);\n\n      return;\n    }\n\n    if (!selectedRef.current.includes(value)) {\n      const next = [...selectedRef.current, value];\n      selectedRef.current = next;\n      commit(next);\n    }\n  }\n\n  if (hidden) {\n    return null;\n  }\n\n  const options = searchable ? (results ?? staticOptions) : staticOptions;\n\n  const renderOption = optionSchema?.length\n    ? (option: Option) => (\n        <Renderer\n          nodes={materializeSchema(optionSchema, {\n            ...option.data,\n            label: option.label,\n            value: option.value,\n          })}\n        />\n      )\n    : undefined;\n\n  return (\n    <FormFieldFrame\n      error={errors[errorKey]}\n      helperText={props.helperText ?? undefined}\n      tooltip={props.tooltip ?? undefined}\n      label={props.label ?? \"\"}\n      id={domName}\n      required={required}\n    >\n      {(controlProps) => (\n        <>\n          {multiple ? (\n            selected.map((value) => (\n              <input key={value} name={`${domName}[]`} type=\"hidden\" value={value} />\n            ))\n          ) : (\n            <input name={domName} type=\"hidden\" value={selected[0] ?? \"\"} />\n          )}\n\n          <div>\n            {multiple && selected.length > 0 && (\n              <div className=\"mb-1.5 flex flex-wrap gap-1\">\n                {selected.map((value) => {\n                  const color = colorFor(value);\n\n                  return (\n                    <span\n                      className=\"inline-flex items-center gap-1 rounded-lt-sm bg-lt-muted px-2 py-0.5 text-xs\"\n                      key={value}\n                    >\n                      {color && (\n                        <span\n                          aria-hidden=\"true\"\n                          className=\"size-2 shrink-0 rounded-full\"\n                          style={{ background: colorValue(color) }}\n                        />\n                      )}\n                      {labelFor(value)}\n                      {!locked && (\n                        <button\n                          aria-label={t(\"form.remove-option\", \"Remove {{label}}\", {\n                            label: labelFor(value),\n                          })}\n                          data-test={`select-${name}-remove-${value}`}\n                          className=\"text-lt-muted-fg hover:text-lt-fg [&_svg]:size-lt-icon-xs\"\n                          onClick={() => remove(value)}\n                          type=\"button\"\n                        >\n                          <Icon name=\"x\" />\n                        </button>\n                      )}\n                    </span>\n                  );\n                })}\n              </div>\n            )}\n\n            <Combobox\n              creatable={creatable}\n              emptyLabel={props.emptyLabel ?? undefined}\n              loading={loading}\n              multiple={multiple}\n              onCommit={applyCreated}\n              onCreate={applyCreated}\n              onSearch={searchable ? search : undefined}\n              onSelect={select}\n              open={open && !locked}\n              onOpenChange={(next) => {\n                setOpen(next);\n\n                if (!next) {\n                  blur(name);\n                }\n              }}\n              options={options}\n              renderOption={renderOption}\n              searchPlaceholder={props.searchPlaceholder ?? undefined}\n              showSearch={Boolean(searchable || creatable)}\n              selected={selected}\n              testId={`select-${name}`}\n              trigger={\n                <>\n                  {!multiple && selected.length > 0 ? (\n                    <span>{labelFor(selected[0])}</span>\n                  ) : (\n                    <span className=\"text-lt-muted-fg\">{placeholder}</span>\n                  )}\n                  <Icon\n                    name=\"chevrons-up-down\"\n                    className=\"size-lt-icon-md shrink-0 text-lt-muted-fg\"\n                  />\n                </>\n              }\n              triggerClassName={cn(\n                controlSurface(),\n                \"flex items-center justify-between gap-2 text-left\",\n                locked && \"cursor-not-allowed opacity-60\",\n              )}\n              triggerProps={{\n                ...controlProps,\n                \"aria-haspopup\": \"listbox\",\n                autoFocus: props.autoFocus ?? undefined,\n                \"data-test\": `select-${name}`,\n                disabled: locked,\n                tabIndex: props.tabIndex ?? undefined,\n              }}\n            />\n          </div>\n        </>\n      )}\n    </FormFieldFrame>\n  );\n};\n"],"mappings":"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"}

package/dist/form/components/fields/simple-field.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-import { Node } from '../../../core/types.js';
-import { FormFieldControlProps } from '../base/field.js';
-import { ControlledField } from '../../hooks/use-controlled-field.js';
-export declare function SimpleField({ node, label, children, }: {
-    node: Node;
-    label: string;
-    children: (field: ControlledField, controlProps: FormFieldControlProps) => ReactNode;
-}): import("react").JSX.Element | null;

package/dist/form/components/fields/simple-field.js

@@ -1,22 +0,0 @@
-import { fieldProps } from "../../lib/field-props.js";
-import { FormFieldFrame } from "../base/field.js";
-import { useControlledField } from "../../hooks/use-controlled-field.js";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/simple-field.tsx
-function SimpleField({ node, label, children }) {
-	const field = useControlledField(node);
-	if (field.hidden) return null;
-	return /* @__PURE__ */ jsx(FormFieldFrame, {
-		error: field.error,
-		helperText: fieldProps(node).helperText ?? void 0,
-		tooltip: fieldProps(node).tooltip ?? void 0,
-		label,
-		id: field.name,
-		required: field.required,
-		children: (controlProps) => children(field, controlProps)
-	});
-}
-//#endregion
-export { SimpleField };
-
-//# sourceMappingURL=simple-field.js.map

package/dist/form/components/fields/simple-field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"simple-field.js","names":[],"sources":["../../../../resources/js/form/components/fields/simple-field.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { Node } from \"@lattice-php/lattice/core/types\";\nimport {\n  FormFieldFrame,\n  type FormFieldControlProps,\n} from \"@lattice-php/lattice/form/components/base/field\";\nimport { fieldProps } from \"@lattice-php/lattice/form/lib/field-props\";\nimport {\n  type ControlledField,\n  useControlledField,\n} from \"@lattice-php/lattice/form/hooks/use-controlled-field\";\n\nexport function SimpleField({\n  node,\n  label,\n  children,\n}: {\n  node: Node;\n  label: string;\n  children: (field: ControlledField, controlProps: FormFieldControlProps) => ReactNode;\n}) {\n  const field = useControlledField(node);\n\n  if (field.hidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldFrame\n      error={field.error}\n      helperText={fieldProps(node).helperText ?? undefined}\n      tooltip={fieldProps(node).tooltip ?? undefined}\n      label={label}\n      id={field.name}\n      required={field.required}\n    >\n      {(controlProps) => children(field, controlProps)}\n    </FormFieldFrame>\n  );\n}\n"],"mappings":";;;;;AAYA,SAAgB,YAAY,EAC1B,MACA,OACA,YAKC;CACD,MAAM,QAAQ,mBAAmB,IAAI;CAErC,IAAI,MAAM,QACR,OAAO;CAGT,OACE,oBAAC,gBAAD;EACE,OAAO,MAAM;EACb,YAAY,WAAW,IAAI,CAAC,CAAC,cAAc,KAAA;EAC3C,SAAS,WAAW,IAAI,CAAC,CAAC,WAAW,KAAA;EAC9B;EACP,IAAI,MAAM;EACV,UAAU,MAAM;EAEd,WAAA,iBAAiB,SAAS,OAAO,YAAY;CACjC,CAAA;AAEpB"}

package/dist/form/components/fields/table-rows.d.ts

@@ -1,33 +0,0 @@
-import { Node } from '../../../core/types.js';
-import { ColumnWidth, RowAction as WireRowAction } from '../../../types/generated.js';
-import { RepeaterRow } from './repeater-rows.js';
-export type TableColumn = {
-    name: string;
-    label: string;
-    columnWidth: ColumnWidth;
-};
-type TableRowModel = {
-    key: string;
-    index: number;
-    row: RepeaterRow;
-    template: Node[];
-    span: boolean;
-    heading?: string;
-};
-export declare function columnsFromSchema(nodes: Node[]): TableColumn[];
-export declare function TableRows({ base, columns, rows, reorderable, removable, rowActions, onField, onMove, onRemove, onDuplicate, registerRow, resizableColumns, resizeIndicator, }: {
-    base: string;
-    columns: TableColumn[];
-    rows: TableRowModel[];
-    reorderable: boolean;
-    removable: (index: number) => boolean;
-    rowActions: WireRowAction[] | null;
-    onField: (index: number, field: string, value: unknown) => void;
-    onMove: (index: number, delta: number) => void;
-    onRemove: (index: number) => void;
-    onDuplicate: (index: number) => void;
-    registerRow?: (key: string, el: HTMLElement | null) => void;
-    resizableColumns?: boolean;
-    resizeIndicator?: boolean;
-}): import("react").JSX.Element;
-export {};

package/dist/form/components/fields/table-rows.js

@@ -1,176 +0,0 @@
-import { useT } from "../../../i18n/instance.js";
-import { Icon } from "../../../icons/sprite.js";
-import { nodeKey } from "../../../core/nodes.js";
-import { RenderNode } from "../../../core/renderer.js";
-import { useMediaQuery } from "../../../lib/use-media-query.js";
-import { FieldScopeProvider } from "../../hooks/field-scope.js";
-import { TableCellProvider } from "../../hooks/row-layout-context.js";
-import { buildRowActions } from "./row-action-menu.js";
-import { RowActions } from "./row-actions.js";
-import { RowButton, RowItem } from "./row-item.js";
-import "../../../core/hooks/column-sizing.js";
-import { useColumnResizing } from "../../../core/hooks/use-column-resizing.js";
-import { memo, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/table-rows.tsx
-var rowControlTrack = "3rem";
-var rowActionTrack = "3rem";
-var rowControlTracks = [rowControlTrack];
-var rowActionTracks = [rowActionTrack];
-var tableViewportQuery = "(min-width: 768px)";
-function useTableViewport() {
-	return useMediaQuery(tableViewportQuery, true);
-}
-function columnsFromSchema(nodes) {
-	return nodes.map((node) => {
-		const props = node.props;
-		return {
-			name: String(props.name),
-			label: String(props.label ?? props.name),
-			columnWidth: props.columnWidth ?? "md"
-		};
-	});
-}
-var TableRowItem = memo(function TableRowItem({ base, index, row, template, span, isFirst, isLast, columnCount, flipKey, reorderable, removable, rowActions, onField, onMove, onRemove, onDuplicate, registerRow }) {
-	const { t } = useT("lattice");
-	return /* @__PURE__ */ jsxs("div", {
-		ref: (el) => registerRow?.(flipKey, el),
-		"data-flip-key": flipKey,
-		"data-test": `table-row-${base}-${index}`,
-		className: "grid grid-cols-[var(--lattice-table-columns)] items-start gap-x-3",
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-1 [&_svg]:size-lt-icon-sm",
-				children: [reorderable && !isFirst && /* @__PURE__ */ jsx(RowButton, {
-					label: "Move up",
-					testId: `table-${base}-up-${index}`,
-					onClick: () => onMove(index, -1),
-					children: /* @__PURE__ */ jsx(Icon, { name: "arrow-up" })
-				}), reorderable && !isLast && /* @__PURE__ */ jsx(RowButton, {
-					label: "Move down",
-					testId: `table-${base}-down-${index}`,
-					onClick: () => onMove(index, 1),
-					children: /* @__PURE__ */ jsx(Icon, { name: "arrow-down" })
-				})]
-			}),
-			/* @__PURE__ */ jsx(FieldScopeProvider, {
-				base,
-				index,
-				row,
-				onChange: (field, value) => onField(index, field, value),
-				children: /* @__PURE__ */ jsx(TableCellProvider, { children: span ? /* @__PURE__ */ jsx("div", {
-					"data-test": `table-row-${base}-${index}-span`,
-					className: "flex flex-col gap-2",
-					style: { gridColumn: `span ${columnCount}` },
-					children: template.map((child, childIndex) => /* @__PURE__ */ jsx(RenderNode, { node: child }, nodeKey(child, childIndex)))
-				}) : template.map((child, childIndex) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(RenderNode, { node: child }) }, nodeKey(child, childIndex))) })
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "flex items-center",
-				children: /* @__PURE__ */ jsx(RowActions, { actions: buildRowActions(rowActions, {
-					index,
-					removable,
-					onRemove,
-					onDuplicate,
-					t
-				}) })
-			})
-		]
-	});
-});
-function TableRows({ base, columns, rows, reorderable, removable, rowActions, onField, onMove, onRemove, onDuplicate, registerRow, resizableColumns = false, resizeIndicator = false }) {
-	const { t } = useT("lattice");
-	const isTableViewport = useTableViewport();
-	const sizingColumns = useMemo(() => columns.map((column) => ({
-		key: column.name,
-		label: column.label,
-		width: column.columnWidth
-	})), [columns]);
-	const { getResizeHandleProps, gridTemplateColumns, hasOverrides, resizeRootRef, resetColumns } = useColumnResizing({
-		columns: sizingColumns,
-		enabled: resizableColumns,
-		columnGapPx: 12,
-		leadingTracks: rowControlTracks,
-		showIndicator: resizeIndicator,
-		storageKey: resizableColumns ? `lattice:table-columns:form:${base}` : void 0,
-		trailingTracks: rowActionTracks
-	});
-	if (!isTableViewport) return /* @__PURE__ */ jsx("div", {
-		className: "flex flex-col gap-3",
-		children: rows.map((row) => /* @__PURE__ */ jsx("div", {
-			ref: (el) => registerRow?.(row.key, el),
-			"data-flip-key": row.key,
-			children: /* @__PURE__ */ jsx(RowItem, {
-				base,
-				index: row.index,
-				row: row.row,
-				template: row.template,
-				heading: row.heading ?? `#${row.index + 1}`,
-				reorderable,
-				isFirst: row.index === 0,
-				isLast: row.index === rows.length - 1,
-				removable: removable(row.index),
-				rowActions,
-				onField,
-				onRemove,
-				onMove,
-				onDuplicate
-			})
-		}, row.key))
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "relative",
-		children: [hasOverrides && /* @__PURE__ */ jsx("button", {
-			"aria-label": t("table.reset-column-widths", "Reset column widths"),
-			className: "absolute right-1 top-1 z-10 hidden rounded-lt-sm p-1 text-lt-muted-fg hover:text-lt-fg md:inline-flex",
-			"data-test": "table-reset-columns",
-			onClick: resetColumns,
-			title: t("table.reset-column-widths", "Reset column widths"),
-			type: "button",
-			children: /* @__PURE__ */ jsx(Icon, {
-				name: "rotate-ccw",
-				className: "size-lt-icon-sm"
-			})
-		}), /* @__PURE__ */ jsx("div", {
-			className: "overflow-x-auto",
-			children: /* @__PURE__ */ jsxs("div", {
-				ref: resizeRootRef,
-				className: "flex min-w-max flex-col gap-2",
-				style: { "--lattice-table-columns": gridTemplateColumns },
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "grid grid-cols-[var(--lattice-table-columns)] items-center gap-x-3",
-					children: [
-						/* @__PURE__ */ jsx("div", {}),
-						columns.map((column, index) => /* @__PURE__ */ jsxs("div", {
-							className: "relative min-w-0 pr-3 text-xs font-medium text-lt-muted-fg",
-							children: [column.label, resizableColumns && /* @__PURE__ */ jsx("div", { ...getResizeHandleProps(sizingColumns[index]) })]
-						}, column.name)),
-						/* @__PURE__ */ jsx("div", {})
-					]
-				}), rows.map((row) => /* @__PURE__ */ jsx(TableRowItem, {
-					base,
-					index: row.index,
-					row: row.row,
-					template: row.template,
-					span: row.span,
-					isFirst: row.index === 0,
-					isLast: row.index === rows.length - 1,
-					columnCount: columns.length,
-					flipKey: row.key,
-					reorderable,
-					removable: removable(row.index),
-					rowActions,
-					onField,
-					onMove,
-					onRemove,
-					onDuplicate,
-					registerRow
-				}, row.key))]
-			})
-		})]
-	});
-}
-//#endregion
-export { TableRows, columnsFromSchema };
-
-//# sourceMappingURL=table-rows.js.map

package/dist/form/components/fields/table-rows.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-rows.js","names":[],"sources":["../../../../resources/js/form/components/fields/table-rows.tsx"],"sourcesContent":["import type { Node } from \"@lattice-php/lattice/core/types\";\nimport { nodeKey } from \"@lattice-php/lattice/core/nodes\";\nimport { RenderNode } from \"@lattice-php/lattice/core/renderer\";\nimport {\n  DEFAULT_COLUMN_WIDTH,\n  type SizableColumn,\n} from \"@lattice-php/lattice/core/hooks/column-sizing\";\nimport { useColumnResizing } from \"@lattice-php/lattice/core/hooks/use-column-resizing\";\nimport { Icon } from \"@lattice-php/lattice/icons\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { memo, useMemo } from \"react\";\nimport { useMediaQuery } from \"@lattice-php/lattice/lib/use-media-query\";\nimport type { ColumnWidth, RowAction as WireRowAction } from \"@lattice-php/lattice/types/generated\";\nimport { FieldScopeProvider } from \"@lattice-php/lattice/form/hooks/field-scope\";\nimport { TableCellProvider } from \"@lattice-php/lattice/form/hooks/row-layout-context\";\nimport { buildRowActions } from \"./row-action-menu\";\nimport { RowActions } from \"./row-actions\";\nimport { RowButton, RowItem } from \"./row-item\";\nimport type { RepeaterRow } from \"./repeater-rows\";\n\nconst rowControlTrack = \"3rem\";\nconst rowActionTrack = \"3rem\";\nconst rowControlTracks = [rowControlTrack];\nconst rowActionTracks = [rowActionTrack];\nconst tableViewportQuery = \"(min-width: 768px)\";\n\nexport type TableColumn = { name: string; label: string; columnWidth: ColumnWidth };\n\nfunction useTableViewport(): boolean {\n  return useMediaQuery(tableViewportQuery, true);\n}\n\ntype TableRowModel = {\n  key: string;\n  index: number;\n  row: RepeaterRow;\n  template: Node[];\n  span: boolean;\n  heading?: string;\n};\n\nexport function columnsFromSchema(nodes: Node[]): TableColumn[] {\n  return nodes.map((node) => {\n    const props = node.props as {\n      name: unknown;\n      label?: unknown;\n      columnWidth?: ColumnWidth | null;\n    };\n    return {\n      name: String(props.name),\n      label: String(props.label ?? props.name),\n      columnWidth: props.columnWidth ?? DEFAULT_COLUMN_WIDTH,\n    };\n  });\n}\n\ntype TableRowItemProps = {\n  base: string;\n  index: number;\n  row: RepeaterRow;\n  template: Node[];\n  span: boolean;\n  isFirst: boolean;\n  isLast: boolean;\n  columnCount: number;\n  flipKey: string;\n  reorderable: boolean;\n  removable: boolean;\n  rowActions: WireRowAction[] | null;\n  onField: (index: number, field: string, value: unknown) => void;\n  onMove: (index: number, delta: number) => void;\n  onRemove: (index: number) => void;\n  onDuplicate: (index: number) => void;\n  registerRow?: (key: string, el: HTMLElement | null) => void;\n};\n\nconst TableRowItem = memo(function TableRowItem({\n  base,\n  index,\n  row,\n  template,\n  span,\n  isFirst,\n  isLast,\n  columnCount,\n  flipKey,\n  reorderable,\n  removable,\n  rowActions,\n  onField,\n  onMove,\n  onRemove,\n  onDuplicate,\n  registerRow,\n}: TableRowItemProps) {\n  const { t } = useT(\"lattice\");\n\n  return (\n    <div\n      ref={(el) => registerRow?.(flipKey, el)}\n      data-flip-key={flipKey}\n      data-test={`table-row-${base}-${index}`}\n      className=\"grid grid-cols-[var(--lattice-table-columns)] items-start gap-x-3\"\n    >\n      <div className=\"flex items-center gap-1 [&_svg]:size-lt-icon-sm\">\n        {reorderable && !isFirst && (\n          <RowButton\n            label=\"Move up\"\n            testId={`table-${base}-up-${index}`}\n            onClick={() => onMove(index, -1)}\n          >\n            <Icon name=\"arrow-up\" />\n          </RowButton>\n        )}\n        {reorderable && !isLast && (\n          <RowButton\n            label=\"Move down\"\n            testId={`table-${base}-down-${index}`}\n            onClick={() => onMove(index, 1)}\n          >\n            <Icon name=\"arrow-down\" />\n          </RowButton>\n        )}\n      </div>\n\n      <FieldScopeProvider\n        base={base}\n        index={index}\n        row={row}\n        onChange={(field, value) => onField(index, field, value)}\n      >\n        <TableCellProvider>\n          {span ? (\n            <div\n              data-test={`table-row-${base}-${index}-span`}\n              className=\"flex flex-col gap-2\"\n              style={{ gridColumn: `span ${columnCount}` }}\n            >\n              {template.map((child, childIndex) => (\n                <RenderNode key={nodeKey(child, childIndex)} node={child} />\n              ))}\n            </div>\n          ) : (\n            template.map((child, childIndex) => (\n              <div key={nodeKey(child, childIndex)}>\n                <RenderNode node={child} />\n              </div>\n            ))\n          )}\n        </TableCellProvider>\n      </FieldScopeProvider>\n\n      <div className=\"flex items-center\">\n        <RowActions\n          actions={buildRowActions(rowActions, { index, removable, onRemove, onDuplicate, t })}\n        />\n      </div>\n    </div>\n  );\n});\n\nexport function TableRows({\n  base,\n  columns,\n  rows,\n  reorderable,\n  removable,\n  rowActions,\n  onField,\n  onMove,\n  onRemove,\n  onDuplicate,\n  registerRow,\n  resizableColumns = false,\n  resizeIndicator = false,\n}: {\n  base: string;\n  columns: TableColumn[];\n  rows: TableRowModel[];\n  reorderable: boolean;\n  removable: (index: number) => boolean;\n  rowActions: WireRowAction[] | null;\n  onField: (index: number, field: string, value: unknown) => void;\n  onMove: (index: number, delta: number) => void;\n  onRemove: (index: number) => void;\n  onDuplicate: (index: number) => void;\n  registerRow?: (key: string, el: HTMLElement | null) => void;\n  resizableColumns?: boolean;\n  resizeIndicator?: boolean;\n}) {\n  const { t } = useT(\"lattice\");\n  const isTableViewport = useTableViewport();\n  const sizingColumns = useMemo<SizableColumn[]>(\n    () =>\n      columns.map((column) => ({\n        key: column.name,\n        label: column.label,\n        width: column.columnWidth,\n      })),\n    [columns],\n  );\n  const { getResizeHandleProps, gridTemplateColumns, hasOverrides, resizeRootRef, resetColumns } =\n    useColumnResizing({\n      columns: sizingColumns,\n      enabled: resizableColumns,\n      columnGapPx: 12,\n      leadingTracks: rowControlTracks,\n      showIndicator: resizeIndicator,\n      storageKey: resizableColumns ? `lattice:table-columns:form:${base}` : undefined,\n      trailingTracks: rowActionTracks,\n    });\n\n  if (!isTableViewport) {\n    return (\n      <div className=\"flex flex-col gap-3\">\n        {rows.map((row) => (\n          <div key={row.key} ref={(el) => registerRow?.(row.key, el)} data-flip-key={row.key}>\n            <RowItem\n              base={base}\n              index={row.index}\n              row={row.row}\n              template={row.template}\n              heading={row.heading ?? `#${row.index + 1}`}\n              reorderable={reorderable}\n              isFirst={row.index === 0}\n              isLast={row.index === rows.length - 1}\n              removable={removable(row.index)}\n              rowActions={rowActions}\n              onField={onField}\n              onRemove={onRemove}\n              onMove={onMove}\n              onDuplicate={onDuplicate}\n            />\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"relative\">\n      {hasOverrides && (\n        <button\n          aria-label={t(\"table.reset-column-widths\", \"Reset column widths\")}\n          className=\"absolute right-1 top-1 z-10 hidden rounded-lt-sm p-1 text-lt-muted-fg hover:text-lt-fg md:inline-flex\"\n          data-test=\"table-reset-columns\"\n          onClick={resetColumns}\n          title={t(\"table.reset-column-widths\", \"Reset column widths\")}\n          type=\"button\"\n        >\n          <Icon name=\"rotate-ccw\" className=\"size-lt-icon-sm\" />\n        </button>\n      )}\n      <div className=\"overflow-x-auto\">\n        <div\n          ref={resizeRootRef}\n          className=\"flex min-w-max flex-col gap-2\"\n          style={{ \"--lattice-table-columns\": gridTemplateColumns } as never}\n        >\n          <div className=\"grid grid-cols-[var(--lattice-table-columns)] items-center gap-x-3\">\n            <div />\n            {columns.map((column, index) => (\n              <div\n                key={column.name}\n                className=\"relative min-w-0 pr-3 text-xs font-medium text-lt-muted-fg\"\n              >\n                {column.label}\n                {resizableColumns && <div {...getResizeHandleProps(sizingColumns[index])} />}\n              </div>\n            ))}\n            <div />\n          </div>\n\n          {rows.map((row) => (\n            <TableRowItem\n              key={row.key}\n              base={base}\n              index={row.index}\n              row={row.row}\n              template={row.template}\n              span={row.span}\n              isFirst={row.index === 0}\n              isLast={row.index === rows.length - 1}\n              columnCount={columns.length}\n              flipKey={row.key}\n              reorderable={reorderable}\n              removable={removable(row.index)}\n              rowActions={rowActions}\n              onField={onField}\n              onMove={onMove}\n              onRemove={onRemove}\n              onDuplicate={onDuplicate}\n              registerRow={registerRow}\n            />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAoBA,IAAM,kBAAkB;AACxB,IAAM,iBAAiB;AACvB,IAAM,mBAAmB,CAAC,eAAe;AACzC,IAAM,kBAAkB,CAAC,cAAc;AACvC,IAAM,qBAAqB;AAI3B,SAAS,mBAA4B;CACnC,OAAO,cAAc,oBAAoB,IAAI;AAC/C;AAWA,SAAgB,kBAAkB,OAA8B;CAC9D,OAAO,MAAM,KAAK,SAAS;EACzB,MAAM,QAAQ,KAAK;EAKnB,OAAO;GACL,MAAM,OAAO,MAAM,IAAI;GACvB,OAAO,OAAO,MAAM,SAAS,MAAM,IAAI;GACvC,aAAa,MAAM,eAAA;EACrB;CACF,CAAC;AACH;AAsBA,IAAM,eAAe,KAAK,SAAS,aAAa,EAC9C,MACA,OACA,KACA,UACA,MACA,SACA,QACA,aACA,SACA,aACA,WACA,YACA,SACA,QACA,UACA,aACA,eACoB;CACpB,MAAM,EAAE,MAAM,KAAK,SAAS;CAE5B,OACE,qBAAC,OAAD;EACE,MAAM,OAAO,cAAc,SAAS,EAAE;EACtC,iBAAe;EACf,aAAW,aAAa,KAAK,GAAG;EAChC,WAAU;EAJZ,UAAA;GAME,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACG,eAAe,CAAC,WACf,oBAAC,WAAD;KACE,OAAM;KACN,QAAQ,SAAS,KAAK,MAAM;KAC5B,eAAe,OAAO,OAAO,EAAE;KAE/B,UAAA,oBAAC,MAAD,EAAM,MAAK,WAAY,CAAA;IACd,CAAA,GAEZ,eAAe,CAAC,UACf,oBAAC,WAAD;KACE,OAAM;KACN,QAAQ,SAAS,KAAK,QAAQ;KAC9B,eAAe,OAAO,OAAO,CAAC;KAE9B,UAAA,oBAAC,MAAD,EAAM,MAAK,aAAc,CAAA;IAChB,CAAA,CAEV;;GAEL,oBAAC,oBAAD;IACQ;IACC;IACF;IACL,WAAW,OAAO,UAAU,QAAQ,OAAO,OAAO,KAAK;IAEvD,UAAA,oBAAC,mBAAD,EAAA,UACG,OACC,oBAAC,OAAD;KACE,aAAW,aAAa,KAAK,GAAG,MAAM;KACtC,WAAU;KACV,OAAO,EAAE,YAAY,QAAQ,cAAc;KAE1C,UAAA,SAAS,KAAK,OAAO,eACpB,oBAAC,YAAD,EAA6C,MAAM,MAAQ,GAA1C,QAAQ,OAAO,UAAU,CAAiB,CAC5D;IACE,CAAA,IAEL,SAAS,KAAK,OAAO,eACnB,oBAAC,OAAD,EAAA,UACE,oBAAC,YAAD,EAAY,MAAM,MAAQ,CAAA,EACvB,GAFK,QAAQ,OAAO,UAAU,CAE9B,CACN,EAEc,CAAA;GACD,CAAA;GAEpB,oBAAC,OAAD;IAAK,WAAU;IACb,UAAA,oBAAC,YAAD,EACE,SAAS,gBAAgB,YAAY;KAAE;KAAO;KAAW;KAAU;KAAa;IAAE,CAAC,EACpF,CAAA;GACE,CAAA;EACF;;AAET,CAAC;AAED,SAAgB,UAAU,EACxB,MACA,SACA,MACA,aACA,WACA,YACA,SACA,QACA,UACA,aACA,aACA,mBAAmB,OACnB,kBAAkB,SAejB;CACD,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,kBAAkB,iBAAiB;CACzC,MAAM,gBAAgB,cAElB,QAAQ,KAAK,YAAY;EACvB,KAAK,OAAO;EACZ,OAAO,OAAO;EACd,OAAO,OAAO;CAChB,EAAE,GACJ,CAAC,OAAO,CACV;CACA,MAAM,EAAE,sBAAsB,qBAAqB,cAAc,eAAe,iBAC9E,kBAAkB;EAChB,SAAS;EACT,SAAS;EACT,aAAa;EACb,eAAe;EACf,eAAe;EACf,YAAY,mBAAmB,8BAA8B,SAAS,KAAA;EACtE,gBAAgB;CAClB,CAAC;CAEH,IAAI,CAAC,iBACH,OACE,oBAAC,OAAD;EAAK,WAAU;EACZ,UAAA,KAAK,KAAK,QACT,oBAAC,OAAD;GAAmB,MAAM,OAAO,cAAc,IAAI,KAAK,EAAE;GAAG,iBAAe,IAAI;GAC7E,UAAA,oBAAC,SAAD;IACQ;IACN,OAAO,IAAI;IACX,KAAK,IAAI;IACT,UAAU,IAAI;IACd,SAAS,IAAI,WAAW,IAAI,IAAI,QAAQ;IAC3B;IACb,SAAS,IAAI,UAAU;IACvB,QAAQ,IAAI,UAAU,KAAK,SAAS;IACpC,WAAW,UAAU,IAAI,KAAK;IAClB;IACH;IACC;IACF;IACK;GACd,CAAA;EACE,GAjBK,IAAI,GAiBT,CACN;CACE,CAAA;CAIT,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACG,gBACC,oBAAC,UAAD;GACE,cAAY,EAAE,6BAA6B,qBAAqB;GAChE,WAAU;GACV,aAAU;GACV,SAAS;GACT,OAAO,EAAE,6BAA6B,qBAAqB;GAC3D,MAAK;GAEL,UAAA,oBAAC,MAAD;IAAM,MAAK;IAAa,WAAU;GAAmB,CAAA;EAC/C,CAAA,GAEV,oBAAC,OAAD;GAAK,WAAU;GACb,UAAA,qBAAC,OAAD;IACE,KAAK;IACL,WAAU;IACV,OAAO,EAAE,2BAA2B,oBAAoB;IAH1D,UAAA,CAKE,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACE,oBAAC,OAAD,CAAM,CAAA;MACL,QAAQ,KAAK,QAAQ,UACpB,qBAAC,OAAD;OAEE,WAAU;OAFZ,UAAA,CAIG,OAAO,OACP,oBAAoB,oBAAC,OAAD,EAAK,GAAI,qBAAqB,cAAc,MAAM,EAAI,CAAA,CACxE;MALE,GAAA,OAAO,IAKT,CACN;MACD,oBAAC,OAAD,CAAM,CAAA;KACH;IAEJ,CAAA,GAAA,KAAK,KAAK,QACT,oBAAC,cAAD;KAEQ;KACN,OAAO,IAAI;KACX,KAAK,IAAI;KACT,UAAU,IAAI;KACd,MAAM,IAAI;KACV,SAAS,IAAI,UAAU;KACvB,QAAQ,IAAI,UAAU,KAAK,SAAS;KACpC,aAAa,QAAQ;KACrB,SAAS,IAAI;KACA;KACb,WAAW,UAAU,IAAI,KAAK;KAClB;KACH;KACD;KACE;KACG;KACA;IACd,GAlBM,IAAI,GAkBV,CACF,CACE;;EACF,CAAA,CACF;;AAET"}

package/dist/form/components/fields/text-input.d.ts

@@ -1,2 +0,0 @@
-import { RendererComponent } from '../../../core/types.js';
-export declare const TextInputComponent: RendererComponent<"field.text-input">;

package/dist/form/components/fields/text-input.js

@@ -1,42 +0,0 @@
-import { CopyButton } from "../../../ui/copyable-text.js";
-import { Input } from "../../../ui/input.js";
-import { SimpleField } from "./simple-field.js";
-import { AffixGroup } from "../../../ui/affix-group.js";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/text-input.tsx
-var TextInputComponent = ({ node }) => {
-	const props = node.props;
-	return /* @__PURE__ */ jsx(SimpleField, {
-		node,
-		label: props.label ?? "",
-		children: ({ name, testId, value, readOnly, disabled, commit }, controlProps) => /* @__PURE__ */ jsx(AffixGroup, {
-			prefix: props.prefix,
-			suffix: props.suffix,
-			end: props.copyable ? /* @__PURE__ */ jsx(CopyButton, {
-				className: "h-lt-control-md gap-1.5 rounded-l-none rounded-r-lt-sm border-l-0 border-lt-input px-3 group-has-[:focus-visible]:border-lt-ring",
-				label: props.label ?? name,
-				testId: `${testId}-copy`,
-				value
-			}) : null,
-			children: (controlClassName) => /* @__PURE__ */ jsx(Input, {
-				...controlProps,
-				autoComplete: props.autoComplete ?? "",
-				autoFocus: props.autoFocus ?? false,
-				className: controlClassName,
-				"data-test": testId,
-				disabled,
-				name,
-				onChange: (event) => commit(event.target.value),
-				placeholder: props.placeholder ?? "",
-				readOnly,
-				tabIndex: props.tabIndex ?? void 0,
-				type: props.type ?? "text",
-				value
-			})
-		})
-	});
-};
-//#endregion
-export { TextInputComponent };
-
-//# sourceMappingURL=text-input.js.map

package/dist/form/components/fields/text-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-input.js","names":[],"sources":["../../../../resources/js/form/components/fields/text-input.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { AffixGroup } from \"@lattice-php/lattice/ui/affix-group\";\nimport { CopyButton } from \"@lattice-php/lattice/ui/copyable-text\";\nimport { Input } from \"@lattice-php/lattice/ui/input\";\nimport { SimpleField } from \"./simple-field\";\n\nexport const TextInputComponent: RendererComponent<\"field.text-input\"> = ({ node }) => {\n  const props = node.props;\n\n  return (\n    <SimpleField node={node} label={props.label ?? \"\"}>\n      {({ name, testId, value, readOnly, disabled, commit }, controlProps) => (\n        <AffixGroup\n          prefix={props.prefix}\n          suffix={props.suffix}\n          end={\n            props.copyable ? (\n              <CopyButton\n                className=\"h-lt-control-md gap-1.5 rounded-l-none rounded-r-lt-sm border-l-0 border-lt-input px-3 group-has-[:focus-visible]:border-lt-ring\"\n                label={props.label ?? name}\n                testId={`${testId}-copy`}\n                value={value}\n              />\n            ) : null\n          }\n        >\n          {(controlClassName) => (\n            <Input\n              {...controlProps}\n              autoComplete={props.autoComplete ?? \"\"}\n              autoFocus={props.autoFocus ?? false}\n              className={controlClassName}\n              data-test={testId}\n              disabled={disabled}\n              name={name}\n              onChange={(event) => commit(event.target.value)}\n              placeholder={props.placeholder ?? \"\"}\n              readOnly={readOnly}\n              tabIndex={props.tabIndex ?? undefined}\n              type={props.type ?? \"text\"}\n              value={value}\n            />\n          )}\n        </AffixGroup>\n      )}\n    </SimpleField>\n  );\n};\n"],"mappings":";;;;;;AAMA,IAAa,sBAA6D,EAAE,WAAW;CACrF,MAAM,QAAQ,KAAK;CAEnB,OACE,oBAAC,aAAD;EAAmB;EAAM,OAAO,MAAM,SAAS;EAC3C,WAAA,EAAE,MAAM,QAAQ,OAAO,UAAU,UAAU,UAAU,iBACrD,oBAAC,YAAD;GACE,QAAQ,MAAM;GACd,QAAQ,MAAM;GACd,KACE,MAAM,WACJ,oBAAC,YAAD;IACE,WAAU;IACV,OAAO,MAAM,SAAS;IACtB,QAAQ,GAAG,OAAO;IACX;GACR,CAAA,IACC;GAGJ,WAAA,qBACA,oBAAC,OAAD;IACE,GAAI;IACJ,cAAc,MAAM,gBAAgB;IACpC,WAAW,MAAM,aAAa;IAC9B,WAAW;IACX,aAAW;IACD;IACJ;IACN,WAAW,UAAU,OAAO,MAAM,OAAO,KAAK;IAC9C,aAAa,MAAM,eAAe;IACxB;IACV,UAAU,MAAM,YAAY,KAAA;IAC5B,MAAM,MAAM,QAAQ;IACb;GACR,CAAA;EAEO,CAAA;CAEH,CAAA;AAEjB"}

package/dist/form/components/fields/textarea.d.ts

@@ -1,2 +0,0 @@
-import { RendererComponent } from '../../../core/types.js';
-export declare const TextareaComponent: RendererComponent<"field.textarea">;

package/dist/form/components/fields/textarea.js

@@ -1,28 +0,0 @@
-import { SimpleField } from "./simple-field.js";
-import { Textarea } from "../../../ui/textarea.js";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/textarea.tsx
-var TextareaComponent = ({ node }) => {
-	const props = node.props;
-	return /* @__PURE__ */ jsx(SimpleField, {
-		node,
-		label: props.label ?? "",
-		children: ({ name, testId, value, readOnly, disabled, commit }, controlProps) => /* @__PURE__ */ jsx(Textarea, {
-			...controlProps,
-			autoFocus: props.autoFocus ?? false,
-			"data-test": testId,
-			disabled,
-			name,
-			onChange: (event) => commit(event.target.value),
-			placeholder: props.placeholder ?? "",
-			readOnly,
-			rows: props.rows ?? void 0,
-			tabIndex: props.tabIndex ?? void 0,
-			value
-		})
-	});
-};
-//#endregion
-export { TextareaComponent };
-
-//# sourceMappingURL=textarea.js.map

package/dist/form/components/fields/textarea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea.js","names":[],"sources":["../../../../resources/js/form/components/fields/textarea.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { Textarea } from \"@lattice-php/lattice/ui/textarea\";\nimport { SimpleField } from \"./simple-field\";\n\nexport const TextareaComponent: RendererComponent<\"field.textarea\"> = ({ node }) => {\n  const props = node.props;\n\n  return (\n    <SimpleField node={node} label={props.label ?? \"\"}>\n      {({ name, testId, value, readOnly, disabled, commit }, controlProps) => (\n        <Textarea\n          {...controlProps}\n          autoFocus={props.autoFocus ?? false}\n          data-test={testId}\n          disabled={disabled}\n          name={name}\n          onChange={(event) => commit(event.target.value)}\n          placeholder={props.placeholder ?? \"\"}\n          readOnly={readOnly}\n          rows={props.rows ?? undefined}\n          tabIndex={props.tabIndex ?? undefined}\n          value={value}\n        />\n      )}\n    </SimpleField>\n  );\n};\n"],"mappings":";;;;AAIA,IAAa,qBAA0D,EAAE,WAAW;CAClF,MAAM,QAAQ,KAAK;CAEnB,OACE,oBAAC,aAAD;EAAmB;EAAM,OAAO,MAAM,SAAS;EAC3C,WAAA,EAAE,MAAM,QAAQ,OAAO,UAAU,UAAU,UAAU,iBACrD,oBAAC,UAAD;GACE,GAAI;GACJ,WAAW,MAAM,aAAa;GAC9B,aAAW;GACD;GACJ;GACN,WAAW,UAAU,OAAO,MAAM,OAAO,KAAK;GAC9C,aAAa,MAAM,eAAe;GACxB;GACV,MAAM,MAAM,QAAQ,KAAA;GACpB,UAAU,MAAM,YAAY,KAAA;GACrB;EACR,CAAA;CAEQ,CAAA;AAEjB"}

package/dist/form/components/fields/time-input.d.ts

@@ -1,2 +0,0 @@
-import { RendererComponent } from '../../../core/types.js';
-export declare const TimeInputComponent: RendererComponent<"field.time-input">;