From 15c64c20db398687e12e517e3d6e90e2be2c4249 Mon Sep 17 00:00:00 2001
From: Pouya <pouya.mozafar@gmail.com>
Date: Tue, 19 Oct 2021 15:20:24 +0330
Subject: [PATCH] Add imports in source codes

---
 stories/EMDatePicker.stories.js       | 35 +++++++++++++++++++++----
 stories/EMDatePickerInput.stories.js  | 35 +++++++++++++++++++++----
 stories/EMRangePicker.stories.js      | 30 +++++++++++++++++++---
 stories/EMRangePickerInput.stories.js | 37 +++++++++++++++++++++++----
 4 files changed, 118 insertions(+), 19 deletions(-)

diff --git a/stories/EMDatePicker.stories.js b/stories/EMDatePicker.stories.js
index f115253..0d4dc85 100644
--- a/stories/EMDatePicker.stories.js
+++ b/stories/EMDatePicker.stories.js
@@ -97,7 +97,12 @@ Persian.parameters = {
   docs: {
     source: {
       code: `
-        <EMDatePicker />
+<script setup>
+  import { EMDatePicker } from '@cafebazaar/emrooz';
+</script>
+<template>
+  <EMDatePicker />
+</template>
       `,
     },
   },
@@ -111,7 +116,12 @@ English.parameters = {
   docs: {
     source: {
       code: `
-        <EMDatePicker lang="en" />
+<script setup>
+  import { EMDatePicker } from '@cafebazaar/emrooz';
+</script>
+<template>
+  <EMDatePicker lang="en" />
+</template>
       `,
     },
   },
@@ -125,7 +135,12 @@ Miladi.parameters = {
   docs: {
     source: {
       code: `
-        <EMDatePicker type="miladi" />
+<script setup>
+  import { EMDatePicker } from '@cafebazaar/emrooz';
+</script>
+<template>
+  <EMDatePicker type="miladi" />
+</template>
       `,
     },
   },
@@ -139,7 +154,12 @@ Shamsi.parameters = {
   docs: {
     source: {
       code: `
-        <EMDatePicker type="shamsi" />
+<script setup>
+  import { EMDatePicker } from '@cafebazaar/emrooz';
+</script>
+<template>
+  <EMDatePicker type="shamsi" />
+</template>
       `,
     },
   },
@@ -153,7 +173,12 @@ OnlyEvenDaysAllowed.parameters = {
   docs: {
     source: {
       code: `
-        <EMDatePicker :allowedDates="(date) => date.getDate() % 2 === 0" />
+<script setup>
+  import { EMDatePicker } from '@cafebazaar/emrooz';
+</script>
+<template>
+  <EMDatePicker :allowedDates="(date) => date.getDate() % 2 === 0" />
+</template>
       `,
     },
   },
diff --git a/stories/EMDatePickerInput.stories.js b/stories/EMDatePickerInput.stories.js
index e5542ca..1b96ff8 100644
--- a/stories/EMDatePickerInput.stories.js
+++ b/stories/EMDatePickerInput.stories.js
@@ -42,7 +42,12 @@ Persian.parameters = {
   docs: {
     source: {
       code: `
-        <EMDatePickerInput />
+<script setup>
+  import { EMDatePickerInput } from '@cafebazaar/emrooz';
+</script>
+<template>
+  <EMDatePickerInput />
+</template>
       `,
     },
   },
@@ -56,7 +61,12 @@ English.parameters = {
   docs: {
     source: {
       code: `
-        <EMDatePickerInput lang="en" />
+<script setup>
+  import { EMDatePickerInput } from '@cafebazaar/emrooz';
+</script>
+<template>
+  <EMDatePickerInput lang="en" />
+</template>
       `,
     },
   },
@@ -70,7 +80,12 @@ Miladi.parameters = {
   docs: {
     source: {
       code: `
-        <EMDatePickerInput type="miladi" />
+<script setup>
+  import { EMDatePickerInput } from '@cafebazaar/emrooz';
+</script>
+<template>
+  <EMDatePickerInput type="miladi" />
+</template>
       `,
     },
   },
@@ -84,7 +99,12 @@ Shamsi.parameters = {
   docs: {
     source: {
       code: `
-        <EMDatePickerInput type="shamsi" />
+<script setup>
+  import { EMDatePickerInput } from '@cafebazaar/emrooz';
+</script>
+<template>
+  <EMDatePickerInput type="shamsi" />
+</template>
       `,
     },
   },
@@ -98,7 +118,12 @@ OnlyEvenDaysAllowed.parameters = {
   docs: {
     source: {
       code: `
-        <EMDatePickerInput :allowedDates="(date) => date.getDate() % 2 === 0" />
+<script setup>
+  import { EMDatePickerInput } from '@cafebazaar/emrooz';
+</script>
+<template>
+  <EMDatePickerInput :allowedDates="(date) => date.getDate() % 2 === 0" />
+</template>
       `,
     },
   },
diff --git a/stories/EMRangePicker.stories.js b/stories/EMRangePicker.stories.js
index d2cc238..7595879 100644
--- a/stories/EMRangePicker.stories.js
+++ b/stories/EMRangePicker.stories.js
@@ -118,7 +118,12 @@ Persian.parameters = {
   docs: {
     source: {
       code: `
-        <EMRangePicker />
+<script setup>
+  import { EMRangePicker } from '@cafebazaar/emrooz';
+</script>
+<template>
+  <EMRangePicker />
+</template>
       `,
     },
   },
@@ -146,7 +151,12 @@ Miladi.parameters = {
   docs: {
     source: {
       code: `
-        <EMRangePicker type="miladi" />
+<script setup>
+  import { EMRangePicker } from '@cafebazaar/emrooz';
+</script>
+<template>
+  <EMRangePicker type="miladi" />
+</template>
       `,
     },
   },
@@ -160,7 +170,12 @@ Shamsi.parameters = {
   docs: {
     source: {
       code: `
-        <EMRangePicker type="shamsi" />
+<script setup>
+  import { EMRangePicker } from '@cafebazaar/emrooz';
+</script>
+<template>
+  <EMRangePicker type="shamsi" />
+</template>
       `,
     },
   },
@@ -183,6 +198,8 @@ WithCommonDates.parameters = {
     source: {
       code: `
 <script setup>
+  import { EMRangePicker } from '@cafebazaar/emrooz';
+
   const lastWeek = new Date();
   lastWeek.setDate(lastWeek.getDate() - 7);
 </script>
@@ -208,7 +225,12 @@ OnlyEvenDaysAllowed.parameters = {
   docs: {
     source: {
       code: `
-        <EMRangePicker :allowedDates="(date) => date.getDay() % 2 === 0" />
+<script setup>
+  import { EMRangePicker } from '@cafebazaar/emrooz';
+</script>
+<template>
+  <EMRangePicker :allowedDates="(date) => date.getDay() % 2 === 0" />
+</template>
       `,
     },
   },
diff --git a/stories/EMRangePickerInput.stories.js b/stories/EMRangePickerInput.stories.js
index b139df5..c5b6840 100644
--- a/stories/EMRangePickerInput.stories.js
+++ b/stories/EMRangePickerInput.stories.js
@@ -43,7 +43,12 @@ Persian.parameters = {
   docs: {
     source: {
       code: `
-        <EMRangePickerInput />
+<script setup>
+  import { EMRangePickerInput } from '@cafebazaar/emrooz';
+</script>
+<template>
+  <EMRangePickerInput />
+</template>
       `,
     },
   },
@@ -57,7 +62,12 @@ English.parameters = {
   docs: {
     source: {
       code: `
-        <EMRangePickerInput lang="en" />
+<script setup>
+  import { EMRangePickerInput } from '@cafebazaar/emrooz';
+</script>
+<template>
+  <EMRangePickerInput lang="en"  />
+</template>
       `,
     },
   },
@@ -71,7 +81,12 @@ Miladi.parameters = {
   docs: {
     source: {
       code: `
-        <EMRangePickerInput type="miladi" />
+<script setup>
+  import { EMRangePickerInput } from '@cafebazaar/emrooz';
+</script>
+<template>
+  <EMRangePickerInput type="miladi"  />
+</template>
       `,
     },
   },
@@ -85,7 +100,12 @@ Shamsi.parameters = {
   docs: {
     source: {
       code: `
-        <EMRangePickerInput type="shamsi" />
+<script setup>
+  import { EMRangePickerInput } from '@cafebazaar/emrooz';
+</script>
+<template>
+  <EMRangePickerInput type="shamsi"  />
+</template>
       `,
     },
   },
@@ -108,6 +128,8 @@ WithCommonDates.parameters = {
     source: {
       code: `
 <script setup>
+  import { EMRangePickerInput } from '@cafebazaar/emrooz';
+
   const lastWeek = new Date();
   lastWeek.setDate(lastWeek.getDate() - 7);
 </script>
@@ -133,7 +155,12 @@ OnlyEvenDaysAllowed.parameters = {
   docs: {
     source: {
       code: `
-        <EMRangePickerInput :allowedDates="(date) => date.getDay() % 2 === 0" />
+<script setup>
+  import { EMRangePickerInput } from '@cafebazaar/emrooz';
+</script>
+<template>
+  <EMRangePickerInput :allowedDates="(date) => date.getDay() % 2 === 0"  />
+</template>
       `,
     },
   },