@true-engineering/true-react-common-ui-kit 2.7.0 → 3.0.0-alpha.1

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

@@ -1,338 +1,350 @@
-import { FC } from 'react';
-import { ComponentStory } from '@storybook/react';
-import { FlexibleTable } from './FlexibleTable';
-import { FlexibleTableConfigType } from './types';
-
-export default {
-  title: 'Table/FlexibleTable',
-  component: FlexibleTable,
-};
-
-interface ITableContent {
-  contractCode: string;
-  validFrom: Date;
-  validTo: Date;
-  title: string;
-  signDate: Date;
-  partner: string;
-  partnerDescription: string;
-  parentContract: string;
-  currency: string;
-  status: string;
-}
-
-const Temp: FC<{ value: string | undefined }> = ({ value }) => <>{value}</>;
-const Temp1: FC<{ value: string }> = ({ value }) => <>{value}</>;
-
-const config: FlexibleTableConfigType<ITableContent> = {
-  contractCode: {
-    title: 'Contract Code',
-  },
-  title: {
-    component: Temp,
-    title: 'Title',
-    minWidth: 320,
-  },
-  validFrom: {
-    title: 'Valid From',
-  },
-  validTo: {
-    title: 'Valid From',
-  },
-  signDate: {
-    title: 'Sign Date',
-  },
-  partner: {
-    component: Temp1,
-    title: 'Partner',
-  },
-};
-
-const content = [
-  {
-    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: '',
-    childContracts: [],
-    parentContractWrongAssignment: 'N',
-    currency: 'RUR',
-    entityCode: 'TEST_ENITY_CODE',
-    contractCode1C: '2000632',
-    taxCode: '20%',
-    taxPercentage: 20,
-    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: '',
-    childContracts: [],
-    parentContractWrongAssignment: 'N',
-    currency: 'RUR',
-    entityCode: 'TEST_ENITY_CODE',
-    contractCode1C: '2000262',
-    taxCode: '20%',
-    taxPercentage: 20,
-    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: '',
-    childContracts: ['SOME_CODE_1'],
-    parentContractWrongAssignment: 'N',
-    currency: 'U00',
-    entityCode: 'TEST_ENITY_CODE',
-    contractCode1C: '2000392',
-    taxCode: '20%',
-    taxPercentage: 20,
-    status: 'Active',
-  },
-  {
-    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',
-    childContracts: [],
-    parentContractWrongAssignment: 'N',
-    currency: 'RUR',
-    entityCode: 'TEST_ENITY_CODE',
-    contractCode1C: '2001199',
-    taxCode: '20%',
-    taxPercentage: 20,
-    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',
-    childContracts: [],
-    parentContractWrongAssignment: 'N',
-    currency: 'RUR',
-    entityCode: 'TEST_ENITY_CODE',
-    contractCode1C: '2000632',
-    taxCode: '20%',
-    taxPercentage: 20,
-    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',
-    childContracts: [],
-    parentContractWrongAssignment: 'N',
-    currency: 'RUR',
-    entityCode: 'TEST_ENITY_CODE',
-    contractCode1C: '2000262',
-    taxCode: '20%',
-    taxPercentage: 20,
-    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: '',
-    childContracts: ['1-073-СТ/2010'],
-    parentContractWrongAssignment: 'N',
-    currency: 'U00',
-    entityCode: 'TEST_ENITY_CODE',
-    contractCode1C: '2000392',
-    taxCode: '20%',
-    taxPercentage: 20,
-    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',
-    childContracts: [],
-    parentContractWrongAssignment: 'N',
-    currency: 'RUR',
-    entityCode: 'TEST_ENITY_CODE',
-    contractCode1C: '2001199',
-    taxCode: '20%',
-    taxPercentage: 20,
-    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: '',
-    childContracts: ['1', '2', '3', '4', '5', '6'],
-    parentContractWrongAssignment: 'N',
-    currency: 'U00',
-    entityCode: 'TEST_ENITY_CODE',
-    contractCode1C: '2001199',
-    taxCode: '20%',
-    taxPercentage: 20,
-    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: '',
-    childContracts: ['1', '2', '3', '4', '5', '6'],
-    parentContractWrongAssignment: 'N',
-    currency: 'U00',
-    entityCode: 'TEST_ENITY_CODE',
-    contractCode1C: '2001199',
-    taxCode: '20%',
-    taxPercentage: 20,
-    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: '',
-    childContracts: ['1', '2', '3', '4', '5', '6'],
-    parentContractWrongAssignment: 'N',
-    currency: 'U00',
-    entityCode: 'TEST_ENITY_CODE',
-    contractCode1C: '2001199',
-    taxCode: '20%',
-    taxPercentage: 20,
-    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: '',
-    childContracts: ['1', '2', '3', '4', '5', '6'],
-    parentContractWrongAssignment: 'N',
-    currency: 'U00',
-    entityCode: 'TEST_ENITY_CODE',
-    contractCode1C: '2001199',
-    taxCode: '20%',
-    taxPercentage: 20,
-    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: '',
-    childContracts: ['1', '2', '3', '4', '5', '6'],
-    parentContractWrongAssignment: 'N',
-    currency: 'U00',
-    entityCode: 'TEST_ENITY_CODE',
-    contractCode1C: '2001199',
-    taxCode: '20%',
-    taxPercentage: 20,
-    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: '',
-    childContracts: ['1', '2', '3', '4', '5', '6'],
-    parentContractWrongAssignment: 'N',
-    currency: 'U00',
-    entityCode: 'TEST_ENITY_CODE',
-    contractCode1C: '2001199',
-    taxCode: '20%',
-    taxPercentage: 20,
-    status: 'Active',
-  },
-];
-
-const Template: ComponentStory<typeof FlexibleTable<ITableContent>> = (args) => (
-  <FlexibleTable<ITableContent>
-    {...args}
-    uniqueField="contractCode"
-    expandableRowComponent={(item, _, close) =>
-      item.contractCode === 'OB_UT_M119' ? (
-        <div onClick={close}>всем привет :) {item.contractCode}</div>
-      ) : null
-    }
-    content={content}
-    config={config}
-  />
-);
-
-export const Default = Template.bind({});
-
-Default.args = {
-  isHorizontallyScrollable: true,
-  isFirstColumnSticky: true,
-};
-
-Default.parameters = {
-  controls: {
-    exclude: [
-      'data',
-      'testId',
-      'onHeadClick',
-      'onRowClick',
-      'onRowHover',
-      'expandableRowComponent',
-    ],
-  },
-};
+import { FC } from 'react';
+import { ComponentStory } from '@storybook/react';
+import { FlexibleTable } from './FlexibleTable';
+import { IFlexibleTableConfigType } from './types';
+import { IFlexibleTableStyles } from './FlexibleTable.styles';
+
+export default {
+  title: 'Table/FlexibleTable',
+  component: FlexibleTable,
+};
+
+interface ITableContent {
+  contractCode: string;
+  validFrom: Date;
+  validTo: Date;
+  title: string;
+  signDate: Date;
+  partner: string;
+  partnerDescription: string;
+  parentContract: string;
+  currency: string;
+  status: string;
+}
+
+const Temp: FC<{ value: string | undefined }> = ({ value }) => <>{value}</>;
+const Temp1: FC<{ value: string }> = ({ value }) => <>{value}</>;
+
+const config: IFlexibleTableConfigType<ITableContent> = {
+  contractCode: {
+    title: 'Contract Code',
+  },
+  title: {
+    component: Temp,
+    title: 'Title',
+    minWidth: 320,
+  },
+  validFrom: {
+    title: 'Valid From',
+  },
+  validTo: {
+    title: 'Valid From',
+  },
+  signDate: {
+    title: 'Sign Date',
+  },
+  partner: {
+    component: Temp1,
+    title: 'Partner',
+  },
+};
+
+const content = [
+  {
+    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: '',
+    childContracts: [],
+    parentContractWrongAssignment: 'N',
+    currency: 'RUR',
+    entityCode: 'TEST_ENITY_CODE',
+    contractCode1C: '2000632',
+    taxCode: '20%',
+    taxPercentage: 20,
+    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: '',
+    childContracts: [],
+    parentContractWrongAssignment: 'N',
+    currency: 'RUR',
+    entityCode: 'TEST_ENITY_CODE',
+    contractCode1C: '2000262',
+    taxCode: '20%',
+    taxPercentage: 20,
+    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: '',
+    childContracts: ['SOME_CODE_1'],
+    parentContractWrongAssignment: 'N',
+    currency: 'U00',
+    entityCode: 'TEST_ENITY_CODE',
+    contractCode1C: '2000392',
+    taxCode: '20%',
+    taxPercentage: 20,
+    status: 'Active',
+  },
+  {
+    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',
+    childContracts: [],
+    parentContractWrongAssignment: 'N',
+    currency: 'RUR',
+    entityCode: 'TEST_ENITY_CODE',
+    contractCode1C: '2001199',
+    taxCode: '20%',
+    taxPercentage: 20,
+    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',
+    childContracts: [],
+    parentContractWrongAssignment: 'N',
+    currency: 'RUR',
+    entityCode: 'TEST_ENITY_CODE',
+    contractCode1C: '2000632',
+    taxCode: '20%',
+    taxPercentage: 20,
+    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',
+    childContracts: [],
+    parentContractWrongAssignment: 'N',
+    currency: 'RUR',
+    entityCode: 'TEST_ENITY_CODE',
+    contractCode1C: '2000262',
+    taxCode: '20%',
+    taxPercentage: 20,
+    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: '',
+    childContracts: ['1-073-СТ/2010'],
+    parentContractWrongAssignment: 'N',
+    currency: 'U00',
+    entityCode: 'TEST_ENITY_CODE',
+    contractCode1C: '2000392',
+    taxCode: '20%',
+    taxPercentage: 20,
+    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',
+    childContracts: [],
+    parentContractWrongAssignment: 'N',
+    currency: 'RUR',
+    entityCode: 'TEST_ENITY_CODE',
+    contractCode1C: '2001199',
+    taxCode: '20%',
+    taxPercentage: 20,
+    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: '',
+    childContracts: ['1', '2', '3', '4', '5', '6'],
+    parentContractWrongAssignment: 'N',
+    currency: 'U00',
+    entityCode: 'TEST_ENITY_CODE',
+    contractCode1C: '2001199',
+    taxCode: '20%',
+    taxPercentage: 20,
+    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: '',
+    childContracts: ['1', '2', '3', '4', '5', '6'],
+    parentContractWrongAssignment: 'N',
+    currency: 'U00',
+    entityCode: 'TEST_ENITY_CODE',
+    contractCode1C: '2001199',
+    taxCode: '20%',
+    taxPercentage: 20,
+    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: '',
+    childContracts: ['1', '2', '3', '4', '5', '6'],
+    parentContractWrongAssignment: 'N',
+    currency: 'U00',
+    entityCode: 'TEST_ENITY_CODE',
+    contractCode1C: '2001199',
+    taxCode: '20%',
+    taxPercentage: 20,
+    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: '',
+    childContracts: ['1', '2', '3', '4', '5', '6'],
+    parentContractWrongAssignment: 'N',
+    currency: 'U00',
+    entityCode: 'TEST_ENITY_CODE',
+    contractCode1C: '2001199',
+    taxCode: '20%',
+    taxPercentage: 20,
+    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: '',
+    childContracts: ['1', '2', '3', '4', '5', '6'],
+    parentContractWrongAssignment: 'N',
+    currency: 'U00',
+    entityCode: 'TEST_ENITY_CODE',
+    contractCode1C: '2001199',
+    taxCode: '20%',
+    taxPercentage: 20,
+    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: '',
+    childContracts: ['1', '2', '3', '4', '5', '6'],
+    parentContractWrongAssignment: 'N',
+    currency: 'U00',
+    entityCode: 'TEST_ENITY_CODE',
+    contractCode1C: '2001199',
+    taxCode: '20%',
+    taxPercentage: 20,
+    status: 'Active',
+  },
+];
+
+const tweak: IFlexibleTableStyles = {
+  tweakTableRow: {
+    tweakTableCell: {
+      root: {
+        color: 'red',
+      },
+    },
+  },
+};
+
+const Template: ComponentStory<typeof FlexibleTable<ITableContent>> = (args) => (
+  <FlexibleTable<ITableContent>
+    {...args}
+    uniqueField="contractCode"
+    expandableRowComponent={(item, _, close) =>
+      item.contractCode === 'OB_UT_M119' ? (
+        <div onClick={close}>всем привет :) {item.contractCode}</div>
+      ) : null
+    }
+    tweakStyles={tweak}
+    content={content}
+    config={config}
+  />
+);
+
+export const Default = Template.bind({});
+
+Default.args = {
+  isHorizontallyScrollable: true,
+  isFirstColumnSticky: true,
+};
+
+Default.parameters = {
+  controls: {
+    exclude: [
+      'data',
+      'testId',
+      'onHeadClick',
+      'onRowClick',
+      'onRowHover',
+      'expandableRowComponent',
+    ],
+  },
+};