@salt-ds/styles 0.0.0-snapshot-20230419175619

package/README.md

@@ -0,0 +1 @@
+# Styles

package/dist-cjs/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useStyleInjection = require('./use-style-injection/useStyleInjection.js');
+
+
+
+exports.useComponentCssInjection = useStyleInjection.useComponentCssInjection;
+//# sourceMappingURL=index.js.map

package/dist-cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist-cjs/use-style-injection/useStyleInjection.js

@@ -0,0 +1,71 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return n;
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _a;
+const maybeUseInsertionEffect = (_a = React__namespace[`${"useInsertionEffect"}${""}`]) != null ? _a : React__namespace.useLayoutEffect;
+const windowSheetsMap = /* @__PURE__ */ new WeakMap();
+function useComponentCssInjection({
+  id,
+  css,
+  window: targetWindow
+}) {
+  maybeUseInsertionEffect(() => {
+    var _a2, _b;
+    let sheetsMap = (_a2 = windowSheetsMap.get(targetWindow)) != null ? _a2 : /* @__PURE__ */ new Map();
+    let styleMap = (_b = sheetsMap.get(id)) != null ? _b : { styleElement: null, count: 0 };
+    if (styleMap.styleElement == null) {
+      styleMap.styleElement = targetWindow.document.createElement("style");
+      styleMap.styleElement.setAttribute("type", "text/css");
+      styleMap.styleElement.setAttribute("data-salt-style", id);
+      styleMap.styleElement.textContent = css;
+      styleMap.count = 1;
+      targetWindow.document.head.insertBefore(
+        styleMap.styleElement,
+        targetWindow.document.head.firstChild
+      );
+    } else {
+      styleMap.styleElement.textContent = css;
+      styleMap.count++;
+    }
+    sheetsMap.set(id, styleMap);
+    windowSheetsMap.set(targetWindow, sheetsMap);
+    return () => {
+      const sheetsMap2 = windowSheetsMap.get(targetWindow);
+      const styleMap2 = sheetsMap2 == null ? void 0 : sheetsMap2.get(id);
+      if (styleMap2 == null ? void 0 : styleMap2.styleElement) {
+        styleMap2.count--;
+        if (styleMap2.count < 1) {
+          targetWindow.document.head.removeChild(styleMap2.styleElement);
+          styleMap2.styleElement = null;
+          sheetsMap2 == null ? void 0 : sheetsMap2.delete(id);
+        }
+      }
+    };
+  }, [id, css, targetWindow]);
+}
+
+exports.useComponentCssInjection = useComponentCssInjection;
+//# sourceMappingURL=useStyleInjection.js.map

package/dist-cjs/use-style-injection/useStyleInjection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyleInjection.js","sources":["../src/use-style-injection/useStyleInjection.ts"],"sourcesContent":["import * as React from \"react\";\n\n// eslint-disable-next-line -- Workaround for https://github.com/webpack/webpack/issues/14814\nconst maybeUseInsertionEffect: typeof React.useLayoutEffect =\n  (React as any)[`${\"useInsertionEffect\"}${\"\"}`] ?? React.useLayoutEffect;\n\ntype WindowLike = Window & typeof globalThis;\n\nexport interface UseComponentCssInjection {\n  id: string;\n  css: string;\n  window: WindowLike;\n}\n\ntype StyleElementMap = Map<\n  string,\n  { styleElement: HTMLStyleElement | null; count: number }\n>;\n\nconst windowSheetsMap = new WeakMap<WindowLike, StyleElementMap>();\nexport function useComponentCssInjection({\n  id,\n  css,\n  window: targetWindow,\n}: UseComponentCssInjection): void {\n  maybeUseInsertionEffect(() => {\n    let sheetsMap = windowSheetsMap.get(targetWindow) ?? new Map();\n    let styleMap = sheetsMap.get(id) ?? { styleElement: null, count: 0 };\n\n    if (styleMap.styleElement == null) {\n      styleMap.styleElement = targetWindow.document.createElement(\"style\");\n      styleMap.styleElement.setAttribute(\"type\", \"text/css\");\n      styleMap.styleElement.setAttribute(\"data-salt-style\", id);\n      styleMap.styleElement.textContent = css;\n\n      styleMap.count = 1;\n\n      targetWindow.document.head.insertBefore(\n        styleMap.styleElement,\n        targetWindow.document.head.firstChild\n      );\n    } else {\n      styleMap.styleElement.textContent = css;\n      styleMap.count++;\n    }\n    sheetsMap.set(id, styleMap);\n    windowSheetsMap.set(targetWindow, sheetsMap);\n\n    return () => {\n      const sheetsMap = windowSheetsMap.get(targetWindow);\n      const styleMap = sheetsMap?.get(id);\n      if (styleMap?.styleElement) {\n        styleMap.count--;\n        if (styleMap.count < 1) {\n          targetWindow.document.head.removeChild(styleMap.styleElement);\n          styleMap.styleElement = null;\n          sheetsMap?.delete(id);\n        }\n      }\n    };\n  }, [id, css, targetWindow]);\n}\n"],"names":["React","_a","sheetsMap","styleMap"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,EAAA,CAAA;AAGA,MAAM,2BACH,EAAc,GAAAA,gBAAA,CAAA,CAAA,EAAG,oBAAuB,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,KAAxC,YAAiDA,gBAAM,CAAA,eAAA,CAAA;AAe1D,MAAM,eAAA,uBAAsB,OAAqC,EAAA,CAAA;AAC1D,SAAS,wBAAyB,CAAA;AAAA,EACvC,EAAA;AAAA,EACA,GAAA;AAAA,EACA,MAAQ,EAAA,YAAA;AACV,CAAmC,EAAA;AACjC,EAAA,uBAAA,CAAwB,MAAM;AAzBhC,IAAA,IAAAC,GAAA,EAAA,EAAA,CAAA;AA0BI,IAAI,IAAA,SAAA,GAAA,CAAYA,MAAA,eAAgB,CAAA,GAAA,CAAI,YAAY,CAAhC,KAAA,IAAA,GAAAA,GAAqC,mBAAA,IAAI,GAAI,EAAA,CAAA;AAC7D,IAAI,IAAA,QAAA,GAAA,CAAW,EAAU,GAAA,SAAA,CAAA,GAAA,CAAI,EAAE,CAAA,KAAhB,YAAqB,EAAE,YAAA,EAAc,IAAM,EAAA,KAAA,EAAO,CAAE,EAAA,CAAA;AAEnE,IAAI,IAAA,QAAA,CAAS,gBAAgB,IAAM,EAAA;AACjC,MAAA,QAAA,CAAS,YAAe,GAAA,YAAA,CAAa,QAAS,CAAA,aAAA,CAAc,OAAO,CAAA,CAAA;AACnE,MAAS,QAAA,CAAA,YAAA,CAAa,YAAa,CAAA,MAAA,EAAQ,UAAU,CAAA,CAAA;AACrD,MAAS,QAAA,CAAA,YAAA,CAAa,YAAa,CAAA,iBAAA,EAAmB,EAAE,CAAA,CAAA;AACxD,MAAA,QAAA,CAAS,aAAa,WAAc,GAAA,GAAA,CAAA;AAEpC,MAAA,QAAA,CAAS,KAAQ,GAAA,CAAA,CAAA;AAEjB,MAAA,YAAA,CAAa,SAAS,IAAK,CAAA,YAAA;AAAA,QACzB,QAAS,CAAA,YAAA;AAAA,QACT,YAAA,CAAa,SAAS,IAAK,CAAA,UAAA;AAAA,OAC7B,CAAA;AAAA,KACK,MAAA;AACL,MAAA,QAAA,CAAS,aAAa,WAAc,GAAA,GAAA,CAAA;AACpC,MAAS,QAAA,CAAA,KAAA,EAAA,CAAA;AAAA,KACX;AACA,IAAU,SAAA,CAAA,GAAA,CAAI,IAAI,QAAQ,CAAA,CAAA;AAC1B,IAAgB,eAAA,CAAA,GAAA,CAAI,cAAc,SAAS,CAAA,CAAA;AAE3C,IAAA,OAAO,MAAM;AACX,MAAMC,MAAAA,UAAAA,GAAY,eAAgB,CAAA,GAAA,CAAI,YAAY,CAAA,CAAA;AAClD,MAAA,MAAMC,SAAWD,GAAAA,UAAAA,IAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAAA,CAAW,GAAI,CAAA,EAAA,CAAA,CAAA;AAChC,MAAIC,IAAAA,SAAAA,IAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAAA,CAAU,YAAc,EAAA;AAC1B,QAAAA,SAAS,CAAA,KAAA,EAAA,CAAA;AACT,QAAIA,IAAAA,SAAAA,CAAS,QAAQ,CAAG,EAAA;AACtB,UAAA,YAAA,CAAa,QAAS,CAAA,IAAA,CAAK,WAAYA,CAAAA,SAAAA,CAAS,YAAY,CAAA,CAAA;AAC5D,UAAAA,UAAS,YAAe,GAAA,IAAA,CAAA;AACxB,UAAAD,UAAAA,IAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAAA,CAAW,MAAO,CAAA,EAAA,CAAA,CAAA;AAAA,SACpB;AAAA,OACF;AAAA,KACF,CAAA;AAAA,GACC,EAAA,CAAC,EAAI,EAAA,GAAA,EAAK,YAAY,CAAC,CAAA,CAAA;AAC5B;;;;"}

package/dist-es/index.js

@@ -0,0 +1,2 @@
+export { useComponentCssInjection } from './use-style-injection/useStyleInjection.js';
+//# sourceMappingURL=index.js.map

package/dist-es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist-es/use-style-injection/useStyleInjection.js

@@ -0,0 +1,47 @@
+import * as React from 'react';
+
+var _a;
+const maybeUseInsertionEffect = (_a = React[`${"useInsertionEffect"}${""}`]) != null ? _a : React.useLayoutEffect;
+const windowSheetsMap = /* @__PURE__ */ new WeakMap();
+function useComponentCssInjection({
+  id,
+  css,
+  window: targetWindow
+}) {
+  maybeUseInsertionEffect(() => {
+    var _a2, _b;
+    let sheetsMap = (_a2 = windowSheetsMap.get(targetWindow)) != null ? _a2 : /* @__PURE__ */ new Map();
+    let styleMap = (_b = sheetsMap.get(id)) != null ? _b : { styleElement: null, count: 0 };
+    if (styleMap.styleElement == null) {
+      styleMap.styleElement = targetWindow.document.createElement("style");
+      styleMap.styleElement.setAttribute("type", "text/css");
+      styleMap.styleElement.setAttribute("data-salt-style", id);
+      styleMap.styleElement.textContent = css;
+      styleMap.count = 1;
+      targetWindow.document.head.insertBefore(
+        styleMap.styleElement,
+        targetWindow.document.head.firstChild
+      );
+    } else {
+      styleMap.styleElement.textContent = css;
+      styleMap.count++;
+    }
+    sheetsMap.set(id, styleMap);
+    windowSheetsMap.set(targetWindow, sheetsMap);
+    return () => {
+      const sheetsMap2 = windowSheetsMap.get(targetWindow);
+      const styleMap2 = sheetsMap2 == null ? void 0 : sheetsMap2.get(id);
+      if (styleMap2 == null ? void 0 : styleMap2.styleElement) {
+        styleMap2.count--;
+        if (styleMap2.count < 1) {
+          targetWindow.document.head.removeChild(styleMap2.styleElement);
+          styleMap2.styleElement = null;
+          sheetsMap2 == null ? void 0 : sheetsMap2.delete(id);
+        }
+      }
+    };
+  }, [id, css, targetWindow]);
+}
+
+export { useComponentCssInjection };
+//# sourceMappingURL=useStyleInjection.js.map

package/dist-es/use-style-injection/useStyleInjection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyleInjection.js","sources":["../src/use-style-injection/useStyleInjection.ts"],"sourcesContent":["import * as React from \"react\";\n\n// eslint-disable-next-line -- Workaround for https://github.com/webpack/webpack/issues/14814\nconst maybeUseInsertionEffect: typeof React.useLayoutEffect =\n  (React as any)[`${\"useInsertionEffect\"}${\"\"}`] ?? React.useLayoutEffect;\n\ntype WindowLike = Window & typeof globalThis;\n\nexport interface UseComponentCssInjection {\n  id: string;\n  css: string;\n  window: WindowLike;\n}\n\ntype StyleElementMap = Map<\n  string,\n  { styleElement: HTMLStyleElement | null; count: number }\n>;\n\nconst windowSheetsMap = new WeakMap<WindowLike, StyleElementMap>();\nexport function useComponentCssInjection({\n  id,\n  css,\n  window: targetWindow,\n}: UseComponentCssInjection): void {\n  maybeUseInsertionEffect(() => {\n    let sheetsMap = windowSheetsMap.get(targetWindow) ?? new Map();\n    let styleMap = sheetsMap.get(id) ?? { styleElement: null, count: 0 };\n\n    if (styleMap.styleElement == null) {\n      styleMap.styleElement = targetWindow.document.createElement(\"style\");\n      styleMap.styleElement.setAttribute(\"type\", \"text/css\");\n      styleMap.styleElement.setAttribute(\"data-salt-style\", id);\n      styleMap.styleElement.textContent = css;\n\n      styleMap.count = 1;\n\n      targetWindow.document.head.insertBefore(\n        styleMap.styleElement,\n        targetWindow.document.head.firstChild\n      );\n    } else {\n      styleMap.styleElement.textContent = css;\n      styleMap.count++;\n    }\n    sheetsMap.set(id, styleMap);\n    windowSheetsMap.set(targetWindow, sheetsMap);\n\n    return () => {\n      const sheetsMap = windowSheetsMap.get(targetWindow);\n      const styleMap = sheetsMap?.get(id);\n      if (styleMap?.styleElement) {\n        styleMap.count--;\n        if (styleMap.count < 1) {\n          targetWindow.document.head.removeChild(styleMap.styleElement);\n          styleMap.styleElement = null;\n          sheetsMap?.delete(id);\n        }\n      }\n    };\n  }, [id, css, targetWindow]);\n}\n"],"names":["_a","sheetsMap","styleMap"],"mappings":";;AAAA,IAAA,EAAA,CAAA;AAGA,MAAM,2BACH,EAAc,GAAA,KAAA,CAAA,CAAA,EAAG,oBAAuB,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,KAAxC,YAAiD,KAAM,CAAA,eAAA,CAAA;AAe1D,MAAM,eAAA,uBAAsB,OAAqC,EAAA,CAAA;AAC1D,SAAS,wBAAyB,CAAA;AAAA,EACvC,EAAA;AAAA,EACA,GAAA;AAAA,EACA,MAAQ,EAAA,YAAA;AACV,CAAmC,EAAA;AACjC,EAAA,uBAAA,CAAwB,MAAM;AAzBhC,IAAA,IAAAA,GAAA,EAAA,EAAA,CAAA;AA0BI,IAAI,IAAA,SAAA,GAAA,CAAYA,MAAA,eAAgB,CAAA,GAAA,CAAI,YAAY,CAAhC,KAAA,IAAA,GAAAA,GAAqC,mBAAA,IAAI,GAAI,EAAA,CAAA;AAC7D,IAAI,IAAA,QAAA,GAAA,CAAW,EAAU,GAAA,SAAA,CAAA,GAAA,CAAI,EAAE,CAAA,KAAhB,YAAqB,EAAE,YAAA,EAAc,IAAM,EAAA,KAAA,EAAO,CAAE,EAAA,CAAA;AAEnE,IAAI,IAAA,QAAA,CAAS,gBAAgB,IAAM,EAAA;AACjC,MAAA,QAAA,CAAS,YAAe,GAAA,YAAA,CAAa,QAAS,CAAA,aAAA,CAAc,OAAO,CAAA,CAAA;AACnE,MAAS,QAAA,CAAA,YAAA,CAAa,YAAa,CAAA,MAAA,EAAQ,UAAU,CAAA,CAAA;AACrD,MAAS,QAAA,CAAA,YAAA,CAAa,YAAa,CAAA,iBAAA,EAAmB,EAAE,CAAA,CAAA;AACxD,MAAA,QAAA,CAAS,aAAa,WAAc,GAAA,GAAA,CAAA;AAEpC,MAAA,QAAA,CAAS,KAAQ,GAAA,CAAA,CAAA;AAEjB,MAAA,YAAA,CAAa,SAAS,IAAK,CAAA,YAAA;AAAA,QACzB,QAAS,CAAA,YAAA;AAAA,QACT,YAAA,CAAa,SAAS,IAAK,CAAA,UAAA;AAAA,OAC7B,CAAA;AAAA,KACK,MAAA;AACL,MAAA,QAAA,CAAS,aAAa,WAAc,GAAA,GAAA,CAAA;AACpC,MAAS,QAAA,CAAA,KAAA,EAAA,CAAA;AAAA,KACX;AACA,IAAU,SAAA,CAAA,GAAA,CAAI,IAAI,QAAQ,CAAA,CAAA;AAC1B,IAAgB,eAAA,CAAA,GAAA,CAAI,cAAc,SAAS,CAAA,CAAA;AAE3C,IAAA,OAAO,MAAM;AACX,MAAMC,MAAAA,UAAAA,GAAY,eAAgB,CAAA,GAAA,CAAI,YAAY,CAAA,CAAA;AAClD,MAAA,MAAMC,SAAWD,GAAAA,UAAAA,IAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAAA,CAAW,GAAI,CAAA,EAAA,CAAA,CAAA;AAChC,MAAIC,IAAAA,SAAAA,IAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAAA,CAAU,YAAc,EAAA;AAC1B,QAAAA,SAAS,CAAA,KAAA,EAAA,CAAA;AACT,QAAIA,IAAAA,SAAAA,CAAS,QAAQ,CAAG,EAAA;AACtB,UAAA,YAAA,CAAa,QAAS,CAAA,IAAA,CAAK,WAAYA,CAAAA,SAAAA,CAAS,YAAY,CAAA,CAAA;AAC5D,UAAAA,UAAS,YAAe,GAAA,IAAA,CAAA;AACxB,UAAAD,UAAAA,IAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAAA,CAAW,MAAO,CAAA,EAAA,CAAA,CAAA;AAAA,SACpB;AAAA,OACF;AAAA,KACF,CAAA;AAAA,GACC,EAAA,CAAC,EAAI,EAAA,GAAA,EAAK,YAAY,CAAC,CAAA,CAAA;AAC5B;;;;"}

package/dist-types/index.d.ts

@@ -0,0 +1 @@
+export * from "./use-style-injection";

package/dist-types/use-style-injection/index.d.ts

@@ -0,0 +1 @@
+export * from "./useStyleInjection";

package/dist-types/use-style-injection/useStyleInjection.d.ts

@@ -0,0 +1,8 @@
+declare type WindowLike = Window & typeof globalThis;
+export interface UseComponentCssInjection {
+    id: string;
+    css: string;
+    window: WindowLike;
+}
+export declare function useComponentCssInjection({ id, css, window: targetWindow, }: UseComponentCssInjection): void;
+export {};

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@salt-ds/styles",
+  "version": "0.0.0-snapshot-20230419175619",
+  "license": "Apache-2.0",
+  "main": "dist-cjs/index.js",
+  "sideEffects": false,
+  "peerDependencies": {
+    "@types/react": ">=16.8.6",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "directory": "../../dist/salt-ds-styles"
+  },
+  "module": "dist-es/index.js",
+  "typings": "dist-types/index.d.ts",
+  "dependencies": {},
+  "files": [
+    "dist-cjs",
+    "dist-es",
+    "dist-types",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jpmorganchase/salt-ds",
+    "directory": "packages/styles"
+  }
+}