@hitachivantara/uikit-react-lab 3.56.1 → 3.57.0

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 (148) hide show
  1. package/dist/Wizard/Wizard.d.ts +63 -0
  2. package/dist/Wizard/Wizard.js +238 -0
  3. package/dist/Wizard/Wizard.js.map +1 -0
  4. package/dist/Wizard/WizardActions/WizardActions.d.ts +61 -0
  5. package/dist/Wizard/WizardActions/WizardActions.js +259 -0
  6. package/dist/Wizard/WizardActions/WizardActions.js.map +1 -0
  7. package/dist/Wizard/WizardActions/index.d.ts +2 -0
  8. package/dist/Wizard/WizardActions/index.js +16 -0
  9. package/dist/Wizard/WizardActions/index.js.map +1 -0
  10. package/dist/Wizard/WizardActions/styles.js +30 -0
  11. package/dist/Wizard/WizardActions/styles.js.map +1 -0
  12. package/dist/Wizard/WizardContainer/WizardContainer.d.ts +28 -0
  13. package/dist/Wizard/WizardContainer/WizardContainer.js +94 -0
  14. package/dist/Wizard/WizardContainer/WizardContainer.js.map +1 -0
  15. package/dist/Wizard/WizardContainer/index.d.ts +2 -0
  16. package/dist/Wizard/WizardContainer/index.js +16 -0
  17. package/dist/Wizard/WizardContainer/index.js.map +1 -0
  18. package/dist/Wizard/WizardContainer/styles.js +23 -0
  19. package/dist/Wizard/WizardContainer/styles.js.map +1 -0
  20. package/dist/Wizard/WizardContent/LoadingContainer.js +74 -0
  21. package/dist/Wizard/WizardContent/LoadingContainer.js.map +1 -0
  22. package/dist/Wizard/WizardContent/WizardContent.d.ts +28 -0
  23. package/dist/Wizard/WizardContent/WizardContent.js +163 -0
  24. package/dist/Wizard/WizardContent/WizardContent.js.map +1 -0
  25. package/dist/Wizard/WizardContent/index.d.ts +2 -0
  26. package/dist/Wizard/WizardContent/index.js +16 -0
  27. package/dist/Wizard/WizardContent/index.js.map +1 -0
  28. package/dist/Wizard/WizardContent/styles.js +24 -0
  29. package/dist/Wizard/WizardContent/styles.js.map +1 -0
  30. package/dist/Wizard/WizardContext/WizardContext.js +21 -0
  31. package/dist/Wizard/WizardContext/WizardContext.js.map +1 -0
  32. package/dist/Wizard/WizardContext/index.js +16 -0
  33. package/dist/Wizard/WizardContext/index.js.map +1 -0
  34. package/dist/Wizard/WizardTitle/WizardTitle.d.ts +42 -0
  35. package/dist/Wizard/WizardTitle/WizardTitle.js +221 -0
  36. package/dist/Wizard/WizardTitle/WizardTitle.js.map +1 -0
  37. package/dist/Wizard/WizardTitle/index.d.ts +2 -0
  38. package/dist/Wizard/WizardTitle/index.js +16 -0
  39. package/dist/Wizard/WizardTitle/index.js.map +1 -0
  40. package/dist/Wizard/WizardTitle/styles.js +41 -0
  41. package/dist/Wizard/WizardTitle/styles.js.map +1 -0
  42. package/dist/Wizard/index.d.ts +2 -0
  43. package/dist/Wizard/index.js +56 -0
  44. package/dist/Wizard/index.js.map +1 -0
  45. package/dist/Wizard/styles.js +16 -0
  46. package/dist/Wizard/styles.js.map +1 -0
  47. package/dist/index.d.ts +3 -0
  48. package/dist/index.js +10 -1
  49. package/dist/index.js.map +1 -1
  50. package/dist/legacy/Wizard/Wizard.d.ts +63 -0
  51. package/dist/legacy/Wizard/Wizard.js +211 -0
  52. package/dist/legacy/Wizard/Wizard.js.map +1 -0
  53. package/dist/legacy/Wizard/WizardActions/WizardActions.d.ts +61 -0
  54. package/dist/legacy/Wizard/WizardActions/WizardActions.js +226 -0
  55. package/dist/legacy/Wizard/WizardActions/WizardActions.js.map +1 -0
  56. package/dist/legacy/Wizard/WizardActions/index.d.ts +2 -0
  57. package/dist/legacy/Wizard/WizardActions/index.js +2 -0
  58. package/dist/legacy/Wizard/WizardActions/index.js.map +1 -0
  59. package/dist/legacy/Wizard/WizardActions/styles.js +22 -0
  60. package/dist/legacy/Wizard/WizardActions/styles.js.map +1 -0
  61. package/dist/legacy/Wizard/WizardContainer/WizardContainer.d.ts +28 -0
  62. package/dist/legacy/Wizard/WizardContainer/WizardContainer.js +75 -0
  63. package/dist/legacy/Wizard/WizardContainer/WizardContainer.js.map +1 -0
  64. package/dist/legacy/Wizard/WizardContainer/index.d.ts +2 -0
  65. package/dist/legacy/Wizard/WizardContainer/index.js +2 -0
  66. package/dist/legacy/Wizard/WizardContainer/index.js.map +1 -0
  67. package/dist/legacy/Wizard/WizardContainer/styles.js +15 -0
  68. package/dist/legacy/Wizard/WizardContainer/styles.js.map +1 -0
  69. package/dist/legacy/Wizard/WizardContent/LoadingContainer.js +58 -0
  70. package/dist/legacy/Wizard/WizardContent/LoadingContainer.js.map +1 -0
  71. package/dist/legacy/Wizard/WizardContent/WizardContent.d.ts +28 -0
  72. package/dist/legacy/Wizard/WizardContent/WizardContent.js +129 -0
  73. package/dist/legacy/Wizard/WizardContent/WizardContent.js.map +1 -0
  74. package/dist/legacy/Wizard/WizardContent/index.d.ts +2 -0
  75. package/dist/legacy/Wizard/WizardContent/index.js +2 -0
  76. package/dist/legacy/Wizard/WizardContent/index.js.map +1 -0
  77. package/dist/legacy/Wizard/WizardContent/styles.js +16 -0
  78. package/dist/legacy/Wizard/WizardContent/styles.js.map +1 -0
  79. package/dist/legacy/Wizard/WizardContext/WizardContext.js +12 -0
  80. package/dist/legacy/Wizard/WizardContext/WizardContext.js.map +1 -0
  81. package/dist/legacy/Wizard/WizardContext/index.js +2 -0
  82. package/dist/legacy/Wizard/WizardContext/index.js.map +1 -0
  83. package/dist/legacy/Wizard/WizardTitle/WizardTitle.d.ts +42 -0
  84. package/dist/legacy/Wizard/WizardTitle/WizardTitle.js +198 -0
  85. package/dist/legacy/Wizard/WizardTitle/WizardTitle.js.map +1 -0
  86. package/dist/legacy/Wizard/WizardTitle/index.d.ts +2 -0
  87. package/dist/legacy/Wizard/WizardTitle/index.js +2 -0
  88. package/dist/legacy/Wizard/WizardTitle/index.js.map +1 -0
  89. package/dist/legacy/Wizard/WizardTitle/styles.js +33 -0
  90. package/dist/legacy/Wizard/WizardTitle/styles.js.map +1 -0
  91. package/dist/legacy/Wizard/index.d.ts +2 -0
  92. package/dist/legacy/Wizard/index.js +7 -0
  93. package/dist/legacy/Wizard/index.js.map +1 -0
  94. package/dist/legacy/Wizard/styles.js +8 -0
  95. package/dist/legacy/Wizard/styles.js.map +1 -0
  96. package/dist/legacy/index.d.ts +3 -0
  97. package/dist/legacy/index.js +1 -0
  98. package/dist/legacy/index.js.map +1 -1
  99. package/dist/modern/Wizard/Wizard.d.ts +63 -0
  100. package/dist/modern/Wizard/Wizard.js +198 -0
  101. package/dist/modern/Wizard/Wizard.js.map +1 -0
  102. package/dist/modern/Wizard/WizardActions/WizardActions.d.ts +61 -0
  103. package/dist/modern/Wizard/WizardActions/WizardActions.js +186 -0
  104. package/dist/modern/Wizard/WizardActions/WizardActions.js.map +1 -0
  105. package/dist/modern/Wizard/WizardActions/index.d.ts +2 -0
  106. package/dist/modern/Wizard/WizardActions/index.js +2 -0
  107. package/dist/modern/Wizard/WizardActions/index.js.map +1 -0
  108. package/dist/modern/Wizard/WizardActions/styles.js +20 -0
  109. package/dist/modern/Wizard/WizardActions/styles.js.map +1 -0
  110. package/dist/modern/Wizard/WizardContainer/WizardContainer.d.ts +28 -0
  111. package/dist/modern/Wizard/WizardContainer/WizardContainer.js +77 -0
  112. package/dist/modern/Wizard/WizardContainer/WizardContainer.js.map +1 -0
  113. package/dist/modern/Wizard/WizardContainer/index.d.ts +2 -0
  114. package/dist/modern/Wizard/WizardContainer/index.js +2 -0
  115. package/dist/modern/Wizard/WizardContainer/index.js.map +1 -0
  116. package/dist/modern/Wizard/WizardContainer/styles.js +13 -0
  117. package/dist/modern/Wizard/WizardContainer/styles.js.map +1 -0
  118. package/dist/modern/Wizard/WizardContent/LoadingContainer.js +58 -0
  119. package/dist/modern/Wizard/WizardContent/LoadingContainer.js.map +1 -0
  120. package/dist/modern/Wizard/WizardContent/WizardContent.d.ts +28 -0
  121. package/dist/modern/Wizard/WizardContent/WizardContent.js +119 -0
  122. package/dist/modern/Wizard/WizardContent/WizardContent.js.map +1 -0
  123. package/dist/modern/Wizard/WizardContent/index.d.ts +2 -0
  124. package/dist/modern/Wizard/WizardContent/index.js +2 -0
  125. package/dist/modern/Wizard/WizardContent/index.js.map +1 -0
  126. package/dist/modern/Wizard/WizardContent/styles.js +14 -0
  127. package/dist/modern/Wizard/WizardContent/styles.js.map +1 -0
  128. package/dist/modern/Wizard/WizardContext/WizardContext.js +12 -0
  129. package/dist/modern/Wizard/WizardContext/WizardContext.js.map +1 -0
  130. package/dist/modern/Wizard/WizardContext/index.js +2 -0
  131. package/dist/modern/Wizard/WizardContext/index.js.map +1 -0
  132. package/dist/modern/Wizard/WizardTitle/WizardTitle.d.ts +42 -0
  133. package/dist/modern/Wizard/WizardTitle/WizardTitle.js +182 -0
  134. package/dist/modern/Wizard/WizardTitle/WizardTitle.js.map +1 -0
  135. package/dist/modern/Wizard/WizardTitle/index.d.ts +2 -0
  136. package/dist/modern/Wizard/WizardTitle/index.js +2 -0
  137. package/dist/modern/Wizard/WizardTitle/index.js.map +1 -0
  138. package/dist/modern/Wizard/WizardTitle/styles.js +31 -0
  139. package/dist/modern/Wizard/WizardTitle/styles.js.map +1 -0
  140. package/dist/modern/Wizard/index.d.ts +2 -0
  141. package/dist/modern/Wizard/index.js +7 -0
  142. package/dist/modern/Wizard/index.js.map +1 -0
  143. package/dist/modern/Wizard/styles.js +6 -0
  144. package/dist/modern/Wizard/styles.js.map +1 -0
  145. package/dist/modern/index.d.ts +3 -0
  146. package/dist/modern/index.js +1 -0
  147. package/dist/modern/index.js.map +1 -1
  148. package/package.json +2 -2
@@ -0,0 +1 @@
1
+ {"version":3,"file":"WizardTitle.js","names":["React","PropTypes","withStyles","HvButton","HvDialogTitle","HvGrid","HvTypography","Report","HvStepNavigation","HvWizardContext","styles","switchTabState","state","currentTab","index","valid","touched","HvWizardTitle","title","hasSummary","labels","tab","classes","changeTab","customStep","useContext","context","useState","steps","setSteps","useEffect","contextArray","Object","entries","length","updatedSteps","map","childState","name","onClick","headerContainer","messageContainer","titleContainer","stepContainer","type","stepSize","width","xs","sm","md","lg","buttonWidth","root","rootSummaryButton","summary","propTypes","shape","string","bool","number","isRequired","func","oneOf","xl"],"sources":["../../../../src/Wizard/WizardTitle/WizardTitle.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvButton, HvDialogTitle, HvGrid, HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { Report } from \"@hitachivantara/uikit-react-icons\";\nimport { HvStepNavigation } from \"@hitachivantara/uikit-react-lab\";\nimport { HvWizardContext } from \"..\";\n\nimport styles from \"./styles\";\n\nconst switchTabState = (state, currentTab, index) => {\n if (index === currentTab) return \"Current\";\n if (state.valid) return \"Completed\";\n if (state.valid === null) return \"Enabled\";\n if (state.touched && state.valid === false) return \"Failed\";\n // \"Disabled\"\n // \"Pending\"\n return \"Enabled\";\n};\n\nconst HvWizardTitle = ({\n title,\n hasSummary = false,\n labels = {},\n tab,\n classes,\n changeTab,\n customStep = {},\n}) => {\n const { context } = React.useContext(HvWizardContext);\n const [steps, setSteps] = React.useState([]);\n\n React.useEffect(() => {\n const contextArray = Object.entries(context);\n if (contextArray.length) {\n const updatedSteps = contextArray.map(([, childState], index) => ({\n title: childState.name ?? `${index + 1}`,\n state: switchTabState(childState, tab, index),\n onClick: () => changeTab(index),\n }));\n\n setSteps(updatedSteps);\n }\n }, [context, tab, changeTab]);\n\n return (\n <HvDialogTitle\n className={classes.headerContainer}\n classes={{ messageContainer: classes.messageContainer }}\n >\n <HvGrid\n container\n justifyContent=\"space-between\"\n alignItems=\"center\"\n className={classes.titleContainer}\n >\n {title && (\n <HvTypography variant=\"xsTitle\" component=\"h3\">\n {title}\n </HvTypography>\n )}\n {!!steps.length && (\n <HvStepNavigation\n className={classes.stepContainer}\n steps={steps}\n type={customStep?.type ?? \"Default\"}\n stepSize={customStep?.stepSize ?? \"XS\"}\n width={customStep?.width ?? { xs: 200, sm: 350, md: 600, lg: 800 }}\n />\n )}\n {hasSummary && (\n <HvButton\n category=\"secondary\"\n className={classes.buttonWidth}\n classes={{ root: classes.rootSummaryButton }}\n >\n <Report /> {`${labels.summary ?? \"Summary\"}`}\n </HvButton>\n )}\n </HvGrid>\n </HvDialogTitle>\n );\n};\n\nHvWizardTitle.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the header container.\n */\n headerContainer: PropTypes.string,\n /**\n * Styles applied to override the Dialog Title styles.\n */\n messageContainer: PropTypes.string,\n /**\n * Styles applied to the header content container.\n */\n titleContainer: PropTypes.string,\n /**\n * Styles applied to the Button component to override its width.\n */\n buttonWidth: PropTypes.string,\n /**\n * Styles applied to the Button component to override its right padding.\n */\n rootSummaryButton: PropTypes.string,\n /**\n *\n */\n stepContainer: PropTypes.string,\n }),\n /**\n * Title for the wizard.\n */\n title: PropTypes.string,\n /**\n * Shows the summary button.\n */\n hasSummary: PropTypes.bool,\n /**\n * An object containing all the labels for the wizard header.\n */\n labels: PropTypes.shape({\n /**\n * Summary button label.\n */\n summary: PropTypes.string,\n }),\n /**\n * Current tab to check if it's last page or first to disable previous button and swap between next and submit button.\n */\n tab: PropTypes.number.isRequired,\n /**\n * Function to change the tab when pressing previous and next buttons.\n */\n changeTab: PropTypes.func.isRequired,\n /**\n * Custom object to define type, size and width of the StepNavigation component\n */\n customStep: PropTypes.shape({\n /**\n * Type of step navigation. Values = {\"Simple\", \"Default\"}.\n */\n type: PropTypes.oneOf([\"Simple\", \"Default\"]),\n /**\n * Sets one of the standard sizes of the steps. Values = {\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"}\n */\n stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\n /**\n * Width of the component element on each breakpoint screen resolution.\n */\n width: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n }),\n};\n\nexport default withStyles(styles, { name: \"HvWizardTitle\" })(HvWizardTitle);\n"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export { default } from "./WizardTitle";
2
+ export * from "./WizardTitle";
@@ -0,0 +1,2 @@
1
+ export { default } from "./WizardTitle";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/Wizard/WizardTitle/index.js"],"sourcesContent":["export { default } from \"./WizardTitle\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB"}
@@ -0,0 +1,33 @@
1
+ var styles = function styles(theme) {
2
+ return {
3
+ messageContainer: {
4
+ "& > div": {
5
+ width: "100%"
6
+ }
7
+ },
8
+ titleContainer: {
9
+ margin: 0,
10
+ width: "100%"
11
+ },
12
+ buttonWidth: {
13
+ width: 120
14
+ },
15
+ rootSummaryButton: {
16
+ paddingRight: 18
17
+ },
18
+ headerContainer: {
19
+ backgroundColor: theme.hv.palette.atmosphere.atmo2,
20
+ "& h6": {
21
+ fontSize: "16px",
22
+ fontWeight: "bold",
23
+ letterSpacing: 0
24
+ }
25
+ },
26
+ stepContainer: {
27
+ margin: "auto"
28
+ }
29
+ };
30
+ };
31
+
32
+ export default styles;
33
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","names":["styles","theme","messageContainer","width","titleContainer","margin","buttonWidth","rootSummaryButton","paddingRight","headerContainer","backgroundColor","hv","palette","atmosphere","atmo2","fontSize","fontWeight","letterSpacing","stepContainer"],"sources":["../../../../src/Wizard/WizardTitle/styles.js"],"sourcesContent":["const styles = (theme) => ({\n messageContainer: {\n \"& > div\": {\n width: \"100%\",\n },\n },\n titleContainer: {\n margin: 0,\n width: \"100%\",\n },\n buttonWidth: {\n width: 120,\n },\n rootSummaryButton: {\n paddingRight: 18,\n },\n headerContainer: {\n backgroundColor: theme.hv.palette.atmosphere.atmo2,\n \"& h6\": {\n fontSize: \"16px\",\n fontWeight: \"bold\",\n letterSpacing: 0,\n },\n },\n stepContainer: {\n margin: \"auto\",\n },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,gBAAgB,EAAE;MAChB,WAAW;QACTC,KAAK,EAAE;MADE;IADK,CADO;IAMzBC,cAAc,EAAE;MACdC,MAAM,EAAE,CADM;MAEdF,KAAK,EAAE;IAFO,CANS;IAUzBG,WAAW,EAAE;MACXH,KAAK,EAAE;IADI,CAVY;IAazBI,iBAAiB,EAAE;MACjBC,YAAY,EAAE;IADG,CAbM;IAgBzBC,eAAe,EAAE;MACfC,eAAe,EAAET,KAAK,CAACU,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAD9B;MAEf,QAAQ;QACNC,QAAQ,EAAE,MADJ;QAENC,UAAU,EAAE,MAFN;QAGNC,aAAa,EAAE;MAHT;IAFO,CAhBQ;IAwBzBC,aAAa,EAAE;MACbb,MAAM,EAAE;IADK;EAxBU,CAAZ;AAAA,CAAf;;AA6BA,eAAeL,MAAf"}
@@ -0,0 +1,2 @@
1
+ export { default } from "./Wizard";
2
+ export * from "./Wizard";
@@ -0,0 +1,7 @@
1
+ export { default } from "./Wizard";
2
+ export { default as HvWizardContainer } from "./WizardContainer";
3
+ export { default as HvWizardTitle } from "./WizardTitle";
4
+ export { default as HvWizardContent } from "./WizardContent";
5
+ export { default as HvWizardActions } from "./WizardActions";
6
+ export { default as HvWizardContext } from "./WizardContext";
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["default","HvWizardContainer","HvWizardTitle","HvWizardContent","HvWizardActions","HvWizardContext"],"sources":["../../../src/Wizard/index.js"],"sourcesContent":["export { default } from \"./Wizard\";\nexport { default as HvWizardContainer } from \"./WizardContainer\";\nexport { default as HvWizardTitle } from \"./WizardTitle\";\nexport { default as HvWizardContent } from \"./WizardContent\";\nexport { default as HvWizardActions } from \"./WizardActions\";\nexport { default as HvWizardContext } from \"./WizardContext\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB;AACA,SAASA,OAAO,IAAIC,iBAApB,QAA6C,mBAA7C;AACA,SAASD,OAAO,IAAIE,aAApB,QAAyC,eAAzC;AACA,SAASF,OAAO,IAAIG,eAApB,QAA2C,iBAA3C;AACA,SAASH,OAAO,IAAII,eAApB,QAA2C,iBAA3C;AACA,SAASJ,OAAO,IAAIK,eAApB,QAA2C,iBAA3C"}
@@ -0,0 +1,8 @@
1
+ var styles = function styles() {
2
+ return {
3
+ root: {}
4
+ };
5
+ };
6
+
7
+ export default styles;
8
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","names":["styles","root"],"sources":["../../../src/Wizard/styles.js"],"sourcesContent":["const styles = () => ({\n root: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,IAAI,EAAE;EADc,CAAP;AAAA,CAAf;;AAIA,eAAeD,MAAf"}
@@ -51,3 +51,6 @@ export * from "./StepNavigation";
51
51
 
52
52
  export { default as HvImageCarousel } from "./ImageCarousel";
53
53
  export * from "./ImageCarousel";
54
+
55
+ export { default as HvWizard } from "./Wizard";
56
+ export * from "./Wizard";
@@ -22,4 +22,5 @@ export { default as HvProgressBar } from "./ProgressBar";
22
22
  export { default as HvDotPagination } from "./DotPagination";
23
23
  export { default as HvStepNavigation } from "./StepNavigation";
24
24
  export { default as HvImageCarousel } from "./ImageCarousel";
25
+ export { default as HvWizard } from "./Wizard";
25
26
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["default","HvAppSwitcherPanel","HvFormComposer","HvNavigationAnchors","HvNotificationPanel","HvSlider","HvTable","HvTimeAgo","HvTimePicker","HvTag","HvDrawer","HvColorPicker","HvQueryBuilder","HvControls","HvInlineEditor","HvProgressBar","HvDotPagination","HvStepNavigation","HvImageCarousel"],"sources":["../../src/index.js"],"sourcesContent":["// components\nexport { default as HvAppSwitcherPanel } from \"./AppSwitcherPanel\";\nexport * from \"./AppSwitcherPanel\";\nexport { default as HvFormComposer } from \"./FormComposer\";\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\nexport { default as HvSlider } from \"./Slider\";\nexport { default as HvTable } from \"./Table\";\nexport * from \"./Table\";\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvDrawer } from \"./Drawer\";\nexport { default as HvColorPicker } from \"./ColorPicker\";\nexport { default as HvQueryBuilder } from \"./QueryBuilder\";\nexport { default as HvControls } from \"./Controls\";\nexport * from \"./Controls\";\nexport * from \"./QueryBuilder\";\nexport { default as HvInlineEditor } from \"./InlineEditor\";\nexport { default as HvProgressBar } from \"./ProgressBar\";\nexport { default as HvDotPagination } from \"./DotPagination\";\nexport { default as HvStepNavigation } from \"./StepNavigation\";\nexport { default as HvImageCarousel } from \"./ImageCarousel\";\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,kBAApB,QAA8C,oBAA9C;AACA,cAAc,oBAAd;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,gBAA1C;AACA,SAASF,OAAO,IAAIG,mBAApB,QAA+C,qBAA/C;AACA,SAASH,OAAO,IAAII,mBAApB,QAA+C,qBAA/C;AACA,SAASJ,OAAO,IAAIK,QAApB,QAAoC,UAApC;AACA,SAASL,OAAO,IAAIM,OAApB,QAAmC,SAAnC;AACA,cAAc,SAAd;AACA,SAASN,OAAO,IAAIO,SAApB,QAAqC,WAArC;AACA,cAAc,WAAd;AACA,SAASP,OAAO,IAAIQ,YAApB,QAAwC,cAAxC;AACA,SAASR,OAAO,IAAIS,KAApB,QAAiC,OAAjC;AACA,SAAST,OAAO,IAAIU,QAApB,QAAoC,UAApC;AACA,SAASV,OAAO,IAAIW,aAApB,QAAyC,eAAzC;AACA,SAASX,OAAO,IAAIY,cAApB,QAA0C,gBAA1C;AACA,SAASZ,OAAO,IAAIa,UAApB,QAAsC,YAAtC;AACA,cAAc,YAAd;AACA,cAAc,gBAAd;AACA,SAASb,OAAO,IAAIc,cAApB,QAA0C,gBAA1C;AACA,SAASd,OAAO,IAAIe,aAApB,QAAyC,eAAzC;AACA,SAASf,OAAO,IAAIgB,eAApB,QAA2C,iBAA3C;AACA,SAAShB,OAAO,IAAIiB,gBAApB,QAA4C,kBAA5C;AACA,SAASjB,OAAO,IAAIkB,eAApB,QAA2C,iBAA3C"}
1
+ {"version":3,"file":"index.js","names":["default","HvAppSwitcherPanel","HvFormComposer","HvNavigationAnchors","HvNotificationPanel","HvSlider","HvTable","HvTimeAgo","HvTimePicker","HvTag","HvDrawer","HvColorPicker","HvQueryBuilder","HvControls","HvInlineEditor","HvProgressBar","HvDotPagination","HvStepNavigation","HvImageCarousel","HvWizard"],"sources":["../../src/index.js"],"sourcesContent":["// components\nexport { default as HvAppSwitcherPanel } from \"./AppSwitcherPanel\";\nexport * from \"./AppSwitcherPanel\";\nexport { default as HvFormComposer } from \"./FormComposer\";\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\nexport { default as HvSlider } from \"./Slider\";\nexport { default as HvTable } from \"./Table\";\nexport * from \"./Table\";\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvDrawer } from \"./Drawer\";\nexport { default as HvColorPicker } from \"./ColorPicker\";\nexport { default as HvQueryBuilder } from \"./QueryBuilder\";\nexport { default as HvControls } from \"./Controls\";\nexport * from \"./Controls\";\nexport * from \"./QueryBuilder\";\nexport { default as HvInlineEditor } from \"./InlineEditor\";\nexport { default as HvProgressBar } from \"./ProgressBar\";\nexport { default as HvDotPagination } from \"./DotPagination\";\nexport { default as HvStepNavigation } from \"./StepNavigation\";\nexport { default as HvImageCarousel } from \"./ImageCarousel\";\nexport { default as HvWizard } from \"./Wizard\";\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,kBAApB,QAA8C,oBAA9C;AACA,cAAc,oBAAd;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,gBAA1C;AACA,SAASF,OAAO,IAAIG,mBAApB,QAA+C,qBAA/C;AACA,SAASH,OAAO,IAAII,mBAApB,QAA+C,qBAA/C;AACA,SAASJ,OAAO,IAAIK,QAApB,QAAoC,UAApC;AACA,SAASL,OAAO,IAAIM,OAApB,QAAmC,SAAnC;AACA,cAAc,SAAd;AACA,SAASN,OAAO,IAAIO,SAApB,QAAqC,WAArC;AACA,cAAc,WAAd;AACA,SAASP,OAAO,IAAIQ,YAApB,QAAwC,cAAxC;AACA,SAASR,OAAO,IAAIS,KAApB,QAAiC,OAAjC;AACA,SAAST,OAAO,IAAIU,QAApB,QAAoC,UAApC;AACA,SAASV,OAAO,IAAIW,aAApB,QAAyC,eAAzC;AACA,SAASX,OAAO,IAAIY,cAApB,QAA0C,gBAA1C;AACA,SAASZ,OAAO,IAAIa,UAApB,QAAsC,YAAtC;AACA,cAAc,YAAd;AACA,cAAc,gBAAd;AACA,SAASb,OAAO,IAAIc,cAApB,QAA0C,gBAA1C;AACA,SAASd,OAAO,IAAIe,aAApB,QAAyC,eAAzC;AACA,SAASf,OAAO,IAAIgB,eAApB,QAA2C,iBAA3C;AACA,SAAShB,OAAO,IAAIiB,gBAApB,QAA4C,kBAA5C;AACA,SAASjB,OAAO,IAAIkB,eAApB,QAA2C,iBAA3C;AACA,SAASlB,OAAO,IAAImB,QAApB,QAAoC,UAApC"}
@@ -0,0 +1,63 @@
1
+ import * as React from "react";
2
+ import { StandardProps, ModalProps } from "@material-ui/core";
3
+ import { HvWizardActionsProps } from "./WizardActions";
4
+ import { HvWizardTitleProps } from "./WizardTitle";
5
+ import { HvStepNavigationProps } from "../StepNavigation";
6
+
7
+ export type HvWizardClassKey = "root";
8
+
9
+ export type HvWizardProps = StandardProps<
10
+ React.HTMLAttributes<HTMLDivElement>,
11
+ HvWizardClassKey
12
+ > & {
13
+ /**
14
+ * Class names to be applied.
15
+ */
16
+ className: string;
17
+ /**
18
+ * Current state of the Wizard.
19
+ */
20
+ open: boolean;
21
+ /**
22
+ * Function executed on close.
23
+ */
24
+ onClose: ModalProps["onClose"];
25
+ /**
26
+ * Function executed on submit.
27
+ */
28
+ onSubmit: any;
29
+ /**
30
+ * Title for the wizard.
31
+ */
32
+ title: string;
33
+ /**
34
+ * The content of the component.
35
+ */
36
+ children: React.ReactNode;
37
+ /**
38
+ * An object containing all the labels for the wizard.
39
+ */
40
+ labels: HvWizardActionsProps["labels"] & HvWizardTitleProps["labels"];
41
+ /**
42
+ * Shows the summary button.
43
+ */
44
+ hasSummary?: boolean;
45
+ /**
46
+ * Enables the skip button.
47
+ */
48
+ skippable?: boolean;
49
+ /**
50
+ * Forces minimum height to the component.
51
+ */
52
+ fixedHeight?: boolean;
53
+ /**
54
+ * Whether the loading animation is shown.
55
+ */
56
+ loading?: boolean;
57
+ /**
58
+ * Custom object to define type, size and width of the StepNavigation component
59
+ */
60
+ customStep?: Pick<HvStepNavigationProps, "type" | "stepSize" | "width">
61
+ };
62
+
63
+ export default function HvWizard(props: HvWizardProps): JSX.Element | null;
@@ -0,0 +1,198 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
+ const _excluded = ["className", "children", "onClose", "onSubmit", "title", "open", "skippable", "loading", "hasSummary", "labels", "fixedHeight", "customStep"];
4
+ import "core-js/modules/web.dom-collections.iterator.js";
5
+ import React from "react";
6
+ import PropTypes from "prop-types";
7
+ import { withStyles } from "@material-ui/core";
8
+ import WizardContext from "./WizardContext";
9
+ import WizardContainer from "./WizardContainer";
10
+ import WizardTitle from "./WizardTitle";
11
+ import WizardContent from "./WizardContent";
12
+ import WizardActions from "./WizardActions";
13
+ import styles from "./styles";
14
+
15
+ const HvWizard = _ref => {
16
+ let {
17
+ className,
18
+ children,
19
+ onClose,
20
+ onSubmit,
21
+ title,
22
+ open,
23
+ skippable = true,
24
+ loading = false,
25
+ hasSummary = false,
26
+ labels = {
27
+ cancel: "Cancel",
28
+ next: "Next",
29
+ previous: "Previous",
30
+ skip: "Skip",
31
+ submit: "Submit",
32
+ summary: "Summary"
33
+ },
34
+ fixedHeight = false,
35
+ customStep
36
+ } = _ref,
37
+ others = _objectWithoutProperties(_ref, _excluded);
38
+
39
+ const [context, setContext] = React.useState({});
40
+ const [tab, setTab] = React.useState(0);
41
+ const contextValue = React.useMemo(() => ({
42
+ context,
43
+ setContext
44
+ }), [context, setContext]);
45
+ React.useEffect(() => {
46
+ if (!open) {
47
+ setTab(0);
48
+ }
49
+ }, [open]);
50
+ const handleClose = React.useCallback((evt, reason) => {
51
+ if (reason !== "backdropClick") {
52
+ onClose(evt, reason);
53
+ }
54
+ }, [onClose]);
55
+ return /*#__PURE__*/React.createElement(WizardContext.Provider, {
56
+ value: contextValue
57
+ }, /*#__PURE__*/React.createElement(WizardContainer, _extends({
58
+ className: className,
59
+ handleClose: handleClose,
60
+ open: open
61
+ }, others), /*#__PURE__*/React.createElement(WizardTitle, {
62
+ title: title,
63
+ hasSummary: hasSummary,
64
+ labels: labels,
65
+ tab: tab,
66
+ changeTab: setTab,
67
+ customStep: customStep
68
+ }), /*#__PURE__*/React.createElement(WizardContent, {
69
+ loading: loading,
70
+ fixedHeight: fixedHeight,
71
+ tab: tab
72
+ }, children), /*#__PURE__*/React.createElement(WizardActions, {
73
+ loading: loading,
74
+ skippable: skippable,
75
+ labels: labels,
76
+ tab: tab,
77
+ changeTab: setTab,
78
+ handleClose: handleClose,
79
+ onSubmit: onSubmit
80
+ })));
81
+ };
82
+
83
+ process.env.NODE_ENV !== "production" ? HvWizard.propTypes = {
84
+ /**
85
+ * Class names to be applied.
86
+ */
87
+ className: PropTypes.string,
88
+
89
+ /**
90
+ * Current state of the Wizard.
91
+ */
92
+ open: PropTypes.bool.isRequired,
93
+
94
+ /**
95
+ * Function executed on close.
96
+ */
97
+ onClose: PropTypes.func.isRequired,
98
+
99
+ /**
100
+ * Function executed on submit.
101
+ */
102
+ onSubmit: PropTypes.func.isRequired,
103
+
104
+ /**
105
+ * Enables the skip button.
106
+ */
107
+ skippable: PropTypes.bool,
108
+
109
+ /**
110
+ * Title for the wizard.
111
+ */
112
+ title: PropTypes.string,
113
+
114
+ /**
115
+ * Shows the summary button.
116
+ */
117
+ hasSummary: PropTypes.bool,
118
+
119
+ /**
120
+ * The content of the component.
121
+ */
122
+ children: PropTypes.node,
123
+
124
+ /**
125
+ * An object containing all the labels for the wizard.
126
+ */
127
+ labels: PropTypes.shape({
128
+ /**
129
+ * Cancel button label.
130
+ */
131
+ cancel: PropTypes.string,
132
+
133
+ /**
134
+ * Skip button label.
135
+ */
136
+ skip: PropTypes.string,
137
+
138
+ /**
139
+ * Previous button label.
140
+ */
141
+ previous: PropTypes.string,
142
+
143
+ /**
144
+ * Next button label.
145
+ */
146
+ next: PropTypes.string,
147
+
148
+ /**
149
+ * Submit button label.
150
+ */
151
+ submit: PropTypes.string,
152
+
153
+ /**
154
+ * Summary button label.
155
+ */
156
+ summary: PropTypes.string
157
+ }),
158
+
159
+ /**
160
+ * Forces minimum height to the component.
161
+ */
162
+ fixedHeight: PropTypes.bool,
163
+
164
+ /**
165
+ * Whether the loading animation is shown.
166
+ */
167
+ loading: PropTypes.bool,
168
+
169
+ /**
170
+ * Custom object to define type, size and width of the StepNavigation component
171
+ */
172
+ customStep: PropTypes.shape({
173
+ /**
174
+ * Type of step navigation. Values = {"Simple", "Default"}.
175
+ */
176
+ type: PropTypes.oneOf(["Simple", "Default"]),
177
+
178
+ /**
179
+ * Sets one of the standard sizes of the steps. Values = {"XS", "SM", "MD", "LG", "XL"}
180
+ */
181
+ stepSize: PropTypes.oneOf(["XS", "SM", "MD", "LG", "XL"]),
182
+
183
+ /**
184
+ * Width of the component element on each breakpoint screen resolution.
185
+ */
186
+ width: PropTypes.shape({
187
+ xs: PropTypes.number,
188
+ sm: PropTypes.number,
189
+ md: PropTypes.number,
190
+ lg: PropTypes.number,
191
+ xl: PropTypes.number
192
+ })
193
+ })
194
+ } : void 0;
195
+ export default withStyles(styles, {
196
+ name: "HvWizard"
197
+ })(HvWizard);
198
+ //# sourceMappingURL=Wizard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Wizard.js","names":["React","PropTypes","withStyles","WizardContext","WizardContainer","WizardTitle","WizardContent","WizardActions","styles","HvWizard","className","children","onClose","onSubmit","title","open","skippable","loading","hasSummary","labels","cancel","next","previous","skip","submit","summary","fixedHeight","customStep","others","context","setContext","useState","tab","setTab","contextValue","useMemo","useEffect","handleClose","useCallback","evt","reason","propTypes","string","bool","isRequired","func","node","shape","type","oneOf","stepSize","width","xs","number","sm","md","lg","xl","name"],"sources":["../../../src/Wizard/Wizard.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport WizardContext from \"./WizardContext\";\nimport WizardContainer from \"./WizardContainer\";\nimport WizardTitle from \"./WizardTitle\";\nimport WizardContent from \"./WizardContent\";\nimport WizardActions from \"./WizardActions\";\n\nimport styles from \"./styles\";\n\nconst HvWizard = ({\n className,\n children,\n onClose,\n onSubmit,\n title,\n open,\n skippable = true,\n loading = false,\n hasSummary = false,\n labels = {\n cancel: \"Cancel\",\n next: \"Next\",\n previous: \"Previous\",\n skip: \"Skip\",\n submit: \"Submit\",\n summary: \"Summary\",\n },\n fixedHeight = false,\n customStep,\n ...others\n}) => {\n const [context, setContext] = React.useState({});\n const [tab, setTab] = React.useState(0);\n\n const contextValue = React.useMemo(\n () => ({\n context,\n setContext,\n }),\n [context, setContext]\n );\n\n React.useEffect(() => {\n if (!open) {\n setTab(0);\n }\n }, [open]);\n\n const handleClose = React.useCallback(\n (evt, reason) => {\n if (reason !== \"backdropClick\") {\n onClose(evt, reason);\n }\n },\n [onClose]\n );\n\n return (\n <WizardContext.Provider value={contextValue}>\n <WizardContainer className={className} handleClose={handleClose} open={open} {...others}>\n <WizardTitle\n title={title}\n hasSummary={hasSummary}\n labels={labels}\n tab={tab}\n changeTab={setTab}\n customStep={customStep}\n />\n <WizardContent loading={loading} fixedHeight={fixedHeight} tab={tab}>\n {children}\n </WizardContent>\n <WizardActions\n loading={loading}\n skippable={skippable}\n labels={labels}\n tab={tab}\n changeTab={setTab}\n handleClose={handleClose}\n onSubmit={onSubmit}\n />\n </WizardContainer>\n </WizardContext.Provider>\n );\n};\n\nHvWizard.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Current state of the Wizard.\n */\n open: PropTypes.bool.isRequired,\n /**\n * Function executed on close.\n */\n onClose: PropTypes.func.isRequired,\n /**\n * Function executed on submit.\n */\n onSubmit: PropTypes.func.isRequired,\n /**\n * Enables the skip button.\n */\n skippable: PropTypes.bool,\n /**\n * Title for the wizard.\n */\n title: PropTypes.string,\n /**\n * Shows the summary button.\n */\n hasSummary: PropTypes.bool,\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n /**\n * An object containing all the labels for the wizard.\n */\n labels: PropTypes.shape({\n /**\n * Cancel button label.\n */\n cancel: PropTypes.string,\n /**\n * Skip button label.\n */\n skip: PropTypes.string,\n /**\n * Previous button label.\n */\n previous: PropTypes.string,\n /**\n * Next button label.\n */\n next: PropTypes.string,\n /**\n * Submit button label.\n */\n submit: PropTypes.string,\n /**\n * Summary button label.\n */\n summary: PropTypes.string,\n }),\n /**\n * Forces minimum height to the component.\n */\n fixedHeight: PropTypes.bool,\n /**\n * Whether the loading animation is shown.\n */\n loading: PropTypes.bool,\n /**\n * Custom object to define type, size and width of the StepNavigation component\n */\n customStep: PropTypes.shape({\n /**\n * Type of step navigation. Values = {\"Simple\", \"Default\"}.\n */\n type: PropTypes.oneOf([\"Simple\", \"Default\"]),\n /**\n * Sets one of the standard sizes of the steps. Values = {\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"}\n */\n stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\n /**\n * Width of the component element on each breakpoint screen resolution.\n */\n width: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n }),\n};\n\nexport default withStyles(styles, { name: \"HvWizard\" })(HvWizard);\n"],"mappings":"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"}
@@ -0,0 +1,61 @@
1
+ import * as React from "react";
2
+ import { ModalProps, StandardProps } from "@material-ui/core";
3
+
4
+ export type HvWizardActionsClassKey = "root";
5
+
6
+ export type HvWizardActionsProps = StandardProps<
7
+ React.HTMLAttributes<HTMLDivElement>,
8
+ HvWizardActionsClassKey
9
+ > & {
10
+ /**
11
+ * Current tab to check if it's last page or first to disable previous button and swap between next and submit button.
12
+ */
13
+ tab: number;
14
+ /**
15
+ * Function to change the tab when pressing previous and next buttons.
16
+ */
17
+ changeTab: any;
18
+ /**
19
+ * Function to handle the cancel button.
20
+ */
21
+ handleClose: ModalProps["onClose"];
22
+ /**
23
+ * Function to handle the submit button. Also sends the current context state.
24
+ */
25
+ onSubmit: any;
26
+ /**
27
+ * An object containing all the labels for the wizard actions component.
28
+ */
29
+ labels: {
30
+ /**
31
+ * Cancel button label.
32
+ */
33
+ cancel: string;
34
+ /**
35
+ * Skip button label.
36
+ */
37
+ skip: string;
38
+ /**
39
+ * Previous button label.
40
+ */
41
+ previous: string;
42
+ /**
43
+ * Next button label.
44
+ */
45
+ next: string;
46
+ /**
47
+ * Submit button label.
48
+ */
49
+ submit: string;
50
+ };
51
+ /**
52
+ * Whether the submit button is disabled.
53
+ */
54
+ loading?: boolean;
55
+ /**
56
+ * Enables the skip button.
57
+ */
58
+ skippable?: boolean;
59
+ };
60
+
61
+ export default function HvWizardActions(props: HvWizardActionsProps): JSX.Element | null;
@@ -0,0 +1,186 @@
1
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
+
3
+ var _Backwards, _Forwards;
4
+
5
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
6
+
7
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
8
+
9
+ import "core-js/modules/web.dom-collections.iterator.js";
10
+ import React from "react";
11
+ import PropTypes from "prop-types";
12
+ import { withStyles } from "@material-ui/core";
13
+ import clsx from "clsx";
14
+ import { HvButton, HvDialogActions, HvGrid } from "@hitachivantara/uikit-react-core";
15
+ import { Backwards, Forwards } from "@hitachivantara/uikit-react-icons";
16
+ import WizardContext from "../WizardContext";
17
+ import styles from "./styles";
18
+
19
+ const HvWizardActions = ({
20
+ classes,
21
+ handleClose,
22
+ onSubmit,
23
+ changeTab,
24
+ tab,
25
+ loading = false,
26
+ skippable = false,
27
+ labels = {
28
+ cancel: "Cancel",
29
+ next: "Next",
30
+ previous: "Previous",
31
+ skip: "Skip",
32
+ submit: "Submit"
33
+ }
34
+ }) => {
35
+ var _labels$cancel, _labels$skip, _labels$previous, _labels$submit, _context$tab, _labels$next;
36
+
37
+ const {
38
+ context,
39
+ setContext
40
+ } = React.useContext(WizardContext);
41
+ const [pages, setPages] = React.useState(0);
42
+ const [canSubmit, setCanSubmit] = React.useState(false);
43
+ React.useEffect(() => {
44
+ const contextEntries = Object.entries(context);
45
+
46
+ if (contextEntries.length) {
47
+ setPages(contextEntries.length);
48
+ const validWizard = Object.entries(context).every(([, value]) => value.valid);
49
+
50
+ if (validWizard !== canSubmit) {
51
+ setCanSubmit(validWizard);
52
+ }
53
+ }
54
+ }, [context]); // eslint-disable-line react-hooks/exhaustive-deps
55
+
56
+ const lastPage = pages - 1;
57
+ const isLastPage = tab >= lastPage;
58
+ const handleSkip = React.useCallback(() => {
59
+ const skippedContext = Object.entries(context).map(([, child]) => _objectSpread(_objectSpread({}, child), {}, {
60
+ valid: child.valid !== false
61
+ }));
62
+ setContext(skippedContext);
63
+ changeTab(lastPage);
64
+ }, [changeTab, context, lastPage, setContext]);
65
+ const handleSubmit = React.useCallback(() => onSubmit(context), [onSubmit, context]);
66
+ return /*#__PURE__*/React.createElement(HvDialogActions, {
67
+ className: classes.actionsContainer
68
+ }, /*#__PURE__*/React.createElement(HvGrid, null, /*#__PURE__*/React.createElement(HvButton, {
69
+ category: "ghost",
70
+ onClick: handleClose,
71
+ className: classes.buttonWidth
72
+ }, `${(_labels$cancel = labels.cancel) !== null && _labels$cancel !== void 0 ? _labels$cancel : "Cancel"}`), /*#__PURE__*/React.createElement(HvButton, {
73
+ category: "ghost",
74
+ disabled: isLastPage || !skippable,
75
+ className: classes.buttonWidth,
76
+ onClick: handleSkip
77
+ }, `${(_labels$skip = labels.skip) !== null && _labels$skip !== void 0 ? _labels$skip : "Skip"}`)), /*#__PURE__*/React.createElement(HvGrid, {
78
+ className: classes.buttonsContainer
79
+ }, /*#__PURE__*/React.createElement(HvButton, {
80
+ category: "ghost",
81
+ className: classes.buttonWidth,
82
+ disabled: tab <= 0,
83
+ onClick: () => changeTab(t => t - 1)
84
+ }, _Backwards || (_Backwards = /*#__PURE__*/React.createElement(Backwards, null)), `${(_labels$previous = labels.previous) !== null && _labels$previous !== void 0 ? _labels$previous : "Previous"}`), isLastPage ? /*#__PURE__*/React.createElement(HvButton, {
85
+ category: "primary",
86
+ className: classes.buttonWidth,
87
+ disabled: loading || !canSubmit,
88
+ onClick: handleSubmit
89
+ }, `${(_labels$submit = labels.submit) !== null && _labels$submit !== void 0 ? _labels$submit : "Submit"}`) : /*#__PURE__*/React.createElement(HvButton, {
90
+ category: "ghost",
91
+ className: clsx(classes.buttonWidth, classes.buttonSpacing),
92
+ onClick: () => changeTab(t => t + 1),
93
+ disabled: !skippable && !(context !== null && context !== void 0 && (_context$tab = context[tab]) !== null && _context$tab !== void 0 && _context$tab.valid)
94
+ }, `${(_labels$next = labels.next) !== null && _labels$next !== void 0 ? _labels$next : "Next"}`, _Forwards || (_Forwards = /*#__PURE__*/React.createElement(Forwards, null)))));
95
+ };
96
+
97
+ process.env.NODE_ENV !== "production" ? HvWizardActions.propTypes = {
98
+ /**
99
+ * A Jss Object used to override or extend the styles applied.
100
+ */
101
+ classes: PropTypes.shape({
102
+ /**
103
+ * Styles applied to the component which contains the groups of buttons.
104
+ */
105
+ actionsContainer: PropTypes.string,
106
+
107
+ /**
108
+ * Styles applied to the component which contains the buttons.
109
+ */
110
+ buttonsContainer: PropTypes.string,
111
+
112
+ /**
113
+ * Styles applied to the Button component to override its width.
114
+ */
115
+ buttonWidth: PropTypes.string,
116
+
117
+ /**
118
+ * Styles applied to some Button components to override its left padding.
119
+ */
120
+ buttonSpacing: PropTypes.string
121
+ }).isRequired,
122
+
123
+ /**
124
+ * Current tab to check if it's last page or first to disable previous button and swap between next and submit button.
125
+ */
126
+ tab: PropTypes.number.isRequired,
127
+
128
+ /**
129
+ * Function to change the tab when pressing previous and next buttons.
130
+ */
131
+ changeTab: PropTypes.func.isRequired,
132
+
133
+ /**
134
+ * Function to handle the cancel button.
135
+ */
136
+ handleClose: PropTypes.func.isRequired,
137
+
138
+ /**
139
+ * Function to handle the submit button. Also sends the current context state.
140
+ */
141
+ onSubmit: PropTypes.func.isRequired,
142
+
143
+ /**
144
+ * An object containing all the labels for the wizard actions component.
145
+ */
146
+ labels: PropTypes.shape({
147
+ /**
148
+ * Cancel button label.
149
+ */
150
+ cancel: PropTypes.string,
151
+
152
+ /**
153
+ * Skip button label.
154
+ */
155
+ skip: PropTypes.string,
156
+
157
+ /**
158
+ * Previous button label.
159
+ */
160
+ previous: PropTypes.string,
161
+
162
+ /**
163
+ * Next button label.
164
+ */
165
+ next: PropTypes.string,
166
+
167
+ /**
168
+ * Submit button label.
169
+ */
170
+ submit: PropTypes.string
171
+ }),
172
+
173
+ /**
174
+ * Whether the submit button is disabled.
175
+ */
176
+ loading: PropTypes.bool,
177
+
178
+ /**
179
+ * Enables the skip button.
180
+ */
181
+ skippable: PropTypes.bool
182
+ } : void 0;
183
+ export default withStyles(styles, {
184
+ name: "HvWizardActions"
185
+ })(HvWizardActions);
186
+ //# sourceMappingURL=WizardActions.js.map