@biblioteksentralen/react 4.0.0-beta.0 → 4.0.0-beta.2

package/dist/index.d.mts

@@ -1,15 +1,106 @@
-export * from '@chakra-ui/react';
-export { AlertBS } from './components/AlertBS.mjs';
-export { ButtonBS, ButtonBSProps } from './components/ButtonBS.mjs';
-export { IconButtonBS, IconButtonBSProps } from './components/IconButtonBS.mjs';
-export { InputBS } from './components/InputBS.mjs';
-export { ConditionalWrapperBS } from './components/ConditionalWrapperBS.mjs';
-export { ErrorBoundaryBS } from './components/ErrorBoundaryBS.mjs';
-export { HashLinkTargetBS } from './components/HashLinkTargetBS.mjs';
-export { withErrorBoundaryBS } from './components/withErrorBoundaryBS.mjs';
-export { BiblioteksentralenProvider } from './components/BiblioteksentralenProvider.mjs';
-export { colors } from '@biblioteksentralen/utils';
-import '@biblioteksentralen/types';
-import 'react';
-import '@chakra-ui/system';
-import './ButtonStyles-7ASDoOwZ.mjs';
+import { Modify } from '@biblioteksentralen/types';
+import { AlertRootProps, ButtonProps, IconButtonProps, InputProps, FieldLabelProps, SystemConfig } from '@chakra-ui/react';
+import React, { ReactNode, RefObject, FunctionComponent, ErrorInfo } from 'react';
+import { ComponentWithAs } from '@chakra-ui/system';
+
+type Status = "info" | "warning" | "success" | "error";
+type CustomVariants = "inline";
+type Variants = AlertRootProps["variant"] | CustomVariants;
+interface Props$5 extends Modify<AlertRootProps, {
+    variant?: Variants;
+}> {
+    children: ReactNode;
+    header?: ReactNode;
+    status: Status;
+    variant?: Variants;
+}
+declare function AlertBS({ status, children, variant, header, ...rest }: Props$5): React.JSX.Element;
+
+type CustomButtonVariants = "primary" | "secondary" | "tertiary";
+
+/**
+ * Re-exporting chackras Button with a customised types
+ * This causes both chakras native variants and our home-made variants to show up in auto-complete
+ */
+type ButtonVariants = ButtonProps["variant"] | CustomButtonVariants;
+type ButtonBSProps = Modify<ButtonProps, {
+    variant?: ButtonVariants;
+}>;
+declare const ButtonBS: ComponentWithAs<"button", ButtonBSProps>;
+
+/**
+ * Re-exporting chackras IconButton with a customised types
+ * This causes both chakras native variants and our home-made variants to show up in auto-complete
+ */
+type IconButtonVariants = IconButtonProps["variant"] | CustomButtonVariants;
+type IconButtonBSProps = Modify<IconButtonProps, {
+    variant?: IconButtonVariants;
+}>;
+declare const IconButtonBS: ComponentWithAs<"button", IconButtonBSProps>;
+
+interface Props$4 extends InputProps {
+    label: string;
+    hideLabel?: boolean;
+    labelProps?: FieldLabelProps;
+    helperText?: string;
+    errorMessage?: string;
+    ref?: RefObject<HTMLInputElement | null>;
+}
+/**
+ * Creating custom input-component to make sure label is always set (for accessibility)
+ * Also handles some common needs (helper text and error message. For more advanced input-components we leave it to the consumers to compose custom input-components based on Chakra
+ */
+declare const InputBS: (props: Props$4) => React.JSX.Element;
+
+type Props$3 = {
+    children: ReactNode;
+    wrapper: FunctionComponent<{
+        children: ReactNode;
+    }>;
+    condition: boolean;
+};
+/**
+ * Conditionally wrapps children with a component. If conditions are not met children mounted without the wrapper.
+ */
+declare const ConditionalWrapperBS: FunctionComponent<Props$3>;
+
+interface Props$2 {
+    boundaryName?: string;
+    children: ReactNode;
+}
+interface State {
+    hasError: boolean;
+    error?: Error;
+    errorInfo?: ErrorInfo;
+}
+declare class ErrorBoundaryBS extends React.Component<Props$2, State> {
+    constructor(props: any);
+    static getDerivedStateFromError(error: any): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: any, errorInfo: any): void;
+    render(): string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+}
+
+interface Props$1 {
+    id: string;
+    /**
+     * angir hvor mye luft til vil ha over HashLinkTarget ved bruk av hash-lenke, eks '4rem'
+     */
+    spaceAbove?: string;
+    /**
+     * angir om du vil ha fokusramme rundt komponenten som mounter HashLinkTarget. Da må komponenten du wrapper med ha position: relative | absolute el
+     */
+    focusOnParent?: boolean;
+}
+declare function HashLinkTargetBS(props: Props$1): React.JSX.Element;
+
+declare const withErrorBoundaryBS: <Props>(Component: React.ComponentType<Props>, boundaryName: string) => (props: Props & React.JSX.IntrinsicAttributes) => React.JSX.Element;
+
+interface Props {
+    children: ReactNode;
+    customTheme?: SystemConfig;
+}
+declare const BiblioteksentralenProvider: (props: Props) => React.JSX.Element;
+
+export { AlertBS, BiblioteksentralenProvider, ButtonBS, type ButtonBSProps, ConditionalWrapperBS, ErrorBoundaryBS, HashLinkTargetBS, IconButtonBS, type IconButtonBSProps, InputBS, withErrorBoundaryBS };

package/dist/index.d.ts

@@ -1,15 +1,106 @@
-export * from '@chakra-ui/react';
-export { AlertBS } from './components/AlertBS.js';
-export { ButtonBS, ButtonBSProps } from './components/ButtonBS.js';
-export { IconButtonBS, IconButtonBSProps } from './components/IconButtonBS.js';
-export { InputBS } from './components/InputBS.js';
-export { ConditionalWrapperBS } from './components/ConditionalWrapperBS.js';
-export { ErrorBoundaryBS } from './components/ErrorBoundaryBS.js';
-export { HashLinkTargetBS } from './components/HashLinkTargetBS.js';
-export { withErrorBoundaryBS } from './components/withErrorBoundaryBS.js';
-export { BiblioteksentralenProvider } from './components/BiblioteksentralenProvider.js';
-export { colors } from '@biblioteksentralen/utils';
-import '@biblioteksentralen/types';
-import 'react';
-import '@chakra-ui/system';
-import './ButtonStyles-7ASDoOwZ.js';
+import { Modify } from '@biblioteksentralen/types';
+import { AlertRootProps, ButtonProps, IconButtonProps, InputProps, FieldLabelProps, SystemConfig } from '@chakra-ui/react';
+import React, { ReactNode, RefObject, FunctionComponent, ErrorInfo } from 'react';
+import { ComponentWithAs } from '@chakra-ui/system';
+
+type Status = "info" | "warning" | "success" | "error";
+type CustomVariants = "inline";
+type Variants = AlertRootProps["variant"] | CustomVariants;
+interface Props$5 extends Modify<AlertRootProps, {
+    variant?: Variants;
+}> {
+    children: ReactNode;
+    header?: ReactNode;
+    status: Status;
+    variant?: Variants;
+}
+declare function AlertBS({ status, children, variant, header, ...rest }: Props$5): React.JSX.Element;
+
+type CustomButtonVariants = "primary" | "secondary" | "tertiary";
+
+/**
+ * Re-exporting chackras Button with a customised types
+ * This causes both chakras native variants and our home-made variants to show up in auto-complete
+ */
+type ButtonVariants = ButtonProps["variant"] | CustomButtonVariants;
+type ButtonBSProps = Modify<ButtonProps, {
+    variant?: ButtonVariants;
+}>;
+declare const ButtonBS: ComponentWithAs<"button", ButtonBSProps>;
+
+/**
+ * Re-exporting chackras IconButton with a customised types
+ * This causes both chakras native variants and our home-made variants to show up in auto-complete
+ */
+type IconButtonVariants = IconButtonProps["variant"] | CustomButtonVariants;
+type IconButtonBSProps = Modify<IconButtonProps, {
+    variant?: IconButtonVariants;
+}>;
+declare const IconButtonBS: ComponentWithAs<"button", IconButtonBSProps>;
+
+interface Props$4 extends InputProps {
+    label: string;
+    hideLabel?: boolean;
+    labelProps?: FieldLabelProps;
+    helperText?: string;
+    errorMessage?: string;
+    ref?: RefObject<HTMLInputElement | null>;
+}
+/**
+ * Creating custom input-component to make sure label is always set (for accessibility)
+ * Also handles some common needs (helper text and error message. For more advanced input-components we leave it to the consumers to compose custom input-components based on Chakra
+ */
+declare const InputBS: (props: Props$4) => React.JSX.Element;
+
+type Props$3 = {
+    children: ReactNode;
+    wrapper: FunctionComponent<{
+        children: ReactNode;
+    }>;
+    condition: boolean;
+};
+/**
+ * Conditionally wrapps children with a component. If conditions are not met children mounted without the wrapper.
+ */
+declare const ConditionalWrapperBS: FunctionComponent<Props$3>;
+
+interface Props$2 {
+    boundaryName?: string;
+    children: ReactNode;
+}
+interface State {
+    hasError: boolean;
+    error?: Error;
+    errorInfo?: ErrorInfo;
+}
+declare class ErrorBoundaryBS extends React.Component<Props$2, State> {
+    constructor(props: any);
+    static getDerivedStateFromError(error: any): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: any, errorInfo: any): void;
+    render(): string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+}
+
+interface Props$1 {
+    id: string;
+    /**
+     * angir hvor mye luft til vil ha over HashLinkTarget ved bruk av hash-lenke, eks '4rem'
+     */
+    spaceAbove?: string;
+    /**
+     * angir om du vil ha fokusramme rundt komponenten som mounter HashLinkTarget. Da må komponenten du wrapper med ha position: relative | absolute el
+     */
+    focusOnParent?: boolean;
+}
+declare function HashLinkTargetBS(props: Props$1): React.JSX.Element;
+
+declare const withErrorBoundaryBS: <Props>(Component: React.ComponentType<Props>, boundaryName: string) => (props: Props & React.JSX.IntrinsicAttributes) => React.JSX.Element;
+
+interface Props {
+    children: ReactNode;
+    customTheme?: SystemConfig;
+}
+declare const BiblioteksentralenProvider: (props: Props) => React.JSX.Element;
+
+export { AlertBS, BiblioteksentralenProvider, ButtonBS, type ButtonBSProps, ConditionalWrapperBS, ErrorBoundaryBS, HashLinkTargetBS, IconButtonBS, type IconButtonBSProps, InputBS, withErrorBoundaryBS };