@smwb/ui-solid 0.2.2 → 0.4.0

package/dist/headless/source/components/dataDisplay/list/listItem.jsx

@@ -0,0 +1,53 @@
+import { splitProps } from "solid-js";
+import cn from "clsx";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+import { callHandler } from "../../../primitives/callHandler";
+function ListItem(props) {
+  const [local] = splitProps(props, [
+    "class",
+    "children",
+    "disabled",
+    "selected",
+    "dense",
+    "divider",
+    "startAdornment",
+    "endAdornment",
+    "onClick",
+    "ref"
+  ]);
+  const interactive = () => !!local.onClick && !local.disabled;
+  return <li
+    ref={mergeRefs(local.ref)}
+    role="listitem"
+    tabindex={interactive() ? 0 : void 0}
+    aria-disabled={local.disabled || void 0}
+    aria-selected={local.selected || void 0}
+    onClick={local.disabled ? void 0 : local.onClick}
+    onKeyDown={interactive() ? (event) => {
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        callHandler(
+          local.onClick,
+          event
+        );
+      }
+    } : void 0}
+    class={cn("smwb-list__item", local.class, {
+      "smwb-disabled": local.disabled,
+      "smwb-selected": local.selected,
+      "smwb-list__item_dense": local.dense,
+      "smwb-list__item_divider": local.divider
+    })}
+    data-testid="list-item"
+  >
+      <span class="smwb-list__item__start">{local.startAdornment}</span>
+      <span class="smwb-list__item__main">{local.children}</span>
+      <span class="smwb-list__item__end">{local.endAdornment}</span>
+    </li>;
+}
+var listItem_default = ListItem;
+export {
+  ListItem,
+  listItem_default as default
+};
+//# sourceMappingURL=listItem.js.map

package/dist/headless/source/components/dataDisplay/list/listItem.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/dataDisplay/list/listItem.tsx"],"sourcesContent":["import { type JSX, type ParentProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\n\nexport interface ListItemProps {\n  disabled?: boolean;\n  class?: string;\n  selected?: boolean;\n  /** Compact row. */\n  dense?: boolean;\n  /** Render a bottom divider. */\n  divider?: boolean;\n  startAdornment?: JSX.Element;\n  endAdornment?: JSX.Element;\n  onClick?: JSX.EventHandlerUnion<HTMLLIElement, MouseEvent>;\n  ref?: Ref<HTMLLIElement>;\n}\n\nexport function ListItem(props: ParentProps<ListItemProps>): JSX.Element {\n  const [local] = splitProps(props, [\n    \"class\",\n    \"children\",\n    \"disabled\",\n    \"selected\",\n    \"dense\",\n    \"divider\",\n    \"startAdornment\",\n    \"endAdornment\",\n    \"onClick\",\n    \"ref\",\n  ]);\n\n  const interactive = (): boolean => !!local.onClick && !local.disabled;\n\n  return (\n    <li\n      ref={mergeRefs(local.ref)}\n      role=\"listitem\"\n      tabindex={interactive() ? 0 : undefined}\n      aria-disabled={local.disabled || undefined}\n      aria-selected={local.selected || undefined}\n      onClick={local.disabled ? undefined : local.onClick}\n      onKeyDown={\n        interactive()\n          ? (event) => {\n              if (event.key === \"Enter\" || event.key === \" \") {\n                event.preventDefault();\n                callHandler(\n                  local.onClick,\n                  event as unknown as MouseEvent & { currentTarget: HTMLLIElement; target: Element }\n                );\n              }\n            }\n          : undefined\n      }\n      class={cn(\"smwb-list__item\", local.class, {\n        \"smwb-disabled\": local.disabled,\n        \"smwb-selected\": local.selected,\n        \"smwb-list__item_dense\": local.dense,\n        \"smwb-list__item_divider\": local.divider,\n      })}\n      data-testid=\"list-item\"\n    >\n      <span class=\"smwb-list__item__start\">{local.startAdornment}</span>\n      <span class=\"smwb-list__item__main\">{local.children}</span>\n      <span class=\"smwb-list__item__end\">{local.endAdornment}</span>\n    </li>\n  );\n}\n\nexport default ListItem;\n"],"mappings":"AAAA,SAAqC,kBAAkB;AACvD,OAAO,QAAQ;AACf,SAAS,iBAA2B;AACpC,SAAS,mBAAmB;AAgBrB,SAAS,SAAS,OAAgD;AACvE,QAAM,CAAC,KAAK,IAAI,WAAW,OAAO;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,cAAc,MAAe,CAAC,CAAC,MAAM,WAAW,CAAC,MAAM;AAE7D,SACE,CAAC;AAAA,IACC,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,KAAK;AAAA,IACL,UAAU,YAAY,IAAI,IAAI;AAAA,IAC9B,eAAe,MAAM,YAAY;AAAA,IACjC,eAAe,MAAM,YAAY;AAAA,IACjC,SAAS,MAAM,WAAW,SAAY,MAAM;AAAA,IAC5C,WACE,YAAY,IACR,CAAC,UAAU;AACT,UAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,cAAM,eAAe;AACrB;AAAA,UACE,MAAM;AAAA,UACN;AAAA,QACF;AAAA,MACF;AAAA,IACF,IACA;AAAA,IAEN,OAAO,GAAG,mBAAmB,MAAM,OAAO;AAAA,MACxC,iBAAiB,MAAM;AAAA,MACvB,iBAAiB,MAAM;AAAA,MACvB,yBAAyB,MAAM;AAAA,MAC/B,2BAA2B,MAAM;AAAA,IACnC,CAAC;AAAA,IACD,YAAY;AAAA,GACb;AAAA,MACC,CAAC,KAAK,MAAM,0BAA0B,MAAM,eAAe,EAA1D,KAAiE;AAAA,MAClE,CAAC,KAAK,MAAM,yBAAyB,MAAM,SAAS,EAAnD,KAA0D;AAAA,MAC3D,CAAC,KAAK,MAAM,wBAAwB,MAAM,aAAa,EAAtD,KAA6D;AAAA,IAChE,EA/BC;AAiCL;AAEA,IAAO,mBAAQ;","names":[],"file":"listItem.jsx"}

package/dist/headless/source/components/dataDisplay/table/index.js

@@ -0,0 +1,17 @@
+import { Table } from "./table";
+import { TableHead } from "./tableHead";
+import { TableBody } from "./tableBody";
+import { TableRow } from "./tableRow";
+import { TableCell } from "./tableCell";
+import { TableHeadCell } from "./tableHeadCell";
+import { TablePagination } from "./tablePagination/tablePagination";
+export {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeadCell,
+  TablePagination,
+  TableRow
+};
+//# sourceMappingURL=index.js.map

package/dist/headless/source/components/dataDisplay/table/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/dataDisplay/table/index.ts"],
+  "sourcesContent": ["export { Table } from \"./table\";\nexport type { TableProps } from \"./table\";\nexport { TableHead } from \"./tableHead\";\nexport type { TableHeadProps } from \"./tableHead\";\nexport { TableBody } from \"./tableBody\";\nexport type { TableBodyProps } from \"./tableBody\";\nexport { TableRow } from \"./tableRow\";\nexport type { TableRowProps } from \"./tableRow\";\nexport { TableCell } from \"./tableCell\";\nexport type { TableCellProps } from \"./tableCell\";\nexport { TableHeadCell } from \"./tableHeadCell\";\nexport type { TableHeadCellProps, SortDirection } from \"./tableHeadCell\";\nexport { TablePagination } from \"./tablePagination/tablePagination\";\nexport type { TablePaginationProps } from \"./tablePagination/tablePagination\";\n"],
+  "mappings": "AAAA,SAAS,aAAa;AAEtB,SAAS,iBAAiB;AAE1B,SAAS,iBAAiB;AAE1B,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAE1B,SAAS,qBAAqB;AAE9B,SAAS,uBAAuB;",
+  "names": []
+}

package/dist/headless/source/components/dataDisplay/table/table.jsx

@@ -0,0 +1,46 @@
+import { Show, splitProps } from "solid-js";
+import cn from "clsx";
+import { TablePagination } from "./tablePagination/tablePagination";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+function Table(props) {
+  const [local, rest] = splitProps(props, [
+    "class",
+    "dense",
+    "hovered",
+    "children",
+    "paginationSettings",
+    "isLoading",
+    "stickyHeader",
+    "caption",
+    "ref"
+  ]);
+  return <div
+    {...rest}
+    ref={mergeRefs(local.ref)}
+    class={cn("smwb-table__wrapper", local.class, { "smwb-table__wrapper_loading": local.isLoading })}
+  >
+      <div class={cn("smwb-table__container", { "smwb-withPagination": !!local.paginationSettings })}>
+        <table
+    class={cn("smwb-table", {
+      "smwb-dense": local.dense,
+      "smwb-hovered": local.hovered,
+      "smwb-table_sticky-header": local.stickyHeader
+    })}
+  >
+          <Show when={local.caption != null}>
+            <caption class="smwb-table__caption">{local.caption}</caption>
+          </Show>
+          {local.children}
+        </table>
+      </div>
+      <Show when={local.paginationSettings}>
+        {(settings) => <TablePagination {...settings()} />}
+      </Show>
+    </div>;
+}
+var table_default = Table;
+export {
+  Table,
+  table_default as default
+};
+//# sourceMappingURL=table.js.map

package/dist/headless/source/components/dataDisplay/table/table.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/dataDisplay/table/table.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { TablePagination, type TablePaginationProps } from \"./tablePagination/tablePagination\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface TableProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  dense?: boolean;\n  isLoading?: boolean;\n  hovered?: boolean;\n  /** Pins the table header while the body scrolls. */\n  stickyHeader?: boolean;\n  /** Optional accessible caption rendered for screen readers. */\n  caption?: JSX.Element;\n  paginationSettings?: TablePaginationProps;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function Table(props: ParentProps<TableProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"dense\",\n    \"hovered\",\n    \"children\",\n    \"paginationSettings\",\n    \"isLoading\",\n    \"stickyHeader\",\n    \"caption\",\n    \"ref\",\n  ]);\n\n  return (\n    <div\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-table__wrapper\", local.class, { \"smwb-table__wrapper_loading\": local.isLoading })}\n    >\n      <div class={cn(\"smwb-table__container\", { \"smwb-withPagination\": !!local.paginationSettings })}>\n        <table\n          class={cn(\"smwb-table\", {\n            \"smwb-dense\": local.dense,\n            \"smwb-hovered\": local.hovered,\n            \"smwb-table_sticky-header\": local.stickyHeader,\n          })}\n        >\n          <Show when={local.caption != null}>\n            <caption class=\"smwb-table__caption\">{local.caption}</caption>\n          </Show>\n          {local.children}\n        </table>\n      </div>\n      <Show when={local.paginationSettings}>\n        {(settings) => <TablePagination {...settings()} />}\n      </Show>\n    </div>\n  );\n}\n\nexport default Table;\n"],"mappings":"AAAA,SAAqC,MAAM,kBAAkB;AAC7D,OAAO,QAAQ;AACf,SAAS,uBAAkD;AAC3D,SAAS,iBAA2B;AAc7B,SAAS,MAAM,OAA6C;AACjE,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,OAAO;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,CAAC;AAAA,QACK;AAAA,IACJ,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,OAAO,GAAG,uBAAuB,MAAM,OAAO,EAAE,+BAA+B,MAAM,UAAU,CAAC;AAAA,GACjG;AAAA,MACC,CAAC,IAAI,OAAO,GAAG,yBAAyB,EAAE,uBAAuB,CAAC,CAAC,MAAM,mBAAmB,CAAC,GAAG;AAAA,QAC9F,CAAC;AAAA,IACC,OAAO,GAAG,cAAc;AAAA,MACtB,cAAc,MAAM;AAAA,MACpB,gBAAgB,MAAM;AAAA,MACtB,4BAA4B,MAAM;AAAA,IACpC,CAAC;AAAA,GACF;AAAA,UACC,CAAC,KAAK,MAAM,MAAM,WAAW,MAAM;AAAA,YACjC,CAAC,QAAQ,MAAM,uBAAuB,MAAM,QAAQ,EAAnD,QAA6D;AAAA,UAChE,EAFC,KAEM;AAAA,WACN,MAAM,SAAS;AAAA,QAClB,EAXC,MAWO;AAAA,MACV,EAbC,IAaK;AAAA,MACN,CAAC,KAAK,MAAM,MAAM,oBAAoB;AAAA,SACnC,CAAC,aAAa,CAAC,oBAAoB,SAAS,GAAG,GAAG;AAAA,MACrD,EAFC,KAEM;AAAA,IACT,EAtBC;AAwBL;AAEA,IAAO,gBAAQ;","names":[],"file":"table.jsx"}

package/dist/headless/source/components/dataDisplay/table/tableBody.jsx

@@ -0,0 +1,15 @@
+import { splitProps } from "solid-js";
+import cn from "clsx";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+function TableBody(props) {
+  const [local, rest] = splitProps(props, ["children", "class", "ref"]);
+  return <tbody {...rest} ref={mergeRefs(local.ref)} class={cn("smwb-table__body", local.class)}>
+      {local.children}
+    </tbody>;
+}
+var tableBody_default = TableBody;
+export {
+  TableBody,
+  tableBody_default as default
+};
+//# sourceMappingURL=tableBody.js.map

package/dist/headless/source/components/dataDisplay/table/tableBody.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/dataDisplay/table/tableBody.tsx"],"sourcesContent":["import { type JSX, type ParentProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface TableBodyProps extends JSX.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: Ref<HTMLTableSectionElement>;\n}\n\nexport function TableBody(props: ParentProps<TableBodyProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"ref\"]);\n  return (\n    <tbody {...rest} ref={mergeRefs(local.ref)} class={cn(\"smwb-table__body\", local.class)}>\n      {local.children}\n    </tbody>\n  );\n}\n\nexport default TableBody;\n"],"mappings":"AAAA,SAAqC,kBAAkB;AACvD,OAAO,QAAQ;AACf,SAAS,iBAA2B;AAM7B,SAAS,UAAU,OAAiD;AACzE,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,OAAO,CAAC,YAAY,SAAS,KAAK,CAAC;AACpE,SACE,CAAC,UAAU,MAAM,KAAK,UAAU,MAAM,GAAG,GAAG,OAAO,GAAG,oBAAoB,MAAM,KAAK,GAAG;AAAA,OACrF,MAAM,SAAS;AAAA,IAClB,EAFC;AAIL;AAEA,IAAO,oBAAQ;","names":[],"file":"tableBody.jsx"}

package/dist/headless/source/components/dataDisplay/table/tableCell.jsx

@@ -0,0 +1,16 @@
+import { mergeProps, splitProps } from "solid-js";
+import cn from "clsx";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+function TableCell(props) {
+  const merged = mergeProps({ cellAlign: "left" }, props);
+  const [local, rest] = splitProps(merged, ["children", "cellAlign", "class", "ref"]);
+  return <td {...rest} ref={mergeRefs(local.ref)} class={cn("smwb-table__cell", local.class)} align={local.cellAlign || "left"}>
+      {local.children}
+    </td>;
+}
+var tableCell_default = TableCell;
+export {
+  TableCell,
+  tableCell_default as default
+};
+//# sourceMappingURL=tableCell.js.map

package/dist/headless/source/components/dataDisplay/table/tableCell.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/dataDisplay/table/tableCell.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface TableCellProps extends JSX.TdHTMLAttributes<HTMLTableCellElement> {\n  cellAlign?: \"left\" | \"right\" | \"center\";\n  ref?: Ref<HTMLTableCellElement>;\n}\n\nexport function TableCell(props: ParentProps<TableCellProps>): JSX.Element {\n  const merged = mergeProps({ cellAlign: \"left\" as const }, props);\n  const [local, rest] = splitProps(merged, [\"children\", \"cellAlign\", \"class\", \"ref\"]);\n  return (\n    <td {...rest} ref={mergeRefs(local.ref)} class={cn(\"smwb-table__cell\", local.class)} align={local.cellAlign || \"left\"}>\n      {local.children}\n    </td>\n  );\n}\n\nexport default TableCell;\n"],"mappings":"AAAA,SAAqC,YAAY,kBAAkB;AACnE,OAAO,QAAQ;AACf,SAAS,iBAA2B;AAO7B,SAAS,UAAU,OAAiD;AACzE,QAAM,SAAS,WAAW,EAAE,WAAW,OAAgB,GAAG,KAAK;AAC/D,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ,CAAC,YAAY,aAAa,SAAS,KAAK,CAAC;AAClF,SACE,CAAC,OAAO,MAAM,KAAK,UAAU,MAAM,GAAG,GAAG,OAAO,GAAG,oBAAoB,MAAM,KAAK,GAAG,OAAO,MAAM,aAAa,QAAQ;AAAA,OACpH,MAAM,SAAS;AAAA,IAClB,EAFC;AAIL;AAEA,IAAO,oBAAQ;","names":[],"file":"tableCell.jsx"}

package/dist/headless/source/components/dataDisplay/table/tableHead.jsx

@@ -0,0 +1,15 @@
+import { splitProps } from "solid-js";
+import cn from "clsx";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+function TableHead(props) {
+  const [local, rest] = splitProps(props, ["children", "class", "ref"]);
+  return <thead {...rest} ref={mergeRefs(local.ref)} class={cn("smwb-table__head", local.class)}>
+      {local.children}
+    </thead>;
+}
+var tableHead_default = TableHead;
+export {
+  TableHead,
+  tableHead_default as default
+};
+//# sourceMappingURL=tableHead.js.map

package/dist/headless/source/components/dataDisplay/table/tableHead.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/dataDisplay/table/tableHead.tsx"],"sourcesContent":["import { type JSX, type ParentProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface TableHeadProps extends JSX.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: Ref<HTMLTableSectionElement>;\n}\n\nexport function TableHead(props: ParentProps<TableHeadProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"ref\"]);\n  return (\n    <thead {...rest} ref={mergeRefs(local.ref)} class={cn(\"smwb-table__head\", local.class)}>\n      {local.children}\n    </thead>\n  );\n}\n\nexport default TableHead;\n"],"mappings":"AAAA,SAAqC,kBAAkB;AACvD,OAAO,QAAQ;AACf,SAAS,iBAA2B;AAM7B,SAAS,UAAU,OAAiD;AACzE,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,OAAO,CAAC,YAAY,SAAS,KAAK,CAAC;AACpE,SACE,CAAC,UAAU,MAAM,KAAK,UAAU,MAAM,GAAG,GAAG,OAAO,GAAG,oBAAoB,MAAM,KAAK,GAAG;AAAA,OACrF,MAAM,SAAS;AAAA,IAClB,EAFC;AAIL;AAEA,IAAO,oBAAQ;","names":[],"file":"tableHead.jsx"}

package/dist/headless/source/components/dataDisplay/table/tableHeadCell.jsx

@@ -0,0 +1,53 @@
+import { mergeProps, splitProps } from "solid-js";
+import cn from "clsx";
+import { Icon } from "../../base/icon";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+function TableHeadCell(props) {
+  const merged = mergeProps({ cellAlign: "left" }, props);
+  const [local, rest] = splitProps(merged, [
+    "children",
+    "class",
+    "cellAlign",
+    "isSortedByAsc",
+    "isSortedByDesc",
+    "sortable",
+    "sortDirection",
+    "onSort",
+    "ref"
+  ]);
+  const direction = () => local.sortDirection !== void 0 ? local.sortDirection : local.isSortedByAsc ? "asc" : local.isSortedByDesc ? "desc" : false;
+  const ariaSort = () => local.sortable ? direction() === "asc" ? "ascending" : direction() === "desc" ? "descending" : "none" : void 0;
+  const iconName = () => direction() === "asc" ? "expand_more" : direction() === "desc" ? "expand_less" : "";
+  const onKeyDown = (event) => {
+    if (local.sortable && local.onSort && (event.key === "Enter" || event.key === " ")) {
+      event.preventDefault();
+      local.onSort();
+    }
+  };
+  return <th
+    {...rest}
+    ref={mergeRefs(local.ref)}
+    aria-sort={ariaSort()}
+    class={cn("smwb-table__cell", "smwb-head-cell", local.class, {
+      [`smwb-align_${local.cellAlign}`]: !!local.cellAlign,
+      "smwb-head-cell_sortable": local.sortable
+    })}
+  >
+      <span
+    class="smwb-head-cell__content"
+    onClick={local.sortable ? () => local.onSort?.() : void 0}
+    onKeyDown={local.sortable ? onKeyDown : void 0}
+    role={local.sortable ? "button" : void 0}
+    tabindex={local.sortable ? 0 : void 0}
+  >
+        {local.children}
+        <Icon name={iconName()} size={18} weight={800} />
+      </span>
+    </th>;
+}
+var tableHeadCell_default = TableHeadCell;
+export {
+  TableHeadCell,
+  tableHeadCell_default as default
+};
+//# sourceMappingURL=tableHeadCell.js.map

package/dist/headless/source/components/dataDisplay/table/tableHeadCell.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/dataDisplay/table/tableHeadCell.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type SortDirection = \"asc\" | \"desc\" | false;\n\nexport interface TableHeadCellProps extends JSX.ThHTMLAttributes<HTMLTableCellElement> {\n  cellAlign?: \"left\" | \"right\" | \"center\";\n  /** @deprecated use `sortDirection=\"desc\"`. */\n  isSortedByDesc?: boolean;\n  /** @deprecated use `sortDirection=\"asc\"`. */\n  isSortedByAsc?: boolean;\n  /** Enables the interactive sort affordance with keyboard/aria support. */\n  sortable?: boolean;\n  /** Current sort direction for this column. */\n  sortDirection?: SortDirection;\n  /** Invoked when the user activates the sort control. */\n  onSort?: () => void;\n  ref?: Ref<HTMLTableCellElement>;\n}\n\nexport function TableHeadCell(props: ParentProps<TableHeadCellProps>): JSX.Element {\n  const merged = mergeProps({ cellAlign: \"left\" as const }, props);\n  const [local, rest] = splitProps(merged, [\n    \"children\",\n    \"class\",\n    \"cellAlign\",\n    \"isSortedByAsc\",\n    \"isSortedByDesc\",\n    \"sortable\",\n    \"sortDirection\",\n    \"onSort\",\n    \"ref\",\n  ]);\n\n  const direction = (): SortDirection =>\n    local.sortDirection !== undefined ? local.sortDirection : local.isSortedByAsc ? \"asc\" : local.isSortedByDesc ? \"desc\" : false;\n\n  const ariaSort = (): \"ascending\" | \"descending\" | \"none\" | undefined =>\n    local.sortable ? (direction() === \"asc\" ? \"ascending\" : direction() === \"desc\" ? \"descending\" : \"none\") : undefined;\n\n  const iconName = (): string => (direction() === \"asc\" ? \"expand_more\" : direction() === \"desc\" ? \"expand_less\" : \"\");\n\n  const onKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (local.sortable && local.onSort && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      local.onSort();\n    }\n  };\n\n  return (\n    <th\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      aria-sort={ariaSort()}\n      class={cn(\"smwb-table__cell\", \"smwb-head-cell\", local.class, {\n        [`smwb-align_${local.cellAlign}`]: !!local.cellAlign,\n        \"smwb-head-cell_sortable\": local.sortable,\n      })}\n    >\n      <span\n        class=\"smwb-head-cell__content\"\n        onClick={local.sortable ? () => local.onSort?.() : undefined}\n        onKeyDown={local.sortable ? onKeyDown : undefined}\n        role={local.sortable ? \"button\" : undefined}\n        tabindex={local.sortable ? 0 : undefined}\n      >\n        {local.children}\n        <Icon name={iconName()} size={18} weight={800} />\n      </span>\n    </th>\n  );\n}\n\nexport default TableHeadCell;\n"],"mappings":"AAAA,SAAqC,YAAY,kBAAkB;AACnE,OAAO,QAAQ;AACf,SAAS,YAAY;AACrB,SAAS,iBAA2B;AAmB7B,SAAS,cAAc,OAAqD;AACjF,QAAM,SAAS,WAAW,EAAE,WAAW,OAAgB,GAAG,KAAK;AAC/D,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,YAAY,MAChB,MAAM,kBAAkB,SAAY,MAAM,gBAAgB,MAAM,gBAAgB,QAAQ,MAAM,iBAAiB,SAAS;AAE1H,QAAM,WAAW,MACf,MAAM,WAAY,UAAU,MAAM,QAAQ,cAAc,UAAU,MAAM,SAAS,eAAe,SAAU;AAE5G,QAAM,WAAW,MAAe,UAAU,MAAM,QAAQ,gBAAgB,UAAU,MAAM,SAAS,gBAAgB;AAEjH,QAAM,YAA8D,CAAC,UAAU;AAC7E,QAAI,MAAM,YAAY,MAAM,WAAW,MAAM,QAAQ,WAAW,MAAM,QAAQ,MAAM;AAClF,YAAM,eAAe;AACrB,YAAM,OAAO;AAAA,IACf;AAAA,EACF;AAEA,SACE,CAAC;AAAA,QACK;AAAA,IACJ,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,WAAW,SAAS;AAAA,IACpB,OAAO,GAAG,oBAAoB,kBAAkB,MAAM,OAAO;AAAA,MAC3D,CAAC,cAAc,MAAM,SAAS,EAAE,GAAG,CAAC,CAAC,MAAM;AAAA,MAC3C,2BAA2B,MAAM;AAAA,IACnC,CAAC;AAAA,GACF;AAAA,MACC,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS,MAAM,WAAW,MAAM,MAAM,SAAS,IAAI;AAAA,IACnD,WAAW,MAAM,WAAW,YAAY;AAAA,IACxC,MAAM,MAAM,WAAW,WAAW;AAAA,IAClC,UAAU,MAAM,WAAW,IAAI;AAAA,GAChC;AAAA,SACE,MAAM,SAAS;AAAA,QAChB,CAAC,KAAK,MAAM,SAAS,GAAG,MAAM,IAAI,QAAQ,KAAK,EAAE;AAAA,MACnD,EATC,KASM;AAAA,IACT,EAnBC;AAqBL;AAEA,IAAO,wBAAQ;","names":[],"file":"tableHeadCell.jsx"}

package/dist/headless/source/components/dataDisplay/table/tablePagination/tablePagination.jsx

@@ -0,0 +1,47 @@
+import { For, Show } from "solid-js";
+import cn from "clsx";
+import { Icon } from "../../../base/icon";
+function TablePagination(props) {
+  const isInfiniteMode = () => typeof props.totalCount === "undefined";
+  const isDisabledNext = () => isInfiniteMode() ? !props.hasNextPage : props.page === Math.ceil(props.totalCount / props.limit);
+  const countText = () => {
+    const from = props.page * props.limit - props.limit;
+    const to = props.page * props.limit;
+    return `${from}\u2013${to}` + (isInfiniteMode() ? "" : ` of ${props.totalCount}`);
+  };
+  const onLimitChange = (event) => {
+    props.onLimitChange?.(+event.currentTarget.value);
+  };
+  return <div class="smwb-table__pagination">
+      <div class="smwb-table__pagination__controls">
+        <Show when={props.limitOptions && props.limitOptions.length > 1}>
+          <div class="smwb-table__pagination__rows">
+            <span>Rows per page</span>
+            <select id="rows" class="smwb-table__pagination__select" onChange={onLimitChange} value={props.limit}>
+              <For each={props.limitOptions}>
+                {(opt) => <option value={opt} class={cn("smwb-select-option", { selected: opt === props.limit })}>
+                    {opt}
+                  </option>}
+              </For>
+            </select>
+          </div>
+        </Show>
+        <div class="smwb-table__pagination__current-count">{countText()}</div>
+        <div class="smwb-table__pagination__buttons">
+          <button class="smwb-table__pagination__control" onClick={() => props.onPrev?.()} disabled={props.page === 1}>
+            <Icon name="chevron_left" size={24} weight={600} />
+          </button>
+          <span class="smwb-table__pagination__page">{props.page}</span>
+          <button class="smwb-table__pagination__control" onClick={() => props.onNext?.()} disabled={isDisabledNext()}>
+            <Icon name="chevron_right" size={24} weight={600} />
+          </button>
+        </div>
+      </div>
+    </div>;
+}
+var tablePagination_default = TablePagination;
+export {
+  TablePagination,
+  tablePagination_default as default
+};
+//# sourceMappingURL=tablePagination.js.map

package/dist/headless/source/components/dataDisplay/table/tablePagination/tablePagination.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/dataDisplay/table/tablePagination/tablePagination.tsx"],"sourcesContent":["import { type JSX, For, Show } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../../base/icon\";\n\nexport interface BaseTablePaginationProps {\n  page: number;\n  limit: number;\n  onPrev?: () => void;\n  onNext?: () => void;\n  limitOptions?: number[];\n  onLimitChange?: (limit: number) => void;\n}\n\ninterface WithTotalCount extends BaseTablePaginationProps {\n  totalCount: number;\n  hasNextPage?: never;\n}\n\ninterface WithHasNextPage extends BaseTablePaginationProps {\n  totalCount?: never;\n  hasNextPage: boolean;\n}\n\nexport type TablePaginationProps = WithTotalCount | WithHasNextPage;\n\nexport function TablePagination(props: TablePaginationProps): JSX.Element {\n  const isInfiniteMode = (): boolean => typeof props.totalCount === \"undefined\";\n  const isDisabledNext = (): boolean =>\n    isInfiniteMode() ? !props.hasNextPage : props.page === Math.ceil((props.totalCount as number) / props.limit);\n\n  const countText = (): string => {\n    const from = props.page * props.limit - props.limit;\n    const to = props.page * props.limit;\n    return `${from}–${to}` + (isInfiniteMode() ? \"\" : ` of ${props.totalCount}`);\n  };\n\n  const onLimitChange: JSX.EventHandler<HTMLSelectElement, Event> = (event) => {\n    props.onLimitChange?.(+event.currentTarget.value);\n  };\n\n  return (\n    <div class=\"smwb-table__pagination\">\n      <div class=\"smwb-table__pagination__controls\">\n        <Show when={props.limitOptions && props.limitOptions.length > 1}>\n          <div class=\"smwb-table__pagination__rows\">\n            <span>Rows per page</span>\n            <select id=\"rows\" class=\"smwb-table__pagination__select\" onChange={onLimitChange} value={props.limit}>\n              <For each={props.limitOptions}>\n                {(opt) => (\n                  <option value={opt} class={cn(\"smwb-select-option\", { selected: opt === props.limit })}>\n                    {opt}\n                  </option>\n                )}\n              </For>\n            </select>\n          </div>\n        </Show>\n        <div class=\"smwb-table__pagination__current-count\">{countText()}</div>\n        <div class=\"smwb-table__pagination__buttons\">\n          <button class=\"smwb-table__pagination__control\" onClick={() => props.onPrev?.()} disabled={props.page === 1}>\n            <Icon name=\"chevron_left\" size={24} weight={600} />\n          </button>\n          <span class=\"smwb-table__pagination__page\">{props.page}</span>\n          <button class=\"smwb-table__pagination__control\" onClick={() => props.onNext?.()} disabled={isDisabledNext()}>\n            <Icon name=\"chevron_right\" size={24} weight={600} />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default TablePagination;\n"],"mappings":"AAAA,SAAmB,KAAK,YAAY;AACpC,OAAO,QAAQ;AACf,SAAS,YAAY;AAuBd,SAAS,gBAAgB,OAA0C;AACxE,QAAM,iBAAiB,MAAe,OAAO,MAAM,eAAe;AAClE,QAAM,iBAAiB,MACrB,eAAe,IAAI,CAAC,MAAM,cAAc,MAAM,SAAS,KAAK,KAAM,MAAM,aAAwB,MAAM,KAAK;AAE7G,QAAM,YAAY,MAAc;AAC9B,UAAM,OAAO,MAAM,OAAO,MAAM,QAAQ,MAAM;AAC9C,UAAM,KAAK,MAAM,OAAO,MAAM;AAC9B,WAAO,GAAG,IAAI,SAAI,EAAE,MAAM,eAAe,IAAI,KAAK,OAAO,MAAM,UAAU;AAAA,EAC3E;AAEA,QAAM,gBAA4D,CAAC,UAAU;AAC3E,UAAM,gBAAgB,CAAC,MAAM,cAAc,KAAK;AAAA,EAClD;AAEA,SACE,CAAC,IAAI,MAAM,yBAAyB;AAAA,MAClC,CAAC,IAAI,MAAM,mCAAmC;AAAA,QAC5C,CAAC,KAAK,MAAM,MAAM,gBAAgB,MAAM,aAAa,SAAS,GAAG;AAAA,UAC/D,CAAC,IAAI,MAAM,+BAA+B;AAAA,YACxC,CAAC,KAAK,aAAa,EAAlB,KAAyB;AAAA,YAC1B,CAAC,OAAO,GAAG,OAAO,MAAM,iCAAiC,UAAU,eAAe,OAAO,MAAM,OAAO;AAAA,cACpG,CAAC,IAAI,MAAM,MAAM,cAAc;AAAA,iBAC5B,CAAC,QACA,CAAC,OAAO,OAAO,KAAK,OAAO,GAAG,sBAAsB,EAAE,UAAU,QAAQ,MAAM,MAAM,CAAC,GAAG;AAAA,qBACrF,IAAI;AAAA,kBACP,EAFC,QAGD;AAAA,cACJ,EANC,IAMK;AAAA,YACR,EARC,OAQQ;AAAA,UACX,EAXC,IAWK;AAAA,QACR,EAbC,KAaM;AAAA,QACP,CAAC,IAAI,MAAM,yCAAyC,UAAU,EAAE,EAA/D,IAAqE;AAAA,QACtE,CAAC,IAAI,MAAM,kCAAkC;AAAA,UAC3C,CAAC,OAAO,MAAM,kCAAkC,SAAS,MAAM,MAAM,SAAS,GAAG,UAAU,MAAM,SAAS,GAAG;AAAA,YAC3G,CAAC,KAAK,KAAK,eAAe,MAAM,IAAI,QAAQ,KAAK,EAAE;AAAA,UACrD,EAFC,OAEQ;AAAA,UACT,CAAC,KAAK,MAAM,gCAAgC,MAAM,KAAK,EAAtD,KAA6D;AAAA,UAC9D,CAAC,OAAO,MAAM,kCAAkC,SAAS,MAAM,MAAM,SAAS,GAAG,UAAU,eAAe,GAAG;AAAA,YAC3G,CAAC,KAAK,KAAK,gBAAgB,MAAM,IAAI,QAAQ,KAAK,EAAE;AAAA,UACtD,EAFC,OAEQ;AAAA,QACX,EARC,IAQK;AAAA,MACR,EAzBC,IAyBK;AAAA,IACR,EA3BC;AA6BL;AAEA,IAAO,0BAAQ;","names":[],"file":"tablePagination.jsx"}

package/dist/headless/source/components/dataDisplay/table/tableRow.jsx

@@ -0,0 +1,25 @@
+import { splitProps } from "solid-js";
+import cn from "clsx";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+function TableRow(props) {
+  const [local, rest] = splitProps(props, ["children", "class", "selected", "expanded", "ref"]);
+  return <tr
+    {...rest}
+    ref={mergeRefs(local.ref)}
+    data-testid="table-row"
+    class={cn("smwb-table__row", local.class, {
+      "smwb-table__row_selected": local.selected,
+      "smwb-table__row_expanded": local.expanded
+    })}
+    aria-selected={local.selected ?? void 0}
+    aria-expanded={local.expanded ?? void 0}
+  >
+      {local.children}
+    </tr>;
+}
+var tableRow_default = TableRow;
+export {
+  TableRow,
+  tableRow_default as default
+};
+//# sourceMappingURL=tableRow.js.map

package/dist/headless/source/components/dataDisplay/table/tableRow.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/dataDisplay/table/tableRow.tsx"],"sourcesContent":["import { type JSX, type ParentProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface TableRowProps extends JSX.HTMLAttributes<HTMLTableRowElement> {\n  /** Marks the row as selected (adds aria-selected + styling). */\n  selected?: boolean;\n  /** Reflects expandable-row state (adds aria-expanded + styling). */\n  expanded?: boolean;\n  ref?: Ref<HTMLTableRowElement>;\n}\n\nexport function TableRow(props: ParentProps<TableRowProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"selected\", \"expanded\", \"ref\"]);\n  return (\n    <tr\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"table-row\"\n      class={cn(\"smwb-table__row\", local.class, {\n        \"smwb-table__row_selected\": local.selected,\n        \"smwb-table__row_expanded\": local.expanded,\n      })}\n      aria-selected={local.selected ?? undefined}\n      aria-expanded={local.expanded ?? undefined}\n    >\n      {local.children}\n    </tr>\n  );\n}\n\nexport default TableRow;\n"],"mappings":"AAAA,SAAqC,kBAAkB;AACvD,OAAO,QAAQ;AACf,SAAS,iBAA2B;AAU7B,SAAS,SAAS,OAAgD;AACvE,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,OAAO,CAAC,YAAY,SAAS,YAAY,YAAY,KAAK,CAAC;AAC5F,SACE,CAAC;AAAA,QACK;AAAA,IACJ,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,YAAY;AAAA,IACZ,OAAO,GAAG,mBAAmB,MAAM,OAAO;AAAA,MACxC,4BAA4B,MAAM;AAAA,MAClC,4BAA4B,MAAM;AAAA,IACpC,CAAC;AAAA,IACD,eAAe,MAAM,YAAY;AAAA,IACjC,eAAe,MAAM,YAAY;AAAA,GAClC;AAAA,OACE,MAAM,SAAS;AAAA,IAClB,EAZC;AAcL;AAEA,IAAO,mBAAQ;","names":[],"file":"tableRow.jsx"}

package/dist/headless/source/components/dataDisplay/treeView/index.js

@@ -0,0 +1,6 @@
+import { TreeView, default as default2 } from "./treeView";
+export {
+  TreeView,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/headless/source/components/dataDisplay/treeView/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/dataDisplay/treeView/index.ts"],
+  "sourcesContent": ["export { TreeView, default } from \"./treeView\";\nexport type { TreeViewProps, ITreeNodeItem } from \"./treeView\";\n"],
+  "mappings": "AAAA,SAAS,UAAU,WAAAA,gBAAe;",
+  "names": ["default"]
+}

package/dist/headless/source/components/dataDisplay/treeView/treeView.jsx

@@ -0,0 +1,172 @@
+import { For, Show, createContext, createSignal, mergeProps, splitProps, useContext } from "solid-js";
+import cn from "clsx";
+import { Icon } from "../../base/icon";
+import { createControllableState } from "../../../primitives/createControllableState";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+const TreeContext = createContext();
+function TreeNode(props) {
+  const ctx = useContext(TreeContext);
+  const nodeId = () => props.item.id ?? props.path;
+  const resolvedChildren = () => props.item.children ?? ctx.loadedChildren()[nodeId()];
+  const isLazy = () => ctx.hasLoader && (!!props.item.hasChildren || !!ctx.loadedChildren()[nodeId()]);
+  const hasChildNodes = () => !!resolvedChildren() && (resolvedChildren()?.length ?? 0) > 0 || isLazy();
+  const isOpen = () => ctx.expandedIds().includes(nodeId());
+  const isSelected = () => ctx.selectedIds().includes(nodeId());
+  const isLoading = () => ctx.loadingIds().includes(nodeId());
+  const onLabelClick = () => {
+    if (hasChildNodes()) {
+      if (!isOpen()) ctx.ensureLoaded(props.item, nodeId());
+      ctx.toggleExpanded(nodeId());
+    }
+    if (ctx.selectable) ctx.toggleSelected(nodeId());
+  };
+  const onKeyDown = (event) => {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      onLabelClick();
+    } else if (event.key === "ArrowRight" && hasChildNodes()) {
+      ctx.ensureLoaded(props.item, nodeId());
+      ctx.setOpen(nodeId(), true);
+    } else if (event.key === "ArrowLeft" && hasChildNodes()) {
+      ctx.setOpen(nodeId(), false);
+    }
+  };
+  return <div
+    class={cn("smwb-tree__node", { "smwb-tree__node_selected": isSelected() })}
+    role="treeitem"
+    aria-expanded={hasChildNodes() ? isOpen() : void 0}
+    aria-selected={ctx.selectable || ctx.checkboxes ? isSelected() : void 0}
+  >
+      <span class="smwb-tree__node__content" onClick={onLabelClick} onKeyDown={onKeyDown} tabindex={0} role="button">
+        <Show when={ctx.checkboxes}>
+          <input
+    type="checkbox"
+    class="smwb-tree__node__checkbox"
+    checked={isSelected()}
+    onClick={(e) => e.stopPropagation()}
+    onChange={() => ctx.toggleSelected(nodeId())}
+    aria-label={props.item.label}
+  />
+        </Show>
+        <span class="smwb-tree__node__label">
+          <Show when={hasChildNodes()} fallback={<Icon name={ctx.listIcon} size={20} />}>
+            <Icon name={isOpen() ? ctx.nodeIcon.opened ?? "folder_open" : ctx.nodeIcon.closed ?? "folder"} fill={1} size={20} />
+          </Show>
+          {ctx.renderLabel ? ctx.renderLabel(props.item, nodeId()) : props.item.label}
+        </span>
+      </span>
+      <Show when={hasChildNodes() && isOpen()}>
+        <div role="group">
+          <Show
+    when={!(isLoading() && !resolvedChildren())}
+    fallback={<div class="smwb-tree__node__loading" role="status">
+                Загрузка…
+              </div>}
+  >
+            <For each={resolvedChildren() ?? []}>
+              {(child, idx) => <TreeNode item={child} path={`${props.path}.${idx()}`} />}
+            </For>
+          </Show>
+        </div>
+      </Show>
+    </div>;
+}
+function TreeView(props) {
+  const merged = mergeProps(
+    {
+      listIcon: "draft",
+      nodeIcon: { closed: "folder", opened: "folder_open" },
+      data: [],
+      defaultExpanded: [],
+      defaultSelected: [],
+      selectable: false,
+      checkboxes: false
+    },
+    props
+  );
+  const [local, rest] = splitProps(merged, [
+    "class",
+    "listIcon",
+    "nodeIcon",
+    "data",
+    "expanded",
+    "defaultExpanded",
+    "onExpandedChange",
+    "selected",
+    "defaultSelected",
+    "onSelectedChange",
+    "selectable",
+    "checkboxes",
+    "renderLabel",
+    "loadChildren",
+    "ref"
+  ]);
+  const [loadedChildren, setLoadedChildren] = createSignal({});
+  const [loadingIds, setLoadingIds] = createSignal([]);
+  const [expandedIds, setExpandedIds] = createControllableState({
+    value: () => local.expanded,
+    defaultValue: local.defaultExpanded,
+    onChange: (next) => local.onExpandedChange?.(next)
+  });
+  const [selectedIds, setSelectedIds] = createControllableState({
+    value: () => local.selected,
+    defaultValue: local.defaultSelected,
+    onChange: (next) => local.onSelectedChange?.(next)
+  });
+  const toggleExpanded = (id) => setExpandedIds((prev) => prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]);
+  const setOpen = (id, open) => setExpandedIds((prev) => {
+    const has = prev.includes(id);
+    if (open && !has) return [...prev, id];
+    if (!open && has) return prev.filter((x) => x !== id);
+    return prev;
+  });
+  const toggleSelected = (id) => setSelectedIds((prev) => prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]);
+  const ensureLoaded = (item, nodeId) => {
+    if (!local.loadChildren || loadedChildren()[nodeId] || item.children && item.children.length > 0) return;
+    setLoadingIds((prev) => prev.includes(nodeId) ? prev : [...prev, nodeId]);
+    void local.loadChildren(item, nodeId).then((children) => setLoadedChildren((prev) => ({ ...prev, [nodeId]: children }))).finally(() => setLoadingIds((prev) => prev.filter((x) => x !== nodeId)));
+  };
+  const contextValue = {
+    expandedIds,
+    selectedIds,
+    loadedChildren,
+    loadingIds,
+    toggleExpanded,
+    setOpen,
+    toggleSelected,
+    ensureLoaded,
+    get selectable() {
+      return local.selectable;
+    },
+    get checkboxes() {
+      return local.checkboxes;
+    },
+    get nodeIcon() {
+      return local.nodeIcon;
+    },
+    get listIcon() {
+      return local.listIcon;
+    },
+    get renderLabel() {
+      return local.renderLabel;
+    },
+    get hasLoader() {
+      return !!local.loadChildren;
+    }
+  };
+  return <TreeContext.Provider value={contextValue}>
+      <div {...rest} data-testid="tree-view" ref={mergeRefs(local.ref)} role="tree" class={cn("smwb-tree", local.class)}>
+        <For each={local.data}>
+          {(node, idx) => <div class="smwb-tree__wrapper" role="presentation">
+              <TreeNode item={node} path={`${idx()}`} />
+            </div>}
+        </For>
+      </div>
+    </TreeContext.Provider>;
+}
+var treeView_default = TreeView;
+export {
+  TreeView,
+  treeView_default as default
+};
+//# sourceMappingURL=treeView.js.map

package/dist/headless/source/components/dataDisplay/treeView/treeView.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/dataDisplay/treeView/treeView.tsx"],"sourcesContent":["import { type Accessor, type JSX, For, Show, createContext, createSignal, mergeProps, splitProps, useContext } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface ITreeNodeItem {\n  /** Stable identifier. Falls back to the positional path when omitted. */\n  id?: string;\n  label: string;\n  children?: ITreeNodeItem[];\n  /** Hint that the node is expandable even before its children are loaded. */\n  hasChildren?: boolean;\n}\n\nexport interface TreeViewProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  nodeIcon?: { opened?: string; closed?: string };\n  listIcon?: string;\n  data: ITreeNodeItem[];\n  expanded?: string[];\n  defaultExpanded?: string[];\n  onExpandedChange?: (expanded: string[]) => void;\n  selected?: string[];\n  defaultSelected?: string[];\n  onSelectedChange?: (selected: string[]) => void;\n  selectable?: boolean;\n  checkboxes?: boolean;\n  renderLabel?: (item: ITreeNodeItem, nodeId: string) => JSX.Element;\n  loadChildren?: (item: ITreeNodeItem, nodeId: string) => Promise<ITreeNodeItem[]>;\n  ref?: Ref<HTMLDivElement>;\n}\n\ninterface TreeContextValue {\n  expandedIds: Accessor<string[]>;\n  selectedIds: Accessor<string[]>;\n  loadedChildren: Accessor<Record<string, ITreeNodeItem[]>>;\n  loadingIds: Accessor<string[]>;\n  toggleExpanded: (id: string) => void;\n  setOpen: (id: string, open: boolean) => void;\n  toggleSelected: (id: string) => void;\n  ensureLoaded: (item: ITreeNodeItem, nodeId: string) => void;\n  selectable: boolean;\n  checkboxes: boolean;\n  nodeIcon: { opened?: string; closed?: string };\n  listIcon: string;\n  renderLabel: ((item: ITreeNodeItem, nodeId: string) => JSX.Element) | undefined;\n  hasLoader: boolean;\n}\n\nconst TreeContext = createContext<TreeContextValue>();\n\nfunction TreeNode(props: { item: ITreeNodeItem; path: string }): JSX.Element {\n  const ctx = useContext(TreeContext)!;\n  const nodeId = (): string => props.item.id ?? props.path;\n  const resolvedChildren = (): ITreeNodeItem[] | undefined => props.item.children ?? ctx.loadedChildren()[nodeId()];\n  const isLazy = (): boolean => ctx.hasLoader && (!!props.item.hasChildren || !!ctx.loadedChildren()[nodeId()]);\n  const hasChildNodes = (): boolean => (!!resolvedChildren() && (resolvedChildren()?.length ?? 0) > 0) || isLazy();\n  const isOpen = (): boolean => ctx.expandedIds().includes(nodeId());\n  const isSelected = (): boolean => ctx.selectedIds().includes(nodeId());\n  const isLoading = (): boolean => ctx.loadingIds().includes(nodeId());\n\n  const onLabelClick = (): void => {\n    if (hasChildNodes()) {\n      if (!isOpen()) ctx.ensureLoaded(props.item, nodeId());\n      ctx.toggleExpanded(nodeId());\n    }\n    if (ctx.selectable) ctx.toggleSelected(nodeId());\n  };\n\n  const onKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      onLabelClick();\n    } else if (event.key === \"ArrowRight\" && hasChildNodes()) {\n      ctx.ensureLoaded(props.item, nodeId());\n      ctx.setOpen(nodeId(), true);\n    } else if (event.key === \"ArrowLeft\" && hasChildNodes()) {\n      ctx.setOpen(nodeId(), false);\n    }\n  };\n\n  return (\n    <div\n      class={cn(\"smwb-tree__node\", { \"smwb-tree__node_selected\": isSelected() })}\n      role=\"treeitem\"\n      aria-expanded={hasChildNodes() ? isOpen() : undefined}\n      aria-selected={ctx.selectable || ctx.checkboxes ? isSelected() : undefined}\n    >\n      <span class=\"smwb-tree__node__content\" onClick={onLabelClick} onKeyDown={onKeyDown} tabindex={0} role=\"button\">\n        <Show when={ctx.checkboxes}>\n          <input\n            type=\"checkbox\"\n            class=\"smwb-tree__node__checkbox\"\n            checked={isSelected()}\n            onClick={(e) => e.stopPropagation()}\n            onChange={() => ctx.toggleSelected(nodeId())}\n            aria-label={props.item.label}\n          />\n        </Show>\n        <span class=\"smwb-tree__node__label\">\n          <Show when={hasChildNodes()} fallback={<Icon name={ctx.listIcon} size={20} />}>\n            <Icon name={isOpen() ? ctx.nodeIcon.opened ?? \"folder_open\" : ctx.nodeIcon.closed ?? \"folder\"} fill={1} size={20} />\n          </Show>\n          {ctx.renderLabel ? ctx.renderLabel(props.item, nodeId()) : props.item.label}\n        </span>\n      </span>\n      <Show when={hasChildNodes() && isOpen()}>\n        <div role=\"group\">\n          <Show\n            when={!(isLoading() && !resolvedChildren())}\n            fallback={\n              <div class=\"smwb-tree__node__loading\" role=\"status\">\n                Загрузка…\n              </div>\n            }\n          >\n            <For each={resolvedChildren() ?? []}>\n              {(child, idx) => <TreeNode item={child} path={`${props.path}.${idx()}`} />}\n            </For>\n          </Show>\n        </div>\n      </Show>\n    </div>\n  );\n}\n\nexport function TreeView(props: TreeViewProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      listIcon: \"draft\",\n      nodeIcon: { closed: \"folder\", opened: \"folder_open\" } as { opened?: string; closed?: string },\n      data: [] as ITreeNodeItem[],\n      defaultExpanded: [] as string[],\n      defaultSelected: [] as string[],\n      selectable: false,\n      checkboxes: false,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"listIcon\",\n    \"nodeIcon\",\n    \"data\",\n    \"expanded\",\n    \"defaultExpanded\",\n    \"onExpandedChange\",\n    \"selected\",\n    \"defaultSelected\",\n    \"onSelectedChange\",\n    \"selectable\",\n    \"checkboxes\",\n    \"renderLabel\",\n    \"loadChildren\",\n    \"ref\",\n  ]);\n\n  const [loadedChildren, setLoadedChildren] = createSignal<Record<string, ITreeNodeItem[]>>({});\n  const [loadingIds, setLoadingIds] = createSignal<string[]>([]);\n  const [expandedIds, setExpandedIds] = createControllableState<string[]>({\n    value: () => local.expanded,\n    defaultValue: local.defaultExpanded,\n    onChange: (next) => local.onExpandedChange?.(next),\n  });\n  const [selectedIds, setSelectedIds] = createControllableState<string[]>({\n    value: () => local.selected,\n    defaultValue: local.defaultSelected,\n    onChange: (next) => local.onSelectedChange?.(next),\n  });\n\n  const toggleExpanded = (id: string): void =>\n    setExpandedIds((prev) => (prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]));\n\n  const setOpen = (id: string, open: boolean): void =>\n    setExpandedIds((prev) => {\n      const has = prev.includes(id);\n      if (open && !has) return [...prev, id];\n      if (!open && has) return prev.filter((x) => x !== id);\n      return prev;\n    });\n\n  const toggleSelected = (id: string): void =>\n    setSelectedIds((prev) => (prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]));\n\n  const ensureLoaded = (item: ITreeNodeItem, nodeId: string): void => {\n    if (!local.loadChildren || loadedChildren()[nodeId] || (item.children && item.children.length > 0)) return;\n    setLoadingIds((prev) => (prev.includes(nodeId) ? prev : [...prev, nodeId]));\n    void local\n      .loadChildren(item, nodeId)\n      .then((children) => setLoadedChildren((prev) => ({ ...prev, [nodeId]: children })))\n      .finally(() => setLoadingIds((prev) => prev.filter((x) => x !== nodeId)));\n  };\n\n  const contextValue: TreeContextValue = {\n    expandedIds,\n    selectedIds,\n    loadedChildren,\n    loadingIds,\n    toggleExpanded,\n    setOpen,\n    toggleSelected,\n    ensureLoaded,\n    get selectable() {\n      return local.selectable;\n    },\n    get checkboxes() {\n      return local.checkboxes;\n    },\n    get nodeIcon() {\n      return local.nodeIcon;\n    },\n    get listIcon() {\n      return local.listIcon;\n    },\n    get renderLabel() {\n      return local.renderLabel;\n    },\n    get hasLoader() {\n      return !!local.loadChildren;\n    },\n  };\n\n  return (\n    <TreeContext.Provider value={contextValue}>\n      <div {...rest} data-testid=\"tree-view\" ref={mergeRefs(local.ref)} role=\"tree\" class={cn(\"smwb-tree\", local.class)}>\n        <For each={local.data}>\n          {(node, idx) => (\n            <div class=\"smwb-tree__wrapper\" role=\"presentation\">\n              <TreeNode item={node} path={`${idx()}`} />\n            </div>\n          )}\n        </For>\n      </div>\n    </TreeContext.Provider>\n  );\n}\n\nexport default TreeView;\n"],"mappings":"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","names":[],"file":"treeView.jsx"}

package/dist/headless/source/components/dataDisplay/typography/index.js

@@ -0,0 +1,6 @@
+import { Typography, default as default2 } from "./typography";
+export {
+  Typography,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/headless/source/components/dataDisplay/typography/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/dataDisplay/typography/index.ts"],
+  "sourcesContent": ["export { Typography, default } from \"./typography\";\nexport type { TypographyProps, TypographyVariant, TypographyColor } from \"./typography\";\n"],
+  "mappings": "AAAA,SAAS,YAAY,WAAAA,gBAAe;",
+  "names": ["default"]
+}