@biblioteksentralen/react 3.0.0-beta.11 → 3.0.0-beta.13

package/README.md

@@ -1,11 +1,11 @@
-# React library for reusable code in Biblioteksentralens js-apps
-
-Simple React utility library for usage in Biblioteksentralen. Feel free to use, but functionality might not work as expected outside Biblioteksentralen context.
-
-Written in typescript.
-
-React components are written for usage in Nextjs, and might rely upon nextjs to work properly.
-
-## Storybook
-
-We have a storybook you can visit to see our components here: [https://biblioteksentralen.github.io/js-utils](https://biblioteksentralen.github.io/js-utils)
+# React library for reusable code in Biblioteksentralens js-apps
+
+Simple React utility library for usage in Biblioteksentralen. Feel free to use, but functionality might not work as expected outside Biblioteksentralen context.
+
+Written in typescript.
+
+React components are written for usage in Nextjs, and might rely upon nextjs to work properly.
+
+## Storybook
+
+We have a storybook you can visit to see our components here: [https://biblioteksentralen.github.io/js-utils](https://biblioteksentralen.github.io/js-utils)

package/dist/index.d.ts

@@ -1,15 +1,14 @@
-import { AlertRootProps, ButtonProps as ButtonProps$1, IconButtonProps as IconButtonProps$1, BoxProps, InputProps, FieldLabelProps, LinkProps, SystemConfig, ToastRootProps } from '@chakra-ui/react';
+import { AlertRootProps, ButtonProps, IconButtonProps, InputProps, FieldLabelProps, SystemConfig } from '@chakra-ui/react';
 export * from '@chakra-ui/react';
-import { ComponentWithAs, ThemeTypings } from '@chakra-ui/system';
-export { ResponsiveObject, StyleProps } from '@chakra-ui/system';
 import { Modify } from '@biblioteksentralen/types';
-import React, { ReactNode, FunctionComponent, RefObject, HTMLAttributes, ErrorInfo } from 'react';
+import React, { ReactNode, RefObject, FunctionComponent, ErrorInfo } from 'react';
+import { ComponentWithAs } from '@chakra-ui/system';
 export { colors } from '@biblioteksentralen/utils';
 
 type Status = "info" | "warning" | "success" | "error";
 type CustomVariants = "inline";
 type Variants = AlertRootProps["variant"] | CustomVariants;
-interface Props$7 extends Modify<AlertRootProps, {
+interface Props$5 extends Modify<AlertRootProps, {
     variant?: Variants;
 }> {
     children: ReactNode;
@@ -17,7 +16,7 @@ interface Props$7 extends Modify<AlertRootProps, {
     status: Status;
     variant?: Variants;
 }
-declare function Alert({ status, children, variant, header, ...rest }: Props$7): React.JSX.Element;
+declare function AlertBS({ status, children, variant, header, ...rest }: Props$5): React.JSX.Element;
 
 type CustomButtonVariants = "primary" | "secondary" | "tertiary";
 
@@ -25,41 +24,21 @@ 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$1["variant"] | CustomButtonVariants;
-type ButtonProps = Modify<ButtonProps$1, {
+type ButtonVariants = ButtonProps["variant"] | CustomButtonVariants;
+type ButtonBSProps = Modify<ButtonProps, {
     variant?: ButtonVariants;
 }>;
-declare const Button: ComponentWithAs<"button", ButtonProps>;
+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$1["variant"] | CustomButtonVariants;
-type IconButtonProps = Modify<IconButtonProps$1, {
+type IconButtonVariants = IconButtonProps["variant"] | CustomButtonVariants;
+type IconButtonBSProps = Modify<IconButtonProps, {
     variant?: IconButtonVariants;
 }>;
-declare const IconButton: ComponentWithAs<"button", IconButtonProps>;
-
-type Props$6 = {
-    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 ConditionalWrapper: FunctionComponent<Props$6>;
-
-type Props$5 = {
-    children: ReactNode;
-    above?: ThemeTypings["breakpoints"];
-    below?: ThemeTypings["breakpoints"];
-} & Omit<BoxProps, "display">;
-/** Chakras <Hide /> component uses client side javascript to hide components. Causes components to flash on mobile while loading */
-declare const HideWithCSS: FunctionComponent<Props$5>;
+declare const IconButtonBS: ComponentWithAs<"button", IconButtonBSProps>;
 
 interface Props$4 extends InputProps {
     label: string;
@@ -73,31 +52,21 @@ interface Props$4 extends InputProps {
  * 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 Input: (props: Props$4) => React.JSX.Element;
-
-type CustomLinkVariants = "plain" | "underline";
+declare const InputBS: (props: Props$4) => React.JSX.Element;
 
+type Props$3 = {
+    children: ReactNode;
+    wrapper: FunctionComponent<{
+        children: ReactNode;
+    }>;
+    condition: boolean;
+};
 /**
- * Re-exporting chackras Link with a customised types
- * This causes both chakras native variants and our home-made variants to show up in auto-complete
+ * Conditionally wrapps children with a component. If conditions are not met children mounted without the wrapper.
  */
-type LinkVariants = LinkProps["variant"] | CustomLinkVariants;
-declare const Link: ComponentWithAs<"a", Modify<LinkProps, {
-    variant?: LinkVariants;
-}>>;
-
-interface Props$3 extends HTMLAttributes<HTMLSpanElement> {
-    children: ReactNode;
-}
-declare function VisuallyHidden({ children, ...rest }: Props$3): React.JSX.Element;
+declare const ConditionalWrapperBS: FunctionComponent<Props$3>;
 
 interface Props$2 {
-    children: ReactNode;
-    customTheme?: SystemConfig;
-}
-declare const BiblioteksentralenProvider: (props: Props$2) => React.JSX.Element;
-
-interface Props$1 {
     boundaryName?: string;
     children: ReactNode;
 }
@@ -106,7 +75,7 @@ interface State {
     error?: Error;
     errorInfo?: ErrorInfo;
 }
-declare class ErrorBoundary extends React.Component<Props$1, State> {
+declare class ErrorBoundaryBS extends React.Component<Props$2, State> {
     constructor(props: any);
     static getDerivedStateFromError(error: any): {
         hasError: boolean;
@@ -115,7 +84,7 @@ declare class ErrorBoundary extends React.Component<Props$1, State> {
     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 {
+interface Props$1 {
     id: string;
     /**
      * angir hvor mye luft til vil ha over HashLinkTarget ved bruk av hash-lenke, eks '4rem'
@@ -126,11 +95,14 @@ interface Props {
      */
     focusOnParent?: boolean;
 }
-declare function HashLinkTarget(props: Props): React.JSX.Element;
+declare function HashLinkTargetBS(props: Props$1): React.JSX.Element;
 
-declare const withErrorBoundary: <Props>(Component: React.ComponentType<Props>, boundaryName: string) => (props: Props & React.JSX.IntrinsicAttributes) => React.JSX.Element;
+declare const withErrorBoundaryBS: <Props>(Component: React.ComponentType<Props>, boundaryName: string) => (props: Props & React.JSX.IntrinsicAttributes) => React.JSX.Element;
 
-declare const toaster: ToastRootProps;
-declare const Toaster: () => React.JSX.Element;
+interface Props {
+    children: ReactNode;
+    customTheme?: SystemConfig;
+}
+declare const BiblioteksentralenProvider: (props: Props) => React.JSX.Element;
 
-export { Alert, BiblioteksentralenProvider, Button, type ButtonProps, ConditionalWrapper, ErrorBoundary, HashLinkTarget, HideWithCSS, IconButton, type IconButtonProps, Input, Link, Toaster, VisuallyHidden, toaster, withErrorBoundary };
+export { AlertBS, BiblioteksentralenProvider, ButtonBS, type ButtonBSProps, ConditionalWrapperBS, ErrorBoundaryBS, HashLinkTargetBS, IconButtonBS, type IconButtonBSProps, InputBS, withErrorBoundaryBS };