@dust-tt/sparkle 0.2.227 → 0.2.229
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +3 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/Breadcrumbs.d.ts +1 -2
- package/dist/esm/components/Breadcrumbs.d.ts.map +1 -1
- package/dist/esm/components/Breadcrumbs.js +2 -3
- package/dist/esm/components/Breadcrumbs.js.map +1 -1
- package/dist/esm/hooks/usePaginationFromUrl.js +1 -1
- package/dist/esm/hooks/usePaginationFromUrl.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Breadcrumbs.tsx +3 -4
- package/src/hooks/usePaginationFromUrl.ts +1 -1
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import type { ComponentType } from "react";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { LinkProps } from "../components/Item";
|
|
4
3
|
interface BreadcrumbItem {
|
|
5
4
|
icon?: ComponentType<{
|
|
6
5
|
className?: string;
|
|
7
6
|
}>;
|
|
8
7
|
label: string;
|
|
9
|
-
|
|
8
|
+
href?: string;
|
|
10
9
|
}
|
|
11
10
|
interface BreadcrumbProps {
|
|
12
11
|
items: BreadcrumbItem[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,eAAe;IACvB,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAOD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,qBA2ErD"}
|
|
@@ -25,13 +25,12 @@ export function Breadcrumbs(_a) {
|
|
|
25
25
|
return acc;
|
|
26
26
|
}, { itemsShown: [], itemsHidden: [] }), itemsShown = _b.itemsShown, itemsHidden = _b.itemsHidden;
|
|
27
27
|
return (React.createElement("div", { className: "gap-2 s-flex s-flex-row s-items-center" }, itemsShown.map(function (item, index) {
|
|
28
|
-
var _a;
|
|
29
28
|
return (React.createElement("div", { key: "breadcrumbs-".concat(index), className: "s-flex s-flex-row s-items-center s-gap-1" },
|
|
30
29
|
React.createElement(Icon, { visual: item.icon, className: "s-text-brand" }),
|
|
31
30
|
item.label === ELLIPSIS_STRING ? (React.createElement(DropdownMenu, null,
|
|
32
31
|
React.createElement(DropdownMenu.Button, null, ELLIPSIS_STRING),
|
|
33
|
-
React.createElement(DropdownMenu.Items, { origin: "topLeft" }, itemsHidden.map(function (item, index) { return (React.createElement(DropdownMenu.Item, { icon: item.icon, label: item.label, link: item.
|
|
34
|
-
React.createElement(Link, { href:
|
|
32
|
+
React.createElement(DropdownMenu.Items, { origin: "topLeft" }, itemsHidden.map(function (item, index) { return (React.createElement(DropdownMenu.Item, { icon: item.icon, label: item.label, link: item.href ? { href: item.href } : undefined, key: "breadcrumbs-hidden-".concat(index) }, truncateWithTooltip(item.label, LABEL_TRUNCATE_LENGTH_MIDDLE))); })))) : (React.createElement("div", null,
|
|
33
|
+
React.createElement(Link, { href: item.href || "#", className: index === items.length - 1
|
|
35
34
|
? "s-text-element-900"
|
|
36
35
|
: "s-text-element-700" }, index === items.length - 1
|
|
37
36
|
? truncateWithTooltip(item.label, LABEL_TRUNCATE_LENGTH_END)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ export var usePaginationFromUrl = function (urlPrefix, initialPageSize) {
|
|
|
12
12
|
var pagination = { pageIndex: pageIndex, pageSize: pageSize };
|
|
13
13
|
var setPagination = function (newValue) {
|
|
14
14
|
if (newValue.pageIndex !== pageIndex || newValue.pageSize !== pageSize) {
|
|
15
|
-
setPageIndexParam(newValue.pageIndex.toString());
|
|
15
|
+
setPageIndexParam(newValue.pageIndex.toString(), { history: "push" });
|
|
16
16
|
setPageSizeParam(newValue.pageSize.toString());
|
|
17
17
|
}
|
|
18
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePaginationFromUrl.js","sourceRoot":"","sources":["../../../src/hooks/usePaginationFromUrl.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,IAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAClC,SAAkB,EAClB,eAAiC;IAAjC,gCAAA,EAAA,iCAAiC;IAE3B,IAAA,KAAA,OAAsC,YAAY,CACtD,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,cAAW,CAAC,CAAC,CAAC,WAAW,CAClD,IAAA,EAFM,cAAc,QAAA,EAAE,iBAAiB,QAEvC,CAAC;IACI,IAAA,KAAA,OAAoC,YAAY,CACpD,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,aAAU,CAAC,CAAC,CAAC,UAAU,CAChD,IAAA,EAFM,aAAa,QAAA,EAAE,gBAAgB,QAErC,CAAC;IAEF,IAAM,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,IAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC;IAE3E,IAAM,GAAG,GAAG,OAAO,CAAC;QAClB,IAAM,UAAU,GAAoB,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;QAE5D,IAAM,aAAa,GAAG,UAAC,QAAyB;YAC9C,IAAI,QAAQ,CAAC,SAAS,KAAK,SAAS,IAAI,QAAQ,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;gBACvE,iBAAiB,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"usePaginationFromUrl.js","sourceRoot":"","sources":["../../../src/hooks/usePaginationFromUrl.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,IAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAClC,SAAkB,EAClB,eAAiC;IAAjC,gCAAA,EAAA,iCAAiC;IAE3B,IAAA,KAAA,OAAsC,YAAY,CACtD,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,cAAW,CAAC,CAAC,CAAC,WAAW,CAClD,IAAA,EAFM,cAAc,QAAA,EAAE,iBAAiB,QAEvC,CAAC;IACI,IAAA,KAAA,OAAoC,YAAY,CACpD,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,aAAU,CAAC,CAAC,CAAC,UAAU,CAChD,IAAA,EAFM,aAAa,QAAA,EAAE,gBAAgB,QAErC,CAAC;IAEF,IAAM,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,IAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC;IAE3E,IAAM,GAAG,GAAG,OAAO,CAAC;QAClB,IAAM,UAAU,GAAoB,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;QAE5D,IAAM,aAAa,GAAG,UAAC,QAAyB;YAC9C,IAAI,QAAQ,CAAC,SAAS,KAAK,SAAS,IAAI,QAAQ,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;gBACvE,iBAAiB,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;gBACtE,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;YACjD,CAAC;QACH,CAAC,CAAC;QAEF,OAAO,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAErC,OAAO,GAAG,CAAC;AACb,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -3,7 +3,6 @@ import React from "react";
|
|
|
3
3
|
|
|
4
4
|
import { DropdownMenu } from "@sparkle/components/DropdownMenu";
|
|
5
5
|
import { Icon } from "@sparkle/components/Icon";
|
|
6
|
-
import { LinkProps } from "@sparkle/components/Item";
|
|
7
6
|
import { Tooltip } from "@sparkle/components/Tooltip";
|
|
8
7
|
import { SparkleContext, SparkleContextLinkType } from "@sparkle/context";
|
|
9
8
|
import { ChevronRightIcon } from "@sparkle/icons";
|
|
@@ -15,7 +14,7 @@ const ELLIPSIS_STRING = "...";
|
|
|
15
14
|
interface BreadcrumbItem {
|
|
16
15
|
icon?: ComponentType<{ className?: string }>;
|
|
17
16
|
label: string;
|
|
18
|
-
|
|
17
|
+
href?: string;
|
|
19
18
|
}
|
|
20
19
|
|
|
21
20
|
interface BreadcrumbProps {
|
|
@@ -64,7 +63,7 @@ export function Breadcrumbs({ items }: BreadcrumbProps) {
|
|
|
64
63
|
<DropdownMenu.Item
|
|
65
64
|
icon={item.icon}
|
|
66
65
|
label={item.label}
|
|
67
|
-
link={item.
|
|
66
|
+
link={item.href ? { href: item.href } : undefined}
|
|
68
67
|
key={`breadcrumbs-hidden-${index}`}
|
|
69
68
|
>
|
|
70
69
|
{truncateWithTooltip(
|
|
@@ -78,7 +77,7 @@ export function Breadcrumbs({ items }: BreadcrumbProps) {
|
|
|
78
77
|
) : (
|
|
79
78
|
<div>
|
|
80
79
|
<Link
|
|
81
|
-
href={item.
|
|
80
|
+
href={item.href || "#"}
|
|
82
81
|
className={
|
|
83
82
|
index === items.length - 1
|
|
84
83
|
? "s-text-element-900"
|
|
@@ -24,7 +24,7 @@ export const usePaginationFromUrl = (
|
|
|
24
24
|
|
|
25
25
|
const setPagination = (newValue: PaginationState) => {
|
|
26
26
|
if (newValue.pageIndex !== pageIndex || newValue.pageSize !== pageSize) {
|
|
27
|
-
setPageIndexParam(newValue.pageIndex.toString());
|
|
27
|
+
setPageIndexParam(newValue.pageIndex.toString(), { history: "push" });
|
|
28
28
|
setPageSizeParam(newValue.pageSize.toString());
|
|
29
29
|
}
|
|
30
30
|
};
|