@box/blueprint-web 6.41.3 → 6.41.5
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/lib-esm/primitives/tabs/index.d.ts +1 -0
- package/lib-esm/primitives/tabs/tab-list.d.ts +1 -0
- package/lib-esm/primitives/tabs/tab-list.js +3 -2
- package/lib-esm/primitives/tabs/types.d.ts +1 -0
- package/lib-esm/search-input/search-input-controlled/search-input-controlled.js +3 -0
- package/lib-esm/search-input/search-input.js +3 -0
- package/package.json +2 -2
|
@@ -9,6 +9,7 @@ export declare const Tabs: ((props: import("./types").TabsProps) => JSX.Element)
|
|
|
9
9
|
*/
|
|
10
10
|
TabList: import("react").ForwardRefExoticComponent<Omit<Omit<import("@ariakit/react").TabListProps<"div">, "store"> & {
|
|
11
11
|
variant?: import("./types").TabsVariant | undefined;
|
|
12
|
+
containerClassname?: string | undefined;
|
|
12
13
|
}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
13
14
|
/**
|
|
14
15
|
* The content for a single Tab.
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const TabList: import("react").ForwardRefExoticComponent<Omit<Omit<import("@ariakit/react").TabListProps<"div">, "store"> & {
|
|
3
3
|
variant?: import("./types").TabsVariant | undefined;
|
|
4
|
+
containerClassname?: string | undefined;
|
|
4
5
|
}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -8,14 +8,15 @@ import { useTabs } from './use-tabs.js';
|
|
|
8
8
|
const TabList = /*#__PURE__*/forwardRef(function TabList(props, ref) {
|
|
9
9
|
const {
|
|
10
10
|
className,
|
|
11
|
-
variant = 'default'
|
|
11
|
+
variant = 'default',
|
|
12
|
+
containerClassname
|
|
12
13
|
} = props;
|
|
13
14
|
const tab = useTabs();
|
|
14
15
|
if (!tab) {
|
|
15
16
|
throw new Error('TabList must be wrapped in a Tabs component');
|
|
16
17
|
}
|
|
17
18
|
return jsx("div", {
|
|
18
|
-
className: styles.tabsListContainer,
|
|
19
|
+
className: clsx(styles.tabsListContainer, containerClassname),
|
|
19
20
|
children: jsx(TabList$1, {
|
|
20
21
|
...props,
|
|
21
22
|
ref: ref,
|
|
@@ -3,6 +3,7 @@ import { type ReactNode } from 'react';
|
|
|
3
3
|
export type TabsVariant = 'default' | 'contentSwitcher';
|
|
4
4
|
export type TabListProps = Omit<PrimitiveTabListProps, 'store'> & {
|
|
5
5
|
variant?: TabsVariant;
|
|
6
|
+
containerClassname?: string;
|
|
6
7
|
};
|
|
7
8
|
export type TabPanelProps = Omit<PrimitiveTabPanelProps, 'store'>;
|
|
8
9
|
export type TabProps = PrimitiveTabProps & {
|
|
@@ -34,6 +34,9 @@ const SearchInputControlled = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
34
34
|
switchCase({
|
|
35
35
|
Enter: () => {
|
|
36
36
|
e.preventDefault();
|
|
37
|
+
if (e.nativeEvent.isComposing) {
|
|
38
|
+
return;
|
|
39
|
+
} // prevents submitting when using Japanese IME
|
|
37
40
|
onSubmit?.(value);
|
|
38
41
|
},
|
|
39
42
|
Escape: () => {
|
|
@@ -55,6 +55,9 @@ const SearchInput = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
55
55
|
switchCase({
|
|
56
56
|
Enter: () => {
|
|
57
57
|
e.preventDefault();
|
|
58
|
+
if (e.nativeEvent.isComposing) {
|
|
59
|
+
return;
|
|
60
|
+
} // prevents submitting when using Japanese IME
|
|
58
61
|
onSubmit?.(searchInputValue);
|
|
59
62
|
},
|
|
60
63
|
Escape: () => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "6.41.
|
|
3
|
+
"version": "6.41.5",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"devDependencies": {
|
|
58
58
|
"@box/storybook-utils": "^0.0.7"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "0bc96094a0f38a70e9441a77566cb19c92b42193",
|
|
61
61
|
"module": "lib-esm/index.js",
|
|
62
62
|
"main": "lib-esm/index.js",
|
|
63
63
|
"exports": {
|