newskit 6.4.0 → 6.5.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.
- package/cjs/audio-player/audio-player.d.ts.map +1 -1
- package/cjs/audio-player/audio-player.js +3 -0
- package/cjs/audio-player/audio-player.js.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/styled.d.ts +4 -0
- package/cjs/audio-player-composable/components/volume-control/styled.d.ts.map +1 -1
- package/cjs/banner/banner-internal.d.ts.map +1 -1
- package/cjs/banner/banner-internal.js +2 -2
- package/cjs/banner/banner-internal.js.map +1 -1
- package/cjs/base-switch/base-switch.d.ts.map +1 -1
- package/cjs/base-switch/base-switch.js +22 -11
- package/cjs/base-switch/base-switch.js.map +1 -1
- package/cjs/base-switch/types.d.ts +2 -1
- package/cjs/base-switch/types.d.ts.map +1 -1
- package/cjs/button/styled.d.ts.map +1 -1
- package/cjs/button/styled.js +1 -5
- package/cjs/button/styled.js.map +1 -1
- package/cjs/card/card.d.ts.map +1 -1
- package/cjs/card/card.js +28 -7
- package/cjs/card/card.js.map +1 -1
- package/cjs/card/types.d.ts +2 -1
- package/cjs/card/types.d.ts.map +1 -1
- package/cjs/checkbox/checkbox.d.ts.map +1 -1
- package/cjs/checkbox/checkbox.js +15 -1
- package/cjs/checkbox/checkbox.js.map +1 -1
- package/cjs/dialog/base-dialog-view.d.ts.map +1 -1
- package/cjs/dialog/base-dialog-view.js +1 -1
- package/cjs/dialog/base-dialog-view.js.map +1 -1
- package/cjs/flag/flag.d.ts.map +1 -1
- package/cjs/flag/flag.js +3 -5
- package/cjs/flag/flag.js.map +1 -1
- package/cjs/flag/styled.d.ts +27 -3
- package/cjs/flag/styled.d.ts.map +1 -1
- package/cjs/flag/styled.js +11 -8
- package/cjs/flag/styled.js.map +1 -1
- package/cjs/grid-layout/grid-layout.d.ts +4 -0
- package/cjs/grid-layout/grid-layout.d.ts.map +1 -1
- package/cjs/grid-layout/styled.d.ts +4 -0
- package/cjs/grid-layout/styled.d.ts.map +1 -1
- package/cjs/grid-layout/styled.js +22 -2
- package/cjs/grid-layout/styled.js.map +1 -1
- package/cjs/grid-layout/types.d.ts +7 -0
- package/cjs/grid-layout/types.d.ts.map +1 -1
- package/cjs/instrumentation/types.d.ts +2 -1
- package/cjs/instrumentation/types.d.ts.map +1 -1
- package/cjs/instrumentation/types.js +1 -0
- package/cjs/instrumentation/types.js.map +1 -1
- package/cjs/menu/index.d.ts +1 -0
- package/cjs/menu/index.d.ts.map +1 -1
- package/cjs/menu/index.js +3 -1
- package/cjs/menu/index.js.map +1 -1
- package/cjs/menu/menu-item.d.ts.map +1 -1
- package/cjs/menu/menu-item.js +3 -6
- package/cjs/menu/menu-item.js.map +1 -1
- package/cjs/menu/menu-sub.d.ts +34 -0
- package/cjs/menu/menu-sub.d.ts.map +1 -0
- package/cjs/menu/menu-sub.js +66 -0
- package/cjs/menu/menu-sub.js.map +1 -0
- package/cjs/menu/style-presets.d.ts.map +1 -1
- package/cjs/menu/style-presets.js.map +1 -1
- package/cjs/menu/styled.d.ts +5 -1
- package/cjs/menu/styled.d.ts.map +1 -1
- package/cjs/menu/styled.js +30 -7
- package/cjs/menu/styled.js.map +1 -1
- package/cjs/menu/types.d.ts +17 -3
- package/cjs/menu/types.d.ts.map +1 -1
- package/cjs/popover/popover.d.ts.map +1 -1
- package/cjs/popover/popover.js +1 -1
- package/cjs/popover/popover.js.map +1 -1
- package/cjs/radio-button/radio-button.d.ts.map +1 -1
- package/cjs/radio-button/radio-button.js +2 -2
- package/cjs/radio-button/radio-button.js.map +1 -1
- package/cjs/scroll/scroll.d.ts.map +1 -1
- package/cjs/scroll/scroll.js +2 -2
- package/cjs/scroll/scroll.js.map +1 -1
- package/cjs/select/select.d.ts.map +1 -1
- package/cjs/select/select.js +5 -17
- package/cjs/select/select.js.map +1 -1
- package/cjs/storybook-pages/welcome.stories.d.ts +8 -0
- package/cjs/storybook-pages/welcome.stories.d.ts.map +1 -1
- package/cjs/storybook-pages/welcome.stories.js +7 -0
- package/cjs/storybook-pages/welcome.stories.js.map +1 -1
- package/cjs/switch/switch.d.ts.map +1 -1
- package/cjs/switch/switch.js +2 -2
- package/cjs/switch/switch.js.map +1 -1
- package/cjs/tag/tag.d.ts.map +1 -1
- package/cjs/tag/tag.js +18 -3
- package/cjs/tag/tag.js.map +1 -1
- package/cjs/tag/types.d.ts +2 -1
- package/cjs/tag/types.d.ts.map +1 -1
- package/cjs/utils/audio-tests.d.ts.map +1 -1
- package/cjs/utils/audio-tests.js +3 -3
- package/cjs/utils/audio-tests.js.map +1 -1
- package/cjs/version-number.json +1 -1
- package/esm/audio-player/audio-player.d.ts.map +1 -1
- package/esm/audio-player/audio-player.js +3 -0
- package/esm/audio-player/audio-player.js.map +1 -1
- package/esm/audio-player-composable/components/volume-control/styled.d.ts +4 -0
- package/esm/audio-player-composable/components/volume-control/styled.d.ts.map +1 -1
- package/esm/audio-player-composable/components/volume-control/styled.js +1 -1
- package/esm/audio-player-composable/components/volume-control/styled.js.map +1 -1
- package/esm/banner/banner-internal.d.ts.map +1 -1
- package/esm/banner/banner-internal.js +2 -2
- package/esm/banner/banner-internal.js.map +1 -1
- package/esm/base-switch/base-switch.d.ts.map +1 -1
- package/esm/base-switch/base-switch.js +22 -11
- package/esm/base-switch/base-switch.js.map +1 -1
- package/esm/base-switch/types.d.ts +2 -1
- package/esm/base-switch/types.d.ts.map +1 -1
- package/esm/button/styled.d.ts.map +1 -1
- package/esm/button/styled.js +1 -5
- package/esm/button/styled.js.map +1 -1
- package/esm/card/card.d.ts.map +1 -1
- package/esm/card/card.js +28 -7
- package/esm/card/card.js.map +1 -1
- package/esm/card/types.d.ts +2 -1
- package/esm/card/types.d.ts.map +1 -1
- package/esm/checkbox/checkbox.d.ts.map +1 -1
- package/esm/checkbox/checkbox.js +15 -1
- package/esm/checkbox/checkbox.js.map +1 -1
- package/esm/dialog/base-dialog-view.d.ts.map +1 -1
- package/esm/dialog/base-dialog-view.js +1 -1
- package/esm/dialog/base-dialog-view.js.map +1 -1
- package/esm/flag/flag.d.ts.map +1 -1
- package/esm/flag/flag.js +4 -6
- package/esm/flag/flag.js.map +1 -1
- package/esm/flag/styled.d.ts +27 -3
- package/esm/flag/styled.d.ts.map +1 -1
- package/esm/flag/styled.js +11 -8
- package/esm/flag/styled.js.map +1 -1
- package/esm/grid-layout/grid-layout.d.ts +4 -0
- package/esm/grid-layout/grid-layout.d.ts.map +1 -1
- package/esm/grid-layout/styled.d.ts +4 -0
- package/esm/grid-layout/styled.d.ts.map +1 -1
- package/esm/grid-layout/styled.js +23 -3
- package/esm/grid-layout/styled.js.map +1 -1
- package/esm/grid-layout/types.d.ts +7 -0
- package/esm/grid-layout/types.d.ts.map +1 -1
- package/esm/instrumentation/types.d.ts +2 -1
- package/esm/instrumentation/types.d.ts.map +1 -1
- package/esm/instrumentation/types.js +1 -0
- package/esm/instrumentation/types.js.map +1 -1
- package/esm/menu/index.d.ts +1 -0
- package/esm/menu/index.d.ts.map +1 -1
- package/esm/menu/index.js +1 -0
- package/esm/menu/index.js.map +1 -1
- package/esm/menu/menu-item.d.ts.map +1 -1
- package/esm/menu/menu-item.js +3 -6
- package/esm/menu/menu-item.js.map +1 -1
- package/esm/menu/menu-sub.d.ts +34 -0
- package/esm/menu/menu-sub.d.ts.map +1 -0
- package/esm/menu/menu-sub.js +60 -0
- package/esm/menu/menu-sub.js.map +1 -0
- package/esm/menu/style-presets.d.ts.map +1 -1
- package/esm/menu/style-presets.js.map +1 -1
- package/esm/menu/styled.d.ts +5 -1
- package/esm/menu/styled.d.ts.map +1 -1
- package/esm/menu/styled.js +29 -6
- package/esm/menu/styled.js.map +1 -1
- package/esm/menu/types.d.ts +17 -3
- package/esm/menu/types.d.ts.map +1 -1
- package/esm/popover/popover.d.ts.map +1 -1
- package/esm/popover/popover.js +1 -1
- package/esm/popover/popover.js.map +1 -1
- package/esm/radio-button/radio-button.d.ts.map +1 -1
- package/esm/radio-button/radio-button.js +2 -2
- package/esm/radio-button/radio-button.js.map +1 -1
- package/esm/scroll/scroll.d.ts.map +1 -1
- package/esm/scroll/scroll.js +2 -2
- package/esm/scroll/scroll.js.map +1 -1
- package/esm/select/select.d.ts.map +1 -1
- package/esm/select/select.js +5 -17
- package/esm/select/select.js.map +1 -1
- package/esm/storybook-pages/welcome.stories.d.ts +8 -0
- package/esm/storybook-pages/welcome.stories.d.ts.map +1 -1
- package/esm/storybook-pages/welcome.stories.js +7 -0
- package/esm/storybook-pages/welcome.stories.js.map +1 -1
- package/esm/switch/switch.d.ts.map +1 -1
- package/esm/switch/switch.js +2 -2
- package/esm/switch/switch.js.map +1 -1
- package/esm/tag/tag.d.ts.map +1 -1
- package/esm/tag/tag.js +18 -3
- package/esm/tag/tag.js.map +1 -1
- package/esm/tag/types.d.ts +2 -1
- package/esm/tag/types.d.ts.map +1 -1
- package/esm/utils/audio-tests.d.ts.map +1 -1
- package/esm/utils/audio-tests.js +1 -1
- package/esm/utils/audio-tests.js.map +1 -1
- package/esm/version-number.json +1 -1
- package/package.json +1 -1
package/cjs/flag/styled.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/flag/styled.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/flag/styled.ts"],"names":[],"mappings":";AAGA,OAAO,EAAC,aAAa,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAEzD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAEd,cAAc,iBAAiB,CAAC,CAAC,SAAS,CAAC;gBAC1C,cAAc,iBAAiB,CAAC,CAAC,UAAU,CAAC;UA6C3D,CAAC"}
|
package/cjs/flag/styled.js
CHANGED
|
@@ -4,18 +4,21 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.
|
|
8
|
-
var
|
|
7
|
+
exports.StyledGridLayout = void 0;
|
|
8
|
+
var grid_layout_1 = require("../grid-layout");
|
|
9
9
|
var style_1 = require("../utils/style");
|
|
10
|
-
exports.
|
|
10
|
+
exports.StyledGridLayout = (0, style_1.styled)(grid_layout_1.GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n text-decoration: none;\n\n ", ";\n ", ";\n\n svg {\n ", ";\n ", ";\n }\n\n cursor: ", ";\n\n // Button related styles\n overflow: hidden;\n border: none;\n appearance: none;\n // End of button related styles\n\n ", "\n"], ["\n box-sizing: border-box;\n text-decoration: none;\n\n ", ";\n ", ";\n\n svg {\n ", ";\n ", ";\n }\n\n cursor: ", ";\n\n // Button related styles\n overflow: hidden;\n border: none;\n appearance: none;\n // End of button related styles\n\n ", "\n"])), function (props) {
|
|
11
11
|
return (0, style_1.getResponsiveSize)(function (minHeight) {
|
|
12
|
-
return props.overrides && props.overrides.height
|
|
12
|
+
return props.overrides && props.overrides.height
|
|
13
|
+
? { minHeight: 'auto' }
|
|
14
|
+
: { minHeight: minHeight };
|
|
13
15
|
}, '', '', 'minHeight')(props);
|
|
14
16
|
}, function (props) {
|
|
15
|
-
return (0, style_1.getResponsiveSize)(function (minWidth) {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
return (0, style_1.getResponsiveSize)(function (minWidth) {
|
|
18
|
+
return props.overrides && props.overrides.width
|
|
19
|
+
? { minWidth: 'auto' }
|
|
20
|
+
: { minWidth: minWidth };
|
|
21
|
+
}, '', '', 'minWidth')(props);
|
|
19
22
|
}, (0, style_1.getResponsiveSize)('width', '', '', 'iconSize'), (0, style_1.getResponsiveSize)('height', '', '', 'iconSize'), function (_a) {
|
|
20
23
|
var $disabled = _a.$disabled;
|
|
21
24
|
return ($disabled ? 'not-allowed' : 'default');
|
package/cjs/flag/styled.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/flag/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/flag/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,8CAA0C;AAC1C,wCAAyE;AAI5D,QAAA,gBAAgB,GAAG,IAAA,cAAM,EAAC,wBAAU,CAAC,+UAKjD,6DAIG,EASQ,OACR,EASQ,oBAGN,EAA8C,SAC9C,EAA+C,sBAGzC,EAAwD,qIAQhE,EAIE,IACL,KAvCG,UAAA,KAAK;IACL,OAAA,IAAA,yBAAiB,EACf,UAAA,SAAS;QACP,OAAA,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,MAAM;YACvC,CAAC,CAAC,EAAC,SAAS,EAAE,MAAM,EAAC;YACrB,CAAC,CAAC,EAAC,SAAS,WAAA,EAAC;IAFf,CAEe,EACjB,EAAE,EACF,EAAE,EACF,WAAW,CACZ,CAAC,KAAK,CAAC;AARR,CAQQ,EACR,UAAA,KAAK;IACL,OAAA,IAAA,yBAAiB,EACf,UAAA,QAAQ;QACN,OAAA,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,KAAK;YACtC,CAAC,CAAC,EAAC,QAAQ,EAAE,MAAM,EAAC;YACpB,CAAC,CAAC,EAAC,QAAQ,UAAA,EAAC;IAFd,CAEc,EAChB,EAAE,EACF,EAAE,EACF,UAAU,CACX,CAAC,KAAK,CAAC;AARR,CAQQ,EAGN,IAAA,yBAAiB,EAAC,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,CAAC,EAC9C,IAAA,yBAAiB,EAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,CAAC,EAGzC,UAAC,EAAW;QAAV,SAAS,eAAA;IAAM,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;AAAvC,CAAuC,EAQhE,UAAC,EAAqB;QAApB,SAAS,eAAA,EAAE,QAAQ,cAAA;IACrB,OAAA,IAAA,sBAAc,EAAC,EAAE,EAAE,EAAE,EAAE;QACrB,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,QAAQ;KACpB,CAAC;AAHF,CAGE,EACJ"}
|
|
@@ -22,9 +22,13 @@ export declare const GridLayout: React.ForwardRefExoticComponent<{
|
|
|
22
22
|
alignItems?: MQ<string> | undefined;
|
|
23
23
|
areas?: MQ<string> | undefined;
|
|
24
24
|
inline?: MQ<boolean> | undefined;
|
|
25
|
+
autoColumns?: MQ<string> | undefined;
|
|
26
|
+
autoRows?: MQ<string> | undefined;
|
|
27
|
+
autoFlow?: MQ<string> | undefined;
|
|
25
28
|
children?: React.ReactNode | GridLayoutRenderProps;
|
|
26
29
|
as?: React.ElementType<any> | undefined;
|
|
27
30
|
overrides?: ({
|
|
31
|
+
spaceInset?: MQ<string> | undefined;
|
|
28
32
|
width?: MQ<string> | undefined;
|
|
29
33
|
minWidth?: MQ<string> | undefined;
|
|
30
34
|
maxWidth?: MQ<string> | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid-layout.d.ts","sourceRoot":"","sources":["../../../src/grid-layout/grid-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAuB,EAAE,EAAS,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAIL,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAWjB,eAAO,MAAM,cAAc;;;;;;;;;8CAiB1B,CAAC;AAEF,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"grid-layout.d.ts","sourceRoot":"","sources":["../../../src/grid-layout/grid-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAuB,EAAE,EAAS,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAIL,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAWjB,eAAO,MAAM,cAAc;;;;;;;;;8CAiB1B,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;iGAyCtB,CAAC"}
|
|
@@ -13,9 +13,13 @@ export declare const StyledGridLayout: import("@emotion/styled").StyledComponent
|
|
|
13
13
|
alignItems?: import("../utils/style").MQ<string> | undefined;
|
|
14
14
|
areas?: import("../utils/style").MQ<string> | undefined;
|
|
15
15
|
inline?: import("../utils/style").MQ<boolean> | undefined;
|
|
16
|
+
autoColumns?: import("../utils/style").MQ<string> | undefined;
|
|
17
|
+
autoRows?: import("../utils/style").MQ<string> | undefined;
|
|
18
|
+
autoFlow?: import("../utils/style").MQ<string> | undefined;
|
|
16
19
|
children?: import("react").ReactNode | import("./types").GridLayoutRenderProps;
|
|
17
20
|
as?: import("react").ElementType<any> | undefined;
|
|
18
21
|
overrides?: ({
|
|
22
|
+
spaceInset?: import("../utils/style").MQ<string> | undefined;
|
|
19
23
|
width?: import("../utils/style").MQ<string> | undefined;
|
|
20
24
|
minWidth?: import("../utils/style").MQ<string> | undefined;
|
|
21
25
|
maxWidth?: import("../utils/style").MQ<string> | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/grid-layout/styled.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/grid-layout/styled.ts"],"names":[],"mappings":";AAgCA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;4KAmG5B,CAAC"}
|
|
@@ -18,11 +18,14 @@ var GRID_DEFAULT_PROPS = {
|
|
|
18
18
|
alignItems: undefined,
|
|
19
19
|
areas: undefined,
|
|
20
20
|
inline: false,
|
|
21
|
+
autoFlow: undefined,
|
|
22
|
+
autoRows: undefined,
|
|
23
|
+
autoColumns: undefined,
|
|
21
24
|
};
|
|
22
25
|
var mapTemplate = function (theme, templateString) {
|
|
23
26
|
return templateString === null || templateString === void 0 ? void 0 : templateString.split(' ').map(function (section) { return theme.sizing[section] || section; }).join(' ');
|
|
24
27
|
};
|
|
25
|
-
exports.StyledGridLayout = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n \n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", "\n"], ["\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n \n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", "\n"])), (0, style_1.handleResponsiveProp)({ inline: GRID_DEFAULT_PROPS.inline }, function (_a) {
|
|
28
|
+
exports.StyledGridLayout = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n\n ", "\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", "\n"], ["\n margin: 0;\n padding: 0;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n\n " /* LOGICAL_PROPS_TO_DO: spaceInset to be removed. */, "\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", "\n"])), (0, style_1.handleResponsiveProp)({ inline: GRID_DEFAULT_PROPS.inline }, function (_a) {
|
|
26
29
|
var inline = _a.inline;
|
|
27
30
|
return ({
|
|
28
31
|
display: inline ? 'inline-grid' : 'grid',
|
|
@@ -56,6 +59,23 @@ exports.StyledGridLayout = style_1.styled.div(templateObject_1 || (templateObjec
|
|
|
56
59
|
return ({
|
|
57
60
|
gridTemplateAreas: areas,
|
|
58
61
|
});
|
|
62
|
+
}), (0, style_1.handleResponsiveProp)({ autoFlow: GRID_DEFAULT_PROPS.autoFlow }, function (_a) {
|
|
63
|
+
var autoFlow = _a.autoFlow;
|
|
64
|
+
return ({
|
|
65
|
+
gridAutoFlow: autoFlow,
|
|
66
|
+
});
|
|
67
|
+
}), (0, style_1.handleResponsiveProp)({ autoRows: GRID_DEFAULT_PROPS.autoRows }, function (_a, _b) {
|
|
68
|
+
var autoRows = _a.autoRows;
|
|
69
|
+
var theme = _b.theme;
|
|
70
|
+
return ({
|
|
71
|
+
gridAutoRows: mapTemplate(theme, autoRows),
|
|
72
|
+
});
|
|
73
|
+
}), (0, style_1.handleResponsiveProp)({ autoColumns: GRID_DEFAULT_PROPS.autoColumns }, function (_a, _b) {
|
|
74
|
+
var autoColumns = _a.autoColumns;
|
|
75
|
+
var theme = _b.theme;
|
|
76
|
+
return ({
|
|
77
|
+
gridAutoColumns: mapTemplate(theme, autoColumns),
|
|
78
|
+
});
|
|
59
79
|
}), (0, style_1.handleResponsiveProp)({ justifyContent: GRID_DEFAULT_PROPS.justifyContent }, function (_a) {
|
|
60
80
|
var justifyContent = _a.justifyContent;
|
|
61
81
|
return ({
|
|
@@ -76,6 +96,6 @@ exports.StyledGridLayout = style_1.styled.div(templateObject_1 || (templateObjec
|
|
|
76
96
|
return ({
|
|
77
97
|
alignItems: alignItems,
|
|
78
98
|
});
|
|
79
|
-
}), (0, style_1.getResponsiveSize)('width', 'gridLayout', '', 'width'), (0, style_1.getResponsiveSize)('minWidth', 'gridLayout', '', 'minWidth'), (0, style_1.getResponsiveSize)('maxWidth', 'gridLayout', '', 'maxWidth'), (0, style_1.getResponsiveSize)('height', 'gridLayout', '', 'height'), (0, style_1.getResponsiveSize)('minHeight', 'gridLayout', '', 'minHeight'), (0, style_1.getResponsiveSize)('maxHeight', 'gridLayout', '', 'maxHeight'), (0, logical_properties_1.logicalProps)('gridLayout'));
|
|
99
|
+
}), /* LOGICAL_PROPS_TO_DO: spaceInset to be removed. */ '', (0, style_1.getResponsiveSpace)('padding', '', '', 'spaceInset'), (0, style_1.getResponsiveSize)('width', 'gridLayout', '', 'width'), (0, style_1.getResponsiveSize)('minWidth', 'gridLayout', '', 'minWidth'), (0, style_1.getResponsiveSize)('maxWidth', 'gridLayout', '', 'maxWidth'), (0, style_1.getResponsiveSize)('height', 'gridLayout', '', 'height'), (0, style_1.getResponsiveSize)('minHeight', 'gridLayout', '', 'minHeight'), (0, style_1.getResponsiveSize)('maxHeight', 'gridLayout', '', 'maxHeight'), (0, logical_properties_1.logicalProps)('gridLayout'));
|
|
80
100
|
var templateObject_1;
|
|
81
101
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/grid-layout/styled.ts"],"names":[],"mappings":";;;;;;;AACA,kEAAyD;AACzD,
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/grid-layout/styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -25,9 +25,16 @@ export declare type GridLayoutProps = {
|
|
|
25
25
|
alignItems?: MQ<string>;
|
|
26
26
|
areas?: MQ<string>;
|
|
27
27
|
inline?: MQ<boolean>;
|
|
28
|
+
autoColumns?: MQ<string>;
|
|
29
|
+
autoRows?: MQ<string>;
|
|
30
|
+
autoFlow?: MQ<string>;
|
|
28
31
|
children?: React.ReactNode | GridLayoutRenderProps;
|
|
29
32
|
as?: React.ElementType<any>;
|
|
30
33
|
overrides?: {
|
|
34
|
+
/**
|
|
35
|
+
* @deprecated This property is deprecated and will be removed in the next major release. Use `paddingBlock` and `paddingInline` instead.
|
|
36
|
+
*/
|
|
37
|
+
spaceInset?: MQ<string>;
|
|
31
38
|
width?: MQ<string>;
|
|
32
39
|
minWidth?: MQ<string>;
|
|
33
40
|
maxWidth?: MQ<string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/grid-layout/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AACpC,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAEzD,oBAAY,mBAAmB,GAAG,UAAU,GAAG;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACnB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACvB,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACpB,GAAG,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;CAClB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AAEtC,oBAAY,QAAQ,GAAG;IACrB,CAAC,aAAa,EAAE,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC;CACxD,CAAC;AAEF,oBAAY,qBAAqB,GAAG,CAAC,KAAK,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC;AAEzE,oBAAY,eAAe,GAAG;IAC5B,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACpB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACvB,IAAI,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAClB,OAAO,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACrB,cAAc,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAC5B,YAAY,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAC1B,YAAY,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAC1B,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACxB,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACnB,MAAM,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,qBAAqB,CAAC;IAEnD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACnB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACpB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACvB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACxB,GAAG,YAAY,CAAC;CAClB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/grid-layout/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AACpC,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAEzD,oBAAY,mBAAmB,GAAG,UAAU,GAAG;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACnB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACvB,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACpB,GAAG,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;CAClB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AAEtC,oBAAY,QAAQ,GAAG;IACrB,CAAC,aAAa,EAAE,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC;CACxD,CAAC;AAEF,oBAAY,qBAAqB,GAAG,CAAC,KAAK,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC;AAEzE,oBAAY,eAAe,GAAG;IAC5B,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACpB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACvB,IAAI,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAClB,OAAO,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACrB,cAAc,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAC5B,YAAY,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAC1B,YAAY,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAC1B,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACxB,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACnB,MAAM,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC;IACrB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,qBAAqB,CAAC;IAEnD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE;QACV;;WAEG;QACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACnB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACpB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACvB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACxB,GAAG,YAAY,CAAC;CAClB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/instrumentation/types.ts"],"names":[],"mappings":";AAAA,oBAAY,YAAY,GAAG,MAAM,CAAC;AAElC,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,oBAAY,YAAY,GAAG,CACzB,MAAM,EAAE,oBAAoB,EAAE,KAC3B,oBAAoB,EAAE,CAAC;AAE5B,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,WAAW,SAAS;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/instrumentation/types.ts"],"names":[],"mappings":";AAAA,oBAAY,YAAY,GAAG,MAAM,CAAC;AAElC,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,oBAAY,YAAY,GAAG,CACzB,MAAM,EAAE,oBAAoB,EAAE,KAC3B,oBAAoB,EAAE,CAAC;AAE5B,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,WAAW,SAAS;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
|
|
@@ -12,5 +12,6 @@ var EventTrigger;
|
|
|
12
12
|
EventTrigger["Pulse"] = "pulse";
|
|
13
13
|
EventTrigger["Focus"] = "focus";
|
|
14
14
|
EventTrigger["Change"] = "change";
|
|
15
|
+
EventTrigger["Scroll"] = "scroll";
|
|
15
16
|
})(EventTrigger = exports.EventTrigger || (exports.EventTrigger = {}));
|
|
16
17
|
//# sourceMappingURL=types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/instrumentation/types.ts"],"names":[],"mappings":";;;AAEA,IAAY,
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/instrumentation/types.ts"],"names":[],"mappings":";;;AAEA,IAAY,YAWX;AAXD,WAAY,YAAY;IACtB,+BAAe,CAAA;IACf,+BAAe,CAAA;IACf,6BAAa,CAAA;IACb,+BAAe,CAAA;IACf,6BAAa,CAAA;IACb,2BAAW,CAAA;IACX,+BAAe,CAAA;IACf,+BAAe,CAAA;IACf,iCAAiB,CAAA;IACjB,iCAAiB,CAAA;AACnB,CAAC,EAXW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAWvB"}
|
package/cjs/menu/index.d.ts
CHANGED
|
@@ -2,5 +2,6 @@ export { Menu } from './menu';
|
|
|
2
2
|
export { MenuDivider } from './menu-divider';
|
|
3
3
|
export { MenuGroup } from './menu-group';
|
|
4
4
|
export { MenuItem } from './menu-item';
|
|
5
|
+
export { MenuSub } from './menu-sub';
|
|
5
6
|
export type { MenuProps } from './types';
|
|
6
7
|
//# sourceMappingURL=index.d.ts.map
|
package/cjs/menu/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AACvC,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AACrC,YAAY,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AACvC,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AACrC,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AACnC,YAAY,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC"}
|
package/cjs/menu/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.MenuItem = exports.MenuGroup = exports.MenuDivider = exports.Menu = void 0;
|
|
3
|
+
exports.MenuSub = exports.MenuItem = exports.MenuGroup = exports.MenuDivider = exports.Menu = void 0;
|
|
4
4
|
var menu_1 = require("./menu");
|
|
5
5
|
Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return menu_1.Menu; } });
|
|
6
6
|
var menu_divider_1 = require("./menu-divider");
|
|
@@ -9,4 +9,6 @@ var menu_group_1 = require("./menu-group");
|
|
|
9
9
|
Object.defineProperty(exports, "MenuGroup", { enumerable: true, get: function () { return menu_group_1.MenuGroup; } });
|
|
10
10
|
var menu_item_1 = require("./menu-item");
|
|
11
11
|
Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return menu_item_1.MenuItem; } });
|
|
12
|
+
var menu_sub_1 = require("./menu-sub");
|
|
13
|
+
Object.defineProperty(exports, "MenuSub", { enumerable: true, get: function () { return menu_sub_1.MenuSub; } });
|
|
12
14
|
//# sourceMappingURL=index.js.map
|
package/cjs/menu/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu/index.ts"],"names":[],"mappings":";;;AAAA,+BAA4B;AAApB,4FAAA,IAAI,OAAA;AACZ,+CAA2C;AAAnC,2GAAA,WAAW,OAAA;AACnB,2CAAuC;AAA/B,uGAAA,SAAS,OAAA;AACjB,yCAAqC;AAA7B,qGAAA,QAAQ,OAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu/index.ts"],"names":[],"mappings":";;;AAAA,+BAA4B;AAApB,4FAAA,IAAI,OAAA;AACZ,+CAA2C;AAAnC,2GAAA,WAAW,OAAA;AACnB,2CAAuC;AAA/B,uGAAA,SAAS,OAAA;AACjB,yCAAqC;AAA7B,qGAAA,QAAQ,OAAA;AAChB,uCAAmC;AAA3B,mGAAA,OAAO,OAAA"}
|
|
@@ -1 +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,
|
|
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,qFAmDpB,CAAC"}
|
package/cjs/menu/menu-item.js
CHANGED
|
@@ -33,16 +33,13 @@ var theme_1 = require("../theme");
|
|
|
33
33
|
var filter_object_1 = require("../utils/filter-object");
|
|
34
34
|
var get_1 = require("../utils/get");
|
|
35
35
|
exports.MenuItem = react_1.default.forwardRef(function (_a, ref) {
|
|
36
|
-
var overrides = _a.overrides, children = _a.children, selected = _a.selected, rest = __rest(_a, ["overrides", "children", "selected"]);
|
|
37
|
-
var
|
|
36
|
+
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"]);
|
|
37
|
+
var _d = (0, context_1.useMenuContext)(), vertical = _d.vertical, size = _d.size, align = _d.align, menuOverrides = _d.overrides;
|
|
38
38
|
var theme = (0, theme_1.useTheme)();
|
|
39
39
|
var menuItemOverrides = __assign(__assign({}, (0, get_1.get)(theme.componentDefaults, "menuItem.".concat(vertical ? 'vertical' : 'horizontal'))), (0, filter_object_1.filterOutFalsyProperties)(overrides));
|
|
40
40
|
var buttonProps = __assign(__assign({}, rest), { selected: selected, size: size });
|
|
41
41
|
return (react_1.default.createElement(styled_1.StyledMenuItem, { className: "nk-menu-item", vertical: vertical, overrides: menuOverrides, ref: ref },
|
|
42
|
-
react_1.default.createElement(styled_1.StyledButton, __assign({}, buttonProps, { align: align,
|
|
43
|
-
// width 100% should not be overwritten
|
|
44
|
-
// move to StyledButton once PPDSC-1449 is resolved
|
|
45
|
-
width: '100%' }), "aria-current": selected && 'page' }), children)));
|
|
42
|
+
react_1.default.createElement(styled_1.StyledButton, __assign({}, buttonProps, { align: align, eventContext: __assign({ href: rest.href }, eventContext), eventOriginator: eventOriginator, overrides: __assign({}, menuItemOverrides), "aria-current": selected && 'page' }), children)));
|
|
46
43
|
});
|
|
47
44
|
exports.MenuItem.displayName = 'MenuItem';
|
|
48
45
|
//# sourceMappingURL=menu-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../src/menu/menu-item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qCAAyC;AAEzC,mCAAsD;AAEtD,kCAAkC;AAClC,wDAAgE;AAChE,oCAAiC;AAEpB,QAAA,QAAQ,GAAG,eAAK,CAAC,UAAU,CACtC,
|
|
1
|
+
{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../src/menu/menu-item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qCAAyC;AAEzC,mCAAsD;AAEtD,kCAAkC;AAClC,wDAAgE;AAChE,oCAAiC;AAEpB,QAAA,QAAQ,GAAG,eAAK,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,KAAoD,IAAA,wBAAc,GAAE,EAAnE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAa,aAAa,eAAoB,CAAC;IAE3E,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,iBAAiB,yBAClB,IAAA,SAAG,EACJ,KAAK,CAAC,iBAAiB,EACvB,mBAAY,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAE,CACnD,GACE,IAAA,wCAAwB,EAAC,SAAS,CAAC,CACvC,CAAC;IAEF,IAAM,WAAW,yBACZ,IAAI,KACP,QAAQ,UAAA,EACR,IAAI,MAAA,GACL,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAc,IACb,SAAS,EAAC,cAAc,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,aAAa,EACxB,GAAG,EAAE,GAAG;QAER,8BAAC,qBAAY,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,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { MenuSubIconProps } from './types';
|
|
3
|
+
export declare const MenuSub: React.ForwardRefExoticComponent<Omit<import("./types").MenuItemProps, "title" | "href" | "overrides"> & {
|
|
4
|
+
title?: React.ReactNode;
|
|
5
|
+
expanded?: boolean | undefined;
|
|
6
|
+
defaultExpanded?: boolean | undefined;
|
|
7
|
+
overrides?: ({
|
|
8
|
+
indicatorIcon?: import("../utils/overrides").Override<MenuSubIconProps>;
|
|
9
|
+
} & {
|
|
10
|
+
marginBlock?: import("..").MQ<string> | undefined;
|
|
11
|
+
marginBlockEnd?: import("..").MQ<string> | undefined;
|
|
12
|
+
marginBlockStart?: import("..").MQ<string> | undefined;
|
|
13
|
+
marginInline?: import("..").MQ<string> | undefined;
|
|
14
|
+
marginInlineEnd?: import("..").MQ<string> | undefined;
|
|
15
|
+
marginInlineStart?: import("..").MQ<string> | undefined;
|
|
16
|
+
maxHeight?: import("..").MQ<string> | undefined;
|
|
17
|
+
maxWidth?: import("..").MQ<string> | undefined;
|
|
18
|
+
minHeight?: import("..").MQ<string> | undefined;
|
|
19
|
+
minWidth?: import("..").MQ<string> | undefined;
|
|
20
|
+
paddingBlock?: import("..").MQ<string> | undefined;
|
|
21
|
+
paddingBlockEnd?: import("..").MQ<string> | undefined;
|
|
22
|
+
paddingBlockStart?: import("..").MQ<string> | undefined;
|
|
23
|
+
paddingInline?: import("..").MQ<string> | undefined;
|
|
24
|
+
paddingInlineEnd?: import("..").MQ<string> | undefined;
|
|
25
|
+
paddingInlineStart?: import("..").MQ<string> | undefined;
|
|
26
|
+
typographyPreset?: import("..").MQ<string> | undefined;
|
|
27
|
+
spaceInline?: import("..").MQ<string> | undefined;
|
|
28
|
+
spaceInset?: import("..").MQ<string> | undefined;
|
|
29
|
+
stylePreset?: import("..").MQ<string> | undefined;
|
|
30
|
+
transitionPreset?: import("../theme").TransitionToken | import("../theme").TransitionToken[] | undefined;
|
|
31
|
+
iconSize?: import("..").MQ<string> | undefined;
|
|
32
|
+
} & import("../utils/logical-properties").LogicalProps) | undefined;
|
|
33
|
+
} & React.RefAttributes<HTMLLIElement>>;
|
|
34
|
+
//# sourceMappingURL=menu-sub.d.ts.map
|
|
@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAiFnB,CAAC"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
+
exports.MenuSub = void 0;
|
|
29
|
+
var react_1 = __importDefault(require("react"));
|
|
30
|
+
var context_1 = require("./context");
|
|
31
|
+
var styled_1 = require("./styled");
|
|
32
|
+
var theme_1 = require("../theme");
|
|
33
|
+
var filter_object_1 = require("../utils/filter-object");
|
|
34
|
+
var get_1 = require("../utils/get");
|
|
35
|
+
var hooks_1 = require("../utils/hooks");
|
|
36
|
+
var compose_event_handlers_1 = require("../utils/compose-event-handlers");
|
|
37
|
+
var icons_1 = require("../icons");
|
|
38
|
+
var overrides_1 = require("../utils/overrides");
|
|
39
|
+
var DefaultIcon = function (_a) {
|
|
40
|
+
var expanded = _a.expanded, overrides = _a.overrides;
|
|
41
|
+
return expanded ? (react_1.default.createElement(icons_1.IconFilledExpandLess, { overrides: __assign({ size: 'iconSize020' }, overrides) })) : (react_1.default.createElement(icons_1.IconFilledExpandMore, { overrides: __assign({ size: 'iconSize020' }, overrides) }));
|
|
42
|
+
};
|
|
43
|
+
exports.MenuSub = react_1.default.forwardRef(function (_a, ref) {
|
|
44
|
+
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"]);
|
|
45
|
+
var _b = (0, hooks_1.useControlled)({
|
|
46
|
+
controlledValue: expandedProp,
|
|
47
|
+
defaultValue: defaultExpanded,
|
|
48
|
+
}), isExpanded = _b[0], setIsExpanded = _b[1];
|
|
49
|
+
var _c = (0, overrides_1.getComponentOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.indicatorIcon, DefaultIcon, {
|
|
50
|
+
expanded: isExpanded,
|
|
51
|
+
}), IndicatorIcon = _c[0], indicatorIconProps = _c[1];
|
|
52
|
+
var handleClick = react_1.default.useCallback(function () {
|
|
53
|
+
setIsExpanded(!isExpanded);
|
|
54
|
+
}, [isExpanded, setIsExpanded]);
|
|
55
|
+
var _d = (0, context_1.useMenuContext)(), vertical = _d.vertical, size = _d.size, align = _d.align, menuOverrides = _d.overrides;
|
|
56
|
+
var theme = (0, theme_1.useTheme)();
|
|
57
|
+
var menuItemOverrides = __assign(__assign({}, (0, get_1.get)(theme.componentDefaults, "menuItem.".concat(vertical ? 'vertical' : 'horizontal'))), (0, filter_object_1.filterOutFalsyProperties)(overrides));
|
|
58
|
+
var buttonProps = __assign(__assign({}, rest), { selected: selected, size: size });
|
|
59
|
+
return (react_1.default.createElement(styled_1.StyledMenuItem, { className: "nk-menu-item", vertical: vertical, overrides: menuOverrides, ref: ref },
|
|
60
|
+
react_1.default.createElement(styled_1.StyledButton, __assign({}, buttonProps, { align: align, selected: selected, onClick: (0, compose_event_handlers_1.composeEventHandlers)([handleClick, onClick]), "aria-expanded": isExpanded, "data-testid": "menu-sub-button", overrides: __assign({}, menuItemOverrides) }),
|
|
61
|
+
title,
|
|
62
|
+
react_1.default.createElement(IndicatorIcon, __assign({}, indicatorIconProps))),
|
|
63
|
+
react_1.default.createElement(styled_1.StyledUl, { expanded: isExpanded, vertical: vertical, overrides: overrides }, children)));
|
|
64
|
+
});
|
|
65
|
+
exports.MenuSub.displayName = 'MenuSub';
|
|
66
|
+
//# sourceMappingURL=menu-sub.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-sub.js","sourceRoot":"","sources":["../../../src/menu/menu-sub.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qCAAyC;AAEzC,mCAAgE;AAChE,kCAAkC;AAClC,wDAAgE;AAChE,oCAAiC;AACjC,wCAA6C;AAC7C,0EAAqE;AACrE,kCAAoE;AACpE,gDAAyD;AAEzD,IAAM,WAAW,GAAG,UAAC,EAAuC;QAAtC,QAAQ,cAAA,EAAE,SAAS,eAAA;IACvC,OAAA,QAAQ,CAAC,CAAC,CAAC,CACT,8BAAC,4BAAoB,IACnB,SAAS,aACP,IAAI,EAAE,aAAa,IAChB,SAAS,IAEd,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,4BAAoB,IACnB,SAAS,aACP,IAAI,EAAE,aAAa,IAChB,SAAS,IAEd,CACH;AAdD,CAcC,CAAC;AAES,QAAA,OAAO,GAAG,eAAK,CAAC,UAAU,CACrC,UACE,EASC,EACD,GAAG;IATD,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACE,YAAY,cAAA,EACtB,eAAe,qBAAA,EACf,OAAO,aAAA,EACJ,IAAI,cART,wFASC,CADQ;IAIH,IAAA,KAA8B,IAAA,qBAAa,EAAC;QAChD,eAAe,EAAE,YAAY;QAC7B,YAAY,EAAE,eAAe;KAC9B,CAAC,EAHK,UAAU,QAAA,EAAE,aAAa,QAG9B,CAAC;IAEG,IAAA,KAAsC,IAAA,iCAAqB,EAC/D,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,EACxB,WAAW,EACX;QACE,QAAQ,EAAE,UAAU;KACrB,CACF,EANM,aAAa,QAAA,EAAE,kBAAkB,QAMvC,CAAC;IAEF,IAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CAAC;QACpC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1B,IAAA,KAAoD,IAAA,wBAAc,GAAE,EAAnE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAa,aAAa,eAAoB,CAAC;IAE3E,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,iBAAiB,yBAClB,IAAA,SAAG,EACJ,KAAK,CAAC,iBAAiB,EACvB,mBAAY,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAE,CACnD,GACE,IAAA,wCAAwB,EAAC,SAAS,CAAC,CACvC,CAAC;IAEF,IAAM,WAAW,yBACZ,IAAI,KACP,QAAQ,UAAA,EACR,IAAI,MAAA,GACL,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAc,IACb,SAAS,EAAC,cAAc,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,aAAa,EACxB,GAAG,EAAE,GAAG;QAIR,8BAAC,qBAAY,eACP,WAAW,IACf,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,IAAA,6CAAoB,EAAC,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,mBACtC,UAAU,iBACb,iBAAiB,EAC7B,SAAS,eACJ,iBAAiB;YAGrB,KAAK;YACN,8BAAC,aAAa,eAAM,kBAAuC,EAAI,CAClD;QACf,8BAAC,iBAAQ,IACP,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACA,CACI,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/menu/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAG3C,
|
|
1
|
+
{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/menu/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAG3C,wBA8GiC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/menu/style-presets.ts"],"names":[],"mappings":";;AACA,wEAAmE;AAEnE,kBAAe;IACb,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,wBAAwB;YACrC,WAAW,EACT,6GAA6G;YAC/G,KAAK,EAAE,sBAAsB;YAC7B,SAAS,EAAE,sBAAsB;SAClC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,gBAAgB,EAAE;YAChB,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,eAAe,EAAE,2CAAmB;KACrC;
|
|
1
|
+
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/menu/style-presets.ts"],"names":[],"mappings":";;AACA,wEAAmE;AAEnE,kBAAe;IACb,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,wBAAwB;YACrC,WAAW,EACT,6GAA6G;YAC/G,KAAK,EAAE,sBAAsB;YAC7B,SAAS,EAAE,sBAAsB;SAClC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,gBAAgB,EAAE;YAChB,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,eAAe,EAAE,2CAAmB;KACrC;IACD,kBAAkB,EAAE;QAClB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,wBAAwB;YACrC,WAAW,EACT,6GAA6G;YAC/G,KAAK,EAAE,sBAAsB;YAC7B,SAAS,EAAE,sBAAsB;SAClC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE,oBAAoB;SAChC;QACD,MAAM,EAAE;YACN,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE,oBAAoB;SAChC;QACD,gBAAgB,EAAE;YAChB,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE,oBAAoB;SAChC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,eAAe,EAAE,2CAAmB;KACrC;IACD,yBAAyB,EAAE;QACzB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,wBAAwB;YACrC,WAAW,EACT,6GAA6G;YAC/G,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,gBAAgB,EAAE;YAChB,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,MAAM,EAAE;YACN,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;SAC9C;QACD,eAAe,EAAE,2CAAmB;KACrC;CAC6B,CAAC"}
|
package/cjs/menu/styled.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { MenuGroupProps, MenuItemAlign, MenuProps } from './types';
|
|
2
|
+
import { MenuGroupProps, MenuItemAlign, MenuProps, MenuSubProps } from './types';
|
|
3
3
|
export declare const StyledMenu: import("@emotion/styled").StyledComponent<{
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
5
|
as?: import("react").ElementType<any> | undefined;
|
|
@@ -26,4 +26,8 @@ export declare const StyledMenuDivider: import("@emotion/styled").StyledComponen
|
|
|
26
26
|
theme?: import("@emotion/react").Theme | undefined;
|
|
27
27
|
as?: import("react").ElementType<any> | undefined;
|
|
28
28
|
} & Pick<MenuProps, "vertical"> & Pick<MenuProps, "overrides">, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
|
|
29
|
+
export declare const StyledUl: import("@emotion/styled").StyledComponent<{
|
|
30
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
31
|
+
as?: import("react").ElementType<any> | undefined;
|
|
32
|
+
} & Pick<MenuProps, "vertical"> & Pick<MenuSubProps, "expanded" | "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
|
|
29
33
|
//# sourceMappingURL=styled.d.ts.map
|
package/cjs/menu/styled.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/menu/styled.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/menu/styled.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAC,MAAM,SAAS,CAAC;AAG/E,eAAO,MAAM,UAAU;;;+GAsBtB,CAAC;AAEF,eAAO,MAAM,eAAe;;;wJAwB3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;wJAkBhC,CAAC;AAEF,eAAO,MAAM,cAAc;;;sKAW1B,CAAC;AAkBF,eAAO,MAAM,YAAY;;;YACf,aAAa,GAAG,SAAS;;UAclC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;sKAwB7B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;0LAmBpB,CAAC"}
|
package/cjs/menu/styled.js
CHANGED
|
@@ -4,11 +4,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.StyledMenuDivider = exports.StyledButton = exports.StyledMenuItem = exports.StyledMenuGroupTitle = exports.StyledMenuGroup = exports.StyledMenu = void 0;
|
|
7
|
+
exports.StyledUl = exports.StyledMenuDivider = exports.StyledButton = exports.StyledMenuItem = exports.StyledMenuGroupTitle = exports.StyledMenuGroup = exports.StyledMenu = void 0;
|
|
8
8
|
var button_1 = require("../button");
|
|
9
9
|
var style_1 = require("../utils/style");
|
|
10
10
|
var logical_properties_1 = require("../utils/logical-properties");
|
|
11
|
-
exports.StyledMenu = style_1.styled.nav(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n
|
|
11
|
+
exports.StyledMenu = style_1.styled.nav(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n ", "\n > ul {\n box-sizing: border-box;\n position: relative;\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n display: flex;\n ", "\n\n ", "\n }\n\n li:last-of-type {\n ", "\n }\n\n ", ";\n ", "\n"], ["\n box-sizing: border-box;\n ", "\n > ul {\n box-sizing: border-box;\n position: relative;\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n display: flex;\n ", "\n\n ", "\n }\n\n li:last-of-type {\n ", "\n }\n\n ", ";\n ", "\n"])), function (_a) {
|
|
12
12
|
var vertical = _a.vertical;
|
|
13
13
|
return (vertical ? 'height: 100%;' : 'width: 100%;');
|
|
14
14
|
}, function (_a) {
|
|
@@ -29,7 +29,7 @@ exports.StyledMenuGroup = style_1.styled.li(templateObject_2 || (templateObject_
|
|
|
29
29
|
return !vertical && 'display: flex;';
|
|
30
30
|
});
|
|
31
31
|
exports.StyledMenuGroupTitle = style_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-sizing: border-box;\n\n ", "\n\n ", "\n"], ["\n box-sizing: border-box;\n\n ", "\n\n ", "\n"])), (0, style_1.getResponsiveSpace)('marginBottom', 'menuGroup.title', 'title', 'spaceInline'), (0, style_1.getResponsiveSpace)(function (space) { return ({ paddingLeft: space, paddingRight: space }); }, 'menuGroup.title', 'title', 'spaceInset'));
|
|
32
|
-
exports.StyledMenuItem = style_1.styled.li(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n box-sizing: border-box;\n
|
|
32
|
+
exports.StyledMenuItem = style_1.styled.li(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n box-sizing: border-box;\n ", "\n"], ["\n box-sizing: border-box;\n ", "\n"])), function (_a) {
|
|
33
33
|
var vertical = _a.vertical;
|
|
34
34
|
return (0, style_1.getResponsiveSpace)(vertical ? 'marginBottom' : 'marginRight', "menu", '', 'spaceInline');
|
|
35
35
|
});
|
|
@@ -37,21 +37,28 @@ var menuItemFlexAlign = {
|
|
|
37
37
|
start: 'flex-start',
|
|
38
38
|
center: 'center',
|
|
39
39
|
end: 'flex-end',
|
|
40
|
+
spaceBetween: 'space-between',
|
|
40
41
|
};
|
|
41
42
|
var menuItemTextAlign = {
|
|
42
43
|
start: 'left',
|
|
43
44
|
center: 'center',
|
|
44
45
|
end: 'right',
|
|
45
46
|
};
|
|
46
|
-
|
|
47
|
+
var getTextAlign = function (align) {
|
|
48
|
+
return align === 'spaceBetween' ? menuItemTextAlign.start : menuItemTextAlign[align];
|
|
49
|
+
};
|
|
50
|
+
exports.StyledButton = (0, style_1.styled)(button_1.Button)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n width: 100%;\n ", "\n\n ", "\n \n text-align: ", "\n"], ["\n width: 100%;\n ", "\n\n ", "\n \n text-align: ", "\n"])), function (_a) {
|
|
47
51
|
var selected = _a.selected;
|
|
48
52
|
return selected && (0, style_1.getStylePreset)('menuItem', '', { isSelected: selected });
|
|
49
53
|
}, function (_a) {
|
|
50
54
|
var align = _a.align;
|
|
51
|
-
return align &&
|
|
55
|
+
return align &&
|
|
56
|
+
menuItemFlexAlign[align] && {
|
|
52
57
|
justifyContent: menuItemFlexAlign[align],
|
|
53
|
-
textAlign: menuItemTextAlign[align],
|
|
54
58
|
};
|
|
59
|
+
}, function (_a) {
|
|
60
|
+
var align = _a.align;
|
|
61
|
+
return align && getTextAlign(align);
|
|
55
62
|
});
|
|
56
63
|
exports.StyledMenuDivider = style_1.styled.li(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n box-sizing: border-box;\n\n .nk-menu-group + & {\n ", "\n }\n\n .nk-menu-item + & {\n ", "\n }\n"], ["\n box-sizing: border-box;\n\n .nk-menu-group + & {\n ", "\n }\n\n .nk-menu-item + & {\n ", "\n }\n"])), function (_a) {
|
|
57
64
|
var vertical = _a.vertical;
|
|
@@ -60,5 +67,21 @@ exports.StyledMenuDivider = style_1.styled.li(templateObject_6 || (templateObjec
|
|
|
60
67
|
var vertical = _a.vertical;
|
|
61
68
|
return (0, style_1.getResponsiveSpace)(vertical ? 'marginBottom' : 'marginRight', "menu", '', 'spaceInline');
|
|
62
69
|
});
|
|
63
|
-
|
|
70
|
+
exports.StyledUl = style_1.styled.ul(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: ", ";\n flex-direction: ", ";\n box-sizing: border-box;\n list-style-type: none;\n margin: 0;\n padding: 0;\n ", "\n\n ", ";\n"], ["\n display: ", ";\n flex-direction: ", ";\n box-sizing: border-box;\n list-style-type: none;\n margin: 0;\n padding: 0;\n ", "\n\n ", ";\n"])), function (_a) {
|
|
71
|
+
var expanded = _a.expanded;
|
|
72
|
+
return (expanded ? 'flex' : 'none');
|
|
73
|
+
}, function (_a) {
|
|
74
|
+
var vertical = _a.vertical;
|
|
75
|
+
return (vertical ? 'column' : 'row');
|
|
76
|
+
}, (0, logical_properties_1.logicalProps)(), function (_a) {
|
|
77
|
+
var vertical = _a.vertical;
|
|
78
|
+
return vertical
|
|
79
|
+
? {}
|
|
80
|
+
: {
|
|
81
|
+
position: 'absolute',
|
|
82
|
+
left: '0',
|
|
83
|
+
width: '100%',
|
|
84
|
+
};
|
|
85
|
+
});
|
|
86
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
64
87
|
//# sourceMappingURL=styled.js.map
|
package/cjs/menu/styled.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/menu/styled.tsx"],"names":[],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/menu/styled.tsx"],"names":[],"mappings":"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"}
|
package/cjs/menu/types.d.ts
CHANGED
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { DividerOverrides } from '../divider';
|
|
3
3
|
import { BaseFlagOverrides, BaseFlagProps } from '../flag';
|
|
4
|
+
import { EventData } from '../instrumentation';
|
|
5
|
+
import { NewsKitIconProps } from '../icons';
|
|
4
6
|
import { MQ } from '../utils';
|
|
5
7
|
import { LogicalProps } from '../utils/logical-properties';
|
|
8
|
+
import { Override } from '../utils/overrides';
|
|
6
9
|
export declare type MenuItemSize = 'small' | 'medium' | 'large';
|
|
7
|
-
export declare type MenuItemAlign = 'start' | 'end' | 'center';
|
|
8
|
-
export interface MenuProps extends React.
|
|
10
|
+
export declare type MenuItemAlign = 'start' | 'end' | 'center' | 'spaceBetween';
|
|
11
|
+
export interface MenuProps extends React.HTMLAttributes<HTMLElement> {
|
|
9
12
|
children: Exclude<React.ReactNode, 'undefined'>;
|
|
10
13
|
vertical?: boolean;
|
|
11
14
|
size?: MenuItemSize;
|
|
@@ -29,12 +32,23 @@ export interface MenuGroupProps extends React.AriaAttributes {
|
|
|
29
32
|
};
|
|
30
33
|
}
|
|
31
34
|
declare type MenuItemOverrides = Omit<BaseFlagOverrides, 'width' | 'height'>;
|
|
32
|
-
export interface MenuItemProps extends Omit<BaseFlagProps<MenuItemOverrides>, 'loading'>, React.AnchorHTMLAttributes<HTMLAnchorElement
|
|
35
|
+
export interface MenuItemProps extends Omit<BaseFlagProps<MenuItemOverrides>, 'loading'>, React.AnchorHTMLAttributes<HTMLAnchorElement>, EventData {
|
|
33
36
|
children: Exclude<React.ReactNode, 'undefined'>;
|
|
34
37
|
href: string;
|
|
35
38
|
selected?: boolean;
|
|
36
39
|
onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
|
|
37
40
|
}
|
|
41
|
+
export declare type MenuSubIconProps = NewsKitIconProps & {
|
|
42
|
+
expanded: boolean;
|
|
43
|
+
};
|
|
44
|
+
export declare type MenuSubProps = Omit<MenuItemProps, 'title' | 'overrides' | 'href'> & {
|
|
45
|
+
title?: React.ReactNode;
|
|
46
|
+
expanded?: boolean;
|
|
47
|
+
defaultExpanded?: boolean;
|
|
48
|
+
overrides?: {
|
|
49
|
+
indicatorIcon?: Override<MenuSubIconProps>;
|
|
50
|
+
} & MenuItemProps['overrides'] & LogicalProps;
|
|
51
|
+
};
|
|
38
52
|
export interface MenuDividerProps {
|
|
39
53
|
overrides?: DividerOverrides & {
|
|
40
54
|
spaceInline?: MQ<string>;
|