@corva/ui 3.1.0-rc.3 → 3.1.0-rc.4

package/CODEOWNERS

@@ -1,4 +0,0 @@
-# These owners are the default owners for everything in
-# the repo. They're automatically added as reviwers 
-# to each pull request 
-* @corva-ai/front-end-dev-center @corva-ai/front-end-admins

package/CONTRIBUTING.md

@@ -1,205 +0,0 @@
-## Console commands
-
-#### To run the Storybook as it will be shown on its site
-
-`yarn storybook`
-
-#### To run the Storybook for development purposes:
-
-`yarn storybook-dev`
-
-This will preserve stories as separate entities, alongside the "Docs" page, for ease of development
-
-#### To build the project run:
-
-`yarn build`
-
-## To publish the project:
-
-- Make PR to develop
-- Get PR reviewed and merged
-- Pull develop branch and run `yarn release --release-as=major|minor|patch`
-
-## Creating components
-
-We're refactoring old components to have better API, work faster, be more consistent, and be easier to use: FEDs should focus on business logic, not wrestle with their UI lib. To accomplish this, several principles must be upheld:
-
-1. A component must be written in TS.
-2. A component must be as generic as possible to simplify its reuse: if it's needed in a single place in Corva, and is unlikely to be reused elsewhere, it shouldn't be in the component
-3. A component must work out of the box with minimal configuration.
-4. A component must have as short and concise API as possible: define what's needed based on the designs, and implement only that functionality. Case in point: if a button has 3 variants, they should be controlled by a single prop, regardless if for underlying MUI component we'd have to use 2 different props.
-
-   When in doubt - use the most convenient-to-use version.
-
-5. A component must have _all_ its props defined explicitly, the following pattern is prohibited.
-
-   ```ts
-   ({ ownProp, ...muiProps }: Props) => {
-     /* ... */
-   };
-   ```
-
-6. A component should have styles related to its position/size passed as an optional `className` prop. Case in point: `<Input/>` component must not have margins, and must have `width: 100%` by default.
-7. A component _may_ provide an escape hatch by providing a `classNames` prop, but its type must be explicitly described. Usage of this pattern is discouraged.
-8. A component must have an optional `testId` prop to facilitate testing.
-9. A component must have standartized API for commonly-used props. A short list follows and is a subject to expansion:
-   - `className?: string`
-   - `size?: 'xs' | 'small' | 'medium' | 'large' | 'xl'`
-   - `testId?: string`
-   - `classes?: Partial<{a: string, b: string, ...}>`
-   - `disabled?: boolean`
-   - `prefix?: ReactNode`
-   - `suffix?: ReactNode`
-   - `onClick?: (e: MouseEvent) => void`, also `onCancel`, `onDelete`, `onOpen`, `onClose`, etc
-   - `onChange?: (value: unknown, event?: ChangeEvent /* if makes sense */) => void`
-   - `anchorEl?: HTMLElement | null`
-10. Prefer enums over string unions for non-"standard" props (for instance - an image for an `<EmptyState/>`). Add them as component's properties if it makes sense.
-11. Commonly used "companion" components that shouldn't be used without their parent must be exported as component's properties. For instance: `<Input.Adornment/>`, `<Table.Row/>` , etc.
-12. A component must be located in `/src/componentsV2`.
-13. A component may accept its subcomponents as props, but must use some default implementation.
-14. Use SCSS modules for styling: JSS is outdated, cumbersome, has performance overhead, prone to overengineering, has no type/autocompletion support, and is heresy in the eyes of the God-Emperor.  
-    Use SCSS vars and functions from [common.scss](./src/styles/common.scss)
-15. Use CSS vars and provided SCSS functions for their manipulation.
-16. When writing styles, keep [specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity) to a minimum for ease of overriding. Nobody likes to pad specificity or use `!important`s.
-17. When exposing an event alongside some value, the value goes _first_, event - _second_
-
-When updating old components, _at least try_ to use the principles mentioned above.
-
-### Test IDs and testing
-Components may have their own testIds for internal elements. In this case, the following rules apply:
-1. All testIds _must_ be in an `enum`, and exported alongside the component itself for reuse in tests
-2. Enum _should_ be exported from a separate file, `#ComponentName#.constants.ts` or similar
-3. Enum _must_ be called `#ComponentName#TestIds`. Example: `TextMiddleTruncatedTestIds`
-4. Enum members _should_ be called `#Elementname#TestId`. Example: `TruncatedTextTestId`
-5. Enum members' values _must_ conform to the following schema: `'CorvaUI.#ComponentName#.#MemberName#`. This minimizes collisions and ambiguity in tests
-6. Default testIds are _**forbidden**_
-7. "Computed" testIds are _**heavily discouraged**_ - this pattern makes tests harder to implement, and keep track of, and expose more of the component's internal structure to the test.<br/>This rule may be rescinded when we move to component drivers (Similar to [UniDriver](https://github.com/wix-incubator/unidriver)). Read [this](https://github.com/wix-incubator/unidriver?tab=readme-ov-file#philosophy) for basics.
-8. Components that are not reused in different "root-level" components _should_ use testIds of "parent" components
-
-Full example:
-```tsx
-// /src/componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.ts
-export enum TextMiddleTruncatedTestIds {
-  TruncatedTextTestId = 'CorvaUI.TextMiddleTruncated.TruncatedTextTestId',
-  FullTextTestId = 'CorvaUI.TextMiddleTruncated.FullTextTestId',
-  /* ... */
-}
-
-// /src/componentsV2/TextMiddleTruncated/TextMiddleTruncated.tsx
-<div
-  // snip
-  data-testid={TextMiddleTruncatedTestIds.TruncatedTextTestId}
->
-  {truncatedContent}
-</div>
-
-// /src/componentsV2/TextMiddleTruncated/index.ts
-export { TextMiddleTruncatedTestIds } from './TextMiddleTruncated.constants';
-```
-
-## Writing stories
-
-First of all - use a [template](./src/storyBookHelpers/template/Template.stories.tsx): copypaste, rename, add your component, name the docs page, and you're done!
-
-Don't want to copypaste Storybook's awful giant objects, or want to add description/custom name more to your story? Use `mutateStory` and `mutateMeta` helper functions like so:
-
-```tsx
-const meta: Meta<typeof Component> = {
-  title: 'Components/Whatever/Component',
-  component: Component,
-};
-mutateMeta<typeof Component>(meta, {
-  description: 'Cmponent description',
-  designPath: '/FigmaFileHash/FigmaFileName?node-id=SomeNodeID', // Prepended with "https://github.com/corva-ai/corva-ui/blob/develop/src"
-  sourcePath: '/components/path/to/Component.tsx', // Prepended with "https://www.figma.com/file"
-  argTypes: {
-    /* use ArgTypes from '/src/storyBookHelpers' to simplify type description */
-  },
-  args: {
-    /* use this prop to describe default prop values */
-  },
-  // Check the type of `mutateMeta` for more
-});
-export default meta;
-
-export const SomeStory = () => <>{/* snip */}</>;
-mutateStory(SomeStory, {
-  name: 'My awesome story',
-  description: 'Write a description here. Markdown is supported',
-});
-```
-
-Not seeing the thing you need in an example? Check the types, it's all there!
-
-> WTF?! Why mutate stuff?
-
-Someone in Storybook thought that statically analyzing source files would be a good idea, so we can't just do
-
-```tsx
-export default getStoryMeta(/*...*/);
-```
-
-Storybook will fail with a rather cryptic message. Refer to [this](https://github.com/storybookjs/storybook/issues/21703) issue on GH.
-
-As for stories, we can't abstract them either, without code examples stopping to work.
-
-### Gotchas, tips and tricks
-
-- First story - always a playground, ignores its `name`. Should be as "light" as possible, and pass its props to a component being showcased:
-  ```tsx
-  export const FirstStory = (props: ComponentProps<typeof Compoent>) => <Compoent {...props} />;
-  ```
-- Use `ArgTypes` to easily describe prop types:
-  ```tsx
-  mutateMeta<typeof Comp>(meta, {
-    /* ... */
-    argTypes: {
-      prop1: ArgTypes.FunctionRadio,
-      prop2: ArgTypes.String,
-      children: ArgTypes.Symbol,
-    },
-    args: {
-      prop2: 'Some string',
-    },
-  });
-  ```
-- Use `getFunctionType` to get a nice radio control through which you can select a custom callback function
-- To disable controls for a prop (for example - `children`), use `ArgTypes.Symbol`
-- Storybook's autodocs doesn't work well with "compound" prop types when third-party types are used. It also sometimes "loses" the `children` prop.  
-  The following example will produce botched props in docs:
-
-  ```tsx
-  // You actually should never do this: every prop should be explicitly described
-  type MyPopoverProps = PopoverProps & {
-    children: ReactNode;
-    classes?: PopoverProps['classes'] & {
-      popoverContent?: string;
-    };
-  };
-  ```
-
-  This workaround works though:
-
-  ```tsx
-  type MyPopoverProps = Omit<PopoverProps, 'classes' | 'children'> & {
-    /**
-     * Popover/Modal content
-     */
-    children: ReactNode;
-    classes?: PopoverProps['classes'] & {
-      popoverContent?: string;
-    };
-  };
-  ```
-
-  You can also try use named exports from source file:
-
-  ```tsx
-  // ⚠️ May not work properly
-  import Component from './Component';
-
-  // ✅ May work
-  import { Component } from './Component';
-  ```
-
-  Alternatively you can describe props manually through `argTypes`, but this way is not recommended as it separates prop type and its description.

package/babel.config.js

@@ -1,43 +0,0 @@
-module.exports = {
-  presets: [
-    [
-      '@babel/preset-env',
-      {
-        targets: '> 0.25%, not dead',
-      },
-    ],
-    '@babel/preset-typescript',
-  ],
-  plugins: [
-    // NOTE: Starting from Babel 8, "automatic" will be the default runtime for this plugin
-    ['@babel/plugin-transform-react-jsx', { runtime: 'automatic' }],
-    '@babel/plugin-proposal-class-properties',
-    '@babel/plugin-transform-runtime',
-    [
-      'babel-plugin-root-import',
-      {
-        rootPathSuffix: 'src',
-        rootPathPrefix: '~',
-      },
-    ],
-    [
-      'import',
-      {
-        libraryName: '@icon-park/react',
-        libraryDirectory: 'es/icons',
-        camel2DashComponentName: false,
-      },
-    ],
-    !process.env.IS_STORYBOOK_BUILD && [
-      'file-loader',
-      {
-        name: '[hash].[ext]',
-        extensions: ['png', 'jpg', 'jpeg', 'gif', 'svg'],
-        publicPath: '/static/media',
-        outputPath: '/dist/assets',
-        context: '',
-        limit: 0,
-      },
-    ],
-  ].filter(Boolean),
-};

package/dist/README.md

@@ -1,142 +0,0 @@
-# @corva/ui
-
-<a href="https://storybook.dev.corva.ai/" target="_blank"><img src="https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg"></a>
-[![npm version](https://img.shields.io/npm/v/@corva/ui/latest?color=green&label=%40latest&style=flat-square)](https://www.npmjs.com/package/@corva/ui)
-[![npm version](https://img.shields.io/npm/v/@corva/ui/next?color=yellow&label=%40next&style=flat-square)](https://www.npmjs.com/package/@corva/ui)
-[![npm version](https://img.shields.io/npm/v/@corva/ui/dev?color=orange&label=%40dev&style=flat-square)](https://www.npmjs.com/package/@corva/ui)
-
-develop: [![Publish](https://github.com/corva-ai/corva-ui/actions/workflows/publish.yml/badge.svg)](https://github.com/corva-ai/corva-ui/actions/workflows/publish.yml)
-
-This repo contains components/utils which are shared for Corva UI apps.
-
-### When you need some library changes
-
-Currently, `@corva/ui` library is owned by the Dev Center team, but is developed by every Corva FE developer. So, if you
-need to make some update in it - you can do it by yourself. For small updates - just make a PR - and someone from the
-Dev Center team will review it.
-
-If it's something pretty big - it's better to reach out someone from the Dev Center team first, to tell what you need
-and get feedback how to better do it. Otherwise - you risk that your huge PR on which you worked a week can be rejected
-because it can be not consistent with the rest of the lib
-
-### Release & deploy of the library
-
-How to bump the version? What should be the branch name? And other more advanced cases, like release/hotfixes. The
-guideline for all of these cases can be
-found [here (Corva access required)](https://www.notion.so/corva/corva-ui-d510f545ffb74c9bafd6b1bfbc0b99bf)
-
-### Stories for every public component
-
-Every public `@corva/ui` component has a corresponding `.stories.js` file that describes the component. When you work
-with
-public `@corva/ui`
-components - please also update it's `stories.js` file when it's necessary
-
-## Build-time variables
-
-| Name                   | Default Value            | Required |
-|------------------------|--------------------------|----------|
-| REACT_APP_API_URL      | https://api.qa.corva.ai  | No       |
-| REACT_APP_DATA_API_URL | https://data.qa.corva.ai | No       |
-| REACT_APP_CDN_URL      | https://cdn.corva.ai     | No       |
-
-## Local development
-
-- `yarn storybook` will launch local storybook server which is convenient to use for components testing when you work on
-  public components. That's a playground for building public components.
-- `yarn start` will open ExampleApp.js in your browser. That's a playground for building non-public components (such
-  components will be moved from @corva/ui soon)
-
-## Link local `@corva/ui` to your app
-
-### Pre-requisite
-
-* Make sure you are using `@corva/ui` with latest updates from `development` branch
-
-* If your app is using `getWebpackConfig` from `@corva/ui` instead of `@corva/dc-platform-shared`, migrate it according
-  to [this guide](https://www.notion.so/corva/Migration-to-corva-dc-platform-shared-721cc822e23c4c43a7630b73fdeec3d9)
-
-### Steps to link your local DC app**
-
-1. Run `yarn build-dev` or `yarn build-watch` in @corva/ui repo
-   <br/>***Note:** `yarn build` will not work for linking*
-
-2. `cd ./dist` and run `yarn link` in @corva/ui dist folder (only first time)
-
-3. Run `yarn link @corva/ui` in your local DC app root folder
-
-4. Add following parameters to the `config-overrides.js`.<br/>It should avoid the issue of multiple React instances and
-   the MUI styling issue
-
-```js
-{
-  resolve: {
-    alias: {
-      react: path.resolve('./node_modules/react'),
-        '@material-ui'
-    :
-      resolve('./node_modules/@material-ui'),
-    }
-  }
-}
-```
-
-5. Run `yarn start` in your local DC app root folder
-
-***Note:** npm link will not install `@corva/ui` dependencies in your node modules folder.*
-If you want to debug a change in `@corva/ui` dependencies, you should use `yarn add file:../corva-ui/dist`, this will
-install new dependencies.
-
-### Troubleshooting
-
-#### Failed to compile.<br />`Module not found: Can't resolve '@corva/ui' in ...`
-
-Most likely you need to [migrate to
-`@corva/dc-platform-shared`](https://www.notion.so/corva/Migration-to-corva-dc-platform-shared-721cc822e23c4c43a7630b73fdeec3d9)
-for cjs webpack config usage
-
-#### Error.<br/>`Invalid hook call. Hooks can only be called inside of the body of a function component...`
-
-In that case, your bundler might “see” two Reacts — one in application folder and one in your library folder. Assuming
-myapp and mylib are sibling folders, one possible fix is to run npm link ../myapp/node_modules/react from mylib. This
-should make the library use the application’s React copy.
-
-Or change the webpack configuration in `config-overrides.js` file in your app. (Don't commit the changes of this file)
-
-```
-{
-    resolve: {
-        alias: {
-            react: path.resolve('./node_modules/react')
-        }
-    }
-}
-```
-
-#### Material UI styles are corrupted
-
-Add the following parameter to the `config-overrides.js` file in your app
-
-```
-{
-    resolve: {
-        alias: {
-            '@material-ui': resolve('./node_modules/@material-ui')
-        }
-    }
-}
-```
-
-### CI/CD
-
-#### Stale workflow
-
-To prevent pull request from piling up and save on resources, there is a [stale workflow](./.github/workflows/stale.yml)
-running in this repository. It will automatically run on schedule to mark PR's that have not received any updates in 14
-days as stale, marking them with label and leaving a comment. More importantly, preview environment for stale PRs are
-removed. To "unstale" the PR, you either need to make any change to it, push new commit or just remove the `stale`
-label.
-If for some reason your PR does need to stay not stale for a long time, you can add `never-stale` label to it.
-
-> [!IMPORTANT]  
-> Stale pull requests will be deleted after 180 days!

package/dist/package.json

@@ -1,254 +0,0 @@
-{
-  "name": "@corva/ui",
-  "version": "3.1.0-rc.3",
-  "description": "Shared components/utils for Corva ui projects",
-  "keywords": [
-    "corva-ui"
-  ],
-  "update": "update",
-  "main": "./dist",
-  "module": "./index.js",
-  "scripts": {
-    "helper-cli": "npx @corva/fe-dev-helper-cli@latest",
-    "build": "yarn generate-css-themes && cross-env SHELL=sh ./scripts/build.sh production",
-    "build-dev": "yarn generate-css-themes && cross-env SHELL=sh ./scripts/build.sh development",
-    "build-watch": "yarn generate-css-themes && cross-env SHELL=sh ./scripts/build.sh development -w",
-    "get-changelog": "conventional-changelog -r 2 -p angular",
-    "lint": "eslint --cache ./src/",
-    "lint-staged": "lint-staged",
-    "release": "git fetch --tags && git add -A && standard-version -a",
-    "chore": "yarn release -- --prerelease",
-    "start": "yarn generate-css-themes && cross-env NODE_ENV=local rollup -c -w",
-    "test": "jest",
-    "test-coverage": "jest --watchAll --coverage && http-serve coverage",
-    "test-watch": "jest --watch",
-    "generate-css-themes": "node ./scripts/generateCssThemesVariables.mjs",
-    "build-storybook": "IS_STORYBOOK_BUILD=true storybook build -c storybook --docs",
-    "storybook": "IS_STORYBOOK_BUILD=true storybook dev -p 6006 -c storybook --docs",
-    "storybook-dev": "IS_STORYBOOK_BUILD=true storybook dev -p 6006 -c storybook",
-    "check-duplications": "echo \"👀 Checking code duplications\" && jscpd src --silent",
-    "tsc": "tsc"
-  },
-  "config": {
-    "commitizen": {
-      "path": "./node_modules/cz-conventional-changelog"
-    }
-  },
-  "pre-commit": [
-    "lint-staged"
-  ],
-  "lint-staged": {
-    "*.js": [
-      "eslint --fix"
-    ],
-    "src/componentsV2/**/*.ts": [
-      "eslint --fix"
-    ],
-    "src/componentsV2/**/*.tsx": [
-      "eslint --fix"
-    ]
-  },
-  "standard-version": {
-    "skip": {
-      "tag": true
-    }
-  },
-  "jest": {
-    "collectCoverageFrom": [
-      "./**/*.{js,jsx,mjs}"
-    ],
-    "coverageReporters": [
-      "html",
-      "text-summary"
-    ],
-    "moduleNameMapper": {
-      "~(.*)": "<rootDir>/src/$1",
-      "\\.(css|less|scss)$": "identity-obj-proxy"
-    },
-    "setupFiles": [
-      "<rootDir>/jest/setEnvVars.js"
-    ],
-    "setupFilesAfterEnv": [
-      "<rootDir>/jest/setupTests.js"
-    ],
-    "testMatch": [
-      "<rootDir>/src/**/__tests__/**/?(*.)+(spec|test).[jt]s?(x)"
-    ],
-    "transform": {
-      "^.+\\.tsx?$": "babel-jest",
-      "^.+\\.jsx?$": "babel-jest",
-      "^.+\\.mjs$": "babel-jest",
-      "^.+\\.svg$": "<rootDir>/jest/svgTransform.js"
-    },
-    "moduleFileExtensions": [
-      "ts",
-      "tsx",
-      "js",
-      "jsx",
-      "json",
-      "mjs",
-      "node"
-    ],
-    "timers": "fake"
-  },
-  "dependencies": {
-    "@badgateway/oauth2-client": "2.2.4",
-    "@date-io/moment": "1.3.13",
-    "@icon-park/react": "^1.4.2",
-    "@krakenjs/zoid": "^10.3.3",
-    "@material-ui/core": "4.11.2",
-    "@material-ui/icons": "4.9.1",
-    "@material-ui/lab": "4.0.0-alpha.57",
-    "@material-ui/pickers": "3.2.10",
-    "@rollbar/react": "^0.11.1",
-    "auth0-js": "^9.14.0",
-    "chalk": "4.1.1",
-    "chroma-js": "1.4.1",
-    "classnames": "2.2.6",
-    "corva-convert-units": "1.28.0",
-    "dompurify": "3.1.3",
-    "dotenv": "^10.0.0",
-    "echarts": "^5.4.3",
-    "echarts-for-react": "^3.0.2",
-    "emoji-mart": "3.0.1",
-    "eslint-config-airbnb": "17.1.0",
-    "eslint-plugin-jest-dom": "^3.2.3",
-    "eslint-plugin-prettier": "3.1.1",
-    "eslint-plugin-testing-library": "^3.9.2",
-    "file-extension": "4.0.5",
-    "file-saver": "1.3.8",
-    "fparser": "^2.0.2",
-    "highcharts": "8.1.2",
-    "highcharts-multicolor-series": "2.2.7",
-    "highcharts-react-official": "2.2.2",
-    "html2canvas": "1.0.0-alpha.12",
-    "image-extensions": "1.1.0",
-    "immutable": "3.8.2",
-    "jscpd": "^3.4.5",
-    "jsona": "1.5.1",
-    "lodash": "4.17.21",
-    "mapbox.js": "3.2.1",
-    "mobile-detect": "1.4.3",
-    "moment": "2.29.4",
-    "moment-duration-format": "1.3.0",
-    "moment-timezone": "0.5.43",
-    "numeral": "2.0.6",
-    "papaparse": "5.4.1",
-    "postcss": "8.4.11",
-    "postcss-import": "12.0.1",
-    "postcss-loader": "4.2.0",
-    "postcss-preset-env": "6.7.0",
-    "prettier": "^2.1.2",
-    "prop-types": "15.7.2",
-    "query-string": "4.3.4",
-    "re-resizable": "6.9.11",
-    "react": "17.0.1",
-    "react-color": "2.18.1",
-    "react-dom": "17.0.1",
-    "react-draggable": "4.2.0",
-    "react-draggable-list": "3.7.0",
-    "react-dropzone": "^14.2.3",
-    "react-image-lightbox": "5.1.4",
-    "react-infinite-scroller": "1.2.4",
-    "react-mentions": "3.3.1",
-    "react-number-format": "^4.7.3",
-    "react-player": "1.9.3",
-    "react-refresh": "^0.14.0",
-    "react-router": "3.2.1",
-    "react-s3-uploader": "4.8.0",
-    "react-sizeme": "2.5.2",
-    "react-sortable-hoc": "0.6.8",
-    "react-virtualized": "9.21.2",
-    "react-virtualized-auto-sizer": "1.0.2",
-    "resize-observer-polyfill": "^1.5.1",
-    "rollbar": "^2.26.1",
-    "semver": "7.6.2",
-    "slate": "0.66.5",
-    "slate-react": "0.66.7",
-    "socket.io-client": "2.2.0",
-    "sql-parser": "0.5.0",
-    "tinygradient": "1.1.5",
-    "uuid": "3.4.0",
-    "validate-color": "^2.2.1",
-    "video-extensions": "1.1.0",
-    "xlsx": "0.12.13"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.12.10",
-    "@babel/plugin-transform-react-jsx": "^7.12.11",
-    "@babel/plugin-transform-runtime": "^7.12.10",
-    "@babel/preset-env": "^7.12.11",
-    "@babel/preset-react": "^7.12.10",
-    "@babel/preset-typescript": "^7.18.6",
-    "@corva/eslint-config-browser": "^0.2.2",
-    "@rollup/plugin-babel": "^5.2.1",
-    "@rollup/plugin-commonjs": "^15.0.0",
-    "@rollup/plugin-image": "^2.0.6",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^9.0.0",
-    "@rollup/plugin-replace": "^5.0.2",
-    "@storybook/addon-docs": "7.6.17",
-    "@storybook/addon-essentials": "7.6.17",
-    "@storybook/addon-links": "7.6.17",
-    "@storybook/addon-mdx-gfm": "7.6.17",
-    "@storybook/addon-storysource": "7.6.17",
-    "@storybook/addon-styling": "1.3.7",
-    "@storybook/addon-viewport": "7.6.17",
-    "@storybook/addons": "7.6.17",
-    "@storybook/cli": "7.6.17",
-    "@storybook/react": "7.6.17",
-    "@storybook/react-webpack5": "7.6.17",
-    "@storybook/theming": "7.6.17",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^11.1.0",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@testing-library/user-event": "^12.1.10",
-    "@tsconfig/create-react-app": "^1.0.2",
-    "@types/classnames": "2.2.6",
-    "@types/jest": "^29.2.0",
-    "@types/react": "^18.0.21",
-    "@types/react-dom": "^18.0.6",
-    "@types/xlsx": "^0.0.36",
-    "@typescript-eslint/eslint-plugin": "^5.8",
-    "@typescript-eslint/parser": "^8.12.2",
-    "babel-eslint": "^10.1.0",
-    "babel-jest": "^26.3.0",
-    "babel-loader": "8.1.0",
-    "babel-plugin-external-helpers": "^6.22.0",
-    "babel-plugin-file-loader": "^2.0.0",
-    "babel-plugin-import": "^1.13.8",
-    "babel-plugin-root-import": "^6.5.0",
-    "conventional-changelog-cli": "^2.1.0",
-    "cross-env": "^7.0.3",
-    "css-loader": "3.4.2",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^26.4.1",
-    "lint-staged": "^10.5.4",
-    "postcss-url": "9.0.0",
-    "pre-commit": "1.2.2",
-    "rollup": "^2.28.2",
-    "rollup-plugin-cleanup": "^3.2.1",
-    "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-css-bundle": "^1.0.4",
-    "rollup-plugin-css-only": "^2.1.0",
-    "rollup-plugin-includepaths": "^0.2.4",
-    "rollup-plugin-inject-process-env": "^1.3.1",
-    "rollup-plugin-livereload": "^2.0.0",
-    "rollup-plugin-node-externals": "^2.2.0",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-rename-node-modules": "^1.0.1",
-    "rollup-plugin-serve": "^1.1.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.34.1",
-    "rollup-plugin-visualizer": "^4.1.1",
-    "sass": "^1.51.0",
-    "sass-loader": "10.1.1",
-    "standard-version": "^9.0.0",
-    "storybook": "7.6.17",
-    "storybook-addon-external-links": "2.0.3",
-    "typescript": "^5.6.3"
-  },
-  "engines": {
-    "node": ">=18"
-  }
-}

package/duplication-report/html/css/app.a4f483de.css

@@ -1,3 +0,0 @@
-#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}
-
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}b{font-weight:bolder}code{font-family:monospace,monospace;font-size:1em}img{border-style:none}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible;text-transform:none}[type=button],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}[hidden],template{display:none}h3,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}ul{list-style:none;margin:0;padding:0}*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e2e8f0}hr{border-top-width:1px}img{border-style:solid}button{cursor:pointer}table{border-collapse:collapse}h3,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}a,button{color:inherit}button{padding:0;line-height:inherit}code,pre{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}img,svg{display:block;vertical-align:middle}img{max-width:100%;height:auto}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.bg-transparent{background-color:transparent}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-gray-100{--bg-opacity:1;background-color:#f7fafc;background-color:rgba(247,250,252,var(--bg-opacity))}.bg-gray-200{--bg-opacity:1;background-color:#edf2f7;background-color:rgba(237,242,247,var(--bg-opacity))}.bg-gray-300{--bg-opacity:1;background-color:#e2e8f0;background-color:rgba(226,232,240,var(--bg-opacity))}.bg-gray-500{--bg-opacity:1;background-color:#a0aec0;background-color:rgba(160,174,192,var(--bg-opacity))}.bg-blue-500{--bg-opacity:1;background-color:#4299e1;background-color:rgba(66,153,225,var(--bg-opacity))}.bg-blue-600{--bg-opacity:1;background-color:#3182ce;background-color:rgba(49,130,206,var(--bg-opacity))}.bg-pink-700{--bg-opacity:1;background-color:#b83280;background-color:rgba(184,50,128,var(--bg-opacity))}.border-collapse{border-collapse:collapse}.border-transparent{border-color:transparent}.border-gray-200{--border-opacity:1;border-color:#edf2f7;border-color:rgba(237,242,247,var(--border-opacity))}.border-gray-300{--border-opacity:1;border-color:#e2e8f0;border-color:rgba(226,232,240,var(--border-opacity))}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border-solid{border-style:solid}.border-none{border-style:none}.border-0{border-width:0}.border{border-width:1px}.border-t-0{border-top-width:0}.border-r-0{border-right-width:0}.border-l-0{border-left-width:0}.border-b-2{border-bottom-width:2px}.border-b{border-bottom-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-grow{flex-grow:1}.float-left{float:left}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.h-0{height:0}.h-12{height:3rem}.h-auto{height:auto}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-xl{font-size:1.25rem}.leading-none{line-height:1}.list-none{list-style-type:none}.m-2{margin:.5rem}.-m-24{margin:-6rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-12{margin-bottom:3rem}.-mb-px{margin-bottom:-1px}.max-w-full{max-width:100%}.min-w-0{min-width:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.focus\:outline-none:focus,.outline-none{outline:2px solid transparent;outline-offset:2px}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-0{padding-left:0;padding-right:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pt-1{padding-top:.25rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pt-12{padding-top:3rem}.pb-32{padding-bottom:8rem}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.right-0{right:0}.left-0{left:0}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-black{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}.text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity))}.text-gray-800{--text-opacity:1;color:#2d3748;color:rgba(45,55,72,var(--text-opacity))}.text-red-500{--text-opacity:1;color:#f56565;color:rgba(245,101,101,var(--text-opacity))}.text-green-500{--text-opacity:1;color:#48bb78;color:rgba(72,187,120,var(--text-opacity))}.text-blue-200{--text-opacity:1;color:#bee3f8;color:rgba(190,227,248,var(--text-opacity))}.text-indigo-600{--text-opacity:1;color:#5a67d8;color:rgba(90,103,216,var(--text-opacity))}.hover\:text-gray-800:hover{--text-opacity:1;color:#2d3748;color:rgba(45,55,72,var(--text-opacity))}.hover\:text-gray-900:hover{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity))}.hover\:text-blue-200:hover{--text-opacity:1;color:#bee3f8;color:rgba(190,227,248,var(--text-opacity))}.uppercase{text-transform:uppercase}.no-underline{text-decoration:none}.tracking-wide{letter-spacing:.025em}.align-middle{vertical-align:middle}.whitespace-no-wrap{white-space:nowrap}.break-words{word-wrap:break-word;overflow-wrap:break-word}.w-12{width:3rem}.w-auto{width:auto}.w-6\/12{width:50%}.w-full{width:100%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@media (min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:flex-no-wrap{flex-wrap:nowrap}.md\:items-stretch{align-items:stretch}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}.md\:mt-0{margin-top:0}.md\:mt-4{margin-top:1rem}.md\:ml-6{margin-left:1.5rem}.md\:ml-64{margin-left:16rem}.md\:min-h-full{min-height:100%}.md\:min-w-full{min-width:100%}.md\:opacity-100{opacity:1}.md\:overflow-hidden{overflow:hidden}.md\:overflow-y-auto{overflow-y:auto}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:pb-2{padding-bottom:.5rem}.md\:pt-32{padding-top:8rem}.md\:fixed{position:fixed}.md\:relative{position:relative}.md\:top-0{top:0}.md\:bottom-0{bottom:0}.md\:left-0{left:0}.md\:shadow-none{box-shadow:none}.md\:w-64{width:16rem}.md\:w-4\/12{width:33.333333%}.md\:w-8\/12{width:66.666667%}}@media (min-width:1024px){.lg\:inline-block{display:inline-block}.lg\:w-6\/12{width:50%}}@media (min-width:1280px){.xl\:mb-0{margin-bottom:0}.xl\:w-3\/12{width:25%}.xl\:w-8\/12{width:66.666667%}}