@razorpay/blade 12.37.0 → 12.39.0

package/build/lib/web/development/components/DatePicker/CalendarFooter.web.js

@@ -2,11 +2,13 @@ import 'react';
 import '../Box/BaseBox/index.js';
 import '../Button/index.js';
 import '../Divider/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { useIsMobile } from '../../utils/useIsMobile.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { Divider } from '../Divider/Divider.js';
 import Button from '../Button/Button/Button.js';
+import { MAKE_ANALYTICS_CONSTANTS } from '../../utils/makeAnalyticsAttribute/makeAnalyticsConstants.js';
 
 var CalendarFooter = function CalendarFooter(_ref) {
   var onApply = _ref.onApply,
@@ -31,6 +33,7 @@ var CalendarFooter = function CalendarFooter(_ref) {
         variant: "tertiary",
         size: "medium",
         onClick: onCancel,
+        "data-analytics-name": MAKE_ANALYTICS_CONSTANTS.DATE_PICKER.CANCEL_BUTTON,
         children: "Cancel"
       }), /*#__PURE__*/jsx(Button, {
         isDisabled: isButtonDisabled,
@@ -38,6 +41,7 @@ var CalendarFooter = function CalendarFooter(_ref) {
         variant: "primary",
         size: "medium",
         onClick: onApply,
+        "data-analytics-name": MAKE_ANALYTICS_CONSTANTS.DATE_PICKER.APPLY_BUTTON,
         children: "Apply"
       })]
     })]

package/build/lib/web/development/components/DatePicker/CalendarFooter.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarFooter.web.js","sources":["../../../../../../src/components/DatePicker/CalendarFooter.web.tsx"],"sourcesContent":["import React from 'react';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Button } from '~components/Button';\nimport { Divider } from '~components/Divider';\nimport { useIsMobile } from '~utils/useIsMobile';\n\ntype CalendarFooterProps = {\n  onApply: () => void;\n  onCancel: () => void;\n  isButtonDisabled?: boolean;\n};\nconst CalendarFooter = ({\n  onApply,\n  onCancel,\n  isButtonDisabled,\n}: CalendarFooterProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n\n  return (\n    <BaseBox display=\"flex\" flexDirection=\"column\" gap=\"spacing.5\">\n      {isMobile ? null : <Divider />}\n      <BaseBox\n        width={{ base: '100%', m: 'auto' }}\n        marginLeft=\"auto\"\n        display=\"flex\"\n        flexDirection=\"row\"\n        gap=\"spacing.4\"\n      >\n        <Button isFullWidth={isMobile} variant=\"tertiary\" size=\"medium\" onClick={onCancel}>\n          Cancel\n        </Button>\n        <Button\n          isDisabled={isButtonDisabled}\n          isFullWidth={isMobile}\n          variant=\"primary\"\n          size=\"medium\"\n          onClick={onApply}\n        >\n          Apply\n        </Button>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport { CalendarFooter };\n"],"names":["CalendarFooter","_ref","onApply","onCancel","isButtonDisabled","isMobile","useIsMobile","_jsxs","BaseBox","display","flexDirection","gap","children","_jsx","Divider","width","base","m","marginLeft","Button","isFullWidth","variant","size","onClick","isDisabled"],"mappings":";;;;;;;;;;AAWA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAI2B;AAAA,EAAA,IAH7CC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB,CAAA;AAEhB,EAAA,IAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;EAE9B,oBACEC,IAAA,CAACC,OAAO,EAAA;AAACC,IAAAA,OAAO,EAAC,MAAM;AAACC,IAAAA,aAAa,EAAC,QAAQ;AAACC,IAAAA,GAAG,EAAC,WAAW;AAAAC,IAAAA,QAAA,EAC3DP,CAAAA,QAAQ,GAAG,IAAI,gBAAGQ,GAAA,CAACC,OAAO,EAAE,EAAA,CAAC,eAC9BP,IAAA,CAACC,OAAO,EAAA;AACNO,MAAAA,KAAK,EAAE;AAAEC,QAAAA,IAAI,EAAE,MAAM;AAAEC,QAAAA,CAAC,EAAE,MAAA;OAAS;AACnCC,MAAAA,UAAU,EAAC,MAAM;AACjBT,MAAAA,OAAO,EAAC,MAAM;AACdC,MAAAA,aAAa,EAAC,KAAK;AACnBC,MAAAA,GAAG,EAAC,WAAW;MAAAC,QAAA,EAAA,cAEfC,GAAA,CAACM,MAAM,EAAA;AAACC,QAAAA,WAAW,EAAEf,QAAS;AAACgB,QAAAA,OAAO,EAAC,UAAU;AAACC,QAAAA,IAAI,EAAC,QAAQ;AAACC,QAAAA,OAAO,EAAEpB,QAAS;AAAAS,QAAAA,QAAA,EAAC,QAAA;AAEnF,OAAQ,CAAC,eACTC,GAAA,CAACM,MAAM,EAAA;AACLK,QAAAA,UAAU,EAAEpB,gBAAiB;AAC7BgB,QAAAA,WAAW,EAAEf,QAAS;AACtBgB,QAAAA,OAAO,EAAC,SAAS;AACjBC,QAAAA,IAAI,EAAC,QAAQ;AACbC,QAAAA,OAAO,EAAErB,OAAQ;AAAAU,QAAAA,QAAA,EAClB,OAAA;AAED,OAAQ,CAAC,CAAA;AAAA,KACF,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEd;;;;"}
+{"version":3,"file":"CalendarFooter.web.js","sources":["../../../../../../src/components/DatePicker/CalendarFooter.web.tsx"],"sourcesContent":["import React from 'react';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Button } from '~components/Button';\nimport { Divider } from '~components/Divider';\nimport { MAKE_ANALYTICS_CONSTANTS } from '~utils/makeAnalyticsAttribute';\nimport { useIsMobile } from '~utils/useIsMobile';\n\ntype CalendarFooterProps = {\n  onApply: () => void;\n  onCancel: () => void;\n  isButtonDisabled?: boolean;\n};\nconst CalendarFooter = ({\n  onApply,\n  onCancel,\n  isButtonDisabled,\n}: CalendarFooterProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n\n  return (\n    <BaseBox display=\"flex\" flexDirection=\"column\" gap=\"spacing.5\">\n      {isMobile ? null : <Divider />}\n      <BaseBox\n        width={{ base: '100%', m: 'auto' }}\n        marginLeft=\"auto\"\n        display=\"flex\"\n        flexDirection=\"row\"\n        gap=\"spacing.4\"\n      >\n        <Button\n          isFullWidth={isMobile}\n          variant=\"tertiary\"\n          size=\"medium\"\n          onClick={onCancel}\n          data-analytics-name={MAKE_ANALYTICS_CONSTANTS.DATE_PICKER.CANCEL_BUTTON}\n        >\n          Cancel\n        </Button>\n        <Button\n          isDisabled={isButtonDisabled}\n          isFullWidth={isMobile}\n          variant=\"primary\"\n          size=\"medium\"\n          onClick={onApply}\n          data-analytics-name={MAKE_ANALYTICS_CONSTANTS.DATE_PICKER.APPLY_BUTTON}\n        >\n          Apply\n        </Button>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport { CalendarFooter };\n"],"names":["CalendarFooter","_ref","onApply","onCancel","isButtonDisabled","isMobile","useIsMobile","_jsxs","BaseBox","display","flexDirection","gap","children","_jsx","Divider","width","base","m","marginLeft","Button","isFullWidth","variant","size","onClick","MAKE_ANALYTICS_CONSTANTS","DATE_PICKER","CANCEL_BUTTON","isDisabled","APPLY_BUTTON"],"mappings":";;;;;;;;;;;;AAYA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAI2B;AAAA,EAAA,IAH7CC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB,CAAA;AAEhB,EAAA,IAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;EAE9B,oBACEC,IAAA,CAACC,OAAO,EAAA;AAACC,IAAAA,OAAO,EAAC,MAAM;AAACC,IAAAA,aAAa,EAAC,QAAQ;AAACC,IAAAA,GAAG,EAAC,WAAW;AAAAC,IAAAA,QAAA,EAC3DP,CAAAA,QAAQ,GAAG,IAAI,gBAAGQ,GAAA,CAACC,OAAO,EAAE,EAAA,CAAC,eAC9BP,IAAA,CAACC,OAAO,EAAA;AACNO,MAAAA,KAAK,EAAE;AAAEC,QAAAA,IAAI,EAAE,MAAM;AAAEC,QAAAA,CAAC,EAAE,MAAA;OAAS;AACnCC,MAAAA,UAAU,EAAC,MAAM;AACjBT,MAAAA,OAAO,EAAC,MAAM;AACdC,MAAAA,aAAa,EAAC,KAAK;AACnBC,MAAAA,GAAG,EAAC,WAAW;MAAAC,QAAA,EAAA,cAEfC,GAAA,CAACM,MAAM,EAAA;AACLC,QAAAA,WAAW,EAAEf,QAAS;AACtBgB,QAAAA,OAAO,EAAC,UAAU;AAClBC,QAAAA,IAAI,EAAC,QAAQ;AACbC,QAAAA,OAAO,EAAEpB,QAAS;AAClB,QAAA,qBAAA,EAAqBqB,wBAAwB,CAACC,WAAW,CAACC,aAAc;AAAAd,QAAAA,QAAA,EACzE,QAAA;AAED,OAAQ,CAAC,eACTC,GAAA,CAACM,MAAM,EAAA;AACLQ,QAAAA,UAAU,EAAEvB,gBAAiB;AAC7BgB,QAAAA,WAAW,EAAEf,QAAS;AACtBgB,QAAAA,OAAO,EAAC,SAAS;AACjBC,QAAAA,IAAI,EAAC,QAAQ;AACbC,QAAAA,OAAO,EAAErB,OAAQ;AACjB,QAAA,qBAAA,EAAqBsB,wBAAwB,CAACC,WAAW,CAACG,YAAa;AAAAhB,QAAAA,QAAA,EACxE,OAAA;AAED,OAAQ,CAAC,CAAA;AAAA,KACF,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/development/components/DatePicker/DateInput.web.js

@@ -21,7 +21,7 @@ import ArrowRightIcon from '../Icons/ArrowRightIcon/ArrowRightIcon.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 
 var _excluded = ["value", "name", "isRequired", "isDisabled"],
-  _excluded2 = ["selectionType", "referenceProps", "inputRef", "date", "label", "labelPosition", "autoFocus", "name", "size", "necessityIndicator", "successText", "errorText", "helpText", "format", "placeholder"];
+  _excluded2 = ["selectionType", "referenceProps", "inputRef", "date", "label", "labelPosition", "labelSuffix", "labelTrailing", "autoFocus", "name", "size", "necessityIndicator", "successText", "errorText", "helpText", "format", "placeholder"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _DateInput = function _DateInput(props, ref) {
@@ -77,6 +77,8 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
     date = _ref3.date,
     label = _ref3.label,
     labelPosition = _ref3.labelPosition,
+    labelSuffix = _ref3.labelSuffix,
+    labelTrailing = _ref3.labelTrailing,
     autoFocus = _ref3.autoFocus,
     name = _ref3.name,
     _ref3$size = _ref3.size,
@@ -126,7 +128,9 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
         necessityIndicator: necessityIndicator,
         successText: successText,
         errorText: errorText,
-        helpText: helpText
+        helpText: helpText,
+        labelSuffix: labelSuffix,
+        labelTrailing: labelTrailing
       }, props), referenceProps))]
     });
   }
@@ -191,7 +195,8 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
           necessityIndicator: necessityIndicator,
           successText: successText === null || successText === void 0 ? void 0 : successText.start,
           errorText: errorText === null || errorText === void 0 ? void 0 : errorText.start,
-          helpText: helpText === null || helpText === void 0 ? void 0 : helpText.start
+          helpText: helpText === null || helpText === void 0 ? void 0 : helpText.start,
+          labelSuffix: labelSuffix
         }, props), referenceProps))]
       }), /*#__PURE__*/jsx(BaseBox, {
         flexShrink: 0,
@@ -222,7 +227,8 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
           componentName: "DatePickerInputEnd",
           successText: successText === null || successText === void 0 ? void 0 : successText.end,
           errorText: errorText === null || errorText === void 0 ? void 0 : errorText.end,
-          helpText: helpText === null || helpText === void 0 ? void 0 : helpText.end
+          helpText: helpText === null || helpText === void 0 ? void 0 : helpText.end,
+          labelTrailing: labelTrailing
         }, props), referenceProps))]
       })]
     });

package/build/lib/web/development/components/DatePicker/DateInput.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.web.js","sources":["../../../../../../src/components/DatePicker/DateInput.web.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { useDatesContext } from '@mantine/dates';\nimport type { DatePickerInputProps } from './types';\nimport { getFormattedDate } from './utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { ArrowRightIcon, CalendarIcon } from '~components/Icons';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { size as sizeTokens } from '~tokens/global';\nimport { isReactNative, makeSize } from '~utils';\nimport type { BladeElementRef, DataAnalyticsAttribute } from '~utils/types';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _DateInput = (\n  props: BaseInputProps,\n  ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n  return (\n    <BaseInput\n      {...props}\n      ref={ref}\n      as=\"button\"\n      textAlign=\"left\"\n      hideLabelText={props.label?.length === 0}\n      autoCompleteSuggestionType=\"none\"\n      hasPopup=\"dialog\"\n      onClick={(e) => {\n        if (props.isDisabled) {\n          return;\n        }\n        props.onClick?.(e);\n      }}\n      onKeyDown={({ event }) => {\n        // @ts-expect-error\n        props.onKeyDown?.(event);\n      }}\n    />\n  );\n};\n\nconst DateInput = React.forwardRef(_DateInput);\n\nconst HiddenInput = ({\n  value,\n  name,\n  isRequired,\n  isDisabled,\n  ...rest\n}: {\n  value: string;\n  name?: string;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n} & DataAnalyticsAttribute): React.ReactElement => {\n  if (isReactNative()) return <></>;\n\n  return (\n    <input\n      hidden={true}\n      name={name}\n      value={value}\n      required={isRequired}\n      disabled={isDisabled}\n      readOnly\n      {...makeAnalyticsAttribute(rest)}\n    />\n  );\n};\n\nconst iconVerticalMargin = {\n  medium: sizeTokens[14],\n  large: sizeTokens[24],\n} as const;\nconst LEFT_LABEL_WIDTH = 132;\n\nconst _DatePickerInput = (\n  {\n    selectionType,\n    referenceProps,\n    inputRef,\n    date,\n    label,\n    labelPosition,\n    autoFocus,\n    name,\n    size = 'medium',\n    necessityIndicator,\n    successText,\n    errorText,\n    helpText,\n    format,\n    placeholder,\n    ...props\n  }: DatePickerInputProps,\n  ref: React.ForwardedRef<any>,\n): React.ReactElement => {\n  const isMobile = useIsMobile();\n  const isLarge = size === 'large';\n  const hasLabel = typeof label === 'string' ? Boolean(label) : Boolean(label?.start || label?.end);\n  const isLabelPositionLeft = labelPosition === 'left';\n  const isLabelPositionTop = labelPosition === 'top';\n  const isLabelPositionVisuallyTop = hasLabel && (isLabelPositionTop || isMobile);\n\n  const { locale } = useDatesContext();\n\n  if (selectionType == 'single') {\n    const dateValue = getFormattedDate({\n      date,\n      format,\n      labelSeparator: '-',\n      locale,\n      type: 'default',\n    });\n    return (\n      <BaseBox width=\"100%\">\n        <HiddenInput\n          value={dateValue}\n          name={name}\n          isRequired={props.isRequired}\n          isDisabled={props.isDisabled}\n        />\n        <DateInput\n          ref={ref as never}\n          id=\"start-date\"\n          labelPosition={labelPosition}\n          label={label}\n          placeholder={placeholder || format}\n          popupId={referenceProps['aria-controls']}\n          isPopupExpanded={referenceProps['aria-expanded']}\n          size={size}\n          autoFocus={autoFocus}\n          value={dateValue}\n          componentName=\"DatePickerInput\"\n          necessityIndicator={necessityIndicator}\n          successText={successText}\n          errorText={errorText}\n          helpText={helpText}\n          {...props}\n          {...referenceProps}\n        />\n      </BaseBox>\n    );\n  }\n\n  if (selectionType == 'range') {\n    const shouldRenderEndLabel = (): string | undefined => {\n      let finalLabel: string | undefined = '';\n\n      const labelEnd = isLabelPositionLeft ? undefined : label?.end;\n      if (isLabelPositionVisuallyTop && labelEnd === undefined) {\n        // Empty space, nbsp;\n        finalLabel = '\\u00A0';\n      } else if (isLabelPositionLeft) {\n        finalLabel = undefined;\n      } else {\n        finalLabel = label?.end;\n      }\n      return finalLabel;\n    };\n\n    const startValue = getFormattedDate({\n      type: 'default',\n      date: date[0],\n      format,\n      labelSeparator: '-',\n      locale,\n    });\n    const endValue = getFormattedDate({\n      type: 'default',\n      date: date[1],\n      format,\n      labelSeparator: '-',\n      locale,\n    });\n    return (\n      <BaseBox\n        width=\"100%\"\n        display=\"flex\"\n        flexDirection=\"row\"\n        gap=\"spacing.4\"\n        alignItems=\"flex-start\"\n        ref={ref as never}\n      >\n        <BaseBox flex={1} flexBasis={isLabelPositionLeft ? LEFT_LABEL_WIDTH : '0px'}>\n          <HiddenInput\n            value={startValue}\n            name={name?.start}\n            isRequired={props.isRequired}\n            isDisabled={props.isDisabled}\n          />\n          <DateInput\n            setInputWrapperRef={(node) => ((inputRef as any)!.current = node)}\n            id=\"start-date\"\n            leadingIcon={CalendarIcon}\n            label={label?.start}\n            labelPosition={labelPosition}\n            placeholder={placeholder}\n            popupId={referenceProps['aria-controls']}\n            isPopupExpanded={referenceProps['aria-expanded']}\n            size={size}\n            autoFocus={autoFocus}\n            value={startValue}\n            componentName=\"DatePickerInputStart\"\n            necessityIndicator={necessityIndicator}\n            successText={successText?.start}\n            errorText={errorText?.start}\n            helpText={helpText?.start}\n            {...props}\n            {...referenceProps}\n          />\n        </BaseBox>\n        <BaseBox flexShrink={0} alignSelf=\"start\">\n          <ArrowRightIcon\n            size=\"medium\"\n            marginTop={\n              // Hacky layouting because the we cannot put this inside the internal layout of BaseInput.\n              hasLabel && (!isLabelPositionLeft || isMobile)\n                ? `calc(${makeSize(iconVerticalMargin[size])} + ${makeSize(\n                    isLarge ? sizeTokens[20] : sizeTokens[15],\n                  )})`\n                : makeSize(iconVerticalMargin[size])\n            }\n          />\n        </BaseBox>\n        <BaseBox flex={1}>\n          <HiddenInput\n            value={endValue}\n            name={name?.end}\n            isRequired={props.isRequired}\n            isDisabled={props.isDisabled}\n            {...makeAnalyticsAttribute(props)}\n          />\n          <DateInput\n            id=\"end-date\"\n            placeholder={placeholder}\n            leadingIcon={CalendarIcon}\n            label={shouldRenderEndLabel()}\n            labelPosition={isLabelPositionLeft ? undefined : labelPosition}\n            popupId={referenceProps['aria-controls']}\n            isPopupExpanded={referenceProps['aria-expanded']}\n            size={size}\n            value={endValue}\n            componentName=\"DatePickerInputEnd\"\n            successText={successText?.end}\n            errorText={errorText?.end}\n            helpText={helpText?.end}\n            {...props}\n            {...referenceProps}\n          />\n        </BaseBox>\n      </BaseBox>\n    );\n  }\n\n  return <></>;\n};\n\nconst DatePickerInput = React.forwardRef(_DatePickerInput);\nexport { DatePickerInput };\n"],"names":["_DateInput","props","ref","_props$label","_jsx","BaseInput","_objectSpread","as","textAlign","hideLabelText","label","length","autoCompleteSuggestionType","hasPopup","onClick","e","_props$onClick","isDisabled","call","onKeyDown","_ref","_props$onKeyDown","event","DateInput","React","forwardRef","HiddenInput","_ref2","value","name","isRequired","rest","_objectWithoutProperties","_excluded","isReactNative","_Fragment","hidden","required","disabled","readOnly","makeAnalyticsAttribute","iconVerticalMargin","medium","sizeTokens","large","LEFT_LABEL_WIDTH","_DatePickerInput","_ref3","selectionType","referenceProps","inputRef","date","labelPosition","autoFocus","_ref3$size","size","necessityIndicator","successText","errorText","helpText","format","placeholder","_excluded2","isMobile","useIsMobile","isLarge","hasLabel","Boolean","start","end","isLabelPositionLeft","isLabelPositionTop","isLabelPositionVisuallyTop","_useDatesContext","useDatesContext","locale","dateValue","getFormattedDate","labelSeparator","type","_jsxs","BaseBox","width","children","id","popupId","isPopupExpanded","componentName","shouldRenderEndLabel","finalLabel","labelEnd","undefined","startValue","endValue","display","flexDirection","gap","alignItems","flex","flexBasis","setInputWrapperRef","node","current","leadingIcon","CalendarIcon","flexShrink","alignSelf","ArrowRightIcon","marginTop","concat","makeSize","DatePickerInput"],"mappings":"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"}
+{"version":3,"file":"DateInput.web.js","sources":["../../../../../../src/components/DatePicker/DateInput.web.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { useDatesContext } from '@mantine/dates';\nimport type { DatePickerInputProps } from './types';\nimport { getFormattedDate } from './utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { ArrowRightIcon, CalendarIcon } from '~components/Icons';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { size as sizeTokens } from '~tokens/global';\nimport { isReactNative, makeSize } from '~utils';\nimport type { BladeElementRef, DataAnalyticsAttribute } from '~utils/types';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _DateInput = (\n  props: BaseInputProps,\n  ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n  return (\n    <BaseInput\n      {...props}\n      ref={ref}\n      as=\"button\"\n      textAlign=\"left\"\n      hideLabelText={props.label?.length === 0}\n      autoCompleteSuggestionType=\"none\"\n      hasPopup=\"dialog\"\n      onClick={(e) => {\n        if (props.isDisabled) {\n          return;\n        }\n        props.onClick?.(e);\n      }}\n      onKeyDown={({ event }) => {\n        // @ts-expect-error\n        props.onKeyDown?.(event);\n      }}\n    />\n  );\n};\n\nconst DateInput = React.forwardRef(_DateInput);\n\nconst HiddenInput = ({\n  value,\n  name,\n  isRequired,\n  isDisabled,\n  ...rest\n}: {\n  value: string;\n  name?: string;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n} & DataAnalyticsAttribute): React.ReactElement => {\n  if (isReactNative()) return <></>;\n\n  return (\n    <input\n      hidden={true}\n      name={name}\n      value={value}\n      required={isRequired}\n      disabled={isDisabled}\n      readOnly\n      {...makeAnalyticsAttribute(rest)}\n    />\n  );\n};\n\nconst iconVerticalMargin = {\n  medium: sizeTokens[14],\n  large: sizeTokens[24],\n} as const;\nconst LEFT_LABEL_WIDTH = 132;\n\nconst _DatePickerInput = (\n  {\n    selectionType,\n    referenceProps,\n    inputRef,\n    date,\n    label,\n    labelPosition,\n    labelSuffix,\n    labelTrailing,\n    autoFocus,\n    name,\n    size = 'medium',\n    necessityIndicator,\n    successText,\n    errorText,\n    helpText,\n    format,\n    placeholder,\n    ...props\n  }: DatePickerInputProps,\n  ref: React.ForwardedRef<any>,\n): React.ReactElement => {\n  const isMobile = useIsMobile();\n  const isLarge = size === 'large';\n  const hasLabel = typeof label === 'string' ? Boolean(label) : Boolean(label?.start || label?.end);\n  const isLabelPositionLeft = labelPosition === 'left';\n  const isLabelPositionTop = labelPosition === 'top';\n  const isLabelPositionVisuallyTop = hasLabel && (isLabelPositionTop || isMobile);\n\n  const { locale } = useDatesContext();\n\n  if (selectionType == 'single') {\n    const dateValue = getFormattedDate({\n      date,\n      format,\n      labelSeparator: '-',\n      locale,\n      type: 'default',\n    });\n    return (\n      <BaseBox width=\"100%\">\n        <HiddenInput\n          value={dateValue}\n          name={name}\n          isRequired={props.isRequired}\n          isDisabled={props.isDisabled}\n        />\n        <DateInput\n          ref={ref as never}\n          id=\"start-date\"\n          labelPosition={labelPosition}\n          label={label}\n          placeholder={placeholder || format}\n          popupId={referenceProps['aria-controls']}\n          isPopupExpanded={referenceProps['aria-expanded']}\n          size={size}\n          autoFocus={autoFocus}\n          value={dateValue}\n          componentName=\"DatePickerInput\"\n          necessityIndicator={necessityIndicator}\n          successText={successText}\n          errorText={errorText}\n          helpText={helpText}\n          labelSuffix={labelSuffix}\n          labelTrailing={labelTrailing}\n          {...props}\n          {...referenceProps}\n        />\n      </BaseBox>\n    );\n  }\n\n  if (selectionType == 'range') {\n    const shouldRenderEndLabel = (): string | undefined => {\n      let finalLabel: string | undefined = '';\n\n      const labelEnd = isLabelPositionLeft ? undefined : label?.end;\n      if (isLabelPositionVisuallyTop && labelEnd === undefined) {\n        // Empty space, nbsp;\n        finalLabel = '\\u00A0';\n      } else if (isLabelPositionLeft) {\n        finalLabel = undefined;\n      } else {\n        finalLabel = label?.end;\n      }\n      return finalLabel;\n    };\n\n    const startValue = getFormattedDate({\n      type: 'default',\n      date: date[0],\n      format,\n      labelSeparator: '-',\n      locale,\n    });\n    const endValue = getFormattedDate({\n      type: 'default',\n      date: date[1],\n      format,\n      labelSeparator: '-',\n      locale,\n    });\n    return (\n      <BaseBox\n        width=\"100%\"\n        display=\"flex\"\n        flexDirection=\"row\"\n        gap=\"spacing.4\"\n        alignItems=\"flex-start\"\n        ref={ref as never}\n      >\n        <BaseBox flex={1} flexBasis={isLabelPositionLeft ? LEFT_LABEL_WIDTH : '0px'}>\n          <HiddenInput\n            value={startValue}\n            name={name?.start}\n            isRequired={props.isRequired}\n            isDisabled={props.isDisabled}\n          />\n          <DateInput\n            setInputWrapperRef={(node) => ((inputRef as any)!.current = node)}\n            id=\"start-date\"\n            leadingIcon={CalendarIcon}\n            label={label?.start}\n            labelPosition={labelPosition}\n            placeholder={placeholder}\n            popupId={referenceProps['aria-controls']}\n            isPopupExpanded={referenceProps['aria-expanded']}\n            size={size}\n            autoFocus={autoFocus}\n            value={startValue}\n            componentName=\"DatePickerInputStart\"\n            necessityIndicator={necessityIndicator}\n            successText={successText?.start}\n            errorText={errorText?.start}\n            helpText={helpText?.start}\n            labelSuffix={labelSuffix}\n            {...props}\n            {...referenceProps}\n          />\n        </BaseBox>\n        <BaseBox flexShrink={0} alignSelf=\"start\">\n          <ArrowRightIcon\n            size=\"medium\"\n            marginTop={\n              // Hacky layouting because the we cannot put this inside the internal layout of BaseInput.\n              hasLabel && (!isLabelPositionLeft || isMobile)\n                ? `calc(${makeSize(iconVerticalMargin[size])} + ${makeSize(\n                    isLarge ? sizeTokens[20] : sizeTokens[15],\n                  )})`\n                : makeSize(iconVerticalMargin[size])\n            }\n          />\n        </BaseBox>\n        <BaseBox flex={1}>\n          <HiddenInput\n            value={endValue}\n            name={name?.end}\n            isRequired={props.isRequired}\n            isDisabled={props.isDisabled}\n            {...makeAnalyticsAttribute(props)}\n          />\n          <DateInput\n            id=\"end-date\"\n            placeholder={placeholder}\n            leadingIcon={CalendarIcon}\n            label={shouldRenderEndLabel()}\n            labelPosition={isLabelPositionLeft ? undefined : labelPosition}\n            popupId={referenceProps['aria-controls']}\n            isPopupExpanded={referenceProps['aria-expanded']}\n            size={size}\n            value={endValue}\n            componentName=\"DatePickerInputEnd\"\n            successText={successText?.end}\n            errorText={errorText?.end}\n            helpText={helpText?.end}\n            labelTrailing={labelTrailing}\n            {...props}\n            {...referenceProps}\n          />\n        </BaseBox>\n      </BaseBox>\n    );\n  }\n\n  return <></>;\n};\n\nconst DatePickerInput = React.forwardRef(_DatePickerInput);\nexport { DatePickerInput };\n"],"names":["_DateInput","props","ref","_props$label","_jsx","BaseInput","_objectSpread","as","textAlign","hideLabelText","label","length","autoCompleteSuggestionType","hasPopup","onClick","e","_props$onClick","isDisabled","call","onKeyDown","_ref","_props$onKeyDown","event","DateInput","React","forwardRef","HiddenInput","_ref2","value","name","isRequired","rest","_objectWithoutProperties","_excluded","isReactNative","_Fragment","hidden","required","disabled","readOnly","makeAnalyticsAttribute","iconVerticalMargin","medium","sizeTokens","large","LEFT_LABEL_WIDTH","_DatePickerInput","_ref3","selectionType","referenceProps","inputRef","date","labelPosition","labelSuffix","labelTrailing","autoFocus","_ref3$size","size","necessityIndicator","successText","errorText","helpText","format","placeholder","_excluded2","isMobile","useIsMobile","isLarge","hasLabel","Boolean","start","end","isLabelPositionLeft","isLabelPositionTop","isLabelPositionVisuallyTop","_useDatesContext","useDatesContext","locale","dateValue","getFormattedDate","labelSeparator","type","_jsxs","BaseBox","width","children","id","popupId","isPopupExpanded","componentName","shouldRenderEndLabel","finalLabel","labelEnd","undefined","startValue","endValue","display","flexDirection","gap","alignItems","flex","flexBasis","setInputWrapperRef","node","current","leadingIcon","CalendarIcon","flexShrink","alignSelf","ArrowRightIcon","marginTop","concat","makeSize","DatePickerInput"],"mappings":"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"}

package/build/lib/web/development/components/DatePicker/QuickSelection/PresetSideBar.web.js

@@ -49,6 +49,7 @@ var PresetSideBar = function PresetSideBar(_ref) {
         children: presets.map(function (preset, index) {
           return /*#__PURE__*/jsx(Chip, {
             value: preset.label,
+            "data-analytics-name": preset.label,
             children: preset.label
           }, index);
         })

package/build/lib/web/development/components/DatePicker/QuickSelection/PresetSideBar.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresetSideBar.web.js","sources":["../../../../../../../src/components/DatePicker/QuickSelection/PresetSideBar.web.tsx"],"sourcesContent":["import type { CalendarProps, DatesRangeValue } from '../types';\nimport { QuickSelectionItem } from './QuickSelectionItem.web';\nimport { Box } from '~components/Box';\nimport { makeSpace } from '~utils';\nimport { Chip, ChipGroup } from '~components/Chip';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { size } from '~tokens/global';\n\nconst isSamePreset = (value1: DatesRangeValue | null, value2: DatesRangeValue | null): boolean => {\n  if (!value1?.[0] || !value1?.[1]) return false;\n  if (!value2?.[0] || !value2?.[1]) return false;\n\n  return (\n    value1[0].toDateString() === value2[0].toDateString() &&\n    value1[1].toDateString() === value2[1].toDateString()\n  );\n};\n\ntype PresetSideBarProps = {\n  isMobile?: boolean;\n  date: Date;\n  presets: CalendarProps<'single'>['presets'];\n  onSelection: (value: (date: Date) => DatesRangeValue) => void;\n  selectedPreset: DatesRangeValue | null;\n};\n\nconst PresetSideBar = ({\n  date,\n  presets,\n  selectedPreset,\n  onSelection,\n  isMobile,\n}: PresetSideBarProps): React.ReactElement => {\n  if (!presets) return <></>;\n\n  if (isMobile) {\n    return (\n      <Box>\n        <Divider marginTop=\"spacing.4\" />\n        <ChipGroup\n          marginTop=\"spacing.7\"\n          size=\"small\"\n          selectionType=\"single\"\n          accessibilityLabel=\"Select Presets\"\n          onChange={({ values }) => {\n            onSelection(presets.find((preset) => preset.label === values[0])!.value);\n          }}\n        >\n          {presets.map((preset, index) => {\n            return (\n              <Chip value={preset.label} key={index}>\n                {preset.label}\n              </Chip>\n            );\n          })}\n        </ChipGroup>\n      </Box>\n    );\n  }\n\n  return (\n    <BaseBox\n      padding=\"spacing.5\"\n      display=\"flex\"\n      flexDirection=\"column\"\n      gap=\"spacing.2\"\n      backgroundColor=\"surface.background.gray.moderate\"\n      minWidth={makeSpace(size[160])}\n      borderRightColor=\"surface.border.gray.muted\"\n      borderRightStyle=\"solid\"\n      borderRightWidth=\"thin\"\n      {...makeAccessible({ role: 'listbox', label: 'Select Presets' })}\n    >\n      {presets.map((preset, index) => {\n        const isSelected = isSamePreset(selectedPreset, preset.value(date));\n        return (\n          <QuickSelectionItem\n            key={index}\n            isSelected={isSelected}\n            onClick={() => onSelection(preset.value)}\n          >\n            {preset.label}\n          </QuickSelectionItem>\n        );\n      })}\n    </BaseBox>\n  );\n};\n\nexport { PresetSideBar };\n"],"names":["isSamePreset","value1","value2","toDateString","PresetSideBar","_ref","date","presets","selectedPreset","onSelection","isMobile","_jsx","_Fragment","_jsxs","Box","children","Divider","marginTop","ChipGroup","size","selectionType","accessibilityLabel","onChange","_ref2","values","find","preset","label","value","map","index","Chip","BaseBox","_objectSpread","padding","display","flexDirection","gap","backgroundColor","minWidth","makeSpace","borderRightColor","borderRightStyle","borderRightWidth","makeAccessible","role","isSelected","QuickSelectionItem","onClick"],"mappings":"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"}
+{"version":3,"file":"PresetSideBar.web.js","sources":["../../../../../../../src/components/DatePicker/QuickSelection/PresetSideBar.web.tsx"],"sourcesContent":["import type { CalendarProps, DatesRangeValue } from '../types';\nimport { QuickSelectionItem } from './QuickSelectionItem.web';\nimport { Box } from '~components/Box';\nimport { makeSpace } from '~utils';\nimport { Chip, ChipGroup } from '~components/Chip';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { size } from '~tokens/global';\n\nconst isSamePreset = (value1: DatesRangeValue | null, value2: DatesRangeValue | null): boolean => {\n  if (!value1?.[0] || !value1?.[1]) return false;\n  if (!value2?.[0] || !value2?.[1]) return false;\n\n  return (\n    value1[0].toDateString() === value2[0].toDateString() &&\n    value1[1].toDateString() === value2[1].toDateString()\n  );\n};\n\ntype PresetSideBarProps = {\n  isMobile?: boolean;\n  date: Date;\n  presets: CalendarProps<'single'>['presets'];\n  onSelection: (value: (date: Date) => DatesRangeValue) => void;\n  selectedPreset: DatesRangeValue | null;\n};\n\nconst PresetSideBar = ({\n  date,\n  presets,\n  selectedPreset,\n  onSelection,\n  isMobile,\n}: PresetSideBarProps): React.ReactElement => {\n  if (!presets) return <></>;\n\n  if (isMobile) {\n    return (\n      <Box>\n        <Divider marginTop=\"spacing.4\" />\n        <ChipGroup\n          marginTop=\"spacing.7\"\n          size=\"small\"\n          selectionType=\"single\"\n          accessibilityLabel=\"Select Presets\"\n          onChange={({ values }) => {\n            onSelection(presets.find((preset) => preset.label === values[0])!.value);\n          }}\n        >\n          {presets.map((preset, index) => {\n            return (\n              <Chip value={preset.label} key={index} data-analytics-name={preset.label}>\n                {preset.label}\n              </Chip>\n            );\n          })}\n        </ChipGroup>\n      </Box>\n    );\n  }\n\n  return (\n    <BaseBox\n      padding=\"spacing.5\"\n      display=\"flex\"\n      flexDirection=\"column\"\n      gap=\"spacing.2\"\n      backgroundColor=\"surface.background.gray.moderate\"\n      minWidth={makeSpace(size[160])}\n      borderRightColor=\"surface.border.gray.muted\"\n      borderRightStyle=\"solid\"\n      borderRightWidth=\"thin\"\n      {...makeAccessible({ role: 'listbox', label: 'Select Presets' })}\n    >\n      {presets.map((preset, index) => {\n        const isSelected = isSamePreset(selectedPreset, preset.value(date));\n        return (\n          <QuickSelectionItem\n            key={index}\n            isSelected={isSelected}\n            onClick={() => onSelection(preset.value)}\n          >\n            {preset.label}\n          </QuickSelectionItem>\n        );\n      })}\n    </BaseBox>\n  );\n};\n\nexport { PresetSideBar };\n"],"names":["isSamePreset","value1","value2","toDateString","PresetSideBar","_ref","date","presets","selectedPreset","onSelection","isMobile","_jsx","_Fragment","_jsxs","Box","children","Divider","marginTop","ChipGroup","size","selectionType","accessibilityLabel","onChange","_ref2","values","find","preset","label","value","map","index","Chip","BaseBox","_objectSpread","padding","display","flexDirection","gap","backgroundColor","minWidth","makeSpace","borderRightColor","borderRightStyle","borderRightWidth","makeAccessible","role","isSelected","QuickSelectionItem","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAA8B,EAAEC,MAA8B,EAAc;EAChG,IAAI,EAACD,MAAM,KAANA,IAAAA,IAAAA,MAAM,eAANA,MAAM,CAAG,CAAC,CAAC,CAAA,IAAI,EAACA,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,IAAAA,MAAM,CAAG,CAAC,CAAC,CAAE,EAAA,OAAO,KAAK,CAAA;EAC9C,IAAI,EAACC,MAAM,KAANA,IAAAA,IAAAA,MAAM,eAANA,MAAM,CAAG,CAAC,CAAC,CAAA,IAAI,EAACA,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,IAAAA,MAAM,CAAG,CAAC,CAAC,CAAE,EAAA,OAAO,KAAK,CAAA;AAE9C,EAAA,OACED,MAAM,CAAC,CAAC,CAAC,CAACE,YAAY,EAAE,KAAKD,MAAM,CAAC,CAAC,CAAC,CAACC,YAAY,EAAE,IACrDF,MAAM,CAAC,CAAC,CAAC,CAACE,YAAY,EAAE,KAAKD,MAAM,CAAC,CAAC,CAAC,CAACC,YAAY,EAAE,CAAA;AAEzD,CAAC,CAAA;AAUD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAM2B;AAAA,EAAA,IAL5CC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAA;EAER,IAAI,CAACH,OAAO,EAAE,oBAAOI,GAAA,CAAAC,QAAA,IAAI,CAAC,CAAA;AAE1B,EAAA,IAAIF,QAAQ,EAAE;IACZ,oBACEG,IAAA,CAACC,GAAG,EAAA;MAAAC,QAAA,EAAA,cACFJ,GAAA,CAACK,OAAO,EAAA;AAACC,QAAAA,SAAS,EAAC,WAAA;AAAW,OAAE,CAAC,eACjCN,GAAA,CAACO,SAAS,EAAA;AACRD,QAAAA,SAAS,EAAC,WAAW;AACrBE,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,aAAa,EAAC,QAAQ;AACtBC,QAAAA,kBAAkB,EAAC,gBAAgB;AACnCC,QAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,KAAA,EAAgB;AAAA,UAAA,IAAbC,MAAM,GAAAD,KAAA,CAANC,MAAM,CAAA;AACjBf,UAAAA,WAAW,CAACF,OAAO,CAACkB,IAAI,CAAC,UAACC,MAAM,EAAA;AAAA,YAAA,OAAKA,MAAM,CAACC,KAAK,KAAKH,MAAM,CAAC,CAAC,CAAC,CAAA;WAAC,CAAA,CAAEI,KAAK,CAAC,CAAA;SACxE;QAAAb,QAAA,EAEDR,OAAO,CAACsB,GAAG,CAAC,UAACH,MAAM,EAAEI,KAAK,EAAK;UAC9B,oBACEnB,GAAA,CAACoB,IAAI,EAAA;YAACH,KAAK,EAAEF,MAAM,CAACC,KAAM;YAAa,qBAAqBD,EAAAA,MAAM,CAACC,KAAM;YAAAZ,QAAA,EACtEW,MAAM,CAACC,KAAAA;AAAK,WAAA,EADiBG,KAE1B,CAAC,CAAA;SAEV,CAAA;AAAC,OACO,CAAC,CAAA;AAAA,KACT,CAAC,CAAA;AAEV,GAAA;AAEA,EAAA,oBACEnB,GAAA,CAACqB,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;AACtBC,IAAAA,GAAG,EAAC,WAAW;AACfC,IAAAA,eAAe,EAAC,kCAAkC;AAClDC,IAAAA,QAAQ,EAAEC,SAAS,CAACrB,IAAI,CAAC,GAAG,CAAC,CAAE;AAC/BsB,IAAAA,gBAAgB,EAAC,2BAA2B;AAC5CC,IAAAA,gBAAgB,EAAC,OAAO;AACxBC,IAAAA,gBAAgB,EAAC,MAAA;AAAM,GAAA,EACnBC,cAAc,CAAC;AAAEC,IAAAA,IAAI,EAAE,SAAS;AAAElB,IAAAA,KAAK,EAAE,gBAAA;AAAiB,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IAAAZ,QAAA,EAE/DR,OAAO,CAACsB,GAAG,CAAC,UAACH,MAAM,EAAEI,KAAK,EAAK;AAC9B,MAAA,IAAMgB,UAAU,GAAG9C,YAAY,CAACQ,cAAc,EAAEkB,MAAM,CAACE,KAAK,CAACtB,IAAI,CAAC,CAAC,CAAA;MACnE,oBACEK,GAAA,CAACoC,kBAAkB,EAAA;AAEjBD,QAAAA,UAAU,EAAEA,UAAW;QACvBE,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,UAAA,OAAMvC,WAAW,CAACiB,MAAM,CAACE,KAAK,CAAC,CAAA;SAAC;QAAAb,QAAA,EAExCW,MAAM,CAACC,KAAAA;AAAK,OAAA,EAJRG,KAKa,CAAC,CAAA;KAExB,CAAA;AAAC,GAAA,CACK,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/development/components/DatePicker/QuickSelection/QuickSelectionItem.web.js

@@ -14,7 +14,8 @@ var QuickSelectionItem = function QuickSelectionItem(_ref) {
     isSelected: isSelected,
     onClick: onClick,
     title: children,
-    role: "option"
+    role: "option",
+    "data-analytics-name": children
   });
 };
 

package/build/lib/web/development/components/DatePicker/QuickSelection/QuickSelectionItem.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickSelectionItem.web.js","sources":["../../../../../../../src/components/DatePicker/QuickSelection/QuickSelectionItem.web.tsx"],"sourcesContent":["import { BaseMenuItem } from '~components/BaseMenu';\nimport { isReactNative } from '~utils';\n\ntype QuickSelectionItemProps = {\n  children: string;\n  isSelected: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n};\nconst QuickSelectionItem = ({\n  children,\n  onClick,\n  isSelected,\n}: QuickSelectionItemProps): React.ReactElement => {\n  return (\n    <BaseMenuItem\n      as={!isReactNative() ? 'button' : undefined}\n      selectionType=\"single\"\n      isSelected={isSelected}\n      onClick={onClick}\n      title={children}\n      role=\"option\"\n    />\n  );\n};\n\nexport { QuickSelectionItem };\n"],"names":["QuickSelectionItem","_ref","children","onClick","isSelected","_jsx","BaseMenuItem","as","isReactNative","undefined","selectionType","title","role"],"mappings":";;;;;;AAQA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAI2B;AAAA,EAAA,IAHjDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,UAAU,GAAAH,IAAA,CAAVG,UAAU,CAAA;EAEV,oBACEC,GAAA,CAACC,YAAY,EAAA;IACXC,EAAE,EAAE,CAACC,aAAa,EAAE,GAAG,QAAQ,GAAGC,SAAU;AAC5CC,IAAAA,aAAa,EAAC,QAAQ;AACtBN,IAAAA,UAAU,EAAEA,UAAW;AACvBD,IAAAA,OAAO,EAAEA,OAAQ;AACjBQ,IAAAA,KAAK,EAAET,QAAS;AAChBU,IAAAA,IAAI,EAAC,QAAA;AAAQ,GACd,CAAC,CAAA;AAEN;;;;"}
+{"version":3,"file":"QuickSelectionItem.web.js","sources":["../../../../../../../src/components/DatePicker/QuickSelection/QuickSelectionItem.web.tsx"],"sourcesContent":["import { BaseMenuItem } from '~components/BaseMenu';\nimport { isReactNative } from '~utils';\n\ntype QuickSelectionItemProps = {\n  children: string;\n  isSelected: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n};\nconst QuickSelectionItem = ({\n  children,\n  onClick,\n  isSelected,\n}: QuickSelectionItemProps): React.ReactElement => {\n  return (\n    <BaseMenuItem\n      as={!isReactNative() ? 'button' : undefined}\n      selectionType=\"single\"\n      isSelected={isSelected}\n      onClick={onClick}\n      title={children}\n      role=\"option\"\n      data-analytics-name={children}\n    />\n  );\n};\n\nexport { QuickSelectionItem };\n"],"names":["QuickSelectionItem","_ref","children","onClick","isSelected","_jsx","BaseMenuItem","as","isReactNative","undefined","selectionType","title","role"],"mappings":";;;;;;AAQA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAI2B;AAAA,EAAA,IAHjDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,UAAU,GAAAH,IAAA,CAAVG,UAAU,CAAA;EAEV,oBACEC,GAAA,CAACC,YAAY,EAAA;IACXC,EAAE,EAAE,CAACC,aAAa,EAAE,GAAG,QAAQ,GAAGC,SAAU;AAC5CC,IAAAA,aAAa,EAAC,QAAQ;AACtBN,IAAAA,UAAU,EAAEA,UAAW;AACvBD,IAAAA,OAAO,EAAEA,OAAQ;AACjBQ,IAAAA,KAAK,EAAET,QAAS;AAChBU,IAAAA,IAAI,EAAC,QAAQ;IACb,qBAAqBV,EAAAA,QAAAA;AAAS,GAC/B,CAAC,CAAA;AAEN;;;;"}

package/build/lib/web/development/components/FileUpload/FileUploadItem.js

@@ -9,6 +9,7 @@ import '../Button/IconButton/index.js';
 import '../ProgressBar/index.js';
 import isUndefined from '../../utils/lodashButBetter/isUndefined.js';
 import '../Link/BaseLink/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { Text } from '../Typography/Text/Text.js';
@@ -17,6 +18,7 @@ import { IconButton } from '../Button/IconButton/IconButton.js';
 import CloseIcon from '../Icons/CloseIcon/CloseIcon.js';
 import BaseLink from '../Link/BaseLink/BaseLink.js';
 import RefreshIcon from '../Icons/RefreshIcon/RefreshIcon.js';
+import { MAKE_ANALYTICS_CONSTANTS } from '../../utils/makeAnalyticsAttribute/makeAnalyticsConstants.js';
 import EyeIcon from '../Icons/EyeIcon/EyeIcon.js';
 import { Divider } from '../Divider/Divider.js';
 import TrashIcon from '../Icons/TrashIcon/TrashIcon.js';
@@ -112,6 +114,7 @@ var FileUploadItem = /*#__PURE__*/memo(function (_ref) {
                 file: file
               });
             },
+            "data-analytics-name": MAKE_ANALYTICS_CONSTANTS.FILE_UPLOAD.REUPLOAD_BUTTON,
             children: "Re-upload"
           })
         }) : /*#__PURE__*/jsx(BaseBox, {

package/build/lib/web/development/components/FileUpload/FileUploadItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadItem.js","sources":["../../../../../../src/components/FileUpload/FileUploadItem.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { StyledFileUploadItemWrapper } from './StyledFileUploadItemWrapper';\nimport type { FileUploadItemProps } from './types';\nimport { FileUploadItemIcon } from './FileUploadItemIcon';\nimport { TrashIcon, EyeIcon, CloseIcon, CheckCircleIcon, RefreshIcon } from '~components/Icons';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { Divider } from '~components/Divider';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ProgressBar } from '~components/ProgressBar';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { BaseLink } from '~components/Link/BaseLink';\n\nconst FileUploadItem = memo(\n  ({\n    file,\n    onPreview,\n    onRemove,\n    onReupload,\n    onDismiss,\n    size: containerSize,\n  }: FileUploadItemProps): React.ReactElement => {\n    const { name, size, uploadPercent, errorText, status } = file;\n    const isUploading = status === 'uploading';\n    const sizeInKB = size / 1024;\n    const sizeInMB = sizeInKB / 1024;\n    const showSizeInKB = sizeInKB < 1024;\n\n    return (\n      <StyledFileUploadItemWrapper\n        size={containerSize ?? 'medium'}\n        status={status ?? 'success'}\n        borderRadius=\"medium\"\n        borderWidth=\"thin\"\n      >\n        <BaseBox width=\"100%\" display=\"flex\" flexDirection=\"column\">\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            margin={containerSize === 'large' ? 'spacing.4' : 'spacing.3'}\n          >\n            <BaseBox marginRight=\"spacing.3\">\n              <FileUploadItemIcon fileName={name} uploadStatus={status} />\n            </BaseBox>\n            <BaseBox flexGrow={1}>\n              <BaseBox alignItems=\"center\" display=\"flex\">\n                <BaseBox alignItems=\"center\" maxWidth=\"70%\" display=\"flex\" marginRight=\"spacing.3\">\n                  <Text\n                    size=\"medium\"\n                    weight=\"medium\"\n                    color=\"surface.text.gray.subtle\"\n                    truncateAfterLines={1}\n                  >\n                    {name}\n                  </Text>\n                </BaseBox>\n                {status === 'success' && (\n                  <CheckCircleIcon\n                    size=\"medium\"\n                    marginRight=\"spacing.2\"\n                    color=\"interactive.icon.positive.normal\"\n                  />\n                )}\n              </BaseBox>\n              <Text\n                size=\"small\"\n                weight=\"regular\"\n                color={\n                  status === 'error' ? 'feedback.text.negative.intense' : 'surface.text.gray.muted'\n                }\n              >\n                {errorText ??\n                  `${(showSizeInKB ? sizeInKB : sizeInMB).toFixed(2)} ${\n                    showSizeInKB ? 'KB' : 'MB'\n                  } ${isUploading && uploadPercent ? `(${uploadPercent}%)` : ''}`}\n              </Text>\n            </BaseBox>\n            {status === 'uploading' ? (\n              <BaseBox display=\"flex\" alignItems=\"center\">\n                <IconButton\n                  accessibilityLabel=\"Remove File\"\n                  icon={CloseIcon}\n                  onClick={() => onDismiss?.({ file })}\n                />\n              </BaseBox>\n            ) : status === 'error' ? (\n              <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n                <BaseLink\n                  marginX=\"spacing.1\"\n                  variant=\"button\"\n                  icon={RefreshIcon}\n                  color=\"negative\"\n                  size=\"small\"\n                  onClick={() => {\n                    onReupload?.({ file });\n                  }}\n                >\n                  Re-upload\n                </BaseLink>\n              </BaseBox>\n            ) : (\n              <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n                {onPreview ? (\n                  <BaseBox\n                    display=\"flex\"\n                    flexDirection=\"row\"\n                    alignItems=\"center\"\n                    padding=\"spacing.0\"\n                    gap=\"spacing.3\"\n                  >\n                    <IconButton\n                      accessibilityLabel=\"Preview File\"\n                      icon={EyeIcon}\n                      onClick={() => onPreview?.({ file })}\n                    />\n                    <Divider orientation=\"vertical\" thickness=\"thinner\" variant=\"normal\" />\n                    <IconButton\n                      accessibilityLabel=\"Remove File\"\n                      icon={TrashIcon}\n                      onClick={() => onRemove?.({ file })}\n                    />\n                  </BaseBox>\n                ) : (\n                  <IconButton\n                    accessibilityLabel=\"Remove File\"\n                    icon={TrashIcon}\n                    onClick={() => onRemove?.({ file })}\n                  />\n                )}\n              </BaseBox>\n            )}\n          </BaseBox>\n          {isUploading && (\n            <BaseBox width=\"100%\" position=\"absolute\" bottom=\"spacing.0\">\n              <ProgressBar\n                left=\"spacing.0\"\n                showPercentage={false}\n                value={uploadPercent ?? 0}\n                isIndeterminate={isUndefined(uploadPercent)}\n              />\n            </BaseBox>\n          )}\n        </BaseBox>\n      </StyledFileUploadItemWrapper>\n    );\n  },\n);\n\nexport { FileUploadItem };\n"],"names":["FileUploadItem","memo","_ref","file","onPreview","onRemove","onReupload","onDismiss","containerSize","size","name","uploadPercent","errorText","status","isUploading","sizeInKB","sizeInMB","showSizeInKB","_jsx","StyledFileUploadItemWrapper","borderRadius","borderWidth","children","_jsxs","BaseBox","width","display","flexDirection","margin","marginRight","FileUploadItemIcon","fileName","uploadStatus","flexGrow","alignItems","maxWidth","Text","weight","color","truncateAfterLines","CheckCircleIcon","concat","toFixed","IconButton","accessibilityLabel","icon","CloseIcon","onClick","BaseLink","marginX","variant","RefreshIcon","padding","gap","EyeIcon","Divider","orientation","thickness","TrashIcon","position","bottom","ProgressBar","left","showPercentage","value","isIndeterminate","isUndefined"],"mappings":"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"}
+{"version":3,"file":"FileUploadItem.js","sources":["../../../../../../src/components/FileUpload/FileUploadItem.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { StyledFileUploadItemWrapper } from './StyledFileUploadItemWrapper';\nimport type { FileUploadItemProps } from './types';\nimport { FileUploadItemIcon } from './FileUploadItemIcon';\nimport { TrashIcon, EyeIcon, CloseIcon, CheckCircleIcon, RefreshIcon } from '~components/Icons';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { Divider } from '~components/Divider';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ProgressBar } from '~components/ProgressBar';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport { MAKE_ANALYTICS_CONSTANTS } from '~utils/makeAnalyticsAttribute';\n\nconst FileUploadItem = memo(\n  ({\n    file,\n    onPreview,\n    onRemove,\n    onReupload,\n    onDismiss,\n    size: containerSize,\n  }: FileUploadItemProps): React.ReactElement => {\n    const { name, size, uploadPercent, errorText, status } = file;\n    const isUploading = status === 'uploading';\n    const sizeInKB = size / 1024;\n    const sizeInMB = sizeInKB / 1024;\n    const showSizeInKB = sizeInKB < 1024;\n\n    return (\n      <StyledFileUploadItemWrapper\n        size={containerSize ?? 'medium'}\n        status={status ?? 'success'}\n        borderRadius=\"medium\"\n        borderWidth=\"thin\"\n      >\n        <BaseBox width=\"100%\" display=\"flex\" flexDirection=\"column\">\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            margin={containerSize === 'large' ? 'spacing.4' : 'spacing.3'}\n          >\n            <BaseBox marginRight=\"spacing.3\">\n              <FileUploadItemIcon fileName={name} uploadStatus={status} />\n            </BaseBox>\n            <BaseBox flexGrow={1}>\n              <BaseBox alignItems=\"center\" display=\"flex\">\n                <BaseBox alignItems=\"center\" maxWidth=\"70%\" display=\"flex\" marginRight=\"spacing.3\">\n                  <Text\n                    size=\"medium\"\n                    weight=\"medium\"\n                    color=\"surface.text.gray.subtle\"\n                    truncateAfterLines={1}\n                  >\n                    {name}\n                  </Text>\n                </BaseBox>\n                {status === 'success' && (\n                  <CheckCircleIcon\n                    size=\"medium\"\n                    marginRight=\"spacing.2\"\n                    color=\"interactive.icon.positive.normal\"\n                  />\n                )}\n              </BaseBox>\n              <Text\n                size=\"small\"\n                weight=\"regular\"\n                color={\n                  status === 'error' ? 'feedback.text.negative.intense' : 'surface.text.gray.muted'\n                }\n              >\n                {errorText ??\n                  `${(showSizeInKB ? sizeInKB : sizeInMB).toFixed(2)} ${\n                    showSizeInKB ? 'KB' : 'MB'\n                  } ${isUploading && uploadPercent ? `(${uploadPercent}%)` : ''}`}\n              </Text>\n            </BaseBox>\n            {status === 'uploading' ? (\n              <BaseBox display=\"flex\" alignItems=\"center\">\n                <IconButton\n                  accessibilityLabel=\"Remove File\"\n                  icon={CloseIcon}\n                  onClick={() => onDismiss?.({ file })}\n                />\n              </BaseBox>\n            ) : status === 'error' ? (\n              <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n                <BaseLink\n                  marginX=\"spacing.1\"\n                  variant=\"button\"\n                  icon={RefreshIcon}\n                  color=\"negative\"\n                  size=\"small\"\n                  onClick={() => {\n                    onReupload?.({ file });\n                  }}\n                  data-analytics-name={MAKE_ANALYTICS_CONSTANTS.FILE_UPLOAD.REUPLOAD_BUTTON}\n                >\n                  Re-upload\n                </BaseLink>\n              </BaseBox>\n            ) : (\n              <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n                {onPreview ? (\n                  <BaseBox\n                    display=\"flex\"\n                    flexDirection=\"row\"\n                    alignItems=\"center\"\n                    padding=\"spacing.0\"\n                    gap=\"spacing.3\"\n                  >\n                    <IconButton\n                      accessibilityLabel=\"Preview File\"\n                      icon={EyeIcon}\n                      onClick={() => onPreview?.({ file })}\n                    />\n                    <Divider orientation=\"vertical\" thickness=\"thinner\" variant=\"normal\" />\n                    <IconButton\n                      accessibilityLabel=\"Remove File\"\n                      icon={TrashIcon}\n                      onClick={() => onRemove?.({ file })}\n                    />\n                  </BaseBox>\n                ) : (\n                  <IconButton\n                    accessibilityLabel=\"Remove File\"\n                    icon={TrashIcon}\n                    onClick={() => onRemove?.({ file })}\n                  />\n                )}\n              </BaseBox>\n            )}\n          </BaseBox>\n          {isUploading && (\n            <BaseBox width=\"100%\" position=\"absolute\" bottom=\"spacing.0\">\n              <ProgressBar\n                left=\"spacing.0\"\n                showPercentage={false}\n                value={uploadPercent ?? 0}\n                isIndeterminate={isUndefined(uploadPercent)}\n              />\n            </BaseBox>\n          )}\n        </BaseBox>\n      </StyledFileUploadItemWrapper>\n    );\n  },\n);\n\nexport { FileUploadItem };\n"],"names":["FileUploadItem","memo","_ref","file","onPreview","onRemove","onReupload","onDismiss","containerSize","size","name","uploadPercent","errorText","status","isUploading","sizeInKB","sizeInMB","showSizeInKB","_jsx","StyledFileUploadItemWrapper","borderRadius","borderWidth","children","_jsxs","BaseBox","width","display","flexDirection","margin","marginRight","FileUploadItemIcon","fileName","uploadStatus","flexGrow","alignItems","maxWidth","Text","weight","color","truncateAfterLines","CheckCircleIcon","concat","toFixed","IconButton","accessibilityLabel","icon","CloseIcon","onClick","BaseLink","marginX","variant","RefreshIcon","MAKE_ANALYTICS_CONSTANTS","FILE_UPLOAD","REUPLOAD_BUTTON","padding","gap","EyeIcon","Divider","orientation","thickness","TrashIcon","position","bottom","ProgressBar","left","showPercentage","value","isIndeterminate","isUndefined"],"mappings":"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"}

package/build/lib/web/development/components/Form/FormLabel.js

@@ -37,7 +37,9 @@ var FormLabel = function FormLabel(_ref) {
     id = _ref.id,
     htmlFor = _ref.htmlFor,
     _ref$size = _ref.size,
-    size$1 = _ref$size === void 0 ? 'medium' : _ref$size;
+    size$1 = _ref$size === void 0 ? 'medium' : _ref$size,
+    labelSuffix = _ref.labelSuffix,
+    labelTrailing = _ref.labelTrailing;
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
   var _useBreakpoint = useBreakpoint({
@@ -101,7 +103,7 @@ var FormLabel = function FormLabel(_ref) {
   }
   var Component = as;
   // only set 120px label when device is desktop
-  var width = isLabelLeftPositioned && isDesktop ? makeSize(labelWidth[size$1]) : 'auto';
+  var width = isLabelLeftPositioned && isDesktop ? makeSize(labelWidth[size$1]) : '100%';
   return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({
     htmlFor: htmlFor,
     style: {
@@ -113,9 +115,27 @@ var FormLabel = function FormLabel(_ref) {
   }, metaAttribute({
     name: MetaConstants.FormLabel
   })), {}, {
-    children: /*#__PURE__*/jsx(BaseBox, {
+    children: /*#__PURE__*/jsxs(BaseBox, {
+      width: "100%",
+      display: "flex",
+      flexDirection: isLabelLeftPositioned ? 'column' : 'row',
+      alignItems: isLabelLeftPositioned ? 'flex-start' : 'center',
       marginBottom: isLabelLeftPositioned ? 'spacing.0' : labelMarginBottom[size$1],
-      children: textNode
+      children: [/*#__PURE__*/jsxs(BaseBox, {
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "center",
+        gap: "spacing.2",
+        children: [/*#__PURE__*/jsx(BaseBox, {
+          children: textNode
+        }), labelSuffix ? /*#__PURE__*/jsx(BaseBox, {
+          display: "flex",
+          children: labelSuffix
+        }) : null]
+      }), labelTrailing ? /*#__PURE__*/jsx(BaseBox, {
+        marginLeft: isLabelLeftPositioned ? 'spacing.0' : 'auto',
+        children: labelTrailing
+      }) : null]
     })
   }));
 };

package/build/lib/web/development/components/Form/FormLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.js","sources":["../../../../../../src/components/Form/FormLabel.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  labelLeftMarginRight,\n  labelMarginBottom,\n  labelOptionalIndicatorTextSize,\n  labelTextSize,\n  labelWidth,\n} from './formTokens';\nimport { VisuallyHidden } from '~components/VisuallyHidden';\nimport { Text } from '~components/Typography';\nimport { getPlatformType, makeSize, useBreakpoint } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\nimport { size as sizeToken } from '~tokens/global';\nimport getIn from '~utils/lodashButBetter/get';\n\ntype CommonProps = {\n  as: 'span' | 'label';\n  position?: 'top' | 'left';\n  necessityIndicator?: 'required' | 'optional' | 'none';\n  accessibilityText?: string;\n  children: string | undefined;\n  id?: string;\n  /**\n   * Sets the size of the label\n   * @default medium\n   */\n  size?: 'small' | 'medium' | 'large';\n};\n\ntype LabelProps = CommonProps & {\n  htmlFor: string;\n  as: 'label';\n};\n\ntype SpanProps = CommonProps & {\n  as: 'span';\n  htmlFor?: undefined;\n};\n\ntype FormLabelProps = LabelProps | SpanProps;\n\nexport type FormInputLabelProps = {\n  /**\n   * Label to be shown for the input field\n   */\n  label?: string;\n  /**\n   * Desktop only prop. Default value on mobile will be `top`\n   */\n  labelPosition?: 'left' | 'top';\n  /**\n   * Displays `(optional)` when `optional` is passed or `*` when `required` is passed\n   */\n  necessityIndicator?: 'required' | 'optional' | 'none';\n};\n\nconst FormLabel = ({\n  as = 'span',\n  position = 'top',\n  necessityIndicator = 'none',\n  accessibilityText,\n  children,\n  id,\n  htmlFor,\n  size = 'medium',\n}: FormLabelProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const isDesktop = matchedDeviceType === 'desktop';\n  const isReactNative = getPlatformType() === 'react-native';\n\n  let necessityLabel: React.ReactNode = null;\n\n  const isLabelLeftPositioned = position === 'left' && isDesktop;\n\n  if (necessityIndicator === 'optional') {\n    necessityLabel = (\n      <Text\n        variant=\"caption\"\n        size={labelOptionalIndicatorTextSize[size]}\n        color=\"surface.text.gray.muted\"\n      >\n        (optional)\n      </Text>\n    );\n  }\n  if (necessityIndicator === 'required') {\n    necessityLabel = (\n      <Text\n        variant=\"body\"\n        size={isLabelLeftPositioned ? 'medium' : 'small'}\n        color=\"feedback.text.negative.intense\"\n        alignSelf=\"flex-start\"\n      >\n        *\n      </Text>\n    );\n  }\n\n  const computedAccessibilityNode = (\n    <VisuallyHidden>\n      {necessityIndicator !== 'none' && <Text>{necessityIndicator}</Text>}\n      <Text>{accessibilityText}</Text>\n    </VisuallyHidden>\n  );\n\n  const textNode = (\n    <BaseBox\n      gap={necessityIndicator === 'optional' ? 'spacing.2' : 'spacing.0'}\n      display=\"flex\"\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      // flexWrap=\"wrap\"\n      maxHeight={makeSpace(sizeToken[36])}\n    >\n      <Text\n        variant=\"body\"\n        size={labelTextSize[isLabelLeftPositioned ? 'left' : 'top'][size]}\n        color={isLabelLeftPositioned ? 'surface.text.gray.subtle' : 'surface.text.gray.muted'}\n        truncateAfterLines={2}\n        weight=\"semibold\"\n        wordBreak={isLabelLeftPositioned ? 'break-word' : undefined}\n      >\n        {children}\n      </Text>\n      {computedAccessibilityNode}\n      {/* TODO: Hide from screen readers to prevent double announcement */}\n      {necessityLabel}\n    </BaseBox>\n  );\n\n  // What harm can it do?\n  if (isReactNative) {\n    return (\n      <BaseBox marginRight=\"spacing.5\" marginBottom=\"spacing.2\">\n        {textNode}\n      </BaseBox>\n    );\n  }\n\n  const Component = as;\n  // only set 120px label when device is desktop\n  const width = isLabelLeftPositioned && isDesktop ? makeSize(labelWidth[size]) : 'auto';\n\n  return (\n    <Component\n      htmlFor={htmlFor}\n      style={{\n        width,\n        flexShrink: 0,\n        marginRight: isLabelLeftPositioned\n          ? makeSpace(getIn(theme, labelLeftMarginRight[size]))\n          : makeSpace(getIn(theme, 'spacing.0')),\n      }}\n      id={id}\n      {...metaAttribute({ name: MetaConstants.FormLabel })}\n    >\n      <BaseBox marginBottom={isLabelLeftPositioned ? 'spacing.0' : labelMarginBottom[size]}>\n        {textNode}\n      </BaseBox>\n    </Component>\n  );\n};\n\nexport { FormLabel };\n"],"names":["FormLabel","_ref","_ref$as","as","_ref$position","position","_ref$necessityIndicat","necessityIndicator","accessibilityText","children","id","htmlFor","_ref$size","size","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isDesktop","isReactNative","getPlatformType","necessityLabel","isLabelLeftPositioned","_jsx","Text","variant","labelOptionalIndicatorTextSize","color","alignSelf","computedAccessibilityNode","_jsxs","VisuallyHidden","textNode","BaseBox","gap","display","flexDirection","alignItems","maxHeight","makeSpace","sizeToken","labelTextSize","truncateAfterLines","weight","wordBreak","undefined","marginRight","marginBottom","Component","width","makeSize","labelWidth","_objectSpread","style","flexShrink","getIn","labelLeftMarginRight","metaAttribute","name","MetaConstants","labelMarginBottom"],"mappings":"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"}
+{"version":3,"file":"FormLabel.js","sources":["../../../../../../src/components/Form/FormLabel.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  labelLeftMarginRight,\n  labelMarginBottom,\n  labelOptionalIndicatorTextSize,\n  labelTextSize,\n  labelWidth,\n} from './formTokens';\nimport { VisuallyHidden } from '~components/VisuallyHidden';\nimport { Text } from '~components/Typography';\nimport { getPlatformType, makeSize, useBreakpoint } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\nimport { size as sizeToken } from '~tokens/global';\nimport getIn from '~utils/lodashButBetter/get';\n\ntype CommonProps = {\n  as: 'span' | 'label';\n  position?: 'top' | 'left';\n  necessityIndicator?: 'required' | 'optional' | 'none';\n  accessibilityText?: string;\n  children: string | undefined;\n  id?: string;\n  /**\n   * Sets the size of the label\n   * @default medium\n   */\n  size?: 'small' | 'medium' | 'large';\n  labelSuffix?: React.ReactNode;\n  labelTrailing?: React.ReactNode;\n};\n\ntype LabelProps = CommonProps & {\n  htmlFor: string;\n  as: 'label';\n};\n\ntype SpanProps = CommonProps & {\n  as: 'span';\n  htmlFor?: undefined;\n};\n\ntype FormLabelProps = LabelProps | SpanProps;\n\nexport type FormInputLabelProps = {\n  /**\n   * Label to be shown for the input field\n   */\n  label?: string;\n  /**\n   * Desktop only prop. Default value on mobile will be `top`\n   */\n  labelPosition?: 'left' | 'top';\n  /**\n   * Displays `(optional)` when `optional` is passed or `*` when `required` is passed\n   */\n  necessityIndicator?: 'required' | 'optional' | 'none';\n\n  /**\n   * Suffix element to be shown for the input field\n   *\n   * @example\n   * ```jsx\n   * labelSuffix={\n   *  <Tooltip content=\"This is a tooltip\" placement=\"right\">\n   *    <TooltipInteractiveWrapper>\n   *        <InfoIcon size=\"small\" color=\"surface.icon.gray.subtle\" />\n   *    </TooltipInteractiveWrapper>\n   *  </Tooltip>\n   * }\n   * ```\n   */\n  labelSuffix?: React.ReactNode;\n\n  /**\n   * Trailing element to be shown for the input field\n   */\n  labelTrailing?: React.ReactNode;\n};\n\nconst FormLabel = ({\n  as = 'span',\n  position = 'top',\n  necessityIndicator = 'none',\n  accessibilityText,\n  children,\n  id,\n  htmlFor,\n  size = 'medium',\n  labelSuffix,\n  labelTrailing,\n}: FormLabelProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const isDesktop = matchedDeviceType === 'desktop';\n  const isReactNative = getPlatformType() === 'react-native';\n\n  let necessityLabel: React.ReactNode = null;\n\n  const isLabelLeftPositioned = position === 'left' && isDesktop;\n\n  if (necessityIndicator === 'optional') {\n    necessityLabel = (\n      <Text\n        variant=\"caption\"\n        size={labelOptionalIndicatorTextSize[size]}\n        color=\"surface.text.gray.muted\"\n      >\n        (optional)\n      </Text>\n    );\n  }\n  if (necessityIndicator === 'required') {\n    necessityLabel = (\n      <Text\n        variant=\"body\"\n        size={isLabelLeftPositioned ? 'medium' : 'small'}\n        color=\"feedback.text.negative.intense\"\n        alignSelf=\"flex-start\"\n      >\n        *\n      </Text>\n    );\n  }\n\n  const computedAccessibilityNode = (\n    <VisuallyHidden>\n      {necessityIndicator !== 'none' && <Text>{necessityIndicator}</Text>}\n      <Text>{accessibilityText}</Text>\n    </VisuallyHidden>\n  );\n\n  const textNode = (\n    <BaseBox\n      gap={necessityIndicator === 'optional' ? 'spacing.2' : 'spacing.0'}\n      display=\"flex\"\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      // flexWrap=\"wrap\"\n      maxHeight={makeSpace(sizeToken[36])}\n    >\n      <Text\n        variant=\"body\"\n        size={labelTextSize[isLabelLeftPositioned ? 'left' : 'top'][size]}\n        color={isLabelLeftPositioned ? 'surface.text.gray.subtle' : 'surface.text.gray.muted'}\n        truncateAfterLines={2}\n        weight=\"semibold\"\n        wordBreak={isLabelLeftPositioned ? 'break-word' : undefined}\n      >\n        {children}\n      </Text>\n      {computedAccessibilityNode}\n      {/* TODO: Hide from screen readers to prevent double announcement */}\n      {necessityLabel}\n    </BaseBox>\n  );\n\n  // What harm can it do?\n  if (isReactNative) {\n    return (\n      <BaseBox marginRight=\"spacing.5\" marginBottom=\"spacing.2\">\n        {textNode}\n      </BaseBox>\n    );\n  }\n\n  const Component = as;\n  // only set 120px label when device is desktop\n  const width = isLabelLeftPositioned && isDesktop ? makeSize(labelWidth[size]) : '100%';\n\n  return (\n    <Component\n      htmlFor={htmlFor}\n      style={{\n        width,\n        flexShrink: 0,\n        marginRight: isLabelLeftPositioned\n          ? makeSpace(getIn(theme, labelLeftMarginRight[size]))\n          : makeSpace(getIn(theme, 'spacing.0')),\n      }}\n      id={id}\n      {...metaAttribute({ name: MetaConstants.FormLabel })}\n    >\n      <BaseBox\n        width=\"100%\"\n        display=\"flex\"\n        flexDirection={isLabelLeftPositioned ? 'column' : 'row'}\n        alignItems={isLabelLeftPositioned ? 'flex-start' : 'center'}\n        marginBottom={isLabelLeftPositioned ? 'spacing.0' : labelMarginBottom[size]}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" gap=\"spacing.2\">\n          <BaseBox>{textNode}</BaseBox>\n          {labelSuffix ? <BaseBox display=\"flex\">{labelSuffix}</BaseBox> : null}\n        </BaseBox>\n        {labelTrailing ? (\n          <BaseBox marginLeft={isLabelLeftPositioned ? 'spacing.0' : 'auto'}>\n            {labelTrailing}\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    </Component>\n  );\n};\n\nexport { FormLabel };\n"],"names":["FormLabel","_ref","_ref$as","as","_ref$position","position","_ref$necessityIndicat","necessityIndicator","accessibilityText","children","id","htmlFor","_ref$size","size","labelSuffix","labelTrailing","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isDesktop","isReactNative","getPlatformType","necessityLabel","isLabelLeftPositioned","_jsx","Text","variant","labelOptionalIndicatorTextSize","color","alignSelf","computedAccessibilityNode","_jsxs","VisuallyHidden","textNode","BaseBox","gap","display","flexDirection","alignItems","maxHeight","makeSpace","sizeToken","labelTextSize","truncateAfterLines","weight","wordBreak","undefined","marginRight","marginBottom","Component","width","makeSize","labelWidth","_objectSpread","style","flexShrink","getIn","labelLeftMarginRight","metaAttribute","name","MetaConstants","labelMarginBottom","marginLeft"],"mappings":"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"}

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

@@ -48,7 +48,7 @@ import { makeSize } from '../../../utils/makeSize/makeSize.js';
 import { FormHint } from '../../Form/FormHint.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["as", "label", "labelPosition", "placeholder", "type", "defaultValue", "tags", "showAllTags", "activeTagIndex", "setActiveTagIndex", "name", "value", "onFocus", "onChange", "onInput", "onBlur", "onSubmit", "onClick", "onKeyDown", "isDisabled", "necessityIndicator", "validationState", "errorText", "helpText", "successText", "isRequired", "leadingIcon", "prefix", "trailingInteractionElement", "onTrailingInteractionElementClick", "leadingInteractionElement", "suffix", "trailingIcon", "maxCharacters", "textAlign", "autoFocus", "keyboardReturnKeyType", "keyboardType", "autoCompleteSuggestionType", "trailingHeaderSlot", "trailingFooterSlot", "numberOfLines", "id", "componentName", "accessibilityLabel", "labelId", "activeDescendant", "hideLabelText", "hideFormHint", "hasPopup", "popupId", "isPopupExpanded", "maxTagRows", "shouldIgnoreBlurAnimation", "setShouldIgnoreBlurAnimation", "autoCapitalize", "setInputWrapperRef", "testID", "isDropdownTrigger", "isLabelInsideInput", "size", "trailingButton", "valueComponentType", "isTableInputCell", "showHintsAsTooltip", "_motionMeta", "role", "tabIndex", "leadingDropDown", "trailingDropDown"];
+var _excluded = ["as", "label", "labelPosition", "placeholder", "type", "defaultValue", "tags", "showAllTags", "activeTagIndex", "setActiveTagIndex", "name", "value", "onFocus", "onChange", "onInput", "onBlur", "onSubmit", "onClick", "onKeyDown", "isDisabled", "necessityIndicator", "validationState", "errorText", "helpText", "successText", "isRequired", "leadingIcon", "prefix", "trailingInteractionElement", "onTrailingInteractionElementClick", "leadingInteractionElement", "suffix", "trailingIcon", "maxCharacters", "textAlign", "autoFocus", "keyboardReturnKeyType", "keyboardType", "autoCompleteSuggestionType", "trailingHeaderSlot", "trailingFooterSlot", "numberOfLines", "id", "componentName", "accessibilityLabel", "labelId", "activeDescendant", "hideLabelText", "hideFormHint", "hasPopup", "popupId", "isPopupExpanded", "maxTagRows", "shouldIgnoreBlurAnimation", "setShouldIgnoreBlurAnimation", "autoCapitalize", "setInputWrapperRef", "testID", "isDropdownTrigger", "isLabelInsideInput", "size", "trailingButton", "valueComponentType", "isTableInputCell", "showHintsAsTooltip", "_motionMeta", "role", "tabIndex", "leadingDropDown", "trailingDropDown", "labelSuffix", "labelTrailing"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var autoCompleteSuggestionTypeValues = ['none', 'on', 'name', 'email', 'username', 'password', 'newPassword', 'oneTimeCode', 'telephone', 'postalCode', 'countryName', 'creditCardNumber', 'creditCardCSC', 'creditCardExpiry', 'creditCardExpiryMonth', 'creditCardExpiryYear'];
@@ -384,6 +384,8 @@ var _BaseInput = function _BaseInput(_ref12, ref) {
     tabIndex = _ref12.tabIndex,
     leadingDropDown = _ref12.leadingDropDown,
     trailingDropDown = _ref12.trailingDropDown,
+    labelSuffix = _ref12.labelSuffix,
+    labelTrailing = _ref12.labelTrailing,
     rest = _objectWithoutProperties(_ref12, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
@@ -494,7 +496,7 @@ var _BaseInput = function _BaseInput(_ref12, ref) {
         display: "flex",
         flexDirection: isLabelLeftPositioned ? 'column' : 'row',
         justifyContent: "space-between",
-        alignSelf: isTextArea ? 'flex-start' : undefined,
+        alignSelf: isTextArea && isLabelLeftPositioned ? 'flex-start' : undefined,
         marginY: isTextArea && isLabelLeftPositioned ? 'spacing.3' : 'spacing.0',
         children: [/*#__PURE__*/jsx(FormLabel, {
           as: "label",
@@ -503,6 +505,8 @@ var _BaseInput = function _BaseInput(_ref12, ref) {
           id: labelId,
           htmlFor: inputId,
           size: _size,
+          labelSuffix: labelSuffix,
+          labelTrailing: labelTrailing,
           children: label
         }), trailingHeaderSlot === null || trailingHeaderSlot === void 0 ? void 0 : trailingHeaderSlot(value !== null && value !== void 0 ? value : inputValue)]
       }), /*#__PURE__*/jsx(FocusRingWrapper, {