@canonical/react-components 1.2.4 → 1.3.0

package/dist/components/StatusLabel/StatusLabel.stories.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Positive = exports.Negative = exports.Information = exports.Default = exports.Caution = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _StatusLabel = _interopRequireWildcard(require("./StatusLabel"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  component: _StatusLabel.default,
-  tags: ["autodocs"],
-  argTypes: {
-    children: {
-      control: {
-        type: "text"
-      }
-    },
-    appearance: {
-      control: {
-        options: _StatusLabel.StatusLabelAppearance,
-        type: "select"
-      }
-    }
-  },
-  args: {
-    children: "Label",
-    appearance: _StatusLabel.StatusLabelAppearance.POSITIVE
-  }
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  render: () => /*#__PURE__*/_react.default.createElement(_StatusLabel.default, null, "Default"),
-  name: "Default"
-};
-const Positive = exports.Positive = {
-  render: () => /*#__PURE__*/_react.default.createElement(_StatusLabel.default, {
-    appearance: "positive"
-  }, "Positive"),
-  name: "Positive"
-};
-const Caution = exports.Caution = {
-  render: () => /*#__PURE__*/_react.default.createElement(_StatusLabel.default, {
-    appearance: "caution"
-  }, "Caution"),
-  name: "Caution"
-};
-const Negative = exports.Negative = {
-  render: () => /*#__PURE__*/_react.default.createElement(_StatusLabel.default, {
-    appearance: "negative"
-  }, "Negative"),
-  name: "Negative"
-};
-const Information = exports.Information = {
-  render: () => /*#__PURE__*/_react.default.createElement(_StatusLabel.default, {
-    appearance: "information"
-  }, "Information"),
-  name: "Information"
-};

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

@@ -1,2 +0,0 @@
-export { default, StatusLabelAppearance } from "./StatusLabel";
-export type { Props as StatusLabelProps } from "./StatusLabel";

package/dist/components/Strip/Strip.d.ts

@@ -1,64 +0,0 @@
-import type { ElementType, HTMLProps, ReactNode } from "react";
-import type { ColSize } from "../Col/Col";
-import type { ClassName, PropsWithSpread } from "../../types";
-export type Props = PropsWithSpread<{
-    /**
-     * The content of the strip.
-     */
-    children: ReactNode;
-    /**
-     * A background images for the strip.
-     */
-    background?: string;
-    /**
-     * Whether the strip should display borders.
-     */
-    bordered?: boolean;
-    /**
-     * Optional classes for the strip.
-     */
-    className?: ClassName;
-    /**
-     * The width of the column if `includeCol` has been set.
-     */
-    colSize?: ColSize;
-    /**
-     * Whether the strip should be dark.
-     */
-    dark?: boolean;
-    /**
-     * Whether the strip should be deep.
-     */
-    deep?: boolean;
-    /**
-     * The base HTML element of the strip.
-     */
-    element?: ElementType;
-    /**
-     * Whether the strip should wrap the content in a column.
-     */
-    includeCol?: boolean;
-    /**
-     * Whether the strip should be light.
-     */
-    light?: boolean;
-    /**
-     * Optional classes to apply to the row.
-     */
-    rowClassName?: string;
-    /**
-     * Whether the strip should be shallow.
-     */
-    shallow?: boolean;
-    /**
-     * The type of the strip (e.g. "accent" or "image").
-     */
-    type?: string;
-}, HTMLProps<HTMLElement>>;
-/**
- * This is a [React](https://reactjs.org/) component for the Vanilla [Strip](https://docs.vanillaframework.io/patterns/strip/).
- *
- * The strip pattern provides a full width strip container in which to wrap a row.
- */
-declare const Strip: ({ background, bordered, children, className, colSize, dark, deep, includeCol, element: Component, light, rowClassName, shallow, type, ...props }: Props) => JSX.Element;
-export default Strip;

package/dist/components/Strip/Strip.stories.d.ts

@@ -1,12 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import Strip from "./Strip";
-declare const meta: Meta<typeof Strip>;
-export default meta;
-type Story = StoryObj<typeof Strip>;
-export declare const LightStrip: Story;
-export declare const DarkStrip: Story;
-export declare const AccentStrip: Story;
-export declare const ImageStrip: Story;
-export declare const BorderedStrip: Story;
-export declare const DeepStrip: Story;
-export declare const ShallowStrip: Story;

package/dist/components/Strip/Strip.stories.js

@@ -1,130 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ShallowStrip = exports.LightStrip = exports.ImageStrip = exports.DeepStrip = exports.DarkStrip = exports.BorderedStrip = exports.AccentStrip = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Col = _interopRequireDefault(require("../Col"));
-var _Row = _interopRequireDefault(require("../Row"));
-var _Strip = _interopRequireDefault(require("./Strip"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  component: _Strip.default,
-  tags: ["autodocs"],
-  argTypes: {
-    children: {
-      control: {
-        disable: true
-      }
-    }
-  }
-};
-var _default = exports.default = meta;
-const LightStrip = exports.LightStrip = {
-  name: "Light strip",
-  args: {
-    type: "light",
-    children: /*#__PURE__*/_react.default.createElement("p", null, "This is a light row")
-  }
-};
-const DarkStrip = exports.DarkStrip = {
-  render: () => /*#__PURE__*/_react.default.createElement(_Strip.default, {
-    type: "dark"
-  }, /*#__PURE__*/_react.default.createElement("p", null, "This is a dark row")),
-  name: "Dark strip"
-};
-const AccentStrip = exports.AccentStrip = {
-  render: () => /*#__PURE__*/_react.default.createElement(_Strip.default, {
-    type: "accent",
-    element: "section",
-    includeCol: false
-  }, /*#__PURE__*/_react.default.createElement(_Col.default, {
-    size: 8
-  }, /*#__PURE__*/_react.default.createElement("h1", null, "Still running Ubuntu 14.04 LTS?"), /*#__PURE__*/_react.default.createElement("p", null, "Learn how to maintain ongoing security compliance for your Ubuntu 14.04 LTS systems.")), /*#__PURE__*/_react.default.createElement(_Col.default, {
-    size: 4
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: "https://assets.ubuntu.com/v1/2217d1c8-Security.svg",
-    alt: "Placeholder"
-  }))),
-  name: "Accent strip"
-};
-const ImageStrip = exports.ImageStrip = {
-  render: () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Strip.default, {
-    background: "https://assets.ubuntu.com/sites/ubuntu/latest/u/img/backgrounds/image-background-paper.png",
-    includeCol: false,
-    element: "section",
-    light: true,
-    rowClassName: "u-vertically-center",
-    type: "image"
-  }, /*#__PURE__*/_react.default.createElement(_Col.default, {
-    size: 8
-  }, /*#__PURE__*/_react.default.createElement("h1", null, "Get started with big software, fast"), /*#__PURE__*/_react.default.createElement("p", null, "conjure-up lets you summon up a big-software stack as a \u201Cspell\u201D \u2014 a model of the stack, combined with extra know-how to get you from an installed stack to a fully usable one. Start using your big software instead of learning how to deploy it.")), /*#__PURE__*/_react.default.createElement(_Col.default, {
-    size: 4,
-    className: "u-hide--small u-align--center"
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: "https://assets.ubuntu.com/v1/1abb8716-conjure-up-illustration.svg",
-    alt: "Placeholder"
-  }))), /*#__PURE__*/_react.default.createElement(_Strip.default, {
-    background: "https://assets.ubuntu.com/v1/9b68976e-Aubergine_suru_background_2.png",
-    dark: true,
-    includeCol: false,
-    element: "section",
-    type: "image"
-  }, /*#__PURE__*/_react.default.createElement(_Row.default, {
-    className: "u-vertically-center"
-  }, /*#__PURE__*/_react.default.createElement(_Col.default, {
-    size: 8
-  }, /*#__PURE__*/_react.default.createElement("h1", null, "We are Canonical"), /*#__PURE__*/_react.default.createElement("p", null, "It is our mission to make open source software available to people everywhere. We believe the best way to fuel innovation is to give the innovators the technology they need.")), /*#__PURE__*/_react.default.createElement(_Col.default, {
-    size: 4,
-    className: "u-hide--small u-align--center"
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: "https://assets.ubuntu.com/v1/9c74eb2d-logo-canonical-white.svg",
-    alt: "Placeholder"
-  }))))),
-  name: "Image strip"
-};
-const BorderedStrip = exports.BorderedStrip = {
-  render: () => /*#__PURE__*/_react.default.createElement(_Strip.default, {
-    bordered: true,
-    colSize: 8,
-    element: "section"
-  }, /*#__PURE__*/_react.default.createElement("h2", null, "The node lifecycle"), /*#__PURE__*/_react.default.createElement("p", null, "Each machine (\u201Cnode\u201D) managed by MAAS goes through a lifecycle \u2014 from its enlistment or onboarding to MAAS, through commissioning when we inventory and can setup firmware or other hardware-specific elements, then allocation to a user and deployment, and finally they are released back to the pool or retired altogether.")),
-  name: "Bordered strip"
-};
-const DeepStrip = exports.DeepStrip = {
-  render: () => /*#__PURE__*/_react.default.createElement(_Strip.default, {
-    deep: true,
-    includeCol: false,
-    element: "section",
-    type: "light",
-    rowClassName: "u-vertically-center"
-  }, /*#__PURE__*/_react.default.createElement(_Col.default, {
-    size: 8
-  }, /*#__PURE__*/_react.default.createElement("h2", null, "The fastest way to go from development to production in IoT"), /*#__PURE__*/_react.default.createElement("p", null, "Learn about how Ubuntu Core and snaps can help you build your connected devices.")), /*#__PURE__*/_react.default.createElement(_Col.default, {
-    size: 4,
-    className: "u-hide--small u-align--center"
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: "https://assets.ubuntu.com/v1/808a4e5b-iot.png?h=300",
-    alt: "Placeholder"
-  }))),
-  name: "Deep strip"
-};
-const ShallowStrip = exports.ShallowStrip = {
-  render: () => /*#__PURE__*/_react.default.createElement(_Strip.default, {
-    shallow: true,
-    includeCol: false,
-    element: "section",
-    type: "light",
-    rowClassName: "u-vertically-center"
-  }, /*#__PURE__*/_react.default.createElement(_Col.default, {
-    size: 8
-  }, /*#__PURE__*/_react.default.createElement("h2", null, "The fastest way to go from development to production in IoT"), /*#__PURE__*/_react.default.createElement("p", null, "Learn about how Ubuntu Core and snaps can help you build your connected devices.")), /*#__PURE__*/_react.default.createElement(_Col.default, {
-    size: 4,
-    className: "u-hide--small u-align--center"
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: "https://assets.ubuntu.com/v1/808a4e5b-iot.png?h=300",
-    alt: "Placeholder"
-  }))),
-  name: "Shallow strip"
-};

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

@@ -1,2 +0,0 @@
-export { default } from "./Strip";
-export type { Props as StripProps } from "./Strip";

package/dist/components/SummaryButton/SummaryButton.d.ts

@@ -1,29 +0,0 @@
-import type { MouseEventHandler } from "react";
-import type { ClassName } from "../../types";
-export type Props = {
-    /**
-     * Optional class(es) to pass to the wrapping element.
-     */
-    className?: ClassName;
-    /**
-     * Whether the summary button is loading.
-     */
-    isLoading?: boolean;
-    /**
-     * The label of the summary button.
-     */
-    label: string;
-    /**
-     * Function to handle clicking the summary button.
-     */
-    onClick: MouseEventHandler<HTMLButtonElement>;
-    /**
-     * The summary content.
-     */
-    summary?: string;
-};
-/**
- * `SummaryButton` is a component to render a short summary with an action button. It's initial use case is a summary of table contents with action to load more items.
- */
-declare const SummaryButton: ({ className, isLoading, summary, label, onClick, }: Props) => JSX.Element;
-export default SummaryButton;

package/dist/components/SummaryButton/SummaryButton.stories.d.ts

@@ -1,18 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import SummaryButton from "./SummaryButton";
-declare const meta: Meta<typeof SummaryButton>;
-export default meta;
-type Story = StoryObj<typeof SummaryButton>;
-export declare const Default: Story;
-/**
- * Summary text is optional.
- */
-export declare const ActionOnly: Story;
-/**
- * Action is optional as well. When `onClick` prop is not provided component will render just the summary text.
- */
-export declare const SummaryOnly: Story;
-/**
- * When data is loaded asynchronusly `isLoading` prop should be set to `true` to shows a spinner animation in place of the action button.
- */
-export declare const Loading: Story;

package/dist/components/SummaryButton/SummaryButton.stories.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SummaryOnly = exports.Loading = exports.Default = exports.ActionOnly = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _SummaryButton = _interopRequireDefault(require("./SummaryButton"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const doNothing = () => {};
-const meta = {
-  component: _SummaryButton.default,
-  tags: ["autodocs"]
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  render: () => /*#__PURE__*/_react.default.createElement(_SummaryButton.default, {
-    summary: "Showing 15 out of 100 items.",
-    label: "Show more",
-    onClick: doNothing
-  }),
-  name: "Default"
-};
-
-/**
- * Summary text is optional.
- */
-const ActionOnly = exports.ActionOnly = {
-  render: () => /*#__PURE__*/_react.default.createElement(_SummaryButton.default, {
-    label: "Show more items",
-    onClick: doNothing
-  }),
-  name: "Action only"
-};
-
-/**
- * Action is optional as well. When `onClick` prop is not provided component will render just the summary text.
- */
-const SummaryOnly = exports.SummaryOnly = {
-  render: () => /*#__PURE__*/_react.default.createElement(_SummaryButton.default, {
-    summary: "Showing 100 out of 100 items.",
-    label: "Show more items",
-    onClick: doNothing
-  }),
-  name: "Summary only"
-};
-
-/**
- * When data is loaded asynchronusly `isLoading` prop should be set to `true` to shows a spinner animation in place of the action button.
- */
-const Loading = exports.Loading = {
-  render: () => /*#__PURE__*/_react.default.createElement(_SummaryButton.default, {
-    summary: "Showing 15 out of 100 items.",
-    label: "Show more",
-    isLoading: true,
-    onClick: doNothing
-  }),
-  name: "Loading"
-};

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

@@ -1,2 +0,0 @@
-export { default } from "./SummaryButton";
-export type { Props as SummaryButtonProps } from "./SummaryButton";

package/dist/components/Switch/Switch.d.ts

@@ -1,17 +0,0 @@
-import type { HTMLProps, ReactNode } from "react";
-import type { PropsWithSpread } from "../../types";
-export type Props = PropsWithSpread<{
-    /**
-     * The label name for the switch
-     */
-    label: ReactNode;
-    /**
-     * Whether the switch is disabled or not
-     */
-    disabled?: boolean;
-}, HTMLProps<HTMLInputElement>>;
-/**
- * This is a [React](https://reactjs.org/) component for the Vanilla [Switch](https://vanillaframework.io/docs/patterns/switch) component.
- */
-export declare const Switch: ({ label, disabled, ...inputProps }: Props) => JSX.Element;
-export default Switch;

package/dist/components/Switch/Switch.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import Switch from "./Switch";
-declare const meta: Meta<typeof Switch>;
-export default meta;
-type Story = StoryObj<typeof Switch>;
-export declare const Default: Story;
-export declare const Disabled: Story;

package/dist/components/Switch/Switch.stories.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Disabled = exports.Default = void 0;
-var _Switch = _interopRequireDefault(require("./Switch"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  component: _Switch.default,
-  tags: ["autodocs"]
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  name: "Default",
-  args: {
-    label: "Switch"
-  }
-};
-const Disabled = exports.Disabled = {
-  name: "Disabled",
-  args: {
-    disabled: true,
-    label: "Disabled switch"
-  }
-};

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

@@ -1,2 +0,0 @@
-export { default } from "./Switch";
-export type { Props as SwitchProps } from "./Switch";

package/dist/components/Table/Table.d.ts

@@ -1,22 +0,0 @@
-import { HTMLProps, ReactNode } from "react";
-import type { ClassName, PropsWithSpread } from "../../types";
-export type Props = PropsWithSpread<{
-    /**
-     * The content of the table.
-     */
-    children?: ReactNode;
-    /**
-     * Optional class(es) to pass to the wrapping table element.
-     */
-    className?: ClassName;
-    /**
-     * Whether the table can expand hidden cells.
-     */
-    expanding?: boolean;
-    /**
-     * Whether the table should show card styling on smaller screens.
-     */
-    responsive?: boolean;
-}, HTMLProps<HTMLTableElement>>;
-declare const Table: ({ children, className, expanding, responsive, ...props }: Props) => JSX.Element;
-export default Table;

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

@@ -1,2 +0,0 @@
-export { default } from "./Table";
-export type { Props as TableProps } from "./Table";

package/dist/components/TableCell/TableCell.d.ts

@@ -1,26 +0,0 @@
-import { HTMLProps, ReactNode } from "react";
-import type { ClassName, PropsWithSpread } from "../../types";
-export type Props = PropsWithSpread<{
-    /**
-     * The content of the table cell.
-     */
-    children?: ReactNode;
-    /**
-     * Optional class(es) to pass to the wrapping td element.
-     */
-    className?: ClassName;
-    /**
-     * Whether the cell is an expanded cell.
-     */
-    expanding?: boolean;
-    /**
-     * Whether content of the cell should be able to overflow, e.g. a dropdown.
-     */
-    hasOverflow?: boolean;
-    /**
-     * Whether the cell is currently hidden.
-     */
-    hidden?: boolean;
-}, HTMLProps<HTMLTableCellElement>>;
-declare const TableCell: ({ children, className, hasOverflow, expanding, hidden, role, ...props }: Props) => JSX.Element;
-export default TableCell;

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

@@ -1,2 +0,0 @@
-export { default } from "./TableCell";
-export type { Props as TableCellProps } from "./TableCell";

package/dist/components/TableHeader/TableHeader.d.ts

@@ -1,14 +0,0 @@
-import { HTMLProps, ReactNode } from "react";
-import { PropsWithSpread, SortDirection } from "../../types";
-export type Props = PropsWithSpread<{
-    /**
-     * The content of the table header.
-     */
-    children?: ReactNode;
-    /**
-     * The direction of sorting, if applicable.
-     */
-    sort?: SortDirection;
-}, HTMLProps<HTMLTableHeaderCellElement>>;
-declare const TableHeader: ({ children, sort, ...props }: Props) => JSX.Element;
-export default TableHeader;

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

@@ -1,2 +0,0 @@
-export { default } from "./TableHeader";
-export type { Props as TableHeaderProps } from "./TableHeader";

package/dist/components/TablePagination/TablePagination.d.ts

@@ -1,98 +0,0 @@
-import React, { HTMLAttributes, PropsWithChildren, ReactNode } from "react";
-import "./TablePagination.scss";
-export type BasePaginationProps = {
-    /**
-     * list of data elements to be paginated. This component is un-opinionated about
-     * the structure of the data but it should be identical to the data structure
-     * required by the child table component
-     */
-    data: unknown[];
-    /**
-     * prop name of the child table component that receives paginated data.
-     * default value is set to `rows`, which is the data prop for the `MainTable` component
-     */
-    dataForwardProp?: string;
-    /**
-     * the name of the item associated to each row within the table.
-     */
-    itemName?: string;
-    /**
-     * custom styling for the pagination container
-     */
-    className?: string;
-    /**
-     * custom description to be displayed by the pagination
-     */
-    description?: ReactNode;
-    /**
-     * custom per page limits express as an array of numbers.
-     */
-    pageLimits?: number[];
-    /**
-     * place the pagination component above or below the table?
-     */
-    position?: "above" | "below";
-};
-export type ExternalControlProps = BasePaginationProps & {
-    /**
-     * Whether the component will be controlled via external state.
-     */
-    externallyControlled?: true;
-    /**
-     * the total number of items available within the data. This prop is only relevant
-     * and will be required if `externallyControlled` is set to `true`.
-     */
-    totalItems: number;
-    /**
-     * the current page that's showing. This prop is only relevant and will be required
-     * if `externallyControlled` is set to `true`.
-     */
-    currentPage: number;
-    /**
-     * size per page. This prop is only relevant and will be required if
-     * `externallyControlled` is set to `true`.
-     */
-    pageSize: number;
-    /**
-     * callback indicating a page change event to the parent component.
-     * This prop is only relevant and will be required if `externallyControlled` is set
-     * to `true`.
-     */
-    onPageChange: (page: number) => void;
-    /**
-     * callback indicating a page size change event to the parent component.
-     * This prop is only relevant and will be required if `externallyControlled` is set
-     * to `true`.
-     */
-    onPageSizeChange: (pageSize: number) => void;
-};
-export type InternalControlProps = BasePaginationProps & {
-    /**
-     * Whether the component will be controlled via external state.
-     */
-    externallyControlled?: false;
-};
-export type Props = PropsWithChildren<ExternalControlProps | InternalControlProps> & HTMLAttributes<HTMLDivElement>;
-/**
-This is an HOC [React](https://reactjs.org/) component for applying pagination to direct children components. This component is un-opinionated about
-the structure of the input data and can be used with any child component that displays a list of data. However, the styling and behaviour of this component were designed
-to work nicely with the `MainTable` component. To use this component, simply wrap a child component with it and provide the data that you want
-to paginate to the `data` prop. This component will then pass the paged data to all <b>direct</b> child components via a child prop specified by `dataForwardProp`.
-The component may be externally controlled, see following sections for detailed explanation.
-
-#### Externally controlled pagination
-
-For externally controlled mode, you will be responsible for the pagination logic and therefore the component will be purely presentational.
-The pagination behaviour is controlled outside of this component. Note the data injection to child components is essentially a passthrough in this case.
-To enable externally controlled mode for this component, set the `externallyControlled` prop to `true`. From there, it is your responsibility
-to ensure that the following props `totalItems`, `currentPage`, `pageSize`, `onPageChange` and `onPageSizeChange` are set properly.
-You can refer to the props table below on how to set these props.
-
-#### Un-controlled pagination
-
-In this mode, the component assumes that the input data is not paginated. The component will implement the pagination logic and apply it to the input data
-then inject the paged data into direct child components. This is the default mode of operations for the component where `externallyControlled` prop is set
-to `false`.
- */
-declare const TablePagination: (props: Props) => React.JSX.Element;
-export default TablePagination;

package/dist/components/TablePagination/TablePagination.stories.d.ts

@@ -1,14 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import TablePagination from "./TablePagination";
-declare const meta: Meta<typeof TablePagination>;
-export default meta;
-type Story = StoryObj<typeof TablePagination>;
-export declare const Default: Story;
-export declare const CustomPageLimit: Story;
-export declare const CustomDisplayTitle: Story;
-export declare const RenderAbove: Story;
-export declare const RenderBelow: Story;
-/** The table pagination controls can be used without wrapping MainTable by
- * using the `TablePaginationControls` component.
- */
-export declare const ControlsOnly: Story;