@vuu-ui/vuu-layout 0.8.34 → 0.8.35

package/cjs/flexbox/FluidGridLayout.js

@@ -1,14 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var ComponentRegistry = require('../registry/ComponentRegistry.js');
-var FluidGrid = require('./FluidGrid.js');
-
-const FluidGridLayout = function FluidGridLayout2(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(FluidGrid.FluidGrid, { ...props });
-};
-FluidGridLayout.displayName = "FluidGrid";
-ComponentRegistry.registerComponent("FluidGrid", FluidGridLayout, "container");
-
-exports.FluidGridLayout = FluidGridLayout;
-//# sourceMappingURL=FluidGridLayout.js.map

package/cjs/flexbox/FluidGridLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluidGridLayout.js","sources":["../../src/flexbox/FluidGridLayout.tsx"],"sourcesContent":["import { registerComponent } from '../registry/ComponentRegistry';\nimport { FluidGrid, FluidGridProps } from './FluidGrid';\n\nexport const FluidGridLayout = function FluidGridLayout(props: FluidGridProps) {\n  return <FluidGrid {...props} />;\n};\nFluidGridLayout.displayName = 'FluidGrid';\n\nregisterComponent('FluidGrid', FluidGridLayout, 'container');\n"],"names":["FluidGridLayout","jsx","FluidGrid","registerComponent"],"mappings":";;;;;;AAGa,MAAA,eAAA,GAAkB,SAASA,gBAAAA,CAAgB,KAAuB,EAAA;AAC7E,EAAO,uBAAAC,cAAA,CAACC,mBAAW,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA,CAAA;AAC/B,EAAA;AACA,eAAA,CAAgB,WAAc,GAAA,WAAA,CAAA;AAE9BC,mCAAkB,CAAA,WAAA,EAAa,iBAAiB,WAAW,CAAA;;;;"}

package/cjs/flexbox/Splitter.css

@@ -1,148 +0,0 @@
-.vuuSplitter {
-  --splitter-background: var(--salt-separable-secondary-borderColor);
-  --splitter-borderColor: var(--salt-separable-secondary-borderColor);
-  --splitter-borderStyle: none;
-  --splitter-borderWidth: 0;
-  --splitter-size: 3px;
-
-  align-items: center;
-  background-color: var(--splitter-background);
-  border-color: var(--splitter-borderColor);
-  border-style: var(--splitter-borderStyle);
-  border-width: var(--splitter-borderWidth);
-  box-sizing: border-box;
-  display: flex;
-  justify-content: center;
-  position: relative;
-  outline: none;
-  z-index: 1;
-}
-
-.vuuSplitter:hover {
-  --splitter-background: var(--salt-separable-primary-borderColor);
-}
-
-.vuuSplitter-active {
-  --splitter-background: var(--salt-separable-primary-borderColor);
-}
-
-.vuuSplitter-column {
-  cursor: ns-resize;
-  height: var(--splitter-size);
-}
-
-.vuuSplitter:not(.vuuSplitter-column) {
-  cursor: ew-resize;
-  width: var(--splitter-size);
-}
-
-.vuuSplitter:before {
-  border: none;
-  border-radius: 0;
-  content: '';
-  display: block;
-  padding: 0;
-}
-
-.vuuSplitter-grab-zone {
-  position: absolute;
-  background-color: rgba(255, 0, 0, 0.01);
-  cursor: inherit;
-}
-
-.vuuSplitter-column .vuuSplitter-grab-zone {
-  left: 0;
-  right: 0;
-  top: -5px;
-  bottom: -5px;
-}
-
-.vuuSplitter:not(.vuuSplitter-column) .vuuSplitter-grab-zone {
-  left: -5px;
-  right: -5px;
-  top: 0;
-  bottom: 0;
-}
-
-.vuuSplitter-active:not(.vuuSplitter-column) .vuuSplitter-grab-zone {
-  background-color: rgba(255,255,255,.05);
-  left: -150px;
-  right: -150px;
-}
-
-
-.vuuSplitter:not(.vuuSplitter-column):before {
-  width: 1px;
-  height: 10px;
-  background: linear-gradient(
-    to bottom,
-    var(--grey900) 10%,
-    transparent 10%,
-    transparent 30%,
-    var(--grey900) 30%,
-    var(--grey900) 40%,
-    transparent 40%,
-    transparent 60%,
-    var(--grey900) 60%,
-    var(--grey900) 70%,
-    transparent 70%,
-    transparent 90%,
-    var(--grey900) 90%
-  );
-}
-
-.vuuSplitter-active.vuuSplitter-column:before {
-  background: linear-gradient(
-    to right,
-    #ffffff 10%,
-    transparent 10%,
-    transparent 30%,
-    #ffffff 30%,
-    #ffffff 40%,
-    transparent 40%,
-    transparent 60%,
-    #ffffff 60%,
-    #ffffff 70%,
-    transparent 70%,
-    transparent 90%,
-    #ffffff 90%
-  );
-}
-
-.vuuSplitter-active:not(.vuuSplitter-column):before {
-  background: linear-gradient(
-    to bottom,
-    #ffffff 10%,
-    transparent 10%,
-    transparent 30%,
-    #ffffff 30%,
-    #ffffff 40%,
-    transparent 40%,
-    transparent 60%,
-    #ffffff 60%,
-    #ffffff 70%,
-    transparent 70%,
-    transparent 90%,
-    #ffffff 90%
-  );
-}
-
-.vuuSplitter-column:before {
-  width: 10px;
-  height: 1px;
-  background: linear-gradient(
-    to right,
-    var(--grey900) 10%,
-    transparent 10%,
-    transparent 30%,
-    var(--grey900) 30%,
-    var(--grey900) 40%,
-    transparent 40%,
-    transparent 60%,
-    var(--grey900) 60%,
-    var(--grey900) 70%,
-    transparent 70%,
-    transparent 90%,
-    var(--grey900) 90%
-  );
-}

package/cjs/flexbox/Splitter.js

@@ -1,113 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cx = require('clsx');
-var React = require('react');
-
-const classBase = "vuuSplitter";
-const Splitter = React.memo(function Splitter2({
-  column,
-  index,
-  onDrag,
-  onDragEnd,
-  onDragStart,
-  style
-}) {
-  const ignoreClick = React.useRef();
-  const rootRef = React.useRef(null);
-  const lastPos = React.useRef(0);
-  const [active, setActive] = React.useState(false);
-  const handleKeyDownDrag = React.useCallback(
-    ({ key, shiftKey }) => {
-      const distance = shiftKey ? 10 : 1;
-      if (column && key === "ArrowDown") {
-        onDrag(index, distance);
-      } else if (column && key === "ArrowUp") {
-        onDrag(index, -distance);
-      } else if (!column && key === "ArrowLeft") {
-        onDrag(index, -distance);
-      } else if (!column && key === "ArrowRight") {
-        onDrag(index, distance);
-      }
-    },
-    [column, index, onDrag]
-  );
-  const handleKeyDownInitDrag = React.useCallback(
-    (evt) => {
-      const { key } = evt;
-      const horizontalMove = key === "ArrowLeft" || key === "ArrowRight";
-      const verticalMove = key === "ArrowUp" || key === "ArrowDown";
-      if (column && verticalMove || !column && horizontalMove) {
-        onDragStart(index);
-        handleKeyDownDrag(evt);
-        keyDownHandlerRef.current = handleKeyDownDrag;
-      }
-    },
-    [column, handleKeyDownDrag, index, onDragStart]
-  );
-  const keyDownHandlerRef = React.useRef(handleKeyDownInitDrag);
-  const handleKeyDown = (evt) => keyDownHandlerRef.current(evt);
-  const handleMouseMove = React.useCallback(
-    (e) => {
-      ignoreClick.current = true;
-      const pos = e[column ? "clientY" : "clientX"];
-      const diff = pos - lastPos.current;
-      if (pos && pos !== lastPos.current) {
-        onDrag(index, diff);
-      }
-      lastPos.current = pos;
-    },
-    [column, index, onDrag]
-  );
-  const handleMouseUp = React.useCallback(() => {
-    window.removeEventListener("mousemove", handleMouseMove, false);
-    window.removeEventListener("mouseup", handleMouseUp, false);
-    onDragEnd();
-    setActive(false);
-    rootRef.current?.focus();
-  }, [handleMouseMove, onDragEnd, setActive]);
-  const handleMouseDown = React.useCallback(
-    (e) => {
-      lastPos.current = column ? e.clientY : e.clientX;
-      onDragStart(index);
-      window.addEventListener("mousemove", handleMouseMove, false);
-      window.addEventListener("mouseup", handleMouseUp, false);
-      e.preventDefault();
-      setActive(true);
-    },
-    [column, handleMouseMove, handleMouseUp, index, onDragStart, setActive]
-  );
-  const handleClick = () => {
-    if (ignoreClick.current) {
-      ignoreClick.current = false;
-    } else {
-      rootRef.current?.focus();
-    }
-  };
-  const handleBlur = () => {
-    keyDownHandlerRef.current = handleKeyDownInitDrag;
-  };
-  const className = cx(classBase, {
-    [`${classBase}-active`]: active,
-    [`${classBase}-column`]: column
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className,
-      "data-splitter": true,
-      ref: rootRef,
-      role: "separator",
-      style,
-      onBlur: handleBlur,
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      onMouseDown: handleMouseDown,
-      tabIndex: 0,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-grab-zone` })
-    }
-  );
-});
-
-exports.Splitter = Splitter;
-//# sourceMappingURL=Splitter.js.map

package/cjs/flexbox/Splitter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Splitter.js","sources":["../../src/flexbox/Splitter.tsx"],"sourcesContent":["import cx from \"clsx\";\nimport React, {\n  HTMLAttributes,\n  KeyboardEvent,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\n\nimport \"./Splitter.css\";\n\nconst classBase = \"vuuSplitter\";\n\nexport type SplitterDragStartHandler = (index: number) => void;\nexport type SplitterDragHandler = (index: number, distance: number) => void;\nexport type SplitterDragEndHandler = () => void;\n\nexport interface SplitterProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onDrag\" | \"onDragStart\"> {\n  //TODO change to alignment (vertical | horizontal)\n  column: boolean;\n  index: number;\n  onDragStart: SplitterDragStartHandler;\n  onDrag: SplitterDragHandler;\n  onDragEnd: SplitterDragEndHandler;\n}\n\nexport const Splitter = React.memo(function Splitter({\n  column,\n  index,\n  onDrag,\n  onDragEnd,\n  onDragStart,\n  style,\n}: SplitterProps) {\n  const ignoreClick = useRef<boolean>();\n  const rootRef = useRef<HTMLDivElement>(null);\n  const lastPos = useRef<number>(0);\n\n  const [active, setActive] = useState(false);\n\n  const handleKeyDownDrag = useCallback(\n    ({ key, shiftKey }) => {\n      const distance = shiftKey ? 10 : 1;\n      if (column && key === \"ArrowDown\") {\n        onDrag(index, distance);\n      } else if (column && key === \"ArrowUp\") {\n        onDrag(index, -distance);\n      } else if (!column && key === \"ArrowLeft\") {\n        onDrag(index, -distance);\n      } else if (!column && key === \"ArrowRight\") {\n        onDrag(index, distance);\n      }\n    },\n    [column, index, onDrag]\n  );\n\n  const handleKeyDownInitDrag = useCallback(\n    (evt) => {\n      const { key } = evt;\n      const horizontalMove = key === \"ArrowLeft\" || key === \"ArrowRight\";\n      const verticalMove = key === \"ArrowUp\" || key === \"ArrowDown\";\n      if ((column && verticalMove) || (!column && horizontalMove)) {\n        onDragStart(index);\n        handleKeyDownDrag(evt);\n        keyDownHandlerRef.current = handleKeyDownDrag;\n      }\n    },\n    [column, handleKeyDownDrag, index, onDragStart]\n  );\n\n  const keyDownHandlerRef = useRef(handleKeyDownInitDrag);\n  const handleKeyDown = (evt: KeyboardEvent) => keyDownHandlerRef.current(evt);\n\n  const handleMouseMove = useCallback(\n    (e) => {\n      ignoreClick.current = true;\n      const pos = e[column ? \"clientY\" : \"clientX\"];\n      const diff = pos - lastPos.current;\n      if (pos && pos !== lastPos.current) {\n        onDrag(index, diff);\n      }\n      lastPos.current = pos;\n    },\n    [column, index, onDrag]\n  );\n\n  const handleMouseUp = useCallback(() => {\n    window.removeEventListener(\"mousemove\", handleMouseMove, false);\n    window.removeEventListener(\"mouseup\", handleMouseUp, false);\n    onDragEnd();\n    setActive(false);\n    rootRef.current?.focus();\n  }, [handleMouseMove, onDragEnd, setActive]);\n\n  const handleMouseDown = useCallback(\n    (e) => {\n      lastPos.current = column ? e.clientY : e.clientX;\n      onDragStart(index);\n      window.addEventListener(\"mousemove\", handleMouseMove, false);\n      window.addEventListener(\"mouseup\", handleMouseUp, false);\n      e.preventDefault();\n      setActive(true);\n    },\n    [column, handleMouseMove, handleMouseUp, index, onDragStart, setActive]\n  );\n\n  const handleClick = () => {\n    if (ignoreClick.current) {\n      ignoreClick.current = false;\n    } else {\n      rootRef.current?.focus();\n    }\n  };\n\n  const handleBlur = () => {\n    keyDownHandlerRef.current = handleKeyDownInitDrag;\n  };\n\n  const className = cx(classBase, {\n    [`${classBase}-active`]: active,\n    [`${classBase}-column`]: column,\n  });\n  return (\n    <div\n      className={className}\n      data-splitter\n      ref={rootRef}\n      role=\"separator\"\n      style={style}\n      onBlur={handleBlur}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      onMouseDown={handleMouseDown}\n      tabIndex={0}\n    >\n      <div className={`${classBase}-grab-zone`} />\n    </div>\n  );\n});\n"],"names":["Splitter","useRef","useState","useCallback","jsx"],"mappings":"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"}

package/cjs/flexbox/flexbox-utils.js

@@ -1,109 +0,0 @@
-'use strict';
-
-var flexUtils = require('../layout-reducer/flexUtils.js');
-require('react');
-var propUtils = require('../utils/propUtils.js');
-
-const NO_INTRINSIC_SIZE = {};
-const SPLITTER = 1;
-const PLACEHOLDER = 2;
-const isIntrinsicallySized = (item) => typeof item.intrinsicSize === "number";
-const getBreakPointValues = (breakPoints, component) => {
-  const values = {};
-  breakPoints.forEach((breakPoint) => {
-    values[breakPoint] = propUtils.getProp(component, breakPoint);
-  });
-  return values;
-};
-const gatherChildMeta = (children, dimension, breakPoints) => {
-  return children.map((child, index) => {
-    const resizeable = propUtils.getProp(child, "resizeable");
-    const { [dimension]: intrinsicSize } = flexUtils.getIntrinsicSize(child) ?? NO_INTRINSIC_SIZE;
-    const flexOpen = flexUtils.hasUnboundedFlexStyle(child);
-    if (breakPoints) {
-      return {
-        index,
-        flexOpen,
-        intrinsicSize,
-        resizeable,
-        ...getBreakPointValues(breakPoints, child)
-      };
-    } else {
-      return { index, flexOpen, intrinsicSize, resizeable };
-    }
-  });
-};
-const findSplitterAndPlaceholderPositions = (childMeta) => {
-  const count = childMeta.length;
-  const allIntrinsic = childMeta.every(isIntrinsicallySized);
-  const splitterPositions = Array(count).fill(0);
-  if (allIntrinsic && count > 0) {
-    splitterPositions[0] = PLACEHOLDER;
-    splitterPositions[count - 1] = PLACEHOLDER;
-  }
-  if (count < 2) {
-    return splitterPositions;
-  } else {
-    for (let i = 0, resizeablesLeft = 0; i < count - 1; i++) {
-      if (childMeta[i].resizeable && !resizeablesLeft) {
-        resizeablesLeft = SPLITTER;
-      }
-      splitterPositions[i] += resizeablesLeft;
-    }
-    for (let i = count - 1; i > 0; i--) {
-      if (splitterPositions[i] & SPLITTER) {
-        splitterPositions[i] -= SPLITTER;
-      }
-      if (childMeta[i].resizeable) {
-        break;
-      }
-    }
-    return splitterPositions;
-  }
-};
-const identifyResizeParties = (contentMeta, idx) => {
-  const idx1 = getLeadingResizeablePos(contentMeta, idx);
-  const idx2 = getTrailingResizeablePos(contentMeta, idx);
-  const participants = idx1 !== -1 && idx2 !== -1 ? [idx1, idx2] : void 0;
-  const bystanders = identifyResizeBystanders(contentMeta, participants);
-  return [participants, bystanders];
-};
-function identifyResizeBystanders(contentMeta, participants) {
-  if (participants) {
-    const bystanders = [];
-    for (let i = 0; i < contentMeta.length; i++) {
-      if (contentMeta[i].flexOpen && !participants.includes(i)) {
-        bystanders.push(i);
-      }
-    }
-    return bystanders;
-  }
-}
-function getLeadingResizeablePos(contentMeta, idx) {
-  let pos = idx, resizeable = false;
-  while (pos >= 1 && !resizeable) {
-    pos = pos - 1;
-    resizeable = isResizeable(contentMeta, pos);
-  }
-  return pos;
-}
-function getTrailingResizeablePos(contentMeta, idx) {
-  let pos = idx, resizeable = false;
-  const count = contentMeta.length;
-  while (pos < count - 1 && !resizeable) {
-    pos = pos + 1;
-    resizeable = isResizeable(contentMeta, pos);
-  }
-  return pos === count ? -1 : pos;
-}
-function isResizeable(contentMeta, idx) {
-  const { placeholder, splitter, resizeable, intrinsicSize } = contentMeta[idx];
-  return Boolean(!splitter && !intrinsicSize && (placeholder || resizeable));
-}
-
-exports.PLACEHOLDER = PLACEHOLDER;
-exports.SPLITTER = SPLITTER;
-exports.findSplitterAndPlaceholderPositions = findSplitterAndPlaceholderPositions;
-exports.gatherChildMeta = gatherChildMeta;
-exports.identifyResizeParties = identifyResizeParties;
-//# sourceMappingURL=flexbox-utils.js.map

package/cjs/flexbox/flexbox-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"flexbox-utils.js","sources":["../../src/flexbox/flexbox-utils.ts"],"sourcesContent":["import { ReactElement } from \"react\";\nimport {\n  getIntrinsicSize,\n  hasUnboundedFlexStyle,\n} from \"../layout-reducer/flexUtils\";\nimport { getProp } from \"../utils\";\nimport type { BreakPoint, ContentMeta } from \"./flexboxTypes\";\n\nconst NO_INTRINSIC_SIZE: {\n  height?: number;\n  width?: number;\n} = {};\n\nexport const SPLITTER = 1;\nexport const PLACEHOLDER = 2;\n\nconst isIntrinsicallySized = (item: ContentMeta) =>\n  typeof item.intrinsicSize === \"number\";\n\nconst getBreakPointValues = (\n  breakPoints: BreakPoint[],\n  component: ReactElement\n) => {\n  const values: { [key: string]: number | undefined } = {};\n  breakPoints.forEach((breakPoint) => {\n    values[breakPoint] = getProp(component, breakPoint);\n  });\n  return values;\n};\n\nexport const gatherChildMeta = (\n  children: ReactElement[],\n  dimension: \"width\" | \"height\",\n  breakPoints?: BreakPoint[]\n) => {\n  return children.map((child, index) => {\n    const resizeable = getProp(child, \"resizeable\");\n    const { [dimension]: intrinsicSize } =\n      getIntrinsicSize(child) ?? NO_INTRINSIC_SIZE;\n    const flexOpen = hasUnboundedFlexStyle(child);\n    if (breakPoints) {\n      return {\n        index,\n        flexOpen,\n        intrinsicSize,\n        resizeable,\n        ...getBreakPointValues(breakPoints, child),\n      };\n    } else {\n      return { index, flexOpen, intrinsicSize, resizeable };\n    }\n  });\n};\n\n// Splitters are inserted AFTER the associated index, so\n// never a splitter in last position.\n// Placeholder goes before (first) OR after(last) index\nexport const findSplitterAndPlaceholderPositions = (\n  childMeta: ContentMeta[]\n) => {\n  const count = childMeta.length;\n  const allIntrinsic = childMeta.every(isIntrinsicallySized);\n  const splitterPositions = Array(count).fill(0);\n  if (allIntrinsic && count > 0) {\n    splitterPositions[0] = PLACEHOLDER;\n    splitterPositions[count - 1] = PLACEHOLDER;\n  }\n  if (count < 2) {\n    return splitterPositions;\n  } else {\n    // 1) From the left, check each item.\n    // Once we hit a resizable item, set this index and all subsequent indices,\n    // except for last, to SPLITTER\n    for (let i = 0, resizeablesLeft = 0; i < count - 1; i++) {\n      if (childMeta[i].resizeable && !resizeablesLeft) {\n        resizeablesLeft = SPLITTER;\n      }\n      splitterPositions[i] += resizeablesLeft;\n    }\n    // 2) Now check from the right. Undo splitter insertion until we reach a point\n    // where there is a resizeable to our right.\n    for (let i = count - 1; i > 0; i--) {\n      if (splitterPositions[i] & SPLITTER) {\n        splitterPositions[i] -= SPLITTER;\n      }\n      if (childMeta[i].resizeable) {\n        break;\n      }\n    }\n    return splitterPositions;\n  }\n};\n\nexport const identifyResizeParties = (\n  contentMeta: ContentMeta[],\n  idx: number\n) => {\n  const idx1 = getLeadingResizeablePos(contentMeta, idx);\n  const idx2 = getTrailingResizeablePos(contentMeta, idx);\n  const participants = idx1 !== -1 && idx2 !== -1 ? [idx1, idx2] : undefined;\n  const bystanders = identifyResizeBystanders(contentMeta, participants);\n  return [participants, bystanders];\n};\n\nfunction identifyResizeBystanders(\n  contentMeta: ContentMeta[],\n  participants?: number[]\n) {\n  if (participants) {\n    const bystanders = [];\n    for (let i = 0; i < contentMeta.length; i++) {\n      if (contentMeta[i].flexOpen && !participants.includes(i)) {\n        bystanders.push(i);\n      }\n    }\n    return bystanders;\n  }\n}\n\nfunction getLeadingResizeablePos(contentMeta: ContentMeta[], idx: number) {\n  let pos = idx,\n    resizeable = false;\n  while (pos >= 1 && !resizeable) {\n    pos = pos - 1;\n    resizeable = isResizeable(contentMeta, pos);\n  }\n  return pos;\n}\n\nfunction getTrailingResizeablePos(contentMeta: ContentMeta[], idx: number) {\n  let pos = idx,\n    resizeable = false;\n  const count = contentMeta.length;\n  while (pos < count - 1 && !resizeable) {\n    pos = pos + 1;\n    resizeable = isResizeable(contentMeta, pos);\n  }\n  return pos === count ? -1 : pos;\n}\n\nfunction isResizeable(contentMeta: ContentMeta[], idx: number): boolean {\n  const { placeholder, splitter, resizeable, intrinsicSize } = contentMeta[idx];\n  return Boolean(!splitter && !intrinsicSize && (placeholder || resizeable));\n}\n"],"names":["getProp","getIntrinsicSize","hasUnboundedFlexStyle"],"mappings":"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"}

package/cjs/flexbox/useResponsiveSizing.js

@@ -1,62 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var React = require('react');
-var flexboxUtils = require('./flexbox-utils.js');
-
-const breakPoints = ["xs", "sm", "md", "lg", "xl"];
-const DEFAULT_COLS = 12;
-const useResponsiveSizing = ({
-  children: childrenProp,
-  cols: colsProp,
-  style
-}) => {
-  const rootRef = React.useRef(null);
-  const metaRef = React.useRef(null);
-  const contentRef = React.useRef();
-  const cols = colsProp ?? DEFAULT_COLS;
-  const isColumn = style?.flexDirection === "column";
-  const dimension = isColumn ? "height" : "width";
-  const children = React.useMemo(
-    () => Array.isArray(childrenProp) ? childrenProp : React.isValidElement(childrenProp) ? [childrenProp] : [],
-    [childrenProp]
-  );
-  const buildContent = React.useCallback(
-    (children2, dimension2) => {
-      const childMeta = flexboxUtils.gatherChildMeta(children2, dimension2, breakPoints);
-      const content = [];
-      const meta = [];
-      for (let i = 0; i < children2.length; i++) {
-        const child = children2[i];
-        const {
-          style: { flex, ...rest }
-        } = child.props;
-        content.push(
-          React.cloneElement(child, {
-            key: vuuUtils.getUniqueId(),
-            style: {
-              ...rest,
-              "--parent-col-count": cols
-            }
-          })
-        );
-        meta.push(childMeta[i]);
-      }
-      return [content, meta];
-    },
-    [cols]
-  );
-  React.useMemo(() => {
-    const [content, meta] = buildContent(children, dimension);
-    metaRef.current = meta;
-    contentRef.current = content;
-  }, [buildContent, children, dimension]);
-  return {
-    cols,
-    content: contentRef.current,
-    rootRef
-  };
-};
-
-exports.useResponsiveSizing = useResponsiveSizing;
-//# sourceMappingURL=useResponsiveSizing.js.map

package/cjs/flexbox/useResponsiveSizing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useResponsiveSizing.js","sources":["../../src/flexbox/useResponsiveSizing.ts"],"sourcesContent":["import { getUniqueId } from \"@vuu-ui/vuu-utils\";\nimport {\n  cloneElement,\n  CSSProperties,\n  isValidElement,\n  ReactElement,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { gatherChildMeta } from \"./flexbox-utils\";\nimport { BreakPoint } from \"./flexboxTypes\";\n\nconst breakPoints: BreakPoint[] = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"];\n\nconst DEFAULT_COLS = 12;\n\nexport const useResponsiveSizing = ({\n  children: childrenProp,\n  cols: colsProp,\n  style,\n}: {\n  children: ReactElement[];\n  cols?: number;\n  style?: CSSProperties;\n}) => {\n  const rootRef = useRef(null);\n  const metaRef = useRef(null);\n  const contentRef = useRef<ReactElement[]>();\n  const cols = colsProp ?? DEFAULT_COLS;\n\n  const isColumn = style?.flexDirection === \"column\";\n  const dimension = isColumn ? \"height\" : \"width\";\n\n  const children = useMemo(\n    () =>\n      Array.isArray(childrenProp)\n        ? childrenProp\n        : isValidElement(childrenProp)\n        ? [childrenProp]\n        : [],\n    [childrenProp]\n  );\n\n  const buildContent = useCallback(\n    (children, dimension): [ReactElement[], any] => {\n      const childMeta = gatherChildMeta(children, dimension, breakPoints);\n      const content = [];\n      const meta = [];\n      for (let i = 0; i < children.length; i++) {\n        const child = children[i];\n        const {\n          style: { flex, ...rest },\n        } = child.props;\n        content.push(\n          cloneElement(child, {\n            key: getUniqueId(),\n            style: {\n              ...rest,\n              \"--parent-col-count\": cols,\n            },\n          })\n        );\n        meta.push(childMeta[i]);\n      }\n      return [content, meta];\n    },\n    [cols]\n  );\n\n  useMemo(() => {\n    const [content, meta] = buildContent(children, dimension);\n    metaRef.current = meta;\n    contentRef.current = content;\n  }, [buildContent, children, dimension]);\n\n  return {\n    cols,\n    content: contentRef.current,\n    rootRef,\n  };\n};\n"],"names":["useRef","useMemo","isValidElement","useCallback","children","dimension","gatherChildMeta","cloneElement","getUniqueId"],"mappings":";;;;;;AAaA,MAAM,cAA4B,CAAC,IAAA,EAAM,IAAM,EAAA,IAAA,EAAM,MAAM,IAAI,CAAA,CAAA;AAE/D,MAAM,YAAe,GAAA,EAAA,CAAA;AAEd,MAAM,sBAAsB,CAAC;AAAA,EAClC,QAAU,EAAA,YAAA;AAAA,EACV,IAAM,EAAA,QAAA;AAAA,EACN,KAAA;AACF,CAIM,KAAA;AACJ,EAAM,MAAA,OAAA,GAAUA,aAAO,IAAI,CAAA,CAAA;AAC3B,EAAM,MAAA,OAAA,GAAUA,aAAO,IAAI,CAAA,CAAA;AAC3B,EAAA,MAAM,aAAaA,YAAuB,EAAA,CAAA;AAC1C,EAAA,MAAM,OAAO,QAAY,IAAA,YAAA,CAAA;AAEzB,EAAM,MAAA,QAAA,GAAW,OAAO,aAAkB,KAAA,QAAA,CAAA;AAC1C,EAAM,MAAA,SAAA,GAAY,WAAW,QAAW,GAAA,OAAA,CAAA;AAExC,EAAA,MAAM,QAAW,GAAAC,aAAA;AAAA,IACf,MACE,KAAA,CAAM,OAAQ,CAAA,YAAY,CACtB,GAAA,YAAA,GACAC,oBAAe,CAAA,YAAY,CAC3B,GAAA,CAAC,YAAY,CAAA,GACb,EAAC;AAAA,IACP,CAAC,YAAY,CAAA;AAAA,GACf,CAAA;AAEA,EAAA,MAAM,YAAe,GAAAC,iBAAA;AAAA,IACnB,CAACC,WAAUC,UAAqC,KAAA;AAC9C,MAAA,MAAM,SAAY,GAAAC,4BAAA,CAAgBF,SAAUC,EAAAA,UAAAA,EAAW,WAAW,CAAA,CAAA;AAClE,MAAA,MAAM,UAAU,EAAC,CAAA;AACjB,MAAA,MAAM,OAAO,EAAC,CAAA;AACd,MAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAID,GAAAA,SAAAA,CAAS,QAAQ,CAAK,EAAA,EAAA;AACxC,QAAM,MAAA,KAAA,GAAQA,UAAS,CAAC,CAAA,CAAA;AACxB,QAAM,MAAA;AAAA,UACJ,KAAO,EAAA,EAAE,IAAM,EAAA,GAAG,IAAK,EAAA;AAAA,YACrB,KAAM,CAAA,KAAA,CAAA;AACV,QAAQ,OAAA,CAAA,IAAA;AAAA,UACNG,mBAAa,KAAO,EAAA;AAAA,YAClB,KAAKC,oBAAY,EAAA;AAAA,YACjB,KAAO,EAAA;AAAA,cACL,GAAG,IAAA;AAAA,cACH,oBAAsB,EAAA,IAAA;AAAA,aACxB;AAAA,WACD,CAAA;AAAA,SACH,CAAA;AACA,QAAK,IAAA,CAAA,IAAA,CAAK,SAAU,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA,OACxB;AACA,MAAO,OAAA,CAAC,SAAS,IAAI,CAAA,CAAA;AAAA,KACvB;AAAA,IACA,CAAC,IAAI,CAAA;AAAA,GACP,CAAA;AAEA,EAAAP,aAAA,CAAQ,MAAM;AACZ,IAAA,MAAM,CAAC,OAAS,EAAA,IAAI,CAAI,GAAA,YAAA,CAAa,UAAU,SAAS,CAAA,CAAA;AACxD,IAAA,OAAA,CAAQ,OAAU,GAAA,IAAA,CAAA;AAClB,IAAA,UAAA,CAAW,OAAU,GAAA,OAAA,CAAA;AAAA,GACpB,EAAA,CAAC,YAAc,EAAA,QAAA,EAAU,SAAS,CAAC,CAAA,CAAA;AAEtC,EAAO,OAAA;AAAA,IACL,IAAA;AAAA,IACA,SAAS,UAAW,CAAA,OAAA;AAAA,IACpB,OAAA;AAAA,GACF,CAAA;AACF;;;;"}