@mindly/ui-components 3.1.6 → 3.2.0

package/dist/index.d.ts

@@ -0,0 +1,419 @@
+/// <reference types="react" />
+import React, { ReactNode, CSSProperties, HTMLAttributes, RefAttributes, FC, ReactText } from 'react';
+import { JSX as JSX$1 } from '@ionic/core/components';
+
+interface ButtonProps {
+    buttonType: 'primary' | 'secondary' | 'actionButton' | 'actionButtonDisabled' | 'secondaryWithStroke' | 'secondaryCancel' | 'actionButtonActive' | 'actionButtonGreen';
+    isDisabled: boolean;
+    children: React.ReactNode;
+    onClick?: (props?: React.SyntheticEvent) => void;
+    ['data-testid']?: string;
+}
+declare const Button: React.FC<ButtonProps>;
+
+interface FloatingButtonType {
+    bottomHeight: number;
+    rightWidth: number;
+    ['data-testid']?: string;
+}
+declare const FloatingButton: React.FC<FloatingButtonType>;
+
+interface ListButtonProps {
+    children: React.ReactNode;
+    icon: string;
+    onClick: (props?: React.SyntheticEvent) => void;
+    ['data-testid']?: string;
+}
+declare const ListButton: React.FC<ListButtonProps>;
+
+interface NavigationBarProps {
+    isInternetConnected: boolean;
+    children?: ReactNode;
+    isIos: boolean;
+}
+declare const NavigationBar: React.FC<NavigationBarProps>;
+
+interface ContentCardProps {
+    contentVideo?: {
+        title: string;
+        url: string;
+    };
+    contentArticle?: {
+        link: string;
+        photoURL: string;
+        title: string;
+    };
+    ['data-testid']?: string;
+}
+declare const ContentCard: React.FC<ContentCardProps>;
+
+interface TherapistCardProps {
+    psychologistName: string;
+    psychologistLastName: string;
+    psychologistType: string;
+    psychologistPhoto: string;
+    psychologistPrice: number;
+    psychologistDuration: number;
+    psychologistExperience: number;
+    handleClick: (props?: React.SyntheticEvent) => void;
+    ['data-testid']?: string;
+}
+declare const TherapistCard: React.FC<TherapistCardProps>;
+
+/**
+ * Toast that work line an API, we can call it anywhere, need message text and duration(default 3 seconds)
+ */
+declare const toast: (message: string, duration?: number) => Promise<void>;
+
+interface ArchivedConsultationCardProps {
+    nameAndSurname: string;
+    date: string;
+    avatar: string;
+    isFree?: boolean;
+    /**
+     * Consultation price
+     */
+    price: string;
+    ['data-testid']?: string;
+}
+declare const ArchivedConsultationCard: React.FC<ArchivedConsultationCardProps>;
+
+interface DatePickerProps {
+    type: 'date' | 'weekday';
+    weekday?: string;
+    day?: string;
+    date?: string;
+    month?: string;
+    isActive: boolean;
+    onClick: (props?: React.SyntheticEvent) => void;
+    ['data-testid']?: string;
+}
+declare const DatePicker: React.FC<DatePickerProps>;
+
+interface NoInternetConnectionProps {
+    isInternetConnected: boolean;
+    isIos: boolean;
+}
+declare const NoInternetConnection: React.FC<NoInternetConnectionProps>;
+
+interface TherapistInformationComponentProps {
+    avatar: string;
+    experience: string;
+    duration: string;
+    price: string;
+    ['data-testid']?: string;
+}
+declare const TherapistInformationComponent: React.FC<TherapistInformationComponentProps>;
+
+interface InputProps {
+    isActive: boolean;
+    name: string;
+    type: 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url' | 'time' | 'week' | 'month' | 'datetime-local';
+    placeholder: string;
+    value: string;
+    ['data-testid']?: string;
+    onIonChange: (e: CustomEvent) => void;
+    icon: string;
+}
+declare const Input: React.FC<InputProps>;
+
+interface ScrollTabsProps {
+    setActiveTab: (e?: string) => void;
+    value: 'profile' | 'video' | 'articles';
+}
+declare const ScrollTabs: React.FC<ScrollTabsProps>;
+
+interface TabBarProps {
+    children: ReactNode;
+    isIos: boolean;
+}
+declare const TabBar: React.FC<TabBarProps>;
+
+interface YourLocalTimeBlockProps {
+    text?: string;
+}
+declare const YourLocalTimeBlock: React.FC<YourLocalTimeBlockProps>;
+
+declare type ModalCalendarProps = {
+    onDaySelected: (day: Date) => void;
+    consultationDays: Date[];
+    smileDays?: Date[];
+    noteDays?: Date[];
+    selectedDate?: Date;
+};
+declare const ModalCalendar: React.FC<ModalCalendarProps>;
+
+declare type HorizontalCalendarProps = {
+    consultationDatesSeconds?: number[];
+    myNotesDatesSeconds?: number[];
+    toMeNotesDatesSeconds?: number[];
+    /**
+     * Days to be rendered. e.g. 15 - means 7 before today and 7 after today
+     */
+    daysToRender?: number;
+    value?: DayToRender | Date;
+    onChange?: (value: DayToRender) => void;
+    /**
+     * date from which a component should start coordinates.
+     * e.g. startFrom = "15.01.2022", daysToRender=5
+     * return ["13.02.2022", "14.01.2022", "15.01.2022", "16.01.2022", "17.01.2022"]
+     *
+     */
+    startFrom?: Date;
+    showSkeleton?: boolean;
+};
+declare enum DayOfWeek {
+    SUN = "\u041D\u0434",
+    MON = "\u041F\u043D",
+    TUE = "\u0412\u0442",
+    WED = "\u0421\u0440",
+    THU = "\u0427\u0442",
+    FRI = "\u041F\u0442",
+    SAT = "\u0421\u0431"
+}
+declare type DayToRender = {
+    /**
+     * e.g. "2.2.122", "24.4.122"
+     */
+    shortDate: string;
+    dayOfMonth: number;
+    dayOfWeek: DayOfWeek;
+    date: Date;
+};
+declare const HorizontalCalendar: React.FC<HorizontalCalendarProps>;
+
+declare enum ImpressionEmojiEnum {
+    DEPRESSED = -2,
+    SAD = -1,
+    NEUTRAL = 0,
+    HAPPY = 1,
+    LOVELY = 2
+}
+
+declare type LetterAvatarProps = {
+    letter: string;
+    dimensions?: number;
+    className?: string;
+    style?: CSSProperties;
+};
+declare const _default$2: React.NamedExoticComponent<LetterAvatarProps>;
+
+declare type ImageWithFallbackProps = JSX.IntrinsicElements["img"] & ({
+    onErrorContent: React.ReactElement;
+});
+declare const ImageWithFallback: React.FC<ImageWithFallbackProps>;
+
+declare type PersonDateTimeCardProps = {
+    photoSrc?: string;
+    name: string;
+    dateTime: Date;
+};
+declare const _default$1: React.NamedExoticComponent<PersonDateTimeCardProps>;
+
+declare type PsychologistProfileType = {
+    id: string;
+    psychologist_id?: string;
+    articles: Array<{
+        subtheme: string;
+        content: Array<{
+            photoURL: string;
+            title: string;
+            link: string;
+        }>;
+    }>;
+    education: string;
+    experience: string;
+    goal: string;
+    not_work_with: Array<string>;
+    short_description: string;
+    specialization: string;
+    video: Array<{
+        subtheme: string;
+        content: Array<{
+            title: string;
+            url: string;
+        }>;
+    }>;
+    work_with: Array<string>;
+};
+declare type PsycologistCalendarType = {
+    id: string;
+    psychologist_id: string;
+    schedule: Array<{
+        slot_id: string;
+    }>;
+};
+declare type PsychologistDevicesProfileType = {
+    tokens?: {
+        fcmtokens?: string[];
+    };
+};
+declare type PsychologistType = {
+    id: string;
+    consultation_with: string;
+    duration: number;
+    email: string;
+    first_name: string;
+    last_name: string;
+    price: number;
+    focus: string;
+    photo: string;
+    avatar: string;
+    experience: number;
+    time_zone: string;
+    calendar: PsycologistCalendarType;
+    devices?: PsychologistDevicesProfileType;
+    profile: PsychologistProfileType;
+    isTestUser: boolean;
+    psychologistSex?: 'female' | 'male';
+};
+
+declare type UsersPsychologistScrollListPropsType = {
+    psychologistClickHandler: React.Dispatch<React.SetStateAction<{
+        isShow: boolean;
+        psychologist_id: string;
+    }>>;
+    usersPsychologists: Array<PsychologistType> | null;
+};
+declare const UsersPsychologistScrollList: ({ psychologistClickHandler, usersPsychologists, }: UsersPsychologistScrollListPropsType) => JSX.Element | null;
+
+declare type NotesEditorProps = JSX$1.IonTextarea & HTMLAttributes<HTMLIonTextareaElement> & RefAttributes<HTMLIonTextareaElement>;
+declare const NotesEditor: React.ForwardRefExoticComponent<Pick<NotesEditorProps, "slot" | "style" | "title" | "name" | "key" | "disabled" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "mode" | "autocapitalize" | "autofocus" | "clearOnEdit" | "debounce" | "enterkeyhint" | "inputmode" | "maxlength" | "minlength" | "onIonBlur" | "onIonChange" | "onIonFocus" | "onIonInput" | "readonly" | "required" | "spellcheck" | "wrap" | "autoGrow" | "cols" | "rows"> & React.RefAttributes<HTMLIonTextareaElement>>;
+
+declare type NotesCardTextProps = {
+    text: string;
+};
+declare const NotesCardText: React.FC<NotesCardTextProps>;
+
+declare type ListItemType = {
+    id: ReactText;
+    label: string;
+};
+declare type ListSelectProps = {
+    title: string;
+    listItems: ListItemType[];
+    selected?: ReactText;
+    onChange: (item: ListItemType) => void;
+};
+declare const ListSelect: FC<ListSelectProps>;
+
+declare type RangeValue = {
+    lower: number;
+    upper: number;
+};
+declare type RangeProps = {
+    title: string;
+    rangeTitleValues?: string;
+    initialValue: RangeValue;
+    onChange?: (value: RangeValue) => void;
+    onKnobMoveEnd?: (value: RangeValue) => void;
+};
+declare const Range: FC<RangeProps>;
+
+declare type RowItemType = {
+    id: ReactText;
+    label: string;
+};
+declare type RowSelectProps = {
+    title: string;
+    rowItems: RowItemType[];
+    selected?: ReactText;
+    onChange: (value: RowItemType) => void;
+};
+declare const RowSelect: FC<RowSelectProps>;
+
+declare type ToggleProps = {
+    title: string;
+    checked?: boolean;
+    onChange: (checked: boolean) => void;
+};
+declare const Toggle: FC<ToggleProps>;
+
+declare type EntryNotFoundProps = {
+    title?: string;
+};
+declare const EntryNotFound: FC<EntryNotFoundProps>;
+
+declare enum DayOfWeeks {
+    'Понеділок' = 1,
+    'Вівторок' = 2,
+    'Середа' = 3,
+    'Четверг' = 4,
+    "П'ятниця" = 5,
+    'Субота' = 6,
+    'Неділя' = 7
+}
+declare type DateTimeType = {
+    _nanoseconds: number;
+    _seconds: number;
+};
+interface ConsultationCardProps {
+    startConsultation: (props?: React.SyntheticEvent) => void;
+    handleReschedule: (props?: React.SyntheticEvent) => void;
+    handleRefund: (props?: React.SyntheticEvent) => void;
+    handleNotes?: (props?: React.SyntheticEvent) => void;
+    consultationWith: string;
+    consultationTime: DateTimeType;
+    userTimeZone: string;
+    avatar: string;
+    autorecord?: boolean;
+    ['data-container-testid']?: string;
+    ['data-start-testid']?: string;
+    ['data-reschedule-testid']?: string;
+    ['data-refund-testid']?: string;
+}
+declare const ConsultationCard: React.FC<ConsultationCardProps>;
+
+declare const ConsultationCardSkeleton: () => JSX.Element;
+
+declare type AvatarProps = {
+    dimensions?: number;
+    src?: string;
+    firstName?: string;
+    style?: CSSProperties;
+    className?: string;
+};
+declare const Avatar: FC<AvatarProps>;
+
+declare type AppHeaderProps = {
+    fullwidth?: boolean;
+};
+declare const AppHeader: FC<AppHeaderProps>;
+
+declare const Container: FC;
+
+declare type SegmentType = {
+    id: string;
+    label: string;
+};
+
+declare type SegmentProps = {
+    segments: SegmentType[];
+    selected?: string;
+    onChange?: (id: string) => void;
+};
+declare const Segment: FC<SegmentProps>;
+
+interface ModalProps {
+    fullwidth?: boolean;
+    isOpen: boolean;
+    onDidDismiss: () => void;
+}
+declare const Modal: FC<ModalProps>;
+
+declare type SelectImpressionEmojiProps = {
+    value?: ImpressionEmojiEnum;
+    onChange?: (val: ImpressionEmojiEnum) => void;
+};
+
+declare const _default: React.NamedExoticComponent<SelectImpressionEmojiProps>;
+
+interface FooterForBookingProps {
+    eventHandler: (props?: React.SyntheticEvent) => void;
+    duration: number;
+    price: string;
+    ['data-testid']?: string;
+}
+declare const FooterForBooking: React.FC<FooterForBookingProps>;
+
+export { AppHeader, ArchivedConsultationCard, Avatar, AvatarProps, Button, ConsultationCard, ConsultationCardProps, ConsultationCardSkeleton, Container, ContentCard, DatePicker, DateTimeType, DayOfWeeks, DayToRender, EntryNotFound, EntryNotFoundProps, FloatingButton, FooterForBooking, HorizontalCalendar, HorizontalCalendarProps, ImageWithFallback, ImpressionEmojiEnum, Input, _default$2 as LetterAvatar, ListButton, ListSelect, Modal, ModalCalendar, NavigationBar, NoInternetConnection, NotesCardText, NotesEditor, _default$1 as PersonDateTimeCard, Range, RowSelect, ScrollTabs, Segment, SegmentType, _default as SelectImpressionEmoji, TabBar, TherapistCard, TherapistInformationComponent, Toggle, UsersPsychologistScrollList, YourLocalTimeBlock, toast };

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@mindly/ui-components",
-  "version": "3.1.6",
+  "version": "3.2.0",
   "private": false,
   "scripts": {
     "start": "react-scripts start",
     "clean": "rimraf dist",
-    "build": "NODE_ENV=production && rm -rf dist/* && babel src/ --out-dir dist --copy-files --no-copy-ignored --ignore src/stories/",
+    "build": "rollup -c",
     "test:ts": "tsc --noEmit --skipLibCheck",
     "coverage": "npm test -- --env=jsdom --coverage --coverageDirectory=jest-coverage --passWithNoTests",
     "test:lint": "eslint \"./src/**/*{ts,tsx}\" --ignore-pattern \"*.d.ts\" --fix",
@@ -56,8 +56,21 @@
     "styled-components": "^5.3.1",
     "web-vitals": "^1.1.2"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.js",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "typings": "dist/index.d.ts",
+  "babel": {
+    "presets": [
+      [
+        "@babel/preset-react",
+        "@babel/env",
+        "react-app",
+        {
+          "absoluteRuntime": false
+        }
+      ]
+    ]
+  },
   "eslintConfig": {
     "extends": [
       "react-app",

package/dist/lib/AppHeader/AppHeader.style.ts

@@ -1,19 +0,0 @@
-import styled from 'styled-components';
-import { IonHeader, IonToolbar } from '@ionic/react';
-import { maxContainerWidth } from '../Theme/mindly_constants';
-
-type AppHeaderToolbarProps = {
-  isNotMobile: boolean;
-};
-
-export const AppHeaderContainer = styled(IonHeader)`
-  background: #ffffff;
-  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.12);
-  display: flex;
-  justify-content: center;
-`;
-
-export const AppHeaderToolbar = styled(IonToolbar)<AppHeaderToolbarProps>`
-  max-width: ${({ isNotMobile }) => (isNotMobile ? maxContainerWidth : '100%')};
-  padding: 0 16px;
-`;

package/dist/lib/AppHeader/AppHeader.tsx

@@ -1,23 +0,0 @@
-import React, { FC } from 'react';
-import { AppHeaderContainer, AppHeaderToolbar } from './AppHeader.style';
-import { isPlatform } from '@ionic/react';
-
-type AppHeaderProps = {
-  fullwidth?: boolean;
-};
-
-const AppHeader: FC<AppHeaderProps> = ({ fullwidth = false, children }) => {
-  return (
-    <AppHeaderContainer>
-      <AppHeaderToolbar
-        isNotMobile={
-          !fullwidth && (isPlatform('desktop') || isPlatform('tablet'))
-        }
-      >
-        {children}
-      </AppHeaderToolbar>
-    </AppHeaderContainer>
-  );
-};
-
-export default AppHeader;

package/dist/lib/Avatar/Avatar.style.ts

@@ -1,17 +0,0 @@
-import styled from 'styled-components';
-
-type AvatarWrapperProps = {
-  dimensions: number;
-};
-export const AvatarWrapper = styled.div<AvatarWrapperProps>`
-  width: ${({ dimensions }) => dimensions}px;
-  height: ${({ dimensions }) => dimensions}px;
-  border-radius: 50%;
-  overflow: hidden;
-
-  & img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-  }
-`;

package/dist/lib/Avatar/Avatar.tsx

@@ -1,46 +0,0 @@
-import React, { CSSProperties, FC, memo } from 'react';
-import { AvatarWrapper } from './Avatar.style';
-import LetterAvatar from '../LetterAvatar/LetterAvatar';
-import ImageWithFallback from '../ImageWithFallback/ImageWithFallback';
-
-export type AvatarProps = {
-  dimensions?: number;
-  src?: string;
-  firstName?: string;
-  style?: CSSProperties;
-  className?: string;
-};
-
-export const Avatar: FC<AvatarProps> = memo(
-  ({
-    src = '',
-    firstName = '',
-    dimensions = 56,
-    style = {},
-    className = '',
-  }) => {
-    const imageFallback = (
-      <LetterAvatar
-        dimensions={dimensions}
-        letter={firstName[0] ?? ''}
-        className={className}
-        style={style}
-      />
-    );
-
-    if (src) {
-      return (
-        <AvatarWrapper
-          dimensions={dimensions}
-          style={style}
-          className={className}
-        >
-          <ImageWithFallback src={src} onErrorContent={imageFallback} />
-        </AvatarWrapper>
-      );
-    }
-
-    return imageFallback;
-  }
-);
-Avatar.displayName = 'Avatar';

package/dist/lib/Container/Container.styled.ts

@@ -1,15 +0,0 @@
-import styled from 'styled-components';
-import { maxContainerWidth } from '../Theme/mindly_constants';
-
-type ContainerStyledProps = {
-  isNotMobile: boolean;
-};
-
-export const ContainerStyled = styled.div<ContainerStyledProps>`
-  margin: auto;
-  max-width: ${({ isNotMobile }) => (isNotMobile ? maxContainerWidth : '100%')};
-  padding: 16px;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-`;

package/dist/lib/Container/Container.tsx

@@ -1,15 +0,0 @@
-import React, { FC } from 'react';
-import { ContainerStyled } from './Container.styled';
-import { isPlatform } from '@ionic/react';
-
-const Container: FC = ({ children }) => {
-  return (
-    <ContainerStyled
-      isNotMobile={isPlatform('desktop') || isPlatform('tablet')}
-    >
-      {children}
-    </ContainerStyled>
-  );
-};
-
-export default Container;

package/dist/lib/EntryNotFound/EntryNotFound.style.ts

@@ -1,14 +0,0 @@
-import styled from 'styled-components';
-
-export const EntryNodFoundContainer = styled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`;
-
-export const EntryNotFoundTitle = styled.span`
-  font-size: 16px;
-  font-weight: 600;
-  color: #1d201f;
-  margin-top: 20px;
-`;

package/dist/lib/EntryNotFound/EntryNotFound.tsx

@@ -1,21 +0,0 @@
-import React, { FC } from 'react';
-import { ReactComponent as CalendarIcon } from './calendar.svg';
-import {
-  EntryNodFoundContainer,
-  EntryNotFoundTitle,
-} from './EntryNotFound.style';
-
-export type EntryNotFoundProps = {
-  title?: string;
-};
-
-export const EntryNotFound: FC<EntryNotFoundProps> = ({
-  title = 'Консультацій немає',
-}) => {
-  return (
-    <EntryNodFoundContainer>
-      <CalendarIcon />
-      <EntryNotFoundTitle>{title}</EntryNotFoundTitle>
-    </EntryNodFoundContainer>
-  );
-};

package/dist/lib/Filters/ListSelect/ListSelect.style.ts

@@ -1,38 +0,0 @@
-import { IonItem, IonLabel } from '@ionic/react';
-import styled from 'styled-components';
-
-export const ListTitle = styled.h3`
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 24px;
-  color: #1d201f;
-  margin-bottom: 16px;
-`;
-
-export const IonItemStyled = styled(IonItem)`
-  --padding-start: 0;
-  --inner-padding-end: 0;
-  --min-height: 32px;
-  --background-hover: transparent;
-  --background-activated: transparent;
-  --background: transparent;
-  margin-bottom: 4px;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-
-  & ion-icon {
-    margin: 0 8px 0 0;
-    color: #21abd2;
-    font-size: 18px;
-    --ionicon-stroke-width: 48px;
-  }
-`;
-
-export const IonLabelStyled = styled(IonLabel)`
-  margin: 0;
-  font-weight: 600;
-  font-size: 14px !important;
-  line-height: 16px;
-`;