@razorpay/blade 11.9.0 → 11.10.0

package/build/lib/web/development/components/Input/TextInput/TextInput.js

@@ -3,6 +3,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default, { useState } from 'react';
 import '../BaseInput/index.js';
+import { getKeyboardAndAutocompleteProps } from '../BaseInput/utils.js';
 import isEmpty from '../../../utils/lodashButBetter/isEmpty.js';
 import '../../Icons/index.js';
 import '../../Button/IconButton/index.js';
@@ -28,122 +29,51 @@ import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffect
 var _excluded = ["label", "accessibilityLabel", "labelPosition", "placeholder", "type", "defaultValue", "name", "value", "maxCharacters", "onChange", "onClick", "onFocus", "onBlur", "onSubmit", "isDisabled", "necessityIndicator", "validationState", "errorText", "helpText", "successText", "isRequired", "icon", "prefix", "showClearButton", "onClearButtonClick", "isLoading", "suffix", "autoFocus", "keyboardReturnKeyType", "autoCompleteSuggestionType", "autoCapitalize", "testID", "size", "leadingIcon", "trailingIcon"];
 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 _objectSpread(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; }
-var getKeyboardAndAutocompleteProps = function getKeyboardAndAutocompleteProps(_ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'text' : _ref$type,
-    keyboardReturnKeyType = _ref.keyboardReturnKeyType,
-    autoCompleteSuggestionType = _ref.autoCompleteSuggestionType,
-    autoCapitalize = _ref.autoCapitalize;
-  var keyboardAndAutocompleteProps = {
-    type: type,
-    keyboardType: 'text',
-    keyboardReturnKeyType: 'default',
-    autoCompleteSuggestionType: 'none',
-    autoCapitalize: autoCapitalize
-  };
-  var keyboardConfigMap = {
-    text: {
-      keyboardType: 'text',
-      keyboardReturnKeyType: 'default',
-      autoCompleteSuggestionType: 'none',
-      autoCapitalize: undefined
-    },
-    telephone: {
-      keyboardType: 'telephone',
-      keyboardReturnKeyType: 'done',
-      autoCompleteSuggestionType: 'telephone',
-      autoCapitalize: undefined
-    },
-    email: {
-      keyboardType: 'email',
-      keyboardReturnKeyType: 'done',
-      autoCompleteSuggestionType: 'email',
-      autoCapitalize: 'none'
-    },
-    url: {
-      keyboardType: 'url',
-      keyboardReturnKeyType: 'go',
-      autoCompleteSuggestionType: 'none',
-      autoCapitalize: 'none'
-    },
-    number: {
-      keyboardType: 'decimal',
-      keyboardReturnKeyType: 'done',
-      autoCompleteSuggestionType: 'none',
-      autoCapitalize: undefined
-    },
-    search: {
-      keyboardType: 'search',
-      keyboardReturnKeyType: 'search',
-      autoCompleteSuggestionType: 'none',
-      autoCapitalize: undefined
-    }
-  };
-  var keyboardConfig = keyboardConfigMap[type];
-  keyboardAndAutocompleteProps.keyboardType = keyboardConfig.keyboardType;
-  keyboardAndAutocompleteProps.keyboardReturnKeyType = keyboardReturnKeyType !== null && keyboardReturnKeyType !== void 0 ? keyboardReturnKeyType : keyboardConfig.keyboardReturnKeyType;
-  keyboardAndAutocompleteProps.autoCompleteSuggestionType = autoCompleteSuggestionType !== null && autoCompleteSuggestionType !== void 0 ? autoCompleteSuggestionType : keyboardConfig.autoCompleteSuggestionType;
-  keyboardAndAutocompleteProps.autoCapitalize = keyboardConfig.autoCapitalize;
-  if (type === 'number') {
-    /* the default keyboardType:numeric shows alphanumeric keyboard on iOS but number pad on android. making it type:text and keyboardType:decimal fixes this on all platforms.
-     * source: https://css-tricks.com/everything-you-ever-wanted-to-know-about-keyboardType/#aa-decimal
-     */
-    keyboardAndAutocompleteProps.type = 'text';
-  }
-  if (type === 'search') {
-    /* when input type:search is provided at that time browser adds a weird close button which collides with our clear button and then we have 2 clear buttons
-     * source: https://github.com/razorpay/blade/issues/857#issue-1457367160
-     */
-    keyboardAndAutocompleteProps.type = 'text';
-  }
-  return keyboardAndAutocompleteProps;
-};
-
 // need to do this to tell TS to infer type as TextInput of React Native and make it believe that `ref.current.clear()` exists
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 var isReactNative = function isReactNative(_textInputRef) {
   return getPlatformType() === 'react-native';
 };
-var _TextInput = function _TextInput(_ref2, ref) {
-  var label = _ref2.label,
-    accessibilityLabel = _ref2.accessibilityLabel,
-    _ref2$labelPosition = _ref2.labelPosition,
-    labelPosition = _ref2$labelPosition === void 0 ? 'top' : _ref2$labelPosition,
-    placeholder = _ref2.placeholder,
-    _ref2$type = _ref2.type,
-    type = _ref2$type === void 0 ? 'text' : _ref2$type,
-    defaultValue = _ref2.defaultValue,
-    name = _ref2.name,
-    value = _ref2.value,
-    maxCharacters = _ref2.maxCharacters,
-    _onChange = _ref2.onChange,
-    onClick = _ref2.onClick,
-    onFocus = _ref2.onFocus,
-    onBlur = _ref2.onBlur,
-    onSubmit = _ref2.onSubmit,
-    isDisabled = _ref2.isDisabled,
-    necessityIndicator = _ref2.necessityIndicator,
-    validationState = _ref2.validationState,
-    errorText = _ref2.errorText,
-    helpText = _ref2.helpText,
-    successText = _ref2.successText,
-    isRequired = _ref2.isRequired,
-    icon = _ref2.icon,
-    prefix = _ref2.prefix,
-    showClearButton = _ref2.showClearButton,
-    onClearButtonClick = _ref2.onClearButtonClick,
-    isLoading = _ref2.isLoading,
-    suffix = _ref2.suffix,
-    autoFocus = _ref2.autoFocus,
-    keyboardReturnKeyType = _ref2.keyboardReturnKeyType,
-    autoCompleteSuggestionType = _ref2.autoCompleteSuggestionType,
-    autoCapitalize = _ref2.autoCapitalize,
-    testID = _ref2.testID,
-    _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
-    leadingIcon = _ref2.leadingIcon,
-    trailingIcon = _ref2.trailingIcon,
-    styledProps = _objectWithoutProperties(_ref2, _excluded);
+var _TextInput = function _TextInput(_ref, ref) {
+  var label = _ref.label,
+    accessibilityLabel = _ref.accessibilityLabel,
+    _ref$labelPosition = _ref.labelPosition,
+    labelPosition = _ref$labelPosition === void 0 ? 'top' : _ref$labelPosition,
+    placeholder = _ref.placeholder,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'text' : _ref$type,
+    defaultValue = _ref.defaultValue,
+    name = _ref.name,
+    value = _ref.value,
+    maxCharacters = _ref.maxCharacters,
+    _onChange = _ref.onChange,
+    onClick = _ref.onClick,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur,
+    onSubmit = _ref.onSubmit,
+    isDisabled = _ref.isDisabled,
+    necessityIndicator = _ref.necessityIndicator,
+    validationState = _ref.validationState,
+    errorText = _ref.errorText,
+    helpText = _ref.helpText,
+    successText = _ref.successText,
+    isRequired = _ref.isRequired,
+    icon = _ref.icon,
+    prefix = _ref.prefix,
+    showClearButton = _ref.showClearButton,
+    onClearButtonClick = _ref.onClearButtonClick,
+    isLoading = _ref.isLoading,
+    suffix = _ref.suffix,
+    autoFocus = _ref.autoFocus,
+    keyboardReturnKeyType = _ref.keyboardReturnKeyType,
+    autoCompleteSuggestionType = _ref.autoCompleteSuggestionType,
+    autoCapitalize = _ref.autoCapitalize,
+    testID = _ref.testID,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    leadingIcon = _ref.leadingIcon,
+    trailingIcon = _ref.trailingIcon,
+    styledProps = _objectWithoutProperties(_ref, _excluded);
   var textInputRef = React__default.useRef(null);
   var mergedRef = useMergeRefs(ref, textInputRef);
   var _useState = useState(false),
@@ -200,9 +130,9 @@ var _TextInput = function _TextInput(_ref2, ref) {
     value: value,
     name: name,
     maxCharacters: maxCharacters,
-    onChange: function onChange(_ref3) {
-      var name = _ref3.name,
-        value = _ref3.value;
+    onChange: function onChange(_ref2) {
+      var name = _ref2.name,
+        value = _ref2.value;
       if (showClearButton && value !== null && value !== void 0 && value.length) {
         // show the clear button when the user starts typing in
         setShouldShowClearButton(true);
@@ -225,7 +155,7 @@ var _TextInput = function _TextInput(_ref2, ref) {
     isRequired: isRequired,
     leadingIcon: leadingIcon !== null && leadingIcon !== void 0 ? leadingIcon : icon,
     prefix: prefix,
-    interactionElement: renderInteractionElement(),
+    trailingInteractionElement: renderInteractionElement(),
     trailingIcon: trailingIcon,
     suffix: suffix,
     validationState: validationState,

package/build/lib/web/development/components/Input/TextInput/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sources":["../../../../../../../src/components/Input/TextInput/TextInput.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TextInput as TextInputReactNative } from 'react-native';\nimport type { BaseInputProps } from '../BaseInput';\nimport { BaseInput } from '../BaseInput';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { IconComponent } from '~components/Icons';\nimport { CloseIcon } from '~components/Icons';\nimport { IconButton } from '~components/Button/IconButton';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { CharacterCounter } from '~components/Form/CharacterCounter';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Spinner } from '~components/Spinner';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getPlatformType } from '~utils';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport type { BladeElementRef } from '~utils/types';\nimport { hintMarginTop } from '~components/Form/formTokens';\n\n// Users should use PasswordInput for input type password\ntype Type = Exclude<BaseInputProps['type'], 'password'>;\n\ntype TextInputCommonProps = Pick<\n  BaseInputProps,\n  | 'label'\n  | 'accessibilityLabel'\n  | 'labelPosition'\n  | 'necessityIndicator'\n  | 'validationState'\n  | 'helpText'\n  | 'errorText'\n  | 'successText'\n  | 'placeholder'\n  | 'defaultValue'\n  | 'name'\n  | 'onChange'\n  | 'onFocus'\n  | 'onBlur'\n  | 'value'\n  | 'isDisabled'\n  | 'isRequired'\n  | 'prefix'\n  | 'suffix'\n  | 'maxCharacters'\n  | 'autoFocus'\n  | 'keyboardReturnKeyType'\n  | 'autoCompleteSuggestionType'\n  | 'onSubmit'\n  | 'autoCapitalize'\n  | 'testID'\n  | 'onClick'\n  | 'size'\n  | 'leadingIcon'\n  | 'trailingButton'\n  | 'trailingIcon'\n> & {\n  /**\n   * Decides whether to render a clear icon button\n   */\n  showClearButton?: boolean;\n\n  /**\n   * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`\n   */\n  onClearButtonClick?: () => void;\n\n  /**\n   * Decides whether to show a loading spinner for the input field.\n   */\n  isLoading?: boolean;\n\n  /**\n   * Icon that will be rendered at the beginning of the input field\n   * @deprecated Use `leadingIcon` instead. This prop will be removed in the next major version.\n   */\n  icon?: IconComponent;\n  /**\n   * Type of Input Field to be rendered. Use `PasswordInput` for type `password`\n   *\n   *\n   * **Note on number type**\n   *\n   * `type=\"number\"` internally uses `inputMode=\"numeric\"` instead of HTML's `type=\"number\"` which also allows text characters.\n   * If you have a usecase where you only want to support number input, you can handle it on validations end.\n   *\n   * Check out [Why the GOV.UK Design System team changed the input type for numbers](https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/) for reasoning\n   *\n   * @default text\n   */\n  type?: Type;\n} & StyledPropsBlade;\n\ntype TextInputKeyboardAndAutoComplete = Pick<\n  BaseInputProps,\n  'keyboardType' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'autoCapitalize'\n> & {\n  type: Type;\n};\n\n/*\n  Mandatory accessibilityLabel prop when label is not provided\n*/\ntype TextInputPropsWithA11yLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label?: undefined;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel: string;\n};\n\n/*\n  Optional accessibilityLabel prop when label is provided\n*/\ntype TextInputPropsWithLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label: string;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel?: string;\n};\n\ntype TextInputProps = (TextInputPropsWithA11yLabel | TextInputPropsWithLabel) &\n  TextInputCommonProps;\n\nconst getKeyboardAndAutocompleteProps = ({\n  type = 'text',\n  keyboardReturnKeyType,\n  autoCompleteSuggestionType,\n  autoCapitalize,\n}: TextInputKeyboardAndAutoComplete): TextInputKeyboardAndAutoComplete => {\n  const keyboardAndAutocompleteProps: TextInputKeyboardAndAutoComplete = {\n    type,\n    keyboardType: 'text',\n    keyboardReturnKeyType: 'default',\n    autoCompleteSuggestionType: 'none',\n    autoCapitalize,\n  };\n\n  const keyboardConfigMap = {\n    text: {\n      keyboardType: 'text',\n      keyboardReturnKeyType: 'default',\n      autoCompleteSuggestionType: 'none',\n      autoCapitalize: undefined,\n    },\n    telephone: {\n      keyboardType: 'telephone',\n      keyboardReturnKeyType: 'done',\n      autoCompleteSuggestionType: 'telephone',\n      autoCapitalize: undefined,\n    },\n    email: {\n      keyboardType: 'email',\n      keyboardReturnKeyType: 'done',\n      autoCompleteSuggestionType: 'email',\n      autoCapitalize: 'none',\n    },\n    url: {\n      keyboardType: 'url',\n      keyboardReturnKeyType: 'go',\n      autoCompleteSuggestionType: 'none',\n      autoCapitalize: 'none',\n    },\n    number: {\n      keyboardType: 'decimal',\n      keyboardReturnKeyType: 'done',\n      autoCompleteSuggestionType: 'none',\n      autoCapitalize: undefined,\n    },\n    search: {\n      keyboardType: 'search',\n      keyboardReturnKeyType: 'search',\n      autoCompleteSuggestionType: 'none',\n      autoCapitalize: undefined,\n    },\n  } as const;\n\n  const keyboardConfig = keyboardConfigMap[type];\n\n  keyboardAndAutocompleteProps.keyboardType = keyboardConfig.keyboardType;\n\n  keyboardAndAutocompleteProps.keyboardReturnKeyType =\n    keyboardReturnKeyType ?? keyboardConfig.keyboardReturnKeyType;\n\n  keyboardAndAutocompleteProps.autoCompleteSuggestionType =\n    autoCompleteSuggestionType ?? keyboardConfig.autoCompleteSuggestionType;\n\n  keyboardAndAutocompleteProps.autoCapitalize = keyboardConfig.autoCapitalize;\n\n  if (type === 'number') {\n    /* the default keyboardType:numeric shows alphanumeric keyboard on iOS but number pad on android. making it type:text and keyboardType:decimal fixes this on all platforms.\n     * source: https://css-tricks.com/everything-you-ever-wanted-to-know-about-keyboardType/#aa-decimal\n     */\n    keyboardAndAutocompleteProps.type = 'text';\n  }\n\n  if (type === 'search') {\n    /* when input type:search is provided at that time browser adds a weird close button which collides with our clear button and then we have 2 clear buttons\n     * source: https://github.com/razorpay/blade/issues/857#issue-1457367160\n     */\n    keyboardAndAutocompleteProps.type = 'text';\n  }\n\n  return keyboardAndAutocompleteProps;\n};\n\n// need to do this to tell TS to infer type as TextInput of React Native and make it believe that `ref.current.clear()` exists\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst isReactNative = (_textInputRef: any): _textInputRef is TextInputReactNative => {\n  return getPlatformType() === 'react-native';\n};\n\nconst _TextInput: React.ForwardRefRenderFunction<BladeElementRef, TextInputProps> = (\n  {\n    label,\n    accessibilityLabel,\n    labelPosition = 'top',\n    placeholder,\n    type = 'text',\n    defaultValue,\n    name,\n    value,\n    maxCharacters,\n    onChange,\n    onClick,\n    onFocus,\n    onBlur,\n    onSubmit,\n    isDisabled,\n    necessityIndicator,\n    validationState,\n    errorText,\n    helpText,\n    successText,\n    isRequired,\n    icon,\n    prefix,\n    showClearButton,\n    onClearButtonClick,\n    isLoading,\n    suffix,\n    autoFocus,\n    keyboardReturnKeyType,\n    autoCompleteSuggestionType,\n    autoCapitalize,\n    testID,\n    size = 'medium',\n    leadingIcon,\n    trailingIcon,\n    ...styledProps\n  },\n  ref,\n): ReactElement => {\n  const textInputRef = React.useRef<BladeElementRef>(null);\n  const mergedRef = useMergeRefs(ref, textInputRef);\n  const [shouldShowClearButton, setShouldShowClearButton] = useState(false);\n\n  React.useEffect(() => {\n    setShouldShowClearButton(Boolean(showClearButton && (defaultValue ?? value)));\n  }, [showClearButton, defaultValue, value]);\n\n  const renderInteractionElement = (): ReactNode => {\n    if (isLoading) {\n      return <Spinner accessibilityLabel=\"Loading Content\" color=\"primary\" />;\n    }\n\n    if (shouldShowClearButton) {\n      return (\n        <IconButton\n          size=\"medium\"\n          icon={CloseIcon}\n          onClick={() => {\n            if (isEmpty(value) && textInputRef.current) {\n              // when the input field is uncontrolled take the ref and clear the input and then call the onClearButtonClick function\n              if (isReactNative(textInputRef.current)) {\n                textInputRef.current.clear();\n                textInputRef.current.focus();\n              } else if (textInputRef.current instanceof HTMLInputElement) {\n                textInputRef.current.value = '';\n                textInputRef.current.focus();\n              }\n            }\n            // if the input field is controlled just call the click handler and the value change shall be left upto the consumer\n            onClearButtonClick?.();\n            textInputRef?.current?.focus();\n            setShouldShowClearButton(false);\n          }}\n          isDisabled={isDisabled}\n          accessibilityLabel=\"Clear Input Content\"\n        />\n      );\n    }\n\n    return null;\n  };\n\n  return (\n    <BaseInput\n      id=\"textinput\"\n      componentName={MetaConstants.TextInput}\n      ref={mergedRef}\n      label={label as string}\n      accessibilityLabel={accessibilityLabel}\n      hideLabelText={!Boolean(label)}\n      labelPosition={labelPosition}\n      placeholder={placeholder}\n      defaultValue={defaultValue}\n      value={value}\n      name={name}\n      maxCharacters={maxCharacters}\n      onChange={({ name, value }) => {\n        if (showClearButton && value?.length) {\n          // show the clear button when the user starts typing in\n          setShouldShowClearButton(true);\n        }\n\n        if (shouldShowClearButton && !value?.length) {\n          // hide the clear button when the input field is empty\n          setShouldShowClearButton(false);\n        }\n\n        onChange?.({ name, value });\n      }}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onSubmit={onSubmit}\n      isDisabled={isDisabled}\n      necessityIndicator={necessityIndicator}\n      isRequired={isRequired}\n      leadingIcon={leadingIcon ?? icon}\n      prefix={prefix}\n      interactionElement={renderInteractionElement()}\n      trailingIcon={trailingIcon}\n      suffix={suffix}\n      validationState={validationState}\n      errorText={errorText}\n      helpText={helpText}\n      successText={successText}\n      trailingFooterSlot={(value) => {\n        return maxCharacters ? (\n          <BaseBox marginTop={hintMarginTop[size]} marginRight=\"spacing.1\">\n            <CharacterCounter\n              currentCount={value?.length ?? 0}\n              maxCount={maxCharacters}\n              size={size}\n            />\n          </BaseBox>\n        ) : null;\n      }}\n      // eslint-disable-next-line jsx-a11y/no-autofocus\n      autoFocus={autoFocus}\n      testID={testID}\n      {...getKeyboardAndAutocompleteProps({\n        type,\n        keyboardReturnKeyType,\n        autoCompleteSuggestionType,\n        autoCapitalize,\n      })}\n      size={size}\n      {...styledProps}\n    />\n  );\n};\n\nconst TextInput = assignWithoutSideEffects(React.forwardRef(_TextInput), {\n  displayName: 'TextInput',\n});\n\nexport type { TextInputProps };\nexport { TextInput };\n"],"names":["getKeyboardAndAutocompleteProps","_ref","_ref$type","type","keyboardReturnKeyType","autoCompleteSuggestionType","autoCapitalize","keyboardAndAutocompleteProps","keyboardType","keyboardConfigMap","text","undefined","telephone","email","url","number","search","keyboardConfig","isReactNative","_textInputRef","getPlatformType","_TextInput","_ref2","ref","label","accessibilityLabel","_ref2$labelPosition","labelPosition","placeholder","_ref2$type","defaultValue","name","value","maxCharacters","onChange","onClick","onFocus","onBlur","onSubmit","isDisabled","necessityIndicator","validationState","errorText","helpText","successText","isRequired","icon","prefix","showClearButton","onClearButtonClick","isLoading","suffix","autoFocus","testID","_ref2$size","size","leadingIcon","trailingIcon","styledProps","_objectWithoutProperties","_excluded","textInputRef","React","useRef","mergedRef","useMergeRefs","_useState","useState","_useState2","_slicedToArray","shouldShowClearButton","setShouldShowClearButton","useEffect","Boolean","renderInteractionElement","_jsx","Spinner","color","IconButton","CloseIcon","_textInputRef$current","isEmpty","current","clear","focus","HTMLInputElement","BaseInput","_objectSpread","id","componentName","MetaConstants","TextInput","hideLabelText","_ref3","length","interactionElement","trailingFooterSlot","_value$length","BaseBox","marginTop","hintMarginTop","marginRight","children","CharacterCounter","currentCount","maxCount","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"TextInput.js","sources":["../../../../../../../src/components/Input/TextInput/TextInput.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TextInput as TextInputReactNative } from 'react-native';\nimport type { BaseInputProps } from '../BaseInput';\nimport { BaseInput } from '../BaseInput';\nimport { getKeyboardAndAutocompleteProps } from '../BaseInput/utils';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { IconComponent } from '~components/Icons';\nimport { CloseIcon } from '~components/Icons';\nimport { IconButton } from '~components/Button/IconButton';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { CharacterCounter } from '~components/Form/CharacterCounter';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Spinner } from '~components/Spinner';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getPlatformType } from '~utils';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport type { BladeElementRef } from '~utils/types';\nimport { hintMarginTop } from '~components/Form/formTokens';\n\n// Users should use PasswordInput for input type password\ntype Type = Exclude<BaseInputProps['type'], 'password'>;\n\ntype TextInputCommonProps = Pick<\n  BaseInputProps,\n  | 'label'\n  | 'accessibilityLabel'\n  | 'labelPosition'\n  | 'necessityIndicator'\n  | 'validationState'\n  | 'helpText'\n  | 'errorText'\n  | 'successText'\n  | 'placeholder'\n  | 'defaultValue'\n  | 'name'\n  | 'onChange'\n  | 'onFocus'\n  | 'onBlur'\n  | 'value'\n  | 'isDisabled'\n  | 'isRequired'\n  | 'prefix'\n  | 'suffix'\n  | 'maxCharacters'\n  | 'autoFocus'\n  | 'keyboardReturnKeyType'\n  | 'autoCompleteSuggestionType'\n  | 'onSubmit'\n  | 'autoCapitalize'\n  | 'testID'\n  | 'onClick'\n  | 'size'\n  | 'leadingIcon'\n  | 'trailingButton'\n  | 'trailingIcon'\n> & {\n  /**\n   * Decides whether to render a clear icon button\n   */\n  showClearButton?: boolean;\n\n  /**\n   * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`\n   */\n  onClearButtonClick?: () => void;\n\n  /**\n   * Decides whether to show a loading spinner for the input field.\n   */\n  isLoading?: boolean;\n\n  /**\n   * Icon that will be rendered at the beginning of the input field\n   * @deprecated Use `leadingIcon` instead. This prop will be removed in the next major version.\n   */\n  icon?: IconComponent;\n  /**\n   * Type of Input Field to be rendered. Use `PasswordInput` for type `password`\n   *\n   *\n   * **Note on number type**\n   *\n   * `type=\"number\"` internally uses `inputMode=\"numeric\"` instead of HTML's `type=\"number\"` which also allows text characters.\n   * If you have a usecase where you only want to support number input, you can handle it on validations end.\n   *\n   * Check out [Why the GOV.UK Design System team changed the input type for numbers](https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/) for reasoning\n   *\n   * @default text\n   */\n  type?: Type;\n} & StyledPropsBlade;\n\n/*\n  Mandatory accessibilityLabel prop when label is not provided\n*/\ntype TextInputPropsWithA11yLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label?: undefined;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel: string;\n};\n\n/*\n  Optional accessibilityLabel prop when label is provided\n*/\ntype TextInputPropsWithLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label: string;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel?: string;\n};\n\ntype TextInputProps = (TextInputPropsWithA11yLabel | TextInputPropsWithLabel) &\n  TextInputCommonProps;\n\n// need to do this to tell TS to infer type as TextInput of React Native and make it believe that `ref.current.clear()` exists\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst isReactNative = (_textInputRef: any): _textInputRef is TextInputReactNative => {\n  return getPlatformType() === 'react-native';\n};\n\nconst _TextInput: React.ForwardRefRenderFunction<BladeElementRef, TextInputProps> = (\n  {\n    label,\n    accessibilityLabel,\n    labelPosition = 'top',\n    placeholder,\n    type = 'text',\n    defaultValue,\n    name,\n    value,\n    maxCharacters,\n    onChange,\n    onClick,\n    onFocus,\n    onBlur,\n    onSubmit,\n    isDisabled,\n    necessityIndicator,\n    validationState,\n    errorText,\n    helpText,\n    successText,\n    isRequired,\n    icon,\n    prefix,\n    showClearButton,\n    onClearButtonClick,\n    isLoading,\n    suffix,\n    autoFocus,\n    keyboardReturnKeyType,\n    autoCompleteSuggestionType,\n    autoCapitalize,\n    testID,\n    size = 'medium',\n    leadingIcon,\n    trailingIcon,\n    ...styledProps\n  },\n  ref,\n): ReactElement => {\n  const textInputRef = React.useRef<BladeElementRef>(null);\n  const mergedRef = useMergeRefs(ref, textInputRef);\n  const [shouldShowClearButton, setShouldShowClearButton] = useState(false);\n\n  React.useEffect(() => {\n    setShouldShowClearButton(Boolean(showClearButton && (defaultValue ?? value)));\n  }, [showClearButton, defaultValue, value]);\n\n  const renderInteractionElement = (): ReactNode => {\n    if (isLoading) {\n      return <Spinner accessibilityLabel=\"Loading Content\" color=\"primary\" />;\n    }\n\n    if (shouldShowClearButton) {\n      return (\n        <IconButton\n          size=\"medium\"\n          icon={CloseIcon}\n          onClick={() => {\n            if (isEmpty(value) && textInputRef.current) {\n              // when the input field is uncontrolled take the ref and clear the input and then call the onClearButtonClick function\n              if (isReactNative(textInputRef.current)) {\n                textInputRef.current.clear();\n                textInputRef.current.focus();\n              } else if (textInputRef.current instanceof HTMLInputElement) {\n                textInputRef.current.value = '';\n                textInputRef.current.focus();\n              }\n            }\n            // if the input field is controlled just call the click handler and the value change shall be left upto the consumer\n            onClearButtonClick?.();\n            textInputRef?.current?.focus();\n            setShouldShowClearButton(false);\n          }}\n          isDisabled={isDisabled}\n          accessibilityLabel=\"Clear Input Content\"\n        />\n      );\n    }\n\n    return null;\n  };\n\n  return (\n    <BaseInput\n      id=\"textinput\"\n      componentName={MetaConstants.TextInput}\n      ref={mergedRef}\n      label={label as string}\n      accessibilityLabel={accessibilityLabel}\n      hideLabelText={!Boolean(label)}\n      labelPosition={labelPosition}\n      placeholder={placeholder}\n      defaultValue={defaultValue}\n      value={value}\n      name={name}\n      maxCharacters={maxCharacters}\n      onChange={({ name, value }) => {\n        if (showClearButton && value?.length) {\n          // show the clear button when the user starts typing in\n          setShouldShowClearButton(true);\n        }\n\n        if (shouldShowClearButton && !value?.length) {\n          // hide the clear button when the input field is empty\n          setShouldShowClearButton(false);\n        }\n\n        onChange?.({ name, value });\n      }}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onSubmit={onSubmit}\n      isDisabled={isDisabled}\n      necessityIndicator={necessityIndicator}\n      isRequired={isRequired}\n      leadingIcon={leadingIcon ?? icon}\n      prefix={prefix}\n      trailingInteractionElement={renderInteractionElement()}\n      trailingIcon={trailingIcon}\n      suffix={suffix}\n      validationState={validationState}\n      errorText={errorText}\n      helpText={helpText}\n      successText={successText}\n      trailingFooterSlot={(value) => {\n        return maxCharacters ? (\n          <BaseBox marginTop={hintMarginTop[size]} marginRight=\"spacing.1\">\n            <CharacterCounter\n              currentCount={value?.length ?? 0}\n              maxCount={maxCharacters}\n              size={size}\n            />\n          </BaseBox>\n        ) : null;\n      }}\n      // eslint-disable-next-line jsx-a11y/no-autofocus\n      autoFocus={autoFocus}\n      testID={testID}\n      {...getKeyboardAndAutocompleteProps({\n        type,\n        keyboardReturnKeyType,\n        autoCompleteSuggestionType,\n        autoCapitalize,\n      })}\n      size={size}\n      {...styledProps}\n    />\n  );\n};\n\nconst TextInput = assignWithoutSideEffects(React.forwardRef(_TextInput), {\n  displayName: 'TextInput',\n});\n\nexport type { TextInputProps };\nexport { TextInput };\n"],"names":["isReactNative","_textInputRef","getPlatformType","_TextInput","_ref","ref","label","accessibilityLabel","_ref$labelPosition","labelPosition","placeholder","_ref$type","type","defaultValue","name","value","maxCharacters","onChange","onClick","onFocus","onBlur","onSubmit","isDisabled","necessityIndicator","validationState","errorText","helpText","successText","isRequired","icon","prefix","showClearButton","onClearButtonClick","isLoading","suffix","autoFocus","keyboardReturnKeyType","autoCompleteSuggestionType","autoCapitalize","testID","_ref$size","size","leadingIcon","trailingIcon","styledProps","_objectWithoutProperties","_excluded","textInputRef","React","useRef","mergedRef","useMergeRefs","_useState","useState","_useState2","_slicedToArray","shouldShowClearButton","setShouldShowClearButton","useEffect","Boolean","renderInteractionElement","_jsx","Spinner","color","IconButton","CloseIcon","_textInputRef$current","isEmpty","current","clear","focus","HTMLInputElement","BaseInput","_objectSpread","id","componentName","MetaConstants","TextInput","hideLabelText","_ref2","length","trailingInteractionElement","trailingFooterSlot","_value$length","BaseBox","marginTop","hintMarginTop","marginRight","children","CharacterCounter","currentCount","maxCount","getKeyboardAndAutocompleteProps","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

package/build/lib/web/development/components/Table/TableBody.web.js

@@ -228,6 +228,9 @@ var TableCheckboxCell = function TableCheckboxCell(_ref6) {
       justifyContent: "center",
       flex: 1,
       width: makeSize(checkboxCellWidth),
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
       children: /*#__PURE__*/jsx(Checkbox, {
         isDisabled: isDisabled,
         isChecked: isChecked,

package/build/lib/web/development/components/Table/TableBody.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.web.js","sources":["../../../../../../src/components/Table/TableBody.web.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Body, Row, Cell } from '@table-library/react-table-library/table';\nimport styled from 'styled-components';\nimport { useTableContext } from './TableContext';\nimport { checkboxCellWidth, tableRow } from './tokens';\nimport { ComponentIds } from './componentIds';\nimport type {\n  TableProps,\n  TableBodyProps,\n  TableRowProps,\n  TableCellProps,\n  TableBackgroundColors,\n} from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { CheckboxProps } from '~components/Checkbox';\nimport { Checkbox } from '~components/Checkbox';\nimport { makeMotionTime, makeSize, makeSpace } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst StyledBody = styled(Body)<{ $isSelectable: boolean; $showStripedRows: boolean }>(\n  ({ theme, $showStripedRows, $isSelectable }) => {\n    const rowBackgroundTransition = `background-color ${makeMotionTime(\n      getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n    )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n    return {\n      '&&&': {\n        border: 'none',\n        transition: rowBackgroundTransition,\n        '& tr:last-child .cell-wrapper': {\n          borderBottom: 'none',\n        },\n\n        '& .row-select-single-selected .cell-wrapper-base, .row-select-selected .cell-wrapper-base': {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelected),\n        },\n        '& .row-select-single-selected:hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:hover:not(.disabled-row) .cell-wrapper-base': {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedHover),\n        },\n        '& .row-select-single-selected:focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:focus:not(.disabled-row) .cell-wrapper-base': {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedFocus),\n        },\n        '& .row-select-single-selected:active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:active:not(.disabled-row) .cell-wrapper-base': {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedActive),\n        },\n\n        ...($isSelectable && {\n          '& tr:active:not(.disabled-row) .cell-wrapper': {\n            backgroundColor: getIn(theme.colors, tableRow.nonStripeWrapper.backgroundColorActive),\n          },\n        }),\n\n        ...($showStripedRows && {\n          '& tr:nth-child(even) .cell-wrapper': {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColor),\n          },\n          '& tr:nth-child(even) .cell-wrapper-base': {\n            backgroundColor: tableRow.stripe.backgroundColor,\n          },\n        }),\n\n        ...($showStripedRows &&\n          $isSelectable && {\n            '& tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorHover),\n            },\n            '& tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorFocus),\n            },\n            '& tr:nth-child(even):active:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorActive),\n            },\n            '& .row-select-single-selected:nth-child(even) .cell-wrapper, .row-select-selected:nth-child(even) .cell-wrapper': {\n              backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorSelected),\n            },\n            '& .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(\n                theme.colors,\n                tableRow.stripeWrapper.backgroundColorSelectedHover,\n              ),\n            },\n            '& .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(\n                theme.colors,\n                tableRow.stripeWrapper.backgroundColorSelectedFocus,\n              ),\n            },\n            '& .row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(\n                theme.colors,\n                tableRow.stripeWrapper.backgroundColorSelectedActive,\n              ),\n            },\n\n            '& tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorHover),\n            },\n            '& tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorFocus),\n            },\n            '& tr:nth-child(even):active:not(.disabled-row) .cell-wrapper-base': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorActive),\n            },\n\n            '& .row-select-single-selected:nth-child(even) .cell-wrapper-base, .row-select-selected:nth-child(even) .cell-wrapper-base ': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelected),\n            },\n            '& .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base ': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedHover),\n            },\n            '& .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base ': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedFocus),\n            },\n            '& .row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base ': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedActive),\n            },\n          }),\n      },\n    };\n  },\n);\n\nconst _TableBody = ({ children }: TableBodyProps): React.ReactElement => {\n  const { showStripedRows, selectionType } = useTableContext();\n  const isSelectable = selectionType !== 'none';\n\n  return (\n    <StyledBody\n      $isSelectable={isSelectable}\n      $showStripedRows={showStripedRows}\n      {...metaAttribute({ name: MetaConstants.TableBody })}\n    >\n      {children}\n    </StyledBody>\n  );\n};\n\nconst TableBody = assignWithoutSideEffects(_TableBody, {\n  componentId: ComponentIds.TableBody,\n});\n\nconst StyledCell = styled(Cell)<{\n  $backgroundColor: TableBackgroundColors;\n}>(({ theme, $backgroundColor }) => ({\n  '&&&': {\n    height: '100%',\n    backgroundColor: getIn(theme.colors, $backgroundColor),\n    '& > div:first-child': {\n      alignSelf: 'stretch',\n    },\n    '&:focus-visible': getFocusRingStyles({ theme, negativeOffset: true }),\n  },\n}));\n\nconst CellWrapper = styled(BaseBox)<{\n  rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n  showStripedRows?: boolean;\n}>(({ theme, rowDensity, showStripedRows }) => {\n  const rowBackgroundTransition = `background-color ${makeMotionTime(\n    getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n  )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n  return {\n    '&&&': {\n      transition: rowBackgroundTransition,\n      backgroundColor: tableRow.nonStripeWrapper.backgroundColor,\n      paddingTop: makeSpace(getIn(theme, tableRow.paddingTop[rowDensity])),\n      paddingBottom: makeSpace(getIn(theme, tableRow.paddingBottom[rowDensity])),\n      paddingLeft: makeSpace(getIn(theme, tableRow.paddingLeft[rowDensity])),\n      paddingRight: makeSpace(getIn(theme, tableRow.paddingRight[rowDensity])),\n      height: '100%',\n      ...(!showStripedRows && {\n        borderBottomWidth: makeSpace(getIn(theme.border.width, tableRow.borderBottomWidth)),\n        borderBottomColor: getIn(theme.colors, tableRow.borderBottomColor),\n        borderBottomStyle: 'solid',\n      }),\n    },\n  };\n});\n\nconst _TableCell = ({ children }: TableCellProps): React.ReactElement => {\n  const isChildrenString = typeof children === 'string';\n  const { selectionType, rowDensity, showStripedRows, backgroundColor } = useTableContext();\n  const isSelectable = selectionType !== 'none';\n\n  return (\n    <StyledCell\n      tabIndex={0}\n      role=\"cell\"\n      $backgroundColor={backgroundColor}\n      {...metaAttribute({ name: MetaConstants.TableCell })}\n    >\n      <BaseBox className=\"cell-wrapper-base\" display=\"flex\" alignItems=\"center\" height=\"100%\">\n        <CellWrapper\n          className=\"cell-wrapper\"\n          rowDensity={rowDensity}\n          showStripedRows={showStripedRows}\n          display=\"flex\"\n          alignItems=\"center\"\n          flex={1}\n          // when a direct string child is passed we want to disable pointer events\n          // for custom cells components, consumers can handle pointer events themselves\n          pointerEvents={isChildrenString && isSelectable ? 'none' : 'auto'}\n        >\n          {isChildrenString ? <Text size=\"medium\">{children}</Text> : children}\n        </CellWrapper>\n      </BaseBox>\n    </StyledCell>\n  );\n};\n\nconst TableCell = assignWithoutSideEffects(_TableCell, {\n  componentId: ComponentIds.TableCell,\n});\n\nconst TableCheckboxCell = ({\n  isChecked,\n  onChange,\n  isDisabled,\n}: {\n  isChecked: CheckboxProps['isChecked'];\n  onChange: CheckboxProps['onChange'];\n  isDisabled?: boolean;\n}): React.ReactElement => {\n  return (\n    <TableCell>\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        flex={1}\n        width={makeSize(checkboxCellWidth)}\n      >\n        <Checkbox isDisabled={isDisabled} isChecked={isChecked} onChange={onChange} />\n      </BaseBox>\n    </TableCell>\n  );\n};\n\nconst StyledRow = styled(Row)<{ $isSelectable: boolean; $isHoverable: boolean }>(\n  ({ theme, $isSelectable, $isHoverable }) => {\n    const rowBackgroundTransition = `background-color ${makeMotionTime(\n      getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n    )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n    return {\n      '&&&': {\n        backgroundColor: 'transparent',\n        ...(($isHoverable || $isSelectable) && {\n          '&:hover:not(.disabled-row) .cell-wrapper-base': {\n            transition: rowBackgroundTransition,\n            cursor: 'pointer',\n            backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorHover),\n          },\n        }),\n        ...($isSelectable && {\n          '&:focus:not(.disabled-row) .cell-wrapper-base': {\n            transition: rowBackgroundTransition,\n            backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorFocus),\n            cursor: 'pointer',\n          },\n          '&:active:not(.disabled-row) .cell-wrapper-base': {\n            transition: rowBackgroundTransition,\n            backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorActive),\n            cursor: 'pointer',\n          },\n        }),\n        '&:focus': getFocusRingStyles({ theme, negativeOffset: true }),\n      },\n    };\n  },\n);\n\nconst _TableRow = <Item,>({\n  children,\n  item,\n  isDisabled,\n  onHover,\n  onClick,\n}: TableRowProps<Item>): React.ReactElement => {\n  const {\n    selectionType,\n    selectedRows,\n    toggleRowSelectionById,\n    setDisabledRows,\n  } = useTableContext();\n  const isSelectable = selectionType !== 'none';\n  const isMultiSelect = selectionType === 'multiple';\n  const isSelected = selectedRows?.includes(item.id);\n  useEffect(() => {\n    if (isDisabled) {\n      setDisabledRows((prev) => [...prev, item.id]);\n    }\n  }, [isDisabled, item.id, setDisabledRows]);\n\n  return (\n    <StyledRow\n      disabled={isDisabled}\n      $isSelectable={isDisabled ? false : isSelectable}\n      $isHoverable={isDisabled ? false : Boolean(onHover) || Boolean(onClick)}\n      item={item}\n      className={isDisabled ? 'disabled-row' : ''}\n      onMouseEnter={() => onHover?.({ item })}\n      onClick={() => onClick?.({ item })}\n      {...metaAttribute({ name: MetaConstants.TableRow })}\n    >\n      {isMultiSelect && (\n        <TableCheckboxCell\n          isChecked={isSelected}\n          onChange={() => !isDisabled && toggleRowSelectionById(item.id)}\n          isDisabled={isDisabled}\n        />\n      )}\n      {children}\n    </StyledRow>\n  );\n};\n\nconst TableRow = assignWithoutSideEffects(_TableRow, {\n  componentId: ComponentIds.TableRow,\n});\n\nexport { TableBody, TableRow, TableCell };\n"],"names":["StyledBody","styled","Body","withConfig","displayName","componentId","_ref","theme","$showStripedRows","$isSelectable","rowBackgroundTransition","concat","makeMotionTime","getIn","motion","tableRow","backgroundColorMotionDuration","backgroundColorMotionEasing","_objectSpread","border","transition","borderBottom","backgroundColor","colors","nonStripe","backgroundColorSelected","backgroundColorSelectedHover","backgroundColorSelectedFocus","backgroundColorSelectedActive","nonStripeWrapper","backgroundColorActive","stripeWrapper","stripe","backgroundColorHover","backgroundColorFocus","_TableBody","_ref2","children","_useTableContext","useTableContext","showStripedRows","selectionType","isSelectable","_jsx","metaAttribute","name","MetaConstants","TableBody","assignWithoutSideEffects","ComponentIds","StyledCell","Cell","_ref3","$backgroundColor","height","alignSelf","getFocusRingStyles","negativeOffset","CellWrapper","BaseBox","_ref4","rowDensity","paddingTop","makeSpace","paddingBottom","paddingLeft","paddingRight","borderBottomWidth","width","borderBottomColor","borderBottomStyle","_TableCell","_ref5","isChildrenString","_useTableContext2","tabIndex","role","TableCell","className","display","alignItems","flex","pointerEvents","Text","size","TableCheckboxCell","_ref6","isChecked","onChange","isDisabled","justifyContent","makeSize","checkboxCellWidth","Checkbox","StyledRow","Row","_ref7","$isHoverable","cursor","_TableRow","_ref8","item","onHover","onClick","_useTableContext3","selectedRows","toggleRowSelectionById","setDisabledRows","isMultiSelect","isSelected","includes","id","useEffect","prev","_toConsumableArray","_jsxs","disabled","Boolean","onMouseEnter","TableRow"],"mappings":"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"}
+{"version":3,"file":"TableBody.web.js","sources":["../../../../../../src/components/Table/TableBody.web.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Body, Row, Cell } from '@table-library/react-table-library/table';\nimport styled from 'styled-components';\nimport { useTableContext } from './TableContext';\nimport { checkboxCellWidth, tableRow } from './tokens';\nimport { ComponentIds } from './componentIds';\nimport type {\n  TableProps,\n  TableBodyProps,\n  TableRowProps,\n  TableCellProps,\n  TableBackgroundColors,\n} from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { CheckboxProps } from '~components/Checkbox';\nimport { Checkbox } from '~components/Checkbox';\nimport { makeMotionTime, makeSize, makeSpace } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst StyledBody = styled(Body)<{ $isSelectable: boolean; $showStripedRows: boolean }>(\n  ({ theme, $showStripedRows, $isSelectable }) => {\n    const rowBackgroundTransition = `background-color ${makeMotionTime(\n      getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n    )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n    return {\n      '&&&': {\n        border: 'none',\n        transition: rowBackgroundTransition,\n        '& tr:last-child .cell-wrapper': {\n          borderBottom: 'none',\n        },\n\n        '& .row-select-single-selected .cell-wrapper-base, .row-select-selected .cell-wrapper-base': {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelected),\n        },\n        '& .row-select-single-selected:hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:hover:not(.disabled-row) .cell-wrapper-base': {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedHover),\n        },\n        '& .row-select-single-selected:focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:focus:not(.disabled-row) .cell-wrapper-base': {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedFocus),\n        },\n        '& .row-select-single-selected:active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:active:not(.disabled-row) .cell-wrapper-base': {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedActive),\n        },\n\n        ...($isSelectable && {\n          '& tr:active:not(.disabled-row) .cell-wrapper': {\n            backgroundColor: getIn(theme.colors, tableRow.nonStripeWrapper.backgroundColorActive),\n          },\n        }),\n\n        ...($showStripedRows && {\n          '& tr:nth-child(even) .cell-wrapper': {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColor),\n          },\n          '& tr:nth-child(even) .cell-wrapper-base': {\n            backgroundColor: tableRow.stripe.backgroundColor,\n          },\n        }),\n\n        ...($showStripedRows &&\n          $isSelectable && {\n            '& tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorHover),\n            },\n            '& tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorFocus),\n            },\n            '& tr:nth-child(even):active:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorActive),\n            },\n            '& .row-select-single-selected:nth-child(even) .cell-wrapper, .row-select-selected:nth-child(even) .cell-wrapper': {\n              backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorSelected),\n            },\n            '& .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(\n                theme.colors,\n                tableRow.stripeWrapper.backgroundColorSelectedHover,\n              ),\n            },\n            '& .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(\n                theme.colors,\n                tableRow.stripeWrapper.backgroundColorSelectedFocus,\n              ),\n            },\n            '& .row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(\n                theme.colors,\n                tableRow.stripeWrapper.backgroundColorSelectedActive,\n              ),\n            },\n\n            '& tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorHover),\n            },\n            '& tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorFocus),\n            },\n            '& tr:nth-child(even):active:not(.disabled-row) .cell-wrapper-base': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorActive),\n            },\n\n            '& .row-select-single-selected:nth-child(even) .cell-wrapper-base, .row-select-selected:nth-child(even) .cell-wrapper-base ': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelected),\n            },\n            '& .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base ': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedHover),\n            },\n            '& .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base ': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedFocus),\n            },\n            '& .row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base ': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedActive),\n            },\n          }),\n      },\n    };\n  },\n);\n\nconst _TableBody = ({ children }: TableBodyProps): React.ReactElement => {\n  const { showStripedRows, selectionType } = useTableContext();\n  const isSelectable = selectionType !== 'none';\n\n  return (\n    <StyledBody\n      $isSelectable={isSelectable}\n      $showStripedRows={showStripedRows}\n      {...metaAttribute({ name: MetaConstants.TableBody })}\n    >\n      {children}\n    </StyledBody>\n  );\n};\n\nconst TableBody = assignWithoutSideEffects(_TableBody, {\n  componentId: ComponentIds.TableBody,\n});\n\nconst StyledCell = styled(Cell)<{\n  $backgroundColor: TableBackgroundColors;\n}>(({ theme, $backgroundColor }) => ({\n  '&&&': {\n    height: '100%',\n    backgroundColor: getIn(theme.colors, $backgroundColor),\n    '& > div:first-child': {\n      alignSelf: 'stretch',\n    },\n    '&:focus-visible': getFocusRingStyles({ theme, negativeOffset: true }),\n  },\n}));\n\nconst CellWrapper = styled(BaseBox)<{\n  rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n  showStripedRows?: boolean;\n}>(({ theme, rowDensity, showStripedRows }) => {\n  const rowBackgroundTransition = `background-color ${makeMotionTime(\n    getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n  )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n  return {\n    '&&&': {\n      transition: rowBackgroundTransition,\n      backgroundColor: tableRow.nonStripeWrapper.backgroundColor,\n      paddingTop: makeSpace(getIn(theme, tableRow.paddingTop[rowDensity])),\n      paddingBottom: makeSpace(getIn(theme, tableRow.paddingBottom[rowDensity])),\n      paddingLeft: makeSpace(getIn(theme, tableRow.paddingLeft[rowDensity])),\n      paddingRight: makeSpace(getIn(theme, tableRow.paddingRight[rowDensity])),\n      height: '100%',\n      ...(!showStripedRows && {\n        borderBottomWidth: makeSpace(getIn(theme.border.width, tableRow.borderBottomWidth)),\n        borderBottomColor: getIn(theme.colors, tableRow.borderBottomColor),\n        borderBottomStyle: 'solid',\n      }),\n    },\n  };\n});\n\nconst _TableCell = ({ children }: TableCellProps): React.ReactElement => {\n  const isChildrenString = typeof children === 'string';\n  const { selectionType, rowDensity, showStripedRows, backgroundColor } = useTableContext();\n  const isSelectable = selectionType !== 'none';\n\n  return (\n    <StyledCell\n      tabIndex={0}\n      role=\"cell\"\n      $backgroundColor={backgroundColor}\n      {...metaAttribute({ name: MetaConstants.TableCell })}\n    >\n      <BaseBox className=\"cell-wrapper-base\" display=\"flex\" alignItems=\"center\" height=\"100%\">\n        <CellWrapper\n          className=\"cell-wrapper\"\n          rowDensity={rowDensity}\n          showStripedRows={showStripedRows}\n          display=\"flex\"\n          alignItems=\"center\"\n          flex={1}\n          // when a direct string child is passed we want to disable pointer events\n          // for custom cells components, consumers can handle pointer events themselves\n          pointerEvents={isChildrenString && isSelectable ? 'none' : 'auto'}\n        >\n          {isChildrenString ? <Text size=\"medium\">{children}</Text> : children}\n        </CellWrapper>\n      </BaseBox>\n    </StyledCell>\n  );\n};\n\nconst TableCell = assignWithoutSideEffects(_TableCell, {\n  componentId: ComponentIds.TableCell,\n});\n\nconst TableCheckboxCell = ({\n  isChecked,\n  onChange,\n  isDisabled,\n}: {\n  isChecked: CheckboxProps['isChecked'];\n  onChange: CheckboxProps['onChange'];\n  isDisabled?: boolean;\n}): React.ReactElement => {\n  return (\n    <TableCell>\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        flex={1}\n        width={makeSize(checkboxCellWidth)}\n        onClick={(e) => e.stopPropagation()}\n      >\n        <Checkbox isDisabled={isDisabled} isChecked={isChecked} onChange={onChange} />\n      </BaseBox>\n    </TableCell>\n  );\n};\n\nconst StyledRow = styled(Row)<{ $isSelectable: boolean; $isHoverable: boolean }>(\n  ({ theme, $isSelectable, $isHoverable }) => {\n    const rowBackgroundTransition = `background-color ${makeMotionTime(\n      getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n    )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n    return {\n      '&&&': {\n        backgroundColor: 'transparent',\n        ...(($isHoverable || $isSelectable) && {\n          '&:hover:not(.disabled-row) .cell-wrapper-base': {\n            transition: rowBackgroundTransition,\n            cursor: 'pointer',\n            backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorHover),\n          },\n        }),\n        ...($isSelectable && {\n          '&:focus:not(.disabled-row) .cell-wrapper-base': {\n            transition: rowBackgroundTransition,\n            backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorFocus),\n            cursor: 'pointer',\n          },\n          '&:active:not(.disabled-row) .cell-wrapper-base': {\n            transition: rowBackgroundTransition,\n            backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorActive),\n            cursor: 'pointer',\n          },\n        }),\n        '&:focus': getFocusRingStyles({ theme, negativeOffset: true }),\n      },\n    };\n  },\n);\n\nconst _TableRow = <Item,>({\n  children,\n  item,\n  isDisabled,\n  onHover,\n  onClick,\n}: TableRowProps<Item>): React.ReactElement => {\n  const {\n    selectionType,\n    selectedRows,\n    toggleRowSelectionById,\n    setDisabledRows,\n  } = useTableContext();\n  const isSelectable = selectionType !== 'none';\n  const isMultiSelect = selectionType === 'multiple';\n  const isSelected = selectedRows?.includes(item.id);\n  useEffect(() => {\n    if (isDisabled) {\n      setDisabledRows((prev) => [...prev, item.id]);\n    }\n  }, [isDisabled, item.id, setDisabledRows]);\n\n  return (\n    <StyledRow\n      disabled={isDisabled}\n      $isSelectable={isDisabled ? false : isSelectable}\n      $isHoverable={isDisabled ? false : Boolean(onHover) || Boolean(onClick)}\n      item={item}\n      className={isDisabled ? 'disabled-row' : ''}\n      onMouseEnter={() => onHover?.({ item })}\n      onClick={() => onClick?.({ item })}\n      {...metaAttribute({ name: MetaConstants.TableRow })}\n    >\n      {isMultiSelect && (\n        <TableCheckboxCell\n          isChecked={isSelected}\n          onChange={() => !isDisabled && toggleRowSelectionById(item.id)}\n          isDisabled={isDisabled}\n        />\n      )}\n      {children}\n    </StyledRow>\n  );\n};\n\nconst TableRow = assignWithoutSideEffects(_TableRow, {\n  componentId: ComponentIds.TableRow,\n});\n\nexport { TableBody, TableRow, TableCell };\n"],"names":["StyledBody","styled","Body","withConfig","displayName","componentId","_ref","theme","$showStripedRows","$isSelectable","rowBackgroundTransition","concat","makeMotionTime","getIn","motion","tableRow","backgroundColorMotionDuration","backgroundColorMotionEasing","_objectSpread","border","transition","borderBottom","backgroundColor","colors","nonStripe","backgroundColorSelected","backgroundColorSelectedHover","backgroundColorSelectedFocus","backgroundColorSelectedActive","nonStripeWrapper","backgroundColorActive","stripeWrapper","stripe","backgroundColorHover","backgroundColorFocus","_TableBody","_ref2","children","_useTableContext","useTableContext","showStripedRows","selectionType","isSelectable","_jsx","metaAttribute","name","MetaConstants","TableBody","assignWithoutSideEffects","ComponentIds","StyledCell","Cell","_ref3","$backgroundColor","height","alignSelf","getFocusRingStyles","negativeOffset","CellWrapper","BaseBox","_ref4","rowDensity","paddingTop","makeSpace","paddingBottom","paddingLeft","paddingRight","borderBottomWidth","width","borderBottomColor","borderBottomStyle","_TableCell","_ref5","isChildrenString","_useTableContext2","tabIndex","role","TableCell","className","display","alignItems","flex","pointerEvents","Text","size","TableCheckboxCell","_ref6","isChecked","onChange","isDisabled","justifyContent","makeSize","checkboxCellWidth","onClick","e","stopPropagation","Checkbox","StyledRow","Row","_ref7","$isHoverable","cursor","_TableRow","_ref8","item","onHover","_useTableContext3","selectedRows","toggleRowSelectionById","setDisabledRows","isMultiSelect","isSelected","includes","id","useEffect","prev","_toConsumableArray","_jsxs","disabled","Boolean","onMouseEnter","TableRow"],"mappings":"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"}

package/build/lib/web/development/components/index.js

@@ -27,6 +27,7 @@ import './Input/OTPInput/index.js';
 import './Input/PasswordInput/index.js';
 import './Input/TextArea/index.js';
 import './Input/TextInput/index.js';
+import './Input/PhoneNumberInput/index.js';
 import './Link/index.js';
 import './List/index.js';
 import './LiveAnnouncer/index.web.js';
@@ -371,6 +372,7 @@ export { OTPInput } from './Input/OTPInput/OTPInput.js';
 export { PasswordInput } from './Input/PasswordInput/PasswordInput.js';
 export { TextArea } from './Input/TextArea/TextArea.js';
 export { TextInput } from './Input/TextInput/TextInput.js';
+export { PhoneNumberInput } from './Input/PhoneNumberInput/PhoneNumberInput.web.js';
 export { default as Link } from './Link/Link/Link.js';
 export { List } from './List/List.js';
 export { ListItem } from './List/ListItem.js';

package/build/lib/web/development/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/lib/web/development/utils/metaAttribute/metaConstants.js

@@ -51,6 +51,7 @@ var MetaConstants = {
   PasswordInput: 'password-input',
   TextArea: 'textarea',
   TextInput: 'textinput',
+  PhoneNumberInput: 'phone-number-input',
   Toast: 'toast',
   ToastContainer: 'toast-container',
   ProgressBar: 'progress-bar',

package/build/lib/web/development/utils/metaAttribute/metaConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"metaConstants.js","sources":["../../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n  Accordion: 'accordion',\n  AccordionButton: 'accordion-button',\n  AccordionItem: 'accordion-item',\n  AccordionItemHeader: 'accordion-item-header',\n  AccordionItemBody: 'accordion-item-body',\n  ActionList: 'action-list',\n  ActionListItem: 'action-list-item',\n  ActionListSection: 'action-list-section',\n  Alert: 'alert',\n  Amount: 'amount',\n  AutoComplete: 'autocomplete',\n  Badge: 'badge',\n  Box: 'box',\n  BaseBox: 'base-box',\n  BaseText: 'base-text',\n  Button: 'button',\n  ButtonGroup: 'button-group',\n  Breadcrumb: 'breadcrumb',\n  BreadcrumbItem: 'breadcrumb-item',\n  Carousel: 'carousel',\n  Checkbox: 'checkbox',\n  CheckboxGroup: 'checkbox-group',\n  CheckboxLabel: 'checkbox-label',\n  Chip: 'chip',\n  ChipGroup: 'chip-group',\n  ChipLabel: 'chip-label',\n  Code: 'code',\n  Component: 'blade-component',\n  Counter: 'counter',\n  Display: 'display',\n  Divider: 'divider',\n  Drawer: 'drawer',\n  Dropdown: 'dropdown',\n  DropdownOverlay: 'dropdown-overlay',\n  DropdownFooter: 'dropdown-footer',\n  DropdownHeader: 'dropdown-header',\n  FileUpload: 'file-upload',\n  FileUploadItem: 'file-upload-item',\n  FileUploadLabel: 'file-upload-label',\n  Icon: 'icon',\n  IconButton: 'icon-button',\n  Indicator: 'indicator',\n  Link: 'link',\n  List: 'list',\n  ListItem: 'list-item',\n  ListItemCode: 'list-item-code',\n  ListItemLink: 'list-item-link',\n  ListItemText: 'list-item-text',\n  OTPInput: 'otp-input',\n  PasswordInput: 'password-input',\n  TextArea: 'textarea',\n  TextInput: 'textinput',\n  Toast: 'toast',\n  ToastContainer: 'toast-container',\n  ProgressBar: 'progress-bar',\n  Radio: 'radio',\n  RadioGroup: 'radio-group',\n  RadioLabel: 'radio-label',\n  SkipNav: 'skipnav',\n  Spinner: 'spinner',\n  SelectInput: 'select-input',\n  Tag: 'tag',\n  Tooltip: 'tooltip',\n  TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n  Tabs: 'tabs',\n  TabList: 'tab-list',\n  TabItem: 'tab-item',\n  TabPanel: 'tab-panel',\n  TabIndicator: 'tab-indicator',\n  Table: 'table',\n  TableBody: 'table-body',\n  TableRow: 'table-row',\n  TableCell: 'table-cell',\n  TableHeader: 'table-header',\n  TableHeaderRow: 'table-header-row',\n  TableHeaderCell: 'table-header-cell',\n  TableFooter: 'table-footer',\n  TableFooterRow: 'table-footer-row',\n  TableFooterCell: 'table-footer-cell',\n  TableElement: 'table-element',\n  TourPopover: 'tour-popover',\n  TourMask: 'tour-mask',\n  Popover: 'popover',\n  PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n  BottomSheet: 'bottom-sheet',\n  BottomSheetBody: 'bottom-sheet-body',\n  BottomSheetHeader: 'bottom-sheet-header',\n  BottomSheetFooter: 'bottom-sheet-footer',\n  BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n  Card: 'card',\n  CardBody: 'card-body',\n  CardHeader: 'card-header',\n  CardFooter: 'card-footer',\n  Collapsible: 'collapsible',\n  CollapsibleBody: 'collapsible-body',\n  CollapsibleButton: 'collapsible-button',\n  CollapsibleLink: 'collapsible-link',\n  Modal: 'modal',\n  ModalBody: 'modal-body',\n  ModalHeader: 'modal-header',\n  ModalFooter: 'modal-footer',\n  ModalBackdrop: 'modal-backdrop',\n  ModalScrollOverlay: 'modal-scroll-overlay',\n  VisuallyHidden: 'visually-hidden',\n  FormLabel: 'form-label',\n  Switch: 'switch',\n  SwitchLabel: 'switch-label',\n  StyledBaseInput: 'styled-base-input',\n  Skeleton: 'skeleton',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Badge","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","Carousel","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","Display","Divider","Drawer","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","FileUpload","FileUploadItem","FileUploadLabel","Icon","IconButton","Indicator","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","OTPInput","PasswordInput","TextArea","TextInput","Toast","ToastContainer","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton"],"mappings":"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"}
+{"version":3,"file":"metaConstants.js","sources":["../../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n  Accordion: 'accordion',\n  AccordionButton: 'accordion-button',\n  AccordionItem: 'accordion-item',\n  AccordionItemHeader: 'accordion-item-header',\n  AccordionItemBody: 'accordion-item-body',\n  ActionList: 'action-list',\n  ActionListItem: 'action-list-item',\n  ActionListSection: 'action-list-section',\n  Alert: 'alert',\n  Amount: 'amount',\n  AutoComplete: 'autocomplete',\n  Badge: 'badge',\n  Box: 'box',\n  BaseBox: 'base-box',\n  BaseText: 'base-text',\n  Button: 'button',\n  ButtonGroup: 'button-group',\n  Breadcrumb: 'breadcrumb',\n  BreadcrumbItem: 'breadcrumb-item',\n  Carousel: 'carousel',\n  Checkbox: 'checkbox',\n  CheckboxGroup: 'checkbox-group',\n  CheckboxLabel: 'checkbox-label',\n  Chip: 'chip',\n  ChipGroup: 'chip-group',\n  ChipLabel: 'chip-label',\n  Code: 'code',\n  Component: 'blade-component',\n  Counter: 'counter',\n  Display: 'display',\n  Divider: 'divider',\n  Drawer: 'drawer',\n  Dropdown: 'dropdown',\n  DropdownOverlay: 'dropdown-overlay',\n  DropdownFooter: 'dropdown-footer',\n  DropdownHeader: 'dropdown-header',\n  FileUpload: 'file-upload',\n  FileUploadItem: 'file-upload-item',\n  FileUploadLabel: 'file-upload-label',\n  Icon: 'icon',\n  IconButton: 'icon-button',\n  Indicator: 'indicator',\n  Link: 'link',\n  List: 'list',\n  ListItem: 'list-item',\n  ListItemCode: 'list-item-code',\n  ListItemLink: 'list-item-link',\n  ListItemText: 'list-item-text',\n  OTPInput: 'otp-input',\n  PasswordInput: 'password-input',\n  TextArea: 'textarea',\n  TextInput: 'textinput',\n  PhoneNumberInput: 'phone-number-input',\n  Toast: 'toast',\n  ToastContainer: 'toast-container',\n  ProgressBar: 'progress-bar',\n  Radio: 'radio',\n  RadioGroup: 'radio-group',\n  RadioLabel: 'radio-label',\n  SkipNav: 'skipnav',\n  Spinner: 'spinner',\n  SelectInput: 'select-input',\n  Tag: 'tag',\n  Tooltip: 'tooltip',\n  TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n  Tabs: 'tabs',\n  TabList: 'tab-list',\n  TabItem: 'tab-item',\n  TabPanel: 'tab-panel',\n  TabIndicator: 'tab-indicator',\n  Table: 'table',\n  TableBody: 'table-body',\n  TableRow: 'table-row',\n  TableCell: 'table-cell',\n  TableHeader: 'table-header',\n  TableHeaderRow: 'table-header-row',\n  TableHeaderCell: 'table-header-cell',\n  TableFooter: 'table-footer',\n  TableFooterRow: 'table-footer-row',\n  TableFooterCell: 'table-footer-cell',\n  TableElement: 'table-element',\n  TourPopover: 'tour-popover',\n  TourMask: 'tour-mask',\n  Popover: 'popover',\n  PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n  BottomSheet: 'bottom-sheet',\n  BottomSheetBody: 'bottom-sheet-body',\n  BottomSheetHeader: 'bottom-sheet-header',\n  BottomSheetFooter: 'bottom-sheet-footer',\n  BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n  Card: 'card',\n  CardBody: 'card-body',\n  CardHeader: 'card-header',\n  CardFooter: 'card-footer',\n  Collapsible: 'collapsible',\n  CollapsibleBody: 'collapsible-body',\n  CollapsibleButton: 'collapsible-button',\n  CollapsibleLink: 'collapsible-link',\n  Modal: 'modal',\n  ModalBody: 'modal-body',\n  ModalHeader: 'modal-header',\n  ModalFooter: 'modal-footer',\n  ModalBackdrop: 'modal-backdrop',\n  ModalScrollOverlay: 'modal-scroll-overlay',\n  VisuallyHidden: 'visually-hidden',\n  FormLabel: 'form-label',\n  Switch: 'switch',\n  SwitchLabel: 'switch-label',\n  StyledBaseInput: 'styled-base-input',\n  Skeleton: 'skeleton',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Badge","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","Carousel","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","Display","Divider","Drawer","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","FileUpload","FileUploadItem","FileUploadLabel","Icon","IconButton","Indicator","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","OTPInput","PasswordInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton"],"mappings":"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"}

package/build/lib/web/production/components/Box/BaseBox/BaseBox.web.js

@@ -3,12 +3,14 @@ import styled from 'styled-components';
 import { useMemoizedStyles } from './useMemoizedStyles.web.js';
 import { omitPropsFromHTML } from '../../../utils/omitPropsFromHTML/index.js';
 import '../../../utils/metaAttribute/index.js';
+import '../../../utils/assignWithoutSideEffects/index.js';
 import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
+import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
 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 _objectSpread(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; }
-var BaseBox = /*#__PURE__*/styled.div.attrs(function (props) {
+var _BaseBox = /*#__PURE__*/styled.div.attrs(function (props) {
   return _objectSpread({}, metaAttribute({
     name: props['data-blade-component'] || MetaConstants.BaseBox,
     testID: props['data-testid'] || props.testID
@@ -20,6 +22,9 @@ var BaseBox = /*#__PURE__*/styled.div.attrs(function (props) {
   var cssObject = useMemoizedStyles(props);
   return cssObject;
 });
+var BaseBox = /*#__PURE__*/assignWithoutSideEffects(_BaseBox, {
+  componentId: 'BaseBox'
+});
 
 export { BaseBox };
 //# sourceMappingURL=BaseBox.web.js.map

package/build/lib/web/production/components/Box/BaseBox/BaseBox.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseBox.web.js","sources":["../../../../../../../src/components/Box/BaseBox/BaseBox.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { BaseBoxProps } from './types';\nimport { useMemoizedStyles } from './useMemoizedStyles';\nimport { omitPropsFromHTML } from '~utils/omitPropsFromHTML';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst BaseBox = styled.div\n  .attrs<BaseBoxProps>((props) => {\n    return {\n      ...metaAttribute({\n        name: (props as never)['data-blade-component'] || MetaConstants.BaseBox,\n        testID: (props as never)['data-testid'] || props.testID,\n      }),\n    };\n  })\n  .withConfig({\n    shouldForwardProp: omitPropsFromHTML,\n    displayName: 'BaseBox',\n  })<BaseBoxProps>((props) => {\n  const cssObject = useMemoizedStyles(props);\n  return cssObject;\n});\n\nexport { BaseBox };\n"],"names":["BaseBox","styled","div","attrs","props","_objectSpread","metaAttribute","name","MetaConstants","testID","withConfig","shouldForwardProp","omitPropsFromHTML","displayName","cssObject","useMemoizedStyles"],"mappings":";;;;;;;;;;AAMMA,IAAAA,OAAO,gBAAGC,MAAM,CAACC,GAAG,CACvBC,KAAK,CAAe,UAACC,KAAK,EAAK;EAC9B,OAAAC,aAAA,CACKC,EAAAA,EAAAA,aAAa,CAAC;IACfC,IAAI,EAAGH,KAAK,CAAW,sBAAsB,CAAC,IAAII,aAAa,CAACR,OAAO;AACvES,IAAAA,MAAM,EAAGL,KAAK,CAAW,aAAa,CAAC,IAAIA,KAAK,CAACK,MAAAA;AACnD,GAAC,CAAC,CAAA,CAAA;AAEN,CAAC,CAAC,CACDC,UAAU,CAAC;AACVC,EAAAA,iBAAiB,EAAEC,iBAAiB;AACpCC,EAAAA,WAAW,EAAE,SAAA;AACf,CAAC,CAAC,CAAe,UAACT,KAAK,EAAK;AAC5B,EAAA,IAAMU,SAAS,GAAGC,iBAAiB,CAACX,KAAK,CAAC,CAAA;AAC1C,EAAA,OAAOU,SAAS,CAAA;AAClB,CAAC;;;;"}
+{"version":3,"file":"BaseBox.web.js","sources":["../../../../../../../src/components/Box/BaseBox/BaseBox.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { BaseBoxProps } from './types';\nimport { useMemoizedStyles } from './useMemoizedStyles';\nimport { omitPropsFromHTML } from '~utils/omitPropsFromHTML';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst _BaseBox = styled.div\n  .attrs<BaseBoxProps>((props) => {\n    return {\n      ...metaAttribute({\n        name: (props as never)['data-blade-component'] || MetaConstants.BaseBox,\n        testID: (props as never)['data-testid'] || props.testID,\n      }),\n    };\n  })\n  .withConfig({\n    shouldForwardProp: omitPropsFromHTML,\n    displayName: 'BaseBox',\n  })<BaseBoxProps>((props) => {\n  const cssObject = useMemoizedStyles(props);\n  return cssObject;\n});\n\nconst BaseBox = assignWithoutSideEffects(_BaseBox, { componentId: 'BaseBox' });\n\nexport { BaseBox };\n"],"names":["_BaseBox","styled","div","attrs","props","_objectSpread","metaAttribute","name","MetaConstants","BaseBox","testID","withConfig","shouldForwardProp","omitPropsFromHTML","displayName","cssObject","useMemoizedStyles","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;AAOA,IAAMA,QAAQ,gBAAGC,MAAM,CAACC,GAAG,CACxBC,KAAK,CAAe,UAACC,KAAK,EAAK;EAC9B,OAAAC,aAAA,CACKC,EAAAA,EAAAA,aAAa,CAAC;IACfC,IAAI,EAAGH,KAAK,CAAW,sBAAsB,CAAC,IAAII,aAAa,CAACC,OAAO;AACvEC,IAAAA,MAAM,EAAGN,KAAK,CAAW,aAAa,CAAC,IAAIA,KAAK,CAACM,MAAAA;AACnD,GAAC,CAAC,CAAA,CAAA;AAEN,CAAC,CAAC,CACDC,UAAU,CAAC;AACVC,EAAAA,iBAAiB,EAAEC,iBAAiB;AACpCC,EAAAA,WAAW,EAAE,SAAA;AACf,CAAC,CAAC,CAAe,UAACV,KAAK,EAAK;AAC5B,EAAA,IAAMW,SAAS,GAAGC,iBAAiB,CAACZ,KAAK,CAAC,CAAA;AAC1C,EAAA,OAAOW,SAAS,CAAA;AAClB,CAAC,CAAC,CAAA;AAEF,IAAMN,OAAO,gBAAGQ,wBAAwB,CAACjB,QAAQ,EAAE;AAAEkB,EAAAA,WAAW,EAAE,SAAA;AAAU,CAAC;;;;"}

package/build/lib/web/production/components/Box/Box.js

@@ -237,7 +237,8 @@ var _Box = function _Box(props, ref) {
   })), makeBoxProps(props)));
 };
 var Box = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_Box), {
-  displayName: 'Box'
+  displayName: 'Box',
+  componentId: 'Box'
 });
 
 export { Box, makeBoxProps };