@app-studio/web 0.8.73 → 0.8.74

package/dist/components/Formik/examples/index.d.ts

@@ -4,6 +4,7 @@ export * from './FormikCountryPicker';
 export * from './FormikDatePicker';
 export * from './FormikPassword';
 export * from './FormikSelect';
+export * from './FormikSlider';
 export * from './FormikSwitch';
 export * from './FormikTextArea';
 export * from './FormikTextField';

package/dist/components/Formik/index.d.ts

@@ -8,3 +8,4 @@ export { FormikTextField } from './Formik.TextField';
 export { FormikPassword } from './Formik.Password';
 export { FormikForm } from './Formik.Form';
 export { FormikComboBox } from './Formik.ComboBox';
+export { FormikSlider } from './Formik.Slider';

package/dist/components/Icon/Icon.d.ts

@@ -5,6 +5,8 @@ export interface IconProps extends ViewProps {
     filled?: boolean;
     orientation?: 'left' | 'right' | 'up' | 'down';
 }
+export declare const UserIcon: React.FC<IconProps>;
+export declare const HelpIcon: ({ widthHeight, color, filled, strokeWidth, ...props }: IconProps) => React.JSX.Element;
 export declare const ChevronIcon: React.FC<IconProps>;
 export declare const DragHandleIcon: React.FC<IconProps>;
 export declare const FileIcon: React.FC<IconProps>;
@@ -32,6 +34,7 @@ export declare const BookmarkIcon: React.FC<IconProps>;
 export declare const CloudIcon: React.FC<IconProps>;
 export declare const CopyIcon: React.FC<IconProps>;
 export declare const DustBinIcon: React.FC<IconProps>;
+export declare const DeleteIcon: React.FC<IconProps>;
 export declare const EditIcon: React.FC<IconProps>;
 export declare const ErrorIcon: React.FC<IconProps>;
 export declare const DownloadIcon: React.FC<IconProps>;

package/dist/components/NavigationMenu/NavigationMenu/NavigationMenu.props.d.ts

@@ -0,0 +1,126 @@
+import React from 'react';
+import { ViewProps } from 'app-studio';
+import { NavigationItem, NavigationMenuStyles, Orientation, Size, Variant } from './NavigationMenu.type';
+export interface NavigationMenuProps {
+    /**
+     * The items to display in the navigation menu
+     */
+    items: NavigationItem[];
+    /**
+     * The orientation of the navigation menu
+     */
+    orientation?: Orientation;
+    /**
+     * The size of the navigation menu items
+     */
+    size?: Size;
+    /**
+     * The visual style variant of the navigation menu
+     */
+    variant?: Variant;
+    /**
+     * The ID of the initially active item
+     */
+    defaultActiveItemId?: string;
+    /**
+     * The IDs of the initially expanded items (for items with sub-items)
+     */
+    defaultExpandedItemIds?: string[];
+    /**
+     * Callback when an item is activated
+     */
+    onItemActivate?: (itemId: string) => void;
+    /**
+     * Custom styles for different parts of the navigation menu
+     */
+    views?: NavigationMenuStyles;
+    /**
+     * Additional props to be spread to the container element
+     */
+    [key: string]: any;
+}
+export interface NavigationMenuListProps {
+    /**
+     * The content of the navigation menu list
+     */
+    children: React.ReactNode;
+    /**
+     * Custom styles for the list
+     */
+    views?: {
+        container?: ViewProps;
+    };
+}
+export interface NavigationMenuItemProps {
+    /**
+     * The navigation item data
+     */
+    item: NavigationItem;
+    /**
+     * Custom styles for the item
+     */
+    views?: {
+        item?: ViewProps;
+        trigger?: ViewProps;
+        content?: ViewProps;
+        icon?: ViewProps;
+        indicator?: ViewProps;
+    };
+}
+export interface NavigationMenuTriggerProps {
+    /**
+     * The content of the navigation menu trigger
+     */
+    children: React.ReactNode;
+    /**
+     * The ID of the item this trigger belongs to
+     */
+    itemId: string;
+    /**
+     * Whether the item is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Custom styles for the trigger
+     */
+    views?: {
+        container?: ViewProps;
+        icon?: ViewProps;
+        trigger?: ViewProps;
+        indicator?: ViewProps;
+    };
+}
+export interface NavigationMenuContentProps {
+    /**
+     * The content to be displayed
+     */
+    children: React.ReactNode;
+    /**
+     * The ID of the item this content belongs to
+     */
+    itemId: string;
+    /**
+     * Custom styles for the content
+     */
+    views?: {
+        container?: ViewProps;
+    };
+}
+export interface NavigationMenuType extends React.FC<NavigationMenuProps> {
+    /**
+     * The list component for the navigation menu
+     */
+    List: React.FC<NavigationMenuListProps>;
+    /**
+     * The item component for the navigation menu
+     */
+    Item: React.FC<NavigationMenuItemProps>;
+    /**
+     * The trigger component for navigation menu items with sub-items
+     */
+    Trigger: React.FC<NavigationMenuTriggerProps>;
+    /**
+     * The content component for navigation menu items with sub-items
+     */
+    Content: React.FC<NavigationMenuContentProps>;
+}

package/dist/components/NavigationMenu/NavigationMenu/NavigationMenu.state.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const useNavigationMenuState: (defaultActiveItemId?: string | null, defaultExpandedItemIds?: string[]) => {
+    activeItemId: string | null;
+    setActiveItemId: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+    expandedItemIds: string[];
+    toggleExpandedItem: (itemId: string) => void;
+    isItemExpanded: (itemId: string) => boolean;
+};

package/dist/components/NavigationMenu/NavigationMenu/NavigationMenu.style.d.ts

@@ -0,0 +1,18 @@
+import { ViewProps } from 'app-studio';
+import { Orientation, Size, Variant } from './NavigationMenu.type';
+export declare const NavigationMenuSizes: Record<Size, ViewProps>;
+export declare const NavigationMenuVariants: Record<Variant, ViewProps>;
+export declare const NavigationMenuOrientations: Record<Orientation, ViewProps>;
+export declare const NavigationMenuItemStates: {
+    active: {
+        backgroundColor: string;
+        fontWeight: string;
+    };
+    hover: {
+        backgroundColor: string;
+    };
+    disabled: {
+        opacity: number;
+        cursor: string;
+    };
+};

package/dist/components/NavigationMenu/NavigationMenu/NavigationMenu.type.d.ts

@@ -0,0 +1,34 @@
+import { ViewProps } from 'app-studio';
+import React from 'react';
+export declare type Orientation = 'horizontal' | 'vertical';
+export declare type Size = 'sm' | 'md' | 'lg';
+export declare type Variant = 'default' | 'filled' | 'outline';
+export interface NavigationItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    href?: string;
+    items?: NavigationItem[];
+    disabled?: boolean;
+}
+export interface NavigationMenuContextType {
+    activeItemId: string | null;
+    setActiveItemId: (id: string | null) => void;
+    expandedItemIds: string[];
+    toggleExpandedItem: (id: string) => void;
+    isItemExpanded: (id: string) => boolean;
+    onItemActivate?: (itemId: string) => void;
+    orientation: Orientation;
+    size: Size;
+    variant: Variant;
+}
+export interface NavigationMenuStyles {
+    container?: ViewProps;
+    list?: ViewProps;
+    item?: ViewProps;
+    activeItem?: ViewProps;
+    content?: ViewProps;
+    trigger?: ViewProps;
+    icon?: ViewProps;
+    indicator?: ViewProps;
+}

package/dist/components/NavigationMenu/NavigationMenu/NavigationMenu.view.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { NavigationMenuContextType, NavigationItem, Orientation, Size, Variant } from './NavigationMenu.type';
+import { NavigationMenuItemProps, NavigationMenuListProps, NavigationMenuTriggerProps, NavigationMenuContentProps } from './NavigationMenu.props';
+export declare const NavigationMenuProvider: React.FC<{
+    children: React.ReactNode;
+    value: NavigationMenuContextType;
+}>;
+export declare const useNavigationMenuContext: () => NavigationMenuContextType;
+export declare const NavigationMenuList: React.FC<NavigationMenuListProps>;
+export declare const NavigationMenuItem: React.FC<NavigationMenuItemProps>;
+export declare const NavigationMenuTrigger: React.FC<NavigationMenuTriggerProps>;
+export declare const NavigationMenuContent: React.FC<NavigationMenuContentProps>;
+export declare const NavigationMenuView: React.FC<{
+    items: NavigationItem[];
+    orientation: Orientation;
+    size: Size;
+    variant: Variant;
+    views?: any;
+}>;

package/dist/components/NavigationMenu/NavigationMenu.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuType } from './NavigationMenu/NavigationMenu.props';
+export declare const NavigationMenu: NavigationMenuType;

package/dist/components/NavigationMenu/examples/default.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DefaultNavigationMenu: () => React.JSX.Element;

package/dist/components/NavigationMenu/examples/horizontal.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const HorizontalNavigationMenu: () => React.JSX.Element;

package/dist/components/NavigationMenu/examples/index.d.ts

@@ -0,0 +1,4 @@
+export * from './default';
+export * from './horizontal';
+export * from './variants';
+export * from './sizes';

package/dist/components/NavigationMenu/examples/sizes.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const NavigationMenuSizes: () => React.JSX.Element;

package/dist/components/NavigationMenu/examples/variants.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const NavigationMenuVariants: () => React.JSX.Element;

package/dist/components/index.d.ts

@@ -1,8 +1,10 @@
+export * from './Accordion/Accordion';
 export * from './Alert/Alert';
 export * from './AspectRatio/AspectRatio';
 export * from './Avatar/Avatar';
 export * from './Badge/Badge';
 export * from './Button/Button';
+export * from './ContextMenu/ContextMenu';
 export * from './File/File';
 export * from './Form/Select/Select';
 export * from './Form/Switch/Switch';
@@ -25,6 +27,7 @@ export * from './Loader/Loader';
 export * from './Uploader/Uploader';
 export * from './Message/Message';
 export * from './Modal/Modal';
+export * from './NavigationMenu/NavigationMenu';
 export * from './Table/Table';
 export * from './Tabs/Tabs';
 export * from './Text/Text';
@@ -33,12 +36,15 @@ export * as Icon from './Icon/Icon';
 export * from './Toggle/Toggle';
 export * from './ToggleGroup/ToggleGroup';
 export * from './DragAndDrop/DragAndDrop';
+export * from './DropdownMenu/DropdownMenu';
 export * from './HoverCard/HoverCard';
+export * from './Accordion/Accordion/Accordion.props';
 export * from './Alert/Alert/Alert.props';
 export * from './AspectRatio/AspectRatio/AspectRatio.props';
 export * from './Avatar/Avatar/Avatar.props';
 export * from './Badge/Badge/Badge.props';
 export * from './Button/Button/Button.props';
+export * from './ContextMenu/ContextMenu/ContextMenu.props';
 export * from './Form/Select/Select/Select.props';
 export * from './Form/Switch/Switch/Switch.props';
 export * from './Form/Switch/Switch/Switch.props';
@@ -63,3 +69,5 @@ export * from './Text/Text/Text.props';
 export * from './Toggle/Toggle/Toggle.props';
 export * from './ToggleGroup/ToggleGroup/ToggleGroup.props';
 export * from './HoverCard/HoverCard/HoverCard.props';
+export * from './NavigationMenu/NavigationMenu/NavigationMenu.props';
+export * from './DropdownMenu/DropdownMenu/DropdownMenu.props';

package/dist/pages/accordion.page.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AccordionPage: () => React.JSX.Element;
+export default AccordionPage;

package/dist/pages/components.page.d.ts

@@ -1,3 +1,8 @@
 import React from 'react';
+export declare const componentList: {
+    name: string;
+    path: string;
+    element: React.JSX.Element;
+}[];
 export declare const ComponentsPage: () => React.JSX.Element;
 export default ComponentsPage;

package/dist/pages/contextMenu.page.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ContextMenuPage: () => React.JSX.Element;
+export default ContextMenuPage;

package/dist/pages/dropdownMenu.page.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DropdownMenuPage: () => React.JSX.Element;
+export default DropdownMenuPage;

package/dist/pages/navigationMenu.page.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const NavigationMenuPage: () => React.JSX.Element;
+export default NavigationMenuPage;