dgrcorrientes-modulos 1.0.0

package/src/stories/Layout/Sidebar/Sidebar.stories.tsx

@@ -0,0 +1,744 @@
+import React from 'react';
+import {ComponentStory, ComponentMeta} from '@storybook/react';
+import {Sidebar} from './Sidebar';
+import {CardActivity} from '../../Components/Cards/CardActivity/cardActivity';
+import {CardHorizontal} from '../../Components/Cards/CardHorizontal/CardHorizontal';
+
+export default {
+  title: 'Layout/Sidebar',
+  component: Sidebar,
+  args: {
+    buttonShow: {
+      label: 'Mostrar',
+      fill: 'solid',
+      color: 'primary',
+      icon: 'fa-solid fa-chevron-left',
+    },
+    onShow() {
+      console.log('Se abrió el Sidebar');
+    },
+    onClose() {
+      console.log('Se cerró el Sidebar');
+    },
+    title: 'Agregar actividad',
+    show: true,
+    listLineSeparation: true,
+    listOfComponents: [
+      <CardActivity
+        description="1 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="2 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="3 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="4 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="5 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="6 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="7 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="8 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="9 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="10 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="11 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="12 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="13Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="14 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="15 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="16 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="16 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="16 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="16 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="16 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="16 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="16 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="16 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="16 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="16 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="16 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="16 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="16 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="16 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="16 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="16 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="16 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="16 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="16 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+      <CardActivity
+        description="16 Servicios de organizaciones y órganos extraterritoriales"
+        secondaryDescription="Alic. 1.5"
+        title="00990000"
+      />,
+    ],
+    search: {
+      size: 'normal',
+      placeholder: 'Buscar...',
+      backgroundColor: '#F5F5F5',
+      buttonSearch: {
+        label: 'Buscar',
+        fill: 'solid',
+        icon: 'fa-solid fa-magnifying-glass',
+        type: 'button',
+        onClick: () => console.log('Button Clicked'),
+      },
+      onChange: value => console.log(value),
+    },
+    itemsPerPage: 4,
+  },
+} as ComponentMeta<typeof Sidebar>;
+
+const Template: ComponentStory<typeof Sidebar> = args => <Sidebar {...args} />;
+
+export const Standard = Template.bind({});
+Standard.args = {};
+
+/*
+
+
+ */
+
+/*
+      <CardHorizontal
+        button={{
+          fill: 'link',
+          icon: '/src/stories/Elements/Icon/icono.svg',
+          icon_className: 'has-tc-primary-600',
+          icon_type: 'svg_icon',
+          label: 'Ver detalle',
+          onClick: () => {},
+          trailingIcon: true,
+          type: 'button',
+        }}
+        buttons={[
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+        ]}
+        icon={[
+          {
+            icon: 'fa fa-home',
+          },
+        ]}
+        iconLeft
+        menuButton={{
+          fill: 'unstyled',
+          icon: 'fa-solid fa-ellipsis-vertical',
+        }}
+        onClick={function noRefCheck() {}}
+        subtitle="54 DDJJ incumplidas"
+        title="Clave de Acceso Virtual"
+      />,
+      <CardHorizontal
+        button={{
+          fill: 'link',
+          icon: '/src/stories/Elements/Icon/icono.svg',
+          icon_className: 'has-tc-primary-600',
+          icon_type: 'svg_icon',
+          label: 'Ver detalle',
+          onClick: () => {},
+          trailingIcon: true,
+          type: 'button',
+        }}
+        buttons={[
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+        ]}
+        icon={[
+          {
+            icon: 'fa fa-home',
+          },
+        ]}
+        iconLeft
+        menuButton={{
+          fill: 'unstyled',
+          icon: 'fa-solid fa-ellipsis-vertical',
+        }}
+        onClick={function noRefCheck() {}}
+        subtitle="54 DDJJ incumplidas"
+        title="Clave de Acceso Virtual"
+      />,
+      <CardHorizontal
+        button={{
+          fill: 'link',
+          icon: '/src/stories/Elements/Icon/icono.svg',
+          icon_className: 'has-tc-primary-600',
+          icon_type: 'svg_icon',
+          label: 'Ver detalle',
+          onClick: () => {},
+          trailingIcon: true,
+          type: 'button',
+        }}
+        buttons={[
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+        ]}
+        icon={[
+          {
+            icon: 'fa fa-home',
+          },
+        ]}
+        iconLeft
+        menuButton={{
+          fill: 'unstyled',
+          icon: 'fa-solid fa-ellipsis-vertical',
+        }}
+        onClick={function noRefCheck() {}}
+        subtitle="54 DDJJ incumplidas"
+        title="Clave de Acceso Virtual"
+      />,
+      <CardHorizontal
+        button={{
+          fill: 'link',
+          icon: '/src/stories/Elements/Icon/icono.svg',
+          icon_className: 'has-tc-primary-600',
+          icon_type: 'svg_icon',
+          label: 'Ver detalle',
+          onClick: () => {},
+          trailingIcon: true,
+          type: 'button',
+        }}
+        buttons={[
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+        ]}
+        icon={[
+          {
+            icon: 'fa fa-home',
+          },
+        ]}
+        iconLeft
+        menuButton={{
+          fill: 'unstyled',
+          icon: 'fa-solid fa-ellipsis-vertical',
+        }}
+        onClick={function noRefCheck() {}}
+        subtitle="54 DDJJ incumplidas"
+        title="Clave de Acceso Virtual"
+      />,
+      <CardHorizontal
+        button={{
+          fill: 'link',
+          icon: '/src/stories/Elements/Icon/icono.svg',
+          icon_className: 'has-tc-primary-600',
+          icon_type: 'svg_icon',
+          label: 'Ver detalle',
+          onClick: () => {},
+          trailingIcon: true,
+          type: 'button',
+        }}
+        buttons={[
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+        ]}
+        icon={[
+          {
+            icon: 'fa fa-home',
+          },
+        ]}
+        iconLeft
+        menuButton={{
+          fill: 'unstyled',
+          icon: 'fa-solid fa-ellipsis-vertical',
+        }}
+        onClick={function noRefCheck() {}}
+        subtitle="54 DDJJ incumplidas"
+        title="Clave de Acceso Virtual"
+      />,
+      <CardHorizontal
+        button={{
+          fill: 'link',
+          icon: '/src/stories/Elements/Icon/icono.svg',
+          icon_className: 'has-tc-primary-600',
+          icon_type: 'svg_icon',
+          label: 'Ver detalle',
+          onClick: () => {},
+          trailingIcon: true,
+          type: 'button',
+        }}
+        buttons={[
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+        ]}
+        icon={[
+          {
+            icon: 'fa fa-home',
+          },
+        ]}
+        iconLeft
+        menuButton={{
+          fill: 'unstyled',
+          icon: 'fa-solid fa-ellipsis-vertical',
+        }}
+        onClick={function noRefCheck() {}}
+        subtitle="54 DDJJ incumplidas"
+        title="Clave de Acceso Virtual"
+      />,
+      <CardHorizontal
+        button={{
+          fill: 'link',
+          icon: '/src/stories/Elements/Icon/icono.svg',
+          icon_className: 'has-tc-primary-600',
+          icon_type: 'svg_icon',
+          label: 'Ver detalle',
+          onClick: () => {},
+          trailingIcon: true,
+          type: 'button',
+        }}
+        buttons={[
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+        ]}
+        icon={[
+          {
+            icon: 'fa fa-home',
+          },
+        ]}
+        iconLeft
+        menuButton={{
+          fill: 'unstyled',
+          icon: 'fa-solid fa-ellipsis-vertical',
+        }}
+        onClick={function noRefCheck() {}}
+        subtitle="54 DDJJ incumplidas"
+        title="Clave de Acceso Virtual"
+      />,
+      <CardHorizontal
+        button={{
+          fill: 'link',
+          icon: '/src/stories/Elements/Icon/icono.svg',
+          icon_className: 'has-tc-primary-600',
+          icon_type: 'svg_icon',
+          label: 'Ver detalle',
+          onClick: () => {},
+          trailingIcon: true,
+          type: 'button',
+        }}
+        buttons={[
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+        ]}
+        icon={[
+          {
+            icon: 'fa fa-home',
+          },
+        ]}
+        iconLeft
+        menuButton={{
+          fill: 'unstyled',
+          icon: 'fa-solid fa-ellipsis-vertical',
+        }}
+        onClick={function noRefCheck() {}}
+        subtitle="54 DDJJ incumplidas"
+        title="Clave de Acceso Virtual"
+      />,
+      <CardHorizontal
+        button={{
+          fill: 'link',
+          icon: '/src/stories/Elements/Icon/icono.svg',
+          icon_className: 'has-tc-primary-600',
+          icon_type: 'svg_icon',
+          label: 'Ver detalle',
+          onClick: () => {},
+          trailingIcon: true,
+          type: 'button',
+        }}
+        buttons={[
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+          {
+            disabled: false,
+            fill: 'link',
+            icon: 'fa fa-house',
+            label: 'Información general',
+            loading: false,
+            onClick: function noRefCheck() {},
+            trailingIcon: true,
+            type: 'button',
+          },
+        ]}
+        icon={[
+          {
+            icon: 'fa fa-home',
+          },
+        ]}
+        iconLeft
+        menuButton={{
+          fill: 'unstyled',
+          icon: 'fa-solid fa-ellipsis-vertical',
+        }}
+        onClick={function noRefCheck() {}}
+        subtitle="54 DDJJ incumplidas"
+        title="Clave de Acceso Virtual"
+      />,
+ */