@react-native-styled-system/core 1.2.2 → 1.3.0

package/lib/commonjs/index.js

@@ -91,4 +91,15 @@ Object.keys(_propsToThemedStyle).forEach(function (key) {
     }
   });
 });
+var _createSxComponent = require("./util/createSxComponent");
+Object.keys(_createSxComponent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _createSxComponent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _createSxComponent[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_SxProps","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_ThemedDict","_ThemedTypings","_useSx","_useSxStyle","_useSxTokens","_StyledSystemProvider","_propsToThemedStyle"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_SxProps","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_ThemedDict","_ThemedTypings","_useSx","_useSxStyle","_useSxTokens","_StyledSystemProvider","_propsToThemedStyle","_createSxComponent"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/util/createSxComponent.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSxComponent = createSxComponent;
+exports.createSxTextComponent = createSxTextComponent;
+var _react = _interopRequireWildcard(require("react"));
+var _useSx = require("../hook/useSx");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function createSxComponent(Base) {
+  return () => {
+    const Transformed = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+      const {
+        filteredProps,
+        getStyle
+      } = (0, _useSx.useSx)(props);
+      return /*#__PURE__*/_react.default.createElement(Base, _extends({}, filteredProps, {
+        style: getStyle(),
+        ref: ref
+      }));
+    });
+    Transformed.displayName = `Sx.${Base.displayName || Base.name || 'NoName'}`;
+    return Transformed;
+  };
+}
+function createSxTextComponent(Base) {
+  return () => {
+    const Transformed = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+      const {
+        filteredProps,
+        getStyle
+      } = (0, _useSx.useSx)(props, {
+        styleType: 'TextStyle'
+      });
+      return /*#__PURE__*/_react.default.createElement(Base, _extends({}, filteredProps, {
+        style: getStyle(),
+        ref: ref
+      }));
+    });
+    Transformed.displayName = `Sx.${Base.displayName || Base.name || 'NoName'}`;
+    return Transformed;
+  };
+}
+//# sourceMappingURL=createSxComponent.js.map

package/lib/commonjs/util/createSxComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useSx","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","createSxComponent","Base","Transformed","forwardRef","props","ref","filteredProps","getStyle","useSx","createElement","style","displayName","name","createSxTextComponent","styleType"],"sourceRoot":"../../../src","sources":["util/createSxComponent.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/index.js

@@ -6,4 +6,5 @@ export * from './hook/useSxStyle';
 export * from './hook/useSxTokens';
 export * from './provider/StyledSystemProvider';
 export * from './util/propsToThemedStyle';
+export * from './util/createSxComponent';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,qBAAqB;AACnC,cAAc,wBAAwB;AACtC,cAAc,cAAc;AAC5B,cAAc,mBAAmB;AACjC,cAAc,oBAAoB;AAClC,cAAc,iCAAiC;AAC/C,cAAc,2BAA2B","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,qBAAqB;AACnC,cAAc,wBAAwB;AACtC,cAAc,cAAc;AAC5B,cAAc,mBAAmB;AACjC,cAAc,oBAAoB;AAClC,cAAc,iCAAiC;AAC/C,cAAc,2BAA2B;AACzC,cAAc,0BAA0B","ignoreList":[]}

package/lib/module/util/createSxComponent.js

@@ -0,0 +1,38 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { forwardRef } from 'react';
+import { useSx } from '../hook/useSx';
+export function createSxComponent(Base) {
+  return () => {
+    const Transformed = /*#__PURE__*/forwardRef(function (props, ref) {
+      const {
+        filteredProps,
+        getStyle
+      } = useSx(props);
+      return /*#__PURE__*/React.createElement(Base, _extends({}, filteredProps, {
+        style: getStyle(),
+        ref: ref
+      }));
+    });
+    Transformed.displayName = `Sx.${Base.displayName || Base.name || 'NoName'}`;
+    return Transformed;
+  };
+}
+export function createSxTextComponent(Base) {
+  return () => {
+    const Transformed = /*#__PURE__*/forwardRef(function (props, ref) {
+      const {
+        filteredProps,
+        getStyle
+      } = useSx(props, {
+        styleType: 'TextStyle'
+      });
+      return /*#__PURE__*/React.createElement(Base, _extends({}, filteredProps, {
+        style: getStyle(),
+        ref: ref
+      }));
+    });
+    Transformed.displayName = `Sx.${Base.displayName || Base.name || 'NoName'}`;
+    return Transformed;
+  };
+}
+//# sourceMappingURL=createSxComponent.js.map

package/lib/module/util/createSxComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useSx","createSxComponent","Base","Transformed","props","ref","filteredProps","getStyle","createElement","_extends","style","displayName","name","createSxTextComponent","styleType"],"sourceRoot":"../../../src","sources":["util/createSxComponent.tsx"],"mappings":";AACA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAGzC,SAASC,KAAK,QAAQ,eAAe;AAErC,OAAO,SAASC,iBAAiBA,CAA4BC,IAA0B,EAAE;EACvF,OAAO,MAAM;IACX,MAAMC,WAAW,gBAAGJ,UAAU,CAAuB,UAAUK,KAAK,EAAEC,GAAG,EAAE;MACzE,MAAM;QAAEC,aAAa;QAAEC;MAAS,CAAC,GAAGP,KAAK,CAACI,KAAK,CAAC;MAEhD,oBAAON,KAAA,CAAAU,aAAA,CAACN,IAAI,EAAAO,QAAA,KAAMH,aAAa;QAAUI,KAAK,EAAEH,QAAQ,CAAC,CAAE;QAACF,GAAG,EAAEA;MAAW,EAAE,CAAC;IACjF,CAAC,CAAC;IAEFF,WAAW,CAACQ,WAAW,GAAI,MAAKT,IAAI,CAACS,WAAW,IAAIT,IAAI,CAACU,IAAI,IAAI,QAAS,EAAC;IAE3E,OAAOT,WAAW;EACpB,CAAC;AACH;AAEA,OAAO,SAASU,qBAAqBA,CAA4BX,IAA0B,EAAE;EAC3F,OAAO,MAAM;IACX,MAAMC,WAAW,gBAAGJ,UAAU,CAA2B,UAAUK,KAAK,EAAEC,GAAG,EAAE;MAC7E,MAAM;QAAEC,aAAa;QAAEC;MAAS,CAAC,GAAGP,KAAK,CAACI,KAAK,EAAE;QAAEU,SAAS,EAAE;MAAY,CAAC,CAAC;MAE5E,oBAAOhB,KAAA,CAAAU,aAAA,CAACN,IAAI,EAAAO,QAAA,KAAMH,aAAa;QAAUI,KAAK,EAAEH,QAAQ,CAAC,CAAE;QAACF,GAAG,EAAEA;MAAW,EAAE,CAAC;IACjF,CAAC,CAAC;IAEFF,WAAW,CAACQ,WAAW,GAAI,MAAKT,IAAI,CAACS,WAAW,IAAIT,IAAI,CAACU,IAAI,IAAI,QAAS,EAAC;IAE3E,OAAOT,WAAW;EACpB,CAAC;AACH","ignoreList":[]}

package/lib/typescript/src/index.d.ts

@@ -6,4 +6,5 @@ export * from './hook/useSxStyle';
 export * from './hook/useSxTokens';
 export * from './provider/StyledSystemProvider';
 export * from './util/propsToThemedStyle';
+export * from './util/createSxComponent';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC"}