classcard-ui 0.2.666 → 0.2.671

package/src/stories/CPhoneNumber.stories.js

@@ -1,29 +0,0 @@
-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/CRadio.stories.js

@@ -1,36 +0,0 @@
-import CRadio from "../components/CRadio/CRadio.vue";
-import "./utils.css";
-
-export default {
-  title: "CRadio",
-  component: CRadio,
-  argTypes: {
-    items: { control: { type: "object" } },
-    selectedOption: String,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CRadio },
-  template: '<c-radio v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  items: [
-    {
-      text: "Public access",
-      description: "This project would be available to anyone who has the link",
-      value: "value1",
-    },
-    {
-      text: "Private to Project Members",
-      description: "Only members of this project would be able to access",
-      value: "value2",
-    },
-  ],
-  selectedOption: "value1",
-  isDisabled: false,
-  name: "radio"
-};

package/src/stories/CRangeSlider.stories.js

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

package/src/stories/CReorderableStackedList.stories.js

@@ -1,23 +0,0 @@
-import CReorderableStackedList from '../components/CReorderableStackedList/CReorderableStackedList.vue';
-import './utils.css'
-
-export default {
-  title: 'CReorderableStackedList',
-  component: CReorderableStackedList,
-  argTypes: {
-    listItems: { control: { type: "object" } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CReorderableStackedList },
-  template: '<c-reorderable-stacked-list v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-    listItems: [
-        { image: "https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=facearea&amp;facepad=2&amp;w=256&amp;h=256&amp;q=80", heading: "Maths-Level1", description: "calvin.hawkins@example.com", size:"medium", rounded:false, tag:true, collapse:false, listIcon: true, reorder:true, imageClasses: "bg-gray-200 border-gray-200 border" },
-      ],
-};

package/src/stories/CSelect.stories.js

@@ -1,50 +0,0 @@
-import CSelect from "../components/CSelect/CSelect.vue";
-import "./utils.css";
-
-export default {
-  title: "CSelect",
-  component: CSelect,
-  argTypes: {
-    label: String,
-    placeholder: String,
-    helpText: String,
-    hint: String,
-    showImage: Boolean,
-    addAction: Object,
-    icon: Object,
-    options: { control: { type: "object" } },
-    type: String,
-    value: String,
-    dropdownClass: String,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CSelect },
-  template: '<c-select v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  label: "Name",
-  placeholder: "Enter your name",
-  helpText: "This information is displayed on booking page",
-  hint: "Optional",
-  showImage: true,
-  value: null,
-  renderOptionName: "code",
-  options: [
-    { code: "one", value: "onee" },
-    { code: "two", value: "twoo", isDisabled: true },
-  ],
-  addAction: {
-    label: "Add new",
-  },
-  icon: {
-    name: "bookmark",
-    type: "solid",
-    class: "h-5 w-5",
-  },
-  isDisabled: false,
-};

package/src/stories/CSmallTimeline.stories.js

@@ -1,26 +0,0 @@
-import CSmallTimeline from "../components/CSmallTimeline/CSmallTimeline.vue";
-import "./utils.css";
-
-export default {
-  title: "CSmallTimeline",
-  component: CSmallTimeline,
-  argTypes: {
-    timelineItems: { control: { type: "object" } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CSmallTimeline },
-  template: '<c-small-timeline v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-    timelineItems: [
-    { label: "Invoiced" },
-    { label: "Partially paid"},
-    { label: "Paid"},
-    { label: "Overdue"},
-  ],
-};

package/src/stories/CStackedList.stories.js

@@ -1,37 +0,0 @@
-import CStackedList from "../components/CStackedList/CStackedList.vue";
-import "./utils.css";
-
-export default {
-  title: "CStackedList",
-  component: CStackedList,
-  argTypes: {
-    listItems: { control: { type: "object" } },
-    divider: Boolean,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CStackedList },
-  template: '<c-stacked-list v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  listItems: [
-    {
-      image:
-        "https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=facearea&amp;facepad=2&amp;w=256&amp;h=256&amp;q=80",
-      heading: "Maths-Level1",
-      tagLabel: "test",
-      tagColor: "green",
-      description: "calvin.hawkins@example.com",
-      size: "medium",
-      rounded: false,
-      tag: false,
-      collapse: false,
-      listIcon: true,
-    },
-  ],
-  divider: true,
-};

package/src/stories/CStats.stories.js

@@ -1,33 +0,0 @@
-import CStats from "../components/CStats/CStats.vue";
-import "./utils.css";
-
-export default {
-  title: "CStats",
-  component: CStats,
-  argTypes: {
-    statsCount: { control: { type: "object" } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CStats },
-  template: '<c-stats v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  statsCount: [
-    {
-      label: "Invoiced",
-      totalCount: "$52145",
-      number: 4,
-      icon: { name: "check", type: "solid", class: "h-5 w-5" },
-      tag: { label: "+10", color: "green" },
-      days: "Last 7 days",
-    },
-    { label: "Partially paid", totalCount: "$66145", number: 2 },
-    { label: "Paid", totalCount: "$88845", number: 4 },
-    // { label: "Overdue", totalCount: "$14545", number: 2 },
-  ],
-};

package/src/stories/CSwitch.stories.js

@@ -1,28 +0,0 @@
-import CSwitch from "../components/CSwitch/CSwitch.vue";
-import "./utils.css";
-
-export default {
-  title: "CSwitch",
-  component: CSwitch,
-  argTypes: {
-    label: String,
-    description: String,
-    classes: String,
-    value: Boolean,
-    disabled: Boolean,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CSwitch },
-  template: '<c-switch v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  label: "Name",
-  description: "Nulla amet tempus sit accumsan. Aliquet turpis sed sit lacinia.",
-  value: 1,
-  direction: "left",
-};

package/src/stories/CTable.stories.js

@@ -1,77 +0,0 @@
-import CTable from "../components/CTable/CTable.vue";
-// import draggable from "vuedraggable";
-import "./utils.css";
-
-export default {
-  title: "CTable",
-  component: CTable,
-  // subcomponents: { draggable },
-  argTypes: {
-    cols: { type: Array },
-    rows: { type: Array },
-    pagination: Boolean,
-    sorting: Boolean,
-    searching: Boolean,
-    enableSelection: Boolean,
-    initialSortField: { type: Object },
-    customizeColumn: Boolean,
-    tableActions: Boolean,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CTable },
-  template: '<c-table @hideCols="hideCols" @showCheckbox="showCheckbox" @reordered="handleReorder" v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  cols: [
-    { label: "", field: "drag", hidden: false },
-    { label: "Payment mode", field: "mode", hidden: false },
-    {
-      label: "",
-      field: "menuOptions",
-      hidden: false,
-      customizeColumn: true,
-      width: "60px"
-    }
-  ],
-  showHideColumnList: [
-    { label: "", field: "drag", hidden: false },
-    {
-      label: "Mode",
-      field: "mode",
-      hidden: false,
-      sortable: true,
-    }
-  ],
-  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,
-  sorting: false,
-  searching: true,
-  enableSelection: false,
-  tableActions: true,
-  initialSortField: { field: "modal", type: "asc" },
-  paginationData: { totalRecords: 200, currentPage: 13, lastPage: 20 },
-  isLoading: false,
-  hideCols(val, name) {
-    var getColumns = Default.args.cols;
-    var selectedCol = getColumns.find((col) => col.field == name);
-    selectedCol.hidden = !val;
-  },
-  showCheckbox(value) {
-    if (value == true) {
-      Default.args.cols[0].hidden = 0;
-    } else {
-      Default.args.cols[0].hidden = true;
-    }
-  },
-  handleReorder(val) {
-    Default.args.rows = val;
-    val.forEach((item, index) => {
-      console.log(item);
-    });
-  }
-};

package/src/stories/CTabs.stories.js

@@ -1,33 +0,0 @@
-import CTabs from "../components/CTabs/CTabs.vue";
-import CIcon from "../components/CIcon/CIcon.vue";
-import "./utils.css";
-
-export default {
-  title: "CTabs",
-  component: CTabs,
-  subcomponents: { CIcon },
-  argTypes: {
-    tabs: { control: { type: "object" } },
-    initialTab: String,
-    classes: String,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CTabs },
-  template: '<c-tabs v-bind="$props"><template slot="tab-panel-url">url panel</template><template slot="tab-panel-mobile-app">app panel</template><template slot="tab-panel-preferences">preferences panel</template></c-tabs>',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  tabs: [
-    { name: "url", text: "Booking URL" },
-    { name: "mobile-app", text: "Mobile app" },
-    { name: "preferences", text: "Preferences" },
-    { name: "private", text: "Private classes" },
-    { name: "subpages", text: "Subpages" },
-    { name: "marketing", text: "Marketing" },
-  ],
-  initialTab: "url",
-};

package/src/stories/CTag.stories.js

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

package/src/stories/CTextarea.stories.js

@@ -1,32 +0,0 @@
-import CTextarea from "../components/CTextarea/CTextarea.vue";
-import "./utils.css";
-
-export default {
-  title: "CTextarea",
-  component: CTextarea,
-  argTypes: {
-    label: String,
-    placeholder: String,
-    rows: String,
-    helpText: String,
-    hint: String,
-    isValidate: Boolean,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CTextarea },
-  template: '<c-textarea v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  label: "Name",
-  placeholder: "Enter your name",
-  rows: "3",
-  helpText: "This information is displayed on booking page",
-  hint: "Optional",
-  isValidate: true,
-  disabled: false,
-};

package/src/stories/CTimeline.stories.js

@@ -1,26 +0,0 @@
-import CTimeline from "../components/CTimeline/CTimeline.vue";
-import "./utils.css";
-
-export default {
-  title: "CTimeline",
-  component: CTimeline,
-  argTypes: {
-    statsCount: { control: { type: "object" } },
-    color: { control: { type: 'select', options: ['red', 'yellow', 'green', 'indigo'] } },
-    icon: { control: { type: 'select', options: ['clock', 'calendar', 'user'] } }
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CTimeline },
-  template: '<c-timeline v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  statsCount: [
-  ],
-  color:'red',
-  icon: 'calendar'
-};

package/src/stories/CUpload.stories.js

@@ -1,36 +0,0 @@
-import CUpload from "../components/CUpload/CUpload.vue";
-import "./utils.css";
-
-export default {
-  title: "CUpload",
-  component: CUpload,
-  argTypes: {
-    label: String,
-    hint: String,
-    fileSize: String,
-    isValidate: Boolean,
-    type: {
-      control: {
-        type: "inline-radio",
-        options: ["default", "filestack", "uppload"],
-      },
-    },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CUpload },
-  template: '<c-upload v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  buttonText: "Select File",
-  hint: "Optional",
-  fileSize: "10",
-  isValidate: true,
-  type: "default",
-  filestackApiKey: "",
-  maxFiles: 1,
-};