@innovaccer/design-system 2.6.0 → 2.7.0-0

package/core/components/atoms/button/__stories__/variants/state/Success.story.tsx

@@ -1,89 +0,0 @@
-import * as React from 'react';
-import { text } from '@storybook/addon-knobs';
-import { action } from '@storybook/addon-actions';
-import Button from '../../../Button';
-import Text from '@/components/atoms/text';
-
-// CSF format story
-export const success = () => {
-  const disabled = false;
-  const expanded = false;
-  const loading = false;
-
-  const children = text('children', 'Submit');
-
-  const style = {
-    justifyContent: 'space-between',
-  };
-
-  return (
-    <div className="d-flex w-25" style={style}>
-      <div className="mr-9">
-        <Button
-          onClick={action('button-clicked')}
-          onMouseEnter={action('mouse-enter')}
-          onMouseLeave={action('mouse-leave')}
-          appearance={'success'}
-          size={'regular'}
-          expanded={expanded}
-          disabled={disabled}
-          loading={loading}
-          aria-label="Submit form"
-        >
-          {children}
-        </Button>
-        <br />
-        <Text weight="strong">Default</Text>
-      </div>
-      <div className="mr-9">
-        <Button
-          onClick={action('button-clicked')}
-          onMouseEnter={action('mouse-enter')}
-          onMouseLeave={action('mouse-leave')}
-          appearance={'success'}
-          size={'regular'}
-          expanded={expanded}
-          disabled={true}
-          loading={loading}
-          aria-label="Submit form"
-        >
-          {children}
-        </Button>
-        <br />
-        <Text weight="strong">Disabled</Text>
-      </div>
-      <div className="mr-9">
-        <Button
-          onClick={action('button-clicked')}
-          onMouseEnter={action('mouse-enter')}
-          onMouseLeave={action('mouse-leave')}
-          appearance={'success'}
-          size={'regular'}
-          expanded={expanded}
-          disabled={disabled}
-          loading={true}
-          aria-label="Loading"
-        >
-          {''}
-        </Button>
-        <br />
-        <Text weight="strong">Loading</Text>
-      </div>
-    </div>
-  );
-};
-
-export default {
-  title: 'Components/Button/Variants/State/Success',
-  component: Button,
-  parameters: {
-    docs: {
-      docPage: {
-        title: 'Button',
-        a11yProps: ` 
-        **aria-label:** Add \`aria-label='Submit form'\` to describe the action of button 
-         `,
-      },
-    },
-  },
-};

package/core/components/atoms/message/__stories__/default.story.tsx

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { Message, Row, Column } from '@/index';
-
-// CSF format story
-export const defaultMessage = () => (
-  <Row>
-    <Column size="4">
-      <Message description="Message will be accessible through a password protected link." />
-    </Column>
-  </Row>
-);
-
-export default {
-  title: 'Components/Message/Default Message',
-  component: Message,
-};

package/core/components/atoms/toast/__stories__/DefaultToast.story.tsx

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { Toast } from '@/index';
-
-// CSF format story
-export const defaultToast = () => (
-  <Toast
-    appearance="default"
-    title="Assessment has been archived"
-    message="You can find the assessment later under the 'Archive' tab."
-  />
-);
-
-export default {
-  title: 'Components/Toast/Default Toast',
-  component: Toast,
-};

package/core/components/molecules/dropzone/__stories__/variants/DropzoneWithFileList.story.tsx

@@ -1,176 +0,0 @@
-import * as React from 'react';
-import { Dropzone, Link, FileList, Button } from '@/index';
-import { DropzoneProps, FileListProps } from '@/index.type';
-
-export const dropzoneWithFilelist = () => {
-  const [files, setFiles] = React.useState<any>([]);
-  const getSize = (size: number) => `${(size / (1024 * 1024)).toFixed(2)} MB`;
-
-  const onDelete = (id: number) => {
-    const updatedFiles = files.filter((file: any) => file.id !== id);
-    setFiles(updatedFiles);
-  };
-
-  const onDropHandler: DropzoneProps['onDrop'] = (_event, acceptedFiles, rejectedFiles) => {
-    const acceptedFileArray = acceptedFiles.map((file, id) => ({
-      file,
-      id: files.length + id,
-      fileSize: getSize(file.size),
-      networkError: false,
-    }));
-
-    const rejectedFilesArray = rejectedFiles.map((fileObj, id) => {
-      const { file, errors } = fileObj;
-      const errorMessageArray = errors.map((error: any) => error.message);
-      return {
-        file,
-        id: files.length + id,
-        fileSize: getSize(file.size),
-        status: 'error',
-        errorMessage: errorMessageArray.join(' and '),
-        networkError: false,
-      };
-    });
-    const updatedFiles = [...files, ...acceptedFileArray, ...rejectedFilesArray];
-    setFiles(updatedFiles);
-  };
-
-  const actionRenderer: FileListProps['actionRenderer'] = (fileItem) => {
-    return (
-      <React.Fragment>
-        {fileItem.networkError && (
-          <Button appearance="transparent" icon="refresh" size="regular" className={'cursor-pointer'} />
-        )}
-        <Button
-          appearance="transparent"
-          icon="close"
-          size="regular"
-          onClick={() => onDelete(fileItem.id)}
-          className={'cursor-pointer'}
-        />
-      </React.Fragment>
-    );
-  };
-
-  return (
-    <React.Fragment>
-      <Dropzone
-        accept="image/jpeg, image/png"
-        formatLabel="Accepted formats: PDF, jpg"
-        sizeLabel="Maximum size: 25 MB"
-        multiple={true}
-        onDrop={onDropHandler}
-        className="mb-5"
-        sampleFileLink={
-          <Link
-            href="http://www.adobe.com/content/dam/Adobe/en/accessibility/pdfs/accessing-pdf-sr.pdf"
-            download="Test.pdf"
-            target="_blank"
-          >
-            Download sample file
-          </Link>
-        }
-      />
-      <FileList fileList={files} actionRenderer={actionRenderer} />
-    </React.Fragment>
-  );
-};
-
-const customCode = `() => {
-  const [files, setFiles] = React.useState([]);
-
-  const getSize = (size) => (
-    \`\${(size / (1024 * 1024)).toFixed(2)} MB\`
-  );
-
-  const onDelete = (fileItem) => {
-    const updatedFiles = files.filter((file) => file.id !== fileItem.id);
-    setFiles(updatedFiles);
-  };
-
-  const onDropHandler = (event, acceptedFiles, rejectedFiles) => {
-    const acceptedFileArray = acceptedFiles.map((file, id) => (
-      {
-        file,
-        id: files.length + id,
-        fileSize: getSize(file.size),
-        networkError: false,
-      }
-    ));
-
-    const rejectedFilesArray = rejectedFiles.map((fileObj, id) => {
-      const { file, errors } = fileObj;
-      const errorMessageArray = errors.map((error) => error.message);
-      return {
-        file,
-        id: files.length + id,
-        fileSize: getSize(file.size),
-        status: 'error',
-        errorMessage: errorMessageArray.join(' and '),
-        networkError: false,
-      };
-    });
-    const updatedFiles = [...files, ...acceptedFileArray, ...rejectedFilesArray];
-    setFiles(updatedFiles);
-  };
-
-  const actionRenderer = (fileItem) => {
-    return (
-      <React.Fragment>
-        {fileItem.networkError && (
-          <Button
-            appearance="transparent"
-            icon="refresh"
-            size="regular"
-            className={'cursor-pointer'}
-          />
-        )}
-        <Button
-          appearance="transparent"
-          icon="close"
-          size="regular"
-          onClick={() => onDelete(fileItem)}
-          className={'cursor-pointer'}
-        />
-      </React.Fragment>
-    );
-  }
-
-  return (
-    <React.Fragment>
-      <Dropzone
-        accept="image/jpeg, image/png"
-        formatLabel="Accepted formats: PDF, jpg"
-        sizeLabel="Maximum size: 25 MB"
-        multiple={true}
-        onDrop={onDropHandler}
-        className="mb-5"
-        sampleFileLink={(
-          <Link
-            href="http://www.adobe.com/content/dam/Adobe/en/accessibility/pdfs/accessing-pdf-sr.pdf"
-            download="Test.pdf"
-            target="_blank"
-          >
-            Download sample file
-          </Link>
-        )}
-      />
-      <FileList
-        fileList={files}
-        actionRenderer={actionRenderer}
-      />
-    </React.Fragment>
-  );
-}`;
-
-export default {
-  title: 'Components/Dropzone/Variants/Dropzone With Filelist',
-  component: Dropzone,
-  parameters: {
-    docs: {
-      docPage: {
-        customCode,
-      },
-    },
-  },
-};

package/core/components/molecules/fileUploader/__stories__/variants/FileUploaderList.story.tsx

@@ -1,80 +0,0 @@
-import * as React from 'react';
-import { FileUploaderList } from '@/index';
-import { fileList } from '../_common_/fileList';
-import { action } from '@storybook/addon-actions';
-
-export const fileUploaderList = () => {
-  const onDelete = (file: File, id: any) => {
-    return action(`File Deleted: ${file} at index ${id}`)();
-  };
-
-  const onRetry = (file: File, id: any) => {
-    return action(`Retry ${file} at index ${id}`)();
-  };
-
-  const onClick = (file: File, id: any) => {
-    return action(`Clicked ${file} at index ${id}`)();
-  };
-
-  return (
-    <FileUploaderList onClick={onClick} onDelete={onDelete} onRetry={onRetry} fileList={fileList} className="mt-4" />
-  );
-};
-
-const customCode = `() => {
-  const expampleFile = {
-    name: "_DSC0071.JPG",
-    size: 585947,
-    type: "image/jpeg",
-  };
-
-  const exampleFileList = [
-    {
-      file: expampleFile,
-      status: 'uploading',
-      progress: 45,
-      id: 1
-
-    },
-    {
-      file: expampleFile,
-      status: 'completed',
-      id: 2
-    },
-    {
-      file: expampleFile,
-      status: 'error',
-      errorMessage: 'Network failure',
-      id: 3
-    }
-  ];
-
-  const onDelete = (file, id) => {
-    console.log(\`File Deleted: \${file} at index \${id}\`);
-  };
-
-  const onRetry = (file, id) => {
-    console.log(\`Retry \${file} at index \${id}\`);
-  };
-
-  return (
-    <FileUploaderList
-      onDelete={onDelete}
-      onRetry={onRetry}
-      fileList={exampleFileList}
-      className="mt-4"
-    />
-  );
-}`;
-
-export default {
-  title: 'Components/FileUploader/File Uploader List',
-  component: FileUploaderList,
-  parameters: {
-    docs: {
-      docPage: {
-        customCode,
-      },
-    },
-  },
-};

package/types/innovaccer-design-system/index.d.ts

@@ -1,39 +0,0 @@
-// Type definitions for innovaccer-design-system x.x
-// Project: https://github.com/baz/foo (Does not have to be to GitHub, but prefer linking to a source code repository rather than to a project website.)
-// Definitions by: SaniyaGupta <https://github.com/me>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/*~ If this module is a UMD module that exposes a global variable 'myLib' when
- *~ loaded outside a module loader environment, declare that global here.
- *~ Otherwise, delete this declaration.
- */
-export as namespace myLib;
-
-/*~ If this module has methods, declare them as functions like so.
- */
-export function myMethod(a: string): string;
-export function myOtherMethod(a: number): number;
-
-/*~ You can declare types that are available via importing the module */
-export interface someType {
-    name: string;
-    length: number;
-    extras?: string[];
-}
-
-/*~ You can declare properties of the module using const, let, or var */
-export const myField: number;
-
-/*~ If there are types, properties, or methods inside dotted names
- *~ of the module, declare them inside a 'namespace'.
- */
-export namespace subProp {
-    /*~ For example, given this definition, someone could write:
-     *~   import { subProp } from 'yourModule';
-     *~   subProp.foo();
-     *~ or
-     *~   import * as yourMod from 'yourModule';
-     *~   yourMod.subProp.foo();
-     */
-    function foo(): void;
-}