@adoptaunabuelo/react-components 0.1.9 → 0.1.11

package/dist/index.d.ts

@@ -1,23 +1,24 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React, { ComponentPropsWithoutRef } from 'react';
+import react, { ComponentPropsWithoutRef, ComponentPropsWithRef, CSSProperties, ReactElement } from 'react';
+import { CSSProperties as CSSProperties$1 } from 'styled-components';
 
-declare const BreadCrumb: ({ steps, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
+declare const BreadCrumb: ({ steps, ...props }: Props$7) => react_jsx_runtime.JSX.Element;
 
-interface Props$4 extends ComponentPropsWithoutRef<"div"> {
+interface Props$7 extends ComponentPropsWithoutRef<"div"> {
     selectedStep?: number;
     steps: number;
 }
 
-declare const Text: (props: Props$3) => react_jsx_runtime.JSX.Element;
+declare const Text: (props: Props$6) => react_jsx_runtime.JSX.Element;
 
-interface Props$3 extends ComponentPropsWithoutRef<"p"> {
+interface Props$6 extends ComponentPropsWithoutRef<"p"> {
     type: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'p2' | 'c1' | 'c2';
     weight?: 'semibold' | 'medium' | 'regular';
 }
 
-declare const ProgressBar: (props: Props$2) => react_jsx_runtime.JSX.Element;
+declare const ProgressBar: (props: Props$5) => react_jsx_runtime.JSX.Element;
 
-interface Props$2 extends ComponentPropsWithoutRef<"div"> {
+interface Props$5 extends ComponentPropsWithoutRef<"div"> {
     progress: number | Array<{
         value: number;
         color?: string;
@@ -29,21 +30,21 @@ interface Props$2 extends ComponentPropsWithoutRef<"div"> {
     animationDelay?: number;
 }
 
-declare const FeedBack: ({ type, isVisible, ...props }: Props$1) => react_jsx_runtime.JSX.Element | null;
+declare const FeedBack: ({ type, isVisible, ...props }: Props$4) => react_jsx_runtime.JSX.Element | null;
 
-interface Props$1 extends ComponentPropsWithoutRef<"div"> {
+interface Props$4 extends ComponentPropsWithoutRef<"div"> {
     isVisible: boolean;
     type: 'success' | 'error';
     text: string;
     onClose?: () => void;
 }
 
-declare const Button: (props: Props) => react_jsx_runtime.JSX.Element;
+declare const Button: (props: Props$3) => react_jsx_runtime.JSX.Element;
 
-interface Props extends ComponentPropsWithoutRef<"button"> {
+interface Props$3 extends ComponentPropsWithoutRef<"button"> {
     design?: 'primary' | 'secondary' | 'text' | 'image' | 'call-to-action';
     size?: 'small' | 'normal';
-    icon?: React.ReactElement;
+    icon?: react.ReactElement;
     iconPosition?: 'left' | 'right';
     loading?: boolean;
     disabled?: boolean;
@@ -54,6 +55,50 @@ interface Props extends ComponentPropsWithoutRef<"button"> {
     onSuccess?: (success: boolean) => void;
 }
 
+interface InputStyledProps extends ComponentPropsWithRef<"input"> {
+    type?: 'text' | 'tel' | 'email' | 'date' | 'password' | 'range' | 'time' | 'number';
+    hideCalendar?: boolean;
+}
+
+declare const Input: (props: Props$2) => react_jsx_runtime.JSX.Element;
+
+interface Props$2 extends InputStyledProps {
+    containerStyle?: CSSProperties;
+    icon?: ReactElement;
+    error?: string | undefined;
+    lineColor?: string;
+    thumbColor?: string;
+    min?: number;
+    max?: number;
+    unit?: string;
+    hideRange?: boolean;
+    country?: string;
+    design?: 'primary' | 'secondary';
+    onPhoneChange?: (item: any) => void;
+}
+
+declare const Select: (props: Props$1) => react_jsx_runtime.JSX.Element;
+
+interface Props$1 extends ComponentPropsWithoutRef<"div"> {
+    id: string;
+    optionStyle?: CSSProperties$1;
+    hideTitle?: boolean;
+    options: Array<OptionProps>;
+    selectedItem?: OptionProps;
+    onChange?: (option: any) => void;
+}
+interface OptionProps {
+    icon?: React.ReactElement;
+    label: string;
+}
+
+declare const SearchBar: (props: Props) => react_jsx_runtime.JSX.Element;
+
+interface Props extends ComponentPropsWithoutRef<"input"> {
+    type?: "big" | "small";
+    design?: 'primary' | 'secondary';
+}
+
 declare const Color: {
     background: {
         primary: string;
@@ -147,4 +192,4 @@ declare const Color: {
     };
 };
 
-export { BreadCrumb, Button, Color, FeedBack as Feedback, ProgressBar, Text };
+export { BreadCrumb, Button, Color, FeedBack as Feedback, Input, ProgressBar, SearchBar, Select, Text };

package/package.json

@@ -1,41 +1,44 @@
 {
   "name": "@adoptaunabuelo/react-components",
-  "version": "0.1.9",
+  "version": "0.1.11",
+  "homepage": "https://github.com/Adopta-Un-Abuelo/react-components",
   "author": "Guillermo Angeles <guilleangeles94@gmail.com>",
   "private": false,
+  "description": "A simple, customizable, and accessible library of React components",
+  "keywords": [
+    "react",
+    "components"
+  ],
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "files": [
     "dist"
   ],
   "types": "dist/index.d.ts",
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/chromaui/intro-storybook-react-template.git"
-  },
-  "bugs": {
-    "url": "https://github.com/chromaui/intro-storybook-react-template/issues"
-  },
   "license": "MIT",
   "dependencies": {
     "@lottiefiles/react-lottie-player": "^3.5.3",
+    "country-flag-icons": "^1.5.7",
+    "fuse.js": "^6.6.2",
+    "google-libphonenumber": "^3.2.32",
     "lucide-react": "^0.219.0",
     "styled-components": "^5.3.10",
-    "styled-media-query": "^2.1.2",
-    "typescript": "^5.0.4"
+    "styled-media-query": "^2.1.2"
   },
   "scripts": {
     "dev": "vite",
     "build": "rollup -c",
     "release": "auto shipit --base-branch=main",
-    "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
+    "prepare": "npm run build",
     "build-storybook": "storybook build",
     "test-storybook": "test-storybook",
     "init-msw": "msw init public/",
     "chromatic": "npx chromatic --project-token=chpt_0dcfdd1e76a01ba"
   },
+  "peerDependencies": {
+    "react": "^18.2.0"
+  },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^22.0.1",
     "@rollup/plugin-json": "^4.1.0",
@@ -43,7 +46,7 @@
     "@rollup/plugin-replace": "^4.0.0",
     "@rollup/plugin-typescript": "^8.3.4",
     "@storybook/addon-essentials": "^7.0.12",
-    "@storybook/addon-interactions": "^7.0.12",
+    "@storybook/addon-interactions": "^7.0.15",
     "@storybook/addon-links": "^7.0.12",
     "@storybook/blocks": "^7.0.12",
     "@storybook/jest": "^0.1.0",
@@ -52,6 +55,7 @@
     "@storybook/test-runner": "^0.10.0",
     "@storybook/testing-library": "^0.1.0",
     "@svgr/rollup": "^6.3.1",
+    "@types/google-libphonenumber": "^7.4.23",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
     "@types/styled-components": "^5.1.26",
@@ -72,15 +76,38 @@
     "rollup-plugin-svg": "^2.0.0",
     "rollup-plugin-terser": "^7.0.2",
     "storybook": "^7.0.12",
+    "typescript": "^5.0.4",
     "vite": "^4.2.0"
   },
-  "homepage": "https://github.com/Adopta-Un-Abuelo/react-components",
-  "description": "A simple, customizable, and accessible library of React components",
-  "keywords": [
-    "react",
-    "components"
-  ],
   "engines": {
     "node": "16"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ],
+    "overrides": [
+      {
+        "files": [
+          "**/*.stories.*"
+        ],
+        "rules": {
+          "import/no-anonymous-default-export": "off"
+        }
+      }
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
   }
 }