@lumx/react 4.8.0-alpha.0 → 4.8.0-next.1

package/index.d.ts

@@ -1,4 +1,4 @@
-import { Kind as Kind$1, HorizontalAlignment as HorizontalAlignment$1, Theme as Theme$1, Size as Size$1, Orientation as Orientation$1, Alignment as Alignment$1, AspectRatio as AspectRatio$1, ColorWithVariants as ColorWithVariants$1, ColorVariant as ColorVariant$1, Typography as Typography$1, Emphasis as Emphasis$1 } from '@lumx/core/js/constants';
+import { Kind as Kind$1, HorizontalAlignment as HorizontalAlignment$1, Theme as Theme$1, Size as Size$1, Orientation as Orientation$1, Alignment as Alignment$1, AspectRatio as AspectRatio$1, Emphasis as Emphasis$1 } from '@lumx/core/js/constants';
 export * from '@lumx/core/js/constants';
 import * as _lumx_core_js_types from '@lumx/core/js/types';
 import { GenericProps as GenericProps$1, HasTheme as HasTheme$1, ValueOf as ValueOf$1, PropsToOverride, HasCloseMode as HasCloseMode$1, HasClassName as HasClassName$1, JSXElement as JSXElement$1, CommonRef as CommonRef$1, Falsy, HeadingElement as HeadingElement$1, HasAriaDisabled as HasAriaDisabled$1, HasRequiredLinkHref as HasRequiredLinkHref$1, HasAriaLabelOrLabelledBy as HasAriaLabelOrLabelledBy$1 } from '@lumx/core/js/types';
@@ -1291,7 +1291,15 @@ declare const Divider: Comp<DividerProps, HTMLHRElement>;
 /**
  * Defines the props of the component.
  */
-interface DragHandleProps extends GenericProps$1, HasTheme$1 {
+interface DragHandleProps$1 extends HasTheme, HasClassName {
+    /** Reference to the root element */
+    ref?: CommonRef;
+}
+
+/**
+ * Defines the props of the component.
+ */
+interface DragHandleProps extends GenericProps$1, ReactToJSX<DragHandleProps$1> {
 }
 /**
  * DragHandle component.
@@ -1652,6 +1660,8 @@ interface FlexBoxProps$1 extends HasClassName {
     vAlign?: FlexHorizontalAlignment;
     /** Whether the "flex wrap" is enabled or not. */
     wrap?: boolean;
+    /** reference to the root element */
+    ref?: CommonRef;
 }
 
 /**
@@ -1687,58 +1697,74 @@ declare const GenericBlockGapSize: Pick<{
     readonly big: "big";
     readonly huge: "huge";
 }, "tiny" | "regular" | "medium" | "big" | "huge">;
-type GenericBlockGapSize = ValueOf$1<typeof GenericBlockGapSize>;
+type GenericBlockGapSize = ValueOf<typeof GenericBlockGapSize>;
 
-interface GenericBlockProps extends FlexBoxProps {
+interface GenericBlockProps$1 extends FlexBoxProps$1 {
     /**
      * Component to use as visual element.
      */
-    figure?: ReactNode;
+    figure?: JSXElement;
     /**
-     * Actions to set after the main content.
+     * Main content.
      */
-    actions?: ReactNode;
+    content?: JSXElement;
     /**
-     * Main content to display or sections components
-     * ({@see GenericBlock.Figure}, {@see GenericBlock.Content} & {@see GenericBlock.Actions})
+     * Actions to set after the main content.
      */
-    children: ReactNode;
+    actions?: JSXElement;
     /**
      * Orientation of the 3 sections
      */
-    orientation?: FlexBoxProps['orientation'];
+    orientation?: FlexBoxProps$1['orientation'];
     /**
      * Horizontal alignment.
      */
-    hAlign?: FlexBoxProps['hAlign'];
+    horizontalAlign?: FlexBoxProps$1['hAlign'];
     /**
      * Vertical alignment.
      */
-    vAlign?: FlexBoxProps['vAlign'];
+    verticalAlign?: FlexBoxProps$1['vAlign'];
     /**
      * The props to forward to the content.
      * By default, the content will have the same alignment as wrapper.
      */
-    contentProps?: Omit<FlexBoxProps, 'children'>;
+    contentProps?: Omit<FlexBoxProps$1, 'children'>;
     /**
      * props to forward to the actions element.
      */
-    actionsProps?: Omit<FlexBoxProps, 'children'>;
+    actionsProps?: Omit<FlexBoxProps$1, 'children'>;
     /**
      * props to forward to the figure element.
      */
-    figureProps?: Omit<FlexBoxProps, 'children'>;
+    figureProps?: Omit<FlexBoxProps$1, 'children'>;
+    /**
+     * FlexBox component
+     */
+    FlexBox: (props: FlexBoxProps$1) => any;
     /**
      * Gap space between sections.
      */
     gap?: GenericBlockGapSize;
+    /**
+     * reference to the root element
+     */
+    ref?: CommonRef;
 }
-interface GenericBlockSectionProps extends FlexBoxProps {
+interface GenericBlockSectionProps extends FlexBoxProps$1 {
     /**
      * Gap space between items.
      */
     gap?: GenericBlockGapSize;
 }
+type GenericBlockPropsToOverride = 'FlexBox' | 'content';
+
+interface GenericBlockProps extends GenericProps$1, ReactToJSX<GenericBlockProps$1, GenericBlockPropsToOverride> {
+    /**
+     * Main content to display or sections components
+     * ({@see GenericBlock.Figure}, {@see GenericBlock.Content} & {@see GenericBlock.Actions})
+     */
+    children: ReactNode;
+}
 type BaseGenericBlock = Comp<GenericBlockProps, HTMLDivElement>;
 /**
  * The GenericBlock is a layout component made of 3 sections that can be
@@ -2209,23 +2235,35 @@ declare const ImageLightbox: Comp<ImageLightboxProps, HTMLDivElement> & {
 /**
  * Defines the props of the component.
  */
-interface InlineListProps extends GenericProps$1 {
+interface InlineListProps$1 extends HasClassName {
+    /**
+     * List items to render.
+     */
+    items?: JSXElement[];
     /**
      * Text color.
      */
-    color?: ColorWithVariants$1;
+    color?: ColorWithVariants;
     /**
      * Lightened or darkened variant of the selected color.
      */
-    colorVariant?: ColorVariant$1;
+    colorVariant?: ColorVariant;
     /**
      * Typography variant.
      */
-    typography?: Typography$1;
+    typography?: Typography;
     /**
      * Activate line wrap on overflow.
      */
     wrap?: boolean;
+    /** reference to the root element */
+    ref?: CommonRef;
+}
+
+/**
+ * Defines the props of the component.
+ */
+interface InlineListProps extends GenericProps$1, ReactToJSX<InlineListProps$1, 'items'> {
     /**
      * Children
      */
@@ -2238,7 +2276,7 @@ interface InlineListProps extends GenericProps$1 {
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const InlineList: Comp<InlineListProps, HTMLElement>;
+declare const InlineList: Comp<InlineListProps, HTMLUListElement>;
 
 /**
  * Defines the props of the component.