@hazelcast/ui 1.3.3-next.9 → 2.0.1-canary.0

package/lib/CircularProgressBar.module.scss

@@ -1,37 +0,0 @@
-@use '../styles/constants' as c;
-
-.container {
-  position: relative;
-
-  .backgroundOuterCircle {
-    fill: none;
-    stroke: c.$colorNeutralLight;
-    stroke-linecap: round;
-  }
-
-  .backgroundInnerCircle {
-    fill: none;
-    stroke: c.$colorNeutralLighter;
-    stroke-linecap: round;
-  }
-
-  .progressCircle {
-    fill: none;
-    stroke: c.$colorSuccess;
-    stroke-linecap: round;
-    transition: stroke-dashoffset 750ms ease-in-out;
-  }
-
-  .indicator {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    top: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    color: c.$colorTextSecondary;
-
-    @include c.typographyH2;
-  }
-}

package/lib/ContextMenu.js

@@ -1,61 +0,0 @@
-import React, { useCallback, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
-import cls from 'classnames';
-import useIsomorphicLayoutEffect from 'react-use/lib/useIsomorphicLayoutEffect';
-import { useRefValue } from './hooks';
-import styles from './ContextMenu.module.scss';
-export const ContextMenu = ({ anchorElement, offset, items }) => {
-    const rootEl = useRef(null);
-    const [coords, setCoords] = useState(null);
-    const getOffset = useRefValue(offset);
-    const handleContextMenuOpen = useCallback((e) => {
-        var _a, _b, _c, _d, _e, _f;
-        if (!anchorElement || (!anchorElement.contains(e.target) && e.target !== anchorElement)) {
-            return;
-        }
-        e.preventDefault();
-        const currentOffset = getOffset();
-        const width = (_b = (_a = rootEl.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) !== null && _b !== void 0 ? _b : 0;
-        const height = (_d = (_c = rootEl.current) === null || _c === void 0 ? void 0 : _c.offsetHeight) !== null && _d !== void 0 ? _d : 0;
-        let left = e.pageX + ((_e = currentOffset === null || currentOffset === void 0 ? void 0 : currentOffset.left) !== null && _e !== void 0 ? _e : 0);
-        let top = e.pageY + ((_f = currentOffset === null || currentOffset === void 0 ? void 0 : currentOffset.top) !== null && _f !== void 0 ? _f : 0);
-        if (left + width > window.scrollX + document.documentElement.clientWidth) {
-            left = window.scrollX + document.documentElement.clientWidth - width;
-        }
-        if (top + height > window.scrollY + document.documentElement.clientHeight) {
-            top = window.scrollY + document.documentElement.clientHeight - height;
-        }
-        setCoords({ top, left });
-    }, [setCoords, getOffset, anchorElement]);
-    const handleContextMenuClose = useCallback(() => {
-        setCoords(null);
-    }, [setCoords]);
-    useIsomorphicLayoutEffect(() => {
-        if (anchorElement) {
-            document.body.addEventListener('contextmenu', handleContextMenuOpen, false);
-        }
-        return () => {
-            document.body.removeEventListener('contextmenu', handleContextMenuOpen);
-        };
-    }, [handleContextMenuOpen]);
-    useIsomorphicLayoutEffect(() => {
-        if (coords) {
-            document.body.addEventListener('click', handleContextMenuClose, false);
-        }
-        return () => {
-            document.body.removeEventListener('click', handleContextMenuClose);
-        };
-    }, [coords, handleContextMenuClose]);
-    useIsomorphicLayoutEffect(() => {
-        if (coords) {
-            window.addEventListener('resize', handleContextMenuClose);
-            window.addEventListener('orientationchange', handleContextMenuClose);
-        }
-        return () => {
-            window.removeEventListener('resize', handleContextMenuClose);
-            window.removeEventListener('orientationchange', handleContextMenuClose);
-        };
-    }, [coords, handleContextMenuClose]);
-    return createPortal(React.createElement("div", { ref: rootEl, style: coords || undefined, className: cls(styles.root, { [styles.hidden]: !coords }) }, items.map(({ onClick, content, className }, index) => (React.createElement("button", { key: index, className: cls(styles.item, className), onClick: onClick }, content)))), document.body);
-};
-//# sourceMappingURL=ContextMenu.js.map

package/lib/ContextMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../src/ContextMenu.tsx"],"names":[],"mappings":"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"}

package/lib/ContextMenu.module.scss

@@ -1,37 +0,0 @@
-@use '../styles/constants' as c;
-@use '../styles/helpers' as h;
-
-.root {
-  position: absolute;
-  padding: c.$grid 0;
-  background: c.$colorNeutralWhite;
-  border-radius: c.$borderRadius;
-  border: c.$borderWidth solid c.$colorNeutral;
-  z-index: c.$zIndex2000;
-  display: flex;
-  flex-direction: column;
-}
-
-.item {
-  flex-grow: 1;
-  flex-shrink: 0;
-  background: none;
-  padding: c.$grid c.$grid * 4;
-  margin: 0;
-  cursor: pointer;
-  border: none;
-  text-align: left;
-
-  &:focus-visible {
-    @include h.outlineSimple;
-  }
-
-  &:hover {
-    background: c.$colorNeutral;
-  }
-}
-
-.hidden {
-  top: -9999999999px;
-  left: -999999999px;
-}

package/lib/Dialog.js

@@ -1,36 +0,0 @@
-import React, { useMemo } from 'react';
-import cn from 'classnames';
-import { Modal } from './Modal';
-import styles from './Dialog.module.scss';
-export const DIALOG_AFFIRMATION_DEFAULT = 'Are you sure you wish to proceed?';
-/**
- * ### Purpose
- * Occasionally there's a user-story that's not a part of the main user flow. Such action can be contained in a Dialog.
- * Dialogs are used to drive simple actions such as a mere confirmation. In case there is a more complex action (e.g larger form, table etc.) use Modal.
- *
- * ### General Info
- * - Dialog is a special kind of Modal. It's made for simple use-cases such as confirmations.
- * - Use affirmation` and `consequences` props to set the content of the Dialog.
- */
-export const Dialog = ({ modalClassName, consequences, affirmation = DIALOG_AFFIRMATION_DEFAULT, actionChildren, actionDangerous, actionDisabled, actionDisabledTooltip, actionOnConfirm, ...rest }) => {
-    const actions = useMemo(() => actionChildren && actionOnConfirm
-        ? [
-            {
-                autoFocus: !actionDangerous,
-                kind: actionDangerous ? 'danger' : 'primary',
-                ...(actionDisabled &&
-                    actionDisabledTooltip ? {
-                    disabled: actionDisabled,
-                    disabledTooltip: actionDisabledTooltip,
-                } : {
-                    disabled: undefined,
-                    disabledTooltip: undefined
-                }),
-                onClick: actionOnConfirm,
-                children: actionChildren,
-            },
-        ]
-        : [], [actionDangerous, actionDisabled, actionDisabledTooltip, actionOnConfirm, actionChildren]);
-    return (React.createElement(Modal, { className: cn(styles.dialog, modalClassName), headerClassName: styles.dialogHeader, bodyClassName: styles.dialogBody, contentClassName: styles.dialogConsequences, footerClassName: styles.dialogFooter, actions: actions, title: affirmation, showCloseButton: false, ...rest }, consequences));
-};
-//# sourceMappingURL=Dialog.js.map

package/lib/Dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../src/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,OAAO,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAgC,MAAM,SAAS,CAAA;AAE7D,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAEzC,MAAM,CAAC,MAAM,0BAA0B,GAAG,mCAAmC,CAAA;AAyB7E;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EACtC,cAAc,EACd,YAAY,EACZ,WAAW,GAAG,0BAA0B,EACxC,cAAc,EACd,eAAe,EACf,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,OAAO,GAA0B,OAAO,CAC5C,GAAG,EAAE,CACH,cAAc,IAAI,eAAe;QAC/B,CAAC,CAAC;YACE;gBACE,SAAS,EAAE,CAAC,eAAe;gBAC3B,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;gBAC5C,GAAG,CAAC,cAAc;oBAChB,qBAAqB,CAAC,CAAC,CAAC;oBACtB,QAAQ,EAAE,cAAc;oBACxB,eAAe,EAAE,qBAAqB;iBACvC,CAAA,CAAC,CAAA;oBACF,QAAQ,EAAE,SAAS;oBACnB,eAAe,EAAE,SAAS;iBAC3B,CAAC;gBACF,OAAO,EAAE,eAAe;gBACxB,QAAQ,EAAE,cAAc;aACzB;SACF;QACH,CAAC,CAAC,EAAE,EACR,CAAC,eAAe,EAAE,cAAc,EAAE,qBAAqB,EAAE,eAAe,EAAE,cAAc,CAAC,CAC1F,CAAA;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,EAC5C,eAAe,EAAE,MAAM,CAAC,YAAY,EACpC,aAAa,EAAE,MAAM,CAAC,UAAU,EAChC,gBAAgB,EAAE,MAAM,CAAC,kBAAkB,EAC3C,eAAe,EAAE,MAAM,CAAC,YAAY,EACpC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,WAAW,EAClB,eAAe,EAAE,KAAK,KAClB,IAAI,IAEP,YAAY,CACP,CACT,CAAA;AACH,CAAC,CAAA"}

package/lib/Dialog.module.scss

@@ -1,62 +0,0 @@
-@use '../styles/constants' as c;
-
-.dialog {
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-
-  // Note: Unset properties set by Modal
-  min-width: 0;
-  max-width: none;
-  min-height: c.$dialogMinHeight;
-  max-height: none;
-  width: c.$dialogWidth;
-  padding-bottom: 0;
-
-  .dialogBody {
-    display: flex;
-    flex-direction: column;
-    flex: 1 1 auto;
-    text-align: center;
-
-    .dialogHeader {
-      margin-right: 0;
-      justify-content: center;
-    }
-
-    .dialogConsequences {
-      flex: 1 1 auto;
-    }
-
-    .dialogFooter {
-      display: flex;
-      margin: (c.$grid * 5) (c.$grid * -5) 0 (c.$grid * -5);
-
-      & > button {
-        flex: 1 1 auto;
-        margin: 0 !important;
-        max-width: none;
-
-        // Note: Unset border-radius for the buttons
-        border-radius: 0;
-      }
-
-      // Note: In case there is only one button (Cancel)
-      & > button:only-of-type {
-        border-bottom-left-radius: c.$borderRadius;
-        border-bottom-right-radius: c.$borderRadius;
-      }
-
-      // Note: In case there are 2 buttons
-      & > button:not(:only-of-type) {
-        &:nth-of-type(1) {
-          border-bottom-left-radius: c.$borderRadius;
-        }
-
-        &:nth-of-type(2) {
-          border-bottom-right-radius: c.$borderRadius;
-        }
-      }
-    }
-  }
-}

package/lib/EmptyState.d.ts

@@ -1,52 +0,0 @@
-import { FC, ReactChild } from 'react';
-import { ButtonTypeAnchorProps, ButtonProps } from './Button';
-import { IconProps } from './Icon';
-import { DataTestProp } from '@hazelcast/helpers';
-type EmptyStateSize = 'normal' | 'large';
-type EmptyStateActionButton = {
-    direction?: 'vertical';
-    actionOnClick: ButtonProps['onClick'];
-    actionHref?: never;
-    actionTarget?: never;
-    actionRel?: never;
-    size?: EmptyStateSize;
-};
-type EmptyStateActionLink = {
-    direction: 'horizontal';
-    actionHref: ButtonTypeAnchorProps['href'];
-    actionTarget?: ButtonTypeAnchorProps['target'];
-    actionRel?: ButtonTypeAnchorProps['rel'];
-    actionOnClick?: never;
-    size?: never;
-};
-type EmptyStateAction = ({
-    action: string;
-} & (EmptyStateActionButton | EmptyStateActionLink)) | {
-    action?: never;
-    direction?: 'vertical' | 'horizontal';
-    actionOnClick?: never;
-    actionHref?: never;
-    actionTarget?: never;
-    actionRel?: never;
-    size?: EmptyStateSize;
-};
-export type EmptyStateProps = {
-    title: ReactChild;
-    description?: ReactChild;
-    icon: IconProps['icon'];
-    iconLabel: string;
-    className?: string;
-} & EmptyStateAction & DataTestProp;
-/**
- * ### Purpose
- * Sometimes users performs an action, that yields an empty result. Such cases may be first use of a feature, view with no data, user cleared view or an error state.
- * Help the user understand the situation by providing them with guidance in form of an Empty State.
- *
- * ### General Info
- * - There are 2 variations of Empty State: vertical (available in normal and large size) and horizontal (only one size). The use depends on available space in UI.
- * - Every empty state must contain title (should be specific and clear).
- * - Good practice is add an action button to guide a user for the next steps to get out of the empty state.
- * - Description helps to describe the semantics more thoroughly.
- */
-export declare const EmptyState: FC<EmptyStateProps>;
-export {};

package/lib/EmptyState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../src/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,OAAO,EAAsC,MAAM,EAAE,MAAM,UAAU,CAAA;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AAExC,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAgD7C;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAC9C,WAAW,EAAE,QAAQ,EACrB,SAAS,GAAG,UAAU,EACtB,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,WAAW,EACX,IAAI,EACJ,SAAS,EACT,SAAS,EACT,GAAG,gBAAgB,EACpB,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,gBAAgB,CAAA;IAEvF,MAAM,QAAQ,GAAG,SAAS,KAAK,UAAU,IAAI,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAA;IAElF,OAAO,CACL,0CACa,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,uBAAuB,EAC9C,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,SAAS,EAChB;YACE,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,SAAS,KAAK,YAAY;YAC/C,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;SACjC,EACD,SAAS,CACV;QAED,oBAAC,IAAI,iBAAW,kBAAkB,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,GAAI;QAC/G,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO;YAC5B,0CAAe,mBAAmB,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,IACvD,KAAK,CACF;YACL,WAAW,IAAI,CACd,wCAAa,yBAAyB,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,IACjE,WAAW,CACV,CACL;YACA,MAAM,CAAC,CAAC,CAAC,CACR,SAAS,KAAK,YAAY,IAAI,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,CACvD,oBAAC,IAAI,iBACO,kBAAkB,EAC5B,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,IAAI,EAAE,YAAY,EAClB,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,SAAS,EACd,IAAI,EAAC,OAAO,IAEX,MAAM,CACF,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,MAAM,iBAAW,oBAAoB,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,aAAa,IACpF,MAAM,CACA,CACV,CACF,CAAC,CAAC,CAAC,IAAI,CACJ,CACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/lib/EmptyState.module.scss

@@ -1,87 +0,0 @@
-@use '../styles/constants' as c;
-
-.container {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-
-  .content {
-    .title {
-      margin: c.$grid * 4.5 0 0 0;
-
-      @include c.typographyBodyNormal('bold' !important);
-    }
-
-    .description {
-      color: c.$colorTextSecondary;
-      margin: c.$grid 0 0 0;
-
-      @include c.typographyBodySmall;
-    }
-
-    .action {
-      flex: 1;
-      min-width: c.$emptyStateButtonMinWidthNormal;
-      margin-top: c.$grid * 5;
-    }
-  }
-
-  // Size
-  &.large {
-    .content {
-      .title {
-        margin-top: c.$grid * 5.5;
-      }
-
-      .description {
-        margin-top: c.$grid * 2;
-
-        @include c.typographyBodyNormal;
-      }
-
-      .action {
-        min-width: c.$emptyStateButtonMinWidthLarge;
-        margin-top: c.$grid * 6;
-      }
-    }
-  }
-
-  // Direction
-  &.horizontal {
-    flex: 1;
-    flex-direction: row;
-    text-align: start;
-
-    .icon {
-      flex: 0 0 auto;
-      align-self: flex-start;
-    }
-
-    .content {
-      display: flex;
-      flex-direction: column;
-      justify-content: flex-start;
-      margin-left: c.$grid * 2;
-
-      .title {
-        margin: 0;
-
-        @include c.typographyBodyNormal('bold' !important);
-      }
-
-      .description {
-        margin-top: c.$grid;
-
-        @include c.typographyBodySmall;
-      }
-
-      .action {
-        align-self: flex-start;
-        min-width: auto;
-        margin: c.$grid 0 0 0;
-      }
-    }
-  }
-}

package/lib/Error.d.ts

@@ -1,12 +0,0 @@
-import { FC } from 'react';
-import { TooltipProps } from './Tooltip';
-export declare const errorId: (inputId: string) => string;
-interface ErrorProps {
-    error?: string;
-    className?: string;
-    inputId: string;
-    truncated?: boolean;
-    tooltipPlacement?: TooltipProps['placement'];
-}
-export declare const Error: FC<ErrorProps>;
-export {};

package/lib/Error.js

@@ -1,8 +0,0 @@
-import React from 'react';
-import cn from 'classnames';
-import { TruncatedText } from './TruncatedText';
-import styles from './Error.module.scss';
-export const errorId = (inputId) => `${inputId}-error`;
-/* https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_alert_role */
-export const Error = ({ error, className, inputId, truncated, tooltipPlacement }) => (React.createElement("div", { className: cn(styles.container, error && styles.hasError, className), role: "alert", id: errorId(inputId) }, truncated ? React.createElement(TruncatedText, { text: error || '', tooltipPlacement: tooltipPlacement, hoverAbleTooltip: false }) : error));
-//# sourceMappingURL=Error.js.map

package/lib/Error.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Error.js","sourceRoot":"","sources":["../src/Error.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG/C,OAAO,MAAM,MAAM,qBAAqB,CAAA;AAExC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,OAAe,EAAU,EAAE,CAAC,GAAG,OAAO,QAAQ,CAAA;AAUtE,0GAA0G;AAC1G,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CACnG,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,IAAI,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,OAAO,EAAC,EAAE,EAAE,OAAO,CAAC,OAAO,CAAC,IACzG,SAAS,CAAC,CAAC,CAAC,oBAAC,aAAa,IAAC,IAAI,EAAE,KAAK,IAAI,EAAE,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,KAAK,CAClH,CACP,CAAA"}

package/lib/Error.module.scss

@@ -1,12 +0,0 @@
-@use '../styles/constants' as c;
-
-.container {
-  @include c.typographyBodySmall;
-
-  color: c.$colorError;
-  display: none;
-
-  &.hasError {
-    display: block;
-  }
-}

package/lib/FieldHeader.d.ts

@@ -1,24 +0,0 @@
-import { CSSProperties } from 'react';
-import { HelpProps } from './Help';
-import { DataTestProp } from '@hazelcast/helpers';
-export type FieldHeaderSize = 'small' | 'medium' | 'large';
-export type FieldHeaderVariant = 'primary' | 'secondary';
-export type FieldHeaderLabelProps = {
-    label?: string;
-    labelClassName?: string;
-    helperText?: HelpProps['helperText'];
-    helperTextTooltipWordBreak?: CSSProperties['wordBreak'];
-};
-export type FieldHeaderNoLabelProps = {
-    label: never;
-    labelClassName: never;
-    helperText: never;
-    helperTextTooltipWordBreak: never;
-};
-export type FieldHeaderProps = {
-    size?: FieldHeaderSize;
-    variant?: FieldHeaderVariant;
-    id: string;
-    showAriaLabel?: boolean;
-} & DataTestProp & (FieldHeaderNoLabelProps | FieldHeaderLabelProps);
-export declare const FieldHeader: (props: FieldHeaderProps) => JSX.Element | null;

package/lib/FieldHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldHeader.js","sourceRoot":"","sources":["../src/FieldHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AAGxC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAwB9C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EACJ,KAAK,EACL,EAAE,EACF,OAAO,EACP,UAAU,EACV,IAAI,GAAG,QAAQ,EACf,cAAc,EACd,WAAW,EAAE,QAAQ,EACrB,aAAa,EACb,0BAA0B,GAC3B,GAAG,KAAK,CAAA;IAET,IAAI,aAAa,EAAE;QACjB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI;QACzB,oBAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,eACL,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,QAAQ,CAAC,CAAC,CAAC,SAAS,EACrD,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO,EAAE,EAAE,cAAc,CAAC,GACjF;QACD,UAAU,IAAI,CACb,oBAAC,IAAI,IACH,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,gBAAgB,EAAE,0BAA0B,eACjC,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,aAAa,CAAC,CAAC,CAAC,SAAS,GAC1D,CACH,CACG,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}

package/lib/FieldHeader.module.scss

@@ -1,20 +0,0 @@
-@use '../styles/constants' as c;
-
-.root {
-  display: flex;
-  margin-bottom: c.$grid;
-}
-
-.label {
-  flex-shrink: 0;
-  white-space: pre-wrap;
-
-  &.small {
-    @include c.typographyBodySmall;
-  }
-}
-
-.helperText {
-  flex-shrink: 0;
-  margin-top: c.$grid * 0.5;
-}

package/lib/Help.d.ts

@@ -1,14 +0,0 @@
-import { CSSProperties, FC, ReactElement } from 'react';
-import { IconSize } from './Icon';
-import { TooltipProps } from './Tooltip';
-export declare const helpTooltipId: (inputId: string) => string;
-export interface HelpProps {
-    parentId: string;
-    helperText: string | ReactElement;
-    placement?: TooltipProps['placement'];
-    className?: string;
-    popperRef?: TooltipProps['popperRef'];
-    size?: IconSize;
-    tooltipWordBreak?: CSSProperties['wordBreak'];
-}
-export declare const Help: FC<HelpProps>;

package/lib/Help.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import { HelpCircle } from 'react-feather';
-import cn from 'classnames';
-import { Icon } from './Icon';
-import { Tooltip } from './Tooltip';
-import styleConsts from '../styles/constants/export.module.scss';
-import styles from './Help.module.scss';
-export const helpTooltipId = (inputId) => `${inputId}-help`;
-export const Help = ({ helperText, placement = 'top', parentId, className, tooltipWordBreak, popperRef, size = 'small', }) => {
-    const tooltipId = helpTooltipId(parentId);
-    return (React.createElement(Tooltip, { placement: placement, content: helperText, id: tooltipId, popperRef: popperRef, wordBreak: tooltipWordBreak }, (ref) => (React.createElement("div", { ref: ref, className: cn(styles.container, className) },
-        React.createElement(Icon, { ariaLabel: "Help", "aria-describedby": tooltipId, color: styleConsts.colorPrimary, icon: HelpCircle, className: styles.icon, size: size })))));
-};
-//# sourceMappingURL=Help.js.map

package/lib/Help.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Help.js","sourceRoot":"","sources":["../src/Help.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,IAAI,EAAY,MAAM,QAAQ,CAAA;AACvC,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAEjD,OAAO,WAAW,MAAM,wCAAwC,CAAA;AAChE,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAEvC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAe,EAAU,EAAE,CAAC,GAAG,OAAO,OAAO,CAAA;AAY3E,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAClC,UAAU,EACV,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,SAAS,EACT,IAAI,GAAG,OAAO,GACf,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAA;IAEzC,OAAO,CACL,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,IACjH,CAAC,GAAG,EAAE,EAAE,CAAC,CACR,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC;QACvD,oBAAC,IAAI,IACH,SAAS,EAAC,MAAM,sBACE,SAAS,EAC3B,KAAK,EAAE,WAAW,CAAC,YAAY,EAC/B,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAE,IAAI,GACV,CACE,CACP,CACO,CACX,CAAA;AACH,CAAC,CAAA"}

package/lib/Help.module.scss

@@ -1,9 +0,0 @@
-@use '../styles/constants' as c;
-
-.container {
-  display: inline-flex;
-  vertical-align: middle;
-  line-height: 1;
-  padding-left: c.$grid;
-  padding-right: c.$grid;
-}

package/lib/Icon.d.ts

@@ -1,29 +0,0 @@
-import React, { FC, SVGAttributes } from 'react';
-export type IconSize = 'small' | 'smallMedium' | 'medium' | 'large' | 'xlarge';
-export type IconAriaProps = {
-    ariaLabel: string | undefined;
-    ariaLabelledBy?: never;
-    ariaHidden?: never;
-} | {
-    ariaLabel?: never;
-    ariaLabelledBy: string;
-    ariaHidden?: never;
-} | {
-    ariaLabel?: never;
-    ariaLabelledBy?: never;
-    ariaHidden?: boolean;
-};
-export type IconType = FC<SVGAttributes<SVGElement> & {
-    color?: string;
-    size?: string | number;
-}>;
-export type IconProps = {
-    color?: string;
-    icon: IconType;
-    size?: IconSize;
-    className?: string;
-    containerClassName?: string;
-    bold?: boolean;
-    role?: string;
-} & IconAriaProps;
-export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>;

package/lib/Icon.js

@@ -1,27 +0,0 @@
-import React, { forwardRef } from 'react';
-import cn from 'classnames';
-import styleConsts from '../styles/constants/export.module.scss';
-import styles from './Icon.module.scss';
-export const Icon = forwardRef(({ color, icon: IconElement, ariaLabel, ariaLabelledBy, ariaHidden, className, containerClassName, size = 'medium', bold = false, role = 'img', }, ref) => {
-    const iconStroke = bold ? styleConsts.iconStrokeWidthBold : styleConsts.iconStrokeWidth;
-    const props = {
-        'aria-label': ariaLabel || 'icon',
-        'aria-labelledby': ariaLabelledBy,
-        'aria-hidden': ariaHidden,
-        color,
-        width: '1em',
-        height: '1em',
-        className: cn({
-            [styles.small]: size === 'small',
-            [styles.smallMedium]: size === 'smallMedium',
-            [styles.medium]: size === 'medium',
-            [styles.large]: size === 'large',
-            [styles.xlarge]: size === 'xlarge',
-        }, className),
-        strokeWidth: iconStroke,
-    };
-    return (React.createElement("div", { className: cn(styles.iconContainer, containerClassName), ref: ref },
-        React.createElement(IconElement, { role: role, ...props })));
-});
-Icon.displayName = 'Icon';
-//# sourceMappingURL=Icon.js.map

package/lib/Icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAA2B,MAAM,OAAO,CAAA;AACtE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,WAAW,MAAM,wCAAwC,CAAA;AAChE,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAuCvC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EACE,KAAK,EACL,IAAI,EAAE,WAAW,EACjB,SAAS,EACT,cAAc,EACd,UAAU,EACV,SAAS,EACT,kBAAkB,EAClB,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,KAAK,EACZ,IAAI,GAAG,KAAK,GACb,EACD,GAAG,EACH,EAAE;IACF,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,CAAC,eAAe,CAAA;IAEvF,MAAM,KAAK,GAAyB;QAClC,YAAY,EAAE,SAAS,IAAI,MAAM;QACjC,iBAAiB,EAAE,cAAc;QACjC,aAAa,EAAE,UAAU;QACzB,KAAK;QACL,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,EAAE,CACX;YACE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;YAChC,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,KAAK,aAAa;YAC5C,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;YAClC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;YAChC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;SACnC,EACD,SAAS,CACV;QACD,WAAW,EAAE,UAAU;KACxB,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,kBAAkB,CAAC,EAAE,GAAG,EAAE,GAAG;QACpE,oBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,KAAM,KAAK,GAAI,CAClC,CACP,CAAA;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}

package/lib/Icon.module.scss

@@ -1,33 +0,0 @@
-@use '../styles/constants' as c;
-
-.iconContainer {
-  display: inline-block;
-
-  // Note: Font-size reset in order break inheritance.
-  font-size: 0;
-
-  .small {
-    width: c.$iconSizeSmall;
-    height: c.$iconSizeSmall;
-  }
-
-  .smallMedium {
-    width: c.$iconSizeSmallMedium;
-    height: c.$iconSizeSmallMedium;
-  }
-
-  .medium {
-    width: c.$iconSizeMedium;
-    height: c.$iconSizeMedium;
-  }
-
-  .large {
-    width: c.$iconSizeLarge;
-    height: c.$iconSizeLarge;
-  }
-
-  .xlarge {
-    width: c.$iconSizeXLarge;
-    height: c.$iconSizeXLarge;
-  }
-}