@ornikar/kitt-universal 1.0.0 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ornikar/kitt-universal",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -15,7 +15,7 @@
   "sideEffects": false,
   "browser": "./dist/index-browser-all.es",
   "engines": {
-    "node": ">= 14.17.6",
+    "node": ">= 14.17.5",
     "yarn": ">= 1.12.3"
   },
   "scripts": {
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.13.0",
-    "@ornikar/kitt-icons": "^2.0.0",
+    "@ornikar/kitt-icons": "^2.0.1",
     "type-fest": "^1.0.0"
   },
   "peerDependencies": {
@@ -52,5 +52,5 @@
     "react-test-renderer": "17.0.1",
     "styled-components": "5.3.3"
   },
-  "gitHead": "8ccced51998d70ffbb9d8482a7218646f832376a"
+  "gitHead": "ff0b50b968a2bb12b43099e6371c43eadc9c4913"
 }

package/CHANGELOG.md

@@ -1,8 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-# 1.0.0 (2021-12-08)
-
-**Note:** Version bump only for package @ornikar/kitt-universal

package/src/.eslintrc.json

@@ -1,19 +0,0 @@
-{
-  "root": true,
-  "parser": "@typescript-eslint/parser",
-  "parserOptions": {
-    "project": "@ornikar/kitt-universal/tsconfig.json"
-  },
-  "extends": [
-    "@ornikar/eslint-config-typescript-react",
-    "@ornikar/eslint-config/rollup",
-    "../../../.eslintrc-base.src.json"
-  ],
-  "settings": {
-    "import/resolver": {
-      "node": {
-        "moduleDirectory": ["node_modules", "src"]
-      }
-    }
-  }
-}

package/src/Avatar/Avatar.stories.tsx

@@ -1,45 +0,0 @@
-import { storiesOf } from '@storybook/react-native';
-import { Section, Story, StoryGrid } from '@ornikar/kitt-universal';
-import type { ReactElement } from 'react';
-import React from 'react';
-import { Avatar } from './Avatar';
-
-interface AvatarWrapperProps {
-  children: ReactElement;
-}
-
-function AvatarWrapper({ children }: AvatarWrapperProps): ReactElement {
-  return (
-    <StoryGrid.Row breakpoint="small">
-      <StoryGrid.Col title="Default">{children}</StoryGrid.Col>
-
-      <StoryGrid.Col title="Round">{React.cloneElement(children, { round: true })}</StoryGrid.Col>
-
-      <StoryGrid.Col title="Light">{React.cloneElement(children, { light: true })}</StoryGrid.Col>
-
-      <StoryGrid.Col title="Small">{React.cloneElement(children, { size: 32 })}</StoryGrid.Col>
-    </StoryGrid.Row>
-  );
-}
-
-storiesOf('kitt-universal/Data Display', module).add('Avatar', () => (
-  <Story title="Avatar">
-    <Section title="With Source">
-      <AvatarWrapper>
-        <Avatar src="https://assets.staging-fr-onroad.com/avatars/2237155ce2af98ee5fd.jpeg" />
-      </AvatarWrapper>
-    </Section>
-
-    <Section title="With Initials">
-      <AvatarWrapper>
-        <Avatar firstname="Michael" lastname="Knight" />
-      </AvatarWrapper>
-    </Section>
-
-    <Section title="Without Name">
-      <AvatarWrapper>
-        <Avatar />
-      </AvatarWrapper>
-    </Section>
-  </Story>
-));

package/src/Avatar/Avatar.tsx

@@ -1,60 +0,0 @@
-import { UserIcon } from '@ornikar/kitt-icons';
-import type { ReactElement } from 'react';
-import React from 'react';
-import { Image } from 'react-native';
-import styled from 'styled-components/native';
-import { Icon } from '../Icon/Icon';
-import { Typography } from '../typography/Typography';
-
-const getFirstCharacter = (string: string): string => (string ? string[0] : '');
-
-const getInitials = (firstname: string, lastname: string): string =>
-  (getFirstCharacter(firstname) + getFirstCharacter(lastname)).toUpperCase();
-
-export interface AvatarProps {
-  size?: number;
-  src?: string | null;
-  firstname?: string | null;
-  lastname?: string | null;
-  round?: boolean;
-  light?: boolean;
-}
-
-export interface StyledAvatarViewProps extends Pick<AvatarProps, 'round' | 'light'> {
-  size: number;
-}
-
-const StyledAvatarView = styled.View<StyledAvatarViewProps>`
-  border-radius: ${({ round, size }) => (round ? size / 2 : 10)}px;
-  background-color: ${({ theme, light }) =>
-    light ? theme.kitt.avatar.light.backgroundColor : theme.kitt.avatar.default.backgroundColor};
-  height: ${({ size }) => size}px;
-  width: ${({ size }) => size}px;
-  overflow: hidden;
-  align-items: center;
-  justify-content: center;
-`;
-
-function AvatarContent({ size = 40, src, firstname, lastname, light }: AvatarProps): ReactElement {
-  if (src) {
-    return <Image source={{ uri: src }} style={{ width: size, height: size }} />;
-  }
-
-  if (firstname && lastname) {
-    return (
-      <Typography.Text base="body-small" variant="bold" color={light ? 'black' : 'white'}>
-        {getInitials(firstname, lastname)}
-      </Typography.Text>
-    );
-  }
-
-  return <Icon icon={<UserIcon />} color={light ? 'black' : 'white'} size={size / 2} />;
-}
-
-export function Avatar({ size = 40, ...rest }: AvatarProps): ReactElement {
-  return (
-    <StyledAvatarView {...rest} size={size}>
-      <AvatarContent {...rest} size={size} />
-    </StyledAvatarView>
-  );
-}