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/esm/select/select.js
CHANGED
|
@@ -20,10 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
|
-
import React, {
|
|
23
|
+
import React, { useEffect, useRef } from 'react';
|
|
24
24
|
import { useSelect } from 'downshift';
|
|
25
25
|
import composeRefs from '@seznam/compose-react-refs';
|
|
26
|
-
import {
|
|
26
|
+
import { useFloating, autoUpdate, shift, offset, size as floatingSize, autoPlacement, } from '@floating-ui/react-dom-interactions';
|
|
27
27
|
import { SelectPanel } from './select-panel';
|
|
28
28
|
import { SelectButton } from './select-button';
|
|
29
29
|
import defaults from './defaults';
|
|
@@ -32,16 +32,22 @@ import { withOwnTheme } from '../utils/with-own-theme';
|
|
|
32
32
|
import { checkBreakpointProp } from '../utils/check-breakpoint-prop';
|
|
33
33
|
import { useBreakpointKey } from '../utils/hooks/use-media-query';
|
|
34
34
|
import { useVirtualizedList } from './use-virtualized-list';
|
|
35
|
-
import { Layer } from '../layer';
|
|
36
35
|
import { EventTrigger, useInstrumentation } from '../instrumentation';
|
|
37
36
|
import { get } from '../utils/get';
|
|
37
|
+
import { Layer } from '../layer';
|
|
38
|
+
import { getToken } from '../utils/get-token';
|
|
39
|
+
import { useTheme } from '../theme';
|
|
38
40
|
var ThemelessSelect = React.forwardRef(function (props, inputRef) {
|
|
39
|
-
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,
|
|
41
|
+
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,
|
|
42
|
+
// force select in controlled mode
|
|
43
|
+
_g = props.controlled,
|
|
44
|
+
// force select in controlled mode
|
|
45
|
+
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"]);
|
|
40
46
|
var selectRef = useRef(null);
|
|
41
47
|
var localInputRef = useRef(null);
|
|
42
48
|
var panelRef = useRef(null);
|
|
43
49
|
var renderInModal = checkBreakpointProp(useModal, useBreakpointKey());
|
|
44
|
-
var
|
|
50
|
+
var _h = React.useState(false), isFocused = _h[0], setIsFocused = _h[1];
|
|
45
51
|
var onSelectButtonFocus = React.useCallback(function (event) {
|
|
46
52
|
setIsFocused(true);
|
|
47
53
|
if (onFocus) {
|
|
@@ -74,7 +80,7 @@ var ThemelessSelect = React.forwardRef(function (props, inputRef) {
|
|
|
74
80
|
});
|
|
75
81
|
}
|
|
76
82
|
}, [onChange, fireEvent, eventOriginator, eventContext]);
|
|
77
|
-
var
|
|
83
|
+
var _j = React.useState(-1), highlightedIndex = _j[0], setHighlightedIndex = _j[1];
|
|
78
84
|
var onHighlightedIndexChange = function (indexChangeEvent) {
|
|
79
85
|
// istanbul ignore else
|
|
80
86
|
if (indexChangeEvent.type !== '__item_mouse_move__') {
|
|
@@ -83,9 +89,27 @@ var ThemelessSelect = React.forwardRef(function (props, inputRef) {
|
|
|
83
89
|
};
|
|
84
90
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
85
91
|
// istanbul ignore next
|
|
86
|
-
var itemToString = function (item) {
|
|
92
|
+
var itemToString = function (item) {
|
|
93
|
+
var _a, _b, _c, _d, _e;
|
|
94
|
+
if ((_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a['aria-label']) {
|
|
95
|
+
return (_b = item === null || item === void 0 ? void 0 : item.props) === null || _b === void 0 ? void 0 : _b['aria-label'];
|
|
96
|
+
}
|
|
97
|
+
if (typeof ((_c = item === null || item === void 0 ? void 0 : item.props) === null || _c === void 0 ? void 0 : _c.children) === 'string') {
|
|
98
|
+
return (_d = item === null || item === void 0 ? void 0 : item.props) === null || _d === void 0 ? void 0 : _d.children;
|
|
99
|
+
}
|
|
100
|
+
return (_e = item === null || item === void 0 ? void 0 : item.props) === null || _e === void 0 ? void 0 : _e.value;
|
|
101
|
+
};
|
|
87
102
|
/* eslint-enable @typescript-eslint/no-explicit-any */
|
|
88
|
-
var
|
|
103
|
+
var getSelectedItem = function () {
|
|
104
|
+
if (programmaticallySelectedItem) {
|
|
105
|
+
return { selectedItem: programmaticallySelectedItem };
|
|
106
|
+
}
|
|
107
|
+
if (controlled) {
|
|
108
|
+
return { selectedItem: programmaticallySelectedItem || null };
|
|
109
|
+
}
|
|
110
|
+
return {};
|
|
111
|
+
};
|
|
112
|
+
var _k = useSelect(__assign({ items: children, defaultSelectedItem: defaultSelectedItem, onSelectedItemChange: onInputChange, itemToString: itemToString, onHighlightedIndexChange: onHighlightedIndexChange, onIsOpenChange: function (event) {
|
|
89
113
|
if (onOpenChange) {
|
|
90
114
|
onOpenChange(Boolean(event.isOpen));
|
|
91
115
|
}
|
|
@@ -97,10 +121,8 @@ var ThemelessSelect = React.forwardRef(function (props, inputRef) {
|
|
|
97
121
|
return __assign(__assign({}, changes), { isOpen: true });
|
|
98
122
|
}
|
|
99
123
|
return changes;
|
|
100
|
-
} }, (
|
|
101
|
-
|
|
102
|
-
: {}))), isOpen = _j.isOpen, selectedItem = _j.selectedItem, getToggleButtonProps = _j.getToggleButtonProps, getMenuProps = _j.getMenuProps, getItemProps = _j.getItemProps, openMenu = _j.openMenu, closeMenu = _j.closeMenu;
|
|
103
|
-
var _k = useVirtualizedList({
|
|
124
|
+
} }, getSelectedItem())), isOpen = _k.isOpen, selectedItem = _k.selectedItem, getToggleButtonProps = _k.getToggleButtonProps, getMenuProps = _k.getMenuProps, getItemProps = _k.getItemProps, openMenu = _k.openMenu, closeMenu = _k.closeMenu;
|
|
125
|
+
var _l = useVirtualizedList({
|
|
104
126
|
items: React.Children.toArray(children),
|
|
105
127
|
listRef: panelRef,
|
|
106
128
|
getItemProps: getItemProps,
|
|
@@ -109,79 +131,64 @@ var ThemelessSelect = React.forwardRef(function (props, inputRef) {
|
|
|
109
131
|
selectedItem: selectedItem,
|
|
110
132
|
size: size,
|
|
111
133
|
isOpen: isOpen,
|
|
112
|
-
}), optionsAsChildren =
|
|
134
|
+
}), optionsAsChildren = _l.children, scrollToIndex = _l.scrollToIndex;
|
|
113
135
|
useEffect(function () {
|
|
114
136
|
if (highlightedIndex)
|
|
115
137
|
scrollToIndex(highlightedIndex);
|
|
116
138
|
}, [highlightedIndex, scrollToIndex]);
|
|
117
|
-
var
|
|
139
|
+
var _m = React.useState(true), allowBlur = _m[0], setAllowBlur = _m[1];
|
|
118
140
|
var onSelectButtonBlur = React.useCallback(function (event) {
|
|
119
141
|
if (onBlur && allowBlur) {
|
|
120
142
|
onBlur(event);
|
|
121
143
|
}
|
|
122
144
|
setIsFocused(false);
|
|
123
145
|
}, [allowBlur, onBlur]);
|
|
124
|
-
var
|
|
146
|
+
var _o = useFloating({
|
|
147
|
+
strategy: 'absolute',
|
|
148
|
+
open: isOpen,
|
|
149
|
+
placement: 'bottom-start',
|
|
150
|
+
middleware: [
|
|
151
|
+
offset(0),
|
|
152
|
+
shift(),
|
|
153
|
+
autoPlacement({
|
|
154
|
+
allowedPlacements: ['top-start', 'bottom-start'],
|
|
155
|
+
}),
|
|
156
|
+
floatingSize({
|
|
157
|
+
apply: function (_a) {
|
|
158
|
+
var rects = _a.rects, elements = _a.elements;
|
|
159
|
+
Object.assign(elements.floating.style, {
|
|
160
|
+
// when the panel is inside a modal we want to be 100%
|
|
161
|
+
width: elements.floating.classList.contains('modal-panel')
|
|
162
|
+
? /* istanbul ignore next */
|
|
163
|
+
'100%'
|
|
164
|
+
: "".concat(rects.reference.width, "px"),
|
|
165
|
+
});
|
|
166
|
+
},
|
|
167
|
+
}),
|
|
168
|
+
],
|
|
169
|
+
}), x = _o.x, y = _o.y, reference = _o.reference, strategy = _o.strategy, update = _o.update, refs = _o.refs;
|
|
170
|
+
var _p = getToggleButtonProps(), downshiftButtonPropsRef = _p.ref, downshiftButtonPropsExceptRef = __rest(_p, ["ref"]);
|
|
125
171
|
delete downshiftButtonPropsExceptRef['aria-labelledby']; // deleting because FormInput provides these props
|
|
126
|
-
var
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
}), _q = _p[0], width = _q.width, top = _q.top, height = _q.height, left = _q.left, setSelectRect = _p[1];
|
|
133
|
-
useEffect(function () {
|
|
134
|
-
if (isOpen && selectRef.current) {
|
|
135
|
-
// getting width, height, left, top of the select
|
|
136
|
-
setSelectRect(selectRef.current.getBoundingClientRect());
|
|
137
|
-
}
|
|
138
|
-
}, [isOpen, selectRef]);
|
|
139
|
-
// Chrome does not focus the panel until its in view port,
|
|
140
|
-
// that's why we need to use scrollIntoView and focus after that.
|
|
141
|
-
// This does not seems to be a problem in FF and Safari
|
|
142
|
-
// This part can be removed if Chrome fixes that in the future.
|
|
143
|
-
useEffect(function () {
|
|
172
|
+
var _q = getMenuProps({
|
|
173
|
+
ref: composeRefs(refs.floating, panelRef),
|
|
174
|
+
'aria-labelledby': labelId,
|
|
175
|
+
}), downshiftMenuPropsRef = _q.ref, downshiftMenuPropsExceptRef = __rest(_q, ["ref"]);
|
|
176
|
+
// eslint-disable-next-line consistent-return
|
|
177
|
+
React.useLayoutEffect(function () {
|
|
144
178
|
/* istanbul ignore next */
|
|
145
|
-
if (isOpen &&
|
|
146
|
-
|
|
147
|
-
'scrollIntoView' in panelRef.current &&
|
|
148
|
-
'focus' in panelRef.current) {
|
|
149
|
-
var callback = function () {
|
|
150
|
-
var _a, _b;
|
|
151
|
-
(_a = panelRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
|
|
152
|
-
(_b = panelRef.current) === null || _b === void 0 ? void 0 : _b.focus();
|
|
153
|
-
};
|
|
154
|
-
setTimeout(callback, 0);
|
|
155
|
-
}
|
|
156
|
-
}, [isOpen, panelRef]);
|
|
157
|
-
var onOverflowScroll = useCallback(function () {
|
|
158
|
-
if (selectRef.current) {
|
|
159
|
-
setSelectRect(selectRef.current.getBoundingClientRect());
|
|
179
|
+
if (isOpen && refs.reference.current && refs.floating.current) {
|
|
180
|
+
return autoUpdate(refs.reference.current, refs.floating.current, update);
|
|
160
181
|
}
|
|
161
|
-
}, [
|
|
162
|
-
var
|
|
163
|
-
|
|
164
|
-
//
|
|
165
|
-
//
|
|
166
|
-
|
|
167
|
-
useEffect(function () {
|
|
168
|
-
if (localInputRef.current && isOpen) {
|
|
169
|
-
var nearest = getOverflowAncestors(localInputRef.current)[0];
|
|
170
|
-
if (nearest instanceof window.HTMLElement) {
|
|
171
|
-
parentOverflowNode.current = nearest;
|
|
172
|
-
parentOverflowNode.current.addEventListener('scroll', onOverflowScroll);
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
|
-
return function () {
|
|
176
|
-
if (parentOverflowNode.current) {
|
|
177
|
-
parentOverflowNode.current.removeEventListener('scroll', onOverflowScroll);
|
|
178
|
-
}
|
|
179
|
-
};
|
|
180
|
-
}, [isOpen, onOverflowScroll]);
|
|
182
|
+
}, [isOpen, update, refs.floating, refs.reference]);
|
|
183
|
+
var theme = useTheme();
|
|
184
|
+
var zIndex = getToken({ theme: theme, overrides: overrides }, "select.".concat(size, ".panel.zIndex"), 'panel.zIndex', 'sizing');
|
|
185
|
+
// by default the select panel renders in layer,
|
|
186
|
+
// however users can provider zIndex value so that change and adjust according to their use-case
|
|
187
|
+
var LayerElement = zIndex === 'layer' ? Layer : React.Fragment;
|
|
181
188
|
return (React.createElement(React.Fragment, null,
|
|
182
|
-
React.createElement(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: composeRefs(localInputRef, downshiftButtonPropsRef, inputRef), selectRef: selectRef, value: buttonValue, isOpen: isOpen }, downshiftButtonPropsExceptRef, restProps)),
|
|
183
|
-
React.createElement(
|
|
184
|
-
React.createElement(SelectPanel, __assign({ isOpen: isOpen, overrides: overrides,
|
|
189
|
+
React.createElement(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: composeRefs(localInputRef, downshiftButtonPropsRef, inputRef), selectRef: composeRefs(selectRef, reference), value: buttonValue, isOpen: isOpen }, downshiftButtonPropsExceptRef, restProps)),
|
|
190
|
+
React.createElement(LayerElement, null,
|
|
191
|
+
React.createElement(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))));
|
|
185
192
|
});
|
|
186
193
|
ThemelessSelect.displayName = 'Select';
|
|
187
194
|
export var Select = withOwnTheme(ThemelessSelect)({
|
package/esm/select/select.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"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"}
|
package/esm/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/esm/select/styled.js
CHANGED
|
@@ -60,7 +60,10 @@ export var StyledButtonContents = styled.div(templateObject_3 || (templateObject
|
|
|
60
60
|
});
|
|
61
61
|
export var StyledIconBox = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
62
62
|
export var StyledDropdownIconButton = styled.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n all: unset;\n"], ["\n all: unset;\n"])));
|
|
63
|
-
export var StyledSelectPanel = 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
|
|
63
|
+
export var StyledSelectPanel = 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) {
|
|
64
|
+
var zIndex = _a.zIndex;
|
|
65
|
+
return (zIndex !== 'layer' ? { zIndex: zIndex } : '');
|
|
66
|
+
}, function (_a) {
|
|
64
67
|
var $size = _a.$size;
|
|
65
68
|
return getResponsiveSpace("marginTop", "select.".concat($size, ".panel"), '', 'spaceStack');
|
|
66
69
|
}, function (_a) {
|
|
@@ -69,9 +72,6 @@ export var StyledSelectPanel = styled.div(templateObject_6 || (templateObject_6
|
|
|
69
72
|
}, function (_a) {
|
|
70
73
|
var $size = _a.$size;
|
|
71
74
|
return logicalProps("select.".concat($size, ".panel"));
|
|
72
|
-
}, function (_a) {
|
|
73
|
-
var $width = _a.$width;
|
|
74
|
-
return "width: ".concat($width, "px;");
|
|
75
75
|
}, function (_a) {
|
|
76
76
|
var $isOpen = _a.$isOpen;
|
|
77
77
|
return "display: ".concat($isOpen ? 'block' : 'none', ";");
|
package/esm/select/styled.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/select/styled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EAAC,mBAAmB,EAAE,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAG9E,OAAO,EACL,GAAG,EACH,MAAM,EACN,mBAAmB,EACnB,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,gBAAgB,CAAC;AAOxB,IAAM,cAAc,GAAG,UAAC,QAAkB,EAAE,QAAkB;IAC5D,IAAI,QAAQ,EAAE;QACZ,OAAO,MAAM,CAAC;KACf;IACD,IAAI,QAAQ,EAAE;QACZ,OAAO,aAAa,CAAC;KACtB;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,EAAE;IAC7C,iBAAiB,EAAE,UAAA,IAAI;QACrB,OAAA,CAAC,CAAC,UAAU,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;IAAlE,CAAkE;CACrE,CAAC,CACA,UAAC,EASiB;IARhB,IAAA,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACL,KAAK,cAJT,wCAKA,CADS;IAKa,OAAA,GAAG,6HAAA,8BAGtB,EAAwD,iBAChD,EAAkC,OAC7C,KAFG,sBAAsB,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,KAAK,CAAC,EAChD,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAC7C;CAAA,CACF,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,6WAI7C,2KASU,EAST,kGAGC,EACyE,QAEzE,EACuE,QAEvE,EAA0D,KAC7D,KAnBW,UAAC,EAAoB;QAAnB,QAAQ,cAAA,EAAE,QAAQ,cAAA;IAC5B,IAAI,QAAQ,EAAE;QACZ,OAAO,MAAM,CAAC;KACf;IACD,IAAI,QAAQ,EAAE;QACZ,OAAO,aAAa,CAAC;KACtB;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,EAGC,UAAC,EAAO;QAAN,KAAK,WAAA;IACP,OAAA,kBAAkB,CAAC,SAAS,EAAE,iBAAU,KAAK,YAAS,EAAE,EAAE,EAAE,YAAY,CAAC;AAAzE,CAAyE,EAEzE,UAAC,EAAO;QAAN,KAAK,WAAA;IACP,OAAA,iBAAiB,CAAC,UAAU,EAAE,iBAAU,KAAK,YAAS,EAAE,EAAE,EAAE,UAAU,CAAC;AAAvE,CAAuE,EAEvE,UAAC,EAAO;QAAN,KAAK,WAAA;IAAM,OAAA,mBAAmB,CAAC,iBAAU,KAAK,YAAS,CAAC;AAA7C,CAA6C,CAC7D,CAAC;AAEF,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,kLAI5C,iGAME,EAAkE,MAClE,EAA8D,IACjE,KAFG,UAAC,EAAkB;QAAjB,MAAM,YAAA,EAAE,QAAQ,cAAA;IAAM,OAAA,iBAAU,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,MAAG;AAA1C,CAA0C,EAClE,UAAC,EAAO;QAAN,KAAK,WAAA;IAAM,OAAA,mBAAmB,CAAC,iBAAU,KAAK,YAAS,EAAE,EAAE,CAAC;AAAjD,CAAiD,CACjE,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,yFAAA,sBAEtC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,MAAM,sFAAA,mBAEpD,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/select/styled.tsx"],"names":[],"mappings":"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"}
|
package/esm/select/types.d.ts
CHANGED
|
@@ -43,6 +43,7 @@ export interface SelectPanelOverrides extends LogicalProps {
|
|
|
43
43
|
* @deprecated This property is deprecated and will be removed in the next major release. Use `marginBlock` instead.
|
|
44
44
|
*/
|
|
45
45
|
spaceStack?: MQ<string>;
|
|
46
|
+
zIndex?: 'layer' | string;
|
|
46
47
|
}
|
|
47
48
|
export declare type SelectPropsOverrides = {
|
|
48
49
|
button?: SelectButtonOverrides;
|
|
@@ -57,6 +58,8 @@ export interface SelectProps extends CommonInputProps, EventData {
|
|
|
57
58
|
overrides?: SelectPropsOverrides;
|
|
58
59
|
virtualized?: number;
|
|
59
60
|
onOpenChange?: (value: boolean) => void;
|
|
61
|
+
controlled?: boolean;
|
|
62
|
+
labelId?: string;
|
|
60
63
|
}
|
|
61
64
|
export interface SelectOptionProps {
|
|
62
65
|
value: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAClE,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AACpC,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAE1C,oBAAY,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5D,oBAAY,gBAAgB,GAAG,gBAAgB,GAAG;IAAC,MAAM,EAAE,OAAO,CAAA;CAAC,CAAC;AAEpE,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAC9D,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACnB,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACtB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACtB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACxB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAC9B,gBAAgB,CAAC,EAAE;QACjB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;IACF,aAAa,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;CAC5C;AAED,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACvB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/select/types.ts"],"names":[],"mappings":"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"}
|
package/esm/switch/styled.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ export declare const StyledTrackIcon: import("@emotion/styled").StyledComponent<
|
|
|
8
8
|
theme?: import("@emotion/react").Theme | undefined;
|
|
9
9
|
as?: import("react").ElementType<any> | undefined;
|
|
10
10
|
} & Pick<SwitchProps, "state" | "size" | "checked" | "overrides"> & {
|
|
11
|
-
justifyContent: 'start' | 'end';
|
|
11
|
+
justifyContent: 'flex-start' | 'flex-end';
|
|
12
12
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
13
13
|
export declare const StyledThumb: import("@emotion/styled").StyledComponent<{
|
|
14
14
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/switch/styled.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,qBAAqB;;;mJASjC,CAAC;AAEF,eAAO,MAAM,eAAe;;;;oBAER,
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/switch/styled.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,qBAAqB;;;mJASjC,CAAC;AAEF,eAAO,MAAM,eAAe;;;;oBAER,YAAY,GAAG,UAAU;yGAiC5C,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;yGA+BvB,CAAC"}
|
package/esm/switch/switch.js
CHANGED
|
@@ -39,8 +39,8 @@ var SwitchTrackContents = function (props) {
|
|
|
39
39
|
var OffIcon = iconAsComponent(overrides.offIcon);
|
|
40
40
|
var ThumbIcon = iconAsComponent(overrides.thumbIcon);
|
|
41
41
|
return (React.createElement(StyledSwitchContainer, { size: size, overrides: overrides },
|
|
42
|
-
React.createElement(StyledTrackIcon, { state: state, size: size, overrides: overrides, justifyContent: "start" }, OnIcon && React.createElement(OnIcon, null)),
|
|
43
|
-
React.createElement(StyledTrackIcon, { state: state, size: size, overrides: overrides, justifyContent: "end" }, OffIcon && React.createElement(OffIcon, null)),
|
|
42
|
+
React.createElement(StyledTrackIcon, { state: state, size: size, overrides: overrides, justifyContent: "flex-start" }, OnIcon && React.createElement(OnIcon, null)),
|
|
43
|
+
React.createElement(StyledTrackIcon, { state: state, size: size, overrides: overrides, justifyContent: "flex-end" }, OffIcon && React.createElement(OffIcon, null)),
|
|
44
44
|
React.createElement(StyledThumb, { size: size, checked: checked, isFocused: isFocused, isHovered: isHovered, overrides: overrides }, !!ThumbIcon && React.createElement(ThumbIcon, { checked: checked }))));
|
|
45
45
|
};
|
|
46
46
|
var ThemelessSwitch = React.forwardRef(function (_a, inputRef) {
|
package/esm/switch/switch.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/switch/switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,kBAAkB,EAAC,MAAM,UAAU,CAAC;AAE5C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,qBAAqB,EAAE,WAAW,EAAE,eAAe,EAAC,MAAM,UAAU,CAAC;AAI7E,IAAM,eAAe,GAAG,UAAC,cAA8C;IACrE,IAAI,cAAc,IAAI,kBAAkB,CAAC,cAAc,CAAC,EAAE;QACxD,OAAO,cAA0D,CAAC;KACnE;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,IAAM,mBAAmB,GAAG,UAAC,KAA0B;IAC/C,IAAA,KAOF,KAAiC,EANnC,IAAI,UAAA,EACJ,OAAO,aAAA,EACU,SAAS,qBAAA,EAC1B,SAAS,eAAA,EACT,SAAS,eAAA,EACT,KAAK,WAC8B,CAAC;IACtC,IAAM,MAAM,GAAG,eAAe,CAAC,SAAU,CAAC,MAAM,CAAC,CAAC;IAClD,IAAM,OAAO,GAAG,eAAe,CAAC,SAAU,CAAC,OAAO,CAAC,CAAC;IACpD,IAAM,SAAS,GAAG,eAAe,CAAC,SAAU,CAAC,SAAS,CAAC,CAAC;IACxD,OAAO,CACL,oBAAC,qBAAqB,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS;QACrD,oBAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAC,
|
|
1
|
+
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/switch/switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,kBAAkB,EAAC,MAAM,UAAU,CAAC;AAE5C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,qBAAqB,EAAE,WAAW,EAAE,eAAe,EAAC,MAAM,UAAU,CAAC;AAI7E,IAAM,eAAe,GAAG,UAAC,cAA8C;IACrE,IAAI,cAAc,IAAI,kBAAkB,CAAC,cAAc,CAAC,EAAE;QACxD,OAAO,cAA0D,CAAC;KACnE;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,IAAM,mBAAmB,GAAG,UAAC,KAA0B;IAC/C,IAAA,KAOF,KAAiC,EANnC,IAAI,UAAA,EACJ,OAAO,aAAA,EACU,SAAS,qBAAA,EAC1B,SAAS,eAAA,EACT,SAAS,eAAA,EACT,KAAK,WAC8B,CAAC;IACtC,IAAM,MAAM,GAAG,eAAe,CAAC,SAAU,CAAC,MAAM,CAAC,CAAC;IAClD,IAAM,OAAO,GAAG,eAAe,CAAC,SAAU,CAAC,OAAO,CAAC,CAAC;IACpD,IAAM,SAAS,GAAG,eAAe,CAAC,SAAU,CAAC,SAAS,CAAC,CAAC;IACxD,OAAO,CACL,oBAAC,qBAAqB,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS;QACrD,oBAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAC,YAAY,IAE1B,MAAM,IAAI,oBAAC,MAAM,OAAG,CACL;QAClB,oBAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAC,UAAU,IAExB,OAAO,IAAI,oBAAC,OAAO,OAAG,CACP;QAClB,oBAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,IAEnB,CAAC,CAAC,SAAS,IAAI,oBAAC,SAAS,IAAC,OAAO,EAAE,OAAO,GAAI,CACnC,CACQ,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,UAAC,EAAqD,EAAE,QAAQ;IAA9D,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,uBAA0B,EAA1B,eAAe,mBAAG,QAAQ,KAAA,EAAK,IAAI,cAApD,gCAAqD,CAAD;IAAgB,OAAA,CACnE,oBAAC,UAAU,aACT,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,IAC5B,IAAI,IACR,8BAA8B,EAAE,mBAAmB,IACnD,CACH,CAAA;CAAA,CACF,CAAC;AAEF,MAAM,CAAC,IAAM,MAAM,GAAG,YAAY,CAAC,eAAe,CAAC,CAAC;IAClD,QAAQ,UAAA;IACR,YAAY,cAAA;CACb,CAAC,CAAC"}
|
package/esm/tabs/utils.d.ts
CHANGED
|
@@ -23,7 +23,7 @@ export declare const getTabsBarIndicatorStyle: (theme: Theme, size?: number | un
|
|
|
23
23
|
width: any;
|
|
24
24
|
height: any;
|
|
25
25
|
transform: string;
|
|
26
|
-
transition: string;
|
|
26
|
+
transition: string | undefined;
|
|
27
27
|
};
|
|
28
28
|
export declare const getFirstParentElementWithRole: (element: Node | null, role: string) => HTMLElement;
|
|
29
29
|
export declare const getDescendantOnlyFromFirstChild: (element: Node | null, role: string) => ChildNode | null;
|
package/esm/tabs/utils.js
CHANGED
|
@@ -95,7 +95,7 @@ export var getTabsBarIndicatorStyle = function (theme, size, distance, vertical,
|
|
|
95
95
|
: "translateX(".concat(distance, "px)"),
|
|
96
96
|
transition: keyUpdated && keyUpdated > 1
|
|
97
97
|
? "all ".concat(motionDuration, " ").concat(motionTiming)
|
|
98
|
-
:
|
|
98
|
+
: undefined,
|
|
99
99
|
};
|
|
100
100
|
};
|
|
101
101
|
export var getFirstParentElementWithRole = function (element, role) {
|
package/esm/tabs/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/tabs/utils.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/tabs/utils.ts"],"names":[],"mappings":"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"}
|
package/esm/tooltip/tooltip.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
export declare const Tooltip: import("../utils/with-own-theme").NewsKitReactComponents<Omit<import("../base-floating-element").FloatingElementProps, "trigger" | "onDismiss" | "restoreFocusTo" | "disableFocusManagement"> & {
|
|
2
|
+
export declare const Tooltip: import("../utils/with-own-theme").NewsKitReactComponents<Omit<import("../base-floating-element").FloatingElementProps, "trigger" | "onDismiss" | "restoreFocusTo" | "disableFocusManagement" | "dismissOnBlur"> & {
|
|
3
3
|
trigger?: import("./types").TriggerType | import("./types").TriggerType[] | undefined;
|
|
4
4
|
asLabel?: boolean | undefined;
|
|
5
5
|
} & React.RefAttributes<HTMLDivElement>>;
|
package/esm/tooltip/types.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FloatingElementProps } from '../base-floating-element';
|
|
2
2
|
export declare type TriggerType = 'hover' | 'focus';
|
|
3
|
-
export declare type TooltipProps = Omit<FloatingElementProps, 'trigger' | 'onDismiss' | 'restoreFocusTo' | 'disableFocusManagement'> & {
|
|
3
|
+
export declare type TooltipProps = Omit<FloatingElementProps, 'trigger' | 'onDismiss' | 'restoreFocusTo' | 'disableFocusManagement' | 'dismissOnBlur'> & {
|
|
4
4
|
trigger?: TriggerType | TriggerType[];
|
|
5
5
|
asLabel?: boolean;
|
|
6
6
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,0BAA0B,CAAC;AAE9D,oBAAY,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;AAE5C,oBAAY,YAAY,GAAG,IAAI,CAC7B,oBAAoB,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,0BAA0B,CAAC;AAE9D,oBAAY,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;AAE5C,oBAAY,YAAY,GAAG,IAAI,CAC7B,oBAAoB,EAClB,SAAS,GACT,WAAW,GACX,gBAAgB,GAChB,wBAAwB,GACxB,eAAe,CAClB,GAAG;IACF,OAAO,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"audio-tests.d.ts","sourceRoot":"","sources":["../../../src/utils/audio-tests.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,aAAa,EAAsB,MAAM,OAAO,CAAC;AACzD,OAAO,EAAC,0BAA0B,EAAC,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAGjD,aAAK,KAAK,GAAG,gBAAgB,GAAG,0BAA0B,CAAC;AAC3D,aAAK,SAAS,GACV,aAAa,CAAC,gBAAgB,CAAC,GAC/B,aAAa,CAAC,0BAA0B,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"audio-tests.d.ts","sourceRoot":"","sources":["../../../src/utils/audio-tests.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,aAAa,EAAsB,MAAM,OAAO,CAAC;AACzD,OAAO,EAAC,0BAA0B,EAAC,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAGjD,aAAK,KAAK,GAAG,gBAAgB,GAAG,0BAA0B,CAAC;AAC3D,aAAK,SAAS,GACV,aAAa,CAAC,gBAAgB,CAAC,GAC/B,aAAa,CAAC,0BAA0B,CAAC,CAAC;AAU9C,eAAO,MAAM,yBAAyB,cAAe,MAAM;;;CAO1D,CAAC;AAgCF,eAAO,MAAM,qBAAqB,6DAG/B;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC;CACd,gBAWA,CAAC"}
|
package/esm/utils/audio-tests.js
CHANGED
|
@@ -24,6 +24,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
24
24
|
import * as React from 'react';
|
|
25
25
|
import { useEffect, useState } from 'react';
|
|
26
26
|
import { isVisualTest } from '../test/test-utils';
|
|
27
|
+
// TODO Check if this limitation still applies to Percy:
|
|
27
28
|
// We need a way to make sure all Audio Players are no longer in loading state
|
|
28
29
|
// before taking the snaphot. One way is to conditionally show / hide an invisible
|
|
29
30
|
// element on the page based on loading state, and pass this to the waitBeforeCapture
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"audio-tests.js","sourceRoot":"","sources":["../../../src/utils/audio-tests.tsx"],"names":[],"mappings":"AAAA,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAOhD,8EAA8E;AAC9E,kFAAkF;AAClF,qFAAqF;AACrF,4EAA4E;AAC5E,kFAAkF;AAClF,mFAAmF;AACnF,mFAAmF;AACnF,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,SAAiB;IACnD,IAAA,KAA0B,QAAQ,CAAS,CAAC,CAAC,EAA5C,QAAQ,QAAA,EAAE,WAAW,QAAuB,CAAC;IACpD,IAAM,SAAS,GAAG,cAAM,OAAA,WAAW,CAAC,UAAA,MAAM,IAAI,OAAA,MAAM,GAAG,CAAC,EAAV,CAAU,CAAC,EAAjC,CAAiC,CAAC;IAC1D,OAAO;QACL,iBAAiB,EAAE,QAAQ,IAAI,SAAS,IAAI,CAAC,YAAY;QACzD,SAAS,WAAA;KACV,CAAC;AACJ,CAAC,CAAC;AAEF,2EAA2E;AAC3E,+EAA+E;AAC/E,6EAA6E;AAC7E,mFAAmF;AACnF,IAAM,mBAAmB,GAAG,UAAC,EAM5B;IALC,IAAM,IAAI,UAAA,EACV,aAA+B,EAAvB,GAAG,SAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAvB,mBAAwB,CAAA;IAKzB,IAAA,KAAoC,QAAQ,EAAsB,EAAjE,aAAa,QAAA,EAAE,gBAAgB,QAAkC,CAAC;IACzE,SAAS,CAAC;QACR,KAAK,CAAC,GAAI,CAAC;aACR,IAAI,CAAC,UAAA,QAAQ,IAAI,OAAA,QAAQ,CAAC,IAAI,EAAE,EAAf,CAAe,CAAC;aACjC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC,EAAtB,CAAsB,CAAC;aACjC,IAAI,CAAC,UAAA,GAAG,IAAI,OAAA,gBAAgB,CAAC,GAAG,CAAC,EAArB,CAAqB,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACV,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,oBAAC,IAAI,aAAC,GAAG,EAAE,aAAa,IAAM,IAAI,GAC/B,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,6EAA6E;AAC7E,mDAAmD;AACnD,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,EAMrC;IALC,IAAM,IAAI,UAAA,EACV,aAAqC,EAA7B,GAAG,SAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA7B,2BAA8B,CAAA;IAKrC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,YAAY,EAAE;QAChC,OAAO,CACL,oBAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,aAAG,GAAG,KAAA,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,IAAK,IAAI,IAAK,CAC3E,CAAC;KACH;IACD,OAAO,CACL,oBAAC,IAAI,aAAC,GAAG,EAAE,GAAI,EAAE,IAAI,EAAE,IAAI,IAAM,IAAI,GAClC,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"audio-tests.js","sourceRoot":"","sources":["../../../src/utils/audio-tests.tsx"],"names":[],"mappings":"AAAA,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAOhD,wDAAwD;AACxD,8EAA8E;AAC9E,kFAAkF;AAClF,qFAAqF;AACrF,4EAA4E;AAC5E,kFAAkF;AAClF,mFAAmF;AACnF,mFAAmF;AACnF,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,SAAiB;IACnD,IAAA,KAA0B,QAAQ,CAAS,CAAC,CAAC,EAA5C,QAAQ,QAAA,EAAE,WAAW,QAAuB,CAAC;IACpD,IAAM,SAAS,GAAG,cAAM,OAAA,WAAW,CAAC,UAAA,MAAM,IAAI,OAAA,MAAM,GAAG,CAAC,EAAV,CAAU,CAAC,EAAjC,CAAiC,CAAC;IAC1D,OAAO;QACL,iBAAiB,EAAE,QAAQ,IAAI,SAAS,IAAI,CAAC,YAAY;QACzD,SAAS,WAAA;KACV,CAAC;AACJ,CAAC,CAAC;AAEF,2EAA2E;AAC3E,+EAA+E;AAC/E,6EAA6E;AAC7E,mFAAmF;AACnF,IAAM,mBAAmB,GAAG,UAAC,EAM5B;IALC,IAAM,IAAI,UAAA,EACV,aAA+B,EAAvB,GAAG,SAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAvB,mBAAwB,CAAA;IAKzB,IAAA,KAAoC,QAAQ,EAAsB,EAAjE,aAAa,QAAA,EAAE,gBAAgB,QAAkC,CAAC;IACzE,SAAS,CAAC;QACR,KAAK,CAAC,GAAI,CAAC;aACR,IAAI,CAAC,UAAA,QAAQ,IAAI,OAAA,QAAQ,CAAC,IAAI,EAAE,EAAf,CAAe,CAAC;aACjC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC,EAAtB,CAAsB,CAAC;aACjC,IAAI,CAAC,UAAA,GAAG,IAAI,OAAA,gBAAgB,CAAC,GAAG,CAAC,EAArB,CAAqB,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACV,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,oBAAC,IAAI,aAAC,GAAG,EAAE,aAAa,IAAM,IAAI,GAC/B,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,6EAA6E;AAC7E,mDAAmD;AACnD,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,EAMrC;IALC,IAAM,IAAI,UAAA,EACV,aAAqC,EAA7B,GAAG,SAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA7B,2BAA8B,CAAA;IAKrC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,YAAY,EAAE;QAChC,OAAO,CACL,oBAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,aAAG,GAAG,KAAA,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,IAAK,IAAI,IAAK,CAC3E,CAAC;KACH;IACD,OAAO,CACL,oBAAC,IAAI,aAAC,GAAG,EAAE,GAAI,EAAE,IAAI,EAAE,IAAI,IAAM,IAAI,GAClC,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC"}
|
package/esm/utils/text-crop.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { createStyleObject } from '@capsizecss/core';
|
|
1
2
|
export declare const legacyTextCrop: ({ lineHeight, topCrop, bottomCrop, topAdjustment, bottomAdjustment, cropFontSize, cropLineHeight, }: {
|
|
2
3
|
lineHeight?: number | undefined;
|
|
3
4
|
topCrop?: number | undefined;
|
|
@@ -23,8 +24,9 @@ export declare const legacyTextCrop: ({ lineHeight, topCrop, bottomCrop, topAdju
|
|
|
23
24
|
width: number;
|
|
24
25
|
};
|
|
25
26
|
};
|
|
27
|
+
declare type FontUnit = 'px' | 'rem';
|
|
26
28
|
export declare type TextCropProps = {
|
|
27
|
-
fontSize:
|
|
29
|
+
fontSize: `${number}${FontUnit}`;
|
|
28
30
|
lineHeight: number;
|
|
29
31
|
fontMetrics: {
|
|
30
32
|
capHeight: number;
|
|
@@ -34,18 +36,16 @@ export declare type TextCropProps = {
|
|
|
34
36
|
unitsPerEm: number;
|
|
35
37
|
};
|
|
36
38
|
};
|
|
37
|
-
export declare
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
content: string;
|
|
47
|
-
marginTop: string;
|
|
48
|
-
display: string;
|
|
49
|
-
};
|
|
39
|
+
export declare type StyleObject = Omit<ReturnType<typeof createStyleObject>, 'fontSize' | 'lineHeight'> & {
|
|
40
|
+
padding: string;
|
|
41
|
+
fontSize: `${number}px`;
|
|
42
|
+
lineHeight: `${number}px`;
|
|
43
|
+
};
|
|
44
|
+
export declare type TextCropResults = Omit<StyleObject, 'fontSize' | 'lineHeight'> & {
|
|
45
|
+
padding: string;
|
|
46
|
+
fontSize: `${number}${FontUnit}`;
|
|
47
|
+
lineHeight: `${number}${FontUnit}`;
|
|
50
48
|
};
|
|
49
|
+
export declare const textCrop: ({ lineHeight, fontSize, fontMetrics, }: TextCropProps) => TextCropResults;
|
|
50
|
+
export {};
|
|
51
51
|
//# sourceMappingURL=text-crop.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-crop.d.ts","sourceRoot":"","sources":["../../../src/utils/text-crop.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"text-crop.d.ts","sourceRoot":"","sources":["../../../src/utils/text-crop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAInD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;CAyC1B,CAAC;AAEF,aAAK,QAAQ,GAAG,IAAI,GAAG,KAAK,CAAC;AAE7B,oBAAY,aAAa,GAAG;IAC1B,QAAQ,EAAE,GAAG,MAAM,GAAG,QAAQ,EAAE,CAAC;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE;QACX,SAAS,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,oBAAY,WAAW,GAAG,IAAI,CAC5B,UAAU,CAAC,OAAO,iBAAiB,CAAC,EACpC,UAAU,GAAG,YAAY,CAC1B,GAAG;IACF,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,GAAG,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,GAAG,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC,GAAG;IAC3E,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,GAAG,MAAM,GAAG,QAAQ,EAAE,CAAC;IACjC,UAAU,EAAE,GAAG,MAAM,GAAG,QAAQ,EAAE,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,QAAQ,2CAIlB,aAAa,KAAG,eAkClB,CAAC"}
|
package/esm/utils/text-crop.js
CHANGED
|
@@ -35,7 +35,15 @@ export var legacyTextCrop = function (_a) {
|
|
|
35
35
|
};
|
|
36
36
|
export var textCrop = function (_a) {
|
|
37
37
|
var lineHeight = _a.lineHeight, fontSize = _a.fontSize, fontMetrics = _a.fontMetrics;
|
|
38
|
-
|
|
38
|
+
if (typeof lineHeight !== 'number') {
|
|
39
|
+
throw Error("invalid lineHeight: ".concat(lineHeight));
|
|
40
|
+
}
|
|
41
|
+
var match = fontSize.match(/(\d+(?:\.\d+)?)(px|rem)/);
|
|
42
|
+
if (!match) {
|
|
43
|
+
throw Error("invalid fontSize: ".concat(fontSize));
|
|
44
|
+
}
|
|
45
|
+
var fontSizeAsNumber = parseFloat(match[1]);
|
|
46
|
+
var fontSizeUnits = match[2];
|
|
39
47
|
var leading = lineHeight * fontSizeAsNumber;
|
|
40
48
|
var capsizeStyles = createStyleObject({
|
|
41
49
|
fontSize: fontSizeAsNumber,
|
|
@@ -45,8 +53,11 @@ export var textCrop = function (_a) {
|
|
|
45
53
|
// Changing cropping approach to block
|
|
46
54
|
capsizeStyles['::after'].display = 'block';
|
|
47
55
|
capsizeStyles['::before'].display = 'block';
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
56
|
+
var overrides = {};
|
|
57
|
+
if (fontSizeUnits !== 'px') {
|
|
58
|
+
overrides.fontSize = fontSize;
|
|
59
|
+
overrides.lineHeight = "".concat(leading).concat(fontSizeUnits);
|
|
60
|
+
}
|
|
61
|
+
return __assign(__assign(__assign({}, capsizeStyles), overrides), { padding: '0.5px 0px' });
|
|
51
62
|
};
|
|
52
63
|
//# sourceMappingURL=text-crop.js.map
|