@redsift/design-system 11.6.0-muiv5-alpha.9 → 11.6.0-muiv5-alpha.11

package/_internal/TextField.js

@@ -1,473 +0,0 @@
-import { b as _objectWithoutProperties, c as _extends } from './_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useState, useCallback } from 'react';
-import classNames from 'classnames';
-import { w as warnIfNoAccessibleLabelFound } from './warnIfNoAccessibleLabelFound.js';
-import styled, { css } from 'styled-components';
-import { i as baseStyling } from './styles4.js';
-import { T as Theme, B as ButtonsColorPalette } from './colors.js';
-import { mdiClose } from '@redsift/icons';
-import { u as useMessageFormatter } from './useMessageFormatter.js';
-import { u as useFocusRing, a as useFocusWithin } from './useFocusRing.js';
-import { u as useTheme } from './useTheme.js';
-import { u as useId } from './useId.js';
-import { a as Icon } from './Icon2.js';
-import { a as Pill } from './Pill2.js';
-import { F as Flexbox } from './Flexbox2.js';
-import { I as IconButton } from './IconButton.js';
-
-/**
- * Component variant.
- */
-const TextFieldVariant = {
-  default: 'default',
-  underline: 'underline'
-};
-
-/**
- * Component color.
- */
-
-/**
- * Component props.
- */
-
-/**
- * Component style.
- */
-const StyledTextField = styled.div`
-  height: fit-content;
-  position: relative;
-  width: fit-content;
-  margin: 0;
-  min-width: 0;
-  padding: 0;
-  ${baseStyling}
-
-  border: 0;
-  display: inline-flex;
-  flex-direction: column;
-  vertical-align: top;
-
-  ${_ref => {
-  let {
-    label,
-    $hasLeftIcon,
-    $hasContent,
-    $isFocused,
-    $isDisabled,
-    $isInvalid,
-    $color,
-    $isGradient,
-    $theme,
-    $variant
-  } = _ref;
-  return css`
-    ${$isDisabled ? css`
-          pointer-events: none;
-        ` : ''}
-
-    .redsift-text-field__label {
-      font-family: var(--redsift-typography-input-text-font-family);
-      font-size: var(--redsift-typography-input-text-font-size);
-      font-weight: var(--redsift-typography-input-text-font-weight);
-      line-height: var(--redsift-typography-input-text-line-height);
-      left: ${$hasLeftIcon && !$hasContent ? '32px' : '0'};
-      overflow: hidden;
-      pointer-events: none;
-      position: absolute;
-      text-overflow: ellipsis;
-      top: ${$hasContent ? '-8px' : '-7px'};
-      transform-origin: top left;
-      transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,
-        max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
-      white-space: nowrap;
-      z-index: 1;
-
-      ${!$hasContent ? css`
-            max-width: calc(100% - 24px);
-            transform: translate(${$variant === TextFieldVariant.underline ? '0px' : '14px'}, 16px) scale(1);
-          ` : css`
-            max-width: calc(133% - 32px);
-            transform: translate(${$variant === TextFieldVariant.underline ? '0px' : '14px'}, 1px) scale(0.733);
-          `}
-
-      ${!$isGradient ? css`
-            color: var(
-              --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid ? 'error' : $isFocused ? $color : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}
-            );
-          ` : css`
-            background-color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'});
-            ${$variant !== TextFieldVariant.underline ? css`
-                  padding-right: 7px;
-                  padding-left: 5px;
-                ` : ''}
-            > span {
-              background: var(
-                --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid ? 'error' : $isFocused ? $color : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}
-              );
-              background-clip: text;
-              color: transparent;
-            }
-          `}
-    }
-
-    .redsift-text-field__input-wrapper {
-      align-items: flex-start;
-      box-sizing: border-box;
-      cursor: text;
-      display: inline-flex;
-      min-height: 42px;
-      position: relative;
-    }
-
-    .redsift-text-field-input-wrapper__pills-and-input {
-      align-items: flex-start;
-      box-sizing: border-box;
-      display: flex;
-      flex-direction: column-reverse;
-      flex-wrap: wrap;
-      flex: 1 1 auto;
-      padding-bottom: 7px;
-      ${$variant !== TextFieldVariant.underline && !$hasLeftIcon ? css`
-            padding-left: 16px;
-          ` : ''}
-      padding-top: ${label ? '9px' : '7px'};
-
-      .redsift-pill {
-        margin: 3px 6px 3px 0;
-      }
-    }
-
-    .redsift-text-field-input-wrapper-pills-and-input__input {
-      background: none;
-      border: 0;
-      box-sizing: content-box;
-      display: flex;
-      flex: 1 1 auto;
-      font-family: var(--redsift-typography-input-text-font-family);
-      font-size: var(--redsift-typography-input-text-font-size);
-      font-weight: var(--redsift-typography-input-text-font-weight);
-      line-height: var(--redsift-typography-input-text-line-height);
-      min-width: 0;
-      min-width: 100px;
-      padding: 2px 0;
-      width: 100%;
-
-      ${$isDisabled ? css`
-            color: var(--redsift-color-grey-l2);
-          ` : css`
-            color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});
-          `}
-    }
-
-    .redsift-text-field-input-wrapper-pills-and-input__input::placeholder {
-      color: var(--redsift-color-neutral-mid-grey);
-    }
-
-    .redsift-text-field-input-wrapper-pills-and-input__input:focus {
-      outline: 0;
-    }
-
-    .redsift-text-field-input-wrapper__fieldset {
-      border-style: solid;
-      bottom: 0;
-      left: 1px;
-      margin: 0;
-      min-width: 0%;
-      overflow: hidden;
-      padding: 0 8px;
-      pointer-events: none;
-      position: absolute;
-      right: 0;
-      text-align: left;
-      top: -5px;
-
-      ${!$isGradient || $isDisabled || !$isFocused || $isInvalid ? css`
-            ${$variant === TextFieldVariant.underline ? css`
-                  border-bottom-width: 2px;
-                ` : css`
-                  border-radius: 4px;
-                  border-width: 2px;
-                `}
-            border-color: var(
-              --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid ? 'error' : $isFocused ? $color : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}
-            );
-          ` : css`
-            ${$variant === TextFieldVariant.underline ? css`
-                  border-bottom: 2px solid transparent;
-                ` : css`
-                  border: 2px solid transparent;
-                  border-radius: 4px;
-                `}
-            background: transparent;
-            background-clip: padding-box, border-box;
-            background-origin: border-box;
-            background-image: linear-gradient(
-                90deg,
-                var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'}),
-                var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'})
-              ),
-              var(--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-default);
-          `}
-    }
-
-    .redsift-text-field-input-wrapper-fieldset__legend {
-      display: block;
-      float: unset;
-      font-size: 11px;
-      height: 11px;
-      overflow: hidden;
-      padding: 0;
-      visibility: hidden;
-      white-space: nowrap;
-      width: auto;
-
-      ${!$hasContent ? css`
-            max-width: 0.01px;
-            transition: max-width 50ms cubic-bezier(0, 0, 0.2, 1) 0ms;
-          ` : css`
-            max-width: 100%;
-            transition: max-width 100ms cubic-bezier(0, 0, 0.2, 1) 50ms;
-          `}
-    }
-
-    .redsift-text-field-input-wrapper-fieldset__legend > span {
-      display: inline-block;
-      opacity: 0;
-      padding-left: 5px;
-      padding-right: 5px;
-      visibility: visible;
-    }
-
-    .redsift-text-field-input-wrapper__toolbar {
-      position: relative;
-      top: 9px;
-    }
-
-    .redsift-icon-button:not(.redsift-pill > .redsift-icon-button) {
-      padding: 2px;
-      position: relative;
-      top: -2px;
-      height: 28px;
-      width: 28px;
-    }
-
-    ${$variant !== TextFieldVariant.underline ? css`
-          .redsift-icon.left {
-            padding-left: 12px;
-            padding-right: 8px;
-            line-height: 28px;
-          }
-
-          .redsift-text-field-input-wrapper__toolbar {
-            padding-right: 8px;
-          }
-        ` : css`
-          .redsift-icon.left {
-            padding-right: 8px;
-          }
-        `}
-
-    .redsift-icon.left,
-    .redsift-icon.right {
-      top: 9px;
-    }
-  `;
-}}
-`;
-
-var clear$1 = "Clear field";
-var enUS = {
-	clear: clear$1,
-	"clear-field": "Clear field {label}"
-};
-
-var clear = "Nettoyer le champ";
-var frFR = {
-	clear: clear,
-	"clear-field": "Nettoyer le champ {label}"
-};
-
-var intlMessages = {
-  'en-US': enUS,
-  'fr-FR': frFR
-};
-
-const _excluded = ["aria-label", "aria-labelledby", "after", "autoFocus", "className", "color", "defaultValue", "forceColor", "hasClearButton", "inputProps", "inputRef", "internal", "isColored", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "leftIcon", "name", "onBlur", "onChange", "onClear", "onFocus", "pills", "placeholder", "theme", "type", "value", "variant"];
-const COMPONENT_NAME = 'TextField';
-const CLASSNAME = 'redsift-text-field';
-
-/**
- * The TextField component.
- * Can be used as controlled or uncontrolled.
- */
-const TextField = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      'aria-label': ariaLabel,
-      'aria-labelledby': ariaLabelledby,
-      after,
-      autoFocus,
-      className,
-      color: propsColor,
-      defaultValue = '',
-      forceColor,
-      hasClearButton,
-      inputProps,
-      inputRef,
-      internal,
-      isColored = true,
-      isDisabled,
-      isInvalid,
-      isReadOnly,
-      isRequired,
-      label,
-      leftIcon,
-      name,
-      onBlur: onBlurProps,
-      onChange,
-      onClear,
-      onFocus: onFocusProps,
-      pills,
-      placeholder,
-      theme: propsTheme,
-      type,
-      value: propsValue,
-      variant = TextFieldVariant.default
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const theme = useTheme(propsTheme);
-  const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : isColored ? 'primary' : 'grey';
-  const isGradient = color === ButtonsColorPalette.radar;
-  const format = useMessageFormatter(intlMessages);
-  const {
-    isFocusVisible,
-    isFocused,
-    focusProps: {
-      onFocus,
-      onBlur
-    }
-  } = useFocusRing({
-    autoFocus
-  });
-  const [isFocusWithin, setFocusWithin] = useState(Boolean(autoFocus));
-  const {
-    focusWithinProps
-  } = useFocusWithin({
-    onFocusWithinChange: isFocusWithin => setFocusWithin(isFocusWithin)
-  });
-  const [value, setValue] = useState(defaultValue);
-  const isControlled = propsValue !== null && propsValue !== undefined;
-  const [labelId] = useId();
-  warnIfNoAccessibleLabelFound(props, [label], 'TextField');
-  const handleChange = useCallback(event => {
-    if (isDisabled || isReadOnly) {
-      return;
-    }
-    if (onChange) {
-      onChange(event.target.value, name, event);
-    } else {
-      setValue(event.target.value);
-    }
-  }, [onChange]);
-  const handleClear = useCallback(() => {
-    if (isDisabled || isReadOnly) {
-      return;
-    }
-    if (onChange) {
-      onChange('');
-    }
-    if (onClear) {
-      onClear();
-    }
-    if (hasClearButton && hasClearButton !== true && hasClearButton.onClick) {
-      hasClearButton.onClick({});
-    }
-    setValue('');
-  }, [onChange]);
-  return /*#__PURE__*/React__default.createElement(StyledTextField, _extends({}, focusWithinProps, forwardedProps, {
-    $hasContent: isFocusWithin || Boolean(isControlled ? propsValue : value) || Boolean(placeholder) || Boolean(pills && pills.length > 0),
-    $hasLeftIcon: Boolean(leftIcon),
-    $color: color,
-    $isGradient: isGradient,
-    $isDisabled: isDisabled,
-    $isFocusVisible: isFocusVisible,
-    $isInvalid: isInvalid || isRequired && !(isControlled ? propsValue : value),
-    $isRequired: isRequired,
-    $isFocused: Boolean(isFocused || forceColor),
-    $theme: theme,
-    $variant: variant,
-    className: classNames(TextField.className, className),
-    ref: ref
-  }), /*#__PURE__*/React__default.createElement("fieldset", {
-    "aria-hidden": "true",
-    className: `${TextField.className}-input-wrapper__fieldset`
-  }, /*#__PURE__*/React__default.createElement("legend", {
-    id: labelId,
-    className: `${TextField.className}-input-wrapper-fieldset__legend`
-  }, label ? /*#__PURE__*/React__default.createElement("span", null, label) : null)), label ? /*#__PURE__*/React__default.createElement("label", {
-    className: `${TextField.className}__label`
-  }, /*#__PURE__*/React__default.createElement("span", null, label)) : null, /*#__PURE__*/React__default.createElement("div", {
-    className: `${TextField.className}__input-wrapper`
-  }, leftIcon ? /*#__PURE__*/React__default.createElement(Icon, _extends({
-    color: isDisabled ? 'question' : 'black'
-  }, leftIcon, {
-    "aria-hidden": "true",
-    className: "left"
-  })) : null, /*#__PURE__*/React__default.createElement("div", {
-    className: `${TextField.className}-input-wrapper__pills-and-input`
-  }, /*#__PURE__*/React__default.createElement("input", _extends({}, inputProps, {
-    onBlur: event => {
-      onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
-      onBlurProps === null || onBlurProps === void 0 ? void 0 : onBlurProps(event);
-    },
-    onFocus: event => {
-      onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
-      onFocusProps === null || onFocusProps === void 0 ? void 0 : onFocusProps(event);
-    },
-    "aria-disabled": isDisabled,
-    "aria-invalid": isInvalid || isRequired && !(isControlled ? propsValue : value),
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledby || (label ? labelId : undefined),
-    "aria-readonly": isReadOnly,
-    "aria-required": isRequired,
-    autoFocus: autoFocus,
-    className: `${TextField.className}-input-wrapper-pills-and-input__input`,
-    disabled: isDisabled,
-    name: name,
-    onChange: handleChange,
-    placeholder: placeholder,
-    ref: inputRef,
-    type: type,
-    value: isControlled ? propsValue : value
-  })), /*#__PURE__*/React__default.createElement("div", null, pills === null || pills === void 0 ? void 0 : pills.map((pill, index) => /*#__PURE__*/React__default.createElement(Pill, _extends({
-    theme: theme,
-    key: `${labelId}-pill-${index}`,
-    color: "blue",
-    size: "small"
-  }, pill))))), hasClearButton || internal || after ? /*#__PURE__*/React__default.createElement(Flexbox, {
-    className: `${TextField.className}-input-wrapper__toolbar`,
-    gap: "8px"
-  }, hasClearButton ? /*#__PURE__*/React__default.createElement(IconButton, _extends({
-    theme: theme,
-    "aria-label": label ? format('clear-field', {
-      label
-    }) : format('clear'),
-    color: "grey",
-    isDisabled: isDisabled,
-    icon: mdiClose
-  }, hasClearButton !== true && hasClearButton, {
-    onClick: handleClear,
-    className: "right clear"
-  })) : null, typeof internal === 'function' ? internal(isControlled ? propsValue : value, isDisabled, isInvalid || isRequired && !(isControlled ? propsValue : value), isRequired) : internal, (hasClearButton || internal) && after ? /*#__PURE__*/React__default.createElement("span", {
-    style: {
-      borderLeft: '1px solid var(--redsift-color-neutral-mid-grey)',
-      position: 'relative',
-      top: '-2px'
-    }
-  }) : null, typeof after === 'function' ? after(isControlled ? propsValue : value, isDisabled, isInvalid || isRequired && !(isControlled ? propsValue : value), isRequired) : after) : null));
-});
-TextField.className = CLASSNAME;
-TextField.displayName = COMPONENT_NAME;
-
-export { StyledTextField as S, TextFieldVariant as T, TextField as a };
-//# sourceMappingURL=TextField.js.map

package/_internal/TextField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextField.js","sources":["../../src/components/text-field/types.ts","../../src/components/text-field/styles.ts","../../src/components/text-field/intl/index.ts","../../src/components/text-field/TextField.tsx"],"sourcesContent":["import { ChangeEvent, ComponentProps, MutableRefObject, ReactNode } from 'react';\nimport { ButtonsColorPalette, StylingProps, Theme, ValueOf } from '../../types';\nimport { IconProps } from '../icon';\nimport { IconButtonProps } from '../icon-button';\nimport { PillProps } from '../pill';\n\n/**\n * Component variant.\n */\nexport const TextFieldVariant = {\n  default: 'default',\n  underline: 'underline',\n} as const;\nexport type TextFieldVariant = ValueOf<typeof TextFieldVariant>;\n\n/**\n * Component color.\n */\nexport type TextFieldColor = ButtonsColorPalette;\n\n/**\n * Component props.\n */\nexport interface TextFieldProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps {\n  /** Whether the component can be autofocused. */\n  autoFocus?: boolean;\n  /** Color variant. */\n  color?: TextFieldColor;\n  /** Force color even when not focused. */\n  forceColor?: boolean;\n  /**\n   * Default value.\n   * Used for uncontrolled version.\n   */\n  defaultValue?: string;\n  /** Whether the clear button is displayed or not. */\n  hasClearButton?: boolean | Omit<Partial<IconButtonProps>, 'ref'>;\n  /** Place for icon buttons between the clear button and the separator. */\n  internal?:\n    | ReactNode\n    | ((value?: string, isDisabled?: boolean, isInvalid?: boolean, isRequired?: boolean) => ReactNode);\n  /** Place for icon buttons after the separator. */\n  after?: ReactNode | ((value?: string, isDisabled?: boolean, isInvalid?: boolean, isRequired?: boolean) => ReactNode);\n  /** Custom props to pass to the input element. */\n  inputProps?: ComponentProps<'input'>;\n  /** Custom ref object to pass to the input element. */\n  inputRef?: MutableRefObject<HTMLInputElement>;\n  /** @deprecated Whether the component should use the product colors or shades of grey. */\n  isColored?: boolean;\n  /** Whether the component is disabled or not. */\n  isDisabled?: boolean;\n  /** Whether the component is invalid or not. */\n  isInvalid?: boolean;\n  /** Whether the component is read only or not. */\n  isReadOnly?: boolean;\n  /** Whether the component is required or not. */\n  isRequired?: boolean;\n  /** Label */\n  label?: string;\n  /**\n   * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />\n   * Can also be a ReactElement.\n   */\n  leftIcon?: Omit<IconProps, 'ref'>;\n  /** Name to pass to the input element. */\n  name?: string;\n  /** Method to handle component change. */\n  onChange?(value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>): void;\n  /** Method to handle component clear. */\n  onClear?(): void;\n  /** List of Pills. */\n  pills?: Omit<PillProps, 'ref'>[];\n  /** Placeholder. */\n  placeholder?: string;\n  /** Theme. */\n  theme?: Theme;\n  /** Input type. */\n  type?: string;\n  /**\n   * Input value.\n   * Used for controlled version.\n   */\n  value?: string;\n  /** TextField variant. */\n  variant?: TextFieldVariant;\n}\n\nexport type StyledTextFieldProps = Omit<\n  TextFieldProps,\n  'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'onChange'\n> & {\n  $color: TextFieldProps['color'];\n  $isGradient: boolean;\n  $hasLeftIcon: boolean;\n  $hasContent: boolean;\n  $isDisabled: TextFieldProps['isDisabled'];\n  $isInvalid: TextFieldProps['isInvalid'];\n  $isFocused: boolean;\n  $isFocusVisible: boolean;\n  $isRequired: TextFieldProps['isRequired'];\n  $theme: TextFieldProps['theme'];\n  $variant: TextFieldProps['variant'];\n};\n","import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledTextFieldProps, TextFieldVariant } from './types';\nimport { Theme } from '@redsift/design-system/types';\n\n/**\n * Component style.\n */\nexport const StyledTextField = styled.div<StyledTextFieldProps>`\n  height: fit-content;\n  position: relative;\n  width: fit-content;\n  margin: 0;\n  min-width: 0;\n  padding: 0;\n  ${baseStyling}\n\n  border: 0;\n  display: inline-flex;\n  flex-direction: column;\n  vertical-align: top;\n\n  ${({\n    label,\n    $hasLeftIcon,\n    $hasContent,\n    $isFocused,\n    $isDisabled,\n    $isInvalid,\n    $color,\n    $isGradient,\n    $theme,\n    $variant,\n  }) => css`\n    ${$isDisabled\n      ? css`\n          pointer-events: none;\n        `\n      : ''}\n\n    .redsift-text-field__label {\n      font-family: var(--redsift-typography-input-text-font-family);\n      font-size: var(--redsift-typography-input-text-font-size);\n      font-weight: var(--redsift-typography-input-text-font-weight);\n      line-height: var(--redsift-typography-input-text-line-height);\n      left: ${$hasLeftIcon && !$hasContent ? '32px' : '0'};\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      text-overflow: ellipsis;\n      top: ${$hasContent ? '-8px' : '-7px'};\n      transform-origin: top left;\n      transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,\n        max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n      white-space: nowrap;\n      z-index: 1;\n\n      ${!$hasContent\n        ? css`\n            max-width: calc(100% - 24px);\n            transform: translate(${$variant === TextFieldVariant.underline ? '0px' : '14px'}, 16px) scale(1);\n          `\n        : css`\n            max-width: calc(133% - 32px);\n            transform: translate(${$variant === TextFieldVariant.underline ? '0px' : '14px'}, 1px) scale(0.733);\n          `}\n\n      ${!$isGradient\n        ? css`\n            color: var(\n              --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid\n                  ? 'error'\n                  : $isFocused\n                  ? $color\n                  : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}\n            );\n          `\n        : css`\n            background-color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'});\n            ${$variant !== TextFieldVariant.underline\n              ? css`\n                  padding-right: 7px;\n                  padding-left: 5px;\n                `\n              : ''}\n            > span {\n              background: var(\n                --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid\n                    ? 'error'\n                    : $isFocused\n                    ? $color\n                    : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}\n              );\n              background-clip: text;\n              color: transparent;\n            }\n          `}\n    }\n\n    .redsift-text-field__input-wrapper {\n      align-items: flex-start;\n      box-sizing: border-box;\n      cursor: text;\n      display: inline-flex;\n      min-height: 42px;\n      position: relative;\n    }\n\n    .redsift-text-field-input-wrapper__pills-and-input {\n      align-items: flex-start;\n      box-sizing: border-box;\n      display: flex;\n      flex-direction: column-reverse;\n      flex-wrap: wrap;\n      flex: 1 1 auto;\n      padding-bottom: 7px;\n      ${$variant !== TextFieldVariant.underline && !$hasLeftIcon\n        ? css`\n            padding-left: 16px;\n          `\n        : ''}\n      padding-top: ${label ? '9px' : '7px'};\n\n      .redsift-pill {\n        margin: 3px 6px 3px 0;\n      }\n    }\n\n    .redsift-text-field-input-wrapper-pills-and-input__input {\n      background: none;\n      border: 0;\n      box-sizing: content-box;\n      display: flex;\n      flex: 1 1 auto;\n      font-family: var(--redsift-typography-input-text-font-family);\n      font-size: var(--redsift-typography-input-text-font-size);\n      font-weight: var(--redsift-typography-input-text-font-weight);\n      line-height: var(--redsift-typography-input-text-line-height);\n      min-width: 0;\n      min-width: 100px;\n      padding: 2px 0;\n      width: 100%;\n\n      ${$isDisabled\n        ? css`\n            color: var(--redsift-color-grey-l2);\n          `\n        : css`\n            color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n          `}\n    }\n\n    .redsift-text-field-input-wrapper-pills-and-input__input::placeholder {\n      color: var(--redsift-color-neutral-mid-grey);\n    }\n\n    .redsift-text-field-input-wrapper-pills-and-input__input:focus {\n      outline: 0;\n    }\n\n    .redsift-text-field-input-wrapper__fieldset {\n      border-style: solid;\n      bottom: 0;\n      left: 1px;\n      margin: 0;\n      min-width: 0%;\n      overflow: hidden;\n      padding: 0 8px;\n      pointer-events: none;\n      position: absolute;\n      right: 0;\n      text-align: left;\n      top: -5px;\n\n      ${!$isGradient || $isDisabled || !$isFocused || $isInvalid\n        ? css`\n            ${$variant === TextFieldVariant.underline\n              ? css`\n                  border-bottom-width: 2px;\n                `\n              : css`\n                  border-radius: 4px;\n                  border-width: 2px;\n                `}\n            border-color: var(\n              --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid\n              ? 'error'\n              : $isFocused\n              ? $color\n              : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}\n            );\n          `\n        : css`\n            ${$variant === TextFieldVariant.underline\n              ? css`\n                  border-bottom: 2px solid transparent;\n                `\n              : css`\n                  border: 2px solid transparent;\n                  border-radius: 4px;\n                `}\n            background: transparent;\n            background-clip: padding-box, border-box;\n            background-origin: border-box;\n            background-image: linear-gradient(\n                90deg,\n                var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'}),\n                var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'})\n              ),\n              var(--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-default);\n          `}\n    }\n\n    .redsift-text-field-input-wrapper-fieldset__legend {\n      display: block;\n      float: unset;\n      font-size: 11px;\n      height: 11px;\n      overflow: hidden;\n      padding: 0;\n      visibility: hidden;\n      white-space: nowrap;\n      width: auto;\n\n      ${!$hasContent\n        ? css`\n            max-width: 0.01px;\n            transition: max-width 50ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n          `\n        : css`\n            max-width: 100%;\n            transition: max-width 100ms cubic-bezier(0, 0, 0.2, 1) 50ms;\n          `}\n    }\n\n    .redsift-text-field-input-wrapper-fieldset__legend > span {\n      display: inline-block;\n      opacity: 0;\n      padding-left: 5px;\n      padding-right: 5px;\n      visibility: visible;\n    }\n\n    .redsift-text-field-input-wrapper__toolbar {\n      position: relative;\n      top: 9px;\n    }\n\n    .redsift-icon-button:not(.redsift-pill > .redsift-icon-button) {\n      padding: 2px;\n      position: relative;\n      top: -2px;\n      height: 28px;\n      width: 28px;\n    }\n\n    ${$variant !== TextFieldVariant.underline\n      ? css`\n          .redsift-icon.left {\n            padding-left: 12px;\n            padding-right: 8px;\n            line-height: 28px;\n          }\n\n          .redsift-text-field-input-wrapper__toolbar {\n            padding-right: 8px;\n          }\n        `\n      : css`\n          .redsift-icon.left {\n            padding-right: 8px;\n          }\n        `}\n\n    .redsift-icon.left,\n    .redsift-icon.right {\n      top: 9px;\n    }\n  `}\n`;\n","import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n  'en-US': enUS,\n  'fr-FR': frFR,\n};\n","import React, { MouseEvent, ComponentProps, forwardRef, MutableRefObject, useCallback, useState } from 'react';\nimport classNames from 'classnames';\nimport { useFocusRing } from '../../react-aria/react-aria/focus';\nimport { useFocusWithin } from '../../react-aria/react-aria/interactions';\nimport { ButtonsColorPalette, Comp } from '../../types';\nimport { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound';\nimport { TextFieldProps, TextFieldVariant } from './types';\nimport { StyledTextField } from './styles';\nimport { Icon } from '../../components/icon';\nimport { mdiClose } from '@redsift/icons';\nimport { Flexbox } from '../flexbox';\nimport { IconButton } from '../icon-button';\nimport { Pill } from '../pill';\nimport { useTheme } from '../theme';\nimport { useMessageFormatter } from '@redsift/design-system/react-aria/react-aria/i18n';\nimport { useId } from '../../utils';\n\nimport intlMessages from './intl';\n\nconst COMPONENT_NAME = 'TextField';\nconst CLASSNAME = 'redsift-text-field';\n\n/**\n * The TextField component.\n * Can be used as controlled or uncontrolled.\n */\nexport const TextField: Comp<TextFieldProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    after,\n    autoFocus,\n    className,\n    color: propsColor,\n    defaultValue = '',\n    forceColor,\n    hasClearButton,\n    inputProps,\n    inputRef,\n    internal,\n    isColored = true,\n    isDisabled,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    label,\n    leftIcon,\n    name,\n    onBlur: onBlurProps,\n    onChange,\n    onClear,\n    onFocus: onFocusProps,\n    pills,\n    placeholder,\n    theme: propsTheme,\n    type,\n    value: propsValue,\n    variant = TextFieldVariant.default,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n  const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : isColored ? 'primary' : 'grey';\n  const isGradient = color === ButtonsColorPalette.radar;\n\n  const format = useMessageFormatter(intlMessages);\n\n  const {\n    isFocusVisible,\n    isFocused,\n    focusProps: { onFocus, onBlur },\n  } = useFocusRing({\n    autoFocus,\n  });\n  const [isFocusWithin, setFocusWithin] = useState(Boolean(autoFocus));\n  const { focusWithinProps } = useFocusWithin({\n    onFocusWithinChange: (isFocusWithin) => setFocusWithin(isFocusWithin),\n  });\n\n  const [value, setValue] = useState(defaultValue);\n  const isControlled = propsValue !== null && propsValue !== undefined;\n\n  const [labelId] = useId();\n\n  warnIfNoAccessibleLabelFound(props as ComponentProps<'label'>, [label], 'TextField');\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (isDisabled || isReadOnly) {\n        return;\n      }\n\n      if (onChange) {\n        onChange(event.target.value, name, event);\n      } else {\n        setValue(event.target.value);\n      }\n    },\n    [onChange]\n  );\n\n  const handleClear = useCallback(() => {\n    if (isDisabled || isReadOnly) {\n      return;\n    }\n\n    if (onChange) {\n      onChange('');\n    }\n    if (onClear) {\n      onClear();\n    }\n    if (hasClearButton && hasClearButton !== true && hasClearButton.onClick) {\n      hasClearButton.onClick({} as MouseEvent<HTMLButtonElement>);\n    }\n    setValue('');\n  }, [onChange]);\n\n  return (\n    <StyledTextField\n      {...focusWithinProps}\n      {...forwardedProps}\n      $hasContent={\n        isFocusWithin ||\n        Boolean(isControlled ? propsValue : value) ||\n        Boolean(placeholder) ||\n        Boolean(pills && pills.length > 0)\n      }\n      $hasLeftIcon={Boolean(leftIcon)}\n      $color={color}\n      $isGradient={isGradient}\n      $isDisabled={isDisabled}\n      $isFocusVisible={isFocusVisible}\n      $isInvalid={isInvalid || (isRequired && !(isControlled ? propsValue : value))}\n      $isRequired={isRequired}\n      $isFocused={Boolean(isFocused || forceColor)}\n      $theme={theme}\n      $variant={variant}\n      className={classNames(TextField.className, className)}\n      ref={ref as MutableRefObject<HTMLDivElement>}\n    >\n      <fieldset aria-hidden=\"true\" className={`${TextField.className}-input-wrapper__fieldset`}>\n        <legend id={labelId} className={`${TextField.className}-input-wrapper-fieldset__legend`}>\n          {label ? <span>{label}</span> : null}\n        </legend>\n      </fieldset>\n      {label ? (\n        <label className={`${TextField.className}__label`}>\n          <span>{label}</span>\n        </label>\n      ) : null}\n      <div className={`${TextField.className}__input-wrapper`}>\n        {leftIcon ? (\n          <Icon color={isDisabled ? 'question' : 'black'} {...leftIcon} aria-hidden=\"true\" className=\"left\" />\n        ) : null}\n        <div className={`${TextField.className}-input-wrapper__pills-and-input`}>\n          <input\n            {...inputProps}\n            onBlur={(event) => {\n              onBlur?.(event);\n              onBlurProps?.(event);\n            }}\n            onFocus={(event) => {\n              onFocus?.(event);\n              onFocusProps?.(event);\n            }}\n            aria-disabled={isDisabled}\n            aria-invalid={isInvalid || (isRequired && !(isControlled ? propsValue : value))}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby || (label ? labelId : undefined)}\n            aria-readonly={isReadOnly}\n            aria-required={isRequired}\n            autoFocus={autoFocus}\n            className={`${TextField.className}-input-wrapper-pills-and-input__input`}\n            disabled={isDisabled}\n            name={name}\n            onChange={handleChange}\n            placeholder={placeholder}\n            ref={inputRef as MutableRefObject<HTMLInputElement>}\n            type={type}\n            value={isControlled ? propsValue : value}\n          />\n          <div>\n            {pills?.map((pill, index) => (\n              <Pill theme={theme} key={`${labelId}-pill-${index}`} color=\"blue\" size=\"small\" {...pill} />\n            ))}\n          </div>\n        </div>\n        {hasClearButton || internal || after ? (\n          <Flexbox className={`${TextField.className}-input-wrapper__toolbar`} gap=\"8px\">\n            {hasClearButton ? (\n              <IconButton\n                theme={theme}\n                aria-label={label ? format('clear-field', { label }) : format('clear')}\n                color=\"grey\"\n                isDisabled={isDisabled}\n                icon={mdiClose}\n                {...(hasClearButton !== true && hasClearButton)}\n                onClick={handleClear}\n                className=\"right clear\"\n              />\n            ) : null}\n            {typeof internal === 'function'\n              ? internal(\n                  isControlled ? propsValue : value,\n                  isDisabled,\n                  isInvalid || (isRequired && !(isControlled ? propsValue : value)),\n                  isRequired\n                )\n              : internal}\n            {(hasClearButton || internal) && after ? (\n              <span\n                style={{\n                  borderLeft: '1px solid var(--redsift-color-neutral-mid-grey)',\n                  position: 'relative',\n                  top: '-2px',\n                }}\n              />\n            ) : null}\n            {typeof after === 'function'\n              ? after(\n                  isControlled ? propsValue : value,\n                  isDisabled,\n                  isInvalid || (isRequired && !(isControlled ? propsValue : value)),\n                  isRequired\n                )\n              : after}\n          </Flexbox>\n        ) : null}\n      </div>\n    </StyledTextField>\n  );\n});\nTextField.className = CLASSNAME;\nTextField.displayName = COMPONENT_NAME;\n"],"names":["TextFieldVariant","default","underline","StyledTextField","styled","div","baseStyling","_ref","label","$hasLeftIcon","$hasContent","$isFocused","$isDisabled","$isInvalid","$color","$isGradient","$theme","$variant","css","Theme","dark","enUS","frFR","COMPONENT_NAME","CLASSNAME","TextField","forwardRef","props","ref","ariaLabel","ariaLabelledby","after","autoFocus","className","color","propsColor","defaultValue","forceColor","hasClearButton","inputProps","inputRef","internal","isColored","isDisabled","isInvalid","isReadOnly","isRequired","leftIcon","name","onBlur","onBlurProps","onChange","onClear","onFocus","onFocusProps","pills","placeholder","theme","propsTheme","type","value","propsValue","variant","forwardedProps","_objectWithoutProperties","_excluded","useTheme","Object","values","ButtonsColorPalette","includes","isGradient","radar","format","useMessageFormatter","intlMessages","isFocusVisible","isFocused","focusProps","useFocusRing","isFocusWithin","setFocusWithin","useState","Boolean","focusWithinProps","useFocusWithin","onFocusWithinChange","setValue","isControlled","undefined","labelId","useId","warnIfNoAccessibleLabelFound","handleChange","useCallback","event","target","handleClear","onClick","React","createElement","_extends","length","$isFocusVisible","$isRequired","classNames","id","Icon","disabled","map","pill","index","Pill","key","size","Flexbox","gap","IconButton","icon","mdiClose","style","borderLeft","position","top","displayName"],"mappings":"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"}

package/_internal/_rollupPluginBabelHelpers.js

@@ -1,133 +0,0 @@
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-function _classPrivateFieldGet(receiver, privateMap) {
-  var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get");
-  return _classApplyDescriptorGet(receiver, descriptor);
-}
-function _classPrivateFieldSet(receiver, privateMap, value) {
-  var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set");
-  _classApplyDescriptorSet(receiver, descriptor, value);
-  return value;
-}
-function _classExtractFieldDescriptor(receiver, privateMap, action) {
-  if (!privateMap.has(receiver)) {
-    throw new TypeError("attempted to " + action + " private field on non-instance");
-  }
-  return privateMap.get(receiver);
-}
-function _classApplyDescriptorGet(receiver, descriptor) {
-  if (descriptor.get) {
-    return descriptor.get.call(receiver);
-  }
-  return descriptor.value;
-}
-function _classApplyDescriptorSet(receiver, descriptor, value) {
-  if (descriptor.set) {
-    descriptor.set.call(receiver, value);
-  } else {
-    if (!descriptor.writable) {
-      throw new TypeError("attempted to set read only private field");
-    }
-    descriptor.value = value;
-  }
-}
-function _checkPrivateRedeclaration(obj, privateCollection) {
-  if (privateCollection.has(obj)) {
-    throw new TypeError("Cannot initialize the same private elements twice on an object");
-  }
-}
-function _classPrivateFieldInitSpec(obj, privateMap, value) {
-  _checkPrivateRedeclaration(obj, privateMap);
-  privateMap.set(obj, value);
-}
-
-export { _objectSpread2 as _, _defineProperty as a, _objectWithoutProperties as b, _extends as c, _classPrivateFieldInitSpec as d, _classPrivateFieldSet as e, _classPrivateFieldGet as f };
-//# sourceMappingURL=_rollupPluginBabelHelpers.js.map