Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CardView - spike #27738

Draft
wants to merge 350 commits into
base: grids/cardview/main
Choose a base branch
from
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
350 commits
Select commit Hold shift + click to select a range
73fb7bb
Get rid of InternalPagerProps
Raushen Aug 5, 2024
1668a17
Fix Display mode
Raushen Aug 5, 2024
b22dd2e
Merge branch '24_2' into grids/cardview/draft
pomahtri Aug 6, 2024
e842920
Use PagerProps type for options
Raushen Aug 7, 2024
9ab0be7
RTL fix
Raushen Aug 7, 2024
eb989f5
Fix adaptive issue
Raushen Aug 7, 2024
e1e80f5
Reexport Pager
Raushen Aug 7, 2024
6034a2b
Merge branch '24_2' into grids/cardview/draft
pomahtri Aug 8, 2024
92d123c
fix tests
Raushen Aug 8, 2024
11988aa
getPopupOptions 1
pomahtri Aug 8, 2024
bd4b2fa
Remove Pager renovation
Raushen Aug 8, 2024
223405e
PageSizeChange -> PageSizeChanged; PageIndexChange -> PageIndexChanged
Raushen Aug 8, 2024
8335764
Fix tests
Raushen Aug 8, 2024
82889e7
Merge branch '24_2' of github.com:DevExpress/DevExtreme into Pager_24_2
Raushen Aug 8, 2024
8f9ebc7
inprogress
pomahtri Aug 9, 2024
d3cf684
Merge branch '24_2' into grids/cardview/draft
pomahtri Aug 9, 2024
9c8321f
move inferno wrappers
pomahtri Aug 11, 2024
c856a55
inprogress
pomahtri Aug 11, 2024
5be804b
inprogress
pomahtri Aug 11, 2024
97bcf35
Merge branch '24_2' into grids/cardview/draft
pomahtri Aug 13, 2024
4aa224d
di :: feat
pomahtri Aug 13, 2024
e361eb0
Merge branch 'grids/cardview/di' into grids/cardview/draft
pomahtri Aug 13, 2024
e28f662
reactive :: feat
pomahtri Aug 13, 2024
e8c8c3a
Merge branch 'grids/cardview/reactive' into grids/cardview/draft
pomahtri Aug 13, 2024
d9a4023
Merge remote-tracking branch 'Raushen/Pager_24_2' into grids/cardview…
pomahtri Aug 13, 2024
1e77252
Merge branch '24_2' into grids/cardview/draft
pomahtri Aug 14, 2024
3e87e0c
inprogress
pomahtri Aug 14, 2024
0ddb624
Merge branch '24_2' into grids/cardview/draft
pomahtri Aug 15, 2024
099fb25
note: script to update
pomahtri Aug 15, 2024
af21d44
Merge branch '24_2' into grids/cardview/reactive
pomahtri Aug 15, 2024
045d0eb
move utils
pomahtri Aug 15, 2024
3ac259c
refactor InterruptableComputed
pomahtri Aug 15, 2024
7bf5944
feat: implement disposable stack
pomahtri Mar 31, 2024
67ee0ce
Merge branch 'refactor/disposable_stack' into grids/cardview/reactive
pomahtri Aug 15, 2024
a098fef
fix: remove ts-expect-error after ts update
pomahtri Aug 15, 2024
5094d45
Merge branch 'refactor/disposable_stack' into grids/cardview/reactive
pomahtri Aug 15, 2024
7c2efbd
note
pomahtri Aug 15, 2024
2206134
Merge branch 'grids/cardview/reactive' into grids/cardview/draft
pomahtri Aug 15, 2024
240193f
inprogress
pomahtri Aug 16, 2024
eceae56
inprogress
pomahtri Aug 16, 2024
76591ba
fix eslint
pomahtri Aug 19, 2024
ec239ba
checkbox wrapper
pomahtri Aug 19, 2024
7954bde
editing
pomahtri Aug 19, 2024
c1389b9
filter panel refactor
pomahtri Aug 19, 2024
c69b675
editing
pomahtri Aug 20, 2024
59275a8
Merge branch 'refactor/filter_panel/24_1' into grids/cardview/draft
pomahtri Aug 20, 2024
c08af63
remove empty from filterPanel
pomahtri Aug 20, 2024
807015f
Merge branch '24_2' into grids/cardview/draft
pomahtri Aug 20, 2024
44544df
Merge branch '24_2' into grids/cardview/draft
pomahtri Aug 22, 2024
9e57e3b
scrollable
pomahtri Aug 24, 2024
907b70f
public static
pomahtri Aug 24, 2024
da539a8
extract types
pomahtri Aug 24, 2024
93c90ed
add jest inferno testing
pomahtri Aug 24, 2024
3803553
fix rerender from widget
pomahtri Aug 25, 2024
8226157
improve coverage
pomahtri Aug 25, 2024
c242463
di :: fix: tryGet
pomahtri Aug 25, 2024
832816b
local jest
pomahtri Aug 28, 2024
72e9cc4
figma vars
pomahtri Aug 29, 2024
612d263
inprogress
pomahtri Aug 29, 2024
2359f1b
Merge branch '24_2' into grids/cardview/draft
pomahtri Aug 29, 2024
1df9030
inprogress
pomahtri Aug 31, 2024
085e8a0
Merge branch '24_2' into grids/cardview/draft
pomahtri Aug 31, 2024
062a682
extract content_view_content
pomahtri Sep 1, 2024
567783a
move headers to cardview
pomahtri Sep 1, 2024
cfc5130
inprogress
pomahtri Sep 1, 2024
74cea9d
inprogress
pomahtri Sep 1, 2024
7f41f37
fix
pomahtri Sep 1, 2024
ab32292
add workspace
pomahtri Sep 1, 2024
b2fb03a
tsdoc
pomahtri Sep 2, 2024
506224f
Merge branch '24_2' into grids/cardview/draft
pomahtri Sep 2, 2024
3cd359d
add sortable to headers
pomahtri Sep 5, 2024
e346a8b
inprogress
pomahtri Sep 5, 2024
04918e8
tests for base
pomahtri Sep 5, 2024
52ac14c
Merge branch '24_2' into grids/cardview/draft
pomahtri Sep 5, 2024
bdf1ed0
Merge branch '24_2' into grids/cardview/draft
pomahtri Sep 6, 2024
e69cd67
Merge branch '24_2' into grids/cardview/draft
pomahtri Sep 7, 2024
3adb60e
revert editing
pomahtri Sep 7, 2024
0a78032
keyexpr test
pomahtri Sep 9, 2024
fe86c36
observable updateFunc
pomahtri Sep 9, 2024
2054470
Merge branch '24_2' into grids/cardview/draft
pomahtri Sep 11, 2024
115aeca
templates
pomahtri Sep 11, 2024
0f0bfe6
Merge branch '24_2' into grids/cardview/draft
pomahtri Sep 12, 2024
187fd4d
add nx generator
pomahtri Sep 13, 2024
27f86d1
use inferno 8
pomahtri Sep 13, 2024
0d1c60a
inferno playground
pomahtri Sep 13, 2024
f32c4fb
Merge branch '24_2' into grids/cardview/draft
pomahtri Sep 13, 2024
453d64c
column chooser
pomahtri Sep 14, 2024
777d633
inprogress
pomahtri Sep 16, 2024
56f03aa
inprogress
pomahtri Sep 16, 2024
bdd515b
inprogress
pomahtri Sep 16, 2024
5e74300
inprogress
pomahtri Sep 16, 2024
bb5fcbf
inprogress
pomahtri Sep 18, 2024
6a903f3
inprogress
pomahtri Sep 21, 2024
d760d84
Merge branch '24_2' into grids/cardview/draft
pomahtri Sep 21, 2024
097246c
inprogress
pomahtri Sep 21, 2024
347b8cf
inprogress
pomahtri Sep 22, 2024
3683811
fix: add more generics to effect
pomahtri Sep 22, 2024
c493989
feat: add Updatable.updateFunc
pomahtri Sep 22, 2024
e0b3101
Merge branch 'grids/cardview/reactive' into grids/cardview/draft
pomahtri Sep 22, 2024
a77a8a5
fix
pomahtri Sep 22, 2024
9f39482
Merge branch 'grids/cardview/di' into grids/cardview/draft
pomahtri Sep 22, 2024
1677d45
inprogress
pomahtri Sep 22, 2024
6d0f6b2
fix
pomahtri Sep 22, 2024
3d52e3a
fix: add build target for devextreme-react
pomahtri Sep 22, 2024
accce37
Merge branch 'storybook_nx' into grids/cardview/draft
pomahtri Sep 22, 2024
4a587fb
bump version generator
pomahtri Sep 22, 2024
67d8cf1
Merge branch '24_2' into grids/cardview/draft
pomahtri Sep 23, 2024
f87b8a3
headers e2e
pomahtri Sep 23, 2024
f62c29c
inprogress
pomahtri Sep 23, 2024
866577d
e2e testcafe storybook
pomahtri Sep 23, 2024
1bfbfd2
fix: get rid of card_view/index.d.ts
pomahtri Sep 23, 2024
03363f9
inprogress
pomahtri Sep 23, 2024
d9fc349
fix
pomahtri Sep 24, 2024
2e93184
Merge branch 'remove_dotnet_from_build' into grids/cardview/draft
pomahtri Sep 24, 2024
e8e53b3
separate main_view for dataGrid & cardView
pomahtri Sep 24, 2024
db1be7d
inprogress
pomahtri Sep 24, 2024
fcee300
add utils to storybook
pomahtri Sep 25, 2024
6e0093d
inprogress
pomahtri Sep 25, 2024
24be5d1
ci fixes
pomahtri Sep 25, 2024
4faf64f
Merge branch '24_2' into grids/cardview/draft
pomahtri Sep 25, 2024
4e62cd2
inprogress
pomahtri Sep 29, 2024
d1a1120
Merge branch '24_2' into grids/cardview/draft
pomahtri Oct 2, 2024
3f82579
Merge branch '24_2' into grids/cardview/draft
pomahtri Oct 3, 2024
b53dd63
update tools
pomahtri Oct 3, 2024
086e116
split .d.ts
pomahtri Oct 3, 2024
4f2c4f6
fix pager
pomahtri Oct 3, 2024
b4b7bac
make main_view abstract
pomahtri Oct 3, 2024
13b881b
split column chooser
pomahtri Oct 3, 2024
69e32f6
feat
pomahtri Oct 4, 2024
5b364cc
inprogress
pomahtri Oct 6, 2024
82011e3
review fix: rename HOC
pomahtri Oct 6, 2024
c8cdb05
Merge branch 'storybook_wrappers' into grids/cardview/draft
pomahtri Oct 6, 2024
b2392c0
Merge branch '24_2' into grids/cardview/draft
pomahtri Oct 8, 2024
baec828
inprogress
pomahtri Oct 8, 2024
0008984
load indicator: move to native class
pomahtri Oct 8, 2024
7ed418c
inprogress
pomahtri Oct 9, 2024
1b94735
inprogress
pomahtri Oct 9, 2024
2f77059
inprogress
pomahtri Oct 9, 2024
d458d3d
inprogress
pomahtri Oct 9, 2024
a7375c3
inprogress
pomahtri Oct 12, 2024
b2e2f4f
toolbar
pomahtri Oct 14, 2024
aaae5d9
inprogress
pomahtri Oct 18, 2024
43a505a
Merge branch '24_2' into grids/cardview/draft
pomahtri Oct 18, 2024
2b1d414
Merge branch '24_2' into grids/cardview/draft
pomahtri Oct 30, 2024
e6be242
Merge branch '24_2' into grids/cardview/draft
pomahtri Nov 6, 2024
e7381b8
update snapshots
pomahtri Nov 6, 2024
341857c
jest local
pomahtri Nov 6, 2024
24ea9b6
Merge branch '24_2' into grids/cardview/draft
pomahtri Nov 7, 2024
3a4893c
Merge branch '24_2' into grids/cardview/draft
pomahtri Nov 7, 2024
0404213
jest
pomahtri Nov 7, 2024
90ae5df
Merge branch '24_2' into grids/cardview/draft
pomahtri Nov 16, 2024
3970341
cherry-pick jest testing from 24.2
pomahtri Nov 16, 2024
7cd7eeb
filter builder support
pomahtri Nov 20, 2024
f5102a3
Merge branch '24_2' into grids/cardview/draft
pomahtri Nov 20, 2024
990f9f5
add index
pomahtri Nov 20, 2024
3d60bad
renames
pomahtri Nov 20, 2024
24c0a86
add combined func
pomahtri Nov 21, 2024
8737342
inprogress
pomahtri Nov 22, 2024
791a014
Merge branch '24_2' into grids/cardview/draft
pomahtri Nov 22, 2024
d25ad93
virtual scrolling
pomahtri Nov 23, 2024
db201a3
implement
pomahtri Nov 24, 2024
5a00367
Merge branch '24_2' into grids/cardview/draft
pomahtri Nov 24, 2024
46845b0
Merge branch 'grids/cardview/reactive' into grids/cardview/draft
pomahtri Nov 24, 2024
50366a8
fix
pomahtri Nov 24, 2024
c6c5bf9
doc fixes
pomahtri Nov 24, 2024
ab4495e
add cardsPerRow auto
pomahtri Nov 27, 2024
937df84
try spec jest
pomahtri Nov 27, 2024
6929da2
fix tests
pomahtri Nov 27, 2024
6d9d865
Header close button spike (#28431)
Raushen Nov 27, 2024
5b07b3e
CardView - Card - implement markup (#28386)
tongsonbarbs Nov 27, 2024
2186971
fix
pomahtri Nov 27, 2024
ab6a686
storybook fixes
pomahtri Nov 27, 2024
b39e7e6
Merge branch 'grids/cardview/main' into grids/cardview/draft
pomahtri Nov 28, 2024
6ec5a18
fix horizontal scroll
pomahtri Nov 28, 2024
d8d7609
Merge branch '24_2' into grids/cardview/main
pomahtri Nov 29, 2024
bcfaa9a
Merge branch 'grids/cardview/main' into grids/cardview/draft
pomahtri Nov 29, 2024
0c34aef
move common parts of content_view to grid_core
pomahtri Nov 29, 2024
19ac038
fix classnames
pomahtri Nov 29, 2024
361c10a
example: newdatagrid
pomahtri Nov 29, 2024
dc8d4fc
rename view -> view_old, view4 -> view
pomahtri Nov 29, 2024
44ee09b
fix classname
pomahtri Nov 29, 2024
1d62772
refactor mainview to new core view
pomahtri Nov 29, 2024
7f1061a
rename base_widget to widget
pomahtri Nov 29, 2024
b71a210
fix options in card_view
pomahtri Nov 29, 2024
a867b6e
Merge branch 'grids/cardview/main' into grids/cardview/draft
pomahtri Dec 1, 2024
43375a5
inprogress
pomahtri Dec 1, 2024
6a5df13
inprogress
pomahtri Dec 1, 2024
8d37efd
Merge branch 'grids/cardview/main' into grids/cardview/draft
pomahtri Dec 2, 2024
ebbae60
fix style comment
pomahtri Dec 2, 2024
2fbb5ea
Revert "fix style comment"
pomahtri Dec 2, 2024
05c8c93
add template typing
pomahtri Dec 2, 2024
c33deed
example nodatatemplate
pomahtri Dec 2, 2024
e5e3916
inprogress
pomahtri Dec 2, 2024
7cdaa51
convert pager to new view
pomahtri Dec 2, 2024
1a0e69c
Merge branch 'grids/cardview/main' into grids/cardview/draft
pomahtri Dec 5, 2024
0802dd9
fix in options_controller
pomahtri Dec 5, 2024
1189030
inprogress
pomahtri Dec 5, 2024
3e0c3f1
inprogress
pomahtri Dec 5, 2024
1abfa37
inprogress
pomahtri Dec 5, 2024
c350140
CardView - Card - implement events & CardView - Card - implement rest…
tongsonbarbs Dec 6, 2024
070359f
add type for dataobject
pomahtri Dec 6, 2024
f223c5f
inprogress
pomahtri Dec 6, 2024
06250e1
inprogress
pomahtri Dec 6, 2024
525c4fd
inprogress
pomahtri Dec 7, 2024
80581d6
inprogress
pomahtri Dec 8, 2024
3e50556
extract resizableheaderpanel
pomahtri Dec 8, 2024
067f367
inprogress
pomahtri Dec 9, 2024
d8e67e1
inprogress
pomahtri Dec 10, 2024
f5bcb63
add getKeyByCardIndex
pomahtri Dec 10, 2024
579ec0e
inprogress
pomahtri Dec 10, 2024
0ea1132
inprogress
pomahtri Dec 10, 2024
a63f4b2
fix
pomahtri Dec 11, 2024
ce8c097
Merge branch 'grids/cardview/main' into grids/cardview/draft
pomahtri Dec 11, 2024
26def52
fix
pomahtri Dec 12, 2024
79a6225
fix pager
pomahtri Dec 14, 2024
9f41978
fix memory leaks
pomahtri Dec 14, 2024
212573a
CardView: Implement PagerView (#28554)
Alyar666 Dec 16, 2024
e48459d
header_panel adaptivity
pomahtri Dec 16, 2024
35ca2f4
inprogress
pomahtri Dec 16, 2024
e5342fa
inprogress
pomahtri Dec 16, 2024
4440c12
inprogress
pomahtri Dec 16, 2024
41a9fa9
Merge branch 'grids/cardview/main' into grids/cardview/draft
pomahtri Dec 16, 2024
225988c
inprogress
pomahtri Dec 17, 2024
347d8d3
inprogress
pomahtri Dec 18, 2024
3812f2a
inprogress
pomahtri Dec 18, 2024
d0cf197
Merge branch 'grids/cardview/main' into grids/cardview/draft
pomahtri Dec 18, 2024
cce22d3
fix
pomahtri Dec 18, 2024
eb62dd4
fix
pomahtri Dec 18, 2024
35f870d
fix
pomahtri Dec 20, 2024
70855b4
inprogress
pomahtri Dec 20, 2024
788eea2
inprogress
pomahtri Dec 20, 2024
bd79cbe
inprogress
pomahtri Dec 29, 2024
00d764e
inprogress
pomahtri Dec 30, 2024
b63abf9
inprogress
pomahtri Jan 1, 2025
14fea6a
inprogress
pomahtri Jan 2, 2025
4ac8a3f
CardView - DataController - create base implementation (#28627)
Raushen Jan 7, 2025
b3d6836
inprogress
pomahtri Jan 7, 2025
d0a7c48
inprogress
pomahtri Jan 7, 2025
3958291
Merge branch 'grids/cardview/main' into grids/cardview/draft
pomahtri Jan 7, 2025
ce0dcf7
--amend
pomahtri Jan 7, 2025
138b524
inprogress
pomahtri Jan 7, 2025
5e27e8f
inprogress
pomahtri Jan 8, 2025
76963ca
inprogress
pomahtri Jan 9, 2025
865d2d3
inprogress
pomahtri Jan 9, 2025
aa44929
inprogress
pomahtri Jan 9, 2025
86df2a2
inprogress
pomahtri Jan 12, 2025
357015c
inprogress
pomahtri Jan 13, 2025
317a5de
Merge branch 'grids/cardview/main' into grids/cardview/draft
pomahtri Jan 15, 2025
144f511
CardView - prepare to e2e testing & make simple tests (#28727)
Raushen Jan 20, 2025
7073c60
Merge branch 'grids/cardview/main' into grids/cardview/draft
pomahtri Jan 21, 2025
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .github/workflows/default_workflow.yml
Original file line number Diff line number Diff line change
Expand Up @@ -71,3 +71,4 @@ jobs:
devextreme-demos
devextreme-react-playground
devextreme-vue-playground
devextreme-testcafe-tests-storybook
3 changes: 3 additions & 0 deletions .github/workflows/testcafe_tests.yml
Original file line number Diff line number Diff line change
Expand Up @@ -112,6 +112,9 @@ jobs:
{ componentFolder: "dataGrid", name: "dataGrid (3/5)", indices: "3/5" },
{ componentFolder: "dataGrid", name: "dataGrid (4/5)", indices: "4/5" },
{ componentFolder: "dataGrid", name: "dataGrid (5/5)", indices: "5/5" },
{ componentFolder: "cardView", name: "cardView" },
{ componentFolder: "cardView", name: "cardView - material", theme: 'material.blue.light' },
{ componentFolder: "cardView", name: "cardView - fluent", theme: 'fluent.blue.light' },
{ componentFolder: "pivotGrid", name: "pivotGrid", concurrency: 1 },
{ componentFolder: "pivotGrid", name: "pivotGrid - material", theme: 'material.blue.light', concurrency: 1 },
{ componentFolder: "pivotGrid", name: "pivotGrid - fluent", theme: 'fluent.blue.light', concurrency: 1 },
Expand Down
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,7 @@ node_modules
!.vscode/tasks.json
!.vscode/launch.json
!.vscode/extensions.json
!.vscode/workspaces


# System Files
Expand Down
52 changes: 52 additions & 0 deletions .vscode/workspaces/cardview.code-workspace
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
{
"folders": [
{
"path": "../..",
"name": "Full"
},
{
"path": "../../packages/devextreme/js/__internal/grids/new/card_view",
"name": "Card View",
},
{
"path": "../../packages/devextreme/js/__internal/grids/new/grid_core",
"name": "Grid Core",
},
{
"path": "../../packages/devextreme-scss/scss/widgets/base/gridCore",
"name": "Scss - gridCore - base",
},
{
"path": "../../packages/devextreme-scss/scss/widgets/generic/gridCore",
"name": "Scss - gridCore - generic",
},
{
"path": "../../packages/devextreme-scss/scss/widgets/material/gridCore",
"name": "Scss - gridCore - material",
},
{
"path": "../../packages/devextreme-scss/scss/widgets/fluent/gridCore",
"name": "Scss - gridCore - fluent",
},
{
"path": "../../packages/devextreme-scss/scss/widgets/base/cardView",
"name": "Scss - cardview - base",
},
{
"path": "../../packages/devextreme-scss/scss/widgets/generic/cardView",
"name": "Scss - cardview - generic",
},
{
"path": "../../packages/devextreme-scss/scss/widgets/material/cardView",
"name": "Scss - cardview - material",
},
{
"path": "../../packages/devextreme-scss/scss/widgets/fluent/cardView",
"name": "Scss - cardview - fluent",
},
{
"path": "../../packages/devextreme/js/ui/card_view",
"name": "Declarations",
},
],
}
4 changes: 2 additions & 2 deletions apps/demos/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -49,8 +49,8 @@
"fs-extra": "11.1.1",
"globalize": "1.7.0",
"html-react-parser": "1.4.14",
"inferno": "^7.4.9",
"inferno-create-element": "7.4.11",
"inferno": "^8.2.3",
"inferno-create-element": "8.2.3",
"jquery": "3.6.3",
"jspdf": "2.5.2",
"jspdf-autotable": "3.8.3",
Expand Down
2 changes: 2 additions & 0 deletions apps/inferno/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
/public
!/public/index.html
25 changes: 25 additions & 0 deletions apps/inferno/index.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
import { render } from 'inferno';
import { Card } from 'devextreme/esm/__internal/grids/new/card_view/content_view/card'

import 'devextreme/dist/css/dx.light.css';

const App = () => {
return (
<Card
row={{
key: 1,
cells: [
{
value: 1,
column: {
name: 'asd',
alignment: 'right'
}
}
]
}}
></Card>
)
}

render(<App/>, document.querySelector("#app"))
17 changes: 17 additions & 0 deletions apps/inferno/package.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
{
"name": "devextreme-inferno-playground",
"dependencies": {
"devextreme": "^24.2.0",
"inferno": "^7.4.9"
},
"devDependencies": {
"@babel/core": "7.23.9",
"@babel/preset-env": "7.23.9",
"@babel/preset-typescript": "^7.24.7",
"babel-loader": "^9.1.3",
"babel-plugin-inferno": "6.7.1",
"css-loader": "6.10.0",
"style-loader": "3.3.4",
"webpack": "5.94.0"
}
}
12 changes: 12 additions & 0 deletions apps/inferno/public/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app"></div>
<script src="./js/app/bundle.js"></script>
</body>
</html>
6 changes: 6 additions & 0 deletions apps/inferno/tsconfig.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"compilerOptions": {
"strict": true,
"jsx": "preserve"
}
}
44 changes: 44 additions & 0 deletions apps/inferno/webpack.config.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
const path = require('path');

module.exports = {
mode: "development",
entry: "./index.tsx",
output: {
filename: "bundle.js",
publicPath: "/js/app/",
path: path.resolve(__dirname, 'public/js/app')
},
devtool: "source-map",
devServer: {
port: 9000,
open: true
},
resolve: {
extensions: [".ts", ".tsx", ".js"],
},
module: {
rules: [
{
test: /\.(?:js|mjs|cjs|ts|tsx)$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: [
'@babel/preset-env',
'@babel/preset-typescript'
],
"plugins": [["babel-plugin-inferno", {"imports": true}]]
},
}
},
{
test: /\.css$/,
use: [
{ loader: "style-loader" },
{ loader: "css-loader" },
]
},
]
}
};
2 changes: 1 addition & 1 deletion apps/react-storybook/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
"dependencies": {
"devextreme": "workspace:~",
"devextreme-react": "workspace:~",
"inferno": "^7.4.9",
"inferno": "^8.2.3",
"html-react-parser": "^5.2.2"
},
"devDependencies": {
Expand Down
74 changes: 74 additions & 0 deletions apps/react-storybook/stories/card_view/Card.stories.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
import React, { useState, useRef, useEffect } from "react";
import type { Meta, StoryObj } from "@storybook/react";

import { Card as InfernoCard } from "devextreme/esm/__internal/grids/new/card_view/content_view/content/card/card";
import { wrapInfernoWithReact } from "../utils";

interface Props {
row: {
key: unknown;
cells: {
value: unknown;
column: {
alignment: "left" | "right" | "center";
caption: string;
};
}[];
};
}

const Card = wrapInfernoWithReact<Props>(InfernoCard);

const meta: Meta<Props> = {
title: "Grids/CardView/Card",
component: Card,
};

export default meta;

type Story = StoryObj<Props>;

export const DefaultMode: Story = {
args: {
row: {
cells: [
{
value: 1,
column: {
alignment: 'left',
caption: 'asd',
},
},
{
value: 1,
column: {
alignment: 'left',
caption: 'asd',
},
},
{
value: 1,
column: {
alignment: 'left',
caption: 'asd',
},
},
{
value: 1,
column: {
alignment: 'left',
caption: 'asd',
},
},
{
value: 1,
column: {
alignment: 'left',
caption: 'asd',
},
},
],
key: 1,
},
},
};
Loading
Loading