@salt-ds/lab 1.0.0-alpha.1 → 1.0.0-alpha.100

package/dist-cjs/packages/lab/src/tokenized-input/internal/InputRuler.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".saltInputRuler {\n  position: absolute;\n  left: 0;\n  white-space: nowrap;\n  visibility: hidden;\n  overflow: hidden;\n  max-width: 100%;\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=InputRuler.css.js.map

package/dist-cjs/packages/lab/src/tokenized-input/internal/InputRuler.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputRuler.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist-cjs/packages/lab/src/tokenized-input/internal/InputRuler.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@salt-ds/core');
-require('./InputRuler.css.js');
-
-const withBaseName = core.makePrefixer("saltInputRuler");
-const InputRuler = React.forwardRef(function InputRuler2(props, ref) {
-  const { value } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx("span", {
-    className: withBaseName(),
-    ref,
-    children: value
-  });
-});
-
-exports.InputRuler = InputRuler;
-//# sourceMappingURL=InputRuler.js.map

package/dist-cjs/packages/lab/src/tokenized-input/internal/InputRuler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputRuler.js","sources":["../src/tokenized-input/internal/InputRuler.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, InputHTMLAttributes } from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport \"./InputRuler.css\";\n\nconst withBaseName = makePrefixer(\"saltInputRuler\");\n\n/**\n * This hidden component is used to wrap a copy of an input value\n * so that we can use it to determine the input width dynamically\n */\nexport const InputRuler = forwardRef(function InputRuler(\n  props: { value: InputHTMLAttributes<HTMLInputElement>[\"value\"] },\n  ref: ForwardedRef<HTMLSpanElement>\n) {\n  const { value } = props;\n\n  return (\n    <span className={withBaseName()} ref={ref}>\n      {value}\n    </span>\n  );\n});\n"],"names":["makePrefixer","forwardRef","InputRuler","jsx"],"mappings":";;;;;;;;;AAIA,MAAM,YAAA,GAAeA,kBAAa,gBAAgB,CAAA,CAAA;AAM3C,MAAM,UAAa,GAAAC,gBAAA,CAAW,SAASC,WAAAA,CAC5C,OACA,GACA,EAAA;AACA,EAAM,MAAA,EAAE,OAAU,GAAA,KAAA,CAAA;AAElB,EAAA,uBACGC,cAAA,CAAA,MAAA,EAAA;AAAA,IAAK,WAAW,YAAa,EAAA;AAAA,IAAG,GAAA;AAAA,IAC9B,QAAA,EAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/packages/lab/src/tokenized-input/internal/calcFirstHiddenIndex.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function calcFirstHiddenIndex({
-  containerWidth = 0,
-  pillWidths = []
-} = {}) {
-  let totalWidth = 0;
-  let firstHiddenIndex = null;
-  for (let i = 0; i < pillWidths.length; i++) {
-    totalWidth += pillWidths[i];
-    if (totalWidth > containerWidth) {
-      firstHiddenIndex = i;
-      break;
-    }
-  }
-  return firstHiddenIndex;
-}
-
-exports.calcFirstHiddenIndex = calcFirstHiddenIndex;
-//# sourceMappingURL=calcFirstHiddenIndex.js.map

package/dist-cjs/packages/lab/src/tokenized-input/internal/calcFirstHiddenIndex.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"calcFirstHiddenIndex.js","sources":["../src/tokenized-input/internal/calcFirstHiddenIndex.ts"],"sourcesContent":["export function calcFirstHiddenIndex({\n  containerWidth = 0,\n  pillWidths = [],\n}: { containerWidth?: number; pillWidths?: number[] } = {}) {\n  let totalWidth = 0;\n  let firstHiddenIndex: null | number = null;\n\n  for (let i = 0; i < pillWidths.length; i++) {\n    totalWidth += pillWidths[i];\n\n    if (totalWidth > containerWidth) {\n      firstHiddenIndex = i;\n      break;\n    }\n  }\n\n  return firstHiddenIndex;\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,oBAAqB,CAAA;AAAA,EACnC,cAAiB,GAAA,CAAA;AAAA,EACjB,aAAa,EAAC;AAChB,CAAA,GAAwD,EAAI,EAAA;AAC1D,EAAA,IAAI,UAAa,GAAA,CAAA,CAAA;AACjB,EAAA,IAAI,gBAAkC,GAAA,IAAA,CAAA;AAEtC,EAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,UAAA,CAAW,QAAQ,CAAK,EAAA,EAAA;AAC1C,IAAA,UAAA,IAAc,UAAW,CAAA,CAAA,CAAA,CAAA;AAEzB,IAAA,IAAI,aAAa,cAAgB,EAAA;AAC/B,MAAmB,gBAAA,GAAA,CAAA,CAAA;AACnB,MAAA,MAAA;AAAA,KACF;AAAA,GACF;AAEA,EAAO,OAAA,gBAAA,CAAA;AACT;;;;"}

package/dist-cjs/packages/lab/src/tokenized-input/internal/defaultItemToString.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var isPlainObject = require('./isPlainObject.js');
-
-const defaultItemToString = (item) => {
-  if (!isPlainObject.isPlainObject(item)) {
-    return String(item);
-  }
-  if (Object.prototype.hasOwnProperty.call(item, "label")) {
-    return String(item.label);
-  }
-  if (process.env.NODE_ENV !== "production") {
-    console.warn(
-      [
-        "itemToString: you've likely forgotten to set the label prop on the item object.",
-        "You can also provide your own `itemToString` implementation."
-      ].join("\n")
-    );
-  }
-  return "";
-};
-
-exports.defaultItemToString = defaultItemToString;
-//# sourceMappingURL=defaultItemToString.js.map

package/dist-cjs/packages/lab/src/tokenized-input/internal/defaultItemToString.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultItemToString.js","sources":["../src/tokenized-input/internal/defaultItemToString.ts"],"sourcesContent":["import { isPlainObject } from \"./isPlainObject\";\n\nexport const defaultItemToString = (item: any) => {\n  if (!isPlainObject(item)) {\n    return String(item);\n  }\n\n  if (Object.prototype.hasOwnProperty.call(item, \"label\")) {\n    return String(item.label);\n  }\n\n  if (process.env.NODE_ENV !== \"production\") {\n    console.warn(\n      [\n        \"itemToString: you've likely forgotten to set the label prop on the item object.\",\n        \"You can also provide your own `itemToString` implementation.\",\n      ].join(\"\\n\")\n    );\n  }\n\n  return \"\";\n};\n"],"names":["isPlainObject"],"mappings":";;;;;;AAEa,MAAA,mBAAA,GAAsB,CAAC,IAAc,KAAA;AAChD,EAAI,IAAA,CAACA,2BAAc,CAAA,IAAI,CAAG,EAAA;AACxB,IAAA,OAAO,OAAO,IAAI,CAAA,CAAA;AAAA,GACpB;AAEA,EAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,IAAA,EAAM,OAAO,CAAG,EAAA;AACvD,IAAO,OAAA,MAAA,CAAO,KAAK,KAAK,CAAA,CAAA;AAAA,GAC1B;AAEA,EAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,IAAQ,OAAA,CAAA,IAAA;AAAA,MACN;AAAA,QACE,iFAAA;AAAA,QACA,8DAAA;AAAA,OACF,CAAE,KAAK,IAAI,CAAA;AAAA,KACb,CAAA;AAAA,GACF;AAEA,EAAO,OAAA,EAAA,CAAA;AACT;;;;"}

package/dist-cjs/packages/lab/src/tokenized-input/internal/getCursorPosition.js

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const getCursorPosition = (inputRef) => {
-  if (inputRef.current) {
-    const { selectionStart, selectionEnd } = inputRef.current;
-    if (selectionStart != null && selectionStart === selectionEnd) {
-      return selectionStart;
-    }
-  }
-  return -1;
-};
-
-exports.getCursorPosition = getCursorPosition;
-//# sourceMappingURL=getCursorPosition.js.map

package/dist-cjs/packages/lab/src/tokenized-input/internal/getCursorPosition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getCursorPosition.js","sources":["../src/tokenized-input/internal/getCursorPosition.ts"],"sourcesContent":["import { MutableRefObject } from \"react\";\nexport const getCursorPosition = (\n  inputRef: MutableRefObject<HTMLInputElement | null>\n) => {\n  if (inputRef.current) {\n    const { selectionStart, selectionEnd } = inputRef.current;\n\n    // if there is no selection range\n    if (selectionStart != null && selectionStart === selectionEnd) {\n      return selectionStart;\n    }\n  }\n\n  return -1;\n};\n"],"names":[],"mappings":";;;;AACa,MAAA,iBAAA,GAAoB,CAC/B,QACG,KAAA;AACH,EAAA,IAAI,SAAS,OAAS,EAAA;AACpB,IAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,QAAS,CAAA,OAAA,CAAA;AAGlD,IAAI,IAAA,cAAA,IAAkB,IAAQ,IAAA,cAAA,KAAmB,YAAc,EAAA;AAC7D,MAAO,OAAA,cAAA,CAAA;AAAA,KACT;AAAA,GACF;AAEA,EAAO,OAAA,CAAA,CAAA,CAAA;AACT;;;;"}

package/dist-cjs/packages/lab/src/tokenized-input/internal/isPlainObject.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const isPlainObject = (obj) => Object.prototype.toString.call(obj) === "[object Object]";
-
-exports.isPlainObject = isPlainObject;
-//# sourceMappingURL=isPlainObject.js.map

package/dist-cjs/packages/lab/src/tokenized-input/internal/isPlainObject.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isPlainObject.js","sources":["../src/tokenized-input/internal/isPlainObject.ts"],"sourcesContent":["export type PlainObject = { [name: string]: any };\n\nexport const isPlainObject = (obj: any): obj is PlainObject =>\n  Object.prototype.toString.call(obj) === \"[object Object]\";\n"],"names":[],"mappings":";;;;AAEa,MAAA,aAAA,GAAgB,CAAC,GAC5B,KAAA,MAAA,CAAO,UAAU,QAAS,CAAA,IAAA,CAAK,GAAG,CAAM,KAAA;;;;"}

package/dist-cjs/packages/lab/src/tokenized-input/internal/useResizeObserver.js

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@salt-ds/core');
-var React = require('react');
-
-function useResizeObserver(onSizeChange) {
-  const ref = React.useRef(null);
-  React.useEffect(() => {
-    if (!ref.current) {
-      return void 0;
-    }
-    const observer = new ResizeObserver(onSizeChange);
-    observer.observe(ref.current);
-    return () => {
-      observer.disconnect();
-    };
-  }, [onSizeChange]);
-  core.useIsomorphicLayoutEffect(() => {
-    if (ref.current) {
-      onSizeChange([
-        {
-          target: ref.current,
-          contentRect: ref.current.getBoundingClientRect(),
-          borderBoxSize: [],
-          contentBoxSize: [],
-          devicePixelContentBoxSize: []
-        }
-      ]);
-    }
-  }, [onSizeChange]);
-  return ref;
-}
-
-exports.useResizeObserver = useResizeObserver;
-//# sourceMappingURL=useResizeObserver.js.map

package/dist-cjs/packages/lab/src/tokenized-input/internal/useResizeObserver.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useResizeObserver.js","sources":["../src/tokenized-input/internal/useResizeObserver.ts"],"sourcesContent":["// TODO: Use resize observer from Tabstrip / Toolbar\n\nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useRef, useEffect, Ref } from \"react\";\n\n/**\n * This monitors the size of a component and calls `onSizeChange` callback\n * every time when size changes.\n */\nexport function useResizeObserver<Element extends HTMLElement>(\n  onSizeChange: (\n    entries: ResizeObserverEntry[],\n    observer?: ResizeObserver\n  ) => void\n): Ref<Element> {\n  const ref = useRef<Element>(null);\n\n  useEffect(() => {\n    if (!ref.current) {\n      return undefined;\n    }\n\n    const observer = new ResizeObserver(onSizeChange);\n    observer.observe(ref.current);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [onSizeChange]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (ref.current) {\n      onSizeChange([\n        {\n          target: ref.current,\n          contentRect: ref.current.getBoundingClientRect(),\n          borderBoxSize: [],\n          contentBoxSize: [],\n          devicePixelContentBoxSize: [],\n        },\n      ]);\n    }\n  }, [onSizeChange]);\n\n  return ref;\n}\n"],"names":["useRef","useEffect","useIsomorphicLayoutEffect"],"mappings":";;;;;;;AASO,SAAS,kBACd,YAIc,EAAA;AACd,EAAM,MAAA,GAAA,GAAMA,aAAgB,IAAI,CAAA,CAAA;AAEhC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAI,IAAA,CAAC,IAAI,OAAS,EAAA;AAChB,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,KACT;AAEA,IAAM,MAAA,QAAA,GAAW,IAAI,cAAA,CAAe,YAAY,CAAA,CAAA;AAChD,IAAS,QAAA,CAAA,OAAA,CAAQ,IAAI,OAAO,CAAA,CAAA;AAE5B,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,UAAW,EAAA,CAAA;AAAA,KACtB,CAAA;AAAA,GACF,EAAG,CAAC,YAAY,CAAC,CAAA,CAAA;AAEjB,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,IAAI,OAAS,EAAA;AACf,MAAa,YAAA,CAAA;AAAA,QACX;AAAA,UACE,QAAQ,GAAI,CAAA,OAAA;AAAA,UACZ,WAAA,EAAa,GAAI,CAAA,OAAA,CAAQ,qBAAsB,EAAA;AAAA,UAC/C,eAAe,EAAC;AAAA,UAChB,gBAAgB,EAAC;AAAA,UACjB,2BAA2B,EAAC;AAAA,SAC9B;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA,GACF,EAAG,CAAC,YAAY,CAAC,CAAA,CAAA;AAEjB,EAAO,OAAA,GAAA,CAAA;AACT;;;;"}

package/dist-cjs/packages/lab/src/tokenized-input/internal/useWidth.js

@@ -1,39 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var core = require('@salt-ds/core');
-
-const safeParseFloat = (target) => parseFloat(target || "0");
-const getWidth = (node) => {
-  if (node == null) {
-    return 0;
-  }
-  const style = window.getComputedStyle(node);
-  const margin = safeParseFloat(style.marginLeft) + safeParseFloat(style.marginRight);
-  let dimension;
-  if (style.display === "none") {
-    const nodeDisplay = node.style.display;
-    node.style.display = "inline-block";
-    dimension = node.getBoundingClientRect();
-    node.style.display = nodeDisplay;
-  } else {
-    dimension = node.getBoundingClientRect();
-  }
-  return dimension.width + margin;
-};
-const useWidth = (density) => {
-  const [node, setNode] = React.useState(null);
-  const [width, setWidth] = React.useState(0);
-  core.useIsomorphicLayoutEffect(() => {
-    if (node !== null) {
-      setWidth(getWidth(node));
-    }
-  }, [node, density]);
-  return [setNode, width];
-};
-
-exports.getWidth = getWidth;
-exports.useWidth = useWidth;
-//# sourceMappingURL=useWidth.js.map

package/dist-cjs/packages/lab/src/tokenized-input/internal/useWidth.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWidth.js","sources":["../src/tokenized-input/internal/useWidth.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { Density, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\n\nconst safeParseFloat = (target?: string) => parseFloat(target || \"0\");\n\nexport const getWidth = (node: HTMLElement | null) => {\n  if (node == null) {\n    return 0;\n  }\n\n  const style = window.getComputedStyle(node);\n  const margin =\n    safeParseFloat(style.marginLeft) + safeParseFloat(style.marginRight);\n\n  let dimension;\n\n  if (style.display === \"none\") {\n    const nodeDisplay = node.style.display;\n\n    node.style.display = \"inline-block\";\n    dimension = node.getBoundingClientRect();\n    node.style.display = nodeDisplay;\n  } else {\n    dimension = node.getBoundingClientRect();\n  }\n\n  return dimension.width + margin;\n};\n\n/**\n * This records the width of a component when it's rendered\n */\nexport const useWidth = (\n  density: Density\n): [(newNode: any) => void, number] => {\n  const [node, setNode] = useState<HTMLElement | null>(null);\n  const [width, setWidth] = useState<number>(0);\n\n  useIsomorphicLayoutEffect(() => {\n    if (node !== null) {\n      setWidth(getWidth(node));\n    }\n  }, [node, density]);\n\n  return [setNode, width];\n};\n"],"names":["useState","useIsomorphicLayoutEffect"],"mappings":";;;;;;;AAGA,MAAM,cAAiB,GAAA,CAAC,MAAoB,KAAA,UAAA,CAAW,UAAU,GAAG,CAAA,CAAA;AAEvD,MAAA,QAAA,GAAW,CAAC,IAA6B,KAAA;AACpD,EAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,IAAO,OAAA,CAAA,CAAA;AAAA,GACT;AAEA,EAAM,MAAA,KAAA,GAAQ,MAAO,CAAA,gBAAA,CAAiB,IAAI,CAAA,CAAA;AAC1C,EAAA,MAAM,SACJ,cAAe,CAAA,KAAA,CAAM,UAAU,CAAI,GAAA,cAAA,CAAe,MAAM,WAAW,CAAA,CAAA;AAErE,EAAI,IAAA,SAAA,CAAA;AAEJ,EAAI,IAAA,KAAA,CAAM,YAAY,MAAQ,EAAA;AAC5B,IAAM,MAAA,WAAA,GAAc,KAAK,KAAM,CAAA,OAAA,CAAA;AAE/B,IAAA,IAAA,CAAK,MAAM,OAAU,GAAA,cAAA,CAAA;AACrB,IAAA,SAAA,GAAY,KAAK,qBAAsB,EAAA,CAAA;AACvC,IAAA,IAAA,CAAK,MAAM,OAAU,GAAA,WAAA,CAAA;AAAA,GAChB,MAAA;AACL,IAAA,SAAA,GAAY,KAAK,qBAAsB,EAAA,CAAA;AAAA,GACzC;AAEA,EAAA,OAAO,UAAU,KAAQ,GAAA,MAAA,CAAA;AAC3B,EAAA;AAKa,MAAA,QAAA,GAAW,CACtB,OACqC,KAAA;AACrC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIA,eAA6B,IAAI,CAAA,CAAA;AACzD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,eAAiB,CAAC,CAAA,CAAA;AAE5C,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,SAAS,IAAM,EAAA;AACjB,MAAS,QAAA,CAAA,QAAA,CAAS,IAAI,CAAC,CAAA,CAAA;AAAA,KACzB;AAAA,GACC,EAAA,CAAC,IAAM,EAAA,OAAO,CAAC,CAAA,CAAA;AAElB,EAAO,OAAA,CAAC,SAAS,KAAK,CAAA,CAAA;AACxB;;;;;"}