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

package/lib/components/02-molecules/Menus/Pagination/Pagination.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 addon_actions_1 = require("@storybook/addon-actions");
-const Pagination_1 = __importDefault(require("./Pagination"));
-exports.default = {
-    title: "Pagination",
-    component: Pagination_1.default,
-};
-exports.pagination = () => React.createElement(Pagination_1.default, { paginationDropdownOptions: ["1 of 4", "2 of 4", "3 of 4", "4 of 4"], previousPageHandler: addon_actions_1.action("goToPrevious"), nextPageHandler: addon_actions_1.action("goToNext"), currentValue: "1 of 4", onSelectChange: addon_actions_1.action("selectChange"), onSelectBlur: addon_actions_1.action("selectBlur") });

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

@@ -1,26 +0,0 @@
-import * as React from "react";
-export interface SearchBarProps {
-    searchBarId: string;
-    blockName?: string;
-    searchBarAriaLabel?: string;
-    searchBarAriaLabelledBy?: string;
-    buttonId: string;
-    dropdownId?: string;
-    dropdownAriaLabel?: string;
-    dropdownOptions?: string[];
-    selectedField?: string;
-    searchValue?: string;
-    placeHolder?: string;
-    searchButtonAttributes?: {};
-    placeholderText?: string;
-    textFieldAriaLabel?: string;
-    textFieldAttributes?: {};
-    helperVariant?: "ResearchNow";
-    hasError?: boolean;
-    errorMessage?: string;
-    selectBlurHandler?: (event: React.MouseEvent) => void;
-    selectChangeHandler?: (event: React.MouseEvent) => void;
-    searchSubmitHandler: (event: React.MouseEvent) => void;
-    searchChangeHandler?: (event: React.FormEvent) => void;
-}
-export default function SearchBar(props: SearchBarProps): JSX.Element;

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

@@ -1,69 +0,0 @@
-"use strict";
-// MF-46 Search Bar with Search By Parameter
-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 TextField_1 = __importDefault(require("../../01-atoms/Forms/TextField"));
-const __1 = require("../../..");
-const ButtonTypes_1 = require("../../01-atoms/Button/ButtonTypes");
-function SearchBar(props) {
-    const { blockName, searchBarId, buttonId, searchBarAriaLabel, searchBarAriaLabelledBy, dropdownId, dropdownOptions, dropdownAriaLabel, selectedField, searchValue, placeholderText, helperVariant, hasError, errorMessage, selectBlurHandler, searchSubmitHandler, selectChangeHandler, searchChangeHandler } = props;
-    if (dropdownOptions) {
-        if (!(dropdownId && dropdownAriaLabel && selectBlurHandler && selectChangeHandler)) {
-            throw new Error(`If dropdownOptions are passed, dropdownId (currently ${dropdownId}),
-      dropdownAriaLabel (currently ${dropdownAriaLabel}), selectChangeHandler (currently ${selectChangeHandler}),
-      and selectBlurHandler (currently ${selectBlurHandler}) must also be passed`);
-        }
-    }
-    if (!searchBarAriaLabel && !searchBarAriaLabelledBy) {
-        throw new Error("Either searchBarAriaLabel and searchBarAriaLabelledBy must be passed");
-    }
-    let modifiers = [];
-    if (hasError) {
-        if (!errorMessage) {
-            throw new Error("If there is an error, there must also be an error message");
-        }
-        modifiers.push("error");
-    }
-    let searchbar__base_class = "search-bar";
-    /* TODO: after SFR-637 is merged, Replace Error with MT-51 and add its id to TextField's aria-labelledBy*/
-    let textfieldProps = {
-        id: searchBarId + "-input-textfield",
-        ariaLabelledBy: buttonId,
-        onChange: searchChangeHandler,
-        isRequired: true,
-        blockName: searchbar__base_class,
-        placeholderText: hasError && helperVariant ? errorMessage : placeholderText,
-        value: searchValue,
-        modifiers: modifiers,
-    };
-    let buttonProps = {
-        id: buttonId,
-        callback: searchSubmitHandler,
-        blockName: searchbar__base_class,
-        content: React.createElement(React.Fragment, null, "Search"),
-        buttonType: ButtonTypes_1.ButtonTypes.Filled,
-        iconPosition: ButtonTypes_1.ButtonIconPositions.Left,
-        iconName: "search-small",
-        iconDecorative: true,
-    };
-    return React.createElement("form", { className: `${bem_1.default(searchbar__base_class, modifiers, blockName)} ${bem_1.default(searchbar__base_class, modifiers)}`, id: searchBarId, role: "search", "aria-label": searchBarAriaLabel, "aria-labelledby": searchBarAriaLabelledBy },
-        dropdownOptions &&
-            React.createElement(FormDropdown_1.default, { isRequired: false, selectedOption: selectedField, ariaLabel: "Search by", dropdownId: dropdownId, options: dropdownOptions, onSelectBlur: selectBlurHandler, blockName: searchbar__base_class, onSelectChange: selectChangeHandler }),
-        React.createElement("div", { className: bem_1.default("input-group", [], searchbar__base_class) },
-            React.createElement(TextField_1.default, Object.assign({}, textfieldProps)),
-            React.createElement(__1.Button, Object.assign({ callback: searchSubmitHandler }, buttonProps), buttonProps.content),
-            hasError && !helperVariant && React.createElement("span", { className: bem_1.default("input-description", modifiers, searchbar__base_class) }, errorMessage)));
-}
-exports.default = SearchBar;

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

@@ -1,11 +0,0 @@
-import SearchBar from "./SearchBar";
-declare const _default: {
-    title: string;
-    component: typeof SearchBar;
-};
-export default _default;
-export declare const searchWithParams: () => JSX.Element;
-export declare const searchWithNoParams: () => JSX.Element;
-export declare const searchWithFormError: () => JSX.Element;
-export declare const searchFormWithParamsAndError: () => JSX.Element;
-export declare const searchFormResearchNowVariantError: () => JSX.Element;

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

@@ -1,24 +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 SearchBar_1 = __importDefault(require("./SearchBar"));
-const addon_actions_1 = require("@storybook/addon-actions");
-exports.default = {
-    title: "SearchBar",
-    component: SearchBar_1.default,
-};
-exports.searchWithParams = () => React.createElement(SearchBar_1.default, { searchBarId: "searchBarId", buttonId: "searchButtonId", searchBarAriaLabel: "search", dropdownId: "dropdownId", dropdownAriaLabel: "filter", textFieldAriaLabel: "Text Field aria-label", dropdownOptions: ["Keyword", "Other Keyword"], searchSubmitHandler: addon_actions_1.action("searched"), selectChangeHandler: addon_actions_1.action("selectChanged"), selectBlurHandler: addon_actions_1.action("selectChanged") });
-exports.searchWithNoParams = () => React.createElement(SearchBar_1.default, { searchBarId: "searchBarId", buttonId: "searchButtonId", searchBarAriaLabel: "search", textFieldAriaLabel: "Text Field aria-label", searchSubmitHandler: addon_actions_1.action("searched") });
-exports.searchWithFormError = () => React.createElement(SearchBar_1.default, { searchBarId: "searchBarId", searchBarAriaLabel: "search", buttonId: "searchButtonId", textFieldAriaLabel: "Text Field aria-label", searchSubmitHandler: addon_actions_1.action("searched"), hasError: true, errorMessage: "Error text" });
-exports.searchFormWithParamsAndError = () => React.createElement(SearchBar_1.default, { searchBarId: "searchBarId", buttonId: "searchButtonId", textFieldAriaLabel: "Text Field aria-label", searchBarAriaLabel: "search", dropdownId: "dropdownId", dropdownAriaLabel: "filter", dropdownOptions: ["Keyword", "Other Keyword"], searchSubmitHandler: addon_actions_1.action("searched"), selectChangeHandler: addon_actions_1.action("selectChanged"), selectBlurHandler: addon_actions_1.action("selectChanged"), hasError: true, errorMessage: "Error text" });
-exports.searchFormResearchNowVariantError = () => React.createElement(SearchBar_1.default, { searchBarId: "searchBarId", searchBarAriaLabel: "search", buttonId: "searchButtonId", textFieldAriaLabel: "Text Field aria-label", searchSubmitHandler: addon_actions_1.action("searched"), helperVariant: "ResearchNow", hasError: true, errorMessage: "Error text" });

package/lib/components/03-organisms/Accordion/Accordion.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-import { ButtonOptions } from "../../01-atoms/Button/Button";
-export interface AccordionProps {
-    id: string;
-    /** Optional modifiers array for use with BEM. See how to work with modifiers and BEM here: http://getbem.com/introduction/ */
-    modifiers?: string[];
-    /** Optional blockName for use with BEM. See how to work with blockNames and BEM here: http://getbem.com/introduction/ */
-    blockName?: string;
-    /** The button that controls the acccordion toggle */
-    buttonOptions: ButtonOptions;
-}
-/** Accordion component that shows content on toggle */
-export default class Accordion extends React.Component<AccordionProps, {
-    isOpen: boolean;
-}> {
-    constructor(props: AccordionProps);
-    toggleContentShow(): void;
-    render(): JSX.Element;
-}

package/lib/components/03-organisms/Accordion/Accordion.js

@@ -1,41 +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 Button_1 = __importDefault(require("../../01-atoms/Button/Button"));
-const bem_1 = __importDefault(require("../../../utils/bem"));
-const ButtonTypes_1 = require("../../01-atoms/Button/ButtonTypes");
-/** Accordion component that shows content on toggle */
-class Accordion extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            isOpen: false
-        };
-        this.toggleContentShow = this.toggleContentShow.bind(this);
-    }
-    toggleContentShow() {
-        this.setState(prevState => ({ isOpen: !prevState.isOpen }));
-    }
-    render() {
-        const { buttonOptions, modifiers = [], blockName = "" } = this.props;
-        buttonOptions.type = "button";
-        buttonOptions.modifiers = ["large"];
-        buttonOptions.iconPosition = ButtonTypes_1.ButtonIconPositions.JustifyRight;
-        buttonOptions.iconName = this.state.isOpen ? "minus" : "plus";
-        buttonOptions.buttonType = ButtonTypes_1.ButtonTypes.Outline;
-        return (React.createElement("div", { className: bem_1.default("accordion", modifiers, blockName) },
-            React.createElement(Button_1.default, Object.assign({ callback: this.toggleContentShow }, buttonOptions), buttonOptions.content),
-            this.state.isOpen && React.createElement("div", { className: "accordion-content" }, this.props.children)));
-    }
-}
-exports.default = Accordion;

package/lib/components/03-organisms/Accordion/Accordion.stories.d.ts

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

package/lib/components/03-organisms/Accordion/Accordion.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 Accordion_1 = __importDefault(require("./Accordion"));
-const addon_actions_1 = require("@storybook/addon-actions");
-const Checkbox_1 = __importDefault(require("../../01-atoms/Forms/Checkbox"));
-const UnorderedList_1 = __importDefault(require("../../03-organisms/List/UnorderedList"));
-exports.default = {
-    title: "Accordion",
-    component: Accordion_1.default
-};
-const checkboxes = [
-    React.createElement(Checkbox_1.default, { onChange: addon_actions_1.action("changed"), checkboxId: "checkbox-1", labelOptions: { id: "checkbox-1-label", labelContent: React.createElement(React.Fragment, null, "Checkbox 1") } }),
-    React.createElement(Checkbox_1.default, { onChange: addon_actions_1.action("changed"), checkboxId: "checkbox-2", labelOptions: { id: "checkbox-1-label", labelContent: React.createElement(React.Fragment, null, "Checkbox 2") } }),
-    React.createElement(Checkbox_1.default, { onChange: addon_actions_1.action("changed"), checkboxId: "checkbox-3", labelOptions: { id: "checkbox-1-label", labelContent: React.createElement(React.Fragment, null, "Checkbox 3") } })
-];
-exports.accordionWithCheckboxes = () => React.createElement(Accordion_1.default, { id: "accordion", buttonOptions: { id: "accordionBtn", content: React.createElement(React.Fragment, null, "Click to expand") } },
-    " ",
-    React.createElement(UnorderedList_1.default, { id: "checkbox-list" }, checkboxes),
-    " ");

package/lib/components/03-organisms/Headers/HeaderImgRight.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-export interface HeaderImgRightProps {
-    headerId: string;
-    pageTitleText: JSX.Element;
-    isImageDecorative: boolean;
-    imageAltText?: string;
-    imgUrl: string;
-    imgAttributes?: {};
-    imgModifiers?: string[];
-    bodyText?: JSX.Element;
-}
-export default function HeaderImgRight(props: React.PropsWithChildren<HeaderImgRightProps>): JSX.Element;

package/lib/components/03-organisms/Headers/HeaderImgRight.js

@@ -1,32 +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 });
-// OH-30 Header with Image Right
-const React = __importStar(require("react"));
-const bem_1 = __importDefault(require("../../../utils/bem"));
-const Image_1 = __importDefault(require("../../01-atoms/Images/Image/Image"));
-const BodyText_1 = __importDefault(require("../../01-atoms/Text/Text/BodyText"));
-const Heading_1 = __importDefault(require("../../01-atoms/Text/Headings/Heading"));
-function HeaderImgRight(props) {
-    const { headerId, pageTitleText, bodyText, imgUrl } = props;
-    const baseClass = "header-with-image-right";
-    return (React.createElement("div", { className: bem_1.default(baseClass) },
-        React.createElement("div", { className: bem_1.default("content", [], baseClass) },
-            React.createElement("div", { className: bem_1.default("image", [], baseClass) },
-                React.createElement(Image_1.default, { src: imgUrl, isDecorative: true })),
-            React.createElement("div", { className: bem_1.default("heading-text", [], baseClass) },
-                React.createElement("div", { className: bem_1.default("heading", [], baseClass) },
-                    React.createElement(Heading_1.default, { level: 1, id: headerId, blockName: "page-title", modifiers: ["block-color"] }, pageTitleText)),
-                React.createElement("div", { className: bem_1.default("text", [], baseClass) },
-                    React.createElement(BodyText_1.default, { bodyContent: bodyText }))))));
-}
-exports.default = HeaderImgRight;

package/lib/components/03-organisms/Headers/HeaderImgRight.stories.d.ts

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

package/lib/components/03-organisms/Headers/HeaderImgRight.stories.js

@@ -1,19 +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 HeaderImgRight_1 = __importDefault(require("./HeaderImgRight"));
-exports.default = {
-    title: "Header Image Right",
-    component: HeaderImgRight_1.default,
-};
-exports.headerImgRight = () => React.createElement(HeaderImgRight_1.default, { headerId: "bigheaderthing", isImageDecorative: true, bodyText: React.createElement("p", null, "The internet\u2019s search engine for research collections and e-books you can use right now. Powered by the New York Public Library."), pageTitleText: React.createElement(React.Fragment, null, "Title Of Page"), imgUrl: "https://placeimg.com/200/100/arch" });

package/lib/components/03-organisms/Headers/RNHeaderWithSearch.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-export interface RNHeaderWithSearchProps {
-    modifiers?: [];
-    searchBarId: string;
-    searchButtonId: string;
-    searchBarAriaLabel: string;
-    dropdownId: string;
-    sectionTitle: JSX.Element;
-    textFieldAriaLabel: string;
-    hasError?: boolean;
-    errorMessage?: string;
-    searchDropdownOptions: string[];
-    advancedSearchElem: JSX.Element;
-    selectChangeHandler: (event: React.FormEvent) => void;
-    selectBlurHandler: (event: React.FormEvent) => void;
-    searchSubmitHandler: (event: React.MouseEvent) => void;
-    textChangeHandler?: (event: React.FormEvent) => void;
-}
-export default function RNHeaderWithSearch(props: React.PropsWithChildren<RNHeaderWithSearchProps>): JSX.Element;

package/lib/components/03-organisms/Headers/RNHeaderWithSearch.js

@@ -1,27 +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 });
-// OH-31 Header with Search
-const React = __importStar(require("react"));
-const SearchBar_1 = __importDefault(require("../../02-molecules/SearchBar/SearchBar"));
-const bem_1 = __importDefault(require("../../../utils/bem"));
-const RNSectionTitle_1 = __importDefault(require("../../01-atoms/Text/Headings/RNSectionTitle"));
-function RNHeaderWithSearch(props) {
-    const { sectionTitle, searchBarId, searchBarAriaLabel, searchButtonId, hasError, errorMessage, dropdownId, searchDropdownOptions, textFieldAriaLabel, advancedSearchElem, selectChangeHandler, selectBlurHandler, searchSubmitHandler, textChangeHandler } = props;
-    const base_class = "search-header";
-    return (React.createElement("div", { className: bem_1.default(base_class) },
-        React.createElement("div", { className: bem_1.default("content", [], base_class) },
-            React.createElement(RNSectionTitle_1.default, null, sectionTitle),
-            React.createElement(SearchBar_1.default, { searchBarId: searchBarId, searchBarAriaLabel: searchBarAriaLabel, blockName: base_class, buttonId: searchButtonId, dropdownId: dropdownId, dropdownAriaLabel: "Filter Search", textFieldAriaLabel: textFieldAriaLabel, dropdownOptions: searchDropdownOptions, helperVariant: "ResearchNow", hasError: hasError, errorMessage: errorMessage, selectBlurHandler: selectBlurHandler, selectChangeHandler: selectChangeHandler, searchSubmitHandler: searchSubmitHandler, searchChangeHandler: textChangeHandler }),
-            React.createElement("div", { className: bem_1.default("promo-text", [], base_class) }, React.cloneElement(advancedSearchElem, { modifiers: ["dark-background"] })))));
-}
-exports.default = RNHeaderWithSearch;

package/lib/components/03-organisms/Headers/RNHeaderWithSearch.stories.d.ts

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

package/lib/components/03-organisms/Headers/RNHeaderWithSearch.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 });
-/* OH-31 Header With Search */
-const React = __importStar(require("react"));
-const RNHeaderWithSearch_1 = __importDefault(require("./RNHeaderWithSearch"));
-const addon_actions_1 = require("@storybook/addon-actions");
-const UnderlineLink_1 = __importDefault(require("../../01-atoms/Links/UnderlineLink"));
-const bem_1 = __importDefault(require("../../../utils/bem"));
-exports.default = {
-    title: "Research Now Header With Search",
-    component: RNHeaderWithSearch_1.default,
-};
-exports.researchNowSearchHeader = () => React.createElement(RNHeaderWithSearch_1.default, { searchButtonId: "searchButtonId", searchBarAriaLabel: "Search research catalog", sectionTitle: React.createElement("a", { className: `${bem_1.default("rn-section-title", [], "search-header")} rn-section-title`, href: "researchNow-home-url" },
-        React.createElement("span", { id: "research-now-title" },
-            "Research",
-            React.createElement("span", { className: bem_1.default("emphasis", [], "rn-section-title") }, "Now"))), advancedSearchElem: React.createElement(UnderlineLink_1.default, { url: "advanced-search-link" }, "Advanced Search"), searchBarId: "searchBarId", dropdownId: "dropdownId", textFieldAriaLabel: "Research Now", searchDropdownOptions: ["Keyword", "Author", "Subject"], searchSubmitHandler: addon_actions_1.action("searched"), selectChangeHandler: addon_actions_1.action("changed"), selectBlurHandler: addon_actions_1.action("selectChanged") });

package/lib/components/03-organisms/Hero/Hero.d.ts

@@ -1,31 +0,0 @@
-import * as React from "react";
-import { HeroTypes } from "./HeroTypes";
-export interface HeroProps {
-    /** Can be Primary, secondary, tertiary, or 50/50. */
-    heroType: HeroTypes;
-    /** Required heading element. */
-    heading: JSX.Element;
-    /** Optional subheader that displays underneath the
-     * required heading element.
-     */
-    subHeaderText?: JSX.Element;
-    /** Optional details area that contains location data. */
-    locationDetails?: JSX.Element;
-    /** Content creators can modify the foreground color
-      * when this component is used on Exhibition pages.
-      */
-    foregroundColor?: string;
-    /** Content creators can modify the background color
-      * when this component is used on Exhibition pages.
-      */
-    backgroundColor?: string;
-    /** Image used for primary Hero types. Note, cannot
-      * be used in conjunction with image.
-      */
-    backgroundImageSrc?: string;
-    /** Image used for secondary Hero types. Note, cannot
-      * be used in conjunction with backgroundImageSrc.
-      */
-    image?: JSX.Element;
-}
-export default function Hero(props: React.PropsWithChildren<HeroProps>): JSX.Element;

package/lib/components/03-organisms/Hero/Hero.js

@@ -1,62 +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 });
-// OH-30 Header with Image Right
-const React = __importStar(require("react"));
-const bem_1 = __importDefault(require("../../../utils/bem"));
-const HeroTypes_1 = require("./HeroTypes");
-function Hero(props) {
-    const heroBaseClass = "hero";
-    let { heroType, heading, subHeaderText, locationDetails, foregroundColor, backgroundColor, backgroundImageSrc, image, } = props;
-    let heroModifiers;
-    if (heroType === HeroTypes_1.HeroTypes.Primary) {
-        heroModifiers = ["primary"];
-    }
-    else if (heroType === HeroTypes_1.HeroTypes.Secondary) {
-        heroModifiers = ["secondary"];
-    }
-    if (heroType === HeroTypes_1.HeroTypes.Primary && !backgroundImageSrc) {
-        throw new Error(`backgroundImageSrc required on PRIMARY heroTypes`);
-    }
-    if (backgroundImageSrc && image) {
-        throw new Error(`Please only either backgroundImageSrc or image into Hero, got both`);
-    }
-    if (heroType !== HeroTypes_1.HeroTypes.Primary && locationDetails) {
-        throw new Error(`Please provide locationDetails only to PRIMARY heroTypes`);
-    }
-    let backgroundImageStyle = backgroundImageSrc ? { backgroundImage: "url(" + backgroundImageSrc + ")" } : {};
-    let contentBoxStyling = {};
-    if (heroType === HeroTypes_1.HeroTypes.Primary) {
-        if (foregroundColor && backgroundColor) {
-            contentBoxStyling = {
-                color: foregroundColor,
-                backgroundColor: backgroundColor,
-            };
-        }
-        else if (foregroundColor || backgroundColor) {
-            let receivedColor = foregroundColor ? "foregroundColor" : "backgroundColor";
-            throw new Error(`Please provide both foregroundColor and backgroundColor to Hero, only got ` + receivedColor);
-        }
-    }
-    else {
-        if (foregroundColor || backgroundColor) {
-            throw new Error(`Received foregroundColor and/or backgroundColor, but these are only accepted on HeroTypes.Primary`);
-        }
-    }
-    return (React.createElement("div", { className: bem_1.default(heroBaseClass, heroModifiers), "data-responsive-background-image": true, style: backgroundImageStyle },
-        React.createElement("div", { className: bem_1.default("content", [], heroBaseClass), style: contentBoxStyling },
-            heading,
-            image,
-            subHeaderText),
-        locationDetails));
-}
-exports.default = Hero;

package/lib/components/03-organisms/Hero/Hero.stories.d.ts

@@ -1,11 +0,0 @@
-import Hero from "./Hero";
-declare const _default: {
-    title: string;
-    component: typeof Hero;
-};
-export default _default;
-export declare const heroPrimary: () => JSX.Element;
-export declare const heroSecondary: () => JSX.Element;
-export declare const heroStaffPicks: () => JSX.Element;
-export declare const ExhibitionsHero: () => JSX.Element;
-export declare const DigitalResearchBooksHeader: () => JSX.Element;

package/lib/components/03-organisms/Hero/Hero.stories.js

@@ -1,35 +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 Image_1 = __importDefault(require("../../01-atoms/Images/Image/Image"));
-const Heading_1 = __importDefault(require("../../01-atoms/Text/Headings/Heading"));
-const BodyText_1 = __importDefault(require("../../01-atoms/Text/Text/BodyText"));
-const HeroTypes_1 = require("./HeroTypes");
-const Hero_1 = __importDefault(require("./Hero"));
-const SectionName_1 = __importDefault(require("../../00-base/SectionName"));
-const Placeholder_1 = __importDefault(require("../../00-base/Placeholder"));
-exports.default = {
-    title: "Hero",
-    component: Hero_1.default,
-};
-exports.heroPrimary = () => React.createElement(Hero_1.default, { heroType: HeroTypes_1.HeroTypes.Primary, heading: React.createElement(Heading_1.default, { level: 1, id: "1", text: "Hero Primary", blockName: "hero" }), backgroundImageSrc: "https://placeimg.com/1600/800/arch" });
-exports.heroSecondary = () => React.createElement(Hero_1.default, { heroType: HeroTypes_1.HeroTypes.Secondary, heading: React.createElement(Heading_1.default, { level: 1, id: "1", text: "Hero Secondary", blockName: "hero" }), subHeaderText: React.createElement(BodyText_1.default, { blockName: "hero" }, "Example subtitle"), image: React.createElement(Image_1.default, { src: "https://placeimg.com/800/400/arch", isDecorative: true, imageBlockname: "hero" }) });
-exports.heroStaffPicks = () => React.createElement(Hero_1.default, { heroType: HeroTypes_1.HeroTypes.Primary, heading: React.createElement(Heading_1.default, { level: 1, id: "1", text: "Staff Picks", blockName: "hero" }), subHeaderText: React.createElement(BodyText_1.default, { blockName: "hero" },
-        "Nobody loves books more than our experts. Browse and filter hundreds of their favorites. Want more suggestions? Check out ",
-        React.createElement("a", { href: "#etc" }, "Best Books"),
-        " and ",
-        React.createElement("a", { href: "#etc2" }, "125 Books We Love"),
-        "."), foregroundColor: "#ffffff", backgroundColor: "#bb1d12", backgroundImageSrc: "https://placeimg.com/1600/800/arch" });
-exports.ExhibitionsHero = () => React.createElement(Hero_1.default, { heroType: HeroTypes_1.HeroTypes.Primary, heading: React.createElement(Heading_1.default, { level: 1, id: "1", text: "Syncretic Vibrations: Exploring the Mosaic of Blackness through the Melville J. and Frances S.Herskovits Collection", blockName: "hero" }), locationDetails: React.createElement(Placeholder_1.default, null, "Placeholder for locationDetails, which doesn't exist yet"), foregroundColor: "#ffffff", backgroundColor: "#0071ce", backgroundImageSrc: "https://p24.f4.n0.cdn.getcloudapp.com/items/NQuDO4xO/index.jpeg?v=d49888fbe420dd2fd163adc2ad0cdac6" });
-exports.DigitalResearchBooksHeader = () => React.createElement(SectionName_1.default, null,
-    React.createElement(Hero_1.default, { heroType: HeroTypes_1.HeroTypes.Secondary, heading: React.createElement(Heading_1.default, { level: 1, id: "1", text: "ResearchNow", blockName: "hero" }), subHeaderText: React.createElement(BodyText_1.default, { blockName: "hero" }, "The internet\u2019s search engine for research collections and e-books you can use right now. Powered by the New York Public Library."), image: React.createElement(Image_1.default, { src: "https://placeimg.com/200/100/arch", isDecorative: true, imageBlockname: "hero" }) }));

package/lib/components/03-organisms/Hero/HeroTypes.d.ts

@@ -1,6 +0,0 @@
-export declare enum HeroTypes {
-    Primary = "PRIMARY",
-    Secondary = "SECONDARY",
-    Tertiary = "TERTIARY",
-    FiftyFifty = "FIFTYFIFTY"
-}

package/lib/components/03-organisms/Hero/HeroTypes.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var HeroTypes;
-(function (HeroTypes) {
-    HeroTypes["Primary"] = "PRIMARY";
-    HeroTypes["Secondary"] = "SECONDARY";
-    HeroTypes["Tertiary"] = "TERTIARY";
-    HeroTypes["FiftyFifty"] = "FIFTYFIFTY";
-})(HeroTypes = exports.HeroTypes || (exports.HeroTypes = {}));

package/lib/components/03-organisms/List/UnorderedList.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-export interface UnorderedListOptions {
-    content?: JSX.Element[];
-    id: string;
-    modifiers?: any[];
-    blockName?: string;
-}
-interface UnorderedListProps {
-    /** The unique ID of UnorderedList */
-    id: string;
-    /** Optional modifiers array for use with BEM. See how to work with modifiers and BEM here: http://getbem.com/introduction/ */
-    modifiers?: any[];
-    /** Optional blockName for use with BEM. See how to work with blockNames and BEM here: http://getbem.com/introduction/ */
-    blockName?: string;
-}
-/** Wrapper component for an unordered list of objects */
-export default function UnorderedList(props: React.PropsWithChildren<UnorderedListProps>): JSX.Element;
-export {};