@fountain-ui/core 2.0.0-beta.98 → 3.0.0-alpha.2

package/build/commonjs/Tab/LegacyTab.js

@@ -1,126 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Tab;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _Badge = _interopRequireDefault(require("../Badge"));
-
-var _TabBase = _interopRequireDefault(require("../TabBase"));
-
-var _styles = require("../styles");
-
-var _TabIndicator = _interopRequireDefault(require("./TabIndicator"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const styles = _styles.StyleSheet.create({
-  root: { // TODO: Remove redundant platform checking
-    ...(_reactNative.Platform.OS === 'web' ? {
-      minWidth: 'auto'
-    } : {}),
-    minHeight: 40
-  },
-  bottomNavigation: {
-    minHeight: 56
-  },
-  filledInner: {
-    justifyContent: 'center'
-  },
-  tertiary: {
-    minHeight: 44
-  }
-});
-
-function Tab(props) {
-  const {
-    badgeVisible = false,
-    children,
-    enableIndicator = false,
-    icon: defaultIcon,
-    indicatorColor = 'primary',
-    indicatorSize = 'full',
-    selected = false,
-    selectedIcon,
-    variant = 'primary',
-    style,
-    onTabInnerLayout,
-    ...otherProps
-  } = props;
-  const theme = (0, _styles.useTheme)();
-  const vertical = variant === 'bottom-navigation';
-  const color = selected ? theme.palette.text.primary : variant === 'contained' ? theme.palette.text.secondary : theme.palette.text.hint;
-  const containedStyle = {
-    borderColor: selected ? theme.palette.primary.main : theme.palette.border.default,
-    borderRadius: theme.shape.roundnessExtra,
-    borderWidth: selected ? 1.5 : 1,
-    minHeight: 'auto',
-    paddingHorizontal: theme.spacing(3),
-    paddingVertical: theme.spacing(1.5)
-  };
-  const tabBaseStyle = (0, _styles.css)([styles.root, variant === 'bottom-navigation' && styles.bottomNavigation, variant === 'contained' && containedStyle, variant === 'tertiary' && styles.tertiary, style]);
-  const tabInnerStyle = (0, _styles.css)([styles.root, styles.filledInner]);
-  const fontStyle = (0, _styles.createFontStyle)(theme, {
-    selector: typo => {
-      switch (variant) {
-        case 'primary':
-          return typo.h2;
-
-        case 'secondary':
-          return typo.button2;
-
-        case 'tertiary':
-          return typo.h3;
-
-        case 'contained':
-          return selected ? { ...typo.subtitle2,
-            fontWeight: typo.fontWeight.medium
-          } : typo.body2;
-
-        default:
-          return typo.flag;
-      }
-    },
-    color
-  });
-  const pressEffect = selected ? 'none' : 'opacity';
-  const icon = selected ? selectedIcon || defaultIcon : defaultIcon;
-  const iconElement = icon ? /*#__PURE__*/(0, _react.cloneElement)(icon, {
-    fill: color
-  }) : null;
-  const tabElement = typeof children !== 'string' ? /*#__PURE__*/_react.default.cloneElement(children, {
-    selected
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Badge.default, {
-    children: iconElement,
-    invisible: !badgeVisible
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    children: children,
-    style: (0, _styles.css)(fontStyle)
-  }));
-  const tabIndicator = enableIndicator && selected ? /*#__PURE__*/_react.default.createElement(_TabIndicator.default, {
-    indicatorSize: indicatorSize,
-    color: indicatorColor
-  }) : null;
-  return /*#__PURE__*/_react.default.createElement(_TabBase.default, _extends({
-    pressEffect: pressEffect,
-    style: tabBaseStyle,
-    vertical: vertical
-  }, otherProps), indicatorSize === 'fit-content' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    onLayout: onTabInnerLayout,
-    style: tabInnerStyle
-  }, tabElement, tabIndicator) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tabElement, tabIndicator));
-}
-
-;
-//# sourceMappingURL=LegacyTab.js.map

package/build/commonjs/Tab/LegacyTab.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["styles","StyleSheet","create","root","Platform","OS","minWidth","minHeight","bottomNavigation","filledInner","justifyContent","tertiary","Tab","props","badgeVisible","children","enableIndicator","icon","defaultIcon","indicatorColor","indicatorSize","selected","selectedIcon","variant","style","onTabInnerLayout","otherProps","theme","useTheme","vertical","color","palette","text","primary","secondary","hint","containedStyle","borderColor","main","border","default","borderRadius","shape","roundnessExtra","borderWidth","paddingHorizontal","spacing","paddingVertical","tabBaseStyle","css","tabInnerStyle","fontStyle","createFontStyle","selector","typo","h2","button2","h3","subtitle2","fontWeight","medium","body2","flag","pressEffect","iconElement","cloneElement","fill","tabElement","React","tabIndicator"],"sources":["LegacyTab.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport { Platform, Text, View } from 'react-native';\nimport Badge from '../Badge';\nimport TabBase from '../TabBase';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport type TabProps from './LegacyTabProps';\nimport TabIndicator from './TabIndicator';\n\nconst styles = StyleSheet.create({\n    root: {\n        // TODO: Remove redundant platform checking\n        ...(Platform.OS === 'web' ? { minWidth: 'auto' } : {}),\n        minHeight: 40,\n    },\n    bottomNavigation: {\n        minHeight: 56,\n    },\n    filledInner: {\n        justifyContent: 'center',\n    },\n    tertiary: {\n        minHeight: 44,\n    },\n});\n\nexport default function Tab(props: TabProps) {\n    const {\n        badgeVisible = false,\n        children,\n        enableIndicator = false,\n        icon: defaultIcon,\n        indicatorColor = 'primary',\n        indicatorSize = 'full',\n        selected = false,\n        selectedIcon,\n        variant = 'primary',\n        style,\n        onTabInnerLayout,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const vertical = variant === 'bottom-navigation';\n\n    const color = selected\n        ? theme.palette.text.primary\n        : variant === 'contained'\n            ? theme.palette.text.secondary\n            : theme.palette.text.hint;\n\n    const containedStyle = {\n        borderColor: selected ? theme.palette.primary.main : theme.palette.border.default,\n        borderRadius: theme.shape.roundnessExtra,\n        borderWidth: selected ? 1.5 : 1,\n        minHeight: 'auto',\n        paddingHorizontal: theme.spacing(3),\n        paddingVertical: theme.spacing(1.5),\n    };\n\n    const tabBaseStyle = css([\n        styles.root,\n        variant === 'bottom-navigation' && styles.bottomNavigation,\n        variant === 'contained' && containedStyle,\n        variant === 'tertiary' && styles.tertiary,\n        style,\n    ]);\n\n    const tabInnerStyle = css([\n        styles.root,\n        styles.filledInner,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => {\n            switch (variant) {\n                case 'primary':\n                    return typo.h2;\n                case 'secondary':\n                    return typo.button2;\n                case 'tertiary':\n                    return typo.h3;\n                case 'contained':\n                    return selected\n                        ? { ...typo.subtitle2, fontWeight: typo.fontWeight.medium }\n                        : typo.body2;\n                default:\n                    return typo.flag;\n            }\n        },\n        color,\n    });\n    const pressEffect = selected ? 'none' : 'opacity';\n\n    const icon = selected ? (selectedIcon || defaultIcon) : defaultIcon;\n    const iconElement = icon ? cloneElement(icon, { fill: color }) : null;\n\n    const tabElement = typeof children !== 'string' ? (\n        React.cloneElement(children, {\n            selected,\n        })\n    ) : (\n        <React.Fragment>\n            <Badge\n                children={iconElement}\n                invisible={!badgeVisible}\n            />\n\n            <Text\n                children={children}\n                style={css(fontStyle)}\n            />\n        </React.Fragment>\n    );\n    const tabIndicator = (enableIndicator && selected)\n        ? <TabIndicator indicatorSize={indicatorSize} color={indicatorColor}/>\n        : null;\n\n    return (\n        <TabBase\n            pressEffect={pressEffect}\n            style={tabBaseStyle}\n            vertical={vertical}\n            {...otherProps}\n        >\n            {indicatorSize === 'fit-content' ? (\n                <View onLayout={onTabInnerLayout} style={tabInnerStyle}>\n                    {tabElement}\n\n                    {tabIndicator}\n                </View>\n            ) : (\n                <React.Fragment>\n                    {tabElement}\n\n                    {tabIndicator}\n                </React.Fragment>\n            )}\n        </TabBase>\n    );\n};\n"],"mappings":"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"}

package/build/commonjs/Tab/LegacyTabProps.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=LegacyTabProps.js.map

package/build/commonjs/Tab/LegacyTabProps.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["LegacyTabProps.ts"],"sourcesContent":["import React from 'react';\nimport type { LayoutChangeEvent } from 'react-native';\nimport type { TabBaseProps } from '../TabBase';\nimport type { OverridableComponentProps } from '../types';\n\nexport type TabVariant = 'primary' | 'secondary' | 'tertiary' | 'bottom-navigation' | 'contained';\nexport type TabIndicatorColor = 'primary' | 'secondary';\nexport type TabIndicatorSize = 'full' | 'fit-content';\n\nexport default interface TabProps extends OverridableComponentProps<TabBaseProps, {\n    /**\n     * If `true`, the badge is visible.\n     * @default false\n     */\n    badgeVisible?: boolean;\n\n    /**\n     * The label of the Tab.\n     */\n    children: string | React.ReactElement;\n\n    /**\n     * If `true`, the indicator is enabled.\n     * @default false\n     */\n    enableIndicator?: boolean;\n\n    /**\n     * If `true`, the component is selected.\n     * @default false\n     */\n    selected?: boolean;\n\n    /**\n     * Element placed before the children.\n     */\n    icon?: React.ReactElement;\n\n    /**\n     * Tab indicator color\n     * @default 'primary'\n     */\n    indicatorColor?: TabIndicatorColor;\n\n    /**\n     * The size of tab indicator.\n     * 'full' adjusts the indicator to the size of the Tab,\n     * while 'fit-content' adjusts the indicator to the size of the content inside the Tab.\n     * @default 'full'\n     */\n    indicatorSize?: TabIndicatorSize;\n\n    /**\n     * If supplied, use this icon on selected state.\n     */\n    selectedIcon?: React.ReactElement;\n\n    /**\n     * The variant to use.\n     * @default 'primary'\n     */\n    variant?: TabVariant;\n\n    /**\n     * Function to be passed to the child component's onLayout prop.\n     */\n    onTabInnerLayout?: (event: LayoutChangeEvent) => void;\n}> {}\n"],"mappings":""}

package/build/commonjs/Tab/TabIndicator.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _styles = require("../styles");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const useStyles = function (color, indicatorSize) {
-  const theme = (0, _styles.useTheme)();
-  return {
-    root: {
-      backgroundColor: theme.palette[color].main,
-      bottom: 0,
-      height: 2,
-      left: indicatorSize === 'fit-content' ? 0 : 12,
-      right: indicatorSize === 'fit-content' ? 0 : 12,
-      position: 'absolute'
-    }
-  };
-};
-
-const TabIndicator = function TabIndicator(_ref) {
-  let {
-    indicatorSize,
-    color
-  } = _ref;
-  const styles = useStyles(color, indicatorSize);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.root
-  });
-};
-
-var _default = /*#__PURE__*/_react.default.memo(TabIndicator);
-
-exports.default = _default;
-//# sourceMappingURL=TabIndicator.js.map

package/build/commonjs/Tab/TabIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useStyles","color","indicatorSize","theme","useTheme","root","backgroundColor","palette","main","bottom","height","left","right","position","TabIndicator","styles","React","memo"],"sources":["TabIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\nimport type { TabIndicatorColor, TabIndicatorSize } from './LegacyTabProps';\n\ntype TabIndicatorStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: (color: TabIndicatorColor, indicatorSize: TabIndicatorSize) => TabIndicatorStyles =\n    function (color: TabIndicatorColor, indicatorSize): TabIndicatorStyles {\n        const theme = useTheme();\n\n        return {\n            root: {\n                backgroundColor: theme.palette[color].main,\n                bottom: 0,\n                height: 2,\n                left: indicatorSize === 'fit-content' ? 0 : 12,\n                right: indicatorSize === 'fit-content' ? 0 : 12,\n                position: 'absolute',\n            },\n        };\n    };\n\nconst TabIndicator = function TabIndicator({\n    indicatorSize,\n    color,\n}: { indicatorSize: TabIndicatorSize; color: TabIndicatorColor }) {\n    const styles = useStyles(color, indicatorSize);\n\n    return (\n        <View\n            style={styles.root}\n        />\n    );\n};\n\nexport default React.memo(TabIndicator);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAKA,MAAMA,SAA4F,GAC9F,UAAUC,KAAV,EAAoCC,aAApC,EAAuE;EACnE,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAcN,KAAd,EAAqBO,IADpC;MAEFC,MAAM,EAAE,CAFN;MAGFC,MAAM,EAAE,CAHN;MAIFC,IAAI,EAAET,aAAa,KAAK,aAAlB,GAAkC,CAAlC,GAAsC,EAJ1C;MAKFU,KAAK,EAAEV,aAAa,KAAK,aAAlB,GAAkC,CAAlC,GAAsC,EAL3C;MAMFW,QAAQ,EAAE;IANR;EADH,CAAP;AAUH,CAdL;;AAgBA,MAAMC,YAAY,GAAG,SAASA,YAAT,OAG6C;EAAA,IAHvB;IACvCZ,aADuC;IAEvCD;EAFuC,CAGuB;EAC9D,MAAMc,MAAM,GAAGf,SAAS,CAACC,KAAD,EAAQC,aAAR,CAAxB;EAEA,oBACI,6BAAC,iBAAD;IACI,KAAK,EAAEa,MAAM,CAACV;EADlB,EADJ;AAKH,CAXD;;4BAaeW,cAAA,CAAMC,IAAN,CAAWH,YAAX,C"}

package/build/commonjs/TabBase/LegacyTabBase.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = TabBase;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@fountain-ui/styles");
-
-var _styles2 = require("../styles");
-
-var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const useStyles = function () {
-  const theme = (0, _styles2.useTheme)();
-  return {
-    root: {
-      alignItems: 'center',
-      justifyContent: 'center',
-      paddingHorizontal: theme.spacing(3),
-      minHeight: 48
-    },
-    row: {
-      flexDirection: 'row'
-    },
-    column: {
-      flexDirection: 'column'
-    }
-  };
-};
-
-function TabBase(props) {
-  const {
-    children,
-    disabled = false,
-    onPress,
-    selected = false,
-    vertical = false,
-    style,
-    ...otherProps
-  } = props;
-  const styles = useStyles();
-  return /*#__PURE__*/_react.default.createElement(_ButtonBase.default, _extends({
-    onPress: onPress,
-    disabled: disabled,
-    style: (0, _styles.css)([styles.root, vertical ? styles.column : styles.row, style])
-  }, otherProps), children);
-}
-
-;
-//# sourceMappingURL=LegacyTabBase.js.map

package/build/commonjs/TabBase/LegacyTabBase.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useStyles","theme","useTheme","root","alignItems","justifyContent","paddingHorizontal","spacing","minHeight","row","flexDirection","column","TabBase","props","children","disabled","onPress","selected","vertical","style","otherProps","styles","css"],"sources":["LegacyTabBase.tsx"],"sourcesContent":["import React from 'react';\nimport { css, NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\nimport ButtonBase from '../ButtonBase';\nimport type TabBaseProps from './TabBaseProps';\n\ntype TabBaseStyles = NamedStylesStringUnion<'root' | 'row' | 'column'>;\n\nconst useStyles: UseStyles<TabBaseStyles> = function (): TabBaseStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            alignItems: 'center',\n            justifyContent: 'center',\n            paddingHorizontal: theme.spacing(3),\n            minHeight: 48,\n        },\n        row: {\n            flexDirection: 'row',\n        },\n        column: {\n            flexDirection: 'column',\n        },\n    };\n};\n\nexport default function TabBase(props: TabBaseProps) {\n    const {\n        children,\n        disabled = false,\n        onPress,\n        selected = false,\n        vertical = false,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <ButtonBase\n            onPress={onPress}\n            disabled={disabled}\n            style={css([\n                styles.root,\n                vertical ? styles.column : styles.row,\n                style,\n            ])}\n            {...otherProps}\n        >\n            {children}\n        </ButtonBase>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAKA,MAAMA,SAAmC,GAAG,YAA2B;EACnE,MAAMC,KAAK,GAAG,IAAAC,iBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,UAAU,EAAE,QADV;MAEFC,cAAc,EAAE,QAFd;MAGFC,iBAAiB,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd,CAHjB;MAIFC,SAAS,EAAE;IAJT,CADH;IAOHC,GAAG,EAAE;MACDC,aAAa,EAAE;IADd,CAPF;IAUHC,MAAM,EAAE;MACJD,aAAa,EAAE;IADX;EAVL,CAAP;AAcH,CAjBD;;AAmBe,SAASE,OAAT,CAAiBC,KAAjB,EAAsC;EACjD,MAAM;IACFC,QADE;IAEFC,QAAQ,GAAG,KAFT;IAGFC,OAHE;IAIFC,QAAQ,GAAG,KAJT;IAKFC,QAAQ,GAAG,KALT;IAMFC,KANE;IAOF,GAAGC;EAPD,IAQFP,KARJ;EAUA,MAAMQ,MAAM,GAAGrB,SAAS,EAAxB;EAEA,oBACI,6BAAC,mBAAD;IACI,OAAO,EAAEgB,OADb;IAEI,QAAQ,EAAED,QAFd;IAGI,KAAK,EAAE,IAAAO,WAAA,EAAI,CACPD,MAAM,CAAClB,IADA,EAEPe,QAAQ,GAAGG,MAAM,CAACV,MAAV,GAAmBU,MAAM,CAACZ,GAF3B,EAGPU,KAHO,CAAJ;EAHX,GAQQC,UARR,GAUKN,QAVL,CADJ;AAcH;;AAAA"}

package/build/commonjs/Tabs/LegacyTabIndicator.js

@@ -1,120 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = TabIndicator;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _styles = require("../styles");
-
-var _hooks = require("../hooks");
-
-var _utils = require("../utils");
-
-var _TabCoordinate = require("./TabCoordinate");
-
-var _InternalContext = _interopRequireDefault(require("./InternalContext"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const INDICATOR_WIDTH = 10;
-const INDICATOR_HEIGHT = 2;
-const SCROLLABLE_TABS_INSET = 12 * 2;
-
-const useStyles = function (color) {
-  const theme = (0, _styles.useTheme)();
-  return {
-    root: {
-      backgroundColor: theme.palette[color].main,
-      left: 0,
-      bottom: 0,
-      width: INDICATOR_WIDTH,
-      height: INDICATOR_HEIGHT,
-      position: 'absolute'
-    },
-    disabled: {
-      height: 0
-    }
-  };
-};
-
-const startAnimation = (value, toValue, animationDisabled) => {
-  _reactNative.Animated.timing(value, {
-    toValue: toValue,
-    duration: !animationDisabled ? 300 : 0,
-    easing: _reactNative.Easing.bezier(0.25, 1, 0.5, 1),
-    useNativeDriver: _utils.isNotAndroid12
-  }).start();
-};
-
-function TabIndicator(props) {
-  const {
-    animationDisabled = false,
-    color = 'primary',
-    coordinates,
-    disabled,
-    initialIndex,
-    scrollable,
-    style,
-    ...otherProps
-  } = props;
-  const styles = useStyles(color);
-  const computeAnimationValues = (0, _react.useCallback)(currentIndex => {
-    const {
-      x1,
-      x2
-    } = coordinates[currentIndex] ?? _TabCoordinate.defaultCoordinate;
-    const tabWidth = x2 - x1;
-    const nextTranslateX = x1 + (tabWidth - INDICATOR_WIDTH) / 2;
-    const inset = scrollable ? SCROLLABLE_TABS_INSET : 0;
-    const nextScaleX = (tabWidth - inset) / INDICATOR_WIDTH;
-    return {
-      tx: nextTranslateX,
-      sx: nextScaleX
-    };
-  }, [coordinates, scrollable]);
-  const {
-    tx: initialTx,
-    sx: initialSx
-  } = computeAnimationValues(initialIndex);
-  const translateX = (0, _hooks.useAnimatedValue)(initialTx);
-  const scaleX = (0, _hooks.useAnimatedValue)(initialSx);
-  const {
-    indexStore
-  } = (0, _react.useContext)(_InternalContext.default);
-  (0, _react.useEffect)(() => {
-    const scrollToIndex = index => {
-      const {
-        tx,
-        sx
-      } = computeAnimationValues(index);
-      startAnimation(translateX, tx, animationDisabled);
-      startAnimation(scaleX, sx, animationDisabled);
-    };
-
-    scrollToIndex(indexStore.getState());
-    return indexStore.subscribe(scrollToIndex);
-  }, [computeAnimationValues, animationDisabled, indexStore]);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, _extends({
-    style: [styles.root, disabled ? styles.disabled : undefined, {
-      transform: [{
-        translateX
-      }, {
-        scaleX
-      }]
-    }, style]
-  }, otherProps));
-}
-
-;
-//# sourceMappingURL=LegacyTabIndicator.js.map

package/build/commonjs/Tabs/LegacyTabIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["INDICATOR_WIDTH","INDICATOR_HEIGHT","SCROLLABLE_TABS_INSET","useStyles","color","theme","useTheme","root","backgroundColor","palette","main","left","bottom","width","height","position","disabled","startAnimation","value","toValue","animationDisabled","Animated","timing","duration","easing","Easing","bezier","useNativeDriver","isNotAndroid12","start","TabIndicator","props","coordinates","initialIndex","scrollable","style","otherProps","styles","computeAnimationValues","useCallback","currentIndex","x1","x2","defaultCoordinate","tabWidth","nextTranslateX","inset","nextScaleX","tx","sx","initialTx","initialSx","translateX","useAnimatedValue","scaleX","indexStore","useContext","InternalContext","useEffect","scrollToIndex","index","getState","subscribe","undefined","transform"],"sources":["LegacyTabIndicator.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect } from 'react';\nimport { Animated, Easing } from 'react-native';\nimport { NamedStylesStringUnion } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\nimport { useAnimatedValue } from '../hooks';\nimport { isNotAndroid12 } from '../utils';\nimport type TabIndicatorProps from './LegacyTabIndicatorProps';\nimport type { TabIndicatorColor } from './LegacyTabIndicatorProps';\nimport { defaultCoordinate } from './TabCoordinate';\nimport InternalContext from './InternalContext';\n\ntype TabIndicatorStyles = NamedStylesStringUnion<'root' | 'disabled'>;\n\nconst INDICATOR_WIDTH = 10;\nconst INDICATOR_HEIGHT = 2;\n\nconst SCROLLABLE_TABS_INSET = 12 * 2;\n\nconst useStyles: (color: TabIndicatorColor) => TabIndicatorStyles =\n    function (color: TabIndicatorColor): TabIndicatorStyles {\n        const theme = useTheme();\n\n        return {\n            root: {\n                backgroundColor: theme.palette[color].main,\n                left: 0,\n                bottom: 0,\n                width: INDICATOR_WIDTH,\n                height: INDICATOR_HEIGHT,\n                position: 'absolute',\n            },\n            disabled: {\n                height: 0,\n            },\n        };\n    };\n\nconst startAnimation = (value: Animated.Value, toValue: number, animationDisabled: boolean) => {\n    Animated.timing(value, {\n        toValue: toValue,\n        duration: !animationDisabled ? 300: 0,\n        easing: Easing.bezier(0.25, 1, 0.5, 1),\n        useNativeDriver: isNotAndroid12,\n    }).start();\n};\n\nexport default function TabIndicator(props: TabIndicatorProps) {\n    const {\n        animationDisabled = false,\n        color = 'primary',\n        coordinates,\n        disabled,\n        initialIndex,\n        scrollable,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles(color);\n\n    const computeAnimationValues = useCallback((currentIndex: number) => {\n        const { x1, x2 } = coordinates[currentIndex] ?? defaultCoordinate;\n\n        const tabWidth = x2 - x1;\n\n        const nextTranslateX = x1 + (tabWidth - INDICATOR_WIDTH) / 2;\n\n        const inset = scrollable ? SCROLLABLE_TABS_INSET : 0;\n        const nextScaleX = (tabWidth - inset) / INDICATOR_WIDTH;\n\n        return { tx: nextTranslateX, sx: nextScaleX };\n    }, [coordinates, scrollable]);\n\n    const {\n        tx: initialTx,\n        sx: initialSx,\n    } = computeAnimationValues(initialIndex);\n\n    const translateX = useAnimatedValue(initialTx);\n    const scaleX = useAnimatedValue(initialSx);\n\n    const { indexStore } = useContext(InternalContext);\n\n    useEffect(() => {\n        const scrollToIndex = (index: number) => {\n            const { tx, sx } = computeAnimationValues(index);\n\n            startAnimation(translateX, tx, animationDisabled);\n            startAnimation(scaleX, sx, animationDisabled);\n        };\n\n        scrollToIndex(indexStore.getState());\n\n        return indexStore.subscribe(scrollToIndex);\n    }, [\n        computeAnimationValues,\n        animationDisabled,\n        indexStore,\n    ]);\n\n    return (\n        <Animated.View\n            style={[\n                styles.root,\n                disabled ? styles.disabled : undefined,\n                { transform: [{ translateX }, { scaleX }] },\n                style,\n            ]}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":"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"}

package/build/commonjs/Tabs/LegacyTabIndicatorProps.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=LegacyTabIndicatorProps.js.map

package/build/commonjs/Tabs/LegacyTabIndicatorProps.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["LegacyTabIndicatorProps.ts"],"sourcesContent":["import type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport type TabCoordinate from './TabCoordinate';\n\nexport type TabIndicatorColor = 'primary' | 'secondary';\n\nexport default interface TabIndicatorProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * If `true`, tab shifting animation will be disabled\n     */\n    animationDisabled?: boolean;\n    /**\n     * Tab item coordinates.\n     */\n    coordinates: TabCoordinate[];\n\n    /**\n     * Indicator color.\n     * @default: 'primary'\n     */\n    color?: TabIndicatorColor;\n\n    /**\n     * If `true`, the indicator is disabled.\n     */\n    disabled: boolean;\n\n    /**\n     * Initial index.\n     */\n    initialIndex: number;\n\n    /**\n     * If `true`, the tab will be able to scroll.\n     */\n    scrollable: boolean;\n}> {}\n"],"mappings":""}

package/build/commonjs/Tabs/LegacyTabs.js

@@ -1,207 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _styles = require("../styles");
-
-var _hooks = require("../hooks");
-
-var _LegacyTabIndicator = _interopRequireDefault(require("./LegacyTabIndicator"));
-
-var _ScrollableTabsView = _interopRequireDefault(require("./ScrollableTabsView"));
-
-var _IndexAwareTab = _interopRequireDefault(require("./IndexAwareTab"));
-
-var _useTabCoordinates = _interopRequireDefault(require("./useTabCoordinates"));
-
-var _useTabInnerContentsWidth = _interopRequireDefault(require("./useTabInnerContentsWidth"));
-
-var _useIndexStore = _interopRequireDefault(require("./useIndexStore"));
-
-var _InternalContext = _interopRequireDefault(require("./InternalContext"));
-
-var _utils = require("./utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const useStyles = function () {
-  const theme = (0, _styles.useTheme)();
-  return {
-    root: {},
-    fixedRoot: {
-      flexDirection: 'row'
-    },
-    fixedTab: {
-      flex: 1
-    },
-    scrollableContainer: {
-      paddingHorizontal: theme.spacing(1)
-    }
-  };
-};
-
-const Tabs = /*#__PURE__*/(0, _react.forwardRef)(function Tabs(props, ref) {
-  var _React$Children$map;
-
-  const {
-    children,
-    indicatorColor = 'primary',
-    initialIndex = 0,
-    disableIndicator = false,
-    indicatorAnimationDisabled = false,
-    indicatorSize = 'full',
-    keyboardDismissMode = 'none',
-    keyboardShouldPersistTaps = 'never',
-    onChange,
-    scrollable = false,
-    scrollViewContentContainerStyle,
-    style,
-    variant = 'primary',
-    UNSTABLE_sharedIndex,
-    onTabSelected
-  } = props;
-  const fallbackSharedIndex = (0, _hooks.useSyncAnimatedValue)({
-    initialValue: initialIndex
-  });
-  const sharedIndex = UNSTABLE_sharedIndex ?? fallbackSharedIndex;
-  const realInitialIndex = sharedIndex.initialValue;
-  const currentIndexRef = (0, _react.useRef)(initialIndex);
-
-  const setTab = newIndex => {
-    const currentIndex = currentIndexRef.current;
-    onTabSelected === null || onTabSelected === void 0 ? void 0 : onTabSelected(newIndex, currentIndex);
-    sharedIndex.animatedValue.setValue(newIndex);
-  };
-
-  (0, _react.useImperativeHandle)(ref, () => ({
-    setTab
-  }), [sharedIndex]);
-  const styles = useStyles();
-  const [outerCoordinates, updateCoordinate] = (0, _useTabCoordinates.default)(children);
-  const [innerContentsWidthList, updateInnerContentsWidth] = (0, _useTabInnerContentsWidth.default)(children);
-  const canRenderIndicator = indicatorSize === 'fit-content' ? (0, _utils.isEveryTabCoordinatesDefined)(innerContentsWidthList, children) : (0, _utils.isEveryTabCoordinatesDefined)(outerCoordinates, children);
-  const indexStore = (0, _useIndexStore.default)(sharedIndex);
-  const coordinates = (0, _react.useMemo)(() => {
-    if (indicatorSize !== 'fit-content') {
-      return outerCoordinates;
-    }
-
-    return innerContentsWidthList.map((innerContentWidth, idx) => {
-      const {
-        x1: outerX1,
-        x2: outerX2
-      } = outerCoordinates[idx];
-      const tabWidth = outerX2 - outerX1;
-      const distanceFromParent = (tabWidth - innerContentWidth) / 2;
-      const indicatorStartCoordinate = outerX1 + distanceFromParent;
-      return {
-        x1: indicatorStartCoordinate,
-        x2: indicatorStartCoordinate + innerContentWidth
-      };
-    });
-  }, [outerCoordinates, innerContentsWidthList, variant]);
-  (0, _react.useEffect)(() => {
-    return indexStore.subscribe(newIndex => {
-      onChange === null || onChange === void 0 ? void 0 : onChange(newIndex);
-      currentIndexRef.current = newIndex;
-    });
-  }, [indexStore, onChange]);
-  const tabElements = (_React$Children$map = _react.default.Children.map(children, (child, index) => {
-    if (!child) {
-      return null;
-    }
-
-    const onTabInnerLayout = event => {
-      const {
-        width
-      } = event.nativeEvent.layout;
-      updateInnerContentsWidth(index, width);
-    };
-
-    const onLayout = event => {
-      var _child$props$onLayout, _child$props;
-
-      const {
-        x,
-        width
-      } = event.nativeEvent.layout;
-      updateCoordinate(index, x, width); // @ts-ignore
-
-      (_child$props$onLayout = (_child$props = child.props).onLayout) === null || _child$props$onLayout === void 0 ? void 0 : _child$props$onLayout.call(_child$props, event);
-    };
-
-    const onMouseDown = e => {
-      if (keyboardShouldPersistTaps === 'always') {
-        e.preventDefault();
-      }
-    };
-
-    const onPress = () => {
-      var _child$props$onPress, _child$props2;
-
-      setTab(index); // @ts-ignore
-
-      (_child$props$onPress = (_child$props2 = child.props).onPress) === null || _child$props$onPress === void 0 ? void 0 : _child$props$onPress.call(_child$props2);
-    }; // @ts-ignore
-
-
-    const tabElement = /*#__PURE__*/(0, _react.cloneElement)(child, {
-      enableIndicator: !disableIndicator && !canRenderIndicator,
-      indicatorColor,
-      onTabInnerLayout,
-      onLayout,
-      onPress,
-      onMouseDown,
-      variant,
-      indicatorSize,
-      style: scrollable ? undefined : styles.fixedTab
-    });
-    return /*#__PURE__*/_react.default.createElement(_IndexAwareTab.default, {
-      children: tabElement,
-      index: index,
-      initialIndex: realInitialIndex
-    });
-  })) === null || _React$Children$map === void 0 ? void 0 : _React$Children$map.filter(Boolean);
-  const tabIndicator = canRenderIndicator ? /*#__PURE__*/_react.default.createElement(_LegacyTabIndicator.default, {
-    animationDisabled: indicatorAnimationDisabled,
-    color: indicatorColor,
-    coordinates: coordinates,
-    disabled: disableIndicator,
-    initialIndex: realInitialIndex,
-    scrollable: scrollable
-  }) : null;
-  return /*#__PURE__*/_react.default.createElement(_InternalContext.default.Provider, {
-    value: {
-      indexStore
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: (0, _styles.css)([styles.root, scrollable ? undefined : styles.fixedRoot, style])
-  }, scrollable ? /*#__PURE__*/_react.default.createElement(_ScrollableTabsView.default, {
-    automaticallyAdjustContentInsets: false,
-    bounces: false,
-    contentContainerStyle: (0, _styles.css)([styles.scrollableContainer, scrollViewContentContainerStyle]),
-    coordinates: coordinates,
-    directionalLockEnabled: true,
-    horizontal: true,
-    initialIndex: realInitialIndex,
-    scrollsToTop: false,
-    showsHorizontalScrollIndicator: false,
-    showsVerticalScrollIndicator: false,
-    keyboardDismissMode: keyboardDismissMode,
-    keyboardShouldPersistTaps: keyboardShouldPersistTaps
-  }, tabElements, tabIndicator) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tabElements, tabIndicator)));
-});
-var _default = Tabs;
-exports.default = _default;
-//# sourceMappingURL=LegacyTabs.js.map