sprof 0.1.0

package/src/components/organisms/PTabs/PTabs.vue

@@ -0,0 +1,190 @@
+<template>
+  <div
+    class="mainblock"
+    :style="{
+      height: `calc(100% - ${outTopMargin} - ${tabHeight}`,
+    }"
+  >
+    <div
+      ref="menuRef"
+      class="top-menu"
+      :style="{
+        gridTemplateColumns: `repeat(auto-fit, minmax(${minMenuItemWidth}, 1fr))`,
+      }"
+    >
+      <div v-for="tab in tabs" :key="tab.id">
+        <div
+          :class="{ 'selected-tab': tab.id === activeTab.id, tab: activeTab.id !== tab.id }"
+          :style="{
+            minHeight: tabHeight,
+            maxHeight: tabHeight,
+          }"
+          @click="select(tab)"
+        >
+          {{ tab.name }}
+        </div>
+      </div>
+    </div>
+    <div
+      class="body-container"
+      :style="{
+        background: background,
+        height: h,
+      }"
+    >
+      <slot />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import ITab from './ITab';
+const props = defineProps({
+  tabs: {
+    type: Object as PropType<ITab[]>,
+    required: true,
+  },
+  tabHeight: {
+    type: String,
+    required: false,
+    default: '40px',
+  },
+  height: {
+    type: String,
+    required: false,
+    default: '',
+  },
+  minMenuItemWidth: {
+    type: String,
+    required: false,
+    default: '150px',
+  },
+  outTopMargin: {
+    type: String,
+    required: false,
+    default: '40px',
+  },
+  background: {
+    type: String,
+    required: false,
+    default: '#ffffff',
+  },
+});
+const emit = defineEmits(['select']);
+const activeTab: Ref<ITab> = ref(props.tabs[0]);
+const windowWidth = ref(window.innerWidth);
+const menuRef = ref();
+const menuH = ref(Number(props.tabHeight.replace(/[^+\d]/g, '')));
+
+const onWidthChange = () => {
+  windowWidth.value = window.innerWidth;
+  menuH.value = menuRef.value ? menuRef.value.clientHeight : Number(props.tabHeight.replace(/[^+\d]/g, ''));
+};
+onMounted(() => window.addEventListener('resize', onWidthChange));
+onUnmounted(() => window.removeEventListener('resize', onWidthChange));
+
+const h = computed(() => {
+  return `calc(100% - ${menuH.value}px + 1px)`;
+});
+const select = (tab: ITab) => {
+  activeTab.value = tab;
+  emit('select', tab);
+};
+</script>
+
+<style lang="scss" scoped>
+.mainblock {
+  box-sizing: border-box;
+  display: block;
+  border-radius: 10px;
+  border: 1px solid;
+  border-color: var(--tabs-border-color);
+  overflow: hidden;
+  margin: 0 10px 10px 10px;
+}
+
+.top-menu {
+  position: relative;
+  margin: -1px;
+  display: grid;
+  grid-gap: 0;
+  grid-template-rows: repeat(0 0px);
+  z-index: 6;
+}
+
+.top-menu > div {
+  object-fit: cover;
+}
+
+.body-container {
+  margin-top: 1px;
+  border-top: 0.5px solid;
+  border-color: var(--tabs-border-color);
+  box-sizing: border-box;
+  overflow: scroll;
+  overflow: hidden;
+  overflow-y: auto;
+}
+
+.tab {
+  font-size: var(--font-size-default);
+  text-transform: uppercase;
+  color: var(--tabs-font-color);
+  border: 1px solid;
+  border-bottom: none;
+  border-color: var(--tabs-border-color);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  text-align: center;
+
+  -webkit-user-select: none;
+  /* Safari */
+  -ms-user-select: none;
+  /* IE 10 and IE 11 */
+  user-select: none;
+  /* Standard syntax */
+
+  background: var(--tabs-background);
+  margin: -0.5px;
+  font-family: var(--base-font);
+}
+
+.tab:hover {
+  background: var(--tabs-hover-background-color);
+}
+
+.selected-tab {
+  // box-sizing: border-box;
+  font-size: var(--font-size-default);
+  // font-weight: bold;
+  text-transform: uppercase;
+  color: var(--tabs-selected-font-color);
+  border: 1px solid;
+  border-bottom: none;
+  border-color: var(--tabs-border-color);
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  cursor: pointer;
+
+  -webkit-user-select: none;
+  /* Safari */
+  -ms-user-select: none;
+  /* IE 10 and IE 11 */
+  user-select: none;
+  /* Standard syntax */
+
+  background: var(--tabs-background-selected);
+  margin: -0.5px;
+  z-index: 1;
+  font-family: var(--base-font);
+}
+
+.selected-tab:hover {
+  background: var(--tabs-background-selected);
+}
+</style>

package/src/components/organisms/UploaderFile/UploaderFile.test.ts

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils';
+
+// import FileInfo from '@/services/classes/FileInfo';
+import UploaderFile from './UploaderFile.vue';
+
+describe('UploaderFile', () => {
+  test('render text', async () => {
+    const wrapper = mount(UploaderFile);
+
+    const inputFile = wrapper.find('input[type="file"]');
+    const fileMock = new File(['(file content)'], 'test-file.pdf', {
+      type: 'text/plain',
+      name: 'test-file.pdf',
+    });
+
+    expect(inputFile.exists()).toBe(true);
+    inputFile.element.files = [fileMock];
+    await inputFile.trigger('change');
+    await wrapper.vm.$nextTick();
+
+    expect(inputFile.element.files).toEqual([fileMock]);
+  });
+});

package/src/components/organisms/UploaderFile/UploaderFile.vue

@@ -0,0 +1,202 @@
+<template>
+  <input :id="fileInputId" type="file" hidden @change="changeFileHandler" />
+  <div class="text-field" :style="{ margin: margin, padding: padding }">
+    <label v-if="label" class="text-field__label" :for="label">
+      {{ label }}
+    </label>
+    <div
+      class="field"
+      :style="{
+        borderColor: borderColor,
+      }"
+    >
+      <div class="left-field">
+        <PFlex>
+          <slot />
+          <PString :string="placeholder" font-size="var(--font-size-default:)" color="var(--input-label-color)" margin="0 10px 0 0" />
+        </PFlex>
+      </div>
+      <div
+        v-if="fileInfo && fileInfo.originalName"
+        class="text-field__input"
+        :style="{
+          color: color,
+        }"
+      >
+        <a :href="fileInfo.getFileUrl()" target="_blank" :download="fileInfo.originalName">
+          <div>{{ fileInfo.originalName }}</div>
+        </a>
+        <PButton size="mini" icon="el-icon-close" @click="removeFile"></PButton>
+      </div>
+      <div v-else class="text-field__input">
+        <PString string="Файл не загружен" font-size="var(--inpur-font-size-default)" color="var(--palette-warning)" margin="0 10px 0 0" />
+      </div>
+      <div class="right-field">
+        <PButton
+          :id="buttonFileId"
+          skin="text"
+          type="success"
+          data-test="upload-btn"
+          :text="fileInfo && fileInfo.originalName ? 'Обновить' : 'Загрузить'"
+          margin="0"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import FileInfo from '@/services/classes/FileInfo';
+
+const props = defineProps({
+  fileInfo: {
+    type: Object as PropType<FileInfo>,
+    required: false,
+    default: new FileInfo(),
+  },
+  formats: {
+    type: Array as PropType<string[]>,
+    default: () => ['pdf', 'jpeg', 'jpg'],
+  },
+  label: { type: String, default: '', required: false },
+  margin: { type: String, required: false, default: '10px 0 0 0' },
+  disabled: { type: Boolean, required: false, default: false },
+  padding: { type: String, default: '', required: false },
+  mask: { type: String, required: false, default: undefined },
+  borderColor: { type: String, default: 'var(--input-border-color)', required: false },
+  color: { type: String, default: 'var(--input-font-color)', required: false },
+  placeholder: { type: String, required: false, default: '' },
+});
+
+const emit = defineEmits(['upload', 'remove']);
+
+const fileInputId = Strings.CreateGuid();
+const buttonFileId = Strings.CreateGuid();
+
+const changeFileHandler = () => {
+  const file = document.getElementById(fileInputId)?.files[0];
+  if (!file) {
+    return;
+  }
+  if (!isAcceptedFormat(file.name)) {
+    PHelp.Notification.Error('Загруженный файл должен быть в формате pdf, jpg или jpeg');
+    return;
+  }
+  props.fileInfo.uploadAndSetFile(file);
+  emit('upload', props.fileInfo);
+};
+const removeFile = () => {
+  props.fileInfo.clearFile();
+  emit('remove', props.fileInfo);
+};
+// const accept = ref(props.formats.map((el) => '.' + el).toString());
+
+onMounted(() => {
+  const btn = document.getElementById(buttonFileId);
+  if (!btn) {
+    return;
+  }
+  btn.onclick = () => document.getElementById(fileInputId)?.click();
+});
+
+const isAcceptedFormat = (filename: string): boolean => {
+  let ext = Extension.Get(filename);
+  if (props.formats.includes(ext.toLowerCase())) {
+    return true;
+  }
+  return false;
+};
+</script>
+
+<style scoped>
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+.field {
+  box-sizing: border-box;
+  position: relative;
+  display: flex;
+  justify-content: left;
+  align-items: center;
+  background: var(--input-background);
+  border-radius: var(--input-field-borderRadius-default);
+  border: 1px solid;
+  padding: var(--input-padding-default);
+  margin: var(--input-margin-default);
+  overflow: hidden;
+  width: 100%;
+}
+
+.right-field {
+  display: flex;
+  justify-content: right;
+  align-items: center;
+  width: auto;
+  font-family: var(--base-font);
+  color: var(--input-label-color);
+  font-size: var(--inpur-font-size-default);
+  white-space: nowrap;
+}
+
+.left-field {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  width: auto;
+  font-family: var(--base-font);
+  color: var(--input-label-color);
+  font-size: var(--inpur-font-size-default);
+  white-space: nowrap;
+}
+
+.text-field {
+  width: var(--input-width-default);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.text-field__label {
+  display: flex;
+  justify-content: left;
+  align-items: center;
+  width: 100%;
+  font-family: var(--base-font);
+  color: var(--input-label-color);
+  font-size: var(--inpur-font-size-default);
+  margin: var(--input-labal-margin);
+}
+
+.text-field__input {
+  width: 100%;
+  font-size: var(--inpur-font-size-default);
+  font-family: var(--base-font);
+  background: var(--input-background);
+  margin: 0;
+  height: var(--input-height, 30px);
+  border: none;
+  display: flex;
+  align-items: center;
+}
+
+.text-field__input::placeholder {
+  font-family: var(--base-font);
+  font-size: var(--inpur-font-size-default);
+  color: var(--input-placeholder-color);
+}
+
+.text-field__input:focus {
+  color: var(--input-focus-color);
+  outline: 0;
+}
+
+.text-field__input:disabled,
+.text-field__input[readonly] {
+  background-color: var(--input-readonly-background);
+  opacity: 1;
+}
+</style>

package/src/components/pages/AuthPage.vue

@@ -0,0 +1,22 @@
+<template>
+  <div class="bg">
+    <AuthForm width="760px" margin="0 auto" @action="action" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+const action = () => {
+  if (PHelp.AuthForm.IsLogin()) {
+    Router.ToHome();
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.bg {
+  width: 100vw;
+  height: 100vh;
+  background: #b5c5ff;
+  padding: 20vh 0 0 0;
+}
+</style>

package/src/components/pages/PageNotFound.vue

@@ -0,0 +1,7 @@
+<template>
+  <div style="text-align: center">
+    <h1>Страница не найдена</h1>
+  </div>
+</template>
+
+<script lang="ts" setup></script>

package/src/index.ts

@@ -0,0 +1,206 @@
+// atoms
+import PButton from '@/components/atoms/PButton/PButton.vue';
+import PCheckBox from '@/components/atoms/PCheckbox/PCheckBox.vue';
+import PDatePicker from '@/components/atoms/PDatePicker/PDatePicker.vue';
+import PFlex from '@/components/atoms/PFlex/PFlex.vue';
+import PInput from '@/components/atoms/PInput/PInput.vue';
+import PInputDate from '@/components/atoms/PInputDate/PInputDate.vue';
+import PInputNumber from '@/components/atoms/PInputNumber/PInputNumber.vue';
+import PLeftSlider from '@/components/atoms/PLeftSlider/PLeftSlider.vue';
+import PList from '@/components/atoms/PList/PList.vue';
+import PListItem from '@/components/atoms/PListItem/PListItem.vue';
+import PRadio from '@/components/atoms/PRadio/PRadio.vue';
+import PRightSlider from '@/components/atoms/PRightSlider/PRightSlider.vue';
+import PSelect from '@/components/atoms/PSelect/PSelect.vue';
+import PSticky from '@/components/atoms/PSticky/PSticky.vue';
+import PString from '@/components/atoms/PString/PString.vue';
+import PTextarea from '@/components/atoms/PTextarea/PTextarea.vue';
+import PTopSlider from '@/components/atoms/PTopSlider/PTopSlider.vue';
+// icons
+// icon filter
+import IconDownload from '@/components/Icons/Filter/IconDownload.vue';
+import IconFilter from '@/components/Icons/Filter/IconFilter.vue';
+//icon pagination
+import ArrowLeft from '@/components/Icons/Pagination/ArrowLeft.vue';
+import ArrowRight from '@/components/Icons/Pagination/ArrowRight.vue';
+import DoubleArrowLeft from '@/components/Icons/Pagination/DoubleArrowLeft.vue';
+import DoubleArrowRight from '@/components/Icons/Pagination/DoubleArrowRight.vue';
+import EllipsisSvg from '@/components/Icons/Pagination/EllipsisSvg.vue';
+// icons
+import IconArrowLeft from '@/components/Icons/IconArrowLeft.vue';
+import IconCheckDefault from '@/components/Icons/IconCheckDefault.vue';
+import IconClose from '@/components/Icons/IconClose.vue';
+import IconEdit from '@/components/Icons/IconEdit.vue';
+import IconEmail from '@/components/Icons/IconEmail.vue';
+import IconMove from '@/components/Icons/IconMove.vue';
+import IconPhone from '@/components/Icons/IconPhone.vue';
+import IconSearch from '@/components/Icons/IconSearch.vue';
+import IconSelectArrow from '@/components/Icons/IconSelectArrow.vue';
+// molecules
+// molecule collapse
+import CollapseContainer from '@/components/molecules/Collapse/CollapseContainer.vue';
+import CollapseItem from '@/components/molecules/Collapse/CollapseItem.vue';
+import VerticalCollapseContainer from '@/components/molecules/Collapse/VerticalCollapseContainer.vue';
+//molecule PAdd
+import PAdd from '@/components/molecules/PAdd/PAdd.vue';
+import PContainer from '@/components/molecules/PAdd/PContainer.vue';
+import PContainerStickyHead from '@/components/molecules/PAdd/PContainerStickyHead.vue';
+//molecule PDel
+import PDel from '@/components/molecules/PDel/PDel.vue';
+// organisms
+import PTabs from '@/components/organisms/PTabs/PTabs.vue';
+import UploaderFile from '@/components/organisms/UploaderFile/UploaderFile.vue';
+import AuthForm from '@/components/organisms/AuthForm.vue';
+import PModal from '@/components/organisms/PModal.vue';
+//pages
+import AuthPage from '@/components/pages/AuthPage.vue';
+import PageNotFound from '@/components/pages/PageNotFound.vue';
+//services
+import AdaptiveContainer from '@/components/AdaptiveContainer.vue';
+import AdaptiveContainerHorizontal from '@/components/AdaptiveContainerHorizontal.vue';
+import AdminGallery from '@/components/AdminGallery.vue';
+import AuthModal from '@/components/AuthModal.vue';
+import CarouselImages from '@/components/CarouselImages.vue';
+import ContactForm from '@/components/ContactForm.vue';
+import ContextWindow from '@/components/ContextWindow.vue';
+import DateInputRange_v2 from '@/components/DateInputRange_v2.vue';
+import DateInputRange from '@/components/DateInputRange.vue';
+import DropList from '@/components/DropList.vue';
+import EmailForm from '@/components/EmailForm.vue';
+import FilterCheckbox from '@/components/FilterCheckbox.vue';
+import FiltersButtonsSelect from '@/components/FiltersButtonsSelect.vue';
+import FilterSelect from '@/components/FilterSelect.vue';
+import FTSPPanel from '@/components/FTSPPanel.vue';
+import GeneralItem from '@/components/GeneralItem.vue';
+import GridContainer from '@/components/GridContainer.vue';
+import ImageCropper from '@/components/ImageCropper.vue';
+import InfoItem from '@/components/InfoItem.vue';
+import InfoItemSelectButtons from '@/components/InfoItemSelectButtons.vue';
+import LeftRightContainer from '@/components/LeftRightContainer.vue';
+import MessageBody from '@/components/MessageBody.vue';
+import PAutocomplete from '@/components/PAutocomplete.vue';
+import PDialog from '@/components/PDialog.vue';
+import PhoneForm from '@/components/PhoneForm.vue';
+import PLoader from '@/components/PLoader.vue';
+import PNotification from '@/components/PNotification.vue';
+import PPagination from '@/components/PPagination.vue';
+import RemoteSearch from '@/components/RemoteSearch.vue';
+import ResearcheContainer from '@/components/ResearcheContainer.vue';
+import RightSliderContainer from '@/components/RightSliderContainer.vue';
+import RightTabsContainer from '@/components/RightTabsContainer.vue';
+import RSContainer from '@/components/RSContainer.vue';
+import SelectValueType from '@/components/SelectValueType.vue';
+import SingleNameToggleForm from '@/components/SingleNameToggleForm.vue';
+import SortList from '@/components/SortList.vue';
+import SortSelect from '@/components/SortSelect.vue';
+import Switch3Pos from '@/components/Switch3Pos.vue';
+import ThemeWrapper from '@/components/ThemeWrapper.vue';
+import ToggleInfoItem from '@/components/ToggleInfoItem.vue';
+import TopSliderContainer from '@/components/TopSliderContainer.vue';
+import UploaderImage from '@/components/UploaderImage.vue';
+
+
+const servicesComponents: {install: (app: {component: (a:string, b:unknown) => void}) => void} = {
+    install: function (app: { component:(a:string, b:unknown) => void}) :void {
+        app.component("PButton", PButton);
+        app.component("PCheckBox", PCheckBox);
+        app.component("PDatePicker", PDatePicker);
+        app.component("PFlex", PFlex);
+        app.component("PInput", PInput);
+        app.component("PInputDate", PInputDate);
+        app.component("PInputNumber", PInputNumber);
+        app.component("PLeftSlider", PLeftSlider);
+        app.component("PList", PList);
+        app.component("PListItem", PListItem);
+        app.component("PRadio", PRadio);
+        app.component("PRightSlider", PRightSlider);
+        app.component("PSelect", PSelect);
+        app.component("PSticky", PSticky);
+        app.component("PString", PString);
+        app.component("PTextarea", PTextarea);
+        app.component("PTopSlider", PTopSlider);
+        app.component("IconDownload", IconDownload);
+        app.component("IconFilter", IconFilter);
+        app.component("ArrowLeft", ArrowLeft);
+        app.component("ArrowRight", ArrowRight);
+        app.component("DoubleArrowLeft", DoubleArrowLeft);
+        app.component("DoubleArrowRight", DoubleArrowRight);
+        app.component("EllipsisSvg", EllipsisSvg);
+        app.component("IconArrowLeft", IconArrowLeft);
+        app.component("IconCheckDefault", IconCheckDefault);
+        app.component("IconClose", IconClose);
+        app.component("IconEdit", IconEdit);
+        app.component("IconEmail", IconEmail);
+        app.component("IconMove", IconMove);
+        app.component("IconPhone", IconPhone);
+        app.component("IconSearch", IconSearch);
+        app.component("IconSelectArrow", IconSelectArrow);
+        app.component("CollapseContainer", CollapseContainer);
+        app.component("CollapseItem", CollapseItem);
+        app.component("VerticalCollapseContainer", VerticalCollapseContainer);
+        app.component("PAdd", PAdd);
+        app.component("PContainer", PContainer);
+        app.component("PContainerStickyHead", PContainerStickyHead);
+        app.component("PDel", PDel);
+        app.component("PTabs", PTabs);
+        app.component("UploaderFile", UploaderFile);
+        app.component("AuthForm", AuthForm);
+        app.component("PModal", PModal);
+        app.component("AuthPage", AuthPage);
+        app.component("PageNotFound", PageNotFound);
+        app.component("AdaptiveContainer", AdaptiveContainer);
+        app.component("AdaptiveContainerHorizontal", AdaptiveContainerHorizontal);
+        app.component("AdminGallery", AdminGallery);
+        app.component("AuthModal", AuthModal);
+        app.component("CarouselImages", CarouselImages);
+        app.component("ContactForm", ContactForm);
+        app.component("ContextWindow", ContextWindow);
+        app.component("DateInputRange_v2", DateInputRange_v2);
+        app.component("DateInputRange", DateInputRange);
+        app.component("DropList", DropList);
+        app.component("EmailForm", EmailForm);
+        app.component("FilterCheckbox", FilterCheckbox);
+        app.component("FiltersButtonsSelect", FiltersButtonsSelect);
+        app.component("FilterSelect", FilterSelect);
+        app.component("FTSPPanel", FTSPPanel);
+        app.component("GeneralItem", GeneralItem);
+        app.component("GridContainer", GridContainer);
+        app.component("ImageCropper", ImageCropper);
+        app.component("InfoItem", InfoItem);
+        app.component("InfoItemSelectButtons", InfoItemSelectButtons);
+        app.component("LeftRightContainer", LeftRightContainer);
+        app.component("MessageBody", MessageBody);
+        app.component("PAutocomplete", PAutocomplete);
+        app.component("PDialog", PDialog);
+        app.component("PhoneForm", PhoneForm);
+        app.component("PLoader", PLoader);
+        app.component("PNotification", PNotification);
+        app.component("PPagination", PPagination);
+        app.component("RemoteSearch", RemoteSearch);
+        app.component("ResearcheContainer", ResearcheContainer);
+        app.component("RightSliderContainer", RightSliderContainer);
+        app.component("RightTabsContainer", RightTabsContainer);
+        app.component("RSContainer", RSContainer);
+        app.component("SelectValueType", SelectValueType);
+        app.component("SingleNameToggleForm", SingleNameToggleForm);
+        app.component("SortList", SortList);
+        app.component("SortSelect", SortSelect);
+        app.component("Switch3Pos", Switch3Pos);
+        app.component("ThemeWrapper", ThemeWrapper);
+        app.component("ToggleInfoItem", ToggleInfoItem);
+        app.component("TopSliderContainer", TopSliderContainer);
+        app.component("UploaderImage", UploaderImage);
+    },
+}
+
+export {PButton, PCheckBox, PDatePicker, PFlex, PInput, PInputDate, PInputNumber, PLeftSlider, PList, PListItem, PRadio, PRightSlider, 
+    PSelect, PSticky, PString, PTextarea, PTopSlider, IconDownload, IconFilter, ArrowLeft, ArrowRight, DoubleArrowLeft, DoubleArrowRight,
+    EllipsisSvg, IconArrowLeft, IconCheckDefault, IconClose, IconEdit, IconEmail, IconMove, IconPhone, IconSearch, IconSelectArrow, 
+    CollapseContainer, CollapseItem, VerticalCollapseContainer, PAdd, PContainer, PContainerStickyHead, PDel, PTabs, UploaderFile, 
+    AuthForm, PModal, AuthPage, PageNotFound, AdaptiveContainer, AdaptiveContainerHorizontal, AdminGallery, AuthModal, CarouselImages, 
+    ContactForm, ContextWindow, DateInputRange_v2, DateInputRange, DropList, EmailForm, FilterCheckbox, FiltersButtonsSelect, FilterSelect,
+    FTSPPanel, GeneralItem, GridContainer, ImageCropper, InfoItem, InfoItemSelectButtons, LeftRightContainer, MessageBody, PAutocomplete,
+    PDialog, PhoneForm, PLoader, PNotification, PPagination, RemoteSearch, ResearcheContainer, RightSliderContainer, RightTabsContainer, 
+    RSContainer, SelectValueType, SingleNameToggleForm, SortList, SortSelect, Switch3Pos, ThemeWrapper, ToggleInfoItem, TopSliderContainer, 
+    UploaderImage, servicesComponents
+}

package/src/interfaces/AdminLayout.ts

@@ -0,0 +1,4 @@
+export enum AdminLayout {
+  TableList = 'tableList',
+  Default = '',
+}

package/src/interfaces/Animations.ts

@@ -0,0 +1,5 @@
+export enum Animations {
+  None = 'None',
+  Next = 'Next',
+  Prev = 'Prev',
+}

package/src/interfaces/AuthStatuses.ts

@@ -0,0 +1,8 @@
+enum AuthStatuses {
+  Login = 'login',
+  Register = 'register',
+  Restore = 'restore',
+  Refresh = 'refresh',
+}
+
+export default AuthStatuses;

package/src/interfaces/CalendarScale.ts

@@ -0,0 +1,6 @@
+export enum CalendarScale {
+  Year = 'Год',
+  Month = 'Месяц',
+  Week = 'Неделя',
+  Day = 'День',
+}

package/src/interfaces/Callback.ts

@@ -0,0 +1,2 @@
+export declare type MyCallbackWithOptParam = (error?: Error) => void;
+export declare type Callback = () => void | Promise<void>;