@integrigo/integrigo-ui 1.6.1 → 1.6.4

package/.eslintignore

@@ -0,0 +1,3 @@
+node_modules
+lib
+!.storybook

package/.eslintrc

@@ -0,0 +1,59 @@
+
+ {
+   "env": {
+    "browser": true,
+    "node": true,
+    "jest/globals": true,
+    "es6": true
+   },
+   "root": true,
+   "parser": "@typescript-eslint/parser",
+   "plugins": [
+     "jest",
+     "react",
+     "react-hooks",
+     "@typescript-eslint",
+     "import"
+   ],
+   "extends": [
+     "airbnb-typescript",
+     "plugin:jest/recommended",
+     "plugin:react/recommended",
+     "plugin:react-hooks/recommended",
+     "plugin:@typescript-eslint/recommended",
+     "plugin:storybook/recommended",
+     "plugin:import/recommended"
+   ],
+   "parserOptions": {
+     "project": "./tsconfig.json"
+   },
+   "overrides": [
+    {
+      "files": ["**/*.tsx", "**/*.ts"],
+      "rules": {
+        "react/require-default-props": "off",
+        "react/prop-types": "off", // we should use types
+        "react/forbid-prop-types": "off" // we should use types
+      }
+    },
+    {
+      "files": ["**/*.d.ts"],
+      "rules": {
+        "vars-on-top": "off",
+        "no-var": "off", // this is how typescript works
+        "spaced-comment": "off"
+      }
+    }
+  ],
+   "rules": {
+     "react/jsx-props-no-spreading": "off",
+     "@typescript-eslint/no-use-before-define": "off",
+     "import/prefer-default-export": "off",
+     "import/no-extraneous-dependencies": [
+       "error",
+       {
+         "devDependencies": true
+      }
+    ]
+   }
+ }

package/jest.config.js

@@ -19,6 +19,6 @@ module.exports = {
   },
   testEnvironment: 'jsdom',
   setupFilesAfterEnv: [
-    './jest.setup.ts'
+    './jest.setup'
   ]
 }

package/jest.setup.ts

@@ -1 +1 @@
-import '@testing-library/jest-dom'
+import '@testing-library/jest-dom';

package/lib/components/atoms/Avatar/Avatar.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+declare type AvatarProps = {
+    src: string;
+    alt: string;
+    size?: "s" | "m" | "l" | "xl" | "xxl";
+};
+export declare const Avatar: React.FC<AvatarProps>;
+export {};

package/lib/components/atoms/Avatar/Avatar.test.d.ts

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

package/lib/components/atoms/Avatar/index.d.ts

@@ -0,0 +1 @@
+export { Avatar } from './Avatar';

package/lib/components/atoms/Divider/Divider.d.ts

@@ -0,0 +1,5 @@
+declare type DividerProps = {
+    variant?: "orange" | "navy" | "white";
+};
+export declare const Divider: import("styled-components").StyledComponent<"div", any, DividerProps, never>;
+export {};

package/lib/components/atoms/Divider/index.d.ts

@@ -0,0 +1 @@
+export { Divider } from "./Divider";

package/lib/components/atoms/Icon/Icon.d.ts

@@ -3,11 +3,15 @@ export declare const iconHashMap: {
     "angle-down": React.FCS<{}>;
     bars: React.FCS<{}>;
     "check-circle": React.FCS<{}>;
+    "check-square": React.FCS<{}>;
+    "clipboad-notes": React.FCS<{}>;
     close: React.FCS<{}>;
+    "dice-five": React.FCS<{}>;
     envelope: React.FCS<{}>;
     "exclamation-circle": React.FCS<{}>;
     "exclamation-triangle": React.FCS<{}>;
     facebook: React.FCS<{}>;
+    home: React.FCS<{}>;
     instagram: React.FCS<{}>;
     linkedin: React.FCS<{}>;
     minus: React.FCS<{}>;
@@ -15,7 +19,9 @@ export declare const iconHashMap: {
     plus: React.FCS<{}>;
     process: React.FCS<{}>;
     redo: React.FCS<{}>;
+    setting: React.FCS<{}>;
     "user-circle": React.FCS<{}>;
+    users: React.FCS<{}>;
 };
 export declare type IconType = keyof typeof iconHashMap;
 declare type IconProps = React.SVGProps<SVGSVGElement> & {

package/lib/components/atoms/Icon/icons/ChechSquare.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const CheckSquare: React.FCS;
+export default CheckSquare;

package/lib/components/atoms/Icon/icons/ClipboardNotes.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ClipboardNotes: React.FCS;
+export default ClipboardNotes;

package/lib/components/atoms/Icon/icons/DiceFive.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const DiceFive: React.FCS;
+export default DiceFive;

package/lib/components/atoms/Icon/icons/Home.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Home: React.FCS;
+export default Home;

package/lib/components/atoms/Icon/icons/Setting.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Setting: React.FCS;
+export default Setting;

package/lib/components/atoms/Icon/icons/Users.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Users: React.FCS;
+export default Users;

package/lib/components/atoms/Pill/Pill.d.ts

@@ -1,5 +1,4 @@
-interface PillProps {
+export interface PillProps {
     variant: 'orange' | 'green' | 'red';
 }
 export declare const Pill: import("styled-components").StyledComponent<"div", any, PillProps, never>;
-export {};

package/lib/components/atoms/index.d.ts

@@ -1,5 +1,7 @@
 export { Alert } from './Alert';
+export { Avatar } from './Avatar';
 export { Card } from './Card';
+export { Divider } from './Divider';
 export { Icon } from './Icon';
 export { Pill } from './Pill';
 export { Typography } from './Typography';

package/lib/components/molecules/Button/BasicButton.d.ts

@@ -30,5 +30,6 @@ export declare const BasicButton: import("styled-components").StyledComponent<"d
     direction?: "rtl" | "ltr" | undefined;
     ghost?: boolean | undefined;
     disabled?: boolean | undefined;
+    loading?: boolean | undefined;
     sizeVariant: "xl" | "l" | "m" | "s";
 }, never>;

package/lib/components/molecules/Button/Button.d.ts

@@ -6,6 +6,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     icon?: IconType;
     direction?: "rtl" | "ltr";
     size?: "xl" | "l" | "m" | "s";
+    loading?: boolean;
     onIconClick?: () => void;
 }
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/lib/components/molecules/Button/Button.test.d.ts

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

package/lib/components/molecules/Button/Ghost.d.ts

@@ -8,6 +8,7 @@ export declare const Ghost: import("styled-components").StyledComponent<"div", a
     direction?: "ltr" | "rtl" | undefined;
     ghost?: boolean | undefined;
     disabled?: boolean | undefined;
+    loading?: boolean | undefined;
     sizeVariant: "s" | "xl" | "l" | "m";
 } & {
     direction?: "ltr" | "rtl" | undefined;

package/lib/components/molecules/Button/Primary.d.ts

@@ -2,5 +2,6 @@ export declare const Primary: import("styled-components").StyledComponent<"div",
     direction?: "ltr" | "rtl" | undefined;
     ghost?: boolean | undefined;
     disabled?: boolean | undefined;
+    loading?: boolean | undefined;
     sizeVariant: "s" | "xl" | "l" | "m";
 }, never>;

package/lib/components/molecules/Input/Input.d.ts

@@ -13,7 +13,7 @@ export declare type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement
 export declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & FieldProps<any, any> & {
     label?: string | undefined;
     validationType?: ValidationType | undefined;
-    icon?: "angle-down" | "bars" | "check-circle" | "close" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "facebook" | "instagram" | "linkedin" | "minus" | "phone" | "plus" | "process" | "redo" | "user-circle" | undefined;
+    icon?: "angle-down" | "bars" | "check-circle" | "check-square" | "clipboad-notes" | "close" | "dice-five" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "facebook" | "home" | "instagram" | "linkedin" | "minus" | "phone" | "plus" | "process" | "redo" | "setting" | "user-circle" | "users" | undefined;
     size?: "xl" | "l" | "m" | "s" | undefined;
     direction?: "ltr" | "rtl" | undefined;
     onIconClick?: (() => void) | undefined;

package/lib/components/molecules/Profile/Profile.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Avatar } from "../../atoms";
+declare type ProfileProps = React.ComponentProps<typeof Avatar> & {
+    name: string;
+    children?: React.ReactNode;
+};
+export declare const Profile: React.FC<ProfileProps>;
+export {};

package/lib/components/molecules/Profile/Profile.test.d.ts

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

package/lib/components/molecules/Profile/index.d.ts

@@ -0,0 +1 @@
+export { Profile } from './Profile';

package/lib/components/molecules/index.d.ts

@@ -5,3 +5,4 @@ export { Button } from "./Button";
 export { Checkbox } from "./Checkbox";
 export { Dropdown } from "./Dropdown";
 export { Radio } from "./Radio";
+export { Profile } from "./Profile";

package/lib/components/organisms/Menu/Menu.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { MenuItem } from './MenuItem';
+export interface MenuStaticProps {
+    Item: typeof MenuItem;
+}
+export interface MenuProps {
+    children: React.ReactNode;
+}
+declare const MenuWithStatic: React.FC<MenuProps> & {
+    Item: React.FC<import("./MenuItem").MenuItemProps>;
+};
+export { MenuWithStatic as Menu };

package/lib/components/organisms/Menu/MenuItem.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { IconType } from "../../atoms/Icon";
+export interface MenuItemProps {
+    active?: boolean;
+    label: string;
+    icon: IconType;
+}
+export declare const MenuItem: React.FC<MenuItemProps>;
+export declare const Root: import("styled-components").StyledComponent<"div", any, Pick<MenuItemProps, "active">, never>;

package/lib/components/organisms/Menu/index.d.ts

@@ -0,0 +1 @@
+export { Menu } from './Menu';

package/lib/components/organisms/index.d.ts

@@ -0,0 +1 @@
+export { Menu } from './Menu';

package/lib/index.d.ts

@@ -1,3 +1,4 @@
-export { Alert, Card, Icon, Nav, Pill, Typography, Spinner, } from "./components/atoms";
-export { InfoCard, Input, TextArea, Button, Checkbox, Dropdown, Radio } from "./components/molecules";
+export { Alert, Avatar, Card, Divider, Icon, Nav, Pill, Typography, Spinner, } from "./components/atoms";
+export { InfoCard, Input, TextArea, Button, Checkbox, Dropdown, Profile, Radio, } from "./components/molecules";
+export { Menu } from "./components/organisms";
 export { GlobalStyles as IntegrigoUI, Color } from "./styles";