@ilo-org/react 0.18.5 → 0.20.0

package/lib/esm/_store/Tag-chunk-DG8gqUnh.js

@@ -1,65 +0,0 @@
-import { jsx as t, Fragment as g, jsxs as x } from "react/jsx-runtime";
-import { createContext as T, useContext as I } from "react";
-import { c as _ } from "./index-chunk-0LeqwHm8.js";
-import { u as S } from "./useGlobalSettings-chunk-gkijV3S1.js";
-import { I as j } from "./Icon-chunk-nLD8VsP5.js";
-import { e as w } from "./checkArrayDuplicates-chunk-C7cf0TQw.js";
-const A = T({}), B = ({
-  className: d,
-  children: n,
-  id: e,
-  url: h,
-  type: s,
-  callback: l,
-  ...a
-}) => {
-  const { prefix: m } = S(), { activeItems: u, setActiveItems: C, allowMultipleActive: b } = I(A), i = u.indexOf(e) > -1, c = `${m}--tag`, f = `${m}--tag-set__item`, v = s, r = _(d, {
-    [c]: !0,
-    [`${c}--active`]: i,
-    [`${c}--${s}`]: s,
-    "icon icon__position--right": !0
-  });
-  let p = i;
-  const $ = (o) => {
-    C(
-      w({
-        id: e,
-        itemStatuses: u,
-        allowMultipleExpanded: b
-      })
-    ), p = !1, l && l(o);
-  };
-  return /* @__PURE__ */ t(g, { children: v === "button" ? /* @__PURE__ */ t(g, { children: (() => {
-    let o;
-    return p && (o = /* @__PURE__ */ t("li", { className: f, children: /* @__PURE__ */ x(
-      "button",
-      {
-        type: "button",
-        className: r,
-        onClick: (N) => $(N),
-        id: e,
-        ...a,
-        children: [
-          n,
-          /* @__PURE__ */ t(j, { name: "close", hidden: !0 })
-        ]
-      }
-    ) })), o;
-  })() }) : /* @__PURE__ */ x("li", { className: f, children: [
-    s === "anchor" && /* @__PURE__ */ t(
-      "a",
-      {
-        className: r,
-        href: i ? h : "",
-        id: e,
-        ...a,
-        children: n
-      }
-    ),
-    s === "display" && /* @__PURE__ */ t("span", { className: r, id: e, ...a, children: n })
-  ] }) });
-}, z = B;
-export {
-  z as T,
-  A as a
-};

package/lib/esm/_store/Tag-entry-BxKwoM37.js

@@ -1,46 +0,0 @@
-import { a as x } from "./Tag-chunk-DG8gqUnh.js";
-import { T as J } from "./Tag-chunk-DG8gqUnh.js";
-import { jsx as a } from "react/jsx-runtime";
-import { c as C } from "./index-chunk-0LeqwHm8.js";
-import { useState as T, useEffect as b, Children as d } from "react";
-import { u as y } from "./useGlobalSettings-chunk-gkijV3S1.js";
-import { c as E } from "./checkArrayDuplicates-chunk-C7cf0TQw.js";
-const I = ({
-  className: n,
-  children: o,
-  onButtonClick: m,
-  defaultTagActive: s = [],
-  allowMultipleActive: r = !0,
-  ...c
-}) => {
-  const { prefix: i } = y(), f = `${i}--tag-set`, [g, e] = T([]), p = JSON.stringify(s);
-  if (b(() => {
-    const t = r ? s : s.length > 0 ? [s[0]] : s;
-    e(t);
-  }, [p, r]), o) {
-    const t = [];
-    d.forEach(o, (S) => {
-      const h = S;
-      t.push(h.props.id);
-    }), E(t) && console.warn("Warning: Tags must have unique ids.");
-  }
-  const u = C(n, {
-    [f]: !0
-  });
-  return /* @__PURE__ */ a(
-    x.Provider,
-    {
-      value: {
-        activeItems: g,
-        setActiveItems: e,
-        allowMultipleActive: r,
-        onButtonClick: m
-      },
-      children: /* @__PURE__ */ a("ul", { className: u, ...c, children: o })
-    }
-  );
-}, q = I;
-export {
-  J as Tag,
-  q as TagSet
-};

package/lib/esm/_store/Tooltip-entry-cgQr1mHa.js

@@ -1,4 +0,0 @@
-import { T as r } from "./Tooltip-chunk-CPT-dPDc.js";
-export {
-  r as Tooltip
-};

package/lib/esm/_store/checkArrayDuplicates-chunk-C7cf0TQw.js

@@ -1,11 +0,0 @@
-function n(i) {
-  let t = [...i.itemStatuses];
-  return t.indexOf(i.id) > -1 ? t = t.filter((e) => e !== i.id) : i.allowMultipleExpanded ? t.push(i.id) : t = [i.id], t;
-}
-function d(i) {
-  return i.some((t, e) => i.indexOf(t) !== e);
-}
-export {
-  d as c,
-  n as e
-};

package/lib/esm/_store/components-entry-3VBtJ0uk.js

@@ -1,87 +0,0 @@
-import { A as e, a, b as t, c as s } from "./Accordion-chunk-BawBOKZz.js";
-import { F as p } from "./Form-chunk-1a4awKWi.js";
-import { C as f } from "./Collapse-chunk-CyOyOA2s.js";
-import { E as n } from "./Empty-chunk-UEm5zVbe.js";
-import { I as L } from "./Image-chunk-DGh-6cxv.js";
-import { L as l } from "./Loading-chunk-BIJLAqk6.js";
-import { L as T } from "./Radio-chunk-CZnGQoYJ.js";
-import { T as P } from "./Tag-chunk-DG8gqUnh.js";
-import { B as u } from "./Button-chunk-CTOnaHZ_.js";
-import { C as N } from "./ContextMenu-chunk-CkdC2iPF.js";
-import { F as A } from "./Fieldset-chunk-PK4HqNv_.js";
-import { G as I } from "./GlobalProvider-chunk-nVdEz2_E.js";
-import { N as H } from "./Notification-chunk-VfaNI3r9.js";
-import { R as v } from "./ReadMore-chunk-DoptEIE4.js";
-import { L as D } from "./Textarea-chunk-BCW6ZV8n.js";
-import { C as M } from "./Callout-chunk-CsEfqAuS.js";
-import { C as V } from "./Credit-chunk-BjaAFul8.js";
-import { L as y } from "./FileUpload-chunk-dFon8lP2.js";
-import { H as U } from "./Heading-chunk-CFEDmQeQ.js";
-import { L as q } from "./Link-chunk-zt732cUC.js";
-import { L as J } from "./NumberPicker-chunk-CsDLNdop.js";
-import { R as Q } from "./RichText-chunk-BOMiyuNR.js";
-import { T as X } from "./Tooltip-chunk-CPT-dPDc.js";
-import { L as Z } from "./Checkbox-chunk-DJDgykAw.js";
-import { L as $ } from "./DatePicker-chunk-10fIc74h.js";
-import { H as ro } from "./Hero-chunk-AgDdKsJ4.js";
-import { L as ao } from "./LinkList-chunk-Doq6Z7IG.js";
-import { P as so } from "./Pagination-chunk-Ci7qN6no.js";
-import { S as po } from "./SearchField-chunk-Bn5RXiiY.js";
-import { V as fo } from "./Video-chunk-DAqwWSGg.js";
-import { L as no } from "./Dropdown-chunk-B6G7DnYr.js";
-import { I as Lo } from "./Icon-chunk-nLD8VsP5.js";
-import { L as Co } from "./ListItem-chunk-CKnxZe3Y.js";
-import { P as Fo } from "./Profile-chunk-Bsn46OaP.js";
-import { T as bo } from "./TableOfContents-chunk-BXnS8D2s.js";
-import { F as go } from "./Footer-chunk-DFJ5AWCV.js";
-import { L as ko } from "./LocalNav-chunk-CC5KIqRP.js";
-import { N as Bo } from "./Navigation-chunk-BSoAdxZ6.js";
-import { B as Ro } from "./Breadcrumb-chunk-CclNRjxd.js";
-import { T as ho } from "./Tabs-chunk-CpUcNAK9.js";
-import { C as Go } from "./CardGroup-chunk-0V0yYua2.js";
-export {
-  e as Accordion,
-  a as AccordionButton,
-  t as AccordionItem,
-  s as AccordionPanel,
-  Ro as Breadcrumb,
-  u as Button,
-  M as Callout,
-  Go as CardGroup,
-  Z as Checkbox,
-  f as Collapse,
-  N as ContextMenu,
-  V as Credit,
-  $ as DatePicker,
-  no as Dropdown,
-  n as Empty,
-  A as Fieldset,
-  y as FileUpload,
-  go as Footer,
-  p as Form,
-  I as GlobalProvider,
-  U as Heading,
-  ro as Hero,
-  Lo as Icon,
-  L as Image,
-  q as Link,
-  ao as LinkList,
-  Co as List,
-  l as Loading,
-  ko as LocalNav,
-  Bo as Navigation,
-  H as Notification,
-  J as NumberPicker,
-  so as Pagination,
-  Fo as Profile,
-  T as Radio,
-  v as ReadMore,
-  Q as RichText,
-  po as SearchField,
-  bo as TableOfContents,
-  ho as Tabs,
-  P as Tag,
-  D as Textarea,
-  X as Tooltip,
-  fo as Video
-};

package/lib/types/components/Accordion/Accordion.props.d.ts

@@ -1,34 +0,0 @@
-import { Dispatch, MouseEvent, ReactElement, SetStateAction } from 'react';
-import { getUpdatedItems } from '@ilo-org/utils';
-import { AccordionItemProps } from './AccordionItem.props';
-
-export { default as AccordionItem } from './AccordionItem';
-export interface AccordionProps {
-    /**
-     * Specify the content of your Accordion.
-     */
-    children?: ReactElement<AccordionItemProps> | Array<ReactElement<AccordionItemProps>>;
-    /**
-     * Callback to onButtonClick event;
-     */
-    onButtonClick?: (e: MouseEvent<HTMLButtonElement>, i: unknown) => void;
-    /**
-     * Allow multiple accordions to be expanded at once, default value is false
-     */
-    allowMultipleExpanded?: boolean;
-    /**
-     * Default accordions expanded on first load
-     */
-    defaultAccordionsExpanded?: string[];
-    /**
-     * Specify an optional className to be added to your accordion.
-     */
-    className?: string;
-}
-export interface AccordionContextProps {
-    activeItems: string[];
-    getUpdatedItems: typeof getUpdatedItems;
-    setActiveItems: Dispatch<SetStateAction<string[]>>;
-    allowMultipleExpanded: boolean;
-    onButtonClick?: (e: MouseEvent<HTMLButtonElement>, i: unknown) => void;
-}

package/lib/types/components/Accordion/AccordionButton.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { default as AccordionButtonProps } from './AccordionButton.props';
-
-declare const AccordionButton: FC<AccordionButtonProps>;
-export default AccordionButton;

package/lib/types/components/Accordion/AccordionButton.props.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-
-export default interface AccordionButtonProps {
-    /**
-     * Specify the content of your Button.
-     */
-    children: ReactNode;
-    /**
-     * Specify an optional className to be added to your Button.
-     */
-    className?: string;
-}

package/lib/types/components/Accordion/AccordionCtx.d.ts

@@ -1,5 +0,0 @@
-import { AccordionContextProps } from './Accordion.props';
-import { AccordionItemContextProps } from './AccordionItem.props';
-
-export declare const AccordionContext: import('react').Context<AccordionContextProps>;
-export declare const AccordionItemContext: import('react').Context<AccordionItemContextProps>;

package/lib/types/components/Accordion/AccordionItem.props.d.ts

@@ -1,22 +0,0 @@
-import { ReactNode } from 'react';
-
-export interface AccordionItemContextProps {
-    /**
-     * The accordion item's unique id.
-     */
-    id: string;
-}
-export interface AccordionItemProps {
-    /**
-     * Specify the id of the accordion item.
-     */
-    id: string;
-    /**
-     * Specify the content of your Button.
-     */
-    children: ReactNode;
-    /**
-     * Specify an optional className to be added to your Button.
-     */
-    className?: string;
-}

package/lib/types/components/Accordion/AccordionPanel.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { default as AccordionPanelProps } from './AccordionPanel.props';
-
-declare const AccordionPanel: FC<AccordionPanelProps>;
-export default AccordionPanel;

package/lib/types/components/Accordion/AccordionPanel.props.d.ts

@@ -1,22 +0,0 @@
-import { ReactNode } from 'react';
-
-export default interface AccordionPanelProps {
-    /**
-     * Specify the content of your Button.
-     */
-    children: ReactNode;
-    /**
-     * Specify an optional className to be added to your Button.
-     */
-    className?: string;
-    /**
-     * Duration of the collapse animation in milliseconds, to ensure that
-     * finishing callbacks are fired even if the original browser transition end
-     * events are canceled
-     */
-    timeout?: number;
-    /**
-     * Allows the AccordionPanel to be scrollable by default
-     */
-    scroll?: boolean;
-}

package/lib/types/components/Breadcrumb/Breadcrumb.props.d.ts

@@ -1,32 +0,0 @@
-export interface BreadcrumbItemProps {
-    /**
-     * Optional additional className of the BreadcrumbLink
-     */
-    className?: string;
-    /**
-     * Specify the label for this link
-     */
-    label: string;
-    /**
-     * Should the label appear as readable text on the screen or an aria-label
-     */
-    labelShown?: boolean;
-    /**
-     * Specify the url for this link
-     */
-    url: string;
-}
-export interface BreadcrumbProps {
-    /**
-     * An additional classname to add to the outer most element of the component
-     */
-    className?: string;
-    /**
-     * The accessible label to apply to the ellipsis button that appears when the Breadcrumb is collapsed
-     */
-    buttonLabel: string;
-    /**
-     * Specify the links to be displayed in the Breadcrumb
-     */
-    links: BreadcrumbItemProps[];
-}

package/lib/types/components/Button/Button.props.d.ts

@@ -1,69 +0,0 @@
-import { default as React, ReactNode } from 'react';
-import { ButtonFunctions, ButtonTypes, PositionTypes, SizeTypes } from '../../types';
-
-export interface ButtonProps {
-    /**
-     * Specify the callback of your Button.
-     */
-    callback?: (e: React.MouseEvent<Element, MouseEvent>) => unknown;
-    /**
-     * Specify the content of your Button.
-     */
-    children?: ReactNode;
-    /**
-     * Specify an optional className to be added to your Button.
-     */
-    className?: string;
-    /**
-     * Specify the name for the Button.
-     */
-    name?: string;
-    /**
-     * Specify whether or not the button is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Specify the icon for the Button
-     */
-    icon?: string;
-    /**
-     * Specify the icon for the Button
-     */
-    iconPosition?: PositionTypes;
-    /**
-     * Does this button display an icon only?
-     */
-    icononly?: boolean;
-    /**
-     * Specify which function the button performs
-     */
-    kind?: ButtonFunctions;
-    /**
-     * Specify the label for the Button
-     */
-    label?: string;
-    /**
-     * Does this button open a modal?
-     */
-    opensmodal?: boolean;
-    /**
-     * Specify an optional className to be added to your Button.
-     */
-    size?: SizeTypes;
-    /**
-     * Specify the target for when Button is really a link
-     */
-    target?: string;
-    /**
-     * Specify an optional className to be added to your Button.
-     */
-    type?: ButtonTypes;
-    /**
-     * Specify the url for the Button's href
-     */
-    url?: string;
-    /**
-     * Inline styles to be applied to the rendered element
-     */
-    style?: React.CSSProperties;
-}

package/lib/types/components/Callout/Callout.props.d.ts

@@ -1,51 +0,0 @@
-import { CalloutTypes } from '../../types';
-
-interface CTAProps {
-    /**
-     * Specify the label of the CTA
-     */
-    label?: string;
-    /**
-     * Specify the url of the CTA
-     */
-    url?: string;
-}
-export interface CalloutProps {
-    /**
-     * Specify the settings for an option CTA
-     */
-    cta?: CTAProps;
-    /**
-     * Specify an optional className to be added to your RichText.
-     */
-    className?: string;
-    /**
-     * Specify the copy
-     */
-    copy?: Required<string>;
-    /**
-     * Specify if callout is collapsible
-     */
-    isCollapsible?: boolean;
-    /**
-     * Specify if callout is open (only important for collapsible items)
-     */
-    isOpen?: boolean;
-    /**
-     * Specify the callout headline
-     */
-    headline?: string;
-    /**
-     * Specify the open label
-     */
-    toggleOpenLabel?: string;
-    /**
-     * Specify the open label
-     */
-    toggleClosedLabel?: string;
-    /**
-     * Describe the type of callout
-     */
-    type?: CalloutTypes;
-}
-export {};

package/lib/types/components/Cards/CardGroup/CardGroup.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { CardGroupProps } from './CardGroup.props';
-
-declare const CardGroup: FC<CardGroupProps>;
-export default CardGroup;

package/lib/types/components/Cards/CardGroup/CardGroup.props.d.ts

@@ -1,86 +0,0 @@
-import { LinkProps } from '../../LinkList/LinkList.props';
-import { StatCardProps } from '../StatCard';
-import { MultilinkCardProps } from '../MultilinkCard';
-import { TextCardProps } from '../TextCard';
-import { PromoCardProps } from '../PromoCard';
-import { FeatureCardProps } from '../FeatureCard';
-import { DetailCardProps } from '../DetailCard';
-import { FactlistCardProps } from '../FactlistCard';
-import { DataCardProps } from '../DataCard';
-import { HeadingTypes, CardSize, ThemeTypes, CardAlignment } from '../../../types';
-
-export interface CommonCardGroupProps {
-    /**
-     *Collapsed - Optionally collapses margins between the cards.
-     *Option keys: true, false
-     */
-    collapsed?: boolean;
-    /**
-     *Number of cards in the group
-     */
-    cardCount: string;
-    /**
-     *Size - Sets the layout of the cards in the group. See the Card component for more info on this setting, which has different effects on the different types of cards.
-     *Option keys: standard, narrow, wide, fluid
-     */
-    size: CardSize;
-    /**
-     *Alignment - Positions the image to the right or to the left of the content when the card is displayed in a wide or fluid size. Has no effect if the card is displayed in a standard or narrow size. Only used by `Multilink Card`.
-     *Option keys: left, right
-     */
-    alignment?: CardAlignment;
-    /**
-     *Set the title level for all the cards in the group
-     */
-    titleLevel?: HeadingTypes;
-    /**
-     *A Button to display after all the cards in the group
-     */
-    cta?: LinkProps;
-    /**
-     *Theme - Sets all of the cards to appear as either light or dark. Used by all card groups except for Multilink Card, Data Card and Stat Card.
-     *Option keys: dark, light
-     */
-    theme?: ThemeTypes;
-}
-export interface StatCardGroup extends CommonCardGroupProps {
-    /**
-     * Represents different types of card groups:
-     */
-    type: "stat";
-    /**
-     * An array of card objects corresponding to the respective card type:
-     */
-    cards: StatCardProps[];
-}
-export interface MultilinkCardGroup extends CommonCardGroupProps {
-    type: "multilink";
-    cards: MultilinkCardProps[];
-}
-export interface TextCardGroup extends CommonCardGroupProps {
-    type: "text";
-    cards: TextCardProps[];
-}
-export interface PromoCardGroup extends CommonCardGroupProps {
-    type: "promo";
-    cards: PromoCardProps[];
-}
-export interface FeatureCardGroup extends CommonCardGroupProps {
-    type: "feature";
-    cards: FeatureCardProps[];
-}
-export interface DetailCardGroup extends CommonCardGroupProps {
-    type: "detail";
-    cards: DetailCardProps[];
-}
-export interface FactlistCardGroup extends CommonCardGroupProps {
-    type: "factlist";
-    cards: FactlistCardProps[];
-}
-export interface DataCardGroup extends CommonCardGroupProps {
-    type: "data";
-    titleLevel?: never;
-    cards: DataCardProps[];
-}
-export type CardGroupComponentProps = StatCardProps | MultilinkCardProps | TextCardProps | PromoCardProps | FeatureCardProps | DetailCardProps | FactlistCardProps | DataCardProps;
-export type CardGroupProps = StatCardGroup | MultilinkCardGroup | TextCardGroup | PromoCardGroup | FeatureCardGroup | DetailCardGroup | FactlistCardGroup | DataCardGroup;

package/lib/types/components/Cards/CardGroup/index.d.ts

@@ -1,3 +0,0 @@
-export { default as CardGroup } from './CardGroup';
-export type { CardGroupProps } from './CardGroup.props';
-export { default as CardGroupArgs } from './CardGroup.args';

package/lib/types/components/Cards/DataCard/DataCard.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { DataCardProps } from './DataCard.props';
-
-declare const DataCard: FC<DataCardProps>;
-export default DataCard;

package/lib/types/components/Cards/DataCard/DataCard.props.d.ts

@@ -1,51 +0,0 @@
-import { CardSize } from '../../../types';
-import { LinkProps } from '../../LinkList/LinkList.props';
-
-export interface DataCardProps {
-    /**
-     * A line of text that appears as a small heading at the top of the card
-     */
-    eyebrow?: string;
-    /**
-     * How big should the card be
-     */
-    size?: Omit<CardSize, "standard">;
-    /**
-     * The image to show in the card
-     */
-    image?: string;
-    /**
-     * Array of Content (label, copy), Files object (optional headline, array of items with label and url) and Links * * object (optional headline, array of items with label and url)
-     */
-    dataset?: CardDataset;
-    /**
-     * Make the content appear in one or two columns. Only applies when the size is set to `wide` or `fluid`
-     */
-    columns?: string;
-}
-interface CardDataset {
-    content?: DataContent;
-    files?: DataFile;
-    links?: DataLink;
-    cta?: Cta;
-}
-interface DataContent {
-    items?: Array<ContentItem>;
-}
-interface ContentItem {
-    label?: string;
-    copy?: string;
-}
-interface DataFile {
-    headline?: string;
-    items?: Array<LinkProps>;
-}
-interface DataLink {
-    headline?: string;
-    items?: Array<LinkProps>;
-}
-interface Cta {
-    headline?: string;
-    items?: Array<LinkProps>;
-}
-export {};

package/lib/types/components/Cards/DataCard/index.d.ts

@@ -1,3 +0,0 @@
-export { default as DataCard } from './DataCard';
-export type { DataCardProps } from './DataCard.props';
-export { DataCardArgs } from './DataCard.args';

package/lib/types/components/Cards/DetailCard/DetailCard.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { DetailCardProps } from './DetailCard.props';
-
-declare const DetailCard: FC<DetailCardProps>;
-export default DetailCard;