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

package/lib/Popover.js

@@ -1,93 +0,0 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { createPortal } from 'react-dom';
-import { usePopper } from 'react-popper';
-import cls from 'classnames';
-import { getPortalContainer } from './utils/portal';
-import { useOnClickOutside, useRefValue } from './hooks';
-import styles from './Popover.module.scss';
-export const Popover = (props) => {
-    const { open, children, anchorElement, placement = 'bottom-end', className, offset, arrowElement, onClose, 'data-test': dataTest, matchReferenceSize, onUpdateLayout, container = `body`, } = props;
-    const getOnUpdate = useRefValue(onUpdateLayout);
-    const getOnClose = useRefValue(onClose);
-    const [popperElement, setPopperElement] = useState(null);
-    const modifiers = useMemo(() => {
-        var _a, _b;
-        const modifiers = [
-            {
-                name: 'offset',
-                options: {
-                    offset: [(_a = offset === null || offset === void 0 ? void 0 : offset.x) !== null && _a !== void 0 ? _a : 0, (_b = offset === null || offset === void 0 ? void 0 : offset.y) !== null && _b !== void 0 ? _b : 0],
-                },
-            },
-            {
-                name: 'preventOverflow',
-                options: {
-                    rootBoundary: 'viewport',
-                },
-            },
-            { name: 'arrow', options: { element: arrowElement } },
-        ];
-        if (matchReferenceSize) {
-            modifiers.push({
-                name: 'matchReferenceSize',
-                enabled: true,
-                fn: ({ state, instance }) => {
-                    const onUpdate = getOnUpdate();
-                    const widthOrHeight = state.placement.startsWith('left') || state.placement.startsWith('right') ? 'height' : 'width';
-                    if (!popperElement)
-                        return;
-                    const popperSize = popperElement[`offset${widthOrHeight[0].toUpperCase() + widthOrHeight.slice(1)}`];
-                    const referenceSize = state.rects.reference[widthOrHeight];
-                    if (Math.round(popperSize) === Math.round(referenceSize))
-                        return;
-                    popperElement.style[widthOrHeight] = `${referenceSize}px`;
-                    void instance.update();
-                    if (onUpdate) {
-                        onUpdate();
-                    }
-                },
-                phase: 'beforeWrite',
-                requires: ['computeStyles'],
-            });
-        }
-        return modifiers;
-    }, [matchReferenceSize, offset, popperElement, arrowElement, getOnUpdate]);
-    const popper = usePopper(anchorElement, popperElement, {
-        placement,
-        modifiers,
-    });
-    const containerEl = getPortalContainer(container, anchorElement);
-    useOnClickOutside(open, {
-        target: popperElement,
-        excludeElement: anchorElement,
-        handler: onClose,
-    });
-    const handleFocusIn = useCallback((e) => {
-        if (popperElement && !popperElement.contains(e.target) && !(anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.contains(e.target))) {
-            onClose();
-        }
-    }, [onClose, popperElement, anchorElement]);
-    const handleKeyDown = useCallback((e) => {
-        if (e.key === 'Escape') {
-            getOnClose()();
-        }
-    }, [getOnClose]);
-    useEffect(() => {
-        if (open) {
-            document.addEventListener('focusin', handleFocusIn, false);
-            document.addEventListener('keydown', handleKeyDown, false);
-        }
-        else {
-            document.removeEventListener('focusin', handleFocusIn);
-            document.removeEventListener('keydown', handleKeyDown);
-        }
-        return () => {
-            document.removeEventListener('focusin', handleFocusIn);
-            document.removeEventListener('keydown', handleKeyDown);
-        };
-    }, [open, handleFocusIn, handleKeyDown]);
-    return (React.createElement(React.Fragment, null, containerEl
-        ? createPortal(open && (React.createElement("div", { ref: setPopperElement, "data-test": dataTest, className: cls(styles.root, className), style: popper.styles.popper, ...popper.attributes.popper }, children)), containerEl)
-        : children));
-};
-//# sourceMappingURL=Popover.js.map

package/lib/Popover.js.map

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

package/lib/Popover.module.scss

@@ -1,12 +0,0 @@
-@use '../styles/constants/index' as c;
-
-$contentBorderRadius: 3px;
-
-.root {
-  display: flex;
-  flex-direction: column;
-  background: c.$colorNeutralWhite;
-  border-bottom-left-radius: $contentBorderRadius;
-  border-bottom-right-radius: $contentBorderRadius;
-  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 17%);
-}

package/lib/Radio.d.ts

@@ -1,26 +0,0 @@
-import { FC, FocusEvent, ReactElement, ReactNode, ReactText } from 'react';
-import { DataTestProp } from '@hazelcast/helpers';
-import { HelpProps } from './Help';
-type RadioCoreProps = {
-    value: string;
-    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
-    checked?: boolean;
-};
-export type RadioExtraProps = {
-    label?: ReactText | ReactElement;
-    helperText?: HelpProps['helperText'];
-    disabled?: boolean;
-    required?: boolean;
-    className?: string;
-    renderCheckmark?: () => ReactNode;
-};
-export type RadioProps = RadioCoreProps & RadioExtraProps & DataTestProp;
-/**
- * ### Purpose
- * Forms require input from users. If you need information that can be represented as a choice of multiple values, use input with type 'radio'.
- * Help prop provides guidance to ensure they know what to enter.
- *
- * Radios need to be wrapped in RadioGroup component that provides radio buttons with context so that they behave as one component.
- */
-export declare const Radio: FC<RadioProps>;
-export {};

package/lib/Radio.js

@@ -1,34 +0,0 @@
-import React, { useContext } from 'react';
-import classNames from 'classnames';
-import { useUID } from 'react-uid';
-import { Help, helpTooltipId } from './Help';
-import { RadioGroupContext } from './RadioGroupContext';
-import styles from './Radio.module.scss';
-import { TruncatedText } from './TruncatedText';
-/**
- * ### Purpose
- * Forms require input from users. If you need information that can be represented as a choice of multiple values, use input with type 'radio'.
- * Help prop provides guidance to ensure they know what to enter.
- *
- * Radios need to be wrapped in RadioGroup component that provides radio buttons with context so that they behave as one component.
- */
-export const Radio = ({ onBlur, className, value, label, required, helperText, disabled = false, checked, 'data-test': dataTest, renderCheckmark, }) => {
-    const id = useUID();
-    const { name, onChange, errorId } = useContext(RadioGroupContext);
-    const errorProps = errorId
-        ? {
-            'aria-invalid': true,
-            'aria-errormessage': errorId,
-        }
-        : {};
-    return (React.createElement("label", { className: classNames(styles.wrapper, {
-            [styles.disabled]: disabled,
-            [styles.error]: !!errorId,
-        }, className), "data-test": dataTest, htmlFor: id },
-        label !== undefined && (React.createElement("div", { className: styles.name, "data-test": "radio-input-label" },
-            React.createElement(TruncatedText, { text: label }))),
-        React.createElement("input", { type: "radio", id: id, name: name, checked: checked, required: required, onChange: onChange, onBlur: onBlur, value: value, disabled: disabled, "aria-describedby": helperText && helpTooltipId(id), ...errorProps }),
-        renderCheckmark ? renderCheckmark() : React.createElement("span", { className: styles.checkmark }),
-        helperText && React.createElement(Help, { parentId: id, helperText: helperText, className: styles.helperText })));
-};
-//# sourceMappingURL=Radio.js.map

package/lib/Radio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../src/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAsD,UAAU,EAAE,MAAM,OAAO,CAAA;AAC7F,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EAAE,IAAI,EAAa,aAAa,EAAE,MAAM,QAAQ,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAmB/C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EACpC,MAAM,EACN,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,WAAW,EAAE,QAAQ,EACrB,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IACnB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACjE,MAAM,UAAU,GAAG,OAAO;QACxB,CAAC,CAAC;YACE,cAAc,EAAE,IAAI;YACpB,mBAAmB,EAAE,OAAO;SAC7B;QACH,CAAC,CAAC,EAAE,CAAA;IAEN,OAAO,CACL,+BACE,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,OAAO,EACd;YACE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO;SAC1B,EACD,SAAS,CACV,eACU,QAAQ,EACnB,OAAO,EAAE,EAAE;QAMV,KAAK,KAAK,SAAS,IAAI,CACtB,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,eAAY,mBAAmB;YACxD,oBAAC,aAAa,IAAC,IAAI,EAAE,KAAK,GAAI,CAC1B,CACP;QACD,+BACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,sBACA,UAAU,IAAI,aAAa,CAAC,EAAE,CAAC,KAC7C,UAAU,GACd;QACD,eAAe,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAE,MAAM,CAAC,SAAS,GAAI;QAC3E,UAAU,IAAI,oBAAC,IAAI,IAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,GAAI,CACrF,CACT,CAAA;AACH,CAAC,CAAA"}

package/lib/Radio.module.scss

@@ -1,112 +0,0 @@
-@use '../styles/constants' as c;
-@use '../styles/helpers' as h;
-
-.wrapper {
-  display: inline-flex;
-
-  // inline-flex changes vertical align compared to display: flex
-  // setting vertical-align allows us to easily use radio button
-  // inline e.g. next to the text
-  // Most common use case will be still the usage in a form where parent
-  // wrapper controls this.
-  vertical-align: bottom;
-  align-items: center;
-  cursor: pointer;
-
-  @include c.typographyBodySmall;
-
-  // hide native checkbox
-  input {
-    @include h.visuallyHidden;
-  }
-
-  .helperText {
-    margin-left: c.$grid * 0.5;
-  }
-
-  // default visible checkmark
-  .checkmark {
-    // using min-{size} because the circle can be broken in a flex wrapper
-    min-width: c.$iconSizeSmall;
-    min-height: c.$iconSizeSmall;
-    border: c.$borderWidth solid c.$colorNeutralLight;
-    border-radius: 50%;
-
-    // because of ~ and + selectors used below, we need to keep the current order in DOM and
-    // fix it visually with order property
-    order: -1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  &.inline {
-    .checkmark {
-      // in case we have inline mode, we should have a padding like native radio button has
-      margin-left: c.$grid;
-    }
-  }
-
-  & > input:checked ~ .checkmark {
-    background-color: c.$colorSuccess;
-    border-color: c.$colorSuccess;
-  }
-
-  /**
-    Hover
-   */
-  &:hover,
-  &.hover {
-    input ~ .checkmark {
-      border-color: c.$colorPrimary;
-    }
-  }
-
-  /* Style the indicator (dot/circle) */
-  .checkmark::after {
-    content: '';
-    width: 1.5 * c.$grid;
-    height: 1.5 * c.$grid;
-    border-radius: 50%;
-    background: transparent;
-  }
-
-  input:checked ~ .checkmark::after {
-    background: c.$colorNeutralWhite;
-  }
-
-  .name {
-    overflow: hidden;
-    padding-left: c.$grid * 1.25;
-    padding-right: c.$grid * 1.25;
-  }
-
-  &.disabled {
-    cursor: not-allowed;
-    color: c.$colorNeutralLight;
-
-    input ~ .checkmark {
-      border-color: c.$colorNeutralLight;
-    }
-
-    input:checked ~ .checkmark {
-      background-color: c.$colorNeutral;
-    }
-  }
-
-  // Error state
-  &.error input:checked ~ .checkmark {
-    border-color: c.$colorError;
-  }
-
-  // :checked, :not(:checked) is added here to make the specificity more important than the error's state
-  // where we make the radio as error if and only if it's checked
-  &.focus > input:not(:checked),
-  &.focus > input:checked,
-  input:focus:not(:checked),
-  input:focus:checked {
-    ~ .checkmark {
-      @include h.outlineFormField;
-    }
-  }
-}

package/lib/RadioFormik.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioFormik.js","sourceRoot":"","sources":["../src/RadioFormik.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjC,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAMvD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAoB,EAAgB,EAAE;IACtF,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC9C,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAqB;QAC3C,IAAI;KACL,CAAC,CAAA;IAEF,OAAO,oBAAC,KAAK,OAAK,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CAAA;AACjG,CAAC,CAAA"}

package/lib/RadioGroup.d.ts

@@ -1,21 +0,0 @@
-import { ChangeEvent, FC, ReactElement } from 'react';
-import { DataTestProp } from '@hazelcast/helpers';
-import { RadioProps } from './Radio';
-export type RadioGroupCoreProps = {
-    name: string;
-    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
-    error?: string;
-};
-export type RadioGroupExtraProps = {
-    children: ReactElement<RadioProps> | Array<ReactElement<RadioProps>>;
-    inline?: boolean;
-    radioGroupClassName?: string;
-    className?: string;
-} & DataTestProp;
-export type RadioGroupProps = RadioGroupExtraProps & RadioGroupCoreProps;
-/**
- * ### Purpose
- * Forms require input from users. If you need information that can be represented as a choice of multiple values, use input with type 'radio'.
- * You can use RadioGroup in order to group radios buttons into logical cells and provide corresponding error if needed.
- */
-export declare const RadioGroup: FC<RadioGroupProps>;

package/lib/RadioGroup.js

@@ -1,24 +0,0 @@
-import React, { useMemo } from 'react';
-import { useUID } from 'react-uid';
-import classNames from 'classnames';
-import { Error, errorId } from './Error';
-import { RadioGroupContext } from './RadioGroupContext';
-import styles from './RadioGroup.module.scss';
-/**
- * ### Purpose
- * Forms require input from users. If you need information that can be represented as a choice of multiple values, use input with type 'radio'.
- * You can use RadioGroup in order to group radios buttons into logical cells and provide corresponding error if needed.
- */
-export const RadioGroup = (props) => {
-    const { radioGroupClassName, error, children, className, name, onChange, inline = false, 'data-test': dataTest } = props;
-    const id = useUID();
-    const errorIdString = error && errorId(id);
-    const providerValue = useMemo(() => ({ name, errorId: errorIdString, onChange }), [name, errorIdString, onChange]);
-    return (React.createElement("div", { className: classNames(className, { [styles.withError]: 'error' in props }), "data-test": dataTest },
-        React.createElement("div", { role: "radiogroup", "data-test": "radio-group", className: classNames({
-                [styles.inline]: inline,
-            }, styles.radioGroup, radioGroupClassName), "aria-invalid": !!error, "aria-errormessage": errorIdString },
-            React.createElement(RadioGroupContext.Provider, { value: providerValue }, children)),
-        React.createElement(Error, { truncated: true, error: error, className: styles.errorContainer, inputId: id })));
-};
-//# sourceMappingURL=RadioGroup.js.map

package/lib/RadioGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiC,OAAO,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAGvD,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAiB7C;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACxH,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IACnB,MAAM,aAAa,GAAuB,KAAK,IAAI,OAAO,CAAC,EAAE,CAAC,CAAA;IAE9D,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAA;IAElH,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,IAAI,KAAK,EAAE,CAAC,eAAa,QAAQ;QAClG,6BACE,IAAI,EAAC,YAAY,eACP,aAAa,EACvB,SAAS,EAAE,UAAU,CACnB;gBACE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM;aACxB,EACD,MAAM,CAAC,UAAU,EACjB,mBAAmB,CACpB,kBACa,CAAC,CAAC,KAAK,uBACF,aAAa;YAEhC,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,IAAG,QAAQ,CAA8B,CACrF;QACN,oBAAC,KAAK,IAAC,SAAS,QAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,cAAc,EAAE,OAAO,EAAE,EAAE,GAAI,CAC5E,CACP,CAAA;AACH,CAAC,CAAA"}

package/lib/RadioGroup.module.scss

@@ -1,21 +0,0 @@
-@use '../styles/constants' as c;
-@use '../styles/helpers' as h;
-@include h.withError;
-
-.radioGroup {
-  display: flex;
-  flex-direction: column;
-
-  &:not(.inline) > *:not(:last-child) {
-    // we need to provide spacing between radios if they're in a vertical column
-    margin-bottom: c.$grid;
-  }
-
-  &.inline {
-    flex-direction: row;
-
-    > *:not(:first-child) {
-      margin-left: c.$grid;
-    }
-  }
-}

package/lib/RadioGroupContext.d.ts

@@ -1,6 +0,0 @@
-import React, { ChangeEvent } from 'react';
-export declare const RadioGroupContext: React.Context<{
-    name: string;
-    errorId?: string | undefined;
-    onChange?: ((e: ChangeEvent<HTMLInputElement>) => void) | undefined;
-}>;

package/lib/RadioGroupContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroupContext.js","sourceRoot":"","sources":["../src/RadioGroupContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAIjD,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA"}

package/lib/RadioGroupFormik.d.ts

@@ -1,10 +0,0 @@
-import { ReactElement } from 'react';
-import { RadioGroupExtraProps } from './RadioGroup';
-import { FieldValidatorGeneric } from './utils/formik';
-import { ExtractKeysOfValueType } from './utils/types';
-export type RadioGroupFormikProps<V extends object> = RadioGroupExtraProps & {
-    name: ExtractKeysOfValueType<V, string | undefined>;
-    validate?: FieldValidatorGeneric<string | undefined>;
-    onChange?: (value: string) => void;
-};
-export declare const RadioGroupFieldFormik: <V extends object>({ name, validate, children, onChange, ...props }: RadioGroupFormikProps<V>) => ReactElement;

package/lib/RadioGroupFormik.js

@@ -1,17 +0,0 @@
-import React, { useCallback } from 'react';
-import { useField } from 'formik';
-import { RadioGroup } from './RadioGroup';
-import { getFieldError } from './utils/formik';
-export const RadioGroupFieldFormik = ({ name, validate, children, onChange, ...props }) => {
-    const [{ onChange: onFormikChange }, meta] = useField({
-        name,
-        validate,
-    });
-    return (React.createElement(RadioGroup, { ...props, name: name, error: getFieldError(meta), onChange: useCallback((e) => {
-            if (onChange) {
-                onChange(e.target.value);
-            }
-            onFormikChange(e);
-        }, [onFormikChange, onChange]) }, children));
-};
-//# sourceMappingURL=RadioGroupFormik.js.map

package/lib/RadioGroupFormik.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroupFormik.js","sourceRoot":"","sources":["../src/RadioGroupFormik.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,WAAW,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjC,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAyB,aAAa,EAAE,MAAM,gBAAgB,CAAA;AASrE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAmB,EACtD,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACiB,EAAgB,EAAE;IAC3C,MAAM,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAqB;QACxE,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,UAAU,OACL,KAAK,EACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,EAC1B,QAAQ,EAAE,WAAW,CACnB,CAAC,CAAC,EAAE,EAAE;YACJ,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;aACzB;YAED,cAAc,CAAC,CAAC,CAAC,CAAA;QACnB,CAAC,EACD,CAAC,cAAc,EAAE,QAAQ,CAAC,CAC3B,IAEA,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CAAA"}

package/lib/SegmentedControl.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { DataTestProp } from '@hazelcast/helpers';
-export type SegmentedControlOption<V> = {
-    value: V;
-    label: string;
-};
-export type SegmentedControlSize = 'medium' | 'small';
-export type SegmentedControlProps<V> = {
-    value: V;
-    onChange: (value: V) => void;
-    label?: string;
-    options: SegmentedControlOption<V>[];
-    size?: SegmentedControlSize;
-    className?: string;
-    optionClassName?: string;
-    labelClassName?: string;
-} & DataTestProp;
-export declare const SegmentedControl: <V extends string = string>({ label, value, onChange, options, size, className, optionClassName, labelClassName, "data-test": dataTest, }: SegmentedControlProps<V>) => JSX.Element;

package/lib/SegmentedControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../src/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,OAAO,MAAM,MAAM,gCAAgC,CAAA;AAqBnD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAA4B,EAC1D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,eAAe,EACf,cAAc,EACd,WAAW,EAAE,QAAQ,GAAG,WAAW,GACV,EAAE,EAAE,CAAC,CAC9B,oBAAC,UAAU,iBACE,QAAQ,EACnB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO,EAAE,EAAE,SAAS,CAAC,EAC5E,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ;IAEjB,KAAK,IAAI,CACR,oBAAC,UAAU,CAAC,KAAK,iBAAY,GAAG,QAAQ,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,IAC3E,KAAK,CACW,CACpB;IACA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,UAAU,CAAC,MAAM,iBACL,GAAG,QAAQ,IAAI,MAAM,CAAC,KAAK,EAAE,EACxC,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,CAAC;QAE7F,oBAAC,UAAU,CAAC,KAAK,iBAAY,GAAG,QAAQ,IAAI,MAAM,CAAC,KAAK,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,IAC1G,MAAM,CAAC,KAAK,CACI,CACD,CACrB,CAAC,CACS,CACd,CAAA"}

package/lib/SegmentedControl.module.scss

@@ -1,81 +0,0 @@
-@use '../styles/constants' as c;
-@use '../styles/helpers' as h;
-
-.group {
-  display: flex;
-
-  .groupLabel {
-    @include h.visuallyHidden;
-  }
-
-  .option {
-    position: relative;
-    box-sizing: border-box;
-    height: c.$inputHeight;
-    min-width: c.$grid * 37.5;
-    border: 1px solid c.$colorNeutralLight;
-    border-bottom-width: 6px;
-    background-color: c.$colorNeutralLighter;
-    color: c.$colorTextSecondary;
-    cursor: pointer;
-
-    .label {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      height: 100%;
-      padding-left: c.$grid * 2;
-      padding-right: c.$grid * 2;
-      cursor: pointer;
-
-      @include c.typographyBodyNormal('bold');
-    }
-
-    &.checked {
-      color: c.$colorText;
-      border-bottom-color: c.$colorSuccess;
-    }
-
-    &:first-of-type {
-      border-top-left-radius: c.$borderRadius;
-      border-bottom-left-radius: c.$borderRadius;
-    }
-
-    &:last-of-type {
-      border-top-right-radius: c.$borderRadius;
-      border-bottom-right-radius: c.$borderRadius;
-    }
-
-    // Border collapse
-    &:not(:first-of-type) {
-      margin-left: -1px;
-    }
-
-    &:hover {
-      color: c.$colorText;
-    }
-
-    &:focus-visible {
-      // Do not remove outline for high-contrast modes
-      // https://stackoverflow.com/a/52616313
-      outline: c.$outlineWidth solid transparent;
-      color: c.$colorText;
-      position: relative;
-      z-index: c.$zIndex200;
-
-      @include h.outlineAround;
-    }
-  }
-
-  &.small {
-    .option {
-      min-width: c.$grid * 28.125;
-      height: c.$inputHeightSmall;
-      border-bottom-width: 4px;
-
-      .label {
-        @include c.typographyBodySmall('bold');
-      }
-    }
-  }
-}

package/lib/SegmentedControlFormik.d.ts

@@ -1,9 +0,0 @@
-import { ReactElement } from 'react';
-import { SegmentedControlProps } from './SegmentedControl';
-import { FieldValidatorGeneric } from './utils/formik';
-import { ExtractKeysOfValueType } from './utils/types';
-export type SegmentedControlFormikProps<V extends object, OV> = Omit<SegmentedControlProps<OV>, 'value' | 'onChange'> & {
-    name: ExtractKeysOfValueType<V, OV | undefined>;
-    validate?: FieldValidatorGeneric<OV | undefined>;
-};
-export declare const SegmentedControlFormik: <V extends object, OV extends string = string>({ name, validate, ...props }: SegmentedControlFormikProps<V, OV>) => ReactElement;

package/lib/SegmentedControlFormik.js

@@ -1,13 +0,0 @@
-import React, { useMemo } from 'react';
-import { useField } from 'formik';
-import { SegmentedControl } from './SegmentedControl';
-import { formikTouchAndUpdate } from './utils/formik';
-export const SegmentedControlFormik = ({ name, validate, ...props }) => {
-    const [{ value }, , { setValue, setTouched }] = useField({
-        name,
-        validate,
-    });
-    const onChange = useMemo(() => formikTouchAndUpdate(setValue, setTouched), [setValue, setTouched]);
-    return React.createElement(SegmentedControl, { ...props, value: value, onChange: onChange });
-};
-//# sourceMappingURL=SegmentedControlFormik.js.map

package/lib/SegmentedControlFormik.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedControlFormik.js","sourceRoot":"","sources":["../src/SegmentedControlFormik.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,OAAO,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjC,OAAO,EAAE,gBAAgB,EAAyB,MAAM,oBAAoB,CAAA;AAC5E,OAAO,EAAyB,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAQ5E,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAA+C,EACnF,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EAC2B,EAAgB,EAAE;IACrD,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,AAAD,EAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,QAAQ,CAAK;QAC3D,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAK,QAAQ,EAAE,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAA;IAEtG,OAAO,oBAAC,gBAAgB,OAAS,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;AAC9E,CAAC,CAAA"}

package/lib/Select/CheckableSelectField.d.ts

@@ -1,40 +0,0 @@
-import { FocusEvent, ReactNode } from 'react';
-import { SelectFieldOption } from './helpers';
-import { HelpProps } from '../Help';
-export type CheckableSelectFieldCoreStaticProps<V> = {
-    name: string;
-    onBlur?: (e: FocusEvent<HTMLElement>) => void;
-    error?: string;
-    value: V[];
-    onChange: (newValue: V[]) => void;
-    allSelectedLabel?: string;
-    noneSelectedLabel?: string;
-};
-export type CheckableSelectFieldExtraProps<V> = {
-    options: SelectFieldOption<V>[];
-    label: ReactNode;
-    size?: 'small' | 'medium';
-    showAriaLabel?: boolean;
-    helperText?: HelpProps['helperText'];
-    className?: string;
-    placeholderMode?: 'normal' | 'permanent';
-    placeholder?: string;
-    disabled?: boolean;
-    required?: boolean;
-    labelClassName?: string;
-    errorClassName?: string;
-    'data-test': string;
-    noOptionsMessage?: string;
-    defaultOpen?: boolean;
-    id?: string;
-    searchInputProps?: {
-        endAdornment?: ReactNode;
-        startAdornment?: ReactNode;
-    };
-    filterOptions?: (candidate: SelectFieldOption<V>, input: string) => boolean;
-};
-export type CheckableSelectProps<V> = CheckableSelectFieldCoreStaticProps<V> & CheckableSelectFieldExtraProps<V>;
-export interface CheckMarkProps {
-    checked: boolean;
-}
-export declare const CheckableSelectField: <V extends string | number = number>(props: CheckableSelectProps<V>) => JSX.Element;