@razorpay/blade 7.0.4 → 7.1.1

package/build/utils/index.web.js

@@ -5121,5 +5121,43 @@ var castNativeType = function castNativeType(value) {
   return value;
 };
 
-export { MetaConstants, Platform, castNativeType, castWebType, cloneDeep_1 as cloneDeep, getColorScheme, getComponentId, get_1 as getIn, getMediaQuery, getOS, getPlatformType, isAndroid, isEmpty_1 as isEmpty, isEqual_1 as isEqual, isPartialMatchObjectKeys, isReactNative, isValidAllowedChildren, makeAccessible, makeBezier, makeBorderSize, makeMotionTime, makeSize, makeSpace, makeTypographySize, merge_1 as merge, metaAttribute, setupMatchMediaMock, testID, toTitleCase, useBreakpoint, useColorScheme, usePrevious };
+/**
+ * Do you want to define `displayName` or `componentId` on your component? Use this instead to make sure treeshaking doesn't break.
+ *
+ * ## Usage
+ *
+ * ### ❌ Incorrect Code (Breaks treeshaking)
+ *
+ * ```ts
+ * const _MyComponent = () => {};
+ * const MyComponent = React.forwardRef(_MyComponent);
+ * const MyComponent.displayName = 'MyComponent'; // this breaks treeshaking
+ *
+ * export { MyComponent }
+ * ```
+ *
+ * ### ✅ Correct Code (No Side-Effects. Treeshaking continues to work)
+ *
+ * ```ts
+ * const _MyComponent = () => {};
+ * const MyComponentWithRef = React.forwardRef(_MyComponent);
+ * const MyComponent = assignWithoutSideEffects(
+ *  MyComponentWithRef,
+ *  { displayName: 'MyComponent' }
+ * );
+ *
+ * export { MyComponent }
+ * ```
+ *
+ * Checkout other components like [Button.tsx](../../components/Button/Button/Button.tsx), [SelectInput.tsx](../../components/Input/SelectInput/SelectInput.tsx) for example.
+ *
+ * _Note: You don't have to add PURE comment to this function as it is added during build-time by our `manualPureFunctions` babel plugin_
+ */
+// We're matching the types of this with Object.assign types
+// eslint-disable-next-line @typescript-eslint/ban-types
+var assignWithoutSideEffects = function assignWithoutSideEffects(component, sourceObj) {
+  return /*#__PURE__*/Object.assign(component, sourceObj);
+};
+
+export { MetaConstants, Platform, assignWithoutSideEffects, castNativeType, castWebType, cloneDeep_1 as cloneDeep, getColorScheme, getComponentId, get_1 as getIn, getMediaQuery, getOS, getPlatformType, isAndroid, isEmpty_1 as isEmpty, isEqual_1 as isEqual, isPartialMatchObjectKeys, isReactNative, isValidAllowedChildren, makeAccessible, makeBezier, makeBorderSize, makeMotionTime, makeSize, makeSpace, makeTypographySize, merge_1 as merge, metaAttribute, setupMatchMediaMock, testID, toTitleCase, useBreakpoint, useColorScheme, usePrevious };
 //# sourceMappingURL=index.web.js.map