@dxc-technology/halstack-react 0.0.0-12908ef → 0.0.0-1300a09

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.
Files changed (399) hide show
  1. package/BackgroundColorContext.d.ts +10 -0
  2. package/BackgroundColorContext.js +47 -0
  3. package/HalstackContext.d.ts +12 -0
  4. package/HalstackContext.js +295 -0
  5. package/accordion/Accordion.d.ts +4 -0
  6. package/accordion/Accordion.js +226 -0
  7. package/accordion/Accordion.stories.tsx +307 -0
  8. package/accordion/Accordion.test.js +72 -0
  9. package/accordion/types.d.ts +68 -0
  10. package/accordion/types.js +5 -0
  11. package/accordion-group/AccordionGroup.d.ts +7 -0
  12. package/accordion-group/AccordionGroup.js +169 -0
  13. package/accordion-group/AccordionGroup.stories.tsx +225 -0
  14. package/accordion-group/AccordionGroup.test.js +151 -0
  15. package/accordion-group/types.d.ts +72 -0
  16. package/accordion-group/types.js +5 -0
  17. package/alert/Alert.d.ts +4 -0
  18. package/{dist/alert → alert}/Alert.js +43 -153
  19. package/alert/Alert.stories.tsx +170 -0
  20. package/alert/Alert.test.js +92 -0
  21. package/alert/types.d.ts +49 -0
  22. package/alert/types.js +5 -0
  23. package/badge/Badge.d.ts +4 -0
  24. package/badge/Badge.js +61 -0
  25. package/badge/types.d.ts +5 -0
  26. package/badge/types.js +5 -0
  27. package/bleed/Bleed.d.ts +3 -0
  28. package/bleed/Bleed.js +51 -0
  29. package/bleed/Bleed.stories.tsx +341 -0
  30. package/bleed/types.d.ts +37 -0
  31. package/bleed/types.js +5 -0
  32. package/box/Box.d.ts +4 -0
  33. package/box/Box.js +116 -0
  34. package/box/Box.stories.tsx +132 -0
  35. package/box/Box.test.js +18 -0
  36. package/box/types.d.ts +43 -0
  37. package/box/types.js +5 -0
  38. package/button/Button.d.ts +4 -0
  39. package/{dist/button → button}/Button.js +33 -97
  40. package/button/Button.stories.tsx +274 -0
  41. package/button/Button.test.js +35 -0
  42. package/button/types.d.ts +53 -0
  43. package/button/types.js +5 -0
  44. package/card/Card.d.ts +4 -0
  45. package/card/Card.js +161 -0
  46. package/card/Card.stories.tsx +201 -0
  47. package/card/Card.test.js +50 -0
  48. package/card/ice-cream.jpg +0 -0
  49. package/card/types.d.ts +67 -0
  50. package/card/types.js +5 -0
  51. package/checkbox/Checkbox.d.ts +4 -0
  52. package/{dist/checkbox → checkbox}/Checkbox.js +55 -98
  53. package/checkbox/Checkbox.stories.tsx +188 -0
  54. package/checkbox/Checkbox.test.js +78 -0
  55. package/checkbox/types.d.ts +64 -0
  56. package/checkbox/types.js +5 -0
  57. package/chip/Chip.d.ts +4 -0
  58. package/chip/Chip.js +161 -0
  59. package/chip/Chip.stories.tsx +119 -0
  60. package/chip/Chip.test.js +56 -0
  61. package/chip/types.d.ts +45 -0
  62. package/chip/types.js +5 -0
  63. package/{dist/common → common}/OpenSans.css +0 -0
  64. package/{dist/common → common}/RequiredComponent.js +3 -11
  65. package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
  66. package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
  67. package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
  68. package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  69. package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
  70. package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
  71. package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
  72. package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
  73. package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
  74. package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  75. package/{dist/common → common}/utils.js +0 -0
  76. package/{dist/common → common}/variables.js +319 -420
  77. package/date-input/DateInput.d.ts +4 -0
  78. package/{dist/date-input → date-input}/DateInput.js +80 -108
  79. package/date-input/DateInput.stories.tsx +138 -0
  80. package/date-input/DateInput.test.js +479 -0
  81. package/date-input/types.d.ts +107 -0
  82. package/date-input/types.js +5 -0
  83. package/dialog/Dialog.d.ts +4 -0
  84. package/dialog/Dialog.js +138 -0
  85. package/dialog/Dialog.stories.tsx +212 -0
  86. package/dialog/Dialog.test.js +40 -0
  87. package/dialog/types.d.ts +43 -0
  88. package/dialog/types.js +5 -0
  89. package/dropdown/Dropdown.d.ts +4 -0
  90. package/{dist/dropdown → dropdown}/Dropdown.js +54 -207
  91. package/dropdown/Dropdown.stories.tsx +249 -0
  92. package/dropdown/Dropdown.test.js +189 -0
  93. package/dropdown/types.d.ts +80 -0
  94. package/dropdown/types.js +5 -0
  95. package/file-input/FileInput.d.ts +4 -0
  96. package/file-input/FileInput.js +593 -0
  97. package/file-input/FileInput.stories.tsx +507 -0
  98. package/file-input/FileInput.test.js +457 -0
  99. package/file-input/FileItem.d.ts +14 -0
  100. package/file-input/FileItem.js +186 -0
  101. package/file-input/types.d.ts +112 -0
  102. package/file-input/types.js +5 -0
  103. package/footer/Footer.d.ts +4 -0
  104. package/footer/Footer.js +185 -0
  105. package/footer/Footer.stories.tsx +130 -0
  106. package/footer/Footer.test.js +109 -0
  107. package/footer/Icons.d.ts +2 -0
  108. package/{dist/footer → footer}/Icons.js +16 -16
  109. package/footer/types.d.ts +65 -0
  110. package/footer/types.js +5 -0
  111. package/header/Header.d.ts +7 -0
  112. package/header/Header.js +303 -0
  113. package/header/Header.stories.tsx +172 -0
  114. package/header/Header.test.js +79 -0
  115. package/header/Icons.d.ts +2 -0
  116. package/{dist/header → header}/Icons.js +7 -32
  117. package/header/types.d.ts +47 -0
  118. package/header/types.js +5 -0
  119. package/heading/Heading.d.ts +4 -0
  120. package/{dist/heading → heading}/Heading.js +25 -96
  121. package/heading/Heading.stories.tsx +54 -0
  122. package/heading/Heading.test.js +186 -0
  123. package/heading/types.d.ts +33 -0
  124. package/heading/types.js +5 -0
  125. package/inset/Inset.d.ts +3 -0
  126. package/inset/Inset.js +51 -0
  127. package/inset/Inset.stories.tsx +229 -0
  128. package/inset/types.d.ts +37 -0
  129. package/inset/types.js +5 -0
  130. package/layout/ApplicationLayout.d.ts +11 -0
  131. package/layout/ApplicationLayout.js +199 -0
  132. package/layout/ApplicationLayout.stories.tsx +126 -0
  133. package/layout/Icons.d.ts +5 -0
  134. package/{dist/layout → layout}/Icons.js +19 -8
  135. package/layout/SidenavContext.d.ts +5 -0
  136. package/layout/SidenavContext.js +19 -0
  137. package/layout/types.d.ts +52 -0
  138. package/layout/types.js +5 -0
  139. package/link/Link.d.ts +4 -0
  140. package/link/Link.js +136 -0
  141. package/link/Link.stories.tsx +186 -0
  142. package/link/Link.test.js +83 -0
  143. package/link/types.d.ts +54 -0
  144. package/link/types.js +5 -0
  145. package/list/List.d.ts +4 -0
  146. package/list/List.js +47 -0
  147. package/list/List.stories.tsx +89 -0
  148. package/list/types.d.ts +7 -0
  149. package/list/types.js +5 -0
  150. package/main.d.ts +47 -0
  151. package/{dist/main.js → main.js} +133 -99
  152. package/number-input/NumberInput.d.ts +4 -0
  153. package/number-input/NumberInput.js +76 -0
  154. package/number-input/NumberInput.stories.tsx +115 -0
  155. package/number-input/NumberInput.test.js +506 -0
  156. package/number-input/NumberInputContext.d.ts +4 -0
  157. package/{dist/number-input → number-input}/NumberInputContext.js +5 -2
  158. package/number-input/numberInputContextTypes.d.ts +19 -0
  159. package/number-input/numberInputContextTypes.js +5 -0
  160. package/number-input/types.d.ts +124 -0
  161. package/number-input/types.js +5 -0
  162. package/package.json +35 -20
  163. package/{dist/paginator → paginator}/Icons.js +9 -9
  164. package/paginator/Paginator.d.ts +4 -0
  165. package/paginator/Paginator.js +171 -0
  166. package/paginator/Paginator.stories.tsx +63 -0
  167. package/paginator/Paginator.test.js +308 -0
  168. package/paginator/types.d.ts +38 -0
  169. package/paginator/types.js +5 -0
  170. package/password-input/PasswordInput.d.ts +4 -0
  171. package/{dist/password-input → password-input}/PasswordInput.js +45 -77
  172. package/password-input/PasswordInput.stories.tsx +131 -0
  173. package/password-input/PasswordInput.test.js +180 -0
  174. package/password-input/types.d.ts +110 -0
  175. package/password-input/types.js +5 -0
  176. package/progress-bar/ProgressBar.d.ts +4 -0
  177. package/{dist/progress-bar → progress-bar}/ProgressBar.js +23 -95
  178. package/progress-bar/ProgressBar.stories.jsx +58 -0
  179. package/progress-bar/ProgressBar.test.js +65 -0
  180. package/progress-bar/types.d.ts +37 -0
  181. package/progress-bar/types.js +5 -0
  182. package/quick-nav/QuickNav.d.ts +4 -0
  183. package/quick-nav/QuickNav.js +116 -0
  184. package/quick-nav/QuickNav.stories.tsx +264 -0
  185. package/quick-nav/types.d.ts +21 -0
  186. package/quick-nav/types.js +5 -0
  187. package/radio-group/Radio.d.ts +4 -0
  188. package/radio-group/Radio.js +141 -0
  189. package/radio-group/RadioGroup.d.ts +4 -0
  190. package/radio-group/RadioGroup.js +283 -0
  191. package/radio-group/RadioGroup.stories.tsx +100 -0
  192. package/radio-group/RadioGroup.test.js +695 -0
  193. package/radio-group/types.d.ts +114 -0
  194. package/radio-group/types.js +5 -0
  195. package/resultsetTable/ResultsetTable.d.ts +4 -0
  196. package/{dist/resultsetTable → resultsetTable}/ResultsetTable.js +43 -147
  197. package/resultsetTable/ResultsetTable.stories.tsx +275 -0
  198. package/resultsetTable/ResultsetTable.test.js +348 -0
  199. package/resultsetTable/types.d.ts +67 -0
  200. package/resultsetTable/types.js +5 -0
  201. package/row/Row.d.ts +3 -0
  202. package/row/Row.js +127 -0
  203. package/row/Row.stories.tsx +237 -0
  204. package/row/types.d.ts +28 -0
  205. package/row/types.js +5 -0
  206. package/select/Icons.d.ts +10 -0
  207. package/select/Icons.js +93 -0
  208. package/select/Listbox.d.ts +4 -0
  209. package/select/Listbox.js +175 -0
  210. package/select/Option.d.ts +4 -0
  211. package/select/Option.js +110 -0
  212. package/select/Select.d.ts +4 -0
  213. package/select/Select.js +660 -0
  214. package/select/Select.stories.tsx +626 -0
  215. package/select/Select.test.js +2162 -0
  216. package/select/types.d.ts +212 -0
  217. package/select/types.js +5 -0
  218. package/sidenav/Sidenav.d.ts +9 -0
  219. package/sidenav/Sidenav.js +147 -0
  220. package/sidenav/Sidenav.stories.tsx +182 -0
  221. package/sidenav/Sidenav.test.js +56 -0
  222. package/sidenav/types.d.ts +50 -0
  223. package/sidenav/types.js +5 -0
  224. package/slider/Slider.d.ts +4 -0
  225. package/{dist/slider → slider}/Slider.js +76 -162
  226. package/slider/Slider.stories.tsx +177 -0
  227. package/slider/Slider.test.js +150 -0
  228. package/slider/types.d.ts +82 -0
  229. package/slider/types.js +5 -0
  230. package/spinner/Spinner.d.ts +4 -0
  231. package/spinner/Spinner.js +250 -0
  232. package/spinner/Spinner.stories.jsx +103 -0
  233. package/spinner/Spinner.test.js +64 -0
  234. package/spinner/types.d.ts +32 -0
  235. package/spinner/types.js +5 -0
  236. package/stack/Stack.d.ts +4 -0
  237. package/stack/Stack.js +56 -0
  238. package/stack/Stack.stories.tsx +263 -0
  239. package/stack/types.d.ts +32 -0
  240. package/stack/types.js +5 -0
  241. package/switch/Switch.d.ts +4 -0
  242. package/switch/Switch.js +195 -0
  243. package/switch/Switch.stories.tsx +160 -0
  244. package/switch/Switch.test.js +98 -0
  245. package/switch/types.d.ts +62 -0
  246. package/switch/types.js +5 -0
  247. package/table/Table.d.ts +4 -0
  248. package/{dist/table → table}/Table.js +12 -26
  249. package/table/Table.stories.jsx +277 -0
  250. package/table/Table.test.js +26 -0
  251. package/table/types.d.ts +21 -0
  252. package/table/types.js +5 -0
  253. package/tabs/Tabs.d.ts +4 -0
  254. package/tabs/Tabs.js +211 -0
  255. package/tabs/Tabs.stories.tsx +112 -0
  256. package/tabs/Tabs.test.js +140 -0
  257. package/tabs/types.d.ts +82 -0
  258. package/tabs/types.js +5 -0
  259. package/tabs-nav/NavTabs.d.ts +8 -0
  260. package/tabs-nav/NavTabs.js +125 -0
  261. package/tabs-nav/NavTabs.stories.tsx +170 -0
  262. package/tabs-nav/NavTabs.test.js +82 -0
  263. package/tabs-nav/Tab.d.ts +4 -0
  264. package/tabs-nav/Tab.js +132 -0
  265. package/tabs-nav/types.d.ts +53 -0
  266. package/tabs-nav/types.js +5 -0
  267. package/tag/Tag.d.ts +4 -0
  268. package/tag/Tag.js +183 -0
  269. package/tag/Tag.stories.tsx +142 -0
  270. package/tag/Tag.test.js +60 -0
  271. package/tag/types.d.ts +69 -0
  272. package/tag/types.js +5 -0
  273. package/text/Text.d.ts +7 -0
  274. package/text/Text.js +30 -0
  275. package/text/Text.stories.tsx +19 -0
  276. package/text-input/Suggestion.d.ts +4 -0
  277. package/text-input/Suggestion.js +55 -0
  278. package/text-input/TextInput.d.ts +4 -0
  279. package/{dist/text-input → text-input}/TextInput.js +284 -485
  280. package/text-input/TextInput.stories.tsx +474 -0
  281. package/text-input/TextInput.test.js +1712 -0
  282. package/text-input/types.d.ts +178 -0
  283. package/text-input/types.js +5 -0
  284. package/textarea/Textarea.d.ts +4 -0
  285. package/{dist/textarea → textarea}/Textarea.js +50 -142
  286. package/textarea/Textarea.stories.jsx +157 -0
  287. package/textarea/Textarea.test.js +437 -0
  288. package/textarea/types.d.ts +137 -0
  289. package/textarea/types.js +5 -0
  290. package/toggle-group/ToggleGroup.d.ts +4 -0
  291. package/{dist/toggle-group → toggle-group}/ToggleGroup.js +36 -148
  292. package/toggle-group/ToggleGroup.stories.tsx +173 -0
  293. package/toggle-group/ToggleGroup.test.js +156 -0
  294. package/toggle-group/types.d.ts +105 -0
  295. package/toggle-group/types.js +5 -0
  296. package/useTheme.d.ts +2 -0
  297. package/{dist/useTheme.js → useTheme.js} +2 -2
  298. package/useTranslatedLabels.d.ts +2 -0
  299. package/useTranslatedLabels.js +20 -0
  300. package/wizard/Wizard.d.ts +4 -0
  301. package/wizard/Wizard.js +292 -0
  302. package/wizard/Wizard.stories.tsx +214 -0
  303. package/wizard/Wizard.test.js +141 -0
  304. package/wizard/types.d.ts +64 -0
  305. package/wizard/types.js +5 -0
  306. package/README.md +0 -66
  307. package/babel.config.js +0 -8
  308. package/dist/BackgroundColorContext.js +0 -46
  309. package/dist/ThemeContext.js +0 -250
  310. package/dist/V3Textarea/V3Textarea.js +0 -264
  311. package/dist/accordion/Accordion.js +0 -353
  312. package/dist/accordion-group/AccordionGroup.js +0 -186
  313. package/dist/alert/index.d.ts +0 -51
  314. package/dist/badge/Badge.js +0 -63
  315. package/dist/box/Box.js +0 -156
  316. package/dist/card/Card.js +0 -254
  317. package/dist/chip/Chip.js +0 -265
  318. package/dist/date/Date.js +0 -379
  319. package/dist/date-input/index.d.ts +0 -95
  320. package/dist/dialog/Dialog.js +0 -218
  321. package/dist/file-input/FileInput.js +0 -644
  322. package/dist/file-input/FileItem.js +0 -280
  323. package/dist/file-input/index.d.ts +0 -81
  324. package/dist/footer/Footer.js +0 -421
  325. package/dist/header/Header.js +0 -470
  326. package/dist/input-text/Icons.js +0 -22
  327. package/dist/input-text/InputText.js +0 -705
  328. package/dist/layout/ApplicationLayout.js +0 -327
  329. package/dist/link/Link.js +0 -237
  330. package/dist/main.d.ts +0 -8
  331. package/dist/new-select/NewSelect.js +0 -836
  332. package/dist/new-select/index.d.ts +0 -53
  333. package/dist/number-input/NumberInput.js +0 -136
  334. package/dist/number-input/index.d.ts +0 -113
  335. package/dist/paginator/Paginator.js +0 -283
  336. package/dist/password-input/index.d.ts +0 -94
  337. package/dist/radio/Radio.js +0 -209
  338. package/dist/select/Select.js +0 -549
  339. package/dist/sidenav/Sidenav.js +0 -179
  340. package/dist/spinner/Spinner.js +0 -381
  341. package/dist/switch/Switch.js +0 -222
  342. package/dist/tabs/Tabs.js +0 -343
  343. package/dist/tag/Tag.js +0 -282
  344. package/dist/text-input/index.d.ts +0 -135
  345. package/dist/textarea/index.d.ts +0 -117
  346. package/dist/toggle/Toggle.js +0 -220
  347. package/dist/upload/Upload.js +0 -205
  348. package/dist/upload/buttons-upload/ButtonsUpload.js +0 -135
  349. package/dist/upload/buttons-upload/Icons.js +0 -40
  350. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -329
  351. package/dist/upload/dragAndDropArea/Icons.js +0 -39
  352. package/dist/upload/file-upload/FileToUpload.js +0 -189
  353. package/dist/upload/file-upload/Icons.js +0 -66
  354. package/dist/upload/files-upload/FilesToUpload.js +0 -123
  355. package/dist/upload/transaction/Icons.js +0 -160
  356. package/dist/upload/transaction/Transaction.js +0 -148
  357. package/dist/upload/transactions/Transactions.js +0 -138
  358. package/dist/wizard/Icons.js +0 -65
  359. package/dist/wizard/Wizard.js +0 -405
  360. package/test/Accordion.test.js +0 -33
  361. package/test/AccordionGroup.test.js +0 -125
  362. package/test/Alert.test.js +0 -53
  363. package/test/Box.test.js +0 -10
  364. package/test/Button.test.js +0 -18
  365. package/test/Card.test.js +0 -30
  366. package/test/Checkbox.test.js +0 -45
  367. package/test/Chip.test.js +0 -25
  368. package/test/Date.test.js +0 -397
  369. package/test/DateInput.test.js +0 -242
  370. package/test/Dialog.test.js +0 -23
  371. package/test/Dropdown.test.js +0 -145
  372. package/test/FileInput.test.js +0 -201
  373. package/test/Footer.test.js +0 -94
  374. package/test/Header.test.js +0 -34
  375. package/test/Heading.test.js +0 -83
  376. package/test/InputText.test.js +0 -248
  377. package/test/Link.test.js +0 -43
  378. package/test/NumberInput.test.js +0 -259
  379. package/test/Paginator.test.js +0 -177
  380. package/test/PasswordInput.test.js +0 -83
  381. package/test/ProgressBar.test.js +0 -35
  382. package/test/Radio.test.js +0 -37
  383. package/test/ResultsetTable.test.js +0 -329
  384. package/test/Select.test.js +0 -212
  385. package/test/Sidenav.test.js +0 -45
  386. package/test/Slider.test.js +0 -74
  387. package/test/Spinner.test.js +0 -32
  388. package/test/Switch.test.js +0 -45
  389. package/test/Table.test.js +0 -36
  390. package/test/Tabs.test.js +0 -109
  391. package/test/Tag.test.js +0 -32
  392. package/test/TextInput.test.js +0 -732
  393. package/test/Textarea.test.js +0 -193
  394. package/test/ToggleGroup.test.js +0 -85
  395. package/test/Upload.test.js +0 -60
  396. package/test/V3TextArea.test.js +0 -51
  397. package/test/Wizard.test.js +0 -130
  398. package/test/mocks/pngMock.js +0 -1
  399. package/test/mocks/svgMock.js +0 -1
@@ -1,327 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports["default"] = void 0;
11
-
12
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
13
-
14
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
-
16
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
17
-
18
- var _react = _interopRequireWildcard(require("react"));
19
-
20
- var _main = require("../main");
21
-
22
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
23
-
24
- var _propTypes = _interopRequireDefault(require("prop-types"));
25
-
26
- var _variables = require("../common/variables.js");
27
-
28
- var _Icons = require("./Icons");
29
-
30
- var _useTheme = _interopRequireDefault(require("../useTheme.js"));
31
-
32
- function _templateObject10() {
33
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n justify-content: center;\n position: sticky;\n top: 45vh;\n width: 42px;\n min-height: 42px;\n background-color: ", ";\n border-radius: 50%;\n transform: ", ";\n transition: transform 0.4s ease-in-out;\n z-index: 1250;\n cursor: pointer;\n & > svg {\n fill: ", ";\n }\n"]);
34
-
35
- _templateObject10 = function _templateObject10() {
36
- return data;
37
- };
38
-
39
- return data;
40
- }
41
-
42
- function _templateObject9() {
43
- var data = (0, _taggedTemplateLiteral2["default"])(["\n position: absolute;\n height: calc(100vh - 64px);\n left: 279px;\n"]);
44
-
45
- _templateObject9 = function _templateObject9() {
46
- return data;
47
- };
48
-
49
- return data;
50
- }
51
-
52
- function _templateObject8() {
53
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex-direction: row;\n z-index: 1200;\n transform: ", ";\n transition: transform 0.4s ease-in-out;\n height: calc(100vh - 64px);\n position: sticky;\n top: 64px;\n"]);
54
-
55
- _templateObject8 = function _templateObject8() {
56
- return data;
57
- };
58
-
59
- return data;
60
- }
61
-
62
- function _templateObject7() {
63
- var data = (0, _taggedTemplateLiteral2["default"])(["\n flex-grow: 1;\n position: relative;\n min-height: calc(100vh - 184px);\n margin-left: ", ";\n transition: margin 0.4s ease-in-out;\n"]);
64
-
65
- _templateObject7 = function _templateObject7() {
66
- return data;
67
- };
68
-
69
- return data;
70
- }
71
-
72
- function _templateObject6() {
73
- var data = (0, _taggedTemplateLiteral2["default"])(["\n margin-left: ", ";\n transition: margin 0.4s ease-in-out;\n"]);
74
-
75
- _templateObject6 = function _templateObject6() {
76
- return data;
77
- };
78
-
79
- return data;
80
- }
81
-
82
- function _templateObject5() {
83
- var data = (0, _taggedTemplateLiteral2["default"])(["\n width: 100%;\n min-width: 0;\n display: flex;\n flex-direction: column;\n"]);
84
-
85
- _templateObject5 = function _templateObject5() {
86
- return data;
87
- };
88
-
89
- return data;
90
- }
91
-
92
- function _templateObject4() {
93
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex: 1 1 auto;\n align-items: flex-start;\n"]);
94
-
95
- _templateObject4 = function _templateObject4() {
96
- return data;
97
- };
98
-
99
- return data;
100
- }
101
-
102
- function _templateObject3() {
103
- var data = (0, _taggedTemplateLiteral2["default"])(["\n flex: 1;\n display: flex;\n flex-direction: column;\n"]);
104
-
105
- _templateObject3 = function _templateObject3() {
106
- return data;
107
- };
108
-
109
- return data;
110
- }
111
-
112
- function _templateObject2() {
113
- var data = (0, _taggedTemplateLiteral2["default"])(["\n z-index: 1250;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n"]);
114
-
115
- _templateObject2 = function _templateObject2() {
116
- return data;
117
- };
118
-
119
- return data;
120
- }
121
-
122
- function _templateObject() {
123
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 64px;\n bottom: 0;\n left: 0;\n right: 0;\n"]);
124
-
125
- _templateObject = function _templateObject() {
126
- return data;
127
- };
128
-
129
- return data;
130
- }
131
-
132
- var year = new Date().getFullYear();
133
-
134
- var Header = function Header(_ref) {
135
- var children = _ref.children;
136
- return _react["default"].createElement(_react["default"].Fragment, null, children);
137
- };
138
-
139
- var Main = function Main(_ref2) {
140
- var children = _ref2.children;
141
- return _react["default"].createElement(_react["default"].Fragment, null, children);
142
- };
143
-
144
- var Footer = function Footer(_ref3) {
145
- var children = _ref3.children;
146
- return _react["default"].createElement(_react["default"].Fragment, null, children);
147
- };
148
-
149
- var SideNav = function SideNav(props) {
150
- var displayArrow = props.displayArrow,
151
- mode = props.mode,
152
- childProps = (0, _objectWithoutProperties2["default"])(props, ["displayArrow", "mode"]);
153
- return _react["default"].createElement(_main.DxcSidenav, childProps, childProps.children);
154
- };
155
-
156
- SideNav.propTypes = {
157
- mode: _propTypes["default"].oneOf(["overlay", "push", ""]),
158
- displayArrow: _propTypes["default"].bool,
159
- padding: _propTypes["default"].oneOfType([_propTypes["default"].shape({
160
- top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
161
- bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
162
- left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
163
- right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
164
- })])
165
- };
166
-
167
- var defaultFooter = function defaultFooter() {
168
- return _react["default"].createElement(_main.DxcFooter, {
169
- copyright: "\xA9 DXC Technology ".concat(year, "\u200B\u200B\u200B\u200B. All rights reserved."),
170
- bottomLinks: [{
171
- href: "https://www.linkedin.com/company/dxctechnology",
172
- text: "Linkedin"
173
- }, {
174
- href: "https://twitter.com/dxctechnology",
175
- text: "Twitter"
176
- }, {
177
- href: "https://www.facebook.com/DXCTechnology/",
178
- text: "Facebook"
179
- }],
180
- socialLinks: [{
181
- href: "https://www.linkedin.com/company/dxctechnology",
182
- logo: _Icons.linkedinLogo
183
- }, {
184
- href: "https://twitter.com/dxctechnology",
185
- logo: _Icons.twitterLogo
186
- }, {
187
- href: "https://www.facebook.com/DXCTechnology/",
188
- logo: _Icons.facebookLogo
189
- }]
190
- });
191
- };
192
-
193
- var defaultHeader = function defaultHeader() {
194
- return _react["default"].createElement(_main.DxcHeader, {
195
- underlined: true
196
- });
197
- };
198
-
199
- var childTypeExists = function childTypeExists(children, childType) {
200
- return children.find(function (child) {
201
- return child && child.type && child.type === childType;
202
- });
203
- };
204
-
205
- var DxcApplicationLayout = function DxcApplicationLayout(_ref4) {
206
- var children = _ref4.children;
207
- var ref = (0, _react.useRef)(null);
208
- var colorsTheme = (0, _useTheme["default"])();
209
-
210
- var _useState = (0, _react.useState)(true),
211
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
212
- isSideNavVisible = _useState2[0],
213
- setIsSideNavVisible = _useState2[1];
214
-
215
- var _useState3 = (0, _react.useState)(),
216
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
217
- isResponsive = _useState4[0],
218
- setIsResponsive = _useState4[1];
219
-
220
- var childrenArray = _react["default"].Children.toArray(children);
221
-
222
- var header = childTypeExists(childrenArray, _main.DxcHeader) || childTypeExists(childrenArray, Header) || defaultHeader();
223
- var footer = childTypeExists(childrenArray, _main.DxcFooter) || childTypeExists(childrenArray, Footer) || defaultFooter();
224
- var sideNav = childTypeExists(childrenArray, SideNav);
225
- var main = childTypeExists(childrenArray, Main);
226
- var displayArrow = sideNav && sideNav.props && sideNav.props.displayArrow;
227
- var sideNavMode = sideNav && sideNav.props && sideNav.props.mode;
228
-
229
- var ArrowIcon = function ArrowIcon() {
230
- return _react["default"].createElement("svg", {
231
- xmlns: "http://www.w3.org/2000/svg",
232
- width: "15.995",
233
- height: "10.01",
234
- viewBox: "0 0 15.995 10.01"
235
- }, _react["default"].createElement("path", {
236
- "data-testid": "arrow-to-right",
237
- d: "M17.71,11.29l-4-4a1,1,0,0,0-1.42,1.42L14.59,11H3a1,1,0,0,0,0,2H14.59l-2.3,2.29a1,1,0,1,0,1.42,1.42l4-4a1.034,1.034,0,0,0,0-1.42Z",
238
- transform: "translate(-2 -6.996)"
239
- }));
240
- };
241
-
242
- var handleResize = function handleResize(width) {
243
- if (width) {
244
- if (width <= _variables.responsiveSizes.tablet ? setIsResponsive(true) : setIsResponsive(false)) ;
245
- setIsSideNavVisible(true);
246
- }
247
- };
248
-
249
- var handleEventListener = function handleEventListener() {
250
- handleResize(ref.current.offsetWidth);
251
- };
252
-
253
- (0, _react.useEffect)(function () {
254
- if (ref.current) {
255
- window.addEventListener("resize", handleEventListener);
256
- handleResize(ref.current.offsetWidth);
257
- }
258
-
259
- return function () {
260
- window.removeEventListener("resize", handleEventListener);
261
- };
262
- }, []);
263
-
264
- var handleSidenav = function handleSidenav() {
265
- setIsSideNavVisible(!isSideNavVisible);
266
- };
267
-
268
- return _react["default"].createElement(_styledComponents.ThemeProvider, {
269
- theme: colorsTheme.sidenav
270
- }, _react["default"].createElement(ApplicationLayoutContainer, {
271
- ref: ref
272
- }, _react["default"].createElement(HeaderContainer, null, header), _react["default"].createElement(BodyContainer, null, _react["default"].createElement(ContentContainer, null, _react["default"].createElement(SideNavArrowContainer, {
273
- isSideNavVisible: isSideNavVisible
274
- }, sideNav, _react["default"].createElement(ArrowContainer, null, sideNav && (displayArrow || isResponsive) && _react["default"].createElement(ArrowTrigger, {
275
- tabIndex: 0,
276
- onClick: handleSidenav,
277
- isSideNavVisible: isSideNavVisible
278
- }, _react["default"].createElement(ArrowIcon, null)))), _react["default"].createElement(MainBodyContainer, null, _react["default"].createElement(MainContent, {
279
- sideNav: sideNav,
280
- mode: isResponsive ? "overlay" : sideNavMode,
281
- isSideNavVisible: isSideNavVisible
282
- }, main), _react["default"].createElement(FooterContainer, {
283
- sideNav: sideNav,
284
- mode: isResponsive ? "overlay" : sideNavMode,
285
- isSideNavVisible: isSideNavVisible
286
- }, footer))))));
287
- };
288
-
289
- DxcApplicationLayout.Header = Header;
290
- DxcApplicationLayout.Main = Main;
291
- DxcApplicationLayout.Footer = Footer;
292
- DxcApplicationLayout.SideNav = SideNav;
293
-
294
- var ApplicationLayoutContainer = _styledComponents["default"].div(_templateObject());
295
-
296
- var HeaderContainer = _styledComponents["default"].div(_templateObject2());
297
-
298
- var BodyContainer = _styledComponents["default"].div(_templateObject3());
299
-
300
- var ContentContainer = _styledComponents["default"].div(_templateObject4());
301
-
302
- var MainBodyContainer = _styledComponents["default"].div(_templateObject5());
303
-
304
- var FooterContainer = _styledComponents["default"].div(_templateObject6(), function (props) {
305
- return props.sideNav ? props.mode === "push" && !props.isSideNavVisible || props.mode === "overlay" ? "-300px" : "" : "";
306
- });
307
-
308
- var MainContent = _styledComponents["default"].div(_templateObject7(), function (props) {
309
- return props.sideNav ? props.mode === "push" && props.isSideNavVisible ? "" : "-297px" : "";
310
- });
311
-
312
- var SideNavArrowContainer = _styledComponents["default"].div(_templateObject8(), function (props) {
313
- return props.isSideNavVisible ? "translateX(0)" : !props.isSideNavVisible ? "translateX(-100%)" : "";
314
- });
315
-
316
- var ArrowContainer = _styledComponents["default"].div(_templateObject9());
317
-
318
- var ArrowTrigger = _styledComponents["default"].div(_templateObject10(), function (props) {
319
- return "".concat(props.theme.arrowContainerColor);
320
- }, function (props) {
321
- return props.isSideNavVisible ? "rotate(-180deg)" : "rotate(0deg)";
322
- }, function (props) {
323
- return props.theme.arrowColor;
324
- });
325
-
326
- var _default = DxcApplicationLayout;
327
- exports["default"] = _default;
package/dist/link/Link.js DELETED
@@ -1,237 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports["default"] = void 0;
11
-
12
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
13
-
14
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
15
-
16
- var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
17
-
18
- var _react = _interopRequireDefault(require("react"));
19
-
20
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
21
-
22
- var _propTypes = _interopRequireDefault(require("prop-types"));
23
-
24
- var _variables = require("../common/variables.js");
25
-
26
- var _useTheme = _interopRequireDefault(require("../useTheme.js"));
27
-
28
- function _templateObject6() {
29
- var data = (0, _taggedTemplateLiteral2["default"])(["\n width: ", ";\n height: ", ";\n ", ";\n overflow: hidden;\n \n img,\n svg {\n height: 100%;\n width: 100%;\n }\n"]);
30
-
31
- _templateObject6 = function _templateObject6() {
32
- return data;
33
- };
34
-
35
- return data;
36
- }
37
-
38
- function _templateObject5() {
39
- var data = (0, _taggedTemplateLiteral2["default"])(["\n width: ", ";\n height: ", ";\n ", ";\n"]);
40
-
41
- _templateObject5 = function _templateObject5() {
42
- return data;
43
- };
44
-
45
- return data;
46
- }
47
-
48
- function _templateObject4() {
49
- var data = (0, _taggedTemplateLiteral2["default"])(["\n font-size: ", ";\n font-weight: ", ";\n font-style: ", ";\n font-family: ", ";\n display: inline-flex;\n flex-direction: ", ";\n justify-content: ", ";\n align-items: center;\n max-width: 100%;\n"]);
50
-
51
- _templateObject4 = function _templateObject4() {
52
- return data;
53
- };
54
-
55
- return data;
56
- }
57
-
58
- function _templateObject3() {
59
- var data = (0, _taggedTemplateLiteral2["default"])(["\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n font-family: inherit;\n text-decoration-color: transparent;\n\n ", "\n ", "\n color: ", ";\n ", "\n\n &:hover {\n ", "\n }\n &:focus {\n outline-color: ", ";\n outline-width: 2px;\n outline-offset: 1px;\n ", "\n }\n &:active {\n ", "\n }\n"]);
60
-
61
- _templateObject3 = function _templateObject3() {
62
- return data;
63
- };
64
-
65
- return data;
66
- }
67
-
68
- function _templateObject2() {
69
- var data = (0, _taggedTemplateLiteral2["default"])(["\n color: ", ";\n ", "\n\n text-decoration-color: transparent;\n ", "\n\n &:visited {\n color: ", ";\n &:hover {\n ", "\n }\n }\n &:hover {\n ", "\n }\n &:focus {\n outline-color: ", ";\n outline-width: 2px;\n ", "\n }\n &:active {\n ", "\n }\n"]);
70
-
71
- _templateObject2 = function _templateObject2() {
72
- return data;
73
- };
74
-
75
- return data;
76
- }
77
-
78
- function _templateObject() {
79
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: inline-flex;\n margin: ", ";\n margin-top: ", ";\n margin-right: ", ";\n margin-bottom: ", ";\n margin-left: ", ";\n"]);
80
-
81
- _templateObject = function _templateObject() {
82
- return data;
83
- };
84
-
85
- return data;
86
- }
87
-
88
- var DxcLink = function DxcLink(_ref) {
89
- var _ref$inheritColor = _ref.inheritColor,
90
- inheritColor = _ref$inheritColor === void 0 ? false : _ref$inheritColor,
91
- _ref$disabled = _ref.disabled,
92
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
93
- iconSrc = _ref.iconSrc,
94
- icon = _ref.icon,
95
- _ref$iconPosition = _ref.iconPosition,
96
- iconPosition = _ref$iconPosition === void 0 ? "before" : _ref$iconPosition,
97
- _ref$href = _ref.href,
98
- href = _ref$href === void 0 ? "" : _ref$href,
99
- _ref$newWindow = _ref.newWindow,
100
- newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
101
- onClick = _ref.onClick,
102
- _ref$text = _ref.text,
103
- text = _ref$text === void 0 ? "" : _ref$text,
104
- margin = _ref.margin,
105
- _ref$tabIndex = _ref.tabIndex,
106
- tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
107
- var colorsTheme = (0, _useTheme["default"])();
108
-
109
- var linkContent = _react["default"].createElement(LinkText, {
110
- iconPosition: iconPosition
111
- }, text, icon ? _react["default"].createElement(LinkIconContainer, {
112
- iconPosition: iconPosition
113
- }, (0, _typeof2["default"])(icon) === "object" ? icon : _react["default"].createElement(icon)) : iconSrc && _react["default"].createElement(LinkIcon, {
114
- src: iconSrc,
115
- iconPosition: iconPosition
116
- }));
117
-
118
- return _react["default"].createElement(_styledComponents.ThemeProvider, {
119
- theme: colorsTheme.link
120
- }, _react["default"].createElement(DxcLinkContainer, {
121
- margin: margin
122
- }, onClick ? _react["default"].createElement(StyledButton, {
123
- type: "button",
124
- onClick: !disabled && onClick,
125
- margin: margin,
126
- disabled: disabled,
127
- inheritColor: inheritColor
128
- }, linkContent) : _react["default"].createElement(StyledLink, {
129
- tabIndex: tabIndex,
130
- href: !disabled && href,
131
- target: newWindow ? "_blank" : "_self",
132
- margin: margin,
133
- disabled: disabled,
134
- inheritColor: inheritColor
135
- }, linkContent)));
136
- };
137
-
138
- var DxcLinkContainer = _styledComponents["default"].div(_templateObject(), function (props) {
139
- return props.margin && (0, _typeof2["default"])(props.margin) !== "object" ? _variables.spaces[props.margin] : "0px";
140
- }, function (props) {
141
- return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.top ? _variables.spaces[props.margin.top] : "";
142
- }, function (props) {
143
- return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.right ? _variables.spaces[props.margin.right] : "";
144
- }, function (props) {
145
- return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.bottom ? _variables.spaces[props.margin.bottom] : "";
146
- }, function (props) {
147
- return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.left ? _variables.spaces[props.margin.left] : "";
148
- });
149
-
150
- var StyledLink = _styledComponents["default"].a(_templateObject2(), function (props) {
151
- return props.inheritColor ? "inherit" : !props.disabled ? props.theme.fontColor : props.theme.disabledColor;
152
- }, function (props) {
153
- return props.disabled ? "pointer-events: none;" : "";
154
- }, function (props) {
155
- return "padding-bottom: ".concat(props.theme.underlineSpacing, ";\n border-bottom: ").concat(props.theme.underlineThickness, " ").concat(props.theme.underlineStyle, " transparent;");
156
- }, function (props) {
157
- return !props.inheritColor ? props.theme.visitedFontColor : "";
158
- }, function (props) {
159
- return "color: ".concat(props.theme.visitedFontColor, ";\n border-bottom-color: ").concat(props.theme.visitedUnderlineColor, ";");
160
- }, function (props) {
161
- return "color: ".concat(props.theme.hoverFontColor, ";\n border-bottom-color: ").concat(props.theme.hoverUnderlineColor, ";\n cursor: pointer;");
162
- }, function (props) {
163
- return props.theme.focusColor;
164
- }, function (props) {
165
- return props.disabled && "outline: none";
166
- }, function (props) {
167
- return "color: ".concat(props.theme.activeFontColor, " !important;\n border-bottom-color: ").concat(props.theme.activeUnderlineColor, " !important;");
168
- });
169
-
170
- var StyledButton = _styledComponents["default"].button(_templateObject3(), function (props) {
171
- return "padding-bottom: ".concat(props.theme.underlineSpacing, ";\n border-bottom: ").concat(props.theme.underlineThickness, " ").concat(props.theme.underlineStyle, " transparent;");
172
- }, function (props) {
173
- return props.disabled && "cursor: default;";
174
- }, function (props) {
175
- return props.inheritColor ? "inherit" : !props.disabled ? props.theme.fontColor : props.theme.disabledColor;
176
- }, function (props) {
177
- return props.disabled ? "pointer-events: none;" : "";
178
- }, function (props) {
179
- return "color: ".concat(props.theme.hoverFontColor, ";\n border-bottom-color: ").concat(props.theme.hoverUnderlineColor, ";\n cursor: pointer;");
180
- }, function (props) {
181
- return props.theme.focusColor;
182
- }, function (props) {
183
- return props.disabled && "outline: none";
184
- }, function (props) {
185
- return "color: ".concat(props.theme.activeFontColor, " !important;\n border-bottom-color: ").concat(props.theme.activeUnderlineColor, " !important;");
186
- });
187
-
188
- var LinkText = _styledComponents["default"].div(_templateObject4(), function (props) {
189
- return props.theme.fontSize;
190
- }, function (props) {
191
- return props.theme.fontWeight;
192
- }, function (props) {
193
- return props.theme.fontStyle;
194
- }, function (props) {
195
- return props.theme.fontFamily;
196
- }, function (props) {
197
- return props.iconPosition === "after" ? "row" : "row-reverse";
198
- }, function (props) {
199
- return props.iconPosition === "after" ? "flex-start" : "flex-end";
200
- });
201
-
202
- var LinkIcon = _styledComponents["default"].img(_templateObject5(), function (props) {
203
- return props.theme.iconSize;
204
- }, function (props) {
205
- return props.theme.iconSize;
206
- }, function (props) {
207
- return "".concat(props.iconPosition === "before" ? "margin-right" : "margin-left", ": ").concat(props.theme.iconSpacing);
208
- });
209
-
210
- var LinkIconContainer = _styledComponents["default"].div(_templateObject6(), function (props) {
211
- return props.theme.iconSize;
212
- }, function (props) {
213
- return props.theme.iconSize;
214
- }, function (props) {
215
- return "".concat(props.iconPosition === "before" ? "margin-right" : "margin-left", ": ").concat(props.theme.iconSpacing);
216
- });
217
-
218
- DxcLink.propTypes = {
219
- inheritColor: _propTypes["default"].bool,
220
- disabled: _propTypes["default"].bool,
221
- icon: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].func]),
222
- iconSrc: _propTypes["default"].string,
223
- iconPosition: _propTypes["default"].oneOf(["after", "before"]),
224
- href: _propTypes["default"].string,
225
- onClick: _propTypes["default"].func,
226
- margin: _propTypes["default"].oneOfType([_propTypes["default"].shape({
227
- top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
228
- bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
229
- left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
230
- right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
231
- }), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))]),
232
- newWindow: _propTypes["default"].bool,
233
- text: _propTypes["default"].string,
234
- tabIndex: _propTypes["default"].number
235
- };
236
- var _default = DxcLink;
237
- exports["default"] = _default;
package/dist/main.d.ts DELETED
@@ -1,8 +0,0 @@
1
- export { default as DxcAlert } from "./alert/index";
2
- export { default as DxcNewSelect } from "./new-select/index";
3
- export { default as DxcTextInput } from "./text-input/index";
4
- export { default as DxcDateInput } from "./date-input/index";
5
- export { default as DxcTextarea } from "./textarea/index";
6
- export { default as DxcNumberInput } from "./number-input/index";
7
- export { default as DxcPasswordInput } from "./password-input/index";
8
- export { default as DxcFileInput } from "./file-input/index";