@cleartrip/ct-design-tabs 1.1.0

package/dist/ct-design-tabs.cjs.js

@@ -0,0 +1,288 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var styled = require('styled-components');
+var react = require('react');
+var ctDesignButton = require('@cleartrip/ct-design-button');
+var useTheme = require('@cleartrip/ct-design-use-theme');
+var ctDesignTypography = require('@cleartrip/ct-design-typography');
+var useMergeRefs = require('@cleartrip/ct-design-use-merge-refs');
+var usePropState = require('@cleartrip/ct-design-use-props-state');
+
+function _interopDefault(e) {
+	return e && e.__esModule ? e : { default: e };
+}
+
+var styled__default = /*#__PURE__*/ _interopDefault(styled);
+var useTheme__default = /*#__PURE__*/ _interopDefault(useTheme);
+var useMergeRefs__default = /*#__PURE__*/ _interopDefault(useMergeRefs);
+var usePropState__default = /*#__PURE__*/ _interopDefault(usePropState);
+
+var getTabStyles = function (_a) {
+	var theme = _a.theme,
+		isHorizontal = _a.isHorizontal,
+		width = _a.width,
+		height = _a.height,
+		rest = tslib.__rest(_a, ['theme', 'isHorizontal', 'width', 'height']);
+	return tslib.__assign(
+		{
+			display: 'flex',
+			flexDirection: isHorizontal ? 'row' : 'column',
+			width: width || isHorizontal ? '100%' : '',
+			height: height || !isHorizontal ? '100%' : '',
+			justifyContent: 'space-between',
+			borderBottomWidth: theme.border.width.sm,
+			borderColor: theme.color.border.default,
+			borderBottomStyle: theme.border.style.solid,
+			cursor: 'pointer',
+			position: 'relative',
+		},
+		rest
+	);
+};
+
+var getTabItemStyles = function (_a) {
+	_a.theme;
+	var rest = tslib.__rest(_a, ['theme']);
+	return tslib.__assign({ backgroundColor: 'transparent', outline: 0, border: 0 }, rest);
+};
+var getLabelVariant = function (_a) {
+	var size = _a.size;
+	switch (size) {
+		case 'small': {
+			return ctDesignTypography.TypographyVariant.B2;
+		}
+		case 'medium': {
+			return ctDesignTypography.TypographyVariant.B1;
+		}
+		case 'large': {
+			return ctDesignTypography.TypographyVariant.B1;
+		}
+		default: {
+			return ctDesignTypography.TypographyVariant.B2;
+		}
+	}
+};
+var getTabLabelColor = function (_a) {
+	var selected = _a.selected,
+		theme = _a.theme,
+		focusColor = _a.focusColor,
+		color = _a.color;
+	if (selected) {
+		return focusColor || color || theme.color.tab.selectedPrimaryLabel;
+	} else {
+		return color || theme.color.tab.nonSelectedPrimaryLabel;
+	}
+};
+var TabItem = react.forwardRef(function (props) {
+	var tabKey = props.tabKey,
+		onClick = props.onClick,
+		tabIndex = props.tabIndex,
+		_a = props.selected,
+		selected = _a === void 0 ? false : _a,
+		label = props.label,
+		disabled = props.disabled,
+		size = props.size,
+		_b = props.tabItemCSS,
+		tabItemCSS = _b === void 0 ? { label: {}, Root: {} } : _b,
+		css = props.css,
+		focusColor = props.focusColor,
+		children = props.children;
+	var theme = useTheme__default.default();
+	var tabItemStyles = getTabItemStyles(
+		tslib.__assign(
+			tslib.__assign({ theme: theme }, css),
+			tabItemCSS === null || tabItemCSS === void 0 ? void 0 : tabItemCSS.Root
+		)
+	);
+	var handleClick = react.useCallback(
+		function (event) {
+			if (!disabled) {
+				onClick(event, props);
+			}
+		},
+		[tabKey, onClick]
+	);
+	var _c = tabItemCSS.label,
+		color = _c.color;
+	tslib.__rest(_c, ['color']);
+	return jsxRuntime.jsx(
+		ctDesignButton.Button,
+		tslib.__assign(
+			{ disabled: disabled, css: tabItemStyles, onClick: handleClick, tabIndex: tabIndex },
+			{
+				children: label
+					? jsxRuntime.jsx(
+							ctDesignTypography.Typography,
+							tslib.__assign(
+								{
+									variant: getLabelVariant({ size: size }),
+									colorCode: getTabLabelColor({
+										selected: selected,
+										theme: theme,
+										focusColor: focusColor,
+										color: color,
+									}),
+								},
+								{ children: label }
+							)
+					  )
+					: children,
+			}
+		)
+	);
+});
+
+var useMounted = function () {
+	var _a = react.useState(false),
+		isMounted = _a[0],
+		setIsMounted = _a[1];
+	react.useEffect(function () {
+		setIsMounted(true);
+	}, []);
+	return isMounted;
+};
+var StyledTab = styled__default.default.div(function (_a) {
+	var css = _a.css,
+		theme = _a.theme,
+		_b = _a.isHorizontal,
+		isHorizontal = _b === void 0 ? true : _b,
+		width = _a.width,
+		height = _a.height;
+	return getTabStyles(
+		tslib.__assign({ theme: theme, isHorizontal: isHorizontal, width: width, height: height }, css)
+	);
+});
+var StyledFlexContainer = styled__default.default.div(function (_a) {
+	_a.theme;
+	return {
+		display: 'flex',
+		flexDirection: 'row',
+	};
+});
+var Indicator = styled__default.default.div(function (_a) {
+	var theme = _a.theme,
+		width = _a.width,
+		left = _a.left,
+		color = _a.color;
+	return {
+		position: 'absolute',
+		height: '2px',
+		bottom: 0,
+		transition: 'all ease-in 0.3s',
+		backgroundColor: color || theme.color.background.primary,
+		width: width,
+		left: left,
+	};
+});
+var Tab = react.forwardRef(function (_a, forwardedRef) {
+	_a.children;
+	var tabList = _a.tabList,
+		_b = _a.selectedTabIndex,
+		selectedTabIndex = _b === void 0 ? 0 : _b,
+		onClick = _a.onClick,
+		_c = _a.isHorizontal,
+		isHorizontal = _c === void 0 ? true : _c,
+		css = _a.css,
+		tabCSS = _a.tabCSS,
+		focusColor = _a.focusColor,
+		props = tslib.__rest(_a, [
+			'children',
+			'tabList',
+			'selectedTabIndex',
+			'onClick',
+			'isHorizontal',
+			'css',
+			'tabCSS',
+			'focusColor',
+		]);
+	var theme = styled.useTheme();
+	var isMounted = useMounted();
+	var _d = usePropState__default.default(selectedTabIndex),
+		selectedIndex = _d[0],
+		setSelectedIndex = _d[1];
+	var _e = react.useState({ width: 0, left: 0 }),
+		indicatorStyle = _e[0],
+		setIndicatorStyle = _e[1];
+	var listRef = react.useRef(null);
+	var tabsRef = react.useRef(null);
+	var handleRef = useMergeRefs__default.default(react.forwardRef, tabsRef);
+	var updateIndicatorState = function () {
+		var _a, _b;
+		if (listRef.current && selectedIndex !== undefined) {
+			var children = listRef.current.children;
+			var tab = children[selectedIndex];
+			var tabMeta = tab ? tab.getBoundingClientRect() : { left: 0, width: 0 };
+			var rect = (_a = tabsRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+			var tabsMeta = {
+				scrollLeft: ((_b = tabsRef.current) === null || _b === void 0 ? void 0 : _b.scrollLeft) || 0,
+				left: (rect === null || rect === void 0 ? void 0 : rect.left) || 0,
+			};
+			var correction = tabsMeta.scrollLeft;
+			var startValue = tabMeta.left - tabsMeta.left + correction;
+			var newIndicatorStyle = { left: startValue, width: tabMeta.width };
+			var dStart = Math.abs(indicatorStyle.left - newIndicatorStyle.left);
+			var dSize = Math.abs(indicatorStyle.width - newIndicatorStyle.width);
+			if (dStart >= 1 || dSize >= 1) {
+				setIndicatorStyle(newIndicatorStyle);
+			}
+		}
+	};
+	react.useEffect(
+		function () {
+			updateIndicatorState();
+		},
+		[selectedIndex]
+	);
+	var handleClick = function (e, tabItem) {
+		setSelectedIndex(tabItem.tabIndex || 0);
+		if (onClick) {
+			onClick(e, tabItem);
+		}
+	};
+	var tabItemList = tabList.map(function (item, index) {
+		return jsxRuntime.jsx(
+			TabItem,
+			{
+				selected: index === selectedIndex,
+				tabIndex: index,
+				tabKey: index,
+				onClick: handleClick,
+				label: item.label,
+				tabItemCSS: tabCSS === null || tabCSS === void 0 ? void 0 : tabCSS.TabItemCSS,
+				focusColor: focusColor,
+			},
+			index
+		);
+	});
+	var indicatorStyles = tslib.__assign(
+		tslib.__assign({}, indicatorStyle),
+		tabCSS === null || tabCSS === void 0 ? void 0 : tabCSS.IndicatorCSS
+	);
+	return jsxRuntime.jsxs(
+		StyledTab,
+		tslib.__assign(
+			{
+				ref: handleRef,
+				theme: theme,
+				isHorizontal: isHorizontal,
+				css: tslib.__assign(
+					tslib.__assign({}, css),
+					tabCSS === null || tabCSS === void 0 ? void 0 : tabCSS.Root
+				),
+			},
+			props,
+			{
+				children: [
+					jsxRuntime.jsx(StyledFlexContainer, tslib.__assign({ ref: listRef }, { children: tabItemList })),
+					isMounted && jsxRuntime.jsx(Indicator, tslib.__assign({ color: focusColor }, indicatorStyles)),
+				],
+			}
+		)
+	);
+});
+
+exports.TabItem = TabItem;
+exports.Tabs = Tab;
+//# sourceMappingURL=ct-design-tabs.cjs.js.map

package/dist/ct-design-tabs.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-tabs.cjs.js","sources":["../packages/components/Tabs/src/style.ts","../packages/components/Tabs/src/TabItem/TabItem.tsx","../packages/components/Tabs/src/Tabs.tsx"],"sourcesContent":[null,null,null],"names":["__rest","__assign","TypographyVariant","forwardRef","useTheme","useCallback","_jsx","Button","Typography","useState","useEffect","styled","usePropState","useRef","useMergeRefs","_jsxs"],"mappings":"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"}

package/dist/ct-design-tabs.esm.js

@@ -0,0 +1,271 @@
+import { __rest, __assign } from 'tslib';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import styled, { useTheme as useTheme$1 } from 'styled-components';
+import { forwardRef, useCallback, useState, useRef, useEffect } from 'react';
+import { Button } from '@cleartrip/ct-design-button';
+import useTheme from '@cleartrip/ct-design-use-theme';
+import { Typography, TypographyVariant } from '@cleartrip/ct-design-typography';
+import useMergeRefs from '@cleartrip/ct-design-use-merge-refs';
+import usePropState from '@cleartrip/ct-design-use-props-state';
+
+var getTabStyles = function (_a) {
+	var theme = _a.theme,
+		isHorizontal = _a.isHorizontal,
+		width = _a.width,
+		height = _a.height,
+		rest = __rest(_a, ['theme', 'isHorizontal', 'width', 'height']);
+	return __assign(
+		{
+			display: 'flex',
+			flexDirection: isHorizontal ? 'row' : 'column',
+			width: width || isHorizontal ? '100%' : '',
+			height: height || !isHorizontal ? '100%' : '',
+			justifyContent: 'space-between',
+			borderBottomWidth: theme.border.width.sm,
+			borderColor: theme.color.border.default,
+			borderBottomStyle: theme.border.style.solid,
+			cursor: 'pointer',
+			position: 'relative',
+		},
+		rest
+	);
+};
+
+var getTabItemStyles = function (_a) {
+	_a.theme;
+	var rest = __rest(_a, ['theme']);
+	return __assign({ backgroundColor: 'transparent', outline: 0, border: 0 }, rest);
+};
+var getLabelVariant = function (_a) {
+	var size = _a.size;
+	switch (size) {
+		case 'small': {
+			return TypographyVariant.B2;
+		}
+		case 'medium': {
+			return TypographyVariant.B1;
+		}
+		case 'large': {
+			return TypographyVariant.B1;
+		}
+		default: {
+			return TypographyVariant.B2;
+		}
+	}
+};
+var getTabLabelColor = function (_a) {
+	var selected = _a.selected,
+		theme = _a.theme,
+		focusColor = _a.focusColor,
+		color = _a.color;
+	if (selected) {
+		return focusColor || color || theme.color.tab.selectedPrimaryLabel;
+	} else {
+		return color || theme.color.tab.nonSelectedPrimaryLabel;
+	}
+};
+var TabItem = forwardRef(function (props) {
+	var tabKey = props.tabKey,
+		onClick = props.onClick,
+		tabIndex = props.tabIndex,
+		_a = props.selected,
+		selected = _a === void 0 ? false : _a,
+		label = props.label,
+		disabled = props.disabled,
+		size = props.size,
+		_b = props.tabItemCSS,
+		tabItemCSS = _b === void 0 ? { label: {}, Root: {} } : _b,
+		css = props.css,
+		focusColor = props.focusColor,
+		children = props.children;
+	var theme = useTheme();
+	var tabItemStyles = getTabItemStyles(
+		__assign(
+			__assign({ theme: theme }, css),
+			tabItemCSS === null || tabItemCSS === void 0 ? void 0 : tabItemCSS.Root
+		)
+	);
+	var handleClick = useCallback(
+		function (event) {
+			if (!disabled) {
+				onClick(event, props);
+			}
+		},
+		[tabKey, onClick]
+	);
+	var _c = tabItemCSS.label,
+		color = _c.color;
+	__rest(_c, ['color']);
+	return jsx(
+		Button,
+		__assign(
+			{ disabled: disabled, css: tabItemStyles, onClick: handleClick, tabIndex: tabIndex },
+			{
+				children: label
+					? jsx(
+							Typography,
+							__assign(
+								{
+									variant: getLabelVariant({ size: size }),
+									colorCode: getTabLabelColor({
+										selected: selected,
+										theme: theme,
+										focusColor: focusColor,
+										color: color,
+									}),
+								},
+								{ children: label }
+							)
+					  )
+					: children,
+			}
+		)
+	);
+});
+
+var useMounted = function () {
+	var _a = useState(false),
+		isMounted = _a[0],
+		setIsMounted = _a[1];
+	useEffect(function () {
+		setIsMounted(true);
+	}, []);
+	return isMounted;
+};
+var StyledTab = styled.div(function (_a) {
+	var css = _a.css,
+		theme = _a.theme,
+		_b = _a.isHorizontal,
+		isHorizontal = _b === void 0 ? true : _b,
+		width = _a.width,
+		height = _a.height;
+	return getTabStyles(__assign({ theme: theme, isHorizontal: isHorizontal, width: width, height: height }, css));
+});
+var StyledFlexContainer = styled.div(function (_a) {
+	_a.theme;
+	return {
+		display: 'flex',
+		flexDirection: 'row',
+	};
+});
+var Indicator = styled.div(function (_a) {
+	var theme = _a.theme,
+		width = _a.width,
+		left = _a.left,
+		color = _a.color;
+	return {
+		position: 'absolute',
+		height: '2px',
+		bottom: 0,
+		transition: 'all ease-in 0.3s',
+		backgroundColor: color || theme.color.background.primary,
+		width: width,
+		left: left,
+	};
+});
+var Tab = forwardRef(function (_a, forwardedRef) {
+	_a.children;
+	var tabList = _a.tabList,
+		_b = _a.selectedTabIndex,
+		selectedTabIndex = _b === void 0 ? 0 : _b,
+		onClick = _a.onClick,
+		_c = _a.isHorizontal,
+		isHorizontal = _c === void 0 ? true : _c,
+		css = _a.css,
+		tabCSS = _a.tabCSS,
+		focusColor = _a.focusColor,
+		props = __rest(_a, [
+			'children',
+			'tabList',
+			'selectedTabIndex',
+			'onClick',
+			'isHorizontal',
+			'css',
+			'tabCSS',
+			'focusColor',
+		]);
+	var theme = useTheme$1();
+	var isMounted = useMounted();
+	var _d = usePropState(selectedTabIndex),
+		selectedIndex = _d[0],
+		setSelectedIndex = _d[1];
+	var _e = useState({ width: 0, left: 0 }),
+		indicatorStyle = _e[0],
+		setIndicatorStyle = _e[1];
+	var listRef = useRef(null);
+	var tabsRef = useRef(null);
+	var handleRef = useMergeRefs(forwardRef, tabsRef);
+	var updateIndicatorState = function () {
+		var _a, _b;
+		if (listRef.current && selectedIndex !== undefined) {
+			var children = listRef.current.children;
+			var tab = children[selectedIndex];
+			var tabMeta = tab ? tab.getBoundingClientRect() : { left: 0, width: 0 };
+			var rect = (_a = tabsRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+			var tabsMeta = {
+				scrollLeft: ((_b = tabsRef.current) === null || _b === void 0 ? void 0 : _b.scrollLeft) || 0,
+				left: (rect === null || rect === void 0 ? void 0 : rect.left) || 0,
+			};
+			var correction = tabsMeta.scrollLeft;
+			var startValue = tabMeta.left - tabsMeta.left + correction;
+			var newIndicatorStyle = { left: startValue, width: tabMeta.width };
+			var dStart = Math.abs(indicatorStyle.left - newIndicatorStyle.left);
+			var dSize = Math.abs(indicatorStyle.width - newIndicatorStyle.width);
+			if (dStart >= 1 || dSize >= 1) {
+				setIndicatorStyle(newIndicatorStyle);
+			}
+		}
+	};
+	useEffect(
+		function () {
+			updateIndicatorState();
+		},
+		[selectedIndex]
+	);
+	var handleClick = function (e, tabItem) {
+		setSelectedIndex(tabItem.tabIndex || 0);
+		if (onClick) {
+			onClick(e, tabItem);
+		}
+	};
+	var tabItemList = tabList.map(function (item, index) {
+		return jsx(
+			TabItem,
+			{
+				selected: index === selectedIndex,
+				tabIndex: index,
+				tabKey: index,
+				onClick: handleClick,
+				label: item.label,
+				tabItemCSS: tabCSS === null || tabCSS === void 0 ? void 0 : tabCSS.TabItemCSS,
+				focusColor: focusColor,
+			},
+			index
+		);
+	});
+	var indicatorStyles = __assign(
+		__assign({}, indicatorStyle),
+		tabCSS === null || tabCSS === void 0 ? void 0 : tabCSS.IndicatorCSS
+	);
+	return jsxs(
+		StyledTab,
+		__assign(
+			{
+				ref: handleRef,
+				theme: theme,
+				isHorizontal: isHorizontal,
+				css: __assign(__assign({}, css), tabCSS === null || tabCSS === void 0 ? void 0 : tabCSS.Root),
+			},
+			props,
+			{
+				children: [
+					jsx(StyledFlexContainer, __assign({ ref: listRef }, { children: tabItemList })),
+					isMounted && jsx(Indicator, __assign({ color: focusColor }, indicatorStyles)),
+				],
+			}
+		)
+	);
+});
+
+export { TabItem, Tab as Tabs };
+//# sourceMappingURL=ct-design-tabs.esm.js.map

package/dist/ct-design-tabs.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-tabs.esm.js","sources":["../packages/components/Tabs/src/style.ts","../packages/components/Tabs/src/TabItem/TabItem.tsx","../packages/components/Tabs/src/Tabs.tsx"],"sourcesContent":[null,null,null],"names":["_jsx","useTheme","_jsxs"],"mappings":"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"}