@vuu-ui/vuu-layout 0.0.26

package/esm/utils/pathUtils.js

@@ -0,0 +1,280 @@
+import React, { isValidElement } from 'react';
+import { isContainer } from '../registry/ComponentRegistry.js';
+import { getProps, getProp } from './propUtils.js';
+import { typeOf } from './typeOf.js';
+
+const removeFinalPathSegment = (path) => {
+  const pos = path.lastIndexOf(".");
+  if (pos === -1) {
+    return path;
+  } else {
+    return path.slice(0, pos);
+  }
+};
+const getChildren = (c) => React.isValidElement(c.props.children) ? [c.props.children] : c.props.children;
+const resolvePath = (source, path = "") => {
+  const [step1, ...steps] = path.split(".");
+  if (step1?.startsWith("#")) {
+    const node = findTargetById(source, step1.slice(1), true);
+    if (node && steps.length) {
+      return resolvePath(node, steps.join("."));
+    }
+  } else if (step1 === "ACTIVE_CHILD") {
+    const { active } = getProps(source);
+    const children = getChildren(source);
+    const { path: path2 } = getProps(children[active]);
+    return path2;
+  }
+  return "";
+};
+const resolveJSONPath = (source, path = "") => {
+  const [step1, ...steps] = path.split(".");
+  if (step1?.startsWith("#")) {
+    const node = findTargetJSONById(source, step1.slice(1), true);
+    if (node && steps.length) {
+      return resolveJSONPath(node, steps.join("."));
+    }
+  } else if (step1 === "ACTIVE_CHILD") {
+    const { children, props } = source;
+    const { active } = props;
+    if (typeof active === "number" && children?.[active]) {
+      return children[active];
+    }
+  }
+  return;
+};
+function followPathToParent(source, path) {
+  const { "data-path": dataPath, path: sourcePath = dataPath } = getProps(source);
+  if (path === "0")
+    return null;
+  if (path === sourcePath)
+    return null;
+  return followPath(source, removeFinalPathSegment(path), true);
+}
+function findTarget(source, test) {
+  const { children, ...props } = getProps(source);
+  if (test(props)) {
+    return source;
+  }
+  if (React.Children.count(children) > 0) {
+    const array = React.isValidElement(children) ? [children] : children;
+    for (const child of array) {
+      const target = findTarget(child, test);
+      if (target) {
+        return target;
+      }
+    }
+  }
+}
+function containerOf(source, target) {
+  if (target === source) {
+    return null;
+  }
+  const { path: sourcePath, children } = getProps(source);
+  const { idx, finalStep } = nextStep(sourcePath, getProp(target, "path"));
+  if (finalStep) {
+    return source;
+  }
+  if (children === void 0 || children[idx] === void 0) {
+    return null;
+  }
+  return containerOf(children[idx], target);
+}
+const getChild = (children, idx) => {
+  if (React.isValidElement(children) && idx == 0) {
+    return children;
+  }
+  if (Array.isArray(children)) {
+    return children[idx];
+  }
+};
+function followPathToComponent(component, path) {
+  const paths = path.split(".");
+  let children = [component];
+  for (let i = 0; i < paths.length; i++) {
+    const idx = parseInt(paths[i]);
+    const child = children[idx];
+    if (i === paths.length - 1) {
+      return child;
+    }
+    children = getChildren(child);
+  }
+}
+const findTargetById = (source, id, throwIfNotFound = true) => {
+  const { children, id: idProp } = source.props;
+  if (idProp === id) {
+    return source;
+  }
+  if (React.Children.count(children) > 0) {
+    const childArray = isValidElement(children) ? [children] : children;
+    for (const child of childArray) {
+      if (isValidElement(child)) {
+        const target = findTargetById(child, id, false);
+        if (target) {
+          return target;
+        }
+      }
+    }
+  }
+  if (throwIfNotFound === true) {
+    throw Error(`pathUtils.findTargetById id #${id} not found in source`);
+  }
+};
+const findTargetJSONById = (source, id, throwIfNotFound = true) => {
+  const { children, id: idProp } = source;
+  if (idProp === id) {
+    return source;
+  }
+  if (Array.isArray(children) && children.length > 0) {
+    for (const child of children) {
+      if (child !== null && typeof child === "object") {
+        const target = findTargetJSONById(child, id, false);
+        if (target) {
+          return target;
+        }
+      }
+    }
+  }
+  if (throwIfNotFound === true) {
+    throw Error(`pathUtils.findTargetJSONById id #${id} not found in source`);
+  }
+};
+function followPath(source, path, throwIfNotFound = false) {
+  if (path.startsWith("#")) {
+    return findTargetById(source, path.slice(1), throwIfNotFound);
+  }
+  const { "data-path": dataPath, path: sourcePath = dataPath } = getProps(source);
+  if (path.indexOf(sourcePath) !== 0) {
+    throw Error(
+      `pathUtils.followPath path ${path} is not within source path ${sourcePath}`
+    );
+  }
+  const route = path.slice(sourcePath.length + 1);
+  if (route === "") {
+    return source;
+  }
+  let target = source;
+  const paths = route.split(".");
+  for (let i = 0; i < paths.length; i++) {
+    if (React.Children.count(target.props.children) === 0) {
+      const message = `element at 0.${paths.slice(0, i).join(".")} has no children, so cannot fulfill rest of path ${paths.slice(i).join(".")}`;
+      if (throwIfNotFound) {
+        throw Error(message);
+      } else {
+        console.warn(message);
+        return;
+      }
+    }
+    target = getChild(target.props.children, parseInt(paths[i]));
+    if (target === void 0) {
+      const message = `model at 0.${paths.slice(0, i).join(".")} has no children that fulfill next step of path ${paths.slice(i).join(".")}`;
+      if (throwIfNotFound) {
+        throw Error(message);
+      } else {
+        console.warn(message);
+      }
+    }
+  }
+  return target;
+}
+function nextLeaf(root, path) {
+  const parent = followPathToParent(root, path);
+  let pathIndices = path.split(".").map((idx) => parseInt(idx, 10));
+  if (parent) {
+    const lastIdx = pathIndices.pop();
+    const { children } = parent.props;
+    if (children.length - 1 > lastIdx) {
+      return firstLeaf(children[lastIdx + 1]);
+    } else {
+      const parentIdx = pathIndices.pop();
+      const nextParent = followPathToParent(root, getProp(parent, "path"));
+      if (nextParent && typeof parentIdx === "number") {
+        pathIndices = nextParent.props.path.split(".").map((idx) => parseInt(idx, 10));
+        if (nextParent.props.children.length - 1 > parentIdx) {
+          const nextStep2 = nextParent.props.children[parentIdx + 1];
+          if (isContainer(typeOf(nextStep2))) {
+            return firstLeaf(nextStep2);
+          } else {
+            return nextStep2;
+          }
+        }
+      }
+    }
+  }
+  return firstLeaf(root);
+}
+function previousLeaf(root, path) {
+  const pathIndices = path.split(".").map((idx) => parseInt(idx, 10));
+  let lastIdx = pathIndices.pop();
+  let parent = followPathToParent(root, path);
+  if (parent != null && typeof lastIdx === "number") {
+    const { children } = parent.props;
+    if (lastIdx > 0) {
+      return lastLeaf(children[lastIdx - 1]);
+    } else {
+      while (pathIndices.length > 1) {
+        lastIdx = pathIndices.pop();
+        parent = followPathToParent(
+          root,
+          getProp(parent, "path")
+        );
+        if (lastIdx > 0) {
+          const nextStep2 = parent.props.children[lastIdx - 1];
+          if (isContainer(typeOf(nextStep2))) {
+            return lastLeaf(nextStep2);
+          }
+          return nextStep2;
+        }
+      }
+    }
+  }
+  return lastLeaf(root);
+}
+function firstLeaf(layoutRoot) {
+  if (isContainer(typeOf(layoutRoot))) {
+    const { children } = layoutRoot.props || layoutRoot;
+    return firstLeaf(children[0]);
+  }
+  return layoutRoot;
+}
+function lastLeaf(root) {
+  if (isContainer(typeOf(root))) {
+    const { children } = root.props || root;
+    return lastLeaf(children[children.length - 1]);
+  }
+  return root;
+}
+function nextStep(pathSoFar, targetPath, followPathToEnd = false) {
+  if (pathSoFar === targetPath) {
+    return { idx: -1, finalStep: true };
+  }
+  const pathVisited = `${pathSoFar}.`;
+  if (!targetPath.startsWith(pathVisited)) {
+    throw Error("pathUtils nextStep has strayed from the path");
+  }
+  const endOfTheLine = followPathToEnd ? 0 : 1;
+  const paths = targetPath.replace(pathVisited, "").split(".").map((n) => parseInt(n, 10));
+  return { idx: paths[0], finalStep: paths.length === endOfTheLine };
+}
+function resetPath(model, path, additionalProps) {
+  if (getProp(model, "path") === path) {
+    return model;
+  }
+  const children = [];
+  React.Children.forEach(model.props.children, (child, i) => {
+    if (!getProp(child, "path")) {
+      children.push(child);
+    } else {
+      children.push(resetPath(child, `${path}.${i}`));
+    }
+  });
+  const pathPropName = model.props["data-path"] ? "data-path" : "path";
+  return React.cloneElement(
+    model,
+    { [pathPropName]: path, ...additionalProps },
+    children
+  );
+}
+
+export { containerOf, findTarget, followPath, followPathToComponent, followPathToParent, getChild, nextLeaf, nextStep, previousLeaf, resetPath, resolveJSONPath, resolvePath };
+//# sourceMappingURL=pathUtils.js.map

package/esm/utils/pathUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pathUtils.js","sources":["../../src/utils/pathUtils.ts"],"sourcesContent":["import React, { isValidElement, ReactElement } from \"react\";\nimport { LayoutJSON, LayoutModel, WithActive } from \"../layout-reducer\";\nimport { isContainer } from \"../registry/ComponentRegistry\";\nimport { getProp, getProps } from \"./propUtils\";\nimport { typeOf } from \"./typeOf\";\n\nconst removeFinalPathSegment = (path: string) => {\n  const pos = path.lastIndexOf(\".\");\n  if (pos === -1) {\n    return path;\n  } else {\n    return path.slice(0, pos);\n  }\n};\n\nconst getChildren = (c: ReactElement) =>\n  React.isValidElement(c.props.children)\n    ? [c.props.children]\n    : c.props.children;\n\n/**\n * This is a very specific function at the moment. It resolves a path of the form\n * '#{componentid}.ACTIVE_CHILD'\n * It allows a templated path to be resolved to a concrete path at runtime.\n * The above pattern is used to identify a layout drop target. Further patterns\n * will be added if needed.\n */\nexport const resolvePath = (source: ReactElement, path = \"\"): string => {\n  const [step1, ...steps] = path.split(\".\");\n  if (step1?.startsWith(\"#\")) {\n    const node = findTargetById(source, step1.slice(1), true);\n    if (node && steps.length) {\n      return resolvePath(node, steps.join(\".\"));\n    }\n  } else if (step1 === \"ACTIVE_CHILD\") {\n    const { active } = getProps(source);\n    const children = getChildren(source);\n    const { path } = getProps(children[active]);\n    return path;\n  }\n\n  return \"\";\n};\n\n/**\n * Similar to resolvePath but operates on a JSON\n * layout structure and returns the matching JSON node.\n */\nexport const resolveJSONPath = (\n  source: LayoutJSON,\n  path = \"\"\n): LayoutJSON | undefined => {\n  const [step1, ...steps] = path.split(\".\");\n  if (step1?.startsWith(\"#\")) {\n    const node = findTargetJSONById(source, step1.slice(1), true);\n    if (node && steps.length) {\n      return resolveJSONPath(node, steps.join(\".\"));\n    }\n  } else if (step1 === \"ACTIVE_CHILD\") {\n    const { children, props } = source;\n    const { active } = props as WithActive;\n    if (typeof active === \"number\" && children?.[active]) {\n      return children[active];\n    }\n  }\n  return;\n};\n\nexport function followPathToParent(\n  source: ReactElement,\n  path: string\n): ReactElement | null {\n  const { \"data-path\": dataPath, path: sourcePath = dataPath } =\n    getProps(source);\n\n  if (path === \"0\") return null;\n  if (path === sourcePath) return null;\n\n  return followPath(source, removeFinalPathSegment(path), true);\n}\n\nexport function findTarget(\n  source: LayoutModel,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  test: (props: any) => boolean\n): LayoutModel | undefined {\n  const { children, ...props } = getProps(source);\n  if (test(props)) {\n    return source;\n  }\n  if (React.Children.count(children) > 0) {\n    const array = React.isValidElement(children) ? [children] : children;\n    for (const child of array) {\n      const target = findTarget(child, test);\n      if (target) {\n        return target;\n      }\n    }\n  }\n}\n\nexport function containerOf(\n  source: LayoutModel,\n  target: LayoutModel\n): LayoutModel | null {\n  if (target === source) {\n    return null;\n  }\n  const { path: sourcePath, children } = getProps(source);\n  const { idx, finalStep } = nextStep(sourcePath, getProp(target, \"path\"));\n  if (finalStep) {\n    return source;\n  }\n  if (children === undefined || children[idx] === undefined) {\n    return null;\n  }\n  return containerOf(children[idx], target);\n}\n\nexport const getChild = (\n  children: ReactElement[],\n  idx: number\n): ReactElement | undefined => {\n  if (React.isValidElement(children) && idx == 0) {\n    return children;\n  }\n  if (Array.isArray(children)) {\n    return children[idx];\n  }\n};\n\nexport function followPathToComponent(component: ReactElement, path: string) {\n  const paths = path.split(\".\");\n  let children = [component];\n\n  for (let i = 0; i < paths.length; i++) {\n    const idx = parseInt(paths[i]);\n    const child = children[idx];\n    if (i === paths.length - 1) {\n      return child;\n    }\n    children = getChildren(child);\n  }\n}\n\nconst findTargetById = (\n  source: ReactElement,\n  id: string,\n  throwIfNotFound = true\n): ReactElement | undefined => {\n  const { children, id: idProp } = source.props;\n  if (idProp === id) {\n    return source;\n  }\n\n  if (React.Children.count(children) > 0) {\n    const childArray = isValidElement(children) ? [children] : children;\n    for (const child of childArray) {\n      if (isValidElement(child)) {\n        const target = findTargetById(child, id, false);\n        if (target) {\n          return target;\n        }\n      }\n    }\n  }\n\n  if (throwIfNotFound === true) {\n    throw Error(`pathUtils.findTargetById id #${id} not found in source`);\n  }\n};\n\nconst findTargetJSONById = (\n  source: LayoutJSON,\n  id: string,\n  throwIfNotFound = true\n): LayoutJSON | undefined => {\n  const { children, id: idProp } = source;\n  if (idProp === id) {\n    return source;\n  }\n\n  if (Array.isArray(children) && children.length > 0) {\n    for (const child of children) {\n      if (child !== null && typeof child === \"object\") {\n        const target = findTargetJSONById(child, id, false);\n        if (target) {\n          return target;\n        }\n      }\n    }\n  }\n\n  if (throwIfNotFound === true) {\n    throw Error(`pathUtils.findTargetJSONById id #${id} not found in source`);\n  }\n};\n\nexport function followPath(\n  source: LayoutModel,\n  path: string\n): LayoutModel | undefined;\nexport function followPath(\n  source: ReactElement,\n  path: string,\n  throwIfNotFound: true\n): ReactElement;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function followPath(source: any, path: any, throwIfNotFound = false) {\n  if (path.startsWith(\"#\")) {\n    return findTargetById(source, path.slice(1), throwIfNotFound);\n  }\n\n  const { \"data-path\": dataPath, path: sourcePath = dataPath } =\n    getProps(source);\n  if (path.indexOf(sourcePath) !== 0) {\n    throw Error(\n      `pathUtils.followPath path ${path} is not within source path ${sourcePath}`\n    );\n  }\n  const route = path.slice(sourcePath.length + 1);\n  if (route === \"\") {\n    return source;\n  }\n\n  let target = source;\n  const paths = route.split(\".\");\n\n  for (let i = 0; i < paths.length; i++) {\n    if (React.Children.count(target.props.children) === 0) {\n      const message = `element at 0.${paths\n        .slice(0, i)\n        .join(\".\")} has no children, so cannot fulfill rest of path ${paths\n        .slice(i)\n        .join(\".\")}`;\n\n      if (throwIfNotFound) {\n        throw Error(message);\n      } else {\n        console.warn(message);\n        return;\n      }\n    }\n\n    target = getChild(target.props.children, parseInt(paths[i]));\n\n    if (target === undefined) {\n      const message = `model at 0.${paths\n        .slice(0, i)\n        .join(\".\")} has no children that fulfill next step of path ${paths\n        .slice(i)\n        .join(\".\")}`;\n\n      if (throwIfNotFound) {\n        throw Error(message);\n      } else {\n        console.warn(message);\n      }\n    }\n  }\n  return target;\n}\n\nexport function nextLeaf(root: ReactElement, path: string) {\n  const parent = followPathToParent(root, path);\n  let pathIndices = path.split(\".\").map((idx) => parseInt(idx, 10));\n  if (parent) {\n    const lastIdx = pathIndices.pop();\n    const { children } = parent.props;\n    if (children.length - 1 > lastIdx!) {\n      return firstLeaf(children[lastIdx! + 1]);\n    } else {\n      const parentIdx = pathIndices.pop();\n      const nextParent = followPathToParent(root, getProp(parent, \"path\"));\n      if (nextParent && typeof parentIdx === \"number\") {\n        pathIndices = nextParent.props.path\n          .split(\".\")\n          .map((idx: string) => parseInt(idx, 10));\n        if (nextParent.props.children.length - 1 > parentIdx) {\n          const nextStep = nextParent.props.children[parentIdx + 1];\n          if (isContainer(typeOf(nextStep) as string)) {\n            return firstLeaf(nextStep);\n          } else {\n            return nextStep;\n          }\n        }\n      }\n    }\n  }\n\n  return firstLeaf(root);\n}\n\nexport function previousLeaf(root: ReactElement, path: string) {\n  const pathIndices = path.split(\".\").map((idx) => parseInt(idx, 10));\n  let lastIdx = pathIndices.pop();\n  let parent = followPathToParent(root, path);\n  if (parent != null && typeof lastIdx === \"number\") {\n    const { children } = parent.props;\n    if (lastIdx > 0) {\n      return lastLeaf(children[lastIdx - 1]);\n    } else {\n      while (pathIndices.length > 1) {\n        lastIdx = pathIndices.pop() as number;\n        parent = followPathToParent(\n          root,\n          getProp(parent, \"path\")\n        ) as ReactElement;\n        if (lastIdx > 0) {\n          const nextStep = parent.props.children[lastIdx - 1];\n          if (isContainer(typeOf(nextStep) as string)) {\n            return lastLeaf(nextStep);\n          }\n          return nextStep;\n        }\n      }\n    }\n  }\n  return lastLeaf(root);\n}\n\nfunction firstLeaf(layoutRoot: ReactElement): ReactElement {\n  if (isContainer(typeOf(layoutRoot) as string)) {\n    const { children } = layoutRoot.props || layoutRoot;\n    return firstLeaf(children[0]);\n  }\n  return layoutRoot;\n}\n\nfunction lastLeaf(root: ReactElement): ReactElement {\n  if (isContainer(typeOf(root) as string)) {\n    const { children } = root.props || root;\n    return lastLeaf(children[children.length - 1]);\n  }\n  return root;\n}\n\ntype NextStepResult = {\n  idx: number;\n  finalStep: boolean;\n};\n\nexport function nextStep(\n  pathSoFar: string,\n  targetPath: string,\n  followPathToEnd = false\n): NextStepResult {\n  if (pathSoFar === targetPath) {\n    return { idx: -1, finalStep: true };\n  }\n\n  const pathVisited = `${pathSoFar}.`;\n  if (!targetPath.startsWith(pathVisited)) {\n    throw Error(\"pathUtils nextStep has strayed from the path\");\n  }\n\n  const endOfTheLine = followPathToEnd ? 0 : 1;\n  const paths = targetPath\n    .replace(pathVisited, \"\")\n    .split(\".\")\n    .map((n) => parseInt(n, 10));\n  return { idx: paths[0], finalStep: paths.length === endOfTheLine };\n}\n\nexport function resetPath(\n  model: ReactElement,\n  path: string,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  additionalProps?: any\n): ReactElement {\n  if (getProp(model, \"path\") === path) {\n    return model;\n  }\n  const children: ReactElement[] = [];\n  React.Children.forEach(model.props.children, (child, i) => {\n    if (!getProp(child, \"path\")) {\n      children.push(child);\n    } else {\n      children.push(resetPath(child, `${path}.${i}`));\n    }\n  });\n  const pathPropName = model.props[\"data-path\"] ? \"data-path\" : \"path\";\n  return React.cloneElement(\n    model,\n    { [pathPropName]: path, ...additionalProps },\n    children\n  );\n}\n"],"names":["path","nextStep"],"mappings":"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"}

package/esm/utils/propUtils.js

@@ -0,0 +1,23 @@
+const NO_PROPS = {};
+const getProp = (component, propName) => {
+  const props = getProps(component);
+  return props[propName] ?? props[`data-${propName}`];
+};
+const getProps = (component) => component?.props || component || NO_PROPS;
+const getChildProp = (container) => {
+  const props = getProps(container);
+  if (props.children) {
+    const {
+      children: [target, ...rest]
+    } = props;
+    if (rest.length > 0) {
+      console.warn(
+        `getChild expected a single child, found ${rest.length + 1}`
+      );
+    }
+    return target;
+  }
+};
+
+export { getChildProp, getProp, getProps };
+//# sourceMappingURL=propUtils.js.map

package/esm/utils/propUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"propUtils.js","sources":["../../src/utils/propUtils.ts"],"sourcesContent":["import { ReactElement } from \"react\";\nimport { LayoutModel } from \"../layout-reducer\";\n\nconst NO_PROPS = {};\nexport const getProp = (\n  component: LayoutModel | undefined,\n  propName: string\n) => {\n  const props = getProps(component);\n  return props[propName] ?? props[`data-${propName}`];\n};\n\nexport const getProps = (component?: LayoutModel) =>\n  component?.props || component || NO_PROPS;\n\nexport const getChildProp = (container: LayoutModel) => {\n  const props = getProps(container);\n  if (props.children) {\n    const {\n      children: [target, ...rest],\n    } = props;\n    if (rest.length > 0) {\n      console.warn(\n        `getChild expected a single child, found ${rest.length + 1}`\n      );\n    }\n    return target as ReactElement;\n  }\n};\n"],"names":[],"mappings":"AAGA,MAAM,WAAW,EAAC,CAAA;AACL,MAAA,OAAA,GAAU,CACrB,SAAA,EACA,QACG,KAAA;AACH,EAAM,MAAA,KAAA,GAAQ,SAAS,SAAS,CAAA,CAAA;AAChC,EAAA,OAAO,MAAM,QAAQ,CAAA,IAAK,KAAM,CAAA,CAAA,KAAA,EAAQ,QAAQ,CAAE,CAAA,CAAA,CAAA;AACpD,EAAA;AAEO,MAAM,QAAW,GAAA,CAAC,SACvB,KAAA,SAAA,EAAW,SAAS,SAAa,IAAA,SAAA;AAEtB,MAAA,YAAA,GAAe,CAAC,SAA2B,KAAA;AACtD,EAAM,MAAA,KAAA,GAAQ,SAAS,SAAS,CAAA,CAAA;AAChC,EAAA,IAAI,MAAM,QAAU,EAAA;AAClB,IAAM,MAAA;AAAA,MACJ,QAAU,EAAA,CAAC,MAAQ,EAAA,GAAG,IAAI,CAAA;AAAA,KACxB,GAAA,KAAA,CAAA;AACJ,IAAI,IAAA,IAAA,CAAK,SAAS,CAAG,EAAA;AACnB,MAAQ,OAAA,CAAA,IAAA;AAAA,QACN,CAAA,wCAAA,EAA2C,IAAK,CAAA,MAAA,GAAS,CAAC,CAAA,CAAA;AAAA,OAC5D,CAAA;AAAA,KACF;AACA,IAAO,OAAA,MAAA,CAAA;AAAA,GACT;AACF;;;;"}

package/esm/utils/refUtils.js

@@ -0,0 +1,10 @@
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+}
+
+export { setRef };
+//# sourceMappingURL=refUtils.js.map

package/esm/utils/refUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refUtils.js","sources":["../../src/utils/refUtils.ts"],"sourcesContent":["import { MutableRefObject } from \"react\";\n\nexport function setRef<T>(\n  ref:\n    | MutableRefObject<T | null>\n    | ((instance: T | null) => void)\n    | null\n    | undefined,\n  value: T | null\n): void {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n}\n"],"names":[],"mappings":"AAEgB,SAAA,MAAA,CACd,KAKA,KACM,EAAA;AACN,EAAI,IAAA,OAAO,QAAQ,UAAY,EAAA;AAC7B,IAAA,GAAA,CAAI,KAAK,CAAA,CAAA;AAAA,aACA,GAAK,EAAA;AACd,IAAA,GAAA,CAAI,OAAU,GAAA,KAAA,CAAA;AAAA,GAChB;AACF;;;;"}

package/esm/utils/styleUtils.js

@@ -0,0 +1,13 @@
+const expandFlex = (flex) => {
+  if (typeof flex !== "number") {
+    throw Error(`"no support yet for flex value ${flex}`);
+  }
+  return {
+    flexBasis: 0,
+    flexGrow: 1,
+    flexShrink: 1
+  };
+};
+
+export { expandFlex };
+//# sourceMappingURL=styleUtils.js.map

package/esm/utils/styleUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleUtils.js","sources":["../../src/utils/styleUtils.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nexport type CSSFlexProperties = Pick<CSSProperties, 'flexBasis' | 'flexGrow' | 'flexShrink'>;\n\nexport const expandFlex = (flex: number | CSSFlexProperties): CSSFlexProperties => {\n  if (typeof flex !== 'number') {\n    throw Error(`\"no support yet for flex value ${flex}`);\n  }\n  return {\n    flexBasis: 0,\n    flexGrow: 1,\n    flexShrink: 1\n  };\n};\n"],"names":[],"mappings":"AAGa,MAAA,UAAA,GAAa,CAAC,IAAwD,KAAA;AACjF,EAAI,IAAA,OAAO,SAAS,QAAU,EAAA;AAC5B,IAAM,MAAA,KAAA,CAAM,CAAkC,+BAAA,EAAA,IAAI,CAAE,CAAA,CAAA,CAAA;AAAA,GACtD;AACA,EAAO,OAAA;AAAA,IACL,SAAW,EAAA,CAAA;AAAA,IACX,QAAU,EAAA,CAAA;AAAA,IACV,UAAY,EAAA,CAAA;AAAA,GACd,CAAA;AACF;;;;"}

package/esm/utils/typeOf.js

@@ -0,0 +1,23 @@
+function typeOf(element) {
+  if (element) {
+    const type = element.type;
+    if (typeof type === "function" || typeof type === "object") {
+      const elementName = type.displayName || type.name || type.type?.name;
+      if (typeof elementName === "string") {
+        return elementName;
+      }
+    }
+    if (typeof element.type === "string") {
+      return element.type;
+    }
+    if (element.constructor) {
+      return element.constructor.displayName;
+    }
+    throw Error(`typeOf unable to determine type of element`);
+  }
+}
+const isTypeOf = (element, type) => typeOf(element) === type;
+const isLayoutJSON = (layout) => layout !== void 0 && "type" in layout;
+
+export { isLayoutJSON, isTypeOf, typeOf };
+//# sourceMappingURL=typeOf.js.map

package/esm/utils/typeOf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeOf.js","sources":["../../src/utils/typeOf.ts"],"sourcesContent":["import { ReactElement } from 'react';\nimport { LayoutJSON, LayoutModel, WithType } from '../layout-reducer';\n\nexport function typeOf(element?: LayoutModel | WithType): string | undefined {\n  if (element) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const type = element.type as any;\n    if (typeof type === 'function' || typeof type === 'object') {\n      const elementName = type.displayName || type.name || type.type?.name;\n      if (typeof elementName === 'string') {\n        return elementName;\n      }\n    }\n    if (typeof element.type === 'string') {\n      return element.type;\n    }\n    if (element.constructor) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      return (element.constructor as any).displayName as string;\n    }\n    throw Error(`typeOf unable to determine type of element`);\n  }\n}\n\nexport const isTypeOf = (element: ReactElement, type: string) => typeOf(element) === type;\n\nexport const isLayoutJSON = (layout: LayoutJSON): layout is LayoutJSON =>\n  layout !== undefined && \"type\" in layout;\n"],"names":[],"mappings":"AAGO,SAAS,OAAO,OAAsD,EAAA;AAC3E,EAAA,IAAI,OAAS,EAAA;AAEX,IAAA,MAAM,OAAO,OAAQ,CAAA,IAAA,CAAA;AACrB,IAAA,IAAI,OAAO,IAAA,KAAS,UAAc,IAAA,OAAO,SAAS,QAAU,EAAA;AAC1D,MAAA,MAAM,cAAc,IAAK,CAAA,WAAA,IAAe,IAAK,CAAA,IAAA,IAAQ,KAAK,IAAM,EAAA,IAAA,CAAA;AAChE,MAAI,IAAA,OAAO,gBAAgB,QAAU,EAAA;AACnC,QAAO,OAAA,WAAA,CAAA;AAAA,OACT;AAAA,KACF;AACA,IAAI,IAAA,OAAO,OAAQ,CAAA,IAAA,KAAS,QAAU,EAAA;AACpC,MAAA,OAAO,OAAQ,CAAA,IAAA,CAAA;AAAA,KACjB;AACA,IAAA,IAAI,QAAQ,WAAa,EAAA;AAEvB,MAAA,OAAQ,QAAQ,WAAoB,CAAA,WAAA,CAAA;AAAA,KACtC;AACA,IAAA,MAAM,MAAM,CAA4C,0CAAA,CAAA,CAAA,CAAA;AAAA,GAC1D;AACF,CAAA;AAEO,MAAM,WAAW,CAAC,OAAA,EAAuB,IAAiB,KAAA,MAAA,CAAO,OAAO,CAAM,KAAA,KAAA;AAE9E,MAAM,YAAe,GAAA,CAAC,MAC3B,KAAA,MAAA,KAAW,UAAa,MAAU,IAAA;;;;"}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "version": "0.0.26",
+  "description": "VUU Layout Components",
+  "author": "heswell",
+  "license": "Apache-2.0",
+  "types": "types/index.d.ts",
+  "devDependencies": {
+    "@vuu-ui/vuu-data-types": "0.0.26",
+    "@vuu-ui/vuu-filter-types": "0.0.26"
+  },
+  "dependencies": {
+    "@salt-ds/core": "1.17.0",
+    "@salt-ds/styles": "0.2.1",
+    "@salt-ds/window": "0.1.1",
+    "@vuu-ui/vuu-popups": "0.0.26",
+    "@vuu-ui/vuu-table": "0.0.26",
+    "@vuu-ui/vuu-ui-controls": "0.0.26",
+    "@vuu-ui/vuu-utils": "0.0.26"
+  },
+  "peerDependencies": {
+    "clsx": "^2.0.0",
+    "react": ">=17.0.2",
+    "react-dom": ">=17.0.2"
+  },
+  "sideEffects": false,
+  "files": [
+    "README.md",
+    "esm",
+    "cjs",
+    "/types"
+  ],
+  "exports": {
+    ".": {
+      "require": "./cjs/index.js",
+      "import": "./esm/index.js",
+      "types": "./types/index.d.ts"
+    }
+  },
+  "main": "cjs/index.js",
+  "module": "esm/index.js",
+  "name": "@vuu-ui/vuu-layout",
+  "type": "module"
+}

package/types/Component.d.ts

@@ -0,0 +1,7 @@
+import React, { HTMLAttributes } from 'react';
+import './Component.css';
+export interface ComponentProps extends HTMLAttributes<HTMLDivElement> {
+    resizeable?: boolean;
+}
+declare const Component: React.FunctionComponent<ComponentProps>;
+export default Component;

package/types/DraggableLayout.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from "react";
+export interface DraggableLayoutProps extends HTMLAttributes<HTMLDivElement> {
+    dropTarget?: boolean;
+    resizeable?: boolean;
+}
+export declare const DraggableLayout: import("react").ForwardRefExoticComponent<DraggableLayoutProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/debug.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from 'react';
+export declare const tree: (el: ReactElement, depth?: number) => string;

package/types/dock-layout/DockLayout.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactElement } from "react";
+export interface DockLayoutProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactElement[];
+}
+declare const DockLayout: {
+    (props: DockLayoutProps): JSX.Element;
+    displayName: string;
+};
+export default DockLayout;

package/types/dock-layout/Drawer.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from "react";
+export interface DrawerProps extends HTMLAttributes<HTMLDivElement> {
+    clickToOpen?: boolean;
+    defaultOpen?: boolean;
+    inline?: boolean;
+    open?: boolean;
+    peekaboo?: boolean;
+    position?: "left" | "right" | "top" | "bottom";
+    sizeOpen?: number;
+    sizeClosed?: number;
+    toggleButton?: "start" | "end";
+}
+declare const Drawer: {
+    ({ children, className: classNameProp, clickToOpen, defaultOpen, sizeOpen, sizeClosed, style: styleProp, open: openProp, position, inline, onClick, peekaboo, toggleButton, ...props }: DrawerProps): JSX.Element;
+    displayName: string;
+};
+export default Drawer;

package/types/dock-layout/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DockLayout } from "./DockLayout";
+export { default as Drawer } from "./Drawer";

package/types/drag-drop/BoxModel.d.ts

@@ -0,0 +1,143 @@
+import { ReactElement } from "react";
+import { LayoutModel } from "../layout-reducer";
+import { DragDropRect, DropPos, RelativePosition } from "./dragDropTypes";
+export declare const positionValues: {
+    north: number;
+    east: number;
+    south: number;
+    west: number;
+    header: number;
+    centre: number;
+    absolute: number;
+};
+export declare const RelativeDropPosition: {
+    AFTER: RelativePosition;
+    BEFORE: RelativePosition;
+};
+export declare const Position: Readonly<{
+    North: Readonly<{
+        offset: number;
+        valueOf: () => number;
+        toString: () => "header" | "absolute" | "north" | "east" | "south" | "west" | "centre";
+        North: boolean;
+        South: boolean;
+        East: boolean;
+        West: boolean;
+        Header: boolean;
+        Centre: boolean;
+        NorthOrSouth: boolean;
+        EastOrWest: boolean;
+        NorthOrWest: boolean;
+        SouthOrEast: boolean;
+        Absolute: boolean;
+    }>;
+    East: Readonly<{
+        offset: number;
+        valueOf: () => number;
+        toString: () => "header" | "absolute" | "north" | "east" | "south" | "west" | "centre";
+        North: boolean;
+        South: boolean;
+        East: boolean;
+        West: boolean;
+        Header: boolean;
+        Centre: boolean;
+        NorthOrSouth: boolean;
+        EastOrWest: boolean;
+        NorthOrWest: boolean;
+        SouthOrEast: boolean;
+        Absolute: boolean;
+    }>;
+    South: Readonly<{
+        offset: number;
+        valueOf: () => number;
+        toString: () => "header" | "absolute" | "north" | "east" | "south" | "west" | "centre";
+        North: boolean;
+        South: boolean;
+        East: boolean;
+        West: boolean;
+        Header: boolean;
+        Centre: boolean;
+        NorthOrSouth: boolean;
+        EastOrWest: boolean;
+        NorthOrWest: boolean;
+        SouthOrEast: boolean;
+        Absolute: boolean;
+    }>;
+    West: Readonly<{
+        offset: number;
+        valueOf: () => number;
+        toString: () => "header" | "absolute" | "north" | "east" | "south" | "west" | "centre";
+        North: boolean;
+        South: boolean;
+        East: boolean;
+        West: boolean;
+        Header: boolean;
+        Centre: boolean;
+        NorthOrSouth: boolean;
+        EastOrWest: boolean;
+        NorthOrWest: boolean;
+        SouthOrEast: boolean;
+        Absolute: boolean;
+    }>;
+    Header: Readonly<{
+        offset: number;
+        valueOf: () => number;
+        toString: () => "header" | "absolute" | "north" | "east" | "south" | "west" | "centre";
+        North: boolean;
+        South: boolean;
+        East: boolean;
+        West: boolean;
+        Header: boolean;
+        Centre: boolean;
+        NorthOrSouth: boolean;
+        EastOrWest: boolean;
+        NorthOrWest: boolean;
+        SouthOrEast: boolean;
+        Absolute: boolean;
+    }>;
+    Centre: Readonly<{
+        offset: number;
+        valueOf: () => number;
+        toString: () => "header" | "absolute" | "north" | "east" | "south" | "west" | "centre";
+        North: boolean;
+        South: boolean;
+        East: boolean;
+        West: boolean;
+        Header: boolean;
+        Centre: boolean;
+        NorthOrSouth: boolean;
+        EastOrWest: boolean;
+        NorthOrWest: boolean;
+        SouthOrEast: boolean;
+        Absolute: boolean;
+    }>;
+    Absolute: Readonly<{
+        offset: number;
+        valueOf: () => number;
+        toString: () => "header" | "absolute" | "north" | "east" | "south" | "west" | "centre";
+        North: boolean;
+        South: boolean;
+        East: boolean;
+        West: boolean;
+        Header: boolean;
+        Centre: boolean;
+        NorthOrSouth: boolean;
+        EastOrWest: boolean;
+        NorthOrWest: boolean;
+        SouthOrEast: boolean;
+        Absolute: boolean;
+    }>;
+}>;
+export interface Measurements {
+    [key: string]: DragDropRect;
+}
+export declare class BoxModel {
+    static measure(model: ReactElement, dropTargetPaths?: string[]): Measurements;
+    static allBoxesContainingPoint(layout: LayoutModel, measurements: Measurements, x: number, y: number, validDropTargets?: string[]): LayoutModel[];
+}
+export declare function pointPositionWithinRect(x: number, y: number, rect: DragDropRect, borderZone?: number): {
+    pctX: number;
+    pctY: number;
+    closeToTheEdge: number;
+};
+export declare function getPosition(x: number, y: number, rect: DragDropRect, targetOrientation?: "row" | "column"): DropPos;