classcard-ui 0.2.1477 → 0.2.1478

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,176 +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: "Category",
-      selected: 0,
-      options: [
-        {
-          label: "10 ICSE (updated category 1234)",
-          isSelected: false,
-          id: 4141,
-        },
-        { label: "B1", isSelected: false, id: 2461 },
-        { label: "First Aid General", isSelected: false, id: 2824 },
-        { label: "test school 4", isSelected: false, id: 6872 },
-        { label: "Blue", isSelected: false, id: 2510 },
-        { label: "Changed", isSelected: false, id: 2531 },
-        { label: "Test category", isSelected: false, id: 2800 },
-        { label: "Math Q", isSelected: false, id: 2633 },
-        { label: "Quickest", isSelected: false, id: 3292 },
-        { label: "W", isSelected: false, id: 3701 },
-        { label: "Week day classes", isSelected: false, id: 3125 },
-        { label: "Karate 1234", isSelected: false, id: 3803 },
-        { label: "Karate BJ", isSelected: false, id: 3861 },
-        { label: "QA", isSelected: false, id: 4044 },
-        { label: "Gita", isSelected: false, id: 4070 },
-        { label: "Currency", isSelected: false, id: 4087 },
-        { label: "Dance", isSelected: false, id: 170 },
-        { label: "Online Class", isSelected: false, id: 5682 },
-        { label: "One", isSelected: false, id: 6769 },
-        {
-          label: "Urban - BREAK Victory Heights Primary School",
-          isSelected: false,
-          id: 7333,
-        },
-        { label: "Urban Dubai Creek Golf Club", isSelected: false, id: 6811 },
-        {
-          label: "Urban - SPRING BREAK The J-Club, Mina A'Sa",
-          isSelected: false,
-          id: 7334,
-        },
-        {
-          label: "Urban - SPRING BREAK LITTLE PENGUINS",
-          isSelected: false,
-          id: 7413,
-        },
-        {
-          label: "Urban - LITTLE PENGUINS - DUBAI CREEK",
-          isSelected: false,
-          id: 7421,
-        },
-        {
-          label: "Urban - TERM 3 - J CLUB, MINA A'SALAM",
-          isSelected: false,
-          id: 7459,
-        },
-        {
-          label: "Urban  LITTLE PENGUINS - J CLUB, MINA A'SALAM",
-          isSelected: false,
-          id: 8332,
-        },
-        { label: "Literature", isSelected: false, id: 8423 },
-        {
-          label: "Urban  LITTLE PENGUINS- DUBAI CREEK GOLF CLUB",
-          isSelected: false,
-          id: 8480,
-        },
-        { label: "Ca", isSelected: false, id: 2129 },
-        { label: "Flying", isSelected: false, id: 168 },
-        { label: "Math", isSelected: false, id: 171 },
-        { label: "Screenwriting", isSelected: false, id: 172 },
-        { label: "English", isSelected: false, id: 323 },
-        { label: "Poetry", isSelected: false, id: 410 },
-        { label: "Bokwa", isSelected: false, id: 1422 },
-        { label: "Mint", isSelected: false, id: 1472 },
-        { label: "Navy", isSelected: false, id: 1482 },
-        { label: "Mint- 1", isSelected: false, id: 1483 },
-        { label: "Green", isSelected: false, id: 1484 },
-        { label: "Sea Green", isSelected: false, id: 1485 },
-        { label: "Grey", isSelected: false, id: 1486 },
-        { label: "Computers", isSelected: false, id: 1493 },
-        { label: "tet", isSelected: false, id: 1543 },
-        { label: "Yoga", isSelected: false, id: 1545 },
-        { label: "C", isSelected: false, id: 2149 },
-        { label: "Categoryyy", isSelected: false, id: 1931 },
-        { label: "Batch B", isSelected: false, id: 1830 },
-        { label: "kathak", isSelected: false, id: 1801 },
-        { label: "Special Category", isSelected: false, id: 1774 },
-        { label: "Private Classes", isSelected: false, id: 1773 },
-        { label: "Dream", isSelected: false, id: 1772 },
-        { label: "Cyberdyne", isSelected: false, id: 1771 },
-        { label: "Okay", isSelected: false, id: 1728 },
-        { label: "Advanced Diploma", isSelected: false, id: 1672 },
-        { label: "MBA", isSelected: false, id: 1565 },
-        { label: "Morning Batch", isSelected: false, id: 1556 },
-        { label: "Category", isSelected: false, id: 1544 },
-        { label: "Sports-1", isSelected: false, id: 9955 },
-        { label: "Sports-2", isSelected: false, id: 9962 },
-        { label: "Quarantine diaries", isSelected: false, id: 9963 },
-        { label: "Catfish", isSelected: false, id: 9965 },
-        { label: "test dur", isSelected: false, id: 10030 },
-        {
-          label: "test update fee name (updated 1234)",
-          isSelected: false,
-          id: 10836,
-        },
-        { label: "see one cat", isSelected: false, id: 10031 },
-        { label: "Something cool", isSelected: false, id: 10032 },
-        { label: "Some category", isSelected: false, id: 10310 },
-        { label: "Some new category", isSelected: false, id: 10312 },
-        { label: "dtwae erwe wr", isSelected: false, id: 10313 },
-        { label: "New category for test", isSelected: false, id: 10314 },
-        { label: "A brand new category", isSelected: false, id: 10315 },
-        { label: "A new category", isSelected: false, id: 10831 },
-        { label: "Reco Category", isSelected: false, id: 10832 },
-        { label: "Reco Test Category", isSelected: false, id: 10834 },
-        { label: "Reco Raja", isSelected: false, id: 10835 },
-        { label: "Test subject cat", isSelected: false, id: 11076 },
-        { label: "A new price category", isSelected: false, id: 11078 },
-        { label: "test cat 123", isSelected: false, id: 11085 },
-        { label: "test cat 2", isSelected: false, id: 11086 },
-        { label: "test cat 3", isSelected: false, id: 11087 },
-        { label: "Trial subjects", isSelected: false, id: 11089 },
-        { label: "Testing", isSelected: false, id: 11090 },
-        { label: "Hatha Yoga", isSelected: false, id: 11094 },
-        { label: "Gymnastics", isSelected: false, id: 11095 },
-        { label: "Package Multiple Subjects", isSelected: false, id: 11096 },
-        { label: "Mahima Test", isSelected: false, id: 11102 },
-        { label: "Colourful Sports", isSelected: false, id: 11373 },
-        { label: "Weekly Schedule", isSelected: false, id: 11374 },
-        { label: "Workshop", isSelected: false, id: 11375 },
-        { label: "New category", isSelected: false, id: 11381 },
-        { label: "Flexi", isSelected: false, id: 11383 },
-        { label: "Test 100", isSelected: false, id: 11476 },
-        { label: "Enhanced Session Linking", isSelected: false, id: 11477 },
-        { label: "Sparkanauts", isSelected: false, id: 11478 },
-        { label: "Dev server", isSelected: false, id: 11483 },
-        { label: "Makeup Review", isSelected: false, id: 11484 },
-        { label: "checkout test class capacity", isSelected: false, id: 11581 },
-        { label: "Tax In Pricing", isSelected: false, id: 11582 },
-        { label: "Badminton", isSelected: false, id: 11583 },
-      ],
-    },
-    {
-      label: "Package type",
-      selected: 0,
-      options: [
-        { label: "One time", isSelected: false },
-        { label: "Subscription", isSelected: false },
-      ],
-    },
-    {
-      label: "State",
-      selected: 0,
-      options: [
-        { label: "Active", isSelected: false },
-        { label: "Expired", isSelected: false },
-      ],
-    },
-  ],
-};
+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",
+};