@powerhousedao/document-engineering 1.6.0 → 1.7.0
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/src/ui/components/data-entry/radio-group/radio-group.d.ts +1 -0
- package/dist/src/ui/components/data-entry/radio-group/radio-group.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/radio-group/radio-group.js +1 -1
- package/dist/src/ui/components/data-entry/radio-group/radio-group.js.map +1 -1
- package/dist/src/ui/components/data-entry/text-input/text-input.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/text-input/text-input.js +1 -1
- package/dist/src/ui/components/data-entry/text-input/text-input.js.map +1 -1
- package/dist/src/ui/components/data-entry/url-input/url-input.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/url-input/url-input.js +17 -6
- package/dist/src/ui/components/data-entry/url-input/url-input.js.map +1 -1
- package/dist/src/ui/components/object-set-table/examples/computed-columns/computed-columns.d.ts +3 -0
- package/dist/src/ui/components/object-set-table/examples/computed-columns/computed-columns.d.ts.map +1 -0
- package/dist/src/ui/components/object-set-table/examples/computed-columns/computed-columns.js +47 -0
- package/dist/src/ui/components/object-set-table/examples/computed-columns/computed-columns.js.map +1 -0
- package/dist/src/ui/components/object-set-table/examples/custom-rendering/custom-rendering.d.ts +3 -0
- package/dist/src/ui/components/object-set-table/examples/custom-rendering/custom-rendering.d.ts.map +1 -0
- package/dist/src/ui/components/object-set-table/examples/custom-rendering/custom-rendering.js +32 -0
- package/dist/src/ui/components/object-set-table/examples/custom-rendering/custom-rendering.js.map +1 -0
- package/dist/src/ui/components/object-set-table/subcomponents/body.js +3 -3
- package/dist/src/ui/components/object-set-table/subcomponents/body.js.map +1 -1
- package/dist/src/ui/components/object-set-table/types.d.ts +8 -2
- package/dist/src/ui/components/object-set-table/types.d.ts.map +1 -1
- package/dist/style.css +120 -5
- package/dist/tsconfig.lib.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/radio-group/radio-group.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,KAAgB,MAAM,OAAO,CAAC;AAIrC,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,EAAE,CAAC;IACJ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,KAAK,eAAe,GAAG,IAAI,CACzB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,MAAM,cAAc,CAAC,MAAM,CAAC,GAAG,MAAM,mBAAmB,GAAG,KAAK,CACjE,GACC,cAAc,CAAC,MAAM,CAAC,GACtB,mBAAmB,GAAG;IACpB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CACrB,CAAC;AAEJ,QAAA,MAAM,UAAU;UAHN,KAAK,GAAG,KAAK;wCAiFtB,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,KAAK,mBAAmB,EAAE,KAAK,eAAe,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/radio-group/radio-group.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,KAAgB,MAAM,OAAO,CAAC;AAIrC,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,EAAE,CAAC;IACJ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,KAAK,eAAe,GAAG,IAAI,CACzB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,MAAM,cAAc,CAAC,MAAM,CAAC,GAAG,MAAM,mBAAmB,GAAG,KAAK,CACjE,GACC,cAAc,CAAC,MAAM,CAAC,GACtB,mBAAmB,GAAG;IACpB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CACrB,CAAC;AAEJ,QAAA,MAAM,UAAU;UAHN,KAAK,GAAG,KAAK;wCAiFtB,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,KAAK,mBAAmB,EAAE,KAAK,eAAe,EAAE,CAAC"}
|
|
@@ -12,7 +12,7 @@ const RadioGroup = React.forwardRef(({ autoFocus, className, defaultValue, descr
|
|
|
12
12
|
const id = propId ?? `${prefix}-radio-group`;
|
|
13
13
|
return (_jsxs(CustomizableRadioGroup, { "aria-invalid": hasError, "aria-label": !hasLabel ? "Radio group" : undefined, "aria-required": required, autoFocus: autoFocus, className: cn("flex flex-col gap-2", className), defaultValue: defaultValue, id: id, name: name, onValueChange: (newValue) => {
|
|
14
14
|
onChange?.(newValue);
|
|
15
|
-
}, value: value, disabled: disabled, ...props, ref: ref, children: [hasLabel && (_jsx(FormLabel, { description: description, hasError: hasError, htmlFor: id, required: required, disabled: disabled, children: label })), options.map((option, index) => (_jsx("div", { className: "flex items-center gap-2", role: "presentation", children: _jsx(Radio, { id: `${prefix}-radio-${index}-${option.value}`, label: option.label, value: option.value, description: option.description, disabled: disabled || option.disabled, hasError: hasError }) }, `${prefix}-radio-${index}-${option.value}`))), warnings.length > 0 && (_jsx(FormMessageList, { messages: warnings, type: "warning" })), hasError && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
|
|
15
|
+
}, value: value, disabled: disabled, ...props, ref: ref, children: [hasLabel && (_jsx(FormLabel, { description: description, hasError: hasError, htmlFor: id, required: required, disabled: disabled, children: label })), options.map((option, index) => (_jsx("div", { className: cn("flex items-center gap-2", option.className), role: "presentation", children: _jsx(Radio, { id: `${prefix}-radio-${index}-${option.value}`, label: option.label, value: option.value, description: option.description, disabled: disabled || option.disabled, hasError: hasError }) }, `${prefix}-radio-${index}-${option.value}`))), warnings.length > 0 && (_jsx(FormMessageList, { messages: warnings, type: "warning" })), hasError && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
|
|
16
16
|
});
|
|
17
17
|
RadioGroup.displayName = "RadioGroup";
|
|
18
18
|
export { RadioGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/radio-group/radio-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,mEAAmE,CAAC;AAC9F,OAAO,EAAE,eAAe,EAAE,MAAM,uEAAuE,CAAC;AAExG,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/radio-group/radio-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,mEAAmE,CAAC;AAC9F,OAAO,EAAE,eAAe,EAAE,MAAM,uEAAuE,CAAC;AAExG,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAsBnC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CACE,EACE,SAAS,EACT,SAAS,EACT,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,EAAE,EACb,MAAM,GAAG,EAAE,EACX,EAAE,EAAE,MAAM,EACV,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,KAAK,KAAK,SAAS,CAAC;IACrC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IACnC,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IACvB,MAAM,EAAE,GAAG,MAAM,IAAI,GAAG,MAAM,cAAc,CAAC;IAE7C,OAAO,CACL,MAAC,sBAAsB,oBACP,QAAQ,gBACV,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,mBAClC,QAAQ,EACvB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAC/C,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,CAAC,QAAQ,EAAE,EAAE;YAC1B,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;QACvB,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,KACd,KAAK,EACT,GAAG,EAAE,GAAG,aAEP,QAAQ,IAAI,CACX,KAAC,SAAS,IACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,YAEjB,KAAK,GACI,CACb,EACA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,cAEE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,MAAM,CAAC,SAAS,CAAC,EAC1D,IAAI,EAAC,cAAc,YAEnB,KAAC,KAAK,IACJ,EAAE,EAAE,GAAG,MAAM,UAAU,KAAK,IAAI,MAAM,CAAC,KAAK,EAAE,EAC9C,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,WAAW,EAAE,MAAM,CAAC,WAAW,EAC/B,QAAQ,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EACrC,QAAQ,EAAE,QAAQ,GAClB,IAXG,GAAG,MAAM,UAAU,KAAK,IAAI,MAAM,CAAC,KAAK,EAAE,CAY3C,CACP,CAAC,EACD,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CACtB,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,SAAS,GAAG,CACvD,EACA,QAAQ,IAAI,KAAC,eAAe,IAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,OAAO,GAAG,IACxC,CAC1B,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAkD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/text-input/text-input.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,QAAQ,EACR,cAAc,EACd,cAAc,EACf,MAAM,yCAAyC,CAAC;AAIjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,UAAU,cACR,SAAQ,IAAI,CACR,cAAc,CAAC,MAAM,CAAC,GACpB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC,GAC5D,eAAe,EACjB,OAAO,GAAG,cAAc,CACzB,EACD,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;CAC3C;AAED,QAAA,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/text-input/text-input.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,QAAQ,EACR,cAAc,EACd,cAAc,EACf,MAAM,yCAAyC,CAAC;AAIjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,UAAU,cACR,SAAQ,IAAI,CACR,cAAc,CAAC,MAAM,CAAC,GACpB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC,GAC5D,eAAe,EACjB,OAAO,GAAG,cAAc,CACzB,EACD,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;CAC3C;AAED,QAAA,MAAM,SAAS,6GAkGd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAC"}
|
|
@@ -28,7 +28,7 @@ baseValue, viewMode = "edition", diffMode, ...props }, ref) => {
|
|
|
28
28
|
sharedValueTransformers.trimOnEnter(!!trim),
|
|
29
29
|
], [trim, lowercase, uppercase]);
|
|
30
30
|
if (viewMode === "edition") {
|
|
31
|
-
return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: props.required, disabled: props.disabled, hasError: !!errors?.length, children: label })), _jsx(ValueTransformer, { transformers: transformers, children: _jsx(Input, { id: id, value: value
|
|
31
|
+
return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: props.required, disabled: props.disabled, hasError: !!errors?.length, children: label })), _jsx(ValueTransformer, { transformers: transformers, children: _jsx(Input, { id: id, value: value, defaultValue: defaultValue, onChange: onChange, pattern: pattern?.toString(), autoComplete: autoCompleteValue, ...props, ref: ref }) }), typeof maxLength === "number" && maxLength > 0 && (_jsx("div", { className: cn("mt-[-6px] flex justify-end", hasContentBelow && "-mb-1"), children: _jsx(CharacterCounter, { maxLength: maxLength, value: value ?? "" }) })), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
|
|
32
32
|
}
|
|
33
33
|
// Diff mode
|
|
34
34
|
return (_jsx(TextInputDiff, { value: value ?? defaultValue ?? "", viewMode: viewMode, diffMode: diffMode, baseValue: baseValue, label: label, required: props.required }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/text-input/text-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,uEAAuE,CAAC;AACxG,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qEAAqE,CAAC;AACvG,OAAO,EAAE,eAAe,EAAE,MAAM,oEAAoE,CAAC;AACrG,OAAO,EAAE,SAAS,EAAE,MAAM,mEAAmE,CAAC;AAC9F,OAAO,EAAE,SAAS,EAAE,MAAM,mEAAmE,CAAC;AAC9F,OAAO,gBAEN,MAAM,iFAAiF,CAAC;AAMzF,OAAO,EAAE,uBAAuB,EAAE,MAAM,sDAAsD,CAAC;AAC/F,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,aAAa,MAAM,sBAAsB,CAAC;AAgBjD,MAAM,SAAS,GAAG,UAAU,CAC1B,CACE,EACE,KAAK,EACL,WAAW,EACX,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,QAAQ;AACR,YAAY;AACZ,OAAO,EACP,IAAI,EACJ,SAAS,EACT,SAAS,EACT,SAAS,EACT,YAAY;AACZ,mBAAmB;AACnB,SAAS,EACT,QAAQ,GAAG,SAAS,EACpB,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,IAAI,WAAW,CAAC;IACnC,MAAM,iBAAiB,GACrB,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACvE,MAAM,eAAe,GACnB,CAAC,CAAC,WAAW;QACb,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QAChD,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAE/C,MAAM,YAAY,GAAoB,OAAO,CAC3C,GAAG,EAAE,CAAC;QACJ,uBAAuB,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;QAC1C,uBAAuB,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC;QACtD,uBAAuB,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC;QACtD,uBAAuB,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC;KAC5C,EACD,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,CAAC,CAC7B,CAAC;IAEF,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,CACL,MAAC,SAAS,eACP,KAAK,IAAI,CACR,KAAC,SAAS,IACR,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,YAEzB,KAAK,GACI,CACb,EACD,KAAC,gBAAgB,IAAC,YAAY,EAAE,YAAY,YAC1C,KAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/text-input/text-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"url-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/url-input/url-input.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"url-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/url-input/url-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAQhF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAM/C,UAAU,sBACR,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;CAC3C;AAED,KAAK,YAAY,GAAG,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC;AAElD,UAAU,aACR,SAAQ,sBAAsB,EAAE,cAAc,CAAC,MAAM,CAAC,EACpD,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,SAAS,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,WAAW,CAC5D;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;CAC9C;AAED,QAAA,MAAM,QAAQ,wFAgIb,CAAC;AAIF,OAAO,EACL,QAAQ,EACR,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,sBAAsB,GAC5B,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React, { useCallback, useId, useMemo } from "react";
|
|
2
|
+
import React, { useCallback, useId, useMemo, useState, useEffect } from "react";
|
|
3
3
|
import UrlFavicon from "./url-favicon.js";
|
|
4
4
|
import { useURLWarnings } from "./useURLWarnings.js";
|
|
5
5
|
import { FormDescription } from "../../../../scalars/components/fragments/form-description/form-description.js";
|
|
@@ -11,13 +11,14 @@ import ValueTransformer from "../../../../scalars/components/fragments/value-tra
|
|
|
11
11
|
import { Input } from "../input/index.js";
|
|
12
12
|
import { UrlInputDiff } from "./url-input-diff.js";
|
|
13
13
|
import { cn } from "../../../../scalars/lib/utils.js";
|
|
14
|
-
const UrlInput = React.forwardRef(({ label, description, required, disabled, showWarnings = true, warnings: warningsProp, errors, platformIcons, value, defaultValue, onBlur,
|
|
14
|
+
const UrlInput = React.forwardRef(({ label, description, required, disabled, showWarnings = true, warnings: warningsProp, errors, platformIcons, value, defaultValue, className, onBlur, onChange, onKeyDown,
|
|
15
15
|
// diff props
|
|
16
16
|
viewMode = "edition", diffMode, baseValue, ...props }, ref) => {
|
|
17
17
|
const idGenerated = useId();
|
|
18
18
|
const id = props.id ?? idGenerated;
|
|
19
19
|
const hasError = !!errors?.length;
|
|
20
|
-
const
|
|
20
|
+
const [internalValue, setInternalValue] = useState(value ?? defaultValue ?? "");
|
|
21
|
+
const { warnings, checkForWarnings } = useURLWarnings(internalValue);
|
|
21
22
|
const showIcon = Object.keys(platformIcons ?? {}).length > 0;
|
|
22
23
|
const combinedWarnings = useMemo(() => {
|
|
23
24
|
return [...(warningsProp ?? []), ...warnings];
|
|
@@ -26,17 +27,27 @@ viewMode = "edition", diffMode, baseValue, ...props }, ref) => {
|
|
|
26
27
|
checkForWarnings();
|
|
27
28
|
onBlur?.(event);
|
|
28
29
|
}, [checkForWarnings, onBlur]);
|
|
30
|
+
const handleChange = useCallback((event) => {
|
|
31
|
+
setInternalValue(event.target.value);
|
|
32
|
+
onChange?.(event);
|
|
33
|
+
}, [onChange]);
|
|
29
34
|
const handleWarningsOnEnter = useCallback((event) => {
|
|
30
35
|
if (event.key === "Enter") {
|
|
31
36
|
checkForWarnings();
|
|
32
37
|
}
|
|
33
|
-
|
|
38
|
+
onKeyDown?.(event);
|
|
39
|
+
}, [checkForWarnings, onKeyDown]);
|
|
34
40
|
// prevent url from having trailing spaces
|
|
35
41
|
const transformers = useMemo(() => [sharedValueTransformers.trimOnBlur()], []);
|
|
42
|
+
useEffect(() => {
|
|
43
|
+
if (value !== undefined) {
|
|
44
|
+
setInternalValue(value);
|
|
45
|
+
}
|
|
46
|
+
}, [value]);
|
|
36
47
|
if (viewMode === "edition") {
|
|
37
|
-
return (_jsxs(FormGroup, { children: [_jsx(FormLabel, { htmlFor: id, required: required, disabled: disabled, hasError: !!errors?.length, children: label }), _jsxs("div", { className: "relative", children: [_jsx(ValueTransformer, { transformers: transformers, children: _jsx(Input, { disabled: disabled, id: id, ref: ref, type: "url", required: required,
|
|
48
|
+
return (_jsxs(FormGroup, { children: [_jsx(FormLabel, { htmlFor: id, required: required, disabled: disabled, hasError: !!errors?.length, children: label }), _jsxs("div", { className: "relative", children: [_jsx(ValueTransformer, { transformers: transformers, children: _jsx(Input, { disabled: disabled, id: id, ref: ref, type: "url", required: required, value: internalValue, onChange: handleChange, "aria-invalid": hasError, className: cn(showIcon && "pl-8", className), "data-cast": "URLTrim", onBlur: handleBlur, onKeyDown: handleWarningsOnEnter, ...props }) }), _jsx(UrlFavicon, { url: internalValue, platformIcons: platformIcons, className: "absolute left-2.5 top-0" })] }), description && _jsx(FormDescription, { children: description }), showWarnings && combinedWarnings.length > 0 && (_jsx(FormMessageList, { messages: combinedWarnings, type: "warning" })), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
|
|
38
49
|
}
|
|
39
|
-
return (_jsx(UrlInputDiff, { value:
|
|
50
|
+
return (_jsx(UrlInputDiff, { value: internalValue, label: label, required: required, viewMode: viewMode, diffMode: diffMode, baseValue: baseValue, platformIcons: platformIcons }));
|
|
40
51
|
});
|
|
41
52
|
UrlInput.displayName = "UrlInput";
|
|
42
53
|
export { UrlInput, };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"url-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/url-input/url-input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"url-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/url-input/url-input.tsx"],"names":[],"mappings":"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"}
|
package/dist/src/ui/components/object-set-table/examples/computed-columns/computed-columns.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"computed-columns.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/examples/computed-columns/computed-columns.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,sBAAsB,+CAyD3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from "react";
|
|
3
|
+
import { cn } from "../../../../../scalars/index.js";
|
|
4
|
+
import { mockData } from "../../mock-data.js";
|
|
5
|
+
import { ObjectSetTable } from "../../object-set-table.js";
|
|
6
|
+
const ComputedColumnsExample = () => {
|
|
7
|
+
const columns = useMemo(() => [
|
|
8
|
+
{ field: "firstName", title: "Name" },
|
|
9
|
+
{
|
|
10
|
+
field: "email",
|
|
11
|
+
title: "Email Domain",
|
|
12
|
+
valueFormatter: (value) => {
|
|
13
|
+
if (typeof value !== "string")
|
|
14
|
+
return value?.toString() ?? "N/A";
|
|
15
|
+
return value?.toString().split("@")[1];
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
field: "payment",
|
|
20
|
+
title: "Payment Category",
|
|
21
|
+
valueFormatter: (value) => {
|
|
22
|
+
if (typeof value !== "number")
|
|
23
|
+
return value?.toString() ?? "N/A";
|
|
24
|
+
if (value === 0)
|
|
25
|
+
return "No Payment";
|
|
26
|
+
if (value < 1000)
|
|
27
|
+
return "Low";
|
|
28
|
+
if (value < 100000)
|
|
29
|
+
return "Medium";
|
|
30
|
+
return "High";
|
|
31
|
+
},
|
|
32
|
+
renderCell: (value) => (_jsx("span", { className: cn("px-2 py-1 rounded-full text-xs font-medium", (value === "No Payment" || value === "N/A") &&
|
|
33
|
+
"bg-gray-100 text-gray-700", value === "Low" && "bg-yellow-100 text-yellow-700", value === "Medium" && "bg-blue-100 text-blue-700", value === "High" && "bg-green-100 text-green-700"), children: value })),
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
field: "address",
|
|
37
|
+
title: "Full Address",
|
|
38
|
+
valueFormatter: (value) => {
|
|
39
|
+
const addr = value;
|
|
40
|
+
return `${addr.addressLine1}, ${addr.city}, ${addr.state} ${addr.zip}`;
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
], []);
|
|
44
|
+
return (_jsx(ObjectSetTable, { columns: columns, data: mockData.slice(0, 6), allowRowSelection: true, showRowNumbers: true }));
|
|
45
|
+
};
|
|
46
|
+
export default ComputedColumnsExample;
|
|
47
|
+
//# sourceMappingURL=computed-columns.js.map
|
package/dist/src/ui/components/object-set-table/examples/computed-columns/computed-columns.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"computed-columns.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/examples/computed-columns/computed-columns.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAqB,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC;QACJ,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE;QACrC;YACE,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,cAAc;YACrB,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE;gBACxB,IAAI,OAAO,KAAK,KAAK,QAAQ;oBAAE,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,KAAK,CAAC;gBACjE,OAAO,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YACzC,CAAC;SACF;QACD;YACE,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,kBAAkB;YACzB,cAAc,EAAE,CAAC,KAAc,EAAE,EAAE;gBACjC,IAAI,OAAO,KAAK,KAAK,QAAQ;oBAAE,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,KAAK,CAAC;gBACjE,IAAI,KAAK,KAAK,CAAC;oBAAE,OAAO,YAAY,CAAC;gBACrC,IAAI,KAAK,GAAG,IAAI;oBAAE,OAAO,KAAK,CAAC;gBAC/B,IAAI,KAAK,GAAG,MAAM;oBAAE,OAAO,QAAQ,CAAC;gBACpC,OAAO,MAAM,CAAC;YAChB,CAAC;YACD,UAAU,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,CAC7B,eACE,SAAS,EAAE,EAAE,CACX,4CAA4C,EAC5C,CAAC,KAAK,KAAK,YAAY,IAAI,KAAK,KAAK,KAAK,CAAC;oBACzC,2BAA2B,EAC7B,KAAK,KAAK,KAAK,IAAI,+BAA+B,EAClD,KAAK,KAAK,QAAQ,IAAI,2BAA2B,EACjD,KAAK,KAAK,MAAM,IAAI,6BAA6B,CAClD,YAEA,KAAK,GACD,CACR;SACF;QACD;YACE,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,cAAc;YACrB,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE;gBACxB,MAAM,IAAI,GAAG,KAAgC,CAAC;gBAC9C,OAAO,GAAG,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACzE,CAAC;SACF;KACF,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IACb,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAC1B,iBAAiB,EAAE,IAAI,EACvB,cAAc,EAAE,IAAI,GACpB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|
package/dist/src/ui/components/object-set-table/examples/custom-rendering/custom-rendering.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"custom-rendering.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/examples/custom-rendering/custom-rendering.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,sBAAsB,+CA+E3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from "react";
|
|
3
|
+
import { cn } from "../../../../../scalars/index.js";
|
|
4
|
+
import { mockData } from "../../mock-data.js";
|
|
5
|
+
import { ObjectSetTable } from "../../object-set-table.js";
|
|
6
|
+
import { Icon } from "../../../icon/icon.js";
|
|
7
|
+
const CustomRenderingExample = () => {
|
|
8
|
+
const columns = useMemo(() => [
|
|
9
|
+
{
|
|
10
|
+
field: "firstName",
|
|
11
|
+
title: "User",
|
|
12
|
+
renderCell: (value, context) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-blue-100 text-blue-800 font-semibold text-xs", children: value.charAt(0).toUpperCase() }), _jsx("span", { className: "font-medium", children: value })] })),
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
field: "status",
|
|
16
|
+
renderCell: (value) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: cn("h-2 w-2 rounded-full", value === "active" ? "bg-green-500" : "bg-red-500") }), _jsx("span", { className: cn("font-medium", value === "active" ? "text-green-700" : "text-red-700"), children: value.charAt(0).toUpperCase() + value.slice(1) })] })),
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
field: "payment",
|
|
20
|
+
type: "number",
|
|
21
|
+
renderCell: (value) => (_jsxs("div", { className: "flex items-center justify-end", children: [_jsxs("span", { className: "font-semibold text-gray-900", children: ["$", value.toLocaleString()] }), value > 1000000 ? (_jsx(Icon, { name: "ArrowUp", size: 16, className: "ml-1 text-green-500" })) : (_jsx(Icon, { name: "ArrowUp", size: 16, className: "ml-1 text-red-500 rotate-180" }))] })),
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
field: "isActive",
|
|
25
|
+
title: "Active",
|
|
26
|
+
renderCell: (value) => (_jsx("div", { className: "flex justify-center", children: value ? (_jsx(Icon, { name: "CheckCircle", size: 20, className: "text-green-500" })) : (_jsx(Icon, { name: "CrossCircle", size: 20, className: "text-red-500" })) })),
|
|
27
|
+
},
|
|
28
|
+
], []);
|
|
29
|
+
return (_jsx(ObjectSetTable, { columns: columns, data: mockData.slice(0, 6) }));
|
|
30
|
+
};
|
|
31
|
+
export default CustomRenderingExample;
|
|
32
|
+
//# sourceMappingURL=custom-rendering.js.map
|
package/dist/src/ui/components/object-set-table/examples/custom-rendering/custom-rendering.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"custom-rendering.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/examples/custom-rendering/custom-rendering.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAqB,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC;QACF;YACE,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,CAAC,KAAa,EAAE,OAAO,EAAE,EAAE,CAAC,CACtC,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,uGAAuG,YACnH,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAC1B,EACN,eAAM,SAAS,EAAC,aAAa,YAAE,KAAK,GAAQ,IACxC,CACP;SACF;QACD;YACE,KAAK,EAAE,QAAQ;YACf,UAAU,EAAE,CAAC,KAA4B,EAAE,EAAE,CAAC,CAC5C,eAAK,SAAS,EAAC,yBAAyB,aACtC,cACE,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CACnD,GACD,EACF,eACE,SAAS,EAAE,EAAE,CACX,aAAa,EACb,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,CACvD,YAEA,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAC1C,IACH,CACP;SACF;QACD;YACE,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,CAC7B,eAAK,SAAS,EAAC,+BAA+B,aAC5C,gBAAM,SAAS,EAAC,6BAA6B,kBACzC,KAAK,CAAC,cAAc,EAAE,IACnB,EACN,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CACjB,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,qBAAqB,GAAG,CAClE,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,8BAA8B,GACxC,CACH,IACG,CACP;SACF;QACD;YACE,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,QAAQ;YACf,UAAU,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,CAC9B,cAAK,SAAS,EAAC,qBAAqB,YACjC,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,gBAAgB,GAAG,CACjE,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,cAAc,GAAG,CAC/D,GACG,CACP;SACF;KACF,EACH,EAAE,CACH,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IACb,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAC1B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|
|
@@ -21,7 +21,7 @@ const TableBody = ({ data, columns, }) => {
|
|
|
21
21
|
const createSelectRowOnClickHandler = useCallback((index) => (e) => {
|
|
22
22
|
if (!allowRowSelection)
|
|
23
23
|
return;
|
|
24
|
-
if (e.ctrlKey) {
|
|
24
|
+
if (e.ctrlKey || e.metaKey) {
|
|
25
25
|
e.stopPropagation();
|
|
26
26
|
api.selection.toggleRow(index);
|
|
27
27
|
}
|
|
@@ -41,7 +41,7 @@ const TableBody = ({ data, columns, }) => {
|
|
|
41
41
|
const createAddSelectedRowHandler = useCallback((index) => (e) => {
|
|
42
42
|
if (!allowRowSelection)
|
|
43
43
|
return;
|
|
44
|
-
if (e.ctrlKey) {
|
|
44
|
+
if (e.ctrlKey || e.metaKey) {
|
|
45
45
|
api.selection.toggleRow(index);
|
|
46
46
|
}
|
|
47
47
|
else if (e.shiftKey) {
|
|
@@ -67,7 +67,7 @@ const TableBody = ({ data, columns, }) => {
|
|
|
67
67
|
return;
|
|
68
68
|
}
|
|
69
69
|
// if shift or ctrl is pressed, the user is probably trying to select rows
|
|
70
|
-
if (!e.ctrlKey && !e.shiftKey) {
|
|
70
|
+
if (!e.ctrlKey && !e.metaKey && !e.shiftKey) {
|
|
71
71
|
if (e.detail === 2 && columnDef.editable) {
|
|
72
72
|
dispatch?.({
|
|
73
73
|
type: "ENTER_CELL_EDIT_MODE",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../../../../src/ui/components/object-set-table/subcomponents/body.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAO3E,MAAM,SAAS,GAAG,CAAqB,EACrC,IAAI,EACJ,OAAO,GACW,EAAE,EAAE;IACtB,MAAM,EACJ,MAAM,EACN,KAAK,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,cAAc,EAAE,EAC1E,GAAG,GACJ,GAAG,qBAAqB,EAAK,CAAC;IAE/B,qCAAqC;IACrC,uBAAuB,EAAE,CAAC;IAE1B,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,CAAC;IAErC;;;;OAIG;IACH,MAAM,6BAA6B,GAAG,WAAW,CAC/C,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,CAAyC,EAAE,EAAE;QAC/D,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAC/B,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../../../../src/ui/components/object-set-table/subcomponents/body.tsx"],"names":[],"mappings":"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"}
|
|
@@ -65,7 +65,10 @@ export type ValueGetterFn<T> = (row: T, context: CellContext<T>) => unknown;
|
|
|
65
65
|
*
|
|
66
66
|
* @example
|
|
67
67
|
* ```ts
|
|
68
|
-
* const taxRateValueFormatter = (value:
|
|
68
|
+
* const taxRateValueFormatter = (value: unknown) => {
|
|
69
|
+
* if (typeof value !== "number") return value?.toString() ?? "N/A";
|
|
70
|
+
* return `${value * 100}%`;
|
|
71
|
+
* };
|
|
69
72
|
* ```
|
|
70
73
|
*/
|
|
71
74
|
export type ValueFormatterFn<T> = (value: unknown, context: CellContext<T>) => string;
|
|
@@ -173,7 +176,10 @@ export interface ColumnDef<T = any> {
|
|
|
173
176
|
*
|
|
174
177
|
* @example
|
|
175
178
|
* ```ts
|
|
176
|
-
* const taxRateValueFormatter = (value:
|
|
179
|
+
* const taxRateValueFormatter = (value: unknown) => {
|
|
180
|
+
* if (typeof value !== "number") return value?.toString() ?? "N/A";
|
|
181
|
+
* return `${value * 100}%`;
|
|
182
|
+
* };
|
|
177
183
|
* ```
|
|
178
184
|
*/
|
|
179
185
|
valueFormatter?: ValueFormatterFn<T>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/object-set-table/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IAExB;;OAEG;IACH,IAAI,EAAE,CAAC,EAAE,CAAC;IAEV;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAErD,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,GAAG;IAClC;;OAEG;IACH,GAAG,EAAE,CAAC,CAAC;IAEP;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,WAAW,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CACtC;AAED;;;;;;;;;;GAUG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;AAE5E
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/object-set-table/types.ts"],"names":[],"mappings":"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"}
|
package/dist/style.css
CHANGED
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
|
|
9
9
|
"Courier New", monospace;
|
|
10
10
|
--color-red-400: hsl(5 82% 83%);
|
|
11
|
+
--color-red-500: hsl(5 80% 78%);
|
|
11
12
|
--color-red-600: hsl(4 81% 74%);
|
|
12
13
|
--color-red-700: hsl(4 81% 69%);
|
|
13
14
|
--color-red-800: hsl(5 81% 61%);
|
|
@@ -16,13 +17,20 @@
|
|
|
16
17
|
--color-yellow-100: hsl(46 100% 94%);
|
|
17
18
|
--color-yellow-300: hsl(47 100% 79%);
|
|
18
19
|
--color-yellow-400: hsl(47 100% 69%);
|
|
20
|
+
--color-yellow-500: hsl(47 100% 60%);
|
|
21
|
+
--color-yellow-700: hsl(47 100% 51%);
|
|
19
22
|
--color-yellow-900: hsl(47 100% 49%);
|
|
23
|
+
--color-green-100: hsl(134 51% 89%);
|
|
24
|
+
--color-green-500: hsl(136 53% 66%);
|
|
20
25
|
--color-green-600: hsl(136 53% 60%);
|
|
26
|
+
--color-green-700: hsl(136 52% 55%);
|
|
21
27
|
--color-green-900: hsl(136 53% 43%);
|
|
22
28
|
--color-blue-50: oklch(97% 0.014 254.604);
|
|
23
29
|
--color-blue-100: hsl(209 100% 90%);
|
|
24
30
|
--color-blue-500: hsl(209 100% 70%);
|
|
25
31
|
--color-blue-600: hsl(209 100% 65%);
|
|
32
|
+
--color-blue-700: hsl(209 100% 60%);
|
|
33
|
+
--color-blue-800: hsl(209 100% 55%);
|
|
26
34
|
--color-blue-900: hsl(209 100% 50%);
|
|
27
35
|
--color-slate-50: hsl(210 20% 96%);
|
|
28
36
|
--color-slate-100: hsl(210 9% 74%);
|
|
@@ -509,6 +517,9 @@
|
|
|
509
517
|
width: 100%;
|
|
510
518
|
height: 100%;
|
|
511
519
|
}
|
|
520
|
+
.h-2 {
|
|
521
|
+
height: calc(var(--spacing) * 2);
|
|
522
|
+
}
|
|
512
523
|
.h-4 {
|
|
513
524
|
height: calc(var(--spacing) * 4);
|
|
514
525
|
}
|
|
@@ -566,6 +577,9 @@
|
|
|
566
577
|
.w-\(--radix-popover-trigger-width\) {
|
|
567
578
|
width: var(--radix-popover-trigger-width);
|
|
568
579
|
}
|
|
580
|
+
.w-2 {
|
|
581
|
+
width: calc(var(--spacing) * 2);
|
|
582
|
+
}
|
|
569
583
|
.w-4 {
|
|
570
584
|
width: calc(var(--spacing) * 4);
|
|
571
585
|
}
|
|
@@ -1011,14 +1025,20 @@
|
|
|
1011
1025
|
.bg-gray-900 {
|
|
1012
1026
|
background-color: var(--color-gray-900);
|
|
1013
1027
|
}
|
|
1028
|
+
.bg-green-100 {
|
|
1029
|
+
background-color: var(--color-green-100);
|
|
1030
|
+
}
|
|
1031
|
+
.bg-green-500 {
|
|
1032
|
+
background-color: var(--color-green-500);
|
|
1033
|
+
}
|
|
1014
1034
|
.bg-green-600\/30 {
|
|
1015
1035
|
background-color: color-mix(in srgb, hsl(136 53% 60%) 30%, transparent);
|
|
1016
1036
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1017
1037
|
background-color: color-mix(in oklab, var(--color-green-600) 30%, transparent);
|
|
1018
1038
|
}
|
|
1019
1039
|
}
|
|
1020
|
-
.bg-
|
|
1021
|
-
background-color: var(--color-
|
|
1040
|
+
.bg-red-500 {
|
|
1041
|
+
background-color: var(--color-red-500);
|
|
1022
1042
|
}
|
|
1023
1043
|
.bg-red-600\/30 {
|
|
1024
1044
|
background-color: color-mix(in srgb, hsl(4 81% 74%) 30%, transparent);
|
|
@@ -1026,9 +1046,6 @@
|
|
|
1026
1046
|
background-color: color-mix(in oklab, var(--color-red-600) 30%, transparent);
|
|
1027
1047
|
}
|
|
1028
1048
|
}
|
|
1029
|
-
.bg-red-900 {
|
|
1030
|
-
background-color: var(--color-red-900);
|
|
1031
|
-
}
|
|
1032
1049
|
.bg-slate-50 {
|
|
1033
1050
|
background-color: var(--color-slate-50);
|
|
1034
1051
|
}
|
|
@@ -1314,6 +1331,12 @@
|
|
|
1314
1331
|
.text-blue-600 {
|
|
1315
1332
|
color: var(--color-blue-600);
|
|
1316
1333
|
}
|
|
1334
|
+
.text-blue-700 {
|
|
1335
|
+
color: var(--color-blue-700);
|
|
1336
|
+
}
|
|
1337
|
+
.text-blue-800 {
|
|
1338
|
+
color: var(--color-blue-800);
|
|
1339
|
+
}
|
|
1317
1340
|
.text-blue-900 {
|
|
1318
1341
|
color: var(--color-blue-900);
|
|
1319
1342
|
}
|
|
@@ -1347,12 +1370,27 @@
|
|
|
1347
1370
|
.text-gray-900 {
|
|
1348
1371
|
color: var(--color-gray-900);
|
|
1349
1372
|
}
|
|
1373
|
+
.text-green-500 {
|
|
1374
|
+
color: var(--color-green-500);
|
|
1375
|
+
}
|
|
1376
|
+
.text-green-700 {
|
|
1377
|
+
color: var(--color-green-700);
|
|
1378
|
+
}
|
|
1350
1379
|
.text-green-900 {
|
|
1351
1380
|
color: var(--color-green-900);
|
|
1352
1381
|
}
|
|
1353
1382
|
.text-red-400 {
|
|
1354
1383
|
color: var(--color-red-400);
|
|
1355
1384
|
}
|
|
1385
|
+
.text-red-500 {
|
|
1386
|
+
color: var(--color-red-500);
|
|
1387
|
+
}
|
|
1388
|
+
.text-red-600 {
|
|
1389
|
+
color: var(--color-red-600);
|
|
1390
|
+
}
|
|
1391
|
+
.text-red-700 {
|
|
1392
|
+
color: var(--color-red-700);
|
|
1393
|
+
}
|
|
1356
1394
|
.text-red-800 {
|
|
1357
1395
|
color: var(--color-red-800);
|
|
1358
1396
|
}
|
|
@@ -1371,6 +1409,9 @@
|
|
|
1371
1409
|
.text-yellow-400 {
|
|
1372
1410
|
color: var(--color-yellow-400);
|
|
1373
1411
|
}
|
|
1412
|
+
.text-yellow-700 {
|
|
1413
|
+
color: var(--color-yellow-700);
|
|
1414
|
+
}
|
|
1374
1415
|
.text-yellow-900 {
|
|
1375
1416
|
color: var(--color-yellow-900);
|
|
1376
1417
|
}
|
|
@@ -3242,6 +3283,50 @@
|
|
|
3242
3283
|
display: none;
|
|
3243
3284
|
}
|
|
3244
3285
|
}
|
|
3286
|
+
.\[\&_\[data-state\=checked\]_span\]\:after\:\!bg-blue-500 {
|
|
3287
|
+
& [data-state=checked] span {
|
|
3288
|
+
&::after {
|
|
3289
|
+
content: var(--tw-content);
|
|
3290
|
+
background-color: var(--color-blue-500) !important;
|
|
3291
|
+
}
|
|
3292
|
+
}
|
|
3293
|
+
}
|
|
3294
|
+
.\[\&_\[data-state\=checked\]_span\]\:after\:\!bg-red-500 {
|
|
3295
|
+
& [data-state=checked] span {
|
|
3296
|
+
&::after {
|
|
3297
|
+
content: var(--tw-content);
|
|
3298
|
+
background-color: var(--color-red-500) !important;
|
|
3299
|
+
}
|
|
3300
|
+
}
|
|
3301
|
+
}
|
|
3302
|
+
.\[\&_button\]\:border-blue-600 {
|
|
3303
|
+
& button {
|
|
3304
|
+
border-color: var(--color-blue-600);
|
|
3305
|
+
}
|
|
3306
|
+
}
|
|
3307
|
+
.\[\&_button\]\:hover\:border-green-600 {
|
|
3308
|
+
& button {
|
|
3309
|
+
&:hover {
|
|
3310
|
+
@media (hover: hover) {
|
|
3311
|
+
border-color: var(--color-green-600);
|
|
3312
|
+
}
|
|
3313
|
+
}
|
|
3314
|
+
}
|
|
3315
|
+
}
|
|
3316
|
+
.\[\&_label\]\:text-blue-600 {
|
|
3317
|
+
& label {
|
|
3318
|
+
color: var(--color-blue-600);
|
|
3319
|
+
}
|
|
3320
|
+
}
|
|
3321
|
+
.\[\&_label\]\:hover\:text-green-600 {
|
|
3322
|
+
& label {
|
|
3323
|
+
&:hover {
|
|
3324
|
+
@media (hover: hover) {
|
|
3325
|
+
color: var(--color-green-600);
|
|
3326
|
+
}
|
|
3327
|
+
}
|
|
3328
|
+
}
|
|
3329
|
+
}
|
|
3245
3330
|
.\[\&_svg\]\:pointer-events-none {
|
|
3246
3331
|
& svg {
|
|
3247
3332
|
pointer-events: none;
|
|
@@ -3301,6 +3386,31 @@
|
|
|
3301
3386
|
}
|
|
3302
3387
|
}
|
|
3303
3388
|
}
|
|
3389
|
+
.\[\&\>label\]\:text-blue-500 {
|
|
3390
|
+
&>label {
|
|
3391
|
+
color: var(--color-blue-500);
|
|
3392
|
+
}
|
|
3393
|
+
}
|
|
3394
|
+
.\[\&\>label\]\:text-green-500 {
|
|
3395
|
+
&>label {
|
|
3396
|
+
color: var(--color-green-500);
|
|
3397
|
+
}
|
|
3398
|
+
}
|
|
3399
|
+
.\[\&\>label\]\:text-red-500 {
|
|
3400
|
+
&>label {
|
|
3401
|
+
color: var(--color-red-500);
|
|
3402
|
+
}
|
|
3403
|
+
}
|
|
3404
|
+
.\[\&\>label\]\:text-red-900 {
|
|
3405
|
+
&>label {
|
|
3406
|
+
color: var(--color-red-900);
|
|
3407
|
+
}
|
|
3408
|
+
}
|
|
3409
|
+
.\[\&\>label\]\:text-yellow-500 {
|
|
3410
|
+
&>label {
|
|
3411
|
+
color: var(--color-yellow-500);
|
|
3412
|
+
}
|
|
3413
|
+
}
|
|
3304
3414
|
.\[\&\>span\]\:truncate {
|
|
3305
3415
|
&>span {
|
|
3306
3416
|
overflow: hidden;
|
|
@@ -3339,6 +3449,11 @@
|
|
|
3339
3449
|
flex-shrink: 0;
|
|
3340
3450
|
}
|
|
3341
3451
|
}
|
|
3452
|
+
.\[\&\>svg\]\:text-green-900 {
|
|
3453
|
+
&>svg {
|
|
3454
|
+
color: var(--color-green-900);
|
|
3455
|
+
}
|
|
3456
|
+
}
|
|
3342
3457
|
}
|
|
3343
3458
|
:root {
|
|
3344
3459
|
--toastify-toast-min-height: 48px;
|