@speakapbv/dough-component-library 9.18.0 → 9.18.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/components/breakpoint-viewer/breakpoint-viewer.d.ts +1 -0
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.es.js +9 -4
  4. package/dist/index.js +9 -4
  5. package/dist/utils/dom-management.d.ts +1 -1
  6. package/package.json +1 -1
package/dist/components/breakpoint-viewer/breakpoint-viewer.d.ts CHANGED
@@ -4,6 +4,7 @@ export interface BreakpointViewerProps {
4
4
  children?: ReactNode;
5
5
  breakpointSize?: BreakpointViewportSizes | Array<BreakpointViewportSizes>;
6
6
  onSizeChangedTo?(size: BreakpointViewportSizes): void;
7
+ useManualBreakpointSize?: boolean;
7
8
  }
8
9
  export declare const BreakpointViewer: {
9
10
  (props: BreakpointViewerProps): JSX.Element | null;
package/dist/index.d.ts CHANGED
@@ -62,6 +62,6 @@ export { findParentBySelector, setBreakpointSizeManually, } from "./utils/dom-ma
62
62
  export { default as cn } from "./utils/class-names";
63
63
  export { generateUID } from "./utils/guid";
64
64
  export { hideLastDoughTooltip } from "./utils/dom-management";
65
- export { BreakpointViewer } from "./components/breakpoint-viewer/breakpoint-viewer";
65
+ export { BreakpointViewer, BreakpointViewerProps, } from "./components/breakpoint-viewer/breakpoint-viewer";
66
66
  export { default as checkComponentType } from "./utils/type-check";
67
67
  export { default as DesignTokens } from "@speakapbv/dough-component-library-tokens/index";
package/dist/index.es.js CHANGED
@@ -507,6 +507,9 @@ var insertBreakpointControllerDoms = function () {
507
507
  else {
508
508
  breakpointViewItems[affectedBreakpoint].forEach(function (breakpointViewID) {
509
509
  if (allBreakpointViews[breakpointViewID]) {
510
+ if (breakpointViewID === "xl") {
511
+ console.log("hide xl (100):", allBreakpointViews[breakpointViewID]);
512
+ }
510
513
  allBreakpointViews[breakpointViewID].breakpoints[affectedBreakpoint] = false;
511
514
  var allBreakpointsAreHidden_1 = true;
512
515
  Object.keys(allBreakpointViews[breakpointViewID]
@@ -539,9 +542,11 @@ var manualBreakpointSize = null;
539
542
  var setBreakpointSizeManually = function (size) {
540
543
  manualBreakpointSize = size;
541
544
  };
542
- var registerBreakpointView = function (callbacks, breakpointSize, id) {
545
+ var registerBreakpointView = function (callbacks, breakpointSize, id, useManualBreakpointSize) {
543
546
  var _a;
544
- if (manualBreakpointSize && manualBreakpointSize === breakpointSize) {
547
+ if (useManualBreakpointSize &&
548
+ manualBreakpointSize &&
549
+ manualBreakpointSize === breakpointSize) {
545
550
  callbacks.show(breakpointSize);
546
551
  }
547
552
  else if (typeof IntersectionObserver !== "undefined") {
@@ -1780,7 +1785,7 @@ var BreakpointViewer = function (props) {
1780
1785
  BreakpointViewportSizes.MEDIUM,
1781
1786
  BreakpointViewportSizes.LARGE,
1782
1787
  BreakpointViewportSizes.XL,
1783
- ] : _a;
1788
+ ] : _a, useManualBreakpointSize = props.useManualBreakpointSize;
1784
1789
  var _b = useState(false), isVisible = _b[0], setIsVisible = _b[1];
1785
1790
  useEffect(function () {
1786
1791
  var listOfBreakpointSizes = typeof breakpointSize === "string"
@@ -1798,7 +1803,7 @@ var BreakpointViewer = function (props) {
1798
1803
  }
1799
1804
  setIsVisible(true);
1800
1805
  },
1801
- }, breakpointSize, breakpointID);
1806
+ }, breakpointSize, breakpointID, useManualBreakpointSize);
1802
1807
  });
1803
1808
  }
1804
1809
  return function () {
package/dist/index.js CHANGED
@@ -503,6 +503,9 @@ var insertBreakpointControllerDoms = function () {
503
503
  else {
504
504
  breakpointViewItems[affectedBreakpoint].forEach(function (breakpointViewID) {
505
505
  if (allBreakpointViews[breakpointViewID]) {
506
+ if (breakpointViewID === "xl") {
507
+ console.log("hide xl (100):", allBreakpointViews[breakpointViewID]);
508
+ }
506
509
  allBreakpointViews[breakpointViewID].breakpoints[affectedBreakpoint] = false;
507
510
  var allBreakpointsAreHidden_1 = true;
508
511
  Object.keys(allBreakpointViews[breakpointViewID]
@@ -535,9 +538,11 @@ var manualBreakpointSize = null;
535
538
  var setBreakpointSizeManually = function (size) {
536
539
  manualBreakpointSize = size;
537
540
  };
538
- var registerBreakpointView = function (callbacks, breakpointSize, id) {
541
+ var registerBreakpointView = function (callbacks, breakpointSize, id, useManualBreakpointSize) {
539
542
  var _a;
540
- if (manualBreakpointSize && manualBreakpointSize === breakpointSize) {
543
+ if (useManualBreakpointSize &&
544
+ manualBreakpointSize &&
545
+ manualBreakpointSize === breakpointSize) {
541
546
  callbacks.show(breakpointSize);
542
547
  }
543
548
  else if (typeof IntersectionObserver !== "undefined") {
@@ -1766,7 +1771,7 @@ var BreakpointViewer = function (props) {
1766
1771
  exports.BreakpointViewportSizes.MEDIUM,
1767
1772
  exports.BreakpointViewportSizes.LARGE,
1768
1773
  exports.BreakpointViewportSizes.XL,
1769
- ] : _a;
1774
+ ] : _a, useManualBreakpointSize = props.useManualBreakpointSize;
1770
1775
  var _b = React.useState(false), isVisible = _b[0], setIsVisible = _b[1];
1771
1776
  React.useEffect(function () {
1772
1777
  var listOfBreakpointSizes = typeof breakpointSize === "string"
@@ -1784,7 +1789,7 @@ var BreakpointViewer = function (props) {
1784
1789
  }
1785
1790
  setIsVisible(true);
1786
1791
  },
1787
- }, breakpointSize, breakpointID);
1792
+ }, breakpointSize, breakpointID, useManualBreakpointSize);
1788
1793
  });
1789
1794
  }
1790
1795
  return function () {
package/dist/utils/dom-management.d.ts CHANGED
@@ -23,5 +23,5 @@ export declare const getNotificationOverlay: (verticalLayer: any, horizontalLaye
23
23
  export declare const getInjectedStylesWrapper: () => any;
24
24
  export declare const findParentBySelector: (element: HTMLElement, selector: string) => HTMLElement;
25
25
  export declare const setBreakpointSizeManually: (size: BreakpointViewportSizes | null) => void;
26
- export declare const registerBreakpointView: (callbacks: any, breakpointSize: BreakpointViewportSizes, id: string) => void;
26
+ export declare const registerBreakpointView: (callbacks: any, breakpointSize: BreakpointViewportSizes, id: string, useManualBreakpointSize?: boolean | undefined) => void;
27
27
  export declare const deRegisterBreakpointView: (id: string) => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@speakapbv/dough-component-library",
3
- "version": "9.18.0",
3
+ "version": "9.18.1",
4
4
  "description": "DOUGH: Speakap React Component Library",
5
5
  "author": "Speakap",
6
6
  "license": "MIT",