@powerhousedao/design-system 1.39.26-dev.2 → 1.39.27-dev.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/dist/src/scalars/components/fragments/toggle-field/toggle-field.d.ts +3 -1
- package/dist/src/scalars/components/fragments/toggle-field/toggle-field.d.ts.map +1 -1
- package/dist/src/scalars/components/fragments/toggle-field/toggle-field.js.map +1 -1
- package/dist/src/ui/components/data-entry/toggle/toggle.d.ts +4 -2
- package/dist/src/ui/components/data-entry/toggle/toggle.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/toggle/toggle.js +5 -2
- package/dist/src/ui/components/data-entry/toggle/toggle.js.map +1 -1
- package/dist/tsconfig.lib.tsbuildinfo +1 -1
- package/package.json +4 -4
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { type ToggleProps } from "../../../../ui/components/data-entry/toggle/toggle.js";
|
|
2
|
-
|
|
2
|
+
import { type WithDifference } from "../../types.js";
|
|
3
|
+
export type ToggleFieldProps = ToggleProps & WithDifference<boolean>;
|
|
4
|
+
declare const ToggleField: import("react").ForwardRefExoticComponent<ToggleProps & WithDifference<boolean> & import("react").RefAttributes<unknown>>;
|
|
3
5
|
export { ToggleField };
|
|
4
6
|
//# sourceMappingURL=toggle-field.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-field.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/toggle-field/toggle-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,WAAW,EACjB,MAAM,uDAAuD,CAAC;
|
|
1
|
+
{"version":3,"file":"toggle-field.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/toggle-field/toggle-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,WAAW,EACjB,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAErE,QAAA,MAAM,WAAW,2HAAgD,CAAC;AAIlE,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-field.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/toggle-field/toggle-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,GAEP,MAAM,uDAAuD,CAAC;
|
|
1
|
+
{"version":3,"file":"toggle-field.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/toggle-field/toggle-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,GAEP,MAAM,uDAAuD,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AAIxF,MAAM,WAAW,GAAG,mBAAmB,CAAmB,MAAM,CAAC,CAAC;AAElE,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { type InputBaseProps } from "../../../../scalars/components/types.js";
|
|
2
|
+
import { type DiffMode, type InputBaseProps, type WithDifference } from "../../../../scalars/components/types.js";
|
|
3
3
|
type ToggleBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof InputBaseProps<boolean> | "onChange">;
|
|
4
|
-
interface ToggleProps extends ToggleBaseProps, InputBaseProps<boolean> {
|
|
4
|
+
interface ToggleProps extends ToggleBaseProps, Omit<WithDifference<boolean>, "diffMode">, InputBaseProps<boolean> {
|
|
5
5
|
onChange?: (checked: boolean) => void;
|
|
6
|
+
diffMode?: Extract<DiffMode, "sentences">;
|
|
7
|
+
optionalLabel?: string;
|
|
6
8
|
}
|
|
7
9
|
declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
|
|
8
10
|
export { Toggle, type ToggleProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/toggle/toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAGrC,OAAO,
|
|
1
|
+
{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/toggle/toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAGrC,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,yCAAyC,CAAC;AAGjD,KAAK,eAAe,GAAG,IAAI,CACzB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,MAAM,cAAc,CAAC,OAAO,CAAC,GAAG,UAAU,CAC3C,CAAC;AAEF,UAAU,WACR,SAAQ,eAAe,EACrB,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,EACzC,cAAc,CAAC,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,MAAM,uFAwFX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,CAAC"}
|
|
@@ -4,10 +4,13 @@ import React, { useId } from "react";
|
|
|
4
4
|
import { FormLabel } from "../../../../scalars/components/fragments/form-label/index.js";
|
|
5
5
|
import { FormMessageList } from "../../../../scalars/components/fragments/form-message/index.js";
|
|
6
6
|
import { ToggleBase } from "./toggle-base.js";
|
|
7
|
-
const Toggle = React.forwardRef(({ id: idProp, name, label, disabled = false, value, onChange, errors = [], warnings = [], required = false, className, defaultValue, description, ...props }, ref) => {
|
|
7
|
+
const Toggle = React.forwardRef(({ id: idProp, name, label, disabled = false, value, onChange, errors = [], warnings = [], required = false, className, defaultValue, description, viewMode = "edition", optionalLabel, diffMode, baseValue, ...props }, ref) => {
|
|
8
8
|
const generatedId = useId();
|
|
9
9
|
const id = idProp ?? generatedId;
|
|
10
|
-
|
|
10
|
+
if (viewMode === "edition") {
|
|
11
|
+
return (_jsxs("div", { className: cn("flex flex-col gap-1", className), "data-testid": "custom-class", children: [_jsxs("div", { className: "flex items-center", children: [optionalLabel && (_jsx(FormLabel, { className: "ml-2", disabled: disabled, required: required, inline: true, id: `${id}-optionalLabel`, children: optionalLabel })), _jsx(ToggleBase, { "aria-labelledby": `${id}-label`, required: required, disabled: disabled, name: name, id: id, checked: value ?? defaultValue, onCheckedChange: onChange, ref: ref, ...props }), label && (_jsx(FormLabel, { htmlFor: id, className: "ml-2", disabled: disabled, required: required, description: description, inline: true, id: `${id}-label`, children: label }))] }), warnings.length !== 0 && (_jsx(FormMessageList, { messages: warnings, type: "warning" })), errors.length !== 0 && (_jsx(FormMessageList, { messages: errors, type: "error" }))] }));
|
|
12
|
+
}
|
|
13
|
+
return (_jsx("div", { className: cn("flex flex-col gap-1", className), "data-testid": "custom-class", children: _jsx("div", { children: "Diff component" }) }));
|
|
11
14
|
});
|
|
12
15
|
Toggle.displayName = "Toggle";
|
|
13
16
|
export { Toggle };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/toggle/toggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,8DAA8D,CAAC;AACzF,OAAO,EAAE,eAAe,EAAE,MAAM,gEAAgE,CAAC;
|
|
1
|
+
{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/toggle/toggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,8DAA8D,CAAC;AACzF,OAAO,EAAE,eAAe,EAAE,MAAM,gEAAgE,CAAC;AAMjG,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAgB9C,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE,EACE,EAAE,EAAE,MAAM,EACV,IAAI,EACJ,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,QAAQ,GAAG,SAAS,EACpB,aAAa,EACb,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,EAAE,GAAG,MAAM,IAAI,WAAW,CAAC;IAEjC,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,iBACnC,cAAc,aAE1B,eAAK,SAAS,EAAC,mBAAmB,aAC/B,aAAa,IAAI,CAChB,KAAC,SAAS,IACR,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,QACN,EAAE,EAAE,GAAG,EAAE,gBAAgB,YAExB,aAAa,GACJ,CACb,EACD,KAAC,UAAU,uBACQ,GAAG,EAAE,QAAQ,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,KAAK,IAAI,YAAY,EAC9B,eAAe,EAAE,QAAQ,EACzB,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,EACD,KAAK,IAAI,CACR,KAAC,SAAS,IACR,OAAO,EAAE,EAAE,EACX,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,MAAM,QACN,EAAE,EAAE,GAAG,EAAE,QAAQ,YAEhB,KAAK,GACI,CACb,IACG,EACL,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CACxB,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,SAAS,GAAG,CACvD,EACA,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,CACtB,KAAC,eAAe,IAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,OAAO,GAAG,CACnD,IACG,CACP,CAAC;IACJ,CAAC;IACD,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,iBACnC,cAAc,YAG1B,2CAAyB,GACrB,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAoB,CAAC"}
|