@canonical/react-components 1.2.5 → 1.3.1

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

@@ -1,10 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import Slider from "./Slider";
-declare const meta: Meta<typeof Slider>;
-export default meta;
-type Story = StoryObj<typeof Slider>;
-export declare const Default: Story;
-/**
- * You can also optionally provide a numeric representation of the slider value.
- */
-export declare const WithInput: Story;

package/dist/components/Slider/Slider.stories.js

@@ -1,74 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithInput = exports.Default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Slider = _interopRequireDefault(require("./Slider"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const Template = args => {
-  const [selectedValue, setSelectedValue] = (0, _react.useState)(50);
-  return /*#__PURE__*/_react.default.createElement(_Slider.default, _extends({}, args, {
-    onChange: e => setSelectedValue(Number(e.target.value)),
-    value: selectedValue
-  }));
-};
-const meta = {
-  component: _Slider.default,
-  render: Template,
-  tags: ["autodocs"],
-  argTypes: {
-    caution: {
-      control: {
-        type: "text"
-      }
-    },
-    error: {
-      control: {
-        type: "text"
-      }
-    },
-    help: {
-      control: {
-        type: "text"
-      }
-    },
-    label: {
-      control: {
-        type: "text"
-      }
-    }
-  }
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  render: Template.bind({}),
-  name: "Default",
-  args: {
-    disabled: false,
-    label: "Volume",
-    max: 100,
-    min: 0,
-    showInput: false
-  }
-};
-
-/**
- * You can also optionally provide a numeric representation of the slider value.
- */
-const WithInput = exports.WithInput = {
-  render: Template.bind({}),
-  name: "With input",
-  args: {
-    disabled: false,
-    inputDisabled: false,
-    label: "Volume",
-    max: 100,
-    min: 0,
-    showInput: true
-  }
-};

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

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

package/dist/components/Spinner/Spinner.stories.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Text = exports.Default = exports.Assertive = void 0;
-var _Spinner = _interopRequireDefault(require("./Spinner"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  component: _Spinner.default,
-  tags: ["autodocs"]
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  name: "Default"
-};
-const Text = exports.Text = {
-  name: "Text",
-  args: {
-    text: "Loading..."
-  }
-};
-const Assertive = exports.Assertive = {
-  name: "Assertive",
-  args: {
-    ariaLive: "assertive"
-  }
-};

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

@@ -1,10 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import StatusLabel from "./StatusLabel";
-declare const meta: Meta<typeof StatusLabel>;
-export default meta;
-type Story = StoryObj<typeof StatusLabel>;
-export declare const Default: Story;
-export declare const Positive: Story;
-export declare const Caution: Story;
-export declare const Negative: Story;
-export declare const Information: Story;

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/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/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/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/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;