@nypl/design-system-react-components 2.0.0 → 2.1.0-rc

package/lib/components/02-molecules/Cards/EditionCard.js

@@ -1,51 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/* MC-14 Edition Card */
-const React = __importStar(require("react"));
-const bem_1 = __importDefault(require("../../../utils/bem"));
-const Heading_1 = __importDefault(require("../../01-atoms/Text/Headings/Heading"));
-const Image_1 = __importDefault(require("../../01-atoms/Images/Image/Image"));
-const BasicLink_1 = __importDefault(require("../../01-atoms/Links/BasicLink"));
-/**
- * EditionCard component that renders information for an edition.
- */
-function EditionCard(props) {
-    const { id, blockName, modifiers = [], coverUrl, editionHeadingElement, editionInfo = [], readOnlineLink, downloadLink, noLinkElement = React.createElement(React.Fragment, null, "Unavailable to read online") } = props;
-    const baseClass = "edition-card";
-    const noLinksElem = React.createElement("div", { className: (bem_1.default("missing-links", [], baseClass)) }, noLinkElement);
-    const getElem = (link, text) => {
-        if (typeof link === "string") {
-            return React.createElement(BasicLink_1.default, { className: bem_1.default("card-info-link", [], baseClass), url: link }, text);
-        }
-        else {
-            return link;
-        }
-    };
-    const getButtonsElem = (readOnlineLink, downloadLink, baseClass) => React.createElement("div", { className: bem_1.default("card-ctas", [], baseClass) },
-        readOnlineLink &&
-            getElem(readOnlineLink, "Read Online"),
-        downloadLink &&
-            getElem(downloadLink, "Download"));
-    const btns = readOnlineLink || downloadLink ? getButtonsElem(readOnlineLink, downloadLink, baseClass) : noLinksElem;
-    return (React.createElement("div", { className: bem_1.default(baseClass, modifiers, blockName) },
-        React.createElement(Heading_1.default, { id: id, level: 3, blockName: blockName ? blockName : baseClass }, editionHeadingElement),
-        React.createElement("div", { className: bem_1.default("card-content", [], baseClass) },
-            React.createElement("div", { className: bem_1.default("card-image", [], baseClass) },
-                React.createElement(Image_1.default, { src: coverUrl, isDecorative: true })),
-            editionInfo.length > 0 &&
-                React.createElement("div", { className: bem_1.default("edition-info", [], baseClass) }, editionInfo.map((value, index) => {
-                    return React.createElement("span", { className: bem_1.default("edition-info-item", [], baseClass), key: index }, value);
-                })),
-            btns)));
-}
-exports.default = EditionCard;

package/lib/components/02-molecules/Cards/EditionCard.stories.d.ts

@@ -1,13 +0,0 @@
-import EditionCard from "./EditionCard";
-declare const _default: {
-    title: string;
-    component: typeof EditionCard;
-};
-export default _default;
-export declare const editionCardWithFullData: () => JSX.Element;
-export declare const editionCardWithOneLinks: () => JSX.Element;
-export declare const editionCardMissingLinks: () => JSX.Element;
-export declare const editionCardWithSomeEditionInfo: () => JSX.Element;
-export declare const editionCardWithComponentInfo: () => JSX.Element;
-export declare const editionCardWithEmptyEditionInfo: () => JSX.Element;
-export declare const editionCardWithAtypicalImageSize: () => JSX.Element;

package/lib/components/02-molecules/Cards/EditionCard.stories.js

@@ -1,26 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const bem_1 = __importDefault(require("../../../utils/bem"));
-const EditionCard_1 = __importDefault(require("./EditionCard"));
-exports.default = {
-    title: "Edition Card",
-    component: EditionCard_1.default
-};
-exports.editionCardWithFullData = () => React.createElement(EditionCard_1.default, { id: "card#1", blockName: "", coverUrl: "https://placeimg.com/300/400/arch", editionHeadingElement: React.createElement("a", { href: "edition-link", className: bem_1.default("link", [], "heading") }, "2004 Edition"), editionInfo: ["Published in New York by Random House", "Written in English", "Under Creative Commons License"], readOnlineLink: "#readOnlineUrl", downloadLink: "#downloadUrl" });
-exports.editionCardWithOneLinks = () => React.createElement(EditionCard_1.default, { id: "card#1", blockName: "", coverUrl: "https://placeimg.com/300/400/arch", editionHeadingElement: React.createElement("a", { href: "edition-link", className: bem_1.default("link", [], "heading") }, "2004 Edition"), editionInfo: ["Published in New York by Random House", "Written in English", "Under Creative Commons License"], readOnlineLink: "#readOnlineUrl" });
-exports.editionCardMissingLinks = () => React.createElement(EditionCard_1.default, { id: "card#1", blockName: "", coverUrl: "https://placeimg.com/300/400/arch", editionHeadingElement: React.createElement("a", { href: "edition-link", className: bem_1.default("link", [], "heading") }, "2004 Edition"), editionInfo: ["Published in New York by Random House", "Written in English", "Under Creative Commons License"] });
-exports.editionCardWithSomeEditionInfo = () => React.createElement(EditionCard_1.default, { id: "card#1", blockName: "", coverUrl: "https://placeimg.com/300/400/arch", editionHeadingElement: React.createElement("a", { href: "edition-link", className: bem_1.default("link", [], "heading") }, "2004 Edition"), editionInfo: ["Published in New York", "Under Creative Commons License"], readOnlineLink: "#readOnlineUrl", downloadLink: "#downloadUrl" });
-exports.editionCardWithComponentInfo = () => React.createElement(EditionCard_1.default, { id: "card#1", blockName: "", coverUrl: "https://placeimg.com/300/400/arch", editionHeadingElement: React.createElement("a", { href: "edition-link", className: bem_1.default("link", [], "heading") }, "2004 Edition"), editionInfo: [React.createElement("span", null, "Published in New York"), "Under Creative Commons License"], readOnlineLink: React.createElement("span", null, "Read Online"), downloadLink: "#downloadUrl" });
-exports.editionCardWithEmptyEditionInfo = () => React.createElement(EditionCard_1.default, { id: "card#1", blockName: "", coverUrl: "https://placeimg.com/300/400/arch", editionHeadingElement: React.createElement("a", { href: "edition-link", className: bem_1.default("link", [], "heading") }, "2004 Edition"), editionInfo: [], readOnlineLink: "#readOnlineUrl", downloadLink: "#downloadUrl" });
-exports.editionCardWithAtypicalImageSize = () => React.createElement(EditionCard_1.default, { id: "card#1", blockName: "", coverUrl: "https://placeimg.com/450/100/arch", editionHeadingElement: React.createElement("a", { href: "edition-link", className: bem_1.default("link", [], "heading") }, "2004 Edition"), editionInfo: ["Publish Place: New York", "Language: English", "License: Creative Commons"], readOnlineLink: "#readOnlineUrl", downloadLink: "#downloadUrl" });

package/lib/components/02-molecules/Cards/SearchResultItem.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-import { EditionDetails } from "./EditionCard";
-export interface SearchResultItemProps {
-    id: string;
-    resultIndex: number;
-    modifiers?: [];
-    blockName?: string;
-    headingContent: JSX.Element;
-    subtitleContent: JSX.Element;
-    authorLinkElement: JSX.Element;
-    editionInfo: EditionDetails;
-    editionsLinkElement: JSX.Element;
-}
-/**
- *  SearchResultItem component that displays information for a work on a search results page.
- */
-export default function SearchResultItem(props: React.PropsWithChildren<SearchResultItemProps>): JSX.Element;

package/lib/components/02-molecules/Cards/SearchResultItem.js

@@ -1,40 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/* MC-25 Search Results Item */
-const React = __importStar(require("react"));
-const bem_1 = __importDefault(require("../../../utils/bem"));
-const Heading_1 = __importDefault(require("../../01-atoms/Text/Headings/Heading"));
-const WithOneChild_1 = __importDefault(require("../../../helpers/hoc/WithOneChild"));
-const EditionCard_1 = __importDefault(require("./EditionCard"));
-/**
- *  SearchResultItem component that displays information for a work on a search results page.
- */
-function SearchResultItem(props) {
-    const { id, resultIndex, modifiers, blockName, headingContent, subtitleContent, authorLinkElement, editionInfo, editionsLinkElement } = props;
-    const baseClass = "search-result-item";
-    const HeadingContent = headingContent && WithOneChild_1.default(headingContent);
-    // TODO: Decide whether this needs to be in DS, and write/find utilities for us to count text within child components
-    // if (headingContent.innerText > 80) {
-    //   throw new Error("Section Title (h2) Text must be fewer than 80 characters");
-    // } else if (headingContent.textContent > 60) {
-    //   console.warn("Section Title (h2) Text should be fewer than 60 characters");
-    // }
-    return (React.createElement("div", { className: bem_1.default(baseClass, modifiers, blockName) },
-        React.createElement(Heading_1.default, { id: id, level: 2, blockName: blockName ? blockName : baseClass },
-            React.createElement(HeadingContent, null)),
-        React.createElement("div", { className: bem_1.default("subtitle", [], baseClass) }, subtitleContent),
-        React.createElement("div", { className: bem_1.default("author", [], baseClass) }, authorLinkElement),
-        React.createElement(EditionCard_1.default, { id: `card-${resultIndex}`, coverUrl: editionInfo.coverUrl, editionHeadingElement: editionInfo.editionYearHeading, editionInfo: [editionInfo.publisherAndLocation, editionInfo.language, editionInfo.license], readOnlineLink: editionInfo.readOnlineLink, downloadLink: editionInfo.downloadLink, noLinkElement: editionInfo.noLinkElement }),
-        React.createElement("div", { className: bem_1.default("all-editions", [], baseClass) }, editionsLinkElement)));
-}
-exports.default = SearchResultItem;

package/lib/components/02-molecules/Cards/SearchResultItem.stories.d.ts

@@ -1,8 +0,0 @@
-import SearchResultItem from "./SearchResultItem";
-declare const _default: {
-    title: string;
-    component: typeof SearchResultItem;
-};
-export default _default;
-export declare const searchResultItem: () => JSX.Element;
-export declare const searchResultItemNoSubtitle: () => JSX.Element;

package/lib/components/02-molecules/Cards/SearchResultItem.stories.js

@@ -1,31 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const SearchResultItem_1 = __importDefault(require("./SearchResultItem"));
-const UnderlineLink_1 = __importDefault(require("../../01-atoms/Links/UnderlineLink"));
-const bem_1 = __importDefault(require("../../../utils/bem"));
-exports.default = {
-    title: "Search Result Item",
-    component: SearchResultItem_1.default,
-};
-let exampleEditionInfo = {
-    "editionYearHeading": React.createElement("a", { href: "edition-link", className: bem_1.default("link", [], "heading") }, "2004 Edition"),
-    "publisherAndLocation": "Published in New York by Random House",
-    "coverUrl": "https://placeimg.com/57/81/arch",
-    "language": "Written in English",
-    "license": "Under Creative Commons License",
-    "readOnlineLink": "#read-online",
-    "downloadLink": "#download"
-};
-exports.searchResultItem = () => React.createElement(SearchResultItem_1.default, { id: "Result1", resultIndex: 1, headingContent: React.createElement("a", { href: "title-link-url", className: bem_1.default("link", ["no-underline"]) }, "Investigation of un-American propaganda activities in the United States. Hear..."), subtitleContent: React.createElement(React.Fragment, null, "\"Subtitle need max character count Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\""), authorLinkElement: React.createElement(UnderlineLink_1.default, { url: "author-url" }, "First Last"), editionInfo: exampleEditionInfo, editionsLinkElement: React.createElement(UnderlineLink_1.default, { url: "#allEditionsUrl" }, `View All 7 editions`) });
-exports.searchResultItemNoSubtitle = () => React.createElement(SearchResultItem_1.default, { id: "Result1", resultIndex: 1, headingContent: React.createElement("a", { href: "title-link-url", className: bem_1.default("link", ["no-underline"]) }, "Investigation of un-American propaganda activities in the United States. Hear..."), subtitleContent: React.createElement(React.Fragment, null), authorLinkElement: React.createElement(UnderlineLink_1.default, { url: "author-url" }, "First Last"), editionInfo: exampleEditionInfo, editionsLinkElement: React.createElement(UnderlineLink_1.default, { url: "#allEditionsUrl" }, `View All 7 editions`) });

package/lib/components/02-molecules/Dropdown/Dropdown.d.ts

@@ -1,21 +0,0 @@
-import * as React from "react";
-export interface DropdownProps {
-    dropdownId: string;
-    blockName?: string;
-    modifiers?: string[];
-    isRequired: boolean;
-    labelPosition: "top" | "left" | "none";
-    labelId?: string;
-    labelText?: string;
-    ariaLabel?: string;
-    helperContent?: JSX.Element;
-    helperContentId?: string;
-    hasError?: boolean;
-    errorContentId?: string;
-    errorContent?: JSX.Element;
-    dropdownOptions: string[];
-    selectedOption?: string;
-    onSelectChange: (event: React.FormEvent) => void;
-    onSelectBlur: (event: React.FormEvent) => void;
-}
-export default function Dropdown(props: DropdownProps): JSX.Element;

package/lib/components/02-molecules/Dropdown/Dropdown.js

@@ -1,55 +0,0 @@
-"use strict";
-/* MN-10: Pagination */
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const bem_1 = __importDefault(require("../../../utils/bem"));
-const FormDropdown_1 = __importDefault(require("../../01-atoms/Forms/FormDropdown"));
-const Label_1 = __importDefault(require("../../01-atoms/Forms/Label"));
-const HelperErrorText_1 = __importDefault(require("../../01-atoms/Forms/HelperErrorText"));
-function Dropdown(props) {
-    const { dropdownId, isRequired, blockName = "", modifiers = [], labelId, labelPosition, labelText, ariaLabel, helperContent, helperContentId, hasError, errorContent, errorContentId, dropdownOptions, selectedOption, onSelectChange, onSelectBlur } = props;
-    const baseClass = "dropdown";
-    if (!["left", "top", "none"].includes(labelPosition)) {
-        throw new Error(`prop labelPosition must be one of "left", "top", "none", but Dropdown was passed ${labelPosition}`);
-    }
-    if (labelPosition !== "none") {
-        if (!labelId || !labelText) {
-            throw new Error(`prop labelId and labelText must be passed into Dropdown when labelPosition is not "none".  (Got LabelPosition ${labelPosition})`);
-        }
-        modifiers.push("label-" + labelPosition);
-    }
-    else {
-        if (!ariaLabel) {
-            throw new Error(`prop ariaLabel must be passed into Dropdown when labelPosition is "none"`);
-        }
-    }
-    if (helperContent && !helperContentId) {
-        throw new Error(`prop helperText ${helperContent} is passed, but it is missing prop helperTextId`);
-    }
-    if (hasError && (!errorContent || !errorContentId)) {
-        throw new Error(`prop hasError is ${hasError}, but is missing props errorMessage (got ${errorContent}) and/or errorTextId (got ${errorContent})`);
-    }
-    return React.createElement("div", { className: bem_1.default(baseClass, modifiers, blockName) },
-        labelPosition !== "none" &&
-            React.createElement("div", { className: "label-container" },
-                React.createElement("div", { className: bem_1.default("label", [], baseClass) },
-                    React.createElement(Label_1.default, { referenceId: dropdownId, id: labelId }, labelText)),
-                isRequired && React.createElement("span", { className: bem_1.default("required-message", [], baseClass) }, "Required")),
-        React.createElement("div", { className: bem_1.default("select-area", [], baseClass) },
-            React.createElement("div", { className: bem_1.default("select", [], baseClass) },
-                React.createElement(FormDropdown_1.default, { dropdownId: dropdownId, labelId: labelPosition !== "none" ? labelId : undefined, isRequired: isRequired, ariaLabel: labelPosition === "none" ? ariaLabel : undefined, selectedOption: selectedOption, options: dropdownOptions, onSelectChange: onSelectChange, onSelectBlur: onSelectBlur })),
-            React.createElement("div", { className: bem_1.default("help-text", [], baseClass) },
-                helperContent && React.createElement(HelperErrorText_1.default, { id: helperContentId, isError: false }, helperContent),
-                hasError && React.createElement(HelperErrorText_1.default, { id: errorContentId, isError: true }, errorContent))));
-}
-exports.default = Dropdown;

package/lib/components/02-molecules/Dropdown/Dropdown.stories.d.ts

@@ -1,14 +0,0 @@
-import Dropdown from "./Dropdown";
-declare const _default: {
-    title: string;
-    component: typeof Dropdown;
-};
-export default _default;
-export declare const requiredField: () => JSX.Element;
-export declare const labelOnLeft: () => JSX.Element;
-export declare const noLabel: () => JSX.Element;
-export declare const requiredWithError: () => JSX.Element;
-export declare const labelLeftWithError: () => JSX.Element;
-export declare const noLabelWithError: () => JSX.Element;
-export declare const RNItemPerPage: () => JSX.Element;
-export declare const RNRelevance: () => JSX.Element;

package/lib/components/02-molecules/Dropdown/Dropdown.stories.js

@@ -1,33 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const Dropdown_1 = __importDefault(require("./Dropdown"));
-const addon_actions_1 = require("@storybook/addon-actions");
-exports.default = {
-    title: "Dropdown",
-    component: Dropdown_1.default,
-};
-exports.requiredField = () => React.createElement(Dropdown_1.default, { dropdownId: "dropdown", isRequired: true, labelPosition: "top", labelText: "Label", labelId: "label", helperContentId: "helper", helperContent: React.createElement("span", null,
-        "If you're unsure of your size, please see the ",
-        React.createElement("a", { href: "#sizing-chart" }, "sizing chart")), dropdownOptions: ["Option One", "Option Two", "Option Three"], onSelectChange: addon_actions_1.action("selectChanged"), onSelectBlur: addon_actions_1.action("selectBlur") });
-exports.labelOnLeft = () => React.createElement(Dropdown_1.default, { dropdownId: "dropdown", isRequired: false, labelPosition: "left", labelText: "Label", labelId: "label", helperContentId: "helper", helperContent: React.createElement("span", null,
-        "If you're unsure of your size, please see the ",
-        React.createElement("a", { href: "#sizing-chart" }, "sizing chart")), dropdownOptions: ["one", "two"], onSelectChange: addon_actions_1.action("selectChanged"), onSelectBlur: addon_actions_1.action("selectBlur") });
-exports.noLabel = () => React.createElement(Dropdown_1.default, { dropdownId: "dropdown", isRequired: false, labelPosition: "none", ariaLabel: "label", helperContentId: "helper", helperContent: React.createElement("span", null,
-        "If you're unsure of your size, please see the ",
-        React.createElement("a", { href: "#sizing-chart" }, "sizing chart")), dropdownOptions: ["one", "two", "three"], onSelectChange: addon_actions_1.action("selectChanged"), onSelectBlur: addon_actions_1.action("selectBlur") });
-exports.requiredWithError = () => React.createElement(Dropdown_1.default, { dropdownId: "dropdown", isRequired: true, labelPosition: "top", labelText: "Label", labelId: "label", hasError: true, errorContentId: "error", errorContent: React.createElement("span", null, "Error Message Lorem Ipsum"), dropdownOptions: ["one", "two", "three"], onSelectChange: addon_actions_1.action("selectChanged"), onSelectBlur: addon_actions_1.action("selectBlur") });
-exports.labelLeftWithError = () => React.createElement(Dropdown_1.default, { dropdownId: "dropdown", isRequired: false, labelPosition: "left", labelText: "Label", labelId: "label", hasError: true, errorContentId: "error", errorContent: React.createElement("span", null, "Error Message Lorem Ipsum"), dropdownOptions: ["one", "two", "three"], onSelectChange: addon_actions_1.action("selectChanged"), onSelectBlur: addon_actions_1.action("selectBlur") });
-exports.noLabelWithError = () => React.createElement(Dropdown_1.default, { dropdownId: "dropdown", isRequired: false, labelPosition: "none", ariaLabel: "label", hasError: true, errorContentId: "error", errorContent: React.createElement("span", null, "Error Message Lorem Ipsum"), dropdownOptions: ["one", "two", "three"], onSelectChange: addon_actions_1.action("selectChanged"), onSelectBlur: addon_actions_1.action("selectBlur") });
-exports.RNItemPerPage = () => React.createElement(Dropdown_1.default, { dropdownId: "dropdown", isRequired: false, labelPosition: "left", labelText: "Items Per Page", labelId: "nav-items-per-page", dropdownOptions: ["10", "20", "50", "100"], onSelectChange: addon_actions_1.action("selectChanged"), onSelectBlur: addon_actions_1.action("selectBlur") });
-exports.RNRelevance = () => React.createElement(Dropdown_1.default, { dropdownId: "dropdown", isRequired: false, labelPosition: "left", labelText: "Sort By", labelId: "nav-sort-by", dropdownOptions: ["Relevance", "Title A-Z", "Title Z-A", "Author A-Z", "Author Z-A", "Year Published (Old-New)", "Year Published (New-Old)"], onSelectChange: addon_actions_1.action("selectChanged"), onSelectBlur: addon_actions_1.action("selectBlur") });

package/lib/components/02-molecules/Headings/SectionTitle.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-export interface SectionTitleProps {
-    id: string;
-    modifiers?: [];
-    blockName?: string;
-    headingText: string;
-    headingAttributes?: {};
-    headingModifiers?: string[];
-    linkUrl?: string;
-    linkAttributes?: {};
-    linkModifiers?: string[];
-    linkBlockname?: string;
-}
-export default class SectionTitle extends React.Component<SectionTitleProps, {}> {
-    constructor(props: SectionTitleProps);
-    render(): JSX.Element;
-}

package/lib/components/02-molecules/Headings/SectionTitle.js

@@ -1,42 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-// MT-82
-const React = __importStar(require("react"));
-const bem_1 = __importDefault(require("../../../utils/bem"));
-const IconLink_1 = __importDefault(require("../../01-atoms/Links/IconLink"));
-const Heading_1 = __importDefault(require("../../01-atoms/Text/Headings/Heading"));
-class SectionTitle extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        const { id, modifiers, blockName, headingText, headingAttributes, linkUrl, linkAttributes, linkModifiers } = this.props;
-        const baseClass = "heading-section";
-        if (headingText.length > 80) {
-            throw new Error("Section Title (h2) Text must be fewer than 80 characters");
-        }
-        else if (headingText.length > 60) {
-            console.warn("Section Title (h2) Text should be fewer than 60 characters");
-        }
-        let link;
-        if (linkUrl) {
-            let passedInAttributes = Object.assign({ "aria-describedby": id }, linkAttributes);
-            link = React.createElement(IconLink_1.default, { url: linkUrl, blockName: baseClass, attributes: passedInAttributes, modifiers: linkModifiers, iconPosition: "right", iconModifiers: ["right"] }, "See All");
-        }
-        let headingModifiers = linkUrl ? ["has-link"] : [];
-        return (React.createElement("div", { className: bem_1.default(baseClass, modifiers, blockName) },
-            React.createElement(Heading_1.default, { id: id, level: 2, text: headingText, blockName: blockName ? blockName : baseClass, modifiers: headingModifiers, attributes: headingAttributes }),
-            link));
-    }
-}
-exports.default = SectionTitle;

package/lib/components/02-molecules/Headings/SectionTitle.stories.d.ts

@@ -1,8 +0,0 @@
-import SectionTitle from "./SectionTitle";
-declare const _default: {
-    title: string;
-    component: typeof SectionTitle;
-};
-export default _default;
-export declare const headingsWithLinks: () => JSX.Element;
-export declare const headingNoLink: () => JSX.Element;

package/lib/components/02-molecules/Headings/SectionTitle.stories.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const SectionTitle_1 = __importDefault(require("./SectionTitle"));
-exports.default = {
-    title: "Section Title",
-    component: SectionTitle_1.default
-};
-exports.headingsWithLinks = () => React.createElement(SectionTitle_1.default, { id: "section-title-with-link", headingText: "Heading 2", linkUrl: "#heading2" });
-exports.headingNoLink = () => React.createElement(SectionTitle_1.default, { id: "section-title-without-link", headingText: "Heading 2" });

package/lib/components/02-molecules/Menus/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,14 +0,0 @@
-import * as React from "react";
-declare type breadcrumb = {
-    url: string;
-    text: string;
-};
-export interface BreadcrumbProps {
-    breadcrumbs: breadcrumb[] | JSX.Element[];
-}
-export default class Breadcrumbs extends React.Component<BreadcrumbProps, {}> {
-    static defaultProps: {};
-    constructor(props: BreadcrumbProps);
-    render(): JSX.Element;
-}
-export {};

package/lib/components/02-molecules/Menus/Breadcrumbs/Breadcrumbs.js

@@ -1,51 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const bem_1 = __importDefault(require("../../../../utils/bem"));
-const Icon_1 = __importDefault(require("../../../01-atoms/Images/Icons/Icon"));
-function isTextBreadcrumb(obj) {
-    return typeof (obj.url) === "string";
-}
-class Breadcrumbs extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        const { breadcrumbs } = this.props;
-        let breadcrumbs__base_class = "breadcrumbs";
-        let breadcrumbItems = [];
-        if (!breadcrumbs || breadcrumbs.length === 0) {
-            throw new Error("Breadcrumbs must contain a set of links. Breadcrumbs currently empty");
-        }
-        breadcrumbs.forEach((item, index) => {
-            let last = index === breadcrumbs.length - 1;
-            let linkComponent;
-            if (isTextBreadcrumb(item)) {
-                linkComponent = item.url ? React.createElement("a", { href: item.url, className: bem_1.default("link", [], breadcrumbs__base_class) }, item.text) : item.text;
-            }
-            else {
-                let props = {
-                    className: bem_1.default("link", [], breadcrumbs__base_class)
-                };
-                linkComponent = React.createElement(item.type, Object.assign(Object.assign({}, props), item.props), item.props.children);
-            }
-            breadcrumbItems.push(React.createElement("li", { key: `${breadcrumbs__base_class}-${index}`, className: bem_1.default("item", [], breadcrumbs__base_class) },
-                last && React.createElement(Icon_1.default, { name: "arrow-xsmall", blockName: breadcrumbs__base_class, modifiers: ["small"], decorative: true }),
-                linkComponent));
-        });
-        return (React.createElement("nav", { className: bem_1.default(breadcrumbs__base_class), role: "navigation", "aria-label": "Breadcrumbs" },
-            React.createElement("ul", { className: bem_1.default("list", [], breadcrumbs__base_class) }, breadcrumbItems)));
-    }
-}
-exports.default = Breadcrumbs;
-Breadcrumbs.defaultProps = {};

package/lib/components/02-molecules/Menus/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -1,8 +0,0 @@
-import Breadcrumbs from "./Breadcrumbs";
-declare const _default: {
-    title: string;
-    component: typeof Breadcrumbs;
-};
-export default _default;
-export declare const shortBreadcrumbs: () => JSX.Element;
-export declare const longBreadcrumbs: () => JSX.Element;

package/lib/components/02-molecules/Menus/Breadcrumbs/Breadcrumbs.stories.js

@@ -1,30 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const Breadcrumbs_1 = __importDefault(require("./Breadcrumbs"));
-exports.default = {
-    title: "Breadcrumb",
-    component: Breadcrumbs_1.default,
-};
-const shortItems = [
-    { url: "#", text: "Parent" },
-    { url: "#", text: "Home" }
-];
-const longItems = [
-    { url: "#", text: "Parent" },
-    { url: "#", text: "Home" },
-    { url: "#", text: "Roast Half And Half Pumpkin Spice Siphon Aroma Ristretto Cinnamon Saucer" },
-    { url: "#", text: "Roast Half And Half Pumpkin Spice Siphon Aroma Ristretto Cinnamon Saucer" }
-];
-exports.shortBreadcrumbs = () => React.createElement(Breadcrumbs_1.default, { breadcrumbs: shortItems });
-exports.longBreadcrumbs = () => React.createElement(Breadcrumbs_1.default, { breadcrumbs: longItems });

package/lib/components/02-molecules/Menus/Pagination/Pagination.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-export interface PaginationProps {
-    paginationDropdownOptions: string[];
-    previousPageHandler: (event: React.MouseEvent) => void;
-    nextPageHandler: (event: React.MouseEvent) => void;
-    currentValue: string;
-    onSelectChange: (event: React.MouseEvent) => void;
-    onSelectBlur: (event: React.MouseEvent) => void;
-}
-/** Pagination */
-export default function Pagination(props: PaginationProps): JSX.Element;

package/lib/components/02-molecules/Menus/Pagination/Pagination.js

@@ -1,57 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const bem_1 = __importDefault(require("../../../../utils/bem"));
-const Button_1 = __importDefault(require("../../../01-atoms/Button/Button"));
-const Dropdown_1 = __importDefault(require("../../../02-molecules/Dropdown/Dropdown"));
-const ButtonTypes_1 = require("../../../01-atoms/Button/ButtonTypes");
-/** Pagination */
-function Pagination(props) {
-    const { paginationDropdownOptions, currentValue, previousPageHandler, nextPageHandler, onSelectChange, onSelectBlur } = props;
-    const pagination__base_class = "pagination";
-    let buttonPrevOpts = {
-        id: "pagination-previous",
-        callback: previousPageHandler,
-        content: React.createElement(React.Fragment, null, "Previous"),
-        buttonType: ButtonTypes_1.ButtonTypes.Outline,
-        iconPosition: ButtonTypes_1.ButtonIconPositions.Left,
-        iconName: "arrow-xsmall",
-        iconModifiers: ["left"],
-        iconDecorative: true,
-    };
-    let buttonNextOpts = {
-        id: "pagination-next",
-        callback: nextPageHandler,
-        content: React.createElement(React.Fragment, null, "Next"),
-        buttonType: ButtonTypes_1.ButtonTypes.Outline,
-        iconPosition: ButtonTypes_1.ButtonIconPositions.Right,
-        iconName: "arrow-xsmall",
-        iconModifiers: ["right"],
-        iconDecorative: true,
-    };
-    let dropdownProps = {
-        dropdownId: "pagination-dropdown",
-        isRequired: false,
-        labelId: "pagination-select-label",
-        labelText: "Page",
-        dropdownOptions: paginationDropdownOptions,
-        selectedOption: currentValue,
-        onSelectChange: onSelectChange,
-        onSelectBlur: onSelectBlur
-    };
-    return (React.createElement("nav", { "aria-label": "Pagination", className: bem_1.default(pagination__base_class) },
-        React.createElement(Button_1.default, Object.assign({ callback: buttonPrevOpts.callback }, buttonPrevOpts), buttonPrevOpts.content),
-        React.createElement(Dropdown_1.default, Object.assign({ blockName: pagination__base_class, labelPosition: "left" }, dropdownProps)),
-        React.createElement(Button_1.default, Object.assign({ callback: buttonNextOpts.callback }, buttonNextOpts), buttonNextOpts.content)));
-}
-exports.default = Pagination;

package/lib/components/02-molecules/Menus/Pagination/Pagination.stories.d.ts

@@ -1,7 +0,0 @@
-import Pagination from "./Pagination";
-declare const _default: {
-    title: string;
-    component: typeof Pagination;
-};
-export default _default;
-export declare const pagination: () => JSX.Element;