@scottish-government/designsystem-react 0.7.0 → 0.8.0

package/dist/components/contents-nav/contents-nav.jsx

@@ -1,33 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Link = void 0;
-const wrapper_tag_1 = __importDefault(require("../../common/wrapper-tag"));
-const Link = ({ current, href, title }) => {
-    // determine which HTML tag to use
-    const tagName = href && !current ? 'a' : 'span';
-    return (<li aria-current={current && 'page' || undefined} className="ds_contents-nav__item">
-            <wrapper_tag_1.default tagName={tagName} className={[
-            'ds_contents-nav__link',
-            current && 'ds_current'
-        ].join(' ')} href={!current ? href : undefined}>
-                {title}
-            </wrapper_tag_1.default>
-        </li>);
-};
-exports.Link = Link;
-const ContentsNav = function ({ className, items, label = 'Pages in this section', title = 'Contents', ...props }) {
-    return (<nav aria-label={label} className={[
-            'ds_contents-nav',
-            className
-        ].join(' ')} {...props}>
-            <h2 className="ds_contents-nav__title">{title}</h2>
-            <ul className="ds_contents-nav__list">
-                {items && items.map((item, index) => (<exports.Link current={item.current} href={item.href} title={item.title} key={'link' + index}/>))}
-            </ul>
-        </nav>);
-};
-ContentsNav.displayName = 'ContentsNav';
-exports.default = ContentsNav;

package/dist/components/cookie-banner/cookie-banner.jsx

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const abstract_notification_banner_1 = __importDefault(require("../../common/abstract-notification-banner"));
-const CookieBanner = ({ children, className, title, ...props }) => {
-    return (<>
-            <abstract_notification_banner_1.default className={[
-            'ds_notification--large',
-            'ds_notification--cookie',
-            'js-initial-cookie-content',
-            className
-        ].join(' ')} data-module="ds-cookie-notification" title={title} {...props}>
-                {children}
-            </abstract_notification_banner_1.default>
-        </>);
-};
-CookieBanner.displayName = 'CookieBanner';
-CookieBanner.Buttons = abstract_notification_banner_1.default.Buttons;
-exports.default = CookieBanner;

package/dist/components/date-picker/date-picker.jsx

@@ -1,54 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-// @ts-ignore
-const date_picker_1 = __importDefault(require("@scottish-government/design-system/src/components/date-picker/date-picker"));
-const error_message_1 = __importDefault(require("../error-message/error-message"));
-const text_input_1 = __importDefault(require("../text-input/text-input"));
-const DatePicker = ({ className, dateSelectCallback, disabledDates, error, errorMessage, hintText, id, iconPath = './', label, maxDate, minDate, multiple, name, onBlur, onChange, value, width = 'fixed-10', ...props }) => {
-    const ref = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (ref.current) {
-            new date_picker_1.default(ref.current, {
-                dateSelectCallback,
-                imagePath: iconPath
-            }).init();
-        }
-    }, [ref, dateSelectCallback, iconPath]);
-    function handleBlur(event) {
-        if (typeof onBlur === 'function') {
-            onBlur(event);
-        }
-    }
-    function handleChange(event) {
-        if (typeof onChange === 'function') {
-            onChange(event);
-        }
-    }
-    return (<div className={[
-            "ds_datepicker",
-            multiple && "ds_datepicker--multiple",
-            className
-        ].join(' ')} data-disableddates={disabledDates} data-maxdate={maxDate} data-mindate={minDate} data-module="ds-datepicker" ref={ref} {...props}>
-            {(multiple ? (<fieldset className="ds_datepicker__input-wrapper">
-                    <legend>{label}</legend>
-                    {errorMessage && <error_message_1.default text={errorMessage}/>}
-                    <div>
-                        <text_input_1.default className="js-datepicker-date" error={!!error} id={id + "-day"} hintText={hintText} label="Day" name={name + "-day"} onBlur={handleBlur} onChange={handleChange} value={value?.split('/')[0]} width="fixed-2"/>
-                    </div>
-
-                    <div>
-                        <text_input_1.default className="js-datepicker-month" error={!!error} id={id + "-month"} hintText={hintText} label="Month" name={name + "-month"} onBlur={handleBlur} onChange={handleChange} value={value?.split('/')[1]} width="fixed-2"/>
-                    </div>
-
-                    <div>
-                        <text_input_1.default className="js-datepicker-year" error={!!error} id={id + "-year"} hintText={hintText} label="Year" name={name + "-year"} onBlur={handleBlur} onChange={handleChange} value={value?.split('/')[2]} width="fixed-4"/>
-                    </div>
-                </fieldset>) : (<text_input_1.default error={!!error} errorMessage={errorMessage} id={id} hasButton hintText={hintText} label={label} name={name} onBlur={handleBlur} onChange={handleChange} placeholder="dd/mm/yyyy" value={value} width={width}/>))}
-        </div>);
-};
-DatePicker.displayName = 'DatePicker';
-exports.default = DatePicker;

package/dist/components/details/details.jsx

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const Details = ({ children, className, summary, ...props }) => {
-    return (<details className={[
-            "ds_details",
-            className
-        ].join(' ')} {...props}>
-            <summary className="ds_details__summary">
-                {summary}
-            </summary>
-            <div className="ds_details__text">
-                {children}
-            </div>
-        </details>);
-};
-Details.displayName = 'Details';
-exports.default = Details;

package/dist/components/error-message/error-message.jsx

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const ErrorMessage = ({ children, className, id, text, ...props }) => {
-    return (<p className={[
-            'ds_question__error-message',
-            className
-        ].join(' ')} dangerouslySetInnerHTML={text ? { __html: text } : undefined} id={id} {...props}>
-            {!text ? children : null}
-        </p>);
-};
-ErrorMessage.displayName = 'ErrorMessage';
-exports.default = ErrorMessage;

package/dist/components/error-summary/error-summary.jsx

@@ -1,27 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const conditional_wrapper_1 = __importDefault(require("../../common/conditional-wrapper"));
-const Error = ({ fragmentId, title }) => {
-    return (<li>
-            <conditional_wrapper_1.default condition={!!fragmentId} wrapper={() => <a href={`#${fragmentId}`}>{title}</a>}>{title}</conditional_wrapper_1.default>
-        </li>);
-};
-const ErrorSummary = ({ className, errors, title = 'There is a problem', ...props }) => {
-    return (<>
-            {errors && errors.length && (<div className={[
-                'ds_error-summary',
-                className
-            ].join(' ')} aria-labelledby="error-summary-title" role="alert" {...props}>
-                    <h2 className="ds_error-summary__title" id="error-summary-title">{title}</h2>
-
-                    <ul className="ds_error-summary__list">
-                        {errors && errors.map((error, index) => (<Error fragmentId={error.fragmentId} title={error.title} key={'error' + index}/>))}
-                    </ul>
-                </div>)}
-        </>);
-};
-ErrorSummary.displayName = 'ErrorSummary';
-exports.default = ErrorSummary;

package/dist/components/file-download/file-download.jsx

@@ -1,50 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const file_icon_1 = __importDefault(require("../../common/file-icon"));
-const FileDownload = ({ className, cover, highlighted, icon = 'Generic', fileSize, fileType, fileUrl, title, ...props }) => {
-    const hasMetadata = !!fileType || !!fileSize;
-    const metaContainerId = `file-download-${(0, react_1.useId)()}`;
-    return (<div className={[
-            'ds_file-download',
-            highlighted && 'ds_file-download--highlighted',
-            className
-        ].join(' ')} {...props}>
-            <div className="ds_file-download__thumbnail">
-                <a className="ds_file-download__thumbnail-link" aria-hidden="true" tabIndex={-1} href={fileUrl}>
-                    {cover ?
-            <img alt="" className="ds_file-download__thumbnail-image" src={cover}/>
-            :
-                <file_icon_1.default ariaLabel="" className="ds_file-download__thumbnail-image" icon={icon}/>}
-                </a>
-            </div>
-
-            <div className="ds_file-download__content">
-                <a href={fileUrl} className="ds_file-download__title" aria-describedby={hasMetadata ? metaContainerId : undefined}>
-                    {title}
-                </a>
-
-                {hasMetadata &&
-            <div id={metaContainerId} className="ds_file-download__details">
-                        <dl className="ds_metadata  ds_metadata--inline">
-                            {fileType &&
-                    <div className="ds_metadata__item">
-                                    <dt className="ds_metadata__key  visually-hidden">File type</dt>
-                                    <dd className="ds_metadata__value">{fileType}<span className="visually-hidden">,</span></dd>
-                                </div>}
-
-                            {fileSize &&
-                    <div className="ds_metadata__item">
-                                    <dt className="ds_metadata__key  visually-hidden">File size</dt>
-                                    <dd className="ds_metadata__value">{fileSize}</dd>
-                                </div>}
-                        </dl>
-                    </div>}
-            </div>
-        </div>);
-};
-FileDownload.displayName = 'FileDownload';
-exports.default = FileDownload;

package/dist/components/hide-this-page/hide-this-page.jsx

@@ -1,71 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, 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_1 = __importStar(require("react"));
-// @ts-ignore
-const hide_this_page_1 = __importDefault(require("@scottish-government/design-system/src/components/hide-this-page/hide-this-page"));
-const HideThisPage = ({ className, escapeUrl = 'https://www.bbc.co.uk/weather', ...props }) => {
-    const ref = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (ref.current) {
-            new hide_this_page_1.default().init();
-            const htpDivId = 'hide-this-page-instruction';
-            if (!document.getElementById(htpDivId)) {
-                const htpDiv = document.createElement('div');
-                htpDiv.id = htpDivId;
-                htpDiv.classList.add('visually-hidden');
-                htpDiv.classList.add('ds_hide-page');
-                htpDiv.innerHTML = '<p>To leave the page quickly, press the escape key.</p>';
-                document.body.prepend(htpDiv);
-            }
-            document.body.classList.add('ds_has-hide-page');
-        }
-    }, [ref]);
-    return (<div className={[
-            'ds_hide-page',
-            className
-        ].join(' ')} ref={ref} {...props}>
-            <a href={escapeUrl} className="ds_hide-page__button  ds_button  js-hide-page">
-                <strong>Hide this page</strong>
-                <span className="visually-hidden  js-enabled-text">Or press escape key to hide this page</span>
-            </a>
-            <p className="ds_hide-page__text  js-enabled-text">Or press Esc key</p>
-        </div>);
-};
-HideThisPage.displayName = 'HideThisPage';
-exports.default = HideThisPage;

package/dist/components/inset-text/inset-text.jsx

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const InsetText = ({ children, className, ...props }) => {
-    return (<div className={[
-            'ds_inset-text',
-            className
-        ].join(' ')} {...props}>
-            <div className="ds_inset-text__text">
-                {children}
-            </div>
-        </div>);
-};
-InsetText.displayName = 'InsetText';
-exports.default = InsetText;

package/dist/components/notification-banner/notification-banner.jsx

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const abstract_notification_banner_1 = __importDefault(require("../../common/abstract-notification-banner"));
-// @ts-ignore
-const notification_banner_1 = __importDefault(require("@scottish-government/design-system/src/components/notification-banner/notification-banner"));
-const NotificationBanner = ({ children, className, close, icon, iconColour, iconInverse, title, ...props }) => {
-    const ref = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (ref.current) {
-            new notification_banner_1.default(ref.current).init();
-        }
-    }, [ref]);
-    return (<abstract_notification_banner_1.default className={[
-            'ds_reversed',
-            className
-        ].join(' ')} close={close} icon={icon ? "PriorityHigh" : undefined} iconColour={iconColour} iconInverse={iconInverse} ref={ref} title="Information" {...props}>
-            {children}
-        </abstract_notification_banner_1.default>);
-};
-NotificationBanner.displayName = 'NotificationBanner';
-NotificationBanner.Buttons = abstract_notification_banner_1.default.Buttons;
-exports.default = NotificationBanner;

package/dist/components/notification-panel/notification-panel.jsx

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const wrapper_tag_1 = __importDefault(require("../../common/wrapper-tag"));
-const NotificationPanel = function ({ ariaLive, children, className, headerLevel = 'h1', title, ...props }) {
-    return (<div aria-live={ariaLive} className={[
-            'ds_notification-panel',
-            className
-        ].join(' ')} {...props}>
-            <wrapper_tag_1.default className="ds_notification-panel__title" tagName={headerLevel}>
-                {title}
-            </wrapper_tag_1.default>
-            <div className="ds_notification-panel__content">
-                {children}
-            </div>
-        </div>);
-};
-NotificationPanel.displayName = 'NotificationPanel';
-exports.default = NotificationPanel;

package/dist/components/page-header/page-header.jsx

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const PageHeader = ({ children, className, label, title, ...props }) => {
-    return (<header className={[
-            'ds_page-header',
-            className
-        ].join(' ')} {...props}>
-            {label && <span className="ds_page-header__label  ds_content-label">{label}</span>}
-            <h1 className="ds_page-header__title">{title}</h1>
-
-            {children}
-        </header>);
-};
-PageHeader.displayName = 'PageHeader';
-exports.default = PageHeader;

package/dist/components/page-metadata/page-metadata.jsx

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const MetadataItem = ({ children, className, name, ...props }) => {
-    return (<div className={[
-            'ds_metadata__item',
-            className
-        ].join(' ')} {...props}>
-            <dt className="ds_metadata__key">{name}</dt>{' '}
-            <dd className="ds_metadata__value">
-                {children}
-            </dd>
-        </div>);
-};
-const Metadata = ({ children, className, inline, ...props }) => {
-    return (<dl className={[
-            'ds_metadata',
-            inline && 'ds_metadata--inline',
-            className
-        ].join(' ')} {...props}>
-            {children}
-        </dl>);
-};
-Metadata.displayName = 'Metadata';
-MetadataItem.displayName = 'Metadata.Item';
-Metadata.Item = MetadataItem;
-exports.default = Metadata;

package/dist/components/pagination/pagination.jsx

@@ -1,97 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Ellipsis = exports.Page = void 0;
-const icon_1 = __importDefault(require("../../common/icon"));
-const Page = ({ ariaLabel, current = false, href, onClick, text }) => {
-    function handleClick(event) {
-        if (typeof onClick === 'function') {
-            onClick(event);
-        }
-    }
-    return (<li className="ds_pagination__item">
-            <a aria-label={ariaLabel} className={[
-            'ds_pagination__link',
-            current ? 'ds_current' : undefined
-        ].join(' ')} href={href} aria-current={current ? "page" : undefined} onClick={handleClick}>
-                <span className="ds_pagination__link-label">{text}</span>
-            </a>
-        </li>);
-};
-exports.Page = Page;
-const Ellipsis = () => {
-    return (<li className="ds_pagination__item" aria-hidden="true">
-            <span className="ds_pagination__link  ds_pagination__link--ellipsis">&hellip;</span>
-        </li>);
-};
-exports.Ellipsis = Ellipsis;
-const Pagination = ({ ariaLabel = 'Pages', className, onClick, padding = 1, page = 1, pattern = '/search?page=$1', totalPages, ...props }) => {
-    padding = Number(padding);
-    page = Number(page);
-    const minToShow = padding + 2;
-    let includeFirst, includeLast;
-    let pages = [];
-    if (page <= minToShow) {
-        for (let i = 1; i <= minToShow + 1; i++) {
-            pages.push(Number(i));
-        }
-    }
-    else if (page <= totalPages - minToShow) {
-        pages = [page];
-        for (let i = 0; i < padding; i++) {
-            pages.unshift(page - 1 - i);
-            pages.push(Number(page) + 1 + i);
-        }
-    }
-    else {
-        for (let i = totalPages; i > totalPages - minToShow - 1; i--) {
-            pages.push(Number(i));
-        }
-        pages.reverse();
-    }
-    // filter out pages that are out of bounds
-    pages = pages.filter(item => item > 0 && item <= totalPages);
-    if ((page - padding) > 2) {
-        includeFirst = true;
-    }
-    if ((page + padding < totalPages - 1)) {
-        includeLast = true;
-    }
-    return (<nav className={[
-            'ds_pagination',
-            className
-        ].join(' ')} aria-label={ariaLabel} {...props}>
-            <ul className="ds_pagination__list">
-                {page > 1 && (<li className="ds_pagination__item">
-                        <a aria-label="Previous page" className="ds_pagination__link  ds_pagination__link--text  ds_pagination__link--icon" href={pattern.replace('$1', String(page - 1))} data-search="pagination-previous" onClick={onClick}>
-                            <icon_1.default icon="ChevronLeft"/>
-                            <span className="ds_pagination__link-label">Previous</span>
-                        </a>
-                    </li>)}
-
-                {includeFirst && (<>
-                        <exports.Page ariaLabel="Page 1" href={pattern.replace('$1', String(1))} onClick={onClick} text="1"/>
-                        <exports.Ellipsis />
-                    </>)}
-
-                {pages && pages.map((item, index) => (<exports.Page ariaLabel={`Page ${item}`} current={item === page} href={pattern.replace('$1', String(item))} key={`pagination${index}`} onClick={onClick} pattern={pattern} text={item.toString()}/>))}
-
-                {includeLast && (<>
-                        <exports.Ellipsis />
-                        <exports.Page ariaLabel={`Page ${totalPages}`} href={pattern.replace('$1', String(totalPages))} onClick={onClick} pattern={pattern} text={totalPages.toString()}/>
-                    </>)}
-
-                {page < totalPages && (<li className="ds_pagination__item">
-                        <a aria-label="Next page" className="ds_pagination__link  ds_pagination__link--text  ds_pagination__link--icon" href={pattern.replace('$1', String(page + 1))} data-search="pagination-next" onClick={onClick}>
-                            <span className="ds_pagination__link-label">Next</span>
-                            <icon_1.default icon="ChevronRight"/>
-                        </a>
-                    </li>)}
-
-            </ul>
-        </nav>);
-};
-Pagination.displayName = 'Pagination';
-exports.default = Pagination;

package/dist/components/phase-banner/phase-banner.jsx

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const tag_1 = __importDefault(require("../tag/tag"));
-const PhaseBanner = ({ children, className, content, phaseName, ...props }) => {
-    return (<div className={[
-            'ds_phase-banner',
-            className
-        ].join(' ')} {...props}>
-            <div className="ds_wrapper">
-                <p className="ds_phase-banner__content">
-                    {phaseName && <tag_1.default title={phaseName} className="ds_phase-banner__tag"/>}
-                    <span className="ds_phase-banner__text">
-                        {content ? content : children || "This is a new service"}
-                    </span>
-                </p>
-            </div>
-        </div>);
-};
-PhaseBanner.displayName = 'PhaseBanner';
-exports.default = PhaseBanner;

package/dist/components/question/question.jsx

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const error_message_1 = __importDefault(require("../error-message/error-message"));
-const hint_text_1 = __importDefault(require("../../common/hint-text"));
-const wrapper_tag_1 = __importDefault(require("../../common/wrapper-tag"));
-const Question = function ({ children, className, error, errorMessage, hintText, legend, tagName = 'div', ...props }) {
-    return (<wrapper_tag_1.default tagName={tagName} className={[
-            'ds_question',
-            error && 'ds_question--error',
-            className
-        ].join(' ')} {...props}>
-            {legend && <legend>{legend}</legend>}
-            {hintText && <hint_text_1.default text={hintText}/>}
-            {error && errorMessage && <error_message_1.default text={errorMessage}/>}
-            {children}
-        </wrapper_tag_1.default>);
-};
-Question.displayName = 'Question';
-exports.default = Question;

package/dist/components/radio-button/radio-button.jsx

@@ -1,43 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Radio = void 0;
-const hint_text_1 = __importDefault(require("../../common/hint-text"));
-const Radio = ({ checked, hintText, id, label, name, onBlur, onChange, small }) => {
-    const hintTextId = `hint-text-${id}`;
-    function handleBlur(event) {
-        if (typeof onBlur === 'function') {
-            onBlur(event);
-        }
-    }
-    function handleChange(event) {
-        if (typeof onChange === 'function') {
-            onChange(event);
-        }
-    }
-    return (<div className={[
-            'ds_radio',
-            small && 'ds_radio--small'
-        ].join(' ')}>
-            <input aria-describedby={hintText ? hintTextId : undefined} className="ds_radio__input" defaultChecked={!!checked} id={id} name={name} onBlur={handleBlur} onChange={handleChange} type="radio"/>
-            <label className="ds_radio__label" htmlFor={id}>{label}</label>
-            {hintText && <hint_text_1.default id={hintTextId} text={hintText}/>}
-        </div>);
-};
-exports.Radio = Radio;
-const RadioGroup = ({ className, inline, items, name, small, ...props }) => {
-    return (<div className={[
-            'ds_radios',
-            'ds_field-group',
-            inline && 'ds_field-group--inline',
-            className
-        ].join(' ')} {...props}>
-
-            {items && items.map((item, index) => (<exports.Radio checked={item.checked} hintText={item.hintText} id={item.id} key={'radio' + index} label={item.label} name={name} onBlur={item.onBlur} onChange={item.onChange} small={small || item.small}/>))}
-        </div>);
-};
-exports.Radio.displayName = 'Radio';
-RadioGroup.displayName = 'RadioGroup';
-exports.default = RadioGroup;

package/dist/components/select/select.jsx

@@ -1,52 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const error_message_1 = __importDefault(require("../error-message/error-message"));
-const hint_text_1 = __importDefault(require("../../common/hint-text"));
-const Option = function ({ text, value }) {
-    return (<option value={value}>{text}</option>);
-};
-const Select = function ({ className, defaultValue, error, errorMessage, hintText, id, label, name, onBlur, onChange, options, placeholder, width, ...props }) {
-    const errorMessageId = `error-message-${id}`;
-    const hintTextId = `hint-text-${id}`;
-    const describedbys = [];
-    if (hintText) {
-        describedbys.push(hintTextId);
-    }
-    ;
-    if (errorMessage) {
-        describedbys.push(errorMessageId);
-    }
-    ;
-    function handleBlur(event) {
-        if (typeof onBlur === 'function') {
-            onBlur(event);
-        }
-    }
-    function handleChange(event) {
-        if (typeof onChange === 'function') {
-            onChange(event);
-        }
-    }
-    return (<>
-            <label className="ds_label" htmlFor={id}>{label}</label>
-            {hintText && <hint_text_1.default id={hintTextId} text={hintText}/>}
-            {errorMessage && <error_message_1.default id={errorMessageId} text={errorMessage}/>}
-            <div className={[
-            "ds_select-wrapper",
-            error && 'ds_input--error',
-            width && `ds_input--${width}`,
-            className
-        ].join(' ')} {...props}>
-                <select aria-describedby={describedbys.join(' ')} aria-invalid={error} className="ds_select" defaultValue={defaultValue} id={id} name={name || id} onBlur={handleBlur} onChange={handleChange}>
-                    <option value="">{placeholder}</option>
-                    {options && options.map((option, index) => (<Option value={option.value} text={option.text} key={`option-${index}`}/>))}
-                </select>
-                <span className="ds_select-arrow" aria-hidden="true"></span>
-            </div>
-        </>);
-};
-Select.displayName = 'Select';
-exports.default = Select;