@hitachivantara/uikit-react-lab 3.41.12 → 3.42.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.
- package/CHANGELOG.md +11 -0
- package/dist/AppSwitcherPanel/AppSwitcherPanel.js +1 -0
- package/dist/AppSwitcherPanel/AppSwitcherPanel.js.map +1 -1
- package/dist/legacy/AppSwitcherPanel/AppSwitcherPanel.js +2 -1
- package/dist/legacy/AppSwitcherPanel/AppSwitcherPanel.js.map +1 -1
- package/dist/modern/AppSwitcherPanel/AppSwitcherPanel.js +2 -1
- package/dist/modern/AppSwitcherPanel/AppSwitcherPanel.js.map +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [3.42.0](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-lab@3.41.12...@hitachivantara/uikit-react-lab@3.42.0) (2022-04-24)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **AppSwitcherPanel:** promote component to core ([#2729](https://github.com/lumada-design/hv-uikit-react/issues/2729)) ([4c27f28](https://github.com/lumada-design/hv-uikit-react/commit/4c27f28097fce81fc0b48b82aab093f7674a77f8))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [3.41.12](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-lab@3.41.11...@hitachivantara/uikit-react-lab@3.41.12) (2022-04-22)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @hitachivantara/uikit-react-lab
|
|
@@ -46,6 +46,7 @@ var AppSwitcherPanel = function AppSwitcherPanel(props) {
|
|
|
46
46
|
header = props.header,
|
|
47
47
|
footer = props.footer,
|
|
48
48
|
isOpen = props.isOpen;
|
|
49
|
+
(0, _uikitReactCore.useDeprecated)("AppSwitcherPanel", "Please use the AppSwitcherPanel component in Core");
|
|
49
50
|
|
|
50
51
|
var actionClicked = function actionClicked(event, application) {
|
|
51
52
|
onActionClickedCallback === null || onActionClickedCallback === void 0 ? void 0 : onActionClickedCallback(event, application);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/AppSwitcherPanel/AppSwitcherPanel.js"],"names":["AppSwitcherPanel","props","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","map","name","url","root","item","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","undefined","closed","open","actionsContainer","footerContainer","propTypes","PropTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node","styles"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\n\nimport { HvListContainer } from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport Action from \"./Action\";\n\nconst AppSwitcherPanel = (props) => {\n const {\n id,\n\n className,\n classes,\n\n layout = \"single\",\n\n title,\n applications,\n\n onActionClickedCallback = () => {},\n isActionSelectedCallback = () => false,\n\n header,\n footer,\n\n isOpen,\n } = props;\n\n const actionClicked = (event, application) => {\n onActionClickedCallback?.(event, application);\n };\n\n const panelActions = applications.map((application) => {\n if (application.name) {\n return (\n <Action\n key={application.id || `${application.name}_${application.url}`}\n application={application}\n onClickCallback={actionClicked}\n isSelectedCallback={isActionSelectedCallback}\n classes={{\n root: classes.item,\n selected: classes.itemSelected,\n disabled: classes.itemDisabled,\n typography: classes.itemTrigger,\n icon: classes.itemIcon,\n title: classes.itemTitle,\n iconInfo: classes.itemInfoIcon,\n }}\n />\n );\n }\n\n return undefined;\n });\n\n return (\n <div\n id={id}\n className={clsx(className, classes.root, classes[layout], {\n [classes.closed]: isOpen === false,\n [classes.open]: isOpen,\n })}\n >\n {(header && <div className={classes.title}>{header}</div>) ||\n (title && <TitleWithTooltip className={classes.title} title={title} />)}\n <HvListContainer disableGutters className={classes.actionsContainer}>\n {panelActions}\n </HvListContainer>\n {footer && <div className={classes.footerContainer}>{footer}</div>}\n </div>\n );\n};\n\nAppSwitcherPanel.propTypes = {\n /**\n * Identifier to be applied to the root element.\n */\n id: PropTypes.string,\n\n /**\n * Class names to be applied to the root element.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n root: PropTypes.string,\n single: PropTypes.string,\n dual: PropTypes.string,\n fluid: PropTypes.string,\n title: PropTypes.string,\n actionsContainer: PropTypes.string,\n footerContainer: PropTypes.string,\n closed: PropTypes.string,\n open: PropTypes.string,\n\n item: PropTypes.string,\n itemSelected: PropTypes.string,\n itemDisabled: PropTypes.string,\n itemTrigger: PropTypes.string,\n itemIcon: PropTypes.string,\n itemTitle: PropTypes.string,\n itemInfoIcon: PropTypes.string,\n }).isRequired,\n\n /**\n * Number of columns to render. One, two, or whatever fits the component's width.\n */\n layout: PropTypes.oneOf([\"single\", \"dual\", \"fluid\"]),\n\n /**\n * Title to be displayed on the header of the component.\n */\n title: PropTypes.string,\n /**\n * The list of applications to be used to render the actions on the component.\n */\n applications: PropTypes.arrayOf(\n PropTypes.shape({\n /**\n * Id of the application.\n */\n id: PropTypes.string,\n /**\n * Name of the application, this is the value that will be displayed on the component.\n */\n name: PropTypes.string.isRequired,\n /**\n * URL with the icon location to be used to represent the application.\n * iconUrl will only be used if no iconElement is provided.\n */\n iconUrl: PropTypes.string,\n /**\n * Element to be added as the icon representing the application.\n * The iconElement will be the primary option to be displayed.\n */\n iconElement: PropTypes.element,\n /**\n * Small description of the application.\n */\n description: PropTypes.string,\n /**\n * URL where the application is accesible.\n */\n url: PropTypes.string,\n /**\n * Defines if the application should be opened in the same tab or in a new one.\n */\n target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n /**\n * If true, the item will be disabled.\n */\n disabled: PropTypes.bool,\n /**\n * True when the application is selected, false otherwise.\n */\n isSelected: PropTypes.bool,\n })\n ).isRequired,\n\n /**\n * Triggered when an action is clicked.\n */\n onActionClickedCallback: PropTypes.func,\n /**\n * Must return a boolean stating if the action element is selected or not.\n */\n isActionSelectedCallback: PropTypes.func,\n\n /**\n * Element to be added to the header container, if none is provided a label with the title will be added.\n */\n header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n /**\n * Element to be added to the footer container.\n */\n footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n /**\n * Flag stating if the panel is opened or closed.\n *\n * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n */\n isOpen: deprecatedPropType(PropTypes.bool),\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanel\" })(AppSwitcherPanel);\n"],"file":"AppSwitcherPanel.js"}
|
|
1
|
+
{"version":3,"sources":["../../src/AppSwitcherPanel/AppSwitcherPanel.js"],"names":["AppSwitcherPanel","props","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","map","name","url","root","item","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","undefined","closed","open","actionsContainer","footerContainer","propTypes","PropTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node","styles"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\n\nimport { HvListContainer, useDeprecated } from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport Action from \"./Action\";\n\nconst AppSwitcherPanel = (props) => {\n const {\n id,\n\n className,\n classes,\n\n layout = \"single\",\n\n title,\n applications,\n\n onActionClickedCallback = () => {},\n isActionSelectedCallback = () => false,\n\n header,\n footer,\n\n isOpen,\n } = props;\n\n useDeprecated(\"AppSwitcherPanel\", \"Please use the AppSwitcherPanel component in Core\");\n\n const actionClicked = (event, application) => {\n onActionClickedCallback?.(event, application);\n };\n\n const panelActions = applications.map((application) => {\n if (application.name) {\n return (\n <Action\n key={application.id || `${application.name}_${application.url}`}\n application={application}\n onClickCallback={actionClicked}\n isSelectedCallback={isActionSelectedCallback}\n classes={{\n root: classes.item,\n selected: classes.itemSelected,\n disabled: classes.itemDisabled,\n typography: classes.itemTrigger,\n icon: classes.itemIcon,\n title: classes.itemTitle,\n iconInfo: classes.itemInfoIcon,\n }}\n />\n );\n }\n\n return undefined;\n });\n\n return (\n <div\n id={id}\n className={clsx(className, classes.root, classes[layout], {\n [classes.closed]: isOpen === false,\n [classes.open]: isOpen,\n })}\n >\n {(header && <div className={classes.title}>{header}</div>) ||\n (title && <TitleWithTooltip className={classes.title} title={title} />)}\n <HvListContainer disableGutters className={classes.actionsContainer}>\n {panelActions}\n </HvListContainer>\n {footer && <div className={classes.footerContainer}>{footer}</div>}\n </div>\n );\n};\n\nAppSwitcherPanel.propTypes = {\n /**\n * Identifier to be applied to the root element.\n */\n id: PropTypes.string,\n\n /**\n * Class names to be applied to the root element.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n root: PropTypes.string,\n single: PropTypes.string,\n dual: PropTypes.string,\n fluid: PropTypes.string,\n title: PropTypes.string,\n actionsContainer: PropTypes.string,\n footerContainer: PropTypes.string,\n closed: PropTypes.string,\n open: PropTypes.string,\n\n item: PropTypes.string,\n itemSelected: PropTypes.string,\n itemDisabled: PropTypes.string,\n itemTrigger: PropTypes.string,\n itemIcon: PropTypes.string,\n itemTitle: PropTypes.string,\n itemInfoIcon: PropTypes.string,\n }).isRequired,\n\n /**\n * Number of columns to render. One, two, or whatever fits the component's width.\n */\n layout: PropTypes.oneOf([\"single\", \"dual\", \"fluid\"]),\n\n /**\n * Title to be displayed on the header of the component.\n */\n title: PropTypes.string,\n /**\n * The list of applications to be used to render the actions on the component.\n */\n applications: PropTypes.arrayOf(\n PropTypes.shape({\n /**\n * Id of the application.\n */\n id: PropTypes.string,\n /**\n * Name of the application, this is the value that will be displayed on the component.\n */\n name: PropTypes.string.isRequired,\n /**\n * URL with the icon location to be used to represent the application.\n * iconUrl will only be used if no iconElement is provided.\n */\n iconUrl: PropTypes.string,\n /**\n * Element to be added as the icon representing the application.\n * The iconElement will be the primary option to be displayed.\n */\n iconElement: PropTypes.element,\n /**\n * Small description of the application.\n */\n description: PropTypes.string,\n /**\n * URL where the application is accesible.\n */\n url: PropTypes.string,\n /**\n * Defines if the application should be opened in the same tab or in a new one.\n */\n target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n /**\n * If true, the item will be disabled.\n */\n disabled: PropTypes.bool,\n /**\n * True when the application is selected, false otherwise.\n */\n isSelected: PropTypes.bool,\n })\n ).isRequired,\n\n /**\n * Triggered when an action is clicked.\n */\n onActionClickedCallback: PropTypes.func,\n /**\n * Must return a boolean stating if the action element is selected or not.\n */\n isActionSelectedCallback: PropTypes.func,\n\n /**\n * Element to be added to the header container, if none is provided a label with the title will be added.\n */\n header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n /**\n * Element to be added to the footer container.\n */\n footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n /**\n * Flag stating if the panel is opened or closed.\n *\n * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n */\n isOpen: deprecatedPropType(PropTypes.bool),\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanel\" })(AppSwitcherPanel);\n"],"file":"AppSwitcherPanel.js"}
|
|
@@ -5,7 +5,7 @@ import React from "react";
|
|
|
5
5
|
import PropTypes from "prop-types";
|
|
6
6
|
import clsx from "clsx";
|
|
7
7
|
import { deprecatedPropType, withStyles } from "@material-ui/core";
|
|
8
|
-
import { HvListContainer } from "@hitachivantara/uikit-react-core";
|
|
8
|
+
import { HvListContainer, useDeprecated } from "@hitachivantara/uikit-react-core";
|
|
9
9
|
import styles from "./styles";
|
|
10
10
|
import TitleWithTooltip from "./TitleWithTooltip";
|
|
11
11
|
import Action from "./Action";
|
|
@@ -27,6 +27,7 @@ var AppSwitcherPanel = function AppSwitcherPanel(props) {
|
|
|
27
27
|
header = props.header,
|
|
28
28
|
footer = props.footer,
|
|
29
29
|
isOpen = props.isOpen;
|
|
30
|
+
useDeprecated("AppSwitcherPanel", "Please use the AppSwitcherPanel component in Core");
|
|
30
31
|
|
|
31
32
|
var actionClicked = function actionClicked(event, application) {
|
|
32
33
|
onActionClickedCallback === null || onActionClickedCallback === void 0 ? void 0 : onActionClickedCallback(event, application);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/AppSwitcherPanel/AppSwitcherPanel.js"],"names":["React","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","styles","TitleWithTooltip","Action","AppSwitcherPanel","props","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","map","name","url","root","item","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","undefined","closed","open","actionsContainer","footerContainer","propTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\n\nimport { HvListContainer } from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport Action from \"./Action\";\n\nconst AppSwitcherPanel = (props) => {\n const {\n id,\n\n className,\n classes,\n\n layout = \"single\",\n\n title,\n applications,\n\n onActionClickedCallback = () => {},\n isActionSelectedCallback = () => false,\n\n header,\n footer,\n\n isOpen,\n } = props;\n\n const actionClicked = (event, application) => {\n onActionClickedCallback?.(event, application);\n };\n\n const panelActions = applications.map((application) => {\n if (application.name) {\n return (\n <Action\n key={application.id || `${application.name}_${application.url}`}\n application={application}\n onClickCallback={actionClicked}\n isSelectedCallback={isActionSelectedCallback}\n classes={{\n root: classes.item,\n selected: classes.itemSelected,\n disabled: classes.itemDisabled,\n typography: classes.itemTrigger,\n icon: classes.itemIcon,\n title: classes.itemTitle,\n iconInfo: classes.itemInfoIcon,\n }}\n />\n );\n }\n\n return undefined;\n });\n\n return (\n <div\n id={id}\n className={clsx(className, classes.root, classes[layout], {\n [classes.closed]: isOpen === false,\n [classes.open]: isOpen,\n })}\n >\n {(header && <div className={classes.title}>{header}</div>) ||\n (title && <TitleWithTooltip className={classes.title} title={title} />)}\n <HvListContainer disableGutters className={classes.actionsContainer}>\n {panelActions}\n </HvListContainer>\n {footer && <div className={classes.footerContainer}>{footer}</div>}\n </div>\n );\n};\n\nAppSwitcherPanel.propTypes = {\n /**\n * Identifier to be applied to the root element.\n */\n id: PropTypes.string,\n\n /**\n * Class names to be applied to the root element.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n root: PropTypes.string,\n single: PropTypes.string,\n dual: PropTypes.string,\n fluid: PropTypes.string,\n title: PropTypes.string,\n actionsContainer: PropTypes.string,\n footerContainer: PropTypes.string,\n closed: PropTypes.string,\n open: PropTypes.string,\n\n item: PropTypes.string,\n itemSelected: PropTypes.string,\n itemDisabled: PropTypes.string,\n itemTrigger: PropTypes.string,\n itemIcon: PropTypes.string,\n itemTitle: PropTypes.string,\n itemInfoIcon: PropTypes.string,\n }).isRequired,\n\n /**\n * Number of columns to render. One, two, or whatever fits the component's width.\n */\n layout: PropTypes.oneOf([\"single\", \"dual\", \"fluid\"]),\n\n /**\n * Title to be displayed on the header of the component.\n */\n title: PropTypes.string,\n /**\n * The list of applications to be used to render the actions on the component.\n */\n applications: PropTypes.arrayOf(\n PropTypes.shape({\n /**\n * Id of the application.\n */\n id: PropTypes.string,\n /**\n * Name of the application, this is the value that will be displayed on the component.\n */\n name: PropTypes.string.isRequired,\n /**\n * URL with the icon location to be used to represent the application.\n * iconUrl will only be used if no iconElement is provided.\n */\n iconUrl: PropTypes.string,\n /**\n * Element to be added as the icon representing the application.\n * The iconElement will be the primary option to be displayed.\n */\n iconElement: PropTypes.element,\n /**\n * Small description of the application.\n */\n description: PropTypes.string,\n /**\n * URL where the application is accesible.\n */\n url: PropTypes.string,\n /**\n * Defines if the application should be opened in the same tab or in a new one.\n */\n target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n /**\n * If true, the item will be disabled.\n */\n disabled: PropTypes.bool,\n /**\n * True when the application is selected, false otherwise.\n */\n isSelected: PropTypes.bool,\n })\n ).isRequired,\n\n /**\n * Triggered when an action is clicked.\n */\n onActionClickedCallback: PropTypes.func,\n /**\n * Must return a boolean stating if the action element is selected or not.\n */\n isActionSelectedCallback: PropTypes.func,\n\n /**\n * Element to be added to the header container, if none is provided a label with the title will be added.\n */\n header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n /**\n * Element to be added to the footer container.\n */\n footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n /**\n * Flag stating if the panel is opened or closed.\n *\n * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n */\n isOpen: deprecatedPropType(PropTypes.bool),\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanel\" })(AppSwitcherPanel);\n"],"file":"AppSwitcherPanel.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/AppSwitcherPanel/AppSwitcherPanel.js"],"names":["React","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","useDeprecated","styles","TitleWithTooltip","Action","AppSwitcherPanel","props","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","map","name","url","root","item","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","undefined","closed","open","actionsContainer","footerContainer","propTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\n\nimport { HvListContainer, useDeprecated } from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport Action from \"./Action\";\n\nconst AppSwitcherPanel = (props) => {\n const {\n id,\n\n className,\n classes,\n\n layout = \"single\",\n\n title,\n applications,\n\n onActionClickedCallback = () => {},\n isActionSelectedCallback = () => false,\n\n header,\n footer,\n\n isOpen,\n } = props;\n\n useDeprecated(\"AppSwitcherPanel\", \"Please use the AppSwitcherPanel component in Core\");\n\n const actionClicked = (event, application) => {\n onActionClickedCallback?.(event, application);\n };\n\n const panelActions = applications.map((application) => {\n if (application.name) {\n return (\n <Action\n key={application.id || `${application.name}_${application.url}`}\n application={application}\n onClickCallback={actionClicked}\n isSelectedCallback={isActionSelectedCallback}\n classes={{\n root: classes.item,\n selected: classes.itemSelected,\n disabled: classes.itemDisabled,\n typography: classes.itemTrigger,\n icon: classes.itemIcon,\n title: classes.itemTitle,\n iconInfo: classes.itemInfoIcon,\n }}\n />\n );\n }\n\n return undefined;\n });\n\n return (\n <div\n id={id}\n className={clsx(className, classes.root, classes[layout], {\n [classes.closed]: isOpen === false,\n [classes.open]: isOpen,\n })}\n >\n {(header && <div className={classes.title}>{header}</div>) ||\n (title && <TitleWithTooltip className={classes.title} title={title} />)}\n <HvListContainer disableGutters className={classes.actionsContainer}>\n {panelActions}\n </HvListContainer>\n {footer && <div className={classes.footerContainer}>{footer}</div>}\n </div>\n );\n};\n\nAppSwitcherPanel.propTypes = {\n /**\n * Identifier to be applied to the root element.\n */\n id: PropTypes.string,\n\n /**\n * Class names to be applied to the root element.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n root: PropTypes.string,\n single: PropTypes.string,\n dual: PropTypes.string,\n fluid: PropTypes.string,\n title: PropTypes.string,\n actionsContainer: PropTypes.string,\n footerContainer: PropTypes.string,\n closed: PropTypes.string,\n open: PropTypes.string,\n\n item: PropTypes.string,\n itemSelected: PropTypes.string,\n itemDisabled: PropTypes.string,\n itemTrigger: PropTypes.string,\n itemIcon: PropTypes.string,\n itemTitle: PropTypes.string,\n itemInfoIcon: PropTypes.string,\n }).isRequired,\n\n /**\n * Number of columns to render. One, two, or whatever fits the component's width.\n */\n layout: PropTypes.oneOf([\"single\", \"dual\", \"fluid\"]),\n\n /**\n * Title to be displayed on the header of the component.\n */\n title: PropTypes.string,\n /**\n * The list of applications to be used to render the actions on the component.\n */\n applications: PropTypes.arrayOf(\n PropTypes.shape({\n /**\n * Id of the application.\n */\n id: PropTypes.string,\n /**\n * Name of the application, this is the value that will be displayed on the component.\n */\n name: PropTypes.string.isRequired,\n /**\n * URL with the icon location to be used to represent the application.\n * iconUrl will only be used if no iconElement is provided.\n */\n iconUrl: PropTypes.string,\n /**\n * Element to be added as the icon representing the application.\n * The iconElement will be the primary option to be displayed.\n */\n iconElement: PropTypes.element,\n /**\n * Small description of the application.\n */\n description: PropTypes.string,\n /**\n * URL where the application is accesible.\n */\n url: PropTypes.string,\n /**\n * Defines if the application should be opened in the same tab or in a new one.\n */\n target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n /**\n * If true, the item will be disabled.\n */\n disabled: PropTypes.bool,\n /**\n * True when the application is selected, false otherwise.\n */\n isSelected: PropTypes.bool,\n })\n ).isRequired,\n\n /**\n * Triggered when an action is clicked.\n */\n onActionClickedCallback: PropTypes.func,\n /**\n * Must return a boolean stating if the action element is selected or not.\n */\n isActionSelectedCallback: PropTypes.func,\n\n /**\n * Element to be added to the header container, if none is provided a label with the title will be added.\n */\n header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n /**\n * Element to be added to the footer container.\n */\n footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n /**\n * Flag stating if the panel is opened or closed.\n *\n * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n */\n isOpen: deprecatedPropType(PropTypes.bool),\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanel\" })(AppSwitcherPanel);\n"],"file":"AppSwitcherPanel.js"}
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import PropTypes from "prop-types";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import { deprecatedPropType, withStyles } from "@material-ui/core";
|
|
5
|
-
import { HvListContainer } from "@hitachivantara/uikit-react-core";
|
|
5
|
+
import { HvListContainer, useDeprecated } from "@hitachivantara/uikit-react-core";
|
|
6
6
|
import styles from "./styles";
|
|
7
7
|
import TitleWithTooltip from "./TitleWithTooltip";
|
|
8
8
|
import Action from "./Action";
|
|
@@ -21,6 +21,7 @@ const AppSwitcherPanel = props => {
|
|
|
21
21
|
footer,
|
|
22
22
|
isOpen
|
|
23
23
|
} = props;
|
|
24
|
+
useDeprecated("AppSwitcherPanel", "Please use the AppSwitcherPanel component in Core");
|
|
24
25
|
|
|
25
26
|
const actionClicked = (event, application) => {
|
|
26
27
|
onActionClickedCallback === null || onActionClickedCallback === void 0 ? void 0 : onActionClickedCallback(event, application);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/AppSwitcherPanel/AppSwitcherPanel.js"],"names":["React","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","styles","TitleWithTooltip","Action","AppSwitcherPanel","props","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","map","name","url","root","item","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","undefined","closed","open","actionsContainer","footerContainer","propTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\n\nimport { HvListContainer } from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport Action from \"./Action\";\n\nconst AppSwitcherPanel = (props) => {\n const {\n id,\n\n className,\n classes,\n\n layout = \"single\",\n\n title,\n applications,\n\n onActionClickedCallback = () => {},\n isActionSelectedCallback = () => false,\n\n header,\n footer,\n\n isOpen,\n } = props;\n\n const actionClicked = (event, application) => {\n onActionClickedCallback?.(event, application);\n };\n\n const panelActions = applications.map((application) => {\n if (application.name) {\n return (\n <Action\n key={application.id || `${application.name}_${application.url}`}\n application={application}\n onClickCallback={actionClicked}\n isSelectedCallback={isActionSelectedCallback}\n classes={{\n root: classes.item,\n selected: classes.itemSelected,\n disabled: classes.itemDisabled,\n typography: classes.itemTrigger,\n icon: classes.itemIcon,\n title: classes.itemTitle,\n iconInfo: classes.itemInfoIcon,\n }}\n />\n );\n }\n\n return undefined;\n });\n\n return (\n <div\n id={id}\n className={clsx(className, classes.root, classes[layout], {\n [classes.closed]: isOpen === false,\n [classes.open]: isOpen,\n })}\n >\n {(header && <div className={classes.title}>{header}</div>) ||\n (title && <TitleWithTooltip className={classes.title} title={title} />)}\n <HvListContainer disableGutters className={classes.actionsContainer}>\n {panelActions}\n </HvListContainer>\n {footer && <div className={classes.footerContainer}>{footer}</div>}\n </div>\n );\n};\n\nAppSwitcherPanel.propTypes = {\n /**\n * Identifier to be applied to the root element.\n */\n id: PropTypes.string,\n\n /**\n * Class names to be applied to the root element.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n root: PropTypes.string,\n single: PropTypes.string,\n dual: PropTypes.string,\n fluid: PropTypes.string,\n title: PropTypes.string,\n actionsContainer: PropTypes.string,\n footerContainer: PropTypes.string,\n closed: PropTypes.string,\n open: PropTypes.string,\n\n item: PropTypes.string,\n itemSelected: PropTypes.string,\n itemDisabled: PropTypes.string,\n itemTrigger: PropTypes.string,\n itemIcon: PropTypes.string,\n itemTitle: PropTypes.string,\n itemInfoIcon: PropTypes.string,\n }).isRequired,\n\n /**\n * Number of columns to render. One, two, or whatever fits the component's width.\n */\n layout: PropTypes.oneOf([\"single\", \"dual\", \"fluid\"]),\n\n /**\n * Title to be displayed on the header of the component.\n */\n title: PropTypes.string,\n /**\n * The list of applications to be used to render the actions on the component.\n */\n applications: PropTypes.arrayOf(\n PropTypes.shape({\n /**\n * Id of the application.\n */\n id: PropTypes.string,\n /**\n * Name of the application, this is the value that will be displayed on the component.\n */\n name: PropTypes.string.isRequired,\n /**\n * URL with the icon location to be used to represent the application.\n * iconUrl will only be used if no iconElement is provided.\n */\n iconUrl: PropTypes.string,\n /**\n * Element to be added as the icon representing the application.\n * The iconElement will be the primary option to be displayed.\n */\n iconElement: PropTypes.element,\n /**\n * Small description of the application.\n */\n description: PropTypes.string,\n /**\n * URL where the application is accesible.\n */\n url: PropTypes.string,\n /**\n * Defines if the application should be opened in the same tab or in a new one.\n */\n target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n /**\n * If true, the item will be disabled.\n */\n disabled: PropTypes.bool,\n /**\n * True when the application is selected, false otherwise.\n */\n isSelected: PropTypes.bool,\n })\n ).isRequired,\n\n /**\n * Triggered when an action is clicked.\n */\n onActionClickedCallback: PropTypes.func,\n /**\n * Must return a boolean stating if the action element is selected or not.\n */\n isActionSelectedCallback: PropTypes.func,\n\n /**\n * Element to be added to the header container, if none is provided a label with the title will be added.\n */\n header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n /**\n * Element to be added to the footer container.\n */\n footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n /**\n * Flag stating if the panel is opened or closed.\n *\n * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n */\n isOpen: deprecatedPropType(PropTypes.bool),\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanel\" })(AppSwitcherPanel);\n"],"file":"AppSwitcherPanel.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/AppSwitcherPanel/AppSwitcherPanel.js"],"names":["React","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","useDeprecated","styles","TitleWithTooltip","Action","AppSwitcherPanel","props","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","map","name","url","root","item","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","undefined","closed","open","actionsContainer","footerContainer","propTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,kBAAT,EAA6BC,UAA7B,QAA+C,mBAA/C;AAEA,SAASC,eAAT,EAA0BC,aAA1B,QAA+C,kCAA/C;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,OAAOC,gBAAP,MAA6B,oBAA7B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,gBAAgB,GAAIC,KAAD,IAAW;AAClC,QAAM;AACJC,IAAAA,EADI;AAGJC,IAAAA,SAHI;AAIJC,IAAAA,OAJI;AAMJC,IAAAA,MAAM,GAAG,QANL;AAQJC,IAAAA,KARI;AASJC,IAAAA,YATI;AAWJC,IAAAA,uBAAuB,GAAG,MAAM,CAAE,CAX9B;AAYJC,IAAAA,wBAAwB,GAAG,MAAM,KAZ7B;AAcJC,IAAAA,MAdI;AAeJC,IAAAA,MAfI;AAiBJC,IAAAA;AAjBI,MAkBFX,KAlBJ;AAoBAL,EAAAA,aAAa,CAAC,kBAAD,EAAqB,mDAArB,CAAb;;AAEA,QAAMiB,aAAa,GAAG,CAACC,KAAD,EAAQC,WAAR,KAAwB;AAC5CP,IAAAA,uBAAuB,SAAvB,IAAAA,uBAAuB,WAAvB,YAAAA,uBAAuB,CAAGM,KAAH,EAAUC,WAAV,CAAvB;AACD,GAFD;;AAIA,QAAMC,YAAY,GAAGT,YAAY,CAACU,GAAb,CAAkBF,WAAD,IAAiB;AACrD,QAAIA,WAAW,CAACG,IAAhB,EAAsB;AACpB,0BACE,oBAAC,MAAD;AACE,QAAA,GAAG,EAAEH,WAAW,CAACb,EAAZ,IAAmB,GAAEa,WAAW,CAACG,IAAK,IAAGH,WAAW,CAACI,GAAI,EADhE;AAEE,QAAA,WAAW,EAAEJ,WAFf;AAGE,QAAA,eAAe,EAAEF,aAHnB;AAIE,QAAA,kBAAkB,EAAEJ,wBAJtB;AAKE,QAAA,OAAO,EAAE;AACPW,UAAAA,IAAI,EAAEhB,OAAO,CAACiB,IADP;AAEPC,UAAAA,QAAQ,EAAElB,OAAO,CAACmB,YAFX;AAGPC,UAAAA,QAAQ,EAAEpB,OAAO,CAACqB,YAHX;AAIPC,UAAAA,UAAU,EAAEtB,OAAO,CAACuB,WAJb;AAKPC,UAAAA,IAAI,EAAExB,OAAO,CAACyB,QALP;AAMPvB,UAAAA,KAAK,EAAEF,OAAO,CAAC0B,SANR;AAOPC,UAAAA,QAAQ,EAAE3B,OAAO,CAAC4B;AAPX;AALX,QADF;AAiBD;;AAED,WAAOC,SAAP;AACD,GAtBoB,CAArB;AAwBA,sBACE;AACE,IAAA,EAAE,EAAE/B,EADN;AAEE,IAAA,SAAS,EAAEV,IAAI,CAACW,SAAD,EAAYC,OAAO,CAACgB,IAApB,EAA0BhB,OAAO,CAACC,MAAD,CAAjC,EACKO,MAAM,KAAK,KADhB,IACZR,OAAO,CAAC8B,MADI,EAEGtB,MAFH,IAEZR,OAAO,CAAC+B,IAFI;AAFjB,KAOIzB,MAAM,iBAAI;AAAK,IAAA,SAAS,EAAEN,OAAO,CAACE;AAAxB,KAAgCI,MAAhC,CAAX,IACEJ,KAAK,iBAAI,oBAAC,gBAAD;AAAkB,IAAA,SAAS,EAAEF,OAAO,CAACE,KAArC;AAA4C,IAAA,KAAK,EAAEA;AAAnD,IARd,eASE,oBAAC,eAAD;AAAiB,IAAA,cAAc,MAA/B;AAAgC,IAAA,SAAS,EAAEF,OAAO,CAACgC;AAAnD,KACGpB,YADH,CATF,EAYGL,MAAM,iBAAI;AAAK,IAAA,SAAS,EAAEP,OAAO,CAACiC;AAAxB,KAA0C1B,MAA1C,CAZb,CADF;AAgBD,CAnED;;AAqEA,wCAAAX,gBAAgB,CAACsC,SAAjB,GAA6B;AAC3B;AACF;AACA;AACEpC,EAAAA,EAAE,EAAEX,SAAS,CAACgD,MAJa;;AAM3B;AACF;AACA;AACEpC,EAAAA,SAAS,EAAEZ,SAAS,CAACgD,MATM;;AAU3B;AACF;AACA;AACEnC,EAAAA,OAAO,EAAEb,SAAS,CAACiD,KAAV,CAAgB;AACvBpB,IAAAA,IAAI,EAAE7B,SAAS,CAACgD,MADO;AAEvBE,IAAAA,MAAM,EAAElD,SAAS,CAACgD,MAFK;AAGvBG,IAAAA,IAAI,EAAEnD,SAAS,CAACgD,MAHO;AAIvBI,IAAAA,KAAK,EAAEpD,SAAS,CAACgD,MAJM;AAKvBjC,IAAAA,KAAK,EAAEf,SAAS,CAACgD,MALM;AAMvBH,IAAAA,gBAAgB,EAAE7C,SAAS,CAACgD,MANL;AAOvBF,IAAAA,eAAe,EAAE9C,SAAS,CAACgD,MAPJ;AAQvBL,IAAAA,MAAM,EAAE3C,SAAS,CAACgD,MARK;AASvBJ,IAAAA,IAAI,EAAE5C,SAAS,CAACgD,MATO;AAWvBlB,IAAAA,IAAI,EAAE9B,SAAS,CAACgD,MAXO;AAYvBhB,IAAAA,YAAY,EAAEhC,SAAS,CAACgD,MAZD;AAavBd,IAAAA,YAAY,EAAElC,SAAS,CAACgD,MAbD;AAcvBZ,IAAAA,WAAW,EAAEpC,SAAS,CAACgD,MAdA;AAevBV,IAAAA,QAAQ,EAAEtC,SAAS,CAACgD,MAfG;AAgBvBT,IAAAA,SAAS,EAAEvC,SAAS,CAACgD,MAhBE;AAiBvBP,IAAAA,YAAY,EAAEzC,SAAS,CAACgD;AAjBD,GAAhB,EAkBNK,UA/BwB;;AAiC3B;AACF;AACA;AACEvC,EAAAA,MAAM,EAAEd,SAAS,CAACsD,KAAV,CAAgB,CAAC,QAAD,EAAW,MAAX,EAAmB,OAAnB,CAAhB,CApCmB;;AAsC3B;AACF;AACA;AACEvC,EAAAA,KAAK,EAAEf,SAAS,CAACgD,MAzCU;;AA0C3B;AACF;AACA;AACEhC,EAAAA,YAAY,EAAEhB,SAAS,CAACuD,OAAV,CACZvD,SAAS,CAACiD,KAAV,CAAgB;AACd;AACN;AACA;AACMtC,IAAAA,EAAE,EAAEX,SAAS,CAACgD,MAJA;;AAKd;AACN;AACA;AACMrB,IAAAA,IAAI,EAAE3B,SAAS,CAACgD,MAAV,CAAiBK,UART;;AASd;AACN;AACA;AACA;AACMG,IAAAA,OAAO,EAAExD,SAAS,CAACgD,MAbL;;AAcd;AACN;AACA;AACA;AACMS,IAAAA,WAAW,EAAEzD,SAAS,CAAC0D,OAlBT;;AAmBd;AACN;AACA;AACMC,IAAAA,WAAW,EAAE3D,SAAS,CAACgD,MAtBT;;AAuBd;AACN;AACA;AACMpB,IAAAA,GAAG,EAAE5B,SAAS,CAACgD,MA1BD;;AA2Bd;AACN;AACA;AACMY,IAAAA,MAAM,EAAE5D,SAAS,CAACsD,KAAV,CAAgB,CAAC,MAAD,EAAS,QAAT,CAAhB,CA9BM;;AA+Bd;AACN;AACA;AACMrB,IAAAA,QAAQ,EAAEjC,SAAS,CAAC6D,IAlCN;;AAmCd;AACN;AACA;AACMC,IAAAA,UAAU,EAAE9D,SAAS,CAAC6D;AAtCR,GAAhB,CADY,EAyCZR,UAtFyB;;AAwF3B;AACF;AACA;AACEpC,EAAAA,uBAAuB,EAAEjB,SAAS,CAAC+D,IA3FR;;AA4F3B;AACF;AACA;AACE7C,EAAAA,wBAAwB,EAAElB,SAAS,CAAC+D,IA/FT;;AAiG3B;AACF;AACA;AACE5C,EAAAA,MAAM,EAAEnB,SAAS,CAACgE,SAAV,CAAoB,CAAChE,SAAS,CAACgD,MAAX,EAAmBhD,SAAS,CAACiE,IAA7B,CAApB,CApGmB;;AAqG3B;AACF;AACA;AACE7C,EAAAA,MAAM,EAAEpB,SAAS,CAACgE,SAAV,CAAoB,CAAChE,SAAS,CAACgD,MAAX,EAAmBhD,SAAS,CAACiE,IAA7B,CAApB,CAxGmB;;AA0G3B;AACF;AACA;AACA;AACA;AACE5C,EAAAA,MAAM,EAAEnB,kBAAkB,CAACF,SAAS,CAAC6D,IAAX;AA/GC,CAA7B;AAkHA,eAAe1D,UAAU,CAACG,MAAD,EAAS;AAAEqB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAmDlB,gBAAnD,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\n\nimport { HvListContainer, useDeprecated } from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport Action from \"./Action\";\n\nconst AppSwitcherPanel = (props) => {\n const {\n id,\n\n className,\n classes,\n\n layout = \"single\",\n\n title,\n applications,\n\n onActionClickedCallback = () => {},\n isActionSelectedCallback = () => false,\n\n header,\n footer,\n\n isOpen,\n } = props;\n\n useDeprecated(\"AppSwitcherPanel\", \"Please use the AppSwitcherPanel component in Core\");\n\n const actionClicked = (event, application) => {\n onActionClickedCallback?.(event, application);\n };\n\n const panelActions = applications.map((application) => {\n if (application.name) {\n return (\n <Action\n key={application.id || `${application.name}_${application.url}`}\n application={application}\n onClickCallback={actionClicked}\n isSelectedCallback={isActionSelectedCallback}\n classes={{\n root: classes.item,\n selected: classes.itemSelected,\n disabled: classes.itemDisabled,\n typography: classes.itemTrigger,\n icon: classes.itemIcon,\n title: classes.itemTitle,\n iconInfo: classes.itemInfoIcon,\n }}\n />\n );\n }\n\n return undefined;\n });\n\n return (\n <div\n id={id}\n className={clsx(className, classes.root, classes[layout], {\n [classes.closed]: isOpen === false,\n [classes.open]: isOpen,\n })}\n >\n {(header && <div className={classes.title}>{header}</div>) ||\n (title && <TitleWithTooltip className={classes.title} title={title} />)}\n <HvListContainer disableGutters className={classes.actionsContainer}>\n {panelActions}\n </HvListContainer>\n {footer && <div className={classes.footerContainer}>{footer}</div>}\n </div>\n );\n};\n\nAppSwitcherPanel.propTypes = {\n /**\n * Identifier to be applied to the root element.\n */\n id: PropTypes.string,\n\n /**\n * Class names to be applied to the root element.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n root: PropTypes.string,\n single: PropTypes.string,\n dual: PropTypes.string,\n fluid: PropTypes.string,\n title: PropTypes.string,\n actionsContainer: PropTypes.string,\n footerContainer: PropTypes.string,\n closed: PropTypes.string,\n open: PropTypes.string,\n\n item: PropTypes.string,\n itemSelected: PropTypes.string,\n itemDisabled: PropTypes.string,\n itemTrigger: PropTypes.string,\n itemIcon: PropTypes.string,\n itemTitle: PropTypes.string,\n itemInfoIcon: PropTypes.string,\n }).isRequired,\n\n /**\n * Number of columns to render. One, two, or whatever fits the component's width.\n */\n layout: PropTypes.oneOf([\"single\", \"dual\", \"fluid\"]),\n\n /**\n * Title to be displayed on the header of the component.\n */\n title: PropTypes.string,\n /**\n * The list of applications to be used to render the actions on the component.\n */\n applications: PropTypes.arrayOf(\n PropTypes.shape({\n /**\n * Id of the application.\n */\n id: PropTypes.string,\n /**\n * Name of the application, this is the value that will be displayed on the component.\n */\n name: PropTypes.string.isRequired,\n /**\n * URL with the icon location to be used to represent the application.\n * iconUrl will only be used if no iconElement is provided.\n */\n iconUrl: PropTypes.string,\n /**\n * Element to be added as the icon representing the application.\n * The iconElement will be the primary option to be displayed.\n */\n iconElement: PropTypes.element,\n /**\n * Small description of the application.\n */\n description: PropTypes.string,\n /**\n * URL where the application is accesible.\n */\n url: PropTypes.string,\n /**\n * Defines if the application should be opened in the same tab or in a new one.\n */\n target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n /**\n * If true, the item will be disabled.\n */\n disabled: PropTypes.bool,\n /**\n * True when the application is selected, false otherwise.\n */\n isSelected: PropTypes.bool,\n })\n ).isRequired,\n\n /**\n * Triggered when an action is clicked.\n */\n onActionClickedCallback: PropTypes.func,\n /**\n * Must return a boolean stating if the action element is selected or not.\n */\n isActionSelectedCallback: PropTypes.func,\n\n /**\n * Element to be added to the header container, if none is provided a label with the title will be added.\n */\n header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n /**\n * Element to be added to the footer container.\n */\n footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n /**\n * Flag stating if the panel is opened or closed.\n *\n * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n */\n isOpen: deprecatedPropType(PropTypes.bool),\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanel\" })(AppSwitcherPanel);\n"],"file":"AppSwitcherPanel.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hitachivantara/uikit-react-lab",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.42.0",
|
|
4
4
|
"description": "A collection of contributed React components for the Hitachi Vantara's Design System.",
|
|
5
5
|
"homepage": "https://github.com/lumada-design/hv-uikit-react",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@babel/runtime": "^7.16.3",
|
|
49
|
-
"@hitachivantara/uikit-react-core": "^3.
|
|
49
|
+
"@hitachivantara/uikit-react-core": "^3.63.0",
|
|
50
50
|
"@hitachivantara/uikit-react-icons": "^3.8.4",
|
|
51
51
|
"@types/react-table": "^7.7.8",
|
|
52
52
|
"clsx": "^1.1.1",
|
|
@@ -83,5 +83,5 @@
|
|
|
83
83
|
"publishConfig": {
|
|
84
84
|
"access": "public"
|
|
85
85
|
},
|
|
86
|
-
"gitHead": "
|
|
86
|
+
"gitHead": "4c00970fd46a9d40faccaf1a935a66b09925e174"
|
|
87
87
|
}
|