@spaced-out/ui-design-system 0.3.45 → 0.3.47-beta.0

package/lib/hooks/useReferenceElementWidth/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useReferenceElementWidth = require("./useReferenceElementWidth");
+Object.keys(_useReferenceElementWidth).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useReferenceElementWidth[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useReferenceElementWidth[key];
+    }
+  });
+});

package/lib/hooks/useReferenceElementWidth/index.js.flow

@@ -0,0 +1,3 @@
+// @flow strict
+
+export * from './useReferenceElementWidth';

package/lib/hooks/useReferenceElementWidth/useReferenceElementWidth.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useReferenceElementWidth = useReferenceElementWidth;
+var React = _interopRequireWildcard(require("react"));
+var _size = require("../../styles/variables/_size");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const MIN_FLUID_WIDTH = 160;
+function useReferenceElementWidth(ref) {
+  let minWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : MIN_FLUID_WIDTH;
+  const [width, setWidth] = React.useState(_size.sizeFluid);
+  const refWidth = ref?.offsetWidth;
+  React.useLayoutEffect(() => {
+    if (refWidth) {
+      setWidth(Math.max(refWidth, minWidth) + 'px');
+    }
+  }, [refWidth, minWidth]);
+  return width;
+}

package/lib/hooks/useReferenceElementWidth/useReferenceElementWidth.js.flow

@@ -0,0 +1,23 @@
+// @flow strict
+import * as React from 'react';
+
+import {sizeFluid} from '../../styles/variables/_size';
+
+
+const MIN_FLUID_WIDTH = 160;
+
+export function useReferenceElementWidth(
+  ref: ?HTMLElement,
+  minWidth: number = MIN_FLUID_WIDTH,
+): string {
+  const [width, setWidth] = React.useState(sizeFluid);
+
+  const refWidth = ref?.offsetWidth;
+  React.useLayoutEffect(() => {
+    if (refWidth) {
+      setWidth(Math.max(refWidth, minWidth) + 'px');
+    }
+  }, [refWidth, minWidth]);
+
+  return width;
+}

package/lib/hooks/useResizeObserver/useResizeObserver.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useResizeObserver = useResizeObserver;
 var React = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function useResizeObserver() {
   const ref = React.useRef(null);
   const [height, setHeight] = React.useState(0);

package/lib/hooks/useToastPortal/useToastPortal.js

@@ -7,7 +7,6 @@ exports.useToastPortal = void 0;
 var _react = require("react");
 var _elevation = require("../../styles/variables/_elevation");
 var _space = require("../../styles/variables/_space");
-
 const useToastPortal = _ref => {
   let {
     toastRef

package/lib/hooks/useToggle/useToggle.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useToggle = useToggle;
 var _react = require("react");
-
 function useToggle() {
   let initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   // Initialize the state

package/lib/hooks/useWindowSize/useWindowSize.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useWindowSize = useWindowSize;
 var _react = require("react");
-
 function useWindowSize() {
   const [windowSize, setWindowSize] = (0, _react.useState)({
     width: 0,