styled-components 6.0.0-alpha.5 → 6.0.0-beta.0

package/native/dist/styled-components.native.esm.js

@@ -1,4 +1,4 @@
-import { __spreadArray, __read, __assign, __values } from 'tslib';
+import { __spreadArray, __assign } from 'tslib';
 import React, { useContext, useMemo, createElement } from 'react';
 import 'shallowequal';
 import { prefixer, stringify, serialize, compile, middleware, RULESET } from 'stylis';
@@ -58,10 +58,10 @@ function throwStyledComponentsError(code) {
         interpolations[_i - 1] = arguments[_i];
     }
     if (process.env.NODE_ENV === 'production') {
-        return new Error("An error occurred. See https://git.io/JUIaE#".concat(code, " for more information.").concat(interpolations.length > 0 ? " Args: ".concat(interpolations.join(', ')) : ''));
+        return new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(code, " for more information.").concat(interpolations.length > 0 ? " Args: ".concat(interpolations.join(', ')) : ''));
     }
     else {
-        return new Error(format.apply(void 0, __spreadArray([ERRORS[code]], __read(interpolations), false)).trim());
+        return new Error(format.apply(void 0, __spreadArray([ERRORS[code]], interpolations, false)).trim());
     }
 }
 
@@ -69,7 +69,7 @@ var SC_ATTR = (typeof process !== 'undefined' && (process.env.REACT_APP_SC_ATTR
     'data-styled';
 var SC_ATTR_ACTIVE = 'active';
 var SC_ATTR_VERSION = 'data-styled-version';
-var SC_VERSION = "6.0.0-alpha.5";
+var SC_VERSION = "6.0.0-beta.0";
 var SPLITTER = '/*!sc*/\n';
 var IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window;
 var DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean'
@@ -712,13 +712,13 @@ var objToCssArray = function (obj, prevKey) {
             rules.push("".concat(hyphenateStyleName(key), ":"), obj[key], ';');
         }
         else if (isPlainObject(obj[key])) {
-            rules.push.apply(rules, __spreadArray([], __read(objToCssArray(obj[key], key)), false));
+            rules.push.apply(rules, objToCssArray(obj[key], key));
         }
         else {
             rules.push("".concat(hyphenateStyleName(key), ": ").concat(addUnitIfNeeded(key, obj[key]), ";"));
         }
     }
-    return prevKey ? __spreadArray(__spreadArray(["".concat(prevKey, " {")], __read(rules), false), ['}'], false) : rules;
+    return prevKey ? __spreadArray(__spreadArray(["".concat(prevKey, " {")], rules, true), ['}'], false) : rules;
 };
 function flatten(chunk, executionContext, styleSheet, stylisInstance) {
     if (Array.isArray(chunk)) {
@@ -728,7 +728,7 @@ function flatten(chunk, executionContext, styleSheet, stylisInstance) {
             if (result === '')
                 continue;
             else if (Array.isArray(result))
-                ruleSet.push.apply(ruleSet, __spreadArray([], __read(result), false));
+                ruleSet.push.apply(ruleSet, result);
             else
                 ruleSet.push(result);
         }
@@ -801,7 +801,7 @@ function css(styles) {
         var styleFunctionOrObject = styles;
         return addTag(flatten(interleave(EMPTY_ARRAY, __spreadArray([
             styleFunctionOrObject
-        ], __read(interpolations), false))));
+        ], interpolations, true))));
     }
     var styleStringArray = styles;
     if (interpolations.length === 0 &&
@@ -827,7 +827,7 @@ function constructWithOptions(componentConstructor, tag, options) {
         for (var _i = 1; _i < arguments.length; _i++) {
             interpolations[_i - 1] = arguments[_i];
         }
-        return componentConstructor(tag, options, css.apply(void 0, __spreadArray([initialStyles], __read(interpolations), false)));
+        return componentConstructor(tag, options, css.apply(void 0, __spreadArray([initialStyles], interpolations, false)));
     };
     /* Modify/inject new props at runtime */
     templateFunction.attrs = function (attrs) {
@@ -1094,24 +1094,14 @@ function mixinRecursively(target, source, forceMerge) {
  * Source objects applied left to right.  Mutates & returns target.  Similar to lodash merge.
  */
 function mixinDeep(target) {
-    var e_1, _a;
     if (target === void 0) { target = {}; }
     var sources = [];
     for (var _i = 1; _i < arguments.length; _i++) {
         sources[_i - 1] = arguments[_i];
     }
-    try {
-        for (var sources_1 = __values(sources), sources_1_1 = sources_1.next(); !sources_1_1.done; sources_1_1 = sources_1.next()) {
-            var source = sources_1_1.value;
-            mixinRecursively(target, source, true);
-        }
-    }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-    finally {
-        try {
-            if (sources_1_1 && !sources_1_1.done && (_a = sources_1.return)) _a.call(sources_1);
-        }
-        finally { if (e_1) throw e_1.error; }
+    for (var _a = 0, sources_1 = sources; _a < sources_1.length; _a++) {
+        var source = sources_1[_a];
+        mixinRecursively(target, source, true);
     }
     return target;
 }
@@ -1124,6 +1114,7 @@ function useResolvedAttrs(theme, props, attrs) {
     var context = __assign(__assign({}, props), { theme: theme });
     var resolvedAttrs = {};
     attrs.forEach(function (attrDef) {
+        // @ts-expect-error narrowing isn't working properly for some reason
         var resolvedAttrDef = typeof attrDef === 'function' ? attrDef(context) : attrDef;
         var key;
         /* eslint-disable guard-for-in */
@@ -1143,7 +1134,7 @@ function useStyledComponentImpl(forwardedComponent, props, forwardedRef) {
     // but that'd be against the rules-of-hooks. We could be naughty and do it anyway as it
     // should be an immutable value, but behave for now.
     var theme = determineTheme(props, useContext(ThemeContext), defaultProps);
-    var _a = __read(useResolvedAttrs(theme || EMPTY_OBJECT, props, componentAttrs), 2), context = _a[0], attrs = _a[1];
+    var _a = useResolvedAttrs(theme || EMPTY_OBJECT, props, componentAttrs), context = _a[0], attrs = _a[1];
     var generatedStyles = inlineStyle.generateStyleObject(context);
     var refToForward = forwardedRef;
     var elementToBeCreated = attrs.$as || props.$as || attrs.as || props.as || target;
@@ -1259,54 +1250,29 @@ var baseStyled = function (tag) {
  *  assume it's for a good reason and not eagerly load them all */
 var aliases = [
     'ActivityIndicator',
-    'ActivityIndicatorIOS',
-    'ART',
     'Button',
     'DatePickerIOS',
     'DrawerLayoutAndroid',
     'FlatList',
     'Image',
     'ImageBackground',
-    'ImageEditor',
-    'ImageStore',
     'KeyboardAvoidingView',
-    'ListView',
-    'MapView',
     'Modal',
-    'NavigatorIOS',
-    'Picker',
-    'PickerIOS',
     'Pressable',
     'ProgressBarAndroid',
     'ProgressViewIOS',
-    'RecyclerViewBackedScrollView',
     'RefreshControl',
     'SafeAreaView',
     'ScrollView',
     'SectionList',
-    'SegmentedControlIOS',
     'Slider',
-    'SliderIOS',
-    'SnapshotViewIOS',
-    'StatusBar',
-    'SwipeableListView',
     'Switch',
-    'SwitchAndroid',
-    'SwitchIOS',
-    'TabBarIOS',
     'Text',
     'TextInput',
-    'ToastAndroid',
-    'ToolbarAndroid',
-    'Touchable',
     'TouchableHighlight',
-    'TouchableNativeFeedback',
     'TouchableOpacity',
-    'TouchableWithoutFeedback',
     'View',
-    'ViewPagerAndroid',
     'VirtualizedList',
-    'WebView',
 ];
 var styled = baseStyled;
 /* Define a getter for each alias which simply gets the reactNative component
@@ -1316,8 +1282,10 @@ aliases.forEach(function (alias) {
         enumerable: true,
         configurable: false,
         get: function () {
-            // @ts-expect-error supporting old imports in some cases
-            return styled(reactNative[alias]);
+            if (alias in reactNative && reactNative[alias]) {
+                return styled(reactNative[alias]);
+            }
+            throw new Error("".concat(alias, " is not available in the currently-installed version of react-native"));
         },
     });
 });