@clayui/tabs 3.55.0 → 3.65.1

package/lib/Content.d.ts

@@ -1,8 +1,21 @@
+/**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * 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.
+     */
     activeIndex: number;
+    /**
+     * Children elements received from ClayTabs.Content component.
+     */
     children: Array<React.ReactElement>;
+    /**
+     * Flag to indicate if `fade` classname that applies an fading animation should be applied.
+     */
     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

@@ -1,9 +1,28 @@
+/**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * 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.
+     */
     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>>;

package/lib/TabPane.d.ts

@@ -1,7 +1,17 @@
+/**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * 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
+     */
     active?: boolean;
+    /**
+     * Flag to indicate if `fade` classname that applies a fading animation should be applied.
+     */
     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

@@ -1,17 +1,36 @@
+/**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
 import React from 'react';
 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.
+     */
     displayType?: DisplayType;
+    /**
+     * Justify the nav items according the tab content.
+     */
     justified?: boolean;
+    /**
+     * Applies a modern style to the tab.
+     */
     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.55.0",
+	"version": "3.65.1",
 	"description": "ClayTabs component",
 	"license": "BSD-3-Clause",
 	"repository": "https://github.com/liferay/clay",
@@ -17,8 +17,8 @@
 	],
 	"scripts": {
 		"build": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib --extensions .ts,.tsx",
-		"build:types": "cross-env NODE_ENV=production tsc --project ./tsconfig.declarations.json",
-		"prepublishOnly": "yarn build && yarn build:types",
+		"buildTypes": "cross-env NODE_ENV=production tsc --project ./tsconfig.declarations.json",
+		"prepublishOnly": "yarn build && yarn buildTypes",
 		"test": "jest --config ../../jest.config.js"
 	},
 	"keywords": [
@@ -26,7 +26,7 @@
 		"react"
 	],
 	"dependencies": {
-		"@clayui/shared": "^3.55.0",
+		"@clayui/shared": "^3.65.0",
 		"classnames": "^2.2.6"
 	},
 	"peerDependencies": {
@@ -37,5 +37,5 @@
 	"browserslist": [
 		"extends browserslist-config-clay"
 	],
-	"gitHead": "5310f4650d453a3659b0bc73a5f098732168c9c1"
+	"gitHead": "603f05c8d617d98e29f0456b5d6618f9a95ce740"
 }

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;