Skip to content

Commit

Permalink
DataTable Creating
Browse files Browse the repository at this point in the history
  • Loading branch information
@meftunca
meftunca committed Oct 17, 2022
1 parent 1225450 commit bd9e35b
Show file tree
Hide file tree
Showing 31 changed files with 362 additions and 619 deletions.
Binary file added docs/bun.lockb
View file
Binary file not shown.
48 changes: 24 additions & 24 deletions docs/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,12 @@
"private": true,
"type": "module",
"scripts": {
"start": "yarn; vite --open --port 9999",
"start": "vite --open --port 9999",
"build": "tsc && vite build",
"serve": "vite preview"
},
"dependencies": {
"@faker-js/faker": "6.3.1",
"@faker-js/faker": "7.6.0",
"@re-flex/animatable": "file:../packages/animatable/src",
"@re-flex/form": "file:../packages/form/src",
"@re-flex/i18n": "file:../packages/i18n/src",
Expand All @@ -19,52 +19,52 @@
"@re-flex/ui": "file:../packages/ui/src",
"@re-flex/utils": "file:../packages/utils/src",
"@re-flex/validator": "file:../packages/validator",
"classnames": "2.3.1",
"classnames": "2.3.2",
"codesandbox": "^2.2.3",
"color2k": "^2.0.0",
"copy-text-to-clipboard": "^3.0.1",
"dayjs": "^1.11.3",
"dayjs": "^1.11.5",
"history": "^5.3.0",
"i18next": "21.8.10",
"i18next-browser-languagedetector": "^6.1.4",
"i18next": "21.10.0",
"i18next-browser-languagedetector": "^6.1.8",
"i18next-xhr-backend": "^3.2.2",
"lodash": "^4.17.21",
"prism-react-renderer": "^1.3.3",
"prism-react-renderer": "^1.3.5",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-i18next": "11.17.2",
"react-icons": "^4.4.0",
"react-i18next": "11.18.6",
"react-icons": "^4.6.0",
"react-json-tree": "^0.17.0",
"react-live": "^2.4.1",
"react-router-dom": "6.3.0",
"zustand": "4.0.0-rc.1"
"react-router-dom": "6.4.2",
"zustand": "4.1.2"
},
"devDependencies": {
"@mdx-js/mdx": "2.1.2",
"@mdx-js/react": "2.1.2",
"@mdx-js/rollup": "^2.1.2",
"@mdx-js/mdx": "2.1.5",
"@mdx-js/react": "2.1.5",
"@mdx-js/rollup": "^2.1.5",
"@types/mdx": "^2.0.2",
"@types/react": "^18.0.14",
"@types/react-dom": "^18.0.5",
"@vitejs/plugin-react": "^1.3.2",
"@types/react": "^18.0.21",
"@types/react-dom": "^18.0.6",
"@vitejs/plugin-react": "^2.1.0",
"react-docgen-typescript": "^2.2.2",
"react-docgen-typescript-vite-plugin": "^0.0.3",
"rehype-slug": "^5.0.1",
"remark": "^14.0.2",
"remark-code-import": "^1.1.1",
"remark-codesandbox": "^0.10.1",
"remark-frontmatter": "^4.0.1",
"remark-github": "^11.2.3",
"remark-github": "^11.2.4",
"remark-oembed": "^1.2.2",
"remark-react-codemirror": "^1.1.2",
"remark-react-codemirror": "^1.1.3",
"remark-reference-links": "^6.0.1",
"remark-squeeze-paragraphs": "^5.0.1",
"remark-toc": "^8.0.1",
"rollup-plugin-visualizer": "^5.6.0",
"typescript": "^4.7.4",
"vite": "^2.9.12",
"vite-plugin-static-copy": "^0.5.1",
"yaml": "^2.1.1"
"rollup-plugin-visualizer": "^5.8.3",
"typescript": "^4.8.4",
"vite": "^3.1.8",
"vite-plugin-static-copy": "^0.9.0",
"yaml": "^2.1.3"
},
"gitHead": "df2d141a000ab7a5c5fbf3bc9b6633ab90370839"
}
35 changes: 7 additions & 28 deletions docs/src/Pages/Documentation/DataDisplay/List/Examples/JS/BannerImage.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,61 +1,40 @@
import faker from "@faker-js/faker";
import { Divider, List, Text } from "@re-flex/ui";
import React from "react";
import { faker } from '@faker-js/faker';
import { Divider, List, Text } from '@re-flex/ui';

const SimpleList = () => {
return (
<List
sx={{
minWidth: 320,
bgColor: "background.paper",
bgColor: 'background.paper',
p: 1,
borderRadius: 0.5,
boxShadow: 1,
}}
>
<List.Item
leftItem={
<img
alt="unsplash"
src={"https://source.unsplash.com/random/96x52"}
/>
}
leftItem={<img alt="unsplash" src={'https://source.unsplash.com/random/96x52'} />}
title={faker.fake(`{{name.lastName}} {{name.firstName}}`)}
description={faker.fake(`{{name.suffix}}`)}
rightItem={<Text variant="caption">Group</Text>}
/>
<Divider />
<List.Item
leftItem={
<img
alt="unsplash"
src={"https://source.unsplash.com/random/96x52"}
/>
}
leftItem={<img alt="unsplash" src={'https://source.unsplash.com/random/96x52'} />}
title={faker.fake(`{{name.lastName}} {{name.firstName}}`)}
description={faker.fake(`{{name.suffix}}`)}
rightItem={<Text variant="caption">Group</Text>}
/>
<Divider />
<List.Item
leftItem={
<img
alt="unsplash"
src={"https://source.unsplash.com/random/96x52"}
/>
}
leftItem={<img alt="unsplash" src={'https://source.unsplash.com/random/96x52'} />}
title={faker.fake(`{{name.lastName}} {{name.firstName}}`)}
description={faker.fake(`{{name.suffix}}`)}
rightItem={<Text variant="caption">Group</Text>}
/>
<Divider />
<List.Item
leftItem={
<img
alt="unsplash"
src={"https://source.unsplash.com/random/96x52"}
/>
}
leftItem={<img alt="unsplash" src={'https://source.unsplash.com/random/96x52'} />}
title={faker.fake(`{{name.lastName}} {{name.firstName}}`)}
description={faker.fake(`{{name.suffix}}`)}
rightItem={<Text variant="caption">Group</Text>}
Expand Down
32 changes: 8 additions & 24 deletions docs/src/Pages/Documentation/DataDisplay/List/Examples/JS/Button.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,42 +1,26 @@
import faker from "@faker-js/faker";
import { Divider, List } from "@re-flex/ui";
import React from "react";
import { faker } from '@faker-js/faker';
import { Divider, List } from '@re-flex/ui';

const SimpleListSize = () => {
return (
<List
sx={{
minWidth: 320,
bgColor: "background.paper",
bgColor: 'background.paper',
p: 1,
borderRadius: 0.5,
boxShadow: 1,
}}
>
<List.Item
button
title={faker.fake(`{{name.lastName}} {{name.firstName}}`)}
/>
<List.Item button title={faker.fake(`{{name.lastName}} {{name.firstName}}`)} />
<Divider />
<List.Item
button
title={faker.fake(`{{name.lastName}} {{name.firstName}}`)}
/>
<List.Item button title={faker.fake(`{{name.lastName}} {{name.firstName}}`)} />
<Divider />
<List.Item
button
title={faker.fake(`{{name.lastName}} {{name.firstName}}`)}
/>
<List.Item button title={faker.fake(`{{name.lastName}} {{name.firstName}}`)} />
<Divider />
<List.Item
button
title={faker.fake(`{{name.lastName}} {{name.firstName}}`)}
/>
<List.Item button title={faker.fake(`{{name.lastName}} {{name.firstName}}`)} />
<Divider />
<List.Item
button
title={faker.fake(`{{name.lastName}} {{name.firstName}}`)}
/>
<List.Item button title={faker.fake(`{{name.lastName}} {{name.firstName}}`)} />
</List>
);
};
Expand Down
7 changes: 3 additions & 4 deletions docs/src/Pages/Documentation/DataDisplay/List/Examples/JS/Description.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,13 +1,12 @@
import faker from "@faker-js/faker";
import { Divider, List } from "@re-flex/ui";
import React from "react";
import { faker } from '@faker-js/faker';
import { Divider, List } from '@re-flex/ui';

const SimpleListDescription = () => {
return (
<List
sx={{
minWidth: 320,
bgColor: "background.paper",
bgColor: 'background.paper',
p: 1,
borderRadius: 0.5,
boxShadow: 1,
Expand Down
30 changes: 7 additions & 23 deletions docs/src/Pages/Documentation/DataDisplay/List/Examples/JS/LeftItem.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,14 +1,13 @@
import faker from "@faker-js/faker";
import { Avatar, Divider, List } from "@re-flex/ui";
import React from "react";
import { FiUsers } from "react-icons/fi";
import { faker } from '@faker-js/faker';
import { Avatar, Divider, List } from '@re-flex/ui';
import { FiUsers } from 'react-icons/fi';

const SimpleListLeftItem = () => {
return (
<List
sx={{
minWidth: 320,
bgColor: "background.paper",
bgColor: 'background.paper',
p: 1,
borderRadius: 0.5,
boxShadow: 1,
Expand All @@ -21,34 +20,19 @@ const SimpleListLeftItem = () => {
/>
<Divider />
<List.Item
leftItem={
<Avatar
alt="unsplash"
src={"https://source.unsplash.com/random/40x40?avatar"}
/>
}
leftItem={<Avatar alt="unsplash" src={'https://source.unsplash.com/random/40x40?avatar'} />}
title={faker.fake(`{{name.lastName}} {{name.firstName}}`)}
description={faker.fake(`{{name.suffix}}`)}
/>
<Divider />
<List.Item
leftItem={
<Avatar
alt="unsplash"
src={"https://source.unsplash.com/random/40x40?avatar"}
/>
}
leftItem={<Avatar alt="unsplash" src={'https://source.unsplash.com/random/40x40?avatar'} />}
title={faker.fake(`{{name.lastName}} {{name.firstName}}`)}
description={faker.fake(`{{name.suffix}}`)}
/>
<Divider />
<List.Item
leftItem={
<Avatar
alt="unsplash"
src={"https://source.unsplash.com/random/40x40?avatar"}
/>
}
leftItem={<Avatar alt="unsplash" src={'https://source.unsplash.com/random/40x40?avatar'} />}
title={faker.fake(`{{name.lastName}} {{name.firstName}}`)}
description={faker.fake(`{{name.suffix}}`)}
/>
Expand Down
9 changes: 4 additions & 5 deletions docs/src/Pages/Documentation/DataDisplay/List/Examples/JS/RightItem.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,14 +1,13 @@
import faker from "@faker-js/faker";
import { Avatar, Divider, List } from "@re-flex/ui";
import React from "react";
import { FiUsers } from "react-icons/fi";
import { faker } from '@faker-js/faker';
import { Avatar, Divider, List } from '@re-flex/ui';
import { FiUsers } from 'react-icons/fi';

const SimpleListRightItem = () => {
return (
<List
sx={{
minWidth: 320,
bgColor: "background.paper",
bgColor: 'background.paper',
p: 1,
borderRadius: 0.5,
boxShadow: 1,
Expand Down
7 changes: 3 additions & 4 deletions docs/src/Pages/Documentation/DataDisplay/List/Examples/JS/Sample.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,13 +1,12 @@
import faker from "@faker-js/faker";
import { Divider, List } from "@re-flex/ui";
import React from "react";
import { faker } from '@faker-js/faker';
import { Divider, List } from '@re-flex/ui';

const SimpleList = () => {
return (
<List
sx={{
minWidth: 320,
bgColor: "background.paper",
bgColor: 'background.paper',
p: 1,
borderRadius: 0.5,
boxShadow: 1,
Expand Down
32 changes: 8 additions & 24 deletions docs/src/Pages/Documentation/DataDisplay/List/Examples/JS/Size.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,42 +1,26 @@
import faker from "@faker-js/faker";
import { Divider, List } from "@re-flex/ui";
import React from "react";
import { faker } from '@faker-js/faker';
import { Divider, List } from '@re-flex/ui';

const SimpleList = () => {
return (
<List
sx={{
minWidth: 320,
bgColor: "background.paper",
bgColor: 'background.paper',
p: 1,
borderRadius: 0.5,
boxShadow: 1,
}}
>
<List.Item
size="xs"
title={faker.fake(`{{name.lastName}} {{name.firstName}}`)}
/>
<List.Item size="xs" title={faker.fake(`{{name.lastName}} {{name.firstName}}`)} />
<Divider />
<List.Item
size="sm"
title={faker.fake(`{{name.lastName}} {{name.firstName}}`)}
/>
<List.Item size="sm" title={faker.fake(`{{name.lastName}} {{name.firstName}}`)} />
<Divider />
<List.Item
size="md"
title={faker.fake(`{{name.lastName}} {{name.firstName}}`)}
/>
<List.Item size="md" title={faker.fake(`{{name.lastName}} {{name.firstName}}`)} />
<Divider />
<List.Item
size="lg"
title={faker.fake(`{{name.lastName}} {{name.firstName}}`)}
/>
<List.Item size="lg" title={faker.fake(`{{name.lastName}} {{name.firstName}}`)} />
<Divider />
<List.Item
size="xl"
title={faker.fake(`{{name.lastName}} {{name.firstName}}`)}
/>
<List.Item size="xl" title={faker.fake(`{{name.lastName}} {{name.firstName}}`)} />
</List>
);
};
Expand Down
Loading

0 comments on commit bd9e35b

Please sign in to comment.