@zealicsolutions/web-ui 0.0.1 → 0.0.3

package/dist/index.d.ts

@@ -0,0 +1,213 @@
+/// <reference types="react" />
+import { Callback, StylesType } from 'typescript';
+import * as react from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
+import * as styled_components from 'styled-components';
+import { CSSProperties } from 'styled-components';
+import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
+import { InputFieldTypes } from 'fieldsConfiguration/types';
+import { SizesTypes as SizesTypes$1, ThemeColors as ThemeColors$1 } from 'theme/types';
+import { SizesTypes as SizesTypes$2, ThemeColors as ThemeColors$2 } from 'theme';
+import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
+
+declare type BaseButtonProps = {
+    onClick?: Callback;
+    variant?: 'primary' | 'secondary';
+    disabled?: boolean;
+    fullWidth?: boolean;
+};
+declare type ButtonProps = BaseButtonProps & {
+    fullWidth?: boolean;
+    text?: string;
+    loading?: boolean;
+};
+declare const Button: ({ text, onClick, loading, disabled, variant, fullWidth, }: ButtonProps) => JSX.Element;
+
+declare type TouchableOpacityProps = PropsWithChildren<{
+    activeOpacity?: number;
+    withoutOpacityEffect?: boolean;
+    disabled?: boolean;
+}>;
+declare const TouchableOpacity: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: react.ReactNode;
+}, never>;
+
+declare type CheckBoxProps = {
+    value: boolean;
+    onClick: (value: boolean) => void;
+    disabled?: boolean;
+    error?: boolean;
+    label?: string;
+};
+declare const Checkbox: ({ label, onClick, value, disabled, error }: CheckBoxProps) => JSX.Element;
+
+declare type SelectOption = {
+    id: string;
+    label: string;
+};
+declare type SelectProps = {
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    options: SelectOption[];
+    isError?: boolean;
+    isEditMode?: boolean;
+};
+
+declare const Select: ({ onChange, value, placeholder, options, disabled, isError, }: SelectProps) => JSX.Element;
+
+declare type InputIconProps = {
+    name: IconNames$1;
+    onClick?: Callback;
+};
+declare type InputProps = {
+    value?: string;
+    leftIcon?: InputIconProps;
+    rightIcon?: InputIconProps;
+    onBlur?: Callback;
+    type?: InputFieldTypes;
+    placeholder?: string;
+    disabled?: boolean;
+    isEditMode?: boolean;
+    isError?: boolean;
+    maxLength?: number;
+    onChange?: (value: string) => void;
+};
+declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, ...rest }: InputProps) => JSX.Element;
+
+declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
+declare type TextWrapperProps = {
+    children: ReactNode;
+    variant: SizesTypes$1;
+    layout?: 'div' | 'span';
+    type?: TextTypes;
+    styles?: StylesType;
+    color?: ThemeColors$1 | string;
+};
+declare const TextWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, TextWrapperProps, never>;
+
+declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning';
+declare type SizesTypes = '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
+
+declare type IconProps = {
+    name: IconNames;
+    size?: number;
+    color?: ThemeColors | string;
+    pointerEvents?: 'auto' | 'none';
+};
+declare const availableIcons: {
+    CaretDown: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
+    CaretUp: ({ color, ...props }: Omit<IconProps, "name">) => JSX.Element;
+    Filter: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Check: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Info: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    View: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
+    Hide: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
+    Close: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Minus: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    InfoBoxIcon: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
+    Warning: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Bell: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Mobile: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Mail: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+};
+declare type IconNames = keyof typeof availableIcons;
+declare const Icon: ({ name, color, ...props }: IconProps) => JSX.Element;
+
+declare type SpacerProps = {
+    width?: SizesTypes$2 | number;
+    height?: SizesTypes$2 | number;
+    layout?: 'div' | 'span';
+};
+declare const Spacer: styled_components.StyledComponent<"div", styled_components.DefaultTheme, SpacerProps, never>;
+
+declare const Spinner: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
+    color?: ThemeColors$1 | undefined;
+    size?: SizesTypes$1 | undefined;
+}, never>;
+
+declare type ImageProps = {
+    src: string;
+    alt?: string;
+    styles?: CSSProperties;
+};
+declare const Image: (props: ImageProps) => JSX.Element;
+
+declare type LinkButtonProps = PropsWithChildren<{
+    activeOpacity?: number;
+    withoutOpacityEffect?: boolean;
+    disabled?: boolean;
+    onClick?: Callback;
+}>;
+declare const LinkButton: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+    onClick?: Callback | undefined;
+}, never>;
+
+declare type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
+declare type ValidationTagProps = {
+    status: ValidationTagStatus;
+    text: string;
+};
+declare const ValidationTag: ({ text, status }: ValidationTagProps) => JSX.Element;
+
+declare type TooltipProps = Pick<TooltipProps$1, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'>;
+declare const StyleWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
+declare const Tooltip: ({ trigger, placement, ...props }: TooltipProps) => JSX.Element;
+
+declare type ToastType = 'success' | 'infoTierOne' | 'infoTierTwo' | 'warning' | 'error';
+declare type ToastParams = {
+    message: string;
+    type?: ToastType;
+    duration?: number;
+};
+
+declare const toast: ({ message, type, duration }: ToastParams) => void | undefined;
+
+declare type AvatarProps = {
+    size?: SizesTypes | number;
+    withShadow?: boolean;
+    label?: string;
+    backgroundColor?: ThemeColors;
+    textConfig?: {
+        color?: ThemeColors;
+        font?: SizesTypes;
+    };
+    content: {
+        initials?: string;
+        iconName?: IconNames;
+        imageUrl?: string;
+    };
+    onPress?: Callback;
+};
+declare const Avatar: ({ size, withShadow, label, backgroundColor, onPress, content: { initials, iconName, imageUrl }, textConfig: { color, font }, }: AvatarProps) => JSX.Element;
+
+declare type HorizontalPaddingProps = {
+    padding: SizesTypes$2 | number;
+};
+declare const HorizontalPadding: styled_components.StyledComponent<"div", styled_components.DefaultTheme, HorizontalPaddingProps, never>;
+declare const VerticalPadding: styled_components.StyledComponent<"div", styled_components.DefaultTheme, HorizontalPaddingProps, never>;
+
+declare type DividerProps = {
+    type?: 'horizontal' | 'vertical';
+    color?: ThemeColors$2 | string;
+    marginVertical?: SizesTypes$2 | number;
+    marginHorizontal?: SizesTypes$2 | number;
+    weight?: number;
+};
+declare const Divider: styled_components.StyledComponent<"div", styled_components.DefaultTheme, DividerProps, never>;
+
+export { Avatar, AvatarProps, BaseButtonProps, Button, ButtonProps, CheckBoxProps, Checkbox, Divider, DividerProps, HorizontalPadding, HorizontalPaddingProps, Icon, IconNames, IconProps, Image, ImageProps, Input, InputIconProps, InputProps, LinkButton, LinkButtonProps, Select, Spacer, SpacerProps, Spinner, StyleWrapper, TextTypes, TextWrapper, TextWrapperProps, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, toast };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"
@@ -15,7 +15,11 @@
   "files": [
     "dist"
   ],
-  "types": "dist/index.d.ts",
+  "types": "dist/**/index.d.ts",
+  "moduleNameMapper": {
+    "^@zealicsolutions/web-ui/(.*)$": "<rootDir>/dist/$1",
+    "^@zealicsolutions/web-ui$": "<rootDir>/dist/index.ts"
+  },
   "scripts": {
     "build": "npm run clean && rollup -c",
     "test": "jest",