@widergy/energy-ui 3.139.0 → 3.139.1

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 (4) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/components/UTWorkflowContainer/versions/V1/README.md +29 -28
  3. package/dist/components/UTWorkflowContainer/versions/V1/index.js +3 -1
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## [3.139.1](https://github.com/widergy/energy-ui/compare/v3.139.0...v3.139.1) (2026-02-27)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * [BRILLA-271] workflow navbar hidden ([#767](https://github.com/widergy/energy-ui/issues/767)) ([3e4fca0](https://github.com/widergy/energy-ui/commit/3e4fca08ef133719f908702485e8a95a24a000f3))
7
+
1
8
  # [3.139.0](https://github.com/widergy/energy-ui/compare/v3.138.5...v3.139.0) (2026-02-25)
2
9
 
3
10
 
package/dist/components/UTWorkflowContainer/versions/V1/README.md CHANGED
@@ -6,33 +6,34 @@ This component serves as a wrapper for each step of a workflow
6
6
 
7
7
  ## Props
8
8
 
9
- | Name | Type | Default | Description |
10
- | ------------------ | ---------------- | ------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
11
- | backButton | buttonType | | Defines behaviour and/or rendering of the button on the left corner. |
12
- | banner | bannerType | | If present, it will render a banner at the bottom of the header. |
13
- | checkbox | checkboxType | | If present, it will render a checkbox above the bottom navigation. |
14
- | children | element | | The contents that will be rendered inside the component. |
15
- | classes | object of string | | Classes returned by UTWorkflowContainer's own [theme](./theme.js#L40) `retrieveStyle`. |
16
- | classNames | object of string | | Additional classes. |
17
- | currentStage | number | | Receives a number that represents which stage id will be active. It is up to the parent component to update this number accordingly. |
18
- | currentStep | number | 1 | Receives a number that will fill up the progress bar proportionally to the number of steps given. It will also hide the backButton if its equal to 1. It is up to the parent component to update this number accordingly. |
19
- | helpText | string | | Text that will be rendered at the bottom of the header. |
20
- | headerActions | headerActionType | | Actions to be displayed in a dropdown menu at the corner of the header, the first one that has the prop `main` as true will be displayed next to the menu with its own icon. |
21
- | nextButton | buttonTypes | | Defines behaviour and/or rendering of the button on the right corner. |
22
- | onExit | function | | Cleanup function. |
23
- | primaryAction | buttonType | | Defines behaviour and/or rendering for the button next to the `nextButton`. |
24
- | requiredFieldInfo | string | | Text to display as a helper for required fields, it will be rendered below the description. |
25
- | secondaryAction | buttonType | | Defines behaviour and/or rendering for the button next to the `backButton`. |
26
- | stages | stageType | | Defines the structure of the stepper indicator at the top of the component. It is required for each element inside the array given to have a property `id`, the indicator will be ordered by id. Aditionally each stage is able to add a property `label` which will display at the bottom of the corresponding indicator. |
27
- | stepperSize | 'S' \| 'L' | 'S' | Variant that defines whether to use small icons for the stepper indicator or large ones. It is required for the 'L' variant that every stage has a custom icon defined. If size is set to 'L' but there's at least one stage without a defined custom icon the size will be defaulted to 'S'. |
28
- | stepsCount | number | | Receives a number that represent the total amount of steps. Its only purpose is for properly rendering the progressBar. |
29
- | subtitle | string | | Text that will be rendered below the title. |
30
- | tagline | string | | Text that will be rendered in uppercase on top of the title. |
31
- | title | string | | Text that will be rendered between the stages and the content. It is required in order to show any other text header elements. |
32
- | TitleIcon | element | | Icon that will be rendered on top of the title. |
33
- | variant | string | 'default' | Defines which variant to show. There are two options:`default` or `fullWidth`. |
34
- | withIcon | bool | false | Defines whether the nextButton and backButton will aditionally have their own icons inside. |
35
- | withStepperPadding | bool | true | If false, the stepper indicator will occupy the full width of the container, rendering the first and last stage's label aligned towards the center. |
9
+ | Name | Type | Default | Description |
10
+ | ------------------ | ---------------- | --------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
11
+ | backButton | buttonType | | Defines behaviour and/or rendering of the button on the left corner. |
12
+ | banner | bannerType | | If present, it will render a banner at the bottom of the header. |
13
+ | checkbox | checkboxType | | If present, it will render a checkbox above the bottom navigation. |
14
+ | children | element | | The contents that will be rendered inside the component. |
15
+ | classes | object of string | | Classes returned by UTWorkflowContainer's own [theme](./theme.js#L40) `retrieveStyle`. |
16
+ | classNames | object of string | | Additional classes. |
17
+ | currentStage | number | | Receives a number that represents which stage id will be active. It is up to the parent component to update this number accordingly. |
18
+ | currentStep | number | 1 | Receives a number that will fill up the progress bar proportionally to the number of steps given. It will also hide the backButton if its equal to 1. It is up to the parent component to update this number accordingly. |
19
+ | helpText | string | | Text that will be rendered at the bottom of the header. |
20
+ | headerActions | headerActionType | | Actions to be displayed in a dropdown menu at the corner of the header, the first one that has the prop `main` as true will be displayed next to the menu with its own icon. |
21
+ | navHidden | bool | false | If true, the navigation bar will be hidden, overriding the default `backButton`, `nextButton` and last step condition. |
22
+ | nextButton | buttonTypes | | Defines behaviour and/or rendering of the button on the right corner. |
23
+ | onExit | function | | Cleanup function. |
24
+ | primaryAction | buttonType | | Defines behaviour and/or rendering for the button next to the `nextButton`. |
25
+ | requiredFieldInfo | string | | Text to display as a helper for required fields, it will be rendered below the description. |
26
+ | secondaryAction | buttonType | | Defines behaviour and/or rendering for the button next to the `backButton`. |
27
+ | stages | stageType | | Defines the structure of the stepper indicator at the top of the component. It is required for each element inside the array given to have a property `id`, the indicator will be ordered by id. Aditionally each stage is able to add a property `label` which will display at the bottom of the corresponding indicator. |
28
+ | stepperSize | 'S' \| 'L' | 'S' | Variant that defines whether to use small icons for the stepper indicator or large ones. It is required for the 'L' variant that every stage has a custom icon defined. If size is set to 'L' but there's at least one stage without a defined custom icon the size will be defaulted to 'S'. |
29
+ | stepsCount | number | | Receives a number that represent the total amount of steps. Its only purpose is for properly rendering the progressBar. |
30
+ | subtitle | string | | Text that will be rendered below the title. |
31
+ | tagline | string | | Text that will be rendered in uppercase on top of the title. |
32
+ | title | string | | Text that will be rendered between the stages and the content. It is required in order to show any other text header elements. |
33
+ | TitleIcon | element | | Icon that will be rendered on top of the title. |
34
+ | variant | string | 'default' | Defines which variant to show. There are two options:`default` or `fullWidth`. |
35
+ | withIcon | bool | false | Defines whether the nextButton and backButton will aditionally have their own icons inside. |
36
+ | withStepperPadding | bool | true | If false, the stepper indicator will occupy the full width of the container, rendering the first and last stage's label aligned towards the center. |
36
37
 
37
38
  ### Custom types
38
39
 
@@ -42,4 +43,4 @@ This component serves as a wrapper for each step of a workflow
42
43
  | bannerType | `{ Icon: element, text: string }` |
43
44
  | checkboxType | objectOf( UTCheckbox props ) |
44
45
  | headerActionType | `{ label: string, onClick: func, main: bool, Icon: element }` |
45
- | stageType | arrayOf( `{ id: number, label: string, Icon: element }` ) |
46
+ | stageType | arrayOf( `{ id: number, label: string, Icon: element }` ) |
package/dist/components/UTWorkflowContainer/versions/V1/index.js CHANGED
@@ -40,6 +40,7 @@ const UTWorkflowContainer = _ref => {
40
40
  headerActions,
41
41
  helpText,
42
42
  helpTextDataTestId = workflowContainer.header.helpText,
43
+ navHidden = false,
43
44
  nextButton,
44
45
  onExit,
45
46
  primaryAction,
@@ -71,7 +72,7 @@ const UTWorkflowContainer = _ref => {
71
72
  const isBackButtonHidden = backButton === null || backButton === void 0 ? void 0 : backButton.isHidden;
72
73
  const isNextButtonHidden = nextButton === null || nextButton === void 0 ? void 0 : nextButton.isHidden;
73
74
  const isLastStep = stepsCount && stepsCount === currentStep;
74
- const isNavHidden = !!isLastStep && isBackButtonHidden && isNextButtonHidden;
75
+ const isNavHidden = navHidden || !!isLastStep && isBackButtonHidden && isNextButtonHidden;
75
76
  (0, _react.useEffect)(() => {
76
77
  const processFormElements = callback => {
77
78
  const currentFormElements = document.querySelectorAll(_constants.FORMS_QUERY_SELECTOR);
@@ -186,6 +187,7 @@ UTWorkflowContainer.propTypes = {
186
187
  headerActions: (0, _propTypes.arrayOf)(_types.buttonTypes),
187
188
  helpText: _propTypes.string,
188
189
  helpTextDataTestId: _propTypes.string,
190
+ navHidden: _propTypes.bool,
189
191
  nextButton: _types.buttonTypes,
190
192
  onExit: _propTypes.func,
191
193
  primaryAction: _types.buttonTypes,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/energy-ui",
3
- "version": "3.139.0",
3
+ "version": "3.139.1",
4
4
  "description": "Widergy Web Components",
5
5
  "author": "widergy",
6
6
  "license": "MIT",