@vention/machine-apps-components 0.4.0 → 0.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vention/machine-apps-components",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/VentionCo/machine-cloud.git"
@@ -21,7 +21,7 @@
     "react": "17.0.2",
     "react-router-dom": "^6.0.0",
     "@mui/material": "^5.0.0",
-    "@vention/machine-ui": "3.33.2"
+    "@vention/machine-ui": "3.38.0"
   },
   "devDependencies": {
     "@nx/vite": "21.1.3",

package/src/hooks/use-auto-scroll-input.d.ts

@@ -0,0 +1,6 @@
+export interface UseAutoScrollInputOptions {
+    targetPositionPercent?: number;
+    scrollableContainerSelector?: string;
+    scrollBehavior?: ScrollBehavior;
+}
+export declare function useAutoScrollInput(enabled: boolean, options?: UseAutoScrollInputOptions): void;

package/src/i18n/locales/de.d.ts

@@ -112,7 +112,20 @@ declare const _default: {
             complete: string;
             loading: string;
             waiting: string;
+            warning: string;
+            error: string;
         };
     };
+    productFormList: {
+        add: string;
+        cancel: string;
+        save: string;
+        create: string;
+        modify: string;
+        new: string;
+        delete: string;
+        deleteConfirmation: string;
+        emptyState: string;
+    };
 };
 export default _default;

package/src/i18n/locales/en.d.ts

@@ -112,7 +112,20 @@ declare const _default: {
             complete: string;
             loading: string;
             waiting: string;
+            warning: string;
+            error: string;
         };
     };
+    productFormList: {
+        add: string;
+        cancel: string;
+        save: string;
+        create: string;
+        modify: string;
+        new: string;
+        delete: string;
+        deleteConfirmation: string;
+        emptyState: string;
+    };
 };
 export default _default;

package/src/i18n/locales/es.d.ts

@@ -112,7 +112,20 @@ declare const _default: {
             complete: string;
             loading: string;
             waiting: string;
+            warning: string;
+            error: string;
         };
     };
+    productFormList: {
+        add: string;
+        cancel: string;
+        save: string;
+        create: string;
+        modify: string;
+        new: string;
+        delete: string;
+        deleteConfirmation: string;
+        emptyState: string;
+    };
 };
 export default _default;

package/src/i18n/locales/fr.d.ts

@@ -112,7 +112,20 @@ declare const _default: {
             complete: string;
             loading: string;
             waiting: string;
+            warning: string;
+            error: string;
         };
     };
+    productFormList: {
+        add: string;
+        cancel: string;
+        save: string;
+        create: string;
+        modify: string;
+        new: string;
+        delete: string;
+        deleteConfirmation: string;
+        emptyState: string;
+    };
 };
 export default _default;

package/src/index.d.ts

@@ -8,9 +8,8 @@ export * from "./lib/navigation-bar/navigation-confirmation-modal";
 export * from "./lib/navigation-bar/password-protection-modal";
 export * from "./lib/navigation-bar/time-label";
 export * from "./lib/status-top-bar/status-top-bar";
-export type { ButtonConfig, StatusTopBarProps } from "./lib/status-top-bar/status-top-bar";
 export * from "./lib/sidebar/sidebar";
-export type { SidebarItem, SidebarProps } from "./lib/sidebar/sidebar";
+export type { SidebarItem, SidebarProps, SidebarVariant } from "./lib/sidebar/sidebar";
 export * from "./lib/logs/logs-table";
 export * from "./lib/logs/log-filter-form";
 export * from "./lib/logs/logs-panel";
@@ -19,9 +18,9 @@ export type { LogEntry, LogFilterFormValues, SortOrder, LogType, PaginationMode,
 export * from "./lib/settings-page/settings-page";
 export * from "./lib/file-upload-panel/file-upload-panel";
 export * from "./lib/step-progress-circle/step-progress-circle";
-export type { StepProgressCircleProps, StepProgressCircleVariant } from "./lib/step-progress-circle/step-progress-circle";
 export * from "./lib/action-button/action-button";
-export type { ActionButtonProps, ActionButtonVariant } from "./lib/action-button/action-button";
+export * from "./lib/product-form-list/product-form-list";
+export * from "./hooks/use-auto-scroll-input";
 export * from "./types/user-level";
 export * from "./lib/utils/api-config-utils";
 export * from "./lib/utils/device-utils";

package/src/lib/navigation-bar/navigation-bar.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from "react";
 import { NavigationItemProps } from "./navigation-bar-item";
+export type NavigationBarVariant = "fixed" | "flex";
 export interface NavigationBarProps {
     children: ReactNode;
     showTimer?: boolean;
@@ -10,6 +11,8 @@ export interface NavigationBarProps {
     isSupportDisabled?: boolean;
     showControlCenterButton?: boolean;
     showSupportButton?: boolean;
+    /** Layout variant: "fixed" positions the bar fixed to viewport bottom (default), "flex" uses relative positioning for flex layouts */
+    variant?: NavigationBarVariant;
 }
 export declare const NavigationBar: ((props: NavigationBarProps) => import("react/jsx-runtime").JSX.Element) & {
     Item: (props: NavigationItemProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/product-form-list/product-form-list.d.ts

@@ -0,0 +1,27 @@
+type FieldType = "text" | "number" | "select";
+export interface FieldDefinition {
+    name: string;
+    label: string;
+    type: FieldType;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    min?: number;
+    max?: number;
+}
+export interface ProductFormListProps<T> {
+    title?: string;
+    items: T[];
+    onDelete: (id: string) => Promise<void>;
+    onSubmit: (formData: Partial<T>) => Promise<boolean>;
+    getItemId: (item: T) => string;
+    fields: FieldDefinition[];
+    maxHeight?: string | number;
+}
+declare function ProductFormListComponent<T extends Record<string, unknown>>({ title, items, onDelete, onSubmit, getItemId, fields, maxHeight, }: ProductFormListProps<T>): import("react/jsx-runtime").JSX.Element;
+declare namespace ProductFormListComponent {
+    var displayName: string;
+}
+export declare const ProductFormList: typeof ProductFormListComponent;
+export {};

package/src/lib/product-form-list/product-form-list.stories.d.ts

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { ProductFormList } from "./product-form-list";
+interface Part {
+    [key: string]: unknown;
+    id: string;
+    partNumber: string;
+    description: string;
+    quantity: number;
+    material: string;
+    cycleTime: number;
+}
+declare const meta: Meta<typeof ProductFormList<Part>>;
+export default meta;
+type Story = StoryObj<typeof ProductFormList<Part>>;
+export declare const Default: Story;
+export declare const Empty: Story;
+export declare const WithMaxHeight: Story;
+export declare const Interactive: Story;

package/src/lib/sidebar/sidebar.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { type IconType } from "@vention/machine-ui";
+export type SidebarVariant = "card" | "accent";
 export interface SidebarItem {
     id: string;
     title: string;
@@ -11,5 +12,7 @@ export interface SidebarItem {
 }
 export interface SidebarProps {
     items: SidebarItem[];
+    /** Style variant: "card" (default) shows full bordered cards, "accent" shows left border accent only */
+    variant?: SidebarVariant;
 }
 export declare const Sidebar: (props: SidebarProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/sidebar/sidebar.stories.d.ts

@@ -4,3 +4,5 @@ declare const meta: Meta<typeof Sidebar>;
 export default meta;
 type Story = StoryObj<typeof Sidebar>;
 export declare const Default: Story;
+export declare const CardVariant: Story;
+export declare const AccentVariant: Story;

package/src/lib/status-top-bar/status-top-bar.d.ts

@@ -14,12 +14,14 @@ export interface ButtonConfig {
     icon?: ReactNode;
     iconDisabled?: ReactNode;
 }
+export type StatusTopBarVariant = "light" | "dark";
 export interface StatusTopBarProps {
     status?: {
         label: string;
         color: string;
     };
     buttonConfigs?: ButtonConfig[];
+    variant?: StatusTopBarVariant;
 }
 export declare const StatusTopBar: (props: StatusTopBarProps) => import("react/jsx-runtime").JSX.Element;
 export default StatusTopBar;

package/src/lib/status-top-bar/status-top-bar.stories.d.ts

@@ -4,4 +4,7 @@ declare const meta: Meta<typeof StatusTopBar>;
 export default meta;
 type Story = StoryObj<typeof StatusTopBar>;
 export declare const Default: Story;
+export declare const DarkVariant: Story;
+export declare const DarkVariantRunning: Story;
+export declare const DarkVariantError: Story;
 export declare const Error: Story;