@mindly/ui-components 0.1.6 → 0.1.8

package/package.json

@@ -1,128 +1,135 @@
-{
-  "name": "@mindly/ui-components",
-  "version": "0.1.6",
-  "private": false,
-  "dependencies": {
-    "@babel/polyfill": "^7.12.1",
-    "@ionic/react": "^5.8.0",
-    "@ionic/react-router": "^5.8.0",
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^11.2.7",
-    "@testing-library/user-event": "^12.8.3",
-    "@types/jest": "^26.0.24",
-    "@types/node": "^12.20.21",
-    "@types/react": "^17.0.19",
-    "@types/react-dom": "^17.0.9",
-    "auto": "^10.32.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-scripts": "4.0.3",
-    "styled-components": "^5.3.1",
-    "web-vitals": "^1.1.2"
-  },
-  "peerDependencies": {
-    "@babel/polyfill": "^7.12.1",
-    "@ionic/react": "^5.8.0",
-    "@ionic/react-router": "^5.8.0",
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^11.2.7",
-    "@testing-library/user-event": "^12.8.3",
-    "@types/jest": "^26.0.24",
-    "@types/node": "^12.20.21",
-    "@types/react": "^17.0.19",
-    "@types/react-dom": "^17.0.9",
-    "auto": "^10.32.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-scripts": "4.0.3",
-    "styled-components": "^5.3.1",
-    "web-vitals": "^1.1.2"
-  },
-  "scripts": {
-    "start": "react-scripts start",
-    "clean": "rimraf dist",
-    "build": "npm run clean && cross-env NODE_ENV=production babel src/lib --out-dir dist --copy-files --ignore __tests__,spec.ts,test.ts,stories.ts,__snapshots__",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
-  },
-  "babel": {
-    "presets": [
-      [
-        "@babel/preset-react",
-        "@babel/env",
-        "react-app",
-        {
-          "absoluteRuntime": false
-        }
-      ]
-    ]
-  },
-  "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"
-    ]
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.15.7",
-    "@babel/core": "^7.15.5",
-    "@babel/preset-env": "^7.15.6",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/preset-typescript": "^7.15.0",
-    "@ionic/lab": "3.2.10",
-    "@storybook/addon-actions": "^6.3.7",
-    "@storybook/addon-essentials": "^6.3.7",
-    "@storybook/addon-links": "^6.3.7",
-    "@storybook/node-logger": "^6.3.7",
-    "@storybook/preset-create-react-app": "^3.2.0",
-    "@storybook/react": "^6.3.7",
-    "@types/styled-components": "^5.1.13",
-    "@typescript-eslint/parser": "^4.30.0",
-    "babel-cli": "^6.26.0",
-    "cross-env": "^7.0.3",
-    "eslint": "^7.32.0",
-    "eslint-config-google": "^0.14.0",
-    "typescript": "^4.4.2"
-  },
-  "description": "This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).",
-  "main": "dist/index.tsx",
-  "files": [
-    "dist",
-    "README.md"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/iHUB-Projects/UI-components.git"
-  },
-  "keywords": [
-    "mindlyUi"
-  ],
-  "author": "Alexandr Kairtsev (sasha@ihub.world)",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/iHUB-Projects/UI-components/issues"
-  },
-  "homepage": "https://github.com/iHUB-Projects/UI-components#readme"
-}
+{
+  "name": "@mindly/ui-components",
+  "version": "0.1.8",
+  "private": false,
+  "dependencies": {
+    "@babel/polyfill": "^7.12.1",
+    "@ionic/react": "^5.8.0",
+    "@ionic/react-router": "^5.8.0",
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "^11.2.7",
+    "@testing-library/user-event": "^12.8.3",
+    "@types/jest": "^26.0.24",
+    "@types/node": "^12.20.21",
+    "@types/react": "^17.0.19",
+    "@types/react-dom": "^17.0.9",
+    "auto": "^10.32.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-scripts": "4.0.3",
+    "styled-components": "^5.3.1",
+    "web-vitals": "^1.1.2"
+  },
+  "peerDependencies": {
+    "@babel/polyfill": "^7.12.1",
+    "@ionic/react": "^5.8.0",
+    "@ionic/react-router": "^5.8.0",
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "^11.2.7",
+    "@testing-library/user-event": "^12.8.3",
+    "@types/jest": "^26.0.24",
+    "@types/node": "^12.20.21",
+    "@types/react": "^17.0.19",
+    "@types/react-dom": "^17.0.9",
+    "auto": "^10.32.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-scripts": "4.0.3",
+    "styled-components": "^5.3.1",
+    "web-vitals": "^1.1.2"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "clean": "rimraf dist",
+    "build": "rollup -c",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "babel": {
+    "presets": [
+      [
+        "@babel/preset-react",
+        "@babel/env",
+        "react-app",
+        {
+          "absoluteRuntime": false
+        }
+      ]
+    ]
+  },
+  "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"
+    ]
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.15.7",
+    "@babel/core": "^7.15.5",
+    "@babel/preset-env": "^7.15.6",
+    "@babel/preset-react": "^7.14.5",
+    "@babel/preset-typescript": "^7.15.0",
+    "@ionic/lab": "3.2.10",
+    "@rollup/plugin-commonjs": "^20.0.0",
+    "@rollup/plugin-node-resolve": "^13.0.5",
+    "@rollup/plugin-typescript": "^8.2.5",
+    "@storybook/addon-actions": "^6.3.7",
+    "@storybook/addon-essentials": "^6.3.7",
+    "@storybook/addon-links": "^6.3.7",
+    "@storybook/node-logger": "^6.3.7",
+    "@storybook/preset-create-react-app": "^3.2.0",
+    "@storybook/react": "^6.3.7",
+    "@types/styled-components": "^5.1.13",
+    "@typescript-eslint/parser": "^4.30.0",
+    "babel-cli": "^6.26.0",
+    "cross-env": "^7.0.3",
+    "eslint": "^7.32.0",
+    "eslint-config-google": "^0.14.0",
+    "postcss": "^8.3.8",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.1",
+    "rollup-plugin-svg-import": "^1.5.1",
+    "typescript": "^4.4.2"
+  },
+  "description": "This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).",
+  "main": "dist/index.tsx",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/iHUB-Projects/UI-components.git"
+  },
+  "keywords": [
+    "mindlyUi"
+  ],
+  "author": "Alexandr Kairtsev (sasha@ihub.world)",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/iHUB-Projects/UI-components/issues"
+  },
+  "homepage": "https://github.com/iHUB-Projects/UI-components#readme"
+}

package/dist/Theme/global.css

@@ -1,191 +0,0 @@
-@font-face {
-    font-family: 'Lato Regular';
-    src: url('../../fonts/Lato-Regular.ttf');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Lato SemiBold';
-    src: url('../../fonts/Lato-Semibold.ttf');
-    font-weight: 600;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Lato Bold';
-    src: url('../../fonts/Lato-Bold.ttf');
-    font-weight: bold;
-    font-style: normal;
-}
-
-* {
-    box-sizing: border-box;
-}
-
-body{
-    margin: 0;
-    padding: 0;
-}
-
-span, p {
-    font-family: "Lato Regular", sans-serif;
-    font-size: 10px;
-    line-height: 14px;
-    margin: 0;
-    font-weight: 400;
-    padding: 0;
-}
-
-h5 {
-    font-family: "Lato Regular", sans-serif;
-    margin: 0;
-    padding: 0;
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 16px;
-}
-
-h4 {
-    font-family: "Lato Regular", sans-serif;
-    margin: 0;
-    padding: 0;
-    font-size: 16px;
-    font-weight: 400;
-    line-height: 24px;
-}
-
-h3 {
-    font-family: "Lato Regular", sans-serif;
-    margin: 0;
-    padding: 0;
-    font-size: 18px;
-    font-weight: 400;
-    line-height: 24px;
-}
-
-h2 {
-    font-family: "Lato Regular", sans-serif;
-    margin: 0;
-    padding: 0;
-    font-size: 20px;
-    font-weight: 400;
-    line-height: 24px;
-}
-
-h1 {
-    font-family: "Lato Regular", sans-serif;
-    margin: 0;
-    padding: 0;
-    font-weight: 400;
-    font-size: 24px;
-    line-height: 32px;
-}
-
-span.semiBold, p.semiBold {
-    font-family: "Lato SemiBold", sans-serif;
-    font-size: 10px;
-    line-height: 14px;
-    margin: 0;
-    padding: 0;
-    font-weight: 600;
-}
-
-h5.semiBold {
-    font-family: "Lato SemiBold", sans-serif;
-    margin: 0;
-    padding: 0;
-    font-size: 14px;
-    line-height: 16px;
-    font-weight: 600;
-}
-
-h4.semiBold {
-    font-family: "Lato SemiBold", sans-serif;
-    margin: 0;
-    padding: 0;
-    font-size: 16px;
-    line-height: 24px;
-    font-weight: 600;
-}
-
-h3.semiBold {
-    font-family: "Lato SemiBold", sans-serif;
-    margin: 0;
-    padding: 0;
-    font-size: 18px;
-    line-height: 24px;
-    font-weight: 600;
-}
-
-h2.semiBold {
-    font-family: "Lato SemiBold", sans-serif;
-    margin: 0;
-    padding: 0;
-    font-size: 20px;
-    line-height: 24px;
-    font-weight: 600;
-}
-
-h1.semiBold {
-    font-family: "Lato SemiBold", sans-serif;
-    margin: 0;
-    padding: 0;
-    font-size: 24px;
-    line-height: 32px;
-    font-weight: 600;
-}
-
-span.bold, p.bold {
-    font-family: "Lato Bold", sans-serif;
-    font-size: 10px;
-    line-height: 14px;
-    margin: 0;
-    padding: 0;
-    font-weight: 700;
-}
-
-h5.bold {
-    font-family: "Lato Bold", sans-serif;
-    margin: 0;
-    padding: 0;
-    font-size: 14px;
-    line-height: 16px;
-    font-weight: 700;
-}
-
-h4.bold {
-    font-family: "Lato Bold", sans-serif;
-    margin: 0;
-    padding: 0;
-    font-size: 16px;
-    line-height: 24px;
-    font-weight: 700;
-}
-
-h3.bold {
-    font-family: "Lato Bold", sans-serif;
-    margin: 0;
-    padding: 0;
-    font-size: 18px;
-    line-height: 24px;
-    font-weight: 700;
-}
-
-h2.bold {
-    font-family: "Lato Bold", sans-serif;
-    margin: 0;
-    padding: 0;
-    font-size: 20px;
-    line-height: 24px;
-    font-weight: 700;
-}
-
-h1.bold {
-    font-family: "Lato Bold", sans-serif;
-    margin: 0;
-    padding: 0;
-    font-size: 24px;
-    line-height: 32px;
-    font-weight: 700;
-}

package/dist/button/Button.style.ts

@@ -1,83 +0,0 @@
-import styled, {css} from 'styled-components';
-import {colorConstants} from '../Theme/mindly_constants';
-
-interface ContainerProps{
-    buttonType: 'primary' | 'secondary' | 'survey' | 'secondaryWithStroke' | 'secondaryCancel',
-    isDisabled: boolean
-}
-
-export const Container = styled.button<ContainerProps>`
-  padding: 8px 0;
-  width: 100%;
-  border-radius: 4px;
-  border: 0;
-  background: ${colorConstants.primaryColor};
-  color: ${colorConstants.White};
-
-  &:hover, &:active {
-    box-shadow: inset 0 4px 15px rgba(0, 0, 0, 0.2), inset 0 -4px 15px rgba(0, 0, 0, 0.2);
-  }
-
-  ${(props: ContainerProps) => props.buttonType === 'secondary' && css`
-    background: inherit;
-    color: ${colorConstants.primaryColor};
-
-    &:hover, &:active {
-      box-shadow: none;
-      color: ${colorConstants.AccentActiveButtonBG};
-    }
-  `}
-
-  ${(props: ContainerProps) => props.buttonType === 'secondaryWithStroke' && css`
-    color: ${colorConstants.primaryColor};
-    background: inherit;
-    box-shadow: none;
-    border: 1px solid ${colorConstants.primaryColor};
-
-    &:hover, &:active {
-      box-shadow: none;
-      color: ${colorConstants.AccentActiveButtonBG};
-      background: inherit;
-      border: 1px solid ${colorConstants.AccentActiveButtonBG};
-    }
-  `}
-
-  ${(props: ContainerProps) => props.buttonType === 'secondaryCancel' && css`
-    color: ${colorConstants.AccentCross};
-    background: inherit;
-    box-shadow: none;
-    border: 0;
-
-    &:hover, &:active {
-      box-shadow: none;
-      color: ${colorConstants.AccentCancelActive};
-      background: inherit;
-      border: 0;
-    }
-  `}
-
-  ${(props: ContainerProps) => props.buttonType === 'survey' && css`
-    color: ${colorConstants.primaryTextColor};
-    background: inherit;
-    box-shadow: none;
-    border: 1px solid ${colorConstants.primaryTextColor};
-
-    &:hover, &:active {
-      box-shadow: none;
-      color: ${colorConstants.primaryColor};
-      background: ${colorConstants.AccentSurveyButton};
-      border: 1px solid ${colorConstants.AccentDisabledColor};
-    }
-  `}
-
-  ${(props: ContainerProps) => props.isDisabled && css`
-    background: ${colorConstants.AccentActiveButtonBG};
-    color: ${colorConstants.White};
-    box-shadow: none;
-
-
-    &:hover, &:active {
-      box-shadow: none;
-    }
-  `}
-`;

package/dist/button/Button.tsx

@@ -1,29 +0,0 @@
-import React from 'react';
-import {Container} from './Button.style';
-import '../Theme/global.css';
-
-
-interface ButtonProps {
-    buttonType: 'primary' | 'secondary' | 'survey' | 'secondaryWithStroke' | 'secondaryCancel',
-    isDisabled: boolean,
-    children: React.ReactNode,
-    onClick: (atr: any) => void
-}
-
-
-const Button: React.FC<ButtonProps> = (props) => {
-    return (
-        <Container
-            onClick={props.onClick}
-            disabled={props.isDisabled}
-            isDisabled={props.isDisabled}
-            buttonType={props.buttonType}
-        >
-            <h4>
-                {props.children}
-            </h4>
-        </Container>
-    );
-};
-
-export default Button;

package/dist/consultation-card/consultationCard.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import Button from '../button/Button';
-import {timeOutline, cardOutline} from 'ionicons/icons';
-
-interface ConsultationCardProps {
-    eventHandler: () => void,
-    time: string,
-    price: string,
-}
-
-const ConsultationCard: React.FC<ConsultationCardProps> = (props)=> {
-    return (
-        <Container>
-        </Container>
-    );
-};
-
-export default ConsultationCard;

package/dist/floating-button/floating button.svg

@@ -1,6 +0,0 @@
-<svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="54" height="54" fill="#21ABD2"/>
-<path d="M27.0002 15C21.9405 15 17.8237 19.1168 17.8237 24.1765V32.647C17.8237 33.8148 18.7737 34.7648 19.9413 34.7648C21.1092 34.7648 22.0591 33.8148 22.0591 32.647V25.5883C22.0591 24.4206 21.1092 23.4706 19.9413 23.4706C19.7037 23.4706 19.4788 23.5188 19.2651 23.5913C19.5663 19.5829 22.9168 16.4117 27.0002 16.4117C31.0815 16.4117 34.431 19.58 34.735 23.5856C34.5226 23.5129 34.2964 23.4706 34.0591 23.4706C32.8913 23.4706 31.9413 24.4206 31.9413 25.5883V32.647C31.9413 33.8148 32.8913 34.7648 34.0591 34.7648C34.3078 34.7648 34.5431 34.7139 34.765 34.6348V35.4706C34.765 35.8601 34.4479 36.1765 34.0591 36.1765H28.9879C28.6954 35.3566 27.9192 34.7648 27.0002 34.7648C25.8326 34.7648 24.8826 35.7147 24.8826 36.8824C24.8826 38.05 25.8326 39 27.0002 39C27.9192 39 28.6954 38.408 28.9879 37.5883H34.0591C35.2268 37.5883 36.1768 36.6383 36.1768 35.4706C36.1768 31.2248 36.1768 28.4269 36.1768 24.1765C36.1768 19.1168 32.06 15 27.0002 15V15Z" fill="white"/>
-<path d="M37.5884 25.0122V33.2227C38.4081 32.9304 39.0001 32.1542 39.0001 31.235V26.9998C39.0001 26.0808 38.4081 25.3046 37.5884 25.0122Z" fill="white"/>
-<path d="M15 26.9998V31.235C15 32.1542 15.592 32.9304 16.4117 33.2227V25.0122C15.592 25.3046 15 26.0808 15 26.9998Z" fill="white"/>
-</svg>

package/dist/floating-button/floatingButton.style.ts

@@ -1,21 +0,0 @@
-import styled from 'styled-components';
-
-interface ContainerProps{
-  bottomHeight: number,
-  rightWidth: number
-}
-
-export const Container = styled.a<ContainerProps>`
-  display: block;
-  width: 54px;
-  height: 54px;
-  position: fixed;
-  bottom: ${(props) => props.bottomHeight}px;
-  right: ${(props) => props.rightWidth}px;
-  z-index: 100000000;
-  
-  img {
-    background: none;
-    border-radius: 50%;
-  }
-`;

package/dist/floating-button/floatingButton.tsx

@@ -1,29 +0,0 @@
-import React from 'react';
-import {Container} from './floatingButton.style';
-import img from './floating button.svg';
-
-interface FloatingButtonType {
-    bottomHeight: number;
-    rightWidth: number;
-}
-
-const FloatingButton: React.FC<FloatingButtonType> = (
-    {
-        bottomHeight = 0,
-        rightWidth = 0,
-    }) => {
-    return (
-        <Container
-            href="https://t.me/MindlySupport"
-            bottomHeight={bottomHeight}
-            rightWidth={rightWidth}
-        >
-            <img
-                src={img}
-                alt="support mindly"
-            />
-        </Container>
-    );
-};
-
-export default FloatingButton;