@epam/ai-dial-ui-kit 0.3.0-rc.8 → 0.3.0

package/dist/src/models/field-control-props.d.ts

@@ -1,21 +1,53 @@
 import { ReactNode } from 'react';
+/**
+ * Base properties for field controls providing label and optional status
+ *
+ * @param fieldTitle - The label text to display above the input field
+ * @param optional - Whether the field is optional (displays "(Optional)" indicator when true)
+ */
 export interface FieldControlProps {
     fieldTitle?: string;
     optional?: boolean;
 }
+/**
+ * Base properties for input elements providing core input functionality
+ *
+ * @param elementId - Unique identifier for the input element
+ * @param value - The current value of the input (string, number, or null)
+ * @param defaultValue - The default value for the input
+ * @param placeholder - Placeholder text shown when input is empty
+ * @param disabled - Whether the input is disabled and cannot be interacted with
+ * @param readonly - Whether the input is read-only (displays value as text, no input element)
+ * @param invalid - Whether the input has validation errors (applies error styling)
+ * @param iconAfter - Icon or element to display after the input
+ * @param iconBefore - Icon or element to display before the input
+ * @param textBeforeInput - Text to display before the input
+ * @param textAfterInput - Text to display after the input
+ * @param prefix - Text to display inside the input on the left
+ * @param suffix - Text to display inside the input on the right
+ */
 export interface InputBaseProps {
     elementId: string;
     value?: string | number | null;
+    defaultValue?: string | number;
     placeholder?: string;
     disabled?: boolean;
     readonly?: boolean;
     invalid?: boolean;
     iconAfter?: ReactNode;
     iconBefore?: ReactNode;
-    min?: number;
-    max?: number;
     textBeforeInput?: string;
     textAfterInput?: string;
     prefix?: string;
     suffix?: string;
 }
+/**
+ * Properties specific to numeric input controls for validation and formatting
+ *
+ * @param min - Minimum allowed value for the number input
+ * @param max - Maximum allowed value for the number input
+ */
+export interface NumberInputBaseProps {
+    min?: number;
+    max?: number;
+}

package/dist/src/models/file.d.ts

@@ -0,0 +1,35 @@
+import { DialModifiedEntity } from './base-entity';
+export interface DialFile extends DialModifiedEntity {
+    bucket?: string;
+    contentLength?: number;
+    contentType?: string;
+    nodeType: DialFileNodeType;
+    parentPath?: string | null;
+    resourceType?: DialFileResourceType;
+    url?: string;
+    items?: DialFile[];
+    path: string;
+    name: string;
+    folderId: string;
+    author?: string;
+    nextToken?: string;
+    extension?: string;
+    id?: string;
+    permissions?: DialFilePermission[];
+}
+export declare enum DialFileNodeType {
+    ITEM = "item",
+    FOLDER = "folder"
+}
+export declare enum DialFileResourceType {
+    FILE = "FILE",
+    PROMPT = "PROMPT",
+    CONVERSATION = "CONVERSATION",
+    APPLICATION = "APPLICATION",
+    TOOLSET = "TOOL_SET"
+}
+export declare enum DialFilePermission {
+    READ = "READ",
+    WRITE = "WRITE",
+    SHARE = "SHARE"
+}

package/dist/src/models/select.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    icon?: ReactNode;
+}

package/dist/src/models/tab.d.ts

@@ -0,0 +1,5 @@
+export interface TabModel {
+    id: string;
+    name: string;
+    invalid?: boolean;
+}

package/dist/src/types/form-item.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+/**
+ * Orientation options for form item layout
+ *
+ * @param Vertical - Vertical layout with label above the input
+ * @param Horizontal - Horizontal layout with label beside the input
+ */
+export declare enum FormItemOrientation {
+    Vertical = "vertical",
+    Horizontal = "horizontal"
+}
+/**
+ * Base properties for form item components providing layout, labeling, and validation display
+ *
+ * @param label - The label text or element to display for the form item
+ * @param optional - Whether the field is optional (displays optional indicator)
+ * @param optionalText - Custom text to display for optional fields (default: "(Optional)")
+ * @param description - Description text to display below the label
+ * @param error - Error message, element, or boolean indicating validation state
+ * @param captionDescription - Additional caption or description text
+ * @param readonly - Whether the form item is in read-only mode
+ * @param orientation - Layout orientation for the form item
+ */
+export interface DialFormItemBaseProps {
+    label?: string | ReactNode;
+    optional?: boolean;
+    optionalText?: string;
+    description?: string;
+    error?: string | ReactNode | boolean;
+    captionDescription?: string;
+    readonly?: boolean;
+    orientation?: FormItemOrientation;
+}

package/dist/src/types/tab.d.ts

@@ -0,0 +1,4 @@
+export declare enum TabOrientation {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}

package/dist/src/utils/merge-classes.d.ts

@@ -0,0 +1,3 @@
+import { default as classNames } from 'classnames';
+/** Merge class names (classnames → tailwind-merge). */
+export declare function mergeClasses(...inputs: Parameters<typeof classNames>): string;

package/dist/src/utils/mobile.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Checks if the current viewport width is within the "medium" (tablet) screen range.
+ *
+ * Specifically, it returns `true` if the window width is less than 1024 pixels.
+ * Safely handles server-side rendering by verifying that `window` is defined.
+ *
+ * @returns {boolean} `true` if the viewport width is less than 1024px, otherwise `false`.
+ *
+ * @example
+ * if (isMediumScreen()) {
+ *   console.log('Tablet or smaller screen detected');
+ * }
+ */
+export declare const isMediumScreen: () => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.3.0-rc.8",
+  "version": "0.3.0",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",
@@ -37,9 +37,9 @@
     "format": "prettier --check .",
     "format-fix": "prettier --write .",
     "preview": "vite preview",
-    "storybook": "concurrently 'npm run storybook:css' 'storybook dev -p 6006'",
+    "storybook": "concurrently \"npm run storybook:css\" \"storybook dev -p 6006\"",
     "storybook:css": "tailwindcss -w -i ./src/styles/tailwind-entry.scss -o ./src/index.css",
-    "build-storybook": "concurrently 'npm run build-storybook:css' 'storybook build'",
+    "build-storybook": "concurrently \"npm run build-storybook:css\" \"storybook build\"",
     "build-storybook:css": "tailwindcss -m -i ./src/styles/tailwind-entry.scss -o ./src/index.css",
     "prepare": "husky",
     "publish": "node tools/publish-lib.mjs",
@@ -57,6 +57,10 @@
     "esbuild": "0.25.9"
   },
   "dependencies": {
+    "ag-grid-community": "^34.3.0",
+    "ag-grid-react": "^34.3.0",
+    "react-dnd": "^16.0.1",
+    "react-dnd-html5-backend": "^16.0.1",
     "tailwind-merge": "^3.3.1"
   },
   "peerDependencies": {
@@ -73,10 +77,10 @@
     "@eslint/compat": "^1.3.1",
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.31.0",
-    "@storybook/addon-a11y": "^9.1.10",
-    "@storybook/addon-docs": "^9.1.10",
-    "@storybook/addon-vitest": "^9.1.10",
-    "@storybook/react-vite": "^9.1.10",
+    "@storybook/addon-a11y": "^9.1.13",
+    "@storybook/addon-docs": "^9.1.13",
+    "@storybook/addon-vitest": "^9.1.13",
+    "@storybook/react-vite": "^9.1.13",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
     "@types/jsdom": "^21.1.7",
@@ -95,7 +99,7 @@
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
-    "eslint-plugin-storybook": "^9.1.10",
+    "eslint-plugin-storybook": "^9.1.13",
     "eslint-plugin-tailwindcss": "^3.18.2",
     "globals": "^16.3.0",
     "husky": "^9.1.7",
@@ -106,8 +110,8 @@
     "prettier": "3.6.2",
     "sass": "^1.89.2",
     "sass-embedded": "^1.89.2",
-    "storybook": "^9.1.10",
-    "storybook-addon-pseudo-states": "^9.1.10",
+    "storybook": "^9.1.13",
+    "storybook-addon-pseudo-states": "^9.1.13",
     "tailwindcss": "^3.4.17",
     "typescript": "~5.8.3",
     "typescript-eslint": "^8.35.1",