@dxc-technology/halstack-react 0.0.0-0d64afc → 0.0.0-0d951d2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{dist/BackgroundColorContext.js → BackgroundColorContext.js} +0 -0
- package/{dist/ThemeContext.js → ThemeContext.js} +42 -40
- package/{dist/select/Select.js → V3Select/V3Select.js} +5 -5
- package/V3Select/index.d.ts +27 -0
- package/{dist/textarea/Textarea.js → V3Textarea/V3Textarea.js} +4 -4
- package/V3Textarea/index.d.ts +27 -0
- package/{dist/accordion → accordion}/Accordion.js +0 -0
- package/accordion/index.d.ts +28 -0
- package/{dist/accordion-group → accordion-group}/AccordionGroup.js +0 -0
- package/accordion-group/index.d.ts +16 -0
- package/{dist/alert → alert}/Alert.js +1 -1
- package/{dist/alert → alert}/index.d.ts +0 -0
- package/{dist/badge → badge}/Badge.js +0 -0
- package/{dist/box → box}/Box.js +0 -0
- package/box/index.d.ts +25 -0
- package/{dist/button → button}/Button.js +3 -3
- package/button/Button.stories.js +27 -0
- package/button/index.d.ts +24 -0
- package/{dist/card → card}/Card.js +0 -0
- package/card/index.d.ts +22 -0
- package/{dist/checkbox → checkbox}/Checkbox.js +4 -5
- package/checkbox/index.d.ts +24 -0
- package/{dist/chip → chip}/Chip.js +0 -0
- package/chip/index.d.ts +22 -0
- package/{dist/common → common}/OpenSans.css +0 -0
- package/{dist/common → common}/RequiredComponent.js +0 -0
- package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
- package/{dist/common → common}/utils.js +0 -0
- package/{dist/common → common}/variables.js +135 -130
- package/{dist/date → date}/Date.js +0 -0
- package/date/index.d.ts +27 -0
- package/{dist/new-date/NewDate.js → date-input/DateInput.js} +34 -34
- package/{dist/new-date → date-input}/index.d.ts +3 -3
- package/{dist/dialog → dialog}/Dialog.js +0 -0
- package/dialog/index.d.ts +18 -0
- package/{dist/dropdown → dropdown}/Dropdown.js +0 -0
- package/dropdown/index.d.ts +26 -0
- package/{dist/file-input → file-input}/FileInput.js +2 -2
- package/{dist/file-input → file-input}/FileItem.js +8 -1
- package/{dist/file-input → file-input}/index.d.ts +1 -1
- package/{dist/footer → footer}/Footer.js +44 -18
- package/footer/Icons.js +77 -0
- package/footer/index.d.ts +25 -0
- package/{dist/header → header}/Header.js +122 -55
- package/header/Icons.js +59 -0
- package/header/index.d.ts +25 -0
- package/{dist/heading → heading}/Heading.js +12 -0
- package/heading/index.d.ts +17 -0
- package/input-text/Icons.js +22 -0
- package/{dist/input-text → input-text}/InputText.js +4 -6
- package/input-text/index.d.ts +36 -0
- package/{dist/layout → layout}/ApplicationLayout.js +4 -8
- package/layout/Icons.js +55 -0
- package/{dist/link → link}/Link.js +0 -0
- package/link/index.d.ts +23 -0
- package/main.d.ts +40 -0
- package/{dist/main.js → main.js} +22 -30
- package/{dist/number/Number.js → number-input/NumberInput.js} +7 -7
- package/{dist/number/NumberContext.js → number-input/NumberInputContext.js} +2 -2
- package/{dist/number → number-input}/index.d.ts +3 -3
- package/package.json +21 -17
- package/paginator/Icons.js +66 -0
- package/{dist/paginator → paginator}/Paginator.js +53 -37
- package/paginator/index.d.ts +20 -0
- package/{dist/password/Password.js → password-input/PasswordInput.js} +12 -9
- package/{dist/password → password-input}/index.d.ts +5 -5
- package/{dist/progress-bar → progress-bar}/ProgressBar.js +0 -0
- package/progress-bar/index.d.ts +18 -0
- package/{dist/radio → radio}/Radio.js +0 -0
- package/radio/index.d.ts +23 -0
- package/{dist/resultsetTable → resultsetTable}/ResultsetTable.js +0 -0
- package/resultsetTable/index.d.ts +19 -0
- package/select/Select.js +1137 -0
- package/select/index.d.ts +131 -0
- package/{dist/sidenav → sidenav}/Sidenav.js +0 -0
- package/sidenav/index.d.ts +13 -0
- package/{dist/slider → slider}/Slider.js +16 -6
- package/slider/index.d.ts +29 -0
- package/{dist/spinner → spinner}/Spinner.js +0 -0
- package/spinner/index.d.ts +17 -0
- package/{dist/switch → switch}/Switch.js +0 -0
- package/switch/index.d.ts +24 -0
- package/{dist/table → table}/Table.js +0 -0
- package/table/index.d.ts +13 -0
- package/{dist/tabs → tabs}/Tabs.js +0 -0
- package/tabs/index.d.ts +19 -0
- package/{dist/tag → tag}/Tag.js +0 -0
- package/tag/index.d.ts +24 -0
- package/{dist/text-input → text-input}/TextInput.js +36 -33
- package/{dist/text-input → text-input}/index.d.ts +0 -0
- package/{dist/new-textarea/NewTextarea.js → textarea/Textarea.js} +6 -6
- package/{dist/new-textarea → textarea}/index.d.ts +1 -1
- package/{dist/toggle → toggle}/Toggle.js +0 -0
- package/toggle/index.d.ts +21 -0
- package/{dist/toggle-group → toggle-group}/ToggleGroup.js +0 -0
- package/toggle-group/index.d.ts +21 -0
- package/{dist/upload → upload}/Upload.js +0 -0
- package/{dist/upload → upload}/buttons-upload/ButtonsUpload.js +7 -11
- package/upload/buttons-upload/Icons.js +40 -0
- package/{dist/upload → upload}/dragAndDropArea/DragAndDropArea.js +14 -14
- package/upload/dragAndDropArea/Icons.js +39 -0
- package/{dist/upload → upload}/file-upload/FileToUpload.js +26 -21
- package/upload/file-upload/Icons.js +66 -0
- package/{dist/upload → upload}/files-upload/FilesToUpload.js +0 -0
- package/upload/index.d.ts +15 -0
- package/upload/transaction/Icons.js +160 -0
- package/{dist/upload → upload}/transaction/Transaction.js +11 -38
- package/{dist/upload → upload}/transactions/Transactions.js +0 -0
- package/{dist/useTheme.js → useTheme.js} +0 -0
- package/wizard/Icons.js +65 -0
- package/{dist/wizard → wizard}/Wizard.js +3 -9
- package/wizard/index.d.ts +18 -0
- package/README.md +0 -66
- package/babel.config.js +0 -8
- package/dist/checkbox/Checkbox.stories.js +0 -144
- package/dist/checkbox/readme.md +0 -116
- package/dist/date/Date.stories.js +0 -205
- package/dist/date/readme.md +0 -73
- package/dist/footer/dxc_logo.svg +0 -15
- package/dist/footer/readme.md +0 -41
- package/dist/header/Header.stories.js +0 -176
- package/dist/header/close_icon.svg +0 -1
- package/dist/header/dxc_logo_black.svg +0 -8
- package/dist/header/hamb_menu_black.svg +0 -1
- package/dist/header/hamb_menu_white.svg +0 -1
- package/dist/header/readme.md +0 -33
- package/dist/input-text/error.svg +0 -1
- package/dist/input-text/readme.md +0 -91
- package/dist/layout/facebook.svg +0 -45
- package/dist/layout/linkedin.svg +0 -50
- package/dist/layout/twitter.svg +0 -53
- package/dist/link/readme.md +0 -51
- package/dist/main.d.ts +0 -8
- package/dist/new-select/NewSelect.js +0 -836
- package/dist/new-select/index.d.ts +0 -53
- package/dist/paginator/images/next.svg +0 -3
- package/dist/paginator/images/nextPage.svg +0 -3
- package/dist/paginator/images/previous.svg +0 -3
- package/dist/paginator/images/previousPage.svg +0 -3
- package/dist/paginator/readme.md +0 -50
- package/dist/password/styles.css +0 -3
- package/dist/progress-bar/ProgressBar.stories.js +0 -280
- package/dist/progress-bar/readme.md +0 -63
- package/dist/radio/Radio.stories.js +0 -166
- package/dist/radio/readme.md +0 -70
- package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
- package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
- package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
- package/dist/slider/Slider.stories.js +0 -241
- package/dist/slider/readme.md +0 -64
- package/dist/spinner/Spinner.stories.js +0 -183
- package/dist/spinner/readme.md +0 -65
- package/dist/switch/Switch.stories.js +0 -134
- package/dist/switch/readme.md +0 -133
- package/dist/tabs/Tabs.stories.js +0 -130
- package/dist/tabs/readme.md +0 -78
- package/dist/tabs-for-sections/TabsForSections.js +0 -92
- package/dist/tabs-for-sections/readme.md +0 -78
- package/dist/toggle/Toggle.stories.js +0 -297
- package/dist/toggle/readme.md +0 -80
- package/dist/upload/Upload.stories.js +0 -72
- package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
- package/dist/upload/buttons-upload/upload-button.svg +0 -1
- package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
- package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
- package/dist/upload/file-upload/audio-icon.svg +0 -4
- package/dist/upload/file-upload/close.svg +0 -4
- package/dist/upload/file-upload/file-icon.svg +0 -4
- package/dist/upload/file-upload/video-icon.svg +0 -4
- package/dist/upload/readme.md +0 -37
- package/dist/upload/transaction/audio-icon-err.svg +0 -4
- package/dist/upload/transaction/audio-icon.svg +0 -4
- package/dist/upload/transaction/error-icon.svg +0 -4
- package/dist/upload/transaction/file-icon-err.svg +0 -4
- package/dist/upload/transaction/file-icon.svg +0 -4
- package/dist/upload/transaction/image-icon-err.svg +0 -4
- package/dist/upload/transaction/image-icon.svg +0 -4
- package/dist/upload/transaction/success-icon.svg +0 -4
- package/dist/upload/transaction/video-icon-err.svg +0 -4
- package/dist/upload/transaction/video-icon.svg +0 -4
- package/dist/wizard/invalid_icon.svg +0 -5
- package/dist/wizard/valid_icon.svg +0 -5
- package/dist/wizard/validation-wrong.svg +0 -6
- package/test/Accordion.test.js +0 -33
- package/test/AccordionGroup.test.js +0 -125
- package/test/Alert.test.js +0 -53
- package/test/Box.test.js +0 -10
- package/test/Button.test.js +0 -18
- package/test/Card.test.js +0 -30
- package/test/Checkbox.test.js +0 -45
- package/test/Chip.test.js +0 -25
- package/test/Date.test.js +0 -393
- package/test/Dialog.test.js +0 -23
- package/test/Dropdown.test.js +0 -145
- package/test/FileInput.test.js +0 -201
- package/test/Footer.test.js +0 -99
- package/test/Header.test.js +0 -39
- package/test/Heading.test.js +0 -35
- package/test/InputText.test.js +0 -240
- package/test/Link.test.js +0 -43
- package/test/NewDate.test.js +0 -232
- package/test/NewTextarea.test.js +0 -195
- package/test/Number.test.js +0 -257
- package/test/Paginator.test.js +0 -177
- package/test/Password.test.js +0 -83
- package/test/ProgressBar.test.js +0 -35
- package/test/Radio.test.js +0 -37
- package/test/ResultsetTable.test.js +0 -329
- package/test/Select.test.js +0 -212
- package/test/Sidenav.test.js +0 -45
- package/test/Slider.test.js +0 -82
- package/test/Spinner.test.js +0 -32
- package/test/Switch.test.js +0 -45
- package/test/Table.test.js +0 -36
- package/test/Tabs.test.js +0 -109
- package/test/TabsForSections.test.js +0 -34
- package/test/Tag.test.js +0 -32
- package/test/TextArea.test.js +0 -52
- package/test/TextInput.test.js +0 -732
- package/test/ToggleGroup.test.js +0 -85
- package/test/Upload.test.js +0 -60
- package/test/Wizard.test.js +0 -130
- package/test/mocks/pngMock.js +0 -1
- package/test/mocks/svgMock.js +0 -1
package/layout/Icons.js
ADDED
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.linkedinLogo = exports.twitterLogo = exports.facebookLogo = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
12
|
+
var facebookLogo = _react["default"].createElement("svg", {
|
|
13
|
+
version: "1.1",
|
|
14
|
+
id: "Capa_1",
|
|
15
|
+
x: "0px",
|
|
16
|
+
y: "0px",
|
|
17
|
+
width: "438.536px",
|
|
18
|
+
height: "438.536px",
|
|
19
|
+
viewBox: "0 0 438.536 438.536",
|
|
20
|
+
fill: "#FFFFFF"
|
|
21
|
+
}, _react["default"].createElement("g", null, _react["default"].createElement("path", {
|
|
22
|
+
d: "M414.41,24.123C398.333,8.042,378.963,0,356.315,0H82.228C59.58,0,40.21,8.042,24.126,24.123 C8.045,40.207,0.003,59.576,0.003,82.225v274.084c0,22.647,8.042,42.018,24.123,58.102c16.084,16.084,35.454,24.126,58.102,24.126 h274.084c22.648,0,42.018-8.042,58.095-24.126c16.084-16.084,24.126-35.454,24.126-58.102V82.225 C438.532,59.576,430.49,40.204,414.41,24.123z M373.155,225.548h-49.963V406.84h-74.802V225.548H210.99V163.02h37.401v-37.402 c0-26.838,6.283-47.107,18.843-60.813c12.559-13.706,33.304-20.555,62.242-20.555h49.963v62.526h-31.401 c-10.663,0-17.467,1.853-20.417,5.568c-2.949,3.711-4.428,10.23-4.428,19.558v31.119h56.534L373.155,225.548z"
|
|
23
|
+
})));
|
|
24
|
+
|
|
25
|
+
exports.facebookLogo = facebookLogo;
|
|
26
|
+
|
|
27
|
+
var twitterLogo = _react["default"].createElement("svg", {
|
|
28
|
+
version: "1.1",
|
|
29
|
+
id: "Capa_1",
|
|
30
|
+
x: "0px",
|
|
31
|
+
y: "0px",
|
|
32
|
+
width: "438.536px",
|
|
33
|
+
height: "438.536px",
|
|
34
|
+
viewBox: "0 0 438.536 438.536",
|
|
35
|
+
fill: "#FFFFFF"
|
|
36
|
+
}, _react["default"].createElement("g", null, _react["default"].createElement("path", {
|
|
37
|
+
d: "M414.41,24.123C398.333,8.042,378.963,0,356.315,0H82.228C59.58,0,40.21,8.042,24.126,24.123 C8.045,40.207,0.003,59.576,0.003,82.225v274.084c0,22.647,8.042,42.018,24.123,58.102c16.084,16.084,35.454,24.126,58.102,24.126 h274.084c22.648,0,42.018-8.042,58.095-24.126c16.084-16.084,24.126-35.454,24.126-58.102V82.225 C438.532,59.576,430.49,40.204,414.41,24.123z M335.471,168.735c0.191,1.713,0.288,4.278,0.288,7.71 c0,15.989-2.334,32.025-6.995,48.104c-4.661,16.087-11.8,31.504-21.416,46.254c-9.606,14.749-21.074,27.791-34.396,39.115 c-13.325,11.32-29.311,20.365-47.968,27.117c-18.648,6.762-38.637,10.143-59.953,10.143c-33.116,0-63.76-8.952-91.931-26.836 c4.568,0.568,9.329,0.855,14.275,0.855c27.6,0,52.439-8.565,74.519-25.7c-12.941-0.185-24.506-4.179-34.688-11.991 c-10.185-7.803-17.273-17.699-21.271-29.691c4.947,0.76,8.658,1.137,11.132,1.137c4.187,0,9.042-0.76,14.56-2.279 c-13.894-2.669-25.598-9.562-35.115-20.697c-9.519-11.136-14.277-23.84-14.277-38.114v-0.571 c10.085,4.755,19.602,7.229,28.549,7.422c-17.321-11.613-25.981-28.265-25.981-49.963c0-10.66,2.758-20.747,8.278-30.264 c15.035,18.464,33.311,33.213,54.816,44.252c21.507,11.038,44.54,17.227,69.092,18.558c-0.95-3.616-1.427-8.186-1.427-13.704 c0-16.562,5.853-30.692,17.56-42.399c11.703-11.706,25.837-17.561,42.394-17.561c17.515,0,32.079,6.283,43.688,18.846 c13.134-2.474,25.892-7.33,38.26-14.56c-4.757,14.652-13.613,25.788-26.55,33.402c12.368-1.716,23.88-4.95,34.537-9.708 C357.458,149.793,347.462,160.166,335.471,168.735z"
|
|
38
|
+
})));
|
|
39
|
+
|
|
40
|
+
exports.twitterLogo = twitterLogo;
|
|
41
|
+
|
|
42
|
+
var linkedinLogo = _react["default"].createElement("svg", {
|
|
43
|
+
version: "1.1",
|
|
44
|
+
id: "Capa_1",
|
|
45
|
+
x: "0px",
|
|
46
|
+
y: "0px",
|
|
47
|
+
width: "438.536px",
|
|
48
|
+
height: "438.536px",
|
|
49
|
+
viewBox: "0 0 438.536 438.536",
|
|
50
|
+
fill: "#FFFFFF"
|
|
51
|
+
}, _react["default"].createElement("g", null, _react["default"].createElement("path", {
|
|
52
|
+
d: "M414.41,24.123C398.333,8.042,378.963,0,356.315,0H82.228C59.58,0,40.21,8.042,24.126,24.123 C8.045,40.207,0.003,59.576,0.003,82.225v274.084c0,22.647,8.042,42.018,24.123,58.102c16.084,16.084,35.454,24.126,58.102,24.126 h274.084c22.648,0,42.018-8.042,58.095-24.126c16.084-16.084,24.126-35.454,24.126-58.102V82.225 C438.532,59.576,430.49,40.204,414.41,24.123z M133.618,367.157H67.666V169.016h65.952V367.157z M127.626,132.332 c-6.851,6.567-15.893,9.851-27.124,9.851h-0.288c-10.848,0-19.648-3.284-26.407-9.851c-6.76-6.567-10.138-14.703-10.138-24.41 c0-9.897,3.476-18.083,10.421-24.556c6.95-6.471,15.942-9.708,26.98-9.708c11.039,0,19.89,3.237,26.553,9.708 c6.661,6.473,10.088,14.659,10.277,24.556C137.899,117.625,134.477,125.761,127.626,132.332z M370.873,367.157h-65.952v-105.92 c0-29.879-11.036-44.823-33.116-44.823c-8.374,0-15.42,2.331-21.128,6.995c-5.715,4.661-9.996,10.324-12.847,16.991 c-1.335,3.422-1.999,8.75-1.999,15.981v110.775h-65.952c0.571-119.529,0.571-185.579,0-198.142h65.952v27.974 c13.867-21.681,33.558-32.544,59.101-32.544c22.84,0,41.21,7.52,55.104,22.554c13.895,15.037,20.841,37.214,20.841,66.519v113.64 H370.873z"
|
|
53
|
+
})));
|
|
54
|
+
|
|
55
|
+
exports.linkedinLogo = linkedinLogo;
|
|
File without changes
|
package/link/index.d.ts
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
|
|
2
|
+
type Margin = {
|
|
3
|
+
top?: Space;
|
|
4
|
+
bottom?: Space;
|
|
5
|
+
left?: Space;
|
|
6
|
+
right?: Space;
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
type Props = {
|
|
10
|
+
inheritColor?: boolean;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
iconSrc?: string;
|
|
13
|
+
icon?: any;
|
|
14
|
+
iconPosition?: "before" | "after";
|
|
15
|
+
href?: string;
|
|
16
|
+
newWindow?: boolean;
|
|
17
|
+
onClick?: void;
|
|
18
|
+
text?: string;
|
|
19
|
+
margin?: Space | Margin;
|
|
20
|
+
tabIndex?: number;
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export default function DxcLink(props: Props): JSX.Element;
|
package/main.d.ts
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
export { default as DxcAccordion } from "./accordion/index";
|
|
2
|
+
export { default as DxcAccordionGroup } from "./accordion-group/index";
|
|
3
|
+
export { default as DxcAlert } from "./alert/index";
|
|
4
|
+
export { default as DxcBox } from "./box/index";
|
|
5
|
+
export { default as DxcButton } from "./button/index";
|
|
6
|
+
export { default as DxcCard } from "./card/index";
|
|
7
|
+
export { default as DxcCheckbox } from "./checkbox/index";
|
|
8
|
+
export { default as DxcChip } from "./chip/index";
|
|
9
|
+
export { default as DxcDate } from "./date/index";
|
|
10
|
+
export { default as DxcDateInput } from "./date-input/index";
|
|
11
|
+
export { default as DxcDialog } from "./dialog/index";
|
|
12
|
+
export { default as DxcDropdown } from "./dropdown/index";
|
|
13
|
+
export { default as DxcFileInput } from "./file-input/index";
|
|
14
|
+
export { default as DxcFooter } from "./footer/index";
|
|
15
|
+
export { default as DxcHeader } from "./header/index";
|
|
16
|
+
export { default as DxcHeading } from "./heading/index";
|
|
17
|
+
export { default as DxcInputText } from "./input-text/index";
|
|
18
|
+
export { default as DxcLink } from "./link/index";
|
|
19
|
+
export { default as DxcNumberInput } from "./number-input/index";
|
|
20
|
+
export { default as DxcPaginator } from "./paginator/index";
|
|
21
|
+
export { default as DxcPasswordInput } from "./password-input/index";
|
|
22
|
+
export { default as DxcProgressBar } from "./progress-bar/index";
|
|
23
|
+
export { default as DxcRadio } from "./radio/index";
|
|
24
|
+
export { default as DxcResultsetTable } from "./resultsetTable/index";
|
|
25
|
+
export { default as DxcSelect } from "./select/index";
|
|
26
|
+
export { default as DxcSidenav } from "./sidenav/index";
|
|
27
|
+
export { default as DxcSlider } from "./slider/index";
|
|
28
|
+
export { default as DxcSpinner } from "./spinner/index";
|
|
29
|
+
export { default as DxcSwitch } from "./switch/index";
|
|
30
|
+
export { default as DxcTable } from "./table/index";
|
|
31
|
+
export { default as DxcTabs } from "./tabs/index";
|
|
32
|
+
export { default as DxcTag } from "./tag/index";
|
|
33
|
+
export { default as DxcTextInput } from "./text-input/index";
|
|
34
|
+
export { default as DxcTextarea } from "./textarea/index";
|
|
35
|
+
export { default as DxcToggle } from "./toggle/index";
|
|
36
|
+
export { default as DxcToggleGroup } from "./toggle-group/index";
|
|
37
|
+
export { default as DxcUpload } from "./upload/index";
|
|
38
|
+
export { default as V3DxcSelect } from "./V3Select/index";
|
|
39
|
+
export { default as V3DxcTextarea } from "./V3Textarea/index";
|
|
40
|
+
export { default as DxcWizard } from "./wizard/index";
|
package/{dist/main.js → main.js}
RENAMED
|
@@ -67,7 +67,7 @@ Object.defineProperty(exports, "DxcHeader", {
|
|
|
67
67
|
return _Header["default"];
|
|
68
68
|
}
|
|
69
69
|
});
|
|
70
|
-
Object.defineProperty(exports, "
|
|
70
|
+
Object.defineProperty(exports, "DxcInputText", {
|
|
71
71
|
enumerable: true,
|
|
72
72
|
get: function get() {
|
|
73
73
|
return _InputText["default"];
|
|
@@ -79,10 +79,10 @@ Object.defineProperty(exports, "DxcRadio", {
|
|
|
79
79
|
return _Radio["default"];
|
|
80
80
|
}
|
|
81
81
|
});
|
|
82
|
-
Object.defineProperty(exports, "
|
|
82
|
+
Object.defineProperty(exports, "V3DxcSelect", {
|
|
83
83
|
enumerable: true,
|
|
84
84
|
get: function get() {
|
|
85
|
-
return
|
|
85
|
+
return _V3Select["default"];
|
|
86
86
|
}
|
|
87
87
|
});
|
|
88
88
|
Object.defineProperty(exports, "DxcSlider", {
|
|
@@ -103,12 +103,6 @@ Object.defineProperty(exports, "DxcTabs", {
|
|
|
103
103
|
return _Tabs["default"];
|
|
104
104
|
}
|
|
105
105
|
});
|
|
106
|
-
Object.defineProperty(exports, "DxcTabsForSections", {
|
|
107
|
-
enumerable: true,
|
|
108
|
-
get: function get() {
|
|
109
|
-
return _TabsForSections["default"];
|
|
110
|
-
}
|
|
111
|
-
});
|
|
112
106
|
Object.defineProperty(exports, "DxcProgressBar", {
|
|
113
107
|
enumerable: true,
|
|
114
108
|
get: function get() {
|
|
@@ -175,10 +169,10 @@ Object.defineProperty(exports, "DxcHeading", {
|
|
|
175
169
|
return _Heading["default"];
|
|
176
170
|
}
|
|
177
171
|
});
|
|
178
|
-
Object.defineProperty(exports, "
|
|
172
|
+
Object.defineProperty(exports, "V3DxcTextarea", {
|
|
179
173
|
enumerable: true,
|
|
180
174
|
get: function get() {
|
|
181
|
-
return
|
|
175
|
+
return _V3Textarea["default"];
|
|
182
176
|
}
|
|
183
177
|
});
|
|
184
178
|
Object.defineProperty(exports, "DxcResultsetTable", {
|
|
@@ -223,34 +217,34 @@ Object.defineProperty(exports, "DxcTextInput", {
|
|
|
223
217
|
return _TextInput["default"];
|
|
224
218
|
}
|
|
225
219
|
});
|
|
226
|
-
Object.defineProperty(exports, "
|
|
220
|
+
Object.defineProperty(exports, "DxcPasswordInput", {
|
|
227
221
|
enumerable: true,
|
|
228
222
|
get: function get() {
|
|
229
|
-
return
|
|
223
|
+
return _PasswordInput["default"];
|
|
230
224
|
}
|
|
231
225
|
});
|
|
232
|
-
Object.defineProperty(exports, "
|
|
226
|
+
Object.defineProperty(exports, "DxcDateInput", {
|
|
233
227
|
enumerable: true,
|
|
234
228
|
get: function get() {
|
|
235
|
-
return
|
|
229
|
+
return _DateInput["default"];
|
|
236
230
|
}
|
|
237
231
|
});
|
|
238
|
-
Object.defineProperty(exports, "
|
|
232
|
+
Object.defineProperty(exports, "DxcNumberInput", {
|
|
239
233
|
enumerable: true,
|
|
240
234
|
get: function get() {
|
|
241
|
-
return
|
|
235
|
+
return _NumberInput["default"];
|
|
242
236
|
}
|
|
243
237
|
});
|
|
244
|
-
Object.defineProperty(exports, "
|
|
238
|
+
Object.defineProperty(exports, "DxcTextarea", {
|
|
245
239
|
enumerable: true,
|
|
246
240
|
get: function get() {
|
|
247
|
-
return
|
|
241
|
+
return _Textarea["default"];
|
|
248
242
|
}
|
|
249
243
|
});
|
|
250
|
-
Object.defineProperty(exports, "
|
|
244
|
+
Object.defineProperty(exports, "DxcSelect", {
|
|
251
245
|
enumerable: true,
|
|
252
246
|
get: function get() {
|
|
253
|
-
return
|
|
247
|
+
return _Select["default"];
|
|
254
248
|
}
|
|
255
249
|
});
|
|
256
250
|
Object.defineProperty(exports, "DxcFileInput", {
|
|
@@ -302,7 +296,7 @@ var _InputText = _interopRequireDefault(require("./input-text/InputText"));
|
|
|
302
296
|
|
|
303
297
|
var _Radio = _interopRequireDefault(require("./radio/Radio"));
|
|
304
298
|
|
|
305
|
-
var
|
|
299
|
+
var _V3Select = _interopRequireDefault(require("./V3Select/V3Select"));
|
|
306
300
|
|
|
307
301
|
var _Slider = _interopRequireDefault(require("./slider/Slider"));
|
|
308
302
|
|
|
@@ -310,8 +304,6 @@ var _Switch = _interopRequireDefault(require("./switch/Switch"));
|
|
|
310
304
|
|
|
311
305
|
var _Tabs = _interopRequireDefault(require("./tabs/Tabs"));
|
|
312
306
|
|
|
313
|
-
var _TabsForSections = _interopRequireDefault(require("./tabs-for-sections/TabsForSections"));
|
|
314
|
-
|
|
315
307
|
var _ProgressBar = _interopRequireDefault(require("./progress-bar/ProgressBar"));
|
|
316
308
|
|
|
317
309
|
var _Spinner = _interopRequireDefault(require("./spinner/Spinner"));
|
|
@@ -334,7 +326,7 @@ var _Link = _interopRequireDefault(require("./link/Link"));
|
|
|
334
326
|
|
|
335
327
|
var _Heading = _interopRequireDefault(require("./heading/Heading"));
|
|
336
328
|
|
|
337
|
-
var
|
|
329
|
+
var _V3Textarea = _interopRequireDefault(require("./V3Textarea/V3Textarea"));
|
|
338
330
|
|
|
339
331
|
var _ResultsetTable = _interopRequireDefault(require("./resultsetTable/ResultsetTable"));
|
|
340
332
|
|
|
@@ -350,15 +342,15 @@ var _Badge = _interopRequireDefault(require("./badge/Badge"));
|
|
|
350
342
|
|
|
351
343
|
var _TextInput = _interopRequireDefault(require("./text-input/TextInput"));
|
|
352
344
|
|
|
353
|
-
var
|
|
345
|
+
var _PasswordInput = _interopRequireDefault(require("./password-input/PasswordInput"));
|
|
354
346
|
|
|
355
|
-
var
|
|
347
|
+
var _DateInput = _interopRequireDefault(require("./date-input/DateInput"));
|
|
356
348
|
|
|
357
|
-
var
|
|
349
|
+
var _NumberInput = _interopRequireDefault(require("./number-input/NumberInput"));
|
|
358
350
|
|
|
359
|
-
var
|
|
351
|
+
var _Textarea = _interopRequireDefault(require("./textarea/Textarea"));
|
|
360
352
|
|
|
361
|
-
var
|
|
353
|
+
var _Select = _interopRequireDefault(require("./select/Select"));
|
|
362
354
|
|
|
363
355
|
var _FileInput = _interopRequireDefault(require("./file-input/FileInput"));
|
|
364
356
|
|
|
@@ -19,7 +19,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
19
19
|
|
|
20
20
|
var _TextInput = _interopRequireDefault(require("../text-input/TextInput"));
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _NumberInputContext = _interopRequireDefault(require("./NumberInputContext"));
|
|
23
23
|
|
|
24
24
|
var _variables = require("../common/variables.js");
|
|
25
25
|
|
|
@@ -33,7 +33,7 @@ function _templateObject() {
|
|
|
33
33
|
return data;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
var
|
|
36
|
+
var DxcNumberInput = _react["default"].forwardRef(function (_ref, ref) {
|
|
37
37
|
var _ref$label = _ref.label,
|
|
38
38
|
label = _ref$label === void 0 ? "" : _ref$label,
|
|
39
39
|
_ref$name = _ref.name,
|
|
@@ -65,14 +65,14 @@ var DxcNumber = _react["default"].forwardRef(function (_ref, ref) {
|
|
|
65
65
|
size = _ref$size === void 0 ? "medium" : _ref$size,
|
|
66
66
|
_ref$tabIndex = _ref.tabIndex,
|
|
67
67
|
tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
|
|
68
|
-
return _react["default"].createElement(
|
|
68
|
+
return _react["default"].createElement(_NumberInputContext["default"].Provider, {
|
|
69
69
|
value: {
|
|
70
70
|
typeNumber: "number",
|
|
71
71
|
minNumber: min,
|
|
72
72
|
maxNumber: max,
|
|
73
73
|
stepNumber: step
|
|
74
74
|
}
|
|
75
|
-
}, _react["default"].createElement(
|
|
75
|
+
}, _react["default"].createElement(NumberInputContainer, null, _react["default"].createElement(_TextInput["default"], {
|
|
76
76
|
label: label,
|
|
77
77
|
name: name,
|
|
78
78
|
value: value,
|
|
@@ -100,9 +100,9 @@ var sizes = {
|
|
|
100
100
|
fillParent: "100%"
|
|
101
101
|
};
|
|
102
102
|
|
|
103
|
-
var
|
|
103
|
+
var NumberInputContainer = _styledComponents["default"].div(_templateObject());
|
|
104
104
|
|
|
105
|
-
|
|
105
|
+
DxcNumberInput.propTypes = {
|
|
106
106
|
label: _propTypes["default"].string,
|
|
107
107
|
name: _propTypes["default"].string,
|
|
108
108
|
value: _propTypes["default"].string,
|
|
@@ -132,5 +132,5 @@ DxcNumber.propTypes = {
|
|
|
132
132
|
size: _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(sizes))),
|
|
133
133
|
tabIndex: _propTypes["default"].number
|
|
134
134
|
};
|
|
135
|
-
var _default =
|
|
135
|
+
var _default = DxcNumberInput;
|
|
136
136
|
exports["default"] = _default;
|
|
@@ -10,7 +10,7 @@ exports["default"] = void 0;
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|
|
12
12
|
/* eslint-disable prefer-template */
|
|
13
|
-
var
|
|
13
|
+
var NumberInputContext = _react["default"].createContext();
|
|
14
14
|
|
|
15
|
-
var _default =
|
|
15
|
+
var _default = NumberInputContext;
|
|
16
16
|
exports["default"] = _default;
|
|
@@ -47,7 +47,7 @@ type Props = {
|
|
|
47
47
|
*/
|
|
48
48
|
suffix?: string;
|
|
49
49
|
/**
|
|
50
|
-
* Minimum value allowed by the number. If the typed value by the user is
|
|
50
|
+
* Minimum value allowed by the number input. If the typed value by the user is
|
|
51
51
|
* lower than min, the onBlur and onChange functions will be called with
|
|
52
52
|
* the current value and an internal error informing that the current
|
|
53
53
|
* value is not correct. If a valid state is reached, the error parameter
|
|
@@ -55,7 +55,7 @@ type Props = {
|
|
|
55
55
|
*/
|
|
56
56
|
min?: number;
|
|
57
57
|
/**
|
|
58
|
-
* Maximum value allowed by the number. If the typed value by the user
|
|
58
|
+
* Maximum value allowed by the number input. If the typed value by the user
|
|
59
59
|
* surpasses max, the onBlur and onChange functions will be called with
|
|
60
60
|
* the current value and an internal error informing that the current
|
|
61
61
|
* value is not correct. If a valid state is reached, the error parameter
|
|
@@ -110,4 +110,4 @@ type Props = {
|
|
|
110
110
|
ref?: React.RefObject<HTMLDivElement>;
|
|
111
111
|
};
|
|
112
112
|
|
|
113
|
-
export default function
|
|
113
|
+
export default function DxcNumberInput(props: Props): JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxc-technology/halstack-react",
|
|
3
|
-
"version": "0.0.0-
|
|
3
|
+
"version": "0.0.0-0d951d2",
|
|
4
4
|
"description": "DXC Halstack React components library",
|
|
5
5
|
"repository": "dxc-technology/halstack-react",
|
|
6
6
|
"homepage": "http://developer.dxc.com/tools/react",
|
|
@@ -10,12 +10,12 @@
|
|
|
10
10
|
"email": "DigitalInsurance@dxc.com",
|
|
11
11
|
"url": "https://dxc.com"
|
|
12
12
|
},
|
|
13
|
-
"main": "./
|
|
14
|
-
"types": "./
|
|
13
|
+
"main": "./main.js",
|
|
14
|
+
"types": "./main.d.ts",
|
|
15
15
|
"peerDependencies": {
|
|
16
|
-
"react": "^
|
|
17
|
-
"react-dom": "^
|
|
18
|
-
"styled-components": "
|
|
16
|
+
"react": "^17.0.1",
|
|
17
|
+
"react-dom": "^17.0.1",
|
|
18
|
+
"styled-components": "^5.0.1"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
21
|
"@date-io/date-fns": "^1.3.9",
|
|
@@ -29,15 +29,16 @@
|
|
|
29
29
|
"date-fns": "^2.0.0-beta.4",
|
|
30
30
|
"moment": "2.24.0",
|
|
31
31
|
"prop-types": "^15.7.2",
|
|
32
|
-
"react-use-scrollspy": "^2.0.0",
|
|
33
32
|
"rgb-hex": "^3.0.0",
|
|
34
33
|
"uuid": "^8.3.2"
|
|
35
34
|
},
|
|
36
35
|
"scripts": {
|
|
37
36
|
"test": "jest",
|
|
38
37
|
"test:watch": "npm test -- --watch --coverage",
|
|
39
|
-
"build": "babel src --out-dir dist --copy-files --verbose && node ../scripts/build/copy-readme.js",
|
|
40
|
-
"build:watch": "babel src --watch --out-dir dist --copy-files --verbose"
|
|
38
|
+
"build": "babel src --out-dir ../dist --copy-files --verbose && node ../scripts/build/copy-readme.js",
|
|
39
|
+
"build:watch": "babel src --watch --out-dir ../dist --copy-files --verbose",
|
|
40
|
+
"storybook": "start-storybook -p 6006",
|
|
41
|
+
"build-storybook": "build-storybook"
|
|
41
42
|
},
|
|
42
43
|
"devDependencies": {
|
|
43
44
|
"@babel/cli": "^7.6.2",
|
|
@@ -48,9 +49,14 @@
|
|
|
48
49
|
"@babel/plugin-transform-runtime": "^7.10.1",
|
|
49
50
|
"@babel/preset-env": "^7.6.2",
|
|
50
51
|
"@babel/preset-react": "^7.0.0",
|
|
52
|
+
"@storybook/addon-actions": "^6.4.9",
|
|
53
|
+
"@storybook/addon-essentials": "^6.4.9",
|
|
54
|
+
"@storybook/addon-links": "^6.4.9",
|
|
55
|
+
"@storybook/react": "^6.4.9",
|
|
51
56
|
"@testing-library/react": "^11.2.5",
|
|
52
57
|
"babel-jest": "^24.8.0",
|
|
53
58
|
"babel-loader": "^8.0.6",
|
|
59
|
+
"chromatic": "^6.3.3",
|
|
54
60
|
"eslint": "^5.16.0",
|
|
55
61
|
"eslint-config-airbnb": "^17.1.0",
|
|
56
62
|
"eslint-config-prettier": "^6.7.0",
|
|
@@ -59,21 +65,19 @@
|
|
|
59
65
|
"eslint-plugin-jsx-a11y": "^6.2.1",
|
|
60
66
|
"eslint-plugin-react": "^7.13.0",
|
|
61
67
|
"eslint-plugin-react-hooks": "^4.2.0",
|
|
68
|
+
"eslint-plugin-storybook": "^0.5.5",
|
|
62
69
|
"identity-obj-proxy": "^3.0.0",
|
|
63
70
|
"jest": "^25.5.4",
|
|
64
|
-
"react": "
|
|
65
|
-
"react-dom": "
|
|
66
|
-
"
|
|
67
|
-
"
|
|
71
|
+
"react": "^17.0.1",
|
|
72
|
+
"react-dom": "^17.0.1",
|
|
73
|
+
"styled-components": "^5.0.1",
|
|
74
|
+
"react-test-renderer": "^16.8.6"
|
|
68
75
|
},
|
|
69
76
|
"jest": {
|
|
70
77
|
"moduleNameMapper": {
|
|
71
78
|
"\\.(css|less|scss|sass)$": "identity-obj-proxy",
|
|
72
79
|
"\\.(svg)$": "<rootDir>/test/mocks/svgMock.js",
|
|
73
80
|
"\\.(png)$": "<rootDir>/test/mocks/pngMock.js"
|
|
74
|
-
}
|
|
75
|
-
"transformIgnorePatterns": [
|
|
76
|
-
"/node_modules/(?!react-use-scrollspy).+\\.js$"
|
|
77
|
-
]
|
|
81
|
+
}
|
|
78
82
|
}
|
|
79
83
|
}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.lastIcon = exports.nextIcon = exports.previousIcon = exports.firstIcon = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
12
|
+
var firstIcon = _react["default"].createElement("svg", {
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
width: "12.41",
|
|
15
|
+
height: "12",
|
|
16
|
+
viewBox: "0 0 12.41 12"
|
|
17
|
+
}, _react["default"].createElement("path", {
|
|
18
|
+
id: "Path_2463",
|
|
19
|
+
"data-name": "Path 2463",
|
|
20
|
+
d: "M18.41,16.59,13.82,12l4.59-4.59L17,6l-6,6,6,6ZM6,6H8V18H6Z",
|
|
21
|
+
transform: "translate(-6 -6)"
|
|
22
|
+
}));
|
|
23
|
+
|
|
24
|
+
exports.firstIcon = firstIcon;
|
|
25
|
+
|
|
26
|
+
var previousIcon = _react["default"].createElement("svg", {
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
28
|
+
width: "7.41",
|
|
29
|
+
height: "12",
|
|
30
|
+
viewBox: "0 0 7.41 12"
|
|
31
|
+
}, _react["default"].createElement("path", {
|
|
32
|
+
id: "Path_2459",
|
|
33
|
+
"data-name": "Path 2459",
|
|
34
|
+
d: "M15.41,7.41,14,6,8,12l6,6,1.41-1.41L10.83,12Z",
|
|
35
|
+
transform: "translate(-8 -6)"
|
|
36
|
+
}));
|
|
37
|
+
|
|
38
|
+
exports.previousIcon = previousIcon;
|
|
39
|
+
|
|
40
|
+
var nextIcon = _react["default"].createElement("svg", {
|
|
41
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
42
|
+
width: "7.41",
|
|
43
|
+
height: "12",
|
|
44
|
+
viewBox: "0 0 7.41 12"
|
|
45
|
+
}, _react["default"].createElement("path", {
|
|
46
|
+
id: "Path_2461",
|
|
47
|
+
"data-name": "Path 2461",
|
|
48
|
+
d: "M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z",
|
|
49
|
+
transform: "translate(-8.59 -6)"
|
|
50
|
+
}));
|
|
51
|
+
|
|
52
|
+
exports.nextIcon = nextIcon;
|
|
53
|
+
|
|
54
|
+
var lastIcon = _react["default"].createElement("svg", {
|
|
55
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
56
|
+
width: "12.41",
|
|
57
|
+
height: "12",
|
|
58
|
+
viewBox: "0 0 12.41 12"
|
|
59
|
+
}, _react["default"].createElement("path", {
|
|
60
|
+
id: "Path_2465",
|
|
61
|
+
"data-name": "Path 2465",
|
|
62
|
+
d: "M5.59,7.41,10.18,12,5.59,16.59,7,18l6-6L7,6ZM16,6h2V18H16Z",
|
|
63
|
+
transform: "translate(-5.59 -6)"
|
|
64
|
+
}));
|
|
65
|
+
|
|
66
|
+
exports.lastIcon = lastIcon;
|