classcard-ui 0.2.1069 → 0.2.1071

package/src/stories/CMultiselect.stories.js

@@ -1,167 +1,167 @@
-import CMultiselect from "../components/CMultiselect/CMultiselect.vue";
-import "./utils.css";
-
-export default {
-  title: "CMultiselect",
-  component: CMultiselect,
-  argTypes: {
-    options: Array,
-    label: String,
-    filterable: Boolean,
-    optionLabel: String,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CMultiselect },
-  template: '<c-multiselect v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  options: [
-    {
-      text: "Subjects",
-      id: "1_p",
-      category: "fee",
-      image:
-        "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",
-      children: [
-        { id: "1426_Subject", text: "Math - Beginner - 120 mins" },
-        { id: "1427_Subject", text: "Math - Intermediate - 90 mins" },
-        { id: "1428_Subject", text: "Math - Advanced - 60 mins" },
-        { id: "2591_Subject", text: "Math - Beginners - 15 mins" },
-        { id: "15132_Subject", text: "Math - gxhghx - 15 mins" },
-        { id: "15132_Subject", text: "Math - gxhghx - 30 mins" },
-        { id: "15132_Subject", text: "Math - gxhghx - 35 mins" },
-        { id: "15133_Subject", text: "Math - gxhghx - 15 mins" },
-        { id: "15133_Subject", text: "Math - gxhghx - 30 mins" },
-        { id: "15133_Subject", text: "Math - gxhghx - 35 mins" },
-        { id: "15134_Subject", text: "Math - gxhghx - 15 mins" },
-        { id: "15134_Subject", text: "Math - gxhghx - 30 mins" },
-        { id: "15134_Subject", text: "Math - gxhghx - 35 mins" },
-        { id: "15137_Subject", text: "Math - check - 30 mins" },
-        { id: "15137_Subject", text: "Math - check - 40 mins" },
-        { id: "15138_Subject", text: "Math - check - 30 mins" },
-        { id: "15138_Subject", text: "Math - check - 40 mins" },
-        { id: "15141_Subject", text: "Math - bhy - 10 mins" },
-        { id: "15141_Subject", text: "Math - bhy - 20 mins" },
-        { id: "15142_Subject", text: "Math - bhy - 10 mins" },
-        { id: "15142_Subject", text: "Math - bhy - 20 mins" },
-        { id: "15143_Subject", text: "Math - now - 10 mins" },
-        { id: "15143_Subject", text: "Math - now - 15 mins" },
-        { id: "15144_Subject", text: "Math - now - 10 mins" },
-        { id: "15144_Subject", text: "Math - now - 15 mins" },
-        { id: "15189_Subject", text: "Math - M1 - 60 mins" },
-        { id: "15224_Subject", text: "Math - Hey - 10 mins" },
-        { id: "15224_Subject", text: "Math - Hey - 25 mins" },
-        { id: "15225_Subject", text: "Math - Hey - 10 mins" },
-        { id: "15225_Subject", text: "Math - Hey - 25 mins" },
-        { id: "15262_Subject", text: "Math - ty - 20 mins" },
-        { id: "15262_Subject", text: "Math - ty - 30 mins" },
-        { id: "15263_Subject", text: "Math - ty - 20 mins" },
-        { id: "15263_Subject", text: "Math - ty - 30 mins" },
-        { id: "15287_Subject", text: "Math - rt12 - 20 mins" },
-        { id: "15288_Subject", text: "Math - tky - 15 mins" },
-        { id: "15317_Subject", text: "Math - gmt - 10 mins" },
-        { id: "15317_Subject", text: "Math - gmt - 20 mins" },
-        { id: "15317_Subject", text: "Math - gmt - 30 mins" },
-        { id: "15317_Subject", text: "Math - gmt - 40 mins" },
-        { id: "15318_Subject", text: "Math - gmt - 10 mins" },
-        { id: "15318_Subject", text: "Math - gmt - 20 mins" },
-        { id: "15318_Subject", text: "Math - gmt - 30 mins" },
-        { id: "15318_Subject", text: "Math - gmt - 40 mins" },
-        { id: "15319_Subject", text: "Math - gmt - 10 mins" },
-        { id: "15319_Subject", text: "Math - gmt - 20 mins" },
-        { id: "15319_Subject", text: "Math - gmt - 30 mins" },
-        { id: "15319_Subject", text: "Math - gmt - 40 mins" },
-        { id: "15320_Subject", text: "Math - gmt - 10 mins" },
-        { id: "15320_Subject", text: "Math - gmt - 20 mins" },
-        { id: "15320_Subject", text: "Math - gmt - 30 mins" },
-        { id: "15320_Subject", text: "Math - gmt - 40 mins" },
-        { id: "15341_Subject", text: "Math - good - 15 mins" },
-        { id: "15341_Subject", text: "Math - good - 30 mins" },
-        { id: "15343_Subject", text: "Math - good - 15 mins" },
-        { id: "15343_Subject", text: "Math - good - 30 mins" },
-      ],
-    },
-    {
-      text: "Packages",
-      id: "2_p",
-      initials: "AS",
-      category: "fee",
-      children: [{ id: "15820_Package", text: "Mathematics" }],
-      description: "Some descriptions",
-    },
-    {
-      text: "Krishna Bekcham",
-      id: "3_p",
-      initials: "AS",
-      category: "fee",
-      children: [{ id: "15820_Package", text: "Mathematics" }],
-      details: "something@gmail.com",
-      description: "Some descriptions",
-      isDisabled: true,
-    },
-    {
-      text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. ",
-      children: [{ id: "15820_Package", text: "Mathematics" }],
-      details: "something@gmail.com",
-      id: "4_p",
-      category: "package",
-      description: "Some descriptions",
-    },
-    {
-      text: "Icon",
-      id: "5_p",
-      category: "fee",
-      icon: {
-        name: "location-marker-outline",
-        type: "outline",
-      },
-    },
-  ],
-  // options: [
-  //   {
-  //     text: "Packages",
-  //     children: [
-  //       {
-  //         id: "15820_Package",
-  //         text: "Mathematics",
-  //         initials: "AS",
-  //         description: "Some descriptions",
-  //         image:
-  //           "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",
-  //       },
-  //     ],
-  //   },
-  //   {
-  //     text: "Packages",
-  //     children: [
-  //       {
-  //         id: "15820_Package",
-  //         text: "Mathematics",
-  //         initials: "AS",
-  //         details: "something@gmail.com",
-  //         description: "Some descriptions",
-  //       },
-  //     ],
-  //   },
-  //   {
-  //     text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. ",
-  //     children: [
-  //       {
-  //         id: "15821_Package",
-  //         text: "Mathematics",
-  //         details: "something@gmail.com",
-  //         description: "Some descriptions",
-  //       },
-  //     ],
-  //   },
-  // ],
-  optionLabel: "text",
-  label: "Active",
-  showOptionImage: false,
-  filterable: false,
-};
+import CMultiselect from "../components/CMultiselect/CMultiselect.vue";
+import "./utils.css";
+
+export default {
+  title: "CMultiselect",
+  component: CMultiselect,
+  argTypes: {
+    options: Array,
+    label: String,
+    filterable: Boolean,
+    optionLabel: String,
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CMultiselect },
+  template: '<c-multiselect v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  options: [
+    {
+      text: "Subjects",
+      id: "1_p",
+      category: "fee",
+      image:
+        "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",
+      children: [
+        { id: "1426_Subject", text: "Math - Beginner - 120 mins" },
+        { id: "1427_Subject", text: "Math - Intermediate - 90 mins" },
+        { id: "1428_Subject", text: "Math - Advanced - 60 mins" },
+        { id: "2591_Subject", text: "Math - Beginners - 15 mins" },
+        { id: "15132_Subject", text: "Math - gxhghx - 15 mins" },
+        { id: "15132_Subject", text: "Math - gxhghx - 30 mins" },
+        { id: "15132_Subject", text: "Math - gxhghx - 35 mins" },
+        { id: "15133_Subject", text: "Math - gxhghx - 15 mins" },
+        { id: "15133_Subject", text: "Math - gxhghx - 30 mins" },
+        { id: "15133_Subject", text: "Math - gxhghx - 35 mins" },
+        { id: "15134_Subject", text: "Math - gxhghx - 15 mins" },
+        { id: "15134_Subject", text: "Math - gxhghx - 30 mins" },
+        { id: "15134_Subject", text: "Math - gxhghx - 35 mins" },
+        { id: "15137_Subject", text: "Math - check - 30 mins" },
+        { id: "15137_Subject", text: "Math - check - 40 mins" },
+        { id: "15138_Subject", text: "Math - check - 30 mins" },
+        { id: "15138_Subject", text: "Math - check - 40 mins" },
+        { id: "15141_Subject", text: "Math - bhy - 10 mins" },
+        { id: "15141_Subject", text: "Math - bhy - 20 mins" },
+        { id: "15142_Subject", text: "Math - bhy - 10 mins" },
+        { id: "15142_Subject", text: "Math - bhy - 20 mins" },
+        { id: "15143_Subject", text: "Math - now - 10 mins" },
+        { id: "15143_Subject", text: "Math - now - 15 mins" },
+        { id: "15144_Subject", text: "Math - now - 10 mins" },
+        { id: "15144_Subject", text: "Math - now - 15 mins" },
+        { id: "15189_Subject", text: "Math - M1 - 60 mins" },
+        { id: "15224_Subject", text: "Math - Hey - 10 mins" },
+        { id: "15224_Subject", text: "Math - Hey - 25 mins" },
+        { id: "15225_Subject", text: "Math - Hey - 10 mins" },
+        { id: "15225_Subject", text: "Math - Hey - 25 mins" },
+        { id: "15262_Subject", text: "Math - ty - 20 mins" },
+        { id: "15262_Subject", text: "Math - ty - 30 mins" },
+        { id: "15263_Subject", text: "Math - ty - 20 mins" },
+        { id: "15263_Subject", text: "Math - ty - 30 mins" },
+        { id: "15287_Subject", text: "Math - rt12 - 20 mins" },
+        { id: "15288_Subject", text: "Math - tky - 15 mins" },
+        { id: "15317_Subject", text: "Math - gmt - 10 mins" },
+        { id: "15317_Subject", text: "Math - gmt - 20 mins" },
+        { id: "15317_Subject", text: "Math - gmt - 30 mins" },
+        { id: "15317_Subject", text: "Math - gmt - 40 mins" },
+        { id: "15318_Subject", text: "Math - gmt - 10 mins" },
+        { id: "15318_Subject", text: "Math - gmt - 20 mins" },
+        { id: "15318_Subject", text: "Math - gmt - 30 mins" },
+        { id: "15318_Subject", text: "Math - gmt - 40 mins" },
+        { id: "15319_Subject", text: "Math - gmt - 10 mins" },
+        { id: "15319_Subject", text: "Math - gmt - 20 mins" },
+        { id: "15319_Subject", text: "Math - gmt - 30 mins" },
+        { id: "15319_Subject", text: "Math - gmt - 40 mins" },
+        { id: "15320_Subject", text: "Math - gmt - 10 mins" },
+        { id: "15320_Subject", text: "Math - gmt - 20 mins" },
+        { id: "15320_Subject", text: "Math - gmt - 30 mins" },
+        { id: "15320_Subject", text: "Math - gmt - 40 mins" },
+        { id: "15341_Subject", text: "Math - good - 15 mins" },
+        { id: "15341_Subject", text: "Math - good - 30 mins" },
+        { id: "15343_Subject", text: "Math - good - 15 mins" },
+        { id: "15343_Subject", text: "Math - good - 30 mins" },
+      ],
+    },
+    {
+      text: "Packages",
+      id: "2_p",
+      initials: "AS",
+      category: "fee",
+      children: [{ id: "15820_Package", text: "Mathematics" }],
+      description: "Some descriptions",
+    },
+    {
+      text: "Krishna Bekcham",
+      id: "3_p",
+      initials: "AS",
+      category: "fee",
+      children: [{ id: "15820_Package", text: "Mathematics" }],
+      details: "something@gmail.com",
+      description: "Some descriptions",
+      isDisabled: true,
+    },
+    {
+      text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. ",
+      children: [{ id: "15820_Package", text: "Mathematics" }],
+      details: "something@gmail.com",
+      id: "4_p",
+      category: "package",
+      description: "Some descriptions",
+    },
+    {
+      text: "Icon",
+      id: "5_p",
+      category: "fee",
+      icon: {
+        name: "location-marker-outline",
+        type: "outline",
+      },
+    },
+  ],
+  // options: [
+  //   {
+  //     text: "Packages",
+  //     children: [
+  //       {
+  //         id: "15820_Package",
+  //         text: "Mathematics",
+  //         initials: "AS",
+  //         description: "Some descriptions",
+  //         image:
+  //           "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",
+  //       },
+  //     ],
+  //   },
+  //   {
+  //     text: "Packages",
+  //     children: [
+  //       {
+  //         id: "15820_Package",
+  //         text: "Mathematics",
+  //         initials: "AS",
+  //         details: "something@gmail.com",
+  //         description: "Some descriptions",
+  //       },
+  //     ],
+  //   },
+  //   {
+  //     text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. ",
+  //     children: [
+  //       {
+  //         id: "15821_Package",
+  //         text: "Mathematics",
+  //         details: "something@gmail.com",
+  //         description: "Some descriptions",
+  //       },
+  //     ],
+  //   },
+  // ],
+  optionLabel: "text",
+  label: "Active",
+  showOptionImage: false,
+  filterable: false,
+};

package/src/stories/CMultiselectr.stories.js

@@ -1,23 +1,23 @@
-// import CMultiselect from "../components/CMultiselect/CMultiselect.vue";
-// import "./utils.css";
-
-// export default {
-//   title: "CMultiselect",
-//   component: CMultiselect,
-//   argTypes: {
-//     options: Array,
-//     label:String
-//   },
-// };
-
-// const Template = (args, { argTypes }) => ({
-//   props: Object.keys(argTypes),
-//   components: { CMultiselect },
-//   template: '<c-multiselect v-bind="$props" />',
-// });
-
-// export const Default = Template.bind({});
-// Default.args = {
-//   options: ["list", "of", "options"],
-//   label:'Active'
-// };
+// import CMultiselect from "../components/CMultiselect/CMultiselect.vue";
+// import "./utils.css";
+
+// export default {
+//   title: "CMultiselect",
+//   component: CMultiselect,
+//   argTypes: {
+//     options: Array,
+//     label:String
+//   },
+// };
+
+// const Template = (args, { argTypes }) => ({
+//   props: Object.keys(argTypes),
+//   components: { CMultiselect },
+//   template: '<c-multiselect v-bind="$props" />',
+// });
+
+// export const Default = Template.bind({});
+// Default.args = {
+//   options: ["list", "of", "options"],
+//   label:'Active'
+// };

package/src/stories/CPageHeading.stories.js

@@ -1,32 +1,32 @@
-import CPageHeading from "../components/CPageHeading/CPageHeading.vue";
-import "./utils.css";
-
-export default {
-  title: "CPageHeading",
-  component: CPageHeading,
-  argTypes: {
-    title: String,
-    description: String,
-    helpVideo: String,
-    helpArticle: String,
-    buttonType: { control: { type: "object" } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CPageHeading },
-  template: '<c-page-heading @callAction="show" v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  title: "Taxes",
-  description: "This text will explain the function of the module",
-  helpVideo: "https://www.google.com/",
-  helpArticle: "https://www.google.com/",
-  buttonType: { type: "primary", label: "Add new" },
-  show() {
-    //  console.log("called");
-  },
-};
+import CPageHeading from "../components/CPageHeading/CPageHeading.vue";
+import "./utils.css";
+
+export default {
+  title: "CPageHeading",
+  component: CPageHeading,
+  argTypes: {
+    title: String,
+    description: String,
+    helpVideo: String,
+    helpArticle: String,
+    buttonType: { control: { type: "object" } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CPageHeading },
+  template: '<c-page-heading @callAction="show" v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  title: "Taxes",
+  description: "This text will explain the function of the module",
+  helpVideo: "https://www.google.com/",
+  helpArticle: "https://www.google.com/",
+  buttonType: { type: "primary", label: "Add new" },
+  show() {
+    //  console.log("called");
+  },
+};

package/src/stories/CPagination.stories.js

@@ -1,30 +1,30 @@
-import CPagination from "../components/CPagination/CPagination.vue";
-import "./utils.css";
-
-export default {
-  title: "CPagination",
-  component: CPagination,
-  argTypes: {
-    setPaginationRecords: {
-      currentPage: 1,
-      lastPage: 10,
-    }
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CPagination },
-  template: '<c-pagination v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  setPaginationRecords: {
-    currentPage: 1,
-    lastPage: 10,
-    from: 1,
-    to: 10,
-    totalRecords: 200,
-  }
-};
+import CPagination from "../components/CPagination/CPagination.vue";
+import "./utils.css";
+
+export default {
+  title: "CPagination",
+  component: CPagination,
+  argTypes: {
+    setPaginationRecords: {
+      currentPage: 1,
+      lastPage: 10,
+    }
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CPagination },
+  template: '<c-pagination v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  setPaginationRecords: {
+    currentPage: 1,
+    lastPage: 10,
+    from: 1,
+    to: 10,
+    totalRecords: 200,
+  }
+};

package/src/stories/CPhoneNumber.stories.js

@@ -1,29 +1,29 @@
-import CPhoneNumber from "../components/CPhoneNumber/CPhoneNumber.vue";
-import "./utils.css";
-
-export default {
-  title: "CPhoneNumber",
-  component: CPhoneNumber,
-  argTypes: {
-    label: String,
-    color: {
-      control: {
-        type: "select",
-        options: ["gray", "red", "yellow", "green", "indigo", "purple", "pink"],
-      },
-    },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CPhoneNumber },
-  template: '<c-phone-number v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  label: "Active",
-  color: "green",
-  phone: "+3197010281349",
-};
+import CPhoneNumber from "../components/CPhoneNumber/CPhoneNumber.vue";
+import "./utils.css";
+
+export default {
+  title: "CPhoneNumber",
+  component: CPhoneNumber,
+  argTypes: {
+    label: String,
+    color: {
+      control: {
+        type: "select",
+        options: ["gray", "red", "yellow", "green", "indigo", "purple", "pink"],
+      },
+    },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CPhoneNumber },
+  template: '<c-phone-number v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  label: "Active",
+  color: "green",
+  phone: "+3197010281349",
+};

package/src/stories/CProgress.stories.js

@@ -1,24 +1,24 @@
-import  CProgress  from "../components/CProgress/CProgress.vue";
-import "./utils.css";
-
-export default {
-  title: "CProgress",
-  component: CProgress,
-};
-
-const Template = (args, { argTypes }) => ({
-    props: Object.keys(argTypes),
-    components: { CProgress },
-    template: '<c-progress v-bind="$props" />',
-});
-  
-  export const Default = Template.bind({});
-  Default.args = {
-    steps:[
-      { name: 'Step 1', href: '#', number:1 },
-      { name: 'Step 2', href: '#', number:2},
-      { name: 'Step 3', href: '#', number:3 },
-      { name: 'Step 4', href: '#', number:4 },
-      ],
-      currentStep:2,
+import  CProgress  from "../components/CProgress/CProgress.vue";
+import "./utils.css";
+
+export default {
+  title: "CProgress",
+  component: CProgress,
+};
+
+const Template = (args, { argTypes }) => ({
+    props: Object.keys(argTypes),
+    components: { CProgress },
+    template: '<c-progress v-bind="$props" />',
+});
+  
+  export const Default = Template.bind({});
+  Default.args = {
+    steps:[
+      { name: 'Step 1', href: '#', number:1 },
+      { name: 'Step 2', href: '#', number:2},
+      { name: 'Step 3', href: '#', number:3 },
+      { name: 'Step 4', href: '#', number:4 },
+      ],
+      currentStep:2,
   };