{"_id":"@pankod/refine-chakra-ui","_rev":"31-d2d15693764c06c8acbd3ceec10b33c7","name":"@pankod/refine-chakra-ui","dist-tags":{"next":"1.7.0","latest":"1.8.0"},"versions":{"1.1.0":{"name":"@pankod/refine-chakra-ui","version":"1.1.0","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-core":"^3.86.2","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-ui-tests":"^0.11.1","@pankod/refine-core":"^3.86.2","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"_id":"@pankod/refine-chakra-ui@1.1.0","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-WmPURfyvDPHy5Ndp/AuO+Nz2CMIqDssL0OBiwH9ujaTP0t6EutqyNVWgmv7g6ypKCgl61DVmopw2pdl8LoWk8Q==","shasum":"cf9ed6e111abedee2acb04a8da3bff8dfd4f000f","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.1.0.tgz","fileCount":160,"unpackedSize":1469977,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCDYUDhH1AVanUncaYkjdirtiW2k5RpvkEIgC7S0ln9HwIhAJkzefH70lyWA7OnHrZbRZZ/oYfkHudpwIMq5lt5yGxN"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjX8A1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/zg//Xq5eyWnRZcWXhI/U87bxDrUjwc2jTvj6Gq92grQu53GB1XrJ\r\nCyYxknrBvk0Zhn8SidOzTLFgVJGh3+MccyxcYJl4WnRhxx15QdTXrDD67HqB\r\ndBsKmK0SALbiUryK4crdBNIH/JAvFfLREritdljpgwWYIkZcjPmRNm3hRngE\r\nVQrfGlVFvgyopm6UEMCW3W8EU1TLoqhvIKTnH4OyDEBCaj3MtcqlsYPvEiWh\r\naOfJxMaFjVbcNucKj0DMMbGyOXiNO294Y2DxU3zXaF5FBZMYvxqvTpAneuym\r\n80xMAg5s/COPtt4blgMjkaQ5ygWJs9A5kurA4o7wzj4o6ZoMTZFjV74rY++9\r\nZfTNVINJg0fKVbLXhQ/GsvzJZfeLSbYWTJizALDBwWNBIpzrqGMgoWBwd6C1\r\nUrxvSJ6YfIsTdXIeFHwbj1FNwACiQbNgohK7CBeG0lfMW4x6gcyw+3A0uYPt\r\nBFbtoTV6SUbaLRSRYfa0aMq0ud79KNQv420v6niOoRZ4mzQtMDkAiD69mMDO\r\n7Thb386gjIRGxsj3AvYq8MghpW70oQPZdSVFdWAoxwcSY9sco40Vu8ycPzT0\r\n6Wit6PFbN6ZWohwmIZvlIuYDAc4vayTBsgQjBHqAIyGbWsmQowd+s5rKF635\r\nDtKvIVUIM1kiyW/gjIpWJNiOQMPJ2dAiqUM=\r\n=ZCbV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.1.0_1667219509126_0.24879513156335142"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.2.0":{"name":"@pankod/refine-chakra-ui","version":"1.2.0","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-core":"^3.86.2","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-ui-tests":"^0.11.2","@pankod/refine-core":"^3.86.2","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"_id":"@pankod/refine-chakra-ui@1.2.0","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-5dTx4geacmvZF6i+V53iP95ybh2jJyH6GlRUdHD+4kUvTWQiJehkRt/ZZ/2XsvxvC6jYmd5Tji9XObiMp7/F7A==","shasum":"d357de5e5010c6686193e455eb04141e07bb079b","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.2.0.tgz","fileCount":160,"unpackedSize":1470211,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDU2y6mts5/xQ9XzhOXbtpBVOEajWDoT0Pjlp7Q+IMbewIgZAZexQEhMGJNf8nBt83/ZHv+tpYMmV+Tu7UKDWVYx5E="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjX8PaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpSOQ/5AVrqGbHen1GHo3Wx5VVWrQWFEXbjFWHy9RFgY1VH/Md80izV\r\nD5H+A7u40SLT9qy4hBS8hIkK3/WfR4EZmelZsH8FcZhhn2TOjguX0Yy0RwEu\r\n2lXuFbeJA/cD30dgCcput0aDrWNlAyhzbC2+ORBb5NgAgBqZqiCbWk9NMdeG\r\ngRmx0vfbSJHWv9p11LRGw5GFx7aNFeJpXgFYcnXu5Kl6vN2Yn+lqnDbwuU++\r\nvWcgQk/TXN18G18oghZARqv0jJRzFjAtNoRkG2Ju6HYoDQw6om9zXB9FI7w0\r\n3sHlEa6T90v1r8q0l0gNQa8cv+HvJRblV0sSWqMYfGaT8G40XWY0oB335sqh\r\nM3lpl4R6fFthYQMV+w08F6D89J8N020/0IzdFgFfzhj6GJyaicPln0F9t+h9\r\nf3PomdBqFBffdw/c1Yy2ZN3jbaXMSan8h0QBJL+CH7p/ppDtbO6xYP3B/a1h\r\n9iIekaM6VEytUBjnVtI5WL6oGRybLS+nGIwX0To9d0AG8g2cjGfC2y0twRXW\r\nXGYeQM0PJ+ZL1upGqMyl6B0fLF4AlR6b0vpde+mPIiWIroWwzoVDui/tr+u/\r\nGcBq0kH4ASxPanA+C1fRRWormnX3Q7gqwo6DEJIZwUDa9rONp8tEwuIxz7eu\r\n9KATPe4bMeuHwOPdOWUGDuoQtkttFqMuuls=\r\n=jMV0\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.2.0_1667220441950_0.7218832251808158"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.2.1":{"name":"@pankod/refine-chakra-ui","version":"1.2.1","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-core":"^3.86.2","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-ui-tests":"^0.11.2","@pankod/refine-core":"^3.86.2","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"readme":"
\n\n\n## What is refine?\n**refine** is a React-based framework for rapid โจ development of web applications. \nIt eliminates the repetitive tasks demanded by **CRUD** operations and provides industry standard solutions for critical parts like **authentication**, **access control**, **routing**, **networking**, **state management** and **i18n**.\n\n**refine** is *headless by design* offering unlimited styling and customization options. \n\n## What do you mean by \"headless\" ?\nInstead of being a limited set of pre-styled components, **refine** is a collection of helperย `hooks`,ย `components`ย andย `providers`. They are all decoupled from your *UI components* and *business logic*, so they never keep you from customizing your *UI* or coding your own flow.\n\n**refine** seamlessly works with any **custom design** or **UI framework you favor**. For convenience, it ships with ready-made integrations for [Ant Design System](https://ant.design/), [Material UI](https://mui.com/), and [Mantine](https://mantine.dev/).\n\n## Use cases\n**refine**ย shines on *data-intensive* applications like *admin panels*, *dashboards* and *internal tools*. Thanks to built-in **SSR support**, **refine**ย can also power *customer-facing* applications like *storefronts*.\n\n## Key Features\n\nโ๏ธ Zero-config, **one-minute setup** with a **single CLI command**\n\n๐ Connectors for **15+ backend services** including [REST API](https://github.com/pankod/refine/tree/master/packages/simple-rest), [GraphQL](https://github.com/pankod/refine/tree/master/packages/graphql), [NestJs CRUD](https://github.com/pankod/refine/tree/master/packages/nestjsx-crud), [Airtable](https://github.com/pankod/refine/tree/master/packages/airtable), [Strapi](https://github.com/pankod/refine/tree/master/packages/strapi), [Strapi v4](https://github.com/pankod/refine/tree/master/packages/strapi-v4), [Strapi GraphQL](https://github.com/pankod/refine/tree/master/packages/strapi-graphql), [Supabase](https://github.com/pankod/refine/tree/master/packages/supabase), [Hasura](https://github.com/pankod/refine/tree/master/packages/hasura), [Nhost](https://github.com/pankod/refine/tree/master/packages/nhost), [Appwrite](https://github.com/pankod/refine/tree/master/packages/appwrite), [Firebase](https://firebase.google.com/), [Directus](https://directus.io/) and [Altogic](https://github.com/pankod/refine/tree/master/packages/altogic)\n\n๐ **SSR support** with **Next.js** or **Remix**\n\nโ Perfect **state management** & **mutations** with **React Query**\n\n๐ **Advanced routing** with any router library of your choice\n\n๐ Providers for seamless **authentication** and **access control** flows\n\nโก Out-of-the-box support for **live / real-time applications**\n\n๐ Easy **audit logs** &** **document versioning**\n\n๐ฌ Support for any **i18n** framework\n\n๐ช Future-proof, **robust architecture**\n\nโ Full **test coverage**\n\n## Quick Start\n\nThe fastest way to get started with **refine** is using the [superplate](https://github.com/pankod/superplate) project starter tool.\nRun the following command to create a new **refine** project configured with [Ant Design System](https://ant.design/) as the default UI framework:\n\n```\nnpx superplate-cli --preset refine-antd my-project\n```\n\nOnce the setup is complete, navigate to the project folder and start your project with:\n\n```\nnpm run dev\n```\n\nYour **refine** application will be accessible at [http://localhost:3000](http://localhost:3000):\n\nLet's consume a public `fake REST API` and add two resources (*posts*, *categories*) to our project. Replace the contents of `src/App.tsx` with the following code:\n\n```tsx title=\"src/App.tsx\"\n\nimport { Refine, useMany } from \"@pankod/refine-core\";\nimport {\n useTable,\n List,\n Table,\n DateField,\n Layout,\n ReadyPage,\n notificationProvider,\n ErrorComponent,\n} from \"@pankod/refine-antd\";\nimport routerProvider from \"@pankod/refine-react-router-v6\";\nimport dataProvider from \"@pankod/refine-simple-rest\";\n\nimport \"@pankod/refine-antd/dist/styles.min.css\";\n\nconst App: React.FC = () => {\n return (\n }\n />\n );\n};\n\nexport const PostList: React.FC = () => {\n const { tableProps } = useTable();\n\n const categoryIds =\n tableProps?.dataSource?.map((item) => item.category.id) ?? [];\n\n const { data, isLoading } = useMany({\n resource: \"categories\",\n ids: categoryIds,\n queryOptions: {\n enabled: categoryIds.length > 0,\n },\n });\n\n return (\n \n {...tableProps} rowKey=\"id\">\n \n {\n if (isLoading) {\n return \"loading...\";\n }\n\n return data?.data.find(\n (item: ICategory) => item.id === value,\n )?.title;\n }}\n />\n }\n />\n \n \n );\n};\n\nexport default App;\n\ninterface IPost {\n title: string;\n createdAt: string;\n category: { id: number };\n}\n\ninterface ICategory {\n id: number;\n title: string;\n}\n\n```\n\nNow, you should see the output as a table populated with `post` & `category` data:\n\n## Next Steps\n\n๐ Jump to [Refine<>Ant Design Tutorial](https://refine.dev/docs/ui-frameworks/antd/tutorial/) to continue your work and turn the example into a full-blown CRUD application.\n\n๐ Check out the [Refine<>Tailwind Tutorial](https://refine.dev/docs/tutorials/headless-tutorial/) to learn how to use **refine** in a pure *headless* way.\n\n๐ Visit [Learn the Basics Page](https://refine.dev/docs/getting-started/overview/) to get informed about the fundemental concepts.\n\n๐ Read more on [Advanced Tutorials\n](https://refine.dev/docs/advanced-tutorials/) for different usage scenarios.\n\n๐ See the real-life [Finefoods Demo](https://refine.dev/demo/) project.\n\n๐ Play with interactive [Examples](https://refine.dev/docs/examples/)\n\n## Roadmap\nYou can find refine's Public Roadmap here! \n\n## Stargazers\n\n[](https://github.com/pankod/refine/stargazers)\n\n## Contribution\n\nIf you have a bug to report, do not hesitate to file an issue.\n\nIf you are willing to fix an issue or propose a feature; all PRs with clear explanations are welcome and encouraged.\n\n## License\n\nLicensed under the MIT License, Copyright ยฉ 2021-present Pankod\n","readmeFilename":"README.md","_id":"@pankod/refine-chakra-ui@1.2.1","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-zm56ayizCUSnNgcX46QyAF9CHPwX+gGG9+qecpC2UGO8s/DcSeC5mpYxUWdlzx3CsFRSLDNqtENKkAgiMEiUWA==","shasum":"a555e87fead1ab190d391998eaa36f91ef84fdea","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.2.1.tgz","fileCount":160,"unpackedSize":1471253,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHBMVSXH/CO5rBNfLtGtWL8Aum1+rjd/vvhzZ3MMlQgYAiEAk4EMNvVKnRwnFdKzUalLFuN43BK7QQz4JHwS2zrD9lo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYhB4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQbA//YX6ayTDc4nCtQEkIFGqUXtVMQDriOVvatr/1g0j/6KrEnedr\r\nlXJBvEVQbU3SIvHNvDzfIBqKUEj5ftaMaQpoL4Xka7C/XjIO92kywQ0rmElO\r\nRtmiq8+p50IVM2KU3fS8i/MkcUhkTAYgi9384VQ5GpeQkFUi4IMTgMSCF5ui\r\nj0IYxnolVSdigz1UJagz9SHnVS8eLWXi9Zgl8Oftyr3QqPVbPvpcajsIQuGp\r\nJhkWG3umKRNJbtNLH40YqJS2/bFjYqc77Hoiyd0izk+N9EVg86eH3eYF834m\r\n6BlxLMLtu/ORPAVkeBH55878qd6N6YBswaf7PTLFxV5gF4o4/9EW6mbGys5X\r\nzhwU7V8+tbARHvcWZKJTWXS4DT0K+6+PgW1RAkvdQY623IaGHe0N2TK7bDwS\r\n40VtVOpwY9wMTt3QBy8QUuv3jJ1nYI4SW9L1FYO3gQsLpQEqrNCFbv8KCJ/J\r\nNem+uMFqnxZHM/fwQQKteBvGglfV4+dyvYHVWgYFSm8W6+77x82Xoy+CuuMU\r\n7lPhhJbLKL1LwZHfq7JNE8Y7CTR7vx3VR970hNv9wJWvG+hBMm29G5y0qtFH\r\nulF1ux6bYutht19Ygx6BEB6stp0AInP4rIr8o3Gq7OL80gG/NgsGDynPEFBJ\r\nd+/I5HnXOLrZWwYlrIOOdeyd7CX4sVr6fns=\r\n=2f0i\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.2.1_1667371128402_0.9565469565815803"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.2.2":{"name":"@pankod/refine-chakra-ui","version":"1.2.2","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-core":"^3.86.2","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-ui-tests":"^0.11.2","@pankod/refine-core":"^3.86.2","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"_id":"@pankod/refine-chakra-ui@1.2.2","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-8wqydxGHH4v3lODhHTOs3E0xtXOne17kONjgxRZdGPUPXkf48OdAcjWGYc/PMljnKl+4LNUlg4W8iI0+VgobMg==","shasum":"a7d2f8f80b372c4ac2113015766f5cd0a8f0e655","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.2.2.tgz","fileCount":160,"unpackedSize":1471553,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD9jgiNJqE5zdjwfR/UfnjXLBzzRduT4m33Gy//nFmfggIgdZQivXdNxDQhZVL9gCy3XE6DFV4i3jz6xu14jZcPdr4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYkHcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpdBg//SnxF2qzV9VtQz+ipoqkL6klMGQpj9XlJEkMhe2R1xzCJLenk\r\n56W9696WIJzBE4BJ9ci1VhVt4EiWjBAkC9InbPkdj0kZ62g7sU16cd5iAaX3\r\n20Bhi34LGNaeak5xIaKSjrhvRXiNx72ez3oynkz48ua3MJP5aSU3MvGOlev6\r\n5Ln2B0KJNCer5YwmSUp9Vksl90aj/3v1fLJrVbmIXcCA9piW2ZIg8JIwY6nN\r\nUMz9pEhuAvhlmupART9yAkdJpswFuNAeqSNGAGdTWFym5G5ymjsSV97Dph7p\r\n33MEoGbQUBe3MSZ2kI2jz9j3wSYWH54/WtVzF5SYoU0j/dLeK5tqreo7wJPf\r\nPORbct/5U6E8aFzEMC8EcYdpbvQjPsJ54QqkMUNJrqjrbF5JdV4rfcBXCVYs\r\nW9CeY/t/ZJg5NnGh5HTN+t/o8ExvYBFC467ipZtCN2wR5ockXlQoFIVMsnsk\r\nL5+gmpla9w9XGeKkdveMU2Iq2M9O3dKPJErNQvB/rmMzGUx7hevRF2pDfUJq\r\ncOOmpgYRqZ4IoSuA+4q2fPuKQsESPFM/uuKrm0hq+sK7KcAXncDZiP0tSGuT\r\nvjJu5Lha2dDkO2QdK5a/Ti6xKKTyUbCpOr3y9sp2s8hrv62KpvqZHrHMgP5E\r\n4u0gD7/xnjb3oWoa7tg02wgtG7307vlCtDA=\r\n=SVr9\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.2.2_1667383772254_0.2660986324744208"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.2.3":{"name":"@pankod/refine-chakra-ui","version":"1.2.3","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-core":"^3.86.2","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-ui-tests":"^0.11.2","@pankod/refine-core":"^3.86.2","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"readme":"
\n\n\n## What is refine?\n**refine** is a React-based framework for rapid โจ development of web applications. \nIt eliminates the repetitive tasks demanded by **CRUD** operations and provides industry standard solutions for critical parts like **authentication**, **access control**, **routing**, **networking**, **state management** and **i18n**.\n\n**refine** is *headless by design* offering unlimited styling and customization options. \n\n## What do you mean by \"headless\" ?\nInstead of being a limited set of pre-styled components, **refine** is a collection of helperย `hooks`,ย `components`ย andย `providers`. They are all decoupled from your *UI components* and *business logic*, so they never keep you from customizing your *UI* or coding your own flow.\n\n**refine** seamlessly works with any **custom design** or **UI framework you favor**. For convenience, it ships with ready-made integrations for [Ant Design System](https://ant.design/), [Material UI](https://mui.com/), [Mantine](https://mantine.dev/), and [Chakra UI](https://chakra-ui.com/).\n\n## Use cases\n**refine**ย shines on *data-intensive* applications like *admin panels*, *dashboards* and *internal tools*. Thanks to built-in **SSR support**, **refine**ย can also power *customer-facing* applications like *storefronts*.\n\n## Key Features\n\nโ๏ธ Zero-config, **one-minute setup** with a **single CLI command**\n\n๐ Connectors for **15+ backend services** including [REST API](https://github.com/pankod/refine/tree/master/packages/simple-rest), [GraphQL](https://github.com/pankod/refine/tree/master/packages/graphql), [NestJs CRUD](https://github.com/pankod/refine/tree/master/packages/nestjsx-crud), [Airtable](https://github.com/pankod/refine/tree/master/packages/airtable), [Strapi](https://github.com/pankod/refine/tree/master/packages/strapi), [Strapi v4](https://github.com/pankod/refine/tree/master/packages/strapi-v4), [Strapi GraphQL](https://github.com/pankod/refine/tree/master/packages/strapi-graphql), [Supabase](https://github.com/pankod/refine/tree/master/packages/supabase), [Hasura](https://github.com/pankod/refine/tree/master/packages/hasura), [Nhost](https://github.com/pankod/refine/tree/master/packages/nhost), [Appwrite](https://github.com/pankod/refine/tree/master/packages/appwrite), [Firebase](https://firebase.google.com/), [Directus](https://directus.io/) and [Altogic](https://github.com/pankod/refine/tree/master/packages/altogic)\n\n๐ **SSR support** with **Next.js** or **Remix**\n\nโ Perfect **state management** & **mutations** with **React Query**\n\n๐ **Advanced routing** with any router library of your choice\n\n๐ Providers for seamless **authentication** and **access control** flows\n\nโก Out-of-the-box support for **live / real-time applications**\n\n๐ Easy **audit logs** &** **document versioning**\n\n๐ฌ Support for any **i18n** framework\n\n๐ช Future-proof, **robust architecture**\n\nโ Full **test coverage**\n\n## Quick Start\n\nThe fastest way to get started with **refine** is using the [superplate](https://github.com/pankod/superplate) project starter tool.\nRun the following command to create a new **refine** project configured with [Ant Design System](https://ant.design/) as the default UI framework:\n\n```\nnpx superplate-cli --preset refine-antd my-project\n```\n\nOnce the setup is complete, navigate to the project folder and start your project with:\n\n```\nnpm run dev\n```\n\nYour **refine** application will be accessible at [http://localhost:3000](http://localhost:3000):\n\nLet's consume a public `fake REST API` and add two resources (*posts*, *categories*) to our project. Replace the contents of `src/App.tsx` with the following code:\n\n```tsx title=\"src/App.tsx\"\n\nimport { Refine, useMany } from \"@pankod/refine-core\";\nimport {\n useTable,\n List,\n Table,\n DateField,\n Layout,\n ReadyPage,\n notificationProvider,\n ErrorComponent,\n} from \"@pankod/refine-antd\";\nimport routerProvider from \"@pankod/refine-react-router-v6\";\nimport dataProvider from \"@pankod/refine-simple-rest\";\n\nimport \"@pankod/refine-antd/dist/styles.min.css\";\n\nconst App: React.FC = () => {\n return (\n }\n />\n );\n};\n\nexport const PostList: React.FC = () => {\n const { tableProps } = useTable();\n\n const categoryIds =\n tableProps?.dataSource?.map((item) => item.category.id) ?? [];\n\n const { data, isLoading } = useMany({\n resource: \"categories\",\n ids: categoryIds,\n queryOptions: {\n enabled: categoryIds.length > 0,\n },\n });\n\n return (\n \n {...tableProps} rowKey=\"id\">\n \n {\n if (isLoading) {\n return \"loading...\";\n }\n\n return data?.data.find(\n (item: ICategory) => item.id === value,\n )?.title;\n }}\n />\n }\n />\n \n \n );\n};\n\nexport default App;\n\ninterface IPost {\n title: string;\n createdAt: string;\n category: { id: number };\n}\n\ninterface ICategory {\n id: number;\n title: string;\n}\n\n```\n\nNow, you should see the output as a table populated with `post` & `category` data:\n\n## Next Steps\n\n๐ Jump to [Refine<>Ant Design Tutorial](https://refine.dev/docs/ui-frameworks/antd/tutorial/) to continue your work and turn the example into a full-blown CRUD application.\n\n๐ Check out the [Refine<>Tailwind Tutorial](https://refine.dev/docs/tutorials/headless-tutorial/) to learn how to use **refine** in a pure *headless* way.\n\n๐ Visit [Learn the Basics Page](https://refine.dev/docs/getting-started/overview/) to get informed about the fundemental concepts.\n\n๐ Read more on [Advanced Tutorials\n](https://refine.dev/docs/advanced-tutorials/) for different usage scenarios.\n\n๐ See the real-life [Finefoods Demo](https://refine.dev/demo/) project.\n\n๐ Play with interactive [Examples](https://refine.dev/docs/examples/)\n\n## Roadmap\nYou can find refine's Public Roadmap here! \n\n## Stargazers\n\n[](https://github.com/pankod/refine/stargazers)\n\n## Contribution\n\nIf you have a bug to report, do not hesitate to file an issue.\n\nIf you are willing to fix an issue or propose a feature; all PRs with clear explanations are welcome and encouraged.\n\n## License\n\nLicensed under the MIT License, Copyright ยฉ 2021-present Pankod\n","readmeFilename":"README.md","_id":"@pankod/refine-chakra-ui@1.2.3","_nodeVersion":"16.18.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-khI+NZrIqrbT9q8wny+8IQHBSIt9WhqZSzPZTpJnxavAXm7XzCiST0HJrRgNxenhlP1DgHbhyFduO/XW9reWBQ==","shasum":"8611d9def45ff9d9a51fdf2615bd544123fde2b4","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.2.3.tgz","fileCount":160,"unpackedSize":1475361,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAzUSlihpj6QGxK5B+OGVlbnXpyCpw30ehNgSWFqfY8KAiEA9jUHKTErqm+jxG44BG7Ms1AeD5qIya++7e5Ijf+g8zU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjY99YACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqp0g/+KUozMWk7KT/I+yWcVDsqiakXljhN2Nco1hhxvq+4+AUE7Vv9\r\n3ONXdpbnZSS+L/JVVb/DnUS+1o9IMC/h11YxVZEL4NF24rUMU3uAywtfTLuZ\r\nqlsP7ta7kazcN6vhnNu8vf6TQXGnse5e7dIxaWnvwbDaEqA6dqwmAZuyJq2b\r\nr1o520zJHnEJ6/V9ugL6Gj/71NYhwlMdwwp8UoR86mlnC4JE/WN/9wz4Ab9U\r\nhLhCHIzEy2R6h3guNczJgqk9023dTNm8DtsQ4Y3JybYiVKaLLFVPEeqjk27B\r\nGBWXLuE24fHC34lPHhafVVMwniyDd2NCxKQjNaNsnEliSnSvVYRfp/TAOaiQ\r\nmLSppjp+5FENc081uIEjL4i7GWKoNXIvEsV1A18S1AYXTrR0omlvWWp0Er4I\r\nUwmtVZ8s9R6ZFdoKJJIczfyMNss2qiKGPJ7ralcQVE1hGHk6BL9LC+74Xe4q\r\nelOSH7e7ISlhQHMWMc7aNQjblsljf/TVx2gXzq81Sk4mzg+msOF8uJPsCMBe\r\nHmkC7+OwbMaOtlyBjtljJVhkMtGC9GNqQ9pQhl6waBir9BIuPrCYd54fflAd\r\ndaiEu0qx2d6kbXqvUjlkzvSeY3EyLd+ymUr8Nj9KK+xTlP9bQGH9jg6lNre/\r\n3rqw43B4Zrg09hwupwokBXiQTIw1TpODlLk=\r\n=W0nR\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.2.3_1667489624229_0.14664534285414876"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.2.4":{"name":"@pankod/refine-chakra-ui","version":"1.2.4","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-core":"^3.86.2","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-ui-tests":"^0.11.2","@pankod/refine-core":"^3.88.2","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"_id":"@pankod/refine-chakra-ui@1.2.4","_nodeVersion":"16.18.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-ZB9L3wPnHGdsTr84Rq3GwvPWpRSZ+rV6CcNakSRL9DlNPfFZbXsLH3VMYIqfM2l8yUyuCrxlKYKV54eDVCDtiw==","shasum":"538f9ce13d845ffa548e14a5009d6a60e0435a66","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.2.4.tgz","fileCount":160,"unpackedSize":1475658,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHl4NWfbYmGNO1dEQE5/5faRcjipcXdMe3oRp5tA93gSAiEAr2xuwSqy9+dMgikcSvMuDZljQ7jzzALJ0pe9eZSAXv4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjY+W5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6ig/9HQSxavtWMPofluke91ocAQ/RmF1wuhgoPoAejw3yYSFmKJQo\r\nQ+P2j4p7gzqh2Upd9xsUIGQyDs08rKNLdzGxmVI8sk7FkK5SUI3SGE7c93B2\r\nDVdX/u/Ba91NHQm7IvDt8iTyjoC3xlqIChTRoyVNA9Nll9sBcby0UlcptNwO\r\ngz27ppdDHkpuZrQAdGp17xD18XGr3YpS03FF6GPJUdRRD9t+TodDaDTn+XN4\r\n0cYM2lI1h2FjkFi9+1KNPmXeH5TKqnAGPTRII7fSXMHiLSOTz00LTATaAA+J\r\nh/SYQPa1wFCXv5+Ru7xBBPic4a96TzaWsuC2QRNug97vpZEPwbvArXqFqsnE\r\nYryBjEBRK5pXymYUzka2Ihpufi9pS0mCs7f635a9Asxrn3oZWcx+nG4I5PjR\r\njfVytPFe0NzZ+qDqmaJoJXb11kACfuciYJ3nA+L7PN8njgVTkNrAbMC96oLV\r\nIWQQrO90L99sPVkZ0rWUTWN+PGc3S/q4Ssh0QxIHwokiUXrWweJcRLBjqsv6\r\n4p5eBStsDPy/XlzZsa9mLd/MeBBSslducwms5UeHI36Xz7xGn4zTzYjU49mc\r\nlW/Ctz0s9f5O+/UZDEGOkzVwhdsnyAsMJ9WwfoJ75I/AK021I7SQW7osE7v9\r\nsgG2EhWHS/1X6dcTn2XmsvpPqjMYKpm1HTk=\r\n=+Q4E\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.2.4_1667491257305_0.2133773278765645"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.2.6":{"name":"@pankod/refine-chakra-ui","version":"1.2.6","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-core":"^3.86.2","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-ui-tests":"^0.11.2","@pankod/refine-core":"^3.88.2","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"_id":"@pankod/refine-chakra-ui@1.2.6","_nodeVersion":"16.18.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-FwDCoU+HmnKtf66JbJj3MFxMHQ93jK70oLMSWpKrv/KGqkyiueKPNp1bsF1DpP/vPqu5VWz+haLzZZ52hoHU7A==","shasum":"c7ed0fdcc8a972dbfce5ea6b177e5ee026a8b4b0","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.2.6.tgz","fileCount":160,"unpackedSize":1484553,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICmQaItd9plN7crjmHpSD29d3TY32qqIZ0Xikfkc8ykQAiEA5kqVs/vcAB4Hb5XeBaqMWyA1zWgoqpVbAiuKd3ZJwro="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZTQeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqkWA/+Lw8h83yrI4wiC0TOLR5c32KOB8YSpRd85eyqKvcbun0UUkwH\r\nZnMgVdVTONkepefGY9Ni+paHf2f7u3zXfPaecl+V5pIrBjuj0Ajrrdt0Wt6F\r\nxA2nvV7BLUnTvRgwBAB5G1ozJfTpmbBrC14dJHBhAPFw8sFRTHzqzeMqU7Al\r\n/ugHyh5NMnrhhPaKqFbvXPZ7IdyQvuyTkPsj1vcTWKyH3HRyQiMa2neEt7Un\r\nGtheGWPDORYvIx/pwVEBpfvtBXkpjMvCvNgENNZX+FMRyAV0zVBpeRNulgP2\r\ns5s0K4FJLGn/CvtMMOU5ueQ0nUQM7WFqMKelk5XZA8g1wrjiPiW05G2P+OBk\r\n/fKvEZS+WZ5MmmZjRH8Uv6BxsvutCMQ53um5ZHfL2GKMo3U5KVpoY8aYYVfH\r\nN16sJozRm+fQ59ikCfJ/cBCnBeXSm9ikk1K6uXUsyfnTxWwtuZLgDhur/COJ\r\nA7vgJUU14Kim+iAeZW3tx1bZzZ7Tkw3vOhaIS9Z+DpFp+TGk+rv2gP4IuS+2\r\nqHMjYsfLWiNttSZxIZ+y+2RkPPvrqGwhXX/Axz6uXXoKkiuqBRkF0gW2wQ/j\r\nLU5RwDERoM9qqXw/TFES00lQNTLlpltH6E3b6GMWwt3eNiceNv5OQ9JVToZt\r\nEideRrz9JNAz+WiJ7rywFZdLJSof7UInfj4=\r\n=9sOW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.2.6_1667576861887_0.6612685217068117"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.2.7":{"name":"@pankod/refine-chakra-ui","version":"1.2.7","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-core":"^3.86.2","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-ui-tests":"^0.11.2","@pankod/refine-core":"^3.88.2","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"readme":"
\n\n\n## What is refine?\n**refine** is a React-based framework for rapid โจ development of web applications. \nIt eliminates the repetitive tasks demanded by **CRUD** operations and provides industry standard solutions for critical parts like **authentication**, **access control**, **routing**, **networking**, **state management** and **i18n**.\n\n**refine** is *headless by design* offering unlimited styling and customization options. \n\n## What do you mean by \"headless\" ?\nInstead of being a limited set of pre-styled components, **refine** is a collection of helperย `hooks`,ย `components`ย andย `providers`. They are all decoupled from your *UI components* and *business logic*, so they never keep you from customizing your *UI* or coding your own flow.\n\n**refine** seamlessly works with any **custom design** or **UI framework you favor**. For convenience, it ships with ready-made integrations for [Ant Design System](https://ant.design/), [Material UI](https://mui.com/), [Mantine](https://mantine.dev/), and [Chakra UI](https://chakra-ui.com/).\n\n## Use cases\n**refine**ย shines on *data-intensive* applications like *admin panels*, *dashboards* and *internal tools*. Thanks to built-in **SSR support**, **refine**ย can also power *customer-facing* applications like *storefronts*.\n\n## Key Features\n\nโ๏ธ Zero-config, **one-minute setup** with a **single CLI command**\n\n๐ Connectors for **15+ backend services** including [REST API](https://github.com/pankod/refine/tree/master/packages/simple-rest), [GraphQL](https://github.com/pankod/refine/tree/master/packages/graphql), [NestJs CRUD](https://github.com/pankod/refine/tree/master/packages/nestjsx-crud), [Airtable](https://github.com/pankod/refine/tree/master/packages/airtable), [Strapi](https://github.com/pankod/refine/tree/master/packages/strapi), [Strapi v4](https://github.com/pankod/refine/tree/master/packages/strapi-v4), [Strapi GraphQL](https://github.com/pankod/refine/tree/master/packages/strapi-graphql), [Supabase](https://github.com/pankod/refine/tree/master/packages/supabase), [Hasura](https://github.com/pankod/refine/tree/master/packages/hasura), [Nhost](https://github.com/pankod/refine/tree/master/packages/nhost), [Appwrite](https://github.com/pankod/refine/tree/master/packages/appwrite), [Firebase](https://firebase.google.com/), [Directus](https://directus.io/) and [Altogic](https://github.com/pankod/refine/tree/master/packages/altogic)\n\n๐ **SSR support** with **Next.js** or **Remix**\n\nโ Perfect **state management** & **mutations** with **React Query**\n\n๐ **Advanced routing** with any router library of your choice\n\n๐ Providers for seamless **authentication** and **access control** flows\n\nโก Out-of-the-box support for **live / real-time applications**\n\n๐ Easy **audit logs** &** **document versioning**\n\n๐ฌ Support for any **i18n** framework\n\n๐ช Future-proof, **robust architecture**\n\nโ Full **test coverage**\n\n## Quick Start\n\nThe fastest way to get started with **refine** is using the [superplate](https://github.com/pankod/superplate) project starter tool.\nRun the following command to create a new **refine** project configured with [Ant Design System](https://ant.design/) as the default UI framework:\n\n```\nnpx superplate-cli --preset refine-antd my-project\n```\n\nOnce the setup is complete, navigate to the project folder and start your project with:\n\n```\nnpm run dev\n```\n\nYour **refine** application will be accessible at [http://localhost:3000](http://localhost:3000):\n\nLet's consume a public `fake REST API` and add two resources (*posts*, *categories*) to our project. Replace the contents of `src/App.tsx` with the following code:\n\n```tsx title=\"src/App.tsx\"\n\nimport { Refine, useMany } from \"@pankod/refine-core\";\nimport {\n useTable,\n List,\n Table,\n DateField,\n Layout,\n ReadyPage,\n notificationProvider,\n ErrorComponent,\n} from \"@pankod/refine-antd\";\nimport routerProvider from \"@pankod/refine-react-router-v6\";\nimport dataProvider from \"@pankod/refine-simple-rest\";\n\nimport \"@pankod/refine-antd/dist/styles.min.css\";\n\nconst App: React.FC = () => {\n return (\n }\n />\n );\n};\n\nexport const PostList: React.FC = () => {\n const { tableProps } = useTable();\n\n const categoryIds =\n tableProps?.dataSource?.map((item) => item.category.id) ?? [];\n\n const { data, isLoading } = useMany({\n resource: \"categories\",\n ids: categoryIds,\n queryOptions: {\n enabled: categoryIds.length > 0,\n },\n });\n\n return (\n \n {...tableProps} rowKey=\"id\">\n \n {\n if (isLoading) {\n return \"loading...\";\n }\n\n return data?.data.find(\n (item: ICategory) => item.id === value,\n )?.title;\n }}\n />\n }\n />\n \n \n );\n};\n\nexport default App;\n\ninterface IPost {\n title: string;\n createdAt: string;\n category: { id: number };\n}\n\ninterface ICategory {\n id: number;\n title: string;\n}\n\n```\n\nNow, you should see the output as a table populated with `post` & `category` data:\n\n## Next Steps\n\n๐ Jump to [Refine<>Ant Design Tutorial](https://refine.dev/docs/ui-frameworks/antd/tutorial/) to continue your work and turn the example into a full-blown CRUD application.\n\n๐ Check out the [Refine<>Tailwind Tutorial](https://refine.dev/docs/tutorials/headless-tutorial/) to learn how to use **refine** in a pure *headless* way.\n\n๐ Visit [Learn the Basics Page](https://refine.dev/docs/getting-started/overview/) to get informed about the fundemental concepts.\n\n๐ Read more on [Advanced Tutorials\n](https://refine.dev/docs/advanced-tutorials/) for different usage scenarios.\n\n๐ See the real-life [Finefoods Demo](https://refine.dev/demo/) project.\n\n๐ Play with interactive [Examples](https://refine.dev/docs/examples/)\n\n## Roadmap\nYou can find refine's Public Roadmap here! \n\n## Stargazers\n\n[](https://github.com/pankod/refine/stargazers)\n\n## Contribution\n\nIf you have a bug to report, do not hesitate to file an issue.\n\nIf you are willing to fix an issue or propose a feature; all PRs with clear explanations are welcome and encouraged.\n\n## License\n\nLicensed under the MIT License, Copyright ยฉ 2021-present Pankod\n","readmeFilename":"README.md","_id":"@pankod/refine-chakra-ui@1.2.7","_nodeVersion":"16.18.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-NXuAI4z8WzDEy1mBsC8aHBFiFO5gaNCN40PCbwqhYldec8U/AJRV6yNsHIHRbXRwXBn/6IgQLeu+yqLEWQZCRg==","shasum":"60f688ca07c4977515848d771b67b9c9f25ae5f5","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.2.7.tgz","fileCount":160,"unpackedSize":1485344,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHU8iJZBi2lMZpXsYoXXp2lSxzvavZWi66NTJcpAY0izAiEApGucC84JP5XhkMB2EcjpKNE+5un3ZJoBgkT3VWkNgHk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaSVUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmquhhAAjiJhAxiQALVggZWc1SdKokuvTZV3APSa5hWeC/BZCUxQc57S\r\nIZwTvJ6LVHL9qLCzoYeNrkLXwsLtt4liR8ymE0aPtslG1vFPpO1JFOWi6gXx\r\nwJr1CVn50mq8cMRiOuEKsQzmY+gQrWOTsYvUxNeqJhp8hfCiLauqjqGwHB6c\r\nRr07Pn6fa/1Kha4QcJ2R1xgLjRPIS+sVy2uy49xwIF69thCpu0im4mhYUeGs\r\nn4qKIqQdv8jMbPkU7eXAxwAhcFsPnoMQl9WwnppLhYe25KTb8oimTkNNFDIN\r\nHyBn7x75xkwqNtMv7KjEpRG2gYQ8UlCr4Tli/TvItdKM+QyO9FAUY03kUqV+\r\nLyHRtZokrqlwkaClNkojMXYBvJF1czNy766LmmrXjU5jBRaSxQuINYyO5LEB\r\naftwIyhvL4ZPXTAQVLd2V39rRNww/i3mkxwJdDD5ENScRgFHanGKFDm84EfG\r\ngJSav8I8/u205QKjZlTdzSBWaIdF+IhGU0fDtHlayKPtLM2TZTObT6/1E1fD\r\n0c+hXQ1G5XmG3qDk6RAn3USZEivXUbiIRExC3cauroD4MQs0A5fwfQGzaxSS\r\nxor3z+achdCL19+KxQBH6sk424nc/0s3OFNEKM3YUGyOtahWmonIjObedXmL\r\nvOa6oIwWtclpZsYngConBIlyQXtu26pFJiY=\r\n=OCwt\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.2.7_1667835219925_0.7576516310118484"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.2.8":{"name":"@pankod/refine-chakra-ui","version":"1.2.8","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-core":"^3.86.2","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-ui-tests":"^0.11.2","@pankod/refine-core":"^3.88.2","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"_id":"@pankod/refine-chakra-ui@1.2.8","_nodeVersion":"16.18.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-/nYniVrQH3C9PRSl50vZQpSxSkoRrY1QKTi3w5OwzlGi3S2o1yiG7G9EU1Lk14TbfA1riFt6t64i08+dasS8cQ==","shasum":"aa149d55697868be938ca89e094a70c99fbf5129","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.2.8.tgz","fileCount":160,"unpackedSize":1485631,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDNtAluJSqXZksby5YRWWToCyti68Sc+IftgWD5wZHbMwIgdZn0/DpTryCOGAUlgdGXXTqPGet+9FLT30k6p2/cjdQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaUpPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolyBAAol5j/q+elLa3W0hevlGPMoWZ0woi4W6/td8BYQiUKz8LCkFB\r\n6cyZ/cMwUiecJLeXAarj11eZ+VMnY6h65IewJkcHf1A3Xv+K5UO3w8aZlhJL\r\n3IaZS8qOIoHDd8kL5EYkbQ4rSTpTa0IBTp/5z2GzrlZ8B398REksvHktWh8C\r\nF/3XwWXqHK5rs+9dOPg/l/9581Tzcf6D6A/a0+ZdrFxYZyaWK26I8gaVKLH+\r\ngNFXc3xGShDyqW2fQLV+8EQOGeJO77iDPbBJLwPgyY0/MzBmtkzk//R0Doqr\r\nIKtBdDktkaZaiRMiuLSgeRt7wpfyd17gn7It1v+3WfzdSbyjaM6zBHGmS3Yw\r\n4M3BxC+g0SFqVyqH9dTH392vimabQiVAuulTg3ZNbANhsrGHNysGM+QC7FHJ\r\nXukAOCxONo431h39bb+4mUNhCS+IsnI+4oINXwheYW6WwMqPRxg13Q5Q0biQ\r\nG8O24AanlIe1zjgQRYZqsv1C0mrP+ZGun53+ggxh2bb9AjmLfxmsRoTqNwYZ\r\nEuRWRPUYEIRc0qtqnlLWd9Icr2tzatKHO6iC/loqHhhjtaljxhLu/uW0738d\r\nqXdNAatM5rYLyxkwi68i6NU6HHf81t2bocpkTm5B1K9PFdI+0tsfPNXzC/4s\r\niw6ocozey859uUtQZC1qS0UomSP8zdyavt8=\r\n=wzYB\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.2.8_1667844687104_0.10059238793440839"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.2.9":{"name":"@pankod/refine-chakra-ui","version":"1.2.9","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-core":"^3.86.2","@chakra-ui/react":"^2.3.6","dayjs":"^1.10.7","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-ui-tests":"^0.11.2","@pankod/refine-core":"^3.88.3","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"readme":"
\n\n\n## What is refine?\n**refine** is a React-based framework for rapid โจ development of web applications. \nIt eliminates the repetitive tasks demanded by **CRUD** operations and provides industry standard solutions for critical parts like **authentication**, **access control**, **routing**, **networking**, **state management** and **i18n**.\n\n**refine** is *headless by design* offering unlimited styling and customization options. \n\n## What do you mean by \"headless\" ?\nInstead of being a limited set of pre-styled components, **refine** is a collection of helperย `hooks`,ย `components`ย andย `providers`. They are all decoupled from your *UI components* and *business logic*, so they never keep you from customizing your *UI* or coding your own flow.\n\n**refine** seamlessly works with any **custom design** or **UI framework you favor**. For convenience, it ships with ready-made integrations for [Ant Design System](https://ant.design/), [Material UI](https://mui.com/), [Mantine](https://mantine.dev/), and [Chakra UI](https://chakra-ui.com/).\n\n## Use cases\n**refine**ย shines on *data-intensive* applications like *admin panels*, *dashboards* and *internal tools*. Thanks to built-in **SSR support**, **refine**ย can also power *customer-facing* applications like *storefronts*.\n\n## Key Features\n\nโ๏ธ Zero-config, **one-minute setup** with a **single CLI command**\n\n๐ Connectors for **15+ backend services** including [REST API](https://github.com/pankod/refine/tree/master/packages/simple-rest), [GraphQL](https://github.com/pankod/refine/tree/master/packages/graphql), [NestJs CRUD](https://github.com/pankod/refine/tree/master/packages/nestjsx-crud), [Airtable](https://github.com/pankod/refine/tree/master/packages/airtable), [Strapi](https://github.com/pankod/refine/tree/master/packages/strapi), [Strapi v4](https://github.com/pankod/refine/tree/master/packages/strapi-v4), [Strapi GraphQL](https://github.com/pankod/refine/tree/master/packages/strapi-graphql), [Supabase](https://github.com/pankod/refine/tree/master/packages/supabase), [Hasura](https://github.com/pankod/refine/tree/master/packages/hasura), [Nhost](https://github.com/pankod/refine/tree/master/packages/nhost), [Appwrite](https://github.com/pankod/refine/tree/master/packages/appwrite), [Firebase](https://firebase.google.com/), [Directus](https://directus.io/) and [Altogic](https://github.com/pankod/refine/tree/master/packages/altogic)\n\n๐ **SSR support** with **Next.js** or **Remix**\n\nโ Perfect **state management** & **mutations** with **React Query**\n\n๐ **Advanced routing** with any router library of your choice\n\n๐ Providers for seamless **authentication** and **access control** flows\n\nโก Out-of-the-box support for **live / real-time applications**\n\n๐ Easy **audit logs** &** **document versioning**\n\n๐ฌ Support for any **i18n** framework\n\n๐ช Future-proof, **robust architecture**\n\nโ Full **test coverage**\n\n## Quick Start\n\nThe fastest way to get started with **refine** is using the [superplate](https://github.com/pankod/superplate) project starter tool.\nRun the following command to create a new **refine** project configured with [Ant Design System](https://ant.design/) as the default UI framework:\n\n```\nnpx superplate-cli --preset refine-antd my-project\n```\n\nOnce the setup is complete, navigate to the project folder and start your project with:\n\n```\nnpm run dev\n```\n\nYour **refine** application will be accessible at [http://localhost:3000](http://localhost:3000):\n\nLet's consume a public `fake REST API` and add two resources (*posts*, *categories*) to our project. Replace the contents of `src/App.tsx` with the following code:\n\n```tsx title=\"src/App.tsx\"\n\nimport { Refine, useMany } from \"@pankod/refine-core\";\nimport {\n useTable,\n List,\n Table,\n DateField,\n Layout,\n ReadyPage,\n notificationProvider,\n ErrorComponent,\n} from \"@pankod/refine-antd\";\nimport routerProvider from \"@pankod/refine-react-router-v6\";\nimport dataProvider from \"@pankod/refine-simple-rest\";\n\nimport \"@pankod/refine-antd/dist/styles.min.css\";\n\nconst App: React.FC = () => {\n return (\n }\n />\n );\n};\n\nexport const PostList: React.FC = () => {\n const { tableProps } = useTable();\n\n const categoryIds =\n tableProps?.dataSource?.map((item) => item.category.id) ?? [];\n\n const { data, isLoading } = useMany({\n resource: \"categories\",\n ids: categoryIds,\n queryOptions: {\n enabled: categoryIds.length > 0,\n },\n });\n\n return (\n \n {...tableProps} rowKey=\"id\">\n \n {\n if (isLoading) {\n return \"loading...\";\n }\n\n return data?.data.find(\n (item: ICategory) => item.id === value,\n )?.title;\n }}\n />\n }\n />\n \n \n );\n};\n\nexport default App;\n\ninterface IPost {\n title: string;\n createdAt: string;\n category: { id: number };\n}\n\ninterface ICategory {\n id: number;\n title: string;\n}\n\n```\n\nNow, you should see the output as a table populated with `post` & `category` data:\n\n## Next Steps\n\n๐ Jump to [Refine<>Ant Design Tutorial](https://refine.dev/docs/ui-frameworks/antd/tutorial/) to continue your work and turn the example into a full-blown CRUD application.\n\n๐ Check out the [Refine<>Tailwind Tutorial](https://refine.dev/docs/tutorials/headless-tutorial/) to learn how to use **refine** in a pure *headless* way.\n\n๐ Visit [Learn the Basics Page](https://refine.dev/docs/getting-started/overview/) to get informed about the fundemental concepts.\n\n๐ Read more on [Advanced Tutorials\n](https://refine.dev/docs/advanced-tutorials/) for different usage scenarios.\n\n๐ See the real-life [Finefoods Demo](https://refine.dev/demo/) project.\n\n๐ Play with interactive [Examples](https://refine.dev/docs/examples/)\n\n## Roadmap\nYou can find refine's Public Roadmap here! \n\n## Stargazers\n\n[](https://github.com/pankod/refine/stargazers)\n\n## Contribution\n\nIf you have a bug to report, do not hesitate to file an issue.\n\nIf you are willing to fix an issue or propose a feature; all PRs with clear explanations are welcome and encouraged.\n\n## License\n\nLicensed under the MIT License, Copyright ยฉ 2021-present Pankod\n","readmeFilename":"README.md","_id":"@pankod/refine-chakra-ui@1.2.9","_nodeVersion":"16.18.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-/4wuLJgCyJxM2sp35FlHZJN5Jsc7xl7QYDuo+QgzzlXsG3U99rrZxWGKZ36RWgJz5U1IiThM18IAVkkSL/xmTQ==","shasum":"e78712c5d79fe714ee040772a0c43860b7259f63","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.2.9.tgz","fileCount":160,"unpackedSize":1486285,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnkBzj801uWi38pwmGvX+CI7+zNcimRciPs0VtT723AAIgS1vYkw1JcLfyGhbGsof3P2HF5XB+bdWsrkl43nRPXIc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJja35TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpnPg//WTOoEkhN0kZ8h00tWCtIxkJ0tFUILNgjPuh3F8vXjVpDU/6f\r\nXrXsMP8DE9FnasOAoIDDyaL7OfPUDnnaE/fUA3H4BlAewDbrUhmdEsz5Y7IY\r\nDR8RgvU+EO0IZq/v3M9hMhf4Gl4BvohH8wyGusYgz28yHMvoOgdyr575DFnc\r\n5k9rbXaVcQMMAH7eLK4TibIRTi0pWUzo5mOedXH9DHlpV0J+hcGjZrYyytXS\r\n390PVzq11tYzRYVHfdNJBPZysriM+c1SF4aSzVmXnHJ7g8UTlWPza7L9mu44\r\nx906lJlteGdNacUHkTOfSlCwmkWwHOP3IpaX2K/1MZPS4WPogVq6W39KZvAC\r\nmd9AocDWUzC6hC1TODE8FSYtjyYQjvKJGexS4kKG3piX+jN47RH72NEFXFct\r\nOhX/B5EUwTgjc1cwvtVnakutarQa3m5R8z6c3uag895Wdi9cV/NyTYfHtU24\r\nAMIW+Q8kr3VA9ZkM3PWHvaDgl3SlwAOwTjFPysOMJ8hJd8oNmmvHz+mhsSki\r\nH9bwJRPf0irlAtebGyoNAyux3BtgnrkYltVndt/BN5FSiWd9PXcA0GmD5BO2\r\nWVQn+VYWbbq2v1rzWXTKWIAUkT43pic7MIWZNpGTSIo1TuqdXQdDUkv9o6VZ\r\nGGETlgJSKL0IHdTlzOLDbovxGOrIepKtnQ8=\r\n=fSj6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.2.9_1667989075262_0.6845711222839479"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.2.10":{"name":"@pankod/refine-chakra-ui","version":"1.2.10","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-core":"^3.86.2","@chakra-ui/react":"^2.3.6","dayjs":"^1.10.7","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-ui-tests":"^0.11.2","@pankod/refine-core":"^3.88.4","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"_id":"@pankod/refine-chakra-ui@1.2.10","_nodeVersion":"16.18.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-wrm0rCs315r/NgSDlAaHKWjdHl8aZn7Zm5x+cueHyrblqI3mwz1nHbdaWzGe/P/BeCSlnFMRaMs/clKW23AMDg==","shasum":"9902c2a493e456f7679632e35834155d2f775655","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.2.10.tgz","fileCount":160,"unpackedSize":1486564,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCNGVu6/nMXRo2U28j+rzWP81K6CtGL+3rJgLUqqMDrFgIgLZ1Rm1rASiHGUCPr3BiLGs/mHonx8bHeo/2XyXE27VI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJja4ORACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGWQ//dr1/9k3eOsMmC78Ajtn61YZ5Qkko/3ty/EZPNJa3c4m/1l+6\r\nGUB5/Ks2XWCboTtBh7JWKCYkz/Dp6sfRZ3g8tD2tEj8hy3zEbvLD6bOFDLjE\r\nRONDi/iutCL0mwSQts3XLJN1JwYrWmxrytfoXVuWrDx0ZC+4bTeDANsH5oV/\r\nVDteCsHJF8xQB8QS5nqhwYGgvrbceSEsNSvE9kSm0ckHi6lPdzcmtJlHbbdp\r\n7kjqr1bUlrLACUp5VnPgmqJn182IiCPidq6EeulMVuyokLc04+Y1SnRhffaT\r\n9yyaoT2EjMRLckJy2je09ya4vWOspSTupYo/wK887XtBc8QTgbI1DSBr4hUK\r\nf2hg3rbrrpTha5HNNb9kDPGi3XYZ+pKbbeQnzbpixYjC+CQKKTvd7hU1Cpl7\r\nIt8w02QwBPFTur6cn+VRsk7sPNdR6Rh0ARgYuPUZRpUdumWS7WQlQzsPqFRg\r\nMK+JAf0xRKLN4RkUf0RNSdjQNEI0pC5n1/KJe+uKS9lyh3xtZ8dmkANBqdBz\r\nQSc2rvQ7LVQaywRoLb038A5enMx6DBPmYYD5i4afTtU8KzQhO+EeBL5Zp/pW\r\nK9TyMAmxVFL/X0BUVN3rSXQFXW4gi2Xr1nJJ3XrcnN9qne0Ipd/9LBQ3zfw4\r\nFvOX/hvsUhjq4pPjoynMSblmrlw9F525vUI=\r\n=m63F\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.2.10_1667990417483_0.05938360893518624"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.2.11":{"name":"@pankod/refine-chakra-ui","version":"1.2.11","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-core":"^3.86.2","@chakra-ui/react":"^2.3.6","dayjs":"^1.10.7","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-ui-tests":"^0.11.2","@pankod/refine-core":"^3.88.4","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"readme":"
\n\n\n## What is refine?\n**refine** is a React-based framework for rapid โจ development of web applications. \nIt eliminates the repetitive tasks demanded by **CRUD** operations and provides industry standard solutions for critical parts like **authentication**, **access control**, **routing**, **networking**, **state management** and **i18n**.\n\n**refine** is *headless by design* offering unlimited styling and customization options. \n\n## What do you mean by \"headless\" ?\nInstead of being a limited set of pre-styled components, **refine** is a collection of helperย `hooks`,ย `components`ย andย `providers`. They are all decoupled from your *UI components* and *business logic*, so they never keep you from customizing your *UI* or coding your own flow.\n\n**refine** seamlessly works with any **custom design** or **UI framework you favor**. For convenience, it ships with ready-made integrations for [Ant Design System](https://ant.design/), [Material UI](https://mui.com/), [Mantine](https://mantine.dev/), and [Chakra UI](https://chakra-ui.com/).\n\n## Use cases\n**refine**ย shines on *data-intensive* applications like *admin panels*, *dashboards* and *internal tools*. Thanks to built-in **SSR support**, **refine**ย can also power *customer-facing* applications like *storefronts*.\n\n## Key Features\n\nโ๏ธ Zero-config, **one-minute setup** with a **single CLI command**\n\n๐ Connectors for **15+ backend services** including [REST API](https://github.com/pankod/refine/tree/master/packages/simple-rest), [GraphQL](https://github.com/pankod/refine/tree/master/packages/graphql), [NestJs CRUD](https://github.com/pankod/refine/tree/master/packages/nestjsx-crud), [Airtable](https://github.com/pankod/refine/tree/master/packages/airtable), [Strapi](https://github.com/pankod/refine/tree/master/packages/strapi), [Strapi v4](https://github.com/pankod/refine/tree/master/packages/strapi-v4), [Strapi GraphQL](https://github.com/pankod/refine/tree/master/packages/strapi-graphql), [Supabase](https://github.com/pankod/refine/tree/master/packages/supabase), [Hasura](https://github.com/pankod/refine/tree/master/packages/hasura), [Nhost](https://github.com/pankod/refine/tree/master/packages/nhost), [Appwrite](https://github.com/pankod/refine/tree/master/packages/appwrite), [Firebase](https://firebase.google.com/), [Directus](https://directus.io/) and [Altogic](https://github.com/pankod/refine/tree/master/packages/altogic)\n\n๐ **SSR support** with **Next.js** or **Remix**\n\nโ Perfect **state management** & **mutations** with **React Query**\n\n๐ **Advanced routing** with any router library of your choice\n\n๐ Providers for seamless **authentication** and **access control** flows\n\nโก Out-of-the-box support for **live / real-time applications**\n\n๐ Easy **audit logs** &** **document versioning**\n\n๐ฌ Support for any **i18n** framework\n\n๐ช Future-proof, **robust architecture**\n\nโ Full **test coverage**\n\n## Quick Start\n\nThe fastest way to get started with **refine** is using the [superplate](https://github.com/pankod/superplate) project starter tool.\nRun the following command to create a new **refine** project configured with [Ant Design System](https://ant.design/) as the default UI framework:\n\n```\nnpx superplate-cli --preset refine-antd my-project\n```\n\nOnce the setup is complete, navigate to the project folder and start your project with:\n\n```\nnpm run dev\n```\n\nYour **refine** application will be accessible at [http://localhost:3000](http://localhost:3000):\n\nLet's consume a public `fake REST API` and add two resources (*posts*, *categories*) to our project. Replace the contents of `src/App.tsx` with the following code:\n\n```tsx title=\"src/App.tsx\"\n\nimport { Refine, useMany } from \"@pankod/refine-core\";\nimport {\n useTable,\n List,\n Table,\n DateField,\n Layout,\n ReadyPage,\n notificationProvider,\n ErrorComponent,\n} from \"@pankod/refine-antd\";\nimport routerProvider from \"@pankod/refine-react-router-v6\";\nimport dataProvider from \"@pankod/refine-simple-rest\";\n\nimport \"@pankod/refine-antd/dist/styles.min.css\";\n\nconst App: React.FC = () => {\n return (\n }\n />\n );\n};\n\nexport const PostList: React.FC = () => {\n const { tableProps } = useTable();\n\n const categoryIds =\n tableProps?.dataSource?.map((item) => item.category.id) ?? [];\n\n const { data, isLoading } = useMany({\n resource: \"categories\",\n ids: categoryIds,\n queryOptions: {\n enabled: categoryIds.length > 0,\n },\n });\n\n return (\n \n {...tableProps} rowKey=\"id\">\n \n {\n if (isLoading) {\n return \"loading...\";\n }\n\n return data?.data.find(\n (item: ICategory) => item.id === value,\n )?.title;\n }}\n />\n }\n />\n \n \n );\n};\n\nexport default App;\n\ninterface IPost {\n title: string;\n createdAt: string;\n category: { id: number };\n}\n\ninterface ICategory {\n id: number;\n title: string;\n}\n\n```\n\nNow, you should see the output as a table populated with `post` & `category` data:\n\n## Next Steps\n\n๐ Jump to [Refine<>Ant Design Tutorial](https://refine.dev/docs/ui-frameworks/antd/tutorial/) to continue your work and turn the example into a full-blown CRUD application.\n\n๐ Check out the [Refine<>Tailwind Tutorial](https://refine.dev/docs/tutorials/headless-tutorial/) to learn how to use **refine** in a pure *headless* way.\n\n๐ Visit [Learn the Basics Page](https://refine.dev/docs/getting-started/overview/) to get informed about the fundemental concepts.\n\n๐ Read more on [Advanced Tutorials\n](https://refine.dev/docs/advanced-tutorials/) for different usage scenarios.\n\n๐ See the real-life [Finefoods Demo](https://refine.dev/demo/) project.\n\n๐ Play with interactive [Examples](https://refine.dev/docs/examples/)\n\n## Roadmap\nYou can find refine's Public Roadmap here! \n\n## Stargazers\n\n[](https://github.com/pankod/refine/stargazers)\n\n## Contribution\n\nIf you have a bug to report, do not hesitate to file an issue.\n\nIf you are willing to fix an issue or propose a feature; all PRs with clear explanations are welcome and encouraged.\n\n## License\n\nLicensed under the MIT License, Copyright ยฉ 2021-present Pankod\n","readmeFilename":"README.md","_id":"@pankod/refine-chakra-ui@1.2.11","_nodeVersion":"16.18.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Ru8UdyoIuxfe/3H+rId5MkpeSd0EYDpLdiXyiINXs8M/fYf2L+7jdSJveh08gzSj1SSq7HYDGhSTX2baUecr6A==","shasum":"d1287ac87b79828e90944a229384adb1ccc2e622","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.2.11.tgz","fileCount":160,"unpackedSize":1487088,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBCOZi3rOK0EvY8+jkINsyAtMFyXfnG+wB+0CB9km8RHAiEArIU8Ej1oRZc3zNghbM1F91FQggzfRLjhAM4VY47+IWs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdf0FACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrw/A//XnhY+m+7kGuEfLXfAUMD0Op68mvZISAXWAz0fizjLYfl4x3v\r\ngcVeCwjVPfUFi7Ke6EV+PIPh6bdD8k0A0Q6VkESEdUD1LJSmOKp/wZGHZme3\r\njw8YZEHGlzvMeNMOME5uMMefuOxT7BGD4qoH5Lreijss7+wAeIW+M3vMFA/3\r\n/W0OCt+wufe/uSGcSD6Syxs3VG9SHTAcyfFJJw7YIPZPRWI99x+rPEAbawLu\r\nh0Q+Yqsv9Jf/jqSgjkqxaoUE4E9ckqO+9TtX3nkTmk4G5M2tnY1yQIRPSQux\r\nVCuVHFqUk3ak/W/wOx3ej8RKJ9UBIRJk2eDobnT+wB1AeY4CfNkXL+y7BO5t\r\nc+sM5GqyctwLJWlfOf/ZIvaPDZVEnem1ht+R/7GNMcfgAMFlgqCBF0LuZGUK\r\npArhVno30Ibdv95N7AD/6oqKzPoDhECTGa+DfjSkxPXt9XW/JhB+SPPVhzl0\r\nNMB5UTlS0j3z/bSxRVdL3ZUBeGOmNfIpcHtM1teFytwMuhvcpDyC5G8inCTF\r\n1i+d9H1peb3IP0C9hakFEdsZlWRjU5xPOYMD26xh7sBR50RLh+c/4hHv67TF\r\nJdlQLXL9v/XIRE+s2V2OT8Vr5cm+A6LXt75OYC5P9wr7Fh30OMH7rL0KQCb/\r\nS7MGj22FmI4ClXAtg9gnl3FpEkGwN3wGIdw=\r\n=s5l5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.2.11_1668676869063_0.44596571293101106"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.2.12":{"name":"@pankod/refine-chakra-ui","version":"1.2.12","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-core":"^3.86.2","@chakra-ui/react":"^2.3.6","dayjs":"^1.10.7","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-ui-tests":"^0.11.2","@pankod/refine-core":"^3.88.4","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"_id":"@pankod/refine-chakra-ui@1.2.12","_nodeVersion":"16.18.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-OXiPkKKZ67czYzPYuPNzEUTbjUdlRhxuWKbgmpIVIJEUeUcn2E5EKsrCVETSKu33hcZiRtR1ToyWFeVTccpQPw==","shasum":"9851f5f49269601c8a4d5d242901b39ef8fbb480","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.2.12.tgz","fileCount":160,"unpackedSize":1487441,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHuYpyekDVHPZP1bKLx2O0iCP09AjTdjmVYk/gbd3EcUAiEA99/qRNsMN5bVO8bNeK1urgATkSeo4S6/JlIIPj/XOcE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdiZCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrhqBAAiqJllHirvy5fcdtg5HF4NLfx+Ldr0hlm9IfbXrzqUL7jS0Ru\r\nsFMkC/Rg/rPpsBFYN496wwX42YLwJ8fDR5euUsNy9c3FSTi9SxRPwQ47gKGW\r\nMo+djvfwoVrH3MBbT577BK4tW0jl4scEEeOkjJHUwwkydAqY2gsMjydwl60+\r\nE5DkDKfIDq51u3cOREk/PnC/dFF1XlBiKIOXMIXJH2d8nhWprxBZbk4gRFcl\r\nrr8Bi6pn4NObi5vAIkuek95SRTUinaf3JoWcpxYxBHjpARZNj1lSfKxI0aPK\r\nUSVrhGzB1IP4UWYHYKQNuvSAeTHVn+Qx2HtZ04gnwkC7onESW4ngsD3f39Fw\r\nLCKzkQtLjEOhmXe/RscqQNKR0LBD+588Xp8JlMM1pHCIByISEgFeBL0U1TJA\r\nZ6jfORY6POxNId1LL1CUf2tWfqaQoIwTE9h261VwHcAlMHaV7BSSIezIx5TH\r\nh5ToIpfpVWO4DR67LAMLUc2MnsaVYeinSNlc3arlcgeR6TcX34WNzIfLcS1X\r\nq1qJBFwI6ot5xcpVLu13K5li36GHnsNqZEX1cZMJtxxcabhoEtyipNo1ig9l\r\noPOh3LK1vHruOiDIlwjsoV5g2TaOfAf40sLJQZTGN9PhqNmFZgJOxvRO+ZoF\r\ng6iKmKrlvBpxGbtzqvG+W5gYVpWIAWWhg90=\r\n=6A51\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.2.12_1668687425942_0.6725462184680051"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.3.0":{"name":"@pankod/refine-chakra-ui","version":"1.3.0","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-cli":"^1.1.1","@pankod/refine-core":"^3.86.2","@chakra-ui/react":"^2.3.6","dayjs":"^1.10.7","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-cli":"^1.6.0","@pankod/refine-ui-tests":"^0.11.2","@pankod/refine-core":"^3.88.4","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"readme":"
\n\n\n## What is refine?\n**refine** is a React-based framework for rapid โจ development of web applications. \nIt eliminates the repetitive tasks demanded by **CRUD** operations and provides industry standard solutions for critical parts like **authentication**, **access control**, **routing**, **networking**, **state management** and **i18n**.\n\n**refine** is *headless by design* offering unlimited styling and customization options. \n\n## What do you mean by \"headless\" ?\nInstead of being a limited set of pre-styled components, **refine** is a collection of helperย `hooks`,ย `components`ย andย `providers`. They are all decoupled from your *UI components* and *business logic*, so they never keep you from customizing your *UI* or coding your own flow.\n\n**refine** seamlessly works with any **custom design** or **UI framework you favor**. For convenience, it ships with ready-made integrations for [Ant Design System](https://ant.design/), [Material UI](https://mui.com/), [Mantine](https://mantine.dev/), and [Chakra UI](https://chakra-ui.com/).\n\n## Use cases\n**refine**ย shines on *data-intensive* applications like *admin panels*, *dashboards* and *internal tools*. Thanks to built-in **SSR support**, **refine**ย can also power *customer-facing* applications like *storefronts*.\n\n## Key Features\n\nโ๏ธ Zero-config, **one-minute setup** with a **single CLI command**\n\n๐ Connectors for **15+ backend services** including [REST API](https://github.com/pankod/refine/tree/master/packages/simple-rest), [GraphQL](https://github.com/pankod/refine/tree/master/packages/graphql), [NestJs CRUD](https://github.com/pankod/refine/tree/master/packages/nestjsx-crud), [Airtable](https://github.com/pankod/refine/tree/master/packages/airtable), [Strapi](https://github.com/pankod/refine/tree/master/packages/strapi), [Strapi v4](https://github.com/pankod/refine/tree/master/packages/strapi-v4), [Strapi GraphQL](https://github.com/pankod/refine/tree/master/packages/strapi-graphql), [Supabase](https://github.com/pankod/refine/tree/master/packages/supabase), [Hasura](https://github.com/pankod/refine/tree/master/packages/hasura), [Nhost](https://github.com/pankod/refine/tree/master/packages/nhost), [Appwrite](https://github.com/pankod/refine/tree/master/packages/appwrite), [Firebase](https://firebase.google.com/), [Directus](https://directus.io/) and [Altogic](https://github.com/pankod/refine/tree/master/packages/altogic)\n\n๐ **SSR support** with **Next.js** or **Remix**\n\nโ Perfect **state management** & **mutations** with **React Query**\n\n๐ **Advanced routing** with any router library of your choice\n\n๐ Providers for seamless **authentication** and **access control** flows\n\nโก Out-of-the-box support for **live / real-time applications**\n\n๐ Easy **audit logs** &** **document versioning**\n\n๐ฌ Support for any **i18n** framework\n\n๐ช Future-proof, **robust architecture**\n\nโ Full **test coverage**\n\n## Quick Start\n\nThe fastest way to get started with **refine** is using the `create refine-app` project starter tool.\nRun the following command to create a new **refine** project configured with [Ant Design System](https://ant.design/) as the default UI framework:\n\n```\nnpm create refine-app my-project\n```\n\nOnce the setup is complete, navigate to the project folder and start your project with:\n\n```\nnpm run dev\n```\n\nYour **refine** application will be accessible at [http://localhost:3000](http://localhost:3000):\n\nLet's consume a public `fake REST API` and add two resources (*posts*, *categories*) to our project. Replace the contents of `src/App.tsx` with the following code:\n\n```tsx title=\"src/App.tsx\"\n\nimport { Refine, useMany } from \"@pankod/refine-core\";\nimport {\n useTable,\n List,\n Table,\n DateField,\n Layout,\n ReadyPage,\n notificationProvider,\n ErrorComponent,\n} from \"@pankod/refine-antd\";\nimport routerProvider from \"@pankod/refine-react-router-v6\";\nimport dataProvider from \"@pankod/refine-simple-rest\";\n\nimport \"@pankod/refine-antd/dist/styles.min.css\";\n\nconst App: React.FC = () => {\n return (\n }\n />\n );\n};\n\nexport const PostList: React.FC = () => {\n const { tableProps } = useTable();\n\n const categoryIds =\n tableProps?.dataSource?.map((item) => item.category.id) ?? [];\n\n const { data, isLoading } = useMany({\n resource: \"categories\",\n ids: categoryIds,\n queryOptions: {\n enabled: categoryIds.length > 0,\n },\n });\n\n return (\n \n {...tableProps} rowKey=\"id\">\n \n {\n if (isLoading) {\n return \"loading...\";\n }\n\n return data?.data.find(\n (item: ICategory) => item.id === value,\n )?.title;\n }}\n />\n }\n />\n \n \n );\n};\n\nexport default App;\n\ninterface IPost {\n title: string;\n createdAt: string;\n category: { id: number };\n}\n\ninterface ICategory {\n id: number;\n title: string;\n}\n\n```\n\nNow, you should see the output as a table populated with `post` & `category` data:\n\n## Next Steps\n\n๐ Jump to [Refine<>Ant Design Tutorial](https://refine.dev/docs/ui-frameworks/antd/tutorial/) to continue your work and turn the example into a full-blown CRUD application.\n\n๐ Check out the [Refine<>Tailwind Tutorial](https://refine.dev/docs/tutorials/headless-tutorial/) to learn how to use **refine** in a pure *headless* way.\n\n๐ Visit [Learn the Basics Page](https://refine.dev/docs/getting-started/overview/) to get informed about the fundemental concepts.\n\n๐ Read more on [Advanced Tutorials\n](https://refine.dev/docs/advanced-tutorials/) for different usage scenarios.\n\n๐ See the real-life [Finefoods Demo](https://refine.dev/demo/) project.\n\n๐ Play with interactive [Examples](https://refine.dev/docs/examples/)\n\n## Roadmap\nYou can find refine's Public Roadmap here! \n\n## Stargazers\n\n[](https://github.com/pankod/refine/stargazers)\n\n## Contribution\n\nIf you have a bug to report, do not hesitate to file an issue.\n\nIf you are willing to fix an issue or propose a feature; all PRs with clear explanations are welcome and encouraged.\n\n## License\n\nLicensed under the MIT License, Copyright ยฉ 2021-present Pankod\n","readmeFilename":"README.md","_id":"@pankod/refine-chakra-ui@1.3.0","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-SDdsXx6Zi9n7nw5tcNI8WFpf3OawXtXPI40RcokXm/kjqn8PfpNgBmxQk23tQABDi87UW03ymWslnov6jX3kKQ==","shasum":"ea41447aa17d228397ff02c1fb6b2b979e5627ad","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.3.0.tgz","fileCount":173,"unpackedSize":1492117,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAePIpTeBG8cWErFfVpW/93MDnla64rRcW52FT7xlgH8AiEA+Yy1fS4DbH+yqIpCExSLQLbnQrg5O9AVNUK3RhlR+XA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjh1/MACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrEtg//UF0MZN0O169DyrUQvHBeAsgM3j4V4YTbi9YarzvY4QTLTurv\r\nkOEvGe0KkbIB2DChnCLI9TAu10XQ4sjS7LDXy4aECW8GEbtljaJ6ILV5/enp\r\nre99qkXlir3OxkqbwkL6tnDxc4+SGSuWkOeoyT6/r/icpgtIZy5w3h1lehpZ\r\nHboJ0KJcKYxSDMa9SIZ4v6iXTPJg/eb3ZKIzf7R469SQ0quGyvPdMggryW8O\r\nfW/AtC9RmIF7kPslVv5hhOVVk+7IZ8xO9oUCYWoM72X9u+hydmE4jT5b/ZGy\r\nv+N5hHiVxucMtU6Hpe9oyc1/Efw4sfdiY44pLeAfHZWvpfByVyjUkzZPI9d/\r\nN0qWxCM50nFRRev2/GUG7KkvB5Jfkg3WDGHUEFW1u+U+Tilvuh4C0Rxs6odH\r\nEVXjSbjh75JkzfJTcNJSPJCGdOoJGuVwvuG0GClQ5ERZvCphvrCfas8WXewB\r\nwu2Fgo9V5ZNc4Qc37ADxVRKbc61id05GMfNP68aOaKznFbHTxuSxsqwa9TJ+\r\ncf9KF/3RdCULp3ILhx9ZfiFm5mB7LdzI9FGdjQ57nLhlAMMruqy7AxbaLuws\r\nczDOYAHZHURpWbjlIlQAPz4UrUpIm2yotDY/WJfQwv0XWzfE3MwEoIHsaSUr\r\nLfToZNDf4N550x02enEp3dPmbWnihJ/IiaA=\r\n=JsqA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.3.0_1669816268147_0.5068922848915571"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.4.0":{"name":"@pankod/refine-chakra-ui","version":"1.4.0","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-cli":"^1.1.1","@pankod/refine-core":"^3.86.2","@chakra-ui/react":"^2.3.6","dayjs":"^1.10.7","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-cli":"^1.7.0","@pankod/refine-ui-tests":"^0.11.2","@pankod/refine-core":"^3.88.4","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"_id":"@pankod/refine-chakra-ui@1.4.0","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-kPlMWl4lVy7X8pSy4v+/K8bdZcwYDuF5qhP3y3GIn91L5bzQgD7vdZMWAIVaoo6bl/HyMohkejRhklM94Irf6g==","shasum":"051635485973fa8158f8f7c19178dd74badd2685","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.4.0.tgz","fileCount":173,"unpackedSize":1492517,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHiH8k+A5nWC5FUy5edeZ2c2CBaxR5ARC6b2g0NxD/+7AiEArl/7ugqzNJO/hmnTvfqs8r8Ro9YcCFhvcMRBbZQulBc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjh2dhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqtYA/+OBnZzSFb9HtXoBOkqOhJmqv3TTQcudRaA+uzjy4Y2U6oI/es\r\nTgL0jayAgXfkAisA1jMLw4QQLbr9jxQ7CZUz/u09Kv3ED17IGURnpkEfHUIB\r\nus4uQsLaxoW19ORG/WsHBgvh/F0dwUEAS9v8GEdo8f+ROxa8KiuJYv7I3mOD\r\n5OFr5dNTgyLQ4ShKVRIlpxpcPdqAnC0u6Z7p06+kx5OZnvUtJ97S6aOMna9W\r\niXVBKqJL3hvL/dp6/og7UCyErXkGEVEjw/zFj20zfennMFGgQUvYM+bWndG8\r\n6qEcJmml+PeYcS/xJBnUu3CCB+3AykSK/uxGZ4lQ+lq0/gNa1vqBfr4JWnnr\r\nmX25yy7Xur5p35TNHknKkDNTBs2TVCUYfLs5cLqO8b9uGdrRTF5YcqPfo1cW\r\nP6VdkiLGQQKc7bYPyHMq91JFPg/rR5838E5EeuKcJdgKjiPVNqE4SdKZUAVF\r\nsRUgW1vH2lB0W3Tm1p8Tkyz+ifQcOnnTyaEEabRHDANq8XhPtorJoxjlesrA\r\n/HyzVLtPEpyiA6xX+vUrILccxRf/k3ZMFAGBCr/BynRu4QOGN7W+7xU+0K/E\r\nTYJzGqNldwnIzwoTIFmf1DrkOSQAX4u84ysVZ+9o1YF/+7QDW2syeqegtsc7\r\nnnsb9mPoxwr20baCaGew77X6bWH4Q5ZmX2M=\r\n=2fj6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.4.0_1669818209230_0.23747072083002219"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.4.1":{"name":"@pankod/refine-chakra-ui","version":"1.4.1","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-cli":"^1.1.1","@pankod/refine-core":"^3.86.2","@chakra-ui/react":"^2.3.6","dayjs":"^1.10.7","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-cli":"^1.8.0","@pankod/refine-ui-tests":"^0.11.2","@pankod/refine-core":"^3.88.4","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"readme":"
\n\n\n## What is refine?\n**refine** is a React-based framework for rapid โจ development of web applications. \nIt eliminates the repetitive tasks demanded by **CRUD** operations and provides industry standard solutions for critical parts like **authentication**, **access control**, **routing**, **networking**, **state management** and **i18n**.\n\n**refine** is *headless by design* offering unlimited styling and customization options. \n\n## What do you mean by \"headless\" ?\nInstead of being a limited set of pre-styled components, **refine** is a collection of helperย `hooks`,ย `components`ย andย `providers`. They are all decoupled from your *UI components* and *business logic*, so they never keep you from customizing your *UI* or coding your own flow.\n\n**refine** seamlessly works with any **custom design** or **UI framework you favor**. For convenience, it ships with ready-made integrations for [Ant Design System](https://ant.design/), [Material UI](https://mui.com/), [Mantine](https://mantine.dev/), and [Chakra UI](https://chakra-ui.com/).\n\n## Use cases\n**refine**ย shines on *data-intensive* applications like *admin panels*, *dashboards* and *internal tools*. Thanks to built-in **SSR support**, **refine**ย can also power *customer-facing* applications like *storefronts*.\n\n## Key Features\n\nโ๏ธ Zero-config, **one-minute setup** with a **single CLI command**\n\n๐ Connectors for **15+ backend services** including [REST API](https://github.com/pankod/refine/tree/master/packages/simple-rest), [GraphQL](https://github.com/pankod/refine/tree/master/packages/graphql), [NestJs CRUD](https://github.com/pankod/refine/tree/master/packages/nestjsx-crud), [Airtable](https://github.com/pankod/refine/tree/master/packages/airtable), [Strapi](https://github.com/pankod/refine/tree/master/packages/strapi), [Strapi v4](https://github.com/pankod/refine/tree/master/packages/strapi-v4), [Strapi GraphQL](https://github.com/pankod/refine/tree/master/packages/strapi-graphql), [Supabase](https://github.com/pankod/refine/tree/master/packages/supabase), [Hasura](https://github.com/pankod/refine/tree/master/packages/hasura), [Nhost](https://github.com/pankod/refine/tree/master/packages/nhost), [Appwrite](https://github.com/pankod/refine/tree/master/packages/appwrite), [Firebase](https://firebase.google.com/), [Directus](https://directus.io/) and [Altogic](https://github.com/pankod/refine/tree/master/packages/altogic)\n\n๐ **SSR support** with **Next.js** or **Remix**\n\nโ Perfect **state management** & **mutations** with **React Query**\n\n๐ **Advanced routing** with any router library of your choice\n\n๐ Providers for seamless **authentication** and **access control** flows\n\nโก Out-of-the-box support for **live / real-time applications**\n\n๐ Easy **audit logs** &** **document versioning**\n\n๐ฌ Support for any **i18n** framework\n\n๐ช Future-proof, **robust architecture**\n\nโ Full **test coverage**\n\n## Quick Start\n\nThe fastest way to get started with **refine** is using the `create refine-app` project starter tool.\nRun the following command to create a new **refine** project configured with [Ant Design System](https://ant.design/) as the default UI framework:\n\n```\nnpm create refine-app my-project\n```\n\nOnce the setup is complete, navigate to the project folder and start your project with:\n\n```\nnpm run dev\n```\n\nYour **refine** application will be accessible at [http://localhost:3000](http://localhost:3000):\n\nLet's consume a public `fake REST API` and add two resources (*posts*, *categories*) to our project. Replace the contents of `src/App.tsx` with the following code:\n\n```tsx title=\"src/App.tsx\"\n\nimport { Refine, useMany } from \"@pankod/refine-core\";\nimport {\n useTable,\n List,\n Table,\n DateField,\n Layout,\n ReadyPage,\n notificationProvider,\n ErrorComponent,\n} from \"@pankod/refine-antd\";\nimport routerProvider from \"@pankod/refine-react-router-v6\";\nimport dataProvider from \"@pankod/refine-simple-rest\";\n\nimport \"@pankod/refine-antd/dist/styles.min.css\";\n\nconst App: React.FC = () => {\n return (\n }\n />\n );\n};\n\nexport const PostList: React.FC = () => {\n const { tableProps } = useTable();\n\n const categoryIds =\n tableProps?.dataSource?.map((item) => item.category.id) ?? [];\n\n const { data, isLoading } = useMany({\n resource: \"categories\",\n ids: categoryIds,\n queryOptions: {\n enabled: categoryIds.length > 0,\n },\n });\n\n return (\n \n {...tableProps} rowKey=\"id\">\n \n {\n if (isLoading) {\n return \"loading...\";\n }\n\n return data?.data.find(\n (item: ICategory) => item.id === value,\n )?.title;\n }}\n />\n }\n />\n \n \n );\n};\n\nexport default App;\n\ninterface IPost {\n title: string;\n createdAt: string;\n category: { id: number };\n}\n\ninterface ICategory {\n id: number;\n title: string;\n}\n\n```\n\nNow, you should see the output as a table populated with `post` & `category` data:\n\n## Next Steps\n\n๐ Jump to [Refine<>Ant Design Tutorial](https://refine.dev/docs/ui-frameworks/antd/tutorial/) to continue your work and turn the example into a full-blown CRUD application.\n\n๐ Check out the [Refine<>Tailwind Tutorial](https://refine.dev/docs/tutorials/headless-tutorial/) to learn how to use **refine** in a pure *headless* way.\n\n๐ Visit [Learn the Basics Page](https://refine.dev/docs/getting-started/overview/) to get informed about the fundemental concepts.\n\n๐ Read more on [Advanced Tutorials\n](https://refine.dev/docs/advanced-tutorials/) for different usage scenarios.\n\n๐ See the real-life [Finefoods Demo](https://refine.dev/demo/) project.\n\n๐ Play with interactive [Examples](https://refine.dev/docs/examples/)\n\n## Roadmap\nYou can find refine's Public Roadmap here! \n\n## Stargazers\n\n[](https://github.com/pankod/refine/stargazers)\n\n## Contribution\n\nIf you have a bug to report, do not hesitate to file an issue.\n\nIf you are willing to fix an issue or propose a feature; all PRs with clear explanations are welcome and encouraged.\n\n## License\n\nLicensed under the MIT License, Copyright ยฉ 2021-present Pankod\n","readmeFilename":"README.md","_id":"@pankod/refine-chakra-ui@1.4.1","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Zb+2QUVtXyM9PAlbBEN3YWoCMuhxNxC+Yzb1Dv/rsZgv2xudgstQzZjtM2DZJn/kGjCmtGll7vWqkHoYQzsOAA==","shasum":"b6dc9eaa2d84aeb8fd5fc657f74dd376f3fbe749","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.4.1.tgz","fileCount":173,"unpackedSize":1494549,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICdt5gSrJR85Ane7wVqxxbZLBzkSFrklx0Wv4tubvN22AiAzsJx4Bn+xO+fN+AbcPfRxcEvI3o5qJGWiw4KhNCtlVg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiKnZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqp6A//bPqWwVkSF+CJLf1pSmPYan9i/t8sARQbR6F+d32Br1APZro3\r\nYea4BklwRm75rGNCO+UujexFdDEvarUBJxCcAreeYNroXxp9V8PK2U0tda6D\r\nU06yE8JJ5gtEVGm4StRD2SgQrhUkzLA3MGaTRKeidx2D1JRq0lNYIdWl52di\r\nI/o7ujg8AfuwUkEhchcavH7zqpADgUCaJwLRyDasm5P6XaXDs5QTy7uRtJb5\r\nTVtYi8vF8zdYMziLpvNSBXl0lBIZ3+CSpo5S+UDEuJTJxL2pmrVLtTe37Dg1\r\ndy0Vv8pcUH9hflotRhSqGbvS0tt5IbIU6PzduZV/8EGVOPHeq+q8d1ykM1wF\r\nfX3h62cEBBIZM8VKsacSCyJhndI21oAqlUKr4eMqyU/2lIABFviHamtRDoVD\r\nznmQK1d30ZPG33fGBGjT+nfeeTr9T1UzMCbWmqMywiCioCPq/9yloI8xt0Qr\r\n4ffIzYEtLNp72xUKO84dsSLYTD9z8dSQB9QUbUh5AuExqLvmK/3ZcaS5eE17\r\nrdD+Zo/WhCEQxZR2ODby9LExNZbmXcpKfRJckIYnB/n9sx2kYzrff7dPipn+\r\n4dNeZjiRyC3cm3jiQdbw1maCOz4UGHvqsg0I4cr9tGXj1eVAzxCtWyzj9yfl\r\nWNaCE5ZgYUOKZBu3jAKL0mTxWg96k41HKUA=\r\n=d/33\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.4.1_1669900761253_0.15237114701173704"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.4.2":{"name":"@pankod/refine-chakra-ui","version":"1.4.2","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-cli":"^1.1.1","@pankod/refine-core":"^3.86.2","@chakra-ui/react":"^2.3.6","dayjs":"^1.10.7","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-cli":"^1.9.0","@pankod/refine-ui-tests":"^0.11.2","@pankod/refine-core":"^3.88.4","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"_id":"@pankod/refine-chakra-ui@1.4.2","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-AOX+KGPWaQzCvW2JxxSXdKMEndKhvFZLXe99lOgw94eYoJ4YBhC5zb2939JwIR0V3UKTpT45JJf1sL+e0qDcjQ==","shasum":"6a560085ce651fceb754262942a59ec301ef8365","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.4.2.tgz","fileCount":173,"unpackedSize":1494880,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDKiJSc6cWPPp/q48NLZt5vbFO0woAP/qReL5MsOVWc3gIgSX3WOUUf40BMc9VifQRharVaoT3ZI1FSFBKmWmKbh44="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiLGWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqxlw/8CssyT0sJKxC+PYkXvfRXCWei09vGAJvuIlM8jFkAxWAN83r2\r\nfAykHC8C9jqterxMy2Zy7AeX8UYVy+lHcEFkvudhVJIJY3dPF7Edb4Fhl2HD\r\nhdvRXAgcblW1NZYYXwjv0cx0LB5J1WO5DRyBQ3gbqLPy2JV44f1BUwX2ylqM\r\nDBlSrRLwmExYz7D3r3G0me3Oj64YSc/TkaV0PmGSRFk7CIlVnHHLQSSOSZex\r\nP/jINzytHIlKnr7bbeLl98iBJnplq7peYbxHab7bU8baMjZ8WKYHZyRWKvfy\r\njdOhWuWOukA2HYtPJ0ObB4YaazE1khzGTGzhw/go+63oXbf8XJcjSN/jrDHA\r\nrvL+z+/rP7vRGn2iQfjGSC+ifxyxK4EHx6uWlxdwLZbtEqI++9CXafY+hKy3\r\n/b59ToJlbrHXmN6QOVeQEXc9M2J1loJzptkk+9+nYdEn8wTju9iOL0l6WdF9\r\nSGChZHqgKLmHQW8vNCFNG5+E7/LjwR1dSWJ+bdWuhgqgLcrQQF9nCCXyrAxs\r\nJXlQbaxi1UAF6hBNsb+a9UmfqO3ALGYVDghYkIes1GuaapF1zRPs2iiL4ZCB\r\nkkxyeTAi+xUYJ3xO2xItk/XOnxabHD7+WxPZU5ccXFE0NvPhBG1bPU5x9CN0\r\nkyf9BXYXuBRcwqZW592PJw6D8yrQ84RxFNA=\r\n=VEyU\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.4.2_1669902742300_0.9894737686577275"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.4.3":{"name":"@pankod/refine-chakra-ui","version":"1.4.3","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-cli":"^1.1.1","@pankod/refine-core":"^3.86.2","@chakra-ui/react":"^2.3.6","dayjs":"^1.10.7","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-cli":"^1.10.0","@pankod/refine-ui-tests":"^0.11.2","@pankod/refine-core":"^3.88.4","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"readme":" \n\n
Build your React-based CRUD applications, without constraints. An open source, headless web application framework developed with flexibility in mind.\n\n \n \n\n\n[](https://discord.gg/refine)\n[](https://twitter.com/refine_dev)\n\n\n\n
\n\n \n\n\n \n \n\n\n\n\n\n\n\n## What is refine?\n**refine** is a React-based framework for the rapid โจ development of web applications. \nIt eliminates repetitive tasks demanded by **CRUD** operations and provides industry standard solutions for critical parts like **authentication**, **access control**, **routing**, **networking**, **state management**, and **i18n**.\n\n**refine** is *headless by design*, thereby offering unlimited styling and customization options.\n\n## What do you mean by \"headless\" ?\nInstead of being a limited set of pre-styled components, **refine** is a collection of helper `hooks`, `components`, and `providers`. They are all decoupled from *UI components* and *business logic*, so that they never keep you from customizing your *UI* or coding your own flow.\n\n**refine** seamlessly works with any **custom design** or **UI framework** that you favor. For convenience, it ships with ready-made integrations for [Ant Design System](https://ant.design/), [Material UI](https://mui.com/), [Mantine](https://mantine.dev/), and [Chakra UI](https://chakra-ui.com/).\n\n## Use cases\n**refine**ย shines on *data-intensiveโก* applications like **admin panels**, **dashboards** and **internal tools**. Thanks to the built-in **SSR support**, **refine**ย can also power *customer-facing* applications like **storefronts**.\n\nYou can take a look at some live examples that can be built using **refine** from scratch:\n\n\n\n\n\n \n\n\n\n \n\n\n\n\n \n\n\n\n\n \n \n\n\n[๐ Refer to most popular real use case examples](https://refine.dev/examples/)\n\n[๐ More **refine** powered different usage scenarios can be found here](https://refine.dev/docs/examples/)\n\n\n\n\n## Key Features\n\nโ๏ธ Zero-config, **one-minute setup** with a **single CLI command**\n\n๐ Connectors for **15+ backend services** including [REST API](https://github.com/refinedev/refine/tree/master/packages/simple-rest), [GraphQL](https://github.com/refinedev/refine/tree/master/packages/graphql), [NestJs CRUD](https://github.com/refinedev/refine/tree/master/packages/nestjsx-crud), [Airtable](https://github.com/refinedev/refine/tree/master/packages/airtable), [Strapi](https://github.com/refinedev/refine/tree/master/packages/strapi), [Strapi v4](https://github.com/refinedev/refine/tree/master/packages/strapi-v4), [Strapi GraphQL](https://github.com/refinedev/refine/tree/master/packages/strapi-graphql), [Supabase](https://github.com/refinedev/refine/tree/master/packages/supabase), [Hasura](https://github.com/refinedev/refine/tree/master/packages/hasura), [Nhost](https://github.com/refinedev/refine/tree/master/packages/nhost), [Appwrite](https://github.com/refinedev/refine/tree/master/packages/appwrite), [Firebase](https://firebase.google.com/), [Directus](https://directus.io/) and [Altogic](https://github.com/refinedev/refine/tree/master/packages/altogic)\n\n๐ **SSR support** with **Next.js** or **Remix**\n\nโ Perfect **state management** & **mutations** with **React Query**\n\n๐ **Advanced routing** with any router library of your choice\n\n๐ Providers for seamless **authentication** and **access control** flows\n\nโก Out-of-the-box support for **live / real-time applications**\n\n๐ Easy **audit logs** & **document versioning**\n\n๐ฌ Support for any **i18n** framework\n\n๐ช Future-proof, **robust architecture**\n\nโ Full **test coverage**\n\n## Quick Start\n\nThe fastest way to get started with **refine** is by using the `create refine-app` project starter tool.\nRun the following command to create a new **refine** project configured with [Chakra UI](https://chakra-ui.com/) as the default UI framework:\n\n```\nnpm create refine-app -- --preset refine-chakra-ui\n```\n\nOnce the setup is complete, navigate to the project folder and start your project with:\n\n```\nnpm run dev\n```\n\n \n\nYour **refine** application will be accessible at [http://localhost:3000](http://localhost:3000):\n\n\n\n\n\n \n\nLet's consume a public `fake REST API` and add two resources (*posts*, *categories*) to our project. Replace the contents of `src/App.tsx` with the following code:\n\n```tsx title=\"src/App.tsx\"\nimport React from 'react';\nimport { Refine } from '@pankod/refine-core';\nimport {\n notificationProvider,\n ChakraProvider,\n refineTheme,\n ReadyPage,\n ErrorComponent,\n Layout,\n} from '@pankod/refine-chakra-ui';\n\nimport {\n ChakraUIListInferencer,\n ChakraUIShowInferencer,\n ChakraUICreateInferencer,\n ChakraUIEditInferencer,\n} from '@pankod/refine-inferencer/chakra-ui';\n\nimport dataProvider from '@pankod/refine-simple-rest';\nimport routerProvider from '@pankod/refine-react-router-v6';\n\nfunction App() {\n return (\n \n }\n Layout={Layout}\n routerProvider={routerProvider}\n resources={[\n {\n name: 'samples',\n list: ChakraUIListInferencer,\n show: ChakraUIShowInferencer,\n create: ChakraUICreateInferencer,\n edit: ChakraUIEditInferencer,\n },\n ]}\n />\n \n );\n}\n\nexport default App;\n```\n\n \n\n\n\n๐ Thanks to **refine Inferencer package**, it guesses the configuration to use for the `list`, `show`, `create`, and `edit` pages based on the data fetched from the API and generates the pages automatically. \n\n\n\nNow, you should see the output as a table populated with `post` & `category` data:\n\n\n\n \n\nYou can get the auto-generated pages codes by clicking the `Show Code` button on each page. Afterward, simply pass the pages to the `resources` array by replacing with the Inferencer components.\n\n## Next Steps\n\n๐ Jump to [Refine<>Chakra UI Tutorial](https://refine.dev/docs/tutorials/chakra-ui-tutorial/) to continue your work and turn the example into a full-blown CRUD application.\n\n๐ Check out the [Refine<>Tailwind Tutorial](https://refine.dev/docs/tutorials/headless-tutorial/) to learn how to use **refine** in a pure *headless* way.\n\n๐ Visit [Learn the Basics Page](https://refine.dev/docs/getting-started/overview/) to get informed about the fundamental concepts.\n\n๐ Read more on [Advanced Tutorials\n](https://refine.dev/docs/advanced-tutorials/) for different usage scenarios.\n\n๐ See the real-life [Finefoods Demo](https://refine.dev/demo/) project.\n\n๐ Play with interactive [Examples](https://refine.dev/docs/examples/)\n\n## Roadmap\nYou can find refine's Public Roadmap here! \n\n## Stargazers\n\n[](https://github.com/refinedev/refine/stargazers)\n\n## Contribution\n\n\n\n [๐ Refer to contribution docs for more information](https://refine.dev/docs/contributing/#ways-to-contribute)\n\n\n\nIf you have any doubts related to the project or want to discuss something, then join our [Discord Server](https://discord.gg/refine).\n\n\n## Our โฅ๏ธ Contributors\n\n\n \n\n\n## License\n\nLicensed under the MIT License, Copyright ยฉ 2021-present Refinedev\n","readmeFilename":"README.md","_id":"@pankod/refine-chakra-ui@1.4.3","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-MMaGRyeqYSGtV5MM5XqASJSnAx4J24NPH1N+6X1oWJdOlef+xxdYVaAWMhYxEvjzrRW+fps+HOQglPHDyU4/NQ==","shasum":"7e650d5fa3b00b44820c2f91ee2bd36f06c3fe4d","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.4.3.tgz","fileCount":173,"unpackedSize":1496859,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD8wPMR7zmt3W8CK+lyNlw+vpvyjn56qI4FLwOEPpDcfAIgM/YmcWGlSYFH7faJ/SzxVRij8j1QAdQZ4RnC1AS5d5g="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjjePXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrwshAAoZolXRZJL/Szx/cpHCay/1oXJeBN3hQ+38Ofsq46hblu2fVG\r\nUJLwjvJOPOLlS01aZQiC1Flv87V7Qhn1aWZZVPgsLV59a2fWv9XYIoU2ZB7U\r\n//NcVMaFy/fveygDVOGdcXQ0J1xvdJko+wPC/V96I6zlSZbD9uy98vXVWXcs\r\nE7fbI+mC0UdsA+FvyPBIDUuOJCmIfgl9+BmCJBoMdsIAHKtpvwHo7e0OTwWM\r\nmTK++y4/V1puBalryaXPZhRjk7FjvibzRujgdYr4DhbCJ+ziMu/el/SF1z3E\r\njtEV/Vnd7uMSzxbVanNqvYk3ZpuPeY3MLtd52sTVwb5MlJvfrTL0TuiJRJ/a\r\nRU9CiGAIG6GyOiMTP3Ewphuu1zwm177ypFTfcKWppksir1wVPphUFV5mLuEF\r\nNZ4a2ZBW4U3cndPlsG9wBe0bk0hpaCMPUVCyv0R+D809m1Wh1yszzBX5AWXC\r\nbq2veZcC5cqA4EtPQiqqHYnlB4OnzTaWq2PDi5KDPSBEa8HmnA6hkLlmL4Sc\r\nQG2h1rLBLJPmcVJRcpGF4VaGdRUOsNJZMHsqjimBuemf/45HGmkWrWCjXpG3\r\netXJVs8U7NuwLb+IXLSh+PEuU9feE2uIT5DNgIZriI/O4Egm1nG11QSg1Fdo\r\nqOrpjPvYWCjw/rB9JgGsSdVucH2ku/B8LcU=\r\n=ZUdO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.4.3_1670243287129_0.8460045286592712"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.4.4":{"name":"@pankod/refine-chakra-ui","version":"1.4.4","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-cli":"^1.1.1","@pankod/refine-core":"^3.86.2","@chakra-ui/react":"^2.3.6","dayjs":"^1.10.7","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-cli":"^1.11.0","@pankod/refine-ui-tests":"^0.11.2","@pankod/refine-core":"^3.88.4","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"_id":"@pankod/refine-chakra-ui@1.4.4","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Xii/t8Ek0gyREFh2yjD3qrhyceZcVONI6PqNV0PbNpxf0fnwNAJ80Adffjy+O1PlvNeeFwsecruG1El4pJYfTg==","shasum":"37a8dfdf5791d96e29676a346a4b1c73c90b3ab0","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.4.4.tgz","fileCount":173,"unpackedSize":1497205,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD1xZiMvirewZkFkWXCcXop9tl74Fc+e67Hv2uwZji3nwIhAO0hS5rGdO47TRB9oZQbrXfvnrUHbbwlSM28a1bYzZeV"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjjej9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqsIw/+PmKeaysb4188YCrt2ftI822xD+905rEZGc+1Zs+Pi7kIxwKX\r\nXRxv92YcoImT97bhFtHCvEcOOKVc/qlulGchxGUVPgxQR/KRbI9nnEOJxIPP\r\n3ijVf5L+KJHrhgw7JkvNvOZdgfzNcfVcAiVg1rXmd0TnF1wABBcGjNVF1hm7\r\nchbGeLWze2VCbr9QfQ9fFnLpiJG6hFtpLAJJWaqdFrdCT+yoH580tE9PUl3n\r\nzgKDszui4LHUSrsIoJfkCUROnvwngQlKsevJXpO9OxtD2e+U+zMLyWSLtpX6\r\nwNWRtn9VBxp+HnbYrL7NS1mC0Hergp+LPu3g5zwSLmPutDcPNooJRV/9+d2+\r\nw+jbIriXoILBKLc37XjmlV2woPEIO/mBjY73mF1C3N8OcOtd6jhWSz9ZBCdT\r\nMLlyUQ9+HMA8K924JjIaVgy7mDS6hRyFoYK79tHsyqFQBzhQrbNgZtFuIbyZ\r\nCE43rBr8ek47+Rg78oxhLoK+wgxkC5YvCppQDp1kwapjRkKnxhnk0HtpBw6S\r\nCQVGOlCInnjmUnMi4V6WzecqbY/mvVtDpDlFR0IIbCq+apissCUn3ePDgmnf\r\n61/ilZtq8h7gqdSc1Fhlv+XACblZs2c+4M/HvdJC+pAS2GtSRUx17fDMmLNA\r\nWEWJKj+SiWRx6meH5Ism4x0+1rgVuOKtQ+8=\r\n=ClT1\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.4.4_1670244604882_0.7372066849337586"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.5.0":{"name":"@pankod/refine-chakra-ui","version":"1.5.0","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-cli":"^1.1.1","@pankod/refine-core":"^3.86.2","@chakra-ui/react":"^2.3.6","dayjs":"^1.10.7","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-cli":"^1.11.0","@pankod/refine-ui-tests":"^0.11.2","@pankod/refine-core":"^3.88.4","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"readme":" \n\n
Build your React-based CRUD applications, without constraints. An open source, headless web application framework developed with flexibility in mind.\n\n \n \n\n\n[](https://discord.gg/refine)\n[](https://twitter.com/refine_dev)\n\n\n\n
\n\n \n\n\n \n \n\n\n\n\n\n\n\n## What is refine?\n**refine** is a React-based framework for the rapid โจ development of web applications. \nIt eliminates repetitive tasks demanded by **CRUD** operations and provides industry standard solutions for critical parts like **authentication**, **access control**, **routing**, **networking**, **state management**, and **i18n**.\n\n**refine** is *headless by design*, thereby offering unlimited styling and customization options.\n\n## What do you mean by \"headless\" ?\nInstead of being a limited set of pre-styled components, **refine** is a collection of helper `hooks`, `components`, and `providers`. They are all decoupled from *UI components* and *business logic*, so that they never keep you from customizing your *UI* or coding your own flow.\n\n**refine** seamlessly works with any **custom design** or **UI framework** that you favor. For convenience, it ships with ready-made integrations for [Ant Design System](https://ant.design/), [Material UI](https://mui.com/), [Mantine](https://mantine.dev/), and [Chakra UI](https://chakra-ui.com/).\n\n## Use cases\n**refine**ย shines on *data-intensiveโก* applications like **admin panels**, **dashboards** and **internal tools**. Thanks to the built-in **SSR support**, **refine**ย can also power *customer-facing* applications like **storefronts**.\n\nYou can take a look at some live examples that can be built using **refine** from scratch:\n\n\n\n\n\n \n\n\n\n \n\n\n\n\n \n\n\n\n\n \n \n\n\n[๐ Refer to most popular real use case examples](https://refine.dev/examples/)\n\n[๐ More **refine** powered different usage scenarios can be found here](https://refine.dev/docs/examples/)\n\n\n\n\n## Key Features\n\nโ๏ธ Zero-config, **one-minute setup** with a **single CLI command**\n\n๐ Connectors for **15+ backend services** including [REST API](https://github.com/refinedev/refine/tree/master/packages/simple-rest), [GraphQL](https://github.com/refinedev/refine/tree/master/packages/graphql), [NestJs CRUD](https://github.com/refinedev/refine/tree/master/packages/nestjsx-crud), [Airtable](https://github.com/refinedev/refine/tree/master/packages/airtable), [Strapi](https://github.com/refinedev/refine/tree/master/packages/strapi), [Strapi v4](https://github.com/refinedev/refine/tree/master/packages/strapi-v4), [Strapi GraphQL](https://github.com/refinedev/refine/tree/master/packages/strapi-graphql), [Supabase](https://github.com/refinedev/refine/tree/master/packages/supabase), [Hasura](https://github.com/refinedev/refine/tree/master/packages/hasura), [Nhost](https://github.com/refinedev/refine/tree/master/packages/nhost), [Appwrite](https://github.com/refinedev/refine/tree/master/packages/appwrite), [Firebase](https://firebase.google.com/), [Directus](https://directus.io/) and [Altogic](https://github.com/refinedev/refine/tree/master/packages/altogic)\n\n๐ **SSR support** with **Next.js** or **Remix**\n\n๐ Auto-generated **CRUD** UIs from **your API data structure**\n\nโ Perfect **state management** & **mutations** with **React Query**\n\n๐ **Advanced routing** with any router library of your choice\n\n๐ Providers for seamless **authentication** and **access control** flows\n\nโก Out-of-the-box support for **live / real-time applications**\n\n๐ Easy **audit logs** & **document versioning**\n\n๐ฌ Support for any **i18n** framework\n\n๐ช Future-proof, **robust architecture**\n\nโ๏ธ Built-in CLI with time-saving features\n\nโ Full **test coverage**\n\n## Quick Start\n\nThe fastest way to get started with **refine** is by using the `create refine-app` project starter tool.\nRun the following command to create a new **refine** project configured with [Chakra UI](https://chakra-ui.com/) as the default UI framework:\n\n```\nnpm create refine-app -- --preset refine-chakra-ui\n```\n\nOnce the setup is complete, navigate to the project folder and start your project with:\n\n```\nnpm run dev\n```\n\n \n\nYour **refine** application will be accessible at [http://localhost:3000](http://localhost:3000):\n\n\n\n\n\n \n\nLet's consume a public `fake REST API` and add two resources (*posts*, *categories*) to our project. Replace the contents of `src/App.tsx` with the following code:\n\n```tsx title=\"src/App.tsx\"\nimport React from 'react';\nimport { Refine } from '@pankod/refine-core';\nimport {\n notificationProvider,\n ChakraProvider,\n refineTheme,\n ReadyPage,\n ErrorComponent,\n Layout,\n} from '@pankod/refine-chakra-ui';\n\nimport {\n ChakraUIListInferencer,\n ChakraUIShowInferencer,\n ChakraUICreateInferencer,\n ChakraUIEditInferencer,\n} from '@pankod/refine-inferencer/chakra-ui';\n\nimport dataProvider from '@pankod/refine-simple-rest';\nimport routerProvider from '@pankod/refine-react-router-v6';\n\nfunction App() {\n return (\n \n }\n Layout={Layout}\n routerProvider={routerProvider}\n resources={[\n {\n name: 'samples',\n list: ChakraUIListInferencer,\n show: ChakraUIShowInferencer,\n create: ChakraUICreateInferencer,\n edit: ChakraUIEditInferencer,\n },\n ]}\n />\n \n );\n}\n\nexport default App;\n```\n\n \n\n\n\n๐ Thanks to **refine Inferencer package**, it guesses the configuration to use for the `list`, `show`, `create`, and `edit` pages based on the data fetched from the API and generates the pages automatically. \n\n\n\nNow, you should see the output as a table populated with `post` & `category` data:\n\n\n\n \n\nYou can get the auto-generated pages codes by clicking the `Show Code` button on each page. Afterward, simply pass the pages to the `resources` array by replacing with the Inferencer components.\n\n## Next Steps\n\n๐ Jump to [Refine<>Chakra UI Tutorial](https://refine.dev/docs/tutorials/chakra-ui-tutorial/) to continue your work and turn the example into a full-blown CRUD application.\n\n๐ Check out the [Refine<>Tailwind Tutorial](https://refine.dev/docs/tutorials/headless-tutorial/) to learn how to use **refine** in a pure *headless* way.\n\n๐ Visit [Learn the Basics Page](https://refine.dev/docs/getting-started/overview/) to get informed about the fundamental concepts.\n\n๐ Read more on [Advanced Tutorials\n](https://refine.dev/docs/advanced-tutorials/) for different usage scenarios.\n\n๐ See the real-life [Finefoods Demo](https://refine.dev/demo/) project.\n\n๐ Play with interactive [Examples](https://refine.dev/docs/examples/)\n\n## Roadmap\nYou can find refine's Public Roadmap here! \n\n## Stargazers\n\n[](https://github.com/refinedev/refine/stargazers)\n\n## Contribution\n\n\n\n [๐ Refer to contribution docs for more information](https://refine.dev/docs/contributing/#ways-to-contribute)\n\n\n\nIf you have any doubts related to the project or want to discuss something, then join our [Discord Server](https://discord.gg/refine).\n\n\n## Our โฅ๏ธ Contributors\n\n\n \n\n\n## License\n\nLicensed under the MIT License, Copyright ยฉ 2021-present Refinedev\n","readmeFilename":"README.md","_id":"@pankod/refine-chakra-ui@1.5.0","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-o4htsdiIJ6rZHtcFM+K5UL+4UDHz4iPSWcDPyn6LxmVc6alh5WZ176C9m5bCtgDJ50qjTtVMmcR5PzgIHMGUcQ==","shasum":"a2bf9c4f53be0a658fa187882f72f8fdea069a63","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.5.0.tgz","fileCount":171,"unpackedSize":1458109,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEzq1GAwK/eZpV2RmoVaCBcyqZ2eMTjuAkJt4xr2GIbQAiAKQW0o9NGh+S1QW2C7Li6qxQNB8UZ9UoUyWC2XrNA3rQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkZpeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+Lg/8DoxBkfZdQzkAfyeCDOOgYV0oWOevtSZtJhqYKdQjMPQGfxkI\r\nXHqmzFkyrm6m9x0FKozcHL648P5uKuUYSW+XhkWlt4Qm+xehqMk6RVpWrSdz\r\nBUlR2k+QyvmlM093ab7jJXGq8iNasjjVZtIsMmEK4eAxngCAhHiL/kSpbw4+\r\n2Gn7V/RzNX4Y5z14ytH3mrtv86y7Gz7Hf75OstwFmaApER4axb8HusXJelwc\r\nx5GjtS3NqVn92iEQjcEttaoZpbYEt9XkBDEXRQmbEfMrtQClr6/txjYp066r\r\nXZRQNjc8rpz8bFMVC5YFXdHbKAn89X/to5knK5Hap84r453CK6x0QrWVn36N\r\nabrp9TwqcA/BQpatrtc4CyaajUHxgDlNx7Dls1ZM+mmChuVXwFXPigzzaYV2\r\nIfbUev/faF2agks9lwLHq+0Waao8MEho+gHXrlY9yBjuULWZ/BVNm0/AmUpZ\r\nAWnebjVg/1jZv5iDbG7egpRe931LW/7hx8mrc/RB6D9ce0+sWd686Qjpm+XI\r\nfU6EZXrzrUtWNPm6JOoNTWZJZRONfL5wsDvDWYCIsJcYLXlENeYMoOBhsFdF\r\nH4qBRFP/5gEUXKF3v/SOvr+LTNF2cGeirlXZJG+ludKqTDApmRqdq0TdlKiv\r\nerw+rP+D7UBm6PGG1K7ynZg4Eek0jj3Nf5E=\r\n=+e7t\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.5.0_1670486622332_0.5949274136719076"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.6.0":{"name":"@pankod/refine-chakra-ui","version":"1.6.0","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-cli":"^1.1.1","@pankod/refine-core":"^3.86.2","@chakra-ui/react":"^2.3.6","dayjs":"^1.10.7","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-cli":"^1.11.0","@pankod/refine-ui-tests":"^0.11.2","@pankod/refine-core":"^3.88.4","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.0","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"_id":"@pankod/refine-chakra-ui@1.6.0","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Ty0/s+5ce0yK152G8nxLw3OK6nzcKZsDvB9Zv64yP5p1V3j1odwcNng71KIa8u5E+ivWBxZ7dD5Nv7N/yf9rdw==","shasum":"2351fe1ceefebdcb1cdb4b3527b5cee00a2ea028","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.6.0.tgz","fileCount":171,"unpackedSize":1458448,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFDcD9qcKObqleMOVe5/E8dKXutSHo/Qr/RLJvzvERJfAiEA3iQAk75QicJ6JeuLbQK0ECUCL9wJfzctNB/d2TuWkE4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkaDWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJKQ//WlfZiJz3NNuqU5TbWW7+j0AoYr9mB+43I8wHQWpM9dxByTc9\r\nHyZZIVu/w5J/agsbrkg6xkxxnJOt6tX/GObgqAxl0Sbkj8v9IrmpsRU4gx2g\r\n4iSbGoQN3UsVCFNTbPyksWeSWuhmnqnGFJRwsFLQ8oe+61sVCeCDBg6VVbT3\r\n24p4AgN/CMugVLTDAXLz5SBScHYWXYvq7FyO5RYNmmlvIIC9qUmYCN4Jtxhb\r\nmInBTSOZbz9SC+EIxaIIoXLMb5X83fJ9bFLBfCMslP1frTeXDwhCxlQwdSkB\r\nWyTujJT3dAh9hebwNFK04XC+d93ZxPBptvBre9s8UWaj25k+Vyxb3yMutyd+\r\nNEPlDr+7ooaR9LLh/qM0O8sh0d7fyh+zW2cn0RChWL05YCEWDVbEX0QDQ8Oq\r\nViq0iKoRyt41Ki2HlTx2cTkOO2tQbafL0nTkCMerH/0ZeM9+V8wBQHtFwvk2\r\nDyV7pKLgQz/iCVJwf0miC+pv3ZFr+srRhLnmM87hz9A0/8JjLsBu1JY1qwAi\r\nPTOE+ZE86uEZi7VDD5bBX1nDzVx9sqb/j0JJdpHWyZ4h3ku6INYXCwsD11Rn\r\nEMzi3u/cR+L3We4wHqTaPEzM1GdTwotAbURmrNpwRnwWoyzwFfzYwf+3/94B\r\nB117Xh9JX5KnGHH1dr+D/8rTP2MsdXG0wk4=\r\n=KTD4\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.6.0_1670488278419_0.20427140587540893"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.6.1":{"name":"@pankod/refine-chakra-ui","version":"1.6.1","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-cli":"^1.1.1","@pankod/refine-core":"^3.86.2","@chakra-ui/react":"^2.3.6","dayjs":"^1.10.7","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-cli":"^1.11.0","@pankod/refine-ui-tests":"^0.11.5","@pankod/refine-core":"^3.90.5","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.1","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"readme":" \n\n
Build your React-based CRUD applications, without constraints. An open source, headless web application framework developed with flexibility in mind.\n\n \n \n\n\n[](https://discord.gg/refine)\n[](https://twitter.com/refine_dev)\n\n\n\n
\n\n \n\n\n \n \n\n\n\n\n\n\n\n## What is refine?\n**refine** is a React-based framework for the rapid โจ development of web applications. \nIt eliminates repetitive tasks demanded by **CRUD** operations and provides industry standard solutions for critical parts like **authentication**, **access control**, **routing**, **networking**, **state management**, and **i18n**.\n\n**refine** is *headless by design*, thereby offering unlimited styling and customization options.\n\n## What do you mean by \"headless\" ?\nInstead of being a limited set of pre-styled components, **refine** is a collection of helper `hooks`, `components`, and `providers`. They are all decoupled from *UI components* and *business logic*, so that they never keep you from customizing your *UI* or coding your own flow.\n\n**refine** seamlessly works with any **custom design** or **UI framework** that you favor. For convenience, it ships with ready-made integrations for [Ant Design System](https://ant.design/), [Material UI](https://mui.com/), [Mantine](https://mantine.dev/), and [Chakra UI](https://chakra-ui.com/).\n\n## Use cases\n**refine**ย shines on *data-intensiveโก* applications like **admin panels**, **dashboards** and **internal tools**. Thanks to the built-in **SSR support**, **refine**ย can also power *customer-facing* applications like **storefronts**.\n\nYou can take a look at some live examples that can be built using **refine** from scratch:\n\n\n\n\n\n \n\n\n\n \n\n\n\n\n \n\n\n\n\n \n \n\n\n[๐ Refer to most popular real use case examples](https://refine.dev/examples/)\n\n[๐ More **refine** powered different usage scenarios can be found here](https://refine.dev/docs/examples/)\n\n\n\n\n## Key Features\n\nโ๏ธ Zero-config, **one-minute setup** with a **single CLI command**\n\n๐ Connectors for **15+ backend services** including [REST API](https://github.com/refinedev/refine/tree/master/packages/simple-rest), [GraphQL](https://github.com/refinedev/refine/tree/master/packages/graphql), [NestJs CRUD](https://github.com/refinedev/refine/tree/master/packages/nestjsx-crud), [Airtable](https://github.com/refinedev/refine/tree/master/packages/airtable), [Strapi](https://github.com/refinedev/refine/tree/master/packages/strapi), [Strapi v4](https://github.com/refinedev/refine/tree/master/packages/strapi-v4), [Strapi GraphQL](https://github.com/refinedev/refine/tree/master/packages/strapi-graphql), [Supabase](https://github.com/refinedev/refine/tree/master/packages/supabase), [Hasura](https://github.com/refinedev/refine/tree/master/packages/hasura), [Nhost](https://github.com/refinedev/refine/tree/master/packages/nhost), [Appwrite](https://github.com/refinedev/refine/tree/master/packages/appwrite), [Firebase](https://firebase.google.com/), [Directus](https://directus.io/) and [Altogic](https://github.com/refinedev/refine/tree/master/packages/altogic)\n\n๐ **SSR support** with **Next.js** or **Remix**\n\n๐ Auto-generated **CRUD** UIs from **your API data structure**\n\nโ Perfect **state management** & **mutations** with **React Query**\n\n๐ **Advanced routing** with any router library of your choice\n\n๐ Providers for seamless **authentication** and **access control** flows\n\nโก Out-of-the-box support for **live / real-time applications**\n\n๐ Easy **audit logs** & **document versioning**\n\n๐ฌ Support for any **i18n** framework\n\n๐ช Future-proof, **robust architecture**\n\nโ๏ธ Built-in CLI with time-saving features\n\nโ Full **test coverage**\n\n## Quick Start\n\nThe fastest way to get started with **refine** is by using the `create refine-app` project starter tool.\nRun the following command to create a new **refine** project configured with [Chakra UI](https://chakra-ui.com/) as the default UI framework:\n\n```\nnpm create refine-app -- --preset refine-chakra-ui\n```\n\nOnce the setup is complete, navigate to the project folder and start your project with:\n\n```\nnpm run dev\n```\n\n \n\nYour **refine** application will be accessible at [http://localhost:3000](http://localhost:3000):\n\n\n\n\n\n \n\nLet's consume a public `fake REST API` and add two resources (*posts*, *categories*) to our project. Replace the contents of `src/App.tsx` with the following code:\n\n```tsx title=\"src/App.tsx\"\nimport React from 'react';\nimport { Refine } from '@pankod/refine-core';\nimport {\n notificationProvider,\n ChakraProvider,\n refineTheme,\n ReadyPage,\n ErrorComponent,\n Layout,\n} from '@pankod/refine-chakra-ui';\n\nimport {\n ChakraUIListInferencer,\n ChakraUIShowInferencer,\n ChakraUICreateInferencer,\n ChakraUIEditInferencer,\n} from '@pankod/refine-inferencer/chakra-ui';\n\nimport dataProvider from '@pankod/refine-simple-rest';\nimport routerProvider from '@pankod/refine-react-router-v6';\n\nfunction App() {\n return (\n \n }\n Layout={Layout}\n routerProvider={routerProvider}\n resources={[\n {\n name: 'samples',\n list: ChakraUIListInferencer,\n show: ChakraUIShowInferencer,\n create: ChakraUICreateInferencer,\n edit: ChakraUIEditInferencer,\n },\n ]}\n />\n \n );\n}\n\nexport default App;\n```\n\n \n\n\n\n๐ Thanks to **refine Inferencer package**, it guesses the configuration to use for the `list`, `show`, `create`, and `edit` pages based on the data fetched from the API and generates the pages automatically. \n\n\n\nNow, you should see the output as a table populated with `post` & `category` data:\n\n\n\n \n\nYou can get the auto-generated pages codes by clicking the `Show Code` button on each page. Afterward, simply pass the pages to the `resources` array by replacing with the Inferencer components.\n\n## Next Steps\n\n๐ Jump to [Refine<>Chakra UI Tutorial](https://refine.dev/docs/tutorials/chakra-ui-tutorial/) to continue your work and turn the example into a full-blown CRUD application.\n\n๐ Check out the [Refine<>Tailwind Tutorial](https://refine.dev/docs/tutorials/headless-tutorial/) to learn how to use **refine** in a pure *headless* way.\n\n๐ Visit [Learn the Basics Page](https://refine.dev/docs/getting-started/overview/) to get informed about the fundamental concepts.\n\n๐ Read more on [Advanced Tutorials\n](https://refine.dev/docs/advanced-tutorials/) for different usage scenarios.\n\n๐ See the real-life [Finefoods Demo](https://refine.dev/demo/) project.\n\n๐ Play with interactive [Examples](https://refine.dev/docs/examples/)\n\n## Roadmap\nYou can find refine's Public Roadmap here! \n\n## Stargazers\n\n[](https://github.com/refinedev/refine/stargazers)\n\n## Contribution\n\n\n\n [๐ Refer to contribution docs for more information](https://refine.dev/docs/contributing/#ways-to-contribute)\n\n\n\nIf you have any doubts related to the project or want to discuss something, then join our [Discord Server](https://discord.gg/refine).\n\n\n## Our โฅ๏ธ Contributors\n\n\n \n\n\n## License\n\nLicensed under the MIT License, Copyright ยฉ 2021-present Refinedev\n","readmeFilename":"README.md","_id":"@pankod/refine-chakra-ui@1.6.1","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-i1yHJOshmNYQFEO5+ZDIbcT07S4mHoPkSEd70Tq3/d+XrrugybXJFgi6NPxYkGpMSD25AYJqnC+s6/vZ5qgA/w==","shasum":"c8d993fd9926b056a4ee303a393679b3f859d445","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.6.1.tgz","fileCount":171,"unpackedSize":1459401,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDSbM0Lk2RNb7JC9hR98AQFBOIVN4OEl8sB8hBQTJncJAiEAxguR9lk57GookyW6byllYGWLnV4cUaVjU2vWs9kLWZQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmaapACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq1+Q//eF1kpTd+nO7ew0bgSqf6VDnLH0Cog4sytwTMf7PJFQRfvDDw\r\n6vXYj1aUW/O9004FNbhYGMeJ9xPJB7xihi5az3tbJ/H118ft9yLsSx9kID1R\r\nutPApL8PUfdH1tJiQ/4whiKwi4fMTTRi0OuuB8CUzEiX8tbYiIK7UuWQ6UtD\r\nW+AyGqIxxcKzj1ZuOgRcqPCQPFOz9VMgcRXex7RuHI+m5UWNa89k9DhQ69o0\r\nBmjQft/o9Iy1YHDkUVewRYzF9Gn9s/1NNOoBrl4DACmhMagSXwT9yA3Qx47e\r\nC7v0RrQ0a1kVoAL6fw7qDpCv22sNr0PxPjBfTckhxJHwFo6cvqCwiBsEjdjm\r\nPvtomgTlDZb//5YMlLjHv3SAr2Y1Lz2/v5an0yojUyB464qf1u3Kfl15juNg\r\nExjZ+iQtMxWFlPeBbQWLeAKVuh9u3T24338/2JWmPO50XDgRTdYyR3Saqozd\r\n9vM/AY1dfngYpXIdIVyGIvx35DxMaVGVm7KQxG+c0XAeZvdb0nCEcIO9ADPD\r\nYa6BxtdAajQslhaRGyVZfcRGeSetlrd80zLR+eSJcXkBqByJz2e2ePUXAoYz\r\niCKnyg7Etat5/9xlAqe1RfWb6GdGtpaihdGSJ/brbwjzTt9l8kb9aV04oKC0\r\nHThKx0T9fb6z0C1/GnCHNHXvFkOTVsHHtlU=\r\n=ktwT\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.6.1_1671014057183_0.043363344238780854"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.6.2":{"name":"@pankod/refine-chakra-ui","version":"1.6.2","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-cli":"^1.1.1","@pankod/refine-core":"^3.86.2","@chakra-ui/react":"^2.3.6","dayjs":"^1.10.7","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-cli":"^1.11.0","@pankod/refine-ui-tests":"^0.11.6","@pankod/refine-core":"^3.90.6","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^26.0.24","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^27.5.1","react-router-dom":"6.3.0","ts-jest":"^27.1.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.2","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"_id":"@pankod/refine-chakra-ui@1.6.2","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-vAqeZXwT06NmJ36DSuQQg7IIs5oCm/3ExffreMm5u659vz8fJR0V3/aoazMcP+ufaj1BrpnEHjZOrq6Cz4jlNA==","shasum":"4278fcfe6e02dab6406e38e78b8344d210c90b94","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.6.2.tgz","fileCount":171,"unpackedSize":1459853,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDf/8/X9XseSxxCnwZOOeRm0G3AwrKnhViESAFm89REoQIhAOAE0PjHSKoUeE5P3L971VbsWbebaIg5yqpeFHuB7s83"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmbnJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpThg//bXVNXhRxFDJGApeAS+janvkRw2YVXlVNFzdQbSsWoayn2QqY\r\niqjkuQDZawFpoGQiP1NqbLlrWit042G4UTXDJZJfiEyCeYOVUVIFBpbDCU+0\r\nUAsykd4ChhlaJ2uVzyd79fUeL7DDH3v5WEmpjbJQXTRZN9qCLjNXHdO0lha9\r\nz5wfwDstq8cJnkyj0r14IMwlD0n237q5a8JI4PUKX76A4dKy3ijU0NjK4MeC\r\nywFD9Se8g32/6PFidxjfjSn+VPYc5x2SBF4ZVULXHTRjJUIr9rKXdwJUMNrG\r\nqvZ5qUX9BEzklI9+LWx5GZGxNwAABrGtalQ6+UJVJajg/BqDCLyjgq7mCC9d\r\nqY6QBMgyQrQ7IWFPHv36HPaPFZBQ8HV3BfwvIsC8C0PQXJSXF6eY45lnXb49\r\nYrUgBxAaV8+NjtewL4pFKEYEPaAQzRiJ/mSzBjZUNoKwQ0bsyGYTTLCRRneu\r\nWzghjVecLbZxut9C+uD0PJd7+/zInneoF2ILrMWHWmCs8BMyJVaEc1uWVzoN\r\nD8DDlAsjufZMFdCU+7yZMB1+8PGCzRD2/tXhYMcTNOG9uK7LkZyjJRnQK6AO\r\n9zCQZRiYnIO5wmhUEhkh/c5JBMmhXFGvhmCck8PjiiomWAU/IOS+NjVV5BWM\r\n2orTJYFU1C0fc3f/7FoxvM74HFb9GxiAvyo=\r\n=gAPU\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.6.2_1671018953100_0.7795165340922596"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.6.3":{"name":"@pankod/refine-chakra-ui","version":"1.6.3","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-cli":"^1.1.1","@pankod/refine-core":"^3.86.2","@chakra-ui/react":"^2.3.6","dayjs":"^1.10.7","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-cli":"^1.11.0","@pankod/refine-ui-tests":"^0.11.6","@pankod/refine-core":"^3.90.6","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^29.2.4","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^29.3.1","jest-environment-jsdom":"^29.3.1","react-router-dom":"6.3.0","ts-jest":"^29.0.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.2","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"readme":" \n\n
Build your React-based CRUD applications, without constraints. An open source, headless web application framework developed with flexibility in mind.\n\n \n \n\n\n[](https://discord.gg/refine)\n[](https://twitter.com/refine_dev)\n\n\n\n
\n\n \n\n\n \n \n\n\n\n\n\n\n\n## What is refine?\n**refine** is a React-based framework for the rapid โจ development of web applications. \nIt eliminates repetitive tasks demanded by **CRUD** operations and provides industry standard solutions for critical parts like **authentication**, **access control**, **routing**, **networking**, **state management**, and **i18n**.\n\n**refine** is *headless by design*, thereby offering unlimited styling and customization options.\n\n## What do you mean by \"headless\" ?\nInstead of being a limited set of pre-styled components, **refine** is a collection of helper `hooks`, `components`, and `providers`. They are all decoupled from *UI components* and *business logic*, so that they never keep you from customizing your *UI* or coding your own flow.\n\n**refine** seamlessly works with any **custom design** or **UI framework** that you favor. For convenience, it ships with ready-made integrations for [Ant Design System](https://ant.design/), [Material UI](https://mui.com/), [Mantine](https://mantine.dev/), and [Chakra UI](https://chakra-ui.com/).\n\n## Use cases\n**refine**ย shines on *data-intensiveโก* applications like **admin panels**, **dashboards** and **internal tools**. Thanks to the built-in **SSR support**, **refine**ย can also power *customer-facing* applications like **storefronts**.\n\nYou can take a look at some live examples that can be built using **refine** from scratch:\n\n\n\n\n\n \n\n\n\n \n\n\n\n\n \n\n\n\n\n \n \n\n\n[๐ Refer to most popular real use case examples](https://refine.dev/examples/)\n\n[๐ More **refine** powered different usage scenarios can be found here](https://refine.dev/docs/examples/)\n\n\n\n\n## Key Features\n\nโ๏ธ Zero-config, **one-minute setup** with a **single CLI command**\n\n๐ Connectors for **15+ backend services** including [REST API](https://github.com/refinedev/refine/tree/master/packages/simple-rest), [GraphQL](https://github.com/refinedev/refine/tree/master/packages/graphql), [NestJs CRUD](https://github.com/refinedev/refine/tree/master/packages/nestjsx-crud), [Airtable](https://github.com/refinedev/refine/tree/master/packages/airtable), [Strapi](https://github.com/refinedev/refine/tree/master/packages/strapi), [Strapi v4](https://github.com/refinedev/refine/tree/master/packages/strapi-v4), [Strapi GraphQL](https://github.com/refinedev/refine/tree/master/packages/strapi-graphql), [Supabase](https://github.com/refinedev/refine/tree/master/packages/supabase), [Hasura](https://github.com/refinedev/refine/tree/master/packages/hasura), [Nhost](https://github.com/refinedev/refine/tree/master/packages/nhost), [Appwrite](https://github.com/refinedev/refine/tree/master/packages/appwrite), [Firebase](https://firebase.google.com/), [Directus](https://directus.io/) and [Altogic](https://github.com/refinedev/refine/tree/master/packages/altogic)\n\n๐ **SSR support** with **Next.js** or **Remix**\n\n๐ Auto-generated **CRUD** UIs from **your API data structure**\n\nโ Perfect **state management** & **mutations** with **React Query**\n\n๐ **Advanced routing** with any router library of your choice\n\n๐ Providers for seamless **authentication** and **access control** flows\n\nโก Out-of-the-box support for **live / real-time applications**\n\n๐ Easy **audit logs** & **document versioning**\n\n๐ฌ Support for any **i18n** framework\n\n๐ช Future-proof, **robust architecture**\n\nโ๏ธ Built-in CLI with time-saving features\n\nโ Full **test coverage**\n\n## Quick Start\n\nThe fastest way to get started with **refine** is by using the `create refine-app` project starter tool.\nRun the following command to create a new **refine** project configured with [Chakra UI](https://chakra-ui.com/) as the default UI framework:\n\n```\nnpm create refine-app@latest -- --preset refine-chakra-ui\n```\n\nOnce the setup is complete, navigate to the project folder and start your project with:\n\n```\nnpm run dev\n```\n\n \n\nYour **refine** application will be accessible at [http://localhost:3000](http://localhost:3000):\n\n\n\n\n\n \n\nLet's consume a public `fake REST API` and add two resources (*posts*, *categories*) to our project. Replace the contents of `src/App.tsx` with the following code:\n\n```tsx title=\"src/App.tsx\"\nimport React from 'react';\nimport { Refine } from '@pankod/refine-core';\nimport {\n notificationProvider,\n ChakraProvider,\n refineTheme,\n ReadyPage,\n ErrorComponent,\n Layout,\n} from '@pankod/refine-chakra-ui';\n\nimport {\n ChakraUIListInferencer,\n ChakraUIShowInferencer,\n ChakraUICreateInferencer,\n ChakraUIEditInferencer,\n} from '@pankod/refine-inferencer/chakra-ui';\n\nimport dataProvider from '@pankod/refine-simple-rest';\nimport routerProvider from '@pankod/refine-react-router-v6';\n\nfunction App() {\n return (\n \n }\n Layout={Layout}\n routerProvider={routerProvider}\n resources={[\n {\n name: 'samples',\n list: ChakraUIListInferencer,\n show: ChakraUIShowInferencer,\n create: ChakraUICreateInferencer,\n edit: ChakraUIEditInferencer,\n },\n ]}\n />\n \n );\n}\n\nexport default App;\n```\n\n \n\n\n\n๐ Thanks to **refine Inferencer package**, it guesses the configuration to use for the `list`, `show`, `create`, and `edit` pages based on the data fetched from the API and generates the pages automatically. \n\n\n\nNow, you should see the output as a table populated with `post` & `category` data:\n\n\n\n \n\nYou can get the auto-generated pages codes by clicking the `Show Code` button on each page. Afterward, simply pass the pages to the `resources` array by replacing with the Inferencer components.\n\n## Next Steps\n\n๐ Jump to [Tutorial](https://refine.dev/docs/tutorial/introduction/index/) to continue your work and turn the example into a full-blown CRUD application.\n\n๐ Visit [Learn the Basics Page](https://refine.dev/docs/getting-started/overview/) to get informed about the fundamental concepts.\n\n๐ Read more on [Advanced Tutorials\n](https://refine.dev/docs/advanced-tutorials/) for different usage scenarios.\n\n๐ See the real-life [Finefoods Demo](https://refine.dev/demo/) project.\n\n๐ Play with interactive [Examples](https://refine.dev/docs/examples/)\n\n## Roadmap\nYou can find refine's Public Roadmap here! \n\n## Stargazers\n\n[](https://github.com/refinedev/refine/stargazers)\n\n## Contribution\n\n\n\n [๐ Refer to contribution docs for more information](https://refine.dev/docs/contributing/#ways-to-contribute)\n\n\n\nIf you have any doubts related to the project or want to discuss something, then join our [Discord Server](https://discord.gg/refine).\n\n\n## Our โฅ๏ธ Contributors\n\n\n \n\n\n## License\n\nLicensed under the MIT License, Copyright ยฉ 2021-present Refinedev\n","readmeFilename":"README.md","_id":"@pankod/refine-chakra-ui@1.6.3","_nodeVersion":"16.19.0","_npmVersion":"8.19.3","dist":{"integrity":"sha512-mF0NruSRMWHJHgQaDIcSfZKy0If+XjwzuwqB0D9Aq3PkpEqOY8xG9H1m+fdrPKllDjLF1Vj9nAeTQKlCi40Ccg==","shasum":"a7e0b7a911562abbd86926c1d05a2705fa6ba31b","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.6.3.tgz","fileCount":171,"unpackedSize":1463089,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC85qOxt52AgM5RnsJ4gqN0oyZPdaXbHjcG8rJXUbu2kAIgbfJ3wPdAl2LUn2R4zoLth9i8+x9HTU6m691GF1WsrNQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxUqmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMJxAAhZs5nnQ4g1pJOKw0G5FSpJ9kQF0/J7FkQsucNNF692ggoWrK\r\nkNRVn3LwBFKpgv3fg/w6lahmeg9b+fELubJi7k95eiBaJjL90qGp1ELEBTkG\r\nGrGPjYcryjV4WFrPsM4pxupaR8PgtBgIKY0Pbw21CdecLWcHf+AOKOZInP0L\r\nFfQJM/L1gNM23uiRbhkBiiI8hyHFQ3A0pLnrhuey29DfRobL91Cz8EU36DME\r\n9ty7nRzUHeF6yUsAQIOVi2xDkf5PcfmfP0ap7BYQBNU5+4InIUEuNFIIX1Qq\r\nPhdbHp9genxyT8TaqWmILtQOD2F6jgKJ3QslPmNDxB5We/yLNd3bim2bGoqf\r\n47Q5XuR0CnO4PlfqSvN4Z8wPVFLhz+hqYaCGa5aY/1y2EAizygNxGtvOrEHC\r\nOHZ3OZv/hsqlZR5gESZeG+nqb1hIlomkLSrF+BP+zp58n63YmAIYpgynJmog\r\nLq4zjvs4/nV/wVEhiLnXkhYBfWB5Ev7XnGyhpg07iSVLo3VeO2EyyEMx7b+k\r\n+iFFbqsK3UTkLkr7TDJchCpgytpe9Vn5uPmFc/BfhIFEisXtrQ9T4039aFGa\r\nQXwYf+cKBQinYWhopnlX1riN7A3JKi9yMfZY2NDFqdOFtDztXxRuRQ671ZqK\r\ngu818JUO4JxWD2l/83BwfLybZ8eRZpLuIyg=\r\n=ToSP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.6.3_1673874086649_0.26451241188384556"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.6.4":{"name":"@pankod/refine-chakra-ui","version":"1.6.4","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-cli":"^1.1.1","@pankod/refine-core":"^3.86.2","@chakra-ui/react":"^2.3.6","dayjs":"^1.10.7","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-cli":"^1.11.0","@pankod/refine-ui-tests":"^0.11.6","@pankod/refine-core":"^3.90.6","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^29.2.4","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^29.3.1","jest-environment-jsdom":"^29.3.1","react-router-dom":"6.3.0","ts-jest":"^29.0.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.2","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"_id":"@pankod/refine-chakra-ui@1.6.4","_nodeVersion":"16.19.0","_npmVersion":"8.19.3","dist":{"integrity":"sha512-lYQTZNP7gNgkG7pVt3Aqq8FondbVJx5QN4vdbrfjHhC9C0LntIDlYF10sEsa1vqo0doRTjUfANibU2N3Pt7oAQ==","shasum":"449f21af147413a6e2d19a555f27b725891adfae","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.6.4.tgz","fileCount":171,"unpackedSize":1463315,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBAtcbQeQSeQvROJ0sCzUJsYJDYWVMBZkQ9HTigHQ0xzAiA8sG3c5n9+K+3swwwB2B3RarJ32PAqe6tFiDFODFqxvA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxV1VACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpfnA/8DVaMqHd0Iezs/YLa08/DM2vmchJw8VsuIJq1PaX1cc70Fuyg\r\n1806hPImOFhaZjUgso5c2SHEoe+jFEp0eZCZopeX48hRlbyO6hCJXP9AuT8h\r\nICvhMeYHFO8Rr6O6vAlFl0eYCZ/CLwGzKTCPQtX9Glo41KCvsRbHRPv9cvdz\r\nQUQWw5BiAPyOV12T7g/lcV3tuc8EPEld7wQYiiNcSEnDqzjZhZK9vQzIcMa7\r\ncng04B1zqKCmz8thITHk9DUjFvM4Ee+R4Vbl1bnMkkwlwaNIwobLEts8WcBm\r\nM7heFBda+ezuGFJ/p3VWwsAVq3/nUS8KvM74MtjEarYGxIuAEGbfkrAAm9ji\r\nCqYtYQg1A6uO1JPuZEmdFYW3Ko+KElkxrbgiLecMzPN3FAmZvvXIQ7jMN2hO\r\nqIf0Tkk9ugpFxFhIHmhL0ECa0WD0EyQACS9Z04yzMxUE48HJtXAP3sL0qRU+\r\nlQIds1MDeneWGrWJgQUj0mHcbdRcDCXIM4DGInJn8RMgaw9pKFbYNDvhSZtG\r\nypIQmL18y1ylrYIrEUjCbWU0eMysdQ+7bhUCAtp9vcxLI3NddavJVe4rL7Sd\r\nZv9ezmXwTIJJiK5/HSg/8tADQRsXxG5cNleJNGdFGmGknY7DY5WjumFBp0dw\r\nVQGGov96Vc4O8swqJnwayodH6CI+d0GQgzk=\r\n=+eOC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.6.4_1673878869056_0.2779625317663028"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.6.5":{"name":"@pankod/refine-chakra-ui","version":"1.6.5","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-cli":"^1.1.1","@pankod/refine-core":"^3.86.2","@chakra-ui/react":"^2.3.6","dayjs":"^1.10.7","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-cli":"^1.11.0","@pankod/refine-ui-tests":"^0.11.6","@pankod/refine-core":"^3.90.6","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^29.2.4","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^29.3.1","jest-environment-jsdom":"^29.3.1","react-router-dom":"6.3.0","ts-jest":"^29.0.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.2","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"readme":" \n\n
Build your React-based CRUD applications, without constraints. An open source, headless web application framework developed with flexibility in mind.\n\n \n \n\n\n[](https://discord.gg/refine)\n[](https://twitter.com/refine_dev)\n\n\n\n
\n\n \n\n\n \n \n\n\n\n\n\n\n\n## What is refine?\n**refine** is a React-based framework for the rapid โจ development of web applications. \nIt eliminates repetitive tasks demanded by **CRUD** operations and provides industry standard solutions for critical parts like **authentication**, **access control**, **routing**, **networking**, **state management**, and **i18n**.\n\n**refine** is *headless by design*, thereby offering unlimited styling and customization options.\n\n## What do you mean by \"headless\" ?\nInstead of being a limited set of pre-styled components, **refine** is a collection of helper `hooks`, `components`, and `providers`. They are all decoupled from *UI components* and *business logic*, so that they never keep you from customizing your *UI* or coding your own flow.\n\n**refine** seamlessly works with any **custom design** or **UI framework** that you favor. For convenience, it ships with ready-made integrations for [Ant Design System](https://ant.design/), [Material UI](https://mui.com/), [Mantine](https://mantine.dev/), and [Chakra UI](https://chakra-ui.com/).\n\n## Use cases\n**refine**ย shines on *data-intensiveโก* applications like **admin panels**, **dashboards** and **internal tools**. Thanks to the built-in **SSR support**, **refine**ย can also power *customer-facing* applications like **storefronts**.\n\nYou can take a look at some live examples that can be built using **refine** from scratch:\n\n\n\n\n\n \n\n\n\n \n\n\n\n\n \n\n\n\n\n \n \n\n\n[๐ Refer to most popular real use case examples](https://refine.dev/examples/)\n\n[๐ More **refine** powered different usage scenarios can be found here](https://refine.dev/docs/examples/)\n\n\n\n\n## Key Features\n\nโ๏ธ Zero-config, **one-minute setup** with a **single CLI command**\n\n๐ Connectors for **15+ backend services** including [REST API](https://github.com/refinedev/refine/tree/master/packages/simple-rest), [GraphQL](https://github.com/refinedev/refine/tree/master/packages/graphql), [NestJs CRUD](https://github.com/refinedev/refine/tree/master/packages/nestjsx-crud), [Airtable](https://github.com/refinedev/refine/tree/master/packages/airtable), [Strapi](https://github.com/refinedev/refine/tree/master/packages/strapi), [Strapi v4](https://github.com/refinedev/refine/tree/master/packages/strapi-v4), [Strapi GraphQL](https://github.com/refinedev/refine/tree/master/packages/strapi-graphql), [Supabase](https://github.com/refinedev/refine/tree/master/packages/supabase), [Hasura](https://github.com/refinedev/refine/tree/master/packages/hasura), [Nhost](https://github.com/refinedev/refine/tree/master/packages/nhost), [Appwrite](https://github.com/refinedev/refine/tree/master/packages/appwrite), [Firebase](https://firebase.google.com/), [Directus](https://directus.io/) and [Altogic](https://github.com/refinedev/refine/tree/master/packages/altogic)\n\n๐ **SSR support** with **Next.js** or **Remix**\n\n๐ Auto-generated **CRUD** UIs from **your API data structure**\n\nโ Perfect **state management** & **mutations** with **React Query**\n\n๐ **Advanced routing** with any router library of your choice\n\n๐ Providers for seamless **authentication** and **access control** flows\n\nโก Out-of-the-box support for **live / real-time applications**\n\n๐ Easy **audit logs** & **document versioning**\n\n๐ฌ Support for any **i18n** framework\n\n๐ช Future-proof, **robust architecture**\n\nโ๏ธ Built-in CLI with time-saving features\n\nโ Full **test coverage**\n\n## Quick Start\n\nThe fastest way to get started with **refine** is by using the `create refine-app` project starter tool.\nRun the following command to create a new **refine** project configured with [Chakra UI](https://chakra-ui.com/) as the default UI framework:\n\n```\nnpm create refine-app@latest -- --preset refine-chakra-ui\n```\n\nOnce the setup is complete, navigate to the project folder and start your project with:\n\n```\nnpm run dev\n```\n\n \n\nYour **refine** application will be accessible at [http://localhost:3000](http://localhost:3000):\n\n\n\n\n\n \n\nLet's consume a public `fake REST API` and add two resources (*posts*, *categories*) to our project. Replace the contents of `src/App.tsx` with the following code:\n\n```tsx title=\"src/App.tsx\"\nimport React from 'react';\nimport { Refine } from '@pankod/refine-core';\nimport {\n notificationProvider,\n ChakraProvider,\n refineTheme,\n ReadyPage,\n ErrorComponent,\n Layout,\n} from '@pankod/refine-chakra-ui';\n\nimport {\n ChakraUIListInferencer,\n ChakraUIShowInferencer,\n ChakraUICreateInferencer,\n ChakraUIEditInferencer,\n} from '@pankod/refine-inferencer/chakra-ui';\n\nimport dataProvider from '@pankod/refine-simple-rest';\nimport routerProvider from '@pankod/refine-react-router-v6';\n\nfunction App() {\n return (\n \n }\n Layout={Layout}\n routerProvider={routerProvider}\n resources={[\n {\n name: 'samples',\n list: ChakraUIListInferencer,\n show: ChakraUIShowInferencer,\n create: ChakraUICreateInferencer,\n edit: ChakraUIEditInferencer,\n },\n ]}\n />\n \n );\n}\n\nexport default App;\n```\n\n \n\n\n\n๐ Thanks to **refine Inferencer package**, it guesses the configuration to use for the `list`, `show`, `create`, and `edit` pages based on the data fetched from the API and generates the pages automatically. \n\n\n\nNow, you should see the output as a table populated with `post` & `category` data:\n\n\n\n \n\nYou can get the auto-generated pages codes by clicking the `Show Code` button on each page. Afterward, simply pass the pages to the `resources` array by replacing with the Inferencer components.\n\n## Next Steps\n\n๐ Jump to [Tutorial](https://refine.dev/docs/tutorial/introduction/index/) to continue your work and turn the example into a full-blown CRUD application.\n\n๐ Visit [Learn the Basics Page](https://refine.dev/docs/getting-started/overview/) to get informed about the fundamental concepts.\n\n๐ Read more on [Advanced Tutorials\n](https://refine.dev/docs/advanced-tutorials/) for different usage scenarios.\n\n๐ See the real-life [Finefoods Demo](https://refine.dev/demo/) project.\n\n๐ Play with interactive [Examples](https://refine.dev/docs/examples/)\n\n## Roadmap\nYou can find refine's Public Roadmap here! \n\n## Stargazers\n\n[](https://github.com/refinedev/refine/stargazers)\n\n## Contribution\n\n\n\n [๐ Refer to contribution docs for more information](https://refine.dev/docs/contributing/#ways-to-contribute)\n\n\n\nIf you have any doubts related to the project or want to discuss something, then join our [Discord Server](https://discord.gg/refine).\n\n\n## Our โฅ๏ธ Contributors\n\n\n \n\n\n## License\n\nLicensed under the MIT License, Copyright ยฉ 2021-present Refinedev\n","readmeFilename":"README.md","_id":"@pankod/refine-chakra-ui@1.6.5","_nodeVersion":"16.19.0","_npmVersion":"8.19.3","dist":{"integrity":"sha512-RXCN4DuzYnixmOPyez0R/1QjAMOsa87ct4kOJlnoC00p5Ju8sXOe6tdPa6XMMWNo1auXfnAjO27j3NREOLS23Q==","shasum":"2fa8cced0bc00567a7c0f3f7e23801365851284d","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.6.5.tgz","fileCount":171,"unpackedSize":1463843,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD6XffSBGHz35CM1+LXaEk7Ld3ba0THUYFFCH+OWm7mXwIhANQwN3w29ERX4alY4NYBoN+iHMZf62Lj0GQdnXebPmgg"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxmKBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrjgA/5AFzdwezjdLP15gmjTaxVplNe8IICGaNp4jMZyyUay5l2ppxx\r\nCXEr6jkLmIprqdaGzEYtxFAI74DcI46+FdX8nOs75tR+7HEJfyDKBo5ZTZWI\r\nIlM90DZS2Gu8khzWzDmWDX4sb9lVndcCO1SlJ/sE+BXa9NhI4xkjAyLETCug\r\nBVdZLxzxZh6z1FfJ6/+XfFi566957stWVH+v2Zg4gXpvq7aa+ffE6qLW8kGB\r\nW81rezRGcAn6zP7Dqq1/ixUsg2TMEmu/weF4kMcuUkKJ46wTaaPZHLVFvcDm\r\naqf+huojJ/9cBedHMB3OP80ouU66Uhwhm6z1UfcE1HD0Ndn3DC/Y2c0tsFen\r\nwXADKu+rOvUXqScD4+XvldyFhWAB0HMWE2tzVAGzT9iYa1VxdLbneu4wCWHj\r\nJ6RjYdtaOk6spMOX8fJ61C+w1GTqUhQQVcDwmGU+xJ1815htsjSareoL+VYZ\r\nCRk3ca/6ooWCqHtWb10dPZiGwhZgEex/WD/vS6XrTeenBsv2tuW6HBwvhOxz\r\n0aIcWq4w9/YFLs8jSa93QwwFmmla5wdtz7aNDYkxuF0JrXW8fZliNki006Qq\r\nKE8Uzfi044l7QIxd8NYySpwSVretj6gkBRw2+FGwhQEEz8tdzj3XN21nEyZ1\r\nihvP2b223Gg3ehPwIZHwzQAfP9EE3VD3qrA=\r\n=07QT\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.6.5_1673945729590_0.012508366380785008"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.6.6":{"name":"@pankod/refine-chakra-ui","version":"1.6.6","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build"},"peerDependencies":{"@pankod/refine-cli":"^1.1.1","@pankod/refine-core":"^3.86.2","@chakra-ui/react":"^2.3.6","dayjs":"^1.10.7","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-cli":"^1.11.0","@pankod/refine-ui-tests":"^0.11.6","@pankod/refine-core":"^3.95.1","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^29.2.4","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^29.3.1","jest-environment-jsdom":"^29.3.1","react-router-dom":"6.3.0","ts-jest":"^29.0.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.14.2","@pankod/refine-react-hook-form":"^3.33.2","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"_id":"@pankod/refine-chakra-ui@1.6.6","_nodeVersion":"16.19.0","_npmVersion":"8.19.3","dist":{"integrity":"sha512-lIvcPOOmp+M7kxz4mWthx0Vv1EYVaBdd3uaVy/6rbMZh98nvqEWHMTqWIbJ7AvNEKlZn0wbDk1d87PZytm3WEA==","shasum":"0e4c249b07cb8c8577e93166cc2e31dcaed62dc9","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.6.6.tgz","fileCount":171,"unpackedSize":1464059,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFyWFs77PYC75vKe9odB9F349kSK84QxKmmM4unYSHbaAiBWKzYYKsTf9jUrOPUxBli5g48oxn288dyeSbro5QCSSQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxmndACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqeSRAAnNSBej+8zFZB7OarfMGLptRZdxK5P1uFcNsJqd4vnJRHhLtA\r\n5im2twW+IUlWR6L5cpI6p2nV0X99P7lu2bvxF7qQnlXF3Uoi0o7WJ/mrWyGK\r\neZbXPS3WWQPA+KR/nmSYXPUTjP7P3ECKtzdYrXSPUFnVmyrs+pj1HI5rC9e1\r\nKpuKrCTsBdP0sZHsu5Aipdf1MWhie/iW5gwUx0pVoG8VrBGvaXFvbzPzIe/I\r\ngiivLs4WMvrHt0ZstW2248Gx+/uaVFH9DEeYacKU5rGoHE8a+eZ3Zb6YSQdk\r\nVZNMoTfoLzN3KelZBuXmHqldUCWfgb5ZWom0Godn1cZ/JnTHPnAYYpPn3oJX\r\nqW6S7uN7f0LCJq4Fu+qZQX/q8tGQvNzdYMWzNbZa4rFQxtpufNvexGRAj4jY\r\ngFbLBmHMSxQ8f6fYBy7RmnmYquq/xXDgIcMUDpfphcqDOmOdaFIy/bhXMA/A\r\nKS5V+nrVQiFDjY3c5GP/7S2GDwLRRvDjgcMWWVIHK0hwkaga7Ox6iFoxRHL6\r\nahkB3p4B0okF0yP0EKwPpc2kVY3vs2tjXD3FTg6YrCAiB9G1zTWcP6E7Imw0\r\nHdtD5hmbJw8lF+uqsitQ5aKzrNev90P1iq+7pLlQe3EO/CvNIC1A0RNgKpFx\r\n7/xJTyMYrxnz4ym899zEzcpa2PsAfXYqf5U=\r\n=ghZi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.6.6_1673947613264_0.1663430124654388"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.7.0":{"name":"@pankod/refine-chakra-ui","version":"1.7.0","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build","postinstall":"echo \"refine v4 is released ๐ \nThe new version is 100% backward compatible. You can upgrade to v4 with a single command! \nSee the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x \n\""},"peerDependencies":{"@pankod/refine-cli":"^1.1.1","@pankod/refine-core":"^3.86.2","@chakra-ui/react":"^2.3.6","dayjs":"^1.10.7","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-cli":"^1.18.0","@pankod/refine-ui-tests":"^0.12.0","@pankod/refine-core":"^3.102.0","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^29.2.4","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^29.3.1","jest-environment-jsdom":"^29.3.1","react-router-dom":"6.3.0","ts-jest":"^29.0.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.15.0","@pankod/refine-react-hook-form":"^3.38.0","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"readme":" \n\n
Build your React-based CRUD applications, without constraints. An open source, headless web application framework developed with flexibility in mind.\n\n \n \n\n\n[](https://discord.gg/refine)\n[](https://twitter.com/refine_dev)\n\n\n\n
\n\n \n\n\n \n \n\n\n\n\n\n\n\n## What is refine?\n**refine** is a React-based framework for the rapid โจ development of web applications. \nIt eliminates repetitive tasks demanded by **CRUD** operations and provides industry standard solutions for critical parts like **authentication**, **access control**, **routing**, **networking**, **state management**, and **i18n**.\n\n**refine** is *headless by design*, thereby offering unlimited styling and customization options.\n\n## What do you mean by \"headless\" ?\nInstead of being a limited set of pre-styled components, **refine** is a collection of helper `hooks`, `components`, and `providers`. They are all decoupled from *UI components* and *business logic*, so that they never keep you from customizing your *UI* or coding your own flow.\n\n**refine** seamlessly works with any **custom design** or **UI framework** that you favor. For convenience, it ships with ready-made integrations for [Ant Design System](https://ant.design/), [Material UI](https://mui.com/), [Mantine](https://mantine.dev/), and [Chakra UI](https://chakra-ui.com/).\n\n## Use cases\n**refine**ย shines on *data-intensiveโก* applications like **admin panels**, **dashboards** and **internal tools**. Thanks to the built-in **SSR support**, **refine**ย can also power *customer-facing* applications like **storefronts**.\n\nYou can take a look at some live examples that can be built using **refine** from scratch:\n\n\n\n\n\n \n\n\n\n \n\n\n\n\n \n\n\n\n\n \n \n\n\n[๐ Refer to most popular real use case examples](https://refine.dev/examples/)\n\n[๐ More **refine** powered different usage scenarios can be found here](https://refine.dev/docs/examples/)\n\n\n\n\n## Key Features\n\nโ๏ธ Zero-config, **one-minute setup** with a **single CLI command**\n\n๐ Connectors for **15+ backend services** including [REST API](https://github.com/refinedev/refine/tree/master/packages/simple-rest), [GraphQL](https://github.com/refinedev/refine/tree/master/packages/graphql), [NestJs CRUD](https://github.com/refinedev/refine/tree/master/packages/nestjsx-crud), [Airtable](https://github.com/refinedev/refine/tree/master/packages/airtable), [Strapi](https://github.com/refinedev/refine/tree/master/packages/strapi), [Strapi v4](https://github.com/refinedev/refine/tree/master/packages/strapi-v4), [Strapi GraphQL](https://github.com/refinedev/refine/tree/master/packages/strapi-graphql), [Supabase](https://github.com/refinedev/refine/tree/master/packages/supabase), [Hasura](https://github.com/refinedev/refine/tree/master/packages/hasura), [Appwrite](https://github.com/refinedev/refine/tree/master/packages/appwrite), [Firebase](https://firebase.google.com/), and [Directus](https://directus.io/).\n\n๐ **SSR support** with **Next.js** or **Remix**\n\n๐ Auto-generated **CRUD** UIs from **your API data structure**\n\nโ Perfect **state management** & **mutations** with **React Query**\n\n๐ **Advanced routing** with any router library of your choice\n\n๐ Providers for seamless **authentication** and **access control** flows\n\nโก Out-of-the-box support for **live / real-time applications**\n\n๐ Easy **audit logs** & **document versioning**\n\n๐ฌ Support for any **i18n** framework\n\n๐ช Future-proof, **robust architecture**\n\nโ๏ธ Built-in CLI with time-saving features\n\nโ Full **test coverage**\n\n## Quick Start\n\nThe fastest way to get started with **refine** is by using the `create refine-app` project starter tool.\nRun the following command to create a new **refine** project configured with [Chakra UI](https://chakra-ui.com/) as the default UI framework:\n\n```\nnpm create refine-app@latest -- --preset refine-chakra-ui\n```\n\nOnce the setup is complete, navigate to the project folder and start your project with:\n\n```\nnpm run dev\n```\n\n \n\nYour **refine** application will be accessible at [http://localhost:3000](http://localhost:3000):\n\n\n\n\n\n \n\nLet's consume a public `fake REST API` and add two resources (*posts*, *categories*) to our project. Replace the contents of `src/App.tsx` with the following code:\n\n```tsx title=\"src/App.tsx\"\nimport React from 'react';\nimport { Refine } from '@pankod/refine-core';\nimport {\n notificationProvider,\n ChakraProvider,\n refineTheme,\n ReadyPage,\n ErrorComponent,\n Layout,\n} from '@pankod/refine-chakra-ui';\n\nimport {\n ChakraUIListInferencer,\n ChakraUIShowInferencer,\n ChakraUICreateInferencer,\n ChakraUIEditInferencer,\n} from '@pankod/refine-inferencer/chakra-ui';\n\nimport dataProvider from '@pankod/refine-simple-rest';\nimport routerProvider from '@pankod/refine-react-router-v6';\n\nfunction App() {\n return (\n \n }\n Layout={Layout}\n routerProvider={routerProvider}\n resources={[\n {\n name: 'samples',\n list: ChakraUIListInferencer,\n show: ChakraUIShowInferencer,\n create: ChakraUICreateInferencer,\n edit: ChakraUIEditInferencer,\n },\n ]}\n />\n \n );\n}\n\nexport default App;\n```\n\n \n\n\n\n๐ Thanks to **refine Inferencer package**, it guesses the configuration to use for the `list`, `show`, `create`, and `edit` pages based on the data fetched from the API and generates the pages automatically. \n\n\n\nNow, you should see the output as a table populated with `post` & `category` data:\n\n\n\n \n\nYou can get the auto-generated pages codes by clicking the `Show Code` button on each page. Afterward, simply pass the pages to the `resources` array by replacing with the Inferencer components.\n\n## Next Steps\n\n๐ Jump to [Tutorial](https://refine.dev/docs/tutorial/introduction/index/) to continue your work and turn the example into a full-blown CRUD application.\n\n๐ Visit [Learn the Basics Page](https://refine.dev/docs/getting-started/overview/) to get informed about the fundamental concepts.\n\n๐ Read more on [Advanced Tutorials\n](https://refine.dev/docs/advanced-tutorials/) for different usage scenarios.\n\n๐ See the real-life [Finefoods Demo](https://refine.dev/demo/) project.\n\n๐ Play with interactive [Examples](https://refine.dev/docs/examples/)\n\n## Roadmap\nYou can find refine's Public Roadmap here! \n\n## Stargazers\n\n[](https://github.com/refinedev/refine/stargazers)\n\n## Contribution\n\n\n\n [๐ Refer to contribution docs for more information](https://refine.dev/docs/contributing/#ways-to-contribute)\n\n\n\nIf you have any doubts related to the project or want to discuss something, then join our [Discord Server](https://discord.gg/refine).\n\n\n## Our โฅ๏ธ Contributors\n\n\n \n\n\n## License\n\nLicensed under the MIT License, Copyright ยฉ 2021-present Refinedev\n","readmeFilename":"README.md","_id":"@pankod/refine-chakra-ui@1.7.0","_nodeVersion":"16.19.1","_npmVersion":"8.19.3","dist":{"integrity":"sha512-DwASt4yyvujwXQjou4jM41qCuy+NJvFZpx5yTOWxcFpdxSL+FZN+D9TB2m6la0GIik/PDazwii09cBij08JSQg==","shasum":"66c6848505aa372d989997514b269280c59f0e60","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.7.0.tgz","fileCount":171,"unpackedSize":1484980,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH0gIkmj1+mf1hYx7wI7tdWHL7QeMfwck6kNIYpNfopyAiBBxAcwMv/mwPniAt3l+MSypHlYpTUqZbWW8JfVfJhLqg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkDzJhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6dA/8C8QoKCMu+3Hd+pgYoPWJM/WfXD3XSsXxk7a1Kv7myRIOVaoI\r\nyznBuxWdkZr3brQVpfJkz+uDigcCY+TqzcgW6kCQOhBTvj/jUUgszTsOogUq\r\nQtXYWcuIei1470K+e1hIG2U+RPo2MufIgK8n4v7pOAlIXd1KDGETLFVUFKDR\r\nvep7CZYP0tc2QvM+fBXEa9Dp9nlV5h/ay0U/sv7BYdzOG6BpTmYJfPOe3zb+\r\ncC2HLu9XniDizqGWuxjCi8zAhF0klk5ymZObIkHXSpk97shmH5zcl12JKazf\r\nujSyu3nIxbYyX5gYd1k7yocE6vEfxiyxwBV/736AXc6tM/CW71fX+k6HAuEu\r\nRDGchE1xrAOJKUkloVUtGpuynADQJikp+4DwQG9QHh9qiIL+8plYoGGcrUWk\r\nPSsqO23bMkdG7W+v3H8hBjNA5nLywEeDx2k93HLc5NGqSZR1U71REXLnBKoV\r\ndV0QJBtoitDTNbKcPwyPPfvG7AWaU0f8wEZRF7qPcn3AomKhvPaCMUO8BD8w\r\nRzgeSAP0HbS9waECpJoCR4jNY15zsxh39vfF2WfKWWdKZD6vKN0j08B5nHGs\r\nFbILqkrnbbeyqorxmFEwPHikW6dsLKcP3IT2eBIsC+XjJnjH0T/BSjwmopMS\r\nEf/qAtAd+gk6wUuJ2BmExXFVhD0iVZ0Jwcs=\r\n=6BKh\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"willico","email":"batuhanwilhelm@gmail.com"},{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.7.0_1678717537326_0.8031028373702176"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"},"1.8.0":{"name":"@pankod/refine-chakra-ui","version":"1.8.0","description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","private":false,"main":"dist/index.js","module":"dist/esm/index.js","typings":"dist/index.d.ts","scripts":{"start":"tsup --watch --format esm,cjs,iife --legacy-output","build":"tsup --format esm,cjs,iife --minify --legacy-output","test":"jest --passWithNoTests --runInBand","prepare":"npm run build","postinstall":"echo \"refine v4 is released ๐ \nThe new version is 100% backward compatible. You can upgrade to v4 with a single command! \nSee the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x \n\""},"peerDependencies":{"@pankod/refine-cli":"^1.1.1","@pankod/refine-core":"^3.86.2","@chakra-ui/react":"^2.3.6","dayjs":"^1.10.7","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@pankod/refine-cli":"^1.19.0","@pankod/refine-ui-tests":"^0.13.0","@pankod/refine-core":"^3.103.0","@esbuild-plugins/node-resolve":"^0.1.4","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.1.1","@testing-library/react-hooks":"^8.0.0","@testing-library/user-event":"^14.1.1","@types/jest":"^29.2.4","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@types/testing-library__jest-dom":"^5.14.3","esbuild-copy-static-files":"^0.1.0","esbuild-plugin-inline-image":"^0.0.8","identity-obj-proxy":"^3.0.0","jest":"^29.3.1","jest-environment-jsdom":"^29.3.1","react-router-dom":"6.3.0","ts-jest":"^29.0.3","tsup":"^5.11.13","typescript":"^4.7.4"},"dependencies":{"@pankod/refine-ui-types":"^0.16.0","@pankod/refine-react-hook-form":"^3.39.0","@chakra-ui/react":"^2.3.6","@tabler/icons":"^1.1.0","@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","framer-motion":"^7.5.3","dayjs":"^1.10.7","react-markdown":"^6.0.1","remark-gfm":"^1.0.0","tslib":"^2.3.1"},"author":{"name":"Refine"},"license":"MIT","gitHead":"829f5a516f98c06f666d6be3e6e6099c75c07719","publishConfig":{"access":"public"},"_id":"@pankod/refine-chakra-ui@1.8.0","_nodeVersion":"16.19.1","_npmVersion":"8.19.3","dist":{"integrity":"sha512-QKObUnQPdsWSOVSUYQ30BdwFiIxeF+0Q4zANbqClhAPvKyEvqIWbs/oS09hSudAJzGMXmZAMg2h2b757GeG7HA==","shasum":"08222e259b3ba311f1319201539d1e75eedc2620","tarball":"https://registry.npmjs.org/@pankod/refine-chakra-ui/-/refine-chakra-ui-1.8.0.tgz","fileCount":171,"unpackedSize":1485710,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDxlMURl8UwxGG5Ts74r3cBMAO6D58Oc7Il13vL0uI/GwIhAL/peSMDlx8PyaEqcKKH4CEWKlhL0P2HDf7vzPkLnkJt"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEB3XACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqkdQ/+P3XxYjJxMdbSnQq+04lX4PgeOohMStR9plMXaqorHTpSkfPn\r\nOAmDo6ClHZdPJSvAJQDvy4rt3HyvRNBPbhEDC/zh1sjx3+IBTVaiSsJa0e22\r\n4FpqYgR0Ouzr8g/3xpYyMCwPngFsHePbU7v53h2xewqtmdXt3C9h21kWASOU\r\nqbSQjPjSTwDFIUcDkbKjM5ge+/FZd7ZAeHF84Aat4zaDvCsPJTVGBAl2Q1YW\r\nCggW6AhGUTAUNsKaQ96CNckFW5NsDd6roTAiOp7ShOroziz9Sx0Le+OBeq2p\r\nU86wTETiDYL9oeV3vOc5aqca5GL3ZHr4QCisVawH+Wpr4mnAjpeNr9F6BYyh\r\nnngv3hm7ZrlnwOVBNrPhMDwlW0H6W1KQlJGunJLR9MpImcRUOCrTkLCutC0J\r\nuyNWOOinQA+F8YJLDRUyqNkiFNOTvqvVLErgbaxiLqBaVk6ql3ZYHnOX4PJ4\r\n/CCk4I48ts8WzKkmSWiCiUnUsdBUBWA1+Zr7RiyKzWRQ0pdbAI8GqORPvfUJ\r\n/pBs4eMmrfwuSQsXY5XKhYCPonDE5sNPcqrlRTl2v7SFrxKEY4wGBYuFaedc\r\n9iRAnqqicptrGSEJM5biNfM41tCpSJdt7JBp6KCb3DTc8pMyv0GIOOsLhVGN\r\nCIkIRoYSu23My+qHS7UbfLpVQlp4ndHIrG4=\r\n=vKoz\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"omerfarukaplak","email":"omer@pankod.com"},"directories":{},"maintainers":[{"name":"willico","email":"batuhanwilhelm@gmail.com"},{"name":"alicanerdurmaz","email":"alicanerdurmaz@gmail.com"},{"name":"salihozdmr","email":"salihozdemir94@gmail.com"},{"name":"omerfarukaplak","email":"omer@pankod.com"},{"name":"pankodbot","email":"bot@pankod.com"},{"name":"yildirayyunlu","email":"yildirayyunlu@gmail.com"},{"name":"aliemirsen","email":"senaliemir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/refine-chakra-ui_1.8.0_1678777814751_0.09843173070932476"},"_hasShrinkwrap":false,"deprecated":"refine v4 is released ๐ The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x"}},"time":{"created":"2022-10-31T12:31:49.067Z","1.1.0":"2022-10-31T12:31:49.307Z","modified":"2023-11-02T07:54:21.282Z","1.2.0":"2022-10-31T12:47:22.184Z","1.2.1":"2022-11-02T06:38:48.697Z","1.2.2":"2022-11-02T10:09:32.446Z","1.2.3":"2022-11-03T15:33:44.582Z","1.2.4":"2022-11-03T16:00:57.580Z","1.2.6":"2022-11-04T15:47:42.157Z","1.2.7":"2022-11-07T15:33:40.228Z","1.2.8":"2022-11-07T18:11:27.448Z","1.2.9":"2022-11-09T10:17:55.462Z","1.2.10":"2022-11-09T10:40:17.736Z","1.2.11":"2022-11-17T09:21:09.439Z","1.2.12":"2022-11-17T12:17:06.186Z","1.3.0":"2022-11-30T13:51:08.635Z","1.4.0":"2022-11-30T14:23:29.454Z","1.4.1":"2022-12-01T13:19:21.528Z","1.4.2":"2022-12-01T13:52:22.560Z","1.4.3":"2022-12-05T12:28:07.415Z","1.4.4":"2022-12-05T12:50:05.099Z","1.5.0":"2022-12-08T08:03:42.664Z","1.6.0":"2022-12-08T08:31:18.637Z","1.6.1":"2022-12-14T10:34:17.475Z","1.6.2":"2022-12-14T11:55:53.294Z","1.6.3":"2023-01-16T13:01:26.958Z","1.6.4":"2023-01-16T14:21:09.263Z","1.6.5":"2023-01-17T08:55:29.761Z","1.6.6":"2023-01-17T09:26:53.529Z","1.7.0":"2023-03-13T14:25:37.577Z","1.8.0":"2023-03-14T07:10:15.017Z"},"maintainers":[{"email":"batuhanwilhelm@gmail.com","name":"willico"},{"email":"alicanerdurmaz@gmail.com","name":"alicanerdurmaz"},{"email":"omer@pankod.com","name":"omerfarukaplak"},{"email":"bot@pankod.com","name":"pankodbot"},{"email":"senaliemir@gmail.com","name":"aliemirsen"}],"description":"refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.","author":{"name":"Refine"},"license":"MIT","readme":" \n\n
Build your React-based CRUD applications, without constraints. An open source, headless web application framework developed with flexibility in mind.\n\n \n \n\n\n[](https://discord.gg/refine)\n[](https://twitter.com/refine_dev)\n\n\n\n
\n\n \n\n\n \n \n\n\n\n\n\n\n\n## What is refine?\n**refine** is a React-based framework for the rapid โจ development of web applications. \nIt eliminates repetitive tasks demanded by **CRUD** operations and provides industry standard solutions for critical parts like **authentication**, **access control**, **routing**, **networking**, **state management**, and **i18n**.\n\n**refine** is *headless by design*, thereby offering unlimited styling and customization options.\n\n## What do you mean by \"headless\" ?\nInstead of being a limited set of pre-styled components, **refine** is a collection of helper `hooks`, `components`, and `providers`. They are all decoupled from *UI components* and *business logic*, so that they never keep you from customizing your *UI* or coding your own flow.\n\n**refine** seamlessly works with any **custom design** or **UI framework** that you favor. For convenience, it ships with ready-made integrations for [Ant Design System](https://ant.design/), [Material UI](https://mui.com/), [Mantine](https://mantine.dev/), and [Chakra UI](https://chakra-ui.com/).\n\n## Use cases\n**refine**ย shines on *data-intensiveโก* applications like **admin panels**, **dashboards** and **internal tools**. Thanks to the built-in **SSR support**, **refine**ย can also power *customer-facing* applications like **storefronts**.\n\nYou can take a look at some live examples that can be built using **refine** from scratch:\n\n\n\n\n\n \n\n\n\n \n\n\n\n\n \n\n\n\n\n \n \n\n\n[๐ Refer to most popular real use case examples](https://refine.dev/examples/)\n\n[๐ More **refine** powered different usage scenarios can be found here](https://refine.dev/docs/examples/)\n\n\n\n\n## Key Features\n\nโ๏ธ Zero-config, **one-minute setup** with a **single CLI command**\n\n๐ Connectors for **15+ backend services** including [REST API](https://github.com/refinedev/refine/tree/master/packages/simple-rest), [GraphQL](https://github.com/refinedev/refine/tree/master/packages/graphql), [NestJs CRUD](https://github.com/refinedev/refine/tree/master/packages/nestjsx-crud), [Airtable](https://github.com/refinedev/refine/tree/master/packages/airtable), [Strapi](https://github.com/refinedev/refine/tree/master/packages/strapi), [Strapi v4](https://github.com/refinedev/refine/tree/master/packages/strapi-v4), [Strapi GraphQL](https://github.com/refinedev/refine/tree/master/packages/strapi-graphql), [Supabase](https://github.com/refinedev/refine/tree/master/packages/supabase), [Hasura](https://github.com/refinedev/refine/tree/master/packages/hasura), [Appwrite](https://github.com/refinedev/refine/tree/master/packages/appwrite), [Firebase](https://firebase.google.com/), and [Directus](https://directus.io/).\n\n๐ **SSR support** with **Next.js** or **Remix**\n\n๐ Auto-generated **CRUD** UIs from **your API data structure**\n\nโ Perfect **state management** & **mutations** with **React Query**\n\n๐ **Advanced routing** with any router library of your choice\n\n๐ Providers for seamless **authentication** and **access control** flows\n\nโก Out-of-the-box support for **live / real-time applications**\n\n๐ Easy **audit logs** & **document versioning**\n\n๐ฌ Support for any **i18n** framework\n\n๐ช Future-proof, **robust architecture**\n\nโ๏ธ Built-in CLI with time-saving features\n\nโ Full **test coverage**\n\n## Quick Start\n\nThe fastest way to get started with **refine** is by using the `create refine-app` project starter tool.\nRun the following command to create a new **refine** project configured with [Chakra UI](https://chakra-ui.com/) as the default UI framework:\n\n```\nnpm create refine-app@latest -- --preset refine-chakra-ui\n```\n\nOnce the setup is complete, navigate to the project folder and start your project with:\n\n```\nnpm run dev\n```\n\n \n\nYour **refine** application will be accessible at [http://localhost:3000](http://localhost:3000):\n\n\n\n\n\n \n\nLet's consume a public `fake REST API` and add two resources (*posts*, *categories*) to our project. Replace the contents of `src/App.tsx` with the following code:\n\n```tsx title=\"src/App.tsx\"\nimport React from 'react';\nimport { Refine } from '@pankod/refine-core';\nimport {\n notificationProvider,\n ChakraProvider,\n refineTheme,\n ReadyPage,\n ErrorComponent,\n Layout,\n} from '@pankod/refine-chakra-ui';\n\nimport {\n ChakraUIListInferencer,\n ChakraUIShowInferencer,\n ChakraUICreateInferencer,\n ChakraUIEditInferencer,\n} from '@pankod/refine-inferencer/chakra-ui';\n\nimport dataProvider from '@pankod/refine-simple-rest';\nimport routerProvider from '@pankod/refine-react-router-v6';\n\nfunction App() {\n return (\n \n }\n Layout={Layout}\n routerProvider={routerProvider}\n resources={[\n {\n name: 'samples',\n list: ChakraUIListInferencer,\n show: ChakraUIShowInferencer,\n create: ChakraUICreateInferencer,\n edit: ChakraUIEditInferencer,\n },\n ]}\n />\n \n );\n}\n\nexport default App;\n```\n\n \n\n\n\n๐ Thanks to **refine Inferencer package**, it guesses the configuration to use for the `list`, `show`, `create`, and `edit` pages based on the data fetched from the API and generates the pages automatically. \n\n\n\nNow, you should see the output as a table populated with `post` & `category` data:\n\n\n\n \n\nYou can get the auto-generated pages codes by clicking the `Show Code` button on each page. Afterward, simply pass the pages to the `resources` array by replacing with the Inferencer components.\n\n## Next Steps\n\n๐ Jump to [Tutorial](https://refine.dev/docs/tutorial/introduction/index/) to continue your work and turn the example into a full-blown CRUD application.\n\n๐ Visit [Learn the Basics Page](https://refine.dev/docs/getting-started/overview/) to get informed about the fundamental concepts.\n\n๐ Read more on [Advanced Tutorials\n](https://refine.dev/docs/advanced-tutorials/) for different usage scenarios.\n\n๐ See the real-life [Finefoods Demo](https://refine.dev/demo/) project.\n\n๐ Play with interactive [Examples](https://refine.dev/docs/examples/)\n\n## Roadmap\nYou can find refine's Public Roadmap here! \n\n## Stargazers\n\n[](https://github.com/refinedev/refine/stargazers)\n\n## Contribution\n\n\n\n [๐ Refer to contribution docs for more information](https://refine.dev/docs/contributing/#ways-to-contribute)\n\n\n\nIf you have any doubts related to the project or want to discuss something, then join our [Discord Server](https://discord.gg/refine).\n\n\n## Our โฅ๏ธ Contributors\n\n\n \n\n\n## License\n\nLicensed under the MIT License, Copyright ยฉ 2021-present Refinedev\n","readmeFilename":"README.md"}
![](\"https://raw.githubusercontent.com/pankod/refine/master/logo.png\"){kind=logo}
\n\n![\"refine](\"https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=362220&theme=light&period=daily\"){kind=icon}
\n\n[](https://codeclimate.com/github/pankod/refine/maintainability)\n[](https://codeclimate.com/github/pankod/refine/test_coverage)\n[](https://www.npmjs.com/package/@pankod/refine-mui)\n[](https://www.npmjs.com/package/@pankod/refine-mui)\n[](code_of_conduct.md)\n![](\"https://github.com/pankod/refine/blob/master/documentation/static/img/refine-promo-gif.gif?raw=true\")
\n![\"how-works-refine\"](\"https://user-images.githubusercontent.com/18739364/200257042-3f2aa7f7-a07f-4824-8d2a-b25f26b6fd32.png\")
\n![](\"https://user-images.githubusercontent.com/18739364/204285956-cc20fa11-b769-4bd5-b8f6-9c05a283ac85.gif\")
\n\n\n\n \n![](\"https://user-images.githubusercontent.com/18739364/204285047-8f24f1f4-65ea-4952-83ed-81e92cdd5b90.gif\")
\n\n\n\n \n![](\"https://user-images.githubusercontent.com/18739364/204285039-1ce0cb06-fbf8-4704-89c9-2e004620c9a8.gif\")
\n\n\n\n![](\"https://raw.githubusercontent.com/refinedev/refine/master/logo.png\"){kind=logo}
\n![](\"https://refine.ams3.cdn.digitaloceanspaces.com/refine_logo.png\"){kind=logo}
\n