@ilo-org/react 0.17.8 → 0.18.0

package/lib/esm/components/Tabs/Tabs.args.js

@@ -1,154 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import RichText from '../RichText/RichText.js';
-import Image from '../Image/Image.js';
-import 'classnames';
-import '../../hooks/useGlobalSettings.js';
-import 'tslib';
-import 'react';
-import '../../GlobalCtx-7fb23cfa.js';
-import '../Credit/Credit.js';
-
-const tabs = {
-    items: [
-        {
-            label: "Tab Label With A Really Really Lenghty Title Even Though We Do Not Recommend Such A Lengthy Title",
-            content: (jsx(Image, { alt: "My alt text", caption: "Women construction workers in Nepal build roads and bridges as part of a National Rural Transport Programme co-sponsored by the ILO.", credit: "\u00A9 Marcel Crozet/ILO", url: [
-                    { breakpoint: 0, src: "/small.jpg" },
-                    { breakpoint: 800, src: "/medium.jpg" },
-                    { breakpoint: 1200, src: "/large.jpg" },
-                    { breakpoint: 1440, src: "/large.jpg" },
-                ] })),
-        },
-        {
-            label: "Tab Label 2",
-            content: (jsx(RichText, { content: "<h2>International Labour Organization</h2> <p>The <b>International Labour Organization</b> (<b>ILO</b>) is a <a href='https://www.un.org'>United Nations</a> agency whose mandate is to advance social and economic justice by setting international labour standards. Founded in October 1919 under the League of Nations, it is the first and oldest specialised agency of the UN. The ILO has 187 member states: 186 out of 193 UN member states plus the Cook Islands.</p> <p>Whereas also the failure of any nation to adopt humane conditions of labour is an obstacle in the way of other nations which desire to improve the conditions in their own countries.</p> <figure><img alt='placeholder image' class='right' src='/ilo-headquarters.jpg'><figcaption>The ILO's headquarters in Geneva, Switzerland. \u00A9Steiner SA</figcaption></figure> <h3>ILO Constitution</h3> <p>The driving forces for the ILO's creation arose from security, humanitarian, political and economic considerations.</p> <blockquote> <p>The fundamental ideas that forged the ILO one hundred and three years ago still underpin the global pledge to leave no one behind.</p> <cite>ILO Director-General Gilbert F. Houngbo</cite> </blockquote> Reflecting these ideas, the Preamble of the ILO Constitution states:</p> <ol> <li>Whereas universal and lasting peace can be established only if it is based upon social justice;</li> <li>And whereas conditions of labour exist involving such injustice, hardship and privation to large numbers of people as to produce unrest so great that the peace and harmony of the world are imperilled; and an improvement of those conditions is urgently required;</li> <li>Whereas also the failure of any nation to adopt humane conditions of labour is an obstacle in the way of other nations which desire to improve the conditions in their own countries.</li> </ol>" })),
-        },
-    ],
-};
-const withIcon = {
-    items: [
-        {
-            icon: {
-                hidden: false,
-                name: "info",
-            },
-            label: "Tab Label With A Really Really Lenghty Title Even Though We Do Not Recommend Such A Lengthy Title",
-            content: (jsx(Image, { alt: "My alt text", caption: "Women construction workers in Nepal build roads and bridges as part of a National Rural Transport Programme co-sponsored by the ILO.", credit: "\u00A9 Marcel Crozet/ILO", url: [
-                    { breakpoint: 0, src: "/small.jpg" },
-                    { breakpoint: 800, src: "/medium.jpg" },
-                    { breakpoint: 1200, src: "/large.jpg" },
-                    { breakpoint: 1440, src: "/large.jpg" },
-                ] })),
-        },
-        {
-            icon: {
-                hidden: false,
-                name: "info",
-            },
-            label: "Tab Label 2",
-            content: (jsx(RichText, { content: "<h2>International Labour Organization</h2> <p>The <b>International Labour Organization</b> (<b>ILO</b>) is a <a href='https://www.un.org'>United Nations</a> agency whose mandate is to advance social and economic justice by setting international labour standards. Founded in October 1919 under the League of Nations, it is the first and oldest specialised agency of the UN. The ILO has 187 member states: 186 out of 193 UN member states plus the Cook Islands.</p> <p>Whereas also the failure of any nation to adopt humane conditions of labour is an obstacle in the way of other nations which desire to improve the conditions in their own countries.</p> <figure><img alt='placeholder image' class='right' src='/ilo-headquarters.jpg'><figcaption>The ILO's headquarters in Geneva, Switzerland. \u00A9Steiner SA</figcaption></figure> <h3>ILO Constitution</h3> <p>The driving forces for the ILO's creation arose from security, humanitarian, political and economic considerations.</p> <blockquote> <p>The fundamental ideas that forged the ILO one hundred and three years ago still underpin the global pledge to leave no one behind.</p> <cite>ILO Director-General Gilbert F. Houngbo</cite> </blockquote> Reflecting these ideas, the Preamble of the ILO Constitution states:</p> <ol> <li>Whereas universal and lasting peace can be established only if it is based upon social justice;</li> <li>And whereas conditions of labour exist involving such injustice, hardship and privation to large numbers of people as to produce unrest so great that the peace and harmony of the world are imperilled; and an improvement of those conditions is urgently required;</li> <li>Whereas also the failure of any nation to adopt humane conditions of labour is an obstacle in the way of other nations which desire to improve the conditions in their own countries.</li> </ol>" })),
-        },
-    ],
-};
-const fiveItems = {
-    items: [
-        {
-            label: "Tab One",
-            content: (jsx(RichText, { content: "<h2>International Labour Organization</h2> <p>The <b>International Labour Organization</b> (<b>ILO</b>) is a <a href='https://www.un.org'>United Nations</a> agency whose mandate is to advance social and economic justice by setting international labour standards. Founded in October 1919 under the League of Nations, it is the first and oldest specialised agency of the UN. The ILO has 187 member states: 186 out of 193 UN member states plus the Cook Islands.</p> <p>Whereas also the failure of any nation to adopt humane conditions of labour is an obstacle in the way of other nations which desire to improve the conditions in their own countries.</p> <figure><img alt='placeholder image' class='right' src='/ilo-headquarters.jpg'><figcaption>The ILO's headquarters in Geneva, Switzerland. \u00A9Steiner SA</figcaption></figure> <h3>ILO Constitution</h3> <p>The driving forces for the ILO's creation arose from security, humanitarian, political and economic considerations.</p> <blockquote> <p>The fundamental ideas that forged the ILO one hundred and three years ago still underpin the global pledge to leave no one behind.</p> <cite>ILO Director-General Gilbert F. Houngbo</cite> </blockquote> Reflecting these ideas, the Preamble of the ILO Constitution states:</p> <ol> <li>Whereas universal and lasting peace can be established only if it is based upon social justice;</li> <li>And whereas conditions of labour exist involving such injustice, hardship and privation to large numbers of people as to produce unrest so great that the peace and harmony of the world are imperilled; and an improvement of those conditions is urgently required;</li> <li>Whereas also the failure of any nation to adopt humane conditions of labour is an obstacle in the way of other nations which desire to improve the conditions in their own countries.</li> </ol>" })),
-        },
-        {
-            label: "Tab Two",
-            content: (jsx(Image, { alt: "My alt text", caption: "Women construction workers in Nepal build roads and bridges as part of a National Rural Transport Programme co-sponsored by the ILO.", credit: "\u00A9 Marcel Crozet/ILO", url: [
-                    {
-                        breakpoint: 0,
-                        src: "https://place-hold.it/400x300?text=Tab Two Image",
-                    },
-                    {
-                        breakpoint: 800,
-                        src: "https://place-hold.it/800x600?text=Tab Two Image",
-                    },
-                    {
-                        breakpoint: 1200,
-                        src: "https://place-hold.it/1200x900?text=Tab Two Image",
-                    },
-                    {
-                        breakpoint: 1440,
-                        src: "https://place-hold.it/1600x1200?text=Tab Two Image",
-                    },
-                ] })),
-        },
-        {
-            label: "Tab Three",
-            content: (jsx(Image, { alt: "My alt text", caption: "Women construction workers in Nepal build roads and bridges as part of a National Rural Transport Programme co-sponsored by the ILO.", credit: "\u00A9 Marcel Crozet/ILO", url: [
-                    {
-                        breakpoint: 0,
-                        src: "https://place-hold.it/400x300?text=Tab Three Image",
-                    },
-                    {
-                        breakpoint: 800,
-                        src: "https://place-hold.it/800x600?text=Tab Three Image",
-                    },
-                    {
-                        breakpoint: 1200,
-                        src: "https://place-hold.it/1200x900?text=Tab Three Image",
-                    },
-                    {
-                        breakpoint: 1440,
-                        src: "https://place-hold.it/1600x1200?text=Tab Three Image",
-                    },
-                ] })),
-        },
-        {
-            label: "Tab Four Has A Really Lenghthy Title Which Might Get Truncated",
-            content: (jsx(Image, { alt: "My alt text", caption: "Women construction workers in Nepal build roads and bridges as part of a National Rural Transport Programme co-sponsored by the ILO.", credit: "\u00A9 Marcel Crozet/ILO", url: [
-                    {
-                        breakpoint: 0,
-                        src: "https://place-hold.it/400x300?text=Tab Four Image",
-                    },
-                    {
-                        breakpoint: 800,
-                        src: "https://place-hold.it/800x600?text=Tab Four Image",
-                    },
-                    {
-                        breakpoint: 1200,
-                        src: "https://place-hold.it/1200x900?text=Tab Four Image",
-                    },
-                    {
-                        breakpoint: 1440,
-                        src: "https://place-hold.it/1600x1200?text=Tab Four Image",
-                    },
-                ] })),
-        },
-        {
-            label: "Tab Five",
-            content: (jsx(Image, { alt: "My alt text", caption: "Women construction workers in Nepal build roads and bridges as part of a National Rural Transport Programme co-sponsored by the ILO.", credit: "\u00A9 Marcel Crozet/ILO", url: [
-                    {
-                        breakpoint: 0,
-                        src: "https://place-hold.it/400x300?text=Tab Five Image",
-                    },
-                    {
-                        breakpoint: 800,
-                        src: "https://place-hold.it/800x600?text=Tab Five Image",
-                    },
-                    {
-                        breakpoint: 1200,
-                        src: "https://place-hold.it/1200x900?text=Tab Five Image",
-                    },
-                    {
-                        breakpoint: 1440,
-                        src: "https://place-hold.it/1600x1200?text=Tab Five Image",
-                    },
-                ] })),
-        },
-    ],
-};
-/**
- * Sample prop definitions for Button's enumerable properties (imported in stories and tests).
- */
-const TabsArgs = {
-    tabs,
-    withIcon,
-    fiveItems,
-};
-
-export { TabsArgs as default };

package/lib/esm/components/Tabs/Tabs.js

@@ -1,22 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import classNames from 'classnames';
-import Icon from '../Icon/Icon.js';
-import 'tslib';
-import '../../GlobalCtx-7fb23cfa.js';
-import '@ilo-org/icons-react';
-
-const Tabs = ({ items }) => {
-    const [activeTab, setActiveTab] = useState(0);
-    const handleTabClick = (index, e) => {
-        setActiveTab(index);
-        e.preventDefault();
-    };
-    const { prefix } = useGlobalSettings();
-    const baseClass = `${prefix}--tabs`;
-    const tabsClasses = classNames(baseClass);
-    return (jsxs("div", Object.assign({ className: `${tabsClasses} tabs--js` }, { children: [jsx("ul", Object.assign({ className: `${baseClass}--selection`, role: "tablist" }, { children: items.map((tab, index) => (jsx("li", Object.assign({ role: "tab", className: `${baseClass}--selection--item ${activeTab === index ? "active" : ""}`, onClick: (e) => handleTabClick(index, e) }, { children: jsxs("a", Object.assign({ href: `#tab--${index}`, className: `${baseClass}--selection--button${tab.icon ? " icon" : ""}`, role: "tab", "aria-controls": `tab--${index}`, "aria-selected": index === activeTab ? true : false, title: tab.label }, { children: [jsx("span", Object.assign({ className: `${baseClass}--selection--label` }, { children: tab.label })), tab.icon && (jsx(Icon, { name: tab.icon.name, hidden: tab.icon.hidden }))] })) }), `#tab--${index}`))) })), jsx("div", Object.assign({ className: `${baseClass}--content` }, { children: items[activeTab].content }))] })));
-};
-
-export { Tabs as default };

package/lib/esm/components/Tabs/index.js

@@ -1,9 +0,0 @@
-export { default as Tabs } from './Tabs.js';
-import 'react/jsx-runtime';
-import 'react';
-import '../../hooks/useGlobalSettings.js';
-import 'tslib';
-import '../../GlobalCtx-7fb23cfa.js';
-import 'classnames';
-import '../Icon/Icon.js';
-import '@ilo-org/icons-react';

package/lib/esm/components/Tag/Tag.js

@@ -1,52 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useContext } from 'react';
-import classNames from 'classnames';
-import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import Icon from '../Icon/Icon.js';
-import { getUpdatedItems } from '@ilo-org/utils';
-import { T as TagSetContext } from '../../TagCtx-34c545fe.js';
-import '../../GlobalCtx-7fb23cfa.js';
-import '@ilo-org/icons-react';
-
-const Tag = (_a) => {
-    var { className, children, id, url, type, callback } = _a, rest = __rest(_a, ["className", "children", "id", "url", "type", "callback"]);
-    const { prefix } = useGlobalSettings();
-    const { activeItems, setActiveItems, allowMultipleActive } = useContext(TagSetContext);
-    const active = activeItems.indexOf(id) > -1;
-    const baseClass = `${prefix}--tag`;
-    const itemClass = `${prefix}--tag-set__item`;
-    const stringType = type;
-    const tagClasses = classNames(className, {
-        [baseClass]: true,
-        [`${baseClass}--active`]: active,
-        [`${baseClass}--${type}`]: type,
-        [`icon icon__position--right`]: true,
-    });
-    let visible = active;
-    /**
-     * On click, get id of clicked item, and set that item in state to 'active', all others to 'closed'
-     */
-    const handleClick = (e) => {
-        setActiveItems(getUpdatedItems({
-            id,
-            itemStatuses: activeItems,
-            allowMultipleExpanded: allowMultipleActive,
-        }));
-        visible = false;
-        if (callback) {
-            callback(e);
-        }
-    };
-    // @ts-ignore
-    const renderButton = () => {
-        let button;
-        if (visible) {
-            button = (jsx("li", Object.assign({ className: itemClass }, { children: jsxs("button", Object.assign({ type: "button", className: tagClasses, onClick: (e) => handleClick(e), id: id }, rest, { children: [children, jsx(Icon, { name: "close", hidden: true })] })) })));
-        }
-        return button;
-    };
-    return (jsx(Fragment, { children: stringType === "button" ? (jsx(Fragment, { children: renderButton() })) : (jsxs("li", Object.assign({ className: itemClass }, { children: [type === "anchor" && (jsx("a", Object.assign({ className: tagClasses, href: active ? url : "", id: id }, rest, { children: children }))), type === "display" && (jsx("span", Object.assign({ className: tagClasses, id: id }, rest, { children: children })))] }))) }));
-};
-
-export { Tag as default };

package/lib/esm/components/Tag/TagSet.js

@@ -1,44 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import { useState, useEffect, Children } from 'react';
-import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import { checkArrayDuplicates } from '../../utils/checkArrayDuplicates.js';
-import { T as TagSetContext } from '../../TagCtx-34c545fe.js';
-import '../../GlobalCtx-7fb23cfa.js';
-
-const TagSet = (_a) => {
-    var { className, children, onButtonClick, defaultTagActive = [], allowMultipleActive = true } = _a, rest = __rest(_a, ["className", "children", "onButtonClick", "defaultTagActive", "allowMultipleActive"]);
-    const { prefix } = useGlobalSettings();
-    const baseClass = `${prefix}--tag-set`;
-    const [activeItems, setActiveItems] = useState([]);
-    const defaultTagActiveString = JSON.stringify(defaultTagActive);
-    useEffect(() => {
-        const tagOnLoad = allowMultipleActive
-            ? defaultTagActive
-            : defaultTagActive.length > 0
-                ? [defaultTagActive[0]]
-                : defaultTagActive;
-        setActiveItems(tagOnLoad);
-    }, [defaultTagActiveString, allowMultipleActive]); //eslint-disable-line react-hooks/exhaustive-deps
-    if (children) {
-        const ids = [];
-        Children.forEach(children, (child) => {
-            ids.push(child.props.id);
-        });
-        if (checkArrayDuplicates(ids)) {
-            console.warn("Warning: Tags must have unique ids.");
-        }
-    }
-    const tagClasses = classNames(className, {
-        [baseClass]: true,
-    });
-    return (jsx(TagSetContext.Provider, Object.assign({ value: {
-            activeItems,
-            setActiveItems,
-            allowMultipleActive,
-            onButtonClick,
-        } }, { children: jsx("ul", Object.assign({ className: tagClasses }, rest, { children: children })) })));
-};
-
-export { TagSet as default };

package/lib/esm/components/Tag/index.js

@@ -1,13 +0,0 @@
-export { default as Tag } from './Tag.js';
-export { default as TagSet } from './TagSet.js';
-import 'tslib';
-import 'react/jsx-runtime';
-import 'react';
-import 'classnames';
-import '../../hooks/useGlobalSettings.js';
-import '../../GlobalCtx-7fb23cfa.js';
-import '../Icon/Icon.js';
-import '@ilo-org/icons-react';
-import '@ilo-org/utils';
-import '../../TagCtx-34c545fe.js';
-import '../../utils/checkArrayDuplicates.js';

package/lib/esm/components/TextInput/TextInput.js

@@ -1,28 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import React from 'react';
-import classNames from 'classnames';
-import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import FormControl, { useFormControl } from '../FormControl/FormControl.js';
-import '../../GlobalCtx-7fb23cfa.js';
-import 'nanoid';
-import '../Tooltip/Tooltip.js';
-import '@popperjs/core';
-
-const TextInput = React.forwardRef(({ onChange, onBlur, error, id, name, placeholder, required, pattern, disabled = false, type = "text", }, ref) => {
-    const { prefix } = useGlobalSettings();
-    const formControlCtx = useFormControl();
-    const { ariaDescribedBy } = formControlCtx;
-    const baseClass = `${prefix}--text-input`;
-    const inputClass = classNames(baseClass, {
-        [`${baseClass}__error`]: error,
-    });
-    return (jsx("input", { ref: ref, id: id ? id : name, name: name, onChange: onChange, onBlur: onBlur, disabled: disabled, placeholder: placeholder, required: required, type: type, className: inputClass, pattern: pattern, "aria-describedby": ariaDescribedBy }));
-});
-const LabelledTextInput = React.forwardRef((props, ref) => {
-    const { style, inputStyle, className } = props, rest = __rest(props, ["style", "inputStyle", "className"]);
-    const fieldId = props.id ? props.id : props.name;
-    return (jsx(FormControl, Object.assign({ fieldId: fieldId, style: style, className: className }, rest, { children: jsx(TextInput, Object.assign({ ref: ref, style: inputStyle }, rest)) })));
-});
-
-export { LabelledTextInput as default };

package/lib/esm/components/TextInput/index.js

@@ -1,49 +0,0 @@
-export { default as TextInput } from './TextInput.js';
-import 'tslib';
-import 'react/jsx-runtime';
-import 'react';
-import 'classnames';
-import '../../hooks/useGlobalSettings.js';
-import '../../GlobalCtx-7fb23cfa.js';
-import '../FormControl/FormControl.js';
-import 'nanoid';
-import '../Tooltip/Tooltip.js';
-import '@popperjs/core';
-
-const basic = {
-    disabled: false,
-    errorMessage: "This is an error message",
-    error: false,
-    style: { width: "100%" },
-    id: "text-input",
-    label: "Insert your name here",
-    labelPlacement: "top",
-    labelSize: "medium",
-    name: "text",
-    placeholder: "This is a text field",
-    required: false,
-    type: "text",
-};
-const isdisabled = Object.assign(Object.assign({}, basic), { disabled: true, placeholder: "Disabled Text Field" });
-const hashelper = Object.assign(Object.assign({}, basic), { placeholder: "This has a helper text" });
-const haserror = Object.assign(Object.assign({}, basic), { placeholder: "This has an error", error: true });
-const hastooltip = Object.assign(Object.assign({}, basic), { placeholder: "This has an tooltip", tooltip: "This is a tooltip" });
-const email = Object.assign(Object.assign({}, basic), { label: "Enter your email address", placeholder: "my@email.com", type: "email", id: "email-input" });
-const password = Object.assign(Object.assign({}, basic), { label: "Enter your password", placeholder: "Must be 8 digits long", type: "password", id: "password-input" });
-const telephone = Object.assign(Object.assign({}, basic), { name: "tel", label: "Enter your telephone number", placeholder: "###-###-####", required: false, type: "tel", pattern: "[0-9]{3}-[0-9]{3}-[0-9]{4}" });
-const url = Object.assign(Object.assign({}, basic), { label: "Enter website address", id: "url-input", name: "url", placeholder: "https://www.example.com", required: false, type: "url" });
-
-var TextInput_args = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  basic: basic,
-  email: email,
-  haserror: haserror,
-  hashelper: hashelper,
-  hastooltip: hastooltip,
-  isdisabled: isdisabled,
-  password: password,
-  telephone: telephone,
-  url: url
-});
-
-export { TextInput_args as TextInputArgs };

package/lib/esm/components/Textarea/Textarea.js

@@ -1,30 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import React from 'react';
-import classNames from 'classnames';
-import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import FormControl, { useFormControl } from '../FormControl/FormControl.js';
-import '../../GlobalCtx-7fb23cfa.js';
-import 'nanoid';
-import '../Tooltip/Tooltip.js';
-import '@popperjs/core';
-
-const Textarea = React.forwardRef((_a, ref) => {
-    var { error, className, name, id } = _a, props = __rest(_a, ["error", "className", "name", "id"]);
-    const { prefix } = useGlobalSettings();
-    const formControlCtx = useFormControl();
-    const { ariaDescribedBy } = formControlCtx;
-    const baseClass = `${prefix}--textarea`;
-    const errorClass = `${baseClass}__error`;
-    const textAreaClass = classNames(baseClass, className, {
-        [errorClass]: error,
-    });
-    return (jsx("textarea", Object.assign({ ref: ref, className: textAreaClass, name: name, id: id ? id : name, "aria-describedby": ariaDescribedBy }, props)));
-});
-const LabelledTextarea = React.forwardRef((props, ref) => {
-    const { style, inputStyle, className } = props, rest = __rest(props, ["style", "inputStyle", "className"]);
-    const fieldId = props.id ? props.id : props.name;
-    return (jsx(FormControl, Object.assign({ fieldId: fieldId, style: style, className: className }, rest, { children: jsx(Textarea, Object.assign({ ref: ref, style: inputStyle }, rest)) })));
-});
-
-export { LabelledTextarea as default };

package/lib/esm/components/Textarea/index.js

@@ -1,35 +0,0 @@
-export { default as Textarea } from './Textarea.js';
-import 'tslib';
-import 'react/jsx-runtime';
-import 'react';
-import 'classnames';
-import '../../hooks/useGlobalSettings.js';
-import '../../GlobalCtx-7fb23cfa.js';
-import '../FormControl/FormControl.js';
-import 'nanoid';
-import '../Tooltip/Tooltip.js';
-import '@popperjs/core';
-
-const placeholder = "It was a cold day in April and the clocks were striking thirteen....";
-const basic = {
-    id: "textarea",
-    disabled: false,
-    name: "textarea",
-    placeholder,
-    required: false,
-    spellcheck: false,
-    label: "Insert your life story here",
-    labelPlacement: "top",
-    labelSize: "medium",
-    style: { width: "100%" },
-    errorMessage: "This is an error message",
-};
-const haserror = Object.assign(Object.assign({}, basic), { error: true });
-const disabled = Object.assign(Object.assign({}, basic), { disabled: true });
-var Textarea_args = {
-    basic,
-    haserror,
-    disabled,
-};
-
-export { Textarea_args as TextareaArgs };

package/lib/esm/components/Toggle/Toggle.js

@@ -1,31 +0,0 @@
-import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import classNames from 'classnames';
-import FormControl, { useFormControl } from '../FormControl/FormControl.js';
-import '../../GlobalCtx-7fb23cfa.js';
-import 'nanoid';
-import '../Tooltip/Tooltip.js';
-import '@popperjs/core';
-
-const Toggle = forwardRef(({ size = "medium", error = false, disabled = false, defaultChecked = false, required = false, id, name, onChange, onBlur, onClick, checked, className, }, ref) => {
-    const { prefix } = useGlobalSettings();
-    const formControlCtx = useFormControl();
-    const { ariaDescribedBy } = formControlCtx;
-    const hasError = !disabled && !!error;
-    const baseClass = `${prefix}--input--toggle`;
-    const sliderClass = `${baseClass}--slider`;
-    const toggleClass = classNames(baseClass, className, `${baseClass}__size__${size}`, [
-        { [`${baseClass}__error`]: hasError },
-        { [`${baseClass}__disabled`]: disabled },
-    ]);
-    return (jsxs("div", Object.assign({ className: toggleClass }, { children: [jsx("input", { ref: ref, checked: checked, disabled: disabled, defaultChecked: defaultChecked, name: name, id: id ? id : name, type: "checkbox", role: "switch", required: required, onChange: onChange, onBlur: onBlur, onClick: onClick, "aria-describedby": ariaDescribedBy }), jsx("span", { className: sliderClass })] })));
-});
-const LabelledToggle = forwardRef((props, ref) => {
-    const fieldId = props.id ? props.id : props.name;
-    const { style, inputStyle, className } = props, rest = __rest(props, ["style", "inputStyle", "className"]);
-    return (jsx(FormControl, Object.assign({ fieldId: fieldId, style: style, className: className }, rest, { children: jsx(Toggle, Object.assign({ ref: ref, style: inputStyle }, rest)) })));
-});
-
-export { LabelledToggle as default };

package/lib/esm/components/Toggle/index.js

@@ -1,48 +0,0 @@
-export { default as Toggle } from './Toggle.js';
-import 'tslib';
-import 'react/jsx-runtime';
-import 'react';
-import '../../hooks/useGlobalSettings.js';
-import '../../GlobalCtx-7fb23cfa.js';
-import 'classnames';
-import '../FormControl/FormControl.js';
-import 'nanoid';
-import '../Tooltip/Tooltip.js';
-import '@popperjs/core';
-
-const Default = {
-    defaultChecked: false,
-    errorMessage: "Invalid option",
-    name: "my-toggle",
-    size: "medium",
-    label: "Show details",
-    labelPlacement: "end",
-    labelSize: "small",
-};
-const Checked = Object.assign(Object.assign({}, Default), { defaultChecked: true });
-const Disabled = Object.assign(Object.assign({}, Default), { disabled: true });
-const Helper = Object.assign(Object.assign({}, Default), { helper: "This is a helper text" });
-const Tooltip = Object.assign(Object.assign({}, Helper), { tooltip: "This is a tooltip" });
-const Error = Object.assign(Object.assign({}, Default), { error: true });
-const DefaultChecked = Object.assign(Object.assign({}, Default), { defaultChecked: true });
-const Controlled = Object.assign(Object.assign({}, Default), { onClick: () => console.log("clicked"), checked: true });
-const Large = Object.assign(Object.assign({}, Default), { size: "large" });
-const Medium = Object.assign(Object.assign({}, Default), { size: "medium" });
-const Small = Object.assign(Object.assign({}, Default), { size: "small" });
-
-var Toggle_args = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  Checked: Checked,
-  Controlled: Controlled,
-  Default: Default,
-  DefaultChecked: DefaultChecked,
-  Disabled: Disabled,
-  Error: Error,
-  Helper: Helper,
-  Large: Large,
-  Medium: Medium,
-  Small: Small,
-  Tooltip: Tooltip
-});
-
-export { Toggle_args as ToggleArgs };

package/lib/esm/components/Tooltip/Tooltip.js

@@ -1,71 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useState, useRef } from 'react';
-import classNames from 'classnames';
-import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import { createPopper } from '@popperjs/core';
-import 'tslib';
-import '../../GlobalCtx-7fb23cfa.js';
-
-const Tooltip = ({ className, children, icon, label, iconTheme, theme, id, }) => {
-    const { prefix } = useGlobalSettings();
-    const baseClass = `${prefix}--tooltip`;
-    const [isVisible, setIsVisible] = useState(false);
-    const tooltipRef = useRef(null);
-    const popperInstanceRef = useRef(null);
-    const isLongTooltip = () => {
-        var _a, _b;
-        const tooltipText = (((_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.textContent) ||
-            ((_b = tooltipRef.current) === null || _b === void 0 ? void 0 : _b.innerText) ||
-            "").trim();
-        return tooltipText.length > 50;
-    };
-    const tooltipClasses = classNames(className, {
-        [baseClass]: true,
-        [`${baseClass}--${theme}`]: theme,
-        [`${baseClass}--visible`]: isVisible,
-        [`${baseClass}--long`]: isLongTooltip(),
-    });
-    const tooltipArrowClasses = classNames(`${baseClass}--arrow`, `${baseClass}--arrow--placement-negative`);
-    const iconClasses = classNames(className, `${baseClass}--wrapper`, {
-        [`${baseClass}--wrapper__icon ${baseClass}--wrapper__icon__theme__${theme}`]: icon,
-        [`${baseClass}--wrapper__icon__theme__${theme}`]: iconTheme,
-    });
-    const handleOnMouseOver = (e) => {
-        const target = e.currentTarget;
-        if (target && tooltipRef.current) {
-            const popperInstance = createPopper(target, tooltipRef.current, {
-                placement: "top",
-                modifiers: [
-                    {
-                        name: "offset",
-                        options: {
-                            offset: [0, 12], // Adjust offset as needed
-                        },
-                    },
-                    {
-                        name: "flip",
-                        enabled: true,
-                    },
-                    {
-                        name: "preventOverflow",
-                        enabled: true,
-                    },
-                ],
-            });
-            popperInstanceRef.current = popperInstance;
-            setIsVisible(true);
-        }
-    };
-    const handleOnMouseOut = () => {
-        if (popperInstanceRef.current) {
-            popperInstanceRef.current.destroy();
-        }
-        setIsVisible(false);
-    };
-    const handleOnFocus = (e) => {
-        handleOnMouseOver(e);
-    };
-    return (jsxs("div", Object.assign({ className: iconClasses, onMouseOver: handleOnMouseOver, onFocus: handleOnFocus, onMouseOut: handleOnMouseOut, onBlur: handleOnMouseOut, id: id }, { children: [!icon && jsx(Fragment, { children: children }), jsxs("span", Object.assign({ className: tooltipClasses, ref: tooltipRef, "data-id": id, id: "tooltip", role: "tooltip", "aria-hidden": !isVisible }, { children: [jsx("span", { "data-popper-arrow": true, className: tooltipArrowClasses, "data-placement": "negative", role: "presentation" }), label] }))] })));
-};
-
-export { Tooltip as default };

package/lib/esm/components/Tooltip/index.js

@@ -1,8 +0,0 @@
-export { default as Tooltip } from './Tooltip.js';
-import 'react/jsx-runtime';
-import 'react';
-import 'classnames';
-import '../../hooks/useGlobalSettings.js';
-import 'tslib';
-import '../../GlobalCtx-7fb23cfa.js';
-import '@popperjs/core';

package/lib/esm/components/Video/Video.js

@@ -1,24 +0,0 @@
-import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import classNames from 'classnames';
-import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import VideoPlayer from './VideoPlayer.js';
-import '../../GlobalCtx-7fb23cfa.js';
-import 'videojs-youtube';
-import 'video.js';
-
-const Video = forwardRef((_a, ref) => {
-    var { className, caption } = _a, video = __rest(_a, ["className", "caption"]);
-    const { prefix } = useGlobalSettings();
-    const baseClass = `${prefix}--video`;
-    const videoClasses = classNames(className, {
-        [baseClass]: true,
-    });
-    const captionClasses = classNames("", {
-        [`${baseClass}--caption`]: true,
-    });
-    return (jsxs("figure", Object.assign({ className: videoClasses }, { children: [jsx("div", Object.assign({ className: `${videoClasses}--wrapper` }, { children: video && jsx(VideoPlayer, Object.assign({}, video, { ref: ref })) })), caption && (jsx("figcaption", Object.assign({ className: captionClasses }, { children: caption })))] })));
-});
-
-export { Video as default };