@trii/components 2.0.3

package/dist/esm/types/components/ContactInfoPopup/ContactInfoPopup.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { IContact } from '@trii/types/dist/Contacts';
+export interface ContactInfoPopupProps {
+    open: boolean;
+    anchorEl: HTMLElement | null;
+    onClose: () => void;
+    t?: (key: string) => string;
+    contactData?: IContact;
+    avatarImgUrl?: string;
+    handleNavigateToContacts?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+declare const ContactInfoPopup: ({ open, anchorEl, onClose, contactData, avatarImgUrl, handleNavigateToContacts, t, }: ContactInfoPopupProps) => import("react/jsx-runtime").JSX.Element;
+export default ContactInfoPopup;

package/dist/esm/types/components/ContactInfoPopup/components/ContactMethod/ContactMethod.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IContactAddress } from '@trii/types/dist/Contacts';
+interface ContactProps {
+    contactList: IContactAddress[];
+    title?: string;
+    showTitle?: boolean;
+    icon: React.ReactNode;
+}
+declare const ContactMethod: ({ icon, contactList, title, showTitle, }: ContactProps) => import("react/jsx-runtime").JSX.Element;
+export default ContactMethod;

package/dist/esm/types/components/ContactInfoPopup/components/ContactMethod/index.d.ts

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

package/dist/esm/types/components/ContactInfoPopup/components/Header/Header.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+type HeaderProps = {
+    imgUrl: string | undefined;
+    name: string | undefined;
+    contactId: string | undefined;
+    t: (key: string) => string;
+    handleNavigateToContacts: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | undefined;
+};
+declare const Header: ({ handleNavigateToContacts, imgUrl, name, contactId, t, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default Header;

package/dist/esm/types/components/ContactInfoPopup/components/Header/index.d.ts

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

package/dist/esm/types/components/ContactInfoPopup/components/Properties/Properties.d.ts

@@ -0,0 +1,7 @@
+import { Property } from '@trii/types/dist/Contacts';
+interface Props {
+    properties: Property[] | undefined;
+    title: string;
+}
+declare const Properties: ({ properties, title }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Properties;

package/dist/esm/types/components/ContactInfoPopup/components/Properties/index.d.ts

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

package/dist/esm/types/components/ContactInfoPopup/components/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Header } from './Header';
+export { default as ContactMethod } from './ContactMethod';
+export { default as Properties } from './Properties';

package/dist/esm/types/components/ContactInfoPopup/index.d.ts

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

package/dist/esm/types/components/TextBox/TestBox.d.ts

@@ -0,0 +1,8 @@
+export interface TestBoxProps {
+    /**
+     * Color of the box background
+     */
+    bgColor?: 'red' | 'blue' | 'green';
+}
+declare const TestBox: ({ bgColor }: TestBoxProps) => import("react/jsx-runtime").JSX.Element;
+export default TestBox;

package/dist/esm/types/components/TextBox/index.d.ts

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

package/dist/esm/types/components/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TestBox } from './TextBox';
+export { default as ContactInfoPopup } from './ContactInfoPopup';

package/dist/esm/types/index.d.ts

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

package/dist/index.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IContact } from '@trii/types/dist/Contacts';
+
+interface TestBoxProps {
+    /**
+     * Color of the box background
+     */
+    bgColor?: 'red' | 'blue' | 'green';
+}
+declare const TestBox: ({ bgColor }: TestBoxProps) => react_jsx_runtime.JSX.Element;
+
+interface ContactInfoPopupProps {
+    open: boolean;
+    anchorEl: HTMLElement | null;
+    onClose: () => void;
+    t?: (key: string) => string;
+    contactData?: IContact;
+    avatarImgUrl?: string;
+    handleNavigateToContacts?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+declare const ContactInfoPopup: ({ open, anchorEl, onClose, contactData, avatarImgUrl, handleNavigateToContacts, t, }: ContactInfoPopupProps) => react_jsx_runtime.JSX.Element;
+
+export { ContactInfoPopup, TestBox };

package/package.json

@@ -0,0 +1,99 @@
+{
+  "name": "@trii/components",
+  "version": "2.0.3",
+  "description": "Trii components package",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "rollup -c --watch",
+    "build": "rollup -c",
+    "test": "jest --watchAll --verbose",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "author": "Ezequiel",
+  "license": "MIT",
+  "babel": {
+    "sourceType": "unambiguous",
+    "presets": [
+      [
+        "@babel/preset-env",
+        {
+          "targets": {
+            "chrome": 100,
+            "safari": 15,
+            "firefox": 91
+          }
+        }
+      ],
+      [
+        "@babel/preset-react",
+        {
+          "runtime": "automatic"
+        }
+      ],
+      "@babel/preset-typescript"
+    ]
+  },
+  "postcss": {
+    "plugins": {
+      "postcss-import": {}
+    }
+  },
+  "devDependencies": {
+    "@babel/core": "^7.23.0",
+    "@babel/preset-env": "^7.22.20",
+    "@babel/preset-react": "^7.22.15",
+    "@babel/preset-typescript": "^7.23.0",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "@fontsource/material-icons": "^5.0.18",
+    "@fontsource/roboto": "^5.0.13",
+    "@mui/icons-material": "^5.15.15",
+    "@mui/material": "^5.15.15",
+    "@rollup/plugin-commonjs": "^25.0.4",
+    "@rollup/plugin-node-resolve": "^15.2.1",
+    "@rollup/plugin-typescript": "^11.1.4",
+    "@storybook/addon-essentials": "^8.5.3",
+    "@storybook/addon-interactions": "^8.5.3",
+    "@storybook/addon-links": "^8.5.3",
+    "@storybook/addon-onboarding": "^8.5.3",
+    "@storybook/addon-themes": "^8.5.3",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
+    "@storybook/addon-webpack5-compiler-swc": "^2.0.0",
+    "@storybook/blocks": "^8.5.3",
+    "@storybook/react": "^8.5.3",
+    "@storybook/react-webpack5": "^8.5.3",
+    "@storybook/test": "^8.5.3",
+    "@testing-library/jest-dom": "^6.1.3",
+    "@testing-library/react": "^14.0.0",
+    "@types/jest": "^29.5.5",
+    "@types/react": "^18.2.23",
+    "babel-jest": "^29.7.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "postcss": "^8.4.31",
+    "postcss-import": "^15.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup": "^3.29.4",
+    "rollup-plugin-dts": "^6.0.2",
+    "rollup-plugin-postcss": "^4.0.2",
+    "storybook": "^8.5.3",
+    "tslib": "^2.6.2",
+    "typescript": "^5.2.2"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.11.4",
+    "react": ">=17.0.2 <19.0.0",
+    "react-dom": ">=17.0.2 <19.0.0"
+  },
+  "dependencies": {
+    "@trii/types": "^2.10.398",
+    "moment": "^2.30.1"
+  }
+}

package/readme

@@ -0,0 +1,71 @@
+# Trii Components
+
+## Introduction
+
+This project contains reusable components for the Trii application.
+
+## Prerequisites
+
+- Node.js (v14 or higher)
+- npm (v6 or higher) or yarn (v1.22 or higher)
+
+## Installation
+
+1. Clone the repository:
+   ```sh
+   git clone https://github.com/yourusername/trii-components.git
+   ```
+2. Navigate to the project directory:
+   ```sh
+   cd trii-components
+   ```
+3. Install dependencies:
+   ```sh
+   npm install
+   ```
+   or
+   ```sh
+   yarn install
+   ```
+
+## Running the Project
+
+To start the development server, run:
+
+```sh
+npm run storybook
+```
+
+or
+
+```sh
+yarn storybook
+```
+
+## Building the Project
+
+To build the project, run:
+
+```sh
+npm run build
+```
+
+or
+
+```sh
+yarn build
+```
+
+## Upload build to NPM
+
+To upload the build to NPM, run:
+
+```sh
+npm publish
+```
+
+or
+
+```sh
+yarn publish
+```