@udixio/ui-react 2.10.13 → 2.10.15

package/src/lib/interfaces/chips.interface.ts

@@ -1,37 +0,0 @@
-import { ActionOrLink } from '../utils';
-import type { Icon } from '../icon';
-
-// Ce que Chips a besoin de connaître pour (re)construire un Chip
-export type ChipItem = {
-  label: string;
-  icon?: Icon;
-  activated?: boolean;
-  disabled?: boolean;
-  variant?: 'outlined' | 'elevated';
-  href?: string; // si tu utilises ActionOrLink côté Chip
-};
-
-type ChipsVariant = 'input';
-
-type Props = {
-  /** Style du conteneur de chips */
-  variant?: ChipsVariant;
-
-  /** Active/masse un comportement de container (si utile) */
-  scrollable?: boolean;
-
-  draggable?: boolean; // optionnel
-
-  /** Mode contrôlé: la source de vérité */
-  items?: ChipItem[];
-
-  /** Notifie toute modification de la liste (remove, toggle, etc.) */
-  onItemsChange?: (next: ChipItem[]) => void;
-};
-
-type Elements = ['chips'];
-
-export type ChipsInterface = ActionOrLink<Props> & {
-  elements: Elements;
-  states: {};
-};

package/src/lib/interfaces/date-picker.interface.ts

@@ -1,79 +0,0 @@
-import React from 'react';
-
-export type DateRange = [Date | null, Date | null];
-
-type Props = {
-  /**
-   * Selection mode: 'single' for one date, 'range' for start/end period.
-   * @default 'single'
-   */
-  mode?: 'single' | 'range';
-
-  /**
-   * The currently selected date(s).
-   * Date for single mode, [start, end] tuple for range mode.
-   */
-  value?: Date | DateRange | null;
-  
-  /**
-   * Default selected date(s) for uncontrolled usage.
-   */
-  defaultValue?: Date | DateRange | null;
-
-  /**
-   * Callback fired when selection changes.
-   * Returns Date in single mode, DateRange in range mode.
-   */
-  onChange?: (value: any) => void;
-
-  /**
-   * Minimum selectable date.
-   */
-  minDate?: Date;
-
-  /**
-   * Maximum selectable date.
-   */
-  maxDate?: Date;
-
-  /**
-   * Disables specific dates.
-   */
-  shouldDisableDate?: (date: Date) => boolean;
-
-  /**
-   * Locale for formatting dates.
-   */
-  locale?: string;
-
-  /**
-   * First day of the week (0=Sunday, 1=Monday).
-   * @default 0
-   */
-  weekStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-
-  className?: string;
-  style?: React.CSSProperties;
-};
-
-export type DatePickerStates = {
-  // Can be expanded if we need specific state-driven styles exposed to the config
-  hasSelected: boolean;
-};
-
-export interface DatePickerInterface {
-  type: 'div';
-  props: Props;
-  states: DatePickerStates;
-  elements: [
-    'datePicker',
-    'header',
-    'monthNav',
-    'monthLabel',
-    'weekDays',
-    'weekDay',
-    'daysGrid',
-    'dayCell',
-    'dayButton', // The interactive part of the day
-  ];
-}

package/src/lib/interfaces/divider.interface.ts

@@ -1,7 +0,0 @@
-export interface DividerInterface {
-  type: 'hr';
-  props: {
-    orientation?: 'vertical' | 'horizontal';
-  };
-  elements: ['divider'];
-}

package/src/lib/interfaces/fab-menu.interface.ts

@@ -1,12 +0,0 @@
-import { FabInterface } from './fab.interface';
-
-export interface FabMenuInterface {
-  type: 'div';
-  props: FabInterface['props'] & {
-    variant?: 'primary' | 'secondary' | 'tertiary';
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-  };
-  elements: ['fabMenu', 'fab', 'actions', 'action'];
-}

package/src/lib/interfaces/fab.interface.ts

@@ -1,27 +0,0 @@
-import { ActionOrLink } from '../utils/component';
-import { Transition } from 'motion';
-import { Icon } from '../icon';
-import { ReactNode } from 'react';
-
-export type FabVariant =
-  | 'primary'
-  | 'secondary'
-  | 'tertiary'
-  | 'primaryContainer'
-  | 'secondaryContainer'
-  | 'tertiaryContainer';
-type Props = {
-  variant?: FabVariant;
-  label?: string;
-  children?: ReactNode;
-  icon: Icon;
-  size?: 'small' | 'medium' | 'large';
-  extended?: boolean;
-  transition?: Transition;
-};
-
-export type Elements = ['fab', 'stateLayer', 'icon', 'label'];
-
-export type FabInterface = ActionOrLink<Props> & {
-  elements: Elements;
-};

package/src/lib/interfaces/icon-button.interface.ts

@@ -1,38 +0,0 @@
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
-import { IconButtonVariant } from '../components/IconButton';
-import { ActionOrLink } from '../utils/component';
-import { Transition } from 'motion';
-import { Icon } from '../icon';
-
-type Props = {
-  label?: string;
-  children?: string;
-  icon?: Icon;
-  size?: 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge';
-  width?: 'default' | 'narrow' | 'wide';
-  iconSelected?: IconDefinition;
-  onToggle?: (isActive: boolean) => void;
-  variant?: IconButtonVariant;
-  disabled?: boolean;
-  activated?: boolean;
-  title?: string | null;
-
-  /**
-   * The shape of the button defines whether it is squared or rounded.
-   */
-  shape?: 'squared' | 'rounded';
-
-  allowShapeTransformation?: boolean;
-
-  transition?: Transition;
-};
-
-export type IconButtonStates = {
-  isActive: boolean;
-};
-type Elements = ['iconButton', 'stateLayer', 'touchTarget', 'icon'];
-
-export type IconButtonInterface = ActionOrLink<Props> & {
-  states: IconButtonStates;
-  elements: Elements;
-};

package/src/lib/interfaces/index.ts

@@ -1,26 +0,0 @@
-export * from './button.interface';
-export * from './card.interface';
-export * from './carousel-item.interface';
-export * from './carousel.interface';
-export * from './checkbox.interface';
-export * from './chip.interface';
-export * from './chips.interface';
-export * from './divider.interface';
-export * from './fab.interface';
-export * from './fab-menu.interface';
-export * from './icon-button.interface';
-export * from './menu.interface';
-export * from './menu-group.interface';
-export * from './menu-item.interface';
-export * from './progress-indicator.interface';
-export * from './side-sheet.interface';
-export * from './slider.interface';
-export * from './snackbar.interface';
-export * from './switch.interface';
-export * from './tab.interface';
-export * from './tabs.interface';
-export * from './tab-group.interface';
-export * from './tab-panels.interface';
-export * from './text-field.interface';
-export * from './navigation-rail-item.interface';
-export * from './tooltip.interface';

package/src/lib/interfaces/menu-group.interface.ts

@@ -1,13 +0,0 @@
-export interface MenuGroupProps {
-  children: React.ReactNode;
-  className?: string;
-  variant?: 'standard' | 'vibrant';
-  label?: string;
-}
-
-export interface MenuGroupInterface {
-  type: 'div';
-  props: MenuGroupProps;
-  states: object;
-  elements: ['menuGroup', 'groupLabel'];
-}

package/src/lib/interfaces/menu-item.interface.ts

@@ -1,29 +0,0 @@
-import { ActionOrLink } from '../utils/component';
-
-type Props = {
-  label?: string;
-  children?: React.ReactNode;
-  leadingIcon?: any;
-  trailingIcon?: any;
-  disabled?: boolean;
-  variant?: 'standard' | 'vibrant'; // Injected by parent
-  onClick?: (e?: React.MouseEvent) => void;
-  onToggle?: (activated: boolean) => void;
-  activated?: boolean;
-};
-
-type Elements = [
-  'menuItem',
-  'selectedItem',
-  'itemLabel',
-  'itemIcon',
-  'leadingIcon',
-  'trailingIcon',
-];
-
-export type MenuItemInterface = ActionOrLink<Props> & {
-  states: {
-    isActive: boolean;
-  };
-  elements: Elements;
-};

package/src/lib/interfaces/menu.interface.ts

@@ -1,19 +0,0 @@
-export type MenuStates = Record<string, any>;
-
-export interface MenuProps {
-  children: React.ReactNode;
-  selected?: string | number | (string | number)[];
-  className?: string;
-  variant?: 'standard' | 'vibrant';
-  // options prop REMOVED as requested by user ("options passed as children")
-  // However, for backward compat or data-driven, one might want it, but I will strictly follow "options as children"
-}
-
-export interface MenuInterface {
-  type: 'div';
-  props: MenuProps;
-  states: {
-    hasGroups: boolean;
-  };
-  elements: ['menu'];
-}

package/src/lib/interfaces/navigation-rail-item.interface.ts

@@ -1,39 +0,0 @@
-import { ActionOrLink } from '../utils';
-import { Dispatch, RefObject, SetStateAction } from 'react';
-import { Transition } from 'motion';
-import { Icon } from '../icon';
-
-export type NavProps = {
-  selected?: boolean;
-  variant?: 'vertical' | 'horizontal';
-  label?: string;
-  children?: string;
-  icon: Icon;
-  iconSelected: Icon;
-  selectedItem?: number | null;
-  setSelectedItem?: Dispatch<SetStateAction<number | null>>;
-  onItemSelected?: (
-    args: { index: number } & Pick<NavProps, 'label' | 'icon'> & {
-        ref: RefObject<any>;
-      },
-  ) => void;
-  index?: number;
-  transition?: Transition;
-  extendedOnly?: boolean;
-  isExtended?: boolean;
-};
-
-type Elements = [
-  'navigationRailItem',
-  'stateLayer',
-  'icon',
-  'label',
-  'container',
-];
-
-export type NavigationRailItemInterface = ActionOrLink<NavProps> & {
-  states: {
-    isSelected: boolean;
-  };
-  elements: Elements;
-};

package/src/lib/interfaces/navigation-rail.interface.ts

@@ -1,39 +0,0 @@
-import { Dispatch, ReactNode, RefObject, SetStateAction } from 'react';
-import { Transition } from 'motion';
-import { ReactProps } from '../utils';
-import { NavigationRailItemInterface } from './navigation-rail-item.interface';
-import { Icon } from '../icon';
-
-type MenuState = {
-  icon: Icon;
-  label: string;
-};
-
-export interface NavigationRailInterface {
-  type: 'div';
-  props: {
-    variant?: 'standard' | 'modal';
-    onItemSelected?: (
-      args: { index: number } & Pick<
-        ReactProps<NavigationRailItemInterface>,
-        'label' | 'icon'
-      > & {
-          ref: RefObject<any>;
-        },
-    ) => void;
-    children: ReactNode;
-    selectedItem?: number | null;
-    setSelectedItem?: Dispatch<SetStateAction<number | null>>;
-    extended?: boolean;
-    onExtendedChange?: (extended: boolean) => void;
-    alignment?: 'middle' | 'top';
-    menu?: {
-      closed: MenuState;
-      opened: MenuState;
-    };
-
-    transition?: Transition;
-  };
-  states: { isExtended?: boolean };
-  elements: ['navigationRail', 'header', 'menuIcon', 'segments'];
-}

package/src/lib/interfaces/progress-indicator.interface.ts

@@ -1,41 +0,0 @@
-/**
- * Type for the different variants of the ProgressIndicator component.
- */
-export type ProgressIndicatorVariant =
-  | 'linear-determinate'
-  | 'linear-indeterminate'
-  | 'circular-determinate'
-  | 'circular-indeterminate';
-
-export interface ProgressIndicatorInterface {
-  type: 'div';
-  props: {
-    /**
-     * The percentage of the progress completed.
-     */
-    value?: number;
-
-    /**
-     * The duration of the transition animation in milliseconds.
-     */
-    transitionDuration?: number;
-
-    /**
-     * The variant of the ProgressIndicator.
-     */
-    variant?: ProgressIndicatorVariant;
-    /**
-     * The minimum height of the line used to draw the linear indicator.
-     */
-    minHeight?: number;
-  };
-  states: { isVisible: boolean };
-
-  elements: [
-    'progressIndicator',
-    'stop',
-    'activeIndicator',
-    'lastTrack',
-    'firstTrack',
-  ];
-}

package/src/lib/interfaces/side-sheet.interface.tsx

@@ -1,28 +0,0 @@
-import { Transition } from 'motion';
-import { Icon } from '../icon';
-
-export interface SideSheetInterface {
-  type: 'div';
-  props: {
-    variant?: 'standard' | 'modal';
-    children: React.ReactNode;
-    title?: string;
-    position?: 'left' | 'right';
-    extended?: boolean;
-    onExtendedChange?: (extended: boolean) => void;
-    transition?: Transition;
-    closeIcon?: Icon;
-    divider?: boolean;
-  };
-  states: { isExtended: boolean };
-  elements: [
-    'sideSheet',
-    'container',
-    'title',
-    'content',
-    'header',
-    'closeButton',
-    'divider',
-    'overlay',
-  ];
-}

package/src/lib/interfaces/slider.interface.ts

@@ -1,27 +0,0 @@
-export interface SliderInterface {
-  type: 'div';
-  props: {
-    value?: number;
-    name: string;
-    onChange?: (value: number) => void;
-    valueFormatter?: (value: number) => string | number;
-    step?: number;
-    min?: number;
-    max?: number;
-    marks?: {
-      value: number;
-      label?: string;
-    }[];
-  };
-  states: {
-    isChanging: boolean;
-  };
-  elements: [
-    'slider',
-    'activeTrack',
-    'handle',
-    'inactiveTrack',
-    'valueIndicator',
-    'dot',
-  ];
-}

package/src/lib/interfaces/snackbar.interface.ts

@@ -1,13 +0,0 @@
-import { Icon } from '../icon';
-
-export interface SnackbarInterface {
-  type: 'div';
-  props: {
-    duration?: number;
-    onClose?: () => void;
-    message: string;
-    closeIcon?: Icon;
-  };
-  states: { isVisible: boolean };
-  elements: ['snackbar', 'container', 'supportingText', 'action', 'icon'];
-}

package/src/lib/interfaces/switch.interface.ts

@@ -1,14 +0,0 @@
-import { Icon } from '../icon';
-
-export interface SwitchInterface {
-  type: 'div';
-  props: {
-    selected?: boolean;
-    activeIcon?: Icon;
-    inactiveIcon?: Icon;
-    disabled?: boolean;
-    onChange?: (checked: boolean) => void;
-  };
-  states: { isSelected: boolean };
-  elements: ['switch', 'handleContainer', 'icon', 'handleStateLayer', 'handle'];
-}

package/src/lib/interfaces/tab-group.interface.ts

@@ -1,13 +0,0 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
-
-export interface TabGroupInterface {
-  type: 'div';
-  props: {
-    children: ReactNode;
-    selectedTab?: number | null;
-    setSelectedTab?: Dispatch<SetStateAction<number | null>>;
-    defaultTab?: number;
-  };
-  states: object;
-  elements: ['tabGroup'];
-}

package/src/lib/interfaces/tab-panels.interface.ts

@@ -1,21 +0,0 @@
-import { ReactNode } from 'react';
-
-export interface TabPanelsInterface {
-  type: 'div';
-  props: {
-    children: ReactNode;
-  };
-  states: object;
-  elements: ['tabPanels'];
-}
-
-export interface TabPanelInterface {
-  type: 'div';
-  props: {
-    children: ReactNode;
-  };
-  states: {
-    isSelected: boolean;
-  };
-  elements: ['tabPanel'];
-}

package/src/lib/interfaces/tab.interface.ts

@@ -1,31 +0,0 @@
-import { ActionOrLink } from '../utils/component';
-import { TabsVariant } from './tabs.interface';
-import { Dispatch, ReactNode, RefObject, SetStateAction } from 'react';
-import { Icon } from '../icon';
-
-export type TabProps = {
-  selected?: boolean;
-  variant?: TabsVariant;
-  label?: string;
-  icon?: Icon;
-  selectedTab?: number | null;
-  setSelectedTab?: Dispatch<SetStateAction<number | null>>;
-  tabsId?: string;
-  onTabSelected?: (
-    args: { index: number } & Pick<TabProps, 'label' | 'icon'> & {
-        ref: RefObject<any>;
-      },
-  ) => void;
-  index?: number;
-  scrollable?: boolean;
-  children?: ReactNode;
-};
-
-type Elements = ['tab', 'stateLayer', 'icon', 'label', 'content', 'underline'];
-
-export type TabInterface = ActionOrLink<TabProps> & {
-  states: {
-    isSelected: boolean;
-  };
-  elements: Elements;
-};

package/src/lib/interfaces/tabs.interface.ts

@@ -1,22 +0,0 @@
-import { TabProps } from './tab.interface';
-import { Dispatch, ReactNode, RefObject, SetStateAction } from 'react';
-
-export type TabsVariant = 'primary' | 'secondary';
-
-export interface TabsInterface {
-  type: 'div';
-  props: {
-    variant?: TabsVariant;
-    onTabSelected?: (
-      args: { index: number } & Pick<TabProps, 'label' | 'icon'> & {
-          ref: RefObject<any>;
-        },
-    ) => void;
-    children: ReactNode;
-    selectedTab?: number | null;
-    setSelectedTab?: Dispatch<SetStateAction<number | null>>;
-    scrollable?: boolean;
-  };
-  states: object;
-  elements: ['tabs'];
-}

package/src/lib/interfaces/text-field.interface.ts

@@ -1,61 +0,0 @@
-import React from 'react';
-import { IconButton } from '../components/IconButton';
-import { Icon } from '../icon';
-import { MenuItemInterface } from './menu-item.interface';
-
-export type TextFieldVariant = 'filled' | 'outlined';
-
-type Props = {
-  placeholder?: string;
-  name?: string;
-  label: string;
-  disabled?: boolean;
-  errorText?: string | null;
-  supportingText?: string;
-  trailingIcon?: React.ReactElement<typeof IconButton> | Icon;
-  leadingIcon?: React.ReactElement<typeof IconButton> | Icon;
-  onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-  showSupportingText?: boolean;
-  suffix?: string;
-
-  value?: string;
-  defaultValue?: string;
-  id?: string;
-  style?: React.CSSProperties;
-  variant?: TextFieldVariant;
-  options?: Array<
-    {
-      value: string | number;
-      type?: 'divider' | 'headline';
-    } & MenuItemInterface['props']
-  >;
-  type?: 'text' | 'password' | 'number' | 'date' | 'select';
-  autoComplete?: 'on' | 'off' | string;
-  autoFocus?: boolean;
-  multiline?: boolean;
-  onFocus?: () => void;
-  onBlur?: () => void;
-};
-export type TextFieldStates = {
-  isFocused: boolean;
-  showErrorIcon: boolean;
-  showSupportingText: boolean;
-};
-
-export interface TextFieldInterface {
-  type: 'div';
-  props: Props;
-  states: TextFieldStates;
-  elements: [
-    'textField',
-    'content',
-    'label',
-    'input',
-    'activeIndicator',
-    'supportingText',
-    'leadingIcon',
-    'trailingIcon',
-    'suffix',
-    'stateLayer',
-  ];
-}