classcard-ui 0.2.193 → 0.2.197

package/src/stories/CButton.stories.js

@@ -1,11 +1,26 @@
-import CButton from '../components/CButton/CButton.vue';
-import './utils.css'
+import CButton from "../components/CButton/CButton.vue";
+import "./utils.css";
 
 export default {
-  title: 'CButton',
+  title: "CButton",
   component: CButton,
   argTypes: {
-    type: { control: { type: 'select', options: ['primary', 'secondary', 'white', 'danger', 'success', 'tertiary', 'secondary-gray', 'light-red', 'dark-blue'] } },
+    type: {
+      control: {
+        type: "select",
+        options: [
+          "primary",
+          "secondary",
+          "white",
+          "danger",
+          "success",
+          "tertiary",
+          "secondary-gray",
+          "light-red",
+          "dark-blue",
+        ],
+      },
+    },
   },
 };
 
@@ -18,11 +33,12 @@ const Template = (args, { argTypes }) => ({
 export const Default = Template.bind({});
 Default.args = {
   isLoading: false,
-  label: 'Button',
-  type: 'primary',
+  label: "Button",
+  type: "primary",
   icon: {
-    name: 'check',
-    type: 'solid',
-    class: 'h-5 w-5'
-  }
+    name: "check",
+    type: "solid",
+    class: "h-5 w-5",
+  },
+  customClasses: "",
 };

package/src/stories/CCheckbox.stories.js

@@ -7,6 +7,7 @@ export default {
   argTypes: {
     label: String,
     description: String,
+    value: Number,
   },
 };
 
@@ -20,5 +21,9 @@ export const Default = Template.bind({});
 Default.args = {
   label: "Includes",
   description: "Add subjects to include them in the package",
+  value: 1,
   isDisabled: false,
+  onChange(val) {
+    return;
+  },
 };

package/src/stories/CSelect.stories.js

@@ -33,10 +33,10 @@ Default.args = {
   hint: "Optional",
   showImage: true,
   value: {},
-  renderOptionName: "option",
+  renderOptionName: "code",
   options: [
-    { option: "one", value: "onee" },
-    { option: "two", value: "twoo" },
+    { code: "one", value: "onee" },
+    { code: "two", value: "twoo" },
   ],
   addAction: {
     label: "Add new",

package/src/stories/CTable.stories.js

@@ -22,7 +22,7 @@ export default {
 const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { CTable },
-  template: '<c-table @hideCols="hideCols" @showCheckbox="showCheckbox" v-bind="$props" />',
+  template: '<c-table @hideCols="hideCols" @showCheckbox="showCheckbox" @reordered="handleReorder" v-bind="$props" />',
 });
 
 export const Default = Template.bind({});
@@ -41,28 +41,11 @@ Default.args = {
   showHideColumnList: [
     { label: "", field: "drag", hidden: false },
     {
-      label: "Make",
-      field: "make",
+      label: "Mode",
+      field: "mode",
       hidden: false,
       sortable: true,
-    },
-    { label: "Model", field: "modal", hidden: false, sortable: true },
-    { label: "Staff", field: "staff", hidden: false },
-    { label: "CRR", field: "crr", hidden: false, sortable: true },
-    { label: "Switch", field: "switch", hidden: false },
-    { label: "Icon", field: "color", hidden: false },
-    { label: "", field: "drag", hidden: false },
-    {
-      label: "Make",
-      field: "make",
-      hidden: false,
-      sortable: true,
-    },
-    { label: "Model", field: "modal", hidden: false, sortable: true },
-    { label: "Staff", field: "staff", hidden: false },
-    { label: "CRR", field: "crr", hidden: false, sortable: true },
-    { label: "Switch", field: "switch", hidden: false },
-    { label: "Icon", field: "color", hidden: false },
+    }
   ],
   rows: [{"id":5,"mode":"ATM Machine 1","sort_order":2,"status":1,"rcInstitutionID":82,"created_at":"2020-09-02T12:53:09.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":11,"mode":"QA 1","sort_order":3,"status":1,"rcInstitutionID":82,"created_at":"2020-09-04T09:57:47.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":7,"mode":"ATM Machine 2","sort_order":4,"status":1,"rcInstitutionID":82,"created_at":"2020-09-04T09:45:47.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":18,"mode":"QA 3","sort_order":8,"status":1,"rcInstitutionID":82,"created_at":"2020-09-04T10:05:15.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":12,"mode":"QA 2","sort_order":21,"status":1,"rcInstitutionID":82,"created_at":"2020-09-04T09:57:55.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":15,"mode":"QA 4","sort_order":22,"status":1,"rcInstitutionID":82,"created_at":"2020-09-04T10:00:23.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":162,"mode":"Yes bank","sort_order":62,"status":1,"rcInstitutionID":82,"created_at":"2020-11-18T09:22:43.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":163,"mode":"SBI bank","sort_order":63,"status":1,"rcInstitutionID":82,"created_at":"2020-11-18T09:33:17.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":164,"mode":"BOB bank","sort_order":64,"status":1,"rcInstitutionID":82,"created_at":"2020-11-18T09:35:12.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":165,"mode":"PNB bank","sort_order":65,"status":1,"rcInstitutionID":82,"created_at":"2020-11-18T09:55:16.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"}],
   pagination: true,
@@ -85,4 +68,10 @@ Default.args = {
       Default.args.cols[0].hidden = true;
     }
   },
+  handleReorder(val) {
+    Default.args.rows = val;
+    val.forEach((item, index) => {
+      console.log(item);
+    });
+  }
 };