newskit 6.7.0 → 6.9.0
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/accordion/accordion.d.ts.map +1 -1
- package/cjs/accordion/accordion.js +6 -4
- package/cjs/accordion/accordion.js.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/volume-control.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/volume-control.js +2 -1
- package/cjs/audio-player-composable/components/volume-control/volume-control.js.map +1 -1
- package/cjs/base-floating-element/base-floating-element.d.ts.map +1 -1
- package/cjs/base-floating-element/base-floating-element.js +14 -10
- package/cjs/base-floating-element/base-floating-element.js.map +1 -1
- package/cjs/base-floating-element/types.d.ts +2 -1
- package/cjs/base-floating-element/types.d.ts.map +1 -1
- package/cjs/base-switch/styled.d.ts.map +1 -1
- package/cjs/base-switch/styled.js +3 -1
- package/cjs/base-switch/styled.js.map +1 -1
- package/cjs/breadcrumbs/defaults.d.ts +6 -3
- package/cjs/breadcrumbs/defaults.d.ts.map +1 -1
- package/cjs/breadcrumbs/defaults.js +6 -3
- package/cjs/breadcrumbs/defaults.js.map +1 -1
- package/cjs/drawer/drawer.d.ts.map +1 -1
- package/cjs/drawer/drawer.js +2 -1
- package/cjs/drawer/drawer.js.map +1 -1
- package/cjs/form/form-input.d.ts.map +1 -1
- package/cjs/form/form-input.js +1 -1
- package/cjs/form/form-input.js.map +1 -1
- package/cjs/image/image.d.ts.map +1 -1
- package/cjs/image/image.js +2 -2
- package/cjs/image/image.js.map +1 -1
- package/cjs/image/types.d.ts +4 -6
- package/cjs/image/types.d.ts.map +1 -1
- package/cjs/image/utils.d.ts +1 -1
- package/cjs/image/utils.d.ts.map +1 -1
- package/cjs/image/utils.js +7 -8
- package/cjs/image/utils.js.map +1 -1
- package/cjs/link/style-presets.d.ts.map +1 -1
- package/cjs/link/style-presets.js.map +1 -1
- package/cjs/link/utils.d.ts.map +1 -1
- package/cjs/link/utils.js +1 -1
- package/cjs/link/utils.js.map +1 -1
- package/cjs/menu/context.d.ts +10 -0
- package/cjs/menu/context.d.ts.map +1 -1
- package/cjs/menu/context.js +7 -1
- package/cjs/menu/context.js.map +1 -1
- package/cjs/menu/menu-item.d.ts.map +1 -1
- package/cjs/menu/menu-item.js +11 -3
- package/cjs/menu/menu-item.js.map +1 -1
- package/cjs/menu/menu-sub.d.ts +1 -0
- package/cjs/menu/menu-sub.d.ts.map +1 -1
- package/cjs/menu/menu-sub.js +61 -14
- package/cjs/menu/menu-sub.js.map +1 -1
- package/cjs/menu/menu.d.ts.map +1 -1
- package/cjs/menu/menu.js +65 -3
- package/cjs/menu/menu.js.map +1 -1
- package/cjs/menu/types.d.ts +1 -0
- package/cjs/menu/types.d.ts.map +1 -1
- package/cjs/menu/utils.d.ts +5 -0
- package/cjs/menu/utils.d.ts.map +1 -0
- package/cjs/menu/utils.js +26 -0
- package/cjs/menu/utils.js.map +1 -0
- package/cjs/modal/modal.d.ts.map +1 -1
- package/cjs/modal/modal.js +2 -1
- package/cjs/modal/modal.js.map +1 -1
- package/cjs/overlay/overlay.d.ts.map +1 -1
- package/cjs/overlay/overlay.js +7 -5
- package/cjs/overlay/overlay.js.map +1 -1
- package/cjs/popover/popover.d.ts.map +1 -1
- package/cjs/popover/popover.js +9 -4
- package/cjs/popover/popover.js.map +1 -1
- package/cjs/select/defaults.d.ts +3 -0
- package/cjs/select/defaults.d.ts.map +1 -1
- package/cjs/select/defaults.js +3 -0
- package/cjs/select/defaults.js.map +1 -1
- package/cjs/select/select-panel.d.ts +2 -2
- package/cjs/select/select-panel.d.ts.map +1 -1
- package/cjs/select/select-panel.js +6 -6
- package/cjs/select/select-panel.js.map +1 -1
- package/cjs/select/select.d.ts.map +1 -1
- package/cjs/select/select.js +76 -69
- package/cjs/select/select.js.map +1 -1
- package/cjs/select/styled.d.ts +1 -1
- package/cjs/select/styled.d.ts.map +1 -1
- package/cjs/select/styled.js +4 -4
- package/cjs/select/styled.js.map +1 -1
- package/cjs/select/types.d.ts +3 -0
- package/cjs/select/types.d.ts.map +1 -1
- package/cjs/switch/styled.d.ts +1 -1
- package/cjs/switch/styled.d.ts.map +1 -1
- package/cjs/switch/switch.js +2 -2
- package/cjs/switch/switch.js.map +1 -1
- package/cjs/tabs/utils.d.ts +1 -1
- package/cjs/tabs/utils.js +1 -1
- package/cjs/tabs/utils.js.map +1 -1
- package/cjs/tooltip/tooltip.d.ts +1 -1
- package/cjs/tooltip/types.d.ts +1 -1
- package/cjs/tooltip/types.d.ts.map +1 -1
- package/cjs/utils/audio-tests.d.ts.map +1 -1
- package/cjs/utils/audio-tests.js +1 -0
- package/cjs/utils/audio-tests.js.map +1 -1
- package/cjs/utils/text-crop.d.ts +14 -14
- package/cjs/utils/text-crop.d.ts.map +1 -1
- package/cjs/utils/text-crop.js +15 -4
- package/cjs/utils/text-crop.js.map +1 -1
- package/cjs/version-number.json +1 -1
- package/esm/accordion/accordion.d.ts.map +1 -1
- package/esm/accordion/accordion.js +6 -4
- package/esm/accordion/accordion.js.map +1 -1
- package/esm/audio-player-composable/components/volume-control/volume-control.d.ts.map +1 -1
- package/esm/audio-player-composable/components/volume-control/volume-control.js +2 -1
- package/esm/audio-player-composable/components/volume-control/volume-control.js.map +1 -1
- package/esm/base-floating-element/base-floating-element.d.ts.map +1 -1
- package/esm/base-floating-element/base-floating-element.js +14 -10
- package/esm/base-floating-element/base-floating-element.js.map +1 -1
- package/esm/base-floating-element/types.d.ts +2 -1
- package/esm/base-floating-element/types.d.ts.map +1 -1
- package/esm/base-switch/styled.d.ts.map +1 -1
- package/esm/base-switch/styled.js +3 -1
- package/esm/base-switch/styled.js.map +1 -1
- package/esm/breadcrumbs/defaults.d.ts +6 -3
- package/esm/breadcrumbs/defaults.d.ts.map +1 -1
- package/esm/breadcrumbs/defaults.js +6 -3
- package/esm/breadcrumbs/defaults.js.map +1 -1
- package/esm/drawer/drawer.d.ts.map +1 -1
- package/esm/drawer/drawer.js +2 -1
- package/esm/drawer/drawer.js.map +1 -1
- package/esm/form/form-input.d.ts.map +1 -1
- package/esm/form/form-input.js +1 -1
- package/esm/form/form-input.js.map +1 -1
- package/esm/image/image.d.ts.map +1 -1
- package/esm/image/image.js +2 -2
- package/esm/image/image.js.map +1 -1
- package/esm/image/types.d.ts +4 -6
- package/esm/image/types.d.ts.map +1 -1
- package/esm/image/utils.d.ts +1 -1
- package/esm/image/utils.d.ts.map +1 -1
- package/esm/image/utils.js +7 -8
- package/esm/image/utils.js.map +1 -1
- package/esm/link/style-presets.d.ts.map +1 -1
- package/esm/link/style-presets.js.map +1 -1
- package/esm/link/utils.d.ts.map +1 -1
- package/esm/link/utils.js +1 -1
- package/esm/link/utils.js.map +1 -1
- package/esm/menu/context.d.ts +10 -0
- package/esm/menu/context.d.ts.map +1 -1
- package/esm/menu/context.js +7 -1
- package/esm/menu/context.js.map +1 -1
- package/esm/menu/menu-item.d.ts.map +1 -1
- package/esm/menu/menu-item.js +11 -3
- package/esm/menu/menu-item.js.map +1 -1
- package/esm/menu/menu-sub.d.ts +1 -0
- package/esm/menu/menu-sub.d.ts.map +1 -1
- package/esm/menu/menu-sub.js +42 -11
- package/esm/menu/menu-sub.js.map +1 -1
- package/esm/menu/menu.d.ts.map +1 -1
- package/esm/menu/menu.js +46 -3
- package/esm/menu/menu.js.map +1 -1
- package/esm/menu/types.d.ts +1 -0
- package/esm/menu/types.d.ts.map +1 -1
- package/esm/menu/utils.d.ts +5 -0
- package/esm/menu/utils.d.ts.map +1 -0
- package/esm/menu/utils.js +19 -0
- package/esm/menu/utils.js.map +1 -0
- package/esm/modal/modal.d.ts.map +1 -1
- package/esm/modal/modal.js +2 -1
- package/esm/modal/modal.js.map +1 -1
- package/esm/overlay/overlay.d.ts.map +1 -1
- package/esm/overlay/overlay.js +7 -5
- package/esm/overlay/overlay.js.map +1 -1
- package/esm/popover/popover.d.ts.map +1 -1
- package/esm/popover/popover.js +9 -4
- package/esm/popover/popover.js.map +1 -1
- package/esm/select/defaults.d.ts +3 -0
- package/esm/select/defaults.d.ts.map +1 -1
- package/esm/select/defaults.js +3 -0
- package/esm/select/defaults.js.map +1 -1
- package/esm/select/select-panel.d.ts +2 -2
- package/esm/select/select-panel.d.ts.map +1 -1
- package/esm/select/select-panel.js +6 -6
- package/esm/select/select-panel.js.map +1 -1
- package/esm/select/select.d.ts.map +1 -1
- package/esm/select/select.js +78 -71
- package/esm/select/select.js.map +1 -1
- package/esm/select/styled.d.ts +1 -1
- package/esm/select/styled.d.ts.map +1 -1
- package/esm/select/styled.js +4 -4
- package/esm/select/styled.js.map +1 -1
- package/esm/select/types.d.ts +3 -0
- package/esm/select/types.d.ts.map +1 -1
- package/esm/switch/styled.d.ts +1 -1
- package/esm/switch/styled.d.ts.map +1 -1
- package/esm/switch/switch.js +2 -2
- package/esm/switch/switch.js.map +1 -1
- package/esm/tabs/utils.d.ts +1 -1
- package/esm/tabs/utils.js +1 -1
- package/esm/tabs/utils.js.map +1 -1
- package/esm/tooltip/tooltip.d.ts +1 -1
- package/esm/tooltip/types.d.ts +1 -1
- package/esm/tooltip/types.d.ts.map +1 -1
- package/esm/utils/audio-tests.d.ts.map +1 -1
- package/esm/utils/audio-tests.js +1 -0
- package/esm/utils/audio-tests.js.map +1 -1
- package/esm/utils/text-crop.d.ts +14 -14
- package/esm/utils/text-crop.d.ts.map +1 -1
- package/esm/utils/text-crop.js +15 -4
- package/esm/utils/text-crop.js.map +1 -1
- package/esm/version-number.json +1 -1
- package/package.json +1 -1
package/cjs/modal/modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,iEAAqD;AAErD,mCAAyD;AACzD,oCAA6C;AAC7C,8CAA2C;AAC3C,kCAAkD;AAClD,kDAA8C;AAC9C,wDAAgE;AAChE,4EAAuE;AACvE,4EAAuE;AACvE,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AACrD,kCAA+B;AAC/B,gFAA0E;AAE1E,IAAM,cAAc,GAAG,eAAK,CAAC,UAAU,CACrC,UACE,EAWC,EACD,GAAG;IAXD,IAAA,QAAQ,cAAA;IACR,0BAA0B;IAC1B,YAAY;IADZ,0BAA0B;IAC1B,IAAI,mBAAG,KAAK,KAAA,EACZ,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,qBAAuB,EAAvB,aAAa,mBAAG,OAAO,KAAA,EACvB,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EACb,KAAK,cAVV,oHAWC,CADS;IAIV,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/overlay/overlay.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAyB,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAM1D,UAAU,YAAY;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH;
|
|
1
|
+
{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/overlay/overlay.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAyB,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAM1D,UAAU,YAAY;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH;AAqDD,eAAO,MAAM,OAAO,wEAGlB,CAAC"}
|
package/cjs/overlay/overlay.js
CHANGED
|
@@ -42,15 +42,17 @@ var style_presets_1 = __importDefault(require("./style-presets"));
|
|
|
42
42
|
var with_own_theme_1 = require("../utils/with-own-theme");
|
|
43
43
|
// getResponsiveSpace('zIndex') will be replaced with a new function once PPDSC-1711 is done
|
|
44
44
|
var StyledOverlay = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n cursor: pointer;\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n cursor: pointer;\n ", ";\n\n ", ";\n"])), (0, style_1.getStylePreset)('overlay', ''), (0, transition_preset_1.getTransitionPreset)('overlay', '', 'nk-overlay'));
|
|
45
|
-
var BaseOverlay = function (props) {
|
|
45
|
+
var BaseOverlay = react_1.default.forwardRef(function (props, transitionRef) {
|
|
46
46
|
(0, hooks_1.useLockBodyScroll)();
|
|
47
|
-
return react_1.default.createElement(StyledOverlay, __assign({ "data-testid": "overlay" }, props));
|
|
48
|
-
};
|
|
47
|
+
return react_1.default.createElement(StyledOverlay, __assign({ "data-testid": "overlay", ref: transitionRef }, props));
|
|
48
|
+
});
|
|
49
49
|
var ThemlessOverlay = function (_a) {
|
|
50
50
|
var open = _a.open, overrides = _a.overrides, props = __rest(_a, ["open", "overrides"]);
|
|
51
51
|
var theme = (0, theme_1.useTheme)();
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
// To learn more about why this is needed: https://github.com/reactjs/react-transition-group/issues/668#issuecomment-695162879
|
|
53
|
+
var cssTransitionNodeRef = react_1.default.useRef(null);
|
|
54
|
+
return (react_1.default.createElement(react_transition_group_1.CSSTransition, { nodeRef: cssTransitionNodeRef, in: open, timeout: (0, get_transition_duration_1.getTransitionDuration)('overlay', '')({ theme: theme, overrides: overrides }), classNames: "nk-overlay", mountOnEnter: true, unmountOnExit: true, appear: true },
|
|
55
|
+
react_1.default.createElement(BaseOverlay, __assign({}, props, { ref: cssTransitionNodeRef, overrides: overrides }))));
|
|
54
56
|
};
|
|
55
57
|
exports.Overlay = (0, with_own_theme_1.withOwnTheme)(ThemlessOverlay)({
|
|
56
58
|
defaults: defaults_1.default,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overlay.js","sourceRoot":"","sources":["../../../src/overlay/overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,iEAAqD;AACrD,kCAAkC;AAClC,4EAAuE;AACvE,wCAAiD;AACjD,wCAA0D;AAC1D,sEAAqE;AACrE,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AAWrD,4FAA4F;AAC5F,IAAM,aAAa,GAAG,cAAM,CAAC,GAAG,gNAAiC,2HAQ7D,EAA6B,SAE7B,EAAgD,KACnD,KAHG,IAAA,sBAAc,EAAC,SAAS,EAAE,EAAE,CAAC,EAE7B,IAAA,uCAAmB,EAAC,SAAS,EAAE,EAAE,EAAE,YAAY,CAAC,CACnD,CAAC;AAEF,IAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"overlay.js","sourceRoot":"","sources":["../../../src/overlay/overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,iEAAqD;AACrD,kCAAkC;AAClC,4EAAuE;AACvE,wCAAiD;AACjD,wCAA0D;AAC1D,sEAAqE;AACrE,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AAWrD,4FAA4F;AAC5F,IAAM,aAAa,GAAG,cAAM,CAAC,GAAG,gNAAiC,2HAQ7D,EAA6B,SAE7B,EAAgD,KACnD,KAHG,IAAA,sBAAc,EAAC,SAAS,EAAE,EAAE,CAAC,EAE7B,IAAA,uCAAmB,EAAC,SAAS,EAAE,EAAE,EAAE,YAAY,CAAC,CACnD,CAAC;AAEF,IAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAGlC,UAAC,KAAK,EAAE,aAAa;IACrB,IAAA,yBAAiB,GAAE,CAAC;IAEpB,OAAO,8BAAC,aAAa,4BAAa,SAAS,EAAC,GAAG,EAAE,aAAa,IAAM,KAAK,EAAI,CAAC;AAChF,CAAC,CAAC,CAAC;AAEH,IAAM,eAAe,GAA2B,UAAC,EAIhD;IAHC,IAAA,IAAI,UAAA,EACJ,SAAS,eAAA,EACN,KAAK,cAHuC,qBAIhD,CADS;IAER,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,8HAA8H;IAC9H,IAAM,oBAAoB,GAAG,eAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEhD,OAAO,CACL,8BAAC,sCAAa,IACZ,OAAO,EAAE,oBAAoB,EAC7B,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,IAAA,+CAAqB,EAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,CAAC,EACjE,UAAU,EAAC,YAAY,EACvB,YAAY,QACZ,aAAa,QACb,MAAM;QAEN,8BAAC,WAAW,eACN,KAAK,IACT,GAAG,EAAE,oBAAoB,EACzB,SAAS,EAAE,SAAS,IACpB,CACY,CACjB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,6BAAY,EAAC,eAAe,CAAC,CAAC;IACnD,QAAQ,oBAAA;IACR,YAAY,yBAAA;CACb,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgJ/B,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAGlB,CAAC"}
|
package/cjs/popover/popover.js
CHANGED
|
@@ -59,7 +59,7 @@ var utils_1 = require("../utils");
|
|
|
59
59
|
var merge_breakpoint_object_1 = require("../utils/merge-breakpoint-object");
|
|
60
60
|
var filter_object_1 = require("../utils/filter-object");
|
|
61
61
|
var ThemelessPopover = React.forwardRef(function (_a, ref) {
|
|
62
|
-
var children = _a.children, content = _a.content, header = _a.header, _b = _a.closePosition, closePosition = _b === void 0 ? 'right' : _b, _c = _a.overrides, overrides = _c === void 0 ? {} : _c, handleCloseButtonClick = _a.handleCloseButtonClick, _d = _a.enableDismiss, enableDismiss = _d === void 0 ? false : _d, _e = _a.disableFocusManagement, disableFocusManagement = _e === void 0 ? false : _e, props = __rest(_a, ["children", "content", "header", "closePosition", "overrides", "handleCloseButtonClick", "enableDismiss", "disableFocusManagement"]);
|
|
62
|
+
var children = _a.children, content = _a.content, header = _a.header, _b = _a.closePosition, closePosition = _b === void 0 ? 'right' : _b, _c = _a.overrides, overrides = _c === void 0 ? {} : _c, handleCloseButtonClick = _a.handleCloseButtonClick, _d = _a.enableDismiss, enableDismiss = _d === void 0 ? false : _d, _e = _a.disableFocusManagement, disableFocusManagement = _e === void 0 ? false : _e, _f = _a.dismissOnBlur, dismissOnBlur = _f === void 0 ? false : _f, props = __rest(_a, ["children", "content", "header", "closePosition", "overrides", "handleCloseButtonClick", "enableDismiss", "disableFocusManagement", "dismissOnBlur"]);
|
|
63
63
|
var buildContextAriaAttributes = function (_a) {
|
|
64
64
|
var _b = _a.floating, id = _b.id, open = _b.open;
|
|
65
65
|
return ({
|
|
@@ -88,9 +88,14 @@ var ThemelessPopover = React.forwardRef(function (_a, ref) {
|
|
|
88
88
|
if (!content) {
|
|
89
89
|
return children;
|
|
90
90
|
}
|
|
91
|
-
return (React.createElement(base_floating_element_1.BaseFloatingElement, __assign({ ref: ref, path: "popover", content: function (_a) {
|
|
91
|
+
return (React.createElement(base_floating_element_1.BaseFloatingElement, __assign({ ref: ref, path: "popover", content: function (_a, _b) {
|
|
92
92
|
var onClick = _a.onClick;
|
|
93
|
-
|
|
93
|
+
var onOpenChange = _b.onOpenChange;
|
|
94
|
+
return (React.createElement(styled_1.StyledPopoverInnerPanel, { closePosition: closePosition, onBlur: function () {
|
|
95
|
+
if (dismissOnBlur) {
|
|
96
|
+
onOpenChange(false);
|
|
97
|
+
}
|
|
98
|
+
} },
|
|
94
99
|
header !== undefined && (React.createElement(styled_1.StyledPopoverHeader, { id: headerId, "data-testid": "header-text", overrides: overrides }, header)),
|
|
95
100
|
React.createElement(styled_1.StyledPopoverContent, { overrides: overrides }, content),
|
|
96
101
|
closePosition !== 'none' && (React.createElement(styled_1.StyledPopoverCloseButtonContainer, { overrides: overrides, closePosition: closePosition },
|
|
@@ -101,7 +106,7 @@ var ThemelessPopover = React.forwardRef(function (_a, ref) {
|
|
|
101
106
|
}
|
|
102
107
|
}, eventOriginator: "popover-close", "data-testid": "close-button", "aria-label": "close", overrides: closeButtonOverrides, size: "medium" },
|
|
103
108
|
React.createElement(icons_1.IconFilledClose, null))))));
|
|
104
|
-
}, buildRefElAriaAttributes: buildContextAriaAttributes, buildFloatingElAriaAttributes: buildFloatingElementAriaAttributes, useInteractions: useInteractions, role: "dialog", overrides: overrides, disableFocusManagement: disableFocusManagement }, props), children));
|
|
109
|
+
}, buildRefElAriaAttributes: buildContextAriaAttributes, buildFloatingElAriaAttributes: buildFloatingElementAriaAttributes, useInteractions: useInteractions, role: "dialog", overrides: overrides, disableFocusManagement: disableFocusManagement, dismissOnBlur: dismissOnBlur }, props), children));
|
|
105
110
|
});
|
|
106
111
|
exports.Popover = (0, with_own_theme_1.withOwnTheme)(ThemelessPopover)({
|
|
107
112
|
defaults: defaults_1.default,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,8EAM6C;AAE7C,0DAAqD;AACrD,wDAAkC;AAClC,kEAA2C;AAC3C,wFAAmF;AAEnF,8CAA0C;AAC1C,kCAAyC;AACzC,mCAKkB;AAClB,kCAAkD;AAClD,kCAAmC;AACnC,4EAAuE;AACvE,wDAAgE;AAEhE,IAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CACvC,UACE,
|
|
1
|
+
{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":"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"}
|
package/cjs/select/defaults.d.ts
CHANGED
|
@@ -30,6 +30,7 @@ declare const _default: {
|
|
|
30
30
|
stylePreset: string;
|
|
31
31
|
maxHeight: string;
|
|
32
32
|
spaceInset: string;
|
|
33
|
+
zIndex: string;
|
|
33
34
|
};
|
|
34
35
|
modal: {
|
|
35
36
|
panel: {
|
|
@@ -67,6 +68,7 @@ declare const _default: {
|
|
|
67
68
|
stylePreset: string;
|
|
68
69
|
maxHeight: string;
|
|
69
70
|
spaceInset: string;
|
|
71
|
+
zIndex: string;
|
|
70
72
|
};
|
|
71
73
|
modal: {
|
|
72
74
|
panel: {
|
|
@@ -104,6 +106,7 @@ declare const _default: {
|
|
|
104
106
|
stylePreset: string;
|
|
105
107
|
maxHeight: string;
|
|
106
108
|
spaceInset: string;
|
|
109
|
+
zIndex: string;
|
|
107
110
|
};
|
|
108
111
|
modal: {
|
|
109
112
|
panel: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA2JE"}
|
package/cjs/select/defaults.js
CHANGED
|
@@ -33,6 +33,7 @@ exports.default = {
|
|
|
33
33
|
stylePreset: 'selectPanel',
|
|
34
34
|
maxHeight: '184px',
|
|
35
35
|
spaceInset: 'spaceInset020',
|
|
36
|
+
zIndex: 'layer',
|
|
36
37
|
},
|
|
37
38
|
modal: {
|
|
38
39
|
panel: {
|
|
@@ -71,6 +72,7 @@ exports.default = {
|
|
|
71
72
|
stylePreset: 'selectPanel',
|
|
72
73
|
maxHeight: '272px',
|
|
73
74
|
spaceInset: 'spaceInset020',
|
|
75
|
+
zIndex: 'layer',
|
|
74
76
|
},
|
|
75
77
|
modal: {
|
|
76
78
|
panel: {
|
|
@@ -109,6 +111,7 @@ exports.default = {
|
|
|
109
111
|
stylePreset: 'selectPanel',
|
|
110
112
|
maxHeight: '360px',
|
|
111
113
|
spaceInset: 'spaceInset020',
|
|
114
|
+
zIndex: 'layer',
|
|
112
115
|
},
|
|
113
116
|
modal: {
|
|
114
117
|
panel: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,MAAM,EAAE;QACN,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,WAAW,EAAE,YAAY;gBACzB,SAAS,EAAE,WAAW;gBACtB,KAAK,EAAE,MAAM;gBACb,UAAU,EAAE,eAAe;gBAC3B,UAAU,EAAE,UAAU;gBACtB,WAAW,EAAE,UAAU;gBACvB,gBAAgB,EAAE,gBAAgB;gBAClC,2HAA2H;gBAC3H,QAAQ,EAAE,aAAa;gBACvB,aAAa,EAAE;oBACb,IAAI,EAAE,aAAa;iBACpB;gBACD,gBAAgB,EAAE;oBAChB,WAAW,EAAE,uCAAuC;iBACrD;gBACD,aAAa,EAAE;oBACb,WAAW,EAAE,UAAU;oBACvB,QAAQ,EAAE,aAAa;iBACxB;gBACD,WAAW,EAAE;oBACX,WAAW,EAAE,UAAU;oBACvB,QAAQ,EAAE,aAAa;iBACxB;aACF;YACD,KAAK,EAAE;gBACL,UAAU,EAAE,UAAU;gBACtB,WAAW,EAAE,aAAa;gBAC1B,SAAS,EAAE,OAAO;gBAClB,UAAU,EAAE,eAAe;
|
|
1
|
+
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,8 +4,6 @@ import { ModalProps } from '../modal';
|
|
|
4
4
|
import { Override } from '../utils/overrides';
|
|
5
5
|
interface SelectPanelProps {
|
|
6
6
|
isOpen: boolean;
|
|
7
|
-
width: number;
|
|
8
|
-
height: number;
|
|
9
7
|
top: number;
|
|
10
8
|
left: number;
|
|
11
9
|
size: ButtonSelectSize;
|
|
@@ -17,6 +15,8 @@ interface SelectPanelProps {
|
|
|
17
15
|
renderInModal: boolean;
|
|
18
16
|
buttonRef: React.RefObject<HTMLButtonElement>;
|
|
19
17
|
closeMenu: Function;
|
|
18
|
+
strategy: 'fixed' | 'absolute';
|
|
19
|
+
zIndex: string;
|
|
20
20
|
}
|
|
21
21
|
export declare const StyledOptionWithPrivateProps: React.ForwardRefExoticComponent<Pick<SelectOptionProps & StyledOptionPrivateProps, "$size" | "$focused" | "$selected" | keyof SelectOptionProps> & React.RefAttributes<HTMLDivElement>>;
|
|
22
22
|
export declare const SelectPanel: React.ForwardRefExoticComponent<SelectPanelProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-panel.d.ts","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EAElB,MAAM,SAAS,CAAC;AAYjB,OAAO,EAAQ,UAAU,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAwB,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAGnE,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,
|
|
1
|
+
{"version":3,"file":"select-panel.d.ts","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EAElB,MAAM,SAAS,CAAC;AAYjB,OAAO,EAAQ,UAAU,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAwB,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAGnE,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,gBAAgB,CAAC;IACvB,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,oBAAoB,CAAC;QAC7B,KAAK,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;KAC9B,CAAC;IACF,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAClD,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,SAAS,EAAE,QAAQ,CAAC;IACpB,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC;CAChB;AAID,eAAO,MAAM,4BAA4B,yLAoCvC,CAAC;AAEH,eAAO,MAAM,WAAW,yFAgGvB,CAAC;AAEF,UAAU,wBAAwB;IAChC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
|
|
@@ -48,7 +48,7 @@ exports.StyledOptionWithPrivateProps = react_1.default.forwardRef(function (prop
|
|
|
48
48
|
$selected && (react_1.default.createElement(styled_1.StyledOptionIcon, { "$size": $size, "$selected": $selected, "$focused": $focused }, selectedIcon || react_1.default.createElement(icons_1.IconFilledCheck, { overrides: { size: iconSize } })))));
|
|
49
49
|
});
|
|
50
50
|
exports.SelectPanel = react_1.default.forwardRef(function (props, panelRef) {
|
|
51
|
-
var isOpen = props.isOpen,
|
|
51
|
+
var isOpen = props.isOpen, top = props.top, left = props.left, size = props.size, children = props.children, buttonRef = props.buttonRef, renderInModal = props.renderInModal, closeMenu = props.closeMenu, overrides = props.overrides, strategy = props.strategy, zIndex = props.zIndex, restProps = __rest(props, ["isOpen", "top", "left", "size", "children", "buttonRef", "renderInModal", "closeMenu", "overrides", "strategy", "zIndex"]);
|
|
52
52
|
var listDescriptionId = (0, hooks_1.useReactKeys)(1)[0];
|
|
53
53
|
var theme = (0, theme_1.useTheme)();
|
|
54
54
|
var modalOverrides = (0, utils_1.getModalOverrides)({
|
|
@@ -71,20 +71,20 @@ exports.SelectPanel = react_1.default.forwardRef(function (props, panelRef) {
|
|
|
71
71
|
}), ModalComponent = _a[0], modalProps = _a[1];
|
|
72
72
|
return (react_1.default.createElement(ModalComponent, __assign({}, modalProps),
|
|
73
73
|
screenReaderOnlyMessage,
|
|
74
|
-
react_1.default.createElement(styled_1.StyledModalPanel, __assign({ "data-testid": "select-panel", "aria-describedby": listDescriptionId, ref: panelRef }, restProps, { onBlur: function (e) {
|
|
74
|
+
react_1.default.createElement(styled_1.StyledModalPanel, __assign({ "data-testid": "select-panel", className: "modal-panel", "aria-describedby": listDescriptionId, ref: panelRef }, restProps, { onBlur: function (e) {
|
|
75
75
|
// set tabIndex to 0 so that user can return to the element
|
|
76
76
|
// when before that moves to Close / Other focusable elements inside the modal
|
|
77
77
|
e.target.setAttribute('tabIndex', '0');
|
|
78
78
|
} }), optionsAsChildren)));
|
|
79
79
|
}
|
|
80
|
-
var x = Math.floor(left);
|
|
81
|
-
var y = Math.floor((top || 0) + (height || 0));
|
|
82
80
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
83
81
|
screenReaderOnlyMessage,
|
|
84
|
-
react_1.default.createElement(styled_1.StyledSelectPanel, __assign({ "$isOpen": isOpen, "data-testid": "select-panel", "aria-describedby": isOpen ? listDescriptionId : undefined, "$
|
|
82
|
+
react_1.default.createElement(styled_1.StyledSelectPanel, __assign({ "$isOpen": isOpen, "data-testid": "select-panel", "aria-describedby": isOpen ? listDescriptionId : undefined, "$size": size, ref: panelRef, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.panel, zIndex: zIndex }, restProps, { style: {
|
|
85
83
|
// inline styles are faster since emotion does not have to create a new css class
|
|
86
84
|
// and apply it to the element on every scroll change
|
|
87
|
-
|
|
85
|
+
top: Math.round(top),
|
|
86
|
+
left: Math.round(left),
|
|
87
|
+
position: strategy,
|
|
88
88
|
} }), optionsAsChildren)));
|
|
89
89
|
});
|
|
90
90
|
//# sourceMappingURL=select-panel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-panel.js","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAQ1B,mCAKkB;AAClB,4DAAuD;AACvD,wCAA4C;AAC5C,kCAAkC;AAClC,gDAA4C;AAC5C,kCAAyC;AACzC,kCAA2C;AAC3C,gDAAmE;AACnE,iCAA0C;AAmB1C,IAAM,YAAY,GAAG,aAAK,CAAC;AAEd,QAAA,4BAA4B,GAAG,eAAK,CAAC,UAAU,CAG1D,UAAC,KAAK,EAAE,QAAQ;IACT,IAAA,KAAK,GAAkD,KAAK,MAAvD,EAAE,SAAS,GAAuC,KAAK,UAA5C,EAAE,QAAQ,GAA6B,KAAK,SAAlC,EAAE,YAAY,GAAe,KAAK,aAApB,EAAE,SAAS,GAAI,KAAK,UAAT,CAAU;IAEpE,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,QAAQ,GAAG,IAAA,oBAAQ,EACvB,EAAC,KAAK,OAAA,EAAC,EACP,uBAAgB,KAAK,UAAO,EAC5B,EAAE,EACF,UAAU,CACX,CAAC;IAEF,IAAM,iBAAiB,GAAG,IAAA,oBAAQ,EAChC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,uBAAgB,KAAK,CAAE,EACvB,EAAE,EACF,aAAa,CACd,CAAC;IAEK,IAAA,QAAQ,GAAI,KAAK,SAAT,CAAU;IACzB,OAAO,CACL,8BAAC,qBAAY,eAAK,KAAK,IAAE,GAAG,EAAE,QAAQ,kBAAgB,iBAAiB;QACrE,2CAAM,QAAQ,CAAO;QACpB,SAAS,IAAI,CACZ,8BAAC,yBAAgB,aACR,KAAK,eACD,SAAS,cACV,QAAQ,IAEjB,YAAY,IAAI,8BAAC,uBAAe,IAAC,SAAS,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,GAAI,CAChD,CACpB,CACY,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CACzC,UAAC,KAAK,EAAE,QAAQ;IAEZ,IAAA,MAAM,GAYJ,KAAK,OAZD,EACN,
|
|
1
|
+
{"version":3,"file":"select-panel.js","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAW5D,OAAO,EAAC,WAAW,EAAoB,MAAM,SAAS,CAAC;AA0TvD,eAAO,MAAM,MAAM,+GAGjB,CAAC"}
|
package/cjs/select/select.js
CHANGED
|
@@ -57,16 +57,22 @@ var with_own_theme_1 = require("../utils/with-own-theme");
|
|
|
57
57
|
var check_breakpoint_prop_1 = require("../utils/check-breakpoint-prop");
|
|
58
58
|
var use_media_query_1 = require("../utils/hooks/use-media-query");
|
|
59
59
|
var use_virtualized_list_1 = require("./use-virtualized-list");
|
|
60
|
-
var layer_1 = require("../layer");
|
|
61
60
|
var instrumentation_1 = require("../instrumentation");
|
|
62
61
|
var get_1 = require("../utils/get");
|
|
62
|
+
var layer_1 = require("../layer");
|
|
63
|
+
var get_token_1 = require("../utils/get-token");
|
|
64
|
+
var theme_1 = require("../theme");
|
|
63
65
|
var ThemelessSelect = react_1.default.forwardRef(function (props, inputRef) {
|
|
64
|
-
var overrides = props.overrides, _a = props.placeholder, placeholder = _a === void 0 ? 'Select Option' : _a, state = props.state, startEnhancer = props.startEnhancer, endEnhancer = props.endEnhancer, validationIcon = props.validationIcon, onBlur = props.onBlur, onFocus = props.onFocus, onChange = props.onChange, _b = props.size, size = _b === void 0 ? 'medium' : _b, loading = props.loading, children = props.children, _c = props.useModal, useModal = _c === void 0 ? {} : _c, _d = props.virtualized, virtualized = _d === void 0 ? 50 : _d, _e = props.eventContext, eventContext = _e === void 0 ? {} : _e, _f = props.eventOriginator, eventOriginator = _f === void 0 ? 'select' : _f, onOpenChange = props.onOpenChange,
|
|
66
|
+
var overrides = props.overrides, _a = props.placeholder, placeholder = _a === void 0 ? 'Select Option' : _a, state = props.state, startEnhancer = props.startEnhancer, endEnhancer = props.endEnhancer, validationIcon = props.validationIcon, onBlur = props.onBlur, onFocus = props.onFocus, onChange = props.onChange, _b = props.size, size = _b === void 0 ? 'medium' : _b, loading = props.loading, children = props.children, _c = props.useModal, useModal = _c === void 0 ? {} : _c, _d = props.virtualized, virtualized = _d === void 0 ? 50 : _d, _e = props.eventContext, eventContext = _e === void 0 ? {} : _e, _f = props.eventOriginator, eventOriginator = _f === void 0 ? 'select' : _f, onOpenChange = props.onOpenChange,
|
|
67
|
+
// force select in controlled mode
|
|
68
|
+
_g = props.controlled,
|
|
69
|
+
// force select in controlled mode
|
|
70
|
+
controlled = _g === void 0 ? false : _g, labelId = props.labelId, restProps = __rest(props, ["overrides", "placeholder", "state", "startEnhancer", "endEnhancer", "validationIcon", "onBlur", "onFocus", "onChange", "size", "loading", "children", "useModal", "virtualized", "eventContext", "eventOriginator", "onOpenChange", "controlled", "labelId"]);
|
|
65
71
|
var selectRef = (0, react_1.useRef)(null);
|
|
66
72
|
var localInputRef = (0, react_1.useRef)(null);
|
|
67
73
|
var panelRef = (0, react_1.useRef)(null);
|
|
68
74
|
var renderInModal = (0, check_breakpoint_prop_1.checkBreakpointProp)(useModal, (0, use_media_query_1.useBreakpointKey)());
|
|
69
|
-
var
|
|
75
|
+
var _h = react_1.default.useState(false), isFocused = _h[0], setIsFocused = _h[1];
|
|
70
76
|
var onSelectButtonFocus = react_1.default.useCallback(function (event) {
|
|
71
77
|
setIsFocused(true);
|
|
72
78
|
if (onFocus) {
|
|
@@ -99,7 +105,7 @@ var ThemelessSelect = react_1.default.forwardRef(function (props, inputRef) {
|
|
|
99
105
|
});
|
|
100
106
|
}
|
|
101
107
|
}, [onChange, fireEvent, eventOriginator, eventContext]);
|
|
102
|
-
var
|
|
108
|
+
var _j = react_1.default.useState(-1), highlightedIndex = _j[0], setHighlightedIndex = _j[1];
|
|
103
109
|
var onHighlightedIndexChange = function (indexChangeEvent) {
|
|
104
110
|
// istanbul ignore else
|
|
105
111
|
if (indexChangeEvent.type !== '__item_mouse_move__') {
|
|
@@ -108,9 +114,27 @@ var ThemelessSelect = react_1.default.forwardRef(function (props, inputRef) {
|
|
|
108
114
|
};
|
|
109
115
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
110
116
|
// istanbul ignore next
|
|
111
|
-
var itemToString = function (item) {
|
|
117
|
+
var itemToString = function (item) {
|
|
118
|
+
var _a, _b, _c, _d, _e;
|
|
119
|
+
if ((_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a['aria-label']) {
|
|
120
|
+
return (_b = item === null || item === void 0 ? void 0 : item.props) === null || _b === void 0 ? void 0 : _b['aria-label'];
|
|
121
|
+
}
|
|
122
|
+
if (typeof ((_c = item === null || item === void 0 ? void 0 : item.props) === null || _c === void 0 ? void 0 : _c.children) === 'string') {
|
|
123
|
+
return (_d = item === null || item === void 0 ? void 0 : item.props) === null || _d === void 0 ? void 0 : _d.children;
|
|
124
|
+
}
|
|
125
|
+
return (_e = item === null || item === void 0 ? void 0 : item.props) === null || _e === void 0 ? void 0 : _e.value;
|
|
126
|
+
};
|
|
112
127
|
/* eslint-enable @typescript-eslint/no-explicit-any */
|
|
113
|
-
var
|
|
128
|
+
var getSelectedItem = function () {
|
|
129
|
+
if (programmaticallySelectedItem) {
|
|
130
|
+
return { selectedItem: programmaticallySelectedItem };
|
|
131
|
+
}
|
|
132
|
+
if (controlled) {
|
|
133
|
+
return { selectedItem: programmaticallySelectedItem || null };
|
|
134
|
+
}
|
|
135
|
+
return {};
|
|
136
|
+
};
|
|
137
|
+
var _k = (0, downshift_1.useSelect)(__assign({ items: children, defaultSelectedItem: defaultSelectedItem, onSelectedItemChange: onInputChange, itemToString: itemToString, onHighlightedIndexChange: onHighlightedIndexChange, onIsOpenChange: function (event) {
|
|
114
138
|
if (onOpenChange) {
|
|
115
139
|
onOpenChange(Boolean(event.isOpen));
|
|
116
140
|
}
|
|
@@ -122,10 +146,8 @@ var ThemelessSelect = react_1.default.forwardRef(function (props, inputRef) {
|
|
|
122
146
|
return __assign(__assign({}, changes), { isOpen: true });
|
|
123
147
|
}
|
|
124
148
|
return changes;
|
|
125
|
-
} }, (
|
|
126
|
-
|
|
127
|
-
: {}))), isOpen = _j.isOpen, selectedItem = _j.selectedItem, getToggleButtonProps = _j.getToggleButtonProps, getMenuProps = _j.getMenuProps, getItemProps = _j.getItemProps, openMenu = _j.openMenu, closeMenu = _j.closeMenu;
|
|
128
|
-
var _k = (0, use_virtualized_list_1.useVirtualizedList)({
|
|
149
|
+
} }, getSelectedItem())), isOpen = _k.isOpen, selectedItem = _k.selectedItem, getToggleButtonProps = _k.getToggleButtonProps, getMenuProps = _k.getMenuProps, getItemProps = _k.getItemProps, openMenu = _k.openMenu, closeMenu = _k.closeMenu;
|
|
150
|
+
var _l = (0, use_virtualized_list_1.useVirtualizedList)({
|
|
129
151
|
items: react_1.default.Children.toArray(children),
|
|
130
152
|
listRef: panelRef,
|
|
131
153
|
getItemProps: getItemProps,
|
|
@@ -134,79 +156,64 @@ var ThemelessSelect = react_1.default.forwardRef(function (props, inputRef) {
|
|
|
134
156
|
selectedItem: selectedItem,
|
|
135
157
|
size: size,
|
|
136
158
|
isOpen: isOpen,
|
|
137
|
-
}), optionsAsChildren =
|
|
159
|
+
}), optionsAsChildren = _l.children, scrollToIndex = _l.scrollToIndex;
|
|
138
160
|
(0, react_1.useEffect)(function () {
|
|
139
161
|
if (highlightedIndex)
|
|
140
162
|
scrollToIndex(highlightedIndex);
|
|
141
163
|
}, [highlightedIndex, scrollToIndex]);
|
|
142
|
-
var
|
|
164
|
+
var _m = react_1.default.useState(true), allowBlur = _m[0], setAllowBlur = _m[1];
|
|
143
165
|
var onSelectButtonBlur = react_1.default.useCallback(function (event) {
|
|
144
166
|
if (onBlur && allowBlur) {
|
|
145
167
|
onBlur(event);
|
|
146
168
|
}
|
|
147
169
|
setIsFocused(false);
|
|
148
170
|
}, [allowBlur, onBlur]);
|
|
149
|
-
var
|
|
171
|
+
var _o = (0, react_dom_interactions_1.useFloating)({
|
|
172
|
+
strategy: 'absolute',
|
|
173
|
+
open: isOpen,
|
|
174
|
+
placement: 'bottom-start',
|
|
175
|
+
middleware: [
|
|
176
|
+
(0, react_dom_interactions_1.offset)(0),
|
|
177
|
+
(0, react_dom_interactions_1.shift)(),
|
|
178
|
+
(0, react_dom_interactions_1.autoPlacement)({
|
|
179
|
+
allowedPlacements: ['top-start', 'bottom-start'],
|
|
180
|
+
}),
|
|
181
|
+
(0, react_dom_interactions_1.size)({
|
|
182
|
+
apply: function (_a) {
|
|
183
|
+
var rects = _a.rects, elements = _a.elements;
|
|
184
|
+
Object.assign(elements.floating.style, {
|
|
185
|
+
// when the panel is inside a modal we want to be 100%
|
|
186
|
+
width: elements.floating.classList.contains('modal-panel')
|
|
187
|
+
? /* istanbul ignore next */
|
|
188
|
+
'100%'
|
|
189
|
+
: "".concat(rects.reference.width, "px"),
|
|
190
|
+
});
|
|
191
|
+
},
|
|
192
|
+
}),
|
|
193
|
+
],
|
|
194
|
+
}), x = _o.x, y = _o.y, reference = _o.reference, strategy = _o.strategy, update = _o.update, refs = _o.refs;
|
|
195
|
+
var _p = getToggleButtonProps(), downshiftButtonPropsRef = _p.ref, downshiftButtonPropsExceptRef = __rest(_p, ["ref"]);
|
|
150
196
|
delete downshiftButtonPropsExceptRef['aria-labelledby']; // deleting because FormInput provides these props
|
|
151
|
-
var
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
}), _q = _p[0], width = _q.width, top = _q.top, height = _q.height, left = _q.left, setSelectRect = _p[1];
|
|
158
|
-
(0, react_1.useEffect)(function () {
|
|
159
|
-
if (isOpen && selectRef.current) {
|
|
160
|
-
// getting width, height, left, top of the select
|
|
161
|
-
setSelectRect(selectRef.current.getBoundingClientRect());
|
|
162
|
-
}
|
|
163
|
-
}, [isOpen, selectRef]);
|
|
164
|
-
// Chrome does not focus the panel until its in view port,
|
|
165
|
-
// that's why we need to use scrollIntoView and focus after that.
|
|
166
|
-
// This does not seems to be a problem in FF and Safari
|
|
167
|
-
// This part can be removed if Chrome fixes that in the future.
|
|
168
|
-
(0, react_1.useEffect)(function () {
|
|
197
|
+
var _q = getMenuProps({
|
|
198
|
+
ref: (0, compose_react_refs_1.default)(refs.floating, panelRef),
|
|
199
|
+
'aria-labelledby': labelId,
|
|
200
|
+
}), downshiftMenuPropsRef = _q.ref, downshiftMenuPropsExceptRef = __rest(_q, ["ref"]);
|
|
201
|
+
// eslint-disable-next-line consistent-return
|
|
202
|
+
react_1.default.useLayoutEffect(function () {
|
|
169
203
|
/* istanbul ignore next */
|
|
170
|
-
if (isOpen &&
|
|
171
|
-
|
|
172
|
-
'scrollIntoView' in panelRef.current &&
|
|
173
|
-
'focus' in panelRef.current) {
|
|
174
|
-
var callback = function () {
|
|
175
|
-
var _a, _b;
|
|
176
|
-
(_a = panelRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
|
|
177
|
-
(_b = panelRef.current) === null || _b === void 0 ? void 0 : _b.focus();
|
|
178
|
-
};
|
|
179
|
-
setTimeout(callback, 0);
|
|
180
|
-
}
|
|
181
|
-
}, [isOpen, panelRef]);
|
|
182
|
-
var onOverflowScroll = (0, react_1.useCallback)(function () {
|
|
183
|
-
if (selectRef.current) {
|
|
184
|
-
setSelectRect(selectRef.current.getBoundingClientRect());
|
|
204
|
+
if (isOpen && refs.reference.current && refs.floating.current) {
|
|
205
|
+
return (0, react_dom_interactions_1.autoUpdate)(refs.reference.current, refs.floating.current, update);
|
|
185
206
|
}
|
|
186
|
-
}, [
|
|
187
|
-
var
|
|
188
|
-
|
|
189
|
-
//
|
|
190
|
-
//
|
|
191
|
-
|
|
192
|
-
(0, react_1.useEffect)(function () {
|
|
193
|
-
if (localInputRef.current && isOpen) {
|
|
194
|
-
var nearest = (0, react_dom_interactions_1.getOverflowAncestors)(localInputRef.current)[0];
|
|
195
|
-
if (nearest instanceof window.HTMLElement) {
|
|
196
|
-
parentOverflowNode.current = nearest;
|
|
197
|
-
parentOverflowNode.current.addEventListener('scroll', onOverflowScroll);
|
|
198
|
-
}
|
|
199
|
-
}
|
|
200
|
-
return function () {
|
|
201
|
-
if (parentOverflowNode.current) {
|
|
202
|
-
parentOverflowNode.current.removeEventListener('scroll', onOverflowScroll);
|
|
203
|
-
}
|
|
204
|
-
};
|
|
205
|
-
}, [isOpen, onOverflowScroll]);
|
|
207
|
+
}, [isOpen, update, refs.floating, refs.reference]);
|
|
208
|
+
var theme = (0, theme_1.useTheme)();
|
|
209
|
+
var zIndex = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, "select.".concat(size, ".panel.zIndex"), 'panel.zIndex', 'sizing');
|
|
210
|
+
// by default the select panel renders in layer,
|
|
211
|
+
// however users can provider zIndex value so that change and adjust according to their use-case
|
|
212
|
+
var LayerElement = zIndex === 'layer' ? layer_1.Layer : react_1.default.Fragment;
|
|
206
213
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
207
|
-
react_1.default.createElement(select_button_1.SelectButton, __assign({ size: size, placeholder: placeholder, isFocused: isFocused, loading: loading, state: state, selectedItem: selectedItem, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.button, startEnhancer: startEnhancer, endEnhancer: endEnhancer, validationIcon: validationIcon, setAllowBlur: setAllowBlur, onSelectButtonBlur: onSelectButtonBlur, onSelectButtonFocus: onSelectButtonFocus, openMenu: openMenu, itemToString: itemToString, ref: (0, compose_react_refs_1.default)(localInputRef, downshiftButtonPropsRef, inputRef), selectRef: selectRef, value: buttonValue, isOpen: isOpen }, downshiftButtonPropsExceptRef, restProps)),
|
|
208
|
-
react_1.default.createElement(
|
|
209
|
-
react_1.default.createElement(select_panel_1.SelectPanel, __assign({ isOpen: isOpen, overrides: overrides,
|
|
214
|
+
react_1.default.createElement(select_button_1.SelectButton, __assign({ size: size, placeholder: placeholder, isFocused: isFocused, loading: loading, state: state, selectedItem: selectedItem, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.button, startEnhancer: startEnhancer, endEnhancer: endEnhancer, validationIcon: validationIcon, setAllowBlur: setAllowBlur, onSelectButtonBlur: onSelectButtonBlur, onSelectButtonFocus: onSelectButtonFocus, openMenu: openMenu, itemToString: itemToString, ref: (0, compose_react_refs_1.default)(localInputRef, downshiftButtonPropsRef, inputRef), selectRef: (0, compose_react_refs_1.default)(selectRef, reference), value: buttonValue, isOpen: isOpen }, downshiftButtonPropsExceptRef, restProps)),
|
|
215
|
+
react_1.default.createElement(LayerElement, null,
|
|
216
|
+
react_1.default.createElement(select_panel_1.SelectPanel, __assign({ isOpen: isOpen, overrides: overrides, top: y, left: x, size: size, buttonRef: localInputRef, renderInModal: renderInModal, closeMenu: closeMenu }, downshiftMenuPropsExceptRef, { ref: downshiftMenuPropsRef, strategy: strategy, zIndex: zIndex }), optionsAsChildren))));
|
|
210
217
|
});
|
|
211
218
|
ThemelessSelect.displayName = 'Select';
|
|
212
219
|
exports.Select = (0, with_own_theme_1.withOwnTheme)(ThemelessSelect)({
|
package/cjs/select/select.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"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"}
|
package/cjs/select/styled.d.ts
CHANGED
|
@@ -37,9 +37,9 @@ export declare const StyledSelectPanel: import("@emotion/styled").StyledComponen
|
|
|
37
37
|
as?: import("react").ElementType<any> | undefined;
|
|
38
38
|
} & {
|
|
39
39
|
$size: ButtonSelectSize;
|
|
40
|
-
$width?: number | undefined;
|
|
41
40
|
$isOpen: boolean;
|
|
42
41
|
overrides?: SelectPanelOverrides | undefined;
|
|
42
|
+
zIndex: string;
|
|
43
43
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
44
44
|
export declare const StyledModalPanel: import("@emotion/styled").StyledComponent<{
|
|
45
45
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/select/styled.tsx"],"names":[],"mappings":";AAYA,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAajB,eAAO,MAAM,iBAAiB;;;;;kBAWZ,MAAM;;yGAQvB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;WACtB,gBAAgB;;;qHA+BxB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;WACxB,gBAAgB;;YAEf,MAAM;yGASf,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAEzB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;qHAEpC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;WACrB,gBAAgB
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/select/styled.tsx"],"names":[],"mappings":";AAYA,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAajB,eAAO,MAAM,iBAAiB;;;;;kBAWZ,MAAM;;yGAQvB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;WACtB,gBAAgB;;;qHA+BxB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;WACxB,gBAAgB;;YAEf,MAAM;yGASf,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAEzB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;qHAEpC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;WACrB,gBAAgB;aACd,OAAO;;YAER,MAAM;yGA+Bf,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAK5B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;yGAwCxB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;WACpB,gBAAgB;;;yGAYxB,CAAC"}
|
package/cjs/select/styled.js
CHANGED
|
@@ -63,7 +63,10 @@ exports.StyledButtonContents = style_1.styled.div(templateObject_3 || (templateO
|
|
|
63
63
|
});
|
|
64
64
|
exports.StyledIconBox = style_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
65
65
|
exports.StyledDropdownIconButton = style_1.styled.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n all: unset;\n"], ["\n all: unset;\n"])));
|
|
66
|
-
exports.StyledSelectPanel = style_1.styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: absolute;\n height: auto;\n overflow-x: hidden;\n overflow-y: auto;\n box-sizing: border-box;\n outline: none;\n
|
|
66
|
+
exports.StyledSelectPanel = style_1.styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: absolute;\n height: auto;\n overflow-x: hidden;\n overflow-y: auto;\n box-sizing: border-box;\n outline: none;\n ", ";\n\n // LOGICAL_PROPS_TO_DO: remove the below func when logical props are used in defaults\n ", "\n\n // LOGICAL_PROPS_TO_DO: remove the below func when logical props are used in defaults\n ", "\n\n ", ";\n\n ", "\n\n ", ";\n\n ", ";\n"], ["\n position: absolute;\n height: auto;\n overflow-x: hidden;\n overflow-y: auto;\n box-sizing: border-box;\n outline: none;\n ", ";\n\n // LOGICAL_PROPS_TO_DO: remove the below func when logical props are used in defaults\n ", "\n\n // LOGICAL_PROPS_TO_DO: remove the below func when logical props are used in defaults\n ", "\n\n ", ";\n\n ", "\n\n ", ";\n\n ", ";\n"])), function (_a) {
|
|
67
|
+
var zIndex = _a.zIndex;
|
|
68
|
+
return (zIndex !== 'layer' ? { zIndex: zIndex } : '');
|
|
69
|
+
}, function (_a) {
|
|
67
70
|
var $size = _a.$size;
|
|
68
71
|
return (0, style_1.getResponsiveSpace)("marginTop", "select.".concat($size, ".panel"), '', 'spaceStack');
|
|
69
72
|
}, function (_a) {
|
|
@@ -72,9 +75,6 @@ exports.StyledSelectPanel = style_1.styled.div(templateObject_6 || (templateObje
|
|
|
72
75
|
}, function (_a) {
|
|
73
76
|
var $size = _a.$size;
|
|
74
77
|
return (0, logical_properties_1.logicalProps)("select.".concat($size, ".panel"));
|
|
75
|
-
}, function (_a) {
|
|
76
|
-
var $width = _a.$width;
|
|
77
|
-
return "width: ".concat($width, "px;");
|
|
78
78
|
}, function (_a) {
|
|
79
79
|
var $isOpen = _a.$isOpen;
|
|
80
80
|
return "display: ".concat($isOpen ? 'block' : 'none', ";");
|