cx 26.4.0 → 26.4.2

package/build/widgets/overlay/Dropdown.js

@@ -35,6 +35,15 @@ export class DropdownBase extends OverlayBase {
         instance.parentPositionChangeEvent = context.parentPositionChangeEvent;
         super.initInstance(context, instance);
     }
+    prepareData(context, instance) {
+        super.prepareData(context, instance);
+        if (this.arrowOffset != null) {
+            instance.data.style = {
+                ...instance.data.style,
+                "--cx-js-dropdown-arrow-offset": `${this.arrowOffset}px`,
+            };
+        }
+    }
     explore(context, instance) {
         context.push("lastDropdown", instance);
         super.explore(context, instance);
@@ -130,7 +139,8 @@ export class DropdownBase extends OverlayBase {
             style.maxWidth = `${parentBounds.right - parentBounds.left}px`;
         var contentSize = this.measureNaturalDropdownSize(instance, component);
         var placement = this.findOptimalPlacement(contentSize, parentBounds, data.placement, component.lastPlacement);
-        this.applyPositioningPlacementStyles(style, placement, contentSize, parentBounds, el, false);
+        var arrowAdjust = this.getArrowAdjust(component);
+        this.applyPositioningPlacementStyles(style, placement, contentSize, parentBounds, el, false, arrowAdjust);
         component.setCustomStyle(style);
         this.setDirectionClass(component, placement);
         if (this.constrain) {
@@ -139,7 +149,7 @@ export class DropdownBase extends OverlayBase {
             if (newContentSize.width != contentSize.width ||
                 newContentSize.height != contentSize.height) {
                 let newStyle = {};
-                this.applyPositioningPlacementStyles(newStyle, placement, newContentSize, parentBounds, el, true);
+                this.applyPositioningPlacementStyles(newStyle, placement, newContentSize, parentBounds, el, true, arrowAdjust);
                 component.setCustomStyle(newStyle);
             }
         }
@@ -154,7 +164,23 @@ export class DropdownBase extends OverlayBase {
             this.dismissAfterScroll({ parentBounds, initialScreenPosition }, instance, component);
         instance.positionChangeSubscribers.notify();
     }
-    applyFixedPositioningPlacementStyles(style, placement, contentSize, rel, el, noAuto) {
+    getArrowAdjust(component) {
+        if (!this.alignArrow || !this.arrow)
+            return 0;
+        if (component.cachedArrowOffset != null)
+            return component.cachedArrowOffset;
+        if (!component.el)
+            return 0;
+        let raw = getComputedStyle(component.el)
+            .getPropertyValue("--cx-scss-dropdown-arrow-offset")
+            .trim();
+        let parsed = parseFloat(raw);
+        if (!isFinite(parsed))
+            return 0;
+        component.cachedArrowOffset = parsed;
+        return parsed;
+    }
+    applyFixedPositioningPlacementStyles(style, placement, contentSize, rel, el, noAuto, arrowAdjust = 0) {
         let viewport = getViewportRect(this.screenPadding);
         style.position = "fixed";
         if (placement.startsWith("down")) {
@@ -185,10 +211,10 @@ export class DropdownBase extends OverlayBase {
                 break;
             case "down-right":
                 style.right = "auto";
-                style.left = `${rel.left}px`;
+                style.left = `${rel.left - arrowAdjust}px`;
                 break;
             case "down-left":
-                style.right = `${document.documentElement.offsetWidth - rel.right}px`;
+                style.right = `${document.documentElement.offsetWidth - rel.right - arrowAdjust}px`;
                 style.left = "auto";
                 break;
             case "up":
@@ -198,10 +224,10 @@ export class DropdownBase extends OverlayBase {
                 break;
             case "up-right":
                 style.right = "auto";
-                style.left = `${rel.left}px`;
+                style.left = `${rel.left - arrowAdjust}px`;
                 break;
             case "up-left":
-                style.right = `${document.documentElement.offsetWidth - rel.right}px`;
+                style.right = `${document.documentElement.offsetWidth - rel.right - arrowAdjust}px`;
                 style.left = "auto";
                 break;
             case "right":
@@ -212,7 +238,7 @@ export class DropdownBase extends OverlayBase {
                 style.left = `${rel.right + this.offset}px`;
                 break;
             case "right-down":
-                style.top = `${rel.top}px`;
+                style.top = `${rel.top - arrowAdjust}px`;
                 style.right = "auto";
                 style.bottom = "auto";
                 style.left = `${rel.right + this.offset}px`;
@@ -220,7 +246,7 @@ export class DropdownBase extends OverlayBase {
             case "right-up":
                 style.top = "auto";
                 style.right = "auto";
-                style.bottom = `${document.documentElement.offsetHeight - rel.bottom}px`;
+                style.bottom = `${document.documentElement.offsetHeight - rel.bottom - arrowAdjust}px`;
                 style.left = `${rel.right + this.offset}px`;
                 break;
             case "left":
@@ -231,7 +257,7 @@ export class DropdownBase extends OverlayBase {
                 style.left = "auto";
                 break;
             case "left-down":
-                style.top = `${rel.top}px`;
+                style.top = `${rel.top - arrowAdjust}px`;
                 style.right = `${document.documentElement.offsetWidth - rel.left + this.offset}px`;
                 style.bottom = "auto";
                 style.left = "auto";
@@ -239,7 +265,7 @@ export class DropdownBase extends OverlayBase {
             case "left-up":
                 style.top = "auto";
                 style.right = `${document.documentElement.offsetWidth - rel.left + this.offset}px`;
-                style.bottom = `${document.documentElement.offsetHeight - rel.bottom}px`;
+                style.bottom = `${document.documentElement.offsetHeight - rel.bottom - arrowAdjust}px`;
                 style.left = "auto";
                 break;
             case "screen-center":
@@ -252,7 +278,7 @@ export class DropdownBase extends OverlayBase {
                 break;
         }
     }
-    applyAbsolutePositioningPlacementStyles(style, placement, contentSize, rel, el, noAuto) {
+    applyAbsolutePositioningPlacementStyles(style, placement, contentSize, rel, el, noAuto, arrowAdjust = 0) {
         var viewport = getViewportRect(this.screenPadding);
         style.position = "absolute";
         if (placement.startsWith("down")) {
@@ -279,10 +305,10 @@ export class DropdownBase extends OverlayBase {
                 break;
             case "down-right":
                 style.right = "auto";
-                style.left = `0`;
+                style.left = `${-arrowAdjust}px`;
                 break;
             case "down-left":
-                style.right = `0`;
+                style.right = `${-arrowAdjust}px`;
                 style.left = "auto";
                 break;
             case "up":
@@ -292,10 +318,10 @@ export class DropdownBase extends OverlayBase {
                 break;
             case "up-right":
                 style.right = "auto";
-                style.left = `0`;
+                style.left = `${-arrowAdjust}px`;
                 break;
             case "up-left":
-                style.right = `0`;
+                style.right = `${-arrowAdjust}px`;
                 style.left = "auto";
                 break;
             case "right":
@@ -306,7 +332,7 @@ export class DropdownBase extends OverlayBase {
                 style.left = `${rel.right - rel.left + this.offset}px`;
                 break;
             case "right-down":
-                style.top = `0`;
+                style.top = `${-arrowAdjust}px`;
                 style.right = "auto";
                 style.bottom = "auto";
                 style.left = `${rel.right - rel.left + this.offset}px`;
@@ -314,7 +340,7 @@ export class DropdownBase extends OverlayBase {
             case "right-up":
                 style.top = "auto";
                 style.right = "auto";
-                style.bottom = `0`;
+                style.bottom = `${-arrowAdjust}px`;
                 style.left = `${rel.right - rel.left + this.offset}px`;
                 break;
             case "left":
@@ -325,7 +351,7 @@ export class DropdownBase extends OverlayBase {
                 style.left = "auto";
                 break;
             case "left-down":
-                style.top = `0`;
+                style.top = `${-arrowAdjust}px`;
                 style.right = `${rel.right - rel.left + this.offset}px`;
                 style.bottom = "auto";
                 style.left = "auto";
@@ -333,24 +359,24 @@ export class DropdownBase extends OverlayBase {
             case "left-up":
                 style.top = "auto";
                 style.right = `${rel.right - rel.left + this.offset}px`;
-                style.bottom = `0`;
+                style.bottom = `${-arrowAdjust}px`;
                 style.left = "auto";
                 break;
         }
     }
-    applyPositioningPlacementStyles(style, placement, contentSize, parentBounds, el, noAuto) {
+    applyPositioningPlacementStyles(style, placement, contentSize, parentBounds, el, noAuto, arrowAdjust = 0) {
         switch (this.positioning) {
             case "absolute":
-                this.applyAbsolutePositioningPlacementStyles(style, placement, contentSize, parentBounds, el, noAuto);
+                this.applyAbsolutePositioningPlacementStyles(style, placement, contentSize, parentBounds, el, noAuto, arrowAdjust);
                 break;
             case "auto":
                 if (isTouchDevice())
-                    this.applyAbsolutePositioningPlacementStyles(style, placement, contentSize, parentBounds, el, noAuto);
+                    this.applyAbsolutePositioningPlacementStyles(style, placement, contentSize, parentBounds, el, noAuto, arrowAdjust);
                 else
-                    this.applyFixedPositioningPlacementStyles(style, placement, contentSize, parentBounds, el, noAuto);
+                    this.applyFixedPositioningPlacementStyles(style, placement, contentSize, parentBounds, el, noAuto, arrowAdjust);
                 break;
             default:
-                this.applyFixedPositioningPlacementStyles(style, placement, contentSize, parentBounds, el, noAuto);
+                this.applyFixedPositioningPlacementStyles(style, placement, contentSize, parentBounds, el, noAuto, arrowAdjust);
                 break;
         }
     }
@@ -556,6 +582,7 @@ DropdownBase.prototype.constrain = false;
 DropdownBase.prototype.positioning = "fixed";
 DropdownBase.prototype.touchFriendly = false;
 DropdownBase.prototype.arrow = false;
+DropdownBase.prototype.alignArrow = false;
 DropdownBase.prototype.pad = false;
 DropdownBase.prototype.elementExplode = 0;
 DropdownBase.prototype.closeOnScrollDistance = 50;

package/build/widgets/overlay/Overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../src/widgets/overlay/Overlay.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../src/widgets/overlay/Overlay.tsx"],"names":[],"mappings":"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"}

package/build/widgets/overlay/Overlay.js

@@ -86,7 +86,7 @@ export class OverlayBase extends ContainerBase {
     render(context, instance, key) {
         if (this.needsBeacon)
             return (_jsx(OverlayBeacon, { childrenFactory: (beaconEl) => (_jsx(OverlayComponent, { beaconEl: beaconEl, instance: instance, subscribeToBeforeDismiss: context.options.subscribeToBeforeDismiss, parentEl: context.options.parentEl, children: this.renderContents(context, instance) })) }, key));
-        return (_jsx(OverlayComponent, { beaconEl: null, instance: instance, subscribeToBeforeDismiss: context.options.subscribeToBeforeDismiss, parentEl: context.options.parentEl, children: this.renderContents(context, instance) }));
+        return (_jsx(OverlayComponent, { beaconEl: null, instance: instance, subscribeToBeforeDismiss: context.options.subscribeToBeforeDismiss, parentEl: context.options.parentEl, children: this.renderContents(context, instance) }, key));
     }
     renderContents(context, instance) {
         return this.renderChildren(context, instance);

package/build.js

@@ -1,133 +1,133 @@
-const buildJS = require("cx-build-tools/buildJS"),
-   buildSCSS = require("cx-build-tools/buildSCSS"),
-   copyFiles = require("cx-build-tools/copyFiles"),
-   getPathResolver = require("cx-build-tools/getPathResolver"),
-   fs = require("fs"),
-   resolvePath = getPathResolver(__dirname),
-   cxSrc = getPathResolver(resolvePath("./src")),
-   cxBuild = getPathResolver(resolvePath("./build"));
-
-const entries = [
-   {
-      name: "util",
-      options: {
-         input: cxBuild("util/index.js"),
-      },
-      output: {},
-   },
-   {
-      name: "data",
-
-      options: {
-         input: cxBuild("data/index.js"),
-      },
-      output: {},
-   },
-   {
-      name: "ui",
-      options: {
-         input: cxBuild("ui/index.js"),
-      },
-      output: {},
-   },
-   {
-      name: "widgets",
-      options: {
-         input: cxBuild("widgets/index.js"),
-      },
-      output: {},
-   },
-   {
-      name: "svg",
-      options: {
-         input: cxBuild("svg/index.js"),
-      },
-      output: {},
-   },
-   {
-      name: "charts",
-      options: {
-         input: cxBuild("charts/index.js"),
-      },
-      output: {},
-   },
-   {
-      name: "hooks",
-      options: {
-         input: cxBuild("hooks/index.js"),
-      },
-      output: {},
-   },
-   {
-      name: "jsx-runtime",
-      options: {
-         input: cxBuild("jsx-runtime.js"),
-      },
-      output: {},
-   },
-];
-
-const externalPaths = {
-   [cxBuild("./util/")]: "cx/util",
-   [cxBuild("./data/")]: "cx/data",
-   [cxBuild("./ui/")]: "cx/ui",
-   [cxBuild("./widgets")]: "cx/widgets",
-   [cxBuild("./charts")]: "cx/charts",
-   [cxBuild("./svg/")]: "cx/svg",
-   [cxBuild("./hooks/")]: "cx/hooks",
-   [cxBuild("./jsx-runtime")]: "cx/jsx-runtime",
-};
-
-(async function buildAll() {
-   console.log("Building cx...");
-   try {
-      let distPath = resolvePath("./dist");
-      if (!fs.existsSync(distPath)) {
-         fs.mkdirSync(distPath);
-      }
-
-      // // Copy SCSS files from src to build
-      // copyFiles(cxSrc("."), cxBuild("."), ".scss");
-
-      await Promise.all([
-         buildJS(resolvePath("./src"), resolvePath("./dist"), entries, externalPaths),
-         buildSCSS([resolvePath("../cx-build-tools/reset.scss")], resolvePath("./dist/reset.css")),
-         buildSCSS(
-            [
-               cxSrc("variables.scss"),
-               resolvePath("../cx-build-tools/divide.scss"),
-               cxSrc("widgets/index.scss"),
-               cxSrc("ui/index.scss"),
-            ],
-            resolvePath("./dist/widgets.css"),
-         ),
-         buildSCSS(
-            [cxSrc("variables.scss"), resolvePath("../cx-build-tools/divide.scss"), cxSrc("charts/index.scss")],
-            resolvePath("./dist/charts.css"),
-         ),
-         buildSCSS(
-            [cxSrc("variables.scss"), resolvePath("../cx-build-tools/divide.scss"), cxSrc("svg/index.scss")],
-            resolvePath("./dist/svg.css"),
-         ),
-      ]);
-   } catch (err) {
-      console.log("Build error.", err);
-   }
-
-   // console.log("Building cx-redux...");
-   // await build(
-   //    resolvePath("../../cx-redux/src"),
-   //    resolvePath("../../cx-redux/dist"),
-   //    [
-   //       {
-   //          name: "index",
-   //          options: {
-   //             input: [resolvePath("../../cx-redux/src/index.js")]
-   //          },
-   //          output: {}
-   //       }
-   //    ],
-   //    null,
-   //    ["redux", "cx/data"]
-   // );
-})();
+const buildJS = require("cx-build-tools/buildJS"),
+   buildSCSS = require("cx-build-tools/buildSCSS"),
+   copyFiles = require("cx-build-tools/copyFiles"),
+   getPathResolver = require("cx-build-tools/getPathResolver"),
+   fs = require("fs"),
+   resolvePath = getPathResolver(__dirname),
+   cxSrc = getPathResolver(resolvePath("./src")),
+   cxBuild = getPathResolver(resolvePath("./build"));
+
+const entries = [
+   {
+      name: "util",
+      options: {
+         input: cxBuild("util/index.js"),
+      },
+      output: {},
+   },
+   {
+      name: "data",
+
+      options: {
+         input: cxBuild("data/index.js"),
+      },
+      output: {},
+   },
+   {
+      name: "ui",
+      options: {
+         input: cxBuild("ui/index.js"),
+      },
+      output: {},
+   },
+   {
+      name: "widgets",
+      options: {
+         input: cxBuild("widgets/index.js"),
+      },
+      output: {},
+   },
+   {
+      name: "svg",
+      options: {
+         input: cxBuild("svg/index.js"),
+      },
+      output: {},
+   },
+   {
+      name: "charts",
+      options: {
+         input: cxBuild("charts/index.js"),
+      },
+      output: {},
+   },
+   {
+      name: "hooks",
+      options: {
+         input: cxBuild("hooks/index.js"),
+      },
+      output: {},
+   },
+   {
+      name: "jsx-runtime",
+      options: {
+         input: cxBuild("jsx-runtime.js"),
+      },
+      output: {},
+   },
+];
+
+const externalPaths = {
+   [cxBuild("./util/")]: "cx/util",
+   [cxBuild("./data/")]: "cx/data",
+   [cxBuild("./ui/")]: "cx/ui",
+   [cxBuild("./widgets")]: "cx/widgets",
+   [cxBuild("./charts")]: "cx/charts",
+   [cxBuild("./svg/")]: "cx/svg",
+   [cxBuild("./hooks/")]: "cx/hooks",
+   [cxBuild("./jsx-runtime")]: "cx/jsx-runtime",
+};
+
+(async function buildAll() {
+   console.log("Building cx...");
+   try {
+      let distPath = resolvePath("./dist");
+      if (!fs.existsSync(distPath)) {
+         fs.mkdirSync(distPath);
+      }
+
+      // // Copy SCSS files from src to build
+      // copyFiles(cxSrc("."), cxBuild("."), ".scss");
+
+      await Promise.all([
+         buildJS(resolvePath("./src"), resolvePath("./dist"), entries, externalPaths),
+         buildSCSS([resolvePath("../cx-build-tools/reset.scss")], resolvePath("./dist/reset.css")),
+         buildSCSS(
+            [
+               cxSrc("variables.scss"),
+               resolvePath("../cx-build-tools/divide.scss"),
+               cxSrc("widgets/index.scss"),
+               cxSrc("ui/index.scss"),
+            ],
+            resolvePath("./dist/widgets.css"),
+         ),
+         buildSCSS(
+            [cxSrc("variables.scss"), resolvePath("../cx-build-tools/divide.scss"), cxSrc("charts/index.scss")],
+            resolvePath("./dist/charts.css"),
+         ),
+         buildSCSS(
+            [cxSrc("variables.scss"), resolvePath("../cx-build-tools/divide.scss"), cxSrc("svg/index.scss")],
+            resolvePath("./dist/svg.css"),
+         ),
+      ]);
+   } catch (err) {
+      console.log("Build error.", err);
+   }
+
+   // console.log("Building cx-redux...");
+   // await build(
+   //    resolvePath("../../cx-redux/src"),
+   //    resolvePath("../../cx-redux/dist"),
+   //    [
+   //       {
+   //          name: "index",
+   //          options: {
+   //             input: [resolvePath("../../cx-redux/src/index.js")]
+   //          },
+   //          output: {}
+   //       }
+   //    ],
+   //    null,
+   //    ["redux", "cx/data"]
+   // );
+})();