@clayui/tabs 3.141.2-alpha.0 → 3.143.0

package/lib/Content.d.ts

@@ -0,0 +1,30 @@
+/**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+import React from 'react';
+export interface IProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @ignore
+     */
+    active?: React.Key;
+    /**
+     * Receives a number that indicates the `tabkey` to be rendered.
+     * @deprecated since v3.78.2 - No longer needed in new composition.
+     */
+    activeIndex?: number;
+    /**
+     * Children elements received from ClayTabs.Content component.
+     */
+    children: React.ReactNode;
+    /**
+     * Flag to indicate if `fade` classname that applies an fading animation should be applied.
+     */
+    fade?: boolean;
+    /**
+     * @ignore
+     */
+    tabsId?: string;
+}
+declare const Content: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>>;
+export default Content;

package/lib/Item.d.ts

@@ -0,0 +1,33 @@
+/**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+import React from 'react';
+export interface IProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'onClick'> {
+    /**
+     * Flag to indicate if the component is active or not.
+     *
+     * OBS: The `active` API in the new pattern has uncontrolled behavior,
+     * working just like `defaultActive` as in the prop declared in the
+     * root component.
+     */
+    active?: boolean;
+    /**
+     * Flag to indicate if the TabPane is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * This value is used to be the target of the link.
+     */
+    href?: string;
+    /**
+     * Props to be added to the item element that can be an anchor or a button.
+     */
+    innerProps?: React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>;
+    /**
+     * Callback to be used when clicking to a Tab Item.
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+declare const Item: React.ForwardRefExoticComponent<IProps & React.RefAttributes<any>>;
+export default Item;

package/lib/List.d.ts

@@ -0,0 +1,49 @@
+/**
+ * SPDX-FileCopyrightText: © 2022 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+import { InternalDispatch } from '@clayui/shared';
+import React from 'react';
+export interface IProps extends React.HTMLAttributes<HTMLUListElement> {
+    /**
+     * @ignore
+     */
+    activation?: 'manual' | 'automatic';
+    /**
+     * @ignore
+     */
+    active?: React.Key;
+    /**
+     * The tabs content.
+     */
+    children: React.ReactNode;
+    /**
+     * The custom class.
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    displayType?: null | 'basic' | 'light' | 'underline';
+    /**
+     * @ignore
+     */
+    justified?: boolean;
+    /**
+     * @ignore
+     */
+    modern?: boolean;
+    /**
+     * @ignore
+     */
+    onActiveChange?: InternalDispatch<number>;
+    /**
+     * @ignore
+     */
+    shouldUseActive?: boolean;
+    /**
+     * @ignore
+     */
+    tabsId?: string;
+}
+export declare const List: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLUListElement>>;

package/lib/TabPane.d.ts

@@ -0,0 +1,17 @@
+/**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+import React from 'react';
+export interface ITabPaneProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Flag to indicate if `active` classname should be applied
+     */
+    active?: boolean;
+    /**
+     * Flag to indicate if `fade` classname that applies a fading animation should be applied.
+     */
+    fade?: boolean;
+}
+declare const TabPane: React.ForwardRefExoticComponent<ITabPaneProps & React.RefAttributes<HTMLDivElement>>;
+export default TabPane;

package/lib/index.d.ts

@@ -0,0 +1,58 @@
+/**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+import { InternalDispatch } from '@clayui/shared';
+import React from 'react';
+export declare type DisplayType = null | 'basic' | 'underline';
+export interface IProps extends React.HTMLAttributes<HTMLUListElement> {
+    /**
+     * Flag to indicate the navigation behavior in the tab.
+     *
+     * - manual - it will just move the focus and tab activation is done just
+     * by pressing space or enter.
+     * - automatic - moves the focus to the tab and activates the tab.
+     */
+    activation?: 'manual' | 'automatic';
+    /**
+     * The current tab active (controlled).
+     */
+    active?: number;
+    /**
+     * Initial active tab when rendering component (uncontrolled).
+     */
+    defaultActive?: number;
+    /**
+     * Determines how tab is displayed.
+     * @deprecated since v3.89.0 with no replacement.
+     */
+    displayType?: null | 'basic' | 'underline';
+    /**
+     * Flag to indicate if `fade` classname that applies an fading animation
+     * should be applied.
+     */
+    fade?: boolean;
+    /**
+     * Justify the nav items according the tab content.
+     */
+    justified?: boolean;
+    /**
+     * Applies a modern style to the tab.
+     * @deprecated since v3.89.0 with no replacement.
+     */
+    modern?: boolean;
+    /**
+     * Callback is called when the active tab changes (controlled).
+     */
+    onActiveChange?: InternalDispatch<number>;
+}
+declare function Tabs({ activation, active: externalActive, children, className, defaultActive, displayType, fade, justified, modern, onActiveChange, ...otherProps }: IProps): JSX.Element;
+declare namespace Tabs {
+    var Content: React.ForwardRefExoticComponent<import("./Content").IProps & React.RefAttributes<HTMLDivElement>>;
+    var Panels: React.ForwardRefExoticComponent<import("./Content").IProps & React.RefAttributes<HTMLDivElement>>;
+    var Item: React.ForwardRefExoticComponent<import("./Item").IProps & React.RefAttributes<any>>;
+    var List: React.ForwardRefExoticComponent<import("./List").IProps & React.RefAttributes<HTMLUListElement>>;
+    var TabPane: React.ForwardRefExoticComponent<import("./TabPane").ITabPaneProps & React.RefAttributes<HTMLDivElement>>;
+    var TabPanel: React.ForwardRefExoticComponent<import("./TabPane").ITabPaneProps & React.RefAttributes<HTMLDivElement>>;
+}
+export default Tabs;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@clayui/tabs",
-	"version": "3.141.2-alpha.0",
+	"version": "3.143.0",
 	"description": "ClayTabs component",
 	"license": "BSD-3-Clause",
 	"repository": "https://github.com/liferay/clay",
@@ -28,16 +28,16 @@
 		"react"
 	],
 	"dependencies": {
-		"@clayui/shared": "^3.141.2-alpha.0",
+		"@clayui/shared": "^3.143.0",
 		"classnames": "^2.2.6"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
-		"react": "^16.12.0",
-		"react-dom": "^16.12.0"
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0"
 	},
 	"browserslist": [
 		"extends browserslist-config-clay"
 	],
-	"gitHead": "aea6ecdaee62ccc374009982f934e1b193785668"
+	"gitHead": "aacf20646cc7fb25c4d60e865ec77d2d503d23e9"
 }