@navikt/ds-react 0.18.1 → 0.18.3

package/src/stepper/index.ts

@@ -1,2 +1 @@
-export { default as Stepper } from "./Stepper";
-export * from "./Stepper";
+export { default as Stepper, StepperProps } from "./Stepper";

package/src/table/Body.tsx

@@ -1,14 +1,15 @@
 import React, { forwardRef } from "react";
 import cl from "classnames";
 
-interface BodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {}
+export interface BodyProps
+  extends React.HTMLAttributes<HTMLTableSectionElement> {}
 
 export interface BodyType
   extends React.ForwardRefExoticComponent<
     BodyProps & React.RefAttributes<HTMLTableSectionElement>
   > {}
 
-const Body: BodyType = forwardRef(({ className, ...rest }, ref) => (
+export const Body: BodyType = forwardRef(({ className, ...rest }, ref) => (
   <tbody {...rest} ref={ref} className={cl("navds-table__body", className)} />
 ));
 

package/src/table/ColumnHeader.tsx

@@ -1,9 +1,9 @@
 import React, { forwardRef, useContext } from "react";
 import { Down, Up, UpDown } from "@navikt/ds-icons";
-import { TableContext } from "..";
+import { TableContext } from "./Table";
 import HeaderCell, { HeaderCellProps } from "./HeaderCell";
 
-interface ColumnHeaderProps extends HeaderCellProps {
+export interface ColumnHeaderProps extends HeaderCellProps {
   /**
    * Key to sort by
    */
@@ -20,7 +20,7 @@ export interface ColumnHeaderType
     ColumnHeaderProps & React.RefAttributes<HTMLTableCellElement>
   > {}
 
-const ColumnHeader: ColumnHeaderType = forwardRef(
+export const ColumnHeader: ColumnHeaderType = forwardRef(
   ({ className, children, sortable = false, sortKey, ...rest }, ref) => {
     const context = useContext(TableContext);
 

package/src/table/DataCell.tsx

@@ -1,9 +1,10 @@
 import React, { forwardRef, useContext } from "react";
 import cl from "classnames";
 import { BodyShort } from "..";
-import { TableContext } from ".";
+import { TableContext } from "./Table";
 
-interface DataCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+export interface DataCellProps
+  extends React.TdHTMLAttributes<HTMLTableCellElement> {
   /**
    * Content alignment
    * @default "left"
@@ -16,7 +17,7 @@ export interface DataCellType
     DataCellProps & React.RefAttributes<HTMLTableCellElement>
   > {}
 
-const DataCell: DataCellType = forwardRef(
+export const DataCell: DataCellType = forwardRef(
   ({ className, children = "", align, ...rest }, ref) => {
     const context = useContext(TableContext);
 

package/src/table/ExpandableRow.tsx

@@ -6,7 +6,7 @@ import { UnmountClosed } from "react-collapse";
 import { Expand, ExpandFilled } from "@navikt/ds-icons";
 import { useId } from "..";
 
-interface ExpandableRowProps extends RowProps {
+export interface ExpandableRowProps extends RowProps {
   /**
    * Content of the expanded row
    */
@@ -42,7 +42,7 @@ export interface ExpandableRowType
     ExpandableRowProps & React.RefAttributes<HTMLTableRowElement>
   > {}
 
-const ExpandableRow: ExpandableRowType = forwardRef(
+export const ExpandableRow: ExpandableRowType = forwardRef(
   (
     {
       className,

package/src/table/Header.tsx

@@ -1,14 +1,15 @@
 import React, { forwardRef } from "react";
 import cl from "classnames";
 
-interface HeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {}
+export interface HeaderProps
+  extends React.HTMLAttributes<HTMLTableSectionElement> {}
 
 export interface HeaderType
   extends React.ForwardRefExoticComponent<
     HeaderProps & React.RefAttributes<HTMLTableSectionElement>
   > {}
 
-const Header: HeaderType = forwardRef(({ className, ...rest }, ref) => (
+export const Header: HeaderType = forwardRef(({ className, ...rest }, ref) => (
   <thead {...rest} ref={ref} className={cl("navds-table__header", className)} />
 ));
 

package/src/table/HeaderCell.tsx

@@ -1,6 +1,7 @@
 import React, { forwardRef, useContext } from "react";
 import cl from "classnames";
-import { Label, TableContext } from "..";
+import { Label } from "..";
+import { TableContext } from "./Table";
 
 export interface HeaderCellProps
   extends React.ThHTMLAttributes<HTMLTableCellElement> {
@@ -17,7 +18,7 @@ export interface HeaderCellType
     HeaderCellProps & React.RefAttributes<HTMLTableCellElement>
   > {}
 
-const HeaderCell: HeaderCellType = forwardRef(
+export const HeaderCell: HeaderCellType = forwardRef(
   ({ className, children, align, ...rest }, ref) => {
     const context = useContext(TableContext);
 

package/src/table/Row.tsx

@@ -14,7 +14,7 @@ export interface RowType
     RowProps & React.RefAttributes<HTMLTableRowElement>
   > {}
 
-const Row: RowType = forwardRef(
+export const Row: RowType = forwardRef(
   ({ className, selected = false, ...rest }, ref) => (
     <tr
       {...rest}

package/src/table/Table.tsx

@@ -56,7 +56,7 @@ export interface TableContextProps {
 
 export const TableContext = createContext<TableContextProps | null>(null);
 
-const Table = forwardRef(
+export const Table = forwardRef(
   (
     {
       className,

package/src/table/index.ts

@@ -1,2 +1,8 @@
-export { default as Table } from "./Table";
-export * from "./Table";
+export { BodyProps } from "./Body";
+export { ColumnHeaderProps } from "./ColumnHeader";
+export { DataCellProps } from "./DataCell";
+export { ExpandableRowProps } from "./ExpandableRow";
+export { HeaderProps } from "./Header";
+export { HeaderCellProps } from "./HeaderCell";
+export { RowProps } from "./Row";
+export { default as Table, TableProps, SortState } from "./Table";

package/src/tabs/Tab.tsx

@@ -27,7 +27,7 @@ export interface TabProps
 
 export type TabType = OverridableComponent<TabProps, HTMLButtonElement>;
 
-const Tab: TabType = forwardRef(
+export const Tab: TabType = forwardRef(
   (
     {
       className,

package/src/tabs/TabList.tsx

@@ -5,7 +5,7 @@ import cl from "classnames";
 import React, { forwardRef, useEffect, useMemo, useRef, useState } from "react";
 import mergeRefs from "react-merge-refs";
 
-export interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface TabListProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
    * Tab elements
    */
@@ -16,11 +16,11 @@ export interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
   loop?: boolean;
 }
 
-export type ListType = React.ForwardRefExoticComponent<
-  ListProps & React.RefAttributes<HTMLDivElement>
+export type TabListType = React.ForwardRefExoticComponent<
+  TabListProps & React.RefAttributes<HTMLDivElement>
 >;
 
-const List = forwardRef<HTMLDivElement, ListProps>(
+export const TabList = forwardRef<HTMLDivElement, TabListProps>(
   ({ className, ...rest }, ref) => {
     const listRef = useRef<HTMLDivElement | null>(null);
     const mergedRef = mergeRefs([listRef, ref]);
@@ -122,6 +122,6 @@ const List = forwardRef<HTMLDivElement, ListProps>(
       </div>
     );
   }
-) as ListType;
+) as TabListType;
 
-export default List;
+export default TabList;

package/src/tabs/TabPanel.tsx

@@ -2,7 +2,7 @@ import { TabsContent } from "@radix-ui/react-tabs";
 import cl from "classnames";
 import React, { forwardRef } from "react";
 
-export interface PanelProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
    * Tab panel
    */
@@ -13,11 +13,11 @@ export interface PanelProps extends React.HTMLAttributes<HTMLDivElement> {
   value: string;
 }
 
-export type PanelType = React.ForwardRefExoticComponent<
-  PanelProps & React.RefAttributes<HTMLDivElement>
+export type TabPanelType = React.ForwardRefExoticComponent<
+  TabPanelProps & React.RefAttributes<HTMLDivElement>
 >;
 
-const Panel = forwardRef<HTMLDivElement, PanelProps>(
+const TabPanel = forwardRef<HTMLDivElement, TabPanelProps>(
   ({ className, ...rest }, ref) => (
     <TabsContent
       {...rest}
@@ -25,6 +25,6 @@ const Panel = forwardRef<HTMLDivElement, PanelProps>(
       className={cl("navds-tabs__tabpanel", className)}
     />
   )
-) as PanelType;
+) as TabPanelType;
 
-export default Panel;
+export default TabPanel;

package/src/tabs/Tabs.tsx

@@ -2,8 +2,8 @@ import cl from "classnames";
 import React, { createContext, forwardRef, HTMLAttributes } from "react";
 import * as RadixTabs from "@radix-ui/react-tabs";
 import Tab, { TabType } from "./Tab";
-import List, { ListType } from "./TabList";
-import Panel, { PanelType } from "./TabPanel";
+import TabList, { TabListType } from "./TabList";
+import TabPanel, { TabPanelType } from "./TabPanel";
 
 export interface TabsProps
   extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "dir"> {
@@ -40,8 +40,8 @@ interface TabsComponent
     TabsProps & React.RefAttributes<HTMLDivElement>
   > {
   Tab: TabType;
-  List: ListType;
-  Panel: PanelType;
+  List: TabListType;
+  Panel: TabPanelType;
 }
 
 interface TabsContextProps {
@@ -50,7 +50,7 @@ interface TabsContextProps {
 
 export const TabsContext = createContext<TabsContextProps | null>(null);
 
-const Tabs = forwardRef<HTMLDivElement, TabsProps>(
+export const Tabs = forwardRef<HTMLDivElement, TabsProps>(
   (
     {
       className,
@@ -83,7 +83,7 @@ const Tabs = forwardRef<HTMLDivElement, TabsProps>(
 ) as TabsComponent;
 
 Tabs.Tab = Tab;
-Tabs.List = List;
-Tabs.Panel = Panel;
+Tabs.List = TabList;
+Tabs.Panel = TabPanel;
 
 export default Tabs;

package/src/tabs/index.ts

@@ -1,2 +1,4 @@
-export { default as Tabs, TabsProps } from "./Tabs";
 export { TabProps } from "./Tab";
+export { TabListProps } from "./TabList";
+export { TabPanelProps } from "./TabPanel";
+export { default as Tabs, TabsProps } from "./Tabs";

package/src/tag/Tag.tsx

@@ -19,7 +19,7 @@ export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
   size?: "medium" | "small";
 }
 
-const Tag = forwardRef<HTMLSpanElement, TagProps>(
+export const Tag = forwardRef<HTMLSpanElement, TagProps>(
   ({ className, variant, size = "medium", ...rest }, ref) => {
     const Component = size === "medium" ? BodyShort : Detail;
 

package/src/tag/index.ts

@@ -1,2 +1 @@
-export { default as Tag } from "./Tag";
-export * from "./Tag";
+export { default as Tag, TagProps } from "./Tag";

package/src/toggle-group/ToggleGroup.tsx

@@ -53,7 +53,7 @@ export const ToggleGroupContext = createContext<ToggleContextProps | null>(
   null
 );
 
-const ToggleGroup = forwardRef<HTMLDivElement, ToggleGroupProps>(
+export const ToggleGroup = forwardRef<HTMLDivElement, ToggleGroupProps>(
   (
     {
       className,

package/src/toggle-group/index.ts

@@ -1,2 +1,2 @@
-export { default as ToggleGroup } from "./ToggleGroup";
-export { ToggleGroupProps } from "./ToggleGroup";
+export { default as ToggleGroup, ToggleGroupProps } from "./ToggleGroup";
+export { ToggleItemProps } from "./ToggleItem";

package/src/tooltip/Tooltip.tsx

@@ -71,7 +71,7 @@ export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
   keys?: string[];
 }
 
-const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(
+export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(
   (
     {
       children,

package/src/tooltip/index.ts

@@ -1,2 +1 @@
-export { default as Tooltip } from "./Tooltip";
-export * from "./Tooltip";
+export { default as Tooltip, TooltipProps } from "./Tooltip";

package/src/typography/BodyLong.tsx

@@ -19,7 +19,7 @@ export interface BodyLongProps
   spacing?: boolean;
 }
 
-const BodyLong: OverridableComponent<
+export const BodyLong: OverridableComponent<
   BodyLongProps,
   HTMLParagraphElement
 > = forwardRef(

package/src/typography/BodyShort.tsx

@@ -19,7 +19,7 @@ export interface BodyShortProps
   spacing?: boolean;
 }
 
-const BodyShort: OverridableComponent<
+export const BodyShort: OverridableComponent<
   BodyShortProps,
   HTMLParagraphElement
 > = forwardRef(

package/src/typography/Detail.tsx

@@ -19,7 +19,7 @@ export interface DetailProps
   spacing?: boolean;
 }
 
-const Detail: OverridableComponent<
+export const Detail: OverridableComponent<
   DetailProps,
   HTMLParagraphElement
 > = forwardRef(

package/src/typography/Heading.tsx

@@ -23,7 +23,7 @@ export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
   spacing?: boolean;
 }
 
-const Heading: OverridableComponent<
+export const Heading: OverridableComponent<
   HeadingProps,
   HTMLHeadingElement
 > = forwardRef(

package/src/typography/Ingress.tsx

@@ -14,7 +14,7 @@ export interface IngressProps
   spacing?: boolean;
 }
 
-const Ingress: OverridableComponent<
+export const Ingress: OverridableComponent<
   IngressProps,
   HTMLParagraphElement
 > = forwardRef(({ className, spacing, as: Component = "p", ...rest }, ref) => (

package/src/typography/Label.tsx

@@ -18,7 +18,7 @@ export interface LabelProps extends React.HTMLAttributes<HTMLParagraphElement> {
   spacing?: boolean;
 }
 
-const Label: OverridableComponent<
+export const Label: OverridableComponent<
   LabelProps,
   HTMLParagraphElement
 > = forwardRef(

package/src/typography/index.ts

@@ -1,6 +1,6 @@
-export { default as Heading } from "./Heading";
-export { default as Ingress } from "./Ingress";
-export { default as BodyLong } from "./BodyLong";
-export { default as BodyShort } from "./BodyShort";
-export { default as Detail } from "./Detail";
-export { default as Label } from "./Label";
+export { BodyLongProps, default as BodyLong } from "./BodyLong";
+export { BodyShortProps, default as BodyShort } from "./BodyShort";
+export { default as Detail, DetailProps } from "./Detail";
+export { default as Heading, HeadingProps } from "./Heading";
+export { default as Ingress, IngressProps } from "./Ingress";
+export { default as Label, LabelProps } from "./Label";