@lumx/react 3.20.1-alpha.33 → 3.20.1-alpha.34

package/_internal/packages/lumx-react/src/components/checkbox/Checkbox-b7f3676e.js

@@ -1,142 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { useId } from '../../hooks/useId-11687649.js';
-import { useMergeRefs } from '../../utils/react/mergeRefs-27df0cb6.js';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { useDisableStateProps } from '../../utils/disabled/useDisableStateProps-2391c02d.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { mdiMinus } from '../../../../lumx-icons/dist/esm/minus-b9ed1f7a.js';
-import { mdiCheck } from '../../../../lumx-icons/dist/esm/check-1c3b349b.js';
-import { InputLabel } from '../input-label/InputLabel-7ce8e604.js';
-import { InputHelper } from '../input-helper/InputHelper-a6c7ec2d.js';
-import { Theme } from '@lumx/core/js/constants';
-import { Icon } from '../icon/Icon-21a83e8c.js';
-
-/**
- * Intermediate state of checkbox.
- */
-const INTERMEDIATE_STATE = 'intermediate';
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Checkbox';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {};
-
-/**
- * Checkbox component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Checkbox = forwardRef((props, ref) => {
-  const {
-    isAnyDisabled,
-    disabledStateProps,
-    otherProps
-  } = useDisableStateProps(props);
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    checked,
-    className,
-    helper,
-    id,
-    inputRef,
-    isChecked = checked,
-    label,
-    name,
-    onChange,
-    theme = defaultTheme,
-    value,
-    inputProps = {},
-    ...forwardedProps
-  } = otherProps;
-  const localInputRef = React__default.useRef(null);
-  const generatedInputId = useId();
-  const inputId = id || generatedInputId;
-  const handleChange = event => {
-    if (onChange) {
-      onChange(!isChecked, value, name, event);
-    }
-  };
-  const intermediateState = isChecked === INTERMEDIATE_STATE;
-  React__default.useEffect(() => {
-    const input = localInputRef.current;
-    if (input) input.indeterminate = intermediateState;
-  }, [intermediateState]);
-  return /*#__PURE__*/jsxs("div", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      // Whether state is intermediate class name will "-checked"
-      isChecked: intermediateState ? true : isChecked,
-      isDisabled: isAnyDisabled,
-      isUnchecked: !isChecked,
-      prefix: CLASSNAME,
-      theme
-    })),
-    children: [/*#__PURE__*/jsxs("div", {
-      className: `${CLASSNAME}__input-wrapper`,
-      children: [/*#__PURE__*/jsx("input", {
-        ref: useMergeRefs(inputRef, localInputRef),
-        type: "checkbox",
-        id: inputId,
-        className: `${CLASSNAME}__input-native`,
-        ...disabledStateProps,
-        name: name,
-        value: value,
-        checked: isChecked,
-        onChange: handleChange,
-        "aria-describedby": helper ? `${inputId}-helper` : undefined,
-        "aria-checked": intermediateState ? 'mixed' : Boolean(isChecked),
-        readOnly: inputProps.readOnly || disabledStateProps['aria-disabled'],
-        ...inputProps
-      }), /*#__PURE__*/jsxs("div", {
-        className: `${CLASSNAME}__input-placeholder`,
-        children: [/*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME}__input-background`
-        }), /*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME}__input-indicator`,
-          children: /*#__PURE__*/jsx(Icon, {
-            icon: intermediateState ? mdiMinus : mdiCheck
-          })
-        })]
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      className: `${CLASSNAME}__content`,
-      children: [label && /*#__PURE__*/jsx(InputLabel, {
-        htmlFor: inputId,
-        className: `${CLASSNAME}__label`,
-        theme: theme,
-        children: label
-      }), helper && /*#__PURE__*/jsx(InputHelper, {
-        id: `${inputId}-helper`,
-        className: `${CLASSNAME}__helper`,
-        theme: theme,
-        children: helper
-      })]
-    })]
-  });
-});
-Checkbox.displayName = COMPONENT_NAME;
-Checkbox.className = CLASSNAME;
-Checkbox.defaultProps = DEFAULT_PROPS;
-
-export { Checkbox };
-//# sourceMappingURL=Checkbox-b7f3676e.js.map

package/_internal/packages/lumx-react/src/components/checkbox/Checkbox-b7f3676e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox-b7f3676e.js","sources":["../../../../../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import React, { InputHTMLAttributes, ReactNode, SyntheticEvent } from 'react';\n\nimport classNames from 'classnames';\n\nimport { mdiCheck, mdiMinus } from '@lumx/icons';\n\nimport { Icon, InputHelper, InputLabel, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { useMergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\nimport { HasAriaDisabled } from '@lumx/react/utils/type/HasAriaDisabled';\n\n/**\n * Intermediate state of checkbox.\n */\nconst INTERMEDIATE_STATE = 'intermediate';\n\n/**\n * Defines the props of the component.\n */\nexport interface CheckboxProps extends GenericProps, HasTheme, HasAriaDisabled {\n    /** Helper text. */\n    helper?: string;\n    /** Native input id property. */\n    id?: string;\n    /** Native input ref. */\n    inputRef?: React.Ref<HTMLInputElement>;\n    /** Whether it is checked or not or intermediate. */\n    isChecked?: boolean | 'intermediate';\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Label text. */\n    label?: ReactNode;\n    /** Native input name property. */\n    name?: string;\n    /** Native input value property. */\n    value?: string;\n    /** optional props for input */\n    inputProps?: InputHTMLAttributes<HTMLInputElement>;\n    /** On change callback. */\n    onChange?(isChecked: boolean, value?: string, name?: string, event?: SyntheticEvent): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Checkbox';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<CheckboxProps> = {};\n\n/**\n * Checkbox component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Checkbox = forwardRef<CheckboxProps, HTMLDivElement>((props, ref) => {\n    const { isAnyDisabled, disabledStateProps, otherProps } = useDisableStateProps(props);\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        checked,\n        className,\n        helper,\n        id,\n        inputRef,\n        isChecked = checked,\n        label,\n        name,\n        onChange,\n        theme = defaultTheme,\n        value,\n        inputProps = {},\n        ...forwardedProps\n    } = otherProps;\n    const localInputRef = React.useRef<HTMLInputElement>(null);\n    const generatedInputId = useId();\n    const inputId = id || generatedInputId;\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        if (onChange) {\n            onChange(!isChecked, value, name, event);\n        }\n    };\n\n    const intermediateState = isChecked === INTERMEDIATE_STATE;\n\n    React.useEffect(() => {\n        const input = localInputRef.current;\n        if (input) input.indeterminate = intermediateState;\n    }, [intermediateState]);\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    // Whether state is intermediate class name will \"-checked\"\n                    isChecked: intermediateState ? true : isChecked,\n                    isDisabled: isAnyDisabled,\n                    isUnchecked: !isChecked,\n                    prefix: CLASSNAME,\n                    theme,\n                }),\n            )}\n        >\n            <div className={`${CLASSNAME}__input-wrapper`}>\n                <input\n                    ref={useMergeRefs(inputRef, localInputRef)}\n                    type=\"checkbox\"\n                    id={inputId}\n                    className={`${CLASSNAME}__input-native`}\n                    {...disabledStateProps}\n                    name={name}\n                    value={value}\n                    checked={isChecked}\n                    onChange={handleChange}\n                    aria-describedby={helper ? `${inputId}-helper` : undefined}\n                    aria-checked={intermediateState ? 'mixed' : Boolean(isChecked)}\n                    readOnly={inputProps.readOnly || disabledStateProps['aria-disabled']}\n                    {...inputProps}\n                />\n\n                <div className={`${CLASSNAME}__input-placeholder`}>\n                    <div className={`${CLASSNAME}__input-background`} />\n\n                    <div className={`${CLASSNAME}__input-indicator`}>\n                        <Icon icon={intermediateState ? mdiMinus : mdiCheck} />\n                    </div>\n                </div>\n            </div>\n\n            <div className={`${CLASSNAME}__content`}>\n                {label && (\n                    <InputLabel htmlFor={inputId} className={`${CLASSNAME}__label`} theme={theme}>\n                        {label}\n                    </InputLabel>\n                )}\n                {helper && (\n                    <InputHelper id={`${inputId}-helper`} className={`${CLASSNAME}__helper`} theme={theme}>\n                        {helper}\n                    </InputHelper>\n                )}\n            </div>\n        </div>\n    );\n});\nCheckbox.displayName = COMPONENT_NAME;\nCheckbox.className = CLASSNAME;\nCheckbox.defaultProps = DEFAULT_PROPS;\n"],"names":["INTERMEDIATE_STATE","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Checkbox","forwardRef","props","ref","isAnyDisabled","disabledStateProps","otherProps","useDisableStateProps","defaultTheme","useTheme","Theme","light","checked","className","helper","id","inputRef","isChecked","label","name","onChange","theme","value","inputProps","forwardedProps","localInputRef","React","useRef","generatedInputId","useId","inputId","handleChange","event","intermediateState","useEffect","input","current","indeterminate","_jsxs","classNames","handleBasicClasses","isDisabled","isUnchecked","prefix","children","_jsx","useMergeRefs","type","undefined","Boolean","readOnly","Icon","icon","mdiMinus","mdiCheck","InputLabel","htmlFor","InputHelper","displayName","defaultProps"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/chip/Chip-f1a3942a.js

@@ -1,131 +0,0 @@
-import classNames from 'classnames';
-import isFunction from 'lodash/isFunction';
-import { useStopPropagation } from '../../hooks/useStopPropagation-eef5d63f.js';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { onEnterPressed } from '@lumx/core/js/utils';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { useDisableStateProps } from '../../utils/disabled/useDisableStateProps-2391c02d.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Size, Theme, ColorPalette } from '@lumx/core/js/constants';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Chip';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  size: Size.m
-};
-
-/**
- * Chip component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Chip = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    isAnyDisabled,
-    disabledStateProps,
-    otherProps
-  } = useDisableStateProps(props);
-  const {
-    after,
-    before,
-    children,
-    className,
-    color,
-    isClickable: propIsClickable,
-    isHighlighted,
-    isSelected,
-    onAfterClick,
-    onBeforeClick,
-    onClick,
-    size = DEFAULT_PROPS.size,
-    theme = defaultTheme,
-    href,
-    onKeyDown,
-    ...forwardedProps
-  } = otherProps;
-  const hasAfterClick = isFunction(onAfterClick);
-  const hasBeforeClick = isFunction(onBeforeClick);
-  const hasOnClick = isFunction(props.onClick);
-  const isButton = hasOnClick && !href;
-  const isClickable = Boolean(hasOnClick) || Boolean(href) || propIsClickable;
-
-  // Adapt color to the theme.
-  const chipColor = color || (theme === Theme.light ? ColorPalette.dark : ColorPalette.light);
-  const handleOnBeforeClick = useStopPropagation(onBeforeClick);
-  const handleOnAfterClick = useStopPropagation(onAfterClick);
-  const handleKeyDown = evt => {
-    onKeyDown?.(evt);
-    if (hasOnClick) {
-      onEnterPressed(onClick)(evt);
-    }
-  };
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    jsxs("a", {
-      role: isButton ? 'button' : undefined,
-      tabIndex: isClickable && !disabledStateProps.disabled ? 0 : undefined,
-      ...forwardedProps,
-      href: !disabledStateProps.disabled ? href : undefined,
-      ref: ref,
-      className: classNames(className, handleBasicClasses({
-        clickable: isClickable,
-        color: chipColor,
-        isDisabled: isAnyDisabled,
-        hasAfter: Boolean(after),
-        hasBefore: Boolean(before),
-        highlighted: Boolean(isHighlighted),
-        prefix: CLASSNAME,
-        selected: Boolean(isSelected),
-        size,
-        unselected: Boolean(!isSelected)
-      })),
-      "aria-disabled": isClickable && isAnyDisabled || undefined,
-      onClick: hasOnClick ? onClick : undefined,
-      onKeyDown: handleKeyDown,
-      children: [before &&
-      /*#__PURE__*/
-      // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-      jsx("div", {
-        className: classNames(`${CLASSNAME}__before`, {
-          [`${CLASSNAME}__before--is-clickable`]: hasBeforeClick
-        }),
-        onClick: handleOnBeforeClick,
-        children: before
-      }), /*#__PURE__*/jsx("div", {
-        className: `${CLASSNAME}__label`,
-        children: children
-      }), after &&
-      /*#__PURE__*/
-      // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-      jsx("div", {
-        className: classNames(`${CLASSNAME}__after`, {
-          [`${CLASSNAME}__after--is-clickable`]: hasAfterClick
-        }),
-        onClick: handleOnAfterClick,
-        children: after
-      })]
-    })
-  );
-});
-Chip.displayName = COMPONENT_NAME;
-Chip.className = CLASSNAME;
-Chip.defaultProps = DEFAULT_PROPS;
-
-export { Chip };
-//# sourceMappingURL=Chip-f1a3942a.js.map

package/_internal/packages/lumx-react/src/components/chip/Chip-f1a3942a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chip-f1a3942a.js","sources":["../../../../../../../src/components/chip/Chip.tsx"],"sourcesContent":["import { MouseEventHandler, ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport isFunction from 'lodash/isFunction';\n\nimport { ColorPalette, Size, Theme } from '@lumx/react';\nimport { useStopPropagation } from '@lumx/react/hooks/useStopPropagation';\n\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { onEnterPressed } from '@lumx/core/js/utils';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\nimport { HasAriaDisabled } from '@lumx/react/utils/type/HasAriaDisabled';\n\n/**\n * Chip sizes.\n */\ntype ChipSize = Extract<Size, 's' | 'm'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface ChipProps extends GenericProps, HasTheme, HasAriaDisabled {\n    /** A component to be rendered after the content. */\n    after?: ReactNode;\n    /** A component to be rendered before the content. */\n    before?: ReactNode;\n    /** Color variant. */\n    color?: ColorPalette;\n    /** Whether the component is clickable or not. */\n    isClickable?: boolean;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Whether the chip is currently in a highlighted state or not. */\n    isHighlighted?: boolean;\n    /** Whether the component is selected or not. */\n    isSelected?: boolean;\n    /** Size variant. */\n    size?: ChipSize;\n    /** On \"after\" element clicked callback. */\n    onAfterClick?: MouseEventHandler;\n    /** On \"before\" element clicked callback. */\n    onBeforeClick?: MouseEventHandler;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Chip';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ChipProps> = {\n    size: Size.m,\n};\n\n/**\n * Chip component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Chip = forwardRef<ChipProps, HTMLAnchorElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { isAnyDisabled, disabledStateProps, otherProps } = useDisableStateProps(props);\n    const {\n        after,\n        before,\n        children,\n        className,\n        color,\n        isClickable: propIsClickable,\n        isHighlighted,\n        isSelected,\n        onAfterClick,\n        onBeforeClick,\n        onClick,\n        size = DEFAULT_PROPS.size,\n        theme = defaultTheme,\n        href,\n        onKeyDown,\n        ...forwardedProps\n    } = otherProps;\n    const hasAfterClick = isFunction(onAfterClick);\n    const hasBeforeClick = isFunction(onBeforeClick);\n    const hasOnClick = isFunction(props.onClick);\n    const isButton = hasOnClick && !href;\n    const isClickable = Boolean(hasOnClick) || Boolean(href) || propIsClickable;\n\n    // Adapt color to the theme.\n    const chipColor = color || (theme === Theme.light ? ColorPalette.dark : ColorPalette.light);\n\n    const handleOnBeforeClick = useStopPropagation(onBeforeClick);\n    const handleOnAfterClick = useStopPropagation(onAfterClick);\n    const handleKeyDown = (evt: React.KeyboardEvent) => {\n        onKeyDown?.(evt);\n        if (hasOnClick) {\n            onEnterPressed(onClick)(evt);\n        }\n    };\n\n    return (\n        // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n        <a\n            role={isButton ? 'button' : undefined}\n            tabIndex={isClickable && !disabledStateProps.disabled ? 0 : undefined}\n            {...forwardedProps}\n            href={!disabledStateProps.disabled ? href : undefined}\n            ref={ref}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    clickable: isClickable,\n                    color: chipColor,\n                    isDisabled: isAnyDisabled,\n                    hasAfter: Boolean(after),\n                    hasBefore: Boolean(before),\n                    highlighted: Boolean(isHighlighted),\n                    prefix: CLASSNAME,\n                    selected: Boolean(isSelected),\n                    size,\n                    unselected: Boolean(!isSelected),\n                }),\n            )}\n            aria-disabled={(isClickable && isAnyDisabled) || undefined}\n            onClick={hasOnClick ? onClick : undefined}\n            onKeyDown={handleKeyDown}\n        >\n            {before && (\n                // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions\n                <div\n                    className={classNames(`${CLASSNAME}__before`, {\n                        [`${CLASSNAME}__before--is-clickable`]: hasBeforeClick,\n                    })}\n                    onClick={handleOnBeforeClick}\n                >\n                    {before}\n                </div>\n            )}\n            <div className={`${CLASSNAME}__label`}>{children}</div>\n            {after && (\n                // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions\n                <div\n                    className={classNames(`${CLASSNAME}__after`, {\n                        [`${CLASSNAME}__after--is-clickable`]: hasAfterClick,\n                    })}\n                    onClick={handleOnAfterClick}\n                >\n                    {after}\n                </div>\n            )}\n        </a>\n    );\n});\nChip.displayName = COMPONENT_NAME;\nChip.className = CLASSNAME;\nChip.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","size","Size","m","Chip","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","isAnyDisabled","disabledStateProps","otherProps","useDisableStateProps","after","before","children","className","color","isClickable","propIsClickable","isHighlighted","isSelected","onAfterClick","onBeforeClick","onClick","theme","href","onKeyDown","forwardedProps","hasAfterClick","isFunction","hasBeforeClick","hasOnClick","isButton","Boolean","chipColor","ColorPalette","dark","handleOnBeforeClick","useStopPropagation","handleOnAfterClick","handleKeyDown","evt","onEnterPressed","_jsxs","role","undefined","tabIndex","disabled","classNames","handleBasicClasses","clickable","isDisabled","hasAfter","hasBefore","highlighted","prefix","selected","unselected","_jsx","displayName","defaultProps"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/chip/ChipGroup-1e9b0941.js

@@ -1,51 +0,0 @@
-import classNames from 'classnames';
-import { getRootClassName } from '@lumx/core/js/utils/className';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { useChipGroupNavigation } from '../../hooks/useChipGroupNavigation-7d9c0855.js';
-import { jsx } from 'react/jsx-runtime';
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {};
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'ChipGroup';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * ChipGroup component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const InternalChipGroup = forwardRef((props, ref) => {
-  const {
-    align,
-    children,
-    className,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsx("div", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, CLASSNAME),
-    children: children
-  });
-});
-InternalChipGroup.displayName = COMPONENT_NAME;
-InternalChipGroup.className = CLASSNAME;
-InternalChipGroup.defaultProps = DEFAULT_PROPS;
-const ChipGroup = Object.assign(InternalChipGroup, {
-  useChipGroupNavigation
-});
-
-export { ChipGroup };
-//# sourceMappingURL=ChipGroup-1e9b0941.js.map

package/_internal/packages/lumx-react/src/components/chip/ChipGroup-1e9b0941.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipGroup-1e9b0941.js","sources":["../../../../../../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { HorizontalAlignment } from '@lumx/core/js/constants';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useChipGroupNavigation } from '@lumx/react/hooks/useChipGroupNavigation';\n\n/**\n * Defines the props of the component.\n */\nexport interface ChipGroupProps extends GenericProps {\n    /**\n     * Chip horizontal alignment.\n     * @deprecated\n     */\n    align?: HorizontalAlignment;\n    /** List of Chip. */\n    children: ReactNode;\n}\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ChipGroupProps> = {};\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ChipGroup';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * ChipGroup component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nconst InternalChipGroup = forwardRef<ChipGroupProps, HTMLDivElement>((props, ref) => {\n    const { align, children, className, ...forwardedProps } = props;\n\n    return (\n        <div ref={ref} {...forwardedProps} className={classNames(className, CLASSNAME)}>\n            {children}\n        </div>\n    );\n});\nInternalChipGroup.displayName = COMPONENT_NAME;\nInternalChipGroup.className = CLASSNAME;\nInternalChipGroup.defaultProps = DEFAULT_PROPS;\n\nexport const ChipGroup = Object.assign(InternalChipGroup, { useChipGroupNavigation });\n"],"names":["DEFAULT_PROPS","COMPONENT_NAME","CLASSNAME","getRootClassName","InternalChipGroup","forwardRef","props","ref","align","children","className","forwardedProps","_jsx","classNames","displayName","defaultProps","ChipGroup","Object","assign","useChipGroupNavigation"],"mappings":";;;;;;AAwBA;AACA;AACA;AACA,MAAMA,aAAsC,GAAG,EAAE,CAAA;;AAEjD;AACA;AACA;AACA,MAAMC,cAAc,GAAG,WAAW,CAAA;;AAElC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMG,iBAAiB,GAAGC,UAAU,CAAiC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjF,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,SAAS;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGL,KAAK,CAAA;AAE/D,EAAA,oBACIM,GAAA,CAAA,KAAA,EAAA;AAAKL,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GAAKI,cAAc;AAAED,IAAAA,SAAS,EAAEG,UAAU,CAACH,SAAS,EAAER,SAAS,CAAE;AAAAO,IAAAA,QAAA,EAC1EA,QAAAA;AAAQ,GACR,CAAC,CAAA;AAEd,CAAC,CAAC,CAAA;AACFL,iBAAiB,CAACU,WAAW,GAAGb,cAAc,CAAA;AAC9CG,iBAAiB,CAACM,SAAS,GAAGR,SAAS,CAAA;AACvCE,iBAAiB,CAACW,YAAY,GAAGf,aAAa,CAAA;AAEvC,MAAMgB,SAAS,GAAGC,MAAM,CAACC,MAAM,CAACd,iBAAiB,EAAE;AAAEe,EAAAA,sBAAAA;AAAuB,CAAC;;;;"}

package/_internal/packages/lumx-react/src/components/comment-block/CommentBlock-998d4a27.js

@@ -1,139 +0,0 @@
-import { Children } from 'react';
-import classNames from 'classnames';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Avatar } from '../avatar/Avatar-a875f5a5.js';
-import { Theme, Size } from '@lumx/core/js/constants';
-import { Tooltip } from '../tooltip/Tooltip-aabcaa4a.js';
-
-/**
- * Comment block variants.
- */
-const CommentBlockVariant = {
-  indented: 'indented',
-  linear: 'linear'
-};
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'CommentBlock';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  variant: CommentBlockVariant.indented
-};
-
-/**
- * CommentBlock component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const CommentBlock = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    actions,
-    avatarProps,
-    children,
-    className,
-    date,
-    fullDate,
-    hasActions,
-    headerActions,
-    isOpen,
-    isRelevant,
-    name,
-    onClick,
-    onMouseEnter,
-    onMouseLeave,
-    text,
-    theme = defaultTheme,
-    variant = DEFAULT_PROPS.variant,
-    ...forwardedProps
-  } = props;
-  const hasChildren = Children.count(children) > 0;
-  return /*#__PURE__*/jsxs("div", {
-    ref: ref,
-    className: classNames(className, handleBasicClasses({
-      hasChildren: hasChildren && isOpen,
-      hasIndentedChildren: hasChildren && variant === CommentBlockVariant.indented,
-      hasLinearChildren: hasChildren && variant === CommentBlockVariant.linear,
-      isRelevant,
-      prefix: CLASSNAME,
-      theme
-    })),
-    ...forwardedProps,
-    children: [/*#__PURE__*/jsxs("div", {
-      className: `${CLASSNAME}__wrapper`,
-      children: [/*#__PURE__*/jsx("div", {
-        className: `${CLASSNAME}__avatar`,
-        children: /*#__PURE__*/jsx(Avatar, {
-          ...avatarProps,
-          size: Size.m,
-          onClick: onClick
-        })
-      }), /*#__PURE__*/jsxs("div", {
-        className: `${CLASSNAME}__container`,
-        children: [/*#__PURE__*/jsxs("div", {
-          className: `${CLASSNAME}__content`,
-          children: [/*#__PURE__*/jsxs("div", {
-            className: `${CLASSNAME}__meta`,
-            children: [name &&
-            /*#__PURE__*/
-            // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-            jsx("span", {
-              className: `${CLASSNAME}__name`,
-              onClick: onClick,
-              onMouseEnter: onMouseEnter,
-              onMouseLeave: onMouseLeave,
-              children: name
-            }), headerActions && /*#__PURE__*/jsx("span", {
-              className: `${CLASSNAME}__header-actions`,
-              children: headerActions
-            })]
-          }), /*#__PURE__*/jsx("div", {
-            className: `${CLASSNAME}__text`,
-            children: text
-          }), date && (fullDate ? /*#__PURE__*/jsx(Tooltip, {
-            label: fullDate,
-            placement: "top",
-            children: /*#__PURE__*/jsx("span", {
-              className: `${CLASSNAME}__date`,
-              children: date
-            })
-          }) : /*#__PURE__*/jsx("span", {
-            className: `${CLASSNAME}__date`,
-            children: date
-          }))]
-        }), hasActions && /*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME}__actions`,
-          children: actions
-        })]
-      })]
-    }), hasChildren && isOpen && /*#__PURE__*/jsx("div", {
-      className: `${CLASSNAME}__children`,
-      children: children
-    })]
-  });
-});
-CommentBlock.displayName = COMPONENT_NAME;
-CommentBlock.className = CLASSNAME;
-CommentBlock.defaultProps = DEFAULT_PROPS;
-
-export { CommentBlock, CommentBlockVariant };
-//# sourceMappingURL=CommentBlock-998d4a27.js.map

package/_internal/packages/lumx-react/src/components/comment-block/CommentBlock-998d4a27.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommentBlock-998d4a27.js","sources":["../../../../../../../src/components/comment-block/CommentBlock.tsx"],"sourcesContent":["import { Children, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Avatar, Size, Theme, Tooltip } from '@lumx/react';\nimport { GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { AvatarProps } from '../avatar/Avatar';\n\n/**\n * Comment block variants.\n */\nexport const CommentBlockVariant = {\n    indented: 'indented',\n    linear: 'linear',\n} as const;\nexport type CommentBlockVariant = ValueOf<typeof CommentBlockVariant>;\n\n/**\n * Defines the props of the component.\n */\nexport interface CommentBlockProps extends GenericProps, HasTheme {\n    /** Action toolbar content. */\n    actions?: ReactNode;\n    /** Props to pass to the avatar. */\n    avatarProps: AvatarProps;\n    /** Comment block replies. */\n    children?: ReactNode;\n    /** Comment date with the minimal timestamp information (xx minutes, x hours, yesterday, 6 days, Month Day, Month Day Year)*/\n    date?: string;\n    /** Comment date with the full timestamp information (day, month, year, time) */\n    fullDate?: string;\n    /** Whether the component has actions to display or not. */\n    hasActions?: boolean;\n    /** Action toolbar header content. */\n    headerActions?: ReactNode;\n    /** Whether the component is open or not. */\n    isOpen?: boolean;\n    /** Whether the comment is relevant or not. */\n    isRelevant?: boolean;\n    /** Comment author name. */\n    name?: React.ReactNode;\n    /**\n     * On click callback.\n     * @deprecated Use avatarProps instead and/or inject a clickable component in `name`\n     */\n    onClick?(): void;\n    /**\n     * On mouse enter callback.\n     * @deprecated Use avatarProps instead and/or inject a clickable component in `name`\n     */\n    onMouseEnter?(): void;\n    /**\n     * On mouse leave callback.\n     * @deprecated Use avatarProps instead and/or inject a clickable component in `name`\n     */\n    onMouseLeave?(): void;\n    /** Comment content. */\n    text: ReactNode | string;\n    /** Comment variant. */\n    variant?: CommentBlockVariant;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'CommentBlock';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<CommentBlockProps> = {\n    variant: CommentBlockVariant.indented,\n};\n\n/**\n * CommentBlock component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const CommentBlock = forwardRef<CommentBlockProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        actions,\n        avatarProps,\n        children,\n        className,\n        date,\n        fullDate,\n        hasActions,\n        headerActions,\n        isOpen,\n        isRelevant,\n        name,\n        onClick,\n        onMouseEnter,\n        onMouseLeave,\n        text,\n        theme = defaultTheme,\n        variant = DEFAULT_PROPS.variant,\n        ...forwardedProps\n    } = props;\n    const hasChildren = Children.count(children) > 0;\n\n    return (\n        <div\n            ref={ref}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    hasChildren: hasChildren && isOpen,\n                    hasIndentedChildren: hasChildren && variant === CommentBlockVariant.indented,\n                    hasLinearChildren: hasChildren && variant === CommentBlockVariant.linear,\n                    isRelevant,\n                    prefix: CLASSNAME,\n                    theme,\n                }),\n            )}\n            {...forwardedProps}\n        >\n            <div className={`${CLASSNAME}__wrapper`}>\n                <div className={`${CLASSNAME}__avatar`}>\n                    <Avatar {...avatarProps} size={Size.m} onClick={onClick} />\n                </div>\n\n                <div className={`${CLASSNAME}__container`}>\n                    <div className={`${CLASSNAME}__content`}>\n                        <div className={`${CLASSNAME}__meta`}>\n                            {name && (\n                                // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions\n                                <span\n                                    className={`${CLASSNAME}__name`}\n                                    onClick={onClick}\n                                    onMouseEnter={onMouseEnter}\n                                    onMouseLeave={onMouseLeave}\n                                >\n                                    {name}\n                                </span>\n                            )}\n                            {headerActions && <span className={`${CLASSNAME}__header-actions`}>{headerActions}</span>}\n                        </div>\n\n                        <div className={`${CLASSNAME}__text`}>{text}</div>\n                        {date &&\n                            (fullDate ? (\n                                <Tooltip label={fullDate} placement=\"top\">\n                                    <span className={`${CLASSNAME}__date`}>{date}</span>\n                                </Tooltip>\n                            ) : (\n                                <span className={`${CLASSNAME}__date`}>{date}</span>\n                            ))}\n                    </div>\n                    {hasActions && <div className={`${CLASSNAME}__actions`}>{actions}</div>}\n                </div>\n            </div>\n            {hasChildren && isOpen && <div className={`${CLASSNAME}__children`}>{children}</div>}\n        </div>\n    );\n});\nCommentBlock.displayName = COMPONENT_NAME;\nCommentBlock.className = CLASSNAME;\nCommentBlock.defaultProps = DEFAULT_PROPS;\n"],"names":["CommentBlockVariant","indented","linear","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","variant","CommentBlock","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","actions","avatarProps","children","className","date","fullDate","hasActions","headerActions","isOpen","isRelevant","name","onClick","onMouseEnter","onMouseLeave","text","theme","forwardedProps","hasChildren","Children","count","_jsxs","classNames","handleBasicClasses","hasIndentedChildren","hasLinearChildren","prefix","_jsx","Avatar","size","Size","m","Tooltip","label","placement","displayName","defaultProps"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/date-picker/DatePicker-f7f5c82d.js

@@ -1,53 +0,0 @@
-import { useState } from 'react';
-import { addMonthResetDay } from '../../utils/date/addMonthResetDay-e429bd82.js';
-import { isDateValid } from '../../utils/date/isDateValid-658e09de.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { COMPONENT_NAME, CLASSNAME } from './constants-f8c49b24.js';
-import { DatePickerControlled } from './DatePickerControlled-4af66187.js';
-import { jsx } from 'react/jsx-runtime';
-
-/**
- * DatePicker component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const DatePicker = forwardRef((props, ref) => {
-  const {
-    defaultMonth,
-    locale,
-    value,
-    onChange,
-    ...forwardedProps
-  } = props;
-  let referenceDate = value || defaultMonth || new Date();
-  if (!isDateValid(referenceDate)) {
-    // eslint-disable-next-line no-console
-    console.warn(`[@lumx/react/DatePicker] Invalid date provided ${referenceDate}`);
-    referenceDate = new Date();
-  }
-  const [selectedMonth, setSelectedMonth] = useState(referenceDate);
-  const setPrevMonth = () => setSelectedMonth(current => addMonthResetDay(current, -1));
-  const setNextMonth = () => setSelectedMonth(current => addMonthResetDay(current, +1));
-  const onDatePickerChange = newDate => {
-    onChange(newDate);
-  };
-  return /*#__PURE__*/jsx(DatePickerControlled, {
-    ref: ref,
-    ...forwardedProps,
-    defaultMonth: defaultMonth,
-    locale: locale,
-    value: value,
-    onPrevMonthChange: setPrevMonth,
-    onNextMonthChange: setNextMonth,
-    selectedMonth: selectedMonth,
-    onChange: onDatePickerChange,
-    onMonthChange: setSelectedMonth
-  });
-});
-DatePicker.displayName = COMPONENT_NAME;
-DatePicker.className = CLASSNAME;
-
-export { DatePicker };
-//# sourceMappingURL=DatePicker-f7f5c82d.js.map

package/_internal/packages/lumx-react/src/components/date-picker/DatePicker-f7f5c82d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker-f7f5c82d.js","sources":["../../../../../../../src/components/date-picker/DatePicker.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { addMonthResetDay } from '@lumx/react/utils/date/addMonthResetDay';\nimport { isDateValid } from '@lumx/react/utils/date/isDateValid';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { CLASSNAME, COMPONENT_NAME } from './constants';\nimport { DatePickerControlled } from './DatePickerControlled';\nimport { DatePickerProps } from './types';\n\n/**\n * DatePicker component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const DatePicker = forwardRef<DatePickerProps, HTMLDivElement>((props, ref) => {\n    const { defaultMonth, locale, value, onChange, ...forwardedProps } = props;\n\n    let referenceDate = value || defaultMonth || new Date();\n    if (!isDateValid(referenceDate)) {\n        // eslint-disable-next-line no-console\n        console.warn(`[@lumx/react/DatePicker] Invalid date provided ${referenceDate}`);\n        referenceDate = new Date();\n    }\n\n    const [selectedMonth, setSelectedMonth] = useState(referenceDate);\n    const setPrevMonth = () => setSelectedMonth((current) => addMonthResetDay(current, -1));\n    const setNextMonth = () => setSelectedMonth((current) => addMonthResetDay(current, +1));\n\n    const onDatePickerChange = (newDate?: Date) => {\n        onChange(newDate);\n    };\n\n    return (\n        <DatePickerControlled\n            ref={ref}\n            {...forwardedProps}\n            defaultMonth={defaultMonth}\n            locale={locale}\n            value={value}\n            onPrevMonthChange={setPrevMonth}\n            onNextMonthChange={setNextMonth}\n            selectedMonth={selectedMonth}\n            onChange={onDatePickerChange}\n            onMonthChange={setSelectedMonth}\n        />\n    );\n});\nDatePicker.displayName = COMPONENT_NAME;\nDatePicker.className = CLASSNAME;\n"],"names":["DatePicker","forwardRef","props","ref","defaultMonth","locale","value","onChange","forwardedProps","referenceDate","Date","isDateValid","console","warn","selectedMonth","setSelectedMonth","useState","setPrevMonth","current","addMonthResetDay","setNextMonth","onDatePickerChange","newDate","_jsx","DatePickerControlled","onPrevMonthChange","onNextMonthChange","onMonthChange","displayName","COMPONENT_NAME","className","CLASSNAME"],"mappings":";;;;;;;;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,UAAU,GAAGC,UAAU,CAAkC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAClF,MAAM;IAAEC,YAAY;IAAEC,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGN,KAAK,CAAA;EAE1E,IAAIO,aAAa,GAAGH,KAAK,IAAIF,YAAY,IAAI,IAAIM,IAAI,EAAE,CAAA;AACvD,EAAA,IAAI,CAACC,WAAW,CAACF,aAAa,CAAC,EAAE;AAC7B;AACAG,IAAAA,OAAO,CAACC,IAAI,CAAC,CAAkDJ,+CAAAA,EAAAA,aAAa,EAAE,CAAC,CAAA;AAC/EA,IAAAA,aAAa,GAAG,IAAIC,IAAI,EAAE,CAAA;AAC9B,GAAA;EAEA,MAAM,CAACI,aAAa,EAAEC,gBAAgB,CAAC,GAAGC,QAAQ,CAACP,aAAa,CAAC,CAAA;AACjE,EAAA,MAAMQ,YAAY,GAAGA,MAAMF,gBAAgB,CAAEG,OAAO,IAAKC,gBAAgB,CAACD,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;AACvF,EAAA,MAAME,YAAY,GAAGA,MAAML,gBAAgB,CAAEG,OAAO,IAAKC,gBAAgB,CAACD,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;EAEvF,MAAMG,kBAAkB,GAAIC,OAAc,IAAK;IAC3Cf,QAAQ,CAACe,OAAO,CAAC,CAAA;GACpB,CAAA;EAED,oBACIC,GAAA,CAACC,oBAAoB,EAAA;AACjBrB,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLK,cAAc;AAClBJ,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,KAAK,EAAEA,KAAM;AACbmB,IAAAA,iBAAiB,EAAER,YAAa;AAChCS,IAAAA,iBAAiB,EAAEN,YAAa;AAChCN,IAAAA,aAAa,EAAEA,aAAc;AAC7BP,IAAAA,QAAQ,EAAEc,kBAAmB;AAC7BM,IAAAA,aAAa,EAAEZ,gBAAAA;AAAiB,GACnC,CAAC,CAAA;AAEV,CAAC,EAAC;AACFf,UAAU,CAAC4B,WAAW,GAAGC,cAAc,CAAA;AACvC7B,UAAU,CAAC8B,SAAS,GAAGC,SAAS;;;;"}