rds-ui-system 2.0.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) [2023] [Ignacio Andrés Miranda Figueroa]
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,34 @@
+# Remondis UI Library
+
+## Preview on vercel
+  https://rds-ui-system-react.vercel.app/
+
+## Features
+
+- [React 18](https://reactjs.org/)
+- [Storybook 7](https://storybook.js.org/) - Components preview
+- [Tailwind CSS 3](https://tailwindcss.com/)
+- [Vite](https://vitejs.dev/) - Run and build the project blazingly fast!
+- [Vitest](https://vitest.dev/) - Components Unit Testing
+- [ESLint](https://eslint.org/) & [Prettier](https://prettier.io/) - Formatting and Linting
+- [Typescript](https://www.typescriptlang.org/)
+- [Husky](https://typicode.github.io/husky) & [Lint Staged](https://www.npmjs.com/package/lint-staged) - Pre-commit Hooks
+- [Release Please](https://github.com/googleapis/release-please) — Generate the changelog with the release-please workflow
+- [Github Actions](https://github.com/features/actions) — Releasing versions to NPM
+
+## Getting Started
+
+1. Install dependencies with `pnpm i` (first run `corepack enable` to enable pnpm)
+2. Run `pnpm prepare` command to setup [Husky](https://typicode.github.io/husky) pre-commit hooks.
+
+### Main Scripts
+
+Always prepending pnpm:
+
+- `dev`: Bootstrap the Storybook preview with Hot Reload.
+- `build`: Builds the static storybook project.
+- `build:lib`: Builds the component library into the **dist** folder.
+- `lint:fix`: Applies linting based on the rules defined in **.eslintrc.js**.
+- `format:prettier`: Formats files using the prettier rules defined in **.prettierrc**.
+- `test`: Runs testing using watch mode.
+- `test:cov`: Runs testing displaying a coverage report.

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './lib/index'

package/dist/lib/components/atoms/Box/Box.d.ts

@@ -0,0 +1,14 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export declare const BOX_VARIANT: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly TERTIARY: "tertiary";
+};
+export type BoxVariant = keyof typeof BOX_VARIANT;
+export declare const boxVariant: Record<BoxVariant, string>;
+export interface BoxProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: ReactNode;
+    variant?: BoxVariant;
+    isDisabled?: boolean;
+}
+export declare const Box: ({ variant, isDisabled, children }: BoxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/atoms/Button/Button.d.ts

@@ -0,0 +1,19 @@
+import { ButtonHTMLAttributes, MouseEventHandler, ReactNode } from 'react';
+export declare const BUTTON_VARIANT: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "outlined";
+    readonly TERTIARY: "tertiary";
+    readonly ICON: "icon";
+};
+export type ButtonVariant = keyof typeof BUTTON_VARIANT;
+export declare const buttonVariant: Record<ButtonVariant, string>;
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    label?: string;
+    variant?: ButtonVariant;
+    isDisabled?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    children?: ReactNode;
+    type: 'button' | 'reset' | 'submit' | undefined;
+    customClasses?: string;
+}
+export declare const Button: ({ label, variant, isDisabled, onClick, children, type, customClasses, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/atoms/Checkbox/Checkbox.d.ts

@@ -0,0 +1,19 @@
+import { InputHTMLAttributes, ChangeEventHandler } from 'react';
+export declare const CHECKBOX_VARIANT: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly TERTIARY: "tertiary";
+};
+export type CheckboxVariant = keyof typeof CHECKBOX_VARIANT;
+export declare const checkboxVariant: Record<CheckboxVariant, string>;
+export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    placeholder?: string;
+    variant?: CheckboxVariant;
+    isDisabled?: boolean;
+    checked?: boolean;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    id: string;
+    readOnly?: boolean;
+}
+export declare const Checkbox: ({ placeholder, label, variant, isDisabled, onChange, checked, id, readOnly, }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/atoms/FilterChip/FilterChip.d.ts

@@ -0,0 +1,15 @@
+import { ButtonHTMLAttributes, MouseEventHandler } from 'react';
+export declare const FILTERCHIP_VARIANT: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly TERTIARY: "tertiary";
+};
+export type FilterChipVariant = keyof typeof FILTERCHIP_VARIANT;
+export declare const filterChipVariant: Record<FilterChipVariant, string>;
+export interface FilterChipProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    label: string;
+    variant?: FilterChipVariant;
+    isDisabled?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+export declare const FilterChip: ({ label, variant, isDisabled, onClick }: FilterChipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/atoms/Form/Form.d.ts

@@ -0,0 +1,24 @@
+import { FormHTMLAttributes, ReactNode, MouseEventHandler } from 'react';
+export declare const FORM_VARIANT: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly TERTIARY: "tertiary";
+};
+export type FormVariant = keyof typeof FORM_VARIANT;
+export declare const FormVariant: Record<FormVariant, string>;
+export interface FormProps extends FormHTMLAttributes<HTMLFormElement> {
+    children?: ReactNode;
+    variant?: FormVariant;
+    isDisabled?: boolean;
+    blur?: boolean;
+    onSubmit?: any;
+}
+interface ButtonProps {
+    variant?: FormVariant;
+    onClickClose?: MouseEventHandler<HTMLButtonElement>;
+    onClickCancel?: MouseEventHandler<HTMLButtonElement>;
+    onClickSave?: MouseEventHandler<HTMLButtonElement>;
+    type?: 'button' | 'submit' | 'reset';
+}
+export declare const Form: ({ variant, isDisabled, children, onSubmit }: FormProps, { onClickClose, onClickCancel, onClickSave }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/atoms/Heading/Heading.d.ts

@@ -0,0 +1,17 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export declare const HEADING_VARIANT: {
+    readonly h1: "h1";
+    readonly h2: "h2";
+    readonly h3: "h3";
+};
+export type HeadingVariant = keyof typeof HEADING_VARIANT;
+export declare const headingVariant: Record<HeadingVariant, string>;
+export interface HeadingProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    label?: string;
+    text?: string;
+    children?: ReactNode;
+    variant?: HeadingVariant;
+    isDisabled?: boolean;
+    bold?: boolean;
+}
+export declare const Heading: ({ variant, isDisabled, text, children, bold, label }: HeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/atoms/Input/Input.d.ts

@@ -0,0 +1,20 @@
+import { InputHTMLAttributes } from 'react';
+export declare const INPUT_VARIANT: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly TERTIARY: "tertiary";
+};
+export type InputVariant = keyof typeof INPUT_VARIANT;
+export declare const inputVariant: Record<InputVariant, string>;
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    placeholder?: string;
+    variant?: InputVariant;
+    isDisabled?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    value?: string | number | string[];
+    name?: string;
+    type?: string;
+    supportingText?: string | boolean;
+}
+export declare const Input: ({ placeholder, label, variant, isDisabled, onChange, value, name, type, supportingText, }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/atoms/Link/Link.d.ts

@@ -0,0 +1,15 @@
+import { HTMLProps } from 'react';
+export declare const LINK_VARIANT: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly TERTIARY: "tertiary";
+};
+export type LinkVariant = keyof typeof LINK_VARIANT;
+export declare const linkVariant: Record<LinkVariant, string>;
+export interface LinkProps extends HTMLProps<HTMLAnchorElement> {
+    label?: string;
+    variant?: LinkVariant;
+    isDisabled?: boolean;
+    src?: string;
+}
+export declare const Link: ({ label, variant, isDisabled, src }: LinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/atoms/Modal/Modal.d.ts

@@ -0,0 +1,16 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export declare const MODAL_VARIANT: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly TERTIARY: "tertiary";
+};
+export type ModalVariant = keyof typeof MODAL_VARIANT;
+export declare const ModalVariant: Record<ModalVariant, string>;
+export interface ModalProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: ReactNode;
+    variant?: ModalVariant;
+    isDisabled?: boolean;
+    wide?: boolean;
+    onClick?: () => void;
+}
+export declare const Modal: ({ variant, isDisabled, children, wide, onClick }: ModalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/atoms/Radio/Radio.d.ts

@@ -0,0 +1,16 @@
+import { InputHTMLAttributes, ChangeEventHandler } from 'react';
+export declare const RADIO_VARIANT: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly TERTIARY: "tertiary";
+};
+export type RadioVariant = keyof typeof RADIO_VARIANT;
+export declare const radioVariant: Record<RadioVariant, string>;
+export interface RadioProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    placeholder?: string;
+    variant?: RadioVariant;
+    isDisabled?: boolean;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+export declare const Radio: ({ placeholder, label, variant, isDisabled, onChange }: RadioProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/atoms/Select/Select.d.ts

@@ -0,0 +1,19 @@
+import { SelectHTMLAttributes } from 'react';
+export declare const SELECT_VARIANT: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly TERTIARY: "tertiary";
+};
+export type SelectVariant = keyof typeof SELECT_VARIANT;
+export declare const selectVariant: Record<SelectVariant, string>;
+export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    label?: string;
+    variant?: SelectVariant;
+    isDisabled?: boolean;
+    onClick?: () => void;
+    data?: string[];
+    prepopulatedId?: any;
+    objectData?: any;
+    getSelectedOptions?: any;
+}
+export declare const Select: ({ label, variant, isDisabled, onClick, data, prepopulatedId, objectData, getSelectedOptions, }: SelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/atoms/Text/Text.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export declare const TEXT_VARIANT: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly TERTIARY: "tertiary";
+};
+export type TextVariant = keyof typeof TEXT_VARIANT;
+export declare const textVariant: Record<TextVariant, string>;
+export interface TextProps extends HTMLAttributes<HTMLParagraphElement> {
+    text?: string;
+    children?: ReactNode;
+    variant?: TextVariant;
+    isDisabled?: boolean;
+    bold?: boolean;
+    key?: any;
+    onClick?: () => void;
+}
+export declare const Text: ({ variant, isDisabled, text, children, bold, key, onClick }: TextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/atoms/Textarea/Textarea.d.ts

@@ -0,0 +1,19 @@
+import { TextareaHTMLAttributes, ReactNode } from 'react';
+export declare const TEXTAREA_VARIANT: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly TERTIARY: "tertiary";
+};
+export type Textarea = keyof typeof TEXTAREA_VARIANT;
+export declare const textarea: Record<Textarea, string>;
+export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement | HTMLLabelElement> {
+    value?: string;
+    label?: string;
+    placeholder?: string;
+    variant?: Textarea;
+    isDisabled?: boolean;
+    children?: ReactNode;
+    defaultValue?: string;
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+}
+export declare const Textarea: ({ value, placeholder, label, variant, isDisabled, children, defaultValue, onChange, }: TextareaProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/atoms/index.d.ts

@@ -0,0 +1,13 @@
+export * from './Button/Button';
+export * from './Input/Input';
+export * from './Checkbox/Checkbox';
+export * from './FilterChip/FilterChip';
+export * from './Link/Link';
+export * from './Radio/Radio';
+export * from './Select/Select';
+export * from './Text/Text';
+export * from './Textarea/Textarea';
+export * from './Box/Box';
+export * from './Modal/Modal';
+export * from './Form/Form';
+export * from './Heading/Heading';

package/dist/lib/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './atoms';
+export * from './molecules';
+export * from './organisms';

package/dist/lib/components/molecules/index.d.ts

@@ -0,0 +1 @@
+export * from './ml-banner';

package/dist/lib/components/molecules/ml-banner/index.d.ts

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

package/dist/lib/components/organisms/index.d.ts

@@ -0,0 +1 @@
+export * from './or-footer';

package/dist/lib/components/organisms/or-footer/index.d.ts

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

package/dist/lib/index.d.ts

@@ -0,0 +1 @@
+export * from './components';