classcard-ui 0.2.1484 → 0.2.1486

package/src/stories/CFormSectionHeading.stories.js

@@ -1,37 +1,37 @@
-import CFormSectionHeading from "../components/CFormSectionHeading/CFormSectionHeading.vue";
-import "./utils.css";
-
-export default {
-  title: "CFormSectionHeading",
-  component: CFormSectionHeading,
-  argTypes: {
-    heading: String,
-    description: String,
-    divider: Boolean,
-    tabAction:{ control: { type: "object" } },
-    tabLink: { control: { type: "object" } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CFormSectionHeading },
-  template: '<c-form-section-heading v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  heading: "Includes",
-  description: "Add subjects to include them in the package",
-  divider: false,
-  tabAction: {
-    label: 'Hide completed',
-    type: 'tertiary'
-  },
-  icon: {
-    name: 'arrow-right-diagonal-solid',
-    type: 'outline',
-    class: 'h-5 w-5 text-gray-400',
-    viewBox: '0 0 24 24'
-  }
-};
+import CFormSectionHeading from "../components/CFormSectionHeading/CFormSectionHeading.vue";
+import "./utils.css";
+
+export default {
+  title: "CFormSectionHeading",
+  component: CFormSectionHeading,
+  argTypes: {
+    heading: String,
+    description: String,
+    divider: Boolean,
+    tabAction:{ control: { type: "object" } },
+    tabLink: { control: { type: "object" } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CFormSectionHeading },
+  template: '<c-form-section-heading v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  heading: "Includes",
+  description: "Add subjects to include them in the package",
+  divider: false,
+  tabAction: {
+    label: 'Hide completed',
+    type: 'tertiary'
+  },
+  icon: {
+    name: 'arrow-right-diagonal-solid',
+    type: 'outline',
+    class: 'h-5 w-5 text-gray-400',
+    viewBox: '0 0 24 24'
+  }
+};

package/src/stories/CGroupedFilterDropdown.stories.js

@@ -1,131 +1,131 @@
-import CGroupedFilterDropdown from "../components/CGroupedFilterDropdown/CGroupedFilterDropdown.vue";
-import "./utils.css";
-
-export default {
-  title: "CGroupedFilterDropdown",
-  component: CGroupedFilterDropdown,
-  argType: {},
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CGroupedFilterDropdown },
-  template: '<c-grouped-filter-dropdown v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  options: [
-    {
-      label: "Status",
-      selectedOptionCount: 0,
-      options: [
-        { label: "Completed", isSelected: false, value: "completed" },
-        { label: "Uncompleted", isSelected: false, value: "not_completed" },
-      ],
-    },
-    {
-      label: "Assigned by",
-      selectedOptionCount: 0,
-      hasSearch: true,
-      searchTerm: "",
-      showUserAvatar: true,
-      searchPlaceholder: "Search by name",
-      noResultsText: "We couldn't find anyone. Try searching a different name.",
-      options: [
-        {
-          label: "Abhishek Kapoor Staff",
-          value: 478400,
-          isSelected: false,
-          image_240: "https://cdn.filestackcontent.com/ePlK2QcEQO6WVFuKh0W0",
-          initials: "",
-        },
-        {
-          label: "Anuj Chhabria",
-          value: 84579,
-          isSelected: false,
-          image_240: null,
-          initials: "AC",
-        },
-        {
-          label: "anuj verify",
-          value: 86939,
-          isSelected: false,
-          image_240: null,
-          initials: "AV",
-        },
-        {
-          label: "Ariana Grande",
-          value: 266906,
-          isSelected: false,
-          image_240: null,
-          initials: "AG",
-        },
-
-        {
-          label: "New TestStaff",
-          value: 478222,
-          isSelected: false,
-          image_240: null,
-          initials: "NT",
-        },
-        {
-          label: "New TestStaff",
-          value: 478223,
-          isSelected: false,
-          image_240: null,
-          initials: "NT",
-        },
-        {
-          label: "New TestStaff",
-          value: 478224,
-          isSelected: false,
-          image_240: null,
-          initials: "NT",
-        },
-        {
-          label: "Newest Staff",
-          value: 167790,
-          isSelected: false,
-          image_240: null,
-          initials: "NS",
-        },
-        {
-          label: "Number Staff",
-          value: 106135,
-          isSelected: false,
-          image_240: null,
-          initials: "NS",
-        },
-        {
-          label: "Numbered Staff",
-          value: 106136,
-          isSelected: false,
-          image_240: null,
-          initials: "NS",
-        },
-        {
-          label: "Peter Parker",
-          value: 293124,
-          isSelected: false,
-          image_240: null,
-          initials: "PP",
-        },
-        {
-          label: "Pooja Thakur",
-          value: 259801,
-          isSelected: false,
-          image_240: null,
-          initials: "PT",
-        },
-        {
-          label: "Priyanka Sharma",
-          value: 104159,
-          isSelected: false,
-          image_240: "https://cdn.filestackcontent.com/1iiADoLRSZesVXblBnVc",
-          initials: "",
-        },
-      ],
-    },
-  ],
-};
+import CGroupedFilterDropdown from "../components/CGroupedFilterDropdown/CGroupedFilterDropdown.vue";
+import "./utils.css";
+
+export default {
+  title: "CGroupedFilterDropdown",
+  component: CGroupedFilterDropdown,
+  argType: {},
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CGroupedFilterDropdown },
+  template: '<c-grouped-filter-dropdown v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  options: [
+    {
+      label: "Status",
+      selectedOptionCount: 0,
+      options: [
+        { label: "Completed", isSelected: false, value: "completed" },
+        { label: "Uncompleted", isSelected: false, value: "not_completed" },
+      ],
+    },
+    {
+      label: "Assigned by",
+      selectedOptionCount: 0,
+      hasSearch: true,
+      searchTerm: "",
+      showUserAvatar: true,
+      searchPlaceholder: "Search by name",
+      noResultsText: "We couldn't find anyone. Try searching a different name.",
+      options: [
+        {
+          label: "Abhishek Kapoor Staff",
+          value: 478400,
+          isSelected: false,
+          image_240: "https://cdn.filestackcontent.com/ePlK2QcEQO6WVFuKh0W0",
+          initials: "",
+        },
+        {
+          label: "Anuj Chhabria",
+          value: 84579,
+          isSelected: false,
+          image_240: null,
+          initials: "AC",
+        },
+        {
+          label: "anuj verify",
+          value: 86939,
+          isSelected: false,
+          image_240: null,
+          initials: "AV",
+        },
+        {
+          label: "Ariana Grande",
+          value: 266906,
+          isSelected: false,
+          image_240: null,
+          initials: "AG",
+        },
+
+        {
+          label: "New TestStaff",
+          value: 478222,
+          isSelected: false,
+          image_240: null,
+          initials: "NT",
+        },
+        {
+          label: "New TestStaff",
+          value: 478223,
+          isSelected: false,
+          image_240: null,
+          initials: "NT",
+        },
+        {
+          label: "New TestStaff",
+          value: 478224,
+          isSelected: false,
+          image_240: null,
+          initials: "NT",
+        },
+        {
+          label: "Newest Staff",
+          value: 167790,
+          isSelected: false,
+          image_240: null,
+          initials: "NS",
+        },
+        {
+          label: "Number Staff",
+          value: 106135,
+          isSelected: false,
+          image_240: null,
+          initials: "NS",
+        },
+        {
+          label: "Numbered Staff",
+          value: 106136,
+          isSelected: false,
+          image_240: null,
+          initials: "NS",
+        },
+        {
+          label: "Peter Parker",
+          value: 293124,
+          isSelected: false,
+          image_240: null,
+          initials: "PP",
+        },
+        {
+          label: "Pooja Thakur",
+          value: 259801,
+          isSelected: false,
+          image_240: null,
+          initials: "PT",
+        },
+        {
+          label: "Priyanka Sharma",
+          value: 104159,
+          isSelected: false,
+          image_240: "https://cdn.filestackcontent.com/1iiADoLRSZesVXblBnVc",
+          initials: "",
+        },
+      ],
+    },
+  ],
+};

package/src/stories/CGroupedSelect.stories.js

@@ -1,103 +1,103 @@
-import CGroupedSelect from "../components/CGroupedSelect/CGroupedSelect.vue";
-import "./utils.css";
-
-export default {
-  title: "CGroupedSelect",
-  component: CGroupedSelect,
-  argTypes: {
-    options: Array,
-    label: String,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CGroupedSelect },
-  template: '<c-grouped-select v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-
-Default.args = {
-  options: [
-    {
-      id: 0,
-      label: "fees",
-      options: [
-        {
-          id: 11751,
-          label: "Activity - Cricket - Flat Rate",
-          labelExtra: "Something",
-          description: "This is processed by the backend",
-        },
-        {
-          id: 13344,
-          label: "Cricket Kit",
-          image_url:
-            "https://reportcard-resources.s3.ap-southeast-1.amazonaws.com/POc7EUzb1KW4jeR4TLlwr7yJnLb1FgEk206EyHug.jpg",
-        },
-        {
-          id: 13407,
-          label: "Sports - Cricket - 60 mins",
-          labelExtra: "Football - extra - 15mins",
-          description:
-            "This is processed by the backend This is processed by the backend This is processed by the backend This is processed by the backend",
-          image_url:
-            "https://reportcard-resources.s3.ap-southeast-1.amazonaws.com/POc7EUzb1KW4jeR4TLlwr7yJnLb1FgEk206EyHug.jpg",
-          price: 1234,
-        },
-        {
-          id: 15370,
-          label: "Sports - Cricket - 60 mins",
-        },
-      ],
-    },
-    {
-      id: 1,
-      label: "packages",
-      options: [
-        {
-          id: 15664,
-          label: "Sports Cricket 4 Sessions",
-        },
-        {
-          id: 15663,
-          label: "Sports - Cricket 6 Sessions",
-        },
-      ],
-    },
-    {
-      id: 3,
-      label: "Students",
-      options: [
-        {
-          id: 16001,
-          label: "John Doe",
-          description: "john.doe@example.com",
-          image_url: 'https://plus.unsplash.com/premium_photo-1682089877310-b2308b0dc719?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8dXNlciUyMHByb2ZpbGUlMjBwaWN0dXJlfGVufDB8fDB8fHww',
-          type: "user",
-          initials: "JD",
-          isDisabled: true
-        },
-        {
-          id: 16002,
-          label: "Jane Smith",
-          description: "jane.smith@example.com",
-          image_url: null,
-          type: "user",
-          initials: "JS",
-          isDisabled: false
-        },
-      ],
-    },
-    {
-      id: 2,
-      label: "others",
-      options: [],
-    },
-  ],
-  value: {
-    id: 11751,
-    label: "Activity - Cricket - Flat Rate",
-  },
-};
+import CGroupedSelect from "../components/CGroupedSelect/CGroupedSelect.vue";
+import "./utils.css";
+
+export default {
+  title: "CGroupedSelect",
+  component: CGroupedSelect,
+  argTypes: {
+    options: Array,
+    label: String,
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CGroupedSelect },
+  template: '<c-grouped-select v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+
+Default.args = {
+  options: [
+    {
+      id: 0,
+      label: "fees",
+      options: [
+        {
+          id: 11751,
+          label: "Activity - Cricket - Flat Rate",
+          labelExtra: "Something",
+          description: "This is processed by the backend",
+        },
+        {
+          id: 13344,
+          label: "Cricket Kit",
+          image_url:
+            "https://reportcard-resources.s3.ap-southeast-1.amazonaws.com/POc7EUzb1KW4jeR4TLlwr7yJnLb1FgEk206EyHug.jpg",
+        },
+        {
+          id: 13407,
+          label: "Sports - Cricket - 60 mins",
+          labelExtra: "Football - extra - 15mins",
+          description:
+            "This is processed by the backend This is processed by the backend This is processed by the backend This is processed by the backend",
+          image_url:
+            "https://reportcard-resources.s3.ap-southeast-1.amazonaws.com/POc7EUzb1KW4jeR4TLlwr7yJnLb1FgEk206EyHug.jpg",
+          price: 1234,
+        },
+        {
+          id: 15370,
+          label: "Sports - Cricket - 60 mins",
+        },
+      ],
+    },
+    {
+      id: 1,
+      label: "packages",
+      options: [
+        {
+          id: 15664,
+          label: "Sports Cricket 4 Sessions",
+        },
+        {
+          id: 15663,
+          label: "Sports - Cricket 6 Sessions",
+        },
+      ],
+    },
+    {
+      id: 3,
+      label: "Students",
+      options: [
+        {
+          id: 16001,
+          label: "John Doe",
+          description: "john.doe@example.com",
+          image_url: 'https://plus.unsplash.com/premium_photo-1682089877310-b2308b0dc719?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8dXNlciUyMHByb2ZpbGUlMjBwaWN0dXJlfGVufDB8fDB8fHww',
+          type: "user",
+          initials: "JD",
+          isDisabled: true
+        },
+        {
+          id: 16002,
+          label: "Jane Smith",
+          description: "jane.smith@example.com",
+          image_url: null,
+          type: "user",
+          initials: "JS",
+          isDisabled: false
+        },
+      ],
+    },
+    {
+      id: 2,
+      label: "others",
+      options: [],
+    },
+  ],
+  value: {
+    id: 11751,
+    label: "Activity - Cricket - Flat Rate",
+  },
+};

package/src/stories/CIcon.stories.js

@@ -1,31 +1,31 @@
-import CIcon from "../components/CIcon/CIcon.vue";
-import "./utils.css";
-
-export default {
-  title: "CIcon",
-  component: CIcon,
-  argTypes: {
-    name: String,
-    classes: String,
-    type: {
-      control: {
-        type: "select",
-        options: ["solid", "outline", "outline-v2", "mini"],
-      },
-    },
-    viewBox: String,
-    dimensions: String,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CIcon },
-  template: '<c-icon v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  name: "bell",
-  classes: "h-5 w-5",
-};
+import CIcon from "../components/CIcon/CIcon.vue";
+import "./utils.css";
+
+export default {
+  title: "CIcon",
+  component: CIcon,
+  argTypes: {
+    name: String,
+    classes: String,
+    type: {
+      control: {
+        type: "select",
+        options: ["solid", "outline", "outline-v2", "mini"],
+      },
+    },
+    viewBox: String,
+    dimensions: String,
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CIcon },
+  template: '<c-icon v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  name: "bell",
+  classes: "h-5 w-5",
+};