@true-engineering/true-react-common-ui-kit 3.45.2 → 4.0.0-alpha1

package/src/components/FlexibleTable/FlexibleTable.stories.tsx

@@ -1,300 +1,300 @@
-import { FC } from 'react';
-import { isNotEmpty } from '@true-engineering/true-react-platform-helpers';
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import { FlexibleTable } from './FlexibleTable';
-import { IFlexibleTableConfigType, IValueComponentProps } from './types';
-
-export default {
-  title: 'Table/FlexibleTable',
-  component: FlexibleTable,
-} as ComponentMeta<typeof FlexibleTable>;
-
-interface ITableContent {
-  contractCode: string;
-  validFrom: Date;
-  validTo: Date;
-  validTo1?: Date;
-  validTo2?: Date;
-  title: string;
-  signDate: Date;
-  partner: string;
-  partnerDescription: string;
-  parentContract: string;
-  currency: string;
-  status: string;
-  note?: string;
-  publicNote?: string;
-}
-
-const Temp: FC<IValueComponentProps<ITableContent, string>> = ({ value }) => <>{value}</>;
-
-const config: IFlexibleTableConfigType<ITableContent> = {
-  contractCode: {
-    title: 'Contract Code',
-    minWidth: 150,
-    maxWidth: 150,
-    position: 'sticky',
-  },
-  title: {
-    component: (props) => <Temp {...props} />,
-    title: 'Title',
-    minWidth: 100,
-    position: 'sticky',
-    left: 186,
-  },
-  validFrom: {
-    title: 'Valid From',
-    shouldRenderDataId: true,
-  },
-  validTo: {
-    title: 'Valid From',
-  },
-  validTo1: {
-    title: 'Valid To1',
-  },
-  validTo2: {
-    title: 'Valid To2',
-  },
-  note: {
-    title: 'Notes',
-    minWidth: 110,
-    shouldRenderComponent: (_, { note, publicNote }) => isNotEmpty(note) || isNotEmpty(publicNote),
-    component: ({ row }) => (
-      <>
-        <div>{row.note ?? '-'}</div>
-        <div>{row.publicNote ?? '-'}</div>
-      </>
-    ),
-  },
-  signDate: {
-    title: 'Sign Date',
-  },
-  partner: {
-    component: (props) => <Temp {...props} />,
-    title: 'Partner',
-  },
-};
-
-const content: ITableContent[] = [
-  {
-    contractCode: 'SOME_CODE',
-    validFrom: new Date('2015-05-18'),
-    validTo: new Date('2020-05-18'),
-    title: 'Название',
-    signDate: new Date('2020-05-18'),
-    partner: 'SE_00206_CR',
-    partnerDescription: 'TEST PARTNER DESCRIPTION',
-    parentContract: '',
-    currency: 'RUR',
-    status: 'Active',
-    note: 'Note',
-    publicNote: 'Public Note',
-  },
-  {
-    contractCode: 'SOME_CODE',
-    validFrom: new Date('2015-05-18'),
-    validTo: new Date('2020-05-18'),
-    title: 'Название',
-    signDate: new Date('2020-05-18'),
-    partner: 'SE_00168_CR',
-    partnerDescription: 'TEST PARTNER DESCRIPTION',
-    parentContract: '',
-    currency: 'RUR',
-    status: 'Active',
-    note: 'Only Note',
-  },
-  {
-    contractCode: 'SOME_CODE',
-    validFrom: new Date('2015-05-18'),
-    validTo: new Date('2020-05-18'),
-    title: 'Название',
-    signDate: new Date('2020-05-18'),
-    partner: 'SE_00206_CR',
-    partnerDescription: 'TEST PARTNER DESCRIPTION',
-    parentContract: '',
-    currency: 'U00',
-    status: 'Active',
-    publicNote: 'Only Public Note',
-  },
-  {
-    contractCode: 'SOME_CODE_1',
-    validFrom: new Date('2015-05-18'),
-    validTo: new Date('2020-05-18'),
-    title: 'Название',
-    signDate: new Date('2020-05-18'),
-    partner: 'SE_00168_CR',
-    partnerDescription: 'TEST PARTNER DESCRIPTION',
-    parentContract: 'PARENT/CONTRACT',
-    currency: 'RUR',
-    status: 'Active',
-  },
-  {
-    contractCode: 'SOME_CODE',
-    validFrom: new Date('2015-05-18'),
-    validTo: new Date('2020-05-18'),
-    title: 'Название',
-    signDate: new Date('2020-05-18'),
-    partner: 'SE_00206_CR',
-    partnerDescription: 'TEST PARTNER DESCRIPTION',
-    parentContract: 'PARENT/CONTRACT',
-    currency: 'RUR',
-    status: 'Active',
-  },
-  {
-    contractCode: 'SOME_CODE',
-    validFrom: new Date('2015-05-18'),
-    validTo: new Date('2020-05-18'),
-    title: 'Название',
-    signDate: new Date('2020-05-18'),
-    partner: 'SE_00168_CR',
-    partnerDescription: 'TEST PARTNER DESCRIPTION',
-    parentContract: 'PARENT/CONTRACT',
-    currency: 'RUR',
-    status: 'Active',
-  },
-  {
-    contractCode: 'SOME_CODE',
-    validFrom: new Date('2015-05-18'),
-    validTo: new Date('2020-05-18'),
-    title: 'Название',
-    signDate: new Date('2020-05-18'),
-    partner: 'SE_00206_CR',
-    partnerDescription: 'TEST PARTNER DESCRIPTION',
-    parentContract: '',
-    currency: 'U00',
-    status: 'Active',
-  },
-  {
-    contractCode: 'SOME_CODE',
-    validFrom: new Date('2015-05-18'),
-    validTo: new Date('2020-05-18'),
-    title: 'Название',
-    signDate: new Date('2020-05-18'),
-    partner: 'SE_00168_CR',
-    partnerDescription: 'TEST PARTNER DESCRIPTION',
-    parentContract: 'PARENT/CONTRACT',
-    currency: 'RUR',
-    status: 'Active',
-  },
-  {
-    contractCode: 'SOME_CODE',
-    validFrom: new Date('2015-05-18'),
-    validTo: new Date('2020-05-18'),
-    title: 'Название',
-    signDate: new Date('2020-05-18'),
-    partner: 'SE_00206_CR',
-    partnerDescription: 'TEST PARTNER DESCRIPTION',
-    parentContract: '',
-    currency: 'U00',
-    status: 'Active',
-  },
-  {
-    contractCode: 'SOME_CODE',
-    validFrom: new Date('2015-05-18'),
-    validTo: new Date('2020-05-18'),
-    title: 'Название',
-    signDate: new Date('2020-05-18'),
-    partner: 'SE_00206_CR',
-    partnerDescription: 'TEST PARTNER DESCRIPTION',
-    parentContract: '',
-    currency: 'U00',
-    status: 'Active',
-  },
-  {
-    contractCode: 'SOME_CODE',
-    validFrom: new Date('2015-05-18'),
-    validTo: new Date('2020-05-18'),
-    title: 'Название',
-    signDate: new Date('2020-05-18'),
-    partner: 'SE_00206_CR',
-    partnerDescription: 'TEST PARTNER DESCRIPTION',
-    parentContract: '',
-    currency: 'U00',
-    status: 'Active',
-  },
-  {
-    contractCode: 'SOME_CODE',
-    validFrom: new Date('2015-05-18'),
-    validTo: new Date('2020-05-18'),
-    title: 'Название',
-    signDate: new Date('2020-05-18'),
-    partner: 'SE_00206_CR',
-    partnerDescription: 'TEST PARTNER DESCRIPTION',
-    parentContract: '',
-    currency: 'U00',
-    status: 'Active',
-  },
-  {
-    contractCode: 'OB_UT_M119',
-    validFrom: new Date('2015-05-18'),
-    validTo: new Date('2020-05-18'),
-    title: 'Название',
-    signDate: new Date('2020-05-18'),
-    partner: 'SE_00206_CR',
-    partnerDescription: 'TEST PARTNER DESCRIPTION',
-    parentContract: '',
-    currency: 'U00',
-    status: 'Active',
-  },
-  {
-    contractCode: 'SOME_CODE',
-    validFrom: new Date('2015-05-18'),
-    validTo: new Date('2020-05-18'),
-    title: 'Название',
-    signDate: new Date('2020-05-18'),
-    partner: 'SE_00206_CR',
-    partnerDescription: 'TEST PARTNER DESCRIPTION',
-    parentContract: '',
-    currency: 'U00',
-    status: 'Active',
-  },
-];
-
-const Template: ComponentStory<typeof FlexibleTable<ITableContent>> = (args) => (
-  <div style={{ width: 700, overflow: 'auto' }}>
-    <FlexibleTable<ITableContent>
-      {...args}
-      config={config}
-      content={content}
-      rowAttributes={['contractCode']}
-      expandableRowComponent={(_0, _1, close) => (
-        <div onClick={close}>
-          всем привет :)
-          <br />
-          Нажми на меня, чтобы закрыть
-        </div>
-      )}
-    />
-  </div>
-);
-
-export const Default = Template.bind({});
-
-Default.args = {
-  isLoading: false,
-  isFirstColumnSticky: true,
-  isHorizontallyScrollable: true,
-  isExpandableRowComponentInitiallyOpen: false,
-};
-
-Default.argTypes = {
-  isExpandableRowComponentInitiallyOpen: { control: 'boolean' },
-};
-
-Default.parameters = {
-  controls: {
-    exclude: [
-      'data',
-      'testId',
-      'content',
-      'config',
-      'rowAttributes',
-      'headerContent',
-      'tweakStyles',
-      'onHeadClick',
-      'onRowClick',
-      'onRowHover',
-      'expandableRowComponent',
-    ],
-  },
-};
+import { FC } from 'react';
+import { isNotEmpty } from '@true-engineering/true-react-platform-helpers';
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import { FlexibleTable } from './FlexibleTable';
+import { IFlexibleTableConfigType, IValueComponentProps } from './types';
+
+export default {
+  title: 'Table/FlexibleTable',
+  component: FlexibleTable,
+} as ComponentMeta<typeof FlexibleTable>;
+
+interface ITableContent {
+  contractCode: string;
+  validFrom: Date;
+  validTo: Date;
+  validTo1?: Date;
+  validTo2?: Date;
+  title: string;
+  signDate: Date;
+  partner: string;
+  partnerDescription: string;
+  parentContract: string;
+  currency: string;
+  status: string;
+  note?: string;
+  publicNote?: string;
+}
+
+const Temp: FC<IValueComponentProps<ITableContent, string>> = ({ value }) => <>{value}</>;
+
+const config: IFlexibleTableConfigType<ITableContent> = {
+  contractCode: {
+    title: 'Contract Code',
+    minWidth: 150,
+    maxWidth: 150,
+    position: 'sticky',
+  },
+  title: {
+    component: (props) => <Temp {...props} />,
+    title: 'Title',
+    minWidth: 100,
+    position: 'sticky',
+    left: 186,
+  },
+  validFrom: {
+    title: 'Valid From',
+    shouldRenderDataId: true,
+  },
+  validTo: {
+    title: 'Valid From',
+  },
+  validTo1: {
+    title: 'Valid To1',
+  },
+  validTo2: {
+    title: 'Valid To2',
+  },
+  note: {
+    title: 'Notes',
+    minWidth: 110,
+    shouldRenderComponent: (_, { note, publicNote }) => isNotEmpty(note) || isNotEmpty(publicNote),
+    component: ({ row }) => (
+      <>
+        <div>{row.note ?? '-'}</div>
+        <div>{row.publicNote ?? '-'}</div>
+      </>
+    ),
+  },
+  signDate: {
+    title: 'Sign Date',
+  },
+  partner: {
+    component: (props) => <Temp {...props} />,
+    title: 'Partner',
+  },
+};
+
+const content: ITableContent[] = [
+  {
+    contractCode: 'SOME_CODE',
+    validFrom: new Date('2015-05-18'),
+    validTo: new Date('2020-05-18'),
+    title: 'Название',
+    signDate: new Date('2020-05-18'),
+    partner: 'SE_00206_CR',
+    partnerDescription: 'TEST PARTNER DESCRIPTION',
+    parentContract: '',
+    currency: 'RUR',
+    status: 'Active',
+    note: 'Note',
+    publicNote: 'Public Note',
+  },
+  {
+    contractCode: 'SOME_CODE',
+    validFrom: new Date('2015-05-18'),
+    validTo: new Date('2020-05-18'),
+    title: 'Название',
+    signDate: new Date('2020-05-18'),
+    partner: 'SE_00168_CR',
+    partnerDescription: 'TEST PARTNER DESCRIPTION',
+    parentContract: '',
+    currency: 'RUR',
+    status: 'Active',
+    note: 'Only Note',
+  },
+  {
+    contractCode: 'SOME_CODE',
+    validFrom: new Date('2015-05-18'),
+    validTo: new Date('2020-05-18'),
+    title: 'Название',
+    signDate: new Date('2020-05-18'),
+    partner: 'SE_00206_CR',
+    partnerDescription: 'TEST PARTNER DESCRIPTION',
+    parentContract: '',
+    currency: 'U00',
+    status: 'Active',
+    publicNote: 'Only Public Note',
+  },
+  {
+    contractCode: 'SOME_CODE_1',
+    validFrom: new Date('2015-05-18'),
+    validTo: new Date('2020-05-18'),
+    title: 'Название',
+    signDate: new Date('2020-05-18'),
+    partner: 'SE_00168_CR',
+    partnerDescription: 'TEST PARTNER DESCRIPTION',
+    parentContract: 'PARENT/CONTRACT',
+    currency: 'RUR',
+    status: 'Active',
+  },
+  {
+    contractCode: 'SOME_CODE',
+    validFrom: new Date('2015-05-18'),
+    validTo: new Date('2020-05-18'),
+    title: 'Название',
+    signDate: new Date('2020-05-18'),
+    partner: 'SE_00206_CR',
+    partnerDescription: 'TEST PARTNER DESCRIPTION',
+    parentContract: 'PARENT/CONTRACT',
+    currency: 'RUR',
+    status: 'Active',
+  },
+  {
+    contractCode: 'SOME_CODE',
+    validFrom: new Date('2015-05-18'),
+    validTo: new Date('2020-05-18'),
+    title: 'Название',
+    signDate: new Date('2020-05-18'),
+    partner: 'SE_00168_CR',
+    partnerDescription: 'TEST PARTNER DESCRIPTION',
+    parentContract: 'PARENT/CONTRACT',
+    currency: 'RUR',
+    status: 'Active',
+  },
+  {
+    contractCode: 'SOME_CODE',
+    validFrom: new Date('2015-05-18'),
+    validTo: new Date('2020-05-18'),
+    title: 'Название',
+    signDate: new Date('2020-05-18'),
+    partner: 'SE_00206_CR',
+    partnerDescription: 'TEST PARTNER DESCRIPTION',
+    parentContract: '',
+    currency: 'U00',
+    status: 'Active',
+  },
+  {
+    contractCode: 'SOME_CODE',
+    validFrom: new Date('2015-05-18'),
+    validTo: new Date('2020-05-18'),
+    title: 'Название',
+    signDate: new Date('2020-05-18'),
+    partner: 'SE_00168_CR',
+    partnerDescription: 'TEST PARTNER DESCRIPTION',
+    parentContract: 'PARENT/CONTRACT',
+    currency: 'RUR',
+    status: 'Active',
+  },
+  {
+    contractCode: 'SOME_CODE',
+    validFrom: new Date('2015-05-18'),
+    validTo: new Date('2020-05-18'),
+    title: 'Название',
+    signDate: new Date('2020-05-18'),
+    partner: 'SE_00206_CR',
+    partnerDescription: 'TEST PARTNER DESCRIPTION',
+    parentContract: '',
+    currency: 'U00',
+    status: 'Active',
+  },
+  {
+    contractCode: 'SOME_CODE',
+    validFrom: new Date('2015-05-18'),
+    validTo: new Date('2020-05-18'),
+    title: 'Название',
+    signDate: new Date('2020-05-18'),
+    partner: 'SE_00206_CR',
+    partnerDescription: 'TEST PARTNER DESCRIPTION',
+    parentContract: '',
+    currency: 'U00',
+    status: 'Active',
+  },
+  {
+    contractCode: 'SOME_CODE',
+    validFrom: new Date('2015-05-18'),
+    validTo: new Date('2020-05-18'),
+    title: 'Название',
+    signDate: new Date('2020-05-18'),
+    partner: 'SE_00206_CR',
+    partnerDescription: 'TEST PARTNER DESCRIPTION',
+    parentContract: '',
+    currency: 'U00',
+    status: 'Active',
+  },
+  {
+    contractCode: 'SOME_CODE',
+    validFrom: new Date('2015-05-18'),
+    validTo: new Date('2020-05-18'),
+    title: 'Название',
+    signDate: new Date('2020-05-18'),
+    partner: 'SE_00206_CR',
+    partnerDescription: 'TEST PARTNER DESCRIPTION',
+    parentContract: '',
+    currency: 'U00',
+    status: 'Active',
+  },
+  {
+    contractCode: 'OB_UT_M119',
+    validFrom: new Date('2015-05-18'),
+    validTo: new Date('2020-05-18'),
+    title: 'Название',
+    signDate: new Date('2020-05-18'),
+    partner: 'SE_00206_CR',
+    partnerDescription: 'TEST PARTNER DESCRIPTION',
+    parentContract: '',
+    currency: 'U00',
+    status: 'Active',
+  },
+  {
+    contractCode: 'SOME_CODE',
+    validFrom: new Date('2015-05-18'),
+    validTo: new Date('2020-05-18'),
+    title: 'Название',
+    signDate: new Date('2020-05-18'),
+    partner: 'SE_00206_CR',
+    partnerDescription: 'TEST PARTNER DESCRIPTION',
+    parentContract: '',
+    currency: 'U00',
+    status: 'Active',
+  },
+];
+
+const Template: ComponentStory<typeof FlexibleTable<ITableContent>> = (args) => (
+  <div style={{ width: 700, overflow: 'auto' }}>
+    <FlexibleTable<ITableContent>
+      {...args}
+      config={config}
+      content={content}
+      rowAttributes={['contractCode']}
+      expandableRowComponent={(_0, _1, close) => (
+        <div onClick={close}>
+          всем привет :)
+          <br />
+          Нажми на меня, чтобы закрыть
+        </div>
+      )}
+    />
+  </div>
+);
+
+export const Default = Template.bind({});
+
+Default.args = {
+  isLoading: false,
+  isFirstColumnSticky: true,
+  isHorizontallyScrollable: true,
+  isExpandableRowComponentInitiallyOpen: false,
+};
+
+Default.argTypes = {
+  isExpandableRowComponentInitiallyOpen: { control: 'boolean' },
+};
+
+Default.parameters = {
+  controls: {
+    exclude: [
+      'data',
+      'testId',
+      'content',
+      'config',
+      'rowAttributes',
+      'headerContent',
+      'tweakStyles',
+      'onHeadClick',
+      'onRowClick',
+      'onRowHover',
+      'expandableRowComponent',
+    ],
+  },
+};