newskit 6.7.0 → 6.8.0

package/esm/image/image.js

@@ -33,7 +33,7 @@ import defaults from './defaults';
 import stylePresets from './style-presets';
 import { withOwnTheme } from '../utils/with-own-theme';
 var ImageComponent = React.forwardRef(function (_a, ref) {
-    var loadingAspectRatio = _a.loadingAspectRatio, _b = _a.placeholderIcon, placeholderIcon = _b === void 0 ? false : _b, _c = _a.overrides, overrides = _c === void 0 ? {} : _c, _d = _a.renderOnServer, renderOnServer = _d === void 0 ? false : _d, loading = _a.loading, src = _a.src, _e = _a.sources, sources = _e === void 0 ? [] : _e, props = __rest(_a, ["loadingAspectRatio", "placeholderIcon", "overrides", "renderOnServer", "loading", "src", "sources"]);
+    var width = _a.width, height = _a.height, loadingAspectRatio = _a.loadingAspectRatio, _b = _a.placeholderIcon, placeholderIcon = _b === void 0 ? false : _b, _c = _a.overrides, overrides = _c === void 0 ? {} : _c, _d = _a.renderOnServer, renderOnServer = _d === void 0 ? false : _d, loading = _a.loading, src = _a.src, _e = _a.sources, sources = _e === void 0 ? [] : _e, props = __rest(_a, ["width", "height", "loadingAspectRatio", "placeholderIcon", "overrides", "renderOnServer", "loading", "src", "sources"]);
     var imageRef = useRef(null);
     var _f = useState(!renderOnServer), isLoading = _f[0], setIsLoading = _f[1];
     var _g = useState(false), hasError = _g[0], setError = _g[1];
@@ -83,7 +83,7 @@ var ImageComponent = React.forwardRef(function (_a, ref) {
         showLoading() && (React.createElement(StyledLoadingContainer, null, placeholderIcon && (React.createElement(StyledIconContainer, null,
             React.createElement(PlaceholderComponent, __assign({}, placeholderProps)))))),
         React.createElement(Sources, { sources: sources }),
-        React.createElement(StyledImage, __assign({}, props, { onLoad: onLoad, onError: onError, isLoading: showLoading(), loading: loading, overrides: overrides, loadingAspectRatio: loadingAspectRatio, ref: composeRefs(imageRef, ref), src: currentSrc }))));
+        React.createElement(StyledImage, __assign({}, props, { width: width, height: height, onLoad: onLoad, onError: onError, isLoading: showLoading(), loading: loading, overrides: overrides, loadingAspectRatio: loadingAspectRatio, ref: composeRefs(imageRef, ref), src: currentSrc }))));
 });
 var ThemelessImage = React.memo(ImageComponent, dequal);
 export var Image = withOwnTheme(ThemelessImage)({ defaults: defaults, stylePresets: stylePresets });

package/esm/image/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/image/image.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/image/image.tsx"],"names":[],"mappings":"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"}

package/esm/image/types.d.ts

@@ -6,21 +6,19 @@ import { BreakpointKeys } from '../theme/types';
 import { Override } from '../utils/overrides';
 import { LogicalMarginProps } from '../utils/logical-properties';
 declare type LoadingType = 'lazy' | 'eager';
-interface HTMLImageElementWithNoSizes extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'height' | 'width'> {
-}
-export declare type ImageCommonProps = {
+export interface ImageCommonProps extends React.ImgHTMLAttributes<HTMLImageElement> {
     isLoading?: boolean;
     loadingAspectRatio?: MQ<string>;
     overrides?: {
         height?: MQ<HeightProperty<string>>;
         width?: MQ<WidthProperty<string>>;
     } & LogicalMarginProps;
-};
+}
 interface ImageAlignmentProps {
     fit?: ObjectFitProperty;
     position?: ObjectPositionProperty<string>;
 }
-export interface StyledImageProps extends HTMLImageElementWithNoSizes, ImageAlignmentProps, ImageCommonProps {
+export interface StyledImageProps extends React.ImgHTMLAttributes<HTMLImageElement>, ImageAlignmentProps, ImageCommonProps {
     loading?: LoadingType;
     overrides?: {
         maxHeight?: MQ<MaxHeightProperty<string>>;
@@ -32,7 +30,7 @@ export interface StyledPictureProps extends ImageCommonProps {
         stylePreset?: MQ<string>;
     } & ImageCommonProps['overrides'];
 }
-export interface ImageProps extends HTMLImageElementWithNoSizes, ImageAlignmentProps {
+export interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement>, ImageAlignmentProps {
     placeholderIcon?: boolean;
     loadingAspectRatio?: MQ<string>;
     renderOnServer?: boolean;

package/esm/image/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/image/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,kBAAkB,EAAC,MAAM,6BAA6B,CAAC;AAE/D,aAAK,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpC,UAAU,2BACR,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAAG;AAEhF,oBAAY,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;QACpC,KAAK,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;KACnC,GAAG,kBAAkB,CAAC;CACxB,CAAC;AAEF,UAAU,mBAAmB;IAC3B,GAAG,CAAC,EAAE,iBAAiB,CAAC;IACxB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC;CAC3C;AACD,MAAM,WAAW,gBACf,SAAQ,2BAA2B,EACjC,mBAAmB,EACnB,gBAAgB;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;QAC1C,QAAQ,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;KACzC,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACnC;AACD,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IAC1D,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACnC;AACD,MAAM,WAAW,UACf,SAAQ,2BAA2B,EACjC,mBAAmB;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;QAC1C,QAAQ,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;QACxC,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,eAAe,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;KAC9C,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACpE,KAAK,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC;CACjC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/image/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,kBAAkB,EAAC,MAAM,6BAA6B,CAAC;AAE/D,aAAK,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpC,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;QACpC,KAAK,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;KACnC,GAAG,kBAAkB,CAAC;CACxB;AAED,UAAU,mBAAmB;IAC3B,GAAG,CAAC,EAAE,iBAAiB,CAAC;IACxB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC;CAC3C;AACD,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAC/C,mBAAmB,EACnB,gBAAgB;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;QAC1C,QAAQ,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;KACzC,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACnC;AACD,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IAC1D,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACnC;AACD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAC/C,mBAAmB;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;QAC1C,QAAQ,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;QACxC,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,eAAe,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;KAC9C,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACpE,KAAK,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC;CACjC"}

package/esm/image/utils.d.ts

@@ -2,7 +2,7 @@ import { BreakpointKeys } from '../theme/types';
 import { CSSObject } from '../utils/style';
 import { ThemeProp } from '../utils/style-types';
 import { ImageCommonProps } from './types';
-export declare const getResponsiveAspectRatioFromProps: ({ overrides, ...props }: ImageCommonProps & ThemeProp, handler: (values: {
+export declare const getResponsiveAspectRatioFromProps: ({ width: propWidth, height: propHeight, overrides, ...props }: ImageCommonProps & ThemeProp, handler: (values: {
     width: string;
     height: string;
     paddingTop: string;

package/esm/image/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/image/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,iCAAiC,4BACrB,gBAAgB,GAAG,SAAS,oBACjC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB,KAAK,MAAM,GAAG,SAAS,KACvB,MAAM,GAAG,SAkCX,CAAC;AAEF,eAAO,MAAM,aAAa,aACd,MAAM,OAAO,GAAG,IAAI,UACtB,MAAM,SAAS,CAAC,gBAAgB,CAAC,SAQ1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,YACnB,cAAc,OAClB,cAAc,EAAE,KACpB,cAAc,GAAG,SAGnB,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/image/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,iCAAiC,kEAMzC,gBAAgB,GAAG,SAAS,oBACb;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB,KAAK,MAAM,GAAG,SAAS,KACvB,MAAM,GAAG,SAiCX,CAAC;AAEF,eAAO,MAAM,aAAa,aACd,MAAM,OAAO,GAAG,IAAI,UACtB,MAAM,SAAS,CAAC,gBAAgB,CAAC,SAQ1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,YACnB,cAAc,OAClB,cAAc,EAAE,KACpB,cAAc,GAAG,SAGnB,CAAC"}

package/esm/image/utils.js

@@ -24,11 +24,9 @@ import { useEffect } from 'react';
 import { getAspectRatioStyles } from '../utils/get-aspect-ratio';
 import { handleResponsiveProp } from '../utils/style/getters';
 export var getResponsiveAspectRatioFromProps = function (_a, handler) {
-    var overrides = _a.overrides, props = __rest(_a, ["overrides"]);
-    /* istanbul ignore next */
-    var overridesWidth = overrides === null || overrides === void 0 ? void 0 : overrides.width;
-    /* istanbul ignore next */
-    var overridesHeight = overrides === null || overrides === void 0 ? void 0 : overrides.height;
+    var propWidth = _a.width, propHeight = _a.height, overrides = _a.overrides, props = __rest(_a, ["width", "height", "overrides"]);
+    var imgWidth = overrides && overrides.width;
+    var imgHeight = overrides && overrides.height;
     return handleResponsiveProp({
         width: '100%',
         height: 'auto',
@@ -41,12 +39,13 @@ export var getResponsiveAspectRatioFromProps = function (_a, handler) {
             width: width,
         }), aspectWidth = _b.width, aspectHeight = _b.height, paddingTop = _b.paddingTop;
         var responsiveProps = {
-            height: aspectHeight || 'auto',
-            width: aspectWidth || '100%',
+            height: aspectHeight || (!propHeight && 'auto'),
+            width: aspectWidth || (!propWidth && '100%'),
             paddingTop: paddingTop || '0',
         };
+        // @ts-ignore
         return handler(responsiveProps);
-    })(__assign({ width: overridesWidth, height: overridesHeight }, props));
+    })(__assign({ width: imgWidth, height: imgHeight }, props));
 };
 export var useClientSide = function (callback, imgRef) {
     useEffect(function () {

package/esm/image/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/image/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAG/D,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAG5D,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAC/C,EAAmD,EACnD,OAIwB;IALvB,IAAA,SAAS,eAAA,EAAK,KAAK,cAApB,aAAqB,CAAD;IAOpB,0BAA0B;IAC1B,IAAM,cAAc,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,CAAC;IACxC,0BAA0B;IAC1B,IAAM,eAAe,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,CAAC;IAE1C,OAAO,oBAAoB,CACzB;QACE,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,kBAAkB,EAAE,EAAE;KACvB,EACD,UAAC,EAAmC;YAAlC,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,kBAAkB,wBAAA;QAC3B,IAAA,KAIF,oBAAoB,CAAC;YACvB,WAAW,EAAE,kBAAkB;YAC/B,MAAM,QAAA;YACN,KAAK,OAAA;SACN,CAAC,EAPO,WAAW,WAAA,EACV,YAAY,YAAA,EACpB,UAAU,gBAKV,CAAC;QACH,IAAM,eAAe,GAAG;YACtB,MAAM,EAAE,YAAY,IAAI,MAAM;YAC9B,KAAK,EAAE,WAAW,IAAI,MAAM;YAC5B,UAAU,EAAE,UAAU,IAAI,GAAG;SAC9B,CAAC;QACF,OAAO,OAAO,CAAC,eAAe,CAAC,CAAC;IAClC,CAAC,CACF,CAAC,WACA,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,eAAe,IACpB,KAAK,CACI,CAAC,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,UAC3B,QAA8B,EAC9B,MAAyC;IAEzC,SAAS,CAAC;QACR,IAAM,YAAY,GAAG,MAAM,CAAC,OAAQ,CAAC;QACrC,IAAI,YAAY,IAAI,YAAY,CAAC,QAAQ,EAAE;YACzC,QAAQ,EAAE,CAAC;SACZ;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAC/B,OAAuB,EACvB,GAAqB;IAErB,IAAM,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C,OAAO,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;AAC/B,CAAC,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/image/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAG/D,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAG5D,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAC/C,EAK+B,EAC/B,OAIwB;IATtB,IAAO,SAAS,WAAA,EACR,UAAU,YAAA,EAClB,SAAS,eAAA,EACN,KAAK,cAJV,gCAKC,CADS;IAQV,IAAM,QAAQ,GAAG,SAAS,IAAI,SAAS,CAAC,KAAK,CAAC;IAC9C,IAAM,SAAS,GAAG,SAAS,IAAI,SAAS,CAAC,MAAM,CAAC;IAEhD,OAAO,oBAAoB,CACzB;QACE,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,kBAAkB,EAAE,EAAE;KACvB,EACD,UAAC,EAAmC;YAAlC,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,kBAAkB,wBAAA;QAC3B,IAAA,KAIF,oBAAoB,CAAC;YACvB,WAAW,EAAE,kBAAkB;YAC/B,MAAM,QAAA;YACN,KAAK,OAAA;SACN,CAAC,EAPO,WAAW,WAAA,EACV,YAAY,YAAA,EACpB,UAAU,gBAKV,CAAC;QACH,IAAM,eAAe,GAAG;YACtB,MAAM,EAAE,YAAY,IAAI,CAAC,CAAC,UAAU,IAAI,MAAM,CAAC;YAC/C,KAAK,EAAE,WAAW,IAAI,CAAC,CAAC,SAAS,IAAI,MAAM,CAAC;YAC5C,UAAU,EAAE,UAAU,IAAI,GAAG;SAC9B,CAAC;QACF,aAAa;QACb,OAAO,OAAO,CAAC,eAAe,CAAC,CAAC;IAClC,CAAC,CACF,CAAC,WACA,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,SAAS,IACd,KAAK,CACI,CAAC,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,UAC3B,QAA8B,EAC9B,MAAyC;IAEzC,SAAS,CAAC;QACR,IAAM,YAAY,GAAG,MAAM,CAAC,OAAQ,CAAC;QACrC,IAAI,YAAY,IAAI,YAAY,CAAC,QAAQ,EAAE;YACzC,QAAQ,EAAE,CAAC;SACZ;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAC/B,OAAuB,EACvB,GAAqB;IAErB,IAAM,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C,OAAO,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;AAC/B,CAAC,CAAC"}

package/esm/link/style-presets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/link/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAG3C,wBA4FiC"}
+{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/link/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAG3C,wBA6FiC"}

package/esm/link/style-presets.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/link/style-presets.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,mBAAmB,EAAC,MAAM,gCAAgC,CAAC;AAEnE,eAAe;IACb,cAAc,EAAE;QACd,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,MAAM;SACvB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE,mBAAmB;KACrC;IACD,qBAAqB,EAAE;QACrB,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,MAAM;SACvB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE,mBAAmB;KACrC;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE;YACf,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE,mBAAmB;KACrC;IACD,iBAAiB,EAAE;QACjB,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE;YACf,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;SAC9C;QACD,eAAe,EAAE,mBAAmB;KACrC;CAC6B,CAAC"}
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/link/style-presets.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,mBAAmB,EAAC,MAAM,gCAAgC,CAAC;AAEnE,eAAe;IACb,cAAc,EAAE;QACd,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,MAAM;SACvB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE,mBAAmB;KACrC;IACD,qBAAqB,EAAE;QACrB,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,MAAM;SACvB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE,mBAAmB;KACrC;IAED,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE;YACf,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE,mBAAmB;KACrC;IACD,iBAAiB,EAAE;QACjB,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE;YACf,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;SAC9C;QACD,eAAe,EAAE,mBAAmB;KACrC;CAC6B,CAAC"}

package/esm/link/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/link/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,cAAc,SAAU,MAAM,YAU1C,CAAC;AAEF,eAAO,MAAM,aAAa,2JAEgC,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/link/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,cAAc,SAAU,MAAM,YAW1C,CAAC;AAEF,eAAO,MAAM,aAAa,2JAEgC,CAAC"}

package/esm/link/utils.js

@@ -2,7 +2,7 @@ import defaults from './defaults';
 import stylePresets from './style-presets';
 import { withOwnTheme } from '../utils/with-own-theme';
 export var isLinkExternal = function (href) {
-    var hostName = href.match(/^https?:\/\/(?:www\.)?([^/?#]+)(?:[/?#]|$)/i);
+    var hostName = href && href.match(/^https?:\/\/(?:www\.)?([^/?#]+)(?:[/?#]|$)/i);
     if (hostName && typeof window !== 'undefined') {
         var hostLocation = window.location.host;
         if (hostName[1] !== hostLocation.replace('www.', '')) {

package/esm/link/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/link/utils.tsx"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAErD,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,IAAY;IACzC,IAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,6CAA6C,CAAC,CAAC;IAE3E,IAAI,QAAQ,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAC7C,IAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;QAC1C,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE;YACpD,OAAO,IAAI,CAAC;SACb;KACF;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,UAC3B,aAA0E,IACvE,OAAA,YAAY,CAAC,aAAa,CAAC,CAAC,EAAC,QAAQ,UAAA,EAAE,YAAY,cAAA,EAAC,CAAC,EAArD,CAAqD,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/link/utils.tsx"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAErD,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,IAAY;IACzC,IAAM,QAAQ,GACZ,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,6CAA6C,CAAC,CAAC;IAEpE,IAAI,QAAQ,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAC7C,IAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;QAC1C,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE;YACpD,OAAO,IAAI,CAAC;SACb;KACF;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,UAC3B,aAA0E,IACvE,OAAA,YAAY,CAAC,aAAa,CAAC,CAAC,EAAC,QAAQ,UAAA,EAAE,YAAY,cAAA,EAAC,CAAC,EAArD,CAAqD,CAAC"}

package/esm/menu/context.d.ts

@@ -1,12 +1,22 @@
 /// <reference types="react" />
 import { MenuProps } from './types';
+export declare type OnExpandedChangeFn = (nestedId: string | null) => void;
 export declare const MenuContext: import("react").Context<Pick<MenuProps, "size" | "vertical" | "align" | "overrides"> & {
+    updateExpandedMenuSubId: OnExpandedChangeFn;
+    expandedMenuSubId: string | null;
     isSubMenu?: boolean | undefined;
+    parentSubMenuId: string | null;
 }>;
 export declare const MenuContextProvider: import("react").Provider<Pick<MenuProps, "size" | "vertical" | "align" | "overrides"> & {
+    updateExpandedMenuSubId: OnExpandedChangeFn;
+    expandedMenuSubId: string | null;
     isSubMenu?: boolean | undefined;
+    parentSubMenuId: string | null;
 }>;
 export declare const useMenuContext: () => Pick<MenuProps, "size" | "vertical" | "align" | "overrides"> & {
+    updateExpandedMenuSubId: OnExpandedChangeFn;
+    expandedMenuSubId: string | null;
     isSubMenu?: boolean | undefined;
+    parentSubMenuId: string | null;
 };
 //# sourceMappingURL=context.d.ts.map

package/esm/menu/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/menu/context.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAElC,eAAO,MAAM,WAAW;;EAInB,CAAC;AACN,eAAO,MAAM,mBAAmB;;EAAuB,CAAC;AAExD,eAAO,MAAM,cAAc;;CAe1B,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/menu/context.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAElC,oBAAY,kBAAkB,GAAG,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;AASnE,eAAO,MAAM,WAAW;6BAGK,kBAAkB;uBAExB,MAAM,GAAG,IAAI;;qBAEf,MAAM,GAAG,IAAI;EAET,CAAC;AAC1B,eAAO,MAAM,mBAAmB;6BAPH,kBAAkB;uBAExB,MAAM,GAAG,IAAI;;qBAEf,MAAM,GAAG,IAAI;EAGqB,CAAC;AAExD,eAAO,MAAM,cAAc;6BATE,kBAAkB;uBAExB,MAAM,GAAG,IAAI;;qBAEf,MAAM,GAAG,IAAI;CAoBjC,CAAC"}

package/esm/menu/context.js

@@ -1,5 +1,11 @@
 import { createContext, useContext } from 'react';
-export var MenuContext = createContext({});
+/* istanbul ignore next */
+var defaultMenuContextArgs = {
+    updateExpandedMenuSubId: function () { },
+    expandedMenuSubId: null,
+    parentSubMenuId: null,
+};
+export var MenuContext = createContext(defaultMenuContextArgs);
 export var MenuContextProvider = MenuContext.Provider;
 export var useMenuContext = function () {
     var context = useContext(MenuContext);

package/esm/menu/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/menu/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,OAAO,CAAC;AAGhD,MAAM,CAAC,IAAM,WAAW,GAAG,aAAa,CAItC,EAAE,CAAC,CAAC;AACN,MAAM,CAAC,IAAM,mBAAmB,GAAG,WAAW,CAAC,QAAQ,CAAC;AAExD,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,IAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAExC,wBAAwB;IACxB,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QACrC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,EACjC;QACA,sCAAsC;QACtC,OAAO,CAAC,KAAK,CACX,iEAAiE,CAClE,CAAC;KACH;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/menu/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,OAAO,CAAC;AAKhD,0BAA0B;AAC1B,IAAM,sBAAsB,GAAG;IAC7B,uBAAuB,EAAE,cAAO,CAAC;IACjC,iBAAiB,EAAE,IAAI;IACvB,eAAe,EAAE,IAAI;CACtB,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,aAAa,CAStC,sBAAsB,CAAC,CAAC;AAC1B,MAAM,CAAC,IAAM,mBAAmB,GAAG,WAAW,CAAC,QAAQ,CAAC;AAExD,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,IAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAExC,wBAAwB;IACxB,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QACrC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,EACjC;QACA,sCAAsC;QACtC,OAAO,CAAC,KAAK,CACX,iEAAiE,CAClE,CAAC;KACH;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/esm/menu/menu-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/menu/menu-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAOtC,eAAO,MAAM,QAAQ,qFA2DpB,CAAC"}
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/menu/menu-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAOtC,eAAO,MAAM,QAAQ,qFAuEpB,CAAC"}

package/esm/menu/menu-item.js

@@ -27,13 +27,21 @@ import { useTheme } from '../theme';
 import { filterOutFalsyProperties } from '../utils/filter-object';
 import { get } from '../utils/get';
 export var MenuItem = React.forwardRef(function (_a, ref) {
-    var overrides = _a.overrides, children = _a.children, selected = _a.selected, _b = _a.eventContext, eventContext = _b === void 0 ? {} : _b, _c = _a.eventOriginator, eventOriginator = _c === void 0 ? 'menu-item' : _c, rest = __rest(_a, ["overrides", "children", "selected", "eventContext", "eventOriginator"]);
-    var _d = useMenuContext(), vertical = _d.vertical, size = _d.size, align = _d.align, menuOverrides = _d.overrides, isSubMenu = _d.isSubMenu;
+    var overrides = _a.overrides, children = _a.children, selected = _a.selected, _b = _a.eventContext, eventContext = _b === void 0 ? {} : _b, _c = _a.eventOriginator, eventOriginator = _c === void 0 ? 'menu-item' : _c, onClickProp = _a.onClick, rest = __rest(_a, ["overrides", "children", "selected", "eventContext", "eventOriginator", "onClick"]);
+    var _d = useMenuContext(), vertical = _d.vertical, size = _d.size, align = _d.align, menuOverrides = _d.overrides, updateExpandedMenuSubId = _d.updateExpandedMenuSubId, isSubMenu = _d.isSubMenu;
+    var onClick = function (e) {
+        if (!vertical) {
+            updateExpandedMenuSubId(null);
+        }
+        if (onClickProp) {
+            onClickProp(e);
+        }
+    };
     var theme = useTheme();
     var menuItemOverrides = __assign(__assign({}, get(theme.componentDefaults, "".concat(isSubMenu ? 'menuSubItem' : 'menuItem', ".").concat(vertical ? 'vertical' : 'horizontal'))), filterOutFalsyProperties(overrides));
     var buttonProps = __assign(__assign({}, rest), { selected: selected, size: size });
     return (React.createElement(StyledMenuItem, { className: "nk-menu-item", vertical: vertical, overrides: menuOverrides, ref: ref },
-        React.createElement(StyledButton, __assign({}, buttonProps, { align: align, eventContext: __assign({ href: rest.href }, eventContext), eventOriginator: eventOriginator, overrides: __assign({}, menuItemOverrides), "aria-current": selected && 'page' }), children)));
+        React.createElement(StyledButton, __assign({}, buttonProps, { align: align, eventContext: __assign({ href: rest.href }, eventContext), eventOriginator: eventOriginator, overrides: __assign({}, menuItemOverrides), "aria-current": selected && 'page', onClick: onClick }), children)));
 });
 MenuItem.displayName = 'MenuItem';
 //# sourceMappingURL=menu-item.js.map

package/esm/menu/menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../src/menu/menu-item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,cAAc,EAAC,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAC,YAAY,EAAE,cAAc,EAAC,MAAM,UAAU,CAAC;AAEtD,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAC,GAAG,EAAC,MAAM,cAAc,CAAC;AAEjC,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,UACE,EAOC,EACD,GAAG;IAPD,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EACjB,uBAA6B,EAA7B,eAAe,mBAAG,WAAW,KAAA,EAC1B,IAAI,cANT,wEAOC,CADQ;IAIH,IAAA,KAMF,cAAc,EAAE,EALlB,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,KAAK,WAAA,EACM,aAAa,eAAA,EACxB,SAAS,eACS,CAAC;IAErB,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,iBAAiB,yBAClB,GAAG,CACJ,KAAK,CAAC,iBAAiB,EACvB,UAAG,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,cACvC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CACpC,CACH,GACE,wBAAwB,CAAC,SAAS,CAAC,CACvC,CAAC;IAEF,IAAM,WAAW,yBACZ,IAAI,KACP,QAAQ,UAAA,EACR,IAAI,MAAA,GACL,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,IACb,SAAS,EAAC,cAAc,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,aAAa,EACxB,GAAG,EAAE,GAAG;QAER,oBAAC,YAAY,eACP,WAAW,IACf,KAAK,EAAE,KAAK,EACZ,YAAY,aAAG,IAAI,EAAE,IAAI,CAAC,IAAI,IAAK,YAAY,GAC/C,eAAe,EAAE,eAAe,EAChC,SAAS,eACJ,iBAAiB,mBAER,QAAQ,IAAI,MAAM,KAE/B,QAAQ,CACI,CACA,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
+{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../src/menu/menu-item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,cAAc,EAAC,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAC,YAAY,EAAE,cAAc,EAAC,MAAM,UAAU,CAAC;AAEtD,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAC,GAAG,EAAC,MAAM,cAAc,CAAC;AAEjC,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,UACE,EAQC,EACD,GAAG;IARD,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EACjB,uBAA6B,EAA7B,eAAe,mBAAG,WAAW,KAAA,EACpB,WAAW,aAAA,EACjB,IAAI,cAPT,mFAQC,CADQ;IAIH,IAAA,KAOF,cAAc,EAAE,EANlB,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,KAAK,WAAA,EACM,aAAa,eAAA,EACxB,uBAAuB,6BAAA,EACvB,SAAS,eACS,CAAC;IAErB,IAAM,OAAO,GAA6B,UAAA,CAAC;QACzC,IAAI,CAAC,QAAQ,EAAE;YACb,uBAAuB,CAAC,IAAI,CAAC,CAAC;SAC/B;QACD,IAAI,WAAW,EAAE;YACf,WAAW,CAAC,CAAC,CAAC,CAAC;SAChB;IACH,CAAC,CAAC;IAEF,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,iBAAiB,yBAClB,GAAG,CACJ,KAAK,CAAC,iBAAiB,EACvB,UAAG,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,cACvC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CACpC,CACH,GACE,wBAAwB,CAAC,SAAS,CAAC,CACvC,CAAC;IAEF,IAAM,WAAW,yBACZ,IAAI,KACP,QAAQ,UAAA,EACR,IAAI,MAAA,GACL,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,IACb,SAAS,EAAC,cAAc,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,aAAa,EACxB,GAAG,EAAE,GAAG;QAER,oBAAC,YAAY,eACP,WAAW,IACf,KAAK,EAAE,KAAK,EACZ,YAAY,aAAG,IAAI,EAAE,IAAI,CAAC,IAAI,IAAK,YAAY,GAC/C,eAAe,EAAE,eAAe,EAChC,SAAS,eACJ,iBAAiB,mBAER,QAAQ,IAAI,MAAM,EAChC,OAAO,EAAE,OAAO,KAEf,QAAQ,CACI,CACA,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/esm/menu/menu-sub.d.ts

@@ -5,6 +5,7 @@ export declare const MenuSub: React.ForwardRefExoticComponent<Omit<import("./typ
     href?: string | undefined;
     expanded?: boolean | undefined;
     defaultExpanded?: boolean | undefined;
+    align?: import("./types").MenuItemAlign | undefined;
     overrides?: ({
         indicatorIcon?: import("../utils/overrides").Override<MenuSubIconProps>;
         list?: ({

package/esm/menu/menu-sub.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-sub.d.ts","sourceRoot":"","sources":["../../../src/menu/menu-sub.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,gBAAgB,EAAe,MAAM,SAAS,CAAC;AA2BvD,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCA4FnB,CAAC"}
+{"version":3,"file":"menu-sub.d.ts","sourceRoot":"","sources":["../../../src/menu/menu-sub.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAC,gBAAgB,EAAe,MAAM,SAAS,CAAC;AA4BvD,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAsInB,CAAC"}

package/esm/menu/menu-sub.js

@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import React, { useEffect } from 'react';
+import { useId } from '@floating-ui/react-dom-interactions';
 import { MenuContextProvider, useMenuContext } from './context';
 import { StyledButton, StyledMenuItem, StyledUl } from './styled';
 import { useTheme } from '../theme';
@@ -30,24 +31,54 @@ import { useControlled } from '../utils/hooks';
 import { composeEventHandlers } from '../utils/compose-event-handlers';
 import { IconFilledExpandLess, IconFilledExpandMore } from '../icons';
 import { getComponentOverrides } from '../utils/overrides';
+import { buildNestedId, isDescendant } from './utils';
 var DefaultIcon = function (_a) {
     var expanded = _a.expanded, overrides = _a.overrides;
     return expanded ? (React.createElement(IconFilledExpandLess, { overrides: __assign({ size: 'iconSize020' }, overrides) })) : (React.createElement(IconFilledExpandMore, { overrides: __assign({ size: 'iconSize020' }, overrides) }));
 };
 export var MenuSub = React.forwardRef(function (_a, ref) {
-    var overrides = _a.overrides, children = _a.children, title = _a.title, selected = _a.selected, expandedProp = _a.expanded, defaultExpanded = _a.defaultExpanded, onClick = _a.onClick, rest = __rest(_a, ["overrides", "children", "title", "selected", "expanded", "defaultExpanded", "onClick"]);
-    var _b = useControlled({
+    var overrides = _a.overrides, children = _a.children, title = _a.title, selected = _a.selected, expandedProp = _a.expanded, _b = _a.defaultExpanded, defaultExpanded = _b === void 0 ? false : _b, onClick = _a.onClick, menuSubAlign = _a.align, rest = __rest(_a, ["overrides", "children", "title", "selected", "expanded", "defaultExpanded", "onClick", "align"]);
+    var _c = useControlled({
         controlledValue: expandedProp,
         defaultValue: defaultExpanded,
-    }), isExpanded = _b[0], setIsExpanded = _b[1];
-    var _c = getComponentOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.indicatorIcon, DefaultIcon, {
+    }), isExpanded = _c[0], setIsExpanded = _c[1];
+    var menuContext = useMenuContext();
+    var vertical = menuContext.vertical, size = menuContext.size, menuAlign = menuContext.align, menuOverrides = menuContext.overrides, isSubMenu = menuContext.isSubMenu, parentSubMenuId = menuContext.parentSubMenuId, updateExpandedMenuSubId = menuContext.updateExpandedMenuSubId, expandedMenuSubId = menuContext.expandedMenuSubId;
+    var align = menuSubAlign || menuAlign;
+    var id = useId();
+    var nestedId = buildNestedId(id, parentSubMenuId);
+    useEffect(function () {
+        if (!expandedMenuSubId) {
+            // all sub menus have been collapsed
+            setIsExpanded(false);
+        }
+        else if (expandedMenuSubId === nestedId ||
+            isDescendant(nestedId, expandedMenuSubId)) {
+            // this sub menu or one of its descendants has been expanded
+            setIsExpanded(true);
+        }
+        else if (isDescendant(expandedMenuSubId, nestedId)) {
+            // this sub menu's ancestor is expanded
+            setIsExpanded(false);
+        }
+        else if (!vertical) {
+            // another sub menu elsewhere in the tree has been expanded
+            setIsExpanded(false);
+        }
+    }, [vertical, nestedId, expandedMenuSubId, setIsExpanded]);
+    var _d = getComponentOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.indicatorIcon, DefaultIcon, {
         expanded: isExpanded,
-    }), IndicatorIcon = _c[0], indicatorIconProps = _c[1];
+    }), IndicatorIcon = _d[0], indicatorIconProps = _d[1];
+    // Inform the parent context that this sub menu has been clicked.
     var handleClick = React.useCallback(function () {
-        setIsExpanded(!isExpanded);
-    }, [isExpanded, setIsExpanded]);
-    var menuContext = useMenuContext();
-    var vertical = menuContext.vertical, size = menuContext.size, align = menuContext.align, menuOverrides = menuContext.overrides, isSubMenu = menuContext.isSubMenu;
+        updateExpandedMenuSubId(nestedId);
+    }, [nestedId, updateExpandedMenuSubId]);
+    // Set the initial expanded state of this sub menu in the parent context.
+    useEffect(function () {
+        if (defaultExpanded) {
+            updateExpandedMenuSubId(nestedId);
+        }
+    }, []);
     var theme = useTheme();
     var menuItemOverrides = __assign(__assign({}, get(theme.componentDefaults, "".concat(isSubMenu ? 'menuSubItem' : 'menuItem', ".").concat(vertical ? 'vertical' : 'horizontal'))), filterOutFalsyProperties(overrides));
     var buttonProps = __assign(__assign({}, rest), { selected: selected, size: size });
@@ -55,7 +86,7 @@ export var MenuSub = React.forwardRef(function (_a, ref) {
         React.createElement(StyledButton, __assign({}, buttonProps, { align: align, selected: selected, onClick: composeEventHandlers([handleClick, onClick]), "aria-expanded": isExpanded, "data-testid": "menu-sub-button", overrides: __assign({}, menuItemOverrides) }),
             title,
             React.createElement(IndicatorIcon, __assign({}, indicatorIconProps))),
-        React.createElement(MenuContextProvider, { value: __assign(__assign({}, menuContext), { isSubMenu: true }) },
+        React.createElement(MenuContextProvider, { value: __assign(__assign({}, menuContext), { isSubMenu: true, parentSubMenuId: nestedId, align: align }) },
             React.createElement(StyledUl, { expanded: isExpanded, vertical: vertical, overrides: overrides }, children))));
 });
 MenuSub.displayName = 'MenuSub';

package/esm/menu/menu-sub.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-sub.js","sourceRoot":"","sources":["../../../src/menu/menu-sub.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"menu-sub.js","sourceRoot":"","sources":["../../../src/menu/menu-sub.tsx"],"names":[],"mappings":"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"}

package/esm/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAgB,SAAS,EAAC,MAAM,SAAS,CAAC;AA6CjD,eAAO,MAAM,IAAI,wGAAwD,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAgB,SAAS,EAAC,MAAM,SAAS,CAAC;AA0FjD,eAAO,MAAM,IAAI,wGAAwD,CAAC"}

package/esm/menu/menu.js

@@ -20,12 +20,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import React, { useEffect, useRef, useState } from 'react';
+import composeRefs from '@seznam/compose-react-refs';
 import { MenuContextProvider } from './context';
 import { StyledMenu } from './styled';
 import defaults from './defaults';
 import stylePresets from './style-presets';
 import { withOwnTheme } from '../utils/with-own-theme';
+import { getParentId, isDescendant } from './utils';
 var getAlign = function (align, vertical) {
     if (!align) {
         return vertical ? 'start' : 'center';
@@ -35,8 +37,49 @@ var getAlign = function (align, vertical) {
 var ThemelessMenu = React.forwardRef(function (_a, ref) {
     var overrides = _a.overrides, children = _a.children, _b = _a.vertical, vertical = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, passedAlign = _a.align, rest = __rest(_a, ["overrides", "children", "vertical", "size", "align"]);
     var align = getAlign(passedAlign, vertical);
-    return (React.createElement(MenuContextProvider, { value: { vertical: vertical, size: size, align: align, overrides: overrides } },
-        React.createElement(StyledMenu, __assign({ role: "navigation", "data-testid": "menu-container", overrides: overrides, vertical: vertical, ref: ref }, rest),
+    var _d = useState(null), expandedMenuSubId = _d[0], setExpandedMenuSubId = _d[1];
+    var updateExpandedMenuSubId = function (id) {
+        if (!id) {
+            setExpandedMenuSubId(null);
+        }
+        else if (!expandedMenuSubId) {
+            // no sub menu currently expanded
+            setExpandedMenuSubId(id);
+        }
+        else if (expandedMenuSubId === id) {
+            // the currently expanded sub menu has been clicked
+            setExpandedMenuSubId(getParentId(id));
+        }
+        else if (isDescendant(id, expandedMenuSubId)) {
+            // the parent of the currently expanded sub menu has been clicked
+            setExpandedMenuSubId(getParentId(id));
+        }
+        else {
+            // any other sub menu has been clicked
+            setExpandedMenuSubId(id);
+        }
+    };
+    var menuRef = useRef(null);
+    useEffect(function () {
+        document.addEventListener("click", function (_a) {
+            var target = _a.target;
+            if (menuRef.current &&
+                !menuRef.current.contains(target) &&
+                !vertical) {
+                setExpandedMenuSubId(null);
+            }
+        });
+    }, [vertical]);
+    return (React.createElement(MenuContextProvider, { value: {
+            vertical: vertical,
+            size: size,
+            align: align,
+            overrides: overrides,
+            updateExpandedMenuSubId: updateExpandedMenuSubId,
+            expandedMenuSubId: expandedMenuSubId,
+            parentSubMenuId: null,
+        } },
+        React.createElement(StyledMenu, __assign({ role: "navigation", "data-testid": "menu-container", overrides: overrides, vertical: vertical, ref: composeRefs(ref, menuRef) }, rest),
             React.createElement("ul", { role: "list" }, children))));
 });
 export var Menu = withOwnTheme(ThemelessMenu)({ defaults: defaults, stylePresets: stylePresets });

package/esm/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAC;AAE9C,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAErD,IAAM,QAAQ,GAAG,UAAC,KAAgC,EAAE,QAAiB;IACnE,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;KACtC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACpC,UACE,EAOC,EACD,GAAG;IAPD,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACR,WAAW,WAAA,EACf,IAAI,cANT,sDAOC,CADQ;IAIT,IAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAE9C,OAAO,CACL,oBAAC,mBAAmB,IAAC,KAAK,EAAE,EAAC,QAAQ,UAAA,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC;QAC5D,oBAAC,UAAU,aACT,IAAI,EAAC,YAAY,iBACL,gBAAgB,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,IACJ,IAAI;YAGR,4BAAI,IAAI,EAAC,MAAM,IAAE,QAAQ,CAAM,CACpB,CACO,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,IAAM,IAAI,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC,EAAC,QAAQ,UAAA,EAAE,YAAY,cAAA,EAAC,CAAC,CAAC"}
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"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"}

package/esm/menu/types.d.ts

@@ -46,6 +46,7 @@ export declare type MenuSubProps = Omit<MenuItemProps, 'title' | 'overrides' | '
     href?: string;
     expanded?: boolean;
     defaultExpanded?: boolean;
+    align?: MenuItemAlign;
     overrides?: {
         indicatorIcon?: Override<MenuSubIconProps>;
         list?: {

package/esm/menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/menu/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AACzD,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,EAAE,EAAC,MAAM,UAAU,CAAC;AAC5B,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAE5C,oBAAY,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACxD,oBAAY,aAAa,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,cAAc,CAAC;AAExE,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,GAAG,YAAY,CAAC;CAClB;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc;IAC1D,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,KAAK,CAAC,EAAE;YACN,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SACzB,CAAC;KACH,CAAC;CACH;AAED,aAAK,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;AACrE,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,EACvD,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,SAAS;IACX,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,oBAAY,gBAAgB,GAAG,gBAAgB,GAAG;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAC,CAAC;AAEtE,oBAAY,YAAY,GAAG,IAAI,CAC7B,aAAa,EACb,OAAO,GAAG,WAAW,GAAG,MAAM,CAC/B,GAAG;IACF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE;QACV,aAAa,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;QAC3C,IAAI,CAAC,EAAE;YACL,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC1B,GAAG,YAAY,CAAC;KAClB,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,gBAAgB,GAAG;QAC7B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/menu/types.ts"],"names":[],"mappings":"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"}

package/esm/menu/utils.d.ts

@@ -0,0 +1,5 @@
+export declare const buildNestedId: (id: string, parentId: string | null) => string;
+export declare const getIdDepth: (id: string) => number;
+export declare const isDescendant: (id: string, descendantId: string) => boolean;
+export declare const getParentId: (id: string) => string | null;
+//# sourceMappingURL=utils.d.ts.map

package/esm/menu/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/menu/utils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,OAAQ,MAAM,YAAY,MAAM,GAAG,IAAI,KAAG,MAC/B,CAAC;AAEtC,eAAO,MAAM,UAAU,OAAQ,MAAM,KAAG,MACM,CAAC;AAE/C,eAAO,MAAM,YAAY,OAAQ,MAAM,gBAAgB,MAAM,KAAG,OACG,CAAC;AAEpE,eAAO,MAAM,WAAW,OAAQ,MAAM,KAAG,MAAM,GAAG,IAI5B,CAAC"}

package/esm/menu/utils.js

@@ -0,0 +1,19 @@
+// Note: using an immutable concatenated string ID (instead of an array of strings)
+// so that useEffect hooks do not repeatedly fire when ref changes but value
+// remains the same.
+export var buildNestedId = function (id, parentId) {
+    return parentId ? "".concat(parentId, "|").concat(id) : id;
+};
+export var getIdDepth = function (id) {
+    return id.length - id.replace(/\|/g, '').length + 1;
+};
+export var isDescendant = function (id, descendantId) {
+    return id === descendantId.split('|').slice(0, getIdDepth(id)).join('|');
+};
+export var getParentId = function (id) {
+    return id
+        .split('|')
+        .slice(0, getIdDepth(id) - 1)
+        .join('|') || null;
+};
+//# sourceMappingURL=utils.js.map

package/esm/menu/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/menu/utils.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,4EAA4E;AAC5E,oBAAoB;AAEpB,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAAU,EAAE,QAAuB;IAC/D,OAAA,QAAQ,CAAC,CAAC,CAAC,UAAG,QAAQ,cAAI,EAAE,CAAE,CAAC,CAAC,CAAC,EAAE;AAAnC,CAAmC,CAAC;AAEtC,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAAU;IACnC,OAAA,EAAE,CAAC,MAAM,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC;AAA5C,CAA4C,CAAC;AAE/C,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAAU,EAAE,YAAoB;IAC3D,OAAA,EAAE,KAAK,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAAjE,CAAiE,CAAC;AAEpE,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAAU;IACpC,OAAA,EAAE;SACC,KAAK,CAAC,GAAG,CAAC;SACV,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;SAC5B,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI;AAHpB,CAGoB,CAAC"}

package/esm/select/defaults.d.ts

@@ -30,6 +30,7 @@ declare const _default: {
                 stylePreset: string;
                 maxHeight: string;
                 spaceInset: string;
+                zIndex: string;
             };
             modal: {
                 panel: {
@@ -67,6 +68,7 @@ declare const _default: {
                 stylePreset: string;
                 maxHeight: string;
                 spaceInset: string;
+                zIndex: string;
             };
             modal: {
                 panel: {
@@ -104,6 +106,7 @@ declare const _default: {
                 stylePreset: string;
                 maxHeight: string;
                 spaceInset: string;
+                zIndex: string;
             };
             modal: {
                 panel: {

package/esm/select/defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAwJE"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA2JE"}

package/esm/select/defaults.js

@@ -31,6 +31,7 @@ export default {
                 stylePreset: 'selectPanel',
                 maxHeight: '184px',
                 spaceInset: 'spaceInset020',
+                zIndex: 'layer',
             },
             modal: {
                 panel: {
@@ -69,6 +70,7 @@ export default {
                 stylePreset: 'selectPanel',
                 maxHeight: '272px',
                 spaceInset: 'spaceInset020',
+                zIndex: 'layer',
             },
             modal: {
                 panel: {
@@ -107,6 +109,7 @@ export default {
                 stylePreset: 'selectPanel',
                 maxHeight: '360px',
                 spaceInset: 'spaceInset020',
+                zIndex: 'layer',
             },
             modal: {
                 panel: {