{"_id":"@adam-sv/arc","_rev":"14-7e9c449e179c964e5a4a0e30153cc2a0","name":"@adam-sv/arc","dist-tags":{"latest":"2.0.2"},"versions":{"1.1.1":{"name":"@adam-sv/arc","version":"1.1.1","author":{"url":"https://acubed.airbus.com/projects/adam/","name":"Project ADAM"},"license":"MIT","_id":"@adam-sv/arc@1.1.1","maintainers":[{"name":"nthorn-adam","email":"nolan.thorn@airbus-sv.com"}],"homepage":"https://acubed.airbus.com/projects/adam/","bugs":{"url":"https://github.com/adam-sv/arc/issues"},"dist":{"shasum":"e70341ec01405f2ed5389370083da0442d8fe121","tarball":"https://registry.npmjs.org/@adam-sv/arc/-/arc-1.1.1.tgz","fileCount":320,"integrity":"sha512-ogWvah/qwbdUPATPqVr9X0J9cPz78pQ1xYO0YLcAp5be5hG18p8xQZt3UYSOw1fcEyIr7PfdEOBGbF22ycB3zg==","signatures":[{"sig":"MEYCIQCJgBhiZsq6Bx/s8FoeiRshifMPt98DNafK2RojbP2AVgIhAKTovwqpE49XtiTZZ4MtMuFaB7yP7zDI6ZF3ZNpYnT4y","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3469526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7VaHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+yA//SG2/X7yOL3dTAVdmQ8upUOhp4ghZRM0f5ikABxTqE3+JbbyV\r\ntEZvg08WchLSdJHhDqOWUxQHFGs31Cmtq3pVqYu2e1BTfghlfNpAlFVhHLd4\r\nLT0dXFuHbiNSlIGGOTcg004phJri6S5xy/IJ9DbqSKVYbGlIUUhyBV+S+pm9\r\nzSvbHSw3iL3BxCsSrol+DiaT5FUWXFheKhTsbDNNhs5SIuwIG0muU/nirNFU\r\nI8G4OHBFOId3zC3V4K/9WVtPwzp4lLfe+MCTAuAEokfpJwkwws7JlZhdrf+T\r\nMlpUupVLVc2K5E4C5egYFenYQlJGaOrMVxj4BVtDweilnAHyfRdDQE+8Wi2A\r\nN6mRtLzrAzHwTptCafIt0bT4KUmcl6Bs4pxCB+NZCs26w88zEeHFX88LEHfu\r\nYNiAvnHQdIRqtW/QdbEwMvHScv9UFQdHjLvCGPcoL6kQHDcY2BJLMMAt1nzS\r\n8zX8wednWjbn3zDNt1+blxYRPRFPkebQf43qV83K79P6+7KwXxTLsND0VmXd\r\nmnyiT+OFKz457XomPFK/OXzw4R+U4aBGXYSOXnnzG7tQ/HFdU01OqKHfPKP9\r\niJ/6y36JRDB9uqFwpxN1xa9dmgyTXIVlGTheXEtbYUeRU431oMkrdhkGMsED\r\nNVauQ+QsU2nZ07NjxbwAWJSPbgZ9echEBC8=\r\n=vRjg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/index.js","module":"./dist/arc.esm.js","engines":{"node":">=12"},"gitHead":"7354aa6a0b2fd3d2ebbd8e2308690bdb66850899","scripts":{"lint":"eslint --fix --ext .ts,.tsx .","test":"craco test --watchAll=false --passWithNoTests","build":"rollup -c rollup.config.js --bundleConfigAsCjs","watch":"rollup -c rollup.config.js -w","prepare":"yarn install --ignore-scripts && yarn build","stylelint":"stylelint --fix \"../lib/**/*.scss\""},"typings":"./dist/index.d.ts","_npmUser":{"name":"nthorn-adam","email":"nolan.thorn@airbus-sv.com"},"prettier":"@adam-sv/prettier-plugin","stylelint":{"extends":["@adam-sv/stylelint-plugin"]},"repository":{"url":"git+https://github.com/adam-sv/arc.git","type":"git"},"_npmVersion":"8.1.0","description":"[https://adam-sv.github.io/arc/](View Components on GitHub Pages)","directories":{},"_nodeVersion":"16.13.0","dependencies":{"d3":"^6.3.1","webcola":"^3.4.0","react-transition-group":"^4"},"eslintConfig":{"extends":["plugin:@adam-sv/eslint-plugin/recommended"]},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^3.4.0","rollup-plugin-sass":"^1.12.16","@rollup/plugin-alias":"^4.0.2","@rollup/plugin-eslint":"^9.0.1","@rollup/plugin-commonjs":"^23.0.2","@rollup/plugin-typescript":"^9.0.2","@rollup/plugin-node-resolve":"^15.0.1"},"peerDependencies":{"react":">=18.0.2","react-dom":">=18","react-router-dom":">=5"},"_npmOperationalInternal":{"tmp":"tmp/arc_1.1.1_1676498567272_0.02181777389390449","host":"s3://npm-registry-packages"}},"2.0.1":{"name":"@adam-sv/arc","version":"2.0.1","license":"PRIVATE","_id":"@adam-sv/arc@2.0.1","maintainers":[{"name":"nthorn-adam","email":"nolan.thorn@airbus-sv.com"}],"dist":{"shasum":"1a93ec59e2fbe594cc2828b9c6622101d1572e1c","tarball":"https://registry.npmjs.org/@adam-sv/arc/-/arc-2.0.1.tgz","fileCount":211,"integrity":"sha512-zpWLGd9SiDuSmbUL1bNTzWSWESs/Vz4U48xvJgmVdloJcrGgQ8LGbF9F6B8GmjzQdlkRT6uTUVu9/TvUd9EblQ==","signatures":[{"sig":"MEUCIFjWBToJHDaM5TW0s9AvueIwBUTsVMRbbyxZd99P3O/2AiEAhtkUdJRSBzuLjWPh7tKgKk6i6Z2tRcKlpP4DPckuBTs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1507225},"main":"./dist-lib/adam-sv-arc.umd.cjs","type":"module","types":"./dist-lib/index.d.ts","module":"./dist-lib/adam-sv-arc.js","exports":{".":{"import":{"types":"./dist-lib/index.d.ts","default":"./dist-lib/adam-sv-arc.js"},"require":{"types":"./dist-lib/index.d.ts","default":"./dist-lib/adam-sv-arc.umd.cjs"}}},"gitHead":"236c502b1fef048d7c04c0a51fbe2bd92db4f803","scripts":{"dev":"yarn copy:source-to-public && vite","lint":"eslint .","test":"yarn jest","format":"prettier . --write","prepare":"yarn build:lib","build:app":"yarn copy:source-to-public && tsc -b && vite build","build:lib":"tsc -b && vite build --config vite.config.lib.ts && rm -rf dist-lib/demo-app && mv dist-lib/lib/* dist-lib && rm -rf dist-lib/lib","prepare:npm":"npm build:lib","copy:source-to-public":"copyfiles \"./src/**/**\" ./public/static/"},"_npmUser":{"name":"nthorn-adam","email":"nolan.thorn@airbus-sv.com"},"_npmVersion":"10.9.0","description":"https://github.com/adam-sv/arc [View Components on GitHub Pages](https://adam-sv.github.io/arc/)","directories":{},"_nodeVersion":"22.12.0","dependencies":{"d3":"^6.3.1","uuid":"^10.0.0","react":"^19.0.0","prismjs":"^1.29.0","webcola":"^3.4.0","react-dom":"^19.0.0","react-router":"^7.8.0","prism-solarized-dark":"^1.0.1","react-simple-code-editor":"^0.11.0"},"_hasShrinkwrap":false,"packageManager":"yarn@1.22.19","devDependencies":{"jest":"^29.7.0","sass":"^1.56.1","vite":"^5.3.4","yarn":"1.22.19","ts-jest":"^29.2.5","ts-node":"^10.9.2","@types/d3":"^6.2.0","copyfiles":"^2.4.1","typescript":"^5.2.2","@types/jest":"^29.5.14","@types/uuid":"^10.0.0","@types/react":"^19.0.0","browserslist":"^4.18.1","@types/prismjs":"^1.26.0","react-dev-utils":"^12","@types/react-dom":"^19.0.0","@types/deep-equal":"^1.0.1","identity-obj-proxy":"^3.0.0","@types/react-router":"^5.1.20","vite-tsconfig-paths":"^4.3.2","@testing-library/dom":"^10.4.0","@vitejs/plugin-react":"^4.3.1","@testing-library/react":"^16.1.0","jest-environment-jsdom":"^29.7.0","@testing-library/jest-dom":"^6.6.3","rollup-plugin-typescript2":"^0.36.0","vite-plugin-lib-inject-css":"^2.1.1","@testing-library/user-event":"^14.5.2"},"_npmOperationalInternal":{"tmp":"tmp/arc_2.0.1_1769199833847_0.9362639921730813","host":"s3://npm-registry-packages-npm-production"}},"2.0.2":{"name":"@adam-sv/arc","version":"2.0.2","license":"MIT","type":"module","main":"./dist-lib/adam-sv-arc.umd.cjs","module":"./dist-lib/adam-sv-arc.js","types":"./dist-lib/index.d.ts","exports":{".":{"import":{"types":"./dist-lib/index.d.ts","default":"./dist-lib/adam-sv-arc.js"},"require":{"types":"./dist-lib/index.d.ts","default":"./dist-lib/adam-sv-arc.umd.cjs"}}},"scripts":{"build:app":"yarn copy:source-to-public && tsc -b && vite build","build:lib":"tsc -b && vite build --config vite.config.lib.ts && rm -rf dist-lib/demo-app && mv dist-lib/lib/* dist-lib && rm -rf dist-lib/lib","copy:source-to-public":"copyfiles \"./src/**/**\" ./public/static/","dev":"yarn copy:source-to-public && vite","format":"prettier . --write","lint":"eslint .","prepare":"yarn build:lib","prepare:npm":"npm build:lib","test":"yarn jest"},"dependencies":{"d3":"^6.3.1","prism-solarized-dark":"^1.0.1","prismjs":"^1.29.0","react":"^19.0.0","react-dom":"^19.0.0","react-router":"^7.8.0","react-simple-code-editor":"^0.11.0","uuid":"^10.0.0","webcola":"^3.4.0"},"devDependencies":{"@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.1.0","@testing-library/user-event":"^14.5.2","@types/d3":"^6.2.0","@types/deep-equal":"^1.0.1","@types/jest":"^29.5.14","@types/prismjs":"^1.26.0","@types/react":"^19.0.0","@types/react-dom":"^19.0.0","@types/react-router":"^5.1.20","@types/uuid":"^10.0.0","@vitejs/plugin-react":"^4.3.1","browserslist":"^4.18.1","copyfiles":"^2.4.1","identity-obj-proxy":"^3.0.0","jest":"^29.7.0","jest-environment-jsdom":"^29.7.0","react-dev-utils":"^12","rollup-plugin-typescript2":"^0.36.0","sass":"^1.56.1","ts-jest":"^29.2.5","ts-node":"^10.9.2","typescript":"^5.2.2","vite":"^5.3.4","vite-plugin-lib-inject-css":"^2.1.1","vite-tsconfig-paths":"^4.3.2","yarn":"1.22.19"},"packageManager":"yarn@1.22.19","_id":"@adam-sv/arc@2.0.2","gitHead":"0fd5d3e7d172390492244cc87fe96c5e42563343","description":"https://github.com/adam-sv/arc [View Components on GitHub Pages](https://adam-sv.github.io/arc/)","_nodeVersion":"22.12.0","_npmVersion":"10.9.0","dist":{"integrity":"sha512-m4uhjQ5AI1ijgjVefn1xx/iu1j0U5vmYQchU6vzsM4HIhs69HnRER+Sq9vcVNyjQepVdkP7Pui1FAa0PzvjxTA==","shasum":"48f2a1fb8d84075c1e999c24617b511a949c9a31","tarball":"https://registry.npmjs.org/@adam-sv/arc/-/arc-2.0.2.tgz","fileCount":211,"unpackedSize":1507221,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQD1lvqBbU05p1WeaoOROEcCXcj5ZKGAVivn0eotqm38FAIgeUSmfrtMcoZeJYq2ePaHmUmN/pIfEZ7kD8zcD6E6N38="}]},"_npmUser":{"name":"nthorn-adam","email":"nolan.thorn@airbus-sv.com"},"directories":{},"maintainers":[{"name":"nthorn-adam","email":"nolan.thorn@airbus-sv.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/arc_2.0.2_1769199960842_0.30169267520249776"},"_hasShrinkwrap":false}},"time":{"created":"2023-02-15T22:02:47.200Z","modified":"2026-01-23T20:26:01.179Z","0.1.1":"2021-04-02T23:04:13.606Z","0.1.2":"2021-04-02T23:10:21.356Z","0.1.5":"2021-06-29T22:33:40.642Z","0.1.6":"2021-06-29T22:59:02.872Z","1.1.0":"2023-02-15T21:50:15.685Z","1.1.1":"2023-02-15T22:02:47.537Z","2.0.1":"2026-01-23T20:23:54.055Z","2.0.2":"2026-01-23T20:26:01.058Z"},"license":"MIT","description":"https://github.com/adam-sv/arc [View Components on GitHub Pages](https://adam-sv.github.io/arc/)","maintainers":[{"name":"nthorn-adam","email":"nolan.thorn@airbus-sv.com"}],"readme":"# ARC\n\nhttps://github.com/adam-sv/arc\n[View Components on GitHub Pages](https://adam-sv.github.io/arc/)\n\nARC is a React component library, built on TypeScript, React, React-Router-DOM, and D3, offering a variety of input, layout, and visualization capabilities.\n\nARC is built with Vite.\n- https://vitejs.dev/guide/\n\n## Usage\n\nImport ARC styles by importing the library\n- this is more deterministic than having it import implicitly from a Component import\n\n```ts\nimport '@adam-sv/arc';\n```\n\n## Environment\n\nWe have a few things you can configure in ARC with the environment variable:\n\n- PUBLIC_URL\n  - If you will serve the UI at some subpath like `/ui/`, use this prefix\n  - This is relevant during GitHub/GitLab Pages for instance, where you are served at `/pages`\n- USE_HASH_ROUTER\n  - We allow this flag for when the routes get served behind a `/#/` block, meaning the server never sees this part of the path\n  - This is relevant during GitHub/GitLab Pages for instance,\n\nI think you have to prefix these with VITE\\_, so in the `.env` file I have written:\n\n- VITE_PUBLIC_URL: '/'\n- VITE_USE_HASH_ROUTER:\n  - <empty>\n\n## Testing\n\nToday, only `jest` testing exists for ARC - no Cypress. Transpilation via `ts-jest` / `ts-node`.\n\nTo test a component or logical piece, simply add a `jest` file `<test-name>.test.tsx` and write some tests. Find an example here: `src/lib/components/Accordion/accordion.test.tsx`.\n\nGuidance:\n\n- Always import from `@adam-sv/arc`, avoid relative paths\n  - It can be really tempting to use the relative paths, especially as your test file probably sits right beside the file itself, but the library setup is intimately related to how the code runs.\n  - Think of it as a preventative habit.\n- No CSS exists - try to avoid testing behaviors that rely on the CSS styles.\n  - It might be appropriate to use Cypress for these type of tests. We will set that up soon.\n  - Consider `src/lib/components/InfoIcon/infoicon.test.tsx`\n    - It wants to check if the tooltip is visible or not. The classnames are correct, BUT the `opacity: 0` style is never set since no CSS exists.\n    - Therefore, the test should check if the class names are correct or not as a proxy for checking if the opacity is set.\n\n### Testing Setup Notes\n\nJest has been set up, following the guidance of:\n\n- https://dev.to/teyim/effortless-testing-setup-for-react-with-vite-typescript-jest-and-react-testing-library-1c48\n\nSome challenges were in the way:\n\n- TS configuration\n  - import {} from '@adam-sv/arc';\n- Mocking\n  - Web Workers\n  - DOMRect and other Web APIs\n- Barrel Module Lifecycle issues\n  - The utils double-barrel strategy seems to be involved. Consider `import { StringUtils } from '@adam-sv/arc';` - it imports from the barrel module which imports from elsewhere\n  - Ok, so then if a test says `import { StringUtils } from '..';` instead of from '@adam-sv/arc', bad things happen\n  - Advice: _import EVERYTHING from `'@adam-sv/arc'`_, do not use relative paths.\n\nFiles involved in solving these problems include:\n\n- [Jest Config](./jest.config.js)\n- [Jest Setup](./src/jest.setup.ts)\n- Mocks\n  - [Worker Mock](./src/test-helpers/workerMock.ts)\n  - [DOMRect Mock](./src/test-helpers/DOMRectMock.ts)\n- Tests that were updated\n\n  - /src/lib/utils/tests/number.test.ts\n\n    - Before: `import { NumberUtils } from '..';`\n      - Result: `TypeError: Cannot read properties of undefined (reading 'capitalSnakeToCamelCase')` due to barrel module hell\n    - After: `import { NumberUtils } from '@adam-sv/arc';`\n      - Result: Works correctly, good barrel module resolution\n\n## Icons\n\nARC includes several [Material Symbols Outlined icons](https://fonts.google.com/icons?icon.set=Material+Symbols+Outlined), using a custom font-family name (`ARC Material Symbols Outlined`) to avoid overrides from importing `Material Symbols Outlined` normally. The following variants are included:\n\n| Property | Options                                                     |\n| -------- | ----------------------------------------------------------- |\n| weight   | lighter (wght: 200), light (wght: 300), default (wght: 400) |\n| filled   | true (FILL: 1), default (FILL: 0)                           |\n\nTo use an icon, render it via `<MatIcon.IconName weight='lighter' filled />`.\n\nFor a complete list of available icons, see [MatIcon iconNameMap](src/lib/components/MatIcon/index.tsx).\n\n### Additional icons or variations\n\nIf your app imports `Material Symbols Outlined`, check for any duplicates and remove those already provided by ARC (unless variants are different). If adding new icons with the same variants as ARC (`wght,FILL@200..400,0..1`), you may render them via `<MIcon name={icon_name} weight={weight} filled={true} />`.\n\n```css\n/* NOTE: variants (wght, FILL) and icon_names MUST be in alphabetical order.\n  Click the import URL for debugging hints.\n*/\n@import 'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@200..400,0..1&icon_names=bolt&display=block';\n```\n\nSee the [Material Symbols documentation](https://fonts.google.com/icons) for details on customizing icon imports\n","readmeFilename":"README.md"}