@clayui/tabs 3.56.0 → 3.67.0

package/lib/Content.d.ts

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: BSD-3-Clause
  */
 import React from 'react';
-interface IProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface IProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Receives a number that indicates the `tabkey` to be rendered.
      */
@@ -17,5 +17,5 @@ interface IProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     fade?: boolean;
 }
-declare const Content: React.FunctionComponent<IProps>;
+declare const Content: ({ activeIndex, children, className, fade, ...otherProps }: IProps) => JSX.Element;
 export default Content;

package/lib/Item.d.ts

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: BSD-3-Clause
  */
 import React from 'react';
-interface IProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'onClick'> {
+export interface IProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'onClick'> {
     /**
      * Flag to indicate if the component is active or not.
      */

package/lib/TabPane.d.ts

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: BSD-3-Clause
  */
 import React from 'react';
-interface ITabPaneProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ITabPaneProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Flag to indicate if `active` classname should be applied
      */
@@ -13,5 +13,5 @@ interface ITabPaneProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     fade?: boolean;
 }
-declare const TabPane: React.FunctionComponent<ITabPaneProps>;
+declare const TabPane: ({ active, children, className, fade, ...otherProps }: ITabPaneProps) => JSX.Element;
 export default TabPane;

package/lib/index.d.ts

@@ -7,7 +7,7 @@ import Content from './Content';
 import Item from './Item';
 import TabPane from './TabPane';
 export declare type DisplayType = null | 'basic' | 'underline';
-interface IProps extends React.HTMLAttributes<HTMLUListElement> {
+export interface IProps extends React.HTMLAttributes<HTMLUListElement> {
     /**
      * Determines how tab is displayed.
      */
@@ -21,10 +21,16 @@ interface IProps extends React.HTMLAttributes<HTMLUListElement> {
      */
     modern?: boolean;
 }
-declare const ClayTabs: React.FunctionComponent<IProps> & {
+declare function ClayTabs(props: IProps): JSX.Element & {
     Content: typeof Content;
     TabPane: typeof TabPane;
     TabPanel: typeof TabPane;
     Item: typeof Item;
 };
+declare namespace ClayTabs {
+    var Content: ({ activeIndex, children, className, fade, ...otherProps }: import("./Content").IProps) => JSX.Element;
+    var TabPane: ({ active, children, className, fade, ...otherProps }: import("./TabPane").ITabPaneProps) => JSX.Element;
+    var TabPanel: ({ active, children, className, fade, ...otherProps }: import("./TabPane").ITabPaneProps) => JSX.Element;
+    var Item: React.ForwardRefExoticComponent<import("./Item").IProps & React.RefAttributes<any>>;
+}
 export default ClayTabs;

package/lib/index.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var ClayTabs = function ClayTabs(_ref) {
+function ClayTabs(_ref) {
   var children = _ref.children,
       className = _ref.className,
       displayType = _ref.displayType,
@@ -46,7 +46,7 @@ var ClayTabs = function ClayTabs(_ref) {
     }, className),
     role: "tablist"
   }, otherProps), children);
-};
+}
 
 ClayTabs.Content = _Content.default;
 ClayTabs.TabPane = _TabPane.default;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@clayui/tabs",
-	"version": "3.56.0",
+	"version": "3.67.0",
 	"description": "ClayTabs component",
 	"license": "BSD-3-Clause",
 	"repository": "https://github.com/liferay/clay",
@@ -26,7 +26,7 @@
 		"react"
 	],
 	"dependencies": {
-		"@clayui/shared": "^3.56.0",
+		"@clayui/shared": "^3.67.0",
 		"classnames": "^2.2.6"
 	},
 	"peerDependencies": {
@@ -37,5 +37,5 @@
 	"browserslist": [
 		"extends browserslist-config-clay"
 	],
-	"gitHead": "1c33d9c709d8ce071862f0087c76ac23ce11465b"
+	"gitHead": "71e84490088d72afb0240a7ef69cde23a6d5dd19"
 }

package/src/Content.tsx

@@ -6,7 +6,7 @@
 import classNames from 'classnames';
 import React from 'react';
 
-interface IProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface IProps extends React.HTMLAttributes<HTMLDivElement> {
 	/**
 	 * Receives a number that indicates the `tabkey` to be rendered.
 	 */
@@ -23,7 +23,7 @@ interface IProps extends React.HTMLAttributes<HTMLDivElement> {
 	fade?: boolean;
 }
 
-const Content: React.FunctionComponent<IProps> = ({
+const Content = ({
 	activeIndex = 0,
 	children,
 	className,

package/src/Item.tsx

@@ -7,7 +7,8 @@ import {LinkOrButton} from '@clayui/shared';
 import classNames from 'classnames';
 import React from 'react';
 
-interface IProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'onClick'> {
+export interface IProps
+	extends Omit<React.HTMLAttributes<HTMLLIElement>, 'onClick'> {
 	/**
 	 * Flag to indicate if the component is active or not.
 	 */

package/src/TabPane.tsx

@@ -6,7 +6,7 @@
 import classNames from 'classnames';
 import React from 'react';
 
-interface ITabPaneProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ITabPaneProps extends React.HTMLAttributes<HTMLDivElement> {
 	/**
 	 * Flag to indicate if `active` classname should be applied
 	 */
@@ -23,7 +23,7 @@ const delay = (fn: Function, val: number = 150) =>
 		fn();
 	}, val);
 
-const TabPane: React.FunctionComponent<ITabPaneProps> = ({
+const TabPane = ({
 	active = false,
 	children,
 	className,

package/src/index.tsx

@@ -12,7 +12,7 @@ import TabPane from './TabPane';
 
 export type DisplayType = null | 'basic' | 'underline';
 
-interface IProps extends React.HTMLAttributes<HTMLUListElement> {
+export interface IProps extends React.HTMLAttributes<HTMLUListElement> {
 	/**
 	 * Determines how tab is displayed.
 	 */
@@ -29,19 +29,21 @@ interface IProps extends React.HTMLAttributes<HTMLUListElement> {
 	modern?: boolean;
 }
 
-const ClayTabs: React.FunctionComponent<IProps> & {
+function ClayTabs(props: IProps): JSX.Element & {
 	Content: typeof Content;
 	TabPane: typeof TabPane;
 	TabPanel: typeof TabPane;
 	Item: typeof Item;
-} = ({
+};
+
+function ClayTabs({
 	children,
 	className,
 	displayType,
 	justified,
 	modern = true,
 	...otherProps
-}: IProps) => {
+}: IProps) {
 	return (
 		<ul
 			className={classNames(
@@ -65,7 +67,7 @@ const ClayTabs: React.FunctionComponent<IProps> & {
 			{children}
 		</ul>
 	);
-};
+}
 
 ClayTabs.Content = Content;
 ClayTabs.TabPane = TabPane;