@ilo-org/react 0.17.8 → 0.18.0

package/lib/cjs/components/Collapse/index.js

@@ -1,17 +0,0 @@
-'use strict';
-
-var components_Collapse_Collapse = require('./Collapse.js');
-require('tslib');
-require('react/jsx-runtime');
-require('classnames');
-require('react');
-require('react-dom');
-require('../../utils/createChainedFunction.js');
-require('../../utils/getDefaultDimensionValue.js');
-require('../../css-9c93400b.js');
-require('../../utils/transitionEndListener.js');
-require('../../utils/triggerBrowserReflow.js');
-
-
-
-exports.Collapse = components_Collapse_Collapse;

package/lib/cjs/components/ContextMenu/ContextMenu.js

@@ -1,20 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('../../GlobalCtx-10114bdd.js');
-
-const ContextMenu = React.forwardRef(({ className, links }, ref) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--context-menu`;
-    const contextMenuClasses = classNames(className, {
-        [baseClass]: true,
-    });
-    return (jsxRuntime.jsx("ol", Object.assign({ className: contextMenuClasses, ref: ref }, { children: links &&
-            links.map((link, i) => (jsxRuntime.jsx("li", Object.assign({ className: `${baseClass}--item ${link.endsection ? "endsection" : ""}` }, { children: jsxRuntime.jsx("a", Object.assign({ href: link.url, className: `${baseClass}--link` }, { children: jsxRuntime.jsx("span", Object.assign({ className: `${baseClass}--label` }, { children: link.label })) })) }), `${baseClass}--item-${i}`))) })));
-});
-
-module.exports = ContextMenu;

package/lib/cjs/components/ContextMenu/index.js

@@ -1,13 +0,0 @@
-'use strict';
-
-var components_ContextMenu_ContextMenu = require('./ContextMenu.js');
-require('react/jsx-runtime');
-require('react');
-require('classnames');
-require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('../../GlobalCtx-10114bdd.js');
-
-
-
-exports.ContextMenu = components_ContextMenu_ContextMenu;

package/lib/cjs/components/Credit/Credit.js

@@ -1,33 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('../../GlobalCtx-10114bdd.js');
-
-const Credit = ({ className, credit }) => {
-    const [showcredit, showCredit] = React.useState(false);
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--credit`;
-    const creditClasses = classNames(className, {
-        [baseClass]: true,
-        ["show"]: showcredit,
-    });
-    /**
-     * Show credit tooltip
-     */
-    const showCreditTip = () => {
-        showCredit(true);
-    };
-    /**
-     * Hide credit tooltip
-     */
-    const hideCreditTip = () => {
-        showCredit(false);
-    };
-    return (jsxRuntime.jsx("span", Object.assign({ className: creditClasses, onMouseEnter: showCreditTip, onMouseLeave: hideCreditTip }, { children: jsxRuntime.jsx("span", Object.assign({ className: `${baseClass}--label` }, { children: credit })) })));
-};
-
-module.exports = Credit;

package/lib/cjs/components/Credit/index.js

@@ -1,13 +0,0 @@
-'use strict';
-
-var components_Credit_Credit = require('./Credit.js');
-require('react/jsx-runtime');
-require('react');
-require('classnames');
-require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('../../GlobalCtx-10114bdd.js');
-
-
-
-exports.Credit = components_Credit_Credit;

package/lib/cjs/components/DatePicker/DatePicker.js

@@ -1,37 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var components_FormControl_FormControl = require('../FormControl/FormControl.js');
-require('../../GlobalCtx-10114bdd.js');
-require('nanoid');
-require('../Tooltip/Tooltip.js');
-require('@popperjs/core');
-
-const DatePicker = React.forwardRef((props, ref) => {
-    const { onChange, onBlur, disabled = false, error, id, name, placeholder, required, max, min, step, } = props;
-    const { prefix } = hooks_useGlobalSettings();
-    const formControlCtx = components_FormControl_FormControl.useFormControl();
-    const { ariaDescribedBy } = formControlCtx;
-    const inputClass = `${prefix}--input`;
-    const baseClass = `${prefix}--datepicker`;
-    const datePickerClasses = classNames(inputClass, baseClass, {
-        [`error`]: error,
-    });
-    const handleChange = (e) => {
-        if (onChange) {
-            onChange(e);
-        }
-    };
-    return (jsxRuntime.jsx("input", { ref: ref, type: "date", id: id ? id : name, name: name, onChange: handleChange, onBlur: onBlur, disabled: disabled, placeholder: placeholder, required: required, className: datePickerClasses, max: max, min: min, step: step, "aria-describedby": ariaDescribedBy }));
-});
-const LabelledDatePicker = React.forwardRef((props, ref) => {
-    const { style, inputStyle, className } = props, rest = tslib.__rest(props, ["style", "inputStyle", "className"]);
-    const fieldId = props.id ? props.id : props.name;
-    return (jsxRuntime.jsx(components_FormControl_FormControl.default, Object.assign({ fieldId: fieldId, style: style, className: className }, rest, { children: jsxRuntime.jsx(DatePicker, Object.assign({ ref: ref, style: inputStyle }, rest)) })));
-});
-
-module.exports = LabelledDatePicker;

package/lib/cjs/components/DatePicker/index.js

@@ -1,17 +0,0 @@
-'use strict';
-
-var components_DatePicker_DatePicker = require('./DatePicker.js');
-require('tslib');
-require('react/jsx-runtime');
-require('react');
-require('classnames');
-require('../../hooks/useGlobalSettings.js');
-require('../../GlobalCtx-10114bdd.js');
-require('../FormControl/FormControl.js');
-require('nanoid');
-require('../Tooltip/Tooltip.js');
-require('@popperjs/core');
-
-
-
-exports.DatePicker = components_DatePicker_DatePicker;

package/lib/cjs/components/Dropdown/Dropdown.js

@@ -1,39 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var components_FormControl_FormControl = require('../FormControl/FormControl.js');
-require('../../GlobalCtx-10114bdd.js');
-require('nanoid');
-require('../Tooltip/Tooltip.js');
-require('@popperjs/core');
-
-const Dropdown = React.forwardRef((props, ref) => {
-    const { autocomplete, onChange, onBlur, disabled = false, error, id, name, options, required, value, form, multiple, selectSize, } = props;
-    const { prefix } = hooks_useGlobalSettings();
-    const formControlCtx = components_FormControl_FormControl.useFormControl();
-    const { ariaDescribedBy } = formControlCtx;
-    const baseClass = `${prefix}--dropdown`;
-    const dropdownClasses = classNames(baseClass, {
-        [`error`]: error,
-    });
-    const [currentvalue, setValue] = React.useState(value);
-    const handleChange = (e) => {
-        setValue(e.target.value);
-        if (onChange) {
-            onChange(e);
-        }
-    };
-    return (jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--wrapper` }, { children: jsxRuntime.jsx("select", Object.assign({ ref: ref, id: id ? id : name, autoComplete: autocomplete, name: name, required: required, onChange: handleChange, onBlur: onBlur, disabled: disabled, className: dropdownClasses, value: currentvalue, form: form, multiple: multiple, size: selectSize, "aria-describedby": ariaDescribedBy }, { children: options &&
-                options.map((option, i) => (jsxRuntime.jsx("option", Object.assign({ disabled: option.disabled, label: option.label, value: option.value }, { children: option.label }), `${baseClass}--option--${i}`))) })) })));
-});
-const LabelledDropdown = React.forwardRef((props, ref) => {
-    const { style, inputStyle, className } = props, rest = tslib.__rest(props, ["style", "inputStyle", "className"]);
-    const fieldId = props.id ? props.id : props.name;
-    return (jsxRuntime.jsx(components_FormControl_FormControl.default, Object.assign({ fieldId: fieldId, style: style, className: className }, rest, { children: jsxRuntime.jsx(Dropdown, Object.assign({ ref: ref, style: inputStyle }, rest)) })));
-});
-
-module.exports = LabelledDropdown;

package/lib/cjs/components/Dropdown/index.js

@@ -1,17 +0,0 @@
-'use strict';
-
-var components_Dropdown_Dropdown = require('./Dropdown.js');
-require('tslib');
-require('react/jsx-runtime');
-require('react');
-require('classnames');
-require('../../hooks/useGlobalSettings.js');
-require('../../GlobalCtx-10114bdd.js');
-require('../FormControl/FormControl.js');
-require('nanoid');
-require('../Tooltip/Tooltip.js');
-require('@popperjs/core');
-
-
-
-exports.Dropdown = components_Dropdown_Dropdown;

package/lib/cjs/components/Empty/Empty.js

@@ -1,19 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-
-const Empty = ({ className, style }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--empty`;
-    const emptyClasses = classNames(className, {
-        [baseClass]: true,
-    });
-    return jsxRuntime.jsx("div", { style: style, className: emptyClasses });
-};
-
-module.exports = Empty;

package/lib/cjs/components/Empty/index.js

@@ -1,13 +0,0 @@
-'use strict';
-
-var components_Empty_Empty = require('./Empty.js');
-require('react/jsx-runtime');
-require('classnames');
-require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-
-
-
-exports.Empty = components_Empty_Empty;

package/lib/cjs/components/Fieldset/Fieldset.js

@@ -1,48 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var components_Tooltip_Tooltip = require('../Tooltip/Tooltip.js');
-require('../../GlobalCtx-10114bdd.js');
-require('@popperjs/core');
-
-// Create a new context for the error state
-const FieldsetErrorContext = React.createContext({
-    hasError: false,
-    setHasError: (value) => value,
-});
-// Custom hook to access the error state from the context
-const useFieldsetError = () => React.useContext(FieldsetErrorContext);
-const Fieldset = (_a) => {
-    var { children, className, legend, helper, tooltip, errorMessage, disabled = false, wrap = "nowrap", direction = "column" } = _a, props = tslib.__rest(_a, ["children", "className", "legend", "helper", "tooltip", "errorMessage", "disabled", "wrap", "direction"]);
-    const { prefix } = hooks_useGlobalSettings();
-    const [hasError, setHasError] = React.useState(false);
-    const baseClass = `${prefix}--fieldset`;
-    const wrapClass = `${baseClass}--wrap__${wrap}`;
-    const directionClass = `${baseClass}--direction__${direction}`;
-    const helperClass = `${baseClass}--helper`;
-    const errorClass = `${baseClass}__error`;
-    const disabledClass = `${baseClass}__disabled`;
-    const fieldsetClasses = classNames(className, baseClass, wrapClass, directionClass, {
-        [disabledClass]: disabled,
-    });
-    const helperClasses = classNames(helperClass, {
-        [errorClass]: hasError,
-    });
-    const contextValue = {
-        hasError,
-        setHasError,
-    };
-    const showHelper = !!helper || hasError;
-    const helperMessage = hasError ? errorMessage : helper;
-    return (jsxRuntime.jsxs("fieldset", Object.assign({ className: fieldsetClasses }, props, { children: [legend || helper ? (jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--legend-wrapper` }, { children: [legend && (jsxRuntime.jsxs("legend", Object.assign({ className: `${baseClass}--legend` }, { children: [legend, tooltip && (jsxRuntime.jsx(components_Tooltip_Tooltip, { className: `${baseClass}--legend--tooltip`, icon: true, label: tooltip, theme: "dark" }))] }))), showHelper && jsxRuntime.jsx("span", Object.assign({ className: helperClasses }, { children: helperMessage }))] }))) : null, jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--elements` }, { children: jsxRuntime.jsx(FieldsetErrorContext.Provider, Object.assign({ value: contextValue }, { children: children })) }))] })));
-};
-
-exports.FieldsetErrorContext = FieldsetErrorContext;
-exports.default = Fieldset;
-exports.useFieldsetError = useFieldsetError;

package/lib/cjs/components/Fieldset/index.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var components_Fieldset_Fieldset = require('./Fieldset.js');
-require('tslib');
-require('react/jsx-runtime');
-require('react');
-require('classnames');
-require('../../hooks/useGlobalSettings.js');
-require('../../GlobalCtx-10114bdd.js');
-require('../Tooltip/Tooltip.js');
-require('@popperjs/core');
-
-
-
-exports.Fieldset = components_Fieldset_Fieldset.default;

package/lib/cjs/components/FileUpload/FileUpload.js

@@ -1,49 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var components_FormControl_FormControl = require('../FormControl/FormControl.js');
-require('../../GlobalCtx-10114bdd.js');
-require('nanoid');
-require('../Tooltip/Tooltip.js');
-require('@popperjs/core');
-
-function formatBytes(bytes, decimals = 2) {
-    if (!+bytes)
-        return "0 Bytes";
-    const k = 1024;
-    const dm = decimals < 0 ? 0 : decimals;
-    const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
-    const i = Math.floor(Math.log(bytes) / Math.log(k));
-    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
-}
-const FileUpload = React.forwardRef(({ onChange, onBlur, disabled = false, error, id, multiple, name, placeholder, required, accept, }, ref) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const formControlCtx = components_FormControl_FormControl.useFormControl();
-    const { ariaDescribedBy } = formControlCtx;
-    const baseClass = `${prefix}--file-upload`;
-    const fileUploadClasses = classNames(baseClass, {
-        [`error`]: error,
-    });
-    const inputClass = `${baseClass}--input`;
-    const [uploadfiles, setUploadFiles] = React.useState(null);
-    const handleChange = (e) => {
-        const files = e.target.files;
-        setUploadFiles(files);
-        if (onChange) {
-            onChange(e);
-        }
-    };
-    const inputId = id ? id : name;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", Object.assign({ className: fileUploadClasses }, { children: jsxRuntime.jsxs("label", Object.assign({ className: inputClass }, { children: [placeholder, jsxRuntime.jsx("input", { ref: ref, id: inputId, name: name, accept: accept, onChange: handleChange, onBlur: onBlur, disabled: disabled, multiple: multiple, placeholder: placeholder, required: required, type: "file", "data-label": placeholder, "aria-describedby": ariaDescribedBy })] })) })), uploadfiles && uploadfiles.length > 0 && (jsxRuntime.jsx("ul", Object.assign({ className: `${baseClass}--list` }, { children: [...uploadfiles].map((file, i) => (jsxRuntime.jsx("li", Object.assign({ className: `${baseClass}--list-item` }, { children: `${file.name} (${formatBytes(file.size)})` }), `${baseClass}--list-item-${i}`))) })))] }));
-});
-const LabelledFileUpload = React.forwardRef((props, ref) => {
-    const { style, inputStyle, className } = props, rest = tslib.__rest(props, ["style", "inputStyle", "className"]);
-    const fieldId = props.id ? props.id : props.name;
-    return (jsxRuntime.jsx(components_FormControl_FormControl.default, Object.assign({ fieldId: fieldId, style: style, className: className }, rest, { children: jsxRuntime.jsx(FileUpload, Object.assign({ ref: ref, style: inputStyle }, rest)) })));
-});
-
-module.exports = LabelledFileUpload;

package/lib/cjs/components/FileUpload/index.js

@@ -1,17 +0,0 @@
-'use strict';
-
-var components_FileUpload_FileUpload = require('./FileUpload.js');
-require('tslib');
-require('react/jsx-runtime');
-require('react');
-require('classnames');
-require('../../hooks/useGlobalSettings.js');
-require('../../GlobalCtx-10114bdd.js');
-require('../FormControl/FormControl.js');
-require('nanoid');
-require('../Tooltip/Tooltip.js');
-require('@popperjs/core');
-
-
-
-exports.FileUpload = components_FileUpload_FileUpload;

package/lib/cjs/components/Footer/Footer.js

@@ -1,24 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var classNames = require('classnames');
-var components_LinkList_LinkList = require('../LinkList/LinkList.js');
-var components_Button_Button = require('../Button/Button.js');
-var components_SocialMedia_SocialMedia = require('../SocialMedia/SocialMedia.js');
-require('../SocialMedia/index.js');
-require('tslib');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-require('../Link/Link.js');
-require('../Icon/Icon.js');
-require('@ilo-org/icons-react');
-
-const Footer = ({ className, logo, tagline, subtagline, address, linkgroup, socialmedia, subscribe, legal, secondarylinks, anchorlink, }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--footer`;
-    const footerClasses = classNames(className, baseClass);
-    return (jsxRuntime.jsxs("footer", Object.assign({ className: footerClasses }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--main ${prefix}--container` }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: "site--info" }, { children: [jsxRuntime.jsx("img", { className: `${baseClass}--logo`, src: logo, alt: "ILO Logo" }), jsxRuntime.jsx("h3", Object.assign({ className: `${baseClass}--headline` }, { children: tagline })), jsxRuntime.jsx("h4", Object.assign({ className: `${baseClass}--subhead` }, { children: subtagline }))] })), address && (jsxRuntime.jsx("div", Object.assign({ className: "address" }, { children: address.map((line, i) => (jsxRuntime.jsx("p", Object.assign({ className: "address--line" }, { children: line }), i))) }))), linkgroup && (jsxRuntime.jsx("nav", Object.assign({ className: "links" }, { children: jsxRuntime.jsx(components_LinkList_LinkList, { linkgroup: linkgroup, theme: "dark" }) }))), socialmedia && (jsxRuntime.jsx("div", Object.assign({ className: "connect" }, { children: jsxRuntime.jsx("div", Object.assign({ className: "social--links" }, { children: jsxRuntime.jsx(components_SocialMedia_SocialMedia, Object.assign({}, socialmedia, { theme: "dark" })) })) }))), subscribe && (jsxRuntime.jsx("div", Object.assign({ className: "subscribe" }, { children: jsxRuntime.jsx(components_Button_Button, { label: subscribe === null || subscribe === void 0 ? void 0 : subscribe.label, url: subscribe === null || subscribe === void 0 ? void 0 : subscribe.url, type: "primary", size: "large", target: "_blank" }) })))] })), jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--secondary` }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${prefix}--container` }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--secondary--details` }, { children: [jsxRuntime.jsx("div", Object.assign({ className: "legal" }, { children: legal })), secondarylinks && (jsxRuntime.jsx("nav", Object.assign({ className: "secondarylinks" }, { children: jsxRuntime.jsx("ul", Object.assign({ className: "secondarylinks--list" }, { children: secondarylinks.map((link, i) => (jsxRuntime.jsx("li", Object.assign({ className: "secondarylinks--list--item" }, { children: jsxRuntime.jsx("a", Object.assign({ href: link.url, className: "secondarylinks--list--link" }, { children: link === null || link === void 0 ? void 0 : link.label }), i) })))) })) })))] })), jsxRuntime.jsx("a", Object.assign({ href: anchorlink === null || anchorlink === void 0 ? void 0 : anchorlink.url, className: "anchorlink" }, { children: anchorlink === null || anchorlink === void 0 ? void 0 : anchorlink.label }))] })) }))] })));
-};
-
-module.exports = Footer;

package/lib/cjs/components/Footer/index.js

@@ -1,20 +0,0 @@
-'use strict';
-
-var components_Footer_Footer = require('./Footer.js');
-require('react/jsx-runtime');
-require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-require('classnames');
-require('../LinkList/LinkList.js');
-require('../Button/Button.js');
-require('../Link/Link.js');
-require('../Icon/Icon.js');
-require('@ilo-org/icons-react');
-require('../SocialMedia/SocialMedia.js');
-require('../SocialMedia/index.js');
-
-
-
-exports.Footer = components_Footer_Footer;

package/lib/cjs/components/Form/Form.js

@@ -1,19 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var classNames = require('classnames');
-require('../../GlobalCtx-10114bdd.js');
-
-const Form = React.forwardRef((_a, ref) => {
-    var { children, theme = "light" } = _a, props = tslib.__rest(_a, ["children", "theme"]);
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--form`;
-    const themeClass = `${baseClass}__theme__${theme}`;
-    const formClasses = classNames(baseClass, themeClass);
-    return (jsxRuntime.jsx("form", Object.assign({ ref: ref, className: formClasses }, props, { children: children })));
-});
-
-module.exports = Form;

package/lib/cjs/components/Form/index.js

@@ -1,21 +0,0 @@
-'use strict';
-
-var components_Form_Form = require('./Form.js');
-require('tslib');
-require('react/jsx-runtime');
-require('react');
-require('../../hooks/useGlobalSettings.js');
-require('../../GlobalCtx-10114bdd.js');
-require('classnames');
-
-const basic = {
-    theme: "light",
-};
-
-var Form_args = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  basic: basic
-});
-
-exports.Form = components_Form_Form;
-exports.FormArgs = Form_args;

package/lib/cjs/components/FormControl/FormControl.js

@@ -1,79 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var nanoid = require('nanoid');
-var React = require('react');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var components_Tooltip_Tooltip = require('../Tooltip/Tooltip.js');
-require('tslib');
-require('../../GlobalCtx-10114bdd.js');
-require('@popperjs/core');
-
-// Calculates unique IDs for the internal accessibility elements
-// TODO: When we upgrade to React 8, this should use useId instead
-function getA11yFields(baseClass = "", { tooltip, helper, errorMessage } = {}) {
-    return {
-        tooltipId: tooltip && `${baseClass}--tooltip--${nanoid.nanoid()}`,
-        helperId: helper && `${baseClass}--helper--${nanoid.nanoid()}`,
-        errorId: errorMessage && `${baseClass}--error--${nanoid.nanoid()}`,
-    };
-}
-// Calculates the aria-describedby attribute value based on whether or not there's an error
-function getAriaDescribedBy(getAllyFields, hasError) {
-    const { tooltipId, helperId, errorId } = getAllyFields;
-    const ariaDescribedBy = classNames(tooltipId, {
-        [`${helperId}`]: !hasError,
-        [`${errorId}`]: hasError,
-    });
-    // For some reason, classnames seems to return "undefined" as a string sometimes
-    if (!ariaDescribedBy || ariaDescribedBy === "undefined") {
-        return undefined;
-    }
-    return ariaDescribedBy;
-}
-// The context passed down to form elements wrapped by the form control
-const FormControlContext = React.createContext({});
-// Hook to get the context value
-const useFormControl = () => React.useContext(FormControlContext);
-const FormControl = ({ children, className, label, helper, errorMessage, tooltip, style, error, disabled, fieldId, labelSize = "medium", labelPlacement = "top", }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    // Classes applied to the outer container
-    const baseClass = `${prefix}--form-control`;
-    // The ids of the tooltip, helper, and error only get calculated on first render
-    const a11yFields = React.useMemo(() => getA11yFields(baseClass, { helper, errorMessage, tooltip }), [baseClass, helper, errorMessage, tooltip]);
-    // The ids of the tooltip, helper, and error
-    const { tooltipId, helperId, errorId } = a11yFields;
-    // The aria-describedby attribute value
-    const [ariaDescribedBy, setAriaDescribedBy] = React.useState(undefined);
-    // Update the aria-describedby attribute value when the error changes
-    React.useEffect(() => {
-        setAriaDescribedBy(getAriaDescribedBy({ tooltipId, helperId, errorId }, error));
-    }, [tooltipId, helperId, errorId, error]);
-    // The context passed down to form elements wrapped by the form control
-    const contextValue = {
-        ariaDescribedBy,
-    };
-    // Classes applied to the outer container
-    const errorClass = `${baseClass}__error`;
-    const disabledClass = `${baseClass}__disabled`;
-    const labelPlacementClass = `${baseClass}__label-placement__${labelPlacement}`;
-    const formControlClass = classNames(baseClass, className, labelPlacementClass, [{ [errorClass]: error }, { [disabledClass]: disabled }]);
-    // Classes applies to the label
-    const labelBaseClass = `${baseClass}--label`;
-    const labelSizeClass = `${labelBaseClass}__size__${labelSize}`;
-    const labelClass = classNames(labelBaseClass, labelSizeClass);
-    // Helper class
-    const helperClass = `${baseClass}--helper`;
-    // Show the error message if there is an error and an error message
-    const showError = !!error && !!errorMessage;
-    // Show the helper text if there is no error and a helper text
-    const showHelper = !showError && !!helper;
-    return (jsxRuntime.jsx(FormControlContext.Provider, Object.assign({ value: contextValue }, { children: jsxRuntime.jsxs("div", Object.assign({ className: formControlClass, style: style }, { children: [jsxRuntime.jsxs("span", Object.assign({ className: labelClass }, { children: [jsxRuntime.jsx("label", Object.assign({ htmlFor: fieldId }, { children: label })), tooltip && (jsxRuntime.jsx(components_Tooltip_Tooltip, { id: tooltipId, className: `${baseClass}--legend--tooltip`, icon: true, label: tooltip, theme: "dark" }))] })), children, showHelper && (jsxRuntime.jsx("span", Object.assign({ id: helperId, className: helperClass }, { children: helper }))), showError && (jsxRuntime.jsx("span", Object.assign({ id: errorId, className: helperClass, "aria-live": "assertive" }, { children: errorMessage })))] })) })));
-};
-
-exports.FormControlContext = FormControlContext;
-exports.default = FormControl;
-exports.useFormControl = useFormControl;

package/lib/cjs/components/FormControl/index.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var components_FormControl_FormControl = require('./FormControl.js');
-require('react/jsx-runtime');
-require('classnames');
-require('nanoid');
-require('react');
-require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('../../GlobalCtx-10114bdd.js');
-require('../Tooltip/Tooltip.js');
-require('@popperjs/core');
-
-
-
-exports.FormControl = components_FormControl_FormControl.default;

package/lib/cjs/components/FormElement/FormElement.js

@@ -1,19 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-// TODO: What is the point of this component?
-const FormElement = ({ children,
-// className,
-// error,
-// elemid,
-// helper,
-// label,
-// required,
-// tooltip,
-// type,
- }) => {
-    return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children });
-};
-
-module.exports = FormElement;

package/lib/cjs/components/FormElement/index.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var components_FormElement_FormElement = require('./FormElement.js');
-require('react/jsx-runtime');
-
-
-
-exports.FormElement = components_FormElement_FormElement;

package/lib/cjs/components/GlobalProvider/GlobalProvider.js

@@ -1,18 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var GlobalCtx = require('../../GlobalCtx-10114bdd.js');
-require('react');
-
-var themeprefix = {
-	value: "ilo",
-	comment: "the prefix namespace for the theme"
-};
-
-const GlobalProvider = ({ prefix = themeprefix.value, children, }) => {
-    return (jsxRuntime.jsx(GlobalCtx.GlobalProviderContext.Provider, Object.assign({ value: {
-            prefix,
-        } }, { children: children })));
-};
-
-module.exports = GlobalProvider;

package/lib/cjs/components/GlobalProvider/index.js

@@ -1,11 +0,0 @@
-'use strict';
-
-var components_GlobalProvider_GlobalProvider = require('./GlobalProvider.js');
-var GlobalCtx = require('../../GlobalCtx-10114bdd.js');
-require('react/jsx-runtime');
-require('react');
-
-
-
-exports.GlobalProvider = components_GlobalProvider_GlobalProvider;
-exports.GlobalProviderContext = GlobalCtx.GlobalProviderContext;