@redsift/design-system 11.6.0-muiv5-alpha.4 → 11.6.0-muiv5-alpha.5

package/_internal/Spinner2.js

@@ -0,0 +1,43 @@
+import { ComponentProps } from 'react';
+import { V as ValueOf, C as Comp } from './helpers.js';
+import { L as LayoutProps, S as SpacingProps, P as PositioningProps } from './styles2.js';
+import { T as Theme } from './colors.js';
+
+/**
+ * Component size.
+ */
+declare const SpinnerSize: {
+    readonly xsmall: "xsmall";
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+};
+type SpinnerSize = ValueOf<typeof SpinnerSize>;
+/**
+ * Component props.
+ */
+interface SpinnerProps extends Omit<ComponentProps<'img'>, 'color'>, LayoutProps, SpacingProps, PositioningProps {
+    /** Indicates whether the element is exposed to an accessibility API. */
+    'aria-hidden'?: boolean | 'false' | 'true';
+    /** A screen reader only label for the Spinner. */
+    'aria-label'?: string;
+    /** Color variant. */
+    color?: 'primary' | 'grey-l1' | 'grey-l2' | 'grey-l3';
+    /** @deprecated: Whether the spinner is colored or not. */
+    isColored?: boolean;
+    /** Spinner size. */
+    size?: SpinnerSize;
+    /** Theme. */
+    theme?: Theme;
+}
+type StyledSpinnerProps = Omit<SpinnerProps, 'color'> & {
+    $size?: SpinnerProps['size'];
+    $theme?: SpinnerProps['theme'];
+};
+
+/**
+ * The Spinner component.
+ */
+declare const Spinner: Comp<SpinnerProps, HTMLImageElement>;
+
+export { Spinner as S, SpinnerSize as a, SpinnerProps as b, StyledSpinnerProps as c };

package/_internal/Spinner2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner2.js","sources":["../../src/react-aria/internationalized/string/LocalizedStringDictionary.ts","../../src/react-aria/internationalized/string/LocalizedStringFormatter.ts","../../src/react-aria/react-aria/i18n/useLocalizedStringFormatter.ts","../../src/components/spinner/intl/index.ts","../../src/components/spinner/types.ts","../../src/components/spinner/styles.ts","../../src/components/spinner/Spinner.tsx"],"sourcesContent":["/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type { LocalizedString } from './LocalizedStringFormatter';\n\nexport type LocalizedStrings<K extends string, T extends LocalizedString> = {\n  [lang: string]: Record<K, T>;\n};\n\nconst localeSymbol = Symbol.for('react-aria.i18n.locale');\nconst stringsSymbol = Symbol.for('react-aria.i18n.strings');\nlet cachedGlobalStrings: { [packageName: string]: LocalizedStringDictionary<any, any> } | null | undefined = undefined;\n\n/**\n * Stores a mapping of localized strings. Can be used to find the\n * closest available string for a given locale.\n */\nexport class LocalizedStringDictionary<K extends string = string, T extends LocalizedString = string> {\n  private strings: LocalizedStrings<K, T>;\n  private defaultLocale: string;\n\n  constructor(messages: LocalizedStrings<K, T>, defaultLocale: string = 'en-US') {\n    // Clone messages so we don't modify the original object.\n    // Filter out entries with falsy values which may have been caused by applying optimize-locales-plugin.\n    this.strings = Object.fromEntries(Object.entries(messages).filter(([, v]) => v));\n    this.defaultLocale = defaultLocale;\n  }\n\n  /** Returns a localized string for the given key and locale. */\n  getStringForLocale(key: K, locale: string): T {\n    let strings = this.getStringsForLocale(locale);\n    let string = strings[key];\n    if (!string) {\n      throw new Error(`Could not find intl message ${key} in ${locale} locale`);\n    }\n\n    return string;\n  }\n\n  /** Returns all localized strings for the given locale. */\n  getStringsForLocale(locale: string): Record<K, T> {\n    let strings = this.strings[locale];\n    if (!strings) {\n      strings = getStringsForLocale(locale, this.strings, this.defaultLocale);\n      this.strings[locale] = strings;\n    }\n\n    return strings;\n  }\n\n  static getGlobalDictionaryForPackage<K extends string = string, T extends LocalizedString = string>(\n    packageName: string\n  ): LocalizedStringDictionary<K, T> | null {\n    if (typeof window === 'undefined') {\n      return null;\n    }\n\n    let locale = window[localeSymbol];\n    if (cachedGlobalStrings === undefined) {\n      let globalStrings = window[stringsSymbol];\n      if (!globalStrings) {\n        return null;\n      }\n\n      cachedGlobalStrings = {};\n      for (let pkg in globalStrings) {\n        cachedGlobalStrings[pkg] = new LocalizedStringDictionary({ [locale]: globalStrings[pkg] }, locale);\n      }\n    }\n\n    let dictionary = cachedGlobalStrings?.[packageName];\n    if (!dictionary) {\n      throw new Error(\n        `Strings for package \"${packageName}\" were not included by LocalizedStringProvider. Please add it to the list passed to createLocalizedStringDictionary.`\n      );\n    }\n\n    return dictionary;\n  }\n}\n\nfunction getStringsForLocale<K extends string, T extends LocalizedString>(\n  locale: string,\n  strings: LocalizedStrings<K, T>,\n  defaultLocale = 'en-US'\n) {\n  // If there is an exact match, use it.\n  if (strings[locale]) {\n    return strings[locale];\n  }\n\n  // Attempt to find the closest match by language.\n  // For example, if the locale is fr-CA (French Canadian), but there is only\n  // an fr-FR (France) set of strings, use that.\n  // This could be replaced with Intl.LocaleMatcher once it is supported.\n  // https://github.com/tc39/proposal-intl-localematcher\n  let language = getLanguage(locale);\n  if (strings[language]) {\n    return strings[language];\n  }\n\n  for (let key in strings) {\n    if (key.startsWith(language + '-')) {\n      return strings[key];\n    }\n  }\n\n  // Nothing close, use english.\n  return strings[defaultLocale];\n}\n\nfunction getLanguage(locale: string) {\n  // @ts-ignore\n  if (Intl.Locale) {\n    // @ts-ignore\n    return new Intl.Locale(locale).language;\n  }\n\n  return locale.split('-')[0];\n}\n","/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type { LocalizedStringDictionary } from './LocalizedStringDictionary';\n\nexport type Variables = Record<string, string | number | boolean> | undefined;\nexport type LocalizedString = string | ((args: Variables, formatter?: LocalizedStringFormatter<any, any>) => string);\ntype InternalString = string | (() => string);\n\nconst pluralRulesCache = new Map<string, Intl.PluralRules>();\nconst numberFormatCache = new Map<string, Intl.NumberFormat>();\n\n/**\n * Formats localized strings from a LocalizedStringDictionary. Supports interpolating variables,\n * selecting the correct pluralization, and formatting numbers for the locale.\n */\nexport class LocalizedStringFormatter<K extends string = string, T extends LocalizedString = string> {\n  private locale: string;\n  private strings: LocalizedStringDictionary<K, T>;\n\n  constructor(locale: string, strings: LocalizedStringDictionary<K, T>) {\n    this.locale = locale;\n    this.strings = strings;\n  }\n\n  /** Formats a localized string for the given key with the provided variables. */\n  format(key: K, variables?: Variables): string {\n    let message = this.strings.getStringForLocale(key, this.locale);\n\n    return typeof message === 'function' ? message(variables, this) : message;\n  }\n\n  protected plural(count: number, options: Record<string, InternalString>, type: Intl.PluralRuleType = 'cardinal') {\n    let opt = options['=' + count];\n    if (opt) {\n      return typeof opt === 'function' ? opt() : opt;\n    }\n\n    let key = this.locale + ':' + type;\n    let pluralRules = pluralRulesCache.get(key);\n    if (!pluralRules) {\n      pluralRules = new Intl.PluralRules(this.locale, { type });\n      pluralRulesCache.set(key, pluralRules);\n    }\n\n    let selected = pluralRules.select(count);\n    opt = options[selected] || options.other;\n    return typeof opt === 'function' ? opt() : opt;\n  }\n\n  protected number(value: number) {\n    let numberFormat = numberFormatCache.get(this.locale);\n    if (!numberFormat) {\n      numberFormat = new Intl.NumberFormat(this.locale);\n      numberFormatCache.set(this.locale, numberFormat);\n    }\n    return numberFormat.format(value);\n  }\n\n  protected select(options: Record<string, InternalString>, value: string) {\n    let opt = options[value] || options.other;\n    return typeof opt === 'function' ? opt() : opt;\n  }\n}\n","/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  LocalizedString,\n  LocalizedStringDictionary,\n  LocalizedStringFormatter,\n  LocalizedStrings,\n} from '../../internationalized/string';\nimport { useLocale } from './context';\nimport { useMemo } from 'react';\n\nconst cache = new WeakMap();\nfunction getCachedDictionary<K extends string, T extends LocalizedString>(\n  strings: LocalizedStrings<K, T>\n): LocalizedStringDictionary<K, T> {\n  let dictionary = cache.get(strings);\n  if (!dictionary) {\n    dictionary = new LocalizedStringDictionary(strings);\n    cache.set(strings, dictionary);\n  }\n\n  return dictionary;\n}\n\n/**\n * Returns a cached LocalizedStringDictionary for the given strings.\n */\nexport function useLocalizedStringDictionary<K extends string = string, T extends LocalizedString = string>(\n  strings: LocalizedStrings<K, T>,\n  packageName?: string\n): LocalizedStringDictionary<K, T> {\n  return (\n    (packageName && LocalizedStringDictionary.getGlobalDictionaryForPackage(packageName)) ||\n    getCachedDictionary(strings)\n  );\n}\n\n/**\n * Provides localized string formatting for the current locale. Supports interpolating variables,\n * selecting the correct pluralization, and formatting numbers. Automatically updates when the locale changes.\n * @param strings - A mapping of languages to localized strings by key.\n */\nexport function useLocalizedStringFormatter<K extends string = string, T extends LocalizedString = string>(\n  strings: LocalizedStrings<K, T>,\n  packageName?: string\n): LocalizedStringFormatter<K, T> {\n  let { locale } = useLocale();\n  let dictionary = useLocalizedStringDictionary(strings, packageName);\n  return useMemo(() => new LocalizedStringFormatter(locale, dictionary), [locale, dictionary]);\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 { ComponentProps } from 'react';\nimport { LayoutProps, PositioningProps, SpacingProps, Theme, ValueOf } from '../../types';\n\n/**\n * Component size.\n */\nexport const SpinnerSize = {\n  xsmall: 'xsmall',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n} as const;\nexport type SpinnerSize = ValueOf<typeof SpinnerSize>;\n\n/**\n * Component props.\n */\nexport interface SpinnerProps\n  extends Omit<ComponentProps<'img'>, 'color'>,\n    LayoutProps,\n    SpacingProps,\n    PositioningProps {\n  /** Indicates whether the element is exposed to an accessibility API. */\n  'aria-hidden'?: boolean | 'false' | 'true';\n  /** A screen reader only label for the Spinner. */\n  'aria-label'?: string;\n  /** Color variant. */\n  color?: 'primary' | 'grey-l1' | 'grey-l2' | 'grey-l3';\n  /** @deprecated: Whether the spinner is colored or not. */\n  isColored?: boolean;\n  /** Spinner size. */\n  size?: SpinnerSize;\n  /** Theme. */\n  theme?: Theme;\n}\n\nexport type StyledSpinnerProps = Omit<SpinnerProps, 'color'> & {\n  $size?: SpinnerProps['size'];\n  $theme?: SpinnerProps['theme'];\n};\n","import styled from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledSpinnerProps } from './types';\n\nexport const StyledSpinner = styled.img<StyledSpinnerProps>`\n  ${baseStyling}\n\n  display: inline;\n  line-height: 0px;\n  vertical-align: -0.125em;\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\n\nimport { useLocalizedStringFormatter } from '../../react-aria/react-aria/i18n';\nimport intlMessages from './intl';\n\nimport { SpinnerProps, SpinnerSize } from './types';\nimport { StyledSpinner } from './styles';\n\nimport spinnerPrimaryN from './images/spinner-primary-n.svg';\nimport spinnerGreyL1 from './images/spinner-grey-l1.svg';\nimport spinnerGreyL2 from './images/spinner-grey-l2.svg';\nimport spinnerGreyL3 from './images/spinner-grey-l3.svg';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Spinner';\nconst CLASSNAME = 'redsift-shield';\n\nconst sizeToDimension = (size: SpinnerSize): { width: number; height: number } => {\n  switch (size) {\n    case SpinnerSize.xsmall:\n      return { width: 15, height: 15 };\n    case SpinnerSize.small:\n      return { width: 24, height: 24 };\n    case SpinnerSize.large:\n      return { width: 56, height: 56 };\n    case SpinnerSize.medium:\n    default:\n      return { width: 40, height: 40 };\n  }\n};\n\n/**\n * The Spinner component.\n */\nexport const Spinner: Comp<SpinnerProps, HTMLImageElement> = forwardRef((props, ref) => {\n  const {\n    'aria-hidden': ariaHidden,\n    'aria-label': ariaLabel,\n    className,\n    color: propsColor,\n    isColored = true,\n    size = SpinnerSize.medium,\n    theme: propsTheme,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  const color = propsColor ?? (isColored ? 'primary' : 'grey-l3');\n\n  const { width, height } = sizeToDimension(size!);\n\n  const stringFormatter = useLocalizedStringFormatter(intlMessages);\n\n  return (\n    <StyledSpinner\n      alt={stringFormatter.format('loading')}\n      {...forwardedProps}\n      aria-hidden={ariaLabel ? (ariaHidden ? ariaHidden : undefined) : true}\n      aria-label={ariaLabel}\n      className={classNames(Spinner.className, className)}\n      height={height}\n      ref={ref as RefObject<HTMLImageElement>}\n      src={\n        color === 'primary'\n          ? spinnerPrimaryN\n          : color === 'grey-l1'\n          ? spinnerGreyL1\n          : color === 'grey-l2'\n          ? spinnerGreyL2\n          : spinnerGreyL3\n      }\n      width={width}\n      $size={size}\n      $theme={theme}\n    />\n  );\n});\nSpinner.className = CLASSNAME;\nSpinner.displayName = COMPONENT_NAME;\n"],"names":["localeSymbol","Symbol","for","stringsSymbol","cachedGlobalStrings","undefined","LocalizedStringDictionary","constructor","messages","defaultLocale","arguments","length","_defineProperty","strings","Object","fromEntries","entries","filter","_ref","v","getStringForLocale","key","locale","getStringsForLocale","string","Error","getGlobalDictionaryForPackage","packageName","_cachedGlobalStrings","window","globalStrings","pkg","dictionary","language","getLanguage","startsWith","Intl","Locale","split","pluralRulesCache","Map","numberFormatCache","LocalizedStringFormatter","format","variables","message","plural","count","options","type","opt","pluralRules","get","PluralRules","set","selected","select","other","number","value","numberFormat","NumberFormat","cache","WeakMap","getCachedDictionary","useLocalizedStringDictionary","useLocalizedStringFormatter","useLocale","useMemo","enUS","frFR","SpinnerSize","xsmall","small","medium","large","StyledSpinner","styled","img","baseStyling","COMPONENT_NAME","CLASSNAME","sizeToDimension","size","width","height","Spinner","forwardRef","props","ref","ariaHidden","ariaLabel","className","color","propsColor","isColored","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","stringFormatter","intlMessages","React","createElement","_extends","alt","classNames","src","spinnerPrimaryN","spinnerGreyL1","spinnerGreyL2","spinnerGreyL3","$size","$theme","displayName"],"mappings":"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"}

package/_internal/Switch2.js

@@ -0,0 +1,66 @@
+import { ComponentProps, MutableRefObject, ChangeEvent } from 'react';
+import { S as SwitchGroupState } from './types27.js';
+import { h as StylingProps } from './styles2.js';
+import { T as Theme } from './colors.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * Component props.
+ */
+interface SwitchProps extends Omit<ComponentProps<'label'>, 'onChange'>, StylingProps {
+    /** Whether the component can be autofocused. */
+    autoFocus?: boolean;
+    /**
+     * Default select status.
+     * Used for uncontrolled version.
+     */
+    defaultSelected?: boolean;
+    /** Custom props to pass to the input element. */
+    inputProps?: ComponentProps<'input'>;
+    /** Custom ref object to pass to the input element. */
+    inputRef?: MutableRefObject<HTMLInputElement>;
+    /** Whether the component should use the product colors or shades of grey. */
+    isColored?: boolean;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Whether the component is invalid or not. */
+    isInvalid?: boolean;
+    /** Whether the component is read only or not. */
+    isReadOnly?: boolean;
+    /** Whether the component is required or not. */
+    isRequired?: boolean;
+    /**
+     * Whether the component is selected or not.
+     * Used for controlled version.
+     */
+    isSelected?: boolean;
+    /** Name to pass to the input element. */
+    name?: HTMLInputElement['name'];
+    /** Method to handle component change. */
+    onChange?(isChecked: boolean, value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>, state?: SwitchGroupState): void;
+    /** Theme. */
+    theme?: Theme;
+    /**
+     * Value to pass to the input element.
+     * Required within a group.
+     */
+    value?: HTMLInputElement['value'];
+}
+type StyledSwitchProps = Omit<SwitchProps, 'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isSelected' | 'isRequired' | 'size'> & {
+    $isColored: SwitchProps['isColored'];
+    $isDisabled: SwitchProps['isDisabled'];
+    $isInvalid: SwitchProps['isInvalid'];
+    $isFocusVisible: boolean;
+    $isRequired: SwitchProps['isRequired'];
+    $isSelected: SwitchProps['isSelected'];
+    $theme: SwitchProps['theme'];
+};
+
+/**
+ * The Switch component.
+ * Works both inside a SwitchGroup or as standalone.
+ * Can be used as controlled or uncontrolled.
+ */
+declare const Switch: Comp<SwitchProps, HTMLLabelElement>;
+
+export { SwitchProps as S, StyledSwitchProps as a, Switch as b };

package/_internal/Switch2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch2.js","sources":["../../src/components/switch/styles.ts","../../src/components/switch/Switch.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledSwitchProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledSwitch = styled.label<StyledSwitchProps>`\n  height: fit-content;\n  position: relative;\n  width: fit-content;\n  ${baseStyling}\n\n  align-items: center;\n  background: none;\n  border: none;\n  display: inline-flex;\n  margin: 4px;\n\n  input {\n    height: 100%;\n    margin: 0;\n    opacity: 0;\n    overflow: visible;\n    padding: 0;\n    position: absolute;\n    width: 100%;\n  }\n\n  span.label {\n    ${({ $isDisabled, $isInvalid, $theme }) =>\n      $isDisabled\n        ? css`\n            color: var(--redsift-color-${$theme}-components-switch-text-disabled);\n          `\n        : $isInvalid\n        ? css`\n            color: var(--redsift-color-${$theme}-components-switch-text-invalid);\n          `\n        : css`\n            color: var(--redsift-color-${$theme}-components-switch-text-default);\n          `}\n\n    font-family: var(--redsift-typography-body-font-family);\n    font-size: var(--redsift-typography-body-font-size);\n    font-weight: var(--redsift-typography-body-font-weight);\n    line-height: var(--redsift-typography-body-line-height);\n    padding-inline-start: 12px;\n    padding-inline-end: 24px;\n  }\n\n  .redsift-switch__slide {\n    height: 20px;\n    position: relative;\n    min-width: 40px;\n  }\n\n  .redsift-switch-slide__inner {\n    ${({ $isColored, $isDisabled, $isInvalid, $isSelected, $theme }) =>\n      $isDisabled\n        ? css`\n            background-color: var(\n              --redsift-color-${$theme}-components-switch-background-disabled${$isSelected ? '-active' : ''}\n            );\n          `\n        : $isInvalid\n        ? css`\n            background-color: var(\n              --redsift-color-${$theme}-components-switch-background-invalid${$isSelected ? '-active' : ''}\n            );\n          `\n        : css`\n            background-color: ${$isColored\n              ? `var(--redsift-color-${$theme}-components-switch-background-default${$isSelected ? '-active' : ''})`\n              : `var(--redsift-color-${$theme}-components-switch-background-uncolored${$isSelected ? '-active' : ''})`};\n          `}\n    border-radius: 20px;\n    height: 24px;\n    position: absolute;\n    top: calc(50% - 24px / 2);\n    width: 46px;\n    z-index: 2;\n  }\n\n  .redsift-switch-slide__knob-wrapper {\n    border-radius: 50%;\n    height: 20px;\n    margin-inline-start: ${({ $isSelected }) => (!$isSelected ? '2px' : '24px')};\n    position: absolute;\n    top: -6px;\n    width: 20px;\n  }\n\n  .redsift-switch-slide-knob-wrapper__elevation {\n    ${({ $isDisabled, $isInvalid, $theme }) =>\n      $isDisabled\n        ? css`\n            background-color: var(--redsift-color-${$theme}-components-switch-dot-disabled-hover);\n          `\n        : $isInvalid\n        ? css`\n            background-color: var(--redsift-color-${$theme}-components-switch-dot-invalid-hover);\n          `\n        : css`\n            background-color: var(--redsift-color-${$theme}-components-switch-dot-default-hover);\n          `}\n\n    border-radius: 50%;\n    height: 32px;\n    margin-inline-start: ${({ $isSelected }) => (!$isSelected ? '-6px' : '-6px')};\n    opacity: 0;\n    position: absolute;\n    width: 32px;\n    z-index: 3;\n  }\n\n  .redsift-switch-slide-knob-wrapper__knob {\n    ${({ $isDisabled, $isInvalid, $theme }) =>\n      $isDisabled\n        ? css`\n            background-color: var(--redsift-color-${$theme}-components-switch-dot-disabled);\n          `\n        : $isInvalid\n        ? css`\n            background-color: var(--redsift-color-${$theme}-components-switch-dot-invalid);\n          `\n        : css`\n            background-color: var(--redsift-color-${$theme}-components-switch-dot-default);\n          `}\n    border-radius: 50%;\n    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.12);\n    height: 20px;\n    position: absolute;\n    top: 6px;\n    width: 20px;\n    z-index: 4;\n  }\n\n  &:hover,\n  &:focus-visible {\n    outline: none;\n    cursor: pointer;\n\n    ${({ $isDisabled }) =>\n      !$isDisabled\n        ? css`\n            .redsift-switch-slide-knob-wrapper__elevation {\n              opacity: 0.5;\n            }\n          `\n        : ''}\n  }\n\n  ${({ $isDisabled, $isFocusVisible }) =>\n    $isFocusVisible && !$isDisabled\n      ? css`\n          .redsift-switch-slide-knob-wrapper__elevation {\n            opacity: 0.5;\n          }\n        `\n      : ''}\n`;\n","import React, {\n  ComponentProps,\n  forwardRef,\n  MutableRefObject,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { useFocusRing } from '../../react-aria/react-aria/focus';\nimport { Comp } from '../../types';\nimport { SwitchGroupContext } from '../switch-group/context';\nimport { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound';\nimport { SwitchProps } from './types';\nimport { StyledSwitch } from './styles';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Switch';\nconst CLASSNAME = 'redsift-switch';\n\n/**\n * The Switch component.\n * Works both inside a SwitchGroup or as standalone.\n * Can be used as controlled or uncontrolled.\n */\nexport const Switch: Comp<SwitchProps, HTMLLabelElement> = forwardRef((props, ref) => {\n  const groupState = useContext(SwitchGroupContext);\n\n  let {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    autoFocus,\n    children,\n    className,\n    defaultSelected,\n    inputProps,\n    inputRef,\n    isColored = true,\n    isDisabled,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    isSelected: propsIsSelected,\n    name,\n    onChange,\n    theme: propsTheme,\n    value,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  const { isFocusVisible, focusProps } = useFocusRing({ autoFocus });\n  isDisabled = isDisabled ?? groupState?.isDisabled;\n  isReadOnly = isReadOnly ?? groupState?.isReadOnly;\n\n  const [isSelected, setSelected] = useState(\n    Boolean(propsIsSelected ?? defaultSelected ?? groupState?.value.includes(value as string))\n  );\n  const isControlled = propsIsSelected !== null && propsIsSelected !== undefined;\n\n  useEffect(() => {\n    setSelected(Boolean(propsIsSelected ?? defaultSelected));\n  }, [propsIsSelected, defaultSelected]);\n\n  useEffect(() => {\n    if (groupState) {\n      setSelected(groupState.value.includes(value as string));\n    }\n  }, [groupState?.value]);\n\n  warnIfNoAccessibleLabelFound(props as ComponentProps<'label'>, [children], 'Switch');\n\n  if (groupState) {\n    if (propsIsSelected != null) {\n      console.warn(\n        'isSelected is unsupported on individual <Switch> elements within a <SwitchGroup> unless the <Switch> is controlled. Please apply this prop to the group instead.'\n      );\n    }\n    if (defaultSelected != null) {\n      console.warn(\n        'defaultSelected is unsupported on individual <Switch> elements within a <SwitchGroup> unless the <Switch> is controlled. Please apply this prop to the group instead.'\n      );\n    }\n    if (props.value == null) {\n      console.warn(\n        'A <Switch> element within a <SwitchGroup> requires a `value` property unless the <Switch> is controlled.'\n      );\n    }\n  }\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (isDisabled || isReadOnly) {\n        return;\n      }\n\n      if (groupState) {\n        if (!groupState.value.includes(value as string)) {\n          groupState.addValue(value as string);\n        } else {\n          groupState.removeValue(value as string);\n        }\n      }\n\n      if (isControlled) {\n        onChange?.(!propsIsSelected, value, name, event, groupState!);\n      } else {\n        setSelected(!isSelected);\n        onChange?.(!isSelected, value, name, event, groupState!);\n      }\n    },\n    [onChange, groupState, isSelected, propsIsSelected]\n  );\n\n  return (\n    <StyledSwitch\n      {...forwardedProps}\n      $isColored={isColored}\n      $isDisabled={isDisabled}\n      $isFocusVisible={isFocusVisible}\n      $isInvalid={isInvalid || (isRequired && !(isSelected || (isControlled && propsIsSelected)))}\n      $isRequired={isRequired}\n      $isSelected={isSelected || (isControlled && propsIsSelected)}\n      $theme={theme}\n      className={classNames(Switch.className, className)}\n      ref={ref as MutableRefObject<HTMLLabelElement>}\n    >\n      <div className={`${Switch.className}__slide`}>\n        <div className={`${Switch.className}-slide__inner`} />\n        <div className={`${Switch.className}-slide__knob-wrapper`}>\n          <div className={`${Switch.className}-slide-knob-wrapper__elevation`} />\n          <div className={`${Switch.className}-slide-knob-wrapper__knob`} />\n        </div>\n      </div>\n      {children ? <span className=\"label\">{children}</span> : null}\n      <input\n        {...inputProps}\n        {...focusProps}\n        aria-checked={isSelected || (isControlled && propsIsSelected) ? 'true' : 'false'}\n        aria-disabled={isDisabled}\n        aria-invalid={isInvalid || (isRequired && !(isSelected || (isControlled && propsIsSelected)))}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        aria-readonly={isReadOnly}\n        aria-required={isRequired}\n        autoFocus={autoFocus}\n        checked={isSelected || (isControlled && propsIsSelected) ? true : false}\n        disabled={isDisabled}\n        name={name}\n        onChange={handleChange}\n        ref={inputRef as MutableRefObject<HTMLInputElement>}\n        role=\"switch\"\n        type=\"checkbox\"\n        value={value}\n      />\n    </StyledSwitch>\n  );\n});\nSwitch.className = CLASSNAME;\nSwitch.displayName = COMPONENT_NAME;\n"],"names":["StyledSwitch","styled","label","baseStyling","_ref","$isDisabled","$isInvalid","$theme","css","_ref2","$isColored","$isSelected","_ref3","_ref4","_ref5","_ref6","_ref7","_ref8","$isFocusVisible","COMPONENT_NAME","CLASSNAME","Switch","forwardRef","props","ref","_isDisabled","_isReadOnly","groupState","useContext","SwitchGroupContext","ariaLabel","ariaLabelledby","autoFocus","children","className","defaultSelected","inputProps","inputRef","isColored","isDisabled","isInvalid","isReadOnly","isRequired","isSelected","propsIsSelected","name","onChange","theme","propsTheme","value","forwardedProps","_objectWithoutProperties","_excluded","useTheme","isFocusVisible","focusProps","useFocusRing","setSelected","useState","Boolean","includes","isControlled","undefined","useEffect","warnIfNoAccessibleLabelFound","console","warn","handleChange","useCallback","event","addValue","removeValue","React","createElement","_extends","$isRequired","classNames","checked","disabled","role","type","displayName"],"mappings":"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"}

package/_internal/SwitchGroup.js

@@ -0,0 +1,10 @@
+import { b as SwitchGroupProps } from './types27.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * The SwitchGroup component.
+ * Can be used as controlled or uncontrolled.
+ */
+declare const SwitchGroup: Comp<SwitchGroupProps, HTMLDivElement>;
+
+export { SwitchGroup as S };

package/_internal/SwitchGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchGroup.js","sources":["../../src/components/switch-group/types.ts","../../src/components/switch-group/styles.ts","../../src/components/switch-group/SwitchGroup.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { ValueOf, StylingProps, Theme } from '../../types';\n\n/**\n * Context props.\n */\nexport type SwitchGroupState = {\n  /** Adds a value to the set of selected values. */\n  addValue(value: string): void;\n  /** Whether the switch group is disabled or not. */\n  readonly isDisabled: boolean;\n  /** Whether the switch group is read only or not. */\n  readonly isReadOnly: boolean;\n  /** Removes a value from the set of selected values. */\n  removeValue(value: string): void;\n  /** Sets the selected values. */\n  setValue(value: string[]): void;\n  /** Current selected values. */\n  readonly value: readonly string[];\n};\n\n/**\n * Component orientation.\n */\nexport const SwitchGroupOrientation = {\n  horizontal: 'horizontal',\n  vertical: 'vertical',\n} as const;\nexport type SwitchGroupOrientation = ValueOf<typeof SwitchGroupOrientation>;\n\n/**\n * Component props.\n */\nexport interface SwitchGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps {\n  /**\n   * Default selected values.\n   * Used for uncontrolled version.\n   */\n  defaultValues?: string[];\n  /** Description of the switch group. */\n  description?: string;\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 of the switch group. */\n  label?: string;\n  /** Method to handle component change. */\n  onChange?(values: string[]): void;\n  /** Method to handle component change. */\n  orientation?: SwitchGroupOrientation;\n  /** Theme. */\n  theme?: Theme;\n  /**\n   * Currently selected values.\n   * Used for controlled version.\n   */\n  value?: string[];\n}\n\nexport type StyledSwitchGroupProps = Omit<\n  SwitchGroupProps,\n  'isDisabled' | 'isInvalid' | 'isReadOnly' | 'orientation' | 'isRequired'\n> & {\n  $isDisabled: SwitchGroupProps['isDisabled'];\n  $isInvalid: SwitchGroupProps['isInvalid'];\n  $isReadOnly: SwitchGroupProps['isReadOnly'];\n  $orientation: SwitchGroupProps['orientation'];\n  $theme: SwitchGroupProps['theme'];\n};\n","import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { SwitchGroupOrientation, StyledSwitchGroupProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledSwitchGroup = styled.div<StyledSwitchGroupProps>`\n  ${baseStyling}\n\n  display: flex;\n  flex-direction: column;\n\n  ${({ $orientation }) =>\n    $orientation === SwitchGroupOrientation.vertical\n      ? `\n    div.redsift-switch-group-switches {\n      display: flex;\n      flex-direction: column;\n    }\n  `\n      : `\n    div.redsift-switch-group-switches {\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n  `}\n\n  span.redsift-switch-group-label {\n    font-family: var(--redsift-typography-body-font-family);\n    font-weight: var(--redsift-typography-body-font-weight);\n    font-size: var(--redsift-typography-body-font-size);\n    line-height: var(--redsift-typography-body-line-height);\n\n    ${({ $isDisabled, $isInvalid, $theme }) =>\n      $isDisabled\n        ? css`\n            color: var(--redsift-color-${$theme}-components-checkbox-text-disabled);\n          `\n        : $isInvalid\n        ? css`\n            color: var(--redsift-color-${$theme}-components-checkbox-text-invalid);\n          `\n        : css`\n            color: var(--redsift-color-${$theme}-components-checkbox-text-default);\n          `}\n  }\n\n  span.redsift-switch-group-description {\n    font-family: var(--redsift-typography-helper-font-family);\n    font-weight: var(--redsift-typography-helper-font-weight);\n    font-size: var(--redsift-typography-helper-font-size);\n    line-height: var(--redsift-typography-helper-line-height);\n\n    ${({ $isDisabled, $isInvalid, $theme }) =>\n      $isDisabled\n        ? css`\n            color: var(--redsift-color-${$theme}-components-checkbox-text-disabled);\n          `\n        : $isInvalid\n        ? css`\n            color: var(--redsift-color-${$theme}-components-checkbox-text-invalid);\n          `\n        : css`\n            color: var(--redsift-color-${$theme}-components-checkbox-text-default);\n          `}\n  }\n`;\n","import React, { forwardRef, RefObject, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { Comp, ColorPalette } from '../../types';\nimport { SwitchGroupOrientation, SwitchGroupProps } from './types';\nimport { SwitchGroupContext } from './context';\nimport { StyledSwitchGroup } from './styles';\nimport { ThemeProvider, useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'SwitchGroup';\nconst CLASSNAME = 'redsift-switch-group';\n\n/**\n * The SwitchGroup component.\n * Can be used as controlled or uncontrolled.\n */\nexport const SwitchGroup: Comp<SwitchGroupProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    children,\n    className,\n    color = ColorPalette.primary,\n    defaultValues,\n    description,\n    isDisabled,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    label,\n    onChange,\n    orientation = SwitchGroupOrientation.vertical,\n    theme: propsTheme,\n    value,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  const [selectedValues, setValue] = useState<string[]>(value || defaultValues || []);\n  useEffect(() => {\n    if (value) {\n      state.setValue(value);\n    }\n  }, [value]);\n\n  const state = {\n    value: selectedValues,\n    isDisabled: isDisabled || false,\n    isReadOnly: isReadOnly || false,\n    setValue(values: string[]) {\n      if (isReadOnly || isDisabled) {\n        return;\n      }\n\n      setValue(values);\n    },\n    addValue(value: string) {\n      if (!selectedValues.includes(value)) {\n        setValue(selectedValues.concat(value));\n        if (onChange) {\n          onChange(selectedValues.concat(value));\n        }\n      }\n    },\n    removeValue(value: string) {\n      if (selectedValues.includes(value)) {\n        setValue(selectedValues.filter((existingValue) => existingValue !== value));\n        if (onChange) {\n          onChange(selectedValues.filter((existingValue) => existingValue !== value));\n        }\n      }\n    },\n  };\n\n  return (\n    <ThemeProvider value={{ theme }}>\n      <StyledSwitchGroup\n        color={color}\n        {...forwardedProps}\n        $isDisabled={isDisabled}\n        $isInvalid={isInvalid || (isRequired && selectedValues.length === 0)}\n        $isReadOnly={isReadOnly}\n        $orientation={orientation}\n        $theme={theme}\n        aria-disabled={isDisabled}\n        className={classNames(SwitchGroup.className, className)}\n        ref={ref as RefObject<HTMLDivElement>}\n        role=\"group\"\n      >\n        <span className={`${SwitchGroup.className}-label`}>\n          {label}\n          {isRequired ? ' *' : null}\n        </span>\n        <div className={`${SwitchGroup.className}-switches`}>\n          <SwitchGroupContext.Provider value={state}>{children}</SwitchGroupContext.Provider>\n        </div>\n        <span className={`${SwitchGroup.className}-description`}>{description}</span>\n      </StyledSwitchGroup>\n    </ThemeProvider>\n  );\n});\nSwitchGroup.className = CLASSNAME;\nSwitchGroup.displayName = COMPONENT_NAME;\n"],"names":["SwitchGroupOrientation","horizontal","vertical","StyledSwitchGroup","styled","div","baseStyling","_ref","$orientation","_ref2","$isDisabled","$isInvalid","$theme","css","_ref3","COMPONENT_NAME","CLASSNAME","SwitchGroup","forwardRef","props","ref","children","className","color","ColorPalette","primary","defaultValues","description","isDisabled","isInvalid","isReadOnly","isRequired","label","onChange","orientation","theme","propsTheme","value","forwardedProps","_objectWithoutProperties","_excluded","useTheme","selectedValues","setValue","useState","useEffect","state","values","addValue","includes","concat","removeValue","filter","existingValue","React","createElement","ThemeProvider","_extends","length","$isReadOnly","classNames","role","SwitchGroupContext","Provider","displayName"],"mappings":"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"}

package/_internal/Text2.js

@@ -0,0 +1,9 @@
+import { b as TextProps } from './types28.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * The Text component.
+ */
+declare const Text: Comp<TextProps, HTMLDivElement>;
+
+export { Text as T };

package/_internal/Text2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text2.js","sources":["../../src/components/text/Text.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp, FontFamily } from '../../types';\nimport { StyledText } from './styles';\nimport { TextProps } from './types';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Text';\nconst CLASSNAME = 'redsift-text';\n\n/**\n * The Text component.\n */\nexport const Text: Comp<TextProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    as,\n    children,\n    className,\n    color,\n    fontFamily = FontFamily.poppins,\n    fontSize,\n    fontWeight,\n    lineHeight,\n    noWrap,\n    theme: propsTheme,\n    variant,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  return (\n    <StyledText\n      as={as}\n      {...forwardedProps}\n      className={classNames(Text.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n      $as={as}\n      $color={color}\n      $fontFamily={fontFamily}\n      $fontSize={fontSize}\n      $fontWeight={fontWeight}\n      $lineHeight={lineHeight}\n      $noWrap={noWrap}\n      $theme={theme}\n      $variant={variant}\n    >\n      {children}\n    </StyledText>\n  );\n});\nText.className = CLASSNAME;\nText.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Text","forwardRef","props","ref","as","children","className","color","fontFamily","FontFamily","poppins","fontSize","fontWeight","lineHeight","noWrap","theme","propsTheme","variant","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","StyledText","_extends","classNames","$as","$color","$fontFamily","$fontSize","$fontWeight","$lineHeight","$noWrap","$theme","$variant","displayName"],"mappings":";;;;;;;;AAOA,MAAMA,cAAc,GAAG,MAAM,CAAA;AAC7B,MAAMC,SAAS,GAAG,cAAc,CAAA;;AAEhC;AACA;AACA;AACO,MAAMC,IAAqC,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC9E,MAAM;MACJC,EAAE;MACFC,QAAQ;MACRC,SAAS;MACTC,KAAK;MACLC,UAAU,GAAGC,UAAU,CAACC,OAAO;MAC/BC,QAAQ;MACRC,UAAU;MACVC,UAAU;MACVC,MAAM;AACNC,MAAAA,KAAK,EAAEC,UAAU;AACjBC,MAAAA,OAAAA;AAEF,KAAC,GAAGf,KAAK;AADJgB,IAAAA,cAAc,GAAAC,wBAAA,CACfjB,KAAK,EAAAkB,SAAA,CAAA,CAAA;AAET,EAAA,MAAML,KAAK,GAAGM,QAAQ,CAACL,UAAU,CAAC,CAAA;AAElC,EAAA,oBACEM,cAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA;AACTrB,IAAAA,EAAE,EAAEA,EAAAA;AAAG,GAAA,EACHc,cAAc,EAAA;IAClBZ,SAAS,EAAEoB,UAAU,CAAC1B,IAAI,CAACM,SAAS,EAAEA,SAAS,CAAE;AACjDH,IAAAA,GAAG,EAAEA,GAAiC;AACtCwB,IAAAA,GAAG,EAAEvB,EAAG;AACRwB,IAAAA,MAAM,EAAErB,KAAM;AACdsB,IAAAA,WAAW,EAAErB,UAAW;AACxBsB,IAAAA,SAAS,EAAEnB,QAAS;AACpBoB,IAAAA,WAAW,EAAEnB,UAAW;AACxBoB,IAAAA,WAAW,EAAEnB,UAAW;AACxBoB,IAAAA,OAAO,EAAEnB,MAAO;AAChBoB,IAAAA,MAAM,EAAEnB,KAAM;AACdoB,IAAAA,QAAQ,EAAElB,OAAAA;AAAQ,GAAA,CAAA,EAEjBZ,QACS,CAAC,CAAA;AAEjB,CAAC,EAAC;AACFL,IAAI,CAACM,SAAS,GAAGP,SAAS,CAAA;AAC1BC,IAAI,CAACoC,WAAW,GAAGtC,cAAc;;;;"}

package/_internal/TextArea.js

@@ -0,0 +1,34 @@
+import { MutableRefObject, ComponentProps, ChangeEvent } from 'react';
+import { b as TextFieldProps, S as StyledTextFieldProps } from './types29.js';
+import { V as ValueOf, C as Comp } from './helpers.js';
+
+/**
+ * Component variant.
+ */
+declare const TextAreaVariant: {
+    readonly default: "default";
+    readonly underline: "underline";
+};
+type TextAreaVariant = ValueOf<typeof TextAreaVariant>;
+/**
+ * Component props.
+ */
+interface TextAreaProps extends Omit<TextFieldProps, 'onChange' | 'inputRef' | 'inputProps' | 'pills' | 'internal' | 'hasClearButton' | 'onClear'> {
+    /** Custom ref object to pass to the textarea element. */
+    textareaRef?: MutableRefObject<HTMLTextAreaElement>;
+    /** Custom props to pass to the textarea element. */
+    textareaProps?: ComponentProps<'textarea'>;
+    /** Method to handle component change. */
+    onChange?(value?: string, name?: string, event?: ChangeEvent<HTMLTextAreaElement>): void;
+    /** Minimum number of rows displayed in multiline mode (requires `multiline` to be enabled). */
+    minimumRows?: number;
+}
+type StyledTextAreaProps = StyledTextFieldProps;
+
+/**
+ * The TextArea component.
+ * Can be used as controlled or uncontrolled.
+ */
+declare const TextArea: Comp<TextAreaProps, HTMLDivElement>;
+
+export { StyledTextAreaProps as S, TextAreaVariant as T, TextAreaProps as a, TextArea as b };

package/_internal/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sources":["../../src/hooks/useComputeNumberOfRows.ts","../../src/components/text-area/types.ts","../../src/components/text-area/styles.ts","../../src/components/text-area/TextArea.tsx"],"sourcesContent":["import { useState } from 'react';\n\n/**\n * Hook that allows to calculate the number of rows needed for a text area.\n * @param minimumRows Minimum number of rows that we want to display.\n * @return rows to be used and a callback to recalculate\n */\nexport const useComputeNumberOfRows = (\n  minimumRows: number\n): {\n  /** number of rows to be used on the text area */\n  rows: number;\n  /**\n   * Callback in order to recalculate the number of rows due to a change on the text area\n   */\n  recomputeNumberOfRows(target: Element): void;\n} => {\n  const [rows, setRows] = useState(minimumRows);\n\n  const recompute = (target: Element) => {\n    /**\n     * HEAD's UP! This part is a little bit tricky. The idea here is to only\n     * display the necessary rows on the textarea. In order to dynamically adjust\n     * the height on that field, we need to:\n     * 1. Set the current amount of rows to the minimum. That will make the scroll appear.\n     * 2. With that, we will have the `scrollHeight`, meaning the height of the container adjusted to the current content\n     * 3. With the scroll height, we can figure out how many rows we need to use by dividing the scroll height\n     * by the line height.\n     * 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\n     * the state change through React, there are some scenarios (resize, hitting ENTER or BACKSPACE which add or remove lines)\n     * when we will not see the update and the rows will be resized to the minimum.\n     * 5. In case there is any other update on the component that changes the UI, we need to keep the number of rows\n     * on the state in order to allow React to re-render. Therefore, we save them using `useState`\n     */\n    // eslint-disable-next-line no-param-reassign\n    (target as HTMLTextAreaElement).rows = minimumRows;\n    let currentRows = target.scrollHeight / (target.clientHeight / minimumRows);\n    currentRows = currentRows >= minimumRows ? currentRows : minimumRows;\n    // eslint-disable-next-line no-param-reassign\n    (target as HTMLTextAreaElement).rows = currentRows;\n\n    setRows(currentRows);\n  };\n\n  return {\n    recomputeNumberOfRows: recompute,\n    rows,\n  };\n};\n","import { ChangeEvent, ComponentProps, MutableRefObject } from 'react';\nimport { ValueOf } from '../../types';\nimport { StyledTextFieldProps, TextFieldProps } from '../text-field';\n\n/**\n * Component variant.\n */\nexport const TextAreaVariant = {\n  default: 'default',\n  underline: 'underline',\n} as const;\nexport type TextAreaVariant = ValueOf<typeof TextAreaVariant>;\n\n/**\n * Component props.\n */\nexport interface TextAreaProps\n  extends Omit<\n    TextFieldProps,\n    'onChange' | 'inputRef' | 'inputProps' | 'pills' | 'internal' | 'hasClearButton' | 'onClear'\n  > {\n  /** Custom ref object to pass to the textarea element. */\n  textareaRef?: MutableRefObject<HTMLTextAreaElement>;\n  /** Custom props to pass to the textarea element. */\n  textareaProps?: ComponentProps<'textarea'>;\n  /** Method to handle component change. */\n  onChange?(value?: string, name?: string, event?: ChangeEvent<HTMLTextAreaElement>): void;\n  /** Minimum number of rows displayed in multiline mode (requires `multiline` to be enabled). */\n  minimumRows?: number;\n}\n\nexport type StyledTextAreaProps = StyledTextFieldProps;\n","import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledTextAreaProps, TextAreaVariant } from './types';\nimport { Theme } from '@redsift/design-system/types';\n\n/**\n * Component style.\n */\nexport const StyledTextArea = styled.div<StyledTextAreaProps>`\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-area__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' : '-6px'};\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 === TextAreaVariant.underline ? '0px' : '14px'}, 16px) scale(1);\n          `\n        : css`\n            max-width: calc(133% - 32px);\n            transform: translate(${$variant === TextAreaVariant.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 !== TextAreaVariant.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-area__text-area-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      width: 100%;\n    }\n\n    .redsift-text-area-text-area-wrapper__text-area {\n      textarea {\n        background: transparent;\n        display: block;\n        border: none;\n        outline: none;\n        width: 100%;\n        padding: 0;\n        margin: 0;\n        box-sizing: content-box;\n        font-family: var(--redsift-typography-input-text-font-family);\n        font-size: 14px;\n        font-weight: var(--redsift-typography-input-text-font-weight);\n        line-height: var(--redsift-typography-input-text-line-height);\n        resize: none;\n\n        ${$isDisabled\n          ? css`\n              color: var(--redsift-color-neutral-light-grey);\n            `\n          : css`\n              color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n            `}\n      }\n\n      flex: 1 1 auto;\n      padding-bottom: 9px;\n      ${$variant !== TextAreaVariant.underline && !$hasLeftIcon\n        ? css`\n            padding-left: 16px;\n          `\n        : ''}\n      padding-top: ${label ? '10px' : '9px'};\n      padding-right: 8px;\n    }\n\n    .redsift-text-area-text-area-wrapper-pills-and-text-area__text-area::placeholder {\n      color: var(--redsift-color-neutral-mid-grey);\n    }\n\n    .redsift-text-area-text-area-wrapper-pills-and-text-area__text-area:focus {\n      outline: 0;\n    }\n\n    .redsift-text-area-text-area-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 === TextAreaVariant.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 === TextAreaVariant.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-area-text-area-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-area-text-area-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-area-text-area-wrapper__toolbar {\n      position: relative;\n      top: 7px;\n    }\n\n    .redsift-icon-button {\n      padding: 2px;\n      height: 28px;\n      width: 28px;\n    }\n\n    ${$variant !== TextAreaVariant.underline\n      ? css`\n          .redsift-icon.left {\n            padding-left: 12px;\n            padding-right: 8px;\n            line-height: 28px;\n            top: 10px;\n          }\n\n          .redsift-text-area-text-area-wrapper__toolbar {\n            padding-right: 8px;\n          }\n        `\n      : css`\n          .redsift-icon.left {\n            padding-right: 8px;\n            top: 10px;\n          }\n        `}\n  `}\n`;\n","import React, {\n  ComponentProps,\n  FocusEvent,\n  forwardRef,\n  MutableRefObject,\n  useCallback,\n  useEffect,\n  useState,\n} 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 { TextAreaProps, TextAreaVariant } from './types';\nimport { StyledTextArea } from './styles';\nimport { Icon } from '../../components/icon';\nimport { useTheme } from '../theme';\nimport { useComputeNumberOfRows } from '../../hooks';\nimport { useId } from '../../utils';\nimport { Flexbox } from '../flexbox';\n\nconst COMPONENT_NAME = 'TextArea';\nconst CLASSNAME = 'redsift-text-area';\n\n/**\n * The TextArea component.\n * Can be used as controlled or uncontrolled.\n */\nexport const TextArea: Comp<TextAreaProps, 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    isColored = true,\n    isDisabled,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    label,\n    leftIcon,\n    minimumRows,\n    name,\n    onBlur: onBlurProps,\n    onChange,\n    onFocus: onFocusProps,\n    placeholder,\n    textareaProps,\n    textareaRef: propsTextareaRef,\n    theme: propsTheme,\n    value: propsValue,\n    variant = TextAreaVariant.default,\n    width = '100%',\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 _textareaRef = React.useRef(null);\n  const textareaRef = propsTextareaRef ?? _textareaRef;\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], 'TextArea');\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLTextAreaElement>) => {\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 { rows, recomputeNumberOfRows } = useComputeNumberOfRows(minimumRows || 4);\n  useEffect(() => {\n    // Recompute the number of rows for the first rendering\n    if (textareaRef && textareaRef.current) {\n      recomputeNumberOfRows(textareaRef.current);\n    }\n  }, [textareaRef, recomputeNumberOfRows, value]);\n\n  return (\n    <StyledTextArea\n      width={width}\n      {...focusWithinProps}\n      {...forwardedProps}\n      $hasContent={isFocusWithin || Boolean(isControlled ? propsValue : value) || Boolean(placeholder)}\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(TextArea.className, className)}\n      ref={ref as MutableRefObject<HTMLDivElement>}\n    >\n      <fieldset aria-hidden=\"true\" className={`${TextArea.className}-text-area-wrapper__fieldset`}>\n        <legend id={labelId} className={`${TextArea.className}-text-area-wrapper-fieldset__legend`}>\n          {label ? <span>{label}</span> : null}\n        </legend>\n      </fieldset>\n      {label ? (\n        <label className={`${TextArea.className}__label`}>\n          <span>{label}</span>\n        </label>\n      ) : null}\n      <div className={`${TextArea.className}__text-area-wrapper`}>\n        {leftIcon ? (\n          <Icon color={isDisabled ? 'question' : 'black'} {...leftIcon} aria-hidden=\"true\" className=\"left\" />\n        ) : null}\n        <div className={`${TextArea.className}-text-area-wrapper__text-area`}>\n          <textarea\n            {...textareaProps}\n            onBlur={(event) => {\n              onBlur?.(event);\n              onBlurProps?.(event as unknown as FocusEvent<HTMLDivElement, Element>);\n            }}\n            onFocus={(event) => {\n              onFocus?.(event);\n              onFocusProps?.(event as unknown as FocusEvent<HTMLDivElement, Element>);\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            disabled={isDisabled}\n            name={name}\n            onChange={handleChange}\n            placeholder={placeholder}\n            ref={textareaRef as MutableRefObject<HTMLTextAreaElement>}\n            value={isControlled ? propsValue : value}\n            rows={rows}\n          />\n        </div>\n        {after ? (\n          <Flexbox className={`${TextArea.className}-text-area-wrapper__toolbar`} gap=\"8px\">\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    </StyledTextArea>\n  );\n});\nTextArea.className = CLASSNAME;\nTextArea.displayName = COMPONENT_NAME;\n"],"names":["useComputeNumberOfRows","minimumRows","rows","setRows","useState","recompute","target","currentRows","scrollHeight","clientHeight","recomputeNumberOfRows","TextAreaVariant","default","underline","StyledTextArea","styled","div","baseStyling","_ref","label","$hasLeftIcon","$hasContent","$isFocused","$isDisabled","$isInvalid","$color","$isGradient","$theme","$variant","css","Theme","dark","COMPONENT_NAME","CLASSNAME","TextArea","forwardRef","props","ref","ariaLabel","ariaLabelledby","after","autoFocus","className","color","propsColor","defaultValue","forceColor","isColored","isDisabled","isInvalid","isReadOnly","isRequired","leftIcon","name","onBlur","onBlurProps","onChange","onFocus","onFocusProps","placeholder","textareaProps","textareaRef","propsTextareaRef","theme","propsTheme","value","propsValue","variant","width","forwardedProps","_objectWithoutProperties","_excluded","useTheme","Object","values","ButtonsColorPalette","includes","isGradient","radar","_textareaRef","React","useRef","isFocusVisible","isFocused","focusProps","useFocusRing","isFocusWithin","setFocusWithin","Boolean","focusWithinProps","useFocusWithin","onFocusWithinChange","setValue","isControlled","undefined","labelId","useId","warnIfNoAccessibleLabelFound","handleChange","useCallback","event","useEffect","current","createElement","_extends","$isFocusVisible","$isRequired","classNames","id","Icon","disabled","Flexbox","gap","displayName"],"mappings":"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"}

package/_internal/TextField.js

@@ -0,0 +1,29 @@
+import * as styled_components from 'styled-components';
+import { b as TextFieldProps, T as TextFieldVariant } from './types29.js';
+import { T as Theme } from './colors.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * Component style.
+ */
+declare const StyledTextField: styled_components.StyledComponent<"div", any, Omit<TextFieldProps, "color" | "onChange" | "isInvalid" | "isRequired" | "isDisabled" | "isColored"> & {
+    $color: string | undefined;
+    $isGradient: boolean;
+    $hasLeftIcon: boolean;
+    $hasContent: boolean;
+    $isDisabled: boolean | undefined;
+    $isInvalid: boolean | undefined;
+    $isFocused: boolean;
+    $isFocusVisible: boolean;
+    $isRequired: boolean | undefined;
+    $theme: Theme | undefined;
+    $variant: TextFieldVariant | undefined;
+}, never>;
+
+/**
+ * The TextField component.
+ * Can be used as controlled or uncontrolled.
+ */
+declare const TextField: Comp<TextFieldProps, HTMLDivElement>;
+
+export { StyledTextField as S, TextField as T };

package/_internal/TextField.js.map

@@ -0,0 +1 @@
+{"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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"}