cx 25.2.1 → 25.4.0

package/src/util/debounce.d.ts

@@ -1,10 +1,9 @@
-
 /**
  * Returns a function, that, as long as it continues to be invoked, will not
- * trigger the `callback` function, until the `delay` amount of milliseconds has passed since the last call. 
+ * trigger the `callback` function, until the `delay` amount of milliseconds has passed since the last call.
  * All arguments are passed to the `callback` function.
  * @param callback
- * @param delay - Delay in milliseconds. 
+ * @param delay - Delay in milliseconds.
  * @returns {Function}
  */
-export function debounce(callback: (...args: any[]) => void, delay: number): (...args: any[]) => void;
+export function debounce<T extends (...args: any[]) => void>(callback: T, delay: number): T;

package/src/util/getSearchQueryPredicate.js

@@ -1,59 +1,59 @@
-import { escapeSpecialRegexCharacters } from "./escapeSpecialRegexCharacters";
-
-function getTermsAndRegularExpressions(query) {
-   if (!query) return [[], []];
-   let terms = query.split(" ").filter(Boolean);
-   let regexes = terms.map((word) => new RegExp(escapeSpecialRegexCharacters(word), "gi"));
-   return [terms, regexes];
-}
-
-export function getSearchQueryPredicate(query, options) {
-   let [terms, regexes] = getTermsAndRegularExpressions(query);
-   if (terms.length == 0) return () => true;
-   if (regexes.length == 1) {
-      let regex = regexes[0];
-      return (text) => text && text.match(regex);
-   }
-   return (text) => text && regexes.every((re) => text.match(re));
-}
-
-var highlighterCache = {};
-
-export function getSearchQueryHighlighter(query, options) {
-   let [terms, regexes] = getTermsAndRegularExpressions(query);
-   if (terms.length == 0) return (text) => [text];
-
-   if (highlighterCache[query]) return highlighterCache[query];
-
-   let result = (query) => {
-      query = new String(query);
-      let chunks = [query];
-      for (let i = 0; i < regexes.length; i++) {
-         let newChunks = [];
-         for (let j = 0; j < chunks.length; j++) {
-            let at = 0;
-            let chunk = chunks[j];
-            let parts = chunk.split(regexes[i]);
-            for (let k = 0; k < parts.length; k++) {
-               newChunks.push(parts[k]);
-               at += parts[k].length;
-               if (k < parts.length - 1) {
-                  newChunks.push(chunk.substr(at, terms[i].length));
-                  at += terms[i].length;
-               }
-            }
-         }
-         chunks = newChunks;
-      }
-      return chunks;
-   };
-
-   if (options?.cache) {
-      highlighterCache[query] = result;
-      setTimeout(() => {
-         delete highlighterCache[query];
-      }, options?.cachePeriod || 5000);
-   }
-
-   return result;
-}
+import { escapeSpecialRegexCharacters } from "./escapeSpecialRegexCharacters";
+
+function getTermsAndRegularExpressions(query) {
+   if (!query) return [[], []];
+   let terms = query.split(" ").filter(Boolean);
+   let regexes = terms.map((word) => new RegExp(escapeSpecialRegexCharacters(word), "gi"));
+   return [terms, regexes];
+}
+
+export function getSearchQueryPredicate(query, options) {
+   let [terms, regexes] = getTermsAndRegularExpressions(query);
+   if (terms.length == 0) return () => true;
+   if (regexes.length == 1) {
+      let regex = regexes[0];
+      return (text) => text && text.match(regex);
+   }
+   return (text) => text && regexes.every((re) => text.match(re));
+}
+
+var highlighterCache = {};
+
+export function getSearchQueryHighlighter(query, options) {
+   let [terms, regexes] = getTermsAndRegularExpressions(query);
+   if (terms.length == 0) return (text) => [text];
+
+   if (highlighterCache[query]) return highlighterCache[query];
+
+   let result = (query) => {
+      query = new String(query);
+      let chunks = [query];
+      for (let i = 0; i < regexes.length; i++) {
+         let newChunks = [];
+         for (let j = 0; j < chunks.length; j++) {
+            let at = 0;
+            let chunk = chunks[j];
+            let parts = chunk.split(regexes[i]);
+            for (let k = 0; k < parts.length; k++) {
+               newChunks.push(parts[k]);
+               at += parts[k].length;
+               if (k < parts.length - 1) {
+                  newChunks.push(chunk.substr(at, terms[i].length));
+                  at += terms[i].length;
+               }
+            }
+         }
+         chunks = newChunks;
+      }
+      return chunks;
+   };
+
+   if (options?.cache) {
+      highlighterCache[query] = result;
+      setTimeout(() => {
+         delete highlighterCache[query];
+      }, options?.cachePeriod || 5000);
+   }
+
+   return result;
+}

package/src/util/index.d.ts

@@ -1,51 +1,51 @@
-export * from "./Console";
-export * from "./Debug";
-export * from "./DOM";
-export * from "./Format";
-export * from "./expandFatArrows";
-export * from "./GlobalCacheIdentifier";
-export * from "./innerTextTrim";
-export * from "./isDigit";
-export * from "./isPromise";
-export * from "./isTouchDevice";
-export * from "./KeyCode";
-export * from "./parseStyle";
-export * from "./quote";
-export * from "./scrollElementIntoView";
-export * from "./shallowEquals";
-export * from "./Timing";
-export * from "./date/index";
-export * from "./color/index";
-export * from "./getVendorPrefix";
-export * from "./eventCallbacks";
-export * from "./getSearchQueryPredicate";
-export * from "./escapeSpecialRegexCharacters";
-export * from "./browserSupportsPassiveEventHandlers";
-export * from "./isTouchEvent";
-export * from "./debounce";
-export * from "./throttle";
-export * from "./SubscriberList";
-export * from "./findScrollableParent";
-export * from "./getScrollerBoundingClientRect";
-export * from "./isNonEmptyArray";
-export * from "./isArray";
-export * from "./isObject";
-export * from "./isNumber";
-export * from "./isFunction";
-export * from "./isString";
-export * from "./isUndefined";
-export * from "./isDefined";
-export * from "./routeAppend";
-export * from "./reverseSlice";
-export * from "./getTopLevelBoundingClientRect";
-export * from "./getParentFrameBoundingClientRect";
-export * from "./getActiveElement";
-export * from "./Component";
-export * from "./onIdleCallback";
-export * from "./validatedDebounce";
-export * from "./addEventListenerWithOptions";
-export * from "./coalesce";
-export * from "./dummyCallback";
-export * from "./calculateNaturalElementHeight";
-export * from "./isTextInputElement";
-export * from "./isValidIdentifierName";
+export * from "./Console";
+export * from "./Debug";
+export * from "./DOM";
+export * from "./Format";
+export * from "./expandFatArrows";
+export * from "./GlobalCacheIdentifier";
+export * from "./innerTextTrim";
+export * from "./isDigit";
+export * from "./isPromise";
+export * from "./isTouchDevice";
+export * from "./KeyCode";
+export * from "./parseStyle";
+export * from "./quote";
+export * from "./scrollElementIntoView";
+export * from "./shallowEquals";
+export * from "./Timing";
+export * from "./date/index";
+export * from "./color/index";
+export * from "./getVendorPrefix";
+export * from "./eventCallbacks";
+export * from "./getSearchQueryPredicate";
+export * from "./escapeSpecialRegexCharacters";
+export * from "./browserSupportsPassiveEventHandlers";
+export * from "./isTouchEvent";
+export * from "./debounce";
+export * from "./throttle";
+export * from "./SubscriberList";
+export * from "./findScrollableParent";
+export * from "./getScrollerBoundingClientRect";
+export * from "./isNonEmptyArray";
+export * from "./isArray";
+export * from "./isObject";
+export * from "./isNumber";
+export * from "./isFunction";
+export * from "./isString";
+export * from "./isUndefined";
+export * from "./isDefined";
+export * from "./routeAppend";
+export * from "./reverseSlice";
+export * from "./getTopLevelBoundingClientRect";
+export * from "./getParentFrameBoundingClientRect";
+export * from "./getActiveElement";
+export * from "./Component";
+export * from "./onIdleCallback";
+export * from "./validatedDebounce";
+export * from "./addEventListenerWithOptions";
+export * from "./coalesce";
+export * from "./dummyCallback";
+export * from "./calculateNaturalElementHeight";
+export * from "./isTextInputElement";
+export * from "./isValidIdentifierName";

package/src/util/index.js

@@ -1,54 +1,54 @@
-export * from "./Console";
-export * from "./Debug";
-export * from "./DOM";
-export * from "./Format";
-export * from "./expandFatArrows";
-export * from "./GlobalCacheIdentifier";
-export * from "./innerTextTrim";
-export * from "./isDigit";
-export * from "./isPromise";
-export * from "./isTouchDevice";
-export * from "./KeyCode";
-export * from "./parseStyle";
-export * from "./quote";
-export * from "./scrollElementIntoView";
-export * from "./shallowEquals";
-export * from "./Timing";
-export * from "./date/index";
-export * from "./color/index";
-export * from "./getVendorPrefix";
-export * from "./eventCallbacks";
-export * from "./getSearchQueryPredicate";
-export * from "./escapeSpecialRegexCharacters";
-export * from "./browserSupportsPassiveEventHandlers";
-export * from "./isTouchEvent";
-export * from "./debounce";
-export * from "./throttle";
-export * from "./SubscriberList";
-export * from "./findScrollableParent";
-export * from "./getScrollerBoundingClientRect";
-export * from "./isNonEmptyArray";
-export * from "./isArray";
-export * from "./isObject";
-export * from "./isNumber";
-export * from "./isFunction";
-export * from "./isString";
-export * from "./isUndefined";
-export * from "./isDefined";
-export * from "./routeAppend";
-export * from "./reverseSlice";
-export * from "./getTopLevelBoundingClientRect";
-export * from "./getParentFrameBoundingClientRect";
-export * from "./getActiveElement";
-export * from "./Component";
-export * from "./onIdleCallback";
-export * from "./validatedDebounce";
-export * from "./addEventListenerWithOptions";
-export * from "./coalesce";
-export * from "./dummyCallback";
-export * from "./calculateNaturalElementHeight";
-export * from "./isTextInputElement";
-export * from "./capitalize";
-export * from "./isValidIdentifierName";
-
-export * from "./TraversalStack";
+export * from "./Console";
+export * from "./Debug";
+export * from "./DOM";
+export * from "./Format";
+export * from "./expandFatArrows";
+export * from "./GlobalCacheIdentifier";
+export * from "./innerTextTrim";
+export * from "./isDigit";
+export * from "./isPromise";
+export * from "./isTouchDevice";
+export * from "./KeyCode";
+export * from "./parseStyle";
+export * from "./quote";
+export * from "./scrollElementIntoView";
+export * from "./shallowEquals";
+export * from "./Timing";
+export * from "./date/index";
+export * from "./color/index";
+export * from "./getVendorPrefix";
+export * from "./eventCallbacks";
+export * from "./getSearchQueryPredicate";
+export * from "./escapeSpecialRegexCharacters";
+export * from "./browserSupportsPassiveEventHandlers";
+export * from "./isTouchEvent";
+export * from "./debounce";
+export * from "./throttle";
+export * from "./SubscriberList";
+export * from "./findScrollableParent";
+export * from "./getScrollerBoundingClientRect";
+export * from "./isNonEmptyArray";
+export * from "./isArray";
+export * from "./isObject";
+export * from "./isNumber";
+export * from "./isFunction";
+export * from "./isString";
+export * from "./isUndefined";
+export * from "./isDefined";
+export * from "./routeAppend";
+export * from "./reverseSlice";
+export * from "./getTopLevelBoundingClientRect";
+export * from "./getParentFrameBoundingClientRect";
+export * from "./getActiveElement";
+export * from "./Component";
+export * from "./onIdleCallback";
+export * from "./validatedDebounce";
+export * from "./addEventListenerWithOptions";
+export * from "./coalesce";
+export * from "./dummyCallback";
+export * from "./calculateNaturalElementHeight";
+export * from "./isTextInputElement";
+export * from "./capitalize";
+export * from "./isValidIdentifierName";
+
+export * from "./TraversalStack";

package/src/util/isValidIdentifierName.d.ts

@@ -1 +1 @@
-export function isValidIdentifierName(name: string): boolean;
+export function isValidIdentifierName(name: string): boolean;

package/src/util/isValidIdentifierName.js

@@ -1,5 +1,5 @@
-const regex = /^[$_\p{ID_Start}][$_\u{200C}\u{200D}\p{ID_Continue}]*$/u;
-
-export function isValidIdentifierName(name) {
-   return regex.test(name);
-}
+const regex = /^[$_\p{ID_Start}][$_\u{200C}\u{200D}\p{ID_Continue}]*$/u;
+
+export function isValidIdentifierName(name) {
+   return regex.test(name);
+}

package/src/util/isValidIdentifierName.spec.js

@@ -1,33 +1,33 @@
-import { isValidIdentifierName } from "./isValidIdentifierName";
-import assert from "assert";
-
-describe("isValidIdentifierName", function () {
-   it("names starting with a number are not valid", function () {
-      assert(!isValidIdentifierName("1a"));
-      assert(!isValidIdentifierName("00"));
-      assert(!isValidIdentifierName("0_abc"));
-   });
-
-   it("names starting with a dollar sign are valid", function () {
-      assert(isValidIdentifierName("$a"));
-      assert(isValidIdentifierName("$"));
-   });
-
-   it("names starting with an underscore are valid", function () {
-      assert(isValidIdentifierName("_a"));
-      assert(isValidIdentifierName("_"));
-   });
-
-   it("names starting with a letter are valid", function () {
-      assert(isValidIdentifierName("a"));
-      assert(isValidIdentifierName("abc"));
-      assert(isValidIdentifierName("abc0123"));
-   });
-
-   it("names with invalid characters are not valid", function () {
-      assert(!isValidIdentifierName("a b"));
-      assert(!isValidIdentifierName("a-b"));
-      assert(!isValidIdentifierName("a.b"));
-      assert(!isValidIdentifierName("a!b"));
-   });
-});
+import { isValidIdentifierName } from "./isValidIdentifierName";
+import assert from "assert";
+
+describe("isValidIdentifierName", function () {
+   it("names starting with a number are not valid", function () {
+      assert(!isValidIdentifierName("1a"));
+      assert(!isValidIdentifierName("00"));
+      assert(!isValidIdentifierName("0_abc"));
+   });
+
+   it("names starting with a dollar sign are valid", function () {
+      assert(isValidIdentifierName("$a"));
+      assert(isValidIdentifierName("$"));
+   });
+
+   it("names starting with an underscore are valid", function () {
+      assert(isValidIdentifierName("_a"));
+      assert(isValidIdentifierName("_"));
+   });
+
+   it("names starting with a letter are valid", function () {
+      assert(isValidIdentifierName("a"));
+      assert(isValidIdentifierName("abc"));
+      assert(isValidIdentifierName("abc0123"));
+   });
+
+   it("names with invalid characters are not valid", function () {
+      assert(!isValidIdentifierName("a b"));
+      assert(!isValidIdentifierName("a-b"));
+      assert(!isValidIdentifierName("a.b"));
+      assert(!isValidIdentifierName("a!b"));
+   });
+});

package/src/util/scss/add-rules.scss

@@ -1,38 +1,38 @@
-@mixin cx-add-rules($styles) {
-   @each $rule, $value in $styles {
-      #{$rule}: $value;
-   }
-}
-
-@mixin cx-add-state-rules($state-style-map, $key) {
-   @include cx-add-rules(map-get($state-style-map, $key));
-}
-
-@function cx-merge-state-style-maps($state-style-map, $override-style-map) {
-   $result: $state-style-map;
-
-   @if ($override-style-map != null) {
-      @each $key, $new-value in $override-style-map {
-         $old-value: map-get($state-style-map, $key);
-         @if ($old-value != null) {
-            $new-value: map-merge($old-value, $new-value);
-         }
-         $result: map-merge(
-            $result,
-            (
-               $key: $new-value,
-            )
-         );
-      }
-   }
-
-   @return $result;
-}
-
-@function cx-get-state-rule($state-style-map, $key, $rule, $default: null) {
-   $result: map-get(map-get($state-style-map, $key), $rule);
-   @if ($result != null) {
-      @return $result;
-   }
-   @return $default;
-}
+@mixin cx-add-rules($styles) {
+   @each $rule, $value in $styles {
+      #{$rule}: $value;
+   }
+}
+
+@mixin cx-add-state-rules($state-style-map, $key) {
+   @include cx-add-rules(map-get($state-style-map, $key));
+}
+
+@function cx-merge-state-style-maps($state-style-map, $override-style-map) {
+   $result: $state-style-map;
+
+   @if ($override-style-map != null) {
+      @each $key, $new-value in $override-style-map {
+         $old-value: map-get($state-style-map, $key);
+         @if ($old-value != null) {
+            $new-value: map-merge($old-value, $new-value);
+         }
+         $result: map-merge(
+            $result,
+            (
+               $key: $new-value,
+            )
+         );
+      }
+   }
+
+   @return $result;
+}
+
+@function cx-get-state-rule($state-style-map, $key, $rule, $default: null) {
+   $result: map-get(map-get($state-style-map, $key), $rule);
+   @if ($result != null) {
+      @return $result;
+   }
+   @return $default;
+}

package/src/widgets/CxCredit.scss

@@ -1,37 +1,37 @@
-@mixin cx-cxcredit($name: "cxcredit", $besm: $cx-besm) {
-   $block: map-get($besm, block);
-   $element: map-get($besm, element);
-   $state: map-get($besm, state);
-   $mod: map-get($besm, mod);
-
-   .#{$block}#{$name} {
-      width: 50px;
-      height: 50px;
-      opacity: 0.5;
-      transition: opacity 0.3s ease-in-out;
-      background: rgba(255, 255, 255, 0.1);
-      cursor: pointer;
-      position: fixed;
-      bottom: 20px;
-      right: 20px;
-
-      &:hover {
-         opacity: 1;
-      }
-
-      &.#{$mod}inline {
-         position: relative;
-         bottom: auto;
-         right: auto;
-      }
-   }
-
-   .#{$element}#{$name}-icon {
-      width: 100%;
-      height: 100%;
-   }
-}
-
-@if (cx-should-include("cx/widgets/CxCredit")) {
-   @include cx-cxcredit();
-}
+@mixin cx-cxcredit($name: "cxcredit", $besm: $cx-besm) {
+   $block: map-get($besm, block);
+   $element: map-get($besm, element);
+   $state: map-get($besm, state);
+   $mod: map-get($besm, mod);
+
+   .#{$block}#{$name} {
+      width: 50px;
+      height: 50px;
+      opacity: 0.5;
+      transition: opacity 0.3s ease-in-out;
+      background: rgba(255, 255, 255, 0.1);
+      cursor: pointer;
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+
+      &:hover {
+         opacity: 1;
+      }
+
+      &.#{$mod}inline {
+         position: relative;
+         bottom: auto;
+         right: auto;
+      }
+   }
+
+   .#{$element}#{$name}-icon {
+      width: 100%;
+      height: 100%;
+   }
+}
+
+@if (cx-should-include("cx/widgets/CxCredit")) {
+   @include cx-cxcredit();
+}

package/src/widgets/HighlightedSearchText.js

@@ -1,36 +1,36 @@
-import { Widget } from "../ui/Widget";
-import { VDOM } from "../ui/VDOM";
-import { getSearchQueryHighlighter } from "../util/getSearchQueryPredicate";
-
-export class HighlightedSearchText extends Widget {
-   declareData(...args) {
-      super.declareData(...args, {
-         text: undefined,
-         chunks: undefined,
-         query: undefined,
-      });
-   }
-
-   render(context, instance, key) {
-      let { data } = instance;
-      let { text, chunks, query, classNames, style } = data;
-
-      if (!chunks && text && query) {
-         let highlighter = getSearchQueryHighlighter(query, { cache: true });
-         chunks = highlighter(text);
-      }
-
-      if (!chunks) return text;
-      return chunks.map((text, i) => {
-         if (i % 2 == 0) return text;
-         return (
-            <span key={`${key}-${i}`} className={classNames} style={style}>
-               {text}
-            </span>
-         );
-      });
-   }
-}
-
-HighlightedSearchText.prototype.styled = true;
-HighlightedSearchText.prototype.baseClass = "highlightedsearchtext";
+import { Widget } from "../ui/Widget";
+import { VDOM } from "../ui/VDOM";
+import { getSearchQueryHighlighter } from "../util/getSearchQueryPredicate";
+
+export class HighlightedSearchText extends Widget {
+   declareData(...args) {
+      super.declareData(...args, {
+         text: undefined,
+         chunks: undefined,
+         query: undefined,
+      });
+   }
+
+   render(context, instance, key) {
+      let { data } = instance;
+      let { text, chunks, query, classNames, style } = data;
+
+      if (!chunks && text && query) {
+         let highlighter = getSearchQueryHighlighter(query, { cache: true });
+         chunks = highlighter(text);
+      }
+
+      if (!chunks) return text;
+      return chunks.map((text, i) => {
+         if (i % 2 == 0) return text;
+         return (
+            <span key={`${key}-${i}`} className={classNames} style={style}>
+               {text}
+            </span>
+         );
+      });
+   }
+}
+
+HighlightedSearchText.prototype.styled = true;
+HighlightedSearchText.prototype.baseClass = "highlightedsearchtext";