@razorpay/blade 11.19.1 → 11.21.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"shiftTimezone.js","sources":["../../../../../../src/components/DatePicker/shiftTimezone.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport timezonePlugin from 'dayjs/plugin/timezone';\nimport utcPlugin from 'dayjs/plugin/utc';\nimport type { DateValue, DatesRangeValue } from './types';\n\ndayjs.extend(utcPlugin);\ndayjs.extend(timezonePlugin);\n\nfunction getTimezoneOffset(date: Date, timezone?: string): number {\n  if (timezone) {\n    return dayjs(date).tz(timezone).utcOffset() + date.getTimezoneOffset();\n  }\n  return 0;\n}\n\ntype TimeShiftDirection = 'add' | 'remove';\n\nconst updateTimezone = (\n  date: DateValue | undefined,\n  timezone?: string,\n  direction?: TimeShiftDirection,\n): DateValue => {\n  if (!date) {\n    return null;\n  }\n  if (!timezone) {\n    return date;\n  }\n  let offset = getTimezoneOffset(date, timezone);\n  if (direction === 'remove') {\n    offset *= -1;\n  }\n  return dayjs(date).add(offset, 'minutes').toDate();\n};\n\nexport function shiftTimezone<T extends DateValue | Date[] | DatesRangeValue | undefined>(\n  direction: TimeShiftDirection,\n  date: T,\n  timezone?: string,\n  disabled?: boolean,\n): T {\n  if (disabled || !date) {\n    return date;\n  }\n  if (Array.isArray(date)) {\n    return date.map((d) => updateTimezone(d, timezone, direction)) as T;\n  }\n  return updateTimezone(date, timezone, direction) as T;\n}\n"],"names":["dayjs","extend","utcPlugin","timezonePlugin","getTimezoneOffset","date","timezone","tz","utcOffset","updateTimezone","direction","offset","add","toDate","shiftTimezone","disabled","Array","isArray","map","d"],"mappings":";;;;AAKAA,KAAK,CAACC,MAAM,CAACC,SAAS,CAAC,CAAA;AACvBF,KAAK,CAACC,MAAM,CAACE,cAAc,CAAC,CAAA;AAE5B,SAASC,iBAAiBA,CAACC,IAAU,EAAEC,QAAiB,EAAU;AAChE,EAAA,IAAIA,QAAQ,EAAE;AACZ,IAAA,OAAON,KAAK,CAACK,IAAI,CAAC,CAACE,EAAE,CAACD,QAAQ,CAAC,CAACE,SAAS,EAAE,GAAGH,IAAI,CAACD,iBAAiB,EAAE,CAAA;AACxE,GAAA;AACA,EAAA,OAAO,CAAC,CAAA;AACV,CAAA;AAIA,IAAMK,cAAc,GAAG,SAAjBA,cAAcA,CAClBJ,IAA2B,EAC3BC,QAAiB,EACjBI,SAA8B,EAChB;EACd,IAAI,CAACL,IAAI,EAAE;AACT,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EACA,IAAI,CAACC,QAAQ,EAAE;AACb,IAAA,OAAOD,IAAI,CAAA;AACb,GAAA;AACA,EAAA,IAAIM,MAAM,GAAGP,iBAAiB,CAACC,IAAI,EAAEC,QAAQ,CAAC,CAAA;EAC9C,IAAII,SAAS,KAAK,QAAQ,EAAE;IAC1BC,MAAM,IAAI,CAAC,CAAC,CAAA;AACd,GAAA;AACA,EAAA,OAAOX,KAAK,CAACK,IAAI,CAAC,CAACO,GAAG,CAACD,MAAM,EAAE,SAAS,CAAC,CAACE,MAAM,EAAE,CAAA;AACpD,CAAC,CAAA;AAEM,SAASC,aAAaA,CAC3BJ,SAA6B,EAC7BL,IAAO,EACPC,QAAiB,EACjBS,QAAkB,EACf;AACH,EAAA,IAAIA,QAAQ,IAAI,CAACV,IAAI,EAAE;AACrB,IAAA,OAAOA,IAAI,CAAA;AACb,GAAA;AACA,EAAA,IAAIW,KAAK,CAACC,OAAO,CAACZ,IAAI,CAAC,EAAE;AACvB,IAAA,OAAOA,IAAI,CAACa,GAAG,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKV,cAAc,CAACU,CAAC,EAAEb,QAAQ,EAAEI,SAAS,CAAC,CAAA;KAAC,CAAA,CAAA;AAChE,GAAA;AACA,EAAA,OAAOD,cAAc,CAACJ,IAAI,EAAEC,QAAQ,EAAEI,SAAS,CAAC,CAAA;AAClD;;;;"}

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

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useRef } from 'react';
 import { useUncontrolled } from '@mantine/hooks';
-import { useDatesContext, shiftTimezone } from '@mantine/dates';
+import { shiftTimezone } from './shiftTimezone.js';
 import '../../utils/logger/index.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
 
@@ -12,17 +12,14 @@ function useUncontrolledDates(_ref) {
   var type = _ref.type,
     value = _ref.value,
     defaultValue = _ref.defaultValue,
-    _onChange = _ref.onChange,
-    _ref$applyTimezone = _ref.applyTimezone,
-    applyTimezone = _ref$applyTimezone === void 0 ? true : _ref$applyTimezone;
+    _onChange = _ref.onChange;
   var storedType = useRef(type);
-  var ctx = useDatesContext();
   var _useUncontrolled = useUncontrolled({
-      value: shiftTimezone('add', value, ctx.getTimezone(), !applyTimezone),
-      defaultValue: shiftTimezone('add', defaultValue, ctx.getTimezone(), !applyTimezone),
+      value: shiftTimezone('add', value),
+      defaultValue: shiftTimezone('add', defaultValue),
       finalValue: getEmptyValue(type),
       onChange: function onChange(newDate) {
-        _onChange === null || _onChange === void 0 ? void 0 : _onChange(shiftTimezone('remove', newDate, ctx.getTimezone(), !applyTimezone));
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(shiftTimezone('remove', newDate));
       }
     }),
     _useUncontrolled2 = _slicedToArray(_useUncontrolled, 3),

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

@@ -1 +1 @@
-{"version":3,"file":"useControlledDates.js","sources":["../../../../../../src/components/DatePicker/useControlledDates.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable default-case */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport { useRef } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport type { DatePickerType, DatePickerValue } from '@mantine/dates';\nimport { shiftTimezone, useDatesContext } from '@mantine/dates';\nimport { throwBladeError } from '~utils/logger';\n\ninterface UseUncontrolledDates<Type extends DatePickerType = 'default'> {\n  type: Type;\n  value: DatePickerValue<Type> | undefined;\n  defaultValue: DatePickerValue<Type> | undefined;\n  onChange: ((value: DatePickerValue<Type>) => void) | undefined;\n  applyTimezone?: boolean;\n}\n\nconst getEmptyValue = <Type extends DatePickerType = 'default'>(type: Type) =>\n  type === 'range' ? [null, null] : type === 'multiple' ? [] : null;\n\nfunction useUncontrolledDates<Type extends DatePickerType = 'default'>({\n  type,\n  value,\n  defaultValue,\n  onChange,\n  applyTimezone = true,\n}: UseUncontrolledDates<Type>) {\n  const storedType = useRef<Type>(type);\n  const ctx = useDatesContext();\n  const [_value, _setValue, controlled] = useUncontrolled<any>({\n    value: shiftTimezone('add', value, ctx.getTimezone(), !applyTimezone),\n    defaultValue: shiftTimezone('add', defaultValue, ctx.getTimezone(), !applyTimezone),\n    finalValue: getEmptyValue(type),\n    onChange: (newDate) => {\n      onChange?.(shiftTimezone('remove', newDate, ctx.getTimezone(), !applyTimezone));\n    },\n  });\n\n  let _finalValue = _value;\n\n  if (storedType.current !== type) {\n    // Type has changed. Do some checks or resets\n\n    storedType.current = type;\n    if (value === undefined) {\n      // Reset uncontrolled value as types aren't compatible\n      _finalValue = defaultValue !== undefined ? defaultValue : getEmptyValue(type);\n      _setValue(_finalValue);\n    } else if (__DEV__) {\n      // Throw errors in dev mode in case type of value isn't correct\n      switch (type) {\n        case 'default':\n          if (value !== null && typeof value !== 'string') {\n            throwBladeError({\n              message: 'Value must be type of `null` or `string`',\n              moduleName: 'useControlledDates',\n            });\n          }\n          break;\n        case 'multiple':\n          if (!(value instanceof Array)) {\n            throwBladeError({\n              message: 'Value must be type of `string[]`',\n              moduleName: 'useControlledDates',\n            });\n          }\n          break;\n        case 'range':\n          if (!(value instanceof Array) || value.length !== 2) {\n            throwBladeError({\n              message: 'Value must be type of `[string, string]`',\n              moduleName: 'useControlledDates',\n            });\n          }\n          break;\n      }\n    }\n  }\n\n  return [_finalValue, _setValue, controlled];\n}\n\nexport { useUncontrolledDates };\n"],"names":["getEmptyValue","type","useUncontrolledDates","_ref","value","defaultValue","onChange","_ref$applyTimezone","applyTimezone","storedType","useRef","ctx","useDatesContext","_useUncontrolled","useUncontrolled","shiftTimezone","getTimezone","finalValue","newDate","_useUncontrolled2","_slicedToArray","_value","_setValue","controlled","_finalValue","current","undefined","throwBladeError","message","moduleName","Array","length"],"mappings":"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"}
+{"version":3,"file":"useControlledDates.js","sources":["../../../../../../src/components/DatePicker/useControlledDates.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable default-case */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport { useRef } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport type { DatePickerType, DatePickerValue } from '@mantine/dates';\nimport { shiftTimezone } from './shiftTimezone';\nimport { throwBladeError } from '~utils/logger';\n\ninterface UseUncontrolledDates<Type extends DatePickerType = 'default'> {\n  type: Type;\n  value: DatePickerValue<Type> | undefined;\n  defaultValue: DatePickerValue<Type> | undefined;\n  onChange: ((value: DatePickerValue<Type>) => void) | undefined;\n  applyTimezone?: boolean;\n}\n\nconst getEmptyValue = <Type extends DatePickerType = 'default'>(type: Type) =>\n  type === 'range' ? [null, null] : type === 'multiple' ? [] : null;\n\nfunction useUncontrolledDates<Type extends DatePickerType = 'default'>({\n  type,\n  value,\n  defaultValue,\n  onChange,\n}: UseUncontrolledDates<Type>) {\n  const storedType = useRef<Type>(type);\n  const [_value, _setValue, controlled] = useUncontrolled<any>({\n    value: shiftTimezone('add', value),\n    defaultValue: shiftTimezone('add', defaultValue),\n    finalValue: getEmptyValue(type),\n    onChange: (newDate) => {\n      onChange?.(shiftTimezone('remove', newDate));\n    },\n  });\n\n  let _finalValue = _value;\n\n  if (storedType.current !== type) {\n    // Type has changed. Do some checks or resets\n\n    storedType.current = type;\n    if (value === undefined) {\n      // Reset uncontrolled value as types aren't compatible\n      _finalValue = defaultValue !== undefined ? defaultValue : getEmptyValue(type);\n      _setValue(_finalValue);\n    } else if (__DEV__) {\n      // Throw errors in dev mode in case type of value isn't correct\n      switch (type) {\n        case 'default':\n          if (value !== null && typeof value !== 'string') {\n            throwBladeError({\n              message: 'Value must be type of `null` or `string`',\n              moduleName: 'useControlledDates',\n            });\n          }\n          break;\n        case 'multiple':\n          if (!(value instanceof Array)) {\n            throwBladeError({\n              message: 'Value must be type of `string[]`',\n              moduleName: 'useControlledDates',\n            });\n          }\n          break;\n        case 'range':\n          if (!(value instanceof Array) || value.length !== 2) {\n            throwBladeError({\n              message: 'Value must be type of `[string, string]`',\n              moduleName: 'useControlledDates',\n            });\n          }\n          break;\n      }\n    }\n  }\n\n  return [_finalValue, _setValue, controlled];\n}\n\nexport { useUncontrolledDates };\n"],"names":["getEmptyValue","type","useUncontrolledDates","_ref","value","defaultValue","onChange","storedType","useRef","_useUncontrolled","useUncontrolled","shiftTimezone","finalValue","newDate","_useUncontrolled2","_slicedToArray","_value","_setValue","controlled","_finalValue","current","undefined","throwBladeError","message","moduleName","Array","length"],"mappings":"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"}

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

@@ -1,3 +1,7 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import dayjs from 'dayjs';
+
+var _excluded = ["formatter"];
 var dayjs_locales = ['af', 'ar', 'ar-dz', 'ar-kw', 'ar-ly', 'ar-ma', 'ar-sa', 'ar-tn', 'az', 'be', 'bg', 'bm', 'bn', 'bo', 'br', 'bs', 'ca', 'cs', 'cv', 'cy', 'da', 'de', 'de-at', 'de-ch', 'dv', 'el', 'en', 'en-au', 'en-ca', 'en-gb', 'en-ie', 'en-il', 'en-nz', 'en-SG', 'eo', 'es', 'es-do', 'es-us', 'et', 'eu', 'fa', 'fi', 'fo', 'fr', 'fr-ca', 'fr-ch', 'fy', 'ga', 'gd', 'gl', 'gom-latn', 'gu', 'he', 'hi', 'hr', 'hu', 'hy-am', 'id', 'is', 'it', 'it-ch', 'ja', 'jv', 'ka', 'kk', 'km', 'kn', 'ko', 'ku', 'ky', 'lb', 'lo', 'lt', 'lv', 'me', 'mi', 'mk', 'ml', 'mn', 'mr', 'ms', 'ms-my', 'mt', 'my', 'nb', 'ne', 'nl', 'nl-be', 'nn', 'oc-lnc', 'pa-in', 'pl', 'pt', 'pt-br', 'ro', 'ru', 'sd', 'se', 'si', 'sk', 'sl', 'sq', 'sr', 'sr-cyrl', 'ss', 'sv', 'sw', 'ta', 'te', 'tet', 'tg', 'th', 'tl-ph', 'tlh', 'tr', 'tzl', 'tzm', 'tzm-latn', 'ug-cn', 'uk', 'ur', 'uz', 'uz-latn', 'vi', 'x-pseudo', 'yo', 'zh-cn', 'zh-hk', 'zh-tw'];
 
 // https://github.com/iamkun/dayjs/issues/732#issuecomment-554383261
@@ -34,6 +38,34 @@ function loadScript(src, callback) {
   };
   document.head.appendChild(localeScript);
 }
+function defaultDateFormatter(_ref) {
+  var type = _ref.type,
+    date = _ref.date,
+    locale = _ref.locale,
+    format = _ref.format,
+    labelSeparator = _ref.labelSeparator;
+  var formatDate = function formatDate(value) {
+    return dayjs(value).locale(locale).format(format);
+  };
+  if (type === 'default') {
+    return date === null ? '' : formatDate(date);
+  }
+  if (type === 'range' && Array.isArray(date)) {
+    if (date[0] && date[1]) {
+      return "".concat(formatDate(date[0]), " ").concat(labelSeparator, " ").concat(formatDate(date[1]));
+    }
+    if (date[0]) {
+      return "".concat(formatDate(date[0]), " ").concat(labelSeparator, " ");
+    }
+    return '';
+  }
+  return '';
+}
+function getFormattedDate(_ref2) {
+  var formatter = _ref2.formatter,
+    others = _objectWithoutProperties(_ref2, _excluded);
+  return (formatter || defaultDateFormatter)(others);
+}
 
-export { convertIntlToDayjsLocale, loadScript };
+export { convertIntlToDayjsLocale, getFormattedDate, loadScript };
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../src/components/DatePicker/utils.ts"],"sourcesContent":["const dayjs_locales = [\n  'af',\n  'ar',\n  'ar-dz',\n  'ar-kw',\n  'ar-ly',\n  'ar-ma',\n  'ar-sa',\n  'ar-tn',\n  'az',\n  'be',\n  'bg',\n  'bm',\n  'bn',\n  'bo',\n  'br',\n  'bs',\n  'ca',\n  'cs',\n  'cv',\n  'cy',\n  'da',\n  'de',\n  'de-at',\n  'de-ch',\n  'dv',\n  'el',\n  'en',\n  'en-au',\n  'en-ca',\n  'en-gb',\n  'en-ie',\n  'en-il',\n  'en-nz',\n  'en-SG',\n  'eo',\n  'es',\n  'es-do',\n  'es-us',\n  'et',\n  'eu',\n  'fa',\n  'fi',\n  'fo',\n  'fr',\n  'fr-ca',\n  'fr-ch',\n  'fy',\n  'ga',\n  'gd',\n  'gl',\n  'gom-latn',\n  'gu',\n  'he',\n  'hi',\n  'hr',\n  'hu',\n  'hy-am',\n  'id',\n  'is',\n  'it',\n  'it-ch',\n  'ja',\n  'jv',\n  'ka',\n  'kk',\n  'km',\n  'kn',\n  'ko',\n  'ku',\n  'ky',\n  'lb',\n  'lo',\n  'lt',\n  'lv',\n  'me',\n  'mi',\n  'mk',\n  'ml',\n  'mn',\n  'mr',\n  'ms',\n  'ms-my',\n  'mt',\n  'my',\n  'nb',\n  'ne',\n  'nl',\n  'nl-be',\n  'nn',\n  'oc-lnc',\n  'pa-in',\n  'pl',\n  'pt',\n  'pt-br',\n  'ro',\n  'ru',\n  'sd',\n  'se',\n  'si',\n  'sk',\n  'sl',\n  'sq',\n  'sr',\n  'sr-cyrl',\n  'ss',\n  'sv',\n  'sw',\n  'ta',\n  'te',\n  'tet',\n  'tg',\n  'th',\n  'tl-ph',\n  'tlh',\n  'tr',\n  'tzl',\n  'tzm',\n  'tzm-latn',\n  'ug-cn',\n  'uk',\n  'ur',\n  'uz',\n  'uz-latn',\n  'vi',\n  'x-pseudo',\n  'yo',\n  'zh-cn',\n  'zh-hk',\n  'zh-tw',\n];\n\n// https://github.com/iamkun/dayjs/issues/732#issuecomment-554383261\nfunction patchLocale(locale: string): string | boolean {\n  if (['en', 'en-us'].includes(locale)) return 'en';\n  if (locale === 'zn') return 'zh-cn';\n  if (locale === 'no') return 'nb';\n  if (dayjs_locales.includes(locale)) return locale;\n  return false;\n}\n\nfunction convertIntlToDayjsLocale(lang: string): string {\n  lang = lang.toLowerCase();\n  const locale = patchLocale(lang) || (lang.includes('-') && patchLocale(lang.split('-')[0]));\n  if (!locale) return 'en';\n\n  return `${locale}`;\n}\n\nfunction isScriptLoaded(src: string): boolean {\n  return Boolean(document.querySelector(`script[src=\"${src}\"]`));\n}\n\n/**\n * Used to dynamically load a script\n */\nfunction loadScript(src: string, callback?: () => void): void {\n  if (isScriptLoaded(src)) {\n    callback?.();\n    return;\n  }\n  const localeScript = document.createElement('script');\n  localeScript.async = true;\n  localeScript.src = src;\n  localeScript.onload = () => callback?.();\n  document.head.appendChild(localeScript);\n}\n\nexport { convertIntlToDayjsLocale, loadScript };\n"],"names":["dayjs_locales","patchLocale","locale","includes","convertIntlToDayjsLocale","lang","toLowerCase","split","concat","isScriptLoaded","src","Boolean","document","querySelector","loadScript","callback","localeScript","createElement","async","onload","head","appendChild"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../../../../src/components/DatePicker/utils.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { DatePickerType, DatePickerValue } from '@mantine/dates';\nimport dayjs from 'dayjs';\n\nconst dayjs_locales = [\n  'af',\n  'ar',\n  'ar-dz',\n  'ar-kw',\n  'ar-ly',\n  'ar-ma',\n  'ar-sa',\n  'ar-tn',\n  'az',\n  'be',\n  'bg',\n  'bm',\n  'bn',\n  'bo',\n  'br',\n  'bs',\n  'ca',\n  'cs',\n  'cv',\n  'cy',\n  'da',\n  'de',\n  'de-at',\n  'de-ch',\n  'dv',\n  'el',\n  'en',\n  'en-au',\n  'en-ca',\n  'en-gb',\n  'en-ie',\n  'en-il',\n  'en-nz',\n  'en-SG',\n  'eo',\n  'es',\n  'es-do',\n  'es-us',\n  'et',\n  'eu',\n  'fa',\n  'fi',\n  'fo',\n  'fr',\n  'fr-ca',\n  'fr-ch',\n  'fy',\n  'ga',\n  'gd',\n  'gl',\n  'gom-latn',\n  'gu',\n  'he',\n  'hi',\n  'hr',\n  'hu',\n  'hy-am',\n  'id',\n  'is',\n  'it',\n  'it-ch',\n  'ja',\n  'jv',\n  'ka',\n  'kk',\n  'km',\n  'kn',\n  'ko',\n  'ku',\n  'ky',\n  'lb',\n  'lo',\n  'lt',\n  'lv',\n  'me',\n  'mi',\n  'mk',\n  'ml',\n  'mn',\n  'mr',\n  'ms',\n  'ms-my',\n  'mt',\n  'my',\n  'nb',\n  'ne',\n  'nl',\n  'nl-be',\n  'nn',\n  'oc-lnc',\n  'pa-in',\n  'pl',\n  'pt',\n  'pt-br',\n  'ro',\n  'ru',\n  'sd',\n  'se',\n  'si',\n  'sk',\n  'sl',\n  'sq',\n  'sr',\n  'sr-cyrl',\n  'ss',\n  'sv',\n  'sw',\n  'ta',\n  'te',\n  'tet',\n  'tg',\n  'th',\n  'tl-ph',\n  'tlh',\n  'tr',\n  'tzl',\n  'tzm',\n  'tzm-latn',\n  'ug-cn',\n  'uk',\n  'ur',\n  'uz',\n  'uz-latn',\n  'vi',\n  'x-pseudo',\n  'yo',\n  'zh-cn',\n  'zh-hk',\n  'zh-tw',\n];\n\n// https://github.com/iamkun/dayjs/issues/732#issuecomment-554383261\nfunction patchLocale(locale: string): string | boolean {\n  if (['en', 'en-us'].includes(locale)) return 'en';\n  if (locale === 'zn') return 'zh-cn';\n  if (locale === 'no') return 'nb';\n  if (dayjs_locales.includes(locale)) return locale;\n  return false;\n}\n\nfunction convertIntlToDayjsLocale(lang: string): string {\n  lang = lang.toLowerCase();\n  const locale = patchLocale(lang) || (lang.includes('-') && patchLocale(lang.split('-')[0]));\n  if (!locale) return 'en';\n\n  return `${locale}`;\n}\n\nfunction isScriptLoaded(src: string): boolean {\n  return Boolean(document.querySelector(`script[src=\"${src}\"]`));\n}\n\n/**\n * Used to dynamically load a script\n */\nfunction loadScript(src: string, callback?: () => void): void {\n  if (isScriptLoaded(src)) {\n    callback?.();\n    return;\n  }\n  const localeScript = document.createElement('script');\n  localeScript.async = true;\n  localeScript.src = src;\n  localeScript.onload = () => callback?.();\n  document.head.appendChild(localeScript);\n}\n\ninterface DateFormatterInput {\n  type: DatePickerType;\n  date: DatePickerValue<DatePickerType>;\n  locale: string;\n  format: string;\n  labelSeparator: string;\n}\n\ntype DateFormatter = (input: DateFormatterInput) => string;\n\nfunction defaultDateFormatter({ type, date, locale, format, labelSeparator }: DateFormatterInput) {\n  const formatDate = (value: Date) => dayjs(value).locale(locale).format(format);\n\n  if (type === 'default') {\n    return date === null ? '' : formatDate(date as Date);\n  }\n\n  if (type === 'range' && Array.isArray(date)) {\n    if (date[0] && date[1]) {\n      return `${formatDate(date[0])} ${labelSeparator} ${formatDate(date[1])}`;\n    }\n\n    if (date[0]) {\n      return `${formatDate(date[0])} ${labelSeparator} `;\n    }\n\n    return '';\n  }\n\n  return '';\n}\n\ninterface GetFormattedDateInput extends DateFormatterInput {\n  formatter?: DateFormatter;\n}\n\nfunction getFormattedDate({ formatter, ...others }: GetFormattedDateInput) {\n  return (formatter || defaultDateFormatter)(others);\n}\n\nexport { convertIntlToDayjsLocale, loadScript, getFormattedDate };\n"],"names":["dayjs_locales","patchLocale","locale","includes","convertIntlToDayjsLocale","lang","toLowerCase","split","concat","isScriptLoaded","src","Boolean","document","querySelector","loadScript","callback","localeScript","createElement","async","onload","head","appendChild","defaultDateFormatter","_ref","type","date","format","labelSeparator","formatDate","value","dayjs","Array","isArray","getFormattedDate","_ref2","formatter","others","_objectWithoutProperties","_excluded"],"mappings":"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"}

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

@@ -69,6 +69,8 @@ var _Drawer = function _Drawer(_ref4) {
     _ref4$showOverlay = _ref4.showOverlay,
     showOverlay = _ref4$showOverlay === void 0 ? true : _ref4$showOverlay,
     initialFocusRef = _ref4.initialFocusRef,
+    _ref4$isLazy = _ref4.isLazy,
+    isLazy = _ref4$isLazy === void 0 ? true : _ref4$isLazy,
     testID = _ref4.testID;
   var closeButtonRef = React__default.useRef(null);
   var _React$useState = React__default.useState(zIndex),
@@ -93,13 +95,14 @@ var _Drawer = function _Drawer(_ref4) {
       initialEnter: true
     }),
     isMounted = _usePresence.isMounted,
-    isVisible = _usePresence.isVisible;
+    isVisible = _usePresence.isVisible,
+    isExiting = _usePresence.isExiting;
   var _React$useMemo = React__default.useMemo(function () {
       // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
-      var level = drawerStack.indexOf(drawerId) + 1;
+      var level = Object.keys(drawerStack).indexOf(drawerId) + 1;
       return {
         stackingLevel: level,
-        isFirstDrawerInStack: level === 1 && drawerStack.length > 1
+        isFirstDrawerInStack: level === 1 && Object.keys(drawerStack).length > 1
       };
     }, [drawerId, drawerStack]),
     stackingLevel = _React$useMemo.stackingLevel,
@@ -111,9 +114,14 @@ var _Drawer = function _Drawer(_ref4) {
     context = _useFloating.context;
   React__default.useEffect(function () {
     if (isOpen) {
-      addToDrawerStack(drawerId);
+      addToDrawerStack({
+        elementId: drawerId,
+        onDismiss: onDismiss
+      });
     } else {
-      removeFromDrawerStack(drawerId);
+      removeFromDrawerStack({
+        elementId: drawerId
+      });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isOpen]);
@@ -125,16 +133,23 @@ var _Drawer = function _Drawer(_ref4) {
     setZIndexState(zIndex + stackingLevel);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isMounted]);
-  return /*#__PURE__*/jsx(DrawerContext.Provider, {
-    value: {
+  var contextValue = React__default.useMemo(function () {
+    return {
       close: onDismiss,
-      closeButtonRef: closeButtonRef
-    },
+      closeButtonRef: closeButtonRef,
+      stackingLevel: stackingLevel,
+      isExiting: isExiting
+    };
+  }, [isExiting, onDismiss, stackingLevel]);
+  return /*#__PURE__*/jsx(DrawerContext.Provider, {
+    value: contextValue,
     children: /*#__PURE__*/jsx(FloatingPortal, {
-      children: isMounted ? /*#__PURE__*/jsx(FloatingFocusManager, {
+      children: isMounted || !isLazy ? /*#__PURE__*/jsx(FloatingFocusManager, {
         context: context,
         initialFocus: initialFocusRef !== null && initialFocusRef !== void 0 ? initialFocusRef : closeButtonRef,
+        returnFocus: true,
         children: /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread({
+          display: isLazy ? undefined : isMounted ? 'block' : 'none',
           position: "fixed"
         }, metaAttribute({
           name: MetaConstants.Drawer,

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.web.js","sources":["../../../../../../src/components/Drawer/Drawer.web.tsx"],"sourcesContent":["import {\n  FloatingFocusManager,\n  FloatingOverlay,\n  FloatingPortal,\n  useFloating,\n} from '@floating-ui/react';\nimport type { CSSProperties } from 'react';\nimport React from 'react';\nimport styled from 'styled-components';\nimport usePresence from 'use-presence';\nimport { drawerComponentIds } from './drawerComponentIds';\nimport { DrawerContext } from './DrawerContext';\nimport type { DrawerProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType, makeMotionTime, useTheme } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { useDrawerStack } from '~components/Drawer/StackProvider';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useId } from '~utils/useId';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren';\n\nconst SHOW_DRAWER = 'show-drawer';\n\nconst AnimatedDrawerContainer = styled(BaseBox)<{\n  isFirstDrawerInStack: boolean;\n  isVisible: boolean;\n}>(({ theme, isFirstDrawerInStack, isVisible }) => {\n  const entranceTransition: CSSProperties['transition'] = `all ${castWebType(\n    castWebType(makeMotionTime(theme.motion.duration.gentle)),\n  )} ${castWebType(theme.motion.easing.entrance.revealing)}`;\n\n  const exitTransition: CSSProperties['transition'] = `all\n  ${castWebType(makeMotionTime(theme.motion.duration.xmoderate))}\n  ${castWebType(theme.motion.easing.exit.revealing)}`;\n\n  return {\n    opacity: isVisible ? 1 : 0,\n    transform: isVisible\n      ? isFirstDrawerInStack\n        ? 'translateX(calc(-100% - 16px))'\n        : 'translateX(-100%)'\n      : 'translateX(0%)',\n    transition: isVisible ? entranceTransition : exitTransition,\n    animationFillMode: 'initial',\n  };\n});\n\nconst DrawerOverlay = styled(FloatingOverlay)(({ theme }) => {\n  return {\n    opacity: 0,\n    transition: `opacity\n      ${makeMotionTime(theme.motion.duration.xmoderate)}\n      ${castWebType(theme.motion.easing.exit.revealing)}`,\n    backgroundColor: theme.colors.overlay.background.subtle,\n\n    [`&.${SHOW_DRAWER}`]: {\n      opacity: 1,\n      transition: `opacity ${makeMotionTime(theme.motion.duration.gentle)} ${castWebType(\n        theme.motion.easing.entrance.revealing,\n      )}`,\n    },\n  };\n});\n\nconst _Drawer = ({\n  isOpen,\n  onDismiss,\n  zIndex = componentZIndices.drawer,\n  children,\n  accessibilityLabel,\n  showOverlay = true,\n  initialFocusRef,\n  testID,\n}: DrawerProps): React.ReactElement => {\n  const closeButtonRef = React.useRef<HTMLDivElement>(null);\n  const [zIndexState, setZIndexState] = React.useState<number>(zIndex);\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Drawer',\n    allowedComponents: [drawerComponentIds.DrawerHeader, drawerComponentIds.DrawerBody],\n  });\n\n  const { theme } = useTheme();\n  const drawerId = useId('drawer');\n  const { drawerStack, addToDrawerStack, removeFromDrawerStack } = useDrawerStack();\n\n  const { isMounted, isVisible } = usePresence(isOpen, {\n    enterTransitionDuration: theme.motion.duration.gentle,\n    exitTransitionDuration: theme.motion.duration.xmoderate,\n    initialEnter: true,\n  });\n\n  const { stackingLevel, isFirstDrawerInStack } = React.useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    const level = drawerStack.indexOf(drawerId) + 1;\n    return {\n      stackingLevel: level,\n      isFirstDrawerInStack: level === 1 && drawerStack.length > 1,\n    };\n  }, [drawerId, drawerStack]);\n\n  const { refs, context } = useFloating({\n    open: isMounted,\n  });\n\n  React.useEffect(() => {\n    if (isOpen) {\n      addToDrawerStack(drawerId);\n    } else {\n      removeFromDrawerStack(drawerId);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  // When z-index is not defined by user, we use default drawer z index and add stackingLevel to ensure\n  // new drawer that opens, always opens on top of previous one.\n  React.useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    setZIndexState(zIndex + stackingLevel);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isMounted]);\n\n  return (\n    <DrawerContext.Provider value={{ close: onDismiss, closeButtonRef }}>\n      <FloatingPortal>\n        {isMounted ? (\n          <FloatingFocusManager context={context} initialFocus={initialFocusRef ?? closeButtonRef}>\n            <BaseBox\n              position=\"fixed\"\n              {...metaAttribute({\n                name: MetaConstants.Drawer,\n                testID,\n              })}\n              zIndex={zIndexState}\n            >\n              {showOverlay || stackingLevel === 2 ? (\n                <DrawerOverlay\n                  onClick={() => {\n                    onDismiss();\n                  }}\n                  className={isVisible ? SHOW_DRAWER : ''}\n                  lockScroll={true}\n                  {...metaAttribute({\n                    testID: 'drawer-overlay',\n                  })}\n                />\n              ) : null}\n              <AnimatedDrawerContainer\n                isVisible={isVisible}\n                isFirstDrawerInStack={isFirstDrawerInStack}\n                width={{ base: '90%', s: '375px', m: '420px' }}\n                {...makeAccessible({\n                  role: 'dialog',\n                  modal: true,\n                  label: accessibilityLabel,\n                })}\n                position=\"fixed\"\n                top=\"spacing.0\"\n                left=\"100%\"\n                backgroundColor=\"popup.background.subtle\"\n                elevation=\"highRaised\"\n                height=\"100%\"\n                display=\"flex\"\n                flexDirection=\"column\"\n                ref={refs.setFloating}\n                onKeyDown={(event) => {\n                  if (event?.key === 'Escape' || event?.code === 'Escape') {\n                    onDismiss();\n                  }\n                }}\n              >\n                {children}\n              </AnimatedDrawerContainer>\n            </BaseBox>\n          </FloatingFocusManager>\n        ) : null}\n      </FloatingPortal>\n    </DrawerContext.Provider>\n  );\n};\n\n/**\n * ### Drawer Component\n * \n * A drawer is a panel that slides in mostly from right side of the screen over the existing content in the viewport. \n * It helps in providing additional details or context and can also be used to promote product features or new products.\n * \n * ---\n * \n * #### Usage\n * \n * ```jsx\n  const MyDrawer = () => {\n    const [showDrawer, setShowDrawer] = React.useState(false);\n    return (\n      <Box>\n        <Button onClick={() => setShowDrawer(true)}>Open Drawer</Button>\n        <Drawer\n          isOpen={showDrawer}\n          onDismiss={() => setShowDrawer(false)}\n        >\n          <DrawerHeader title=\"Announcements\" />\n          <DrawerBody>\n            <FTXAnnouncement />\n            <CatPictures />\n          </DrawerBody>\n        <Drawer>\n      </Box>\n    )\n  }\n * ```\n *\n *  ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-drawer Drawer Documentation}\n * \n * \n */\nconst Drawer = assignWithoutSideEffects(_Drawer, {\n  componentId: drawerComponentIds.Drawer,\n});\n\nexport { Drawer };\n"],"names":["SHOW_DRAWER","AnimatedDrawerContainer","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","isFirstDrawerInStack","isVisible","entranceTransition","concat","castWebType","makeMotionTime","motion","duration","gentle","easing","entrance","revealing","exitTransition","xmoderate","exit","opacity","transform","transition","animationFillMode","DrawerOverlay","FloatingOverlay","_ref2","_defineProperty","backgroundColor","colors","overlay","background","subtle","_Drawer","_ref4","isOpen","onDismiss","_ref4$zIndex","zIndex","componentZIndices","drawer","children","accessibilityLabel","_ref4$showOverlay","showOverlay","initialFocusRef","testID","closeButtonRef","React","useRef","_React$useState","useState","_React$useState2","_slicedToArray","zIndexState","setZIndexState","useVerifyAllowedChildren","componentName","allowedComponents","drawerComponentIds","DrawerHeader","DrawerBody","_useTheme","useTheme","drawerId","useId","_useDrawerStack","useDrawerStack","drawerStack","addToDrawerStack","removeFromDrawerStack","_usePresence","usePresence","enterTransitionDuration","exitTransitionDuration","initialEnter","isMounted","_React$useMemo","useMemo","level","indexOf","stackingLevel","length","_useFloating","useFloating","open","refs","context","useEffect","_jsx","DrawerContext","Provider","value","close","FloatingPortal","FloatingFocusManager","initialFocus","_jsxs","_objectSpread","position","metaAttribute","name","MetaConstants","Drawer","onClick","className","lockScroll","width","base","s","m","makeAccessible","role","modal","label","top","left","elevation","height","display","flexDirection","ref","setFloating","onKeyDown","event","key","code","assignWithoutSideEffects"],"mappings":"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"}
+{"version":3,"file":"Drawer.web.js","sources":["../../../../../../src/components/Drawer/Drawer.web.tsx"],"sourcesContent":["import {\n  FloatingFocusManager,\n  FloatingOverlay,\n  FloatingPortal,\n  useFloating,\n} from '@floating-ui/react';\nimport type { CSSProperties } from 'react';\nimport React from 'react';\nimport styled from 'styled-components';\nimport usePresence from 'use-presence';\nimport { drawerComponentIds } from './drawerComponentIds';\nimport { DrawerContext } from './DrawerContext';\nimport type { DrawerProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType, makeMotionTime, useTheme } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { useDrawerStack } from '~components/Drawer/StackProvider';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useId } from '~utils/useId';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren';\n\nconst SHOW_DRAWER = 'show-drawer';\n\nconst AnimatedDrawerContainer = styled(BaseBox)<{\n  isFirstDrawerInStack: boolean;\n  isVisible: boolean;\n}>(({ theme, isFirstDrawerInStack, isVisible }) => {\n  const entranceTransition: CSSProperties['transition'] = `all ${castWebType(\n    castWebType(makeMotionTime(theme.motion.duration.gentle)),\n  )} ${castWebType(theme.motion.easing.entrance.revealing)}`;\n\n  const exitTransition: CSSProperties['transition'] = `all\n  ${castWebType(makeMotionTime(theme.motion.duration.xmoderate))}\n  ${castWebType(theme.motion.easing.exit.revealing)}`;\n\n  return {\n    opacity: isVisible ? 1 : 0,\n    transform: isVisible\n      ? isFirstDrawerInStack\n        ? 'translateX(calc(-100% - 16px))'\n        : 'translateX(-100%)'\n      : 'translateX(0%)',\n    transition: isVisible ? entranceTransition : exitTransition,\n    animationFillMode: 'initial',\n  };\n});\n\nconst DrawerOverlay = styled(FloatingOverlay)(({ theme }) => {\n  return {\n    opacity: 0,\n    transition: `opacity\n      ${makeMotionTime(theme.motion.duration.xmoderate)}\n      ${castWebType(theme.motion.easing.exit.revealing)}`,\n    backgroundColor: theme.colors.overlay.background.subtle,\n\n    [`&.${SHOW_DRAWER}`]: {\n      opacity: 1,\n      transition: `opacity ${makeMotionTime(theme.motion.duration.gentle)} ${castWebType(\n        theme.motion.easing.entrance.revealing,\n      )}`,\n    },\n  };\n});\n\nconst _Drawer = ({\n  isOpen,\n  onDismiss,\n  zIndex = componentZIndices.drawer,\n  children,\n  accessibilityLabel,\n  showOverlay = true,\n  initialFocusRef,\n  isLazy = true,\n  testID,\n}: DrawerProps): React.ReactElement => {\n  const closeButtonRef = React.useRef<HTMLDivElement>(null);\n  const [zIndexState, setZIndexState] = React.useState<number>(zIndex);\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Drawer',\n    allowedComponents: [drawerComponentIds.DrawerHeader, drawerComponentIds.DrawerBody],\n  });\n\n  const { theme } = useTheme();\n  const drawerId = useId('drawer');\n  const { drawerStack, addToDrawerStack, removeFromDrawerStack } = useDrawerStack();\n\n  const { isMounted, isVisible, isExiting } = usePresence(isOpen, {\n    enterTransitionDuration: theme.motion.duration.gentle,\n    exitTransitionDuration: theme.motion.duration.xmoderate,\n    initialEnter: true,\n  });\n\n  const { stackingLevel, isFirstDrawerInStack } = React.useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    const level = Object.keys(drawerStack).indexOf(drawerId) + 1;\n    return {\n      stackingLevel: level,\n      isFirstDrawerInStack: level === 1 && Object.keys(drawerStack).length > 1,\n    };\n  }, [drawerId, drawerStack]);\n\n  const { refs, context } = useFloating({\n    open: isMounted,\n  });\n\n  React.useEffect(() => {\n    if (isOpen) {\n      addToDrawerStack({ elementId: drawerId, onDismiss });\n    } else {\n      removeFromDrawerStack({ elementId: drawerId });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  // When z-index is not defined by user, we use default drawer z index and add stackingLevel to ensure\n  // new drawer that opens, always opens on top of previous one.\n  React.useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    setZIndexState(zIndex + stackingLevel);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isMounted]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      close: onDismiss,\n      closeButtonRef,\n      stackingLevel,\n      isExiting,\n    }),\n    [isExiting, onDismiss, stackingLevel],\n  );\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <FloatingPortal>\n        {isMounted || !isLazy ? (\n          <FloatingFocusManager\n            context={context}\n            initialFocus={initialFocusRef ?? closeButtonRef}\n            returnFocus={true}\n          >\n            <BaseBox\n              display={isLazy ? undefined : isMounted ? 'block' : 'none'}\n              position=\"fixed\"\n              {...metaAttribute({\n                name: MetaConstants.Drawer,\n                testID,\n              })}\n              zIndex={zIndexState}\n            >\n              {showOverlay || stackingLevel === 2 ? (\n                <DrawerOverlay\n                  onClick={() => {\n                    onDismiss();\n                  }}\n                  className={isVisible ? SHOW_DRAWER : ''}\n                  lockScroll={true}\n                  {...metaAttribute({\n                    testID: 'drawer-overlay',\n                  })}\n                />\n              ) : null}\n              <AnimatedDrawerContainer\n                isVisible={isVisible}\n                isFirstDrawerInStack={isFirstDrawerInStack}\n                width={{ base: '90%', s: '375px', m: '420px' }}\n                {...makeAccessible({\n                  role: 'dialog',\n                  modal: true,\n                  label: accessibilityLabel,\n                })}\n                position=\"fixed\"\n                top=\"spacing.0\"\n                left=\"100%\"\n                backgroundColor=\"popup.background.subtle\"\n                elevation=\"highRaised\"\n                height=\"100%\"\n                display=\"flex\"\n                flexDirection=\"column\"\n                ref={refs.setFloating}\n                onKeyDown={(event) => {\n                  if (event?.key === 'Escape' || event?.code === 'Escape') {\n                    onDismiss();\n                  }\n                }}\n              >\n                {children}\n              </AnimatedDrawerContainer>\n            </BaseBox>\n          </FloatingFocusManager>\n        ) : null}\n      </FloatingPortal>\n    </DrawerContext.Provider>\n  );\n};\n\n/**\n * ### Drawer Component\n * \n * A drawer is a panel that slides in mostly from right side of the screen over the existing content in the viewport. \n * It helps in providing additional details or context and can also be used to promote product features or new products.\n * \n * ---\n * \n * #### Usage\n * \n * ```jsx\n  const MyDrawer = () => {\n    const [showDrawer, setShowDrawer] = React.useState(false);\n    return (\n      <Box>\n        <Button onClick={() => setShowDrawer(true)}>Open Drawer</Button>\n        <Drawer\n          isOpen={showDrawer}\n          onDismiss={() => setShowDrawer(false)}\n        >\n          <DrawerHeader title=\"Announcements\" />\n          <DrawerBody>\n            <FTXAnnouncement />\n            <CatPictures />\n          </DrawerBody>\n        <Drawer>\n      </Box>\n    )\n  }\n * ```\n *\n *  ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-drawer Drawer Documentation}\n * \n * \n */\nconst Drawer = assignWithoutSideEffects(_Drawer, {\n  componentId: drawerComponentIds.Drawer,\n});\n\nexport { Drawer };\n"],"names":["SHOW_DRAWER","AnimatedDrawerContainer","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","isFirstDrawerInStack","isVisible","entranceTransition","concat","castWebType","makeMotionTime","motion","duration","gentle","easing","entrance","revealing","exitTransition","xmoderate","exit","opacity","transform","transition","animationFillMode","DrawerOverlay","FloatingOverlay","_ref2","_defineProperty","backgroundColor","colors","overlay","background","subtle","_Drawer","_ref4","isOpen","onDismiss","_ref4$zIndex","zIndex","componentZIndices","drawer","children","accessibilityLabel","_ref4$showOverlay","showOverlay","initialFocusRef","_ref4$isLazy","isLazy","testID","closeButtonRef","React","useRef","_React$useState","useState","_React$useState2","_slicedToArray","zIndexState","setZIndexState","useVerifyAllowedChildren","componentName","allowedComponents","drawerComponentIds","DrawerHeader","DrawerBody","_useTheme","useTheme","drawerId","useId","_useDrawerStack","useDrawerStack","drawerStack","addToDrawerStack","removeFromDrawerStack","_usePresence","usePresence","enterTransitionDuration","exitTransitionDuration","initialEnter","isMounted","isExiting","_React$useMemo","useMemo","level","Object","keys","indexOf","stackingLevel","length","_useFloating","useFloating","open","refs","context","useEffect","elementId","contextValue","close","_jsx","DrawerContext","Provider","value","FloatingPortal","FloatingFocusManager","initialFocus","returnFocus","_jsxs","_objectSpread","display","undefined","position","metaAttribute","name","MetaConstants","Drawer","onClick","className","lockScroll","width","base","s","m","makeAccessible","role","modal","label","top","left","elevation","height","flexDirection","ref","setFloating","onKeyDown","event","key","code","assignWithoutSideEffects"],"mappings":"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"}

package/build/lib/web/development/components/Drawer/DrawerContext.js

@@ -2,7 +2,9 @@ import React__default from 'react';
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 var DrawerContext = /*#__PURE__*/React__default.createContext({
-  close: function close() {}
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  close: function close() {},
+  isExiting: false
 });
 
 export { DrawerContext };

package/build/lib/web/development/components/Drawer/DrawerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContext.js","sources":["../../../../../../src/components/Drawer/DrawerContext.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\n\nconst DrawerContext = React.createContext<{\n  close: () => void;\n  closeButtonRef?: React.MutableRefObject<any>;\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n}>({ close: () => {} });\n\nexport { DrawerContext };\n"],"names":["DrawerContext","React","createContext","close"],"mappings":";;AAAA;AAGA,IAAMA,aAAa,gBAAGC,cAAK,CAACC,aAAa,CAItC;AAAEC,EAAAA,KAAK,EAAE,SAAAA,KAAA,GAAM,EAAC;AAAE,CAAC;;;;"}
+{"version":3,"file":"DrawerContext.js","sources":["../../../../../../src/components/Drawer/DrawerContext.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\n\ntype DrawerContextType = {\n  close: () => void;\n  closeButtonRef?: React.MutableRefObject<any>;\n  stackingLevel?: number;\n  isExiting: boolean;\n};\n\nconst DrawerContext = React.createContext<DrawerContextType>({\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  close: () => {},\n  isExiting: false,\n});\n\nexport { DrawerContext };\n"],"names":["DrawerContext","React","createContext","close","isExiting"],"mappings":";;AAAA;AAUA,IAAMA,aAAa,gBAAGC,cAAK,CAACC,aAAa,CAAoB;AAC3D;AACAC,EAAAA,KAAK,EAAE,SAAAA,KAAA,GAAM,EAAE;AACfC,EAAAA,SAAS,EAAE,KAAA;AACb,CAAC;;;;"}

package/build/lib/web/development/components/Drawer/DrawerSubcomponents.web.js

@@ -1,6 +1,7 @@
 import React__default from 'react';
 import { drawerComponentIds } from './drawerComponentIds.js';
 import { DrawerContext } from './DrawerContext.js';
+import { useDrawerStack } from './StackProvider.js';
 import { BaseHeader } from '../BaseHeaderFooter/BaseHeader.js';
 import '../Box/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
@@ -16,11 +17,31 @@ var _DrawerHeader = function _DrawerHeader(_ref) {
     titleSuffix = _ref.titleSuffix;
   var _React$useContext = React__default.useContext(DrawerContext),
     close = _React$useContext.close,
-    closeButtonRef = _React$useContext.closeButtonRef;
-  return /*#__PURE__*/jsx(BaseHeader, {
+    closeButtonRef = _React$useContext.closeButtonRef,
+    stackingLevel = _React$useContext.stackingLevel,
+    isExiting = _React$useContext.isExiting;
+  var _useDrawerStack = useDrawerStack(),
+    drawerStack = _useDrawerStack.drawerStack;
+  var closeAllDrawers = function closeAllDrawers() {
+    for (var _i = 0, _Object$values = Object.values(drawerStack); _i < _Object$values.length; _i++) {
+      var onDismiss = _Object$values[_i];
+      onDismiss();
+    }
+  };
+  var isStackedDrawer = stackingLevel && stackingLevel > 1;
+  var isAtleastOneDrawerOpen = Object.keys(drawerStack).length > 0;
+  // This condition is to avoid back button disappear while stacked drawer is in the exiting transition
+  var isDrawerExiting = isAtleastOneDrawerOpen && isExiting && stackingLevel !== 1;
+  return /*#__PURE__*/jsx(BaseHeader
+  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+  , {
+    showBackButton: isStackedDrawer || isDrawerExiting,
     showCloseButton: true,
     closeButtonRef: closeButtonRef,
     onCloseButtonClick: function onCloseButtonClick() {
+      return closeAllDrawers();
+    },
+    onBackButtonClick: function onBackButtonClick() {
       return close();
     },
     title: title,
@@ -48,10 +69,11 @@ var _DrawerHeader = function _DrawerHeader(_ref) {
 var DrawerHeader = /*#__PURE__*/assignWithoutSideEffects(_DrawerHeader, {
   componentId: drawerComponentIds.DrawerHeader
 });
+var drawerPadding = 'spacing.6';
 var _DrawerBody = function _DrawerBody(_ref2) {
   var children = _ref2.children;
   return /*#__PURE__*/jsx(Box, {
-    padding: "spacing.6",
+    padding: drawerPadding,
     overflow: "auto",
     flex: "1",
     children: children
@@ -61,5 +83,5 @@ var DrawerBody = /*#__PURE__*/assignWithoutSideEffects(_DrawerBody, {
   componentId: drawerComponentIds.DrawerBody
 });
 
-export { DrawerBody, DrawerHeader };
+export { DrawerBody, DrawerHeader, drawerPadding };
 //# sourceMappingURL=DrawerSubcomponents.web.js.map

package/build/lib/web/development/components/Drawer/DrawerSubcomponents.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerSubcomponents.web.js","sources":["../../../../../../src/components/Drawer/DrawerSubcomponents.web.tsx"],"sourcesContent":["import React from 'react';\nimport { drawerComponentIds } from './drawerComponentIds';\nimport { DrawerContext } from './DrawerContext';\nimport type { DrawerHeaderProps } from './types';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport { Box } from '~components/Box';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst _DrawerHeader = ({\n  title,\n  subtitle,\n  leading,\n  trailing,\n  titleSuffix,\n}: DrawerHeaderProps): React.ReactElement => {\n  const { close, closeButtonRef } = React.useContext(DrawerContext);\n\n  return (\n    <BaseHeader\n      showCloseButton={true}\n      closeButtonRef={closeButtonRef}\n      onCloseButtonClick={() => close()}\n      title={title}\n      titleSuffix={titleSuffix}\n      subtitle={subtitle}\n      leading={leading}\n      trailing={trailing}\n    />\n  );\n};\n\n/**\n * #### Usage\n *\n * ```jsx\n * <DrawerHeader\n *  title=\"Announcements\"\n *  subtitle=\"Checkout what's new in Razorpay\"\n *  titleSuffix={<DrawerHeaderBadge>New</DrawerHeaderBadge>}\n *  leading={<DrawerHeaderIcon icon={AnnouncementIcon} />}\n *  trailing={<Button icon={DownloadIcon} />}\n * />\n * ```\n *\n */\nconst DrawerHeader = assignWithoutSideEffects(_DrawerHeader, {\n  componentId: drawerComponentIds.DrawerHeader,\n});\n\nconst _DrawerBody = ({ children }: { children: React.ReactNode }): React.ReactElement => {\n  return (\n    <Box padding=\"spacing.6\" overflow=\"auto\" flex=\"1\">\n      {children}\n    </Box>\n  );\n};\nconst DrawerBody = assignWithoutSideEffects(_DrawerBody, {\n  componentId: drawerComponentIds.DrawerBody,\n});\n\nexport { DrawerHeader, DrawerBody };\n"],"names":["_DrawerHeader","_ref","title","subtitle","leading","trailing","titleSuffix","_React$useContext","React","useContext","DrawerContext","close","closeButtonRef","_jsx","BaseHeader","showCloseButton","onCloseButtonClick","DrawerHeader","assignWithoutSideEffects","componentId","drawerComponentIds","_DrawerBody","_ref2","children","Box","padding","overflow","flex","DrawerBody"],"mappings":";;;;;;;;;;AAQA,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAM0B;AAAA,EAAA,IAL3CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,WAAW,GAAAL,IAAA,CAAXK,WAAW,CAAA;AAEX,EAAA,IAAAC,iBAAA,GAAkCC,cAAK,CAACC,UAAU,CAACC,aAAa,CAAC;IAAzDC,KAAK,GAAAJ,iBAAA,CAALI,KAAK;IAAEC,cAAc,GAAAL,iBAAA,CAAdK,cAAc,CAAA;EAE7B,oBACEC,GAAA,CAACC,UAAU,EAAA;AACTC,IAAAA,eAAe,EAAE,IAAK;AACtBH,IAAAA,cAAc,EAAEA,cAAe;IAC/BI,kBAAkB,EAAE,SAAAA,kBAAA,GAAA;MAAA,OAAML,KAAK,EAAE,CAAA;KAAC;AAClCT,IAAAA,KAAK,EAAEA,KAAM;AACbI,IAAAA,WAAW,EAAEA,WAAY;AACzBH,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GACpB,CAAC,CAAA;AAEN,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMY,YAAY,gBAAGC,wBAAwB,CAAClB,aAAa,EAAE;EAC3DmB,WAAW,EAAEC,kBAAkB,CAACH,YAAAA;AAClC,CAAC,EAAC;AAEF,IAAMI,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA,EAAwE;AAAA,EAAA,IAAlEC,QAAQ,GAAAD,KAAA,CAARC,QAAQ,CAAA;EAC7B,oBACEV,GAAA,CAACW,GAAG,EAAA;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,QAAQ,EAAC,MAAM;AAACC,IAAAA,IAAI,EAAC,GAAG;AAAAJ,IAAAA,QAAA,EAC9CA,QAAAA;AAAQ,GACN,CAAC,CAAA;AAEV,CAAC,CAAA;AACD,IAAMK,UAAU,gBAAGV,wBAAwB,CAACG,WAAW,EAAE;EACvDF,WAAW,EAAEC,kBAAkB,CAACQ,UAAAA;AAClC,CAAC;;;;"}
+{"version":3,"file":"DrawerSubcomponents.web.js","sources":["../../../../../../src/components/Drawer/DrawerSubcomponents.web.tsx"],"sourcesContent":["import React from 'react';\nimport { drawerComponentIds } from './drawerComponentIds';\nimport { DrawerContext } from './DrawerContext';\nimport type { DrawerHeaderProps } from './types';\nimport { useDrawerStack } from './StackProvider';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport { Box } from '~components/Box';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst _DrawerHeader = ({\n  title,\n  subtitle,\n  leading,\n  trailing,\n  titleSuffix,\n}: DrawerHeaderProps): React.ReactElement => {\n  const { close, closeButtonRef, stackingLevel, isExiting } = React.useContext(DrawerContext);\n  const { drawerStack } = useDrawerStack();\n  const closeAllDrawers = (): void => {\n    for (const onDismiss of Object.values(drawerStack)) {\n      onDismiss();\n    }\n  };\n\n  const isStackedDrawer = stackingLevel && stackingLevel > 1;\n\n  const isAtleastOneDrawerOpen = Object.keys(drawerStack).length > 0;\n  // This condition is to avoid back button disappear while stacked drawer is in the exiting transition\n  const isDrawerExiting = isAtleastOneDrawerOpen && isExiting && stackingLevel !== 1;\n\n  return (\n    <BaseHeader\n      // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n      showBackButton={isStackedDrawer || isDrawerExiting}\n      showCloseButton={true}\n      closeButtonRef={closeButtonRef}\n      onCloseButtonClick={() => closeAllDrawers()}\n      onBackButtonClick={() => close()}\n      title={title}\n      titleSuffix={titleSuffix}\n      subtitle={subtitle}\n      leading={leading}\n      trailing={trailing}\n    />\n  );\n};\n\n/**\n * #### Usage\n *\n * ```jsx\n * <DrawerHeader\n *  title=\"Announcements\"\n *  subtitle=\"Checkout what's new in Razorpay\"\n *  titleSuffix={<DrawerHeaderBadge>New</DrawerHeaderBadge>}\n *  leading={<DrawerHeaderIcon icon={AnnouncementIcon} />}\n *  trailing={<Button icon={DownloadIcon} />}\n * />\n * ```\n *\n */\nconst DrawerHeader = assignWithoutSideEffects(_DrawerHeader, {\n  componentId: drawerComponentIds.DrawerHeader,\n});\n\nconst drawerPadding = 'spacing.6';\n\nconst _DrawerBody = ({ children }: { children: React.ReactNode }): React.ReactElement => {\n  return (\n    <Box padding={drawerPadding} overflow=\"auto\" flex=\"1\">\n      {children}\n    </Box>\n  );\n};\nconst DrawerBody = assignWithoutSideEffects(_DrawerBody, {\n  componentId: drawerComponentIds.DrawerBody,\n});\n\nexport { DrawerHeader, DrawerBody, drawerPadding };\n"],"names":["_DrawerHeader","_ref","title","subtitle","leading","trailing","titleSuffix","_React$useContext","React","useContext","DrawerContext","close","closeButtonRef","stackingLevel","isExiting","_useDrawerStack","useDrawerStack","drawerStack","closeAllDrawers","_i","_Object$values","Object","values","length","onDismiss","isStackedDrawer","isAtleastOneDrawerOpen","keys","isDrawerExiting","_jsx","BaseHeader","showBackButton","showCloseButton","onCloseButtonClick","onBackButtonClick","DrawerHeader","assignWithoutSideEffects","componentId","drawerComponentIds","drawerPadding","_DrawerBody","_ref2","children","Box","padding","overflow","flex","DrawerBody"],"mappings":"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"}

package/build/lib/web/development/components/Drawer/StackProvider.js

@@ -1,35 +1,44 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _typeof from '@babel/runtime/helpers/typeof';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React__default from 'react';
 import { jsx } from 'react/jsx-runtime';
 
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 StackingContext = /*#__PURE__*/React__default.createContext({
-  drawerStack: [],
+  drawerStack: {},
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   addToDrawerStack: function addToDrawerStack() {},
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   removeFromDrawerStack: function removeFromDrawerStack() {}
 });
 var useStacking = function useStacking() {
-  var _React$useState = React__default.useState([]),
+  var _React$useState = React__default.useState({}),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     stack = _React$useState2[0],
     setStack = _React$useState2[1];
-  var addToStack = function addToStack(elementId) {
-    if (stack.includes(elementId)) {
+  var addToStack = function addToStack(_ref) {
+    var elementId = _ref.elementId,
+      onDismiss = _ref.onDismiss;
+    if (stack[elementId]) {
       return;
     }
-    setStack([].concat(_toConsumableArray(stack), [elementId]));
+    setStack(_objectSpread(_objectSpread({}, stack), {}, _defineProperty({}, elementId, onDismiss)));
   };
-  var removeFromStack = function removeFromStack(elementId) {
-    setStack(stack.filter(function (stackElementId) {
-      return stackElementId !== elementId;
-    }));
+  var removeFromStack = function removeFromStack(_ref2) {
+    var elementId = _ref2.elementId;
+    var _ = stack[elementId],
+      newStack = _objectWithoutProperties(stack, [elementId].map(_toPropertyKey));
+    setStack(newStack);
   };
   return [stack, addToStack, removeFromStack];
 };
-var DrawerStackProvider = function DrawerStackProvider(_ref) {
-  var children = _ref.children;
+var DrawerStackProvider = function DrawerStackProvider(_ref3) {
+  var children = _ref3.children;
   var _useStacking = useStacking(),
     _useStacking2 = _slicedToArray(_useStacking, 3),
     drawerStack = _useStacking2[0],

package/build/lib/web/development/components/Drawer/StackProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackProvider.js","sources":["../../../../../../src/components/Drawer/StackProvider.tsx"],"sourcesContent":["import React from 'react';\n\ntype StackActionType = (elementId: string) => void;\n\ntype GlobalStackStateType = {\n  drawerStack: string[];\n  addToDrawerStack: StackActionType;\n  removeFromDrawerStack: StackActionType;\n};\n\nconst StackingContext = React.createContext<GlobalStackStateType>({\n  drawerStack: [],\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  addToDrawerStack: () => {},\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  removeFromDrawerStack: () => {},\n});\n\nconst useStacking = (): [string[], StackActionType, StackActionType] => {\n  const [stack, setStack] = React.useState<string[]>([]);\n\n  const addToStack = (elementId: string): void => {\n    if (stack.includes(elementId)) {\n      return;\n    }\n\n    setStack([...stack, elementId]);\n  };\n\n  const removeFromStack = (elementId: string): void => {\n    setStack(stack.filter((stackElementId) => stackElementId !== elementId));\n  };\n\n  return [stack, addToStack, removeFromStack];\n};\n\nconst DrawerStackProvider = ({ children }: { children: React.ReactNode }): React.ReactElement => {\n  const [drawerStack, addToDrawerStack, removeFromDrawerStack] = useStacking();\n\n  const contextValue = React.useMemo<GlobalStackStateType>(\n    () => ({\n      drawerStack,\n      addToDrawerStack,\n      removeFromDrawerStack,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [drawerStack],\n  );\n\n  return <StackingContext.Provider value={contextValue}>{children}</StackingContext.Provider>;\n};\n\nconst useDrawerStack = (): GlobalStackStateType => {\n  return React.useContext(StackingContext);\n};\n\nexport { DrawerStackProvider, useDrawerStack };\n"],"names":["StackingContext","React","createContext","drawerStack","addToDrawerStack","removeFromDrawerStack","useStacking","_React$useState","useState","_React$useState2","_slicedToArray","stack","setStack","addToStack","elementId","includes","concat","_toConsumableArray","removeFromStack","filter","stackElementId","DrawerStackProvider","_ref","children","_useStacking","_useStacking2","contextValue","useMemo","_jsx","Provider","value","useDrawerStack","useContext"],"mappings":";;;;;AAUA,IAAMA,eAAe,gBAAGC,cAAK,CAACC,aAAa,CAAuB;AAChEC,EAAAA,WAAW,EAAE,EAAE;AACf;AACAC,EAAAA,gBAAgB,EAAE,SAAAA,gBAAA,GAAM,EAAE;AAC1B;AACAC,EAAAA,qBAAqB,EAAE,SAAAA,qBAAA,GAAM,EAAC;AAChC,CAAC,CAAC,CAAA;AAEF,IAAMC,WAAW,GAAG,SAAdA,WAAWA,GAAuD;AACtE,EAAA,IAAAC,eAAA,GAA0BN,cAAK,CAACO,QAAQ,CAAW,EAAE,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA,EAAA,CAAA,CAAA;AAA/CI,IAAAA,KAAK,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,QAAQ,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AAEtB,EAAA,IAAMI,UAAU,GAAG,SAAbA,UAAUA,CAAIC,SAAiB,EAAW;AAC9C,IAAA,IAAIH,KAAK,CAACI,QAAQ,CAACD,SAAS,CAAC,EAAE;AAC7B,MAAA,OAAA;AACF,KAAA;IAEAF,QAAQ,CAAA,EAAA,CAAAI,MAAA,CAAAC,kBAAA,CAAKN,KAAK,CAAA,EAAA,CAAEG,SAAS,CAAA,CAAC,CAAC,CAAA;GAChC,CAAA;AAED,EAAA,IAAMI,eAAe,GAAG,SAAlBA,eAAeA,CAAIJ,SAAiB,EAAW;AACnDF,IAAAA,QAAQ,CAACD,KAAK,CAACQ,MAAM,CAAC,UAACC,cAAc,EAAA;MAAA,OAAKA,cAAc,KAAKN,SAAS,CAAA;AAAA,KAAA,CAAC,CAAC,CAAA;GACzE,CAAA;AAED,EAAA,OAAO,CAACH,KAAK,EAAEE,UAAU,EAAEK,eAAe,CAAC,CAAA;AAC7C,CAAC,CAAA;AAED,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAwE;AAAA,EAAA,IAAlEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;AACrC,EAAA,IAAAC,YAAA,GAA+DlB,WAAW,EAAE;IAAAmB,aAAA,GAAAf,cAAA,CAAAc,YAAA,EAAA,CAAA,CAAA;AAArErB,IAAAA,WAAW,GAAAsB,aAAA,CAAA,CAAA,CAAA;AAAErB,IAAAA,gBAAgB,GAAAqB,aAAA,CAAA,CAAA,CAAA;AAAEpB,IAAAA,qBAAqB,GAAAoB,aAAA,CAAA,CAAA,CAAA,CAAA;AAE3D,EAAA,IAAMC,YAAY,GAAGzB,cAAK,CAAC0B,OAAO,CAChC,YAAA;IAAA,OAAO;AACLxB,MAAAA,WAAW,EAAXA,WAAW;AACXC,MAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBC,MAAAA,qBAAqB,EAArBA,qBAAAA;KACD,CAAA;GAAC;AACF;EACA,CAACF,WAAW,CACd,CAAC,CAAA;AAED,EAAA,oBAAOyB,GAAA,CAAC5B,eAAe,CAAC6B,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,YAAa;AAAAH,IAAAA,QAAA,EAAEA,QAAAA;AAAQ,GAA2B,CAAC,CAAA;AAC7F,EAAC;AAED,IAAMQ,cAAc,GAAG,SAAjBA,cAAcA,GAA+B;AACjD,EAAA,OAAO9B,cAAK,CAAC+B,UAAU,CAAChC,eAAe,CAAC,CAAA;AAC1C;;;;"}
+{"version":3,"file":"StackProvider.js","sources":["../../../../../../src/components/Drawer/StackProvider.tsx"],"sourcesContent":["import React from 'react';\n\ntype AddToStackType = ({\n  elementId,\n  onDismiss,\n}: {\n  elementId: string;\n  onDismiss: () => void;\n}) => void;\n\ntype RemoveFromStackType = ({ elementId }: { elementId: string }) => void;\n\ntype GlobalStackStateType = {\n  drawerStack: Record<string, () => void>;\n  addToDrawerStack: AddToStackType;\n  removeFromDrawerStack: RemoveFromStackType;\n};\n\nconst StackingContext = React.createContext<GlobalStackStateType>({\n  drawerStack: {},\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  addToDrawerStack: () => {},\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  removeFromDrawerStack: () => {},\n});\n\nconst useStacking = (): [\n  GlobalStackStateType['drawerStack'],\n  AddToStackType,\n  RemoveFromStackType,\n] => {\n  const [stack, setStack] = React.useState<GlobalStackStateType['drawerStack']>({});\n\n  const addToStack: AddToStackType = ({ elementId, onDismiss }) => {\n    if (stack[elementId]) {\n      return;\n    }\n\n    setStack({ ...stack, [elementId]: onDismiss });\n  };\n\n  const removeFromStack: RemoveFromStackType = ({ elementId }) => {\n    const { [elementId]: _, ...newStack } = stack;\n    setStack(newStack);\n  };\n\n  return [stack, addToStack, removeFromStack];\n};\n\nconst DrawerStackProvider = ({ children }: { children: React.ReactNode }): React.ReactElement => {\n  const [drawerStack, addToDrawerStack, removeFromDrawerStack] = useStacking();\n\n  const contextValue = React.useMemo<GlobalStackStateType>(\n    () => ({\n      drawerStack,\n      addToDrawerStack,\n      removeFromDrawerStack,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [drawerStack],\n  );\n\n  return <StackingContext.Provider value={contextValue}>{children}</StackingContext.Provider>;\n};\n\nconst useDrawerStack = (): GlobalStackStateType => {\n  return React.useContext(StackingContext);\n};\n\nexport { DrawerStackProvider, useDrawerStack };\n"],"names":["StackingContext","React","createContext","drawerStack","addToDrawerStack","removeFromDrawerStack","useStacking","_React$useState","useState","_React$useState2","_slicedToArray","stack","setStack","addToStack","_ref","elementId","onDismiss","_objectSpread","_defineProperty","removeFromStack","_ref2","_","newStack","_objectWithoutProperties","map","_toPropertyKey","DrawerStackProvider","_ref3","children","_useStacking","_useStacking2","contextValue","useMemo","_jsx","Provider","value","useDrawerStack","useContext"],"mappings":";;;;;;;;;;;AAkBA,IAAMA,eAAe,gBAAGC,cAAK,CAACC,aAAa,CAAuB;EAChEC,WAAW,EAAE,EAAE;AACf;AACAC,EAAAA,gBAAgB,EAAE,SAAAA,gBAAA,GAAM,EAAE;AAC1B;AACAC,EAAAA,qBAAqB,EAAE,SAAAA,qBAAA,GAAM,EAAC;AAChC,CAAC,CAAC,CAAA;AAEF,IAAMC,WAAW,GAAG,SAAdA,WAAWA,GAIZ;EACH,IAAAC,eAAA,GAA0BN,cAAK,CAACO,QAAQ,CAAsC,EAAE,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA,EAAA,CAAA,CAAA;AAA1EI,IAAAA,KAAK,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,QAAQ,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AAEtB,EAAA,IAAMI,UAA0B,GAAG,SAA7BA,UAA0BA,CAAAC,IAAA,EAAiC;AAAA,IAAA,IAA3BC,SAAS,GAAAD,IAAA,CAATC,SAAS;MAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAA;AACxD,IAAA,IAAIL,KAAK,CAACI,SAAS,CAAC,EAAE;AACpB,MAAA,OAAA;AACF,KAAA;AAEAH,IAAAA,QAAQ,CAAAK,aAAA,CAAAA,aAAA,CAAMN,EAAAA,EAAAA,KAAK,CAAAO,EAAAA,EAAAA,EAAAA,eAAA,CAAGH,EAAAA,EAAAA,SAAS,EAAGC,SAAS,EAAE,CAAC,CAAA;GAC/C,CAAA;AAED,EAAA,IAAMG,eAAoC,GAAG,SAAvCA,eAAoCA,CAAAC,KAAA,EAAsB;AAAA,IAAA,IAAhBL,SAAS,GAAAK,KAAA,CAATL,SAAS,CAAA;AACvD,IAAA,IAAqBM,CAAC,GAAkBV,KAAK,CAApCI,SAAS,CAAA;MAASO,QAAQ,GAAAC,wBAAA,CAAKZ,KAAK,GAApCI,SAAS,CAAA,CAAAS,GAAA,CAAAC,cAAA,CAAA,CAAA,CAAA;IAClBb,QAAQ,CAACU,QAAQ,CAAC,CAAA;GACnB,CAAA;AAED,EAAA,OAAO,CAACX,KAAK,EAAEE,UAAU,EAAEM,eAAe,CAAC,CAAA;AAC7C,CAAC,CAAA;AAED,IAAMO,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,KAAA,EAAwE;AAAA,EAAA,IAAlEC,QAAQ,GAAAD,KAAA,CAARC,QAAQ,CAAA;AACrC,EAAA,IAAAC,YAAA,GAA+DvB,WAAW,EAAE;IAAAwB,aAAA,GAAApB,cAAA,CAAAmB,YAAA,EAAA,CAAA,CAAA;AAArE1B,IAAAA,WAAW,GAAA2B,aAAA,CAAA,CAAA,CAAA;AAAE1B,IAAAA,gBAAgB,GAAA0B,aAAA,CAAA,CAAA,CAAA;AAAEzB,IAAAA,qBAAqB,GAAAyB,aAAA,CAAA,CAAA,CAAA,CAAA;AAE3D,EAAA,IAAMC,YAAY,GAAG9B,cAAK,CAAC+B,OAAO,CAChC,YAAA;IAAA,OAAO;AACL7B,MAAAA,WAAW,EAAXA,WAAW;AACXC,MAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBC,MAAAA,qBAAqB,EAArBA,qBAAAA;KACD,CAAA;GAAC;AACF;EACA,CAACF,WAAW,CACd,CAAC,CAAA;AAED,EAAA,oBAAO8B,GAAA,CAACjC,eAAe,CAACkC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,YAAa;AAAAH,IAAAA,QAAA,EAAEA,QAAAA;AAAQ,GAA2B,CAAC,CAAA;AAC7F,EAAC;AAED,IAAMQ,cAAc,GAAG,SAAjBA,cAAcA,GAA+B;AACjD,EAAA,OAAOnC,cAAK,CAACoC,UAAU,CAACrC,eAAe,CAAC,CAAA;AAC1C;;;;"}

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

@@ -1,4 +1,4 @@
 export { Drawer } from './Drawer.web.js';
-export { DrawerBody, DrawerHeader } from './DrawerSubcomponents.web.js';
+export { DrawerBody, DrawerHeader, drawerPadding } from './DrawerSubcomponents.web.js';
 import './types.js';
 //# sourceMappingURL=index.js.map

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

@@ -197,6 +197,9 @@ var _FileUpload = function _FileUpload(_ref, ref) {
         fileList: allFiles
       });
     }
+
+    // Reset the input value to allow re-selecting the same file
+    event.target.value = '';
   };
   return /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread({
     display: "flex",