@eturnity/eturnity_reusable_components 8.19.1 → 8.19.2

package/src/components/tables/mainTable/MainTable.stories.js

@@ -1,151 +0,0 @@
-import MainTable from './index.vue'
-import theme from '@/assets/theme'
-
-export default {
-  title: 'Components/Tables/MainTable',
-  component: MainTable,
-  tags: ['autodocs'],
-  argTypes: {
-    fullWidth: {
-      control: 'boolean',
-      description: 'Whether the table should take full width of its container',
-    },
-    cellPaddings: {
-      control: 'text',
-      description: 'Custom padding for table cells (e.g., "10px 15px")',
-    },
-    isLoading: {
-      control: 'boolean',
-      description: 'Whether to show loading spinner',
-    },
-    isOverflowHidden: {
-      control: 'boolean',
-      description: 'Whether to hide overflow content',
-    },
-    titleText: {
-      control: 'text',
-      description: 'Optional title text above the table',
-    },
-    hasAimHover: {
-      control: 'boolean',
-      description: 'Whether to enable column hover highlighting',
-    },
-    tableCursor: {
-      control: 'text',
-      description: 'Custom cursor style for the table',
-    },
-  },
-}
-
-const Template = (args) => ({
-  components: { MainTable },
-  setup() {
-    return { args }
-  },
-  template: `
-    <MainTable v-bind="args">
-      <thead>
-        <tr>
-          <th>Name</th>
-          <th>Status</th>
-          <th>Date</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td>Project A</td>
-          <td>Active</td>
-          <td>2024-03-15</td>
-        </tr>
-        <tr>
-          <td>Project B</td>
-          <td>Completed</td>
-          <td>2024-03-10</td>
-        </tr>
-      </tbody>
-    </MainTable>
-  `,
-  provide: {
-    theme,
-  },
-})
-
-export const Default = Template.bind({})
-Default.args = {
-  fullWidth: true,
-  cellPaddings: '6px 6px 7px 4px',
-  isLoading: false,
-  isOverflowHidden: true,
-  titleText: 'Projects',
-  hasAimHover: false,
-  tableCursor: 'pointer',
-}
-
-export const Loading = Template.bind({})
-Loading.args = {
-  ...Default.args,
-  isLoading: true,
-}
-
-export const WithoutTitle = Template.bind({})
-WithoutTitle.args = {
-  ...Default.args,
-  titleText: null,
-}
-
-export const WithColumnHover = Template.bind({})
-WithColumnHover.args = {
-  ...Default.args,
-  hasAimHover: true,
-}
-
-export const CustomWidth = Template.bind({})
-CustomWidth.args = {
-  ...Default.args,
-  fullWidth: false,
-}
-
-export const CustomCellPadding = Template.bind({})
-CustomCellPadding.args = {
-  ...Default.args,
-  cellPaddings: '10px 15px',
-}
-
-export const WithDraggableRows = Template.bind({})
-WithDraggableRows.args = {
-  ...Default.args,
-}
-WithDraggableRows.template = `
-  <MainTable v-bind="args">
-    <thead>
-      <tr>
-        <th></th>
-        <th>Name</th>
-        <th>Status</th>
-        <th>Date</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td class="drag-container">
-          <div class="drag-wrapper">
-            <div class="drag-icon"></div>
-          </div>
-        </td>
-        <td>Project A</td>
-        <td>Active</td>
-        <td>2024-03-15</td>
-      </tr>
-      <tr>
-        <td class="drag-container">
-          <div class="drag-wrapper">
-            <div class="drag-icon"></div>
-          </div>
-        </td>
-        <td>Project B</td>
-        <td>Completed</td>
-        <td>2024-03-10</td>
-      </tr>
-    </tbody>
-  </MainTable>
-`

package/src/components/tabsHeader/TabsHeader.stories.js

@@ -1,142 +0,0 @@
-import TabsHeader from './index.vue'
-import theme from '@/assets/theme'
-
-export default {
-  title: 'TabsHeader',
-  component: TabsHeader,
-  tags: ['autodocs'],
-  argTypes: {
-    tabsData: {
-      control: 'object',
-      description:
-        'Array of tab objects with text, id, and optional hasError and icon properties',
-    },
-    activeTab: {
-      control: 'number',
-      description: 'ID of the currently active tab',
-    },
-  },
-}
-
-const Template = (args) => ({
-  components: { TabsHeader },
-  setup() {
-    return { args }
-  },
-  template: '<TabsHeader v-bind="args" @on-tab-change="onTabChange" />',
-  methods: {
-    onTabChange(id) {
-      console.log('Tab changed to:', id)
-    },
-  },
-  provide: {
-    theme,
-  },
-})
-
-export const Default = Template.bind({})
-Default.args = {
-  tabsData: [
-    {
-      text: 'Tab 1',
-      id: 0,
-    },
-    {
-      text: 'Tab 2',
-      id: 1,
-    },
-    {
-      text: 'Tab 3',
-      id: 2,
-    },
-  ],
-  activeTab: 0,
-}
-
-export const WithErrors = Template.bind({})
-WithErrors.args = {
-  tabsData: [
-    {
-      text: 'Tab 1',
-      id: 0,
-      hasError: true,
-    },
-    {
-      text: 'Tab 2',
-      id: 1,
-      hasError: false,
-    },
-    {
-      text: 'Tab 3',
-      id: 2,
-      hasError: true,
-    },
-  ],
-  activeTab: 0,
-}
-
-export const WithIcons = Template.bind({})
-WithIcons.args = {
-  tabsData: [
-    {
-      text: 'Tab 1',
-      id: 0,
-      icon: 'settings',
-    },
-    {
-      text: 'Tab 2',
-      id: 1,
-      icon: 'warning',
-    },
-    {
-      text: 'Tab 3',
-      id: 2,
-      icon: 'info',
-    },
-  ],
-  activeTab: 0,
-}
-
-export const WithErrorsAndIcons = Template.bind({})
-WithErrorsAndIcons.args = {
-  tabsData: [
-    {
-      text: 'Tab 1',
-      id: 0,
-      icon: 'settings',
-      hasError: true,
-    },
-    {
-      text: 'Tab 2',
-      id: 1,
-      icon: 'warning',
-      hasError: false,
-    },
-    {
-      text: 'Tab 3',
-      id: 2,
-      icon: 'info',
-      hasError: true,
-    },
-  ],
-  activeTab: 0,
-}
-
-export const StringIds = Template.bind({})
-StringIds.args = {
-  tabsData: [
-    {
-      text: 'Tab 1',
-      id: 'tab1',
-    },
-    {
-      text: 'Tab 2',
-      id: 'tab2',
-    },
-    {
-      text: 'Tab 3',
-      id: 'tab3',
-    },
-  ],
-  activeTab: 'tab1',
-}