@byline/ui 2.5.2 → 2.6.1

package/dist/admin/group.js

@@ -1,14 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
-import group_module from "./group.module.js";
-const AdminGroup = ({ label, children, className })=>/*#__PURE__*/ jsxs("fieldset", {
-        className: classnames('byline-admin-group', group_module.group, className),
-        children: [
-            label && /*#__PURE__*/ jsx("legend", {
-                className: classnames('byline-admin-group-legend', group_module.legend),
-                children: label
-            }),
-            children
-        ]
-    });
-export { AdminGroup };

package/dist/admin/group.module.js

@@ -1,6 +0,0 @@
-import "./group_module.css";
-const group_module = {
-    group: "group-pmMFT_",
-    legend: "legend-oOuePJ"
-};
-export default group_module;

package/dist/admin/group_module.css

@@ -1,19 +0,0 @@
-:is(.group-pmMFT_, .byline-admin-group) {
-  gap: var(--spacing-16);
-  padding: var(--spacing-12);
-  border: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
-  border-radius: var(--border-radius-md);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.legend-oOuePJ, .byline-admin-group-legend) {
-  padding-inline: var(--spacing-4);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-}
-
-:is(:is([data-theme="dark"], .dark) .group-pmMFT_, :is([data-theme="dark"], .dark) .byline-admin-group) {
-  border-color: var(--gray-700);
-}
-

package/dist/admin/row.d.ts

@@ -1,25 +0,0 @@
-/**
- * This Source Code is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/.
- *
- * Copyright (c) Infonomic Company Limited
- */
-import type { ReactNode } from 'react';
-interface AdminRowProps {
-    children: ReactNode;
-    className?: string;
-}
-/**
- * Horizontal flex-row layout for admin form fields.
- *
- * Used by `FormRenderer` when a `CollectionAdminConfig` declares a `rows`
- * primitive. Members are rendered side-by-side above the `sm` breakpoint
- * and stack vertically below it. `flex-1` + `min-width: 0` lets two text
- * inputs share the row evenly without overflowing.
- *
- * The element carries `.byline-admin-row` as a stable global class for
- * host overrides (alongside the hashed CSS-modules local).
- */
-export declare const AdminRow: ({ children, className }: AdminRowProps) => import("react").JSX.Element;
-export {};

package/dist/admin/row.js

@@ -1,8 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
-import row_module from "./row.module.js";
-const AdminRow = ({ children, className })=>/*#__PURE__*/ jsx("div", {
-        className: classnames('byline-admin-row', row_module.row, className),
-        children: children
-    });
-export { AdminRow };

package/dist/admin/row.module.js

@@ -1,5 +0,0 @@
-import "./row_module.css";
-const row_module = {
-    row: "row-Sq48i8"
-};
-export default row_module;

package/dist/admin/row_module.css

@@ -1,18 +0,0 @@
-:is(.row-Sq48i8, .byline-admin-row) {
-  align-items: flex-start;
-  gap: var(--spacing-16);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.row-Sq48i8 > *, .byline-admin-row > *) {
-  flex: 1;
-  min-width: 0;
-}
-
-@media (min-width: 40rem) {
-  :is(.row-Sq48i8, .byline-admin-row) {
-    flex-direction: row;
-  }
-}
-

package/dist/admin/tabs.d.ts

@@ -1,25 +0,0 @@
-export interface AdminTabItem {
-    name: string;
-    label: string;
-}
-interface AdminTabsProps {
-    tabs: AdminTabItem[];
-    activeTab: string;
-    onChange: (name: string) => void;
-    /** Error counts keyed by tab name — shows a danger badge when > 0. */
-    errorCounts?: Record<string, number>;
-    className?: string;
-}
-/**
- * Tabs navigation bar for admin form layouts.
- *
- * Used by FormRenderer when a CollectionAdminConfig declares a `tabs` array.
- * Each tab is a simple button with a bottom-border active indicator.
- * Inactive tabs show a subtle hover state. Fully dark-mode aware.
- *
- * Stable override handles: `.byline-admin-tabs`, `.byline-admin-tab`,
- * `.byline-admin-tab-active`, `.byline-admin-tab-label`,
- * `.byline-admin-tab-badge`.
- */
-export declare const AdminTabs: ({ tabs, activeTab, onChange, errorCounts, className, }: AdminTabsProps) => import("react").JSX.Element;
-export {};

package/dist/admin/tabs.js

@@ -1,35 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
-import { Badge } from "../uikit.js";
-import tabs_module from "./tabs.module.js";
-const AdminTabs = ({ tabs, activeTab, onChange, errorCounts, className })=>/*#__PURE__*/ jsx("div", {
-        role: "tablist",
-        "aria-label": "Form tabs",
-        className: classnames('byline-admin-tabs', tabs_module.tabs, className),
-        children: tabs.map((tab)=>{
-            const isActive = tab.name === activeTab;
-            return /*#__PURE__*/ jsx("button", {
-                type: "button",
-                role: "tab",
-                "aria-selected": isActive,
-                onClick: ()=>onChange(tab.name),
-                className: classnames('byline-admin-tab', tabs_module.tab, isActive && [
-                    'byline-admin-tab-active',
-                    tabs_module["tab-active"]
-                ]),
-                children: /*#__PURE__*/ jsxs("span", {
-                    className: classnames('byline-admin-tab-label', tabs_module.label),
-                    children: [
-                        tab.label,
-                        (errorCounts?.[tab.name] ?? 0) > 0 && /*#__PURE__*/ jsx(Badge, {
-                            intent: "danger",
-                            className: classnames('byline-admin-tab-badge', tabs_module.badge),
-                            children: errorCounts?.[tab.name]
-                        })
-                    ]
-                })
-            }, tab.name);
-        })
-    });
-export { AdminTabs };

package/dist/admin/tabs.module.js

@@ -1,10 +0,0 @@
-import "./tabs_module.css";
-const tabs_module = {
-    tabs: "tabs-j6CvRO",
-    tab: "tab-BdAWTm",
-    "tab-active": "tab-active-bc05XN",
-    tabActive: "tab-active-bc05XN",
-    label: "label-Tdf1rn",
-    badge: "badge-Pq1O6d"
-};
-export default tabs_module;

package/dist/admin/tabs_module.css

@@ -1,68 +0,0 @@
-:is(.tabs-j6CvRO, .byline-admin-tabs) {
-  gap: var(--spacing-16);
-  border-bottom: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
-  display: flex;
-}
-
-:is(.tab-BdAWTm, .byline-admin-tab) {
-  color: var(--gray-500);
-  font-size: 1.1rem;
-  font-weight: var(--font-weight-medium);
-  cursor: pointer;
-  background: none;
-  border-bottom: 2px solid #0000;
-  outline: none;
-  margin-bottom: -1px;
-  padding: .625rem 0;
-  transition: color .15s, border-color .15s;
-  position: relative;
-}
-
-:is(.tab-BdAWTm:hover, .byline-admin-tab:hover) {
-  color: var(--gray-800);
-  border-bottom-color: var(--gray-300);
-}
-
-:is(.tab-BdAWTm:focus-visible, .byline-admin-tab:focus-visible) {
-  box-shadow: 0 0 0 2px var(--blue-500);
-}
-
-:is(.tab-active-bc05XN, .byline-admin-tab-active), :is(.tab-active-bc05XN:hover, .byline-admin-tab-active:hover) {
-  color: var(--primary-600);
-  border-bottom-color: var(--primary-400);
-}
-
-:is(.label-Tdf1rn, .byline-admin-tab-label) {
-  align-items: center;
-  gap: .375rem;
-  display: flex;
-}
-
-:is(.badge-Pq1O6d, .byline-admin-tab-badge) {
-  justify-content: center;
-  align-items: center;
-  min-width: 1.25rem;
-  height: 1.25rem;
-  padding: 0 .375rem;
-  font-size: .7rem;
-  display: flex;
-}
-
-:is(:is([data-theme="dark"], .dark) .tabs-j6CvRO, :is([data-theme="dark"], .dark) .byline-admin-tabs) {
-  border-bottom-color: var(--gray-700);
-}
-
-:is(:is([data-theme="dark"], .dark) .tab-BdAWTm, :is([data-theme="dark"], .dark) .byline-admin-tab) {
-  color: var(--gray-400);
-}
-
-:is(:is([data-theme="dark"], .dark) .tab-BdAWTm:hover, :is([data-theme="dark"], .dark) .byline-admin-tab:hover) {
-  color: var(--gray-200);
-  border-bottom-color: var(--gray-600);
-}
-
-:is(:is([data-theme="dark"], .dark) .tab-active-bc05XN, :is([data-theme="dark"], .dark) .byline-admin-tab-active), :is(:is([data-theme="dark"], .dark) .tab-active-bc05XN:hover, :is([data-theme="dark"], .dark) .byline-admin-tab-active:hover) {
-  color: var(--primary-200);
-  border-bottom-color: var(--primary-400);
-}
-

package/dist/fields/array/array-field.d.ts

@@ -1,14 +0,0 @@
-/**
- * This Source Code is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/.
- *
- * Copyright (c) Infonomic Company Limited
- */
-import type { ArrayField as ArrayFieldType } from '@byline/core';
-export declare const ArrayField: ({ field, defaultValue, path, disableSorting, }: {
-    field: ArrayFieldType;
-    defaultValue: any;
-    path: string;
-    disableSorting?: boolean;
-}) => import("react").JSX.Element;

package/dist/fields/array/array-field.js

@@ -1,176 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import classnames from "classnames";
-import { DraggableSortable, moveItem } from "../../dnd/draggable-sortable/index.js";
-import { defaultScalarForField } from "../field-helpers.js";
-import { FieldRenderer } from "../field-renderer.js";
-import { SortableItem } from "../sortable-item.js";
-import { useFormContext } from "../../forms/form-context.js";
-import { IconButton, PlusIcon } from "../../uikit.js";
-import array_field_module from "./array-field.module.js";
-const ArrayField = ({ field, defaultValue, path, disableSorting = false })=>{
-    const { appendPatch, getFieldValue, getFieldValues, setFieldStore } = useFormContext();
-    const [items, setItems] = useState([]);
-    useEffect(()=>{
-        Array.isArray(defaultValue) ? setItems(defaultValue.map((item)=>({
-                id: item && 'object' == typeof item && 'id' in item ? String(item.id) : item && 'object' == typeof item && '_id' in item ? String(item._id) : crypto.randomUUID(),
-                data: item
-            }))) : setItems([]);
-    }, [
-        defaultValue
-    ]);
-    const handleDragEnd = ({ moveFromIndex, moveToIndex })=>{
-        setItems((prev)=>moveItem(prev, moveFromIndex, moveToIndex));
-        const currentArray = getFieldValue(path) ?? defaultValue;
-        if (Array.isArray(currentArray)) {
-            const clampedFrom = Math.max(0, Math.min(moveFromIndex, currentArray.length - 1));
-            const clampedTo = Math.max(0, Math.min(moveToIndex, currentArray.length - 1));
-            if (clampedFrom === clampedTo) return;
-            const item = currentArray[clampedFrom];
-            const itemId = item && 'object' == typeof item && 'id' in item ? String(item.id) : String(clampedFrom);
-            appendPatch({
-                kind: 'array.move',
-                path: path,
-                itemId,
-                toIndex: clampedTo
-            });
-        }
-    };
-    const handleAddItem = async (atIndex)=>{
-        const childFields = field.fields ?? [];
-        if (0 === childFields.length) return;
-        const newId = crypto.randomUUID();
-        const newItem = {};
-        for (const childField of childFields)if ('group' === childField.type && childField.fields && childField.fields.length > 0) {
-            const groupObj = {};
-            for (const innerField of childField.fields)groupObj[innerField.name] = await defaultScalarForField(innerField, getFieldValues);
-            newItem[childField.name] = groupObj;
-        } else newItem[childField.name] = await defaultScalarForField(childField, getFieldValues);
-        const currentArray = getFieldValue(path) ?? defaultValue;
-        const insertAt = null != atIndex ? atIndex : currentArray ? currentArray.length : 0;
-        const newItemWrapper = {
-            id: newId,
-            data: newItem
-        };
-        setItems((prev)=>{
-            const next = [
-                ...prev
-            ];
-            next.splice(insertAt, 0, newItemWrapper);
-            return next;
-        });
-        appendPatch({
-            kind: 'array.insert',
-            path: path,
-            index: insertAt,
-            item: newItem
-        });
-        const newArrayValue = currentArray ? [
-            ...currentArray
-        ] : [];
-        newArrayValue.splice(insertAt, 0, newItem);
-        setFieldStore(path, newArrayValue);
-    };
-    const handleRemoveItem = (index)=>{
-        const currentArray = getFieldValue(path) ?? defaultValue;
-        if (!Array.isArray(currentArray) || index < 0 || index >= currentArray.length) return;
-        const item = currentArray[index];
-        const itemId = item && 'object' == typeof item && 'id' in item ? String(item.id) : String(index);
-        setItems((prev)=>prev.filter((_, i)=>i !== index));
-        appendPatch({
-            kind: 'array.remove',
-            path: path,
-            itemId
-        });
-        const newArrayValue = [
-            ...currentArray
-        ];
-        newArrayValue.splice(index, 1);
-        setFieldStore(path, newArrayValue);
-    };
-    const handleInsertBelow = (index)=>{
-        handleAddItem(index + 1);
-    };
-    const renderItem = (itemWrapper, index)=>{
-        const item = itemWrapper.data;
-        const arrayElementPath = `${path}[${index}]`;
-        if (!item || 'object' != typeof item) return null;
-        const childFields = field.fields ?? [];
-        if (0 === childFields.length) return null;
-        const innerBody = childFields.map((childField)=>{
-            const initial = item[childField.name];
-            if ('group' === childField.type && childField.fields && childField.fields.length > 0) {
-                const groupData = initial && 'object' == typeof initial ? initial : {};
-                return /*#__PURE__*/ jsxs("div", {
-                    className: classnames('byline-field-array-group-fields', array_field_module["group-fields"]),
-                    children: [
-                        childField.label && /*#__PURE__*/ jsx("h4", {
-                            className: classnames('byline-field-array-group-header', array_field_module["group-header"]),
-                            children: childField.label
-                        }),
-                        childField.fields.map((innerField)=>/*#__PURE__*/ jsx(FieldRenderer, {
-                                field: innerField,
-                                defaultValue: groupData[innerField.name],
-                                basePath: `${arrayElementPath}.${childField.name}`,
-                                disableSorting: true
-                            }, innerField.name))
-                    ]
-                }, childField.name);
-            }
-            return /*#__PURE__*/ jsx(FieldRenderer, {
-                field: childField,
-                defaultValue: initial,
-                basePath: arrayElementPath,
-                disableSorting: true
-            }, childField.name);
-        });
-        const label = field.label ?? field.name;
-        if (disableSorting) return /*#__PURE__*/ jsx("div", {
-            className: classnames('byline-field-array-card', array_field_module.card),
-            children: /*#__PURE__*/ jsx("div", {
-                className: classnames('byline-field-array-group-fields', array_field_module["group-fields"]),
-                children: innerBody
-            })
-        }, itemWrapper.id);
-        return /*#__PURE__*/ jsx(SortableItem, {
-            id: itemWrapper.id,
-            label: label,
-            onAddBelow: ()=>handleInsertBelow(index),
-            onRemove: ()=>handleRemoveItem(index),
-            children: /*#__PURE__*/ jsx("div", {
-                className: classnames('byline-field-array-group-fields', array_field_module["group-fields"]),
-                children: innerBody
-            })
-        }, itemWrapper.id);
-    };
-    return /*#__PURE__*/ jsxs("div", {
-        className: `byline-field-array ${field.name}`,
-        children: [
-            !disableSorting && field.label && /*#__PURE__*/ jsx("h3", {
-                className: classnames('byline-field-array-title', array_field_module.title),
-                children: field.label
-            }),
-            disableSorting ? /*#__PURE__*/ jsx("div", {
-                className: classnames('byline-field-array-stack', array_field_module.stack),
-                children: items.map((item, index)=>renderItem(item, index))
-            }) : /*#__PURE__*/ jsxs(DraggableSortable, {
-                ids: items.map((i)=>i.id),
-                onDragEnd: handleDragEnd,
-                className: classnames('byline-field-array-stack', array_field_module.stack),
-                children: [
-                    items.map((item, index)=>renderItem(item, index)),
-                    /*#__PURE__*/ jsx("span", {
-                        children: /*#__PURE__*/ jsx(IconButton, {
-                            onClick: ()=>{
-                                handleAddItem();
-                            },
-                            "aria-label": "Add item",
-                            children: /*#__PURE__*/ jsx(PlusIcon, {})
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-};
-export { ArrayField };

package/dist/fields/array/array-field.module.js

@@ -1,11 +0,0 @@
-import "./array-field_module.css";
-const array_field_module = {
-    title: "title-HMJs1n",
-    stack: "stack-emBcXW",
-    card: "card-j_6w_O",
-    "group-header": "group-header-KJxpIV",
-    groupHeader: "group-header-KJxpIV",
-    "group-fields": "group-fields-Bmi_hA",
-    groupFields: "group-fields-Bmi_hA"
-};
-export default array_field_module;

package/dist/fields/array/array-field_module.css

@@ -1,32 +0,0 @@
-:is(.title-HMJs1n, .byline-field-array-title) {
-  font-size: 1rem;
-  font-weight: var(--font-weight-medium);
-  margin-bottom: .25rem;
-}
-
-:is(.stack-emBcXW, .byline-field-array-stack) {
-  gap: var(--spacing-16);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.card-j_6w_O, .byline-field-array-card) {
-  gap: var(--spacing-16);
-  padding: var(--spacing-16);
-  border: var(--border-width-thin) dashed var(--gray-600);
-  border-radius: var(--border-radius-md);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.group-header-KJxpIV, .byline-field-array-group-header) {
-  font-size: .9rem;
-  font-weight: var(--font-weight-medium);
-}
-
-:is(.group-fields-Bmi_hA, .byline-field-array-group-fields) {
-  gap: var(--spacing-16);
-  flex-direction: column;
-  display: flex;
-}
-

package/dist/fields/blocks/blocks-field.d.ts

@@ -1,13 +0,0 @@
-/**
- * This Source Code is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/.
- *
- * Copyright (c) Infonomic Company Limited
- */
-import type { BlocksField as BlocksFieldType } from '@byline/core';
-export declare const BlocksField: ({ field, defaultValue, path, }: {
-    field: BlocksFieldType;
-    defaultValue: any;
-    path: string;
-}) => import("react").JSX.Element;