@loja-integrada/admin-components 0.16.2 → 0.17.0

package/dist/Forms/Dropdown/Dropdown.d.ts

@@ -6,25 +6,47 @@ export declare const sizeClasses: {
     large: string;
     xlarge: string;
 };
+export declare const valueFontSizesClasses: {
+    default: string;
+    small: string;
+    large: string;
+    xlarge: string;
+};
 export declare const variantControlClasses: {
     default: string;
     secondary: string;
+    simple: string;
 };
 export declare const variantValueClasses: {
     default: string;
     secondary: string;
+    simple: string;
 };
 export declare const variantSelectedClasses: {
     default: string;
     secondary: string;
+    simple: string;
 };
 export declare const variantDisabledClasses: {
     default: string;
     secondary: string;
+    simple: string;
 };
 export declare const varianErrorClasses: {
     default: string;
     secondary: string;
+    simple: string;
+};
+export declare const valueContainerStyles: {
+    default: {
+        paddingLeft: number;
+    };
+    secondary: {
+        paddingLeft: number;
+    };
+    simple: {
+        paddingLeft: number;
+    };
 };
 export interface CustomOptionProps {
     value: string | number;
@@ -36,7 +58,9 @@ export interface CustomGroupedOptionsProps {
     label: string;
     options: CustomOptionProps[];
 }
-export declare type DropdownVariant = 'default' | 'secondary';
+export declare type DropdownVariant = 'default' | 'secondary' | 'simple';
+export declare type DropdownSizes = keyof typeof sizeClasses;
+export declare type DropdownValueFontSizes = keyof typeof valueFontSizesClasses;
 export declare const Dropdown: React.MemoExoticComponent<React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<any>>>;
 export interface DropdownProps {
     /**
@@ -50,9 +74,14 @@ export interface DropdownProps {
      * Changes the size of dropdown
      * @default default
      * */
-    size?: keyof typeof sizeClasses;
+    size?: DropdownSizes;
     /**
-     * Changes the size of dropdown
+     * Changes the size of selected value
+     * @default default
+     * */
+    valueFontSize?: DropdownValueFontSizes;
+    /**
+     * Changes the variant of dropdown
      * @default default
      * */
     variant?: DropdownVariant;

package/dist/Forms/FloatingLabelInput/FloatingLabelInput.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare const FloatingLabelInput: React.MemoExoticComponent<React.ForwardRefExoticComponent<FloatingLabelInputProps & React.RefAttributes<HTMLInputElement>>>;
+export interface FloatingLabelInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'sufix'> {
+    prefix?: React.ReactNode;
+    sufix?: React.ReactNode;
+    label?: string;
+    showLabel?: boolean;
+    className?: string;
+    textArea?: false;
+}

package/dist/Forms/FloatingLabelInput/FloatingLabelInput.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Forms/FloatingLabelInput/FloatingLabelInput.stories.d.ts

@@ -0,0 +1,10 @@
+import { FloatingLabelInputProps } from './FloatingLabelInput';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputProps>;
+export declare const Error: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputProps>;
+export declare const Prefix: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputProps>;
+export declare const IconPrefix: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputProps>;
+export declare const Sufix: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputProps>;
+export declare const IconSufix: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputProps>;
+export declare const WithBoth: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputProps>;

package/dist/Forms/FloatingLabelInput/index.d.ts

@@ -0,0 +1 @@
+export * from './FloatingLabelInput';

package/dist/Forms/FloatingLabelInputCurrency/FloatingLabelInputCurrency.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import { defaultIntlConfig } from '../InputCurrency/utils';
+export declare const FloatingLabelInputCurrency: React.MemoExoticComponent<React.ForwardRefExoticComponent<FloatingLabelInputCurrencyProps & React.RefAttributes<HTMLInputElement>>>;
+export interface FloatingLabelInputCurrencyProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'sufix' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyPress'> {
+    prefix?: React.ReactNode;
+    sufix?: React.ReactNode;
+    label?: string;
+    showLabel?: boolean;
+    /** Currency to format value to
+     * @default 'BRL'
+     * */
+    currency?: keyof typeof defaultIntlConfig;
+    /** Max value allowed
+     * @default 1000000000000000
+     * */
+    max?: number | string;
+    /** Custom Intl config
+     * @deprecated Don't use, component already has its default config
+     * */
+    config?: any;
+    /** Should auto focus
+     * @default false
+     * */
+    autoFocus?: boolean;
+    /** Should auto select
+     * @default false
+     * */
+    autoSelect?: boolean;
+    /** Should auto reset
+     * @default false
+     * */
+    autoReset?: boolean;
+    /**
+     * onChange with additional params: (event, value, maskedValue)
+     * */
+    onChange?: (arg0: InputEvent, arg1: string | number, arg2: string | number) => void;
+    /**
+     * onBlur with additional params: (event, value, maskedValue)
+     * */
+    onBlur?: (arg0: InputEvent, arg1: string | number, arg2: string | number) => void;
+    /**
+     * onFocus with additional params: (event, value, maskedValue)
+     * */
+    onFocus?: (arg0: InputEvent, arg1: string | number, arg2: string | number) => void;
+    /**
+     * onKeyPress with additional params: (event, key, keyCode)
+     * */
+    onKeyPress?: (arg0: InputEvent, arg1: string | number, arg2: string | number) => void;
+}

package/dist/Forms/FloatingLabelInputCurrency/FloatingLabelInputCurrency.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Forms/FloatingLabelInputCurrency/FloatingLabelInputCurrency.stories.d.ts

@@ -0,0 +1,10 @@
+import { FloatingLabelInputCurrencyProps } from './FloatingLabelInputCurrency';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputCurrencyProps>;
+export declare const Error: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputCurrencyProps>;
+export declare const Prefix: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputCurrencyProps>;
+export declare const IconPrefix: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputCurrencyProps>;
+export declare const Sufix: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputCurrencyProps>;
+export declare const IconSufix: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputCurrencyProps>;
+export declare const WithBoth: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputCurrencyProps>;

package/dist/Forms/FloatingLabelInputCurrency/index.d.ts

@@ -0,0 +1 @@
+export * from './FloatingLabelInputCurrency';

package/dist/Forms/FloatingLabelInputMask/FloatingLabelInputMask.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { MaskedInputProps as ReactMaskedInputProps } from 'react-text-mask';
+import { FloatingLabelInputProps } from '../FloatingLabelInput/FloatingLabelInput';
+import { formatValuePatterns } from '../InputMask/utils';
+export declare const FloatingLabelInputMask: React.ForwardRefExoticComponent<FloatingLabelInputMaskProps & React.RefAttributes<HTMLInputElement>>;
+export interface FloatingLabelInputMaskProps extends FloatingLabelInputProps {
+    /**
+     * Predefined masks. When used, will replace passed `mask` attr
+     * */
+    formatValue?: keyof typeof formatValuePatterns;
+    mask?: ReactMaskedInputProps['mask'];
+    guide?: ReactMaskedInputProps['guide'];
+    placeholderChar?: ReactMaskedInputProps['placeholderChar'];
+    keepCharPositions?: ReactMaskedInputProps['keepCharPositions'];
+    pipe?: ReactMaskedInputProps['pipe'];
+    showMask?: ReactMaskedInputProps['showMask'];
+}
+export declare type FloatingLabelInputMaskType = ReactMaskedInputProps['mask'];

package/dist/Forms/FloatingLabelInputMask/FloatingLabelInputMask.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Forms/FloatingLabelInputMask/FloatingLabelInputMask.stories.d.ts

@@ -0,0 +1,19 @@
+import { FloatingLabelInputMaskProps } from './FloatingLabelInputMask';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputMaskProps>;
+export declare const Error: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputMaskProps>;
+export declare const Prefix: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputMaskProps>;
+export declare const IconPrefix: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputMaskProps>;
+export declare const Sufix: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputMaskProps>;
+export declare const IconSufix: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputMaskProps>;
+export declare const WithBoth: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputMaskProps>;
+export declare const OnlyNumbers: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputMaskProps>;
+export declare const OnlyText: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputMaskProps>;
+export declare const ZipCode: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputMaskProps>;
+export declare const Nfe: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputMaskProps>;
+export declare const Phone: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputMaskProps>;
+export declare const Cellphone: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputMaskProps>;
+export declare const PhoneOrCellphone: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputMaskProps>;
+export declare const CPF: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputMaskProps>;
+export declare const CNPJ: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FloatingLabelInputMaskProps>;

package/dist/Forms/FloatingLabelInputMask/index.d.ts

@@ -0,0 +1 @@
+export * from './FloatingLabelInputMask';

package/dist/Forms/index.d.ts

@@ -7,3 +7,6 @@ export * from './Select';
 export * from './Toggle';
 export * from './Dropdown';
 export * from './Checkbox';
+export * from './FloatingLabelInput';
+export * from './FloatingLabelInputMask';
+export * from './FloatingLabelInputCurrency';

package/dist/Icons/icons-path/Camera.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Camera: () => JSX.Element;

package/dist/Icons/icons-path/Lightbulb.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Lightbulb: () => JSX.Element;

package/dist/Icons/icons-path/Nav.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Nav: () => JSX.Element;

package/dist/Icons/icons-path/ShoppingCart.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ShoppingCart: () => JSX.Element;

package/dist/Icons/icons-path/index.d.ts

@@ -17,6 +17,7 @@ export declare const icons: {
     blog: () => JSX.Element;
     bullhorn: () => JSX.Element;
     calendarAlt: () => JSX.Element;
+    camera: () => JSX.Element;
     check: () => JSX.Element;
     cog: () => JSX.Element;
     copy: () => JSX.Element;
@@ -35,14 +36,17 @@ export declare const icons: {
     halfBack: () => JSX.Element;
     home: () => JSX.Element;
     image: () => JSX.Element;
+    lightbulb: () => JSX.Element;
     moneyBill: () => JSX.Element;
     move: () => JSX.Element;
+    nav: () => JSX.Element;
     order: () => JSX.Element;
     pagali: () => JSX.Element;
     paperList: () => JSX.Element;
     pieChart: () => JSX.Element;
     plusCircle: () => JSX.Element;
     print: () => JSX.Element;
+    shoppingCart: () => JSX.Element;
     infoCircle: () => JSX.Element;
     link: () => JSX.Element;
     loading: () => JSX.Element;

package/dist/Indicators/InformationBox/InformationBox.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IconProps } from '../../Icons';
+declare type InformationBoxTypesOptions = 'tip' | 'warning' | 'danger';
+declare const InformationBoxTypes: Record<InformationBoxTypesOptions, {
+    title: string;
+    class: string;
+    icon: IconProps['icon'];
+    iconClass: string;
+}>;
+export declare const InformationBox: React.MemoExoticComponent<({ type, subtitle, }: InformationBoxProps) => JSX.Element>;
+export interface InformationBoxProps {
+    /** InformationBox color
+     * @default info
+     * */
+    type?: keyof typeof InformationBoxTypes;
+    /**
+     * @default true
+     */
+    title?: string | React.ReactNode;
+    /**
+     * InformationBox text below title
+     */
+    subtitle?: string | React.ReactNode;
+}
+export {};

package/dist/Indicators/InformationBox/InformationBox.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Indicators/InformationBox/InformationBoxt.stories.d.ts

@@ -0,0 +1,4 @@
+import { InformationBoxProps } from './InformationBox';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, InformationBoxProps>;

package/dist/Indicators/InformationBox/index.d.ts

@@ -0,0 +1 @@
+export * from './InformationBox';

package/dist/Indicators/index.d.ts

@@ -4,3 +4,4 @@ export * from './Tag';
 export * from './Toast';
 export * from './Badge';
 export * from './Tooltip';
+export * from './InformationBox';