@team_yumi/ramen 0.4.0-next.20231124-d88d645-3ad6a26ff91e0246421b442565a18a54 → 0.4.0-next.20231128-37228e3-f736c71a66d1e1d0149e2f5eb53bb260

package/components/core/x-accordion/root.d.ts

@@ -0,0 +1,38 @@
+import React from "react";
+import { Collections } from "@yumi/models";
+export interface IProps {
+    /**
+     * Set open or close accordion
+     */
+    isOpen?: boolean;
+    /**
+     * Set default value to open or close accordion
+     */
+    defaultOpen?: boolean;
+    /**
+     * Set button text for open accordion
+     */
+    openedTitle?: string;
+    /**
+     * Set button text for close accordion
+     */
+    closedTitle?: string;
+    /**
+     * Set state disabled
+     */
+    disabled?: boolean;
+    /**
+     * Child Elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Set size for button 'xxs', 'xs', 's', 'm', 'l', 'xl'
+     */
+    size?: (typeof Collections.ISize)[number];
+    /**
+     * Handle when accordion is open or close action
+     */
+    onToggle?: (open: boolean) => void;
+}
+declare const XAccordion: React.FC<IProps>;
+export default XAccordion;

package/components/core/{xinput → x-input}/root.d.ts

@@ -1,5 +1,5 @@
 import React, { LegacyRef, MouseEventHandler } from 'react';
-import { Collections } from './../../../models';
+import { Collections } from '../../../models';
 export interface IProps {
     inputRef?: LegacyRef<HTMLInputElement>;
     type?: (typeof Collections.IInputType)[number];

package/components/core/x-text-area/root.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+export interface IProps {
+    /**
+     * Label text
+     */
+    label?: string;
+    /**
+     * Helper text
+     */
+    caption?: string;
+    /**
+     * Error message
+     */
+    error?: string;
+    /**
+     * Show mandatory symbol for textarea when is required
+     */
+    mandatory?: boolean;
+    /**
+     * text for placeholder
+     */
+    placeholder?: string;
+    /**
+     * Property to display character counter
+     */
+    showCount?: boolean;
+    /**
+     * The maximum number of characters in Textarea
+     */
+    maxLength?: number;
+    /**
+     * The textarea content value
+     */
+    value?: string;
+    /**
+     * Whether the textarea is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Callback when user input
+     */
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+}
+declare const XTextArea: React.FC<IProps>;
+export default XTextArea;

package/components/core/x-text-field/index.d.ts

@@ -0,0 +1,2 @@
+import Root from './root';
+export default Root;

package/components/core/x-text-field/root.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { IProps as IInputProps } from '../x-input/root';
+import { Collections } from '@yumi/models';
+/**
+ * Properties for a custom input component.
+ * Extends the base input properties (excluding 'type').
+ */
+export interface IProps extends Omit<IInputProps, 'type'> {
+    /**
+     * Type of the input field, must be a value from Collections.ITextFieldType.
+     */
+    type: (typeof Collections.ITextFieldType)[number];
+    /**
+     * Label for the input field.
+     */
+    label?: string;
+    /**
+     * Additional caption or description for the input field.
+     */
+    caption?: string;
+    /**
+     * Error message associated with the input field.
+     */
+    error?: string;
+    /**
+     * Whether the input field is mandatory.
+     */
+    mandatory?: boolean;
+}
+declare const XTextField: React.FC<IProps>;
+export default XTextField;

package/components/core/xcurrency-input/root.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IProps as IInputProps } from './../xinput/root';
+import { IProps as IInputProps } from '../x-input/root';
 export declare type IProps = Omit<IInputProps, 'type'>;
 declare const XCurrencyInput: React.FC<IProps>;
 export default XCurrencyInput;

package/components/core/xdecision/root.d.ts

@@ -11,6 +11,7 @@ export interface IProps {
     onClickAffirmative: (state: boolean) => void;
     onClickNegative: (state: boolean) => void;
     onClickDoesntApplyOption?: (state: boolean) => void;
+    initialValue?: (typeof Collections.IDecisionValueType)[number];
 }
 declare const XDecision: React.FC<IProps>;
 export default XDecision;

package/components/core/xdivider/root.d.ts

@@ -3,6 +3,7 @@ import { Collections } from './../../../models';
 export interface IProps {
     orientation?: (typeof Collections.IOrientation)[number];
     size?: (typeof Collections.ISize)[number];
+    backgroundThone?: (typeof Collections.IBackgroundThone)[number];
 }
 declare const XDivider: React.FC<IProps>;
 export default XDivider;

package/components/core/xemail-input/root.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Collections } from './../../../models';
-import { IProps as IInputProps } from './../xinput/root';
+import { IProps as IInputProps } from '../x-input/root';
 export interface IProps extends Omit<IInputProps, 'type' | 'icon'> {
     size?: (typeof Collections.IEmailInputSize)[number];
 }

package/components/core/xnumber-input/root.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Collections } from './../../../models';
-import { IProps as IInputProps } from './../xinput/root';
+import { IProps as IInputProps } from '../x-input/root';
 export interface IProps extends Omit<IInputProps, 'type'> {
     size?: (typeof Collections.INumberInputSize)[number];
 }

package/components/core/xpassword-input/root.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Collections } from './../../../models';
-import { IProps as IInputProps } from './../xinput/root';
+import { IProps as IInputProps } from '../x-input/root';
 export interface IProps extends Omit<IInputProps, 'type'> {
     size?: (typeof Collections.INumberInputSize)[number];
 }

package/components/core/xphone-input/root.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Collections } from './../../../models';
-import { IProps as IInputProps } from './../xinput/root';
+import { IProps as IInputProps } from '../x-input/root';
 export interface IProps extends Omit<IInputProps, 'type'> {
     size?: (typeof Collections.IPhoneInputSize)[number];
 }

package/components/core/xsearch-input/root.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Collections } from './../../../models';
-import { IProps as IInputProps } from './../xinput/root';
+import { IProps as IInputProps } from '../x-input/root';
 export interface IProps extends Omit<IInputProps, 'type' | 'icon'> {
     size?: (typeof Collections.ISearchInputSize)[number];
 }

package/components/core/xtext/root.d.ts

@@ -9,6 +9,10 @@ export interface IProps {
     lineClamp?: (typeof Collections.ILineClamp)[number];
     textAlign?: (typeof Collections.ITextAlign)[number];
     colorThone?: (typeof Collections.ITextColorThone)[number];
+    /**
+     * Text color can be any color from the palette fundamentals
+     */
+    color?: (typeof Collections.IColor)[number];
 }
 declare const XText: React.FC<IProps>;
 export default XText;

package/components/core/xtext-input/root.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Collections } from './../../../models';
-import { IProps as IInputProps } from './../xinput/root';
+import { IProps as IInputProps } from '../x-input/root';
 export interface IProps extends Omit<IInputProps, 'type'> {
     size?: (typeof Collections.ITextInputSize)[number];
 }

package/components/mobile/x-bottom-sheet/index.d.ts

@@ -0,0 +1,2 @@
+import Root from './root';
+export default Root;

package/components/mobile/x-bottom-sheet/root.d.ts

@@ -0,0 +1,85 @@
+import React from 'react';
+import { Collections } from '../../../models';
+export interface IAction {
+    /**
+     * The key of the action
+     */
+    key: string;
+    /**
+     * The text of the action button
+     */
+    text: string;
+    /**
+     * The type of the action button
+     */
+    type: (typeof Collections.IType)[number];
+    /**
+     * The icon of the action button
+     */
+    icon?: (typeof Collections.IIcon)[number];
+    /**
+     * If true, the action button will be disabled
+     */
+    disabled?: boolean;
+    /**
+     * If true, the action button will be loading
+     */
+    loading?: boolean;
+}
+export interface IProps {
+    /**
+     * If true, the component will show a transition when it is expanded or collapsed
+     */
+    animation?: boolean;
+    /**
+     * If true, the component will be expanded
+     */
+    expanded: boolean;
+    /**
+     * The content of the component
+     */
+    children?: React.ReactNode;
+    /**
+     * The content of the header
+     */
+    headerChildren?: React.ReactNode;
+    /**
+     * The icon of the header
+     */
+    icon?: (typeof Collections.IIcon)[number];
+    /**
+     * The title of the header
+     */
+    title?: string;
+    /**
+     * The state of the bottom sheet
+     */
+    display?: (typeof Collections.IBottomExpandableState)[number];
+    /**
+     * The subtitle of the header
+     */
+    subtitle?: string;
+    /**
+     * The callback fired when the component is expanded
+     */
+    onExpand?: () => void;
+    /**
+     * The callback fired when the component is collapsed
+     */
+    onCollapse?: () => void;
+    /**
+     * The actions of the component
+     */
+    actions?: IAction[];
+    /**
+     * The callback fired when an action is clicked
+     * @param key
+     */
+    onActionClick?: (key: string) => void;
+    /**
+     * The number for the badge of the header
+     */
+    badge?: number;
+}
+declare const XBottomSheet: React.FC<IProps>;
+export default XBottomSheet;

package/hooks/useMountTransition.d.ts

@@ -1 +1 @@
-export declare const useMountTransition: (isMounted: any, unmountDelay: number) => boolean;
+export declare const useMountTransition: (isMounted: boolean | undefined, unmountDelay: number) => boolean;

package/index.core.d.ts

@@ -27,7 +27,7 @@ declare const _default: {
     XRadioButton: import("react").FC<import("./components/core/xradio-button/root").IProps>;
     XAvatar: import("react").FC<import("./components/core/xavatar/root").IProps>;
     XAlert: import("react").FC<import("./components/core/xalert/root").IProps>;
-    XTextArea: import("react").FC<import("./components/core/xtext-area/root").IProps>;
+    XTextArea: import("react").FC<import("./components/core/x-text-area/root").IProps>;
     XFormItem: import("react").FC<import("./components/core/xform-item/root").IProps>;
     XList: typeof XList;
     XCard: import("react").FC<import("./components/core/xcard/root").IProps>;
@@ -70,5 +70,7 @@ declare const _default: {
     XProgressBar: import("react").FC<import("./components/core/xprogress-bar/root").IProps>;
     XBar: import("react").FC<import("./components/core/xbar/root").IProps>;
     XDecision: import("react").FC<import("./components/core/xdecision/root").IProps>;
+    XTextField: import("react").FC<import("./components/core/x-text-field/root").IProps>;
+    XAccordion: import("react").FC<import("./components/core/x-accordion/root").IProps>;
 };
 export default _default;