@infonomic/uikit 6.2.0 → 6.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/components/hamburger/hamburger.d.ts.map +1 -1
  2. package/dist/components/hamburger/hamburger.js +2 -1
  3. package/dist/widgets/drawer/drawer.d.ts +2 -1
  4. package/dist/widgets/drawer/drawer.d.ts.map +1 -1
  5. package/dist/widgets/drawer/drawer.js +2 -2
  6. package/package.json +1 -1
  7. package/src/components/hamburger/hamburger.tsx +2 -1
  8. package/src/widgets/drawer/drawer.tsx +4 -1
package/dist/components/hamburger/hamburger.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"hamburger.d.ts","sourceRoot":"","sources":["../../../src/components/hamburger/hamburger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,KAAK,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEhD,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,WAAoB,EACpB,IAAY,EACZ,QAAQ,EACR,SAAyB,EACzB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6CpC"}
1
+ {"version":3,"file":"hamburger.d.ts","sourceRoot":"","sources":["../../../src/components/hamburger/hamburger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,KAAK,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEhD,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,WAAoB,EACpB,IAAY,EACZ,QAAQ,EACR,SAAyB,EACzB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8CpC"}
package/dist/components/hamburger/hamburger.js CHANGED
@@ -4,7 +4,8 @@ import { useCallback, useEffect } from "react";
4
4
  import classnames from "classnames";
5
5
  import hamburger_module from "./hamburger.module.js";
6
6
  function Hamburger({ className, colorScheme = 'auto', open = false, onChange, ariaLabel = 'Toggle menu', ariaControls, ...other }) {
7
- const handleClick = ()=>{
7
+ const handleClick = (event)=>{
8
+ event.stopPropagation();
8
9
  onChange?.(!open);
9
10
  };
10
11
  const handleEscapeKey = useCallback((event)=>{
package/dist/widgets/drawer/drawer.d.ts CHANGED
@@ -9,9 +9,10 @@ export interface DrawerProps {
9
9
  children: ReactNode;
10
10
  width?: 'narrow' | 'medium' | 'wide';
11
11
  topOffset?: string;
12
+ className?: string;
12
13
  }
13
14
  declare const Drawer: {
14
- ({ id, isOpen, onDismiss, closeOnOverlayClick, children, width, topOffset, }: DrawerProps): import("react").JSX.Element;
15
+ ({ id, isOpen, onDismiss, closeOnOverlayClick, children, width, topOffset, className, }: DrawerProps): import("react").JSX.Element;
15
16
  displayName: string;
16
17
  Container: typeof DrawerContainer;
17
18
  Content: typeof DrawerContent;
package/dist/widgets/drawer/drawer.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/widgets/drawer/drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAWhD,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,OAAO,CAAA;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,MAAM;kFAQT,WAAW;;;;;WA3B+B,CAAC;;;WAChC,CAAC;;CAwEd,CAAA;AASD,OAAO,EAAE,MAAM,EAAE,CAAA"}
1
+ {"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/widgets/drawer/drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAWhD,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,OAAO,CAAA;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,MAAM;6FAST,WAAW;;;;;WA7B+B,CAAC;;;WAChC,CAAC;;CA2Ed,CAAA;AASD,OAAO,EAAE,MAAM,EAAE,CAAA"}
package/dist/widgets/drawer/drawer.js CHANGED
@@ -10,7 +10,7 @@ import { useDrawer } from "./drawer-context.js";
10
10
  import { DrawerHeader } from "./drawer-header.js";
11
11
  import { DrawerTopActions } from "./drawer-top-actions.js";
12
12
  const typedStyles = drawer_module;
13
- const drawer_Drawer = ({ id, isOpen, onDismiss, closeOnOverlayClick, children, width = 'narrow', topOffset = '0' })=>{
13
+ const drawer_Drawer = ({ id, isOpen, onDismiss, closeOnOverlayClick, children, width = 'narrow', topOffset = '0', className })=>{
14
14
  const { addDrawer, removeDrawer, drawers } = useDrawer();
15
15
  const depth = drawers.indexOf(id);
16
16
  useEffect(()=>{
@@ -41,7 +41,7 @@ const drawer_Drawer = ({ id, isOpen, onDismiss, closeOnOverlayClick, children, w
41
41
  } : void 0
42
42
  }),
43
43
  /*#__PURE__*/ jsx(Drawer.Popup, {
44
- className: classnames('infonomic-drawer-wrapper', drawer_module["drawer-wrapper"], typedStyles[`drawer-${width}`], typedStyles[`drawer-depth-${depth.toString()}`]),
44
+ className: classnames('infonomic-drawer-wrapper', drawer_module["drawer-wrapper"], typedStyles[`drawer-${width}`], typedStyles[`drawer-depth-${depth.toString()}`], className),
45
45
  style: hasTopOffset ? {
46
46
  top: topOffset
47
47
  } : void 0,
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@infonomic/uikit",
3
3
  "private": false,
4
4
  "license": "MIT",
5
- "version": "6.2.0",
5
+ "version": "6.2.2",
6
6
  "type": "module",
7
7
  "description": "Infonomic UI kit is a collection of reusable UI components and utilities for React and Astro.",
8
8
  "keywords": [
package/src/components/hamburger/hamburger.tsx CHANGED
@@ -27,7 +27,8 @@ export function Hamburger({
27
27
  ariaControls,
28
28
  ...other
29
29
  }: HamburgerProps): React.JSX.Element {
30
- const handleClick = (): void => {
30
+ const handleClick = (event: React.MouseEvent): void => {
31
+ event.stopPropagation()
31
32
  onChange?.(!open)
32
33
  }
33
34
 
package/src/widgets/drawer/drawer.tsx CHANGED
@@ -27,6 +27,7 @@ export interface DrawerProps {
27
27
  children: ReactNode
28
28
  width?: 'narrow' | 'medium' | 'wide'
29
29
  topOffset?: string
30
+ className?: string
30
31
  }
31
32
 
32
33
  const Drawer = ({
@@ -37,6 +38,7 @@ const Drawer = ({
37
38
  children,
38
39
  width = 'narrow',
39
40
  topOffset = '0',
41
+ className,
40
42
  }: DrawerProps) => {
41
43
  const { addDrawer, removeDrawer, drawers } = useDrawer()
42
44
  const depth = drawers.indexOf(id)
@@ -74,7 +76,8 @@ const Drawer = ({
74
76
  'infonomic-drawer-wrapper',
75
77
  styles['drawer-wrapper'],
76
78
  typedStyles[`drawer-${width}`],
77
- typedStyles[`drawer-depth-${depth.toString()}`]
79
+ typedStyles[`drawer-depth-${depth.toString()}`],
80
+ className
78
81
  )}
79
82
  style={hasTopOffset ? { top: topOffset } : undefined}
80
83
  >