mediacube-ui-v2 0.0.3 → 0.0.4

package/src/mocks/categories.js

@@ -0,0 +1,107 @@
+export default [
+  {
+    id: 2,
+    title: "Autos",
+    youtube_id: "2",
+    created_at: "2017-09-27T14:52:00+03:00",
+    updated_at: "2019-06-04T20:20:08+03:00",
+  },
+  {
+    id: 3,
+    title: "Music",
+    youtube_id: "10",
+    created_at: "2017-09-27T14:52:00+03:00",
+    updated_at: "2019-06-04T20:20:08+03:00",
+  },
+  {
+    id: 14,
+    title: "Howto",
+    youtube_id: "26",
+    created_at: "2017-09-27T14:52:00+03:00",
+    updated_at: "2019-06-04T20:20:08+03:00",
+  },
+  {
+    id: 7,
+    title: "Travel",
+    youtube_id: "19",
+    created_at: "2017-09-27T14:52:00+03:00",
+    updated_at: "2019-06-04T20:20:08+03:00",
+  },
+  {
+    id: 1,
+    title: "Film",
+    youtube_id: "1",
+    created_at: "2017-09-27T14:52:00+03:00",
+    updated_at: "2019-06-04T20:20:08+03:00",
+  },
+  {
+    id: 4,
+    title: "Pets",
+    youtube_id: "15",
+    created_at: "2017-09-27T14:52:00+03:00",
+    updated_at: "2019-06-04T20:20:08+03:00",
+  },
+  {
+    id: 12,
+    title: "Entertainment",
+    youtube_id: "24",
+    created_at: "2017-09-27T14:52:00+03:00",
+    updated_at: "2019-06-04T20:20:08+03:00",
+  },
+  {
+    id: 32,
+    title: "Nonprofits",
+    youtube_id: "29",
+    created_at: "2017-09-27T14:52:42+03:00",
+    updated_at: "2019-06-04T20:20:06+03:00",
+  },
+  {
+    id: 5,
+    title: "Sports",
+    youtube_id: "17",
+    created_at: "2017-09-27T14:52:00+03:00",
+    updated_at: "2019-06-04T20:20:08+03:00",
+  },
+  {
+    id: 8,
+    title: "Gaming",
+    youtube_id: "20",
+    created_at: "2017-09-27T14:52:00+03:00",
+    updated_at: "2019-06-04T20:20:08+03:00",
+  },
+  {
+    id: 10,
+    title: "People",
+    youtube_id: "22",
+    created_at: "2017-09-27T14:52:00+03:00",
+    updated_at: "2019-06-04T20:20:08+03:00",
+  },
+  {
+    id: 11,
+    title: "Comedy",
+    youtube_id: "23",
+    created_at: "2017-09-27T14:52:00+03:00",
+    updated_at: "2019-06-04T20:20:08+03:00",
+  },
+  {
+    id: 13,
+    title: "News",
+    youtube_id: "25",
+    created_at: "2017-09-27T14:52:00+03:00",
+    updated_at: "2019-06-04T20:20:08+03:00",
+  },
+  {
+    id: 15,
+    title: "Education",
+    youtube_id: "27",
+    created_at: "2017-09-27T14:52:00+03:00",
+    updated_at: "2019-06-04T20:20:08+03:00",
+  },
+  {
+    id: 16,
+    title: "Science",
+    youtube_id: "28",
+    created_at: "2017-09-27T14:52:00+03:00",
+    updated_at: "2019-06-04T20:20:08+03:00",
+  },
+]

package/src/mocks/filterMocks.ts

@@ -0,0 +1,133 @@
+import { FilterRelations, FilterTypes } from '@/enums'
+import type { IFilter, IFilterPlaceholders } from '@/types'
+
+const value = {
+  filter: {
+    views_count: {
+      more: 10
+    },
+    countries: {
+      is: [1],
+      is_not: [2]
+    },
+    email: 'crocodile@gena.com'
+  },
+  filter_name:
+    'JTdCJTIyY291bnRyaWVzJTIyOiU3QiUyMmlzJTIyOiU3QiUyMjMlMjI6JTIyJUQwJUEzJUQwJUJBJUQxJTgwJUQwJUIwJUQwJUI4JUQwJUJEJUQwJUIwJTIyJTdEJTdELCUyMnZpZXdzX2NvdW50JTIyOiU3QiUyMm1vcmUlMjI6MTEsJTIybGVzcyUyMjoyMjIlN0QsJTIyY3JlYXRlZF9hdCUyMjolN0IlMjJtb3JlJTIyOiUyMjIwMjAtMTAtMDglMjIsJTIybGVzcyUyMjolMjIyMDIwLTExLTI3JTIyJTdEJTdE'
+}
+const filters: IFilter[] = [
+  {
+    type: FilterTypes.Text,
+    name: 'Поиск',
+    value: 'email'
+  },
+  {
+    type: FilterTypes.Relation,
+    is_text: false,
+    name: 'Страна',
+    value: 'countries',
+    options: [
+      { name: 'Беларусь', value: 1 },
+      { name: 'Россия', value: 2 },
+      { name: 'Украина', value: 3 }
+    ]
+  },
+  {
+    type: FilterTypes.Relation,
+    name: 'Пользователь',
+    value: 'users',
+    getAjaxOne: (val: string) => {
+      return fetch('https://reqres.in/api/users?q=' + val)
+        .then((result) => {
+          return result.json()
+        })
+        .then((result) => {
+          return result.data.map((r: any) => ({
+            name: r.first_name + ' ' + r.last_name,
+            value: r.id
+          }))
+        })
+    },
+    getAjaxOptions: (val: string) => {
+      return fetch('https://reqres.in/api/users/' + val)
+        .then((result) => {
+          return result.json()
+        })
+        .then((result) => {
+          const r = result.data
+          return {
+            name: r.first_name + ' ' + r.last_name,
+            value: r.id
+          }
+        })
+    }
+  },
+  {
+    type: FilterTypes.Range,
+    name: 'Просмотры',
+    value: 'views_count',
+    min: 0,
+    max: 10000
+  },
+  {
+    type: FilterTypes.Date,
+    name: 'Дата создания',
+    value: 'created_at'
+  },
+  {
+    type: FilterTypes.Relation,
+    name: 'Тэг',
+    value: 'tags',
+    is_text: true
+  },
+  {
+    type: FilterTypes.Fast,
+    relation: FilterRelations.Exists,
+    default: 1,
+    value: 'disconnected_mcn_score',
+    name: 'Отключенные по MCN Score',
+    description: 'Отключенные по MCN Score tooltip'
+  }
+]
+
+const defaultPlaceholders: IFilterPlaceholders = {
+  main_tooltip: 'Click to open/close',
+  value: 'Value',
+  condition: 'Condition',
+  create_preset: 'Create new preset',
+  fast_filters: 'Fast filters',
+  added_filters: 'Added filters',
+  enter_preset_name: 'Enter preset name',
+  enter_preset_tooltip: 'Сохранение выбранных параметров фильтра в пользовательский пресет',
+  from: 'From',
+  to: 'To',
+  enter: 'Enter',
+  choose: 'Choose',
+  actions: {
+    add: 'Add',
+    save: 'Save',
+    clear: 'Clear',
+    create: 'Create',
+    delete_preset: 'Delete preset',
+    is: 'This',
+    is_not: 'Is not',
+    empty: 'Empty',
+    confirm: 'Confirm'
+  },
+  calendar: {
+    week: 'Week',
+    month: 'Month',
+    quarter: 'Quarter',
+    year: 'Year',
+    confirm: 'Confirm'
+  },
+  messages: {
+    same_filter: 'Уже есть фильтр с таким параметром',
+    same_preset_name: 'Уже есть фильтр с таким именем',
+    accidentally_cleared: 'Случайно очистили?',
+    accidentally_deleted: 'Случайно удалили?',
+    more_than: 'Значение "от" не может быть больше значения "до"'
+  }
+}
+
+export { value, filters, defaultPlaceholders }

package/src/mocks/icons.json

@@ -0,0 +1 @@
+{"a_circle":"a_circle.svg","access_time":"access_time.svg","account_circle":"account_circle.svg","account_edit":"account_edit.svg","add":"add.svg","add_circle":"add_circle.svg","address":"address.svg","ads_banner":"ads_banner.svg","album":"album.svg","alert_solid":"alert_solid.svg","alternate_email":"alternate_email.svg","amocrm":"amocrm.svg","amper_music":"amper_music.svg","analytics":"analytics.svg","animation_motion":"animation_motion.svg","api":"api.svg","apple_icon":"apple_icon.svg","applications":"applications.svg","applications_new":"applications_new.svg","apps":"apps.svg","archive":"archive.svg","archive_in":"archive_in.svg","archive_out":"archive_out.svg","arrow-stats-down":"arrow-stats-down.svg","arrow-stats-up":"arrow-stats-up.svg","arrow_backward":"arrow_backward.svg","arrow_downward":"arrow_downward.svg","arrow_drop_down":"arrow_drop_down.svg","arrow_drop_up":"arrow_drop_up.svg","arrow_forward":"arrow_forward.svg","arrow_leftward":"arrow_leftward.svg","arrow_rightward":"arrow_rightward.svg","arrow_to_grow_circle":"arrow_to_grow_circle.svg","arrow_up_down":"arrow_up_down.svg","arrow_upward":"arrow_upward.svg","arrows":"arrows.svg","artist":"artist.svg","assessment":"assessment.svg","assets_unassigned":"assets_unassigned.svg","assignment":"assignment.svg","assignment_ind":"assignment_ind.svg","assist_icon":"assist_icon.svg","attach_money":"attach_money.svg","audiotrack":"audiotrack.svg","backspace":"backspace.svg","bank":"bank.svg","bank_building":"bank_building.svg","bank_building_blue":"bank_building_blue.svg","bank_card":"bank_card.svg","bank_card_arrow":"bank_card_arrow.svg","bank_card_clock":"bank_card_clock.svg","bank_card_double":"bank_card_double.svg","bank_card_virtual_blue":"bank_card_virtual_blue.svg","bank_money_colored":"bank_money_colored.svg","bankwire":"bankwire.svg","bell":"bell.svg","binance_coin_colored":"binance_coin_colored.svg","biometrics":"biometrics.svg","bitcoin":"bitcoin.svg","bitcoin_cash_colored":"bitcoin_cash_colored.svg","bitcoin_colored":"bitcoin_colored.svg","bloggerhood":"bloggerhood.svg","board":"board.svg","book":"book.svg","broken_link":"broken_link.svg","bug":"bug.svg","bug_big":"bug_big.svg","bug_report":"bug_report.svg","building":"building.svg","building_colored":"building_colored.svg","business_center":"business_center.svg","calendar":"calendar.svg","calendar_colored":"calendar_colored.svg","calendar_load":"calendar_load.svg","calendar_sixteen":"calendar_sixteen.svg","calendar_two_weeks":"calendar_two_weeks.svg","calendar_user":"calendar_user.svg","camera_alt":"camera_alt.svg","camera_plus":"camera_plus.svg","camera_video":"camera_video.svg","cancel":"cancel.svg","cancel_alt":"cancel_alt.svg","capitalist":"capitalist.svg","capitalist_colored":"capitalist_colored.svg","card":"card.svg","card_off":"card_off.svg","card_off_circle":"card_off_circle.svg","card_to_card_blue":"card_to_card_blue.svg","card_to_card_colored":"card_to_card_colored.svg","cash-ad":"cash-ad.svg","cash":"cash.svg","category":"category.svg","cellphone":"cellphone.svg","change_sheet":"change_sheet.svg","channels_icon":"channels_icon.svg","chart_bar":"chart_bar.svg","chart_line":"chart_line.svg","chat":"chat.svg","chat_add":"chat_add.svg","chat_forum":"chat_forum.svg","chat_messages":"chat_messages.svg","check-rhombus":"check-rhombus.svg","check":"check.svg","check_all":"check_all.svg","check_circle":"check_circle.svg","check_circle_second":"check_circle_second.svg","check_circle_solid":"check_circle_solid.svg","check_polygonal":"check_polygonal.svg","checkbox--checked":"checkbox--checked.svg","checkbox":"checkbox.svg","checkboxes":"checkboxes.svg","circle":"circle.svg","circle_arrows":"circle_arrows.svg","click":"click.svg","clickup":"clickup.svg","clip":"clip.svg","clock_check":"clock_check.svg","clock_solid":"clock_solid.svg","close":"close.svg","close_circle_outline":"close_circle_outline.svg","close_circle_solid":"close_circle_solid.svg","cloud_upload":"cloud_upload.svg","coin_speed":"coin_speed.svg","comment":"comment.svg","company":"company.svg","confetti":"confetti.svg","connection":"connection.svg","contacts":"contacts.svg","contracts":"contracts.svg","convert":"convert.svg","copy":"copy.svg","copyright":"copyright.svg","credit-card":"credit-card.svg","credit_card_blink":"credit_card_blink.svg","crypto":"crypto.svg","crypto_blue":"crypto_blue.svg","crypto_colored":"crypto_colored.svg","cryptowallet":"cryptowallet.svg","cryptowallet_blue":"cryptowallet_blue.svg","cryptowallet_colored":"cryptowallet_colored.svg","cup":"cup.svg","dashboard":"dashboard.svg","date_range":"date_range.svg","deeplinks":"deeplinks.svg","delete-account":"delete-account.svg","delete":"delete.svg","delete_alt":"delete_alt.svg","deprecated":"deprecated.svg","desktop_device":"desktop_device.svg","dialog":"dialog.svg","discord":"discord.svg","discord_colored":"discord_colored.svg","dislike":"dislike.svg","doc-export":"doc-export.svg","document":"document.svg","dollar":"dollar.svg","donate_blue":"donate_blue.svg","donate_colored":"donate_colored.svg","dot-status":"dot-status.svg","download":"download.svg","drag":"drag.svg","eWallet":"eWallet.svg","e_wallet_blue":"e_wallet_blue.svg","e_wallet_colored":"e_wallet_colored.svg","edit":"edit.svg","edit_solid":"edit_solid.svg","email":"email.svg","email_circle":"email_circle.svg","email_colored":"email_colored.svg","enrollment":"enrollment.svg","epayments_colored":"epayments_colored.svg","epidemic-sound":"epidemic-sound.svg","epidemic_sound_circle":"epidemic_sound_circle.svg","error":"error.svg","ethereum_colored":"ethereum_colored.svg","event":"event.svg","event_alt":"event_alt.svg","exit_to_app":"exit_to_app.svg","explicit":"explicit.svg","export":"export.svg","export_all":"export_all.svg","express_payment":"express_payment.svg","face":"face.svg","face_alt":"face_alt.svg","facebook":"facebook.svg","facebook_colored":"facebook_colored.svg","fast":"fast.svg","favorite":"favorite.svg","file":"file.svg","file_add":"file_add.svg","file_copy":"file_copy.svg","file_download":"file_download.svg","file_export":"file_export.svg","file_eye":"file_eye.svg","file_import":"file_import.svg","file_new":"file_new.svg","filter_list":"filter_list.svg","find_in_page":"find_in_page.svg","fire":"fire.svg","fire_colored":"fire_colored.svg","fire_solid":"fire_solid.svg","flag_ar":"flag_ar.svg","flag_en":"flag_en.svg","flag_es":"flag_es.svg","flag_pt":"flag_pt.svg","flag_ru":"flag_ru.svg","flag_th":"flag_th.svg","flag_vi":"flag_vi.svg","fly_dollar":"fly_dollar.svg","fly_euro":"fly_euro.svg","freeze":"freeze.svg","fullscreen":"fullscreen.svg","get_app":"get_app.svg","gift_solid":"gift_solid.svg","glasses":"glasses.svg","google_colored":"google_colored.svg","googleplus_colored":"googleplus_colored.svg","graph-no-data":"graph-no-data.svg","group":"group.svg","group_connection":"group_connection.svg","growth_arrow_circle":"growth_arrow_circle.svg","hand_money":"hand_money.svg","help":"help.svg","help_invert":"help_invert.svg","help_solid":"help_solid.svg","help_ukraine_colored":"help_ukraine_colored.svg","home":"home.svg","iban":"iban.svg","iban_blue":"iban_blue.svg","id_square":"id_square.svg","id_thin":"id_thin.svg","image":"image.svg","infinity":"infinity.svg","info":"info.svg","info_rounded_square":"info_rounded_square.svg","info_solid":"info_solid.svg","instagram":"instagram.svg","instagram_colored":"instagram_colored.svg","keyboard":"keyboard.svg","keyboard_arrow_left":"keyboard_arrow_left.svg","keyboard_arrow_right":"keyboard_arrow_right.svg","keyboard_arrow_right_thin":"keyboard_arrow_right_thin.svg","kraken":"kraken.svg","language":"language.svg","layers":"layers.svg","lightning":"lightning.svg","lightning_circle":"lightning_circle.svg","lightning_circle_solid":"lightning_circle_solid.svg","lightning_outlined":"lightning_outlined.svg","like":"like.svg","link":"link.svg","link_broken":"link_broken.svg","link_colored":"link_colored.svg","link_external":"link_external.svg","link_external_new":"link_external_new.svg","linkedin":"linkedin.svg","linkedin_colored":"linkedin_colored.svg","list":"list.svg","litecoin_colored":"litecoin_colored.svg","live_help":"live_help.svg","loader":"loader.svg","location_city":"location_city.svg","location_on":"location_on.svg","lock":"lock.svg","lock_old":"lock_old.svg","logout":"logout.svg","magic_blink":"magic_blink.svg","mail_outline":"mail_outline.svg","mc_assist":"mc_assist.svg","mc_dashboard":"mc_dashboard.svg","mc_id":"mc_id.svg","mc_pay":"mc_pay.svg","mc_pay_app":"mc_pay_app.svg","mc_pay_compact":"mc_pay_compact.svg","mc_pay_menu":"mc_pay_menu.svg","mc_pay_menu_circle_colored":"mc_pay_menu_circle_colored.svg","mc_pay_mobile_app":"mc_pay_mobile_app.svg","mc_studio":"mc_studio.svg","mc_vidwide":"mc_vidwide.svg","mcadslogo":"mcadslogo.svg","mediacube":"mediacube.svg","menu":"menu.svg","menu_new":"menu_new.svg","message":"message.svg","messenger":"messenger.svg","messenger_colored":"messenger_colored.svg","minus":"minus.svg","mobile_device":"mobile_device.svg","money_clock":"money_clock.svg","money_input":"money_input.svg","more_horiz":"more_horiz.svg","music":"music.svg","music_icon":"music_icon.svg","new":"new.svg","notes":"notes.svg","objects":"objects.svg","obs":"obs.svg","okru":"okru.svg","okru_colored":"okru_colored.svg","ondemand_video":"ondemand_video.svg","partners":"partners.svg","pause":"pause.svg","payment":"payment.svg","payoneer":"payoneer.svg","payoneer_colored":"payoneer_colored.svg","payoneer_cy":"payoneer_cy.svg","paypal":"paypal.svg","paypal_colored":"paypal_colored.svg","percent":"percent.svg","personal_email_colored":"personal_email_colored.svg","phone_colored":"phone_colored.svg","photo_add":"photo_add.svg","picture":"picture.svg","picture_thin":"picture_thin.svg","plane":"plane.svg","play-videos":"play-videos.svg","play":"play.svg","print":"print.svg","prototype":"prototype.svg","public":"public.svg","qiwi":"qiwi.svg","qiwi_colored":"qiwi_colored.svg","radio--checked":"radio--checked.svg","ready":"ready.svg","receipt":"receipt.svg","receipt_thin":"receipt_thin.svg","recording_circle":"recording_circle.svg","recruiters":"recruiters.svg","redo":"redo.svg","referral":"referral.svg","referral_solid":"referral_solid.svg","reload":"reload.svg","reload_right":"reload_right.svg","remove_red_eye":"remove_red_eye.svg","repair":"repair.svg","reply_arrow":"reply_arrow.svg","requisites":"requisites.svg","reset":"reset.svg","resize_video":"resize_video.svg","revenue":"revenue.svg","review":"review.svg","ripple_colored":"ripple_colored.svg","rocket":"rocket.svg","rocket_colored":"rocket_colored.svg","rocket_small":"rocket_small.svg","role":"role.svg","safety":"safety.svg","sand_clock":"sand_clock.svg","save":"save.svg","search":"search.svg","send":"send.svg","send_solid":"send_solid.svg","settings":"settings.svg","settings_solid":"settings_solid.svg","settings_tools":"settings_tools.svg","shield":"shield.svg","shield_blue":"shield_blue.svg","shield_colored":"shield_colored.svg","shield_usd":"shield_usd.svg","shop":"shop.svg","shopping_cart":"shopping_cart.svg","shuffle":"shuffle.svg","sign_out":"sign_out.svg","skype":"skype.svg","skype_colored":"skype_colored.svg","slack":"slack.svg","smile_star_eye":"smile_star_eye.svg","sort_asc":"sort_asc.svg","sort_az":"sort_az.svg","sort_desc":"sort_desc.svg","sort_directions":"sort_directions.svg","sort_list":"sort_list.svg","sort_za":"sort_za.svg","spy_colored":"spy_colored.svg","staff":"staff.svg","star":"star.svg","star_round":"star_round.svg","star_round_solid":"star_round_solid.svg","stars":"stars.svg","stars_fill":"stars_fill.svg","stats_icon":"stats_icon.svg","steam":"steam.svg","steam_colored":"steam_colored.svg","studio_icon":"studio_icon.svg","subscriptions":"subscriptions.svg","suitcase":"suitcase.svg","supervised_user_circle":"supervised_user_circle.svg","support":"support.svg","swap_cubes":"swap_cubes.svg","swap_cubes_colored":"swap_cubes_colored.svg","swap_horizontal_circle":"swap_horizontal_circle.svg","switches":"switches.svg","table":"table.svg","telegram":"telegram.svg","telegram_colored":"telegram_colored.svg","tether":"tether.svg","tether_colored":"tether_colored.svg","three_dots":"three_dots.svg","thumb_down":"thumb_down.svg","thumb_up":"thumb_up.svg","tiktok":"tiktok.svg","time":"time.svg","time_thin":"time_thin.svg","timelapse":"timelapse.svg","timeline":"timeline.svg","tipalti":"tipalti.svg","transaction":"transaction.svg","twitter_colored":"twitter_colored.svg","unarchive":"unarchive.svg","unfold_more":"unfold_more.svg","unlock":"unlock.svg","upload_img":"upload_img.svg","usd_coin_colored":"usd_coin_colored.svg","user":"user.svg","user_edit":"user_edit.svg","user_kyc":"user_kyc.svg","viber":"viber.svg","viber_colored":"viber_colored.svg","videoblocks":"videoblocks.svg","vidiq-logo-mono":"vidiq-logo-mono.svg","vidiq_circle":"vidiq_circle.svg","visibility":"visibility.svg","visibility_off":"visibility_off.svg","vkontakte":"vkontakte.svg","vkontakte_colored":"vkontakte_colored.svg","wallet":"wallet.svg","warning":"warning.svg","webmoney":"webmoney.svg","webmoney_colored":"webmoney_colored.svg","website_colored":"website_colored.svg","whatsapp":"whatsapp.svg","whatsapp_colored":"whatsapp_colored.svg","wise_colored":"wise_colored.svg","worldfirst":"worldfirst.svg","x_network":"x_network.svg","yandexmoney":"yandexmoney.svg","yoomoney_colored":"yoomoney_colored.svg","youtube":"youtube.svg","youtube_circled":"youtube_circled.svg","youtube_circled_second":"youtube_circled_second.svg","youtube_colored":"youtube_colored.svg","youtube_outlined":"youtube_outlined.svg","zcash_colored":"zcash_colored.svg"}

package/src/mocks/menuLangs.ts

@@ -0,0 +1,20 @@
+const menuLangs = [
+    {
+        name: 'Ru',
+        href: 'javascript:void(0);',
+    },
+    {
+        name: 'En',
+        href: 'javascript:void(0);',
+    },
+    {
+        name: 'Es',
+        href: 'javascript:void(0);',
+    },
+    {
+        name: 'Pt',
+        href: 'javascript:void(0);',
+    },
+]
+
+export { menuLangs }

package/src/mocks/selectOptions.json

@@ -0,0 +1,111 @@
+[
+  {
+    "id": 2,
+    "title": "Facebook distribution",
+    "text": "Additional text",
+    "icon": "fly_euro",
+    "youtube_id": "2",
+    "created_at": "2017-09-27T14:52:00+03:00",
+    "updated_at": "2019-06-04T20:20:08+03:00"
+  },
+  {
+    "id": 3,
+    "title": "Large selection of currencies",
+    "text": "Additional text",
+    "icon": "fly_dollar",
+    "youtube_id": "10",
+    "created_at": "2017-09-27T14:52:00+03:00",
+    "updated_at": "2019-06-04T20:20:08+03:00"
+  },
+  {
+    "id": 14,
+    "title": "Express Payouts",
+    "youtube_id": "26",
+    "created_at": "2017-09-27T14:52:00+03:00",
+    "updated_at": "2019-06-04T20:20:08+03:00"
+  },
+  {
+    "id": 7,
+    "title": "Withdrawal to e-wallets",
+    "youtube_id": "19",
+    "created_at": "2017-09-27T14:52:00+03:00",
+    "updated_at": "2019-06-04T20:20:08+03:00"
+  },
+  {
+    "id": 1,
+    "title": "Flexible Payouts tariff",
+    "youtube_id": "1",
+    "created_at": "2017-09-27T14:52:00+03:00",
+    "updated_at": "2019-06-04T20:20:08+03:00"
+  },
+  {
+    "id": 4,
+    "title": "Daily Payouts tariff",
+    "youtube_id": "15",
+    "created_at": "2017-09-27T14:52:00+03:00",
+    "updated_at": "2019-06-04T20:20:08+03:00"
+  },
+  {
+    "id": 12,
+    "title": "Team finance",
+    "youtube_id": "24",
+    "created_at": "2017-09-27T14:52:00+03:00",
+    "updated_at": "2019-06-04T20:20:08+03:00"
+  },
+  {
+    "id": 32,
+    "title": "Personal manager",
+    "youtube_id": "29",
+    "created_at": "2017-09-27T14:52:42+03:00",
+    "updated_at": "2019-06-04T20:20:06+03:00"
+  },
+  {
+    "id": 5,
+    "title": "24/7 channel protection",
+    "youtube_id": "17",
+    "created_at": "2017-09-27T14:52:00+03:00",
+    "updated_at": "2019-06-04T20:20:08+03:00"
+  },
+  {
+    "id": 8,
+    "title": "Content ID",
+    "youtube_id": "20",
+    "created_at": "2017-09-27T14:52:00+03:00",
+    "updated_at": "2019-06-04T20:20:08+03:00"
+  },
+  {
+    "id": 10,
+    "title": "Design",
+    "youtube_id": "22",
+    "created_at": "2017-09-27T14:52:00+03:00",
+    "updated_at": "2019-06-04T20:20:08+03:00"
+  },
+  {
+    "id": 11,
+    "title": "Optimization",
+    "youtube_id": "23",
+    "created_at": "2017-09-27T14:52:00+03:00",
+    "updated_at": "2019-06-04T20:20:08+03:00"
+  },
+  {
+    "id": 13,
+    "title": "Merch",
+    "youtube_id": "25",
+    "created_at": "2017-09-27T14:52:00+03:00",
+    "updated_at": "2019-06-04T20:20:08+03:00"
+  },
+  {
+    "id": 15,
+    "title": "Ads automation",
+    "youtube_id": "27",
+    "created_at": "2017-09-27T14:52:00+03:00",
+    "updated_at": "2019-06-04T20:20:08+03:00"
+  },
+  {
+    "id": 16,
+    "title": "Localization",
+    "youtube_id": "28",
+    "created_at": "2017-09-27T14:52:00+03:00",
+    "updated_at": "2019-06-04T20:20:08+03:00"
+  }
+]

package/src/mocks/sidebar.ts

@@ -0,0 +1,131 @@
+import { SidebarTheme } from '@/enums'
+import type { ISideBarApp, ISideBarLang, ISideBarMenuItem, ISidebarThemeConfig } from '@/types'
+
+const apps = [
+  {
+    name: "Dashboard",
+    icon: "mc_dashboard",
+    href: "javascript:void(0);",
+    exact: true,
+    isActive: true,
+  },
+  {
+    name: "McPay",
+    icon: "mc_pay_app",
+    href: "javascript:void(0);",
+    exact: true,
+    isActive: false,
+  },
+  {
+    name: "Assist",
+    icon: "mc_assist",
+    href: "javascript:void(0);",
+    exact: true,
+    isActive: false,
+  },
+] as ISideBarApp[]
+
+const langs = [
+  {
+    name: 'Ru',
+    href: 'javascript:void(0);',
+  },
+  {
+    name: 'En',
+    href: 'javascript:void(0);',
+  },
+  {
+    name: 'Es',
+    href: 'javascript:void(0);',
+  },
+  {
+    name: 'Pt',
+    href: 'javascript:void(0);',
+  },
+] as ISideBarLang[]
+
+const menu = [
+  {
+    name: 'Users',
+    icon: 'group',
+    href: 'javascript:void(0);',
+    info: '10k',
+    menu: [
+      {
+        name: 'Сеть',
+        icon: 'public',
+        to: `payment-accounts-partners-network-index`,
+      },
+      {
+        name: 'Доходы',
+        icon: 'assessment',
+        to: `payment-accounts-partners-revenues-index`,
+      },
+      {
+        name: 'Объекты',
+        icon: 'subscriptions',
+        to: `payment-accounts-partners-assets-index`,
+      },
+    ],
+  },
+  {
+    name: 'Roles',
+    icon: 'role',
+    href: 'javascript:void(0);',
+    count_key: 'roles'
+  },
+  {
+    name: 'Transactions',
+    icon: 'swap_horizontal_circle',
+    href: 'javascript:void(0);',
+  },
+  {
+    name: 'Transfers',
+    icon: 'dollar',
+    href: 'javascript:void(0);',
+    iconColor: 'red',
+    info: '232',
+  },
+  {
+    name: 'Report',
+    icon: 'download',
+    iconColor: 'green',
+    href: 'javascript:void(0);',
+  },
+  {
+    name: 'Settings',
+    icon: 'settings_solid',
+    href: 'javascript:void(0);',
+  },
+] as ISideBarMenuItem[]
+
+const defaultThemes = {
+  [SidebarTheme.Black]: {
+    mode: SidebarTheme.Black,
+    className: 'mc-side-bar--color-theme-black',
+    dropdownActivator: 'white',
+    mainMenuLinks: {
+      variable: 'gray-flat',
+      secondaryColor: 'white',
+    },
+    closeButton: {
+      variable: 'gray-link',
+      secondaryColor: 'white',
+    },
+  } as ISidebarThemeConfig,
+  [SidebarTheme.White]: {
+    mode: SidebarTheme.White,
+    className: 'mc-side-bar--color-theme-white',
+    dropdownActivator: 'black',
+    mainMenuLinks: {
+      variable: 'black-flat',
+      secondaryColor: 'purple',
+    },
+    closeButton: {
+      variable: 'black-link',
+      secondaryColor: 'purple',
+    },
+  } as ISidebarThemeConfig
+}
+
+export { apps, langs, menu, defaultThemes }