@hero-design/rn 7.6.1-alpha.0 → 7.8.0

package/playground/src/Tabs.tsx

@@ -1,136 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-import {
-  Tabs,
-  Typography,
-  TabType,
-  Icon,
-  useTheme,
-  IconName,
-} from '@hero-design/rn';
-
-const CustomScreen = ({ title }: { title: string }) => (
-  <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
-    <Typography.Text>{title}</Typography.Text>
-  </View>
-);
-
-const CustomItem = ({
-  color,
-  icon,
-  title,
-}: {
-  color: string;
-  icon: IconName;
-  title: string;
-}) => {
-  const theme = useTheme();
-
-  return (
-    <View style={{ display: 'flex', flexDirection: 'row' }}>
-      <Icon
-        icon={icon}
-        size="small"
-        style={{ color, marginEnd: theme.space.small }}
-      />
-      <Typography.Text
-        fontWeight="semi-bold"
-        numberOfLines={1}
-        style={{ color }}
-      >
-        {title}
-      </Typography.Text>
-    </View>
-  );
-};
-
-const workTabs: TabType[] = [
-  {
-    key: 'activity',
-    activeItem: 'Activity',
-    component: <CustomScreen title="Activity" />,
-    showBadge: true,
-  },
-  {
-    key: 'news',
-    activeItem: `What's new`,
-    component: <CustomScreen title="News" />,
-  },
-];
-
-const WorkScreen = () => {
-  const [selectedTabKey, setSelectedTabKey] = React.useState('activity');
-
-  return (
-    <Tabs
-      onTabPress={newTabKey => setSelectedTabKey(newTabKey)}
-      selectedTabKey={selectedTabKey}
-      tabs={workTabs}
-    />
-  );
-};
-
-const tabs: TabType[] = [
-  {
-    key: 'work',
-    activeItem: ({ color }) => (
-      <CustomItem color={color} icon="home-outlined" title="Home" />
-    ),
-    inactiveItem: 'home-outlined',
-    component: <WorkScreen />,
-  },
-  {
-    key: 'personal',
-    activeItem: ({ color }) => (
-      <CustomItem color={color} icon="bell-outlined" title="Notifications" />
-    ),
-    inactiveItem: 'bell-outlined',
-    component: <CustomScreen title="Notifications Screen" />,
-    showBadge: true,
-  },
-  {
-    key: 'speaker',
-    activeItem: ({ color }) => (
-      <CustomItem color={color} icon="speaker-outlined" title="Shoutouts" />
-    ),
-    inactiveItem: 'speaker-outlined',
-    component: <CustomScreen title="Shoutouts Screen" />,
-  },
-  {
-    key: 'payslips',
-    activeItem: 'Payslips',
-    component: <CustomScreen title="Payslips Screen" />,
-  },
-  {
-    key: 'leave',
-    activeItem: 'Leave',
-    component: <CustomScreen title="Leave Screen" />,
-    showBadge: true,
-  },
-  {
-    key: 'rosters',
-    activeItem: 'Rosters',
-    component: <CustomScreen title="Rosters Screen" />,
-  },
-  {
-    key: 'timesheets',
-    activeItem: 'Timesheets',
-    component: <CustomScreen title="Timesheets Screen" />,
-  },
-];
-
-const TabsPlayground = () => {
-  const [selectedTabKey, setSelectedTabKey] = React.useState('work');
-
-  return (
-    <Tabs.Scroll
-      onTabPress={newTabKey => setSelectedTabKey(newTabKey)}
-      selectedTabKey={selectedTabKey}
-      tabs={tabs}
-      lazy
-      lazyPreloadDistance={3}
-    />
-  );
-};
-
-export default TabsPlayground;

package/playground/src/Tag.tsx

@@ -1,45 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-import { Tag, useTheme } from '@hero-design/rn';
-
-const TagPlayground = () => {
-  const theme = useTheme();
-
-  return (
-    <View style={{ margin: theme.space.medium }}>
-      <View
-        style={{
-          display: 'flex',
-          flexDirection: 'row',
-          marginBottom: theme.space.small,
-        }}
-      >
-        <Tag
-          content="APPROVED"
-          intent="success"
-          style={{ marginEnd: theme.space.small }}
-        />
-        <Tag
-          content="PENDING"
-          intent="warning"
-          style={{ marginEnd: theme.space.small }}
-        />
-      </View>
-      <View
-        style={{
-          display: 'flex',
-          flexDirection: 'row',
-        }}
-      >
-        <Tag
-          content="DECLINED"
-          intent="danger"
-          style={{ marginEnd: theme.space.small }}
-        />
-        <Tag content="SUBMITTED" style={{ marginEnd: theme.space.small }} />
-      </View>
-    </View>
-  );
-};
-
-export default TagPlayground;

package/playground/src/TextInput.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-import { TextInput, useTheme } from '@hero-design/rn';
-
-const TextInputPlayground = () => {
-  const theme = useTheme();
-  return (
-    <View style={{ padding: theme.space.medium }}>
-      <TextInput label="Amount (AUD)" prefix="dollar-sign" />
-    </View>
-  );
-};
-
-export default TextInputPlayground;

package/playground/src/Typography.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-import { Typography, useTheme } from '@hero-design/rn';
-
-const TypographyPlayground = () => {
-  const theme = useTheme();
-
-  return (
-    <View style={{ padding: theme.space.large }}>
-      <Typography.Text fontSize="xlarge" fontWeight="semi-bold">
-        This is a title
-      </Typography.Text>
-      <Typography.Text fontSize="large">This is a subtitle</Typography.Text>
-      <Typography.Text>This is a 2nd subtitle</Typography.Text>
-      <Typography.Text fontWeight="light">This is body text</Typography.Text>
-      <Typography.Text intent="subdued" fontWeight="light">
-        This is subdued text
-      </Typography.Text>
-    </View>
-  );
-};
-
-export default TypographyPlayground;

package/playground/tsconfig.json

@@ -1,21 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "esnext",
-    "declaration": true,
-    "outDir": "types",
-    "moduleResolution": "node",
-    "esModuleInterop": true,
-    "jsx": "react-native",
-    "strict": true,
-    "allowUnreachableCode": false,
-    "noImplicitReturns": true,
-    "noImplicitThis": true,
-    "noUnusedLocals": true,
-    "skipLibCheck": true,
-    "types": ["jest"],
-    "typeRoots": ["./src"]
-  },
-  "include": ["src"],
-  "exclude": ["node_modules"],
-  "extends": "expo/tsconfig.base"
-}

package/src/components/Select/MultiSelect/Footer.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-import { TouchableOpacity } from 'react-native';
-import { FooterText } from './StyledMultiSelect';
-
-function Footer({ label, onPress }: { label: string; onPress: () => void }) {
-  return (
-    <TouchableOpacity onPress={onPress}>
-      <FooterText fontSize="large" fontWeight="semi-bold">
-        {label}
-      </FooterText>
-    </TouchableOpacity>
-  );
-}
-
-export default Footer;

package/types/components/SectionHeading/__tests__/StyledHeading.d.ts

@@ -1 +0,0 @@
-export {};