@trebired/frontend 1.6.0 → 1.7.1
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/CHANGELOG.md +10 -0
- package/dist/actions/buttons.d.ts.map +1 -1
- package/dist/actions/buttons.js +43 -5
- package/dist/actions/buttons.js.map +1 -1
- package/dist/actions/components/index.d.ts +9 -0
- package/dist/actions/components/index.d.ts.map +1 -1
- package/dist/actions/components/index.js +10 -5
- package/dist/actions/components/index.js.map +1 -1
- package/dist/actions/forms.d.ts.map +1 -1
- package/dist/actions/forms.js +26 -4
- package/dist/actions/forms.js.map +1 -1
- package/dist/actions/index.d.ts +1 -1
- package/dist/actions/index.d.ts.map +1 -1
- package/dist/actions/index.js +1 -1
- package/dist/actions/index.js.map +1 -1
- package/dist/actions/response.d.ts +14 -1
- package/dist/actions/response.d.ts.map +1 -1
- package/dist/actions/response.js +77 -4
- package/dist/actions/response.js.map +1 -1
- package/dist/actions/triggers.d.ts +1 -0
- package/dist/actions/triggers.d.ts.map +1 -1
- package/dist/actions/triggers.js +11 -2
- package/dist/actions/triggers.js.map +1 -1
- package/dist/actions/types.d.ts +8 -0
- package/dist/actions/types.d.ts.map +1 -1
- package/dist/config/normalize.d.ts.map +1 -1
- package/dist/config/normalize.js +1 -0
- package/dist/config/normalize.js.map +1 -1
- package/dist/config/scss.d.ts.map +1 -1
- package/dist/config/scss.js +1 -0
- package/dist/config/scss.js.map +1 -1
- package/dist/config/types.d.ts +1 -1
- package/dist/config/types.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -1
- package/dist/primitives/components/card/body.d.ts +11 -0
- package/dist/primitives/components/card/body.d.ts.map +1 -0
- package/dist/primitives/components/card/body.js +138 -0
- package/dist/primitives/components/card/body.js.map +1 -0
- package/dist/primitives/components/card/parts.d.ts +10 -0
- package/dist/primitives/components/card/parts.d.ts.map +1 -0
- package/dist/primitives/components/card/parts.js +46 -0
- package/dist/primitives/components/card/parts.js.map +1 -0
- package/dist/primitives/components/controls.d.ts +15 -0
- package/dist/primitives/components/controls.d.ts.map +1 -0
- package/dist/primitives/components/controls.js +86 -0
- package/dist/primitives/components/controls.js.map +1 -0
- package/dist/primitives/components/index.d.ts +8 -0
- package/dist/primitives/components/index.d.ts.map +1 -0
- package/dist/primitives/components/index.js +7 -0
- package/dist/primitives/components/index.js.map +1 -0
- package/dist/primitives/components/key_value.d.ts +10 -0
- package/dist/primitives/components/key_value.d.ts.map +1 -0
- package/dist/primitives/components/key_value.js +120 -0
- package/dist/primitives/components/key_value.js.map +1 -0
- package/dist/primitives/components/shared.d.ts +44 -0
- package/dist/primitives/components/shared.d.ts.map +1 -0
- package/dist/primitives/components/shared.js +56 -0
- package/dist/primitives/components/shared.js.map +1 -0
- package/dist/primitives/components/time_counter.d.ts +7 -0
- package/dist/primitives/components/time_counter.d.ts.map +1 -0
- package/dist/primitives/components/time_counter.js +103 -0
- package/dist/primitives/components/time_counter.js.map +1 -0
- package/dist/primitives/components/types.d.ts +206 -0
- package/dist/primitives/components/types.d.ts.map +1 -0
- package/dist/primitives/components/types.js +2 -0
- package/dist/primitives/components/types.js.map +1 -0
- package/dist/primitives/index.d.ts +21 -0
- package/dist/primitives/index.d.ts.map +1 -0
- package/dist/primitives/index.js +127 -0
- package/dist/primitives/index.js.map +1 -0
- package/dist/primitives/styles/_card.scss +106 -0
- package/dist/primitives/styles/_controls.scss +195 -0
- package/dist/primitives/styles/_indicators.scss +165 -0
- package/dist/primitives/styles/_variables.scss +68 -0
- package/dist/primitives/styles/index.scss +3 -0
- package/dist/react/index.d.ts +1 -0
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/index.js +1 -0
- package/dist/react/index.js.map +1 -1
- package/dist/src/actions/buttons.d.ts.map +1 -1
- package/dist/src/actions/buttons.js +43 -5
- package/dist/src/actions/buttons.js.map +1 -1
- package/dist/src/actions/components/index.d.ts +9 -0
- package/dist/src/actions/components/index.d.ts.map +1 -1
- package/dist/src/actions/components/index.js +10 -5
- package/dist/src/actions/components/index.js.map +1 -1
- package/dist/src/actions/forms.d.ts.map +1 -1
- package/dist/src/actions/forms.js +26 -4
- package/dist/src/actions/forms.js.map +1 -1
- package/dist/src/actions/index.d.ts +1 -1
- package/dist/src/actions/index.d.ts.map +1 -1
- package/dist/src/actions/index.js +1 -1
- package/dist/src/actions/index.js.map +1 -1
- package/dist/src/actions/response.d.ts +14 -1
- package/dist/src/actions/response.d.ts.map +1 -1
- package/dist/src/actions/response.js +77 -4
- package/dist/src/actions/response.js.map +1 -1
- package/dist/src/actions/triggers.d.ts +1 -0
- package/dist/src/actions/triggers.d.ts.map +1 -1
- package/dist/src/actions/triggers.js +11 -2
- package/dist/src/actions/triggers.js.map +1 -1
- package/dist/src/actions/types.d.ts +8 -0
- package/dist/src/actions/types.d.ts.map +1 -1
- package/dist/src/config/normalize.d.ts.map +1 -1
- package/dist/src/config/normalize.js +1 -0
- package/dist/src/config/normalize.js.map +1 -1
- package/dist/src/config/scss.d.ts.map +1 -1
- package/dist/src/config/scss.js +1 -0
- package/dist/src/config/scss.js.map +1 -1
- package/dist/src/config/types.d.ts +1 -1
- package/dist/src/config/types.d.ts.map +1 -1
- package/dist/src/index.d.ts +1 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +3 -0
- package/dist/src/index.js.map +1 -1
- package/dist/src/primitives/components/card/body.d.ts +11 -0
- package/dist/src/primitives/components/card/body.d.ts.map +1 -0
- package/dist/src/primitives/components/card/body.js +138 -0
- package/dist/src/primitives/components/card/body.js.map +1 -0
- package/dist/src/primitives/components/card/parts.d.ts +10 -0
- package/dist/src/primitives/components/card/parts.d.ts.map +1 -0
- package/dist/src/primitives/components/card/parts.js +46 -0
- package/dist/src/primitives/components/card/parts.js.map +1 -0
- package/dist/src/primitives/components/controls.d.ts +15 -0
- package/dist/src/primitives/components/controls.d.ts.map +1 -0
- package/dist/src/primitives/components/controls.js +86 -0
- package/dist/src/primitives/components/controls.js.map +1 -0
- package/dist/src/primitives/components/index.d.ts +8 -0
- package/dist/src/primitives/components/index.d.ts.map +1 -0
- package/dist/src/primitives/components/index.js +7 -0
- package/dist/src/primitives/components/index.js.map +1 -0
- package/dist/src/primitives/components/key_value.d.ts +10 -0
- package/dist/src/primitives/components/key_value.d.ts.map +1 -0
- package/dist/src/primitives/components/key_value.js +120 -0
- package/dist/src/primitives/components/key_value.js.map +1 -0
- package/dist/src/primitives/components/shared.d.ts +44 -0
- package/dist/src/primitives/components/shared.d.ts.map +1 -0
- package/dist/src/primitives/components/shared.js +56 -0
- package/dist/src/primitives/components/shared.js.map +1 -0
- package/dist/src/primitives/components/time_counter.d.ts +7 -0
- package/dist/src/primitives/components/time_counter.d.ts.map +1 -0
- package/dist/src/primitives/components/time_counter.js +103 -0
- package/dist/src/primitives/components/time_counter.js.map +1 -0
- package/dist/src/primitives/components/types.d.ts +206 -0
- package/dist/src/primitives/components/types.d.ts.map +1 -0
- package/dist/src/primitives/components/types.js +2 -0
- package/dist/src/primitives/components/types.js.map +1 -0
- package/dist/src/primitives/index.d.ts +21 -0
- package/dist/src/primitives/index.d.ts.map +1 -0
- package/dist/src/primitives/index.js +127 -0
- package/dist/src/primitives/index.js.map +1 -0
- package/dist/src/react/index.d.ts +1 -0
- package/dist/src/react/index.d.ts.map +1 -1
- package/dist/src/react/index.js +1 -0
- package/dist/src/react/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { createElement as _createElement } from "react";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { ActionForm } from "../../actions/components/index.js";
|
|
4
|
+
import { Button as FrontendButton, Card as FrontendCard } from "../../surface/components/index.js";
|
|
5
|
+
import { actionButtonAttrs, appendClassName, joinClassNames, toText, wrapTriggerHostNode } from "./shared.js";
|
|
6
|
+
function buttonClassName(className, variant) {
|
|
7
|
+
return appendClassName("btn", variant === "solid" ? "solid" : "", className);
|
|
8
|
+
}
|
|
9
|
+
function button(props) {
|
|
10
|
+
const { actionButton, actionTrigger, children, className, variant, ...rest } = props;
|
|
11
|
+
return wrapTriggerHostNode(_jsx(FrontendButton, { className: buttonClassName(className, variant), ...actionButtonAttrs(actionButton), ...rest, children: children }), { action: actionTrigger });
|
|
12
|
+
}
|
|
13
|
+
function card(props) {
|
|
14
|
+
const { actionTrigger, children, className, ...rest } = props;
|
|
15
|
+
return wrapTriggerHostNode(_jsx(FrontendCard, { className: className, ...rest, children: children }), { action: actionTrigger });
|
|
16
|
+
}
|
|
17
|
+
function action_form(props) {
|
|
18
|
+
const { action, body, children, ignoreResponseAction, lifecycle, method = "post", success, successTab, ...rest } = props;
|
|
19
|
+
return (_jsx(ActionForm, { ...rest, action: action, body: body, ignoreResponseAction: ignoreResponseAction, lifecycle: lifecycle, method: method, success: success, successTab: successTab, children: children }));
|
|
20
|
+
}
|
|
21
|
+
function csrfInput(props) {
|
|
22
|
+
const value = toText(props.token);
|
|
23
|
+
if (props.optional === true && !value)
|
|
24
|
+
return null;
|
|
25
|
+
return _jsx("input", { type: "hidden", name: "_csrf", value: value });
|
|
26
|
+
}
|
|
27
|
+
function avatar(props) {
|
|
28
|
+
const sizeClass = props.size ? ` ${props.size}` : "";
|
|
29
|
+
if (props.src) {
|
|
30
|
+
return (_jsx("img", { alt: props.alt, className: joinClassNames(`avatar${sizeClass}`, props.className), height: props.height, referrerPolicy: "no-referrer", src: props.src, style: props.style, width: props.width }));
|
|
31
|
+
}
|
|
32
|
+
return (_jsx("div", { "aria-hidden": "true", className: joinClassNames(`avatar${sizeClass} unknown`, props.className), style: props.style }));
|
|
33
|
+
}
|
|
34
|
+
function pill(props) {
|
|
35
|
+
const { children, className, ...rest } = props;
|
|
36
|
+
return (_jsx("span", { className: joinClassNames("pill", className), ...rest, children: children }));
|
|
37
|
+
}
|
|
38
|
+
function separator(props = {}) {
|
|
39
|
+
const orientation = props.orientation === "vertical" ? "vertical" : "horizontal";
|
|
40
|
+
const classNameText = toText(props.className);
|
|
41
|
+
const visible = orientation === "vertical" ||
|
|
42
|
+
props.visible === true ||
|
|
43
|
+
/\bui-separator-visible\b/u.test(classNameText);
|
|
44
|
+
if (!visible)
|
|
45
|
+
return null;
|
|
46
|
+
return (_jsx("div", { "aria-orientation": orientation, className: joinClassNames("ui-separator", orientation === "vertical" ? "ui-separator-vertical" : "ui-separator-horizontal", classNameText), role: "separator" }));
|
|
47
|
+
}
|
|
48
|
+
function list(props) {
|
|
49
|
+
const items = Array.isArray(props.items) ? props.items : [];
|
|
50
|
+
const className = toText(props.className, "list column gap-xs");
|
|
51
|
+
const itemClassName = toText(props.itemClassName);
|
|
52
|
+
return (_jsx("div", { className: className, style: props.style, children: items.map((item, index) => (_createElement("div", { ...(props.getItemProps ? props.getItemProps(item, index) : {}), className: itemClassName || undefined, key: props.getKey ? props.getKey(item, index) : `list_item_${index}` }, props.renderItem(item, index)))) }));
|
|
53
|
+
}
|
|
54
|
+
function masonry(props) {
|
|
55
|
+
const { columns, ...attrs } = props;
|
|
56
|
+
const safeColumns = Array.isArray(columns)
|
|
57
|
+
? columns.filter((column) => column != null && column !== false)
|
|
58
|
+
: [];
|
|
59
|
+
return (_jsx("div", { ...attrs, className: "grid gap-sm auto-lg", children: safeColumns.map((column, index) => (_jsx("div", { className: "column gap-sm", children: column }, `masonry_column_${index}`))) }));
|
|
60
|
+
}
|
|
61
|
+
function parse_wrapper_attributes(value) {
|
|
62
|
+
const raw = toText(value);
|
|
63
|
+
if (!raw)
|
|
64
|
+
return {};
|
|
65
|
+
return raw.split(/\s+/).filter(Boolean).reduce((attrs, key) => {
|
|
66
|
+
attrs[key] = "";
|
|
67
|
+
return attrs;
|
|
68
|
+
}, {});
|
|
69
|
+
}
|
|
70
|
+
function bar(props) {
|
|
71
|
+
const percent = Number.isFinite(Number(props.percent))
|
|
72
|
+
? Math.max(0, Math.min(100, Number(props.percent)))
|
|
73
|
+
: 0;
|
|
74
|
+
const className = props.card === true ? "card column gap-xs" : "column gap-xs";
|
|
75
|
+
return (_jsxs("div", { className: className, hidden: props.hidden === true, ...parse_wrapper_attributes(props.wrapperAttributes), children: [_jsxs("div", { className: "inline-row gap-xs", children: [_jsx("span", { className: "text-sm", "data-progress-meta": "", children: String(props.meta || "") }), _jsx("span", { className: "text-sm text-muted right", "data-progress-label": "", children: String(props.label || "") })] }), _jsx("div", { className: "progress", "data-progress": "", style: { ["--progress-percent"]: `${percent}%` }, children: _jsx("div", { "data-progress-mount": "", children: _jsx("span", { "data-progress-fill": "", style: { width: `${percent}%` } }) }) })] }));
|
|
76
|
+
}
|
|
77
|
+
function circle(props) {
|
|
78
|
+
return (_jsx("div", { "aria-hidden": "true", className: `loader-circle ${String(props.size || "md")}` }));
|
|
79
|
+
}
|
|
80
|
+
function status_dot(props) {
|
|
81
|
+
const tone = toText(props.tone, "gray").toLowerCase() || "gray";
|
|
82
|
+
const size = toText(props.size, "md").toLowerCase() || "md";
|
|
83
|
+
return (_jsx("span", { className: joinClassNames("dot", `dot-${size}`, tone, props.className), ...(props.ariaHidden !== false ? { "aria-hidden": "true" } : {}), ...(props.title ? { title: props.title } : {}) }));
|
|
84
|
+
}
|
|
85
|
+
export { action_form, avatar, bar, button, card, circle, csrfInput, list, masonry, pill, separator, status_dot, };
|
|
86
|
+
//# sourceMappingURL=controls.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"controls.js","sourceRoot":"","sources":["../../../../src/primitives/components/controls.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export * from "./card/body.js";
|
|
2
|
+
export * from "./card/parts.js";
|
|
3
|
+
export * from "./controls.js";
|
|
4
|
+
export * from "./key_value.js";
|
|
5
|
+
export * from "./shared.js";
|
|
6
|
+
export * from "./time_counter.js";
|
|
7
|
+
export type { AvatarProps, BodyProps, CardItemProps, CardSegment, CardSegmentRow, CardSegmentsProps, CsrfInputProps, PillProps, SelectCardItem, SelectCardsProps, SeparatorProps, StatusDotProps, StatusDotSize, StatusDotTone, TimeCounterProps, bar_props, circle_props, key_value_group, key_value_props, key_value_row, list_props, masonry_props, primitive_action_form_props, primitive_button_props, primitive_card_props, } from "./types.js";
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,YAAY,EACV,WAAW,EACX,SAAS,EACT,aAAa,EACb,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,eAAe,EACf,eAAe,EACf,aAAa,EACb,UAAU,EACV,aAAa,EACb,2BAA2B,EAC3B,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/primitives/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { key_value_props, key_value_row } from "./types.js";
|
|
2
|
+
declare function keyValueRow(label: string, value: unknown, id?: string, t?: unknown): key_value_row;
|
|
3
|
+
declare function keyValueTimeRow(label: string, value: unknown, id?: string, t?: unknown): key_value_row;
|
|
4
|
+
declare function key_value_rows(rows: key_value_row[], props?: {
|
|
5
|
+
layout?: "column" | "inline";
|
|
6
|
+
rowClassName?: string;
|
|
7
|
+
}): import("react").JSX.Element[];
|
|
8
|
+
declare function key_value(props: key_value_props): import("react").JSX.Element;
|
|
9
|
+
export { keyValueRow, keyValueTimeRow, key_value, key_value_rows };
|
|
10
|
+
//# sourceMappingURL=key_value.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"key_value.d.ts","sourceRoot":"","sources":["../../../../src/primitives/components/key_value.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAsBjE,iBAAS,WAAW,CAClB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,OAAO,EACd,EAAE,SAAK,EACP,CAAC,CAAC,EAAE,OAAO,GACV,aAAa,CAOf;AAED,iBAAS,eAAe,CACtB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,OAAO,EACd,EAAE,SAAK,EACP,CAAC,CAAC,EAAE,OAAO,GACV,aAAa,CASf;AAsED,iBAAS,cAAc,CACrB,IAAI,EAAE,aAAa,EAAE,EACrB,KAAK,CAAC,EAAE;IAAE,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,iCAQhE;AA+BD,iBAAS,SAAS,CAAC,KAAK,EAAE,eAAe,+BA+BxC;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { toText } from "./shared.js";
|
|
3
|
+
import { separator } from "./controls.js";
|
|
4
|
+
function formatAbsoluteDateTimeLabel(value) {
|
|
5
|
+
const raw = toText(value);
|
|
6
|
+
if (!raw)
|
|
7
|
+
return "";
|
|
8
|
+
const date = new Date(raw);
|
|
9
|
+
if (!Number.isFinite(date.getTime()))
|
|
10
|
+
return raw;
|
|
11
|
+
return date.toLocaleString();
|
|
12
|
+
}
|
|
13
|
+
function formatKeyValueRowValue(row) {
|
|
14
|
+
if (row.format === "time")
|
|
15
|
+
return formatAbsoluteDateTimeLabel(row.value);
|
|
16
|
+
return row.value == null ? "" : String(row.value);
|
|
17
|
+
}
|
|
18
|
+
function unavailableLabel(t) {
|
|
19
|
+
if (typeof t === "function")
|
|
20
|
+
return toText(t("state.unavailable"), "Unavailable");
|
|
21
|
+
return "Unavailable";
|
|
22
|
+
}
|
|
23
|
+
function keyValueRow(label, value, id = "", t) {
|
|
24
|
+
const text = toText(value);
|
|
25
|
+
return {
|
|
26
|
+
...(id ? { id } : {}),
|
|
27
|
+
label,
|
|
28
|
+
value: text || unavailableLabel(t),
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
function keyValueTimeRow(label, value, id = "", t) {
|
|
32
|
+
const text = toText(value);
|
|
33
|
+
if (!text)
|
|
34
|
+
return keyValueRow(label, unavailableLabel(t), id, t);
|
|
35
|
+
return {
|
|
36
|
+
...(id ? { id } : {}),
|
|
37
|
+
format: "time",
|
|
38
|
+
label,
|
|
39
|
+
value: text,
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
function isRenderableValueNode(value) {
|
|
43
|
+
if (Array.isArray(value))
|
|
44
|
+
return true;
|
|
45
|
+
if (!value || typeof value !== "object")
|
|
46
|
+
return false;
|
|
47
|
+
return Object.prototype.hasOwnProperty.call(value, "$$typeof");
|
|
48
|
+
}
|
|
49
|
+
function keyValueRowValueProps(row) {
|
|
50
|
+
return {
|
|
51
|
+
...(row.id ? { id: String(row.id) } : {}),
|
|
52
|
+
...(row.attributes ? { "data-attrs-html": row.attributes } : {}),
|
|
53
|
+
...(row.value_attributes ? { "data-value-attrs-html": row.value_attributes } : {}),
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
function row_value_content(row, valueClassName) {
|
|
57
|
+
const valueHtml = typeof row.value_html === "string" ? row.value_html : "";
|
|
58
|
+
const valueNode = row.value_node != null ? row.value_node : isRenderableValueNode(row.value) ? row.value : null;
|
|
59
|
+
const sharedProps = keyValueRowValueProps(row);
|
|
60
|
+
if (valueHtml) {
|
|
61
|
+
return (_jsx("div", { className: valueClassName, ...sharedProps, dangerouslySetInnerHTML: { __html: valueHtml } }));
|
|
62
|
+
}
|
|
63
|
+
if (valueNode != null) {
|
|
64
|
+
return (_jsx("div", { className: valueClassName, ...sharedProps, children: valueNode }));
|
|
65
|
+
}
|
|
66
|
+
return (_jsx("span", { className: valueClassName, ...sharedProps, children: formatKeyValueRowValue(row) }));
|
|
67
|
+
}
|
|
68
|
+
function key_value_row_item(row, index, layout, rowClassName, valueClassName) {
|
|
69
|
+
return (_jsxs("div", { className: `${layout === "inline" ? "inline-row gap-xs2 lh-xs fit-content" : "inline-row gap-xs2 lh-xs"} ${rowClassName}`.trim(), children: [layout === "inline" && index > 0 ? (_jsx("span", { className: "text-muted lh-xs", children: "\u2022" })) : null, _jsxs("span", { className: "text-muted lh-xs", ...(row.label_attributes ? { "data-label-attrs-html": row.label_attributes } : {}), children: [String(row.label || ""), ":"] }), row_value_content(row, valueClassName)] }, `${String(row.label || "row")}_${index}`));
|
|
70
|
+
}
|
|
71
|
+
function key_value_rows(rows, props) {
|
|
72
|
+
const layout = props?.layout === "inline" ? "inline" : "column";
|
|
73
|
+
const rowClassName = toText(props?.rowClassName);
|
|
74
|
+
const valueClassName = layout === "inline" ? "text-muted text-break lh-xs" : "text-break lh-xs";
|
|
75
|
+
return rows
|
|
76
|
+
.filter((row) => row && typeof row === "object" && row.label)
|
|
77
|
+
.map((row, index) => key_value_row_item(row, index, layout, rowClassName, valueClassName));
|
|
78
|
+
}
|
|
79
|
+
function keyValueModel(props) {
|
|
80
|
+
const groups = Array.isArray(props.groups) ? props.groups.filter(Boolean) : [];
|
|
81
|
+
const rows = Array.isArray(props.rows) ? props.rows.filter(Boolean) : [];
|
|
82
|
+
const layout = props.layout === "inline" ? "inline" : "column";
|
|
83
|
+
const separated = props.separated === true || groups.length > 0;
|
|
84
|
+
const wrapInCard = props.card === true || (props.card !== false && separated);
|
|
85
|
+
const className = toText(props.className);
|
|
86
|
+
const rowsClassName = toText(props.rowsClassName);
|
|
87
|
+
const isInlineList = layout === "inline" && !wrapInCard;
|
|
88
|
+
return {
|
|
89
|
+
bodyClassName: isInlineList
|
|
90
|
+
? `inline-row gap-xs2 wrap text-muted ${rowsClassName}`.trim()
|
|
91
|
+
: layout === "inline"
|
|
92
|
+
? `inline-row gap-xs2 wrap ${rowsClassName}`.trim()
|
|
93
|
+
: `column gap-xs ${rowsClassName}`.trim(),
|
|
94
|
+
groups,
|
|
95
|
+
layout,
|
|
96
|
+
rowClassName: toText(props.rowClassName),
|
|
97
|
+
rows,
|
|
98
|
+
separated,
|
|
99
|
+
wrapperClassName: isInlineList
|
|
100
|
+
? `text-sm card-segments ${className}`.trim()
|
|
101
|
+
: wrapInCard
|
|
102
|
+
? "card column gap-xs"
|
|
103
|
+
: `column gap-xs ${className}`.trim(),
|
|
104
|
+
};
|
|
105
|
+
}
|
|
106
|
+
function key_value(props) {
|
|
107
|
+
const model = keyValueModel(props);
|
|
108
|
+
if (model.groups.length) {
|
|
109
|
+
return (_jsx("div", { className: "grid gap-sm", children: model.groups.map((group, index) => (_jsxs("div", { className: model.wrapperClassName, children: [group.title ? _jsx("div", { className: "label lh-xs", children: String(group.title) }) : null, model.separated ? separator({}) : null, _jsx("div", { className: model.bodyClassName, children: key_value_rows(Array.isArray(group.rows) ? group.rows : [], {
|
|
110
|
+
layout: model.layout,
|
|
111
|
+
rowClassName: model.rowClassName,
|
|
112
|
+
}) })] }, `${String(group.title || "group")}_${index}`))) }));
|
|
113
|
+
}
|
|
114
|
+
return (_jsxs("div", { className: model.wrapperClassName, children: [model.separated ? separator({}) : null, _jsx("div", { className: model.bodyClassName, children: key_value_rows(model.rows, {
|
|
115
|
+
layout: model.layout,
|
|
116
|
+
rowClassName: model.rowClassName,
|
|
117
|
+
}) })] }));
|
|
118
|
+
}
|
|
119
|
+
export { keyValueRow, keyValueTimeRow, key_value, key_value_rows };
|
|
120
|
+
//# sourceMappingURL=key_value.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"key_value.js","sourceRoot":"","sources":["../../../../src/primitives/components/key_value.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
import type { BindActionTriggerOptions } from "../../actions/triggers.d.ts";
|
|
3
|
+
import type { SubmitActionButtonOptions } from "../../actions/types.d.ts";
|
|
4
|
+
declare function joinClassNames(...values: unknown[]): string;
|
|
5
|
+
declare function appendClassName(input: unknown, ...values: unknown[]): string;
|
|
6
|
+
declare function toText(value: unknown, fallback?: string): string;
|
|
7
|
+
declare function jsonAttr(value: unknown): string;
|
|
8
|
+
declare function actionButtonAttrs(options?: SubmitActionButtonOptions): {
|
|
9
|
+
"data-tbf-action-body"?: undefined;
|
|
10
|
+
"data-tbf-action-method"?: undefined;
|
|
11
|
+
"data-tbf-action-ui"?: undefined;
|
|
12
|
+
"data-tbf-action-url"?: undefined;
|
|
13
|
+
"data-tbf-confetti"?: undefined;
|
|
14
|
+
"data-tbf-confirm"?: undefined;
|
|
15
|
+
"data-tbf-ignore-response-action"?: undefined;
|
|
16
|
+
"data-tbf-submit"?: undefined;
|
|
17
|
+
"data-tbf-success"?: undefined;
|
|
18
|
+
"data-tbf-success-tab"?: undefined;
|
|
19
|
+
} | {
|
|
20
|
+
"data-tbf-action-body": string;
|
|
21
|
+
"data-tbf-action-method": string;
|
|
22
|
+
"data-tbf-action-ui": string;
|
|
23
|
+
"data-tbf-action-url": string;
|
|
24
|
+
"data-tbf-confetti": string;
|
|
25
|
+
"data-tbf-confirm": string;
|
|
26
|
+
"data-tbf-ignore-response-action": string;
|
|
27
|
+
"data-tbf-submit": string;
|
|
28
|
+
"data-tbf-success": "soft-reload";
|
|
29
|
+
"data-tbf-success-tab": string;
|
|
30
|
+
};
|
|
31
|
+
declare function actionTriggerAttrs(options?: BindActionTriggerOptions): {
|
|
32
|
+
"data-tbf-action-trigger"?: undefined;
|
|
33
|
+
"data-tbf-external-href"?: undefined;
|
|
34
|
+
"data-tbf-href"?: undefined;
|
|
35
|
+
} | {
|
|
36
|
+
"data-tbf-action-trigger": string;
|
|
37
|
+
"data-tbf-external-href": string;
|
|
38
|
+
"data-tbf-href": string;
|
|
39
|
+
};
|
|
40
|
+
declare function wrapTriggerHostNode(children: ReactNode, options: {
|
|
41
|
+
action?: BindActionTriggerOptions;
|
|
42
|
+
}): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode>> | import("react").JSX.Element;
|
|
43
|
+
export { actionButtonAttrs, actionTriggerAttrs, appendClassName, joinClassNames, jsonAttr, toText, wrapTriggerHostNode, };
|
|
44
|
+
//# sourceMappingURL=shared.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/primitives/components/shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAS/D,iBAAS,cAAc,CAAC,GAAG,MAAM,EAAE,OAAO,EAAE,UAE3C;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,OAAO,EAAE,UAI5D;AAED,iBAAS,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,SAAK,UAG5C;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,OAAO,UAG/B;AAED,iBAAS,iBAAiB,CAAC,OAAO,CAAC,EAAE,yBAAyB;;;;;;;;;;;;;;;;;;;;;;EAgB7D;AAED,iBAAS,kBAAkB,CAAC,OAAO,CAAC,EAAE,wBAAwB;;;;;;;;EAO7D;AAED,iBAAS,mBAAmB,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE;IAAE,MAAM,CAAC,EAAE,wBAAwB,CAAA;CAAE,yRAW/F;AAED,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,QAAQ,EACR,MAAM,EACN,mBAAmB,GACpB,CAAC"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { jsonScript } from "../../components/index.js";
|
|
3
|
+
function classNameParts(values) {
|
|
4
|
+
return values
|
|
5
|
+
.flatMap((value) => (Array.isArray(value) ? classNameParts(value) : [String(value || "").trim()]))
|
|
6
|
+
.filter(Boolean);
|
|
7
|
+
}
|
|
8
|
+
function joinClassNames(...values) {
|
|
9
|
+
return classNameParts(values).join(" ");
|
|
10
|
+
}
|
|
11
|
+
function appendClassName(input, ...values) {
|
|
12
|
+
const next = new Set(classNameParts([input]));
|
|
13
|
+
classNameParts(values).forEach((value) => next.add(value));
|
|
14
|
+
return Array.from(next).join(" ");
|
|
15
|
+
}
|
|
16
|
+
function toText(value, fallback = "") {
|
|
17
|
+
const text = String(value ?? "").trim();
|
|
18
|
+
return text || fallback;
|
|
19
|
+
}
|
|
20
|
+
function jsonAttr(value) {
|
|
21
|
+
if (value === undefined || typeof value === "function")
|
|
22
|
+
return undefined;
|
|
23
|
+
return jsonScript(value);
|
|
24
|
+
}
|
|
25
|
+
function actionButtonAttrs(options) {
|
|
26
|
+
if (!options)
|
|
27
|
+
return {};
|
|
28
|
+
return {
|
|
29
|
+
"data-tbf-action-body": jsonAttr(options.body),
|
|
30
|
+
"data-tbf-action-method": options.method,
|
|
31
|
+
"data-tbf-action-ui": jsonAttr(options.ui),
|
|
32
|
+
"data-tbf-action-url": options.url,
|
|
33
|
+
"data-tbf-confetti": options.successConfetti === true ? "true" : undefined,
|
|
34
|
+
"data-tbf-confirm": typeof options.confirm === "boolean" ? String(options.confirm) : undefined,
|
|
35
|
+
"data-tbf-ignore-response-action": options.ignoreResponseAction === true ? "true" : undefined,
|
|
36
|
+
"data-tbf-submit": "",
|
|
37
|
+
"data-tbf-success": options.success,
|
|
38
|
+
"data-tbf-success-tab": options.successTab,
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
function actionTriggerAttrs(options) {
|
|
42
|
+
if (!options)
|
|
43
|
+
return {};
|
|
44
|
+
return {
|
|
45
|
+
"data-tbf-action-trigger": options.action,
|
|
46
|
+
"data-tbf-external-href": options.externalHref,
|
|
47
|
+
"data-tbf-href": options.href,
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
function wrapTriggerHostNode(children, options) {
|
|
51
|
+
if (!options.action)
|
|
52
|
+
return children;
|
|
53
|
+
return (_jsx("span", { ...actionTriggerAttrs(options.action), className: "action-trigger-host", style: { display: "contents" }, children: children }));
|
|
54
|
+
}
|
|
55
|
+
export { actionButtonAttrs, actionTriggerAttrs, appendClassName, joinClassNames, jsonAttr, toText, wrapTriggerHostNode, };
|
|
56
|
+
//# sourceMappingURL=shared.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../src/primitives/components/shared.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { TimeCounterProps } from "./types.js";
|
|
2
|
+
declare function formatDuration(ms: number): string;
|
|
3
|
+
declare function parseCountValue(value: unknown): number;
|
|
4
|
+
declare function formatWrappedCount(value: unknown): string;
|
|
5
|
+
declare function time_counter(props: TimeCounterProps): import("react").JSX.Element;
|
|
6
|
+
export { formatDuration, formatWrappedCount, parseCountValue, time_counter };
|
|
7
|
+
//# sourceMappingURL=time_counter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"time_counter.d.ts","sourceRoot":"","sources":["../../../../src/primitives/components/time_counter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAOnD,iBAAS,cAAc,CAAC,EAAE,EAAE,MAAM,UAajC;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,OAAO,UAItC;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,OAAO,UAIzC;AAyED,iBAAS,YAAY,CAAC,KAAK,EAAE,gBAAgB,+BA6B5C;AAED,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { jsonScript } from "../../components/index.js";
|
|
3
|
+
import { joinClassNames, toText } from "./shared.js";
|
|
4
|
+
function normalizeDurationMs(value) {
|
|
5
|
+
return Number.isFinite(value) ? Math.max(0, value) : 0;
|
|
6
|
+
}
|
|
7
|
+
function formatDuration(ms) {
|
|
8
|
+
const safeMs = normalizeDurationMs(ms);
|
|
9
|
+
const totalSec = Math.floor(safeMs / 1000);
|
|
10
|
+
const days = Math.floor(totalSec / 86400);
|
|
11
|
+
const hours = Math.floor((totalSec % 86400) / 3600);
|
|
12
|
+
const minutes = Math.floor((totalSec % 3600) / 60);
|
|
13
|
+
const seconds = totalSec % 60;
|
|
14
|
+
const parts = [];
|
|
15
|
+
if (days)
|
|
16
|
+
parts.push(`${days}d`);
|
|
17
|
+
if (days || hours)
|
|
18
|
+
parts.push(`${hours}h`);
|
|
19
|
+
if (days || hours || minutes)
|
|
20
|
+
parts.push(`${minutes}m`);
|
|
21
|
+
parts.push(`${seconds}s`);
|
|
22
|
+
return parts.join(" ");
|
|
23
|
+
}
|
|
24
|
+
function parseCountValue(value) {
|
|
25
|
+
const parsed = Number(value);
|
|
26
|
+
if (!Number.isFinite(parsed))
|
|
27
|
+
return null;
|
|
28
|
+
return Math.max(0, parsed);
|
|
29
|
+
}
|
|
30
|
+
function formatWrappedCount(value) {
|
|
31
|
+
const parsed = parseCountValue(value);
|
|
32
|
+
if (parsed == null)
|
|
33
|
+
return "";
|
|
34
|
+
return `(${parsed.toLocaleString("en-US")})`;
|
|
35
|
+
}
|
|
36
|
+
function parseDateMsOrNull(value) {
|
|
37
|
+
const text = toText(value);
|
|
38
|
+
if (!text)
|
|
39
|
+
return null;
|
|
40
|
+
const parsed = Date.parse(text);
|
|
41
|
+
return Number.isFinite(parsed) ? parsed : null;
|
|
42
|
+
}
|
|
43
|
+
function countCounterState(props) {
|
|
44
|
+
const countValue = parseCountValue(props.count);
|
|
45
|
+
return {
|
|
46
|
+
countValue,
|
|
47
|
+
initialText: formatWrappedCount(countValue),
|
|
48
|
+
shouldRenderCounter: countValue != null,
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
function durationCounterState(props, startRaw, endRaw) {
|
|
52
|
+
const remaining = props.remaining === true;
|
|
53
|
+
const live = typeof props.live === "boolean" ? props.live : !endRaw;
|
|
54
|
+
const startMs = startRaw ? parseDateMsOrNull(startRaw) : null;
|
|
55
|
+
const endMs = endRaw ? parseDateMsOrNull(endRaw) : null;
|
|
56
|
+
return {
|
|
57
|
+
initialText: remaining && endMs != null
|
|
58
|
+
? formatDuration(endMs - Date.now())
|
|
59
|
+
: startMs != null && live
|
|
60
|
+
? formatDuration(Date.now() - startMs)
|
|
61
|
+
: startMs != null && endMs != null
|
|
62
|
+
? formatDuration(endMs - startMs)
|
|
63
|
+
: "-",
|
|
64
|
+
live,
|
|
65
|
+
remaining,
|
|
66
|
+
shouldRenderCounter: Boolean((remaining && endRaw) || startRaw),
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
function counterClassName(props, countMode) {
|
|
70
|
+
const unstyled = props.unstyled === true || props.bare === true;
|
|
71
|
+
return joinClassNames("time-counter", unstyled || countMode ? "" : "font-mono", unstyled || countMode ? "" : "text-sm", props.className);
|
|
72
|
+
}
|
|
73
|
+
function counterConfig(props, config) {
|
|
74
|
+
return {
|
|
75
|
+
count: config.countMode ? config.countValue : undefined,
|
|
76
|
+
end: !config.countMode &&
|
|
77
|
+
((!config.live && config.endRaw) || (config.remaining && config.endRaw))
|
|
78
|
+
? config.endRaw
|
|
79
|
+
: "",
|
|
80
|
+
live: !config.countMode && config.live,
|
|
81
|
+
mode: config.countMode ? "count" : config.remaining ? "remaining" : undefined,
|
|
82
|
+
reloadOnZero: !config.countMode && props.reloadOnZero === true,
|
|
83
|
+
start: !config.countMode ? config.startRaw : "",
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
function time_counter(props) {
|
|
87
|
+
const countMode = props.mode === "count";
|
|
88
|
+
const startRaw = toText(props.start);
|
|
89
|
+
const endRaw = toText(props.end);
|
|
90
|
+
const state = countMode
|
|
91
|
+
? countCounterState(props)
|
|
92
|
+
: durationCounterState(props, startRaw, endRaw);
|
|
93
|
+
if (!state.shouldRenderCounter && props.alwaysRender !== true)
|
|
94
|
+
return null;
|
|
95
|
+
const countValue = "countValue" in state ? state.countValue : null;
|
|
96
|
+
const live = "live" in state ? state.live : false;
|
|
97
|
+
const remaining = "remaining" in state ? state.remaining : false;
|
|
98
|
+
return (_jsxs("span", { "data-tbf-time-counter": "", style: { display: "contents" }, children: [_jsx("script", { "data-tbf-time-counter-config": "", hidden: true, type: "application/json", dangerouslySetInnerHTML: {
|
|
99
|
+
__html: jsonScript(counterConfig(props, { countMode, countValue, endRaw, live, remaining, startRaw })),
|
|
100
|
+
} }), _jsx("span", { ...(props.id ? { id: props.id } : {}), className: counterClassName(props, countMode), children: state.initialText })] }));
|
|
101
|
+
}
|
|
102
|
+
export { formatDuration, formatWrappedCount, parseCountValue, time_counter };
|
|
103
|
+
//# sourceMappingURL=time_counter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"time_counter.js","sourceRoot":"","sources":["../../../../src/primitives/components/time_counter.tsx"],"names":[],"mappings":"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"}
|