@webinex/chatify 1.0.0-build2 → 1.0.0-rc2

package/src/ui/styles/keyframes.scss

@@ -1,14 +1,14 @@
-@keyframes fadeInFromNone {
-  0% {
-    display: none;
-    opacity: 0;
-  }
-
-  1% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
+@keyframes fadeInFromNone {
+  0% {
+    display: none;
+    opacity: 0;
+  }
+
+  1% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}

package/src/ui/styles/mixins.scss

@@ -1,20 +1,20 @@
-@mixin scrollbar() {
-  &::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background-color: #f1f1f1;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-color: #dfdfdf;
-  }
-}
-
-@mixin avatarSize($size) {
-  width: $size;
-  height: $size;
-  line-height: $size - 2px;
-}
+@mixin scrollbar() {
+  &::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: #f1f1f1;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: #dfdfdf;
+  }
+}
+
+@mixin avatarSize($size) {
+  width: $size;
+  height: $size;
+  line-height: $size - 2px;
+}

package/src/ui/styles/variables.scss

@@ -1,10 +1,10 @@
-$borderColor: #ddd;
-$border: 1px solid #ddd;
-$background: white;
-$radius: 4px;
-$chatBodyBackground: #f5f5f5;
-$messageBackground: #e1f5fe;
-$myMessageBackground: #b9f6ca;
-$unreadCountBackground: #ffa726;
-$avatarSize: 40px;
-$messageBorderRadius: 10px;
+$borderColor: #ddd;
+$border: 1px solid #ddd;
+$background: white;
+$radius: 4px;
+$chatBodyBackground: #f5f5f5;
+$messageBackground: #e1f5fe;
+$myMessageBackground: #b9f6ca;
+$unreadCountBackground: #ffa726;
+$avatarSize: 40px;
+$messageBorderRadius: 10px;

package/src/util/customize.tsx

@@ -1,45 +1,45 @@
-import React, { FC, PropsWithChildren, useContext } from 'react';
-
-export type Customizable<TComponent extends React.ComponentType<any>, TKey extends string> = TComponent & {
-  Component: TComponent;
-  key: TKey;
-};
-
-const CustomizeContext = React.createContext<CustomizeProviderValue>(null!);
-
-export interface CustomizeProviderValue {
-  [key: string]: React.ComponentType<any> | null;
-}
-
-export function CustomizeProvider(props: PropsWithChildren<{ value: CustomizeProviderValue }>) {
-  const { children, value } = props;
-  return <CustomizeContext.Provider value={value}>{children}</CustomizeContext.Provider>;
-}
-
-function useCustom<TComponent extends React.ComponentType>(key: string): TComponent | undefined | null {
-  const value = useContext(CustomizeContext);
-  return value[key] as TComponent | null | undefined;
-}
-
-export function customize<TComponent extends React.ComponentType<any>, TKey extends string>(
-  key: TKey,
-  Component: TComponent,
-): Customizable<TComponent, TKey> {
-  const Result: FC<any> = React.forwardRef<TComponent, any>((props: any, forwardRef) => {
-    const Custom = useCustom(key);
-
-    if (Custom === null) {
-      return null;
-    }
-
-    if (Custom) {
-      return <Custom {...props} ref={forwardRef} />;
-    }
-
-    return <Component {...props} ref={forwardRef} />;
-  });
-
-  Result.displayName = 'Customizable.' + Component.displayName;
-
-  return Object.assign(Result, { key, Component }) as any;
-}
+import React, { FC, PropsWithChildren, useContext } from 'react';
+
+export type Customizable<TComponent extends React.ComponentType<any>, TKey extends string> = TComponent & {
+  Component: TComponent;
+  key: TKey;
+};
+
+const CustomizeContext = React.createContext<CustomizeProviderValue>(null!);
+
+export interface CustomizeProviderValue {
+  [key: string]: React.ComponentType<any> | null;
+}
+
+export function CustomizeProvider(props: PropsWithChildren<{ value: CustomizeProviderValue }>) {
+  const { children, value } = props;
+  return <CustomizeContext.Provider value={value}>{children}</CustomizeContext.Provider>;
+}
+
+function useCustom<TComponent extends React.ComponentType>(key: string): TComponent | undefined | null {
+  const value = useContext(CustomizeContext);
+  return value[key] as TComponent | null | undefined;
+}
+
+export function customize<TComponent extends React.ComponentType<any>, TKey extends string>(
+  key: TKey,
+  Component: TComponent,
+): Customizable<TComponent, TKey> {
+  const Result: FC<any> = React.forwardRef<TComponent, any>((props: any, forwardRef) => {
+    const Custom = useCustom(key);
+
+    if (Custom === null) {
+      return null;
+    }
+
+    if (Custom) {
+      return <Custom {...props} ref={forwardRef} />;
+    }
+
+    return <Component {...props} ref={forwardRef} />;
+  });
+
+  Result.displayName = 'Customizable.' + Component.displayName;
+
+  return Object.assign(Result, { key, Component }) as any;
+}

package/src/util/index.ts

@@ -1,3 +1,3 @@
-export * from './uniqBy';
-export * from './uniqId';
-export * from './customize';
+export * from './uniqBy';
+export * from './uniqId';
+export * from './customize';

package/src/util/uniqBy.tsx

@@ -1,17 +1,17 @@
-export function uniqBy<T, TKey extends string | number | symbol>(items: T[], selector: (x: T) => TKey) {
-  const keys = {} as Record<TKey, null>;
-  const result: T[] = [];
-
-  items.forEach((x) => {
-    const key = selector(x);
-
-    if (keys.hasOwnProperty(key)) {
-      return;
-    }
-
-    keys[key] = null;
-    result.push(x);
-  });
-
-  return result;
-}
+export function uniqBy<T, TKey extends string | number | symbol>(items: T[], selector: (x: T) => TKey) {
+  const keys = {} as Record<TKey, null>;
+  const result: T[] = [];
+
+  items.forEach((x) => {
+    const key = selector(x);
+
+    if (keys.hasOwnProperty(key)) {
+      return;
+    }
+
+    keys[key] = null;
+    result.push(x);
+  });
+
+  return result;
+}

package/src/util/uniqId.tsx

@@ -1,3 +1,3 @@
-export function uniqId() {
-  return Date.now().toString(36) + Math.random().toString(36).substring(2);
-}
+export function uniqId() {
+  return Date.now().toString(36) + Math.random().toString(36).substring(2);
+}