@vuu-ui/vuu-ui-controls 0.13.2 → 0.13.3

package/esm/list/ListItem.js

@@ -1,81 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import cx from 'clsx';
-import { Checkbox } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { Highlighter } from './Highlighter.js';
-import listItemCss from './ListItem.css.js';
-
-const classBase = "vuuListItem";
-const ListItemProxy = forwardRef(function ListItemProxy2({
-  height,
-  ...htmlAttributes
-}, forwardedRef) {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-list-item",
-    css: listItemCss,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...htmlAttributes,
-      "aria-hidden": true,
-      className: cx(classBase, `${classBase}-proxy`),
-      ref: forwardedRef,
-      style: { height }
-    }
-  );
-});
-const ListItem = forwardRef(
-  function ListItem2({
-    children,
-    className: classNameProp,
-    disabled,
-    tabIndex,
-    item,
-    itemHeight,
-    itemTextHighlightPattern,
-    label,
-    selectable: _notUsed,
-    selected,
-    showCheckbox,
-    style: styleProp,
-    ...props
-  }, forwardedRef) {
-    const className = cx(classBase, classNameProp, {
-      vuuDisabled: disabled,
-      [`${classBase}-checkbox`]: showCheckbox
-    });
-    const style = itemHeight !== void 0 ? {
-      ...styleProp,
-      height: itemHeight
-    } : styleProp;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className,
-        ...props,
-        "aria-disabled": disabled || void 0,
-        "aria-selected": selected || void 0,
-        ref: forwardedRef,
-        style,
-        children: [
-          showCheckbox && /* @__PURE__ */ jsx(Checkbox, { "aria-hidden": true, checked: selected }),
-          children && typeof children !== "string" ? children : itemTextHighlightPattern == null ? /* @__PURE__ */ jsx("span", { className: `${classBase}-textWrapper`, children: label || children }) : /* @__PURE__ */ jsx(
-            Highlighter,
-            {
-              matchPattern: itemTextHighlightPattern,
-              text: label || children
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-
-export { ListItem, ListItemProxy };
-//# sourceMappingURL=ListItem.js.map

package/esm/list/ListItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItem.js","sources":["../../src/list/ListItem.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, HTMLAttributes } from \"react\";\nimport cx from \"clsx\";\nimport { Checkbox } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ListItemProps, ListItemType } from \"./listTypes\";\nimport { Highlighter } from \"./Highlighter\";\n\nimport listItemCss from \"./ListItem.css\";\n\nconst classBase = \"vuuListItem\";\n\n// A dummy ListItem rendered once and not visible. We measure this to\n// determine height of ListItem and monitor it for size changes (in\n// case of runtime density switch). This allows ListItem height to\n// be controlled purely through CSS.\nexport const ListItemProxy = forwardRef(function ListItemProxy(\n  {\n    height,\n    ...htmlAttributes\n  }: HTMLAttributes<HTMLDivElement> & {\n    height?: number;\n  },\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-list-item\",\n    css: listItemCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      {...htmlAttributes}\n      aria-hidden\n      className={cx(classBase, `${classBase}-proxy`)}\n      ref={forwardedRef}\n      style={{ height }}\n    />\n  );\n});\n\n// Note: the memo is effective if List label is passed as simple string\n// If children are used, it is the responsibility of caller to memoise\n// these if performance on highlight is perceived to be an issue.\nexport const ListItem = forwardRef<HTMLDivElement, ListItemProps>(\n  function ListItem(\n    {\n      children,\n      className: classNameProp,\n      disabled,\n      tabIndex,\n      item,\n      itemHeight,\n      itemTextHighlightPattern,\n      label,\n      selectable: _notUsed,\n      selected,\n      showCheckbox,\n      style: styleProp,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const className = cx(classBase, classNameProp, {\n      vuuDisabled: disabled,\n      [`${classBase}-checkbox`]: showCheckbox,\n    });\n    const style =\n      itemHeight !== undefined\n        ? {\n            ...styleProp,\n            height: itemHeight,\n          }\n        : styleProp;\n\n    return (\n      <div\n        className={className}\n        {...props}\n        aria-disabled={disabled || undefined}\n        aria-selected={selected || undefined}\n        ref={forwardedRef}\n        style={style}\n      >\n        {showCheckbox && <Checkbox aria-hidden checked={selected} />}\n        {children && typeof children !== \"string\" ? (\n          children\n        ) : itemTextHighlightPattern == null ? (\n          <span className={`${classBase}-textWrapper`}>\n            {label || children}\n          </span>\n        ) : (\n          <Highlighter\n            matchPattern={itemTextHighlightPattern}\n            text={label || (children as string)}\n          />\n        )}\n      </div>\n    );\n  }\n) as ListItemType;\n"],"names":["ListItemProxy","ListItem"],"mappings":";;;;;;;;;AAUA,MAAM,SAAY,GAAA,aAAA;AAML,MAAA,aAAA,GAAgB,UAAW,CAAA,SAASA,cAC/C,CAAA;AAAA,EACE,MAAA;AAAA,EACA,GAAG;AACL,CAAA,EAGA,YACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,eAAA;AAAA,IACR,GAAK,EAAA,WAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,aAAW,EAAA,IAAA;AAAA,MACX,SAAW,EAAA,EAAA,CAAG,SAAW,EAAA,CAAA,EAAG,SAAS,CAAQ,MAAA,CAAA,CAAA;AAAA,MAC7C,GAAK,EAAA,YAAA;AAAA,MACL,KAAA,EAAO,EAAE,MAAO;AAAA;AAAA,GAClB;AAEJ,CAAC;AAKM,MAAM,QAAW,GAAA,UAAA;AAAA,EACtB,SAASC,SACP,CAAA;AAAA,IACE,QAAA;AAAA,IACA,SAAW,EAAA,aAAA;AAAA,IACX,QAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA;AAAA,IACA,wBAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAY,EAAA,QAAA;AAAA,IACZ,QAAA;AAAA,IACA,YAAA;AAAA,IACA,KAAO,EAAA,SAAA;AAAA,IACP,GAAG;AAAA,KAEL,YACA,EAAA;AACA,IAAM,MAAA,SAAA,GAAY,EAAG,CAAA,SAAA,EAAW,aAAe,EAAA;AAAA,MAC7C,WAAa,EAAA,QAAA;AAAA,MACb,CAAC,CAAA,EAAG,SAAS,CAAA,SAAA,CAAW,GAAG;AAAA,KAC5B,CAAA;AACD,IAAM,MAAA,KAAA,GACJ,eAAe,KACX,CAAA,GAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACH,MAAQ,EAAA;AAAA,KAEV,GAAA,SAAA;AAEN,IACE,uBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,iBAAe,QAAY,IAAA,KAAA,CAAA;AAAA,QAC3B,iBAAe,QAAY,IAAA,KAAA,CAAA;AAAA,QAC3B,GAAK,EAAA,YAAA;AAAA,QACL,KAAA;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,YAAA,oBAAiB,GAAA,CAAA,QAAA,EAAA,EAAS,aAAW,EAAA,IAAA,EAAC,SAAS,QAAU,EAAA,CAAA;AAAA,UACzD,QAAY,IAAA,OAAO,QAAa,KAAA,QAAA,GAC/B,WACE,wBAA4B,IAAA,IAAA,mBAC7B,GAAA,CAAA,MAAA,EAAA,EAAK,WAAW,CAAG,EAAA,SAAS,CAC1B,YAAA,CAAA,EAAA,QAAA,EAAA,KAAA,IAAS,UACZ,CAEA,mBAAA,GAAA;AAAA,YAAC,WAAA;AAAA,YAAA;AAAA,cACC,YAAc,EAAA,wBAAA;AAAA,cACd,MAAM,KAAU,IAAA;AAAA;AAAA;AAClB;AAAA;AAAA,KAEJ;AAAA;AAGN;;;;"}

package/esm/list/ListItemGroup.js

@@ -1,4 +0,0 @@
-const ListItemGroup = (_) => null;
-
-export { ListItemGroup };
-//# sourceMappingURL=ListItemGroup.js.map

package/esm/list/ListItemGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemGroup.js","sources":["../../src/list/ListItemGroup.ts"],"sourcesContent":["import { HTMLAttributes, ReactElement } from \"react\";\n\n// Purely used as markers, props will be extracted\nexport interface ListItemGroupProps extends HTMLAttributes<HTMLDivElement> {\n  //   children?: ListItemType | ListItemType[];\n  children?: ReactElement | ReactElement[];\n  label?: string;\n}\nexport const ListItemGroup = (_: ListItemGroupProps) => null;\n"],"names":[],"mappings":"AAQa,MAAA,aAAA,GAAgB,CAAC,CAA0B,KAAA;;;;"}

package/esm/list/ListItemHeader.js

@@ -1,4 +0,0 @@
-const ListItemHeader = (_) => null;
-
-export { ListItemHeader };
-//# sourceMappingURL=ListItemHeader.js.map

package/esm/list/ListItemHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemHeader.js","sources":["../../src/list/ListItemHeader.ts"],"sourcesContent":["import { HTMLAttributes } from \"react\";\n\n// Purely used as markers, props will be extracted\nexport interface ListItemHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  label?: string;\n}\nexport const ListItemHeader = (_: ListItemHeaderProps) => null;\n"],"names":[],"mappings":"AAMa,MAAA,cAAA,GAAiB,CAAC,CAA2B,KAAA;;;;"}

package/esm/list/RadioIcon.css.js

@@ -1,4 +0,0 @@
-var radioIconCss = ".vuuRadioIcon {\n    --vuu-icon-size: 12px;\n    --vuu-icon-left: -1px;\n    --vuu-icon-top: -1px;\n    --vuu-icon-svg: var(--vuu-svg-radio);\n    border-style: solid;\n    border-color: var(--vuuRadioIcon-borderColor, var(--salt-selectable-borderColor));\n    border-radius: 50%;\n    border-width: 1px;\n    display: inline-block;\n    height: var(--vuuRadioIcon-size, 12px);\n    position: relative;\n    width: var(--vuuRadioIcon-size, 12px);\n}\n\n.vuuRadioIcon-checked {\n    background-image: var(--vuu-svg-radio);\n    border: none;\n    background-repeat: no-repeat;\n}\n\n.vuuRadioIcon-checked:after {\n    content: \"\";\n    left: var(--vuu-icon-left, auto);\n    height: var(--vuu-icon-height, var(--vuu-icon-size, 12px));\n    -webkit-mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);\n    mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);\n    mask-repeat: no-repeat;\n    -webkit-mask-repeat: no-repeat;\n    position: absolute;\n    top: var(--vuu-icon-top, auto);\n    width: var(--vuu-icon-width, var(--vuu-icon-size, 12px));\n}\n";
-
-export { radioIconCss as default };
-//# sourceMappingURL=RadioIcon.css.js.map

package/esm/list/RadioIcon.css.js.map

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

package/esm/list/RadioIcon.js

@@ -1,25 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import cx from 'clsx';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import radioIconCss from './RadioIcon.css.js';
-
-const classBase = "vuuRadioIcon";
-const RadioIcon = ({ checked = false, ...htmlAttributes }) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-radio-icon",
-    css: radioIconCss,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      ...htmlAttributes,
-      className: cx(classBase, { [`${classBase}-checked`]: checked })
-    }
-  );
-};
-
-export { RadioIcon };
-//# sourceMappingURL=RadioIcon.js.map

package/esm/list/RadioIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioIcon.js","sources":["../../src/list/RadioIcon.tsx"],"sourcesContent":["import cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport radioIconCss from \"./RadioIcon.css\";\n\nconst classBase = \"vuuRadioIcon\";\n\nexport const RadioIcon = ({ checked = false, ...htmlAttributes }) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-radio-icon\",\n    css: radioIconCss,\n    window: targetWindow,\n  });\n\n  return (\n    <span\n      {...htmlAttributes}\n      className={cx(classBase, { [`${classBase}-checked`]: checked })}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,SAAY,GAAA,cAAA;AAEX,MAAM,YAAY,CAAC,EAAE,UAAU,KAAO,EAAA,GAAG,gBAAqB,KAAA;AACnE,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAA,YAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,EAAE,CAAC,GAAG,SAAS,CAAA,QAAA,CAAU,GAAG,OAAA,EAAS;AAAA;AAAA,GAChE;AAEJ;;;;"}

package/esm/list/common-hooks/keyUtils.js

@@ -1,64 +0,0 @@
-function union(set1, ...sets) {
-  const result = new Set(set1);
-  for (const set of sets) {
-    for (const element of set) {
-      result.add(element);
-    }
-  }
-  return result;
-}
-const ArrowUp = "ArrowUp";
-const ArrowDown = "ArrowDown";
-const ArrowLeft = "ArrowLeft";
-const ArrowRight = "ArrowRight";
-const Enter = "Enter";
-const Escape = "Escape";
-const Home = "Home";
-const End = "End";
-const PageUp = "PageUp";
-const PageDown = "PageDown";
-const Space = " ";
-const actionKeys = /* @__PURE__ */ new Set(["Enter", "Delete", " "]);
-const focusKeys = /* @__PURE__ */ new Set(["Tab"]);
-const arrowLeftRightKeys = /* @__PURE__ */ new Set(["ArrowRight", "ArrowLeft"]);
-const navigationKeys = /* @__PURE__ */ new Set([
-  Home,
-  End,
-  PageUp,
-  PageDown,
-  ArrowDown,
-  ArrowUp
-]);
-const functionKeys = /* @__PURE__ */ new Set([
-  "F1",
-  "F2",
-  "F3",
-  "F4",
-  "F5",
-  "F6",
-  "F7",
-  "F8",
-  "F9",
-  "F10",
-  "F11",
-  "F12"
-]);
-const specialKeys = union(
-  actionKeys,
-  navigationKeys,
-  arrowLeftRightKeys,
-  functionKeys,
-  focusKeys
-);
-const isCharacterKey = (evt) => {
-  if (specialKeys.has(evt.key)) {
-    return false;
-  }
-  return evt.key.length === 1 && !evt.ctrlKey && !evt.metaKey && !evt.altKey;
-};
-const isNavigationKey = ({ key }) => {
-  return navigationKeys.has(key);
-};
-
-export { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, End, Enter, Escape, Home, PageDown, PageUp, Space, isCharacterKey, isNavigationKey };
-//# sourceMappingURL=keyUtils.js.map

package/esm/list/common-hooks/keyUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyUtils.js","sources":["../../../src/list/common-hooks/keyUtils.ts"],"sourcesContent":["import React from \"react\";\n\nfunction union<T>(set1: Set<T>, ...sets: Set<T>[]) {\n  const result = new Set(set1);\n  for (const set of sets) {\n    for (const element of set) {\n      result.add(element);\n    }\n  }\n  return result;\n}\n\nexport const ArrowUp = \"ArrowUp\";\nexport const ArrowDown = \"ArrowDown\";\nexport const ArrowLeft = \"ArrowLeft\";\nexport const ArrowRight = \"ArrowRight\";\nexport const Enter = \"Enter\";\nexport const Escape = \"Escape\";\nexport const Home = \"Home\";\nexport const End = \"End\";\nexport const PageUp = \"PageUp\";\nexport const PageDown = \"PageDown\";\nexport const Space = \" \";\n\nconst actionKeys = new Set([\"Enter\", \"Delete\", \" \"]);\nconst focusKeys = new Set([\"Tab\"]);\nconst arrowLeftRightKeys = new Set([\"ArrowRight\", \"ArrowLeft\"]);\nconst navigationKeys = new Set([\n  Home,\n  End,\n  PageUp,\n  PageDown,\n  ArrowDown,\n  ArrowUp,\n]);\nconst functionKeys = new Set([\n  \"F1\",\n  \"F2\",\n  \"F3\",\n  \"F4\",\n  \"F5\",\n  \"F6\",\n  \"F7\",\n  \"F8\",\n  \"F9\",\n  \"F10\",\n  \"F11\",\n  \"F12\",\n]);\nconst specialKeys = union(\n  actionKeys,\n  navigationKeys,\n  arrowLeftRightKeys,\n  functionKeys,\n  focusKeys\n);\nexport const isCharacterKey = (evt: React.KeyboardEvent): boolean => {\n  if (specialKeys.has(evt.key)) {\n    return false;\n  }\n  return evt.key.length === 1 && !evt.ctrlKey && !evt.metaKey && !evt.altKey;\n};\n\nexport const isNavigationKey = ({ key }: React.KeyboardEvent): boolean => {\n  return navigationKeys.has(key);\n};\n"],"names":[],"mappings":"AAEA,SAAS,KAAA,CAAS,SAAiB,IAAgB,EAAA;AACjD,EAAM,MAAA,MAAA,GAAS,IAAI,GAAA,CAAI,IAAI,CAAA;AAC3B,EAAA,KAAA,MAAW,OAAO,IAAM,EAAA;AACtB,IAAA,KAAA,MAAW,WAAW,GAAK,EAAA;AACzB,MAAA,MAAA,CAAO,IAAI,OAAO,CAAA;AAAA;AACpB;AAEF,EAAO,OAAA,MAAA;AACT;AAEO,MAAM,OAAU,GAAA;AAChB,MAAM,SAAY,GAAA;AAClB,MAAM,SAAY,GAAA;AAClB,MAAM,UAAa,GAAA;AACnB,MAAM,KAAQ,GAAA;AACd,MAAM,MAAS,GAAA;AACf,MAAM,IAAO,GAAA;AACb,MAAM,GAAM,GAAA;AACZ,MAAM,MAAS,GAAA;AACf,MAAM,QAAW,GAAA;AACjB,MAAM,KAAQ,GAAA;AAErB,MAAM,6BAAiB,IAAA,GAAA,CAAI,CAAC,OAAS,EAAA,QAAA,EAAU,GAAG,CAAC,CAAA;AACnD,MAAM,SAAY,mBAAA,IAAI,GAAI,CAAA,CAAC,KAAK,CAAC,CAAA;AACjC,MAAM,qCAAyB,IAAA,GAAA,CAAI,CAAC,YAAA,EAAc,WAAW,CAAC,CAAA;AAC9D,MAAM,cAAA,uBAAqB,GAAI,CAAA;AAAA,EAC7B,IAAA;AAAA,EACA,GAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAC,CAAA;AACD,MAAM,YAAA,uBAAmB,GAAI,CAAA;AAAA,EAC3B,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAC,CAAA;AACD,MAAM,WAAc,GAAA,KAAA;AAAA,EAClB,UAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA;AACa,MAAA,cAAA,GAAiB,CAAC,GAAsC,KAAA;AACnE,EAAA,IAAI,WAAY,CAAA,GAAA,CAAI,GAAI,CAAA,GAAG,CAAG,EAAA;AAC5B,IAAO,OAAA,KAAA;AAAA;AAET,EAAO,OAAA,GAAA,CAAI,GAAI,CAAA,MAAA,KAAW,CAAK,IAAA,CAAC,GAAI,CAAA,OAAA,IAAW,CAAC,GAAA,CAAI,OAAW,IAAA,CAAC,GAAI,CAAA,MAAA;AACtE;AAEO,MAAM,eAAkB,GAAA,CAAC,EAAE,GAAA,EAAwC,KAAA;AACxE,EAAO,OAAA,cAAA,CAAe,IAAI,GAAG,CAAA;AAC/B;;;;"}

package/esm/list/common-hooks/list-dom-utils.js

@@ -1,19 +0,0 @@
-const listItemElement = (listEl, listItemIdx) => listEl.querySelector(`:scope > [data-idx="${listItemIdx}"]`);
-function listItemIndex(listItemEl) {
-  if (listItemEl) {
-    let idx = listItemEl.dataset.index;
-    if (idx) {
-      return parseInt(idx, 10);
-    } else if (idx = listItemEl.ariaPosInSet) {
-      return parseInt(idx, 10) - 1;
-    }
-  }
-  return -1;
-}
-const listItemId = (el) => el?.id;
-const closestListItem = (el) => el.closest("[data-index],[aria-posinset]");
-const closestListItemId = (el) => listItemId(closestListItem(el));
-const closestListItemIndex = (el) => listItemIndex(closestListItem(el));
-
-export { closestListItemId, closestListItemIndex, listItemElement, listItemId, listItemIndex };
-//# sourceMappingURL=list-dom-utils.js.map

package/esm/list/common-hooks/list-dom-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-dom-utils.js","sources":["../../../src/list/common-hooks/list-dom-utils.ts"],"sourcesContent":["export const listItemElement = (listEl: HTMLElement, listItemIdx: number) =>\n  listEl.querySelector(`:scope > [data-idx=\"${listItemIdx}\"]`);\n\nexport function listItemIndex(listItemEl?: HTMLElement) {\n  if (listItemEl) {\n    let idx: string | null | undefined = listItemEl.dataset.index;\n    if (idx) {\n      return parseInt(idx, 10);\n      // eslint-disable-next-line no-cond-assign\n    } else if ((idx = listItemEl.ariaPosInSet)) {\n      return parseInt(idx, 10) - 1;\n    }\n  }\n  return -1;\n}\n\nexport const listItemId = (el: HTMLElement | null) => el?.id;\n\nconst closestListItem = (el: HTMLElement) =>\n  el.closest(\"[data-index],[aria-posinset]\") as HTMLElement;\n\nexport const closestListItemId = (el: HTMLElement) =>\n  listItemId(closestListItem(el));\n\nexport const closestListItemIndex = (el: HTMLElement) =>\n  listItemIndex(closestListItem(el));\n"],"names":[],"mappings":"AAAa,MAAA,eAAA,GAAkB,CAAC,MAAqB,EAAA,WAAA,KACnD,OAAO,aAAc,CAAA,CAAA,oBAAA,EAAuB,WAAW,CAAI,EAAA,CAAA;AAEtD,SAAS,cAAc,UAA0B,EAAA;AACtD,EAAA,IAAI,UAAY,EAAA;AACd,IAAI,IAAA,GAAA,GAAiC,WAAW,OAAQ,CAAA,KAAA;AACxD,IAAA,IAAI,GAAK,EAAA;AACP,MAAO,OAAA,QAAA,CAAS,KAAK,EAAE,CAAA;AAAA,KAEzB,MAAA,IAAY,GAAM,GAAA,UAAA,CAAW,YAAe,EAAA;AAC1C,MAAO,OAAA,QAAA,CAAS,GAAK,EAAA,EAAE,CAAI,GAAA,CAAA;AAAA;AAC7B;AAEF,EAAO,OAAA,CAAA,CAAA;AACT;AAEa,MAAA,UAAA,GAAa,CAAC,EAAA,KAA2B,EAAI,EAAA;AAE1D,MAAM,eAAkB,GAAA,CAAC,EACvB,KAAA,EAAA,CAAG,QAAQ,8BAA8B,CAAA;AAEpC,MAAM,oBAAoB,CAAC,EAAA,KAChC,UAAW,CAAA,eAAA,CAAgB,EAAE,CAAC;AAEzB,MAAM,uBAAuB,CAAC,EAAA,KACnC,aAAc,CAAA,eAAA,CAAgB,EAAE,CAAC;;;;"}

package/esm/list/common-hooks/useCollapsibleGroups.js

@@ -1,70 +0,0 @@
-import { useCallback } from 'react';
-import { ArrowRight, Enter, ArrowLeft } from './keyUtils.js';
-
-const NO_HANDLERS = {};
-const canToggleItem = (item) => Array.isArray(item.childNodes);
-const toggleIconClicked = (el) => {
-  const closestToggle = el.closest(
-    "[data-toggle],[aria-expanded]"
-  );
-  return closestToggle.dataset.toggle === "true";
-};
-const useCollapsibleGroups = ({
-  collapsibleHeaders,
-  collectionHook,
-  highlightedIdx,
-  onToggle
-}) => {
-  const handleKeyDown = useCallback(
-    (e) => {
-      if (e.key === ArrowRight || e.key === Enter) {
-        const item = collectionHook.data[highlightedIdx];
-        if (item) {
-          if (item.expanded === false && item.value) {
-            e.preventDefault();
-            collectionHook.expandGroupItem(item);
-            onToggle?.(item.value);
-          }
-        }
-      }
-      if (e.key === ArrowLeft || e.key === Enter) {
-        const item = collectionHook.data[highlightedIdx];
-        if (item) {
-          if (item.expanded && item.value) {
-            e.preventDefault();
-            collectionHook.collapseGroupItem(item);
-            onToggle?.(item.value);
-          }
-        }
-      }
-    },
-    [collectionHook, highlightedIdx, onToggle]
-  );
-  const handleClick = useCallback(
-    (evt) => {
-      console.log(`useCollapsibleGroups idx=${highlightedIdx}`);
-      const item = collectionHook.data[highlightedIdx];
-      console.log(evt.target, evt.currentTarget);
-      if (item && canToggleItem(item) && (toggleIconClicked(evt.target))) {
-        evt.stopPropagation();
-        evt.preventDefault();
-        if (item.expanded === false && item.value) {
-          collectionHook.expandGroupItem(item);
-          onToggle?.(item.value);
-        } else if (item.expanded === true && item.value) {
-          collectionHook.collapseGroupItem(item);
-          onToggle?.(item.value);
-        }
-      }
-    },
-    [collectionHook, highlightedIdx, onToggle]
-  );
-  const listHandlers = {
-    onClick: handleClick,
-    onKeyDown: handleKeyDown
-  };
-  return collapsibleHeaders ? listHandlers : NO_HANDLERS;
-};
-
-export { useCollapsibleGroups };
-//# sourceMappingURL=useCollapsibleGroups.js.map

package/esm/list/common-hooks/useCollapsibleGroups.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCollapsibleGroups.js","sources":["../../../src/list/common-hooks/useCollapsibleGroups.ts"],"sourcesContent":["import { KeyboardEvent, MouseEvent, useCallback } from \"react\";\nimport { ArrowLeft, ArrowRight, Enter } from \"./keyUtils\";\nimport { ListHandlers } from \"../../common-hooks\";\nimport {\n  CollectionHookResult,\n  CollectionItem,\n} from \"../../common-hooks/collectionTypes\";\n\nconst NO_HANDLERS = {};\nconst canToggleItem = (item: CollectionItem<unknown>) =>\n  Array.isArray(item.childNodes);\n// TODO how do we determine this and where does this function belong = in the collectionHook ?\nconst canSelectItem = (_: CollectionItem<unknown>) => true;\n\nconst toggleIconClicked = (el: HTMLElement) => {\n  const closestToggle = el.closest(\n    \"[data-toggle],[aria-expanded]\",\n  ) as HTMLElement;\n  return closestToggle.dataset.toggle === \"true\";\n};\n\ninterface CollapsibleHookProps<Item> {\n  collapsibleHeaders?: boolean;\n  collectionHook: CollectionHookResult<Item>;\n  highlightedIdx: number;\n  onToggle?: (node: Item) => void;\n}\n\ninterface CollapsibleHookResult {\n  onClick?: ListHandlers[\"onClick\"];\n  onKeyDown?: ListHandlers[\"onKeyDown\"];\n}\n\nexport const useCollapsibleGroups = <Item>({\n  collapsibleHeaders,\n  collectionHook,\n  highlightedIdx,\n  onToggle,\n}: CollapsibleHookProps<Item>): CollapsibleHookResult => {\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLElement>) => {\n      if (e.key === ArrowRight || e.key === Enter) {\n        const item = collectionHook.data[highlightedIdx];\n        if (item) {\n          if (item.expanded === false && item.value) {\n            e.preventDefault();\n            collectionHook.expandGroupItem(item);\n            onToggle?.(item.value);\n          }\n        }\n      }\n\n      if (e.key === ArrowLeft || e.key === Enter) {\n        const item = collectionHook.data[highlightedIdx];\n        if (item) {\n          if (item.expanded && item.value) {\n            e.preventDefault();\n            collectionHook.collapseGroupItem(item);\n            onToggle?.(item.value);\n          }\n        }\n      }\n    },\n    [collectionHook, highlightedIdx, onToggle],\n  );\n\n  const handleClick = useCallback(\n    (evt: MouseEvent<HTMLElement>) => {\n      console.log(`useCollapsibleGroups idx=${highlightedIdx}`);\n      const item = collectionHook.data[highlightedIdx];\n      console.log(evt.target, evt.currentTarget);\n      if (\n        item &&\n        canToggleItem(item) &&\n        (!canSelectItem(item) || toggleIconClicked(evt.target as HTMLElement))\n      ) {\n        evt.stopPropagation();\n        evt.preventDefault();\n        if (item.expanded === false && item.value) {\n          collectionHook.expandGroupItem(item);\n          onToggle?.(item.value);\n        } else if (item.expanded === true && item.value) {\n          collectionHook.collapseGroupItem(item);\n          onToggle?.(item.value);\n        }\n      }\n    },\n    [collectionHook, highlightedIdx, onToggle],\n  );\n\n  /**\n   * These are List handlers, so we will not have reference to the actual node\n   * element. We must rely on highlightedIdx to tell us which node is interactive.\n   */\n  const listHandlers = {\n    onClick: handleClick,\n    onKeyDown: handleKeyDown,\n  };\n\n  return collapsibleHeaders ? listHandlers : NO_HANDLERS;\n};\n"],"names":[],"mappings":"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"}

package/esm/list/common-hooks/useImperativeScrollingAPI.js

@@ -1,50 +0,0 @@
-import { useMemo, useImperativeHandle } from 'react';
-
-const noScrolling = {
-  scrollToIndex: () => void 0,
-  scrollToItem: () => void 0,
-  scrollTo: () => void 0
-};
-const useImperativeScrollingAPI = ({
-  collectionHook,
-  forwardedRef,
-  scrollableRef,
-  scrollIntoView
-}) => {
-  const scrollHandles = useMemo(
-    () => ({
-      scrollToIndex: (itemIndex) => {
-        const collectionItem = collectionHook.data[itemIndex];
-        if (collectionItem) {
-          scrollIntoView?.(collectionItem);
-        }
-      },
-      scrollToItem: (item) => {
-        const collectionItem = collectionHook.toCollectionItem(item);
-        if (collectionItem) {
-          scrollIntoView?.(collectionItem);
-        }
-      },
-      scrollTo: (scrollOffset) => {
-        if (scrollableRef?.current) {
-          scrollableRef.current.scrollTop = scrollOffset;
-        }
-      }
-    }),
-    [collectionHook, scrollIntoView, scrollableRef]
-  );
-  useImperativeHandle(
-    forwardedRef,
-    () => {
-      if (scrollableRef.current) {
-        return scrollHandles;
-      } else {
-        return noScrolling;
-      }
-    },
-    [scrollHandles, scrollableRef]
-  );
-};
-
-export { useImperativeScrollingAPI };
-//# sourceMappingURL=useImperativeScrollingAPI.js.map

package/esm/list/common-hooks/useImperativeScrollingAPI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useImperativeScrollingAPI.js","sources":["../../../src/list/common-hooks/useImperativeScrollingAPI.ts"],"sourcesContent":["import {\n  ForwardedRef,\n  MutableRefObject,\n  useImperativeHandle,\n  useMemo,\n} from \"react\";\nimport {\n  CollectionHookResult,\n  CollectionItem,\n} from \"../../common-hooks/collectionTypes\";\n\nexport interface ScrollingAPI<Item> {\n  scrollToIndex: (itemIndex: number) => void;\n  scrollToItem: (item: Item) => void;\n  scrollTo: (scrollOffset: number) => void;\n}\n\nexport interface ScrollingAPIHook<Item> {\n  collectionHook: CollectionHookResult<Item>;\n  forwardedRef?: ForwardedRef<ScrollingAPI<Item>>;\n  scrollableRef: MutableRefObject<HTMLElement | null>;\n  scrollIntoView?: (item: CollectionItem<Item>) => void;\n}\n\nconst noScrolling: ScrollingAPI<unknown> = {\n  scrollToIndex: () => undefined,\n  scrollToItem: () => undefined,\n  scrollTo: () => undefined,\n};\n\nexport const useImperativeScrollingAPI = <Item>({\n  collectionHook,\n  forwardedRef,\n  scrollableRef,\n  scrollIntoView,\n}: ScrollingAPIHook<Item>) => {\n  const scrollHandles: ScrollingAPI<Item> = useMemo(\n    () => ({\n      scrollToIndex: (itemIndex: number) => {\n        const collectionItem = collectionHook.data[itemIndex];\n        if (collectionItem) {\n          scrollIntoView?.(collectionItem);\n        }\n      },\n      scrollToItem: (item: Item) => {\n        const collectionItem = collectionHook.toCollectionItem(item);\n        if (collectionItem) {\n          scrollIntoView?.(collectionItem);\n        }\n      },\n      scrollTo: (scrollOffset: number) => {\n        if (scrollableRef?.current) {\n          scrollableRef.current.scrollTop = scrollOffset;\n        }\n      },\n    }),\n    [collectionHook, scrollIntoView, scrollableRef]\n  );\n\n  useImperativeHandle(\n    forwardedRef,\n    () => {\n      if (scrollableRef.current) {\n        return scrollHandles;\n      } else {\n        return noScrolling;\n      }\n    },\n    [scrollHandles, scrollableRef]\n  );\n};\n"],"names":[],"mappings":";;AAwBA,MAAM,WAAqC,GAAA;AAAA,EACzC,eAAe,MAAM,KAAA,CAAA;AAAA,EACrB,cAAc,MAAM,KAAA,CAAA;AAAA,EACpB,UAAU,MAAM,KAAA;AAClB,CAAA;AAEO,MAAM,4BAA4B,CAAO;AAAA,EAC9C,cAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAA8B,KAAA;AAC5B,EAAA,MAAM,aAAoC,GAAA,OAAA;AAAA,IACxC,OAAO;AAAA,MACL,aAAA,EAAe,CAAC,SAAsB,KAAA;AACpC,QAAM,MAAA,cAAA,GAAiB,cAAe,CAAA,IAAA,CAAK,SAAS,CAAA;AACpD,QAAA,IAAI,cAAgB,EAAA;AAClB,UAAA,cAAA,GAAiB,cAAc,CAAA;AAAA;AACjC,OACF;AAAA,MACA,YAAA,EAAc,CAAC,IAAe,KAAA;AAC5B,QAAM,MAAA,cAAA,GAAiB,cAAe,CAAA,gBAAA,CAAiB,IAAI,CAAA;AAC3D,QAAA,IAAI,cAAgB,EAAA;AAClB,UAAA,cAAA,GAAiB,cAAc,CAAA;AAAA;AACjC,OACF;AAAA,MACA,QAAA,EAAU,CAAC,YAAyB,KAAA;AAClC,QAAA,IAAI,eAAe,OAAS,EAAA;AAC1B,UAAA,aAAA,CAAc,QAAQ,SAAY,GAAA,YAAA;AAAA;AACpC;AACF,KACF,CAAA;AAAA,IACA,CAAC,cAAgB,EAAA,cAAA,EAAgB,aAAa;AAAA,GAChD;AAEA,EAAA,mBAAA;AAAA,IACE,YAAA;AAAA,IACA,MAAM;AACJ,MAAA,IAAI,cAAc,OAAS,EAAA;AACzB,QAAO,OAAA,aAAA;AAAA,OACF,MAAA;AACL,QAAO,OAAA,WAAA;AAAA;AACT,KACF;AAAA,IACA,CAAC,eAAe,aAAa;AAAA,GAC/B;AACF;;;;"}