@instructure/ui-checkbox 11.6.0 → 11.6.1-snapshot-129
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 +44 -297
- package/es/Checkbox/{CheckboxFacade → v1/CheckboxFacade}/index.js +1 -1
- package/es/Checkbox/{ToggleFacade → v1/ToggleFacade}/index.js +1 -1
- package/es/Checkbox/{index.js → v1/index.js} +3 -3
- package/es/Checkbox/v2/CheckboxFacade/index.js +104 -0
- package/es/Checkbox/v2/CheckboxFacade/props.js +26 -0
- package/es/Checkbox/v2/CheckboxFacade/styles.js +177 -0
- package/es/Checkbox/v2/ToggleFacade/index.js +116 -0
- package/es/Checkbox/v2/ToggleFacade/props.js +26 -0
- package/es/Checkbox/v2/ToggleFacade/styles.js +232 -0
- package/es/Checkbox/v2/index.js +289 -0
- package/es/Checkbox/v2/props.js +26 -0
- package/es/Checkbox/v2/styles.js +102 -0
- package/es/CheckboxGroup/{index.js → v1/index.js} +2 -2
- package/es/CheckboxGroup/v2/index.js +125 -0
- package/es/CheckboxGroup/v2/props.js +26 -0
- package/es/{index.js → exports/a.js} +2 -2
- package/es/exports/b.js +25 -0
- package/lib/Checkbox/{CheckboxFacade → v1/CheckboxFacade}/index.js +2 -2
- package/lib/Checkbox/{ToggleFacade → v1/ToggleFacade}/index.js +3 -3
- package/lib/Checkbox/{index.js → v1/index.js} +5 -5
- package/lib/Checkbox/v2/CheckboxFacade/index.js +109 -0
- package/lib/Checkbox/v2/CheckboxFacade/props.js +31 -0
- package/lib/Checkbox/v2/CheckboxFacade/styles.js +183 -0
- package/lib/Checkbox/v2/ToggleFacade/index.js +121 -0
- package/lib/Checkbox/v2/ToggleFacade/props.js +31 -0
- package/lib/Checkbox/v2/ToggleFacade/styles.js +238 -0
- package/lib/Checkbox/v2/index.js +308 -0
- package/lib/Checkbox/v2/props.js +31 -0
- package/lib/Checkbox/v2/styles.js +108 -0
- package/lib/CheckboxGroup/{index.js → v1/index.js} +5 -5
- package/lib/CheckboxGroup/v2/index.js +133 -0
- package/lib/CheckboxGroup/v2/props.js +31 -0
- package/lib/{index.js → exports/a.js} +6 -6
- package/lib/exports/b.js +31 -0
- package/package.json +45 -23
- package/src/Checkbox/{CheckboxFacade → v1/CheckboxFacade}/index.tsx +1 -1
- package/src/Checkbox/{CheckboxFacade → v1/CheckboxFacade}/styles.ts +3 -1
- package/src/Checkbox/{ToggleFacade → v1/ToggleFacade}/index.tsx +1 -1
- package/src/Checkbox/{index.tsx → v1/index.tsx} +3 -3
- package/src/Checkbox/{props.ts → v1/props.ts} +1 -1
- package/src/Checkbox/{styles.ts → v1/styles.ts} +1 -1
- package/src/Checkbox/{theme.ts → v1/theme.ts} +1 -1
- package/src/Checkbox/v2/CheckboxFacade/index.tsx +113 -0
- package/src/Checkbox/v2/CheckboxFacade/props.ts +67 -0
- package/src/Checkbox/v2/CheckboxFacade/styles.ts +209 -0
- package/src/Checkbox/v2/README.md +193 -0
- package/src/Checkbox/v2/ToggleFacade/index.tsx +124 -0
- package/src/Checkbox/v2/ToggleFacade/props.ts +67 -0
- package/src/Checkbox/v2/ToggleFacade/styles.ts +301 -0
- package/src/Checkbox/v2/index.tsx +376 -0
- package/src/Checkbox/v2/props.ts +132 -0
- package/src/Checkbox/v2/styles.ts +118 -0
- package/src/CheckboxGroup/{index.tsx → v1/index.tsx} +2 -2
- package/src/CheckboxGroup/{props.ts → v1/props.ts} +3 -3
- package/src/CheckboxGroup/v2/README.md +111 -0
- package/src/CheckboxGroup/v2/index.tsx +157 -0
- package/src/CheckboxGroup/v2/props.ts +77 -0
- package/src/{index.ts → exports/a.ts} +6 -6
- package/src/exports/b.ts +30 -0
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Checkbox/v1/CheckboxFacade/index.d.ts.map +1 -0
- package/types/Checkbox/v1/CheckboxFacade/props.d.ts.map +1 -0
- package/types/Checkbox/v1/CheckboxFacade/styles.d.ts.map +1 -0
- package/types/Checkbox/v1/CheckboxFacade/theme.d.ts.map +1 -0
- package/types/Checkbox/v1/ToggleFacade/index.d.ts.map +1 -0
- package/types/Checkbox/v1/ToggleFacade/props.d.ts.map +1 -0
- package/types/Checkbox/v1/ToggleFacade/styles.d.ts.map +1 -0
- package/types/Checkbox/v1/ToggleFacade/theme.d.ts.map +1 -0
- package/types/Checkbox/{index.d.ts → v1/index.d.ts} +1 -1
- package/types/Checkbox/v1/index.d.ts.map +1 -0
- package/types/Checkbox/{props.d.ts → v1/props.d.ts} +1 -1
- package/types/Checkbox/v1/props.d.ts.map +1 -0
- package/types/Checkbox/v1/styles.d.ts.map +1 -0
- package/types/Checkbox/v1/theme.d.ts.map +1 -0
- package/types/Checkbox/v2/CheckboxFacade/index.d.ts +39 -0
- package/types/Checkbox/v2/CheckboxFacade/index.d.ts.map +1 -0
- package/types/Checkbox/v2/CheckboxFacade/props.d.ts +27 -0
- package/types/Checkbox/v2/CheckboxFacade/props.d.ts.map +1 -0
- package/types/Checkbox/v2/CheckboxFacade/styles.d.ts +16 -0
- package/types/Checkbox/v2/CheckboxFacade/styles.d.ts.map +1 -0
- package/types/Checkbox/v2/ToggleFacade/index.d.ts +40 -0
- package/types/Checkbox/v2/ToggleFacade/index.d.ts.map +1 -0
- package/types/Checkbox/v2/ToggleFacade/props.d.ts +25 -0
- package/types/Checkbox/v2/ToggleFacade/props.d.ts.map +1 -0
- package/types/Checkbox/v2/ToggleFacade/styles.d.ts +16 -0
- package/types/Checkbox/v2/ToggleFacade/styles.d.ts.map +1 -0
- package/types/Checkbox/v2/index.d.ts +71 -0
- package/types/Checkbox/v2/index.d.ts.map +1 -0
- package/types/Checkbox/v2/props.d.ts +64 -0
- package/types/Checkbox/v2/props.d.ts.map +1 -0
- package/types/Checkbox/v2/styles.d.ts +16 -0
- package/types/Checkbox/v2/styles.d.ts.map +1 -0
- package/types/CheckboxGroup/{index.d.ts → v1/index.d.ts} +1 -1
- package/types/CheckboxGroup/v1/index.d.ts.map +1 -0
- package/types/CheckboxGroup/{props.d.ts → v1/props.d.ts} +3 -3
- package/types/CheckboxGroup/v1/props.d.ts.map +1 -0
- package/types/CheckboxGroup/v2/index.d.ts +42 -0
- package/types/CheckboxGroup/v2/index.d.ts.map +1 -0
- package/types/CheckboxGroup/v2/props.d.ts +30 -0
- package/types/CheckboxGroup/v2/props.d.ts.map +1 -0
- package/types/exports/a.d.ts +7 -0
- package/types/exports/a.d.ts.map +1 -0
- package/types/exports/b.d.ts +7 -0
- package/types/exports/b.d.ts.map +1 -0
- package/types/Checkbox/CheckboxFacade/index.d.ts.map +0 -1
- package/types/Checkbox/CheckboxFacade/props.d.ts.map +0 -1
- package/types/Checkbox/CheckboxFacade/styles.d.ts.map +0 -1
- package/types/Checkbox/CheckboxFacade/theme.d.ts.map +0 -1
- package/types/Checkbox/ToggleFacade/index.d.ts.map +0 -1
- package/types/Checkbox/ToggleFacade/props.d.ts.map +0 -1
- package/types/Checkbox/ToggleFacade/styles.d.ts.map +0 -1
- package/types/Checkbox/ToggleFacade/theme.d.ts.map +0 -1
- package/types/Checkbox/index.d.ts.map +0 -1
- package/types/Checkbox/props.d.ts.map +0 -1
- package/types/Checkbox/styles.d.ts.map +0 -1
- package/types/Checkbox/theme.d.ts.map +0 -1
- package/types/CheckboxGroup/index.d.ts.map +0 -1
- package/types/CheckboxGroup/props.d.ts.map +0 -1
- package/types/index.d.ts +0 -7
- package/types/index.d.ts.map +0 -1
- /package/es/Checkbox/{CheckboxFacade → v1/CheckboxFacade}/props.js +0 -0
- /package/es/Checkbox/{CheckboxFacade → v1/CheckboxFacade}/styles.js +0 -0
- /package/es/Checkbox/{CheckboxFacade → v1/CheckboxFacade}/theme.js +0 -0
- /package/es/Checkbox/{ToggleFacade → v1/ToggleFacade}/props.js +0 -0
- /package/es/Checkbox/{ToggleFacade → v1/ToggleFacade}/styles.js +0 -0
- /package/es/Checkbox/{ToggleFacade → v1/ToggleFacade}/theme.js +0 -0
- /package/es/Checkbox/{props.js → v1/props.js} +0 -0
- /package/es/Checkbox/{styles.js → v1/styles.js} +0 -0
- /package/es/Checkbox/{theme.js → v1/theme.js} +0 -0
- /package/es/CheckboxGroup/{props.js → v1/props.js} +0 -0
- /package/lib/Checkbox/{CheckboxFacade → v1/CheckboxFacade}/props.js +0 -0
- /package/lib/Checkbox/{CheckboxFacade → v1/CheckboxFacade}/styles.js +0 -0
- /package/lib/Checkbox/{CheckboxFacade → v1/CheckboxFacade}/theme.js +0 -0
- /package/lib/Checkbox/{ToggleFacade → v1/ToggleFacade}/props.js +0 -0
- /package/lib/Checkbox/{ToggleFacade → v1/ToggleFacade}/styles.js +0 -0
- /package/lib/Checkbox/{ToggleFacade → v1/ToggleFacade}/theme.js +0 -0
- /package/lib/Checkbox/{props.js → v1/props.js} +0 -0
- /package/lib/Checkbox/{styles.js → v1/styles.js} +0 -0
- /package/lib/Checkbox/{theme.js → v1/theme.js} +0 -0
- /package/lib/CheckboxGroup/{props.js → v1/props.js} +0 -0
- /package/src/Checkbox/{CheckboxFacade → v1/CheckboxFacade}/props.ts +0 -0
- /package/src/Checkbox/{CheckboxFacade → v1/CheckboxFacade}/theme.ts +0 -0
- /package/src/Checkbox/{README.md → v1/README.md} +0 -0
- /package/src/Checkbox/{ToggleFacade → v1/ToggleFacade}/props.ts +0 -0
- /package/src/Checkbox/{ToggleFacade → v1/ToggleFacade}/styles.ts +0 -0
- /package/src/Checkbox/{ToggleFacade → v1/ToggleFacade}/theme.ts +0 -0
- /package/src/CheckboxGroup/{README.md → v1/README.md} +0 -0
- /package/types/Checkbox/{CheckboxFacade → v1/CheckboxFacade}/index.d.ts +0 -0
- /package/types/Checkbox/{CheckboxFacade → v1/CheckboxFacade}/props.d.ts +0 -0
- /package/types/Checkbox/{CheckboxFacade → v1/CheckboxFacade}/styles.d.ts +0 -0
- /package/types/Checkbox/{CheckboxFacade → v1/CheckboxFacade}/theme.d.ts +0 -0
- /package/types/Checkbox/{ToggleFacade → v1/ToggleFacade}/index.d.ts +0 -0
- /package/types/Checkbox/{ToggleFacade → v1/ToggleFacade}/props.d.ts +0 -0
- /package/types/Checkbox/{ToggleFacade → v1/ToggleFacade}/styles.d.ts +0 -0
- /package/types/Checkbox/{ToggleFacade → v1/ToggleFacade}/theme.d.ts +0 -0
- /package/types/Checkbox/{styles.d.ts → v1/styles.d.ts} +0 -0
- /package/types/Checkbox/{theme.d.ts → v1/theme.d.ts} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v1/CheckboxFacade/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;GAIG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,UAAU;IAcV,MAAM;CAYP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v1/CheckboxFacade/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,CAAA;AAE1D,KAAK,mBAAmB,GAAG,cAAc,CAAC,gBAAgB,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;AAChF,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v1/CheckboxFacade/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEvE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,mBAAmB,EACnC,OAAO,mBAAmB,KACzB,mBAqGF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v1/CheckboxFacade/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAE/D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,mBAwD9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v1/ToggleFacade/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD;;;;GAIG;AACH,cACM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACrD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,YAAY;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,UAAU;IAUV,WAAW;IAMX,MAAM;CAgBP;AAED,eAAe,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v1/ToggleFacade/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,cAAc,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,KAAK,CAAA;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,oBAAoB,CAAA;AAE1C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,iBAAiB,GAAG,oBAAoB,GAC3C,cAAc,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAA;AAEtD,KAAK,iBAAiB,GAAG,cAAc,CACrC,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,GAAG,OAAO,CACxE,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v1/ToggleFacade/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEnE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,EACjC,OAAO,iBAAiB,KACvB,iBAkKF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v1/ToggleFacade/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAE7D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,iBAwD9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -14,7 +14,7 @@ declare class Checkbox extends Component<CheckboxProps, CheckboxState> {
|
|
|
14
14
|
label: React.ReactNode;
|
|
15
15
|
id?: string;
|
|
16
16
|
value?: string | number;
|
|
17
|
-
messages?: import("@instructure/ui-form-field").FormMessage[];
|
|
17
|
+
messages?: import("@instructure/ui-form-field/v11_6").FormMessage[];
|
|
18
18
|
defaultChecked?: boolean;
|
|
19
19
|
checked?: boolean;
|
|
20
20
|
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAM7C,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO3D;;;;;GAKG;AAEH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAC5D,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;MAQlB;gBAEW,KAAK,EAAE,aAAa;IAmBhC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAQ;IACnC,OAAO,CAAC,MAAM,CAAgC;IAE9C,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,cAAc,GAAI,IAAI,gBAAgB,GAAG,IAAI,UAK5C;IAED,iBAAiB;IAQjB,kBAAkB,CAAC,SAAS,EAAE,aAAa;IAQ3C,YAAY,GAAI,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,UAerD;IAED,aAAa,GAAI,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,UAKxD;IAED,WAAW,aAIV;IAED,UAAU,aAIT;IAED,eAAe,aAKd;IAED,cAAc,aAIb;IAED,IAAI,EAAE,WAEL;IAED,IAAI,OAAO,wBAIV;IAED,IAAI,OAAO,YAEV;IAED,IAAI,UAAU,YAEb;IAED,IAAI,OAAO,YAIV;IAED,KAAK;IAIL,YAAY;IAuEZ,cAAc;IAmBd,MAAM;CA0DP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { FormMessage } from '@instructure/ui-form-field';
|
|
1
|
+
import type { FormMessage } from '@instructure/ui-form-field/v11_6';
|
|
2
2
|
import type { CheckboxFacadeTheme, OtherHTMLAttributes, ToggleFacadeTheme } from '@instructure/shared-types';
|
|
3
3
|
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
4
4
|
import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/v1/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AACnE,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAE3E,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IAExB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC9D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC7D,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC5D;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,KAAK,CAAA;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAA;CAC3D,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,aAAa,GAAG,gBAAgB,GACnC,cAAc,CAAC,mBAAmB,GAAG,iBAAiB,EAAE,aAAa,CAAC,GACtE,mBAAmB,CAAC,gBAAgB,CAAC,GACrC,wBAAwB,CAAA;AAE1B,KAAK,aAAa,GAAG,cAAc,CAC/B,UAAU,GACV,OAAO,GACP,SAAS,GACT,WAAW,GACX,iBAAiB,GACjB,eAAe,GACf,qBAAqB,CACxB,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAsBnB,CAAA;AAED,KAAK,aAAa,GAAG;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,cAAc,EAC9B,OAAO,aAAa,KACnB,aAqDF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAEnD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,GAY9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import type { CheckboxFacadeProps } from './props';
|
|
3
|
+
/**
|
|
4
|
+
---
|
|
5
|
+
parent: Checkbox
|
|
6
|
+
---
|
|
7
|
+
**/
|
|
8
|
+
declare class CheckboxFacade extends Component<CheckboxFacadeProps> {
|
|
9
|
+
static readonly componentId = "CheckboxFacade";
|
|
10
|
+
static allowedProps: readonly (keyof {
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
checked?: boolean;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
readOnly?: boolean;
|
|
15
|
+
focused?: boolean;
|
|
16
|
+
hovered?: boolean;
|
|
17
|
+
size?: "small" | "medium" | "large";
|
|
18
|
+
indeterminate?: boolean;
|
|
19
|
+
invalid?: boolean;
|
|
20
|
+
})[];
|
|
21
|
+
static defaultProps: {
|
|
22
|
+
checked: boolean;
|
|
23
|
+
disabled: boolean;
|
|
24
|
+
readOnly: boolean;
|
|
25
|
+
focused: boolean;
|
|
26
|
+
hovered: boolean;
|
|
27
|
+
size: string;
|
|
28
|
+
indeterminate: boolean;
|
|
29
|
+
};
|
|
30
|
+
ref: Element | null;
|
|
31
|
+
handleRef: (el: Element | null) => void;
|
|
32
|
+
componentDidMount(): void;
|
|
33
|
+
componentDidUpdate(): void;
|
|
34
|
+
renderIcon(): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
35
|
+
render(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
36
|
+
}
|
|
37
|
+
export default CheckboxFacade;
|
|
38
|
+
export { CheckboxFacade };
|
|
39
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v2/CheckboxFacade/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAajC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;GAIG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,YAAY;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;MAQlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,UAAU;IAwBV,MAAM;CAYP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { CheckboxFacadeTheme } from '@instructure/shared-types';
|
|
2
|
+
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
3
|
+
type CheckboxFacadeOwnProps = {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
checked?: boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
readOnly?: boolean;
|
|
8
|
+
focused?: boolean;
|
|
9
|
+
hovered?: boolean;
|
|
10
|
+
size?: 'small' | 'medium' | 'large';
|
|
11
|
+
/**
|
|
12
|
+
* Visual state showing that child checkboxes are a combination of checked and unchecked
|
|
13
|
+
*/
|
|
14
|
+
indeterminate?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Indicate if the parent component (`Checkbox`) is invalid to set the style accordingly.
|
|
17
|
+
*/
|
|
18
|
+
invalid?: boolean;
|
|
19
|
+
};
|
|
20
|
+
type PropKeys = keyof CheckboxFacadeOwnProps;
|
|
21
|
+
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
22
|
+
type CheckboxFacadeProps = CheckboxFacadeOwnProps & WithStyleProps<CheckboxFacadeTheme, CheckboxFacadeStyle>;
|
|
23
|
+
type CheckboxFacadeStyle = ComponentStyle<'checkboxFacade' | 'facade' | 'label'>;
|
|
24
|
+
declare const allowedProps: AllowedPropKeys;
|
|
25
|
+
export type { CheckboxFacadeProps, CheckboxFacadeStyle };
|
|
26
|
+
export { allowedProps };
|
|
27
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v2/CheckboxFacade/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,CAAA;AAE1D,KAAK,mBAAmB,GAAG,cAAc,CAAC,gBAAgB,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;AAChF,QAAA,MAAM,YAAY,EAAE,eAUnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes';
|
|
2
|
+
import type { CheckboxFacadeProps, CheckboxFacadeStyle } from './props';
|
|
3
|
+
/**
|
|
4
|
+
* ---
|
|
5
|
+
* private: true
|
|
6
|
+
* ---
|
|
7
|
+
* Generates the style object from the theme and provided additional information
|
|
8
|
+
* @param {Object} componentTheme The theme variable object.
|
|
9
|
+
* @param {Object} props the props of the component, the style is applied to
|
|
10
|
+
* @param {Object} sharedTokens Shared theme token object
|
|
11
|
+
* @param {Object} state the state of the component, the style is applied to
|
|
12
|
+
* @return {Object} The final style object, which will be used in the component
|
|
13
|
+
*/
|
|
14
|
+
declare const generateStyle: (componentTheme: NewComponentTypes["Checkbox"], props: CheckboxFacadeProps, sharedTokens: SharedTokens) => CheckboxFacadeStyle;
|
|
15
|
+
export default generateStyle;
|
|
16
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v2/CheckboxFacade/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEvE;;;;;;;;;;GAUG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,UAAU,CAAC,EAC7C,OAAO,mBAAmB,EAC1B,cAAc,YAAY,KACzB,mBAmKF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import type { ToggleFacadeProps } from './props';
|
|
3
|
+
/**
|
|
4
|
+
---
|
|
5
|
+
parent: Checkbox
|
|
6
|
+
---
|
|
7
|
+
**/
|
|
8
|
+
declare class ToggleFacade extends Component<ToggleFacadeProps> {
|
|
9
|
+
static readonly componentId = "ToggleFacade";
|
|
10
|
+
static allowedProps: readonly (keyof {
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
checked?: boolean;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
readOnly?: boolean;
|
|
15
|
+
focused?: boolean;
|
|
16
|
+
hovered?: boolean;
|
|
17
|
+
size?: "small" | "medium" | "large";
|
|
18
|
+
labelPlacement?: "top" | "start" | "end";
|
|
19
|
+
invalid?: boolean;
|
|
20
|
+
})[];
|
|
21
|
+
static defaultProps: {
|
|
22
|
+
checked: boolean;
|
|
23
|
+
focused: boolean;
|
|
24
|
+
hovered: boolean;
|
|
25
|
+
size: string;
|
|
26
|
+
disabled: boolean;
|
|
27
|
+
readOnly: boolean;
|
|
28
|
+
labelPlacement: string;
|
|
29
|
+
};
|
|
30
|
+
ref: Element | null;
|
|
31
|
+
handleRef: (el: Element | null) => void;
|
|
32
|
+
componentDidMount(): void;
|
|
33
|
+
componentDidUpdate(): void;
|
|
34
|
+
renderIcon(): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
35
|
+
renderLabel(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
36
|
+
render(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
37
|
+
}
|
|
38
|
+
export default ToggleFacade;
|
|
39
|
+
export { ToggleFacade };
|
|
40
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v2/ToggleFacade/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAajC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD;;;;GAIG;AACH,cACM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACrD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,YAAY;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;MAQlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,UAAU;IAyBV,WAAW;IAMX,MAAM;CAgBP;AAED,eAAe,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ToggleFacadeTheme } from '@instructure/shared-types';
|
|
3
|
+
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
4
|
+
type ToggleFacadeOwnProps = {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
checked?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
readOnly?: boolean;
|
|
9
|
+
focused?: boolean;
|
|
10
|
+
hovered?: boolean;
|
|
11
|
+
size?: 'small' | 'medium' | 'large';
|
|
12
|
+
labelPlacement?: 'top' | 'start' | 'end';
|
|
13
|
+
/**
|
|
14
|
+
* Indicate if the parent component (`Checkbox`) is invalid to set the style accordingly.
|
|
15
|
+
*/
|
|
16
|
+
invalid?: boolean;
|
|
17
|
+
};
|
|
18
|
+
type PropKeys = keyof ToggleFacadeOwnProps;
|
|
19
|
+
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
20
|
+
type ToggleFacadeProps = ToggleFacadeOwnProps & WithStyleProps<ToggleFacadeTheme, ToggleFacadeStyle>;
|
|
21
|
+
type ToggleFacadeStyle = ComponentStyle<'toggleFacade' | 'facade' | 'icon' | 'iconToggle' | 'label'>;
|
|
22
|
+
declare const allowedProps: AllowedPropKeys;
|
|
23
|
+
export type { ToggleFacadeProps, ToggleFacadeStyle };
|
|
24
|
+
export { allowedProps };
|
|
25
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v2/ToggleFacade/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,cAAc,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,KAAK,CAAA;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,oBAAoB,CAAA;AAE1C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,iBAAiB,GAAG,oBAAoB,GAC3C,cAAc,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAA;AAEtD,KAAK,iBAAiB,GAAG,cAAc,CACrC,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,CAC5D,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAUnB,CAAA;AAED,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes';
|
|
2
|
+
import type { ToggleFacadeProps, ToggleFacadeStyle } from './props';
|
|
3
|
+
/**
|
|
4
|
+
* ---
|
|
5
|
+
* private: true
|
|
6
|
+
* ---
|
|
7
|
+
* Generates the style object from the theme and provided additional information
|
|
8
|
+
* @param {Object} componentTheme The theme variable object.
|
|
9
|
+
* @param {Object} props the props of the component, the style is applied to
|
|
10
|
+
* @param {Object} sharedTokens Shared theme token object
|
|
11
|
+
* @param {Object} state the state of the component, the style is applied to
|
|
12
|
+
* @return {Object} The final style object, which will be used in the component
|
|
13
|
+
*/
|
|
14
|
+
declare const generateStyle: (componentTheme: NewComponentTypes["Toggle"], props: ToggleFacadeProps, sharedTokens: SharedTokens) => ToggleFacadeStyle;
|
|
15
|
+
export default generateStyle;
|
|
16
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v2/ToggleFacade/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAG7E,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEnE;;;;;;;;;;GAUG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,QAAQ,CAAC,EAC3C,OAAO,iBAAiB,EACxB,cAAc,YAAY,KACzB,iBA8PF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import { CheckboxFacade } from './CheckboxFacade';
|
|
3
|
+
import { ToggleFacade } from './ToggleFacade';
|
|
4
|
+
import type { CheckboxProps, CheckboxState } from './props';
|
|
5
|
+
/**
|
|
6
|
+
---
|
|
7
|
+
category: components
|
|
8
|
+
tags: toggle, switch
|
|
9
|
+
---
|
|
10
|
+
**/
|
|
11
|
+
declare class Checkbox extends Component<CheckboxProps, CheckboxState> {
|
|
12
|
+
static readonly componentId = "Checkbox";
|
|
13
|
+
static allowedProps: readonly (keyof {
|
|
14
|
+
label: React.ReactNode;
|
|
15
|
+
id?: string;
|
|
16
|
+
value?: string | number;
|
|
17
|
+
messages?: import("@instructure/ui-form-field/latest").FormMessage[];
|
|
18
|
+
defaultChecked?: boolean;
|
|
19
|
+
checked?: boolean;
|
|
20
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
21
|
+
onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
22
|
+
onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
23
|
+
onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
24
|
+
onMouseOver?: (e: React.MouseEvent<HTMLInputElement>) => void;
|
|
25
|
+
onMouseOut?: (e: React.MouseEvent<HTMLInputElement>) => void;
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
readOnly?: boolean;
|
|
28
|
+
indeterminate?: boolean;
|
|
29
|
+
size?: "small" | "medium" | "large";
|
|
30
|
+
variant?: "simple" | "toggle";
|
|
31
|
+
inline?: boolean;
|
|
32
|
+
labelPlacement?: "top" | "start" | "end";
|
|
33
|
+
isRequired?: boolean;
|
|
34
|
+
inputRef?: (inputElement: HTMLInputElement | null) => void;
|
|
35
|
+
})[];
|
|
36
|
+
static defaultProps: {
|
|
37
|
+
size: string;
|
|
38
|
+
variant: string;
|
|
39
|
+
disabled: boolean;
|
|
40
|
+
inline: boolean;
|
|
41
|
+
indeterminate: boolean;
|
|
42
|
+
readOnly: boolean;
|
|
43
|
+
labelPlacement: string;
|
|
44
|
+
};
|
|
45
|
+
constructor(props: CheckboxProps);
|
|
46
|
+
private readonly _defaultId;
|
|
47
|
+
private _input;
|
|
48
|
+
ref: Element | null;
|
|
49
|
+
handleRef: (el: Element | null) => void;
|
|
50
|
+
handleInputRef: (el: HTMLInputElement | null) => void;
|
|
51
|
+
componentDidMount(): void;
|
|
52
|
+
componentDidUpdate(prevProps: CheckboxProps): void;
|
|
53
|
+
handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
54
|
+
handleKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
55
|
+
handleFocus: () => void;
|
|
56
|
+
handleBlur: () => void;
|
|
57
|
+
handleMouseOver: () => void;
|
|
58
|
+
handleMouseOut: () => void;
|
|
59
|
+
get id(): string;
|
|
60
|
+
get checked(): boolean | undefined;
|
|
61
|
+
get focused(): boolean;
|
|
62
|
+
get isError(): boolean;
|
|
63
|
+
get invalid(): boolean;
|
|
64
|
+
focus(): void;
|
|
65
|
+
renderFacade(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
66
|
+
renderMessages(): import("@emotion/react/jsx-runtime").JSX.Element | null;
|
|
67
|
+
render(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
68
|
+
}
|
|
69
|
+
export default Checkbox;
|
|
70
|
+
export { Checkbox, CheckboxFacade, ToggleFacade };
|
|
71
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAK7C,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO3D;;;;;GAKG;AAEH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAC5D,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;MAQlB;gBAEW,KAAK,EAAE,aAAa;IAmBhC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAQ;IACnC,OAAO,CAAC,MAAM,CAAgC;IAE9C,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,cAAc,GAAI,IAAI,gBAAgB,GAAG,IAAI,UAK5C;IAED,iBAAiB;IAQjB,kBAAkB,CAAC,SAAS,EAAE,aAAa;IAQ3C,YAAY,GAAI,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,UAerD;IAED,aAAa,GAAI,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,UAKxD;IAED,WAAW,aAIV;IAED,UAAU,aAIT;IAED,eAAe,aAKd;IAED,cAAc,aAIb;IAED,IAAI,EAAE,WAEL;IAED,IAAI,OAAO,wBAIV;IAED,IAAI,OAAO,YAEV;IAED,IAAI,OAAO,YAIV;IAED,IAAI,OAAO,YAIV;IAED,KAAK;IAIL,YAAY;IA0EZ,cAAc;IAmBd,MAAM;CA6EP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import type { FormMessage } from '@instructure/ui-form-field/latest';
|
|
2
|
+
import type { CheckboxFacadeTheme, OtherHTMLAttributes, ToggleFacadeTheme } from '@instructure/shared-types';
|
|
3
|
+
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
4
|
+
import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
|
|
5
|
+
type CheckboxOwnProps = {
|
|
6
|
+
label: React.ReactNode;
|
|
7
|
+
id?: string;
|
|
8
|
+
value?: string | number;
|
|
9
|
+
/**
|
|
10
|
+
* Array of objects with shape: `{
|
|
11
|
+
* text: ReactNode,
|
|
12
|
+
* type: One of: ['newError', 'error', 'hint', 'success', 'screenreader-only']
|
|
13
|
+
* }`
|
|
14
|
+
*/
|
|
15
|
+
messages?: FormMessage[];
|
|
16
|
+
defaultChecked?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* whether the input is checked or not (must be accompanied by an `onChange` prop)
|
|
19
|
+
*/
|
|
20
|
+
checked?: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* when used with the `checked` prop, the component will not control its own state
|
|
23
|
+
*/
|
|
24
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
25
|
+
onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
26
|
+
onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
27
|
+
onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
28
|
+
onMouseOver?: (e: React.MouseEvent<HTMLInputElement>) => void;
|
|
29
|
+
onMouseOut?: (e: React.MouseEvent<HTMLInputElement>) => void;
|
|
30
|
+
/**
|
|
31
|
+
* Whether or not to disable the checkbox
|
|
32
|
+
*/
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Works just like disabled but keeps the same styles as if it were active
|
|
36
|
+
*/
|
|
37
|
+
readOnly?: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* Visual state showing that child checkboxes are a combination of checked and unchecked
|
|
40
|
+
*/
|
|
41
|
+
indeterminate?: boolean;
|
|
42
|
+
size?: 'small' | 'medium' | 'large';
|
|
43
|
+
variant?: 'simple' | 'toggle';
|
|
44
|
+
inline?: boolean;
|
|
45
|
+
labelPlacement?: 'top' | 'start' | 'end';
|
|
46
|
+
isRequired?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* A function that provides a reference to the actual underlying input element
|
|
49
|
+
*/
|
|
50
|
+
inputRef?: (inputElement: HTMLInputElement | null) => void;
|
|
51
|
+
};
|
|
52
|
+
type PropKeys = keyof CheckboxOwnProps;
|
|
53
|
+
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
54
|
+
type CheckboxProps = CheckboxOwnProps & WithStyleProps<CheckboxFacadeTheme | ToggleFacadeTheme, CheckboxStyle> & OtherHTMLAttributes<CheckboxOwnProps> & WithDeterministicIdProps;
|
|
55
|
+
type CheckboxStyle = ComponentStyle<'checkbox' | 'input' | 'control' | 'container' | 'requiredInvalid' | 'indentedError' | 'indentedToggleError'>;
|
|
56
|
+
declare const allowedProps: AllowedPropKeys;
|
|
57
|
+
type CheckboxState = {
|
|
58
|
+
focused: boolean;
|
|
59
|
+
hovered: boolean;
|
|
60
|
+
checked?: boolean;
|
|
61
|
+
};
|
|
62
|
+
export type { CheckboxProps, CheckboxStyle, CheckboxState };
|
|
63
|
+
export { allowedProps };
|
|
64
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AACpE,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAE3E,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IAExB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC9D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC7D,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC5D;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,KAAK,CAAA;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAA;CAC3D,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,aAAa,GAAG,gBAAgB,GACnC,cAAc,CAAC,mBAAmB,GAAG,iBAAiB,EAAE,aAAa,CAAC,GACtE,mBAAmB,CAAC,gBAAgB,CAAC,GACrC,wBAAwB,CAAA;AAE1B,KAAK,aAAa,GAAG,cAAc,CAC/B,UAAU,GACV,OAAO,GACP,SAAS,GACT,WAAW,GACX,iBAAiB,GACjB,eAAe,GACf,qBAAqB,CACxB,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAsBnB,CAAA;AAED,KAAK,aAAa,GAAG;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { CheckboxProps, CheckboxStyle } from './props';
|
|
2
|
+
import type { NewComponentTypes } from '@instructure/ui-themes';
|
|
3
|
+
/**
|
|
4
|
+
* ---
|
|
5
|
+
* private: true
|
|
6
|
+
* ---
|
|
7
|
+
* Generates the style object from the theme and provided additional information
|
|
8
|
+
* @param {Object} componentTheme The theme variable object.
|
|
9
|
+
* @param {Object} props the props of the component, the style is applied to
|
|
10
|
+
* @param {Object} sharedTokens Shared theme token object
|
|
11
|
+
* @param {Object} state the state of the component, the style is applied to
|
|
12
|
+
* @return {Object} The final style object, which will be used in the component
|
|
13
|
+
*/
|
|
14
|
+
declare const generateStyle: (componentTheme: NewComponentTypes["Checkbox"], props: CheckboxProps) => CheckboxStyle;
|
|
15
|
+
export default generateStyle;
|
|
16
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D;;;;;;;;;;GAUG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,UAAU,CAAC,EAC7C,OAAO,aAAa,KACnB,aA0EF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -16,7 +16,7 @@ declare class CheckboxGroup extends Component<CheckboxGroupProps, CheckboxGroupS
|
|
|
16
16
|
onChange?: (value: (string | number)[]) => void;
|
|
17
17
|
disabled?: boolean;
|
|
18
18
|
readOnly?: boolean;
|
|
19
|
-
messages?: import("@instructure/ui-form-field").FormMessage[];
|
|
19
|
+
messages?: import("@instructure/ui-form-field/v11_6").FormMessage[];
|
|
20
20
|
size?: "small" | "medium" | "large";
|
|
21
21
|
layout?: "stacked" | "columns" | "inline";
|
|
22
22
|
})[];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CheckboxGroup/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAc3C,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACd,MAAM,SAAS,CAAA;AAEhB;;;;GAIG;AAEH,cACM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IAC3E,MAAM,CAAC,QAAQ,CAAC,WAAW,mBAAkB;IAE7C,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMlB;gBAEW,KAAK,EAAE,kBAAkB;IAWrC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAQ;IACpC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,IAAI,WAAW,wBAEd;IAED,YAAY,GAAI,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,UAqBrD;IAED,IAAI,KAAK,wBAIR;IAED,cAAc;IAuBd,MAAM;CAgBP;AAED,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { type InputHTMLAttributes } from 'react';
|
|
2
|
-
import type { FormMessage } from '@instructure/ui-form-field';
|
|
2
|
+
import type { FormMessage } from '@instructure/ui-form-field/v11_6';
|
|
3
3
|
import type { OtherHTMLAttributes } from '@instructure/shared-types';
|
|
4
4
|
import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
|
|
5
|
-
import { Checkbox } from '
|
|
6
|
-
import type { CheckboxProps } from '
|
|
5
|
+
import { Checkbox } from '../../Checkbox/v1';
|
|
6
|
+
import type { CheckboxProps } from '../../Checkbox/v1/props';
|
|
7
7
|
type CheckboxChild = React.ComponentElement<CheckboxProps, Checkbox>;
|
|
8
8
|
type CheckboxGroupOwnProps = {
|
|
9
9
|
children?: CheckboxChild[];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/CheckboxGroup/v1/props.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AACnE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAE3E,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAE5D,KAAK,aAAa,GAAG,KAAK,CAAC,gBAAgB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;AAEpE,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAClC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;CAC1C,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,qBAAqB,CAAA;AAE3C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,kBAAkB,GAAG,qBAAqB,GAC7C,mBAAmB,CACjB,qBAAqB,EACrB,mBAAmB,CAAC,qBAAqB,GAAG,OAAO,CAAC,CACrD,GACD,wBAAwB,CAAA;AAC1B,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;CAC3B,CAAA;AACD,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import type { CheckboxGroupProps, CheckboxGroupState, CheckboxChild } from './props';
|
|
3
|
+
/**
|
|
4
|
+
---
|
|
5
|
+
category: components
|
|
6
|
+
---
|
|
7
|
+
**/
|
|
8
|
+
declare class CheckboxGroup extends Component<CheckboxGroupProps, CheckboxGroupState> {
|
|
9
|
+
static readonly componentId = "CheckboxGroup";
|
|
10
|
+
static allowedProps: readonly (keyof {
|
|
11
|
+
children?: CheckboxChild[];
|
|
12
|
+
name: string;
|
|
13
|
+
description: React.ReactNode;
|
|
14
|
+
defaultValue?: (string | number)[];
|
|
15
|
+
value?: (string | number)[];
|
|
16
|
+
onChange?: (value: (string | number)[]) => void;
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
readOnly?: boolean;
|
|
19
|
+
messages?: import("@instructure/ui-form-field/latest").FormMessage[];
|
|
20
|
+
size?: "small" | "medium" | "large";
|
|
21
|
+
layout?: "stacked" | "columns" | "inline";
|
|
22
|
+
})[];
|
|
23
|
+
static defaultProps: {
|
|
24
|
+
disabled: boolean;
|
|
25
|
+
readOnly: boolean;
|
|
26
|
+
size: string;
|
|
27
|
+
layout: string;
|
|
28
|
+
children: null;
|
|
29
|
+
};
|
|
30
|
+
constructor(props: CheckboxGroupProps);
|
|
31
|
+
private readonly _messagesId;
|
|
32
|
+
ref: Element | null;
|
|
33
|
+
handleRef: (el: Element | null) => void;
|
|
34
|
+
get hasMessages(): boolean | undefined;
|
|
35
|
+
handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
36
|
+
get value(): (string | number)[];
|
|
37
|
+
renderChildren(): CheckboxChild[] | undefined;
|
|
38
|
+
render(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
39
|
+
}
|
|
40
|
+
export default CheckboxGroup;
|
|
41
|
+
export { CheckboxGroup };
|
|
42
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CheckboxGroup/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAc3C,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACd,MAAM,SAAS,CAAA;AAEhB;;;;GAIG;AAEH,cACM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IAC3E,MAAM,CAAC,QAAQ,CAAC,WAAW,mBAAkB;IAE7C,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMlB;gBAEW,KAAK,EAAE,kBAAkB;IAWrC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAQ;IACpC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,IAAI,WAAW,wBAEd;IAED,YAAY,GAAI,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,UAqBrD;IAED,IAAI,KAAK,wBAIR;IAED,cAAc;IAuBd,MAAM;CAgBP;AAED,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { type InputHTMLAttributes } from 'react';
|
|
2
|
+
import type { FormMessage } from '@instructure/ui-form-field/latest';
|
|
3
|
+
import type { OtherHTMLAttributes } from '@instructure/shared-types';
|
|
4
|
+
import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
|
|
5
|
+
import { Checkbox } from '../../Checkbox/v2';
|
|
6
|
+
import type { CheckboxProps } from '../../Checkbox/v2/props';
|
|
7
|
+
type CheckboxChild = React.ComponentElement<CheckboxProps, Checkbox>;
|
|
8
|
+
type CheckboxGroupOwnProps = {
|
|
9
|
+
children?: CheckboxChild[];
|
|
10
|
+
name: string;
|
|
11
|
+
description: React.ReactNode;
|
|
12
|
+
defaultValue?: (string | number)[];
|
|
13
|
+
value?: (string | number)[];
|
|
14
|
+
onChange?: (value: (string | number)[]) => void;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
readOnly?: boolean;
|
|
17
|
+
messages?: FormMessage[];
|
|
18
|
+
size?: 'small' | 'medium' | 'large';
|
|
19
|
+
layout?: 'stacked' | 'columns' | 'inline';
|
|
20
|
+
};
|
|
21
|
+
type PropKeys = keyof CheckboxGroupOwnProps;
|
|
22
|
+
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
23
|
+
type CheckboxGroupProps = CheckboxGroupOwnProps & OtherHTMLAttributes<CheckboxGroupOwnProps, InputHTMLAttributes<CheckboxGroupOwnProps & Element>> & WithDeterministicIdProps;
|
|
24
|
+
declare const allowedProps: AllowedPropKeys;
|
|
25
|
+
type CheckboxGroupState = {
|
|
26
|
+
value: (string | number)[];
|
|
27
|
+
};
|
|
28
|
+
export type { CheckboxGroupProps, CheckboxGroupState, CheckboxChild };
|
|
29
|
+
export { allowedProps };
|
|
30
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/CheckboxGroup/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAE3E,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAE5D,KAAK,aAAa,GAAG,KAAK,CAAC,gBAAgB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;AAEpE,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAClC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;CAC1C,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,qBAAqB,CAAA;AAE3C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,kBAAkB,GAAG,qBAAqB,GAC7C,mBAAmB,CACjB,qBAAqB,EACrB,mBAAmB,CAAC,qBAAqB,GAAG,OAAO,CAAC,CACrD,GACD,wBAAwB,CAAA;AAC1B,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;CAC3B,CAAA;AACD,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { Checkbox, CheckboxFacade, ToggleFacade } from '../Checkbox/v1';
|
|
2
|
+
export { CheckboxGroup } from '../CheckboxGroup/v1';
|
|
3
|
+
export type { CheckboxProps } from '../Checkbox/v1/props';
|
|
4
|
+
export type { CheckboxFacadeProps } from '../Checkbox/v1/CheckboxFacade/props';
|
|
5
|
+
export type { ToggleFacadeProps } from '../Checkbox/v1/ToggleFacade/props';
|
|
6
|
+
export type { CheckboxGroupProps } from '../CheckboxGroup/v1/props';
|
|
7
|
+
//# sourceMappingURL=a.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"a.d.ts","sourceRoot":"","sources":["../../src/exports/a.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAEnD,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACzD,YAAY,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AAC9E,YAAY,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,YAAY,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { Checkbox, CheckboxFacade, ToggleFacade } from '../Checkbox/v2';
|
|
2
|
+
export { CheckboxGroup } from '../CheckboxGroup/v2';
|
|
3
|
+
export type { CheckboxProps } from '../Checkbox/v2/props';
|
|
4
|
+
export type { CheckboxFacadeProps } from '../Checkbox/v2/CheckboxFacade/props';
|
|
5
|
+
export type { ToggleFacadeProps } from '../Checkbox/v2/ToggleFacade/props';
|
|
6
|
+
export type { CheckboxGroupProps } from '../CheckboxGroup/v2/props';
|
|
7
|
+
//# sourceMappingURL=b.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"b.d.ts","sourceRoot":"","sources":["../../src/exports/b.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAEnD,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACzD,YAAY,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AAC9E,YAAY,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,YAAY,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxFacade/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;GAIG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,UAAU;IAcV,MAAM;CAYP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxFacade/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,CAAA;AAE1D,KAAK,mBAAmB,GAAG,cAAc,CAAC,gBAAgB,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;AAChF,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxFacade/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEvE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,mBAAmB,EACnC,OAAO,mBAAmB,KACzB,mBAmGF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxFacade/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAE/D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,mBAwD9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/ToggleFacade/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD;;;;GAIG;AACH,cACM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACrD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,YAAY;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,UAAU;IAUV,WAAW;IAMX,MAAM;CAgBP;AAED,eAAe,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/ToggleFacade/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,cAAc,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,KAAK,CAAA;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,oBAAoB,CAAA;AAE1C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,iBAAiB,GAAG,oBAAoB,GAC3C,cAAc,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAA;AAEtD,KAAK,iBAAiB,GAAG,cAAc,CACrC,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,GAAG,OAAO,CACxE,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,CAAA"}
|