@hitachivantara/uikit-react-core 5.39.0 → 5.39.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -23,6 +23,7 @@ const HvDrawer = (props) => {
23
23
  anchor = "right",
24
24
  buttonTitle = "Close",
25
25
  showBackdrop = true,
26
+ hideBackdrop,
26
27
  disableBackdropClick = false,
27
28
  ...others
28
29
  } = useDefaultProps.useDefaultProps("HvDrawer", props);
@@ -39,21 +40,24 @@ const HvDrawer = (props) => {
39
40
  return;
40
41
  onClose?.(event, reason);
41
42
  };
43
+ const shouldHideBackdrop = hideBackdrop ?? !showBackdrop;
42
44
  return /* @__PURE__ */ jsxRuntime.jsxs(MuiDrawer__default.default, { className: cx(classes.root, className), id, anchor, open, PaperProps: {
43
45
  classes: {
44
46
  root: classes.paper
45
47
  }
46
- }, hideBackdrop: !showBackdrop, slotProps: {
47
- backdrop: {
48
- classes: {
49
- root: cx(css({
50
- background: hexToRgbA.hexToRgbA(colors?.atmo4 || uikitStyles.theme.colors.atmo4)
51
- }), classes.background)
52
- },
53
- onClick: (event) => {
54
- if (disableBackdropClick)
55
- return;
56
- onClose?.(event, "backdropClick");
48
+ }, hideBackdrop: shouldHideBackdrop, ...!shouldHideBackdrop && {
49
+ slotProps: {
50
+ backdrop: {
51
+ classes: {
52
+ root: cx(css({
53
+ background: hexToRgbA.hexToRgbA(colors?.atmo4 || uikitStyles.theme.colors.atmo4)
54
+ }), classes.background)
55
+ },
56
+ onClick: (event) => {
57
+ if (disableBackdropClick)
58
+ return;
59
+ onClose?.(event, "backdropClick");
60
+ }
57
61
  }
58
62
  }
59
63
  }, onClose: handleOnClose, ...others, children: [
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.cjs","sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import MuiDrawer, { DrawerProps as MuiDrawerProps } from \"@mui/material/Drawer\";\n\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { IconButton } from \"@core/utils/IconButton\";\nimport { setId } from \"@core/utils/setId\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { hexToRgbA } from \"@core/utils/hexToRgbA\";\n\nimport { staticClasses, useClasses } from \"./Drawer.styles\";\n\nexport { staticClasses as drawerClasses };\n\nexport type HvDrawerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDrawerProps extends Omit<MuiDrawerProps, \"classes\"> {\n /**\n * Class names to be applied.\n */\n className?: string;\n /**\n * Id to be applied to the root node.\n */\n id?: string;\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes?: HvDrawerClasses;\n /**\n * Components of the Drawer.\n */\n children?: React.ReactNode;\n /**\n * Current state of the Drawer.\n */\n open?: boolean;\n /**\n * Function executed on close.\n * Extended from Modal from material-ui\n *\n */\n onClose?: (\n event: React.SyntheticEvent,\n reason?: \"escapeKeyDown\" | \"backdropClick\"\n ) => void;\n /**\n * The side the drawer opens from.\n */\n anchor?: \"left\" | \"top\" | \"right\" | \"bottom\";\n /**\n * Title for the button close.\n */\n buttonTitle?: string;\n /**\n * Show backdrop when drawer is open.\n * @deprecated Use `hideBackdrop` instead.\n */\n showBackdrop?: boolean;\n /**\n * Prevent closing the dialog when clicking on the backdrop.\n */\n disableBackdropClick?: boolean;\n /** @ignore */\n ref?: MuiDrawerProps[\"ref\"];\n /** @ignore */\n component?: MuiDrawerProps[\"component\"];\n}\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nexport const HvDrawer = (props: HvDrawerProps) => {\n const {\n className,\n classes: classesProp,\n id,\n children,\n open,\n onClose,\n anchor = \"right\",\n buttonTitle = \"Close\",\n showBackdrop = true,\n disableBackdropClick = false,\n ...others\n } = useDefaultProps(\"HvDrawer\", props);\n\n const { classes, cx, css } = useClasses(classesProp);\n const { colors } = useTheme();\n\n const handleOnClose: MuiDrawerProps[\"onClose\"] = (\n event: React.SyntheticEvent,\n reason\n ) => {\n if (reason === \"backdropClick\" && disableBackdropClick) return;\n\n onClose?.(event, reason);\n };\n\n return (\n <MuiDrawer\n className={cx(classes.root, className)}\n id={id}\n anchor={anchor}\n open={open}\n PaperProps={{\n classes: {\n root: classes.paper,\n },\n }}\n hideBackdrop={!showBackdrop}\n slotProps={{\n backdrop: {\n classes: {\n root: cx(\n css({\n background: hexToRgbA(colors?.atmo4 || theme.colors.atmo4),\n }),\n classes.background\n ),\n },\n onClick: (event) => {\n if (disableBackdropClick) return;\n onClose?.(event, \"backdropClick\");\n },\n },\n }}\n onClose={handleOnClose}\n {...others}\n >\n <IconButton\n id={setId(id, \"close\")}\n className={classes.closeButton}\n variant=\"secondaryGhost\"\n onClick={onClose}\n title={buttonTitle}\n >\n <Close role=\"none\" />\n </IconButton>\n {children}\n </MuiDrawer>\n );\n};\n"],"names":["HvDrawer","props","className","classes","classesProp","id","children","open","onClose","anchor","buttonTitle","showBackdrop","disableBackdropClick","others","useDefaultProps","cx","css","useClasses","colors","useTheme","handleOnClose","event","reason","jsxs","MuiDrawer","root","paper","backdrop","background","hexToRgbA","atmo4","theme","onClick","jsx","IconButton","setId","closeButton","Close"],"mappings":";;;;;;;;;;;;;;AA8EaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,SAAS;AAAA,IACTC,cAAc;AAAA,IACdC,eAAe;AAAA,IACfC,uBAAuB;AAAA,IACvB,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,YAAYb,KAAK;AAE/B,QAAA;AAAA,IAAEE;AAAAA,IAASY;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,cAAAA,WAAWb,WAAW;AAC7C,QAAA;AAAA,IAAEc;AAAAA,MAAWC,SAAS,SAAA;AAEtBC,QAAAA,gBAA2CA,CAC/CC,OACAC,WACG;AACH,QAAIA,WAAW,mBAAmBV;AAAsB;AAExDJ,cAAUa,OAAOC,MAAM;AAAA,EAAA;AAIvB,SAAAC,2BAAA,KAACC,mBACC,SAAA,EAAA,WAAWT,GAAGZ,QAAQsB,MAAMvB,SAAS,GACrC,IACA,QACA,MACA,YAAY;AAAA,IACVC,SAAS;AAAA,MACPsB,MAAMtB,QAAQuB;AAAAA,IAChB;AAAA,EAAA,GAEF,cAAc,CAACf,cACf,WAAW;AAAA,IACTgB,UAAU;AAAA,MACRxB,SAAS;AAAA,QACPsB,MAAMV,GACJC,IAAI;AAAA,UACFY,YAAYC,UAAUX,UAAAA,QAAQY,SAASC,YAAAA,MAAMb,OAAOY,KAAK;AAAA,QAAA,CAC1D,GACD3B,QAAQyB,UACV;AAAA,MACF;AAAA,MACAI,SAAUX,CAAU,UAAA;AACdT,YAAAA;AAAsB;AAC1BJ,kBAAUa,OAAO,eAAe;AAAA,MAClC;AAAA,IACF;AAAA,EAEF,GAAA,SAASD,eACLP,GAAAA,QAEJ,UAAA;AAAA,IAAAoB,2BAAAA,IAACC,yBACC,IAAIC,YAAM9B,IAAI,OAAO,GACrB,WAAWF,QAAQiC,aACnB,SAAQ,kBACR,SAAS5B,SACT,OAAOE,aAEP,yCAAC2B,gBAAAA,OAAM,EAAA,MAAK,QAAM,EACpB,CAAA;AAAA,IACC/B;AAAAA,EACH,EAAA,CAAA;AAEJ;;;"}
1
+ {"version":3,"file":"Drawer.cjs","sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import MuiDrawer, { DrawerProps as MuiDrawerProps } from \"@mui/material/Drawer\";\n\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { IconButton } from \"@core/utils/IconButton\";\nimport { setId } from \"@core/utils/setId\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { hexToRgbA } from \"@core/utils/hexToRgbA\";\n\nimport { staticClasses, useClasses } from \"./Drawer.styles\";\n\nexport { staticClasses as drawerClasses };\n\nexport type HvDrawerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDrawerProps extends Omit<MuiDrawerProps, \"classes\"> {\n /**\n * Class names to be applied.\n */\n className?: string;\n /**\n * Id to be applied to the root node.\n */\n id?: string;\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes?: HvDrawerClasses;\n /**\n * Components of the Drawer.\n */\n children?: React.ReactNode;\n /**\n * Current state of the Drawer.\n */\n open?: boolean;\n /**\n * Function executed on close.\n * Extended from Modal from material-ui\n *\n */\n onClose?: (\n event: React.SyntheticEvent,\n reason?: \"escapeKeyDown\" | \"backdropClick\"\n ) => void;\n /**\n * The side the drawer opens from.\n */\n anchor?: \"left\" | \"top\" | \"right\" | \"bottom\";\n /**\n * Title for the button close.\n */\n buttonTitle?: string;\n /**\n * Show backdrop when drawer is open.\n * @deprecated Use `hideBackdrop` instead.\n */\n showBackdrop?: boolean;\n /**\n * Prevent closing the dialog when clicking on the backdrop.\n */\n disableBackdropClick?: boolean;\n /** @ignore */\n ref?: MuiDrawerProps[\"ref\"];\n /** @ignore */\n component?: MuiDrawerProps[\"component\"];\n}\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nexport const HvDrawer = (props: HvDrawerProps) => {\n const {\n className,\n classes: classesProp,\n id,\n children,\n open,\n onClose,\n anchor = \"right\",\n buttonTitle = \"Close\",\n showBackdrop = true,\n hideBackdrop,\n disableBackdropClick = false,\n ...others\n } = useDefaultProps(\"HvDrawer\", props);\n\n const { classes, cx, css } = useClasses(classesProp);\n const { colors } = useTheme();\n\n const handleOnClose: MuiDrawerProps[\"onClose\"] = (\n event: React.SyntheticEvent,\n reason\n ) => {\n if (reason === \"backdropClick\" && disableBackdropClick) return;\n\n onClose?.(event, reason);\n };\n\n const shouldHideBackdrop = hideBackdrop ?? !showBackdrop;\n\n return (\n <MuiDrawer\n className={cx(classes.root, className)}\n id={id}\n anchor={anchor}\n open={open}\n PaperProps={{\n classes: {\n root: classes.paper,\n },\n }}\n hideBackdrop={shouldHideBackdrop}\n {...(!shouldHideBackdrop && {\n slotProps: {\n backdrop: {\n classes: {\n root: cx(\n css({\n background: hexToRgbA(colors?.atmo4 || theme.colors.atmo4),\n }),\n classes.background\n ),\n },\n onClick: (event) => {\n if (disableBackdropClick) return;\n onClose?.(event, \"backdropClick\");\n },\n },\n },\n })}\n onClose={handleOnClose}\n {...others}\n >\n <IconButton\n id={setId(id, \"close\")}\n className={classes.closeButton}\n variant=\"secondaryGhost\"\n onClick={onClose}\n title={buttonTitle}\n >\n <Close role=\"none\" />\n </IconButton>\n {children}\n </MuiDrawer>\n );\n};\n"],"names":["HvDrawer","props","className","classes","classesProp","id","children","open","onClose","anchor","buttonTitle","showBackdrop","hideBackdrop","disableBackdropClick","others","useDefaultProps","cx","css","useClasses","colors","useTheme","handleOnClose","event","reason","shouldHideBackdrop","jsxs","MuiDrawer","root","paper","slotProps","backdrop","background","hexToRgbA","atmo4","theme","onClick","jsx","IconButton","setId","closeButton","Close"],"mappings":";;;;;;;;;;;;;;AA8EaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,SAAS;AAAA,IACTC,cAAc;AAAA,IACdC,eAAe;AAAA,IACfC;AAAAA,IACAC,uBAAuB;AAAA,IACvB,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,YAAYd,KAAK;AAE/B,QAAA;AAAA,IAAEE;AAAAA,IAASa;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,cAAAA,WAAWd,WAAW;AAC7C,QAAA;AAAA,IAAEe;AAAAA,MAAWC,SAAS,SAAA;AAEtBC,QAAAA,gBAA2CA,CAC/CC,OACAC,WACG;AACH,QAAIA,WAAW,mBAAmBV;AAAsB;AAExDL,cAAUc,OAAOC,MAAM;AAAA,EAAA;AAGnBC,QAAAA,qBAAqBZ,gBAAgB,CAACD;AAG1C,SAAAc,2BAAA,KAACC,mBACC,SAAA,EAAA,WAAWV,GAAGb,QAAQwB,MAAMzB,SAAS,GACrC,IACA,QACA,MACA,YAAY;AAAA,IACVC,SAAS;AAAA,MACPwB,MAAMxB,QAAQyB;AAAAA,IAChB;AAAA,EAEF,GAAA,cAAcJ,oBACd,GAAK,CAACA,sBAAsB;AAAA,IAC1BK,WAAW;AAAA,MACTC,UAAU;AAAA,QACR3B,SAAS;AAAA,UACPwB,MAAMX,GACJC,IAAI;AAAA,YACFc,YAAYC,UAAUb,UAAAA,QAAQc,SAASC,YAAAA,MAAMf,OAAOc,KAAK;AAAA,UAAA,CAC1D,GACD9B,QAAQ4B,UACV;AAAA,QACF;AAAA,QACAI,SAAUb,CAAU,UAAA;AACdT,cAAAA;AAAsB;AAC1BL,oBAAUc,OAAO,eAAe;AAAA,QAClC;AAAA,MACF;AAAA,IACF;AAAA,EAEF,GAAA,SAASD,eACLP,GAAAA,QAEJ,UAAA;AAAA,IAAAsB,2BAAAA,IAACC,yBACC,IAAIC,YAAMjC,IAAI,OAAO,GACrB,WAAWF,QAAQoC,aACnB,SAAQ,kBACR,SAAS/B,SACT,OAAOE,aAEP,yCAAC8B,gBAAAA,OAAM,EAAA,MAAK,QAAM,EACpB,CAAA;AAAA,IACClC;AAAAA,EACH,EAAA,CAAA;AAEJ;;;"}
@@ -20,6 +20,7 @@ const HvDrawer = (props) => {
20
20
  anchor = "right",
21
21
  buttonTitle = "Close",
22
22
  showBackdrop = true,
23
+ hideBackdrop,
23
24
  disableBackdropClick = false,
24
25
  ...others
25
26
  } = useDefaultProps("HvDrawer", props);
@@ -36,21 +37,24 @@ const HvDrawer = (props) => {
36
37
  return;
37
38
  onClose?.(event, reason);
38
39
  };
40
+ const shouldHideBackdrop = hideBackdrop ?? !showBackdrop;
39
41
  return /* @__PURE__ */ jsxs(MuiDrawer, { className: cx(classes.root, className), id, anchor, open, PaperProps: {
40
42
  classes: {
41
43
  root: classes.paper
42
44
  }
43
- }, hideBackdrop: !showBackdrop, slotProps: {
44
- backdrop: {
45
- classes: {
46
- root: cx(css({
47
- background: hexToRgbA(colors?.atmo4 || theme.colors.atmo4)
48
- }), classes.background)
49
- },
50
- onClick: (event) => {
51
- if (disableBackdropClick)
52
- return;
53
- onClose?.(event, "backdropClick");
45
+ }, hideBackdrop: shouldHideBackdrop, ...!shouldHideBackdrop && {
46
+ slotProps: {
47
+ backdrop: {
48
+ classes: {
49
+ root: cx(css({
50
+ background: hexToRgbA(colors?.atmo4 || theme.colors.atmo4)
51
+ }), classes.background)
52
+ },
53
+ onClick: (event) => {
54
+ if (disableBackdropClick)
55
+ return;
56
+ onClose?.(event, "backdropClick");
57
+ }
54
58
  }
55
59
  }
56
60
  }, onClose: handleOnClose, ...others, children: [
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.js","sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import MuiDrawer, { DrawerProps as MuiDrawerProps } from \"@mui/material/Drawer\";\n\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { IconButton } from \"@core/utils/IconButton\";\nimport { setId } from \"@core/utils/setId\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { hexToRgbA } from \"@core/utils/hexToRgbA\";\n\nimport { staticClasses, useClasses } from \"./Drawer.styles\";\n\nexport { staticClasses as drawerClasses };\n\nexport type HvDrawerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDrawerProps extends Omit<MuiDrawerProps, \"classes\"> {\n /**\n * Class names to be applied.\n */\n className?: string;\n /**\n * Id to be applied to the root node.\n */\n id?: string;\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes?: HvDrawerClasses;\n /**\n * Components of the Drawer.\n */\n children?: React.ReactNode;\n /**\n * Current state of the Drawer.\n */\n open?: boolean;\n /**\n * Function executed on close.\n * Extended from Modal from material-ui\n *\n */\n onClose?: (\n event: React.SyntheticEvent,\n reason?: \"escapeKeyDown\" | \"backdropClick\"\n ) => void;\n /**\n * The side the drawer opens from.\n */\n anchor?: \"left\" | \"top\" | \"right\" | \"bottom\";\n /**\n * Title for the button close.\n */\n buttonTitle?: string;\n /**\n * Show backdrop when drawer is open.\n * @deprecated Use `hideBackdrop` instead.\n */\n showBackdrop?: boolean;\n /**\n * Prevent closing the dialog when clicking on the backdrop.\n */\n disableBackdropClick?: boolean;\n /** @ignore */\n ref?: MuiDrawerProps[\"ref\"];\n /** @ignore */\n component?: MuiDrawerProps[\"component\"];\n}\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nexport const HvDrawer = (props: HvDrawerProps) => {\n const {\n className,\n classes: classesProp,\n id,\n children,\n open,\n onClose,\n anchor = \"right\",\n buttonTitle = \"Close\",\n showBackdrop = true,\n disableBackdropClick = false,\n ...others\n } = useDefaultProps(\"HvDrawer\", props);\n\n const { classes, cx, css } = useClasses(classesProp);\n const { colors } = useTheme();\n\n const handleOnClose: MuiDrawerProps[\"onClose\"] = (\n event: React.SyntheticEvent,\n reason\n ) => {\n if (reason === \"backdropClick\" && disableBackdropClick) return;\n\n onClose?.(event, reason);\n };\n\n return (\n <MuiDrawer\n className={cx(classes.root, className)}\n id={id}\n anchor={anchor}\n open={open}\n PaperProps={{\n classes: {\n root: classes.paper,\n },\n }}\n hideBackdrop={!showBackdrop}\n slotProps={{\n backdrop: {\n classes: {\n root: cx(\n css({\n background: hexToRgbA(colors?.atmo4 || theme.colors.atmo4),\n }),\n classes.background\n ),\n },\n onClick: (event) => {\n if (disableBackdropClick) return;\n onClose?.(event, \"backdropClick\");\n },\n },\n }}\n onClose={handleOnClose}\n {...others}\n >\n <IconButton\n id={setId(id, \"close\")}\n className={classes.closeButton}\n variant=\"secondaryGhost\"\n onClick={onClose}\n title={buttonTitle}\n >\n <Close role=\"none\" />\n </IconButton>\n {children}\n </MuiDrawer>\n );\n};\n"],"names":["HvDrawer","props","className","classes","classesProp","id","children","open","onClose","anchor","buttonTitle","showBackdrop","disableBackdropClick","others","useDefaultProps","cx","css","useClasses","colors","useTheme","handleOnClose","event","reason","root","paper","backdrop","background","hexToRgbA","atmo4","theme","onClick","setId","closeButton"],"mappings":";;;;;;;;;;;AA8EaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,SAAS;AAAA,IACTC,cAAc;AAAA,IACdC,eAAe;AAAA,IACfC,uBAAuB;AAAA,IACvB,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,YAAYb,KAAK;AAE/B,QAAA;AAAA,IAAEE;AAAAA,IAASY;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,WAAWb,WAAW;AAC7C,QAAA;AAAA,IAAEc;AAAAA,MAAWC,SAAS;AAEtBC,QAAAA,gBAA2CA,CAC/CC,OACAC,WACG;AACH,QAAIA,WAAW,mBAAmBV;AAAsB;AAExDJ,cAAUa,OAAOC,MAAM;AAAA,EAAA;AAIvB,SAAA,qBAAC,WACC,EAAA,WAAWP,GAAGZ,QAAQoB,MAAMrB,SAAS,GACrC,IACA,QACA,MACA,YAAY;AAAA,IACVC,SAAS;AAAA,MACPoB,MAAMpB,QAAQqB;AAAAA,IAChB;AAAA,EAAA,GAEF,cAAc,CAACb,cACf,WAAW;AAAA,IACTc,UAAU;AAAA,MACRtB,SAAS;AAAA,QACPoB,MAAMR,GACJC,IAAI;AAAA,UACFU,YAAYC,UAAUT,QAAQU,SAASC,MAAMX,OAAOU,KAAK;AAAA,QAAA,CAC1D,GACDzB,QAAQuB,UACV;AAAA,MACF;AAAA,MACAI,SAAUT,CAAU,UAAA;AACdT,YAAAA;AAAsB;AAC1BJ,kBAAUa,OAAO,eAAe;AAAA,MAClC;AAAA,IACF;AAAA,EAEF,GAAA,SAASD,eACLP,GAAAA,QAEJ,UAAA;AAAA,IAAA,oBAAC,cACC,IAAIkB,MAAM1B,IAAI,OAAO,GACrB,WAAWF,QAAQ6B,aACnB,SAAQ,kBACR,SAASxB,SACT,OAAOE,aAEP,8BAAC,OAAM,EAAA,MAAK,QAAM,EACpB,CAAA;AAAA,IACCJ;AAAAA,EACH,EAAA,CAAA;AAEJ;"}
1
+ {"version":3,"file":"Drawer.js","sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import MuiDrawer, { DrawerProps as MuiDrawerProps } from \"@mui/material/Drawer\";\n\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { IconButton } from \"@core/utils/IconButton\";\nimport { setId } from \"@core/utils/setId\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { hexToRgbA } from \"@core/utils/hexToRgbA\";\n\nimport { staticClasses, useClasses } from \"./Drawer.styles\";\n\nexport { staticClasses as drawerClasses };\n\nexport type HvDrawerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDrawerProps extends Omit<MuiDrawerProps, \"classes\"> {\n /**\n * Class names to be applied.\n */\n className?: string;\n /**\n * Id to be applied to the root node.\n */\n id?: string;\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes?: HvDrawerClasses;\n /**\n * Components of the Drawer.\n */\n children?: React.ReactNode;\n /**\n * Current state of the Drawer.\n */\n open?: boolean;\n /**\n * Function executed on close.\n * Extended from Modal from material-ui\n *\n */\n onClose?: (\n event: React.SyntheticEvent,\n reason?: \"escapeKeyDown\" | \"backdropClick\"\n ) => void;\n /**\n * The side the drawer opens from.\n */\n anchor?: \"left\" | \"top\" | \"right\" | \"bottom\";\n /**\n * Title for the button close.\n */\n buttonTitle?: string;\n /**\n * Show backdrop when drawer is open.\n * @deprecated Use `hideBackdrop` instead.\n */\n showBackdrop?: boolean;\n /**\n * Prevent closing the dialog when clicking on the backdrop.\n */\n disableBackdropClick?: boolean;\n /** @ignore */\n ref?: MuiDrawerProps[\"ref\"];\n /** @ignore */\n component?: MuiDrawerProps[\"component\"];\n}\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nexport const HvDrawer = (props: HvDrawerProps) => {\n const {\n className,\n classes: classesProp,\n id,\n children,\n open,\n onClose,\n anchor = \"right\",\n buttonTitle = \"Close\",\n showBackdrop = true,\n hideBackdrop,\n disableBackdropClick = false,\n ...others\n } = useDefaultProps(\"HvDrawer\", props);\n\n const { classes, cx, css } = useClasses(classesProp);\n const { colors } = useTheme();\n\n const handleOnClose: MuiDrawerProps[\"onClose\"] = (\n event: React.SyntheticEvent,\n reason\n ) => {\n if (reason === \"backdropClick\" && disableBackdropClick) return;\n\n onClose?.(event, reason);\n };\n\n const shouldHideBackdrop = hideBackdrop ?? !showBackdrop;\n\n return (\n <MuiDrawer\n className={cx(classes.root, className)}\n id={id}\n anchor={anchor}\n open={open}\n PaperProps={{\n classes: {\n root: classes.paper,\n },\n }}\n hideBackdrop={shouldHideBackdrop}\n {...(!shouldHideBackdrop && {\n slotProps: {\n backdrop: {\n classes: {\n root: cx(\n css({\n background: hexToRgbA(colors?.atmo4 || theme.colors.atmo4),\n }),\n classes.background\n ),\n },\n onClick: (event) => {\n if (disableBackdropClick) return;\n onClose?.(event, \"backdropClick\");\n },\n },\n },\n })}\n onClose={handleOnClose}\n {...others}\n >\n <IconButton\n id={setId(id, \"close\")}\n className={classes.closeButton}\n variant=\"secondaryGhost\"\n onClick={onClose}\n title={buttonTitle}\n >\n <Close role=\"none\" />\n </IconButton>\n {children}\n </MuiDrawer>\n );\n};\n"],"names":["HvDrawer","props","className","classes","classesProp","id","children","open","onClose","anchor","buttonTitle","showBackdrop","hideBackdrop","disableBackdropClick","others","useDefaultProps","cx","css","useClasses","colors","useTheme","handleOnClose","event","reason","shouldHideBackdrop","root","paper","slotProps","backdrop","background","hexToRgbA","atmo4","theme","onClick","setId","closeButton"],"mappings":";;;;;;;;;;;AA8EaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,SAAS;AAAA,IACTC,cAAc;AAAA,IACdC,eAAe;AAAA,IACfC;AAAAA,IACAC,uBAAuB;AAAA,IACvB,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,YAAYd,KAAK;AAE/B,QAAA;AAAA,IAAEE;AAAAA,IAASa;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,WAAWd,WAAW;AAC7C,QAAA;AAAA,IAAEe;AAAAA,MAAWC,SAAS;AAEtBC,QAAAA,gBAA2CA,CAC/CC,OACAC,WACG;AACH,QAAIA,WAAW,mBAAmBV;AAAsB;AAExDL,cAAUc,OAAOC,MAAM;AAAA,EAAA;AAGnBC,QAAAA,qBAAqBZ,gBAAgB,CAACD;AAG1C,SAAA,qBAAC,WACC,EAAA,WAAWK,GAAGb,QAAQsB,MAAMvB,SAAS,GACrC,IACA,QACA,MACA,YAAY;AAAA,IACVC,SAAS;AAAA,MACPsB,MAAMtB,QAAQuB;AAAAA,IAChB;AAAA,EAEF,GAAA,cAAcF,oBACd,GAAK,CAACA,sBAAsB;AAAA,IAC1BG,WAAW;AAAA,MACTC,UAAU;AAAA,QACRzB,SAAS;AAAA,UACPsB,MAAMT,GACJC,IAAI;AAAA,YACFY,YAAYC,UAAUX,QAAQY,SAASC,MAAMb,OAAOY,KAAK;AAAA,UAAA,CAC1D,GACD5B,QAAQ0B,UACV;AAAA,QACF;AAAA,QACAI,SAAUX,CAAU,UAAA;AACdT,cAAAA;AAAsB;AAC1BL,oBAAUc,OAAO,eAAe;AAAA,QAClC;AAAA,MACF;AAAA,IACF;AAAA,EAEF,GAAA,SAASD,eACLP,GAAAA,QAEJ,UAAA;AAAA,IAAA,oBAAC,cACC,IAAIoB,MAAM7B,IAAI,OAAO,GACrB,WAAWF,QAAQgC,aACnB,SAAQ,kBACR,SAAS3B,SACT,OAAOE,aAEP,8BAAC,OAAM,EAAA,MAAK,QAAM,EACpB,CAAA;AAAA,IACCJ;AAAAA,EACH,EAAA,CAAA;AAEJ;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hitachivantara/uikit-react-core",
3
- "version": "5.39.0",
3
+ "version": "5.39.1",
4
4
  "private": false,
5
5
  "author": "Hitachi Vantara UI Kit Team",
6
6
  "description": "Core React components for the NEXT Design System.",
@@ -64,7 +64,7 @@
64
64
  "access": "public",
65
65
  "directory": "package"
66
66
  },
67
- "gitHead": "b47d19dfbd05bfae281a94e46869eaf9a787d14c",
67
+ "gitHead": "48bb27e38151ed545a9524e756e8829b8dcc173b",
68
68
  "main": "dist/cjs/index.cjs",
69
69
  "exports": {
70
70
  ".": {