@furystack/shades 3.6.5 → 3.7.2

package/dist/shade-component.d.ts

@@ -14,6 +14,7 @@ export declare const hasStyle: (props: any) => props is {
  * @param props The Properties to fetch The Styles Object
  */
 export declare const attachStyles: (el: HTMLElement, props: any) => void;
+export declare const attachDataAttributes: (el: HTMLElement, props: any) => void;
 /**
  * Factory method that creates a component. This should be configured as a default JSX Factory in tsconfig.
  *

package/dist/shade-component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shade-component.d.ts","sourceRoot":"","sources":["../src/shade-component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAoB,MAAM,UAAU,CAAA;AAEzE;;;;;GAKG;AACH,eAAO,MAAM,WAAW,OAAQ,WAAW,iCAY1C,CAAA;AAED,eAAO,MAAM,QAAQ,UAAW,GAAG;WAAqB,QAAQ,mBAAmB,CAAC;CAEnF,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,OAAQ,WAAW,SAAS,GAAG,SAOvD,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,6HAqB3B,CAAA"}
+{"version":3,"file":"shade-component.d.ts","sourceRoot":"","sources":["../src/shade-component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAoB,MAAM,UAAU,CAAA;AAEzE;;;;;GAKG;AACH,eAAO,MAAM,WAAW,OAAQ,WAAW,iCAY1C,CAAA;AAED,eAAO,MAAM,QAAQ,UAAW,GAAG;WAAqB,QAAQ,mBAAmB,CAAC;CAEnF,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,OAAQ,WAAW,SAAS,GAAG,SAOvD,CAAA;AAED,eAAO,MAAM,oBAAoB,OAAQ,WAAW,SAAS,GAAG,SAK/D,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,6HAsB3B,CAAA"}

package/dist/shade-component.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createComponent = exports.attachStyles = exports.hasStyle = exports.appendChild = void 0;
+exports.createComponent = exports.attachDataAttributes = exports.attachStyles = exports.hasStyle = exports.appendChild = void 0;
 const models_1 = require("./models");
 /**
  * Appends a list of items to a HTML element
@@ -42,6 +42,13 @@ const attachStyles = (el, props) => {
         }
 };
 exports.attachStyles = attachStyles;
+const attachDataAttributes = (el, props) => {
+    props &&
+        Object.entries(props)
+            .filter(([key]) => key.startsWith('data-'))
+            .forEach(([key, value]) => el.setAttribute(key, value || ''));
+};
+exports.attachDataAttributes = attachDataAttributes;
 /**
  * Factory method that creates a component. This should be configured as a default JSX Factory in tsconfig.
  *
@@ -57,6 +64,7 @@ const createComponent = (elementType, props, ...children) => {
         if (props && props.style) {
             (0, exports.attachStyles)(el, props);
         }
+        (0, exports.attachDataAttributes)(el, props);
         if (children) {
             (0, exports.appendChild)(el, children);
         }

package/dist/shade-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"shade-component.js","sourceRoot":"","sources":["../src/shade-component.ts"],"names":[],"mappings":";;;AAAA,qCAAyE;AAEzE;;;;;GAKG;AACI,MAAM,WAAW,GAAG,CAAC,EAAe,EAAE,QAAsB,EAAE,EAAE;IACrE,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;QAC5B,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAA;SAC/C;aAAM;YACL,IAAI,KAAK,YAAY,WAAW,EAAE;gBAChC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;aACtB;iBAAM,IAAI,KAAK,YAAY,KAAK,EAAE;gBACjC,IAAA,mBAAW,EAAC,EAAE,EAAE,KAAK,CAAC,CAAA;aACvB;SACF;KACF;AACH,CAAC,CAAA;AAZY,QAAA,WAAW,eAYvB;AAEM,MAAM,QAAQ,GAAG,CAAC,KAAU,EAAoD,EAAE;IACvF,OAAO,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,MAAK,SAAS,CAAA;AACnC,CAAC,CAAA;AAFY,QAAA,QAAQ,YAEpB;AAED;;;GAGG;AACI,MAAM,YAAY,GAAG,CAAC,EAAe,EAAE,KAAU,EAAE,EAAE;IAC1D,IAAI,IAAA,gBAAQ,EAAC,KAAK,CAAC;QACjB,KAAK,MAAM,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE;YAC7B,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;gBAC1D,CAAC;gBAAC,EAAE,CAAC,KAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;aAC3C;SACF;AACL,CAAC,CAAA;AAPY,QAAA,YAAY,gBAOxB;AAED;;;;;;;GAOG;AACI,MAAM,eAAe,GAAG,CAC7B,WAA4C,EAC5C,KAAa,EACb,GAAG,QAAsB,EACzB,EAAE;IACF,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;QACnC,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;QAC9C,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;QAExB,IAAI,KAAK,IAAK,KAAa,CAAC,KAAK,EAAE;YACjC,IAAA,oBAAY,EAAC,EAAE,EAAE,KAAK,CAAC,CAAA;SACxB;QACD,IAAI,QAAQ,EAAE;YACZ,IAAA,mBAAW,EAAC,EAAE,EAAE,QAAQ,CAAC,CAAA;SAC1B;QACD,OAAO,EAAE,CAAA;KACV;SAAM,IAAI,IAAA,yBAAgB,EAAC,WAAW,CAAC,EAAE;QACxC,MAAM,EAAE,GAAI,WAAsC,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;QACnE,IAAA,oBAAY,EAAC,EAAE,EAAE,KAAK,CAAC,CAAA;QACvB,OAAO,EAAE,CAAA;KACV;AACH,CAAC,CAAA;AArBY,QAAA,eAAe,mBAqB3B"}
+{"version":3,"file":"shade-component.js","sourceRoot":"","sources":["../src/shade-component.ts"],"names":[],"mappings":";;;AAAA,qCAAyE;AAEzE;;;;;GAKG;AACI,MAAM,WAAW,GAAG,CAAC,EAAe,EAAE,QAAsB,EAAE,EAAE;IACrE,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;QAC5B,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAA;SAC/C;aAAM;YACL,IAAI,KAAK,YAAY,WAAW,EAAE;gBAChC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;aACtB;iBAAM,IAAI,KAAK,YAAY,KAAK,EAAE;gBACjC,IAAA,mBAAW,EAAC,EAAE,EAAE,KAAK,CAAC,CAAA;aACvB;SACF;KACF;AACH,CAAC,CAAA;AAZY,QAAA,WAAW,eAYvB;AAEM,MAAM,QAAQ,GAAG,CAAC,KAAU,EAAoD,EAAE;IACvF,OAAO,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,MAAK,SAAS,CAAA;AACnC,CAAC,CAAA;AAFY,QAAA,QAAQ,YAEpB;AAED;;;GAGG;AACI,MAAM,YAAY,GAAG,CAAC,EAAe,EAAE,KAAU,EAAE,EAAE;IAC1D,IAAI,IAAA,gBAAQ,EAAC,KAAK,CAAC;QACjB,KAAK,MAAM,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE;YAC7B,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;gBAC1D,CAAC;gBAAC,EAAE,CAAC,KAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;aAC3C;SACF;AACL,CAAC,CAAA;AAPY,QAAA,YAAY,gBAOxB;AAEM,MAAM,oBAAoB,GAAG,CAAC,EAAe,EAAE,KAAU,EAAE,EAAE;IAClE,KAAK;QACH,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;aAClB,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;aAC1C,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,GAAG,EAAG,KAAgB,IAAI,EAAE,CAAC,CAAC,CAAA;AAC/E,CAAC,CAAA;AALY,QAAA,oBAAoB,wBAKhC;AAED;;;;;;;GAOG;AACI,MAAM,eAAe,GAAG,CAC7B,WAA4C,EAC5C,KAAa,EACb,GAAG,QAAsB,EACzB,EAAE;IACF,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;QACnC,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;QAC9C,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;QAExB,IAAI,KAAK,IAAK,KAAa,CAAC,KAAK,EAAE;YACjC,IAAA,oBAAY,EAAC,EAAE,EAAE,KAAK,CAAC,CAAA;SACxB;QACD,IAAA,4BAAoB,EAAC,EAAE,EAAE,KAAK,CAAC,CAAA;QAC/B,IAAI,QAAQ,EAAE;YACZ,IAAA,mBAAW,EAAC,EAAE,EAAE,QAAQ,CAAC,CAAA;SAC1B;QACD,OAAO,EAAE,CAAA;KACV;SAAM,IAAI,IAAA,yBAAgB,EAAC,WAAW,CAAC,EAAE;QACxC,MAAM,EAAE,GAAI,WAAsC,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;QACnE,IAAA,oBAAY,EAAC,EAAE,EAAE,KAAK,CAAC,CAAA;QACvB,OAAO,EAAE,CAAA;KACV;AACH,CAAC,CAAA;AAtBY,QAAA,eAAe,mBAsB3B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@furystack/shades",
-  "version": "3.6.5",
+  "version": "3.7.2",
   "description": "Google Authentication Provider for FuryStack",
   "main": "dist/index.js",
   "files": [
@@ -29,13 +29,13 @@
   },
   "homepage": "https://github.com/furystack/furystack",
   "dependencies": {
-    "@furystack/core": "^10.3.5",
-    "@furystack/inject": "^4.0.75",
-    "@furystack/utils": "^1.2.45",
+    "@furystack/core": "^10.3.8",
+    "@furystack/inject": "^4.0.76",
+    "@furystack/utils": "^1.2.46",
     "path-to-regexp": "^6.2.0",
     "tslib": "^2.3.1",
     "uuid": "^8.3.2"
   },
   "typings": "./dist/index.d.ts",
-  "gitHead": "f90695d7fc1587f41149cc56a1e9827069ff3ef3"
+  "gitHead": "eb6838696fb3ffc072321b0d5ee8583b82b7cb07"
 }

package/src/shade-component.ts

@@ -37,6 +37,13 @@ export const attachStyles = (el: HTMLElement, props: any) => {
     }
 }
 
+export const attachDataAttributes = (el: HTMLElement, props: any) => {
+  props &&
+    Object.entries(props)
+      .filter(([key]) => key.startsWith('data-'))
+      .forEach(([key, value]) => el.setAttribute(key, (value as string) || ''))
+}
+
 /**
  * Factory method that creates a component. This should be configured as a default JSX Factory in tsconfig.
  *
@@ -57,6 +64,7 @@ export const createComponent = <TProps>(
     if (props && (props as any).style) {
       attachStyles(el, props)
     }
+    attachDataAttributes(el, props)
     if (children) {
       appendChild(el, children)
     }