Skip to content

Commit 1fb351e

Browse files
authored
Merge pull request #1522 from asirvadAbrahamVarghese/migration-carbon-v11
Migration carbon v11
2 parents 15bd0b2 + 7165f18 commit 1fb351e

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

41 files changed

+516
-627
lines changed

config/jest.setup.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,3 +16,8 @@ Object.defineProperty(window, 'matchMedia', {
1616
dispatchEvent: jest.fn(),
1717
})),
1818
});
19+
global.ResizeObserver = jest.fn().mockImplementation(() => ({
20+
observe: jest.fn(),
21+
unobserve: jest.fn(),
22+
disconnect: jest.fn(),
23+
}));

package.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -125,6 +125,9 @@
125125
"webpack-cli": "^4.9.1",
126126
"webpack-dev-server": "^4.7.3"
127127
},
128+
"resolutions": {
129+
"react-is": "^19.0.0"
130+
},
128131
"release": {
129132
"monorepo": "./packages",
130133
"branches": [

packages/carbon-component-mapper/demo/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<meta http-equiv="X-UA-Compatible" content="ie=edge">
7-
<link rel="stylesheet" href="https://unpkg.com/carbon-components/css/carbon-components.min.css">
7+
<link rel="stylesheet" href="https://unpkg.com/@carbon/styles/css/styles.min.css">
88
<title>Data driven forms</title>
99
</head>
1010
<body>

packages/carbon-component-mapper/demo/index.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ import { wizardSchema } from './demo-schemas/wizard-schema';
77
import sandboxSchema from './demo-schemas/sandbox';
88
import demoSchema from '../../../shared/demoschema';
99

10-
import { Button } from 'carbon-components-react';
10+
import { Button } from '@carbon/react';
1111

1212
const fieldArrayState = {
1313
schema: arraySchemaDDF,

packages/carbon-component-mapper/package.json

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -29,11 +29,7 @@
2929
"javascript"
3030
],
3131
"devDependencies": {
32-
"@carbon/icons-react": "^10.41.0",
33-
"@types/carbon-components-react": "^7.44.1",
34-
"carbon-components": "^10.46.0",
35-
"carbon-components-react": "^7.46.0",
36-
"carbon-icons": "^7.0.7"
32+
"@carbon/react": "^1.95.0"
3733
},
3834
"peerDependencies": {
3935
"react": "^17.0.2 || ^18.0.0 || ^19.0.0",

packages/carbon-component-mapper/src/checkbox/checkbox.d.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-render
22
import { ReactNode } from "react";
33
import { FormGroupProps } from "../form-group";
44

5-
import { CheckboxProps as CarbonCheckboxProps } from 'carbon-components-react';
5+
import { CheckboxProps as CarbonCheckboxProps } from '@carbon/react';
66

77
export interface CheckboxOption extends CarbonCheckboxProps {
88
value?: any;

packages/carbon-component-mapper/src/checkbox/checkbox.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import React from 'react';
22
import { useFieldApi } from '@data-driven-forms/react-form-renderer';
33
import MultipleChoiceListCommon from '@data-driven-forms/common/multiple-choice-list';
44

5-
import { Checkbox as CarbonCheckbox, FormGroup } from 'carbon-components-react';
5+
import { Checkbox as CarbonCheckbox, FormGroup } from '@carbon/react';
66

77
import WithDescription from '../with-description';
88
import prepareProps, { buildLabel } from '../prepare-props';
@@ -33,7 +33,7 @@ const SingleCheckbox = (props) => {
3333
};
3434

3535
const SingleCheckboxInCommon = ({ label, isDisabled, id, meta, option: { value, name, ...rest }, onChange, ...props }) => (
36-
<CarbonCheckbox id={id} labelText={label} disabled={isDisabled} {...props} {...rest} onChange={(_value, _name, event) => onChange(event)} />
36+
<CarbonCheckbox id={id} labelText={label} disabled={isDisabled} {...props} {...rest} onChange={(event, data) => onChange(event, data)} />
3737
);
3838

3939
const Checkbox = ({ options, ...props }) =>

packages/carbon-component-mapper/src/date-picker/date-picker.d.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { FormGroupProps } from "../form-group";
22
import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
33

4-
import { DatePickerProps as CarbonDatePickerProps, DatePickerInputProps } from 'carbon-components-react';
4+
import { DatePickerProps as CarbonDatePickerProps, DatePickerInputProps } from '@carbon/react';
55

66
interface InternalDatePickerProps extends DatePickerInputProps {
77
datePickerType?: string;

packages/carbon-component-mapper/src/date-picker/date-picker.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import React from 'react';
22
import { useFieldApi } from '@data-driven-forms/react-form-renderer';
33

4-
import { DatePicker as CarbonDatePicker, DatePickerInput } from 'carbon-components-react';
4+
import { DatePicker as CarbonDatePicker, DatePickerInput } from '@carbon/react';
55

66
import prepareProps from '../prepare-props';
77
import HelperTextBlock from '../helper-text-block/helper-text-block';
@@ -23,8 +23,8 @@ const DatePicker = (props) => {
2323

2424
return (
2525
<div {...WrapperProps}>
26-
<CarbonDatePicker {...input} datePickerType={datePickerType} {...DatePickerProps}>
27-
<DatePickerInput id={input.name} invalid={Boolean(invalid)} invalidText={invalid ? invalid : ''} {...rest} />
26+
<CarbonDatePicker {...input} datePickerType={datePickerType} invalid={Boolean(invalid)} {...DatePickerProps}>
27+
<DatePickerInput id={input.name} invalidText={invalid || ''} {...rest} />
2828
</CarbonDatePicker>
2929
<HelperTextBlock helperText={!invalid && helperText} warnText={warnText} />
3030
</div>

packages/carbon-component-mapper/src/dual-list-select/dual-list-select.d.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import {
1010
StructuredListProps, StructuredListBodyProps,
1111
AllStructuredListRowProps,
1212
StructuredListCellProps
13-
} from 'carbon-components-react';
13+
} from '@carbon/react';
1414

1515
export interface DualListSelectValue extends AnyObject {
1616
value: any;

0 commit comments

Comments
 (0)