enwawa-ui 1.0.32 → 1.0.34

package/CHANGELOG.md

@@ -1,23 +1,64 @@
-# (Wed Aug 16 2023)
+# (Wed Aug 30 2023)
 
 #### 🐛 Bug Fix
 
-- 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))
+- add rules to phone number [#64](https://github.com/La-Wawa-Inc/wawa-ui/pull/64) ([@miguelesco](https://github.com/miguelesco) [@BrayhanV](https://github.com/BrayhanV))
+- Stories form component OrFormItemsInline [#63](https://github.com/La-Wawa-Inc/wawa-ui/pull/63) ([@xzotacx](https://github.com/xzotacx) [@BrayhanV](https://github.com/BrayhanV))
+- Multiple select [#65](https://github.com/La-Wawa-Inc/wawa-ui/pull/65) ([@maurovolpe18](https://github.com/maurovolpe18))
+- Tdd 466 [#62](https://github.com/La-Wawa-Inc/wawa-ui/pull/62) ([@maurovolpe18](https://github.com/maurovolpe18) [@BrayhanV](https://github.com/BrayhanV))
 
 #### ⚠️ Pushed to `main`
 
-- Improves: ([@BrayhanV](https://github.com/BrayhanV))
-- Build storybook log ([@BrayhanV](https://github.com/BrayhanV))
+- Visual improves ([@BrayhanV](https://github.com/BrayhanV))
+- Merge branch 'develop' of https://github.com/La-Wawa-Inc/wawa-ui into develop ([@BrayhanV](https://github.com/BrayhanV))
+- eslint action upgrade ([@BrayhanV](https://github.com/BrayhanV))
+- Eslint workflow ([@BrayhanV](https://github.com/BrayhanV))
+- version update ([@BrayhanV](https://github.com/BrayhanV))
+- SearchBox on TmCrudPage ([@BrayhanV](https://github.com/BrayhanV))
+- TmCrudPage story ([@BrayhanV](https://github.com/BrayhanV))
 
-#### Authors: 3
+#### Authors: 4
 
 - Brayhan Villalba ([@BrayhanV](https://github.com/BrayhanV))
 - Maurizio Volpe ([@maurovolpe18](https://github.com/maurovolpe18))
+- Miguelangel Escorche ([@miguelesco](https://github.com/miguelesco))
 - Richard Martinez ([@xzotacx](https://github.com/xzotacx))
 
 ---
 
+# (Thu Aug 17 2023)
+
+#### ⚠️ Pushed to `main`
+
+- SearchBox on TmCrudPage ([@BrayhanV](https://github.com/BrayhanV))
+- TmCrudPage story ([@BrayhanV](https://github.com/BrayhanV))
+
+#### Authors: 1
+
+- Brayhan Villalba ([@BrayhanV](https://github.com/BrayhanV))
+
+---
+
+# (Wed Aug 16 2023)
+
+#### 🐛 Bug Fix
+
+- 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`
+
+- Improves: ([@BrayhanV](https://github.com/BrayhanV))
+- Build storybook log ([@BrayhanV](https://github.com/BrayhanV))
+
+#### Authors: 3
+
+- Brayhan Villalba ([@BrayhanV](https://github.com/BrayhanV))
+- Maurizio Volpe ([@maurovolpe18](https://github.com/maurovolpe18))
+- Richard Martinez ([@xzotacx](https://github.com/xzotacx))
+
+---
+
 # (Mon Aug 14 2023)
 
 #### ⚠️ Pushed to `main`

package/lib/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode, CSSProperties, ChangeEvent, JSXElementConstructor, ReactElement } from "react";
 import { ButtonShape, ButtonSize, ButtonType } from "antd/es/button";
-import { CheckboxProps, CountdownProps, DatePickerProps, ImageProps, InputNumberProps, SelectProps, BreadcrumbProps, DropdownProps, MenuProps, ColProps, PaginationProps, RadioChangeEvent as _RadioChangeEvent1, TooltipProps, AlertProps, LayoutProps, SiderProps, FormProps, RowProps, ModalFuncProps, ModalProps, SpaceProps, TableProps } from "antd";
+import { CheckboxProps, CountdownProps, DatePickerProps, ImageProps, InputNumberProps, SelectProps, BreadcrumbProps, DropdownProps, MenuProps, ColProps, PaginationProps, RadioChangeEvent as _RadioChangeEvent1, TooltipProps, AlertProps, LayoutProps, SiderProps, FormProps, RowProps, ModalFuncProps, ModalProps, SpaceProps, StepsProps, TableProps } from "antd";
 import { Dayjs } from "dayjs";
 import { IconComponentProps } from "@ant-design/icons/lib/components/Icon";
 import * as Icons from "@ant-design/icons";
@@ -1482,10 +1482,6 @@ export interface MlSearchBoxProps extends AtTextInputProps {
      * On search function
      */
     onSearch?: (value: string, event?: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLInputElement>) => void;
-    /**
-     * On press enter function
-     */
-    onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
     /**
      * Input loading on search
      */
@@ -2103,16 +2099,45 @@ export interface OrPhoneInputProps {
      * Disabled input
      */
     disabled?: boolean;
+    /**
+     * Rules for validation
+     * @default []
+    */
+    rules?: MlFromItemProps['rules'];
 }
 export const OrPhoneInput: React.FC<OrPhoneInputProps>;
 export interface OrFormInLineItem {
-    component: 'radio' | 'number-input' | 'checkbox' | 'select' | 'text' | 'phone';
+    /**
+     * Type of components available for the form
+     */
+    component: 'radio' | 'number-input' | 'checkbox' | 'select' | 'select-multiple' | 'text' | 'phone';
+    /**
+     * Label of the field
+     */
     label?: string;
+    /**
+     * Key identifier
+     */
     key?: string;
+    /**
+     * Field name (develop purpose)
+     */
     fieldName: string;
+    /**
+     * Place holder (only for inputs)
+     */
     placeHolder?: string;
+    /**
+     * Children of the FormItems (Recursive Form)
+     */
     children?: OrFormItemsInlineProps | React.ReactElement | string;
+    /**
+     * Specifies options for fields that allows options
+     */
     options?: MlRadioGroupProps['options'] | MlCheckboxGroup['options'] | AtSelectProps['options'];
+    /**
+     * Rules for field validation. Click [here](https://ant.design/components/form#components-form-demo-basic) to see an example
+     */
     rules?: MlFromItemProps['rules'];
     hidden?: boolean;
     disabled?: boolean;
@@ -2352,6 +2377,10 @@ export interface OrModuleTableHeaderProps {
      * Button onClick
      */
     buttonOnClick?: (React.MouseEventHandler<HTMLAnchorElement> & React.MouseEventHandler<HTMLButtonElement>) | undefined;
+    /**
+     * Custom component to render at left side
+     */
+    customLeftElements?: React.ReactNode;
 }
 export const OrModuleTableHeader: React.FC<OrModuleTableHeaderProps>;
 export interface OrSimpleBannerProps {
@@ -2396,6 +2425,61 @@ export interface AtSpaceProps {
     children?: React.ReactNode;
 }
 export const OrSpace: React.FC<AtSpaceProps>;
+export interface OrStepProp {
+    /**
+     * To set the current step, counting from 0. You can overwrite this state by using status of Step
+     */
+    current?: number;
+    /**
+     * To specify the direction of the step bar, horizontal or vertical
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     *
+     */
+    initial?: number;
+    /**
+     *  Place title and description with horizontal or vertical direction
+     * */
+    labelPlacement?: 'horizontal' | 'vertical';
+    /**
+     * Progress circle percentage of current step in process status (only works on basic Steps)
+     */
+    percent?: number;
+    /**
+     * Steps with progress dot style, customize the progress dot by setting it to a function. labelPlacement will be vertical
+     */
+    progressDot?: StepsProps['progressDot'];
+    /**
+     * Change to vertical direction when screen width smaller than 532px
+     */
+    responsive?: boolean;
+    /**
+     * To specify the size of the step bar, default and small are currently supported
+     */
+    size?: 'default' | 'small';
+    /**
+     * To specify the status of current step, can be set to one of the following values: wait process finish error
+     */
+    status?: 'wait' | 'process' | 'finish' | 'error';
+    /**
+     * Type of steps, can be set to one of the following values: default navigation inline
+     */
+    type?: 'default' | 'navigation' | 'inline';
+    /**
+     * Trigger when Step is changed
+     */
+    onChange?: (current: number) => void;
+    /**
+     * StepItem content
+     */
+    items?: StepsProps['items'];
+    /**
+     * Element margin
+     */
+    $margin?: string;
+}
+export const OrStep: React.FC<OrStepProp>;
 export interface OrTabsProps {
     /**
      * The ID for input
@@ -2677,6 +2761,14 @@ export interface TmCrudPageProps {
      * current step
      */
     currentFormStep?: number;
+    /**
+     * Search table elements
+     */
+    searchBoxOnSearch?: OrModuleTableHeaderProps['searchBoxOnSearch'];
+    /**
+     * Custom component to render at left side of table header
+     */
+    tableHeaderCustomLeftElements?: React.ReactNode;
 }
 export const TmCrudPage: React.FC<TmCrudPageProps>;
 export interface TmLoginCountryProps {