chop-logic-components 0.8.0 → 0.9.0

package/dist/components/containers/tabs/Tabs.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ChopLogicTabsProps } from './types';
+
+declare const ChopLogicTabs: React.FC<ChopLogicTabsProps>;
+export default ChopLogicTabs;

package/dist/components/containers/tabs/Tabs.styled.d.ts

@@ -0,0 +1,14 @@
+import { ChopLogicTabsMode } from './types';
+
+export declare const StyledTabButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $selected: boolean;
+    $disabled: boolean;
+    $mode: ChopLogicTabsMode;
+}>> & string;
+export declare const StyledTabContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledTabList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $mode: ChopLogicTabsMode;
+}>> & string;
+export declare const StyledTabsContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $mode: ChopLogicTabsMode;
+}>> & string;

package/dist/components/containers/tabs/__docs__/Tabs.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as ChopLogicTabs } from '../Tabs';
+
+declare const meta: Meta<typeof ChopLogicTabs>;
+export default meta;
+type Story = StoryObj<typeof ChopLogicTabs>;
+export declare const Default: Story;
+export declare const VerticalTabs: Story;

package/dist/components/containers/tabs/__docs__/TabsExample.d.ts

@@ -0,0 +1,2 @@
+declare const ExampleComponent: () => import("react/jsx-runtime").JSX.Element;
+export default ExampleComponent;

package/dist/components/containers/tabs/__tests__/TabList.test.d.ts

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

package/dist/components/containers/tabs/__tests__/Tabs.test.d.ts

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

package/dist/components/containers/tabs/elements/TabButton.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { ChopLogicTabsMode } from '../types';
+
+type ChopLogicTabButtonProps = {
+    title: string;
+    tabId: string;
+    onTabSelect: (id: string) => void;
+    tabPanelId: string;
+    isSelected: boolean;
+    mode: ChopLogicTabsMode;
+    isDisabled?: boolean;
+};
+declare const ChopLogicTabButton: React.FC<ChopLogicTabButtonProps>;
+export default ChopLogicTabButton;

package/dist/components/containers/tabs/elements/TabContent.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { ChopLogicTabItem } from '../types';
+
+type ChopLogicTabContentProps = {
+    tabs: ChopLogicTabItem[];
+    selectedTabId: string;
+};
+declare const ChopLogicTabContent: React.FC<ChopLogicTabContentProps>;
+export default ChopLogicTabContent;

package/dist/components/containers/tabs/elements/TabList.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { ChopLogicTabItem, ChopLogicTabsMode } from '../types';
+
+type ChopLogicTabListProps = {
+    tabs: ChopLogicTabItem[];
+    tabIds: string[];
+    onTabSelect: (id: string) => void;
+    selectedTabId: string;
+    tabPanelIds: string[];
+    mode: ChopLogicTabsMode;
+};
+declare const ChopLogicTabList: React.FC<ChopLogicTabListProps>;
+export default ChopLogicTabList;

package/dist/components/containers/tabs/types.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export type ChopLogicTabsProps = React.HTMLAttributes<HTMLDivElement> & {
+    tabs: ChopLogicTabItem[];
+    defaultTabId?: string;
+    mode?: ChopLogicTabsMode;
+};
+export type ChopLogicTabItem = {
+    content: React.ReactElement;
+    title: string;
+    id: string;
+    disabled?: boolean;
+};
+export type ChopLogicTabsMode = 'vertical' | 'horizontal';

package/dist/components/index.d.ts

@@ -6,3 +6,4 @@ export { default as ChopLogicTextInput } from './inputs/text/TextInput';
 export { default as ChopLogicAlert } from './modals/alert/Alert';
 export { default as ChopLogicDialog } from './modals/dialog/Dialog';
 export { default as ChopLogicTooltip } from './modals/tooltip/Tooltip';
+export { default as ChopLogicTabs } from './containers/tabs/Tabs';