@lumx/react 3.0.2-alpha-react-utils.2 → 3.0.2-alpha-react-utils.3

package/_internal/3b8d2a6e.js

@@ -1,124 +0,0 @@
-import { b as _objectWithoutProperties, c as _extends } from './6340c129.js';
-import { Size, Theme } from '../components.js';
-import React, { forwardRef, Children } from 'react';
-import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './fd867c9d.js';
-import { A as Avatar } from './5a127b58.js';
-import isFunction from 'lodash/isFunction';
-import { T as Tooltip } from './f5bdff7e.js';
-
-/**
- * Comment block variants.
- */
-var CommentBlockVariant = {
-  indented: 'indented',
-  linear: 'linear'
-};
-
-/**
- * Component display name.
- */
-var COMPONENT_NAME = 'CommentBlock';
-/**
- * Component default class name and class prefix.
- */
-
-var CLASSNAME = getRootClassName(COMPONENT_NAME);
-/**
- * Component default props.
- */
-
-var DEFAULT_PROPS = {
-  theme: Theme.light,
-  variant: CommentBlockVariant.indented
-};
-/**
- * CommentBlock component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-
-var CommentBlock = forwardRef(function (props, ref) {
-  var actions = props.actions,
-      avatarProps = props.avatarProps,
-      children = props.children,
-      className = props.className,
-      date = props.date,
-      fullDate = props.fullDate,
-      hasActions = props.hasActions,
-      headerActions = props.headerActions,
-      isOpen = props.isOpen,
-      isRelevant = props.isRelevant,
-      name = props.name,
-      onClick = props.onClick,
-      onMouseEnter = props.onMouseEnter,
-      onMouseLeave = props.onMouseLeave,
-      text = props.text,
-      theme = props.theme,
-      variant = props.variant,
-      forwardedProps = _objectWithoutProperties(props, ["actions", "avatarProps", "children", "className", "date", "fullDate", "hasActions", "headerActions", "isOpen", "isRelevant", "name", "onClick", "onMouseEnter", "onMouseLeave", "text", "theme", "variant"]);
-
-  var enterKeyPress = function enterKeyPress(evt) {
-    if (evt.key === 'Enter' && isFunction(onClick)) {
-      onClick();
-    }
-  };
-
-  var hasChildren = Children.count(children) > 0;
-  return React.createElement("div", _extends({
-    ref: ref,
-    className: classnames(className, handleBasicClasses({
-      hasChildren: hasChildren && isOpen,
-      hasIndentedChildren: hasChildren && variant === CommentBlockVariant.indented,
-      hasLinearChildren: hasChildren && variant === CommentBlockVariant.linear,
-      isRelevant: isRelevant,
-      prefix: CLASSNAME,
-      theme: theme
-    }))
-  }, forwardedProps), React.createElement("div", {
-    className: "".concat(CLASSNAME, "__wrapper")
-  }, React.createElement("div", {
-    className: "".concat(CLASSNAME, "__avatar")
-  }, React.createElement(Avatar, _extends({}, avatarProps, {
-    size: Size.m,
-    tabIndex: onClick ? 0 : -1,
-    onClick: onClick,
-    onKeyPress: enterKeyPress
-  }))), React.createElement("div", {
-    className: "".concat(CLASSNAME, "__container")
-  }, React.createElement("div", {
-    className: "".concat(CLASSNAME, "__content")
-  }, React.createElement("div", {
-    className: "".concat(CLASSNAME, "__meta")
-  }, React.createElement("span", {
-    className: "".concat(CLASSNAME, "__name"),
-    onClick: onClick,
-    onKeyPress: enterKeyPress,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    role: "button",
-    tabIndex: onClick ? 0 : -1
-  }, name), headerActions && React.createElement("span", {
-    className: "".concat(CLASSNAME, "__header-actions")
-  }, headerActions)), React.createElement("div", {
-    className: "".concat(CLASSNAME, "__text")
-  }, text), date && (fullDate ? React.createElement(Tooltip, {
-    label: fullDate,
-    placement: "top"
-  }, React.createElement("span", {
-    className: "".concat(CLASSNAME, "__date")
-  }, date)) : React.createElement("span", {
-    className: "".concat(CLASSNAME, "__date")
-  }, date))), hasActions && React.createElement("div", {
-    className: "".concat(CLASSNAME, "__actions")
-  }, actions))), hasChildren && isOpen && React.createElement("div", {
-    className: "".concat(CLASSNAME, "__children")
-  }, children));
-});
-CommentBlock.displayName = COMPONENT_NAME;
-CommentBlock.className = CLASSNAME;
-CommentBlock.defaultProps = DEFAULT_PROPS;
-
-export { CommentBlockVariant as C, CommentBlock as a };
-//# sourceMappingURL=3b8d2a6e.js.map

package/_internal/3b8d2a6e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"3b8d2a6e.js","sources":["../../src/components/comment-block/CommentBlock.tsx"],"sourcesContent":["import React, { Children, forwardRef, KeyboardEvent, KeyboardEventHandler, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Avatar, Size, Theme, Tooltip } from '@lumx/react';\nimport { Comp, GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\nimport isFunction from 'lodash/isFunction';\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 informations (xx minutes, x hours, yesterday, 6 days, Month Day, Month Day Year)*/\n    date: string;\n    /** Comment date with the full timestamp informations (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: string;\n    /** On click callback. */\n    onClick?(): void;\n    /** On mouse enter callback. */\n    onMouseEnter?(): void;\n    /** On mouse leave callback. */\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    theme: Theme.light,\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: Comp<CommentBlockProps, HTMLDivElement> = forwardRef((props, ref) => {\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,\n        variant,\n        ...forwardedProps\n    } = props;\n    const enterKeyPress: KeyboardEventHandler<HTMLElement> = (evt: KeyboardEvent<HTMLElement>) => {\n        if (evt.key === 'Enter' && isFunction(onClick)) {\n            onClick();\n        }\n    };\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\n                        {...avatarProps}\n                        size={Size.m}\n                        tabIndex={onClick ? 0 : -1}\n                        onClick={onClick}\n                        onKeyPress={enterKeyPress}\n                    />\n                </div>\n\n                <div className={`${CLASSNAME}__container`}>\n                    <div className={`${CLASSNAME}__content`}>\n                        <div className={`${CLASSNAME}__meta`}>\n                            <span\n                                className={`${CLASSNAME}__name`}\n                                onClick={onClick}\n                                onKeyPress={enterKeyPress}\n                                onMouseEnter={onMouseEnter}\n                                onMouseLeave={onMouseLeave}\n                                role=\"button\"\n                                tabIndex={onClick ? 0 : -1}\n                            >\n                                {name}\n                            </span>\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\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","theme","Theme","light","variant","CommentBlock","forwardRef","props","ref","actions","avatarProps","children","className","date","fullDate","hasActions","headerActions","isOpen","isRelevant","name","onClick","onMouseEnter","onMouseLeave","text","forwardedProps","enterKeyPress","evt","key","isFunction","hasChildren","Children","count","classNames","handleBasicClasses","hasIndentedChildren","hasLinearChildren","prefix","Size","m","displayName","defaultProps"],"mappings":"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"}

package/_internal/3bd3186e.d.ts

@@ -1,57 +0,0 @@
-import React, { ReactElement, ReactNode, Ref, MouseEventHandler, KeyboardEventHandler, ImgHTMLAttributes } from 'react';
-import { l as GenericProps, m as HasTheme, H as HorizontalAlignment, g as AspectRatio, q as Falsy, F as FocusPoint, i as ThumbnailSize, j as ThumbnailVariant, k as Comp } from './eca6d4dc.js';
-
-declare type ImgHTMLProps = ImgHTMLAttributes<HTMLImageElement>;
-/**
- * Defines the props of the component.
- */
-interface ThumbnailProps extends GenericProps, HasTheme {
-    /** Alignment of the thumbnail in it's parent (requires flex parent). */
-    align?: HorizontalAlignment;
-    /** Image alternative text. */
-    alt: string;
-    /** Image aspect ratio. */
-    aspectRatio?: AspectRatio;
-    /** Badge. */
-    badge?: ReactElement | Falsy;
-    /** Image cross origin resource policy. */
-    crossOrigin?: ImgHTMLProps['crossOrigin'];
-    /** Fallback icon (SVG path) or react node when image fails to load. */
-    fallback?: string | ReactNode;
-    /** Whether the thumbnail should fill it's parent size (requires flex parent) or not. */
-    fillHeight?: boolean;
-    /** Apply relative vertical and horizontal shift (from -1 to 1) on the image position inside the thumbnail. */
-    focusPoint?: FocusPoint;
-    /** Image URL. */
-    image: string;
-    /** Props to inject into the native <img> element. */
-    imgProps?: ImgHTMLProps;
-    /** Reference to the native <img> element. */
-    imgRef?: Ref<HTMLImageElement>;
-    /** Set to true to force the display of the loading skeleton. */
-    isLoading?: boolean;
-    /** Size variant of the component. */
-    size?: ThumbnailSize;
-    /** Image loading mode. */
-    loading?: ImgHTMLProps['loading'];
-    /** On click callback. */
-    onClick?: MouseEventHandler<HTMLDivElement>;
-    /** On key press callback. */
-    onKeyPress?: KeyboardEventHandler<HTMLDivElement>;
-    /** Variant of the component. */
-    variant?: ThumbnailVariant;
-    /** Props to pass to the link wrapping the thumbnail. */
-    linkProps?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
-    /** Custom react component for the link (can be used to inject react router Link). */
-    linkAs?: 'a' | any;
-}
-/**
- * Thumbnail component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const Thumbnail: Comp<ThumbnailProps>;
-
-export { ThumbnailProps as T, Thumbnail as a };

package/_internal/48e40868.js

@@ -1,101 +0,0 @@
-import { b as _objectWithoutProperties, c as _extends } from './6340c129.js';
-import { Theme, Alignment } from '../components.js';
-import React, { forwardRef } from 'react';
-import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './fd867c9d.js';
-import isObject from 'lodash/isObject';
-import { T as Thumbnail } from './616f2912.js';
-
-/**
- * Image block variants.
- */
-var ImageBlockCaptionPosition = {
-  below: 'below',
-  over: 'over'
-};
-
-/**
- * Component display name.
- */
-var COMPONENT_NAME = 'ImageBlock';
-/**
- * Component default class name and class prefix.
- */
-
-var CLASSNAME = getRootClassName(COMPONENT_NAME);
-/**
- * Component default props.
- */
-
-var DEFAULT_PROPS = {
-  captionPosition: ImageBlockCaptionPosition.below,
-  theme: Theme.light,
-  align: Alignment.left
-};
-/**
- * ImageBlock component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-
-var ImageBlock = forwardRef(function (props, ref) {
-  var actions = props.actions,
-      align = props.align,
-      alt = props.alt,
-      captionPosition = props.captionPosition,
-      captionStyle = props.captionStyle,
-      className = props.className,
-      description = props.description,
-      fillHeight = props.fillHeight,
-      image = props.image,
-      size = props.size,
-      tags = props.tags,
-      theme = props.theme,
-      thumbnailProps = props.thumbnailProps,
-      title = props.title,
-      forwardedProps = _objectWithoutProperties(props, ["actions", "align", "alt", "captionPosition", "captionStyle", "className", "description", "fillHeight", "image", "size", "tags", "theme", "thumbnailProps", "title"]);
-
-  return React.createElement("figure", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      captionPosition: captionPosition,
-      align: align,
-      size: size,
-      theme: theme
-    }), fillHeight && "".concat(CLASSNAME, "--fill-height"))
-  }), React.createElement(Thumbnail, _extends({}, thumbnailProps, {
-    className: classnames("".concat(CLASSNAME, "__image"), thumbnailProps === null || thumbnailProps === void 0 ? void 0 : thumbnailProps.className),
-    fillHeight: fillHeight,
-    align: align,
-    image: image,
-    size: size,
-    theme: theme,
-    alt: alt || title
-  })), (title || description || tags) && React.createElement("figcaption", {
-    className: "".concat(CLASSNAME, "__wrapper"),
-    style: captionStyle
-  }, (title || description) && React.createElement("div", {
-    className: "".concat(CLASSNAME, "__caption")
-  }, title && React.createElement("span", {
-    className: "".concat(CLASSNAME, "__title")
-  }, title), title && description && "\xA0", isObject(description) && description.__html ? // eslint-disable-next-line react/no-danger
-  React.createElement("span", {
-    dangerouslySetInnerHTML: description,
-    className: "".concat(CLASSNAME, "__description")
-  }) : React.createElement("span", {
-    className: "".concat(CLASSNAME, "__description")
-  }, description)), tags && React.createElement("div", {
-    className: "".concat(CLASSNAME, "__tags")
-  }, tags)), actions && React.createElement("div", {
-    className: "".concat(CLASSNAME, "__actions")
-  }, actions));
-});
-ImageBlock.displayName = COMPONENT_NAME;
-ImageBlock.className = CLASSNAME;
-ImageBlock.defaultProps = DEFAULT_PROPS;
-
-export { ImageBlockCaptionPosition as I, ImageBlock as a };
-//# sourceMappingURL=48e40868.js.map

package/_internal/48e40868.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"48e40868.js","sources":["../../src/components/image-block/ImageBlock.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport isObject from 'lodash/isObject';\n\nimport { Alignment, HorizontalAlignment, Size, Theme, Thumbnail } from '@lumx/react';\n\nimport { Comp, GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { ThumbnailProps } from '../thumbnail/Thumbnail';\n\n/**\n * Image block variants.\n */\nexport const ImageBlockCaptionPosition = {\n    below: 'below',\n    over: 'over',\n} as const;\nexport type ImageBlockCaptionPosition = ValueOf<typeof ImageBlockCaptionPosition>;\n\n/**\n *  Image block sizes.\n */\nexport type ImageBlockSize = Extract<Size, 'xl' | 'xxl'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface ImageBlockProps extends GenericProps, HasTheme {\n    /** Action toolbar content. */\n    actions?: ReactNode;\n    /** Alignment. */\n    align?: HorizontalAlignment;\n    /** Image alternative text. */\n    alt: string;\n    /** Caption position. */\n    captionPosition?: ImageBlockCaptionPosition;\n    /** Caption custom CSS style. */\n    captionStyle?: CSSProperties;\n    /** Image description. Can be either a string, or sanitized html. */\n    description?: string | { __html: string };\n    /** Whether the image has to fill its container height or not. */\n    fillHeight?: boolean;\n    /** Image URL. */\n    image: string;\n    /** Size variant. */\n    size?: ImageBlockSize;\n    /** Tag content. */\n    tags?: ReactNode;\n    /** Props to pass to the thumbnail (minus those already set by the ImageBlock props). */\n    thumbnailProps?: Omit<ThumbnailProps, 'image' | 'size' | 'theme' | 'align' | 'fillHeight'>;\n    /** Image title to display in the caption. */\n    title?: string;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ImageBlock';\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<ImageBlockProps> = {\n    captionPosition: ImageBlockCaptionPosition.below,\n    theme: Theme.light,\n    align: Alignment.left,\n};\n\n/**\n * ImageBlock component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ImageBlock: Comp<ImageBlockProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const {\n        actions,\n        align,\n        alt,\n        captionPosition,\n        captionStyle,\n        className,\n        description,\n        fillHeight,\n        image,\n        size,\n        tags,\n        theme,\n        thumbnailProps,\n        title,\n        ...forwardedProps\n    } = props;\n    return (\n        <figure\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    captionPosition,\n                    align,\n                    size,\n                    theme,\n                }),\n                fillHeight && `${CLASSNAME}--fill-height`,\n            )}\n        >\n            <Thumbnail\n                {...thumbnailProps}\n                className={classNames(`${CLASSNAME}__image`, thumbnailProps?.className)}\n                fillHeight={fillHeight}\n                align={align}\n                image={image}\n                size={size}\n                theme={theme}\n                alt={(alt || title) as string}\n            />\n            {(title || description || tags) && (\n                <figcaption className={`${CLASSNAME}__wrapper`} style={captionStyle}>\n                    {(title || description) && (\n                        <div className={`${CLASSNAME}__caption`}>\n                            {title && <span className={`${CLASSNAME}__title`}>{title}</span>}\n                            {/* Add an `&nbsp;` when there is description and title. */}\n                            {title && description && '\\u00A0'}\n                            {isObject(description) && description.__html ? (\n                                // eslint-disable-next-line react/no-danger\n                                <span dangerouslySetInnerHTML={description} className={`${CLASSNAME}__description`} />\n                            ) : (\n                                <span className={`${CLASSNAME}__description`}>{description}</span>\n                            )}\n                        </div>\n                    )}\n                    {tags && <div className={`${CLASSNAME}__tags`}>{tags}</div>}\n                </figcaption>\n            )}\n            {actions && <div className={`${CLASSNAME}__actions`}>{actions}</div>}\n        </figure>\n    );\n});\nImageBlock.displayName = COMPONENT_NAME;\nImageBlock.className = CLASSNAME;\nImageBlock.defaultProps = DEFAULT_PROPS;\n"],"names":["ImageBlockCaptionPosition","below","over","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","captionPosition","theme","Theme","light","align","Alignment","left","ImageBlock","forwardRef","props","ref","actions","alt","captionStyle","className","description","fillHeight","image","size","tags","thumbnailProps","title","forwardedProps","classNames","handleBasicClasses","prefix","isObject","__html","displayName","defaultProps"],"mappings":"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"}

package/_internal/490ec1da.js

@@ -1,322 +0,0 @@
-import { b as _objectWithoutProperties, d as _slicedToArray, _ as _objectSpread2, c as _extends } from './6340c129.js';
-import { Size, Theme, Emphasis, Kind } from '../components.js';
-import React, { forwardRef, useMemo, useState, useRef, useEffect } from 'react';
-import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './fd867c9d.js';
-import { I as Icon, c as mdiAlertCircle, b as mdiCheckCircle, n as mdiCloseCircle } from './a521723d.js';
-import { u as uid } from './fc608bd9.js';
-import { m as mergeRefs } from './853713cd.js';
-import { I as IconButton } from './377b2f44.js';
-import get from 'lodash/get';
-import { I as InputHelper } from './b0eb3a30.js';
-import { I as InputLabel } from './12ab39e4.js';
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-var COMPONENT_NAME = 'TextField';
-/**
- * Component default class name and class prefix.
- */
-
-var CLASSNAME = getRootClassName(COMPONENT_NAME);
-/**
- * Default minimum number of rows in the multiline mode.
- */
-
-var DEFAULT_MIN_ROWS = 2;
-/**
- * Component default props.
- */
-
-var DEFAULT_PROPS = {
-  theme: Theme.light,
-  type: 'text'
-};
-/**
- * Hook that allows to calculate the number of rows needed for a text area.
- * @param minimumRows Minimum number of rows that we want to display.
- * @return rows to be used and a callback to recalculate
- */
-
-var useComputeNumberOfRows = function useComputeNumberOfRows(minimumRows) {
-  var _useState = useState(minimumRows),
-      _useState2 = _slicedToArray(_useState, 2),
-      rows = _useState2[0],
-      setRows = _useState2[1];
-
-  var recompute = function recompute(target) {
-    /**
-     * HEAD's UP! This part is a little bit tricky. The idea here is to only
-     * display the necessary rows on the textarea. In order to dynamically adjust
-     * the height on that field, we need to:
-     * 1. Set the current amount of rows to the minimum. That will make the scroll appear.
-     * 2. With that, we will have the `scrollHeight`, meaning the height of the container adjusted to the current content
-     * 3. With the scroll height, we can figure out how many rows we need to use by dividing the scroll height
-     * by the line height.
-     * 4. With that number, we can readjust the number of rows on the text area. We need to do that here, if we leave that to
-     * the state change through React, there are some scenarios (resize, hitting ENTER or BACKSPACE which add or remove lines)
-     * when we will not see the update and the rows will be resized to the minimum.
-     * 5. In case there is any other update on the component that changes the UI, we need to keep the number of rows
-     * on the state in order to allow React to re-render. Therefore, we save them using `useState`
-     */
-    // eslint-disable-next-line no-param-reassign
-    target.rows = minimumRows;
-    var currentRows = target.scrollHeight / (target.clientHeight / minimumRows);
-    currentRows = currentRows >= minimumRows ? currentRows : minimumRows; // eslint-disable-next-line no-param-reassign
-
-    target.rows = currentRows;
-    setRows(currentRows);
-  };
-
-  return {
-    recomputeNumberOfRows: recompute,
-    rows: rows
-  };
-};
-
-var renderInputNative = function renderInputNative(props) {
-  var id = props.id,
-      isDisabled = props.isDisabled,
-      isRequired = props.isRequired,
-      placeholder = props.placeholder,
-      multiline = props.multiline,
-      value = props.value,
-      setFocus = props.setFocus,
-      onChange = props.onChange,
-      onFocus = props.onFocus,
-      onBlur = props.onBlur,
-      inputRef = props.inputRef,
-      rows = props.rows,
-      recomputeNumberOfRows = props.recomputeNumberOfRows,
-      type = props.type,
-      name = props.name,
-      forwardedProps = _objectWithoutProperties(props, ["id", "isDisabled", "isRequired", "placeholder", "multiline", "value", "setFocus", "onChange", "onFocus", "onBlur", "inputRef", "rows", "recomputeNumberOfRows", "type", "name"]); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-
-  var ref = useRef(null); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-  useEffect(function () {
-    // Recompute the number of rows for the first rendering
-    if (multiline && ref && ref.current) {
-      recomputeNumberOfRows(ref.current);
-    }
-  }, [ref, multiline, recomputeNumberOfRows, value]);
-
-  var onTextFieldFocus = function onTextFieldFocus(event) {
-    onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
-    setFocus(true);
-  };
-
-  var onTextFieldBlur = function onTextFieldBlur(event) {
-    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
-    setFocus(false);
-  };
-
-  var handleChange = function handleChange(event) {
-    onChange(get(event, 'target.value'), name, event);
-  };
-
-  var Component = multiline ? 'textarea' : 'input';
-
-  var inputProps = _objectSpread2({}, forwardedProps, {
-    id: id,
-    className: multiline ? "".concat(CLASSNAME, "__input-native ").concat(CLASSNAME, "__input-native--textarea") : "".concat(CLASSNAME, "__input-native ").concat(CLASSNAME, "__input-native--text"),
-    placeholder: placeholder,
-    value: value,
-    name: name,
-    disabled: isDisabled,
-    required: isRequired,
-    onFocus: onTextFieldFocus,
-    onBlur: onTextFieldBlur,
-    onChange: handleChange,
-    ref: mergeRefs(inputRef, ref)
-  });
-
-  if (multiline) {
-    inputProps.rows = rows;
-  } else {
-    inputProps.type = type;
-  }
-
-  return React.createElement(Component, inputProps);
-};
-/**
- * TextField component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-
-
-var TextField = forwardRef(function (props, ref) {
-  var chips = props.chips,
-      className = props.className,
-      clearButtonProps = props.clearButtonProps,
-      disabled = props.disabled,
-      error = props.error,
-      forceFocusStyle = props.forceFocusStyle,
-      hasError = props.hasError,
-      helper = props.helper,
-      icon = props.icon,
-      id = props.id,
-      inputRef = props.inputRef,
-      _props$isDisabled = props.isDisabled,
-      isDisabled = _props$isDisabled === void 0 ? disabled : _props$isDisabled,
-      isRequired = props.isRequired,
-      isValid = props.isValid,
-      label = props.label,
-      maxLength = props.maxLength,
-      minimumRows = props.minimumRows,
-      multiline = props.multiline,
-      name = props.name,
-      onBlur = props.onBlur,
-      onChange = props.onChange,
-      onFocus = props.onFocus,
-      placeholder = props.placeholder,
-      textFieldRef = props.textFieldRef,
-      theme = props.theme,
-      type = props.type,
-      value = props.value,
-      afterElement = props.afterElement,
-      forwardedProps = _objectWithoutProperties(props, ["chips", "className", "clearButtonProps", "disabled", "error", "forceFocusStyle", "hasError", "helper", "icon", "id", "inputRef", "isDisabled", "isRequired", "isValid", "label", "maxLength", "minimumRows", "multiline", "name", "onBlur", "onChange", "onFocus", "placeholder", "textFieldRef", "theme", "type", "value", "afterElement"]);
-
-  var textFieldId = useMemo(function () {
-    return id || "text-field-".concat(uid());
-  }, [id]);
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isFocus = _useState4[0],
-      setFocus = _useState4[1];
-
-  var _useComputeNumberOfRo = useComputeNumberOfRows(multiline ? minimumRows || DEFAULT_MIN_ROWS : 0),
-      rows = _useComputeNumberOfRo.rows,
-      recomputeNumberOfRows = _useComputeNumberOfRo.recomputeNumberOfRows;
-
-  var valueLength = (value || '').length;
-  var isNotEmpty = valueLength > 0;
-  /**
-   * Function triggered when the Clear Button is clicked.
-   * The idea is to execute the `onChange` callback with an empty string
-   * and remove focus from the clear button.
-   * @param evt On clear event.
-   */
-
-  var onClear = function onClear(evt) {
-    evt.nativeEvent.preventDefault();
-    evt.nativeEvent.stopPropagation();
-    evt.currentTarget.blur();
-    onChange('');
-  };
-
-  return React.createElement("div", {
-    ref: ref,
-    className: classnames(className, handleBasicClasses({
-      hasChips: Boolean(chips),
-      hasError: !isValid && hasError,
-      hasIcon: Boolean(icon),
-      hasInput: !multiline,
-      hasInputClear: clearButtonProps && isNotEmpty,
-      hasLabel: Boolean(label),
-      hasPlaceholder: Boolean(placeholder),
-      hasTextarea: multiline,
-      hasValue: Boolean(value),
-      isDisabled: isDisabled,
-      isFocus: isFocus || forceFocusStyle,
-      isValid: isValid,
-      prefix: CLASSNAME,
-      theme: theme
-    }))
-  }, (label || maxLength) && React.createElement("div", {
-    className: "".concat(CLASSNAME, "__header")
-  }, label && React.createElement(InputLabel, {
-    htmlFor: textFieldId,
-    className: "".concat(CLASSNAME, "__label"),
-    isRequired: isRequired,
-    theme: theme
-  }, label), maxLength && React.createElement("div", {
-    className: "".concat(CLASSNAME, "__char-counter")
-  }, React.createElement("span", null, maxLength - valueLength), maxLength - valueLength === 0 && React.createElement(Icon, {
-    icon: mdiAlertCircle,
-    size: Size.xxs
-  }))), React.createElement("div", {
-    className: "".concat(CLASSNAME, "__wrapper"),
-    ref: textFieldRef
-  }, icon && React.createElement(Icon, {
-    className: "".concat(CLASSNAME, "__input-icon"),
-    color: theme === Theme.dark ? 'light' : undefined,
-    icon: icon,
-    size: Size.xs
-  }), chips && React.createElement("div", {
-    className: "".concat(CLASSNAME, "__chips")
-  }, chips, renderInputNative(_objectSpread2({
-    id: textFieldId,
-    inputRef: inputRef,
-    isDisabled: isDisabled,
-    isRequired: isRequired,
-    maxLength: maxLength,
-    multiline: multiline,
-    onBlur: onBlur,
-    onChange: onChange,
-    onFocus: onFocus,
-    placeholder: placeholder,
-    recomputeNumberOfRows: recomputeNumberOfRows,
-    rows: rows,
-    setFocus: setFocus,
-    type: type,
-    value: value,
-    name: name
-  }, forwardedProps))), !chips && React.createElement("div", {
-    className: "".concat(CLASSNAME, "__input-wrapper")
-  }, renderInputNative(_objectSpread2({
-    id: textFieldId,
-    inputRef: inputRef,
-    isDisabled: isDisabled,
-    isRequired: isRequired,
-    maxLength: maxLength,
-    multiline: multiline,
-    onBlur: onBlur,
-    onChange: onChange,
-    onFocus: onFocus,
-    placeholder: placeholder,
-    recomputeNumberOfRows: recomputeNumberOfRows,
-    rows: rows,
-    setFocus: setFocus,
-    type: type,
-    value: value,
-    name: name
-  }, forwardedProps))), (isValid || hasError) && React.createElement(Icon, {
-    className: "".concat(CLASSNAME, "__input-validity"),
-    color: theme === Theme.dark ? 'light' : undefined,
-    icon: isValid ? mdiCheckCircle : mdiAlertCircle,
-    size: Size.xxs
-  }), clearButtonProps && isNotEmpty && React.createElement(IconButton, _extends({}, clearButtonProps, {
-    className: "".concat(CLASSNAME, "__input-clear"),
-    icon: mdiCloseCircle,
-    emphasis: Emphasis.low,
-    size: Size.s,
-    theme: theme,
-    onClick: onClear,
-    type: "button"
-  })), afterElement && React.createElement("div", {
-    className: "".concat(CLASSNAME, "__after-element")
-  }, afterElement)), hasError && error && React.createElement(InputHelper, {
-    className: "".concat(CLASSNAME, "__helper"),
-    kind: Kind.error,
-    theme: theme
-  }, error), helper && React.createElement(InputHelper, {
-    className: "".concat(CLASSNAME, "__helper"),
-    theme: theme
-  }, helper));
-});
-TextField.displayName = COMPONENT_NAME;
-TextField.className = CLASSNAME;
-TextField.defaultProps = DEFAULT_PROPS;
-
-export { TextField as T };
-//# sourceMappingURL=490ec1da.js.map