@widergy/energy-ui 3.40.0 → 3.41.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 (4) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/components/UTPanel/versions/V1/README.md +30 -30
  3. package/dist/components/UTPanel/versions/V1/index.js +7 -9
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,11 @@
1
+ # [3.41.0](https://github.com/widergy/energy-ui/compare/v3.40.0...v3.41.0) (2024-11-14)
2
+
3
+
4
+ ### Features
5
+
6
+ * minor adjustments ([163b21e](https://github.com/widergy/energy-ui/commit/163b21ec4d27c7e6185e7ca1fdcc8aac1ee454e3))
7
+ * utbutton props on panel ([1356c81](https://github.com/widergy/energy-ui/commit/1356c81fab15a0252d80b76c2f9d108a61d2bdd7))
8
+
1
9
  # [3.40.0](https://github.com/widergy/energy-ui/compare/v3.39.1...v3.40.0) (2024-11-13)
2
10
 
3
11
 
package/dist/components/UTPanel/versions/V1/README.md CHANGED
@@ -4,33 +4,33 @@ Component used for displaying a side panel.
4
4
 
5
5
  ## Props
6
6
 
7
- | Name | Type | Default | Description |
8
- | :-------------------------- | ------ | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
9
- | children | node | | Component content |
10
- | classes | object | | Classes returned by UTPanel own[theme](./theme.js#L40) `retrieveStyle` and classes received from props. |
11
- | classNames | object | | Overrides the default panel theme. |
12
- | collapsableHeader | bool | false | Indicates if "header items" section is collapsible. |
13
- | currentStep | number | 1 | Workflow step number used to show the current progress in the UTProgressBar |
14
- | disableScrollbar | bool | false | Render the children without scrollbar |
15
- | HeaderComponent | node | | Custom header to render. |
16
- | headerItems | array | | Array of items (object) to show in "header items" section. Each item should have: "title" - String, "icon" - String, "value" - String |
17
- | headerMainActionButton | object | | Object with header main button details: "callBack" - func // "colorTheme" - string - deafult: 'primary' // "text" - string // "variant" - string - default: 'semitransparent' |
18
- | headerSecondaryActionButton | object | | Object with header secondary button details:<br /> "callBack" - func // "colorTheme" - string - default: "success" // "text" - string // "variant" - string - ddefault: "filled" |
19
- | hideCloseButton | bool | false | Indicates whether the close button is hide or not |
20
- | hideHeader | bool | false | Indicates whether the entire header is hide or not |
21
- | hideMainButton | bool | false | Indicates whether the main (bottom) button is hide or not |
22
- | isWorkflow | bool | false | Indicates if the panel children's content a workflow. This prop activates the progress bar. |
23
- | mainButton | object | | [UTButton props](https://github.com/widergy/Energy-UI/tree/master/src/lib/components/UTButton) |
24
- | modalProps | object | | Material UI[modal props](https://v4.mui.com/api/modal/) |
25
- | onClose | func | | Callback to execute when closing panel. |
26
- | onEndReachedCallback | func | | Callback to execute when reaching the end of the vertical scroll |
27
- | onOpen | func | () => {} | Callback to execute when opening panel. |
28
- | open | bool | | Indicates whether the panel is open or not |
29
- | panelSide | string | | Indicates panel side. |
30
- | perfectScrollbarOptions | object | | [Perfect scrollbar](https://www.npmjs.com/package/react-perfect-scrollbar) props |
31
- | singleHeaderItemsColumn | bool | false | Indicates whether the header items are shown in a single column or not |
32
- | size | string | 'M' | Indicates the size of panel. Currently we have two options:<br /> L -> 800px<br /> M -> 450px |
33
- | stepsCount | Number | | Indicates the total steps in case of workflow |
34
- | subtitle | string | | Subtitle to show |
35
- | title | string | | Title to show |
36
- | titleProps | object | {} | UTLabel props for title. Default props: variant="title2" weight="medium" |
7
+ | Name | Type | Default | Description |
8
+ | :-------------------------- | ------ | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
9
+ | children | node | | Component content |
10
+ | classes | object | | Classes returned by UTPanel own[theme](./theme.js#L40) `retrieveStyle` and classes received from props. |
11
+ | classNames | object | | Overrides the default panel theme. headerMainActionButton |
12
+ | collapsableHeader | bool | false | Indicates if "header items" section is collapsible. |
13
+ | currentStep | number | 1 | Workflow step number used to show the current progress in the UTProgressBar |
14
+ | disableScrollbar | bool | false | Render the children without scrollbar |
15
+ | HeaderComponent | node | | Custom header to render. |
16
+ | headerItems | array | | Array of items (object) to show in "header items" section. Each item should have: "title" - String, "icon" - String, "value" - String |
17
+ | headerMainActionButton | object | | Object with header main button details: "colorTheme" - string - deafult: 'primary' // "variant" - string - default: 'semitransparent'<br />// This prop will be spread so that it supports any UTButton props. |
18
+ | headerSecondaryActionButton | object | | Object with header secondary button details: "colorTheme" - string - default: "success" // "variant" - string - default: "filled" // This prop will be spread so that it supports any UTButton props. |
19
+ | hideCloseButton | bool | false | Indicates whether the close button is hide or not |
20
+ | hideHeader | bool | false | Indicates whether the entire header is hide or not |
21
+ | hideMainButton | bool | false | Indicates whether the main (bottom) button is hide or not |
22
+ | isWorkflow | bool | false | Indicates if the panel children's content a workflow. This prop activates the progress bar. |
23
+ | mainButton | object | | [UTButton props](https://github.com/widergy/Energy-UI/tree/master/src/lib/components/UTButton) |
24
+ | modalProps | object | | Material UI[modal props](https://v4.mui.com/api/modal/) |
25
+ | onClose | func | | Callback to execute when closing panel. |
26
+ | onEndReachedCallback | func | | Callback to execute when reaching the end of the vertical scroll |
27
+ | onOpen | func | () => {} | Callback to execute when opening panel. |
28
+ | open | bool | | Indicates whether the panel is open or not |
29
+ | panelSide | string | | Indicates panel side. |
30
+ | perfectScrollbarOptions | object | | [Perfect scrollbar](https://www.npmjs.com/package/react-perfect-scrollbar) props |
31
+ | singleHeaderItemsColumn | bool | false | Indicates whether the header items are shown in a single column or not |
32
+ | size | string | 'M' | Indicates the size of panel. Currently we have two options:<br /> L -> 800px<br /> M -> 450px |
33
+ | stepsCount | Number | | Indicates the total steps in case of workflow |
34
+ | subtitle | string | | Subtitle to show |
35
+ | title | string | | Title to show |
36
+ | titleProps | object | {} | UTLabel props for title. Default props: variant="title2" weight="medium" |
package/dist/components/UTPanel/versions/V1/index.js CHANGED
@@ -122,15 +122,13 @@ const UTPanel = _ref => {
122
122
  colorTheme: "gray"
123
123
  }, subtitle))), /*#__PURE__*/_react.default.createElement("div", {
124
124
  className: _stylesModule.default.headerRightArea
125
- }, !(0, _isEmpty.default)(headerSecondaryActionButton) && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
126
- colorTheme: headerSecondaryActionButton.colorTheme || 'primary',
127
- onClick: headerSecondaryActionButton.callBack,
128
- variant: headerSecondaryActionButton.variant || 'semitransparent'
129
- }, headerSecondaryActionButton.text), !(0, _isEmpty.default)(headerMainActionButton) && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
130
- colorTheme: headerMainActionButton.colorTheme || 'success',
131
- onClick: headerMainActionButton.callBack,
132
- variant: headerMainActionButton.variant || 'filled'
133
- }, headerMainActionButton.text)))), !(0, _isEmpty.default)(headerItems) && /*#__PURE__*/_react.default.createElement("div", {
125
+ }, !(0, _isEmpty.default)(headerSecondaryActionButton) && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
126
+ colorTheme: "primary",
127
+ variant: "semitransparent"
128
+ }, headerSecondaryActionButton), headerSecondaryActionButton.text), !(0, _isEmpty.default)(headerMainActionButton) && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
129
+ colorTheme: "success",
130
+ variant: "filled"
131
+ }, headerMainActionButton), headerMainActionButton.text)))), !(0, _isEmpty.default)(headerItems) && /*#__PURE__*/_react.default.createElement("div", {
134
132
  className: "".concat(_stylesModule.default.headerItemsContainer, " \n ").concat(collapseHeader ? _stylesModule.default.expandedContainer : _stylesModule.default.collapsedContainer, " \n ").concat(singleHeaderItemsColumn && _stylesModule.default.singleHeaderItemsColumn || '')
135
133
  }, headerItems.map(_DataItem.default)), /*#__PURE__*/_react.default.createElement("div", {
136
134
  className: "".concat(_stylesModule.default.bodyContainer, " ").concat(classes.bodyContainer)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/energy-ui",
3
- "version": "3.40.0",
3
+ "version": "3.41.0",
4
4
  "description": "Widergy Web Components",
5
5
  "author": "widergy",
6
6
  "license": "MIT",