tvuikit 0.3.3 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,10 +1,10 @@
1
1
  import { RefObject } from 'react';
2
- interface DropdownContextType {
2
+ type DropdownContextType = {
3
3
  opened: boolean;
4
4
  toggle: (state?: boolean) => void;
5
5
  dropdownRef: RefObject<HTMLDivElement | null>;
6
6
  triggerRef: RefObject<HTMLButtonElement | null>;
7
- }
7
+ };
8
8
  export declare const DropdownContext: import('react').Context<DropdownContextType | null>;
9
9
  export declare const useDropdown: () => DropdownContextType;
10
10
  export {};
@@ -1,9 +1,10 @@
1
- import { ReactNode } from 'react';
2
- interface DropdownProps {
1
+ import { DetailedHTMLProps, HTMLAttributes, ReactNode } from 'react';
2
+ type DivProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
3
+ export type DropdownProps = {
3
4
  children: ReactNode;
4
- onOpenChange?: (isOpen: boolean) => void;
5
+ onChangeState?: (opened: boolean) => void;
5
6
  closeOnClickOutside?: boolean;
6
7
  className?: string;
7
- }
8
- export declare const Dropdown: ({ children, onOpenChange, closeOnClickOutside, className, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
8
+ } & Omit<DivProps, "ref">;
9
+ export declare const Dropdown: ({ children, onChangeState, closeOnClickOutside, className, ...props }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
9
10
  export {};
@@ -2,9 +2,10 @@ export * from './active';
2
2
  export * from './background';
3
3
  export * from './button';
4
4
  export * from './checkbox';
5
+ export * from './dropdown';
5
6
  export * from './input';
6
7
  export * from './modal';
8
+ export * from './progress';
7
9
  export * from './switch';
8
10
  export * from './wrapper';
9
- export * from './dropdown';
10
11
  export * as Guildline from './guideline';
@@ -0,0 +1,4 @@
1
+ export declare const CircleProgress: ({ size, className }: {
2
+ size?: number | undefined;
3
+ className?: string | undefined;
4
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export * from './circle-progress';
2
+ export * from './linear-progress';
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { LinearProgress } from './linear-progress';
3
+ import { Page } from './story';
4
+ declare const meta: Meta<typeof Page>;
5
+ type Story = StoryObj<typeof Page>;
6
+ export declare const Default: Story;
7
+ export declare const Linear: StoryObj<typeof LinearProgress>;
8
+ export declare const LinearWithPercentage: StoryObj<typeof LinearProgress>;
9
+ export default meta;
@@ -0,0 +1,8 @@
1
+ export type LinearProgressProps = {
2
+ value: number;
3
+ height?: number;
4
+ showPercentage?: boolean;
5
+ className?: string;
6
+ };
7
+ export declare const LinearProgress: ({ value, height, showPercentage, className, }: LinearProgressProps) => import("react/jsx-runtime").JSX.Element;
8
+ export default LinearProgress;
@@ -0,0 +1,5 @@
1
+ type PageProps = {
2
+ size: number;
3
+ };
4
+ export declare const Page: ({ size }: PageProps) => import("react/jsx-runtime").JSX.Element;
5
+ export {};