enwawa-ui 1.0.30 → 1.0.32

package/CHANGELOG.md

@@ -1,35 +1,67 @@
-# (Mon Aug 14 2023)
-
-#### ⚠️ Pushed to `main`
-
-- Improves on OrTable to build TmCrudPage (brayhanalberto@gmail.com)
-- Improves on MlPagination and MlTooltip created (brayhanalberto@gmail.com)
-- AtText with custom width (brayhanalberto@gmail.com)
-
-#### Authors: 1
-
-- Brayhan Villalba (brayhanalberto@gmail.com)
-
----
-
-# (Fri Aug 11 2023)
+# (Wed Aug 16 2023)
 
 #### 🐛 Bug Fix
 
-- OrModuleTableHeader [#58](https://github.com/La-Wawa-Inc/wawa-ui/pull/58) ([@miguelesco](https://github.com/miguelesco) [@BrayhanV](https://github.com/BrayhanV))
+- Tdd 466 mv [#61](https://github.com/La-Wawa-Inc/wawa-ui/pull/61) ([@maurovolpe18](https://github.com/maurovolpe18))
+- TDD-492-RM OrFormInLine [#60](https://github.com/La-Wawa-Inc/wawa-ui/pull/60) ([@xzotacx](https://github.com/xzotacx) [@BrayhanV](https://github.com/BrayhanV))
 
 #### ⚠️ Pushed to `main`
 
-- version updated ([@BrayhanV](https://github.com/BrayhanV))
-- Improves on OrHeader and OrDashboardLayout ([@BrayhanV](https://github.com/BrayhanV))
+- Improves: ([@BrayhanV](https://github.com/BrayhanV))
+- Build storybook log ([@BrayhanV](https://github.com/BrayhanV))
 
-#### Authors: 2
+#### Authors: 3
 
 - Brayhan Villalba ([@BrayhanV](https://github.com/BrayhanV))
-- Miguelangel Escorche ([@miguelesco](https://github.com/miguelesco))
+- Maurizio Volpe ([@maurovolpe18](https://github.com/maurovolpe18))
+- Richard Martinez ([@xzotacx](https://github.com/xzotacx))
 
 ---
 
+# (Mon Aug 14 2023)
+
+#### ⚠️ Pushed to `main`
+
+- Fix typo for login code (brayhanalberto@gmail.com)
+
+#### Authors: 1
+
+- Brayhan Villalba (brayhanalberto@gmail.com)
+
+---
+
+# (Mon Aug 14 2023)
+
+#### ⚠️ Pushed to `main`
+
+- Improves on OrTable to build TmCrudPage (brayhanalberto@gmail.com)
+- Improves on MlPagination and MlTooltip created (brayhanalberto@gmail.com)
+- AtText with custom width (brayhanalberto@gmail.com)
+
+#### Authors: 1
+
+- Brayhan Villalba (brayhanalberto@gmail.com)
+
+---
+
+# (Fri Aug 11 2023)
+
+#### 🐛 Bug Fix
+
+- OrModuleTableHeader [#58](https://github.com/La-Wawa-Inc/wawa-ui/pull/58) ([@miguelesco](https://github.com/miguelesco) [@BrayhanV](https://github.com/BrayhanV))
+
+#### ⚠️ Pushed to `main`
+
+- version updated ([@BrayhanV](https://github.com/BrayhanV))
+- Improves on OrHeader and OrDashboardLayout ([@BrayhanV](https://github.com/BrayhanV))
+
+#### Authors: 2
+
+- Brayhan Villalba ([@BrayhanV](https://github.com/BrayhanV))
+- Miguelangel Escorche ([@miguelesco](https://github.com/miguelesco))
+
+---
+
 # (Wed Aug 09 2023)
 
 #### 🐛 Bug Fix

package/lib/index.d.ts

@@ -12,6 +12,7 @@ import { CardTabListType } from "antd/es/card";
 import { CardType } from "antd/es/card/Card";
 import { TabsProps } from "antd/es/tabs";
 import { DotPosition } from "antd/es/carousel";
+import { CheckboxGroupProps } from "antd/es/checkbox/Group";
 import { NamePath, Store, StoreValue } from "antd/es/form/interface";
 import { Rule } from "antd/es/form";
 import { LabelTooltipType } from "antd/es/form/FormItemLabel";
@@ -106,6 +107,10 @@ export interface AtButtonProps {
      * Set the handler to handle click
      */
     onClick?: React.MouseEventHandler<HTMLAnchorElement> & React.MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Expand button full container width
+     */
+    $fullWidth?: boolean;
     /**
      * set button in ghost mode
      */
@@ -777,10 +782,6 @@ export interface AtSelectProps {
      * The current input "search" text
      */
     searchValue?: string;
-    /**
-     * Whether to show the drop-down arrow
-     */
-    showArrow?: boolean;
     /**
      * Whether select is searchable
      */
@@ -1117,6 +1118,33 @@ export interface MlCarouselProps {
     children?: React.ReactNode;
 }
 export const MlCarousel: React.FC<MlCarouselProps>;
+export interface MlCheckboxGroup {
+    /**
+     * Default selected value
+     * */
+    defaultValue?: (string | number)[];
+    /**
+     * If disable all checkboxes
+     */
+    disabled?: boolean;
+    /**
+     * The name property of all input[type="checkbox"] children
+     */
+    name?: string;
+    /**
+     * Specifies options
+     */
+    options?: CheckboxGroupProps['options'];
+    /**
+     * Used for setting the currently selected value
+     */
+    value?: (string | number | boolean)[];
+    /**
+     * The callback function that is triggered when the state changes
+     */
+    onChange?: CheckboxGroupProps['onChange'];
+}
+export const MlCheckboxGroup: React.FC<MlCheckboxGroup>;
 interface UseInputOTPProps {
     onChange?: (value: Array<string | undefined>) => void;
 }
@@ -1281,7 +1309,14 @@ export interface MlFromItemProps {
      * The layout for input controls, same as labelCol. You can set wrapperCol on Form which will not affect nest Item. If both exists, use Item first
      */
     wrapperCol?: ColProps;
+    /**
+     * Children component
+     */
     children?: React.ReactNode;
+    /**
+     * Props of children node, for example, the prop of Switch is 'checked'. This prop is an encapsulation of getValueProps, which will be invalid after customizing getValueProps
+     */
+    valuePropName?: string;
 }
 export const MlFormItem: React.FC<MlFromItemProps>;
 export const MlLoading: React.FC;
@@ -1749,7 +1784,7 @@ export interface OrSiderMenuProps {
     /**
      * 	Botton menu item content
      */
-    itemsBottom?: OrMenuProps['items'];
+    bottomItems?: OrMenuProps['items'];
     /**
      * On click collapsed button
      */
@@ -1877,7 +1912,7 @@ export interface OrDashboardLayoutProps {
     /**
      * Nav item at the end of the sider
      */
-    itemsBottom?: OrSiderMenuProps['itemsBottom'];
+    bottomItems?: OrSiderMenuProps['bottomItems'];
 }
 export const OrDashboardLayout: React.FC<OrDashboardLayoutProps>;
 export interface OrDrawerProps {
@@ -2006,7 +2041,7 @@ export interface OrDrawerProps {
     /**
      * Children of the drawer
      */
-    children?: React.ReactElement | React.ReactElement[];
+    children?: React.ReactNode;
 }
 export const OrDrawer: React.FC<OrDrawerProps>;
 export interface OrFlagGridProps {
@@ -2032,10 +2067,60 @@ export interface OrFlagGridProps {
     onSelectCard?: (index: number) => void;
 }
 export const OrFlagGrid: React.FC<OrFlagGridProps>;
-export type OrFromProps = FormProps & {
+export interface OrFormProps extends FormProps {
     children: React.ReactNode;
-};
-export const OrForm: React.FC<OrFromProps>;
+}
+export const OrForm: React.FC<OrFormProps>;
+export interface AtSpaceCompactProps {
+    /**
+     * The ID for input
+     */
+    id?: string;
+    /**
+     * Option to fit width to its parent's width
+     */
+    block?: boolean;
+    /**
+     * Set direction of layout
+     */
+    direction?: 'vertical' | 'horizontal';
+    /**
+     * Set child component size
+     */
+    size?: 'large' | 'middle' | 'small';
+    /**
+     * Children of the OrSpace
+     */
+    children?: React.ReactNode;
+}
+export const OrSpaceCompact: React.FC<AtSpaceCompactProps>;
+export interface OrPhoneInputProps {
+    /**
+     * Dial codes options
+     */
+    options: AtSelectProps['options'];
+    /**
+     * Disabled input
+     */
+    disabled?: boolean;
+}
+export const OrPhoneInput: React.FC<OrPhoneInputProps>;
+export interface OrFormInLineItem {
+    component: 'radio' | 'number-input' | 'checkbox' | 'select' | 'text' | 'phone';
+    label?: string;
+    key?: string;
+    fieldName: string;
+    placeHolder?: string;
+    children?: OrFormItemsInlineProps | React.ReactElement | string;
+    options?: MlRadioGroupProps['options'] | MlCheckboxGroup['options'] | AtSelectProps['options'];
+    rules?: MlFromItemProps['rules'];
+    hidden?: boolean;
+    disabled?: boolean;
+}
+export interface OrFormItemsInlineProps {
+    inputs?: OrFormInLineItem[];
+}
+export const OrFormItemsInline: React.FC<OrFormItemsInlineProps>;
 export interface OrRowProps {
     /**
      * The ID for input
@@ -2311,29 +2396,6 @@ export interface AtSpaceProps {
     children?: React.ReactNode;
 }
 export const OrSpace: React.FC<AtSpaceProps>;
-export interface AtSpaceCompactProps {
-    /**
-     * The ID for input
-     */
-    id?: string;
-    /**
-     * Option to fit width to its parent's width
-     */
-    block?: boolean;
-    /**
-     * Set direction of layout
-     */
-    direction?: 'vertical' | 'horizontal';
-    /**
-     * Set child component size
-     */
-    size?: 'large' | 'middle' | 'small';
-    /**
-     * Children of the OrSpace
-     */
-    children?: React.ReactNode;
-}
-export const OrSpaceCompact: React.FC<AtSpaceCompactProps>;
 export interface OrTabsProps {
     /**
      * The ID for input
@@ -2514,6 +2576,26 @@ export interface OrTicketCardProps {
     onChange?: (e: string | number | null) => void;
 }
 export const OrTicketCard: React.FC<OrTicketCardProps>;
+interface IFormData {
+    businessName?: string;
+    name?: string;
+    rif?: string;
+    phone: {
+        dialCode: string;
+        phone: string;
+    };
+    city?: string;
+}
+interface IFormStep {
+    title: string;
+    inputs?: OrFormItemsInlineProps['inputs'];
+    submitButtonText?: string;
+    cancelButtonText?: string;
+    onCancelClick?: () => void;
+    formInitialItems?: IFormData;
+    form?: OrFormProps['form'];
+    onFinish?: (e: any) => void;
+}
 export interface TmCrudPageProps {
     /**
      * Columns of table
@@ -2535,6 +2617,18 @@ export interface TmCrudPageProps {
      * Row's unique key, could be a string or function that returns a string
      */
     rowKey?: OrTableProps['rowKey'];
+    /**
+     * On change form content
+     */
+    onValuesChange?: OrFormProps['onValuesChange'];
+    /**
+     * On press cancel and close button function
+     */
+    handleCloseCallback?: () => void;
+    /**
+     * State of the drawer
+     */
+    open?: boolean;
     /**
      * Page title
      */
@@ -2546,7 +2640,11 @@ export interface TmCrudPageProps {
     /**
      * Button value text
      */
-    buttonValue?: string;
+    buttonAddText?: string;
+    /**
+     * Callback when add button is pressed
+     */
+    addButtonOnClick?: OrModuleTableHeaderProps['buttonOnClick'];
     /**
      * Callback when pagination changes
      */
@@ -2567,6 +2665,18 @@ export interface TmCrudPageProps {
      * Current page table
      */
     currentPage?: number;
+    /**
+     * Disable buttons drawer
+     */
+    disabledButtons?: boolean;
+    /**
+     * Form Steps info
+     */
+    formSteps: IFormStep[];
+    /**
+     * current step
+     */
+    currentFormStep?: number;
 }
 export const TmCrudPage: React.FC<TmCrudPageProps>;
 export interface TmLoginCountryProps {
@@ -2590,8 +2700,7 @@ export interface IRegion {
     region: string;
     city: string;
 }
-interface IFormData {
-    region: string;
+interface _IFormData1 {
     phone: {
         dialCode: string;
         phone: string;
@@ -2614,7 +2723,7 @@ export interface TmLoginPhoneProps {
     /**
      * Form init values
      */
-    initialValues?: IFormData;
+    initialValues?: _IFormData1;
     /**
      * Dial codes available
      */
@@ -2701,5 +2810,7 @@ export interface TmLoginPhoneCodeProps {
 }
 export const TmLoginPhoneCode: React.FC<TmLoginPhoneCodeProps>;
 export const useMessage: () => readonly [import("antd/es/message/interface").MessageInstance, import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>];
+export const useModal: () => readonly [instance: import("antd/es/modal/useModal").HookAPI, contextHolder: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>];
+export const useForm: <T = any>() => [import("antd").FormInstance<T>];
 
 //# sourceMappingURL=index.d.ts.map