@k8slens/lds 0.2.8 → 0.2.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k8slens/lds",
-  "version": "0.2.8",
+  "version": "0.2.12",
   "description": "Lens Design System – Core React Component Library",
   "author": "Mirantis Inc",
   "license": "MIT",
@@ -26,7 +26,7 @@
   "dependencies": {},
   "devDependencies": {
     "@k8slens/eslint-config": ">=0.1.0 <1.0.0",
-    "@k8slens/lds-tokens": ">=0.2.0 <1.0.0",
+    "@k8slens/lds-tokens": ">=0.3.0 <1.0.0",
     "@rollup/plugin-node-resolve": "14.0.1",
     "@storybook/react": "6.5.13",
     "@svgr/rollup": "6.3.1",

package/lib/.temp/packages/core/src/components.d.ts

@@ -1,7 +0,0 @@
-export { default as Button } from "./Button/Button";
-export { default as ButtonBar } from "./ButtonBar/ButtonBar";
-export { default as Input } from "./Input/Input";
-export { default as LoadingIndicator } from "./LoadingIndicator/LoadingIndicator";
-export { default as Modal } from "./Modal/Modal";
-export { default as Panel } from "./Panel/Panel";
-export { Switch } from "./Switch/Switch";

package/lib/.temp/packages/core/src/index.d.ts

@@ -1,2 +0,0 @@
-import "./index.css";
-export * from "./components";

package/lib/.temp/packages/core/src/index.electron.d.ts

@@ -1,2 +0,0 @@
-import "./index.css";
-export * from "./components";

package/lib/.temp/packages/form/src/FormErrorMessage/FormErrorMessage.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-export interface FormErrorMessageProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "id" | "htmlFor"> {
-    id: string;
-    forId: string;
-    errors: Array<string>;
-}
-/**
- * Form error message
- */
-declare const FormErrorMessage: ({ id, forId, errors, ...props }: FormErrorMessageProps) => JSX.Element;
-export default FormErrorMessage;

package/lib/.temp/packages/form/src/FormField/FormField.d.ts

@@ -1,23 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import { FormLabelProps } from "../FormLabel/FormLabel";
-import { FormErrorMessageProps } from "../FormErrorMessage/FormErrorMessage";
-export interface FormFieldProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "id"> {
-    /** the `id` of the child form component (e.g. `input`) */
-    id: string | undefined;
-    /** the label text to be rendered in  `<label>{label}</label>` */
-    label: string;
-    /** the identifier of the `<ErrorMessage id={labelId} />` of the child form component, should not be the same as `props.id` */
-    errorId: string;
-    /** the identifier of the `<label id={labelId} />` of the child form component, should not be the same as `props.id` */
-    labelId: string;
-    required?: boolean;
-    errors?: Array<string>;
-    labelProps?: Partial<FormLabelProps>;
-    errorProps?: Partial<Omit<FormErrorMessageProps, "forId" | "id">>;
-}
-/**
- * Generic form field component with label and error message.
- *
- * See `FormComponent`for individual form components.
- */
-export default function FormField({ id, label, labelId, errorId, required, errors, children, labelProps, errorProps, ...props }: PropsWithChildren<FormFieldProps>): JSX.Element;

package/lib/.temp/packages/form/src/FormInput/FormInput.d.ts

@@ -1,27 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import { type InputProps } from "@k8slens/lds/lib/es/Input/Input.d";
-import { type FormFieldComponentProps } from "../common/FormComponent.d";
-export declare const defaultErrorParser: import("../common/useFormComponentData").ErrorParser<unknown, string>;
-declare type CustomInputProps = Omit<InputProps, "onChange" | "value" | "type" | "name"> & {
-    name: string;
-};
-interface Props extends CustomInputProps {
-    id?: string;
-    wrapperProps?: React.HTMLAttributes<HTMLDivElement>;
-}
-export interface TextFormInputProps<CustomError extends string> extends FormFieldComponentProps<string, CustomError>, Props {
-    type?: "search" | "time" | "text" | "color" | "password" | "email" | "tel" | "url" | "date" | "datetime-local";
-    value: string;
-}
-export interface NumberFormInputProps<CustomError extends string> extends FormFieldComponentProps<number, CustomError>, Props {
-    type: "number";
-    value: number;
-}
-export declare type FormInputProps<CustomError extends string> = NumberFormInputProps<CustomError> | TextFormInputProps<CustomError>;
-/**
- * Input wrapped in Form Field
- *
- * Handles validation and errors with accessible label and error notifications.
- */
-declare function FormInput<CustomError extends string>({ id: _id, label, wrapperProps, labelProps, validate, errorParser, errorProps: errorComponentProps, value, onChange, type, ...inputProps }: PropsWithChildren<NumberFormInputProps<CustomError> | TextFormInputProps<CustomError>>): JSX.Element;
-export default FormInput;

package/lib/.temp/packages/form/src/FormInput/stories-common.d.ts

@@ -1,6 +0,0 @@
-import { TextFormInputProps, NumberFormInputProps } from "./FormInput";
-export declare const inputTestId = "form-input";
-export declare const labelTestId = "form-input-label";
-export declare const errorTestId = "form-input-error";
-export declare const StringInputTemplate: <CustomError extends string>({ label, name, id, ...props }: TextFormInputProps<CustomError>) => JSX.Element;
-export declare const NumberInputTemplate: <CustomError extends string>({ label, name, id, value: initialValue, ...props }: NumberFormInputProps<CustomError>) => JSX.Element;

package/lib/.temp/packages/form/src/FormLabel/FormLabel.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-export interface FormLabelProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "id" | "htmlFor"> {
-    id: string;
-    forId: string;
-    label: string;
-    required?: boolean;
-}
-/**
- * Form label
- */
-declare const FormLabel: ({ id, forId, label, required, ...props }: FormLabelProps) => JSX.Element;
-export default FormLabel;

package/lib/.temp/packages/form/src/common/helpers.d.ts

@@ -1,3 +0,0 @@
-import { CustomValidityState } from "./validation";
-export declare const setNativeValue: (element: Pick<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement, "value">, value: any) => void;
-export declare const getInputValidity: <CustomError extends string>(input: Pick<HTMLObjectElement, "validity">) => CustomValidityState<CustomError>;

package/lib/.temp/packages/form/src/common/useFieldIds.d.ts

@@ -1,13 +0,0 @@
-declare type FieldIds = {
-    id: string;
-    labelId: string;
-    errorId: string;
-};
-/**
- * Create IDs for form field label and error message. Generate ID for form field component if not provided.
- *
- * @param _id ID for form field component
- * @returns Form Field IDs
- */
-export declare const useFieldIds: (_id?: string) => FieldIds;
-export {};

package/lib/.temp/packages/form/src/common/useFormComponentData.d.ts

@@ -1,27 +0,0 @@
-import { CustomValidityState, PartialValidityState, ValidationConstraints } from "./validation";
-export interface FormFieldData<T, CustomError extends string> {
-    value: T;
-    validity?: CustomValidityState<CustomError>;
-}
-/**
- * Error parser
- *
- * Returns error message for a given error key or `undefined | ""` in case no error should be shown.
- */
-export declare type ErrorParser<T, CustomError extends string> = (value: T, error: keyof PartialValidityState | CustomError | "unknown", constraints: ValidationConstraints, label: string) => string | undefined | "";
-/**
- * Error parser
- *
- * Returns error message for a given error key for known errors or "Value is invalid" if key is unkown.
- */
-export declare const defaultErrorParser: ErrorParser<unknown, string>;
-export declare const useFormComponentData: <T, CustomError extends string>({ value, errorParser, constraints, label }: {
-    value: T;
-    errorParser: ErrorParser<T, CustomError>;
-    constraints: ValidationConstraints;
-    label: string;
-}) => {
-    currentValue: FormFieldData<T, CustomError>;
-    setCurrentValue: import("react").Dispatch<import("react").SetStateAction<FormFieldData<T, CustomError>>>;
-    errors: string[];
-};

package/lib/.temp/packages/form/src/common/useInputErrorProps.d.ts

@@ -1,17 +0,0 @@
-declare type Props = {
-    id: string;
-    errors?: Array<string>;
-};
-/**
- * Get accessible input props in case of validation errors
- */
-export declare const useInputErrorProps: ({ id, errors }: Props) => {
-    "aria-invalid": boolean;
-    "aria-errormessage": string;
-    "aria-describedby": string;
-} | {
-    "aria-invalid"?: undefined;
-    "aria-errormessage"?: undefined;
-    "aria-describedby"?: undefined;
-};
-export {};

package/lib/.temp/packages/form/src/common/usePrevious.d.ts

@@ -1 +0,0 @@
-export declare function usePrevious<T>(value: T): T | undefined;

package/lib/.temp/packages/form/src/common/validation.d.ts

@@ -1,31 +0,0 @@
-import { AllHTMLAttributes } from "react";
-export declare type ValidationConstraints = Partial<Pick<AllHTMLAttributes<any>, "pattern" | "minLength" | "maxLength" | "min" | "max" | "required" | "step">>;
-/**
- * ValidityStates with optional keys
- */
-declare type PartialRecord<K extends keyof any, T> = {
-    [P in K]?: T;
-};
-export declare type PartialWritableValidityState = {
-    -readonly [K in keyof ValidityState]?: ValidityState[K];
-};
-export declare type PartialValidityState = {
-    readonly [K in keyof ValidityState]?: ValidityState[K];
-};
-export declare type CustomValidityState<CustomError extends string> = PartialRecord<CustomError | keyof PartialWritableValidityState | "unknown", boolean>;
-export declare const validityKeys: Array<keyof ValidityState>;
-/**
- * Validator function.
- *
- * If value is valid returns `undefined`. Else returns a key or array of keys to be used in error parser.
- */
-export declare type Validator<T, CustomError extends string> = (
-/**  Current value */
-value: T, 
-/** Current validity state */
-validity: PartialValidityState | undefined, 
-/** Name of the form element */
-name: string, 
-/** HTML element validity constrain properties (eg. `required`, `minLength`) */
-constraints: ValidationConstraints) => keyof PartialValidityState | CustomError | Array<keyof PartialValidityState | CustomError> | undefined;
-export {};

package/lib/.temp/packages/form/src/components.d.ts

@@ -1,4 +0,0 @@
-export { default as FormField } from "./FormField/FormField";
-export { default as FormErrorMessage } from "./FormErrorMessage/FormErrorMessage";
-export { default as FormLabel } from "./FormLabel/FormLabel";
-export { default as FormInput } from "./FormInput/FormInput";

package/lib/.temp/packages/form/src/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./components";
-export { defaultErrorParser } from "./common/useFormComponentData";