enwawa-ui 1.0.26 → 1.0.27

package/CHANGELOG.md

@@ -1,39 +1,17 @@
-# (Tue Aug 08 2023)
-
-#### ⚠️ Pushed to `main`
-
-- Missing dependency added ([@BrayhanV](https://github.com/BrayhanV))
-
-#### Authors: 1
-
-- Brayhan Villalba ([@BrayhanV](https://github.com/BrayhanV))
-
----
-
-# (Tue Aug 08 2023)
+# (Wed Aug 09 2023)
 
 #### 🐛 Bug Fix
 
-- MlCodeInput and fix font familt for dropdown [#49](https://github.com/La-Wawa-Inc/wawa-ui/pull/49) ([@miguelesco](https://github.com/miguelesco) [@BrayhanV](https://github.com/BrayhanV))
-- TDD-460 [#55](https://github.com/La-Wawa-Inc/wawa-ui/pull/55) ([@maurovolpe18](https://github.com/maurovolpe18))
-- MlPlanCard [#54](https://github.com/La-Wawa-Inc/wawa-ui/pull/54) ([@miguelesco](https://github.com/miguelesco) [@BrayhanV](https://github.com/BrayhanV))
-- Mejora en MlRadioGroup [#50](https://github.com/La-Wawa-Inc/wawa-ui/pull/50) ([@miguelesco](https://github.com/miguelesco) [@BrayhanV](https://github.com/BrayhanV))
-- OrTicketCard [#53](https://github.com/La-Wawa-Inc/wawa-ui/pull/53) ([@miguelesco](https://github.com/miguelesco) [@BrayhanV](https://github.com/BrayhanV))
+- Tdd 486 mv [#57](https://github.com/La-Wawa-Inc/wawa-ui/pull/57) ([@maurovolpe18](https://github.com/maurovolpe18) [@BrayhanV](https://github.com/BrayhanV))
+- AtSelectIcon && OrHeader [#56](https://github.com/La-Wawa-Inc/wawa-ui/pull/56) ([@miguelesco](https://github.com/miguelesco) [@BrayhanV](https://github.com/BrayhanV))
 
 #### ⚠️ Pushed to `main`
 
-- version updated ([@BrayhanV](https://github.com/BrayhanV))
-- TmCrudPage ([@BrayhanV](https://github.com/BrayhanV))
-- Fix AtCountdown history ([@BrayhanV](https://github.com/BrayhanV))
-- unnecessary comments removed ([@BrayhanV](https://github.com/BrayhanV))
-- OrDashboardLayout ([@BrayhanV](https://github.com/BrayhanV))
-- Improves on OrSider ([@BrayhanV](https://github.com/BrayhanV))
-- missing exports added ([@BrayhanV](https://github.com/BrayhanV))
-- Organism: ([@BrayhanV](https://github.com/BrayhanV))
-- OrMenu story ([@BrayhanV](https://github.com/BrayhanV))
-- OrMenu ([@BrayhanV](https://github.com/BrayhanV))
-- OrTable ([@BrayhanV](https://github.com/BrayhanV))
-- OrTickets improves ([@BrayhanV](https://github.com/BrayhanV))
+- Version upgrade ([@BrayhanV](https://github.com/BrayhanV))
+- Improves: ([@BrayhanV](https://github.com/BrayhanV))
+- index import updated ([@BrayhanV](https://github.com/BrayhanV))
+- type fix ([@BrayhanV](https://github.com/BrayhanV))
+- TmLoginPhoneCode with MlCodeInput ([@BrayhanV](https://github.com/BrayhanV))
 
 #### Authors: 3
 
@@ -43,6 +21,51 @@
 
 ---
 
+# (Tue Aug 08 2023)
+
+#### ⚠️ Pushed to `main`
+
+- Missing dependency added ([@BrayhanV](https://github.com/BrayhanV))
+
+#### Authors: 1
+
+- Brayhan Villalba ([@BrayhanV](https://github.com/BrayhanV))
+
+---
+
+# (Tue Aug 08 2023)
+
+#### 🐛 Bug Fix
+
+- MlCodeInput and fix font familt for dropdown [#49](https://github.com/La-Wawa-Inc/wawa-ui/pull/49) ([@miguelesco](https://github.com/miguelesco) [@BrayhanV](https://github.com/BrayhanV))
+- TDD-460 [#55](https://github.com/La-Wawa-Inc/wawa-ui/pull/55) ([@maurovolpe18](https://github.com/maurovolpe18))
+- MlPlanCard [#54](https://github.com/La-Wawa-Inc/wawa-ui/pull/54) ([@miguelesco](https://github.com/miguelesco) [@BrayhanV](https://github.com/BrayhanV))
+- Mejora en MlRadioGroup [#50](https://github.com/La-Wawa-Inc/wawa-ui/pull/50) ([@miguelesco](https://github.com/miguelesco) [@BrayhanV](https://github.com/BrayhanV))
+- OrTicketCard [#53](https://github.com/La-Wawa-Inc/wawa-ui/pull/53) ([@miguelesco](https://github.com/miguelesco) [@BrayhanV](https://github.com/BrayhanV))
+
+#### ⚠️ Pushed to `main`
+
+- version updated ([@BrayhanV](https://github.com/BrayhanV))
+- TmCrudPage ([@BrayhanV](https://github.com/BrayhanV))
+- Fix AtCountdown history ([@BrayhanV](https://github.com/BrayhanV))
+- unnecessary comments removed ([@BrayhanV](https://github.com/BrayhanV))
+- OrDashboardLayout ([@BrayhanV](https://github.com/BrayhanV))
+- Improves on OrSider ([@BrayhanV](https://github.com/BrayhanV))
+- missing exports added ([@BrayhanV](https://github.com/BrayhanV))
+- Organism: ([@BrayhanV](https://github.com/BrayhanV))
+- OrMenu story ([@BrayhanV](https://github.com/BrayhanV))
+- OrMenu ([@BrayhanV](https://github.com/BrayhanV))
+- OrTable ([@BrayhanV](https://github.com/BrayhanV))
+- OrTickets improves ([@BrayhanV](https://github.com/BrayhanV))
+
+#### Authors: 3
+
+- Brayhan Villalba ([@BrayhanV](https://github.com/BrayhanV))
+- Maurizio Volpe ([@maurovolpe18](https://github.com/maurovolpe18))
+- Miguelangel Escorche ([@miguelesco](https://github.com/miguelesco))
+
+---
+
 # (Fri Aug 04 2023)
 
 #### 🐛 Bug Fix

package/lib/index.d.ts

@@ -1,7 +1,9 @@
-import React, { ReactNode, ChangeEvent, CSSProperties, JSXElementConstructor, ReactElement } from "react";
+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, AlertProps, LayoutProps, SiderProps, FormProps, RowProps, ModalFuncProps, ModalProps, SpaceProps, TableProps } from "antd";
 import { Dayjs } from "dayjs";
+import { IconComponentProps } from "@ant-design/icons/lib/components/Icon";
+import * as Icons from "@ant-design/icons";
 import { ValueType } from "@rc-component/mini-decimal";
 import { RadioChangeEvent } from "antd/es/radio";
 import { DefaultOptionType, LabeledValue } from "antd/es/select";
@@ -60,6 +62,10 @@ export interface AtButtonProps {
      * The button content value
      */
     value?: string;
+    /**
+     * Hide button borders
+     */
+    borderless?: boolean;
     /**
      *Option to fit button width to its parent width
      */
@@ -100,6 +106,10 @@ export interface AtButtonProps {
      * Set the handler to handle click
      */
     onClick?: React.MouseEventHandler<HTMLAnchorElement> & React.MouseEventHandler<HTMLButtonElement>;
+    /**
+     * set button in ghost mode
+     */
+    ghost?: boolean;
 }
 export const AtButton: React.FC<AtButtonProps>;
 export interface AtCheckboxProps {
@@ -296,6 +306,59 @@ export interface AtDividerProps {
     type?: 'horizontal' | 'vertical';
 }
 export const AtDivider: React.FC<AtDividerProps>;
+export interface AtIconProps {
+    /**
+     * The ID for input
+     */
+    id?: string;
+    /**
+     * Name of the icon
+     */
+    name?: keyof typeof Icons;
+    /**
+     * Define the color used to paint the svg element
+     */
+    fill?: string;
+    /**
+     * The computed style of the svg element
+     */
+    style?: CSSProperties;
+    /**
+     * The height of the svg element
+     */
+    height?: string | number;
+    /**
+     * The width of the svg element
+     */
+    width?: string | number;
+    /**
+     * Define extra properties to the component
+     */
+    extraCommonProps?: {
+        [key: string]: any;
+    };
+    /**
+     * The URL generated by iconfont.cn project. Support string[] after @ant-design/icons@4.1.0
+     */
+    scriptUrl?: string | string[];
+    /**
+     * The component used for the root node
+     */
+    component?: IconComponentProps['component'];
+    /**
+     * Rotate degrees (not working in IE9)
+     */
+    rotate?: number;
+    /**
+     * Rotate icon with animation
+     */
+    spin?: boolean;
+    /**
+     * Color of the icon
+     */
+    twoToneColor?: string;
+}
+export const AtIcon: React.FC<AtIconProps>;
 export interface AtImageProps {
     /**
      * Image description
@@ -775,7 +838,14 @@ export interface AtSelectProps {
      * Select width
      */
     $width?: string;
-    children: any;
+    /**
+     * Children
+     */
+    children?: ReactNode;
+    /**
+     * background color
+     */
+    backgroundColor?: string;
 }
 export const AtSelect: React.FC<AtSelectProps>;
 export interface AtTextProps {
@@ -1052,7 +1122,7 @@ export interface CodeInputProps {
     /**
      * number of digits (input) to show
      */
-    digits: number;
+    digits?: number;
     /**
      * The input content value
      */
@@ -1060,7 +1130,7 @@ export interface CodeInputProps {
     /**
      * Callback when user input
      */
-    onChange: (value: Array<string | undefined>) => void;
+    onChange?: (value: Array<string | undefined>) => void;
     /**
      * font size of the input
      */
@@ -1649,6 +1719,10 @@ export interface OrSiderMenuProps {
      * 	Menu item content
      */
     items?: OrMenuProps['items'];
+    /**
+     * 	Botton menu item content
+     */
+    itemsBottom?: OrMenuProps['items'];
     /**
      * On click collapsed button
      */
@@ -1664,7 +1738,58 @@ export interface OrSiderMenuProps {
     children?: React.ReactNode;
 }
 export const OrSiderMenu: React.FC<OrSiderMenuProps>;
-export const OrHeader: React.FC<LayoutProps>;
+export interface OrHeaderProps {
+    /**
+     * The ID for input
+     */
+    id?: string;
+    /**
+     * option for select
+     */
+    countrySelectOptions?: {
+        value: string;
+        label: string;
+        icon?: JSX.Element;
+    }[];
+    /**
+     * Default Value for select
+     */
+    selectDefaultValue?: string;
+    /**
+     * Placeholder for select
+     */
+    selectPlaceholder?: string;
+    /**
+     * Called when an option is selected, the params are option's value (or key) and option instance
+     */
+    onSelect?: AtSelectProps['onSelect'];
+    /**
+     * buttons options
+     */
+    navItems?: {
+        value?: string;
+        label?: string;
+        icon: JSX.Element;
+        onclick?: React.MouseEventHandler<HTMLAnchorElement> & React.MouseEventHandler<HTMLButtonElement>;
+    }[];
+    /**
+     * Avatar image
+     */
+    avatar?: string;
+    /**
+     * Avatar name
+     */
+    avatarName?: string;
+    /**
+     * Avatar click
+     */
+    onClickAvatar?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    /**
+     * Children component
+     */
+    children?: React.ReactNode;
+}
+export const OrHeader: React.FC<OrHeaderProps>;
 export interface OrDashboardLayoutProps {
     /**
      * Indicate if the menu is collapsed
@@ -1690,6 +1815,22 @@ export interface OrDashboardLayoutProps {
      * Called when a menu item is selected
      */
     onSelect?: OrSiderMenuProps['onSelect'];
+    /**
+     * Header select options
+     */
+    countrySelectOptions?: OrHeaderProps['countrySelectOptions'];
+    /**
+     * Header nav items
+     */
+    navItems?: OrHeaderProps['navItems'];
+    /**
+     * Header avatar
+     */
+    avatar?: OrHeaderProps['avatar'];
+    /**
+     * Header avatar name
+     */
+    avatarName?: OrHeaderProps['avatarName'];
 }
 export const OrDashboardLayout: React.FC<OrDashboardLayoutProps>;
 export interface OrDrawerProps {
@@ -2304,10 +2445,6 @@ export interface TmCrudPageProps {
 }
 export const TmCrudPage: React.FC<TmCrudPageProps>;
 export interface TmLoginCountryProps {
-    /**
-     * The ID for cards
-     */
-    id?: string;
     data?: OrCountryCardProps[];
     title?: string;
     itemsPerRow?: number;