@hitachivantara/uikit-react-core 3.71.0 → 4.0.1-next.0

package/dist/Banner/BannerWrapper/BannerContentWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerContentWrapper.js","names":["HvBannerContentWrapper","React","forwardRef","props","ref","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","icon","iconVariant","effectiveActionsPosition","outContainer","root","message","action","clsx","baseVariant","actionsOnMessage","actionsOnMessageCallback","actionCallback","propTypes","PropTypes","string","instanceOf","Object","node","oneOf","bool","func","oneOfType","arrayOf","shape","isRequired","label","disabled","withStyles","styles","name"],"sources":["../../../src/Banner/BannerWrapper/BannerContentWrapper.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport clsx from \"clsx\";\nimport { SnackbarContent, withStyles } from \"@material-ui/core\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport MessageContainer from \"./MessageContainer\";\nimport ActionContainer from \"./ActionContainer\";\nimport styles from \"./styles\";\n\nconst HvBannerContentWrapper = React.forwardRef((props, ref) => {\n  const {\n    id,\n    classes,\n    showIcon = false,\n    customIcon,\n    variant = \"default\",\n    onClose,\n    actions,\n    actionsCallback,\n    actionsPosition = \"auto\",\n    content,\n    actionProps,\n    ...others\n  } = props;\n\n  const icon = customIcon || (showIcon && iconVariant(variant, \"base2\"));\n\n  // default to inline\n  // this might try to be more intelligent in the future,\n  // taking into account the content length, available space,\n  // number of actions, etc..\n  const effectiveActionsPosition = actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n  return (\n    <div className={classes.outContainer}>\n      <SnackbarContent\n        ref={ref}\n        id={id}\n        classes={{\n          root: classes.root,\n          message: classes.message,\n          action: classes.action,\n        }}\n        className={clsx(classes[variant], classes.baseVariant)}\n        message={\n          <MessageContainer\n            id={id}\n            icon={icon}\n            {...(effectiveActionsPosition === \"inline\" && {\n              actionsOnMessage: actions,\n              actionsOnMessageCallback: actionsCallback,\n            })}\n            message={content}\n          />\n        }\n        action={\n          <ActionContainer\n            id={id}\n            onClose={onClose}\n            {...(effectiveActionsPosition === \"bottom-right\" && {\n              action: actions,\n              actionCallback: actionsCallback,\n            })}\n            {...actionProps}\n          />\n        }\n        {...others}\n      />\n    </div>\n  );\n});\n\nHvBannerContentWrapper.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * The message to display.\n   */\n  content: PropTypes.node,\n  /**\n   * Variant of the snackbar.\n   */\n  variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * onClose function.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Actions to display on the right side.\n   */\n  actions: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionsCallback: PropTypes.func,\n  /**\n   * The position property of the header.\n   */\n  actionsPosition: PropTypes.PropTypes.oneOf([\"auto\", \"inline\", \"bottom-right\"]),\n  /**\n   * The props to pass down to the Action Container.\n   */\n  actionProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBannerContentWrapper\" })(HvBannerContentWrapper);\n"],"mappings":"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"}
+{"version":3,"file":"BannerContentWrapper.js","names":["HvBannerContentWrapper","React","forwardRef","props","ref","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","icon","iconVariant","effectiveActionsPosition","outContainer","root","message","action","clsx","baseVariant","actionsOnMessage","actionsOnMessageCallback","actionCallback","propTypes","PropTypes","string","instanceOf","Object","node","oneOf","bool","func","oneOfType","arrayOf","shape","isRequired","label","disabled","withStyles","styles","name"],"sources":["../../../src/Banner/BannerWrapper/BannerContentWrapper.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport clsx from \"clsx\";\nimport { SnackbarContent } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport MessageContainer from \"./MessageContainer\";\nimport ActionContainer from \"./ActionContainer\";\nimport styles from \"./styles\";\n\nconst HvBannerContentWrapper = React.forwardRef((props, ref) => {\n  const {\n    id,\n    classes,\n    showIcon = false,\n    customIcon,\n    variant = \"default\",\n    onClose,\n    actions,\n    actionsCallback,\n    actionsPosition = \"auto\",\n    content,\n    actionProps,\n    ...others\n  } = props;\n\n  const icon = customIcon || (showIcon && iconVariant(variant, \"base2\"));\n\n  // default to inline\n  // this might try to be more intelligent in the future,\n  // taking into account the content length, available space,\n  // number of actions, etc..\n  const effectiveActionsPosition = actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n  return (\n    <div className={classes.outContainer}>\n      <SnackbarContent\n        ref={ref}\n        id={id}\n        classes={{\n          root: classes.root,\n          message: classes.message,\n          action: classes.action,\n        }}\n        className={clsx(classes[variant], classes.baseVariant)}\n        message={\n          <MessageContainer\n            id={id}\n            icon={icon}\n            {...(effectiveActionsPosition === \"inline\" && {\n              actionsOnMessage: actions,\n              actionsOnMessageCallback: actionsCallback,\n            })}\n            message={content}\n          />\n        }\n        action={\n          <ActionContainer\n            id={id}\n            onClose={onClose}\n            {...(effectiveActionsPosition === \"bottom-right\" && {\n              action: actions,\n              actionCallback: actionsCallback,\n            })}\n            {...actionProps}\n          />\n        }\n        {...others}\n      />\n    </div>\n  );\n});\n\nHvBannerContentWrapper.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * The message to display.\n   */\n  content: PropTypes.node,\n  /**\n   * Variant of the snackbar.\n   */\n  variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * onClose function.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Actions to display on the right side.\n   */\n  actions: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionsCallback: PropTypes.func,\n  /**\n   * The position property of the header.\n   */\n  actionsPosition: PropTypes.PropTypes.oneOf([\"auto\", \"inline\", \"bottom-right\"]),\n  /**\n   * The props to pass down to the Action Container.\n   */\n  actionProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBannerContentWrapper\" })(HvBannerContentWrapper);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,IAAMA,sBAAsB,gBAAGC,cAAA,CAAMC,UAAN,CAAiB,UAACC,KAAD,EAAQC,GAAR,EAAgB;EAC9D,IACEC,EADF,GAaIF,KAbJ,CACEE,EADF;EAAA,IAEEC,OAFF,GAaIH,KAbJ,CAEEG,OAFF;EAAA,sBAaIH,KAbJ,CAGEI,QAHF;EAAA,IAGEA,QAHF,gCAGa,KAHb;EAAA,IAIEC,UAJF,GAaIL,KAbJ,CAIEK,UAJF;EAAA,qBAaIL,KAbJ,CAKEM,OALF;EAAA,IAKEA,OALF,+BAKY,SALZ;EAAA,IAMEC,OANF,GAaIP,KAbJ,CAMEO,OANF;EAAA,IAOEC,OAPF,GAaIR,KAbJ,CAOEQ,OAPF;EAAA,IAQEC,eARF,GAaIT,KAbJ,CAQES,eARF;EAAA,4BAaIT,KAbJ,CASEU,eATF;EAAA,IASEA,eATF,sCASoB,MATpB;EAAA,IAUEC,OAVF,GAaIX,KAbJ,CAUEW,OAVF;EAAA,IAWEC,WAXF,GAaIZ,KAbJ,CAWEY,WAXF;EAAA,IAYKC,MAZL,0CAaIb,KAbJ;EAeA,IAAMc,IAAI,GAAGT,UAAU,IAAKD,QAAQ,IAAI,IAAAW,oBAAA,EAAYT,OAAZ,EAAqB,OAArB,CAAxC,CAhB8D,CAkB9D;EACA;EACA;EACA;;EACA,IAAMU,wBAAwB,GAAGN,eAAe,KAAK,MAApB,GAA6B,QAA7B,GAAwCA,eAAzE;EAEA,oBACE;IAAK,SAAS,EAAEP,OAAO,CAACc,YAAxB;IAAA,uBACE,qBAAC,yBAAD;MACE,GAAG,EAAEhB,GADP;MAEE,EAAE,EAAEC,EAFN;MAGE,OAAO,EAAE;QACPgB,IAAI,EAAEf,OAAO,CAACe,IADP;QAEPC,OAAO,EAAEhB,OAAO,CAACgB,OAFV;QAGPC,MAAM,EAAEjB,OAAO,CAACiB;MAHT,CAHX;MAQE,SAAS,EAAE,IAAAC,aAAA,EAAKlB,OAAO,CAACG,OAAD,CAAZ,EAAuBH,OAAO,CAACmB,WAA/B,CARb;MASE,OAAO,eACL,qBAAC,yBAAD;QACE,EAAE,EAAEpB,EADN;QAEE,IAAI,EAAEY;MAFR,GAGOE,wBAAwB,KAAK,QAA7B,IAAyC;QAC5CO,gBAAgB,EAAEf,OAD0B;QAE5CgB,wBAAwB,EAAEf;MAFkB,CAHhD;QAOE,OAAO,EAAEE;MAPX,GAVJ;MAoBE,MAAM,eACJ,qBAAC,wBAAD;QACE,EAAE,EAAET,EADN;QAEE,OAAO,EAAEK;MAFX,GAGOS,wBAAwB,KAAK,cAA7B,IAA+C;QAClDI,MAAM,EAAEZ,OAD0C;QAElDiB,cAAc,EAAEhB;MAFkC,CAHtD,GAOMG,WAPN;IArBJ,GA+BMC,MA/BN;EADF,EADF;AAqCD,CA7D8B,CAA/B;;AA+DA,wCAAAhB,sBAAsB,CAAC6B,SAAvB,GAAmC;EACjC;AACF;AACA;EACExB,EAAE,EAAEyB,kBAAA,CAAUC,MAJmB;;EAKjC;AACF;AACA;EACEzB,OAAO,EAAEwB,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,CARwB;;EASjC;AACF;AACA;EACEnB,OAAO,EAAEgB,kBAAA,CAAUI,IAZc;;EAajC;AACF;AACA;EACEzB,OAAO,EAAEqB,kBAAA,CAAUK,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,OAAvB,EAAgC,MAAhC,EAAwC,SAAxC,CAAhB,CAhBwB;;EAiBjC;AACF;AACA;EACE5B,QAAQ,EAAEuB,kBAAA,CAAUM,IApBa;;EAqBjC;AACF;AACA;EACE5B,UAAU,EAAEsB,kBAAA,CAAUI,IAxBW;;EAyBjC;AACF;AACA;EACExB,OAAO,EAAEoB,kBAAA,CAAUO,IA5Bc;;EA6BjC;AACF;AACA;EACE1B,OAAO,EAAE,IAAA2B,oBAAA,EAAU,CACjBR,kBAAA,CAAUI,IADO,EAEjBJ,kBAAA,CAAUS,OAAV,CACET,kBAAA,CAAUU,KAAV,CAAgB;IACdnC,EAAE,EAAEyB,kBAAA,CAAUC,MAAV,CAAiBU,UADP;IAEdC,KAAK,EAAEZ,kBAAA,CAAUC,MAAV,CAAiBU,UAFV;IAGdxB,IAAI,EAAEa,kBAAA,CAAUO,IAHF;IAIdM,QAAQ,EAAEb,kBAAA,CAAUM;EAJN,CAAhB,CADF,CAFiB,CAAV,CAhCwB;;EA2CjC;AACF;AACA;EACExB,eAAe,EAAEkB,kBAAA,CAAUO,IA9CM;;EA+CjC;AACF;AACA;EACExB,eAAe,EAAEiB,kBAAA,CAAUA,SAAV,CAAoBK,KAApB,CAA0B,CAAC,MAAD,EAAS,QAAT,EAAmB,cAAnB,CAA1B,CAlDgB;;EAmDjC;AACF;AACA;EACEpB,WAAW,EAAEe,kBAAA,CAAUE,UAAV,CAAqBC,MAArB;AAtDoB,CAAnC;;eAyDe,IAAAW,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAuD9C,sBAAvD,C"}

package/dist/Banner/BannerWrapper/MessageContainer/MessageContainer.js

@@ -25,7 +25,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireWildcard(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _Typography = _interopRequireDefault(require("../../../Typography"));
 
@@ -33,7 +33,9 @@ var _ActionsGeneric = _interopRequireDefault(require("../../../ActionsGeneric"))
 
 var _utils = require("../../../utils");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -46,20 +48,25 @@ var MessageContainer = function MessageContainer(_ref) {
       actionsOnMessage = _ref.actionsOnMessage,
       actionsOnMessageCallback = _ref.actionsOnMessageCallback,
       message = _ref.message;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.iconContainer
-  }, icon), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    id: (0, _utils.setId)(id, "message-text"),
-    className: classes.message
-  }, message), actionsOnMessage && /*#__PURE__*/_react.default.createElement("div", {
-    id: (0, _utils.setId)(id, "message-actions"),
-    className: classes.actionMessageContainer
-  }, /*#__PURE__*/_react.default.createElement(_ActionsGeneric.default, {
-    id: id,
-    category: "semantic",
-    actions: actionsOnMessage,
-    actionsCallback: actionsOnMessageCallback
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.iconContainer,
+      children: icon
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      id: (0, _utils.setId)(id, "message-text"),
+      className: classes.message,
+      children: message
+    }), actionsOnMessage && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      id: (0, _utils.setId)(id, "message-actions"),
+      className: classes.actionMessageContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionsGeneric.default, {
+        id: id,
+        category: "semantic",
+        actions: actionsOnMessage,
+        actionsCallback: actionsOnMessageCallback
+      })
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? MessageContainer.propTypes = {
@@ -99,7 +106,7 @@ process.env.NODE_ENV !== "production" ? MessageContainer.propTypes = {
   actionsOnMessageCallback: _propTypes.default.func
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvMessageContainer"
 })(MessageContainer);
 

package/dist/Banner/BannerWrapper/MessageContainer/MessageContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageContainer.js","names":["MessageContainer","id","classes","icon","actionsOnMessage","actionsOnMessageCallback","message","iconContainer","setId","actionMessageContainer","propTypes","PropTypes","string","instanceOf","Object","node","oneOfType","arrayOf","shape","isRequired","label","func","disabled","bool","withStyles","styles","name"],"sources":["../../../../src/Banner/BannerWrapper/MessageContainer/MessageContainer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../../../Typography\";\nimport ActionsGeneric from \"../../../ActionsGeneric\";\nimport { setId } from \"../../../utils\";\nimport styles from \"./styles\";\n\nconst MessageContainer = ({\n  id,\n  classes,\n  icon,\n  actionsOnMessage,\n  actionsOnMessageCallback,\n  message,\n}) => (\n  <>\n    {icon && <div className={classes.iconContainer}>{icon}</div>}\n    <HvTypography id={setId(id, \"message-text\")} className={classes.message}>\n      {message}\n    </HvTypography>\n    {actionsOnMessage && (\n      <div id={setId(id, \"message-actions\")} className={classes.actionMessageContainer}>\n        <ActionsGeneric\n          id={id}\n          category=\"semantic\"\n          actions={actionsOnMessage}\n          actionsCallback={actionsOnMessageCallback}\n        />\n      </div>\n    )}\n  </>\n);\n\nMessageContainer.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the button.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * Icon to be presented.\n   */\n  icon: PropTypes.node,\n  /**\n   * The message to display.\n   */\n  message: PropTypes.node,\n  /**\n   * Actions to display on message.\n   */\n  actionsOnMessage: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   * The callback function ran when an action is triggered, receiving `actionsOnMessage` as param\n   */\n  actionsOnMessageCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvMessageContainer\" })(MessageContainer);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,IACvBC,EADuB,QACvBA,EADuB;EAAA,IAEvBC,OAFuB,QAEvBA,OAFuB;EAAA,IAGvBC,IAHuB,QAGvBA,IAHuB;EAAA,IAIvBC,gBAJuB,QAIvBA,gBAJuB;EAAA,IAKvBC,wBALuB,QAKvBA,wBALuB;EAAA,IAMvBC,OANuB,QAMvBA,OANuB;EAAA,oBAQvB,4DACGH,IAAI,iBAAI;IAAK,SAAS,EAAED,OAAO,CAACK;EAAxB,GAAwCJ,IAAxC,CADX,eAEE,6BAAC,mBAAD;IAAc,EAAE,EAAE,IAAAK,YAAA,EAAMP,EAAN,EAAU,cAAV,CAAlB;IAA6C,SAAS,EAAEC,OAAO,CAACI;EAAhE,GACGA,OADH,CAFF,EAKGF,gBAAgB,iBACf;IAAK,EAAE,EAAE,IAAAI,YAAA,EAAMP,EAAN,EAAU,iBAAV,CAAT;IAAuC,SAAS,EAAEC,OAAO,CAACO;EAA1D,gBACE,6BAAC,uBAAD;IACE,EAAE,EAAER,EADN;IAEE,QAAQ,EAAC,UAFX;IAGE,OAAO,EAAEG,gBAHX;IAIE,eAAe,EAAEC;EAJnB,EADF,CANJ,CARuB;AAAA,CAAzB;;AA0BA,wCAAAL,gBAAgB,CAACU,SAAjB,GAA6B;EAC3B;AACF;AACA;EACET,EAAE,EAAEU,kBAAA,CAAUC,MAJa;;EAK3B;AACF;AACA;EACEV,OAAO,EAAES,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,CARkB;;EAS3B;AACF;AACA;EACEX,IAAI,EAAEQ,kBAAA,CAAUI,IAZW;;EAa3B;AACF;AACA;EACET,OAAO,EAAEK,kBAAA,CAAUI,IAhBQ;;EAiB3B;AACF;AACA;EACEX,gBAAgB,EAAE,IAAAY,oBAAA,EAAU,CAC1BL,kBAAA,CAAUI,IADgB,EAE1BJ,kBAAA,CAAUM,OAAV,CACEN,kBAAA,CAAUO,KAAV,CAAgB;IACdjB,EAAE,EAAEU,kBAAA,CAAUC,MAAV,CAAiBO,UADP;IAEdC,KAAK,EAAET,kBAAA,CAAUC,MAAV,CAAiBO,UAFV;IAGdhB,IAAI,EAAEQ,kBAAA,CAAUU,IAHF;IAIdC,QAAQ,EAAEX,kBAAA,CAAUY;EAJN,CAAhB,CADF,CAF0B,CAAV,CApBS;;EA+B3B;AACF;AACA;EACElB,wBAAwB,EAAEM,kBAAA,CAAUU;AAlCT,CAA7B;;eAqCe,IAAAG,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAmD1B,gBAAnD,C"}
+{"version":3,"file":"MessageContainer.js","names":["MessageContainer","id","classes","icon","actionsOnMessage","actionsOnMessageCallback","message","iconContainer","setId","actionMessageContainer","propTypes","PropTypes","string","instanceOf","Object","node","oneOfType","arrayOf","shape","isRequired","label","func","disabled","bool","withStyles","styles","name"],"sources":["../../../../src/Banner/BannerWrapper/MessageContainer/MessageContainer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport HvTypography from \"../../../Typography\";\nimport ActionsGeneric from \"../../../ActionsGeneric\";\nimport { setId } from \"../../../utils\";\nimport styles from \"./styles\";\n\nconst MessageContainer = ({\n  id,\n  classes,\n  icon,\n  actionsOnMessage,\n  actionsOnMessageCallback,\n  message,\n}) => (\n  <>\n    {icon && <div className={classes.iconContainer}>{icon}</div>}\n    <HvTypography id={setId(id, \"message-text\")} className={classes.message}>\n      {message}\n    </HvTypography>\n    {actionsOnMessage && (\n      <div id={setId(id, \"message-actions\")} className={classes.actionMessageContainer}>\n        <ActionsGeneric\n          id={id}\n          category=\"semantic\"\n          actions={actionsOnMessage}\n          actionsCallback={actionsOnMessageCallback}\n        />\n      </div>\n    )}\n  </>\n);\n\nMessageContainer.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the button.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * Icon to be presented.\n   */\n  icon: PropTypes.node,\n  /**\n   * The message to display.\n   */\n  message: PropTypes.node,\n  /**\n   * Actions to display on message.\n   */\n  actionsOnMessage: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   * The callback function ran when an action is triggered, receiving `actionsOnMessage` as param\n   */\n  actionsOnMessageCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvMessageContainer\" })(MessageContainer);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,IACvBC,EADuB,QACvBA,EADuB;EAAA,IAEvBC,OAFuB,QAEvBA,OAFuB;EAAA,IAGvBC,IAHuB,QAGvBA,IAHuB;EAAA,IAIvBC,gBAJuB,QAIvBA,gBAJuB;EAAA,IAKvBC,wBALuB,QAKvBA,wBALuB;EAAA,IAMvBC,OANuB,QAMvBA,OANuB;EAAA,oBAQvB;IAAA,WACGH,IAAI,iBAAI;MAAK,SAAS,EAAED,OAAO,CAACK,aAAxB;MAAA,UAAwCJ;IAAxC,EADX,eAEE,qBAAC,mBAAD;MAAc,EAAE,EAAE,IAAAK,YAAA,EAAMP,EAAN,EAAU,cAAV,CAAlB;MAA6C,SAAS,EAAEC,OAAO,CAACI,OAAhE;MAAA,UACGA;IADH,EAFF,EAKGF,gBAAgB,iBACf;MAAK,EAAE,EAAE,IAAAI,YAAA,EAAMP,EAAN,EAAU,iBAAV,CAAT;MAAuC,SAAS,EAAEC,OAAO,CAACO,sBAA1D;MAAA,uBACE,qBAAC,uBAAD;QACE,EAAE,EAAER,EADN;QAEE,QAAQ,EAAC,UAFX;QAGE,OAAO,EAAEG,gBAHX;QAIE,eAAe,EAAEC;MAJnB;IADF,EANJ;EAAA,EARuB;AAAA,CAAzB;;AA0BA,wCAAAL,gBAAgB,CAACU,SAAjB,GAA6B;EAC3B;AACF;AACA;EACET,EAAE,EAAEU,kBAAA,CAAUC,MAJa;;EAK3B;AACF;AACA;EACEV,OAAO,EAAES,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,CARkB;;EAS3B;AACF;AACA;EACEX,IAAI,EAAEQ,kBAAA,CAAUI,IAZW;;EAa3B;AACF;AACA;EACET,OAAO,EAAEK,kBAAA,CAAUI,IAhBQ;;EAiB3B;AACF;AACA;EACEX,gBAAgB,EAAE,IAAAY,oBAAA,EAAU,CAC1BL,kBAAA,CAAUI,IADgB,EAE1BJ,kBAAA,CAAUM,OAAV,CACEN,kBAAA,CAAUO,KAAV,CAAgB;IACdjB,EAAE,EAAEU,kBAAA,CAAUC,MAAV,CAAiBO,UADP;IAEdC,KAAK,EAAET,kBAAA,CAAUC,MAAV,CAAiBO,UAFV;IAGdhB,IAAI,EAAEQ,kBAAA,CAAUU,IAHF;IAIdC,QAAQ,EAAEX,kBAAA,CAAUY;EAJN,CAAhB,CADF,CAF0B,CAAV,CApBS;;EA+B3B;AACF;AACA;EACElB,wBAAwB,EAAEM,kBAAA,CAAUU;AAlCT,CAA7B;;eAqCe,IAAAG,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAmD1B,gBAAnD,C"}

package/dist/BaseCheckBox/BaseCheckBox.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps, CheckboxProps } from "@material-ui/core";
+import { StandardProps, CheckboxProps } from "@mui/material";
 
 export type HvBaseCheckBoxClassKey = "root" | "disabled" | "focusVisible";
 

package/dist/BaseCheckBox/BaseCheckBox.js

@@ -1,17 +1,27 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
 
 require("core-js/modules/es.object.to-string.js");
 
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.array.iterator.js");
+
 require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.weak-map.js");
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -23,7 +33,7 @@ exports.getSelectorIcons = exports.default = void 0;
 
 require("core-js/modules/es.function.name.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -35,11 +45,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
 
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["classes", "className", "id", "name", "value", "required", "readOnly", "disabled", "checked", "indeterminate", "defaultChecked", "semantic", "onChange", "inputProps", "onFocusVisible", "onBlur"];
 
@@ -47,21 +61,25 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+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; }
+
+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) { (0, _defineProperty2.default)(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; }
+
 var getSelectorIcons = function getSelectorIcons(classes, options) {
   var disabled = options.disabled,
       semantic = options.semantic;
   var color = disabled && ["atmo3", "atmo5"] || semantic && ["base1", "base2"] || undefined;
   var checkedColor = disabled && ["atmo3", "atmo5"] || semantic && ["base2", "base1"] || undefined;
   return {
-    checkbox: /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Checkbox, {
+    checkbox: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Checkbox, {
       color: color,
       className: classes.icon
     }),
-    checkboxPartial: /*#__PURE__*/_react.default.createElement(_uikitReactIcons.CheckboxPartial, {
+    checkboxPartial: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.CheckboxPartial, {
       color: color,
       className: classes.icon
     }),
-    checkboxChecked: /*#__PURE__*/_react.default.createElement(_uikitReactIcons.CheckboxCheck, {
+    checkboxChecked: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.CheckboxCheck, {
       color: checkedColor,
       className: classes.icon
     })
@@ -125,7 +143,7 @@ var HvBaseCheckbox = function HvBaseCheckbox(props) {
 
     onChange === null || onChange === void 0 ? void 0 : onChange(evt, evt.target.checked, value);
   }, [onChange, readOnly, value]);
-  return /*#__PURE__*/_react.default.createElement(_core.Checkbox, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, _objectSpread({
     id: id,
     name: name,
     className: (0, _clsx.default)(className, classes.root, disabled && classes.disabled, focusVisible && classes.focusVisible),
@@ -254,7 +272,7 @@ process.env.NODE_ENV !== "production" ? HvBaseCheckbox.propTypes = {
   onBlur: _propTypes.default.func
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvBaseCheckbox"
 })(HvBaseCheckbox);
 

package/dist/BaseCheckBox/BaseCheckBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseCheckBox.js","names":["getSelectorIcons","classes","options","disabled","semantic","color","undefined","checkedColor","checkbox","icon","checkboxPartial","checkboxChecked","HvBaseCheckbox","props","className","id","name","value","required","readOnly","checked","indeterminate","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","useState","focusVisible","setFocusVisible","onFocusVisibleCallback","useCallback","evt","onBlurCallback","icons","onLocalChange","target","clsx","root","propTypes","PropTypes","string","shape","isRequired","any","bool","func","instanceOf","Object","withStyles","styles"],"sources":["../../src/BaseCheckBox/BaseCheckBox.js"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Checkbox, withStyles } from \"@material-ui/core\";\n\nimport {\n  Checkbox as CheckboxIcon,\n  CheckboxCheck,\n  CheckboxPartial,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n  const { disabled, semantic } = options;\n  const color = (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base1\", \"base2\"]) || undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base2\", \"base1\"]) || undefined;\n\n  return {\n    checkbox: <CheckboxIcon color={color} className={classes.icon} />,\n    checkboxPartial: <CheckboxPartial color={color} className={classes.icon} />,\n    checkboxChecked: <CheckboxCheck color={checkedColor} className={classes.icon} />,\n  };\n};\n\n/**\n * A Checkbox is a mechanism that allows user to select one or more options.\n *\n * The Base Checkbox is a building block of the Checkbox form element. Don't use unless\n * implementing a custom use case not covered by the Checkbox form element.\n */\nconst HvBaseCheckbox = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    checked,\n    indeterminate,\n    defaultChecked,\n\n    semantic = false,\n\n    onChange,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const icons = getSelectorIcons(classes, { disabled, semantic });\n\n  const onLocalChange = useCallback(\n    (evt) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <Checkbox\n      id={id}\n      name={name}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.focusVisible]: focusVisible,\n      })}\n      icon={icons.checkbox}\n      indeterminateIcon={icons.checkboxPartial}\n      checkedIcon={icons.checkboxChecked}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      indeterminate={indeterminate}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n\nHvBaseCheckbox.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the checkbox.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the checkbox when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Class applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the input.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the checkbox is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * Indicates that the input is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n   *\n   * When defined the checkbox state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n  /**\n   * If `true` the checkbox visually shows the indeterminate state.\n   */\n  indeterminate: PropTypes.bool,\n\n  /**\n   * The callback fired when the checkbox is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Whether the selector should use semantic colors.\n   */\n  semantic: PropTypes.bool,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvBaseCheckbox\" })(HvBaseCheckbox);\n"],"mappings":"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"}
+{"version":3,"file":"BaseCheckBox.js","names":["getSelectorIcons","classes","options","disabled","semantic","color","undefined","checkedColor","checkbox","icon","checkboxPartial","checkboxChecked","HvBaseCheckbox","props","className","id","name","value","required","readOnly","checked","indeterminate","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","useState","focusVisible","setFocusVisible","onFocusVisibleCallback","useCallback","evt","onBlurCallback","icons","onLocalChange","target","clsx","root","propTypes","PropTypes","string","shape","isRequired","any","bool","func","instanceOf","Object","withStyles","styles"],"sources":["../../src/BaseCheckBox/BaseCheckBox.js"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Checkbox } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n\nimport {\n  Checkbox as CheckboxIcon,\n  CheckboxCheck,\n  CheckboxPartial,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n  const { disabled, semantic } = options;\n  const color = (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base1\", \"base2\"]) || undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base2\", \"base1\"]) || undefined;\n\n  return {\n    checkbox: <CheckboxIcon color={color} className={classes.icon} />,\n    checkboxPartial: <CheckboxPartial color={color} className={classes.icon} />,\n    checkboxChecked: <CheckboxCheck color={checkedColor} className={classes.icon} />,\n  };\n};\n\n/**\n * A Checkbox is a mechanism that allows user to select one or more options.\n *\n * The Base Checkbox is a building block of the Checkbox form element. Don't use unless\n * implementing a custom use case not covered by the Checkbox form element.\n */\nconst HvBaseCheckbox = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    checked,\n    indeterminate,\n    defaultChecked,\n\n    semantic = false,\n\n    onChange,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const icons = getSelectorIcons(classes, { disabled, semantic });\n\n  const onLocalChange = useCallback(\n    (evt) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <Checkbox\n      id={id}\n      name={name}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.focusVisible]: focusVisible,\n      })}\n      icon={icons.checkbox}\n      indeterminateIcon={icons.checkboxPartial}\n      checkedIcon={icons.checkboxChecked}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      indeterminate={indeterminate}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n\nHvBaseCheckbox.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the checkbox.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the checkbox when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Class applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the input.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the checkbox is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * Indicates that the input is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n   *\n   * When defined the checkbox state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n  /**\n   * If `true` the checkbox visually shows the indeterminate state.\n   */\n  indeterminate: PropTypes.bool,\n\n  /**\n   * The callback fired when the checkbox is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Whether the selector should use semantic colors.\n   */\n  semantic: PropTypes.bool,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvBaseCheckbox\" })(HvBaseCheckbox);\n"],"mappings":"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"}

package/dist/BaseCheckBox/styles.js

@@ -36,7 +36,8 @@ var styles = function styles(theme) {
       cursor: "pointer",
       "&:hover": {
         backgroundColor: theme.hv.palette.atmosphere.atmo3
-      }
+      },
+      borderRadius: 0
     },
     disabled: {
       // ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled

package/dist/BaseCheckBox/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","padding","cursor","backgroundColor","hv","palette","atmosphere","atmo3","disabled","pointerEvents","fill","atmo5","focusVisible","outlineStyles"],"sources":["../../src/BaseCheckBox/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n  disabled: {\n    // ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled\n    \"$root&\": {\n      cursor: \"not-allowed\",\n      pointerEvents: \"initial\",\n    },\n    \"& svg\": {\n      \"& path:nth-child(2)\": {\n        fill: theme.hv.palette.atmosphere.atmo5,\n      },\n    },\n  },\n\n  focusVisible: {\n    \"& svg\": {\n      ...outlineStyles,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,CADL;MAEJC,MAAM,EAAE,SAFJ;MAGJ,WAAW;QACTC,eAAe,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;MADpC;IAHP,CADmB;IAQzBC,QAAQ,EAAE;MACR;MACA,UAAU;QACRN,MAAM,EAAE,aADA;QAERO,aAAa,EAAE;MAFP,CAFF;MAMR,SAAS;QACP,uBAAuB;UACrBC,IAAI,EAAEX,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BK;QADb;MADhB;IAND,CARe;IAqBzBC,YAAY,EAAE;MACZ,2BACKC,qBADL;IADY;EArBW,CAAZ;AAAA,CAAf;;eA4Bef,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","padding","cursor","backgroundColor","hv","palette","atmosphere","atmo3","borderRadius","disabled","pointerEvents","fill","atmo5","focusVisible","outlineStyles"],"sources":["../../src/BaseCheckBox/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    borderRadius: 0,\n  },\n  disabled: {\n    // ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled\n    \"$root&\": {\n      cursor: \"not-allowed\",\n      pointerEvents: \"initial\",\n    },\n    \"& svg\": {\n      \"& path:nth-child(2)\": {\n        fill: theme.hv.palette.atmosphere.atmo5,\n      },\n    },\n  },\n\n  focusVisible: {\n    \"& svg\": {\n      ...outlineStyles,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,CADL;MAEJC,MAAM,EAAE,SAFJ;MAGJ,WAAW;QACTC,eAAe,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;MADpC,CAHP;MAMJC,YAAY,EAAE;IANV,CADmB;IASzBC,QAAQ,EAAE;MACR;MACA,UAAU;QACRP,MAAM,EAAE,aADA;QAERQ,aAAa,EAAE;MAFP,CAFF;MAMR,SAAS;QACP,uBAAuB;UACrBC,IAAI,EAAEZ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BM;QADb;MADhB;IAND,CATe;IAsBzBC,YAAY,EAAE;MACZ,2BACKC,qBADL;IADY;EAtBW,CAAZ;AAAA,CAAf;;eA6BehB,M"}

package/dist/BaseDropdown/BaseDropdown.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
-import { PopperProps } from "@material-ui/core/Popper";
+import { StandardProps } from "@mui/material";
+import { PopperProps } from "@mui/material/Popper";
 
 export type HvBaseDropdownClassKey =
   | "root"

package/dist/BaseDropdown/BaseDropdown.js

@@ -39,8 +39,6 @@ require("core-js/modules/es.string.includes.js");
 
 require("core-js/modules/es.string.anchor.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -55,7 +53,9 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
 
 var _reactPopper = require("react-popper");
 
@@ -69,10 +69,12 @@ var _ = require("..");
 
 var _utils = require("../utils");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
 
 var _BaseDropdownContext = _interopRequireDefault(require("./BaseDropdownContext"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["id", "role", "classes", "className", "placeholder", "disabled", "readOnly", "expanded", "defaultExpanded", "placement", "popperProps", "onToggle", "onClickOutside", "onContainerCreation", "disablePortal", "component", "adornment", "children", "variableWidth", "dropdownHeaderProps", "dropdownHeaderRef"],
     _excluded2 = ["modifiers"];
 
@@ -255,7 +257,7 @@ var HvBaseDropdown = function HvBaseDropdown(_ref) {
       });
     }
 
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
       id: (0, _utils.setId)(id, "header"),
       className: (0, _clsx.default)(classes.header, isOpen && [classes.headerOpen, popperPlacement.includes("top") && classes.headerOpenUp, popperPlacement.includes("bottom") && classes.headerOpenDown], disabled && classes.headerDisabled, readOnly && classes.headerReadOnly),
       role: ariaRole === "combobox" ? "textbox" : undefined,
@@ -267,20 +269,24 @@ var HvBaseDropdown = function HvBaseDropdown(_ref) {
       "aria-labelledby": (_others$ariaLabelled = others["aria-labelledby"]) !== null && _others$ariaLabelled !== void 0 ? _others$ariaLabelled : undefined,
       tabIndex: disabled ? -1 : 0,
       ref: handleDropdownHeaderRef
-    }, dropdownHeaderProps), /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.selection
-    }, placeholder && typeof placeholder === "string" ? /*#__PURE__*/_react.default.createElement(_.HvTypography, {
-      noWrap: true,
-      className: (0, _clsx.default)(classes.placeholder, disabled && classes.selectionDisabled),
-      variant: "placeholderText"
-    }, placeholder) : placeholder), adornment || (isOpen ? /*#__PURE__*/_react.default.createElement(_uikitReactIcons.DropUpXS, {
-      iconSize: "XS",
-      className: classes.arrow
-    }) : /*#__PURE__*/_react.default.createElement(_uikitReactIcons.DropDownXS, {
-      iconSize: "XS",
-      className: classes.arrow,
-      color: disabled ? "atmo5" : undefined
-    })));
+    }, dropdownHeaderProps), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: classes.selection,
+        children: placeholder && typeof placeholder === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+          noWrap: true,
+          className: (0, _clsx.default)(classes.placeholder, disabled && classes.selectionDisabled),
+          variant: "placeholderText",
+          children: placeholder
+        }) : placeholder
+      }), adornment || (isOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.DropUpXS, {
+        iconSize: "XS",
+        className: classes.arrow
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.DropDownXS, {
+        iconSize: "XS",
+        className: classes.arrow,
+        color: disabled ? "atmo5" : undefined
+      }))]
+    }));
   }();
 
   var containerComponent = function () {
@@ -314,50 +320,58 @@ var HvBaseDropdown = function HvBaseDropdown(_ref) {
       }
     };
 
-    var container = /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    var container = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
       role: "tooltip",
       ref: setPopperElement,
       className: classes.container,
       style: popperStyles.popper
-    }, attributes.popper), /*#__PURE__*/_react.default.createElement(_core.ClickAwayListener, {
-      onClickAway: handleOutside
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      onKeyDown: handleContainerKeyDown
-    }, popperPlacement.includes("bottom") && /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        width: extensionWidth
-      },
-      className: (0, _clsx.default)(classes.inputExtensionOpen, popperPlacement.includes("end") && classes.inputExtensionLeftPosition)
-    }), /*#__PURE__*/_react.default.createElement(_BaseDropdownContext.default.Provider, {
-      value: popperMaxSize
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      id: (0, _utils.setId)(elementId, "children-container"),
-      className: classes.panel
-    }, children)), popperPlacement.includes("top") && /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        width: extensionWidth
-      },
-      className: (0, _clsx.default)(classes.inputExtensionOpen, classes.inputExtensionOpenShadow, popperPlacement.includes("start") && classes.inputExtensionFloatRight, popperPlacement.includes("end") && classes.inputExtensionFloatLeft)
-    }))));
-
+    }, attributes.popper), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ClickAwayListener, {
+        onClickAway: handleOutside,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          onKeyDown: handleContainerKeyDown,
+          children: [popperPlacement.includes("bottom") && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            style: {
+              width: extensionWidth
+            },
+            className: (0, _clsx.default)(classes.inputExtensionOpen, popperPlacement.includes("end") && classes.inputExtensionLeftPosition)
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseDropdownContext.default.Provider, {
+            value: popperMaxSize,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              id: (0, _utils.setId)(elementId, "children-container"),
+              className: classes.panel,
+              children: children
+            })
+          }), popperPlacement.includes("top") && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            style: {
+              width: extensionWidth
+            },
+            className: (0, _clsx.default)(classes.inputExtensionOpen, classes.inputExtensionOpenShadow, popperPlacement.includes("start") && classes.inputExtensionFloatRight, popperPlacement.includes("end") && classes.inputExtensionFloatLeft)
+          })]
+        })
+      })
+    }));
     if (disablePortal) return container;
     return /*#__PURE__*/_reactDom.default.createPortal(container, document.body);
   }();
 
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.root
-  }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    id: id,
-    role: ariaRole,
-    "aria-expanded": !!isOpen,
-    "aria-owns": isOpen ? (0, _utils.setId)(elementId, "children-container") : undefined,
-    className: (0, _clsx.default)(className, classes.anchor, disabled && classes.rootDisabled)
-  }, !readOnly && {
-    onKeyDown: handleToggle,
-    onClick: handleToggle
-  }, {
-    tabIndex: -1
-  }, others), headerComponent), isOpen ? containerComponent : null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classes.root,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread(_objectSpread({
+      id: id,
+      role: ariaRole,
+      "aria-expanded": !!isOpen,
+      "aria-owns": isOpen ? (0, _utils.setId)(elementId, "children-container") : undefined,
+      className: (0, _clsx.default)(className, classes.anchor, disabled && classes.rootDisabled)
+    }, !readOnly && {
+      onKeyDown: handleToggle,
+      onClick: handleToggle
+    }), {}, {
+      tabIndex: -1
+    }, others), {}, {
+      children: headerComponent
+    })), isOpen ? containerComponent : null]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvBaseDropdown.propTypes = {
@@ -578,7 +592,7 @@ process.env.NODE_ENV !== "production" ? HvBaseDropdown.propTypes = {
   dropdownHeaderRef: _utils.refType
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvBaseDropdown"
 })(HvBaseDropdown);