@theroutingcompany/components 0.0.5 → 0.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",
@@ -40,6 +40,7 @@
     "@radix-ui/react-accessible-icon": "^1.0.1",
     "@radix-ui/react-alert-dialog": "^1.0.2",
     "@radix-ui/react-checkbox": "^1.0.1",
+    "@radix-ui/react-collapsible": "^1.0.1",
     "@radix-ui/react-dialog": "^1.0.2",
     "@radix-ui/react-polymorphic": "^0.0.14",
     "@radix-ui/react-popover": "^1.0.2",

package/types/components/Input/NumberInput/NumberInput.d.ts

@@ -1,12 +1,15 @@
 /// <reference types="react" />
 import { type AriaNumberFieldProps } from '@react-aria/numberfield';
+import { NumberFieldStateOptions } from '@react-stately/numberfield';
 import type { ComponentPropsWithoutStyles, InputValidationProps, RenameBooleanProps, RenameMissuffixedProps } from 'helpers/typeHelpers';
 import { type InputBaseProps } from '../InputBase';
 type ReactAriaNumberInputProps = Omit<RenameBooleanProps<AriaNumberFieldProps>, 'minValue' | 'maxValue'> & RenameMissuffixedProps<AriaNumberFieldProps, 'Value', 'minValue' | 'maxValue'>;
 type ShowStepper = {
     showStepper?: boolean;
 };
-export type NumberInputProps = Pick<ComponentPropsWithoutStyles<'input'>, 'name'> & ReactAriaNumberInputProps & InputBaseProps & InputValidationProps & ShowStepper;
+export type NumberInputProps = Pick<ComponentPropsWithoutStyles<'input'>, 'name'> & ReactAriaNumberInputProps & InputBaseProps & InputValidationProps & ShowStepper & {
+    locale?: NumberFieldStateOptions['locale'];
+};
 /**
  * Use cases
  *

package/types/components/Paginator/Paginator.d.ts

@@ -0,0 +1,47 @@
+import { type ComponentPropsWithRef } from 'react';
+type PaginatorButtonProps = ComponentPropsWithRef<'button'> & {
+    label: string;
+    direction: 'left' | 'right';
+};
+export declare const PaginatorButton: import("react").ForwardRefExoticComponent<Pick<PaginatorButtonProps, "label" | "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "direction"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const PaginatorNumber: import("react").ForwardRefExoticComponent<(Pick<{
+    emphasis?: "low";
+    variant?: "primary" | "danger" | "inverse";
+    size?: "small" | "large";
+} & {
+    children?: import("react").ReactNode;
+} & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+} & Omit<import("@react-types/button").AriaButtonProps<"button">, "isDisabled"> & {
+    disabled?: boolean;
+}, "key" | "size" | "onFocusChange" | "elementType" | "onPress" | "onPressStart" | "onPressEnd" | "onPressChange" | "onPressUp" | "href" | "rel" | "target" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "excludeFromTabOrder" | "emphasis" | "variant"> | Pick<{
+    emphasis?: "medium";
+    variant?: "primary" | "danger" | "inverse";
+    size?: "small" | "large";
+} & {
+    children?: import("react").ReactNode;
+} & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+} & Omit<import("@react-types/button").AriaButtonProps<"button">, "isDisabled"> & {
+    disabled?: boolean;
+}, "key" | "size" | "onFocusChange" | "elementType" | "onPress" | "onPressStart" | "onPressEnd" | "onPressChange" | "onPressUp" | "href" | "rel" | "target" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "excludeFromTabOrder" | "emphasis" | "variant"> | Pick<{
+    emphasis?: "high";
+    variant?: "primary" | "secondary" | "danger" | "inverse";
+    size?: "small" | "large";
+} & {
+    children?: import("react").ReactNode;
+} & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+} & Omit<import("@react-types/button").AriaButtonProps<"button">, "isDisabled"> & {
+    disabled?: boolean;
+}, "key" | "size" | "onFocusChange" | "elementType" | "onPress" | "onPressStart" | "onPressEnd" | "onPressChange" | "onPressUp" | "href" | "rel" | "target" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "excludeFromTabOrder" | "emphasis" | "variant">) & import("react").RefAttributes<HTMLButtonElement>>;
+type PaginationProps = {
+    nrOfPages: number;
+    currentPage: number;
+    onClick(n: number): void;
+    onPrevious(): void;
+    onNext(): void;
+    ariaLabel?: string;
+};
+export declare function Pagination({ nrOfPages, currentPage, onPrevious, onClick, onNext, ariaLabel, }: PaginationProps): JSX.Element;
+export {};

package/types/components/index.d.ts

@@ -12,9 +12,11 @@ export * from './Input/NumberInput/NumberInput';
 export * from './Input/TextInput/TextInput';
 export * from './Label/Label';
 export * from './Toast/Toast';
+export * from './Paginator/Paginator';
 export * from './Popover/Popover';
 export * from './RadioGroup/RadioGroup';
 export * from './Select/Select';
+export * from "./Search/Search";
 export * from './Switch/Switch';
 export * from './Text/Text';
 export * from './Title/Title';