@mvf/external-components 3.11.6-dev.6 → 3.11.6-dev.7

package/Components/Importers/TextField.d.ts

@@ -3,5 +3,12 @@ import { FC } from 'react';
 interface TextFieldWithExperimentProps extends ITextFieldProps {
     experimentName?: string;
 }
+/**
+ * TextField component with experiment support
+ * This method would need to be set up for each component which we want to enable experimental features on.
+ * This is a manual process and would need to be done for each component although we may be able to automate this in the future.
+ *
+ * Currently all of the possible experiments would need to be pulled in although we could potentially lazy load experiments. This could be problematic if the experiment differs drastically from the default component.
+ */
 declare const TextField: FC<TextFieldWithExperimentProps>;
 export default TextField;

package/Components/Importers/TextField.js

@@ -28,6 +28,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 var TextField_1 = __importDefault(require("../Molecules/TextField/TextField"));
 var TextField_2 = __importDefault(require("../Experiments/GOLD-1264/Molecules/TextField/TextField"));
+/**
+ * TextField component with experiment support
+ * This method would need to be set up for each component which we want to enable experimental features on.
+ * This is a manual process and would need to be done for each component although we may be able to automate this in the future.
+ *
+ * Currently all of the possible experiments would need to be pulled in although we could potentially lazy load experiments. This could be problematic if the experiment differs drastically from the default component.
+ */
 var TextField = function (_a) {
     var experimentName = _a.experimentName, props = __rest(_a, ["experimentName"]);
     switch (experimentName) {

package/Components/Importers/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/Components/Importers/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+EAAgE;AAChE,qGAAuF;AAQvF,IAAM,SAAS,GAAqC,UAAC,EAGpD;IAFC,IAAA,cAAc,oBAAA,EACX,KAAK,cAF2C,kBAGpD,CADS;IAER,QAAQ,cAAc,EAAE;QACtB,KAAK,WAAW;YACd,OAAO,uBAAC,mBAAiB,eAAK,KAAK,EAAI,CAAC;QAC1C;YACE,OAAO,uBAAC,mBAAgB,eAAK,KAAK,EAAI,CAAC;KAC1C;AACH,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/Components/Importers/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+EAAgE;AAChE,qGAAuF;AAQvF;;;;;;GAMG;AACH,IAAM,SAAS,GAAqC,UAAC,EAGpD;IAFC,IAAA,cAAc,oBAAA,EACX,KAAK,cAF2C,kBAGpD,CADS;IAER,QAAQ,cAAc,EAAE;QACtB,KAAK,WAAW;YACd,OAAO,uBAAC,mBAAiB,eAAK,KAAK,EAAI,CAAC;QAC1C;YACE,OAAO,uBAAC,mBAAgB,eAAK,KAAK,EAAI,CAAC;KAC1C;AACH,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/Components/Importers/TextFieldWithLazyLoading.d.ts

@@ -0,0 +1,12 @@
+import ITextFieldProps from '../Molecules/TextField/ITextFieldProps';
+import { FC } from 'react';
+interface TextFieldWithExperimentProps extends ITextFieldProps {
+    experimentName?: string;
+}
+/**
+ * Demonstration of how importing could use lazy loading to reduce bundle size.
+ *
+ * This could be problematic if there are large changes to the original component as there may be a flash of unstyled content but would reduce the bundle size.
+ */
+declare const TextField: FC<TextFieldWithExperimentProps>;
+export default TextField;

package/Components/Importers/TextFieldWithLazyLoading.js

@@ -0,0 +1,77 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var TextField_1 = __importDefault(require("../Molecules/TextField/TextField"));
+var react_1 = require("react");
+var LoadingValueContext = (0, react_1.createContext)(null);
+var LoadingComponent = function () {
+    var props = (0, react_1.useContext)(LoadingValueContext);
+    if (!props)
+        return null;
+    return (0, jsx_runtime_1.jsx)(TextField_1.default, __assign({}, props));
+};
+/**
+ * Demonstration of how importing could use lazy loading to reduce bundle size.
+ *
+ * This could be problematic if there are large changes to the original component as there may be a flash of unstyled content but would reduce the bundle size.
+ */
+var TextField = function (_a) {
+    var experimentName = _a.experimentName, props = __rest(_a, ["experimentName"]);
+    switch (experimentName) {
+        case 'GOLD-1264':
+            var TextFieldGold1264 = (0, react_1.lazy)(function () { return Promise.resolve().then(function () { return __importStar(require("../Experiments/GOLD-1264/Molecules/TextField/TextField")); }); });
+            return ((0, jsx_runtime_1.jsx)(LoadingValueContext.Provider, __assign({ value: props }, { children: (0, jsx_runtime_1.jsxs)(react_1.Suspense, __assign({ fallback: (0, jsx_runtime_1.jsx)(LoadingComponent, {}) }, { children: [(0, jsx_runtime_1.jsx)(TextFieldGold1264, __assign({}, props)), ";"] })) })));
+        default:
+            return (0, jsx_runtime_1.jsx)(TextField_1.default, __assign({}, props));
+    }
+};
+exports.default = TextField;
+//# sourceMappingURL=TextFieldWithLazyLoading.js.map

package/Components/Importers/TextFieldWithLazyLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldWithLazyLoading.js","sourceRoot":"","sources":["../../../src/Components/Importers/TextFieldWithLazyLoading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+EAAgE;AAEhE,+BAAsE;AAMtE,IAAM,mBAAmB,GAAG,IAAA,qBAAa,EAAyB,IAAI,CAAC,CAAC;AAExE,IAAM,gBAAgB,GAAO;IAC3B,IAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,mBAAmB,CAAC,CAAC;IAC9C,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAExB,OAAO,uBAAC,mBAAgB,eAAK,KAAK,EAAI,CAAC;AACzC,CAAC,CAAC;AAEF;;;;GAIG;AACH,IAAM,SAAS,GAAqC,UAAC,EAGpD;IAFC,IAAA,cAAc,oBAAA,EACX,KAAK,cAF2C,kBAGpD,CADS;IAER,QAAQ,cAAc,EAAE;QACtB,KAAK,WAAW;YACd,IAAM,iBAAiB,GAAG,IAAA,YAAI,EAC5B,cAAM,wEAAO,wDAAwD,QAA/D,CAAgE,CACvE,CAAC;YACF,OAAO,CACL,uBAAC,mBAAmB,CAAC,QAAQ,aAAC,KAAK,EAAE,KAAK,gBACxC,wBAAC,gBAAQ,aAAC,QAAQ,EAAE,uBAAC,gBAAgB,KAAG,iBACtC,uBAAC,iBAAiB,eAAK,KAAK,EAAI,UACvB,IACkB,CAChC,CAAC;QACJ;YACE,OAAO,uBAAC,mBAAgB,eAAK,KAAK,EAAI,CAAC;KAC1C;AACH,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mvf/external-components",
-  "version": "3.11.6-dev.6",
+  "version": "3.11.6-dev.7",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "scripts/up.sh",