{"_id":"@architecturex/components.for","_rev":"1-d1afc5fb229bfa4b620c37f3bc1f259d","name":"@architecturex/components.for","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@architecturex/components.for","version":"1.0.0","main":"dist/index.js","types":"dist/index.d.ts","jest":{"preset":"ts-jest","testEnvironment":"node","modulePathIgnorePatterns":["<rootDir>/dist/"]},"keywords":["typescript","react","components","for"],"scripts":{"build":"cross-env NODE_ENV=production npm-run-all clean compile webpack:production","clean":"rm -rf ./dist","compile":"tsc","lint":"eslint --ext .tsx,.ts ./src/**","lint:fix":"eslint --ext .tsx,.ts ./src/**","test":"jest --verbose","webpack:production":"webpack --config=./webpack.config.ts --env mode=production","prepublishOnly":"npm run lint && npm run build","versioning":"./publish.sh"},"author":{"name":"ArchitectureX"},"license":"MIT","devDependencies":{"@testing-library/jest-dom":"^6.1.3","@testing-library/react":"^14.0.0","@types/jest":"^29.5.5","@types/react":"^18.2.23","cross-env":"^7.0.3","eslint":"^8.48.0","eslint-config-airbnb":"^19.0.4","eslint-config-airbnb-typescript":"^17.1.0","eslint-config-prettier":"^9.0.0","eslint-import-resolver-typescript":"^3.6.0","eslint-plugin-import":"^2.28.1","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^5.0.0","jest":"^29.7.0","jest-environment-jsdom":"^29.7.0","npm-run-all":"^4.1.5","prettier":"^3.0.3","ts-jest":"^29.1.1","ts-node":"^10.9.1","typescript":"^5.2.2","webpack-cli":"^5.1.4"},"dependencies":{"@architecturex/devtools":"1.1.6","@architecturex/utils.config":"^1.0.5","@architecturex/utils.cx":"^1.1.1","react":"^18.2.0","react-dom":"^18.2.0","ts-loader":"^9.4.4","webpack":"^5.88.2","webpack-bundle-analyzer":"^4.9.1","webpack-node-externals":"^3.0.0"},"_id":"@architecturex/components.for@1.0.0","gitHead":"20937393ec673c0331276136a92d38f95b5019bb","description":"## RenderIf","_nodeVersion":"20.8.1","_npmVersion":"10.1.0","dist":{"integrity":"sha512-xHn2/OA2JR4PMpKA3lhZ796VDZD5gnEYZrYLNlUUm+kjZyHRUcgwKC8oJBMoAk4ux4p3+0o1uc+697slfmEfmA==","shasum":"63f054dcdb41cdaa2501d3c69b787b96484ee73b","tarball":"https://registry.npmjs.org/@architecturex/components.for/-/components.for-1.0.0.tgz","fileCount":9,"unpackedSize":6658,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAf9PNoluKRIJDspe4yQuCZbKUERBtJnGBY75veH26oVAiEA4oJU53DMOt2r7vJg9RjF7iij3YIBIhWGqYYJr35Z4C8="}]},"_npmUser":{"name":"architecturex","email":"architecturexxx1@gmail.com"},"directories":{},"maintainers":[{"name":"architecturex","email":"architecturexxx1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/components.for_1.0.0_1703888207267_0.1294182676402411"},"_hasShrinkwrap":false},"1.0.1":{"name":"@architecturex/components.for","version":"1.0.1","main":"dist/index.js","types":"dist/index.d.ts","jest":{"preset":"ts-jest","testEnvironment":"node","modulePathIgnorePatterns":["<rootDir>/dist/"]},"keywords":["typescript","react","components","for"],"scripts":{"build":"cross-env NODE_ENV=production npm-run-all clean compile webpack:production","clean":"rm -rf ./dist","compile":"tsc","lint":"eslint --ext .tsx,.ts ./src/**","lint:fix":"eslint --ext .tsx,.ts ./src/**","test":"jest --verbose","webpack:production":"webpack --config=./webpack.config.ts --env mode=production","prepublishOnly":"npm run lint && npm run build","versioning":"./publish.sh"},"author":{"name":"ArchitectureX"},"license":"MIT","devDependencies":{"@testing-library/jest-dom":"^6.1.3","@testing-library/react":"^14.0.0","@types/jest":"^29.5.5","@types/react":"^18.2.23","cross-env":"^7.0.3","eslint":"^8.48.0","eslint-config-airbnb":"^19.0.4","eslint-config-airbnb-typescript":"^17.1.0","eslint-config-prettier":"^9.0.0","eslint-import-resolver-typescript":"^3.6.0","eslint-plugin-import":"^2.28.1","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^5.0.0","jest":"^29.7.0","jest-environment-jsdom":"^29.7.0","npm-run-all":"^4.1.5","prettier":"^3.0.3","ts-jest":"^29.1.1","ts-node":"^10.9.1","typescript":"^5.2.2","webpack-cli":"^5.1.4"},"dependencies":{"@architecturex/devtools":"1.1.6","@architecturex/utils.config":"^1.0.5","@architecturex/utils.cx":"^1.1.1","react":"^18.2.0","react-dom":"^18.2.0","ts-loader":"^9.4.4","webpack":"^5.88.2","webpack-bundle-analyzer":"^4.9.1","webpack-node-externals":"^3.0.0"},"_id":"@architecturex/components.for@1.0.1","gitHead":"66e2f0963e210f89e9b2a5270f35e5789a4ce615","description":"## For","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-15N7UPAMOiQOmlSsPP5JZ2roy66tzLUdR8Ay9WkrnT5+wtQ4RPEgSToqzpICpXcJJX9NDsAKMXQSK5pgunLa/Q==","shasum":"3fcd0da6353df603b2ab041c35563f73f9eb5697","tarball":"https://registry.npmjs.org/@architecturex/components.for/-/components.for-1.0.1.tgz","fileCount":9,"unpackedSize":6392,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGVwsk2Bnf63Ulaosgi4j+KTQ3xECuD4IajLfpNOLuLPAiAjQdGXz3sBnOiOuvpxKRc2+Hop1sY8Pf03uLelIG9VlA=="}]},"_npmUser":{"name":"architecturex","email":"architecturexxx1@gmail.com"},"directories":{},"maintainers":[{"name":"architecturex","email":"architecturexxx1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/components.for_1.0.1_1703888584699_0.9422611100916445"},"_hasShrinkwrap":false}},"time":{"created":"2023-12-29T22:16:47.144Z","1.0.0":"2023-12-29T22:16:47.435Z","modified":"2023-12-29T22:23:05.097Z","1.0.1":"2023-12-29T22:23:04.928Z"},"maintainers":[{"name":"architecturex","email":"architecturexxx1@gmail.com"}],"description":"## For","keywords":["typescript","react","components","for"],"author":{"name":"ArchitectureX"},"license":"MIT","readme":"# @architecturex/components.for\n\n## For\n\nThe `For` component is a utility component for React, designed to simplify the process of rendering lists. It takes an array of items and a child rendering function, and renders each item according to the provided function.\n\nThe For component is built with TypeScript and provides generic type support to ensure type safety.\n\n### Installation\n\n`npm install @architecturex/components.for`\n\n### Props\n\n- **each:** An array of items to be rendered.\n- **children:** A render function that takes an item and its index as arguments.\n\n### Usage\n\n```javascript\nimport For from '@architecturex/components.for'\n\nconst MyComponent = () => {\n  const items = ['Item 1', 'Item 2', 'Item 3']\n\n  return (\n    <div>\n      <For each={items}>\n        {(item, index) => <div key={index}>{item}</div>}\n      </For>\n    </div>\n  )\n}\n\nexport default MyComponent;\n```\n\n### Contribution\n\nFeel free to suggest improvements, report issues, or contribute to enhancing these components. Your feedback and contributions are welcome!\n","readmeFilename":"README.md"}